@charset "utf-8";

@media screen and (max-width:768px) {
	html{ overflow-x:hidden;}
	body {font-size:0.9rem;}
	.wrap{ width:100%;}
	
	.header {height:60px; overflow:inherit;}
	.header .logo { top:15px; left:10px;}
	.header .logo img{height:30px;}

	.header .lan {height:60px; line-height:60px; right:48px;}
	.header .lan a{font-size:0.9rem;}

	.nav{ display:none;}
	
	.nav-mb{width:100%; height: 100vh; line-height:45px; text-align:center; position: fixed; top:60px; left:0; background:rgba(0,0,0,0.9); z-index:99999;}
	.nav-mb li{display: block; margin:10px 0 0 0; border-bottom:rgba(255,255,255,0.1) solid 1px;}
	.nav-mb li a {display: block; font-size:1rem; color:#fff;}
	.nav-mb li:hover a,
	.nav-mb li.cur a { color:#FF1659}

	.snav_btn { position:absolute; right:10px; top:18px; display:block;height:24px;cursor:pointer;}
	.snav_btn img {width:24px;}


	.banner {background-size: auto 50%; height:300px;}
	.banner img{ margin-top:180px;}
	.banner .txt{top:50%; transform: translate(-50%, -25%);}
	.banner .txt h1{ font-size:1.35rem;}
	.banner .txt div{ margin-top:20px;}
	.banner .txt div a{display: block; width:40%; height: 40px;line-height: 40px; border-radius:40px; font-size: 1rem; margin:20px auto; border-width:1px;}


	.indexTitle span{font-size: 1.25rem;}
	.indexTitle i{ width:1rem;}
	.indexTitle p{font-size: 0.9rem;}
	
	
	.youxi{height: auto; background-position: right 0; padding-top:20px;}
	.youxi .indexTitle{ padding-top:60px;}
	.youxi .youxi-box{ padding:0 0 4rem 0;}
	.youxi .youxi-box .img{ width:100%; text-align: center; margin-top:25px;} 
	.youxi .youxi-box .img img{ width:25%; margin:0 auto;}
	.youxi .youxi-box .txt{ width:100%; font-size:0.9rem; line-height:2; padding:1rem 2rem 0 2rem; text-align:center;}
	.youxi .boat{width:50%;}

	
	.guanyu{height: auto; padding:60px 0 30px 0;}
	.guanyu .txt{font-size:0.9rem; line-height:2; margin:20px 30px;}
	.guanyu img{ width: 30%;}

	.faxing{padding-bottom:30px;}
	.faxing .faxing-box{overflow:hidden; padding-top:60px;}
	.faxing .faxing-ul{ padding:0 1%;}
	.faxing .faxing-ul li{ width:48%; margin:1%; padding:1.5rem 2%;}
	.faxing .faxing-ul li .img{ width:100%; text-align:center}
	.faxing .faxing-ul li .img img{ width:50px;}
	.faxing .faxing-ul li .txt{ width:90%; margin-top:10px;}
	.faxing .faxing-ul li .txt h2{ font-size:1.15rem; text-align:center;}
	.faxing .faxing-ul li .txt p{ font-size:0.8rem; height:125px; line-height:25px; text-align:justify}


	.lianxi{ padding:60px 20px;}
	.lianxi .indexTitle{ margin-bottom:30px;}
	.lianxi .form{ float: none; width:100%;}
	
	.lianxi .lianxi-info{ float: none; width:100%; margin-top:2rem}
	.lianxi .lianxi-info h2{ font-size:0.9rem;}
	.lianxi .lianxi-info dl{ margin-top:30px;}
	.lianxi .lianxi-info dt{ margin-top:20px; font-size:1rem;}
	.lianxi .lianxi-info dd{ font-size:1rem;}


	.footer { padding: 30px 0; font-size:0.85rem;}                                                  
}