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; }