
/************************************************
pc
************************************************/
@media all and (min-width:1024px){


    .msec1 .swiper-slide{height:calc(100vh - 100px);overflow:hidden}
    .msec1 .swiper-slide .bg{height:100%;transform:scale(1.1);transition:3s 0.5s}
    .msec1 .swiper-slide.swiper-slide-duplicate-active .bg,
    .msec1 .swiper-slide.swiper-slide-active .bg{transform:scale(1)}
    .msec1 .swiper-slide.swiper-slide-duplicate-active .info,
    .msec1 .swiper-slide.swiper-slide-active .info{top:50%;opacity:1}
    .msec1 .swiper-slide .info{position:absolute;width:1200px;opacity:0;left:50%;top:52%;transform:translate(-50%,-50%);font-size:55px;color:#fff;line-height:1.1;text-shadow:0 0 5px rgba(0,0,0,0.5); transition:1s 0.8s}
    .msec1 .swiper-slide .info em{display:block;font-size:60px;font-weight:700;margin-top:20px}
    .msec1 .swiper-button-prev:after,
    .msec1 .swiper-button-next:after{display:none}
    .msec1 .swiper-button-prev{left:5%;background:url('../images/swiper_prev.png') no-repeat center;width:100px;height:100px;margin-top:-50px}
    .msec1 .swiper-button-next{right:5%;background:url('../images/swiper_next.png') no-repeat center;width:100px;height:100px;margin-top:-50px}
    .msec1 .swiper-pagination{bottom:80px}
    .msec1 .swiper-pagination-bullet{width:10px;height:10px;background:#fff;margin:0 8px !important;opacity:1}
    .msec1 .swiper-pagination-bullet-active{background:var(--main-color)}


    .msec2{background:url(../images/ms2_bg.jpg) no-repeat center /cover;padding:50px 0;text-align:center}
    .msec2 .titG {color:#fff}
    .msec2 .titG .tit{font-size:40px}
    .msec2 .titG .add{font-size:24px}
    .msec2 .infoG{margin:30px 0 40px}
    .msec2 .infoG .tel a{font-size:54px;color:#faffce;font-weight:700}
    .msec2 .infoG .email{font-size:30px;color:#faffce;margin-top:-10px}
    .msec2 .more a{display:inline-block;background:#fff;font-size:18px;color:#1a7196;border-radius:6px;padding:0 50px;height:48px;line-height:46px;transition:0.2s}
    .msec2 .more a:hover{padding:0 55px}


    .msec3{padding:80px;background:url('../images/ms3_bg.jpg') no-repeat center /cover}
    .msec3 .titG .tit{font-size:60px}
    .msec3 .titG .tit:before{content:'';display:block;width:50px;height:2px;background:#ed7001;}
    .msec3 .titG .add{font-size:20px;color:#666}

    .msec3 .infoG p{margin:20px 0;font-size:22px;color:#666;max-width:1200px}
    .msec3 .infoG .more{display:inline-block;margin:20px 0;line-height:50px;border:1px solid #000;width:200px;padding:0 20px;font-size:16px;background:url('../images/ico_arrow2.png') no-repeat 85% center #fff;transition:0.3s}
    .msec3 .infoG .more:hover{background-position:90% center}

    .msec3 .stepG{margin-top:10px}
    .msec3 .stepG .tit{font-size:32px;color:#002f7b}
    .msec3 .stepG .tit span{display:block}
    .msec3 .stepG .tit span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#3d79da;margin:0 4px}


    .msec4{padding:80px 0;overflow:hidden}
    .msec4 .titG{text-align:center}
    .msec4 .titG:before{content:'';display:block;height:50px;width:2px;background:#ed7001;margin:0 auto}
    .msec4 .titG .add{display:block;font-size:20px;color:#666;margin:20px 0 0}
    .msec4 .titG .tit{font-size:50px}

    .msec4 .infoG{display:flex;justify-content: center;gap:20px;margin:50px 0}
    .msec4 .infoG li{display:flex;justify-content:center; align-items:center;width:370px;height:70px;line-height:66px;font-size:32px;color:#fff;font-weight:500;border-radius:70px;background:#002f7b}
    .msec4 .infoG li:nth-child(1) i{display:inline-block;width:50px;height:50px;background:url('../images/ico_graph.png') no-repeat center;margin-left:10px}
    .msec4 .infoG li:nth-child(2) i{display:inline-block;width:50px;height:50px;background:url('../images/ico_graph2.png') no-repeat center;margin-left:10px}
    
    .msec4 .swiper-container{width:1920px;margin:80px auto 50px}
    .msec4 .swiper-slide:hover span{bottom:0}
    .msec4 .swiper-slide img{vertical-align: top}
    .msec4 .swiper-slide span{position:absolute;left:0;bottom:-50px;width:100%;background:rgba(0,0,0,0.5);line-height:50px;text-align:center;font-size:20px;color:#fff;font-weight:500;transition:0.3s}   

    .msec4 .listG{display:flex;justify-content: space-between;gap:4%}
    .msec4 .listG li{flex:1;border:1px solid #ddd;border-radius:10px;padding:40px 0;text-align:center;box-shadow:3px 3px 3px rgba(0,0,0,0.1)}
    .msec4 .listG li .tit{display:block;font-size:30px}
    .msec4 .listG li .tit:after{display:block;content:'';width:30px;height:2px;background:#b9b9b9;margin:10px auto}
    .msec4 .listG li .info{display:block;font-size:20px;margin:20px 0 0}


    .msec5{padding:100px 0;background:#f5f5f5}
    .msec5 .container{max-width:1760px}
    .msec5 .titG{text-align:center}
    .msec5 .titG:before{content:'';display:block;width:50px;height:2px;background:#ed7001;margin:20px auto}
    .msec5 .titG .add{display:block;font-size:20px;color:#666;margin:10px 0 0}
    .msec5 .titG .tit{font-size:50px}
    .msec5 .listG{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:50px 0}
    .msec5 .listG li{text-align:center;width:450px}
    .msec5 .listG li .thumb{overflow:hidden}
    .msec5 .listG li .thumb img{vertical-align:top; transition:0.3s}
	.msec5 .listG li .thumb:hover img{transform:scale(1.1)}
    .msec5 .listG li .info{font-size:24px;padding:20px 0;background:#fff;border:1px solid #ddd;border-top:0; color:#000000}
	.msec5 .listG li .info_s{font-size:18px;padding:10px 0 0;}
    .msec5 .more{text-align:center}
    .msec5 .more a{display:inline-block;line-height:50px;border:1px solid #000;width:200px;padding-right:40px;font-size:16px;background:url('../images/ico_arrow.png') no-repeat 80% center #fff;transition:0.3s}
    .msec5 .more a:hover{background-position:85% center}
    

	
	
    .msec6{padding:30px 0;
	background:url('../images/ms6_bg.jpg') no-repeat center /cover}
    .msec6 .container{display:flex;max-width:100%; padding-left:100px}
    .msec6 .container > div{flex:1}
    .msec6 .h2G{display:flex;justify-content:center; text-align:center}
	.msec6 .inner .tit_add{font-size:20px;margin:50px 0 0px}
	.msec6 .inner .fontM{font-size:36px;margin:0px 0 0px}
	.msec6 .inner .add{font-size:26px;margin:10px 0 20px}
	.msec6 .inner .btn_more{font-size:16px;margin:10px 0 20px}
	
	.msec6 .inner .btn_more{margin-top:50px ; }
	.msec6 .inner .btn_more a{display:inline-block;line-height:56px;border:1px solid #666;padding:0 30px;font-size:16px;color:#666;
	transition:0.3s}    
	.msec6 .inner .btn_more a i{display:inline-block;vertical-align: middle; font-size:12px;margin-top:-2px;margin-left:10px}
	.msec6 .inner .btn_more a:hover{background:#448ba8;color:#fff}
	
    .msec6 .map{background:#eaeaea}

	
    
	.s_con2{padding:80px 0 30px;overflow:hidden}
    .s_con2 .h4G{text-align:center}
	.s_con2 .h4G:before{content:'';display:block;height:50px;width:2px;background:#ed7001;margin:0 auto}
    .s_con2 .h4G h4{font-size:50px}
    .s_con2 .h4G .add{display:block;font-size:20px;color:#666;margin:5px 0 0}
    
    .s_con2 .roll_banner{margin:60px 0 80px}
    .s_con2 .swiper-slide{text-align:center}
    .s_con2 .swiper-slide .thumb{overflow:hidden}
    .s_con2 .swiper-slide .thumb img{vertical-align: top; transition:0.3s}
    .s_con2 .swiper-slide .thumb:hover img{transform:scale(1.1)}
    .s_con2 .swiper-slide .info{margin:20px 0 0;line-height:1.6}
    .s_con2 .swiper-slide .info .num{font-size:18px;/*font-weight:600*/}
    .s_con2 .swiper-slide  .info .desc{font-size:14px;color:#777}
    .s_con2 .swiper-slide  .info .desc span{margin:0 20px}
    .s_con2 .swiper-button-prev{left:-80px;top:40%}
    .s_con2 .swiper-button-next{right:-80px;top:40%}
	
	
}

/*************************************************
tablet
**************************************************/
@media all and (max-width:1480px){
    .msec1 .swiper-slide .info{width:1000px}
    .msec1 .swiper-button-next,
    .msec1 .swiper-button-prev{display:none}
}

/************************************************
mobile
************************************************/
@media all and (max-width:1023px){
	

	
    
    .msec1 .swiper-slide{height:calc(50vh - 60px);overflow:hidden}
    .msec1 .swiper-slide .bg{height:100%;transform:scale(1.1);transition:3s 0.5s}
    .msec1 .swiper-slide.swiper-slide-duplicate-active .bg,
    .msec1 .swiper-slide.swiper-slide-active .bg{transform:scale(1)}
    .msec1 .swiper-slide.swiper-slide-duplicate-active .info,
    .msec1 .swiper-slide.swiper-slide-active .info{top:50%;opacity:1}
    .msec1 .swiper-slide .info{position:absolute;width:100%;text-align:center;opacity:0;top:40%;padding:0 5%;transform:translateY(-50%);
	font-size:20px;color:#fff;line-height:1.4;text-shadow:0 0 5px rgba(0,0,0,0.5); transition:1s 0.8s}
    .msec1 .swiper-slide .info em{display:block;font-size:25px;font-weight:700;margin-top:0px}
    .msec1 .swiper-button-prev:after,
    .msec1 .swiper-button-next:after{display:none}
    .msec1 .swiper-button-prev{left:5%;background:url('../images/swiper_prev.png') no-repeat center;width:100px;height:100px;margin-top:-50px}
    .msec1 .swiper-button-next{right:5%;background:url('../images/swiper_next.png') no-repeat center;width:100px;height:100px;margin-top:-50px}
    .msec1 .swiper-pagination{bottom:40px}
    .msec1 .swiper-pagination-bullet{width:10px;height:10px;background:#fff;margin:0 8px !important;opacity:1}
    .msec1 .swiper-pagination-bullet-active{background:var(--main-color)}


    .msec2{background:url(../images/ms2_bg02.jpg) no-repeat center /cover;padding:30px 0;text-align:center}
    .msec2 .titG {color:#fff}
    .msec2 .titG .tit{font-size:22px}
    .msec2 .titG .add{font-size:16px}
    .msec2 .infoG{margin:20px 0 20px}
    .msec2 .infoG .tel a{font-size:32px;color:#faffce;font-weight:700}
    .msec2 .infoG .email{font-size:16px;color:#faffce;margin-top:-5px}
    .msec2 .more a{display:inline-block;background:#fff;font-size:13px;color:#1a7196;border-radius:3px;padding:0 30px;line-height:30px}
    .msec2 .more a:hover{}


    .msec3{padding:50px 0;background:url('../images/ms3_bg.jpg') no-repeat center /cover}
    .msec3 .titG .tit{font-size:28px}
    .msec3 .titG .tit:before{content:'';display:block;width:30px;height:2px;background:#ed7001;}
    .msec3 .titG .add{font-size:14px;color:#666}

    .msec3 .infoG p{margin:20px 0;font-size:14px;color:#666;max-width:1200px}
    .msec3 .infoG .more{display:inline-block;margin:20px 0;line-height:35px;border:1px solid #000;width:120px;padding:0 20px;font-size:12px;background:url('../images/ico_arrow2.png') no-repeat 85% center /7px #fff ;transition:0.3s}
    .msec3 .infoG .more:hover{background-position:90% center}

    .msec3 .stepG{margin-top:10px}
    .msec3 .stepG .tit{font-size:18px;color:#002f7b}
    .msec3 .stepG .tit span{display:block}
    .msec3 .stepG .tit span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#3d79da;margin:0 4px}


    .msec4{padding:40px 0;overflow:hidden}
    .msec4 .titG{text-align:center}
    .msec4 .titG:before{content:'';display:block;height:30px;width:2px;background:#ed7001;margin:0 auto}
    .msec4 .titG .add{display:block;font-size:14px;color:#666;margin:20px 0 0}
    .msec4 .titG .tit{font-size:30px}

    .msec4 .infoG{display:flex;justify-content: center;gap:10px;margin:30px 0}
    .msec4 .infoG li{display:flex;justify-content:center; align-items:center;width:160px;line-height:40px;font-size:16px;color:#fff;font-weight:500;border-radius:40px;background:#002f7b}
    .msec4 .infoG li:nth-child(1) i{display:inline-block;width:30px;height:30px;background:url('../images/ico_graph.png') no-repeat center /20px;margin-left:5px}
    .msec4 .infoG li:nth-child(2) i{display:inline-block;width:30px;height:30px;background:url('../images/ico_graph2.png') no-repeat center /22px;margin-left:5px}
    
    .msec4 .swiper-container{margin:40px auto}
    .msec4 .swiper-slide:hover span{bottom:0}
    .msec4 .swiper-slide img{vertical-align: top}
    .msec4 .swiper-slide span{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.5);line-height:30px;text-align:center;font-size:14px;color:#fff;font-weight:500}   

    .msec4 .listG{}
    .msec4 .listG li{width:80%;max-width:400px;margin:15px auto;border:1px solid #ddd;border-radius:10px;padding:20px 0;text-align:center;box-shadow:3px 3px 3px rgba(0,0,0,0.1)}
    .msec4 .listG li .tit{display:block;font-size:20px}
    .msec4 .listG li .tit:after{display:block;content:'';width:30px;height:2px;background:#b9b9b9;margin:10px auto}
    .msec4 .listG li .info{display:block;font-size:14px;margin:10px 0 0}


    .msec5{padding:50px 0;background:#fff}
    .msec5 .container{max-width:1760px}
    .msec5 .titG{text-align:center}
    .msec5 .titG:before{content:'';display:block;width:40px;height:2px;background:#ed7001;margin:15px auto}
    .msec5 .titG .add{display:block;font-size:14px;color:#666;margin:0px 0 0}
    .msec5 .titG .tit{font-size:30px}
    .msec5 .listG{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px 0}
    .msec5 .listG li{width:80%;max-width:400px;text-align:center;/*width:160px*/}
    .msec5 .listG li .thumb{overflow:hidden}
    .msec5 .listG li .thumb img{vertical-align:top; transition:0.3s}
	.msec5 .listG li .thumb:hover img{transform:scale(1.1)}
    .msec5 .listG li .info{font-size:14px;padding:10px 0;background:#fff;border:1px solid #ddd;border-top:0}
    .msec5 .more{text-align:center}
    .msec5 .more a{display:inline-block;line-height:30px;border:1px solid #000;width:120px;padding-right:15px;font-size:13px;background:url('../images/ico_arrow.png') no-repeat 80% center /15px #fff}


		

    .msec6{padding:30px 0;overflow:hidden; background:#f5f5f5}
    .msec6 .container{}
    .msec6 .container > div{}
    .msec6 .h2G{text-align:center}
	.msec6 .inner .tit_add{font-size:14px; padding-bottom:0px}
	.msec6 .inner .fontM { line-height:30px; font-size:22px;}
	.msec6 .inner .add{font-size:16px;}
	.msec6 .inner .btn_more{margin:20px 0 20px}
	.msec6 .inner .btn_more a{display:inline-block;line-height:30px;border:1px solid #643c35;
	padding:0 25px;font-size:14px;color:#643c35;background:#fff;transition:0.3s}    
    .msec6 .map{background:#f5f5f5}
	
	
    .s_con2{padding:40px 0 10px;overflow:hidden}
    .s_con2 .h4G{text-align:center}
	.s_con2 .h4G:before{content:'';display:block;height:20px;width:2px;background:#ed7001;margin:0 auto}
    .s_con2 .h4G h4{font-size:30px}
    .s_con2 .h4G .add{display:block;font-size:14px;color:#666;margin:5px 0 0}
    
    .s_con2 .roll_banner{margin:30px 0 40px}
    .s_con2 .swiper-slide{text-align:center}
    .s_con2 .swiper-slide .thumb{overflow:hidden}
    .s_con2 .swiper-slide .thumb img{transition:0.3s}
    .s_con2 .swiper-slide .thumb:hover img{transform:scale(1.1)}
    .s_con2 .swiper-slide .info{margin:10px 0 0;line-height:1.6}
    .s_con2 .swiper-slide .info .num{font-size:16px;font-weight:600}
    .s_con2 .swiper-slide  .info .desc{font-size:12px;color:#777}
    .s_con2 .swiper-slide  .info .desc span{margin:0 10px}
    .s_con2 .swiper-button-prev{left:-80px;top:40%}
    .s_con2 .swiper-button-next{right:-80px;top:40%}
	
    
}

