@charset "utf-8";/*头部*/body {height:100%;}
html {background:#FFFFFF;}
.layui-main {width:1280px;max-width:100%;}
.header {padding:20px 0 20px;width:100%;margin-bottom:-77px;background:#2072ff;position:fixed;top:0;z-index:1;}
.header h1 {float:left;}
.header .menu {margin-left:194px;overflow:hidden;text-align:right;}
.header ul {padding:20px 10px 0 0;float:right;text-align:right;}
.header .menu li {display:inline-block;position:relative;overflow:hidden;color:#ff9715;margin:0 5px;-webkit-transform:skew(-33deg);-ms-transform:skew(-33deg);transform:skew(-33deg);background:#FFFFFF;border-radius:0 5px 0 5px;}
.header .menu li a {line-height:43px;padding:0px 20px;font-size:15px;display:block;color:#ff9715;-webkit-transform:skew(33deg);-ms-transform:skew(33deg);transform:skew(33deg);font-weight:bold;}
.header .menu li.cur {background:#ff9715;color:#000;}
.header .menu .cur a {color:#fff;}
.header .menu .cur:after {display:none;}
.header .menu li:after {bottom:0;content:"";height:2px;background:#ff9715;position:absolute;left:0;-webkit-transition-property:background width;width:0;-webkit-transition-duration:1s;-moz-transition-property:background width;width:0;-moz-transition-duration:1s;-o-transition-property:background width;width:0;-o-transition-duration:1s;}
.header .menu li:hover:after {background:#ffe2bc;border-radius:10px;width:100%;}
.header .sign {position:absolute;right:0;top:-10px;color:#FFFFFF;font-size:12px;}
.header .sign a {margin:0 4px;font-size:12px;color:#FFFFFF;font-size:14px;line-height:24px;}
.header .sign a:hover {color:#333;}
.header .person .layui-icon {margin-right:7px;color:#fd9206;font-size:20px;font-weight:bold;vertical-align:middle;}
.header .sign .exit {font-size:12px;border:1px solid #afafaf;border-radius:23px;display:inline-block;padding:0 4px;line-height:17px;}
.header .person {background:url(../../image/public/person-1.png) 0 center no-repeat;padding-left:23px;display:inline-block;cursor:default;color:#88c8ff;}
.main {min-height:100%;min-width:100%;background:#fff;}
.main_content {padding:155px 0 140px;background:#FFFFFF;}
.container {background:#fff;padding:20px;min-height:calc(100vh - 322px);}
.header_notice {height:100px;line-height:100px;background:#cb0014 url(../../image/public/bar_back.png) center bottom no-repeat;text-align:center;margin:5px 0;color:#fdecd5;font-size:30px;display:block;}
.header_notice:hover {color:#fdecd5;}

/* 第二个导航 */
.sub_menu {width:100%;position:fixed;top:81px;z-index:1;background:#2072ff;margin-top: 15px;}
.sub_menu li {border: 1px solid #5795ff;padding: 2px 0;display:inline-block;position:relative;overflow:hidden;color:#ff9715;margin:0 0.14%;-webkit-transform:skew(-33deg);-ms-transform:skew(-33deg);transform:skew(-33deg);background: linear-gradient(to top, #3a83ff, #2072ff, #6ea2ff);border-radius:0;width:12%;text-align:center;float:left;margin-right: 25px;}
.sub_menu li a {color:#ffffff;font-weight: bold;text-shadow: black 2px 2px 2px;line-height:17px;padding:5px 20px;text-align:center;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:5px;-webkit-transform:skew( 33deg );-ms-transform:skew( 33deg );transform:skew( 33deg );}
.sub_menu li:hover,.sub_menu .cur {background: linear-gradient(to top, #ffa943, #ff9917 , #ffc584);}
.sub_menu li.empty{background: linear-gradient(to top, #3a83ff, #2072ff, #6ea2ff);}
 .empty a{cursor: default;}

/* 通知栏标题 */
.title,.tip {position:relative;padding:20px 30px;height:30px;}
.title label,.text {font-weight:600;display:inline-block;color:#ff9104;font-size:16px;margin-right:72px;}

/* 更多 */
.more {position:absolute;top:20px;right:15px;}

/*底部*/
.footer {position:absolute;margin-top:-122px;width:100%;background:#2676ff;padding:20px 0 0;border-top:3px solid #fd9713;box-sizing: border-box;height:122px;}
.footer .xa {float:left;max-width:78px;margin-right:20px;padding-left: 10px;}
.footer .message {margin-right:200px;line-height:29px;color:#FFFFFF;font-size:13px;overflow:hidden;padding-bottom:11px;}
.footer .message a {color:#FFFFFF;}
.footer .code { float: right;max-width: 209px;padding-right: 10px;
}
.footer .code p {line-height:46px;text-align:center;color:#FFFFFF;display:inline-block;margin-right:10px;vertical-align: middle;}
.copyright {line-height:40px;}
.copyright span,.copyright a {font-size:12px;display:inline-block;margin-right:43px;color:#000000;}
/* 资讯 */.news {padding: 15px 0 15px 37px;overflow:hidden;}
.news li {margin-bottom:10px;position:relative;padding: 13px 38px 0 0;}
.news li:before {content:"";background:url(../../image/public/li.png) no-repeat 0 center;width:13px;height:13px;display:inline-block;position:absolute;left:0;top:50%;margin-top: -2px;}
.news-down li {margin-bottom:10px;position:relative;padding: 13px 38px 0 0;}
.news-down li:before {content:"";background:url(../../image/public/download.png) no-repeat 0 center;width:14px;height:14px;display:inline-block;position:absolute;left:0;top:50%;margin-top: -2px;}
.news img {width:23px;float:left;height:23px;display:none;}
.news a {font-size:14px;display:block;line-height:20px;padding:0 0;margin:0 0 0 21px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;/* padding:7px 0;*/}
.news label {display:block;font-size:16px;text-align:right;color:#848484;float:right;line-height:20px;padding-right:25px;}
.news label+a {margin-right:73px;}
.news .new a {/* background:url(../../image/public/new.png) right center no-repeat; *//* padding-right:38px;margin-right: -22px; */}
.news-down img {width:23px;float:left;height:23px;display:none;}
.news-down a {font-size:14px;display:block;line-height:20px;padding:0 0;margin:0 0 0 21px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;/* padding:7px 0;*/}
.news-down label {display:block;font-size:15px;text-align:right;color:#848484;float:right;line-height:26px;padding-right:25px;}
.news-down label+a {margin-right:73px;}
.news-down .new a {/* background:url(../../image/public/new.png) right center no-repeat; */padding-right:38px;}
#page {text-align:center;}
.noOpen{width: 300px;text-align: center;padding: 50px 0;font-size: 16px;font-weight: bold;color: #ff9104;}
@media screen and ( max-width:1280px ) {
    .layui-main{max-width:96%}
    .sub_menu li{margin-right:18px;}
}
@media screen and ( max-width:1200px ) {
    .header .menu li a {padding:0 15px;}
    .sub_menu li{margin-right:12px;}
}
@media screen and ( max-width:1045px ) {
    .header .menu li a {padding:0 5px;}
    .sub_menu li{width:auto;}
}
@media screen and ( max-width:768px ) {
    .sub_menu,.header{position:relative;}
    .header .menu{margin-left:0;display: block;clear: both;}
}