/*--公共--*/

* {box-sizing:border-box;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}


/* 滚动条样式 */
body::-webkit-scrollbar {width:4px;height:1px;}
body::-webkit-scrollbar-thumb {background:#E70012;}
body::-webkit-scrollbar-track {background:#fff;}

.w83{width:83%;margin:0 auto;}
.w73{width:73%;margin:0 auto;}

/*字体*/

.title {position:relative;height:34px;}
.title p {font-size:34px;font-weight:bold;line-height:34px;display:inline-block;color:#FFFFFF;}
.title span {font-size:14px;height:34px;font-family:"Gotham2";line-height:17px;display:inline-block;margin-left:15px;color:#FFFFFF;font-weight:normal;}

.title1 {position:relative;height:34px;}
.title1 p {font-size:34px;font-weight:bold;line-height:34px;display:inline-block;color:#333;}
.title1 span {font-size:14px;height:34px;font-family:"Gotham2";line-height:17px;display:inline-block;margin-left:15px;color:#989898;font-weight:normal; text-transform:uppercase}

.title2 {position:relative;}
.title2 p {font-size:34px;font-weight:bold;line-height:34px;display:block;color:#ffffff;margin-bottom:5px;}
.title2 span {font-size:14px;height:17px;font-family:"Gotham2";line-height:17px;display:block;color:#ffffff;font-weight:normal;}

.title3 {position:relative;}
.title3 p {font-size:34px;font-weight:bold;line-height:34px;display:block;color:#333333;margin-bottom:5px;}
.title3 span {font-size:14px;height:17px;font-family:"Gotham2";line-height:17px;display:block;color:#989898;font-weight:normal;}

/*首页第四屏*/
.index4-page {width:100%;box-sizing:border-box;background:url(../images/dbbg.jpg) no-repeat;background-position:bottom;position:relative;overflow:hidden;}
.index4-page .left {max-width:462px;position:absolute;left:57px;top:32vh;z-index:5;}
.index4-page .left .title1{transform: translateY(20px);opacity: 0;transition: all .2s linear .1s;}
.index4-page .left .word {position:relative;transform: translateY(20px);opacity: 0;transition: all .2s linear .3s;margin-top:60px;font-size:14px;line-height:26px;color:#666666;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.index4-page .right {position:absolute;right:203px;top:35vh;width:320px;z-index:5;transform: translateY(20px);opacity: 0;transition: all .2s linear .5s;}
.index4-page .right a.more {float:left;display:block;width:124px;height:120px;background:url(../images/index4_more2.png) no-repeat;position:relative;font-size:16px;line-height:16px;box-sizing:border-box;color:#FFFFFF;text-align:center;padding-top:64px;}
.index4-page .right a.more:before {content:'';display:block;width:26px;height:26px;background:url(../images/index4_more3.png) no-repeat;position:absolute;left:50%;margin-left:-13px;top:17px;}
.index4-page .right a.more:after {content:'';display:block;width:154px;height:154px;background:url(../images/index4_more1.png) no-repeat;background-size:100% 100%;position:absolute;left:-16px;top:-16px;animation: roll_2 5s linear infinite;}
.index4-page .right p {float:right;font-size:18px;line-height:25px;padding-top:25px;color:#333333;}
.index4-page .p-list {position:relative;transform: translateY(20px);opacity: 0;transition: all .2s linear .7s;}
.index4-page .gallery-top {padding-top:14vh;text-align:center;padding-bottom:17vh;}
.index4-page .gallery-thumbs {position:absolute;width:72%;left:14%;bottom:0;height:163px;padding-top:20px;}
.index4-page .gallery-thumbs img {display:block;width:210px;margin:0 auto;position:relative;z-index:4;}
.index4-page .swiper-slide {cursor:pointer;}
.index4-page .p4-next {width:18px;height:24px;background:url(../images/index4_icon2.png) no-repeat;position:absolute;left:auto;bottom:70px;right:12%;top:auto;margin-top:0;}
.index4-page .p4-prev {width:18px;height:24px;background:url(../images/index4_icon1.png) no-repeat;position:absolute;left:12%;bottom:70px;right:auto;top:auto;margin-top:0;}
.index4-page .gallery-thumbs .swiper-slide-thumb-active:after {z-index:3;content:'';width:114px;height:110px;background:url(../images/index4_icon3.png) no-repeat;position:absolute;left:50%;margin-left:-65px;top:-12px;}

.index4-page .p4-next:hover{background:url(../images/index4_icon2-1.png) no-repeat;}
.index4-page .p4-prev:hover{background:url(../images/index4_icon1-1.png) no-repeat;}
@keyframes roll_2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.index4-page.active .left .title1,.index4-page.active .left .word,.index4-page.active .right,.index4-page.active .p-list{transform: translateY(0px);opacity: 1;}


/*适配*/
@media (max-width:1680px) {
/*首页*/
.index-about{background-position: 0 -60px;}
.index-about .fr ul li{margin-right:70px;}
.footer .f-middle .fl dl{margin-right: 100px;}
.nav-tc{padding:30px 40px;}
.nav-tc .ms{margin-top:5vh;}
.nav-tc dl{margin-bottom: 20px;}
.products_show4 .ms .right{padding:22px 92px;}

.service2-1,.service2-3,.service2-5{width:800px;margin-left: 90px;}

.about-4 .left p{font-size:14px;margin-bottom: 14px;}
.about-6 .bg{top:-61%;}
.about-6 .ab-6 .swiper-slide .right{margin-top:-180px;}
}
@media (max-width:1635px) {
	.about2-1 .word dd{margin-left:5%;}
}
@media (max-width:1480px) {

.index5-page .p5-banner .right:after, .index5-page .p5-banner .right:before{width:400px;height:400px;margin: -160px 0 0 -200px;}
.index4-page .right{right:100px;}	
.index4-page .left{max-width: 300px;}
.index3-page:after{right: 619px;}
.index3-page .swiper4{right:560px;}
.index4-page .gallery-top .swiper-slide img{display: inline-block;height:400px;}

}
@media (max-width:1460px) {
	.about2-1 .word dt{float:none;}
	.about2-1 .word dd{margin-left:0;margin-top: 20px;float:none;}
}
@media (max-width:1440px) {
	.about-6 .bg{top:-68%;}
}
@media (max-width:1366px) {
	.about-6 .bg{top:-68%;}
	.index-about{background-position: 0 -200px;}
	.index-about .fr ul li{margin-right:20px;}
}
@media (max-width:1350px) {
	
}
@media (max-width:1280px) {
	
	
	.index4-page .right{width:280px;}
	
	
	
}

@media (max-width:1250px) {
	
}
@media (max-width:1200px) {

}
@media (max-width:1150px) {

}
@media (max-width:1040px) {

}
@media (max-width:1024px) {
*{box-sizing:border-box;transition:all 0s linear;-moz-transition:all 0s linear;-webkit-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;}


@-webkit-keyframes leftUp {
    0% {
        -webkit-transform: scale(1.1) translate(4.545%, 4.545%);
                transform: scale(1.1) translate(4.545%, 4.545%);
    }
    to {
        -webkit-transform: scale(1.1) translate(-4.545%, -4.545%);
                transform: scale(1.1) translate(-4.545%, -4.545%);
    }
}

@keyframes leftUp {
    0% {
        -webkit-transform: scale(1.1) translate(4.545%, 4.545%);
                transform: scale(1.1) translate(4.545%, 4.545%);
    }
    to {
        -webkit-transform: scale(1.1) translate(-4.545%, -4.545%);
                transform: scale(1.1) translate(-4.545%, -4.545%);
    }
}


@-webkit-keyframes moveRight {
    0% {
        -webkit-transform: scale(1.1) translate(-4.545%);
                transform: scale(1.1) translate(-4.545%);
    }
    to {
        -webkit-transform: scale(1.1) translate(4.545%);
                transform: scale(1.1) translate(4.545%);
    }
}

@keyframes moveRight {
    0% {
        -webkit-transform: scale(1.1) translate(-4.545%);
                transform: scale(1.1) translate(-4.545%);
    }
    to {
        -webkit-transform: scale(1.1) translate(4.545%);
                transform: scale(1.1) translate(4.545%);
    }
}

.index-banner .moveDown .img img.m{
    -webkit-animation-name: moveDown;
            animation-name: moveDown;
}

@-webkit-keyframes moveDown {
    0% {
        -webkit-transform: scale(1.1) translateY(-4.545%);
                transform: scale(1.1) translateY(-4.545%);
    }
    to {
        -webkit-transform: scale(1.1) translateY(4.545%);
                transform: scale(1.1) translateY(4.545%);
    }
}

@keyframes moveDown {
    0% {
        -webkit-transform: scale(1.1) translateY(-4.545%);
                transform: scale(1.1) translateY(-4.545%);
    }
    to {
        -webkit-transform: scale(1.1) translateY(4.545%);
                transform: scale(1.1) translateY(4.545%);
    }
}

.index-banner .centerBig .img img.m{
    -webkit-animation-name: centerBig;
            animation-name: centerBig;
}

@-webkit-keyframes centerBig {
    to {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}

@keyframes centerBig {
    to {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}

.index-banner .rightDownBig .img img.m{
    -webkit-animation-name: rightDownBig;
            animation-name: rightDownBig;
}

@-webkit-keyframes rightDownBig {
    to {
        -webkit-transform: scale(1.1) translate(4%, 4%);
                transform: scale(1.1) translate(4%, 4%);
    }
}

@keyframes rightDownBig {
    to {
        -webkit-transform: scale(1.1) translate(4%, 4%);
                transform: scale(1.1) translate(4%, 4%);
    }
}

.title{height:24px;line-height: 24px;}
.title p{color:#333333;font-size:24px;font-weight: bold;}
.title span{color:#666666;display: none;}
.title1{height:24px;line-height: 24px;margin-bottom: 20px;}
.title1 p{font-size:24px;}
.title1 span{display: none;}
.title2{height:24px;line-height: 24px;}
.title2 p{color:#333333;font-size:24px;font-weight: bold;}
.title2 span{color:#666666;display: none;}
.title3{height:24px;line-height: 24px;}
.title3 p{font-size:24px;}
.title3 span{display: none;}


.index4-page{height:auto;padding:40px 5%;background: url(../images/index4-bg1.png) no-repeat;background-size:cover ;background-position:center ;}
.index4-page .left{position:relative;left:0;top:0;max-width: 100%; margin-top:80px}
.index4-page .left .word{margin-top:10px;line-height: 20px;display: none;top:-14px;}
.index4-page .right{display: none;}
.index4-page .gallery-top{padding-top: 0px;padding-bottom: 0;}
.index4-page .gallery-top .sw2{bottom:20px!important;z-index:5;display: none!important;}
.index4-page .gallery-top .swiper-slide{text-align: center;}
.index4-page .gallery-top .swiper-slide img{height:auto;width:80%;}
.index4-page .p4-next{bottom:auto;top:50%;margin-top:-12px;right:2%;}
.index4-page .p4-prev{bottom:auto;top:50%;margin-top:-12px;left:2%;}
.index4-page .gallery-thumbs{/*display: none;*/width:100%;height:auto;left:0;position:relative;}
.index4-page .gallery-thumbs img{width:120px;}
.index4-page .gallery-thumbs .swiper-slide-thumb-active:after{width:57px;height:55px;background: url(../images/index4_icon3.png) no-repeat;background-size:100% 100%;margin-left:-30px;top:0px;}

.index4-page .left .title1,.index4-page .left .word,.index4-page .right,.index4-page .p-list{transform: translateY(0px);opacity: 1;}
}
@media (max-width:960px) {

}
@media (max-width:768px) {
.title1 p {
    font-size: 20px;
}		
.index4-page .left{ margin-top:40px; display:none;}
.index4-page { padding:0px;  margin-top:0px;}
}
@media (max-width:414px) {

}
@media (max-width:375px) {

}
@media (max-width:320px) {
}