.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 {background-color:rgb(255,255,255);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:rgb(199,34,27);}
.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, 51%, 30%, 0.9);width:100%;position:absolute;top:50px;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;}
.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: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.4rem;}
html,body{
    -moz-user-select: none; -khtml-user-select: none; user-select: none;
}
body {
    color: #000000;
    background: #fff;
    margin: 0 auto;
    padding: 0px;
    font-family: "HanHei SC","PingFang SC","Microsoft YaHei";
}
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;
    display: none;
    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;
}


.wrap{
    
padding: 0px 5%;
}
.wrap:after{
    content: "";
    display: table;
    clear: both;
}
.head{

z-index: 666;

width: 100%;

position: fixed;

left: 0;

top: 0px;
}
.head .logo a{
    display: block;
    position: relative;
    width: 86px;
    height: 60px;
    position: relative;
    overflow: hidden;
}
.head .logo img{

position:absolute;
top: 0px;
left: 0px;
}
.head .logo img.default{
    
}
.head .logo img.current{
    top: -104%;
}
.head.current .logo img.default{
    top: 103%;
}
.head.current .logo img.current{
    top: 0%;
}
.head .logo{float: left;padding-top: 32px;padding-bottom: 32px;}

.head .right{float: right;margin-top: 56px;}
.head .nav{
float: left;
}
.footer .section1 .list li:last-child dl,
.head .nav li:last-child dl{
display:none
}
.head .nav li{

float: left;

position: relative;

margin-left: 48px;
}
.head .nav li .h2tit{

}
.head .nav li .h2tit a{

font-size: 16px;

font-family: Adobe Heiti Std;

font-weight: normal;

color: #FFFFFF;

line-height: 25px;

display: block;
}
.head .nav li dl:after{
    content:"";
    width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #ffffff transparent;
position:absolute;

position:absolute;
top: -5px;
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%);

}
.head .nav li:hover dl{
    
    visibility:visible;
    opacity:1;
    z-index:5;
    top:40px;

}
.head .nav li dl{

position: absolute;

left: 0px;

top: 0px;

width: 190px;

position: absolute;

top: 40px;

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

background: #fff;

-webkit-transition: all 0.2s;

-o-transition:all 0.2s;

-moz-transition:all 0.2s;

-ms-transition:all 0.2s;

transition:all 0.2s;

visibility: hidden;

opacity: 0;

z-index: -1;

top: 50px;

padding: 10px 0px;
}
.head .nav li dl dd {

}
.head .nav li dl dd a{

display: block;

text-align: center;

line-height: 38px;

color: #000;

position: relative;

z-index: 5;
}
.head .tel{float: left;font-size: 16px;font-family: PingFang;font-weight: 400;color: #FFFFFF;line-height: 25px;padding-left: 31px;background: url(../images/tel.png) no-repeat left center;margin-left: 35px;}
.head .search{float: left;cursor: pointer;width: 18px;height: 25px;background: url(../images/search.png) no-repeat center center;}
.head .searchForm{

text-align: center;

padding: 30px 0px;

background: rgba(2, 21, 35, .6);

display: none;
}
.head .searchForm form{

width: 325px;

margin: auto;

height: 46px;

display: block;

margin: auto;

border: 1px solid #fff;

border-radius: 300px;

position: relative;
}
.head .searchForm .words{

width: 100%;

height: 100%;

border: none;

background: none;

padding: 0px 40px;

color: #fff;
}
.head .searchForm .send {

position: absolute;

width: 40px;

height: 44px;

left: 0;

top: 0px;

border: none;

background: none;

cursor: pointer;

background: url(../images/search.png) no-repeat center center;
}
.head .line{
    margin-left: 12px;
    display: block;
    float: left;
    width: 1px;
    background: #fff;
    height: 21px;
    margin-right: 16px;
    margin-top: 2px;
}

.head .nav li .h2tit a,
.head .nav li dl dd a{

-webkit-transition:all 0.2s;
-o-transition:all 0.2s;
-moz-transition:all 0.2s;
-ms-transition:all 0.2s;
transition:all 0.2s;
}

.head .nav li .h2tit a:hover,
.head .nav li dl dd a:hover{
    color: #da2128

}

.banner{
text-align: center;
}
.banner .imgbox{
 height: 100vh;   
}
.banner .content{
    position: absolute;
    left: 0px;
    top: 0px;
    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%;
    /* transform: translateY(40px); */
    /* -webkit-transform: translateY(40px); */
    /* -webkit-transition: all 500ms ease; */
    transition: all 500ms ease;
    top: 65%;
    opacity: 0;
}
.banner .h2tit{
    
font-size: 36px;
    
font-family: SourceHanSansCN;
    
font-weight: 400;
    
color: #FFFFFF;
    
line-height: 58px;
}
.banner .h3tit{
    
font-size: 72px;
    
font-family: SourceHanSansCN;
    
font-weight: 400;
    
color: #FFFFFF;
    
line-height: 1.5;
    
padding-bottom: 10px;
}
.banner .en{
    
font-size: 17px;
    
font-family: PingFang;
    
font-weight: 300;
    
color: #FFFFFF;
    
letter-spacing: 1px;
}
.banner .more{
    
width: 149px;
    
height: 47px;
    
background: #FFFFFF;
    
border-radius: 24px;
    
display: block;
    
margin: auto;
    
text-align: center;
    
line-height: 47px;
    
font-size: 16px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #000000;
    
margin-top: 47px;
}

.banner .swiper-slide-active .content{
    top:50%;
    opacity:1;
}
.banner .swiper-slide-active .imgbox{
        visibility: visible;
    -webkit-animation: scale-bg 6s linear forwards;
    animation: scale-bg 6s linear forwards;
}

@-webkit-keyframes scale-bg{
    from{-webkit-transform:scale(1.2);  transform:scale(1.2);}
    to{ -webkit-transform:scale(1); transform:scale(1);
    }
}
@keyframes scale-bg{
    from{-webkit-transform:scale(1.2);  transform:scale(1.2);}
    to{ -webkit-transform:scale(1); transform:scale(1); }
}
.banner .swiper-pagination-bullet{
    background: #fff;
    opacity: .5;
    width: 30px;
    height: 4px;
    border-radius: 0px;
    
-webkit-transition:all 0.2s;
-o-transition:all 0.2s;
-moz-transition:all 0.2s;
-ms-transition:all 0.2s;
transition:all 0.2s;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
opacity: 1;
}

.wrap2:after{
    content: "";
    display: table;
    clear: both;
}
.wrap2{

padding: 0px 8.3%;
}
.index{

}
.titlemodel{
    
text-align: center;
}
.titlemodel .title{
    
font-size: 38px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #000000;
    
text-align: center;
    
line-height: 1;
}
.titlemodel .dec{
    
font-size: 18px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #4B4B4B;
    
opacity: 0.6;
    
padding-top: 18px;
    
line-height: 1;
}
.index .section1{
    
background: #f5f5f5;
    
padding-top: 65px;
    
padding-bottom: 85px;
}
.index .section1 .content{
    
padding-top: 50px;
}
.index .section1 .left{
    
float: left;
    
height: 766px;
    
width: calc((100% - 10px)/2);
    
background: #fff;
    
position: relative;
}
.index .section1 .item2 + div{
    float:right;
}
.index .section1 .right .imgbox{/* height:100%; */}
.index .section1 .imgbox{}
.index .section1 .left .imgbox{
    height: 618px;
}
.index .section1 .imgbox{
    
display: block;
    
position: relative;
    
height: 342px;
}
.index .section1 .imgbox  img{
    
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%);
    
max-width: 100%;
    
max-height: 80%;
}
.index .section1 .content .left .title{
    
padding-left: 100px;
    
padding-right: 100px;
}
.index .section1 .item2 .title {
    margin: 0px 10%;
}
.index .section1 .content .title {
    
font-size: 24px;
    
font-family: Adobe Heiti Std;
    
font-weight: normal;
    
color: #000000;
    
display: block;
}
.index .section1 .content .left .dec{
    
padding-left: 100px;
    
padding-right: 100px;
}
.index .section1 .right{
    
float: right;
    
width: calc((100% - 10px)/2);
}
.index .section1 .item1{
    
position: relative;
    
background: #fff;
    
margin-bottom: 10px;
    
display: -webkit-box;
    
display: -moz-box;
    
display: -webkit-flex;
    
display: -moz-flex;
    
display: -ms-flexbox;
    
display: flex;
    
flex-direction: column;
    
justify-content: center;
}
.index .section1 .item2{
    
position: relative;
    
float: left;
    
width: calc((100% - 10px)/2);
    
background: #fff;
    
height: 428px;
}
.index .section1 .item1 .imgbox  {

height: 100%;
}

