/*!
 * ETUI v3
 *
 * Copyright 2017.7*/
@import "iconfont/iconfont.css";
body{
    color:#666;
    background:url("img/indexbg.png") no-repeat center bottom #4281ff;
}

a{
    color:#444
}
a:hover,a:active,a:visited{
    text-underline: none;
    text-decoration: none;
}
ul li{
    list-style: none;
}
ul{
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}
.header{
    background: url("img/line.png") no-repeat;
    background-size: 100% auto;
}

.header .header-banner .container{
    position: relative;
}
.header .logo{
    width: 336px;
}
.header .logo img{
    width: 200px;
    height: auto;
}
.header .logo.logo-pt img{
    width: 368px;
    margin-top: 30px;
}
.header .logo{
    position: absolute;
    left:0;
    top:20px;
}
.header .banner{
    margin:130px 0 10px
}
.header .header-form{
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}
.banner-ul{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:20px
}
.banner-ul li{
    margin:20px 0;
}
.banner-ul li a{
    background: linear-gradient(95.75deg, #F2FFFB 0.19%, #E3F2FF 84.97%);
    border: 1px solid #FFFFFF;
    box-shadow: 0px 4px 4px 0px #0000001A;
    color:#274A83;
    text-shadow: 0px 4px 4px 0px #00000026;
    padding:20px 80px;
    border-radius: 6px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}
.banner-ul li a:hover{
    background:#274A83;
    color:#fff;
}
.header .header-form select{
    background: linear-gradient(95.75deg, #F2FFFB 0.19%, #E3F2FF 84.97%);
    border-radius: 50px;
    width: 160px;
    text-align: center;
    border:1px solid #fff;
    box-shadow: 0px 4px 3px 0px #00000014;
    height: 47px;
    color:#274A83
}
.notice{
    display: flex;
    align-items: stretch;
    gap: 10px;
    margin:20px 0;
    overflow: hidden;
}
.notice .notice-slide{
    flex:1;
    display: flex;
    align-items: center;
    padding-left: 40px;
}
.notice .notice-slide .owl-item a{
    position: relative;
    color:#0674D4;
    font-size:18px;
    margin-left: 20px;
}
.notice .notice-slide .owl-item a:before{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #0674D4;
    border-radius: 50px;
    left:-20px;
    top:50%;
    transform: translate(0,-50%);
}
.notice .owl-controls{
    display: none;
}
.public-title{
    background: url("img/title-01bg.png") no-repeat center bottom;
    background-size: 100% auto;
    text-align: center;
    font-size: 60px;
    color:#274A83;
    padding-bottom: 80px;
    font-weight: bold;
}

.intr-panel{
    background: linear-gradient(180deg, #FFFFFF 29.14%, #8AC2FB 100%);
    padding:60px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 290px;
}
.intr-panel .intr-img{
    margin-top: -400px;
    width: 680px;
}
.intr-panel p,.intr-panel span{
    font-size: 22px;
    color:#000;
    width: 100%;
    text-align: left;
    font-weight: bold;
}
.intr-panel span{
   font-weight: normal;
    font-size: 18px;
    line-height: 1.9;
}
.ztwza {
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 45px;
    border-radius: 25px;
    border: 2px solid rgba(255,255,255,1);
    padding: 10px 0px;
}
.ztwza ul{
    display: flex;
    padding-left: 20px;
}
.ztwza li {
    padding:0 10px;
}
.ztwza li i{
    color:#fff;
    font-size: 20px;
}
.ztwza a {
    display: inline-block;
    width: auto;
    border-right: 1px solid rgba(255,255,255,1);
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1;
    padding-right: 20px;
    cursor: pointer;
}
.ztwza li:last-child a{
    border-right:0;
}
.ztwza-pt{
    border-right: 1px solid #274A83;
    color: #274A83;
}
.ztwza-pt a,.ztwza-pt li i{
    color: #274A83;
}
.ztwza-pt,.ztwza-pt a{
    border-color:#274A83;
}
.wj-inner{
    background: #fff;
    padding:80px 40px;
    border-radius: 10px;
    margin-bottom: 40px;
}
.wj-cont{
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.wj-cont img{
    width: 600px;
    margin-bottom: -78px;
}
.wj-inner .wj-form-item{
    font-size: 18px;
    margin:40px 0;
    color:#000;
    position: relative;
}
.wj-inner .wj-form-item select,
.wj-inner .wj-form-item textarea{
    width: 100%;
}
.wj-inner .wj-form-item .wj-form-item-title{
    margin-bottom: 16px;
}
.wj-inner .wj-form-item .wj-form-item-cont{
    position: relative;
}
.wj-inner .wj-form-item .wj-form-item-cont .text-count{
    position: absolute;
    bottom:14px;
    right:14px;
    font-size: 14px;
    color:#666;
}
.wj-inner .wj-form-item textarea{
    padding:10px;
    border-radius: 3px;
}
.wj-inner .submit{
    margin:0 auto;
    display: block;
    background: linear-gradient(180deg, #85BDFE -2.18%, #4281FF 108.27%);
   padding:10px 50px;
    color:#fff;
    font-size: 18px;
    border-radius: 50px;
    border:0;
}
.wj-inner .submit:hover{
    background:#4281FF ;
}
.footer{
    padding-bottom: 8px;
    background-color: #565a5d;
    color: #b7b9ba;
    font-size: 12px;
    margin-top: 0;
}
.links {
    padding: 20px 0;
    display: -ms-flex; /* 兼容IE */
    display: -moz-box; /*firefox*/
    display: -ms-flexbox; /*IE10*/
    display: -webkit-box; /*Safari*/
    display: -webkit-flex; /*Chrome*/display: flex;
}
.links select {
    margin-bottom: 0;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    width: 20%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.links select+select{
    margin-left: 30px;
}
.links select:focus{
    outline: none;
}
.introduction{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    padding:20px 30px;
    margin-bottom: 20px;
}


.footer-cont,
.footer-con{
    padding-top:30px;
}
.footer-cont p{

    color:#fff;
    font-size:12px;
}
.footer-cont .code-a{
    text-align: center;
    color:#fff;
}
.footer-cont .code-a span{
    display: block;
}
.footer-cont .code-a img{
    display: block;
    margin: 5px auto 0px;
    width: 80px;
}
.footer-con a img{
    width: 90px;
    margin:0px 3px;
}
.footer-con a:nth-child(3) img{
    width: 50px;
}
.footer-con a:nth-child(5) img{
    width: 160px;
}
.footer-record{
    background:#A1A9B1;
    padding:10px;
    border-top: 1px solid rgb(216 216 216 / 0.3);
}
.footer-record p{
    text-align: center;
    font-size:12px;
    color:#fff;
    opacity: 0.7;
    line-height: 1.5;
}
.text-right{
    text-align: right!important;
}
.text-left{
    text-align: left!important;;
}

.footer .links
{
    float: left;
    width: 100%;
    margin-bottom: 25px;
    background-color: #4e5358;
}

.footer .links ul
{
    position: relative;
}

.footer .links li
{
    margin-left: 150px;
    float: left;
    color: #fff;
}

.footer .links li:first-child
{
    margin-left: 0;
}

.footer .links li p
{
    margin: 0;
    padding: 15px 0;
}

.footer a
{
    color: #b7b9ba
}

.footer .links li p a
{
    color: #fff;
}

.footer .links li p i
{
    margin-left: 3px;
    display: inline-block;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    position: relative;
}
.footer .links li p i{
    content: '\e651';
    font-family: iconfont!important;

}
.footer .links .dropdown
{
    position: static;
}

.footer .links .dropdown ul
{
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 100%;
}

.footer .links .dropdown li
{
    float: none;
    margin-right: 0;
    color: #666;
}

.footer .links .dropdown li a
{
    margin: 5px 0;
    float: left;
    width: 16.666%;
    clear: none;
}

.footer-logo:before
, .footer-logo:after
{
    display: table;
    content: '';
}

.footer-logo:after
{
    clear: both;
}

.footer-logo
{
    line-height: 28px;
}

.footer-logo img
{
    display: block;
    margin: 0 auto;
    width: 96px;
}

.footer-logo span
{
    display: block;
    font-size: 24px;
    line-height: 36px;
    color: #b7b9ba;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 3px;
}

.footer-logo p
{
    line-height: 20px;
    margin: 15px 0 30px;
}

.footer-add
{
    margin-top: 10px;
}

.footer-add li
{
    float: left;
    padding: 3px 0;
    text-align: left;
}
/*
.footer-icp {
    padding-left: 0;
    margin-bottom: 10px;
    margin-top: 25px;
    text-align: right;
}
*/
.footer-icp a
{
    display: inline-block;
    margin-left: 25px;
}

.footer-icp img
{
    margin: 18px auto;
}

.footer-icp .zc img
{
    width: auto;
    max-width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
}

.footer-icp p
{
    margin-bottom: 0;
    color: #b7b9ba;
}

.footer-icp .item
{
    float: right;
    width: 25%;
    text-align: center;
}

.footer-icp .zc
{
    width: 35%;
}

.footer .icp
{
    color: #b7b9ba;
}

.footer-help a
{
    padding: 0 13px;
    display: inline-block;
    color: #b7b9ba;
    line-height: 14px;
}

.footer-help > a + a
{
    border-left: 1px solid #b9b9b9;
}

.footer-help a:last-child
{
    border-right: 0;
}

.footer-help a:hover
{
    color: #e4e4e5;
}

.footer-bottom
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(255,255,255,.3);
    padding: 6px 0;
    margin-top: 10px;
}

.footer-bottom:before,.footer-bottom:after
{
    display: none;
}

.footer-links
{
    display: flex;
    justify-content: space-around;
}

.float-btn-group
{
    display: none;
}
.disnone{
    display: none;
}
.main{
    background:#ECEFF1;
    padding-top: 2px;
    min-height: 60vh;
}
.detail{
    line-height: 2;
    padding-left: 20px;
}
.detail li {
    font-size: 14px;
    color:#727780
}
.detail li span{
    font-size: 16px;
    color:#535A65
}
.page-header-2 h3{
    border-bottom: 0;
    position: relative;
    margin-bottom: 0;
    padding-top: 15px;
}
.page-header-2 h3:before{
    content: '';
    width: 4px;
    height: 16px;
    background: #4281FF;
    position: absolute;
    left:0;
    top:50%;
    transform: translate(0,-50%);
}
.footer .links .dropdown{
    margin-left: 0;
}
.footer .links>div>ul{
    display: flex;
    justify-content: space-between;
}
.footer .links>div>ul:before,
.footer .links>div>ul:after{
    display: none;
}
@media(min-width:1399px){
    .container {
        /*width: 1600px;*/
    }
}
@media(max-width:1399px){
    .footer-con a img {
        margin: 0px 2px;
    }
}
@media(max-width:1199px){
    .footer-con a img {
        width: 75px;
    }
    .footer-con a:nth-child(3) img {
        width: 45px;
    }
    .footer-con a:nth-child(5) img {
        width: 140px;
    }
}
@media(max-width:991px){
    .active-list>li .active-info .desc{
        margin-right: 0;
    }
    .header .logo{
        top:0;
	width:100%;
    }
    .header .banner{
        margin-top: 100px;
    }
    .intr-panel .intr-img{
        width: 400px;
    }
    .intr-panel{
        margin-top: 140px;
        padding:20px;
    }
    .intr-panel .intr-img{
        margin-top: -160px;
    }
    .wj-cont img{
        width: 300px;
        height: auto;
        margin-bottom: -40px;
    }
    .wj-inner{
        padding:20px;
    }
    .header .logo img{
        width: 160px;
    }
    .active-title-sm span{
        font-size: 16px;
        height: auto;
    }
    .active-list>li{
        flex-direction: column;

    }
    .active-list>li button{
        margin-top: 10px;
    }
    .active-list>li .active-info ul{
        flex-wrap: wrap;
    }
    .active-list>li .active-info ul li{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .history-list li .img-item img{
        height: auto;
    }
    .active-list>li .sm-list{
        flex-direction: column;
        align-items: flex-start;
    }
    .active-list>li .sm-list .sm-list-li{
        margin:4px 0;
    }
    .active-list>li .sm-list a{
        margin-top: 10px;
        display: block;
    }
    .active-list>li .btn-gray{
        font-size: 16px;
        margin-top: 10px;
    }
    .footer-add ul li{
        width: 100%!important;
        text-align: center;
    }
    .footer-bottom{
        flex-direction: column;
        align-items: center;
    }
    .footer .links{
        text-align: center;
    }
    .footer .links ul{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .footer-icp{
        display: flex;
        justify-content: center;
    }
    .footer .links li{
        margin-left: 0;
        text-align: center;
    }
    .footer-help{
        line-height: 2.4;
        text-align: center;
    }
    .article img{
        width: 100%;
    }
    .footer-help img{
        display: inline-block;
        flex-shrink: 0;
        margin:0 auto;
    }
}
@media (max-width: 767px) {
    .history-list li .img-item{
        height: auto;
        padding-bottom: 6px;
    }
    .intr-panel p{
        font-size: 16px;
    }
    .intr-panel span{
        font-size: 14px;
    }
    .wj-inner .wj-form-item{
        font-size: 14px;
    }
	.header .logo img.logo-img{
	width: 100px;
    margin: 0px auto;
    display: block;
	}
	
}