/* ========== */
/* = RESET = */
/* ========== */
@font-face {
 font-family: 'zyfont';
 src : url('/2018zt/css/FZZYJW.ttf');
}  
/** .TTF或.OTF，适用于Firefox 3.5、Safari、Opera 
*** .EOT，适用于Internet Explorer 4.0+ 
*** .SVG，适用于Chrome、IPhone */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
	/*cursor: url(/2018zt/images/home/hand_ico.ico),auto;*/
}

body {
	min-width: 320px;
	font-size: 14px;
	color: #000;
	font-family: "SimHei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;
	-webkit-overflow-scrolling: touch;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}

ul,ol,li,dl{
  list-style: none;
}

/*RESET A*/
* { text-decoration: none!important;}
a,
a:visited,
a:active,
a:hover,
a:focus { 
	text-decoration:none!important; 
	outline:none; 
	star: expression_r(this.onFocus=this.blur());
}
a {
  color: #000;
}
/* HTML5 RESET THE OLD BROWERS*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }
 
/*CLEAR the FLOAT*/
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}
/* ========== */
/* = MOBILE MAIN = */
/* ========== */
nav{margin:0 auto;max-width:680px;height:auto;}
.gl{color:#48adca;}
.qfont{text-align:center;padding-bottom:0.2rem;font-family:'zyfont';font-size:0.8rem;color:#653d18;}
.button-zx{border-radius:5px;border:2px solid #000;width:100%;margin:0 auto;background:#ffd801;color:#523112;font-size:0.38rem;padding:0.22rem 0.02rem 0.22rem 0.02rem;font-weight:600;letter-spacing:0px;text-align:center;margin-top:25px;}
.bybzbox{width:100%;margin:0 auto;background:#eeeeee;color:#2bccf4;font-size:0.36rem;padding:20px 10px 20px 10px;font-weight:600;letter-spacing:0px;text-align:center;margin-bottom:15px;}
.content{line-height:0.7rem;font-size:0.34rem;letter-spacing:1px;}
.button-box{width:90%;margin:0 auto;}
.cl{clear:both;height:20px;}
.titpic{padding:25px;text-align:center;}
.fl{width:42%;float:left;}
.fr{height:auto;width:58%;float:right;border:2px solid #8a0000;padding:0.23rem 0.6rem 0.23rem 0.6rem;line-height:0.7rem;border-left:0px;}
.tscontit{text-align:center;font-size:0.6rem;font-weight:600;border-bottom:2px solid #2bccf4;color:#2bccf4;padding:5px;}
.tscon{text-align:center;font-size:0.4rem;padding-top:0.1rem;}
.xname{padding:0.23rem 0.05rem 0.23rem 0.5rem;line-height:0.7rem;}
.xtscon{text-align:left;font-size:0.41rem;padding-top:0.1rem;}
.xtit{font-size:0.6rem;padding:6px 0px 5px 0px;display:block;}
.gl2{color:#8a0000;}

/* ========== */
/* = MOBILE FOOTER = */
/* ========== */

.footer{  position: fixed; bottom: 0; left: 0; width: 100%; background: #900000; color: #fff; z-index: 99; }
.footer a{ float: left; display: block; width: 25%; padding: 10px 0; text-align: center; font-size: 24px; line-height: 24px; color: #fff;border-left: 1px solid #a14040; box-sizing: border-box;}
.footer a img {  display: block; margin: 0 auto 10px; max-width: none;}
.footer a i{ position: absolute; top:10px; right:10px; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; background: #e60012; color: #FFFFFF; font-style: normal; font-size:8px;}


@media screen and (max-width: 480px){
	.footer a { font-size: 14px; line-height: 14px;}
	.footer a img {height: 26px; margin-bottom: 5px;}
	
	
}

.mb-message{ padding: 0.933333rem 0.4rem; background: #FFFFFF;}
.mb-message .tit{ margin-bottom:0.666666rem;text-align:center;}
.tit img{max-width: 100%;}
.mb-message .in{ margin-bottom: 0.2rem; width: 100%;}
.mb-message .in input{ width:100%; border: 1px solid #c1c1c1; background: none; padding: 0.266666rem; line-height: 0.5rem; font-size: 0.32rem;}
.mb-message .button input{ border:0px; width: 100%; background: #ffd706; color: #57310d; font-size: 0.38rem; height:1rem; line-height:1rem;}

.bottom-box{ padding: 0.8rem 0.266666rem 2.8rem 0.266666rem; background: #eeeeee; text-align: center; font-size: 0.266666rem; color: #999999; line-height: 0.506666rem;}
.bottom-box .link{ margin-bottom: 0.2rem; }
.bottom-box .link a{ margin:0 0.35rem; color: #333333; font-size: 0.32rem;}
.bottom-box a{  color: #999999;}


.xz-form{ position: fixed; z-index: 99; bottom:0; left:0; width: 100%; box-sizing: border-box; height: 34px;  padding:5px; background: #750000; }
.xz-form .con{ position: relative; height: 24px; padding-right:80px; box-sizing: border-box;}
.xz-form .con .bt{ position: absolute; top:0 ; right:0; border: none; text-align: center; padding:0; width: 80px; height: 24px; text-align: center; background: #2778ff; color: #fff; }
.xz-form .con .in{ float: left; width: 48%; margin-right:2%; height: 24px; line-height: 24px;  padding:0 10px; border: none;box-sizing: border-box;}
.hqkc{border-radius:0px;border:1px solid #ffd801;width:100%;margin:0 auto;background:#ffd801;color:#523112;font-size:0.38rem;padding:0.22rem 0.02rem 0.22rem 0.02rem;font-weight:600;letter-spacing:0px;text-align:center;margin-top:25px;}
.hqkc_tel{border-radius:0px;border:2px solid #ffd801;width:100%;margin:0 auto;background:#ffd801;color:#523112;font-size:0.38rem;padding:0.22rem 0.02rem 0.22rem 0.02rem;font-weight:600;letter-spacing:0px;text-align:center;margin-top:25px;}