/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg01 { background:#f5f5f5;}
body{background: #fff;}

/**/

/**/

html, body {max-width: 1920px;min-width: 1200px;width: 100%;position: relative;height: 100%; overflow: hidden;}
.indexDOM {width: 100%;height: 100%; overflow: hidden; }
.banner {width: 100%; height: 100%; overflow: hidden;}
.banner img {display: block;width: 100%;}

.banner .swiper-button-next,.banner .swiper-button-prev{position: absolute;z-index: 12}
.banner .swiper-button-next{background:url(../image/probt2.png) no-repeat;width: 30px;height: 84px;right:20%;top:50%;margin-top: -42px;}
.banner .swiper-button-prev{background:url(../image/probt1.png) no-repeat;width: 30px;height: 84px;left:20%;top:50%;margin-top: -42px;}

.indexDOM .swiper-container-vertical > .indexDOM .swiper-pagination-bullets .swiper-pagination-bullet{margin: 25px 0;}
.indexDOM .swiper-pagination-bullet{background: #d9d9d9;width: 8px;height: 8px;border-radius: 50%;opacity: 1;margin: 10px 4px;}
.indexDOM .swiper-container-vertical > .indexDOM .swiper-pagination-bullets{right:5%;}
.indexDOM .swiper-pagination-bullet-active{border: 4px solid #a40000;margin: 0; width: 8px;height: 8px;background: #fff;}

.gallery-thumbs {
  height: 100px;max-width: 1920px;min-width: 1200px;width: 100%;position: absolute;left:0;bottom: 0;
  box-sizing: border-box; line-height: 100px;
}
.gallery-thumbs .swiper-slide {
    width: 10% !important;
    margin: 0 1%; border-top:1px solid #b1aea8;
  font-size: 16px;color: #fff;text-align: center;
}
.gallery-thumbs .swiper-slide:first-child{margin-left: 26%;}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;font-weight: bold;
}



/*第一屏*/

.yous{width: 100%;}
.leit{width: 100%;overflow: hidden;display: block;height:920px;}
.leit ul{width: 102%;}
.leit li{width: 25%;float: left;position: relative;height: 920px;}
.leit li img{display: block;}
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,0.5);}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;overflow:hidden;}
.shu2{position: absolute;left: 50%;top: 50%;margin-left:-425px;width: 850px;font-size: 26px;color: #fff;text-align: center;padding-top:19%;}
.shu2 span {width:100%;font-size:26px;color: #fff;font-weight:normal;display:block;margin:0 auto; }
.shu2 em{display: block;font-size: 16px;text-align: center;color: #fff;padding-top: 20%;}
.bock{width: 95%; position: absolute;left: 0;bottom:0;color: #fff;opacity:0;height:470px;padding:70px 0 0 0;box-sizing: border-box; padding-left: 5%;}
.bock h3{font-size:26px;color: #fff;font-weight:bold;position: relative;height: 110px;}




.g_ppc{width: 100%;height: 100%; overflow: hidden; }
.g_pp{float: left;width: 50%;overflow: hidden;}
.g_pp dt img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.g_pp dt:hover img{transform: scale(1.1);}
.g_pp .swiper-button-next{background:url(../image/rjt.png) no-repeat;width: 64px;height: 64px;left:40%;top:48%;}
.g_pp .swiper-button-prev{background:url(../image/ljt.png) no-repeat;width: 64px;height: 64px;left:10%;top:48%;}
.g_ppc .ppwz{float: left;width: 30%;padding: 5% 10% 0;}
.g_ppc .ppwz h3{width: 60%;margin: 0 auto; margin-bottom: 20px;}
.g_ppc .ppwz h3 img{width: 100%;display: block;}
.g_ppc .ppwz p{font-size: 16px;line-height: 36px;color: #1a1a1a;text-align: center;}
@media screen and (max-width: 1440px) {
.g_ppc .ppwz p{font-size: 12px;line-height: 24px;}

}
@media screen and (max-width: 1679px) {
.g_ppc .ppwz p{font-size: 14px;line-height: 28px;}
}

.g_ppc span{width: 80%;margin: 0 auto;    display: block;}
.g_ppc span img{width: 100%;display: block;}


/*第三屏*/
.sybg3{background:url(../image/sybg3.jpg) no-repeat center top;background-size: 100%;position: relative;}
.sybg3 .g_fa2{position: relative;top: 50%;margin-top: -24%;height: 82%;}

.sybg3 h2{padding: 3% 0 0 5%;width: 16%;}
.sybg3 h2 img{width: 100%;display: block;}
.sybg3 p{padding: 15px 0 25px 8%;width: 39%;font-size: 16px;line-height: 30px;color: #1a1a1a;}
@media screen and (max-width: 1440px) {
.sybg3 p{font-size: 12px;line-height: 24px;}

}
@media screen and (max-width: 1679px) {
.sybg3 p{font-size: 14px;line-height: 28px;}
}

.sybg3 .swiper-button-next{background:url(../image/rjt3.png) no-repeat;width: 64px;height: 64px;right:5%;bottom: 2%; position: absolute;}
.sybg3 .swiper-button-next:hover{background:url(../image/rjt2.png) no-repeat;}
.sybg3 .swiper-button-prev{background:url(../image/ljt3.png) no-repeat;width: 64px;height: 64px;right:10%;bottom: 2%;position: absolute;}
.sybg3 .swiper-button-prev:hover{background:url(../image/ljt2.png) no-repeat;}
.sybg3 .m_fa2{margin: 5% 8% 0;}
.sybg3 .m_fa2 .faimg{width:100%;display: block; position: relative;transition: all 0.3s linear 0s;  }
.sybg3 .m_fa2 .faimg img{width: 100%;display: block;}
.sybg3 .m_fa2 .faimg:hover{transform: translateY(-10px);}
.sybg3 .m_fa2 .faimg em{position: absolute;left:32%;width: 70%;height: 48px;line-height: 48px;background: #a40000;overflow: hidden;text-align: center;font-size: 16px;color: #fff;bottom: -20px; }

.sybg3 .fa2_pagin{width: 100%;text-align: center;bottom: -17%;position: absolute;}
.sybg3 .fa2_pagin .swiper-pagination-bullet{background: #ccc;width: 10px;height: 10px;border-radius: 50%;opacity: 1;margin: 0 10px;}
.sybg3 .fa2_pagin .swiper-container-vertical > .sybg3 .fa2_pagin .swiper-pagination-bullets{right:5%;}
.sybg3 .fa2_pagin .swiper-pagination-bullet-active{width: 34px;height: 10px;background: #a40000;border-radius: 15px;padding: 0;border: none;}



@media screen and (max-width: 1440px) {
.sybg3 .m_fa2{margin: 5% 8% 0;}
}

@media screen and (max-width: 1679px) {
.sybg3 .m_fa2{margin: 3% 8% 0;}
}





/*第四屏*/
.sybg4{background:url(../image/sybg4.jpg) no-repeat center top;background-size: 100%;position: relative;}
.sybg4 .zstitandwz{position: absolute;left:59%;bottom:10%;width: 33%;}
.sybg4 h2{width: 52%; margin-bottom: 3%;}
.sybg4 h2 img{width: 100%;display: block;}
.sybg4 p{font-size: 16px;line-height: 30px;color: #1a1a1a;}

@media screen and (max-width: 1440px) {
.sybg4 p{font-size: 12px;line-height: 24px;}

}
@media screen and (max-width: 1679px) {
.sybg4 p{font-size: 14px;line-height: 28px;}
}

.sybg4 .swiper-button-next{background:url(../image/rjt3.png) no-repeat;width: 64px;height: 64px;right:5%;top:27%; position: absolute;}
.sybg4 .swiper-button-next:hover{background:url(../image/rjt2.png) no-repeat;}
.sybg4 .swiper-button-prev{background:url(../image/ljt3.png) no-repeat;width: 64px;height: 64px;left:6%;top:27%;position: absolute;}
.sybg4 .swiper-button-prev:hover{background:url(../image/ljt2.png) no-repeat;}

.sybg4 .m_zs{position: absolute;left:12%;top: 5%; width:76%; overflow: hidden; padding-bottom: 20px;}
.sybg4 .m_zs .zslst{width:100%;background: #fff;  box-shadow:3px 3px 5px #a9a8a8; padding: 10% 0; position: relative; transition: all 0.3s linear 0s;}
.sybg4 .m_zs .zslst img{width: 77%;display: block;margin: 0 auto;}
.sybg4 .m_zs .zslst em{position: absolute;left:0;bottom:0; width: 100%;height: 40px;line-height:40px;background: rgba(0,0,0,.6);overflow: hidden;text-align: center;font-size: 14px;color: #fff;overflow: hidden;display: none; }
.sybg4 .m_zs .zslst:hover em{display: block;}
.sybg4 .m_zs .zslst:hover {transform: translateX(-10px);}


/*第五屏*/
.sybg5{background:url(../image/sybg5.jpg) no-repeat center top;background-size: 100%;position: relative;}
.g_cpc{position: relative;top: 50%;margin-top: -24%;height: 82%;}
.sybg5 h2{padding: 3% 0 0 6%;width: 16%;}
.sybg5 h2 img{width: 100%;display: block;}
.sybg5 p{padding: 15px 0 0 8%;width: 39%;font-size: 16px;line-height: 30px;color: #1a1a1a;}

@media screen and (max-width: 1440px) {
.sybg5 p{font-size: 12px;line-height: 24px;}

}
@media screen and (max-width: 1679px) {
.sybg5 p{font-size: 14px;line-height: 28px;}
}

.sybg5 .cptit{position: absolute;left:51%;top:25%;height: 54px;line-height: 54px;border-bottom: 1px solid #ce8080;width: 44%;}
.sybg5 .cptit li{float: left;font-size: 18px;color: #fff;padding: 0 2%;}
.sybg5 .cptit li a{color: #fff;display: inline-block;}
.sybg5 .cptit li i{position: relative;top:3px;padding-left: 3px;}
.sybg5 .cptit li:hover ,.sybg5 .cptit .cur{border-bottom: 3px solid #fff;position: relative;top:-2px;font-weight: bold;}

.sybg5 .cplst{padding-left:8%;padding-top: 2%;width: 84%;}
.sybg5 .cplst .cptj{width:49%;margin-right: 1%; position: relative;float: left;}
.sybg5 .cplst .cptj img{width: 100%;display: block;}
.sybg5 .cplst .cptj em{position: absolute;left:0;bottom: 0;width: 90%;background:url(../image/sha.png) repeat;height: 52px;line-height: 52px;padding-left: 3%;padding-right: 7%; font-size: 16px;color: #fff;display: none;}
.sybg5 .cplst .cptj em:before{content: "";position: absolute;background:url(../image/cpjt.png) no-repeat;width: 30px;height: 30px;right: 23px;top:16%;}
.sybg5 .cplst .cptj:hover em{display: block;}
.sybg5 .cplstc{float: right;width: 50%;}
.sybg5 .cplstc li{float: left;width:47.7%;margin: 0 0 10px 2%;position: relative;}
.sybg5 .cplstc li:nth-child(1),.sybg5 .cplstc li:nth-child(3){margin-left: 0;}
.sybg5 .cplstc li img{width: 100%;display: block;}
.sybg5 .cplstc li em{position: absolute;left:0;bottom: 0;width: 90%;background:url(../image/sha.png) repeat;height: 42px;line-height: 42px;padding-left: 3%;padding-right: 7%; font-size: 16px;color: #fff;display: none;}
.sybg5 .cplstc li em:before{content: "";position: absolute;background:url(../image/cpjt.png) no-repeat;width: 30px;height: 30px;right: 23px;top:16%;}
.sybg5 .cplstc li:hover em{display: block;}


.ysbd{width: 100%;display: block;}
.ysbd li,.ysbd li img{width: 100%;display: block;}
.yshd{position: absolute;padding-left:8%; padding-right: 6%; left:0; bottom:0;width:88%;background: #fff;}
.yshd .ysdbc{float: left;width: 20%;margin-right: 2.5%;padding: 0 1.5% 1.5%;height: 390px;transition: all 0.3s linear 0s;}
.yshd .ysdbc:nth-child(4){margin-right: 0;}
.yshd .ysdbc h3{height: 100px;font-size: 24px;color: #1a1a1a;padding-top: 20px;}
.yshd .ysdbc h3 b{display: block;font-size: 24px;color: #a40000;font-weight: normal;line-height: 36px;}
.yshd .ysdbc p{font-size: 16px;line-height: 30px;color: #999999;}
.yshd .on{background: #a40000;position: relative;margin-top:-2%;}
.yshd .on h3,.yshd .on h3 b,.yshd .on p{color: #fff;}

@media screen and (max-width: 1440px) {
.yshd .ysdbc{height: 280px;}
.yshd .ysdbc h3{height: 62px;font-size: 18px;}
.yshd .ysdbc p{font-size: 12px;line-height: 20px;}

}
@media screen and (max-width: 1679px) {
.yshd .ysdbc{height: 330px;}
.yshd .ysdbc h3{height: 80px;font-size: 20px;}
.yshd .ysdbc p{font-size: 14px;line-height: 24px;}
}


/*案例*/
.sybg7{background:url(../image/sybg6.jpg) no-repeat center top;background-size: 100%;position: relative;}
.sybg7 h2{padding: 3% 0 0 59%;width: 16%;}
.sybg7 h2 img{width: 100%;display: block;}
.sybg7 p{padding: 15px 0 0 62%;width: 29%;font-size: 16px;line-height: 30px;color: #1a1a1a;}
.sybg7 .antit{position: absolute;left:6%;top:25%;height: 54px;line-height: 54px;border-bottom: 1px solid #ce8080;width: 44%;}
.sybg7 .antit li{float: left;font-size: 18px;color: #fff;padding: 0 1%;}
.sybg7 .antit li a{color: #fff;display: inline-block;}
.sybg7 .antit li i{position: relative;top:3px;padding-left: 3px;}
.sybg7 .antit li:hover,.sybg7 .antit .cur{border-bottom: 3px solid #fff;position: relative;top:-2px;font-weight: bold;}
.sybg7 .anlst{padding-left:8%;padding-top:3%;width: 84%;}
.sybg7 .anlst li{float: left;width:31%;margin-right: 2.8%;position: relative;}
.sybg7 .anlst li:nth-child(3){margin-right: 0;}
.sybg7 .anlst li img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.sybg7 .anlst li:hover img{transform: scale(1.03);}
.sybg7 .anlst li em{display: block;height: 60px;line-height: 60px;font-size: 16px;color: #1a1a1a;position: relative;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.sybg7 .anlst li em:before{content: "";position: absolute;background:url(../image/anjt.jpg) no-repeat;width: 20px;height: 36px;right: 0;top:50%;margin-top: -18px;}
@media screen and (max-width: 1440px) {
.sybg7 p{font-size: 12px;line-height: 24px;}
.sybg7 .antit li{font-size: 14px;}

}
@media screen and (max-width: 1679px) {
.sybg7 p{font-size: 14px;line-height: 28px;}
.sybg7 .antit li{font-size: 18px;}
}

/*第八屏*/
.sybg8{background-size: 100%;position: relative;z-index: 100}
.g_news{position: relative;top: 50%;margin-top: -20%;height: 82%;}
.sybg8 h2{padding: 3% 0 0 5%;width: 16%;}
.sybg8 h2 img{width: 100%;display: block;}
.sybg8 .sywz{padding: 15px 0 0 8%;width: 39%;font-size: 16px;line-height: 30px;color: #1a1a1a;}

@media screen and (max-width: 1440px) {
.sybg8 .sywz{font-size: 12px;line-height: 24px;}

}
@media screen and (max-width: 1679px) {
.sybg8 .sywz{font-size: 14px;line-height: 28px;}
}

.sybg8 .swiper-button-next{background:url(../image/rjt3.png) no-repeat;background-size: 100%; width: 32px;height: 32px;right:1%;bottom: 2%; position: absolute;z-index: 1555}
.sybg8 .swiper-button-next:hover{background:url(../image/rjt2.png) no-repeat;background-size: 100%;}
.sybg8 .swiper-button-prev{background:url(../image/ljt3.png) no-repeat;background-size: 100%;width: 32px;height: 32px;right:4%;bottom: 2%;position: absolute;z-index: 1555}
.sybg8 .swiper-button-prev:hover{background:url(../image/ljt2.png) no-repeat;background-size: 100%;}

.sybg8 .m_news{padding-left:8%;padding-right: 5%; padding-top: 5%; width: 87%;}
.sybg8 h3{height: 48px;line-height: 48px;font-size: 14px;color: #a40000;margin-bottom: 12px;}
.sybg8 h3 a{color: #a40000;}
.sybg8 h4{height: 96px;line-height: 48px;font-size: 24px;color: #1a1a1a;margin-bottom: 12px;overflow: hidden;}
.sybg8 h4 a{color: #1a1a1a; display:block}
.sybg8 p{font-size: 16px;color: #999999;line-height: 28px;padding: 0;margin-bottom:12px;}
.sybg8 .newcon{width: 100%;}
.sybg8 .wzimg{position: relative;}
.sybg8 .newimg{width: 100%;left:0;top:0;position: absolute;display: none;}
.sybg8 .newimg img{width: 100%;display: block;}
.sybg8 .newcon:hover .newimg{display: block;}
.sybg8 .newcon:hover p{display: none;}
.sybg8 span{display: block;height: 32px;line-height: 32px;font-size: 14px;color: #999999;margin-bottom: 52px;}
.sybg8 .newcon:hover span{display: none;}
.sybg8 .morenew{padding-left:8%;padding-top:0.32%;}
.sybg8 .morenew a{display: block;width: 156px;height: 48px;line-height: 48px;background: #a40000;font-size: 16px;color: #fff;text-align: center;}


@media screen and (max-width: 1440px) {
.sybg8 h3{height: 26px;line-height: 26px;font-size: 12px;margin-bottom: 12px;}
.sybg8 h4{height: 52px;line-height: 26px;font-size: 12px;margin-bottom: 12px;}
.sybg8 p{font-size: 12px;color: #999999;line-height: 20px;}
.sybg8 .morenew a{display: block;width: 136px;height: 26px;line-height: 26px;font-size: 14px;color: #fff;text-align: center;}
.sybg8 span{margin-bottom: 10px;}
.sybg8 .m_news{bottom:7%;}
}
@media screen and (max-width: 1679px) {
.sybg8 h3{height: 30px;line-height: 30px;font-size: 12px;margin-bottom: 8px;}
.sybg8 h4{height: 60px;line-height: 30px;font-size: 14px;margin-bottom: 8px;}
.sybg8 p{font-size: 14px;color: #999999;line-height: 24px;}
.sybg8 .morenew a{display: block;width: 136px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;}
.sybg8 span{margin-bottom: 10px;}
.sybg8 .m_news{bottom:12%;}
}


.sybg9{width: 100%;background:url(../image/ftbg.jpg) repeat-y;height:100%;}
.g_ft{position: relative;top: 50%;margin-top: -20%;height: 82%;}
.g_ft .m_ft{padding: 5% 8% 0; }
.g_ft .ftgy{float: left;height: 436px;border-bottom: 1px solid #666666;}
.g_ft .ft1{width: 11.5%;}
.g_ft .ft2{width: 21%;}
.g_ft .ft3{width: 10%;}
.g_ft .ft4{width: 9%;}
.g_ft .ft5{width: 9%;}
.g_ft .ft6{width: 26%;}
.g_ft .ft7{width: 13%;float: right;}
.g_ft .m_ft h3{height: 48px;line-height: 48px;font-weight: normal;font-size: 16px;color: #fff;}
.g_ft .m_ft li{font-size: 14px;line-height: 32px;color: #999999;padding-right: 15%;}
.g_ft .m_ft li a{color: #999999;}
.g_ft .ft7 .flogo{width: 100%;display: block;margin-bottom: 15px;}
.g_ft .ft7 .flogo img{width: 100%;display: block;}
.g_ft .ft7 .code{width:72%;margin: 0 auto; }
.g_ft .ft7 .code img{width: 100%;display: block;}
.g_ft .copyr{height: 68px;line-height: 68px;font-size: 16px;color: #fff;}
.g_ft .copyr span{font-size: 16px;color: #ccc}
.g_ft .copyr a{color: #fff;}
.g_ft .m_ft .fttel{padding-top: 35px;font-size: 16px;font-weight: bold;color: #fff;}
.g_ft .m_ft .fttel b{display: block;font-size: 24px;color: #fff;}



@media (max-width:1440px){
.g_ft .m_ft li{font-size: 12px;}
.g_ft .copyr{font-size: 12px;}
.g_ft .copyr span{font-size: 12px;}
.g_ft .m_ft .fttel{font-size: 12px;}
.g_ft .m_ft .fttel b{font-size: 18px;}
}

@media screen and (max-width: 1679px) {
.g_ft .m_ft li{font-size: 14px;}
.g_ft .copyr{font-size: 14px;}
.g_ft .copyr span{font-size: 14px;}
.g_ft .m_ft .fttel{font-size: 14px;}
.g_ft .m_ft .fttel b{font-size: 18px;}
}

@media screen and (min-width: 1680px) {
.g_ft .m_ft li{font-size: 16px;}
.g_ft .copyr{font-size: 16px;}
.g_ft .copyr span{font-size: 16px;}
.g_ft .m_ft .fttel{font-size: 16px;}
.g_ft .m_ft .fttel b{font-size: 22px;}

}