html {overflow-y: scroll;-webkit-text-size-adjust: 100%;color:#3e3a39;}
html * {-webkit-tap-highlight-color: transparent;}
html, body {font-family: "Microsoft YaHei","Source Han Sans CN",sans-serif;}
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
fieldset, img {border: none 0;}
em, i, strong {font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
ul, ol {list-style: none;}
del {text-decoration: line-through;}
input, button, textarea, select {font-size: 100%;border: none;background: none;-webkit-appearance: none;}
a, button, input, select, textarea, a:focus, button:focus, input:focus, select:focus, textarea:focus {outline: 0 none;}
a {text-decoration: none;color: #666;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
a{
color: inherit;
text-decoration: none;
border: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
color: inherit;
outline:none;
background: none;
text-decoration: none;
}
.a_cls{
color: inherit!important;
text-decoration: none!important;
border: none!important;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0)!important;
-webkit-user-select: none!important;
-moz-user-focus: none!important;
-moz-user-select: none!important;
}
.a_cls,.a_cls:hover,.a_cls:active,.a_cls:visited,.a_cls:link,.a_cls:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0)!important;
-webkit-tap-highlight-color: transparent!important;
color: inherit!important;
outline:none!important;
background: none!important;
text-decoration: none!important;
}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mb50{margin-bottom: 50px;}
.mb100{margin-bottom: 100px;}
.mb150{margin-bottom: 150px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.mr15{margin-right:15px}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pb100{padding-bottom: 100px;}
.f14{font-size: 14px;}
.f12{font-size: 12px;}
.f30{font-size: 30px;}
.fb{font-weight: bold;}
.fl_g{float: left}
.fr_g{float: right}
.tc{text-align: center}
.lh40{
line-height: 40px;
}
.pr{position: relative}
.container{
width: 1600px;
padding-left: 0;
padding-right:0;
}
.container2{
margin: 0 auto;
width: 1600px;
}
.container3{
margin: 0 auto;
width: 1600px;
}
.justify{text-align:justify!important;text-justify:inter-ideograph!important;}
.navbar{
margin-bottom: 0;
background-image: linear-gradient(to right, rgb(145,23,36) 0%,rgb(200,46,49) 50%,rgb(145,23,36) 100%);
background-color: #c22b30;
}
.navbar-box-fixed{
height: 58px;
box-shadow: 0 5px 15px rgba(200,46,49, 0.5);
}
/* .navbar-box-fixed .navbar-sub-list{
display: none;
} */
/* .navbar-box-fixed .navbar-item {
height: auto;
line-height: 100px;
} */
.navbar-box-fixed .navbar-left{
margin-left:60px;
padding-right:30px;
}
.navbar-box-fixed .navbar-right{
margin-right:60px;
padding-left:30px;
}
.navbar-box-fixed .navbar-list{
border-bottom: none;
}
.navbar-logo {
position: relative;
z-index:2;
margin: 0 auto;
width: 195px;
height: 94px;
font-size:0;
text-align: center;
}
.navbar-logo:after{
content:'';
display:inline-block;
height:100%;
width:0;
overflow:hidden;
vertical-align:middle;
}
.navbar-logo .logo-img{
display:inline-block;
vertical-align:middle;
width: 195px;
height: 94px;
font-size:0;
overflow: hidden;
line-height: 94px;
background: url('../image/logo_bg.png') no-repeat center;
background-size: 100% auto;
}
.navbar-logo .logo-img:after{
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
overflow: hidden;
}
.navbar-logo .logo-img img{
height: 74px;
vertical-align: middle;
}
.logo-img-fix{
display: none;
vertical-align: middle;
height: 44px;
}
.head_news{
position: relative;
/*margin-top: -20px;*/
}
.navbar-item .kdj{
padding-left: 25px;
background: url('../image/kdj.png') no-repeat left center;
background-size: auto 20px ;
text-decoration: none;
}
.navbar-logo .logo-img-fix img{
display: block;
height: 100%;
width: auto;
}
.head_news h6{
position: absolute;
left: 50%;
top:50px;
line-height: 1.1;
text-align: center;
height: 25px;
width: 250px;
/*border-bottom-left-radius: 20px;*/
/*border-bottom-right-radius: 20px;*/
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOQAAAAWCAYAAADQDTCfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYxREY2OTAyMjQxRjExRUNBRUU4REY1NEQzNDU3MTdBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYxREY2OTAzMjQxRjExRUNBRUU4REY1NEQzNDU3MTdBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjFERjY5MDAyNDFGMTFFQ0FFRThERjU0RDM0NTcxN0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjFERjY5MDEyNDFGMTFFQ0FFRThERjU0RDM0NTcxN0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6l/mxfAAABSklEQVR42uzcMUoDQRjF8cminTfwDIoiNp5BBUFvoYXpBFurgGn0FCIGtLfSxhUhtaWSAySNEVnfkIkQ2ITM7H6x+f/gQVg2Wzx47CaBNJ7WNpysKNtKU9l1ABblXmkrL8ogCwcHyqOyp5zTEbAQfmv7YXt+gy4rOekirBaAnYewtQnZlJPb9AWYuiw7OG2QOX0BpvKYQfbpCzDVjxkkgH/AIAEGCaBMoyiKiQPP65vjlwX1AHbb2+m+cYcEeGQFUHmQ/PQB2BimDLJHb4CJXsogu/QGmMhTBtmhN8BEJ2WQN8oH3QG1+gzbih6k/+DZpD+gVqfKV8ogx3fJFh0CtWjNujvOM0jvTLmiS6CS67AlV3WQP8qJcqi80ysQxW/mSDkOW5ppKeLCt2701x7+4gfKlrKqLNM58Ofbjb64eVXuwiPqcN43/wowAPybNhSO3tjGAAAAAElFTkSuQmCC") no-repeat center;
background-size: 100% 100%;
color:#FFF;
font-size:14px;
transform: translateX(-50%);
/*box-shadow: 0 -20px 25px rgba(200,46,49, 0.4);*/
}
/*.head_news h6:before{*/
/*content: '';*/
/*position: absolute;*/
/*left:0;*/
/*bottom:0;*/
/*width: 0;*/
/*height: 0;*/
/*border-top: 20px solid #c22b30;*/
/*border-left: 20px solid transparent;*/
/*transform: translateX(-100%);*/
/*}*/
/*.head_news h6:after{*/
/*content: '';*/
/*position: absolute;*/
/*right:0;*/
/*bottom:0;*/
/*width: 0;*/
/*height: 0;*/
/*border-top: 20px solid #c22b30;*/
/*border-right: 20px solid transparent;*/
/*transform: translateX(100%);*/
/*}*/
.navbar-box-fixed .navbar-logo{
height: 58px;
line-height: 58px;
}
.navbar-box-fixed .logo-img-fix{
display: inline-block;
}
.navbar-box-fixed .logo-img{
display: none;
}
.navbar-item2{
display: none;
}
.navbar-box-fixed .navbar-item.navbar-item2{
display: block;
margin-left: 20px;
width: 20px;
float: right;
}
.navbar-item .more{
background: url('../image/more.png') no-repeat center;
}
.navbar-item .more:hover{
text-decoration: none;
}
.navbar-left,.navbar-right {
width: 610px;
font-size: 12px;
line-height: 1;
position: relative;
}
.navbar-left{
}
.navbar-right {
margin-right: 0;
}
.navbar-left a,
.navbar-right a{
color: #fff;
text-decoration: none;
}
.navbar-list{
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
font-size: 18px;
border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.navbar-left .navbar-list{
padding:20px 38px 10px 20px;
}
.navbar-right .navbar-list{
padding:20px 20px 10px 38px;
}
.navbar-item-zw{
-ms-flex:1;
flex:1;
}
.navbar-item {
line-height: 18px;
font-size: 18px;
text-align: center;
}
.navbar-item.hover{
position: relative;
z-index:112;
/*background: url(../image/navbar_sub_arrow.png) center bottom no-repeat;*/
}
.navbar-item.hover:after{
content: '';
position: absolute;
left: 50%;
bottom:-14px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid #FFF;
transform: translateX(-50%);
}
.navbar-box-fixed .navbar-item.hover:after{
/*bottom:23px;*/
}
.navber-item-sub-box{
position: absolute;
left:0;
right: 0px;
margin-top: 0;
background: url(../image/navbar-sub-bg.png) right bottom #fff no-repeat;
padding: 10px 20px 20px 30px;
box-sizing: border-box;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
display: none;
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
z-index: 111;
}
.navbar-right .navber-item-sub-box{
left:0px;
right: 0px;
}
.navbar-item-sub-list-flex{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navber-item-sub-box span{
display: block;
/*min-width: 20%;*/
}
.navber-item-sub-box a{
display: inline-block;
padding: 10px;
box-sizing: border-box;
font-size: 13px;
color: #6b211f;
}
.navber-item-sub-box a:hover{
background-color: rgba(239,239,239,0.6);
}
.navbar-item-sub-list{
display: none;
}
.navbar-left .navbar-sub-list{
padding: 10px 38px 20px 20px;
font-size:14px;
line-height: 14px;
display: -ms-flexbox;
display: flex;
}
.navbar-right .navbar-sub-list{
padding: 10px 18px 20px 38px;;
font-size:14px;
line-height: 14px;
display: -ms-flexbox;
display: flex;
}
.navbar-sub-item{
/*float: left;
width: 14%;*/
text-align: center;
white-space:nowrap;
}
.navbar-sub-list .navbar-item-zw{
position: relative;
height: 15px;
}
.navbar-sub-list .navbar-item-zw:before{
content: '';
position: absolute;
left: 50%;
top:0;
width: 1px;
height: 100%;
background: #3e3a39;
opacity: 0.2;
}
.navbar-sub-item:last-child{
border-right: none;
}
.back{
display: none;
position: fixed;
z-index: 10;
right:30px;
bottom: 90px;
background: url('../image/back.png') center no-repeat;
width: 53px;
height: 53px;
/* -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; */
overflow: hidden;
opacity: 0.5;
cursor: pointer;
}
.back:hover{
opacity:1;
}
.backWeb{
display: none;
position: fixed;
z-index: 10;
right:30px;
bottom: 30px;
background: url('../image/backWeb.png') center no-repeat;
width: 53px;
height: 53px;
/* -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; */
overflow: hidden;
opacity: 0.5;
cursor: pointer;
}
.backWeb:hover{
opacity:1;
}
.searchBox{
display: none;
position: fixed;
z-index:10;
left: 0;
top:0;
bottom: 0;
width: 100%;
padding-top:200px;
background-color: rgba(0,0,0,0.6);
}
.navbar-box-fixed .searchBox{padding-top:160px;}
.search_box{
margin: 0 auto;
padding-left: 55px;
width: 665px;
height: 46px;
background: #FFF url('../image/search.png') no-repeat 10px center;
border-radius: 5px;
}
.search_box input{
float: left;
width: 470px;
height: 46px;
font-size: 16px;
}
.search_box span{
margin: 4px;
float: right;
width: 128px;
line-height: 38px;
border-radius: 3px;
text-align: center;
font-size: 18px;
color: #FFF;
background-color: #b81c22;
cursor: pointer;
}
.footer{
background-color: #585756;
padding: 0 80px;
}
.footer-left,
.footer-right{
width: 570px;
padding: 0 30px;
}
.footer-logo{
border-radius: 50%;
margin-top: -90px;
cursor: pointer;
}
.footer-left {
color: #ececec;
padding-left: 120px;
line-height: 2em;
}
.footer-left,.footer-right{
padding-top: 60px;
}
.footer-left-title{
margin-left: -80px;
float: none!important;
}
.footer-left a{
color: #ececec;
padding: 0 10px;
border-right: 1px solid #6b6a69;
}
.footer-left a.noborder{
border-right: none;
}
.pull-leftA{
font-size:0px;
}
.pull-leftA a{
font-size:14px;
}
.pull-leftA span{
display: inline-block;
vertical-align: top;
min-width: 4em;
height: 2em;
overflow: hidden;
transition: all 0.2s;
text-align:justify!important;
text-justify:inter-ideograph!important;
}
.pull-leftA span:after{
content: '';
width: 100%;
display: inline-block;
overflow: hidden;
height: 0;
margin: 0;
}
.pull-leftA span:hover{
transform:translateY(-6%)
}
.footer-right-title{
color:#ececec;
line-height: 2em;
}
.footer-right-guanzhu{
padding: 23px 30px;
}
.footer-right-guanzhu-box{
position: absolute;
left: 50%;
bottom: 150%;
border-radius: 5px;
transform: translate(-50%, 0);
display: none;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.footer-right-guanzhu-box-item{
position: relative;
padding: 5px 10px;
border-radius: 5px;
background-color: #fff;
min-width: 80px;
text-align: center;
}
.footer-wechat .footer-right-guanzhu-box-item,.footer-douyin .footer-right-guanzhu-box-item{
padding: 10px;
}
.footer-right-guanzhu-box-item:before{
width: 20px;
height: 10px;
background: url(../image/footer-guanzhu-arrow.png) left top no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
bottom: -10px;
transform: translate(-50%, 0);
display: block;
content: '';
}
.footer-right-guanzhu .footer-icon{
margin-left:20px;
width: 40px;
height: 40px;
position: relative;
display: inline-block;
cursor: pointer;
}
.footer-right-guanzhu .footer-icon::before{
position: absolute;
width: 98px;
height: 30px;
display: block;
content: '';
left: -50%;
margin-left: -10px;
bottom: -20px;
background: url('../image/footer_bg.png') left top no-repeat;
background-size: 100% 100%;
opacity: 0;
}
.footer-right-guanzhu .footer-icon.hover::before {
opacity: 1;
}
.footer-qq{
background: url(../image/qq.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-qq:hover{
background: url(../image/qq_hover.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-wechat{
background: url(../image/wechat.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-wechat:hover{
background: url(../image/wechat_hover.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-weibo{
background: url(../image/weibo.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-weibo:hover{
background: url(../image/weibo_hover.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-toutiao{
background: url(../image/toutiao.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-toutiao:hover{
background: url(../image/toutiao_hover.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-douyin{
background: url(../image/douyin.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-douyin:hover{
background: url(../image/douyin_hover.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-bilibili{
background: url(../image/bilibili.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-bilibili:hover{
background: url(../image/bilibili_hover.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-xuexiqiangguo{
background: url(../image/xuexiqiangguo.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-xuexiqiangguo:hover{
background: url(../image/xuexiqiangguo_hover.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-yiban{
background: url(../image/yiban.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-yiban:hover{
background: url(../image/yiban_hover.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-zhongguojiaoyu{
background: url(../image/zhongguojiaoyu.png) left top no-repeat;
background-size: 100% 100%;
}
.footer-zhongguojiaoyu:hover{
background: url(../image/zhongguojiaoyu_hover.png) left top no-repeat;
background-size: 100% 100%;
}
.footer .footer-map{
text-align: center;
color: #8b8988;
font-size: 13px;
position: relative;
height: 0px;
}
.footer .footer-map::before{
width: 100%;
height: 1px;
border-top: 1px solid #8b8988;
position: absolute;
left: 0;
top: 0px;
content: '';
display: block;
}
.footer .footer-map div{
position: absolute;
left: 50%;
top: 0;
background-color: #585756;
margin-left: -60px;
color: #8b8988;
width: 130px;
}
.footer-copyright {
padding: 30px 0;
text-align: center;
font-size: 14px;
color: #fff;
}
.footer-copyright p:last-child{
font-size: 12px;
margin-top: 10px;
color: #8b8988;
}
.footer-left-item{
float: right;
}
.footer-left-item-div{
line-height: 24px;
font-size:12px;
color:rgba(236,236,236,0.7);
}
.pull-leftB{
padding-left:0px!important;
}
.footer-left-item{
margin-bottom: 10px;
}
.footer-left-item-link{
margin-bottom: 10px;
position: relative;
padding-right:10px;
width: 140px;
line-height: 30px;
height: 30px;
border:1px solid #818181;
text-align: center;
font-size:12px;
cursor: default;
color:rgba(236,236,236,0.7);
}
.footer-left-item-link:after{
content: '';
position: absolute;
right:7px;
top:13px;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #b0b0b0;
}
.footer-left-item-link ul{
display: none;
position: absolute;
left: -1px;
right: -1px;
padding:10px 0;
bottom:30px;
max-height: 200px;
background-color: #585756;
line-height: 2.5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: auto;
}
.footer-left-item-link ul li{
line-height: 1.5;
padding: 5px 0;
}
.footer-left-item-link ul li:hover{
color: #fff;
}
.footer-left-item-link ul a{
display: block;
color:rgba(236,236,236,0.7);
border:none;
}
.footer-left-item-link:hover ul{
display: block;
}
/*椤电爜*/
.paginationBox{
font-size:0;
line-height: 0;
}
.paginationBox span{
margin: 0 5px;
display: inline-block;
vertical-align: middle;
font-size:14px;
padding: 0 6px;
line-height: 24px;
min-width: 34px;
text-align: center;
border:1px solid #eee;
cursor: pointer;
}
.paginationBox span:hover{
background-color: #b81c22;
color:#FFF;
}
.paginationBox span.checked{
background-color: #b81c22;
color:#FFF;
}
.paginationBox em{
margin: 0 3px;
display: inline-block;
vertical-align: middle;
font-size:14px;
line-height: 24px;
}
.paginationBox input{
width: 36px;
height: 26px;
text-align: center;
border:1px solid #eee;
}