body{font-size:10px !Important;}
*{margin:0px;padding:0px;}

.tit{width:100%;height:auto;clear:both;position:relative;overflow:hidden;}
.tit h1 a{font-size:3.6rem;width:100%;text-align:center;color:#000;font-weight:bold;letter-spacing:0px;display:block}
.tit h2 a{font-size:2.4rem;width:100%;text-align:center;color:#000;font-weight:normal;letter-spacing:0px;display:block;line-height:2.4;}
.tit p {width:100%;text-align:center;color:#222;font-size:1.4rem;line-height:2.4;}
.tit ul{width:100%;height:auto;clear:both;text-align:right;}
.tit ul a{color:#000;font-size:1.6rem;display:inline-table;margin:0 10px;padding:10px 15px;transition:all 1s}
.tit ul a:hover{background:#104492;color:#fff;transition:all 1s}

.tit2{width:100%;height:auto;clear:both;position:relative;overflow:hidden;}
.tit2 h1 a{font-size:3.6rem;width:100%;text-align:center;color:#fff;font-weight:bold;letter-spacing:0px;display:block}
.tit2 h2 a{font-size:2.4rem;width:100%;text-align:center;color:#fff;font-weight:normal;letter-spacing:0px;display:block;line-height:2.4;}

.more{display:block;width:170px;height:40px;line-height:40px;color: #fff !important;text-align:center;font-size:14px;margin: 0 auto;background:#104492;transition:all 1s;position:relative;top:0px;}
.more:hover{position:relative;top:-5px;transition:all 1s}
@media (max-width:990px){
.tit{width:100%;}
.tit h1 a{text-align:center;font-size:2.2rem;}
.tit h2 a{text-align:center;font-size:1.8rem;line-height:2.4;}
.tit p{font-size:1.3rem;line-height:1.8;}
.tit ul{text-align:center;margin-top:2rem;}
.tit ul a{background:#d6d5d6;}
.tit2{width:100%;}
.tit2 h1 a{text-align:center;font-size:2.2rem;}
.tit2 h2 a{text-align:center;font-size:1.8rem;line-height:2.4;}



}


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




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

}


/*关于我们-头部 */
.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:44px;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden; background:#fff}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;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(../image/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../image/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){
.col-md-6{display:none !important;}
.col-md-9 {width: 80% !important;float:left;}
.col-md-3 {width: 20% !important;float:left}
.navBar2 .bignav #m1 .sub {width: 400% !important;padding:20% 20% !important;}
}

.col-md-6 .phone {font-size:1.4rem;color:#000000;font-weight:normal;position:relative;top:30px;display:inline-table;line-height: 1;}
.col-md-6 .phone font{font-size:1.8rem;color:#000000;font-weight:bold;display:inline-table}

.container2{width:90%;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{left: 0;top: 0;z-index: 999999;right: 0;height: auto;background: rgba(255,255,255,0.9)}
.thHeadBox{position:relative;left:0;top:0;width:100%;}
@media(max-width:990px){
.th-head{position:relative;background:none; height:45px;}
.thHeadBox{position:relative;background:none}

}



@media(max-width:950px){.enc{}
.k2{display:none !important}
}.k3 .k3a{display:block;background:url(../image/ss.png)no-repeat;width:18px;height:18px;margin-top:9px;outline:none;}
.k4{float:right}
.k4 .yya{background:url(../image/xiala.png) 180px center no-repeat;text-align:center;color:#fff;cursor:pointer;font-size: 14px;}
.k4 .yya2{display:block;text-align:center}
.search{text-align:left;padding:30px;position:relative;height:300px}
.hotSearch{height:30px;line-height:30px;font-weight:normal;margin-top:20px;font-size:14px}
.hotSearch a{display:block;color:#a1a1a1}
#formsearch input{background:#fff;border:1px solid #c8c8c8;outline:none}
#formsearch input#keyword{height:28px;line-height:28px;padding-left:4px;color:#666;width:430px}
#formsearch input#s_btn{width:70px;height:30px;line-height:30px;text-align:center;background-color:#035cac;color:#fff;border:none;cursor:pointer}
.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: right;}
.navBar2 .bignav h3{font-weight:normal;margin:0px}
.navBar2 .bignav .m{display:inline-table;text-align:center;width:10%;position: relative;margin: 0 1%;}
.navBar2 .bignav h3 a{zoom:1;line-height:95px !important;display:block;color:#3d3d3d;font-size:1.6rem; text-transform: capitalize;}

@media (max-width:950px){.navBar2 .bignav h3 a{line-height:100px !important}
.navBar2 .bignav{height:100px !important;background:url(../image/dhln.png)left center no-repeat;margin:0;padding:0}
}

.navBar2 .bignav .on h3 a .caret{border-bottom: 1px solid #104492;border-right: 1px solid #104492;}




@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:-80px;top:95px;float:left;line-height:30px;background: rgba(255,255,255,0.9);height:auto}

.navBar2 .bignav #m1 .sub{z-index:9999;width:420px;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:100%;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(/style/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%}

/*关于我们-头部-搜索 */
.phseach{display:none;}
#toggle-menu{float:left;background-position:0 0;background-color:#e70608}
#toggle-search{float:right;width:35px !important;height:35px;background:url(/style/neimages/search.png) no-repeat center top;border: none;margin-top: 32px;}
#toggle-search.open:after{top:40px}
#toggle-search:after{-moz-transition:top,0.5s;-o-transition:top,0.5s;-webkit-transition:top,0.5s;transition:top,0.5s;position:absolute;top:52px;left:40%;}
#toggle-basket{position:relative;float:right;}
#toggle-basket:before{position:absolute;top:5px;left:0;width:2px;height:40px;content:"";}
#search-form{z-index: 9999;left: -120px;width: 150%;-moz-transition:max-height,0.5s;-o-transition:max-height,0.5s;-webkit-transition:max-height,0.5s;transition:max-height,0.5s;position:absolute;top:80px;max-height:0;overflow:hidden;background-color: #fcfcfc;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.6); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.6); box-shadow: 0px 0px 10px rgba(0,0,0,.6);}
#search-form.open{max-height:40px}
#search-form fieldset{position:relative;margin:0 40px 0 0;padding:0;border:none}
#search-form input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:40px;font-size:1.2rem;}
#search-form input[type="search"]{width:100%;padding:0 5px 0 22px;background:transparent;border:none}
#search-form input[type="submit"]{position:absolute;bottom:0;right:0;width:60px;margin:0;padding:0;font-weight:700;text-transform:uppercase;color:#fff;background:#e70608;border:none;cursor:pointer;font-size:1.4rem;}
#search-form input[type="submit"] { position: absolute; bottom: 0;  right: 0; width: 60px;    margin: 0;    padding: 0;    font-weight: 700;    text-transform: uppercase;    color: #fff;    background: #e70608;    border: none;
    cursor: pointer; font-size: 1.4rem;}

/*关于我们-banner*/
.neibanner{width:100%;height:auot;overflow:hidden;position:relative; z-index: -9;}
.neibanner .img{width:100%;height:100%;}
.neibanner .text{position:absolute;top:35%;left: 10%;}
.neibanner .text h1{font-size:5rem;color:#fff;letter-spacing:1px; text-transform:uppercase;}
.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; height:20vh;}
.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;}
.neibanner .text{left:5%;}

}
@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;}
.neibanner .text{left:5%;}
}
@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; text-transform:uppercase;}
.neibanner .text h2{font-size:2rem;}
.neibanner .text{left:5%;}
}
@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;}
.neibanner .text{left:5%;}
}
@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;}
.neibanner .text{left:5%;}
}
@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;}
.neibanner .text{left:5%;}
}



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


