
/************************************************
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:35px}
    .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; margin-top:20px}
    .msec2 .more a:hover{padding:0 55px}


    
    .btn_more{margin-top:50px}
    .btn_more a{display:inline-block;line-height:32px;border:1px solid #643c35;padding:0 20px;font-size:14px;color:#643c35;background:#fff;transition:0.3s}    
    .btn_more a i{display:inline-block;vertical-align: middle; font-size:12px;margin-top:-2px;margin-left:10px}
    .btn_more a:hover{background:#643c35;color:#fff}
    
.msec3 li{height:400px;background-attachment: fixed !important;text-align:center;font-weight:700; margin-bottom:10px
; background:url('../images/ms5_bg1.jpg') no-repeat center;}
.msec3 li .tit{font-size:65px;padding-top:80px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,0.9)}
.msec3 li .desc{font-size:26px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,0.9)}
.msec3 li dl{;margin:20px 0;font-size:0}
.msec3 li dd{display:inline-block;margin:0 2px}
.msec3 li dd a{display:block;font-size:18px;min-width:100px;padding:0 40px;line-height:40px;color:#fff;background:rgba(65,57,48,0.9)}
.msec3 li dd a:hover{background:#bb111a}



    
	.msec4{padding:80px 0 30px;overflow:hidden}
    .msec4 .h4G{text-align:center}
	.msec4 .h4G:before{content:'';display:block;height:50px;width:2px;background:#ed7001;margin:0 auto}
    .msec4 .h4G h4{font-size:50px}
    .msec4 .h4G .add{display:block;font-size:20px;color:#666;margin:5px 0 0}

    .msec4 .roll_banner{margin:100px 0}
    .msec4 .roll_banner .thumb{position:relative;width:386px;height:386px;border-radius:50%;margin:0 auto;overflow:hidden}
    .msec4 .roll_banner .thumb img{vertical-align:top;filter:brightness(0.8) blur(5px);;transition: 0.3s}
    .msec4 .roll_banner .info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;transition:0.3s}
    .msec4 .roll_banner .info img{position:relative;top:0;transition:0.5s}
    .msec4 .roll_banner .info span{position:relative;display:block;top:0;font-size:20px;padding-top:10px;transition:0.5s}
    
    .msec4 .roll_banner .swiper-slide:hover .thumb img{transform:scale(1.1);filter:brightness(1) blur(0)}
    .msec4 .roll_banner .swiper-slide:hover .info img{opacity:0;top:-10px}
    .msec4 .roll_banner .swiper-slide:hover .info span{opacity:0;top:10px}
    
    .msec4 .roll_banner .swiper-button-prev{left:-100px;background:url(../images/swiper_prev2.png) no-repeat center}
    .msec4 .roll_banner .swiper-button-next{right:-100px;background:url(../images/swiper_next2.png) no-repeat center}
    
    .msec4 .btn_more{text-align:center}
	
	


    .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:400px}
    .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(100vh - 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:25px;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:30px;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: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:18px;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; margin-top:10px}
    .msec2 .more a:hover{}



	.msec3 {margin:0px  0 0}
	.msec3 li{height:250px/*;background-attachment: fixed !important*/;text-align:center;font-weight:700; margin-bottom:10px
	; background:url('../images/ms5_bg2.jpg') no-repeat center;}
.msec3 li .tit{font-size:28px;padding-top:80px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,0.9); line-height:30px;}
.msec3 li .desc{font-size:16px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,0.9);line-height:30px;}
.msec3 li dl{;margin:20px 0;font-size:0}
.msec3 li dd{display:inline-block;margin:0 2px}
.msec3 li dd a{display:block;font-size:14px;min-width:100px;padding:0 30px;line-height:30px;color:#fff;background:rgba(65,57,48,0.9)}
.msec3 li dd a:hover{background:#bb111a}
	
	
	.msec4{padding:40px 0 10px;overflow:hidden}
    .msec4 .h4G{text-align:center}
	.msec4 .h4G:before{content:'';display:block;height:20px;width:2px;background:#ed7001;margin:0 auto}
    .msec4 .h4G h4{font-size:25px}
    .msec4 .h4G .add{display:block;font-size:16px;color:#666;margin:5px 0 0}

    .msec4 .roll_banner{margin:50px 0}
    .msec4 .roll_banner .thumb{position:relative;width:250px;height:250px;margin:0 auto;border-radius:50%;overflow:hidden}
    .msec4 .roll_banner .thumb img{vertical-align:top/*;filter:brightness(0.8) blur(5px);;*/transition: 0.3s}
    .msec4 .roll_banner .info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;
	transition:0.3s;}
    .msec4 .roll_banner .info img{position:relative;top:0;transition:0.5s}
    .msec4 .roll_banner .info span{position:relative;display:block;top:0;
	font-size:16px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,0.9);
	padding-top:5px;transition:0.5s}
    .msec4 .roll_banner .swiper-slide:hover .thumb img{transform:scale(1.1);filter:brightness(1) blur(0)}
    .msec4 .roll_banner .swiper-slide:hover .info img{opacity:0;top:-10px}
    .msec4 .roll_banner .swiper-slide:hover .info span{opacity:0;top:10px}
    .msec4 .roll_banner .swiper-button-prev{left:-100px;background:url(../images/swiper_prev2.png) no-repeat center}
    .msec4 .roll_banner .swiper-button-next{right:-100px;background:url(../images/swiper_next2.png) no-repeat center}
    .msec4 .btn_more{text-align:center}




    .msec5{padding:50px 0;background:#f5f5f5}
    .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:16px;color:#666;margin:0px 0 0}
    .msec5 .titG .tit{font-size:25px}
    .msec5 .listG{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px 0}
    .msec5 .listG li{text-align:center;width:80%}
    .msec5 .listG li .thumb{}
    .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:16px;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:25px}
    .s_con2 .h4G .add{display:block;font-size:16px;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:10px;top:40%}
    .s_con2 .swiper-button-next{right:10px;top:40%}

	
	.s_con2 .swiper-button-next,
.s_con2 .swiper-button-prev{width:30px;height:30px;top:45%}
.s_con2 .swiper-button-next:after,
.s_con2 .swiper-button-prev:after{font-size:30px}
	   
}



