/* 全站通配 */
*{font: normal 100% "Verdana", "Helvetica", "Arial", "Microsoft YaHei"; color:#555;}
html{Font-size=62.5%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-y: scroll; overflow:-moz-scrollbars-vertical; }
body{margin:0; padding:0; background: #F1F1F1; position:relative;}
a{text-decoration:none; color:#226699;}
a:focus{outline:0; text-decoration:none;}
a:hover,a:active{outline:0; color:#3589d1; text-decoration:none;}
a,area {blr:expression(this.onFocus=this.blur());}
h1{font-size:1.325em;}
h2{font-size:1em;}
h3{font-size:1.17em;}
h4{font-size:1em;}
h5{font-size:1.25em;}
h6{font-size:0.75em;}
strong{font-weight:bold; color:#000;}
em{font-style:italic;}
audio,canvas,video{display:inline-block; *display:inline; *zoom:1;}
img{border:0;-ms-interpolation-mode:bicubic; background:url(../../images/CG/loding.gif) no-repeat center center;}
embed{border:0; background:url(../../images/CG/loding.gif) no-repeat center center;}
.l {float:left;}
.r {float:right;}
.mb20 {margin:0 0 20px 0;}

/* Hack */
.cls{zoom:1;}
.cls:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* HTML5 */
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS3 */
.trans {-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s; -ms-transition:background-color 0.3s; -o-transition:background-color 0.3s; transition:background-color 0.3s;}/* transition CSS3*/
.radius {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }/* radius CSS3 */
.shadow {box-shadow:2px 2px 5px #aaa; -moz-box-shadow:2px 2px 5px #aaa; -webkit-box-shadow:2px 2px 5px #aaa;}/* shadow CSS3 */

/* 头部通配 */
header{float:left; width:100%; min-width:980px; height:50px; background:#38464f; margin:0; padding:0; overflow:hidden;}
header ul{width:1380px; margin:auto; padding:0; position:relative; z-index:999;}
@media screen and (max-width:1400px){header ul{width:1180px;}}
@media screen and (max-width:1200px){header ul{width:980px;}}

header ul li{float:left; margin:0; padding:0;}
header .header_right{float:right;}

@keyframes blink {0%, 100% {opacity: 1;} 50% {opacity: 0.5; color: #f2fa19;}}
header .icon-logo{animation: blink 5s infinite; float:left; width:50px; height:50px; font-size:30px; line-height:50px; color:#ccd9e1; text-indent:10px; margin:0; padding:0; overflow:hidden;}
header .icon-logo:hover{color: #FFFFFF;}

header .site{float:left; height:50px; margin:0; padding:0 30px; background:#20292e; line-height:52px; color: #ccd9e1; font-size:18px; letter-spacing:2px; display:inline-block;}
header .site:hover{color: #FFFFFF;}

header .sites{float:left; margin:0; padding:0 20px; line-height:52px; color: #99a8b1; font-size:15px; letter-spacing:1px; border-left:1px solid #5d7381; display:inline-block;}
header .sites:hover{background:#20292e;}

header .icon-search{float:left; width:50px; height:50px; font-size:22px; line-height:50px; color:#ccd9e1; text-indent:13px; margin:0; padding:0; overflow:hidden;}
header .icon-search:hover{color: #FFFFFF;}

header .member{float:left; min-width:50px; height:50px; line-height:50px; text-align:center!important; margin-right:30px; padding:0;}

/* 主框架 */
.main{width:1380px; margin:auto; padding:30px 0; overflow:hidden;}
@media screen and (max-width:1400px){.main{width:1180px;}}
@media screen and (max-width:1200px){.main{width:980px;}}

.location{width:1380px; margin-bottom:20px; padding:15px 0; overflow:hidden; font-size:14px; text-indent:2em; color:#555555; background:#FFFFFF;}
@media screen and (max-width:1400px){.location{width:1180px;}}
@media screen and (max-width:1200px){.location{width:980px;}}

.main_left{float:left; width:260px; margin-bottom:30px; padding:0; overflow:hidden;}
@media screen and (max-width:1400px){.main_left{width:240px;}}
@media screen and (max-width:1200px){.main_left{width:220px;}}
.main_left ul{width:100%; margin:auto; padding:0;}
.main_left ul li{width:100%; height:40px; line-height:40px; margin-bottom:5px; padding:0; background:#FFFFFF;}
.main_left ul li a{width:100%; line-height:40px; text-indent:13px; color: #222222; display: block;}
.main_left ul .on a{color: #FFFFFF; border-left:3px solid #38464f; background:#7792af;}
.main_left ul li:hover a{color: #FFFFFF; border-left:3px solid #38464f; background:#a6b9cd;}

.main_right{float:right; width:1100px; margin-bottom:30px; padding:0; overflow:hidden; background:#FFFFFF;}
@media screen and (max-width:1400px){.main_right{width:920px;}}
@media screen and (max-width:1200px){.main_right{width:740px;}}
.main_right .title{width:100%; margin:40px 0 20px 0; padding:0; font-size:20px; text-align:center!important;}
.main_right .content{margin:auto; padding:50px; font-size:16px;}
.main_right .content p{line-height:36px; text-indent:2em;}

/* 底部通配 */
footer{float:left; width:100%; min-width:980px; height:50px; background:#38464f; margin:0; padding:10px 0; overflow:hidden;}
footer .left{float:left; color:#AAAAAA; text-align:left!important; margin:0 0 0 30px; padding:0; }
footer .left a{color:#AAAAAA;}
footer .left a:hover{color:#FFFFFF;}
footer .right{float:right; color:#AAAAAA; text-align:right!important; margin:0 20px 0 0; padding:0; }
footer .right a{color:#AAAAAA;}
footer .right a:hover{color:#FFFFFF;}
footer .beian{float:right; width:100%; color:#AAAAAA; text-align:right!important; margin:0; padding:5px 20px; }
