@charset "utf-8";
/* CSS Document */
body{ margin:0 auto;  padding:0; font:normal 1em/1.5em 'Microsoft YaHei', Helvetica, Arial, Verdana, sans-serif; color:#242424; -webkit-text-size-adjust: none;  -ms-text-size-adjust: none;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0;}
h1,h2,h3{ font-weight:normal;  font-weight:100;}
a{color:#242424; text-decoration:none;}
a{blr:epxression(this.onFocus=this.blur())}
a:hover{text-decoration: none; color:#0b88ee;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.l{ float:left;}
.r{ float:right;}
.c:before,.c:after{content:""; display:table;}
.c:after{clear:both;}
.c{clear:both;}
.m_t{margin-top:1.5em;}
.m_b{ margin-bottom:10px;}
/*=====================================================================================*/
html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;	word-wrap: break-word;}
.mainbody{height: 100%;margin: 0 auto;max-width: 640px;position: relative;width: 100%;z-index: 8; }
.mainboxbg{ position:fixed; height:100%; width:100%; background-color:#000; top:0; display:none; z-index:9;lter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
/*nav*/
.nav{width:40%; height:100%;background:#232323; position: fixed;right:0px; padding-top:8%; display:none; top:0; z-index:10;
background: -moz-linear-gradient(left, #161616, #434242);
background: -webkit-linear-gradient(left, #161616, #434242);
}
.nav li{text-align:center}
.nav li a{display:block;width:100%; color:#fff; padding:3% 0; font-size:1.2em;}
.nav li a:hover{ color:#fef591;}

/*header*/
#header{ width:100%; background-color: #0b88ee; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.24); -moz-box-shadow: 0 3px 3px rgba(0,0,0,.24); box-shadow: 0 3px 3px rgba(0,0,0,.24); overflow:hidden; position:absolute; z-index:99;}
#header #logo{ width:80%; display:inline; float:left; padding-left:2%;}
#header #logo img{ max-width:100%;}
#header .navbtn{ float:right; display:inline; width:9.375%; cursor:pointer; padding-right:5%;}
#header .navbtn img{max-width:100%;}

/* banner */
.slideBox{ position:relative;max-width:640px; max-height:300px; overflow:hidden; padding-top:13%;}
.slideBox .hd{ width:100%; position:absolute; height:2em; line-height:2em;  bottom:0; right:0; z-index:1; text-align:center;}
.slideBox .hd li{ display:inline-block; width:1em; height:1em; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 0.3em; }
.slideBox .hd li.on{ background:#F90;}
.slideBox .bd{ position:relative; z-index:0;}
.slideBox .bd li{ position:relative; text-align:center; }
.slideBox .bd li img{vertical-align:top; width:100%; max-height:300px;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  } 
.slideBox .bd li .tit{ display:block; background-color: rgba(31,26,23,.59); width:100%;  position:absolute; bottom:0; height:2em; line-height:2em; color:#fff;  text-align:left; text-indent:0.5em;}
/* banner end */

.btnpic{ width:100%; margin:0.8em 0;}
.imgbtn_l{ width:50%; float:left;}
.imgbtn_r{ width:50%; float:right;}
.imgbtn_l img{ width:100%; max-width:315px; overflow:hidden; float: left;}
.imgbtn_r img{ width:100%; max-width:315px; overflow:hidden; float:right;}

.classfl{ padding-bottom:1em; overflow:hidden;}
.lmc{ width:88%; background: url(../images/lmleft.jpg) #0b88ee no-repeat left bottom; height:55px; line-height:55px; padding-left:12%;}
.lmc em{ font-size:1.5em; color:#FFF; font-style:normal;}
.lmc a{ display:block; float:right; padding-right:2%; font-size:1em; color:#FFF;}
.lmc a:hover{ color:#FF0;}
.classfl ul{ width:100%; padding:1em 0;}
.classfl ul li{ width:40%; height:50px;  line-height:50px; text-align:center;  -moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius:10px; border:1px solid #c4c3c3; margin:0.5em 4.7%; float:left;}
.classfl ul li a{ font-size:1.2em;}

#serchbox{overflow:hidden; position:relative; border:1px solid #dadada;}
.input{ height:55px; border:none; float:left; display:inline; width:75%; text-indent:2%; font-size:1em; color:#848080; font-family:"微软雅黑";}
.sechan{ width:25%; height:55px; background: url(../images/search.png) #0b88ee center center no-repeat; border:0; cursor:pointer; display:inline;  float:right;  background-size:30%; }

.contactbox{ width:100%; background-color:#454444;  position:relative; margin:3em 0 0;}
.lm{ width:50%; background-color:#0b88ee; padding:3% 0; text-align:center; font-size:1.5em; color:#FFf; position:absolute; top:-1em; margin-left:25%; z-index:999;}
.contactbox ul{clear:both; overflow:hidden; padding-top:10%;}
.contactbox ul li{width:43%; height:auto; margin:0 2% 1em; border:#686767 solid 5px; float:left;}
.contactbox ul li a{ display:block; position:relative;}
.contactbox ul li img{ width:100%;  max-width:280px; max-height:230px; overflow:hidden; }
.contactbox ul li p{ width:90%;  overflow:hidden; background-color: rgba(6,6,6,.6);  position:absolute; bottom:0; color:#FFF; font-size:1em; overflow:hidden; float:left; padding:4% 5% 2%; text-align:center;}
.contactbox ul li p:hover{ color:#FF0;}

.picmore{ width:100%; text-align:center; vertical-align:middle;}
.picmore a img{ width:100%;  max-width:74px; max-height:74px; overflow:hidden; margin-bottom:1.5em;}

.contentbox{ width:100%; padding-bottom:1em; overflow:hidden;}
.con_nr{ width:96%; padding:1.5em 2% 0; overflow:hidden;}
.nrtu{ width:40%; height:auto; float:left; overflow:hidden;}
.nrtu img{ max-width:100%;}
.pnr{ width:57%;  height:auto; display:block; float:right; line-height:2em; overflow:hidden; display:block; padding-left:3%; font-size:1.1em;}

.newbox{ padding:0.5em 0 1em 0;}
.newbox ul{padding:0.5em 2%;}
.newbox ul li{ background:url(../images/dd.jpg) no-repeat left center; padding-left:5%; line-height:3.5em; border-bottom:1px  dashed #c5c4c4;}
.newbox ul li a{ font-size:1.1em;  line-height:3.5em;}

/*foot*/
.foot{ width:100%; height:auto; padding:1em 0 6em 0; text-align:center;   color: rgb(114, 114, 114);
text-shadow: 0px 1px 0px rgba(254, 253, 253, 0.306); font-size:1em; clear:both; line-height:1.8em; overflow:hidden; background:#f2eeee;}
.foot a{color: rgb(114, 114, 114);text-shadow: 0px 1px 0px rgba(254, 253, 253, 0.306);}
.foot a:hover{color: #980609;}


.footpf{width:100%; max-width:640px; background-color:#2f2f2f; bottom:0; position:fixed; bottom:0; text-align: center; z-index:999;*bottom: auto;*position: absolute;*top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.footpf ul{overflow:hidden; width:100%;display: -moz-box; /* Firefox */ display: -ms-flexbox; /* IE10 */ display: -webkit-box; /* Safari */ display: -webkit-flex; /* Chrome, WebKit */  display:flex; list-style:none; padding:1% 0;}
.footpf ul li{width:25%; text-align:center; vertical-align:middle; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1;   -ms-flex: 1;   flex: 1;  background-color:#f2f1f1;  overflow:hidden; zoom:1; float:left\9; cursor:pointer; background:url(../images/foot_jg.jpg) repeat-y right;}
.footpf ul li img{ max-width:50px; max-height:50px;}
.footpf ul li a {display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.footpf ul li a label { width:100%; overflow:hidden; margin: 0 0 0 0; font-size:0.8em; display: block !important; line-height:1.5em; text-align: center; }

/*===============inlayout===================*/
.back{ float:left; display:inline; width:5.5%; margin-left:4%; cursor:pointer;}
.back img{ width:100%; max-width:35px; overflow:hidden;}
.cpaut{ width:70%; height:auto; color:#FBF9F9; font-size:1.8em; float:left; text-align:center; vertical-align:middle; padding-top:5%;}

.in_box{ width:100%;  padding:15% 0 5%; overflow:hidden;}

.pageListNav{margin:1em 0; width:100%; position:relative; z-index:99;text-align:center; overflow:hidden;}
.pageListNav a{display:inline-block;  width:70px; height:1.5em;  color:#fff;line-height:1.5em;text-align:center; text-decoration:none; font-size:1em; border:#0a69b7 solid 1px; background:#0b88ee;}
.pageListNav .first{float:left; margin:0 auto;}
.pageListNav span{display:inline-block;overflow:hidden;vertical-align:middle}
.pageListNav span select{ width:50px; height:1.5em;  border:0;color:#0a69b7;font-size:1em; background:none; text-align:center; margin:0 1%;}


.inpic{clear:both; overflow:hidden; padding-top:5%;}
.inpic li{width:43%; height:auto; margin:0 2% 1em; border:#efeeee solid 5px; float:left;}
.inpic li a{ display:block; position:relative;}
.inpic li img{ width:100%;  max-width:280px; max-height:230px; overflow:hidden; }
.inpic li p{ width:90%;  overflow:hidden; background-color: rgba(6,6,6,.6);  position:absolute; bottom:0; color:#FFF; font-size:1em; overflow:hidden; float:left; padding:4% 5% 2%; text-align:center;}
.inpic li p:hover{ color:#FF0;}


.content{ width:96%; padding-right:2%; padding-left:2%; padding-top:20%; clear:both;}
.content span{ text-align:center;}
.content img{ max-width:100%;}
.content h1{font-weight:normal; text-align:center;  clear:both; padding:0 0 1%;font-size:1.4em;}
.content p{ width:100%; line-height:1.8em; padding-bottom:2%; }
.pcenter{ line-height:1.5em; text-align:center; border-bottom:1px dotted #dad9d9; margin-bottom:5%;color: #9D9D9D;}
.btn_href{  margin:1em 3%; clear: both;display: block; height:2.5em; line-height:2.5em; text-align: center; background-color:#0b88ee; border-radius:0.2em; color:#FFF;}
.btn_href:hover{background-color:#0562ae;  color:#FFF;}
/*********************************/

@media screen and (max-width:320px){
.lmc{ width:85%; padding-left:15%;  height:35px; line-height:35px; }
.lmc em{ font-size:1.2em;}
.classfl ul{padding:1em 0;}
.classfl ul li{height:40px;  line-height:40px;}
.classfl ul li a{ font-size:0.8em;}
.input{ height:35px;}
.sechan{height:35px; }
.contactbox ul li img{max-width:200px; max-height:170px;}
.picmore a img{max-width:60px; max-height:60px;}
.lmc a{ font-size:0.6em;}
.newbox ul li{ background:url(../images/dd.jpg) no-repeat left center; line-height:2.4em; padding-left:6%;}
.newbox ul li a{ line-height:2.4em;  font-size:1em;}
.pnr{font-size:0.8em;  line-height:1.2em;}
.cpaut{ font-size:1em; padding-top:2%;}
.newbox ul li{line-height:2em;}
.inpic li p{font-size:0.8em;}
.nav li a{font-size:1em;}
.foot a{ font-size:0.8em;}
}

@media screen and (min-width:320px) and (max-width:360px){
.lmc{ width:85%; padding-left:15%;  height:40px; line-height:40px; }
.lmc em{ font-size:1.2em;}
.classfl ul{padding:1em 0;}
.classfl ul li{height:40px;  line-height:40px;}
.classfl ul li a{ font-size:0.8em;}
.input{ height:40px;}
.sechan{height:40px; }
.contactbox ul li img{max-width:200px; max-height:170px;}
.picmore a img{max-width:65px; max-height:65px;}
.lmc a{ font-size:0.8em;}
.pnr{font-size:0.9em;  line-height:1.3em;}
.cpaut{ font-size:1.2em; padding-top:3%;}
.newbox ul li{ background:url(../images/dd.jpg) no-repeat left center; line-height:2.6em; padding-left:5.5%;}
.newbox ul li a{ line-height:2.6em;  font-size:1em;}
.inpic li p{font-size:0.9em;}
.nav li a{font-size:1em;}
.foot a{ font-size:0.9em;}
}

@media screen and (min-width:360px) and (max-width:480px){
.lmc{ width:85%; padding-left:15%;  height:45px; line-height:45px; }
.lmc em{ font-size:1.2em;}
.classfl ul{padding:1em 0;}
.classfl ul li{height:45px;  line-height:45px;}
.classfl ul li a{ font-size:1em;}
.input{ height:45px;}
.sechan{height:45px; }
.contactbox ul li img{max-width:230px; max-height:200px;}
.picmore a img{max-width:70px; max-height:70px;}
.lmc a{ font-size:0.8em;}
.pnr{font-size:1em;  line-height:1.6em;}
.cpaut{ font-size:1.5em; padding-top:4%;}
.newbox ul li{ background:url(../images/dd.jpg) no-repeat left center; line-height:2.8em; padding-left:4.5%;}
.newbox ul li a{line-height:2.8em; font-size:1em;}
.inpic li p{font-size:0.9em;}
.nav li a{font-size:1em;}
.foot a{ font-size:0.9em;}

}


@media screen and (min-width:480px) and (max-width:560px){
.lmc{ width:85%; padding-left:15%;  height:50px; line-height:50px; }
.lmc em{ font-size:1.2em;}
.classfl ul{padding:1em 0;}
.classfl ul li{line-height:45px;}
.classfl ul li a{ font-size:1.1em;   line-height:45px;}
.input{ height:50px;}
.sechan{height:50px; }
.contactbox ul li img{max-width:230px; max-height:200px;}
.picmore a img{max-width:70px; max-height:70px;}
.newbox ul li{ background:url(../images/dd.jpg) no-repeat left center; height:3.2em;  line-height:3.2em;}
.newbox ul li a{ font-size:1em; line-height:1.8em;}
}

@media all and (min-width:640px){

}