body{
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: 微软雅黑, "Microsoft YaHei";}
a{
    text-decoration: none;
    color: black}

.vwid{
    width: 96%;
    margin-left: auto;
    margin-right: auto}
header{
    width: 100%;
    display: flex;
    background-color: white}
header>div{
    text-align: center;
    position: relative}
#logo{
    display: inline-block}
#menu{
    border: 0;
    outline: none;
    display: block;
    cursor: pointer;
    background: none;
    padding: 0;
    position: absolute;
    top: 38%;
    z-index: 99}
#menu:before {
    transition: transform .3s,border-bottom-color .3s .1s;
    content: "";
    display: block;
    width: 24px;
    height: 4px;
    border-top: 2px solid #999}
#menu.clock:before {
    border-bottom-color: #9990;
    transform: rotate(45deg)translateY(6px)}
#menu:after {
    transition: transform .3s;
    content: "";
    display: block;
    width: 24px;
    height: 4px;
    border-bottom: 2px solid;
    border-bottom-color: #999}
#menu.clock:after {
    transform: rotate(-45deg)translateY(-7px)}

header ul,
#fls ul,
.newpdc ul,
.ouradv ul,
footer ul,
.pcontlist{
    margin: 0;
    padding: 0}
header li,
#fls li,
.ouradv li,
footer li,
.pcontlist li,
.pnews li{
    list-style: none}


#fls .swiper-slide>*{
    display: block;
    width: 100%;
    height: 0;
    padding-top: 40.625%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #eee}


.slogan{
    text-align: center;
    padding-top: 48px;
    padding-bottom: 48px}
.slogan h2{
    font-weight: normal;
    margin: 0}
.slogan a,
.inews .vwid>a{
    display: inline-block;
    margin-top: 24px;
    line-height: 2em;
    border-radius: 1em;
    background-color: black;
    color: white;
    font-size: 18px}
