* { margin: 0; outline: 0; padding: 0; font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
header,article,footer,nav,section,aside,figure,menu{ display:block;}
a { text-decoration: none;  }
html { height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; padding: 0; width: 100%;  font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; -webkit-touch-callout: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: stretch; position: relative; }
img { -ms-interpolation-mode: bicubic; vertical-align: middle; border: 0 none;max-width: 100%;height: auto;width: auto\9; /* ie8 */}
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
th, td, caption { vertical-align: middle; }
textarea { resize: none; border: 0; padding: 8px 0; border-radius: 0;}
textarea,input{ font-family:Arial, Helvetica, sans-serif}
ul,li { list-style: none; margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal;}
.clr:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clr {*zoom:1;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 ,footer { -webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.cl6{ color:#666;}
.fl{ float:left;}

.fr{ float:right;}

.cl{ clear:both; font-size:0; line-height:0; height:0; width:100%; overflow:hidden;}
.clearfix:after {clear: both;content: " ";display: block;height: 0;}

.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}

.fix{*zoom:1;}

a:link,a:visited{color:#000;text-decoration:none;outline:none;}

a:active,a:hover{color:#000; text-decoration:none;}

/*--线条，处理手机上显示比较细的线条--*/
.line{
    -webkit-border-image: url(../images/line.png) 2 2 2 2;
    -o-border-image: url(../images/line.png) 2 2 2 2;
    border-image: url(../images/line.png) 2 2 2 2;
}

.bg{ background:#fafafa;}

/*导航    开始*/
#box{
	background:none repeat scroll 0% 0%; margin:0px auto;width:100%; max-width:720px; position:relative; padding-top:56px;  
}
.header{
	position: fixed; top:0;
	height: 50px; padding-top:6px;
	background: #4caea4; width:100%; z-index:99999;
}
.logo{
	display: block;
	width:70%;
	height: 46px; background:url(../images/ftlogo.png) no-repeat 5px center;
	background-size: contain;
 
}
 .btn-back{ 
 border: none;
	width: 50px;
	height: 56px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	outline: none;
	background:url(../images/icon-back.png) no-repeat center center;
	background-size: 28%;}
.title_name{ font-size: 1.625em; color:#fff; line-height:50px; text-align:center; display:block;}
.header .search{
	position: absolute;
	top: 0;
	right: 40px;
	z-index: 1000;
	display: block;
	width: 56px;
	height:56px;
	text-indent: -9999em;
	background: url(../images/icon-search.png) no-repeat center center;
	background-size: 40%;
}

.header .search-in-box{
	position: relative;
	width: 100%;
	height: 60px;
	top:0;
	left: 0;
	z-index: 999;
	background: #fff;
	display: none;
}
.header .search-in{
	position: absolute;
	top:10px;
	left: 2.5%;
	width: 95%; height:45px;
	line-height: 45px;
	border-width: 0 0 1px 0; 
	border-color: #ccc; 
	border-style: solid; 
	border-radius: 0;
	font-size: 1.25em;
}
.header .search-in-btn{
	position: absolute;
	top: 15px;
	right:4%;
	font-size: 1.25em;
	line-height:34px; color:#fff;  background:#4caea4; border:0; width:60px; height:34px; border-radius:5px;
}

.menubtns{	
	border: none;
	width: 56px;
	height: 56px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	outline: none;
	background: #4caea4 url(../images/menu-button-bg.png) no-repeat center center;
	background-size: 50%;}
.leftMenu a {
    text-decoration: none;
    display: block;
}

.leftMenu {
    background: #f1f1f1;
    left: -1000px;
    position: fixed;
    top:56px;
    display: none;
    height: 100%;
    width: 68%;
    min-width: 140px;
    max-width: 440px;
    z-index: 90002;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    position: fixed;
    overflow: auto; padding:0;
}


.leftMenu.menu-open {
    left: 0; display: block;
}
.menu{
display: none; 
}

.leftMenu ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
}

.leftMenu ul li {
    position: relative;
    padding: 8px 0 5px 20px;
    overflow:hidden;    font-size: 1.25em; line-height:30px; border-bottom:1px solid #dedede;border-top:1px solid #fff;
}
   
.leftMenu ul li.hasChild > a:after {
    content: "+";
    position: absolute;
    right: 20px;
    top:5px;
    font-size:1.75em;
    font-weight: 300;
}

.leftMenu ul li.hasChild.open > a:after {
    content: "-";
    right: 20px;
    font-size:2.125em;
    top:5px;
}

.f2, .f3 {
    height: 0;
    padding-left: 15px;
    overflow: hidden;
    position: relative;
    transition: height 0.4s ease;
    -moz-transition: height 0.4s ease;
    -webkit-transition: height 0.4s ease;
    -o-transition: height 0.4s ease;
}.f2 ul li{ border-bottom:0;border-top:0;}
.f2 ul li a{  font-size: 0.75em; line-height:22px; display:block;  padding: 4px 0 2px 5px;}
.menu-dark-backdrop {
    background: rgba(0,0,0,0);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom:0;
    overflow: hidden;
}

    .menu-dark-backdrop.in {
        height: 100%;
        z-index: 90001;
        background: rgba(0,0,0,0.5);
    }


/*foot*/
.foot{
	width: 100%;
	background-color: #4caea4;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	font-size: 1em;
	color: #fff;
	line-height: 22px;
}
.foottop{ border-bottom:1px solid #5acec2;paading-top: 15px 0;}
.copyright{ border-top:1px solid #0a877a; text-align:center;line-height:22px; padding:10px 15px;}
.foot_nav{	font-size: 1.125em;
	width: 96%;
	margin: 0 auto;
	margin-top: 10px;
	overflow: hidden;
	text-align:left; margin-bottom:10px ;
}
.foot_nav dt{font-size: 1.125em; line-height:25px; margin-bottom:5px; }
.foot_nav dd { padding:0 10px;}
.foot_nav dd a{
	color: #fff;
	display: block; width:50%; float:left;
}