@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}

/*header*/
header { overflow:hidden; width:100%; padding:1.3em 0;background-color: #121215;}
header h1{ margin-left:3%;}
header img{ display:block; width:70%;}

/*nav*/
nav { overflow:hidden; width:100%; background-color:#363636;}
nav a{ overflow:hidden; width:25%; text-align:center; padding:0.7em 0; background:url(../images/nav_bor.png) right top repeat-y; font-size:1em; color:#fff; border-top:1px solid #f08300; border-bottom:1px solid #E4C301; display:block; float:left}
nav a:nth-child(4),
nav a:nth-child(8){ background:none}

/*banner*/
.banner { width:100%; overflow:hidden;background: url(../images/banner_bg.jpg) repeat center;}
.banner .bannertu{ overflow: hidden; width:100%;}
.banner .bannertu img{ display:block; width:100%;}
.banner .btn{ overflow:hidden; width:100%; text-align:center; padding:0.7em 0;}
.banner .btn li{ display: inline-block; width:2em; height:3px; background-color:#cfcfcf; margin:0 4px; margin-top:2px;text-indent: -99999em;}
.banner .btn li.on{ height:5px; margin-top:0; background-color:#f00e2a;}



/*title*/
.title { overflow:hidden; width:100%; margin-bottom:2em;}
.title h2{ text-align:center; font-size:1.2em; color:#000; font-weight:normal}
.title h2 a{ color:#000;}
.title p{ text-align:center; text-transform:uppercase; margin-top:0.2em; padding-bottom:1em; background:url(../images/titlebg.png) no-repeat center bottom; background-size:100%; color:#818181}
.title b{ font-size:1.5em; color:#d50d17;}

/*pro*/
.pro { margin-top:1.7em; overflow:hidden; width:100%;}
.pro ul{ overflow:hidden; width:98%; margin:0 auto}
.pro li{ float:left; width:48%; margin:0 1%; margin-bottom:1em;}
.pro li img{ display:block; width:96%; border:2px solid #e9e9e9; margin:0 auto}
.pro li span{ display:block; width:96%; margin:0 auto; text-align:center; font-size:1em; color:#000; padding:0.8em 0; border-bottom:2px solid #e9e9e9}
.pro .more{ display:block; width:40%; margin:0 auto; text-align:center; padding:0.6em 0; background-color:#f3f3f3; border-radius:5px; margin-top:2em; margin-bottom:2.5em; color:#222}

/*show*/
.show { overflow:hidden; width:100%; background-color:#f8f8f8; padding:1.5em 0;}
.show .sbox{ overflow:hidden; width:100%; padding-top:5%;  no-repeat center top; background-size:100%;}
.show .swin{ overflow:hidden; width:94%; margin:0 auto; background-color:#fff; position:relative}
.show .slist{ overflow:hidden; width:90%; padding:5%;}
.show .slist img{ display:block; width:96%; padding:2%; background-color:#e1e1e1; margin-bottom:1.25em;}
.show .slist h3{ text-align:center; font-size:1.2em; color:#222; margin-bottom:0.8em;}
.show .slist p{ text-align: justify; font-size:1em; color:#333; line-height:1.7em;}
.show .menu { overflow:hidden; width:94%; margin:0 auto; background-color:#fff; padding-top:0.5em;}
.show .menu li{ float:left; width:24.5%; margin-right:0.5%; text-align:center; font-size:1em; color:5d5d5d; padding:0.6em 0; background-color:#dbdbdb; position:relative}
.show .menu li:nth-child(4){ margin-right:0; width:25%;}
.show .menu li img{ display:none; position:absolute; width:1em; left:50%; margin-left:-0.5em; top:-0.4em;}
.show .menu li.on{ background-color:#fd581f; color:#fff;}
.show .menu li.on img{ display:block;}

/*ad*/
.ad{ overflow:hidden; width:100%; margin-bottom:1.7em;}
.ad img{ display:block; width:100%;}

/*about*/
.about { overflow:hidden; width:100%; margin-bottom:2.5em;}
.about img{ display:block; width:85%; margin:0 auto; border:0.3em solid #e1e1e1; margin-bottom:1.7em;}
.about h3{ text-align:center; font-size:1em; margin-bottom:1em;}
.about h3 a{ color:#222;}
.about>p{ font-size:1em; color:#333; line-height:1.7em; width:85%; margin:0 auto; text-align:justify}

/*ad02*/
.ad02 { overflow:hidden; width:100%; position:relative;}
.ad02 img{ display:block; width:100%;}
.ad02 a{ display:block; width:40%; height:3em; position:absolute; top:60%;}
.ad02 .a01{ left:9%;}
.ad02 .a02{ right:9%;}


/*news*/
.news { overflow:hidden; width:94%; padding:1.7em 3%; background-color:#eee; padding-bottom:6em;}
.news .menu{ overflow:hidden; padding-bottom:0.4em; width:100%; background-color:#fff;}
.news .menu li{ float:left; width:49.5%; padding:1em 0; font-size:1em; color:#5d5d5d; text-align:center; background-color:#dbdbdb; position:relative}
.news .menu li img{ display:none; width:1em; position:absolute; left:50%; margin-left:-0.5em; bottom:-0.4em;}
.news .menu li.on{ background-color:#fd581f; color:#fff;}
.news .menu li.on img{ display:block}
.news .menu li:nth-child(2){ float:right}
.news .newsbox{ overflow:hidden; width:100%; background-color:#fff;}
.news .newslist { overflow:hidden; width:94%; padding:2em 3% 1.5em 3%}
.news .newslist dl{ overflow:hidden; width:100%; margin-bottom:1.5em;}
.news .newslist dt{ overflow:hidden; width:40%; float:left}
.news .newslist dt img{ display:block; width:100%;}
.news .newslist dd{ overflow:hidden; float:right; width:55%;}
.news .newslist h4{ font-size:1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:0.8em;}
.news .newslist h4 a{ color:#222}
.news .newslist p{ font-size:0.8em; color:#333; line-height:1.5em; height:4.3em; overflow:hidden; text-align:justify}
.news .newslist .list{ overflow:hidden; width:100%;}
.news .newslist li{ overflow:hidden; font-size:0.8em; line-height:2.5em;}
.news .newslist li a{ display:block; width:70%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333;}
.news .newslist li span{ float:right; color:#b5b5b5;}

/*footer*/
footer { overflow:hidden; width:100%; position:fixed; left:0; bottom:0; background-color:#2d2d2d;}
footer a{ display:block; float:left; width:25%; padding:0.5em 0; background:url(../images/f05.png) repeat-y right top; text-align:center; font-size:1em; color:#fff;}
footer a:nth-child(4){ background:none}
footer img{ display:block; margin:0 auto; width:30%;}


.treeBox {
 zoom: 1;
 overflow: hidden;
 margin: 0px 5px;
 margin-bottom:15px;
}
.treeBox a {
 display: block;
 float: left;
 margin: 5px;
 font-size:14px;
 border: solid #EEEEEE 1px;
 padding: 3px 6px;
}
.treeBox a.cur {
 background-color: #000;
 color: #FFF;
 border: solid #FFF 1px;
}

.searchBox {
 position: relative;
 background-color: #ececec;
 height: 60px;
 color:#fff;
 text-align:center;
 font-weight:bold;
 line-height:60px;
 padding-left: 5px;
}
.searchBox .keyword {
 width: 75%;

 height: 20px;
 font-size:12px;
 line-height: 20px;
 background-color:#fff;
 border:double 1px #CCC; color:fff;
 margin: 4px ;
}
.searchBox .btnSearch {
 
 right: 20px;

 padding-top:25px;
 height:23px; line-height:23px;
 border: 0;
 background: #E0E0E0 url(../images/searchBtn.png) no-repeat;
 width: 44px;

 text-indent: -999px;
 cursor: pointer;
}