.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;background-color: rgb(255 255 255 / 85%);left:0px;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}
.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: #427b9c;}
.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:50px;padding-bottom:0%;display:none;z-index:444;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);background-color: rgba(0, 0, 0, 0.35);max-height: calc(100vh - 50px);overflow: auto;}
.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;}
.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;}
@-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 form{
    
}
.mobile-inner-nav li form .words{
}
.mobile-inner-nav li form .send{
    font-size: 0;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../images/search2.png) no-repeat center center #fff;
    border: none;
    /* font-size: 14px; */
    color: #000;
    /* background: none; */
    text-align: center;
}
.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: 0;font-size:15px;color:#fff;background: url(../images/search2.png) no-repeat 30px center #fff;background-size:20px;height: 36px;border: none;background: #fff;padding: 0px 10px;padding-right: 40px;}
.mobile-inner-nav li:last-child {border-bottom:none;padding: 10px 10px;position: relative;}
.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;}


@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-40px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(40px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

.fadeInUp {animation-duration:1s;animation-name:fadeInUp;animation-timing-function: ;animation-delay: .2s;}
@keyframes fadeInUp {
    from {
        opacity:0;
        transform:translate3d(0,80px,0);
    }
    to {
        opacity:1;transform:none;
    }
}

.fadeWidth {animation-duration:2.76s;animation-name:fadeWidth;animation-timing-function: cubic-bezier(0.17, 0.85, 0.54, 1);}
@keyframes fadeWidth {from {width: 0;}
to {width: 100%;}
}
.calcImg {
animation: calcImg 5s forwards;
animation-timing-function: cubic-bezier(0.36, 0.83, 1, 1);
animation-delay: 1s;
opacity: 1;

}
@keyframes calcImg {
    from {
        -webkit-transform: scale(1.35,1.35);
-o-transform: scale(1.35,1.35);
-moz-transform:  scale(1.35,1.35);
-ms-transform: scale(1.35,1.35);
transform:  scale(1.35,1.35);
    }
    to {
        -webkit-transform: none;
-o-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none; 
    }
}


@keyframes fadeInUpDot {
  from {
        opacity:0;
        transform:translate3d(0,80px,0);
    }
    to {
        opacity:1;transform:none;
    }
}

.fadeInUpDot {
animation-duration:2s;animation-name:fadeInUpDot;
}



*{font-family: PingFangSC-Regular, PingFang SC, "Microsoft YaHei" ,"Arial" !important;line-height:1;}
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;
}
body {font-size: 14px;}
html,body{
    -moz-user-select: none; -khtml-user-select: none; user-select: none;
}
body {
    font-family: PingFangSC-Regular, PingFang SC, "Microsoft YaHei" ,"Arial" !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;}
body{
    overflow-x: hidden;
}

.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;
}
.wrap:after,
.clearflex:after{
    content: "";
    display: table;
    clear: both;
}
.wrap{
    width: 78%;
    margin:0 auto;
    max-width: 100%;
}

.head{position: fixed;left: 0px;top: 0px;width: 100%;z-index: 777;background: rgba(255 ,255 ,255 ,.1);height: 104px;border-bottom: 2px solid rgba(255 ,255 ,255 ,.5);}
.head .logo a{
    display:block;
    position:relative;
    overflow:hidden;
    width: 190px;
    height: 40px;
}
.head .logo{

float: left;

padding-top: 34px;

position: relative;

z-index: 5;
}
.head .logo img{

position: absolute;

left: 0;

top: 0;
}
.head .logo img.default{

}
.head .logo img.current{

top: 0;

opacity: 0;
}
.head .nav{text-align: center;left: 0;top: 0px;white-space: nowrap;float: right;position: absolute;width: 100%;left: 0;top: 0px;}
.head .nav ul{

display: inline-block;

font-size: 0;
}
.head .nav li:last-child{
margin-right:0px;}
.head .nav li{

display: inline-block;

vertical-align: middle;

margin-right: 45px;
}
.head .nav li .h2tit{

}
.head .nav li:hover .h2tit a:after,
.head .nav li.current .h2tit a:after{
    width:100%;
}

.head .nav li .h2tit a:after{
    content:"";
    position:absolute;
    position:absolute;
    bottom: -1px;
    width:100%;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
    left: 50%;
    height:2px;
    z-index: 3;
    background:#fff;
    -o-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 0;
}
.head .nav li .h2tit a{

display: block;

line-height: 104px;

font-size: 16px;

font-family: Microsoft YaHei;

font-weight: 400;

color: #fff;

position: relative;
}
.head .right{

float: right;

position: relative;

z-index: 4;
}

