@charset "utf-8";
* { margin: 0 auto; }
#wrap { width: 100%; margin: 0 auto; position: relative;  }
/*----header*/
.header {overflow:hidden; width: 100%;  height: 90px; border-bottom:1px solid #cecece; }
.head {  width:96%; max-width:1600px; margin:0 auto; height: 90px; position: relative;  }
.mnavbg{ display:none;}
.micon{ float:right; width:47px; height:44px; margin-right:-2%;}
.micon a{ width:100%; height:100%; display:block; background:url(../images/picon.png) center center no-repeat;}
.mnav{ display:none; position:absolute; top:44px; left:0; padding:2% 0;width:100%; z-index:99; background:url(../images/mnav.png) left top repeat-x #fff;}
.mone>li{ line-height:35px; width:100%; text-indent:5%;}
.mone>li>a{ display:block; color:#3b3b3b;font-weight:bold; font-size:12px;  }
.mone>li:hover>a,.mone>li.current>a{ text-decoration:underline;}
.mtwo{ display:none}
.mtwo>li{ text-indent:10%;}
.mtwo>li>a{ display:block; color:#000;font-size:12px;}
.mtwo>li.current>a{ text-decoration:underline;  }
.mone>li.current .mtwo{ display:block;}
.mthree li{ text-indent:15%;}
.mthree>li>a{ display:block; color:#000; font-size:12px; }
.mthree>li.current>a{ text-decoration:underline;}
.show.on{ position:absolute; z-index:90; background:rgba(0,0,0,0.3); width:100%; height:100%; }
/*nav*/
.navbg{   width:80%; max-width: 1280px;  margin:0 auto;}
.nav { height:auto;}
.nav>li { float: left; width: 14.28%; position:relative;  }
.nav>li>a{ line-height:58px; text-align:center; font-weight:bold; color:#272727; font-size:15px; display:block; position:relative; z-index:999; }
.nav>li:hover>a{ color:#e60d2e;background:url(../images/nav1.png) 40%  bottom no-repeat;}
.nav>li.current>a{ color:#e60d2e;}
.nav>li:first-child:hover>a{background:none}
.nav>li:hover .two{ display:block;}
.nav>li:hover .three{ float:left;}
.two{ display:none; padding:10%;min-width:220px;   position:absolute; top:57px; background: #fff;  border:1px solid #e4e4e4;     box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);z-index:99;}
.two>li{ overflow:hidden; }
.two>li>a{ float:left; line-height:30px; }
.two>li:hover>a,.two>li.current>a{ color:#e60d2e; text-decoration:underline;}
.three{ background:url(../images/nav2.png) 5px 10px no-repeat;  padding-left:15px;}
.three li a{ color:#808080; line-height:30px;}
.three li:hover a,.three li.current a{ color:#e60d2e; }

/*nav end*/
.logo{ width:40%; float:left; height:94px; }
.logo a{ width:100%; height:100%; background:url(../images/logo.png) left center no-repeat; display:block;}
.searchbg{ float:right; overflow:hidden; margin-top:40px;}
.searchbg select{ float:right; width:120px;  padding: 0 0 0 20px; background:url(../images/topsel.png) 80% center no-repeat; text-indent:12px; border:none;line-height:28px;}
.search{ float:right; border-bottom:1px solid #d5d5d5; overflow:hidden; height:28px; line-height:28px;}
.search input{ border:none;}
.search input[type="submit"]{ background:url(../images/topso.png) right center no-repeat; width:20px; height:20px;}
/*----header end*/


/*----footer*/
.footer{ width:100%; overflow:hidden; background:#f7f7f7;}
.foot{ width:96%; max-width:1600px;margin:0 auto; height:330px; overflow:hidden;}
.footli{ float:left; padding:20px 0 ;}
.footli ul{text-indent:24%;}
.footli ul li{ line-height:30px;}
.footli ul li a{ font-weight:bold; color:#3f3f3f;}
.contact{padding-left:24%; line-height:30px;font-weight:bold;color:#464646;}
.codez{ width:40%;padding-left:24%;}
.codez img{ width:100%;}
.codez span{ display:block; text-align:center;font-weight:bold;color:#464646;line-height:30px;}
.about,.map,.help,.code{ width:15%;}
.us{width:40%;}
.foottit{ text-indent:24%; line-height:50px; color:#e60d2e;font-size:16px; font-weight:bold; border-bottom:1px solid #ddd; margin-bottom:10px;}
.footbot{ width:100%; background:#7f7d7d; height:95px;}
.copyright{ width:96%; max-width:1600px; margin:0 auto;background:url(../images/flogo.png) left center no-repeat;  height:95px;text-align:right; line-height:140px; color:#fff; }
.copyright a{color:#fff; margin-left:20px;}
/*----footer end*/

/*----window*/
.window{ width:74px; height:74px; position:absolute; bottom:10%; right:2%; z-index:99;}
#top { float:left;background:url(../images/top.png) center center no-repeat; width:74px; height:74px; display:block; }
/*----window end*/
@media screen and (max-width:786px){
.header {height: 44px; border-bottom:none; z-index:999; position: relative;  overflow: inherit;}
.head { height: 44px; position:static; padding:0 2%;}
.logo{ width:40%; float:left; height:44px; }
.logo a{ width:100%; height:100%; background:url(../images/logo.png) left center /contain no-repeat; display:block;}
.searchbg{ display:none;}
.mnavbg{ display:block;}
.en{ position:absolute; right:0; bottom:0; width:60px; height:60px;}
.en a{ display:block; width:100%; height:100%; background:url(../images/pen.png) center center no-repeat;}
.navbg{ display:none;}
.foot{  height:auto; }
.about,.map,.help{ display:none;}
.code,.us{ width:100%;}
.contact{ padding:0 }
.contact,.codez span{ font-size:12px; font-weight:normal;}
.codez{ width:30%;padding:0}
.footli{ padding:0 0 20px;}
.foottit{ font-size:12px;text-indent:inherit;}
.footbot{ height:50px;}
.copyright{ height:30px; padding:10px 0; font-size:12px;line-height:normal; background:none; color:#acabab; text-align:right;}
.copyright a{font-size:12px;color:#acabab; display:block;}
.window{ bottom:4%; }
}
@media screen and (min-width:320px) and (max-width:410px) {

}