@charset "utf-8";
/*basic*/
html{ margin:0; padding:0; font-size:62.5%; color:#000; text-align:left; font-family:"Microsoft Yahei"; background:#f6f6f6;}
body{ margin:0; padding:0; font-size:1em;}
@media only screen and (min-width:320px){
  body{font-size:0.9em!important}.viewport{max-width:320px;}
}
@media only screen and (min-width:360px){
  body{font-size:1.1em!important}.viewport{max-width:360px;}
}
@media only screen and (min-width:480px){
  body{font-size:1.25em!important}.viewport{max-width:480px;}
}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2{margin:0; padding:0; border:0;}
#banner,#area1,#area2,#area3,#area4,#area5,#area6,#area7,#area8,#area9,#area10,#area11,#area12{ margin-left:auto; margin-right:auto; clear:both; overflow:hidden;}
#top{ margin-left:auto; margin-right:auto; clear:both; }
ul{ list-style-type:none;}
a:link { color:#6f4815; text-decoration:none;}
a:visited { color:#6f4815; text-decoration:none;}
a:hover { color:#6f4815; text-decoration:underline;}
a:active { color:#6f4815; text-decoration:none;}


.clara{ clear:both;}
.left{ float:left;}
.right{ float:right;}

/*头部*/
#top{ width:100%; height:auto;  background:#007DBD; line-height:3.8em; position:relative}
#top .logo{ display:block; width:7%; float:left; margin-left:4.2%; margin-top:0.625em; display:inline; }
#top p{  font-size:1.5em; color:#fff; float:left; margin-left:0.5%; display:inline;}
#top img{ float:right; width:5%; margin:1.3em 5% 0 0; display:inline;}

#top .header-nav {background: #AED3ED; border: 1px solid #005E9A; position: absolute; right: 2%; top: 100%; width: 150px;}
.header-nav li {border-bottom: 1px solid #fff; height: 50px; line-height: 50px; text-align: center;}
.header-nav li a { font-size: 20pt; color:#005E9A}



/*banner*/
#banner{ width:100%; height:auto; overflow:hidden; text-align:center;}
#banner img{ width:100%; height:auto; overflow:hidden;}

/*1*/
#area1{ width:100%; height:auto; overflow:hidden; }
#area1 .box{ width:100%; height:auto; overflow:hidden; line-height:4em; color:#007dbd;}

#area1 .box span{ font-size:1.875em; float:left; margin-left:2.5%; padding-right:1%; display:inline;}
#area1 .box p{ font-size:1.125em; line-height:4.1em; }
#area1 .box p strong{ color:#ff0000;}


#area1 form{ width:100%; height:auto; overflow:hidden; margin:3px auto;}
#area1  .inp01{ width:53%; height:1.6em; overflow:hidden; float:left; padding:0; float:left; line-height:1.5em; border:0.09em solid #D4D4D4; outline:none; margin-left:2.3%; display:inline;}

#area1  .inp02{ width:16.8%; height:1.6em; overflow:hidden; background:#C38E40; line-height:1.5em; text-align:center; font-size:1.5em; margin:0 0 0 1.3%; float:left; display:inline; padding:0; border: none; color:#fff;}

#area1  .inp03{ width:23%; height:1.6em; overflow:hidden; background:#007DBD; line-height:1.5em; text-align:center; font-size:1.5em; margin:0 0 0 1.3%; float:left; display:inline; padding:0; border:none; color:#fff;}
/*222*/
#area2{ width:100%; height:auto; overflow:hidden;}
#area2 .mod{ width:23%; height:auto; overflow:hidden; float:left; margin:0.5em 0 0 1.25%; display:inline; background:#007DBD;}
#area2 .mod img{ display:block; width:100%;}
#area2 .mod p{ width:100%; font-size:1.5em; line-height:2.25em; text-align:center;}
#area2 .mod a{ color:#fff;}
#area2 .mlf{ margin-left:2.2%;}

/*333*/
#area3{ width:100%; height:auto; overflow: hidden; }
#area3 .box01{ width:100%; height:auto; overflow:hidden; margin-top:1.2em;}
#area3 .box01 .con01{ width:46.5%; height:auto; overflow:hidden; position:relative;}
#area3 .box01 .con01 .img01{ display:block; width:100%; position:relative;}
#area3 .box01 .con01 .mod{ position:absolute; width:100%; height:auto; overflow:hidden; left:0; top:0; z-index:999;}
#area3 .box01 .con01 .mod .mod01{ width:95%; height:auto; overflow:hidden;  padding-left:5%;}
#area3 .box01 .con01 .mod .mod01 p{ font-size:1.875em; color:#fff; line-height:2em;}
#area3 .box01 .con01 .mod .mod02{ width:95%; height:auto; overflow:hidden;  padding-left:5%;}
#area3 .box01 .con01 .mod .mod02 p{ font-size:1em; line-height:1.5em; color:#fff; float:left;}
#area3 .box01 .con01 .mod .mod02 p a{ color:#fff;}

#area3 .box01 .con02{ width:52.1%; height:auto; overflow:hidden; position:relative;}
#area3 .box01 .con02 img{position:relative; width:100%; display:block;}
#area3 .box01 .con02 .mod{ position: absolute; width:100%; height:auto; overflow:hidden; left:0; bottom:0; z-index:999; background:#000; filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;}
#area3 .box01 .con02 .mod p{ font-size:1.2em; line-height:2em; color:#fff; text-align:center;}

#area3 .box02{ width:100%; height:auto; overflow:hidden; margin-top:0.5em;}
#area3 .box02 a{ display:block; width:23%; height:auto; overflow:hidden; float:left; margin:0.5em 0 0 1.7%; display:inline; text-align:center; line-height:2.875em; background:#DDEAF0; font-size:1.375em; color:#000;}
#area3 .box02 a.red{ color:#ff0000; background:#C7DFEB;}

/*4444*/
#area4{ width:100%; height:auto; overflow:hidden; margin-top:0.8em;}
#area4 .box01{ width:100%; height:auto; overflow:hidden;}
#area4 .box01 .con{ width:49%; height:auto; overflow:hidden; position:relative;}
#area4 .box01 .con img{ width:100%; display:block; position:relative;}
#area4 .box01 .con p{ width:100%; display:block; position: absolute; left:0; bottom:0; z-index:999; background:#000; filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7; font-size:1em; line-height:1.5em; text-align:center; color:#fff;}

#area4 .box02{ width:100%; height:auto; overflow:hidden; margin-top:0.8em;}
#area4 .box02 .bg01{ background:#C38E40;}
#area4 .box02 .bg02{ background:#007DBD;}
#area4 .box02 .mlf{ margin-left:3.2%;}
#area4 .box02 .con{ width:47%; height:auto; overflow:hidden;   position:relative; line-height:3.9em; float:left; margin-left:2%; display:inline;}
#area4 .box02 .con img{ width:2em; display:block; position:absolute; left:22%; top:35%; z-index:999;}
#area4 .box02 .con a{ display:block; width:80%; text-align:center; font-size:1.75em; color:#fff; position:relative; padding-left:20%;}
/*5555*/
#area5{ width:100%; height:auto; overflow:hidden; border-bottom:0.2em solid #007DBD; padding-bottom:1em;}
#area5 .box01{ width:100%; height:auto; overflow:hidden; background:#007DBD; line-height:2.25em; text-align:center; margin-top:0.8em;  font-size:1.75em; color:#fff;}
#area5 .box02{ width:100%; height:auto; overflow:hidden; line-height:3.75em; text-align:center; margin-top:0.5em; font-size:1.5em; color:#ff0000;}
#area5 .box03{ width:100%; height:auto; overflow:hidden; text-align:center;}
#area5 .box03 table{ }
#area5 .box03 table { margin:0 auto; width:100%; }
#area5 .box03 table td{ padding:4px 5px; text-align:left;}
#area5 .box03 table th{ width:37%; font-weight:normal; font-size:1.5em; color:#000; text-align:right;}
#area5 .box03 table th strong{ font-weight:normal; color:#ff0000;}
#area5 .box03 .txt{ width:68%; line-height:2em; color:#b5b4b4; border:solid 1px #cccccc; background:#fff; float:left;}
#area5 .box03 textarea{ width:68%; height:5em; color:#b5b4b4; line-height:1.5em; border:solid 1px #cccccc; float:left;}

#area5 .box03 select{  border:solid 1px #ccc; padding:3px 0px;}


#area5 .box03 select.first{width:68%; height:2em; color:#b5b4b4; line-height:1.5em; border:solid 1px #cccccc;float:left; }

#area5 .box03 select option{ padding:0px 3px;}
#area5 .box03 table .tx{ display:block; width:25%; text-align:center; line-height:2em; overflow:hidden; border:none; font-size:1.5em; color:#fff; cursor:pointer; float:left; margin-right:3em; display:inline;}
#area5 .box03 table .bg01{ background:#007DBD;}
#area5 .box03 table .bg02{ background:#C38E40;}

/*6666*/
#area6{ width:95.4%; height:auto; overflow:hidden; padding:0 2.3%;}
#area6 .box{ width:100%; height:auto; overflow:hidden; margin:1em auto;}
#area6 .box a{ display:block; width:27.6%; height:auto; overflow:hidden; line-height:3.43em; text-align:center; font-size:1.5em; color:#000; float:left; border:0.1em solid #ccc; position:relative; padding-left:5%;}
#area6 .box a img{ position:absolute; width:1.5em; left:10%; top:25%; z-index:999;}

/*首页结束*/
/*列表页*/
#area7{ width:100%; height:auto; overflow:hidden; margin-top:0.9em;}
#area7 h1{ width:100%; line-height:3em; overflow:hidden; border-top:0.375em solid #007DBD; background:#DDEAF0; color:#000; font-size:1.5em;}
#area7 h1 a{color:#000;}
#area7 .box01{ width:100%; height:auto; overflow:hidden; margin-top:0.8em; padding:0 0 1em 0; border-bottom:0.1em solid #ccc;}
#area7 .box01 img{ width:34%; display:block; float:left; margin-left:2.3%; display:inline;}
#area7 .box01 .con{ width:58.6%; height:auto; overflow:hidden; float:right; margin-right:2.3%; display:inline;}
#area7 .box01 .con .title{ width:100%; line-height:1.5em; overflow:hidden; font-size:1.5em; color:#007dbd; font-weight:bold;}
#area7 .box01 .con .con01{ width:100%; line-height:1em; font-size:1em; color:#000; margin-top:0.3em;}
#area7 .box01 .con .con02{ width:98%; border:0.3em solid #DEDCDD; height:1.8em; overflow:hidden; background:#DEDCDD; margin:0.4em 0;}
#area7 .box01 .con .con02 .input01{ width:65%; height:2.2em; overflow:hidden; padding:0; margin:0; border:none; float:left; background:#fff; outline:none; font-size:0.8em; line-height:1.6em;}
#area7 .box01 .con .con02 .input02{ width:34%; height:1.8em; overflow:hidden; background:#C38E3E; display: inline-block;text-align:center; line-height:1.6em; font-size:1em; color:#fff; padding:0; margin:0; border:none; cursor:pointer; font-weight:bold;}
#area7 .box02{ width:95%; height:auto; overflow:hidden; padding:0 2.5%; }
#area7 .box02 .con{ width:100%; height:auto; overflow:hidden; padding:0.8em 0; border-bottom:0.1em dashed #ccc; }
#area7 .box02 .con img{ display:block; width:35.4%; float:left;}
#area7 .box02 .con .con01{ width:61.2%; height:auto; overflow:hidden; float:right;}
#area7 .box02 .con .con01 .p01{ font-size:1.3em; line-height:1em;}
#area7 .box02 .con .con01 .p01 a{ color:#007dbd;}
#area7 .box02 .con .con01 .p02{ font-size:1em; line-height:1.2em; padding:0.3em 0;}
#area7 .box02 .con .con01 .p02 a{ color:#ff0000;}
#area7 .box02 .con .con01 .p03{ display:block; width:100%; line-height:0.9em; font-size:1em; color:#666;}
#area7 .box02 .bbd{ border-bottom:0;}

/*文章88888*/
#area7 .center{ text-align:center;}
#area7 .box01 .con .con03{ width:100%; height:auto; overflow:hidden;}
#area7 .box01 .con .con03 p{ font-size:1em; line-height:1.5em;}
#area7 .box01 .con .con03 p span{ color:#ff0000;}
#area7 .bbd{ border-bottom:0;}
/*文章内容*/
#area7 .box03{ width:95%; height:auto; overflow:hidden; padding:0 2.5%;}
#area7 .box03 p{ font-size:1em; line-height:1.5em; text-indent:2em; margin-top:1em;}
#area7 .box03 p a{ color:#ff0000;}

#area7 .box04{ width:97%; height:auto; overflow:hidden; padding:0 1.5%; margin-top:2em;}
#area7 .box04 .bg01{ background:#C38E3E;}
#area7 .box04 .bg02{ background:#007DBD;}
#area7 .box04 a{ display:block; width:49.3%; line-height:3.75em; overflow:hidden; text-align: center; font-size:1em; color:#fff; position:relative;}
#area7 .box04 a img{ width:1.5em; display:block; position:absolute; left:3%; top:29%; z-index:999;}
/*8888*/
#area8{ width:100%; height:auto; overflow:hidden; margin-top:0.9em;}
#area8 .box01{  width:100%; height:auto; overflow:hidden; background:#007DBD; line-height:3.75em; text-align:center; margin-top:0.8em; }
#area8 .box01 p{ font-size:1.75em; color:#fff;}
#area8 .box02{ width:98%; height:auto; overflow:hidden; padding-left:2%; margin-top:1.5em;}

#area8 .box02 .con{ width:23%; height:auto; overflow:hidden; float:left; background:#DDEAF0; text-align:center; padding-bottom:0.3em; float:left; margin-left:1.25%; display:inline; margin-bottom:1em;}
#area8 .box02 .con img{ width:100%; display:block;}
#area8 .box02 .con .p01{ font-size:1.125em; line-height:2em; color:#000;}
#area8 .box02 .con .p02{ font-size:1em; line-height:2em;}
#area8 .box02 .con .p02 a{ color:#ff0000;}


.pagelist{text-align:center; line-height:40px;}