.msec1{background:#f5f5f5;overflow:hidden}
.msec1 .swiper-container{height:840px}
.msec1 .swiper-slide{display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;line-height:1.4}
.msec1 .swiper-slide .slogan{}
.msec1 .swiper-slide .slogan span{display:block;position:relative;}
.msec1 .swiper-slide .slogan .t1{font-size:150px;font-weight:900;top:30px;opacity:0;transition:0.8s 0.5s}
.msec1 .swiper-slide .slogan .t2{font-size:35px;top:10px;opacity:0;transition:0.8s 0.8s}
.msec1 .swiper-slide .slogan .t3{font-size:35px;top:10px;opacity:0;transition:0.8s 1.1s}

.msec1 .swiper-slide-active .slogan .t1{top:0;opacity:1;}
.msec1 .swiper-slide-active .slogan .t2{top:0;opacity:1;}
.msec1 .swiper-slide-active .slogan .t3{top:0;opacity:1;}


.titG h2{}
.titG .add{display:block;font-size:20px;color:#555;margin:15px 0}

.msec2{position:relative;z-index:10;height:780px;background:url(../images/ms2_bg.jpg) no-repeat center /cover}
.msec2 .titG{padding-top:160px;}
.msec2 .titG h2{font-size:70px;letter-spacing: -2px}
.msec2 .titG h2:before{display:block;content:'';width:50px;height:2px;background:#ed7001;margin-left:8px;margin-bottom:20px}
.msec2 .titG h2 a{display:inline-block;margin-left:40px}
.msec2 .list{display:flex;justify-content:space-between;margin:80px 0}
.msec2 .list li{display:flex;justify-content:center;align-items:center;text-align:center;width:260px;height:240px;border:1px solid #ccc;background:#fff;transition:0.4s}
.msec2 .list li .tit{display:block;font-size:28px;margin-bottom:10px}
.msec2 .list li span{font-size:17px;color:#555;transition:0.5s}

.msec2 .list li.on{background:#233b8f;color:#fff;border:1px solid #233b8f}
.msec2 .list li.on span{color:#fff}



.msec3{height:986px;background:url(../images/ms3_bg.jpg) no-repeat center /cover;overflow:hidden;}
.msec3 .titG{text-align:center;margin:100px 0 60px}
.msec3 .titG h2{font-size:80px;text-transform:uppercase}
.msec3 .titG h2:after{display:block;content:'';width:2px;height:50px;background:#ed7001;margin:10px auto}
.msec3 .list{display:flex;justify-content: space-between}

.msec3 .list li:hover .em{top:-40px}
.msec3 .list li .em{position:relative;top:0;transition:0.3s}
.msec3 .list li .em em{position:absolute;left:0;width:100%;top:40%;padding-top:80px;font-size:34px;color:#fff;text-align:center}
.msec3 .list li:nth-child(1) .em em{background:url(../images/ms3_em1.png) no-repeat center 0}
.msec3 .list li:nth-child(2) .em em{background:url(../images/ms3_em2.png) no-repeat center 0}
.msec3 .list li:nth-child(3) .em em{background:url(../images/ms3_em3.png) no-repeat center 0}
.msec3 .list li .info{font-size:16px;color:#666;text-align:center;margin:40px 0 30px}
.msec3 .list li a{display:block;width:56px;height:56px;line-height:56px;border-radius:50%;border:1px solid #999;text-align:center;font-size:13px;margin:20px auto;transition:cubic-bezier(0.2,-2,0.8,2) 0.3s}
.msec3 .list li a:hover{background:#233b8f;color:#fff;border:1px solid #233b8f;transform:scale(1.1)}



.msec4{height:840px;background:url(../images/ms4_bg.jpg) no-repeat center /cover;overflow:hidden;}
.msec4 .titG{text-align:center;margin:100px 0}
.msec4 .titG h2{font-size:80px;text-transform:uppercase}
.msec4 .titG h2:after{display:block;content:'';width:50px;height:2px;background:#ed7001;margin:10px auto}
.msec4 .list{display:flex;height:368px}
.msec4 .list li{flex:1;background:#13235d;color:#fff;text-align:center;padding:30px 0}
.msec4 .list li:nth-child(2n+1){background:#1d358d}
.msec4 .list li .tit{display:block;font-size:22px;margin:40px 0}
.msec4 .list li .em{display:block;margin:40px 0}
.msec4 .list li .info{display:block;font-size:16px;line-height:1.4}