@charset "utf-8";

/* CSS Document */

body { background: #fff; color: #666; width: auto; min-width: 1210px; min-height: 800px; margin: 0; padding: 0;}

body, td, input, textarea, select, button { color: #666; font-size: 12px; font-family: 'Microsoft YaHei', 'SimSun';}

label{ font-weight: normal; }

body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0;}

ul, ol, li { list-style-image: none; list-style-type: none; }

a { color: #666; text-decoration: none; blr: expression(this.onFocus=this.blur()); outline: none;}

a:active { star: expression_r(this.onFocus=this.blur());}

a:hover { color: #ff5400; text-decoration: none; cursor: pointer;}

a:focus, input[type=button] ,input[type=submit] { outline: none;}

input, button, select, textarea { outline: none;}

a img { border: none;}

i,em { font-style: normal;}

i.fa { font-size: 14px; vertical-align: middle; margin: 0 5px;}

.w1210 { width: 1210px; margin: 0 auto;}

.w990 { width: 990px; margin: 0 auto;}

.fl { float: left;}

.fr { float: right;}

.pos-r { position: relative!important;}

.hide { display: none;}

.color { color: #ff5400;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clear { clear: both; width: 0; height: 0; overflow: hidden; line-height: 0;}



.p-0 { padding: 0!important;}

.p-t-30 { padding-top: 30px!important;}

.m-r-40 { margin-right: 40px!important;}

.m-t-20 { margin-top: 20px!important;}

.m-t-30 { margin-top: 30px!important;}



.text-c { text-align: center!important;}



/*背景*/

.site-nav-bd .menu .menu-hd .home i { background: url(../images/common-icon.png) no-repeat;}



/*顶部*/

.site-nav { width: 100%; min-width: 1210px; background: #000;}

.site-nav .site-nav-bd { background: #000; margin: 0 auto; width: 1210px; zoom: 1; height: 36px; -webkit-backface-visibility: hidden;}

.site-nav-bd a { color: #3c3c3c;}

.site-nav-bd a:hover { color: #f38f1d;}

.site-nav-bd .menu { float: left;}

.site-nav-bd .menu .menu-hd { z-index: 9992; overflow: hidden; line-height: 35px; position: relative; height: 36px; padding: 0 6px;}

.site-nav-bd .menu .menu-hd .home,.site-nav-bd .menu .menu-hd .home:hover { color: #f38f1d;}

.site-nav-bd .menu .menu-hd .home i { float: left; width: 20px; height: 20px; background-position: 0 1px; margin-top: 7px;}

.site-nav-bd .menu .menu-hd a, .site-nav-bd .menu .menu-hd p, .site-nav-bd .menu .menu-hd font { float: left; color: #ababab; margin-right: 7px;}

.site-nav-bd .menu .menu-hd a:hover { color: #ababab;}

.site-nav-bd .menu .menu-hd .nav-line { width: 1px; height: 12px; background: #afafaf; overflow: hidden; float: left; margin: 12px 12px 0 7px; font-size: 0;}

.site-nav-bd .menu .menu-bd { margin-top: -1px; position: relative; z-index: 10008; display: none;}

.site-nav-bd .menu:hover .menu-bd { display: block;}

.site-nav-bd .site-nav-bd-r .menu .menu-hd i { float: left; margin-top: 15px; width: 6px; height: 5px; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; -moz-transition: -moz-transform .2s ease-in; -webkit-transition: -webkit-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); position: relative;}

.site-nav-bd .site-nav-bd-r .menu .menu-hd:hover i { -moz-transform: rotate(180deg); -moz-transform-origin: 50% 50%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -o-transform: rotate(180deg); -o-transform-origin: 50% 50%; transform: rotate(180deg); transform-origin: 50% 50%; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); top: 0\9;}

.site-nav-bd .menu .menu-hd i em { border-right: transparent 3px solid; border-top: transparent 3px solid; left: 0; overflow: hidden; border-left: transparent 3px solid; width: 0; border-bottom: transparent 0 solid; zoom: 1; position: absolute; height: 0; border-top-color: #fff; top: 1px;}

.site-nav-bd .menu .menu-hd i span { border-right: transparent 3px solid; border-top: transparent 3px solid; left: 0; overflow: hidden; border-left: transparent 3px solid; width: 0; border-bottom: transparent 0 solid; zoom: 1; position: absolute; top: 0; height: 0; border-top-color: #000;}

.site-nav-bd .menu .menu-bd .menu-bd-panel-p { padding: 8px 0; background: #1e1f1f; left: 0; line-height: normal; position: absolute; top: 0; width: 166px; border: 1px solid #1e1f1f; border-top: none;}

.site-nav-bd .menu .menu-list .menu-bd-panel-p p { color: #ababab; line-height: 28px; white-space: nowrap; cursor: pointer; padding: 0 5px;}

.site-nav-bd .menu .menu-list .menu-bd-panel-p p:hover { color: #fff;}



/*导航*/

.header-top {  width: 100%; min-width: 1210px; background: #fff; position: relative; border-bottom: 1px solid #eee;}

.header-top .logo { width: 173px;  margin-right: 25px;  font-size: 0;}

.header-top .logo-desc { padding: 30px 0 0 0; width: 200px; font-size: 14px; font-weight: 300;}

.header-top .logo-desc dt { text-align: justify;}

.header-top .logo-desc dd { font-size: 17px; text-align: justify;}

.header-top .header-nav { float: right; height: 90px;}

.header-top .header-nav .header-nav-item { float: left;}

.header-top .header-nav .header-nav-item .header-nav-item-link { display: block; padding: 0 25px; height: 90px; line-height: 90px; font-size: 18px; color: #666; font-weight: 300; position: relative;}

.header-top .header-nav .header-nav-item-link:hover { color: #ff5400 !important;}

/*.header-top .header-nav .header-nav-item .header-nav-item-link i { background: url(../images/down-icon.png) right no-repeat; display: block; width: 11px; height: 7px; position: absolute; top: 42px; left: 106px;}*/

.header-top .header-nav .header-nav-item.space .header-nav-item-link i { left: 140px;}

.show-nav .nav-show-div { display: none; width: 100%; height: 0; padding: 25px 0 0; background: #fff; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); position: absolute; left: 0;top: 90px; z-index: 999; border-top: 1px solid #eee;border-right: 1px solid #eee;}

.show-nav .nav-show-div li { float: left; width: 280px; padding: 0; background: url(../images/nav-line.png) no-repeat right 0; padding-left:4px; padding-right:9px;border-right: 1px solid #eee;}

.show-nav .nav-show-div li img { width: 131px;}

.show-nav .space .nav-show-div li { float: left; width: 155px; background: url(../images/nav-line.png) no-repeat right 0; padding: 0 7px 0 8px;overflow: hidden;}

.show-nav .space .nav-show-div li img { width: 156px; height: 102px;}

.show-nav .nav-show-div li:first-child { margin-left: 0;}

.show-nav .nav-show-div li p { padding-bottom: 20px; padding-top: 10px; font-size: 16px; color: #333; font-weight: 300; text-align: center;}

.show-nav .nav-show-div li div { width: 100%; height: 117px; text-align: center;}

.show-nav .nav-show-div li div a { display: block; width: 250px; color: #ccc; font-size: 16px; padding: 2px 0 2px;}

.middle { width: 1200px; display: block; margin: 0 auto; padding: 0; max-width: 1200px;overflow: hidden;}

.xian{width: 1200px; display: block; margin: 0 auto; padding: 0; max-width: 1200px;overflow: hidden;}



/*底部版权导航*/

.page-footer .footer-nav { background: #272727; position: relative; line-height: 24px; padding: 30px 0; width: 100%; min-width: 1210px;}

.page-footer .footer-nav .bottom-nav { text-align: center; padding-top: 10px;}

.page-footer .footer-nav .bottom-nav ul { height: auto; overflow: hidden; padding-bottom: 15px;}

.page-footer .footer-nav .bottom-nav ul li { height: 16px; line-height: 18px; display: inline-block; *display: inline; padding-right: 13px;}

.page-footer .footer-nav .bottom-nav ul li a { display: inline-block; color: #888; vertical-align: middle;}

.page-footer .footer-nav .bottom-nav ul li span { display: inline-block; height: 13px; width: 1px; overflow: hidden; background: #888; margin: 3px 0 0 13px; vertical-align: middle;}

.page-footer .footer-nav .bottom-nav .copy { color: #888; font-size: 12px;}

.page-footer .footer-link span, .page-footer .footer-link a { color: #888; padding-right: 10px;}



/*左侧分类*/

.left-category { width: 120px; float: left; text-align: center; *position: absolute;}

.left-category h2 { font-size: 16px; font-weight: 300; height: 50px; line-height: 50px;  margin-bottom: 2px; position: relative; z-index: 1;}

.left-category h2 a { display: block; width: 100%; height: 100%; color: #fff; position: relative; z-index: 2;}

.left-category ul { padding: 10px 0;}

.left-category li { height: 40px; line-height: 40px; position: relative; z-index: 1; margin-bottom: 10px;}

.left-category h2, .left-category li { background: url(../images/category-bg.png);}

.left-category li a { display: block; width: 100%; height: 100%; font-size: 14px; color: #fff;}

.left-category h2.active, .left-category li.active { background: #ff5400; opacity: .9; filter: alpha(opacity=90);}