﻿@charset "utf-8";
* { margin: 0; border: 0; padding: 0; list-style: none; font-weight: normal; text-decoration: none !important; font-family: "微软雅黑"; font-size: 14px; box-sizing: border-box; word-wrap: break-word; word-break: break-all; }
::-moz-selection {
background-color:#999;
color:white;
}
a { color: #333 }
::selection { background-color: #999; color: white; }
body { font-size: 12px; margin: 0; color: #333; }
ul, dl, li, dd, dl, li { list-style: none; padding: 0; margin: 0; }
li { float: left }
c { font-weight: normal }
strong, strong span { font-weight: bold !important; }
span, em, i { font-style: normal; }
a:link, a:visited, a:active { text-decoration: none; star:expression(this.onFocus=this.blur());
}
img { border: none; display: block; }
input { padding: 0; margin: 0; outline: none; border: 0 }
.left { float: left; }
.right { float: right; }
.bdshare-slide-button-box { top: 300px !important }
.tj { position: fixed; bottom: 0; right: 0 }
.centerBox { width: 1200px; overflow: hidden; margin: 0 auto !important; clear: both;}
.centerBox #content { width: 100%; }
.pc_hidden { display: none !important }

@media(max-width:1280px) {
.centerBox { width: 980px }
}

@media(max-width:960px) {
.centerBox { width: 88% !important; }
.phone_hidden { display: none !important }
.pc_hidden { display: block !important }
}

/*友情链接*/
.friendly-link { background-color: #53b2ef; overflow: hidden; text-align: center;clear: both; }
.friendly-link li { margin-right: 12px; float: none; display: inline-block; }
.friendly-link li.title { margin-right: 16px !important; }
.friendly-link li a { color:white; font-size: 14px; line-height:32px }
.friendly-link li.title a { font-weight: bold; font-size: 16px !important; }
@media(max-width:800px) {
.friendly-link li.title a { font-size: 14px !important; }
.friendly-link li a { font-size: 12px; }
}

@media(max-width:720px) {
.friendly-link li { margin-right: 10px; }
.friendly-link li { margin-right: 8px; }
}

@media(max-width:640px) {
.friendly-link li.title a { font-size: 13px !important; }
.friendly-link li a { font-size: 10px; }
}

@media(max-width:480px) {
.friendly-link li { margin-right: 10px !important; display: inline-block; float: none; }
.friendly-link { padding: 10px 0; text-align: center; }
.friendly-link li.title { width: 100%; margin-bottom: 3px; }
.friendly-link li a { line-height: 150%; font-size: 12px; }
}

@media(max-width:414px) {
.friendly-link { padding: 7px 0; text-align: center; }
.friendly-link li { margin-right: 8px !important; }
}

/*电脑端右侧悬浮*/
.yb_conct { position: fixed; z-index: 1; top: 35%; margin-top: -112px; right: 0; transition: all 0.3s ease; }
.yb_bar ul li { position: relative !important; right: -127px; background-color: #008ae2 !important; background-color: rgba(0,0,0,0.3) !important; width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: white; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden; cursor: default; clear: both; }
.yb_conct li:hover { right: 0 }
.yb_conct li.yb_top:hover { right: -127px; }
.yb_conct li a { color: white }
.yb_bar .yb_top { background: url(http://img1.qifeng1.com/statics/images/194_ruizheng/images/fixCont.png) no-repeat 0 0; }
.yb_bar .yb_phone { background: url(http://img1.qifeng1.com/statics/images/194_ruizheng/images/fixCont.png) no-repeat 0 -57px; }
.yb_bar .yb_phone a { color: white; }
.yb_bar .yb_QQ { text-indent: 0; background: url(http://img1.qifeng1.com/statics/images/194_ruizheng/images/fixCont.png) no-repeat 0 -113px; }
.yb_bar .yb_ercode { background: url(http://img1.qifeng1.com/statics/images/194_ruizheng/images/fixCont.png) no-repeat 0 -169px; }
.yb_conct li.yb_ercode:hover { height: 200px!important }
.yb_bar ul li:hover { background-color: #033a97 !important; background-color: #008ae2 !important; }
.hd_qr { /*! padding: 0 0 0 29px; */ width: 125px !important; box-sizing: border-box; margin-left: 27px; }
.yb_QQ a { display: block; text-indent: 54px; width: 100%; height: 100%; color: white; cursor: pointer; }
.yb_conct li.yb_albb { background: url(http://img1.qifeng1.com/statics/images/194_ruizheng/images/albb.png) no-repeat 7.5px center; }
.yb_conct li.yb_albb a{display:block}

@media(max-width:960px) {
.yb_conct { display: none }
}
/*手机端右侧图标*/
.asideIcon { position: fixed; right: 0; top: 30%; z-index: 2147483647; border: 1px solid #a9c3da; }
.asideIcon li { float: none; cursor: pointer; }
.asideIcon a { cursor: pointer; display: block; }
.asideIcon img { width: 45px; }

@media(max-width:414px) {
.asideIcon img { width: 40px; }
}
/* 海报 */
.banner img { width: 100%; }
/* 页头 */
#header { background-color: #3da791; }
#header .centerBox.top { padding: 25px 0 }
#header .left { }
#header .left .logo { border-right: 1px solid white; padding-right: 30px; margin-right: 30px; }
#header .left * { float: left; }
#header .left img.by { margin-top: 10px; }
#header .right { padding-top: 12px; }
#header .right .text, #header .right img { float: right; }
#header .right .text * { color: white; font-size: 18px; line-height: 32px }
#header .right .text span { font-size: 16px; }
#header .right img { padding-right: 15px; }
#header nav { text-align: center; background-color: #7ccbfe; }
#header nav li { float: none; display: inline-block; width: 12%; }
#header nav li.current a, #header nav li.current:hover a, #header nav li:hover a { color: white !important; background-color: #3ca2fd; }
#header nav li a { font-size: 20px; line-height: 50px; display: block }
#header.fixed-nav { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; border-bottom: 1px solid #b1e0ff; }
#header.fixed-nav .top { display: none; }

@media(max-width:1680px) {
#header .left img.by { width: 350px; margin-top: 19px; }
#header .right img { width: 85px; margin-top: 15px; }
#header nav li a { font-size: 18px; line-height: 250%; }
#header .right { padding-top: 10px; }
}

@media(max-width:1440px) {
#header .left .logo { width: 300px; }
#header .left .logo img { width: 100%; }
#header .left img.by { width: 300px; margin-top: 12px; }
#header .right .text * { font-size: 16px; line-height: 24px; }
#header .right .text span { font-size: 14px; }
#header .right img { width: 65px; margin-top: 13px; }
#header nav li a { font-size: 18px; line-height: 240%; }
}

@media(max-width:1080px) {
#header .left .logo { width: 250px; }
#header .left img.by { width: 240px; }
#header .right { padding-top: 1px; }
#header nav li a { font-size: 16px; }
}

@media(max-width:960px) {
#header { background-color: #63b6ff; }
#header.fixed-nav .top { display: block }
#header .centerBox.top { padding: 5px 0; }
#header .left .logo { border-right: 0; padding-right: 0; margin: 0 auto; float: none; display: block; width: 200px; }
#header .left { float: none; }
#header nav { box-shadow: 0 5px 10px 0 #5a9fdd; display: none; background-color: white; }
#header nav .centerBox { width: 100% !important; }
#header nav li { display: block; float: none; width: auto; border-bottom: 1px solid #ccc; }
#header nav li a { line-height: 300%; color: #3ca2fd; }
#header nav li.current a, #header nav li:hover a { color: white; }
}

@media(max-width:720px) {
#header .left .logo { width: 180px }
}

@media(max-width:640px) {
#header .left .logo { width: 170px; }
}

@media(max-width:480px) {
#header .left .logo { width: 130px; }
#header nav li a { font-size: 14px; }
}

@media(max-width:414px) {
#header .left .logo { width: 120px; }
}

@media(max-width:375px) {
#header .centerBox.top { padding: 3px 0; }
}
/* 页脚 */
#footer { background: #7bcbfe url(http://1688.qifeng1.com/statics/images/194_ruizheng/images/footerBg.png) no-repeat center center; height: 71px; padding-top: 40px; }
#footer * { font-size: 16px; }

@media(max-width:1680px) {
#footer { padding-top: 36px; }
}

@media(max-width:1280px) {
#footer * { font-size: 14px; }
#footer { padding-top: 37px; }
}

@media(max-width:720px) {
#footer { background: white; padding: 10px 0; height: auto; }
#footer * { float: none; text-align: center; line-height: 180% }
}

@media(max-width:480px) {
#footer * { font-size: 12px; }
#footer .left { width: 70%; margin: 0 auto }
}

@media(max-width:375px) {
#footer .left { width: 80%; }
}

@media(max-width:320px) {
#footer .left { width: 90%; }
}
