@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0}
body{color:#333;font-family:Microsoft Yahei;font-size:.6rem;min-width:320px;max-width:640px;margin:0 auto;overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%;}
ol, ul, li, dl, dt, dd { list-style:none; }
a{text-decoration:none;border:none;color:#333}
a:hover{text-decoration:underline;text-decoration:none}
li,ul{list-style:none}
em,i{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
img{border:none;vertical-align:middle}
.clearfix{zoom:1;display:block}
.clearfix:after{content:"";height:0;display:block;clear:both;visibility:hidden}
.layout{width:16rem;margin:0 auto;background:#fff;overflow:hidden}
.clear{zoom:1;clear:both}
.clear:after{height:0;display:block;content:"\20";clear:both}
.fl{float:left}
.fr{float:right}
.mc{margin:0 auto}
.dis-inline{display:inline-block;vertical-align:middle}
.text-center{text-align:center}


.container{ width:100%;}

.top-swt { width:100%; position:fixed; top:0px; left:0; z-index:9999; overflow:hidden; text-align:center; background:#ff6005;}
.top-swt a { display:block; max-width:640px; min-width:320px; margin:10px auto;}
.top-swt a img{width:640px;height:60px;}
.h80 {width:100%; height:80px; margin:0; overflow:hidden;}
@media screen and (min-width:320px) and (max-width:640px){
.top-swt a {margin:5px auto;}
.top-swt a img{width:320px;height:30px;}
.h80{height:40px;}
}
.logo { width:100%;max-width:640px; margin:0 auto; overflow:hidden;text-align:center;}
.logo img{ width:100%; height:100%;}
/*topnav*/
.top_nav{width:100%; max-width:640px; background:#fff; margin:0 auto; overflow:hidden;}
.top_nav ul{width:100%;height:auto;overflow:hidden}
.top_nav ul li{width:24.2%;float:left;margin-left:1%;background:#ff6005;text-align:center;margin-top:1%;}
.top_nav ul li:nth-child(1){margin-left:0;}
.top_nav ul li:nth-child(5){margin-left:0;}
.top_nav ul li:nth-child(4){float:right;}
.top_nav ul li:last-child{float:right;width:24%;}
.top_nav ul li a{display:block;width:100%;height:60px;color:#fff;line-height:60px;font-size:24px;}
@media screen and (min-width:320px) and (max-width:640px){
.top_nav ul li a{height:30px;line-height:30px;font-size:14px;}
}
.banner{width:100%; max-width:640px; margin:1% auto; overflow:hidden;}
.banner img{ width:100%;}


.al_tit {width:100%;max-width:640px; height:100px; background-color:#ff6005; margin:0 auto; overflow:hidden; text-align:center;}
.al_tit h2 {font-size:28px;color:#ffffff;font-weight:bold; padding-top:2%;}
@media screen and (min-width:320px) and (max-width:640px){
.al_tit {height:50px;}
.al_tit h2 {font-size:16px; padding-top:1%;}
}


.ychz{width:100%; max-width:640px; margin:0 auto 3%; overflow:hidden;}
.ychz img{ width:100%;}
.ychz ul li{ font-size:20px; color:#000000; line-height:36px; text-indent:2em; text-align:left; padding:3% 3%;}
@media screen and (min-width:320px) and (max-width:640px){
.ychz ul li{ font-size:13px;line-height:20px;}
}


.xh_wp05 { height:auto; overflow:hidden; zoom:1;}
.ban_gl{ width:640px; margin:20px auto;}
.ban_dh{ width:640px; margin:20px auto;}
@media screen and (min-width:320px) and (max-width:640px){
.xh_wp05 { height:auto; overflow:hidden; zoom:1;}
.ban_gl{ width:320px; margin:10px auto;}
.ban_gl img{ width:100%;}
.ban_dh{ width:320px; margin:10px auto;}
.ban_dh img{ width:100%;}
}

/*底部*/
.looter_bm { position:relative; padding:0 0 20px 0; margin-bottom:80px;}
.looter_bm img { width:100%;}
.loot_conter { width:62.56%; position:absolute; top:5%; right:0%;}
.loot_conter h3 { font-size:20px; font-weight:400; margin-top:20px;}
.loot_conter h3 span { width:11%; display:inline-block; float:left; margin-top:2%; margin-right:2%;}
.loot_conter h3 font{font-size:18px; text-indent:3em; display:inline-block;}
.shi{font-size:28px;}
.lb_footer_btn { height:auto; overflow:hidden; margin-top:20px;}
.lb_footer_btn img { width:43%; margin-right:5%;}
@media screen and (min-width:320px) and (max-width:640px){
.looter_bm { padding:0 0 10px 0; margin-bottom:40px;}
.loot_conter h3 { font-size:12px; margin-top:10px;}
.loot_conter h3 font{font-size:12px;}
.shi{font-size:14px;}
.lb_footer_btn {margin-top:10px;}
}