*{ margin: 0;padding: 0;}
body {-webkit-text-size-adjust:none; overflow-x:hidden;max-width: 100%;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;text-decoration: none;}
li{list-style: none;}
body{color:#333;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
.fl{float: left;}
.fr{float: right;}
.w1200{width: 1200px;}
.ho{height: auto;overflow: hidden;}
.cl{clear: both;}
.mr{margin: 0 auto;}
.wot{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
input[name="color"]::-webkit-input-placeholder{
    color: #000;
}
input[name="color"]:-moz-placeholder {
    color: #000;
} 
input[name="color"]::-moz-placeholder{ 
color: #000;}
input[name="color"]:-ms-input-placeholder{
color: #000; 
}

#dituContent label {
    max-width: unset!important;
    text-align: center;
}

.clearfix{ clear: both;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-mg-1, .col-mg-2, .col-mg-3, .col-mg-4, .col-mg-5, .col-mg-6, .col-mg-7, .col-mg-8, .col-mg-9, .col-mg-10, .col-mg-11, .col-mg-12{transition: 0.5s;}
.carousel-indicators .active {height: 40px;width: 40px;border-radius: 50%;}
.carousel-indicators li {height: 40px;width: 40px;border-radius: 50%;}

#navlb{ text-align: center; padding-top: 2%; margin: 0;}
#navlb li{ display: inline-block; width: 13%; height: 50px; line-height: 50px; }
#navlb li a{ color: #fff;}
@media screen and (max-width:991px){
  #navlb li{ float: left; width: 25%; padding: 0; height: 40px; line-height: 40px;}
}
@media screen and (max-width:765px){
  #navlb li{ font-size: 12px;}
}


.o_product_detail{ font-size: 14px; color: #999; margin: 0 0 20px; background: #f6f6f6; padding: 15px 15px 5px;}
.o_product_detail .o_product_data{ clear: both; width: 100%; height: auto;}
.o_product_detail .o_product_data:after,.o_product:after{ display: block; content: ''; clear: both; height: 0; width: 0;}
.o_product_data span{ display: block;}
.o_product_data span.key{ color: #282828; font-size: 16px; font-weight: bold;}
.o_product_data span.val{ height: auto; line-height: 25px; padding: 10px 0;}
.colhs{ color: #FE4200;}
.o_product_data span.val b{ color:#FE4200; font-size: 16px;}

.o_product_detail ul{ padding: 2% 0 0; margin: 0;}
.o_product_detail ul .col-xs-3{ padding: 0 1%;}
.o_product_detail ul .col-xs-4{ padding: 0 5px !important;}
.o_product_detail li .pic{ border: 2px solid #e5e5e5; transition:0.3s; text-align: center; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.o_product_detail li .pic p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; background: #fff;}
.o_product_detail li .pic img{ max-width: 100%; height: 100%;}
.o_product_detail li p{ height: 3rem; line-height: 3rem; text-align: center; font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.o_product_detail li:hover .pic{ border: 2px solid #242527;}


/* 头部 */
.top_bar{ height: 30px; line-height: 30px; background: #000;}
.tops{height: 35px;background: #e2e2e0;line-height: 35px;font-size: 12px;}
.tops-right{font-size: 12px;}
.t-r-3,.t-r-2,.t-r-1{margin:0 5px;}
.t-r-3 .words{margin-top: 5px;line-height: 25px;height: 25px;margin-left:0;margin-right:0;float: left;}
.t-r-3 .btn{line-height: 25px;height: 25px;display: block;float: left;margin-top: 5px;line-height: 25px;padding: 0 5px;
    margin-bottom: 0;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-images: none;
    border: none;
    border-radius: 0px;
background: #054c9c;}
.tel-r1{padding-top: 20px;color: #fff;font-size: 12px;}
.tel-r1 i{font-size: 12px;padding-right: 5px;}
.tel-r2 {font-family: Impact;font-size:24px;color: #ffc71c; }
.headers{background: #282828;}
.navbar-collapse.in{overflow: visible;}
.navbar-nav{margin:0 auto;}
.pro-type{display: inline-block;width: 148%;margin:20px auto;}
.pro-type li{display: inline-block;line-height: 40px;text-align: center;position: relative;margin:5px 0;}
.pro-type li a{color: #fff;display: block;background: #282828;}
.pro-type li a:hover{background: #ffc71c;color: #000;}
.pro-type li a:before{display: block;width: 10px;height: 10px;content: "";background: url('../images/type-li.png') no-repeat center center;position: absolute;left:30px; top:18px;}
.pro-content{margin:0 auto;}
.pro-content li {margin-bottom: 30px;}
.pro-content li span{display: block;width: 100%;height: 35px;background: #282828;color: #fff;text-align: center;line-height: 35px;font-size: 14px;}
.pro-content li img{display: block;width: 100%;}
.pro-content li:hover span{background: #ffc71c;color: #000;}
.headers .logo img{display: block;margin:15px 0 15px 0;max-width: 100%;}
.headers .logo .font{ padding: 5% 0 0; color: #ffc71c; font-weight: bold; font-size: 26px;}
.headers .tels{color: #fff;font-size: 16px;padding-top: 17px;}
.headers .tels span{font-family: Impact;font-size: 24px;color: #ffc71c;}
.nav a{color: #fff;font-size: 16px;line-height: 81px;}
.nav > li > a:hover, .nav > li > a:focus{color: #ffc71c;background: none;}
.nav > li > a{padding:10px;font-weight: lighter;font-size: 13px;}
.navbar-toggle{margin:0 auto;position: absolute;top: -70px;right: 2px;}
.navbar-toggle i{color: #ffc71c;font-size: 32px;}
.carousel-inner img{position: relative;}
.banner {position: relative;}
.hot{background: rgba(2, 3, 5, 0.8);position: absolute;bottom:0px;height: 80px;line-height: 80px;width: 100%;}
.hot .hotl {color: #fff;font-size: 14px;}
.hot .hotl i {color: #ffc71c;float: left;display: block;font-size: 32px;}
.hot .hotl span{color: #fff;float: left;display: block;}
.hot .hotl li{color: #ccc;float: left;}
.hot .hotl li a{color: #ccc;}
.ss{height:45px; width: 100%;margin-top:18px;}
.sou_left{float:left; width:345px; height:45px; text-align:left;line-height:30px; padding-left:10px;outline: none;border:none;font-size: 14px;}
.ss_pic{ float:left;}
/* 多参 */
.bit-t{font-size: 34px;font-weight: bold;color: #3f3f3f;text-align: center;height: 80px;}
.bit-t span{display: inline-block;height: 75%;border-bottom: 4px dashed #ffc000;margin:0 auto;position: relative;z-index: 9;text-align: center;}
.bit-t-s{position: relative;font-family: Impact;font-size: 60px;margin: 0 auto; z-index: 8;color: rgba(153, 153, 153, 0.2);margin:0 auto;bottom: 70px;text-transform : uppercase;line-height: 60px;}
.bit-t i{font-style: normal;color: #fbce45;}
/* 首页 */
.bj1{ background: url(../images/bj1.jpg) repeat-y center top; width: 100%; height: auto;}
.bj2{ background: url(../images/bj2.jpg) repeat-y center top; width: 100%; height: auto;}

.slideTxtBox_cp{ text-align:left; margin-top: 3%;}
.slideTxtBox_cp .hd{ height: auto; position:relative; }
.slideTxtBox_cp .hd ul{ height:auto; text-align: center;}
.slideTxtBox_cp .hd ul li{ display: inline-block; background: url(../images/lb_icon.png) no-repeat 15px center #282828; width: 12%; height: 4.5rem; line-height: 4.5rem; padding: 0 0 0 10px; text-align: center; cursor:pointer; color: #fff !important; font-size: 1.5rem;}
.slideTxtBox_cp .hd ul li a{ color: #fff !important;}
.slideTxtBox_cp .hd ul li.on{ height: 4.5rem; background: url(../images/lb_icon1.png) no-repeat 15px center #ffc71c; color: #000 !important;}
.slideTxtBox_cp .hd ul li.on a{ color: #fff !important;}
.slideTxtBox_cp .bd ul{ padding:2% 0 0;  zoom:1;  }
.slideTxtBox_cp .bd li{ text-align:center; transition:0.3s; background: #f5f5f5; overflow: hidden; margin-bottom: 8%; }
.slideTxtBox_cp .bd li .pic{ display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
.slideTxtBox_cp .bd li .pic img{ transition: 0.3s; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
.slideTxtBox_cp .bd li .tit{ background: #282828; transition: 0.3s; line-height: 4.5rem; color: #fff; font-size: 1.4rem; }

.slideTxtBox_cp .bd li:hover .tit{ background: #ffc71c; color: #282828;}
.slideTxtBox_cp .bd li:hover .pic img{ transform: scale(1.1);}

@media screen and (max-width:768px){
  .slideTxtBox_cp .hd ul li{ width: 19%;}
}
@media screen and (max-width:765px){
  .slideTxtBox_cp .hd{ margin-top: 3%; padding: 0 2%;}
  .slideTxtBox_cp .hd ul li{ width: 32%; margin-bottom: 2%;}
  .slideTxtBox_cp .bd ul li .tit{ line-height: 4rem;}
  .slideTxtBox_cp .bd li .tit .left{ font-size: 1.5rem;}
}

#qyhj{ margin-top: 2%;}
#qyhj .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#qyhj .swiper-slide { background-size: cover; background-position: center; position: relative;}
#qyhj .gallery-top { height: auto; width: 100%; padding: 2% 0 0;}
#qyhj .gallery-top .swiper-slide li{ margin-bottom: 1%;}
#qyhj .gallery-top .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; transition: 0.3s; border: 5px solid #f1f3f7; background: #fff;}
#qyhj .gallery-top .swiper-slide .pic p{ width: 100%; height: 100%; text-align: center; object-fit: cover; left: 0; position: absolute;}
#qyhj .gallery-top .swiper-slide .pic img{ max-width: 100%; height: 100%; transition: 0.3s;}
#qyhj .gallery-top .swiper-slide p{ color: #333333; font-size: 16px; text-align: center; line-height: 40px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#qyhj .gallery-top .swiper-slide .pic:hover{ filter: drop-shadow(-6px 5px 6px rgba(0,0,0,0.1));}
#qyhj .gallery-top .swiper-slide .pic:hover img{transform: scale(1.1);}
#qyhj .gallery-thumbs { height: auto; text-align: center; margin-bottom: 1%; padding: 0; box-sizing: border-box; position: relative;}

#qyhj .gallery-thumbs .swiper-slide { display: inline-block; background: url(../images/lb_icon.png) no-repeat 15px center #282828; width: 12%; height: 45px; line-height: 45px; padding: 0 0 0 10px; text-align: center; cursor:pointer; color: #fff !important; font-size: 1.5rem;}
#qyhj .gallery-thumbs .swiper-slide-thumb-active{height: 45px; background: url(../images/lb_icon1.png) no-repeat 15px center #ffc71c; color: #000 !important;}
@media screen and (max-width:1200px){
    #qyhj .gallery-thumbs{ padding: 0;}
}
@media screen and (max-width:768px){
    #qyhj .gallery-top .swiper-slide p{ font-size: 12px;}
}









.top_tel{ background: url(../images/top_tel.png) no-repeat left top; padding: 18px 0 0; color: #ffc71c; font-size: 24px; font-family: impact; margin-top: 18px;}

#zi_banner{ width: 100%; position: relative; overflow: hidden;}
#zi_banner img{ width: 100%;}

@media screen and (max-width:765px){
  #zi_banner img{ width: 200%; margin-left: -40%;}
}

.lxwm{ border: 2px solid #000;}
.lxwm .tit{ line-height: 5rem; color: #fff; text-align: center; background: #000; color: #fff; font-weight: bold; font-size: 2rem;}
.lxwm .content{ padding: 3%; line-height: 20px;}

.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:640px;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }
.slideBox .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }


.slideBox1{ position:relative; overflow:hidden; margin:0 auto;  width:100%;/* 设置焦点图最大宽度 */ }
.slideBox1 .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox1 .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox1 .hd li.on{ background:#fff;  }
.slideBox1 .bd{ position:relative; z-index:0; }
.slideBox1 .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }
.slideBox1 .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox1 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox1 .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }







.main{height: auto;padding:3% 0;}
.product-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/product-bg.png') repeat-y center center;}
.product-fenlei li{margin-top: 5px;margin-bottom: 5px;}
.product-fenlei li span{text-align: center;position: relative;height: 40px;background: #3f3f3f;display: block;line-height: 40px;}
.product-fenlei li a{color: #fff;font-size: 14px;text-decoration: none;}
.product-fenlei li:hover span {background: #ffc71c;}
.product-fenlei li:hover a {color: #000;}
.product-c{padding-bottom: 40px;height: auto;overflow: hidden;}
.product-c li{margin:20px auto;transition: 0.2s;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.product-c li a{display: block;width: 100%;height: 100%;transition: 0.2s;float: left;}
.product-c li a:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);   -webkit-transform: translate3d(0, -6px, 0);    transform: translate3d(0, -6px, 0);}
.product-c li img{display: block;width: 100%;}
.product-c li span{float: left;display: block;width: 100%;}
.product-c li i{float: left;display: block;width: 100%;height: 48px;line-height: 48px;background: #313131;font-style: normal;color: #fff;text-align: center;font-size: 20px;}
.product-c li:hover {}
.product-c li:hover i{background: #fdd047;color: #000;}
.youshi-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/youshi-bg.png') repeat-y center center;padding-bottom: 30px;}

#ysnr{ background: url(../images/ysline.png) no-repeat center top; width: 100%; height: auto;}
.youshi-c img{display: block;width: 100%;}
.youshi-c-t{font-size: 33px;font-weight: bold;color: #303030;line-height: 45px;margin:20px 0;}
.youshi-c-s{width: 55px;height: 4px;margin-bottom: 10px;background: #d4d4d4;}
.youshi-c-c li{line-height: 35px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;position: relative;font-size: 14px;}
.youshi-c-c li:last-child{margin-bottom: 30px;}

@media screen and (max-width:1200px){
.youshi-c-t{ font-size: 26px;}
.youshi-c-c li{ font-size: 13px;}
}
@media screen and (max-width:1024px){
.youshi-c-c li{ font-size: 12px;}
}

/*.youshi-c-c li:before{content: "\e600";color: #000;font-family: "iconfont" !important;font-size: 16px;
    font-style: normal;-webkit-font-smoothing: antialiased;position: absolute;left: 0px;}*/
.about-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/product-bg.png') repeat-y center center;padding-bottom: 30px;}
.about-cl{margin:40px auto 0;}
.about-cl img{display: block;width: 100%;}
.about-cr{margin:40px auto 0;}
.about-cr ul{ padding: 0;}
.about-cr ul li{ text-align: center; font-size: 1.3rem;}
.about-cr ul li img{ max-width: 100%; padding-bottom: 10px;}
.about-cr-t{font-size:24px;color: #282828;font-weight: bold; }
.about-cr-t span{font-size:14px;color: #666666;display: block;text-transform : uppercase;font-weight: lighter;}
.about-cr-c{margin: 20px 0;font-size: 16px;}
.about-cr-c1{line-height: 30px; color: #666666;}
.about-cr-c1 a{color: #f9bd0f;}
.about-cr-c2 {text-align: center;}
.about-cr-c2 li {display: inline-block;width:22%;}
.about-cr-c2 li  img{display: block;width: 80%;margin:10px auto;}
.about-cr-c2 li  span{text-align: center;}
._03_fengcai{margin-top: 2%;}
._03_fengcai h4{line-height: 40px;text-align: center;font-size: 14px;color: #333;position: relative;}
._03_fengcai h4:after{width: 100%;height: 1px;content: '';position: absolute;left: 0;bottom:0;background: #e5e5e5;z-index: 1;}
._03_fengcai h4:before{width: 0;height: 1px;content: '';position: absolute;left: 50%;bottom:0;background: #e5e5e5;z-index: 2;transition: all .4s;}
._03_fengcai a:hover h4:before{width: 100%;background: #bb0202;left: 0;}


@media screen and (max-width:640px){
  .case-content{padding-left:0;padding-right: 0}
  .bit-t{width: 100%;}
  #ysnr{ background: none;}
  .youshi-c-t{ font-size: 23px;}
}


#cpnr .swiper-container {
  padding: 2% 0 5%;
  width: 100%;
  height: 100%;
  position: relative;
}
#cpnr .swiper-slide {
  text-align: center;
  transition:0.3s;
  overflow: hidden;
  /* Center slide text vertically */
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#cpnr .swiper-slide a{ display: block; width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
#cpnr .swiper-slide a img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#cpnr .swiper-slide a .shuiyin{ width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 2;}
#cpnr .swiper-slide p{ width: 100%; color: #666666; height: 4.5rem; border-bottom: 1px solid #cdcdcd; line-height: 4.5rem; transition:0.3s; position: relative;}
#cpnr .swiper-slide p::before{ position: absolute; left: 0; bottom: -3px; height: 3px; background: #f9cb3d; width: 0; content: ''; transition:0.5s;}
#cpnr .swiper-slide:hover p{ color: #fff; background-color: #282828;}
#cpnr .swiper-slide:hover p::before{ width: 100%;}
#cpnr .swiper-slide:hover img{ transform: scale(1.1);}
#cpnr .swiper-container .swiper-button-next,#cpnr .swiper-container .swiper-button-prev{ background: url(../images/al_right.png) no-repeat center #282828; width: 50px; height: 50px; border-radius: 25px; position: absolute; bottom: 0; top: auto; transition:0.3s;}
#cpnr .swiper-container .swiper-button-prev{ background: url(../images/al_left.png) no-repeat center #282828; right: auto; left: 45%;}
#cpnr .swiper-container .swiper-button-next{ left: auto; right: 45%;}
#cpnr .swiper-container .swiper-button-prev:hover{ background-color: #f9cb3d; background-image: url(../images/al_left.png) no-repeat center; box-shadow:0px 0px 10px #d7d7d7;}
#cpnr .swiper-container .swiper-button-next:hover{ background-color: #f9cb3d; background-image: url(../images/al_right.png) no-repeat center; box-shadow:0px 0px 10px #d7d7d7;}
@media screen and (max-width:991px){
  #cpnr .swiper-container{ padding-bottom: 8%;}
  #cpnr .swiper-container .swiper-button-prev{ left: 42%;}
  #cpnr .swiper-container .swiper-button-next{ right: 42%;}
}
@media screen and (max-width:768px){
  #cpnr .swiper-container{ padding-bottom: 15%;}
  #cpnr .swiper-container .swiper-button-prev{ left: 35%;}
  #cpnr .swiper-container .swiper-button-next{ right: 35%;}
  #cpnr .swiper-container #more a{ width: 35%;}
}


.layui-elem-field {  margin-bottom: 50px; border:2px solid  #c8c8c8; position: relative; }
.layui-elem-field legend {padding: 0 20px;width: auto;border-bottom: none;text-align: center;margin-left:auto;margin-right:auto;font-size:34px;font-weight: bold;text-transform : uppercase;margin-bottom: 0px;}
.layui-elem-field i{font-style: normal;}
.layui-elem-field span{color: #fbce45;font-size: 50px;padding:0 10px;}
.layui-elem-field a{display: block;margin: 0 auto;overflow: hidden;line-height: 36px;position: relative;text-align: center;color: #999999;font-size: 17px;text-transform : uppercase;}
.tixic li{margin-bottom: 30px;}
.tixic a {display: block;width: 100%;height: 100%;position: relative;border-bottom: 4px solid #f9cb3d;}
.tixic img {display: block;width: 100%;}
.tixic span {display: block;width: 100%;position: absolute;bottom: 0px;background: rgba(0, 0, 0, 0.5);line-height: 75px;text-align: center;font-size: 24px;color: #fff;}
.tixic li:hover  span{background: #102d55;}
.case-bg{width: 100%;height: auto;overflow: hidden;background:#fbfbfb;padding-bottom: 30px;}
.rvc{max-width:1140px;position:relative;margin:auto;margin-top:30px}
.rvc .rvc-wrapper{margin:auto;overflow:hidden}
.rvc .rvc-wrapper ul{overflow:hidden;position:relative}
.rvc .rvc-wrapper ul li{float:left;border:1px solid #cccccc;}
.rvc .rvc-wrapper ul li a{display:block;width:100%;height:auto;text-decoration:none;color: #fff;font-size: 14px;}
.rvc .rvc-wrapper ul li a .img-wrapper{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width: 100%;}
.rvc .rvc-wrapper ul li a .img-wrapper img{display: block;width: 100%;}
.rvc .rvc-wrapper ul li a h2{margin-top:10px;text-align:center}
.rvc .rvc-wrapper ul li a p{height: 35px;line-height: 35px;text-align: center;margin-bottom: 0px;background: #313131;font-size: 12px;}
.rvc .rvc-wrapper ul li a:hover p{background: #fed148;}
.rvc .rvc-wrapper ul li a:hover {color: #2e2e2e;}
.rvc-prv,.rvc-next{position:absolute;height:100%;top:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.rvc-prv{left:0}
.rvc-next{right:0}
.news-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/product-bg.png') repeat-y center center;padding-bottom: 30px;}
.news-cl{margin-top: 30px;}
.news-cr{ margin-top: 20px;}
.news-cl .img-wrapper{width: 100%;min-height: 260px;margin-bottom: 10px;}
.news-cl .content-wrapper .c1{font-size: 18px;font-weight: bold;color: #333;margin-bottom: 10px}
.news-cl .content-wrapper .c2{font-size: 14px;color: #333;margin: 10px 0;line-height: 32px;}
.news-cr .news-cr-1{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:50px 0;text-align: center;margin-bottom: 40px;border-right: 1px solid #ccc;}
.news-cr .news-cr-1 .news-cr-11{font-size: 24px;font-weight: bold;color: #333}
.news-cr .news-cr-1 .news-cr-12{font-size: 18px;color: #999}
.news-cr .news-cr-2 .news-cr-21{font-size: 18px;font-weight: bold;color: #333}
.news-cr .news-cr-2 .news-cr-22{font-size: 14px;color: #333;margin:10px 0;line-height: 32px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.footer-top {margin-top: 45px;height: auto;overflow: hidden;}
.footer-top li{float: left;font-size: 14px;color: #999999;text-transform : uppercase;padding-bottom: 20px;}
.footer-ct li a:after{content: "/";color: #999;position: relative;left:6px;}
.footer-top li a{padding:0 8px;color: #999999;font-size: 14px;}
.footer-top li a:hover{color: #f5bf1c;}
.footer-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/footbg.png') repeat-y center center;}
.footer-cl {margin-top: 20px;}
.footer-cl li{float: left;font-size: 14px;color: #999999;text-transform : uppercase;padding-bottom: 20px;}
/*.footer-cl li a:after{content: "/";color: #999;font-size: 14px;position: relative;left:6px;}*/
.footer-cl li a{padding:0 8px;color: #999999;}
.footer-cr {font-size: 14px;margin-top: 40px;margin-bottom: 40px;}
.footer-cr li {color: #b3b2b2;padding-top: 5px;padding-bottom: 5px;}
.footer-cr li a{color: #b3b2b2;}
.footer-cr li a:hover{color: #f5bf1c;}
.footer-cr-1 span{color: #da0410;font-size: 20px;}
.footer-cr-2 span{color: #da0410;font-size: 20px;}
.footer-cr .f-ts{color: #fff;font-size: 14px;line-height: 22px;margin-top:22px;}
.footer-cr .f-tc{color: #da0410;font-size: 20px;font-weight: bold;line-height: 25px;}
.footer-cr .f-ad{margin-top: 15px;}
.footer-cr .f-ad li{font-size: 14px;color: #999;line-height: 31px;}
.footer-cr .f-it{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:20px;}
.footer-cr .f-it img{display: block;width: 100%;}
.end-bg{background: #393939;}
.end-content{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:10px 0;}
.end-content {color:rgba(255,255,255,.5);font-size: 14px;}
.end-content a{color:rgba(255,255,255,.5);font-size: 14px;padding-right: 10px;}
/* 左侧 */
#pro_title {height:90px;width: 100%;background: rgba(2, 3, 5, 1);float: left;color: #fff;margin-bottom: 0px!important;}
.pro_t1{text-align: center;font-size: 24px;font-weight: bold;padding-top: 18px;}
.pro_t2{text-align: center;text-transform : uppercase;}
#pro_list{ background: #fff; float: left;width: 100%;border:2px solid rgba(2, 3, 5, 1);-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;margin-bottom: 0px!important;padding:10px 0;}
#pro_list li{ height:35px; line-height:35px;border-bottom: 1px solid #e9e9e9; font-size: 16px; transition: 0.3s;width: 90%;margin:1% 5%;padding-bottom: 1%}
#pro_list li a{ color: #1b1b1b;display: block;width: 100%;height: 100%;font-size:15px;text-indent: 30px;transition: 0.3s;}
#pro_list li:hover{}
#pro_list li:hover a{background-color: #f5b91a;color: #000;border-radius: 23px;}
#pro_list dl{ margin: 0;}
#pro_list dl dt{ height: 30px; color: #999; line-height: 30px; font-weight: normal; padding-left: 60px; font-size: 13px; transition:0.3s; border-bottom: 1px dashed #ededed; margin: 0 5%;}
#pro_list dl dt a{ color: #999;}
#pro_list dl dt:hover{border-bottom: 1px dashed #333; color: #000; }
#pro_list dl dt:hover a{ color: #000; }
#cpfl_sj .swiper-container {
  width: 100%;
  height: 100%;
}

#cpfl_sj .swiper-slide {
  text-align: center;
  background: #fff;
  font-size: 16px; height: 50px; line-height: 50px;
  transition:0.3s;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}






#pro_list1 li{ height:45px; line-height:45px; background: #1b3266; text-align: center; transition: 0.3s; padding: 0 !important; margin-bottom: 2%;}
#pro_list1 li a{ color: #fff;display: block;width: 100%;height: 100%;}
#pro_list1 li:hover{ background: #fea803;}
#pro_list1 li:hover a{ color: #fff;}
.type_s{height: auto;overflow: hidden; background: #232323; padding: 5px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.type_so{height: auto;overflow: hidden; background: #232323;line-height: 4.5rem;color: #fff;font-weight: bold;font-size: 1.7rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.type_so a{color: #fff;display: block;height: 100%;}
.type_so a:hover{outline: none;background: none;color: #fff;}
.type_so a:focus{color: #fff;}
.type_s li{ line-height: 4rem;padding:0 10px; background: #fff; border-bottom: 1px solid #333;}
.type_s li a{color: #333; font-size: 1.5rem;display: block;width: 100%;height: 100%;}
.type_st{ height: auto; overflow: hidden; margin: 0;}
.type_st.show{visibility: visible;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); height: auto;}
.type_so .fa-angle-right{transition: all .2s;}
.type_so.show .fa-angle-right{ transform: rotate(90deg);display: block;}
.fa-angle-right{display: inline!important;line-height: 4.5rem!important;}
/* 内页 */
#content_zy{ line-height: 30px;}
.pro{}
.pro li{ overflow:hidden; text-align:center;white-space:nowrap; margin-bottom: 20px; transition:all 0.3s linear 0s;border:1px solid #efefef;}
.pro li .li-img{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; }
.pro li .li-img p{ width: 100%; height: 100%; object-fit: cover; left: 0; text-align: center; position: absolute;}
.pro li .li-img img{ max-width: 100%; height: 100%;}
.pro li p{ line-height: 45px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin-bottom: 0!important;}
.pro li a{position: relative;height: auto;overflow: hidden;display: block;width: 100%;height: 100%;border-bottom: 4px solid #f9cb3d; transition:0.3s;}
.pro li:hover a{ border-bottom: 4px solid #333;}
.pro li .tent{font-size: 17px;line-height: 45px;display: block;
    width: 100%;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff;
text-align: center;}
.pro1 li:hover{ background: #0959b7;}
.pro1 li:hover a{color:#fff;} 
.pro_name1{ color:#4a4a4a; font-size:24px;text-align: center;}
/* 新闻中心 */
.news_1nr{width:100%; margin:0 auto;}
.news_1nr ul li{margin:0 0 45px 0; position:relative; padding:9px 16px 0 0; border:1px solid #c4c4c4; width:100%;float: left;}
.news_1nr ul li span{width:15%; height:120px; overflow:hidden; float:left; border-bottom:3px solid #06519f; color:#ffffff; text-align:center; background:#3974ca; position:absolute; top:-1px; left:8px;transition: all 0.4s;}
.news_1nr ul li span h1{font-size:30px; font-family:Impact; line-height:42px; padding:20px 0 10px 0; display:block;margin:0 auto;}
.news_1nr ul li a{width:100%; height:100px;display:block; font-size:15px;}
.news_1nr ul li div{width:80%; float:right;height: 75px;overflow: hidden;color: #000}
.news_1nr ul li div p{line-height:24px; font-size:13px;overflow: hidden;}
.news_1nr ul li:hover{background:#f2f2f2;}
.news_1nr ul li:hover span{background:none; border-bottom:0px; color:#ffc71c;transition: all 0.4s;}
.news_title {display: block;width: 100%;text-align: center;}
.meta{display: block;width: 100%;text-align: center;font-size: 12px;line-height: 45px;color: #333;}
.content{font-size: 14px;line-height: 32px;}
.content iframe{width:100%;min-height: 450px;}
#fwzc3_box .box{text-align: center;}
#fwzc3_box .box .t1{margin:20px auto;color:#1c1717;vertical-align:top;font-size:40px;line-height:50px}
#fwzc3_box .box .t2{margin:30px auto;color:#494949;text-align:center;font-size:22px;line-height:30px}
#fwzc3_box .box .t2 span{color:#db3021;font-weight:700;font-size:29px}
#fwzc3_box .box .t3{color:#898989;text-align:center;font-size:16px;line-height:30px}
#fwzc3_box .box ul{margin:80px 0;height:68px;text-align:center}
#fwzc3_box .box ul li{display:inline-block;margin:0 10px;padding:0 10px;height:66px;border:1px solid #c3c1c1;color:#5e5f61;font-size:22px;line-height:68px}
.usinfo{margin-bottom: 40px;color:#717171;font-weight: lighter;font-size:17px;line-height:35px;}
.usinfo li{float: left;margin:5px 20px 5px 0;padding:5px 10px;border:1px solid #ccc;border-radius:5px;color: #898989;line-height: 35px;}
.ads{padding:10px 0;width:100%;background:#0d4da3;color:#fff;}
.big-text2{z-index:3;margin:0 auto;color:#fff;text-align:center;text-transform:uppercase;font-weight:700;font-size:48px;}
.big-text2 i{padding:5px 30px;background: #ff6800;font-style: normal;}
.big-text2 span{padding:0 20px;vertical-align:bottom;font-size:73px;line-height: 73px;}
.index_title{height: 70px; line-height: 70px; background: #eeeeee; width: 100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding:0 5%;}
.index_title .left{position: relative;color: #0a0a0a;font-size: 17px;font-weight: bold;float: left;}
.index_title .left:before{content:"";display:block;width: 6px;height: 31px; background: #e97e12;position: absolute;top:30%;left:-30%;}
.index_title .right{line-height: 70px;float: right;}
.index_title .right a{font-size:14px;color: #0a0a0a;}
.index_title .right i{ display: inline-block; padding-right: 10px;}
.page{text-align: center;}
.page a{display: inline-block;padding:5px 10px;border:1px solid #efefef;}
.page .current{display: inline-block;padding:5px 10px;border:1px solid #efefef;background: #f7f7f7;}
.page a:hover{color: #fff;background: #fb5e1c;}
#prev_next li{border-radius:5px;border:1px solid #ccc;width: 48%;float: left;margin:1%;text-align: center;font-size: 14px;line-height: 35px;}
#prev_next li a{font-size: 14px;}
.navbar-collapse{ padding: 20px 0 0;}
.online_kefu{ position: fixed;  bottom: 20vh;right:5%;z-index: 9;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:45px; height:45px; text-align: center; margin:5px 0; position: relative; background-color: #858585; color: #fff; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu li i{font-size: 22px;}
.online_kefu ul li a{ color: #fff;}
.online_kefu ul li .con{ position: relative; line-height:45px;}
.online_kefu ul li .hover_con{ position: absolute;  left:-200px;left:-100px;    width: 100px;   color: #ffffff;text-align: center;background-color: #333;height:40px; line-height:40px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode {  }
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -141px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}
.online_kefu li:hover{background-color: #333;}
.online_kefu li:hover .hover_con{left:-110px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #333; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }
.online_kefu li.qrcode:hover .hover_con{  bottom: -60px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}
.lfooter { width:100%; background:#282828; position:fixed; bottom:0px; z-index:999;border-top:2px solid #cf0000;}
.lfooter ul li { width:25%; height:auto; float:left; text-align:center; padding:0.2rem 0px;font-weight: lighter;}
.lfooter ul li i{font-size: 23px;}
.lfooter ul li a { color:#fff;text-transform : uppercase;}



.lag a{ line-height: 84px;display: block;float: left;margin:0 5px;color: #ffc71c;}

@media screen and (max-width:768px){
  .index_title{padding:0 5% 0 8%;}
  .navbar-collapse{ padding: 0;}
  .navbar-nav {float: left!important;margin: 0;}
  .navbar-nav > li {float: left; width: 25%; text-align: center;}
  .navbar-nav > li > a {padding: 0 !important; font-size: 13px; display: block;line-height: 40px;}
  .meta img{width: 100%;display: block;}
  #prev_next li{width: 98%;}
  .layui-elem-field a{font-size: 14px;}
  .footer-top {padding-left:0; padding-right: 0}
  .footer-cr{padding-left:0; padding-right: 0}
}

@media screen and (max-width:1200px){
  .product-content{width: 100%;}
  .youshi-content{width: 100%;}
  .about-content{width: 100%;}
}

@media screen and (max-width:992px){
  .news_1nr ul li div{width: 100%;padding-left: 30px;}
  .news_1nr ul li a {height: auto;padding-bottom: 30px;overflow: hidden;}
  .news_1nr ul li div{height: auto}    
}