@charset "gb2312";
/* CSS Document */
html { color:#333;}
div,dl,dt,dd,ul,li,h1,h2,h3,form,legend,input,button,textarea,select,p,th,td { margin: 0;padding: 0;}
table { border-collapse: collapse;border-spacing: 0;}
img { border: none;}
button,em,input,option,select,textarea,th { font:inherit;}
li {list-style: none;}
h1,h2,h3,h4 { font-weight: normal; font-size:100%;}
body { margin:0; padding:0; font-size:12px; color:#333;background-color: #f7f7f7; font-family: Microsoft YaHei,Simsun,SimHei,Arial; }
a{ color:#333; text-decoration:none;cursor: pointer;/*-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;*/}
a:hover{ text-decoration: none; color:#333;}
input{ outline:none;}

/****公用****/
.fl{ float:left;}
.fr{ float:right;}
.txtcenter{ text-align:center;}
.bor{ border:1px solid #CCC;}
.rel{ position:relative;}
.red{ color:#FF0000;}
.white{ color:#FFF;}
.block { display:block;}
.in-block{display: inline-block;}
.hide{ display:none;}

.transparent_class{ filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.dotted{ border-bottom:1px dotted #CCCCCC; font-size:0; line-height:0; padding:0; margin:0; clear:both;}

.pm0{ padding:0!important; margin:0!important;}

.pd5{ padding:5px;}
.pd10{ padding:10px;}
.pd15{ padding:15px;}
.pd20{ padding:20px;}

.m5{ margin:5px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.m20{ margin:20px;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}

.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}

.w3{ letter-spacing:0.5em; /*如果需要y个字两端对齐，则为(x-y)/(y-1),这里是（4-3）/(3-1)=0.5em */
margin-right:-0.5em; /*同上*/  } 

/*清除浮动1*/
.clear { clear:both;height:0;overflow:hidden;clear:both!important;}
.clear.both {height:10px;}

/*清除浮动2*/
.clearfix:after{ visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}  
.clearfix { display: inline-block; }  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }


.wrap{ width: 1200px; margin: 0 auto;}
.blank10 {margin: 0 auto; width: 100%; height: 10px; font-size: 1px; clear: both;}
.blank20 {margin: 0 auto; width: 100%; height: 20px; font-size: 1px; clear: both;}
/*input[type=text]:focus, input[type=password]:focus, textarea:focus {-webkit-box-shadow: 0 0 0 1000px#03659c inset;outline:none;}*/

/*aside*/
.aside{position: fixed;width: 52px;right:0;top: 50%; margin-top:-250px;}
.aside ul{ border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
.aside li{width: 52px;height: 42px;text-align: center;position: relative;padding-top: 10px;}
.aside li i{display: block;width: 30px;height: 33px;background-image: url(../images/guide_ico_all.png);background-repeat: no-repeat;margin: 0 auto 0;}
.aside li.li9{ display: none;}
.aside li span{font-size: 12px;color: #fff;}
.aside li:hover{ background: rgba(0,0,0,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
/*.aside li.li1,.aside li.li2,.aside li.li3,.aside li.li4,.aside li.li5{ border-bottom:1px solid #313131;}*/
.aside li.li1 i{background-position: 0 0;}
.aside li.li2 i{background-position: 0 -46px;}
.aside li.li3 i{background-position: 0 -94px;}
.aside li.li4 i{background-position: 0 -152px;}
.aside li.li5 i{background-position: 0 -196px;}
.aside li.li5 .zwwx{width: 130px;height:52px;left: -130px;top: 0px;}
/*.aside li.li5 .zwwx .arrow{ top:41px;}*/
.aside li.li5 .zwwx .bdsharebuttonbox{background-color:#fff; padding-left:15px; margin:10px;}

.aside li.li6{ margin-top:50px;}
.aside li.li6 i{background-position: 0 -243px;}
/*
.aside li.li6 .zwwx{width: 130px;height: 130px;left: -130px;top: -35px;}
.aside li.li6 .zwwx .arrow{ top:56px;background: url(../images/aside_arrow2.png) no-repeat;}
*/
.aside li.li7 i{background-position: 0 -290px;}
.aside li.li8 i{background-position: 0 -330px;}

.aside li.li8 .zwwx{width: 180px;height: 180px;left: -180px;top: -35px;}/*
.aside li.li8 .zwwx .arrow{ top:56px;background: url(../images/aside_arrow2.png) no-repeat;}
*/
.aside li.li9 i{background-position: 0 -370px;}
.aside li .zwwx{position: absolute;left: -110px;top: 0; width: 110px; height: 52px; line-height: 52px; background: #014a82; display: none;}
.aside li .zwwx .arrow{ width: 6px; height: 8px; display: block; position: absolute; right: -6px; top:21px; background: url(../images/aside_arrow.png) no-repeat;}
.aside li .zwwx span{ font-size: 14px; font-weight: bold;}
/*aside*/

iframe{display:block;}