@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, footer, header, nav, section { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
figcaption, figure, main { display: block; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
audio, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { padding: 0; vertical-align: middle; box-sizing: border-box;  }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details, menu { display: block; }
summary { display: list-item; }
canvas { display: inline-block; }
template { display: none; }
[hidden] { display: none; }




/*********
 * reset *
 ********/
p { margin: 0 ; padding: 0; }
html { font-size: 10px; font-family: sans-serif; }
html,body {
    /*width: 100%;*/
    min-height: 100%;
    font-size: 14px;
    line-height: 1.5;
    font-family: "PingFang SC", 'Microsoft YaHei', Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;
    color: #222;
    background-color: #F3F5F7;
}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: "Microsoft YaHei"; }
code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
::-moz-selection { background-color: #b3d4fc; text-shadow: none; }
::selection { background-color: #b3d4fc; text-shadow: none; }       /** 当用户用鼠标选中文字的背景色 **/
ul, ol { margin: 0; padding: 0; }
li { list-style: none; }
input::-webkit-input-placeholder { color: #95a5a6; }
input[type=password], input[type=text]:focus, select:focus {
    /*border-color: #4D90FE;*/
    outline: none;
}
a { text-decoration: none; cursor: pointer; outline: none; }
select { border: 1px solid #ccc; }

/**==========
    工具样式
   ==========**/
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-ellipsis { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.to-wrap{ word-break: break-all;word-wrap: break-word; white-space: pre-wrap; }
.text-justify{text-align:justify;text-justify:inter-ideograph;}
.hide { display: none !important; }
.show { display: block !important; }
.disabled { 
	cursor: not-allowed;
    filter: alpha(opacity=65);
    box-shadow: none;
    opacity: .65;
}
.invisible { visibility : hidden !important; }
.text-hide {    /** 隐藏文本，比如logo下边的H1 **/
    display: none;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.bold {font-weight: bold; }
.clearfix:after { clear: both; }
.padding-left24 { padding-left: 24px !important; }
.margin-left8 { margin-left: 8px; }
.margin-left12 { margin-left: 12px; }
.margin-left16 { margin-left: 16px; }
.margin-left24 { margin-left: 24px; }
.margin-left32 { margin-left: 32px !important; }
.margin-right4 { margin-right: 4px; }
.margin-right8 { margin-right: 8px; }
.margin-right12 { margin-right: 12px; }
.margin-right24 { margin-right: 24px; }
.margin-top12 { margin-top: 12px; }
.margin-bottom8 { margin-bottom: 8px !important; }
.margin-bottom16 { margin-bottom: 16px !important; }
.margin-bottom24 { margin-bottom: 24px !important; }
.red-color { color: #f01414 !important;}
.green-color { color: #16a085 !important;}
.gray-color { font-style: normal; color: #93999f !important; }
.large-size { font-size: 16px; }
.medium-size { font-size: 14px; }
.small-size { font-size: 12px; }

/**===============
    浏览器更新提示
<body>
    <!--[if lte IE 8]>
        <p class="browserupgrade">您的浏览器版本老的可笑，请到 <a href="http://browsehappy.com/">这里</a> 更新，以获取最佳的体验。</p>
    <![endif]-->
</body>
   ===============**/
.browserupgrade {
    margin: 0 auto;
    padding: 1rem;
    background-color: #ccc;
}

/**===============
    自定义页面样式
   ===============**/
.container {
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
    box-sizing: border-box;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
/** 分页 **/
.btn-pgo{ display:block; background:url(../../images/admin_bgs.gif) -146px -270px no-repeat; border:none; width:26px; height:20px; }
.page {
    margin-bottom: 24px;    
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.page table { margin: 0 auto; }
.page table .red { color: #f01414; }
.page table .currPageClass {
	margin-right: 2px;
	color: #f01414; 
}
.page table .pageClass { margin-right: 2px; }
.page table a { 
	color: #222;
	outline: none; 
}
.page table a:hover { color: #f01414; }
/**==========
    打印样式
   ==========**/
@media print {
    *,
    *:before,
    *:after {
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    /** 使用#和javascript的超链接不打印href **/
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;   /** 只有opera浏览器支持，作用是：避免在元素内部插入分页符**/
    }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }  /** 只有opera浏览器支持，作用是：避免在元素内部插入分页符**/
    img { max-width: 100% !important; }
    p, h2, h3 {
        widows: 3;          /** 当元素内部发生分页的时候，必须在页面顶部保留的最小行数 **/
        orphans: 3;         /** 当元素内部发生分页的时候，必须在页面底部保留的最小行数 **/
    }
    h2, h3 { page-break-after: avoid; }     /** 避免在元素后面插入一个分页符 **/
}

/**==========
    按钮样式
   ==========**/
/** 按钮 **/
.btn {
    display: inline-block;
    padding: .3em 1.2em;
    vertical-align: middle;
    font-family: Arial;
    line-height: 1.42857143;
    font-size: 14px;
    color: #666;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    text-align: center;
    text-decoration:none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    outline: none;
    cursor: pointer;
}
.btn:hover, .btn:focus, .btn.focus {
    background-color: #f6f6f6;
}
/*.btn:active, .btn.active { position:relative; top:1px; }*/
.btn.disabled, .btn[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    box-shadow: none;
    opacity: .65;
}
a.btn.disabled { pointer-events: none; }
.btn-default {
    color: #666;
    background-color: #f9f9f9;
    border-color: #dcdcdc;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus {
    background-color: #e9e9e9;
}
.btn-danger {
    color: #fff;
    background-color: #f01414;
    border-color: #d83526;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus {
    background-color: #EF3232;
}

/** layer 按钮 **/
.layui-layer-btn { padding: 0 15px 20px 15px !important; }
.layui-layer-btn .layui-layer-btn0 {
    border-color: #f01414 !important;
    background-color: #d83526 !important;
    color: #fff;
}



/*****************************************
* 以下内容 是 包含 header、footer 里的 css *
*****************************************/
/** 头部导航 **/
.header { background-color: #fff; }
.header .container {
    height: 100%;
    text-align: center;
}

/** header-nav **/
.header .header-nav {
	min-width: 1200px;
    height: 32px;
    line-height: 32px;
    background-color: #F5F5F5;
}
.header .header-nav .container { font-size: 0; }
.division-thread {
    display: inline-block;
    width: 1px;
    height: 12px;
    vertical-align: middle;
    background-color: #c4c4c4;
}
.list-child {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    color: #999;
    
}
.list-child .inner-list-child {
    display: inline-block;
    padding: 0 24px;
    height: 32px;
    line-height: 32px;
    color: #999;    
}
.list-child a.inner-list-child:hover { color: #f01414; }
.list-child .link { color: #999; cursor: pointer; }
.list-child .link:hover { color: #f01414; }
.list-child .inner-list-child .fa.left-icon { margin-right: 4px; }
.list-child .inner-list-child .fa.right-icon { margin-left: 4px; }
.list-child .inner-list-child .fa-caret-up { vertical-align: 1px; }
.list-child .list-ul {
    position: absolute;
    top: 32px;
    left: 0;
    display: none;
    width: 80px;
    padding: 4px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-sizing: border-box;
    z-index: 2;
    background-color: #F5F5F5;
}
.list-child .list-ul .list-item { line-height: 1.5; }

.list-child .list-ul .list-item .link {
    padding: 6px 4px;
    display: block;
    color: #999;
}
.list-child .list-ul .list-item:hover .link {
    color: #fff;
    background-color: #f01414;
}
.list-child .list-ul .list-item.border-bottom { border-bottom: 1px solid #eee; }


/* header-content新增 */
/*新增*/
.relativeLi {
  position: relative;
}

.relativeContent .item {
  height: 40px;
  width: 100%;
  font-size: 14px !important;
  line-height: 40px;
  /*border-top: 1px solid #ccc;*/
}

.relativeContent .item:hover {
  background-color: #ccc;
}

.relativeContent a {
  width: 100%;
  height: 100%;
}

.relativeContent {
  display: none;
  width: 170px;
  /*height: 600px;*/
  position: absolute;
  top: 72px;
  left: -27px;
  background-color: white;
  z-index: 1000;
}

.relativeLi:hover .relativeContent {
  display: block;
}

.header-nav-hover .container .allWrapper {
  padding: 20px;
}

.header-nav-hover .title {
  font-size: 20px;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 30px;
  margin-bottom: 20px;
}

.flex-row {
  display: flex;
}

.flex-colomn {
  display: flex;
  /*justify-content: space-between;*/
  /*align-items: center;*/
  flex-direction: column;
}

.header-nav-hover .carWrappper {
  width: 50%;
}

.header-nav-hover .carWrappper .img {
  width: 20%;
  text-align: center;
  margin-top: 40px;
}

.header-nav-hover .carWrappper img {
  /*width: 78px;*/
  height: 63px;
}

.header-nav-hover .carWrappper .content {
  flex-wrap: wrap;
  justify-content: flex-start;
  color: #333;

}

.header-nav-hover .funcWrapper {
  width: 15%;
  margin-left: 20px;
}

.header-nav-hover .bigDataWrapper {
  width: 15%;
  margin-left: 20px;
}

.header-nav-hover .othersWrapper {
  width: 20%;
  margin-left: 20px;
}

.header-nav-hover .funcWrapper .content {
  flex-wrap: wrap;
  /*justify-content: flex-start;*/

}


/*新增 end*/
/** header-content **/
.header .header-content {
	min-width: 1200px;
    height: 72px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
}
.header .header-content .logo {
    float: left;
    display: block;
    width: 100px;
    height: 100%;
    line-height: 72px;
    box-sizing: border-box;
}
.header-content .logo img {
    vertical-align: middle;
    height: 100%;
}
.header-content .nav-item {
    display: inline-block;
    float: right;
    width: auto;
    max-width: 1100px;
    height: 100%;
    /* overflow: hidden; */
}
.header-content .nav-item .item {
    position: relative;
    float: left;
    font-size: 0;
}
.nav-item .item .item-link {
    padding: 0 16px;
    display: block;
    line-height: 72px;
    font-size: 16px;
    color: #4D555D;
    text-align: center;
    text-decoration: none;
}
.nav-item.child-padd-zh .item .item-link { padding: 0 16px; }
.nav-item.child-padd-en .item .item-link { padding: 0 12px; }

.nav-item .item .item-link:hover, .nav-item .item .item-link.active {
    position: relative;
    color: #f01414;
    cursor: pointer;
}
.nav-item .item .item-link:hover:after, .nav-item .item .item-link.active:after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    border-top: 2px solid #f01414;
    content: '';
}
.nav-item .item .sub-menu {
    position: absolute;
    top: 72px;
    left: 0;
    display: none;
    padding: 8px 0;
    width: 146px;
    font-size: 14px;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.nav-item .item .sub-menu:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: '';
}
.item .sub-menu .sub-menu-list {
    display: inline-block;
    padding: 8px 0;
    width: 100%;
    box-sizing: border-box;
}
.item .sub-menu .sub-menu-list a {
    display: block;
    width: 100%;
    color: #333;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.item .sub-menu .sub-menu-list a:hover { color: #f01414; }
.header-nav-hover {
    position: absolute;
    top: 104px;
    left: 0;
    right: 0;
    display: none;
    width: 100%;
    min-width: 1200px;
    font-size: 14px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.2);
    z-index: 2;
}
.header-nav-hover:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: '';
}
.header-nav-hover .full {
    display: none;
}
.header-nav-hover .container {
    text-align: left;
}
.header-nav-hover .sub-menu-item {
    display: inline-block;
    padding: 24px 20px 16px 20px;
}
.header-nav-hover .sub-menu-item.img-into { width: 146px; }
.header-nav-hover .sub-menu-item.icon-into { width: 160px; }

.header-nav-hover .sub-menu-item a {
    display: block;
    width: 100%;
    color: #333;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}
.header-nav-hover .sub-menu-item a:hover { color: #f01414; }
.header-nav-hover .sub-menu-item .sub-menu-item-img {
    display: block;
    width: 100%;
    width: 70px;
    height: 70px;
    margin: 0 auto;

}
.header-nav-hover .sub-menu-item .sub-menu-item-img img {
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    object-fit: contain;

}
.header-nav-hover .sub-menu-item .sub-menu-item-text {
  padding: 8px 0;
  width: 100%;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.header-nav-hover .sub-menu-item .sub-menu-item-icon {
    display: block;
    width: 100%;
    font-size: 36px;
    text-align: center;
}


/** 版权链接 **/
.footer {
    margin-top: 40px;
    padding: 16px 8px;
    width: 100%;
    min-width: 1200px;
    font-size: 0;
    color: #787D82;
    background-color: #1C1B1B;
    box-sizing: border-box;
}
.footer .footer-content {
    padding: 16px 0;
    font-size: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.footer .footer-content .footer-map {
    float: left;
    display: inline-block;
    margin-right: 67px;
    width: 560px;
}
.footer .footer-content .footer-map.i18n-l {    /** 法语 **/
	margin-right: 0;
	width: 656px; 
}
.footer-content .footer-map .footer-item {
    float: left;
    display: inline-block;
    width: 140px;
}
.footer .footer-content .footer-map.i18n-l .footer-item {  /** 法语 **/
	padding-right: 10px;
	width: 164px;
	box-sizing: border-box; 
}
.footer-map .footer-item .footer-item-h4 { margin-bottom: 16px; }
.footer-map .footer-item .footer-item-h4 a {
    font-size: 14px;
    color: #c8cdd2;
    text-decoration: none;
    cursor: pointer;
}
.footer-map .footer-item .footer-item-h4 a:hover { color: #fff; }
.footer-map .footer-item .footer-ul-item { padding-bottom: 8px; }
.footer-ul-item a {
    font-size: 14px;
    color: #787D82!important;
    text-decoration: none;
    cursor: pointer;
    /** white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; **/
}
.footer-map .footer-item .footer-ul-item a:hover { color: #c8cdd2; }
/* footer新增 */
.footer-Link {
  margin-top: 50px;
  display: flex;
}
.footer-icon {
  position: relative;
}

.footer-img {
  position: absolute;
  display: none;
  bottom: 40px;
  left: -50px;
}

.footer-icon:hover .footer-img {
  display: block;
}
 .footer-qr-code {
    float: left;
    width: 250px;
    margin-right: 67px;
}
.footer-qr-code .weichat {
    float: left;
    width: 47%;
}
.footer-qr-code .weichat .weichat-img img {
    width: 100%;
}
.footer-qr-code .weichat .weichat-text {
    padding: 8px 0;
    font-size: 14px;
    text-align: center;
}
.footer-qr-code .weibo {
    float: right;
    width: 47%;
}
.footer-qr-code .weibo .weibo-img img {
    width: 100%;
}
.footer-qr-code .weibo .weibo-text { padding: 8px 0; font-size: 14px; text-align: center; }
.footer-qr-code .weibo .weibo-text a {
    font-size: 14px;
    color: #787D82;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.footer-qr-code .weibo .weibo-text a:hover { color: #c8cdd2; }

.footer .footer-content .contact {
    float: left;
    width: 240px;
    font-size: 0;
}
.footer-content .contact .footer-contact-title {
    padding: 4px 0;
    font-size: 18px;
    color: #fff;
    text-align: right;
}
.footer-content .contact .contact-phone {
    padding: 4px 0;
    font-size: 18px;
    color: #fff;
    text-align: right;
}
.footer-content .contact .contact-time {
    padding: 4px 0;
    font-size: 14px;
    text-align: right;
    white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;
}
.footer-content .contact .focus-on {
    padding: 6px 0 0 0;
    text-align: right;
    font-size: 14px;
    color: blue;
}
.focus-on .focus-item img { width: 30px; }

.footer .footer-copyright {
    padding-bottom: 16px;
    font-size: 14px;
}
.footer .footer-copyright a { color: #787D82; }
.footer .footer-copyright a:hover { color: #c8cdd2; }
.loading {
    position: relative;
    top: 10px;
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    background-color: #fff;
    background-image: url(../../images/public/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    padding: 8px;
    border-radius: 4px;
}