﻿@charset "utf-8";
html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#91989f; font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,微软雅黑,STHeiti,华文细黑,sans-serif; cursor:default; }
*{padding:0px; margin:0px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,微软雅黑,STHeiti,华文细黑,sans-serif;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,微软雅黑,STHeiti,华文细黑,sans-serif; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#91989f; text-decoration:none;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}
a:hover{color:#005caf;}

.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}

.con{width:1400px; margin:0 auto;max-width: 94%;}
.container { width:1400px; margin:0 auto;max-width: 94%;}
.header{width:100%; position:relative; top:0; left:0; z-index:10;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .head{height: 130px;background: #fff;}
.header .container{position:relative;}
.header .logo{float:left; margin:10px 0 10px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header .logo img{width:auto; height:102px; display:block;}
.header .tel {float: right;margin-right: 46px;margin-top: 23px;line-height: 30px;}
.header .tel h3{font-size: 20px;font-weight: bold;color: #000;}
.header .tel h3 img{width: 15px;margin-left: 10px;vertical-align: middle;}
.header .tel p{font-size: 20px;color: #E51C24;font-weight: bold;}
.header .ewm{float: right;width: 87px;margin-top: 23px;}
.header .ewm img{width: 100%;display: block;}

.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}

.header .nav{width: 100%;height: 57px;background: #F2F2F2;}
.header .nav i{line-height:54px; text-align:right; position:absolute; width:50%; height:60px;background: url(../images/yjt.png) right center / 15px no-repeat;right: 0; top:50%; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header.on .nav{ float:right; margin-top:15px}
.header .nav ul li{line-height:57px; float:left; position:relative; width: 140px;text-align: center;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header .nav ul li a{display:block; font-size:16px; color:#000; position: relative;z-index: 2;}

.header .nav ul li span{width:0; height:100%; background-color:#E51C24; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li:hover a{color: #fff;}
.header .nav ul li.on a{color: #fff;}
.header .nav ul li.on span{width:100%;}

.nav .y_j{position:relative;}
.nav .e_j{width:150px; background-color:rgba(255,255,255,.95); position:absolute; top:57px; left:50%; margin-left:-75px; display:none; z-index:9999;box-shadow: 0 2px 2px #aaa;}
/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/
.header .nav ul li .e_j a{display:block; font-size:14px; color:#000; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.15); text-align:center }
.nav .e_j .ejy { position:relative;padding: 0;width: 100%;margin: 0;}
.nav .e_j .s_j {width:180px; background-color:rgba(255,255,255,.95); position:absolute; top:0px; left:150px; display:none; z-index:9999;}
.nav .e_j .ejy:hover .s_j{display: block;box-shadow: 0 2px 2px #aaa;}
.header .nav .e_j a:hover{background-color:#E51C24; color:#fff;}

@media (min-width:1024px){

.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
.head_h { height: 68px; display: none}
}


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

}


.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto;display:block;}
.gallery-top .mb{width:100%; height:100%; display:block; position:absolute; left:0; top:0;display: flex;justify-content: center;align-items: center;flex-direction: column;background: url(../images/mb.png) center / cover no-repeat;}
.gallery-top .mb h1 { font-size:60px; color:#fff; margin-bottom:24px;font-weight: bold;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}

.gallery-top .swiper-slide-active h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.gallery-top .mb h4 { font-size:40px;line-height: 56px; color:#fff;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.gallery-top .swiper-slide-active h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.gallery-top .more {width: 389px;height:83px;line-height: 81px;border-radius: 45px;border: #FFEF55 1px solid;background: rgba(255,239,85,0.05); text-align: center;font-size: 30px;margin-top: 66px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.gallery-top .more a{color: #FFEF55;}
.gallery-top .more:hover{background: #FFEF55;}
.gallery-top .more:hover a{color: #000;}
.gallery-top .swiper-slide-active .more{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.gallery-top .swiper-pagination{bottom:110px !important;}
.gallery-top .swiper-pagination-bullet {width:24px; height:28px;text-align: center; display:inline-block; border-radius:0; opacity:1;font-size: 20px;color: #fff;background: none;position: relative;margin: 0 5px;}
.gallery-top .swiper-pagination-bullet::after{content: "";display: none;position: absolute;left: 35px;top: 13px;width: 13px;height: 2px;background: #fff;}
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active {margin-right:45px !important;}
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active::after {display: block;}


.sy_sp{position: relative;}
.sy_sp .mb{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.sy_sp .mb .ico{width: 105px;margin-bottom: 58px;}
.sy_sp .mb h1{font-size: 60px;color: #fff;font-weight: bold;text-shadow: 0 0 5px rgba(0,0,0,0.62);margin-bottom: 46px;}
.sy_sp img{width: 100%;display: block;}
.sy_sp .more {width: 162px;height: 53px;background: url(../images/morebj.png) center / 100% no-repeat;line-height: 53px;text-align: center;}
.sy_sp .more a {font-size: 16px;color: #fff;}
.sy_sp .more:hover {background: #e51c24;}
.product-number-info {
  
    position: relative;margin-bottom: 80px;
}
.product-number-info h2 {font-size: 30px;text-align: center;color: #fff;margin-bottom: 50px;}

.product-number-info .product-number-inner {

    margin: 0 auto;
}

.product-number-info ul {display: flex;justify-content: space-between;
    
}

.q {
    zoom: 1; }

.product-number-info li {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;
    color: #fff;box-sizing: border-box;position: relative;display: flex;justify-content: center;align-items: center;flex-direction: column;
}

.product-number-info li b {
    font-size:70px;color: #fff;font-weight: bold;text-shadow: 0 0 5px rgba(0,0,0,0.62);
    line-height: 1;
    display: inline-block;
    position: relative;
}
.product-number-info li h3 {font-size: 20px;color: #fff;text-shadow: 0 0 5px rgba(0,0,0,0.62);}
.product-number-info li p {
    font-size: 22px;color: #fff;font-weight: bold;text-shadow: 0 0 5px rgba(0,0,0,0.62);
}

.product-number-info li b i {
    font-style: normal;
}

.product-number-info li b sup {
    position: absolute;
    font-size: 18px;
    right: -20px;
    bottom:10px;font-family: PingFang SC;font-weight: bold
	
}


.product-number-info li b em {
    font-style: normal;
    font-size: 28px;
    font-weight: bold;
    padding-left: 2px;
    position: relative;
    bottom: 10px;
}

.tit{text-align: center;margin-bottom: 70px;}
.tit h1{font-size: 40px;font-weight: bold;color: #000;margin-bottom: 10px;}
.tit h1 span{color: #E51C24;}
.tit h3 {color: #666666;font-size: 22px;font-weight: bold;}
.tit .line{width: 50px;height: 5px;background: #E51C24;margin: 15px auto 0;}

.in_abt{padding: 120px 0 80px;background: url(../images/ab_bj.jpg) center / cover no-repeat;position: relative;overflow: hidden;}
.in_abt .tit{float: left;}
.in_abt .tit h1{float: left;font-size: 50px;font-weight: bold;color: #000;margin-bottom: 15px;}
.in_abt .tit h1 span{color: #E51C24;}
.in_abt .tit h3 {color: #666666;font-size: 22px;font-weight: bold;}
.in_abt .nr{width: 890px;float: right;color: #222222;font-size: 16px;line-height: 40px;}

.in_abt .absj {
  
    position: relative;width: 690px;margin:45px 0 0;
}
.absj h2 {font-size: 30px;text-align: center;color: #fff;margin-bottom: 50px;}

.absj .product-number-inner {

    margin: 0 auto;
}

.absj ul {display: flex;justify-content: space-between;
    
}

.absj li {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;
    color: #fff;box-sizing: border-box;position: relative;display: flex;justify-content: center;align-items: center;flex-direction: column;
}

.absj li b {
    font-size:40px;color: #000;font-family:  PingFangSC-Medium;
    line-height: 1;
    display: inline-block;
    position: relative;
}
.absj li h3 {font-size: 20px;color: #666;letter-spacing: 1px;}
.absj li p {
    font-size: 22px;color: #666;font-family:  PingFangSC-Medium;
}

.absj li b i {
    font-style: normal;
}

.absj li b sup {
    position: absolute;
    font-size: 16px;
    right: -20px;
    top: -3px;font-family: PingFang SC;font-weight: normal
	
}
.absj li b em {
    font-style: normal;
    font-size: 28px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
}
.in_abt .bottom {padding-top: 45px;overflow: hidden;position: relative;z-index: 5;}
.in_abt .bottom .left {width: 751px;height: 302px;background: #E51C24;position: relative;padding: 57px 41px;}
.in_abt .bottom .left h1{font-size: 40px;color: #fff;font-weight: bold;}
.in_abt .bottom .left::after {width: 100%;height: 100%;background:url(../images/znbj.png) right center no-repeat;position: absolute;left: 0;top: 0;content: "";opacity: 0.47;}
.in_abt::after{content: "AUTO";position: absolute;right: -50px;bottom: 0;font-size: 300px;font-weight: bold;color: #000;opacity: 0.04;}
.in_abt .more {width: 160px;height: 50px;line-height: 50px;background: #E51C24;text-align: center;font-size: 16px;color: #fff;border-radius: 25px;margin-top: 140px;float:right;}
.in_abt .more a{color: #fff;}

.in_cp{padding: 100px 0;}
.in_cp .list{width: 333px;float: left;}
.in_cp .list .b_t{line-height: 79px;background: #E51C24;text-align: center;color: #fff;font-size: 30px;font-weight: bold;}
.in_cp .list ul{background: #EEEEEE;}
.in_cp .list ul li{font-size: 22px;line-height: 65px;font-weight: bold;padding: 0 29px;}
.in_cp .list ul li:hover{background: #CFCFCF;}
.in_cp .list ul li a{color: #000;}
.in_cp .list ul li:hover a{color: #E51C24;}
.in_cp .list .l_x{margin-top: 10px;border: #EEEEEE 1px solid;}
.in_cp .list .l_x .dh{padding: 9px 50px;background: #EEEEEE;}
.in_cp .list .l_x .dh h3{font-size: 30px;color: #000;margin-bottom: 3px;font-weight: bold;}
.in_cp .list .l_x .dh h3 img{width: 29px;margin-left: 10px;vertical-align: middle;}
.in_cp .list .l_x .dh p{font-size: 26px;font-weight: bold;color: #E51C24;}
.in_cp .list .l_x .nr{padding: 20px 21px;line-height:40px;color: #000;font-size: 16px; }
.in_cp .right{width: calc(100% - 363px);float: right;display: flex;justify-content: space-between;flex-wrap: wrap;}
.in_cp .right li{width: calc((100% - 60px) / 3);margin-bottom: 30px;position: relative;overflow: hidden;}
.in_cp .right li .w_z{position: absolute;width: 100%;left: 0;bottom: 0;height: 95px;background-image: linear-gradient(to top,rgba(0,0,0,0.78),transparent); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;padding: 15px;z-index: 9;}
.in_cp .right li .w_z p {font-size: 22px;font-weight: bold;color: #fff;position: absolute;left: 15px;bottom: 15px;}
.in_cp .right li:first-child {width:calc(66.6666% - 10px);}
.in_cp .right li:last-child {width:calc(66.6666% - 10px);}
.in_cp .right li img{width: 100%;display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.in_cp .right li:hover img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }

.in_spbk {padding: 94px 0 80px;overflow: hidden;background: url(../images/spbj2.png) center / cover no-repeat;position: relative;}

.in_spbk .con {position: relative;z-index: 9;}
.swiper-cp{ margin:0 auto; padding-bottom:50px;}
.swiper-cp .swiper-slide{position:relative;overflow: hidden;}
.swiper-cp .swiper-slide .t_p{overflow: hidden;position: relative;}
.swiper-cp .swiper-slide .t_p .mb {position: absolute;width: 100%;height: 100%;z-index: 3;background: rgba(0,0,0,0.48);display: flex;justify-content: center;align-items: center;}
.swiper-cp .swiper-slide .t_p .mb img{width: 60px;height: 60px;opacity: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.swiper-cp .swiper-slide:hover .t_p .mb img{width: 60px;height: 60px;display: block;opacity: 1}

.swiper-cp .swiper-slide img {width: 100%;display: block; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;z-index: 1;}
.swiper-cp .swiper-slide:hover img { -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.swiper-cp .swiper-slide .w_z{bottom: -80px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;background: #E51C24;color: #fff;padding: 20px 25px;line-height: 32px;font-size: 22px;opacity: 0;position: absolute;left: 0;z-index: 9;width: 100%;}
.swiper-cp .swiper-slide:hover .w_z{bottom: 0;opacity: 1;}


.in_spbk .swiper-pagination-bullet {
  background: #DADADA;opacity: 1;width: 50px;height: 5px;
}
.in_spbk .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#E51C24}

.in_ry{padding: 100px 0 90px;}
.swiper-tpzs{margin:0 auto; padding-bottom:100px;padding-top: 40px;}
.swiper-tpzs .swiper-slide{position:relative;overflow: hidden;}
.swiper-tpzs .swiper-slide.swiper-slide-next {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    z-index: 10;
  }
.swiper-tpzs .swiper-slide img{width:100%; height:auto; display:block; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.swiper-tpzs .swiper-slide:hover img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.swiper-tpzs .swiper-pagination-bullet {
  width: 50px;height: 5px;margin: 0 8px !important;
  background: #DADADA;opacity: 1;
}
.swiper-tpzs .swiper-pagination {
  bottom: 0px !important;
}
.swiper-tpzs .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #E51C24 ;}

.in_ys{padding: 0px 0 ;}
.ysbox{position: relative;margin-top: 120px;}
.ysbox .hd {position: absolute;z-index: 5;top: -56px;left: 0;width: 100%;}
.ysbox .hd ul li{width: calc(25% - 10px);float: left;margin: 0 5px;background: #001835;padding: 30px 0 30px 26px;display: flex;align-items: center;}
.ysbox .hd ul li .ico{width: 50px;margin-right: 18px;}
.ysbox .hd ul li .ico img{width: 100%;display: block;}
.ysbox .hd ul li .w_z{width: calc(100% - 71px);}
.ysbox .hd ul li .w_z h3{font-size: 26px;color: #fff;font-weight: bold;}
.ysbox .hd ul li .w_z p{font-size: 20px;color:rgba(255,255,255,0.6);}
.ysbox .hd ul li.on{background: #E51C24;}
.ysbox .bd {width: 100%;}
.ysbox .bd img{width: 100%;display: block;}
.ysbox .bd .nr{position: relative;}
.ysbox .bd .nr .con{position: absolute;top: 35%;z-index: 5;left: 50%;transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.ysbox .bd .nr .w_z{width: 688px;background: rgba(0, 24, 53, 0.89);padding: 55px 54px;}
.ysbox .bd .nr .w_z .s_z{width:74px;height: 139px;line-height: 139px;left: 0;top: -56px;background: #E51C24;color: #fff;font-size: 50px;font-weight: bold;position: absolute;text-align: center;}
.ysbox .bd .nr .w_z .wzbox{padding-left: 52px;}
.ysbox .bd .nr .w_z .wzbox h3{font-size: 26px;color: #fff;font-weight: bold;margin-bottom: 22px;position: relative;}
.ysbox .bd .nr .w_z .wzbox h3::before{content: "";left: -52px;top: 50%;margin-top: -1px;height: 2px;width: 52px;background: #fff;}
.ysbox .bd .nr .w_z .wzbox p{font-size: 20px;color: #fff;font-weight: bold;line-height: 36px;}

.in_dzlc {padding: 100px 0 130px;background: url(../images/lcbj.png) center / cover no-repeat;overflow: hidden}
.in_dzlc .box {display: flex;justify-content: space-between;align-items: stretch;}
.in_dzlc .box li{width: calc((100% - 216px) / 9);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.in_dzlc .box li:hover{transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.in_dzlc .box .jt{width: 27px;height: 103px;background: url(../images/lc_jt.png) center / 100% no-repeat;}
.in_dzlc .box li .t_b{width: 103px;height: 103px;background: #E51C24;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.in_dzlc .box li .t_b img{width: 40px;display: block;}
.in_dzlc .box li .line{width: 20px;height: 2px;background: #E51C24;margin: 20px auto;}
.in_dzlc .box li h3{font-size: 18px;color: #000;font-weight: bold;text-align: center;}

.in_xw {padding: 100px 0;overflow: hidden}
.in_xw .con{display: flex;justify-content: space-between;align-items: stretch;}
.in_xw .left {width: 28%;position: relative;overflow: hidden;}
.in_xw .left .w_z {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 115px;
  background-image: linear-gradient(to top,rgba(0,0,0,1),transparent);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 15px 15px 32px;
  z-index: 9;font-size: 20px;color: #fff;font-weight: bold;line-height: 36px;
}
.in_xw img{width: 100%;display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.in_xw .left:hover img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.in_xw .cent{width: 28%;position: relative;overflow: hidden;}
.in_xw .cent .w_z {width: 100%;position: absolute;z-index: 3;background: #fff;padding: 14px 24px 20px;bottom: 0;left: 0;}
.in_xw .cent .w_z h3 {font-size: 20px;font-weight: bold;color: #000;}
.in_xw .cent .w_z h4 {font-size: 16px;color: #E51C24;line-height: 29px;}
.in_xw .cent .w_z p {font-size: 16px;color: #222;line-height: 30px;margin-top: 10px;}
.in_xw .cent .w_z .more {margin-top: 25px;font-size: 16px;color: #E51C24;}
.in_xw .cent .w_z .more a{color: #E51C24;}
.in_xw .cent:hover img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.in_xw .right {width: 40%;float: right;}
.in_xw .right li {padding: 10px;display: flex;justify-content:space-between;align-items: stretch;margin-bottom: 30px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.in_xw .right li .rq{width: 70px;border-right: rgba(153,153,153,0.4) 1px solid;font-size: 16px;line-height: 30px;color: #E51C24;}
.in_xw .right li .w_z{width: calc(100% - 90px);}
.in_xw .right li .w_z h3{font-size: 20px;font-weight: bold;color: #000;}
.in_xw .right li .w_z p {font-size: 16px;color: #222;line-height: 30px;margin-top: 10px;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.in_xw .right li .w_z .more {margin-top: 15px;font-size: 16px;color: #E51C24;}
.in_xw .right li .w_z .more a{color: #E51C24;}
.in_xw .right li:last-child{margin-bottom: 0;}
.in_xw .right li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15)}
.in_xw .right li:hover h3{color: #E51C24;}

.in_hz {padding: 100px 0 228px;background: url(../images/hzbj.jpg) center / cover no-repeat;overflow: hidden;}
.in_hz ul {}
.in_hz ul li {width:calc(20% - 30px);float: left;margin: 15px;border: #C5C5C5 1px solid;display: flex;justify-content: center;align-items: center;padding: 15px;height: 105px;background: #fff;}
.in_hz ul li img{width:100%;display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.in_hz ul li:hover img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);  }


.in_ly{padding: 30px 0 20px;background: url(../images/lybj.jpg) center / cover no-repeat;}
.in_ly .con {display: flex;justify-content: space-between;align-items: center;}
.in_ly .con .logo {width: 240px;}
.in_ly .con .logo img{width: 100%;display: block;}
.in_ly .con input {width:390px;height: 59px;background: rgba(217, 217, 217, 0.07);
  font-size: 18px;
  line-height: 57px;
  border: 1px solid #fff;color: #fff;
  padding: 0 12px;
  box-sizing: border-box;border-radius: 29px;
}
.in_ly .con input::-webkit-input-placeholder{color: #fff;}
.in_ly .con input::-moz-placeholder{color: #fff;}
.in_ly .con input::-moz-placeholder{color: #fff;}
.in_ly .con input::-ms-input-placeholder{color: #fff;}

.in_ly .a_n {width: 173px;height: 59px;line-height: 59px;text-align: center;background: #E51C24;border-radius: 30px;color: #fff;font-size: 20px;}



/* start footer */
.footer_bg{background:#141720; width:100%;}
.footer {margin:0 auto; padding:94px 0;display: flex;justify-content: space-between;align-items: center;}
.footer .zuo3{width: 540px;}
.footer .zuo3 h1{font-size: 36px;color: #fff;font-weight: bold;margin-bottom:35px;}
.footer .zuo3 .d_h{}
.footer .zuo3 .d_h a {font-size: 16px;color: #fff;margin-right: 43px;line-height: 36px;}


.footer .you3 { width:446px;}
.footer .you3 .top { width:436px;overflow: hidden;margin-bottom: 29px;}
.footer .you3 .tel { float: left;}
.footer .you3 .ico{width: 68px;float: left;margin-right: 30px;margin-top: 38px;}
.footer .you3 .ico img{width: 100%;}
.footer .you3 .dh{float: left;font-size: 30px;color: #fff;font-weight: bold;line-height: 1.4;}
.footer .you3 .dh p{font-size: 28px;color: #E51C24;font-weight: bold;}
.footer .you3 .e_wm {width: 116px;float: right;}
.footer .you3 .e_wm img{width: 100%;}
.footer .you3 .l_x{line-height: 40px;font-size: 16px;color: #fff;}

.copy {line-height: 55px;border-top: #fff 1px solid;text-align: center;}
.copy p {font-size: 16px;color: #fff;}
.copy p a { color: #ffffff;}


.nban{position: relative;}
.nban img{width: 100%;display: block;}
.nban .w_z{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content:center;align-items: center;padding-bottom: 80px;}
.nban .w_z h3{font-size: 40px;color: #fff;font-weight: bold;margin-bottom: 13px;}
.nban .w_z i{width: 46px;display: block}
.nban .w_z h1 {font-size: 300px;position: absolute;left: 18px;bottom: 0;line-height: 1.2;color: #fff;opacity: 0.12;font-weight: bold;}
.nban .ntit{position: absolute;width: 100%;line-height: 55px;height: 55px;z-index: 2;background: rgba(0, 31, 69, 0.71);left: 0;bottom: 0;}
.nban .ntit li{display: inline-block;padding: 0 70px;line-height: 55px;height: 55px;}
.nban .ntit li a{font-size:20px;color: #fff;font-weight: bold;}
.nban .ntit li:hover {background: #E51C24;}
.nban .ntit li.on {background: #E51C24;}

.ny_jj{padding: 100px 0 120px;overflow: hidden;}
.ny_jj .d_bt{font-size: 100px;font-weight: bold;color: #000;margin-bottom: 80px;}
.ny_jj .text{font-size: 16px;color: #222;line-height: 40px; margin-bottom: 30px;}

.jj_ys{padding:50px 0;background: #E51C24;}
.jj_ys ul {display: flex;justify-content: space-around;align-items: stretch;}
.jj_ys ul li {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.jj_ys ul li h1{padding-left: 59px;background: url(../images/gy_1.png) left center / 40px no-repeat;position: relative;font-size: 34px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.jj_ys ul li h1 span{font-size: 14px;color: #fff;font-weight: normal;}
.jj_ys ul li p {font-size: 14px;color: #fff;}
.jj_ys ul li:nth-child(2) h1{background: url(../images/gy_2.png) left center / 40px no-repeat;}
.jj_ys ul li:nth-child(3) h1{background: url(../images/gy_3.png) left center / 40px no-repeat;}
.jj_ys ul li:nth-child(4) h1{background: url(../images/gy_4.png) left center / 40px no-repeat;}
.jj_ys ul li:nth-child(5) h1{background: url(../images/gy_5.png) left center / 40px no-repeat;}

.jj_hz{padding: 100px 0;overflow: hidden;}
.jj_hz ul {}
.jj_hz ul li {width:calc(20% - 30px);float: left;margin: 15px;border: #C5C5C5 1px solid;display: flex;justify-content: center;align-items: center;padding: 15px;height: 105px;background: #fff;}
.jj_hz ul li img{width:100%;display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.jj_hz ul li:hover img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);  }

.ny_bt{margin-bottom: 36px;}
.ny_bt h1{font-size: 40px;color:rgba(0, 0, 0, 0.9);font-weight: bold;}
.ny_bt h1 span{color:#E51C24}
.ny_bt h3{font-size: 18px;color: #333;margin-top: 22px;line-height: 34px;}
.jj_wh {padding: 100px 0;background: url(../images/wh_bj.jpg) center / cover no-repeat;overflow: hidden;}
.jj_wh .ny_bt{text-align: left;}
.jj_wh .whnr {width: 50%;float: right;}
.jj_wh .whnr li{margin-bottom: 26px;}
.jj_wh .whnr li h3{font-size: 30px;font-weight: bold;color:rgba(0, 0, 0, 0.9);margin-bottom: 20px;}
.jj_wh .whnr li p{font-size: 16px;line-height: 24px;min-height: 48px;color:#222;}

.jj_lc {padding: 100px 0;overflow: hidden;}
.jj_lc .left{width: 50%;float: left;margin-top: 80px;}
.jj_lc .left img{width: 100%;display: block;}
.jj_lc .right {width: 45%;float: right;}
.jj_lc .right li {line-height: 36px;margin-bottom: 40px;overflow: hidden;}
.jj_lc .right li .nf{font-size: 26px;font-weight: bold;width: 154px;color:rgba(0, 0, 0, 0.9);margin-right: 4px;float: left;}
.jj_lc .right li .nf span{color:#E51C24}
.jj_lc .right li .nr{width: calc(100% - 158px);float: right;}

.jj_lc .right li .line {position: relative;width: 106px;height: 36px;background:url(../images/dd.png) left center / 29px no-repeat;float: left;}
.jj_lc .right li .line::after {content: "";height: 1px;background: #999999;width: 80px;right: 0;top: 50%;margin-top: -0.5px;position: absolute;}
.jj_lc .right li .wz {margin-left: 30px;width: calc(100% - 136px);float: left;font-size: 16px;line-height: 36px;color: #333;}

.jj_rl {padding: 100px 0;overflow: hidden;background: url(../images/rl_bj.png) center / cover no-repeat;}
.jj_rl ul {margin-top: 65px;}
.jj_rl ul li{width: calc((100% - 26px) / 2);float: left;background: #fff;padding: 33px 35px 40px;position: relative;margin-bottom: 35px;}
.jj_rl ul li span{width:0;height: 10px;background: #E51C24;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;position: absolute;left: 0;top: 0;}
.jj_rl ul li:hover span{width:100%;}
.jj_rl ul li:nth-child(2n){float: right;}
.jj_rl ul li h3 {font-size: 22px;color: #000;font-weight: bold;margin-bottom: 20px;}
.jj_rl ul li p {font-size: 18px;color: #333;line-height: 34px;}
.jj_rl ul li .more {width: 159px;height: 50px;line-height: 48px;border: #E51C24 1px solid;border-radius: 26px;font-size: 16px;text-align: center;margin-top: 35px;}
.jj_rl ul li .more a{color: #333}
.jj_rl ul li:hover .more{background: #E51C24;}
.jj_rl ul li:hover .more a{color: #fff;}

.rl_ly {padding: 100px 0 90px;overflow: hidden;}
.rl_ly ul{}
.rl_ly ul li{width: 394px;float: left;margin-right: 200px;margin-bottom: 30px;}
.rl_ly ul li:nth-child(2n){margin-right: 0px;}
.rl_ly ul li .l_m{margin-bottom: 30px;line-height: 34px;font-size: 22px;color: #000;}

.rl_ly .con input {width:390px;height: 59px;background: #fff;
  font-size: 18px;
  line-height: 57px;
  border: 1px solid #ccc;color: #999999;
  padding: 0 12px;
  box-sizing: border-box;border-radius: 4px;
}
.rl_ly .con input::-webkit-input-placeholder{color: #999999;}
.rl_ly .con input::-moz-placeholder{color: #999999;}
.rl_ly .con input::-moz-placeholder{color: #999999;}
.rl_ly .con input::-ms-input-placeholder{color: #999999;}
.rl_ly ul li.ly{width: 100%;margin-right: 0;}
.rl_ly ul li.ly textarea {width: 100%;height:317px;
  font-size: 18px;
  line-height: 57px;
  border: 1px solid #ccc;color: #999999;
  padding: 0 12px;
  box-sizing: border-box;border-radius: 4px;}
.rl_ly .con li textarea::-webkit-input-placeholder{color: #999999;}
.rl_ly .con li textarea::-moz-placeholder{color: #999999;}
.rl_ly .con li textarea::-moz-placeholder{color: #999999;}
.rl_ly .con li textarea::-ms-input-placeholder{color: #999999;}
.rl_ly .con .a_n {width: 159px;line-height: 50px;text-align: center;background: #E51C24;border-radius: 25px;font-size: 16px;color: #fff;margin: 65px auto 0;}

/*案例展示*/
.ny_al{padding: 0px 0 110px;}
.gray{background: #f6f6f6;overflow: hidden;padding-top: 110px}
.ny_al .ny_bt {float: left;}
.al_fl{float: right;}
.al_fl li{float: left;margin-left: 100px;position: relative;line-height: 28px;font-size: 20px;}
.al_fl li a{color: #666666;text-decoration: underline;}
.al_fl li:hover a{color: #E51C24;}
.al_fl li.on a{color: #E51C24;}
.al_fl li::after{content: "";position: absolute;width: 11px;height: 11px;right: -18px;top: -11px;border-radius: 50%;background: #666666;}
.al_fl li.on::after{background: #E51C24;}
.al_fl li:hover::after{background: #E51C24;}
.al_top{width:100%; position:relative;margin-top: 50px;margin-bottom: 70px;}
.al_top .swiper-slide h3 {font-size: 26px;margin-bottom: 20px;color: #000000;}
.al_top .swiper-slide p {font-size:20px;margin-bottom: 50px;color: #666666;}
.al_top .swiper-slide img{max-width: 1203px; height:auto; display:block;}
.al_top .swiper-button-prev{background:url(../images/zjt.png) center / 19px no-repeat; width:51px; height:51px;top: 10px;  left:auto;right: 61px;border: #C5C5C5 1px solid;border-radius: 50%;margin-top: 0}
.al_top .swiper-button-prev:hover{background:url(../images/zjts.png) center / 19px no-repeat;border: #E51C24 1px solid; }
.al_top .swiper-button-next{background:url(../images/yjt1.png) center / 19px no-repeat; width:51px; height:51px;top: 10px; right:0;border: #C5C5C5 1px solid;border-radius: 50%;margin-top: 0;}
.al_top .swiper-button-next:hover{background:url(../images/yjts.png) center / 19px no-repeat;border: #E51C24 1px solid; }
.ny_al .allist{padding-top: 66px;}
.ny_al .allist ul {}
.ny_al .allist ul li{width: calc((100% - 70px) / 3);float: left;margin-right: 35px;position: relative;}
.ny_al .allist ul li .t_p{width:100%;position: relative;padding-top: 62%;overflow: hidden;}
.ny_al .allist ul li .t_p img{width:100%;position: absolute;height: 100%;object-fit: cover;left: 0;top: 0;display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_al .allist ul li:hover .t_p img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.ny_al .allist ul li .tel{width: 100%;text-align: center;padding: 17px 0;background: rgba(0,0,0,0.49);color: #fff;font-size: 28px;font-weight: bold;z-index: 9;position: absolute;left: 0;bottom: 0;}
.ny_al .allist ul li .tel img{width: 29px;height: 29px; vertical-align: middle;margin-right: 10px;position: static;display: inline-block;}
.ny_al .allist ul li .w_z{padding: 20px 0 35px;}
.ny_al .allist ul li h3{font-size: 26px;margin-bottom: 20px;color: #000}
.ny_al .allist ul li p{font-size: 20px;line-height: 40px;color: #666;}
.ny_al .allist ul li span{position: absolute;width: 0;height: 5px;background: #E51C24;bottom: 0;left: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_al .allist ul li:hover span{width:245px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_al .allist .line{height: 1px;background: #D8D8D8;margin-bottom: 50px;clear: both;}
.ny_al .allist ul li.no{margin-right: 0}
.page {padding: 40px 0;text-align: center;}
.page a {display: inline-block;padding: 0 12px;font-size: 14px;color: #333;line-height: 26px;border-radius: 3px;}
.page a i {font-size: 14px;}
.page a:hover{color: #fff;background: #E51C24;}
.page a.on{color: #fff;background: #E51C24;}
.page .qw {display: inline-block;margin-left: 15px;font-size: 12px;color: #ccc;}
.page a.qd{color: #000;border: #CCCCCC 1px solid;font-size: 12px;margin-left: 3px;}
.page a.qd:hover{color: #fff;}
.page .gong {display: inline-block;margin-left: 3px;font-size: 12px;color: #333;margin-right: 3px}
.zxfinput {
  width: 32px;
  height: 26px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #CCCCCC;
  margin: 0 8px;
  border-radius: 3px;
  color: #666;
}


/*新闻*/
.xw_top{width:100%; position:relative;padding: 90px 0 116px;}
.xw_top .swiper-slide{width:100%;display: flex;justify-content: space-between;align-items: stretch;}
.xw_top .swiper-slide .w_z{width: calc(100% - 640px);position: relative;}
.xw_top .swiper-slide .w_z h1{font-size: 30px;color: #000;margin-bottom: 20px;font-weight: bold;}
.xw_top .swiper-slide .w_z p{display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;font-size: 18px;line-height: 30px;color: #666;
-webkit-line-clamp: 5;}
.xw_top .swiper-slide .w_z .time{font-size: 18px;line-height: 30px;color: #666;bottom: 0;left: 0;position: absolute;}
.xw_top .swiper-slide .t_p{width: 588px;}
.xw_top .swiper-slide .t_p img{width: 100%;display: block;}
.xw_top .swiper-pagination{bottom:66px !important;}
.xw_top .swiper-pagination-bullet {width:12px; height:12px; display:inline-block;opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: #D9D9D9;}
.xw_top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#E51C24}
.xw_list {padding-bottom: 30px;}
.xw_list li{overflow: hidden;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.xw_list li:hover{background:#E51C24;}
.xw_list li:hover .rq{border: 2px solid rgba(255, 255, 255, 0.9);color: #fff;}
.xw_list li:hover .w_z h3{color: #fff;}
.xw_list li:hover .w_z p{color: #fff;}
.xw_list li .box{padding: 30px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: #E4E4E4 1px solid;}
.xw_list li .t_p{width: 302px;height: 180px;}
.xw_list li .t_p img{width: 100%;height: 100%;object-fit: cover;}
.xw_list li .rq{width: 160px;height: 150px;border: 2px solid rgba(211, 211, 211, 0.9);display: flex;align-items: flex-start;justify-content: center;flex-direction: column;padding-left: 22px;font-size: 40px;font-weight: bold;color: #000;}
.xw_list li .rq p{margin-top: 15px;font-size: 24px;}
.xw_list li .w_z {width: calc(100% - 535px);}
.xw_list li .w_z h3{font-size: 20px;color: #000;font-weight: bold;margin-bottom: 10px;}
.xw_list li .w_z p{font-size: 18px;line-height: 30px;color: #999;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;}

.ny_xwxq {padding: 90px 0 ;}
.ny_xwxq .b_t {font-size: 32px;color: #000;font-weight: bolder;text-align: center;margin-bottom: 5px;}
.ny_xwxq .time{line-height: 39px;font-size: 14px;font-weight: bold;color: #616161;margin-bottom: 15px;}
.ny_xwxq .b_q {margin-bottom: 36px;}
.ny_xwxq .b_q span{display: inline-block;width: 150px;height: 36px;line-height: 36px;border-radius: 6px;font-size: 18px;font-weight: bold;text-align: center;background: #f5f5f5;color: #5A5A5A;margin-right: 14px;}
.ny_xwxq .b_q span.ls{background: #EEF8FF;color: #1D99ED;}
.ny_xwxq .b_q span.hs{background: #FFF6E0;color: #ED9C00;}
.ny_xwxq .n_r{font-size: 18px;line-height: 30px;color: #444;}
.ny_xwxq .n_r img{margin: 35px auto;max-width: 100%;}

.ny_xwtj {padding-top: 60px; padding-bottom: 20px;}
.ny_xwtj h1{font-size: 26px;color: #000;font-weight: bold;margin-bottom: 60px;text-align: center;}
.ny_xwtj ul {display: flex;justify-content: space-between;align-items: stretch;}
.ny_xwtj ul li{width: calc((100% - 63px) / 4);}
.ny_xwtj ul li img{width: 100%;display: block;}
.ny_xwtj ul li h3{font-size: 20px;color: #000;text-align: center;margin: 20px 0;}

/*非标自动化*/
.ny_cp{padding: 100px 0 70px;overflow: hidden;}
.ny_cp .list{width: 333px;float: left;}
.ny_cp .list .b_t{line-height: 79px;background: #E51C24;text-align: center;color: #fff;font-size: 30px;font-weight: bold;}
.ny_cp .list ul{background: #EEEEEE;}
.ny_cp .list ul li{font-size: 22px;line-height: 73px;font-weight: bold;}
.ny_cp .list ul li .y_j{position: relative;width: 100%;box-sizing: border-box;padding: 0 25px;}

.ny_cp .list ul li .e_j {position: relative;display: none;font-size:18px;
  color: #666666;
  line-height: 1.8;}
.ny_cp .list ul li .e_j a {display: block;line-height:55px;padding: 0 25px;color: #222;}
.ny_cp .list ul li .e_j a:hover {color:#E51C24;}
.ny_cp .list ul li a{color: #222;font-weight: bold;display: block;}

.ny_cp .list ul li .y_j.on a{color: #E51C24;}
.ny_cp .list ul li .y_j.on {background: #CFCFCF;}
.ny_cp .list ul li .y_j i{background: url(../images/1_10.png) right center / 16px no-repeat; line-height:35px;  position:absolute; width:86%; height:100%; right:7%; top:50%;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.ny_cp .list ul li .y_j.on i{background: url(../images/1_10s.png) right center / 16px no-repeat;}


.ny_cp .list ul li:hover .y_j{background: #CFCFCF;}
.ny_cp .list ul li a{color: #000;}
.ny_cp .list ul li .y_j:hover a{color: #E51C24;}
.ny_cp .list .l_x{margin-top: 10px;border: #EEEEEE 1px solid;}
.ny_cp .list .l_x .dh{padding: 9px 50px;background: #EEEEEE;}
.ny_cp .list .l_x .dh h3{font-size: 30px;color: #000;margin-bottom: 3px;font-weight: bold;}
.ny_cp .list .l_x .dh h3 img{width: 29px;margin-left: 10px;vertical-align: middle;}
.ny_cp .list .l_x .dh p{font-size: 26px;font-weight: bold;color: #E51C24;}
.ny_cp .list .l_x .nr{padding: 20px 21px;line-height:40px;color: #000;font-size: 16px; }
.ny_cp .right{width: calc(100% - 363px);float: right;}
.ny_cp .right ul{overflow: hidden}
.ny_cp .right li{width: calc((100% - 60px) / 3);float: left;margin-right: 30px;margin-bottom: 30px;}
.ny_cp .right li:nth-child(3n){margin-right: 0;}
.ny_cp .right li .t_p{position: relative;overflow: hidden;padding-top: 88%;}
.ny_cp .right li .t_p img{width: 100%;display: block;position: absolute;left: 0;top: 0;object-fit: cover;}
.ny_cp .right li h3{font-size: 20px;color: #000;font-weight: bold;line-height: 66px;text-align: center;background: #EEEEEE;}


.ny_cp .fbxq{width: calc(100% - 383px);float: right;background: #f5f5f5;overflow: hidden;padding: 20px;}
.ny_cp .zn_p1{padding: 20px;border: #E0D9D9 1px solid;background: #fff;overflow: hidden;}
.ny_cp .zn_p1 .t_p{width: 45%;float: left;}
.ny_cp .zn_p1 .t_p img{width: 100%;display: block;}
.ny_cp .zn_p1 .w_z{width: 50%;float: right;} 
.ny_cp .zn_p1 .w_z h3{font-size: 30px;color: #000;margin-bottom: 25px;} 
.ny_cp .zn_p1 .w_z p{font-size: 18px;color: #666666;} 
.ny_cp .zn_p1 .w_z .line{height: 1px;background: #DEDEDE;margin-top: 30px;margin-bottom: 11px;}
.ny_cp .zn_p1 .w_z .l_x{}
.ny_cp .zn_p1 .w_z .l_x .tel{padding-left: 31px;background: url(../images/ico_dh.png) left center / 21px no-repeat;font-size: 20px;color: #000;font-weight: bold;float: left;line-height: 50px;}
.ny_cp .zn_p1 .w_z .l_x .tel span{color: #E51C24;}
.ny_cp .zn_p1 .w_z .l_x .a_n{width: 159px;line-height: 50px;text-align: center;background: #E51C24;border-radius: 25px;color: #fff;font-size: 22px;float: right;}
.ny_cp .fbxq .b_t{margin-bottom: 40px;text-align: center;font-size: 26px;color: #000;font-weight: bold;line-height: 35px;}
.ny_cp .fbxq .b_t span{padding: 0 16px;}
.ny_cp .fbxq .b_t img{width: 20px;vertical-align: middle;margin:0 2px;}
.ny_cp .fbxq .zn_p2{padding: 20px;margin-top: 30px;background: #fff;overflow: hidden;}
.ny_cp .fbxq .cptd{margin-bottom: 38px;overflow: hidden;}
.ny_cp .fbxq .cptd li{width: calc((100% - 20px) / 2);float: left;position: relative;}
.ny_cp .fbxq .cptd li img{width:100%;}
.ny_cp .fbxq .cptd li .w_z{width:100%;position: absolute;height: 135px;background-image: linear-gradient(to top,#003D87,transparent);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;left: 0;bottom: 0;z-index: 2}
.ny_cp .fbxq .cptd li .w_z h3 {position: absolute;left: 25px;bottom: 17px;line-height: 47px;color: #fff;font-size: 26px;font-weight: bold;z-index: 4;}
.ny_cp .fbxq .cptd li:nth-child(2n){float: right;}
.ny_cp .fbxq .cptd li:hover .w_z{height: 135px;background-image: linear-gradient(to top,#E51C24,transparent);}
.ny_cp .fbxq .x_bt{font-size: 26px;color: #000;font-weight: bold;margin: 38px 0 36px;}
.ny_cp .fbxq .x_bt span{color: #E51C24;}

.ny_cp .fbxq .xjzs li {width: calc((100% - 40px) / 3);float: left;margin-right: 20px;border: #E5E5E5 1px solid;}
.ny_cp .fbxq .xjzs li .t_p{overflow: hidden;}
.ny_cp .fbxq .xjzs li .t_p img{width: 100%;display: block;}
.ny_cp .fbxq .xjzs li h3{line-height: 65px;font-size: 20px;color: #000;text-align: center;}
.ny_cp .fbxq .xjzs li:hover h3{color: #E51C24;}
.ny_cp .fbxq .xjzs li:nth-child(3n){margin-right: 0;}
.ny_cp .fbxq .xsal{}
.swiper-xsal{width:100%; margin:0 auto; padding-bottom:0px !important;}
.swiper-xsal .swiper-slide{position:relative;}
.swiper-xsal .swiper-slide img{width:100%; height:auto; display:block;}
.swiper-xsal .swiper-slide h3{font-size:18px; color:#000;position: relative;text-align: center;margin: 15px 0;}
.swiper-xsal .swiper-slide:hover .w_z h3{color: #E51C24;}
.swiper-xsal .swiper-button-prev{background:#E51C24; width:26px; height:calc(100% - 55px); margin-top:0; display: flex;left: 0;justify-content: center;align-items: center;color: #fff;top: 0}
.swiper-xsal .swiper-button-prev i{font-size: 20px;}
.swiper-xsal .swiper-button-next{background:#E51C24; width:26px; height:calc(100% - 55px); margin-top:0; right:0px;display: flex;left:auto;justify-content: center;align-items: center;color: #fff;top: 0;}
.swiper-xsal .swiper-button-next i{font-size: 20px;}
.ny_cp .fbxq .cjsl {background: #fff;padding: 20px;overflow: hidden;margin-top: 30px;}
.ny_cp .fbxq .cjsl li{margin-bottom: 40px;position: relative;}
.ny_cp .fbxq .cjsl li .m_b{position: absolute;width: 100%;height: 100%;z-index: 5;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ny_cp .fbxq .cjsl li img{width: 100%;display: block;}
.ny_cp .fbxq .cjsl li .m_b h3{font-size: 26px;color: #fff;font-weight: bold;text-shadow: 0 0 5px rgba(0,0,0,0.42);line-height: 1.4;position: relative;margin-bottom: 50px;}
.ny_cp .fbxq .cjsl li .m_b h3::after{content: "";width: 100%;height: 60%;position: absolute;left: 0;bottom: 0;background: #E51C24;z-index: -1; }
.ny_cp .fbxq .cjsl li p{font-size: 16px;line-height: 30px;color: #fff;text-shadow: 0 0 5px rgba(0,0,0,0.62);margin-bottom: 50px;}
.ny_cp .fbxq .cjsl li .s_z{padding: 0 20px;font-size: 50px;font-weight: bold;color: #fff;text-shadow: 0 0 4px rgba(0,0,0,0.25);position: relative;line-height: 1.2;}
.ny_cp .fbxq .cjsl li .s_z::after{height: 29px;content: "";width: 100%;left: 0;bottom: 0;background:#E51C24;position: absolute;z-index: -1;border-radius: 20px; }
.ny_cp .fbxq .rptj {background: #fff;padding: 20px;overflow: hidden;margin-top: 30px;}
.swiper-rptj{width:100%; margin:0 auto; padding-bottom:0px !important;}
.swiper-rptj .swiper-slide{position:relative;}
.swiper-rptj .swiper-slide img{width:100%; height:auto; display:block;}
.swiper-rptj .swiper-slide h3{font-size:18px; color:#000;position: relative;text-align: center;margin: 15px 0;}
.swiper-rptj .swiper-slide:hover .w_z h3{color: #E51C24;}
.swiper-rptj .swiper-button-prev{background:#E51C24; width:26px; height:calc(100% - 55px); margin-top:0; display: flex;left: 0;justify-content: center;align-items: center;color: #fff;top: 0}
.swiper-rptj .swiper-button-prev i{font-size: 20px;}
.swiper-rptj .swiper-button-next{background:#E51C24; width:26px; height:calc(100% - 55px); margin-top:0; right:0px;display: flex;left:auto;justify-content: center;align-items: center;color: #fff;top: 0;}
.swiper-rptj .swiper-button-next i{font-size: 20px;}
/*联系我们*/
.ny_lx {padding-top: 110px;overflow: hidden;}
.ny_lx .d_t{margin-top: 30px;}
.ny_lx .d_t img{width: 100%;}
.ny_lx .line{margin: 40px 0 38px;background: #E2E2E2;height: 1px;}
.ny_lx ul.lxfs{padding-bottom: 35px;overflow: hidden}
.ny_lx ul.lxfs li{width: 33.3333%;float: left;padding: 25px 0;overflow: hidden;border-bottom: #E2E2E2 1px solid;font-size: 16px;line-height: 40px;color: #000;min-height: 131px;position: relative;}
.ny_lx ul.lxfs li .icon {width: 36px;height: 36px;position: absolute;right: 62px;bottom: 25px;background: url(../images/ico_dz.png) center / 100% no-repeat;}
.ny_lx ul.lxfs li:nth-child(n+4){border-bottom: 0;}

/*荣誉资质*/
.ny_ryzz{padding: 110px 0;overflow: hidden;background: url(../images/rybj.jpg) center / cover no-repeat;}
.ny_ryzz .dbt{font-size: 80px;font-weight: bold;margin-bottom: 160px;}
.ny_ryzz .dbt h1{font-size: 80px;color: #000;margin-bottom: 39px;font-weight: bold;}
.ny_ryzz .dbt h1 span{font-size: 100px;display: block;}
.ny_ryzz .dbt h3 {font-size: 40px;font-weight: bold;color: #E51C24;}

.ny_ryzz ul{}
.ny_ryzz ul li{width: calc((100% - 270px) / 4);float: left;margin-right: 90px;margin-bottom: 50px;}
.ny_ryzz ul li img{width: 100%;display: block;box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.ny_ryzz ul li h3 {margin-top: 35px;text-align: center;line-height: 34px;font-size: 22px;color: #000;}
.ny_ryzz ul li:hover h3 {color: #E51C24;}
.ny_ryzz ul li:nth-child(4n){margin-right: 0;}

.ny_fwp1 {padding: 110px 0;overflow: hidden;position: relative;}
.ny_fwp1 .abtext{font-size: 300px;pointer-events: none;font-weight: bold;position: absolute;top: 0;right: -41px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  -webkit-text-stroke: rgba(0, 0, 0, 0.1) 1px;
  will-change: transform;}
.ny_fwp1 .t_p{width: 502px;height: 502px;float: left;position: relative;padding: 29px;margin-top: 50px;}
.ny_fwp1 .t_p img {width: 100%;display: block;}
.ny_fwp1 .w_z {width:calc(100% - 601px);float: right;position: relative;z-index: 5;margin-top: 50px;}
.ny_fwp1 .w_z .text{font-size: 18px;line-height: 34px;color: #333333;margin-bottom: 15px;}
.ny_fwp1 .w_z .text span{font-size: 20px;font-weight: bold;color: #000;}
.ny_fwp1 .w_z .text.po{position: relative;padding-bottom: 70px;}
.godown span { -webkit-animation: fade 3s infinite linear; animation: fade 3s infinite linear;}
@-webkit-keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}
@keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}
.godown { *display: none; position: absolute;  bottom: 20px; z-index: 100;}
.godown span { display: block; width: 23px; height: 41px; background: url(../images/xjt.png) center / 23px no-repeat ;}
.godown{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;position:absolute;bottom:10px;left:0%;text-align:center;cursor:pointer;overflow:hidden;z-index: 999999}
		.godown:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
		@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
		@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }


#caseBlanche {
    height: 686px;
    width: 686px;
    position: absolute;
    top: 0px;
    left:0;border-radius: 50%;border: 1px solid rgba(38,136,59,0.5);
}

#rond {
    height: 686px;
    width: 686px;
    border: 1px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0px;
    animation: rond 8s linear infinite;
    -webkit-animation: rond 8s linear infinite;
}

#test {
    height: 24px;
    width: 24px;
    position: absolute;
    background-color:  rgba(38,136,59,1);
    border-radius: 50%;
    top: 62px;
    left:111px;
}
#test2 {
    height: 22px;
    width: 22px;
    position: absolute;
    background-color: #D0E8D5;
    border-radius: 50%;
    bottom: 38px;
    left:161px;
}

@keyframes rond {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rond {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

#caseBlanche1 {
    height: 502px;
    width: 502px;
    position: absolute;
    top:0;
    left: 50%;
    margin-left: -251px;border: 1px solid rgba(0, 0, 0, 0.12);border-radius: 50%;
}

#rond1 {
    height: 502px;
    width: 502px;
    border: 1px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    animation: rond1 8s linear infinite;
    -webkit-animation: rond1 8s linear infinite;
}

#test1 {
    height: 15px;
    width: 15px;
    position: absolute;
   background: #E51C24;
    border-radius: 50%;
    bottom:179px;
    right: 0;
}

@keyframes rond1 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-180deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes rond1 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        transform: rotate(-180deg);
    }
    100% {
        -webkit-transform: -rotate(360deg);
    }
}

.ny_fwp2 {position: relative;overflow: hidden;margin-bottom: 130px;}
.ny_fwp2::before {position: absolute;content: "";width: 70%;height: 83%;background: #E51C24;left: 0;top: 0;z-index: -1;}
.ny_fwp2 .attext{position: absolute;left: 35px;top: 63px;font-size: 300px;-webkit-text-stroke: #fff 1px;opacity: 0.64;
  will-change: transform;pointer-events: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;font-weight: bold;color: transparent;}
.ny_fwp2 img{float: right;max-width: 80%;}
.ny_fwp3{padding: 100px 0 150px;background: url(../images/lybj2.png) center / cover no-repeat;overflow: hidden;}
.ny_fwp3 .ny_bt{text-align: center;}
.ny_fwp3 img{width: 100%;display: block;}
.ny_fwp3 .con{margin-top: 60px;}



.side{position:fixed;width:53px;right:20px;z-index:100;border-bottom:0;box-sizing: border-box;bottom: 15%;}
.side ul li{width:53px;position:relative;background:#E51C24;color:#fff;height:53px;line-height: 53px; text-align:center;transition:all .3s;cursor:pointer;border-radius: 28px;margin-bottom: 7px;z-index: 5;}
.side ul li a{color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{font-size:22px;position: relative;z-index: 5;display:block;overflow:hidden;background-repeat:no-repeat;transition:all .3s}
.side ul li:hover i{}

.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}

.side ul li:hover{background: #c81017;}
.side ul li.sideeyx .yxBox.son{width:300px;height:70px;line-height: 70px; display:none;color:#fff;text-align:left;position:absolute;left:-260px;top:0px;background:#c81017;z-index: -1;border-radius:35px;padding-left: 20px;font-size: 16px;}
.side ul li.sideewm .ewBox.son{width:158px;display:none;color:#363636;text-align:center;position:absolute;left:-160px;top:0;}
.side ul li.sideetel .telBox.son{width:290px;height:58px;display:none;color:#fff;text-align:left;position:absolute;left:-230px;top:0px;background:#184da4;z-index: -1;border-radius:35px;padding-left: 20px;font-size: 18px;}
.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{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}

.side ul li:hover .son{display:block!important;animation:fadein 1s;background: #c81017;color: #fff;}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}






@media only screen and (max-width:1450px) {
	.header .nav ul li {
  width: 10%;
}
	.gallery-top .swiper-pagination {
  bottom: 50px !important;
}
	.ny_cp .zn_p1 .w_z p {
  font-size: 16px;
}
	.ny_cp .zn_p1 .w_z h3 {
  font-size: 25px;
  margin-bottom: 15px;
}
	.ny_cp .zn_p1 .w_z .l_x .tel {
  font-size: 18px;
}
	.ny_cp .zn_p1 .w_z .l_x .a_n {
  width:120px;
  font-size: 16px;line-height: 38px;
}
	.ny_jj .d_bt {
  font-size: 80px;
  margin-bottom: 60px;
}
	.ny_jj {
  padding: 70px 0 80px;
}
	.ny_ryzz ul li {
  width: calc((100% - 180px) / 4);
  margin-right: 60px;
}
	.ny_ryzz ul li h3 {
  margin-top: 25px;
  font-size:18px;
}
	
	
	
	
	
	
	
}








@media only screen and (max-width:1368px) {
	
	.footer {
  padding: 60px 0;
}
	.in_ly .con input {
  width: 340px;
}
	.in_ly .con .logo {
  width: 220px;
}
	.in_ly .a_n {
  width: 160px;
}
	.in_hz {
  padding: 80px 0 160px;
}
	.in_xw {
  padding: 80px 0;
}
	.in_dzlc .box li h3 {
  font-size: 16px;
}
	.in_dzlc .box li .t_b {
  width: 93px;
  height: 93px;
}
	.in_dzlc {
  padding:80px 0 100px;
}
	.ysbox .hd ul li .w_z h3 {
  font-size: 20px;
}
	.ysbox .hd ul li .ico {
  width: 40px;
  margin-right: 10px;
}
	.ysbox .hd ul li .w_z p {
  font-size: 16px;
}
	.in_ry {
  padding: 80px 0 70px;
}
	.in_cp .list .b_t {
  line-height:65px;
}
	.in_cp .list ul li {
  font-size: 20px;
  line-height: 60px;
  padding: 0 15px;
}
	.in_cp .list .l_x .nr {
  padding: 20px 15px;
  line-height: 30px;
}
	.in_cp .list .l_x .dh h3 {
  font-size: 24px;
}
	.in_cp .list .l_x .dh p {
  font-size: 22px;
}
	.sy_sp .mb h1 {
  font-size: 50px;
  margin-bottom: 30px;
}
	.sy_sp .mb .ico {
  width: 95px;
  margin-bottom:40px;
}
	.product-number-info {
  margin-bottom: 30px;
}
	
	
	
	.ny_cp .list .b_t {
  line-height:65px;
}
	.ny_cp .list ul li {
  font-size: 20px;
  line-height: 60px;
  padding: 0 15px;
}
	.ny_cp .list .l_x .nr {
  padding: 20px 15px;
  line-height: 30px;
}
	.ny_cp .list .l_x .dh h3 {
  font-size: 24px;
}
	.ny_cp .list .l_x .dh p {
  font-size: 22px;
}
	.nban .w_z h1 {
  font-size:190px;
}
	.jj_lc .left {
  width:40%;
}
	.jj_lc .right {
  width: 55%;
}
	.jj_lc .right li .nf {
  font-size: 20px;line-height: 30px;
  width: 124px;
}
	.jj_lc .right li .nr {
  width: calc(100% - 128px);
}
	.jj_lc .right li .line {
  width: 66px;
  background: url(../images/dd.png) left center / 20px no-repeat;height: 30px;
}
	.jj_lc .right li .line::after {
  width:50px;
}
	.jj_lc .right li .wz {
  margin-left: 20px;
  width: calc(100% - 86px);line-height: 30px;
}
	.jj_lc .right li {
  line-height:30px;
  margin-bottom:30px;
}
	.jj_lc {
  padding:80px 0;
}
	.ny_ryzz {
  padding: 80px 0;
}
	.ny_ryzz .dbt {
  font-size:40px;
  margin-bottom: 90px;
}
	.ny_ryzz .dbt h1 span {
  font-size: 80px;
}
	.ny_ryzz .dbt h3 {
  font-size: 30px;
}
	.ny_ryzz .dbt h1 {
  font-size:50px;
  margin-bottom:20px;
}
	
	
	
	
	
	
	
}











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

.container { width: 94%; margin: 0 auto;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.head_h { height: 60px; display:block}
.header{border:0; height:60px; background:#fff; width:100%;position: fixed;}
.header .container{ padding:0; overflow:hidden; width:94%}
.header .logo{margin:5px auto;}
.header .logo img {
  height: 50px;
}
	.header .tel {display: none
}
	.header .ewm {display: none;
}
	.header .head {
  height: 60px;
}
.header .an{display:block; right:10px;}
.header .an span { background-color:#999}
.header .nav ul { width: 100%;}
.header.on .nav {width:100%;margin-top: 0}
.header .nav{width:100%; padding:15px 5%; background-color:#F2F2F2; height:100%; position:fixed; top:60px; right:-100%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; margin-top:0}
.header .nav.on{right:0;}
.header.on .nav ul li a { font-size: 16px;color: #222;}

	.header .nav ul li:hover a{color: #222}
.header .nav i{display:block;z-index: 99}
.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid rgba(0,0,0,0.15); float:none; margin:0; padding:0;width: 100% !important;}
.header .nav ul li::after { background: rgba(0,0,0,0);}
.header.on .nav ul li{line-height:60px;}
.header .nav .e_j { width: 100%; border-top: 1px solid rgba(0,0,0,0.15); background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;box-shadow: 0 0 0 #aaa;}
.header .nav ul li .e_j a { color:#333;font-size: 16px;text-align: left;}
.header .nav ul li .e_j a:hover { color:#222}
.header .nav .e_j a{border-top:0; font-size:12px; color:#333; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li a{font-size:16px; color:#222;}
	.header .nav ul li.on a {
  color: #222;
}

.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
	
	.nav .e_j .s_j {
  width: 100%;
  position: relative;
  top: auto;
  left: 0;background: none;
}
	
	 .gallery-top .swiper-pagination {
    bottom: 10px !important;
  }
	.gallery-top .swiper-pagination-bullet {
  font-size: 16px;
}
	 .sy_sp .mb h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }
	.sy_sp .mb .ico {
    width: 65px;
    margin-bottom: 20px;
  }
	.sy_sp .mb .ico img {height: auto}
	.product-number-info li b {
  font-size: 40px;
}
	.product-number-info li p {
  font-size:16px;
}
	.sy_sp img {
  width: 100%;height: 20rem;object-fit: cover;
}
	.in_abt {
  padding: 50px 0 40px;
}
	.in_abt .tit {
  float: none;
}
	.in_abt .tit h1 {
  float: none;
}
	.in_abt .nr {
  width: 100%;
}
	.absj li p {
  font-size: 18px;
}
	.in_abt .bottom .left {
  width: 100%;
  height: 10rem;
}
	.in_abt .more {
  margin-top: 30px;
}
	.in_cp {
  padding:40px 0;
}
	.tit {
  margin-bottom: 35px;
}
	.tit h1 {
  font-size: 32px;
}
	.tit h3 {
  font-size: 18px;
}
	.in_cp .list {
  width: 100%;
}
	 .in_cp .list ul li {
    font-size: 16px;
    line-height:40px;
  }
	.in_cp .right {
  width:100%;margin-top: 20px;
}
	.in_cp .right li:first-child {
  width: calc(66.6666% - 5px);
}
	.in_cp .right li {
  width: calc((100% - 20px) / 3);
  margin-bottom: 10px;
}
	.in_cp .right li:last-child {
  width: calc(66.6666% - 5px);
}
	.in_spbk {
  padding: 50px 0 30px;
}
	 .in_ry {
    padding: 40px 0 30px;
  }
	.swiper-tpzs .swiper-slide.swiper-slide-next {
    -webkit-transform: scale(1);
    transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
  }
	.swiper-tpzs {
  padding-bottom: 30px;
  padding-top: 20px;
}
	.in_ys {
  padding: 30px 0;
}
	.ysbox .hd {
  position: relative;
  z-index: 5;
  top:0px;
}
	.ysbox {
  margin-top: 30px;
}
	.ysbox .hd ul li {
  width: calc(50% - 10px);
  padding: 20px 0 20px 16px;margin-bottom: 10px;
}
	.ysbox .bd .nr .w_z {
  width: 80%;
  padding: 20px 14px;
}
	.ysbox .bd .nr .con {
  position: absolute;
  top: 60%;
  z-index: 5;
  left: 50%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
}
	.ysbox .bd .nr .w_z .s_z {
  width: 50px;
  height: 90px;
  line-height:90px;
  left: 0;
  top: -45px;
  font-size: 30px;
}
	.ysbox .bd .nr .w_z .wzbox h3 {
  font-size:20px;
  margin-bottom: 15px;
}
	.ysbox .bd .nr .w_z .wzbox p {
  font-size: 16px;
  line-height:28px;
}
	 .in_dzlc {
    padding: 40px 0 40px;
  }
	.in_dzlc .box li {
  width: calc((100% - 30px) / 3);margin-bottom: 25px;
}
	.in_dzlc .box {flex-wrap: wrap;
}
	.in_dzlc .box .jt {display: none
}
	  .in_xw {
    padding: 40px 0;
  }
	.in_xw .left {
  width: 49%;
}
	.in_xw .cent {
  width: 49%;
}
	.in_xw .con {flex-wrap: wrap
}
	.in_xw .right {
  width: 100%;margin-top: 25px;
}
	  .in_hz {
    padding: 40px 0 80px;
  }
	.in_hz ul li {
  width: calc(33.3333% - 20px);
  margin: 10px;
  padding: 5px;
  height: 85px;
}
	.in_hz ul li img {height: 100%;width: auto
}
	.in_ly .con {flex-wrap: wrap;
}
	  .in_ly .con .logo {display: none;
  }
	  .in_ly .con input {
    width: 100%;margin-bottom: 15px;height: 40px;
  font-size: 16px;
  line-height:38px;
  }
	.in_ly .a_n {height: 40px;line-height: 38px;font-size: 18px;
  }
	.footer {
    padding: 30px 0;flex-wrap: wrap;
  }
	.footer .zuo3 {
  width: 100%;
}
	.footer .zuo3 h1 {
  font-size: 20px;
  margin-bottom: 15px;
}
	.footer .you3 .top {
  width: 100%;
  margin-bottom: 15px;
}
	.footer .you3 {
  width: 100%;margin-top: 20px;
}
	.footer .you3 .dh p {
  font-size: 20px;
}
	.footer .you3 .ico {
  width: 58px;
  margin-right: 20px;
  margin-top: 18px;
}
	.footer .zuo3 .d_h a {
  margin-right: 21px;
}
	.nban .w_z h1 {
  font-size: 4rem;
}
	.nban .w_z {
  padding-bottom: 20px;
}
	.nban .w_z h3 {
  font-size: 30px;
  margin-bottom: 8px;
}
	.nban .w_z i {
  width: 30px;
}
	.gray {
  padding-top: 40px;
}
	.ny_bt h1 {
  font-size: 30px;
}
	.al_fl li {
  margin-left: 30px;
  font-size: 16px;
}
	.al_fl li::after {
  width: 6px;
  height: 6px;
  right: -4px;
  top: -2px;
}
	.al_top {
  margin-top: 20px;
  margin-bottom: 30px;
}
	.al_top .swiper-button-prev{background:url(../images/zjt.png) center / 19px no-repeat; width:31px; height:31px;top: 10px;  left:auto;right: 41px;}
	.al_top .swiper-button-next {
  background: url(../images/yjt1.png) center / 19px no-repeat;
  width: 31px;
  height: 31px;
}
	.al_top .swiper-slide h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
	.al_top .swiper-slide p {
  font-size:16px;
  margin-bottom: 30px;
}
	.ny_al .allist {
  padding-top: 30px;
}
	.ny_al .allist ul li {
  width: calc((100% - 60px) / 2);margin: 15px
}
	.ny_al .allist ul li.no {
  margin-right: 15px;
}
	.ny_al .allist .line {display: none
}
	.ny_al .allist ul li .tel {
  padding: 10px 0;
  font-size: 20px;
}
	.ny_al .allist ul li .tel img {
  width: 25px;
  height: 25px;
}
	.ny_al .allist ul li h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
	.ny_al .allist ul li p {
  font-size:16px;
  line-height:28px;
}
	.ny_al .allist ul li .w_z {
  padding: 15px 0 15px;
}
	.page {
  padding: 20px 0;
}
	.ny_al {
  padding: 0px 0 30px;
}
	.al_top .swiper-slide img {width: 100%
}
	.ny_cp .list {
  width: 100%;
}
	.ny_cp {
  padding: 40px 0 30px;
}
	 .ny_cp .list ul li {
    font-size: 16px;
    line-height:50px;
  }
	.ny_cp .list ul li .e_j a {
  line-height: 36px;
  padding: 0 20px;
}
	
	.ny_cp .list ul li .e_j {
  font-size: 15px;
}
	.ny_cp .right {
  width:100%;margin-top: 20px;
}
	.ny_cp .right li {
  width: calc((100% - 60px) / 2);margin: 15px
}
	.ny_cp .right li:nth-child(3n) {
  margin-right: 15px;
}
	.ny_cp .fbxq {
  width: 100%;
  padding: 15px;
}
	.ny_cp .fbxq .cptd li .w_z h3 {
  left: 15px;
  bottom: 10px;
  font-size: 20px;
}
	.nban .w_z h1 {
  font-size: 100px;
  left: 18px;
}
	.ny_fwp1 {
  padding: 40px 0;
}
	.ny_fwp1 .t_p {margin: 30px auto 0;float: none
}
	.ny_fwp1 .w_z {
  width:100%;
  margin-top:30px;
}
	.ny_fwp1 .abtext {
  font-size: 200px;
}
	.ny_fwp2 .attext {
  font-size: 200px;
}
	.ny_fwp2 {
  margin-bottom: 50px;
}
	.ny_fwp3 {
  padding: 40px 0 40px;
}
	.side {display: none
}
	.ny_fwp3 .con {
  margin-top: 20px;
}
	.ny_jj .d_bt {
    font-size: 50px;
    margin-bottom: 30px;
  }
	.ny_jj {
    padding: 40px 0 40px;
  }
	.jj_ys ul li h1 {
  padding-left: 50px;
  font-size: 30px;
}
	.jj_hz {
  padding:40px 0;
}
	.jj_hz ul li {
  width: calc(33.3333% - 20px);
  margin: 10px;
  padding: 5px;
  height: 85px;
}
	.jj_hz ul li img {height: 80%;width: auto
}
	.ny_lx {
  padding-top:40px;
}
	.ny_lx .d_t {
  margin-top: 0px;
}
	.ny_lx ul.lxfs li {
  width: 50%;
}
	.ny_lx ul.lxfs li:nth-child(3) {display: none
  }
	.ny_lx ul.lxfs li:nth-child(n+4) {
  border-bottom: #E2E2E2 1px solid;
}
	.rl_ly {
  padding: 40px 0 30px;
}
	.rl_ly ul li {
  width: 100%;
  margin-right:0px;
  margin-bottom: 20px;
}
	.rl_ly .con input {
  width: 100%;
}
	.rl_ly ul li .l_m {
  margin-bottom:15px;
}
	.rl_ly .con .a_n {
  margin:30px auto 0;
}
	.nban .ntit li {
  padding: 0 30px;
}
	.jj_lc {
    padding: 40px 0;
  }
	.jj_lc .left {
    width: 100%;margin-top: 0;
  }
	 .jj_lc .right {
    width: 100%;margin-top: 25px;
  }
	 .ny_ryzz ul li {
    width: calc((100% - 80px) / 3);margin: 10px;
  }
	.ny_ryzz ul li:nth-child(4n) {
  margin-right: 10px;
}
	 .ny_ryzz {
    padding:40px 0;
  }
	.xw_top {
  padding: 40px 0 50px;
}
	.xw_top .swiper-slide .t_p {
  width: 100%;
}
	.xw_top .swiper-slide .w_z {
  width:100%;margin-top: 25px;padding-bottom: 40px;
}
	.xw_top .swiper-slide {flex-wrap: wrap
}
	.xw_top .swiper-pagination {
  bottom: 6px !important;
}
	.xw_list li .rq {
  width: 80px;
  height:80px;
  border: 1px solid rgba(211, 211, 211, 0.9);
  padding-left:10px;
  font-size: 20px;
}
	.xw_list li .rq p {
  margin-top:5px;
  font-size:14px;
}
	.xw_list li .w_z {
  width: calc(100% - 445px);
}
	.ny_xwxq .b_t {
  font-size: 26px;
}
	.ny_xwxq {
  padding:40px 0;
}
	.ny_xwxq .b_q span {
  width: 120px;
  font-size: 16px;
  margin-right: 10px;
}
	.ny_xwtj ul li h3 {
  font-size: 16px;
  margin:15px 0;
}
	.ny_xwtj {
  padding-top: 40px;
  padding-bottom:10px;
}
	.ny_xwtj h1 {
  margin-bottom: 30px;
}
	.jj_rl ul li {
  padding: 33px 25px 40px;
}
	.jj_rl ul {
  margin-top:30px;
}
	.jj_rl ul li p {
  font-size:16px;
  line-height: 28px;
}
	.jj_rl ul li .more {
  width: 140px;
  height: 40px;
  line-height: 38px;
  margin-top: 25px;
}
	.jj_rl {
  padding: 40px 0;
}
	.jj_wh .whnr {
  width: 100%;
}
	.jj_wh .whnr li h3 {
  font-size: 25px;margin-bottom: 15px;
}
	.jj_wh {
  padding: 50px 0;
}
	
	
	
	
	
	
	
	
	
	
  }

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

.tit {margin-bottom:30px;}
.tit h1 {font-size:2.4rem;}
	
	.in_hz ul li {
    width: calc(50% - 20px);
    height: 85px;
  }
	.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin-right: 25px !important;
}
	 .gallery-top .swiper-pagination {
    bottom: 0px !important;
  }
	.product-number-info li {width: 50%;margin-bottom: 10px;
}
	.product-number-info ul {flex-wrap: wrap;
}
	.sy_sp img {
    width: 100%;
    height: 35rem;
  }
	.in_abt .tit h1 {
  font-size: 2.5rem;margin-bottom: 5px;
}
	.in_abt .tit h3 {
  font-size: 16px;
}
	.in_abt .nr {
  line-height: 28px;
}
	.in_abt .absj {
  width: 100%;
  margin: 25px 0 0;
}
	.absj li b {
  font-size: 2.4rem;padding-right: 15px;
}
	.absj li p {
    font-size: 16px;
  }
	.absj li b sup {
  font-size: 14px;
  right:0px;
}
	 .in_abt .bottom .left {padding: 25px;
    height: 15rem;
  }
	.in_abt .bottom .left h1 {
  font-size: 24px;
}
	.in_abt .bottom .left::after {
  background: url(../images/znbj.png) right center / 100% no-repeat;
}
	  .in_cp .list .b_t {
    line-height: 60px;font-size: 25px;
  }
	  .in_cp .right li:first-child {
    width: 100%;
  }
	 .in_cp .right li {
    width: 100%;
    margin-bottom: 10px;
  }
	 .in_cp .right li:last-child {
    width: 100%;
  }
	.in_cp .right li .w_z p {
  font-size:18px;
}
	.in_spbk .swiper-pagination-bullet {
  width: 20px;
}
	.swiper-tpzs .swiper-pagination-bullet {
  width: 20px;margin: 0 4px !important;
}
	 .tit h3 {
    font-size: 16px;padding: 0 15px;
  }
	 .ysbox .hd ul li {
    width:100%;
    padding: 10px 0 10px 16px;
    margin-bottom: 10px;
  }
	.ysbox .bd img {height: 28rem;object-fit: cover
}
	  .ysbox .bd .nr .w_z .wzbox p {
    font-size: 14px;
    line-height: 24px;
  }
	 .ysbox .bd .nr .w_z {
    width: 90%;
  }
	  .in_xw .left {
    width: 100%;
  }
	 .in_xw .cent {
    width: 100%;margin-top: 15px;
  }
	.in_xw .left .w_z {
  padding: 15px 15px 22px;
  font-size: 16px;
  line-height: 28px;
}
	.in_xw .cent .w_z {
  padding: 14px 15px 20px;
}
	.in_hz ul li {
    height: 65px;
  }
	 .in_hz ul li img {
    height:auto;
    width: auto;max-width: 100%;height:40px
  }
	.footer .you3 .dh {
  font-size:20px;
}
	 .footer .you3 .ico {
    width: 38px;
    margin-right: 15px;
    margin-top: 18px;
  }
	.footer .you3 .e_wm {
  width: 100px;
}
	.footer .you3 .l_x {
  line-height:30px;
}
	.copy {
  line-height: 1.4;padding: 10px;
}
	.footer .zuo3 {display: none;
  }
	.page a {
  padding: 0 8px;
}
	.page .qw {
  margin-left: 10px;
}
	 .ny_xwxq .b_q span {
    width: 100px;
    margin-right:8px;
  }
	 .ny_al .allist ul li {
    width:100%;
    margin: 10px 0;
  }
	.ny_al .allist ul li.no {
    margin-right: 0;
  }
	.al_fl {width: 100%;
}
	  .al_fl li {margin-left: 20px;
  }
	.nban img {height: 15rem;object-fit: cover;
}
	 .nban .w_z i img{height: auto
  }
	  .nban .w_z h3 {
    font-size: 2.4rem;
  }
	.jj_wh .whnr li h3 {
    font-size: 22px;
  }
	.con {
  max-width: 90%;
}
	 .ny_cp .right li {
    width:100%;
    margin:0 0 20px;
  }
	.ny_cp .right li .t_p {
  padding-top: 80%;
}
	.ny_cp .right li h3 {
  font-size: 18px;
  line-height: 56px;
}
	.ny_cp .fbxq .rptj {
  padding:15px;
  margin-top: 20px;
}
	.ny_cp .fbxq .b_t img {
  width:15px;
  margin: 0 3px;
}
	.ny_cp .zn_p1 {
  padding: 10px;
}
	.ny_cp .zn_p1 .t_p {
  width: 100%;
}
	.ny_cp .zn_p1 .w_z {
  width: 100%;margin-top: 20px;
}
	.ny_cp .zn_p1 .w_z h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
	.ny_cp .zn_p1 .w_z p {
  font-size: 16px;
}
	.ny_cp .zn_p1 .w_z .l_x .a_n {float: none;margin: 0 auto
}
	.ny_cp .zn_p1 .w_z .l_x .tel {width: 100%;float: none
}
	.ny_cp .fbxq .cptd li {
  width: 100%;margin-bottom: 10px;
}
	.ny_cp .fbxq .xjzs li {
  width: 100%;margin-bottom: 15px;margin-right: 0;
}
	.ny_cp .fbxq .xjzs li h3 {
  line-height:50px;
  font-size: 16px;
}
	.swiper-xsal .swiper-slide h3 {
  font-size: 16px;
}
	.ny_cp .fbxq .cjsl li img {height: 24rem;object-fit: cover
}
	.ny_cp .fbxq .cjsl li .m_b h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
	.ny_cp .fbxq .cjsl li p {
  font-size: 16px;
  line-height:24px;
  margin-bottom: 20px;padding: 0 10px
}
	.ny_cp .fbxq .cjsl li .s_z {
  font-size:30px;
}
	.ny_cp .fbxq .cjsl {
  padding: 10px;
  margin-top:20px;
}
	.ny_cp .list .l_x {display: none
}
	 .ny_bt h1 {
    font-size: 2.2rem;
  }
	.ny_fwp1 .w_z .text {
  font-size: 16px;
  line-height: 30px;
}
	.ny_fwp1 .w_z .text span {
  font-size: 18px;
}
	#caseBlanche1 {display: none
}
	 .ny_fwp1 .t_p {
    margin: 20px auto 0;width: 100%;height: auto;
  }
	 .ny_fwp1 .abtext {
    font-size: 100px;z-index: -1
  }
	.ny_fwp2 .attext {
    font-size: 9rem;left: 5px;top: 20px;
  }
	.nban .ntit li {
  padding: 0 12px;
  line-height: 35px;
  height: 35px;
}
	.nban .ntit {
  line-height: 35px;
  height: 35px;
}
	.nban .ntit li a {
  font-size: 14px;
}
	  .nban .w_z h1 {
    font-size: 5rem;
    left: 10px;
  }
	.ny_jj .d_bt {
    font-size: 3rem;
    margin-bottom: 20px;
  }
	.ny_jj .text {
  line-height: 32px;
  margin-bottom:20px;
}
	.jj_ys {
  padding: 40px 0;
}
	.jj_ys ul {flex-direction: column;
}
	.jj_ys ul li {margin: 10px 0
}
	.jj_hz ul li {
    height: 65px;width: calc(50% - 20px);
  }
	 .jj_hz ul li img {
    height:auto;
    width: auto;max-width: 100%;height:35px;object-fit: cover
  }
	.ny_bt {
  margin-bottom: 25px;width: 100%;
}
	 .ny_lx .d_t {
    margin-top: 30px;
  }
	 .ny_lx ul.lxfs li {
    width: 100%;padding: 15px 0;line-height: 32px;min-height: 80px;
  }
	.ny_bt h3 {
  font-size:16px;
  margin-top: 12px;
  line-height: 28px;
}
	 .rl_ly ul li .l_m {font-size: 18px;
  }
	.rl_ly .con input {height: 40px;font-size: 16px;line-height: 38px;
  }
	.rl_ly ul li.ly textarea {
  height: 150px;
  font-size:16px;
  line-height: 38px;
}
	.ny_lx .line {
  margin: 30px 0 28px;
}
	 .jj_lc .right li .line {
    width:36px;
    background: url(../images/dd.png) left center / 16px no-repeat;
  }
	.jj_lc .right li .line::after {
    width: 20px;
  }
	  .jj_lc .right li .wz {
    margin-left: 10px;
    width: calc(100% - 46px);
    line-height: 25px;
  }
	 .ny_ryzz .dbt h1 {
    font-size:2.6rem;
    margin-bottom: 10px;
  }
	.ny_ryzz .dbt h1 span {
    font-size:3rem;
  }
	.ny_ryzz .dbt h3 {
    font-size: 1.6rem;
  }
	 .ny_ryzz .dbt {
    margin-bottom: 40px;
  }
	.ny_ryzz ul li {
    width: calc((100% - 20px) / 2);
    margin: 5px;
  }
	  .ny_ryzz ul li h3 {
    margin-top: 15px;
    font-size: 16px;margin-bottom: 10px;
  }
	.ny_ryzz ul li:nth-child(4n) {
    margin-right: 5px;
  }
	.xw_top .swiper-slide .w_z h1 {
  font-size: 20px;
  margin-bottom: 10px;
}
	.xw_top .swiper-slide .w_z p {
  font-size: 16px;
  line-height: 28px;
}
	.xw_top .swiper-slide .w_z .time {
  font-size:16px;
}
	.xw_list li .box {
  padding: 15px 0;flex-wrap: wrap;
}
	 .xw_list li .w_z {
    width:100%;margin-top: 20px;
  }
	 .xw_list li .rq {
    width:130px;
    height:40px;flex-direction: row;line-height: 40px;
  }
	 .xw_list li .rq p {display: inline-block;margin-left: 5px;margin-top: 0
  }
	.xw_list li .w_z p {
  font-size: 16px;
  line-height:26px;
}
	.xw_list li .t_p {
  width: 100%;
  height: 15rem;margin-top: 20px;
}
	.ny_xwtj {
  padding-top:30px;padding-bottom: 0
}
	.ny_xwtj h1 {
  font-size: 26px;
  margin-bottom: 30px;
}
	.ny_xwtj ul {flex-wrap: wrap;
}
	.ny_xwtj ul li {
  width: calc((100% - 20px) / 2);margin-bottom: 20px
}
	.jj_rl ul li {
    padding: 30px 25px 20px;width: 100%
  }
	
	.swiper-cp .swiper-slide .w_z{padding: 10px 15px;line-height: 28px;font-size: 16px;}
	.copy p {
  font-size: 14px;
  color: #fff;
}
	.container { width: 90%;}
	.ny_cp .list .b_t {
    line-height: 60px;font-size: 24px;
  }
	.ny_cp .fbxq {
    width: 100%;
    padding:20px 0;
  }
	.ny_cp .fbxq .zn_p2 {
  padding: 20px 0;
}
	.ny_cp .fbxq .b_t {
  margin-bottom: 20px;
}
	.swiper-rptj .swiper-button-next {
  background:none;
}
	.swiper-rptj .swiper-button-prev {
   background:none;
}
	.swiper-xsal .swiper-button-next {
  background:none;
}
	.swiper-xsal .swiper-button-prev {
 background:none;
}
	
	
	
	
	
	
	
	
	
	

}

