/*
* @describe：common样式  每个页面都需要引入
* @Author: 王凯
* @Date:   2020-05-27
*/

@charset "utf-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
input,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    word-break: break-all;
}

body {
    font-family: Arial, sans-serif, "微软雅黑";
    font-size: 14px;
    line-height: 160%;
    color: #333;
    background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 16px;
}

img {
    border: 0;
    vertical-align: middle;
}

em,
i {
    font-style: normal;
}

ins {
    text-decoration: none;
}

ul,
li,
ol,
dt,
dd,
dl {
    list-style: none;
    outline: none;
}

input,
button,
select,
textarea {
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

html,
body {
    height: 100%;
}

html {
    width: 100%;
    min-width: 1200px;
}

#app {
    position: relative;
    height: 100%;
}

#app .topmain {
    box-sizing: border-box;
    min-height: calc(100% - 181px);
}

a:link,
a:visited {
    color: #222;
}

a:hover,
a:active {
    color: #b70000;
    text-decoration: underline;
}

.clear {
    clear: both;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.pos_rel {
    position: relative;
}

.elips,
.elips li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elips2,
.elips2 li {
    word-break: break-all;
    display: -webkit-box;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.gray {
    color: #666 !important;
}

.dipgray {
    color: #999 !important;
}

.txtC {
    text-align: center;
}


/*iconfont  begin */

@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), url('../iconfont/iconfont.woff2') format('woff2'), url('../iconfont/iconfont.woff') format('woff'), url('../iconfont/iconfont.ttf') format('truetype'), url('../iconfont/iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}


/*iconfont  end */


/*---- 兼容webkit 内核的滚动条样式 -----*/


/*  默认滚动条样式修改 begin */

div::-webkit-scrollbar,
ul::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #000;
}


/* 外层轨道 */

div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track {
    border-radius: 10px;
}


/* 内层轨道 */

div::-webkit-scrollbar-track-piece,
ul::-webkit-scrollbar-track-piece {
    background-color: #fff;
}


/* 滚动的滑块 */

div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #fff;
}

div:hover::-webkit-scrollbar-thumb,
ul:hover::-webkit-scrollbar-thumb {
    background: rgba(174, 10, 41, .2);
}

.padT0 {
    padding-top: 0px !important;
}


/* 默认滚动条样式修改 end */


/*---------------   头部 样式begin ------------------------*/

.top {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-image: linear-gradient(90deg, #780000, #b70000);
}

.topCon {
    position: relative;
    width: 1200px;
    margin: 0px auto;
}

.scholl a {
    color: #fff;
    margin-right: 35px;
}

.jiansuo {
    margin-right: 35px;
}

.jiansuo a {
    color: #fff;
}

.personInfo {
    color: #fff;
    position: relative;
    min-width: 60px;
    padding-right: 15px;
    margin-right: 8px;
}

.personInfo::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 15px;
    background: #fff;
    margin: -1px 0 0 15px;
}

.personInfo img {
    width: 28px;
    height: 28px;
    border-radius: 14px;
    overflow: hidden;
}

.personInfo a {
    color: #fff;
}

.dropDownBox {
    position: absolute;
    display: none;
    top: 44px;
    right: 0px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    width: 100px;
    z-index: 9999;
    padding: 5px 0;
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    box-sizing: border-box;
    border-radius: 2px;
}

.personInfo:hover .dropDownBox {
    display: block;
}

.dropDownBox:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
    border-top: 0;
    border-left: 0;
    transform: rotate(-135deg);
    position: absolute;
    top: -6px;
    left: 50px;
    background: #fff;
}

.dropDownBox li {
    line-height: 24px;
}

.dropDownBox li a {
    display: block;
    line-height: 24px;
    color: #333;
    text-align: center;
}

.dropDownBox li a:hover {
    color: #b70000;
}

.charaPlat a,
.personInfo a {
    color: #fff;
}

.topCon .dropDownBox a {
    color: #222;
}

.charaPlat {
    display: inline-block;
    padding-right: 5px;
}

