@charset "utf-8";
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left}
.fr{float:right}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}
.content{width:1200px;margin:0 auto}
.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{width:100%;max-width:2560px;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}
.content{width:1200px;margin:0 auto}
input::-webkit-input-placeholder{color:#666;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#666;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#666;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#666;font-size:14px;text-transform:capitalize}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
@keyframes rotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}













.time-one{padding:80px 0;overflow:hidden;}
.time-one::before{content:"";display:block;width:30%;height:700px;background:#fff;position:absolute;left:0;top:50%;transform:translate(-60%,-50%);z-index:2;border-radius:50%;opacity:.85;filter:blur(150px)}
.time-one::after{content:"";display:block;width:30%;height:700px;background:#fff;position:absolute;right:0;top:50%;transform:translate(60%,-50%);z-index:2;border-radius:50%;opacity:.85;filter:blur(150px)}
.time-one .title{font-size:38px;font-weight:600;line-height:65px;color:#215096;text-align:center}
.time-one .context{margin-top:60px}
.time-one .context ul li{background:#eee;padding:30px 30px;border-radius:20px;min-height:140px;box-sizing:border-box;position:relative}
.time-one .context ul li::after{content:"";display:block;width:0;height:0;border:20px solid transparent;border-top:20px solid #eee;position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);opacity:0}
.time-one .context ul li b{display:block;font-size:24px;font-weight:700;line-height:26px;color:#333}
.time-one .context ul li p{display:block;font-size:18px;font-weight:400;line-height:30px;color:#666;opacity:.9;margin-top:10px}
.time-one .context ul li.swiper-slide-active{background:#215096}
.time-one .context ul li.swiper-slide-active b,.time-one .context ul li.swiper-slide-active p{color:#fff}
.time-one .context ul li.swiper-slide-active::after{border-top:20px solid #215096;opacity:1}
.time-one .context2{background-image:url(../images/time_bg.jpg);background-repeat:no-repeat;background-position:center 30px;background-size:auto auto;background-repeat:repeat-x}
.time-one .context2 ul li{align-items:center;font-size:16px;font-weight:400;line-height:18px;color:#333;position:relative;text-align:center;transition:.35s;margin-top:160px}
.time-one .context2 ul li::before{content:"";display:block;width:6px;height:70px;background:#215096;position:absolute;left:50%;top:-98px;transform:translateX(-50%);opacity:0}
.time-one .context2 ul li::after{content:"";display:block;width:0;height:0;border:10px solid transparent;border-bottom:20px solid #215096;position:absolute;left:50%;bottom:-35px;transform:translateX(-50%);opacity:0}
.time-one .context2 ul li.swiper-slide-active{color:#215096;font-size:24px;font-weight:700}
.time-one .context2 ul li.swiper-slide-active::before{opacity:1}
.time-one .context2 ul li.swiper-slide-active::after{opacity:1}




.time-two{padding:80px 0;position:relative}
.time-two::before{content:"";display:block;width:30%;height:100%;background:#fff;position:absolute;left:0;top:50%;transform:translate(-30%,-50%);z-index:2;border-radius:50%;opacity:.95;filter:blur(150px)}
.time-two::after{content:"";display:block;width:30%;height:100%;background:#fff;position:absolute;right:0;top:50%;transform:translate(30%,-50%);z-index:2;border-radius:50%;opacity:.95;filter:blur(150px)}
.time-two .context ul li{background:#eee;padding:30px 30px;border-radius:20px;min-height:180px;box-sizing:border-box;position:relative}
.time-two .context ul li::after{content:"";display:block;width:0;height:0;border:20px solid transparent;border-top:20px solid #eee;position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);opacity:0}
.time-two .context ul li em img{display:block;width:100%}
.time-two .context ul li p{display:block;font-size:15px;font-weight:400;line-height:26px;color:#666;opacity:.9;margin-top:10px}
.time-two .context ul li.swiper-slide-active{background:#215096}
.time-two .context ul li.swiper-slide-active b,.time-two .context ul li.swiper-slide-active p{color:#fff}
.time-two .context ul li.swiper-slide-active::after{border-top:20px solid #215096;opacity:1}
.time-two .context2{background-image:url(../images/time_bg.jpg);background-repeat:no-repeat;background-position:center 20px;background-size:auto auto;background-repeat:repeat-x}
.time-two .context2 ul li{align-items:center;font-size:16px; cursor:pointer; font-weight:400;line-height:18px;color:#333;position:relative;text-align:center;transition:.35s;margin-top:150px}

.time-two .context2 ul li:hover { font-weight:bold; color:#215096; font-size:18px;}
.time-two .context2 ul li::before{content:"";display:block;width:6px;height:70px;background:#215096;position:absolute;left:50%;top:-98px;transform:translateX(-50%);opacity:0}
.time-two .context2 ul li::after{content:"";display:block;width:0;height:0;border:10px solid transparent;border-bottom:20px solid #215096;position:absolute;left:50%;bottom:-35px;transform:translateX(-50%);opacity:0}
.time-two .context2 ul li.swiper-slide-active{color:#215096;font-size:24px;font-weight:700}
.time-two .context2 ul li.swiper-slide-active::before{opacity:1}
.time-two .context2 ul li.swiper-slide-active::after{opacity:1}