@charset "utf-8";
body{font-size:10px !Important;background:#f5f5f5;margin:0px;padding:0px;}
*{margin:0px;padding:0px;}

.tit{width:100%;height:auto;clear:both;margin-bottom:5rem;}
.tit h1{display:block;width:100%;height:auto;clear:both;text-align:left;border-left:solid #003893 2px;line-height:1;padding-left:10px;}
.tit h1 a{color:#000;font-size:3rem;letter-spacing:1px;transition: .7s ease-in-out;}
.tit h1 a span{color:#d9d6d6;margin-left:10px;font-size:2.4rem;}
.tit:hover h1 a{letter-spacing:5px}
.tit ul{width:50%;float:right;}
.tit ul li{color:#000;float:right;margin-left:20px;}
.tit ul li a{color:#000;font-size:1.8rem;}
.tit ul li a span{width:30px;height:1px;background:#000;margin-right:10px;margin-top:1rem;display:block;float: left;}
.tit ul li:hover a{color:#022e75}
.tit ul li:hover a span{background:#022e75}

@media(max-width:468px){
.tit h1 a{font-size:2rem;}
.tit h1 a span{font-size:1.6rem;}

}
@media (min-width:469px) and (max-width:768px){
.tit h1 a{font-size:2rem;}
.tit h1 a span{font-size:1.6rem;}
}
@media (min-width:769px) and (max-width:990px){
.tit h1 a{font-size:2.6rem;}
.tit h1 a span{font-size:2rem;}
}



.public{width:100%;margin:0 auto;}
.public2{width:100%;height:auto;position:relative;margin: auto;overflow:hidden;}

.th-head{position:relative;left: 0;top: 0;z-index: 999999;right: 0;height: auto;background: #fff;height:95px;}
.thHeadBox{position:relative;left:0;top:0;width:100%;}

@media(max-width:990px){
.th-head{position:relative;height:64px;}
.thHeadBox{position:relative;}

}


/*关于我们-头部 */




.m_img{display:none;}
.m_nav{display:none;}




/*移动端导航*/
@media screen and (max-width: 990px) and (min-width: 0px){
.top2{display:none}
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:64px;position:relative;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:60px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:24px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../zimages/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../zimages/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}

@media (max-width:768px){
#container{width:100%;padding:10px}

}
@media (min-width:992px){.c4 .col-md-3{width:29.1%}
.c4 .col-md-4{width:29.13%;padding:0}
.c4 .col-md-8{width:70.5%}
.c4 .col-md-9{width:70%}
}

@media (max-width:1280px){

.navBar2 .bignav #m1 .sub {width: 400% !important;padding:20% 20% !important;}
}


.phone{width:30%;float:right;}
.phone .tel {float: left;font-size:1.4rem;color:#000;padding:20px 0px;font-weight:bold;width:50%;height:70px;margin-top:12px;text-align: center; position: relative;}
.phone .tel span{font-size:1.8rem;font-weight:bold;color:#003893}
.phone .langue{width:35%;float:right;text-align:center;}
.phone .langue .search{width:100%;height:40px;position:relative;z-index:9999;top:25px;}
.phone .langue .search input{width:100%;height:40px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#f5f5f5;border-radius:25px;display:block;overflow:hidden;vertical-align:middle;}
.phone .langue .search button{    position: absolute; top: 6px;right: 10px;float: right;width:24px;height:27px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:url(../zimages/search.png) no-repeat center top;}
.phone .langue .search button:hover{background:#2c8335;}
.phone .langue .search button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.phone .langue .search a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(../image/vivo-head-ico.png) -86px 0 no-repeat;_background-image:url(../image/vivo-head-ico.gif);}
.phone .langue .search a.close:hover{background-position:-86px -25px;}







@media (max-width:768px){
.phone .tel{display:none}
.container2{width:98% !important}
.langue{width:100%;float:right;text-align:center;padding:2rem 0rem;border-bottom: 1px solid #232530;}
.langue a {float: left;position:static;display: block; width: 50%; margin-top: 1rem;text-align: left;color:#fff;font-size:1.6rem;}
.langue a img{width:30px;height:30px;margin-right:5px;}
.langue a:hover{color:rgba(255,255,255,0.8)}
}
@media(min-width:769px) and (max-width:990px){
.langue{width:100%;float:right;text-align:center;padding:2rem 0rem;border-bottom: 1px solid #232530;}
.langue a {float: left;position:static;display: block; width: 50%; margin-top: 1rem;text-align: left;color:#fff;font-size:1.6rem;}
.langue a img{width:30px;height:30px;margin-right:5px;}
.langue a:hover{color:rgba(255,255,255,0.8)}
}

@media(min-width:991px) and (max-width:1080px){
.phone .tel{display:none}
.col-md-9 {width: 65% !important;float:left;}
.container2{width:98% !important}
.phone{width: 10%;}
.phone .langue {width: 100%;}
.phone .langue a {float: right;}

}

@media(min-width:1081px) and (max-width:1280px){
.phone .tel{display:none}
.col-md-9 {width: 65% !important;float:left;}
.container2{width:98% !important}
.phone{width: 10%;}
.phone .langue {width: 100%;}
.phone .langue a {float: right;}
}

@media(min-width:1281px) and (max-width:1440px){
.phone .tel{display:none}
.col-md-9 {width: 65% !important;float:left;}
.container2{width:98% !important}
.phone{width: 10%;}
.phone .langue {width: 100%;}
.phone .langue a {float: right;}
}
@media(min-width:1441px) and (max-width:1600px){
.container2{width:98% !important}
}
@media(min-width:1601px) and (max-width:1800px){
.col-md-9 {width:50%;float:left;}
.container2{width:98% !important}


}

.col-md-9 {width:50%;float:left;}



.container2{width:95%;height:auto;clear:both;margin:0 auto;position:relative;}

.navbar-brand img{max-width: 100%;max-height: 100%;}
.top{width:100%;color:#a1a1a1;line-height:35px;background:#dcdcdc}
.logo{display:block;}
.logo img{max-height:95px;width:auto;}
.k1{line-height:35px;font-size:12px;color:#a1a1a1}
.k1 a{color:#a1a1a1}
.k2{float:left;line-height:35px;font-size:12px;color:#a1a1a1;}
.k2 a{color:#a1a1a1}
.k3{float:right}

.th-head{ position: relative;left: 0;top: 0;z-index: 999999;right: 0;height: auto;}
.thHeadBox{position:relative;left:0;top:0;width:100%;}
@media(max-width:990px){
.th-head{position:relative;background:none}
.thHeadBox{position:relative;background:none}

}



@media(max-width:950px){.enc{}
.k2{display:none !important}
}.k3 .k3a{display:block;background:url(../images/ss.png)no-repeat;width:18px;height:18px;margin-top:9px;outline:none;}
.k4{float:right}
.k4 .yya{background:url(../images/xiala.png) 180px center no-repeat;text-align:center;color:#fff;cursor:pointer;font-size: 14px;}
.k4 .yya2{display:block;text-align:center}

.k4{float:right;text-align:right;position:relative;z-index:9999;width:100%;top:40px;color:#fff;}
.navBar2{z-index:1}
.navBar2 .bignav{height:95px !important;margin:0;padding:0;position:relative;text-align: center;}
.navBar2 .bignav h3{font-weight:normal;margin:0px}
.navBar2 .bignav .m{display:inline-table;text-align:center;width:12%;position: relative;margin-right:1%;}
.navBar2 .bignav h3 a{zoom:1;line-height:95px !important;display:block;color:#222;font-size:1.6rem;}

@media (max-width:950px){.navBar2 .bignav h3 a{line-height:100px !important}
.navBar2 .bignav{height:100px !important;background:url(../images/dhln.png)left center no-repeat;margin:0;padding:0}
}
.navBar2 .bignav .on h3 a{color:#003893}
.navBar2 .bignav .on h3 a .caret{border-bottom: 2px solid #003893;border-right: 1px solid #4e6390;}





@media (max-width:1600px){
.navBar2 .bignav #m1 .sub{left:-200px !important}
}
.navBar2 .bignav #m2 .sub{z-index:1;width:1920px;left:-718px;padding-top:25px}
.navBar2 .bignav #m2 .sub ul{width:80%;margin:0 auto}
.navBar2 .bignav #m2 .sub ul li{float:left;text-align:center;list-style:none}
.navBar2 .bignav #m2 .sub ul li h3{display:block;font-size:18px;color:#c91b1b;margin-bottom:30px}
.navBar2 .bignav #m2 .sub ul li img{width:91px;height:152px;margin-bottom:30px}
.navBar2 .bignav #m2 .sub ul li span{display:block;font-size:16px;color:#000000}
.navBar2 .bignav #m3 .sub{z-index:1;width:863px;left:-185px;padding-top:55px}
.navBar2 .bignav #m4 .sub{z-index:1;width:863px;left:-260px;padding-top:55px}
.navBar2 .bignav #m5 .sub{z-index:1;width:863px;left:-320px;padding-top:55px}
.navBar2 .bignav #m6 .sub{z-index:1;width:863px;left:-410px;padding-top:55px}
.navBar2 .bignav #m7 .sub{z-index:1;width:863px;left:-530px;padding-top:55px}
.navBar2 .bignav #m8 .sub{z-index:1;width:863px;left:-650px;padding-top:55px}
.navBar2 .bignav .sub{display:none;padding:10px 0;position:absolute;left:-10px;top:95px;float:left;line-height:30px;background: rgba(255,255,255,0.9);height:auto}

.navBar2 .bignav #m1 .sub{z-index:9999;width:520%;left:-300px;padding:20% 20%;}


.navBar2 .bignav .sub .subl{width:200px;float:left;text-align:left;margin-left:54px}
.navBar2 .bignav .sub .subl h3{display:block;font-size:24px;color:#2b2b2b}
.navBar2 .bignav .sub .subl span{display:block;padding-top:15px;font-size:14px;color:#777777;line-height:24px;height:140px;overflow:hidden}
.navBar2 .bignav .sub .subr{float:left;width:60%;height:auto;text-align:left;}
.navBar2 .bignav .sub .subr img{width:100%;height:auto;}
.navBar2 .bignav .sub dl{float:left;display:inline-block;width:40%;padding:0px 20px;height:auto;padding-bottom:20px;}
.navBar2 .bignav .sub dl dt{font-size:16px;line-height:36px;text-align:left;text-indent:10px}
.navBar2 .bignav .sub dl dt a{display:block;color:#555555;font-weight:normal;font-size: 1.4rem;}
.navBar2 .bignav .sub dl dt a:hover{color:#c91b1b;background:url(../images/navh.png) 105px center no-repeat}



@media(max-width:768px){.navbar-brand{width:45%}
.navBar2 .bignav .sub dl{padding:0px 0px;}
}


/*面包屑*/

.lic{width:100%;height:auto;background:rgba(0,0,0,0.2);height:50px;float:right;}
.xypg-right-mbx{border:none;font-size:14px;color:#fff;line-height: 5rem;padding-left: 5px;}
.xypg-right-mbx .cur-pos{display:inline-block;color:#fff}
.xypg-right-mbx .cur-pos .iconfont{font-size:25px;display:inline-block;height:25px;color:#fff;margin-right:5px}
.xypg-right-mbx a{color:#fff}
.xypg-right-mbx a:hover{color:#c00a0d;text-decoration:underline}


@media (max-width:992px){
.xypg-right-mbx{padding-top:0}
}


.xypg-right-content{font-size:14px;color:#333;line-height:1.7;padding:5%;background:#fff}
.xypg-right-content p img{max-width:100%}



/*关于我们-banner*/
.neibanner{width:100%;height:auot;overflow:hidden;position:relative;}
.neibanner .img{width:100%;height:100%;}
.neibanner .text{position:absolute;top:35%;left: 17.5%;}
.neibanner .text h1{font-size:5rem;color:#fff;letter-spacing:1px;}
.neibanner .text h2{font-size:4rem;color:#fff;font-weight:normal;letter-spacing:1px;line-height:2;}


@media (max-width:468px){
.neibanner{width:100%;height:auto;overflow:hidden;position:relative;}
.neibanner .img{width:100%;height:30vh;}
.neibanner .text h1{font-size:2rem;}
.neibanner .text h2{font-size:1.4rem;}
.neibanner .text{left:5%;}

}
@media (min-width:469px) and (max-width:768px){
.neibanner{width:100%;height:auto;overflow:hidden;position:relative;}
.neibanner .img{height:30vh;}
.neibanner .text h1{font-size:2rem;}
.neibanner .text h2{font-size:1.4rem;}


}
@media (min-width:768px) and (max-width:990px){

.neibanner{width:100%;overflow:hidden;position:relative;height:auto;}
.neibanner .img{width:100%;height:35vh;}
.neibanner .text h1{font-size:2rem;}
.neibanner .text h2{font-size:1.4rem;}
.neibanner .text{left:5%;}

}
@media (min-width:991px) and (max-width:1080px){

.neibanner{width:100%;overflow:hidden;position:relative;}
.neibanner .img{width:100%;height:40vh;}
.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2rem;}

}
@media (min-width:1081px) and (max-width:1200px){

.neibanner{width:100%;overflow:hidden;position:relative;height:auto;}
.neibanner .img{width:100%;height:45vh;}
.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2rem;}

}
@media (min-width:1201px) and (max-width:1320px){

.neibanner{width:100%;overflow:hidden;position:relative;height:auto;}
.neibanner .img{width:100%;height:50vh;}
.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2rem;}

}
@media (min-width:1321px) and (max-width:1440px){

.neibanner{width:100%;overflow:hidden;position:relative;height:auto;}
.neibanner .img{width:100%;height:55vh;}
.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2.4rem;}

}
@media (min-width:1441px) and (max-width:1600px){

.neibanner{width:100%;height:auto;overflow:hidden;position:relative;}
.neibanner .img{width:100%;height:100%;height:60vh;}
.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2.4rem;}

}



/*关于我们-分类名称*/


.con1 {width: 100%; height: auto;paddding: 20px 0px;clear: both;padding-top: 5rem;z-index: 888;  position:absolute;left: 0%; bottom: 0%;}
.exNav {  display: block;  line-height: 50px;  border-bottom: 1px solid #dedede;  width: 100%;  padding: 5px 0;  margin: auto;background: #fff;clear: both;float:left;}
.mul{width:100%;height:auto;float:right;text-align: right;text-align:center;}
.mul li{text-align: center;display: inline-table;margin: 0 35px;position: relative;}
.mul li a{font-size:1.5rem;text-align: center;display: block;width: 100%;color:#333;}
.mul li:hover a{color:#003893;}
.mul li.active a{color:#003893;border-bottom:solid #003893 3px}
@media (max-width:990px){

.mul {width: 100%;padding: 2rem 0rem;}
.mul li{padding:5px;min-width:100px;float:left;}

}

@media (min-width:469px) and (max-width:768px){
.mul {width: 100%;padding: 2rem 0rem;}
.mul li{padding:5px;min-width:100px;float:left}



}





/*关于我们-公司简介*/


.about{float:left;margin-top:4rem;position:relative;padding: 5%;background:#fff;width: 100%;}
.about .left{width:49%;float:right;}
.about .left h3{font-size:16px;color:#333;margin-top:40px;margin-bottom:15px}
.about .left p{font-size:14px;color:#666;line-height:30px}
.about .right{width:40%;overflow: hidden;float:left}
.about .right img{width:100%;height:auto;}
.about .int{margin-top:100px;font-size:24px;color:#474747;width:80%;line-height:3;clear:both;float:left;text-align: left;}
.about .img3{float: right;width:20%;height:auto;}
.about .img3 img{width: auto;height: auto;max-width: 100%;}




.culture{float:left;margin-top:4rem;position:relative;padding: 5%;background:#fff;width: 100%;}
.culture  .left{width:49%;float:left;overflow:hidden;position:relative}
.culture  .left:before{content:"";display:block;width:1px;height:80%;margin-top:10%;position:absolute;right:0}
.culture  h3{font-size:24px;font-weight:normal}
.culture .left .line{width:30px;height:1px;margin-top:15px;margin-bottom:20px;background:#003893}
.culture .left .boxs{margin-top:30px;clear:both;}
.culture .left .boxs .le{float:left;font-weight:bold;font-size:16px;color:#003893;display:block;margin-right: 20px;line-height:30px}
.culture .left .boxs .ri{display:block;float:left;width:80%}
.culture .left .boxs .ri span{display:block;font-size:14px;color:#666;line-height:30px;padding-left:20px;position:relative}
.culture .left .boxs .ri span:before{content:"";display:block;position:absolute;left:0;top:0;width:4px;height:4px;margin-top:13px;background:#737373;border-radius:50%}
.culture .left .link{margin-left:20%}
.culture .right{width:49%;float:left;overflow:hidden;padding: 0% 5%}
.culture .right h3{background:url(../img/map-icon.png) no-repeat left center}
.culture .right h3 img{margin-right:10px;}
.culture .right .boxs{margin-top:50px}
.culture .right .boxs h4{font-size:16px;color:#474747;margin-bottom:20px}
.culture .right .boxs span{display:block;font-size:14px;color:#666;line-height:30px;padding-left:20px;position:relative}
.culture .right .boxs span:before{content:"";display:block;position:absolute;left:0;top:0;width:4px;height:4px;margin-top:13px;background:#737373;border-radius:50%}
.culture  .imgs{margin-top:70px;height:390px;width:100%;display:block;background-position:center center;background-repeat:no-repeat;background-size:cover;text-align:center}
.culture  .imgs .boxs{padding-top:80px;color:#fff}
.culture  .imgs .boxs h3{font-size:36px;text-shadow:2px 2px 3px rgba(0,0,0,0.2)}
.culture  .imgs .boxs span{display:block;margin-top:10px;font-size:16px;text-shadow:2px 2px 3px rgba(0,0,0,0.2)}
.culture .text{display:block;margin-top:40px;text-align:center}
.culture .text span{font-size:14px;color:#666;display:block;margin:40px 0;line-height:25px}
.culture .text ul{margin:auto;display:table}
.culture .text ul li{text-align:center;float:left;margin:0 30px;padding:0 45px;height:40px;line-height:40px;border:2px solid #4e6390;color:#4e6390;font-size:16px;font-weight:bold;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease}
.culture .text ul li:hover{color:#fff;background:#4e6390;font-weight:normal}





.culture .left .boxs .ri{display:block;float:left;width:80%}
.culture .left .boxs .ri span{display:block;font-size:14px;color:#666;line-height:30px;padding-left:20px;position:relative}
.culture .left .boxs .ri span:before{content:"";display:block;position:absolute;left:0;top:0;width:4px;height:4px;margin-top:13px;background:#737373;border-radius:50%}






@media(max-width:468px){
.about .right{width:100%;overflow: hidden;float:left}
.about .left{width:100%;float:right;padding: 5% 0%;}
.about .right img{width:100%;}
.about .int{width: 80%;font-size: 1.8rem;float:left;text-align: left;margin-top:1rem;font-size: 1.6rem;}

.culture  .left{width:100%;padding: 0% 0% 5% 0%;}
.culture .right{width:100%;padding:0% 0%;margin-top: 3rem;}
.culture .right .boxs { margin-top: 3rem;}
.culture .left::before {background:none;}
.culture .left{border-bottom:solid #d5d5d5 1px;}
}




@media(min-width:469px) and (max-width:768px){
.about .right{width:100%;overflow: hidden;float:left}
.about .left{width:100%;float:right;padding: 5% 0%;}
.about .right img{width:100%;}
.about .int{width: 80%;font-size: 1.8rem;float:left;text-align: left;margin-top:1rem;font-size: 1.6rem;}

.culture  .left{width:100%;padding: 0% 0% 5% 0%;}
.culture .right{width:100%;padding:0% 0%;margin-top: 3rem;}
.culture .right .boxs { margin-top: 3rem;}
.culture .left::before {background:none;}
.culture .left{border-bottom:solid #d5d5d5 1px;}

}



@media(min-width:769px) and (max-width:990px){
.about .right{width:100%;overflow: hidden;float:left}
.about .left{width:100%;float:right;padding: 5% 0%;}
.about .right img{width:100%;}
.about .int{width: 80%;font-size: 1.8rem;float:left;text-align: left;margin-top:1rem;font-size: 1.6rem;}

.culture  .left{width:100%;padding: 0% 0% 5% 0%;}
.culture .right{width:100%;padding:0% 0%;margin-top: 3rem;}
.culture .right .boxs { margin-top: 3rem;}
.culture .left::before {background:none;}
.culture .left{border-bottom:solid #d5d5d5 1px;}
.about .int {margin-top: 40px;}

}

@media(min-width:991px) and (max-width:1200px){
.about .int {margin-top: 40px;}
}

@media(min-width:1201px) and (max-width:1320px){
.about .int {margin-top: 50px;}
}

@media(min-width:1321px) and (max-width:1440px){
.about .int {margin-top: 60px;}
}

@media(min-width:1441px) and (max-width:1600px){
.about .int {margin-top: 70px;}
}

.more{display:block;width:170px;height:40px;line-height:40px;color: #fff !important;text-align:center;font-size:14px;margin-top:5rem !important;background:#e60012;transition:all 1s}
.more:hover{position:relative;top:-5px;transition:all 1s}




/*关于我们厂房*/

.equement{width:100%;height:auto;clear:both;position:relative;overflow:hidden;padding: 5rem 0rem;background: #fff;margin-top: 4rem;float: left;padding: 2%;}

.etit{width:100%;height:auto;clear:both;float:left;margin:5rem 0rem;}
.etit h1{display:block;width:100%;height:auto;clear:both;text-align:center;}
.etit h1 a{color:#d9d6d6;font-size:2.4rem;letter-spacing:1px;transition: .7s ease-in-out;}

.etit h2{display:block;width:100%;height:auto;clear:both;text-align:center;position:relative;top:-8px;}
.etit h2 a{color:#000;font-size:3rem;line-height:2;width:100%;position:absolute;text-align:center;left: 0px;bottom: -8px;letter-spacing:1px;transition: .7s ease-in-out;}
.etit h2 p{width:20px;height:1px;background:#003893;display:block;margin:0 auto;transition: .7s ease-in-out;position:relative;top:2rem;}



.etit:hover h1 a{letter-spacing:5px}
.etit:hover h2 a{letter-spacing:5px}
.etit:hover h2 p{width:220px;transition: .7s ease-in-out;}




.equement .mm{margin: 5rem 0rem 0rem 0rem;}
#owl-demo .item{margin:1rem;background:#fff;transition:all 0.6s;-ms-transition:all 0.8s}
#owl-demo .item img{display:block;width:100%;height:auto;padding:3%;margin:0 auto}
#owl-demo .item:hover{background:#315ea7;transform:scale(1.05);-ms-transform:scale(1.05)}
.equement .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.equement .owl-carousel{position:relative;width:100%;}
.equement .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.equement .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.equement .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.equement .owl-carousel .owl-item{float:left}
.equement .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.equement .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.equement .grabbing{cursor:url(grabbing.png) 8 8,move}
.equement .owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.equement .owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}
.equement .owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}
.equement .owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}
.equement .owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}
.equement .owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}
.equement .owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}
.equement .owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}
.equement .owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}
.equement .owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}
.equement .owl-theme .owl-controls{margin-top:10px;text-align:center;display: none}



.equement .owl-theme .owl-controls .owl-buttons div{font-size:0px;width:45px;height:45px;color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;}
.equement .owl-theme .owl-controls .owl-prev{background:url(../zimages/l.png) no-repeat center top;position:absolute;left:-50px;top:12rem;}
.equement .owl-theme .owl-controls .owl-next{background:url(../zimages/r.png) no-repeat center top;position:absolute;right:-50px;top:12rem;}
.equement .owl-theme .owl-controls .owl-pagination{display:block;}
.equement .owl-theme .owl-controls .owl-buttons {display:none;}



.equement .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.equement .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#dedcdc;}
.equement .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#003893}
.equement .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.equement .owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}



@media(max-width:468px){

.equement .owl-theme .owl-controls .owl-pagination{display:block;}
.equement .owl-theme .owl-controls .owl-buttons {display:none;}
}
@media (min-width:469px) and (max-width:768px){

.equement .owl-theme .owl-controls .owl-pagination{display:block;}
.equement .owl-theme .owl-controls .owl-buttons {display:none;}
}

@media (min-width:769px) and (max-width:990px){
.equement .owl-theme .owl-controls .owl-pagination{display:block;}
.equement .owl-theme .owl-controls .owl-buttons {display:none;}
}















/*底部*/

.contact{width:100%;height:auto;clear:both;background:#003893;padding:10px 0px 0px 0px}
.contact .c1{width:100%;height:100%;padding:2vh 0vh 4vh 0vh}
.contact .c1 h1{width:80%;margin:0 auto;line-height:2.6;color:#ffffff;font-size:3.5rem;text-align:center;letter-spacing:2px}
.contact .c1 h2{width:80%;margin:0 auto;color:#d9000b;font-size:3rem;text-align:center;font-family:Arial,Helvetica,sans-serif}
.contact .flogo .f1{max-width:100%;height:auto;width:auto;float:left;padding:3rem 0rem}
.cont1{width:100%;height:auto;clear:both;position:relative;padding:20px 0px}
.cont1 .left{width:70%;float:left;overflow:hidden;}
.cont1 .left img{max-width:100%;width:auto;height:auto;float:left;}

.cont1 .right{width:30%;float:left;overflow:hidden;}
.cont1 .right img{max-width:100%;width:auto;height:auto;float:right;}


.cont2{width:100%;height:auto;clear:both;position:relative;padding:20px 0px;border-top: solid rgba(255,255,255,0.2) 1px;margin-top: 2rem;float: left;}
.cont2_l{width:60%;float:left;margin-top:3rem}
.contact .foot_info{width:40%;float:left;height:auto;position:relative;margin-top:3rem}
.contact .foot_info h1{display:block;width:100%;text-align:left;color:#fff;font-size:1.8rem;line-height:3;clear:both}
.contact .foot_info h1 a{color:#fff;}
.contact .foot_info p{color:#fff;font-size:1.4rem;text-align:left;width:100%;clear:both;height:auto;line-height:2}


.cont2 .cc{width:100%;height:auto;float:left}
.cont2 .cc li{width:31.3333%;float:left;margin-left:1%;margin-right:1%}
.cont2 .cc li h1{float:left;display:block;width:100%}
.cont2 .cc li h1 a{font-size:1.6rem;color:#fff;line-height:3;display:block;width:100%;text-align: left;}
.cont2 .cc li p a{float:left;font-size:1.4rem;color:rgba(255,255,255,0.5);line-height:2;clear:both;width:100%;text-align: left;}
.cont2 .cc  p:hover a{color:rgba(255,255,255,1);}
.cont2 .ct{width:100%;height:auto;padding-top:4rem;clear:both}
.cont2 .ct h1{font-size:1.4rem;color:rgba(255,255,255,0.5);float:left;padding:5px;margin-right:5px}
.cont2 .ct a{float:left;padding:5px;margin-left:5px;font-size:1.4rem;color:rgba(255,255,255,0.5)}

.cont2_r{width:25%;float:left;margin-top: 3rem;}
.cont2_r h1{display:block;width:100%;text-align:left;color:#fff;font-size:1.8rem;line-height:3;clear:both;margin-bottom:2rem;}
.cont2_r p{width:100%;color:#fff;clear:both;font-size:3rem;line-height:30px;}
.cont2_r p span{font-size:1.8rem;margin-left:10px;}

.foot{width:100%;height:auto;clear:both;background:#022e75;}
.foot .f1{float:left;font-size:1.4rem;color:#fff;line-height:3}
.foot .f2{float:left;font-size:1.4rem;color:#fff;line-height:3}
.foot .f3{float:right;font-size:1.4rem;color:#fff;line-height:3}
.foot .f3 a{font-size:1.4rem;color:#fff;line-height:3}
.foot a{margin:0px 10px;line-height:3}
@media (max-width:468px){
.cont2_r{display:none}
.cont2_l { width: 100%;margin-top:1rem;}

.cont2_r{display:none;}
.cont1 {padding: 10px 0px;}
.foot .f3 {float: left; line-height: 1;}
.foot .f3 a { line-height: 1;}
.cont2 {padding: 10px 0px;margin-top: 1rem;}
.contact .foot_info { width: 100%;margin-top: 1rem;}

}
@media (min-width:469px) and (max-width:768px){
.cont2_r{display:none}
.cont2_l { width: 100%;margin-top:1rem;}
.contact .foot_info { width: 100%;margin-top: 1rem;}
.cont2_r{display:none;}
.cont1 {padding: 10px 0px;}
.foot .f3 {float: left; line-height: 1;}
.foot .f3 a { line-height: 1;}
.cont2 {padding: 10px 0px;margin-top: 1rem;}

}
@media (min-width:769px) and (max-width:990px){
.cont2_l { width: 100%;}
.contact .foot_info { width: 100%;}
.cont2_r{display:none;}
}
@media (min-width:991px) and (max-width:1080px){

.cont2_l { width: 50%;}
.contact .foot_info { width: 50%;}
.cont2_r{display:none;}
}
@media (min-width:1081px) and (max-width:1320px){
.cont2_l { width: 50%;}
.contact .foot_info { width: 50%;}
.cont2_r{display:none;}
}
@media (min-width:1201px) and (max-width:1440px){
.cont2_r p {font-size: 2rem}
.cont2_r span {font-size: 1.6rem}
}



/*产品列表页-内容*/
.productlist{width:100%;height:auto;clear:both;position:relative;padding:20px 0px;background-size:100% 100%; background-attachment:fixed;padding:5% 0%;}


/*产品中心*/
.product3{width:100%;height:auto;clear:both;position:relative;}


.product3 .owl-item{float:left;padding: 1rem;overflow:hidden;width:23%;margin:1%;float:left;position: relative;border: solid #cccc 1px;}
.product3 .owl-item .item{overflow:hidden;}
.product3 .owl-item .item .img{display:block;width:100%;height:auto;overflow:hidden;background:#fff;padding:2%;}
.product3 .owl-item .text{width:100%;height:auto;padding:2rem 1rem;float: left;transition:all 1s;position:relative;left:3%;bottom:0rem;border-bottom:dotted #666 1px;}
.product3 .owl-item .item .img p{position:relative;left:10%;top:5%;color: #000;letter-spacing: 2px;font-size: 2rem;width:80%;font-weight:normal;transition:all 1s;}
.product3 .owl-item .text h1{font-weight: normal;width:70%;line-height:2;color:#000;float:left;display:block;font-size:1.8rem;transition:all 1s;clear:both;letter-spacing:1px;}
.product3 .owl-item .text p{width:70%;color:#222;float:left;display:block;font-size:1.4rem;transition:all 1s;clear:both;}
.product3 .owl-item .text span{width:40%;height:0px;background:#003893;color:#fff;display:block;text-align:center;clear:both;font-size:0rem;margin-top:8rem;transition:all 1s;display:block;}

.product3 .owl-item:hover .text{bottom:1rem;transition:all 1s;}
.product3 .owl-item:hover .text span{transition:all 1s;line-height:40px;height:40px;letter-spacing:1px;font-size:1.4rem;}
.product3 .owl-item:hover .img p{font-size:2.2rem;transition:all 1s;}
.product3 .owl-item:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);transition: all 0.6s;-ms-transition: all 0.8s;max-height:100%;}
.product3 .owl-item .img img{width:100%;height:auto;transform: scale(1.0);-ms-transform: scale(1.0);transition: all 0.6s;-ms-transition: all 0.8s;}




@media (max-width:468px){
.product3 .owl-item{width:98%;}
}
@media (min-width:469px) and (max-width:768px){
.product3 .owl-item{width:48%;}
}
@media (min-width:769px) and (max-width:990px){
.product3 .owl-item{width:48%;}
}
@media (min-width:991px) and (max-width:1080px){
.product3 .owl-item{width:31.3333%;}
}

@media (min-width:1081px) and (max-width:1400px){

}







/*产品列表页-加载更多*/
.hidden{ display: none;}
.moreload{width: 100%;height: auto;margin:0 auto;overflow: hidden;text-align: left;padding:5px;}
.moreload ul.list{overflow: hidden;padding-bottom: 7rem;}
.moreload ul.list p{text-align: center;padding: 10px;}
.moreload .more{overflow: hidden;padding:10px;text-align: center;}
.moreload .more a{display: block;width: 100%;margin:0 auto;text-align:center;color:#000;font-size:1.4rem;line-height:2;}
.moreload .more a img{max-width:100%;width:auto;height:auto;display:block;margin:0 auto;}
.moreload .more p{display: block;width: 100%;margin:0 auto;text-align:center;color:#003893;font-size:1.4rem;line-height:2;font-weight:bold;}
.moreload .more a:hover{color:#003893}





/*案例列表页*/
.caselist{width:100%;height:auto;clear:both;position:relative;margin: 2% 0%;float: left;min-height: 70vh}
.caselist li{padding: 0% 0% 2% 0%;width: 21%;margin-left:2%;margin-right:2%;float:left;position:relative;z-index:10; transition:all 500ms;margin-top: 1rem;background:#fff;}
.caselist li .glightbox2{display:block;width:100%;color:#333;}
.caselist li .titc{width: 100%;display: block;margin: auto; margin-top: auto;z-index: 9999;position: relative;text-align:center;font-size:1.5rem;color:#33;line-height:3;transition:all 500ms;}
.caselist li:hover .titc{background:#003893;transition:all 500ms;}
.caselist li:hover .glightbox2{color:#fff;}
.caselist li .mask{width: 100%;height:auto;overflow:hidden;position:absolute;left:0;top:0px;z-index:20;transition:all 500ms;font-size: 0rem}
.caselist li .img{display:block;width: 100%;height:100%}
.caselist li img{width: 100%;height:90%;}
.caselist li h3{font-size:12px;}
.caselist li .csbg{width:70%;height:auto;background:#ffffff;margin:0 auto;z-index:5;transition:all 500ms;margin-top: -10%;z-index: 9999;position: relative;box-shadow:1px 1px 1px #ccc;}
.caselist li .csbg h3{font-size:1.6rem;text-align:center;padding:2rem;display:block;width:100%;}
.caselist li .csbg h3 a{font-size:1.6rem;text-align:center;display:block;width:100%;color:#333;line-height:2;}
.caselist li:hover {color:#fff;}
.caselist li:hover .mask{top:0px;text-align:center;font-size:1.8rem;color:#ffffff;top:30%;text-shadow:1px 1px 1px #333;}
.caselist li:hover .csbg{background:#003893;color:#ffffff}
.caselist li:hover .csbg h3 a{text-align:center;display:block;width:100%;color:#ffffff}
.caselist li:vidited .csbg h3 a{color:#ffffff}
@media (max-width:468px){
.caselist li{width:90%;margin-left:5%;margin-right:5%;}
.caselist li:hover .mask{font-size:1.6rem;}
}
@media (min-width:469px) and (max-width:768px){
.caselist li{width:48%;margin-left:1%;margin-right:1%;}
.caselist li:hover .mask{font-size:1.6rem;}
}
@media (min-width:769px) and (max-width:990px){
.caselist li{width:46%;}
.caselist li .csbg h3 a{font-size:1.4rem;}
.caselist li:hover .mask{font-size:1.6rem;}
}
@media (min-width:991px) and (max-width:1080px){
.caselist li{width:46%;}
.caselist li .csbg h3 a{font-size:1.6rem;}
.caselist li:hover .mask{font-size:1.8rem;}
}
@media (min-width:1081px) and (max-width:1200px){
.caselist li{width: 29%;}
.caselist li .csbg h3 a{font-size:1.6rem;}
.caselist li:hover .mask{font-size:1.8rem;}
}







.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;overflow-scrolling:touch}
.glightbox-container.inactive{display:none}
.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999}
.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:absolute}
.glightbox-container .gslide{height:90%;top: 10%;width:100%;left:0%;position:absolute;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.glightbox-container .gslide.current{opacity:1;z-index:99999}
.glightbox-container .gslide.prev{opacity:1;z-index:9999}
.glightbox-container .gslide-inner-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.glightbox-container .ginner-container{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width: 80% !important;}
.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{display:inline-block}
.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100% !important}
.gslide iframe,.gslide video{width:100vw;max-width:100vw;min-width:100vw;outline:none !important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}
.gslide-image img{max-height:93%;display:block;max-width:100%;margin:0;padding:0;float:none;outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.gslide-video{width:100%;height:auto;min-width:100%;max-width:100%;min-height:auto;max-height:auto;position:relative}
.gslide-video:before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}
.gslide-video.playing:before{display:none}
.gslide-video .jw-media,.gslide-video .jw-video{position:relative !important}
.gslide-video .jwplayer{max-width:100vw;width:100vh;height:auto !important}
.gslide-video .jwplayer,.gslide-video .box-emboss{outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;border:none !important}
.gslide-video .jwplayer .btnd:active,.gslide-video .jwplayer .btnd:focus,.gslide-video .jwplayer .btnd.active,.gslide-video .box-emboss .btnd:active,.gslide-video .box-emboss .btnd:focus,.gslide-video .box-emboss .btnd.active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}
.gslide-video object{position:absolute;top:0;left:0}
.gslide-inline{background:#fff;padding:20px;text-align:left;max-height:62vh;overflow:auto}
.ginlined-content{overflow:auto;display:block !important;opacity:1}
.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:62vh}
.gslide-media{display:block;width: 100%;}
.gslide-description.left-position,.gslide-description.right-position{padding:30px;background:#fff;max-width:300px;min-width:190px}
.gslide-description .bottom-position,.gslide-description .top-position{padding:30px;background:#fff;width:100%;display:inline-block;min-width:190px}
.gslide-description.description-left,.gslide-description.description-right{max-width:100%}
.gslide-description p{margin-bottom:12px}
.gslide-description p::last-child{margin-bottom:0}
.glightbox-mobile .glightbox-container .gslide-description{background:transparent;position:absolute;bottom:15px;padding:19px 11px;max-width:100vw !important;-webkit-box-ordinal-group:3 !important;-ms-flex-order:2 !important;order:2 !important;max-height:78vh;overflow:auto !important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear}
.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}
.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}
.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:bold}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}
.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}
.gdesc-open .gslide-description{padding-bottom:30px}
.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}
.greset{-webkit-transition:all .5s ease;transition:all .5s ease;width: 100%;}
.glightbox-desc{display:none}
.glightbox-open{overflow:hidden;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}
.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}
.goverlay{width:100%;height:100%;position:fixed;top:0;left:0;background:#000}
.gprev,.gnext,.gclose{background-repeat:no-repeat;z-index:99999;cursor:pointer;width:26px;height:44px;display:block;background-position:0 0}
.gprev.disabled,.gnext.disabled,.gclose.disabled{opacity:.1}
.gprev .garrow,.gnext .garrow,.gclose .garrow{stroke:#fff}
iframe.wait-autoplay{opacity:0}
.glightbox-closing .gnext,.glightbox-closing .gprev,.glightbox-closing .gclose{opacity:0 !important}
.glightbox-clean .gslide-description{background: #222;padding: 10px;left:0px;position: absolute;bottom: 0px;width: 100%;text-align: center;}
.glightbox-clean .gslide-title{font-size:1.8rem;font-weight:normal;font-family:arial;color:#fff;line-height:1.4em}
.glightbox-clean .gslide-desc{font-size:1.6rem;margin-bottom:0;font-family:arial;line-height:1.4em}
.glightbox-clean .gslide-video{background:#000}
.glightbox-clean .gprev,.glightbox-clean .gnext,.glightbox-clean .gclose{background:url(../zimages/cajt.png);}
.glightbox-clean .gprev{background-color:#333;background-position:4px 5px;position:absolute;top:45%;left:30px;width:38px;height:56px}
.glightbox-clean .gnext{background-color:#333;background-position:-27px 5px;position:absolute;top:45%;right:30px;width:38px;height:56px}
.glightbox-clean .gclose{z-index: 9999;background-color:#333;width:35px;height:35px;top:15px;right:10px;position:absolute;opacity:.7;background-position:-59px 2px}
.glightbox-clean .gclose:hover{opacity:1}
.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}
.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}
.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}
.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}
.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}
.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}
.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}
.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}
@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@-webkit-keyframes gfadeIn{from{opacity:0}
to{opacity:1}
}@keyframes gfadeIn{from{opacity:0}
to{opacity:1}
}@-webkit-keyframes gfadeOut{from{opacity:1}
to{opacity:0}
}@keyframes gfadeOut{from{opacity:1}
to{opacity:0}
}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}
to{visibility:visible;-webkit-transform:translate3d( 0,0,0);transform:translate3d( 0,0,0);opacity:1}
}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}
to{visibility:visible;-webkit-transform:translate3d( 0,0,0);transform:translate3d( 0,0,0);opacity:1}
}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}
}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}
}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}
}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}
}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:1}
}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:1}
}@-webkit-keyframes gzoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}@keyframes gzoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}@media (min-width:25em){.gslide iframe,.gslide video{min-width:0}
}@media (min-width:48em){.glightbox-container .ginner-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.glightbox-container .ginner-container.desc-left .gslide-description,.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
.glightbox-container .ginner-container.desc-left .gslide-media,.glightbox-container .ginner-container.desc-top .gslide-media{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.gslide-image img{width:auto;width:initial;max-height:70vh}
.gslide-video{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100px;height:100%;max-height:95vh !important}
.gslide-inline{max-height:95vh}
.gslide-external{max-height:95vh}
.gslide-media{display:block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.gslide-description.description-left,.gslide-description.description-right{max-width:275px}
.goverlay{background:rgba(0,0,0,.92)}
.glightbox-clean .ginner-container{-webkit-box-shadow:1px 2px 9px 0px rgba(0,0,0,.65);box-shadow:1px 2px 9px 0px rgba(0,0,0,.65)}
.glightbox-clean .gprev{top:45%}
.glightbox-clean .gnext{top:45%}
}@media (min-width:62em){.glightbox-clean .gclose{right:20px}
}




@media (max-width:468px){
.gslide-media {width:100%;background:#fff;}
.gslide-image img {margin: 0 auto;}
}
@media (min-width:469px) and (max-width:768px){
.gslide-media {width:100%;background:#fff;}
.gslide-image img {margin: 0 auto;}
}
@media (min-width:769px) and (max-width:990px){
.gslide-media {width:100%;background:#fff;}
.gslide-image img {margin: 0 auto;}
}
@media (min-width:991px) and (max-width:1080px){

}





/*分页基本样式*/
.xypg-pagination{margin-top:20px;text-align:center;font-size:0;padding: 5rem 0rem;clear:both;}
.xypg-pagination .pagin-left,.xypg-pagination .pagin-mid,.xypg-pagination .pagin-right,.xypg-pagination .pagin-select{display:inline-block;vertical-align:middle}
.xypg-pagination a,.xypg-pagination #current{display:inline-block;font-size:14px;color:#333333;font-family:"Microsoft YaHei",Arial;line-height:26px;border:1px solid #cbcbcb;margin:0 5px;padding:0 8px}
.xypg-pagination #current,.xypg-pagination a:hover{color:#fff;border-color:#003893;background:#003893}
.xypg-pagination .pagin-mid{font-size:14px}
.xypg-pagination .pagin-mid .mob-pagin-mid{display:none}
.xypg-pagination .pagin-select{font-size:14px}
.xypg-pagination .pagin-select select{height:28px;padding:0 8px;margin:-1px 5px 0 5px}
@media (max-width:768px){.xypg-pagination .pagin-mid .pc-pagin-mid{display:none}
.xypg-pagination .pagin-mid .mob-pagin-mid{display:block}
.xypg-pagination .pagin-mid .mob-pagin-mid span{display:inline-block;padding:0 8px;line-height:28px;font-size:14px}
.xypg-pagination .pagin-select{display:none}
}
















/*新闻列表页*/
.newslist{width:100%;height:auto;clear:both;position:relative;padding: 3rem 0px 3rem 0px;}
.newslist .mm{background: #fff;float: left;padding: 2%;}
.newslist ul{width:100%;height:auto;clear:both;position:relative;margin-top:2rem;}
.newslist ul li{width:31%;height:auto;margin-left:1%;margin-right:1%;float:left;border:solid #ccc 1px;overflow: hidden;position:relative;margin-top:2rem;height:30vh;padding: 2%;}

.newslist ul li .post-slide{transition:all 1s ease-in-out 0s}
.newslist ul li .post-slide .post-img{overflow:hidden;position:relative}
.newslist ul li .post-slide .post-img img{max-width:100% !important;height:auto;width:auto !important;float:left;transform:scale(1.0);transition:all 1s}
.newslist ul li .post-slide .post-img h1{width:80%;display:block;position:absolute;left:10px;top:10%;color:#fff;padding:10px 20px;font-size:14px;letter-spacing:1px;transition:all 1s ease-in-out 0s;line-height:35px}
.newslist ul li .post-slide .post-img img{max-width:100% !important;height:auto;width:auto !important;float:left;transform:scale(1.0);transition:all 1s}
.newslist ul li .post-slide .post-content{}
.newslist ul li .post-slide .post-title{font-size:17px;font-weight:600;margin-top:0;text-transform:capitalize}
.newslist ul li .post-slide .post-title a{display:inline-block;color:#222;font-size:2rem;font-weight:normal;overflow:hidden;height:25px;line-height:25px;letter-spacing:1px;transition:all 0.3s ease 0s;}
.newslist ul li .post-slide .date{font-size:1.4rem;color:#888;margin-top: 15px;margin-bottom: 30px;clear:both;display:block;width:100%}
.newslist ul li .post-slide .post-content p{color:#666666;line-height:2;font-size:1.4rem;text-indent:-3rem;display: inline-block;}
.newslist ul li .post-slide .post-content .info{width:100%;height:auto;text-align:left;}
.newslist ul li:hove .post-slider{transition:all 1s ease-in-out 0s;}
.newslist ul li:hover {background:url(../zimages/bei2.jpg) no-repeat right bottom;background-size:cover !important;}
.newslist ul li .post-slide .post-content p{color:#333;}
.newslist ul li:hover .post-slide .post-title a{color:#fff;}
.newslist ul li:hover .post-slide .post-content p{color:#fff;}
.newslist ul li:hover .post-slide .date{color:#fff;}
.newslist ul li:hover .post-slide:hover .post-img img {transform: scale(1.2);  transition: all 1s;}
.newslist ul li .post-slide:hover .post-img img {transform: scale(1.0);  transition: all 1s;}
.newslist .more{margin-top:0rem;border:solid #fff 1px;display:none;}
.newslist .more p{color:#fff !important;}




@media (max-width:468px){
.newslist ul li{width:98%;height:auto;float:none;margin:0 auto;margin-top:2rem;}

.newslist .more{display:block;}
}
@media (min-width:469px) and (max-width:768px){
.newslist ul li{width:98%;height:auto;float:none;margin:0 auto;margin-top:2rem;}

.newslist .more{display:block;}
}



@media (min-width:769px) and (max-width:1080px){
.newslist ul li{width:48%;margin-left:1%;margin-right:1%;height:auto;float:left;;margin-top:2rem;}

.newslist .more{display:block;}
}
@media (min-width:1081px) and (max-width:1440px){
.newslist ul li{height:30vh;}
.newslist ul li{width:48%;}
}

@media (min-width:1281px) and (max-width:1600px){
.newslist ul li{height:40vh;}
}




/*新闻资讯*/
.news2{width:100%;height:auto;clear:both;padding:5rem 0rem;position:relative;padding: 5rem 0rem 10rem 0rem;background:#fff;padding: 7rem 0rem;}

.news2 .mm {padding: 5rem 0rem;}
.news2 .left{width:50%;float:left;overflow:hidden;height:47vh;position:relative;}
.news2 .left a img{transition:all 1s ease; -moz-transition:all 1s ease;  -webkit-transition: all 1s ease;   -o-transition: all 1s ease;width:100%;height:100%;}
.news2 .left a h1{display:block;width:100%;position:absolute;bottom:0px;left:0px;background:rgba(0,0,0,0.5);text-align:center;color:#fff;line-height:2.6;font-size:1.6rem;letter-spacing:1px;font-weight:normal;}
.news2 .left:hover a img{transition:all 1s ease; -moz-transition:all 1s ease;  -webkit-transition: all 1s ease;   -o-transition: all 1s ease; transform:scale(1.2); -ms-transform:scale(1.2);  -webkit-transform:scale(1.2);    -o-transform:scale(1.2);       -moz-transform:scale(1.2);}
.news2 .right{width:48%;float:right;}
.news2 .right ul{width:100%;height:auto;margin:0 auto;}
.news2 .right ul li{width:100%;clear:both;height:11vh;margin-bottom: 1vh;background:#f5f5f5;}
.news2 .right ul li .n1{width:15%;border-right:solid #fff 2px;height:100%;color:#141414;font-size:1.2rem;text-align:center;float:left;padding:10px;}
.news2 .right ul li .n1 span{text-align:center;color:#000;font-size:2.4rem; font-weight:bold; display: block;}
.news2 .right ul li .n2{width:85%;border-bottom:dotted #cdcccc 1px;color:#141414;font-size:1.8rem;float:left;height:100%}
.news2 .right ul li .n2 h1 a{width:95%;float:right;text-align:left;font-size:1.8rem;color:#000;line-height:3;font-weight:normal;}
.news2 .right ul li .n2 p{text-indent: -3rem;width:95%;float:right;text-align:left;font-size:1.4rem;color:#666;line-height: 1.4;}
.news2 .right ul li:hover{background:#4e6390;}
.news2 .right ul li:hover .n1 span{color:#e2e1e1;}
.news2 .right ul li:hover .n1 {color:#e2e1e1;}

.news2 .right ul li:hover .n2 h1 a{color:#fff;}
.news2 .right ul li:hover .n2 p{color:#fff;}
.news2 .right ul li .n2 img{max-width:100%;width:auto;height:100%;}


@media (max-width:468px){
.news2 .mm {padding: 5rem 0rem 0rem 0rem;}
.news2 .left{width:100%;height:auto;}
.news2 .right{width:100%;float:none;padding-top:2rem;clear:both;}
.news2 .right ul li{min-height:15vh;height:auto;}
}
@media (min-width:469px) and (max-width:768px){
.news2 .mm {padding: 5rem 0rem 0rem 0rem;}
.news2 .left{width:100%;height:auto;}
.news2 .right{width:100%;float:none;padding-top:2rem;clear:both;}
.news2 .right ul li{min-height:15vh;height:auto;}
}
@media (min-width:769px) and (max-width:990px){
.news2 .mm {padding: 5rem 0rem 0rem 0rem;}
.news2 .left{width:100%;height:auto;}
.news2 .right{width:100%;float:none;padding-top:2rem;clear:both;}
.news2 .right ul li{min-height:15vh;height:auto;}
}

@media (min-width:991px) and (max-width:1080px){
.news2 .right ul li{height:20vh;}
.news2 .right ul li:nth-child(4){display:none;}
.news2 .right ul li .n2{width:85%;border-bottom:dotted #cdcccc 1px;color:#141414;font-size:1.6rem;float:left;height:100%}
.news2 .right ul li .n2 h1 a{width:95%;float:right;text-align:left;font-size:1.6rem;color:#000;line-height:2;font-weight:normal;}
.news2 .right ul li .n2 p{width:95%;float:right;text-align:left;font-size:1.3rem;color:#666;line-height: 1.4;}
.news2 .left{height:60vh;}


}

@media (min-width:1081px) and (max-width:1440px){
.news2 .right ul li .n1 span{padding:10%;}
.news2 .right ul li{height:15vh;}
.news2 .right ul li:nth-child(4){display:none;}


}
/*联系我们*/












/*新闻内页*/
.news{width:100%;height:auto;clear:both;position:relative;padding: 2% 0% 5% 0%;}
.news .news_info a{color:#333;font-size:1.6rem;line-height:2;}
.news .news_info{width:100%;height:auto;clear:both;background: rgba(255,2555,255,0.8);padding: 2% 2%;}
.news .news_info .news_info_tit{width:100%;margin-bottom:1rem;}
.news .news_info .news_info_tit h1{font-size: 3rem;color: #363636;font-weight: bold;margin-bottom: 10px;line-height: 1.7;text-align:center;letter-spacing:1px;}
.news .news_info_mm{width:100%;height:auto;clear:both;}
.news .news_info_mm p{display:block;line-height:2.2;text-align:leftc;color:#333;width:100%;font-size:1.6rem;}

@media (max-width:468px){


.news .news_info{width:95%;margin:0 auto;float:none;}
.news .news_info .news_info_tit h1{font-size: 2rem;line-height: 1.7;}
}
@media (min-width:469px) and (max-width:768px){
.news .news_info{width:95%;margin:0 auto;float:none;}

.news .news_info .news_info_tit h1{line-height:3;}
}
@media (min-width:769px) and (max-width:990px){
.news .news_info{width:95%;margin:0 auto;float:none;}
.news .news_info p{width:90%;margin:0 auto;}
.news .news_info .news_info_tit h1{line-height:3;}
}




/*产品内页*/
.product{width:100%;height:auto;clear:both;position:relative;background:#fff;padding: 0% 0% 5% 0%;}
/*图片放大*/
#glass{position:absolute;border-radius:50%;box-shadow:0 0 0 7px rgba(255,255,255,0.85),0 0 7px 7px rgba(0,0,0,0.25),inset 0 0 40px 2px rgba(0,0,0,0.25);display:none;background-repeat:no-repeat;background-color:rgba(0,0,0,.6)}
.content img{display:block;}
.center{text-align:center}

.product .first {width:100%;height:auto;padding: 3% 0%;background:#f8f8f8;}
.product .first .left{width:32%;float:left;background:#fff;padding:2%;overflow: hidden;}
.product .first .left img{width:100%;height:auto;}
.product .first .right{width:62%;float:right;margin-right:2%;padding:2%;}
.product .first .right h1{border-bottom:solid #bdbdbd 1px;margin-bottom: 2rem;}
.product .first .right h1 a{line-height:3;color:#000;font-size:2.6rem;font-weight:bold;letter-spacing:2px;}
.product .first .right h2{margin-bottom: 2rem;background:#003893;width:30%;display:block;float:left;text-align: center;border-radius: 5px;margin-top:2rem;}
.product .first .right h2 a{line-height:3;color:#fff;font-size:1.4rem;font-weight:bold;letter-spacing:2px;text-align:center;}

.product .first .right p{color:#333;font-size:1.6rem;line-height:2;}
.product .product_info a{color:#333;font-size:1.6rem;line-height:2;}

.product .product_info{width:100%;height:auto;clear:both;background:#fff;}
.product .product_info .product_info_tit{border-bottom:solid #c2c2c2 1px;width:100%;padding-top:4rem;margin-bottom:4rem;}
.product .product_info .product_info_tit h1{display:block;line-height:3;font-weight:bold;letter-spacing:2px;text-align:center;color:#000;width:100%;font-size:2rem;}

.product .product_info_mm{width:100%;height:auto;clear:both;background:#fff;}
.product .product_info_mm p{display:block;line-height:1.8;text-align:leftc;color:#333;width:100%;font-size:1.6rem;}




.info_title{margin:30px 0 27px 0;width:100%;height:52px;background:#eee;}
.info_title b{display:inline-block;padding:0 30px;height:100%;border-right:1px solid #fff;background:#003893;color:#fff;line-height:52px;font-size:16px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}

.product  .content_gs{background:#fff;margin-top:2rem;clear:both;padding:2%;text-align: center;}
.product  .content_gs img{max-width:98%;width:auto;height:auto;display:block;margin:0 auto;}
.product  .content p{width:100%;font-size:1.6rem;color:#333;line-height:2.4;text-align:left}
.product  .content_table{background:#fff;margin-top:2rem;clear:both;padding:2%;overflow:hidden;}
.product .content_gs br{display:none;}
.product .right .content  td p span{font-size:1.4rem !important;}
.product .right .content  td{font-size:1.4rem !important;}
.product .right .content  td p{font-size:1.4rem !important;padding: 8px 0px;text-align:center;text-align:center;padding: 0.5% 0%;}


.product .content_table .17{font-size:2rem;text-align:left !important;color:#000;font-weight:bold;}
@media (max-width:468px){
.product .first .left{width:95%;margin:0 auto;float:none;}
.product .first .right{width:95%;margin:0 auto;float:none;}
.product .first .right h1 a{font-size:1.8rem;}
.product .product_info{width:95%;margin:0 auto;float:none;}
.product .product_info p{width:90%;margin:0 auto;}
.product .product_info .product_info_tit h1{line-height:3;}
}
@media (min-width:469px) and (max-width:768px){
.product .first .left{width:95%;margin:0 auto;float:none;}
.product .first .right{width:95%;margin:0 auto;float:none;}
.product .first .right h1 a{font-size:1.8rem;}
.product .product_info{width:95%;margin:0 auto;float:none;}
.product .product_info p{width:90%;margin:0 auto;}
.product .product_info .product_info_tit h1{line-height:3;}
}
@media (min-width:769px) and (max-width:990px){
.product .first .left{width:95%;margin:0 auto;float:none;}
.product .first .right{width:95%;margin:0 auto;float:none;}
.product .first .right h1 a{font-size:1.8rem;}
.product .product_info{width:95%;margin:0 auto;float:none;}
.product .product_info p{width:90%;margin:0 auto;}
.product .product_info .product_info_tit h1{line-height:3;}
}
@media (min-width:991px) and (max-width:1080px){
.product .first .right h1 a{font-size:1.8rem;}
}

@media (min-width:1081px) and (max-width:1320px){
.product .first .right h1 a{font-size:2rem;}
}
@media (min-width:1321px) and (max-width:1600px){
.product .first .right h1 a{font-size:2.2rem;}
}










.xypg-detail-info-bar{font-size:14px;font-family:Arial;color:#9e9e9e;line-height:35px;border-bottom:1px dashed #cfcfcf;margin-bottom:20px;text-align: center;}
.xypg-detail-info-bar .detail-info-time{line-height: 2;text-align: center;}
.xypg-detail-info-bar .detail-info-time p{display:inline-table;margin:0% 1%;text-align: center;}


/*联系我们*/


.contactlist{width:100%;height:auto;clear:both;position:relative;float: left;}
.contactlist .ditu{width: 100%;float:left}
.contact-form{margin-top:50px;overflow:hidden;}
.map-area{margin-top:50px;overflow:hidden;text-align: right;}
input,textarea,select{background:#fff;width:48%;float:left;margin-left:1%;margin-right:1%;border:1px solid #ddd;padding: 10px;font-size:14px;font-weight:600;letter-spacing:1px;transition:.3s;margin-bottom:20px}
textarea{height:150px;resize:none}
input[type="submit"]{border:none;display:inline-block;background:#fff;color:#222;padding:12px 30px;margin:20px 0;width:auto;text-transform:uppercase;transition:.3s;cursor:pointer;width: 100%;clear:both;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}

input:nth-child(4){width:30%;float:left;}
.contact-form img{max-width:18%;float:left;}
#allmap { width: 100%;min-height: 69rem;;overflow: hidden;}
.BMap_shadow img{width:0;height:0;}
@media screen and (max-width:500px) {
 #allmap{min-height: 300px;} 
 }
.ditu b {
    font-size: 1.8rem;
}






.contactlist .right{ width: 34%; padding: 3%;background-color: rgba(0,0,0,0.6); height: 69rem;float: right;position: absolute;right: 0px;top: 0px;z-index: 999;}
.contactlist h3{font-size:20px;padding-bottom:15px;border-bottom:1px solid #d3d3d3;color:#fff;margin-bottom:15px;font-weight:normal}
.contactlist .des .wz{font-size:15px;color:#fff;line-height:1.6;margin-bottom:14px}
.contactlist .des .wz .icon{margin-right:12px;vertical-align:middle}
.mess{margin-top:50px}
.mess table .mc{font-size:16px;padding-right:10px;line-height:38px;width:50px;color:#555;text-align:left}
.mess table td{padding:10px 0;vertical-align:top}
.mess .text{width:180px;height:30px;border:1px solid transparent;font-size:14px}
.mess span{color:#fff}
.mess textarea{width:100%;height:94px;border:1px solid transparent;margin-top:10px}
.tj{padding:6px 56px;text-align:center;font-size:16px;color:#fff;background:#d6000f;cursor:pointer;border:1px solid transparent}
.i_tit4 .ch_tit{font-weight:bold;font-size:18px}
.i_tit4{font-size:18px;color:#fff;margin-bottom:24px;}





@media only screen and (max-width:1800px){.mess span{float:left}
}

@media (max-width:468px){
.contactlist .ditu {width: 100%;}
.contactlist .right{width:100%;margin:0 auto;float: left;margin-top: 0rem;}
}

@media (min-width:469px) and (max-width:768px){
.contactlist .ditu {width: 100%;}
.contactlist .right{width:100%;margin:0 auto;float: left;margin-top: 0rem;}
}
@media (min-width:769px) and (max-width:990px){

.contactlist .ditu {width: 100%;}
.contactlist .right{width:100%;margin:0 auto;float: left;margin-top: 0rem;}

}

@media (min-width:991px) and (max-width:1080px){
.contactlist .ditu {width: 50%;}
.contactlist .right{width:50%;}

}

@media (min-width:1080px) and (max-width:1320px){
.contactlist .ditu {width: 50%;}
.contactlist .right{width:50%;}

}




/*内页_分隔条*/
.xypg-detail-tags{margin-top:40px}
.xypg-detail-tags .tags-title{border-bottom:1px solid #c3c3c3;position:relative}
.xypg-detail-tags .tags-title h3{display:inline-block;padding:0 30px;font-size:16px;color:#003893;line-height:40px;border-bottom:3px solid #003893;margin-bottom:-1px}
.xypg-detail-tags .tags-title .baidu-share{position:absolute;right:0;top:8px}
.xypg-detail-tags .tags-content{padding-top:10px}
.xypg-detail-tags .tags-content a{font-size:13px;color:#666666;display:inline-block}
.xypg-detail-tags .tags-content a:hover{color:#003893}

/*内页_上下页*/
.xypg-detail-pn{margin-top:30px}
.xypg-detail-pn div{width:100%;clear:both;margin-bottom:10px;background:#ededed;line-height:35px;padding:0 20px;position:relative}
.xypg-detail-pn div b{font-size:16px;color:#333333;float:left;font-weight:normal}
.xypg-detail-pn div a{float:left;width:75%;font-size:14px;color:#565656}
.xypg-detail-pn div a:hover{color:#003893}
@media (max-width:600px){
.xypg-detail-pn div a{width:60%}
}
@media (max-width:600px){
.xypg-detail-pn div a{width:50%}
}
.xypg-detail-pn div span{position:absolute;right:20px;top:0;font-size:13px;color:#666666}



/*在线客服*/
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0;z-index:9999;}
.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:#003893;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li a{color:#333;}
.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:#003893;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-image:url(../images/er.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#003893}
.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{color:#fff;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}
}


@media (max-width:990px){
.side{display:none;}

}





/*联系方式*/
.dtc{width:100%;height:auto;clear:both;position:relative;float: left;border-top:solid #ccc 1px;}
.dtc .left{width:40%;float:left;position:relative;margin-left: 10%;}
.dtc .left h1{width:15%;float:left;display:block;}
.dtc .left h1 a{display:block;width:100%;height:100%;}
.dtc .left h1 a img{max-width:100%;width:auto;height:auto;}

.dtc .left h2{display:block;width:70%;float:right;text-align:left;color:#003893;font-size:3.6rem;letter-spacing:1px;line-height:3;margin-top:4rem;}
.dtc .left p{display:block;width:70%;float:right;text-align:left;color:#000;font-size:1.6rem;line-height:2;}
.dtc .right{width: 50%;float: right;overflow:hidden;height: 100%;}
.dtc .right img{width:100%;height:100%;}
@media (max-width:468px){

.dtc {background:none;padding: 2rem 0rem;float: left;}
.dtc .left{width:90%;margin-left: 5%;}
.dtc .left h1{display:none;}
.dtc .left h2{width:95%;margin:0 auto;float:none;}
.dtc .left p{width:95%;margin:0 auto;float:none;}
.dtc .right{display:block;width:100%;margin-top:3rem;float:left;}
}
@media (min-width:469px) and (max-width:768px){
.dtc {background:none;padding: 2rem 0rem;float: left;}
.dtc .left{width:100%;}
.dtc .left h1{display:none;}
.dtc .left h2{width:95%;margin:0 auto;float:none;}
.dtc .left p{width:95%;margin:0 auto;float:none;}
.dtc .right{display:block;width:100%;margin-top:3rem;float:left;}
}



@media (min-width:769px) and (max-width:1200px){
.dtc {background:none;padding: 2rem 0rem;float: left;}
.dtc .left{width:100%;}

.dtc .left h2{width:95%;margin:0 auto;float:none;margin-top:3rem;}
.dtc .left p{width:95%;margin:0 auto;float:none;}
.dtc .right{display:block;width:100%;margin-top:3rem;float:left;}
}
@media (min-width:1201px) and (max-width:1440px){
.dtc .left { width: 45%;  float: left; position: relative; margin-left: 5%;} 
.dtc .left h1{display:none;}
.dtc .left h2 { width:100%;margin-top:2rem;font-size: 3rem;}
.dtc .left p{ width:100%;}
.dtc{padding:5% 2%;}
}
@media (min-width:1441px) and (max-width:1600px){
.dtc .left h1 a img {max-width: 60%;}
.dtc .left h2{margin-top:2rem;font-size: 3rem;}
.dtc{padding:5% 2%;}
}










/*产品详情页留言*/

.promessage{width:100%;height:auto;clear:both;position:relative;padding: 2% 0% 5% 0%;float: left;}
.promessage .contact_tit{width:100%;text-align:left;margin: 1rem 0rem;clear:both;}
.promessage .contact_tit h1{font-size:2.6rem;color:#000;line-height:3;font-weight:normal;}





.promessage .contact-form{border:1px solid #eee;padding:30px;margin-top:20px;overflow:hidden;}
.promessage .map-area{margin-top:50px;overflow:hidden;text-align: right;}
.promessage input,.promessage textarea,.promessage select{background:#fff;width:48%;float:left;margin-left:1%;margin-right:1%;background:transparent;border:1px solid #ddd;padding: 10px;font-size:14px;font-weight:600;letter-spacing:1px;transition:.3s;margin-bottom:20px}
.promessage textarea{height:150px;resize:none}
.promessage input[type="submit"]{margin:20px auto !important;float: none;display: block;border:none;background:#003893;color:#fff;padding:12px 30px;margin:20px 0;text-transform:uppercase;transition:.3s;cursor:pointer;width: 30%;clear:both;}
.promessage input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}

.promessage input:nth-child(4){width:30% !important}
.promessage img{float:left;max-width:10%;}



@media (max-width:768px){
.promessage input,textarea,select{background:#fff;width:98%;}
.promessage input:nth-child(4){width:100% !important}
.promessage img{float:left;max-width:30%;}
.promessage input[type="submit"] {width: 100%; clear: both;  float: left;}
}


@media (min-width:769px) and (max-width:990px){

.promessage input[type="submit"] {width: 100%; clear: both;  float: left;}
}




/*侧边栏*/
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0;z-index:9999;}
.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:#003893;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li a{color:#333;}
.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:#003893;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-image:url(../images/er.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#003893}
.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{color:#fff;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}
}


@media (max-width:990px){
.side{display:none;}

}





.hovertreebottom{height:45px;display:none}
.hovertreebottom ul{position:fixed;z-index:200;bottom:0;left:0;width:100%}
.hovertreebottom li{border:1px solid rgba(190,190,190,1);height:45px;border-bottom:0;border-right:0;position:relative;-webkit-box-shadow:inset 0 0 3px #fff;float:left;width:33.26%}
.hovertreebottom li:nth-of-type(1){border-left;0}
.hovertreebottom li>a{font-size:15px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);border-bottom:0;display:block;line-height:45px;text-align:center;background:-webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#dcdcdc),color-stop(35%,#ededed),color-stop(50%,#e3e3e3) )}
.hovertreebottom li>a:only-child span{background:none;padding-left:0}
.hovertreebottom li>a.on + dl{display:block}
.hovertreebottom li>a span{color:#4f4d4f;display:inline-block;padding-left:15px;background:url(1.svg#2) no-repeat 4px 18px;-webkit-background-size:9px auto;text-shadow:0px 1px 0px #ffffff}
.hovertreebottom dl{display:none;position:absolute;z-index:220;bottom:60px;left:50%;width:100px;margin-left:-50px;background:red;background:#e4e3e2;border-radius:5px;-webkit-box-shadow:inset 0 0 3px #fff;background:url(2.svg#3) no-repeat center center;-webkit-background-size:100%;background-size:100%}
.hovertreebottom dl:before{content:"";display:inline-block;position:absolute;z-index:240;bottom:0;left:50%;width:10px;height:8px;background:url(1.svg#2) no-repeat center -55px;-webkit-background-size:10px auto;bottom:-7px;margin-left:-5px}
.hovertreebottom dl dd{line-height:45px;text-align:center;background:-webkit-gradient(linear,0 0,100% 0,from(rgba(194,194,194,0.8)),to(rgba(194,194,194,0.8)),color-stop(50%,rgba(194,194,194,0.8)));background-size:80% 1px;background-repeat:no-repeat;background-position:center bottom}
.hovertreebottom dl dd:last-of-type{background:none}
.hovertreebottom dl dd a{font-size:15px;display:block;color:#4f4d4f;text-shadow:0px 1px 0px #ffffff;white-space:pre;overflow:hidden;text-overflow:ellipsis}
.hovertreebottom .masklayer_div{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:180;background:rgba(0,0,0,0)}
.hovertreebottom .masklayer_div.on{display:block}
@media (max-width:990px){.hovertreebottom{display:block !important}
}



/*客户服务*/
.customer{width:100%;height:auto;clear:both;position:relative;padding: 0% 0% 2% 0%;margin: 5rem 0rem;}
.customer li{width:100%;clear:both;height:auto;position: relative;float: left;}
.customer li .left{  position:absolute;height:100%;font-size:16px;color:#666666;line-height:30px;padding:5%;box-sizing:border-box;background:#ffffff;left: 0;top: 0;width:50%;float:left;overflow:hidden;}
.customer li .left .t0{font-size:3.6rem;color:#6b7ca2;line-height:40px;height:40px;overflow:hidden;margin-bottom:45px}
.customer li .left p{font-size: 1.6rem;color: #666666;line-height: 30px;margin-top: 3rem;}
.customer li .right{width:50%;float: right;overflow:hidden;}
.customer li .right img{width:100%;display: block;}
.customer li:nth-child(even) .right{float:left}
.customer li:nth-child(even) .left{right:0 !important;left: unset;}

@media (max-width:990px){
.customer{margin: 2rem 0rem;}
.customer li{margin-top:1rem;clear:both;}
.customer li .left{width:100%;clear:both;position:relative;padding:5% 2%}
.customer li .right{width:100%;clear:both;}
}