@charset "utf-8";
body{font-size:10px !Important;}
*{margin:0px;padding:0px;}
a{text-decoration:none !important;}

ul,li,ol{list-style:none;}
/*面包屑*/

.lic{width:100%;height:auto;background:rgba(0,0,0,0.2);height:50px;float:right;position: absolute;left: 0px;bottom: 0px;}
.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(../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*/

/*banner*/
.neibanner{width:100%;height:auot;overflow:hidden;position:relative;}
.neibanner .img{width:100%;height:100%;}
.neibanner .text{width:100%;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;text-align: center;}
.neibanner .text h1{font-size:10rem;color:rgba(255,255,255,0.3);letter-spacing:1px;position:relative;line-height:1;}
.neibanner .text h1 span{text-align: center;font-size:4.8rem;color:#fff;font-weight:normal;letter-spacing:1px;line-height:2;position: absolute;bottom:-10px;transform: translateX(-50%);left: 50%;display: block;width: 100%;}
.neibanner .text p{color:#fff;line-height:1;font-size:18px;letter-spacing:1px;margin-top:20px;}
.neibanner .cen{width:100%;height:auto;clear:both;overflow:hidden;position:relative;}







@media (max-width:468px){

.neibanner .text h1{font-size:4rem}
.neibanner .text h1 span{font-size:2rem;}
.neibanner .text p{line-height:1;font-size:14px;letter-spacing:1px;margin-top:20px;}

}
@media (min-width:469px) and (max-width:768px){
.neibanner .text h1{font-size:4.6rem}
.neibanner .text h1 span{font-size:2.3rem;}
.neibanner .text p{line-height:1;font-size:14px;letter-spacing:1px;margin-top:20px;}


}
@media (min-width:768px) and (max-width:990px){
.neibanner .text h1{font-size:5.2rem}
.neibanner .text h1 span{font-size:2.6rem;}
.neibanner .text p{line-height:1;font-size:14px;letter-spacing:1px;margin-top:20px;}


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

.neibanner .text h1{font-size:5.8rem}
.neibanner .text h1 span{font-size:2.9rem;}
.neibanner .text p{line-height:1;font-size:14px;letter-spacing:1px;margin-top:20px;}


}
@media (min-width:1081px) and (max-width:1200px){
.neibanner .text h1{font-size:6.6rem}
.neibanner .text h1 span{font-size:3.2rem;}
.neibanner .text p{line-height:1;font-size:16px;letter-spacing:1px;margin-top:20px;}

}
@media (min-width:1201px) and (max-width:1320px){
.neibanner .text h1{font-size:7.2rem}
.neibanner .text h1 span{font-size:3.5rem;}
.neibanner .text p{line-height:1;font-size:16px;letter-spacing:1px;margin-top:20px;}

}
@media (min-width:1321px) and (max-width:1440px){
.neibanner .text h1{font-size:7.8rem}
.neibanner .text h1 span{font-size:3.8rem;}
.neibanner .text p{line-height:1;font-size:16px;letter-spacing:1px;margin-top:20px;}

}
@media (min-width:1441px) and (max-width:1600px){
.neibanner .text h1{font-size:8.6rem}
.neibanner .text h1 span{font-size:4.1rem;}
.neibanner .text p{line-height:1;font-size:16px;letter-spacing:1px;margin-top:20px;}


}



.tit{clear:both;width:100%;height:auto;overflow:hidden;position:relative;padding:5rem 0rem;}
.tit {width:100%;float:left;}
.tit h1{display:block;width:100%;height:auto;clear:both;position:relative;margin: 0px;}
.tit h1 a{display:block;width:100%;height:auto;color:#000;font-size:3rem;font-weight:bold;text-align:center;line-height: 2;}
.tit h2{display:block;width:100%;height:auto;margin: 0px 0px;}
.tit h2 a{display:block;width:100%;height:auto;color:#000;font-size:5rem;font-weight:bold;text-align:center;letter-spacing:1px;position:relative}
.tit p{display:block;width:60%;margin:2rem auto;height:auto;color:rgba(0,0,0,0.6);font-size:1.4rem;font-weight:normal;text-align:center;line-height:2}
.tit h1 a:after{content:"";width:65px;height:2px;background:#0054a6;position:absolute;bottom:0px;left:50%;transform: translateX(-50%);transition:all 0.5s ease 0s}
.tit h1 a:hover:after{width:120px}

.tit2{clear:both;width:100%;height:auto;overflow:hidden;position:relative;}
.tit2 {width:100%;float:left;}
.tit2 h1{display:block;width:100%;height:auto;clear:both;position:relative;margin: 0px;}
.tit2 h1 a{display:block;width:100%;height:auto;color:#000;font-size:3rem;font-weight:bold;text-align:left;line-height: 2;}
.tit2 h2{display:block;width:100%;height:auto;margin: 0px 0px;}
.tit2 h2 a{display:block;width:100%;height:auto;color:#000;font-size:5rem;font-weight:bold;text-align:left;letter-spacing:1px;position:relative}
.tit2 p{display:block;width:60%;margin:2rem auto;height:auto;color:rgba(0,0,0,0.6);font-size:1.4rem;font-weight:normal;text-align:center;line-height:2}
.tit2 h1 a:after{content:"";width:65px;height:2px;background:#0054a6;position:absolute;bottom:0px;left:0%;transition:all 0.5s ease 0s}
.tit2 h1 a:hover:after{width:120px}







.tit3{clear:both;width:50%;height:auto;overflow:hidden;position:relative;float:left;}

.tit3 h1{display:block;width:100%;height:auto;clear:both;position:relative;margin: 0px;}
.tit3 h1 a{display:block;width:100%;height:auto;color:#000;font-size:3rem;font-weight:bold;text-align:left;line-height: 2;}
.tit3 h2{display:block;width:100%;height:auto;margin: 0px 0px;}
.tit3 h2 a{display:block;width:100%;height:auto;color:#000;font-size:5rem;font-weight:bold;text-align:left;letter-spacing:1px;position:relative}
.tit3 p{display:block;width:60%;margin:2rem auto;height:auto;color:rgba(0,0,0,0.6);font-size:1.4rem;font-weight:normal;text-align:center;line-height:2}
.tit3 h1 a:after{content:"";width:65px;height:2px;background:#0054a6;position:absolute;bottom:0px;left:0%;transition:all 0.5s ease 0s}
.tit3 h1 a:hover:after{width:120px}



@media only screen and (max-width:468px){
.tit{padding:2rem 0rem;}
.tit h1 a{font-size:2rem;}
.tit h2 a{font-size:3rem;}
.tit p{width:95%;line-height:1.6}

.tit2{padding:2rem 0rem;}
.tit2 h1 a{font-size:2rem;}
.tit2 h2 a{font-size:3rem;}
.tit2 p{width:95%;line-height:1.6}


.tit3{padding:2rem 0rem;}
.tit3 h1 a{font-size:2rem;}
.tit3 h2 a{font-size:3rem;}
.tit3 p{width:95%;line-height:1.6}

}


@media (min-width:469px) and (max-width:768px){
.tit{padding:2rem 0rem;}
.tit h1 a{font-size:2rem;}
.tit h2 a{font-size:3.3rem;}
.tit p{width:95%;line-height:1.6}

.tit2{padding:2rem 0rem;}
.tit2 h1 a{font-size:2rem;}
.tit2 h2 a{font-size:3.3rem;}
.tit2 p{width:95%;line-height:1.6}

.tit3{padding:2rem 0rem;}
.tit3 h1 a{font-size:2rem;}
.tit3 h2 a{font-size:3.3rem;}
.tit3 p{width:95%;line-height:1.6}
}


@media (min-width:769px) and (max-width:990px){
.tit{padding:2rem 0rem;}
.tit h1 a{font-size:2.2rem;}
.tit h2 a{font-size:3.6rem;}
.tit p{width:95%;line-height:1.6}

.tit2{padding:2rem 0rem;}
.tit2 h1 a{font-size:2.2rem;}
.tit2 h2 a{font-size:3.6rem;}
.tit2 p{width:95%;line-height:1.6}

.tit3{padding:2rem 0rem;}
.tit3 h1 a{font-size:2.2rem;}
.tit3 h2 a{font-size:3.6rem;}
.tit3 p{width:95%;line-height:1.6}
}
@media (min-width:991px) and (max-width:1080px){
.tit{padding:2rem 0rem;}
.tit h1 a{font-size:2.2rem;}
.tit h2 a{font-size:3.9rem;}
.tit p{width:95%;line-height:1.6}

.tit2{padding:2rem 0rem;}
.tit2 h1 a{font-size:2.2rem;}
.tit2 h2 a{font-size:3.9rem;}
.tit2 p{width:95%;line-height:1.6}

.tit3{padding:2rem 0rem;}
.tit3 h1 a{font-size:2.2rem;}
.tit3 h2 a{font-size:3.9rem;}
.tit3 p{width:95%;line-height:1.6}
}
@media (min-width:1081px) and (max-width:1200px){
.tit{padding:2rem 0rem;}
.tit h1 a{font-size:2.4rem;}
.tit h2 a{font-size:3.9rem;}
.tit p{width:95%;line-height:1.6}
.tit2{padding:2rem 0rem;}
.tit2 h1 a{font-size:2.4rem;}
.tit2 h2 a{font-size:3.9rem;}
.tit2 p{width:95%;line-height:1.6}

.tit3{padding:2rem 0rem;}
.tit3 h1 a{font-size:2.4rem;}
.tit3 h2 a{font-size:3.9rem;}
.tit3 p{width:95%;line-height:1.6}
}
@media (min-width:1201px) and (max-width:1320px){
.tit{padding:2rem 0rem;}
.tit h1 a{font-size:2.4rem;}
.tit h2 a{font-size:4.1rem;}
.tit p{width:95%;line-height:1.8}

.tit2{padding:2rem 0rem;}
.tit2 h1 a{font-size:2.4rem;}
.tit2 h2 a{font-size:3.9rem;}
.tit2 p{width:95%;line-height:1.8}

.tit3{padding:2rem 0rem;}
.tit3 h1 a{font-size:2.4rem;}
.tit3 h2 a{font-size:3.9rem;}
.tit3 p{width:95%;line-height:1.8}
}

@media (min-width:1321px) and (max-width:1440px){
.tit{padding:2rem 0rem;}
.tit h1 a{font-size:2.6rem;}
.tit h2 a{font-size:4.4rem;}
.tit p{width:95%;line-height:1.8}

.tit2{padding:2rem 0rem;}
.tit2 h1 a{font-size:2.6rem;}
.tit2 h2 a{font-size:4.4rem;}
.tit2 p{width:95%;line-height:1.8}
.tit3{padding:2rem 0rem;}
.tit3 h1 a{font-size:2.6rem;}
.tit3 h2 a{font-size:4.4rem;}
.tit3 p{width:95%;line-height:1.8}
}
@media (min-width:1441px) and (max-width:1600px){

.tit{padding:2rem 0rem;}
.tit h1 a{font-size:2.8rem;}
.tit h2 a{font-size:4.7rem;}
.tit p{width:95%;line-height:1.8}

.tit2{padding:2rem 0rem;}
.tit2 h1 a{font-size:2.8rem;}
.tit2 h2 a{font-size:4.7rem;}
.tit2 p{width:95%;line-height:1.8}

.tit3{padding:2rem 0rem;}
.tit3 h1 a{font-size:2.8rem;}
.tit3 h2 a{font-size:4.7rem;}
.tit3 p{width:95%;line-height:1.8}
}





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

/*栏目菜单*/
.mulu{width:100%;height:auto;clear:both;background:#f7f7f7;border-bottom: solid #ccc 2px;}




#owl-demo.item{margin:3px}
#owl-demo.item img{display:block;width:100%;height:auto}
.mulu .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.mulu .owl-carousel{display: none;position: relative;width: 80%;-ms-touch-action: pan-y;margin:0 auto;}
.mulu .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.mulu .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.mulu .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;}
.mulu .owl-carousel .owl-item{float: left;height:85px;}

.mulu .owl-carousel .owl-item .item{text-align:center;font-size:18px;height:85px;}
.mulu .owl-carousel .owl-item .item a{text-align: center;height:85px;color:#000;font-size:18px;display:block;line-height:85px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.mulu .owl-carousel .owl-item font{top: 17px;display:block;height:40px;width:100%;border-right:solid #a5a5a5 1px;position:relative}

.mulu .owl-carousel .owl-item:first-child .item  a{border-bottom:3px solid #0054a6}

.mulu .owl-carousel .owl-item:last-child .item  font{border:none;}
.mulu .owl-carousel .owl-item:hover .item  a{border-bottom:3px solid #0054a6}



.mulu .owl-controls .owl-page,.mulu .owl-controls .owl-buttons div{cursor: pointer;}
.mulu .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
.mulu .owl-carousel .owl-wrapper,
.mulu .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);}

.mulu .owl-theme .owl-controls .owl-pagination{display:none;}

.mulu .owl-theme .owl-controls{margin-top: 10px;text-align: center;}
.mulu .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;width:24px;height:40px;font-size:0px;}
.mulu .owl-theme .owl-controls .owl-prev{width:24px;height:40px;background:url(../images/mulul.png) no-repeat center top !important;position: absolute;left: -30px;top: 17px;background-size:100% 100% !important;}
.mulu .owl-theme .owl-controls .owl-next{width:24px;height:40px;background:url(../images/mulur.png) no-repeat center top !important;position: absolute;right: -30px;top: 17px;background-size:100% 100% !important;}



.mulu .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.mulu .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}





@media (max-width:468px){

.mulu .owl-carousel .owl-item .item a{font-size:14px;}
.mulu .owl-carousel .owl-item {height: 60px;}
.mulu .owl-carousel .owl-item .item {  font-size: 14px;  height: 60px;}
.mulu .owl-carousel .owl-item font {top:10px;}
.mulu .owl-carousel .owl-item{height:60px;}
.mulu .owl-carousel .owl-item .item{font-size:14px;height:60px;}
.mulu .owl-carousel .owl-item .item a{height:60px;font-size:14px;line-height:60px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.mulu .owl-carousel .owl-item font{top: 17px;display:block;height:30px;}
.mulu .owl-carousel .owl-item:first-child .item  a{border-bottom:2px solid #0054a6}
.mulu .owl-carousel .owl-item:hover .item  a{border-bottom:2px solid #0054a6}
.mulu .owl-carousel .owl-item .item a {height: 60px;line-height:60px;display:block;width:100%;}
.mulu .owl-theme .owl-controls .owl-buttons div{width:18px;height:30px;}
.mulu .owl-theme .owl-controls .owl-prev{width:18px;height:30px;top: 15px;}
.mulu .owl-theme .owl-controls .owl-next{width:18px;height:30px;top: 15px;}

}


@media(min-width:469px) and (max-width:768px){
.mulu .owl-carousel .owl-item .item a{font-size:14px;}
.mulu .owl-carousel .owl-item {height: 60px;}
.mulu .owl-carousel .owl-item .item {  font-size: 14px;  height: 60px;}
.mulu .owl-carousel .owl-item font {top:10px;}
.mulu .owl-carousel .owl-item{height:60px;}
.mulu .owl-carousel .owl-item .item{font-size:14px;height:60px;}
.mulu .owl-carousel .owl-item .item a{height:60px;font-size:14px;line-height:60px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.mulu .owl-carousel .owl-item font{top: 17px;display:block;height:30px;}
.mulu .owl-carousel .owl-item:first-child .item  a{border-bottom:2px solid #0054a6}
.mulu .owl-carousel .owl-item:hover .item  a{border-bottom:2px solid #0054a6}
.mulu .owl-carousel .owl-item .item a {height: 60px;line-height:60px;display:block;width:100%;}
.mulu .owl-theme .owl-controls .owl-buttons div{width:18px;height:30px;}
.mulu .owl-theme .owl-controls .owl-prev{width:18px;height:30px;top: 15px;}
.mulu .owl-theme .owl-controls .owl-next{width:18px;height:30px;top: 15px;}

}


@media(min-width:769px) and (max-width:990px){
.mulu .owl-carousel .owl-item .item a{font-size:16px;}
.mulu .owl-carousel .owl-item {height: 60px;}
.mulu .owl-carousel .owl-item .item {  font-size: 16px;  height: 60px;}
.mulu .owl-carousel .owl-item font {top:10px;}
.mulu .owl-carousel .owl-item{height:60px;}
.mulu .owl-carousel .owl-item .item{font-size:16px;height:60px;}
.mulu .owl-carousel .owl-item .item a{height:60px;font-size:16px;line-height:60px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.mulu .owl-carousel .owl-item font{top: 17px;display:block;height:30px;}
.mulu .owl-carousel .owl-item:first-child .item  a{border-bottom:2px solid #0054a6}
.mulu .owl-carousel .owl-item:hover .item  a{border-bottom:2px solid #0054a6}
.mulu .owl-carousel .owl-item .item a {height: 60px;line-height:60px;display:block;width:100%;}
.mulu .owl-theme .owl-controls .owl-buttons div{width:18px;height:30px;}
.mulu .owl-theme .owl-controls .owl-prev{width:18px;height:30px;top: 15px;}
.mulu .owl-theme .owl-controls .owl-next{width:18px;height:30px;top: 15px;}

}





















/*关于我们-公司简介*/
.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 p{width:85%;margin:0 auto;line-height:2;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;}
.con2 .left{width:100%;}
.con2 .right{width:100%;position:static;padding-top:5vh;}
.con2 .right p{width:100%;}
}
@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%;}
}


















.product-num2-box{width:100%;height:auto}
.product-num2-content{width: 100%;height: auto;margin:0 auto;text-align:center;font-size:0}
.product-num2-title{padding-top:110px;margin-bottom:30px;font-size:42px;color:#fff;line-height:45px;}
.product-num2-text{font-size:16px;color:#fff;line-height:28px}
.product-num2-head{margin-top:80px;font-size:0}
.product-num2-item{float:left;text-align:center;position:relative;width:25%;background:#fff;}
.product-num2-jus{display:inline-block;margin:80px 0;width:162px;height:56px;font-size:22px;color:#0054a6;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}
.product-num2-nub{display:inline-block;width:55%;font-size: 3.6rem;color:#0054a6;line-height:62px;text-align: right;}
.product-num2-add{font-size:24px;color:#0054a6;width:45%;align-self: center;text-align:left;display:inline-block;}
.product-num2-inf{margin-top:24px;font-size:1.4rem;color:#000000;line-height:0;display:inline-block;width:100%;}
.product-num2-jus:hover{background-color:#fff;color:#3e88f1}
.product-num2-wan{position:absolute;right:55px;top:0px}



@media(max-width:990px){
.product-num2-head{margin-top:3rem}

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


}





/*荣誉开始*/

.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(../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: auto;}
#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(../images/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:#0054a6;transition:all 1s}
#owl-demo3 .item:hover .text p{color:#0054a6;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(../images/pl.png) no-repeat center top;}
.ab_honor .owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/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(../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:#0054a6;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;float:left;background-attachment: fixed !important;background: url(../images/ys.jpg) no-repeat center center; background-attachment: scroll;    background-size: auto;background-size: cover;animation: breath 20s linear infinite;}
.ab_clture .mm{margin-top:5rem;}
.ab_clture .left{width:100%;float:left;background: #fff; overflow: hidden;padding:2.5%;height:auto;}
.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-form{overflow:hidden;margin-top: 3rem;}
.map-area{margin-top:50px;overflow:hidden;text-align: right;}

.contact-form img{max-width:18%;float:left;}


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







.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(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/er.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#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.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}@media (max-width:990px){.side{display:none}
}




/*底部宣传语*/
.slogan{width:100%;height:auto;clear:both;background:#0054a6;padding:4rem 0rem;}
.slogan p{width:100%;clear:both;color:#fff;font-size:1.6rem;line-height:3.5rem;}
.slogan p span{display:block;border:solid #fff 1px;float:right;font-size:1.4rem;padding:0 2rem;}



@media (max-width:468px){
.slogan p span{clear:both;margin-top:1rem;float:none;width:180px}
}


@media (min-width:469px) and (max-width:767px){
.slogan p span{clear:both;margin-top:1rem;float:none;width:180px}
}
@media (min-width:769px) and (max-width:990px){
.slogan p span{clear:both;margin-top:1rem;float:none;width:180px}
}
@media (min-width:991px) and (max-width:1080px){
.slogan p span{clear:both;margin-top:1rem;float:none;width:180px}
}

@media (min-width:1081px) and (max-width:1200px){
.slogan p span{clear:both;margin-top:1rem;float:none;width:180px}


}



/*产品列表页-内容*/


/*产品列表*/
.productlist{width:100%;height:auto;clear:both;position:relative;padding-top:8rem;background-size:100% 100%; background:url(../images/public.jpg) no-repeat #f7f7f7 center bottom;}
.productlist ul{width:100%;height:auto;clear:both;overflow:hidden;}

.productlist ul li{width:23%;float:left;margin:2% 1%;border:solid #cfcfcf 1px;background:#fff;-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}
.productlist ul li a{display:block;text-decoration:none;}
.productlist ul .rect-886{padding-bottom:88.6%}
.productlist ul li .pic{background:#fff;padding:10% 0%}
.productlist ul li .pic img{max-width:80%;width:auto;height:auto;display:block;margin:0 auto;height:300px;}
.productlist ul li .protit{height: 60px;overflow: hidden;font-size:16px;letter-spacing:1px;padding:20px 0;position:relative;text-align: center;color:#333;}
.productlist ul li .protit:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#cfcfcf;z-index:0}
.productlist ul li .protit:after{content:"";position:absolute;bottom:0;left:0;right:100%;height:1px;background:#0054a6;z-index:1;-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}
.productlist ul li .intro{width:100%;height:auto;padding: 0% 5% 5% 5%;border-top:solid #cfcfcf 1px;}

.productlist ul li .tool{overflow:hidden;height:30px;margin-top:10px;}
.productlist ul li .tool .promore{float:left;line-height:30px;float:left;font-size:14px;color:#666666;margin-top: 0%;clear: unset;width: auto;}
.productlist ul li .tool .img{position:relative;float:right;position:relative; overflow:hidden;}
.productlist ul li .tool .img img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(30px 0 #0054a6); -webkit-filter: drop-shadow(30px 0 #0054a6);}
.productlist ul li :hover .tool .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.productlist ul li :hover .tool .promore{color:#0054a6}

.productlist ul li a:hover .protit:after{right:0}

.productlist ul li:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.1);-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s}

@media (max-width:468px){
.productlist{padding-top:4rem;}
.productlist ul li {width:98%;}

.productlist ul li .tit{font-size:20px;}
}
@media (min-width:469px) and (max-width:768px){
.productlist{padding-top:4rem;}
.productlist ul li {width:48%;}
.productlist ul li .tit{font-size:16px;}
}
@media (min-width:769px) and (max-width:990px){
.productlist{padding-top:4rem;}
.productlist ul li {width:48%;}
.productlist ul li .tit{font-size:16px;}
.productlist ul li .pic img { height: 220px;}
}
@media (min-width:991px) and (max-width:1080px){
.productlist{padding-top:5rem;}
.productlist ul li .tit{font-size:16px;}
.productlist ul li{width:31.333%}
.productlist ul li .pic img { height: 220px;}
}

@media (min-width:1081px) and (max-width:1600px){
.productlist ul li .tit{font-size:20px;}
.productlist{padding-top:6rem;}
.productlist ul li{width:31.333%}
.productlist ul li .pic img { height: 250px;}


}








/*产品列表页-加载更多*/
.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:#0054a6;font-size:1.4rem;line-height:2;font-weight:bold;}
.moreload .more a:hover{color:#0054a6}





/*案例列表页*/
.caselist{width:100%;height:auto;clear:both;position:relative;padding: 2% 0%;background: #f1f1f1;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:#333;}
.caselist li .titc{width: 100%;display: block;margin: auto; margin-top: auto;z-index: 9999;position: relative;text-align:center;font-size:1.5rem;color:#33;line-height:3;transition:all 500ms;}
.caselist li:hover .titc{background:#0054a6;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%;padding: 2%;}
.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:#0054a6;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(../neimages/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:#0054a6;background:#0054a6}
.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;background: #f1f1f1;}
.newslist ul{width:100%;height:auto;clear:both;position:relative;margin-top:2rem;}
.newslist ul li{width:23%;height:auto;margin-left:1%;margin-right:1%;float:left;border:solid #ccc 1px;overflow: hidden;position:relative;margin-top:2rem;min-height:25vh;}

.newslist ul li .post-slide{transition:all 1s ease-in-out 0s}
.newslist ul li .post-slide .eimg{overflow:hidden;position:relative}
.newslist ul li .post-slide .eimg img{max-width:100% !important;height:auto;width:auto !important;float:left;transform:scale(1.0);transition:all 1s}
.newslist ul li .post-slide .eimg 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 .eimg 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%;}
.newslist ul li .post-slide .post-title{height: 40px;overflow: hidden;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:30px;font-size:1.4rem;text-indent: -2rem;}

.newslist ul li .post-slide .post-content .info{width:100%;height:120px;overflow:hidden;}


.newslist ul li:hover  .post-slider{transition:all 1s ease-in-out 0s;}
.newslist ul li:hover {background:#0054a6}
.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 .post-content .date{color:#fff;}
.newslist ul li:hover .post-slide:hover .post-img img {transform: scale(1.2);  transition: all 1s;}
.newslist ul li .post-slide:hover .post-img img {transform: scale(1.0);  transition: all 1s;}
.newslist .more{margin-top:0rem;border:solid #fff 1px;display:none;}
.newslist .more p{color:#fff !important;}




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

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

.newslist .more{display:block;}
}



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

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





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

.product .first {width:100%;height:auto;padding: 3% 0%;background:#f8f8f8;}
.product .first .left{width:22%;float:left;background:#fff;padding:2%;overflow: hidden;}
.product .first .left img{width:100%;height:auto;}
.product .first .right{width:72%;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:#0054a6;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;clear: both;float: left;}
.info_title b{display:inline-block;padding:0 30px;height:100%;border-right:1px solid #fff;background:#0054a6;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;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;}
}






/*产品详情图片滚动*/
.product2{width:100%;height:auto;clear:both;position:relative;float:left;}
.product2 .mm{width:100%;height:auto;clear:both;position:relative;overflow:hidden;position:relative;overflow:hidden;}

#pro-demo .item{position:relative;overflow:hidden;}
#pro-demo .item .lazyOwl{display: block;	width: 100%;	height: auto;}
#pro-demo .item .info{position:absolute;right:0px;bottom:0px;background:url(../zimages/hei2.png) center top;display: table;width:50%;height:auto; transition: all 1s;padding:2% 5%;}
#pro-demo .item .info h1{width:100%;clear:both;}
#pro-demo .item .info h1 a{color:#fff;font-size:2.4rem;font-weight:normal;letter-spacing:1px;line-height:2.6;}
#pro-demo .item .info p{width:100%;clear:both;color:#fff;font-size:1.4rem;font-weight:normal;letter-spacing:1px;}
#pro-demo .item .info .ja{width:100px;height:35px;line-height:35px;border:solid #fff 1px;text-align:center;display:block;float:right;margin-top:2rem;font-size:1.4rem;color:#fff; transition: all 0.6s;}
#pro-demo .item .info:hover .ja{background:#fff;color:#333; transition: all 0.6s;}
#pro-demo .owl-item:nth-child(even) .item .info{left:0px !important}





.product2 .owl-theme .owl-controls{text-align: center;width: 100%;}
.product2 .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;width:100px;height:50px;font-size:0px;}
.product2 .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../zimages/pl.png) no-repeat center top;background-size:cover;}
.product2 .owl-theme .owl-controls .owl-buttons .owl-next{background:url(../zimages/pr.png) no-repeat center top;background-size:cover;}

.product2 .owl-theme .owl-controls .owl-pagination{display:none;}


.product2 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.product2 .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.product2 .owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #ccc;}
.product2 .owl-theme .owl-controls .owl-page.active span,
.product2 .owl-theme .owl-controls.clickable .owl-page:hover span{background: #eb5902;}
.product2 .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;}
.product2  .owl-item.loading{min-height: 150px;background: url(../zimages/AjaxLoader.gif) no-repeat center center}
.product2 .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.product2 .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}

.product2 .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.product2 .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.product2 .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;}
.product2 .owl-carousel .owl-item{float: left;}
.product2 .owl-controls .owl-page,
.product2 .owl-controls .owl-buttons div{cursor: pointer;}
.product2 .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.product2 .grabbing{cursor:url(../zimages/grabbing.png) 8 8, move;}
.product2 .owl-carousel .owl-wrapper,
.product2 .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);}




@media (max-width:468px){
#pro-demo .item .info h1 a{font-size:2rem;line-height:2.6;}
#pro-demo .item .info{width:100%;height:auto; transition: all 1s;padding:5% 5%;}
.product2 .owl-theme .owl-controls .owl-pagination{display:block}
.product2 .owl-theme .owl-controls .owl-buttons div{display:none !important}
}

@media (min-width:469px) and (max-width:768px){
#pro-demo .item .info h1 a{font-size:2rem;line-height:2.6;}
#pro-demo .item .info{width:100%;height:auto; transition: all 1s;padding:5% 5%;}
.product2 .owl-theme .owl-controls .owl-pagination{display:block}
.product2 .owl-theme .owl-controls .owl-buttons div{display:none !important}

}

@media (min-width:769px) and (max-width:990px){
#pro-demo .item .info h1 a{font-size:2rem;line-height:2.6;}
#pro-demo .item .info{width:100%;height:auto; transition: all 1s;padding:5% 5%;}


}
@media (min-width:991px) and (max-width:1200px){
#pro-demo .item .info h1 a{font-size:2rem;line-height:2.6;}
#pro-demo .item .info{width:100%;height:auto; transition: all 1s;padding:5% 5%;}

}
@media (min-width:1201px) and (max-width:1440px){
#pro-demo .item .info h1 a{line-height:2.6;}
#pro-demo .item .info{width:100%;height:auto; transition: all 1s;padding:5% 5%;}
}














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

@media (max-width:468px){


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

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










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


/*联系我们*/


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

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






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





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

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

.contactlist .right{ background-color: rgba(0,0,0,1); position:static}
}

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

.contactlist .ditu {width: 100%;}
.contactlist .right{width:100%;margin:0 auto;float: left;margin-top: 0rem;}
.contactlist .right{ background-color: rgba(0,0,0,1); position:static}
}

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

}

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

}






/*内页_分隔条*/
.xypg-detail-tags{margin-top:40px}
.xypg-detail-tags .tags-title{border-bottom:1px solid #c3c3c3;position:relative}
.xypg-detail-tags .tags-title h3{display:inline-block;padding:0 30px;font-size:16px;color:#0054a6;line-height:40px;border-bottom:3px solid #0054a6;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:#0054a6}

/*内页_上下页*/
.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:#0054a6}
@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(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/er.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#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.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}


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

}





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

.dtc .left h2{display:block;width:70%;float:right;text-align:left;color:#0054a6;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:#0054a6;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 i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/er.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#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.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}


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

}


#allmap { width: 100%;height: 69rem;overflow: hidden;}
.BMap_shadow img{width:0;height:0;}
@media screen and (max-width:500px) {
 #allmap{min-height: 300px;} 
 }
.ditu b {
    font-size: 1.8rem;
}









/*优势开始*/

.ys{width:100%;height:auto;clear:both;position:relative;overflow:hidden;background:url(../zimages/ys.jpg) no-repeat left bottom;background-size:cover;padding: 5rem 0rem ;}
.ys .mm{width:100%;height:auto;clear:both;border-top:solid rgba(255,255,255,0.4) 1px;float:left;margin-top:8rem;overflow: hidden;}

.ys.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.ys.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.ys.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.ys.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.ys.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;}
.ys.owl-carousel .owl-item{float: left;}

.ys .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.ys .owl-carousel .owl-wrapper-outer{float:left;}
.ys .owl-theme .owl-controls{margin-top:2rem;text-align:center;float: left;width: 100%;}
.ys .owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#53b32e;filter:Alpha(Opacity=50);opacity:0.5}

.ys .owl-theme .owl-controls .owl-pagination{margin:0 auto;width: 100%;text-align: center;display:none}


.ys .owl-theme .owl-controls .owl-buttons{display:none}
.ys .owl-theme .owl-controls .clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.ys .owl-theme .owl-controls .owl-page{display: inline-table;}
.ys .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#fff}
.ys .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#0054a6}
.ys .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}

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

.ys .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../zimages/pl.png) no-repeat center top;opacity: 1;border-radius:0px;}
.ys .owl-theme .owl-controls .owl-buttons .owl-next{background:url(../zimages/pr.png) no-repeat center top;opacity: 1;border-radius:0px;}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.ys .owl-carousel .owl-wrapper,.ys .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);float:left;}
#owl-demo4 .item{overflow: hidden;position:relative;text-align: center;paddign:5% 0%;}
#owl-demo4 .item span{display:block;width:100%;height:auto;transition: all 1s;}
#owl-demo4 .item .ico{width:70px;height:70px;margin:0 auto;transition: all 0.6s;}
#owl-demo4 .item h1{font-size: 4rem;width: 100%;color:rgba(255,255,255,0.2);transition: all 0.6s;}
#owl-demo4 .item .chui{width:100%;height:100%;position:absolute;left:0px;top:0px;display: table;transition: all 1s;}
#owl-demo4 .item .chui .yn{width:100%;height:100%;display: table-cell;vertical-align: middle;padding:5%;transition: all 1s;}
#owl-demo4 .item .chui .y1{width:90%;height:auto;padding:5% 0%;margin:0 auto;transition: all 1s;position:relative;overflow: hidden;}
#owl-demo4 .item .chui .y1 img{width:100%;height:auto;transition: all 1s;position:absolute;left:0px;bottom:-500px;}


#owl-demo4 .item .chui .yn .ytit{width:100%;height:auto;clear:both;position:relative;transition: all 1s;}
#owl-demo4 .item .chui .yn h3{position:absolute;left:0px;bottom:-10px;transition: all 1s;}

#owl-demo4 .item:hover .chui .yn {display:table !important;transition: all 1s;height:45%;}
#owl-demo4 .item:hover .chui .yn .ynn {display: table-cell;vertical-align: middle;transition: all 1s;}
#owl-demo4 .item:hover .chui .y1{height:50%;transition: all 1s;}
#owl-demo4 .item:hover .chui .y1 img{transition: all 1s;bottom:0px;}
#owl-demo4 .item:hover .chui .yn{display:inherit;transition: all 1s;}
#owl-demo4 .item:hover {background:#fff;transition: all 1s;}
#owl-demo4 .item:hover h3{color:#000;transition: all 1s;}
#owl-demo4 .item:hover h2{color:#222;transition: all 1s;}
#owl-demo4 .item:hover h1{font-size:0px;transition: all 0.6s;}
#owl-demo4 .item:hover .ico{height:0px;transition: all 0.6s;}


#owl-demo4 .owl-item:first-child .chui .yn {display:table !important;transition: all 1s;height:45%;}
#owl-demo4 .owl-item:first-child .chui .yn .ynn {display: table-cell;vertical-align: middle;transition: all 1s;}
#owl-demo4 .owl-item:first-child .chui .y1{height:50%;transition: all 1s;}
#owl-demo4 .owl-item:first-child .chui .y1 img{transition: all 1s;bottom:0px;}
#owl-demo4 .owl-item:first-child .chui .yn{display:inherit;transition: all 1s;}
#owl-demo4 .owl-item:first-child {background:#fff;transition: all 1s;}
#owl-demo4 .owl-item:first-child h3{color:#000;transition: all 1s;}
#owl-demo4 .owl-item:first-child h2{color:#222;transition: all 1s;}
#owl-demo4 .owl-item:first-child h1{font-size:0px;transition: all 0.6s;}
#owl-demo4 .owl-item:first-child .ico{height:0px;transition: all 0.6s;}





#owl-demo4 .item h3{font-size: 2.4rem;width: 100%;transition: .3s;color:#fff;}
#owl-demo4 .item h2{padding:0% 6%;font-size: 1.6rem;width: 100%;transition: .3s;font-weight:normal;color:rgba(255,255,255,0.75);line-height:2;margin-top:2rem;}
#owl-demo4 .item p{width: 80%;font-size: 16px;opacity: 0;transition: .3s;}
#owl-demo4 .item p img{width:100%;height:0%;display:block;margin:0 auto;transition: .3s;}
#owl-demo4 .item a{position: absolute;top: 85%;font-size: 16px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 2px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
#owl-demo4 .item a:hover{background: #fff;color: #373d41;}
#owl-demo4 .item .ybei{display: block;width: 100%;}
#owl-demo4 .item:hover span{background: rgba(255,255,255,1);}

#owl-demo4 .item:hover p{opacity: 1;}
#owl-demo4 .item:hover p img{height:100%;transition: .3s;}

.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}



@media (max-width:625px){
.ys{padding: 3rem 0rem 3rem 0rem;}
.ys .owl-theme .owl-controls .owl-buttons{display:block}
.ys .mm{width:80%;margin:2rem auto !important;float: none;}

}


@media (min-width:626px) and (max-width:768px){
.ys{padding: 3rem 0rem 3rem 0rem;}
.ys .mm{margin-top:2rem;}
.ys .owl-theme .owl-controls .owl-buttons{display:block}


}

@media (min-width:769px) and (max-width:990px){
.ys{padding: 3rem 0rem 3rem 0rem;}
.ys .owl-theme .owl-controls .owl-buttons{display:block}
.ys .mm{margin-top:3rem;}

}

@media (min-width:991px) and (max-width:1400px){
.ys{padding: 3rem 0rem 3rem 0rem;}
.ys .mm{margin-top:5rem;}
.ys .owl-theme .owl-controls .owl-buttons{display:block}

}




/*产品2*/
.product2{width:100%;height:auto;clear:both;overflow:hidden;position:relative;padding:12rem 0rem 7rem 0rem;/*! background: url(../images/product2.jpg) no-repeat right bottom; */background-size:cover;}
.product2 .mm{height:auto;overflow:hidden;width:100%;position:relative;clear:both;}
.product2 .mm .left{width:33%;float:left;overflow:hidden;height:auto;padding:1rem 0rem;}
.product2 .mm .left .info{clear:both;width:100%;height:auto;overflow:hidden;}
.product2 .mm .left h3{font-size:3rem;color:#000;font-weight:bold;letter-spacing:1px;text-align:left;margin:4rem auto;float:left}


.product2 .mm .left .info p{color:rgba(51,51,51,0.8);font-size:1.4rem;line-height:30px;clear:both;widht:85%}
.product2 .mm .left  .amore{width:115px;height:35px;line-height:35px;font-size:1.4rem;text-align:center;color:#fff;background:#0054a6;border-radius:10px;display:block;float:left;margin-top:2rem;}



.product2 .mm .right{width:65%;float:right;overflow:hidden;position:relative;clear:none;}
.product2 .mm .right ul{width:100%;}
.product2 .mm .right ul li{width:31.333%;float:left;margin:1%;overflow:hidden;border:solid #0054a6 1px;border-radius:10px;padding:3% 3%;}

.product2 .mm .right ul li .img{width:60px;height:60px;border:solid rgba(0,84,166,0.4) 1px;border-radius:60px;}

.product2 .mm .right ul li .img span{width:50px;height:50px;border:solid rgba(0,84,166,1) 1px;border-radius:50px;margin:4px;display:block;-moz-transition:all .7s ease 0s; -ms-transition:all .7s ease 0s; -o-transition:all .7s ease 0s; -webkit-transition:all .7s ease 0s; transition:all .7s ease 0s;}
.product2 .mm .right ul li .img span .pic{ width:25px; margin:0 auto; position:relative; overflow:hidden;margin:12px;}
.product2 .mm .right ul li .img span .pic img{ width:25px;height:25px;display:block; margin:0 auto; position:relative; filter: drop-shadow(25px 0 #fff); -webkit-filter: drop-shadow(25px 0 #fff);}
.product2 .mm .right ul li:hover .img span .pic img{transform: translate(-25px, 0);-webkit-transform: translate(-25px, 0);-ms-transform: translate(-25px, 0);-o-transform: translate(-25px, 0);}





.product2 .mm .right ul li h1{display:block;width:100%;color:#444444;font-size:2rem;font-weight:bold;letter-spacing:1px;margin:3rem 0rem 3rem 0rem;}
.product2 .mm .right ul li p{font-size:1.4rem;color:#717171;line-height:25px;height:75px;}
.product2 .mm .right ul li:hover{background:#0054a6}

.product2 .mm .right ul li:hover h1{color:#fff}
.product2 .mm .right ul li:hover p{color:#fff;}
.product2 .mm .right ul li:hover .img span{border:solid rgba(255,255,255,0.8) 1px;}
.product2 .mm .right ul li:hover .img {border:solid rgba(255,255,255,0.4) 1px;}











@media only screen and (max-width:468px){
.product2{padding:2rem 0rem 2rem 0rem;}
.product2 .mm .left{width:100%}
.product2 .mm .left h3{font-size:2rem;margin:1rem auto;}
.product2 .mm .left .info p{widht:100%}
.product2 .mm .left h3 br{display:none}

.product2 .mm .right{width:100%;margin-top:1rem;}
.product2 .mm .right ul li{width:48%;}
.product2 .mm .right ul li:last-child{width:98%;}
}


@media (min-width:469px) and (max-width:768px){
.product2{padding:2rem 0rem 2rem 0rem;}
.product2 .mm .left{width:100%}
.product2 .mm .left h3{font-size:2rem;margin:1rem auto;}
.product2 .mm .left .info p{widht:100%}
.product2 .mm .left h3 br{display:none}

.product2 .mm .right{width:100%;margin-top:1rem;}
.product2 .mm .right ul li{width:48%;}
.product2 .mm .right ul li:last-child{width:98%;}

}


@media (min-width:769px) and (max-width:990px){
.product2{padding:2rem 0rem 2rem 0rem;}
.product2 .mm .left{width:100%}
.product2 .mm .left h3{font-size:2.2rem;margin:1rem auto;}
.product2 .mm .left .info p{widht:100%}
.product2 .mm .left h3 br{display:none}

.product2 .mm .right{width:100%;margin-top:1rem;}

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

.product2 .mm .left{width:100%}
.product2 .mm .left h3{font-size:2.2rem;margin:1rem auto;}
.product2 .mm .left .info p{widht:100%}

.product2 .mm .right{width:100%;margin-top:1rem;}
}
@media (min-width:1081px) and (max-width:1200px){
.product2 .mm .left h3{font-size:2.4rem;margin:1rem auto;}
}

@media (min-width:1201px) and (max-width:1320px){
.product2 .mm .left h3{font-size:2.4rem;margin:2rem auto;}

}
@media (min-width:1321px) and (max-width:1440px){
.product2 .mm .left h3{font-size:2.8rem;margin:2rem auto;}

}

@media (min-width:1401px) and (max-width:1600px){
.product2 .mm .left h3{font-size:2.8rem;margin:2rem auto;}


}















/*招聘*/

/*banner*/
.home-banner {
    overflow:hidden;
    width:100%;
    margin: 5rem 0rem;
    position:relative;
}
.home-banner-slick {
    overflow:hidden
}
.home-banner-slick .slick-slide {
    position:relative;
}
.home-banner-slick .slick-slide img {
    display: block;
    max-width:100%;
    margin: 0 auto;
    border:none;
}
.home-banner .slick-dots {
    z-index:10;
    bottom:10px;
    line-height:0;
    text-align:center;
}
.home-banner .slick-dots li {
    margin: 5px;
    padding:0;
    width: 12px;
    height: 12px;
}
.home-banner .slick-dots li button {
    background-color: rgba(0,42,92,0.5);
    width: 12px;
    height: 12px;
    border-radius: 25px;
    display:block;
}
.home-banner .slick-dots li button:before {
    content:"";
}
.home-banner .slick-dots .slick-active button {
    background-color: #002a5c;
}
.home-banner .slick-dots .slick-active button:before {
    color:transparent;
}
.home-banner .home-banner-slick .slick-slide .home-pc{
    display: block;
}
.home-banner .home-banner-slick .slick-slide .home-mobile{
    display: none;
}
.home-banner .home-banner-slick .slick-prev, .home-banner .home-banner-slick  .slick-next{
    width: 62px;
    height: 62px;
    top:50%;
    margin-top: -31px;
    z-index: 11;
}
.home-banner .home-banner-slick .slick-prev{
    left: 5%;
    background: url("../images/inleft.png") no-repeat left center;
}
.home-banner .home-banner-slick .slick-next{
    right: 5%;
    background: url("../images/inright.png") no-repeat right center;
}

.banner-info {
    position: absolute;
    top: 30%;
    width: 1200px;
    left:50%;
    color: #fff;
    z-index: 6;
    margin-left:-600px;
    text-align: center;
}
.banner-info .container1{
    width:100%;
}

.bt {
    font-size: 60px;
    margin-bottom: 30px;
    text-transform: uppercase;
    color:#fff;
    font-weight:bold;
}
.jsh {
    font-size: 30px;
    margin-bottom: 30px;
    color:#fff;
}
.zx{
    margin: 0 auto;
    text-align: center;
    display: none;
}
.zx a{
    display: block;
    width: 214px;
    margin: 0 auto;
    line-height: 45px;
    border: 1px solid #fff;
    background-color: rgba(255,255,255,0.2);
    text-align: center;
    font-size: 16px;
    color: #fff;
    transition: .5s;
}
.zx a:hover{
    background-color: rgba(0,42,92,0.5);
    border: 1px solid #002a5c;
}

.home-banner .home-banner-slick .slick-active .bt {
    -webkit-animation: 2s myfirst1 alternate;
    animation: 2s myfirst1 alternate;
    position: relative
}
.home-banner .home-banner-slick .slick-active .jsh {
    -webkit-animation: 2.5s myfirst2 alternate;
    animation: 2.5s myfirst2 alternate;
    position: relative
}

.home-banner .home-banner-slick .slick-active .zx{
    -webkit-animation: 3s myfirst3 alternate;
    animation: 3s myfirst3 alternate;
    position: relative
}

@-webkit-keyframes myfirst1 {
    0% {
        top: -100px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}
@keyframes myfirst1 {
    0% {
        top: -100px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}


@-webkit-keyframes myfirst2 {
    0% {
        left: -100px;
        opacity: 0
    }

    100% {
        left: 0;
        opacity: 1
    }
}
@keyframes myfirst2 {
    0% {
        left: -100px;
        opacity: 0
    }

    100% {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes myfirst3 {
    0% {
        right: -100px;
        opacity: 0
    }

    100% {
        right: 0;
        opacity: 1
    }
}
@keyframes myfirst3 {
    0% {
        right: -100px;
        opacity: 0
    }

    100% {
        right: 0;
        opacity: 1
    }
}

.mouse-scroll {
    position: absolute;
    bottom: 55px;
    z-index: 5;
    left: 50%;
    animation: upmove 2s infinite;
    -webkit-animation: upmove 1.5s infinite;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.mouse-scroll a{
    display:block;
}
@keyframes upmove
{
    0%   {transform:translateY(0px);}
    50%  {transform:translateY(10px);}
    100% {transform:translateY(0px);}
}

/*¹ØÓÚÎÒÃÇ*/
.banner-info1 {

    width: 100%;
    color: #000;
    z-index: 6;
    padding:5rem 0rem;
    text-align: center;
}
.banner-info1 .container1{
    width:100%;
}

.bt1{
    font-size: 48px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color:#0054a6;
}
.jsh1{
    font-size: 24px;
    margin-bottom: 20px;
    color:#000;
}
.zx1{
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    color: #666;
}

.home-banner .home-banner-slick .slick-active .bt1 {
    -webkit-animation: 2s myfirst1 alternate;
    animation: 2s myfirst1 alternate;
    position: relative
}
.home-banner .home-banner-slick .slick-active .jsh1 {
    -webkit-animation: 2.5s myfirst2 alternate;
    animation: 2.5s myfirst2 alternate;
    position: relative
}

.home-banner .home-banner-slick .slick-active .zx1{
    -webkit-animation: 3s myfirst3 alternate;
    animation: 3s myfirst3 alternate;
    position: relative
}


@media screen and (max-width:468px){
.zx1{  font-size: 14px;}
.bt1 {font-size: 24px;}
.jsh1 {font-size: 16px;color: #000;}
.banner-info1 { padding: 2rem 0rem;}
.iabout_fl {width: 100%;}
.iabout_fr {width: 100%;}
.about_fls_txt{position:absolute;top:30%;left:10%;font-size:20px;}
.about li:nth-child(2n+1) .iabout_fr .about_frs_2 {float:none; margin: 2rem auto;}
.home-banner {margin: 2rem 0rem;}
}


@media (min-width:469px) and (max-width:768px){
.zx1{  font-size: 14px;}
.bt1 {font-size: 24px;}
.jsh1 {font-size: 16px;color: #000;}
.banner-info1 { padding: 2rem 0rem;}
.iabout_fl {width: 100%;}
.iabout_fr {width: 100%;}
.about_fls_txt{position:absolute;top:30%;left:10%;font-size:20px;}
.about li:nth-child(2n+1) .iabout_fr .about_frs_2 {float:none; margin: 2rem auto;}
.home-banner {margin: 2rem 0rem;}
}



@media (min-width:769px) and (max-width:990px){
.zx1{  font-size: 14px;}
.bt1 {font-size: 26px;}
.jsh1 {font-size: 20px;color: #000;}
.banner-info1 { padding: 2rem 0rem;}
.iabout_fl {width: 100%;}
.iabout_fr {width: 100%;}
.about_fls_txt{position:absolute;top:30%;left:10%;font-size:26px;}
.about li:nth-child(2n+1) .iabout_fr .about_frs_2 {float:none; margin: 2rem auto;}
.home-banner {margin: 2rem 0rem;}
}


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

.zx1{  font-size: 14px;}
.bt1 {font-size: 30px;}
.jsh1 {font-size: 24px;color: #000;}
.banner-info1 { padding: 2rem 0rem;}
.iabout_fl {width: 100%;}
.iabout_fr {width: 100%;}
.about_fls_txt{position:absolute;top:30%;left:10%;font-size:30px;}
.about li:nth-child(2n+1) .iabout_fr .about_frs_2 {float:none; margin: 2rem auto;}
.home-banner {margin: 2rem 0rem;}



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



.zx1{  font-size: 14px;}
.bt1 {font-size: 34px;}
.jsh1 {font-size: 28px;color: #000;}
.banner-info1 { padding: 2rem 0rem;}
.iabout_fl {width: 100%;}
.iabout_fr {width: 100%;}
.about_fls_txt{position:absolute;top:30%;left:10%;font-size:26px;}
.about li:nth-child(2n+1) .iabout_fr .about_frs_2 {float:none; margin: 2rem auto;}
.home-banner {margin: 2rem 0rem;}



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

  }



.neiprolist{width:100%;height:auto;clear:both;position:relative;overflow:hidden}
.neiprolist .biao{width:100%;height:auto;clear:both;}
.neiprolist .biao h1{color:#323232;font-size:4rem;font-weight:bold;text-align:left;letter-spacing:1px;line-height:2;}
.neiprolist .biao h2{color:#000;font-size:3rem;font-weight:bold;text-align:left}
.neiprolist .biao h3{color:#666;font-size:3rem;font-weight:bold;text-align:left;font-style:italic;line-height: 2;}
.neiprolist .biao p{color:#343530;font-size:2rem;font-weight:normal;text-align:left;border-top: solid #343530 3px;width: 300px;margin-top: 1rem;}
.neiprolist .znei{width:100%;height:auto;clear:both;}
.neiprolist .z1{width:100%;height:auto;padding:2% 0%;background:#f6f7f8;clear:both;}
.neiprolist .z1 .left{width:50%;float:left;padding: 2%;background: #fff;overflow:hidden;position:absolute;top:0px;left:0px;height: 100%;}
.neiprolist .z1 .left p{width:98%;margin:1% 1%;height:auto;float:left;word-break:break-all;color:#666;font-size:1.6rem;line-height:2;}
.neiprolist .z1 .left .more{clear:both;float:left;display:block;width:170px;height:40px;line-height:40px;color: #fff !important;text-align:center;font-size:14px;margin-top:5rem !important;background:#007f00;transition:all 1s}
.neiprolist .z1 .left .more:hover{position:relative;transition:all 1s;letter-spacing:3px;}
.neiprolist .z1 .left:hover h1 a{transition:all 1s;letter-spacing:3px;}
.neiprolist .z1 .left:hover .more{transition:all 1s;letter-spacing:3px;}
.neiprolist .z1 .left h1{width:100%;float:left;display:block;line-height:2;font-size:2.4rem;color:#007f00;margin-bottom:3rem;border-bottom: dotted #ccc 1px;}
.neiprolist .z1 .left h1 a{color:#007f00;transition:all 1s;}
.neiprolist .z1 .left h2{width:50%;float:left;display:block;background:#f6f7f8;line-height:2;font-size:2.4rem;color:#222;padding:0% 2%;margin-bottom:3rem;}


.neiprolist .z1 .right{width:50%;height:100%;float:right;overflow:hidden;display: table;background: #fff;text-align: center;padding:0% 0%;}
.neiprolist .z1 .right img{height:auto;width: 100% !important;    display: table-cell;  vertical-align: middle;}




.neiprolist .z1:nth-child(even) .left{float:right;background: #f6f7f8;right: 0px !important;left: unset;}
.neiprolist .z1:nth-child(even){background:#fff;}
.neiprolist .z1:nth-child(even) .right{float:left;}
@media (max-width:990px){
.neiprolist .z1 .left{padding:5% 2%;width:100%;height:auto;overflow: unset;position: relative;}
.neiprolist .z1 .left h1{width:100%;font-size:2rem;}
.neiprolist .z1 .left h2{width:100%;}
.neiprolist .z1 .right{width:100%;height:auto;}
.neiprolist .z1 .right img{height:auto;}
.neiprolist .z1{margin-top:1rem;}

.neiprolist .z1 .right{position:relative;}
}

@media (max-width:1440px){
.neiprolist .z1 .left p{font-size:1.4rem;line-height:1.8}

}
@media (max-width:1600px){
.neiprolist .z1 .left h1{width:100%;}
.neiprolist .z1 .left h2{width:100%;}

}






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


.about{float:left;margin-top:4rem;position:relative;padding: 5%;background:#fff;width: 100%;}

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




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





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






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

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




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

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

}



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

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

}

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

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

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

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

/*------------内页-------------------*/

.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.left .box .content {
    padding: 5px 0px;
}

.prodescription {
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    line-height: 24px;
    padding: 10px;
    margin-bottom: 15px;
    text-indent: 20px;
}

.n_banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.n_banner img {
    width: 100%;
    height: auto;
}

.n_banner .nbanner {
    position: absolute;
    height: 100%;
    display: flex;
    color: #fff;
    font-size: 2.3rem;
    font-weight: bold;
    top: 0;
    left: 7%;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    display: none
}

.n_banner .nbanner p {
    font-size: 1.5rem;
}

.left {
     width: 100%;
    padding-bottom: 10px;
}

.left .info{width:55%;float:right;margin:20px auto;}
.left .info h1{font-size:24px;color:#000;line-height:3;text-align:left;margin: 0px;}
.left .info p{color:#333;lin-height:1.6;font-size:14px;}
@media (max-width:990px){
 .left .info{clear:both;width:100%;}
 .left  .htmleaf-container{clear:both;width:100%;}
}

.sort_menu h3 {
    background-color: #ececec;
    line-height: 28px;
    padding-left: 15px;
    font-weight: bold;
}

.sort_product {
    margin-top: 10px;
}

.sort_product h3 {
    background-color: #ececec;
    line-height: 28px;
    padding-left: 15px;
    font-weight: bold;
}

.n_contact {
    margin-top: 10px;
}

.n_contact h3 {
    background-color: #ececec;
    line-height: 28px;
    padding-left: 15px;
    font-weight: bold;
}

.n_contact .content {
    padding: 5px;
    line-height: 24px;
}

.right {
    width: 100%;
    padding-bottom: 10px;
	clear: both;
}

.right .content img{
    max-width: 100% !important;
height: auto;
margin: 0 auto;
display: block;
}

.addbg .right .content .pim {width:40%;float: left;text-align:center;background:#fff;padding: 5%;}
.addbg .right .content .pim img{ margin: 0 auto; width: auto;  max-width: 100% !important;}


.addbg .right .content .proinfo{width:55%;float:right;margin-right:2%;padding:2%;}
.addbg .right .content .proinfo h1{border-bottom:solid #bdbdbd 1px;margin-bottom: 2rem;line-height:3;color:#000;font-size:2.6rem;font-weight:bold;letter-spacing:2px;}
.addbg .right .content .proinfo h2{margin-bottom: 2rem;background:#d9000b;width:30%;display:block;float:left;text-align: center;border-radius: 5px;margin-top:2rem;}
.addbg .right .content .proinfo h2 a{line-height:3;color:#fff;font-size:1.4rem;font-weight:bold;letter-spacing:2px;text-align:center;}

.addbg .right .content .proinfo p{ color:#333;font-size:1.6rem;line-height:2.4;}

.content_gs{background:#fff;margin-top:2rem;clear:both;padding: 2%;}
.content_gs br{display:none;}

.content_td{background:#fff;margin-top:2rem;clear:both;padding: 2%;}
.content_td br{display:none;}
.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;}
.addbg .right .content   td p span{font-size:1.4rem !important;}
.addbg .right .content   td{font-size:1.4rem !important;}
.addbg .right .content   td p{font-size:1.4rem !important;padding: 8px 0px;}
.content_table{background:#fff;margin-top:2rem;clear:both;padding: 2%;overflow:scroll;}

@media (max-width:990px){
.addbg .right .content .pim{width:95%;margin:0 auto;float:left;clear:both;}
.addbg .right .content .proinfo{width:95%;margin:0 auto;float:left;clear:both;}

.addbg .right .content   td p span{font-size:1.2rem !important;}
.addbg .right .content   td{font-size:1.2rem !important;}
.addbg .right .content   td p{font-size:1.2rem !important;}
}





.sitemp {
    font-size: 30px;
    color: #444444;
    margin-top: 3vw;
    text-align: center;
    margin-bottom: 2vw;
}

.sitemp span {
    display: block;
    width: 60px;
    height: 3px;
    background: #d20a1a;
    margin: 0 auto;
    margin-top: 12px;
}

.addbg .right .content {
    margin:30px 0px;
    overflow: hidden;
    line-height: 24px;
	background:#fff;
	
}
.addbg .right .content p{width:100%;font-size:1.6rem;color:#333;line-height:2.4;text-align:left;}
.addbg .right .content p a{width:100%;font-size:1.6rem;color:#333;line-height:2.4;}


.addbg .right .content .pro_lc{width:100%;clear:both;height:auto;}
.addbg .right .content .pro_lc h1{font-weight:bold;color:#000;font-size:2rem;padding:20px 0px;text-align:left;}
.addbg .right .content .pro_lc p{color:#333;font-size:1.6rem;line-height:2;text-align:left;}
.addbg .right .content .pro_lc p a{color:#333;font-size:1.6rem;line-height:2;text-align:left;}
.addbg .right .content .pro_lc img{max-width:100%;width:auto;height:auto;margin:0 auto;}


.addbg .right .content .pro_alc{width:100%;float:left;height:auto;}
.addbg .right .content .pro_alc h1{font-weight:bold;color:#000;font-size:2rem;padding:20px 0px;text-align:left;width:100%;}
.addbg .right .content .pro_alc p{color:#333;font-size:1.6rem;line-height:2;text-align:center;width:100%;}
.addbg .right .content .pro_alc p a{color:#333;font-size:1.6rem;line-height:2;text-align:left;}
.addbg .right .content .pro_alc img{max-width:50% !important;width:auto;height:auto;margin:0 auto;margin:0 auto;}

.sort_album {
    margin-top: 15px;
}

.about_left {
    width: 46%;
    padding: 2.5vw 0;
    margin-right: 4%;
}

.about_left img {
    width: 100%;
    height: auto;
}

.about_right {
    width: 50%;
    padding: 2.5vw 0;
    font-size: 16px;
    line-height: 32px;
}

.num1 {
    padding: 3vw 0;
    border-top: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
}

.num1 .baseN {
    width: 33%;
    float: left;
    color: #444;
    font-size: 20px;
}

.num1 .baseN h5 {
    font-size: 22px;
    color: #2c8335;
}

.num1 .baseN h5 span {
    color: #2c8335;
    font-size: 4.2rem;
}

.icon_list2 li {}

.icon_list2 li a {
    display: block;
    width: 29%;
    float: right;
    margin-right: 21%;
}

.icon_list2 li a img {
    width: 100%;
    height: auto;
}

.icon_list2 li .nintro {
    width: 50%;
    float: left;
    background: #134c8f;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.icon_list2 li .nintro div {
    padding: 8% 13%;
}

.icon_list2 li:nth-child(2) a {
    float: left;
    margin-right: 0;

    margin-left: 21%;
}

.icon_list2 li:nth-child(2) .nintro {
    float: right;
}

.icon_list2 li .nintro h3 {
    font-size: 1.5rem;
    line-height: 3rem;
    position: relative;
    margin-bottom: 1vw;
}

.icon_list2 li .nintro h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #ffffff;
}

.iconbg1 {
    margin-top: 4vw;
}

.aboutbg2 {
    background: #f2f2f2;
    padding: 4vw 0;
    margin-top: 4vw;
}

.aboutbg2 .container2,
.aboutbg1 {
    display: flex;
    align-items: center;
}