.charaPlat i {
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    /* margin-left: -4px; */
}

.charaPlat a {
    margin-right: 0px;
}

.charaPlat:hover .charaPlatHover {
    display: block;
}

.charaPlatHover {
    display: none;
    position: absolute;
    z-index: 99;
    top: 6px;
    left: 334px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0px 5px 5px rgba(153, 153, 153, .3);
    padding: 12px;
    border-radius: 2px;
}

.charaPlatHover li {
    width: 135px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    color: #666;
}

.charaPlatHover li+li {
    margin-top: 12px;
}

.charaPlat .charaPlatHover li a {
    margin-right: 0;
    color: #666;
}

.charaPlat .charaPlatHover li a:hover {
    color: #b70000;
}

.switchEng {
    display: inline-block;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: 2px #fff solid;
    border-radius: 50%;
    color: #fff;
}

.switchEng:hover {
    opacity: 0.7;
    cursor: pointer;
}


/*---------------   头部 样式 end ------------------------*/


/*---------------   尾部样式开始 ------------------------*/

.footerBox {
    width: 100%;
    background-color: #b70000;
    font-size: 12px;
}

.footerBox a {
    color: #fff;
}

.footerTop {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 0 10px 0;
}

.footerTop ul {
    width: 1200px;
    margin: 0 auto;
}

.footerTop li {
    position: relative;
    line-height: 30px;
    padding-left: 83px;
    margin-bottom: 10px;
}

.footerTop li dd {
    display: inline-block;
    margin-right: 31px;
}

.footerTop li label {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #fff;
}

