@charset "utf-8";
* { margin: 0 auto; }
#wrap { width: 100%; min-width: 1200px; margin: 0 auto; }
/*----header*/
.header { width: 100%; min-width: 1200px; background: #f5f5f5; height: 185px; }
.head { width: 1200px; margin: 0 auto; height: 185px; position: relative;  }
/*登录注册*/
.iconbg{width:100%; z-index:999999;    position: relative;height:100px;}
.icon { margin:30px 0; width: 178px; text-align:right; height: 38px;  float: right; z-index:999999;    position: relative; }
.icon>li { width: 38px; height: 38px; margin-right: 8px; float: left; }
.icon>li>a{ display:block;}
.head .icon>li.iconlast{ display:none;}
.nav_m{ display:none;}
.nav_list { padding: 10px 0; display:none;position: absolute; top: 94px;right: 0; width: 100%; background-color: rgba(255,255,255,0.8); z-index: 999;}
.nav_list li{ line-height:35px; width:100%; text-align:center;}
.nav_list li a{ display:block; color:#888;}
.nav_list li a:hover{ color:#fce488}
/*登录注册 end*/
.form_h{ display:none; width:270px; height:30px; position:absolute; top:40px; right:0px;}
.form_h p{ border:1px solid #ccc; width:270px; height:30px; background:#fff;}
.text{ width: 230px; height:30px; border:none; color:#aaa;}
.sub{ background:url(../images/head/s.png) center center no-repeat;  width: 30px; /* padding-right:5px; */ height:30px; border:none; z-index:999;}

/*nav*/
.nav { width: 1200px; overflow: hidden; position:absolute; top:0; }
.nav ul { overflow: hidden; position:relative; }
.nav ul li { float: left; width: 150px; height:185px; }
.nav ul li .navli { background-repeat: no-repeat; background-position: 15% center; text-indent:13%; height:36px; margin:120px auto 0;width: 100px; padding-left: 50px; font-size: 15px; }
.navli span { display: block; color: #999; font-size: 11px; }
.lavaLamp li.back {z-index: 1; position: absolute;  width: 150px; background:url(../images/head/logo.png) no-repeat center center; HEIGHT: 185px }
.lavaLamp li a { z-index: 2; position:  relative; display: block; color:#555555;}
/*nav end*/
.logo{ display:none; width:40%; float:left; height:94px; }
.logo img{ width:100%; height:100%;}
/*----header end*/


/*----footer*/
.footer{width:100%;/* height:560px; */background:#1a1a1a;}
.foot{ width:1200px; margin:0 auto;}
.foot_top{ width:1200px; height:390px; position:relative; top:-52px; left:0; overflow:hidden;}
.code{ float:left; width:264px; height:300px; padding:50px 40px; background:#333;}
.site_code{ overflow:hidden;}
.site_code img{ width:112px; height:112px; border:5px solid #fff; float:left;}
.code1{ margin-right:20px;}
.site_zhc{ overflow: hidden; margin:45px auto;}
.site_zhc a{ display:inline-block; width:100px; height:34px; line-height:34px; text-indent:1.5em; background:url(../images/footer/foot2.png) 15px center no-repeat #cacaca; padding-left:22px;}
a.zhc1{ margin-right:20px;  background:url(../images/footer/foot1.png) 15px center no-repeat #c7b68f; color:#fff; }
.site_tit{ background:#f4dc83; text-indent:2em; width:370px; height:54px; line-height:54px; font-size:24px;}
.contact{ width:710px; height:340px; margin-top:52px; float:right; background:url(../images/footer/map.png) left bottom no-repeat;}
.cont_name{ width:100%; height:33px; margin:80px auto 40px;}
.cont_name a{ width:100%; height:100%; background:url(../images/footer/contact.png) right center no-repeat; display:block; background-size:contain;}
.cont_font{ width:390px; float:right; text-align:right; color:#fff; line-height:30px;}
.foot_link{width:1200px;/* height:40px; */margin:60px 0;overflow:hidden;}
.link_name{ float:left; background:url(../images/footer/link.png) center center no-repeat; background-size:contain; width:152px; height:40px;}
.link{ width:1048px; float:right; overflow:hidden;}
.link a{margin:0 15px 4px;float:left;font-size:14px;color:#fff;}
.foot_bot{ width:100%; height:62px; background:#000;  position:relative;}
.copyright{ width:1200px; line-height:62px; color:#fff; margin:0 auto; font-size:12px;}
.copyright a{color:#fff; font-size:12px;}
.copyright img{ vertical-align: middle;}
/*----footer end*/

/*----window*/
.window{ width:280px; height:84px; position:absolute; bottom:0; right:0; z-index:99999;}
.window li{ width:130px;height:84px;line-height:84px; float:left; text-align:center; background:#333; }
.window li a{ color:#fff; font-size:18px;}
#top{ margin-left:20px; background:#f4dc83; }
#top a{ font-size:30px; font-family:Arial; color:#333;}
/*----window end*/



@media screen and (max-width:720px){
#wrap { width: 100%; min-width: 100%; margin: 0 auto; }
/*----header*/
.header,.head{ width:100%;min-width: 100%; height:94px;}
.iconbg{width:50%; z-index:999999;    position: relative;    float: right;  height:auto;}
.icon { margin:28px 0; width: 97%; margin-right:3%;  height: 38px; overflow: hidden; float: right; z-index:999999;     position: static;}
.icon>li { width: 20%; height: 38px; float: left; margin:0; }
.head .icon>li.iconlast{ display:block;}
.nav_m{ display:block; width:100%;}
.logo{ display:block;}
.nav{ display:none;}
/*nav*/
.form_h{ display:none; width:100%; height:30px; position:absolute; top:94px; right:0px;}
.form_h p{ border:1px solid #ccc; width:99%; height:30px; background:#fff;}
.text{ width: 70%; height:30px; border:none; color:#aaa;}
.sub{ background:url(../images/head/s.png) center center no-repeat;  width: 30px; /* padding-right:5px; */ height:30px; border:none; z-index:999;}

/*----header end*/

/*----footer*/
.footer{ width:100%; height:auto; background:#1a1a1a;}
.foot{ width:94%; margin:0 auto;}
.foot_top{ width:100%; height:auto; position:relative; top:-52px; left:0; overflow:hidden;}
.code{ float:none; margin:0 auto; width:50%; height:300px; padding:50px 10%; background:#333;}
.site_code{ overflow:hidden;}
.site_code img{ width:41%; height:100%; border:5px solid #fff; float:left;}
.code1{ margin-right:6%;}
.site_zhc{ overflow: hidden; margin:45px auto;}
.site_zhc a{ width:42%; padding-left:5%;}
a.zhc1{ margin-right:6%; }
.site_tit{ text-indent:0; text-align:center; width:90%; position:absolute; left:50%; margin-left:-45%; height:54px; line-height:54px; font-size:24px;}
.contact{ width:100%; height:auto; margin-top:20px; padding-top:200px; float:none; background:url(../images/footer/map.png) center top no-repeat;}
.cont_name a{  background:url(../images/footer/contact.png) center center no-repeat;}
.cont_font{ width:100%; float:none; text-align:center; color:#fff; line-height:30px;}
.foot_link{ width:100%; height:auto; margin:30px 0 40px; overflow:hidden; }
.link_name{ float:none; margin:20px 0; background:url(../images/footer/link.png) center center no-repeat; background-size:contain; width:100%; height:40px;}
.link{ width:100%; float:right; overflow:hidden;}
.link a{  width:48%; margin:0 2% 4px 0; float:left;}
.foot_bot{ width:94%; padding:4% 3%; height:auto; background:#000; overflow:hidden;}
.copyright{ width:65%; line-height:28px;margin:0;}
/*----footer end*/
/*----window*/
.window{ width:35%; height:84px; position:absolute; bottom:0; right:0; z-index:99999;}
.window li{ width:49%;height:84px;line-height:84px; float:left; text-align:center; background:#333; }
.window li a{ color:#fff; font-size:18px;}
#top{ margin-left:2%; background:#f4dc83; }
#top a{ font-size:30px; font-family:Arial; color:#333;}
/*----window end*/

}


@media screen and (min-width:320px) and (max-width:410px) {
.icon li img { width:95%;}
.code{height: 240px;}
.site_code{ overflow:hidden;}
.site_code img{ width:40%; }
.site_zhc a{ width:42%; background:url(../images/footer/foot2.png) 0px center no-repeat #cacaca;text-indent: 0.5em;}
.site_tit{  font-size:18px;}
a.zhc1{ background:url(../images/footer/foot1.png) 0px center no-repeat #c7b68f; }
.contact{  padding-top:30%; background-size:contain;}
.foot_link{margin:0px 0 40px; }
.window li a{ font-size: 12px;}
#top a{ font-size: 22px;}

}