.index .section1 .right .item1 {
    /* padding-left: 50%; */
    height: 330px;
}
.index .section1 .right .item1 .imgbox{
    
position: absolute;
    
left: 0px;
    
top: 0px;
    
height: 100%;
    
width: 50%;
}

.index .section1 .content .dec{
    font-size: 16px;
    padding-top: 20px;
    color: #000;
    opacity: 0;
}
.index .section1 .content .item2 .dec{
    margin:0px 10%;
}



.index .section1,
.index .section1 *{
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;

}

.index .section1 .content *{
    display: block;
}

.index .section1 .right .item1 a{
    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;
    padding-left: 50%;
}


.index .section1 .left a:hover .imgbox {
height: 580px;
}

.index .section1 .content a:hover .title{
    color: red
}
.index .section1 .content a:hover .dec{
    height: auto;
    color: red;
    opacity: 1;
}

.index .section1 .right .item1 a:hover{
    padding-left: 40%;
}
.index .section1 .right .item1 a:hover .imgbox{
    width: 40%;
}

.index .section1 .right .item2 a:hover  .imgbox{
    height: 240px;
}


.index .section2{
    
padding-top: 67px;
    
padding-bottom: 77px;
    
zoom: 1;
    
overflow: hidden;
}
.index .section2 .list{
    
padding-top: 52px;
}
.index .section2 .list ul{
    
display: -webkit-box;
    
display: -ms-flexbox;
    
display: flex;
}
.index .section2 .list ul li{
    
float: left;
    
position: relative;
    
flex: 1;
}
.index .section2 .list ul .imgbox{
    
height: 600px;
}
.index .section2 .list ul .content{
    
position: absolute;
    
left: 0px;
    
top: 0px;
    
width: 100%;
    
height: 100%;
    
padding-left: 56px;
    
padding-right: 56px;
    
padding-top: 60px;
}
.index .section2 .list ul .title{
    
font-size: 30px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
}
.index .section2 .list ul .dec{
    
font-size: 18px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
line-height: 30px;
    
padding-top: 38px;
    
/* padding-left: 56px; */
    
/* padding-right: 56px; */
    
-o-transform: translate(0%, 20px);
    
-webkit-transform: translate(0%, 20px);
    
-moz-transform: translate(0%, 20px);
    
-ms-transform: translate(0%, 20px);
    
transform: translate(0%, 20px);
    
visibility: hidden;
    
opacity: 0;
}
.index .section2,
.index .section2 *{
    -webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;

}


