html {
    font-size: 62.5px;
    width: 100%;
    height: auto;
    overflow: auto;
}

body {
    font-size: 0.14rem;
    font-family: Arial;
    overflow-y: auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    font-family: 微软雅黑, arial, helvetica, sans-serif;
    transition: all 0.5s;
    background: #f2f2f2;
}

body, html {
    scroll-behavior: auto;
}

.gmu-media-detect {
    bottom: 0;
    display: none;
}

.fp-scrollable {
    height: 100% !important;
}

blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

input {
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}

input, textarea {
    outline: 0;
    display: block;
    border: none;
    background: none;
}

input[type=button] {
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
}

input[type=radio] {
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
}

input[type=checkbox] {
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
}

input[type=submit] {
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
}

input[type=text] {
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
}

textarea {
    -webkit-appearance: none;
}

select {
    -webkit-appearance: none;
    outline: none;
    background: none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

img {
    padding: 0;
    margin: 0;
    border: none;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.mainFilter{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background: #007ee1;
    display: none;
}
.rightMenu{
    width: 100%;
    height: 80%;
    background: #007ee1;
    background-size: 100% auto;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 1005;
    transition: all .3s;
    overflow: auto;
    top: 13%;
    bottom: 7%;
    padding-bottom: 10%;
}
.rightMenu .tit{
    width: 100%;
    text-align: center;
    padding: 25px 0 20px;
}
.rightMenu .tit img{
    width: 45%;
    height: auto;
}
.rightMenu .mlist{
    width: 80%;
    margin: auto;
    box-sizing: border-box;
}
.rightMenu .mlist .menulist{
    width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
}
.rightMenu .mlist .menulist .nav{
    width: 100%;
    height: auto;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.rightMenu .mlist .menulist .nav .title{
    width: 100%;
    height: auto;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 42px;
    font-weight: bolder;
    color: #fff;
    background: url(../images/kai.gif) no-repeat right center;
    background-size: 16px;
}
.rightMenu .mlist .menulist .nav .title.now{
    background: url(../images/shou.gif) no-repeat right center;
    background-size: 16px;
}
.rightMenu .mlist .menulist .nav .title.ts{
    background: none;
}
.rightMenu .mlist .menulist .nav .title a{
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    font-weight: bolder;
}
.rightMenu .mlist .menulist .nav.now .title a{
    color: #fff;
}
.rightMenu .mlist .menulist .nav .title.ts.now{
    background: none;
}
.rightMenu .mlist .menulist .nav .list{
    width: 100%;
    height: auto;
    display: none;
    border: 1px solid rgba(255,255,255,0.3);
    border-bottom: none;
    box-sizing: border-box;
    background: #056ace;
}
.rightMenu .mlist .menulist .nav .list.now{
    display: block;
}
.rightMenu .mlist .menulist .nav .list li{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 32px;
    background-size: 4px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    box-sizing: border-box;
    padding: 0 6%;
}
.rightMenu .mlist .menulist .nav .list li:last-child{
    border-bottom: none;
}
.rightMenu .mlist .menulist .nav .list li a{
    display: block;
    font-size: 15px;
    color: #ffffff;
    line-height: 48px;
    /* padding: 5% 3% 5% 22%; */
    box-sizing: border-box;
    background: url(../images/go.png) no-repeat right center;
    background-size: 14px;
}
.rightMenu .mlist .menulist .nav .list li.now a{
    color: #fff;
    font-weight: bold;
}

.wapper {
    width: 100%;
    height: auto;
    position: relative;
    background: #fff;
}

.wapper .head {
    width: 100%;
    height: auto;
    padding: 0 4%;
    box-sizing: border-box;
    position: absolute;
    top:0px;
    left: 0;
    padding-top: 34px;
    /* padding-bottom: 11px; */
    align-items: center;
    justify-content: space-between;
    display: flex;
    z-index: 2555;
    transition: all 0.5s;
}
.wapper .head.over{
    position: fixed;
    padding-top: 0px;
    background: #fff;
    box-sizing: border-box;
}
.wapper .head .logo {
    width: 16%;
    max-width: 234px;
    height: auto;
}

.wapper .head .logo img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .head .logo2 {
    width: 16%;
    max-width: 199px;
    height: auto;
    display: none;
}

.wapper .head .logo2 img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.wapper .head:hover .logo {
   display: none;
}

.wapper .head:hover .logo2 {
    display: block;
}
.wapper .head.over .logo {
    display: none;
 }
 
 .wapper .head.over .logo2 {
     display: block;
 }




.wapper .head .menu {
    width: auto;
    height: auto;
    /* padding-top: 14px; */
}

.wapper .head .menu li {
    width: auto;
    height: auto;
    float: left;
    padding: 18px 20px 13px;
    box-sizing: border-box;

}

.wapper .head .menu li a {
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    line-height: 42px;
    transition: all 0.5s;
    padding-bottom: 8px;
    position: relative;
}
.wapper .head .menu li a::after{
    content: '';
    width: 0%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: -13px;
    transform: translateX(-50%);
    transition: all 0.5s;
}
.wapper .head:hover{
    padding-top: 0px;
    background: #fff;
    box-sizing: border-box;
}
.wapper .head:hover .menu li a{
    color: #000;
    /* padding-bottom: 27px; */
}
.wapper .head:hover .menu li a.now{
    color: #007ee1;
}
.wapper .head:hover .menu li a.now::after{
    background: #007ee1;
    width: 100%;
}
.wapper .head.over .menu li a.now{
    color: #fff;
}
.wapper .head.over .menu li a.now::after{
    background: #fff;
    width: 100%;
}




.wapper .head.over{
    padding-top: 0px;
    background: #fff;
    box-sizing: border-box;
    box-shadow:  0px 5px 4px rgba(0,0,0,0.08);
}
.wapper .head.over .menu li a{
    color: #000;
    /* padding-bottom: 27px; */
}
.wapper .head.over .menu li a.now{
    color: #007ee1;
}
.wapper .head.over .menu li a.now::after{
    background: #007ee1;
    width: 100%;
}

.wapper .head.over .menu li a.now{
    color: #007ee1;

}









.wapper .head .menu li a.now::after {
    width: 100%;
    background: #fff;
}
.wapper .head .menu li:hover a{
    color: #007ee1;
}
.wapper .head .menu li:hover a::after {
   width: 100%;
}
.wapper .head:hover .menu li:hover a::after{
    color: #007ee1;
    width: 100%;
    background: #007ee1;
    
} 

.wapper .head .menu li .Subgrade{
    width: 100%;
    height: auto;
    background:  rgba(255,255,255,0.6);
    position: absolute;
    top: 81px;
    left: 0px;
    z-index: -11;
    opacity: 0;
    display: none;
    padding: 4%  4% 4% 8%;
    box-sizing: border-box;
    transition: all .8s;
    -webkit-transition: all .8s;
    overflow: hidden;
    border-top: 1px solid #f2f2f2;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.wapper .head .menu li.hover .Subgrade{/*ie6不支持li:hover所以在这里写成li.hover以方便js取样式*/
    visibility:visible;
    display:block;
    opacity: 1;
    z-index: 25;
    /* top: 86px; */
}
.wapper .head .menu li .Subgrade .theme{
    width: 35%;
    height: auto;
    float: left;
    margin-top: 1.5%;
}
.wapper .head .menu li .Subgrade .theme .entheme{
    width: 100%;
    height: auto;
    font-size: 38px;
    color: rgba(0,0,0,0.1);
    line-height: 36px;
    font-weight: bolder;
}
.wapper .head .menu li .Subgrade .theme .cntheme{
    width: 100%;
    height: auto;
    font-size: 32px;
    color: #007ee1;
    line-height: 34px;
    font-weight: bolder;
}

.wapper .head .menu li .Subgrade .degreeList{
    width: 60%;
    height: auto;
    float: right;
}
.wapper .head .menu li .Subgrade .degreeList li{
    width: 26.33%;
    height: auto;
    float: left;
    margin-right: 7%;
    margin-left: 0;
    margin-bottom: 3%;
    background: url(../images/go2.png) no-repeat right center;
    /* border-bottom: 1px solid #fff; */
    padding-bottom: 10px;
    /* padding-right: 20px; */
    box-sizing: border-box;
    position: relative;
    padding-left: 0;
    
}
.wapper .head .menu li .Subgrade .degreeList li::after{
    content: '';
    width: 0%;
    height: 1px;
    background: #007ee1;
    position: absolute;
    bottom: 0;
    left:50%;
    transition: all 0.5s;
    transform: translateX(-50%);
    opacity: 0;
}
.wapper .head .menu li .Subgrade .degreeList li a{
    align-items: center;
    display: block;
    padding-bottom: 0;
    overflow: hidden;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    padding-right: 20px;
    box-sizing: border-box;
}
.wapper .head .menu li .Subgrade .degreeList li .icon{
    width: auto;
    height: 29px;
    float: left;
    overflow: hidden;
    margin-right: 12px;
}
.wapper .head .menu li .Subgrade .degreeList li .icon img{
    width: auto;
    height: 29px;
    vertical-align: top;
}
.wapper .head .menu li .Subgrade .degreeList li .tit{
    width: 74%;
    height: auto;
    float: left;
    font-size: 18px;
    color: rgba(1,1,1,0.8);
    line-height: 32px;
    overflow:hidden;
	text-overflow:ellipsis;
    white-space:nowrap;
    /* background: #0f3ba2; */
}
.wapper .head .menu li.hover .Subgrade .degreeList li:hover::after{
   width: 100%;
   opacity: 1;
}
.wapper .head .menu li.hover .Subgrade .degreeList li:hover{
    background: url(../images/go3.png) no-repeat right center;
}
.wapper .head .menu li.hover .Subgrade .degreeList li:hover .tit{
    color: #007ee1;
}
.wapper .head .menu li.hover .Subgrade .degreeList li:hover .icon img{
    margin-top: -30px;
    filter: drop-shadow(0px 30px 0px #007ee1);
}



.wapper .head .mMenu{
    display: none;
    width: 32px;
    height: 32px;
    background: url(../images/menu.png) no-repeat center center;
    background-size: 20px;
    position: absolute;
    top: 5px;
    right: 4%;
}
.wapper .head .mMenu.now{
    background: url(../images/closse.png) no-repeat center center;
    background-size: 18px;
}
.wapper .banner {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .banner .transparent {
    width: 100%;
    height: 100%;
    background: url(../images/transparent.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
}
/* .wapper .banner .transparent.inside{
    background: url(../images/transparent2.png);
} */
.wapper .banner .pic {
    width: 100%;
}

.wapper .banner .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .banner .banCont {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 18%;
    left: 0;
    padding: 0 7.5%;
    box-sizing: border-box;
    z-index: 15;
}

.wapper .banner .banCont .decorate {
    width: 12px;
    height: 78%;
    background: #0072cb;
    position: absolute;
    left: 0;
    top: 0;
}

.wapper .banner .banCont .letters {
    width: 83%;
    height: auto;
    float: left;
}

.wapper .banner .banCont .letters .enLetter {
    width: 100%;
    height: auto;
    font-size: 94px;
    color: #ffffff;
    line-height: 94px;
    font-weight: bolder;
}

.wapper .banner .banCont .letters .enLetter span {
    color: #007ee1;
}

.wapper .banner .banCont .letters .cntext {
    width: 100%;
    height: auto;
    font-size: 44px;
    color: #ffffff;
    line-height: 56px;
    font-weight: bolder;
}

.wapper .banner .banCont .letters .learnMore {
    width: 200px;
    height: auto;
    overflow: hidden;
    background: #007ee1;
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    margin-top: 3%;
    transition: all 0.5s;
}

.wapper .banner .banCont .letters .learnMore a {
    font-size: 18px;
    color: #fff;
    line-height: 60px;
}

.wapper .banner .banCont .letters .learnMore .txt {
    width: 140px;
    height: auto;
    float: left;
    text-align: center;
}

.wapper .banner .banCont .letters .learnMore .vessel {
    width: 60px;
    height: 60px;
    float: right;
    background-color: #0072cb;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.5s;
}

.wapper .banner .banCont .letters .learnMore .vesCont {
    width: 16px;
    height: 12px;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.wapper .banner .banCont .letters .learnMore .vesCont img {
    width: auto;
    height: 12px;
}

.wapper .banner .banCont .letters .learnMore .qian {
    transform: translate3d(0px, 0, 0);
}

.wapper .banner .banCont .letters .learnMore .hou {
    transform: translate3d(-34px, 0, 0);
}

.wapper .banner .banCont .letters .learnMore:hover .qian {
    transform: translate3d(17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}

.wapper .banner .banCont .letters .learnMore:hover .hou {
    transform: translate3d(-17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}

.wapper .banner .banCont .letters .learnMore:hover {
    background: #0072cb;
}

.wapper .banner .banCont .letters .learnMore:hover .vessel {
    background-color: #007ee1;
}

.wapper .banner .banCont .banPageTheme {
    width: auto;
    height: auto;
    position: absolute;
    right: 7.5%;
    bottom: 8%;
}

.wapper .banner .banCont .banPageTheme .cntheme {
    width: auto;
    height: auto;
    font-size: 26px;
    color: #fff;
    line-height: 32px;
    font-weight: bolder;
    text-align: right;
}

.wapper .banner .banCont .banPageTheme .entheme {
    width: auto;
    height: auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 28px;
    text-align: right;
}

.wapper .banner .banCont .banPageTheme .entheme span {
    color: #007ee1;
}

.wapper .banner .swiper-pagination.bannerPag {
    width: auto !important;
    height: auto !important;
    bottom: 18% !important;
    right: 7.5% !important;
    justify-content: flex-end;
    display: flex;
}

.wapper .banner .swiper-pagination.bannerPag .swiper-pagination-bullet {
    width: 33px !important;
    height: 4px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    border-radius: 0 !important;
    transition: all 0.3s;
}

.wapper .banner .swiper-pagination.bannerPag .swiper-pagination-bullet-active {
    width: 90px !important;
    background: rgba(255, 255, 255, 1) !important;
}

.wapper .banner .page {
    width: auto;
    height: auto;
    position: absolute;
    bottom: 40%;
    right: 7.5%;
    font-size: 24px;
    color: #ffffff;
    line-height: 36px;
    z-index: 15;
}

.wapper .banner .page .current {
    font-size: 32px;
    color: #007ee1;
    font-weight: bold;
    margin-right: 6px;
}

.wapper .banner .page .total {
    font-size: 32px;
    color: #ffffff;
    font-weight: bold;
    margin-left: 6px;
}
.wapper .banner .mobolePic{
    width: 100%;
    height: auto;
    display: none;
}
.wapper .banner .mobolePic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}




.wapper .about {
    width: 100%;
    height: auto;
    background: #fdfdfd;
    padding: 0 4.5% 0 7.5%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.wapper .about .introduce {
    width: 53.6%;
    height: auto;
    position: absolute;
    top: 12%;
    z-index: 30;
}

.wapper .about .introduce .title {
    width: 100%;
    height: auto;
}

.wapper .about .introduce .title .entitl {
    width: 100%;
    height: auto;
    font-size: 56px;
    color: #007ee1;
    line-height: 62px;
    font-weight: bolder;
}

.wapper .about .introduce .title .cntitl {
    width: 100%;
    height: auto;
    font-size: 48px;
    color: #000000;
    line-height: 54px;
    font-weight: bold;
    letter-spacing: 16px;
}

.wapper .about .introduce .desc {
    width: 100%;
    height: auto;
    font-size: 1.04vw;
    color: rgba(0, 0, 0, 0.6);
    line-height: 2.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:5;
    overflow: hidden;
    margin-top: 4%;
}

.wapper .about .introduce .learnMore {
    width: 70px;
    height: 70px;
    border: 2px solid rgba(142, 145, 159, 0.4);
    box-sizing: border-box;
    margin-top: 2%;
}

.wapper .about .introduce .learnMore a {
    display: inline-block;
    width: 66px;
    height: 66px;
    background: #fdfdfd;
}

.wapper .about .introduce .learnMore .vessel {
    width: 66px;
    height: 66px;
    float: left;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.5s;
}

.wapper .about .introduce .learnMore .vesCont {
    width: 16px;
    height: 12px;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.wapper .about .introduce .learnMore .vesCont img {
    width: auto;
    height: 12px;
}

.wapper .about .introduce .learnMore .qian {
    transform: translate3d(0px, 0, 0);
}

.wapper .about .introduce .learnMore .hou {
    transform: translate3d(-34px, 0, 0);
}

.wapper .about .introduce .learnMore .vessel:hover .qian {
    transform: translate3d(17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}

.wapper .about .introduce .learnMore :hover .hou {
    transform: translate3d(-17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}

.wapper .about .introduce .learnMore:hover .vessel {
    background: #007ee1;
}

.wapper .about .mapArea {
    width: 100%;
    height: auto;
    float: right;
    text-align: right;
    position: relative;
}

.wapper .about .mapArea .pic {
    width: 53.3%;
    height: auto;
    float: right;
}

.wapper .about .mapArea .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .about .mapArea .data {
    width: auto;
    height: auto;
    position: absolute;
    top: 42%;
    right: 12%;
}

.wapper .about .mapArea .data .tit1 {
    width: 100%;
    height: auto;
    font-size: 42px;
    color: #007ee1;
    line-height: 84px;
    font-weight: bold;
}

.wapper .about .mapArea .data .tit1 span {
    font-size: 84px;
    line-height: 84px;
}

.wapper .about .mapArea .data .tit1 span.jia {
    position: relative;
    top: -30px;
    font-size: 42px;
}

.wapper .about .mapArea .data .tit2 {
    width: 100%;
    height: auto;
    font-size: 42px;
    color: #007ee1;
    line-height: 44px;
    font-weight: bold;
    justify-content: space-between;
    display: flex;
    text-align: right;
}

.wapper .news {
    width: 100%;
    height: auto;
    /* padding-bottom: 5%; */
    position: relative;
    background: #fff;
}

.wapper .news .themeText {
    width: auto;
    height: auto;
    font-size: 200px;
    color: rgba(191, 191, 191, 0.2);
    line-height: 200px;
    font-weight: bolder;
    position: absolute;
    top: -136px;
    left: -32px;
}

.wapper .news .newsList {
    width: 100%;
    height: auto;
    padding-left: 7.5%;
    box-sizing: border-box;
}

#carousel {
    /* overflow: hidden; */
    float: left;
}

#carousel .list {
    width: 505px;
    height: 361px;
    float: left;
    margin-right: 40px;
    cursor: pointer;
    padding-bottom: 60px;
}

#carousel .list .picbox {
    width: 100%;
    height: auto;
    position: relative;
}

#carousel .list .picbox .pic {
    width: 100%;
    height: auto;
}

#carousel .list .picbox .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#carousel .list .picbox .bgCont {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 91, 203, 0.7);
    transition: all 0.5s;
}

#carousel .list .picbox .bgCont .theme {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 5%;
    left: 0;
    padding: 3% 5% 3% 8%;
    box-sizing: border-box;
    transition: all 0.5s;
    z-index: 52;
}

#carousel .list .picbox .bgCont .theme .time {
    width: 100%;
    height: auto;
    font-size: 40px;
    color: #fff;
    line-height: 48px;
    font-weight: bold;
    transition: all 0.5s;
}

#carousel .list .picbox .bgCont .theme .title {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s;
}

#carousel .list:hover .picbox .bgCont {
    background: rgba(0, 91, 203, 0);
}

#carousel .list:hover .picbox .bgCont .theme {
    bottom: -24%;
}

#carousel .list:hover .picbox .bgCont .theme .time {
    color: #007ee1;
}

#carousel .list:hover .picbox .bgCont .theme .title {
    color: #000000;
}

.wapper .proSer {
    width: 100%;
    height: auto;
    background: #fff;
}

