@charset "utf-8";
/* CSS Document */
body {max-width: 100%; overflow-x: hidden; font: 18px/36px "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif;
background-color: #ebe9cb;
}
*{ margin: 0; padding: 0; }
img { border: none; max-width: 100%; }
a { color: #2b2a3c; text-decoration: none; }
a:hover { text-decoration: none; }
a , area { blr: expression(this.onFocus=this.blur()); }
ul , ol , li { list-style: none; }

.fl { float: left; } 
.fr { float: right; }
.clearfix::after { display: block; content: ''; height: 0; font-size: 0; clear: both; }
.clearfix { zoom: 1;}
.clear { height: 0; width: 100%; overflow: hidden; font-size: 1px; line-height: 0; visibility: hidden; }
.Width{ width: 1190px; margin: 0 auto; }
.hide , .onlymob { display: none; }
.container{ width:1200px; margin:0 auto; position:relative; box-sizing: border-box }
.container::after { display: block; content: ''; height: 0; font-size: 0; clear: both; }

/* 通用头部 */
.ht_top {width: 100%; overflow: hidden;background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;line-height: 41px; }
.ht_top .zt_top {width: 1200px; height: 41px; margin: 0 auto; }
.ht_top h1 {float: left; }
.ht_top h1 a {float: left; width: 131px; height: 40px; overflow: hidden;background: url(https://www.huatu.com/z/topfooter/images/logo.gif) no-repeat;font-size: 12px; text-indent: -100em; }
.ht_top .topnav {float: right; color: #333; font-size: 12px; }
.ht_top .topnav a {padding: 0 8px; }
.ht_top .topnav a:hover {color: #e4393c; text-decoration: underline; }

/* 通用底部 */
.footer { clear: both; position: relative; padding: 30px 0; text-align: center; }
.footer p { position: relative; z-index: 2; color:#333; font-size: 16px; line-height: 30px; }
.footer p span { padding: 0 5px; }
.footer p a { color:#333; }

.banner_box{width: 100%;height: 475px;background: url("../images/banner_bg.jpg") center top no-repeat;background-size: 100%;}

.box_title{line-height: 80px;text-align: center;font-size: 50px;color: #542808;margin-top: 40px;}
.box_title span{color: #ff5a11;}
.box_list li{width: 270px;height: 360px;float: left;margin:25px 15px;box-sizing: border-box;padding: 15px 0;border-radius: 20px;text-align: center;}

/* .box_list li:nth-child(4n){background: url("../images/box_bg1.png");background-size: 100% auto;}
.box_list li:nth-child(4n+1){background: url("../images/box_bg2.png");background-size: 100% auto;}
.box_list li:nth-child(4n+2){background: url("../images/box_bg3.png");background-size: 100% auto;}
.box_list li:nth-child(4n+3){background: url("../images/box_bg4.png");background-size: 100% auto;} */

.box_list_title{line-height: 50px;color: #d54701;font-size: 24px;margin-bottom: 15px;font-weight: normal;}
.box_list_title::before,.box_list_title::after{content: '';display: inline-block;vertical-align: middle;width:8px;height:8px;background:rgba(255,255,255,1);border:4px solid rgba(255, 238, 68, 0.5);border-radius:50%;margin: 0 8px;}
.box_list li a{display: block;margin: 0 auto 15px auto;width:250px;height:240px;background:rgba(255,238,68,1);box-shadow:0px 3px 25px 0px rgba(213,71,1,1);border-radius:20px;line-height: 40px;color: #542808;font-size: 18px;}
.box_list li a:hover{background: #FEF380;}

.fixed_left{display: none;position: fixed;left: 10px;top: 50%;transform: translateY(-50%);width:160px;background:linear-gradient(45deg,rgb(255, 90, 17),rgb(255, 155, 10));border-radius:10px;}
.fixed_left li{width: 100%;text-align: center;line-height: 65px;border-bottom: 1px solid #fff;font-size: 18px;}
.fixed_left li:hover{background: url("../images/lleft_list_bg.png") center center no-repeat;background-size: 100%;}
.fixed_left li a{display: block;width: 100%;}
.fixed_left li a img,.fixed_left li a span{display: inline-block;vertical-align: middle;color: #fff;margin: 0 5px;}
.fixed_left li a img{width:25px;height:25px;}

.a_title{width: 425px;margin: 0 auto;}
.a_title img{width: 100%;margin: 0 auto;display: block;}
.qqlist {width: 100%;margin: 20px auto 0;position: relative;}
.qqlist .lis {float: left;width: 10%;height: 62px;background: #ff9b0a;font-size: 22px;color: white;margin-right: 1%;text-align: center;line-height: 62px;margin-bottom: 18px;border-radius: 8px;cursor: pointer;}
.qqlist .lis:hover {background: #ff5a11;}
.qqlist .act {background: #ff5a11;}
.qqlist .add-cur {background: #ff5a11;}
.qqlist .address {clear: both;margin-bottom: 18px;background: #ff5a11;width: 100%;height: 150px;overflow: hidden;}
.qqlist .address ul li:nth-child(1) {display: block;}
.qqlist .address ul li {padding: 20px;display: none;}
.qqlist .address ul li .a-left p,.qqlist .address ul li .a-left a {line-height: 35px;font-size: 18px;color: #fff;}
.qqlist .address ul li .a-left .add-info{margin-top: 20px;}
.qqlist .address ul li .a-left a {border-bottom: 1px solid #333 ;}
.qqlist .address ul li .a-right {margin-left: 20px;}
.qqlist .address ul li .a-right img {width: 110px;height: 110px;display: inline-block;margin-left: 100px;}

.m-footer{display: none;}

@media only all and (max-width:1200px){.onlymob{display: block;}
	html{font-size: 20px;}
	body{max-width: 18.75rem; font-size: .7rem; line-height: 1.2rem;}
	html,body{-webkit-tap-highlight-color: rgba(0,0,0,0);}
	.container{width: 18rem;}

	/* 隐藏元素 */
	.ht_top .topnav a:nth-child(n+2),.banner .icon01,.banner .icon02,.banner .icon03,.banner .icon04,.banner .icon05,.pc,.onlypc,.footer{display: none;}

	/* 通用头部 */
	.ht_top{height: 2.5rem; background-size: auto 100%; line-height: 2.5rem;}
	.ht_top h1 a{height: 2.5rem; width: 7.5rem; background: url(https://www.huatu.com/images/2015css/images/mob_logo.png) no-repeat center / contain;}
	.ht_top .topnav{font-size: .8rem; text-indent: -1000rem;}
	.ht_top .topnav a{padding: 0 0 0 0.3rem; text-indent: 0; float: right; word-break: keep-all;}

	.banner_box{height: 8rem;background: url("../images/mbanner_bg.png") center top no-repeat;background-size: 100%;}

	.box_title{line-height: 3rem;font-size: 1rem;margin-top: 0;}
	.box_list li{width: 8.5rem;height: 9.75rem;margin: .5rem .25rem;padding: .25rem 0;border-radius: .75rem;}
	.box_list_title{line-height: 1.75rem;font-size: 1rem;margin-bottom: .5rem;}
	.box_list_title::before,.box_list_title::after{width:.25rem;height:.25rem;border:.15rem solid rgba(255, 238, 68, 0.5);margin: 0 .25rem;}
	.box_list li a{margin: 0 auto .5rem auto;width:5rem;box-shadow:0px 3px .75rem 0px rgba(213,71,1,1);border-radius:.75rem;line-height: 1.25rem;font-size: .75rem;}

	.fixed_left{left: 0; top: 50%;transform: translateY(-50%);width:6rem;border-radius:.5rem;}
	.fixed_left li{line-height: 2rem;font-size: .75rem;}
	.fixed_left li a img,.fixed_left li a span{margin: 0 .25rem;}
	.fixed_left li a img{width:.75rem;height:.75rem;}
	
	.m-footer{display: block;color: #fff;text-align: center;height: 2.5rem;width: 100%;font-size: 0.7rem;line-height: 2.5rem;background-color: #333;}
	
	.address_box{margin-bottom: .75rem;}
	.a_title{width: 100%;}
	.a_title img{width: 100%;margin: 0 auto;display: block;}
	.qqlist {width: 100%;margin-top: .5rem;}
  	.qqlist .lis{height: 1.5rem;font-size: 0.75rem;line-height: 1.5rem;margin-bottom: 0.45rem;width: 19%; border-radius: 0.2rem;cursor: pointer;}
    .qqlist .address {margin-bottom: 0;height: 4.5rem;}
    .qqlist .address ul li {padding: 0.25rem;}
	.qqlist .address ul li .a-left p,.qqlist .address ul li .a-left a {line-height: .75rem;font-size: 0.35rem;}
	.qqlist .address ul li .a-left .add-info{margin-top: .35rem;}
    .qqlist .address ul li .a-right {margin-right: 2rem;float: right;}
	.qqlist .address ul li .a-left {width: 50%;float: left;}
    .qqlist .address ul li .a-right img {width: 3rem;height: 3rem;margin-left: 1rem;margin-top: .25rem;}
	
	
}