/* CSS Document */
*{padding:0px;margin:0px;font-family:Microsoft YaHei,simsun,Helvetica Neue,Arial,Helvetica,sans-serif;font-size:14px;}
*html{background-image:url(about:blank);background-attachment:fixed;}
body{ background:#FFF; line-height:25px;  min-width:1200px; color:#333333; font-size:14px;}
ul,ol { list-style-type:none; vertical-align:bottom; }
a{ color:#333333; text-decoration:none;}
a:hover{ color:#0276C3; text-decoration:none;}
img,input{border:0px; vertical-align:middle; outline:none;}
ul,ol,li{list-style:none;}
table,th,td{border-collapse:collapse;}
.fl,.left{ float:left;}
.fr,.right{ float:right;}
.lf{float:left;}
.dis{display:none;}
.hui{background:#f5f5f5;}
.p10{padding:10px;}
.p20{padding:20px;}
::-webkit-scrollbar{width: 10px;height: 10px;background-color: #F5F5F5;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
video::-webkit-media-controls {overflow: hidden !important;}
video::-webkit-media-controls-enclosure {width: calc(100% + 32px);margin-left: auto;}

/*高光特效*/
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.clear,.c{clear:both; height:0px; font-size:0px; overflow:hidden;}
.c10{clear:both; height:10px; font-size:0px; overflow:hidden;}
.c20{clear:both; height:20px; font-size:0px; overflow:hidden;}
.c30{clear:both; height:30px; font-size:0px; overflow:hidden;}
.c40{clear:both; height:40px; font-size:0px; overflow:hidden;}
.c50{clear:both; height:50px; font-size:0px; overflow:hidden;}
.hid{height:auto;overflow:hidden;}
.clearfix:after {display: block;clear: both;content: "";visibility: hidden;height: 0}
.clearfix {zoom:1}
.wrapper, .wrap{width:1200px; margin:0 auto;  }
.wrapper{margin-bottom:50px; min-height:auto; padding-top:60px;}
table{border-collapse:collapse;border-spacing:0;}
.w1200{width:1200px; margin:0 auto; clear:both; display:block;}
.w1400{width:1400px; margin:0 auto; clear:both; display:block;}
.w1200w{width:1202px; margin:0px auto; clear:both;}
/* 通用头部 */
.xy-top{position: relative;font-size: 14px;color: #7a7a7a;line-height: 40px;height: 40px;border-bottom: 2px solid #e2e2e2;z-index: 222;}
.xy-top span{ background:url(../images/ico2.png) no-repeat 0px center; display:block;text-indent:20px;}


.toubu{ width:1200px; height:120px; margin:0 auto; overflow:hidden;}
.logo{float:left; margin-top:25px;margin-right:5px;}
.logo img{height:70px;}
.toubu .zhuanzhu{height:100px; float:left; margin-top:8px; padding:0px 0 0 15px; line-height:35px;background:url(../images/logoshu.jpg) no-repeat left center;}
/*.toubu .zhuanzhu b{font-size:22px;}
.toubu .zhuanzhu i{ font-size:26px; color:#0F68B9; font-style:normal;}*/
.toubu .phone{width:290px; float:right;height:90px;margin-top:15px;  padding-top:15px;line-height:26px;}
.toubu .phone span{ display:block; color:#121212; font-size:20px; line-height:30px}
.toubu .phone span em{display:block;font-size:28px; font-weight:bold;}
.toubu .phone span font{ color:#0168AB; font-size:28px;}
.toubu .phone .top_tel{width:66px; height:57px; float:left;}
.toubu .phone .top_tel img{width:57px; height:57px; float:left;}


/* 导航样式 */
.nav {width: 100%;height: 60px;background: #0276C3;z-index: 999;position: relative;}
.nav ul {width: 1200px;margin: 0 auto;}
.nav li {width: 150px;text-align: center;float: left;line-height: 60px;	position: relative;}
.nav li a {font-size: 16px;	color: #fff;	display: block;	height: 60px; font-weight:bold;}
.nav li a:hover, .nav li.action {background: #FF7D01;}
.nav .action a { background: #FF7D01; color: #fff; }
.nav li a:hover:after, .nav li.action:after {background: #fff;}
.nav li a:hover {transition: all .6s ease 0s;}
/*.nav li.li2 {width: 218px;float: right;text-align: left;text-indent: 64px;background: url(img/ico4.png) no-repeat 32px 23px;}
.nav li.li2 a {font-size: 20px;}
.nav li.li2 a:hover {transition: all 0s ease 0s;background: #464646 url(img/ico4.png) no-repeat 32px 23px;}
.nav li.li2:after {background: #0276C3;}*/
.nav .sub {display: none;width: 218px;	left: 0;top: 60px;	position: absolute;	background: #4E4E4E;line-height: 40px;}
.nav .sub dd {	zoom: 1;height: 40px;line-height: 40px;	background: #fff;border-bottom: 1px solid #ccc;}
.nav .sub dd a {display: block;	font-size: 14px;color: #464646;	background: #fff;height: 40px;	line-height: 40px;font-weight:normal;}
.nav .sub dd a:hover {background: #FF7D01;color: #fff;}




.nav ul li UL.navpro { width:100%; background:#fff; border-bottom:3px solid #000; position:absolute; left:0; z-index:9999; }
.navpro .plistx { width:1204px; margin:0 auto; background:#999; z-index:99999; }
.navpro .plistx dl a { line-height:30px; width:90%; font-size:14px; background:none; color:#111; }
.navpro .plistx dl { width:240px; height:370px; float:left; text-align:center; border-right:1px solid #dadada; }
.navpro .plistx dl:nth-child(2n) {background:#f5f5f5;}
.navpro .plistx dl:nth-child(5n) {border-right:none;}
.navpro .plistx dl dt { width:100%; margin:0 auto; height:150px; margin-bottom:5px; }
.navpro .plistx dl dt a { font-size:14px; background:#333333; color:#fff; }
.navpro .plistx dl dt a:hover { background:#0276C3; color: #fff; }
.navpro .plistx dl dt a.ttimg { padding:4px; height:110px; background:none; }
.navpro .plistx dl dt img { height:110px; }
.navpro .plistx dl dt span { clear:both; height:30px; line-height:30px; display:block; overflow:hidden; }
.navpro .plistx dl dd { height:25px; line-height:25px; float:left; width:100%; overflow:hidden; margin-top:2px; }
.navpro .plistx dl dd a { background:none; color:#111; }
.navpro .plistx dl dd a:hover { background:none; color:#000; }
.fixedSubNav { position: fixed; top: 0px; left: 0px; z-index:10; width: 100%; background: #0276C3; animation:myfirst 0.5s; -moz-animation:myfirst 0.5s; /* Firefox */ -webkit-animation:myfirst 0.5s; /* Safari and Chrome */ -o-animation:myfirst 0.5s; /* Opera */ box-shadow: 0 4px 10px rgba(0,0,0,.8);}

/*banner*/
.fullSlide { width:100%; position:relative; height:600px; }
.fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .bd ul { width:100% !important; }
.fullSlide .bd li { width:100% !important; height:600px; overflow:hidden; text-align:center; }
.fullSlide .bd li a { display:block; height:600px; }
.fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul { text-align:center; }
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline;
zoom:1; width:40px; height:8px; margin:1px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; line-height:999px; transition:all 0.6s; }
.fullSlide .hd ul .on { background:#ff8b00; width:70px; }
.fullSlide .prev, .fullSlide .next { display:block; position:absolute; z-index:1; top:40%; margin-top:-30px; left:15%; z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; }
.fullSlide .next { left:auto; right:15%; background-position:-6px -137px; }

/* 关键词搜索 */
.searchbg { width: 100%; height: 90px;margin: 0 auto;background: #f5f5f5;}
.searchbg .search { width: 1200px; height: 90px;margin: 0 auto;}
.search .key_text { float:left; height:90px; line-height: 90px; }
.search .key_text b { display:block; float:left; color:#333; font-weight: normal；text-align：left; text-indent:20px; }
.search1 { width:470px; float:right; padding-top:25px; margin-right: 20px; }
.search1 li { float:left; }
.search1 li .select { width:60px; background:#fff; height:32px; float:left; margin-right:2px; display:none; }
.search1 li .input { width:384px; background:#fff; border:1px solid #fff; height:34px; line-height: 34px; float:left; text-indent:3px; padding-left:16px; }
.search1 li .submit { width:67px; background:#0276C3 url(../images/sousuo.png) no-repeat center; text-indent:-9999em; cursor:pointer; height:36px; line-height: 36px; float:left; color:#fff; border: none; }

@keyframes myfirst
{
from {top:-50px;}
to {top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {top:-50px;}
to {top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {top:-50px;}
to {top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
from {top:-50px;}
to {top:0px;}
}

.plist{ width: 266px; float: left; overflow: hidden; margin-bottom:20px; background:#f4f4f4;}
.plist .hd{ height:90px; line-height:90px; font-size:28px; color:#fff; text-align:center;background:url(../images/t1.png) no-repeat 0px center;overflow: hidden;}
.plist .bd{ width: 264px; border: 1px solid #eaeaea;  border-bottom: 9px solid #0276C3;border-radius: 10px;border-top: none;overflow: hidden;}
.plist .bd ul{ width: 264px; margin: 0 auto; padding-bottom: 6px; overflow: hidden;}
.plist .bd ul li{width:100%; padding:0px 0%; margin:5px 0; height:40px; text-indent:10px;line-height: 40px; overflow: hidden;background:#ECECEB; color:#111;}
.plist .bd ul li:hover{ color: #fff; background:#0276C3;}
.plist .bd ul p{width: 94%; margin: 0 auto;text-align:left; background:url(../images/jiao.png) no-repeat 10px 10px; text-indent:24px; height:28px; line-height:28px; overflow:hidden; margin-bottom:5px; border-bottom:1px dashed #e2e2e2;}
.plist .bd ul p a{display:block;}
.plist .bd ul p:hover{border-bottom:1px dashed #0276C3;}
.plist .bd ul li a{ display: block; width:100%; height: 54px; margin:0 auto; font-size:16px;color: #111; text-indent:10px;}
.plist .bd ul li a:hover{ color: #fff;}
.plist .bot{margin-top:8px; border: 1px solid #eaeaea; border-bottom: 9px solid #0276C3;border-radius: 10px;}
.plist .bot ul{ padding: 10px 15px; line-height:28px;}
.plist .bot ul h3{ color: #000; font-weight: 700; font-size: 16px;}

.pztype{width:100%; display:none;}

.ad1{width:100%; height:286px;background:url(../images/ad1.jpg) no-repeat center top;}
.ad2{width:100%; height:257px;background:url(../images/cib.jpg) no-repeat center top;}
.xingneng{width:1200px; margin:0 auto;}
.xingneng dl{width:220px; margin:0px 8px; float:left; display:block; border:1px solid #e2e2e2; box-shadow:10px 10px 8px #999; border-radius:10px;}
.xingneng dl dt{height:50px; line-height:50px; background:#0C4FA8; font-size:20px; text-align:center; color:#fff; font-weight:bold;}
.xingneng dl dd{font-size:16px; line-height:30px; padding:20px 15px;height:100px;}

.plists{width:1200px;overflow: hidden;float: right;}
.plists ul li{width: 284px;height: 296px;overflow: hidden;float: left; margin: 0 7px 13px 7px;text-align: center;}
.plists ul li .pic{width: 282px;height: 254px;overflow: hidden;display: flex;justify-content: center;align-items: center;border: #ccc 1px solid;border-radius: 2px;}
.plists ul li .pic img{max-width: 282px;max-height: 254px;}
.plists ul li .ptitle{width: 284px;height:40px;line-height: 40px;overflow: hidden;margin: 0 auto; font-size:16px;}
.plists ul li:hover .pic img{transition: all 0.2s; transform: scale(1.1,1.1);}
.plists ul li .pic img{transition: all 0.2s; transform: scale(1,1);}

.index_tit{text-align: center;width: 100%;overflow: hidden;margin-top:20px;margin-bottom:10px;display:block;}
.index_tit h3{width: 100%;font-size: 36px;font-weight:bold;line-height: 90px;height: 70px;color: #666;text-align: center;display:block;}
.index_tit span{color: #333;font-size: 16px;}
.index_tit .xian{width: 120px;height: 5px;background: #0276C3;margin: 0 auto}

.adbg .w1200 .tel{width: 246px;height: 52px;line-height: 52px;float: right;font-size: 35px;font-weight: 600;color: #ffb300;margin-top:113px;margin-right: 20px;  }
.adbg .w1200 .zixun{display:inline-block;width: 170px;height: 47px;line-height: 47px;text-align: center;overflow: hidden;background: #ffb300;color: #0276C3;font-size: 28px;float: right;margin-top: 186px;margin-right: 40px;  }

.case_con ul li{width: 380px;float: left;margin: 0 10px 34px 10px; text-align: center;}
.case_con ul li .pic{width: 350px;height: 275px;overflow: hidden;}
.case_con ul li .pic img{width: 350px;height: 275px;overflow: hidden;}
.case_con ul li .title{position: relative;width: 350px;height: 86px;line-height: 86px;background: #222222;color: #fff;font-size: 18px;border-top:#0276C3 4px solid;}
.case_con ul li:hover .title{background: #0276C3;border-top:#222222 4px solid;}
.case_con ul li .title a{color: #fff;line-height:33px;}
.case_con ul li .look_more{width: 110px;height: 35px;text-align: center;position: absolute;z-index: 2;left: 120px;top:36px;color: #fff;border:1px solid #fff;}

.slist{width: 1200px;overflow: hidden;margin: 0 auto;}
.slist ul li{width: 334px;overflow: hidden;float: left;line-height: 46px;margin: 0 32px 52px 32px;text-align: center;}
.slist ul li h3 {font-size: 18px;font-weight: normal;}
.slist ul li p{line-height: 24px;font-size: 16px;}

.inproduct{display:block;}
.con_right {display:block; overflow: hidden;width:910px; float:right;}


/*左侧相关产品展示*/
.leftcp{width:260px; margin:0 auto;display:block; overflow: hidden; border:1px solid #e0e0e0; padding:2px;}
.leftcp ul {padding:0; clear:both; overflow: hidden; width:250px; margin:0 auto; margin-top:8px;}
.leftcp li {float:left; width:118px; margin-bottom:6px; overflow: hidden; line-height: 30px; text-align:center;border-collapse: collapse; border:1px solid #e0e0e0;}
.leftcp li:nth-child(2n){float:right;}
.leftcp li b{font-weight:normal;}
.leftcp li a{display:block;}
.leftcp li a .cp_name{display: block; width:114px; height:114px;background: #fff; color: #555;display: table-cell; text-align: center;  vertical-align: middle;  overflow:hidden; padding:2px;}
.leftcp li a img{max-width: 114px; height:114px; vertical-align:middle;}
.leftcp li span{height:30px; line-height:30px; background:#e2e2e2; display:block; clear:both;}
.leftcp li a .cp_name:hover img { transform: scale(1.1, 1.1);}
.leftcp li a .cp_name img{transition:transform 1s ease 0s}

.proli{width:100%; border-bottom:1px solid #F0F0F0;}
.proli li{width:120px; float:left; background:#0276C3;color:#fff; height:50px; line-height:50px; text-align:center; margin-right:5px;}
.proli li a{display:block; background:#F0F0F0; font-size:16px;}
.proli li a:hover{display:block; background:#0276C3; color:#fff;}
.proli li.hover a{display:block; background:#0276C3; color:#fff;}

.linkbj{ height:92px; background:#0550A0;}
.link{ width:1200px; margin:0 auto;}
.linkz{ float:left; width:250px; height:92px; background:url(../images/yqlj.jpg) no-repeat; font-size:16px; font-weight:bold;}
.linky{ width:950px; float:right; padding-top:20px;}
.linky a{ display:block; float:left; padding: 0 15px 10px 15px; color:#fff;}
.linky a:hover{text-decoration:underline;}


/*内页*/
.class_bg{width:100%; height:400px; background:url(../images/class_bg.jpg) no-repeat center;min-width:1200px; }
.class_bg h3{ width: 450px; height: 80px; line-height: 80px; text-align: center; margin: 0 auto; background:#fff; border-radius:10px; font-size:30px; color:#000; }

.navli{ width:100%; display:block;}
.navli li{width:12.5%; height:40px; line-height:40px;text-align:center; float:left;border-bottom:1px solid #f0f0f0;}
.navli li a{display:block; font-size:16px;}

.navli li:hover{border-bottom:1px solid #0276C3;}
.navli li.hover{border-bottom:1px solid #0276C3;}

.path{width:100%;height:60px; line-height:60px; padding:0px; border-bottom:#ccc 1px dashed; margin-bottom: 10px;  }
.path h2{float:left; font-size:16px; padding:0px 30px; color:#666666; font-weight: normal; height:60px; line-height:60px;background: url(../images/position.png) no-repeat 3px 20px;}
.path span{float:right; padding-right:10px; }
.content{width:100%; margin:0 auto; padding:25px 0; font-size:14px; line-height:24px;}
.content strong{font-size:18px;}
.content p{font-size:16px; line-height:28px;}
/* .content img{width:100%;} */
.content table,.view_con table{border:0px;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2; width:100%; margin:0 auto;}
.content table td,.view_con table td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; margin:0px; padding:5px; text-align:center;}
.view_con table td.ta{color:#787878;}
.view_con table td .tb{width:240px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.view-title{font-size:24px; width:80%; margin:0 auto; line-height:30px; display:block; padding-bottom:15px; text-align:center;}
.view-date{height:25px; line-height:25px; display:block; text-align:center;}
.view-date span{display:none;}
.updown{width:100%; clear:both; margin-top:15px; margin-bottom:25px; padding:10px 0; display:block; background:#f4f4f4;}
.updown li{width:100%;float:left;height:34px; line-height:34px; overflow:hidden; text-indent:20px;}
.updown li a{color:#121212;}

.xg_news{width:100%; clear:both;}
.xg_news li{height:40px; line-height:40px; overflow:hidden; font-size:16px; width:50%; float:left; text-indent:10px;}
.xg_news li span{float:right; width:100px; text-align:center; font-size:14px; color:#f00;}

.products{ width:100%; margin:0 auto;}
.products .pros_tit{font-size:28px; text-align:center;height:90px; line-height:90px;margin-top:20px;margin-bottom:20px;clear:both;}
.products .pros_tit a{font-size:28px; background:#08499b; color:#fff; padding:10px 30px;}

.row .cptitle{ width:291px; background:#eeeeee; height:50px;}
.row .cptitle p{ color:#333; font-size:16px; text-align:center; line-height:50px;}

/*产品组图*/
.pro_list{padding:0px 0px;}

#imgto{width:500px;height:400px; float:left; border:5px solid #e2e2e2; overflow:hidden;}
#imgto .big{width:500px;height:400px;display: table-cell;text-align: center; vertical-align: middle;text-align:center; background:#fff;}
#imgto .big img{max-width:500px;max-height:400px;}
/*#imgto .small{height:100px; margin-top:8px;width:100%; clear:both;}
#imgto .small div{float:left;overflow:hidden;}
#imgto .small div.imgl,#imgto .small div.imgr{width:13px;height:80px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:80px; font-weight:bold; color: #999; cursor:pointer;}
#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}
#imgto .small div.imgc{width:480px; position:relative;height:100px;}
#imgto .small div.imgc ul{ position:absolute;width:2200px; height:100px;top:0; left:0;}
#imgto .small div.imgc ul li{ float:left; width:108px; padding-left:10px;cursor:pointer; }
#imgto .small div.imgc ul li img{width:106px; height:80px;border:1px solid #0276C3}
#imgto .small div.imgc ul li.the img {border:1px solid #0276C3}*/

.pro_right{width:650px; float:right;}
.pro_right h1{line-height:40px; font-size:40px; display:block; padding:30px 0;}
.pro_right .pro_desc{line-height:28px; line-height:28px; font-size:16px; background:#f4f4f4; padding:12px 15px;}
.pro_right .pro_desc strong{color:#f00;}
.pro_desc span{color:#111; display:block;width:50%; float:left; padding:0px 0px;}
.pro_right .pro_zx{width:230px;height:28px; line-height:28px; font-size:28px; background:#0276C3 url(../images/tel2.png) no-repeat 30px 16px; padding:15px 25px; text-indent:50px; color:#fff; float:left;}
.pro_right .pro_ly a{float:right;width:160px;color:#fff;height:28px; line-height:28px; font-size:28px; text-align:center; padding:15px 25px; background:#E06A13;}

.pro_img{ width:94%; margin:0 auto; clear:both; text-align:center; display:block; padding:20px;}

.cpnr1{width: 1200px;margin: 0 auto; margin-bottom:50px;  background: #f5f5f5; padding: 15px 0; border-radius: 10px; overflow: hidden;}
.cpnr1_l{ width: 55%; height: 400px;border-radius: 10px; float: left;margin-left: 5px;display: flex;align-items: center;justify-content: center;background: white;}
.cpnr1_l img{ width: 60%;border-radius: 5px; }
.cpnr1_r{ width: 42%; float: right;margin-right: 5px;}
.cpnr1_r .tit{ font-size: 26px;padding: 10px 0 5px 0; color: #222;display: inline-block;}
.cpnr1 .tage{ font-size: 15px; color:#666; margin:5px 0; padding:15px 0; border-top:1px #ddd solid; display: block; line-height: 1.8 }
.cpnr1 .tage b{ color:#111 }
.cpnr1 .tage2 i{ color:#b01c1c  }
.cpnr1 .tage2 strong{ color:#b01c1c; font-size: 25px; font-family: arial  }

/*产品循环列表*/


.cplist{ padding:20px; width:1160px; background:#fff; box-shadow:0 0 30px #dadada;margin:20px auto;}
.cplist h1{ border-bottom:1px solid #dadada; line-height:40px; height:40px; font-size:18px;}

.view_con{width:100%; padding:15px 0; line-height:28px;}
.view_con p{ font-size:16px;}
.view_con img{max-width:910px; text-align:center;}
.view_con a.neilian{color:#f00;}
.view_desc{padding:15px 25px; background:#f5f5f5; border:1px solid #e2e2e2; font-size:16px;}
.view_title{width:100%; background:#f0f0f0; height:50px; line-height:50px; clear:both; margin:0px 0;}
.view_title h3{background:#0276C3 url(../images/ico.png) no-repeat 20px center; display:block; float:left; color:#fff;padding:0px 20px;text-indent:30px; font-size:16px;}
.view_title span{float:right; padding-right:100px;}
.view_title span a{color:#111;}
/*新闻列表*/
.news_list{ padding:0 5px;clear:both; margin:10px auto; background:#fff;}
.news_list ul{margin:0px; padding:0px;}
.news_list li{height:40px; line-height:40px; overflow:hidden; border-bottom:1px dashed #e2e2e2;padding-left:20px; background:url(../images/heidian.jpg) no-repeat 8px 15px;}
.news_list li span{float:right;}
.news_list li b{font-weight:normal;}

/*新闻列表二*/
.main_c{width: 100%;float: left;line-height: 260%;padding:10px 0 20px 0;}

.main_c .news li{ overflow:hidden; padding:20px; position:relative; margin-top:20px;}
.main_c .news .img{ width:150px; float:left; overflow:hidden;}
.main_c .news .img img{ width:100%; display:block; transition:.5s;} 
.main_c .news .box{ margin-left:180px;}
.main_c .news .txt{ width:75%; box-sizing:border-box; border-right:1px solid #ccc; padding:10px 0; padding-right:10%; float:left; transition:.3s;}
.main_c .news .time{  box-sizing:border-box; padding-left:5%; width:15%; float:left; font-family:Arial; padding-top:25px;}
.main_c .news .year{ font-size:28px; color:#333; line-height:100%; padding-bottom:5px;}
.main_c .news .date{ font-size:14px;}
.main_c .news .tit{ font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_c .news .info{ line-height:170%; overflow:hidden; height:44px; margin-top:20px;  }
.main_c .news i{display:inline-block; padding-top:40px; width: 0; transition: .3s ease 0s; overflow: hidden;}
.main_c .news i:before { content: ''; display: inline-block; vertical-align: middle; width: calc(100% - 4px); height: 1px; background: #fff; }
.main_c .news i:after { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 3px 0 4px 4px; }
.main_c .news li:hover{ background-color:#eee;}
.main_c .news li:hover .tit,.main_c .news li:hover .year,.main_c .news li:hover .date{ color:#666; }
.main_c .news li:hover .txt{ width:70%; color:#666;}
.main_c .news li:hover i{ width: 5%; margin-left: 3.5%; }
.main_c .news li:hover .img img{ transform:scale(1.1,1.1);}
/*联系我们*/
#allmap{width:100%; height:550px; line-height:24px;}

/*分页*/
.pages{text-align:center;clear:both;font-size:14px;width:100%;height:40px;}
.pages a{margin:3px;padding:8px 12px;border:1px solid #c1c1c1;color:#A0A0A0;font-size:14px;border-radius: 3px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F0F0F0));}
.pages span{background:#15181E;color:#fff;margin:3px;padding:8px 12px;border:1px solid #15181E;border-radius: 3px;}

/* 图标 */
.boxs{width:100%; margin:0 auto;}
.bc{background:#FFFFFF;}
.bc3{background:#F6F9FA;}
.h840{height:840px;}
.h340{height:340px;}
.pt10{padding-top:10px;}
/*index news pic*/
.n_pic{width:450px;padding:20px; padding-left:0px;}

.yb_conct {position: fixed;z-index: 9999999;top: 200px;right: -127px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top {background: url('../images/fixCont.png') no-repeat 0 0 #158EE0;}
.yb_bar .yb_phone {background: url('../images/fixCont.png') no-repeat 0 -57px #158EE0;}
.yb_bar .yb_QQ {text-indent: 0;background: url('../images/fixCont.png') no-repeat 0 -113px #158EE0;}
.yb_bar .yb_ercode {/*height:200px;*/background: url('../images/fixCont.png') no-repeat 0 -169px #158EE0;}
.hd_qr {padding: 0 29px 25px 29px;}
.yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;font-size: 14px;color: #fff!important;}
/*关于我们*/
.bg-3{ background:url(../images/bg_2.jpg) no-repeat center top; height:428px;}
.mrg-t-30{ margin-top:40px;}
div.span-1, div.span-2, div.span-3, div.span-4,div.span-5,div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:31px;}
div.span-3 {width:765px; }
div.span-4 {width:386px; background:#ffffff}
.last, div.last {margin-right:0;}
.block-3{ text-align:center; padding:20px 15px 15px 15px; color:#ffffff}
.block-3 div{ font-size:14px; line-height:60px; position:relative;text-align:left;}
.block-3 div span{ font-size:35px;}
.block-3 div span:after{width:90px; height:2px; content:""; position:absolute; left:0px; background:#fff; display:block; top:68px;}
.block-3 p{ font-size:14px; line-height:30px; text-align:left;}
.block-3 a{ font-size:16px; color:#fff; background:#FF7D01; display:block; width:220px; margin-top:15px; line-height:40px;}
.block-3 a:hover{background:#fff; color:#0276C3;}
.block-4{ text-align:left; height:400px;font-size:14px; padding:13px 15px}
.block-4 div{ font-size:30px; color:#000; line-height:60px; position:relative; padding-left:15px;	}
.block-4 div:before{ width:7px; height:31px; content:""; position:absolute; background:#0276c3; top:15px; left:0px;}
.block-4 p{ font-size:14px; line-height:32px; color:#585151; padding:15px;}

/* 首页企业荣誉 */
.index_honor{display: flex;justify-content: space-between;}
.index_honor .honor_title{width: 215px;height: 60px;background: #222222;color: #ffffff;padding: 55px 30px;}
.index_honor .honor_title p{font-size: 26px;font-weight: 600;}
.index_honor .honor_title span{font-size: 18px;line-height: 35px;}

.floor_4_main{width: 1025px;height: 170px;}
.body{position: relative;}
.body .hd2 .prev2,
.body .hd2 .next2{width: 105px;height: 170px;position: absolute;display: block;display: flex;align-items: center;justify-content: center;}
.body .hd2 .next2{right: 0px;}
.body .bd2{overflow: hidden;margin-left: 115px;}
.body .bd2 ul{overflow: hidden;zoom: 1;}
.body .bd2 ul li{float: left;width: 220px;text-align: center;font-size: 16px;margin-right: 15px;transition: all .5s;}
.body .bd2 ul li img{display: block;width: 220px;height: 170px;}
.body .bd2 ul li p{line-height: 60px;}

/*联系我们*/

#allmap{width: 1200px;overflow: hidden;margin-bottom: 50px; }

/*生产车间*/
.worklist{width: 1200px;overflow: hidden;margin: 0 auto;margin-bottom: 40px; }
.worklist ul li{width: 585px;height: 244px;overflow: hidden;float: left;margin: 0 8px 13px 7px;}
.worklist ul li img{width: 585px;height: 244px;overflow: hidden;}
.news_lists,.main_right{width: 910px;overflow: hidden;float: right;}

/* 以下为新添加CSS样式 */
.qita_class{width:1200px; margin:0 auto; padding:0px 0 0 0;background:#0276C3; display:block;}
.qita_class li{width:20%; height:60px; overflow:hidden; float:left; text-align:left;display:block;}
.qita_class li a{font-size:16px;height:60px; line-height:60px;display:block; float:left; color:#111;transition:all 0.4s;background:#F4F4F4; width:100%; text-align:center;}
.qita_class li a:hover{font-weight:bold;background:#F4F4F4;}
.qita_class li.on a{font-weight:bold;background:#0276C3 url(../images/p16-icon6.png) no-repeat center bottom; color:#fff;}
/* 首页产品展示 */
.cp_class{width:1200px; margin:0 auto; padding:0px 0 0 0;display:block;}
.cp_class li{width:230px; margin:5px 5px; height:60px; overflow:hidden; float:left; text-align:left;display:block; border-radius:10em;}
.cp_class li a{font-size:16px;height:60px; line-height:60px;display:block; float:left; color:#fff;transition:all 0.4s;background:#0276C3 url(../images/p16-icon6.png) no-repeat center 70px; width:100%; text-align:center; font-size:18px;}
.cp_class li a:hover{font-weight:bold;background:#FF7D01 url(../images/p16-icon6.png) no-repeat center bottom; color:#fff;}
.cp_class li.on a{font-weight:bold;background:#FF7D01 url(../images/p16-icon6.png) no-repeat center bottom; color:#fff;}

.cp_nav{width:1200px; margin:0 auto; padding:0px 0;background:#0276C3; display:block;}
.cp_nav li{width:171px; height:60px; overflow:hidden; float:left; text-align:left;display:block;}
.cp_nav li a{font-size:16px;height:60px; line-height:60px;display:block; float:left; color:#fff;transition:all 0.4s;background:#0276C3; width:100%; text-align:center;}
.cp_nav li a:hover{background:#FF7D01;color:#fff;}
.cp_nav li.on a{background:#FF7D01;color:#fff;}

.cp_cinav{width:1200px; margin:0 auto; padding:0px 0;height:50px; background:#f1f1f1;}
.cp_cinav li{height:50px; overflow:hidden; float:left; text-align:left;display:block;}
.cp_cinav li a{font-size:14px;height:50px; line-height:50px;display:block; float:left; color:#333; padding:0px 15px; text-align:center;}
.cp_cinav li a:hover{color:#0276C3;}

.ny_neirong {
width: 1200px;
    margin: 0 auto;
    margin-bottom: 60px;
    padding-top: 10px;
    padding: 30px;
    box-sizing: border-box;
    border: 1px solid #eee;
    line-height: 35px;
    color: #666;
    font-size: 16px;
}
.ny_neirong p {

}
.lxwm_ny {
	float: left;
	width: 600px;
}
.lxwm_dt {
	float: right;
	width: 500px;
}
.lxwm_ny p {
	font-size: 18px;
	line-height: 38px;
	background: #f9f9f9;
	margin-bottom: 14px;
	margin-right: 30px;
	color: #666;
	padding-bottom: 0;
}
/* 单位换算模块 */
#calc_fix{  width: 1190px;z-index: 9999;color:#fff;margin: 0 auto;}
.xuangou{display: inline-block;margin: 30px 0;width: 178px;height: 48px;border-radius: 4px;text-align: center;font-size: 18px;line-height: 50px;cursor: pointer;color:#fff;background:#d61719}
.calculatorjieshao{width:500px;float:left;}
.calculatorjieshao p{font-size:14px; line-height:20px;}
.container .calculatorNavigation{margin:40px auto;height:60px;background-color:#d61719;text-align:center;font-size:18px;line-height:60px;}
.container .calculatorNavigation{margin:40px auto;height:60px;background-color:#d61719;text-align:center;font-size:18px;line-height:60px;}
.container .heat_transfer{float:left;}
.container .heat_transfer ul{overflow:hidden;margin-bottom:10px;}
.container .heat_transfer li{float:left;margin-bottom:30px;width:50%;}
.container .heat_transfer li .name{float:left;padding:15px 0 0 0;font-size:13px;}
.container .heat_transfer li input{background-color: transparent;float:left;width:140px;height:50px;border:solid 1px #e2e2e2;border-radius:4px;text-indent:10px;font-size:16px;line-height:28px;margin-right: 15px; color:#fff;}
.container .heat_transfer .huansuanAll{float:left;margin-bottom:20px;width:100%;height:50px;text-align:center;}
.container .heat_transfer .huansuanAll .huansuan{display:inline-block;margin-left:20px;width:178px;height:48px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:18px;line-height:50px;cursor:pointer;}
.container .heat_transfer .huansuanAll .huansuan:hover{border:1px solid #d61719;background-color:#d61719;color:#fff;}

/* 首页合作案例模块 */
.case{height: 640px;background: url(../images/case_bg.jpg) no-repeat;}
.case .fl{width: 460px;float: left;padding-top: 175px;}
.case .fl .tit{margin-bottom: 40px;}
.case .fl .tit h3{color: #333;font-size: 24px;line-height: 30px;font-weight: bold;}
.case .fl .tit p{color: #999;font-size: 16px;line-height: 20px;margin-top: 12px;}
.case .fl .txt{width: 400px;color: #666;font-size: 14px;line-height: 24px;text-align: justify;margin-bottom: 55px;overflow: hidden;}
.case .fl .more{display: block;width: 130px;height: 40px;color: #fff;font-size: 14px;line-height: 40px;text-align: center;background: #DA251C;border-radius: 20px;}
.case .fl .more:hover{background: #333;}
.case ul{width: 730px;padding-top: 23px;}
.case ul li{float: left;position: relative;margin-right: 20px;margin-bottom: 20px;}
.case ul li:nth-child(2n){margin-right: 0;}
.case ul li .img{width: 355px;height: 266px;overflow: hidden;}
.case ul li .img img{width: 100%;height: 100%;display: block;transition: all .5s;object-fit: cover;}
.case ul li h3{position: absolute;width: 100%;bottom: 0;color: #fff;font-size: 16px;line-height: 40px;text-align: center;background: rgba(0,0,0,.5);}
.case ul li:hover .img img{transform: scale(1.1);}

.index_cp ul {margin:0;padding:0; clear:both; overflow: hidden;}
.index_cp li {float:left; width: 253px; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse;border:1px solid #e0e0e0;margin:15px 20px 25px 20px;-webkit-box-shadow: 10px 0px 20px 0 #CCC;-moz-box-shadow: 10px 0 20px 0 #CCC;-ms-box-shadow: 10px 0 20px 0 #CCC;-o-box-shadow: 10px 0 20px 0 #CCC;box-shadow:  10px 0px 20px 0 #CCC;}
.index_cp li b{font-weight:normal;}
.index_cp li a{display:block;}
.index_cp li a .cp_name{display: block; width:246px; height:186px;background: #fff; color: #555;display: table-cell; text-align: center;  vertical-align: middle;  overflow:hidden; padding:5px;}
.index_cp li a:hover span{background: #0276C3; color: #fff;transition:0.6s all 0s linear;}
.index_cp li a:hover b{color: #fff;}
.index_cp li a img{width: 246px;height:186px; vertical-align:middle;object-fit: cover; }
.index_cp li span{height:50px; line-height:50px;  display:block; clear:both;}
.index_cp li a .cp_name:hover img { transform: scale(1.1, 1.1);}
.index_cp li a .cp_name img{transition:transform 1s ease 0s}

.video{width:600px; margin:0 auto; text-align:center; display:block;}

.title{padding-top:50px;margin-bottom: 40px;text-align: center;}
.title h2{font-size: 46px;color: #000000; height:70px; line-height:70px;}
.title h2 span{color: #0276C3;margin-left: 20px;padding-left: 32px;background:url(../images/title_dot.png) no-repeat left center;}
.title p{font-size: 21px;color: #000000;margin-top: 10px; display:block; text-align:center;}
.ico ul{padding-top: 92px;margin: 0 -13px;}
.ico ul li{width:280px;height:325px;float:left;margin:0 13px;background: #0276C3;text-align: center;color: #fff;position: relative;}
.ico ul li i{font-size:32px;letter-spacing: 1px;display: block;font-style: normal;padding-top: 100px;}
.ico ul li h3{font-size:32px;margin: 25px 0 20px;}
.ico ul li h3 span{font-size:12px;color: #fff;display: block;font-weight: normal;margin-top: 23px; text-transform:uppercase;}
.ico ul li a{width: 213px;line-height: 46px;height: 46px;display: block;margin: 0 auto;background: #fff;font-size:18px;color: #0276C3;font-weight: bold;border-radius: 23px;}
.ico ul li img{position: absolute;left: 52px;top: -92px;width: 168px;height: 168px;border: 8px solid #fff;background: #fff; border-radius: 50%;-webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;}
.ico ul li:hover{background: #222222;}
.ico ul li:hover a{background:#393939;color: #fff;}
.ico ul li:hover img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
/*网站底部*/
.footer{height:290px;background: #fff;overflow:hidden;}
.footer .fnav{height:62px;line-height:62px;text-align:center;color:#fff;font-size:16px;background: #0079dc;}
.footer .fnav a{color:#fff;padding: 0 30px;display:inline-block;}
.footer .fnav a.nobot{ background:none;}
.footer .f_pic{text-transform: uppercase;margin-top: 28px;}
.footer .f_pic img{}
.footer .f_wz{margin-left: 54px;background: url(../images/f_s.png) no-repeat left center;line-height:38px;color:#d2d2d2;padding-left: 63px;margin-top: 36px;width:536px;}
.footer .f_wz a{ color:#d2d2d2;}
.footer .f_wz img{ vertical-align:middle; margin-right:12px;}
.footer .f_wz span{ width:265px;display:inline-block; color:#666; font-size:16px;}
.footer .f_wz span a{color:#666;}
.footer .f_wz span.address{width:536px; display:block;}
.footer .code{width: 208px;background: url(../images/f_s.png) no-repeat left center;padding-left: 68px;margin-top: 40px;}
.footer .code p{padding-left: 88px;width:120px;height:154px;background: url(../images/code_bj.png) no-repeat left center;}
.footer .code p img{ width:102px; height:101px; padding: 7px; border: 1px solid #7f7f7f;}
.footer .code p em{ text-align: center; line-height: 34px; display: block; font-size: 14px; color: #bbb;}
.footer .banquan{ background:#333; height:40px; line-height:40px; text-align:center; color:#fff;}
.footer .banquan a{color:#fff;}
/* 返回顶部装置 */
*{padding:0;margin:0;font-family:"微软雅黑"}
ol,ul{list-style:none}
a{text-decoration:none;color:#686868}
img{border:0}
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background:#fff url(../images/web.jpg)center center no-repeat;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:120px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}

.foot_lxwm{position: relative;max-width: 1920px;margin: 0 auto;padding: 80px 0; height:290px;background: url(../images/lx_bg.jpg) no-repeat center top;}
.foot_lxwm:after{content:" ";position: absolute;top: 0;width: 100%;height: 100%;background:#000;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6 }
.foot_lxwm .in_title{margin-bottom: 0;}
.in_title{position: relative;text-align: center;margin-bottom: 60px;z-index: 1;}
.in_title span{position: relative;display: block;height: 50px;color: var(--colour1);font-size: 34px;line-height: 50px;}
.in_title span:before,.in_title span:after{content:" ";position: absolute;top: 50%;margin-top: -1px;left: 0;width: 492px;height: 1px;background: #d6d6d6;}
.in_title span:after{left: auto;right: 0;}
.in_title span h3{position: absolute;left: 50%;margin-left: -108px;width: 216px;height: 100%;font-weight: bold;line-height: 42px;}
.in_title span h3:before,.in_title span h3:after{content:" ";position: absolute;top: 50%;margin-top: -5px;left: 0;width: 5px;height: 5px;border: 2px solid var(--colour1);border-radius: 50%;}
.in_title span h3:after{left: auto;right: 0;}
.in_title p{color: #666;font-size: 18px;line-height: 30px;}
.in_title.whit span:before,.in_title.whit span:after{background: #fff;opacity: .5;}
.in_title.whit span h3,.in_title.whit p{color: #fff;}
.in_title.whit span h3:before,.in_title.whit span h3:after{border-color: #fff;}
.foot_lxwm ul{position: relative;padding-top: 50px;z-index: 1;}
.foot_lxwm ul li{float: left;margin-right: 22px;}
.foot_lxwm ul li:last-child{margin-right: 0;}
.foot_lxwm ul li a{position: relative;display: block;width: 365px;text-align: center;padding: 30px 10px;background: #fff;cursor: pointer;}
.foot_lxwm ul li a *{position: relative;z-index: 2;}
.foot_lxwm ul li a:after{content: " ";position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;-webkit-transform: scaleX(0) scaley(0);transform: scaleX(0) scaley(0);transition: all .5s;}
.foot_lxwm ul li .icon{width: 44px;height: 37px;display: inline-block;margin-top: 10px;margin-bottom: 15px;transition: all .5s;}
.foot_lxwm ul li .icon.add{background:url(../images/liuyan_add.png) no-repeat;}
.foot_lxwm ul li .icon.cel{background:url(../images/liuyan_02.png) no-repeat;}
.foot_lxwm ul li .icon.mail{background:url(../images/liuyan_mail.png) no-repeat;}
.foot_lxwm ul li h3{color:#000;font-size: 20px;line-height: 20px;padding-bottom: 15px;margin-bottom: 20px;transition: all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.foot_lxwm ul li h3:after{content:" ";position: absolute;bottom: 0;left: 50%;margin-left: -15px;width: 30px;height: 2px;background:#000;transition: all .5s;}
.foot_lxwm ul li span{position: relative;display: block;color: #2e2e2e;font-size: 16px;line-height: 20px;transition: all .5s;}
.foot_lxwm ul li:hover .icon{-webkit-filter: brightness(500%);-moz-filter: brightness(500%);-ms-filter: brightness(500%);-o-filter: brightness(500%);filter: brightness(500%);transition: all .5s;}
.foot_lxwm ul li:hover h3,.foot_lxwm ul li a:hover span{color: #fff;}
.foot_lxwm ul li:hover h3:after{background: #fff;}
.foot_lxwm ul li:hover a:after{background:#0276C3;opacity: 1;-webkit-transform: scaleX(1) scaley(1);transform: scaleX(1) scaley(1);}
/* 内页联系我们 */
.contact {font: 400 14px/28px "microsoft yahei"; width:900px; padding-right:300px;background:url(../images/lxwm.png) no-repeat 900px bottom;}
.contact .caption {margin:10px 0; padding-bottom:10px;font-size: 16px}
.contact .caption span {display: block;color: #ff2020;font-size: 14px}
.contact h2 {clear:both;font: 700 20px/40px "microsoft yahei";margin-bottom: 10px}
.contact .cway {padding:0px 0;overflow: hidden;}
.contact .cway li {line-height: 60px;height: 60px;margin: 5px 0}
.cotcatus{width:500px; display:block; padding-right:340px;clear:both;}
.cotcatus ul li{width: 100%;height: 40px; line-height:40px;float: left;font-size: 16px;margin: 5px;background: #e4e4e4;border-radius: 15px; text-indent:30px;}

#allmap{width:100%; height:350px; line-height:25px;}

/*内页左侧*/
.inner_left{ width:280px; background:#f0f0f0;}
.inner_left .left_img{ vertical-align:top; display:block}
.inner_left h2{ height:72px; background:#0276C3 ; padding-left:30px; color:#fff; line-height:30px; font-size:24px; text-transform:uppercase; font-weight:bold; padding-top:15px;}
.inner_left h2 span{ font-size:14px; font-weight:normal}
.inner_left ul{ background:#f6f6f6;overflow: hidden; padding:5px 0}
.inner_left ul li{font: normal 16px/50px "microsoft yahei"; border-bottom:1px solid #eaeaea; text-indent:20px;}
.inner_left ul li a{ display:block;}
.inner_left ul li a:hover,.inner_left ul li.currclass a{ background:#0276C3; color:#fff;}

.lx { width: 266px; background:#0276C3; overflow:hidden; margin-bottom:20px;}
.lx .left_img{ width:266px; height:auto; margin-bottom:20px;}
.lx h3{ font-size:16px; color:#fff; text-indent:20px; font-weight:bold; margin-bottom:10px;}
.lx p { margin-bottom: 10px;color: #fff; padding-left:20px; line-height:26px; font-size:16px; }
.lx span { font-weight: 600; font-size: 16px; color: #fff; }

.left_lx{width:266px; display:block; text-align:center; padding-bottom:10px; font-size:16px;color: white;}

.atxt p{font-size:18px;}
/* 新闻内页 */
.con_right {width:910px; float:right;display:block; overflow: hidden;}

.list-5 li{margin-bottom:15px}
.list-5 li a{display:block;border:1px solid #ddd;padding:15px;overflow:hidden}
.list-5 li .img-center{float:left;width:250px; display:none;}
.list-5 li .img-center img{width:215px; height:150px;}
.list-5 li .text h4{margin:0;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight: bold;}
.list-5 li .text h4 span{float:right;font-size:12px;color:#999;font-weight:normal}
.list-5 li .text p{color:#797979}
.list-5 li .text .more{float:right;padding:6px 12px;color:#fff;background-color:#B6B6B6}
.list-5 li a:hover{border-color:#0276C3}
.list-5 li a:hover .text h4{color:#0276C3}
.list-5 li a:hover .text .more{background-color:#0276C3}


/* 详情页下方元素 */

/* 详情页下方  联系我们元素 */
.daodu{width: 1200px;margin: 0 auto;background: #FEEDE9;background-size: 80px;padding:30px 0px 30px 130px; margin-bottom:30px;margin-top:30px;color:#FA3B1F;    border: 1px dashed #f90;overflow:hidden;box-sizing: border-box;}
.daodu p.tip{text-indent:0; font-size:16px;}
.daodu .tel{ width:80%; float:left; color:#ed2225; font-size:26px; font-weight:bold; margin-top:8px;}
.daodu .tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:center;}
.daodu .tool{ float:right; width:18%;*margin-right:60px;}
.daodu .tool a{ font-size:15px; color:#fff;display:block; float:left; text-align:center;}
.daodu .tool a img{ width:35px;vertical-align: middle;margin-right: 5px;animation: myfirst 0.5s infinite;display: inline-block;margin-left: 10px;}
.daodu .tool a.baojia{padding:8px 20px;background: #f20d01;font-size: 20px;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f20d01), to(#ff461f));-webkit-box-shadow: #ff461f 0px 2px 5px;-moz-box-shadow: #ff461f 0px 0px 5px; margin-top: -20px; }

/* 产品详情页 */
.detail_left{ width:1200px;}
.detail_left h1{ height:46px; line-height:46px; border-bottom:1px solid #dadada}
.detail_left h1 a{ float:left; margin-right:20px; padding:0 30px; background:#F0F0F0; font-size:18px; font-weight: normal;}
.detail_left h1 a:hover{ background:#b20f10; color:#fff;}
.detail_left h1 a.current{ background:#b20f10; color:#fff;}
.detail_left .cont{ width:1180px;  padding:20px 10px;}
.cont_p{ color:#666; line-height:26px;}

/* 首页产品展示 */
.index_cp1{width:100%;display:block; overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.index_cp1 ul {margin:0;padding:0; clear:both; overflow: hidden;}
.index_cp1 li {float:left; width:280px;background:#fff; padding:0 10px; overflow: hidden;text-align:center;border-collapse: collapse;margin:5px 0}
.index_cp1 li b{}
.index_cp1 li a{display:block; color:#111;}
.index_cp1 li a .cp_name{display: block; width:280px; height:240px;color: #555;display: table-cell; text-align: center;  vertical-align: middle;  overflow:hidden;}
.index_cp1 li a img{max-width:280px;max-height:240px;object-fit: cover; }
.index_cp1 li .cp_xclass{ height:40px; line-height:40px; font-size:16px; color:#333;text-align:center;width:94%; margin:0px auto;}
.index_cp1 li:hover .cp_xclass{color:#175DBC}
.index_cp1 li .zxzx{display: flex;height: 36px;line-height: 36px;justify-content: space-between;font-size: 16px;}
.index_cp1 li .zxzx a{width: 49%;color: white; }
.index_cp1 li .zxzx .zzr{background: black;}
.index_cp1 li .zxzx .zzl{background:#0276C3 ;}
.index_cp1 li .zxzx a:hover{background: #f67524;color: white;}

.index_cp1 li a .cp_name:hover img { transform: scale(1.1, 1.1);}
.index_cp1 li a .cp_name img{transition:transform 1s ease 0s}


/*留言*/
.member_f{width:90%; margin:0 auto;margin-top:5px;}
.member_f li{padding:10px 0; display:block;}
.member_f li .inp{height:40px; line-height:40px; width:98%; border:1px solid #e2e2e2; border-radius:5px; padding-left:5px;}
.member_f li .inpx{height:40px; line-height:40px; width:50%; border:1px solid #e2e2e2;border-radius:5px; padding-left:5px;}
.member_f li .textarea{height:120px; width:96%;border:1px solid #e2e2e2;border-radius:5px;padding:5px;}
.member_f li.anniu{ text-align:center;}
.member_f .btnbig{height:40px; line-height:40px; font-size:16px; background:#0056d8; border:none; cursor:pointer; width:280px; margin:0 auto; color:#fff;}
.ad3{width:100%; height:140px; background:url(../images/youshititle.jpg) no-repeat center; min-width:1200px; overflow:hidden;}

.hezuo{width:100%; height:300px; background:url(../images/hezuo.jpg) no-repeat center;}
.hezuo .hzcenter{width:1010px; margin:0 auto; height:300px;background:url(../images/kuang.png) no-repeat center; text-align:center;}
.hzcenter h2{font-size:34px; height:80px; line-height:80px; color:#fff; padding-top:40px;}
.hzcenter h3{font-size:28px; height:60px; line-height:60px; color:#fff;}
.hzcenter h4{font-size:24px; height:50px; line-height:50px; color:#fff;}
/*应用领域开始*/
.in_pro { padding: 0;}
.in_pro .section-header{ display: none}
.in_pro .title_w {padding: 80px 0 60px;background: #f5f5f5}
.in_pro .title {height: 60px}
.in_pro .title h3 {display: block;float: left;width: 400px;height: 60px;position: relative}
.in_pro .title h3 span {display: block;font-size: 28px;color: #005bac;height: 30px;line-height: 30px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  bottom: 0
}
.in_pro .title h3 em {
  display: block;
  font-size: 50px;
  font-family: 'btb';
  color: #dcdcdc;
  font-style: normal;
  text-transform: uppercase
}
.in_pro .title a.more {
  float: right;
  margin-top: 7px
}
.in_pro .list {
  position: relative
}
.in_pro .list .bg {
  width: 100%;
  height: 400px;
  background: #f5f5f5;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1
}
.in_pro .list .item {
  width: 25%;
  float: left;
  position: relative;
  z-index: 2
}

.in_pro .list .item a {
  display: block;
  width: 100%;
  height: 100%
}

.in_pro .list .item a .txt {
  position: absolute;
  left: 40px;
  right: 40px;
  top: 40px;
  bottom: 40px;
  z-index: 3;
  border: 1px solid rgba(255,255, 255, 0);
  /* background: rgba(0, 91, 172, 0.45); */
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.in_pro .list .item a .txt .des {
  display: table;
  width: 100%;
  height: 100%
}

.in_pro .list .item a .txt .des .des_inner {
  display: table-cell;
  vertical-align: bottom;
  padding: 0 70px 70px;
  color:#c9c9c9;
}

.in_pro .list .item a .txt .des .des_inner b {
  font-size: 30px
}

.in_pro .list .item a .txt .des .des_inner p {
  font-size: 14px;
  line-height: 28px;
  font-weight: lighter;
  margin-top: 40px;
  display: none;
}

.in_pro .list .item a .img {
  width: 100%;
  height: 100%;
  overflow: hidden
}


.in_pro .list .item a .img img {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.in_pro .list .item a .img span {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s
}

.in_pro .list .item a:hover .txt {
  opacity: 1;
  filter: alpha(opacity=100)
}

.in_pro .list .item a:hover .img span {
  -webkit-transform: scale(1.07, 1.07);
  -moz-transform: scale(1.07, 1.07);
  -o-transform: scale(1.07, 1.07);
  transform: scale(1.07, 1.07)
}


.in_pro .list .item a:hover .txt {
  border: 1px solid rgba(255,255, 255, 0.95);
  background: rgba(0, 0, 0, 0.15);

}

.in_pro .list .item a:hover .txt {
  border: 1px solid rgba(255,255, 255, 0.95);
}

.in_pro .list .item a:hover .txt .des .des_inner b{
  display: block;
  position: relative;

}

.in_pro .list .item a:hover .txt .des .des_inner b:after {
  content: '';
  position: absolute;
  width: 60px;
  height:3px;
  background: #fff;
  top: 60px;
  left: 50%;
  margin-left: -30px;
  z-index: -1;
}


.in_pro .list .item a:hover .txt .des .des_inner p{
  display: block;

}



.in_pro .list .item.item01 {
  width: 25%;
}


.in_pro .list .item.item01 .txt{
  opacity: 1;
  background:none;
 
}
 

.in_pro .list .item.item01 a .txt .des .des_inner{
  padding: 60px 20px;
  vertical-align: text-top;

}

.in_pro .list .item.item01 a .txt .des .des_inner b{ position: relative; font-size: 34px;}
.in_pro .list .item.item01 a .txt .des .des_inner b:after {
  content: '';
  position: absolute;
  width: 60px;
  height:3px;
  background: #fff;
  top: 60px;
  left: 0;
  z-index: -1;
}

.in_pro .list .item.item01 a:hover .txt .des .des_inner b:after {
  content: '';
  position: absolute;
  width: 60px;
  height:3px;
  background: #fff;
  top: 60px;
  left: 0;
  z-index: -1;
  margin-left: 0;
}




.in_pro .list .item.item01 a .txt .des .des_inner p{
  font-size: 20px;
  line-height: 3em;
  font-weight: lighter;
  margin-top: 40px;
  display:  block;
}
.in_pro .list .item.item01 a .txt .des .des_inner p span{ margin-left:20px;}


.in_pro .list .item.item02 {height: auto}


.in_pro .list .item.item02 a .txt {
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px
}

.in_pro .list .item.item02 a .txt .des .des_inner {
  vertical-align: middle;
  padding: 0 40px;
  text-align: center
}
@media (max-width: 1440px){
	.in_pro .list .item.item01 a .txt .des .des_inner p {
    font-size: 16px;
	line-height:2em}
	
	}

@media (max-width: 1180px){

  .in_pro .list .item a .txt .des .des_inner b{ font-size: 18px;}
  .in_pro .list .item a:hover .txt .des .des_inner b:after{ top: 40px;}
  .in_pro .list .item a .txt .des .des_inner p{ font-size: 12px; line-height: 22px;     margin-top: 20px;}

  .in_pro .list .item.item01 a .txt .des .des_inner b{font-size: 18px;}
  .in_pro .list .item.item01 a .txt .des .des_inner b:after{ top: 40px;}
  .in_pro .list .item.item01 a:hover .txt .des .des_inner b:after{ top: 40px;}
  .in_pro .list .item.item01 a .txt .des .des_inner p{ font-size: 12px; line-height: 22px;     margin-top: 20px;}

}


@media (max-width: 992px){
  .in_pro{ padding: 80px 0 0 0;}
  .in_pro .section-header .title{ height: auto;}

  .in_pro .section-header { display: block;}
  .in_pro .list .item.item01{ display: none;}

  .in_pro .list .item{  width: 50%;}
 

}


@media (max-width: 768px){
  .in_pro .list .item a:hover .txt .des .des_inner p{ display: none;}
  .in_pro .list .item a:hover .txt .des .des_inner b:after{ display: none}
  .in_pro .list .bg{ display: none;}
}


@media (max-width: 480px){
  .in_pro{ padding: 20px 0 0 0;}
  .in_pro .list .item.item02 a .txt .des .des_inner{ padding: 0 15px;}
}

/*应用领域 结束*/
/* z3 */
.z3 {
    padding-top: 30px;
    background: url(../images/hy_bg.png) center top no-repeat #f4f3f3;
    padding-bottom: 80px;
}

.z3 > h1 {
    text-align: center;
    font: bold 36px/60px "微软雅黑";
    color: #fff;
}

.z3 > h2 {
    text-align: center;
    font: 18px/48px "微软雅黑";
    color: #fff;
}

.z3 > h2 span {
    font-weight: bold;
    color: #fff604;
    font-size: 32px;
}

.z3-top {
    overflow: hidden;
    margin-top: 100px;
}

.z3-top .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 390px;
}

.z3-top .hd li {
    margin-bottom: 6px;
    width: 188px;
}

.z3-top .hd li a {
    display: block;
    text-align: center;
    font: 20px/96px "微软雅黑";
    color: #666;
    border: 1px solid #d3d3d3;
    background-color: #fff;
}

.z3-top .hd li:hover a {
    background-color: #00b150;
    border-color: #00b150;
    color: #fff;
}

.z3-top .hd li.on a {
    background-color: #00b150;
    border-color: #00b150;
    color: #fff;
}
.z3-top .hd li:last-child a{
    background-color: #00b150;
    border-color: #00b150;
    color: #fff;  
}
.z3-top .bd {
    width: 796px;
}

.z3-top .bd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.z3-top .bd ul li {
    width: 393px;
    height: 307px;
    margin-right: 13px;
    overflow: hidden;
    position: relative;
}

.z3-top .bd ul li:nth-child(2) {
    margin-right: 0;
}

.z3-top .bd ul li img {
    width: 100%;
    height: 100%;
}

.z3-top .bd ul li h3 {
    text-align: center;
    background-color: rgba(0, 0, 0, .58);
    font: 16px/48px "微软雅黑";
    color: #fff;
    position: relative;
    z-index: 5;
    margin-top: -48px;
}

.z3-bottom {
    margin-top: 5px;
}

.z3-bottom ul li {
    float: left;
    margin-right: 10px;
}

.z3-bottom ul li img {
    width: 393px;
    height: 307px;
}

.z3-bottom ul li h3 {
    text-align: center;
    background-color: rgba(45,76,156, .58);
    font: 16px/48px "微软雅黑";
    color: #fff;
    position: relative;
    z-index: 5;
    margin-top: -48px;
}
/* z6 */
.z6 {
    padding-top: 75px;
    height: 303px;
    background-color: #0276C3;
}

.z6-left {
    width: 372px;
    text-align: center;
    color: #fff; height:228px;
    background:url(../images/z6_l.jpg) no-repeat;
}


.line {
    position: absolute;
    left: 0;
    top: -15px;
}

.z6-right {
    width: 700px;
    margin-right: 30px;
    position: relative;
}

.z6-right .bd {
    overflow: hidden;
}

.z6-right .bd li {
    float: left;
    margin-right: 40px;
}

.z6-right .bd li img {
    width: 325px;
    height: 217px;
}

.z6-right a.prev, .z6-right a.next {
    position: absolute;
    width: 24px;
    height: 50px;
    background: url(../images/z6Arr.png);
    top: 88px;
    left: -50px;
}

.z6-right a.next {
    transform: scale(-1);
    left: auto;
    right: -50px;
}
.news{width: 1200px;overflow: hidden;margin: 0 auto;margin-bottom:0px; }
.news .hd{width: 100%;text-align: center;padding-bottom: 40px;}
.news .hd li{display: inline-block;margin: 0 8px;}
.news .hd li a{display: block;width: 170px;color: #666;font-size: 16px;line-height: 48px;background: #fff;border: 1px solid #eaeaea;}
.news .hd li.on a,.news .hd li a:hover{color: #fff;background: #1048a0;border-color: #1048a0;}
.news .textlist{width: 730px;margin-left: 30px;}
.news .newsimg{width: 432px;height: 477px;overflow: hidden;position: relative;padding: 3px;border: 1px solid #ddd;}
.news .newsimg img{width: 100%;height: 324px;}
.news .newsimg .txt{padding: 10px 20px;}
.news .newsimg h3{color: #434343;font-size: 22px;transition: all .5s;}
.news .newsimg p{color: #999;line-height: 24px;text-align: justify;padding-top: 10px;}
.news .newsimg:hover h3{color: #1048a0;}
.news .textlist .item{border-bottom: 1px dashed #e5e5e5;height: 69px;padding: 15px 0;}
.news .textlist .item:first-child{padding-top: 0;}
.news .textlist .item a{display: block;}
.news .textlist .item h3{font-size: 18px;vertical-align: top;color: #333;transition: all .5s;}
.news .textlist .item p{font-size: 14px;line-height: 21px;color: #999;text-align: justify;}
.news .textlist .item .time{display: block;width: 70px;height: 70px;font-size: 14px;line-height: 22px;margin-right: 20px;color: #999;background: #f2f2f2;text-align: center;}
.news .textlist .item .time b{font-weight: normal;display: block;font-size: 30px;line-height: 45px;}
.news .textlist .item:hover h3{color: #1048a0;}
.news .more{text-align: center;margin-top: 40px;}
.news .more a{width: 180px;height: 36px;color: #fff;line-height: 36px;display: inline-block;background: #1048a0;border-radius: 20px;}
.news .more a:hover{background: #1048a0;color: #fff;text-indent: 10px;}
/*============广告===============*/
.ad3{width:100%; height:260px; background:url(../images/ad2.jpg) no-repeat center; min-width:1200px; overflow:hidden;}
.ad3 span{ width:425px; padding:130px 155px 30px 120px; font-size:50px; display:block; height:45px; line-height:45px; color:#F8BD0B;font-family:Impact;}
.ad3 span em{font-size:26px; width:140px; text-align:left;display:block;font-style:normal; color:#fff;}
/*============优势===============*/
.yd_all{ width:100%; background:url(../images/yd_bk.jpg) no-repeat center; height:1018px;}
.yd{ width:1180px; margin:auto; position:relative; padding-top:45px;}
.yd h3{ font-size:32px; color:#0060b5; text-align:center; line-height:45px;}
.yd h3 span{ color:#999; font-size:12px; text-transform:uppercase; font-weight:normal;}
.yd ul{ width:510xp; position:absolute; top:190px; left:680px;}
.yd ul li{ margin-top:20px; margin-bottom:32px; height:140px;}
.yd_w1{ font-size:22px; color:#555; font-weight:bold; line-height:50px; border-bottom:1px solid #ccc;}
.yd_w2{ font-size:17px; color:#444; line-height:26px; margin-top:25px;}
.yd_call{ position:absolute;top:913px; left:858px; font-size:36px; color:#444; font-family:"impact";}
.yd_zx{ width:120px; height:38px; background:#f37e00; position:absolute; top:906px; left:1055px; line-height:38px; text-align:center;}
.yd_zx a{ display:block; width:100%; font-size:14px; color:#fff;}

.fw {
                width: 1200px;
                margin: 60px auto 0;
            }
            .fw li {
                float: left;
                box-sizing: border-box;
                width: 206px;
                height: 200px;
                background: url(../images/jtou.png) 180px center no-repeat;
            }
            .fw li:last-child{
                width: 170px;
                background:none
            }
            .fw-img {
                width: 170px;
                height: 200px;
                box-sizing: border-box;
                background: #f5f5f5;
                border: 1px solid #ddd;
                text-align: center;
                border-radius: 5px;
                transition: all ease .3s;
                cursor:pointer
            }
            .fw-img img{
                margin: 40px 0 20px;
                transition: all .3s ease .3s;
            }
            .fw-img p{
                font-size: 20px;
                color: #333;
            }
            .fw li:hover .fw-img{
                box-shadow: 0 15px 30px rgba(0,0,0,.1);
               transform: translate3d(0, -2px, 0);
            }
            .fw li:hover .fw-img img{
             transform: rotateY(360deg)
            }

.fixed-contact-wrap {
    z-index:999;
    position:fixed;
    right:30px;
    top:75%;
    width:60px;
    margin-top:-90px;
    overflow:hidden;
    border-radius:30px;
    opacity:0;
    transition:all .4s;
    transform: translateX(95px);
    -webkit-transform: translateX(95px);
    -moz-transform: translateX(95px);
}
.fixed-contact-wrap.show{  transform:none; opacity:1; }
.fixed-contact-wrap.active {width:225px;}
.fixed-contact-wrap li {
    position:relative;
    height:60px;
    background:#222;
    overflow:hidden;
}
.fixed-contact-wrap.active li {overflow:inherit;}
.fixed-contact-wrap li a {position:relative;z-index:1000;display:block;}
.fixed-contact-wrap li i {
    z-index:1000;
    position:absolute;
    right:0;
    display:block;
    width:60px;
    height:60px;
    transition:all .4s;
}
.fixed-contact-wrap.active li:after {
    z-index:1001;
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    display:block;
    width:80%;
    height:1px;
    margin-left:-40%;
    background:rgba(255,255,255,.1);
}
.fixed-contact-wrap.active li:last-child:after {display:none;}
.fixed-contact-wrap li:hover i,.fixed-contact-wrap li:hover strong{opacity:.5;}
.fixed-contact-wrap .phone i {
    background:#222 url(../images/fix-icon1.png) no-repeat center center;
    border-top-left-radius:30px;
    -moz-border-top-left-radius:30px;
    -webkit-border-top-left-radius:30px;
    border-top-right-radius:30px;
    -moz-border-top-right-radius:30px;
    -webkit-border-top-right-radius:30px;
}
.fixed-contact-wrap .qq i {background:#222 url(../images/fix-icon2.png) no-repeat center center;}
.fixed-contact-wrap .wx i {background:#222 url(../images/wx.png) no-repeat center center/26px;}
.fixed-contact-wrap .back-top i {  background:#222 url(../images/fix-icon3.png) no-repeat center center;  }
.fixed-contact-wrap.active .back-top i {
    border-bottom-left-radius:0;
    -moz-border-bottom-left-radius:0;
    -webkit-border-bottom-left-radius:0;
}
.fixed-contact-wrap li strong {
    position:absolute;
    top:0;
    right:-135px;
    display:block;
    width:115px;
    padding:0 15px 0 30px;
    font:normal 16px/60px 'gotham-medium';
    color:#fff;
    background:#222;
    white-space:nowrap;
    transition:all .4s;
}
.fixed-contact-wrap.active li strong {
    right:60px;
}
.fixed-contact-wrap.black li {background:#111;}
.fixed-contact-wrap.black li strong {background:#111;}
.fixed-contact-wrap.black .phone i {background:#111 url(../images/fix-icon1.png) no-repeat center center;}
.fixed-contact-wrap.black .qq i {background:#111 url(../images/fix-icon2.png) no-repeat center center;}
.fixed-contact-wrap.black .wx i {background:#111 url(../images/wx.png) no-repeat center center/26px;}
.fixed-contact-wrap.black .back-top i {  background:#111 url(../images/fix-icon3.png) no-repeat center center;  }
.fixed-contact-wrap.active li.wx:after {
    content: "";
    display: block;
    position: absolute;
}
.fixed-contact-wrap.active li.wx:hover:after {
    top: -100px;
    width: 150px;
    height: 0px;
    height: 150px;
    background: url(../images/1.jpg) no-repeat center/150px;
}