.slogan a:hover,
.inews .vwid>a:hover{
    background-color: #444}



.newpdc h2,
.iabout h2,
.ouradv h2,
.ipdc h2,
.inews h2{
    font-weight: normal;
    margin: 0}
.newpdc p{
    margin-top: 16px;
    margin-bottom: 64px}
.newpdc p:after{
    content: "";
    display: block;
    position: relative;
    bottom: -31px;
    width: 56px;
    height: 2px;
    background-color: #1f87e8}
.newpdc li{
    height: 0;
    background-color: #eee;
    list-style: none;
    position: relative;
    overflow: hidden}
.newpdc a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0}
.newpdc img{
    width: 100%}


.iabout{
    background-color: black}
.iabout img{
    width: 100%}
.iabout h2,
.iabout p,
.iabout a{
    color: white}
.iabout h2+p{
    margin: 0;
    padding-bottom: 48px}
.iabout h2+p:after{
    content: "";
    display: block;
    position: relative;
    width: 56px;
    height: 2px;
    background-color: white;
    bottom: -30px}
.iabout h2+p+p{
    line-height: 2}
.iabout a,
.ft .right span{
    display: inline-block;
    padding-left: 4%;
    padding-right: 4%;
    line-height: 2em;
    border-radius: 1em;
    border: 1px white solid}


.ouradv{
    padding-top: 48px;
    background-color: #f5f5f5}
.ouradv h2,
.ouradv h2+p,
.ipdc h2,
.ipdc h2+p,
.inews h2{
    color: #666;
    text-align: center}
.ouradv h2+p:after,
.ipdc h2+p:after{
    content: "";
    display: block;
    position: relative;
    bottom: -40px;
    width: 60px;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    background-color: #d81b43}
.ouradv ul img{
    width: 25%}
.ouradv li:nth-of-type(even) div{
    order: 1}
.ouradv h3{
    font-size: 20px}
.ouradv h3:first-letter{
    font-size: 1.8em}
.ouradv li:nth-of-type(6n+1) h3{
    color: #f83e91}
.ouradv li:nth-of-type(6n+2) h3{
    color: #fec503}
.ouradv li:nth-of-type(6n+3) h3{
    color: #21e3a4}
.ouradv li:nth-of-type(6n+4) h3{
    color: #f27726}
.ouradv li:nth-of-type(6n+5) h3{
    color: #01c2ff}
.ouradv li:nth-of-type(6n) h3{
    color: #a25cff}
.ouradv p{
    margin-top: 0px;
    color: #666;
    font-size: 14px}

.ipdc{
    padding-top: 48px}
.ipdc h2+p{
    margin-top: 0}
.ipdc .vwid div,
.inews .vwid div,
.pnews ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch}
.ipdc .vwid div:after{
    content: "";
    display: block;
    width: 23%;
    height: 0}
.ipdc a{
    display: block}
.ipdc a p:first-child{
    margin: 0;
    height: 0;
    padding-top: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center}

.inews{
    padding-bottom: 48px}
.inews .vwid div{
    text-align: left;
    padding-bottom: 32px}
.inews .vwid div a{
    display: block}
.inews h3,
.pnews h3{
    font-weight: normal;
    font-size: 16px}
.inews span,
.pnews span{
    display: block;
    height: 0;
    padding-top: 45%;
    width: 100%;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center}
.inews i,
.pnews i{
    font-style: normal;
    font-size: 14px;
    color: #999}
.inews p,
.pnews p{
    color: #666;
    font-size: 14px}
.inews .vwid>a{
    padding-left: 4%;
    padding-right: 4%}
.inews .vwid{
    text-align: center}

footer{
    background-color: #1b1b1b}
footer h2{
    padding-bottom: 32px;
    font-weight: normal;
    font-size: 18px}
footer h2:after{
    content: "";
    display: block;
    position: relative;
    width: 40px;
    height: 2px;
    background-color: #666;
    bottom: -16px}
.ft,
.ft a{
    color: #999}
.ft{
    padding-top: 48px;
    padding-bottom: 48px;
    border-bottom: 1px #333 solid}
.ft li ul{
    line-height: 2em;
    font-size: 14px}


.ft .center>ul{
    display: flex;
    flex-wrap: wrap}

.ft .right{
    position: relative}
.ft .right span{
    border-color: #999;
    cursor: pointer}
.ft .right a{
    font-size: 24px;
    color: #ddd}
.ft .right p{
    margin-top: 0;
    margin-bottom: 40px}
.ft i{
    display: none;
    font-size: 14px;
    border-radius: 8px;
    background-color: white;
    font-style: normal;
    text-align: center;
    position: absolute;
    z-index: 9;
    width: 160px;
    box-shadow: 0 0 22px rgba(0,0,0,.12);
    padding: 16px}
.ft span:hover+i{
    display: block}
.ft i img{
    width: 100%}

.ft .left ul{
    display: flex;
    flex-wrap: wrap}
.ft .left li{
    margin-bottom: 8px;
    margin-right: 8px}
.ft .left div{
    position: relative;
    display: inline-block}
.ft .left i{
    left:-72px;
    bottom: 60px}
.ft .left h2,
.ft .left p{
    color: white;
    font-size: 28px;
    font-weight: bold;
    margin-top:0;
    margin-bottom:0}


.fb{
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 14px}
.fb,
.fb a{
    color: #555}

.sbanner{
    color: white;
    text-align: center;
    position: relative;
    height: 0;
    padding-top: 30%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center}
.sbanner h1,
.sbanner p{
    font-weight: normal;
    position: absolute;
    width: 100%}

.pcont .vwid>h2{
    font-weight: normal;
    width: 100%;
    color: #333;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0}
.pcont .vwid>h2:before{
    content: attr(entit);
    display: block;
    font-weight: bold;
    margin-bottom: 8px}
.pcont .vwid>h2:after{
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: #1f87e8;
    margin: 20px auto 50px}
.pcont .vwid>div{
        line-height: 2;
        color: #333}
.pcontlist li{
    display: flex;
    background-color: #f7f7f7}
.pcontlist .img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center}

.pcontlist li{
    margin-bottom: 32px}
.pcontlist h2+div{
    line-height: 2;
    margin-bottom: 3em}
.pcontlist h3~p{
    margin-top: 8px;
    margin-bottom: 0}

.pnews ul{
    margin: auto;
    padding: 0}
.pnews a{
    display: block}

.pncont .vwid>h1{
    color: #333;
    font-size: 22px;
    font-weight: 400;
    padding-top: 24px}
.pncont .vwid>p{
    font-size: 14px;
    color: #999;
    margin-top: 0;
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px #eee solid}
.pncont img{
    max-width: 100%}

.p-n{
    border-top: 1px #eee solid;
    margin-top: 48px;
    padding-top: 48px;
    padding-bottom: 48px}
.p-n a{
    display: block;
    padding-top: .8em;
    padding-bottom: .8em}

.pmaps{
    margin-top: 48px;
    margin-bottom: 80px}
.pmaps img{
    height: 50px}
.pmaps h1{
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 24px}
.pmaps h1+p{
    padding-bottom: 2em;
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 0;
    color: #333}
.pmaps h1+p:after{
    content: "";
    display: block;
    position: relative;
    left: 0;
    bottom:-1em;
    width: 90%;
    height: 2px;
    background-color: #d81b43}
.pmaps div p:first-child{
    margin-top: 0}

.pmsg{
    padding-bottom: 48px}
.pmsg h2{
    font-weight: normal;
    color: #d81b43}
.pmsg h2{
    margin: 0;
    padding-bottom: 1em}
.pmsg h2:after{
    content: "";
    display: block;
    position: relative;
    width: 50%;
    height: 1px;
    background-color: #bbb;
    bottom: -.5em}
.pmsg h2+p{
    margin: 0;
    color: #777}

.footly input,.footly textarea{
    outline: 0;
    line-height: 2.4;
    background: none;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #ccc;
    font-size: .875rem;
    color: #666;
    font-family: Microsoft Yahei,PingFang SC;
    padding-left: 1.25rem;}
.footly>input,.footly textarea{
    width: calc(100% - 1.25rem);
    min-width: calc(100% - 1.25rem);
    max-width: calc(100% - 1.25rem);
    margin-bottom: .875rem;}
.footly img{
    position: relative;
    top: .75rem;
    left: 2rem;}
.btn{
    display: block;
    width: 100%;
    line-height: 48px;
    text-align: center;
    border-radius: 4px;
    border: 0;
    color: #fff;
    background-color: #1e50ae;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    outline: 0;}

.partner{
    margin-top: 72px!important}
.partner+div img{max-width: 100%}


@media screen and (max-width: 1119px){
    #logo{
        padding-top: 8px;
        padding-bottom: 8px}
    #logo img{
        height: 30px}
    nav{
        text-align: left;
        line-height: 4em;
        width: 104%;
        font-size: 14px;
        background-color: white;
        position: absolute;
        left: -2%;
        z-index: 98;
        height: 0;
        overflow: hidden;
        transition: height .4s}
    nav li ul li:first-of-type{
        border-top: 1px solid #f2f2f2}
    nav>ul{
        width: 90%;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        margin-left: auto;
        margin-right: auto}
    nav li ul{
        height: 0;
        overflow: hidden}
    nav li:hover>ul{height: auto}
    nav li{
        position: relative;
        padding-left: 5%}
    nav li ul:before{
        content: ">";
        transform: rotate(0);
        transition: transform .4s;
        position: absolute;
        width: 4em;
        text-align: center;
        top: 0;
        right: 5%}
    nav li ul:hover:before,
    nav li:hover ul:before{
        transform: rotate(90deg)}
    nav li:not(:last-of-type){
        border-bottom: 1px solid #f2f2f2}
    .clock+nav{
        height: 100vh}
    nav a{
        display: block;
        width: 80%;
        color: #666}
    nav ul ul ul{
        background-color: #e0e0e0}
    nav .now a{
        color: #1e50ae}
    
    .slogan h2{
        font-size: 32px}
    .slogan a{
        line-height: 3em;
        border-radius: 1.5em;
        padding-left: 20%;
        padding-right: 20%}
    
    .newpdc{
        padding-bottom: 4%}
    .newpdc h2{
        font-size: 24px}
    .newpdc p{
        font-size: 20px}
    .newpdc li{
        padding-top: 50%;
        width: 100%}
    
    .newpdc li:not(:first-of-type){
        
        margin-top: 2%}
    
    .iabout{
        padding-top: 64px;
        padding-bottom: 64px}
    .iabout .vwid div:first-of-type{
        margin-bottom: 56px}
    .iabout h2+p{
        font-size: 30px}
    .iabout h2+p+p{
        margin-bottom: 64px}
    .iabout a{
        width: 50%;
        margin-left: 20%;
        text-align: center}
    
    
    .ouradv{padding-bottom: 48px}
    .ouradv h2+p,
    .ipdc h2+p{
        padding-bottom: 100px;
        font-size: 20px;
        margin-top: .5em}
    .ouradv li{
        display: flex;
        justify-content: space-around;
        align-content: flex-start;
        align-items: flex-start}
    .ouradv li:not(:first-of-type){
        margin-top: 8%}
    
    .ipdc{
        padding-bottom: 72px}
    .ipdc a,
    .inews .vwid div a{
        width: 48%}
    
    .inews h2{
        margin-bottom: 40px}
    
    .ft .left{
        text-align: center;
        margin-bottom: 40px}
    
    .ft .center>ul>li{
        min-width: 48%;
        text-align: center;
        margin-bottom: 40px}
    footer h2:after{
        left: calc(50% - 20px)}
    
    .ft .right{
        text-align: center}
    
    .ft .right i{
        top: -50%;
        left: calc(50% - 90px)}
    
    .ft .left ul{
        justify-content: center}
    
    .sbanner h1{
        font-size: 24px;
        top: calc(50% - 50px)}
    .sbanner p{
        font-size: 16px;
        top: calc(50% - 12px)}
    
    .pcont{
        padding-top: 48px;
        padding-bottom: 48px}
    .pcont .vwid>h2{
        font-size: 18px}
    .pcont .vwid>h2:before{
        font-size: 26px}
    .pcont .vwid>div{
        font-size: 18px}
    
    .pcontlist li{
        flex-wrap: wrap}
    .pcontlist .img{
        width: 100%;padding-top: 50%}
    .pcontlist .info{
        width: 92%;
        padding: 4%}
    
    .pnews{
        padding-top: 48px;
        padding-bottom: 48px}
    .pnews li{
        width: 48%}
    .pnews h3,
    .pnews p{
        display: -webkit-box;
        max-height: 40px;
        -webkit-line-clamp: 2;
        text-overflow: -o-ellipsis-lastline;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical}
    
    
    .pmaps #map{
        margin-top: 3em;
        height: 400px}
    
    .footly{
        margin-top: 48px}
    
}

@media screen and (min-width: 1120px){
    .vwid{
        max-width: 1200px}
    header{
        padding-bottom: 16px}
    header>div{
        flex-wrap: wrap}
    #menu{
        display: none}
    nav{
        width: 100%}
    #logo{
        padding-top: 16px;
        padding-bottom: 16px}
    #logo img{
        height: 60px}
    nav li ul{
        display: none;
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        background-color: white}
    nav>ul{
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center}
    nav>ul>li:not(:last-of-type){
        border-right: 2px #eee solid}
    nav li{
        position: relative}
    nav a{
        white-space: nowrap}
    nav>ul>li>a{
        display: block;
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        padding: 8px 40px;
        margin-left: 8px;
        margin-right: 8px}
    nav>ul>li:hover>a,
    nav .now a{
        border-bottom-color: #1c1f88}
    nav li:hover>a,
    nav .now>a{
        color: #1c1f88}
    nav li:hover>ul{
        display: block;
        position: absolute;
        z-index: 9;
        width: 100%}
    nav li ul a{
        display: block;
        font-size: 0.8em;
        line-height: 4}
    nav li:hover li:hover{
        background-color: #f7f7f7}
    nav li ul li:not(:last-of-type){
        border-bottom: 1px #eee solid}
    nav li li ul{
        left: 110%;
        top: 0}
    nav li li ul:before{
        content: "";
        position: absolute;
        width: 11%;
        height: 100%;
        left: -10%}
    .slogan h2{
        font-size: 40px}
    .slogan a{
        padding-left: 4%;
        padding-right: 4%}
    
    .newpdc{
        padding-bottom: 72px}
    .newpdc h2{
        font-size: 30px}
    .newpdc p{
        font-size: 24px}
    .newpdc ul:after{
        content: "";
        clear: both;
        display: block;}
    .newpdc li{
        float: left;
        width: 49%}
    
    .newpdc li{
        padding-top: 23.5%}
    .newpdc li:nth-of-type(even){
        margin-left: 2%}
    .newpdc li:nth-of-type(3n),
    .newpdc li:nth-of-type(4n){
        margin-top: 2%}
    
    .newpdc img{
        transition: transform .36s ease}
    .newpdc li:hover img{
        transform: scale(1.08)}
    
    .iabout{
        padding-top: 120px;
        padding-bottom: 72px}
    .iabout .vwid{
        display: flex;
        justify-content: space-around}
    .iabout .vwid div{
        width: 35%}
    .iabout h2,
    .ouradv h2,
    .ipdc h2,
    .inews h2{
        font-size: 36px}
    .iabout h2+p{
        font-size: 30px}
    
    .ouradv h2+p,
    .ipdc h2+p{
        padding-bottom: 120px;
        font-size: 24px;
        margin-top: .5em}
    .ouradv ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center}
    .ouradv li{
        width: 38%;
        margin-bottom: 48px;
        display: flex;
        align-content: flex-start;
        align-items: flex-start;
        justify-content: space-around}
    .ouradv ul div{
        width: 50%}
    
    .ipdc a{
        width: 30%}
    .ipdc a p:first-child,
    .inews a span,
    .pnews a span{
        transition: background-size .36s ease}
    .ipdc a:hover p:first-child,
    .inews a:hover span,
    .pnews a:hover span{
        background-size: 105%}
    .ipdc a:hover p,
    .inews a:hover h3{
        color: #1e50ae}
    
    .inews{
        padding-top: 72px}
    .inews h2{
        margin-bottom: 56px}
    .inews .vwid div a{
        width: 45%;
        padding: 2%;
        border-radius: 8px;
        transition: box-shadow .4s ease-out}
    .inews .vwid div a:hover,
    .pnews li:hover{
        box-shadow: 0 0 22px rgba(0,0,0,.12);}
    
    .ft .vwid{
        display: flex}
    .ft .left{
        width: 25%;
        padding-right: 10px}
    .ft .center{
        width:  55%;
        padding-left: 5px;
        padding-right: 5px;
        border-left: 1px #333 solid;
        border-right: 1px #333 solid}
    .ft .center>ul{
        justify-content: space-around}
    .ft .center>ul>li:not(:last-of-type){
        margin-right: 5%}
    .ft .center a{display: block}
    .ft .right{
        width: 25%;
        padding-left: 32px}
    .ft .right i{
        top: -20%;
        left: -20px}
    
    .sbanner h1{
        font-size: 30px;
        top: calc(50% - 60px)}
    .sbanner p{
        font-size: 24px;
        top: calc(50% - 16px)}
    
    .pcont,
    .pcontlist{
        padding-top: 72px;
        padding-bottom: 72px}
    .pcont .vwid>h2{
        font-size: 24px}
    .pcont .vwid>h2:before{
        font-size: 48px}
    .pcont .vwid>div{
        font-size: 24px}
    
    .pcontlist .img{
        width: 50%}
    .pcontlist .info{
        width: 42%;
        padding: 4%}
    .pcontlist li:nth-of-type(even) .img{
        order: 1}
    
    .pnews{
        padding-top: 72px;
        padding-bottom: 72px}
    .pnews li{
        width: 45%}
    .pnews li{
        padding: 2%;
        border-radius: 8px;
        transition: box-shadow .4s}
    
    .pmsg{
        border-top: 1px #eee solid;
        padding-top: 48px}
    .pmaps .vwid,
    .pmsg .vwid{
        display: flex}
    .pmaps .vwid>div,
    .pmsg .vwid>div{
        width: 50%}
    .pmaps .vwid>div:first-of-type,
    .pmsg .vwid>div:first-of-type{
        padding-right: 4%}
    
    
    .pmsg h2{
        font-size: 30px}
    

}

.justify-content#{$infix}-start   { justify-content: flex-start !important; }
.justify-content#{$infix}-end     { justify-content: flex-end !important; }
.justify-content#{$infix}-center  { justify-content: center !important; }
.justify-content#{$infix}-between { justify-content: space-between !important; }
.justify-content#{$infix}-around  { justify-content: space-around !important; }
.pagination {
    display: flex;
    @include list-unstyled();
    @include border-radius();
  }
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #17a2b8;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}
.page-num-current:hover {
	color: #fff;
}