.index .section2 .list ul li *{
    display: block;
}
.index .section2 .list ul li.current{flex: 2;}
.index .section2 .list ul li.current .content{


    padding-left: 78px;
    padding-right: 78px;
}
.index .section2 .list ul li.current .dec{

-o-transform: translate(0%, 0px);
    
-webkit-transform: translate(0%, 0px);
    
-moz-transform: translate(0%, 0px);
    
-ms-transform: translate(0%, 0px);
    
transform: translate(0%, 0px);
    
visibility: visible;
    
opacity: 1;
}

.index .section3 .swiper-container{
    padding-bottom: 63px;
}
.index .section3 .swiper-pagination-bullet{
    width: 11px;
    height: 11px;
}
.index .section3{
    padding-top: 77px;
    padding-bottom: 55px;
}
.index .section3 .list{
    padding-top: 62px;
}
.index .section3 .list a *,
.index .section3 .list a{
    display: block;
    -webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;

}
.index .section3 .imgbox{
    overflow: hidden;
}
.index .section3  a:hover .imgbox img{

-webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
}
.index .section3 .imgbox img{
    width: 100%;
}
.index .section3 .list a:hover .title{
    background: #00468f;
    color: #fff
}
.index .section3 .list .title{
    font-size: 19px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #000000;
text-align: center;
line-height: 80px;
background: #f1f1f1
}
.index .section3 .moreBase{

    margin-top: 50px;

}
 .moreBase{
    width: 180px;
    line-height: 53px;
    border:1px solid #cbcbcb;
    padding-left: 50px;
    font-size: 14px;
    color: #777777;
    background: url(../images/jt.png) no-repeat 118px center;
    display: block;
    margin: auto;
    border-radius: 340px;
}

