.wow{
    opacity: 0;
}
.mobile {width:100%;}
.mobile-inner {margin-right:auto;margin-left:auto;background-color:;position:relative;}
.mobile-inner img {}
.mobile-inner p {color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0px;}
.mobile-inner-header {width:100%;height:50px;position:relative;top:0px;z-index:33;left:0px;}
.mobile-inner-header-icon {color:#ffffff;height:50px;font-size:25px;text-align:center;float:right;width:50px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.mobile-inner-header-icon:hover {background-color:rgba(255,255,255,0.2);cursor:pointer;}
.mobile-inner-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:25px;height:1px;background-color: #333;}
.mobile-inner-header-icon span:nth-child(1) {transform:translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {transform:translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;}
@keyframes clickfirst {0% {transform:translateY(4px) rotate(0deg);}
100% {transform:translateY(0) rotate(45deg);}
}
@keyframes clicksecond {0% {transform:translateY(-4px) rotate(0deg);}
100% {transform:translateY(0) rotate(-45deg);}
}
.mobile-inner-header-icon-out span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
.mobile-inner-header-icon-out span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
@keyframes outfirst {0% {transform:translateY(0) rotate(-45deg);}
100% {transform:translateY(-4px) rotate(0deg);}
}
@keyframes outsecond {0% {transform:translateY(0) rotate(45deg);}
100% {transform:translateY(4px) rotate(0deg);}
}
.mobile-inner-nav{
    overflow: auto;
    max-height: calc(100vh - 50px);
}
.mobile-inner-nav {background-color:hsla(224,27%,35%,.6);width:100%;position:absolute;top:72px;padding-bottom:0%;display:none;z-index:444;}
.mobile-inner-nav  a {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;color:#fff;transition:all 0.5s;}
.mobile-inner-nav  dl {display:none;}
.mobile-inner-nav  dl dd {line-height:33px;text-decoration:none;text-indent:3em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;font-size:14px;}
.mobile-inner-nav  li {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height:53px;text-indent:20px;font-size: 16px;}
.mobile-inner-nav h2.h2tit {line-height:50px;text-decoration:none;text-indent:2em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;}
.mobile-inner-nav h2.h2tit a {color:#FFFFFF;}
.mobile-inner-nav a {border-bottom:none;}
.mobile-inner-nav li {-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal;}
.mobile-inner-nav li  span:nth-child(2){display: none}
@-webkit-keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-webkit-keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
.mobile-inner-nav li:last-child h2.h2tit {border-bottom:none;}
.mobile-inner-nav li .h3tit {height:50px;position:relative;background:url(../images/51_icon_search@2x.png) no-repeat 30px center;background-size:17px;}
.mobile-inner-nav li  .words {display:block;width:100%;height:100%;border:none;background:none;text-indent:60px;font-size:15px;color:#fff;background:url(../images/search2.png) no-repeat 30px center;background-size:20px;}
.mobile-inner-nav li:last-child {border-bottom:none;}
.mobile-inner-nav li  form {display:block;width:100%;height:100%;}
@charset "utf-8";@charset "UTF-8";
.animated {animation-duration:1s;animation-fill-mode:both;}
.animated.infinite {animation-iteration-count:infinite;}
.animated.hinge {animation-duration:2s;}
.fadeInUp {animation-duration:1.76s;animation-name:fadeInUp;}
@keyframes fadeInUp {from {opacity:0;transform:translate3d(0,40px,0);}
to {opacity:1;transform:none;}
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr, span {
    margin: 0;
    padding: 0;
}
html {font-size: 62.5%;}
body {font-size: 1.3rem;}
html,body{
    -moz-user-select: none; -khtml-user-select: none; user-select: none;
}
body {
    font-family: "Microsoft YaHei" ! important;
    color: #000000;
    background: #fff;
    margin: 0 auto;
    padding: 0px;
}
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
-webkit-appearance: none;
}
input{
    -webkit-appearance: none;
}
textarea { -webkit-appearance: none;} 
a {
    text-decoration: none;
    color: #235aa7;
    outline: none;
}
a:active {
star:expression(this.onFocus=this.blur());
}
img {
    border: 0px;
    vertical-align: middle;
}

li {
    list-style: none;
}

*{
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a:link{text-decoration:none; } 

a:visited{text-decoration:none; }

a:hover{text-decoration:none;}

a:active{text-decoration:none;}


.loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
}
.loadingfa {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 29px;
    color: #1f8adf;
    position: absolute;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    top: 50%;
}

html {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: none;
}

html {
    -webkit-tap-highlight-color: transparent;
}

body {
    -webkit-overflow-scrolling: touch;
}

* {
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
}

@keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
.xuanzhuan {
    animation: 2s linear 0s normal forwards infinite rotate;
    -webkit-animation: 2s linear 0s normal forwards infinite rotate;
    -moz-animation: 2s linear 0s normal forwards infinite rotate;
    -o-animation: 2s linear 0s normal forwards infinite rotate;
}
.xuanzhuan img{
display: block;
width: 100%;
}

.pc{
    display: block;
}
.wap{
    display: none;
}
.clearflex:after{
    content: "";
    display: table;
    clear: both;
}



.head li{
    position: relative;
}
.head li dl a:hover{
    color: #fff;
    background: #0078b8;
}
.head li dl a{
    display: block;
    line-height: 30px;
    -webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    color: #333;
}
.head li:hover dl{

    visibility:visible;
    opacity:1;
    z-index:5;
    top: 90px;
}
.head li dl{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #fff;
    text-align: center;
    top: 100px;
    -webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
    visibility: hidden;
    opacity: 0;
    z-index: -1;

}
.head{

position: fixed;

left: 0;
top: 0;

background-color:rgba(255,255,255,0.6);
width: 100%;

z-index: 666;

border-bottom: 1px solid rgb(255 255 255 / .25);

padding: 0px 0.6%;

}
.head .logo{
    
    float: left;
/*padding-top: 22px;*/
}
.head .logo img{
        margin-top: 10px;
    width: 220px;
}
.head .right{
    
float: right;
}
.head .nav{
    
float: left;
}
.head .nav li{
    
float: left;
    
position: relative;
}
.head .nav li .h2tit a span{
    display: block;
    color:#000000;
    position: absolute;
    left: 0px;
    top: 0%;
    width: 100%;
    height: 100%;
    -webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
height: 100%;
}
.head .nav li .h2tit a span:nth-child(1){
    top: 0px;
}
.head .nav li .h2tit a span:nth-child(2){
top: 100%;
}



.head .nav li:hover .h2tit a span:nth-child(1),
.head .nav li.current .h2tit a span:nth-child(1){
top: -100%;
}
.head .nav li:hover .h2tit a span:nth-child(2),
.head .nav li.current .h2tit a span:nth-child(2){
top: 0%;
}



.head .nav li.current .h2tit a:after,
.head .nav li:hover .h2tit a:after{
    width: 100%;
}
.head .nav li .h2tit a:after{
    content: "";
position:absolute;
bottom: 0px;
left: 50%;
-o-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
width: 0px;
height: 3px;
background: #0078b8;
}
.head .nav li .h2tit a{
    
display: block;
    
position: relative;
    
overflow: hidden;
    
line-height: 90px;
    
height: 90px;
    
font-size: 15px;
    
font-family: Microsoft YaHei;
    
font-weight: bold;
    
color: #333333;
    
width: 8vw;
    
text-align: center;
}
.head .nav li:nth-child(5) .h2tit a{
    width: 11vw;
}
.head .tel{
    
float: left;
    
position: relative;
    
margin-top: 28px;
    
width: 36px;
    
height: 36px;
    
margin-left: 3vw;
}
.head .tel .h2tit{
    
/* width: 36px; */
    
height: 100%;
    
background: url(../images/tel.png) no-repeat center center;
}
.head .slide span{
    margin-bottom: 10px;
}
.head .slide{
    
width: 150px;
    
position: absolute;
    
height: 65px;
    
background: #235aa7;
    
right: 0;
    
top: 42px;
    
text-align: center;
    
font-size: 17px;
    
font-family: Microsoft YaHei;
    
font-weight: bold;
    
color: #FFFFFF;
    
line-height: 1;
    
padding-top: 18px;
    
right: -14px;
border-radius: 10px;
}
body{
    background: #000;
}
.section1{
position: relative;
}
.section1 .content{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    text-align: center;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex; 
display: -moz-flex;
display: -ms-flexbox; 
display: flex;
flex-direction: column;
justify-content: center;
    z-index: 6;
}
.section1 .content img{
    max-width: 100%;
}
.section1 .content .im1{
    
}
.section1 .content .im2{
    width: 26px;
    margin: 0px auto;
    margin-top: 2vw;
}


.section1 .banner{
    
}


/*.section1 .banner{*/
    /*width:100%;*/
    /*height:100%;*/
    /*background: #000033;*/
    
    
/*}*/

@media screen and (orientation : portrait){
    .pc-home-video-swiper{
        display: none;
    }
}

.section1 .banner video{
    display:block;
    margin:0vh 5vw 0vh 5vw;
    width:90vw;
    height:100vh;
    object-fit: fill;
}



.section1 .swiper-pagination{
    
}

.section1 .swiper-pagination *{
    width: 14px;
height: 14px;
background: #BDBDBD;
border-radius: 50%;
font-size: 0px;
vertical-align: middle;
opacity: 1;

}
.section1 .swiper-pagination .swiper-pagination-bullet-active{
    width: 42px;
height: 42px;
border: 2px solid #F7F7F7;
border-radius: 50%;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
text-align: center;
line-height: 40px;
background: none;
}
.section1 .imgbox{
    
}
.section1 .img{
    height: 100vh;
}



.section1 .bottomInfo em{
    height: 1px;
    display: inline-block;
    width: 4em;
}
.section1 .bottomInfo{
    color:white;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 5;
    width: 100%;
padding: 0px 3.6%;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333;
line-height: 1;

bottom: 23px;
}
.section1 .bottomInfo a{
    color: #333;
}
.section1 .bottomInfo .left{
    float: left;
}
.section1 .bottomInfo .right{
    float: right;
}

.menu{
position: fixed;
position:absolute;
top: 50%;
-o-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
text-align: right;
right: 30px;
    width: 40px;
}
.menu li a{
width: 20px;
height: 1px;
background: #FFFFFF;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;

margin: 10px 0px;
display: inline-block;
}
.menu li.active a{
    width: 40px;
}
.imgbg{
    height: 100vh;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}
.section{
    position: relative;
}
.section2{
    
}
.wrap{
    position: relative;
    z-index: 4;
    width: 100%;
    padding: 0px 3.6%;
}
.section2 .content{
    
display: flex;
    
align-items: center;
    
height: 100vh;
    
justify-content: space-between;
}
.section2 .line{
    
width: 61px;
    
height: 1px;
    
background: #F7F7F7;
    
opacity: 0.5;
}
.section2 .left{
    
width: 41%;
}
.section2 .title{
    
font-size: 60px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
padding-top: 5vh;
    
padding-bottom: 3vh;
}
.section2 .dec{
    
font-size: 16px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
padding-bottom: 3vh;
    
line-height: 36px;
}
.section2 .more{
    
width: 158px;
    
height: 44px;
    
background: #0078b8;
    
display: block;
    
text-align: center;
    
line-height: 44px;
    
font-size: 16px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
}
.section2 .right{
    
height: 100%;
    
width: 37%;
    
padding-top: 92px;
}
.section2 .right ul{
    
height: 100%;
}
.section2 .right li{
    
height: 25%;
    
border-bottom: 1px solid rgb(247 247 247 / .25);
    
border-left: 1px solid rgb(247 247 247 / .25);
    
padding-left: 10%;
    
display: -webkit-box;
    
display: -moz-box;
    
display: -webkit-flex;
    
display: -moz-flex;
    
display: -ms-flexbox;
    
display: flex;
    
flex-direction: column;
    
justify-content: center;
    
-webkit-transition: all 0.4s;
    
-o-transition:all 0.4s;
    
-moz-transition:all 0.4s;
    
-ms-transition:all 0.4s;
    
transition:all 0.4s;
}
.section2 .right li:nth-child(1){
    
background: url(../images/m1.png) no-repeat 90% center;
}
.section2 .right li:nth-child(2){
background: url(../images/m2.png) no-repeat 90% center;
    
}
.section2 .right li:nth-child(3){
background: url(../images/m3.png) no-repeat 90% center;
    
}
.section2 .right li:nth-child(4){
background: url(../images/m4.png) no-repeat 90% center;
    
}
.section2 .right li:hover{
    background-color: #0078b8 !important;
}
.section2 .text{
    
}
.section2 .num{
    
font-size: 24px;
    
color: #fff;
}
.section2 .num strong{
    
font-size: 40px;
    
font-weight: normal;
}
.section2 .tit{
    
font-size: 18px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
line-height: 1;
    
padding-top: 9px;
}
.section3{

}
.section3 .content{
    padding-left: 3.5%;
    display: flex;
    justify-content: space-around;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    align-items: center;
}
.section3 .left{
    width: 460px;
}
.section3 .line{
    width: 61px;
    height: 1px;
    background: #F7F7F7;
    opacity: 0.5;
}
.section3 .left .title{
        font-size: 60px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    padding-top: 5vh;
    padding-bottom: 3vh;
}
.section3 .dec{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    padding-bottom: 3vh;
    line-height: 36px;
    width: 370px;
    max-width: 90%;
}
.section3 .more{
        width: 158px;
    height: 44px;
    background: #0078b8;
    display: block;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}
.section3 .right{
    width: calc(100% - 460px);
}
.section3 .right a{
    display: block;
}
.section3 .right a .imgbox{
    display: block;
    position: relative;
}
.section3 .right a img{
    display:block;
    width: 100%;
    background: #fff;
    text-align: center;
}
.section3 .right a .title{
    
display: block;
    
left: 0;
    
bottom: 16px;
    
width: 100%;
    
font-size: 24px;
    
    
font-weight: 400;
    
color: #fff;
    
position: absolute;
    
overflow: hidden;
    
text-overflow: ellipsis;
    
white-space: nowrap;
    
padding: 0px 22px;
text-align: center;
}

.section4{

}
.section4 .content{
        height: 100vh;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.section4 .left{
    width: 520px;
}
.section4 .left .line{
    width: 1px;
    height: 60px;
    background: #FFFFFF;
}
.section4 .left .title{
        font-size: 40px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    padding: 4vh 0;
}
.section4 .left .dec{
        font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 2vh;
}
.section4 .more{
    width: 158px;
    height: 44px;
    background: #0078b8;
    display: block;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: #fff
}
.section4 .link{    zoom: 1;
    overflow: hidden;
    padding-top: 4vh;
    
}
.section5 .list li a:hover,
.section4 .right ul li:hover,
.section4 .link a:hover{
background-color:#0078b8 !important;
border-color:#0078b8

}
.section4 .link a{
    float: left;
    width: calc((100% - 22px)/2);
    height: 145px;
    border: 1px solid #F7F7F7;
    border-radius: 10px;
    text-align: center;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 88px;
    line-height: 1;
    -webkit-transition: all 0.4s;
    -o-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}
.section4 .link a:nth-child(1){
        margin-right: 22px;
    background: url(../images/g1.png) no-repeat center 20px;
}
.section4 .link a:nth-child(2){
    background: url(../images/g2.png) no-repeat center 20px;
    
}
.section4 .right{
        width: calc(100% - 520px);
    padding-left: 5%;
    height: 100%;
    padding-top: 116px;
}
.section4 .right ul{
        height: 100%;
}
.section4 .right ul li{
    float: left;
    margin-right: 40px;
    width: calc((100% - 40px)/2);
    height: 233px;
    border: 1px solid #F7F7F7;
    border-radius: 10px;
    position: relative;
    height: calc((100% - 80px)/3);
    margin-bottom: 29px;
    -webkit-transition: all 0.4s;
    -o-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}
.section4 .right ul li .bottom{
        position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 0px 37px;
    bottom: 39px;
}
.section4 .right ul li .tit{
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.section4 .right ul li .img{
    float: right;
    margin-top:  -80px;
}
.section4 .right ul li .dec{
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
}
.section4 .right ul li:nth-child(2n) {
    margin-right: 0px;
}

.section5{

}
.section5 .wrap{
    
height: 100vh;
    
padding-top: 90px;
}
.section5 .topNews{
    
padding-top: 17vh;
}
.section5 .topNews .title:after{
    content:"";
    left:0px;
    height:1px;
    background:#fff;
    width:60px;
    position:absolute;
    left:0px;
    top: 12px;
}
.section5 .topNews .title{
    
font-size: 24px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
position: relative;
    
padding-left: 80px;
    
line-height: 1;
}
.section5 .topNews .time{
    
font-size: 14px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
line-height: 36px;
    
opacity: 0.8;
    
padding-top: 9vh;
    
padding-bottom: 2vh;
}
.section5 .topNews .title2{
    
font-size: 38px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
line-height: 36px;
    
display: block;
    
margin-bottom: 2vh;
}
.section5 .topNews .dec{
    
width: 774px;
    
font-size: 16px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
line-height: 24px;
    
opacity: 0.8;
    
max-width: 70%;
    
margin-bottom: 5vh;
}
.section5 .topNews .more{
    
width: 120px;
    
line-height: 39px;
    
background: #0078b8;
    
text-align: center;
    
display: block;
    
color: #fff;
    
font-size: 16px;
}
.section5  .list{
    zoom: 1;
    overflow: hidden;
    position: absolute;
    width: 100%;
    padding: 0px;
    left: 0;
    bottom: 0px;
    padding: 0px 3.6%;
}
.section5  .list li{
 float: left;   
 width: 33.333%;
}
.section5  .list li a{
    display: block;
    background: rgb(0 0 0 / 0.3);
    padding: 7vh 5vw;
    border-right: 1px solid rgb(255 255 255 / .14);
    -webkit-transition: all 0.4s;
    -o-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}
.section5  .list li a *{
    display: block;
}
.section5  .list li a .title{
    
}
.section5  .list li a .time{
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    opacity: 0.6;
    padding-bottom: 1vh;
}
.section5  .list li a .title2{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    opacity: 0.8;
    margin-bottom: 2vh;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.section5  .list li a .dec{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    opacity: 0.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.section6{

}
.section6 .wrap{height: 100vh;display: flex;align-items: center;justify-content: space-between;}
.section6 .left{
}
.section6 .left .title:after{
    
    content:"";
    left:0px;
    height:1px;
    background:#fff;
    width:60px;
    position:absolute;
    left:0px;
    top: 12px;
}
.section6 .left .title{
    font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 36px;
position: relative;
padding-left: 80px;
line-height: 1;
}
.section6 .left .dec{
    font-size: 60px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    padding-top: 9vh;
    padding-bottom: 4vh;
}
.section6 .left .dec2{
    font-size: 17px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 32px;
}
.section6 .right{
width: 50vw;
margin-right: 3%;
}.clear {
	clear: both;
}

.tplink7,.nav li:nth-child(7){ display:none !important;}

                    

.head_posi {
    float: left;
    color: #333;
    font-size: 14px; 
    margin: 20px 0px;
}
.head-navigate{
    float: right;
        width: 68%;
}
                
.head-top{
    float: left;
    width: 32%;
    height: 90px;
    overflow: hidden;
}

#newBridge .nb-middle{
    display: none !important;
}
#newBridge .nb-show{
    display: none !important;
}