﻿.swiper-pagination{position:absolute;width:100%;bottom:10px;left:0;text-align:center;}
.swiper-pagination span{position: relative;display:inline-block;width:20px;height:auto;padding:0;margin:0 7px;text-align:center;cursor:pointer;border-radius:0;opacity:1;font-size:16px;color:rgba(255,255,255,0.6);background:none;font-family:'Arial';text-indent: -9999px;}
.swiper-pagination span:after{content: '';width:100%;height:3px;background: #fff;position: absolute;left:0;top:50%;margin-top:-2px;}
.swiper-pagination .swiper-pagination-bullet-active{color:#00a0d9;background:none;text-indent: 0;}
.swiper-pagination .swiper-pagination-bullet-active:after{display: none;}
.swiper-button{width:70px;height:70px;margin-top:-35px;top:50%;opacity:0.5;}
.swiper-button-prev{background:url(../image/left2.png) no-repeat center;background-size:60px 60px;}
.swiper-button-next{background:url(../image/right2.png) no-repeat center;background-size:60px 60px;}
.swiper-button:hover{opacity:0.8;}


.indexItem{width:100%;overflow:hidden;}

.banner{position:relative;width:100%;}
.banner .swiper-pagination{bottom:6%;}
.banner .swiper-button{opacity:0;display:none;}
.banner .swiper-button-prev{left:3vw;}
.banner .swiper-button-next{right:3vw;}
.banner .swiper-slide img{width:100%;}


.title01{text-align: center;padding:60px 0;}
.title01 h2{color:#00a0d9;font-size:32px;}
.title01 .p{margin-top:35px;font-size:18px;color:#777676;line-height: 30px;}
.indexAbout .width50{width:50%;background: rgba(0,62,117,0.92);}
.indexAbout .text{float:right;padding:75px 7% 120px;color:#fff;max-width:720px;text-align: center;color:#e5e5e5;}
.indexAbout .text .p{font-size:16px;line-height:30px;}
.indexAbout .text .line{height:45px;width:1px;background:#e5e5e5;margin:26px auto;}
.indexAbout .text img{width:70px;}
.title02{font-size:36px;font-weight: 700;margin-bottom:35px;}
.title02 span{font-size:30px;font-family: arial;text-transform: uppercase;padding-left:10px;}

.indexItem02{padding:50px 0 1px}
.indexTitle{text-align:center;margin-bottom:65px;}
.indexTitle h2{font-size:36px;color:#474646;}
.indexTitle h2 span{position: relative;padding:0 55px;}
.indexTitle h2 span:before,
.indexTitle h2 span:after{content:'';position: absolute;width:30px;height:2px;background:#474646;top:50%;margin-top:-1px;}
.indexTitle h2 span:before{left:0;}
.indexTitle h2 span:after{right:0;}
.indexTitle .en{font-size:30px;color:rgba(157,158,158,0.5);font-family: arial;text-transform: uppercase;margin-top:10px;}
.indexTitle .p{font-size:14px;color:#9d9e9e;line-height: 30px;margin-top:20px;}
.inUl02 li{float:left;text-align: center;width:33.33%;margin-bottom:60px;padding:0 5%;}
.inUl02 .icon{width:164px;height:164px;border-radius: 50%;border:1px solid #00a0d9;margin:0 auto;}
.inUl02 .icon img{width:100%;}
.inUl02 h4{font-size:22px;color:#3e3e3e;margin:25px 0 15px;}
.inUl02 p{color:#7a7b7b;font-size:14px;line-height: 24px;}
.inUl02 li:hover .icon{border-color:#003e75;background:#003e75;}
.inUl02 li:hover .hover{display: block;}
.inUl02 li:hover .default{display: none;}

.indexItem03{color:#fff;}
.indexItem03 h3{font-size:30px;margin-bottom:45px;}
.in03_top{padding:115px 0 80px;}
.in03_top .container{display: flex;flex-flow: row wrap;align-items: center;justify-content: space-between;}
.in03_top .left{width:34%;}
.in03_top .text{font-size:18px;line-height:36px;}
.in03_top .left a{width:154px;height:42px;line-height:42px;text-align: center;font-size:18px;color:#fff;border:1px solid #fff;margin-top:35px;}
.in03_top .left a:hover{border-color:#00a0d9;background:#00a0d9;}
.in03_top .right{position: relative;width:51.3%;}
.in03_top .right img{width:100%;}
.in03_top .right .txt{position: absolute;font-size:14px;text-align: center;}
.txt01{left:-6%;top:100%;}
.txt02{left:12.5%;top:-2%;}
.txt03{left:46%;top:70%;}
.txt04{left:71%;top:-34%;}
.txt05{right:-7%;top:105%;}
.in03_bottom{padding:70px 0 50px;background:rgba(0,0,0,0.7);}
.partnerList a{float:left;width:11.6%;margin-right:3.13%;margin-bottom:3.13%;overflow: hidden;}
.partnerList a img{width:100%;}
.partnerList a:nth-child(7n){margin-right:0;}
.partnerList a:hover img{filter: url(404.png);filter: gray;-webkit-filter: grayscale(1);}

.indexItem04{padding:50px 0 80px;}
.inUl04 li{float:left;width:22.9%;margin-right:2.8%;}
.inUl04 a{padding:6px 6px 20px;background: #f8f8f8;text-align: center;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.inUl04 li:nth-child(4n){margin-right:0;}
.inUl04 .img{margin-bottom:20px;}
.inUl04 h5{padding:0 5px;color:#000000;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.inUl04 .p{padding:0 5px;color:#939292;font-size:12px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.inUl04 li:hover h5{color:#00a0d9;}
.inUl04 li:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}






@media screen and (min-width:1400px) and (max-width:1599px){
	
    .swiper-button{width:60px;height:60px;margin-top:-30px;background-size:50px 50px!important;}
    .banner .swiper-button-prev{left:2vw;}
    .banner .swiper-button-next{right:2vw;}
	
	.title01{padding:50px 0;}
	.title01 h2{font-size:28px;}
	.title01 .p{margin-top:25px;}
	.title02{font-size:32px;margin-bottom:25px;}
	.title02 span{font-size:28px;}
	.indexTitle{margin-bottom:55px;}
	.indexTitle h2{font-size:32px;}
	.indexTitle .p{line-height:26px;margin-top:15px;}
	.indexTitle .en{font-size:26px;margin-top:6px;}
	.indexAbout .text{max-width:600px;padding:65px 6% 100px;}
	.indexAbout .text img{width:65px;}
	
	.indexItem02{padding:50px 0 10px;}
	.inUl02 .icon{width:150px;height:150px;}
	.inUl02 h4{font-size:20px;margin:20px 0 10px;}
	.inUl02 li{padding:0 3%;margin-bottom:50px;}
	
	.in03_top{padding:100px 0 80px;}
	.indexItem03 h3{margin-bottom:40px;font-size:26px;}
	.in03_top .text{font-size:16px;line-height: 32px;}
	.in03_top .left a{width:140px;height:40px;line-height:40px;font-size:16px;}
	.txt01{left:-8%;top:95%;}
	.txt02{left:10.5%;top:-10%;}
	.txt03{left:44%;top:70%;}
	.txt04{left:69%;top:-40%;}
	.txt05{right:-9%;top:108%;}
	.in03_bottom{padding:60px 0 40px;}

	
	.indexItem04{padding:50px 0 70px;}

}


@media screen and (min-width:1200px) and (max-width:1399px){


    
    .swiper-button{width:60px;height:60px;margin-top:-30px;background-size:50px 50px!important;}
    .banner .swiper-button-prev{left:2vw;}
    .banner .swiper-button-next{right:2vw;}


	.title01{padding:50px 0;}
	.title01 h2{font-size:26px;}
	.title01 .p{margin-top:20px;font-size:16px;}
	.title02{font-size:28px;margin-bottom:25px;}
	.title02 span{font-size:24px;}
	.indexTitle{margin-bottom:48px;}
	.indexTitle h2{font-size:28px;}
	.indexTitle .p{line-height:26px;margin-top:15px;}
	.indexTitle .en{font-size:22px;margin-top:6px;}
	.indexAbout .text{max-width:570px;padding:65px 6% 100px;}
	.indexAbout .text img{width:50px;}
	
	.indexItem02{padding:50px 0 10px;}
	.inUl02 .icon{width:120px;height:120px;}
	.inUl02 h4{font-size:18px;margin:15px 0 10px;}
	.inUl02 li{padding:0 2%;margin-bottom:50px;}
	
	.in03_top{padding:100px 0 80px;}
	.indexItem03 h3{margin-bottom:35px;font-size:24px;}
	.in03_top .text{font-size:16px;line-height: 32px;}
	.in03_top .left a{width:140px;height:40px;line-height:40px;font-size:16px;margin-top:30px;}
	.in03_top .right{margin-right:5%;}
	.txt01{left:-8%;top:95%;}
	.txt02{left:10.5%;top:-10%;}
	.txt03{left:44%;top:70%;}
	.txt04{left:69%;top:-40%;}
	.txt05{right:-9%;top:108%;}
	.in03_bottom{padding:60px 0 40px;}

	
	.indexItem04{padding:50px 0 70px;}

}



@media screen and (min-width:992px) and (max-width:1199px){


    
    .swiper-button{width:60px;height:60px;margin-top:-30px;background-size:50px 50px!important;}
    .banner .swiper-button-prev{left:1vw;}
    .banner .swiper-button-next{right:1vw;}
	

    .title01{padding:50px 0;}
    .title01 h2{font-size:24px;}
    .title01 .p{margin-top:15px;font-size:16px;}
    .title02{font-size:24px;margin-bottom:20px;}
    .title02 span{font-size:20px;}
    .indexTitle{margin-bottom:48px;}
    .indexTitle h2{font-size:24px;}
	.indexTitle h2 span{padding:0 45px;}
    .indexTitle .p{line-height:26px;margin-top:15px;}
    .indexTitle .en{font-size:20px;margin-top:6px;}
    .indexAbout .text{max-width:475px;padding:55px 30px 80px;}
    .indexAbout .text img{width:46px;}
    .indexAbout .text .line{margin:20px auto;}
    .indexItem02{padding:50px 0 10px;}
    .inUl02 .icon{width:100px;height:100px;}
    .inUl02 h4{font-size:18px;margin:15px 0 10px;}
    .inUl02 li{padding:0 15px;margin-bottom:50px;}
    
    .in03_top{padding:80px 0;}
    .indexItem03 h3{margin-bottom:35px;font-size:22px;}
    .in03_top .text{font-size:16px;line-height: 32px;}
    .in03_top .left a{width:140px;height:40px;line-height:40px;font-size:16px;margin-top:30px;}
    .in03_top .right{margin-right:5%;}
    .txt01{left:-18%;top:95%;}
    .txt02{left:10.5%;top:-10%;}
    .txt03{left:44%;top:70%;}
    .txt04{left:69%;top:-48%;}
    .txt05{right:-9%;top:108%;}
    .in03_bottom{padding:60px 0 40px;}

    
    .indexItem04{padding:50px 0 70px;}

}   



@media screen and (min-width:768px) and (max-width:991px){

    
	.swiper-pagination span{font-size:14px;}
	.swiper-pagination span:after{height:2px;margin-top:-1px;}
	.banner .swiper-pagination{bottom:10px;}
    .swiper-button{width:60px;height:60px;margin-top:-30px;background-size:50px 50px!important;}
    .banner .swiper-button-prev{left:1vw;}
    .banner .swiper-button-next{right:1vw;}


	.title01{padding:40px 0;}
	.title01 h2{font-size:22px;}
	.title01 .p{margin-top:15px;font-size:14px;line-height:26px;}
	.title02{font-size:22px;margin-bottom:20px;}
	.title02 span{font-size:18px;}
	.indexTitle{margin-bottom:40px;}
	.indexTitle h2{font-size:24px;}
	.indexTitle h2 span{padding:0 45px;}
	.indexTitle .p{line-height:26px;margin-top:15px;}
	.indexTitle .en{font-size:18px;margin-top:4px;}
	.indexAbout{padding:30px;}
	.indexAbout .width50{width:100%;}
	.indexAbout .text{float:left;max-width:100%;padding:50px 30px 60px;}
	.indexAbout .text img{width:40px;}
	.indexAbout .text .line{margin:20px auto;}
	.indexAbout .text .p{font-size:14px;line-height: 26px;}
	.indexItem02{padding:45px 0 10px;}
	.inUl02 .icon{width:95px;height:95px;}
	.inUl02 h4{font-size:18px;margin:15px 0 10px;}
	.inUl02 li{width:50%;padding:0 20px;margin-bottom:45px;}
	
	.in03_top{padding:60px 0 80px;}
	.indexItem03 h3{margin-bottom:30px;font-size:20px;}
	.in03_top .text{font-size:16px;line-height: 32px;}
	.in03_top .left{width:100%;float:none;}
	.in03_top .left a{width:140px;height:40px;line-height:40px;font-size:16px;margin-top:30px;}
	.in03_top .right{width:80%;float:none;margin:100px auto 0;}
	.txt01{left:-9%;top:95%;}
	.txt02{left:10.5%;top:-10%;}
	.txt03{left:44%;top:70%;}
	.txt04{left:69%;top:-48%;}
	.txt05{right:-9%;top:108%;}
	.in03_bottom{padding:45px 0 30px;}
	.partnerList a{width:17.496%;}
	.partnerList a:nth-child(7n){margin-right:3.13%;}
	.partnerList a:nth-child(5n){margin-right:0;}

	
	.indexItem04{padding:45px 0 60px;}

}



@media screen and (min-width:0px) and (max-width:767px){

    
	.swiper-pagination span{font-size:14px;}
	.swiper-pagination span:after{height:2px;margin-top:-1px;}
	.banner .swiper-pagination{bottom:10px;}
    .swiper-button{width:50px;height:50px;margin-top:-25px;background-size:35px 35px!important;}
    .banner .swiper-button{display:none;}
    .banner .swiper-button-prev{left:1vw;}
    .banner .swiper-button-next{right:1vw;}


	.title01{padding:40px 0;}
	.title01 h2{font-size:20px;}
	.title01 .p{margin-top:15px;font-size:14px;line-height:26px;}
	.title01 .p br{display: none;}
	.title02{font-size:20px;margin-bottom:20px;}
	.title02 span{font-size:16px;}
	.indexTitle{margin-bottom:35px;}
	.indexTitle h2{font-size:22px;}
	.indexTitle h2 span{padding:0 45px;}
	.indexTitle h2 span:before, .indexTitle h2 span:after{width:25px;}
	.indexTitle .p{line-height:26px;margin-top:15px;}
	.indexTitle .p br{display: none;}
	.indexTitle .en{font-size:16px;margin-top:4px;}
	.indexAbout{padding:30px;}
	.indexAbout .width50{width:100%;}
	.indexAbout .text{float:left;max-width:100%;padding:50px 30px 50px;}
	.indexAbout .text img{width:40px;}
	.indexAbout .text .line{height:35px;margin:20px auto 15px;}
	.indexAbout .text .p{font-size:14px;line-height: 26px;}
	.indexItem02{padding:40px 0 10px;}
	.inUl02 .icon{width:90px;height:90px;}
	.inUl02 h4{font-size:16px;margin:15px 0 10px;}
	.inUl02 li{width:50%;padding:0 10px;margin-bottom:35px;}
	.inUl02 p{font-size:12px;line-height:22px;}
	.inUl02 p br{display: none;}
	.in03_top{padding:45px 0 20px;}
	.indexItem03 h3{margin-bottom:25px;font-size:20px;}
	.in03_top .text{font-size:14px;line-height: 26px;}
	.in03_top .left{width:100%;float:none;}
	.in03_top .left a{width:120px;height:40px;line-height:40px;font-size:14px;margin-top:25px;}
	.in03_top .right{width:100%;float:none;margin:50px auto 0;overflow: hidden;}
	.in03_top .right img{display: none;}
	.in03_top .right .txt{position: static;width:50%;float:left;margin-bottom:25px;padding:0 10px;}
	.in03_bottom{padding:45px 0 35px;}
	.partnerList a{width:23%;margin-right:2.66%;margin-bottom:2.66%;}
	.partnerList a:nth-child(7n){margin-right:2.66%;}
	.partnerList a:nth-child(4n){margin-right:0;}

	
	.indexItem04{padding:45px 0;}
	.inUl04 li{width:48%;margin-right:4%;margin-bottom:6%;}
	.inUl04 li:nth-child(4n){margin-right:4%;}
	.inUl04 li:nth-child(2n){margin-right:0;}


}

@media screen and (min-width:0px) and (max-width:479px){
	
	.indexTitle h2{font-size:20px;}
	.indexTitle h2 span{padding:0 35px;}
	.indexTitle h2 span:before, .indexTitle h2 span:after{width:20px;}
	.indexTitle .en{font-size:14px;}
	.title01 h2{font-size:18px;}
	.indexAbout{padding:20px;}
	.indexAbout .text{padding:40px 20px;}
	.indexAbout .text img{width:35px;}
	.indexAbout .text .line{height:30px;}
	.title02{font-size:18px;margin-bottom:15px;}
	.title02 span{font-size:14px;}
	.inUl02 .icon{width:80px;height:80px;}
	.indexItem03 h3{font-size:18px;}
	.in03_top{padding:40px 0 20px;}
	.in03_bottom{padding:40px 0 30px;}
	.indexItem04{padding:40px 0;}
	.partnerList a{width:30%;margin-right:5%;margin-bottom:5%;}
	.partnerList a:nth-child(4n),.partnerList a:nth-child(7n){margin-right:5%;}
	.partnerList a:nth-child(3n){margin-right:0;}

}