@charset "utf-8";
/*适应小屏版块*/
@media only screen and (max-width: 400px){
    html {
        font-size: 14px !important;
    }
}
@media only screen and (min-width: 400px) and (max-width: 428px) {
    html {
        font-size: 16px !important;
    }
}
@media only screen and (min-width: 428px) and (max-width: 480px){
    html {
        font-size: 18px !important;
    }
}
@media only screen and (min-width: 480px) {
    html {
        font-size: 18px !important;
    }
}
ul,
li {
    list-style: none;
}
a {
    color: #777;
    text-decoration: none;
    background-color: transparent;
}
textarea {
    overflow: hidden;
    resize: none;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
input,
select,
textarea {
    font: inherit;
    color: inherit;
}

.pure-button {
    /* Structure */
    display: inline-block;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: rgba(0, 0, 0, 0.80);
    border: none rgba(0, 0, 0, 0);
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
    -webkit-appearance: none;
}

.pure-button:hover,
.pure-button:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
    outline: 0;
}
.pure-button:active {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    border-color: #000;
}

.pure-button[disabled] {
    border: none;
    background-image: none;
    opacity: 0.40;
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

.c-contert{
    -webkit-overflow-scrolling: touch;
}
.pb-15 {
    padding-bottom: 0.75rem !important;
}
.pl-10 {
    padding-left: 0.5rem !important;
}
.pr-10 {
    padding-right: 0.5rem !important;
}
.cl:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pos-r{position:relative}.pos-a{position:absolute}.pos-f{position:fixed}
.l,.f-l{float:left!important;}
.r,.f-r{float:right!important;}
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.f-12{font-size:0.6rem!important}.f-14{font-size:0.7rem!important}.f-16{font-size:0.8rem!important}.f-18{font-size:0.9rem!important}.f-20{font-size:1rem!important}.f-24{font-size:1.2rem!important}.f-26{font-size:1.3rem!important}.f-28{font-size:1.4rem!important}.f-30{font-size:1.5rem!important}
/*辅助色—浅黑*/
.c-333,.c-333 a,a.c-333{color:#333}
.c-333 a:hover,a.c-333:hover{ color:#333}
/*辅助色—灰色*/
.c-666,.c-666 a,a.c-666{color:#6f6f6f}
.c-666 a:hover,a.c-666:hover{ color:#6f6f6f}
.c-999,.c-999 a,a.c-999{color:#999}
.c-999 a:hover,a.c-999:hover{color:#999}
/*标准色—白色*/
.c-white,.c-white a,a.c-white{color:white}
.c-white a:hover,a.c-white:hover{color:white}
/*标准色—红色*/
.c-red,.c-red a,a.c-red{color:red}
.c-red a:hover,a.c-red:hover{ color:red}
.btn-block{
    -moz-box-sizing: border-box;
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.wp{margin-left: auto;margin-right: auto;}
.bg-fff{background-color: #fff;}

.c-contert{padding-bottom: 3.5rem;}

/*首页*/

.gstext{font-weight: lighter;background-color:#e60012;padding-bottom: .8rem;padding-top: .8rem; }
.sg-tbbox{width: 100%;}
.scrollbox{overflow: hidden;height: 5rem;}

.bmHot{background-color: #e60012;padding:.6rem;height: auto;}
.TextL{width: 25%;}
.picR{width: 75%;border-radius: 0.3rem;overflow: hidden;}
.picR li div{height: 12.8rem;}
/*首页公示*/

.titlebox {
    width:100%;
    height: auto;
    color: #fff;
    z-index: 1;
    padding: 2rem 15% 2rem 0;
    top: 50%;
    transform: translate(0,-50%);
}
.titlebox:after {
    content: "\20";
    position: absolute;
    width: 80%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    opacity: 0.85;
    background-image: linear-gradient(to right, #083c7c 80%, transparent);
}

.titlebox h1 {
    font-family: "SourceHanSerif";
    color: #fff;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.2;
    font-size: 2rem;
    text-shadow: 0.1rem 0.1rem 0.5rem #6e6d6d;
}
.titlebox h3 {
    color: #fff;
    padding-bottom: 0.8rem;
    font-size:1.2rem;
}
.item-banner .btn{width: 100%;bottom:20%;}
.btn-warning{color:#fff;background-color:#f37b1d; border-color:#f37b1d}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active{color:#fff;background-color:#fe4e5b;border-color:#fe4e5b}
.size-XL{padding: 0.6rem 4rem;}
.radius{border-radius: 1.2rem;}
.item-h2{padding-top: 1.5rem;padding-bottom: 0.5rem;}
.item-h2 img{max-width: 40px;margin-left: 0.5rem;margin-right:0.5rem;}

.tsbox{margin-top: 1.5rem;}
.tsbox .hd{text-align: center;margin-bottom: 1.2rem;}
.tsbox .hd li{display:inline-flex;width:3.5rem;height: 3.5rem;background-image: linear-gradient(90deg, #31a9f5, #2d66cb);border-radius: 50%;justify-content:center;align-items: center;margin:0 0.5rem;}
.tsbox .hd li img{width: 60%;}
.tsbox .hd li.on{background-image: linear-gradient(90deg, #fd581d, #ff2f56);position: relative;}
.tsbox .hd li.on:after{content: "";position: absolute;width: 0;height: 0;border-left: 0.5rem solid transparent;border-right: 0.5rem solid transparent;border-bottom: 1rem solid #2d66cb;bottom: -1.2rem;}
.tsbox .bd{background-color: #2d66cb;}
.tsbox .bd:before{content: "";position: absolute;top: 0;width: 100%;height: 100%;display: block;z-index: -1;}
.tsbox .bd img{border:0.4rem solid #fff;width: 85%;border-radius: 0.3rem;}
.tsbox .bd p{width: 85%;margin: 1rem auto;}
.btn-padding{padding:2rem 0;}

.bg-color{background-color: #031638;}
.qjbox{background-color: #fff;border-radius: 0.3rem;margin:1rem 0.8rem 0;overflow: hidden;}
.qjbox .hd li{display: inline-block;width: 50%;height: 3rem;line-height: 3rem; text-align: center;float: left;background-color: #2d66cb;color: #fff}
.qjbox .hd li.on{background-color: #fff;color: #333}
.qjbox .bd img{width: 100%;margin:1rem 0;}
.qjbox .bd>div{padding:0 1rem;}
.qjbox .bd h3{margin-bottom: 0.5rem}

.rqbox{padding:0 1rem;}
.rqbox li{display:flex;justify-content: center;align-items:stretch;border-radius: 0.5rem;overflow: hidden;margin-top: 1rem;background-color: #fcf8e8;}
.rqbox li p{display:inline-flex;background-color: #f65b66;color: #fff;border-right: 0.5rem solid #fff;padding:1rem;width: 30%;flex: 0 0 8rem;align-items: center;}
.rqbox li .text{display:inline-flex;padding:1rem;align-items: center;}
.kcbox{padding:2rem 1rem 0;}
.kcbox .hd{width: 27%;float: left;}
.kcbox .hd li{background-color: #b1cbff;display:flex;justify-content: center;align-items: center;height: 4rem;border-bottom: 1px solid #96b3ef;text-align: center;}
.kcbox .hd li.on{background-color: #fff;}
.bdmain{width: 73%;float: left;background-color: #fff;}
.kcbox .bd .tab ul{padding:1rem;}
.kcbox .bd h3{border-bottom: 1px dashed #3571d6;padding-bottom: 0.2rem;margin-bottom: 0.5rem;font-weight: 500;}
.kcbox .bd p{padding-bottom: 0.5rem;color: #666;}