﻿/* CSS Document */
/*  全局样式  */
* { margin: 0; padding: 0; }
a { color: #333; text-decoration: none; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
html { font-size: 12px; font-family: "微软雅黑"; color: #000; height: 100%; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 14px; }
ul, li, dl, dd, dt, p, br { margin: 0; padding: 0; }
ul, li { list-style-type: none; }
em, i { font-style: normal; }
img { border: none; }
.clear { height: 0; overflow: hidden; clear: both; width: 100%; }
body { font-size: 12px; font-family: "微软雅黑"; height: 100%; }
.dis { display: none; }
.img_mg { float: right !important; margin-right: 0 !important; }
.no_bod { background: none !important; }
.no_bott { border-bottom: none !important; }
.no_left { margin-left: 0 !important; }
.no_top { margin-top: 0 !important; }
.no_border_rgt { border-right: none !important; }
input, label { vertical-align: middle; }
.w1000 { width: 1200px; margin: 0 auto; text-align: left;font-size:14px; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }

.main_w { overflow: hidden;}
/*.container { min-height: 100%; height: auto !important; height: 100%; background: url(../images/bg.jpg) no-repeat top center #f2f2f2; }*/
.container {position: relative; min-height: 100%; height: auto !important;}
.container:before {content: " "; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-size: 100%; background: url(../images/bg.jpg) no-repeat top center #f2f2f2; }

@font-face { font-family: 'fontello'; src: url("font/fontello.eot?20141027"); src: url("../fonts/fontello.eot") format('embedded-opentype'), url("../fonts/fontello.woff") format('woff'), url("../fonts/fontello.ttf") format('truetype'), url("../fonts/fontello.svg") format('svg'); font-weight: normal; font-style: normal; }
.iconfont { font-family: "fontello"; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; }

/* 头部 */
.w_h1_bd { width: 100%; height: 30px; line-height: 30px; background: #f7f7f7; border-bottom: 1px solid #e4e4e4; position: fixed; top: 0; z-index: 999999; }
.w_h1 { width: 1200px; margin: 0 auto; color: #909090; }
.w_h1 { font-size: 12px; }
.w_h1 em { margin-left: 8px; font-size: 12px; }
.w_h1 em a { font-size: 12px; }
.w_w_h1_r { text-align: center; float: right; }
.w_w_h1_r a { color: #909090; margin: 0 8px; font-size: 12px; }
.w_w_h1_r a:hover{color: #048fe9;}

.w_h2 { width: 1200px; margin: 30px auto 0; overflow: hidden; }
.w_h2_1 { float: left; width: 442px; height: 80px; margin: 18px 0 0 8px; }
.w_h2_1 img { width: 442px; height: 80px; }
.w_h2_2 { float: left; width: 200px; margin: 4px 0 0 45px; }
.w_h2_2 .btnNeed{ background: #e9474e;}
.w_h2_2 .btnItem{ background: #ff910e;}
.w_h2_2 a { float: left; display: block; width:88px; height: 36px; line-height: 36px; text-align: center; border-radius: 5px; color: #fff; font-size: 14px; margin-right: 10px; }
.w_h2_2 a:hover { color: #fff; }
.w_h2_3 { float: left; width: 412px; height: 34px;  -webkit-border-radius: 5px;border: 2px solid #048fe9; line-height: 34px; margin-top: 49px; _width: 421px; display: inline; margin-left:70px;background: #fff;}
.w_h2_3 select { border: 0; background: transparent; width: 18%; height: 34px !important; line-height: 34px !important; font-size: 14px; color: #048fe9; float: left;text-align:center; outline:none;}

.w_h2_3_1 { width: 50%; height: 30px; line-height: 30px; font-size: 14px; color: #048fe9; float: left;  padding: 0 10px; display: inline; outline:none; border:2px solid #fff; border-left:1px solid #048fe9;}
.w_h2_3_2 { width:20%; height: 34px; line-height: 34px; border: 0; background: #048fe9; text-align: center; color: #fff; float: right; display: inline; _width: 48px; }

.w_h3_bd { width: 100%; height: 50px; margin-top: 34px; }
.w_h3 { width: 1200px; margin: 0 auto 0 auto; position: relative; }
.w_h3_1 { width: 170px; float: left; }
.w_h3_1 span { display: block; width: 170px; height: 45px;  line-height: 45px; text-align: center; color: #fff; font-size: 16px; cursor: pointer; }
/*background: url(../images/index_12.png) 5px 50% no-repeat #c33230;*/

.nav_bar {width: 100%; height: 50px; background: #0068b7;  margin: 0 auto; position: relative;margin-top: 34px; }
.nav {width: 100%;height: 50px;position: absolute;left: 0;top: 0;overflow: hidden;text-align:left;}
.nav li {float: left;width: 90px;height: 40px;line-height: 40px;text-indent: 25px;font-size: 16px; padding:0 28px; margin:5px 0;}
.nav li:hover{ background:#0c8ae9}
.nav li{ border-left:1px solid #0c8ae9; border-right:1px solid #444;}
.nav li:first-child{ border-left:none !important}
.nav li:last-child{ border-right:none !important}

.nav li a.nav01 {background: url(../images/nav_icon01.png) center left no-repeat; background-size:20px;}
.nav li a.nav02 {background: url(../images/nav_icon02.png) center left no-repeat; background-size:20px;}
.nav li a.nav03 {background: url(../images/nav_icon03.png) center left no-repeat; background-size:20px;}
.nav li a.nav04 {background: url(../images/nav_icon04.png) center left no-repeat; background-size:20px;}
.nav li a.nav05 {background: url(../images/nav_icon05.png) center left no-repeat; background-size:20px;}
.nav li a.nav06 {background: url(../images/nav_icon06.png) center left no-repeat; background-size:20px;}
.nav li a.nav07 {background: url(../images/nav_icon07.png) center left no-repeat; background-size:20px;}
.nav li a.nav08 {background: url(../images/nav_icon08.png) center left no-repeat; background-size:20px;}
.nav li a {display: block;width: 100%;height: 100%;color:#fff;margin-left:-10px;  }


.w_h3_1_1dq { background: #f5ba6b; }
.w_h3_3 { float: right; width: 198px; height: 45px;margin-top:1px;margin-right:30px; }
.w_h3_3 img { width: 198px; height: 45px; }
.w_h3_2 { float: left; width: 800px;background-color:#048fe9 }
.w_h3_2 li { color: #323232; font-size: 16px; float: left; padding: 0 0 0 70px; height: 45px; line-height: 45px; }
.w_h3_2 li a { color: #323232; font-size: 16px; }
.w_h3_2 li:hover a { color: #d62a1d; }
.w_h3_2_dq a { color: #d62a1d !important; }

.w_ban_bd { height: 454px; width: 100%; }
.w_ban { width: 1200px; margin: 0 auto; }
.w_h3_1_1 { width: 170px; background: #048fe9; float: left; height: auto; min-height: 447px;margin-top: 10px; }
.w_h3_1_1 li { width: 170px; height: 56px; line-height: 56px; text-align: center; color: #fff; font-size: 16px; border-bottom:solid 1px #adafb0;}
.w_h3_1_1 li:last-child {border-bottom: none;}
.w_h3_1_1 li a { color: #fff; }
.w_h3_1_1 li:hover { background: #0068b7; }
.w_h3_1_2 { position: absolute; top: 47px; left: 0; z-index: 9; display: none; }

/* 底部 */
.foot { width: 100%; height: 134px; letter-spacing: 1px; margin: 0 auto; font-size: 14px; color: #333; }
.foot ul { clear: both; }
.foot ul li { text-align: center; height: 2em; line-height: 2em; }

/* actGotop */
.actGotop { position: fixed; _position: absolute; bottom: 10px; right: 140px; width: 70px; height: 91px; display: none; }
.actGotop a, .actGotop a:link { width: 70px; height: 91px; display: inline-block; background: url(../images/gotop.png) no-repeat; _background: url(../images/blog7year_gotop.gif) no-repeat; outline: none; }
.actGotop a:hover { background: url(../images/gotopd.png) no-repeat; outline: none; }

/*分页样式*/
.maunlist { width: 95%; height: 30px; line-height: 30px; margin: 0 auto; text-align: right; padding: 20px 0; overflow: hidden; }
.manuleft { float: right; }
.manuleft a { border: 1px solid #cccccc; padding: 5px 8px; margin: 0 2px; }
.manuleft a:hover, .manuleft a.hover { color: #fff; background: #048fe9; text-decoration: none; }
.manur { margin-left: 5px; float: right; text-indent: 0; }

.website { background-color: #e3e3e3; line-height: 30px; height: 30px; text-indent: 20px; }

/* 图片水平、垂直居中 */
.img_p { border: 1px solid #dddddd; overflow: hidden; position: relative; display: table-cell; text-align: center; vertical-align: middle; }
.img_p .img-box { position: static; /*+position:absolute;*/ top: 50%; width: 100%; }
.img_p .img-box img { max-width: 100%; max-height: 100%; position: static; /*+position:relative;*/ top: -50%; left: -50%; }
a:hover .img_p{border-color:#048fe9;}
a:hover p.img_title{color:#048fe9;}
