@charset "utf-8";
/* CSS Document */
*{margin:0 ;padding:0;}
a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;color:#1d2088}
img{outline:none;border:none;}
ul,li{list-style:none; margin: 0; padding: 0;}
body{font-family:"Source Han Sans CN","Microsoft YaHei"; width: 100%;background: #fff; color: #333}
html {overflow-y: scroll;}
:root {overflow-y: auto;overflow-x: hidden;}
:root body {position: absolute;}
.clear {clear:both;}
body,button,input,select,textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern"}
.max-line-1 {display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.max-line-2 {display:-webkit-box;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.header{position:relative;width:100%;padding:0;}
.header {width:100%;background-color:#fff; box-shadow: 0px 3px 12px 0px rgba(153,153,153,0.20); margin:0 auto;z-index:88;padding:0;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear; border: none; position: fixed;top: 0;left: 0;}
.header .header_warp {height:100%;padding: 0px 0 0 0;}
.header .header_warp .logo {width:auto;height:100%;float:left;display:flex;align-items:center;justify-content:center; margin-top: 10px; flex-direction: row;}
.header .header_warp .logo a {display:inline-block; width: 100%;}
.header .header_warp .logo .logo-img{width: 60px; height: 41px; background-repeat: no-repeat;background-size: contain;}
.header .header_warp .logo .logo-name{ font-size: 24px; color: #444; font-weight: 500; padding-top: 10px; }
.header .collapsing,.header .in {height:100%;position:fixed;background:#fff;z-index:9999999;max-height:100%;left:0;top:60px;border-top:0;overflow:inherit;margin:0;padding:10px 0 0 0;width:100%;box-shadow: 0 0 0.2rem rgba(0,0,0,.1);border-bottom: 1px solid #eee;}


.navbar-nav>li>a>i {display:none}
.navbar-nav>li>a{color:#666; padding: 25px 15px;line-height: normal;font-weight: 500;}
.nav>li>a:focus,
.nav>li>a:link,
.nav>li>a:visited {color:#666; background:none;}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover{background-color: #0063FF;}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover{ background: #0063FF;}

.navbar-inverse .navbar-toggle .icon-bar{ background-color: #666;}
.xp_icon .navbar-toggle .sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.xp_icon .navbar-toggle .icon-bar {background-color:#181818}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background: none;}
.navbar-toggle{margin-top:15px;}
.header .collapsing .navMenu,.header_warp .in .navMenu {margin:0;padding:0 25px;box-sizing:border-box;overflow:auto;width:100%}
.header .collapsing .navMenu li,.header_warp .in .navMenu li {height:auto;width:100%;border-bottom:1px solid #e8e8e8;display:inline-block;padding:0 0 0 0px;box-sizing:border-box}
.header .collapsing .navMenu li a,.header_warp .in .navMenu li a {width:100%;display:inline-block;float:left;line-height:50px;height:50px;padding:0 0px 0 0; font-weight: normal;color: #333; background:none;}
.header .collapsing .navMenu li a i,.header_warp .in .navMenu li a i {display:block;font-style: normal; color: #666;}
.header .collapsing .navMenu li a i,.header_warp .in .navMenu li a i:before{content: '+';padding-right: 10px;display: block;}

.marginTop{margin-top: 70px;}
.web-banner {background-size: cover; width: 100%; display: inline-block; background-position: center;}
.web-banner a {display: block;width: 100%;height: 100%}
.banner-info{height:100%;text-align:center; display: inline-block;margin: 10% 0; width: 100%;}
.banner-info .tit{font-size:48px;font-weight:700;color:#ffffff;margin-bottom:10px}
.banner-info .title{margin-bottom:30px}
.banner-info .subtitle{font-size:24px;font-weight:500;color:#ffffff;margin-bottom:30px}
.banner-info .desc{font-weight:400; line-height: 1.8; text-align: center;}
.banner-info .desc p{color:#ffffff;}
.banner-info .down{width:114px;height:32px;float:left;background:#fff;border-radius:2px;line-height:32px;color:#fff;text-align:center}
.banner-info .down a{color:#0092e5; display: inline-block; width: 100%;}
.banner-menu{margin: 15% 0;}

.report-container{ width: 100%; display: inline-block;margin: 3% 0;}
.serial_number_form{ text-align: center;}
.serial_number_form .input {max-width: 100%;height: 40px; margin-right: 5px; font-weight: bold;  width: 300px; background: #F2F6F8;opacity: 1;border-radius: 4px;border: 1px #eee solid;padding: 0 16px;box-sizing: border-box;-webkit-tap-highlight-color: rgba(255,0,0,0);}
.serial_number_form .input_box{display: inline-block;}
.serial_number_form .input_box .n{ display: inline-block; font-weight: bold;font-size: 18px;}
.serial_number_form .form_submit{background: #0063FF;border-radius: 4px;color: #fff;line-height: 0px;border: none;cursor: pointer;font-size: 16px;padding: 20px 64px;}

.report-detail{ width: 100%; display: inline-block; margin: 3% 0 0 0;}
.report-detail .table-bordered{margin-bottom: 0;}
.report-detail .table-bordered thead tr th{border-bottom-width:0; background-color: #f5f5f5; padding: 5px 2px; text-align: center; word-break: break-all;    line-break: anywhere;}
.report-detail .table-bordered tbody tr td{ word-break: break-all;    line-break: anywhere; padding: 5px 2px;}
.titleBox{ width: 100%; float: left; text-align: center; margin: 2.5% 0;}
.titleBox .h1{ text-align: center; font-size: 32px; font-weight: 400; width: 100%; float: left; margin-bottom: 10px;}
.titleBox p { color: #999999; width: 80%; margin: 0 auto; text-align: center;}

.note-box{ width: 100%; display: inline-block;border-top: 1px #eee solid; margin: 5% 0;padding-top: 5%;}
.note-box .note-content{ width: 60%; text-align: left; margin: 0 auto; line-height: 20px;}
.note-box a{ color: #0063FF;}

.login_public .form{margin: 8% 0;    display: inline-block;width: 100%;}
.login_public .form h2{position:relative;text-align:center;color:#000;font-size:28px;font-weight:600;letter-spacing:5px;margin-bottom:40px;cursor:pointer}
.login_public .form h2::before{content:"";position:absolute;left:0;bottom:-10px;width:0px;height:3px;background:#fff;transition:0.5s}
.login_public .form h2:hover:before{width:53px}
.login_public .form .inputBox{margin-top:16px;text-align:center}
.login_public .form .inputBox input{width:300px;padding:10px 30px 10px 20px;background:#F2F6F8;outline:none;border:none;font-size:14px;letter-spacing:1px;color:#666;box-sizing:border-box}
.login_public .form .inputBox input::placeholder{font-size:14px;color:#000;opacity:.3}
.login_public .form .inputBox input::placeholder{color:#666}
.login_public .form .inputBox #input1{border-radius:4px;background:#0063FF;cursor:pointer;font-size:16px;color:#FFFFFF}
.login_public .form .loginForm .buttonBox{margin-top:30px}
.banner-left{text-align: left;}
.layui-layer{border-radius: 10px!important;}
.articleContent{ width: 100%; float: left;}
.articleContent .titleBox{ border-bottom: 1px #ccc dashed; width: 100%; float: left; text-align: center; padding: 3% 0; margin-bottom: 3%;}
.articleContent .titleBox h3{ font-weight: bold; font-size: 22px; text-align: center}
.articleContent .titleBox .tag{ color: #999999; margin-top: 15px}
.article-content{font-size:14px;line-height:30px; padding: 3% 25px; background: #ffffff;word-break:break-all;word-wrap:break-word;}
.article-content h3,.article-content h4， .article-content h5{border-bottom:#eee 1px solid;padding-bottom:5px;margin-bottom:20px}
.article-content h2{font-size:18px;font-weight:normal;margin:20px -20px 20px -24px;padding:10px 20px 9px 20px;line-height:18px;border-left:4px solid #428BCA;background-color:#fbfbfb}
.article-content h3{font-size:16px}
.article-content h4{font-size:14px}
.article-content h5{font-size:12px}
.article-content ul{margin:0 0 16px 26px}
.article-content ol{margin:16px}
.article-content ul li{padding-left:20px;margin-bottom:10px;*list-style:disc;*padding-left:0;line-height:25px}
.article-content ol li{list-style:decimal;margin-left:28px;line-height:25px}
.article-content p{margin-bottom:10px}
.article-content pre{word-break:break-all;word-wrap:break-word}
.article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:16px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-content .alignleft{float:left;text-align:left;margin-right:10px}
.article-content .aligncenter{margin: 0 auto;text-align: center;display: block;}
.article-content .alignright{float:right;text-align:right;margin-left:10px}
.article-content a{color:#333;text-decoration:underline}
.article-content a:hover{color:#e60012}
.article-content img{ max-width: 100%;}


.sy_xl_txt{ font-size:14px; line-height:35px; color:#333; width:45%;padding-top:0px;}
.spz18_000{ font-size:24px; color:#333;display: block;padding-bottom: 20px;}

.table-responsive{overflow-x: visible;}

@media (min-width: 1920px){
    .container {  width: 1200px;}
}

@media screen and (min-width: 1200px ) and (max-width: 1920px ){
    .container {  width: 1200px;}

}
@media screen and (min-width: 1024px) and (max-width: 1199px ){

}

@media screen and (min-width: 768px) and (max-width: 1023px ) {

}
@media screen and (max-width: 768px){
    .marginTop{margin-top: 60px;}
    .header .header_warp .logo{margin-left: 10px;margin-top:5px; margin-bottom: 10px;}
    .navMenu li.xp_nav_pro .childList{ width: 100%;    float: left;}
    .navMenu li.xp_nav_pro .cateName{ float: left;}
    .navMenu li.xp_nav_pro .xp_container{padding-bottom: 0;}
    .navMenu li.xp_nav_pro .cateName a img{width: 25px; height: 25px;}
    .navMenu li.dropdown .xp_container>li>a{padding: 5px 10px;}
    .banner-info{text-align: center;    width: 100%;}
    .banner-info .tit{font-size: 28px;}
    .banner-info .desc{width: 100%; text-align: left;}
    .report-container{margin: 10% 0 5% 0;}
    .note-box .note-content{width: 100%;}
    .serial_number_form .input{width: 200px;}
    .serial_number_form .form_submit{    padding: 20px 20px;}
    .login_public .form .inputBox input{width: 250px;}
    .sy_xl_txt{width: 100%;}
    .articleListBox .container{padding: 0;}
    .article-content{padding-left: 15px; padding-right: 15px;}
}