.index .section4 .moreBase{
    background-color: #fff;
    color: #333;
}
.index .section4 {
    
background: url(../images/newsbg.jpg) no-repeat center center;
    
background-size: cover;
    
padding-top: 84px;
    
padding-bottom: 64px;
}
.index .section4 .titlemodel *{
    color: #fff
}
.index .section4 .list{
    /* display: flex; */
    padding-top: 70px;
    width: 1420px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
    margin-bottom: 67px;
    max-width: 100%;
}
.index .section4,
.index .section4 *{
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;

}
.index .section4 .list ul{
    display:flex;
    
}
.index .section4 .list li a:hover:after{
    height: 45px;
}
.index .section4 .list li a:after{
    content: "";
    position: absolute;
    width: 6px;
    height: 23px;
    background: #9cccef;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;

    opacity: 1;
    left: -3px;
    top: 0px;
}
.index .section4 .list li a{
position: relative;
    padding:0px 32px;padding-top: 48px;border-left: 1px solid rgba(255, 255, 255, .5);}
.index .section4 .list li{
    flex: 1;
}
.index .section4 .list *{
    display: block;
}
.index .section4 .list li .title{
    
font-size: 16px;
    
font-family: Microsoft YaHei;
    
font-weight: bold;
    
color: #FFFFFF;
    
margin-bottom: 49px;
    
line-height: 28px;
    
overflow: hidden;
    
text-overflow: ellipsis;
    
display: -webkit-box;
    
-webkit-line-clamp: 2;
    
-webkit-box-orient: vertical;
    
height: 56px;
}
.index .section4 .list li .dec{
    
font-size: 14px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
margin-bottom: 44px;
    
height: 38px;
    
overflow: hidden;
    
text-overflow: ellipsis;
    
display: -webkit-box;
    
-webkit-line-clamp: 2;
    
-webkit-box-orient: vertical;
}
.index .section4 .list li .more{
    
font-size: 13px;
    
font-family: Microsoft YaHei;
    
font-weight: bold;
    
color: #FFFFFF;
    
margin-bottom: 53px;
    
display: inline-block;
}
.index .section4 .list li .imgbox{
    overflow: hidden;
    height: 258px;
}
.index .section4 .list li .imgbox .img{
    width: 100%;
    height: 100%;
}
.index .section4 .list li  a:hover .imgbox .img{
    -webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
}

.index .section4 .list li:hover{
    flex: 1.5
}


.index .section5{
    padding-top: 95px;
    padding-bottom: 85px;
    zoom: 1;
    overflow: hidden;
}
.index .section5 .list{
    padding-top: 61px;
    width: 1480px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
    max-width: 100%;
}

.index .section5 .list li:nth-child(7n){
    margin-right: 0px;
}
.index .section5 .list li{
    float: left;
    height: 105px;
    width: calc((100% - 90px)/7);
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
    border: 1px solid #ececec;
}
.index .section5 .list img{
    max-width: 90%;
    max-height: 90%;
    
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%);
}

   
.footer{
background: url(../images/map.png) no-repeat center 20px #00316b;
}
.footer .section1{
    width: 1420px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
    max-width: 100%;
    zoom: 1;
    overflow: hidden;
    padding-bottom: 88px;
}
.footer .section1 .list{
    
float: left;
    
padding-top: 75px;
}
.footer .section1 .list li:last-child{
    margin-right: 0px;
}
.footer .section1 .list li{
    
float: left;
    
margin-right: 80px;
}
.footer .section1 .list li .h2tit{
    
}
.footer .section1 .list li .h2tit a{
    
display: block;
    
font-size: 16px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
}
.footer .section1 .list li dl{
    
padding-top: 33px;
}
.footer .section1 .list li dl dd a{
    
font-size: 14px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #C3DDFB;
    
line-height: 39px;
    
display: block;
}
.footer .section1 .ewm{
    
float: right;
    
padding-top: 69px;
    
text-align: center;
}
.footer .section1 .ewm img{
    
}
.footer .section1 .title{
    
font-size: 10px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
line-height: 1;
    
padding-top: 7px;
    
padding-bottom: 14px;
}
.footer .section1 .tel{
    
font-size: 24px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
line-height: 1;
}
.footer .copy{
    text-align: center;
    background: rgba(0, 38, 80, .7);
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    padding: 22px 15px;
} 

