@charset "utf-8";
/* CSS Document */
/*网站顶部css*/
/*导航css*/
#pc-header .navbar { width:100%; height:50px; background:#102741; z-index:125; }
.fixed-top { position: fixed; top: 0; }
#top_bg { height: 50px; width: 100%; z-index: 100; }
.top_logo { float: left; max-width: 500px; height: 40px; margin: 10px 10px 0 0; }
.top_logo img { width: 100%; height: 26px; display: block; }.header-top { width: 100%; margin:0 auto; height: 35px; line-height: 35px; background: url(../images/toolbar.gif) repeat-x 0 100%; overflow: hidden;}
.header-top-wrap {width:1200px;  margin:0 auto; display:block; }
.header-top-wrap-box{width:100%;    height: 120px;}
.header-top_l { background: url(../images/icon-play-active.gif) no-repeat left center; padding-left: 20px; float:left; }
.web_serch { float: right; width: 200px; height: 27px; border-radius: 100px; background: #f7f8fa; margin-top:4px; border: 1px solid #cccccc; margin-right: 30px; }
.web_serch input.text1 { float: left; width: 130px; height: 27px; border: none; background: none; margin: 0px 0px 0px 20px; outline: none; font-size: 12px; color: #999999; }
.web_serch input.submit1 { width: 17px; height: 17px; border: none; background: url(../images/bg1.png) no-repeat -45px -25px; float: right; margin-right: 15px; margin-top: 5px; }
.web_serch:hover input.submit1 { background: none; background: url(../images/bg1.png) no-repeat -70px -25px; }
.header-logo { float: left; width: 140px; height: 36px; margin-top:38px; }
.header-logo a { display: block; width: 220px; height: 61px; }
.header-top-show { float: right; height: 100px; margin: 0 auto; }
.header-top-show .show-box { display: block; width: 260px; height: 45px; float: left; margin: 40px -40px 0px 12px; cursor: pointer }
.header-top-show .show-box .header-top-icon { float: left; width: 45px; height: 45px; border-radius: 50%; background-size: cover; margin-right: 8px; transition: all .2s
}
.header-top-show .show-box .describe { float: left；width: 148px;}
.header-top-show .show-box .describe h4 {font-size: 16px; color: #1c1f21; letter-spacing: .76px; line-height: 22px; margin-bottom: 4px; white-space: nowrap; overflow: hidden }
.header-top-show .show-box .describe p { color: #545c63; line-height: 18px; white-space: nowrap; overflow: hidden }
.header-top-show .show-box:hover .header-top-icon { transform: translateY(-2px) }
.header-top-show .show-box:hover .describe h4 { color: #f01414 }
/*header小导航*/
.web_wxgzh { float: left; width: 190px; position: relative; }
.web_wxmenu { width: 190px; }
.web_wxmenu li { float: left; width: 70px; margin-top: 0; margin-left: 10px; }
.web_wxmenu li a { display: inline-block; text-align: center; }
.web_wxmenu li a h2 { color:#fff;font-size:14px; height: 16px; line-height: 16px; overflow: hidden; margin-top: 17px; }
.web_wxmenu li span { display: block; width: 140px; background: #ffffff; position: absolute; z-index: 100; top:50px; left:10px; border: 1px solid #eeeeee; border-radius: 6px; box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05); padding-bottom: 5px; }
.web_wxmenu li span img { width: 140px; height: 140px; border-radius: 6px 6px 0px 0px; }
.web_wxmenu li span p { text-align: center; margin-top: 2px; font-size: 12px; }
/*header小导航结束*/
.headerah { width: 100%; height:50px; z-index: 100; }
.headerlg { width: 1200px; margin: auto; }
.webnav { float:right; padding-top: 12px; }
.webnav li { float: left; margin-left: 25px; }
.webnav li .webnavag { position: relative; }
.webnav li .webnavag .webnavtit a { display: block; text-decoration: none; height: 30px; }
.webnav li .webnavag .webnavtit a em { display: block; float: left; padding: 0 5px; height: 15px; line-height: 15px; background: #fd5050; border-radius: 8px; color: #FFFFFF; position: absolute; top: -6px; right: -18px; font-size: 12px; }
.webnav li .webnavag .webnavtit a h2 { font-size: 16px; color: #eee; float: left; }
.webnav li .webnavag .webnavtit a b { display: block; float: left; width: 9px; height: 5px; background: url(../images/bg1.png) no-repeat -245px 0px; background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -245px 0px; background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -245px 0px; margin: 8px 0px 0px 7px; }
.webnav li .webnavag .webnavtit a:hover b { background: url(../images/bg1.png) no-repeat -260px 0px; background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -260px 0px; background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -260px 0px; }
.webnav li .webnavag .web_navcb { width: 100px; background: #102741; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); position: absolute; left: -10px; top: 30px; display: none; z-index: 10; border-radius: 6px; }
.webnav li .webnavag .web_navcb a { display: block; width: 80px; height: 35px; padding-left: 20px; color: #fff; text-decoration: none; line-height: 35px; overflow: hidden; }
.webnav li .webnavag .web_navcb a:hover:first-child { border-radius: 6px 6px 0px 0px; }
.webnav li .webnavag .web_navcb a:hover:last-child { border-radius: 0px 0px 6px 6px; }
.webnav li .webnavag .web_navcb a:hover { background:#f60; color: #fff; font-weight: bold; }
.webnav li .webnavag .webnavtit2 a { display: block; text-decoration: none; height: 30px; }
.webnav li .webnavag .webnavtit2 a b { display: block; width: 12px; height: 18px; background: url(../images/bg1.png) no-repeat 0px -25px; background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat 0px -25px; background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat 0px -25px; float: left; margin-right: 5px; }
.webnav li .webnavag .webnavtit2 a h2 { float: left; font-size: 16px; color: #ff6f06; }
.webnav li .webnavag .web_navcb1 { width: 142px; height: 157px; background: #ffffff; border-radius: 12px; position: absolute; left: -10px; top: 30px; display: none; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); }
.webnav li .webnavag .web_navcb1 img { width: 100px; height: 100px; margin: 15px 0px 0px 20px; }
.webnav li .webnavag .web_navcb1 p { font-size: 12px; font-weight: bold; margin-top: 10px; margin-left: 22px; }
.webnav li .webnavag .web_navcb1 p em { font-weight: bold; color: #ff6f06; }
.webnav li .webnavag .webnavtit3 { margin-top: 10px; }
.webnav li .webnavag .webnavtit3 a { display: block; text-decoration: none; height: 30px; }
.webnav li .webnavag .webnavtit3 a b { display: block; width: 16px; height: 4px; background: url(../images/bg1.png) no-repeat -20px -35px; background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -20px -35px; background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -20px -35px; }
.webnav li .webnavag .web_xsbg1 { left: -25px; border-radius: 12px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); z-index: 10; }
.webnav li .webnavag .web_xsbg2 { left: -30px; width: auto; }
.webnav li .webnavag .webnavtit a:hover h2 { color: #ff6f06; font-weight: bold; }
.webnav li .webnavag .webnavtit a.hover h2 { color: #ff6f06; font-weight: bold; }
.webnav li .webnavag .webnavtit a.hover b { background: url(../images/bg1.png) no-repeat -260px 0px; background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -260px 0px; background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -260px 0px; }
.webnav li .webnavag .webnavtit1 { width: 65px; }
.header-louser { float:left; margin-top:15px; margin-left: 20px; }
.header-louser li { float: left; line-height: 18px; width: 50px; }
.header-louser li span { color: #333333; text-align: center; display: block; border: 1px solid #bbb; border-radius: 5px; margin-right: 10px; }
.header-louser li a { font-size: 12px; color: #bbb; }
.header-louser li span:hover { border: 1px solid #ff6f06; border-radius: 5px; }
.header-louser li a:hover { font-size: 12px; color: #ff6f06; }