body{overflow-y: hidden;}
.header{position: fixed;left: 0; top: 0; right: 0;}
.banner ul li{width: 100%;height: 100%;}
.banner .swiper-container { width: 100%; height: 100%; float: left;}
.banner .swiper-container .click{cursor: pointer; width: 22px;height: 57px;display: block;margin: 0 auto; position: absolute;left: 50%; z-index: 9; bottom: 40px;background-image: url(../img/banner-click.png);background-size: 22px 37px;}
.banner .swiper-container .click{animation: myfirst1 1s infinite alternate;-moz-animation: myfirst1 1s infinite alternate;-webkit-animation: myfirst1 1s infinite alternate;-o-animation: myfirst1 1s infinite alternate;}
@keyframes myfirst1{from {background-position: bottom ;}to {background-position: top;}}

.banner .swiper-pagination{bottom: 40px;right: 100px;}
.banner .swiper-pagination-bullet {border-bottom:inherit;font-family: dFont; opacity: 0.6;height: 30px; line-height: 30px;}
.banner .swiper-pagination-bullet-active{margin-right: 125px; opacity: 1;position: relative;}
.banner .swiper-pagination-bullet-active::before{ content: ''; width: 120px; height: 1px;background-color: rgba(255 255 255 / 60%); display: block; position: absolute;right: -120px;top: 14px;}

.index_title .title{height: 236px;display: block;padding-top: 80px;}
.index_title .title .tit{height:60px;width: 275px;display: block;margin: 0 auto; background-image: url(../img/title-bg.png) ;position: relative;background-position: center;background-repeat: no-repeat; background-size: 198px 60px; }
.index_title .title .tit::after{content: ''; width: 39px; height: 60px;display: block;position: absolute;top:0;left: 0;background: url(../img/title-left.png) no-repeat left; background-size: 39px 60px;}
.index_title .title .tit::before{content: ''; width: 44px; height: 60px;display: block;position: absolute;top:0;right: 0;background: url(../img/title-right.png) no-repeat right; background-size: 39px 60px;}
.index_title .title .tit i{width: 75px;height: 60px; float: left;margin-left: 45px;line-height: 54px; font-size: 30px;text-align: center;}
.index_title .title .tit span{width: 116px;height: 60px; float: left;line-height: 54px;padding-left: 25px; font-size: 30px;background:url(../img/title-center.png) no-repeat left ;text-align:  center;}
.index_title .title .english{height:30px;width: 275px; text-align: center; font-size: 12px; line-height: 30px;display: block;margin: 0 auto;letter-spacing:7px; text-indent: 9px;}