.banner .content,
.banner .content *{
    -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{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background: #fff;
    height: 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 .wrap{
    position: relative;
    z-index: 4;
}
.head.current .white{
height: 100%;

}
.current.head .logo{
padding: 15px 0px;
}
.current.head .right{
    margin-top: 32px;
}


.current.head .nav li .h2tit a{
    color: #000
}
.current.head .tel{
    color: #000;
    background: url(../images/tel2.png) no-repeat left center;
}
.current.head .search{
    background: url(../images/search2.png) no-repeat left center;
}

.head .wrap,
.head .wrap *{
    -webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-moz-transition:all 0.6s;
-ms-transition:all 0.6s;
transition:all 0.6s;

}

.channel{
text-align: center;
position: relative;
}
.channel .imgbox{
    height: 70vh;
    background-attachment: fixed !important;
}
.channel .content{
    
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;

}
.channel .h2tit{
    
font-size: 72px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
line-height: 1;
    
padding-bottom: 15px;
}
.channel .dec{
    
font-size: 18px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
}


.channel .content .w1060{
    
display: -webkit-box;
    
display: -moz-box;
    
display: -webkit-flex;
    
display: -moz-flex;
    
display: -ms-flexbox;
    
display: flex;
    
align-items: center;
    
justify-content: space-between;
}
.channel .content .text{
    
text-align: left;
    
width: 455px;
}
.channel .content .title{
    font-size: 35px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
padding-bottom: 49px;
}
.channel .content .dec2{
    font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 36px;

}
.channel .content .imglogo img{
    width: 100%;
}
.channel .content .imglogo{

display: block;

}


.w1000{
    width: 1030px;
    padding: 0px 15px;
    max-width: 100%;
    margin: auto;
}
.w1000:after{
    content: "";
    display: table;
    clear: both;
}
.w1060{
    width: 1090px;
    padding: 0px 15px;
    max-width: 100%;
    margin: auto;
}
.w1060:after{
    content: "";
    display: table;
    clear: both;
}
.menu{
    
overflow: hidden;
}
.menu a{
    position: relative;
    float: left;
    font-size: 16px;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #000000;
    margin-right: 86px;
    height: 77px;
    line-height: 81px;
}
.menu a:after{
    content:"";

position:absolute;
-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:5px;
background:#df0000;
width: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%);
bottom:0px;
}
.menu a.current:after,
.menu a:hover:after{
    width: 100%;
}

.aboutMain{

padding-bottom: 100px;
}
.aboutMain .section1{background: url(../images/aboutbg1.png) no-repeat center bottom #f5f5f5;background-size: 100%;padding-top: 90px;padding-bottom: 81px;}
.aboutMain .section1 .content{
    
padding-top: 61px;
}
.aboutMain .section1 .desc{
    
padding-bottom: 37px;
}
.aboutMain .section1 .desc p{
    
font-size: 16px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #000000;
    
line-height: 28px;
    
padding-bottom: 30px;
}
.aboutMain .section1 .list{
    
}


.swiper-profile {
    position: relative;
    overflow: hidden;
    height: 23.9583vw;
}
.swiper-profile .prev, .swiper-profile .next {
    position: absolute;
    width: 9.375vw;
    height: 5.2083vw;
    cursor: pointer;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.swiper-profile .prev {
    right: 50%;
    margin-right: 30.7292vw;
}
.swiper-profile .next {
    left: 50%;
    margin-left: 30.7292vw;
}
.swiper-profile .prev p, .swiper-profile .next p {
    font-size: 14px;
    font-size: Max(.72917vw, 12px);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    color: #333;
}

.swiper-profile .swiper-wrapper .swiper-slide {
    width: 52.0833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.swiper-profile .swiper-wrapper .swiper-slide .swiperProfileImg {
    width: 9.375vw;
    -webkit-transition: 1s;
    transition: 1s;
}

.swiper-profile .swiper-wrapper .swiper-slide .swiperProfileImg .imgs {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
}

.swiper-profile .swiper-wrapper .swiper-slide.swiper-slide-active .swiperProfileImg {
    width: 100%;
}
.swiper-profile .swiper-wrapper .swiper-slide.swiper-slide-prev {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.aboutMain .titlemodel .dec{
    color: #333;
    opacity: 1;
}
.aboutMain .section2{
    padding-top: 93px;
    padding-bottom: 58px;
}
.aboutMain .section2 .imgbox{
    padding-top: 65px;
}
.aboutMain .section2 .imgbox img{display: block;max-width: 95%;margin: auto;/* margin-left: 25%; */}



.aboutMain .section3{
    padding-top: 84px;
    padding-bottom: 118px;
    background: url(../images/sec3.jpg) no-repeat center center;
    background-size: cover;
}
.aboutMain .section3 .titlemodel *{
    
}
 .w1440:after{
    content: "";
    display: table;
    clear: both;
}
.w1400{
    width: 1470px;
    max-width: 100%;
    margin: auto;
    padding: 0px 15px;
    position: relative;
}



.aboutMain .section3 .swiper-time {
    margin-top: 4.4271vw;
    position: relative;
    overflow: hidden;
}
.aboutMain .section3 .swiper {
    position: relative;
}
.w1640 {
    width: 1640px;
    max-width: 100%;
    width: Min(1640px, 100%);
    margin: 0 auto;
}

.aboutMain .section3 .swiper .appprev:hover:before, 
.aboutMain .section3  .swiper .appnext:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.aboutMain .section3 .swiper .appprev:hover:after, 
.aboutMain .section3 .swiper .appnext:hover:after {
    border-color: #008CD6;
}

.aboutMain .section3  .appprev:before, 
.aboutMain .section3  .appnext:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #008CD6;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1;
}
.aboutMain .section3  .appprev:after, .aboutMain .section3  .appnext:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-transition: .5s;
    transition: .5s;
}
*:after,
*:before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.aboutMain .section3  .swiper .appprev, .aboutMain .section3  .swiper .appnext {
    position: absolute;
    width: 52px;
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 4;
}

.aboutMain .section3  .swiper .appprev {
    left: 0;

}
.aboutMain .section3  .swiper .appnext {
    right: 0;

}

.aboutMain .section3  .swiper .appprev i {
    left: 0;
    background-image: url(../images/leftbtn.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;

    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 45;
}
.aboutMain .section3  .swiper .appnext i{
    right: 0;
    background-image: url(../images/rightbtn.png);
    background-position: center center;
    background-repeat: no-repeat;

    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 45
}

.aboutMain .section3 .swiper-time .swiper-wrapper .swiper-slide {
    width: 380px;
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0;
}

.aboutMain .section3 .swiperTimeBox .item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.aboutMain .section3 .swiperTimeBox .item:nth-child(1) {
    -webkit-transform: translateX(180px);
    transform: translateX(180px);
}

.aboutMain .section3 .swiperTimeBox .item .text {
    position: relative;
    padding: 1.5625vw 1.5625vw 2.3438vw 1.25vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    height: 200px;
    -webkit-transition: .5s;
    transition: .5s;
}
.aboutMain .section3 .swiperTimeBox .item:nth-child(1) .text {
    margin-bottom: 1.5625vw;
}
.aboutMain .section3 .swiperTimeBox .item .dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.aboutMain .section3 .swiperTimeBox .item:nth-child(1) .dot {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.aboutMain .section3 .swiperTimeBox .item .text time {
    line-height: 1;
    -webkit-transition: .4s;
    transition: .4s;
    font-weight: 700;
    font-size: 18px;
}

.aboutMain .section3 .swiperTimeBox .item .text p {
    margin-top: 18px;
    color: #666;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 28px;
}
.aboutMain .section3 .swiperTimeBox .item:nth-child(1) .text:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border: 8.0006px solid rgba(0,0,0,0);
    border-top-color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}
.aboutMain .section3 .swiperTimeBox .item .dot:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
}
.aboutMain .section3 .swiperTimeBox .item:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.aboutMain .section3 .swiperTimeBox .item:nth-child(2) .text {
    margin-top: 1.5625vw;
}
.aboutMain .section3 .swiperTimeBox .item:nth-child(2) .dot {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.aboutMain .section3 .swiperTimeBox .item:nth-child(2) .text:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border: 8.0006px solid rgba(0,0,0,0);
    border-bottom-color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}

.aboutMain .section3 .swiper-time .swiper-wrapper .swiper-slide.swiper-slide-active {
    opacity: 1;
}
.aboutMain .section3 .swiper-time .swiper-wrapper .swiper-slide.swiper-slide-next {
    opacity: 1;
}
.aboutMain .section3 .swiper-time .swiper-wrapper .swiper-slide.swiper-slide-next+.swiper-slide {
    opacity: 1;
}

.aboutMain .section3 .swiper-time:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background: #fff;
}

.aboutMain .section4{
    padding-top: 82px;
    padding-bottom: 80px;
}
.aboutMain .section4 .honor{
    
}
.honorList {
    position: relative;
    margin: 2.3438vw 0 0.6771vw;
}
.honorList .honorimg {
        font-size: 0;
        line-height: 1;
        display: inline-block;
        zoom: 1;
        position: absolute;
        z-index: 3;
        -webkit-transition: .5s;
        transition: .5s;
        pointer-events: none;
        top: 0;
        right: 0;
        display: none;
        background: #fff;
}

.honorList .honorItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    padding: 2.0833vw 2.6042vw 1.3021vw 2.8646vw;
    border-bottom: 1px solid rgba(112,112,112,0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
}
.honorList .honorItem .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #008CD6;
    -webkit-transition: .5s;
    transition: .5s;
}
.honorList .honorItem p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 1.1458vw;
    -webkit-transition: .5s;
    transition: .5s;
}
.honorList .honorItem span {
    -webkit-transition: .5s;
    transition: .5s;
}

