﻿@charset "UTF-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0;padding:0; font-family:CustomFont,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;}
li{list-style-type: none;}
a{text-decoration: none; color: inherit; cursor: pointer;}
img{border:none;vertical-align: middle;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.fl{float: left;}
.fr{float: right;}
input{outline: none;border: none;}
input[type="checkbox"]{ display: none; }
html,body{ font-size: 16px; }
.wrap{ min-width: 1300px; overflow: hidden; }

[class^="m_"]{ display: none; }
/*颜色变量*/
:root{ --color: #E22323; }
/*:root{ --color: #114F87; }*/

/*轮播图样式，外层只需规定宽高即可*/
.banner{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.banner * { margin: 0; padding: 0; list-style-type: none; text-decoration: none; }
.banner ul{ width: 100%; height: 100%; position: relative; left: -100%; top: 0; transition: 0.5s; font-size: 0; -webkit-text-size-adjust:none; white-space: nowrap; }
.banner ul.active{ transition: 0s; }
.banner ul li{ width: 100%; height: 100%; position: relative; display: inline-block; vertical-align: top; }
.banner ul li img{ width: 100%; height: 100%; border: none; display: block; }
.banner ul li p{ position: absolute; bottom: 0; left: 0; padding-top: 35px; line-height: 40px; width: 100%; background: url("../images/banner-bg.png") left bottom repeat-x; box-sizing: border-box; padding-right: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 15px; text-indent: 10px; }
.banner ol{ position: absolute; right: 10px; bottom: 15px; height: 10px; z-index: 10;}
.banner ol li{ width: 10px; height: 100%; background: #fff; display: inline-block; margin-right: 8px; cursor: pointer; vertical-align: top; border-radius: 10px; transition: 0.5s; }
.banner ol li.active{ background: #c50018; width: 40px; }
.banner .prev,.banner .next{ position: absolute; z-index: 20; top: 0; bottom:0; margin:auto; width: 30px; height: 50px; background: url(../images/icon.png); cursor: pointer; opacity: .3; transition: opacity .3s;}
.banner:hover .prev,.banner:hover .next{ opacity: 1; }
.banner .prev{ left: 10px; background-position: left bottom; }
.banner .next{ right: 10px; }
.banner.fade ul{ left: 0; }
.banner.fade ul li{ position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 1s linear; }
.banner.fade ul li.active{ z-index: 1; opacity: 1; }
.banner.lot .lotBox{ width: 20%; height: 100%; position: relative; }
.banner.lot ul li{ padding: 0 3%; box-sizing: border-box; }
.banner.lot ul li p{ position: static; padding: 0; background: none; text-indent: 0; color: #333; text-align: center; }
.banner.updown ul{ left: 0; top: -100%;  }
.banner.updown ul li{ display: block; }
.banner.updown ol{ left: 50%; right: auto; margin-left: -60px; }
/*通用tab选项卡切换样式*/
.tab-title{ border-bottom: 1px solid #ddd; position: relative; line-height: 45px;  }
.tab-title .tab-item,.tab-title .li{ font-size: 1.125rem; display: inline-block; margin-bottom: -1px; vertical-align: top; margin-right: 40px; }
.tab-title .tab-item.active,.tab-title .li.active{ color: var(--color); border-bottom: 4px solid var(--color); font-weight: bold; }
.tab-title .more{ position: absolute; top: 0; right: 0; }
.tab-title .more a{ display: none; color: #999; }
.tab-title .more a.active{ display: block; }

.tab-content{ margin-top: 5px; }
.tab-content>ul{ display: none; padding: 0 3px; }
.tab-content>ul.active{ display: block; }
.tab-content>ul>li{ padding: 0 65px 0 15px; position: relative; line-height: 45px; background: url(../images/li-bg.png) center left no-repeat; }
.tab-content>ul>li a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tab-content>ul>li span{ position: absolute; top: 0; right: 0; color: #666; font-size: 1rem; }

/*Header 样式*/
#Header{ position: relative; }
.header{ height: 300px; background: url(../images/header_bg.png) center top no-repeat; background-size: auto 100%; position: relative; }
.head-top{ width: 1300px; margin: 0 auto; line-height: 40px; color: #666; }
.head-top li{ float: left; font-size: 0.875rem; padding: 0 10px; }
.head{ width: 1300px; overflow: hidden; margin: 50px auto 0; }
.logo{ width: 50%; float: left; line-height: 100px; }
.logo img{ width: 84%; }
.logo i{ font-size: 2rem; color: var(--color); }

.search{ font-size: 0.875rem; width: 40%; float: right; margin-top: 20px; }
.search li{ line-height: 32px; border-radius: 4px; float: left; padding: 0 17px; margin-right: 20px; position: relative; }
.search li.active{ background: var(--color); color: #fff; }
.search li.active:after { content: ''; position: absolute; left: 50%; bottom: -5px; margin-left: -5px; border-top: 5px solid var(--color); border-left: 5px solid transparent; border-right: 5px solid transparent; }
.search-content{ background: #fff; line-height: 42px; position: relative; border-radius: 5px; overflow: hidden; margin-top: 10px; }
.search .inputText{ padding: 0 100px 0 20px; }
.search .inputText .word{ width: 100%; border: none; }
.search .submit{ position: absolute; right: 0; top: 0; width: 80px; padding-left: 36px; height: 42px; line-height: 42px; color: #fff; text-align: left; cursor: pointer; background: var(--color) url("../images/searchicon.png") 12px center no-repeat; }

/*nav样式*/
.nav{ background: var(--color); }
.nav ul{ width: 1300px; margin: 0 auto; }
.nav ul li{ border-bottom: 1px solid #e87475; width: 14.28%; float: left; }
.nav ul li a{ display: block; color: #fff; text-align: center; line-height: 55px; font-size: 18px; position: relative; letter-spacing: 2px; }
.nav li a:after { display: block; content: ""; position: absolute; right: 0; top: 16px; height: 23px; width: 1px; background-color: rgba(255,255,255,0.3); }
.nav li:last-child a:after { width: 0; }
.nav ul li.active a::after{ content: ""; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%;
    height: 50px; border-bottom: 6px solid #fb7d7d; }
.nav ul li:hover a{ background: #ef292a; }

/*Content样式*/
#Content{ width: 1300px; margin: 0 auto; }
.navigation{ background: #fff; font-size: 16px; line-height: 50px; margin: 20px 0; border-radius: 2px; color: var(--color); }
.navigation i{ margin: 0 20px; }


/*Footer样式*/
/*Footer样式*/
#Footer{ background: var(--color); }
.foot{ width: 1300px; margin: 0 auto; padding: 20px 0;box-sizing: border-box;}
.foot p{ text-align: left; line-height: 35px; width: 100%; margin: 0 auto; color: #fff; font-size: 15px; }
.foot>div{ line-height: 105px; margin: 0 5px;}
/* .foot a:hover{ color: #393939; } */
/*loadingTemplate样式*/
.loadingTemplate{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); opacity: 0; left: 0; top: -100%; z-index: 999; transition: opacity 0.5s; }
.loadingTemplate.active{ top: 0; opacity: 1; }
.templateWrap{ position: fixed; width: 50%; left: 25%; top: -100%; transition: 0.5s; max-height: 60%; overflow: auto; }
.templateWrap.w70{ width: 70%; left: 15%; }
.loadingTemplate.active .templateWrap{ top: 20%; }
.templateTitle{ font-size: 1rem; line-height: 50px; color: #fff; padding: 0 10px; background: var(--color); }
.templateContent{ padding: 15px; font-size: 0.875rem; background: #fff; line-height: 35px; color: #333; overflow: hidden; }
.templateContent p{ text-indent: 2em; }
.templateContent a{ float: left; padding: 0 10px; margin-right: 10px; line-height: 40px; }
.templateContent a:hover{ color: #cc0001; }

/*导航*/

.sub-zwgk{ display: none; position: absolute; z-index: 100; left: 0; right: 0; bottom: 0; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1); background-color: #fbfbfb; border-top: 1px solid #eee; }
.sub-zwgk.active{ display: block; }
.sub-zwgk .sites{ width: 1300px; margin: 0 auto; line-height: 60px; font-size: 17px; }
.sub-zwgk .sites a{ float: left; border-bottom: 1px solid #eee; width: 20%; text-align: center; }
.sub-zwgk .sites a img{ margin: -4px 5px 0 0; }
.sub-zwgk .sites a:hover{ color: red; background: url("../images/focus.png") no-repeat center bottom; }

/* 底部导航 */
.yq-link{ background-color: #eef3f8; border-bottom: 1px solid #e9e9e9; margin:  0; }
.link-list{ width: 1345px; margin: 0 auto; }
.link-list li{ width: 25%; float: left; line-height: 45px; height: 45px; position: relative; text-indent: 65px; color: #333; cursor: pointer; }
.link-list li:first-child{ margin-left: -30px; }
.link-list li::before{ content: ""; position: absolute; width: 2px; height: 20px; background-color: #b7c4d1; top: 0; bottom: 0; right: 0; margin: auto; }
.link-list li::after{ content: ""; position: absolute; border: 6px solid transparent; border-top-color: #7f92a5; top: 23px; right: 15px; }
.link-list li.active::after{ border-color: transparent; border-bottom-color: #7f92a5; top: 17px; }
.link-item{ border-top: 1px solid #e9e9e9; }
.link-item ul{ width: 1277px; margin: 0 auto; }
.link-item ul li{ overflow: hidden; padding: 10px 0; color: #666; display: none; }
.link-item ul li.active{ display: block;  }
.link-item ul li a{ float: left; width: 20%; line-height: 40px; font-size: 0.875rem }






.logo{ width: 50%; float: left; line-height: 100px; }
.logo,.logo a{ display: flex;align-items: center; }
.logo img{ width: 83px; }
.logo .word{flex: 1;display: flex;flex-direction: column; justify-content: space-between;margin-left: 15px;}
.logo .word p.cn{ line-height: 65px;color: var(--color);font-size: 41px;font-weight: 600; }
.logo .word p.en{ line-height: 20px;color: #5f4a4a;font-size: 15px;font-weight: 600; }

/* 空 */
.no-empty {
    width: 100% !important;
    height: 300px;
    background: url(http://credit.pds.gov.cn//images/search/no-empty.png) no-repeat center 40px;
    text-align: center;
    padding: 0 !important;
    padding-top: 230px !important;
}
.no-empty:after {
    content: "暂无内容";
    font-size: 18px;
}