/*通用标题*/
.home-title{width:100%;text-align: center;overflow: hidden;margin-bottom: 25px;position: relative;line-height: 1.5;color: #787878;z-index: 1;}
.home-title a{font-size: 36px;display: block;width: 300px;margin: 0 auto;}
.home-title p{width: 100%;max-width: 400px;margin: 0 auto;overflow: hidden;position: relative;}
.home-title em{display: block;width: 25%;float: left;height: 20px;border-bottom: 1px solid #ccc;}
.home-title span{width:50%;font-size: 18px;display: block;float: left;height: 36px;line-height: 40px;text-transform: uppercase;}
.home-title i{display: block;width: 15px;height: 25px;margin: 0 auto;background: url(../images/icon6.png) center no-repeat;background-size: 100% auto;}

.swiper-button-next.next,
.swiper-button-prev.prev{width: 45px;height: 70px;background: url(../nyimages/btn3.png) center no-repeat;margin-top: -75px;}
.swiper-button-next.next{background-position-x: right;right: -55px;}
.swiper-button-prev.prev{background-position-x: left;left: -55px;}
.swiper-button-next.next:hover,
.swiper-button-prev.prev:hover{background-image: url(../nyimages/btn5.png);}

@media only screen and (max-width:1024px){
.home-title{margin-bottom: 15px;}
.home-title a{font-size: 30px;}
.home-title p{max-width: 300px;}
.home-title em{height: 13px;}
.home-title span{font-size: 12px;height: 24px;line-height: 24px;}
.home-title i{height: 20px;}
}
@media only screen and (max-width:768px){
.bannerbox{display: block;padding-top: 45px;}
.home-title a{font-size: 24px;}
.home-title i{height:15px;width: 12px;}
}
@media only screen and (max-width:425px){
.home-title a{line-height: 1.3;font-size: 18px;font-weight: 600;}
}


/*推荐*/
.protjbox{padding: 55px 0 40px;}
.protjbox .swiper-container{padding-bottom: 40px;}
.protjbox ul li{width: 25%;float: left;text-align: center;padding: 5px 10px;}
.protjbox ul li p{width: 100%;padding: 4px;overflow: hidden;position: relative;border: 1px solid #ddd;}
.protjbox ul li h3{width: 100%;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 50px;}

@media only screen and (max-width:1250px){
.protjbox{padding: 40px 0 30px;}
.protjbox .swiper-container{padding-bottom: 30px;}
.protjbox ul li{padding: 0 5px 5px;}
}
@media only screen and (max-width:1024px){
.protjbox{padding: 30px 0 20px;}
}
@media only screen and (max-width:768px){
.protjbox{padding: 30px 0 15px;}
}

/*产品*/
.productbox{padding:50px 0;background: #f7f7f7 url(../images/bg1.jpg) center bottom no-repeat;background-attachment: fixed;border-top: 1px solid #eee;}
.productbox .protit{width: 100%;margin-bottom: 25px;display: flex;flex-wrap: wrap;justify-content: center;}
.productbox .protit p{width: 20%;float: left;text-align: center;position: relative;overflow: hidden;font-size: 16px;font-weight: 600;line-height: 2;padding: 1px;}
.productbox .protit p a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 15px 5px 15px;background: #333;color: #fff;}
.productbox .protit p span{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;cursor: pointer;display: none;}
.productbox .protit p:hover a{background: #e52222;}
.productbox .protit p:hover span{width: 0;}

.productbox .procon{min-height: 300px;}
.productbox ul{width: calc(100% + 20px);margin: 0 -10px;}
.productbox ul li{width: 25%;padding: 10px;overflow: hidden;float: left;text-align: center;}
.productbox ul li a{display: block;border: 1px solid #e6e6e6;background: #fff;padding: 4px;overflow: hidden;}
.productbox ul li p{width: 100%;overflow: hidden;background: #fff;}
.productbox ul li h3{width: 100%;line-height: 2;font-size: 15px;padding: 5px;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox ul li:hover a{border-color: #e52222;color: #e52222;}

@media only screen and (max-width:1250px){
.productbox{padding: 40px 0;}
.productbox ul{width: calc(100% + 10px);margin: 0 -5px;}
.productbox ul li{padding: 5px;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 30px 0;}
.productbox .protit{margin-bottom: 15px;}
.productbox .protit p{font-size: 14px;width: 25%;}
.productbox ul li a{padding: 4px;}
}
@media only screen and (max-width:768px){
.productbox .protit p{width: 33.33%;}
.productbox ul li{width: 50%;}
.productbox ul li a{padding: 9px;}
.productbox ul li p{padding: 5px 0;}
}
@media only screen and (max-width:425px){
.productbox .protit p{width: 50%;}
.productbox .protit p a{padding: 10px 5px;}
.productbox ul{width: calc(100% + 6px);margin: 0 -3px;}
.productbox ul li{padding: 3px;}
.productbox ul li a{padding: 4px;}
.productbox ul li p{padding: 0;}
.productbox ul li h3{font-size: 14px;}
}

/*案例*/
.casebox{padding: 50px 0 60px;background: #191919 url(../nyimages/bg2.jpg) center bottom no-repeat;background-attachment: fixed;position: relative;}
.casebox::after{content: "";width:100%;height:100%;background: rgba(0,0,0,.8);position: absolute;left: 0;top: 0;z-index: 0;}
.casebox .home-title{color: #ddd;}
.casebox .home-title a{color: #ccc;}
.casebox .home-title a:hover{color: #fff;}
.casebox .home-title em{border-color: #aaa;}
.casebox .home-title i{background-image: url(../images/icon5.png);}

.casebox .w1280{z-index: 1;position: relative;}
.casebox .swiper-container{padding-bottom: 40px;}
.casebox ul li{width: 25%;float: left;text-align: center;padding: 5px;}
.casebox ul li a{display: block;width: 100%;overflow: hidden;padding: 5px;background: #fff;}
.casebox ul li p{width: 100%;overflow: hidden;}
.casebox ul li p em{padding-bottom: 75%;}
.casebox ul li p em img{width: 100%;max-height: none;min-height: 100%;}
.casebox ul li h3,.casebox ul li span{width: 100%;font-size: 15px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.casebox ul li h3{height: 36px;line-height: 30px;padding:6px 0 0;}
.casebox ul li span{height: 30px;line-height: 24px;padding: 0 0 6px;}
.casebox ul li:hover a{color: #e52222;}

@media only screen and (max-width:1250px){
.casebox{padding: 40px 0;}
.casebox ul li{padding: 0 5px 10px;}
}
@media only screen and (max-width:1024px){
.casebox{padding: 30px 0;}
}
@media only screen and (max-width:768px){
.casebox ul li{width: 50%;}
}
@media only screen and (max-width:425px){
.casebox{padding: 30px 0 20px;}
}

/*简介*/
.companybox{padding-top: 50px;}
.companybox .cont{position: relative;padding-right: 600px;padding-bottom: 35px;}
.companybox .pic{width: 600px;position: absolute;right: 0;top: 0;z-index: 1;background: #000;}
.companybox .pic p{width: 100%;max-width:600px;}
.companybox .pic p em{padding-bottom: 400px;}
.companybox .pic p img{height: 100%;min-width: 100%;max-width: none;}

.companybox .txt{width: 100%;height:400px;float: left;background: #f1f3f5;padding: 25px 35px;}
.companybox .titl{width: 100%;padding-right: 65px;position: relative;}
.companybox .titl p{font-size: 30px;color: #e52222;font-weight: 600;}
.companybox .titl em{display:block;font-size: 16px;color: #ccc;text-transform: uppercase;font-style: normal;font-weight: 600;line-height: 1.2;}
.companybox .txt .text{width: 100%;height: 215px;padding-top: 15px;line-height: 1.7;color: #666;text-indent: 2em;font-size: 16px;}
.companybox .txt .text p{width: 100%;overflow: hidden;margin-bottom: 10px;}
.companybox .txt .more{width: 100%;padding-top: 25px;}
.companybox .txt .more a{display:block;float:left;height: 40px;padding: 0 25px;background: #333;line-height:40px;color: #fff;text-transform: uppercase;}
.companybox .txt .more a:hover{background: #e52222;}

.comphonor .home-title{margin: 10px auto;}
.comphonor .w1280 img{width: 100%;}

@media only screen and (max-width:1250px){
.companybox{padding-top: 40px;}
.companybox .cont{padding-right: 39%;}
.companybox .pic{width: 42%;}
}
@media only screen and (max-width:1024px){
.companybox .cont{padding: 0 0 25px;}
.companybox .pic{width: 100%;position: relative;}
.companybox .pic p{max-width:100%;}
.companybox .pic p img{width:102%;height: auto;min-height: 100%;max-height: none;}
.companybox .titl p{font-size: 24px;}
.companybox .titl em{font-size: 14px;}
.companybox .titl a{width: 36px;height: 36px;font-size: 24px;line-height: 36px;}
.companybox .txt{width: 100%;height: auto;}
.companybox .txt .titl{display: none;}
.companybox .txt .text{line-height: 1.8;padding: 0;height: auto;}
.companybox .txt .more{padding: 10px 0 5px;}
}
@media only screen and (max-width:768px){
.companybox{padding-top: 30px;}
.companybox .cont{padding-bottom: 20px;}
.companybox .pic p em{padding-bottom: 60%;}
.companybox .txt{padding: 25px 5%;}
.companybox .pictit{width: 400px;margin-left: -200px;}
.companybox .pictit p{font-size: 16px;height: 50px;line-height: 50px;padding: 0 5px;}
}
@media only screen and (max-width:425px){
.companybox .titl p{font-size: 18px;font-weight: 600;}
.companybox .titl em{font-size: 12px;}
.companybox .titl a{width: 30px;height: 30px;line-height: 30px;top: 10px;}
.companybox .txt{line-height: 1.5;}
.companybox .txt .text{font-size: 14px;}
.companybox .more{padding-top: 5px;}
.companybox .more p{width: 25%;}
.companybox .pictit{width: 90%;left: 5%;margin: 0;}
}

/*相册*/
.albumbox ul li{width: 25%;padding: 0 5px;text-align: center;}
.albumbox ul li p{width: 100%;overflow: hidden;padding-bottom: 70%;position: relative;}
.albumbox ul li p img{width: 102%;min-height: 102%;position: absolute;left: -1%;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.albumbox ul li h3{display:block;width:100%;height:100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.75);opacity: 0;-webkit-transform: scale(0,0);transform: scale(0,0);}
.albumbox ul li h3 span{display:block;width:100%;position: absolute;left: 0;top: 50%;margin-top: -20px;color: #fff;font-size: 16px;font-weight: 600;line-height: 40px;padding: 0 5px;}
.albumbox ul li:hover h3{opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);}
.albumbox .swiper-button-next.next,
.albumbox .swiper-button-prev.prev{margin-top: -35px;}

@media only screen and (max-width:1024px){
.albumbox.swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.albumbox ul li{width: 33.33%;}
}
@media only screen and (max-width:425px){
.albumbox ul li{width: 50%;}
}

/*视频*/
.videobox{padding: 15px 0 20px;background: #f3f5f7;}
.companybox .videobox{padding: 20px 0 0;background: #fff;}
.videobox ul li{width: 33.33%;text-align: center;padding: 0 15px;}
.videobox ul li p{width: 100%;background: #000;position: relative;overflow: hidden;padding: 5px;}
.videobox ul li p em{width: 100%;display: block;padding-bottom: 65%;position: relative;}
.videobox ul li p .videoed{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: none;}
.videobox ul li h3{width: 100%;height: 50px;line-height: 50px;display: block;overflow: hidden;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;}
.videobox ul li:hover h3{color: #e52222;}

.videobox .swiper-container{padding-bottom: 40px;}

@media only screen and (max-width:1250px){
.videobox ul li{padding: 0 10px;}
}
@media only screen and (max-width:1024px){
.videobox{padding: 35px 0 25px;}
}
@media only screen and (max-width:768px){
.videobox ul li{width: 50%;}
}
@media only screen and (max-width:425px){
.videobox{padding: 30px 0 20px;}
.videobox ul li{padding: 0 5px;}
}

/*新闻*/
.newsbox{padding: 45px 0 50px;}
.newsbox .newpic{width: 46%;height: 400px;float: left;position: relative;}
.newsbox .newpic img{position: relative;height: 100%;min-width: 100%;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}

.newsbox .newslist{width: 52%;float: right;height: 400px;}
.newsbox .newslist ul li{width: 100%;position: relative;padding: 10px 10px 10px 120px;overflow: hidden;height: auto;}
.newsbox .newslist ul li .date{width: 100px;height: 80px;position: absolute;left: 0;top: 10px;border-right: 1px solid #ccc;overflow: hidden;text-align: center;color: #787878;}
.newsbox .newslist ul li .time1{font-size: 36px;line-height: 60px;}
.newsbox .newslist ul li .time2 p{font-size: 36px;line-height: 60px;height: 53px;}
.newsbox .newslist ul li .time2 span{display: block;font-size: 15px;font-weight: 600;}
.newsbox .newslist ul li .tit{width: 100%;line-height: 30px;font-size: 16px;font-weight: 600;}
.newsbox .newslist ul li .tit a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox .newslist ul li .time{display: none;padding: 9px 0 0 25px;background: url(../nyimages/date-black.png) left 11px no-repeat;background-size: 15px 15px;}
.newsbox .newslist ul li .text{width: 100%;height: 50px;overflow: hidden;padding-top: 7px;}
.newsbox .newslist ul li .text br,
.newsbox .newslist ul li .text img{display: none;}

.newsbox .newslist ul li:nth-of-type(even){background: #f3f5f7;}
.newsbox .newslist ul li:hover{background: #e52222;color: #fff;}
.newsbox .newslist ul li:hover .date{color: #fff;border-color: #fff;}
.newsbox .newslist ul li:hover a{color: #fff;}
.newsbox .newslist ul li:hover .time{background-image: url(../nyimages/date-white.png);}

.newslist.swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

@media only screen and (max-width:1250px){
.newsbox{padding: 35px 0 45px;}
}
@media only screen and (max-width:1024px){
.newsbox{padding: 30px 0 40px;}
.newsbox .newpic{width: 42%;}
.newsbox .newpic img{left: 65%;}
.newsbox .newslist{width: 58%;}
}
@media only screen and (max-width:768px){
.newsbox{padding: 25px 0 30px;}
.newsbox .newpic{width: 100%;height: 270px;}
.newsbox .newpic img{left: 0;top:50%;width: 100%;height: auto;min-height: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.newsbox .newslist{width: 100%;height: auto;max-height: 500px;}
}
@media only screen and (max-width:640px){
.newsbox .newslist ul li{padding-left: 15px;}
.newsbox .newslist ul li .tit{font-size: 15px;}
.newsbox .newslist ul li .text{padding-top: 0;height: 40px;}
.newsbox .newslist ul li .date{display: none;}
.newsbox .newslist ul li .time{display: block;padding-top: 5px;background-position-y: 7px;}
}

/*留言*/
.orderbox{padding:55px 0 70px;background: url(../nyimages/bg6.jpg) center bottom no-repeat;}
.orderbox .home-title a,
.orderbox .home-title p{color: #f5f5f5;}
.orderbox .home-title i{background-image: url(../images/icon5.png);}
.orderbox .home-title a:hover{color: #fff;}

.orderbox .cont{width:96%;max-width:960px;margin:0 auto;padding-top: 10px;}
.orderbox ul{width:100%;position: relative;padding-left: 51%;}
.orderbox ul li{width:100%;overflow:hidden;height:44px;float:left;margin-bottom: 20px;position:relative;background:#fff;border-radius:3px;}
.orderbox ul li span{display:block;height:44px;line-height:44px;text-align:center;color:#666;width: 80px;position: absolute;left: 0;top: 0;z-index: 0;}

.orderbox ul li .txt,
.orderbox ul li .area,
.orderbox  ul li .code{position:relative;z-index:1;display:block;width:100%;height:100%;line-height:24px;padding:10px 10px 10px 80px;background:none;float:left;}
.orderbox ul .li_2{height:100%;width:49%;position: absolute;left: 0;top: 0;}
.orderbox ul .li_3{max-width: 250px;margin: 0 15px 0 0;}
.orderbox ul .li_3 img{position:absolute;right:20px;top:13px;cursor:pointer;z-index:2;}
.orderbox ul .li_3 .red{width:20px;right:0;top:3px;padding:0;color:#f00;position:absolute;left:auto;}
.orderbox ul .li_4{max-width: 140px;margin: 0;}
.orderbox ul .li_4 p{width:100%;float:left;height:44px;background:#0068b3;margin-right:15px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.orderbox ul .li_4 p input{display:block;width:100%;height:44px;font-size:16px;padding:8px;color:#fff;text-align:center;cursor:pointer;background:none;font-weight:bold;}
.orderbox ul .li_4 p:hover{background:#e52222;}

@media only screen and (max-width:1250px){
.orderbox{padding:50px 0 60px;}
}
@media only screen and (max-width:1024px){
.orderbox{padding: 40px 0 50px;}
.orderbox ul li{margin-bottom: 15px;}
.orderbox ul .li_3{max-width: 230px;margin-right: 10px;}
.orderbox ul .li_4{max-width: 120px;}
}
@media only screen and (max-width:768px){
.orderbox .cont{max-width: 560px;}
.orderbox ul{padding: 0;}
.orderbox ul .li_2{height:150px;width:100%;position: relative;}
.contactbox .cont-up li{width: 100%;padding: 10px 0;}
}
@media only screen and (max-width:425px){
.orderbox ul li .txt,
.orderbox ul li .area,
.orderbox ul li .code{padding-left: 70px;}
.orderbox ul .li_3{max-width: 195px;}
.orderbox ul .li_4{max-width: 100px;}
}

/*联系*/
.contactbox{padding: 50px 0 45px;text-align: center;}
.contactbox .titl p{font-size: 22px;line-height: 1;}
.contactbox .titl em{display: block;font-size: 50px;font-weight: 600;color: #e6212a;font-style: normal;}

.contactbox .ewm{width: 100%;max-width: 600px;margin: 0 auto;}
.contactbox .ewm p{width: 50%;float: left;padding: 0 35px;}
.contactbox .ewm img{width: 100%;}
.contactbox .ewm span{width: 100%;display: block;background: #fff;padding-bottom:9px;line-height: 1;margin-top: -3px;color: #666;}

@media only screen and (max-width:1024px){
.contactbox{padding: 35px 0 30px;}
}
@media only screen and (max-width:768px){
.contactbox .titl em{font-size: 42px;}
.contactbox .ewm{width: 96%;}
.contactbox .ewm p{padding: 0 3%;}
}
@media only screen and (max-width:425px){
.contactbox .titl p{font-size: 18px;}
.contactbox .titl em{font-size: 36px;line-height: 1.8;}
}

/*link*/
.linkbox{background: #f3f5f7;}
.linkbox .w1280{position: relative;padding: 25px 0 25px 100px;}
.linkbox .tit{position: absolute;left: 5px;top: 50%;margin-top: -20px;line-height: 1;}
.linkbox .tit span{display: block;font-size: 26px;font-weight: 600;color: #ff9600;}
.linkbox .tit em{font-style: normal;color: #e52222;}
.linkbox .tit p{font-weight: 600;}
.linkbox ul li{display: inline;line-height:24px;padding: 0 5px;}
.linkbox ul a{line-height:24px;white-space: nowrap;}