.footerBottom {
    line-height: 45px;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.footerBottom span {
    margin: 0 10px;
}


/* 选择框 */

.ft_select .el-input__inner {
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    font-size: 12px;
    background: transparent;
    color: #fff;
    width: 100px;
    padding-right: 20px;
    padding-left: 10px;
}

.ft_select>.el-input,
.ft_select .el-input__icon {
    line-height: normal;
    color: #fff;
}

.ft_select .el-icon-arrow-up:before {
    color: #fff;
}

.ft_select .el-input.is-focus .el-input__inner,
.ft_select .el-input__inner:focus {
    border-color: #fff;
}

.ft_select .el-input__inner {}

.ft_select .el-input__inner::-webkit-input-placeholder {
    color: #fff;
}


/* 使用webkit内核的浏览器 */

.ft_select .el-input__inner:-moz-placeholder {
    color: #fff;
}


/* Firefox版本4-18 */

.ft_select .el-input__inner::-moz-placeholder {
    color: #fff;
}


/* Firefox版本19+ */

.ft_select .el-input__inner:-ms-input-placeholder {
    color: #fff;
}


/* IE浏览器 */


/*---------------   尾部样式 end ------------------------*/


/*------- 顶部左侧导航 begin   ------*/

.xkmain {
    width: 1200px;
    margin: 0px auto;
}

.xktopNav {
    margin-top: 30px;
    height: 36px;
}

.xktnLeft {
    font-size: 16px;
    float: left;
    margin-top: 3px;
}

.xktnLeft li {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0px 10px;
    margin-right: 10px;
    position: relative;
}

.xktnLeft li:after {
    position: absolute;
    content: " ";
    right: -8px;
    height: 14px;
    width: 1px;
    top: 8px;
    font-size: 0px;
    background-color: #b70000;
    overflow: hidden;
}

.xktnLeft li:last-child:after {
    width: 0px;
}

.xktnLeft li.cur,
.xktnLeft li:hover {
    display: inline-block;
    background-color: #b70000;
    border-radius: 2px;
}

.xktnLeft li.cur a,
.xktnLeft li:hover a {
    color: #fff;
    text-decoration: none;
}


/*------- 顶部左侧导航 end    ------*/


/*------- 顶部右侧检索  begin ------*/

.xksearch {
    width: 340px;
    height: 34px;
    float: right;
    border-radius: 18px;
    background-color: #fff;
    border: 1px solid #c67676;
    position: relative;
}

.xksearch .xksearch_select {
    width: 80px;
    float: left;
    position: relative;
}

.xksearch .xksearch_select:after {
    position: absolute;
    content: "";
    height: 16px;
    width: 1px;
    background-color: #999;
    right: 0px;
    top: 8px;
}

.xksearch .xksearch_iptbox {
    width: 255px;
    float: left;
}

.xksearch .el-input__inner {
    border: 0px;
    height: 34px;
    line-height: 34px;
}

.xksearch_select .el-input__inner {
    border-radius: 18px;
}

.xksearch_iptbox .el-autocomplete {
    width: 240px;
}

.xksearch_select .el-select__caret {
    height: 34px;
    line-height: 34px;
}

.xksearch .search_btn {
    display: block;
    position: absolute;
    right: 0px;
    top: 1px;
    background-color: #fff;
    width: 35px;
    text-align: center;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    outline: 0;
    color: #b70000;
    border: none;
    border-radius: 17px;
    cursor: pointer;
}

.xksearch .search_btn:hover {
    color: #d91d1d;
    font-size: 16px;
}

.xksearch_iptboxB .el-input__inner {
    width: 310px;
    border-radius: 20px;
}

.searchDrop {
    position: relative;
    padding-right: 36px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.searchDrop:hover {
    color: #b70000;
}

.searchDrop span {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #999;
    display: none;
}

.searchDrop:hover span {
    display: block;
}

.searchDrop span:hover {
    color: #b70000;
}

.dropclear {
    border-top: 1px solid #f2f2f2;
    text-align: right;
    color: #999;
    font-size: 12px;
    padding: 5px 10px 0px 0px;
}

.dropclear span:hover {
    color: #b70000;
    cursor: pointer;
    display: inline-block;
}


/*------- 顶部右侧检索  end ------*/

.marB20 {
    margin-bottom: 20px !important;
}

.marT20 {
    margin-top: 20px !important;
}

.marT5 {
    margin-top: 5px !important;
}

.padL0 {
    padding-left: 0px !important;
}


/* header 样式   begin */

.header {
    height: 100px;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: 1px solid #cdc0b7;
    padding: 20px 0;
}

.headerCon {
    width: 1200px;
    margin: 0 auto;
}

.logoName .logo {
    float: left;
    height: 60px;
    display: flex;
    align-items: center;
}

.logoName .logo img {
    max-height: 60px;
    margin-right: 35px;
}

.logoName p {
    font-size: 20px;
    font-weight: 500;
    line-height: 60px;
    color: #222;
}

.headerNav {
    height: 50px;
    background-color: #b70000;
}

.headerTab {
    padding: 15px 0;
    line-height: 20px;
    height: 20px;
    margin: 0px auto;
    width: 1200px;
}

.headerTab li {
    float: left;
    width: 16.6%;
    text-align: center;
}

.headerTab li a {
    color: #fff;
    font-size: 16px;
    position: relative;
    text-decoration: none;
}

.headerTab li a:hover:after,
.headerTab li a.cur:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -8px;
    left: 0px;
}

.subtab01 {
    padding: 20px 0 10px 0px;
    line-height: 20px;
    margin: 0px auto;
    width: 1200px;
}

.subtab01 li {
    float: left;
    margin: 0px 15px;
    position: relative;
}

.subtab01 li:first-child {
    margin-left: 0px;
}

.subtab01 li a {
    color: #222;
    font-size: 14px;
    position: relative;
    text-decoration: none;
}

.subtab01 li a.cur {
    color: #b70000;
    font-weight: bold;
}

.subtab01 li a.cur:after,
.subtab01 li:hover a:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #b70000;
    position: absolute;
    bottom: -4px;
    left: 0px;
}

.subtab01 li:hover a {
    color: #b70000;
}

.subtab02 {
    width: auto;
    padding: 5px 0px;
    margin: 0px;
}


/* header 样式   end */

.el-tree .el-tree-node__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 225px;
    display: block;
}