@charset "utf-8";
.ctit{margin-bottom:25px;text-align:center}
.ctit span{font-size:24px;line-height:1em;color: #0a8283;border-left: 4px solid #0a8283;font-weight: bold;padding-left: 8px}
.ctit a{}

.in-more{margin-top:40px}
.in-more a{display:inline-block;padding:12px 35px;border:2px solid #eb8e08;transition:.3s}
.in-more a:hover{padding:12px 40px;background:#eb8e08;color:#fff}
.in-more span{display:inline-block;padding:12px 35px;border:2px solid #eb8e08;transition:.3s}
.in-more span:hover{padding:12px 40px;background:#eb8e08;color:#fff}

.in-main{background: url(../images/mainbg.jpg) no-repeat bottom center;background-size: 100% 100%;position: relative;}
.in-main:before{content: '';position: absolute;top: 0;right: 0;height: 124px;background: url(../images/sbg.png) no-repeat top right;width: 100%;z-index: 0;background-size: auto 100%}
.icoList{padding-bottom: 15px;margin-bottom: 15px}
.homea{position: relative;z-index: 2}
.homea .swiper-pagination-bullets{bottom: 0}
.homea .item{height: 195px;background: #fff;border-radius: 5px;text-align: center;transition: transform .3s}
.homea .item h4{font-size: 19px;font-weight: bold;color: #333;width: 132px;margin: 0 auto;margin-bottom: 10px;}
.homea .item h4:after{width: 1px;height: 10px;background: #333;display: block;margin: 0 auto;content: '';margin-top: 10px}
.homea .item i{font-size: 32px;width: 80px;height: 80px;border-radius: 50%;margin: 0 auto;line-height: 80px;display: block;color: #fff;position: relative; }
.homea .item i:before{transition:transform .8s;display: block;}
.homea .item i:after{content: '';display: block;width: 64px;height: 64px;border-radius: 50%;border: 1px solid rgba(255,255,255,.4);position: absolute;left: 50%;top:50%;margin-left: -33px;margin-top: -33px;}
.homea .item:hover i:before{transform: rotateY(360deg);}
.homea .swiper-slide:hover .item{transform: translateY(-10px);}
.homea .swiper-slide{padding: 50px 2px 20px}
.homea .swiper-slide:nth-child(1) .item{border: 2px solid #0bb3b4}
.homea .swiper-slide:nth-child(2) .item{border: 2px solid #a356d8}
.homea .swiper-slide:nth-child(3) .item{border: 2px solid #dcc238}
.homea .swiper-slide:nth-child(4) .item{border: 2px solid #3694e5}
.homea .swiper-slide:nth-child(5) .item{border: 2px solid #f08442}
.homea .swiper-slide:nth-child(6) .item{border: 2px solid #73db45}

.homea .swiper-slide:nth-child(1) .item i{background: #0bb3b4}
.homea .swiper-slide:nth-child(2) .item i{background: #a356d8}
.homea .swiper-slide:nth-child(3) .item i{background: #dcc238}
.homea .swiper-slide:nth-child(4) .item i{background: #3694e5}
.homea .swiper-slide:nth-child(5) .item i{background: #f08442}
.homea .swiper-slide:nth-child(6) .item i{background: #73db45}

.homeb {margin-bottom: 30px}
.homeb .aleft{width: 66%}
.homeb .aright{width:30%}
.homeb .aleft .pic{height: 195px}
.homeb .aleft .pic time{position: absolute;right: 0;bottom: 0;background: #0a8283;color: #fff;padding: 4px 10px;z-index: 3;font-size: 14px}
.homeb .aleft h4{margin-top: 15px;margin-bottom: 15px}
.homeb .aleft p{font-size: 14px;line-height: 1.6em;color: #777;max-height: 44px\0;}
.homeb .aleft .swiper-button-next, .homeb .aleft .swiper-button-prev{background: rgba(0,0,0,.3);color: #fff;width: 30px;margin-top: -65px}
.homeb .aleft .swiper-button-next:hover, .homeb .aleft .swiper-button-prev:hover{background: rgba(0,0,0,.5);}
.homeb .aleft .swiper-button-prev{left: 0}
.homeb .aleft .swiper-button-next{right: 0}
.homeb .aleft .swiper-button-next:after, .homeb .aleft .swiper-button-prev:after{font-size: 20px}


.homeb .aright .list li:first-child{padding-top: 0}
.homeb .aright .list li{padding: 10px 0;}
.homeb .aright .list li .time{float: left;width: 65px;height: 60px;color: #666;text-align: center;font-size: 14px;line-height: 23px;border: 1px solid #ddd;}
.homeb .aright .list li span{display: block;height:35px;background: #d9d9d9 ;font-size: 24px;font-weight: bold;line-height: 35px}
.homeb .aright .list li .info h4{line-height: 1.6em}
.homeb .aright .list li .info{width: calc(100% - 75px)}
.homeb .aright .list li:hover .time span{background: #eeb60a;color: #fff}
.homeb .aright .list li:hover .time{color: #eeb60a;border: 1px solid #eeb60a;}




.homec{margin-bottom: 40px}
.homec .aleft{width: 48%;}
.homec .aleft .listc{height: 420px;background: #fff;border-radius: 5px;padding: 20px}
.homec .jl-one{border-bottom: 1px solid #ddd;padding-bottom: 10px}
.homec .jl-one .pic{height: 135px;width: 45%}
.homec .jl-one .pic time{position: absolute;right: 0;bottom: 0;background: #0a8283;color: #fff;padding: 4px 10px;z-index: 3;font-size: 14px}
.homec .jl-one .info{width:52%}
.homec .jl-one .info h4{font-size: 16px;margin-bottom: 10px;line-height: 1.4em;max-height: 44px\0;}
.homec .jl-one .info p{color: #777;font-size: 14px;line-height: 1.6em;max-height: 66px\0}
.homec .aleft .listc ul li{padding: 18px 0;border-bottom:  1px dotted #ddd;font-size: 15px;padding-left: 12px;position: relative;}
.homec .aleft .listc ul li:before{content: '';position: absolute;left: 0;width: 5px;height: 5px;background: #ccc;display: block;top:50%;transform: rotate(-45deg);margin-top: -3px}
.homec .aleft .listc ul li span{position: absolute;right: 0;bottom: -10px;background: #fff;padding-left: 5px;font-size: 14px;font-style: italic;color: #777}

.homec .aright{width: 48%}
.homec .aright .item {background: #fff;padding-bottom: 50px;border-radius: 5px;overflow: hidden;}
.homec .aright .item .pic{height: 320px}
.homec .aright .item .pic img{display: none}
.homec .aright .item h4{text-align: center;margin-top: 15px;padding: 0 10px;margin-bottom: 15px}
.homec .aright .item time{position: absolute;right: 0;bottom: 0;background: #0a8283;color: #fff;padding: 4px 10px;z-index: 3;font-size: 14px}

.homed{margin-bottom: 30px}
.homed .tab-navs{margin-bottom: 25px}
.homed .tabnav{border-left: 4px solid #0a8283;font-weight: bold;padding-left: 8px;}
.homed .tabnav a{font-size:24px;line-height:1em;color: #666;margin-right: 30px}
.homed .tabnav a.active{color: #0a8283;}
.homed .mores a:nth-child(2){display: none}
.homed .mores a:nth-child(3){display: none}

.homed .pic{height: 195px}
.homed h4{margin-top: 10px;text-align: center}
.homed .swiper-button-next, .homed .swiper-button-prev{background: rgba(0,0,0,.3);color: #fff;width: 30px;margin-top: -35px}
.homed .swiper-button-next:hover, .homed .swiper-button-prev:hover{background: rgba(0,0,0,.5);}
.homed .swiper-button-prev{left: 0}
.homed .swiper-button-next{right: 0}
.homed .swiper-button-next:after, .homed .swiper-button-prev:after{font-size: 20px}
.homee{padding-bottom: 20px}
.homee .liste li{width: 31.333333%;position: relative;overflow: hidden;border-radius:5px;margin-bottom: 35px}
.homee .liste li .pic{height: 230px;}
.homee .liste li .t{position: absolute;left: 8%;right: 8%;background: #fff;padding: 12px 5%;border-radius:5px;z-index: 2;bottom: 25px;font-size: 18px;font-weight: bold;}
.homee .liste li .t i{font-size: 24px;color: #eeb60a}
.homee .liste li:hover .t i{animation:leftRight 1s ease-out infinite}
.homee .liste li:hover .t {color: #eeb60a}
.homee .liste li:nth-child(4){width: 48.5%}
.homee .liste li:nth-child(5){width: 48.5%}
@media screen and (max-width:1080px ){

}
@media screen and (max-width:768px ){
	.in-main{background-size: cover}
.homeb .aleft{width: 100%;margin-bottom: 30px}
.homeb .aright{width:100%}
.homec .aleft .listc{height: auto}
.homec .aright{width: 100%}
.homec .aleft{width: 100%;margin-bottom: 30px}
.homee .liste li{width: 48.5%;}
.homee .liste li:nth-child(5){width: 100%}
}
@media screen and (max-width: 640px){
.homec .aright .item .pic {height: 220px;}
.homec .jl-one .pic{height: 185px;width: 100%;margin-bottom: 15px}
.homec .jl-one .info{width:100%}
.ctit span{font-size:20px;}
.homed .tabnav a{font-size:20px;}
}
@media screen and (max-width: 480px){
	.in-main:before{background-size: 100%  auto}

	.homea .item h4{font-size: 16px;width: 100px;}
.homee .liste li .t{padding: 8px 5%;bottom: 20px;font-size: 16px;}
.homee .liste li .t i{font-size: 20px}
.homee .liste li .pic{height: 180px;}
}
@media screen and (max-width: 360px){
.homed .tabnav a{margin-right: 15px}
}

.shadow{transition: .3s}
.shadow:hover{box-shadow:  0 5px 10px rgba(0,0,0,.3)}
.shadow1{transition: .3s}
.shadow1:hover{box-shadow:  0 7px 10px rgba(0,0,0,.5)}

@media screen and (max-width:1366px){

}
@media screen and (max-width:980px){


}
@media screen and (max-width:640px){

}

/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop
} 
/*ie11注意里面的标点符号*/ 
/*ie10 css hack*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}






