/*首页*/
.banner{width:100%;position: relative;}
.banner .swiper-slide{position: relative;}
.banner img{ width: 100%;}
.banner .txt{color: #fff;text-shadow:2px 2px 1px #333;}
.banner .txt1{ top:70%;}
.banner .txt1 h2{margin-bottom: 1%; text-align: center;}
.banner .txt2{ text-transform: uppercase;}
.banner .txt2 h2{ line-height: 1.4;}
.banner .txt2 h3{ margin:30px 0 0; line-height: 1.2;}
.banner .swiper-pagination{bottom:50px;text-align: right;padding-right: 5%}
.banner .swiper-pagination-bullet{width: 10px; height: 10px; margin:0 10px!important; background: #fff; box-shadow: 1px 1px 3px 0px #333; opacity:1;filter: alpha(opacity=100);}
.banner .swiper-pagination-bullet-active{width: 16px; height: 16px; position: relative; top:2px;}
.down-home{position: absolute; left:50%; margin-left:-15px; bottom:0; width:30px; height:28px; z-index: 10; cursor: pointer;}
@-webkit-keyframes arrow_down{
    0%{top:0;opacity: 1;}
    100%{top: 20px;opacity: 0;}
}      
@-o-keyframes arrow_down{
    0%{top:0;opacity: 1;}
    100%{top: 20px;opacity: 0;}
}      
@-ms-keyframes arrow_down{
    0%{top:0;opacity: 1;}
    100%{top: 20px;opacity: 0;}
}      
.arrow_down{-webkit-animation:arrow_down 1s infinite;-ms-animation:arrow_down 1s infinite;-webkit-animation-fill-mode: both;}


.index-part01{ padding: 3.5% 0 3%;}
.index-part01 ul{margin:0 auto; max-width: 1060px; width:100%;}
.index-part01 li{ float: left; width:28.3333%; margin:0 2.5% 3.2%; height: 0; text-align: center; position: relative; padding-bottom:29%; background: rgba(0,0,0,0.28);transition:0.3s all; -webkit-transition:0.3s all;}
.index-part01 li>a{ display: block; width:100%;}
.index-part01 li span{display: block; width:92px; height:92px; border-radius: 50%; position: relative; border:1px solid #ADADAF; margin:0 auto 10px;}
.index-part01 li span img{ width: 36px; height: 36px;}
.index-part01 li span img+img{ display: none;}
.index-part01 li h2{font-weight: bold; color:rgba(255,255,255,0.6);}
.index-part01 li i{ display: block; width: 80px; height: 3px; margin:15px auto; background: #B3B3B5;}

.index-part02{ padding:0; position: relative; z-index: 10;}
.index-part02 .swiper-button-prev{ width: 64px; height:64px; margin-top:-32px; border:1px solid #fff; border-radius: 50%; left:calc(50% - 720px); background: url(../images/dot09.png) center no-repeat;}
.index-part02 .swiper-button-next{width: 64px; height:64px; margin-top:-32px;border:1px solid #fff; border-radius: 50%;right:calc(50% - 720px); background: url(../images/dot10.png) center no-repeat;}
.index-part02 .txt{text-align: center; color:#fff;text-transform: uppercase;}
.index-part02 h2{margin-bottom:25px;}
.index-part02 p{ line-height: 2;}

.index-part03{padding:5% 0;}
.comm_tit{ color:#fff; text-align: center; margin:0 0 3.5%;}
.comm_tit a{color:#fff; }
.index-part03 ul{margin:0 5%;}
.index-part03 li{ float:left; width: 31.33%; margin:0 1% 2%; position: relative; transition:0.3s all; -webkit-transition:0.3s all;}
.index-part03 li h2{color:#fff; width:100%; text-align: center;}

.index-part04{padding:5% 0 10%;}
.index-part04 li{ float:left; width: 31.33%; margin-right:3%;}
.index-part04 li:nth-child(3n){margin-right:0;}
.index-part04 li span{ display: block; margin-bottom:15px; font-size:16px;color:#B5B2B1;}
.index-part04 li h2{ font-weight: bold; -webkit-line-clamp: 2; line-height: 1.3; max-height: 2.6em;height: 2.6em;margin-bottom:0.4em;}
.index-part04 li h2 a{color:#fff;}
.index-part04 li p{color:#fff; line-height: 1.5; max-height: 4.4em;height: 4.4em;}
.index-part04 li a.more{ display: block; font-size:16px; margin:0.4em 0 0; width: 100px; height:28px; line-height: 28px; border-radius: 5px; text-align: center; color: #000000!important; background: #F9BD27;}

@media only screen and (min-width: 1025px) {
    .index-part01 li:hover{color: #fff; background: #F9BD27;}
    .index-part01 li:hover span{border:1px solid rgba(0,0,0,0.5);}
    .index-part01 li:hover span img{ display: none;}
    .index-part01 li:hover span img+img{ display: block;}
    .index-part01 li:hover h2{color:#000000;}
    .index-part01 li:hover i{ background: #000000;}
 }


@media only screen and (max-width: 1440px) {
    .index-part02 .swiper-button-prev{ left:3%;}
    .index-part02 .swiper-button-next{ right:3%;}   
}

@media only screen and (max-width: 1279px) {
    .banner .txt1{top:60%;}
    .banner .swiper-pagination{bottom:20px;}
    .index-part03 ul{margin:0 -1%;}
}
@media only screen and (max-width: 1023px) {
    .index-part01 li span{width: 60px; height:60px;}
    .index-part01 li span img{width:24px; height:24px;}
}

@media only screen and (max-width: 767px) {
    /*.banner,.banner .swiper-container,.banner .swiper-slide,*/
    /*.index-part02,.index-part02 .swiper-container,.index-part02 .swiper-slide{height: 240px;}*/
    /*.banner .swiper-slide img,*/
    /*.index-part02 .swiper-slide img{ display: none;}*/
    .banner .txt1 h2 br,.banner .txt2 h3 br,.banner .txt2 h2 br,.index-part02 h2 br,.index-part02 p br{ display: none;}
    .banner .swiper-pagination{bottom:5px;}
    .banner .swiper-pagination-bullet{width:8px; height:8px; margin:0 5px!important;}
    .banner .swiper-pagination-bullet-active{width:12px; height:12px;}
    .index-part01 ul{ width:auto; margin: 0 -0.7%;}
    .index-part01 li{width:31.9%; margin:0 0.7% 1.5%; padding-bottom: 35%;}
    .index-part01 li h2{font-size: 18px;}
    .index-part01 li i{margin:5px auto; height:1px;}
    .index-part02 .swiper-button-prev,.index-part02 .swiper-button-next{width:40px; height: 40px; margin-top:-20px;}
    .index-part02 .txt{padding:0 10%;}
    .index-part02 p{ line-height: 1.5;}
    .index-part03 li{width:48%;}
    .index-part03 li h2{font-size: 20px;}
    .index-part04 li{width:100%; margin:0 0 1.5em;}
    .index-part04 li h2,.index-part04 li p{ height:auto!important;}
    .banner .txt1 h2{font-size: 13px;}
    .down-home{display: none;}
}
@media only screen and (max-width: 414px) {
    .banner .txt1{top: 30%;}
    .banner,.banner .swiper-container,.banner .swiper-slide{/*height: 163px;*/}
}