.con1 {width: 100%; height: auto;paddding: 20px 0px;clear: both;padding-top: 5rem;z-index: 888;  position:absolute;left: 0%; bottom: 0%;}

.mul{width:100%;height:auto;float:right;text-align: right;text-align:center;border-bottom: solid #000 1px;padding: 1rem 0rem;background: #fcfcfc;}
.mul li{min-width: 130px;padding: 10px;display: inline-flex;background: #f2f2f2f2;margin: 1%;}
.mul li a{font-size:1.5rem;color:#fff;text-align: center;display: block;width: 100%;color:#000;}
.mul li:hover{background: #cc312f;}
.mul li:hover a{color:#fff;}
.mul li.active{background: #cc312f;}
.mul li.active a{color:#fff;}
@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}



}


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

.col-md-3 { width: 20%;}
.col-md-2 {display:none;}
.col-md-9 {width: 75%;}
}


/*关于我们-公司简介*/
.con2{width:100%;height:auto;clear:both;margin:4rem 0rem;float:left;}

.con2 .right{width:100%;height:auto;padding: 3% 3%;overflow:hidden;}
.con2 .right .atext{height:auto;width:100%;}
.con2 .right .atext img{ max-width:100%; height:auto !important}
.con2 .right p{width:100%;margin:0 auto;line-height:2.6;color:#222;font-size:1.4rem;text-align:left;}
.con2 .right a{font-size:1.4rem;}
.con2 .right h1,h2,h2,h4,h5,span,font{color:#222;font-size:1.4rem;}
@media (max-width:468px){
.con2{width:100%;height:auto;clear:both;padding:4rem 0rem 0rem 0rem; padding:0;}
.con2 .left{width:100%;}
.con2 .right{width:100%;position:static;padding-top:5vh;}
.con2 .right p{width:100%;}

.con1{ display:none;}


}
@media (min-width:469px) and (max-width:768px){
.con2{width:100%;height:auto;clear:both;padding:4rem 0rem 0rem 0rem;}
.con2 .left{width:100%;}
.con2 .right{width:100%;position:static;padding-top:5vh;}
.con2 .right p{width:100%;}
}
@media (min-width:769px) and (max-width:990px){

.con2 .left{width:100%;}
.con2 .right{width:100%;position:static;padding-top:5vh;}
.con2 .right p{width:100%;}
}


















/*关于我们*/
.about{width:100%;height:auto;clear:both;position:relative;overflow:hidden;background:url(../image/about.jpg) no-repeat center top;background-size:cover;padding: 7rem 0rem;background-attachment:fixed}
.about .atit{width:100%;height:auto;clear:both;position:relative;overflow:hidden;}
.about .atit h1{width:100%;color:#fff;font-size:5rem;font-weight:normal;}
.about .atit h2{width:100%;color:#fff;font-size:1.8rem;font-weight:normal;line-height:2.2}
.about .atit p{width:100%;color:#fff;font-size:1.4rem;font-weight:normal;margin-top:2rem;line-height:2}

.about .product-num-box{width:100%;height:auto}
.about .product-num-content{width: 100%;height: auto;margin:0 auto;text-align:center;font-size:0}
.about .product-num-title{padding-top:110px;margin-bottom:30px;font-size:42px;color:#fff;line-height:45px;}
.about .product-num-text{font-size:16px;color:#fff;line-height:28px}
.about .product-num-head{margin-top:80px;font-size:0}
.about .product-num-item{float:left;padding: 50px 0px;text-align:center;position:relative;width:25%;background:#fff;}
.about .product-num-jus{display:inline-block;margin:80px 0;width:162px;height:56px;font-size:22px;color:#104492;background:#fff;line-height:48px;letter-spacing:2px;cursor:pointer;font-weight:500;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none}
.about .product-num-nub{display:inline-block;width:55%;font-size: 3.6rem;color:#104492;line-height:62px;text-align: right;}
.about .product-num-add{font-size:24px;color:#104492;width:45%;align-self: center;text-align:left;display:inline-block;}
.about .product-num-inf{margin-top:24px;font-size:1.4rem;color:#000000;line-height:0;display:inline-block;width:100%;}
.about .product-num-jus:hover{background-color:#fff;color:#3e88f1}
.about .product-num-wan{position:absolute;right:55px;top:0px}

.about .product-num-item:nth-child(3),.about .product-num-item:nth-child(4){background:#23527c}
.about .product-num-item:nth-child(3) .product-num-nub{color:#fff;}
.about .product-num-item:nth-child(3) .product-num-add{color:#fff;}
.about .product-num-item:nth-child(3) .product-num-inf{color:#fff;}
.about .product-num-item:nth-child(4) .product-num-nub{color:#fff;}
.about .product-num-item:nth-child(4) .product-num-add{color:#fff;}
.about .product-num-item:nth-child(4) .product-num-inf{color:#fff;}


@media(max-width:990px){
.about{padding: 3rem 0rem;}
.about .atit h1{font-size:2.4rem;}
.about .atit h2{font-size:1.6rem;2}
.about .atit p{font-size:1.3rem;}
.about .product-num-head{margin-top:3rem}

.about .product-num-item{width:50%;}
.about .product-num-inf{margin-top:1rem;}
.about .product-num-nub{font-size: 2.6rem;}
.about .product-num-add{font-size:1.6rem;}
.about .product-num-inf{font-size:1.4rem;}

.about .product-num-item:nth-child(2){background:#23527c}
.about .product-num-item:nth-child(2) .product-num-nub{color:#fff;}
.about .product-num-item:nth-child(2) .product-num-add{color:#fff;}
.about .product-num-item:nth-child(2) .product-num-inf{color:#fff;}
.about .product-num-item:nth-child(4){background:#fff}
.about .product-num-item:nth-child(4) .product-num-nub{color:#104492;}
.about .product-num-item:nth-child(4) .product-num-add{color:#104492;}
.about .product-num-item:nth-child(4) .product-num-inf{color:#000;}

}





/*荣誉开始*/

.ab_honor{width:100%;height:auto;padding:5rem 0rem;clear:both;position:relative;overflow:hidden;background:#fff}
.ab_honor .mm{padding:7rem 0rem 0rem 0rem;}
.ab_honor .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.ab_honor .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.ab_honor .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.ab_honor .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.ab_honor .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;}
.ab_honor .owl-carousel .owl-item{float: left;}
.ab_honor .owl-controls .owl-page,
.ab_honor .owl-controls .owl-buttons div{cursor: pointer;}

.grabbing{cursor:url(/style/images/grabbing.png) 8 8, move;}


.ab_honor .owl-carousel .owl-wrapper,
.ab_honor .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);}
#owl-demo3 .item{margin:0.5rem;overflow: hidden;}
#owl-demo3 .item .img img{display: block;	width: 100%;height:300px; object-fit: contain}
#owl-demo3 .item .img{display:block;width:100%;height:auto;overflow:hidden;position: relative;}
#owl-demo3 .item .text{width:100%;height:auto;padding: 10% 5% 10% 5%;position:relative;transition:all 1s}
#owl-demo3 .item .mc{width:100%;height:0%;transition:all 1s}
#owl-demo3 .item:hover .mc{background:url(../image/pbei.png) no-repeat center center;width:100%;height:100%;position:absolute;left:0px;top:0px;transition:all 1s}
#owl-demo3 .item .text h1{display:block;width:100%;height:auto;transition:all 1s}
#owl-demo3 .item .text h1 a{ display: block; width: 100%; height: auto; font-size: 1.8rem; color: #000000;  text-align: center; transition: all 1s; font-weight: normal;}

#owl-demo3 .item .text .more2{width:80px;display:block;height:30px;border-radius:20px;border:solid #333 1px;color:#333;text-align:center;line-height:30px;clear:both;margin-top:3rem;margin: 0 auto;transition:all 1s}
#owl-demo3 .item .text p{width:100%;clear:both;padding-top:1rem;transition:all 1s;text-align: center;color:#000;font-size:1.4rem;font-weight: bold;}
#owl-demo3 .item .text h2{position:absolute;right: 2rem;bottom: -10rem;color:#5a6eb1;font-size:10rem;transition:all 1s}

#owl-demo3 .item:hover .text .more2{border:solid #fff 1px;color:#fff;transition:all 1s}
#owl-demo3 .item:hover .text h1 a{color:#104492;transition:all 1s}
#owl-demo3 .item:hover .text p{color:#104492;transition:all 1s}
#owl-demo3 .item:hover .text h2{position:absolute;right: 2rem;bottom: -2rem;color:#5a6eb1;font-size:10rem;transition:all 1s}



.ab_honor .owl-theme .owl-controls{margin-top: 2rem;text-align: center;}
.ab_honor .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 0px;width:75px;height:35px;}

.ab_honor .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../image/pl.png) no-repeat center top;}
.ab_honor .owl-theme .owl-controls .owl-buttons .owl-next{background:url(../image/pr.png) no-repeat center top;}
.ab_honor .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.ab_honor .owl-theme .owl-controls .owl-page{display: none;}
.ab_honor .owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.ab_honor .owl-theme .owl-controls .owl-page.active span,
.ab_honor .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.ab_honor .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;}
.owl-item.loading{min-height: 150px;background: url(/style/images/AjaxLoader.gif) no-repeat center center}





@media(max-width:990px){
.ab_honor .mm { padding: 2rem 0rem 0rem 0rem;}
#owl-demo3 .item .text {padding: 5% 5% 5% 5%;}
.ab_honor .owl-theme .owl-controls {margin-top: 0rem;}
#owl-demo3 .item{margin:0% 5%;}
}




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








/*企业文化开始*/

.ab_clture{width:100%;height:auto;padding:5rem 0rem;clear:both;position:relative;overflow:hidden;background: #f1f1f1;float:left;}
.ab_clture .mm{margin-top:5rem;}
.ab_clture .left{width:50%;float:left;background: #fff; overflow: hidden;padding:2.5%;height:60vh;overflow-y:scroll}
.ab_clture .left p{width:100%;height:auto;color:#000;font-size:1.4rem;line-height:1.6;margin-top:5px;}
.ab_clture .left strong{font-size:1.7rem;letter-spacing:1px;line-height:2;}
.ab_clture .right{width:50%;float:left;}
.ab_clture .right img{width:100%;height:60vh;}





@media only screen and (max-width:468px){
.ab_clture .left{width:100%;height:auto;padding:5%;}
.ab_clture .right{width:100%;height:auto;}
.ab_clture .right img{width:100%;height:auto;}
.ab_clture .mm{margin-top:2rem;}
}

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

.ab_clture .left{width:100%;height:auto;padding:5%;}
.ab_clture .right{width:100%;height:auto;}
.ab_clture .right img{width:100%;height:auto;}
.ab_clture .mm{margin-top:2rem;}
}












/*关于我们*/
.about-p2{width:100%;margin:0 auto;background:#f1f1f1;padding-top:40px;padding-bottom:40px}
.about-p2 .about-p2-img{padding:20px;position:relative;margin-bottom:20px}
.about-p2 .about-p2-img img{width:100%;float:left}
.about-p2 .about-p2-img div{float:left;width:90%;height:230px;margin-left:5%;margin-top:-60px;background:#fff;padding:30px;position:relative}
.about-p2 .about-p2-img div p{font-size:20px;line-height:40px}
.about-p2 .about-p2-img div h4{position:absolute;bottom:10px;font-size:18px;font-weight:700;line-height:36px;display:block;border-top:2px solid #eccc68}


.about-page-title,.about-p2 .about-page-title{text-align:center;padding: 5rem 0rem;}
.about-page-title h2,.about-p2 .about-page-title h2{font-size:40px;line-height:60px;letter-spacing:10px}
.about-page-title p,.about-p2 .about-page-title p{font-size:18px;color:#747d8c}
.about-page-title span,.about-p2 .about-page-title span{display:block;height:2px;width:40px;background-color:#cd1717;margin:0 auto}


.about-page .about-p1 div{}
.about-page .about-p1 div p{font-size:16px;line-height:32px}
.about-p2{width:100%;margin:0 auto;background:#f1f1f1;padding-top:40px;padding-bottom:40px}
.about-p2 .about-p2-img{padding:20px;position:relative;margin-bottom:20px}
.about-p2 .about-p2-img img{width:100%;float:left}
.about-p2 .about-p2-img div{float:left;width:90%;height:230px;margin-left:5%;margin-top:-60px;background:#fff;padding:30px;position:relative}
.about-p2 .about-p2-img div p{font-size:20px;line-height:40px}
.about-p2 .about-p2-img div h4{position:absolute;bottom:10px;font-size:18px;font-weight:700;line-height:36px;display:block;border-top:2px solid #cd1717}





.m-prof {width:100%;margin:0 auto;   padding: 5rem 0rem 7rem 0rem;}
.m-prof .con{padding-bottom:0px;overflow:hidden}
.m-prof .pic{float:left;width:45%}
.m-prof .pic a{display:block;position:relative;height:auto;width:100%;}
.m-prof .pic img{width:100%;height:auto !important}
.m-prof .desc{text-align:center;z-index:5;position:relative;height:0;float:right;width:55%}
.m-prof .desc .txt{padding:20px 37px 20px 60px;text-align:justify;line-height: 2;font-size: 16px;color:#333;background-color:#fff;}
.m-prof .desc .txt p{margin-top:1rem;}



@media only screen and (max-width:468px){
.m-prof .pic{width:100%}
.m-prof .desc{width:100%;height:auto;}
.m-prof .desc .txt { padding: 5%;font-size:14px;}

.about-page-title h2,.about-p2 .about-page-title h2{font-size:20px;line-height:30px;letter-spacing:10px}
.about-page-title p,.about-p2 .about-page-title p{font-size:12px;color:#747d8c}
.about-page-title, .about-p2 .about-page-title {padding: 0rem 0rem;}
.m-prof {padding: 2rem 0rem 2rem 0rem;}
.about-p2 .about-p2-img div p {font-size: 16px;}
}

@media (min-width:469px) and (max-width:768px){
.m-prof .pic{width:100%}
.m-prof .desc{width:100%;height:auto;}
.m-prof .desc .txt { padding: 5%;font-size:14px;}
.about-page-title h2,.about-p2 .about-page-title h2{font-size:20px;line-height:30px;letter-spacing:10px}
.about-page-title p,.about-p2 .about-page-title p{font-size:12px;color:#747d8c}
.about-page-title, .about-p2 .about-page-title {padding: 0rem 0rem;}
.m-prof {padding: 2rem 0rem 2rem 0rem;}
.about-p2 .about-p2-img div p {font-size: 16px;}

}


@media (min-width:769px) and (max-width:990px){
.m-prof .pic{width:100%}
.m-prof .desc{width:100%;height:auto;}
.m-prof .desc .txt { padding: 5%;}

.about-page-title h2,.about-p2 .about-page-title h2{font-size:30px;line-height:40px;letter-spacing:10px}
.about-page-title p,.about-p2 .about-page-title p{font-size:14px;color:#747d8c}
.about-page-title, .about-p2 .about-page-title {padding: 1rem 0rem;}

}





@media (min-width:990px) and (max-width:1080px){
.m-prof .pic{width:50%}
.m-prof .desc{width:50%;height:auto;}
}




/*底部*/
/*联系我们*/
.contact{float: left;width:100%;height:auto;clear:both;background:url(../image/foot.jpg) no-repeat #eef0f2 center bottom;background-size:cover;padding:30px 0px 0px 0px}
.cont2{width:100%;height:auto;clear:both;position:relative;}
.cont2{width:100%;height:auto;clear:both;position:relative;}
.contact .ft{width:100%;text-align:center;position:absolute;top:-40px;left:0px;}
.cont2_l{width:75%;float:right;margin-top:3rem}
.cont2_r{width:25%;float:left;margin-top:1rem;position:relative;}
.cont2 .cc{width:100%;height:auto;float:left}
.cont2 .cc li{width:18%;float:left;margin-left:1%;margin-right:1%}
.cont2 .cc li .er{max-width:130px;height:auto;float:left;color:#fff;line-height:2.2;font-size:1.5rem;text-align:center}
.cont2 .cc li .er img{max-width:100%;height:auto}
.cont2 .cc li h1{float:left;display:block;width:100%}
.cont2 .cc li h1 a{font-size:1.8rem;color:#b5b2b2;line-height:2;font-weight: bold; text-transform: capitalize;}
.cont2 .cc li p a{float:left;font-size:1.4rem;color:#b5b2b2;line-height:1.6;clear:both;text-transform: capitalize;}
.cont2 .cc li p{float:left;font-size:1.4rem;color:#b5b2b2;line-height:2;clear:both;margin-top:1rem}
.cont2 .ct{width:100%;height:auto;padding-top:5rem;clear:both;float:left}
.cont2 .ct h1{font-size:1.4rem;color:#aeafaf;float:left;padding:5px;margin-right:5px}
.cont2 .ct a{float:left;padding:5px;margin-left:5px;font-size:1.4rem;color:#b5b2b2}

.cont2_r p img{max-width:100%;height:auto;margin:0px 5px;width: auto !important}

.cont2_r .logo{width:100%;height:auto;clear:both;/*border-bottom:solid #b5b2b2 1px;*/margin-bottom: 2rem;}
.cont2_r p {width: 100%;float:left;font-size:1.4rem;color:#b5b2b2;line-height:2;clear:both;margin-top:3px;}
.cont2_r p:nth-child(6),.cont2_r p:nth-child(7){width:50%;float:left;clear: none;}


.foot{float: left;width:100%;height:auto;padding:25px 0px;clear:both;border-top:solid #b5b2b2 1px;margin-top: 3rem;}
.foot .f1{float:left;font-size:1.4rem;color:#fff;margin:0 5px}
.foot .f2{float:left;font-size:1.4rem;color:#fff;margin:0 5px}
.foot .f3{float:right;font-size:1.4rem;color:#fff;margin:0 5px}
.foot .f3 a{font-size:1.4rem;color:#fff}

@media (max-width:768px){
.foot{padding:25px 0px 70px;}
}



@media (max-width:468px){
.cont2_l{display:none;}
.cont2_r {width:100%;}
.cont2_r p:nth-child(6),.cont2_r p:nth-child(7){width:100%;float:left;clear: none;}
.cont2_r p { font-size: 13px;}

}
@media (min-width:469px) and (max-width:768px){
.cont2_l{display:none;}
.cont2_r {width:100%;}
.cont2_r p:nth-child(6),.cont2_r p:nth-child(7){width:100%;float:left;clear: none;}

}
@media (min-width:769px) and (max-width:990px){
.cont2_l{display:none;}
.cont2_r {width:100%;}
.cont2_r p{width:50%;float:left;clear: none;}
}
@media (min-width:991px) and (max-width:1080px){
.cont2_l{width:100%;}
.cont2_r {width:100%;}
.cont2_r p{width:50%;float:left;clear: none;}


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

.cont2_l{width:100%;}
.cont2_r {width:100%;}
.cont2_r p{width:50%;float:left;clear: none;}
}
@media (min-width:1201px) and (max-width:1440px){
.cont2_l{width:100%;}
.cont2_r {width:100%;}
.cont2_r p{width:50%;float:left;clear: none;}

}

@media (min-width:1441px) and (max-width:1680px){
.cont2_l{width:100%;}
.cont2_r {width:100%;}
.cont2_r p{width:33.3333%;float:left;clear: none;}
.cont2_r p:nth-child(6),.cont2_r p:nth-child(7){width:33.3333%;float:left;clear: none;}

}



/*产品列表页-内容*/
.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:#cc312f;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:#cc312f;font-size:1.4rem;line-height:2;font-weight:bold;}
.moreload .more a:hover{color:#cc312f}





/*案例列表页*/
.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: 4rem;background:#fff;}
.caselist li .glightbox2{display:block;width:100%;color:#fff;}
.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;background:#18389d;transition:all 500ms; text-transform:capitalize;}
.caselist li:hover .titc{background:#18389d;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%;height:85%;}
.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:#cc312f;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:90%;margin-left:5%;margin-right:5%;}
.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(../image/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:#cc312f;background:#cc312f}
.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 ul{width:100%;height:auto;clear:both;position:relative;margin-top:2rem;}
.newslist ul li{width:99%;height:auto;margin-left:1%;margin-right:1%;float:left;border:solid #ccc 1px;overflow: hidden;position:relative;margin-top:2rem; padding-bottom:10px}

.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{padding:2% 6%; line-height:22px;}
.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:#000;transition:all 0.3s ease 0s;line-height:3}
.newslist ul li .post-slide .post-content p{color:#333;line-height:2;font-size:1.4rem;text-indent:-3rem;display:inline}

.newslist ul li:hove .post-slider{transition:all 1s ease-in-out 0s;}
.newslist ul li:hover {background:#18389d}
.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: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:1200px){
.newslist ul li{height:30vh;}
}





/*产品内页*/
.product{width:100%;height:auto;clear:both;position:relative;background:#fff;padding: 5% 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:#cc312f;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:#c92323;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;}
}




/*新闻内页*/
.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 img{ max-width:100%; height:auto !important}
.news .news_info_mm p{display:block;line-height:2.2;text-align:leftc;color:#333;width:100%;font-size:1.6rem;text-indent: 4rem;}

@media (max-width:468px){


.news .news_info_mm p{ text-indent:0;}

.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;}
}










.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;padding: 2% 0% 5% 0%;float: left;}
.contactlist .contact_tit{width:100%;text-align:left;margin: 1rem 0rem;clear:both;}
.contactlist .contact_tit h1{font-size:2.6rem;color:#000;line-height:3;font-weight:normal;}
.contactlist .contact_tit h2{font-size:1.4rem;color:#777;font-weight:normal;}





.contact-form{border:1px solid #eee;padding:30px;margin-top:50px;overflow:hidden;}
.map-area{margin-top:50px;overflow:hidden;text-align: right;}


input,textarea,select{background:#fff;width:100%;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}
textarea{height:150px;resize:none}
input[type="submit"]{border:none;display:inline-block;background:#18389d;color:#fff;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}








.contactlist .left{width:49%;height:auto;overflow:hidden;float:left;background: rgba(255,255,255,0.8);padding: 4% 2%;}

.contactlist .left p{color:#000;font-size:1.6rem;line-height:2;}
.contactlist .left .ma { overflow: hidden; margin: 4% 0;}
.contactlist .left .ma img{max-width:150px;height:auto;}

.contactlist .right{width:49%;height:auto;overflow:hidden;float:right;background: rgba(255,255,255,0.8);padding: 4% 2%;}
.contactlist .right h1{float:right;width:100%;text-align:right;color:#000;font-size:2.4rem;display:block;}
.contactlist .right ul{clear:both;width:100%;height:auto;}
.contactlist .right ul li{width:48%;margin-left:1%;margin-right:1%;float:left;text-align:center;margin-top:3rem;}
.contactlist .right ul li p{display:inline-table;color:#595959;font-size:1.6rem;clear:both;width: 100%;}

.contactlist .right ul li .img{ display:block;width:45px;height:45px;margin:0 auto; overflow:hidden;}
.contactlist .right ul li .img img{ display:block; width:45px;height:45px;margin:0 auto; position:relative; filter: drop-shadow(45px 0 #cc312f); -webkit-filter: drop-shadow(45px 0 #cc312f);transition:all 1s}
.contactlist .right ul li:hover .img img{transform: translate(-45px, 0);-webkit-transform: translate(-45px, 0);-ms-transform: translate(-45px, 0);-o-transform: translate(-45px, 0);transition:all 1s}
.contactlist .right ul li .ctitle{float:left;color: #444;font-size: 1.6rem;line-height: 30px;margin-top:3rem;}
.contactlist .right ul li .ctitle2{float:left;color: #444;font-size: 1.6rem;line-height: 30px;text-align: left;padding: 5%;}
.contactlist .right ul li font{float:left;width:50%;}
.contactlist .right ul li font img{width:130px;height:130px;}
.contactlist .right ul li:last-child{width:100%;}


@media (max-width:468px){
.contactlist .left{width:100%;margin:0 auto;float: none;margin-top:5rem;}
.contactlist .right{width:100%;margin:0 auto;float: none;margin-top:5rem;}
.contactlist .right ul li .img{width:30px;height:30px;}
.contactlist .right ul li .img img{  width:30px;height:30px;filter: drop-shadow(30px 0 #cc312f); -webkit-filter: drop-shadow(30px 0 #cc312f);}
.contactlist .right ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.contactlist .right ul li p{font-size:1.4rem;}
.contactlist .right h1{background:#cc312f;color:#fff;padding:2rem;}
.contactlist .right ul li:last-child{width:100%;}
.contactlist .right ul li .ctitle2{font-size: 1.4rem;}
}

@media (min-width:469px) and (max-width:768px){
.contactlist .left{width:100%;margin:0 auto;float: none;margin-top:5rem;}
.contactlist .right{width:100%;margin:0 auto;float: none;margin-top:5rem;}
.contactlist .right ul li .img{width:30px;height:30px;}
.contactlist .right ul li .img img{  width:30px;height:30px;filter: drop-shadow(30px 0 #cc312f); -webkit-filter: drop-shadow(30px 0 #cc312f);}
.contactlist .right ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.contactlist .right ul li p{font-size:1.4rem;}
.contactlist .right h1{background:#cc312f;color:#fff;padding:2rem;}
.contactlist .right ul li:last-child{width:100%;}
.contactlist .right ul li .ctitle2{font-size: 1.4rem;}
}
@media (min-width:769px) and (max-width:990px){
.contactlist .left{width:100%;margin:0 auto;float: none;margin-top:5rem;}
.contactlist .right{width:100%;margin:0 auto;float: none;margin-top:5rem;}
.contactlist .right ul li .img{width:30px;height:30px;}
.contactlist .right ul li .img img{  width:30px;height:30px;filter: drop-shadow(30px 0 #cc312f); -webkit-filter: drop-shadow(30px 0 #cc312f);}
.contactlist .right ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.contactlist .right ul li p{font-size:1.4rem;}
.contactlist .right h1{background:#cc312f;color:#fff;padding:2rem;}
.contactlist .right ul li:last-child{width:100%;}
.contactlist .right ul li .ctitle2{font-size: 1.4rem;}
}

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

.contactlist .right ul li .img{width:30px;height:30px;}
.contactlist .right ul li .img img{  width:30px;height:30px;filter: drop-shadow(30px 0 #cc312f); -webkit-filter: drop-shadow(30px 0 #cc312f);}
.contactlist .right ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.contactlist .right ul li p{font-size:1.4rem;}
.contactlist .right ul li:last-child{width:100%;}
.contactlist .right ul li .ctitle2{font-size: 1.4rem;}
}

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

.contactlist .right ul li .img{width:30px;height:30px;}
.contactlist .right ul li .img img{  width:30px;height:30px;filter: drop-shadow(30px 0 #cc312f); -webkit-filter: drop-shadow(30px 0 #cc312f);}
.contactlist .right ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.contactlist .right ul li p{font-size:1.4rem;}
.contactlist .right ul li:last-child{width:100%;}
.contactlist .right ul li .ctitle2{font-size: 1.4rem;}
}





/*内页_分隔条*/
.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:#cc312f;line-height:40px;border-bottom:3px solid #cc312f;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:#cc312f}

/*内页_上下页*/
.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:#cc312f}
@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:#f67524;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(../image/right_pic5.png)}
.side ul li i.bgs2{background-image:url(/style/images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../image/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../image/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../image/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../image/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../image/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(/style/images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../image/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../image/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(/style/images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../image/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:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{color:#fff;display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.si
.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:#cc312f;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:#cc312f;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:#f67524;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 .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../image/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:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{color:#fff;display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}

.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;}

}


#allmap { width: 100%;min-height: 60vh;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;
}
.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden; margin:20px auto;display: table;}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}
.ab_pages ul a.page-num-current{ background:#ddd; }
.ab_pages ul a:hover{ background:#ddd}
.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}





/* 2产品展示 */
#List{ width: 100%; float: left;}
#List .prodList{ width: 100%; float: left;padding-bottom: 100px;}
#List .prodList .left{ width: 22.774%; float: left;}
#List .prodList .left .djbt{ display: none;}
#List .prodList .left .l1 .tit{ padding-left: 60px; font-size: 16px; line-height: 60px; cursor: pointer; color: #333; position: relative; background: #f0f0f0; text-transform: capitalize; padding-right: 60px;}
#List .prodList .left .l1.on .tit,#List .prodList .left .l1:hover .tit{ background: #104492; color: #fff;}
#List .prodList .left .l1 .tit::before{ content: ""; position: absolute; top: 24px; left: 35px; width: 9px; height: 12px; background: url(../image/3118_prod1.png) no-repeat center; background-size: cover;}
#List .prodList .left .l1 .tit::after{ content: ""; position: absolute; top: 22px; right: 30px; width: 15px; height: 15px; background: url(../image/3118_prod2.png) no-repeat center; background-size: cover; }

#List .prodList .left .l1 .tit .ico{ width: 100%; height: 100%; border-bottom: 1px dotted #c2c2c2;}
#List .prodList .left .l1:last-child .tit .ico{ display: none;}
#List .prodList .left .l1.on .tit::before,#List .prodList .left .l1:hover .tit::before{ background: url(../image/3118_prod1_1.png) no-repeat center; background-size: cover;}
#List .prodList .left .l1.on .tit::after,#List .prodList .left .l1:hover .tit::after{ background: url(../image/3118_prod2_1.png) no-repeat center; background-size: cover;}
#List .prodList .left .l1.on .tit .ico,#List .prodList .left .l1:hover .tit .ico{ display: none;}
#List .prodList .left .l1 .box{ display: none;}
#List .prodList .left .l1.on .box{ display: block;}
#List .prodList .left .l1 .box .u2{ padding-left: 35px; border: 1px solid #f0f0f0;}
#List .prodList .left .l1 .box .l2{ padding: 12px 5px 12px 25px; font-size: 14px; line-height: 20px; border-left: 1px solid #f0f0f0; border-bottom: 1px dotted #f0f0f0;}
#List .prodList .left .l1 .box .l2:last-child{ border-bottom: 0;}
#List .prodList .left .l1 .box .l2 a{ color: #333;}
#List .prodList .left .l1 .box .l2 a:hover,
#List .prodList .left .l1 .box .l2.on a{ color: #104492;}
#List .prodList .right{ width: 74.818%; float: right;}
#List .prodList .right .u1{ width: 102%; margin: -15px -1%; overflow: hidden;}
#List .prodList .right .l1{ width: 31.3%; margin: 15px 1%; padding: 6px; background: #f0f0f0; float: left;}
#List .prodList .right .l1 .img{ line-height: 0; position: relative;}
#List .prodList .right .l1 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url(../image/3118_prod9.png) no-repeat center; background-color: #b6b6b6;}
#List .prodList .right .l1 .tit{ font-size: 18px; line-height: 20px; margin: 40px 0 15px 0; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#List .prodList .right .l1:hover{ background: #818086;}
#List .prodList .right .l1:hover .ico{ background-color: #104492;}
#List .prodList .right .l1:hover .tit{ color: #fff;}
#List .prodList .wack1{ margin-top: 65px; float: left; width: 100%; text-align: center;}
#List .prodList .pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
#List .prodList .pz_fy a { float: left; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; border: 1px solid #e1e1e1; color:#333; font-size: 14px; font-family: Arial; margin: 0 8px;}
#List .prodList .pz_fy a:hover,
#List .prodList .pz_fy a.on{ background-color: #104492; color: #fff;}
#List .prodList .pz_fy .l2{ width: 100px; height: 30px; border-radius: 15px; background: url(../image/3118_page1.png) no-repeat center; background-size: cover;}
#List .prodList .pz_fy .l2:hover,#List .prodList .pz_fy .l2.on{ background: url(../image/3118_page1_1.png) no-repeat center; background-color: #104492; background-size: cover;}
#List .prodList .pz_fy .r2{ width: 100px; height: 30px; border-radius: 15px; background: url(../image/3118_page2.png) no-repeat center; background-size: cover;}
#List .prodList .pz_fy .r2:hover,#List .prodList .pz_fy .r2.on{ background: url(../image/3118_page2_1.png) no-repeat center; background-color: #104492; background-size: cover;}

@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#List .prodList .left{ width: 100%;}
#List .prodList .left .djbt{ display: block; padding-left: 30px; margin-bottom: 2px; font-size: 16px; height: 40px; line-height: 40px; position: relative; color: #fff; background: #104492;}
#List .prodList .left .djbt::after{ content: ""; display: block; position: absolute; right: 20px; top: 15px; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#List .prodList .left .djbt.on::after{ top: 12px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);    
}

#List .prodList .left .djbt.protit::after{display:none;}
#List .prodList .left .djbt .point{position:absolute; right:10px; top:9px;width:24px;height:19px;}
#List .prodList .left .djbt .point:hover .navbtn,
#List .prodList .left .djbt .point:hover .navbtn:after,
#List .prodList .left .djbt .point:hover .navbtn:before{width:24px;}
#List .prodList .left .djbt .navbtn{top:10px;}
#List .prodList .left .djbt .navbtn,
#List .prodList .left .djbt .navbtn:after,
#List .prodList .left .djbt .navbtn:before{position:absolute;right:0;display:inline-block;width:24px;height:2px;background:#fff;transition:all .3s ease-out 0s;}
#List .prodList .left .djbt .navbtn:after,
#List .prodList .left .djbt .navbtn:before{content:'';}
#List .prodList .left .djbt .navbtn:after{top:-7px;}
#List .prodList .left .djbt .navbtn:before{top:7px;}

#List .prodList .left .djbt.on .point .navbtn{background:0 0;}
#List .prodList .left .djbt.on .point .navbtn:after{top:0;transform:rotate(45deg);}
#List .prodList .left .djbt.on .point .navbtn:before{top:0;transform:rotate(-45deg);}


#List .prodList .left .u1{ display: none;}
#List .prodList .left .l1 .tit{ font-size: 14px; line-height: 40px;}
#List .prodList .left .l1 .tit::before{ top: 14px; left: 35px;}
#List .prodList .left .l1 .tit::after{ top: 12px; right: 30px;}
#List .prodList .left .l1 .box .l2{ font-size: 12px; line-height: 16px;}
#List .prodList .right{ width: 100%; margin-top: 15px;}
#List .prodList .right .u1{ margin: -8px -1%;}
#List .prodList .right .l1{ margin: 8px 1%; padding: 3px;}
#List .prodList .right .l1 .ico{ bottom: -12px; margin-left: -12px; width: 24px; height: 24px;}
#List .prodList .right .l1 .tit{ font-size: 14px; line-height: 16px; margin: 18px 0 8px 0;}
#List .prodList .wack1{ margin-top: 15px;}
#List .prodList .fy_pc{ text-align: center; font-size: 14px; color:#333; padding: 5px 0;}
#List .prodList .fy_pc a{ padding: 5px 25px; background: #104492; color: #fff; border-radius: 16px; overflow: hidden;}
#List .prodList .fy_pc span{ padding: 5px 20px; color: #333;}
}
@media screen and  (max-width:767px){
#List .prodList .right .l1{ width: 48%;}
}
/* 3产品展示-详情页 */
#Subpage{ width: 100%; float: left;}
#Subpage .prodCon{ width: 100%; float: left;}
#Subpage .prodCon .left{ width: 100%; float: left;}
#Subpage .prodCon .left .prodTop{ float: left; width: 100%;}
#Subpage .prodCon .left .prodTop .zc{ width: 40%; float: left;}
#Subpage .prodCon .left .prodTop .zc .home_res11{ width: 92%; float: left; line-height: 0; border: 1px solid #f0f0f0;}
#Subpage .prodCon .left .prodTop .zc .home_res12{ width: 22.108%; float: right; position: relative;}
#Subpage .prodCon .left .prodTop .zc .home_res12 .imgk{ margin: 2px 0; line-height: 0; border: 1px solid #f0f0f0;}
#Subpage .prodCon .left .prodTop .zc .home_res12 .imgk:hover{ border: 1px solid #104492;}
#Subpage .prodCon .left .prodTop .zc .slick-prev,#Subpage .prodCon .left .prodTop .zc .slick-next{ width: 48px; height: 22px; position: absolute; top: auto; left: auto; bottom: -26px;}
#Subpage .prodCon .left .prodTop .zc .slick-prev{ left: 0; background: url(../image/3119_prodcon5.png) no-repeat center; background-color: #dfdfdf; background-size: cover;}
#Subpage .prodCon .left .prodTop .zc .slick-prev:hover{ background: url(../image/3119_prodcon5_1.png) no-repeat center; background-color: #104492; background-size: cover;}
#Subpage .prodCon .left .prodTop .zc .slick-next{ right: 0; background: url(../image/3119_prodcon6.png) no-repeat center; background-color: #dfdfdf; background-size: cover;}
#Subpage .prodCon .left .prodTop .zc .slick-next:hover{ background: url(../image/3119_prodcon6_1.png) no-repeat center; background-color: #104492; background-size: cover;}
#Subpage .prodCon .left .prodTop .yc{ width:60%; float: right;}
#Subpage .prodCon .left .prodTop .yc .tit{ border-bottom: 1px solid #e5e5e5;}
#Subpage .prodCon .left .prodTop .yc .tit .t1{ display: inline-block; font-size: 24px; line-height: 26px; padding-bottom: 30px; color: #104492; position: relative;}
#Subpage .prodCon .left .prodTop .yc .tit .t1::after{ content: ""; width: 100%; height: 3px; background: #104492; position: absolute; bottom: -2px; left: 0;}
#Subpage .prodCon .left .prodTop .yc .info{ margin-top: 30px; font-size: 14px; line-height: 28px; text-align: justify; color: #333;}
#Subpage .prodCon .left .prodTop .yc .info .col{ font-size: 16px; font-weight: bold; color: #104492;}
#Subpage .prodCon .left .prodTab{ margin-top: 55px; float: left; width: 100%;}
#Subpage .prodCon .left .prodTab .u1{ float: left; width: 100%; border-bottom: 1px solid #f0f0f0;}


@media screen and  (min-width:991px){
#Subpage .prodCon .left .prodTab .u1.fixd{position:fixed; width:719px; top:0; bottom:auto; right:50%; margin-right:-245.5px; z-index:99; background:#fff; }
#Subpage .prodCon .left .prodTab .u1.abso{position:absolute; top:auto; bottom:0;}
}

@media screen and  (min-width:1199px){
#Subpage .prodCon .left .prodTab .u1.fixd{ width:875px;  margin-right:-440.5px;}

}
@media screen and  (min-width:1400px){
#Subpage .prodCon .left .prodTab .u1.fixd{ width:1025px;  margin-right:-340.5px;}

}


.h226{ height: 300px; object-fit: contain;}




#Subpage .prodCon .left .prodTab .l1{ float: left; font-size: 18px; padding: 0 30px; margin-right: 2px; height: 44px; line-height: 44px; background: #f0f0f0;}
#Subpage .prodCon .left .prodTab .l1 a{ color: #333;}
#Subpage .prodCon .left .prodTab .l1.on,#Subpage .prodCon .left .prodTab .l1:hover{ background: #fff; border-top: 2px solid #104492; position: relative;}
#Subpage .prodCon .left .prodTab .l1.on::after,#Subpage .prodCon .left .prodTab .l1:hover::after{ content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; bottom: -1px; left: 0;}
#Subpage .prodCon .left .prodTab .l1.on a,#Subpage .prodCon .left .prodTab .l1:hover a{ color: #104492;}
#Subpage .prodCon .left .prodTab .u2{ float: left; width: 100%;}
#Subpage .prodCon .left .prodTab .l2{ position: relative; padding: 50px 0 50px 0px; border-bottom: 1px solid #e5e5e5;}
#Subpage .prodCon .left .prodTab .l2:last-child{ border-bottom: 0;}
#Subpage .prodCon .left .prodTab .t1{ font-size: 18px; width: 130px; color: #104492; position: absolute; left: 0; top: 50px;}
#Subpage .prodCon .left .prodTab .info{ font-size: 14px; line-height: 28px; text-align: justify; color: #333;}
#Subpage .prodCon .left .prodTab .table1{ width: 100%;}
#Subpage .prodCon .left .prodTab .table1 td{ font-size: 14px; line-height: 20px; padding: 12px 10px 12px 40px; color: #333; border: 1px solid #e5e5e5;}
#Subpage .prodCon .left .prodTab .table1 .td1{ width: 32%; font-weight: bold;}
#Subpage .prodCon .left .link{ font-size: 14px; font-weight: bold; color: #104492;}
#Subpage .prodCon .left .link:hover{ text-decoration: underline;}
#Subpage .prodCon .left .sx_fy{ float: left; width: 100%; padding-top: 7.82%; margin-top: 25px; position: relative; background: url(/template/theme/CN/3119_prodcon8.png) center top no-repeat;}
#Subpage .prodCon .left .sx_fy a{ float: left; width:50%; color:#666; font-size:14px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-transform:uppercase;}
#Subpage .prodCon .left .sx_fy a span{ font-weight:bold; color:#333;}
#Subpage .prodCon .left .sx_fy a.l_fy{ padding-right:10px;}
#Subpage .prodCon .left .sx_fy a.r_fy{ float:right; text-align:right; padding-left:10px;}
#Subpage .prodCon .left .sx_fy a:hover{ color:#104492;}
#Subpage .prodCon .left .bd{ margin-top: 60px; float: left; width: 100%;}
#Subpage .prodCon .left .bd .form{ width: 100%;}
#Subpage .prodCon .left .bd .form .tit{ width: 100%; font-size: 18px; height: 44px; line-height: 44px; text-align: center; background: #104492; color: #fff;}
#Subpage .prodCon .left .bd .form1{ padding: 18px 45px 50px 45px; background: #fff; width: 100%; overflow: hidden; border: 1px solid #e5e5e5;}
#Subpage .prodCon .left .bd .form .lab{ margin: 7px 0; width: 46%; float: left; position: relative; padding-left: 80px;}
#Subpage .prodCon .left .bd .form .lab:nth-child(2n){ float: right;}
#Subpage .prodCon .left .bd .form .lab1{ margin: 7px 0; width: 100%; float: left; position: relative; padding-left: 80px;}
#Subpage .prodCon .left .bd .form .lab2{ margin: 7px 0; width: 100%; float: left; position: relative; padding-left: 80px; padding-right: 270px;}
#Subpage .prodCon .left .bd .form .lab3{ margin: 50px 0 0 0; width: 100%; float: left;}
#Subpage .prodCon .left .bd .form .name{ width: 80px; font-size: 14px; line-height: 44px; text-align: right; position: absolute; left: 0; top: 0; color: #333;}
#Subpage .prodCon .left .bd .form .fv{ font-size: 14px; color: #333; width: 100%; height: 44px; line-height: 34px; padding: 10px; float: left; background: #f0f0f0;}
#Subpage .prodCon .left .bd .form .fv1{ font-size: 14px; color: #333; width: 100%; height: 140px; line-height: 34px; padding: 10px; border: 0; float: left; background: #f0f0f0;}
#Subpage .prodCon .left .bd .form .fv2{ font-size: 14px; color: #333; width: 100%; height: 44px; line-height: 34px; padding: 10px; float: left; background: #f0f0f0;}
#Subpage .prodCon .left .bd .form .hyz{ width: 270px; position: absolute; right: 0; top: 0;}
#Subpage .prodCon .left .bd .form .hyz .img{ width: 106px; height: 42px; border: 1px solid #f0f0f0; line-height: 0; float: left;}
#Subpage .prodCon .left .bd .form .hyz .img img{ width: 100%; height: 100%;}
#Subpage .prodCon .left .bd .form .hyz .ico{ float: left; margin: 15px 10px 15px 25px; width: 14px; height: 14px; cursor: pointer; background: url(/template/theme/CN/3119_prodcon10.png) no-repeat center; background-size: cover;}
#Subpage .prodCon .left .bd .form .hyz .wz{ font-size: 14px; line-height: 44px; float: left; color: #444;}
#Subpage .prodCon .left .bd .form .hyz .wz:hover{ text-decoration: underline;}
#Subpage .prodCon .left .bd .form .fv3{ width: 190px; height: 44px; line-height: 44px; font-size: 16px; display: block; margin: 0 auto; color: #fff; background: #104492; color: #fff;}
#Subpage .prodCon .right{ width: 22.774%; float: right;}
#Subpage .prodCon .right .bt{ padding-left: 20px; font-size: 18px; height: 44px; line-height: 44px; color: #fff; background: #104492;}
#Subpage .prodCon .right .l1{ width: 100%; margin: 10px 0; padding: 6px; box-shadow: 0 4px 5px #d8d7d7; background: #f0f0f0; float: left;}
#Subpage .prodCon .right .l1 .img{ line-height: 0; position: relative;}
#Subpage .prodCon .right .l1 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url(/template/theme/CN/3119_prodcon12.png) no-repeat center; background-color: #b6b6b6;}
#Subpage .prodCon .right .l1 .tit{ font-size: 18px; line-height: 20px; margin: 40px 0 15px 0; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#Subpage .prodCon .right .l1:hover{ background: #818086;}
#Subpage .prodCon .right .l1:hover .ico{ background-color: #104492;}
#Subpage .prodCon .right .l1:hover .tit{ color: #fff;}
@media screen and  (max-width:1399px){
#Subpage .prodCon .left .prodTop .zc .slick-prev, #Subpage .prodCon .left .prodTop .zc .slick-next{ width: 35px;}
#Subpage .prodCon .left .prodTop .yc .tit .t1{ padding-bottom: 20px;}
#Subpage .prodCon .left .prodTop .yc .info{ margin-top: 15px;}
}
@media screen and  (max-width:1199px){
#Subpage .prodCon .left .prodTop .zc .slick-prev, #Subpage .prodCon .left .prodTop .zc .slick-next{ width: 30px;}
}
@media screen and  (max-width:991px){
#Subpage .prodCon .left{ width: 100%;}
#Subpage .prodCon .left .prodTop .zc .slick-prev,#Subpage .prodCon .left .prodTop .zc .slick-next{ width: 30px; height: 15px; bottom: -15px;}
#Subpage .prodCon .left .prodTop .yc .tit .t1{ font-size: 16px; line-height: 18px; padding-bottom: 10px;}
#Subpage .prodCon .left .prodTop .yc .info{ margin-top: 10px;}
#Subpage .prodCon .left .prodTop .yc .info .col{ font-size: 14px;}
#Subpage .prodCon .left .prodTab{ margin-top: 15px;}
#Subpage .prodCon .left .prodTab .l1{ font-size: 16px; padding: 0 10px; height: 34px; line-height: 34px;}
#Subpage .prodCon .left .prodTab .l2{ padding: 15px 0 15px 0;}
#Subpage .prodCon .left .prodTab .t1{ font-size: 16px; width: 100%; margin-bottom: 10px; position: static;}
#Subpage .prodCon .left .prodTab .info{ line-height: 24px;}
#Subpage .prodCon .left .prodTab .table1 td{ padding: 12px 5px 12px 20px;}
#Subpage .prodCon .left .sx_fy{ margin-top: 15px; padding-top: 10.2%;}
#Subpage .prodCon .left .bd{ margin-top: 15px;}
#Subpage .prodCon .left .bd .form .tit{ font-size: 16px; height: 34px; line-height: 34px;}
#Subpage .prodCon .left .bd .form1{ padding: 10px;}
#Subpage .prodCon .left .bd .form .lab{ margin: 5px 0; width: 48%; padding-left: 60px;}
#Subpage .prodCon .left .bd .form .lab1{ margin: 5px 0; padding-left: 60px;}
#Subpage .prodCon .left .bd .form .lab2{ margin: 5px 0; padding-left: 60px; padding-right: 196px;}
#Subpage .prodCon .left .bd .form .lab3{ margin: 5px 0 0 0;}
#Subpage .prodCon .left .bd .form .name{ width: 60px; font-size: 12px; line-height: 34px;}
#Subpage .prodCon .left .bd .form .fv{ height: 34px; line-height: 24px; padding: 10px;}
#Subpage .prodCon .left .bd .form .fv1{ height: 100px; line-height: 24px; padding: 10px;}
#Subpage .prodCon .left .bd .form .fv2{ height: 34px; line-height: 24px; padding: 10px;}
#Subpage .prodCon .left .bd .form .hyz{ width: 196px;}
#Subpage .prodCon .left .bd .form .hyz .img{ width: 80px; height: 32px;}
#Subpage .prodCon .left .bd .form .hyz .ico{ margin: 12px 5px; width: 10px; height: 10px;}
#Subpage .prodCon .left .bd .form .hyz .wz{ font-size: 12px; line-height: 34px;}
#Subpage .prodCon .left .bd .form .fv3{ width: 190px; height: 34px; line-height: 34px; font-size: 16px;}
#Subpage .prodCon .right{ display: none; width: 100%; margin-top: 0;}
#Subpage .prodCon .right .bt{ padding-left: 10px; font-size: 16px; height: 30px; line-height: 30px;}
#Subpage .prodCon .right .l1{ margin: 8px 0; padding: 3px;}
#Subpage .prodCon .right .l1 .ico{ bottom: -12px; margin-left: -12px; width: 24px; height: 24px;}
#Subpage .prodCon .right .l1 .tit{ font-size: 14px; line-height: 16px; margin: 18px 0 8px 0;}
}
@media screen and  (max-width:767px){
#Subpage .prodCon .left .prodTop .zc{ width: 100%;}
#Subpage .prodCon .left .prodTop .zc .slick-prev,#Subpage .prodCon .left .prodTop .zc .slick-next{ bottom: -18px;}
#Subpage .prodCon .left .prodTop .yc{ width: 100%; margin-top: 15px;}
#Subpage .prodCon .left .prodTab .l1{ font-size: 14px; padding: 0 5px;}
#Subpage .prodCon .left .prodTab .t1{ font-size: 14px;}
#Subpage .prodCon .left .prodTab .info{ font-size: 12px; line-height: 20px;}
#Subpage .prodCon .left .prodTab .table1 td{ padding: 12px 5px 12px 10px;}
#Subpage .prodCon .left .bd .form .lab{ width: 100%;}
#Subpage .prodCon .left .bd .form .lab2{ padding-right: 100px;}
#Subpage .prodCon .left .bd .form .hyz{ width: 100px;}
#Subpage .prodCon .left .bd .form .hyz .wz{ display: none;}
}