
/*_pc*/
@media all and (min-width:1025px) {	
	.btn-round{display:inline-block;line-height:55px;padding:0 40px;font-size:16px;color:#fff;border-radius:50px;background:#333}
	.btn-round.color{background:var(--main-color-dark)}
	.btn-round.min{line-height:45px;padding:0 30px;font-size:14px}


	.white{color:#fff}

	.h2_tit{font-size:34px;text-align:center}		  
	.h2_desc{margin:10px 0;font-size:18px;text-align:center;color:#777}


	.msec1{background:#f5f5f5;padding:60px 0}
	.msec1 .swiper{padding:40px 0}
	.msec1 .swiper-slide{border-radius:30px;text-align:center;overflow:hidden}
	.msec1 .swiper-slide img{}
	.msec1 .controls{position:absolute;z-index:10;left:0;width:100%;top:50%}
	.msec1 .swiper-prev,
	.msec1 .swiper-next{position:absolute;width:100px;height:100px;transform:translateY(-50%);cursor:pointer}
	.msec1 .swiper-prev{left:0;background:url('../images/swiper-prev1.svg') no-repeat center;}
	.msec1 .swiper-next{right:0;background:url('../images/swiper-next1.svg') no-repeat center;}




	.msec2{background:url('../images/msec2_bg.png') no-repeat center /cover;padding:70px 0;text-align:center}
	.msec2 .tit{font-size:34px;color:#fff;line-height:1.2}
	.msec2 .desc{font-size:24px;color:#fff;opacity:0.8;margin-top:10px}
	.msec2 .btn-round{margin-top:30px}


	.msec3{background:#f5f5f5;padding:100px 0;}
	.msec3 .swiper-slide{display:flex;border-radius:20px;overflow:hidden}
	.msec3 .swiper-slide .thumb{width:50%}
	.msec3 .swiper-slide .info{width:50%;background:#444;color:#fff;padding:80px 50px}
	.msec3 .swiper-slide .info .tit{font-size:38px;font-weight:700;line-height:1.2}
	.msec3 .swiper-slide .info .desc{margin:30px 0 0;font-size:24px}
	.msec3 .swiper-slide .info .desc b{color:#61E8F8}
	.msec3 .controls{display:flex;gap:0;align-items:center;position:absolute;z-index:10;left:50%;bottom:50px;padding:0 40px;color:#fff;}
	.msec3 .swiper-prev,
	.msec3 .swiper-next{width:20px;height:20px;cursor:pointer}
	.msec3 .swiper-prev{background:url('../images/swiper-prev2.svg') no-repeat center /11px;}
	.msec3 .swiper-next{background:url('../images/swiper-next2.svg') no-repeat center /11px;}
	.msec3 .swiper-paging{width:50px;text-align:center;}



	.msec4{padding:100px 0}		
	.msec4 .swiper-paging{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:50px auto;max-width:900px}
	.msec4 .swiper-paging .swiper-pagination-bullet{width:calc((100% - 10px * 3)/4);border-radius:10px;;height:45px;line-height:45px;background:#f5f5f5;text-align:center;font-size:16px;color:#aaa;margin:0 !important;opacity:1}
	.msec4 .swiper-paging .swiper-pagination-bullet-active{background:#111;color:#fff}

	.msec4 .swiper{width:80%;margin:0 auto}
	.msec4 .swiper-slide{display:flex;padding:50px 0;align-items:center}
	.msec4 .swiper-slide .thumb{order:1;width:45%;text-align:center}
	.msec4 .swiper-slide .info{width:55%}
	.msec4 .swiper-slide .info .tit{font-size:26px;font-weight:600}
	.msec4 .swiper-slide .info .desc{margin:20px 0}
	.msec4 .swiper-slide .info .desc li{margin:10px 0;padding-left:30px;background:url('../images/ic_check.svg') no-repeat 0 0}

	.msec4 .swiper-prev,
	.msec4 .swiper-next{position:absolute;top:50%;width:100px;height:100px;cursor:pointer}
	.msec4 .swiper-prev{left:50px;background:url('../images/swiper-prev3.svg') no-repeat center}
	.msec4 .swiper-next{right:50px;background:url('../images/swiper-next3.svg') no-repeat center}

	.msec4 .swiper-scrollbar{height:3px}
	.msec4 .swiper-scrollbar .swiper-scrollbar-drag{background:var(--main-color-dark)}

	.msec4 .btn-more{margin-top:30px}


	.msec5{background:#f5f5f5;padding:100px 0}
	.msec5 .swiper{margin:50px 0}
	.msec5 .swiper-wrapper{height:350px}
	.msec5.on .swiper-wrapper{height:100%}
	.msec5.on .add{display:none}
	.msec5 .swiper-slide{width:360px;border:1px solid #eee}


	.msec6{background:#1C1533;padding:80px 0}
	.msec6 .swiper{padding:50px 0;width:90%;margin:0 auto}
	.msec6 .swiper-scrollbar{background:#555;height:3px}
	.msec6 .swiper-scrollbar-drag{background:var(--main-color)}


	.msec7{padding:80px 0}
	.msec7 .list{display:flex;gap:16px;flex-wrap:wrap;max-width:1000px;margin:50px auto}
	.msec7 .list li{width:calc((100% - 16px)/2);background-color:#f5f5f5 !important;border-radius:15px;padding:30px}
	.msec7 .list li:nth-child(1){background:url('../images/ic_data.svg') no-repeat calc(100% - 30px) 30px /40px}
	.msec7 .list li:nth-child(2){background:url('../images/ic_tour.svg') no-repeat calc(100% - 30px) 30px /40px}
	.msec7 .list li:nth-child(3){background:url('../images/ic_bisuness.svg') no-repeat calc(100% - 30px) 30px /40px}
	.msec7 .list li:nth-child(4){background:url('../images/ic_export.svg') no-repeat calc(100% - 30px) 30px /40px}
	.msec7 .list .tit{font-size:24px;font-weight:600}
	.msec7 .list .desc{font-size:14px;color:#555;margin:5px 0}
	.msec7 .list a{margin-top:20px}


	.msec8{padding:80px 0;background:#f5f5f5}
	.msec8 .list{display:flex;gap:16px;max-width:900px;margin:50px auto;text-align:center}
	.msec8 .list li{flex:1;border-radius:15px;background:#fff;border:1px solid #ddd;overflow:hidden}
	.msec8 .list li .ico{width:60px;height:60px;margin:0 auto;background-color:#f5f5f5 !important;border-radius:20px}
	.msec8 .list li:nth-child(1) .ico{background:url('../images/ic_brand.svg') no-repeat center /50px}
	.msec8 .list li:nth-child(2) .ico{background:url('../images/ic_global.svg') no-repeat center /50px}
	.msec8 .list li:nth-child(3) .ico{background:url('../images/ic_casting.svg') no-repeat center /50px}
	.msec8 .list li:nth-child(4) .ico{background:url('../images/ic_hand.svg') no-repeat center /50px}
	.msec8 .list .info{padding:30px 20px;height:200px}
	.msec8 .list .tit{font-size:16px;font-weight:600;margin-top:30px}
	.msec8 .list .desc{font-size:14px;color:#555;margin:5px 0}
	.msec8 .list .more{display:block;background:#111;color:#fff;font-size:14px;line-height:50px}


	.msec9{background:url('../images/msec9_bg.png') no-repeat center /cover;padding:70px 0;text-align:center}
	.msec9 .tit{font-size:34px;color:#fff;line-height:1.2}
	.msec9 .desc{font-size:24px;color:#fff;opacity:0.8;margin-top:10px}
	.msec9 .btn-round{margin-top:30px}

}



/*_mobile*/
@media all and (max-width:1024px) {
.btn-round{display:inline-block;line-height:45px;padding:0 30px;font-size:14px;color:#fff;border-radius:50px;background:#333}
	.btn-round.color{background:var(--main-color-dark)}
	.btn-round.min{line-height:40px;font-size:13px;padding:0 20px}


	.white{color:#fff}

	.h2_tit{font-size:24px;text-align:center}		  
	.h2_desc{margin:10px 0;font-size:14px;text-align:center;color:#777}


	.msec1{background:#f5f5f5;padding:10px 0 20px}
	.msec1 .swiper{padding:30px 0}
	.msec1 .swiper-slide{border-radius:15px;overflow:hidden}
	.msec1 .controls{position:absolute;z-index:10;left:0;width:100%;top:50%}
	.msec1 .swiper-prev,
	.msec1 .swiper-next{display:none}



	.msec2{background:url('../images/msec2_bg.png') no-repeat center /cover;padding:40px 0;text-align:center}
	.msec2 .tit{font-size:20px;color:#fff;}
	.msec2 .desc{font-size:14px;color:#fff;opacity:0.8;margin-top:10px}
	.msec2 .btn-round{margin-top:20px}


	.msec3{background:#f5f5f5;padding:50px 0;}
	.msec3 .swiper-slide{border-radius:10px;overflow:hidden}
	.msec3 .swiper-slide .thumb{height:55vw;overflow:hidden}
	.msec3 .swiper-slide .thumb img{width:100%;height:100%;object-fit: cover}
	.msec3 .swiper-slide .info{background:#444;color:#fff;padding:50px 30px 60px}
	.msec3 .swiper-slide .info .tit{font-size:24px;font-weight:700;line-height:1.2}
	.msec3 .swiper-slide .info .desc{margin:20px 0;font-size:16px;min-height:70px}
	.msec3 .swiper-slide .info .desc b{color:#61E8F8}
	.msec3 .controls{display:flex;gap:0;align-items:center;position:absolute;z-index:10;left:0;bottom:30px;padding:0 40px;color:#fff;}
	.msec3 .swiper-prev,
	.msec3 .swiper-next{width:20px;height:20px;cursor:pointer}
	.msec3 .swiper-prev{background:url('../images/swiper-prev2.svg') no-repeat center /11px;}
	.msec3 .swiper-next{background:url('../images/swiper-next2.svg') no-repeat center /11px;}
	.msec3 .swiper-paging{width:50px;text-align:center;}



	.msec4{padding:50px 0}		
	.msec4 .swiper-paging{display:flex;gap:10px 5px;justify-content:center;margin:50px 0 20px;flex-wrap:wrap}
	.msec4 .swiper-paging .swiper-pagination-bullet{flex:1 1 120px;border-radius:10px;height:35px;line-height:35px;background:#f5f5f5;text-align:center;font-size:12px;color:#aaa;margin:0 !important;opacity:1}
	.msec4 .swiper-paging .swiper-pagination-bullet-active{background:#111;color:#fff}

	.msec4 .swiper{width:90%;margin:0 auto}
	.msec4 .swiper-slide{padding:30px 0;align-items:center}
	.msec4 .swiper-slide .thumb{text-align:center;padding:20px}
	.msec4 .swiper-slide .info{text-align:center;}
	.msec4 .swiper-slide .info .tit{font-size:20px;font-weight:600;margin:20px 0}
	.msec4 .swiper-slide .info .desc{margin:20px 0;text-align:left}
	.msec4 .swiper-slide .info .desc li{padding:5px 0;padding-left:30px;background:url('../images/ic_check.svg') no-repeat 0 3px;font-size:14px}

	.msec4 .swiper-prev,
	.msec4 .swiper-next{display:none}

	.msec4 .swiper-scrollbar{height:3px}
	.msec4 .swiper-scrollbar .swiper-scrollbar-drag{background:var(--main-color-dark)}

	.msec4 .btn-round{margin:20px 0}


	.msec5{background:#f5f5f5;padding:50px 0}
	.msec5 .swiper{margin:30px 0}
	.msec5 .swiper-wrapper{height:350px}
	.msec5.on .swiper-wrapper{height:100%}
	.msec5.on .add{display:none}
	.msec5 .swiper-slide{width:280px;border:1px solid #eee}


	.msec6{background:#1C1533;padding:40px 0}
	.msec6 .swiper{padding:50px 0;width:90%;margin:0 auto}
	.msec6 .swiper-scrollbar{background:#555;height:3px}
	.msec6 .swiper-scrollbar-drag{background:var(--main-color)}


	.msec7{padding:40px 0}
	.msec7 .list{display:flex;gap:10px;flex-direction: column;max-width:800px;margin:30px auto}
	.msec7 .list li{width:100%;background-color:#f5f5f5 !important;border-radius:10px;padding:25px}
	.msec7 .list li:nth-child(1){background:url('../images/ic_data.svg') no-repeat calc(100% - 20px) 20px /34px}
	.msec7 .list li:nth-child(2){background:url('../images/ic_tour.svg') no-repeat calc(100% - 20px) 20px /34px}
	.msec7 .list li:nth-child(3){background:url('../images/ic_bisuness.svg') no-repeat calc(100% - 20px) 20px /34px}
	.msec7 .list li:nth-child(4){background:url('../images/ic_export.svg') no-repeat calc(100% - 20px) 20px /34px}
	.msec7 .list .tit{font-size:20px;font-weight:600}
	.msec7 .list .desc{font-size:14px;color:#555;margin:5px 0}
	.msec7 .list a{margin-top:20px}


	.msec8{padding:40px 0;background:#f5f5f5}
	.msec8 .list{display:flex;gap:10px;flex-wrap:wrap;max-width:800px;margin:50px auto;text-align:center}
	.msec8 .list li{width:calc((100% - 10px)/2);border-radius:10px;background:#fff;border:1px solid #ddd;overflow:hidden}
	.msec8 .list li .ico{width:60px;height:60px;margin:0 auto;background-color:#f5f5f5 !important;border-radius:20px}
	.msec8 .list li:nth-child(1) .ico{background:url('../images/ic_brand.svg') no-repeat center /50px}
	.msec8 .list li:nth-child(2) .ico{background:url('../images/ic_global.svg') no-repeat center /50px}
	.msec8 .list li:nth-child(3) .ico{background:url('../images/ic_casting.svg') no-repeat center /50px}
	.msec8 .list li:nth-child(4) .ico{background:url('../images/ic_hand.svg') no-repeat center /50px}
	.msec8 .list .info{padding:30px 20px;height:180px}
	.msec8 .list .tit{font-size:16px;font-weight:600;margin-top:20px}
	.msec8 .list .desc{font-size:14px;color:#555;margin:5px 0}
	.msec8 .list .more{display:block;background:#111;color:#fff;font-size:14px;line-height:50px}


	.msec9{background:url('../images/msec9_bg.png') no-repeat center /cover;padding:40px 0;text-align:center}
	.msec9 .tit{font-size:20px;color:#fff;}
	.msec9 .desc{font-size:14px;color:#fff;opacity:0.8;margin-top:10px}
	.msec9 .btn-round{margin-top:20px}
}
