.banner{width:100%;position: relative;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;/*transition:transform 5s cubic-bezier(.23,1,.32,1);*/}
.banner .swiper-slide.swiper-slide-active img{/*transform:scale(1.1)*/}
.banner .swiper-slide.swiper-slide-active.ban_video img{/*transform:scale(1)*/}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .txt{color: #fff; top:16%;}
.banner .txt h2{font-weight: bold;}
.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet{width:10px; height:10px;opacity:1;filter: alpha(opacity=100); background:transparent; border:1px solid #fff; }
.banner .swiper-pagination-bullet-active{ background: #fff;}

.ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}
.clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;height: 4.5em;overflow:hidden;}
.clamp_4{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; line-height: 1.5;  max-height: 6em;height: 6em;overflow:hidden;}
.clamp_5{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5; line-height: 1.5;  max-height: 7.5em;height: 7.5em;overflow:hidden;}
.clamp_6{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 6; line-height: 1.5;  max-height: 9em;height: 9em;overflow:hidden;}

.index-part01{padding:3.63% 0 0; background: #fff;}
.ind-tit{ text-align: center; font-weight: bold; color: #000; margin-bottom:7%;}
.indp01-ll{ float: left;width: 200px; position: relative;}
.indp01-ll::before{content: ""; position: absolute; right:32px; top:0; width: 1px; height: 100%; background: url(../images/ind_dot05.jpg) repeat-y; }
.indp01-rr{ float: right; width:calc(100% - 250px);position: relative; padding-bottom: 40px;}
.indp01-ll ul{padding: 60px 0 15px;}
.indp01-ll li{ cursor: pointer; margin-bottom:37px; position: relative; overflow: hidden;}
.indp01-ll li h3{ float: left; width: calc(100% - 75px); height: 20px; line-height:20px;overflow: hidden; margin: 23px 0; word-break: break-word;}
.indp01-ll li span{ float: right; width:50px; height: 50px; border:8px solid transparent;text-align: center;border-radius: 20px;}
.indp01-ll li span img{ display: block; margin: 10px auto;}
.indp01-ll li span img+img{ display: none;}
.indp01-ll li.on h3{ color: #4571D6; font-weight: bold;}
.indp01-ll li.on span{border:8px solid #4571D6;}
.indp01-ll li.on span img{ display: none;}
.indp01-ll li.on span img+img{ display: block;}
.indp01-ll li:hover:not(.on) span{border:8px solid rgba(69, 113, 214,.2);border-radius: 20px;}
.swbox{padding-bottom: 50px; position: absolute;width: 35%;left: 0;top: 55px;}
.swbox dd{ float: left;}
.swbox dt{ float: right; width: 63%;}
.swbox dd .c{margin-top: 5%; line-height: 1.8; max-height: 9em; overflow: hidden;}
.indp01-rr .swiper-pagination{bottom:0px;lefT:0; width:100%; text-align: center; /*margin-left: -11%;*/}
.indp01-rr .swiper-pagination-bullet{width:8px; height:8px; margin: 0 5px; opacity:1;filter: alpha(opacity=100); background:transparent; border:1px solid #0D0D0D;}
.indp01-rr .swiper-pagination-bullet-active{ background: #4571D6; border-color: #4571D6;}

.sw_img{float: right;width: 60%;margin-top: -60px;}
.sw_img img{max-width: 100%;}

.morebtn{text-align: center;}
.more{box-sizing: border-box; display:inline-block; margin: 10% 0 0; min-width: 110px; padding: 0 10px 0 10px; height: 50px; line-height:50px; border-radius:25px; color: #fff!important; text-align: center; background: #4571D6;font-size: 16px;}
.more i{ float: right; margin-left: 30px;}

.index-part02{margin-top: 6%;margin-bottom: 6%;}
.news_ll{ float: left; width:44.44%;}
.news_ll li{width:100%; position: relative; border-radius: 35px; overflow: hidden;}
.news_ll .swiper-button-prev,.news_ll .swiper-button-next{display: none;}
.news_rr{ float: right; width:44.44%;}
.news_rr li{ padding:0;border-bottom:1px solid #B3B3B3;}
.news_rr li span{display: block; padding-top:8%; font-family: Arial, Helvetica, sans-serif; color:#999999;font-size: 18px;}
.news_rr li h3{margin-top: 15px;font-weight: normal;}
.news_rr li h3 a{color:#000000;}
.news_rr li:first-child span{ padding-top: 0;}
.news_rr li:last-child{border-bottom: none;}
.news_rr li.on span{color: #4571D6;}
.news_rr li.on h3{color: #4571D6;}
.news_rr li.on h3 a{color:#4571D6!important;}
.index-part02 .more,.index-part03 .more,.index-part04 .more{margin:8% auto 0;padding: 0 30px;height: 50px;line-height: 50px;}

.index-part03{padding:6% 0; background: url(../images/ind_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.index-part03 .ind-tit{margin-bottom: 3%;}
.index-part03 .c{ color: #606060; line-height: 1.8;text-align: justify;}
.index-part03 ul{margin: 7% 0 0;}
.index-part03 li{ float: left; width:20%; text-align: center; padding: 0 2%; box-sizing: border-box;}
.index-part03 li em{ display: block; width:80px; height: 80px; text-align: center; margin: 0 auto;}
.index-part03 li em img{max-width: 100%; }
.index-part03 li h3{ margin:10% 0 3%; color: #606060; font-weight: bold;}
.index-part03 li p{color: #606060;}


.index-part04{padding: 6% 0; background: #FFFFFF;}
.index-part04 dt{ float: right; width: 49.5%;}
.index-part04 dd{ float: left; width: 45%; padding-top: 5%;}
.index-part04 dd h3{ font-weight: bold; color: #000;}
.index-part04 dd p{ margin-top:4%; line-height:1.8; color: #606060;text-align: justify;}
.index-part04 .morebtn{ text-align: left;}
.ind-con{overflow: hidden;}
@media only screen and (max-width:1440px) {
.ind-tit{margin-bottom: 5%;}
.sw_img{margin-top: 0;}
}
@media only screen and (max-width:1365px) {
.news_rr li span{padding-top:5%;}
.swbox dd .c{line-height: 1.5; max-height: 7.5em;}
}
.pc_img{display: block;}
.phone_img{display: none;}
@media only screen and (max-width:1279px) {
.indp01-ll li{margin-bottom: 10px;}
}
@media only screen and (max-width:1023px) {
.swbox dt,.swbox dd{ width: 100%;}
.news_rr li span{padding-top: 3%;}
.news_rr li h3{margin-top: 5px;}
.pc_img{display: none;}
.phone_img{display: block;}
.indp01-ll li{margin-bottom: 20px;}
.swbox{top:0; width:100%;}
.swbox dd .more{margin-top: 10px;}
.sw_img{ float: none; width: 100%; margin-top: 20%;}
}

@media only screen and (max-width:767px) {
.ind-tit{font-size: 22px;}
.more{font-size: 14px !important;height: 40px !important;line-height: 40px !important;}
.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-bullet,.indp01-rr .swiper-pagination-bullet{width: 6px; height: 6px;}
.indp01-rr .more{ margin-top: 5%;margin-left: auto;margin-right: auto;display: block;width: 86px;}
.indp01-rr .more i{margin-left: 2px;}
.index-part04 .morebtn{text-align: center;}
.index-part04 dd h3{text-align: center;font-size: 22px;}
.indp01-ll,.indp01-rr,.news_ll,.news_rr,.index-part04 dt,.index-part04 dd{ width: 100%;}
.indp01-ll ul{padding: 0;}
.indp01-ll li{margin-bottom: 5px;}
.indp01-ll li span,.indp01-ll li.on span{/*border-width:2px; border-radius: 10px;*/}
.indp01-ll li span{ width: 44px; height: 44px;}
.indp01-ll li span img{margin: 8px auto;}
.indp01-ll li h3{ margin: 12px 0;}
.indp01-ll::before{right:22px;}
.swbox{padding-bottom: 36px;position: static;width: 100%;height: 100%;}
.swbox dd{padding-top: 0;}
.swbox dd,.swbox dd .c{margin-top: 25px; line-height: 1.5;}
.swbox dd .more{margin-top: 30px;}

.swbox h3{font-weight: bold;font-size: 18px;}
.indp01-rr{padding-bottom: 0;}
.indp01-rr .swiper-slide{height: auto !important;}
.indp01-rr .swiper-pagination{bottom:auto; top:42%;}
.sw_img{margin-top:10%;}
.index-part02 .more, .index-part03 .more, .index-part04 .more{margin-top: 30px;}
.index-part02{margin-top: 36px;}

.news_rr{ display: none;}
.news_ll{ height: auto!important;}
.news_ll li{ border-radius: 0;}
.news_ll li img{ border-radius: 20px; overflow: hidden;}
.news_ll .txt{position: static; display: block; padding: 5% 0;}
.news_ll .txt span{ display: block; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px;}
.news_ll .swiper-wrapper{ display: block!important;}
.news_ll .swiper-button-prev, .news_ll .swiper-button-next{ /*display: block;*/ color: #4571D6; font-weight: bold; font-size: 30px; background: none;}
.index-part03{margin-top: 36px;padding-bottom: 35px;}
.index-part03 li{ width: 50%; margin-bottom: 5%;}
.index-part03 li p{ height: 3em; overflow: hidden;}
.index-part03 li em{ width: 60px; height: 60px; border-radius: 26px;}
.indp01-ll::before{display: none;}
.indp01-ll li{width:33.33%;float: left;}
.indp01-ll li span{float: none;margin: 0 auto;display: block;}
.indp01-ll li h3{display: none;}
.index-part01{padding-top: 36px;}
.index-part04{padding-bottom: 35px;}
}


.indp01-ll li,.indp01-ll li h3,.indp01-ll li span,.indp01-ll li span img,.index-part03 li em img{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;}
@media only screen and (min-width:1025px) {
    .index-part03 li:hover em img{transform:translateY(-5px);}
    .more:hover{ color: #fff!important;}
}

.phone_more{ display: none;}
@media only screen and (max-width:767px) {
  .phone_more{ display: block;}
  .swbox dd .more{ display: none;}
}