@charset "utf-8";

@media only screen and (min-width:320px){
  body{font-size:11.5px!important}
  .viewport{max-width:320px}
}
@media and (min-width:360px){
  body{font-size:12.5px!important}.viewport{max-width:360px}
}
@media and (min-width:480px){
  body{font-size:16px!important}.viewport{max-width:480px}
}
@media only screen and (min-width:640px){
  body{font-size:24px!important}.viewport{max-width:640px} .spic{ height:350px;}
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0;padding:0;}
* { margin:0px; padding:0px;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}

a { text-decoration:none; color:#303030;}
a.red { color:#F00; font-weight:bold;}
.clearfix:after {clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden; margin:0px; padding:0px;}
.clearfix {display:inline-block;}
.clearfix {display:block;}

.head { position: relative; width:100%; min-height:65px; }
.head .t img { width:100%; height:auto; display:block;}
.head .nav { width:15%; position:absolute; right:2%; top:10%;}
.head .nav .menu img { width:100%; height:auto; display:block;}
		#menulist { width:100%; position:relative;}
		#menulist .close { width:100%; text-align:right; z-index:9999; position:absolute; right:25px; top:-90px;}
#menulist ul { position: absolute; width: 200%; right: 5%; top:105%;z-index:9999;}
#menulist ul li { position: relative;  width: 100%; height: 60px; line-height: 60px; background-color:#ffffff; border-bottom:2px solid #f1f1f1; text-align: right; padding:5% 0px; }
#menulist ul li a { font-size:30px; margin-right: 10%; font-family:"微软雅黑";}
		#menulist ul li ul{display:none;}
		#menulist ul li:hover ul{display:block;}
		#menulist ul li ul { position: absolute; width: 100%; left: -100%; top:0%;}
		#menulist ul li ul li { width: 100%; height: 55px; line-height: 55px; background-image:url("nav_2_tl.png"/*tpa=http://m.clevertree.cc/img/nav_2_tl.png*/); -moz-background-size: 100% 100%; text-align: right;}
		#menulist { position:relative; display:none; }
        #menulist.block { display:block;}


.banner { width:100%; margin:0px auto;}
.banner img { width:100%; height:auto; display:block;}





.pf { position:fixed; bottom:-1px; width:100%; margin:0px auto;  background-repeat:repeat-x; }
.pf ul { width:100%; margin:0px auto;}
.pf ul li { float:left; width:25%; text-align:center; background-image:url("foot_line.gif"/*tpa=http://m.clevertree.cc/img/foot_line.gif*/); background-repeat:no-repeat; background-position:center right;}
.pf ul li a { display:block; border-right:2px solid #e1e1e1;}
.pf ul li img { width:100%; height:auto; display:block;}

.footer { width:100%; margin:0px auto; position:relative; font-size:36px; }
.footer .tl { width:100%; height:auto; margin:0px auto; position:absolute; top:-20%;}
.footer .tl img { width:100%; height:auto; display:block;}
.footer .cont { width:100%; margin:0px auto; padding-bottom:10%; }
.footer .cont p { padding: 5% 0px; color:#4e4e4e; letter-spacing:1px; text-align:center; color:#666666; font-family:"微软雅黑";}