.head .right .searchForm:hover{
border:1px solid #ccc}
.head .right .searchForm{float: left;position: relative;width: 160px;height: 34px;border-radius: 340px;background: #fff;margin-top: 36px;width: 0;}
.head .right .searchForm .words{

height: 34px;

border-radius: 50px;

border: none;

background: none;

padding: 0px 10px;

width: 100%;
}
.head .right .searchForm:hover{
    width:160px;
}
.head .right .searchForm:hover .send{
background: url(../images/search2.png) no-repeat center center;
}
.head .right .searchForm .send{

position: absolute;

right: 0;

top: 0px;

width: 40px;

height: 100%;

cursor: pointer;

background: none;

border: none;

background: url(../images/search.png) no-repeat center center;

background-size: 15px !important;
}



.head .right .search{

float: left;

position: relative;
}
.head .right .search .h2tit{

width: 17px;

height: 104px;

cursor: pointer;

background: url(../images/search.png) no-repeat center center;

background-size: 100%;
}
.head .right .search .slide{

display: none;
}
.head .right .search .slide form{

}
.head .right .search .slide .words{

}
.head .right .search .slide .send{

}
.head .right .lan{

float: left;

padding-left: 24px;
}
.head .right .lan a{

font-size: 20px;

font-family: Microsoft YaHei;

font-weight: 400;

color: #fff;

display: block;

line-height: 104px;
}

.head .nav li .slide{
    
position: absolute;
    
width: 100%;
    
left: 0;
    
top: 0px;
    
top: 105px;
    
text-align: left;
    
z-index: 5;
    
padding-top: 47px;
    
display: none;
    
background: rgb(0 104 183 / .3);
    
padding-bottom: 42px;
}
.head .nav li .slide .content{
    
max-width: 100%;
    
margin: auto;
    
width: 944px;
    
/* padding-bottom: 42px; */
}
.head .nav li .slide .content .left{
    
float: left;
    
width: 34%;
    
border-right: 1px solid rgb(255 255 255 / .5);
}
.head .nav li .slide .content .title{
    
font-size: 25px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #fff;
    
padding-bottom: 25px;
}
.head .nav li .slide .content .imgbox{
    
overflow: hidden;
    
max-width: 76%;
    
width: 242px;
}

.head .nav li .slide .content .imgbox img{

width: 100%;
}
.head .nav li .slide .content .rights{
    
float: right;
    
width: 64%;
    

}
.head .nav li .slide .content .rights a:nth-child(1){
    margin-left:0px;
}
.head .nav li .slide .content .rights a:hover{
    color:#0068B7
}
.head .nav li .slide .content .rights a{
    
font-size: 15px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #fff;
    
margin-left: 6%;
}
.head .shadow{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    top: 105px;
    background: #fff;
    opacity: .5;
    height: 274px;
    z-index: 1;
    display: none;
}



.head:hover,
.head.current,
.head.white{
    background: #fff;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
}

.head:hover .logo a img.default,
.head.current .logo a img.default,
.head.white .logo a img.default{
    top: 0;
    opacity: 0;
}
.head:hover .logo a img.current,
.head.current .logo a img.current,
.head.white .logo a img.current{
    top:0;
    opacity: 1;
}
.head:hover .nav li .h2tit a,
.head.current .nav li .h2tit a,
.head.white .nav li .h2tit a{
    color:#4B4B4B
}
.current.head .nav li .h2tit a:after,
.head:hover .nav li .h2tit a:after,
.head.white .nav li .h2tit a:after{
    background: #0068B7;
}


.white.head .nav li.current .h2tit a,
.white.head .nav li:hover .h2tit a,
.current.head .nav li.current .h2tit a,
.current.head .nav li:hover .h2tit a,
.head:hover .nav li:hover .h2tit a,
.head:hover .nav li.current .h2tit a{
    color:#0068B7
}
.white.head .right .search .h2tit,
.current.head .right .search .h2tit,
.head:hover .right .search .h2tit{
background:url(../images/search2.png) no-repeat center center;
background-size: 100%;
}

.white.head .right .lan a,
.current.head .right .lan a,
.head:hover .right .lan a{
    color:#4B4B4B
}

.head:hover .right .searchForm .send,
.white.head .right .searchForm .send,
.current.head .right .searchForm .send{
    background:url(../images/search2.png) no-repeat center center;
}
.white.head .right .lan a:hover,
.current.head .right .lan a:hover,
.head:hover .right .lan a:hover{
    color:#0068B7
}





.banner .imgbox{
    
}
.banner .text{
    
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%);
    
width: 100%;
    
text-align: center;
    
z-index: 5;
padding-top: 15vh;
}
.banner .text .wrap{
    width: 100%;
    overflow: hidden;
    padding: 0px 20px;
} 

.banner .title0 + .title{
    margin-bottom: 0;
}
.banner .title0{
    font-size: calc(60/1920*100vw);
    color: #fff;
    margin-bottom: 7vh;
    overflow: hidden;
}
.banner .title em{
    width: .5em;
    display: inline-block;
    height: 2px;
}
.banner .title .ani *{
    line-height: inherit;
}
.banner .title .ani{
    line-height:1.3
}
.banner .title{font-size: calc(90/1920*100vw);font-family: SourceHanSansCN;font-weight: 500;color: #FFFFFF;line-height: 1;text-shadow: 1px 1px 4px rgba(108,108,108,0.5);margin-bottom: 13vh;overflow: hidden; /* CSS3 */word-break: break-word;}
.banner .img{
position: relative;
overflow: hidden;

}
.banner .swiper-slide-active   .ani{
animation: showup .5s forwards;
animation-timing-function: ease-out;
animation-delay: .4s;
}

.banner   .ani{-o-transform: translate(0%, 20px);-webkit-transform:translate(0%, 20px);-moz-transform: translate(0%, 20px);-ms-transform: translate(0%, 20px);transform: translate(0%, 20px);opacity: 0;display: block;}


@keyframes showup{
    0%{
-o-transform: translate(0%, 100%);
-webkit-transform:translate(0%, 100%);
-moz-transform: translate(0%, 100%);
-ms-transform: translate(0%, 100%);
transform: translate(0%, 100%);
opacity: 0;
    }
    100%{
-webkit-transform: none;
-o-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none; 
opacity: 1;
    }
}

.moreBase:hover:after{
    top: 0px;
    left: 0;
}
.moreBase:after{
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    content:"";
    background: linear-gradient(88deg, #00A0E9 0%, rgba(0,197,59,0.93) 100%);
    opacity:0;
    left: -100%;
    top: 100%;
    border-radius: 30px;
}
.moreBase:hover:after{
opacity:1
}
.moreBase:hover{
border-color:transparent !important;
}
.moreBase:hover span{
   background: url(../images/more.png) no-repeat 84% center;
   color: #fff;
}
.banner .moreBase span{
    background: url(../images/more.png) no-repeat 84% center;    
}
.moreBase span{
    position:relative;
    z-index:4;
    display:block;
    line-height: 26px;
    background: url(../images/more3.png) no-repeat 84% center;
    padding-left: 17px;
}
.banner .moreBase{position:absolute;border-color:#fff;color:#fff;top: 9px;left: 0;}
.moreBase{
    overflow:hidden;
    left: 0;
    position: relative;
    display:block;
    width: 102px;
    border: 1px solid #a3a3a3;
    border-radius: 14px;
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #a3a3a3;
    /* padding-left: 17px; */
    text-align: left;
    /* background: url(../images/more.png) no-repeat 84% center; */
}
.banner{
    position: relative;
}
.banner .line{
    background: url(../images/line.png) no-repeat center center;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 9px;
    z-index: 5;
    background-size: cover;
    opacity: 1;
}

.banner .imgbox{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    height: 100%;
/*    -webkit-transform: scale(1.5,1.5);
    -o-transform: scale(1.5,1.5);
    -moz-transform:  scale(1.5,1.5);
    -ms-transform: scale(1.5,1.5);
    transform:scale(1.5,1.5);
    -webkit-transition: all 4s;
    -o-transition: all 4s;
    -moz-transition: all 4s;
    -ms-transition: all 4s;
    transition: all 4s;*/
}

.banner .swiper-slide-active .imgbox{
/*    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;*/
}

.banner .swiper-pagination{
    bottom:10vh
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 33px;
}
.banner .swiper-pagination .swiper-pagination-bullet{
    width: 7px;
height: 7px;
background: #FFFFFF;
border-radius: 20px;
opacity: 1;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;
margin: 0px 10px;
}
.titlemodel:after{
    content:"";
    display:table;
    clear:both;
}
.titlemodel{
    font-size: 35px;
    font-family: Microsoft YaHei;
    /* font-weight: bold; */
    color: #4B4B4B;
    /* zoom:1; */
    /* overflow: hidden; */
}
.titlemodel .hd2{
    
float: right;
}
.titlemodel .hd2 a{
    
font-size: 16px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
position: relative;
    
overflow: hidden;
    
float: left;
    
width: 130px;
    
line-height: 39px;
    
background: #FFFFFF;
    
border-radius: 19px;
    
margin-left: 23px;
    
text-align: center;
}
.titlemodel .hd2 a:hover,
.titlemodel .hd2 a.current{
    color:#fff
}
.titlemodel .hd2 a:after{
    content: "";
    position: absolute;
    top: 100%;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(92deg, #00A0E9 11%, #00C53B 100%);
    border-radius: 300px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}
.titlemodel .hd2 a.current span,
.titlemodel .hd2 a:hover span{
    color:#fff
}
.titlemodel .hd2 a span{
    /* color: inherit; */
    position: relative;
    z-index: 4;
    display: block;
    line-height: inherit;
    color: #3A3A3A;
}
.titlemodel .hd2 a:hover:after,
.titlemodel .hd2 a.current:after{
    left: 0px;
    top: 0;
    opacity: 1;
}
.titlemodel .hd{
float: right;
}
.titlemodel .hd a{
    background: #DDDDDD;
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    margin-left: 26px;
    float: left;
}
.titlemodel .hd a span{
    display: block;
    position: relative;
    z-index: 4;
    width: 199px;
    line-height: 45px;
    text-align: center;
    font-size: 23px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}
.titlemodel .hd a:before{

}
.titlemodel .hd a:after{
    
-webkit-transition: all 0.3s;
    
-o-transition: all 0.3s;
    
-moz-transition: all 0.3s;
    
-ms-transition: all 0.3s;
    
transition: all 0.3s;
left: -100%;
top: 100%;
border-radius: 400px;
}
.titlemodel .hd a.current:after,
.titlemodel .hd a:hover:after{
left: 0;
top: 0;
}
.titlemodel .title{
    float: left;
    /* font-weight: bold; */
}
.titlemodel .dec{
    clear: both;
    font-size: 15px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #4C4948;
padding-top: 18px;
}




.baseTitle{
    margin-bottom: calc(54/1920*100vw);
}


.footer{
    background: #0068b7;
    padding-top: 72px;
    padding-bottom: 92px;
}
.footer .wrap {
    position: relative;
}
.footer .left img {
    float: left;
}

.footer .left{
    
}
.footer .nav{
    /* position: absolute; */
    top: 0;
    left: 50%;
    text-align: center;
    float: left;
    /* padding-left: 5vw; */
    position: absolute;
    top: 0;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 100%;
}
.footer .nav .item:nth-child(1) {
    margin: 0px;
}
.footer .nav .item{
    margin-left: 3vw;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}
.footer .nav .item h2{
        font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 19px;
}
.footer .nav .item h2 a:hover{
    opacity: .8;
}
.footer .nav .item h2 a{
    color: inherit;
    line-height: inherit;
    font-size: inherit;
}
.footer .nav .item dl{
    
}
.footer .nav .item dl dd a{
    display: block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 29px;
    opacity: 0.8;
}
.footer .ewmRight{
    
float: right;
    
position: relative;
    
z-index: 4;
}
.footer .ewmRight .ewm{zoom: 1;overflow: hidden;text-align: center;}
.footer .ewmRight .ewm .item:nth-child(1){
margin:0px;
}
.footer .ewmRight .ewm .item{
    
float: left;
    
margin-left: 16px;
}
.footer .ewmRight .ewm .item img{
    
width: 87px;
    
height: 87px;
}
.footer .ewmRight .ewm .item .title{
    
font-size: 10px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
padding-top: 6px;
    
padding-bottom: 29px;
}
.footer .ewmRight .select{
    
}
    select option {
    color: #000; 
  }
.footer .ewmRight .select select{
    
width: 189px;
    
height: 27px;
    
border: 1px solid #FFFFFF;
    
display: block;
    
width: 100%;
    
background: none;
    
font-size: 13px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
padding-left: 11px;
}
.bottom{
    background: #004098;
    text-align: center;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0075C2;
}
.bottom .wrap{
    line-height: 38px;
}
.bottom a:hover{

}
.bottom a{
    
color: inherit;
}

@media screen and (min-width: 1024px){
.cbanner .imgbox{
    background: none !important;
}
}

.cbanner{
    overflow: hidden;
/*    height: calc(688/1920*100vw);*/

    position: relative;
}
.cbanner .imgbox{
    
height: 100%;
}
.cbanner .title{
    
font-size: calc(58/1920*100vw);
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
position: absolute;
    
width: 100%;
    
z-index: 5;
    
top: 48%;
    
text-align: left;
    
/* width: 78%; */
    
padding: 0px 11%;
}
.cbanner .menu{
    
position: absolute;
    
z-index: 4;
    
bottom: 0px;
    
text-align: center;
    
width: 100%;
    
left: 0;
    
animation-delay: .5s !important;
}
.cbanner .menu ul li:hover a:after,
.cbanner .menu ul li.current a:after{
    opacity:1;
}
.cbanner .menu ul{
    
background: rgba(0, 104, 182, 0.79 );
    
display: flex;
}
.cbanner .menu ul li{
    
flex: 1;
}
.cbanner .menu ul li a{
    position: relative;
    display: block;
    /* line-height: 66px; */
}
.cbanner .menu ul li a span{
    
display: block;
    
position: relative;
    
z-index: 4;
    
line-height: calc(66/1920*100vw);
    
font-size: 20px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
overflow: hidden;
    
text-overflow: ellipsis;
    
display: -webkit-box;
    
-webkit-line-clamp: 1;
    
-webkit-box-orient: vertical;
}

.cbanner .menu ul li a:after{content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;background: linear-gradient(-90deg, rgba(0,197,59,0.93) 0%, #00A0E9 79%);opacity: 0;}


.cbanner .imgbox{
-webkit-transform: scale(1.35,1.35);
-o-transform: scale(1.35,1.35);
-moz-transform:  scale(1.35,1.35);
-ms-transform: scale(1.35,1.35);
transform:  scale(1.35,1.35);
/*animation: scalc 5s forwards;
animation-timing-function: cubic-bezier(0.36, 0.83, 1, 1);
animation-delay: 1s;*/
background-attachment: fixed !important;
}




/*@keyframes scalc{
    0%{
-webkit-transform: scale(1.35,1.35);
-o-transform: scale(1.35,1.35);
-moz-transform:  scale(1.35,1.35);
-ms-transform: scale(1.35,1.35);
transform:  scale(1.35,1.35);
    }
    100%{
-webkit-transform: none;
-o-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none; 
    }
}*/




.position{font-size: 16px;color: #808080;padding-top: calc(39/1920*100vw);padding-bottom: calc(91/1920*100vw);}
.position i{
    font-style: normal;
    padding: 0px 8px;
}
.position a{
    color: inherit;
}
.position a:hover,
.position span{
    color: #0068B6;
}






.lineBase{
    height: 1px;
    background: #e1e1e1;
    opacity: .6;
    margin: calc(120/1920*100vw) 0;
}

.pagesize{
text-align: center;
font-size: 0px;
}
.pagesize a{
    width: 47px;
    line-height: 47px;
    display: inline-block;
    font-size: 18px;
    font-family: Arial;
    font-weight: 400;
    color: #717171;
    vertical-align: middle;
    height: 47px;
    margin: 0px 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.pagesize a span{
    color: inherit;
    display: block;
    line-height: inherit;
    position: relative;
    z-index: 4;
}

.pagesize .prev:before{
    background: url(../images/prev.png) no-repeat center center !important;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
}
.pagesize .prev:hover:before{
    background: url(../images/prevhover.png) no-repeat center center !important;
}



.pagesize .left:before{
    background: url(../images/left.png) no-repeat center center !important;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
}
.pagesize .left:hover:before{
    background: url(../images/lefthover.png) no-repeat center center !important;
}


.pagesize .right:before{
    background: url(../images/right.png) no-repeat center center !important;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
}
.pagesize .right:hover:before{
    background: url(../images/righthover.png) no-repeat center center !important;
}


.pagesize .next:before{
    background: url(../images/next.png) no-repeat center center !important;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
}
.pagesize .next:hover:before{
    background: url(../images/nexthover.png) no-repeat center center !important;
}


.pagesize a:after{
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;


}


.pagesize a:hover,
.pagesize a.current{
    color: #fff;
}










.tb{
        width: 50px;
        height: 50px;
        margin: 28px 0 0;
        position:relative;
        z-index:3;
        right: 0;
}
.search-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.search-wrapper .input-holder {
    overflow: hidden;
    height: 50px;
    background: rgba(255,255,255,0);
    border-radius: 6px;
    position: relative;
    width: 70px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper .input-holder .search-input {
    width: 100%;
    height: 50px;
    padding: 0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #FFF;
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.head.current .search-wrapper .input-holder .search-icon,
.head:hover .search-wrapper .input-holder .search-icon{
    background: url(../images/search2.png) center no-repeat;
}
.search-wrapper .input-holder .search-icon {
    width: 50px;
    height: 50px;
    border: none;
    background: url(../images/search.png) center no-repeat;
    border-radius: 6px;
    padding: 0px;
    outline: none;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 14px;
    right: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
}
.search-wrapper .close:before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
    content:''
}
.search-wrapper .close:after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
    content:''
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display: none;
    color: #B7B7B7;
}
.search-wrapper.active {left: -137px;}
.search-wrapper.active .input-holder {
    border-radius: 50px;
    width: 13vw;
    background: rgba(0,0,0,0.85);
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    transform: translate(0, 0px);
}

.search-wrapper.active .input-holder .search-icon {
    width: 50px;
    height: 50px;
    /* background-color: #E6E6E6; */
    /* margin: 10px; */
    border-radius: 30px;
    background: url(../images/search.png) center no-repeat !important;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position: absolute;
    content: '';
    background: #ccc;
    border-radius: 2px;
}

.search-wrapper.active .close {
    right: -50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
    opacity: 1;
}

 .swiper-button-prev,
 .swiper-button-next{
    width: 49px;height: 49px;
    background: none;
    border-radius: 50%;left: -70px;opacity: 1;margin-top: -27px;}
 .swiper-button-next{
right: -70px; 
left: auto;   

}
 .swiper-button-prev:hover,
 .swiper-button-next:hover{
        background: linear-gradient(86deg, #00A0E9 0%, rgba(0,197,59,0.89) 100%);
}


 .swiper-button-next:hover:before{
    background: url(../images/arr2.png) no-repeat center center;
    background-size: 20%;
}
 .swiper-button-prev:hover:before{
    background: url(../images/arr8.png) no-repeat center center;
    background-size: 20%;
}




 .swiper-button-next:before,
 .swiper-button-prev:before{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 5;
}
 .swiper-button-next:before{
    background: url(../images/arr7.png) no-repeat center center;
    background-size: 20%;
}
 .swiper-button-prev:before{
    background: url(../images/arr6.png) no-repeat center center;
    background-size: 20%;
}


.loading .center{
    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%);
}

.tp-loader.spinner4 {
  margin: -20px 0px 0px -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-animation: tp-rotate 2.0s infinite linear;
  animation: tp-rotate 2.0s infinite linear;
  

}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #019ffb;
  border-radius: 100%;
  -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
  animation: tp-bounce 2.0s infinite ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.tp-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes tp-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}




.leanierBtn{
    position: relative;
}











@keyframes tp-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}




.morebase2{
    
/* line-height: 37px; */
    
zoom: 1;
    
overflow: hidden;
}
.morebase2 span{
    
line-height: 37px;
    
font-size: 13px;
    
width: 106px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #474747;
    
border: 1px solid #959595;
    
position: relative;
    
overflow: hidden;
    
float: left;
    
text-align: center;
    
border-right: none;
}

.morebase2 i{
    float: left;
    height: 100%;
    width: 37px;
    background: url(../images/more.png) no-repeat center center #0068B6;
    height: 39px;
    position: relative;
    overflow: hidden;
    background-size: 10px !important;
    }
 a:hover .morebase2 i{
    background-size: 10px !important;
    }
.morebase2 i:after{
position:absolute;
}



@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


.current.btnType1{
    background:#deebf4
}
.current.btnType1 + .aniWave{
    opacity:0
}
.btnType1{display: block;text-align: center;position: relative;overflow: hidden;background: #fff;box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.15);/* width: 180px; *//* height: 180px; */border-radius: 300px;cursor: pointer;}
.btnType1 span{display: block;text-align: center;position: relative;z-index: 4;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;flex-direction: column;justify-content: center;font-size: 30px;font-family: SourceHanSansCN;font-weight: 500;color: #FFFFFF;line-height: 38px;height: 100%;}
.btnType1:after{
    content: '';
    width: calc((100% - 20px));
    height: calc((100% - 20px));
    top: 10px;
    left: 10px;
    background: #bebfbf;
    position: absolute;
    border-radius: 300px;
    z-index: 3;
}
.btnType1:before{
    content: '';
    width: calc((100% - 20px));
    height: calc((100% - 20px));
    top: 14px;
    left: 14px;
    background: linear-gradient(62deg, #00A0E9 0%, rgba(0,197,59,0.93) 100%);
    z-index: 3;
    position: absolute;
    border-radius: 300px;
    left: -100%;
    top: 100%;
}

.btnType1:after,
.btnType1:before{
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.btnType1:hover:after,
.btnType1:hover:before{
     -webkit-transition: all .5s cubic-bezier(.77,0,.175,1);
-o-transition: all .5s cubic-bezier(.77,0,.175,1);
-moz-transition:all .5s cubic-bezier(.77,0,.175,1);
-ms-transition: all .5s cubic-bezier(.77,0,.175,1);
transition: all .5s cubic-bezier(.77,0,.175,1);
}
.btnType1:hover:before{left: 10px;top: 10px;}
.btnType1:hover:after{
    left: 100%;
    top: -100%;
}
.btnType1.current:before{left: 10px;top: 10px;}
.btnType1.current:after{
    left: 100%;
    top: -100%;
}


.aniWave{
    position: absolute;
    width: 180px;
    height: 180px;
    z-index: 2;
    -webkit-transition: all 0.2s;
    -o-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -ms-transition:all 0.2s;
    transition:all 0.2s;
}



.aniWave::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    border-radius: 50%;
    -webkit-animation: pulse-border-2 1.8s linear infinite;
    -moz-animation: pulse-border-2 1.8s linear infinite;
    -o-animation: pulse-border-2 1.8s linear infinite;
    animation: pulse-border-2 1.8s linear infinite;
    background: #0068B7;
}
.aniWave::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    border-radius: 50%;
    -webkit-animation: pulse-border 1.2s linear infinite;
    -moz-animation: pulse-border 1.2s linear infinite;
    -o-animation: pulse-border 1.2s linear infinite;
    animation: pulse-border 1.2s linear infinite;
    background: #0068B7;
}



@keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0; } }
@keyframes pulse-border-2 {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0; } }






.alertShow{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
display: none;
}
.alertShow .shadow{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .76;
}
.alertShow .center{
    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%);
}
.alertShow .close{
    cursor: pointer;
    position: absolute;
    z-index: 4;
    width: 20px;
    height: 20px;
    background: url(../images/close4.png) no-repeat center center;
    right: -30px;
    top: -30px;
    background-size: 16px;
}
.alertShow .center img{
    /* width: 80vw; */
    height: 80vh;
    object-fit: contain;
}
.alertModel{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
display: none;
}
.alertModel .center{
    
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%);
}
.alertModel .center span{
    
display: block;
    
margin: auto;
    
padding: 0px 35px;
    
line-height: 48px;
    
background: #0068B7;
    
color: #fff;
    
font-size: 20px;
    
border-radius: 5px;
    
min-width: 300px;
    
text-align: center;
 -webkit-transition: all .3s cubic-bezier(.77,0,.175,1);
-o-transition: all .3s cubic-bezier(.77,0,.175,1);
-moz-transition:all .3s cubic-bezier(.77,0,.175,1);
-ms-transition: all .3s cubic-bezier(.77,0,.175,1);
transition: all .3s cubic-bezier(.77,0,.175,1);
transform: scale(0,0);
max-width: 100%;
}


.alertModel.current .center span{
transform: scale(1,1);
}




video:not(.newsMain .section4  video)::-webkit-media-controls{ 
display:none !important;
}

.newsMain .section4  video{
    width: 100%;
    height: auto;
}


@media screen and (max-width: 1700px){
.head .nav li{
    margin-right: 1vw;
}
}

@media screen and (max-width: 1400px){
.head .nav li{
    margin-right: 1vw;
}
}
@media screen and (max-width: 1300px){
.wrap{
    width: 95%;
}
.cbanner .title{
    padding-left:2.5%
}

}
@media screen and (max-width: 1050px){
.head .nav{
    padding-left: 5%;
}
}

@media screen and (max-width: 1024px){
.banner .ani{
    line-height:inherit;
}
.banner .title0{
    font-size:5vw;
    line-height:1.4;
    margin-bottom:3vh
}
.banner .title{
    font-size: 7vw;
    line-height: 1.47;
    margin-bottom: 6vw;
}
.banner .img img{
    width:auto;
    height:20px;
}
.banner .moreBase{
    position: relative;
    top: auto;
    margin: auto;
    margin-top: 4vw;
}

.bottom .wrap{
line-height:1.4;
padding:15px 0px;}
.footer{
    padding: 10vw 0px;
}
.footer .left img{
    float: none;
    display: block;
    margin: auto;
}
.footer .left{padding-bottom: 7vw;}
.footer .nav{
        position: static;
        top: 0;
        left: 0%;
        -o-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        zoom: 1;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        padding-right: 0px !important;
        padding-top: 3vw;
        width: 100%;
}

.footer .nav .item {
    float: left;
    width: 33.33%;
    margin: 0;
    margin-bottom: 3vw;
}
.footer .ewmRight{float:none;width:100%;padding-top: 3vw;}



.cbanner .title{
    font-size: 28px;
    top: 45%;
}
    .cbanner .imgbox img{
        display:none
    }
.cbanner{height: 48vw;}
.cbanner .menu ul li a span{
    font-size: 12px;
    line-height:40px;
}
.position{
    font-size:14px;
    padding-top:5vw;
    padding-bottom: 10vw;
}

}






.t_alltop.current{
    right: 160px;
}
.t_alltop{
    position: fixed;
    bottom: 150px;
    right: -100%;
    transition: all 1.56s;
    text-align: center;
    z-index: 999999;
    cursor: pointer;
}
.t_alltop.on{
    right: 60px;
}   
.t_retuzi{
    font-size: 16px;
    line-height: 1.5;
    color:#333;
}
.t_neiprev a{
    display: block;
}

.t_return {
    box-shadow: 0px 12px 33px 0px rgb(0 0 0 / 14%);
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0px 9px 40px 0px rgb(0 0 0 / 38%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.t_returnpic {
    width: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(270deg);
}


@media screen and (max-width: 1024px){
.t_alltop.current{
    right: 10px;
}
.t_retuzi{
    font-size: 12px;
    margin-top: 4px;
}
.t_return{
    margin-bottom: 0px;
    width: 30px;
    height: 30px;
}
.t_returnpic{
    
width: 8px;
    
height: 16px;
}
}


#ryzs .titlemodel .hd2 a:nth-child(2),
#ryzs .titlemodel .hd2 a:nth-child(3){
    display: none;
}


.en .head li:nth-child(3) .slideType2{
    display:none !important;
}

.head .slideType2{
    
position: absolute;
    
left: 0;
    
width: 100vw;
    
top: 104px;
    
display: none;
    
background: rgba(0 ,104 ,183 ,.3);
    
text-align: center;
    
border-top: 1px solid #c3c3c3;
}
.head .slideType2 a{
    
display: inline-block;
    
margin: 0px 20px;
    
font-size: 16px;
    
color:#fff;
    
line-height: 50px;
    
position: relative;
}
.head .slideType2 a:after{
    content:"";
    position:absolute;
    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%);
    bottom:0px;
    background: #0068B7;
    height: 2px;
    width: 0px;
    -webkit-transition: all 0.4s;
    -o-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}
.head .slideType2 a:hover:after{
    width: 100%;
}


.banner{
    
}
.banner .content{
    position: relative;
    overflow: hidden;
    height: auto;
}
.banner .content .imgbox img{
    width: 100%;
    display: none;
}

@media screen and (min-width: 1024px){
.banner .content .imgbox {
    background: none !important;
    position: static;
}
.banner .content .imgbox img{
    display: block;
}
}




.centerEwm{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: none;
z-index: 9999;
background: rgba(0,0,0,0.5);
}
.centerEwm .shadow{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    cursor: pointer;
    height: 100%;
}
.centerEwm .center{
    z-index: 4;


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%);

text-align: center;
background: #fff;
padding: 20px;
width: 400px;
max-width: 100%;
}
.centerEwm .center img{
    width: 70%;
}
.centerEwm .center .title{
    padding-top: 10px;
    font-size: 16px;
}




.en .head .nav{
    position: static;
    float: right;
    width: auto;
    margin-right: 60px;
}
.en .footer .nav{
    position: static;
    float: right;
    width: auto;
    -o-transform: none;
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform: none;
    transform: none;
    padding-right: 3vw;
}

@media screen and (min-width:1440px){
    
.en .banner .title {
    font-size: calc(70/1920*100vw);
}
}