.wapper .proSer .proSerPic {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .proSer .proSerPic .pic {
    width: 100%;
    height: auto;
}

.wapper .proSer .proSerPic .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .proSer .proSerPic .mpic{
    width: 100%;
    height: auto;
    display: none;
}
.wapper .proSer .proSerPic .mpic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .proSer .proSerPic .proSerTheme {
    width: 100%;
    height: auto;
    position: absolute;
    top: 27%;
    left: 0;
    padding: 0 7.5%;
    box-sizing: border-box;
}

.wapper .proSer .proSerPic .proSerTheme .theme {
    width: auto;
    height: auto;
    float: left;
}

.wapper .proSer .proSerPic .proSerTheme .theme .entheme {
    width: 100%;
    height: auto;
    font-size: 56px;
    color: #ffffff;
    line-height: 66px;
    font-weight: bolder;
}

.wapper .proSer .proSerPic .proSerTheme .theme .entheme span {
    color: #007ee1;
}

.wapper .proSer .proSerPic .proSerTheme .theme .cntheme {
    width: 100%;
    height: auto;
    font-size: 48px;
    color: #ffffff;
    line-height: 56px;
    font-weight: bold;
}

.wapper .proSer .proSerPic .proSerTheme .prolist {
    width: 57%;
    height: auto;
    float: right;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li {
    width: 50%;
    height: auto;
    float: left;
    border: 1px solid rgba(254, 254, 254, 0.47);
    background: rgba(79, 180, 236, 0.5);
    box-sizing: border-box;
    transition: all 0.5s;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li:nth-of-type(3) {
    margin-top: -1px;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li:nth-of-type(4) {
    margin-top: -1px;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li a {
    display: block;
    padding: 5% 4%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: baseline;
    display: flex;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li .name {
    width: auto;
    height: auto;
    font-size: 18px;
    color: #ffffff;
    line-height: 36px;
    font-weight: bolder;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li .adorn {
    width: auto;
    height: auto;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li .adorn .line {
    width: 42px;
    height: auto;
    float: left;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li .adorn .line img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li .adorn .tit {
    width: auto;
    height: auto;
    font-size: 12px;
    color: #ffffff;
    line-height: 24px;
    margin: 0 8px;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li .adorn .arrowheads {
    width: auto;
    height: auto;
    float: left;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li .adorn .arrowheads .vessel {
    width: 24px;
    height: 24px;
    float: left;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.5s;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li .adorn .arrowheads .vesCont {
    width: 16px;
    height: 12px;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li .adorn .arrowheads .vesCont img {
    width: auto;
    height: 12px;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li .adorn .arrowheads .qian {
    transform: translate3d(0px, 0, 0);
}

.wapper .proSer .proSerPic .proSerTheme .prolist li .adorn .arrowheads .hou {
    transform: translate3d(-34px, 0, 0);
}

.wapper .proSer .proSerPic .proSerTheme .prolist li:hover .adorn .arrowheads .vessel .qian {
    transform: translate3d(17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li:hover .adorn .arrowheads .hou {
    transform: translate3d(-17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}

.wapper .proSer .proSerPic .proSerTheme .prolist li:hover {
    border: 1px solid rgba(254, 254, 254, 1);
    background: rgba(0, 125, 225, 0.86);
}

.wapper .proSer .proSerCase {
    width: 100%;
    height: auto;
    padding-right: 7.5%;
    box-sizing: border-box;
    margin-top: -10%;
    position: relative;
    z-index: 11;
}

.wapper .proSer .proSerCase .caselist {
    width: 100%;
    height: auto;
    padding: 2% 3%;
    box-sizing: border-box;
    background: #fff;
}

.wapper .proSer .proSerCase .caselist li {
    width: 33.33%;
    height: auto;
    float: left;
    padding: 2%;
    box-sizing: border-box;
    background: #fefefe;
    transition: all 0.5s;
}

.wapper .proSer .proSerCase .caselist li .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .proSer .proSerCase .caselist li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}

.wapper .proSer .proSerCase .caselist li .textpart {
    width: 100%;
    height: auto;
    margin-top: 5%;
}

.wapper .proSer .proSerCase .caselist li .textpart .name {
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #000000;
    line-height: 36px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s;
}

.wapper .proSer .proSerCase .caselist li .textpart .desc {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 4%;
}

.wapper .proSer .proSerCase .caselist li .textpart .more{
    width: auto;
    height: auto;
    margin-top: 4%;
    opacity: 0;
    transition: all 0.5s;
}
.wapper .proSer .proSerCase .caselist li .textpart .more img{
    width: 16px;
    height: auto;
    vertical-align: bottom;
}

.wapper .proSer .proSerCase .caselist li:hover{
    background: #fff;
    /* box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.08); */
}
.wapper .proSer .proSerCase .caselist li:hover .pic img{
    transform: scale(1.1);
}
.wapper .proSer .proSerCase .caselist li:hover .textpart .name{
    color: #007ee1;
}
.wapper .proSer .proSerCase .caselist li:hover .textpart .more{
    opacity: 1;
}
.wapper .engCase{
    width: 100%;
    height: auto;
    background: #fff;
}
.wapper .engCase .engCasePic{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .engCase .engCasePic .pic{
    width: 100%;
    height: auto;
}

.wapper .engCase .engCasePic .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .engCase .engCasePic .mpic{
    width: 100%;
    height: auto;
    display: none;
}

.wapper .engCase .engCasePic .mpic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .engCase .engCasePic .engCaseTheme{
    width: 100%;
    height: auto;
    position: absolute;
    top: 28%;
    left: 0;
    padding: 0 7.5%;
    box-sizing: border-box;
}
.wapper .engCase .engCasePic .engCaseTheme .theme{
    width: auto;
    height: auto;
}
.wapper .engCase .engCasePic .engCaseTheme .theme .entheme{
    width: 100%;
    height: auto;
    font-size: 56px;
    color: #ffffff;
    line-height: 66px;
    font-weight: bolder;
}
.wapper .engCase .engCasePic .engCaseTheme .theme .cntheme{
    width: 100%;
    height: auto;
    font-size: 48px;
    color: #fff;
    line-height: 56px;
    font-weight: bolder;
}
.wapper .engCase .engCasePic .engCaseTheme .theme .learnMore {
    width: 200px;
    height: auto;
    overflow: hidden;
    background: #007ee1;
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    margin-top: 3%;
    transition: all 0.5s;
}

.wapper .engCase .engCasePic .engCaseTheme .theme .learnMore a {
    font-size: 18px;
    color: #fff;
    line-height: 60px;
}

.wapper .engCase .engCasePic .engCaseTheme .theme .learnMore .txt {
    width: 140px;
    height: auto;
    float: left;
    text-align: center;
}

.wapper .engCase .engCasePic .engCaseTheme .theme .learnMore .vessel {
    width: 60px;
    height: 60px;
    float: left;
    background-color: #0072cb;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.5s;
}

.wapper .engCase .engCasePic .engCaseTheme .theme .learnMore .vesCont {
    width: 16px;
    height: 12px;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.wapper .engCase .engCasePic .engCaseTheme .theme .learnMore .vesCont img {
    width: auto;
    height: 12px;
}

.wapper .engCase .engCasePic .engCaseTheme .theme .learnMore .qian {
    transform: translate3d(0px, 0, 0);
}

.wapper .engCase .engCasePic .engCaseTheme .theme .learnMore .hou {
    transform: translate3d(-34px, 0, 0);
}

.wapper .engCase .engCasePic .engCaseTheme .theme .learnMore:hover .qian {
    transform: translate3d(17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}

.wapper .engCase .engCasePic .engCaseTheme .theme .learnMore:hover .hou {
    transform: translate3d(-17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}

.wapper .engCase .engCasePic .engCaseTheme .theme .learnMore:hover {
    background: #0072cb;
}

.wapper .engCase .engCasePic .engCaseTheme .theme .learnMore:hover .vessel {
    background-color: #007ee1;
}
.wapper .engCase .enginCases{
    width: 100%;
    height: auto;
    margin-top: -7%;
    padding-left: 7.5%;
    box-sizing: border-box;
    position: relative;
    z-index: 12;
}
.wapper .engCase .enginCases .enginList{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 2% 3%;
    box-sizing: border-box;
}
.wapper .engCase .enginCases .enginList li{
    width: 33%;
    height: auto;
    vertical-align: top;
    padding:2% ;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: top;

}
.wapper .engCase .enginCases .enginList li .pic{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .engCase .enginCases .enginList li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}
.wapper .engCase .enginCases .enginList li .name{
    width: 70%;
    height: auto;
    font-size: 20px;
    color: #000000;
    line-height: 26px;
    /* min-height: 80px; */
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    background: #fff;
    margin-top: -34px;
    padding: 14px 3% 0px 0;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    transition: all 0.5s;
}

.wapper .engCase .enginCases .enginList li .time{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: rgba(0,0,0,0.6);
    line-height: 38px;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.wapper .engCase .enginCases .enginList li .time span{
    font-size: 16px;
    font-weight: bold;
}

.wapper .engCase .enginCases .enginList li:hover .pic img{
    transform: scale(1.1);
}
.wapper .engCase .enginCases .enginList li:hover .name{
    color: #188be4;
}


.wapper .honor{
    width: 100%;
    height: auto;
    padding: 6% 4% 8% 7.5%;
    box-sizing: border-box;
    background: url(../images/honorBg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
.wapper .honor .themeText{
    width: 100%;
    height: auto;
    font-size: 200px;
    color: rgba(191,191,191,0.2);
    line-height: 200px;
    font-weight: bold;
    position: absolute;
    top: 8%;
    left: -56px;
}
.wapper .honor .mname{
    width: 100%;
    height: auto;
    font-size: 28px;
    line-height: 36px;
    display: none;
}
.wapper .honor .mname span{
    font-weight: bolder;
}
.wapper .honor .certificate{
    width: 100%;
    height: auto;
}
.wapper .honor .certificate .swiper-slide{
    align-items: center;
    justify-content: space-between;
    /* display: flex; */
    padding-bottom: 4%;
}
.wapper .honor .certificate .textpart{
    width: 60%;
    height: auto;
    float: left;
    margin-top: 4%;
}
.wapper .honor .certificate .textpart .name{
    width: 100%;
    height: auto;
    font-size: 48px;
    color: #000000;
    line-height: 94px;
}
.wapper .honor .certificate .textpart .name span{
    font-weight: bolder;
}
.wapper .honor .certificate .textpart .desc{
    width: 100%;
    height: auto;
    margin-top: 2.5%;
    font-size: 20px;
    color: rgba(0,0,0,0.6);
    line-height: 46px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;


}

.wapper .honor .certificate .picpart{
    width: 30%;
    height: auto;
    float: right;
}
.wapper .honor .certificate .picpart .pic{
    width: 100%;
    height: auto;
}
.wapper .honor .certificate .picpart .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .honor .certificate .honorBtn{
    width: auto;
    height: auto;
    position: relative ;
    bottom: 14%;
    left: 0%;
    align-items: center;
    display: flex;
}
.wapper .honor .certificate .honorBtn .swiper-button-prev{
    position: relative !important;
    top: 0;
    left: 0;
    width: 70px !important;
    height: 70px !important;
    border: 1px solid rgba(142,145,159,0.4);
    box-sizing: border-box;
    margin-right: 14px !important;
    background: url(../images/honorPrev.png) no-repeat center center;
    transition: all 0.5s;
}
.wapper .honor .certificate .honorBtn .swiper-button-next{
    position: relative !important;
    top: 0;
    left: 0px !important;
    /* float: right; */
    width: 70px !important;
    height: 70px !important;
    border: 1px solid rgba(142,145,159,0.4);
    box-sizing: border-box;
    background: url(../images/honorNext.png) no-repeat center center;
    transition: all 0.5s;
}
.wapper .honor .certificate .honorBtn .swiper-button-prev:hover{
    border: 1px solid #007ee1;
    background: url(../images/honorPrev_hover.png) no-repeat center center #007ee1;
}
.wapper .honor .certificate .honorBtn .swiper-button-next:hover{
    border: 1px solid #007ee1;
    background: url(../images/honorNext_hover.png) no-repeat center center #007ee1;
}

.wapper .links{
    width: 100%;
    height: auto;
}
.wapper .links .linkList{
    width: 100%;
    height: auto;
}
.wapper .links .linkList li{
    width: 33.33333333333333%;
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
}
.wapper .links .linkList li .pic{
    width: 100%;
    height: auto;
}
.wapper .links .linkList li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .links .linkList li .bgCont{
    width: 101%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,111,225,0.8);
    padding: 0 6%;
    box-sizing: border-box;
    align-items: center;
    display: flex;
    transition: all 0.5s;
}
.wapper .links .linkList li .bgCont .theme{
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: space-between;
    display: flex;
}
.wapper .links .linkList li .bgCont .theme .titl{
    width: auto;
    height: auto;
    font-size: 28px;
    color: #ffffff;
    line-height: 36px;
    font-weight: bold;
}

.wapper .links .linkList li .bgCont .theme .adorn {
    width: auto;
    height: auto;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.wapper .links .linkList li .bgCont .theme .adorn .line {
    width: 42px;
    height: auto;
    float: left;
}

.wapper .links .linkList li .bgCont .theme .adorn .line img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.wapper .links .linkList li .bgCont .theme .adorn .tit {
    width: auto;
    height: auto;
    font-size: 12px;
    color: #ffffff;
    line-height: 24px;
    margin: 0 8px;
	text-transform: uppercase;
}
.wapper .links .linkList li .bgCont .theme .adorn .arrowheads {
    width: auto;
    height: auto;
    float: left;
}

.wapper .links .linkList li .bgCont .theme .adorn .arrowheads .vessel {
    width: 24px;
    height: 24px;
    float: left;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.5s;
}

.wapper .links .linkList li .bgCont .theme .adorn .arrowheads .vesCont {
    width: 16px;
    height: 12px;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.wapper .links .linkList li .bgCont .theme .adorn .arrowheads .vesCont img {
    width: auto;
    height: 12px;
}

.wapper .links .linkList li .bgCont .theme .adorn .arrowheads .qian {
    transform: translate3d(0px, 0, 0);
}

.wapper .links .linkList li .bgCont .theme .adorn .arrowheads .hou {
    transform: translate3d(-34px, 0, 0);
}

.wapper .links .linkList li:hover .bgCont .theme .adorn .arrowheads .vessel .qian {
    transform: translate3d(17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}

.wapper .links .linkList li:hover .bgCont .theme .adorn .arrowheads .hou {
    transform: translate3d(-17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}
.wapper .links .linkList li:hover .bgCont{
    /* background: rgba(0,111,225,0.5); */
    filter: brightness(150%);
}

.wapper .footer{
    width: 100%;
    height: auto;
    background: #0f3ba2;
    display: table;
}
.wapper .footer .logoPart{
    width: 33.33%;
    height: auto;
    /* float: left; */
    padding: 4% 4% 3% ;
    box-sizing: border-box;
    background: rgba(2,96,211,0.3);
    
    display: table-cell;
    word-break: break-all;
    vertical-align: top;
}
.wapper .footer .logoPart .logo{
    width: 235px;
    height: auto;
    margin: auto;
    margin-bottom: 5%;
}
.wapper .footer .logoPart .logo img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .footer .logoPart .text{
    width: 235px;
    height: auto;
    margin: auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 48px;
    letter-spacing: 10px;
    padding-top: 1%;
    border-top: 1px solid rgba(255,255,255,0.2);
}
.wapper .footer .footInfor{
    width: 66.67%;
    height: auto;
    /* float: left; */
   
    padding: 4% 4% 3% 4%;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    display: table-cell;
}
.wapper .footer .footInfor .infor{
    width: auto;
    height: auto;
    float: left;
}

.wapper .footer .footInfor .infor .base{
    width: 100%;
    height: auto;
}

.wapper .footer .footInfor .infor .base li{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #ffffff;
    line-height: 36px;
}

.wapper .footer .footInfor .infor .base li span{
    font-weight: bold;
    margin-right: 20px;
}

.wapper .footer .footInfor .infor .copyright{
    width: auto;
    height: auto;
    margin-top: 4%;
    font-size: 14px;
    color: #3b74d4;
    line-height: 28px;
}
.wapper .footer .footInfor .infor .copyright a{
    font-size: 14px;
    color: #3b74d4;
    line-height: 28px;
}

.wapper .footer .footInfor .contWays{
    width: auto;
    height: auto;
    float: right;
}

.wapper .footer .footInfor .contWays .list{
    width: 100%;
    height: auto;
}
.wapper .footer .footInfor .contWays .list li{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin-left: 10px;
}
.wapper .footer .footInfor .contWays .list li .icon{
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: #3b74d4;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    transition: all 0.5s;
}
.wapper .footer .footInfor .contWays .list li .icon img{
    width: auto;
    height: 22px;
    vertical-align: middle;
}
.wapper .footer .footInfor .contWays .list li .code{
    width: 100px;
    height: auto;
    background: #fff;
    position: absolute;
    top: -135px;
    left: 50%;
    transform: translateX(-50%);
    /* padding: 6px; */
    box-sizing: border-box;
    z-index: -2;
    opacity: 0;
    transition: all 0.5s;
}
.wapper .footer .footInfor .contWays .list li:first-child .code{
    display: none !important;
}
.wapper .footer .footInfor .contWays .list li .code img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .footer .footInfor .contWays .list li .code::after{
    content: '';
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    
}
.wapper .footer .footInfor .contWays .list li:hover .icon{
    filter: brightness(130%);
}
.wapper .footer .footInfor .contWays .list li:hover .code{
    top: -115px;
    z-index: 2;
    opacity: 1;
}
.wapper .mfooter{
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #007ee1;
    z-index: 12;
    display: none;
}
.wapper .mfooter .list{
    width: 100%;
    height: auto;
}
.wapper .mfooter .list li{
    width: 20%;
    height: auto;
    float: left;
    margin-right: 1px solid rgba(255,255,255,0.2);
    box-sizing: border-box;
    padding-top: 10px;
    background: #007ee1;
}
.wapper .mfooter .list li.now{
    background: #056ace;
}
.wapper .mfooter .list li .icon{
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
}
.wapper .mfooter .list li .icon img{
    width: auto;
    height: 24px;
    vertical-align: bottom;
}
.wapper .mfooter .list li .tit{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    text-align: center;
}
@media screen and (max-width:1690px){
    .wapper .engCase .enginCases .enginList li .name{
        min-height: 80px;
    }
    .wapper .head .menu li .Subgrade .theme .entheme{
        /* font-size: 52px;
        line-height: 72px; */
    }
    /* .wapper .head .menu li .Subgrade .theme .cntheme{
        font-size: 32px;
        line-height: 56px;
    } */
    .wapper .head .menu li .Subgrade .degreeList li .icon img{
        height: 25px;
    }
    
}
@media screen and (max-width:1595px){
    .wapper .head .menu li .Subgrade .theme .entheme{
        /* font-size: 46px;
        line-height: 62px; */
    }
    /* .wapper .head .menu li .Subgrade .theme .cntheme{
        font-size: 30px;
        line-height: 52px;
    } */
    .wapper .head .menu li .Subgrade .degreeList li .icon img{
        height: 25px;
    }
   
}
@media screen and (max-width:1585px){
    .wapper .head .menu li .Subgrade{
        top: 81px;
    }
}


@media screen and (max-width:1650px){
    .wapper .about .mapArea .data .tit1{
        font-size: 38px;
        line-height: 74px;
    }
    .wapper .about .mapArea .data .tit1 span{
        font-size: 74px;
        line-height: 74px;
    }
    .wapper .about .mapArea .data .tit2{
        font-size: 38px;
        line-height: 42px;
    }
    .wapper .about .introduce .title .entitl{
        font-size: 52px;
        line-height: 62px;
    }
    .wapper .about .introduce .title .cntitl{
        font-size: 44px;
        line-height: 48px;
    }
}
@media screen and (max-width:1550px){
    .wapper .head{
    }
    .wapper .banner .banCont .letters .enLetter{
        font-size: 84px;
        line-height: 84px;
    }
    .wapper .banner .banCont .letters .cntext{
        font-size: 38px;
        line-height: 50px;
    }
    .wapper .banner .banCont .letters .learnMore{
        width: 180px;
    }
    .wapper .banner .banCont .letters .learnMore a{
        line-height: 50px;
    }
    .wapper .banner .banCont .letters .learnMore .txt{
        width: 130px;
    }
    .wapper .banner .banCont .letters .learnMore .vessel{
        width: 50px;
        height: 50px;
    }
    .wapper .about .mapArea .data .tit1{
        font-size: 32px;
        line-height: 64px;
    }
    .wapper .about .mapArea .data .tit1 span{
        font-size: 64px;
        line-height: 64px;
    }
    .wapper .about .mapArea .data .tit2{
        font-size: 34px;
        line-height: 38px;
    }
    .wapper .about .introduce .title .entitl{
        font-size: 48px;
        line-height: 58px;
    }
    .wapper .about .introduce .title .cntitl{
        font-size: 40px;
        line-height: 46px;
    }
    .wapper .about .introduce .desc{
        font-size: 18px;
        line-height: 42px;
    }
    .wapper .about .introduce .learnMore{
        width: 60px;
        height: 60px;
    }
    .wapper .about .introduce .learnMore a {
        width: 56px;
        height: 56px;
    }
    .wapper .about .introduce .learnMore .vessel{
        width: 56px;
        height: 56px;
    }
    .wapper .news .themeText{
        font-size: 160px;
        line-height: 160px;
        top: -100px;
    }
    .wapper .proSer .proSerPic .proSerTheme .theme .entheme{
        font-size: 46px;
        line-height: 56px;
    }
    .wapper .proSer .proSerPic .proSerTheme .theme .cntheme{
        font-size: 42px;
        line-height: 52px;
    }
    .wapper .proSer .proSerPic .proSerTheme .prolist li .name{
        font-size: 16px;
    }
    .wapper .proSer .proSerPic .proSerTheme .prolist li .adorn .line{
        width: 36px;
    }
    .wapper .proSer .proSerCase .caselist li .textpart .name{
        font-size: 22px;
        line-height: 32px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .entheme{
        font-size: 46px;
        line-height: 56px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .cntheme{
        font-size: 42px;
        line-height: 52px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .learnMore{
        width: 180px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .learnMore a{
        line-height: 50px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .learnMore .txt{
        width: 130px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .learnMore .vessel{
        width: 50px;
        height: 50px;
    }
    .wapper .honor .themeText{
        font-size: 160px;
        line-height: 160px;
    }
    .wapper .honor .certificate .textpart .name{
        font-size: 42px;
        line-height: 86px;
    }
}
@media screen and (max-width:1410px){
    .wapper .head .menu li .Subgrade .theme .entheme{
        /* font-size: 42px;
        line-height: 52px; */
    }
    /* .wapper .head .menu li .Subgrade .theme .cntheme{
        font-size: 30px;
        line-height: 52px;
    } */
    .wapper .head .menu li .Subgrade .degreeList li .icon img{
        height: 21px;
        padding-top: 4px;
    }
    .wapper .head .menu li .Subgrade .degreeList li .tit{
        font-size:17px;
        line-height: 32px;
    }
}
@media screen and (max-width:1400px){
    .wapper .head:hover {
        padding-top: 8px;
    }
    .wapper .head .menu{
        padding-top: 2px;
    }
    .wapper .head .menu li a{
        font-size: 17px;
        padding-bottom: 6px;
    }
    .wapper .head .menu li{
        padding: 6px 14px ;
    }
    .wapper .head .menu li .Subgrade{
        top: 70px;
    }
    .wapper .head .menu li a::after{
        bottom: -6px;
    }
    .wapper .banner .banCont .letters .enLetter{
        font-size: 74px;
        line-height: 74px;
    }
    .wapper .banner .banCont .letters .cntext{
        font-size: 32px;
        line-height: 44px;
    }
    .wapper .proSer .proSerPic .proSerTheme .theme .entheme{
        font-size: 38px;
        line-height: 46px;
    }
    .wapper .proSer .proSerPic .proSerTheme .theme .cntheme{
        font-size: 36px;
        line-height: 46px;
    }
    .wapper .proSer .proSerPic .proSerTheme .prolist{
        width: 62%;
    }
    .wapper .proSer .proSerPic .proSerTheme .prolist li .name{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .entheme{
        font-size: 38px;
        line-height: 46px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .cntheme{
        font-size: 36px;
        line-height: 46px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .learnMore{
        width: 165px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .learnMore a{
        font-size: 16px;
        line-height: 45px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .learnMore .txt{
        width: 120px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .learnMore .vessel{
        width: 45px;
        height: 45px;
    }
    .wapper .engCase .enginCases .enginList li .name{
        font-size: 18px;
    }
    .wapper .engCase .enginCases .enginList li .time{
        font-size: 16px;
    }
    .wapper .engCase .enginCases .enginList li .time span{
        font-size: 16px;
    }
    .wapper .honor .certificate .textpart .name{
        font-size: 38px;
        line-height: 74px;
    }
    .wapper .honor .certificate .textpart .desc{
        font-size: 18px;
        line-height: 36px;
    }
    .wapper .honor .themeText {
        font-size: 140px;
        line-height: 140px;
    }
    .wapper .links .linkList li .bgCont .theme .titl{
        font-size: 24px;
    }
}

@media screen and (max-width:1360px){
    .wapper .about .mapArea .data .tit1{
        font-size: 28px;
        line-height: 54px;
    }
    .wapper .about .mapArea .data .tit1 span{
        font-size: 54px;
        line-height: 54px;
    }
    .wapper .about .mapArea .data .tit2{
        font-size: 30px;
        line-height: 36px;
    }
    .wapper .about .introduce .learnMore{
        width: 50px;
        height: 50px;
    }
    .wapper .about .introduce .learnMore a {
        width: 46px;
        height: 46px;
    }
    .wapper .about .introduce .learnMore .vessel{
        width: 46px;
        height: 46px;
    }
    #carousel .list{
        width: 455px;
        height: 331px;
    }
    .wapper .head .menu li .Subgrade .theme .entheme{
        font-size: 32px;
        line-height: 42px;
    }
    .wapper .head .menu li .Subgrade .theme .cntheme{

    }

}
@media screen and (max-width:1336px){
    .wapper .head .menu li .Subgrade{
        top: 66px;
    }
    .wapper .head .menu li a::after{
        bottom: -1px;
    }
}
@media screen and (max-width:1290px){
    .wapper .head .menu li .Subgrade .theme .entheme{
        /* font-size: 38px;
        line-height: 48px; */
    }
    .wapper .head .menu li .Subgrade .theme .cntheme{
        font-size: 28px;
        line-height: 42px;
    }
    .wapper .head .menu li .Subgrade .degreeList li .icon img{
        height: 21px;
    }
    .wapper .head .menu li .Subgrade .degreeList li .tit{
        font-size:16px;
        line-height: 32px;
    }
}
@media screen and (max-width:1280px){
    .wapper .head .menu li a{
        font-size: 16px;
    }
    .wapper .head .menu li{
       padding: 8px 10px 0;
    }
    .wapper .head .menu li a::after{
        bottom: 0px;
    }
    .wapper .banner .banCont .letters .enLetter{
        font-size: 64px;
        line-height: 64px;
    }
    .wapper .banner .banCont .letters .cntext{
        font-size: 28px;
        line-height: 38px;
    }
    .wapper .banner .banCont .banPageTheme .cntheme{
        font-size: 22px;
        line-height: 28px;
    }
    #carousel .list{
        width: 405px;
        height: 301px;
    }
}
@media screen and (max-width:1200px){
    .wapper .about .introduce .title .entitl{
        font-size: 42px;
        line-height: 50px;
    }
    .wapper .about .introduce .title .cntitl{
        font-size: 36px;
        line-height: 42px;
    }
    .wapper .about .mapArea .data .tit1{
        font-size: 24px;
        line-height: 44px;
    }
    .wapper .about .mapArea .data .tit1 span{
        font-size: 44px;
        line-height: 44px;
    }
    .wapper .about .mapArea .data .tit2{
        font-size: 26px;
        line-height: 32px;
    }
    .wapper .about .introduce .desc{
        line-height: 36px;
    }
    .wapper .proSer .proSerPic .proSerTheme .theme .entheme{
        font-size: 32px;
        line-height: 42px;
    }
    .wapper .proSer .proSerPic .proSerTheme .theme .cntheme{
        font-size: 30px;
        line-height: 36px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .entheme{
        font-size: 32px;
        line-height: 42px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .cntheme{
        font-size: 30px;
        line-height: 36px;
    }
    .wapper .links .linkList li .bgCont .theme .titl{
        font-size: 20px;
    }
    .wapper .honor .certificate .picpart{
        margin-top: 5%;
    }
}
@media screen and (max-width:1180px){
    .wapper .head .menu li .Subgrade .theme .entheme{
        /* font-size: 34px;
        line-height: 42px; */
    }
    .wapper .head .menu li .Subgrade .theme .cntheme{
        font-size: 24px;
        line-height: 38px;
    }
    .wapper .head .menu li .Subgrade .degreeList li .icon img{
        height: 18px;
    }
    
}
@media screen and (max-width:1100px){
    .wapper .head .menu li a{
        font-size: 15px;
    }
    .wapper .head .menu li .Subgrade .degreeList li .tit{
        font-size: 15px;
    }
    .wapper .head .menu li{
        
    }
    .wapper .head .menu li .Subgrade .theme .entheme{
        font-size: 28px;
        line-height: 36px;
    }
    .wapper .banner .banCont .letters .enLetter{
        font-size: 54px;
        line-height: 54px;
    }
    .wapper .banner .banCont .letters .cntext{
        font-size: 24px;
        line-height: 32px;
    }
    .wapper .banner .banCont .banPageTheme .cntheme{
        font-size: 20px;
        line-height: 26px;
    }
    .wapper .about .introduce .title .entitl{
        font-size: 38px;
        line-height: 46px;
    }
    .wapper .about .introduce .title .cntitl{
        font-size: 32px;
        line-height: 38px;
    }

    .wapper .honor .themeText {
        font-size: 120px;
        line-height: 120px;
        left: -13px;
        /* margin-left: -5%; */
    }
    
   
}
@media screen and (max-width:1050px){
    .wapper .head .menu li .Subgrade .theme .entheme{
        /* font-size: 30px;
        line-height: 38px; */
    }
    .wapper .head .menu li .Subgrade .theme .cntheme{
        font-size: 20px;
        line-height: 32px;
    }
}
@media screen and (max-width:1000px){
    .wapper .head{
        top: 12px;
        padding-top: 0;
        
    }
    .wapper .head.now{
         position: fixed;
    }
    .wapper .head:hover{
        background: none;
        padding-top: 0;
       
    }
    .wapper .head .menu{
        display: none;
    }
    .wapper .head .mMenu{
        display: block;
    }
    .wapper .head .logo{
        width: 38%;
        display: block;
    }
    .wapper .head .logo2{
        display: none;
    }
    .wapper .head:hover .logo{
        width: 38%;
        display: block;
    }
    .wapper .head:hover .logo2{
        display: none;
    }
    .wapper .banner.pcBanner .pic{
        display: none;
    }
    .wapper .banner .mobolePic{
        display: block;
    }
    .wapper .mobileBanner{
        display: block;
    }
    .wapper .banner .banCont{
        bottom: 26%;
        padding: 0 6.5%;
    }
    .wapper .banner .banCont .decorate{
        display: none;
    }
    .wapper .banner .banCont .letters{
        width: 100%;
    }
    .wapper .banner .banCont .letters .enLetter{
        font-size: 34px;
        line-height: 34px;
    }
    .wapper .banner .banCont .letters .cntext{
        font-size: 20px;
        line-height: 28px;
    }
    .wapper .banner .banCont .banPageTheme{
        display: none;
    }
    .wapper .banner .page{
        right: auto;
        left: 6.5%;
        bottom: 6%;
        font-size: 14px;
        line-height: 24px;
    }
    .wapper .banner .page .current{
        font-size: 18px;
        line-height: 24px;
    }
    .wapper .banner .page .total{
        font-size: 16px;
        line-height: 24px;
    }
    .wapper .banner .swiper-pagination.bannerPag{
        bottom: 8.5% !important;
    }
    .wapper .banner .swiper-pagination.bannerPag .swiper-pagination-bullet{
        width: 20px !important;
    }
    .wapper .banner .swiper-pagination.bannerPag .swiper-pagination-bullet-active{
        width: 45px !important;
    }
    .wapper .banner .banCont .letters .learnMore{
        width: 135px;
    }
    .wapper .banner .banCont .letters .learnMore a{
        font-size: 14px;
        line-height: 35px;
    }
    .wapper .banner .banCont .letters .learnMore .txt{
        width: 100px;
    }
    .wapper .banner .banCont .letters .learnMore .vessel{
        width: 35px;
        height: 35px;
    }
    .wapper .about{
        padding: 6% 4%;
        margin-bottom: 6%;
    }
    .wapper .about .introduce{
        width: 100%;
        position: static;
        top: 0;
        left: 0;
        transform: translateY(0);
    }
    .wapper .about .mapArea{
        display: none;
    }
    .wapper .about .introduce .title .entitl{
        font-size: 28px;
        line-height: 36px;
    }
    .wapper .about .introduce .title .cntitl{
        font-size: 22px;
        line-height: 28px;
        letter-spacing: 11px;
    }
    .wapper .about .introduce .desc{
        font-size: 16px;
        line-height: 28px;
        -webkit-line-clamp:5
    }
    .wapper .about .introduce .learnMore{
        width: 70px;
        height: 40px;
        margin-top: 6%;
    }
    .wapper .about .introduce .learnMore a {
        width: 66px;
        height: 36px;
    }
    .wapper .about .introduce .learnMore .vessel{
        width: 66px;
        height: 36px;
    }
    .wapper .news .newsList{
        padding-left: 4%;
    }
    #carousel .list{
        width: 305px;
        height: 182px;
        margin-right: 20px;
    }
    #carousel .list .picbox .bgCont .theme .time{
        font-size: 28px;
        line-height: 34px;
    }
    #carousel .list .picbox .bgCont .theme .title{
        font-size: 16px;
        line-height: 22px;
    }
    .wapper .proSer .proSerPic .proSerTheme{
        padding: 0 4%;
        top: 13%;
    }
    .wapper .proSer .proSerPic .pic{
        display: none;
    }
    .wapper .proSer .proSerPic .mpic{
        display: block;
    }
    .wapper .proSer .proSerPic .proSerTheme .theme{
        width: 100%;

    }
    .wapper .proSer .proSerPic .proSerTheme .prolist{
        width: 100%;
        height: auto;
        margin-top: 10%;
    }
    .wapper .proSer .proSerPic .proSerTheme .prolist li{
        width: 100%;
    }
    .wapper .proSer .proSerPic .proSerTheme .theme .entheme{
        font-size: 28px;
        line-height: 36px;
    }
    .wapper .proSer .proSerPic .proSerTheme .theme .cntheme{
        font-size: 22px;
        line-height: 28px;
    }
    .wapper .proSer .proSerPic .proSerTheme .prolist li .name{
        line-height: 24px;
    }
    .wapper .proSer .proSerCase{
        width: 92%;
        margin: -10% auto auto;
        padding-right: 0;
    }
    .wapper .proSer .proSerCase .caselist li{
        width: 100%;
        padding: 4% 2%;
    }
    .wapper .proSer .proSerCase .caselist li .textpart{
        margin-top: 3%;
    }
    .wapper .proSer .proSerCase .caselist li .textpart .name{
        font-size: 20px;
        line-height: 28px;
    }
    .wapper .proSer .proSerCase .caselist li .textpart .desc{
        font-size: 16px;
        line-height: 28px;
        margin-top: 2%;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .entheme{
        font-size: 28px;
        line-height: 36px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .cntheme{
        font-size: 22px;
        line-height: 28px;
    }
    .wapper .engCase .engCasePic .pic{
        display: none;
    }
    .wapper .engCase .engCasePic .mpic{
        display: block;
    }
    .wapper .engCase .engCasePic .engCaseTheme{
        top: 20%;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .learnMore{
        width: 135px;
        margin-top: 12%;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .learnMore a{
        font-size: 14px;
        line-height: 35px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .learnMore .txt{
        width: 100px;
    }
    .wapper .engCase .engCasePic .engCaseTheme .theme .learnMore .vessel{
        width: 35px;
        height: 35px;
    }
    .wapper .engCase .enginCases{
        width: 100%;
        padding: 0 4%;
        box-sizing: border-box;
    }
    .wapper .engCase .enginCases .enginList li{
        width: 100%;
        padding: 4% 2%;
    }
    .wapper .engCase .enginCases .enginList li .name{
        padding-bottom: 0;
        min-height: auto;
    }
    .wapper .honor{
        padding: 6% 0% 8% 0%;
    }
    .wapper .honor .themeText {
        font-size: 100px;
        line-height: 100px;
        position: static;
        margin-left: -7%;
        padding: 0 4%;
        box-sizing: border-box;
    }
    .wapper .honor .mname{
        display: block;
        margin-top: -13%;
        padding: 0 4%;
        box-sizing: border-box;
    }
    .wapper .honor .certificate .textpart .name{
        display: none;
    }
    .wapper .honor .certificate{
        margin-top: 6%;
       
    }
    .wapper .honor .certificate .picpart{
        width: 100%;
        padding: 0 4%;
        box-sizing: border-box;
    }
    .wapper .honor .certificate .textpart{
        width: 100%;
        padding: 0 4%;
        box-sizing: border-box;
    }
    .wapper .honor .certificate .picpart .pic{
        width: 86%;
        margin: auto;
    }
    .wapper .honor .certificate .textpart .desc{
        font-size: 16px;
        line-height: 28px;
        -webkit-line-clamp:4;
    }

    .wapper .honor .certificate .honorBtn{
        width: 100%;
        position: absolute;
        bottom: 60%;
        z-index: 222;

    }
    .wapper .honor .certificate .honorBtn .swiper-button-prev{
        /* margin-left: -4%; */
        width: 50px !important;
        height: 50px !important;
    }
    .wapper .honor .certificate .honorBtn .swiper-button-next{
        position: absolute !important;
        right:0% !important;
        left:  auto !important;
        width: 50px !important;
        height: 50px !important;
    }


    .wapper .links{
        display: none;
    }
    .wapper .footer{
        padding-bottom: 100px;
    }
    .wapper .footer .logoPart{
        display: none;
    }
    .wapper .footer .footInfor{
        width: 100%;
    }
    .wapper .footer .footInfor .infor{
        width: 100%;
    }
    .wapper .footer .footInfor .infor .base{
        display: none;
    }
    .wapper .footer .footInfor .contWays{
        display: none;
    }
    .wapper .footer .footInfor .infor .copyright{
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        margin-top: 4%;
        text-align: center;
        padding: 0% 0%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .wapper .footer .footInfor .infor .copyright a {
        width: 100% !important;
        float: left;
        min-width: 200px;
        font-size: 12px;
    }
    .wapper .mfooter{
        display: block;
    }

}
@media screen and (max-width:720px){
    .wapper .news{
        margin-top: 16%;
    }
    .wapper .news .themeText{
        font-size: 100px;
        line-height: 100px;
        top: -64px;
        left: -10px;
    }
    
}




























/* 产品与服务 */
.wapper .banner .banTheme{
    width: auto;
    height: auto;
    position: absolute;
    top: 41%;
    left: 7.5%;
    z-index: 25;
}
.wapper .banner .banTheme .banEnTheme{
    width: 100%;
    height: auto;
    font-size: 72px;
    color: #ffffff;
    line-height: 78px;
    font-weight: bolder;
}
.wapper .banner .banTheme .banEnTheme span{
    color: #007ee1;
}
.wapper .banner .banTheme .banCnTheme{
    width: 100%;
    height: auto;
    font-size: 56px;
    color: #ffffff;
    line-height: 64px;
    font-weight: bolder;
}

.wapper .main{
    width:100%;
    height: auto;
}
.wapper .main .mainCont{
    width: 100%;
    height: auto;
    padding: 0 7.5% 6% 7.5%;
    box-sizing: border-box;
    background: #fff;
}


.htit{
    line-height:1rem;
    padding:0 .3rem;
    color:#ff8e2e;
    font-size: .4rem;
    margin:1rem 0 .4rem 0
}
.wrapper01 {
    position:relative;
    height: 60px;
    width: 100%;
    overflow: hidden;
    margin:0 auto;
    border-bottom:1px solid #eaeaea;
    display: none;
}
.wrapper01 .scroller {
    position:absolute
}
.wrapper01 .scroller li {
    height: 60px;
    color:#333;
    float: left;
    line-height: 60px;
    font-size: .4rem;
    text-align: center;
    padding: 0 4px;
    box-sizing: border-box;
}
.wrapper01.party .scroller{
    position: static !important;
    width: 100% !important;
}
.wrapper01.party .scroller ul{
    width: 100%;
}
.wrapper01.party .scroller li{
    width: 50% !important;
}
.wrapper01 .scroller li.cur a{
    color:#007ee1;
}
.wrapper01 .scroller li a{
    color:#333;
    display:block;
    margin:0 .3rem;
    padding: 11px 0 2px;
}
.wrapper01 .scroller li.cur a{
    color:#007ee1;
}
.wrapper01 .scroller li .icon{
    width: 100%;
    height: 18px;
}
.wrapper01 .scroller li .icon img{
    width: auto;
    height: 18px;
    vertical-align: top;
}
.wrapper01 .scroller li.cur .icon img{
    position: relative;
    top: -40px;
}
.wrapper01 .scroller li.cur .icon img{
    filter: drop-shadow(0px 40px 0 #007ee1);
}
.wrapper01 .scroller li .name{
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 28px;
}




.wapper .main .mainCont .mlinkPart{
    width: 100%;
    height: 60px;
    text-align: center;
    overflow: hidden;
    display: none;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.wapper .main .mainCont .mlinkPart li{
    line-height: 60px;
    width: auto;
    height: 60px;
    float: left;
    font-size: 15px;
    color: #343533;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
    /*background:url("../images/line2.gif") no-repeat left center;*/
}
.wapper .main .mainCont .mlinkPart li .icon{
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
}
.wapper .main .mainCont .mlinkPart li .icon img{
    width: auto;
    height: 18px;
}
.wapper .main .mainCont .mlinkPart li .name{
    width: 100%;
    height: auto;
    /* font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 26px; */
    text-align: center;
}
.wapper .main .mainCont .mlinkPart li:first-child{
    background: none;
}
.wapper .main .mainCont .mlinkPart li a{
    display: block;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 26px;
    padding-top: 10px;
}
.wapper .main .mainCont  .mlinkPart li a.cur{
    color: #007ee1;
    box-sizing: border-box;
}

.wapper .main .mainCont .secondNav{
    width: auto;
    height: auto;
    margin-top: -3%;
    position: relative;
    z-index: 20;
}
.wapper .main .mainCont .secondNav ul{
    width: auto;
    background: url(../images/line5.gif) no-repeat 60% center;
    background-size: 10%;
    /* background-position: 70% 0; */
    /* float: left; */
    /* background: #fff; */
}
.wapper .main .mainCont .secondNav li{
    width: 16.66%;
    height: auto;
    float: left;
    transition: all 0.5s;
    background: #ffffff;
    box-shadow: 0px 7px 7px -7px rgba(0,0,0,0.1);
    position: relative;
}
.wapper .main .mainCont .secondNav li:last-child::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 7px 0px 7px -7px rgba(0,0,0,0.1); 
    z-index: 2; 
}
.wapper .main .mainCont .secondNav li a{
    display:block;
    padding: 7% 0 6%;
    position: relative;
    z-index: 10;
}
.wapper .main .mainCont .secondNav li .icon{
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
    display: flex;
}
.wapper .main .mainCont .secondNav li .icon img{
    width: auto;
    height: 29px;
    vertical-align: bottom;
}
.wapper .main .mainCont .secondNav li .name{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: rgba(1,1,1,0.7);
    line-height: 36px;
    text-align: center;
    transition: all 0.5s;
}
.wapper .main .mainCont .secondNav li.now{
    background: #007ee1;
}
.wapper .main .mainCont .secondNav li.now .icon img{
    filter: brightness(2000%);
}
.wapper .main .mainCont .secondNav li.now .name{
    color: #fff;
}
.wapper .main .mainCont .secondNav li:hover{
    background: #0074e1;
}
.wapper .main .mainCont .secondNav li:hover .icon img{
    filter: brightness(2000%);
}
.wapper .main .mainCont .secondNav li:hover .name{
    color: #fff;
}
.wapper .main .mainCont .subject{
    width: 100%;
    height: auto;
    margin-top: 9%;
    background: url(../images/line2.gif) repeat-x center center;
}
.wapper .main .mainCont .subject .titl{
    width: auto;
    height: auto;
    float: left;
    background: #fff;
    padding-right: 10px;
    box-sizing: border-box;
}
.wapper .main .mainCont .subject .titl .entitl{
    width: 100%;
    height: auto;
    font-size: 56px;
    color: #007ee1;
    line-height: 66px;
    font-weight: bolder;
    margin-top: -66px;
}
.wapper .main .mainCont .subject .titl .cntitl{
    width: 100%;
    height: auto;
    font-size: 48px;
    color: #1c2229;
    line-height: 54px;
    font-weight: bolder;
}
.wapper .main .mainCont .location{
    width: auto;
    height: auto;
    float: right;
    padding-left: 10px;
    box-sizing: border-box;
    background: #fff;
    margin-top: 15px;
}
.wapper .main .mainCont .location .locat{
    width: 100%;
    height: auto;
}
.wapper .main .mainCont .location .locat li{
    width: auto;
    height: auto;
    float: left;
    padding: 0 12px 0 16px;
    box-sizing: border-box;
    background: url(../images/icon2.png) no-repeat left center;
}
.wapper .main .mainCont .location .locat li:first-child{
    background: url(../images/icon1.png) no-repeat left center;
}
.wapper .main .mainCont .location .locat li a{
    font-size: 14px;
    color: rgba(3,3,3,0.7);
    line-height: 24px;
    transition: all 0.5s;
}
.wapper .main .mainCont .location .locat li:hover a{
    color: #007ee1;
}
.wapper .main .mainCont .productList{
    width: 100%;
    height: auto;
    margin-top: 4%;
}
.wapper .main .mainCont .productList li{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ececec;
    padding: 4% 0;
    box-sizing: border-box;
    transition: all 0.5s;
    overflow: hidden;
}
.wapper .main .mainCont .productList li:last-child{
    border-bottom: none;
}
.wapper .main .mainCont .productList li a{
    align-items: center;
    display: flex;
}
.wapper .main .mainCont .productList li .pic{
    width: 40%;
    height: auto;
    float: left;
    margin-right: 5%;
    background: #007ee1;
}
.wapper .main .mainCont .productList li:nth-of-type(2n) .pic{
    margin-right: 0;
    margin-left: 5%;
}
.wapper .main .mainCont .productList li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}
.wapper .main .mainCont .productList li .mpic{
    width: 100%;
    height: auto;
    display: none;
}
.wapper .main .mainCont .productList li .mpic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .productList li .textPart{
    width: 55%;
    height: auto;
    float: left;
}

.wapper .main .mainCont .productList li .textPart .name{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #000000;
    line-height: 46px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all 0.5s;
}
.wapper .main .mainCont .productList li .textPart .lamp{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 36px;
}
.wapper .main .mainCont .productList li .textPart .desc{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(0,0,0,0.6);
    line-height: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 3%;

}
.wapper .main .mainCont .productList li .textPart .more{
    width: auto;
    height: auto;
    margin-top: 3%;
    align-items: center;
    display: flex;
}
.wapper .main .mainCont .productList li .textPart .more .line{
    width: 45px;
    height: auto;
    float: left;
}
.wapper .main .mainCont .productList li .textPart .more .line img{
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.wapper .main .mainCont .productList li .textPart .more .tit{
    width: auto;
    height: auto;
    float: left;
    font-size: 20px;
    color: #007ee1;
    line-height: 36px;
    padding: 0 12px;
    box-sizing: border-box;
}

.wapper .main .mainCont .productList li .textPart .more .vessel {
    width: 16px;
    height:16px;
    float: left;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.5s;
}

.wapper .main .mainCont .productList li .textPart .more .vesCont {
    width: 16px;
    height: 12px;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.wapper .main .mainCont .productList li .textPart .more .vesCont img {
    width: auto;
    height: 12px;
}

.wapper .main .mainCont .productList li .textPart .more .qian {
    transform: translate3d(0px, 0, 0);
}

.wapper .main .mainCont .productList li .textPart .more .hou {
    transform: translate3d(-34px, 0, 0);
}

.wapper .main .mainCont .productList li:hover .textPart .more .qian {
    transform: translate3d(17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}

.wapper .main .mainCont .productList li:hover .textPart .more .hou {
    transform: translate3d(-17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}
.wapper .main .mainCont .productList li:hover{
    border-bottom: 1px solid #007ee1;
}
.wapper .main .mainCont .productList li:last-child:hover{
    border-bottom: none;
}
.wapper .main .mainCont .productList li:hover .pic img{
    transform: translate(-15px,-15px);
}

.wapper .main .mainCont .productList li:hover .textPart .name{
    color: #007ee1;
}
@media screen and (max-width:1550px){
    .wapper .banner .banTheme .banEnTheme{
        font-size: 62px;
        line-height: 68px;
    }
    .wapper .banner .banTheme .banCnTheme{
        font-size: 48px;
        line-height: 56px;
    }
    .wapper .main .mainCont .subject .titl .entitl{
        font-size: 50px;
        line-height: 60px;
        margin-top: -56px;
    }
    .wapper .main .mainCont .subject .titl .cntitl{
        font-size: 42px;
        line-height: 48px;
    }
    .wapper .main .mainCont .productList li .textPart .name{
        font-size: 32px;
        line-height: 42px;
    }
    
}
@media screen and (max-width:1400px){
    .wapper .banner .banTheme .banEnTheme{
        font-size: 52px;
        line-height: 58px;
    }
    .wapper .banner .banTheme .banCnTheme{
        font-size: 38px;
        line-height: 46px;
    }
    .wapper .main .mainCont .subject .titl .entitl{
        font-size: 44px;
        line-height: 54px;
        margin-top: -46px;
    }
    .wapper .main .mainCont .subject .titl .cntitl{
        font-size: 36px;
        line-height: 42px;
    }
    .wapper .main .mainCont .productList li .textPart .desc{
        font-size: 18px;
        line-height: 36px;
    }
}

@media screen and (max-width:1280px){
    .wapper .banner .banTheme .banEnTheme{
        font-size: 42px;
        line-height: 48px;
    }
    .wapper .banner .banTheme .banCnTheme{
        font-size: 30px;
        line-height: 42px;
    }
    .wapper .main .mainCont .secondNav li .icon img{
        height: 22px;
    }
    .wapper .main .mainCont .secondNav li .name{
        font-size: 16px;
    }
    .wapper .main .mainCont .subject .titl .entitl{
        font-size: 38px;
        line-height:48px;
        margin-top: -36px;
    }
    .wapper .main .mainCont .subject .titl .cntitl{
        font-size: 30px;
        line-height: 36px;
    }
    .wapper .main .mainCont .productList li .textPart .name{
        font-size: 28px;
        line-height: 36px;
    }
}
@media screen and (max-width:1000px){
    .wapper .banner .banTheme .banEnTheme{
        font-size: 28px;
        line-height: 32px;
    }
    .wapper .banner .banTheme .banCnTheme{
        font-size: 24px;
        line-height: 28px;
    }
    .wapper .main .mainCont{
        padding: 0 0%;
        background: none;
    }
    .wapper .main .mainCont.ts{
        padding: 0 0%;
        background: #f2f2f2;
    }
    .wapper .main .mainCont .secondNav{
        display: none;
    }
    .wrapper01{
        display: block;
        background: #fff;
    }
    .wapper .main .mainCont .mlinkPart{
        display: block;
    }
    .wapper .main .mainCont .subject{
        display: none;
    }
    .wapper .main .mainCont .productList{
        box-sizing: border-box;
        background: #f2f2f2;
        margin-top: 0;
    }
    .wapper .main .mainCont .productList li{
        border-bottom: none;
        padding: 8% 4%;
        box-sizing: border-box;
        background: #fff;
        margin-bottom: 4%;
    }
    .wapper .main .mainCont .productList li:hover{
        border-bottom: none;
    }
    .wapper .main .mainCont .productList li a {
        display: block;
    }
    .wapper .main .mainCont .productList li .pic{
        width: 100%;
        margin-right: 0;
    }
    .wapper .main .mainCont .productList li:nth-of-type(2n) .pic{
        display: none;
    }
    .wapper .main .mainCont .productList li .mpic{
        display: block;
    }
    .wapper .main .mainCont .productList li .textPart{
        width: 100%;
        margin-top: 2%;
    }
    .wapper .main .mainCont .productList li .textPart .name{
        font-size: 18px;
        line-height: 36px;
        font-weight: bolder;
    }
    .wapper .main .mainCont .productList li .textPart .desc{
        font-size: 16px;
        line-height: 28px;
        margin-top: 1%;
        -webkit-line-clamp:2;
    }
    .wapper .main .mainCont .productList li .textPart .more{
        margin-top: 1%;
    }
    .wapper .main .mainCont .productList li .textPart .more .tit{
        font-size: 18px;
    }
    .wapper .main .mainCont .productList li .textPart .lamp{
        font-size: 16px;
        line-height: 22px;
    }
}
@media screen and (max-width:550px){
    .wapper .banner .pic img{
        width: auto;
        height: 226px;
    }
}







/* 产品与服务Detail */
.wapper .main .mainCont .baseInfo{
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.1);
    margin-top: -8%;
    position: relative;
    z-index: 20;
    background: #ffffff;
    padding: 4%;
    box-sizing: border-box;
}
.wapper .main .mainCont .baseInfo .pic{
    width: 40%;
    height: auto;
    float: left;
    margin-right: 5%;
}
.wapper .main .mainCont .baseInfo .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .baseInfo .textpart{
    width: 55%;
    height: auto;
    float: left;
}
.wapper .main .mainCont .baseInfo .textpart .name{
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #000000;
    line-height: 46px;
    font-weight: bolder;
}
.wapper .main .mainCont .baseInfo .textpart .desc{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: rgba(0,0,0,0.6);
    line-height: 30px;
    margin-top: 3%;
}
.wapper .main .mainCont .baseInfo .textpart .zixun{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #000000;
    line-height: 36px;
    margin-top: 3%;
    font-weight: bolder;
}
.wapper .main .mainCont .baseInfo .textpart .zixun span{
    color: #007ee1;
    margin-left: 10px;
}




.wapper .main .mainCont .detailInfo{
    width: 100%;
    height: auto;
    margin-top: 6%;
    position: relative;
}
.wapper .main .mainCont .detailInfo .entheme{
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: -9.5%;
    font-size: 200px;
    color: rgba(0,0,0,0.1);
    line-height: 200px;
    font-weight: bolder;
    z-index: 12;
}
.wapper .main .mainCont .detailInfo .entheme span{
    background: #fff;
}
.wapper .main .mainCont .detailInfo .title{
    width: 100%;
    height: auto;
    font-size: 48px;
    color: #000000;
    line-height: 56px;
    font-weight: bolder;
    background: url(../images/line2.gif) repeat-x center center;
    margin-top: -80px;
}
.wapper .main .mainCont .detailInfo .title span{
    position: relative;
    z-index: 15;
}
.wapper .main .mainCont .detailInfo .title .eng{
    color: #007ee1;
    display: none;
}
.wapper .main .mainCont .detailInfo .detail{
    width: 100%;
    height: auto;
    margin-top: 4%;
    font-size: 18px;
    color: #8d8d8d;
    line-height: 30px;
}
.wapper .main .mainCont .detailInfo .detail span{
    font-size: 24px;
    color: #000000;
    line-height: 36px;
}
.wapper .main .mainCont .detailInfo .detail strong{
    font-size: 20px;
    color: #000000;
    line-height: 34px;
    font-weight: normal;
}
.wapper .main .mainCont .detailInfo .detail img{
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}
.wapper .main .mainCont  .cases{
    width: 100%;
    height: auto;
    margin-top: 4%;
}
.wapper .main .mainCont  .cases .theme{
    width: 100%;
    height: auto;
    background: url(../images/line2.gif) repeat-x center center;
    font-size: 36px;
    color: #000000;
    line-height: 48px;
    font-weight: bolder;
}
.wapper .main .mainCont .cases .theme span{
    background: #fff;
    padding-right: 12px;
    box-sizing: border-box;
}
.wapper .main .mainCont .cases .theme span span{
    color: #007ee1;
    font-size: 42px;
    padding-right: 0;
}
.wapper .main .mainCont .cases .caseList{
    width: 100%;
    height: auto;
    margin-top: 4%;
}
.wapper .main .mainCont .cases .caseList li{
    width: 30%;
    height: auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 4%;
    margin-bottom: 4%;
}
.wapper .main .mainCont .cases .caseList li:nth-of-type(3n){
    margin-right: 0;
}
.wapper .main .mainCont .cases .caseList li .pic{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .main .mainCont .cases .caseList li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}
.wapper .main .mainCont .cases .caseList li .name{
    width: 70%;
    height: auto;
    background: #fff;
    padding: 3% 2% 0% 0;
    box-sizing: border-box;
    font-size: 18px;
    color: #000000;
    line-height: 24px;
    font-weight: bolder;
    margin-top: -8%;
    position: relative;
    z-index: 10;
    transition: all 0.5s;
}
.wapper .main .mainCont .cases .caseList li .rong{
    width: 70%;
    height: auto;
    background: #fff;
    padding: 0% 2% 3% 0;
    box-sizing: border-box;
    font-size: 18px;
    color: #000000;
    line-height: 24px;
    font-weight: bolder;
    position: relative;
    z-index: 10;
    transition: all 0.5s;
}
.wapper .main .mainCont .cases .caseList li .time{
    width: 70%;
    height: auto;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 28px;
    background: #fff;
    position: relative;
    z-index: 10;
}
.wapper .main .mainCont .cases .caseList li .time span{
    font-size: 20px;
    font-weight: bolder;
}
.wapper .main .mainCont .cases .caseList li:hover .pic img{
    transform: scale(1.1);
}
.wapper .main .mainCont .cases .caseList li:hover .name{
    color: #007ee1;
}
.wapper .main .mainCont .cases .caseList li:hover .rong{
    color: #007ee1;
}
@media screen and (max-width:1550px){
    .wapper .main .mainCont .baseInfo .textpart .name{
        font-size: 26px;
        line-height: 42px;
    }
    .wapper .main .mainCont .baseInfo .textpart .desc{
        margin-top: 2%;
        font-size: 16px;
        line-height: 28px;
    }
    .wapper .main .mainCont .baseInfo .textpart .learnMore{
        width: 180px;
    }
    .wapper .main .mainCont .baseInfo .textpart .learnMore a{
        line-height: 50px;
    }
    .wapper .main .mainCont .baseInfo .textpart .learnMore .txt{
        width: 130px;
    }
    .wapper .main .mainCont .baseInfo .textpart .learnMore .vessel{
        width: 50px;
        height: 50px;
    }
    .wapper .main .mainCont .detailInfo .entheme{
        font-size: 160px;
        line-height: 160px;;
    }
    .wapper .main .mainCont .detailInfo .title{
        font-size: 42px;
        left: 50px;
        margin-top: -74px;
    }
    .wapper .main .mainCont .cases .theme{
        font-size: 32px;
        line-height: 44px;
    }
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .baseInfo{
        margin-top: 0;
        padding: 6% 4% 10% 4%;
        box-shadow: none;
    }
    .wapper .main .mainCont .baseInfo .pic{
        width: 100%;
    }
    .wapper .main .mainCont .baseInfo .textpart{
        width: 100%;
    }
    .wapper .main .mainCont .baseInfo .textpart .name{
        font-size: 22px;
        line-height: 36px;
        margin-top: 4%;
    }
    .wapper .main .mainCont .baseInfo .textpart .desc{
        font-size: 14px;
        line-height: 28px;
        margin-top: 0;
    }
    .wapper .main .mainCont .baseInfo .textpart .learnMore{
        width: 135px;
    }
    .wapper .main .mainCont .baseInfo .textpart .learnMore a{
        line-height: 50px;
    }
    .wapper .main .mainCont .baseInfo .textpart .learnMore .txt{
        width: 100px;
        font-size: 14px;
        line-height: 35px;
    }
    .wapper .main .mainCont .baseInfo .textpart .learnMore .vessel{
        width: 35px;
        height: 35px;
    }
    .wapper .main .mainCont .detailInfo{
        margin-top: 10%;
        background: #fff;
        padding: 6% 4% 6% 4%;
        margin-top: 6%;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .detailInfo .entheme{
        font-size: 100px;
        line-height: 100px;
        left: -7.5%;
        display: none;
    }
    .wapper .main .mainCont .detailInfo .title{
        font-size: 18px;
        line-height: 36px;
        margin-top: 0;
        background: none;
        align-items: center;
        justify-content: flex-start;
        display: flex;
    }
    .wapper .main .mainCont .detailInfo .title .eng{
        display: block;
        font-size: 20px;
        margin-left: 10px;
    }
    .wapper .main .mainCont .detailInfo .detail{
        margin-top: 6%;
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainCont .detailInfo .detail span{
        font-size: 16px;
        line-height: 30px;
    }
    .wapper .main .mainCont .detailInfo .detail strong{
        font-size: 16px;
        line-height: 28px;
    }
    .wapper .main .mainCont .cases{
        width: 100%;
        background: #fff;
        padding: 6% 4%;
        box-sizing: border-box;
        margin-top: 6%;
    }
    .wapper .main .mainCont .cases .theme{
        font-size: 28px;
        line-height: 36px;
        background: none;
    }
    .wapper .main .mainCont .cases .theme span{
        font-size: 18px;
    }
    .wapper .main .mainCont .cases .theme span span{
        font-size: 20px;
    }
    .wapper .main .mainCont .cases .caseList li{
        width: 100%;
        margin-right: 0;
        overflow: hidden;
        border-bottom: 1px solid #f2f2f2;
        box-sizing: border-box;
        margin-bottom: 0;
        padding: 6% 0;
    }
    .wapper .main .mainCont .cases .caseList li:last-child{
        border-bottom: none;
    }
    .wapper .main .mainCont .cases .caseList li .pic{
        width: 40%;
        float: left;
        margin-right: 5%;
    }
    .wapper .main .mainCont .cases .caseList li .name{
        width: 55%;
        float: left;
        font-size: 16px;
        line-height: 22px;
        margin-top: 2%;
        padding: 0%;
    }
    .wapper .main .mainCont .cases .caseList li .rong{
        width: 55%;
        float: left;
        font-size: 16px;
        line-height: 22px;
        margin-top: 0;
        padding: 0%;
        display: none;
    }
    .wapper .main .mainCont .cases .caseList li .time{
        width: 55%;
        float: left;
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainCont .cases .caseList li .time span{
        font-size: 14px;
        line-height: 28px;
    }
}





















/* 党风建设 */
.wapper .main .mainCont .partyList{
    width: 100%;
    height: auto;
    margin-top: 6%;
}
.wapper .main .mainCont .partyList li{
    width: 46%;
    height: auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 6%;
    margin-bottom: 5%;
}
.wapper .main .mainCont .partyList li:nth-of-type(2n){
    margin-right: 0;
}
.wapper .main .mainCont .partyList li .picBox{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .main .mainCont .partyList li .picBox .pic{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .main .mainCont .partyList li .picBox .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}
.wapper .main .mainCont .partyList li .picBox .time{
    width: auto;
    height: auto;
    position: absolute;
    top: -8px;
    left: 5%;
    background: #007ee1;
    padding: 10px 12px;
    box-sizing: border-box;
}
.wapper .main .mainCont .partyList li .picBox .time .day{
    width: 100%;
    height: auto;
    font-size: 38px;
    color: #ffffff;
    line-height: 42px;
    font-weight: bolder;
    text-align: center;
}
.wapper .main .mainCont .partyList li .picBox .time .month{
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bolder;
}
.wapper .main .mainCont .partyList li .textpart{
    width: 100%;
    height: auto;
    padding-top: 4%;
}
.wapper .main .mainCont .partyList li .textpart .title{
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #000000;
    line-height: 38px;
    font-weight: bolder;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all 0.5s;
}
.wapper .main .mainCont .partyList li .textpart .desc{
    width: 100%;
    height: auto;
    margin-top: 2.5%;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.wapper .main .mainCont .partyList li:hover .picBox .pic img{
    transform: scale(1.1);
}
.wapper .main .mainCont .partyList li:hover .textpart .title{
    color: #007ee1;
}

.pages{
    width: 100%;
    height: auto;
    overflow: hidden;
    justify-content: center;
    display: flex;
    margin: 1% 0 4%;
    padding-left: 4% ;
    box-sizing: border-box;
}
.pages .pagesBox{
    width: 100%;
    height: 46px;
    margin: auto;
    text-align: center;
    justify-content: center;
    display: flex;
}
.pages .pagesBox li{
    float: left;
    margin: 0 10px;
    width: auto;
    height: 100%;
    color: #007ee1;
    line-height: 44px;
    font-size: 18px;
    cursor: pointer;
    font-weight: bold;
}
.pages .pagesBox li a.prev,.pages .pagesBox li a.next{
    width: 44px;
    height: 44px;
    float: left;
    font-size: 18px;
    color: #007ee1;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    transition: all 0.5s;
}
.pages .pagesBox li a.prev:hover,.pages .pagesBox li a.next:hover{
    color: #007ee1;
}
.pages .pagesBox li a.list{
    width: auto;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #007ee1;
    padding: 0 2px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    overflow: hidden;
    transition: all 0.5s;
}
.pages .pagesBox li a.list.now{
    border-bottom:2px solid #007ee1;
    box-sizing: border-box;
}
.pages .pagesBox li a.list:hover{
    border-bottom:2px solid #007ee1;
    box-sizing: border-box;
}
@media screen and (max-width:1400px){
    .wapper .main .mainCont .partyList li .textpart .title{
        font-size: 24px;
        line-height: 32px;
    }
    .wapper .main .mainCont .partyList li .textpart .desc{
        font-size: 18px;
        line-height: 32px;
    }
    .wapper .main .mainCont .partyList li .picBox .time .day{
        font-size: 32px;
        line-height: 36px;
    }
    .wapper .main .mainCont .partyList li .picBox .time .month{
        font-size: 20px;
        line-height: 26px;
    }
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .partyList{
        padding: 6% 4% 0%;
        box-sizing: border-box;
        background: #fff;
        margin-top: 0;
    }
    .wapper .main .mainCont .partyList li{
        width: 100%;
        border-bottom: 1px solid #f2f2f2;
        padding: 6% 0;
    }
    .wapper .main .mainCont .partyList li .textpart .desc{
        display: none;
    }
    .wapper .main .mainCont .partyList li .picBox .time .day{
        font-size: 26px;
        line-height: 30px;
    }
    .wapper .main .mainCont .partyList li .picBox .time .month{
        font-size: 18px;
        line-height: 22px;
    }
    .wapper .main .mainCont .partyList li .textpart .title{
        font-size: 18px;
        line-height: 24px;
    }
    .pages{
        background: #fff;
        padding: 0% 4% 6% 4% ;
        box-sizing: border-box;
        margin: 0;
    }
    .pages .pagesBox li{
        margin: 0 6px;
    }
    .pages .pagesBox li a.prev, .pages .pagesBox li a.next{
        font-size: 17px;
    }
}





















/* 联系我们 */
.wapper .main .mainCont .contact{
    width: 100%;
    height: auto;
}
.wapper .main .mainCont .contact .connection{
    width: 100%;
    height: auto;
    padding: 4% 0;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
}
.wapper .main .mainCont .contact .connection:last-child{
    border-bottom: none;
}
.wapper .main .mainCont .contact .connection .theme{
    width: 20%;
    height: auto;
    float: left;
    align-items: center;
    display: flex;
}
.wapper .main .mainCont .contact .connection .theme .icon{
    width: 36px;
    height: auto;
    float: left;
    margin-right: 10%;
}
.wapper .main .mainCont .contact .connection .theme .icon img{
    width: 100%;
    height: auto;
    vertical-align: middle;
    margin-top: -4px;
}
.wapper .main .mainCont .contact .connection .theme .tit{
    width: auto;
    height: auto;
    float: left;
    font-size: 36px;
    color: #000000;
    line-height: 42px;
    font-weight: bolder;
}
.wapper .main .mainCont .contact .connection .cont{
    width: 77%;
    height: auto;
    float: left;
}
.wapper .main .mainCont .contact .connection .cont .ways{
    width: 70%;
    height: auto;
    float: left;
}
.wapper .main .mainCont .contact .connection .cont .ways .waysItem{
    width: 100%;
    height: auto;
    overflow: hidden;
    align-items: center;
    /* display: flex; */
    margin-bottom: 3%;
}
.wapper .main .mainCont .contact .connection .cont .ways .waysItem .icon{
    width: 27px;
    height: auto;
    float: left;
    margin-right: 4%;
}
.wapper .main .mainCont .contact .connection .cont .ways .waysItem .icon img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .contact .connection .cont .ways .waysItem .tit{
    width: auto;
    height: auto;
    float: left;
    font-size: 20px;
    color: #1f1f1f;
    line-height: 32px;
    font-weight: bold;
    margin-right: 4%;
}
.wapper .main .mainCont .contact .connection .cont .ways .waysItem .txt{
    width: 60%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    margin-top: 4px;
}

.wapper .main .mainCont .contact .connection .cont .mapbox{
    width: 30%;
    height: auto;
    float: right;
    background: #007ee1;
    position: relative;
   align-items: center;
   display: flex;
}
.wapper .main .mainCont .contact .connection .cont .mapbox .borbox{
    width: 94%;
    height: 88%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid rgba(255,255,255,0.3);
    box-sizing: border-box;
    z-index: 2;
}
.wapper .main .mainCont .contact .connection .cont .mapbox .mapArea{
    width: 50%;
    height: auto;
    float: left;
    align-items: center;
    justify-content: center;
    display: table-cell;
    position: relative;
    z-index: 12;
}
.wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .marea{
    display: none;
}
.wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .area{
    width: auto;
    height: auto;
    cursor: pointer;
}
.wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .area .icon{
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
}
.wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .area .icon img{
    width: 29px;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .area .tit{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    text-align: center;
}



.wapper .main .mainCont .contact .connection .cont .mapbox .pic{
    width: 50%;
    height: auto;
    float: right;
}
.wapper .main .mainCont .contact .connection .cont .mapbox .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .mapsBox{
    width: 100%;
    height: 507px;
}



.wapper .main .mainCont .contact .connection .cont .inpt{
    width: 48%;
    height: auto;
    float: left;
    border: 1px solid rgba(54,121,224,0.6);
    box-sizing: border-box;
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    padding: 10px 12px;
    box-sizing: border-box;
    margin-right: 2%;
}
.wapper .main .mainCont .contact .connection .cont .inpt:nth-of-type(2){
    margin-left: 2%;
    margin-right: 0;
}
.wapper .main .mainCont .contact .connection .cont .inpt::placeholder{
    color: rgba(0, 0, 0, 0.6);
}
.wapper .main .mainCont .contact .connection .cont .msg{
    width: 80%;
    height: auto;
    float: left;
    border: 1px solid rgba(54,121,224,0.6);
    box-sizing: border-box;
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    padding: 10px 12px;
    box-sizing: border-box;
    margin-right: 2%;
    margin-top: 2%;
}
.wapper .main .mainCont .contact .connection .cont .msgBtn{
    width: 18%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #fefefe;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    background: #007ee1;
    margin-top: 2%;
    cursor: pointer;
    transition: all 0.5s;
}
.wapper .main .mainCont .contact .connection .cont .msgBtn:hover{
    filter: brightness(110%);
}

@media screen and (max-width:1400px){
    .wapper .main .mainCont .contact .connection .theme .icon{
        width: 32px;
        margin-right: 7%;
    }
    .wapper .main .mainCont .contact .connection .theme .tit{
        font-size: 32px;
        line-height: 38px;
    }
    .wapper .main .mainCont .contact .connection .cont .ways .waysItem .icon{
        width: 23px;
        margin-right: 3%;
    }
    .wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .area .icon img{
        width: 23px;
    }
}
@media screen and (max-width:1280px){
    .wapper .main .mainCont .contact .connection .theme .icon{
        width: 28px;
        margin-right: 5%;
    }
    .wapper .main .mainCont .contact .connection .theme .tit{
        font-size: 28px;
        line-height: 34px;
    }
    .wapper .main .mainCont .contact .connection .cont .ways{
        padding-right: 3%;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .contact .connection .cont .ways .waysItem .icon{
        width: 20px;
        margin-right: 3%;
    }
    .wapper .main .mainCont .contact .connection .cont .ways .waysItem .tit{
        font-size: 18px;
        line-height: 28px;
    }
    .wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .area .icon img{
        width: 20px;
    }
    .wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .area .tit{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainCont .contact .connection .cont .ways .waysItem .txt{
        font-size: 16px;
        line-height: 24px;
    }
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .contact{
        padding: 2% 4%;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .contact .connection{
        padding-bottom: 10%;
    }
    .wapper .main .mainCont .contact .connection:first-child .theme{
        display: none;
    }
    .wapper .main .mainCont .contact .connection .cont{
        width: 100%;
    }
    .wapper .main .mainCont .contact .connection .cont .ways{
        width: 100%;
    }
    .wapper .main .mainCont .contact .connection .cont .ways .waysItem{
        border-bottom: 1px solid #ececec;
        padding-bottom: 6%;
        margin-bottom: 6%;
    }
    .wapper .main .mainCont .contact .connection .cont .ways .waysItem:last-child{
        border-bottom:  none;
    }
    .wapper .main .mainCont .contact .connection .cont .ways .waysItem .icon {
        height: 28px;
        align-items: center;
        display: flex;
    }
    .wapper .main .mainCont .contact .connection .cont .ways .waysItem .tit{
        font-size: 16px;
        line-height: 28px;
    }
    .wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .area .icon img{
        width:18px;
        height: 22px;
        vertical-align: middle;
    }
    .wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .marea{
        display: block;
    }
    .wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .marea .icon {
        width: 100%;
        height: auto;
        justify-content: center;
        display: flex;
    }
    .wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .marea .tit{
        font-size: 14px;
        line-height: 28px;
        text-align: center;
        width: 100%;
        height: auto;
        color: #fff;
    }
    .wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .area{
        width: auto;
        height: auto;
        cursor: pointer;
        display: none;
    }
    .wapper .main .mainCont .contact .connection .cont .mapbox .mapArea .marea .tit{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainCont .contact .connection .cont .ways .waysItem .txt{
        font-size: 14px;
        line-height: 18px;
    }
    .wapper .main .mainCont .contact .connection .cont .mapbox{
        width: 100%;
    }
    .wapper .main .mainCont .contact .connection .theme{
        width: 100%;
        margin-top: 4%;
        margin-bottom: 4%;
    }
    .wapper .main .mainCont .contact .connection .theme .icon{
        width: 22px;
        margin-right: 3%;
    }
    .wapper .main .mainCont .contact .connection .theme .tit{
        font-size: 16px;
        line-height: 28px;
    }
    .wapper .main .mainCont .contact .connection .cont .inpt{
        width: 100%;
        margin-right: 0;
        font-size: 14px;
        line-height: 28px;
        padding: 4px 8px;
        margin-bottom: 4%;
    }
    .wapper .main .mainCont .contact .connection .cont .inpt:nth-of-type(2){
        margin-left: 0;
    }
    .wapper .main .mainCont .contact .connection .cont .msg{
        width: 100%;
        margin-right: 0;
        font-size: 14px;
        line-height: 28px;
        padding: 4px 8px;
        margin-bottom: 4%;
        margin-top: 0;
    }
    .wapper .main .mainCont .contact .connection .cont .msgBtn{
        width: 100%;
        font-size: 16px;
        line-height: 42px;
    }
}



















/* 企业文化 */
.wapper .main .mainCont .cultureList{
    width: 100%;
    height: auto;
    /* margin-top: 5%; */
}

.wapper .main .mainCont .cultureList li{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 5% 0;
    padding: 3% 0;
    align-items: center;
    justify-content: space-between;
    display: flex;
}
.wapper .main .mainCont .cultureList li .textpart{
    width: 35%;
    height: auto;
    float: left;
    position: relative;
    margin-right: 5%;
}
.wapper .main .mainCont .cultureList li:nth-of-type(2n) .textpart{
    margin-right: 0;
    margin-left: 5%;
}
.wapper .main .mainCont .cultureList li .textpart .num{
    width: 100%;
    height: auto;
    font-size: 246px;
    color: rgba(0,126,225,0.1);
    line-height: 246px;
    font-weight: bolder;
}

.wapper .main .mainCont .cultureList li .textpart .cul{
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.wapper .main .mainCont .cultureList li .textpart .cul .encul{
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #007ee1;
    line-height: 42px;
    font-weight: bold;
}
.wapper .main .mainCont .cultureList li .textpart .cul .cncul{
    width: 100%;
    height: auto;
    font-size: 28px;
    color: rgba(0,0,0,0.9);
    line-height: 42px;
}

.wapper .main .mainCont .cultureList li .textpart .cul .cncul span{
    font-weight: bolder;
    margin-right: 16px;
}
.wapper .main .mainCont .cultureList li .pic{
    width: 60%;
    height: auto;
    float: left;
}
.wapper .main .mainCont .cultureList li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .cultureList li .mpic{
    width: 60%;
    height: auto;
    float: left;
    display: none;
}
.wapper .main .mainCont .cultureList li .mpic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

@media screen and (max-width:1500px){
    .wapper .main .mainCont .cultureList li .textpart .num{
        font-size: 206px;
        line-height: 206px;
    }
    .wapper .main .mainCont .cultureList li .textpart .cul .encul{
        font-size: 24px;
        line-height: 38px;
    }
    .wapper .main .mainCont .cultureList li .textpart .cul .cncul{
        font-size: 24px;
        line-height: 38px;
    }
}
@media screen and (max-width:1290px){
    .wapper .main .mainCont .cultureList li .textpart .num{
        font-size: 166px;
        line-height: 166px;
    }
    .wapper .main .mainCont .cultureList li .textpart .cul .encul{
        font-size: 20px;
        line-height: 32px;
    }
    .wapper .main .mainCont .cultureList li .textpart .cul .cncul{
        font-size: 20px;
        line-height: 32px;
    }
}
@media screen and (max-width:1090px){
    .wapper .main .mainCont .cultureList li .textpart .num{
        font-size: 126px;
        line-height: 126px;
    }
    .wapper .main .mainCont .cultureList li .textpart .cul .encul{
        font-size: 18px;
        line-height: 28px;
    }
    .wapper .main .mainCont .cultureList li .textpart .cul .cncul{
        font-size:18px;
        line-height: 28px;
    }
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .cultureList{
        padding: 0 4%;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .cultureList li{
        display: block;
    }
    .wapper .main .mainCont .cultureList li:nth-of-type(2n) .textpart{
        margin-left: 0;
    }
    .wapper .main .mainCont .cultureList li .textpart{
        width: 100%;
    }
    .wapper .main .mainCont .cultureList li .pic{
        display: none;
    }
    .wapper .main .mainCont .cultureList li:nth-of-type(2n) .pic{
        width: 100%;
        display: block;
    }
    .wapper .main .mainCont .cultureList li .mpic{
        width: 100%;
        display: block;
    }
    .wapper .main .mainCont .cultureList li .textpart .num{
        font-size: 86px;
        line-height: 86px;
        text-align: right;
    }
    .wapper .main .mainCont .cultureList li .textpart .cul .encul{
        font-size: 16px;
        line-height: 26px;
    }
    .wapper .main .mainCont .cultureList li .textpart .cul .cncul{
        font-size: 16px;
        line-height: 26px;
    }
}























/* 荣誉资质 */
.wapper .main .mainCont .honorList{
    width: 100%;
    height: auto;
    margin-top: 5%;
}
.wapper .main .mainCont .honorList li{
    width: 21%;
    height: auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 4.5%;
    margin-bottom: 4%;
}
.wapper .main .mainCont .honorList li:nth-of-type(4n){
    margin-right: 0;
}
.wapper .main .mainCont .honorList li .pic{
    width: 100%;
    height: auto;
    max-height: 359px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.wapper .main .mainCont .honorList li .pic img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: bottom;
}
.wapper .main .mainCont .honorList li .name{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #000000;
    line-height: 36px;
    text-align: center;
    margin-top: 2%;
    transition: all 0.5s;
}
.wapper .main .mainCont .honorList li:hover .name{
    color: #007ee1;
}
@media screen and (max-width:1400px){
    .wapper .main .mainCont .honorList li .name{
        font-size: 18px;
        line-height: 32px;
    }
    
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .honorList{
        padding: 0 4% 8%;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .honorList li{
        width: 47%;
    }
    .wapper .main .mainCont .honorList li:nth-of-type(2n){
        margin-right: 0;
    }
    .wapper .main .mainCont .honorList li .pic{
        max-height: 309px;
    }
    .wapper .main .mainCont .honorList li .name{
        font-size: 16px;
        line-height: 20px;
    }
    /* .wrapper01.qual .scroller{
        width: 100% !important;
    }
    .wrapper01.qual .scroller ul{
        width: 100% !important;
    } */
    .wrapper01.qual .scroller li{
        /* width: 25% !important; */
    }
}















/* 工程案例 */
@media screen and (max-width:1000px){
    .wapper .main .mainCont .cases.engin{
        margin-top: 0%;
        padding-top: 0%;
    }
    .wapper .main .mainCont .cases.engin .caseList{
        margin-top: 0;
    }
}












/* 工程案例Details */
.wapper .main .mainCont .caseDetail{
    width: 100%;
    height: auto;
    margin-top: 5%;
}
.wapper .main .mainCont .caseDetail .picSlideWr{
    position:relative; 
    height:auto;
    overflow:hidden; 
}
.wapper .main .mainCont .caseDetail .picSlideWr .bd{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .mainCont .caseDetail .picSlideWr .bd li{
    float:left;;
    margin-right: 9px; 
    height:auto;
    width:68.75%;
    display: inline;
}
.wapper .main .mainCont .caseDetail .picSlideWr .bd li img{
    width: 100%;
    height: auto;
    vertical-align: bottom;

}
.wapper .main .mainCont .caseDetail .picSlideWr .pon_box{
    position:absolute; 
    right:0; 
    top:0; 
    z-index: 5; 
    height:100%; 
    width:30.75%; 
    /*background:url("../images/opacity_bg.png");*/
    background: rgba(0,0,0,0.6);
}
.wapper .main .mainCont .caseDetail .picSlideWr .pon_box .next{
    position:absolute; 
    left:50%; 
    top:50%; 
    margin:-34px 0 0 -34px; 
    width:68px; 
    height:68px; background:url("../images/honorNext_hover.png") no-repeat center #007ee1;
    transition: all 0.5s;
}
.wapper .main .mainCont .caseDetail .picSlideWr .pon_box .prev{
    position:absolute; 
    left:0%; 
    top:50%; 
    margin:-34px 0 0 -34px; 
    width:68px; 
    height:68px; background:url("../images/honorNext_hover.png") no-repeat center #007ee1;
    transition: all 0.5s;
    display: none;
}
.wapper .main .mainCont .caseDetail .picSlideWr .pon_box .next:hover{
    filter: brightness(110%);
}
.wapper .main .mainCont .caseDetail .picSlideWr .pon_box .next:hover{
    filter: brightness(110%);
}
.wapper .main .mainCont .caseDetail .projectInfo{
    width: 100%;
    height: auto;
    margin-top: 4%;
}
.wapper .main .mainCont .caseDetail .projectInfo .name{
    width: 100%;
    height: auto;
    font-size: 42px;
    color: #000000;
    line-height: 52px;
    font-weight: bolder;
}
.wapper .main .mainCont .caseDetail .projectInfo .projDesc{
    width: 100%;
    height: auto;
    margin-top: 3%;
}
.wapper .main .mainCont .caseDetail .projectInfo .projDesc .explain{
    width: 62.5%;
    height: auto;
    float: left;
}
.wapper .main .mainCont .caseDetail .projectInfo .projDesc .explain .tit{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}
.wapper .main .mainCont .caseDetail .projectInfo .projDesc .explain .desc{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 36px;
    
}
.wapper .main .mainCont .caseDetail .projectInfo .projDesc .backdrop{
    width: 30.75%;
    height: auto;
    float: right;
}
.wapper .main .mainCont .caseDetail .projectInfo .projDesc .backdrop .tit{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}
.wapper .main .mainCont .caseDetail .projectInfo .projDesc .backdrop .desc{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 36px;
    
}
@media screen and (max-width:1550px){
    .wapper .main .mainCont .caseDetail .projectInfo .name{
        font-size: 38px;
        line-height: 48px;
    }
    
}
@media screen and (max-width:1400px){
    .wapper .main .mainCont .caseDetail .projectInfo .name{
        font-size: 34px;
        line-height: 44px;
    }
    .wapper .main .mainCont .caseDetail .projectInfo .projDesc .explain .tit{
        font-size: 22px;
        line-height: 32px;
    }
    .wapper .main .mainCont .caseDetail .projectInfo .projDesc .explain .desc{
        font-size: 18px;
        line-height: 36px;
    }
    .wapper .main .mainCont .caseDetail .projectInfo .projDesc .backdrop .tit{
        font-size: 22px;
        line-height: 32px;
    }
    .wapper .main .mainCont .caseDetail .projectInfo .projDesc .backdrop .desc{
        font-size: 18px;
        line-height: 36px;
    }
    
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .caseDetail{
        margin-top: 0;
        padding: 6% 4% 10%;
        background: #fff;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .caseDetail .picSlideWr .bd li{
        margin-right: 0;
        width: 100%;
    }
    .wapper .main .mainCont .caseDetail .picSlideWr .pon_box{
        width: 100%;
        background: none;
    }
    .wapper .main .mainCont .caseDetail .picSlideWr .pon_box .next{
        width: 38px;
        height: 38px;
        left: auto;
        right: 0px;
        margin: -19px 0 0 -19px;
        background: url(../images/honorNext_hover.png) no-repeat center rgba(0,126,225,0.3);
    }
    .wapper .main .mainCont .caseDetail .picSlideWr .pon_box .prev{
        display: block;
        width: 38px;
        height: 38px;
        left: 0;
        margin: -19px 0 0 0px;
        background: url(../images/honorPrev_hover.png) no-repeat center rgba(0,126,225,0.3);
    }
    .wapper .main .mainCont .caseDetail .projectInfo .name{
        font-size: 20px;
        line-height: 26px;
    }
    .wapper .main .mainCont .caseDetail .projectInfo .projDesc .explain{
        width: 100%;
    }
    .wapper .main .mainCont .caseDetail .projectInfo .projDesc .backdrop{
        width: 100%;
        margin-top: 10%;
    }
    .wapper .main .mainCont .caseDetail .projectInfo .projDesc .explain .tit{
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 0;
    }
    .wapper .main .mainCont .caseDetail .projectInfo .projDesc .explain .desc{
        font-size: 16px;
        line-height: 28px;
    }
    .wapper .main .mainCont .caseDetail .projectInfo .projDesc .backdrop .tit{
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 0;
    }
    .wapper .main .mainCont .caseDetail .projectInfo .projDesc .backdrop .desc{
        font-size: 16px;
        line-height: 28px;
    }

}


















/* 人力资源 */
.wapper .main.recruit{
    background: url(../images/recruitBg.jpg) no-repeat bottom center;
    background-size: 100% auto;
}
.wapper .main .mainCont .human{
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 6%;
}
.wapper .main .mainCont .human .theme{
    width: 100%;
    height: auto;
    font-size: 200px;
    color: rgba(191,191,191,0.2);
    line-height: 200px;
    position: absolute;
    left: -10.5%;
    top: 0;
    font-weight: bolder;
}
.wapper .main .mainCont .human .hutitle{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .main .mainCont .human .hutitle .textpart{
    width: 60%;
    height: auto;
    float: left;
    margin-top: 116px;
}
.wapper .main .mainCont .human .hutitle .textpart .entitl{
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #007ee1;
    line-height: 46px;
    font-weight: bolder;
}
.wapper .main .mainCont .human .hutitle .textpart .cntitl{
    width: 100%;
    height: auto;
    font-size: 40px;
    color: #000000;
    line-height: 48px;
    font-weight: bolder;
}
.wapper .main .mainCont .human .hutitle .textpart .desc{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #000;
    line-height: 32px;
    margin-top: 1.5%;
}
.wapper .main .mainCont .human .hutitle .codepart{
    width: 12.5%;
    height: auto;
    float: right;
    margin-top: 4%;
}
.wapper .main .mainCont .human .hutitle .codepart .cope{
    width: 100%;
    height: auto;
    
}
.wapper .main .mainCont .human .hutitle .codepart .cope img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .human .hutitle .codepart .tit{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: rgba(0,0,0,0.5);
    line-height: 32px;
    text-align: center;
}
.wapper .main .mainCont .human .humanList{
    width: 100%;
    height: auto;
    margin-top: 4%;
}
.wapper .main .mainCont .human .humanList li{
    width: 22.75%;
    height: auto;
    float: left;
    margin-right: 3%;
    position: relative;
    cursor: pointer;
}
.wapper .main .mainCont .human .humanList li:nth-of-type(4n){
    margin-right: 0;
}
.wapper .main .mainCont .human .humanList li .pic{
    width: 100%;
    height: auto;
}
.wapper .main .mainCont .human .humanList li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .human .humanList li .colorBg{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0,126,225,0.8), rgba(0,126,225,0));
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s;
}
.wapper .main .mainCont .human .humanList li .colorBg .opBg{
    width: 100%;
    height: 100%;
    background: url(../images/transparent.png);
    align-items:center ;
    justify-content: center;
    display: flex;
    padding: 0 5%;
    box-sizing: border-box;
}
.wapper .main .mainCont .human .humanList li .colorBg .opBg .cont{
    width: 100%;
    height:auto;
    transition: all 0.5s;
    margin-top: 45%;
}
.wapper .main .mainCont .human .humanList li .colorBg .opBg .cont .title{
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #ffffff;
    line-height: 42px;
    font-weight: bold;
    position: relative;
    text-align: center;
    padding-bottom: 12px;
    transition: all 0.5s;
}
.wapper .main .mainCont .human .humanList li .colorBg .opBg .cont .title::after{
    content: '';
    width: 38px;
    height: 3px;
    background: rgba(255,255,255,0.3);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.wapper .main .mainCont .human .humanList li .colorBg .opBg .cont .desc{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    margin-top: 20px;
    transition: all 0.5s;
    opacity: 0;
    padding-left: 2%;
    box-sizing: border-box;
}
.wapper .main .mainCont .human .humanList li:hover .colorBg{
    background-image: linear-gradient(rgba(0,126,225,0.8), rgba(0,126,225,0.8));
}
.wapper .main .mainCont .human .humanList li:hover .colorBg .opBg .cont{
    margin-top: 0;
}
.wapper .main .mainCont .human .humanList li:hover .colorBg .opBg .cont .desc{
    opacity: 1;
}

.wapper .main .mainCont .human .jobs{
    width: 100%;
    height: auto;
    display: table;
    margin-top: 8%;
    position: relative;
    margin-bottom: 8%;
    z-index: 22;
}
.wapper .main .mainCont .human .jobs .notice{
    width: 50%;
    height: auto;
    /* float: left; */
    display: table-cell;
}
.wapper .main .mainCont .human .jobs .notice .titl{
    width: 100%;
    height: auto;
    font-size: 40px;
    color: #000;
    line-height: 56px;
    font-weight: bold;
}

.wapper .main .mainCont .human .jobs .notice .titl span{
    color: #007ee1;
    font-size: 80px;
}
.wapper .main .mainCont .human .jobs .notice .attention{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #000000;
    line-height: 54px;
    margin-top: 2%;
}
.wapper .main .mainCont .human .jobs .notice .attention span{
    font-size: 28px;
    font-weight: bolder;
}
.wapper .main .mainCont .human .jobs .notice .learnMore {
    width: 200px;
    height: auto;
    overflow: hidden;
    background: #007ee1;
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    margin-top: 3%;
    transition: all 0.5s;
}

.wapper .main .mainCont .human .jobs .notice .learnMore a {
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    display: block;
}

.wapper .main .mainCont .human .jobs .notice .learnMore .txt {
    width: 140px;
    height: auto;
    float: left;
    text-align: center;
}

.wapper .main .mainCont .human .jobs .notice .learnMore .vessel {
    width: 60px;
    height: 60px;
    float: left;
    background-color: #0072cb;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.5s;
}

.wapper .main .mainCont .human .jobs .notice .learnMore .vesCont {
    width: 16px;
    height: 12px;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.wapper .main .mainCont .human .jobs .notice .learnMore .vesCont img {
    width: auto;
    height: 12px;
}

.wapper .main .mainCont .human .jobs .notice .learnMore .qian {
    transform: translate3d(0px, 0, 0);
}

.wapper .main .mainCont .human .jobs .notice .learnMore .hou {
    transform: translate3d(-34px, 0, 0);
}

.wapper .main .mainCont .human .jobs .notice .learnMore:hover .qian {
    transform: translate3d(17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}

.wapper .main .mainCont .human .jobs .notice .learnMore:hover .hou {
    transform: translate3d(-17px, 0, 0);
    transition: transform 0.65s cubic-bezier(.4, 0, .1, 1) .15s;
}

.wapper .main .mainCont .human .jobs .notice .learnMore:hover {
    background: #0072cb;
}

.wapper .main .mainCont .human .jobs .notice .learnMore:hover .vessel {
    background-color: #007ee1;
}
.wapper .main .mainCont .human .jobs .post{
    width: 45%;
    height: 100%;
    float: left;
    display: table-cell;
    position: absolute;
    right: 0;
}
.wapper .main .mainCont .human .jobs .post .list{
    width: 100%;
    height: auto;
}
.wapper .main .mainCont .human .jobs .post .list li{
    width: auto;
    height: auto;
    position: absolute;
}
/* .wapper .main .mainCont .human .jobs .post .list li:nth-of-type(1){
    top: 0;
    left: 65%;
    font-size: 20px;
    color: rgba(0,0,0,0.3);
    line-height: 26px;
    font-weight: bolder;
} */
.wapper .main .mainCont .human .jobs .post .list li a{
    transition: all 0.5s;
}
.wapper .main .mainCont .human .jobs .post .list li:nth-of-type(1) a{
    font-size: 20px;
    color: rgba(0,0,0,0.3);
    line-height: 26px;
    font-weight: bolder;
}
/* .wapper .main .mainCont .human .jobs .post .list li:nth-of-type(2){
    top: 0;
    left: 65%;
    font-size: 00px;
    color: rgba(0,0,0,0.3);
    line-height: 54px;
    font-weight: bolder;
} */
.wapper .main .mainCont .human .jobs .post .list li:nth-of-type(2) a{
    font-size: 30px;
    color: rgba(0,0,0,0.5);
    line-height: 54px;
    font-weight: bolder;
}
.wapper .main .mainCont .human .jobs .post .list li:nth-of-type(3) a{
    font-size: 50px;
    color: rgba(0,0,0,0.7);
    line-height: 64px;
    font-weight: bolder;
}
.wapper .main .mainCont .human .jobs .post .list li:nth-of-type(4) a{
    font-size: 50px;
    color: rgba(0,0,0,1);
    line-height: 64px;
    font-weight: bolder;
}
.wapper .main .mainCont .human .jobs .post .list li:nth-of-type(5) a{
    font-size: 20px;
    color: rgba(0,0,0,0.3);
    line-height: 54px;
    font-weight: bolder;
}
.wapper .main .mainCont .human .jobs .post .list li:nth-of-type(6) a{
    font-size: 20px;
    color: rgba(0,0,0,0.3);
    line-height: 54px;
    font-weight: bolder;
}
.wapper .main .mainCont .human .jobs .post .list li:nth-of-type(7) a{
    font-size: 20px;
    color: rgba(0,0,0,1);
    line-height: 54px;
    font-weight: bolder;
}
.wapper .main .mainCont .human .jobs .post .list li:nth-of-type(8) a{
    font-size: 40px;
    color: rgba(0,0,0,0.3);
    line-height: 54px;
    font-weight: bolder;
}
.wapper .main .mainCont .human .jobs .post .list li:nth-of-type(9) a{
    font-size: 20px;
    color: rgba(0,0,0,0.5);
    line-height: 54px;
    font-weight: bolder;
}
.wapper .main .mainCont .human .jobs .post .list li:hover a{
    color: #007ee1;
}
@media screen and (max-width:1550px){
    .wapper .main .mainCont .human .theme{
        font-size: 160px;
        line-height: 160px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .entitl{
        font-size: 26px;
        line-height: 42px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .cntitl{
        font-size: 36px;
        line-height: 42px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .desc{
        font-size: 20px;
        line-height: 30px;
    }
    .wapper .main .mainCont .human .humanList li .colorBg .opBg .cont .title{
        font-size: 26px;
        line-height: 38px;
    }
    .wapper .main .mainCont .human .jobs .notice .titl{
        font-size: 36px;
        line-height: 50px;
    }
    .wapper .main .mainCont .human .jobs .notice .titl span{
        font-size: 70px;
    }
    .wapper .main .mainCont .human .jobs .notice .attention{
        font-size: 20px;
        line-height: 48px;
    }
    .wapper .main .mainCont .human .jobs .notice .attention span{
        font-size: 26px;
    }
    .wapper .main .mainCont .human .jobs .post .list li:nth-of-type(2) a{
        font-size: 26px;
        line-height: 48px;
    }
    .wapper .main .mainCont .human .jobs .post .list li:nth-of-type(3) a{
        font-size: 44px;
        line-height: 56px;
    }
    .wapper .main .mainCont .human .jobs .post .list li:nth-of-type(4) a{
        font-size: 44px;
        line-height: 56px;
    }
    .wapper .main .mainCont .human .jobs .post .list li:nth-of-type(8) a{
        font-size: 34px;
        line-height: 46px;
    }
}
@media screen and (max-width:1280px){
    .wapper .main .mainCont .human .theme{
        font-size: 120px;
        line-height: 120px;
    }
    .wapper .main .mainCont .human .hutitle .textpart{
        margin-top: 76px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .entitl{
        font-size: 22px;
        line-height: 38px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .cntitl{
        font-size: 32px;
        line-height: 38px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .desc{
        font-size: 18px;
        line-height: 26px;
    }
    .wapper .main .mainCont .human .hutitle .codepart .tit{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainCont .human .humanList li .colorBg .opBg .cont .title{
        font-size: 22px;
        line-height: 32px;
    }
    .wapper .main .mainCont .human .jobs .notice .titl{
        font-size: 32px;
        line-height: 42px;
    }
    .wapper .main .mainCont .human .jobs .notice .titl span{
        font-size: 56px;
    }
    .wapper .main .mainCont .human .jobs .notice .attention{
        font-size: 18px;
        line-height: 38px;
    }
    .wapper .main .mainCont .human .jobs .notice .attention span{
        font-size: 22px;
    }
    .wapper .main .mainCont .human .jobs .post .list li:nth-of-type(2) a{
        font-size: 22px;
        line-height: 40px;
    }
    .wapper .main .mainCont .human .jobs .post .list li:nth-of-type(3) a{
        font-size: 38px;
        line-height: 46px;
    }
    .wapper .main .mainCont .human .jobs .post .list li:nth-of-type(4) a{
        font-size: 38px;
        line-height: 4px;
    }
    .wapper .main .mainCont .human .jobs .post .list li:nth-of-type(8) a{
        font-size: 28px;
        line-height:36px;
    }
    .wapper .main .mainCont .human .jobs .notice .learnMore a{
        font-size: 16px;
    }
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .human .theme{
        font-size: 80px;
        line-height: 80px;
        left: -1.5%;
        /* color: #007ee1; */
        color: rgba(0, 125, 225, 0.66);
        display: none;
    }
    .wapper .main .mainCont .human .hutitle{
        padding: 0 4%;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .human .hutitle .textpart{
        width: 100%;
        margin-top: 0px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .entitl{
        font-size: 15px;
        line-height: 22px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .cntitl{
        font-size: 22px;
        line-height: 32px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .desc{
        font-size: 16px;
        line-height: 28px;
    }
    .wapper .main .mainCont .human .hutitle .codepart{
        width: 100%;
    }
    .wapper .main .mainCont .human .hutitle .codepart .cope{
        width: 60%;
        margin: auto;
    }
    .wapper .main .mainCont .human .humanList{
        padding: 4%;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .human .humanList li{
        width: 100%;
        margin-bottom: 6%;
        max-height: 200px;
        overflow: hidden;
    }
    .wapper .main .mainCont .human .humanList li .pic img{
        width: 100%;
        height: auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .wapper .main .mainCont .human .humanList li .colorBg .opBg .cont{
        margin-top: 1%;
    }
    .wapper .main .mainCont .human .humanList li .colorBg .opBg .cont .title{
        font-size: 18px;
        line-height: 28px;
    }
    .wapper .main .mainCont .human .humanList li .colorBg .opBg .cont .desc{
        opacity: 1;
        font-size: 14px;
        line-height: 24px;
        margin-top: 8px;
    }
    .wapper .main .mainCont .human .jobs{
        margin-top: 0%;
        padding: 0 4%;
        box-sizing: border-box;
        margin-bottom: 0%;
        padding-bottom: 18%;
    }
    .wapper .main .mainCont .human .jobs .notice{
        width: 100%;
    }
    .wapper .main .mainCont .human .jobs .post{
        display: none;
    }
    .wapper .main .mainCont .human .jobs .notice .titl{
        font-size: 22px;
        line-height: 32px;
    }
    .wapper .main .mainCont .human .jobs .notice .titl span{
        font-size: 38px;
    }
    .wapper .main .mainCont .human .jobs .notice .attention{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainCont .human .jobs .notice .attention span{
        font-size: 18px;
    }
    .wapper .main .mainCont .human .jobs .notice .learnMore{
        width: 135px;
        margin-top: 4%;
    }
    .wapper .main .mainCont .human .jobs .notice .learnMore a{
        font-size: 14px;
        line-height: 35px;
    }
    .wapper .main .mainCont .human .jobs .notice .learnMore .txt{
        width: 100px;
    }
    .wapper .main .mainCont .human .jobs .notice .learnMore .vessel{
        width: 35px;
        height: 35px;
    }
}


















/* 在招职位 */
.wapper .main .mainCont .human .hutitle .textpart .titl{
    width: 100%;
    height: auto;
    font-size: 40px;
    color: #000000;
    line-height: 46px;
    font-weight: bold;
}
.wapper .main .mainCont .human .hutitle .textpart .notice{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #000000;
    line-height: 54px;
    margin-top: 5%;
}
.wapper .main .mainCont .human .hutitle .textpart .notice span{
    font-size: 28px;
    font-weight: bolder;
}
.wapper .main .mainCont .human .jobsList{
    width: 100%;
    height: auto;
    margin-top: 5%;
    margin-bottom: 6%;
}
.wapper .main .mainCont .human .jobsList li{
    width: 100%;
    height: auto;
    padding: 36px 0;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    transition: height 0.5s;
}
.wapper .main .mainCont .human .jobsList li.open{
    height: auto ;
}
.wapper .main .mainCont .human .jobsList li:first-child{
    border-top: 1px solid #f2f2f2;
}
.wapper .main .mainCont .human .jobsList li .name{
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #000000;
    line-height: 48px;
    font-weight: bolder;
    background: url(../images/closes.png) no-repeat right center;
    background-size: 43px;
    transition: all 0.5s;
}
.wapper .main .mainCont .human .jobsList li.open .name{
    background: url(../images/open.png) no-repeat right center;
    background-size: 43px;
}
.wapper .main .mainCont .human .jobsList li .jobDesc{
    width: 100%;
    height: auto;
    margin-top: 1.5%;
    box-sizing: border-box;
    overflow: hidden;
    display: none;
}
.wapper .main .mainCont .human .jobsList li.open .jobDesc{
    display: block;
}
.wapper .main .mainCont .human .jobsList li .jobDesc .left{
    width: 48%;
    height: auto;
    float: left;
}
.wapper .main .mainCont .human .jobsList li .jobDesc .right{
    width: 48%;
    height: auto;
    float: right;
}
.wapper .main .mainCont .human .jobsList li .jobDesc .descItem{
    width: auto;
    height: auto;
    margin-bottom: 2%;
}
.wapper .main .mainCont .human .jobsList li .jobDesc .descItem .tit{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #000000;
    line-height: 48px;
}
.wapper .main .mainCont .human .jobsList li .jobDesc .descItem .desc{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #969696;
    line-height: 26px;
}
.wapper .main .mainCont .human .jobsList li:hover .name{
    color: #007ee1;
    background: url(../images/closes_hover.png) no-repeat right center;
    background-size: 43px;
}
.wapper .main .mainCont .human .jobsList li.open:hover .name{
    color: #007ee1;
    background: url(../images/open_hover.png) no-repeat right center;
    background-size: 43px;
}
@media screen and (max-width:1550px){
    .wapper .main .mainCont .human .hutitle .textpart .titl{
        font-size: 36px;
        line-height: 42px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .notice{
        font-size: 20px;
        line-height: 48px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .notice span{
        font-size: 24px;
    }
    .wapper .main .mainCont .human .jobsList li .name{
        font-size: 26px;
    }
}
@media screen and (max-width:1280px){
    .wapper .main .mainCont .human .hutitle .textpart .titl{
        font-size: 30px;
        line-height: 38px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .notice{
        font-size: 18px;
        line-height: 42px;
    }
    .wapper .main .mainCont .human .hutitle .textpart .notice span{
        font-size: 22px;
    }
    .wapper .main .mainCont .human .jobsList li .name{
        font-size: 22px;
    }
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .human .hutitle .textpart .titl{
        font-size: 22px;
        line-height: 36px;
        margin-top: 10px;
        /* color: #007ee1; */
        position: relative;
    }
    .wapper .main .mainCont .human .hutitle .textpart .notice{
        font-size: 14px;
        line-height: 28px;
        margin-top: 0;
    }
    .wapper .main .mainCont .human .hutitle .textpart .notice span{
        font-size: 18px;
    }
    .wapper .main .mainCont .human .hutitle .codepart.recruit{
        display: none;
    }
    .wapper .main .mainCont .human .jobsList{
        padding: 0 4%;
        box-sizing: border-box;
        margin-bottom: 0;
        padding-bottom: 10%;
    }
    .wapper .main .mainCont .human .jobsList li{
        padding: 16px 0;
    }
    .wapper .main .mainCont .human .jobsList li .name{
        font-size: 18px;
        line-height: 38px;
        background-size: 23px;
    }
    .wapper .main .mainCont .human .jobsList li.open .name{
        background: url(../images/open.png) no-repeat right center;
        background-size: 23px;
    }
    .wapper .main .mainCont .human .jobsList li:hover .name{
        
        background-size: 23px;
    }
    .wapper .main .mainCont .human .jobsList li.open:hover .name {
        background-size: 23px;
    }
    .wapper .main .mainCont .human .jobsList li .jobDesc .left{
        width: 100%;
    }
    .wapper .main .mainCont .human .jobsList li .jobDesc .descItem .tit{
        font-size: 16px;
        line-height: 36px;
    }
    .wapper .main .mainCont .human .jobsList li .jobDesc .descItem .desc{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainCont .human .jobsList li .jobDesc .right{
        width: 100%;
    }
}














/* 新闻中心 */
.wapper .main .mainCont .newsList{
    width: 100%;
    height: auto;
    margin-top: 4%;
    margin-bottom: 4%;
}
.wapper .main .mainCont .newsList li{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ececec;
    transition: all 0.5s;
}
.wapper .main .mainCont .newsList li a{
    display: block;
    padding: 4% 0;
    align-items: center;
    justify-content: space-between;
    display: flex;
}
.wapper .main .mainCont .newsList li .textpart{
    width: 68.75%;
    height: auto;
    float: left;
}
.wapper .main .mainCont .newsList li.nopic .textpart{
    width: 100%;
}
.wapper .main .mainCont .newsList li .textpart .title{
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #000000;
    line-height: 46px;
    font-weight: bolder;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all 0.5s;
}
.wapper .main .mainCont .newsList li .textpart .desc{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 1.5%;

}
.wapper .main .mainCont .newsList li .textpart .time{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #007ee1;
    line-height: 36px;
    font-weight: bold;
    margin-top: 2%;
}
.wapper .main .mainCont .newsList li .pic{
    width: 20.8%;
    height: auto;
    float: right;
    background: #007ee1;
}
.wapper .main .mainCont .newsList li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}
.wapper .main .mainCont .newsList li:hover{
    border-bottom: 1px solid #007ee1;
}
.wapper .main .mainCont .newsList li:hover .textpart .title{
    color: #007ee1;
}
.wapper .main .mainCont .newsList li:hover .pic img{
    transform: translate(-10px,-10px);
}
@media screen and (max-width:1400px){
    .wapper .main .mainCont .newsList li .textpart .title{
        font-size: 24px;
        line-height: 42px;
    }
    .wapper .main .mainCont .newsList li .textpart .desc{
        font-size: 18px;
        line-height: 32px;
    }
    .wapper .main .mainCont .newsList li .textpart .time{
        font-size: 18px;
        line-height: 32px;
    }
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .newsList{
        padding: 0 4%;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .newsList li a{
        padding: 6% 0;
    }
    .wapper .main .mainCont .newsList li .textpart .title{
        white-space:normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 16px;
        line-height: 22px;
    }
    .wapper .main .mainCont .newsList li .textpart .desc{
        display: none;
    }
    .wapper .main .mainCont .newsList li .textpart{
        width: 55%;
    }
    .wapper .main .mainCont .newsList li .pic{
        width: 40%;
    }
    .wapper .main .mainCont .newsList li .textpart .time{
        font-size: 14px;
        line-height: 28px;
    }
}
























/* 新闻Detail */
.wapper .main .mainCont .newsDetail{
    width: 100%;
    height: auto;
}
.wapper .main .mainCont .newsDetail .detail{
    width: 69.5%;
    height: auto;
    float: left;
    margin-top: 6%;
}
.wapper .main .mainCont .newsDetail .detail .titlebox{
    width: 100%;
    height: auto;
    margin-bottom: 4%;
}
.wapper .main .mainCont .newsDetail .detail .titlebox .title{
    width: 100%;
    height: auto;
    font-size: 34px;
    color: #000000;
    line-height: 48px;
    font-weight: bold;
}
.wapper .main .mainCont .newsDetail .detail .titlebox .form{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(0,0,0,0.4);
    line-height: 36px;
    margin-top: 2%;
}
.wapper .main .mainCont .newsDetail .detail .ArticleContent{
    width: 100%;
    height: auto;
    padding: 5% 0;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 36px;
    border-top: 1px solid #f2f2f2;
}
.wapper .main .mainCont .newsDetail .detail .ArticleContent img{
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}
.wapper .main .mainCont .newsDetail .detail .download{
    width: 100%;
    height: auto;
    padding: 5% 0;
    border-top: 1px solid #f2f2f2;
    margin-top: 3%;
}
.wapper .main .mainCont .newsDetail .detail .download .theme{
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #1f1f1f;
    line-height: 50px;
    font-weight: bolder;
    align-items: center;
    display: flex;
}
.wapper .main .mainCont .newsDetail .detail .download .theme span{
    color: #007ee1;
    font-size: 28px;
    margin-left: 12px;
}
.wapper .main .mainCont .newsDetail .detail .download .list{
    width: 100%;
    height: auto;
    margin-top: 3%;
}
.wapper .main .mainCont .newsDetail .detail .download .list li{
    width: 100%;
    height: auto;
    border: 1px solid #f2f2f2;
    padding: 0 26px 0 45px;
    box-sizing: border-box;
    background: url(../images/icon3.png) no-repeat 24px center #fbfbfb;
    transition: all 0.5s;
    cursor: pointer;
    margin-bottom: 20px;
}
.wapper .main .mainCont .newsDetail .detail .download .list li .name{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #333333;
    line-height: 50px;
    transition: colo 0.5s;
}
.wapper .main .mainCont .newsDetail .detail .download .list li:hover{
    background: url(../images/icon3_hover.png) no-repeat 24px center #007ee1;
}
.wapper .main .mainCont .newsDetail .detail .download .list li:hover .name{
    color: #fff;
    background: url(../images/icon4.png) no-repeat right center ;
}
.wapper .main .mainCont .newsDetail .detail .article{
    width: 100%;
    height: auto;
    padding: 5% 0;
    border-top: 1px solid #f2f2f2;
}

.wapper .main .mainCont .newsDetail .detail .article .artItem{
    width: 100%;
    height: auto;
    border: 1px solid #fff;
    box-sizing: border-box;
    font-size: 14px;
    color: #333333;
    line-height: 50px;
    transition: all 0.5s;
}
.wapper .main .mainCont .newsDetail .detail .article .artItem a{
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 50px;
    transition: all 0.5s;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.wapper .main .mainCont .newsDetail .detail .article .artItem span{
    color: #007ee1;
    font-weight: bolder;
    margin-right: 20px;
}
.wapper .main .mainCont .newsDetail .detail .article .artItem:hover{
    border: 1px solid #ececec;
    background: #fbfbfb;
    padding: 0 3%;
    box-sizing: border-box;
}
.wapper .main .mainCont .newsDetail .detail .article .artItem:hover a{
    color: #007ee1;
}

.wapper .main .mainCont .newsDetail .recommend{
    width: 20.8%;
    height: auto;
    float: right;
    margin-top: 6%;
}
.wapper .main .mainCont .newsDetail .recommend .theme{
    width: 100%;
    height: auto;
}
.wapper .main .mainCont .newsDetail .recommend .theme .entheme{
    width: 100%;
    height: auto;
    font-size: 34px;
    color: #007ee1;
    line-height: 42px;
    font-weight: bolder;
}
.wapper .main .mainCont .newsDetail .recommend .theme .cntheme{
    width: 100%;
    height: auto;
    font-size: 34px;
    color: #000000;
    line-height: 42px;
    font-weight: bold;
}
.wapper .main .mainCont .newsDetail .recommend .list{
    width: 100%;
    height: auto;
    margin-top: 10%;
}

.wapper .main .mainCont .newsDetail .recommend .list li{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #f2f2f2;
    transition: all 0.5s;
}
.wapper .main .mainCont .newsDetail .recommend .list li a{
    display: block;
    padding: 10% 0 8%;
} 
.wapper .main .mainCont .newsDetail .recommend .list li .title{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #000000;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all 0.5s;

}
.wapper .main .mainCont .newsDetail .recommend .list li .time{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    line-height: 28px;
    margin-top: 2%;
}
.wapper .main .mainCont .newsDetail .recommend .list li:hover{
    border-bottom: 1px solid #007ee1;
}
.wapper .main .mainCont .newsDetail .recommend .list li:hover .title{
    color: #007ee1;
}
@media screen and (max-width:1550px){
    .wapper .main .mainCont .newsDetail .detail .titlebox .title{
        font-size: 30px;
        line-height: 42px;
    }
    .wapper .main .mainCont .newsDetail .detail .titlebox .form{
        font-size: 16px;
        line-height: 32px;
    }
    .wapper .main .mainCont .newsDetail .recommend .theme .entheme{
        font-size: 30px;
        line-height: 38px;
    }
    .wapper .main .mainCont .newsDetail .recommend .theme .cntheme{
        font-size: 30px;
        line-height: 38px;
    }
    .wapper .main .mainCont .newsDetail .detail .ArticleContent{
        font-size: 18px;
        line-height: 32px;
    }
}
@media screen and (max-width:1280px){
    .wapper .main .mainCont .newsDetail .detail .titlebox .title{
        font-size: 26px;
        line-height: 38px;
    }
    .wapper .main .mainCont .newsDetail .detail .titlebox .form{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainCont .newsDetail .recommend .theme .entheme{
        font-size: 26px;
        line-height: 34px;
    }
    .wapper .main .mainCont .newsDetail .recommend .theme .cntheme{
        font-size: 26px;
        line-height: 34px;
    }
    .wapper .main .mainCont .newsDetail .detail .ArticleContent{
        font-size: 16px;
        line-height: 28px;
    }
    .wapper .main .mainCont .newsDetail .recommend .list li .title{
        font-size: 16px;
        line-height: ;
    }
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .newsDetail .detail{
        width: 100%;
        padding: 0 4%;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .newsDetail .recommend{
        display: none;
    }
    .wapper .main .mainCont .newsDetail .detail .titlebox .title{
        font-size: 20px;
        line-height: 28px;
    }
    .wapper .main .mainCont .newsDetail .detail .ArticleContent{
        font-size: 14px;
    }
    .wapper .main .mainCont .newsDetail .detail .download .theme{
        font-size: 20px;
        line-height: 42px;
    }
    .wapper .main .mainCont .newsDetail .detail .download .theme span{
        font-size: 24px;
    }
    .wapper .main .mainCont .newsDetail .detail .download .list li{
        padding: 0px 10px 0 26px;
        background: url(../images/icon3.png) no-repeat 9px center #fbfbfb;
        margin-bottom: 10px;
    }
    .wapper .main .mainCont .newsDetail .detail .download .list li:hover{
        padding: 0px 10px 0 26px;
        background: url(../images/icon3_hover.png) no-repeat 9px center #007ee1;
    }
    .wapper .main .mainCont .newsDetail .detail .download .list li .name{
        line-height: 42px;
    }
    .wapper .main .mainCont .newsDetail .detail .article .artItem{
        line-height: 42px;
    }
    .wapper .main .mainCont .newsDetail .detail .article .artItem a{
        line-height: 42px;
    }
    .wapper .main .mainCont .newsDetail .detail .article .artItem span{
        margin-right: 8px;
        
    }
}
















/* 董事长寄语 */
.wapper .main .mainCont .aSessage{
    width: 100%;
    height: auto;
    margin-top: 5%;
}
.wapper .main .mainCont .aSessage .left{
    width: 45%;
    height: auto;
    float: left;
}
.wapper .main .mainCont .aSessage .left .picbox{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .main .mainCont .aSessage .left .picbox .pic{
    width: 100%;
    height: auto;
}
.wapper .main .mainCont .aSessage .left .picbox .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .aSessage .left .picbox .namebox{
    width: auto;
    height: auto;
    position: absolute;
    bottom: -00px;
    left: 0;
    background: #fff;
    padding: 10px 12px 0px 0;
}
.wapper .main .mainCont .aSessage .left .picbox .namebox .enName{
    width: 100%;
    height: auto;
    font-size: 34px;
    color: rgba(0,126,225,0.1);
    line-height: 50px;
    font-weight: bolder;
}
.wapper .main .mainCont .aSessage .left .picbox .namebox .cnName{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #000000;
    line-height: 50px;
    margin-top: -30px;
}
.wapper .main .mainCont .aSessage .left .picbox .namebox .cnName span{
    font-size: 36px;
    font-weight: bolder;
    margin-right: 16px;
}

.wapper .main .mainCont .aSessage .left .intro{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(0,0,0,0.6);
    line-height: 36px;
    margin-top: 4%;
}


.wapper .main .mainCont .aSessage .right{
    width: 43.75%;
    height: auto;
    float: right;
}
.wapper .main .mainCont .aSessage .right .title{
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #007ee1;
    line-height: 48px;
    font-weight: bolder;
    position: relative;
    padding-bottom: 1.5%;
}
.wapper .main .mainCont .aSessage .right .title::after{
    content: '';
    width: 48px;
    height: 3px;
    background: #007ee1;
    position: absolute;
    bottom: 0;
    left: 0;
}
.wapper .main .mainCont .aSessage .right .text{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(0,0,0,0.6);
    line-height: 36px;
    margin-top: 6%;
}
@media screen and (max-width:1550px){
    .wapper .main .mainCont .aSessage .left .picbox .namebox .enName{
        font-size: 30px;
        line-height: 46px;
    }
    .wapper .main .mainCont .aSessage .left .picbox .namebox .cnName{
        font-size: 20px;
        line-height: 46px;
    }
    .wapper .main .mainCont .aSessage .left .picbox .namebox .cnName span{
        font-size: 32px;
    }
    .wapper .main .mainCont .aSessage .left .intro{
        font-size: 18px;
        line-height: 32px;
    }
    .wapper .main .mainCont .aSessage .right .title{
        font-size: 26px;
        line-height: 42px;
    }
    .wapper .main .mainCont .aSessage .right .text{
        font-size: 18px;
        line-height: 32px;
    }
}
@media screen and (max-width:1280px){
    .wapper .main .mainCont .aSessage .left .picbox .namebox .enName{
        font-size: 26px;
        line-height: 42px;
    }
    .wapper .main .mainCont .aSessage .left .picbox .namebox .cnName{
        font-size: 18px;
        line-height: 42px;
    }
    .wapper .main .mainCont .aSessage .left .picbox .namebox .cnName span{
        font-size: 28px;
    }
    .wapper .main .mainCont .aSessage .left .intro{
        font-size: 16px;
        line-height: 32px;
    }
    .wapper .main .mainCont .aSessage .right .title{
        font-size: 22px;
        line-height: 38px;
    }
    .wapper .main .mainCont .aSessage .right .text{
        font-size: 16px;
        line-height: 32px;
    }
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .aSessage{
        padding: 0 4%;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .aSessage img{
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    .wapper .main .mainCont .aSessage table{
        width: 100% !important;
    }
    .wapper .main .mainCont .aSessage .left{
        width: 100%;
    }
    .wapper .main .mainCont .aSessage .left .picbox .namebox .enName{
        font-size: 22px;
        line-height: 36px;
    }
    .wapper .main .mainCont .aSessage .left .picbox .namebox .cnName{
        font-size: 16px;
        line-height: 38px;
    }
    .wapper .main .mainCont .aSessage .left .picbox .namebox .cnName span{
        font-size: 24px;
        margin-right: 10px;
    }
    .wapper .main .mainCont .aSessage .left .intro{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainCont .aSessage .right{
        width: 100%;
        margin-top: 10%;
    }
    .wapper .main .mainCont .aSessage .right .title{
        font-size: 18px;
        line-height: 32px;
    }
    .wapper .main .mainCont .aSessage .right .title::after{
        width: 36px;
        height: 2px;
    }
    .wapper .main .mainCont .aSessage .right .text{
        font-size: 14px;
        line-height: 28px;
        padding-bottom: 10%;
    }
}





















/* 运营维护 */
.wapper .main .mainCont .maintain{
    width: 100%;
    height: auto;
    margin-top: 5%;
}
.wapper .main .mainCont .maintain .defend{
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: space-between;
    display: flex;
}
.wapper .main .mainCont .maintain .defend .pic{
    width: 34.5%;
    height: auto;
    float: right;
}
.wapper .main .mainCont .maintain .defend .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .maintain .defend .text{
    width: 61%;
    height: auto;
    float: left;
    font-size: 20px;
    color: rgba(0,0,0,0.6);
    line-height: 36px;
}
.wapper .main .mainCont .maintain .computer{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .main .mainCont .maintain .computer .theme{
    width: 100%;
    height: auto;
    font-size: 200px;
    color: rgba(0,0,0,0.1);
    line-height: 200px;
    margin-left: -10.5%;
    font-weight: bolder;
}
.wapper .main .mainCont .maintain .computer .tain{
    width: 100%;
    height: auto;
    
    position: relative;
}
.wapper .main .mainCont .maintain .computer .tain .pic{
    width: 60%;
    height: auto;
    margin-left: -8.8%;
    margin-top: 5%;
}
.wapper .main .mainCont .maintain .computer .tain .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .maintain .computer .tain .comput{
    width: 100%;
    height: auto;
}
.wapper .main .mainCont .maintain .computer .tain .comput .tit{
    width: auto;
    height: auto;
    font-size: 42px;
    color: #000000;
    line-height: 52px;
    font-weight: bolder;
    position: absolute;
    top: -19%;
    left: 37.5%;
}
.wapper .main .mainCont .maintain .computer .tain .comput .compic{
    width: 97.625%;
    height: auto;
    position: absolute;
    top: -24%;
}

.wapper .main .mainCont .maintain .computer .tain .comput .compic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .maintain .mobile{
    width: 100%;
    height: 100%;
    margin-top: 8%;
}
.wapper .main .mainCont .maintain .mobile .theme{
    width: 100%;
    height: auto;
    font-size: 200px;
    color: rgba(0,0,0,0.1);
    line-height: 200px;
    text-align: right;
    font-weight: bolder;
    position: relative;
    right: -10.5%;
}
.wapper .main .mainCont .maintain .mobile .tain{
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 8%;
}
.wapper .main .mainCont .maintain .mobile .tain .pic{
    width: 58.625%;
    height: auto;
    float: right;
    margin-right: -8.8%;
    
}
.wapper .main .mainCont .maintain .mobile .tain .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .maintain .mobile .tain .mobil{
    width: 100%;
    height: auto;
    position: absolute;
    top: -42%;
    right: -12%;
}
.wapper .main .mainCont .maintain .mobile .tain .mobil .tit{
    width: auto;
    height: auto;
    font-size: 42px;
    color: #000;
    line-height: 52px;
    font-weight: bolder;
    position: absolute;
    right: 42%;
    top: 10%;
}
.wapper .main .mainCont .maintain .mobile .tain .mobil .mobpic{
    width: 79.5625%;
    height: auto;
    /* position: absolute;
    top: -84%;
    right: 0; */
}
.wapper .main .mainCont .maintain .mobile .tain .mobil .mobpic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .maintain .mainTainPic{
    width: 100%;
    height: auto;
    margin-top: 8%;
}
.wapper .main .mainCont .maintain .mainTainPic li{
    width: 48%;
    height: auto;
    float: left;
    margin-right: 4%;
}
.wapper .main .mainCont .maintain .mainTainPic li:nth-of-type(2n){
    margin-right: 0;
}
.wapper .main .mainCont .maintain .mainTainPic li .pic{
    width: 100%;
    height: auto;
}
.wapper .main .mainCont .maintain .mainTainPic li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .maintain .mainTainPic li .titl{
    width: 100%;
    height: auto;
    font-size: 42px;
    color: #000000;
    line-height: 52px;
    font-weight: bolder;
    text-align: center;
    margin-top: 3%;
}
@media screen and (max-width:1550px){
    .wapper .main .mainCont .maintain .computer .theme{
        font-size: 160px;
        line-height: 160px;
    }
    .wapper .main .mainCont .maintain .computer{
        margin-top: 3%;
    }
    .wapper .main .mainCont .maintain .mobile .theme{
        font-size: 160px;
        line-height: 160px;
    }
    .wapper .main .mainCont .maintain .mainTainPic li .titl{
        font-size: 36px;
    }
    .wapper .main .mainCont .maintain .computer .tain .comput .tit{
        font-size: 36px;
    }
    .wapper .main .mainCont .maintain .mobile .tain .mobil .tit{
        font-size: 36px;
    }
}
@media screen and (max-width:1400px){
    .wapper .main .mainCont .maintain .defend .text{
        font-size: 18px;
        line-height: 32px;
    }
    .wapper .main .mainCont .maintain .computer .theme{
        font-size: 130px;
        line-height: 130px;
    }
    .wapper .main .mainCont .maintain .computer{
        margin-top: 4%;
    }
    .wapper .main .mainCont .maintain .mobile .theme{
        font-size: 130px;
        line-height: 130px;
    }
    .wapper .main .mainCont .maintain .mainTainPic li .titl{
        font-size: 32px;
    }
    .wapper .main .mainCont .maintain .computer .tain .comput .tit{
        font-size: 32px;
        top: -22%;
    }
    .wapper .main .mainCont .maintain .mobile .tain .mobil .tit{
        font-size: 32px;
        top: 6%;
    }
}
@media screen and (max-width:1280px){
    .wapper .main .mainCont .maintain .computer .theme{
        font-size: 100px;
        line-height: 100px;
    }
    .wapper .main .mainCont .maintain .computer{
        margin-top: 4%;
    }
    .wapper .main .mainCont .maintain .mobile .theme{
        font-size: 100px;
        line-height: 100px;
    }
    .wapper .main .mainCont .maintain .mainTainPic li .titl{
        font-size: 26px;
    }
    .wapper .main .mainCont .maintain .computer .tain .comput .tit{
        font-size: 26px;
        top: -22%;
    }
    .wapper .main .mainCont .maintain .mobile .tain .mobil .tit{
        font-size: 26px;
        top: 6%;
    }
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .maintain{
        padding: 0 4%;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .maintain .defend .text{
        width: 100%;
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainCont .maintain .defend .pic{
        display: none;
    }
    .wapper .main .mainCont .maintain .computer .theme{
        font-size: 70px;
        line-height: 70px;
        margin-left: -5.5%;
    }
    .wapper .main .mainCont .maintain .computer .tain .comput .tit{
        font-size: 16px;
        line-height: 22px;
    }
    .wapper .main .mainCont .maintain .mobile .theme{
        font-size: 50px;
        line-height: 50px;
        right: -5.5%;
    }
    .wapper .main .mainCont .maintain .mobile .tain .mobil .tit{
        font-size: 16px;
        line-height: 22px;
    }
    .wapper .main .mainCont .maintain .mainTainPic{
        margin-top: 16%;
        margin-bottom: 6%;
    }
    .wapper .main .mainCont .maintain .mainTainPic li{
        width: 100%;
        margin-bottom: 8%;
    }
    .wapper .main .mainCont .maintain .mainTainPic li .titl{
        font-size: 20px;
        line-height: 28px;
    }
}









/* 公司简介 */
.wapper .main .mainCont .brief{
    width: 100%;
    height: auto;
    margin-top: 5%;
    /* align-items: center;
    justify-content: space-between;
    font-display: flex; */
}
.wapper .main .mainCont .brief .textpart{
    width: 46.875%;
    height: auto;
    float: left;
    vertical-align: center;

}
.wapper .main .mainCont .brief .textpart .desc{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 52px;
}
.wapper .main .mainCont .brief .picpart{
    width: 48.125%;
    height: auto;
    float: right;
    position: relative;
}
.wapper .main .mainCont .brief .picpart .pic{
    width: 100%;
    height: auto;
}
.wapper .main .mainCont .brief .picpart .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainCont .brief .picpart .textCont{
    width: auto;
    height: auto;
    position: absolute;
    bottom: 6%;
    right: 0;
    padding: 2% 6% 2% 6%;
    box-sizing: border-box;
    background: #007ee1;
}
.wapper .main .mainCont .brief .picpart .textCont::after{
    content: '';
    width: 2px;
    height: 70px;
    background: #fff;
    position: absolute;
    right: 7%;
    top: 50%;
    transform: translateY(-50%);
}
.wapper .main .mainCont .brief .picpart .textCont .tit{
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #ffffff;
    line-height: 35px;
    font-weight: bolder;
    text-align-last: right;
}
.wapper .main .mainCont .brief .picpart .textCont .txt{
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #ffffff;
    line-height: 35px;
    text-align-last: right;
}
.wapper .bussiness{
    width: 100%;
    height: auto;
    padding: 6% 7.5%;
    box-sizing: border-box;
    background: url(../images/bussiness.jpg);
    background-size: cover;
}
.wapper .bussiness .titlebox{
    width: 100%;
    height: auto;
}
.wapper .bussiness .titlebox .entitl{
    width: 100%;
    height: auto;
    font-size: 80px;
    color: rgba(255,255,255,0.1);
    line-height: 80px;
    text-align: center;
    font-weight: bolder;
}
.wapper .bussiness .titlebox .cntitl{
    width: 100%;
    height: auto;
    font-size: 48px;
    color: #ffffff;
    line-height: 56px;
    text-align: center;
    font-weight: bolder;
    margin-top: -30px;
}

.wapper .bussiness .desc{
    width: 46%;
    height: auto;
    margin: auto;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 32px;
    text-align: center;
    margin-top: 2%;
}

.wapper .bussiness .busList{
    width: 100%;
    height: auto;
    margin-top: 3%;
}
.wapper .bussiness .busList li{
    width: 25%;
    height: auto;
    float: left;
    background: url(../images/line4.gif) no-repeat right center;
    transition: all 0.5s;
}
.wapper .bussiness .busList li:last-child{
    background: none;
}
.wapper .bussiness .busList li a{
    display: block;
    padding: 14% 6%;
    box-sizing: border-box;
}
.wapper .bussiness .busList li .icon{
    width: 100%;
    height: 48px;
    justify-content: center;
    display: flex;
    overflow: hidden;
}
.wapper .bussiness .busList li .icon img{
    width: auto;
    height: 48px;
    vertical-align: bottom;
    /* margin-top: -48px;  */
    transform: translateY(-48px);
    filter: drop-shadow(0px 48px 0 #fff);
    /* opacity: 0.5; */
    /* filter: brightness(2000000%); */
}
.wapper .bussiness .busList li .name{
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #ffffff;
    line-height: 36px;
    text-align: center;
    margin-top: 3%;
    transition: all 0.5s;
}
.wapper .bussiness .busList li .more{
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: auto;
    overflow: hidden;
    margin-top: 3%;
}
.wapper .bussiness .busList li .more .line{
    width: 42px;
    height: 1px;
    float: left;
    background: rgba(255,255,255,.3);
    transition: all 0.5s;
}
.wapper .bussiness .busList li .more .tit{
    width: auto;
    height: auto;
    float: left;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    margin: 0 10px;
    transition: all 0.5s;
}
.wapper .bussiness .busList li .more .go{
    width: auto;
    height: 12px;
    float: left;
    overflow: hidden;
}
.wapper .bussiness .busList li .more .go img{
    width: 16px;
    height: auto;
    vertical-align: middle;
    margin-top: -28px;
    filter: drop-shadow(0 11px 0 #fff);
}
.wapper .bussiness .busList li:hover{
    background:  #fff;
}
.wapper .bussiness .busList li:hover .icon img{
    filter: drop-shadow(0px 48px 0 #007ee1);
}
.wapper .bussiness .busList li:hover .name{
    color: #007ee1;
}
.wapper .bussiness .busList li:hover .more .line{
    background: rgba(0, 125, 225, 0.3);
}
.wapper .bussiness .busList li:hover .more .tit{
    color: #007ee1;
}
.wapper .bussiness .busList li:hover .more .go img{
    filter: drop-shadow(0 11px 0 #007ee1);
}
.wapper .achievement{
    width: 100%;
    height: auto;
    padding: 6% 7.5% 8% 7.5%;
    box-sizing: border-box;
    background: url(../images/achievementBg.jpg) no-repeat center bottom #fcfcfc;
    background-size: 100% auto;
}
.wapper .achievement .titlebox{
    width: 100%;
    height: auto;
}
.wapper .achievement .titlebox .entitl{
    width: 100%;
    height: auto;
    font-size: 80px;
    color: rgba(218,218,218,0.4);
    line-height: 80px;
    text-align: center;
    font-weight: bolder;
}
.wapper .achievement .titlebox .cntitl{
    width: 100%;
    height: auto;
    font-size: 48px;
    color: #000000;
    line-height: 56px;
    text-align: center;
    font-weight: bolder;
    margin-top: -30px;
}

.wapper .achievement .desc{
    width: 84%;
    height: auto;
    margin: auto;
    font-size: 20px;
    color: #000000;
    line-height: 52px;
    text-align: center;
    margin-top: 2%;
}
.wapper .achievement .achlist{
    width: 100%;
    height: auto;
    margin-top: 3%;
}
.wapper .achievement .achlist li{
    width: 17.6%;
    height: auto;
    float: left;
    margin-right: 3%;
    margin-bottom: 1.5%;
    background: #fff;
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.05);
}
.wapper .achievement .achlist li:nth-of-type(5n){
    margin-right: 0;
}
.wapper .achievement .achlist li img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .achievement .showMore{
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
    margin-top: 2%;
    margin-bottom: 4%;
    cursor: pointer;
}
.wapper .achievement .showMore img{
    width: 43px;
    height: auto;
    vertical-align: bottom;
}
@media screen and (max-width:1550px){
    .wapper .main .mainCont .brief .textpart{
        padding-top: 0;

    }
    .wapper .main .mainCont .brief .textpart .desc{
        font-size: 18px;
        line-height: 46px;
    }
    .wapper .bussiness .titlebox .entitl{
        font-size: 70px;
        line-height: 70px;
    }
    .wapper .bussiness .titlebox .cntitl{
        font-size: 42px;
        line-height: 50px;
    }
    .wapper .bussiness .busList li .icon{
        height: 42px;
    }
    .wapper .bussiness .busList li .icon img{
        height: 42px;
    }
    .wapper .bussiness .busList li .name{
        font-size: 20px;
        line-height: 36px;
    }
    .wapper .achievement .titlebox .entitl{
        font-size: 70px;
        line-height: 70px;
    }
    .wapper .achievement .titlebox .cntitl{
        font-size: 42px;
        line-height: 50px;
    }
    .wapper .achievement .desc{
        font-size: 18px;
        line-height: 46px;
    }
}
@media screen and (max-width:1280px){
    .wapper .main .mainCont .brief .textpart .desc{
        font-size: 16px;
        line-height: 36px;
    }
    .wapper .main .mainCont .brief .picpart .textCont .tit{
        font-size: 24px;
        line-height: 30px;
    }
    .wapper .main .mainCont .brief .picpart .textCont .txt{
        font-size: 20px;
        line-height: 30px;
    }
    .wapper .main .mainCont .brief .picpart .textCont::after{
        height: 50px;
    }
    .wapper .bussiness .titlebox .entitl{
        font-size: 60px;
        line-height: 60px;
    }
    .wapper .bussiness .titlebox .cntitl{
        font-size: 36px;
        line-height: 42px;
    }
    .wapper .bussiness .desc{
        width: 70%;
    }
    .wapper .bussiness .busList li .icon img{
        height: 36px;
    }
    .wapper .bussiness .busList li .name{
        font-size: 18px;
        line-height: 32px;
        margin-top:0 ;
    }
    .wapper .achievement .titlebox .entitl{
        font-size: 60px;
        line-height: 60px;
    }
    .wapper .achievement .titlebox .cntitl{
        font-size: 36px;
        line-height: 42px;
    }
    .wapper .achievement .desc{
        font-size: 16px;
        line-height: 36px;
    }
}
@media screen and (max-width:1000px){
    .wapper .main .mainCont .brief{
        padding: 0 4% 6% 4%;
        box-sizing: border-box;
    }
    .wapper .main .mainCont .brief .picpart{
        width: 100%;
    }
    .wapper .main .mainCont .brief .picpart .textCont .tit{
        font-size: 20px;
        text-align: right;
    }
    .wapper .main .mainCont .brief .picpart .textCont .txt{
        font-size: 16px;
    }
    .wapper .main .mainCont .brief .textpart{
        width: 100%;
        margin-top: 4%;
    }
    .wapper .main .mainCont .brief .textpart .desc{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .bussiness{
        padding: 6% 4%;
    }
    .wapper .bussiness .titlebox .entitl{
        font-size: 40px;
        line-height: 40px;
    }
    .wapper .bussiness .titlebox .cntitl{
        font-size: 28px;
        line-height: 36px;
        margin-top: -15px;
    }
    .wapper .bussiness .desc{
        width: 100%;
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .bussiness .busList li{
        width: 50%;
        background: none;
        box-sizing: border-box;
    }
    .wapper .bussiness .busList li .icon{
        /* height: 28px; */
        /* overflow: hidden; */
    }
    .wapper .bussiness .busList li .icon img{
        height: 28px;
        transform: translateY(-27.9px);
        filter: drop-shadow(0px 42px 0 #fff);
    }
    .wapper .bussiness .busList li:hover .icon img{
        height: 28px;
        transform: translateY(-27.9px);
        filter: drop-shadow(0px 42px 0 #007ee1);
    }
    .wapper .bussiness .busList li .name{
        font-size: 16px;
        line-height: 28px;
       
        
    }
    .wapper .bussiness .busList li .more{
        margin-top: 0;
    }
    .wapper .bussiness .busList li .more .line{
        width: 22px;
        display: none;
    }
    .wapper .bussiness .busList li .more .tit{
        font-size: 10px;
    }
    .wapper .bussiness .busList li .more .go img{
        display: none;
    }
    .wapper .bussiness .busList li:nth-of-type(1){
        border-right: 1px solid rgba(255,255,255,0.3);
        border-bottom: 1px solid rgba(255,255,255,0.3);
        box-sizing: border-box;
    }
    .wapper .bussiness .busList li:nth-of-type(2){
        border-bottom: 1px solid rgba(255,255,255,0.3);
        box-sizing: border-box;
    }
    .wapper .bussiness .busList li:nth-of-type(3){
        border-right: 1px solid rgba(255,255,255,0.3);
        box-sizing: border-box;
    }
    .wapper .achievement{
        padding: 6% 4%;
    }
    .wapper .achievement .titlebox .entitl{
        font-size: 40px;
        line-height: 40px;
    }
    .wapper .achievement .titlebox .cntitl{
        font-size: 28px;
        line-height: 36px;
        margin-top: -15px;
    }
    .wapper .achievement .desc{
        width: 100%;
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .achievement .achlist li{
        width: 31%;
        margin-bottom: 3%;
    }
    .wapper .achievement .achlist li:nth-of-type(3n){
        margin-right: 0;
    }
    .wapper .achievement .achlist li:nth-of-type(5n){
        margin-right: 3%;
    }
    .wapper .achievement .achlist li:nth-of-type(15n){
        margin-right: 0;
    }
    .wapper .achievement .showMore img{
        width: 33px;
        height: 33px;
    }
}







.mCatalogue{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left:0;
    z-index: 100000;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s;
}
.mCatalogue .cataList{
    width: 100%;
    height: auto;
    border-top: 1px solid #eee;
    position: absolute;
    bottom: -262px;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
}
.mCatalogue .cataList .theme{
    width: 100%;
    height: auto;
    padding: 6px 4%;
    box-sizing: border-box;
    overflow: hidden;
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
}
.mCatalogue .cataList .theme .the{
    width: 70%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #020213;
    line-height: 42px;
    font-weight: bolder;
}
.mCatalogue .cataList .theme .close{
    width: 42px;
    height: 42px;
    float: right;
    text-align: right;

}
.mCatalogue .cataList .theme .close img{
    width: 14px;
    height: auto;
    vertical-align: middle;
    margin-top: 14px;
}
.mCatalogue .cataList .list{
    width: 100%;
    height: auto;
    padding: 6% 4% 4%;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
}
.mCatalogue .cataList .list li{
    width: 33.33%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #020213;
    line-height: 32px;
    margin-bottom: 10px;
    font-weight: bolder;
}
.mCatalogue .cataList .list li a{
    display: block;
}
.mCatalogue .cataList .list li .icon{
    width: 100%;
    height: 62px;
    /* padding-top: 7px; */
    /* min-height: 61px;*/
    justify-content: center;
    align-items: flex-end;
    display: flex; 
}
.mCatalogue .cataList .list li .icon img{
    width: 55px;
    height: 55px;
    vertical-align: bottom;
}
.mCatalogue .cataList .list li:nth-of-type(1) .icon{
    padding-top: 0;
}
.mCatalogue .cataList .list li:nth-of-type(1) .icon img{
    width: 62px;
    height: 62px;
}
.mCatalogue .cataList .list li .tit{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #343533;
    line-height: 22px;
    text-align: center;
    margin-top: 6px;
}
.mCatalogue .cataList .list li .shi{
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #727470;
    line-height: 22px;
    text-align: center;
    margin-top: 2px;
}




/* 二维码弹出 */
.mCodelogue{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left:0;
    z-index: 100000;
    opacity: 0; 
     z-index: -1;
    transition: all 0.5s;
}
.mCodelogue .cataList{
    width: 100%;
    height: auto;
    border-top: 1px solid #eee;
    position: absolute;
    bottom: -262px;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
}
.mCodelogue .cataList .theme{
    width: 100%;
    height: auto;
    padding: 6px 4%;
    box-sizing: border-box;
    overflow: hidden;
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
}
.mCodelogue .cataList .theme .the{
    width: 70%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #020213;
    line-height: 42px;
    font-weight: bolder;
}
.mCodelogue .cataList .theme .close{
    width: 42px;
    height: 42px;
    float: right;
    text-align: right;

}
.mCodelogue .cataList .theme .close img{
    width: 14px;
    height: auto;
    vertical-align: middle;
    margin-top: 14px;
}
.mCodelogue .cataList .code{
    width: 100%;
    height: auto;
    padding: 6%;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
}
.mCodelogue .cataList .code img{
    width: 132px;
    height: auto;
    vertical-align: bottom;
    padding: 6px;
    /* box-sizing: border-box; */
    border: 1px solid #eee;
}



.mleftMenu{
    width: 100%;
    height: 60px;
    text-align: center;
    overflow: hidden;
    display: none;
    background: #fff;
    border-bottom: 1px solid #eeeeee;
}

 .mleftMenu li{
    line-height: 60px;
    width: auto;
    height: 60px;
    float: left;
    font-size: 15px;
    color: #343533;
    padding: 0 18px;
    box-sizing: border-box;
}
.mleftMenu li .icon{
    width: 100%;
    height: 18px;
    /* overflow: hidden; */
}
.mleftMenu li .icon img{
    width: auto;
    height: 18px;
    vertical-align: top;

}
 .mleftMenu li a{
    display: inline-block;
    /* line-height: 46px; */
    color: #343533;
    transition: all 0.5s;
    
    padding-top: 10px;

    
}
.mleftMenu li .name{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    text-align: center;
}
 .mleftMenu li a.cur{
    height: 60px;
    color:#007ee1;
    box-sizing: border-box;
    border-bottom: 2px solid #007ee1;
}
.mleftMenu li a.cur .icon img{
    filter: drop-shadow(0px 42px #007ee1);
    margin-top: -40px;
}
.mleftMenu li a.cur .name{
    color: #007ee1;
}

@media screen and (max-width:1000px){
    .mleftMenu{
        display: block;
    }
}