/*首页*/
.banner{width:100%;}
.banner .swiper-slide{position: relative;}
.banner img{ width: 100%;}
.banner .txt{color:#fff;}
.banner .txt h2{ font-family: "华文行楷"; line-height: 1.1; margin-bottom:10px;}
.banner .txt h3{font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 1.2;}
.banner .txt p{font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}
.banner .swiper-pagination{bottom:65px;}
.banner .swiper-pagination-bullet{width: 6px; height: 6px; margin:0 8px!important; background: #fff; box-shadow: 1px 1px 3px 0px #333; opacity:1;filter: alpha(opacity=100);}
.banner .swiper-pagination-bullet-active{width: 12px; height: 12px; position: relative; top:2px;}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%;}


.tit{ color:#2C2B2B; text-align: center; margin-bottom:4%;}

.index-part01{ padding:4% 0 7%; position: relative; background: url(../images/bg04.jpg) left top no-repeat; background-size: cover;}
.ind-part01_top{position: absolute; right:0; top:0; color:#fff; width:49.4701%; background: url(../images/bg01.jpg) no-repeat; background-size: cover;}
.ind-part01_top h3{ padding:5% 13%; text-align: right;}
.index-part01 .ll{ float: left; width:46%;}
.index-part01 .ll span{ display: none; margin-bottom:10px;}
.index-part01 .ll span em{color:#EA2D36;}
.index-part01 .ll h2{ margin-bottom:5%;}
.index-part01 .ll p{margin-bottom:6%; color:#686868; line-height: 1.8;}
.index-part01 .ll a.more{ display: block; width:128px; height: 40px; line-height: 40px; text-align: center; color:#7B7A79; border:1px solid #655D4C;}
.index-part01 .rr{ float: right;width:49.4701%;}
.index-part01 .rr ul{ margin-top:15%;}
.index-part01 .rr li{ float: left; padding:0 5%; border-right:1px solid #D2D2D2;}
.index-part01 .rr li:first-child{ padding-left:0;}
.index-part01 .rr li:last-child{border-right:none;}
.index-part01 .rr li h3{color:#EA2D36; line-height: 1; font-family: Arial, Helvetica, sans-serif;}

.index-part02{ padding:4% 0 8%; background: #F1F1F1;}
.index-part02 ul{margin:0 -1.5%;}
.index-part02 li{ float: left; width:29.7333%; margin:0 1.8%; background: #fff;}
.index-part02 li .img{width:100%;}
.index-part02 li .txt{ padding:6% 8% 12%;}
.index-part02 li span{ display: block; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; color:#EA2D36;}
.index-part02 li h2{margin-bottom:6%; height: 3em; overflow: hidden;}
.index-part02 li p{ line-height: 1.8; height: 5.4em; color:#686868; overflow: hidden;}
.index-part02 ul+a.more{ display:block; width:120px; text-align: center; margin:30px auto 0; text-transform: uppercase;}

.index-part03{padding:6% 0 0; background: url(../images/bg05.jpg) no-repeat; background-size: cover;}
.index-part03 ul{margin:0;}
.index-part03 li{ float: left; width:20%; padding:4.5% 0 0;transition: 0.5s all;-moz-transition: 0.5s all;-webkit-transition: 0.5s all;}
.index-part03 li span{ display: block; width:74px; height: 74px; margin-left:28px; margin-bottom:40px;}
.index-part03 li span img{width:74px; height: 74px;transition: 0.5s all;-moz-transition: 0.5s all;-webkit-transition: 0.5s all;}
.index-part03 li span img+img{ display: none;}
.index-part03 li .txt{ height: 314px; padding:0 28px; border-right: 1px solid #D0D0D0;}
.index-part03 li:first-child .txt{border-left:1px solid #D0D0D0;}
.index-part03 li h2{margin-bottom:30px;color:#000;transition: 0.5s all;-moz-transition: 0.5s all;-webkit-transition: 0.5s all;}
.index-part03 li p{color:#686868; margin-bottom:14px;transition: 0.5s all;-moz-transition: 0.5s all;-webkit-transition: 0.5s all;}

.index-part04{margin:5% 0;}
.index-part04 .img{width:100%; position: relative;}
.index-part04 .txt{z-index: 2; color:#fff; width:40%; left:auto; right:10%;}
.index-part04 .txt h2{margin-bottom:30px;}
.index-part04 .txt p{ line-height: 1.8; margin-bottom:30px;}
.index-part04 em.more,.index-part06 em.more{ display: block; width:10px; height: 10px; background: url(../images/dot_12.png) left top no-repeat;}

.index-part05{padding:5% 0 0; background: url(../images/bg06.jpg) no-repeat; background-size: cover;}
.index-part05 li{ float: left; width:16.6666%; padding:4.5% 0;margin-bottom:-10px; text-align: center;}
.index-part05 li span{ display: block; width:90px; height: 90px; margin:0 auto 20px;}
.index-part05 li span img{width:90px; height: 90px;}
.index-part05 li span img+img{ display: none;}
.index-part05 li h2{ color:#2C2B2B; transition: 0.5s all;-moz-transition: 0.5s all;-webkit-transition: 0.5s all;}

.index-part06{margin:6% 0;margin-bottom: 2%;}
.index-part06 .img{width:100%; position: relative;}
.index-part06 .txt{z-index: 2; color:#fff; width:32%; text-align: right; left:5%;}
.index-part06 .txt h2{text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
.index-part06 .txt h3{ line-height: 1.2; margin-bottom:15px;}
.index-part06 .txt p{ line-height: 1.8; margin-bottom:30px;}
.index-part06 em.more{ float: right;}


@media only screen and (min-width: 1025px) {
.index-part03 li:hover{ background: url(../images/bg02.jpg) no-repeat; background-size: cover;}
.index-part03 li:hover span img{ display: none;}
.index-part03 li:hover span img+img{ display: block;}
.index-part03 li:hover .txt{border-right: none;}
.index-part03 li:first-child:hover .txt{border-left:none;}
.index-part03 li:hover h2,.index-part03 li:hover p{color:#fff;}

.index-part05 li:hover{background: url(../images/bg03.jpg) no-repeat; background-size: cover; box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.index-part05 li:hover span img{ display: none;}
.index-part05 li:hover span img+img{ display: block;}
.index-part05 li:hover h2{color:#fff;}

.index-part06 em.more:hover{background: url(../images/dot_12_red.png) left top no-repeat;}
}



@media only screen and (max-width: 1279px) {
    .index-part04 .txt{right:5%; width:45%;}
    .index-part04 .txt h2,.index-part04 .txt p{margin-bottom:10px;}
    .index-part05{padding-bottom: 5%;}
    .index-part03 li,.index-part05 li{padding-top:0;}
    .index-part03 li .txt{ height:260px;}
    
}
@media only screen and (max-width: 1100px) {
    .ind-part01_top{width: 57.4701%; }
}
@media only screen and (max-width: 1023px) {
    .banner .swiper-pagination{bottom:10px;}
    .index-part01{padding-top:0;}
    .ind-part01_top{width:100%; position: static; margin-bottom:20px;}
    .ind-part01_top h3{ text-align: center;}
    .index-part01 .ll,.index-part01 .rr{width:100%;}
    .index-part01 .rr ul{margin-top:5%;}
    .index-part03{padding-bottom: 5%;}
    .index-part03 li .txt{ height: auto; padding:0 10px 0 0; border:none!important;}
    .index-part03 li span{ margin-left: 0;}
    .index-part04 .txt{text-align: center; width:100%; right:0; padding:0 5%;}
    .index-part06 .txt{text-align: center; width:100%; left:0;padding:0 5%;}
    .index-part04 em.more, .index-part06 em.more{ float: none; margin:0 auto;}
}

@media only screen and (max-width: 767px) {
    /*.banner,.banner .swiper-container,.banner .swiper-slide{height: 240px;}
    .banner .swiper-slide img{ display: none;}*/
    .banner .swiper-pagination{bottom:5px;}
    .banner .txt h2{font-size: 30px;}
    .banner .txt p{font-size: 12px; line-height: 1.2;}
    .ind-part01_top{ background-position: right top;}
    .index-part01 .rr li{padding:0 10px;}
    .index-part01 .rr li h3{font-size: 30px;}
    .index-part01 .rr li p{font-size: 13px;}
    .index-part02 ul{ margin:0;}
    .index-part02 li{width:100%; margin:0 0 10px;}
    .index-part02 li .txt{ padding:5%;}
    .index-part02 li h2{ height: auto;}
    .index-part03 li{ width: 100%; text-align: center; margin-bottom:10px;}
    .index-part03 li span{margin:0 auto 10px;}
    .index-part03 li .txt{padding:0;}
    .index-part03 li h2,.index-part03 li p{margin-bottom:5px;}
    .index-part04 .txt,.index-part06 .txt{ position: static; color:#000; text-align: left; padding:5% 0; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);}
    .index-part04 em.more,.index-part06 em.more{ float: left; background: url(../images/dot_12_on.png) left top no-repeat;}
    .index-part06 .txt p{margin-bottom:10px;}
    .index-part05 li{width:33.33%; margin:10px 0;}
    .index-part05 li span,.index-part05 li span img{width:70px; height: 70px;}
    .index-part08 .content2{width: 100%!important;}

}
@media only screen and (max-width: 360px) {
.banner .txt h2{font-size: 24px; margin-bottom:5px;}
}

.index-part08{margin-bottom: 30px;}
.index-part08 .content2{margin: 0 auto;color: #333;}
