﻿@charset "utf-8";
/* CSS Document */


.banner{ width:100%; height:400px; background:url(../images/case_banner.jpg) no-repeat center;}
.service_bt{ width:1200px; height:80px; margin:52px auto;}
.service_bt a{  width:142px; height:37px; background:#e4e4e4; float:left; text-align:center; line-height:37px; color:#333; font-size:15px; margin:0 4px; display:block; transition:all 0.6s;margin-bottom:10px;}
.service_bt a:hover{ background:#da2416; color:#fff;}
.service_bt a.case_dq{ background:#da2416; color:#fff;}

.service_con{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.service_con ul{ width:1230px;}
.service_con ul li{ width:380px; height:355px; float:left; margin-right:30px; margin-bottom:25px;}
.service_con ul li img{ width:380px; height:250px; transition:all 0.5s;}
.service_con ul li .nr{ width:380px; height:85px;}
.service_con ul li .nr h3{ margin-top:15px; margin-bottom:5px; font-size:15px; color:#333; width:380px; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.service_con ul li .nr p{ font-size:15px; width:380px; height:52px; overflow:hidden; line-height:25px; color:#666;}
.service_con ul li:hover .nr img{ width:380px; height:230px; opacity:0.8;}
.service_con ul li:hover .nr h3{ color:#e77600;}

.service_con_bt{ width:1000px; height:100px; margin:0 auto;}
.service_con_bt h3{ font-size:20px; color:#333; text-align:center; margin-bottom:15px;}
.service_con_bt .xin{ width:283px; height:25px; margin:0 auto;}
.service_con_bt .xin_left{ width:156px; height:25px; float:left; color:#999;}
.service_con_bt .xin_right{ width:100px; height:25px; float:right; color:#999;}
.service_con_nr{ margin:0 auto; width:1200px; height:auto!important; height:350px; min-height:350px; border-bottom:1px solid #dedede; padding-bottom:30px; margin-bottom:35px;}
.service_con_nr p{ line-height:30px; color:#333;}
.service_con_nr img{ max-width:800px; margin:0 auto; display:block;}

.xi{ width:1200px; height:85px;margin:0 auto; margin-bottom:60px;}
.xi p{ color:#333; line-height:40px;}
.xi p a{ color:#333; width:550px; height:40px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xi p span{ width:65px; height:40px; line-height:40px; color:#333; float:left; display:block;}
.xi p i{ display:block; float:left; width:0px; height:1px; background:#333; margin-top:19px; transition:all 0.5s;}
.xi p:hover i{ width:30px; margin-right:10px;}

/*.xiangguan{ width:1200px; height:900px; margin:0 auto;}*/
.xiangguan{ width:1200px; margin:0 auto;}
.xiangguan .bt{ width:1200px; height:47px; background:#efefef;}
.xiangguan .bt h3{ width:121px; height:47px; float:left; background:#015cb5; font-size:16px; color:#fff; text-align:center; line-height:47px;}










