    @keyframes moving{
      0%{transform:translateY(0px)}
      50%{transform:translateY(10px)}
   }


/*pc*/
@media all and (min-width:1281px) {	 
	.h2G{text-align:center}
    .h2G .tit_add{font-size:20px}
    .h2G h2{font-size:55px;margin:10px 0 20px}
    .h2G .add{font-size:20px;line-height:1.6}
    .h2G .add.s{font-size:16px}


    .msec1{position:relative;}
    .msec1 .swiper-container{padding-bottom:0}
    .msec1 .swiper-pagination-bullets{bottom:300px}
    .msec1 .swiper-slide{height:100vh;background-size:cover !important;overflow:hidden}
    .msec1 .swiper-slide .bg{position:absolute;left:0;top:0;width:100%;height:100%;transition:10s}
    .msec1 .swiper-slide-active .bg{transform:scale(1.1)}
    .msec1 .slogan{position:absolute;z-index:10;top:35%;width:100%;text-align:center}
    .msec1 .slogan .text1{display:block;margin-top:10px;opacity:0;font-size:30px;color:#fff;line-height:1.6;transition:0.5s 1s}
    .msec1 .slogan .text2{display:block;margin-top:10px;opacity:0;font-size:80px;font-weight:900;color:#fff;padding:20px 0;transition:0.5s 1.8s}
    .msec1 .swiper-slide-active .slogan .text1{margin-top:0;opacity:1}
    .msec1 .swiper-slide-active .slogan .text2{margin-top:0;opacity:1}
    .msec1 .swiper-button-prev{background:url(../images/swiper_prev3.png) no-repeat center;width:100px;height:100px}
    .msec1 .swiper-button-next{background:url(../images/swiper_next3.png) no-repeat center;width:100px;height:100px}
    .msec1 .scroll{position:absolute;z-index:10;left:0;width:100%;bottom:60px;text-align:center;text-align:center;animation:moving 2s infinite}


    .msec2{background:#f5f5f5;padding:80px 0}
	
    .msec2 .h2G{color:#363636}
    .msec2 .h2G .add{position:relative;}
    .msec2 .h2G .add:before{display:inline-block;content:'';position:absolute;left:50%;transform:translateX(-50%);top:50%;width:50%;border-top:1px solid rgba(0,0,0,0.1)}
    .msec2 .h2G .add span{display:inline-block;position:relative;background:#f5f5f5;padding:0 50px}
    
    .msec2 .roll_banner{margin:80px 0}
    .msec2 .swiper-slide{background:#fff;padding:40px 30px;text-align:center}
    .msec2 .swiper-slide .tit{margin:20px ;color:#5d6576 ; text-align:center}
    .msec2 .swiper-slide .tit .name{font-size:24px}
    .msec2 .swiper-slide .tit .add{font-size:36px}
    .msec2 .swiper-slide .thumb{overflow:hidden}
    .msec2 .swiper-slide .thumb img{transition:0.3s}
    .msec2 .swiper-slide .thumb:hover img{transform:scale(1.1)}
    .msec2 .swiper-slide .info{margin:20px 0 0;text-align:center;line-height:1.8; font-size:20px}
    .msec2 .swiper-slide .info num{}
    .msec2 .swiper-slide  .info .desc{}
	
    .msec2 .swiper-button-prev{left:-80px}
    .msec2 .swiper-button-next{right:-80px}
    
    /*.msec2 .swiper-pagination{ bottom:-50px; left:40%}*/
	
	
	.msec3{overflow:hidden}
    .msec3 .container{max-width:100%;padding:120px 0}    
    .msec3:before{display:block;content:'';position:absolute;left:0;width:100%;height:425px;background:#7ca688;}
    .msec3 .h2G{float:left;width:25%;color:#fff;text-align:left;margin-top:50px;margin-left:10%}
    .msec3 .h2G .btn_more{margin-top:200px}
    
    .msec3 .roll_banner{float:right;width:65%}
    .msec3 .roll_banner .thumb{overflow:hidden}
    .msec3 .roll_banner .thumb img{vertical-align:top;transition: 0.3s}
    .msec3 .roll_banner .thumb:hover img{transform:scale(1.1)}
    .msec3 .roll_banner .info{margin:20px 0;text-align:right;font-size:24px;font-weight:600}
    .msec3 .swiper-button-prev{left:0%;margin-top:35px;background:url(../images/swiper_prev.png) no-repeat center}
    .msec3 .swiper-button-next{left:60px;margin-top:35px;right:auto;background:url(../images/swiper_next.png) no-repeat center}
    
    .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}
    

	
	
	
	
    .msec5{padding:30px 0;overflow:hidden}
    .msec5 .container{display:flex;max-width:100%}
    .msec5 .container > div{flex:1}
    .msec5 .h2G{display:flex;justify-content:center; text-align:left}
    .msec5 .map{background:#f5f5f5}
	
	
		
    .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}
	

}



/*mobile*/
@media all and (max-width:1280px) {
.h2G{text-align:center}
    .h2G .tit_add{font-size:12px}
    .h2G h2{font-size:28px;margin:5px 0 10px}
    .h2G .add{font-size:14px;line-height:1.6}
    .h2G .add.s{font-size:12px}
    
    .btn_more{margin:20px 0}
    .btn_more a{display:inline-block;line-height:30px;border:1px solid #643c35;padding:0 15px;font-size:12px;color:#643c35;background:#fff;transition:0.3s}    
    .btn_more a i{display:inline-block;vertical-align: middle; font-size:11px;margin-top:-2px;margin-left:5px}
    .btn_more a:hover{background:#643c35;color:#fff}


    .msec1{position:relative;}
    .msec1 .swiper-container{padding-bottom:0}
    .msec1 .swiper-pagination-bullets{bottom:10px}
    .msec1 .swiper-slide{/*height:calc(100vh - 60px);background-size:cover !important;overflow:hidden*/}
    .msec1 .swiper-slide .bg{position:absolute;left:0;top:0;width:100%;height:100%;transition:10s}
	.msec1 .swiper-slide img{width:100%}
    .msec1 .swiper-slide-active .bg{transform:scale(1.1)}
    .msec1 .slogan{position:absolute;z-index:10;top:25%;width:100%;text-align:center}
    .msec1 .slogan .text1{display:block;margin-top:10px;opacity:0;font-size:16px;color:#fff;line-height:1.6;transition:0.5s 1s}
    .msec1 .slogan .text2{display:block;margin-top:10px;opacity:0;font-size:30px;font-weight:900;color:#fff;padding:10px 0;transition:0.5s 1.8s}
    .msec1 .swiper-slide-active .slogan .text1{margin-top:0;opacity:1}
    .msec1 .swiper-slide-active .slogan .text2{margin-top:0;opacity:1}
    .msec1 .swiper-button-prev{background:url(../images/swiper_prev3.png) no-repeat center /cover;width:50px;height:50px}
    .msec1 .swiper-button-next{background:url(../images/swiper_next3.png) no-repeat center /cover;width:50px;height:50px}
    .msec1 .scroll{position:absolute;z-index:10;left:0;width:100%;bottom:30px;text-align:center;animation:moving 2s infinite}
    .msec1 .scroll img{width:70px}
    

    .msec2{background:#f5f5f5;padding:40px 0}
    .msec2 .h2G{color:#363636}
    .msec2 .h2G .add{position:relative;}
    .msec2 .h2G .add:before{display:inline-block;content:'';position:absolute;left:50%;transform:translateX(-50%);top:50%;width:80%;border-top:1px solid rgba(0,0,0,0.1)}
    .msec2 .h2G .add span{display:inline-block;position:relative;background:#f5f5f5;padding:0 25px}
    
    .msec2 .roll_banner{margin:40px 0}
    .msec2 .swiper-slide{background:#fff;padding:20px 15px}
    .msec2 .swiper-slide .tit{margin:5px;color:#5d6576}
    .msec2 .swiper-slide .tit .name{text-align:center}
    .msec2 .swiper-slide .tit .add{font-size:18px}
    .msec2 .swiper-slide .thumb{overflow:hidden}
    .msec2 .swiper-slide .thumb img{transition:0.3s}
    .msec2 .swiper-slide .thumb:hover img{transform:scale(1.1)}
    .msec2 .swiper-slide .info{margin:10px 0 0;text-align:center;line-height:1.6}
    .msec2 .swiper-slide .info num{font-size:105px}
    .msec2 .swiper-slide  .info .desc{font-size:14px}
    .msec2 .swiper-button-prev{left:-40px}
    .msec2 .swiper-button-next{right:-40px}
    
     /*.msec2 .swiper-pagination{ bottom:-50px; left:30%}*/
    
    .msec3{overflow:hidden}
    .msec3 .container{max-width:100%;padding:60px 3%}    
    .msec3:before{display:block;content:'';position:absolute;left:0;width:100%;height:300px;background:#d7b189;}
    .msec3 .h2G{color:#fff;text-align:center}
    .msec3 .h2G .btn_more{}
    
    .msec3 .roll_banner{}
    .msec3 .roll_banner .thumb{overflow:hidden}
    .msec3 .roll_banner .thumb img{vertical-align:top;transition: 0.3s}
    .msec3 .roll_banner .thumb:hover img{transform:scale(1.1)}
    .msec3 .roll_banner .info{margin:10px 0;text-align:right;font-size:14px;font-weight:600}
    .msec3 .swiper-button-prev{left:0%;margin-top:35px;background:url(../images/swiper_prev.png) no-repeat center}
    .msec3 .swiper-button-next{left:60px;margin-top:35px;right:auto;background:url(../images/swiper_next.png) no-repeat center}
    
    
    
    .msec4{padding:50px 0;background:#f5f5f5}
    .msec4 .container{max-width:1300px}   

    
    .msec4 .roll_banner{margin:50px 0}
    .msec4 .roll_banner .thumb{position:relative;width:340px;height:340px;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:12px;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:30px 0;overflow:hidden}
    .msec5 .container{}
    .msec5 .container > div{}
    .msec5 .h2G{text-align:center}
    .msec5 .map{background:#f5f5f5}
	
	
	
	    .msec6{padding:30px 0;overflow:hidden; background:#effbf3}
    .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}
	

}