.pagesize {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.honor .w1400 .pagesize {
    background: #E1E1E1;
    padding: 1.3021vw 0;
}
.pagesize *{
    
}
.pagesize > * {
min-width:40px;
padding:0px 10px;
    height: 40px;
    margin: 0 8px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #999;
}
.pagesize a{
    color:#999
}
.pagesize a.page-num-current,
.pagesize a:hover,
.pagesize a.active {
    color: #fff;
}
.pagesize a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;

    background: #d10000
}

.pagesize a.page-num-current:after,
.pagesize a:hover:after, 
.pagesize a.active:after {
    opacity: 1;
}
.pagesize a:hover{
    color: #fff;
}

.proMain{

}
.proMain .section1{
    background: #f5f5f5;
    font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #000000;
line-height: 36px;
padding-top: 128px;
padding-bottom: 210px;
}
.proMain .section1 p{
    
}
.proMain .section2{
    background: #00316b;
    padding-top: 90px;
    padding-bottom: 90px;
}
.proMain .section2 .titlemodel *{
    color: #fff
}
.proMain .section2 .desc{
    padding-top: 60px;
    font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #fff;
line-height: 36px;
}
.proMain .section3{
    padding-top: 62px;
    padding-bottom: 50px;
}
.proMain .section3 .dec{
    padding-top: 63px;
    font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #000000;
line-height: 36px;
}
.proMain .section4{
padding-top: 50px;
}
.proMain .section4 .imgbox{
    padding-top: 49px;
    padding-bottom: 102px;
}
.proMain .section4 .imgbox img{
display: block;
max-width: 95%;
margin: auto;
}
.channel .content,
.channel .content *{
    -webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;


}
.menu.center{
    text-align: center;
}
.menu.center a{
    margin: 0px;
    display: inline-block;
    float: none;
    margin: 0px 26px;
}
.w1300{
    width: 1330px;
    padding: 0px 15px;
    margin: auto;
    max-width: 100%;
}
.w1300:after{
    content: "";
    display: table;
    clear: both;
}
.proMain2{
background: #f5f5f5;
padding-bottom: 115px;
padding-top: 50px;
}
.proMain2 .list{
    zoom: 1;
    overflow: hidden;
}
.proMain2 .list li:nth-child(3n){
    margin-right: 0px;
}
.proMain2 .list li a{
    padding-bottom:55px;
}
.proMain2 .list li{
    text-align: center;
    float: left;
    width: calc((100% - 40px)/3);
    margin-right: 20px;
    margin-bottom: 30px;
    background: #fff;
}
.proMain2 .list li *{
    display: block;
}
.proMain2 .list li .imgbox{
    height: 407px;
    position: relative;
}
.proMain2 .list li .imgbox img{
    
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%);
    
