/* CSS Document */
.excellent_ying{width:100%;text-align:center;font-size:40px;color:#3b3b3b;height:60px;line-height:60px;padding-top:60px;margin-top: 130px;}

.advantages-bg{ width:100%; height:100%;background: url("../../images/cp/wdys-bg.png");margin: 0 auto;clear: both;background-size: cover;background-repeat: no-repeat;}
.advantages{ width:80%; height:calc(80vw * 1080 / 1920); overflow:hidden; margin: 0 auto;}
.excellent_ying1{padding-top:35px;}
.advantages_list{width:100%;height:auto;overflow:hidden;margin-top: 150px;}
.advantages_list ul li{float:left;width: 10%;height: calc(8vw);list-style:none;position:relative;margin-bottom:60px;/*border: 1px solid #f78b2f;border-radius: 50%;*/margin: 0 5% 60px 5%;vertical-align: middle;}
.advantages_list ul li:first-child{margin: 0 5% 190px 5%;}
.advantages_list ul li:nth-child(5){margin: 0 5% 60px 0;}
.advantages_list ul li:last-child{margin: 0 0 60px 5%;}
.advantages_list ul li:hover .advantages_4_1{ width:100%;}

.advantages_list ul li:hover .advantages_1{ background:none;}
.advantages_list ul li:hover .advantages_1_1{ margin-top:calc(0px - 8vw);}

.advantages_1{width: 100%;height: 100%;margin: 0 auto;overflow:hidden;border-radius:50%;-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;-webkit-transition: all 0.4s ease-in-out;}
.advantages_1_1{width: 100%;height: 100%;-webkit-transition: all 0.4s ease-in-out;}
.advantages_1_1 img{width: 100%;height: 100%;}
.advantages_1_2{width: 100%;height: 100%;}
.advantages_1_2 img{width: 100%;height: 100%;}

.advantages_2{ width:100%; text-align:center; font-size:20px; color:#7b7b7b; height:45px; line-height:45px; margin-top:20px;}
.advantages_3{margin:auto;font-size:14px;color:#afafaf;line-height:24px;text-align:center;overflow:hidden;margin-top:5px;width:100%;}
.advantages_3 p{padding: 0 15px;text-indent: 0;}

.honor{ width:100%; height: auto; overflow:hidden; background-color:#f6f6f6; padding-bottom:100px;}
.honor_list{ width:90%; height:510px; margin:auto;position:relative; overflow:hidden; margin-top:100px;}
.honor_list .swiper-container {  width: 100%; height: 100%; overflow:hidden; margin:auto;}
.honor_list .swiper-slide{ overflow:hidden; text-align:center;}

.honor_img{ width:325px; height:461px; border:2px solid #dbdbdb; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;overflow:hidden; margin:auto;}
.honor_img:hover img{border:2px solid #a2a2a2;-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}

.honor_img img{ width:325px; height:461px; overflow:hidden; border-radius:7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px;margin:auto;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}


.honor_list .paginationi{ position: absolute; left:0px; bottom:0px; text-align: center; width:100%; z-index:1; margin:auto;}
.honor_list .swiper-pagination-bullet { display: inline-block; height:3px; width:100px; background-color:#ecebec; margin:0px 0px; cursor: pointer;  -webkit-transition: all 0.4s ease-in-out;}
.honor_list .swiper-pagination-bullet-active{ background-color:#a2a2a2;}


.through{ width:90%; height:419px; margin:auto; margin-top:55px; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;overflow:hidden;}
.through ul li{ float:left; width:24%; height:419px; list-style:none; position:relative; overflow:hidden;}
.through ul li.through_on{ width:50%;}
.through ul li.through_on .through_bg{background:linear-gradient(to right,rgb(166 48 48 / 80%),rgb(137 1 1 / 80%));}
.through ul li.through_on .through_1{ padding-top:144px;}
.through ul li.through_on .through_3{ opacity:1;}

.through_img{ width:100%; height:619px;}
.through_bg{ width:100%; height:100%; position:absolute; top:0; background:rgba(0,0,0,0.5);-webkit-transition: all 0.4s ease-in-out;}
.through_2{ width:100%; text-align:center; font-size:26px; color:#fff; height:125px; line-height:125px;}
.through_3{ margin:auto; font-size:14px; color:#fff; line-height:26px; text-align:center; width:90%;-webkit-transition: all 0.4s ease-in-out; opacity:0;}

@media screen and (max-width:1919px)and (min-width:1600px){
	.excellent_ying{ font-size:32px; height:52px; line-height:52px; padding-top:50px;}

	.advantages{/* width:100%; */height:auto;overflow:hidden;/* background-color:#fff; */}
	.excellent_ying1{ padding-top:30px;}
	.advantages_list{  margin-top:80px;}
	.advantages_list ul li{float:left;/* width:33.33%; */height:250px;list-style:none;position:relative;margin-bottom:50px;}
	.advantages_list ul li:hover .advantages_4_1{ width:100px;}
	
	
	.advantages_list ul li:hover .advantages_1_1{ margin-top:-99px;}
	.advantages_1{ width:99px; height:99px;}
	.advantages_1_1{ width:99px; height:99px;}
	.advantages_1_1 img{ width:99px; height:99px;}
	.advantages_1_2{ width:99px; height:99px;}
	.advantages_1_2 img{ width:99px; height:99px;}

	.advantages_2{ font-size:17px; height:35px; line-height:35px; margin-top:18px;}
	.advantages_3{margin:auto;font-size:12px;line-height:20px;margin-top:10px;/* width:330px; */}
	
	.honor{ width:100%; height: auto; overflow:hidden; background-color:#f6f6f6; padding-bottom:100px;}
	.honor_list{ width:1545px; height:425px; margin-top:80px;}
	
	.honor_img{ width:271px; height:384px; border:2px solid #dbdbdb; overflow:hidden;}
	.honor_img img{ width:271px; height:384px;}
	
	.honor_list .paginationi{ position: absolute; left:0px; bottom:0px; text-align: center; width:100%; z-index:1; margin:auto;}
	.honor_list .swiper-pagination-bullet { display: inline-block; height:3px; width:90px;}

	.through{ width:1482px; height:517px; margin:auto; margin-top:45px;}
	.through ul li{ float:left; width:368px; height:517px; list-style:none; position:relative;}
	.through ul li.through_on{ width:746px;}
	.through ul li.through_on .through_bg{background:linear-gradient(to right,rgba(48,166,158,0.8),rgba(1,102,137,0.8));}
	.through ul li.through_on .through_1{ padding-top:120px;}
	.through ul li.through_on .through_3{ opacity:1;}
	
	.through_img{ width:100%; height:517px;}
	.through_2{ font-size:22px; height:100px; line-height:100px;}
	.through_3{ margin:auto; font-size:12px; line-height:22px; width:90%;}
}




@media screen and (max-width:1599px)and (min-width:1440px){
	.excellent_ying{ font-size:24px; height:48px; line-height:48px; padding-top:47px;}

	.excellent_ying1{ padding-top:30px;}
	.advantages_list{  margin-top:70px;}
	.advantages_list ul li{float:left;/* width:33.33%; *//* height:225px; */margin-bottom:45px;}
	.advantages_list ul li:hover .advantages_4_1{ width:100px;}
	.advantages_list ul li:hover .advantages_1_1{ margin-top:-90px;}
	.advantages_1{ width:90px; height:90px;}
	.advantages_1_1{ width:90px; height:90px;}
	.advantages_1_1 img{ width:90px; height:90px;}
	.advantages_1_2{ width:90px; height:90px;}
	.advantages_1_2 img{ width:90px; height:90px;}

	.advantages_2{ font-size:15px; height:30px; line-height:30px; margin-top:18px;}
	.advantages_3{margin:auto;font-size:12px;line-height:20px;margin-top:10px;/* width:300px; */}
	
	.honor{padding-bottom:85px;}
	.honor_list{ width:1400px; height:385px; margin-top:75px;}
	
	.honor_img{ width:245px; height:348px; border:2px solid #dbdbdb; overflow:hidden;}
	.honor_img img{ width:271px; height:341px;}
	
	.honor_list .paginationi{ position: absolute; left:0px; bottom:0px; text-align: center; width:100%; z-index:1; margin:auto;}
	.honor_list .swiper-pagination-bullet { display: inline-block; height:2px; width:80px;}

	.through{ width:1336px; height:466px; margin:auto; margin-top:43px;}
	.through ul li{ float:left; width:332px; height:466px; list-style:none; position:relative;}
	.through ul li.through_on{ width:672px;}
	.through ul li.through_on .through_1{ padding-top:105px;}

	.through_img{ width:100%; height:466px;}
	.through_2{ font-size:19px; height:90px; line-height:90px;}
	.through_3{ margin:auto; font-size:12px; line-height:22px; width:90%;}
}
@media screen and (max-width:1439px)and (min-width:1366px){
	.excellent_ying{ font-size:20px; height:45px; line-height:45px; padding-top:45px;}

	.excellent_ying1{ padding-top:30px;}
	.advantages_list{  margin-top:65px;}
	.advantages_list ul li{ float:left;/* width:33.33%; height:225px;*/ margin-bottom:45px;}
	.advantages_list ul li:hover .advantages_4_1{ width:100px;}
	.advantages_list ul li:hover .advantages_1_1{ margin-top:-85px;}
	.advantages_1{ width:85px; height:85px;}
	.advantages_1_1{ width:85px; height:85px;}
	.advantages_1_1 img{ width:85px; height:85px;}
	.advantages_1_2{ width:85px; height:85px;}
	.advantages_1_2 img{ width:85px; height:85px;}
	
	.advantages_2{ font-size:14px; height:30px; line-height:30px; margin-top:16px;}
	.advantages_3{ margin:auto; font-size:12px; line-height:20px; height:60px; overflow:hidden; margin-top:10px; /*width:285px;*/}
	
	.honor{padding-bottom:75px;}
	.honor_list{ width:1340px; height:365px; margin-top:70px;}
	
	.honor_img{ width:233px; height:331px; border:1px solid #dbdbdb; overflow:hidden;}
	.honor_img:hover{ border:1px solid #dbdbdb;}
	.honor_img img{ width:271px; height:384px;}
	
	.honor_list .paginationi{ position: absolute; left:0px; bottom:0px; text-align: center; width:100%; z-index:1; margin:auto;}
	.honor_list .swiper-pagination-bullet { display: inline-block; height:2px; width:70px;}

	.through{ width:1268px; height:443px; margin:auto; margin-top:40px;}
	.through ul li{ float:left; width:315px; height:443px; list-style:none; position:relative;}
	.through ul li.through_on{ width:638px;}
	.through ul li.through_on .through_1{ padding-top:100px;}

	.through_img{ width:100%; height:443px;}
	.through_2{ font-size:17px; height:80px; line-height:80px;}
	.through_3{ margin:auto; font-size:12px; line-height:20px; width:90%;}
}
@media screen and (max-width:1365px)and (min-width:1280px){
	.excellent_ying{ font-size:18px; height:40px; line-height:40px; padding-top:40px;}

	.excellent_ying1{ padding-top:30px;}
	.advantages_list{  margin-top:60px;}
	.advantages_list ul li{ float:left;/* width:33.33%; height:200px; */margin-bottom:40px;}
	.advantages_list ul li:hover .advantages_4_1{ width:100px;}
	.advantages_list ul li:hover .advantages_1_1{ margin-top:-80px;}
	.advantages_1{ width:80px; height:80px;}
	.advantages_1_1{ width:80px; height:80px;}
	.advantages_1_1 img{ width:80px; height:80px;}
	.advantages_1_2{ width:80px; height:80px;}
	.advantages_1_2 img{ width:80px; height:80px;}
	.advantages_2{ font-size:14px; height:30px; line-height:30px; margin-top:10px;}
	.advantages_3{ margin:auto; font-size:12px; line-height:20px; height:60px; overflow:hidden; margin-top:2px;/* width:285px;*/}
	
	.honor{padding-bottom:65px;}
	.honor_list{ width:1225px; height:345px; margin-top:65px;}
	
	.honor_img{ width:218px; height:309px; border:1px solid #dbdbdb; overflow:hidden;}
	.honor_img:hover{ border:1px solid #dbdbdb;}
	.honor_img img{ width:271px; height:387px;}
	
	.honor_list .paginationi{ position: absolute; left:0px; bottom:0px; text-align: center; width:100%; z-index:1; margin:auto;}
	.honor_list .swiper-pagination-bullet { display: inline-block; height:2px; width:70px;}


	.through{ width:1190px; height:416px; margin:auto; margin-top:35px;}
	.through ul li{ float:left; width:296px; height:416px; list-style:none; position:relative;}
	.through ul li.through_on{ width:598px;}
	.through ul li.through_on .through_1{ padding-top:98px;}

	
	.through_img{ width:100%; height:416px;}
	.through_2{ font-size:15px; height:75px; line-height:75px;}
	.through_3{ margin:auto; font-size:12px; line-height:20px; width:90%;}
}

@media screen and (max-width:1279px)and (min-width:300px){
	.excellent_ying{ width:100%; text-align:center; font-size:38px; height:50px; line-height:50px; padding-top:10px;}

	.advantages{ width:100%; height:auto; overflow:hidden; background-color:#fff;}
	.excellent_ying1{ padding-top:10px;}
	.advantages_list{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
    .advantages_list ul li{margin: 0 auto;}
    .advantages_list ul li:first-child{margin: 0 auto;}
    .advantages_list ul li:last-child{margin: 0 auto;}
	.advantages_list ul li{ float:left; width:100%; height: auto; overflow:hidden; list-style:none; position:relative; margin-bottom:30px;}
	/*.advantages_list ul li:hover .advantages_4_1{ width:100px;}
	.advantages_list ul li:hover .advantages_1_1{ margin-top:-78px;}
	
	.advantages_1{ width:78px; height:78px; margin:auto;}
	.advantages_1_1{ width:78px; height:78px;}
	.advantages_1_1 img{ width:78px; height:78px;}
	.advantages_1_2{ width:78px; height:78px;}
	.advantages_1_2 img{ width:78px; height:78px;}*/
    
    .advantages_list ul li:hover .advantages_4_1{ width:0;}
	.advantages_list ul li:hover .advantages_1_1{ margin-top:0;}
    .advantages_1{/* width:78px; *//* height:78px; */margin:auto;}
	.advantages_1_1{/* width: 278px; *//* height: 278px; */margin: 0 auto;text-align: center;}
	.advantages_1_1 img{width: 40%;height: 40%;margin: 0 auto;}
	.advantages_1_2{margin: 0 auto;text-align: center;display: none;}
	.advantages_1_2 img{width: 40%;height: 40%;margin: 0 auto;}

	.advantages_2{ font-size:16px; height:35px; line-height:35px; margin-top:10px;}
	.advantages_3{ margin:auto; font-size:12px; color:#69717a; line-height:20px; height:40px; text-align:center; overflow:hidden; margin-top:5px; width:90%; margin-bottom:15px;}
	
	.honor{ width:100%; height: auto; overflow:hidden; background-color:#f6f6f6; padding-bottom:20px;}
	.honor_list{ width:96%; height: auto; padding-bottom:50px; margin:auto;position:relative; overflow:hidden; margin-top:20px;}
	
	.honor_img{ width:325px; height:461px; border:2px solid #eeeeee;}
	.honor_img:hover img{border:2px solid #a2a2a2;}
	.honor_img img{ width:325px; height:461px; }
	
	.honor_list .paginationi{ position: absolute; left:0px; bottom:20px; text-align: center; width:100%; z-index:1; margin:auto;}
	.honor_list .swiper-pagination-bullet { display: inline-block; height:2px; width:30px;}
	.through{ width:96%; height: auto; margin:auto; margin-top:20px; border-radius:10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; overflow:hidden;}
	.through ul li{ float:none; width:100%; height:619px; list-style:none; position:relative; overflow:hidden; margin-bottom:10px; border-radius:10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
	.through ul li.through_on{ width:100%;}
	.through ul li.through_on .through_1{ padding-top:54px;}
	.through ul li.through_on .through_bg { background: rgba(0,0,0,0.5);}
	.through_img{ width:100%; height:100%;}
	.through_2{ width:100%; text-align:center; font-size:18px; color:#fff; height:75px; line-height:75px;}
	.through_3{ display:none;}
}