/* CSS Document */
@charset "utf-8";
.container{position: relative;}
.section2{margin-top: 75px;}
.s2_c .s2_cl{float:left;width: 49.25%;}
.s2_c .s2_cl .hd{height: 60px;background: #ebf0f8 url(s2_1_03.png) no-repeat 3px center;padding-left: 60px;line-height: 60px;}
.s2_c .s2_cl .hd ul{float:left;}
.s2_c .s2_cl .hd ul li{float:left;margin-right: 40px;font-size: 26px;color: #132c80;font-weight: bold;}
.s2_c .s2_cl .hd ul li.on{color: #6dad45;}
.s2_c .s2_cl .hd a{float:right;margin-right: 29px;margin-top: 13px;}
.s2_c .s2_cl .bd{margin-top: 30px;}
.s2_c .s2_cl .bd .s2_clia{background: #f2f2f3;}
.s2_c .s2_cl .bd .s2_clia .s2_clil{float:left;width: 377px;overflow: hidden;}
.s2_c .s2_cl .bd .s2_clia .s2_clil img{
transition: transform 0.6s;
-moz-transition: transform 0.6s;
-webkit-transition: transform 0.6s;
-o-transition: transform 0.6s;
max-width: 100%;
}
.s2_c .s2_cl .bd .s2_clia:hover .s2_clil img{
transform:scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
}
.s2_c .s2_cl .bd .s2_clia .s2_clir{float:right;width: 360px;margin-right: 20px;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clira{font-size: 18px;color: #3f3f3f;padding-top: 50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.s2_c .s2_cl .bd .s2_clia:hover .s2_clir .s2_clira{color: #218626;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clirb{margin-top: 30px;font-size: 14px;color: #7b7b7b;line-height: 24px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow:hidden;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clirc{margin-top: 40px;font-size: 12px;color: #323232;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clird{margin-top: 30px;height: 13px;background: url(s2_4_14.png) no-repeat right center;}
.s2_c .s2_cl .bd .s2_clib{margin-top: 20px;}
.s2_c .s2_cl .bd .s2_clib ul li{line-height: 50px;}
.s2_c .s2_cl .bd .s2_clib ul li a{display: block;font-size: 16px;color: #2e2e2d;padding-left: 18px;background: url(s2_5_19.png) no-repeat 3px center;}
.s2_c .s2_cl .bd .s2_clib ul li:hover a{color: #218626;}
.s2_c .s2_cl .bd .s2_clib ul li a span{font-size: 12px;color: #2e2e2d;float:right;}
.s2_c .s2_cr{float:right;width: 49.25%;}
.s2_c .s2_cr .s2_crt{height: 60px;background: #ebf0f8 url(s2_1_03.png) no-repeat 3px center;padding-left: 60px;line-height: 60px;}
.s2_c .s2_cr .s2_crt .s2_crtl{font-size: 26px;color: #6dad45;font-weight: bold;float:left;}
.s2_c .s2_cr .s2_crt .s2_crtr{float:right;}
.s2_c .s2_cr .s2_crt .s2_crtr a img{margin-right: 29px;margin-top: 13px;}
.s2_c .s2_cr .swiper-container-s2{width: 100%;}
.s2_c .s2_cr .s2_cria{line-height: 58px;text-align: center;background: #ebf0f8;font-size: 16px;color: #218626;}
.s2_c .s2_cr .swiper-button-prev-s2{width: 40px;height: 71px;margin-top: -35px;left:0;background: url(s2_prev_03.png) no-repeat center;}
.s2_c .s2_cr .swiper-button-next-s2{width: 40px;height: 71px;margin-top: -35px;right:0;background: url(s2_next_05.png) no-repeat center;}
.s2_c .s2_cr .swiper-slide .pic{overflow: hidden;}
.s2_c .s2_cr .swiper-slide .pic img{
transition: transform 0.6s;
-moz-transition: transform 0.6s;
-webkit-transition: transform 0.6s;
-o-transition: transform 0.6s;
max-width: 100%;
}
.s2_c .s2_cr .swiper-slide:hover .pic img{
transform:scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
}
@media only screen and (max-width:1600px){
.section2{margin-top: 60px;}
.s2_c .s2_cl{float:left;width: 49.25%;}
.s2_c .s2_cl .hd{height: 50px;background: #ebf0f8 url(s2_1_03.png) no-repeat 3px center;padding-left: 50px;line-height: 50px;background-size: 40px 33px;}
.s2_c .s2_cl .hd ul{float:left;}
.s2_c .s2_cl .hd ul li{float:left;margin-right: 35px;font-size: 20px;color: #132c80;font-weight: bold;}
.s2_c .s2_cl .hd ul li.on{color: #6dad45;}
.s2_c .s2_cl .hd a{float:right;margin-right: 20px;margin-top: 8px;}
.s2_c .s2_cl .bd{margin-top: 20px;}
.s2_c .s2_cl .bd .s2_clia{background: #f2f2f3;}
.s2_c .s2_cl .bd .s2_clia .s2_clil{float:left;width: 270px;}
.s2_c .s2_cl .bd .s2_clia .s2_clir{float:right;width: 280px;margin-right: 15px;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clira{font-size: 16px;color: #3f3f3f;padding-top: 20px;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clirb{margin-top: 15px;font-size: 13px;color: #7b7b7b;line-height: 24px;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clirc{margin-top: 15px;font-size: 12px;color: #323232;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clird{margin-top: 15px;height: 13px;background: url(s2_4_14.png) no-repeat right center;}
.s2_c .s2_cl .bd .s2_clib{margin-top: 10px;}
.s2_c .s2_cl .bd .s2_clib ul li{line-height: 40px;}
.s2_c .s2_cl .bd .s2_clib ul li a{display: block;font-size: 14px;color: #2e2e2d;padding-left: 18px;background: url(s2_5_19.png) no-repeat 3px center;}
.s2_c .s2_cl .bd .s2_clib ul li a span{font-size: 12px;color: #2e2e2d;float:right;}
.s2_c .s2_cr{float:right;width: 49.25%;}
.s2_c .s2_cr .s2_crt{height: 50px;background: #ebf0f8 url(s2_1_03.png) no-repeat 3px center;padding-left: 50px;line-height: 50px;background-size: 40px 33px;}
.s2_c .s2_cr .s2_crt .s2_crtl{font-size: 20px;color: #6dad45;font-weight: bold;float:left;}
.s2_c .s2_cr .s2_crt .s2_crtr{float:right;}
.s2_c .s2_cr .s2_crt .s2_crtr a img{margin-right: 20px;margin-top: 8px;}
.s2_c .s2_cr .swiper-container-s2{width: 100%;}
.s2_c .s2_cr .s2_cria{line-height: 45px;text-align: center;background: #ebf0f8;font-size: 14px;color: #218626;}
.s2_c .s2_cr .swiper-button-prev-s2{width: 40px;height: 71px;margin-top: -35px;left:0;background: url(s2_prev_03.png) no-repeat center;}
.s2_c .s2_cr .swiper-button-next-s2{width: 40px;height: 71px;margin-top: -35px;right:0;background: url(s2_next_05.png) no-repeat center;}
}
@media only screen and (max-width:1200px){
.section2{margin-top: 2%;}
.s2_c .s2_cl{float:none;width: 100%;}
.s2_c .s2_cl .hd{height: 40px;background: #ebf0f8 url(s2_1_03.png) no-repeat 3px center;padding-left: 40px;line-height: 40px;background-size: 30px 25px;}
.s2_c .s2_cl .hd ul{float:left;}
.s2_c .s2_cl .hd ul li{float:left;margin-right: 35px;font-size: 16px;color: #132c80;font-weight: bold;}
.s2_c .s2_cl .hd ul li.on{color: #6dad45;}
.s2_c .s2_cl .hd a{float:right;margin-right: 20px;margin-top: 8px;}
.s2_c .s2_cl .hd a img{width: 25px;}
.s2_c .s2_cl .bd{margin-top: 20px;}
.s2_c .s2_cl .bd .s2_clia{background: #f2f2f3;}
.s2_c .s2_cl .bd .s2_clia .s2_clil{float:left;width: 35%;}
.s2_c .s2_cl .bd .s2_clia .s2_clir{float:right;width: 60%;margin-right: 2%;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clira{font-size: 14px;color: #3f3f3f;padding-top: 15px;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clirb{margin-top: 10px;font-size: 13px;color: #7b7b7b;line-height: 24px;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clirc{margin-top: 10px;font-size: 12px;color: #323232;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clird{margin-top: 10px;height: 10px;background: url(s2_4_14.png) no-repeat right center;background-size: contain;}
.s2_c .s2_cl .bd .s2_clib{margin-top: 10px;}
.s2_c .s2_cl .bd .s2_clib ul li{line-height: 30px;}
.s2_c .s2_cl .bd .s2_clib ul li a{display: block;font-size: 13px;color: #2e2e2d;padding-left: 10px;background: url(s2_5_19.png) no-repeat 0px center;}
.s2_c .s2_cl .bd .s2_clib ul li a span{font-size: 12px;color: #2e2e2d;float:right;}
.s2_c .s2_cr{float:none;width: 100%;margin-top: 2%;}
.s2_c .s2_cr .s2_crt{height: 40px;background: #ebf0f8 url(s2_1_03.png) no-repeat 3px center;padding-left: 40px;line-height: 40px;background-size: 30px 25px;}
.s2_c .s2_cr .s2_crt .s2_crtl{font-size: 16px;color: #6dad45;font-weight: bold;float:left;}
.s2_c .s2_cr .s2_crt .s2_crtr{float:right;}
.s2_c .s2_cr .s2_crt .s2_crtr a img{margin-right: 20px;margin-top: 8px;width: 25px;}
.s2_c .s2_cr .swiper-container-s2{width: 100%;}
.s2_c .s2_cr .s2_cria{line-height: 40px;text-align: center;background: #ebf0f8;font-size: 13px;color: #218626;}
.s2_c .s2_cr .swiper-button-prev-s2{width: 40px;height: 71px;margin-top: -35px;left:0;background: url(s2_prev_03.png) no-repeat center;}
.s2_c .s2_cr .swiper-button-next-s2{width: 40px;height: 71px;margin-top: -35px;right:0;background: url(s2_next_05.png) no-repeat center;}
}
@media only screen and (max-width:750px){
.s2_c .s2_cl{float:none;width: 100%;}
.s2_c .s2_cl .hd{height: 40px;background: #ebf0f8 url(s2_1_03.png) no-repeat 3px center;padding-left: 35px;line-height: 40px;background-size: 25px 21px;}
.s2_c .s2_cl .hd ul{float:left;}
.s2_c .s2_cl .hd ul li{float:left;margin-right: 15px;font-size: 14px;color: #132c80;font-weight: bold;}
.s2_c .s2_cl .hd ul li.on{color: #6dad45;}
.s2_c .s2_cl .hd a{float:right;margin-right: 10px;margin-top: 10px;}
.s2_c .s2_cl .hd a img{width: 20px;}
.s2_c .s2_cl .bd{margin-top: 10px;}
.s2_c .s2_cl .bd .s2_clia{background: #f2f2f3;}
.s2_c .s2_cl .bd .s2_clia .s2_clil{float:left;width: 35%;}
.s2_c .s2_cl .bd .s2_clia .s2_clir{float:right;width: 60%;margin-right: 2%;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clira{font-size: 14px;color: #3f3f3f;padding-top: 10px;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clirb{margin-top: 10px;font-size: 12px;color: #7b7b7b;line-height: 20px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clirc{margin-top: 10px;font-size: 12px;color: #323232;}
.s2_c .s2_cl .bd .s2_clia .s2_clir .s2_clird{display: none;}
.s2_c .s2_cl .bd .s2_clib{margin-top: 5px;}
.s2_c .s2_cl .bd .s2_clib ul li{line-height: 28px;}
.s2_c .s2_cl .bd .s2_clib ul li a{display: block;font-size: 13px;color: #2e2e2d;padding-left: 7px;background: url(s2_5_19.png) no-repeat 0px center;}
.s2_c .s2_cl .bd .s2_clib ul li a span{font-size: 12px;color: #2e2e2d;float:right;}
.s2_c .s2_cr{float:none;width: 100%;margin-top: 2%;}
.s2_c .s2_cr .s2_crt{height: 40px;background: #ebf0f8 url(s2_1_03.png) no-repeat 3px center;padding-left: 35px;line-height: 40px;background-size: 25px 21px;}
.s2_c .s2_cr .s2_crt .s2_crtl{font-size: 14px;color: #6dad45;font-weight: bold;float:left;}
.s2_c .s2_cr .s2_crt .s2_crtr{float:right;}
.s2_c .s2_cr .s2_crt .s2_crtr a img{margin-right: 10px;margin-top: 10px;width: 20px;}
.s2_c .s2_cr .swiper-container-s2{width: 100%;}
.s2_c .s2_cr .s2_cria{line-height: 35px;text-align: center;background: #ebf0f8;font-size: 13px;color: #218626;}
.s2_c .s2_cr .swiper-button-prev-s2{width: 40px;height: 71px;margin-top: -35px;left:0;background: url(s2_prev_03.png) no-repeat center;}
.s2_c .s2_cr .swiper-button-next-s2{width: 40px;height: 71px;margin-top: -35px;right:0;background: url(s2_next_05.png) no-repeat center;}
}
.section3{margin-top: 55px;}
.s_t{position: relative;}
.s_t .s_ta{font-size: 30px;color: #2e2e2e;font-weight: bold;position: absolute;top:50%;transform: translateY(-50%);padding-left: 70px;background: url(s2_1_03.png) no-repeat left center;background-size: contain;}
.s_t .s_tb{font-size: 66px;color: #f5f5f5;font-weight: bold;text-transform: uppercase;line-height: 1;}
.s3_c{margin-top: 45px;}
.s3_c .swiper-slide .s3_ci .s3_cia{position: relative;overflow: hidden;}
.s3_c .swiper-slide .s3_ci .s3_cia .s3_ciab{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.s3_c .swiper-slide .s3_ci .s3_cia .s3_ciac{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size: 16px;color: #fff;text-decoration: underline;display: none;}
.s3_c .swiper-slide .s3_ci .s3_cib{text-align: center;font-size: 18px;color: #2e2e2e;font-weight: bold;margin-top: 18px;}
.s3_c .swiper-slide .s3_ci .s3_cia .s3_ciaa img{
transition: transform 0.6s;
-moz-transition: transform 0.6s;
-webkit-transition: transform 0.6s;
-o-transition: transform 0.6s;
max-width: 100%;
}
.s3_c .swiper-slide:hover .s3_ci .s3_cia .s3_ciaa img{
transform:scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
}
.s3_c .swiper-slide:hover .s3_ci .s3_cia .s3_ciac{display: block;}
.s3_c2{padding-bottom: 22px;border-bottom: 1px solid #e5e5e5;}
@media only screen and (max-width:1600px){
.section3{margin-top: 45px;}
.s_t .s_ta{font-size: 26px;padding-left: 60px;}
.s_t .s_tb{font-size: 58px;}
.s3_c{margin-top: 35px;}
.s3_c .swiper-slide .s3_ci .s3_cib{font-size: 14px;margin-top: 15px;}
}
@media only screen and (max-width:1200px){
.section3{margin-top: 35px;}
.s_t .s_ta{font-size: 20px;padding-left: 50px;}
.s_t .s_tb{font-size: 50px;}
.s3_c{margin-top: 25px;}
.s3_c .swiper-slide .s3_ci .s3_cib{font-size: 13px;margin-top: 10px;}
}
@media only screen and (max-width:750px){
.section3{margin-top: 25px;}
.s_t .s_ta{font-size: 14px;padding-left: 40px;}
.s_t .s_tb{font-size: 32px;}
.s3_c{margin-top: 15px;}
.s3_c2{padding-bottom: 15px;}
}
.section5{margin-top: 65px;}
.s5_c{margin-top: 115px;position: relative;}
.s5_c .swiper-slide{position: relative;}
.s5_c .swiper-slide:after{background: url(s5_line_03.jpg) no-repeat right center;position: absolute;right: -1px;top:50%;height: 63px;margin-top: -32px;content: "";width: 1px;}
.s5_c .swiper-slide .s5_ci{text-align: center;}
.s5_c .swiper-slide .s5_ci .s5_cib{display: none;}
.s5_c .swiper-slide .s5_ci .s5_cic{height: 1px;background: #6aad43;width: 34px;margin:18px auto 0;}
.s5_c .swiper-slide .s5_ci .s5_cid{font-size: 18px;color: #000000;margin-top: 15px;}
.s5_c .swiper-slide:hover .s5_ci .s5_cia{display: none;}
.s5_c .swiper-slide:hover .s5_ci .s5_cib{display: block;}
.s5_c .swiper-slide:hover .s5_ci .s5_cid{color: #6aad43;}
.s5_c .swiper-button-prev{width: 44px;height: 44px;background: url(s5_prev_03.png) no-repeat center;left:-60px;margin-top: -22px}
.s5_c .swiper-button-next{width: 44px;height: 44px;background: url(s5_next_05.png) no-repeat center;right:-60px;margin-top: -22px}
@media only screen and (max-width:1600px){
.section5{margin-top: 55px;}
.s5_c{margin-top: 90px;}
.s5_c .swiper-slide .s5_ci .s5_cid{font-size: 16px;}
}
@media only screen and (max-width:1200px){
.section5{margin-top: 45px;}
.s5_c{margin-top: 70px;}
.s5_c .swiper-slide .s5_ci .s5_cid{font-size: 14px;}
}
@media only screen and (max-width:750px){
.section5{margin-top: 30px;}
.s5_c{margin-top: 45px;}
.s5_c .swiper-slide .s5_ci .s5_cia img{width: 40px;}
.s5_c .swiper-slide .s5_ci .s5_cib img{width: 40px;}
}
.s4_t{text-align: center;}
.s4_t .s4_ta{font-size: 30px;color: #2e2e2e;font-weight: bold;}
.s4_t .s4_tb{font-size: 30px;color: rgba(46,46,46,0.1);font-weight: bold;text-transform: uppercase;line-height: 1;margin-top: -20px;}
.index_logo_box {
position: relative;
}
.index_logo_content {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.index_logo_title_wrap {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
}
.index_logo_list {
position: relative;
top: 0;
height: 100%;
width: 100%;
}
.index_logo_item {
position: absolute;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all .3s cubic-bezier(.31, .61, .25, .99);
transition: all .3s cubic-bezier(.31, .61, .25, .99);
}
.index_logo_max {
-webkit-animation: index_logo_max .6s forwards cubic-bezier(.31, .61, .25, .99);
animation: index_logo_max .6s forwards cubic-bezier(.31, .61, .25, .99);
}
@-webkit-keyframes index_logo_max {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes index_logo_max {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.index_logo_min {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation: index_logo_min .6s forwards cubic-bezier(.31, .61, .25, .99);
animation: index_logo_min .6s forwards cubic-bezier(.31, .61, .25, .99);
}
@-webkit-keyframes index_logo_min {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes index_logo_min {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
.index_logo_animate {
height: 100%;
width: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
box-shadow: 0 0 10px #dbe5fd;
}
.index_logo_item:nth-child(1) .index_logo_animate,
.index_logo_item:nth-child(8) .index_logo_animate {
-webkit-animation: 3s imgAnimate infinite cubic-bezier(.31, .61, .25, .99) normal both;
animation: 3s imgAnimate infinite cubic-bezier(.31, .61, .25, .99) normal both;
}
.index_logo_item:nth-child(2) .index_logo_animate,
.index_logo_item:nth-child(4) .index_logo_animate,
.index_logo_item:nth-child(6) .index_logo_animate {
-webkit-animation: 4s imgAnimate infinite cubic-bezier(.31, .61, .25, .99) normal both;
animation: 4s imgAnimate infinite cubic-bezier(.31, .61, .25, .99) normal both;
}
.index_logo_item:nth-child(3) .index_logo_animate,
.index_logo_item:nth-child(5) .index_logo_animate,
.index_logo_item:nth-child(7) .index_logo_animate {
-webkit-animation: 5s imgAnimate infinite cubic-bezier(.31, .61, .25, .99) normal both;
animation: 5s imgAnimate infinite cubic-bezier(.31, .61, .25, .99) normal both;
}
.index_logo_img {
padding-bottom: 100%;
}
@-webkit-keyframes imgAnimate {
0% {
margin-top: -10%;
}
50% {
margin-top: 0;
}
100% {
margin-top: -10%;
}
}
@keyframes imgAnimate {
0% {
margin-top: -10%;
}
50% {
margin-top: 0;
}
100% {
margin-top: -10%;
}
}
.index_logo_item:nth-child(1) {
width: 9.5%;
left: 2%;
top: 30%;
-webkit-animation-delay: 100ms;
animation-delay: 100ms;
}
.index_logo_item:nth-child(2) {
width: 9.5%;
left: 20%;
top: 33%;
-webkit-animation-delay: 200ms;
animation-delay: 200ms;
}
.index_logo_item:nth-child(3) {
width: 16%;
left: 40%;
top: 28%;
-webkit-animation-delay: 300ms;
animation-delay: 300ms;
}
.index_logo_item:nth-child(4) {
width: 12%;
left: 65%;
top: 30%;
-webkit-animation-delay: 400ms;
animation-delay: 400ms;
}
.index_logo_item:nth-child(5) {
width: 9.5%;
left: 0%;
top: 60%;
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
}
.index_logo_item:nth-child(6) {
width: 15%;
left: 18%;
top: 66%;
-webkit-animation-delay: 600ms;
animation-delay: 600ms;
}
.index_logo_item:nth-child(7) {
left: 40%;
top: 74%;
width: 15%;
-webkit-animation-delay: 700ms;
animation-delay: 700ms;
}
.index_logo_item:nth-child(8) {
width: 15%;
left: 63%;
top: 65%;
-webkit-animation-delay: 800ms;
animation-delay: 800ms;
}
.index_logo_item:nth-child(9) {
width: 15%;
left: 84%;
top: 40%;
-webkit-animation-delay: 800ms;
animation-delay: 800ms;
}
.index_logo_title {
font-size: 38px;
color: #fff;
/*pointer-events: none;*/
position: relative;z-index: 999;
}
.index_logo_title a{
color: #fff;
}
.cover {
position: relative;
height: 0;
overflow: hidden;
}
.cover img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
}
.section4{padding: 50px 0 60px;background: url(s5_bg_02.jpg) no-repeat center;background-size: cover;margin-top: 75px;}
.index_logo_back{height: 520px;}
.web_center{width: 1036px;left:50%;margin-left: -518px;}
@media only screen and (max-width:1600px){
.section4{margin-top: 60px;}
}
@media only screen and (max-width:1200px){
.section4{margin-top: 45px;}
.section4{padding: 30px 0 40px;}
.index_logo_back{height: 470px;}
.web_center{width: 100%;left:0;margin-left: 0;}
}
@media only screen and (max-width:750px){
.section4{margin-top: 20px;}
.index_logo_back{height: 300px;}
.index_logo_item:nth-child(1) {
width: 12.5%;
left: 2%;
top: 30%;
}
.index_logo_item:nth-child(2) {
width: 12.5%;
left: 20%;
top: 33%;
}
.index_logo_item:nth-child(3) {
width: 19%;
left: 40%;
top: 28%;
}
.index_logo_item:nth-child(4) {
width: 15%;
left: 65%;
top: 30%;
}
.index_logo_item:nth-child(5) {
width: 12.5%;
left: 0%;
top: 60%;
}
.index_logo_item:nth-child(6) {
width: 18%;
left: 18%;
top: 72%;
}
.index_logo_item:nth-child(7) {
left: 42%;
top: 77%;
width: 18%;
}
.index_logo_item:nth-child(8) {
width: 18%;
left: 65%;
top: 70%;
}
.index_logo_item:nth-child(9) {
width: 18%;
left: 85%;
top: 57%;
}
}
.section8{margin-top: 70px;}
.s8_c{margin-top: 40px;}
.s8_c .s8_ca{background: #ebf0f8;line-height: 100px;}
.s8_c .s8_ca .gallery-thumbs{width: calc(100% - 240px);margin:0 auto;}
.s8_c .s8_ca .gallery-thumbs .swiper-slide{text-align: center;font-size: 20px;color: #2e2e2e;}
.s8_c .s8_ca .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{color: #6aad43;}
.s8_c .s8_cb{margin-top: 55px;}
.s8_c .s8_cb .g-in{position: relative;}
.s8_c .s8_cb .swiper-button-prev-s8{width: 33px;height: 33px;background: url(s8_4_03.png) no-repeat center;top:-120px;left:50px;margin-top: 0;background-size: cover;}
.s8_c .s8_cb .swiper-button-next-s8{width: 33px;height: 33px;background: url(s8_5_05.png) no-repeat center;top:-120px;right:50px;margin-top: 0;background-size: cover;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide .itemai .itemaia{position: relative;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide .itemai .itemaia .itemaiaa{overflow: hidden;box-sizing: border-box;border:1px solid #dcdcdc;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide .itemai .itemaia .itemaiaa img{
transition: transform 0.6s;
-moz-transition: transform 0.6s;
-webkit-transition: transform 0.6s;
-o-transition: transform 0.6s;
max-width: 100%;
}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide:hover .itemai .itemaia .itemaiaa img{
transform:scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide .itemai .itemaia .itemaiab{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide .itemai .itemaia .itemaiac{position: absolute;top:50%;left:10%;width: 80%;transform: translateY(-50%);line-height: 47px;border-top:1px solid #fff;border-bottom: 1px solid #fff;font-size: 16px;color: #fff;text-align: center;display: none;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide:hover .itemai .itemaia .itemaiab{display: block;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide:hover .itemai .itemaia .itemaiac{display: block;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide .itemai .itemaib{line-height: 47px;border-bottom: 1px solid #dcdcdc;font-size: 16px;color: #777777;padding: 0 4%;background: url(s8_2_16.png) no-repeat 95% center;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide:hover .itemai .itemaib{background: url(s8_3_14.png) no-repeat 95% center;color: #6aad43;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema{padding-bottom: 95px;position: relative;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-button-prev{width: 17px;height: 22px;background: url(s8_6_21.png) no-repeat center;position: absolute;top:auto;left:calc(50% - 55px);margin-top: 0;bottom: 0;background-size: cover;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-button-next{width: 17px;height: 22px;background: url(s8_7_26.png) no-repeat center;position: absolute;top:auto;right:calc(50% - 55px);margin-top: 0;bottom: 0;background-size: cover;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .line{height: 22px;width: 1px;background: url(s8_8_24.png) no-repeat center;bottom: 0;left:50%;position: absolute;background-size: cover;}
@media screen and (max-width: 1600px){
.section8{margin-top: 55px;}
.s8_c{margin-top: 30px;}
.s8_c .s8_ca{line-height: 85px;}
.s8_c .s8_ca .gallery-thumbs{width: calc(100% - 200px);}
.s8_c .s8_ca .gallery-thumbs .swiper-slide{font-size: 18px;}
.s8_c .s8_cb{margin-top: 45px;}
.s8_c .s8_cb .swiper-button-prev-s8{width: 30px;height: 30px;left:20px;top:-100px;}
.s8_c .s8_cb .swiper-button-next-s8{width: 30px;height: 30px;right:20px;top:-100px;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide .itemai .itemaia .itemaiac{line-height: 40px;font-size: 14px;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide .itemai .itemaib{line-height: 40px;font-size: 14px;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema{padding-bottom: 80px;}
}
@media screen and (max-width: 1200px){
.section8{margin-top: 40px;}
.s8_c{margin-top: 20px;}
.s8_c .s8_ca{line-height: 70px;}
.s8_c .s8_ca .gallery-thumbs{width: calc(100% - 160px);}
.s8_c .s8_ca .gallery-thumbs .swiper-slide{font-size: 16px;}
.s8_c .s8_cb{margin-top: 35px;}
.s8_c .s8_cb .swiper-button-prev-s8{width: 25px;height: 25px;left:20px;top:-82px;}
.s8_c .s8_cb .swiper-button-next-s8{width: 25px;height: 25px;right:20px;top:-82px;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema{padding-bottom: 65px;}
}
@media screen and (max-width: 750px){
.section8{margin-top: 25px;}
.s8_c{margin-top: 15px;}
.s8_c .s8_ca{line-height: 55px;}
.s8_c .s8_ca .gallery-thumbs{width: calc(100% - 50px);}
.s8_c .s8_ca .gallery-thumbs .swiper-slide{font-size: 14px;}
.s8_c .s8_cb{margin-top: 25px;}
.s8_c .s8_cb .swiper-button-prev-s8{width: 20px;height: 20px;left:0;top:-62px;}
.s8_c .s8_cb .swiper-button-next-s8{width: 20px;height: 20px;right:0;top:-62px;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide .itemai .itemaia .itemaiac{line-height: 37px;font-size: 13px;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide .itemai .itemaib{line-height: 37px;font-size: 13px;background-size: 15px 6px;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-slide:hover .itemai .itemaib{background-size: 15px 6px;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema{padding-bottom: 50px;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-button-prev{width: 12px;height: 15px;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .swiper-button-next{width: 12px;height: 15px;}
.s8_c .s8_cb .gallery-top .swiper-slide .itema .line{height: 15px;}
}