max-width: 70%;
    
max-height: 70%;
}
.proMain2 .list li .title{
    
font-size: 20px;
    
color: #000;
    
overflow: hidden;
    
text-overflow: ellipsis;
    
display: -webkit-box;
    
-webkit-line-clamp: 1;
    
-webkit-box-orient: vertical;
}
.proMain2 .list li .dec{
    
margin-top: 20px;
    
color: #000;
    
opacity: .6;
    
line-height: 25px;
    
height: 50px;
    
overflow: hidden;
    
text-overflow: ellipsis;
    
display: -webkit-box;
    
-webkit-line-clamp: 2;
    
-webkit-box-orient: vertical;
}
.proMain2,
.proMain2 *{
    -webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;


}

.proMain2 .list li a:hover .imgbox {
-webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);

}
.proMain2 .list li a:hover  .title{
    color: #d9262c
}

.newsList{background: #f5f5f5;padding-bottom:3.9063vw;padding-top: 50px;}
.newsList .w1400{overflow:hidden}
.newsList .pagesize{margin-top:1.8229vw}
.newsListItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.5s;transition:.5s;-webkit-box-shadow:0 0.1563vw 0.3125vw rgba(0,0,0,0);box-shadow:0 0.1563vw 0.3125vw rgba(0,0,0,0);background: #fff;position: relative;padding-left: 328px;padding-right: 5%;margin-bottom: 2.6042vw;}
.newsListItem:hover{-webkit-box-shadow:0 0.1563vw 0.3125vw rgba(0,0,0,0.18);box-shadow:0 0.1563vw 0.3125vw rgba(0,0,0,0.18);background:#fff}
.newsListItem:hover figure img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.newsListItem:hover .font h5{color:#d9262c}
.newsListItem figure{width: 328px;overflow:hidden;position: absolute;left: 0;top: 0px;height: 100%;}
.newsListItem figure .img{
    height:100%;
    -webkit-transition:.4s;transition:.4s
    display:block;
}
.newsListItem time span.f16{
    font-size:16px;
}
.newsListItem figure img{}
.newsListItem .font{-webkit-box-flex:1;-ms-flex:1;flex:1;margin: 0 6.25vw 0 1.6942vw;padding-top: 43px;margin-bottom: 55px;}
.newsListItem .font h5{font-weight:700;-webkit-transition:.4s;transition:.4s;font-size: 20px;font-family: Microsoft YaHei;font-weight: bold;color: #000000;}
.newsListItem .font p{color:#666;line-height:2;font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #A6A6A6;line-height: 27px;margin-top: 40px;}
.newsListItem time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.newsListItem time span{color:#999;font-family:'proximab';line-height:1.4;font-size: 50px;}



.news-view {
    display: flex;
}

.news-left {
  flex: 1;
  padding-right: 45px;
  border-right: 1px solid #E1E1E1;
}
.news-titles {
  padding: 68px 0;
}
.news-titles strong {
  display: block;
  margin-bottom: 20px;
  line-height: 1.2;
  color: #333333;
  font-size: 40px;
  font-weight: normal;
}
.news-titles span {

  display: block;
  margin-right: 20px;
  line-height: 1;
  color: #333333;
  font-size: 14px;
}
.news-titles span:last-child {
  margin-right: 0;
}
.news-time {
  display: flex;
}
.news-info {
  color: #666666;
  font-size: 16px;
  line-height: 2;
}
.news-info img {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}
.news-page {
  padding: 128px 0 80px;
}
.news-page p:first-child {
  margin-bottom: 20px;
}
.news-page p a {
  display: inline-block;
  color: #999999;
  font-size: 16px;
}
.news-page p a:hover {
  color: #1F90D0;
}
.news-commend {
  box-sizing: border-box;
  padding-left: 45px;
  padding-top: 68px;
  padding-bottom: 30px;
  width: 330px;
}


.recommend-tt {
  margin-bottom: 30px;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
}
.recommend-list li {
  margin-bottom: 30px;
}
.recommend-list li a:hover figure img {
  transform: scale(1.08);
}
.recommend-list li a:hover p {
  color: #1F90D0;
}
.recommend-list li figure {
  display: block;
  overflow: hidden;
}
.recommend-list li figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.68s;
}
.recommend-list li p {
  margin-top: 18px;
  color: #333333;
  font-size: 16px;
  transition: 0.38s;
}

.eqs {
  text-align: center;
  padding-top: 12px;
}
.eqs figure {
  display: block;
  line-height: 1;
  text-align: center;
}
.eqs figure img {
  display: block;
  margin: auto;
  width: 152px;
  max-width: 80%;
}
.eqs p {
  color: #999999;
  font-size: 16px;
}

.support.aboutMain .section4{
    padding-top: 100px;
}
.support .honorList{
    margin: 0px;
}
.support .honorList .honorItem{

padding-left: 0;
}
.pagesize{
text-align:center;
}

.caseList,
.caseList *{
    -webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.caseList{

padding-bottom: 60px;
}
.caseList .list{
    padding-top: 65px;
}
.caseList .list ul{
    zoom: 1;
    padding-bottom: 150px;
    overflow: hidden;
}
.caseList .list ul li:nth-child(3n){
    margin-right: 0px;
}
.caseList .list ul li{
 float: left;
width: calc((100% - 30px)/3);   
margin-right: 15px;
margin-bottom: 45px;
}
.caseList .list ul li a *{
display: block;
}
.caseList .list ul li a{
    display: block;
}
.caseList .list ul li a .imgbox{
    overflow: hidden;
}
.caseList .list ul li a .title{
    text-align: center;
    line-height: 80px;
    background: #f1f1f1;
    font-size: 16px;
    color: #333;
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

}
.caseList .list ul li a .img{
    height: 338px;
}
.caseList .list ul li:hover a .title{
    background: #00468e;
    color: #fff;
}
.caseList .list ul li:hover a .img{

-webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
}