/*关于我们*/
.index_1{position: relative;}
.index_1 .top_left{width: 26%;height: 48%;background-color: #1860bc;position: absolute;top: 0;left: 0;background-image: url(../img/index-1-bg-2.png);background-repeat: no-repeat ; background-position: 45% 35%; z-index: 9;}
.index_1 .top_left::after{content: ''; width: 125px; height: 65px; display: block; position: absolute; left: 100%; top: 41%; background: url(../img/index-1-bg-3.png) no-repeat center;}

.index_1 .top_left span{font-size: 36px; font-weight: 400; color: #fff;text-align: center;top: 65%;z-index: 40;position: absolute;left: 33%; }
.index_1 .top_left span::after {content: '';width: 24px; height: 3px; display: block; background-color: #fff; margin: 20px auto;}
.index_1 .top_right{width: 44%;height: 88%; background-image: url(../img/index-1-bg.jpg); position: absolute;top: 0;left: 26%;background-repeat: no-repeat; background-size: cover;background-position-y: 100%;}

.index_1 .center_left{width: 26%;height: 40%;display: block; z-index: 20; position: absolute;top: 48%;left: 0;}

.index_1 .center_left .video-js {width: 100%;height: 100%;  background-color: #000; background-image: url(../img/index-1-bg-2.jpg)  ;  background-repeat: no-repeat; background-position: center; background-size: cover;}
.index_1 .center_left .video-js .vjs-big-play-button{cursor: pointer; background: url(../img/index-1-video-button.png) no-repeat center;background-size: cover;  position: absolute;top: 45%; left: 50%; height: 54px;width: 54px;}

.index_1 .center_right{width: 30%;height: 100%; padding:0 3.5%;background-image: url(../img/index-1-bg-3.jpg); right: 0; position: absolute;top: 0;right: 0;}
.index_1 .center_right h3{font-size: 24px; line-height: 60px;text-align: center;}
.index_1 .center_right h5{font-size: 20px; line-height: 60px;text-align: center;}
.index_1 .center_right p{font-size: 16px; display: block;text-indent: 32px;}

.index_1 .center_right cite{display: flex;margin: 0 auto;font-style:initial;text-align: center;font-size: 18px;line-height: 50px;padding-top: 40px;}
.index_1 .center_right cite a{width: 93px; height: 160px; display: block;flex:1;text-align: center;}
.index_1 .center_right cite a i{width: 93px; height: 93px; display: block; margin: 0 auto;}
.index_1 .center_right cite a:nth-child(1) i{background-image: url(../img/index-1-bg-11.png);}
.index_1 .center_right cite a:nth-child(2) i{background-image: url(../img/index-1-bg-12.png);}
.index_1 .center_right cite a:nth-child(3) i{background-image: url(../img/index-1-bg-13.png);}
.index_1 .center_right cite a:nth-child(4) i{background-image: url(../img/index-1-bg-14.png);}


.index_1 .bottom_left{width: 26%;height: 12%;z-index: 18; font-size: 16px;padding: 0 20px; position: absolute; bottom: 0;left: 0;background-color: #ebebed;}

.index_1 .bottom_right{width: 74%;height: 12%;background-color: #1860bc; position: absolute; bottom: 0;right: 0;text-align: center;}
.index_1 .bottom_right a{display: block; width: 120px;height: 20px; font-size: 16px;line-height: 20px; color: #cbcbcb; }
.index_1 .bottom_right a::after{content: '';width: 76px; height: 10px; display: block; background: url(../img/index-1-bg-4.png) no-repeat center; margin: 0px auto;}


/*#index1-1,#index1-3,#index1-5,#index1-7{left:-500px;opacity: 0;}
#index1-2,#index1-4,#index1-6{right:-1440px;opacity: 0;}*/


/*荣誉资质*/
.index_2{background-image:url(../img/index-2-bg.jpg);position: relative;}
.index_2 .title {height: 100%; position: relative;}
.index_2 .title ul{height: 100%;} 
.index_2 .title ul li{cursor: pointer; width: 400px;height: 100%;background-repeat: no-repeat; float: left;position: relative;background-position: 0px 25%;}
.index_2 .title ul li::after{content: '';width: 1px; height: 22%; top: 0; display: block;background-color: rgba(255 255 255 / 20%);position: absolute; left: 41px; }
.index_2 .title ul li::before{content: '';width: 1px; height: 100%;top: 33%; display: block;background-color: rgba(255 255 255 / 20%); position: absolute; left: 41px; }

.index_2 .title ul li:nth-child(1){background-image: url(../img/index-2-bg-1-2.png);background-size: 147px 97px;padding-left: 177px; transition: all 0.3s;}
.index_2 .title ul li:nth-child(2){background-image: url(../img/index-2-bg-2-2.png);background-size: 171px 97px;padding-left: 201px; transition: all 0.3s;}
.index_2 .title ul li:nth-child(3){background-image: url(../img/index-2-bg-3-2.png);background-size: 169 97px;  padding-left: 199px;  transition: all 0.3s;border-right: 1px solid rgba(255 255 255 / 20%);}

.index_2 .title ul li:nth-child(1).on,.index_2 .title ul li:nth-child(1):hover{background-image: url(../img/index-2-bg-1-1.png);}
.index_2 .title ul li:nth-child(2).on,.index_2 .title ul li:nth-child(2):hover{background-image: url(../img/index-2-bg-2-1.png);}
.index_2 .title ul li:nth-child(3).on,.index_2 .title ul li:nth-child(3):hover{background-image: url(../img/index-2-bg-3-1.png);}

.index_2 .title ul li h3{font-size: 27px;font-weight: 400;top: 25%; color: rgba(255 255 255 / 60%);position: absolute;  height: 30px; line-height: 30px;  transition: all 0.3s;}
.index_2 .title ul li h5{font-size: 14px;font-weight: 400;top: 29%; color: rgba(255 255 255 / 60%);position: absolute; line-height: 30px;text-transform: uppercase; transition: all 0.3s;}
.index_2 .title ul li h5::after {content: '';width: 30px; height: 3px; display: block; background-color: rgba(255 255 255 / 60%); transition: all 0.3s;}

.index_2 .title ul li:nth-child(1).on h3 ,.index_2 .title ul li:nth-child(1):hover h3 {color: rgba(255 255 255 / 100%);}
.index_2 .title ul li:nth-child(2).on h3 ,.index_2 .title ul li:nth-child(2):hover h3 {color: rgba(255 255 255 / 100%);}
.index_2 .title ul li:nth-child(3).on h3 ,.index_2 .title ul li:nth-child(3):hover h3 {color: rgba(255 255 255 / 100%);}

.index_2 .title ul li:nth-child(1).on h5 ,.index_2 .title ul li:nth-child(1):hover h5 {color: rgba(255 255 255 / 100%);}
.index_2 .title ul li:nth-child(2).on h5 ,.index_2 .title ul li:nth-child(2):hover h5 {color: rgba(255 255 255 / 100%);}
.index_2 .title ul li:nth-child(3).on h5 ,.index_2 .title ul li:nth-child(3):hover h5 {color: rgba(255 255 255 / 100%);}

.index_2 .title ul li:nth-child(1).on h5::after ,.index_2 .title ul li:nth-child(1):hover h5::after {background-color: rgba(255 255 255 / 100%);width: 90px;}
.index_2 .title ul li:nth-child(2).on h5::after ,.index_2 .title ul li:nth-child(2):hover h5::after {background-color: rgba(255 255 255 / 100%);width: 110px;}
.index_2 .title ul li:nth-child(3).on h5::after ,.index_2 .title ul li:nth-child(3):hover h5::after {background-color: rgba(255 255 255 / 100%);width: 140px;}
.index_2 .title .content{font-size: 14px;font-weight: 400;position: absolute;display: block;z-index: 20;top: 48%;width: 1140px; height: 120px; left: 50px;line-height: 30px;text-align: center;color: #fff;}

.index_2 .product_list{height: 335px;width: 100%; display: block; margin: 0 auto; position: absolute; bottom: 10px; }
.index_2 .product_list ul li{height: 335px;width: 20%;display: inline-block;background: url(../img/index-2-bg-4.png) no-repeat bottom; padding-top: 10px;}
.index_2 .product_list ul li div{height: 295px;width: 86%;display: block; background: #f2f2f2;padding: 7%;margin: 0 auto;}
.index_2 .product_list ul li div i{ height: 195px; width: 100%; display: block; background-position: center; background-size: cover; background-repeat: no-repeat; }
.index_2 .product_list ul li div h5{ height: 60px;width: 100%; font-size: 16px; line-height: 60px; text-align: center;}

/*.index_2 .title ul li{opacity: 0;}
.index_2 .title .content{top:1500px; opacity: 0;}
.index_2 .product_list{bottom: -800px; opacity: 0;}*/

.index_3{position: relative; background-image: url(../img/index-3-bg.jpg);}
.index_3 ul li{position: absolute;left: 0; width: 33.3333%; height: 45%; overflow: hidden; background: url(../img/index-4-bg-2.png); background-position: bottom; background-repeat: repeat-x;}
.index_3 ul li a{width: 100%;height: 100%; text-align: center; color: #fff; background: url(../img/index-4-bg-2.png); background-position: right; background-repeat: repeat-y;}
.index_3 ul li a i{width: 50px; height: 50px; display: block;margin: 10px auto; background-position: center; background-size: contain;background-repeat: no-repeat;}
.index_3 ul li a h5{font-size: 20px;}
.index_3 ul li a span{font-size: 12px; position: relative;}	
.index_3 ul li a span::before{content: '';width: 0%; height: 2px; position: absolute; bottom: -20px;left: 50%; background: #fff;transition: all 0.3s; }
.index_3 ul li:hover a span::before{width: 100%;left: 0%;}

.index_3 ul li{top: 10%;opacity: 1;}
.index_3 ul li:nth-child(1) a i{background-image: url(../img/index-3-bg-1.png);}
.index_3 ul li:nth-child(2){left:33.3333%;}
.index_3 ul li:nth-child(2) a i{background-image: url(../img/index-3-bg-2.png);}
.index_3 ul li:nth-child(3){left:66.6666%;}
.index_3 ul li:nth-child(3) a i{background-image: url(../img/index-3-bg-3.png);}
.index_3 ul li:nth-child(4){top:55%;}
.index_3 ul li:nth-child(4) a i{background-image: url(../img/index-3-bg-4.png);}
.index_3 ul li:nth-child(5){top:55%;left:33.3333%;}
.index_3 ul li:nth-child(5) a i{background-image: url(../img/index-3-bg-5.png);}
.index_3 ul li:nth-child(6){top:55%;left:66.6666%;}
.index_3 ul li:nth-child(6) a h5{ background: url(../img/index-3-bg-6.png) no-repeat right; background-size: contain; width: 200px; margin: 5px auto; padding-right: 30px;}
.index_3 ul li:nth-child(6) a span{background: url(../img/index-3-bg-7.png) no-repeat right; background-size: contain;width: 200px; height: 11px; margin: 5px auto; display: block;}
.index_3 ul li:nth-child(6) a span::before{display: none;}

.index_3 ul li .mrshow{ position: absolute; transition: ease 1s; left: 0; width: 100%;height: 100%;padding: 26% 0;bottom:0;  box-sizing: border-box; }
.index_3 ul li .maskbox{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; padding: 26% 0; box-sizing: border-box;background-color: rgba(24 96 188 / 50%);transition: ease 0.6s; opacity: 0; transform: translateY(100%);}

.index_3 ul li:hover .mrshow{ opacity: 0; transform: translateY(100%);}
.index_3 ul li:hover .maskbox{ opacity: 1; transform: translateY(0%);}
.index_3 ul li:hover .maskbox i{ animation: overturn 2s;-moz-animation: overturn 2s;-webkit-animation: overturn 2s;-o-animation: overturn 2s;}

@keyframes overturn{ 0% {transform: rotateY(0deg);} 50% {transform: rotateY(360deg);}  100% {transform: rotateY(0deg);}}
/* Firefox */
@-moz-keyframes overturn {0% {transform: rotateY(0deg);} 50% {transform: rotateY(360deg);} 100% {transform: rotateY(0deg);}}
/* 1 */
@-webkit-keyframes overturn { 0% {transform: rotateY(0deg);} 50% {transform: rotateY(360deg);} 100% {transform: rotateY(0deg);}}
/* Opera */
@-o-keyframes overturn { 0% {transform: rotateY(0deg);} 50% {transform: rotateY(360deg);} 100% {transform: rotateY(0deg);}}


.index_4{position: relative;background:url(../img/index-4-bg.jpg) no-repeat center;background-size: cover;}
.index_4 .title{width: 26%;height: 100%; position: absolute; top: 0;left: 0;background: url(../img/index-4-bg-1.png) no-repeat; background-position: 33% 20%; }
.index_4 .title span{font-size: 36px; font-weight: 400; color: #fff; position: absolute; top: 28%;left: 33%;}
.index_4 .title span::after {content: '';width: 24px; height: 3px; display: block; background-color: #fff; margin: 20px auto;}

.index_4 .left{ height: 55%; width: 50%; display: flex; position: absolute;  left: 0; padding: 3% 0;  z-index: 99; bottom: 5%; background-color: #fff; }
.index_4 .left .image{ height: 100%; width: 50%; display: block; }
.index_4 .left .text{ height: 100%; width: 50%; display: block; }
.index_4 .left ul li time{font-size: 18px; color: #999; padding: 20px 30px 0px 30px; display: block;font-family: dFont;}
.index_4 .left ul li h5{font-size: 24px; font-weight: 400; padding: 10px 30px 0px 30px;line-height: 40px;}
.index_4 .left ul li span{font-size: 16px; color: #999; height: 110px;  padding: 0px 30px 0px 30px; line-height: 28px;}
.index_4 .left ul li span::before {content: '';width: 24px; height: 1px; display: block; background-color: #333; margin-top: 10px; margin-bottom: 10px;}
.index_4 .left ul li i{display: block; width: 120px;height: 20px; font-size: 16px;line-height: 20px; color: #999; margin-top: 40px ;text-align: center;}
.index_4 .left ul li i::after{content: '';width: 76px; height: 10px; display: block; background: url(../img/index-1-bg-4.png) no-repeat right; margin: 0px auto;}


.index_4 .left .swiper-pagination{bottom: 15px;left: 50%;width: 50%;}
.index_4 .left .swiper-pagination-bullet {width: 16px;height: 16px;background-color: #fff; border: 1px solid #bcbcbc; opacity: 1; border-radius: 50%;}
.index_4 .left .swiper-pagination-bullet-active{background-color: #1860bc;border: 1px solid #1860bc; }

.index_4 .news_list{ position: absolute;right: 0 ;top: 0; width: 50%; height: 100%; display: block;}
.index_4 .news_list ul li{width: 50%;height: 45%; position: absolute; top: 10%; left: 0; overflow: hidden; float: left;background-position: bottom; background-repeat: no-repeat;}
.index_4 .news_list ul li a{width: 100%;height: 100%;display: block;position: relative; z-index: 99; background: url(../img/index-4-bg-2.png); padding: 5%; background-position: left; background-repeat: repeat-y;}
.index_4 .news_list ul li h5{font-size: 24px; font-weight: 400; color: #f7f8fa;padding: 5% 0 0 0; line-height: 40px;}
.index_4 .news_list ul li time{font-size: 18px; color: #b7bcc6; padding-top: 5%; display: block;font-family: dFont;}
.index_4 .news_list ul li time::before {content: '';width: 24px; height: 1px; display: block; background-color: #f7f8fa; margin-top: 10px; margin-bottom: 10px;}
.index_4 .news_list ul li span{font-size: 16px; color: #bfc1c5; height: 90px;  margin-top: 5%; line-height: 28px;}
.index_4 .news_list ul li i{display: block; width: 120px;height: 20px; font-size: 16px;line-height: 20px; color: #b2b2b2; margin-top: 10% ;margin-left: -20px; text-align: center;}
.index_4 .news_list ul li i::after{content: '';width: 76px; height: 10px; display: block; background: url(../img/index-1-bg-4.png) no-repeat right; margin: 0px auto;}

.index_4 .news_list ul li .maskbox{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; padding: 26% 0;z-index: 1; box-sizing: border-box;background-color: rgba(0 0 0 / 30%);transition: ease 0.4s; opacity: 0; }
.index_4 .news_list ul li:hover .maskbox{ opacity: 1;}

.index_4 .news_list ul li:hover time{color: #f7f8fa; }
.index_4 .news_list ul li:hover span{color: #f7f8fa; }
.index_4 .news_list ul li:hover i{color: #f7f8fa; }
.index_4 .news_list ul li:nth-child(1){background: url(../img/index-4-bg-2-1.jpg);}
.index_4 .news_list ul li:nth-child(1) .maskbox{ transform: translateY(100%);}
.index_4 .news_list ul li:nth-child(1):hover .maskbox{transform: translateY(0%);}

.index_4 .news_list ul li:nth-child(2){ left: 50%; background: url(../img/index-4-bg-2-2.jpg);}
.index_4 .news_list ul li:nth-child(2) .maskbox{ transform: translateX(-100%);}
.index_4 .news_list ul li:nth-child(2):hover .maskbox{transform: translateX(0%);}

.index_4 .news_list ul li:nth-child(3){ top: 55%; background-image: none;background: url(../img/index-4-bg-2-3.jpg);}
.index_4 .news_list ul li:nth-child(3) .maskbox{ transform: translateX(100%);}
.index_4 .news_list ul li:nth-child(3):hover .maskbox{transform: translateX(0%);}

.index_4 .news_list ul li:nth-child(4){ top: 55%; left: 50%;background-image: none;background: url(../img/index-4-bg-2.jpg);}
.index_4 .news_list ul li:nth-child(4) .maskbox{ transform: translateY(-100%);}
.index_4 .news_list ul li:nth-child(4):hover .maskbox{transform: translateY(0%);}

/*.index_4 .title {left:-800px; opacity: 0;}
.index_4 .left{left:-800px; opacity: 0;}
.index_4 .news_list {right:-1500px; opacity: 0;}*/

@media (max-width: 1680px) {
	.index_1 .top_left::after{top: 41.5%;}
	
	.index_2 .title ul li{background-position: 0px 24%;}
	.index_2 .title ul li::after{ height: 21%; }
	.index_2 .title ul li::before{top: 33%; }
	
	.index_2 .title ul li h3{top: 24%; }
	.index_2 .title ul li h5{top: 28%; }
	.index_2 .title .content{top: 45%;}
	
	.index_2 .product_list{height: 325px; }
	.index_2 .product_list ul li{height: 325px;}
	.index_2 .product_list ul li div{height: 290px;}
	.index_2 .product_list ul li div i{ height: 195px; }
	.index_2 .product_list ul li div h5{ height: 55px;line-height: 55px;}
	
	.index_4 .title{background-position: 33% 20%; }
	.index_4 .news_list ul li a{ padding: 4%; }
	.index_4 .news_list ul li time{padding-top: 4%;}
	.index_4 .news_list ul li h5{padding: 5% 0 0px 0px;}
	.index_4 .news_list ul li h5::after {margin-top: 6%;}
	.index_4 .news_list ul li span{margin-top: 4%;}
	.index_4 .news_list ul li i{ margin-top: 8% ;}
}

@media (max-width: 1440px) {
	.index_1 .top_left::after{top: 43%;}
	
	.index_2 .product_list{height: 295px;}
	.index_2 .product_list ul li{height: 295px;}
	.index_2 .product_list ul li div{height: 255px;}
	.index_2 .product_list ul li div i{ height: 180px; }
	.index_2 .product_list ul li div h5{ height: 50px;line-height: 50px;}
	
	.index_4 .title{background-position: 33% 15%; }
	.index_4 .news_list ul li a{ padding: 3%; }
	.index_4 .news_list ul li time{padding-top: 3%;}
	.index_4 .news_list ul li h5{line-height: 35px;}
	.index_4 .news_list ul li h5::after {margin-top: 5%;}
	.index_4 .news_list ul li span{margin-top: 3%;}
	.index_4 .news_list ul li i{ margin-top: 6% ;}
}

@media (max-width: 1366px) {
	
	.index_2 .title ul li{background-position: 0px 22%;}
	.index_2 .title ul li::after{ height: 18%; }
	.index_2 .title ul li::before{top: 34%; }
	
	.index_2 .product_list{height: 285px;}
	.index_2 .product_list ul li{height: 285px;}
	.index_2 .product_list ul li div{height: 245px;}
	.index_2 .product_list ul li div i{ height: 165px; }
	.index_2 .product_list ul li div h5{ height: 50px;}
	
	.index_4 .title{background-position: 33% 15%; }
	.index_4 .news_list ul li a{ padding: 3%; }
	.index_4 .news_list ul li time{padding-top: 2%;}
	.index_4 .news_list ul li h5{line-height: 30px;}
	.index_4 .news_list ul li h5::after {margin-top: 4%;}
	.index_4 .news_list ul li span{margin-top: 2%;}
	.index_4 .news_list ul li i{ margin-top: 2% ;}
}


/*@media (max-width: 1099.98px) { */
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	body{overflow-y: auto;}
	.banner{height: 4rem  }
	.banner ul li{height: 4rem  }
	
	.banner .swiper-container .click{display: none;}
	.banner .swiper-pagination{right: inherit; motion: 0 auto; left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);}
	.banner .swiper-pagination-bullets{ bottom: 0.3rem;}
	.banner .swiper-pagination-bullet {width: 0.4rem;height: 0.15rem;line-height: 0.15rem !important; font-size: 0.24rem;}
	.banner .swiper-pagination-bullet-active{margin-right: 0;}
	.banner .swiper-pagination-bullet-active::before{ display: none;}
	
	.index_title .title{height: 2rem;padding-top: 0.6rem;}
	.index_title .title .tit{height:0.6rem;width: 3.2rem;background-size: 2.42rem 0.6rem; }
	.index_title .title .tit::after{width: 0.4rem; height: 0.6rem;background-size: 0.4rem 0.6rem;}
	.index_title .title .tit::before{content: ''; width: 0.5rem; height: 0.6rem;background-size: 0.5rem 0.6rem;}
	.index_title .title .tit i{width: 1rem;height: 0.6rem; margin-left: 0.4rem;line-height: 0.56rem; font-size: 0.36rem;}
	.index_title .title .tit span{width: 1.3rem;height: 0.6rem; float: left;line-height: 0.56rem;padding-left: 0.25rem; font-size: 0.36rem;}
	.index_title .title .english{height:0.4rem;width: 3.2rem; font-size: 0.16rem; line-height: 0.4rem;letter-spacing:0.05rem; text-indent: 0;}


	#index1-1,#index1-3,#index1-5,#index1-7{left:0;opacity: 1;}
	#index1-2,#index1-4,#index1-6{right:0;opacity: 1;}

	.index_1{height: 21.72rem;position: initial; }
	.index_1 .top_left{width: 100%;height: 2.2rem;background-image: url(../img/index-1-bg-5.png); background-position:center;text-align: center; position: initial;}
	.index_1 .top_left::after{display: none;}
	.index_1 .top_left span{font-size: 0.48rem;text-align: center;position: initial; padding-top: 1rem;}
	.index_1 .top_left span::after {width: 0.3rem; height: 0.03rem; margin: 0.1rem auto;}
	.index_1 .top_right{width: 100%;height: 4rem; position: initial;top:initial;left: initial;}
	
	.index_1 .center_left{width: 100%;height: 4.5rem;display: block; z-index: 20; position: relative;top: initial;left: initial;}
	.index_1 .center_left .video-js .vjs-big-play-button{top: 45%; left: 50%;height: 0.6rem;width: 0.6rem;}
	
	.index_1 .center_right{width: 100%;height: auto; padding:0.2rem;right: initial; position: initial;top: initial;}
	.index_1 .center_right h3{font-size: 0.36rem; line-height: 0.6rem;}
	.index_1 .center_right h5{font-size: 0.3rem; line-height: 0.6rem;}
	.index_1 .center_right p{font-size: 0.28rem; text-indent: 0.56rem; }
	
	.index_1 .center_right cite{font-size:0.30rem ;line-height:0.60rem ;padding-top:0.40rem ;}
	.index_1 .center_right cite a{width:1rem ;height:1.60rem ;}
	.index_1 .center_right cite a i{width:1rem ;height:1rem ;}


	.index_1 .bottom_left{width: 100%;height: 1.2rem;font-size: 0.28rem;padding: 0 0.4rem; position: initial; bottom: initial;left: initial;background-color:initial;}
	.index_1 .bottom_right{width: 100%;height:1.2rem; position: initial; bottom: initial;right: initial;}
	.index_1 .bottom_right a{display: block; width: 100%;height: 1.2rem; font-size: 0.26rem;line-height: 1.2rem;  }
	.index_1 .bottom_right a::after{width: 0.8rem; height: 0.1rem;margin: -0.3rem auto; }

	/*产品中心*/
	.index_2{height: 10rem; background-image: url(../img/index-2-bg-1.jpg);}
	.index_2 .title ul li{width:2.4rem; opacity: 1; background-position: 0px 0.6rem;}
	.index_2 .title ul li::after{width:0.01rem ;left:0.41rem ; height: 0.5rem;}
	.index_2 .title ul li::before{width:0.01rem ;left:0.41rem ;top: 3rem;}
	.index_2 .title ul li:nth-child(1){background-size:1.47rem 0.97rem ;padding-left:0.25rem ;}
	.index_2 .title ul li:nth-child(2){background-size:1.71rem 0.97rem ;padding-left:0.25rem ;}
	.index_2 .title ul li:nth-child(3){background-size:1.65rem ;padding-left:0.25rem ;}
	.index_2 .title ul li h3{font-size:0.4rem ;height:0.30rem ;line-height:0.30rem ;top: 1.9rem;}
	.index_2 .title ul li h5{font-size:0.22rem ;line-height:0.30rem ;top: 2.4rem;}
	.index_2 .title ul li h5::after {width:0.35rem ;height:0.03rem ;margin-top: 0.2rem;}
	.index_2 .title ul li:nth-child(1).on h5::after ,.index_2 .title ul li:nth-child(1):hover h5::after {width:0.90rem ;}
	.index_2 .title ul li:nth-child(2).on h5::after ,.index_2 .title ul li:nth-child(2):hover h5::after {width:1.10rem ;}
	.index_2 .title ul li:nth-child(3).on h5::after ,.index_2 .title ul li:nth-child(3):hover h5::after {width:1.40rem ;}
	.index_2 .title .content{top:4.2rem; opacity: 1;font-size:0.24rem ;width:7.2rem ;height:1.20rem ;left:0 ;line-height:0.30rem ;}
	
	.index_2 .product_list{bottom: 0.4rem; opacity: 1;height: 3.2rem; width: 100%; }
	.index_2 .product_list ul li{height:3.6rem ; width: 3.6rem;}
	.index_2 .product_list ul li div{height:3rem ;margin:auto ;  width: 3.4rem; padding: 0.1rem;}
	.index_2 .product_list ul li div i{height:2.2rem ;}
	.index_2 .product_list ul li div h5{height:0.60rem ;font-size:0.28rem ;line-height:0.60rem ;}

	.index_3{height: 8rem;}
	.index_3 ul li{height: 50%;}
	.index_3 ul li a i{width:0.50rem ;height:0.50rem ;margin:0.10rem auto ;}
	.index_3 ul li a h5{font-size:0.26rem ;}
	.index_3 ul li a span{font-size:0.22rem ;}
	.index_3 ul li{top: 0;opacity: 1;}
	.index_3 ul li:nth-child(4){top: 50%;}
	.index_3 ul li:nth-child(5){top: 50%;}
	.index_3 ul li:nth-child(6){top: 50%;}
	.index_3 ul li:nth-child(6) a h5{ font-size:0.32rem ; width: 2rem; padding-right: 0.6rem;background-size: 0.4rem;}
	.index_3 ul li:nth-child(6) a span{width: 2rem; height: 0.3rem; margin-top: 0.05rem;background-size: cover;}

	.index_4{height: 14rem;}
	.index_4 .title{width: 100%;height: 2.2rem; position: initial; top: initial;left: initial;background-position: 33% 24%; }
	.index_4 .title span{font-size: 0.48rem;  position: absolute; top: 1rem;}
	.index_4 .title span::after {width: 0.3rem; height: 0.03rem; margin: 0.1rem auto;}

	.index_4 .left{ height: 4rem; width: 100%; position: initial;  left: initial; padding: 0.2rem 0; bottom: initial;}
	.index_4 .left .image{ height: 100%; width: 50%; display: block; }
	.index_4 .left .text{ height: 100%; width: 50%; display: block; }
	.index_4 .left ul li time{font-size:0.30rem ;padding: 0 0.2rem ;}
	.index_4 .left ul li h5{font-size:0.36rem ;padding:0.2rem;}
	.index_4 .left ul li h5::after {width:0.4rem ;height:0.01rem ;margin-top:0.15rem ;}
	.index_4 .left ul li span{font-size:0.28rem ;height:1.10rem ;padding:0.1rem 0.2rem ;line-height:0.32rem ;}
	.index_4 .left ul li i{width:1.20rem ;height:0.20rem ;font-size:0.28rem ;line-height:0.20rem ;margin-top:0.40rem ;}
	.index_4 .left ul li i::after{width:1rem ;height:0.2rem ;margin:0.1rem ; background-size: cover;}
	.index_4 .left .swiper-pagination{bottom:0.15rem ;}
	.index_4 .left .swiper-pagination-bullet {width:0.2rem ;height:0.2rem ;}

	.index_4 .news_list{ position: relative;right: initial ;top: initial; width: 7.5rem; height: 7.4rem; }
	.index_4 .news_list ul li{width: 50%;height: 3.6rem; top: 0.1rem;background-size: contain;background-repeat: no-repeat;background-position: center;}
	.index_4 .news_list ul li a{padding: 0.2rem;}
	.index_4 .news_list ul li time{font-size:0.28rem ;}
	.index_4 .news_list ul li h5{font-size:0.3rem ;line-height:0.40rem ;padding: 0;}
	.index_4 .news_list ul li h5::after {width:0.4rem ;height:0.01rem ;}
	.index_4 .news_list ul li span{font-size:0.24rem ;height: 1rem; line-height: 0.33rem;}
	.index_4 .news_list ul li i{width:1.20rem ;height:0.20rem ;font-size:0.28rem ;line-height:0.20rem;margin-left:-0.20rem;margin-top: 0.4rem;}
	.index_4 .news_list ul li i::after{width:1rem ;height:0.2rem ;margin:0.1rem ; background-size: cover;}
	
	.index_4 .news_list ul li:nth-child(1){ }
	.index_4 .news_list ul li:nth-child(2){ left: 50%; }
	.index_4 .news_list ul li:nth-child(3){ top: 50%; }
	.index_4 .news_list ul li:nth-child(4){ top: 50%; left: 50%;}

	.index_4 .title {left:0; opacity: 1;}
	.index_4 .left{left:0; opacity: 1;}
	.index_4 .news_list {right:0; opacity: 1;}
}