@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"微软雅黑";}
*{padding:0px;margin:0px;}
body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 { list-style:none;}
/*input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}*/
button {overflow:visible}
img{border:none;}
a{color: #878787;text-decoration:none;}
a:hover{color: #01aee3;text-decoration: none;}
li{	list-style:none;}
/*input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}*/
.clear{overflow:hidden;clear:both; height:0px;}
.lf{ float:left;}
.rt{ float:right;}
.m{ width:1200px; margin:0 auto;}

.t_p { overflow: hidden; position: relative;}
.t_p img{ width:100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}
.t_p img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

a.ck_gd{background: url(bjt.png) no-repeat  125px #000000;width:180px;height:40px;border:1px solid #ddd;padding-left: 15px;text-transform:uppercase;font-size: 15px;color: #fff;line-height:40px;display:block;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
a.ck_gd i{padding-left:10px;}
a.ck_gd:hover{ color:#888; background: url(hjt.png) no-repeat  125px #fff; text-decoration: none;}
a.ck_gd:before{content:"";width:0;height:40px;border: 1px solid #000000;border-width:1px 0 1px 0;top:-1px;left:-1px;position:absolute;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
a.ck_gd:after{content:"";width:180px;height:0;border: 1px solid #000000;border-width:0 1px 0 1px;top:-1px;left:-1px;position:absolute;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
a.ck_gd:hover:before{width:180px;}
a.ck_gd:hover:after{height:40px;}

.header{margin-bottom: 72px;}
.header .an{position:absolute;top: 22px;right:15px;height:18px;width:30px;display:none;}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute; transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px; transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.navbar-header{/* margin-top: 10px; */}
.menu{/*width: 35%;*/float: right; width:672px;}
.menu .nav{/* width:1200px; */margin:0 auto;}
.menu .nav i{font-size:14px; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:15px; top:50%; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.menu .nav ul li{width: 20%;font-size: 17px;text-align:center;float:left;position:relative;transition: color .5s;}
.menu .nav ul li a.o_lm{line-height: 72px;display:block;text-decoration: none;color: #999999;transition: color .5s;}
.menu .nav ul li:hover a.o_lm{background-color: #01aee3;color: #fff;}
.menu .nav ul li.on a.o_lm{background-color: #01aee3;color: #fff;border-right: 1px solid #fff;}
.menu .nav .y_j{position:relative;}
.menu .nav .e_j{width:100%;/* background-color: #01aee3; */position:absolute;display:none;z-index:9999;}
.menu .nav .e_j a{display:block;/*border-top: 1px solid #fff;*/font-size: 13px;color:#fff;line-height:36px;text-decoration: none;background-color: #01aee3;}
.menu .nav .e_j a:first-child{ border:none;}
.menu .nav .e_j a:hover{background-color: #3dc7f1;}
.menu .nav ul li:hover .e_j{display:block;}
.head_h{width:100%;height: 60px;background-color:#fff;display:none;}

.wrap{width: 4%;line-height: 70px;float: right;position: relative;margin-left: 2%;}
.wrap a{ color: #999999; font-size: 17px;}
.search-button{}
.search-button b{width: 21px;height: 20px;display: block;background:url(ss.png) no-repeat;}
#product-search{ visibility:hidden; width: 300px; background: #3674b9; position:absolute; top: 53px; right: 0; padding: 10px 20px; box-sizing:border-box; opacity:0; transition:opacity .3s ease;}
#product-search.active { visibility:visible; opacity:1; }
#product-search form {/* float:left; */width:100%;margin: 0 auto;}
#product-search form .txt {float:left;width: 67%;height: 30px;font-size: 12px;padding-left: 10px;box-sizing:border-box;font-family: 微软雅黑;border: 1px solid #fff;}
#product-search form .input-button {width: 33%;box-sizing:border-box;overflow:hidden;background: #fff;float: left;border-left: 1px solid #999;}
#product-search form .input-button > input {width: 100%;height: 30px;color:#005ead;font-size: 14px;background: #fff;border: none;line-height: 30px;font-family: 微软雅黑;}
.ss{ display:none;}

.swiper-button-prev{ background:url(left.png) no-repeat left center; left:5%;}
.swiper-button-prev:hover{ opacity:1;}
.swiper-button-next{ background:url(right.png) no-repeat right center; right:5%; opacity:1;}
.swiper-button-next:hover{ opacity:1;}

.n1{ margin-top: 5px; margin-bottom: 25px;}
.n1l{ width: 33%; padding: 0;}
.n2 img{ width:100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}
.n2:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.n2{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.n2b{width: 100%;height: 100%;position: absolute;top: 38%;text-align: center;color: #333333; z-index: 999;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.n2b a{color: #333333;}
.n2:hover .n2b{ color: #fff;}
.n2:hover .n2b a{ color: #fff;}
.t1{font-size: 25px;margin-bottom: 10px;/* font-weight: bold; */font-family: PingFangBold;}
.b1{
    font-family: PingFang Medium;
}
.b1 a{ font-size: 15px;}
.bj{ width: 100%; height: 100%; top: 100%; position: absolute; background:rgba(0,0,0,0.6);}
.n2:hover .n2b{ top: 36%;}
.n2:hover .bj{ top: 0;}
.n1m{ width: 33%; padding: 0; margin: 0 0.5%;}
.n1m img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.n1r{ width: 33%; padding: 0;}
.n1r img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

.footer{ background: #fafafa;}
.f1{ padding: 30px 0; border-bottom: 1px solid #d1d1d1;}
.f1l{ padding: 0;}
.f1l img{ float: left; margin-right: 10px;}
.f1l p{float: left;margin: 0;margin-top: 50px;line-height: 25px;font-size: 14px;color: #6a6a6a;}
.f1r{background: url(tel.png) no-repeat;width: 250px;float: right;padding: 0;margin-top: 30px;}
.a4{font-size: 26px;color: #6a6a6a;line-height: 22px;padding-left: 60px;font-weight: bold;}
.a5{margin-top: 12px;line-height: 17px;font-size: 14px;color: #999999;padding-left: 60px;}
.f2{ padding: 35px 0;}
.f21{width: 26%;padding: 0;font-size: 17px;color: #6a6a6a;margin-top: 10px;}
.f21 a{font-size: 17px;color: #6a6a6a;}
.f22{width: 52%;padding: 0;font-size: 14px;color: #777777;margin-top: 12px;}
.f23{width: 135px;padding: 0;float: right;}
.f23 img{ margin-left: 10px;}

.nban{ text-align: center;}
.nban img{ max-width: 100%;}

.dq{ background: #f5f5f5; font-size: 15px; color: #666666; padding: 20px 0;}
.dq a{ font-size: 15px; color: #666666;}

.erji{ padding: 20px 0;/* border-bottom: 1px dashed #cccccc;*/}
.erji ul{display: inline-block;margin: 0;} 
.erji ul li{margin-bottom: 5px;text-align: center;line-height: 40px;display: inline-block;margin-right: 15px;}
.erji ul li a{background: #f5f5f5;display: inline-block;padding: 0 30px;font-size: 15px;color: #999999;border-radius: 40px;}
.erji ul li a.on{ background: #01aee3; color: #fff;}

.ab{ overflow: hidden;}
.ab1{ padding-top: 45px; padding-bottom: 60px; text-align: center;}
.t2{ line-height: 40px; font-size: 25px; color: #666666; font-family: "Impact";  text-transform: uppercase;}
.b2{ line-height: 32px; font-size: 20px; color: #666666;}
.ls{ width: 40px; margin: 0 auto; margin-top: 8px; height: 2px; background: #01aee3; color: #01aee3;}
.ab2{font-size: 14px;line-height: 25px;margin-bottom: 155px;}

.xian{ width: 100%; height: 4px; background: #01aee3;}
/*二维码*/
.e_m{width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none;}
.e_m .b_j{width:100%; height:100%; background-color:rgba(0,0,0,.8); position:absolute; left:0; top:0;}
.e_m .n_r{width:200px; padding:10px 10px 5px 10px; background-color:#fff; border:1px solid #e7e7e7; position:absolute; top:50%; left:50%; margin-left:-101px; margin-top:-106px;}
.e_m .n_r img{width:100%; height:auto; display:block;}
.e_m .n_r p{text-align:center; font-size:14px; margin-top:10px; padding:0;}
/*联系我们*/
.lianxi h4{font-size:16px; line-height:26px; color:#888;}
.lianxi em{width:30px; height:1px; background-color:#0e6eb8; display:block; margin-bottom:15px;}
.lianxi strong{font-family:Arial, Helvetica, sans-serif; color:#0e6eb8; padding-left:5px; font-size:20px !important;}
.lianxi p{font-size:16px; line-height:40px;}
.lianxi p i{padding-right:10px; color:#aaa;}
.lianxi input.w_z{width:32%; height:40px; font-size:14px; line-height:40px; margin-right:.3%; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;}
.lianxi input.a_n{width:120px;height:40px;background-color:#0e6eb8;font-size:14px;color:#fff;line-height:40px;border: none;}
.lianxi textarea{width:98%; height:66px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px;}

/*新闻中心1*/
.ny_news{margin-top: 10px;}
.ny_news .media{border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px;}
.ny_news .media .media-left{background: #01aee3;padding:5px 15px;float: left;width:10%;}
.ny_news .media .exhibition-left{padding:0px;float: left;}
.ny_news .media .media-left h5,.ny_news .media .media-left h4{color: #fff;font-size:14px;text-align: center;}
.ny_news .media .media-left h5{font-size:32px;font-weight:bold;}
.ny_news .media .media-body{padding-left: 30px;width:85%;float:left;}
.ny_news .media .media-body a{font-weight: bold;font-size: 16px;color: #333;display: block;}
.ny_news .media .media-body span{display: block;margin-top: 10px;line-height: 22px;font-size: 14px;}
.shownews h4{margin-bottom: 20px;color: #333;}
.shownews p{color: #666;line-height: 28px;margin-bottom: 20px;}
.pn {padding-bottom:40px;}

.article {border-bottom: 1px solid #f1f1f1; margin-bottom:15px;}
.article .foot1 {position: relative;margin: 40px 0 90px 0;padding-left: 10px;}
.article .foot1 .split {margin: 0 10px;}
.article .foot1 .read {position: absolute;right: 10px;font-weight: bold;}
.article .foot1 .read a{color: #2fb1fb;opacity: 0.7;}
.last {padding-bottom: 200px;}
.video {padding-bottom: 70px;}
.video p {margin-top: 20px;text-align: center;font-size: 16px;}
.modal-content {width: 641px;height: 418px;padding: 0;border-radius: 0;}
.modal-body {padding: 0;}
.article h2 { margin-top: 90px; margin-bottom: 40px;}
.article h2 a{ color: #000; opacity: 0.9;font-size: 27px;}
.article h2 a:hover{ opacity: 0.9;}
.article h2 a:focus{ outline: none; outline-offset: 0; text-decoration: none;}
.article .zhaiyao { font-size: 18px; line-height: 1.7em; color: #757575;}
/*新闻中心2*/
.news{margin-bottom: 30px;padding-bottom: 25px;border-bottom:1px dashed #dedede;}
.news img{ width:100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}
.news img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.news2t{line-height: 38px;}
.news2t a{font-size: 18px;color:#666666;}
.fbsj{ line-height:30px; margin-bottom:5px; font-size:15px; color:#d0d0d0;}
.news2b{line-height: 25px;font-size: 16px;color: #999999;}
.news1{width: 29.6%;}
.news1 img{ max-width:100%;}
.news2{ width:70%;}
/*产品中心*/
.ny_cp{ padding:15px; border:solid 1px #ECECEC; margin-top:11px; margin-bottom:11px;}
.ny_cp .nc_tp{ background:#F1F1F3;}
.ny_cp .nc_wz{ text-align:center; line-height:40px; font-size:16px; color:#656565;}
.ny_cp .nc_tp img{ width:100%; height:auto; display:block;}

.zxkf {width:60px; position:fixed; right:0; top:50%; margin-top:-80px; z-index:99999;}
.zxkf .dh {margin-bottom:2px; background-color:rgba(0,0,0,.5); width:60px; height:60px; float:right; overflow:hidden;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.zxkf .dh:hover {background-color:rgba(0,0,0,.8); width:210px;}
.zxkf .dh .tp {float:left; width:60px; padding-top:30px; height:60px; background:rgba(0,0,0,.5) url(../images/d_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}
.zxkf .dh .wz {font-size:20px; color:#fff; font-family:Arial; line-height:60px; float:left; margin-left:10px;}
.zxkf .qq {margin-bottom:2px; background-color:rgba(0,0,0,.5); width:60px; height:60px; float:right; overflow:hidden; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.zxkf .qq:hover {background-color:rgba(0,0,0,.8); width:150px;}
.zxkf .qq .tp {float:left; width:60px; padding-top:30px; height:60px; background:rgba(0,0,0,.5) url(../images/q_q.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}
.zxkf .qq .wz {font-size:14px; color:#fff; line-height:60px; float:left; margin-left:10px;}
.zxkf .qq .wz a {color:#fff;}
.zxkf .wb {margin-bottom:2px; background-color:rgba(0,0,0,.5); width:60px; height:60px; float:right; overflow:hidden; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.zxkf .wb:hover {background-color:rgba(0,0,0,.8); width:150px;}
.zxkf .wb .tp {float:left; width:60px; padding-top:30px; height:60px; background:rgba(0,0,0,.5) url(../images/w_b.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}
.zxkf .wb .wz {font-size:14px; color:#fff; line-height:60px; float:left; margin-left:10px;}
.zxkf .wb .wz a {color:#fff;}
.zxkf .wx {margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; position:relative; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.zxkf .wx:hover {background-color:rgba(0,0,0,.8);}
.zxkf .wx .tp {float:left; width:60px; padding-top:30px; height:30px; background:url(../images/w_x.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}
.zxkf .ewm {position:absolute; width:120px; border:1px solid #e7e7e7; left:-125px; bottom:0; display:none;}
.zxkf .ewm img {width:100%; height:auto;}
.zxkf .wx:hover .ewm {display:block;}
.zxkf .fh {margin-bottom:10px;background-color: rgba(1, 174, 227, 0.64);width:60px;height:60px;float:right;position:relative;cursor:pointer;display:none;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.zxkf .fh:hover {background-color: #01aee3;}
.zxkf .fh .tp {float:left;width:60px;padding-top:30px;height:30px;background:url(../images/f_h.png) no-repeat center 10px;font-size:12px;line-height:30px;color:#fff;text-align:center;}
@media only screen and (max-width:992px) {.zxkf {display:none;}
}

.tit strong{ font-size:18px;}

.xiaocms-page{ padding:15px 0; text-align: center; font-size:12px;}
.xiaocms-page span { display: inline-block; height: 22px; padding: 0 10px; line-height: 22px; background: #01aee3; border: 1px solid #01aee3; color: #fff; text-align: center; margin-left: 1px;}
.xiaocms-page a { display: inline-block; height: 22px; line-height: 22px; background: #fff; border: 1px solid #01aee3; text-align: center; color: #333; padding: 0 10px; margin-left: 1px; font-size:12px;}