﻿*{padding:0;margin:0;}
html,body{ font:14px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333;  -webkit-text-size-adjust:none;}
.clear{ clear:both; position:relative;}
.list-none{ list-style:none; padding:0;margin:0; }
a{ color:#333; text-decoration:none;}
a:hover{ color:#666; text-decoration:none;}
.juzhongsx{ display: flex;align-items: center; }
.juzhongzy{ display: flex;justify-content:center;}
.juzhong{ display: flex;align-items: center; justify-content:center;}
/*头部开始*/
.top{ width:100%;overflow: hidden;border-bottom: 1px solid #d2d2d2; }
.logo{ background:url(../img/xian.png) no-repeat right center; }
.logo img{ max-height:86px; }
.k3 p{ font-size:1.9rem;color: #333333;line-height:1; }
.k3 span{font-size:1.2rem;}
.toptel{ display:block;background:url(../img/tel.png) no-repeat top left;font-size: 1.8rem; padding-left:60px; line-height:2.5;color: #c31818; }
@media (max-width: 768px) {
	.toptel{display:none; }
}
/*头部结束*/

/*菜单开始*/
#menu{width:100%;background: #1663ab;}
.nav{width:100%;margin: 0 auto;height:50px;}
.nav li{line-height:50px;height:50px;text-align:center;width:14%;float:left;position:relative;z-index:999;}
.nav li a{display:block;width: 100%;height: 100%;transform: skewX(-40deg);}
.nav li a span{display: block;line-height:50px;color:#fff;height:50px;font-size: 18px;transform: skewX(40deg);}
.nav li:hover a{background: #fff;}
.nav li:hover .sec a{background:#01557a;}
.nav li:hover a span{color:#1663ab;}
.li_hover{background: #fff;}
.li_hover span{color: #1663ab!important;}
.nav .sec{height:0;background:#01557a;color:#fff;z-index:9999;position:absolute;top:50px;left:-24px;display: none;}
.nav li:hover .sec{display:block;}
.nav .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:164px;transform: none;}
.nav .sec a:hover{background:#042d3f;text-decoration:none;}
@media (max-width: 768px) {
	.nav li a span{ font-size: 12px;}
}
/*菜单结束*/
/*头部开始*/
.banner{ width:100%;overflow:hidden;position:relative; }
.swiper-slide img{ width:100%; }
.search{  position: relative;  width: 300px; background-color: #FFF; z-index: 10;  box-sizing: border-box;  }
.search form{ display: flex; justify-content: center; align-items: center; height: 50px; border: 1px solid #eee;}
.search form input{ flex:1; padding-left: 10px; background-color: transparent; border:0; height: 100%; }
.search form button{ width: 50px; height: 100%; background-color: transparent; border:0; }
/*头部结束*/
/*首页开始*/
.shouyetupian{ position:relative;width:100%;background: #efefef;display:block; overflow:hidden;}
.shouyetupian .sytptitle{ font-size:1.8rem;font-weight:bold; }
.shouyetupian .sytptitle p{ background:url(../img/xian.jpg) repeat-x center; }
.shouyetupian .sytptitle span{ background:#efefef;font-size:1.2rem;font-weight:normal; }
.shouyetupian .sytpkuang{ line-height:1.8;font-size:1.2rem; }
.shouyetupian img{ max-width:100%; }
.shouyetupian .shang{ border-right:2px solid #0f26f2;border-bottom:2px solid #0f26f2;border-bottom-right-radius:20px; position:relative; }
.shouyetupian .shang .shangtitle{ border-bottom:1px solid #333;font-size:1.6rem;line-height:1.5;font-weight:bold;color:#0f26f2; }
.shouyetupian .shang .shangtitle p{ font-weight:normal; }
.shouyetupian .shang .shangbiaoti{ display:block;padding-top:9px; display:block; color:#f00;width:60px;height:60px;position:absolute;right:-32px; top:20px; font-size:1.3rem;font-weight:bold;background:#efefef;line-height:1;border:2px solid #0f26f2;border-radius:50%; }

.shouyetupian .zhong{ border-left:2px solid #0f26f2;border-bottom:2px solid #0f26f2;border-bottom-left-radius:20px; position:relative; }
.shouyetupian  .zhongtitle{ border-bottom:1px solid #333;font-size:1.6rem;line-height:1.5;font-weight:bold;color:#0f26f2; }
.shouyetupian  .zhongtitle p{ font-weight:normal; }
.shouyetupian .zhong .zhongbiaoti{display:block; padding-top:9px; display:block;color:#f00;width:60px;height:60px;position:absolute;left:-32px; top:20px; font-size:1.3rem;font-weight:bold;background:#efefef;line-height:1;border:2px solid #0f26f2;border-radius:50%; }


.shouyetupian .xia{ border-right:2px solid #0f26f2;border-radius:0px; position:relative; }
.shouyetupian .xia .xiatitle{ border-bottom:1px solid #333;font-size:1.6rem;line-height:1.5;font-weight:bold;color:#0f26f2; }
.shouyetupian .xia .xiatitle p{ font-weight:normal; }
.shouyetupian .xia .xiabiaoti{ display:block;padding-top:9px; color:#f00;width:60px;height:60px;position:absolute;line-height:1;z-index:999;right:-32px; top:20px; font-size:1.3rem;font-weight:bold;background:#efefef;border:2px solid #0f26f2;border-radius:50%; }
@media (max-width: 768px) {
	.shouyetupian .shang{ border-right:0px solid #0f26f2;border-bottom-right-radius:0px; }
	.shouyetupian .zhong{ border-left:0px solid #0f26f2;border-bottom-left-radius:0px; }
	.shouyetupian .xia{ border-right:0px solid #0f26f2; }
	.shouyetupian .xia .xiabiaoti,.shouyetupian .zhong .zhongbiaoti,.shouyetupian .shang .shangbiaoti{ display:none; }
}

.sychanpin{ width:100%;position:relative;overflow:hidden; }
.sychanpin .ctitle{ text-align: center;background: url(../img/t.png) no-repeat center 24px;font-size: 30px;color: #3f3f3f;line-height: 47px;}
.sychanpin .ctitle dt{font-size: 30px;color: #3f3f3f;line-height: 47px;}
.sychanpin .ctitle dd{font-size: 14px;color: #666666;line-height: 22px;}
.sychanpin .fenlei{ width:100%; background: #e1e1e1;position:relative;overflow:hidden; }
.sychanpin .fenlei .ftitle{ text-align: center;color: #fff;background:#3f3f3f url(../img/p_t1.jpg) no-repeat top center;padding-top: 13px;font-size: 26px;line-height: 32px;height: 82px;overflow: hidden;}
.sychanpin .fenlei .ftitle span{display: block;font-size: 18px;color: #b9b9b9;line-height: 20px;text-transform: uppercase;}
.sychanpin .fenlei .fliebiao{ position:relative;overflow:hidden;list-style:none; }
.sychanpin .fenlei .fliebiao  li{ border-bottom: 1px dashed #cecece;margin-bottom: 3px;}
.sychanpin .fenlei .fliebiao  li a{font-size: 16px;color: #333333;line-height:38px;padding-left: 23px;background: url(../img/p1.jpg) no-repeat 6px 50%;display: block;}
.sychanpin .fenlei .fliebiao  li:hover{background: #1663ab;}
.sychanpin .fenlei .fliebiao  li:hover a{background: url(../img/p2.jpg) no-repeat 6px 50%;color: #fff;}
.sychanpin .fenlei .fliebiao  li:last-child a{text-align: center;font-size: 16px;font-weight: bold;color: #333333;}
.sychanpin .fenlei .fliebiao  li:last-child:hover{background: transparent;}
.sychanpin .fenlei .fliebiao  li:last-child:hover a{background: url(../img/p2.jpg) no-repeat 6px 50%;color: #1663ab;}
.sychanpin .fenlei .fdianhua{position: relative;width: 100%;height: 94px;background:#3f3f3f url(../img/p_t2.jpg) no-repeat center;overflow: hidden;font-size: 20px;color: #fff;font-weight: bold;padding-left: 83px;bottom: 0;line-height: 130px;}
.sychanpin .cneirong{ position:relative; }
.sychanpin .cneirong .cntitle{border-bottom: 1px solid #d2d2d2;font-size: 16px;color: #333333;line-height: 42px;}
.sychanpin .cneirong .cntitle a{display: block;float: right;width: 74px;height: 25px;border: 1px solid #1663ab;text-align: center;line-height: 25px;color: #1663ab;font-size: 14px;text-transform: uppercase;margin-top: 10px;}
.sychanpin .cneirong .cntitle a:hover{background: #1663ab;color: #fff;}
.sychanpin .cneirong .ctw{ width:100%;display:block;position:relative;box-shadow: 0px 1px 9px #999; }
.sychanpin .cneirong .ctwimg{ width:100%;position:relative; }
.sychanpin .cneirong .ctwimg span{display:block; width:100%;padding-top:100%;background-size:cover;background-repeat:no-repeat;background-position:center; }
.sychanpin .cneirong .ctw h4{margin-bottom: 0rem;}
.sychanpin .cneirong .ctw h4 a{display: block;height: 40px;line-height: 40px;background: #e1e1e1;text-align: center;font-size: 14px;color: #333333;font-weight: normal;}
.sychanpin .cneirong .ctw:hover .ctwimg span{-webkit-transform: scale(1.05, 1.05);-moz-transform: scale(1.05, 1.05);-ms-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05);transform: scale(1.05, 1.05);-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;-ms-transform: all .6s ease-out;-o-transform: all .6s ease-out;transition: all .6s ease-out;}
.sychanpin .cneirong .ctw:hover  h4 a{ background: #1663ab;color: #fff;text-decoration:none; }

.youshi{width:100%;position:relative;display:block;overflow:hidden; background: url(../img/why.jpg) no-repeat top center; }
.youshi .ystitle{ position:relative;display:block;overflow:hidden; }
.youshi .ystitle h3{font-size: 36px;color: #1663ab;line-height: 2;}
.youshi .ystitle h3 span{color: #c31818;}
.youshi .ystitle dd{font-size: 18px;color: #1663ab;line-height: 1;font-weight: bold;}
.youshi .ystitle dt{font-size: 18px;color: #1663ab;line-height: 2;font-weight: bold;}
.youshi .ystitle dt span{font-size: 22px;color: #c31818;}
.youshi .youshikuang{ position:relative;display:block;overflow:hidden; }
.youshi .youshikuang dd{ border-bottom:3px double #71a4cf;font-size: 20px;color: #333333;line-height:1.4;font-weight: bold;position:relative;padding-left:70px; margin-bottom:30px;}
.youshi .youshikuang dd span{position:absolute; width:63px;height:63px;left:0;font-size: 24px; top:-60%;line-height:63px;display:block;text-align:center;background:url(../img/shuzi.png) no-repeat center;color:#fff; }
.youshi .youshikuang dt{ position:relative;display:block;overflow:hidden; line-height:1.6;font-weight:normal; }
.youshi .youshi1,.youshi .youshi2{ overflow:hidden; }
.youshi .youshitu{ width:100%;overflow:hidden; }
.youshi .youshitu span{ width:100%;padding-top:70%;display:block;background-repeat:no-repeat;background-position:center;background-size:contain; }

.sychangjing{ width:100%;position:relative;display:block;overflow:hidden; }
.sychangjing .cj-title{ text-align: center;background: url(../img/t.png) no-repeat center 24px;font-size: 30px;color: #3f3f3f;line-height: 47px;}
.sychangjing .cj-title dt{font-size: 30px;color: #3f3f3f;line-height: 47px;}
.sychangjing .cj-title dd{font-size: 14px;color: #666666;line-height: 22px;}
.sychangjing .sycjkuang{ width:100%;position:relative;display:block;overflow:hidden; }
.sychangjing .sycjliebiao{ width:100%;position:relative;display:block;overflow:hidden;box-shadow: 0px 1px 9px #999; }
.sychangjing .sycjliebiao .sycjtu{ width:100%;display:block; }
.sychangjing .sycjliebiao .sycjtu span{width:100%;padding-top:100%; display:block;background-position:center;background-repeat:no-repeat;background-size:cover; }
.sychangjing .sycjliebiao .sycjtitle a{ font-size:1rem;color:#333;line-height:2.5; display: block;background: #e1e1e1;font-weight: normal;} 
.sychangjing .sycjliebiao:hover .sycjtitle a{background: #1663ab;color: #fff;}
.sychangjing .sychangjinga a{ display: block;margin: 33px auto 0;width: 127px;height: 34px;border: 1px solid #1663ab;text-align: center;line-height: 34px;color: #1663ab!important;font-size: 14px; }
.sychangjing .sychangjinga a:hover{ background: #1663ab;color: #fff!important; }
 
.syabout{ background: url(../img/ab_bg.jpg)no-repeat top center;background-attachment: fixed;position:relative;display:block;overflow:hidden; }
.syabout .syabouts{ background: #fff; }
.syabout .syaboutt img{ width:100%;}
.syabout .syaboutw dd{ font-size: 20px;color: #1663ab;font-weight: bold; }
.syabout .syaboutw dt{ font-size:1rem; line-height:2;font-weight:normal; }
.syabout .syaboutw .a4_more{display: block;margin-top: 10px;width: 127px;height: 34px;border: 1px solid #1663ab;text-align: center;line-height: 34px;color: #1663ab!important;font-size: 14px;}
.syabout .syaboutw .a4_more:hover{background: #1663ab;color: #fff!important;}
.syabout .syaboutx{ background: rgba(255,255,255,.8);overflow: hidden;box-shadow:0px 2px 6px rgba(0,0,0,.74); }
.syabout .syaboutx .syatitle h2{color: #666666;font-family: "微软雅黑";font-size: 16px;margin-bottom:0;line-height:2;text-align: center;text-transform: uppercase;background: url(../images/zs2_dqn3.png) no-repeat 45.7% center;}
.syabout .syaboutx .syatitle h2 span{color: #1663ab;font: 400 24px "微软雅黑";line-height:2; margin-right: 20px;}
.syabout .syaboutx  .syahezuo{ position:relative; }
.syabout .syaboutx  .syahzliebiao{ width:100%;position:relative;display:block;overflow:hidden;box-shadow: 0px 1px 9px #999; }
.syabout .syaboutx  .syahzliebiao .syahztu{ width:100%;display:block; }
.syabout .syaboutx  .syahzliebiao .syahztu span{width:100%;padding-top:50%; display:block;background-position:center;background-repeat:no-repeat;background-size:contain; }


.syxinwen{ width:100%;position:relative;overflow:hidden; }
.syxinwen .xtitle{ text-align: center;background: url(../img/t.png) no-repeat center 24px;font-size: 30px;color: #3f3f3f;line-height: 47px;}
.syxinwen .xtitle dt{font-size: 30px;color: #3f3f3f;line-height: 47px;}
.syxinwen .xtitle dd{font-size: 14px;color: #666666;line-height: 22px;}
.syxinwen .xwtitle{background: url(../img/n_t.png) no-repeat bottom;font-size:18px;color: #333333;line-height: 40px;}
.syxinwen .xwtitle a{display: block;float: right;font-size: 13px;color: #666666;line-height: 40px;}
.syxinwen .xwtitle a:hover{color: #1663ab;}
.syxinwen .syxwliebiao li{border-bottom: 1px dashed #cbcbcb;list-style:none;}
.syxinwen .syxwliebiao li a{display: block;padding-left: 29px;background: url(../img/n1.png) no-repeat 4px 50%;font-size: 14px;color: #666666;line-height: 38px;}
.syxinwen .syxwliebiao li:hover{border-color: #a6bbd7;}
.syxinwen .syxwliebiao li:hover a{color: #1663ab;background: url(../img/n2.png) no-repeat 4px 50%;}
/*首页结束*/
/*内页开始*/
	/*公共开始*/
	.nyzhu{display:block;position:relative;overflow:hidden; }
	
	.nykuang{ display:block;position:relative;overflow:hidden; }
	.nytitle{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../img/nav.png) no-repeat 0% 100%;}
	.nytitle h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:18px;font-weight: normal;}
	.nytitle .site{width:380px;float:right;text-align:right;line-height:30px;}
	.nyweizi{ width:100%;line-height:2;display:block;position:relative;overflow:hidden; }	
	
	.shijian{ border-bottom:1px dotted #ccc;border-top:1px dotted #ccc; color:#aaa; }
	.neiyeurl{ border-top:1px dotted #ccc; color:#aaa;}
	.neiyeurl a{ color:#aaa; }
	.tag{ border-top:1px dotted #ccc; color:#aaa;}
	.tag a{ color:#aaa; }
	.shangxia{ border-top:1px dotted #ccc; }
	.nyktitle{ border-bottom:1px solid #ccc; }
	.nyktitle span{ margin-left:30px; border-top:2px solid #2086ee; padding:4px 15px;border-left:1px solid #ccc;border-right:1px solid #ccc;}
	/*公共结束*/
	/*左边开始*/
	.left{ display:block;position:relative;overflow:hidden; }
	.left h3{ padding-left:15px;font-weight:normal;line-height:1.8;font-family:"微软雅黑";background:url(../img/nav.png) no-repeat 0% 100%;font-size:18px;color:#000; }
	.left .mulu{ display:block;position:relative;overflow:hidden; }
	.left .mulu li{line-height:1.5;}
	.left .mulu li a{background:url(../img/dot4.png) no-repeat 5px -45px;color:#666;display:block;font-family: "微软雅黑";border-bottom:1px solid #dddddd;padding-left:25px;}
	.left .mulu li a:hover{color:#3a78c1;text-decoration: none;background:url(../img/dot4.png) no-repeat 5px -45px #f5f6f6;}
	
	.left .chanpinmulu{ display:block;position:relative;overflow:hidden; }
	.left .chanpinmulu li{line-height:1.5;}
	.left .chanpinmulu li a{background:url(../img/dot4.png) no-repeat 5px -45px;color:#666;display:block;font-family: "微软雅黑";border-bottom:1px solid #dddddd;padding-left:25px;}
	.left .chanpinmulu li a:hover{color:#3a78c1;text-decoration: none;background:url(../img/dot4.png) no-repeat 5px -45px #f5f6f6;}
	
	.left .rexinwen{ display:block;position:relative;overflow:hidden; }
	.left .rexinwen ul li{border-bottom:1px solid #dddddd;background:url(../img/list_dot1.gif) no-repeat 0% 50%;padding-left:13px;}
	.left .rexinwen ul li a{overflow: hidden;line-height:1.5;color:#666;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.left .rexinwen ul li a:hover{text-decoration:none;color:#1663ab;}
	
	.left .nyweizi{ line-height:1.5; }
	/*左边结束*/    
	/*留言开始*/ 
	.liuyan{ display:block;position:relative;overflow:hidden; }
	.liuyan p { width: 100%; margin: 7px 0; position: relative; display: block; padding-left: 100px;}
	.liuyan p span { padding-right: 10px;line-height: 37px; font-size: 14px; display: block; position: absolute; left: 0; top: 0; width: 100px; text-align: right; font-weight: bold;}
	.liuyan p input { width: 100%; height: 37px; border: none; border: 1px solid #ddd; font-size: 12px; text-indent: 5px; outline: 0;}
	.liuyan p textarea { width: 100%; height: 100px; border: none; border: 1px solid #ddd; font-size: 12px; text-indent: 5px;  outline: 0;}
	.liuyan  p .btn { width:100px; height: 49px; border: none; border-radius: 4px; background: #0269ab; color: #fff;}
	.liuyan  p .btn:hover {  background: #00aff1;}
	/*留言结束*/
	/*新闻开始*/ 
	.xinwenliebiao{ display:block;position:relative;overflow:hidden; }
	.xinwenliebiao .xinwenli{ border-bottom:1px solid #ddd;position:relative; }
	.xinwenliebiao .xinwenli .xwtitle{ line-height: 2;font-weight:bold;font-size:1.2rem;  }
	.xinwenliebiao .xinwenli span{color:#999;z-index:0;font-size:1rem;line-height:2;position:absolute;right:0px;top:0px;}
	.xinwenliebiao .xinwenli .xwcont{ line-height:1.5;font-size:1rem;color:#888; overflow:hidden;display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;}
	/*新闻结束*/
	/*图片开始*/
	.caseliebiao{ display:block;position:relative;overflow:hidden; }
	.caseliebiao .caseli{ display:block;position:relative;overflow:hidden; }
	.caseliebiao .caseli span{ width:100%;padding-top:100%;display:block;border:2px solid #ccc; background-size:cover;background-repeat:no-repeat;background-position:center; }
	.caseliebiao .caseli a:hover span{ border:2px solid #666; }
	
	.casekuang .title{ border-bottom:1px solid #ccc; }
	.casekuang .caseimg img{ max-width:100%;max-height:500px; }
	/*图片结束*/
	/*产品开始*/
	.chanpinliebiao{ display:block;position:relative;overflow:hidden; }
	.chanpinliebiao .chanpindesc{ border:1px solid #ccc; background:#eee;text-indent:2em; }
	.chanpinliebiao .chanpinli{ display:block;position:relative;overflow:hidden; }
	.chanpinliebiao .chanpinli span{ width:100%;padding-top:100%;display:block;border:2px solid #ccc; background-size:cover;background-repeat:no-repeat;background-position:center; }
	.chanpinliebiao .chanpinli a:hover span{ border:2px solid #666; }	
	
	.chanpinkuang .title{ border-bottom:1px solid #ccc; }
	.chanpins{ display:block;position:relative;overflow:hidden; }
    .gallery-top {border:1px solid #ccc; height: 80%; width: 100%;overflow:hidden;}
	.gallery-top .swiper-slide { padding-top:100%; background-size: cover;background-position: center;background-repeat:no-repeat;}
    .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;overflow:hidden;}
    .gallery-thumbs .swiper-slide {height:62px; opacity: 0.4; background-size:90px 60px;border:1px solid #ccc;background-repeat:no-repeat;}
    .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
	
	.chanpindescs{ display:block;position:relative;overflow:hidden; }
	.chanpindescs .cpdtitle{ font-size:1.8rem;font-weight:bold; }
	
	.xgchanpin{ display:block;position:relative;overflow:hidden; }
	.xgchanpin .xgtitle{ line-height:2;border-bottom:1px solid #ccc; }
	.xgchanpin .xgtitle span{ background:#2086ee;color:#fff;padding:5px 0; }
	.xgchanpin .xgcpimg{ width:100%; }
	.xgchanpin .xgcpimg span{ width:100%;padding-top:100%;display:block;border:2px solid #ccc; background-size:cover;background-repeat:no-repeat;background-position:center; }
	/*产品结束*/
	
/*内页结束*/
/*尾部开始*/
footer{ color:#fff;position:relative; }
footer a{ color:#fff; }
footer a:hover{ color:#eee; }
.bottomtop{ background:#4e4e4e; }
.copyright{ background:#3e3e3e;border-top:2px solid #373737;border-bottom:2px solid #000; position:relative;min-height:90px; z-index:999;}
.f_ewm{ position:absolute;z-index:9990 }
.f_ewm{ right:25%; }
.f_ewm img{ max-height:80px; }
#gotop{position: absolute;height: 30px;width: 117px;background: url(../img/top.jpg) no-repeat;left:13%;bottom: 40px;cursor: pointer;z-index:9999;}

@media (max-width: 992px) {
	#gotop{ display:none; }
	.f_ewm{ right:20px; }
}
/*尾部结束*/