/*头部样式*/
header{
    padding:15px 0;
    position: fixed;
    top:0px;
    left:0;
    width: 100%;
    z-index: 99;
    color: #fff;
    opacity: 1;
    transition: all 0.6s ease-out;
    background: rgba(0,0,0,.3);
}
header a{
    color: #fff;
}
.nav li a:hover{color:#1b65b1!important}
.ny_banner img{width:100%;}
#c-header.c-head-hide,.c-open #c-header  {
    color: #333;
    background: #fff;
    box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);
}
#c-header.c-head-move{
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
#c-header .img2{
    display: none;
}
#c-header.c-head-hide .img1{
    display: none;
}
#c-header.c-head-hide .img2{
    display: block;
}
#c-header.c-head-hide .nav li a{
    color: #333;
}
.head{

}
.container{
    max-width: 1670px;
    width: 92%;
    margin: 0 auto;
}
.logo{
    float: left;
}

.head_tel{
    float: right;
    padding-left: 55px;
    background:url(../images/tel1.png) no-repeat left center;
    margin-left: 35px;
    font-size:18px;
    line-height:1.4em;
    margin-top:5px;
}
#c-header.c-head-hide .head_tel{
    background:url(../images/tel1_h.png) no-repeat left center;    
}
.head_tel p:nth-child(2){
    font-size:20px;
}
.search{
    position: relative;
    float: right;
    display: none;
}
.search .ss{
    height: 58px;
    line-height:58px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
#formsearch{
    position: absolute;
    top:58px;
    left:-100px;
    width: 220px;
    display: none;
}
#keyword{
    float: left;
    width: 180px;
    border:1px solid #e5e5e5;
    outline: none;
    background-color: #fff;
    height: 40px;
    line-height:40px;
    text-indent: 10px;
}
#s_btn{
    float: right;
    width: 40px;
    border:none;
    outline: none;
    background: url(../images/ss.png) no-repeat center #1B65B1;
    background-size: 22px;
    height: 40px;
    line-height:40px;
    cursor: pointer;
    font-size:0;
}

.nav{
    float: left;
    margin-left: 0;
}
.nav li{
    float: left;
}
.nav li a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 58px;
    padding:0 20px;
    color: #fff;
}
.nav li .b_nav{
    display: none;
    position: absolute;
    top:100%;
    left:0px;
    z-index: 999;
    background-color: rgba(255,255,255,.9);
    width: 100%;
    text-align: center;
    padding:15px 0!important;
/*    height: 50px!important;*/
    line-height: 40px;
    box-shadow: 0px 0px 4px #ccc;
}
.nav li .b_nav a{
    font-size: 14px;
    color: #666;  
    line-height: 2em;  
    display: inline-block;
    margin:0 20px;
    padding:0;

}
.nav li a:hover{
    color: #1B65B1;
}
.nav li .b_nav a:hover{
    color: #1B65B1!important;
}
.nav li:hover .b_nav a:after{
    display: none;
}


.menu-button{
    display: none;
    position: absolute;
    top: 20px;
    right: 10px;
/*    padding: 7px;*/
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
/*    background-color: #1B65B1;*/
    z-index: 99999;
}
.menu-button .bar {
    display: block;
    height: 2px;
    background: #ccc;
    margin: 9px 0;
    opacity: 1;
    transition: all .5s ease;
    width: 35px;
    transform-origin: left center;
}

.mnav .bar:nth-child(1){
    transform:rotate(45deg);
    /*width: 40px;*/
}
.mnav .bar:nth-child(2){
    opacity: 0;
}
.mnav .bar:nth-child(3){
    transform:rotate(-45deg);
    position: relative;
    top: 2px;
    /*width: 40px;*/
}

.mobileNav{
    display: none;
    background-color: #1B65B1;
    text-align: center;
    position: absolute;
    left:0;
    top:65px;
    z-index: 99999;
    width: 100%;
/*    height: 100vh;*/
}
.mobileNav li {
    line-height: 2em;
    padding:1em 0;
}
.mobileNav li a{
    font-size: 16px;
    color: #fff;
}
@media(max-width: 1600px){
   
    .nav li a{
        padding:0 20px;
    }

}
@media(max-width: 1440px){

    .head_tel{
        font-size:16px;
    }
    .head_tel p:nth-child(2) {
        font-size: 18px;
    }
}
@media(max-width: 1360px){
    .search{
        display: none;
    }

    .nav li a{
        padding:0 15px;
    }
}
@media(max-width: 1259px){
    .container{
        width: 96%;
    }
    .nav{
        float: right;
     
    }
    .head_tel{
        display: none;
    }
}
@media(max-width: 1024px){
    .nav{
        margin-left:0;
    }
    .nav li a{
        padding:0 8px;
        font-size:15px;
    }
}

@media(max-width: 768px){
    .menu-button{
        display: block;
    }
    .nav{
        display: none;
    }
}
@media(max-width: 640px){
    .logo{
        width: 50%;
        float: none;
    }
    .menu-button{
        top:10px;
    }
    .mobileNav{
        top:55px;
    }
    #c-header{
        position: relative;
        background:#fff;
    }
    #c-header.fixed{
        position: fixed;
    }
    header{
        padding:10px 0;
    }
}


/*首页轮播图*/
.c-banner1 {
    background: #fff;
    height: 100%;
}
.c-banner1 .swiper-slide{
    position: relative;
    overflow: hidden;
    max-height: 100vh;
}
.c-banner1 .swiper-slide img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    -webkit-transition: all 7s;
    transition: all 7s;
    display: none;
    opacity: 0;
}
.c-banner1 .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.c-banner1 .swiper-slide .c-bg2 {
    display: none;
}
.c-banner1 .swiper-slide-active img{
    transform:scale(1.05,1.05);
    -webkit-transform:scale(1.05,1.05); 
}
.c-banner1 .swiper-slide .c-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
/*    background: url(../images/mbl.png)repeat;*/
}
.meng{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #000;
    opacity: 0.3;
    position: absolute;
    top: 0px;
    right: 0;
}

.c-banner1 .swiper-slide .c-wrap .c-title{
    margin-left: 60px;
    font-size: 110px;
    line-height: 110px;
    text-shadow: 0 2px 10px rgba(0,0,0,.3);
}
.c-banner1 .swiper-slide .c-wrap .c-text {
    margin-left: 60px;
    padding: 30px 0 0px;
    font-size: 46px;
    line-height: 60px;
    text-shadow: 0 2px 10px rgba(0,0,0,.3);
}
.c-banner1 .swiper-pagination-bullet {
    opacity: 1;
    background:none;

}
.c-banner1 .c-dot {
    position: absolute;
    bottom: 56px;
    left: 0;
    width: 100%;
}
.c-banner1 .swiper-pagination{
    position: relative;
    text-align: left;
}

.c-banner1 .loading {
    margin: 0 5px;
    width: 38px;
    height: 38px;
    position: relative;
    border: 4px solid transparent;
    background: transparent;
}
.loading.swiper-pagination-bullet-active {
    border-color: rgba(255,255,255,.2);
}
.loading .c-progress {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
    left: 11px;
    top: 11px;
  line-height: 120px;
  text-align: center;
}
.loading.swiper-pagination-bullet-active .c-progress {
    background-color: #1B65B1;
}
.loading .yqs{
    position: absolute;
    top: -4px;
    left: -4px;
    width: 38px;
    height: 38px;
    opacity: 0;
    transform-origin: right center;
    /* animation-iteration-count: infinite; */
    animation-fill-mode: forwards;
    animation-duration: 3.9s;
    animation-timing-function: linear;
    animation-name: spin-left;
    border: 4px solid #fff;
    border-radius: 50%;
}
.loading.swiper-pagination-bullet-active .yqs{
    opacity: 1;
}

.loading .left,
.loading .right {
    opacity: 0;
  width: 19px;
  height: 38px;
  overflow: hidden;
  position: absolute;
  left: -4px;
    top: -4px;
    overflow: hidden;
}
.loading.swiper-pagination-bullet-active .left,.loading.swiper-pagination-bullet-active .right {
    opacity: 1;
}
.loading .right {
    left: auto;
    right: -4px;
    top: -4px;
}
.loading .left:after,
.loading .right:after {
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    left: 0;
    width: 15px;
    height: 30px;
    border: 4px solid #fff;
    border-radius: 19px 0 0 19px;
    border-right: 0;
}
.loading .right:after {
    content: "";
    position: absolute;
    display: block;
    border-radius: 0 19px 19px 0;
    border: 4px solid #fff;
    border-left: 0;
}
.loading.swiper-pagination-bullet-active .left:after {
  transform-origin: right center;
  /* animation-iteration-count: infinite; */
  animation-fill-mode: forwards;
  animation-duration: 5.9s;
  animation-timing-function: linear;
  animation-name: spin-left;
}

.loading.swiper-pagination-bullet-active .right:after {
  transform-origin: left center;
  animation-duration: 5.9s;
  /* animation-iteration-count: infinite; */
  animation-timing-function: linear;
  animation-name: spin-right;
}
@keyframes spin-right {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin-left {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes c-zoom {
  0% {
    transform:scale(1,1);
    -webkit-transform:scale(1,1); 
  }
  100% {
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1); 
  }
}

@keyframes c-zoom {
  0% {
    transform:scale(1,1);
    -webkit-transform:scale(1,1); 
  }
  100% {
    transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2); 
  }
}
.sq_timer_800ms {
    -webkit-transition: all 800ms;
    -moz-transition: all 800ms;
    -ms-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
}
.mouseIco {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 4%;
    z-index: 999;
}
.mouseIco span{
    font-size: 15px;
    color: #fff;
    letter-spacing: 2px;
    margin-top: 6px;
    display: inline-block;
}
.mouseIco img {
    display: block;
    width: 20px;
    margin: 0 auto 5px;
    position: relative;
    top: -6px;
}
.mouseIco-img1 {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    animation: mouseImg1 1s ease-in-out alternate infinite  ;
}
.mouseIco-img2 {
    -webkit-transform: scale(0.78);
    transform: scale(0.78);
    animation: mouseImg2 1s  ease-in-out alternate infinite;
}
.mouseIco-img3 {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    animation: mouseImg3 1s  ease-in-out alternate infinite;
}
@keyframes mouseImg1 {
    0%{
        -webkit-transform: scale(0.5)  translateY(-5px);
        transform: scale(0.5)  translateY(-5px);
    }
    100%
    {
        -webkit-transform: scale(0.5) translateY(5px);
        transform:  scale(0.5) translateY(5px);
    }
    
}
@keyframes mouseImg2 {
    0%{
        -webkit-transform:scale(0.78)  translateY(-5px);
        transform: scale(0.78) translateY(-5px);
    }
    100%
    {
        -webkit-transform: scale(0.78) translateY(5px);
        transform:scale(0.78) translateY(5px);
    }
}
@keyframes mouseImg3 {
    0%{
        -webkit-transform:scale(1.2) translateY(-5px);
        transform:scale(1.2) translateY(-5px);
    }
    100%
    {
        -webkit-transform:scale(1.2) translateY(5px);
        transform:scale(1.2) translateY(5px);
    }
}
@keyframes mouse-dot {
    from {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    to {
        transform: translateY(15px);
        -webkit-transform: translateY(15px);
        opacity: 0;
    }
}
@-webkit-keyframes mouse-dot {
    from {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    to {
        transform: translateY(15px);
        -webkit-transform: translateY(15px);
        opacity: 0;
    }
}

.c-zoom {
  -webkit-animation-name: c-zoom;
  animation-name: c-zoom;
}

@media(max-width: 1600px){
    .c-banner1 .swiper-slide .c-wrap .c-title{
        font-size:80px;
    }
    .c-banner1 .swiper-slide .c-wrap .c-text {
        padding: 20px 0 0px;
        font-size: 40px;
        line-height: 56px;
    }
}
@media(max-width: 1440px){
    .c-banner1 .swiper-slide .c-wrap .c-title {
       font-size: 66px;
        line-height: 70px;
    }
       .c-banner1 .swiper-slide .c-wrap .c-text {
        padding: 20px 0 0px;
        font-size: 28px;
        line-height: 38px;
    }
}
@media(max-width: 1259px){
    .c-banner1 .swiper-slide .c-wrap .c-title{
        font-size:42px;
        line-height: 1.6em;
    }
    .c-banner1 .swiper-slide .c-wrap .c-text {
        padding: 20px 0 0px;
        font-size: 24px;
        line-height: 36px;
    }
    .c-banner1 .c-dot{
        bottom:30px;
    }
}
@media(max-width: 1024px){

}
@media(max-width: 768px){
    .mouseIco{
        display: none;
    }
    .c-banner1 .swiper-slide{
        max-height: 100%;
    }
    .c-banner1 .c-dot{
        bottom:10px;
    }
    .c-banner1 .swiper-slide .c-wrap .c-title{
        font-size:30px;
        text-align: center;
        margin-left: 0;
/*        color: #000;*/
    }
    .c-banner1 .swiper-slide .c-wrap .c-text{
        font-size:20px;
        line-height:30px;
        padding:0;
        margin-left: 0;
        text-align: center;
/*        color: #000;*/
    }
}
@media(max-width: 640px){
    .c-banner1 .swiper-slide .c-wrap .c-title{
        font-size:22px;
        line-height: 1.8em;
    }
    .c-banner1 .swiper-slide .c-wrap .c-text{
        font-size:14px;
        line-height: 1.8em;
    }
    .c-banner1 .swiper-slide video{
        display: none;
    }
    .c-banner1 .swiper-slide img.c-bg{
        display: block;
        height: auto;
    }
    .c-banner1 .swiper-slide img {
        opacity: 1;
    }
}

.index_main1{
    padding-top:90px;
    background:url(../images/bg1.png) no-repeat top center;
    background-color: #fff;
}

.index_main1_top{
    margin-bottom:65px;
}
.index_main1_top .index_title1{
    font-size:44px;
    color:#333;
    line-height:1.4em;
    float: left;
}
.index_main1_top .index_title1 p:last-child{
    font-weight: bold;
}
.index_main1_top ul{
    float: right;
    display: flex;
/*    flex-wrap: wrap;*/
}
.index_main1_top ul li{
    text-align: center;
    min-width: 245px;
}
.index_main1_top ul li:last-child{
    margin-left: 8%;
}
.index_main1_top ul li p{
    font-size:16px;
    color: #666666;
}   
.index_main1_top ul li p span{
    font-size:60px;
    color: #1B65B1;
    line-height:1em;
}
.index_main1_top ul li p sup{
    font-size: 16px;
    color: #1B65B1;
    position: relative;
    top: -20px;
    font-weight: bold;
    margin-left: 5px;
}
.index_main1_bottom{
    display: flex;
    flex-wrap: wrap;
    background-color: #999494;
    padding:5px;
}
.video1{
    width: 49%;
}
.video1 video{
    max-width: 100%;
}
.index_about{
    width: 51%;
    background:url(../images/bg2.png) no-repeat center;
    padding:30px 60px 0;
}
.index_about h2{
    font-size:42px;
    color: #1B65B1;
    line-height: 1em;
    padding-top:34px;
    position: relative;
}
.index_about h2:after{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width: 45px;
    height: 2px;
    background-color: #1B65B1;
}
.index_about h3{
    padding:25px 0 15px;
    line-height:1em;
    font-size:32px;
    font-weight: normal;
    color: #fff;
}
.index_about p{
    font-size:15px;
    color: #e5e5e5;
}
.index_about a{
    display: block;
    width: 176px;
    height: 46px;
    line-height:46px;
    font-size:16px;
    color: #fff;
    padding:0 20px;
    background-color: #1B65B1;
    margin:70px 0 0;
    position: relative;
}
.index_about a:before{
    content:'';
    position: absolute;
    top:50%;
    right: 20px;
    width: 10px;
    height: 9px;
    margin-top:-4.5px;
    background:url(../images/jt1.png) no-repeat center;
    transition: all 0.5s ease-out;
}
.index_about a:hover{
    opacity: 0.9;
}
.index_about a:hover:before{
    right: 25px;
    transition: all 0.5s;
}
@media(max-width: 1600px){
    .index_main1{
        padding-top:70px;
    }
    .index_main1_top {
        margin-bottom: 40px;
    }
    .index_main1_top .index_title1{
        font-size:30px;
    }   
    .index_main1_top ul li p span{
        font-size:48px;
    } 
    .index_about {
        padding: 50px 40px 0;
    }
    .index_about h2 {
        font-size: 32px;
        padding-top: 25px;
    }
    .index_about h3 {
        padding: 25px 0 10px;
        font-size: 24px;
    }
    .index_about p{
        font-size:14px;
    }
    .index_about a{
        margin-top:30px;
    }

}
@media(max-width: 1440px){

}
@media(max-width: 1259px){
    .index_main1{
        padding-top:50px;
    }
    .index_main1_top .index_title1{
        font-size:24px;
    }
    .index_main1_top ul li p span{
        font-size:36px;
    } 
    .index_about {
        padding: 20px 25px 0;
    }
    .index_about h2 {
        font-size: 24px;
        padding-top: 20px;
    }
    .index_about h3 {
        padding: 20px 0 10px;
        font-size: 20px;
    }
    .index_about p {
        line-height:1.8em;
    }
    .index_about a {
        margin-top: 20px;
    }
}
@media(max-width: 1024px){

}
@media(max-width: 768px){
    .index_main1 {
        padding-top: 30px;
    }
    .index_main1_top {
        margin-bottom: 20px;
    }
    .index_main1_top .index_title1 {
        font-size: 20px;
        float: none;
        margin-bottom:15px;
    }
    .index_main1_top ul{
        float: none;
    }
    .index_main1_top ul li{
        min-width: 180px;
    }
    .index_main1_top ul li:last-child{
        margin-left: 3%;
    }
    .index_main1_top ul li p{
        font-size:14px;
    }
    .index_main1_top ul li p span {
        font-size: 30px;
    }
    .index_main1_top ul li p sup{
        top:0;
    }
    .video1{
        width: 100%;
    }
    .index_about {
        width: 100%;
        padding: 20px 15px;
    }
    .index_about h2 {
        font-size: 20px;
    }
    .index_about h3 {
        padding: 15px 0 10px;
        font-size: 18px;
    }
    .index_about a{
        width: 150px;
    }
}
@media(max-width: 640px){
    .index_main1_top ul li{
        width: 50%;
        min-width: 50%;
    }
}


.index_main2{
    padding:105px 0 90px;
    background-color: #fff;
}
.index_title2{
    margin-bottom:30px;
}
.index_title2 h2{
    font-size:44px;
    color: #eaa001;
    font-weight: normal;
    line-height: 1em;
}
.index_title2 p{
    font-size:18px;
    color: #666666;
    margin-top:10px;
}
.sort1{
    margin-bottom:30px;
}
.sort1 li{
    float: left;
    margin-right: 25px;
}
.sort1 li:last-child{
    margin-right: 0;
}
.sort1 li a{
    display: block;
    width: 160px;
    line-height:38px;
    height: 38px;
    font-size: 16px;
    color: #333333;
    background:#e6e6e6;
    text-align:center;
}
.sort1 li:nth-child(1) a{
    background:#807c7c; 
    color: #fff;  
    width: 136px; 
}
.sort1 li a img{
    margin-right: 7px;
    position: relative;
    top:-2px;

}
.sort1 li a:hover{
    background:#807c7c;
    color: #fff;
}
.product_list1{
    display: flex;
    flex-wrap: wrap;
}
.product_list1 li{
    width: 25%;
}
.product_list1 li a{
    display: block;
    border:1px solid #e5e5e5;
    position: relative;
    padding:18px 25px 10px;
    width: 100%;
    height: 100%;
}
.product_list1 li a:after{
    content:'';
    position: absolute;
    left:0;
    bottom:0;
    width: 0%;
    height: 5px;
    background-color: #1B65B1;
    transition: all 0.6s ease-out;
}
.product_list1 li a h3{
    font-size:20px;
    color: #333;
}
.product_list1 li a h4{
    font-size:15px;
    color: #333;
    font-weight: normal;    
}
.more1{
    position: absolute;
    right:25px;
    top:18px;
}
.more1 .more_img{
    width: 39px;
    height: 39px;
    position: relative;
    overflow: hidden;
}
.more1 .more_img img{
    position: absolute;
    top:0;
    left:0;
}
.product_list1 li a .img{
    text-align: center;
}
.product_list1 li a:hover:after{
    width: 100%;
    transition: all 0.6s;
}
.product_list1 li a:hover h3{
    color:#1B65B1;
}
.product_list1 li a:hover .more1 .more_img img{
    top:-39px;
}
.product_list1 li:last-child{
    background:url(../images/bg3.png) no-repeat center #666666;
}
.product_list1 li:last-child a:after{
    display: none;
}
.product_list1 li:last-child a .img img{
    transition: all 0.3s ease-out;
}
.product_list1 li:last-child a .text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    font-size:16px;
    color: #fff;
    text-align:center;    
}
.product_list1 li:last-child p{
    padding-top:10px;
}
.product_list1 li:last-child a .text:hover .img img{
    padding-left: 15px;
    transition: all 0.3s;
}
@media(max-width: 1600px){
    .index_main2 {
        padding: 80px 0;
    }
    .index_title2 h2{
        font-size:32px;
    }
    .index_title2 p{
        font-size:16px;
    }
    .product_list1 li a{
        padding:15px 20px 10px;
    }
    .product_list1 li a h3{
        font-size:18px;
    }
    .product_list1 li a h4{
        font-size:14px;
    }
}
@media(max-width: 1440px){

}
@media(max-width: 1259px){
    .index_main2 {
        padding: 60px 0;
    }
    .index_title2 h2{
        font-size:26px;
    }
    .index_title2 p{
        font-size:14px;
    }
    .sort1 {
        margin-bottom: 20px;
    }
    .sort1 li {
        margin-right: 10px;
        margin-bottom:5px;
    }
    .sort1 li a{
        font-size:15px;
        width: 140px;
    }
    .sort1 li:nth-child(1) a{
        width: 110px;
    }
    .product_list1 li a {
        padding: 10px 10px 10px;
    }
    .product_list1 li a h3 {
        font-size: 16px;
    }
    .more1{
        display: none;
    }
}
@media(max-width: 1024px){

}
@media(max-width: 768px){
    .index_main2 {
        padding: 40px 0;
    }
    .index_title2 {
        margin-bottom: 20px;
    }
    .index_title2 h2 {
        font-size: 24px;
    }
    .index_title2 p{
        margin-top:5px;
    }
    .product_list1 li {
        width: 50%;
    }
}
@media(max-width: 640px){
    .index_main2 {
        padding: 30px 0;
    }
    .index_title2 h2 {
        font-size: 20px;
    }
    .product_list1 li {
        width: 100%;
    }
    .more1{
        display: block;
        right: 10px;
    }
    .product_list1 li:last-child{
        display: none;
    }
    .sort1{
        display: none;
    }
}


.index_main3{
    background-color: #f0f0f0;
    padding:70px 0 100px;
}
.index_hyyy{
    display: flex;
    flex-wrap: wrap;
    padding-top:10px;
}
.index_hyyy li{
    width: 23.5%;
    margin-right: 2%;
}
.index_hyyy li:last-child{
    margin-right: 0;
}
.index_hyyy li a{
    display: block;
    position: relative;
    overflow: hidden;
}
.index_hyyy li a .text{
    background-color: #ffffff;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    transition: all 0.5s ease-out;
    padding:0 38px;
}
.index_hyyy li a .text h3{
    font-size:26px;
    color: #333333;
    font-weight: normal;
    padding-top:15px;
}
.index_hyyy li a .text p{
    font-size:14px;
    color: #666;    
    line-height:1.8em;
}
.index_hyyy li a .text span{
    display: block;
    margin:35px 0 0;
}
.index_hyyy li a:hover .text{
    top:0;
    transition: all 0.6s;
}
.m_hyyy{
    display: none;
}
.m_hyyy li{
    width: 49%;
    margin-right: 2%;
    margin-bottom:10px;
}
.m_hyyy li:nth-child(2n){
    margin-right: 0;
}
.m_hyyy li a{
    display: block;
}
@media(max-width: 1600px){
    .index_main3{
        padding:70px 0;
    }
    .index_hyyy li a .text{
        padding: 0 15px;
    }
    .index_hyyy li a .text .img{
        width: 80%;
        margin: 0 auto;
    }
    .index_hyyy li a .text h3{
        font-size:20px;
    }
    .index_hyyy li a .text span {
        margin: 15px 0 0;
    }
}
@media(max-width: 1440px){

}
@media(max-width: 1259px){
    .index_main3 {
        padding: 60px 0;
    }
    .index_hyyy{
        padding-top:0;
    }
    .index_hyyy li a .text span{
        display: none;
    }
}
@media(max-width: 1024px){

}
@media(max-width: 768px){
    .index_main3 {
        padding: 30px 0 20px;
    }
    .index_hyyy li{
        width: 49%;
        margin-bottom:10px;
    }
    .index_hyyy li:nth-child(2n){
        margin-right: 0;
    }
}
@media(max-width: 640px){
    .index_hyyy{
        display: none;
    }
    .index_hyyy li {
        width: 100%;
        margin-right: 0px;
    }
    .index_hyyy li a .text h3 {
        font-size: 18px;
    }
    .m_hyyy{
        display: flex;
        flex-wrap: wrap;
    }
}

#c-common-bg.c-dt {
    height: 100%;
}
#c-common-bg {
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 6.4rem;
}
.index_main4{
    background:url(../images/bg4.jpg) no-repeat center;
    background-size: cover;
    padding:120px 0 108px;
    background-attachment:fixed;
}
.index_main4 .index_title2{
    margin-bottom:70px;
}
.index_main4 .index_title2 h2{
    color: #fff;
}
.index_main4 .index_title2 p{
    color: #fff;
}
.index_main4 .swiper-container2{
    /*padding-bottom: 70px;*/
}
.index_main4 .swiper-container2 .swiper-slide{
    display: flex;
    flex-wrap: wrap;
}
.index_main4 .swiper-container2 .swiper-slide p{
    width: 9.1%;
    margin-bottom: 15px;
    float: left;
    margin-right: 1%;
}
.index_main4 .swiper-container2 .swiper-slide p:nth-child(10n){
    margin-right: 0;
}
.index_main4 .swiper-container2 .swiper-pagination{
    bottom:0;
    display: none!important;
}
.index_main4 .swiper-container2 .swiper-pagination span{
    width: 14px;
    height: 14px;
    background-color: #a4b2b5;
    border-radius: 50%;
    opacity: 1;
    margin:0 12px;
}
.index_main4 .swiper-container2 .swiper-pagination span.swiper-pagination-bullet-active{
    width: 50px;
    background-color: #eaa001;
    border-radius: 15px;
}
@media(max-width: 1600px){
    .index_main4{
        padding:80px 0;
    }
    .index_main4 .index_title2 {
        margin-bottom: 30px;
    } 
    .index_main4 .swiper-container2 .swiper-pagination span.swiper-pagination-bullet-active{
        width: 40px;
    }   
}
@media(max-width: 1440px){

}
@media(max-width: 1259px){
    .index_main4 {
        padding: 60px 0;
    }
}
@media(max-width: 1024px){

}
@media(max-width: 768px){
    .index_main4 {
        padding: 40px 0;
    }
    .index_main4 .index_title2 {
        margin-bottom: 20px;
    }
    .index_main4 .swiper-container2 {
        padding-bottom: 50px;
    }
    .index_main4 .swiper-container2 .swiper-slide p{
        width:18.4%;
        margin-right:2%;
    }
    .index_main4 .swiper-container2 .swiper-slide p:nth-child(10n){
        margin-right:2%;
    }
    .index_main4 .swiper-container2 .swiper-slide p:nth-child(5n){
        margin-right:0%;
    }
}
@media(max-width: 640px){
    .index_main4 {
        padding: 30px 0;
    }
}


.index_main5{
    padding:105px 0 90px;
    background-color: #fff;
}
.index_main5 .index_title2{
    margin-bottom:45px;
}
.index_title2 a{
    display: block;
    width: 210px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 0 15px;
    background-color: #807c7c;
    position: relative;   
    float: right; 
    margin-top:-55px;
}
.index_title2 a:before{
    content:'';
    position: absolute;
    top:50%;
    right: 20px;
    width: 10px;
    height: 9px;
    margin-top:-4.5px;
    background:url(../images/jt1.png) no-repeat center;
}

.index_title2 a:hover{
    background-color: #1B65B1;
}
.index_news{
    display: flex;
    flex-wrap: wrap;
}
.news_list1{
    width: 48%;
}
.news_list1 a{
    display: block;
    overflow: hidden;
    color: #fff;
    position: relative;
}
.news_list1 a .img{
    overflow:hidden;
}
.news_list1 a .img img{
    transition: all 0.6s ease-out;
}
.news_list1 a h3{
    position: absolute;
    width: 100%;
    padding:20px 35px;
    left:0;
    bottom:0;
    background-color: #807c7c;
    font-weight: normal;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: 99;
}
.news_list1 a h3 span{
    font-size:26px;
    display: block;
/*    float: left;
    width: 80%;*/
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_list1 a h3 em{
    font-size:20px;
    float: right;
    width: 20%;
    font-style: normal;
    text-align: right;
    display: none;
}
.news_list1 a:hover .img img{
    transform: scale(1.1);
    transition: all 0.6s;
}
.news_list1 a:hover h3{
    background-color: #eaa001;
}
.news_list2{
    width: 48%;
    margin-left: 4%;
}
.news_list2 li{
    margin-bottom:20px;
}
.news_list2 li:last-child{
    margin-bottom:0;
}
.news_list2 li a{
    padding:35px 45px;
    display: flex;
    flex-wrap: wrap;

}
.news_list2 li a .date{
    text-align:center;
    width: 65px;
}
.news_list2 li a .date span{
    display: block;
    font-size:16px;
    color: #666;
    margin-bottom: 15px;
    line-height: 1.4em;
}
.news_list2 li a .date em{
    display: block;
    font-style: normal;
    font-size:50px;
    color: #807c7c;
    line-height:1em;
}
.news_list2 li a .text{
    width: calc(100% - 65px);
    padding-left:55px;
}
.news_list2 li a .text h3{
    font-size:18px;
    margin-bottom:10px;
    color: #333;
    white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
.news_list2 li a .text p{
    font-size:14px;
    color: #999;
    line-height:1.8em;
}
.news_list2 li a:hover{
    background-color: #807c7c;
}
.news_list2 li a:hover .date span,
.news_list2 li a:hover .date em,
.news_list2 li a:hover .text h3,
.news_list2 li a:hover .text p{
    color: #fff;
}
.news_list2 li a:hover .date span{
    border-bottom: 2px solid #fff;
}
@media(max-width: 1600px){
    .index_main5 {
        padding: 80px 0;
    }
    .index_main5 .index_title2 {
        margin-bottom: 30px;
    }
    .news_list1 a h3 {
        padding: 12px 20px;
    }
    .news_list1 a h3 span{
        font-size:20px;
    }  
    .news_list1 a h3 em{
        font-size:16px;
    } 
    .news_list2 li a {
        padding: 20px 15px;
    } 
    .news_list2 li {
        margin-bottom: 10px;
    }
    .news_list2 li a .date em{
        font-size:40px;
    }
    .news_list2 li a .text h3{
        margin-bottom:6px;
    }
}
@media(max-width: 1440px){

}
@media(max-width: 1259px){
    .index_main5 {
        padding: 60px 0;
    }
    .news_list1 a h3 {
        padding: 8px 15px;
    }
    .news_list1 a h3 span{
        font-size:16px;
    }  
    .news_list1 a h3 em{
        font-size:14px;
    } 
    .news_list2 li a {
        padding: 10px 10px;
    }
    .news_list2 li a .text {
        padding-left: 30px;
    }
    .news_list2 li a .text h3{
        font-size:16px;
        margin-bottom:0px;
    }
    .news_list2 li a .date em {
        font-size: 32px;
    }
    .news_list2 li a .text p{
        line-height:1.6em;
    }
}
@media(max-width: 1024px){

}
@media(max-width: 768px){
    .index_main5 {
        padding: 30px 0;
    }
    .index_main5 .index_title2 {
        margin-bottom: 20px;
    }
    .index_title2 a{
        display: none;
    }
    .news_list1 {
        width: 100%;
    }
    .news_list2 {
        width: 100%;
        margin-left: 0%;
        margin-top:15px;
    }
}
@media(max-width: 640px){
    .news_list1 a h3 {
        padding: 8px 10px;
    }
    .news_list2 li a {
        padding: 5px;
    }
    .news_list2 li a .text {
        padding-left: 15px;
    }
    .news_list2 li a .text h3{
        font-size:15px;
        line-height:1.6em;
    }
    .news_list2 li a .date{
        padding-top:15px;
    }
}


/*foot*/
footer{
    background:url(../images/f_bg.jpg) no-repeat center;
}
footer .container{
    max-width: 1300px;
}
.foot{
    padding:110px 0 50px;
    border-bottom: 1px solid #2c2f33;
}
.f_nav{
    display: flex;
    flex-wrap: wrap;
}
.f_nav li{
    width: 18%;
}
.f_nav li:nth-child(5){
    width: 28%;
}
.f_nav li h3{
    font-size:18px;
    color: #fff;
    margin-bottom:20px;
}
.f_nav li a{
    display: block;
    font-size:14px;
    color: #747576;
}
.f_nav li a:hover{
    color: #1B65B1;
    text-decoration: underline;
}
.foot_r{
    width: 27%;
    display: none;
}
.f_code{

}
.f_contact{
    /*margin:36px 0 18px;*/
    margin:0px 0 18px;
    font-size:14px;
    color: #616365;
}
.f_share{
    display: flex;

}
.f_share a{
    display: block;
    width: 50px;
    height: 50px;
    border:1px solid #616365;
    border-radius: 50%;
    position: relative;
}
.f_share a .xs{
    width: 107px;
    height: 107px;
    position: absolute;
    top:55px;
    left:50%;
    margin-left: -60px;
    display: none;
}
.f_share a.a1:hover .xs{
    display: block;
}
.f_share a.a1{
    background:url(../images/wx.png) no-repeat center;
    position: relative;
}
.f_share a.a2{
    margin-left: 30px;
    background:url(../images/ly.png) no-repeat center;
}

.f_link{
    color:#747576;
    margin-top:30px;
}
.f_link a{
    color:#747576;
}
.f_link a:hover{
    color:#fff;
}
.copyright{
    padding:40px 0 35px;
}
.copyright_l{
    float: left;
}
.copyright_r{
    float: right;
}
@media(max-width: 1600px){
    .foot {
        padding: 60px 0 110px;
    }
    .f_contact {
        margin: 0px 0 18px;
    }  
    .copyright {
        padding: 25px 0;
    }  
}
@media(max-width: 1440px){

}
@media(max-width: 1259px){
    
}
@media(max-width: 1024px){

}
@media(max-width: 768px){
    .foot {
        padding: 40px 0;
    }
    .f_nav li{
        display: none;
    }
    .f_nav li:nth-child(5){
        width: 100%;
        display: block;
    }
    .f_nav li h3 {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .foot_r{
        width: 100%;
    }
    .f_contact {
        margin: 0px 0 0px;
    }
    .f_share{
        display: none;
    }
    .copyright_l,.copyright_r{
        float: none;
        text-align: center;
    }
}
@media(max-width: 640px){
    .foot {
        padding: 20px 0;
    }
    .copyright {
        padding: 15px 0;
    }
}







/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}
.f_none{
    display: none;
}


/*------------内页-------------------*/
.n_banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.n_banner img {
    width: 100%;
    margin: 0 auto
}
.n_banner .text1{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    color: #fff;
    font-weight: normal;
}
.sitemp {
    margin-top: -41px;
    height: 41px;
    line-height: 40px;
    background: rgba(0,0,0,.6);
    position: relative;
    z-index: 9;
    border: none;
}
.sitemp .site{
    font-size:14px;
    color: #fff;
    padding-left: 45px;
    background:url(../images/home1.png) no-repeat 18px center;
}
.sitemp .site a{
    font-size:14px;
    color: #fff;    
}
.sitemp .site a:hover{
    color: #1B65B1;
}
.container2{
    width: 100%;
    margin:0 auto;
}
.sort{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding:65px 0 5px;
}
.sort li{
    margin:5px 10px;
}
.sort li a{
    font-size: 18px;
    color: #333;
    line-height: 55px;
    height: 55px;
    padding:0 15px;
    display: block;
    position: relative;
    font-weight: 400;
}
.sort li a:before{
    position: absolute;
    top: 50%;
    height: 0;
    width: 0;
    background-color: #1B65B1;
    font-size: 0;
    overflow: hidden;
    content: '';
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: none\9;
    z-index: -1;
}
.sort li a:hover{
/*    background:#1B65B1;*/
    color: #fff;
}
.sort li a:hover:before{
    width: 100%;
    height: 100%;
}
.sort li a.on{
/*    background:#1B65B1;*/
    color: #fff;
}
.sort li a.on:before{
    width: 100%;
    height: 100%;
}
.w_83{
        width: 80%;
    margin: 0 auto;
}
#container{

}
#container img{
margin-left:20px;
}
.container3{
    width: 92%;
    max-width: 1300px;
    margin:0 auto;    
}
.conwidth {
    width: 83.33%;
    margin: auto;
    content: "";
    display: table;
}
.abnav ul {
    text-align: center;
    font-size: 0;
}
.abnav ul li:hover, .abnav ul li.on {
    background: #1E67B4;
}

.abnav ul li {
    display: inline-block;
    vertical-align: top;
    width: 16.25%;
    margin: 0 1%;
    box-shadow: 0px 1px 21px rgb(34 24 21 / 10%);
    border-radius: 10px;
    overflow: hidden;
    background: #FFFFFF;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

element.style {
}
.abnav ul li:hover a, .abnav ul li.on a {
    color: #FFFFFF;
}
.abnav ul li a {
    display: block;
    width: 100%;
    height: 100px;
    line-height: 100px;
    color: #1E67B4;
    font-size: 20px;
}
.abnav ul li:hover a img.ic1, .abnav ul li.on a img.ic1 {
    display: none;
}

.abnav ul li a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}
.abnav ul li:hover a img.ic2, .abnav ul li.on a img.ic2 {
    display: inline-block;
}

.abnav ul li a img.ic2 {
    display: none;
}
.abnav {
    margin-top: -50px;
}


/*实力*/
.strength{
	padding-top: 2%;
}

.strength .box .tabs{
	position: relative;
    max-width: 1500px;
    width: 100%;
    margin: auto;
}
.strength .box .tabs ul li{
	position: relative;
	float: left;
	width: 32.66%;
	margin-right: 1%;
}
.strength .box .tabs ul li:nth-child(3n){
	margin-right: 0;
}
.strength .box .tabs ul li a{
	height: 80px;
    background: #ddd;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    transition: .3s;
    border-radius: 10px;
}
.strength .box .tabs ul li.active a {
    background: #1E67B4;
    color: #fff;
}
.strength .box .tabs ul li.active a:after{
	content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #1E67B4;
}
.strength .tabbox{
	position: relative;
	margin: 45px auto 0px;
	max-width: 1620px;
	width: 100%;
}
.swiper-box{
	position: relative;
	max-width: 1500px;
	width: 100%;
	overflow: hidden;
	padding-bottom: 40px;
	margin: auto;
}
.swiper-box .wrap{
	width: 100%;
	overflow: hidden;
}
.swiper-box .wrap .l-wrap{
	float: left;
	width: 48.666%;
	padding-right: 10px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.swiper-box .wrap .r-wrap{
	float: right;
	width: 51.334%;
	padding-left: 10px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.swiper-box .wrap .r-wrap ul li{
	float: left;
	width: -moz-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
	margin-bottom: 20px;
	
}
.swiper-box .wrap .r-wrap ul li:nth-child(2n){
	margin-right: 0;
}
.swiper-box .wrap .item{
	position: relative;
    width: 100%;
    overflow: hidden;
}
.swiper-box .wrap .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}
.swiper-box .wrap .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}
.swiper-box .wrap .item .mask{
    position: absolute;
    left: 0;
    bottom: -95px;
    width: 100%;
    height: 95px;
    line-height: 95px;
    text-align: left;
    background: rgb(30 103 180);
    color: #fff;
    font-size: 18px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0 5.4%;
    overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.swiper-box .wrap .item.small-img .mask{
	bottom: -70px;
	height: 70px;
    line-height: 70px;
}
.swiper-box .wrap .item:hover .mask {
    bottom: 0;
}
.swiper-box .wrap .item .mask .tit{
	padding-left: 25px;
}


.strength .swiper-button-next, .strength .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -65px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.strength .swiper-button-prev, .strength .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img66.png);
    left: 0;
    right: auto;
}
.strength .swiper-button-next, .strength .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img67.png);
    right: 0;
    left: auto;
}
.strength .swiper-container-horizontal>.swiper-pagination-bullets, .strength .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}
.strength .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	background: #f2f6f9;	
	opacity: 1;
}
.strength .swiper-pagination-bullet-active {
    opacity: 1;
    background: #1E67B4;
}

@media(max-width: 1600px){
    .sort li a{
        font-size: 16px;
        line-height: 40px;
        height: 40px;
    }
    .n_banner .text1{
        font-size: 32px;
    }

}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .n_banner .text1{
        font-size: 24px;
    }  
    #container {
        padding: 30px 0;
    }  
    .container2{
        width: 96%;
        margin-top: 0!important;
    }  
}
@media(max-width: 992px){
    .sort li {
        margin: 5px 5px;
    }
    .sort li a {
        padding:0 10px;
        font-size: 15px;
    }    
}
@media(max-width: 768px){
    .sitemp .site{
        display: none;
    }
    .sort {
        float: none;
        padding: 30px 0 5px;
    }
    .sort li a {

    }
    .n_banner .text1{
        font-size: 20px;
    }
}
@media(max-width: 640px){
    .sitemp {
/*        line-height: 45px;
        height: 46px;*/
        display: none;
    }   
    .n_banner .text1{
        font-size: 18px;
    }
    .sort {
        float: none;
        padding: 20px 0 0px;
    }
    .sort li a {
        padding: 0 6px;
        height: 35px;
        line-height: 35px;
        font-size:14px;
    }
    #container {
        padding: 20px 0;
    }
}



.mobile-common-header {
  /* display: none; */
}
.mobile-common-header .nav-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 1rem;
  padding: 0 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  z-index: 998;
}
.mobile-common-header .nav-box .left {
  flex: none;
  height: 60%;
}
.mobile-common-header .nav-box .left a {
  display: block;
  height: 100%;
}
.mobile-common-header .nav-box .left a img {
  width: auto;
  height: 100%;
}
.mobile-common-header .nav-box .right {
  display: flex;
  align-items: center;
}
.mobile-common-header .nav-box .right .searchBtn {
  font-size: 20px;
  color: #333;
}
.mobile-common-header .nav-box .right .nav-button {
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-left: 0.4rem;
  text-align: center;
  z-index: 999;
  font-size: 0;
  display: block;
  background: #fff;
}
.mobile-common-header .nav-box .right .nav-button div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 28px;
  height: 16px;
}
.mobile-common-header .nav-box .right .nav-button div span {
  width: 100%;
  height: 2px;
  background-color: #333;
  display: block;
  margin: 0 auto;
  line-height: 2px;
  position: static;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.mobile-common-header .nav-box .right .nav-button div span.center-hr {
  margin: 6px auto;
  width: 80%;
  margin-left: 20%;
}
.mobile-common-header .nav-box .right .nav-button div span.top-hr {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.mobile-common-header .nav-box .right .nav-button div span.bottom-hr {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.mobile-common-header .nav-box .right .nav-button.active div span {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
}
.mobile-common-header .nav-box .right .nav-button.active div span.center-hr {
  display: none;
}
.mobile-common-header .nav-box .right .nav-button.active div span.top-hr {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.mobile-common-header .nav-box .right .nav-button.active div span.bottom-hr {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.mobile-common-header .searchContainer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-size: cover;
  background-position: center;
  animation-duration: 0.4s;
  display: none;
}
.mobile-common-header .searchContainer .box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mobile-common-header .searchContainer .box .logo-box {
  width: 40%;
  margin-bottom: 0.8rem;
  margin-top: -200px;
}
.mobile-common-header .searchContainer .box .logo-box .logo {
  width: 100%;
}
.mobile-common-header .searchContainer .box .classify {
  display: flex;
}
.mobile-common-header .searchContainer .box .classify li {
  line-height: 0.4rem;
  cursor: pointer;
  color: #666;
}
.mobile-common-header .searchContainer .box .classify li:not(:last-child) {
  margin-right: 0.3rem;
  padding-right: 0.3rem;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-common-header .searchContainer .box .classify li.active {
  color: #fff;
}
.mobile-common-header .searchContainer .box .input-box {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin-top: 0.4rem;
  font-size: 0;
}
.mobile-common-header .searchContainer .box .input-box input {
  box-sizing: border-box;
  width: 85%;
  height: 0.6rem;
  line-height: 0.6rem;
  padding: 0 0.2rem;
  border: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size: 16px;
  vertical-align: middle;
}
.mobile-common-header .searchContainer .box .input-box .button {
  width: 15%;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  background: #e50212;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
}
.mobile-common-header .searchContainer .box .close {
  position: absolute;
  bottom: 20%;
  left: 50%;
  cursor: pointer;
  width: 0.6rem;
  height: 0.6rem;
  margin-left: -0.3rem;
  transition: all 0.3s ease-out;
}
.mobile-common-header .searchContainer .box .close img {
  width: 100%;
}
.mobile-common-header .searchContainer .box .close:hover {
  transform: rotate(90deg);
}
.mobile-common-header .menuContainer {
  display: none;
  position: fixed;
  left: 0;
  top: 1rem;
  bottom: 0;
  background: #fff;
  width: 100%;
  z-index: 999999;
}
.mobile-common-header .menuContainer .menuBox {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.mobile-common-header .menuContainer ul li {
  position: relative;
  padding: 0.3rem;
  border-top: 1px solid #eee;
  cursor: pointer;
  font-size: 16px;
}
.mobile-common-header .menuContainer ul li a {
  display: block;
  color: #333;
}
.mobile-common-header .menuContainer ul li .child {
  display: none;
  margin-top: 0.3rem;
}
.mobile-common-header .menuContainer ul li .child li:last-child {
  padding-bottom: 0;
}
.mobile-common-header .menuContainer ul li::after {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  font-family: iconfont;
  content: '\e683';
}


@media(max-width: 1600px){

}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    
}
@media(max-width: 1024px){

}
@media(max-width: 768px){
    
}
@media(max-width: 640px){
    
}


/*product*/
.product_list li:last-child{
    background:none;
}
.product_list li:last-child a:after{
    display: block;
}
.product_list1 li:last-child a:hover .img img{
    padding-left: 0;
}
.header2{
    color: #333;
    background: #fff;
    border-bottom: 1px solid #eee;
    position: relative;
}
#c-header.header2 .nav li a {
    color: #333;
}
#c-header.header2 .img2 {
    display: block;
}
#c-header.header2 .head_tel {
    background: url(../images/tel1_h.png) no-repeat left center;
}
#c-header.header2 .img1 {
    display: none;
}
.product_detail{
    display: flex;
    flex-wrap: wrap;
/*    padding-top:88px;*/
    border-bottom: 1px solid #e0e0e0;
}
.product_detail_l{
    width: 50%;
    padding:55px 55px 120px 35px;
}
.product_detail_r{
    width: 50%;
    background:url(../images/p_bg1.png) no-repeat;
    background-size: cover;
}
.product_detail_r .cont{
    width: 70%;
    padding:0 0 0 10%;
    height: 100%;
 /*   text-align:center;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
}
.product_detail_r .cont h3{
    font-size:48px;
    color: #333333;
    line-height: 1.2em;
    font-weight: normal;
}
.product_detail_r .cont h3 span{
    display: block;
}
.product_detail_r .cont .text1{
    margin:25px 0 65px;
    padding:58px 0;
    border-top:2px solid #333;
    border-bottom: 1px dashed #999;
}
.product_detail_r .cont .text1 h4{
    font-size:16px;  
    font-weight: normal;  
}
.product_detail_r .cont .text1 p{
    font-size:22px;
    font-weight: bold;
}
a.more2{
    display: block;
    text-align: center;
    width: 155px;
    line-height: 52px;
    height: 52px;
    font-size:16px;
    color: #fff;
    background:#1B65B1;
}
a.more2 img{
    margin-right:10px;
}

.content2{
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    position: static;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 990;
    height: 80px;
    line-height: 80px;
}
.breadcrum{
    font-size:15px;
    color: #505050;
    padding-left: 25px;
    background:url(../images/home2.png) no-repeat left center;
    float: left;
}
.breadcrum a{
    font-size:15px;
    color: #505050;    
}
.breadcrum a:hover{
    color: #1B65B1;    
}
.content2 .tabContainer{
    float: right;
}
.content2 .tabContainer ul {
    display: flex;
/*    justify-content: flex-end;*/
}
.content2 .tabContainer ul li{
    margin-right: 85px;
}
.content2 .tabContainer ul li:last-child{
    margin-right: 0px;
}
.content2 .tabContainer ul li a {
    font-size: 22px;
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
    line-height: 77px;
}
.content2 .tabContainer ul li.active, .content2 .tabContainer ul li:hover {
    border-bottom: 3px solid #1B65B1;
}
.content2 .tabContainer ul li.active a, .content2 .tabContainer ul li:hover a {
    color: #1B65B1;
}
.content3{

}
.content3 h2{
    font-size:38px;
    color: #333;
    font-weight: normal;
    position: relative;
    line-height: 1em;
    padding:75px 0 12px;
    margin:0 auto 30px;
}
.content3 h2:after{
    content:'';
    position: absolute;
    bottom:0;
    left:0;
    width: 55px;
    height: 2px;
    background:#1B65B1;
}
.zbtd{
    background:#f5f5f5;
    padding:40px 0 80px;
}
.zbtd .container3{
/*    display: flex;
    flex-wrap: wrap;*/
}
.p_t1{
    font-size:24px;
    color: #333;
    float: left;
    line-height: 1.3em;
    margin-right: 20px;
}
.content3_text{
    float: left;
    width: 35%;
    font-size:16px;
}
.content3_text p{
    margin-bottom:10px;
}
.content3_text p:last-child{
    margin-bottom:0;
}
.content3_video{
    float: right;
    width: 50%;
    padding:7px;
    border:1px solid #e0e0e0;
}
.content3_video video{
    max-width: 100%;
}
.p_sy{
    padding:40px 0 100px;
}
.p_sy h3{
    color: #333;
    font-size:24px;
    font-weight: normal;
    line-height: 1em;
    margin-bottom:40px;
}
.p_imgs1{
    display: flex;
    flex-wrap: wrap;
}
.p_imgs1 p{
    width: 46%;
    margin-right:8%;
}
.p_imgs1 p:nth-child(2n){
    margin-right:0;
}
.content4{
    background:#fafafa;
/*    padding:0 60px;*/
}
.content4 h2{
    font-size:38px;
    color: #333;
    line-height: 1em;
    padding-bottom: 15px;
    position: relative;
    font-weight: normal;
    text-align: center;
    margin-bottom:45px;
}
.content4 h2:before{
    content:'';
    position: absolute;
    bottom: 0;
    left:50%;
    margin-left: -26px;
    width: 52px;
    height: 2px;
    background:#1B65B1;
}
.content4 .container3{
    /*background:#fff;*/
    padding:40px 0 60px;
}
.product_list2 li{
    width: 33.33333%;
}
.tjcp{
    padding:90px 0;
}
.tjcp h2{
    font-size:38px;
    color: #333;
    line-height: 1em;
    padding-bottom: 15px;
    position: relative;
    font-weight: normal;
    text-align: center;
    margin-bottom:55px;
}
.tjcp h2:before{
    content:'';
    position: absolute;
    bottom: 0;
    left:50%;
    margin-left: -26px;
    width: 52px;
    height: 2px;
    background:#1B65B1;
}
@media(max-width: 1600px){
    .product_detail_r .cont h3{
        font-size:30px;
    }
    .product_detail_r .cont .text1 {
        margin: 20px 0 40px;
        padding: 30px 0;
    }
    .product_detail_r .cont .text1 p{
        font-size:20px;
    }
    .content2 .tabContainer ul li a{
        font-size:18px;
    }
    .content3 h2,.content4 h2,.tjcp h2{
        font-size: 30px;
    }
    .content3_text{
        font-size:15px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .container3{
        width: 96%;
    }
    .product_detail_r .cont {
        width: 90%;
        padding: 0 0 0 5%;
    }
    .product_detail_r .cont h3{
        font-size:24px;
    }
    .product_detail_r .cont .text1 {
        margin: 20px 0;
        padding: 20px 0;
    }
    .product_detail_r .cont .text1 p{
        font-size:18px;
    }
    .content2{
        height: 60px;
        line-height: 60px;
    }
    .breadcrum{
        font-size:14px;
    }
    .content2 .tabContainer ul li a{
        font-size:16px;
        line-height: 56px;
    }
    .content3 h2,.content4 h2,.tjcp h2{
        font-size: 24px;
        margin-bottom:30px;
    }
    .zbtd {
        padding: 40px 0;
    }
    .content3 h2 {
        padding: 40px 0 12px;
        margin: 0 auto 20px;
    }
    .p_t1{
        font-size:20px;
    }
    .content3_text{
        font-size:14px;
        width: 40%;
    }   
    .p_sy {
        padding: 40px 0;
    }
    .p_sy h3 {
        font-size: 20px;
        margin-bottom: 30px;
    } 
    .p_imgs1 p {
        width: 48%;
        margin-right: 4%;
    }
    .content4 {

        padding: 40px 20px;
    }
    .tjcp {
        padding: 40px 0;
    }
    .content4 .container3 {
        padding: 10px 0 30px;
    }
    .content2 .tabContainer ul li {
        margin-right: 40px;
    }
}
@media(max-width: 1024px){
    .product_detail_l {
        padding: 30px;
    }
    .product_detail_r .cont h3 {
        font-size: 20px;
    }
}
@media(max-width: 768px){
    .product_detail_l,.product_detail_r{
        width: 100%;
    }
    .product_detail_l{
        padding:0;
    }
    .product_detail_r{
        padding:15px;
    }
    .product_detail_r .cont {
        width: 100%;
        padding: 0;
    }
    .content3 h2, .content4 h2, .tjcp h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .content3 h2 {
        padding: 30px 0 12px;
        margin: 0 auto 20px;
    }
    .zbtd {
        padding: 25px 0;
    }
    .p_t1 {
        font-size: 18px;
        width: 100%;
        float: none;
    }
    .content3_text {
        font-size: 15px;
        width: 100%;
        float: none;
    }
    .content3_text p {
        margin-bottom: 0px;
    }
    .content3_video{
        width: 100%;
        float: none;
        text-align: center;
        margin-top:15px;
    }
    .breadcrum{
        display: none;
    }
    .content2 .tabContainer {
        float: none;
    }
    .product_list2 li{
        width: 50%;
    }
}
@media(max-width: 640px){
    .product_detail_r .cont h3 {
        font-size: 17px;
    } 
    .product_detail_r .cont .text1 {
        margin: 15px 0;
        padding: 15px 0;
    } 
    .product_detail_r .cont .text1 p {
        font-size: 16px;
    }
    a.more2{
        width: 130px;
        line-height: 46px;
        height: 46px;
        font-size: 15px;
    }
    .p_sy {
        padding: 20px 0;
    }
    .p_sy h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .content4 {
        padding: 25px 0px;
    }
    .content4 .container3 {
        padding: 10px 0;
    }
    .product_list2 li{
        width: 100%;
    }

}

.pd_banner{
    
}
.pd_banner .swiper-slide{
    text-align: center;
}
.pro_de1{
    padding:50px 0;
}
.pro_de1_l{
    float: left;
    width: 40%;
}
.pro_de1_l h1{
    font-size: 24px;
    color: #333;
    /*margin-bottom: 10px;*/
}
.pro_de1_l .tx{
    padding:10px 0 25px;
    border-top:1px solid #e5e5e5;
    font-size: 16px;
}
.pro_de1_l .t_a{
    display: flex;
}
.pro_de1_l .t_a a{
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    background: #e3e3e3;
    color: #333;
    font-size: 16px;
    margin-right: 10px;
}
.pro_de1_l .t_a a:hover{
    background: #1B65B1;
    color: #fff;
}
.pro_de1_r{
    float: right;
    width: 58%; 
    display: flex;
    flex-wrap: wrap;
}
.pro_de1_r p{
    width: 50%;
}
.pro_td{
    padding:50px 0;
}
.pro_td h3{
    font-size: 24px;
    color: #333;
}
#content4 h3{
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}
#content4 table{
    width: 100%;
    max-width: 100%;
    padding:0 30px;
    margin:0 auto;
}
#content4 table tr{
    border:1px solid #ccc;
    border-bottom:none;
    border-right:none;    
}
#content4 table tr:nth-child(1){
    font-weight: 700;
    background:#ccc;
}
#content4 table tr:nth-child(1) td{
    color: #333;
}
#content4 table tr:nth-child(1) td span{
    color: #333!important;
}
#content4 table td{
    border:1px solid #ccc;
    border-top:none;
    border-left:none;
    padding:3px 10px;
    color: #333;
}
@media(max-width:1600px){
    
}
@media(max-width:1440px){
    
}
@media(max-width:1259px){
    
}
@media(max-width:1024px){
    
}
@media(max-width:768px){
    .pro_de1 {
        padding: 30px 0;
    }
    .pro_de1_l,.pro_de1_r{
        float: none;
        width: 100%;
    }
    .pro_de1_r{
        margin-top:15px;
    }
    .pro_de1_l .tx {
        padding: 10px 0;
        font-size: 15px;
    }
    .pro_de1_l .t_a a {
        width: 100px;
        height: 32px;
        line-height: 32px;
        font-size: 15px;
        margin-right: 10px;
    }
    .pro_td {
        padding: 0px 0 20px;
    }
}
@media(max-width:640px){
    .pro_de1 {
        padding: 20px 0;
    }
    .pro_de1_l h1,.pro_td h3,#content4 h3{
        font-size:20px;
    }
    .pro_de1_r p{
        width: 100%;
    }
}


/*about*/
.yy1_1{
    margin-top:60px;
    display: flex;
    flex-wrap: wrap;
}
.yy1_1_img{
    width: 50%;
    background: #fafafa;
}
.yy1_1_text{
    background:url(../images/bj1.jpg) no-repeat;
    background-size:cover;
    width: 50%;
}
.yy1_1_text .text{
    width: 85%;
    padding-left: 15%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
}
.yy1_1_text h3{
    font-size:48px;
    color: #333;
    font-weight: normal;
    line-height: 1em;
    position: relative;
    margin-bottom:40px;
    padding-bottom: 20px;
}
.yy1_1_text h3:before{
    content:'';
    position: absolute;
    left:0;
    bottom:0;
    width: 52px;
    height: 2px;
    background:#1B65B1;
}
.yy1_1_text p{
    font-size:16px;
    color:#333;
}
.yy1_2{
    height: 700px;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;   
}
.yy1_2 li{
    width: 8%;
    height: 100%;
    transition: all 0.6s ease-out;
    color: #fff;
    position: relative;
}
.yy1_2 li:before{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 1;
}
.yy1_2 li .img{
    display: none;
}
.yy1_2 li .text{
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    max-width: 540px;
    padding:0 60px;
    background-color: rgba(244,172,16,.9);
    z-index: -1;
/*    transition: all 0.6s ease-out;*/
}
.yy1_2 li .text h3{
    font-size:36px;
    line-height: 1em;
    padding-top:28px;
    position: relative;
}
.yy1_2 li .text h3:before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width: 45px;
    height: 3px;
    background:#fff;
}
.yy1_2 li .text p{
    font-size:16px;
    margin:30px 0 115px;
}
.yy1_2 li .cont{
/*    display: flex;
    flex-wrap: wrap;*/
    padding-top: 48px;
    border-top:3px solid #fff;
}
.yy1_2 li .cont .cont1{
    font-size:20px;
    float: left
}
.yy1_2 li .cont a{
    display: block;
    width: 150px;
    line-height: 50px;
    height: 50px;
    background:#fff;
    border-radius: 25px;
    font-size:14px;
    color: #666666;
    text-align: center;
    float: right;
}
.jia1{
    display: block;
    width: 36px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    border:1px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin:-18px 0 0 -18px;
    z-index: 9;
    font-size:24px;
}
.yy1_2 li.on{
    width: 84%;
    transition: all 1s;
}
.yy1_2 li.on:before{
    opacity:0;
}
.yy1_2 li.on .text{
    z-index: 9;
    transition: all 0.6s
}
.yy1_2 li.on .jia1{
    display: none;
}
.yy1_3{
        padding: 0 0 10px;
    background-color: #fff;
}
.title2{
    font-size: 36px;
    color: #333;
    line-height: 1em;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
    margin-bottom: 55px;
    font-weight: 700;
}
.title2:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -26px;
    width: 52px;
    height: 2px;
    background: #1B65B1;    
}
.hy_video{
    display: flex;
    flex-wrap: wrap;
}
.hy_video p{
    width: 32%;
    /*overflow: hidden;*/
}
.hy_video p video{
    object-fit: fill;
    max-width: 100%;
    display: block;
}
.hy_video p:nth-child(1){
    width: 66%;
    margin-right: 2%;
}
.hy_video p:nth-child(2) img,.hy_video p:nth-child(2) video{
    display: block;
    margin-bottom: 26px;
}
.hy_video p img:last-child,.hy_video p video:last-child{
    margin-bottom:0;
}
.index_main4 .title2{
    color: #fff;
    margin-bottom:70px;
}
.index_bottom{
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    padding: 80px 180px 107px;
    display: none;
}
.index_bottom h3{
    display: flex;
    justify-content: center;
}
.index_bottom h3 span{
    font-size:32px;
    color: #474747;
    line-height: 40px;
    display: inline-block;
    padding-right: 435px;
    position: relative;
}
.index_bottom h3 span:before{
    content: '';
    position: absolute;
    right: 20px;
    border-top: 1px dashed #999;
    width: 370px;
    top: 50%;
}
.index_bottom h3 a{
    display: inline-block;
    width: 190px;
    height: 40px;
    line-height: 40px;
    font-size:14px;
    color: #fff;
    text-align:center;
    background:#666666;
    border-radius: 25px;
    font-weight: normal;
}
.index_bottom h3 a:hover{
    background:#1B65B1;
}
.index_bottom .cont{
    display: flex;
    margin-top:45px;
}
.index_bottom .cont .img{
    width: 368px;
    background:url(../images/bottom.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
.b_tel{
    position: absolute;
    width: 79px;
    height: 79px;
    border:12px solid #1B65B1;
    top:50%;
    margin-top:-39.5px;
    right:-40px;
    border-radius: 50%;
    background:url(../images/tel2.png) no-repeat center #fff;
    box-shadow: 0px 0px 5px #999;
}
.index_bottom .cont .text{
    width: calc(100% - 368px);
    color: #fff;
    background:#1B65B1;
    padding:40px 0 35px 6%;
    float: right;
}
.index_bottom .cont .text p{
    font-size:16px;
}
.index_bottom .cont .text p strong{
    font-size:36px;
    line-height: 1.4em;
    font-weight: normal;
}
.index_bottom .cont .text p:nth-child(1){
    font-size:26px;
}


.hy_scx{
  
}
.swiper-container3{
    
}
.swiper-container3 .swiper-slide{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.swiper-container3 .swiper-slide .img{
    width: 50%;
}
.swiper-container3 .swiper-slide .text{
    width: 50%;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    padding:0 5% 0 15%;
}   
.swiper-container3 .swiper-slide .text h3{
    font-size: 24px;
    color: #333;
}
.swiper-container3 .swiper-slide .text p{
    font-size: 16px;
    color: #666;   
    padding:10px 0 20px;
}
.swiper-container3 .swiper-slide .text a{
    display: block;
    width: 120px;
    line-height: 40px;
    font-size: 16px;
    color: #666;
    border:1px solid #999;
    border-radius: 5px;
    text-align: center;
}
.swiper-container3 .swiper-slide .text a:hover{
    background: #1B65B1;
    color: #fff;
    border:1px solid #1B65B1;
}
.swiper-next3,.swiper-prev3{
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 40px;
    height: 44px;
    font-size: 24px;
    color: #333;
    z-index: 99;
    cursor: pointer;
    outline: none;
}
.swiper-next3{
    left: 50%;  
    background: url(../images/left1.png) no-repeat #999 center;
    transform: rotate(-180deg);
}
.swiper-next3:hover{
    background: url(../images/left1.png) no-repeat #1B65B1 center;    
}
.swiper-prev3{
    left: 50%;  
    background: url(../images/left1.png) no-repeat #999 center;
    margin-left: -40px;
}
.swiper-prev3:hover{
    background: url(../images/left1.png) no-repeat #1B65B1 center;    
}
@media(max-width: 1600px){
    .yy1_1 {
        margin-top: 40px;
    }
    .yy1_1_img {
        padding: 80px 5%;
    }
    .yy1_1_text .text {
        width: 90%;
        padding-left: 10%;
    }
    .yy1_1_text h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .yy1_1_text p{
        font-size:15px;
    }
    .yy1_2 li .text h3 {
        font-size: 28px;
        padding-top: 22px;
    }
    .yy1_2 li .text p {
        font-size: 15px;
        margin: 30px 0;
    }
    .yy1_2 li .cont {
        padding-top: 30px;
    }
    .yy1_2 li .cont .cont1{
        font-size:16px;
    }
    .yy1_2 li .cont a{
        width: 120px;
        line-height: 46px;
        height: 46px;
    }
    .yy1_3 {
        padding: 60px 0;
    }
    .title2{
        font-size:30px;
        margin-bottom: 50px;
    }
    /*.hy_video p:nth-child(1) {*/
    /*    width: 63%;*/
    /*    margin-right: 2%;*/
    /*}*/
    /*.hy_video p:nth-child(2) img {*/
    /*    margin-bottom: 15px;*/
    /*}*/
    .index_bottom{
        padding:70px 0;
    }
    .index_bottom h3 span {
        font-size: 26px;
        padding-right: 350px;
    }
    .index_bottom h3 span:before {
        width: 300px;
    }
    .index_bottom .cont .text{
        padding: 30px 0 30px 6%;
    }
    .index_bottom .cont .text p:nth-child(1) {
        font-size: 22px;
    }
    .index_bottom .cont .text p strong {
        font-size: 30px;
    }
}
@media(max-width: 1440px){
    .hy_video p:nth-child(2) img, .hy_video p:nth-child(2) video {
    display: block;
    margin-bottom: 20px;
}
    .yy1_2{
        height:600px;
    }
    .index_main4 .title2{
        margin-bottom:40px;
    }
}
@media(max-width: 1259px){
    .yy1_1_img {
        padding: 60px 3%;
    }
    .yy1_1_text .text {
        width: 100%;
        padding: 0 6%;
    }
    .yy1_1_text h3 {
        font-size: 24px;
        margin-bottom: 20px;
    } 
    .yy1_2{
        height:500px;
    }
    .yy1_2 li .text h3{
        font-size:24px;
    } 
    .yy1_3{
        padding:50px 0;
    }

    .index_main4 .title2{
        margin-bottom:30px;
    }
    .index_bottom {
        padding: 50px 0;
    }
    .index_bottom h3 span {
        font-size: 22px;
        padding-right: 260px;
    }  
    .index_bottom h3 span:before {
        width: 200px;
    }
    .index_bottom h3 a{
        width: 120px;
    }
    .index_bottom .cont{
        margin-top:30px;
    }
    .index_bottom .cont .text p:nth-child(1) {
        font-size: 20px;
    }
    .index_bottom .cont .text p strong {
        font-size: 24px;
    }
}
@media(max-width: 1024px){
    .yy1_1_text h3 {
        font-size: 20px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }    
    .yy1_1_text p{
        font-size:14px;
    }
    .index_bottom{
        width: 96%;
    }
    .title2 {
        font-size: 24px;
        margin-bottom: 30px;
    }
}
@media(max-width: 768px){
    .yy1_2 {
        height: 400px;
    }
    .yy1_2 li .text{
        max-width: 420px;
        padding: 0 30px;
    }
    .yy1_2 li .text h3 {
        font-size: 20px;
    }
    .yy1_2 li .text p {
        margin: 20px 0;
    }
    .yy1_3 {
        padding: 40px 0;
    }
    .index_bottom {
        padding: 30px 0;
    }
    .index_bottom h3 span {
        font-size: 20px;
        padding-right: 150px;
    }  
    .index_bottom h3 span:before {
        width: 100px;
    }
    .index_bottom .cont {
        margin-top: 20px;
    }
    .index_bottom .cont .text {
        padding: 20px 0 20px 6%;
    }
    .index_bottom .cont .text p:nth-child(1) {
        font-size: 16px;
    }
    .index_bottom .cont .text p strong{
        display: block;
        font-size:20px;
    }
}
@media(max-width: 640px){
    .yy1_1 {
        margin-top: 20px;
    }
    .yy1_1_img,.yy1_1_text{
        width: 100%;
    }
    .yy1_1_img {
        padding: 20px 2%;
    }
    .yy1_1_text{
        padding:15px 2%;
    }
    .yy1_1_text .text{
        padding:0;
    }
    .yy1_1_text h3 {
        font-size: 18px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .yy1_2 {
        height: 360px;
    }
    .yy1_2 li{
        width: 15%;
    }
    .yy1_2 li .text {
        max-width: 100%;
        padding: 0 10px;
        width: 100%;
    }
    .yy1_2 li .text h3 {
        font-size: 17px;
        padding-top: 16px;
    }
    .yy1_2 li .text p {
        margin: 15px 0;
        line-height: 1.6em;
        font-size:14px;
    }
    .yy1_2 li .cont {
        padding-top: 10px;
    }
    .yy1_2 li .cont .cont1 {
        font-size: 15px;
        float: none;
    }
    .yy1_2 li .cont a {
        width: 90px;
        line-height: 35px;
        height: 35px;
        float: none;
        margin-top:5px;
    }
    .jia1 {
        width: 30px;
        height: 30px;
        line-height: 28px;
        margin: -15px 0 0 -15px;
        font-size: 22px;
    }
    .yy1_2 li.on{
        width: 70%;
        transition: all 0s;
    }
    .yy1_2 li:hover{
        transition: all 0s;
        width: 70%;
    }
    .title2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .yy1_3 {
        padding: 25px 0;
        margin-left: 0%!important;
    }
    .index_bottom h3{
        display: none;
    }
    .hy_video p{
        width: 100%;
    }
    .hy_video p:nth-child(1) {
        width: 100%;
        margin-right: 0%;
        margin-bottom:10px;
    }
    .hy_video p:nth-child(2) img {
        margin-bottom: 10px;
    }
    .index_bottom .cont .img{
        width: 25px;
        background:none;
    }
    .b_tel {
        position: absolute;
        width: 50px;
        height: 50px;
        border: 6px solid #1B65B1;
        margin-top: -25px;
        right: -25px;
    }
    .index_bottom {
        padding: 20px 0 ;
    }
    .index_bottom .cont {
        margin-top: 0px;
    }
    .index_bottom .cont .text {
        padding: 10px 10px 10px 10%;
        width: calc(100% - 25px);
    }
    .index_bottom .cont .text p {
        font-size: 15px;
        line-height: 1.6em;
    }
    .index_bottom .cont .text p:nth-child(1) {
        font-size: 15px;
    }
    .index_bottom .cont .text p strong {
        font-size: 18px;
    }
    .swiper-container3 .swiper-slide .img img{height:185px!important;}
}


.itemBox{
    overflow: hidden;
}
.itemBox .item{
    width: 32.3%;
    float: left;
   
}
.itemBox .item.on {
    width: 565px;
   
}
.itemBox .item .video_click{
    display: block;
    height: 275px;
    background-repeat: no-repeat;
    background-position: center center;
}
.itemBox .item .video_click:after{
    background: url("../images/videoClick.png") no-repeat center center;
    -webkit-background-size: 66px;
    background-size: 66px;
}
.itemBox .item .text{
    margin-top: 20px;
    padding-right: 0;
    position: relative;
}
.itemBox .item.on .text{
    padding-right: 130px;
}
.itemBox .item .text h3{
    background: none;
}
.itemBox .item.on .text h3{
    background: url("../images/dairyVideoBj.png") no-repeat right center;
}
.itemBox .item .text h3 span{
    font-size: 22px;
    color: #454545;
    font-weight: 700;
    padding-right: 5px;
    background: #ffffff;
}
.itemBox .item .text .a{
    position: absolute;
    right: 0;
    top: 5px;
    width: 130px;
    padding-left: 10px;
    text-align: left;
    display: none;
}
.itemBox .item.on .text .a{
    display: block;
}
.itemBox .item .text .a a{
    font-size: 16px;
    color: #505050;
    border-bottom: 1px solid transparent;
}
.itemBox .item .text .a a:hover{
    border-bottom-color: #505050;
}
/*video click*/
.video_click {
    position: relative;
    display: block;
    line-height: 0;
    overflow: hidden;
}

.video_click:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/videoclick.png") no-repeat center;
}

.cboxOverlay {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}

.colorbox {
    position: fixed;
    width: 90%;
    height: 80%;
    top: 10%;
    left: 5%;
    background: #ffffff;
    z-index: 10001;
    display: none;
}

.colse_click {
    position: absolute;
    top: -30px;
    right: 0;
    width: 25px;
    height: 25px;
    background: url("../images/closeVideo.png") no-repeat center;
    cursor: pointer;
}

.colorbox iframe {
    width: 100%;
    height: 100%;
}

.product_list_intro{
    text-align: center;
    padding: 30px 0;
}
.product_list_intro h3{
    font-size: 26px;
    color: #333333;
}
.product_list_intro p{
    max-width: 490px;
    margin:25px auto 10px;
    overflow: hidden;
    border:1px solid #1B65B1;
    border-radius: 5px;
}
.product_list_intro p span{
    font-size: 26px;
    color: #333;
    padding-left: 36px;
    background: url(../images/tel1_h.png) no-repeat 0 center;
    margin-left: 40px;
    line-height: 50px;
    float: left;
}
.product_list_intro p a{
    max-width: 180px;
    background: #1B65B1;
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 100%;
    line-height: 51px;
    float: right;
}
.product_list_intro em{
    display: block;
    font-style:normal;
    font-size: 14px;
    color: #999;
}
.product_list_intro em a{
    font-size: 14px;
    color: #999;    
}
@media(max-width:1600px){
    .itemBox .item{
        width:215px;
    }
}
@media(max-width:1440px){
    
}
@media(max-width:1360px){
    .itemBox .item.on{
        width:470px;
    }
}
@media(max-width:1259px){
    .swiper-container3 .swiper-slide .text {
        padding: 0 5% 0 3%;
    }
    .swiper-container3 .swiper-slide .text h3{
        font-size:20px;
    }
    .swiper-container3 .swiper-slide .text p{
        font-size:14px;
        padding:0;
    }
    .swiper-container3 .swiper-slide .text a {
        width: 100px;
        line-height: 34px;
        font-size: 14px;
        margin-top:10px;
    }
    .itemBox .item,.itemBox .item.on{
        width:50%;
    }
}
@media(max-width:1024px){
    .itemBox .item.on .text h3 span{
        font-size:20px;
    }    
}
@media (max-width: 992px){
    .swiper-container3 .swiper-slide{
        flex-direction:row;
    }
    .swiper-container3 .swiper-slide .img,.swiper-container3 .swiper-slide .text{
        width:100%;
    }
    .swiper-container3 .swiper-slide .text {
        padding: 20px 3%;
    }
    .itemBox .item {
        width: 100%;
        margin: 0 auto 20px;
        float: none;
        max-width:565px;
    }  
    .itemBox .item.on {
        width: 100%;
        margin: 0 auto 20px;
        float: none;
        max-width:565px;
    } 
    .product_list_intro{
        padding-top: 20px;
    }
    .product_list_intro h3{
        font-size: 20px;
    }
    .product_list_intro p{
        margin: 15px auto 10px;
    }
}

@media(max-width:768px){
    .itemBox .item.on .text h3 span,.itemBox .item .text h3 span{
        font-size:18px;
    }   
    .video_click:after{
        background-size: 50px;
    }
}
@media(max-width:640px){
    .hy_scx {
        padding: 30px 0 20px;
    }
    .swiper-container3 .swiper-slide .text h3 {
        font-size: 18px;
    }
    .swiper-next3, .swiper-prev3{
        top:20%;
    }
    .swiper-prev3 {
        left: 0%;
        margin-left: 10px;
    }
    .swiper-next3 {
        left: calc(100% - 50px);
    }
    .itemBox .item.on .text h3{
        background:none!important;
        
    }
    .itemBox .item .text .a{
        opacity:0;
        display:none;
    }
    .product_list_intro{
        display: none;
    }
    .product_list_intro h3{
        font-size: 16px;
    }
}


/*about*/
.about1{
    padding:30px 0 105px;
}
.about1 .container2{
    
}
.about1_l{
    width: 50%;
    float: left;
}
.about1_l h3{
    font-size:42px;
    color: #262626;
/*    line-height: 1em;*/
}
.about1_l h4{
    font-size:26px;
    color: #262626;
    line-height: 1.6em;
    margin-bottom:25px;
}
.about1_l p{
    font-size:16px;
}
.about1_l p:last-child{
    margin-bottom:0;
}
.about1_r{
    width: 45%;
    float: right;
    font-size:28px;
    margin-left: 5%;
}
.about1_r p{
    line-height: 1.6em;
}
.about1_r p img{
    margin-bottom:25px;
}
.pz_list{

}
.pz_list li{
/*    width: calc(100% / 3);*/
    width: 25%;
    overflow: hidden;
    position: relative;
    float: left;
}
.pz_list li .imgs{
    overflow: hidden;
}
.pz_list li .imgs .pz_list_bg{
        height: 358px;
    width: 100%;
}
.pz_list li .text{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}
.pz_list li .text .img{
    position: relative;
    margin-bottom: 20px;
    width: 78px;
    height: 70px;
}

.pz_list li .text h3{
    margin-bottom: 10px;
    font-size: 32px;
    line-height:1em;
    font-weight: normal;
}
.pz_list li .text p{
    font-size: 18px;
    text-align: justify;
    text-justify: distribute-all-lines;
}
.pz_list li:hover .pz_list_bg{
    transition: all 0.3s;
    transform: scale(1.1);
}
.pz_list li:hover .text .img img{
    transition: all 0.3s;
    top:5px;
}@media screen and (orientation: portrait){
    .gshj_list{
    display: flex;
    flex-wrap: wrap;
}
}

.gshj_list li{
    width: 32%;
    margin-right: 2%;
    margin-bottom:60px;
}
.gshj_list li:nth-child(3n){
    margin-right: 0;
}
.gshj_list li a{
    display: block;
}
.gshj_list li .img{
    overflow: hidden;
}
.gshj_list li .img img{
    transition: all 0.6s ease-out;
}
.gshj_list li h3{
    font-size:22px;
    padding:10px;
    border-bottom: 5px solid #807c7c;
}
.gshj_list li:hover .img img{
    transition: all 0.6s;
    transform: scale(1.1);
}
.gshj_list li:hover h3{
    color: #1B65B1;
    border-color: #1B65B1;
}
.title3{
    text-align: center;
    padding:20px 0 45px;
}
.title3 h3{
    font-size:36px;
    color: #1B65B1;
    font-weight: normal;
    line-height: 1em;
}
.title3 p{
    font-size:20px;
    color: #666666;
    text-transform: uppercase;
}
#certify {
    
    position: relative;
        width: 84%;
    margin: 0 auto;
    margin-top: 80px;

}
#certify .swiper-container {
    padding-bottom: 25px;
}
#certify  .swiper-slide {
    width: 520px;
    height: 360px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
    text-align: center;
    padding-top: 15px;
}
#certify  .swiper-slide img{
    display:block;
    margin:0 auto;
    width: 47%;
    height: 280px;
}
#certify  .swiper-slide p {
    line-height: 60px;
    font-size: 18px;
    text-align: center;
    margin: 0;
}
#certify {
   padding-bottom: 25px;
    margin-top: 100px;
    margin-bottom: 40px;
}
#certify .swiper-pagination {
    width: 100%;
    bottom: 0px;
}
.gshj_list{margin-top:50px!important;}
.gshj_list img{width:100%;height:auto;}

#certify .swiper-pagination-bullets .swiper-pagination-bullet { 
    margin: 0 5px; 
    position: relative;
    border:none; 
    background-color: #ccc;
    width: 10px;  
    height: 10px;
    opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet::before{ 
    position:absolute; 
    content: ''; 
    display: block; 
    width: 0; 
    height: 0; 
    border-radius: 50%; 
    font-size: 0; 
    overflow: hidden; 
    left:50%; top:50%; 
    -webkit-transform: translateX(-50%) translateY(-50%); 
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .3s;
    -moz-transition: .3s;transition: .3s; 
    background-color: #1B65B1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active::before{
    width:100%; 
    height: 100%;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border:none; 
    background-color: transparent; 
    background-color: #1B65B1\9;
    *background-color: #1B65B1;
}
#certify .swiper-button-prev {
    left: -0px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    margin-top:-55px;
    outline: none;
}
#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}
#certify .swiper-button-next {
    right: -0px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
    margin-top:-55px;
    outline: none;
}
#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}

.hz1{
    padding:45px 0 80px;
}
.hz2{
    background:#fafafa;
}
.hz_list{
    display: flex;
    flex-wrap: wrap;
}
.hz_list li{
    padding:10px;
    border:1px solid #f1f1f1;
    width: 18.4%;
    margin-right: 2%;
    margin-bottom:20px;
}
.hz_list li:nth-child(5n){
    margin-right:0;
}


.swiper-div{
    margin-top:1.75rem;
    position:relative;
    padding:0 2.25rem;
}
.swiper-div .deve-swiper{
    position:relative;
    overflow:hidden;
    width:calc(100% - 0.75rem);
    padding-left:0.75rem;
}
.swiper-div .deve-swiper .swiper-slide{
    width:38%;
}
.swiper-div .deve-swiper .swiper-slide .item-div{
    position:relative;
    height:14rem;
}
.swiper-div .deve-swiper .div-litem{
    position:relative;
    height:6rem;
    overflow: hidden;
}

.swiper-div .deve-swiper .div-litem .yeaer{
    position:absolute;
    bottom:-0.65rem;
    font-size:0.4rem;
    color:#000;
    line-height:0.4rem;
    transform:translateX(-50%);
}
.swiper-div .deve-swiper .div-litem.cur .yeaer{
    bottom:-1.75rem;
}
.swiper-div .deve-swiper .div-litem.cur .yeaer:after{
    position:absolute;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:#dd6c47;
    content:"";
    top: -0.15rem;
    left: 50%;
}
.swiper-div .deve-swiper .dic2 .yeaer{
    position:absolute;
    top:-1.75rem;
    font-size:0.4rem;
    color:#000;
    line-height:0.4rem;
    transform:translateX(-50%);
}
.swiper-div .deve-swiper .left{
    float:left;
    padding-left:0.5rem;
    border-left:1px solid #e5e5e5;
    min-height:6rem;
}
.swiper-div .deve-swiper .left img{
    width:100%;
}
.swiper-div .deve-swiper .right{
    padding:0 4%;
    float:left;
    width:41.3%;
}
.swiper-div .deve-swiper .right .name{
    font-size:0.75rem;
    color:#000;
    line-height:0.8rem;
    transition:all 0.3s;
}
.swiper-div .deve-swiper .right .name-p{
    font-size:0.4rem;
    margin-top:0.5rem;
    color:#666;
    line-height:0.6rem;
}

.swiper-div .deve-swiper .swiper-slide .item-div .dic2{
    position:absolute;
    bottom: 0;
    left:50%;
    width:100%;
}
.swiper-div .deve-swiper .swiper-slide .item-div .dic2 .left{
    line-height:6rem;
}
.swiper-div .deve-swiper .swiper-slide .item-div .dic2 .right{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.swiper-div .deve-swiper .deve-page{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    height:11px;
    background-color:transparent;
    background-image:url(../images/xiandian.png)
}
.swiper-div .deve-swiper .deve-page .swiper-scrollbar-drag{
    background: transparent;
}
.swiper-div .deve-button-prev,.swiper-div .deve-button-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1.5rem;
    height:1.5rem;
    background-color:#f5f5f5;
    background-repeat:no-repeat;
    background-position:center;
    background-size:8px;
    transition:all 0.3s;
    cursor:pointer;
}
.swiper-div .deve-button-prev{
    left:0;
    background-image:url(../images/prev2.png)
}
.swiper-div .deve-button-prev:hover {
    background-color: #1B65B1;
    background-image: url(../images/prev1.png);
}
.swiper-div .deve-button-next{
    right:0;
    background-image:url(../images/next2.png)
}
.swiper-div .deve-button-next:hover {
    background-color: #1B65B1;
    background-image: url(../images/next1.png);
}
.pho-swipertdiv{
    display:none;
    margin-top:0.3rem;
}
.pho-swipertdiv .yearli{
    font-size:0;
    text-align:center;
}
.pho-swipertdiv .yearli li{
    display:inline-block;
    font-size:15px;
    color:#000000;
    margin: 0 0.4rem;
    border-bottom:1px solid #000000;
    padding-bottom:0;
}
.pho-swipertdiv .yearli li.cur{
    color:#dd6c47;
    border-bottom:1px solid #dd6c47;
}
.pho-swipertdiv .ajax-yearlu{
    margin-top:0.5rem;
}
.pho-swipertdiv .ajax-yearlu ul{
    display: none;
    margin-top:15px;
}
.pho-swipertdiv .ajax-yearlu li{
    padding-bottom:12px;
    margin-bottom:12px;
    border-bottom:1px solid #e5e5e5;
}
.pho-swipertdiv .ajax-yearlu li .img{
    float:left;
    width:45%;
    overflow: hidden;
}
.pho-swipertdiv .ajax-yearlu li .img img{
    width:100%;
}
.pho-swipertdiv .ajax-yearlu li .img-right{
    float:right;
    width:50%;
}
.pho-swipertdiv .ajax-yearlu li .img-right .nam{
    font-size:15px;
    line-height:2em;
    color: #333;
}
.pho-swipertdiv .ajax-yearlu li .img-right .nam-p{
    font-size:14px;
    line-height:1.6em;
    color:#666666;
/*    margin-top:5px;*/
}
@media(max-width: 1600px){
    .about1_l h3{
        font-size:30px;
    }
    .about1_l h4 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .about1_l p {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .about1_r{
        font-size:24px;
    }
    .pz_list li .text .img{
        margin-bottom: 25px;
    }
    .pz_list li .text h3 {
        font-size: 26px;
    }
    .pz_list li .text p{
        font-size: 16px;
    }
    .title3 {
        padding: 20px 0;
    }
    .title3 h3{
        font-size:26px;
    }
    .title3 p {
        font-size: 17px;
    }
    .hz1 {
        padding: 45px 0;
    }
    .hz_list li {
        padding: 6px;
        margin-bottom: 15px;
    }
}
@media(max-width: 1440px){
    .gshj_list li{
        margin-bottom: 30px;
    }
    .gshj_list li h3{
        font-size:20px;
        border-bottom: 3px solid #807c7c;
    }
}
@media(max-width: 1259px){
    .about1_l{
        width: 60%;
    }
    .about1_l h3{
        font-size:24px;
    }
    .about1_l h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .about1_l p {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .about1_r{
        font-size:20px;
    }
    .gshj_list li{
        margin-bottom: 20px;
    }
    .gshj_list li h3{
        font-size:18px;
        border-bottom: 2px solid #807c7c;
    }
    .pz_list li .text h3 {
        font-size: 24px;
    } 
    .title3 h3{
        font-size:24px;
    }
    .title3 p {
        font-size: 16px;
    } 
    .hz_list li {
        padding: 5px;
        margin-bottom: 10px;
        width: 23.5%;
    } 
    .hz_list li:nth-child(5n) {
        margin-right: 2%;
    }
    .hz_list li:nth-child(4n) {
        margin-right: 0;
    } 
}
@media(max-width: 1024px){
    .hz1 {
        padding: 30px 0;
    }
    .pz_list li .text h3 {
        font-size: 22px;
    }
}
@media(max-width: 768px){
    .about1 {
        padding: 0px 0 100px;
    }
    .about1_l,.about1_r{
        width: 100%;
        float: none;
    }
    .about1_l h3{
        font-size:20px;
    }
    .about1_l h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .about1_r{
        font-size:18px;
        margin-top:15px;
        text-align: center;
        margin-left: 0;
    }
    .about1_r p img {
        margin-bottom: 0;
        height: auto;
        width: 100%;
    }
    .gshj_list li h3{
        font-size:16px;
    }
    .pz_list li .text h3 {
        font-size: 24px;
    } 
    .pz_list li .text{
        padding:0 10px;
    }
    .pz_list li .text .img{
        width: 50px;
        height: 60px;
        margin-bottom: 10px;
    }
    .pz_list li .text .img img{
        max-width: 50px;
    }
    .pz_list li .text h3 {
        font-size: 20px;
    }
    .pz_list li .text p {
        font-size: 14px;
        text-align:center;
    }
    #certify .swiper-container {
        padding-bottom: 50px;
    }
    #certify .swiper-slide p {
        line-height: 42px;
        font-size: 16px;
    }
    
    .title3 h3{
        font-size:22px;
    }
    .title3 p {
        font-size: 14px;
    }
    .hz_list li {
        width: 32%;
    } 
    .hz_list li:nth-child(4n) {
        margin-right: 2%;
    }
    .hz_list li:nth-child(3n) {
        margin-right: 0;
    } 
}
@media(max-width: 767px){
    .about1_l h3 {
        font-size: 18px;
    }
    .gshj_list li{
        width: 49%;
    }
    .gshj_list li:nth-child(3n){
        margin-right: 2%;
    }
    .gshj_list li:nth-child(2n){
        margin-right: 0%;
    }
    .gshj_list li h3{
        padding:5px;
        font-size: 15px;
    }
    .pz_list li{
        width: 100%;
    }
    .pz_list li .text h3 {
        font-size: 16px;
    } 
    .hz1 {
        padding: 15px 0;
    }
    .hz_list li {
        width: 49%;
    } 
    .hz_list li:nth-child(3n) {
        margin-right: 2%;
    }
    .hz_list li:nth-child(2n) {
        margin-right: 0;
    }   
    .swiper-div{
        display: none;
    } 
    .pho-swipertdiv {
        display: block;
    }
}


/*news*/
.news_list{
/*    box-shadow: 0px 0px 15px #ccc;  */  
}
.news_list li{
    display: flex;
    flex-wrap: wrap;
    padding:45px 0 25px;    
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border-bottom: 1px solid #f0f0f0;
}
.news_list li .img{
    width: 25%;
    overflow: hidden;
    display: block;
}
.news_list li .img img{
    transition: all 0.6s ease-out;
}
.news_list li .text{
    width: 75%;
    padding:0 0 0 64px;
}
.news_list li .text h3 a{
    display: block;
    font-weight: normal;
    font-size: 22px;
    color: #333;
    line-height: 1.2em;
    margin-bottom: 20px;
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_list li .text p{
    font-size: 16px;
    color: #666;
}
.news_list li .text a.mores{
    margin-top: 40px;
}
.news_list li .text .text_l{
    width: 75%;
    float: left;
}
.news_list li .text .text_r{
    width: 25%;
    float: right;
    color: #ccc;
    text-align:right;
}
.news_list li:hover .img img{
    transition: all 0.6s;
    transform: scale(1.05);
}
.date1{
    font-size: 44px;
    line-height:1em;
}
.line2{
    width: 30px;
    height: 1px;
    background: #ccc;
    display: inline-block;
    margin: 34px 0 16px;
}
.date2{
    font-size: 20px;
    line-height:1em;
}

.news_list li:hover .text h3 a{
    color: #1B65B1;
}
.news_list li:hover{
    border-bottom: 1px solid #999;
}
a.mores{
    margin-top:30px;
    position: relative;
    display: block;
}
a.mores p{
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background-color: #1B65B1;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
a.mores i{
    display: block;
    position: absolute;
    left: 7px;
    width: 14px;
    height: 7px;
    background: url(../images/jt2.png) no-repeat;
    top: 10.5px;
}
a.mores span{
    font-size: 14px;
    color: #1B65B1;
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
    height: 28px;
    line-height: 28px;
}
@keyframes newsDh {
    0% {left: 7px;opacity: 1;}
    25%{left: 14px;opacity: 0;}
    75%{left: -14px;opacity: 0;}
    100% {left: 7px;opacity: 1;}
}
a.mores:hover i{
    animation: newsDh .4s linear both;
}
.news_detail{

}
h1.title{
    font-size: 28px;
    color: #333;
    text-align: center;
    font-weight: normal;
}
.info_title{
    text-align: center;
    font-size: 14px;
    color: #666;
    padding-bottom: 1em;
    border-bottom:1px dashed #dcdcdc;
    margin-bottom: 30px;
    font-weight: normal;
}
.news_detail .content{
    font-size: 16px;
}
@media(max-width: 1600px){
    .news_list{
        padding: 15px 30px;
    }
    .news_list li .text h3 a{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .news_list li .text{
        padding: 0 0 0 30px;
    }
    .news_list li .text a.mores {
        margin-top: 20px;
    }
    .date1{
        font-size: 32px;
    }
    .line2{
        margin: 25px 0 20px;
    }

    h1.title{
        font-size:24px;
    }
    .info_title {
        margin-bottom: 20px;
    }
    .news_detail .content{
        font-size: 15px;
    }
}
@media(max-width: 1440px){
    .news_list li .text p{
        font-size: 14px;
    }
}
@media(max-width: 1259px){
    .news_list {
        margin-top: 25px;
    }
    .news_list li{
        padding:25px 0;
    }
    .news_list li .text {
        padding: 0 0 0 20px;
    }
    .news_list li .text h3 a {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .news_list li .text p{
        font-size:12px;
    }
    .news_list li .text a.mores {
        margin-top: 10px;
    }
    .date1 {
        font-size: 26px;
    }
    .line2 {
        margin: 15px 0;
    }
    .date2 {
        font-size: 16px;
    }
    h1.title{
        font-size:20px;
    } 
    .info_title{
        padding-bottom: 10px;
        margin-bottom:15px;
    }
}
@media(max-width: 992px){
    
}
@media(max-width: 768px){
    .news_list{
        padding: 10px 20px;
    }
    .news_list li{
        padding:15px 0;
    }
    .news_list li .text .text_l{
        width: 80%;
    } 
    .news_list li .text .text_r{
        width: 20%;
    } 
    a.mores{
        margin-top:10px;
    }
    h1.title{
        font-size:18px;
    }     
}
@media(max-width: 640px){
    .news_list {
        margin-top: 0px;
        padding: 10px;
    }
    .news_list li{
        padding:10px 0;
    }
    .news_list li .img {
        width: 100%;
    }
    .news_list li .text {
        padding: 10px 0 0 0px;
        width: 100%;
    }
    .news_list li .text .text_l{
        width: 100%;
    }
    .news_list li .text .text_r{
        display: none;
    }
    .date1 {
        font-size: 22px;
    }
    .line2 {
        margin: 10px 0;
    }
    .date2 {
        font-size: 14px;
    }
    h1.title{
        font-size:16px;
    }
    .info_title {
        padding-bottom: 5px;
        margin-bottom: 10px;
    }     
}


/*about*/
#about1{
    padding: 55px 0 85px;
}
.n_title1{
    font-size: 40px;
    color:#333333;
    text-align:center;
    position: relative;
    padding-bottom: 10px;
}
.n_title1:before{
    content:'';
    position: absolute;
    bottom:0;
    left:50%;
    margin-left: -23px;
    width: 46px;
    height: 4px;
    background:#1B65B1;
}
.about1_text{
    padding:25px 0 55px;
}
.about1_text p{
    font-size: 16px;
    color: #555;
    margin-top:10px;
    text-indent: 2em;
}
.about1_num{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.about1_num li{
    width: 250px;
    padding:35px 10px;
    border:1px solid #e5e5e5;
    text-align:center;
    color: #1B65B1;
    margin-right: 70px;
}
.about1_num li:last-child{
    margin-right:0;
}
.about1_num li h3{
    font-size: 48px;
    line-height:1em;
}
.about1_num li p{
    font-size: 16px;
    margin-top:10px;
}
.about1_num li:hover{
    color: #fff;
    background:#1B65B1;
    border-color: #1B65B1;
}
#about2{
    padding: 70px 0 100px;
    background:#f2f2f2;
}
.about2_hj{
    display: flex;
    flex-wrap: wrap;
    margin-top:65px;
}
.about2_hj li{
    width: 23.5%;
    margin-right: 2%;
    margin-bottom:15px;
}
.about2_hj li:nth-child(4n){
    margin-right: 0;
}
#about3{
    padding:85px 0 130px;
}
.about3_wh{
    display: flex;
    flex-wrap: wrap;   
    margin-top:60px; 
}
.about3_wh li{
    position: relative;
    overflow: hidden;
    width: 23.5%;
    margin-right:2%;
}
.about3_wh li:last-child{
    margin-right:0%;    
}
.about3_wh li .img{
    overflow: hidden;
}
.about3_wh li .img img{
    object-fit: cover;
    transition: all .4s ease;    
}
.about3_wh li .text{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(31, 92, 203, .5);
    transition: all .6s ease;
    display: flex;
    align-items: center;    
}
.about3_wh li .text .cont{
    width: 100%;
    text-align: center;
}
.about3_wh li .text .img1{
    width: 100%;
    height: 70px;
    line-height: 70px;
}
.about3_wh li .text h3{
    font-size: 24px;
    color: #fff;
    margin-top: 32px;
    line-height:1em;    
}
.about3_wh li .text p{
    font-size: 15px;
    color: #fff;
    margin-top: 20px;
    height: 0;
    overflow: hidden;
    transition: all .4s ease;    
}
.about3_wh li:hover .text{
    background: rgba(31, 92, 203, 1);
}
.about3_wh li:hover .img img{
    transform: scale(1.04);
}
.about3_wh li:hover .text p{
    height: 16px;
    line-height:16px;
}
@media(max-width: 1600px){
    #about1 {
        padding: 55px 0;
    }
    .n_title1{
        font-size: 32px;
        padding-bottom: 5px;
    }
    .about1_text {
        padding: 20px 0 50px;
    }
    .about1_text p {
        font-size: 15px;
        margin-top: 5px;
    }    
    .about1_num li {
        padding: 30px 10px;
        margin-right: 50px;
    }
    .about1_num li h3 {
        font-size: 42px;
    }
    .about1_num li p {
        font-size: 16px;
        margin-top: 5px;
    }
    #about2 {
        padding: 70px 0;
    }
    .about2_hj {
        margin-top: 50px;
    }
    #about3 {
        padding: 85px 0;
    }
    .about3_wh li .text h3{
        margin-top:25px;
    }

}
@media(max-width: 1440px){
    .n_title1{
        font-size: 30px;
    } 
    .about3_wh{
        margin-top:50px;
    }   
}
@media(max-width: 1259px){
    #about1 {
        padding: 50px 0;
    }
    .n_title1{
        font-size: 26px;

    }    
    .n_title1:before {
        margin-left: -18px;
        width: 36px;
        height: 3px;
    }
    .about1_text p {
        font-size: 14px;
        margin-top: 0px;
    } 
    .about1_num li {
        padding: 20px 10px;
        margin-right: 30px;
    }
    .about1_num li h3 {
        font-size: 36px;
    } 
    #about2 {
        padding: 50px 0;
    }
    .about2_hj {
        margin-top: 40px;
    }
    #about3 {
        padding: 60px 0;
    }
    .about3_wh{
        margin-top:40px;
    }

}
@media(max-width: 992px){
    #about1 {
        padding: 40px 0;
    }    
    .about1_num li{
        width: 32%;
        margin-right: 2%;
    }
    .about1_num li h3 {
        font-size: 32px;
    }
    .about1_num li p {
        font-size: 15px;
    }
    #about3 {
        padding: 50px 0;
    }
    .about3_wh li .text .img1 img{
        height: 60px;
    }
    .about3_wh li .text h3 {
        margin-top: 10px;
        font-size: 18px;
    }
}
@media(max-width: 768px){
    .n_title1{
        font-size: 24px;
    }  
    .about1_text {
        padding: 20px 0 30px;
    } 
    #about2 {
        padding: 40px 0;
    } 
    .about2_hj {
        margin-top: 40px;
    }
    .about2_hj li{
        width: 32%;
        margin-right: 2%;
        margin-bottom:10px;
    }
    .about2_hj li:nth-child(3n){
        margin-right: 0;
    }
    #about3 {
        padding: 40px 0;
    }
    .about3_wh{
        margin-top:30px;
    }
    .about3_wh li .text p {
        font-size: 14px;
        margin-top: 10px;
    }
}
@media(max-width: 640px){
    #about1 {
        padding: 20px 0 30px;
    }
    .n_title1{
        font-size: 20px;
    } 
    .about1_text {
        padding: 20px 0 15px;
    }  
    .about1_num li{
        padding: 15px 6px;
    }
    .about1_num li h3 {
        font-size: 24px;
    } 
    .about1_num li p {
        font-size: 14px;
        line-height: 1.6em;
    }
    #about2 {
        padding: 30px 0;
    } 
    .about2_hj {
        margin-top: 20px;
    }
    .about2_hj li{
        width: 49%;
        margin-bottom:5px;
    }
    .about2_hj li:nth-child(3n){
        margin-right: 2%;
    }
    .about2_hj li:nth-child(2n){
        margin-right: 0%;
    }
    #about3 {
        padding: 30px 0;
    }
    .about3_wh li {
        width: 49%;
        margin-bottom:5px;
    }
    .about3_wh li:nth-child(2n) {
        margin-right: 0;
    }
    .about3_wh li .text .img1 img{
        height: 50px;
    }
    .about3_wh li .text h3 {
        margin-top: 10px;
        font-size: 16px;
    }
}

/*contact*/
.n_banner2{
    position: relative;
    width: 100%;
    background-size:0px!important;
}
.n_banner_text3{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -190px;
    width: 100%;
}
.n_banner_text3 .text{

}
.n_banner_text3 .text em{
    font-style: normal;
    color: #fff;
    display: block;
    font-size:32px;
}
.n_banner_text3 .text i{
    font-style: normal;
    color: #fff;
    display: block;
    font-size:16px;
    padding:10px 0 25px;
}
.n_banner_text3 .text p.p1{
    max-width: 470px;
    color: #fff;
    padding-left: 50px;
    background:url(../images/tel3.png) no-repeat left center;
    border-bottom: 1px dotted #fff;
    height: 50px;
    line-height:50px;
    font-size:28px;
}
.n_banner_text3 .text p.p1 span:last-child{
    margin-left: 35px;
}
.n_banner_text3 .text p.p2{
    padding:15px 0 30px;
    color: #fff;
    font-size:16px;
}
.n_banner_text3 .text ul{
    display: flex;
    flex-wrap: wrap;
}
.n_banner_text3 .text ul li{

}
.n_banner_text3 .text ul li a{
    display: inline-block;
    font-size:14px;
    color: #fff;
    height: 50px;
    line-height:50px;
    padding:0 18px;
    background:#1B65B1;
    border-radius: 8px;
    text-align:center;
}
.n_banner_text3 .text ul li a img{
    margin-right: 8px;
}
.n_banner_text3 .text ul li:nth-child(2){
    margin: 0 32px;
}
.n_contact{
    margin-bottom:65px;
    margin-top:-120px;
    position: relative;
    z-index: 9;
}
.n_contact ul{
    display: flex;
    background: url(../images/1dikuan.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    padding:0 5%;
    height: 400px;
}
.n_contact ul li{
    width: 48%;
    padding:60px 45px;
    /*border-radius: 10px;*/
    overflow: hidden;
    /*background: #f6f6f6;*/
    position: relative;
    margin-right: 4%;
}
.n_contact ul li:last-child{
    margin-right: 0;
}
.n_contact ul li h3{
    font-size:24px;
    color: #333;
    font-weight: normal;
    margin-bottom:30px;
} 
.n_contact ul li .text{

}
.n_contact ul li h4{
    font-size:22px;
    color: #333333;  
    font-weight: normal;  
}
.n_contact ul li .text p{
    padding-left: 35px;
    font-size:18px;
    color: #666666;
    line-height:36px;
}
.n_contact ul li .text p:nth-child(1){
    background:url(../images/nc1.png) no-repeat left center;
}
.n_contact ul li .text p:nth-child(2){
    background:url(../images/nc2.png) no-repeat left center;
}
.n_contact ul li .text p:nth-child(3){
    background:url(../images/email.png) no-repeat left center;
}
/*.n_contact ul li:hover{*/
/*    background:#1B65B1;*/
/*}*/
/*.n_contact ul li:hover h3,.n_contact ul li:hover h4{*/
/*    color: #fff;*/
/*}*/
/*.n_contact ul li:hover p{*/
/*    color: #fff;*/
/*}*/
/*.n_contact ul li:hover .text p:nth-child(1){*/
/*    background:url(../images/nc4.png) no-repeat left center;*/
/*}*/
/*.n_contact ul li:hover .text p:nth-child(2){*/
/*    background:url(../images/nc5.png) no-repeat left center;*/
/*}*/
/*.n_contact ul li:hover .text p:nth-child(3){*/
/*    background:url(../images/nc6.png) no-repeat 2px center;*/
/*}*/
.n_contact ul li .text3{
    text-align:center;
    font-size:16px;
    color: #666666;
    width: 100%;
}
.n_contact ul li .text4{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
}
.n_contact ul li .text4 a{
    display: block;
    width: 271px;
    height: 66px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.n_contact ul li .text4 a img{
    display: block;
    position: absolute;
    top:0;
    left:0;
}
.n_contact ul li:hover .text4 a img{
    top:-66px;
}
.n_contact ul li .text5 p{
    background:url(../images/nc1.png) no-repeat left center!important;
}
.n_contact ul li:hover .text5 p{
    background:url(../images/nc4.png) no-repeat left center!important;
}
/*.n_contact ul li:nth-child(1) .text p:nth-child(2){
    background:url(../images/nc1.png) no-repeat left center;    
}
.n_contact ul li:nth-child(1):hover .text p:nth-child(2){
    background:url(../images/nc4.png) no-repeat left center;    
}*/

.n_contact ul li:first-child{

}
.n_contact ul li:nth-child(2){
     margin:0 2%;  

}
.n_contact ul li:last-child{
    display: flex;
    flex-wrap: wrap;
}
.n_contact ul li .text2{
    width: 51%;
}
.n_contact ul li .text2 h4{
    font-size:28px;
    color: #606061;
    padding:40px 0 15px;
}
.n_contact ul li .text2 h4 span{
    font-size:16px;
    font-weight: normal;
    margin-left: 10px;
}
.n_contact ul li .text2 em{
    font-style: normal;
    display: block;
    font-size:24px;
    color: #606061;
    line-height: 1em;    
}
.n_contact ul li .img{
    width: 49%;
}
.n_contact ul li:hover .text2 h4{
    color: #fff;
}
.n_contact ul li:hover .text2 h4 span{
    color: #fff;
}
.n_contact ul li:hover .text2 em{
    color: #fff;  
}
.n_map{
    height: 500px;
    overflow: hidden;
}
.n_map2{
    display: none;
}

@media(max-width: 1600px){
    .n_banner_text3{
        margin-top:-110px;
    }
    .n_banner_text3 .text em{
        font-size:26px;
    }
    .n_banner_text3 .text i {
        font-size: 15px;
        padding: 0px 0 10px;
    }
    .n_banner_text3 .text p.p1{
        font-size:24px;
    }
    .n_banner_text3 .text p.p2 {
        padding: 12px 0 20px;
        font-size: 15px;
    }
    .n_contact{
        margin-top:-80px;
    }
    .n_contact ul li {
        padding: 30px 25px;
    }
    .n_contact ul li h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .n_contact ul li .text p{
        font-size:15px;
    }
    .n_contact ul li .text2 h4 {
        font-size: 24px;
        padding: 25px 0 10px;
    }
    .n_contact ul li .text2 h4 span{
        font-size:15px;
    }
    .n_contact ul li .text2 em{
        font-size:18px;
    }
    .n_map{
        height: 350px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .n_contact{
        margin-top:20px;
        margin-bottom: 40px;
    }
    .n_contact ul li{
        background:#f7f7f7;
        padding: 25px 15px;
    }
    .n_contact ul li h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .n_contact ul li .text p{
        line-height:1.6em;
        padding:5px 0 5px 32px;
    }
    .n_map{
        height: 300px;
    }    
}
@media(max-width: 992px){
    .n_banner_text3 {
        margin-top: -40px;
    }
    .n_banner_text3 .text em {
        font-size: 22px;
    }
    .n_banner_text3 .text p.p1 {
        font-size: 20px;
        border:none;
        max-width: 100%;
    }
    .n_banner_text3 .text p.p2{
        display: none;
    }
    .n_banner_text3 .text ul{
        display: none;
    }
    .n_contact {
        margin-bottom: 20px;
    }
    .n_contact ul li{

        padding: 15px 10px;
    }
    .n_contact ul li h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .n_contact ul li .text2 h4 span{
        display: block;
        margin-left: 0;
    }  
    .n_contact ul li .text p {
        font-size: 14px;
    }
    .n_contact ul li .text2 em {
        font-size: 15px;
    }  
    .n_map{
        height: 250px;
    } 
}
@media(max-width: 768px){
    .n_map{
        display:none;
    } 
    .n_map2{
        height:250px;
        display:block;
    }    
    .n_contact ul{
        padding:0;
    }
}
@media(max-width: 640px){
    .n_banner2{
        background-size: cover!important;
        padding: 70px 0 30px;
    }
    .n_banner2 img{
        display: none;
    }
    .n_banner_text3{
        position: relative;
        left:0;
        top:0;
        margin-top:0;
    }
    .n_banner_text3 .text em {
        font-size: 20px;
    }
    .n_banner_text3 .text i {
        font-size: 14px;
        padding: 0px 0 0px;
    }
    .n_banner_text3 .text p.p1{
        font-size:18px;
    }
    .n_banner_text3 .text p.p1 span:last-child {
        margin-left: 15px;
    }
    .n_contact {
        margin-bottom: 10px;
    }
    .n_contact ul li{
        width: 100%;
        margin-bottom: 10px;
    }  
    .n_contact ul li:nth-child(2){
         margin:0 0% 10px 0;  
         display: none;
    }
    .n_contact ul li:last-child{
        padding:20px 0;
        height: 150px;
        display: none;
    }
    .n_contact ul li .text2{
        padding-top:15px;
    }
    .n_contact ul li .text2 h4{
        font-size:20px;
    }
    .n_contact ul li .text2 h4 span {
        display: inline-block;
        margin-left: 10px;
    }
    .n_contact ul li .text2 em {
        font-size: 18px;
    }
    .n_map{
        height: 220px;
    }   
    .n_map2{
        height:220px;
    } 
}


.container4{
    width: 88%;
    margin:0 auto;
}
.f_message{
    padding:95px 0;
/*    background: url(../images/f_message.jpg) no-repeat center;
    background-size: cover;*/
}
.f_message h2{
    text-align: center;
    font-size: 30px;
    color: #333;
    font-weight: normal;
    line-height: 1em;
}
.f_message h3{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-weight: normal;
    padding-top:15px;
    padding-bottom: 45px;
}
.f_message h3 span{
    display: block;
    margin:0 30px;
    font-size: 18px;
    color: #666666;
}
.message1{

}
.message1 ul li{
    width: 23%;
    margin-right: 4%;
    float: left;
}
.message1 ul li input{
    background: none;
    border:1px solid #999;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
    line-height: 50px;
    height: 50px;
    text-indent: 15px;
    outline: none;
}
.message1 ul li select{
    background: none;
    border:1px solid #999;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
    line-height: 50px;
    height: 50px;
    text-indent: 15px;
    color: #fff;
    outline: none;
}
.m_btn{
    width: 18%;
    float: right;
}
.m_btn input{
    background: #666;
    font-size: 18px;
    color: #fff;
    border:1px solid #666;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
    line-height: 50px;
    height: 50px;
    text-align: center;
    outline: none;  
    cursor: pointer;
}
.m_btn input:hover{
    background: #1B65B1;
    border: 1px solid #1B65B1;
}

@media(max-width: 1600px){
    .f_message{
        padding:70px 0;
    }
}
@media(max-width: 1440px){
    .f_message{
        padding:60px 0;
    }
    .f_message h2{
        font-size:36px;
    }
    .f_message h3 span{
        font-size:16px;
    }
    .m_btn input{
        font-size:16px;
    }
}
@media(max-width: 1024px){

}
@media(max-width: 768px){
    .f_message{
        padding:30px 0;
    }
    .message1 ul li{
        width: 48%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    .m_btn{
        margin-right: 2%;
        width: 48%;
    }
    .f_message h2{
        font-size: 32px;
    }
    .f_message h3{
        padding:10px 0 20px 0;
    }
}
@media(max-width: 640px){
    .f_message h2{
        font-size: 24px;
    }
    .f_message h3 span{
        font-size: 16px;
    }
    .message1 ul li{
        width: 100%;
        margin-right: 0;
        float: none;
    }
    .m_btn {
        margin-right: 0%;
        width: 60%;
        margin:0 auto;
        float: none;
    }
}



/*job*/
.id-info {
 padding: 2.25rem 0;
}
.id-info .info {
 height: 10rem;
}
.id-info .con {
 width: 50%;
 height: 100%;
 padding-right: 4rem;
 display: flex;
 flex-direction: column;
 justify-content: center;
}
.id-info .con h5 {
 color: #1B65B1;
 margin-bottom: 0.7rem;
 font-size:1rem;
 font-weight: 400;
}
.id-info .con p {
 color: #888;
 line-height: 1.8;
 font-size: 0.45rem;
}
.id-info .img {
 width: 50%;
 height: 100%;
}

.job_list{
    background-color: #f4f7fe;
    background-size: cover;  
    padding:2rem 0 1rem;
}
.job_list h4{
  font-weight: normal;
  font-size:26px;
  color: #1B65B1;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 35px;
  position: relative;
}
.job_list h4:after{
  content:'';
  position: absolute;
  bottom:0;
  left:50%;
  width: 45px;
  height: 1px;
  margin-left: -27.5px;
  background:#47443d;
}
.school-wrap {
 padding-bottom: 2.5rem;
}
.school-wrap .list-title {
 width: 100%;
 height: 2rem;
 line-height: 2rem;
 background: #fff;
 color: #333;
 font-weight: bold;
 border-bottom: 1px solid #f1f1f1;
}
.school-wrap .list-title div{
     font-size: 0.4rem;   
}
.school-wrap .list-title .name {
 width: 18%;
 padding-left: 0.8rem;

}
.school-wrap .list-title .local {
 width: 14.6%;

}
.school-wrap .list-title .num {
 width: 14.6%;
}
.school-wrap .list-title .detail {
 width: 14.6%;
}
.school-wrap .list li .list-title {
 cursor: pointer;
 transition: all 0.3s ease 0s;
 height: 1.6rem;
 line-height: 1.6rem;
 color: #5d5d5d;
 font-weight: normal;
}
.school-wrap .list li .list-title .icon {
 right: 2.5rem;
 color: #505050;
}
.school-wrap .list li .list-title .icon i {
 width: 20px;
 height: 20px;
 background: url("../images/detail-add.png") no-repeat center center;
 background-size: contain;
 margin-left: 10px;
}
.school-wrap .list li .sub-wrap {
 padding: 1.5rem 0.8rem;
 position: relative;
 background: #fcfcfc;
 display: none;
}
.school-wrap .list li .sub-wrap h2 {
 color: #333;
 font-size: 0.5rem;
 margin-bottom: 1rem;
 font-weight:bold;
}
.school-wrap .list li .sub-wrap .sub-con {
 padding-bottom: 1rem;
 margin-bottom: 1rem;
 border-bottom: 1px solid #e7edf5;
}
.school-wrap .list li .sub-wrap .sub-con h5 {
 margin-bottom: 0.5rem;
 color: #333;
 font-size: 0.45rem;
 font-weight:bold;
}
.school-wrap .list li .sub-wrap .sub-con p {
 color: #505050;
 margin-bottom: 0.2rem;
}
.school-wrap .list li .sub-wrap .sub-con:last-child {
 border-bottom: none;
}
.school-wrap .list li .sub-wrap .apply {
 width: 3.75rem;
 height: 1.25rem;
 line-height: 1.25rem;
 text-align: center;
 color: #fff;
 font-size: 0.4rem;
 background: #1B65B1;
}
.school-wrap .list li.cur .icon {
 color: #1B65B1;
}
.school-wrap .list li.cur .icon i {
 width: 20px;
 height: 20px;
 background: url("../images/detail-less.png") no-repeat center center;
 background-size: contain;
 margin-left: 10px;
}

.dfj {
    display: flex;
    align-items: center;
    justify-content: center;
}
.poa {
    position: absolute;
}
.por {
    position: relative;
}
.dib {
    display: inline-block;
}
@media(max-width: 1440px){

}
@media(max-width: 1024px){
    
}
@media(max-width: 992px){
.id-info .info {
    height: auto;
}
    .id-info .con {
        width: 100%;
        height: auto;
        padding-right: 0;
    }
    .id-info .img {
        width: 100%;
        height: 14rem;
        margin-top: 1rem;
    }
}
@media(max-width: 768px){
    .school-wrap{
        padding-bottom:1em;
    }
}
@media(max-width: 767px){
  .id-info{
    padding:0.6rem 0;
  }
  .job_list{
    padding:0.6rem 0 0;
  }
  .job_list h4{
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  } 
    .id-info .img {
        height: 5rem;
        margin-top: 0.5rem;
    }
    .id-info .con h5 {
        margin:0;
        margin-bottom: 0.4rem;
        font-size: 0.44rem;
        line-height:1em;
    }
    .id-info .con p {
        font-size: 0.28rem;
    }
    .school-wrap .list-title{
        height: 1.4rem;
        line-height: 1.4rem;
    } 
    .school-wrap .list-title div{
        font-size: 0.28rem;    
    }
    .school-wrap .list li .list-title .icon span {
        display: none;
    } 
    .school-wrap .list-title .name {
        width: 30%;
        padding-left: 0.2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .school-wrap .list-title .local {
        width: 22%;
    }
    .school-wrap .list-title .num {
        width: 22%;
    } 
    .school-wrap .list li .list-title {
        height: 1.2rem;
        line-height: 1.2rem;
    }
    .school-wrap .list li .list-title .icon {
        right: 0.2rem;
        top: 0.35rem;
    }
    .school-wrap .list li .sub-wrap {
        padding: 0.3rem 0.2rem;
    }
    .school-wrap .list li .sub-wrap h2 {
        font-size: 0.36rem;
        margin-bottom: 0.4rem;
    }
    .school-wrap .list li .sub-wrap .sub-con {
        padding-bottom: 0.4rem;
        margin-bottom: 0.5rem;
    }
    .school-wrap .list li .sub-wrap .sub-con h5 {
        margin-bottom: 0.4rem;
        font-size: 0.32rem;
    }
    .school-wrap .list li .sub-wrap .sub-con p {
        margin-bottom: 0.1rem;
        font-size: 0.28rem;
    }
    .school-wrap .list li .sub-wrap .apply {
        width: 2.2rem;
        height: 0.7rem;
        line-height: 0.7rem;
        font-size: 0.3rem;
    }
}



h3.tag{
    font-size: 14px;
    color: #666;
    font-weight: normal;
}
.page{
    font-size: 14px;
    color: #666;    
    margin-top:30px;
}
.page a{
    font-size: 14px;
    color: #666;    
}
.tag_total{
    font-size: 24px;
    margin-bottom:30px;
    
}
@media(max-width: 768px){
    .tag_total{
        font-size: 20px;
        margin-bottom:20px;
    }
    .page{
        margin-top:20px;
    }
}


.pageController{
    text-align: center;
    color:#505050;margin:0 auto;
    margin:2em 0;
    line-height:24px;
}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; 
    color:#505050;padding:5px 15px; margin-right:3px;margin-left:3px;width: auto;
}
.pageController a:hover{background-color:#1B65B1;color:#fff; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #1B65B1;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{
    float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;
    display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
    line-height: 39px;
    background-color: #1B65B1;
    vertical-align: middle;
    border: 1px solid #1B65B1; 
    color: #fff;padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    width: 39px;
}
.pageController .t1 span{
    /*padding-left:4px;
    padding-right:4px;*/
    width: 39px;
}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;
    display: none;
}
.pageController select option{vertical-align:middle;}


.m_f_fixed{
    position: fixed;
    bottom:0;
    left:0;
    background: #1B65B1;
    color: #fff;
    z-index:9999;
    justify-content: center;
    width: 100%;
    display:none;

}
.m_f_fixed a{
    flex:1;
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center;
    padding:10px 0;
}
.m_f_fixed a img{
    width: 25px;
    display: block;
    margin:0 auto 0px;
}
#gotop{
    position: fixed;
    right: 0;
    bottom: 30px;
    cursor: pointer;
}
@media(max-width: 1199px){
    #gotop{
        display: none;
    }
}
@media(max-width:640px){
    .m_f_fixed{
        display: flex;
    }
    footer{
        margin-bottom:70px;
    }
}


.client-2 {
    position: fixed;
    right: -170px;
    top: 50%;
    z-index: 900;
}

.client-2 li a {
    text-decoration: none;
}
.client-2 li {
    margin-top: 1px;
    clear: both;
    height: 71px;
    position: relative;
    background: #222;
}

.client-2 li i {
    background: url(../images/fx.png) no-repeat;
    display: block;
    width: 30px;
    height: 27px;
    margin: 0px auto;
    text-align: center;
}

.client-2 li p {
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.client-2 .my-kefu-qq i {
    background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
    background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
    background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
    background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
    background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
    display: none;
}

.client-2 .my-kefu-ftop i {
    width: 33px;
    height: 35px;
    background-position: -27px -51px;
}

.client-2 .my-kefu-left {
    float: left;
    width: 77px;
    height: 47px;
    position: relative;
}

.client-2 .my-kefu-tel-right {
    font-size: 16px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    padding: 0 15px;
    border-left: 1px solid #fff;
    margin-top: 14px;
}

.client-2 .my-kefu-right {
    width: 20px;
}

.client-2 .my-kefu-tel-main {
    background: #222;
    color: #fff;
    height: 56px;
    width: 247px;
    padding:9px 0 6px;
    float: left;
}

.client-2 .my-kefu-main {
    background: #222;
    width: 97px;
    height: 56px;
    position: relative;
    padding:9px 0 6px;
    float: left;
}

.client-2 .my-kefu-weixin-pic {
    position: absolute;
    left: -140px;
    top: -24px;
    display: none;
    z-index: 333;
}

.my-kefu-weixin-pic img {
    width: 140px;
    height: 140px;
}

@media(max-width: 1199px){
    .client-2{
        display: none;
    }
}


/* 右侧浮窗 */

#c-right-fixed {
    /*display: none;*/
    position: fixed;
    top: 50%;
    right: 5px;
    z-index: 905;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#c-right-fixed a {
    position: relative;
    right: 0;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    width: 70px;
    height: 70px;
    text-align: center;
    color: #777;
    background: #fff;
}

#c-right-fixed a:last-child {
    margin-bottom: 0;
}

#c-right-fixed a:nth-child(3) {
    z-index: 2;
}

#c-right-fixed .c-wrap {
    border: 1px solid #fff;
    padding: 11px 0;
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
    transition: all .5s;
}

#c-right-fixed .c-wrap img {
    height: 28px;
}

#c-right-fixed .c-wrap img:nth-child(2),
#c-right-fixed a:hover .c-wrap img:nth-child(1) {
    display: none;
}

#c-right-fixed a:hover .c-wrap img:nth-child(2) {
    display: inline-block;
}

#c-right-fixed .c-title {
    padding-top: 5px;
    font-size: 12px;
    line-height: 1;
}

#c-right-fixed a:last-child .c-title {
    font-weight: bold;
}

#c-right-fixed .c-text {
    flex: 0 0 auto;
    width: 170px;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    border-left: 1px solid #fff;
    color: #fff;
    transition: all .5s;
}

#c-right-fixed .c-img {
    position: absolute;
    right: -300px;
    top: -1px;
    z-index: -1;
    padding: 5px;
    width: 148px;
    border: 1px solid #eff1f5;
    background: #fff;
    transition: .5s;
    box-shadow: 0 0 50px rgba(0, 0, 0, .1);
}

#c-right-fixed .c-img::before {
    content: "";
    position: absolute;
    top: 34px;
    right: -8px;
    border-left: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

#c-right-fixed .c-img img {
    width: 100%;
}

#c-right-fixed .c-img .c-text2 {
    padding: 5px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #777;
}

#c-right-fixed a .c-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 11px 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    transition: all .5s;
    overflow: hidden;
}

#c-right-fixed a:hover .c-wrap {
    color: #fff;
    border-color: #1B65B1;
    background: #1B65B1;
}

#c-right-fixed a:last-child .c-wrap {
    color: #fff;
    border-color: #1B65B1;
    background: #1B65B1;
}

#c-right-fixed a:first-child:hover .c-box {
    width: 250px;
    height: 70px;
    -webkit-transform: translateX(-180px);
    transform: translateX(-180px);
    overflow: none;
    background: #1B65B1;
}

#c-right-fixed a:hover .c-img {
    right: 84px;
}

@media(max-width: 1259px){
    #c-right-fixed{
        display: none!important;
    }
}
.clearfix2{    clear: both;}
.yiying {
    background-color: #E5ECF4;
    height: 470px;
    width: 74%;
    position: absolute;
    left: 13%;
    margin-top: 50px;
}
.P-active {
    background-color: #1b65b1!important;
    vertical-align: middle;
    border: 1px solid #1b65b1!important;
    color: #fff!important;
    width: 39px;
}
.biaoti {
    font-size: 37px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin: 40px 0;
}
.biaoti .biaoti_desc {
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 50px;
}
.hezuohuoban{width:100%;background:url(../images/7_1.jpg) no-repeat;background-size:100% 100%;padding:64px 0 0 0}
.hezuohuoban_con{width:84%;margin:0 auto;padding-bottom:60px}
.hezuohuoban_con ul{display:flex;flex-wrap:wrap}
.hezuohuoban_con ul li{width:19%;background:#FFFFFF;padding:10px;margin:0.5%}
.hezuohuoban_con ul li img{width:100%}

@media(max-width:640px) {
    .ny_banner img{height:185px;    margin-top: 70px}
    .yy1_1_img img{height:260px!important;}
    .wrap {
        padding-top: 0!important;margin-top:0px!important;
    }
    .biaoti {
    	font-size:20px;
    	font-weight:bold;
    	color:#333333;
    	text-align:center;
    	margin:0px 0;
    	margin-bottom: 20px;
    }
    .biaoti .biaoti_desc {
    	font-size:14px;
    	font-weight:400;
    	color:#666666;
    	line-height:18px;
    	width: 94%!important;
    }
    .tablist-topwords {
        padding: 5px 8px;
    }
    .tablist-bottomwords {
        padding: 5px 8px;
    }
    .mainbody {
    	width:100%;
    	padding: 20px 0;
    }
    .ind_about {
    	width:96%;
    	margin:0 auto
    }
    .ind_about_main {
        width: 100%;
    }
    .ind_abo_tab {
    	display:flex;
    	padding:5px;
    	width: 100%;
    	justify-content: space-between;
    }
    .ind_abo_tab ul {
        width: 100%;
        justify-content: space-between;
    }
    .ind_abo_tab li {
    	padding:5px 0;
    	display: flex;
    	width: 25%;
    }
    .ind_abo_tab li a {
        cursor:pointer !important;
    	line-height:20px;
    	font-size:14px;
    	padding:0 5px;
    	display:block;
    	color:#343434;
    	border:none;
    	float:none
    }
    .ind_abo_tab li .border {
    	line-height:20px;
    	padding:0 2px;
    	color:#343434;
    	float:none
    }
    #ind_abo_info_1 {
        display: block;
    }
    #ind_abo_info_1 .ind_abo_img {
        width: 90%;
        display:flex;
        align-items: center;
        justify-content: center;
        position: inherit;
        margin: 0 auto;
    }
    
    #ind_abo_info_1 .ind_abo_img video {
        display:flex;
        align-items: center;
        justify-content: center;
    }
    
    .ind_abo_infomain {
        width: 90%;
        padding: 0;
        margin: 0 auto;
        margin-top: 10px;
    }
    
    .ind_abo_title {
        font-size: 16px;
        line-height: 16px;
    }
    
    .ind_abo_text {
        margin-top: 5px;
        font-size: 14px;
        line-height: 20px;
    }
    .ind_abo_more {
    	text-align:center;
    	background:#1B65B1;
    	line-height:36px;
    	margin-top:10px;
    	display:block;
    	height:36px;
    	width:134px;
    	color:#fff
    }
    .ind_about_main {
    	background:#e5ecf3;
    	height:auto;
    	width:100%;
    	margin:0 auto;
    	padding-bottom:10px;
    }
    #certify {
        width: 95%!important;
    }
    #certify .swiper-container {
        padding-bottom: 0 !important;
    }
    .home1 .item.cur {
        width: inherit !important;
    }
    
    .home1 {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        width: 96%;
        margin: 0 auto;
    }
    .home1 .item {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 0;
        color: #fff;
        position: relative;
        -webkit-transition: .6s;
         transition: .6s; 
        z-index: 10;
        height: 100px; 
        border-right: unset;
        width: unset;
        height: 273px;
        overflow: hidden;
        
    }
    
    .home1 .item:first-child,.home1 .item:nth-child(2) {
        width: 50%;
    }

    .home1 .item:nth-child(3),.home1 .item:nth-child(4),.home1 .item:nth-child(5)  {
        width: 33.33%;
    }
    
    .hyal {
        width: 100vw;
    }
    
    .hyal .biaoti {
        width: 96%;
        margin: 0 auto;
    }
    .home1 .item .tit {
        margin-bottom: 20px !important;
    }
    .home1 .item:nth-child(1) .icon img,.home1 .item:nth-child(2) .icon img {
        width:50%;
    }
    .home1 .item:nth-child(3) .icon img,.home1 .item:nth-child(4) .icon img,.home1 .item:nth-child(5) .icon img {
        width:60%;
    }
    .xwzx {
        padding-top: 20px;
    }
    .xwzx .biaoti .biaoti_desc {
        height: unset;
    }
    
    .xwzx .ind_abo_tab {
        margin-top: 10px;
    }
    
    .xwzx .news_list1{
       height:300px; 
    }
    .xwzx_con {
        width: 96%;
    }    
    
    .xwzx .swiper-wrapper{
        height: 300px;
    }
    
    .xwzx .news_list2 {
        margin-top: 0px;
    }
    
    .xwzx .news_list2 li a {
        padding: 0;
        margin: 15px ;
    }
    .hezuohuoban .biaoti_desc{
        width: 96%;
        margin: 0 auto;
    }
    .hezuohuoban_con {
        width: 96%;
    }
    .hezuohuoban_con ul li {
        width: 24%;
    }
    .footer {
        width: 100vw;
    }
    .footer_body {
        width: 96%;
    }
    .footer_top {
        padding: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer_top img {
        width: 60%;
    }
    .footer_main {
        display: unset;
    }
    .footer_main ul.footer_nav li:first-child a {
        font-size: 14px;
    }
    .footer_main ul.footer_nav li:first-child {
        padding-bottom: 1px;
        margin-bottom: 1px;
    }
    .footer_main ul.footer_nav li a {
        font-size: 12px;
    }
    .footer_main ul.footer_nav li{
        float: left;
        margin-right: 10px;
    }
    .footer_main ul.footer_nav li:first-child {
        float: unset;
        clear: both;
    }
    .footer_weixin {
        margin-right: unset;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer_main ul.footer_nav {
        padding: 0;
    }
    .footer_weixin div img {
        width: 110px;
    }
    .footer_weixin p {
        text-align: center;
        line-height: 14px;
        margin-top: 5px;
        font-size: 14px;
        color: #fff;
    }
    .footer_end {
        text-align: center;
        line-height: 30px;
        margin-top: 0;
        font-size: 14px;
        color: #5a5a5a;
        width: 100%;
        bottom: 0;
        border-top: solid 1px #42474f;
        padding: 0px 0;
        margin: 0 auto;
        font-size: 14px;
        font-weight: 400;
        color: #F5F6F7;
    }
    .footer_middle{
        height: unset;
    }
    .footer_info .title {
        background-size: 18px;
        margin-top: unset;
        line-height: unset;
        font-size: 14px;
        color: #fff;
        text-align: left;
    }
    .footer_info .title {
        padding: 0 !important;
        padding-left: 22px !important;
    }
    .footer_info p {
        background-position: left center;
        background-repeat: no-repeat;
    }
    .footer_info .text {
        font-size: 20px;
        padding-left: 22px;
    }
    .footer_social {
        display: none;
    }
    .footer_end ul {
        line-height: 40px;
    }
    .footer_end ul li a{
        font-size: 14px !important;
    }
    .footer_end ul li {
        line-height: 30px;
    }
    .head .container {
        width: 100%;
    }
    .head .container .logo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 65px;
        padding: 0 20px;
    }
    #c-header .img2 {
        display: block !important;
        width: 80%;
    }
    
    #c-header .img1 {
        display: none !important;
         width: 80%;
    }
    #c-header {
        background-color: #fff;
        height: 130px;
        box-sizing: border-box;
        padding: 0;
    }
    .c-banner1 {
        margin-top: 60px!important;
    }
    .tablist-bottom ul li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .head,.head .container{
        height: 100%;
    }
    .head_more {
        display: block;
    }
    .head_more div {
        display: block;
        height: 2px;
        background: #ccc;
        margin: 9px 0;
        opacity: 1;
        transition: all .5s ease;
        width: 35px;
        transform-origin: left center;
    }
    .mnav  div:nth-child(1) {
        transform: rotate(45deg);
        /* width: 40px; */
    }
    .mnav  div:nth-child(2) {
        opacity: 0;
    }
    .mnav  div:nth-child(3) {
        transform: rotate(-45deg);
        position: relative;
        top: 2px;
        /* width: 40px; */
    }
    .nav_block {
        display: block;
        background-color: #1B65B1;
        position: absolute;
        z-index: 101;
        text-align: center;
        position: absolute;
        left: 0;
        top: 130px!important;
        z-index: 99999;
        width: 100%;
    }
    .nav li {
        float: unset;
       
    }
    .nav li a {
        padding: 0px;
        line-height: 50px;
    }
    .current {
        background-color: #1b65b1!important;
        vertical-align: middle;
        border: 1px solid #1b65b1!important;
        color: #fff!important;
        padding: 5px 8px;
        margin-right: 3px;
        margin-left: 3px;
        width: 39px;
    }
    .pageController a:nth-child(1){display:none;}
    .pageController a:last-child{display:none;}
    .container2 { margin-bottom: 0!important;}
}
body,button,dd,div,dl,form,h1,h2,h3,h4,h5,h6,html,img,input,li,ol,p,ul{margin:0;padding:0;border:0}
*{-webkit-tap-highlight-color:transparent}
body{font-family: "Source Han Sans CN", "Microsoft YaHei"!important;background-color:#ffffff;overflow-x:hidden}
button,textarea,select{-webkit-appearance:none;resize:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
img{border:0;max-width:100%;vertical-align:middle}
.none{display:none}
.online_x{cursor:pointer}
button:hover,input[type=submit]:hover{cursor:pointer}
button:focus,input:active,input:focus,textarea:focus{outline:0 none;outline-color:transparent}
a{color:#333;display:inline-block;font-weight: 300;}
a:link{text-decoration:none;}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
p {
    font-weight: 300;}
li{list-style:none}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.xbg{background:#f9fafc}
.xbg1{background:#f5f5f5}
.conwidth{width:83.33%;margin:auto}
.owidth{max-width:1500px;width:100%;margin:auto}
.omain{padding-top:120px}
.ovfHiden{overflow:hidden}
.bg1{background-color:#f6f8fa}
.header{position:fixed;left:0;right:0;top:0;z-index:99;margin:auto;width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;padding:15px 0px}
.header.alter,.header.white{background:#FFFFFF}
.header.alter{padding:0}
.header.white{box-shadow:0px 3px 20px 0px rgba(12,18,107,0.05)}
.header .content{padding-left:8.335%;padding-right:4%}
.header .box{text-align:center;font-size:0}
.header .logo{float:left}
.header .logo a{height:90px;line-height:90px}
.header .logo a img{}
.header .logo a img.logo2{display:none}
.header.alter .logo a img.logo1,.header.white .logo a img.logo1{display:none}
.header.alter .logo a img.logo2,.header.white .logo a img.logo2{display:inline-block}
.header .nav{display:inline-block}
.header .nav>ul>li{float:left;padding:0px 18px}
.header .nav>ul>li.other{position:relative}
.header .nav>ul>li>a{color:#FFFFFF;font-size:18px;line-height:90px}
.header.alter .nav>ul>li>a,.header.white .nav>ul>li>a{color:#666666}
.header .nav>ul>li:hover>a,.header .nav>ul>li.on a:hover{position:relative;color:#FFFFFF}
.header.alter .nav>ul>li:hover>a,.header.alter .nav>ul>li.on a:hover,.header.white .nav>ul>li:hover>a,.header.white .nav>ul>li.on a:hover{color:#1E67B4}
.header .nav>ul>li:hover>a::before,.header .nav>ul>li.on a:hover::before{content:'';position:absolute;left:0;right:0;bottom:20px;margin:auto;width:6px;height:6px;border-radius:50%;background:rgba(247,247,247,0.9)}
.header.alter .nav>ul>li:hover>a::before,.header.alter .nav>ul>li.on a:hover::before,.header.white .nav>ul>li:hover>a::before,.header.white .nav>ul>li.on a:hover::before{display:none}
.navcell{position:absolute;top:105px;left:50%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;overflow-x:hidden;overflow-y:auto;display:none;border-top:#eeeeee solid 1px}
.header.alter .navcell{top:90px}
.navcell .cellbox{position:relative;padding-left:8.335%;padding-right:4%;overflow:hidden;background:rgba(247,247,247,0.9)}
.navcell .l-box{float:left;width:20%;padding-right:4.3%;text-align:right;padding-top:9999px;margin-top:-9999px;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.navcell .l-box .txt{display:inline-block;max-width:100%;text-align:left;padding-top:45px}
.navcell .l-box .txt .t1{color:#000000;font-size:16px;font-weight:bold}
.navcell .l-box .txt .t1 a{color:#000000}
.navcell .l-box .txt .t1 a img{display:inline-block;vertical-align:middle;margin-left:10px}
.navcell .l-box .txt .t2{margin-top:27px;color:#999999;font-size:14px}
.navcell .r-box{float:left;width:80%;padding-left:3.6%;padding-bottom:20px;text-align:left;border-left:#eeeeee solid 1px;padding-top:9999px;margin-top:-9999px;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.navcell .r-box .tit{padding-left:18px;padding-top:42px;color:#000000;font-size:20px;font-weight:bold}
.navcell .r-box ul{margin-top:25px}
.navcell .r-box ul{float:left;width:33.33%;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.navcell .r-box ul li{margin-bottom:9px}
.navcell .r-box ul li a{position:relative;padding-left:18px;font-size:16px;color:#444444;line-height:1.8}
.navcell .r-box ul li a:before{content:'';position:absolute;left:0;top:0;width:18px;height:100%;background:url(../images/xright1.png) top 9px left no-repeat;background-size:6px 12px;opacity:0;transform:translateX(-100%);transition:all 0.4s ease}
.navcell .r-box ul li a:hover:before{opacity:1;transform:translateX(0)}
.navcell .r-box ul li a:hover{color:#1E67B4}
.header .drop-down{position:absolute;top:90px;left:50%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);min-width:160px;background:rgba(247,247,247,0.9);display:none}
.header .drop-down a{position:relative;display:block;color:#666666;font-size:16px;line-height:21px;text-align:center;padding:16px 16px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.header .drop-down a:hover{color:#1E67B4}
.header .drop-down a:hover::before{content:'';position:absolute;left:50%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);top:0;z-index:-1;width:100%;height:100%;padding:0px 5px;background:rgba(247,247,247,0.9);box-shadow:0px 0px 15px rgba(0,0,0,0.2);-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.header .drop-down a span{position:relative;display:inline-block}
.header .drop-down a span::after{content:'';position:absolute;left:0;top:0;width:15px;height:100%;background:url(../images/xright1.png) center left no-repeat;background-size:6px 12px;opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all 0.4s ease}
.header .drop-down a:hover span::after{opacity:1;-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.header .drop-down a .t1{font-size:16px;color:#191E4C;line-height:22px;text-align:left;padding:0px 30px}
.header .drop-down a .t2{margin-top:12px;font-size:14px;color:#687990;line-height:20px;text-align:left;padding:0px 30px;white-space:nowrap}
.head-other{float:right}
.head-other .call{float:left;height:90px;line-height:90px;color:#FFFFFF;font-size:24px;font-weight:bold}
.header.alter .head-other .call,.header.white .head-other .call{color:#1E67B4}
.head-other .call img{display:inline-block;vertical-align:middle;margin-right:10px}
.head-other .call img.ic2{display:none}
.header.alter .head-other .call img.ic1,.header.white .head-other .call img.ic1{display:none}
.header.alter .head-other .call img.ic2,.header.white .head-other .call img.ic2{display:inline-block}
.head-nation{float:left;position:relative;margin-left:30px}
.head-nation .current{height:90px;line-height:90px}
.head-nation .current .name{font-size:18px;color:#FFFFFF;line-height:2;padding-right:30px;background:url(../images/s-triangle.png) right center no-repeat;vertical-align:middle;display:inline-block;-webkit-transition:all .3s;transition:all .3s}
.header.alter .head-nation .current .name,.header.white .head-nation .current .name{color:#191E4C;background:url(../images/s-triangle1.png) right center no-repeat}
.head-nation ul{display:none;position:absolute;left:50%;top:80px;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;text-align:center;padding-top:10px;padding-bottom:10px;background-color:#FFFFFF}
.head-nation ul li a{display:block;font-size:16px;color:#666666;line-height:2;min-width:90px;text-align:center;padding:0px 15px;white-space:nowrap;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.head-nation ul li a:hover{color:#2B33AA}
.menubtn{display:none;float:right;width:50px;height:60px;background:url(../images/menu-icon1.png) center right no-repeat;-moz-background-size:30px 30px;-webkit-background-size:30px 30px;background-size:30px 30px;cursor:pointer}
.header.white .menubtn,.header.alter .menubtn{background:url(../images/menu-icon1.png) center right no-repeat;-moz-background-size:30px 30px;-webkit-background-size:30px 30px;background-size:30px 30px}
.menubtn.on{background:url(../images/menu-icon2.png) center right no-repeat;-moz-background-size:30px 30px;-webkit-background-size:30px 30px;background-size:30px 30px}
.header.white .menubtn.on,.header.alter .menubtn.on{background:url(../images/menu-icon2.png) center right no-repeat;-moz-background-size:30px 30px;-webkit-background-size:30px 30px;background-size:30px 30px}
.m-nav{position:fixed;top:60px;left:0;width:100%;height:calc(100% - 60px);background:#fff;display:none;z-index:99;overflow-y:scroll}
.m-nav .nav-list{padding-top:30px}
.m-nav .nav-list>li{padding:0 5%;text-align:left}
.m-nav .nav-list>li>a,.m-nav .nav-list .one-level{font-size:18px;color:#666666;display:block;height:50px;line-height:50px}
.m-nav .nav-list>li>a:hover,.m-nav .nav-list .one-level.on,.m-nav .nav-list .one-level:hover{color:#1E67B4}
.m-nav .nav-list li a .tit{color:#222222}
.m-nav .nav-list li a:hover .tit{color:#1E67B4}
.m-nav .m-subnav{display:none}
.m-nav .m-subnav ul li>a,.m-nav .m-subnav ul li .two-level{display:block;font-size:16px;color:#999999;padding-left:15px;height:40px;line-height:40px}
.m-nav .m-subnav ul li a:hover{color:#1E67B4}
.m-nav .subnav_2{padding-left:30px;display:none}
.m-nav .subnav_2 .subnav_2li>a,.m-nav .three{display:block;font-size:16px;color:#666666;height:40px;line-height:40px}
.m-nav .subnav_3 a{display:block;font-size:15px;line-height:2;color:#999999}
.m-nav .subnav_3{display:none;padding:0px 15px}
.sidebar{position:fixed;bottom:20%;right:20px;z-index:99}
.sidebar>ul>li{position:relative;text-align:center;cursor:pointer;margin-bottom:10px}
.sidebar ul li:last-child{border-bottom:none}
.sidebar ul li a{display:block;position:relative;width:60px;height:60px;border-radius:5px;text-align:center;overflow:hidden;box-shadow:0px 1px 25px rgba(0,0,0,0.1);background:rgba(247,247,247,0.9);-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.sidebar ul li a:hover{background-color:#1E67B4;text-decoration:none}
.sidebar ul li a .img{width:100%;text-align:center;overflow:hidden;height:60px;text-align:center;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.sidebar ul li .img img{display:block;margin:auto;max-width:35%;padding-top:10px}
.sidebar ul li .img .ic2{display:none}
.sidebar ul li:hover .img .ic1{display:none}
.sidebar ul li:hover .img .ic2{display:block}
.sidebar ul li .img .wt{text-align:center;font-size:12px;color:#666666;line-height:1.5;margin-top:3px}
.sidebar ul li:hover .img .wt{color:#FFFFFF}
.sidebar ul li .secondary{display:none;position:absolute;right:80px;top:0;z-index:10;min-width:100%;min-height:100%;background:rgba(247,247,247,0.9);box-shadow:0px 1px 25px rgba(0,0,0,0.1);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}
.sidebar ul li .secondary::before{content:'';position:absolute;top:0;right:-14px;bottom:0;margin:auto;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:14px solid #f7f7f7;opacity:0.9}
.sidebar ul li .txtli{text-align:left;line-height:60px;font-size:20px;color:#1E67B4;padding:5px 20px;min-width:160px}
.sidebar ul li .txtli img{display:inline-block;margin-right:10px}
.sidebar .lianxi{white-space:nowrap;text-align:center;padding:20px 20px 15px}
.sidebar .lianxi .imgbox{width:100%;overflow:hidden;text-align:center;font-size:0;white-space:nowrap}
.sidebar .lianxi .imgli{display:inline-block;vertical-align:top;width:120px}
.sidebar ul li .imgli img{display:block;width:100%}
.sidebar ul li .imgli .t1{margin-top:6px;color:#222222;font-size:18px}
/*.footer{padding-top:60px;padding-bottom:40px;background:#1E67B4}
.footer .foot-top{padding-bottom:30px}
.footer .foot-top .foot-logo{float:left}
.footer .foot-top .foot-logo a{}
.footer .foot-top .foot-logo a img{}
.footer .foot-top .txt{float:right;text-align:right}
.footer .foot-top .txt .t1{color:#ffffff;font-size:24px}
.footer .foot-top .txt .t2{margin-top:10px;font-size:14px;color:#9eace4}
.footer .foot-con{padding-top:48px;padding-bottom:40px;border-top:#5162a9 solid 1px}
.footer .foot-con .foot-nav{float:left;width:81.25%;overflow:hidden}
.footer .foot-con .foot-nav ul li{float:left;width:14.285%;overflow:hidden}
.footer .foot-con .foot-nav ul li .tit{color:#ffffff;font-size:16px;margin-bottom:20px}
.footer .foot-con .foot-nav ul li .alink a{display:block;margin-bottom:5px;color:#b0bae4;font-size:14px;line-height:2;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.footer .foot-con .foot-nav ul li a:hover{color:#ffffff}
.footer .foot-con .foot-code{float:right;width:17.5%}
.footer .foot-con .foot-code .txt{text-align:right}
.footer .foot-con .foot-code .txt .t1{}
.footer .foot-con .foot-code .txt .t1 a{display:inline-block;padding:0px 20px;height:30px;line-height:30px;text-align:center;border-radius:15px;font-size:14px;color:#ffffff;background-color:#ff6a00}
.footer .foot-con .foot-code .txt .t2{margin-top:20px;font-size:24px;font-weight:bold;color:#FFFFFF}
.footer .foot-con .foot-code ul{margin-top:20px;overflow:hidden}
.footer .foot-con .foot-code ul li{float:left;width:42%;margin-right:16%;text-align:center}
.footer .foot-con .foot-code ul li:last-child{margin-right:0}
.footer .foot-con .foot-code ul li img{width:100%}
.footer .foot-con .foot-code ul li .t3{margin-top:10px;color:#ffffff;font-size:14px;}
.footer .foot-bot{padding-top:25px;border-top:#5162a9 solid 1px}
.footer .foot-bot .copyright{color:#b0bae4;font-size:14px;line-height:2;margin-bottom:10px}
.footer .foot-bot .copyright .record,.footer .foot-bot .copyright a{color:#b0bae4}
.footer .foot-bot .copyright .support{display:inline-block;margin-left:20px;color:#5366b5}
.footer .foot-bot .links{width:100%;overflow:hidden;font-size:14px;line-height:2;color:#ffffff}
.footer .foot-bot .links a{color:#ffffff;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.footer .foot-bot .links a:hover{color:#b0bae4}
.footer .foot-bot .links span{display:inline-block;margin:0px 10px}
.footer .link-more{display:none;color:#ffffff;font-size:14px;margin-top:10px;padding-right:20px;background:url(../images/img260.png) center right no-repeat}
.footer .link-more.on{background:url(../images/img260a.png) center right no-repeat}*/
.lunbotu{position:relative;width:100%;overflow:hidden}
.lunbotu .swiper-slide a{display:block;width:100%}
.lunbotu .swiper-slide a>img{width:100%}
.oimg2{display:none}
.lunbotu .ob-img{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}
.i-banner{position:absolute;left:50%;top:30%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.i-banner .box{text-align:center}
.i-banner .box .t1{color:#ffffff;font-size:50px;font-weight:bold;margin-bottom:20px;word-break:break-word}
.i-banner .box .t2{color:#ffffff;font-size:20px;word-break:break-word}
.i-banner .box .btn{text-align:left;padding:0}
.i-banner .box .btn span{display:inline-block;text-align:center;padding:0px 35px;color:#ffffff;font-size:18px;background-color:#d42724;border-radius:30px;height:60px;line-height:60px;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.i-banner .box .btn span:hover{background-color:#000000}
.i-banner .box .btn span img{display:inline-block;vertical-align:middle;margin-left:10px}
.lunbotu .swiper-pagination{display:inline-block}
.lunbotu.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px}
.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets,.lunbotu .swiper-pagination-custom,.lunbotu .swiper-pagination-fraction{bottom:7%;left:0;width:100%}
.lunbotu .swiper-pagination-bullet{width:13px;height:13px;display:inline-block;border-radius:50%;background:none;opacity:1;background-color:#d6daeb;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.lunbotu .swiper-pagination-bullet-active{opacity:1;background-color:#1E67B4}
.lunbotu .swiper-button-next,.lunbotu .swiper-button-prev{position:absolute;top:50%;width:50px;height:50px;margin-top:-60px;z-index:10;cursor:pointer;background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.lunbotu .swiper-button-prev,.lunbotu .swiper-container-rtl .swiper-button-next{background-image:url(../images/img1.png);left:0;right:auto}
.lunbotu .swiper-button-next,.lunbotu .swiper-container-rtl .swiper-button-prev{background-image:url(../images/img2.png);right:0;left:auto}
.lunbotu .swiper-button-next.swiper-button-disabled{opacity:1;background-image:url(../images/img2a.png)}
.lunbotu .swiper-button-prev.swiper-button-disabled{opacity:1;background-image:url(../images/img1a.png)}
.banner-video{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;overflow:hidden}
.obanner{width:100%;overflow:hidden}
.obanner>a{display:block;width:100%}
.obanner a img{width:100%}
.title{}
.title .t1{font-size:44px}
.title .t2{font-size:34px}
.title .t3{font-size:16px;line-height:2}
.title .t4{font-size:20px}
.title .t5{font-size:30px}
.title .t6{font-size:20px}
.title .t7{font-size:36px}
.title .t8{font-size:14px}
.title .t9{font-size:18px}
.title .t10{font-size:28px}
.center{text-align:center}
.indexpart1{padding-top:4.7%;padding-bottom:6.25%;background:#f9faff}
.indexpart1 .wrap{width:100%;overflow:hidden}
.indexpart1 .l-wrap{float:left;width:50%;overflow:hidden}
.indexpart1 .l-wrap .txt{position:relative;left:0;max-width:600px;width:100%;padding:1.8% 5% 1.8% 3.6%;overflow:hidden;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.indexpart1 .l-wrap .txt:hover{left:-2%}
.indexpart1 .l-wrap .txt .t1{color:#384c99}
.indexpart1 .l-wrap .txt .t2{margin-top:7.5%;color:#222222}
.indexpart1 .l-wrap .txt .t3{margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.indexpart1 .l-wrap .more{margin-top:10%}
.indexpart1 .l-wrap .more a{min-width:160px;height:50px;line-height:50px;border-radius:10px;margin:0 auto;color:#1E67B4;font-size:16px;text-align:center;border:#1E67B4 solid 1px;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.indexpart1 .l-wrap .more a:hover{background-color:#1E67B4;color:#FFFFFF}
.indexpart1 .r-wrap{position:relative;float:left;width:50%;overflow:hidden}
.indexpart1 .r-wrap .i-video{position:relative;width:100%;overflow:hidden}
.indexpart1 .r-wrap .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}
.indexpart1 .r-wrap .icon{position:absolute;left:50%;top:50%;z-index:2;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:9%}
.indexpart1 .r-wrap .icon .spot{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-animation:spin 5s linear infinite;animation:spin 5s linear infinite}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}@keyframes spin{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}.indexpart1 .l-box{float:left;width:50%;overflow:hidden}
.indexpart1 .l-box a{position:relative;display:block;width:100%}
.indexpart1 .l-box .txt{position:absolute;left:0;top:0;width:100%;height:100%;padding-top:6%;padding-left:7.2%;padding-right:14.2%;color:#FFFFFF;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;background:url(../images/img7.png) bottom 15% right 5.7% no-repeat;background-size:8% auto}
.indexpart1 .l-box:hover .txt{left:-2%}
.indexpart1 .l-box .t3{}
.title .t5{margin-bottom:10px}
.indexpart1 .l-box .txt .line{width:20px;height:2px;background:#FFFFFF;margin-top:15px;margin-bottom:25px}
.indexpart1 .l-box .img{width:100%;overflow:hidden}
.indexpart1 .l-box .img{}
.indexpart1 .r-box{float:left;width:50%}
.indexpart1 .r-box .img{width:100%;overflow:hidden}
.indexpart1 .r-box .img img{width:100%;opacity:0}
.indexpart1 .r-box a{position:relative;display:block;width:100%}
.indexpart1 .r-box .title.txt{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:6%;padding-left:10%;padding-right:14%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/img8.png) bottom 15% right 3% no-repeat;background-size:8% auto;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease}
.indexpart1 .r-box:hover .title{left:2%}
.indexpart1 .r-box .t7{color:#384c99}
.indexpart1 .r-box .t5{color:#222222;margin-top:10px}
.indexpart1 .r-box .t6{color:#666666;margin-top:30px}
.indexpart2{padding-top:5.7%;padding-bottom:5.7%;background-color:#ffffff}
.indexpart2 .title .t1{color:#222222}
.indexpart2 .box{margin-top:55px}
.indexpart2 .switch-tab ul{text-align:center;font-size:0;border-bottom:#eef3f8 solid 1px}
.indexpart2 .switch-tab ul li{position:relative;display:inline-block;vertical-align:top;margin:0 3%;width:14%;padding-bottom:20px}
.indexpart2 .switch-tab ul li:before{content:'';position:absolute;bottom:0;left:0;right:0;width:0;margin:auto;height:2px;background-color:#1E67B4;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;cursor:pointer}
.indexpart2 .switch-tab ul li:hover:before,.indexpart2 .switch-tab ul li.on:before{width:100%}
.indexpart2 .switch-tab ul li .icon{display:block;width:101px;height:110px;line-height:110px;cursor:pointer;text-align:center;margin:0 auto;background:url(../images/img14.png) center no-repeat;background-size:100% 100%;-webkit-transition:all 1s ease;transition:all 1s ease}
.indexpart2 .switch-tab ul li:hover .icon,.indexpart2 .switch-tab ul li.on .icon{background:url(../images/img14a.png) center no-repeat;background-size:100% 100%}
.indexpart2 .switch-tab ul li .icon img{display:inline-block;max-width:42%}
.indexpart2 .switch-tab ul li .icon .ic2{display:none}
.indexpart2 .switch-tab ul li:hover .icon .ic1,.indexpart2 .switch-tab ul li.on .icon .ic1{display:none}
.indexpart2 .switch-tab ul li:hover .icon .ic2,.indexpart2 .switch-tab ul li.on .icon .ic2{display:inline-block}
.indexpart2 .switch-tab ul li .txt{text-align:center;font-size:18px;color:#333333;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.indexpart2 .switch-tab ul li:hover .txt,.indexpart2 .switch-tab ul li.on .txt{color:#1E67B4}
.indexpart2 .switch-box{margin-top:50px}
.indexpart2 .switch-li{width:100%;overflow:hidden}
.indexpart2 .switch-li .l-wrap{float:left;width:21.875%;overflow:hidden;border-radius:10px}
.indexpart2 .switch-li .l-wrap a{display:block;width:100%}
.indexpart2 .switch-li .l-wrap img{width:100%}
.indexpart2 .switch-li .r-wrap{float:right;width:70.625%;padding-right:2.5%;overflow:hidden}
.indexpart2 .switch-li .r-wrap .txt{}
.indexpart2 .switch-li .r-wrap .txt .t6{color:#222222}
.indexpart2 .switch-li .r-wrap .txt .t6 img{display:inline-block;margin-right:12px}
.indexpart2 .switch-li .r-wrap .txt .t3{color:#666666;margin-top:25px}
.indexpart2 .switch-li .r-wrap .txt .more{text-align:left;margin-top:30px}
.indexpart2 .switch-li .r-wrap .txt .more a{font-size:16px;color:#1E67B4}
.indexpart2 .switch-li .r-wrap .txt .more a img{display:inline-block;vertical-align:inherit;margin-left:5px}
.indexpart2 .switch-li .r-wrap .tit{color:#444444;font-size:18px}
.indexpart2 .switch-li .r-wrap .wrap1{margin-top:50px}
.indexpart2 .switch-li .r-wrap .wrap1 ul{overflow:hidden}
.indexpart2 .switch-li .r-wrap .wrap1 ul li{float:left;min-width:180px;height:50px;line-height:50px;text-align:center;border:#eeeeee solid 1px;border-radius:5px;margin-right:20px;font-size:16px;color:#6e7385;padding:0 15px;margin-top:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.indexpart2 .switch-li .r-wrap .wrap1 ul li:hover{border:#1E67B4 solid 1px;background-color:#1E67B4;color:#FFFFFF}
.indexpart2 .switch-li .r-wrap .wrap2{margin-top:40px}
.indexpart2 .switch-li .r-wrap .wrap2 ul li{float:left;width:-moz-calc((100% - 100px) / 6);width:-webkit-calc((100% - 100px) / 6);width:calc((100% - 100px) / 6);margin-right:20px;margin-top:20px;border:#eeeeee solid 1px;border-radius:5px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(6n){margin-right:0}
.indexpart2 .switch-li .r-wrap .wrap2 ul li a{display:block;width:100%}
.indexpart2 .switch-li .r-wrap .wrap2 ul li img{}
.indexpart2 .m-box{margin-top:40px;display:none}
.indexpart2 .m-box ul li{position:relative;border:#e5e5e5 solid 1px;border-radius:10px;padding-top:10px;padding-bottom:10px;padding-right:12%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;margin-bottom:20px}
.indexpart2 .m-box ul li .icon{display:inline-block;vertical-align:middle;width:16%;text-align:center;overflow:hidden}
.indexpart2 .m-box ul li .icon .bg{position:relative;width:72%;overflow:hidden;margin:auto}
.indexpart2 .m-box ul li .icon .bg img{width:100%}
.indexpart2 .m-box ul li .icon .bg .ic{position:absolute;left:50%;top:50%;width:42%;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.indexpart2 .m-box ul li .txt{display:inline-block;vertical-align:middle;width:84%;overflow:hidden;color:#222222;font-size:18px;}
.indexpart2 .m-box ul li i{position:absolute;right:0;top:0;width:10%;height:100%;background:url(../images/img261.png) center no-repeat;background-size:14% auto}
.allbtn{text-align:center;margin-top:4.25%}
.allbtn a{min-width:160px;height:50px;line-height:50px;border-radius:10px;margin:0 20px;font-size:16px;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.allbtn a.btn1{color:#1E67B4;border:#1E67B4 solid 1px}
.allbtn a.btn1:hover{background-color:#1E67B4;color:#FFFFFF}
.allbtn a.btn2{display:none;color:#ff6a00;border:#ff6a00 solid 1px}
.allbtn a.btn2:hover{background-color:#ff6a00;color:#FFFFFF}
.indexpart3{padding-top:6.7%;padding-bottom:5.7%;background:url(../images/img23.jpg) center no-repeat;background-size:cover}
.indexpart3 .box{max-width:1400px;width:100%;margin:auto}
.indexpart3 .title .t1{color:#FFFFFF}
.indexpart3 .wrap{margin-top:40px;font-size:0;text-align:center}
.indexpart3 .wrap .bg{position:relative;display:inline-block;width:50.28%;margin:auto;padding:5% 0}
.indexpart3 .wrap .bg .s1{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/img25.png) center no-repeat;background-size:76.84% auto}
@-webkit-keyframes s1{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}@keyframes s1{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}.indexpart3 .wrap .bg .s2{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/img24.png) center no-repeat;background-size:76.84% auto}
@-webkit-keyframes s2{0%{-webkit-transform:rotate(360deg)}
100%{-webkit-transform:rotate(0deg)}
}@keyframes s2{0%{transform:rotate(360deg)}
100%{transform:rotate(0deg)}
}.indexpart3 .wrap .bg .s3{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
.indexpart3 .wrap .bg .s4{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:21.5%;height:22%;background:url(../images/img263.png) center no-repeat;background-size:auto 100%;z-index:11;color:#FFFFff;font-size:22px;display:flex;align-items:center;justify-content:center}
@-webkit-keyframes s4{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}@keyframes s4{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}#sector{}
#sector ul{position:relative;margin:1em auto;padding:0;width:370px;height:370px;margin:150px auto;border-radius:100%;list-style:none;overflow:hidden;transform:rotate(0deg)}
#sector ul li{overflow:hidden;position:absolute;top:0;right:0;width:50%;height:50%;transform-origin:0% 100%;background:rgba(255,255,255,0.15);cursor:pointer}
#sector ul li:hover{background:#e1671d}
#sector .sector1{-webkit-transform:rotate(0deg) skewY(-32deg);-moz-transform:rotate(0deg) skewY(-32deg);-ms-transform:rotate(0deg) skewY(-32deg);transform:rotate(0deg) skewY(-32deg)}
#sector .sector2{-webkit-transform:rotate(60deg) skewY(-32deg);-moz-transform:rotate(60deg) skewY(-32deg);-ms-transform:rotate(60deg) skewY(-32deg);transform:rotate(60deg) skewY(-32deg)}
#sector .sector3{-webkit-transform:rotate(120deg) skewY(-32deg);-moz-transform:rotate(120deg) skewY(-32deg);-ms-transform:rotate(120deg) skewY(-32deg);transform:rotate(120deg) skewY(-32deg)}
#sector .sector4{-webkit-transform:rotate(180deg) skewY(-32deg);-moz-transform:rotate(180deg) skewY(-32deg);-ms-transform:rotate(180deg) skewY(-32deg);transform:rotate(180deg) skewY(-32deg)}
#sector .sector5{-webkit-transform:rotate(240deg) skewY(-32deg);-moz-transform:rotate(240deg) skewY(-32deg);-ms-transform:rotate(240deg) skewY(-32deg);transform:rotate(240deg) skewY(-32deg)}
#sector .sector6{-webkit-transform:rotate(300deg) skewY(-32deg);-moz-transform:rotate(360deg) skewY(-32deg);-ms-transform:rotate(300deg) skewY(-32deg);transform:rotate(300deg) skewY(-32deg)}
#sector ul li .txt{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0% 100%;-webkit-transform:skewY(0) rotate(0);-moz-transform:skewY(0) rotate(0);-ms-transform:skewY(0) rotate(0);transform:skewY(0) rotate(0);color:rgba(255,255,255,0.6);font-size:16px;}
#sector ul li .txt .sp{position:absolute;left:0;bottom:42px;width:120px;height:60px}
#sector ul li.sector1 .txt .sp{transform:skewY(32deg)}
#sector ul li.sector2 .txt .sp{transform:skewY(32deg) rotate(-60deg)}
#sector ul li.sector3 .txt .sp{transform:skewY(32deg) rotate(-120deg)}
#sector ul li.sector4 .txt .sp{transform:skewY(32deg) rotate(-180deg)}
#sector ul li.sector5 .txt .sp{transform:skewY(32deg) rotate(-240deg)}
#sector ul li.sector6 .txt .sp{transform:skewY(32deg) rotate(-300deg)}
.deve-list{position:absolute;left:50%;top:50%;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:58.53%;height:58.156%;margin-top:-1%}
.deve-list ul li{position:absolute;overflow:hidden}
.deve-list ul li img{width:100%}
.deve-list ul li .im2{display:none}
.deve-list ul li:hover .im1{display:none}
.deve-list ul li:hover .im2{display:inline-block}
.deve-list ul li.column1{top:0;left:7.05%;width:42.475%}
.deve-list ul li.column2{top:26.5%;left:0;width:49.27%}
.deve-list ul li.column3{bottom:-5.2%;left:7.05%;width:42.475%}
.deve-list ul li.column4{bottom:-5.2%;right:7.05%;width:42.475%}
.deve-list ul li.column5{top:26.5%;right:0;width:49.27%}
.deve-list ul li.column6{top:0;right:7.05%;width:42.475%}
.deve-list ul li .txt{position:absolute;top:30%;text-align:center;color:rgba(255,255,255,0.7);font-size:14px;width:54%}
.deve-list ul li.column1 .txt{left:32%;top:32%}
.deve-list ul li.column2 .txt{top:40%;left:12%}
.deve-list ul li.column3 .txt{top:47%;left:29%;width:60%}
.deve-list ul li.column4 .txt{top:47%;left:13%;width:60%}
.deve-list ul li.column5 .txt{top:40%;left:35%}
.deve-list ul li.column6 .txt{left:12%;width:60%;top:32%}
@media only screen and (max-width:1600px){.deve-list ul li.column2 .txt{top:32%}
.deve-list ul li.column3 .txt{top:40%}
.deve-list ul li.column4 .txt{top:40%;left:11%}
.deve-list ul li.column6 .txt{top:27%}
.indexpart3 .wrap .bg .s4{font-size:20px}
}@media only screen and (max-width:1280px){.deve-list ul li .txt{font-size:12px}
}@media only screen and (max-width:1024px){.indexpart3 .wrap .bg .s3{background:url(../images/img28b.png) center no-repeat;background-size:77.3% auto}
.indexpart3 .wrap .bg .s4{display:none}
.deve-list{display:none}
}.indexpart3 .wrap .w1{float:left}
.indexpart3 .wrap .w2{float:right}
.indexpart3 .wrap>ul{width:24.857%;overflow:hidden}
.indexpart3 .wrap>ul>li{margin-bottom:20%;font-size:0}
.indexpart3 .wrap>ul.w1>li{padding-right:10%;text-align:right}
.indexpart3 .wrap>ul.w2>li{padding-left:10%}
.indexpart3 .wrap ul li .con{display:inline-block;max-width:230px;width:100%;text-align:left}
.indexpart3 .wrap ul li .con .t1{position:relative;padding-left:28%;overflow:hidden;color:#ffffff;font-size:24px;margin-bottom:15px}
.indexpart3 .wrap ul li .con .t1 .sp{position:absolute;left:0;top:6px;width:28%;text-align:center;color:#758ec7;font-size:20px}
.indexpart3 .wrap ul li .con .t2{display:table;width:100%;color:#bfd0f5;font-size:16px;height:108px;background:url(../images/img29.png) center no-repeat;background-size:100% 100%}
.indexpart3 .wrap>ul>li:hover .con .t2{color:#ffffff;background:url(../images/img30.png) center no-repeat;background-size:100% 100%}
.indexpart3 .wrap ul li .con .t2 ul{display:table-cell;vertical-align:middle;width:100%;padding:0 13%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.indexpart3 .wrap ul li .con .t2 ul li{float:left;position:relative;width:50%;text-align:left;margin:5px auto;padding-left:12%;padding-right:6%;-webkit-box-sizing:border-box;box-sizing:border-box}
.indexpart3 .wrap ul li .con .t2 ul li:before{content:'';position:absolute;left:0;top:10px;width:3px;height:3px;border-radius:50%;background-color:#f6f7fb}
.indexpart4{padding-top:4.2%;padding-bottom:6.5%;background:#f9faff url(../images/img31.png) bottom center no-repeat;background-size:100% auto}
.indexpart4 .box{max-width:1450px;width:100%;margin:auto;text-align:center}
.indexpart4 .box .txt{float:left;width:33.33%;max-width:240px;overflow:hidden;color:#222222;font-size:40px;text-align:left}
.indexpart4 .box .quota{display:inline-block;width:33.33%;text-align:center}
.indexpart4 .box .quota .t1{color:#666666;font-size:24px;line-height:64px;margin-bottom:15px}
.indexpart4 .box .quota .t1 .sp{display:inline-block;vertical-align:top;margin:0px 7px;width:50px;height:64px;line-height:64px;color:#ff6a00;font-size:40px;border-radius:10px;text-align:center;background-color:#FFFFFF;box-shadow:0px 7px 9px rgba(0,0,0,0.15)}
.indexpart4 .box .quota .t2{color:#ff6a00;font-size:16px}
.indexpart4 .box .btnbox{float:right;width:33.33%;overflow:hidden;text-align:right;font-size:0;margin-top:15px}
.indexpart4 .box .btnbox a{display:inline-block;width:41.4%;height:50px;line-height:50px;color:#ffffff;font-size:18px;text-align:center;border-radius:10px;margin-right:8%;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.indexpart4 .box .btnbox a:last-child{margin-right:0}
.indexpart4 .box .btnbox a.btn1{background:#3b4fa3;border:#3b4fa3 solid 1px}
.indexpart4 .box .btnbox a.btn2{background:#ff6a00;border:#ff6a00 solid 1px}
.indexpart4 .box .btnbox a.btn1:hover{background:none;color:#3b4fa3}
.indexpart4 .box .btnbox a.btn2:hover{background:none;color:#ff6a00}
.indexpart5{padding-top:4.2%;padding-bottom:5.2%;background:#ffffff}
.indexpart5 .box{margin-top:3.75%}
.indexpart5 .box .switch-box{}
.caseli{position:relative;float:left;width:23.125%;margin-right:2.5%;margin-top:2.5%;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-perspective:1000;perspective:1000;transform-style:preserve-3d}
.caseli:nth-child(4n){margin-right:0}
.m-ul .caseli a{display:block;width:100%}
.related .caseli{width:31.73%;margin-right:2.4%;margin-bottom:2.4%}
.related .caseli:nth-child(4n){margin-right:2.4%}
.related .caseli:nth-child(3n){margin-right:0}
.innovation .caseli{margin:0 auto}
.caseli .above{padding-top:7%;background:#FFFFFF;position:relative;-webkit-transform:rotateX(0deg) rotateY(0deg);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-transform:rotateX(0deg) rotateY(0deg);-moz-transform-style:preserve-3d;-moz-backface-visibility:hidden;transform:rotateY(0deg);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out;z-index:24;box-shadow:0px 5px 38px rgba(0,69,87,0.09);border-radius:10px}
.caseli:hover .above{z-index:35;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s}
.caseli .below{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/img32.jpg) center no-repeat;background-size:cover;box-shadow:0px 5px 38px rgba(0,69,87,0.09);-webkit-transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-transform:rotateY(-180deg);-moz-transform-style:preserve-3d;-moz-backface-visibility:hidden;transform:rotateY(-180deg);-moz-transition:all .4s ease-out;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;z-index:13;border-radius:10px}
.caseli:hover .below{display:block;-webkit-animation:fadeIn 0.8s;animation:fadeIn 0.8s}
.caseli:hover .below{z-index:46;-webkit-transform:rotateX(0deg) rotateY(0deg);-moz-transform:rotateX(0deg) rotateY(0deg);transform:rotateY(0deg);-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s}
.caseli .img{width:100%;overflow:hidden}
.caseli .img img{opacity:0;width:100%;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.caseli:hover .img img{opacity:1}
.caseli .txt{width:100%;padding:10%;-webkit-box-sizing:border-box;box-sizing:border-box;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.caseli .icon{margin-bottom:8%;text-align:center;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.caseli .icon img{max-height:80px}
.caseli .title{}
.caseli .title .t6{color:#222222;min-height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:10px;text-align:center}
.caseli .title .t8{color:#666666;line-height:2;min-height:120px}
.caseli .title .t8 li{margin-bottom:5px}
.caseli .below .t6,.caseli .below .t8{color:#FFFFFF}
.caseli .below .title .t6{margin-top:7%;text-align:center}
.caseli .btn{margin-top:12%;width:100%;font-size:0;text-align:center;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.caseli .btn a,.caseli .btn span{display:inline-block;vertical-align:top;min-width:38%;border:#ffffff solid 1px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;height:40px;line-height:38px;padding:0 10px}
.caseli .btn a.b1,.caseli .btn span.b1{background:#FFFFFF;color:#1E67B4;margin-right:6%}
.caseli .btn a.b2,.caseli .btn span.b2{color:#FFFFFF}
.caseli .btn a.b1:hover,.caseli .btn span.b1:hover{background:none;border:#fFFFFFF solid 1px;color:#FFFFFF}
.caseli .btn a.b2:hover,.caseli .btn span.b2:hover{background:#FFFFFF;color:#1E67B4;border:#1E67B4 solid 1px}
.alike .switch-tab{}
.alike .switch-tab ul{text-align:center;font-size:0}
.alike .switch-tab ul li{display:inline-block;vertical-align:top;padding:0px 35px;cursor:pointer}
.alike .switch-tab ul li a,.alike .switch-tab ul li span{position:relative;display:block;padding:0 10px 12px;color:#666666;font-size:16px;}
.alike .switch-tab ul li:hover a,.alike .switch-tab ul li.on a{color:#1E67B4}
.alike .switch-tab ul li:hover span,.alike .switch-tab ul li.on span{color:#1E67B4}
.alike .switch-tab ul li a:before,.alike .switch-tab ul li span:before{content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;width:0;height:3px;background:#1E67B4;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.alike .switch-tab ul li:hover a:before,.alike .switch-tab ul li.on a:before{width:100%}
.alike .switch-tab ul li:hover span:before,.alike .switch-tab ul li.on span:before{width:100%}
.innovation .switch-box .oth{position:relative;padding:0px 50px;overflow:hidden;margin-top:3.1%}
.innovation .casebox{position:relative;width:100%;overflow:hidden}
.innovation .casebox .swiper-slide{padding:20px;box-sizing:border-box}
.innovation .casebox .caseli{float:none;width:100%}
.innovation .swiper-button-next,.innovation .swiper-button-prev{position:absolute;top:50%;width:9px;height:18px;margin-top:-9px;z-index:10;cursor:pointer;-moz-background-size:9px 18px;-webkit-background-size:9px 18px;background-size:9px 18px;background-position:center;background-repeat:no-repeat}
.innovation .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url(../images/img159.png);left:0;right:auto}
.innovation .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url(../images/img160.png);right:0;left:auto}
.innovation .swiper-button-prev:hover{background-image:url(../images/img159a.png)}
.innovation .swiper-button-next:hover{background-image:url(../images/img160a.png)}
.indexpart6{padding-top:4.2%;padding-bottom:6.25%;background:#f9faff}
.indexpart6 .box{margin-top:40px}
.indexpart6 .box .wrap{margin-top:50px}
.indexpart6 .box .wrap .l-wrap{position:relative;float:left;width:65.6%;margin-right:3.2%;box-shadow:0px 2px 29px rgba(10,33,130,0.08);border-radius:10px;padding-right:34.4%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.indexpart6 .box .wrap .l-wrap .bg{width:100%;overflow:hidden}
.indexpart6 .box .wrap .l-wrap .bg img{opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.indexpart6 .box .wrap .l-wrap>a{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.indexpart6 .box a{position:relative;display:block;width:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.indexpart6 .box .img{position:relative;width:100%}
.indexpart6 .box .img img{opacity:0;width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.indexpart6 .box .r-wrap:hover .img::before,.indexpart6 .box .switch-li ul li:hover .img::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(61,80,159,1)}
.indexpart6 .box .txt{position:absolute;left:0;top:0;width:100%;height:100%;padding-top:7.5%;-webkit-box-sizing:border-box;box-sizing:border-box}
.indexpart6 .box .txt .title{margin-top:7%;min-height:80%}
.indexpart6 .box .txt .title .t4{color:#222222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.indexpart6 .box .txt .title .t8{margin-top:15px;color:#999999;line-height:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.indexpart6 .box .txt .other{width:100%;overflow:hidden}
.indexpart6 .box .txt .other .more{float:left;display:inline-block;color:#1E67B4;font-size:14px;text-decoration:underline}
.indexpart6 .box .txt .other .date{float:right;font-size:18px;color:#dcdee8}
.indexpart6 .box .wrap .l-wrap a{padding:4.78%}
.indexpart6 .box .wrap .l-wrap a .txt{padding:0 6%}
.indexpart6 .box .wrap .r-wrap a .txt,.indexpart6 .box .switch-li ul li a .txt{padding:9%}
.indexpart6 .box .wrap .l-wrap .img{float:left;width:42.1%;overflow:hidden;position:static}
.indexpart6 .box .wrap .l-wrap .img img{width:100%;opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.indexpart6 .box .wrap .l-wrap:hover .img img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.indexpart6 .box .wrap .l-wrap .txt{position:relative;z-index:1;float:left;width:57.9%;padding-top:2.5%;padding-left:6.3%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.indexpart6 .box .wrap .r-wrap{position:relative;float:left;width:31.2%;box-shadow:0px 2px 29px rgba(10,33,130,0.08);border-radius:10px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.indexpart6 .box .switch-li ul{font-size:0}
.indexpart6 .box .switch-li ul li{display:inline-block;vertical-align:top;width:31.2%;margin-right:3.2%;margin-top:3.2%;box-shadow:0px 2px 29px rgba(10,33,130,0.08);border-radius:10px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.indexpart6 .box .switch-li ul li:nth-child(3n){margin-right:0}
.indexpart6 .box .l-wrap:hover .txt .title .t4{color:#1E67B4}
.indexpart6 .box .r-wrap:hover .txt .title .t4,.indexpart6 .box .switch-li ul li:hover .txt .title .t4{color:#FFFFFF}
.indexpart6 .box .r-wrap:hover .txt .title .t8,.indexpart6 .box .switch-li ul li:hover .txt .title .t8{color:#FFFFFF}
.indexpart6 .box .r-wrap:hover .txt .other .more,.indexpart6 .box .r-wrap:hover .txt .other .date{color:#FFFFFF}
.indexpart6 .box .switch-li ul li:hover .txt .other .more,.indexpart6 .box .switch-li ul li:hover .txt .other .date{color:#FFFFFF}
.case{padding-top:3.9%;padding-bottom:4.94%;background:#f6f9fe}
.case .content{max-width:1530px;width:100%;margin:auto}
.case .box{background-color:#ffffff;padding:2% 4.2%;-webkit-box-sizing:border-box;box-sizing:border-box}
.case .box .tit{float:left;color:#222222;font-size:18px;line-height:40px}
.case .box .search{float:right;width:300px;overflow:hidden}
.case .box .search .inputdiv{float:left;width:76.6%;border-radius:5px;border:#e5e5e5 solid 1px;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}
.case .box .search .inputdiv input{width:100%;height:38px;line-height:38px;color:#666666;font-size:16px;background:none;outline:none;border:none}
.case .box .search .btn{float:right;width:20%;height:40px;background-color:#1E67B4;border-radius:5px}
.case .box .search .btn input{width:100%;height:38px;line-height:38px;color:#f6f8fa;font-size:18px;background:none;outline:none;border:none}
.case .box .box2{margin-top:15px;border-top:#eeeeee solid 1px}
.case .box .box2 ul{overflow:hidden}
.case .box .box2 .a-more{color:#666666;font-size:14px;text-align:right;margin-top:10px}
.case .box .box2 ul li{float:left;margin-right:50px}
.case .box .box2 ul li a{position:relative;color:#666666;font-size:18px;line-height:2;padding:15px 12px}
.case .box .box2 ul li.on a,.case .box .box2 ul li:hover a{color:#1E67B4}
.case .box .box2 ul li a:before{content:'';position:absolute;left:0;right:0;top:0;margin:auto;width:0;height:3px;background-color:#1E67B4;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.case .box .box2 ul li.on a:before,.case .box .box2 ul li:hover a:before{width:100%}
.case .wrap>ul{margin-bottom:4.9%}
.page{width:100%;text-align:center}
.page-list{font-size:0}
.page-list a{display:inline-block;vertical-align:top;padding:0px 10px;min-width:40px;height:40px;line-height:40px;margin-bottom:5px;margin-right:24px;text-align:center;font-size:20px;color:#666666;border-radius:5px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.page-list a:last-child{margin-right:0}
.page-list a.fyprev{border:none;background:url(../images/img42.png) center no-repeat}
.page-list a.fynext{border:none;background:url(../images/img43.png) center no-repeat}
.page-list a.fyprev:hover{border:none;background:url(../images/img42a.png) center no-repeat}
.page-list a.fynext:hover{border:none;background:url(../images/img43a.png) center no-repeat}
.page-list a:hover,.page-list a.on{color:#ffffff;background-color:#3b4fa3}
.page-list .total{display:inline-block;vertical-align:top;margin-left:10px;color:#666666;font-size:16px;line-height:40px}
.comnav{position:relative;z-index:11;width:100%;background:#ffffff;box-shadow:0px 2px 25px rgba(61,80,159,0.13)}
.comnav.fixed{position:fixed;left:0;top:120px;z-index:11}
.comnav ul{text-align:center;font-size:0}
.comnav ul li{display:inline-block;vertical-align:top;margin:0 20px}
.comnav ul li span{position:relative;display:block;padding:0px 20px;color:#222222;font-size:18px;line-height:80px;cursor:pointer}
.comnav ul li.on span,.comnav ul li:hover span{color:#1E67B4}
.comnav ul li span:before{content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;width:0;height:3px;background:#1E67B4;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.comnav ul li.on span:before,.comnav ul li:hover span:before{width:100%}
.case-detail{padding-top:3.3%;padding-bottom:3%}
.case-detail .content{padding-top:4.68%}
.case-detail .box,.service-details .related .box{position:relative;max-width:1400px;width:100%;margin:auto}
.case-detail .l-box{float:left;width:280px;height:-moz-calc(100vh - 200px);height:-webkit-calc(100vh - 200px);height:calc(100vh - 200px)}
.case-detail .l-box .w1,.case-detail .l-box .w2,.new-detail .box .r-box .w2{background:#FFFFFF;border:#eeeeee solid 1px;padding-bottom:30px}
.case-detail .l-box .w1{padding-top:10%;margin-bottom:20px;text-align:center}
.case-detail .l-box .w1 .img{width:100%;overflow:hidden;margin-bottom:25px}
.case-detail .l-box .w1 .img img{max-width:100%}
.new-detail .box .r-box .w2{margin-top:35px}
.case-detail .l-box .w2 .title .t6,.new-detail .box .r-box .w2 .title .t6{line-height:60px;border-bottom:#eeeeee solid 1px}
.case-detail .l-box .w2 .title .t3,.new-detail .box .r-box .w2 .title .t3{}
.case-detail .l-box .w2 .title .t3 ul,.new-detail .box .r-box .w2 .title .t3 ul{padding:0 9%;margin-top:20px}
.case-detail .l-box .w2 .title .t3 ul li,,.new-detail .box .r-box .w2 .title .t3 ul li{margin-bottom:10px}
.case-detail .l-box .w2 .btn,.new-detail .box .r-box .w2 .btn{width:82%;margin:25px auto 0;overflow:hidden;text-align:center}
.case-detail .l-box .w2 .btn a,.new-detail .box .r-box .w2 .btn a{float:left;width:47.3%;margin-right:5.4%;font-size:16px;color:#ffffff;line-height:38px;border-radius:5px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.case-detail .l-box .w2 .btn a:nth-child(2n),.new-detail .box .r-box .w2 .btn a:nth-child(2n){margin-right:0}
.case-detail .l-box .w2 .btn a.btn1,.new-detail .box .r-box .w2 .btn a.btn1{background:#1E67B4;border:#1E67B4 solid 1px}
.case-detail .l-box .w2 .btn a.btn2,.new-detail .box .r-box .w2 .btn a.btn2{background:#ff6a00;border:#ff6a00 solid 1px}
.case-detail .l-box .w2 .btn a.btn1:hover,.new-detail .box .r-box .w2 .btn a.btn1:hover{background:none;color:#1E67B4}
.case-detail .l-box .w2 .btn a.btn2:hover,.new-detail .box .r-box .w2 .btn a.btn2:hover{background:none;color:#ff6a00}
.case-detail .r-box{float:right;width:-moz-calc(100% - 280px);width:-webkit-calc(100% - 280px);width:calc(100% - 280px);padding-left:5%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.case-detail .r-box #wrap>li{padding-bottom:50px;border-bottom:#eeeeee solid 1px}
.case-detail .r-box #wrap>li:last-child{border-bottom:none}
.case-detail .r-box #wrap>li .box{padding-top:40px}
.case-detail .r-box .text .t7{margin-bottom:25px}
.case-detail .r-box .text .t3{}
.case-detail .r-box .text ul.t3{margin-top:30px;background:#f6f9fe;padding:3% 3.8%;color:#222222}
.case-detail .r-box .text ul.t3 li{margin-bottom:5px}
.case-detail .r-box .text ul.t3 li:last-child{margin-bottom:0}
.case-detail .r-box .tit{color:#222222;font-size:28px;margin-bottom:20px}
.s-module ul li{float:left;min-width:22%;width:auto;margin-right:2.8%;margin-bottom:15px;border-radius:5px;overflow:hidden}
.s-module ul li:nth-child(4n),.s-module ul li:last-child{margin-right:0}
.s-module ul li span,.s-module ul li a{position:relative;display:block;width:100%;padding-left:14%;padding-right:14%;background:#FFFFFF;color:#222222;font-size:16px;height:70px;line-height:70px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.s-module ul li span .sp,.s-module ul li a .sp{position:absolute;right:7%;top:0;font-weight:bold;color:#e3e7f2;font-size:16px}
.s-module ul li:hover span,.s-module ul li:hover a{background:#ff6a00}
.s-module ul li:hover span,.s-module ul li:hover a{color:#ffffff}
.s-module ul li:hover span .sp,.s-module ul li:hover a .sp{color:#ff8647}
.case-detail .r-box .contract{width:100%;overflow:hidden}
.case-detail .r-box .contract .title{float:left;width:48%;overflow:hidden;padding-top:30px}
.case-detail .r-box .contract .title .t3{color:#666666;}
.case-detail .r-box .contract .imgbox{float:right;width:40%}
.case-detail .r-box .contract .imgbox .img{text-align:center;margin:25px}
.case-detail .r-box .contract .imgbox .img img{display:inline-block;padding:20px;background-color:#FFFFFF;box-shadow:0px 1px 29px rgba(61,80,159,0.15)}
.case-detail .r-box .contract .swiper-container{padding-bottom:25px}
.case-detail .r-box .contract .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;background:#d8dcec;opacity:1}
.case-detail .r-box .contract .swiper-pagination-bullet-active{opacity:1;background:#ff6a00}
.case-detail .r-box .completed .title .t3{color:#666666;}
.case-detail .r-box .completed .img{margin-top:40px}
.case-detail .r-box .btnbox,.new-detail .l-box .btnbox{text-align:center;overflow:hidden;margin-top:20px}
.new-detail .l-box .btnbox{border-top:#e5e5e5 solid 1px;padding-top:45px}
.case-detail .r-box .btnbox a,.new-detail .l-box .btnbox a{display:inline-block;width:160px;height:50px;line-height:48px;color:#222222;font-size:16px;border:#eeeeee solid 1px;border-radius:5px;background:#ffffff;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.new-detail .l-box .btnbox a{color:#666666}
.case-detail .r-box .btnbox .prev,.new-detail .l-box .btnbox .prev{float:left}
.case-detail .r-box .btnbox .next,.new-detail .l-box .btnbox .next{float:right}
.case-detail .r-box .btnbox a:hover,.new-detail .l-box .btnbox a:hover{color:#FFFFFF;background:#1E67B4}
.case-detail .r-box .related{margin-top:6.7%}
.aboutbox{}
.abnav{margin-top:-50px}
.abnav ul{text-align:center;font-size:0}
.abnav ul li{display:inline-block;vertical-align:top;width:16.25%;margin:0 1%;box-shadow:0px 1px 21px rgba(34,24,21,0.1);border-radius:10px;overflow:hidden;background:#FFFFFF;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.abnav ul li:hover,.abnav ul li.on{background:#1E67B4}
.abnav ul li a{display:block;width:100%;height:100px;line-height:100px;color:#333;font-size:20px;}
.abnav ul li:hover a,.abnav ul li.on a{color:#FFFFFF}
.abnav ul li a img{display:inline-block;vertical-align:middle;margin-right:12px}
.abnav ul li a img.ic2{display:none}
.abnav ul li:hover a img.ic1,.abnav ul li.on a img.ic1{display:none}
.abnav ul li:hover a img.ic2,.abnav ul li.on a img.ic2{display:inline-block}
.speech{padding-top:6%;padding-bottom:6%}
.speech .box{max-width:1450px;width:100%;margin:auto;overflow:hidden}
.speech .l-box{float:left;width:50%;padding-right:5%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.speech .l-box .title{color:#222222}
.speech .l-box .title .t9{margin-top:40px;line-height:2}
.speech .l-box .img{text-align:right;overflow:hidden;margin-top:30px}
.speech .l-box .img img{}
.speech .r-box{float:right;width:50%;padding-left:5%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.speech .r-box img{max-width:100%}
.about{padding-top:3.9%;padding-bottom:5.7%}
.about .content{max-width:1475px;width:100%;margin:auto}
.aboutbox .a-title{}
.aboutbox .a-title .t1{color:#1E67B4;font-size:44px;margin-bottom:6px}
.aboutbox .a-title .t2{text-transform:uppercase;color:#666666;font-size:16px}
.aboutbox .a-title.oth .t1{color:#222222}
.about .box{margin-top:3.4%}
.about .box .l-box{float:left;width:52.88%;overflow:hidden}
.about .box .l-box .title .t9{color:#666666;line-height:2}
.about .box .r-box{position:relative;float:right;width:41%;overflow:hidden;border-radius:20px}
.about .box .r-box .videoimg{width:100%;overflow:hidden}
.about .box .r-box .videoimg img{width:100%}
.about .box .r-box .icon{position:absolute;left:50%;top:50%;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:12%}
.about .box .r-box .icon img{}
.about .box .r-box .icon .spin{position:absolute;left:0;top:0;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
.culture{max-width:1500px;width:100%;margin:6% auto 0}
.culture ul{}
.culture ul li{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;float:left;width:31%;height:145px;border:1px solid #e5e5e5;margin-top:20px;margin-right:3.5%;padding:0px 25px;border-radius:10px;overflow:hidden;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-box-sizing:border-box;box-sizing:border-box}
.culture ul li:nth-child(3n){margin-right:0}
.culture ul li:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0px 1px 21px rgba(34,24,21,0.15)}
.culture ul li img{width:70px;height:70px;margin-right:15px}
.culture ul li .info{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:16px;color:#666666;line-height:24px}
.culture ul li .info .bt{color:#1E67B4;font-size:22px;padding-bottom:5px}
.key{padding-top:3.9%;padding-bottom:3.9%;background:#f6f9fe}
.key .content{max-width:1500px;width:100%;margin:auto}
.key .box{margin-top:50px}
.key .box>ul{font-size:0}
.key .box>ul>li{position:relative;display:inline-block;vertical-align:top;width:48.66%;margin-right:2.68%;margin-bottom:3.33%;overflow:hidden;font-size:0;background:#ffffff;border-radius:10px;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.key .box>ul>li:nth-child(2n){margin-right:0}
.key .box>ul>li:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#1E67B4;opacity:0;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.key .box>ul>li:hover:before{opacity:1}
.key .box ul li .img{position:relative;z-index:1;display:inline-block;vertical-align:middle;width:39.7%;border-radius:10px;text-align:center;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.key .box ul li .img img{position:relative;z-index:1;width:100%;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.key .box ul li:hover .img img{-o-transform:scale(1.06);-ms-transform:scale(1.06);-moz-transform:scale(1.06);-webkit-transform:scale(1.06);transform:scale(1.06)}
.key .box ul li .img:before{content:'';position:absolute;left:50%;top:50%;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;width:100%;height:100%;border-radius:50%;opacity:0;border:#1E67B4 solid 200px;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.key .box ul li:hover .img:before{opacity:1;width:270px;height:270px}
.key .box ul li .txt{display:inline-block;vertical-align:middle;position:relative;z-index:1;width:60.3%;overflow:hidden;padding-left:5.5%;padding-right:4.8%;margin-top:10px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.key .box ul li .txt .tit{overflow:hidden;padding-bottom:15px;border-bottom:#eeeeee solid 1px}
.key .box ul li:hover .txt .tit{border-bottom:rgba(255,255,255,0.4) solid 1px}
.key .box ul li .txt .tit .t1{float:left;color:#222222;font-size:24px;}
.key .box ul li .txt .tit .t2{float:right;color:#666666;font-size:16px;line-height:2.25;}
.key .box ul li:hover .txt .tit .t1,.key .box ul li:hover .txt .tit .t2,.key .box ul li:hover .txt ul li{color:#FFFFFF}
.key .box ul li .txt ul{margin-top:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.key .box ul li .txt ul li{position:relative;padding-left:25px;color:#666666;font-size:16px;line-height:2}
.key .box ul li .txt ul li:last-child{margin-bottom:0}
.key .box ul li .txt ul li:before{content:'';position:absolute;left:0;top:13px;width:4px;height:4px;border-radius:50%;border:#c8d0eb solid 1px}
.key .box ul li .txt .see{text-align:right;margin-top:15px}
.key .box ul li .txt .see a{text-decoration:underline;color:#1E67B4;font-size:14px;text-align:left;line-height:22px;padding-right:30px;background:url(../images/img64.png) center right no-repeat}
.key .box ul li:hover .txt .see a{color:#FFFFFF;background:url(../images/img65.png) center right no-repeat}
.key .box .more{text-align:center;margin-top:5%}
.key .box .more a{display:inline-block;min-width:130px;height:42px;line-height:42px;color:#1E67B4;font-size:14px;border:#1E67B4 solid 1px;border-radius:5px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.key .box .more a:hover{color:#FFFFFF;background:#1E67B4}
.strength{padding-top:6.25%;padding-bottom:4.2%}
.strength .box .tabs{position:relative;max-width:1500px;width:100%;margin:auto}
.strength .box .tabs ul li{position:relative;float:left;width:32.66%;margin-right:1%}
.strength .box .tabs ul li:nth-child(3n){margin-right:0}
.strength .box .tabs ul li a{height:80px;background:#ddd;font-size:20px;display:flex;align-items:center;justify-content:center;color:#333;transition:.3s;border-radius:10px}
.strength .box .tabs ul li.active a{background:#1E67B4;color:#fff}
.strength .box .tabs ul li.active a:after{content:"";position:absolute;top:100%;left:0;right:0;margin:auto;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #1E67B4}
.strength .tabbox{position:relative;margin:45px auto 0px;max-width:1620px;width:100%}
.swiper-box{position:relative;max-width:1500px;width:100%;overflow:hidden;padding-bottom:40px;margin:auto}
.swiper-box .wrap{width:100%;overflow:hidden}
.swiper-box .wrap .l-wrap{float:left;width:48.666%;padding-right:10px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.swiper-box .wrap .r-wrap{float:right;width:51.334%;padding-left:10px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.swiper-box .wrap .r-wrap ul li{float:left;width:-moz-calc((100% - 20px) / 2);width:calc((100% - 20px) / 2);width:calc((100% - 20px) / 2);margin-right:20px;margin-bottom:20px}
.swiper-box .wrap .r-wrap ul li:nth-child(2n){margin-right:0}
.swiper-box .wrap .item{position:relative;width:100%;overflow:hidden}
.swiper-box .wrap .item img{width:100%;height:100%;object-fit:cover;transition:.3s}
.swiper-box .wrap .item img{width:100%;height:100%;object-fit:cover;transition:.3s}
.swiper-box .wrap .item .mask{position:absolute;left:0;bottom:-95px;width:100%;height:95px;line-height:95px;text-align:left;background:rgb(30 103 180);color:#fff;font-size:18px;-webkit-transition:.3s;transition:.3s;padding:0 5.4%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.swiper-box .wrap .item.small-img .mask{bottom:-70px;height:70px;line-height:70px}
.swiper-box .wrap .item:hover .mask{bottom:0}
.swiper-box .wrap .item .mask .tit{padding-left:25px;background:url(../images/img73.png) left center no-repeat}
.strength .swiper-button-next,.strength .swiper-button-prev{position:absolute;top:50%;width:50px;height:50px;margin-top:-65px;z-index:10;cursor:pointer;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.strength .swiper-button-prev,.strength .swiper-container-rtl .swiper-button-next{background-image:url(../images/img66.png);left:0;right:auto}
.strength .swiper-button-next,.strength .swiper-container-rtl .swiper-button-prev{background-image:url(../images/img67.png);right:0;left:auto}
.strength .swiper-container-horizontal>.swiper-pagination-bullets,.strength .swiper-pagination-custom,.swiper-pagination-fraction{bottom:0}
.strength .swiper-pagination-bullet{width:14px;height:14px;background:#f2f6f9;opacity:1}
.strength .swiper-pagination-bullet-active{opacity:1;background:#1E67B4}
.bigPicLayer{display:none;width:1000px;height:556px;position:fixed;z-index:1000;top:40% !important;margin-top:-180px;padding:10px}
.bigPicLayer iframe{width:1000px;height:556px}
.bigPicLayer .close{display:block;width:38px;height:38px;background:url(../images/m5_off.png?v=11221) no-repeat;right:-50px;top:-50px;position:relative;position:absolute;z-index:1000}
.bigPicLayer .close em{width:1px;height:50px;background:#009690;display:none;position:absolute;left:50%;margin-left:-0.5px;top:100%}
.bigPicLayer .imgDiv{text-align:center}
.bigPicLayer .imgDiv img{width:100%}
.bigPicLayer .imgDiv span{display:block;text-align:center;font-size:18px;margin-top:16px;color:#fff;font-weight:bold;position:absolute;left:0;top:100%;width:100%}
.video_all{position:fixed;top:0;left:0;z-index:999;display:none;width:100%;height:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);background-color:#000}
@media screen and (max-width:1440px){.bigPicLayer{display:none;width:600px;height:350px;position:fixed;z-index:1000;top:40% !important;margin-top:-100px;padding:10px}
.bigPicLayer iframe{width:100%;height:388px}
.bigPicLayer .close{display:block;width:38px;height:38px;background:url(../images/m5_off.png?v=11221) no-repeat;right:-50px;top:-50px;position:relative;position:absolute;z-index:222}
.bigPicLayer .close em{width:1px;height:50px;background:#0a448d;display:none;position:absolute;left:50%;margin-left:-0.5px;top:100%}
.bigPicLayer .imgDiv{text-align:center}
.bigPicLayer .imgDiv img{width:100%}
.bigPicLayer .imgDiv span{display:block;text-align:center;font-size:18px;margin-top:16px;color:#fff;font-weight:bold;position:absolute;left:0;top:100%;width:100%}
}@media screen and (max-width:1004px){.bigPicLayer{display:none;width:100%;position:fixed;z-index:1000;top:40% !important;margin-top:-100px;padding:10px;margin-left:-10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.bigPicLayer .close{display:block;width:48px;height:48px;background:url(../images/m5_off.png?v=2020) no-repeat;right:40px;top:-50px;position:relative;position:absolute;z-index:222}
.bigPicLayer .close em{width:1px;height:20px;background:#0a448d;display:none;position:absolute;left:50%;margin-left:-0.5px;top:100%}
.bigPicLayer .wrap{text-align:center;margin:0 auto}
#CuPlayer iframe{width:60%;height:380px}
.bigPicLayer .imgDiv{height:169px}
}@media screen and (max-width:640px){.bigPicLayer .close{right:10px}
}.letter{padding-top:5.2%;padding-bottom:3.6%}
.letter ul li{float:left;width:48.7%;margin-right:2.6%;margin-bottom:2.6%;border-radius:10px;overflow:hidden;background:#FFFFFF;box-shadow:0px 3px 25px rgba(0,0,0,0.09);cursor:pointer}
.letter ul li:nth-child(2n){margin-right:0}
.letter ul li .part1{width:100%;overflow:hidden;font-size:0;border-bottom:#eeeeee solid 1px}
.letter ul li .part1 .w1{display:inline-block;vertical-align:middle;width:24.65%;text-align:center;overflow:hidden}
.letter ul li .part1 .w1 .spot{display:block;width:90px;height:90px;line-height:90px;border-radius:50%;margin:auto}
.letter ul li:nth-child(odd) .part1 .w1 .spot{background:#1E67B4}
.letter ul li:nth-child(even) .part1 .w1 .spot{background:#ff6a00}
.letter ul li .part1 .w1 .spot img{max-width:34.45%}
.letter ul li .part1 .w1 .tit{color:#1E67B4;font-size:22px;margin-top:10px}
.letter ul li:nth-child(odd) .part1 .w1 .tit{color:#1E67B4}
.letter ul li:nth-child(even) .part1 .w1 .tit{color:#ff6a00}
.letter ul li .part1 .w2{display:inline-block;vertical-align:middle;width:75.35%;padding-left:6%;padding-right:8%;padding-top:5%;padding-bottom:5%;border-left:#eeeeee solid 1px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.letter ul li .part1 .w2 .t1{font-size:26px;color:#222222}
.letter ul li .part1 .w2 .t2{margin-top:10px;font-size:16px;color:#666666;line-height:2}
.letter ul li .part2{width:100%;padding-left:6%;padding-right:4%;height:70px;line-height:70px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.letter ul li .part2 .view{float:left;color:#1E67B4;font-size:16px;}
.letter ul li .part2 .icon{float:right}
.letter ul li:nth-child(odd) .part2 .view{color:#1E67B4}
.letter ul li:nth-child(even) .part2 .view{color:#ff6a00}
.concept{padding-top:1.2%;padding-bottom:2%;background:#f8f9fb}
.concept .box{margin-top:4%}
.concept .box ul li{position:relative;float:left;width:23.5%;margin-right:2%;margin-bottom:2%;padding-top:3.6%;padding-bottom:3.6%;text-align:center;background:#FFFFFF;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.concept .box ul li:nth-child(4n){margin-right:0}
.concept .box ul li:before{content:'';position:absolute;top:0;right:-40%;width:38.3%;height:45%;background:url(../images/img81.png) top right no-repeat;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.concept .box ul li:hover:before{right:0}
.concept .box ul li:hover{background:#1E67B4}
.concept .box ul li .icon{position:relative;display:inline-block;width:102px;height:102px;line-height:102px;text-align:center;border-radius:50%}
.concept .box ul li .icon img{position:relative;z-index:2;max-width:45.56%}
.concept .box ul li .icon:before{content:'';position:absolute;left:50%;top:50%;z-index:2;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:#f6f9fe;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.concept .box ul li .icon:after{content:'';position:absolute;left:50%;top:50%;z-index:1;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:rgba(255,255,255,0.35);-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.concept .box ul li:hover .icon:before{width:66px;height:66px}
.concept .box ul li:hover .icon:after{width:78px;height:78px}
.concept .box ul li .title{padding:15px}
.concept .box ul li .title .t4{color:#222222;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.concept .box ul li .title .t3{color:#666666;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.concept .box ul li:hover .title .t4{color:#ffffff}
.concept .box ul li:hover .title .t3{color:#ffffff}
.package{padding-top:4.68%;padding-bottom:5.7%;background:#FFFFFF}
.package .box{margin-top:4%}
.package .box ul li{float:left;width:48%;margin-right:4%;border-radius:6px;overflow:hidden;background:#FFFFFF;box-shadow:0px 1px 25px rgba(0,0,0,0.1)}
.package .box ul li:nth-child(2n){margin-right:0}
.package .box ul li .img{width:100%;overflow:hidden}
.package .box ul li .img img{width:100%;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.package .box ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.2)}
.package .box ul li .title{border-radius:6px;padding:7% 8.4%;overflow:hidden;background-color:#FFFFFF}
.package .box ul li .title .t10{color:#222222}
.package .box ul li .title .t9{line-height:2;color:#666666;margin-top:15px}
.recruit{padding-bottom:5.2%;background:#f6f9fe}
.recruit .box{margin-top:-2%;background:#FFFFFF}
.recruit .box ul{border-top:#eeeeee solid 1px}
.recruit .box ul li{border-left:#eeeeee solid 1px;border-right:#eeeeee solid 1px;border-bottom:#eeeeee solid 1px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.recruit .box ul li:hover{box-shadow:0px 1px 25px rgba(0,0,0,0.1)}
.recruit .box ul li .cont{padding:2.66% 6.66%;overflow:hidden;color:#222222;font-size:16px;line-height:1.7;}
.recruit .box ul li .t1{float:left;width:30%;color:#222222;font-size:18px;background:url(../images/img84.png) left top 8px no-repeat;margin-top:6px;padding-left:40px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.recruit .box ul li .t2{float:left;width:23%;margin-top:5px}
.recruit .box ul li .t3{float:left;width:23%;margin-top:5px}
.recruit .box ul li .t4{float:left;width:24%;text-align:right}
.recruit .box ul li .t4 .open{display:inline-block;width:120px;height:40px;line-height:40px;text-align:center;border-radius:6px;background:#1E67B4;color:#fefefe;font-size:14px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;cursor:pointer}
.recruit .box ul li .t4 .open:hover{background:#56b347}
.mCSB_scrollTools{width:6px}
.mCS-greenbar.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#56b347}
.mCS-greenbar.mCSB_scrollTools .mCSB_draggerRail{background-color:#e5e5e5}
.mCS-greenbar.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}
.mCSB_inside>.mCSB_container{margin-right:6px}
.zpbg,.imgpopup{display:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;z-index:999;width:100%;height:100%;background:rgba(0,0,0,0.3)}
.r-detail{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;max-width:1300px;width:80%;max-height:80%;overflow:auto;background-color:#FFFFFF}
.recruit-detail{background-color:#FFFFFF;padding:3.85% 7.3%;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.recruit-detail .r-d-t{padding:0px 20px 20px;overflow:hidden;border-bottom:#EEEEEE solid 1px}
.r-d-t .t1{float:left;color:#222222;font-size:24px;width:-moz-calc(100% - 100px);width:-webkit-calc(100% - 100px);width:calc(100% - 100px)}
.r-d-t .t2{float:right;min-width:88px;line-height:38px;color:#222222;font-size:16px;text-align:center;border:#EEEEEE solid 1px;cursor:pointer}
.rd-describe{width:100%;overflow:hidden;margin-bottom:30px;padding:0px 20px;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.rd-describe-t{color:#222222;font-size:16px;margin-top:20px}
.rd-describe-p{color:#666666;font-size:16px;line-height:2;margin-top:20px}
.rd-mark{display:inline-block;vertical-align:middle;padding:10px 20px;color:#ffffff;font-size:14px;line-height:1.5;border-radius:6px;background-color:#1E67B4;margin-bottom:15px;margin-right:20px}
.upload{display:inline-block;vertical-align:middle;margin-bottom:15px}
.upload a{display:inline-block;width:100px;color:#ffffff;font-size:14px;line-height:40px;height:40px;border-radius:6px;background-color:#ff6a00;text-align:center}
@media screen and (max-width:1024px){.hot-r-con{width:96%;padding:0 4%}
.hot-r .box{padding-top:130px}
.hot-r-table td{padding:0;font-size:16px}
.rd-describe-p{font-size:15px}
.r-detail{padding:20px 0}
.mCSB_scrollTools .mCSB_dragger,.mCS-greenbar.mCSB_scrollTools .mCSB_draggerRail{display:none !important;opacity:0}
.zp_close{right:5%}
.recruit-detail{padding:3% 4%}
.r-d-t .t1{font-size:20px;line-height:40px}
.r-d-t .t2{font-size:15px}
}@media screen and (max-width:768px){.hot-r .box{padding-top:80px}
.r-detail{width:90%}
.r-d-t{padding:0px 15px 15px}
.r-d-t .t1{font-size:18px}
.rd-describe-t{margin-top:15px}
.r-d-t .t2{font-size:14px}
}@media screen and (max-width:640px){.r-d-t{padding-right:0}
.r-d-t .t1{font-size:16px;line-height:32px}
.r-d-t .t2{min-width:70px;line-height:30px}
.rd-describe-p{font-size:14px;line-height:26px}
}@media screen and (max-width:414px){.hot-r{margin-top:30px}
.hot-r .conwidth{padding:0 3%}
.hot-r .a-title{padding-top:20px}
.hot-r .box{padding-top:40px}
.hot-r-table td{font-size:14px;padding:0;height:60px}
.hot-r-table thead tr td{font-size:15px;height:70px}
.a-recruit-con{margin-top:20px}
.a-recruit-p{font-size:15px;line-height:28px}
.zp_close{right:0;top:5%}
.zp_close img{width:30px}
.recruit-detail{width:100%;max-height:80%}
.r-d-o{margin:15px auto;padding:0px 10px}
.r-d-t{font-size:16px;line-height:45px}
.r-d-oli{font-size:14px}
.rd-describe{margin:15px auto;padding:0px 10px}
.recruit-detail .r-d-t{padding:0px 10px 20px}
.mCSB_inside>.mCSB_container{margin-right:0}
.rd-describe-t{font-size:14px;margin-bottom:10px}
.rd-mark{font-size:14px;line-height:26px}
.rd-apply{height:36px;line-height:36px}
.rd-apply a{font-size:14px}
}.certificate{padding-top:4.2%;padding-bottom:3.6%;background:#f6f8fa}
.certificate .content{margin-bottom:2%}
.certificate .content:last-child{margin-bottom:0}
.certificate .box{margin-top:2%}
.certificate ul{font-size:0}
.certificate ul li{position:relative;z-index:1;display:inline-block;vertical-align:top;width:23.5%;overflow:hidden;margin-right:2%;margin-bottom:2%;background-color:#ffffff;text-align:center}
.certificate ul li:nth-child(4n){margin-right:0}
.certificate ul li:before{content:"";position:absolute;left:0;right:0;bottom:0;margin:auto;width:0;height:5px;background:#1E67B4;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.certificate ul li:hover:before{width:100%}
.certificate ul li a{display:block;width:100%;padding-bottom:10%}
.certificate ul li .imgbox{position:relative;padding:10% 10% 0;overflow:hidden}
.certificate ul li .imgbox img{max-width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.certificate ul li:hover .imgbox img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.certificate ul li .txtbox{position:relative;z-index:3;margin-top:20px;padding-left:12%;padding-right:12%;text-align:left;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.certificate ul li .txtbox .txt{width:100%;color:#222222;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.certificate ul li:hover .txtbox .txt{color:#1E67B4}
.certificate ul li .txtbox .icon{position:absolute;top:0;right:6%;width:5.2%;height:100%;background:url(../images/img93.png) center right no-repeat;background-size:100% auto}
.team{padding-top:6.25%;padding-bottom:7.5%;background:#ffffff}
.team .box ul li{width:100%;overflow:hidden;margin-bottom:10px}
.team .box ul li .img{float:left;width:48.75%;overflow:hidden}
.team .box ul li:nth-child(even) .img{float:right}
.team .box ul li .img img{width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.team .box ul li:hover .img img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.team .box ul li .txt{float:left;width:48.75%;padding-top:6.25%;padding-left:6.25%;padding-right:6.25%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.team .box ul li .txt .title .t2{color:#222222}
.team .box ul li .txt .title .t9{margin-top:15px;color:#666666;min-height:170px}
.team .box ul li .txt .title .t5{margin-top:15px;color:#ebebed;font-weight:bold}
.othnav{position:relative;z-index:11;width:100%;background:#ffffff;box-shadow:0px 2px 25px rgba(61,80,159,0.13)}
.othnav.fixed{position:fixed;left:0;top:90px;z-index:11}
.othnav ul{text-align:left;font-size:0}
.othnav ul li{display:inline-block;vertical-align:top;margin-right:5%}
.othnav ul li span,.othnav ul li a{position:relative;display:block;padding:0px 10px;color:#222222;font-size:18px;line-height:80px;cursor:pointer}
.othnav ul li.on span,.othnav ul li:hover span,.othnav ul li.on a,.othnav ul li:hover a{color:#1E67B4}
.othnav ul li span:before,.othnav ul li a:before{content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;width:0;height:3px;background:#1E67B4;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.othnav ul li.on span:before,.othnav ul li:hover span:before,.othnav ul li.on a:before,.othnav ul li:hover a:before{width:100%}
.new{padding-top:3.9%;padding-bottom:4.7%;background:#f5f5f5}
.new.related{padding-top:4.8%;padding-bottom:5.7%}
.new.related .tit{color:#3b4fa3;font-size:40px}
.new.related .box{margin-top:3%}
.new .tit{width:100%}
.new .tit .title{float:left}
.new .tit .title .t7{color:#222222;}
.new .tit .screen{float:right;overflow:hidden;line-height:35px}
.new .tit .screen .t1{float:left;font-size:20px;color:#222222}
.new .tit .screen .t2{float:left;margin-left:30px;overflow:hidden}
.new .tit .screen .t2 ul li{float:left;margin-right:40px}
.new .tit .screen .t2 ul li:last-child{margin-right:0}
.new .tit .screen .t2 ul li a{color:#999999;font-size:16px}
.new .tit .screen .t2 ul li.all a,.new .tit .screen .t2 ul li.on a{color:#222222}
.new .other{width:100%;overflow:hidden;margin-top:3.2%}
.new .other .major{float:left;width:49.06%;overflow:hidden}
.new .other .major a{position:relative;display:block;width:100%;overflow:hidden}
.new .other .major a:before{content:'';position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:url(../images/img99.png) bottom center no-repeat;background-size:100% auto;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;opacity:1}
.new .other .major .img{position:relative;z-index:1;width:100%;overflow:hidden}
.new .other .major .img img{width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.new .other .major:hover .img img{width:100%;transform:scale(1.1)}
.new .other .major .title{position:absolute;left:0;bottom:6.3%;z-index:10;width:100%;padding:0 6%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.new .other .major .title .t3{color:#ffffff}
.new .other .major .title .t3 .date{}
.new .other .major .title .t4{margin-top:10px;color:#ffffff}
.new .other .w1{float:left;width:23.67%;margin-left:1.8%}
.new .box ul{margin-bottom:5.6%}
.new.related .box ul{margin-bottom:0}
.new .box ul li{float:left;width:23.65%;margin-right:1.75%;margin-top:1.8%;background-color:#FFFFFF}
.new .box ul li:nth-child(4n){margin-right:0}
.new.related .box ul li{margin-top:1%;margin-bottom:1%}
.newli{display:block;width:100%;padding:20px 20px 25px;background:#FFFFFF;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.newli .img{width:100%;overflow:hidden}
.newli .img img{width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.newli:hover .img img{width:100%;transform:scale(1.1)}
.new .newli .title{}
.new .newli .title .t3{color:#999999;line-height:1.7}
.new .newli .title .t4{margin-top:10px;margin-bottom:15px;color:#222222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.new .newli:hover .t4{color:#1E67B4}
.new .newli .oth{overflow:hidden;margin-top:20px;padding-top:25px;border-top:#e5e5e5 solid 1px}
.new .newli .oth .more{float:left;color:#999999}
.new .newli .oth .time{float:right;color:#999999}
.news-list{padding-top:75px;padding-bottom:40px}
.news-list .box{padding-top:20px;padding-bottom:60px;background-color:#FFFFFF}
.news-list .lead-news{}
.news-list .lead-news a{display:block;width:100%;overflow:hidden;padding:50px;-webkit-box-sizing:border-box;box-sizing:border-box}
.news-list .lead-news .txt{float:left;width:74%;overflow:hidden;padding-right:5%;-webkit-box-sizing:border-box;box-sizing:border-box}
.news-list .lead-news .txt .t1{color:#1E67B4;font-size:18px;}
.news-list .lead-news .txt .t2{color:#1E67B4;font-size:30px;margin-top:20px}
.news-list .lead-news .txt .t3{color:#999999;font-size:16px;line-height:1.8;margin-top:15px}
.news-list .lead-news .txt .btn{margin-top:30px}
.news-list .lead-news .txt .btn span{display:inline-block;min-width:140px;height:50px;line-height:48px;border-radius:5px;background-color:#1E67B4;font-size:16px;color:#ffffff;text-align:center;border:#1E67B4 solid 1px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.news-list .lead-news .txt .btn span:hover{background-color:#FFFFFF;color:#1E67B4}
.news-list .lead-news .img{float:right;max-width:340px;width:26%;overflow:hidden}
.news-list .lead-news .img img{width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.news-list .lead-news:hover .img img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.news-list ul{margin-bottom:35px}
.news-list ul li{}
.news-list ul li a{display:block;width:100%;padding:0px 50px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.news-list ul li:hover a{background:#1E67B4}
.news-list ul li .text{position:relative;padding:40px 0px;border-top:#eeeeee solid 1px}
.news-list ul li:last-child .text{border-bottom:#eeeeee solid 1px}
.news-list ul li:hover .text{border-top:#1E67B4 solid 1px}
.news-list ul li:last-child:hover .text{border-bottom:#1E67B4 solid 1px}
.news-list ul li .text .date{float:left;width:130px;overflow:hidden;text-align:center}
.news-list ul li .text .date .t1{color:#444444;font-size:38px;}
.news-list ul li .text .date .t2{color:#666666;font-size:16px;margin-top:8px}
.news-list ul li:hover .text .date .t1,.news-list ul li:hover .text .date .t2{color:#FFFFFF}
.news-list ul li .text .txt{float:left;width:74%;overflow:hidden}
.news-list ul li .text .txt .t1{color:#222222;font-size:22px;line-height:1.6;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-list ul li:hover .text .txt .t1{color:#ffffff}
.news-list ul li .text .txt .t2{color:#999999;font-size:16px;line-height:1.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-list ul li:hover .text .txt .t2{color:#b3bce0}
.news-list ul li .text .icon{position:absolute;right:40px;top:0;width:40px;height:100%;background:url(../images/img272.png) center no-repeat;background-size:100% auto;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:translateX(40px);transform:translateX(40px)}
.news-list ul li:hover .text .icon{background:url(../images/img272a.png) center no-repeat;background-size:100% auto;-webkit-transform:translateX(0);transform:translateX(0)}
@media only screen and (max-width:1680px){.news-list .lead-news .txt .t2{font-size:27px}
}@media only screen and (max-width:1440px){.othnav ul li span,.othnav ul li a{line-height:70px}
.news-list .lead-news .txt .t2{font-size:24px}
.news-list .lead-news .txt .btn span{height:45px;line-height:43px}
.news-list ul li .text .date .t1{font-size:32px}
.news-list ul li .text .txt .t1{font-size:20px}
.news-list ul li .text .date .t2,.news-list .lead-news .txt .t3,.news-list ul li .text .txt .t2{font-size:15px}
.news-list .lead-news .txt .btn span{font-size:15px}
.news-list ul li .text .icon{right:20px;-webkit-transform:translateX(20px);transform:translateX(20px)}
.news-list ul li:hover .text .icon{-webkit-transform:translateX(0);transform:translateX(0)}
}@media only screen and (max-width:1024px){.othnav.fixed{top:60px}
.othnav ul{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
.othnav ul::-webkit-scrollbar{width:0px;height:0px}
.othnav ul::-webkit-scrollbar-button{background-color:rgba(0,0,0,0)}
.othnav ul::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
.othnav ul::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0)}
.othnav ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.othnav ul::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}
.othnav ul::-webkit-scrollbar-resizer{background-color:rgba(0,0,0,0)}
.othnav ul::-webkit-scrollbar{width:0px;height:0px}
.othnav ul li{margin-right:40px}
.othnav ul li span,.othnav ul li a{line-height:60px}
.news-list{padding-top:50px}
.news-list .box{padding-top:0}
.news-list .lead-news a{padding:40px}
.news-list .lead-news .txt{width:64%}
.news-list .lead-news .txt .t1{font-size:16px}
.news-list .lead-news .txt .t2{margin-top:10px;font-size:20px;line-height:1.5}
.news-list .lead-news .img{width:36%;max-width:36%}
.news-list ul li a{padding:0 40px}
.news-list ul li .text{padding:30px 0px}
.news-list ul li .text .date .t1{font-size:28px}
.news-list ul li .text .txt{width:70%}
.news-list ul li .text .txt .t1{line-height:inherit;margin-bottom:10px}
}@media only screen and (max-width:768px){.othnav ul li{margin-right:20px}
.othnav ul li span,.othnav ul li a{font-size:16px}
.news-list{padding-top:40px}
.news-list .lead-news a{padding:35px}
.news-list ul li a{padding:0px 35px}
.news-list .lead-news .txt .t2{font-size:18px}
.news-list ul li .text .date{width:100px}
.news-list ul li .text .date .t2,.news-list .lead-news .txt .t3,.news-list ul li .text .txt .t2{font-size:14px}
.news-list .lead-news .txt .btn span{font-size:14px}
.news-list ul li .text .txt .t1{font-size:18px}
.news-list ul li .text .icon{width:30px}
}@media only screen and (max-width:640px){.news-list{padding-top:30px}
.news-list .lead-news .img{float:none;width:100%;max-width:100%}
.news-list .lead-news .txt{float:none;width:100%;padding-top:30px;padding-right:0}
.news-list ul li .text{padding:25px 0px}
.news-list ul li .text .date{float:none;width:100%;overflow:hidden;text-align:left}
.news-list ul li .text .date .t1{display:inline-block}
.news-list ul li .text .date .t2{display:inline-block}
.news-list ul li .text .txt{float:none;width:100%;margin-top:10px}
.news-list ul li .text .icon{display:none}
.news-list ul li .text .date .t1{font-size:24px}
.news-list ul li .text .txt .t1{margin-bottom:6px}
.news-list .lead-news a{padding:25px}
.news-list ul li a{padding:0px 25px}
}@media only screen and (max-width:576px){.news-list .box{padding-bottom:50px}
.news-list .lead-news .txt{padding-top:20px}
.news-list .lead-news .txt .t2{font-size:17px}
.news-list .lead-news .txt .t3{margin-top:10px}
.news-list .lead-news .txt .btn{margin-top:25px}
.news-list .lead-news .txt .btn span{min-width:120px;height:42px;line-height:40px}
.news-list ul li .text .txt .t1{font-size:17px}
}.new-detail{padding-top:3.3%;background:#ffffff}
.position{text-align:left}
.service-details .position{padding:20px 0 20px 20px}
.service-details .position .owidth{max-width:1400px}
.position a,.position span{color:#666666;font-size:14px;line-height:1.7}
.position a:hover{color:#000000}
.new-detail .box{margin-top:3.5%}
.new-detail .box .l-box{float:left;width:74.4%;padding-right:7.4%;padding-bottom:12%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:#eeeeee solid 1px}
.new-detail .box .l-box .title{}
.new-detail .box .l-box .title .t7{color:#222222}
.new-detail .box .l-box .title .infor{width:100%;overflow:hidden;margin-top:20px}
.new-detail .box .l-box .title .t8{float:left;width:85%;overflow:hidden;color:#999999;line-height:28px}
.new-detail .box .l-box .title .t8 span{float:left;display:inline-block;margin-right:8%}
.new-detail .box .l-box .title .t8 span:last-child{margin-right:0}
.new-detail .box .l-box .title .size{float:right;color:#222222;font-size:20px;}
.new-detail .box .l-box .title .size div{display:inline-block;vertical-align:middle;margin-right:30px;cursor:pointer;-moz-user-select:none;聽 聽 -webkit-user-select:none;聽 聽 -ms-user-select:none;聽 聽 -khtml-user-select:none;聽 聽 user-select:none}
.new-detail .box .l-box .title .size div:last-child{margin-right:0}
.new-detail .box .l-box .title .details.t3{margin-top:20px;padding-top:30px;padding-bottom:40px;border-top:#e5e5e5 solid 1px;color:#666666;}
.new-detail .box .l-box .title .details img{display:block;max-width:100%;margin:0 auto}
.new-detail .box .r-box{float:left;width:25.6%;padding-left:3.6%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.new-detail .box .r-box .wrap{max-width:310px;width:100%;overflow:hidden}
.pagebox ul li{margin-bottom:30px}
.pagebox ul li a{display:block;width:100%;font-size:16px;line-height:2;}
.pagebox ul li .t1{color:#666666}
.pagebox ul li .t2{margin-top:10px;color:#222222}
.sharebox ul li{float:left;margin-right:10px}
.sharebox ul li a{width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background-color:#eeeeee}
.new-detail .box .r-box .img{margin-top:50px}
.new-detail .box .r-box .img img{width:100%}
.contact{padding-top:5.2%;padding-bottom:3.6%;background:#f6f8fa}
.contact .box{max-width:1400px;width:100%;margin:auto}
.contact .box>ul>li{float:left;width:48.5%;margin-right:3%;margin-bottom:3%;padding:3.6%;min-height:270px;background-color:#FFFFFF;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.contact .box ul li:nth-child(2n){margin-right:0}
.contact .box ul li .l-box{float:left;width:30%;padding-right:3%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.contact .box ul li .l-box .t1{color:#222222;font-size:34px;-webkit-transition:all 0.3s;transition:all 0.3s}
.contact .box>ul>li:hover .t1{color:#1E67B4}
.contact .box ul li .l-box .t2{margin-top:10px}
.contact .box ul li .l-box .t2 a{color:#1E67B4;font-size:16px;text-decoration:underline}
.contact .box ul li .r-box{float:left;width:70%;overflow:hidden}
.contact .box ul li .r-box ul li{color:#666666;font-size:18px;line-height:2;margin-bottom:5px}
.solution{padding-top:4.4%;padding-bottom:3.6%;background:#f6f9fe}
.solution .wrap{width:100%;margin:auto}
.solution .title .t1{text-align:center;color:#222222;}
.solution .box{margin-top:4.5%}
.solution .box ul{font-size:0}
.solution .box ul li{display:inline-block;vertical-align:top;width:18.4%;margin-right:2%;margin-bottom:2%;border-radius:4px;background-color:#FFFFFF;overflow:hidden;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.solution .box ul li:nth-child(5n){margin-right:0}
.solution .box ul li:hover{box-shadow:0px 1px 29px rgba(18,27,67,0.15)}
.solution .box ul li a{display:block;width:100%}
.solution .box ul li .img{width:100%;overflow:hidden}
.solution .box ul li .img img{width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.solution .box ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.solution .box ul li .txt{padding:20px}
.solution .box ul li .txt .icon{width:46px;height:46px;line-height:46px;text-align:center;border-radius:50%;background:#f4f5fa;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.solution .box ul li:hover .txt .icon{background:#1E67B4}
.solution .box ul li .txt .icon img{width:52%}
.solution .box ul li .txt .icon .ic2{display:none}
.solution .box ul li:hover .txt .icon .ic1{display:none}
.solution .box ul li:hover .txt .icon .ic2{display:inline-block}
.solution .box ul li .txt .title .t6{text-align:center;color:#222222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.solution .box ul li .txt .title .t6{color:#3b4fa3}
.solution .box ul li .txt .title .t3{color:#999999;line-height:1.6;min-height:30px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.solution .box ul li .txt .title .t8{margin-top:15px;padding-top:15px;border-top:#eeeeee solid 1px;color:#999999;}
.sernav{position:relative;z-index:11;width:100%;background:#ffffff;box-shadow:0px 2px 25px rgba(61,80,159,0.13)}
.sernav.fixed{position:fixed;left:0;top:120px;z-index:11}
.sernav ul{text-align:left;font-size:0}
.sernav ul li{display:inline-block;vertical-align:top;margin-right:70px}
.sernav ul li span{position:relative;display:block;padding:0px 5px;color:#222222;font-size:18px;line-height:80px;cursor:pointer}
.sernav ul li.on span,.sernav ul li:hover span{color:#1E67B4}
.sernav ul li.on span{padding-left:36px;background:url(../images/img139.png) center left 5px no-repeat}
.sernav ul li span:before{content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;width:0;height:2px;background:#1E67B4;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.sernav ul li.on span:before,.sernav ul li:hover span:before{width:100%}
.commitment .title .t1{text-align:center;color:#222222;}
.mechanism{padding-top:4.7%;padding-bottom:5.2%;background:#f9fafc url(../images/img144.png) bottom center no-repeat}
.mechanism .box{margin-top:3.33%}
.mechanism .box>ul>li{float:left;width:31.6%;margin-right:2.6%}
.mechanism .box>ul>li:nth-child(3n){margin-right:0}
.mechanism .box ul li .cont{position:relative;margin-top:55px;padding-top:75px;padding-left:40px;padding-right:40px;background:#FFFFFF;min-height:245px;border-radius:5px;text-align:center;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.mechanism .box ul li:hover .cont{box-shadow:0 2px 30px 0 rgba(0,0,0,0.05)}
.mechanism .box ul li .icon{position:absolute;top:-55px;left:50%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:110px;height:110px;line-height:110px;text-align:center;border-radius:50%;margin:0px auto 20px;background:#FFFFFF;box-shadow:0 10px 35px 0 rgba(0,0,159,0.05)}
.mechanism .box ul li .icon img{max-width:46.4%}
.mechanism .box ul li .icon .coil{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/img140.png) center no-repeat;background-size:86% auto}
.mechanism .box ul li .title{display:inline-block;margin:0 auto}
.mechanism .box ul li .title .t10{color:#222222}
.mechanism .box ul li .title .t3{margin-top:20px;color:#666666;text-align:left}
.mechanism .box ul li .title .t3 .sp{display:inline-block;color:#ff7e23}
.mechanism .box ul li .title li{position:relative;padding-left:25px;margin-bottom:6px}
.mechanism .box ul li .title li:before{content:'';position:absolute;left:0;top:13px;width:5px;height:5px;border:#8997b8 solid 1px;border-radius:50%}
.position-support{padding-top:5.2%;padding-bottom:2.6%;background:#ffffff}
.position-support .box{margin-top:4%}
.position-support .box>ul>li{position:relative;float:left;width:48%;margin-right:4%;margin-bottom:3.125%;border-radius:5px;overflow:hidden}
.position-support .box>ul>li:nth-child(2n){margin-right:0}
.position-support .box ul li .img{width:100%;overflow:hidden}
.position-support .box ul li .img img{width:100%}
.position-support .box ul li .title{position:absolute;left:0;bottom:0;width:100%;border-radius:5px;padding:5%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ebeef3;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.position-support .box>ul>li:hover .title{background:#1E67B4}
.position-support .box ul li .title .t2{text-align:center;font-size:28px;color:#222222;}
.position-support .box ul li:hover .title .t2{float:left;width:36.5%;color:#fefefe;font-size:34px}
.position-support .box ul li .title .t9{display:none;float:left;width:63.5%;color:#FFFFFF;}
.position-support .box ul li:hover .title .t9{display:block}
.position-support .box ul li .title .t9 ul{padding-left:6%}
.position-support .box ul li .title .t9 ul li{position:relative;padding-left:30px;margin-bottom:5px}
.position-support .box ul li .title .t9 ul li:before{content:'';position:absolute;left:0;top:8px;width:5px;height:10px;background:url(../images/img149.png) center no-repeat}
.added{padding-top:4.7%;padding-bottom:3.1%;background:url(../images/img150.png) top center no-repeat;background-size:100% auto}
.added .box{margin-top:4%}
.added .box ul{text-align:center;font-size:0}
.added .box ul li{display:inline-block;vertical-align:top;width:30.2%;margin-right:4.7%;margin-bottom:3.33%;padding:3.33% 2% 2.5%;border-radius:10px;background-color:#ebeef3;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.added .box ul li:nth-child(3n){margin-right:0}
.added .box ul li:hover{background-color:#ff7e23}
.added .box ul li .icon{margin-bottom:12px}
.added .box ul li .icon img{}
.added .box ul li .icon .ic2{display:none}
.added .box ul li:hover .icon .ic1{display:none}
.added .box ul li:hover .icon .ic2{display:inline-block}
.added .box ul li .title{}
.added .box ul li .title .t6{color:#222222;}
.added .box ul li .title .t9{margin-top:5px;color:#666666;line-height:2}
.added .box ul li:hover .title .t6,.added .box ul li:hover .title .t9{color:#FFFFFF}
.process{padding-top:4.2%;padding-bottom:4.2%;background:#f4f6f9}
.process .box{margin-top:3.2%;background:#FFFFFF;box-shadow:0px 3px 25px rgba(0,0,0,0.04)}
.process .box .img{width:100%;overflow:hidden;text-align:center;height:90px;line-height:90px;border-bottom:#f0f2f5 solid 1px}
.process .box .img img{max-width:50%}
.process .box ul{}
.process .box ul li{position:relative;float:left;width:25%;text-align:center;padding:3.2% 3.3% 2%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.process .box ul li:before{content:'';position:absolute;top:0;right:0;width:2px;height:100%;background:url(../images/img157.png) center no-repeat;background-size:auto 80%}
.process .box ul li:nth-child(4n):before{background:none}
.process .box ul li .title .tit{color:#1E67B4;font-size:46px;margin-bottom:5px}
.process .box ul li .title .tit .sp{font-size:30px}
.process .box ul li .title .t9{color:#222222;margin-bottom:20px}
.process .box ul li .title .t3{color:#999999;}
.process .consult{margin-top:4%;text-align:center}
.process .consult a{display:inline-block;min-width:140px;height:45px;line-height:43px;font-size:16px;color:#FFFFFF;border:#1E67B4 solid 1px;background:#1E67B4;border-radius:10px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.process .consult a:hover{background:#FFFFFF;color:#1E67B4}
.u-service{padding-top:5.6%;padding-bottom:5.6%;background:#f6f9fe}
.u-service .box ul li{float:left;width:25%;padding:5px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.u-service .box ul li a:hover{}
.u-service .box ul li a{position:relative;display:block;width:100%;height:220px;background:#ffffff;border-radius:10px;overflow:hidden;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.u-service .box ul li a:before{content:'';position:absolute;right:-30%;top:0;width:37%;height:100%;background:url(../images/img177.png) top right no-repeat;background-size:100% auto;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;opacity:0}
.u-service .box ul li a:hover{background:#ff6a00}
.u-service .box ul li a:hover:before{opacity:1;right:0}
.u-service .box ul li .txt{position:absolute;left:0;top:50%;-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:center;-webkit-transition:all 0.7s ease;transition:all 0.7s ease;margin-top:21px}
.u-service .box ul li:hover .txt{margin-top:0}
.u-service .box ul li .txt .icon{text-align:center;margin-bottom:12px}
.u-service .box ul li .txt .icon .ic2{display:none}
.u-service .box ul li:hover .txt .icon .ic1{display:none}
.u-service .box ul li:hover .txt .icon .ic2{display:inline-block}
.u-service .box ul li .txt .title .tit{font-size:22px;color:#222222;padding:0px 15px}
.u-service .box ul li:hover .txt .title .tit{color:#FFFFFF}
.u-service .box ul li .txt .title .t8{margin-top:20px;opacity:0;color:#ffffff;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.u-service .box ul li:hover .txt .title .t8{opacity:1}
.u-service .box ul li .txt .title .t8 img{display:inline-block;vertical-align:baseline;margin-left:5px}
.u-process{padding-top:6%;padding-bottom:3.9%;background:url(../images/img178.jpg) top center no-repeat;background-size:cover}
.u-process .title{text-align:center}
.u-process .title .t9{max-width:800px;width:100%;margin:20px auto 0;color:#222222}
.u-process .imgbox{text-align:center;width:100%;overflow:hidden;margin-top:4%}
.u-process .imgbox img{max-width:100%}
.u-process .btn{margin-top:4%;text-align:center}
.u-process .btn a{display:inline-block;min-width:130px;height:46px;line-height:44px;background:#f6550d;border:#f6550d solid 1px;border-radius:5px;color:#FFFFFF;font-size:14px;padding:0px 15px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.u-process .btn a:hover{background:#FFFFFF;color:#f6550d}
.u-solution{padding-top:6.5%;padding-bottom:6.5%;background:#f6f9fe}
.u-solution .title .t1{text-align:center}
.u-solution .switch-tab{margin-top:3.75%}
.u-solution .switch-tab ul li{position:relative;padding:0px 23px;cursor:pointer}
.u-solution .switch-tab ul li i{position:absolute;top:2px;right:0;width:0;width:1px;height:21px;background:#e1e5f8;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;cursor:pointer}
.u-solution .switch-tab ul li span{padding:0px 3px 12px}
.u-solution .box .swiper-container{padding-bottom:4.7%;margin-top:2.8%}
.u-solution .box .swiper-slide{opacity:0.4}
.u-solution .box .swiper-slide-active{opacity:1}
.u-solution .box .boxli{display:block;width:100%;border-radius:10px;overflow:hidden;box-shadow:0px 1px 22px rgba(61,80,159,0.07);background:#FFFFFF}
.u-solution .box .boxli .img{float:left;width:43%;overflow:hidden}
.u-solution .box .boxli .img img{width:100%}
.u-solution .box .boxli .title{float:left;width:57%;padding:2% 5.3%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.u-solution .box .boxli .title .t4{color:#222222;margin-bottom:10px}
.u-solution .box .boxli .title .t3{color:#666666;}
.u-solution .box .boxli .title .t3.oth{color:#ff7e23}
.u-solution .box .boxli .title .t3.oth .tit{color:#666666}
.u-solution .box .boxli .title .t3.oth ul li{display:inline-block;margin-right:36px}
.u-solution .box .boxli .title .t3.oth ul li:last-child{margin-right:0}
.u-solution .box .boxli .title .btn{margin-top:30px}
.u-solution .box .boxli .title .btn span{display:inline-block;min-width:80px;height:30px;line-height:28px;border:#ff7e23 solid 1px;border-radius:5px;color:#ff7e23;font-size:14px;padding:0px 10px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease}
.u-solution .box .boxli .title .btn span:hover{background:#ff7e23;color:#FFFFFF}
.u-solution .swiper-pagination-bullet{background:none;opacity:1;margin:0 40px !important;width:16px;height:16px;position:relative;outline:none;vertical-align:middle}
.u-solution .swiper-pagination-bullet .dot{width:8px;height:8px;background:#bec6e5;display:block;border-radius:50%;margin-top:4px;margin-left:4px}
.u-solution .swiper-pagination-bullet .line{height:2px;width:94px;position:absolute;top:7px;left:8px;background:#bec6e5}
.u-solution .swiper-pagination-bullet:last-child .line{background:none}
.u-solution .swiper-pagination-bullet .line span{background:#1E67B4;height:2px;width:94px;position:absolute;top:0;left:0;transform:scaleX(0);transform-origin:left;z-index:3;transition-timing-function:linear}
.u-solution .swiper-pagination-bullet-active .dot,.swiper-pagination-bullet:hover .dot{width:16px;height:16px;margin-top:0;margin-left:0;background:none;position:relative;z-index:1;border:#1E67B4 solid 1px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.u-solution .swiper-pagination-bullet-active .dot span,.swiper-pagination-bullet:hover .dot span{position:absolute;left:50%;top:50%;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline-block;width:9px;height:9px;background:#1E67B4;border-radius:50%;z-index:1}
.u-solution .swiper-pagination-bullet-active .line span{animation:middle 6s}
.u-solution .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active .line span{animation:first 6s forwards}
.u-solution .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active .line span{animation:last 6s}
@keyframes first{0%{transform:scaleX(0.5);left:0px}
100%{transform:scaleX(1);left:2px}
}@keyframes last{0%{transform:scaleX(0.7);left:-94px}
20%{transform:scaleX(0);left:2px}
100%{transform:scaleX(0);left:0px}
}@keyframes middle{0%{transform:scaleX(0.7);left:-94px}
20%{transform:scaleX(0.45);left:2px}
100%{transform:scaleX(1);left:2px}
}.course{padding-top:3.3%;padding-bottom:3.1%;background:#f6f9fe}
.course .box ul li{float:left;width:48.7%;margin-right:2.6%;margin-bottom:2.6%;border-radius:10px;overflow:hidden;background:#FFFFFF}
.course .box ul li:nth-child(2n){margin-right:0}
.course .box ul li a{position:relative;display:block;width:100%;padding:25px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.course .box ul li .img{float:left;width:44.6%;border-radius:10px;overflow:hidden;*/ -o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.course .box ul li .img img{width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.course .box ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.course .box ul li .tag{position:absolute;left:15px;top:45px;z-index:2;background:#ff7e23;border-radius:5px;color:#FFFFFF;font-size:14px;padding:0px 9px;height:28px;line-height:28px}
.course .box ul li .title{float:left;width:55.4%;padding-left:6.8%;padding-right:2%;padding-top:10px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.course .box ul li .title .t6{color:#222222;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.course .box ul li:hover .title .t6{color:#ff7e23}
.course .box ul li .title .t8{margin-top:12px;padding-left:25px;color:#999999;background:url(../images/img183.png) center left no-repeat}
.course .box ul li .title .t8.oth{width:100%;overflow:hidden;margin-top:25px;padding-left:0;background:none}
.course .box ul li .title .t8.oth .see{float:left;color:#999999}
.course .box ul li .title .t8.oth .free{float:right;color:#ff7e23}
.course .wrap{margin-top:2.6%}
.course .wrap .tit{overflow:hidden;padding-bottom:25px;border-bottom:#e5e5e5 solid 1px}
.course .wrap .tit .bt{display:inline-block;vertical-align:baseline;margin-right:70px;font-size:40px;color:#222222}
.course .wrap .tit ul{display:inline-block;vertical-align:baseline;overflow:hidden}
.course .wrap .tit ul li{display:inline-flex;vertical-align:top;margin-right:25px}
.course .wrap .tit ul li:last-child{margin-right:0}
.course .wrap .tit ul li a{color:#222222;font-size:20px;height:35px;line-height:35px;padding:0px 16px;border-radius:18px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.course .wrap .tit ul li.on a,.course .wrap .tit ul li:hover a{color:#ffffff;background:#ff7e23}
.course .wrap .tit ul li a .sp{font-size:14px}
.course .wrap .screen{margin-top:2%;color:#666666;font-size:14px;}
.course .wrap .screen a,.course .wrap .screen span{display:inline-block;vertical-align:middle}
.course .wrap .screen a{color:#666666;margin:0 20px}
.course .wrap .screen a:hover,.course .wrap .screen a.on{color:#ff7e23}
.course .wrap .cont{margin-top:2%}
.course .wrap .cont ul{margin-bottom:4.3%}
.course .wrap .cont ul li{position:relative;float:left;width:23.5%;margin-right:2%;margin-bottom:2%;border-radius:10px;background:#FFFFFF;overflow:hidden;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.course .wrap .cont ul li:nth-child(4n){margin-right:0}
.course .wrap .cont ul li:hover{box-shadow:0px 2px 25px rgba(60,81,159,0.18)}
.course .wrap .cont ul li .tag{position:absolute;left:16px;top:16px;z-index:2;background:#ff7e23;border-radius:5px;color:#FFFFFF;font-size:14px;padding:0px 9px;height:28px;line-height:28px}
.course .wrap .cont ul li .img{width:100%;overflow:hidden}
.course .wrap .cont ul li .img img{width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.course .wrap .cont ul li:hover .img img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.course .wrap .cont ul li .title{padding:30px}
.course .wrap .cont ul li .title .txt{min-height:120px}
.course .wrap .cont ul li .title .t6{color:#222222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.course .wrap .cont ul li .title .t8{margin-top:10px;padding-left:25px;background:url(../images/img183.png) center left no-repeat;color:#999999;}
.course .wrap .cont ul li .title .t8.price{color:#ff7e23;padding-left:0;background:none}
.course .wrap .cont ul li .title .btn{margin-top:30px;overflow:hidden;border:#dfe5f1 solid 1px;border-radius:5px}
.course .wrap .cont ul li .title .btn a{float:left;width:50%;overflow:hidden;text-align:center;color:#999999;font-size:14px;height:36px;line-height:36px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
.course .wrap .cont ul li .title .btn a.b2{background-color:#f3f4f6}
.course .wrap .cont ul li:hover .title .btn{border:#ff7e23 solid 1px}
.course .wrap .cont ul li:hover .title .btn .b1{color:#ff7e23}
.course .wrap .cont ul li:hover .title .btn .b2{color:#FFFFFF;background:#ff7e23}
.series{padding-top:2%;padding-bottom:5.2%;background:#f2f5fc}
.series .title .t7{color:#222222;}
.series ul.list>li{padding-top:50px}
.series ul.list li .box ul{margin-top:2.66%}
.series ul.list li .box ul li{float:left;width:18.4%;margin-right:2%;margin-bottom:2%;text-align:center;border-radius:10px;background:#FFFFFF;padding:20px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.series ul.list li .box ul li:nth-child(5n){margin-right:0}
.series ul.list li .box ul li:hover{box-shadow:0px 2px 25px rgba(61,80,159,0.18)}
.series ul.list li .box ul li .img{width:100%;overflow:hidden}
.series ul.list li .box ul li .img img{max-width:100%;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.series ul.list li .box ul li:hover .img img{transform:scale(1.2)}
.series ul.list li .box ul li .txt{margin-top:20px;color:#222222;font-size:20px;}
.series .exhibition{margin-top:3.4%}
.series .exhibition .swiper-container{position:relative;width:100%;overflow:hidden;margin-top:2.66%}
.series .exhibition .img{border-radius:10px;overflow:hidden}
.series .exhibition .img img{width:100%}
.operate{position:relative;text-align:center;margin-top:4%}
.operate .swiper-button-next,.operate .swiper-button-prev{position:static;margin-top:0;display:inline-block;vertical-align:middle;width:7px;height:14px;margin:0 20px;-moz-background-size:7px 14px;-webkit-background-size:7px 14px;background-size:7px 14px;background-position:center;background-repeat:no-repeat}
.operate .swiper-button-prev,.operate .swiper-container-rtl .swiper-button-next{background-image:url(../images/img232.png)}
.operate .swiper-button-next,.operate .swiper-container-rtl .swiper-button-prev{background-image:url(../images/img233.png)}
.operate .swiper-button-prev:hover,.operate .swiper-container-rtl .swiper-button-next:hover{background-image:url(../images/img232a.png)}
.operate .swiper-button-next:hover,.operate .swiper-container-rtl .swiper-button-prev:hover{background-image:url(../images/img233a.png)}
.operate .swiper-pagination{position:static;display:inline-block;vertical-align:middle;text-align:center}
.operate .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;background:#b2b7ce;opacity:1;margin:0 10px}
.operate .swiper-pagination-bullet-active{opacity:1;background:#1E67B4}
.service-details{padding-top:3.3%;background:#f6f9fe}
.service-details .box{max-width:1400px;width:100%;margin:auto}
.service-details .l-box{float:left;width:290px;height:-moz-calc(100vh - 120px);height:-webkit-calc(100vh - 120px);height:calc(100vh - 120px)}
.service-details .l-box .s-plate{text-align:left;overflow:hidden}
.service-details .l-box .s-plate .icon{padding-top:30px;margin-bottom:25px}
.service-details .l-box .s-plate .icon img{max-width:34.5%}
.service-details .l-box .s-plate .title .t4{color:#222222}
.service-details .l-box .s-plate .title .t8{margin-top:5px;color:#999999;}
.service-details .l-box .s-plate .title .btn{text-align:left;margin-top:20px}
.service-details .l-box .s-plate .title .btn a{min-width:140px;max-width:100%;height:40px;line-height:40px;color:#ffffff;background:#ff6a00;border-radius:4px;text-align:center;padding:0px 15px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.service-details .l-box .d-nav{margin-top:30px}
.service-details .l-box .d-nav ul li{position:relative;border-top:#eeeeee solid 1px}
.service-details .l-box .d-nav ul li:before{content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;width:3px;height:0;background:#1E67B4;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.service-details .l-box .d-nav ul li.on:before,.service-details .l-box .d-nav ul li:hover:before{height:100%}
.service-details .l-box .d-nav ul li span{position:relative;display:block;width:100%;color:#444444;font-size:16px;line-height:1.7;padding-top:15px;padding-left:35px;padding-bottom:15px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.service-details .l-box .d-nav ul li:hover span,.service-details .l-box .d-nav ul li.on span{color:#1E67B4;background:url(../images/img236.png) center right no-repeat;background-size:cover}
.service-details .l-box .d-nav ul li span i{position:absolute;left:5px;top:24px;width:8px;height:8px;background:url(../images/img235.png) center no-repeat}
.service-details .r-box{float:right;width:-moz-calc(100% - 290px);width:-webkit-calc(100% - 290px);width:calc(100% - 290px);border-left:#e5e5e5 solid 1px;padding-left:6.4%;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.service-details .r-box .text{margin-top:5.4%}
.service-details .r-box .text .tit{font-size:40px;color:#222222}
.service-details .r-box .text .txt{margin-top:10px;font-size:16px;line-height:1.7}
.service-details .r-box .list>li,.service-details .r-box .related{margin-top:30px;padding-top:35px;padding-bottom:20px;border-top:#eeeeee solid 1px}
.service-details .r-box .related{padding-bottom:12%}
.service-details .r-box .list li .title .t10{color:#222222;}
.service-details .r-box .list li .part1 .title .t3{margin-top:30px}
.service-details .r-box .list li .part2{}
.service-details .r-box .list li .part2 .atlas{margin-top:30px;margin-bottom:30px}
.service-details .r-box .list li .part2 .atlas ul li{float:left;width:31.66%;margin-right:2.5%;margin-bottom:2.5%}
.service-details .r-box .list li .part2 .atlas ul li:nth-child(3n){margin-right:0}
.service-details .r-box .list li .part2 .atlas ul li a{position:relative;display:block;width:100%;overflow:hidden}
.service-details .r-box .list li .part2 .atlas ul li .img{width:100%;overflow:hidden}
.service-details .r-box .list li .part2 .atlas ul li img{width:100%}
.service-details .r-box .list li .part2 .atlas ul li .st{position:absolute;left:0;bottom:25px;z-index:10;color:#ffffff;font-size:18px;width:100%;padding:0px 20px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.service-details .r-box .list li .part2 .atlas ul li:hover .st{display:none}
.service-details .r-box .list li .part2 .atlas ul li .txt{position:absolute;left:0;top:50%;z-index:10;-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;padding:0px 20px;text-align:center;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0}
.service-details .r-box .list li .part2 .atlas ul li:hover .txt{opacity:1}
.service-details .r-box .list li .part2 .atlas ul li .txt .t1{color:#ffffff;font-size:14px;}
.service-details .r-box .list li .part2 .atlas ul li .txt .t2 img{width:16px;height:12px}
.service-details .r-box .list li .part2 .atlas ul li .mask{position:absolute;left:50%;top:50%;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:214px;height:214px;border-radius:50%;border:transparent solid 100px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.service-details .r-box .list li .part2 .atlas ul li .ring{position:absolute;left:50%;top:50%;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:120px;height:120px;background:rgba(61,80,159,0.26);border-radius:50%;border:rgba(255,255,255,0.04) solid 150px}
.service-details .r-box .list li .part2 .atlas ul li:hover .mask{border:rgba(61,80,159,0.9) solid 100px}
.service-details .r-box .list li .part2 .atlas ul li:hover .ring{border:none;background:rgba(61,80,159,0.9)}
.service-details .r-box .list li .part3 .content{margin-top:45px}
.service-details .r-box .list li .part3 .content ul li{position:relative;float:left;width:15.5%}
.service-details .r-box .list li .part3 .content ul li:nth-child(7n){width:7%}
.service-details .r-box .list li .part3 .content ul li:last-child{width:7%}
.service-details .r-box .list li .part3 .content ul li .con{display:inline-block;text-align:center;max-width:100%}
.service-details .r-box .list li .part3 .content ul li .icon{width:55px;height:55px;line-height:55px;text-align:center;border:#ff6a00 solid 2px;border-radius:50%;margin:auto}
.service-details .r-box .list li .part3 .content ul li .arrow{position:absolute;right:0;top:0;width:-moz-calc(100% - 59px);width:-webkit-calc(100% - 59px);width:calc(100% - 59px);height:55px;line-height:55px;text-align:center;margin:auto;background:url(../images/img254.png) center no-repeat}
.service-details .r-box .list li .part3 .content ul li .txt{margin-top:10px}
.service-details .r-box .list li .part3 .content ul li .txt .t1{font-size:16px;color:#ff6a00;margin-bottom:5px;white-space:nowrap}
.service-details .r-box .list li .part3 .content ul li .txt .t2{font-size:12px;color:#ff6a00;}
.service-details .r-box .list li .part4 .content{margin-top:25px;border-top:#eeeeee solid 1px;border-right:#eeeeee solid 1px;border-left:#eeeeee solid 1px;overflow:hidden}
.service-details .r-box .list li .part4 .content ul li{position:relative;float:left;display:flex;align-items:center;width:50%;height:58px;overflow:hidden;border-bottom:#eeeeee solid 1px}
.service-details .r-box .list li .part4 .content ul li:before{content:'';position:absolute;right:0;width:1px;height:100%;border-right:#eeeeee solid 1px}
.service-details .r-box .list li .part4 .content ul li a{display:block;width:100%;position:relative;color:#222222;font-size:16px;padding-left:40px;padding-right:30px;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.service-details .r-box .list li .part4 .content ul li a i{position:absolute;left:18px;top:10px;width:4px;height:4px;border-radius:50%;border:#ff7512 solid 1px}
.service-details .related .caseli{box-shadow:none}
.service-details .related .caseli>a{display:block;width:100%}
@media only screen and (max-width:1680px){.header .content{padding-left:4%}
.header .nav>ul>li{padding:0px 12px}
.header .nav>ul>li>a{font-size:17px}
.head-other .call{font-size:22px}
.head-other .call img{width:32px}
.head-nation .current .name{font-size:17px}
.head-nation ul li a{font-size:17px}
.i-banner .box .t1{font-size:44px}
.i-banner .box .t2{font-size:18px}
.title .t1{font-size:40px}
.title .t2{font-size:30px}
.title .t4{font-size:21px}
.title .t5{font-size:26px}
.title .t6{font-size:18px}
.title .t7{font-size:32px}
.title .t9{font-size:16px}
.indexpart1 .l-wrap .txt .t2{margin-top:3.5%}
.indexpart1 .l-wrap .more{margin-top:5%}
.indexpart1 .l-wrap .more a{min-width:140px;height:45px;line-height:45px}
.indexpart1 .r-box .t6{margin-top:20px}
.indexpart1 .l-box .txt .line{margin-top:10px;margin-bottom:15px}
.indexpart2 .switch-tab ul li{margin:0 2%;width:16%}
.indexpart2 .switch-tab ul li .txt{font-size:16px}
.indexpart4 .box .txt{font-size:36px}
.indexpart4 .box .quota .t1{font-size:22px}
.indexpart4 .box .quota .t1 .sp{font-size:36px}
.indexpart4 .box .btnbox a{width:36%}
.caseli .txt{padding-top:5%}
.caseli .icon img{max-height:70px}
.caseli .title .t6{min-height:54px;margin-bottom:5px}
.caseli .title .t8 li{margin-bottom:0}
.abnav{margin-top:-45px}
.abnav ul li a{height:90px;line-height:90px}
.aboutbox .a-title .t1{font-size:40px}
.key .box ul li:hover .img:before{width:240px;height:240px}
.key .box ul li .txt .tit .t1{font-size:22px}
.new .newli .title .t4{margin-bottom:10px}
}@media only screen and (max-width:1620px){.swiper-box{width:83.33%}
.strength .swiper-button-next,.strength .swiper-button-prev{margin-top:-68px}
.strength .swiper-button-prev,.strength .swiper-container-rtl .swiper-button-next{left:3.5%}
.strength .swiper-button-next,.strength .swiper-container-rtl .swiper-button-prev{right:3.5%}
}@media only screen and (max-width:1536px){.title .t1{font-size:36px}
.title .t2{font-size:26px}
.title .t4{font-size:19px}
.title .t5{font-size:22px}
.title .t7{font-size:28px}
.indexpart3 .wrap>ul>li{margin-bottom:14%}
.indexpart3 .wrap ul li .con .t1{font-size:22px}
.indexpart4 .box .txt{font-size:32px}
.indexpart4 .box .quota .t1{font-size:20px}
.indexpart4 .box .quota .t1 .sp{font-size:32px;height:56px;line-height:56px}
.indexpart4 .box .btnbox a{font-size:16px;height:45px;line-height:45px}
.abnav{margin-top:-40px}
.abnav ul li a{height:80px;line-height:80px}
.aboutbox .a-title .t1{font-size:36px}
.key .box ul li:hover .img:before{width:220px;height:220px}
.key .box ul li .txt .tit{padding-bottom:10px}
.key .box ul li .txt .tit .t2{font-size:15px}
.key .box ul li .txt ul li{font-size:15px}
.strength .box .tabs ul li a{font-size:22px}
.new .newli .title .t4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:15px}
.new .tit .screen .t1{font-size:18px}
.letter ul li .part1 .w1 .tit{font-size:20px}
.letter ul li .part1 .w2 .t1{font-size:24px}
.letter ul li .part1 .w2 .t2{font-size:15px}
.u-solution .box .boxli .title .t3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.u-solution .box .boxli .title .t3.oth{margin-top:15px}
.u-solution .box .boxli .title .t3.oth ul li{margin-right:20px}
.u-solution .box .boxli .title .btn{margin-top:20px}
.service-details .r-box{padding-left:4%}
.service-details .r-box .list li .part2 .atlas ul li .mask{width:180px;height:180px}
.service-details .r-box .list li .part2 .atlas ul li .ring{width:110px;height:110px;border:rgba(255,255,255,0.04) solid 130px}
.service-details .r-box .list li .part3 .content ul li .arrow{width:-moz-calc(100% - 63px);width:-webkit-calc(100% - 63px);width:calc(100% - 63px)}
}@media only screen and (max-width:1440px){.header .logo a img{max-width:180px}
.header .nav>ul>li>a{font-size:16px}
.head-other .call{font-size:20px}
.head-nation .current .name{font-size:16px}
.head-nation ul li a{font-size:16px}
.i-banner .box .t1{font-size:40px}
.title .t1{font-size:32px}
.title .t2{font-size:24px}
.title .t3{font-size:15px}
.title .t5{font-size:20px}
.title .t6{font-size:17px}
.title .t7{font-size:26px}
.title .t9{font-size:15px}
.title .t10{font-size:26px}
.indexpart1 .l-box .txt,.indexpart1 .r-box .title.txt{padding-top:4%}
.indexpart2 .switch-tab ul li .icon{width:90px;height:98px;line-height:98px}
.indexpart2 .switch-li .r-wrap .tit{font-size:16px}
.indexpart2 .switch-li .r-wrap .wrap1{margin-top:40px}
.indexpart2 .switch-li .r-wrap .wrap1 ul li{height:45px;line-height:45px;font-size:15px}
.indexpart2 .switch-li .r-wrap .wrap2{margin-top:30px}
.allbtn a{min-width:140px;height:45px;line-height:45px}
.indexpart3{padding-top:5%}
.indexpart3 .wrap ul li .con .t1{font-size:20px}
.caseli .title .t8{min-height:90px}
.caseli .btn a{height:36px;line-height:34px}
.alike .switch-tab ul li{padding:0px 30px}
.indexpart6 .box .txt .title{margin-top:0;min-height:90%}
.indexpart6 .box .txt .other .date{font-size:16px}
.abnav{margin-top:-35px}
.abnav ul li a{height:70px;line-height:70px}
.culture ul li .info{font-size:15px}
.culture ul li .info .bt{font-size:20px}
.key .box ul li:hover .img:before{width:200px;height:200px}
.key .box ul li .txt ul li{font-size:14px;line-height:1.7;padding-left:20px;margin-bottom:5px}
.key .box ul li .txt ul li:before{top:8px}
.strength .swiper-pagination-bullet{width:12px;height:12px}
.aboutbox .a-title .t1{font-size:32px}
.swiper-box .wrap .item .mask{bottom:-80px;height:80px;line-height:80px}
.swiper-box .wrap .item.small-img .mask{bottom:-60px;height:60px;line-height:60px}
.swiper-box .wrap ul li:hover .item .mask{bottom:0}
.contact .box>ul>li{min-height:240px}
.contact .box ul li .l-box .t1{font-size:30px}
.contact .box ul li .l-box .t2 a{font-size:15px}
.contact .box ul li .r-box ul li{font-size:16px;line-height:1.7}
.certificate ul li:before{height:4px}
.certificate ul li .txtbox .txt{font-size:18px}
.team .box ul li .txt .title .t9{min-height:150px}
.case .box .box2 ul li{margin-right:40px}
.case .box .box2 ul li a{font-size:17px;padding:12px}
.page-list a{min-width:36px;height:36px;line-height:36px;font-size:18px}
.page-list .total{line-height:36px}
.s-module ul li span,.s-module ul li a{height:60px;line-height:60px}
.new.related .tit{font-size:36px}
.letter ul li .part1 .w2 .t1{font-size:22px}
.recruit .box ul li .cont{padding:2.66% 4.5%}
.position-support .box ul li .title .t2{font-size:26px}
.position-support .box ul li:hover .title .t2{font-size:32px}
.course .wrap .tit .bt{font-size:36px}
.course .wrap .tit ul li a{font-size:18px}
.course .wrap .cont ul li .title{padding:20px}
.service-details .r-box .text .tit{font-size:36px}
.service-details .r-box .list li .part3 .content{margin-top:30px}
.service-details .r-box .list li .part3 .content ul li .icon{width:50px;height:50px;line-height:50px}
.service-details .r-box .list li .part3 .content ul li .arrow{width:-moz-calc(100% - 66px);width:-webkit-calc(100% - 66px);width:calc(100% - 66px)}
.service-details .r-box .list li .part4 .content ul li{height:75px}
.service-details .r-box .list li .part4 .content ul li a{font-size:15px}
.solution .box ul li .txt .icon{width:42px;height:42px;line-height:42px}
}@media only screen and (max-width:1280px){.header .logo a img{max-width:160px}
.header .nav>ul>li{padding:0px 8px}
.header .nav>ul>li>a{font-size:15px}
.head-other .call{font-size:18px}
.head-nation .current .name{font-size:15px}
.head-nation ul li a{font-size:15px}
.header .drop-down a{font-size:15px;padding:10px 15px}
.navcell .l-box .txt .t1{font-size:15px}
.navcell .r-box .tit{font-size:18px}
.navcell .r-box ul li a{font-size:15px}
.i-banner .box .t1{font-size:32px}
.title .t6{font-size:16px}
.title .t10{font-size:24px}
.indexpart4 .box .txt{font-size:28px}
.indexpart4 .box .quota .t1{font-size:18px}
.indexpart4 .box .quota .t1 .sp{font-size:28px;width:45px;height:50px;line-height:50px}
.alike .switch-tab ul li{padding:0px 20px}
.strength .box .tabs ul li a{font-size:20px}
.key .box ul li:hover .img:before{width:180px;height:180px}
.key .box ul li .txt .tit{padding-bottom:5px}
.key .box ul li .txt ul{margin-top:10px}
.key .box ul li .txt .see{margin-top:10px}
.contact .box>ul>li{min-height:200px}
.contact .box ul li .l-box .t1{font-size:28px}
.team .box ul li .txt .title .t9{min-height:130px}
.case .box .box2 ul li{margin-right:30px}
.case .box .box2 ul li a{font-size:16px;padding:10px 12px}
.case-detail .r-box .tit{font-size:24px}
.case-detail .r-box #wrap>li{padding-bottom:40px}
.s-module ul li span,.s-module ul li a{padding-left:15px;padding-right:40px}
.new.related .tit{font-size:32px}
.sernav ul li span{line-height:70px}
.position-support .box ul li .title .t2{font-size:24px}
.position-support .box ul li:hover .title .t2{font-size:28px}
.u-service .box ul li .txt .title .tit{font-size:20px}
.course .box ul li .title .t8.oth{margin-top:20px}
.course .wrap .tit .bt{font-size:32px;vertical-align:middle}
.course .wrap .tit ul{vertical-align:middle}
.course .wrap .tit ul li a{font-size:16px}
.series ul.list li .box ul li .txt{font-size:18px;margin-top:15px}
.service-details .r-box .list>li,.service-details .r-box .related{margin-top:20px;padding-top:30px}
.service-details .r-box .list li .part2 .atlas ul li .mask{width:160px;height:160px}
.service-details .r-box .list li .part2 .atlas ul li .ring{width:100px;height:100px;border:rgba(255,255,255,0.04) solid 120px}
.service-details .r-box .text .tit{font-size:32px}
.service-details .r-box .list li .part3 .content ul li .txt .t1{font-size:15px}
.service-details .l-box{width:260px}
.service-details .r-box{width:-moz-calc(100% - 260px);width:-webkit-calc(100% - 260px);width:calc(100% - 260px)}
}@media only screen and (max-width:1200px){.main,.omain{padding-top:60px}
.menubtn{display:block}
.header{padding:0;background:#FFFFFF}
.header .logo a{height:60px;line-height:60px}
.header .logo a img{max-height:27px}
.header .logo a img.logo1{display:none}
.header .logo a img.logo2{display:inline-block}
.header .nav,.head-other{display:none}
.conwidth{width:100%;padding-left:3%;padding-right:3%;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.footer .foot-con .foot-nav{float:none;width:100%;padding-bottom:30px;border-bottom:#5162a9 solid 1px}
.footer .foot-con .foot-nav ul li{width:auto;margin-right:5%}
.footer .foot-con .foot-nav ul li .alink{display:none}
.footer .foot-con .foot-code{float:none;width:100%;text-align:left;padding-top:20px;overflow:hidden}
.footer .foot-con .foot-code .txt{float:left;text-align:left;margin-right:0;margin-top:5%;width:52%}
.footer .foot-con .foot-code ul{float:left}
.i-banner{top:50%;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.i-banner .box .t1{padding:0px 50px}
.lunbotu .swiper-button-next,.lunbotu .swiper-button-prev{margin-top:-25px}
.title .t1{font-size:30px}
.title .t2{font-size:22px}
.title .t4{font-size:18px}
.title .t5{font-size:18px}
.indexpart1{padding-top:70px;padding-bottom:70px}
.indexpart1 .l-wrap .txt .t3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.indexpart1 .l-wrap .more a{min-width:120px;height:40px;line-height:40px;font-size:15px}
.allbtn a{min-width:120px;height:40px;line-height:40px;font-size:15px;margin:0 15px}
.indexpart6 .box .txt .other .date{font-size:14px}
.strength .conwidth{width:83.33%;padding:0}
.aboutbox .a-title .t1{font-size:30px}
.newli{padding-bottom:20px}
.new .newli .title{}
.new .newli .title .t4{}
.new .newli .oth{padding-top:15px}
}@media only screen and (max-width:1024px){.oimg1{display:none}
.oimg2{display:block}
.banner-video{display:none}
.indexpart2{padding-top:70px;padding-bottom:70px}
.indexpart2 .box{margin-top:40px}
.indexpart2 .switch-box{margin-top:40px}
.indexpart2 .switch-tab ul li .icon{width:80px;height:87px;line-height:87px}
.indexpart2 .switch-tab ul li .txt{font-size:15px}
.indexpart2 .switch-li .r-wrap{float:none;width:100%}
.indexpart2 .switch-li .l-wrap{display:none}
.indexpart2 .switch-li .r-wrap .wrap1{margin-top:30px}
.indexpart2 .switch-li .r-wrap .wrap2 ul li{width:18%;margin-right:2.5%}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(6n){margin-right:2.5%}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(5n){margin-right:0}
.allbtn{margin-top:50px}
.allbtn a.btn2{display:inline-block}
.indexpart2 .switch-tab ul,.alike .switch-tab ul{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
.indexpart2 .switch-tab ul::-webkit-scrollbar,.alike .switch-tab ul::-webkit-scrollbar{width:0px;height:0px}
.indexpart2 .switch-tab ul::-webkit-scrollbar-button,.alike .switch-tab ul::-webkit-scrollbar-button{background-color:rgba(0,0,0,0)}
.indexpart2 .switch-tab ul::-webkit-scrollbar-track,.alike .switch-tab ul::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
.indexpart2 .switch-tab ul::-webkit-scrollbar-track-piece,.alike .switch-tab ul::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0)}
.indexpart2 .switch-tab ul::-webkit-scrollbar-thumb,.alike .switch-tab ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.indexpart2 .switch-tab ul::-webkit-scrollbar-corner,.alike .switch-tab ul::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}
.indexpart2 .switch-tab ul::-webkit-scrollbar-resizer,.alike .switch-tab ul::-webkit-scrollbar-resizer{background-color:rgba(0,0,0,0)}
.indexpart2 .switch-tab ul::-webkit-scrollbar,.alike .switch-tab ul::-webkit-scrollbar{width:0px;height:0px}
.indexpart2 .switch-tab ul li{width:auto;padding-left:2%;padding-right:2%;padding-bottom:2%}
.indexpart3{padding-top:70px;padding-bottom:70px}
.indexpart3 .wrap .bg{padding-top:10%}
.indexpart3 .wrap ul li .con .t1{font-size:18px}
.indexpart3 .wrap ul li .con .t1 .sp{font-size:18px}
.indexpart3 .wrap ul li .con .t2{font-size:15px;height:100px}
.indexpart4{padding-top:70px;padding-bottom:70px}
.indexpart4 .box .txt{}
.indexpart4 .box .quota .t1{}
.indexpart4 .box .quota .t1 .sp{width:40px;height:45px;line-height:45px}
.indexpart4 .box .quota .t2{font-size:15px}
.indexpart4 .box .btnbox a{font-size:15px;height:40px;line-height:40px}
.indexpart5{padding-top:70px;padding-bottom:70px}
.indexpart5 .box{margin-top:50px}
.indexpart5 .box .switch-box{margin-top:20px}
.caseli{width:31%;margin-right:3.5%}
.caseli:nth-child(4n){margin-right:3.5%}
.caseli:nth-child(3n){margin-right:0}
.caseli .btn a{max-width:48%;width:48%;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box}
.caseli .btn a.b1{margin-right:4%}
.case-detail .r-box .related .caseli .title .t6,.service-details .related .caseli .title .t6{display:block;min-height:1px;height:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-detail .r-box .related .caseli .title .t8,.service-details .related .caseli .title .t8{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:1.6}
.case-detail .r-box .related .caseli .btn a,.service-details .related .caseli .btn a{height:32px;line-height:30px}
.new.related .box{margin-top:30px}
.indexpart6{padding-top:70px;padding-bottom:70px}
.abnav{padding-top:50px;margin-top:0}
.abnav ul{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;width: 75%;}
.abnav ul::-webkit-scrollbar{width:0px;height:0px}
.abnav ul::-webkit-scrollbar-button{background-color:rgba(0,0,0,0)}
.abnav ul::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
.abnav ul::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0)}
.abnav ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.abnav ul::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}
.abnav ul::-webkit-scrollbar-resizer{background-color:rgba(0,0,0,0)}
.abnav ul::-webkit-scrollbar{width:0px;height:0px}
.abnav ul li{width:auto;padding:0px 25px;margin-top:15px;margin-bottom:15px}
.abnav ul li a{height:60px;line-height:60px;font-size:18px}
.aboutbox .a-title .t1{font-size:28px}
.about{padding-top:50px;padding-bottom:70px}
.about .box .l-box{float:none;width:auto;overflow:inherit}
.about .box .r-box{width:50%;padding-left:3%;margin-bottom:3%}
.culture ul li{height:130px}
.culture ul li .info{font-size:14px}
.culture ul li .info .bt{font-size:18px}
.culture ul li img{width:60px;height:60px}
.key{padding-top:70px;padding-bottom:70px}
.key .box{margin-top:40px}
.key .box ul li:hover .img:before{width:160px;height:160px}
.key .box ul li .txt .tit .t1{font-size:20px}
.strength{padding-top:70px;padding-bottom:70px}
.strength ul{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
.strength ul::-webkit-scrollbar{width:0px;height:0px}
.strength ul::-webkit-scrollbar-button{background-color:rgba(0,0,0,0)}
.strength ul::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
.strength ul::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0)}
.strength ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.strength ul::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}
.strength ul::-webkit-scrollbar-resizer{background-color:rgba(0,0,0,0)}
.strength ul::-webkit-scrollbar{width:0px;height:0px}
.strength .box .tabs ul li{min-width:32.66%;width:auto;padding-bottom:10px}
.strength .box .tabs ul li a{height:60px}
.strength .box .tabs ul li.active a:after{top:auto;bottom:0}
.strength .tabbox{margin-top:40px}
.strength .swiper-button-prev,.strength .swiper-container-rtl .swiper-button-next{left:1.5%}
.strength .swiper-button-next,.strength .swiper-container-rtl .swiper-button-prev{right:1.5%}
.swiper-box .wrap .item .mask{font-size:16px}
.swiper-box .wrap .item .mask{bottom:-70px;height:70px;line-height:70px}
.swiper-box .wrap .item.small-img .mask{bottom:-50px;height:50px;line-height:50px}
.key .box ul li .txt .see{margin-top:5px}
.speech{padding-top:70px;padding-bottom:70px}
.speech .l-box{padding-right:0}
.speech .l-box .title .t9{margin-top:20px}
.contact{padding-top:70px;padding-bottom:50px}
.contact .box ul li .l-box .t1{font-size:24px}
.contact .box ul li .r-box ul li{font-size:15px}
.package{padding-top:70px;padding-bottom:60px}
.package .box{margin-top:40px}
.certificate ul li:before{height:3px}
.certificate ul li .txtbox .txt{font-size:16px}
.case{padding-top:50px;padding-bottom:70px}
.case .box{padding:30px}
.case .box .search .btn input{font-size:16px}
.case .wrap>ul{margin-bottom:60px}
.case .box .box2 ul li{margin-right:20px}
.case .box .box2 ul li a{font-size:16px}
.page-list a{min-width:36px;height:36px;line-height:36px;font-size:18px;margin-right:16px}
.case-detail{padding-bottom:70px}
.case-detail .content{padding-top:40px}
.comnav ul{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
.comnav ul::-webkit-scrollbar{width:0px;height:0px}
.comnav ul::-webkit-scrollbar-button{background-color:rgba(0,0,0,0)}
.comnav ul::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
.comnav ul::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0)}
.comnav ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.comnav ul::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}
.comnav ul::-webkit-scrollbar-resizer{background-color:rgba(0,0,0,0)}
.comnav ul::-webkit-scrollbar{width:0px;height:0px}
.comnav ul li{margin:0px 10px}
.comnav ul li span{line-height:70px}
.case-detail .r-box .btnbox .prev,.new-detail .l-box .btnbox .prev{display:none}
.case-detail .r-box .btnbox .next,.new-detail .l-box .btnbox .next{display:none}
.new{padding-top:50px;padding-bottom:70px}
.new .box ul{margin-bottom:50px}
.new .box ul li{width:31%;margin-right:3.5%;margin-top:3.5%}
.new .box ul li:nth-child(4n){margin-right:3.5%}
.new .box ul li:nth-child(3n){margin-right:0}
.new-detail .box .l-box{float:none;width:100%;padding-right:0;border-right:none;padding-bottom:60px}
.new-detail .box .r-box{float:none;width:100%;padding-left:0;padding-bottom:30px}
.new-detail .box .r-box .wrap{max-width:100%}
.pagebox{float:left;width:50%;padding-top:5%}
.pagebox ul li{margin-bottom:10px}
.pagebox ul li a{overflow:hidden}
.pagebox ul li .t1{float:left;width:70px}
.pagebox ul li .t2{margin-top:0;width:-webkit-calc(100% - 80px);width:calc(100% - 80px)}
.sharebox{display:none;margin-top:30px}
.new-detail .box .r-box .img{display:none}
.new-detail .box .r-box .w2{float:right;width:40%;margin-top:0}
.new.related{padding-bottom:70px}
.new.related .tit{font-size:30px}
.new-detail .box .l-box .title .size{display:none}
.letter ul li .part1 .w1 .spot{width:80px;height:80px;line-height:80px}
.letter ul li .part1 .w1 .tit{font-size:18px}
.letter ul li .part1 .w2 .t1{font-size:20px}
.letter ul li .part1 .w2 .t2{font-size:14px}
.letter ul li .part2{height:60px;line-height:60px}
.letter ul li .part2 .view{font-size:15px}
.concept .box ul li{min-height:290px;-webkit-box-sizing:border-box;box-sizing:border-box}
.package .box ul li .title{min-height:180px}
.recruit{padding-top:50px;padding-bottom:70px}
.recruit .box ul li .t1{font-size:16px}
.recruit .box ul li .cont{padding:20px;font-size:15px}
.sernav ul{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
.sernav ul::-webkit-scrollbar{width:0px;height:0px}
.sernav ul::-webkit-scrollbar-button{background-color:rgba(0,0,0,0)}
.sernav ul::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
.sernav ul::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0)}
.sernav ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.sernav ul::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}
.sernav ul::-webkit-scrollbar-resizer{background-color:rgba(0,0,0,0)}
.sernav ul::-webkit-scrollbar{width:0px;height:0px}
.sernav ul li{margin-right:50px}
.sernav ul li span{line-height:60px;font-size:16px}
.mechanism{padding-top:70px;padding-bottom:70px}
.mechanism .box ul li .cont{min-height:200px;padding-left:30px;padding-right:30px;padding-top:70px}
.mechanism .box ul li .icon{width:100px;height:100px;line-height:100px;top:-50px}
.position-support{padding-top:70px;padding-bottom:50px}
.position-support .box{margin-top:50px}
.position-support .box ul li .title .t2{font-size:22px}
.position-support .box ul li:hover .title .t2{font-size:24px}
.added{padding-top:70px;padding-bottom:50px}
.added .box{margin-top:50px}
.added .box ul li{width:31%;margin-right:3.5%}
.process{padding-top:70px;padding-bottom:70px}
.process .box{margin-top:40px}
.process .box ul li .title .tit{font-size:40px}
.process .consult{margin-top:50px}
.u-service{padding-top:70px;padding-bottom:70px}
.u-service .box ul li{width:33.33%;padding:10px}
.u-service .box ul li .txt .title .tit{font-size:18px}
.u-process{padding-top:70px;padding-bottom:70px}
.u-process .imgbox{margin-top:40px}
.u-solution{padding-top:70px;padding-bottom:70px}
.u-solution .box{padding-left:4%;padding-right:4%}
.u-solution .box .swiper-container{padding-bottom:60px;margin-top:50px}
.dotbox{display:none}
.u-solution .swiper-pagination-bullet{width:8px;height:8px;background:#1E67B4;opacity:0.5;margin:0 5px !important}
.u-solution .swiper-pagination-bullet-active{opacity:1}
.course{padding-top:40px;padding-bottom:70px}
.course .box ul li .title .t8.oth{margin-top:15px}
.course .wrap .tit{padding-bottom:20px}
.course .wrap .tit .bt{font-size:30px}
.course .wrap .screen{margin-top:20px}
.course .wrap .cont{margin-top:20px}
.course .wrap .cont ul{margin-bottom:30px}
.course .wrap .cont ul li{width:31%;margin-right:3.5%;margin-bottom:3.5%}
.course .wrap .cont ul li:nth-child(4n){margin-right:3.5%}
.course .wrap .cont ul li:nth-child(3n){margin-right:0}
.series{padding-bottom:70px}
.series ul.list li .box ul{margin-top:35px}
.series ul.list li .box ul li{width:23.5%}
.series ul.list li .box ul li:nth-child(5n){margin-right:2%}
.series ul.list li .box ul li:nth-child(4n){margin-right:0}
.series .exhibition{margin-top:50px}
.series .exhibition .swiper-container{margin-top:40px}
.service-details .l-box{width:230px}
.service-details .l-box .s-plate .title .btn a{min-width:120px;font-size:15px}
.service-details .l-box .d-nav ul li span{padding-top:10px;padding-bottom:10px;padding-left:35px}
.service-details .l-box .d-nav ul li:before{width:2px}
.service-details .r-box{width:-moz-calc(100% - 230px);width:-webkit-calc(100% - 230px);width:calc(100% - 230px)}
.service-details .r-box .text .tit{font-size:28px}
.service-details .r-box .text .txt{font-size:15px}
.service-details .r-box .list li .part2 .atlas ul li{width:48%;margin-right:4%;margin-bottom:4%}
.service-details .r-box .list li .part2 .atlas ul li:nth-child(3n){margin-right:4%}
.service-details .r-box .list li .part2 .atlas ul li:nth-child(2n){margin-right:0}
.s-module ul li span,.s-module ul li a{font-size:15px;height:50px;line-height:50px}
.service-details .r-box .list li .part3 .content ul li .icon{width:45px;height:45px;line-height:45px}
.service-details .r-box .list li .part2 .atlas ul li .ring{border:rgba(255,255,255,0.04) solid 150px}
.service-details .r-box .list li .part2 .atlas ul li:hover .mask{border:rgba(61,80,159,0.9) solid 120px}
.service-details .r-box .list li .part3 .content ul li .txt .t1{font-size:14px}
.service-details .r-box .list li .part3 .content ul li{width:27%;margin-top:110px}
.service-details .r-box .list li .part3 .content ul li:nth-child(4n),.service-details .r-box .list li .part3 .content ul li:last-child{width:19%}
.service-details .r-box .list li .part3 .content ul li:nth-child(4n) .arrow{display:none}
.service-details .r-box .list li .part3 .content ul li:nth-child(1),.service-details .r-box .list li .part3 .content ul li:nth-child(2),.service-details .r-box .list li .part3 .content ul li:nth-child(3),.service-details .r-box .list li .part3 .content ul li:nth-child(4){margin-top:0}
.service-details .r-box .list li .part3 .content ul li:nth-child(5):before{content:'';position:absolute;left:4px;top:-110px;width:50px;height:110px;background:url(../images/img254a.png) center no-repeat}
.solution{padding-top:70px;padding-bottom:70px}
.solution .box{margin-top:50px}
.solution .box ul li{width:31%;margin-right:3.5%;margin-bottom:3.5%}
.solution .box ul li:nth-child(5n){margin-right:3.5%}
.solution .box ul li:nth-child(3n){margin-right:0}
.solution .box ul li .txt{}
.team{padding-top:70px;padding-bottom:70px}
.team .box ul li .txt{padding-top:4%;padding-left:4%;padding-right:4%}
.team .box ul li .txt .title .t9{min-height:110px}
}@media only screen and (max-width:991px){.case-detail .l-box{float:none;width:100%;height:auto;margin-top:30px}
.case-detail .l-box .w2 .btn,.new-detail .box .r-box .w2 .btn{text-align:center;font-size:0}
.case-detail .l-box .w2 .btn a,.new-detail .box .r-box .w2 .btn a{float:none;display:inline-block;max-width:120px}
.case-detail .r-box{float:none;width:100%;padding-left:0}
.comnav ul li span{font-size:16px;line-height:60px}
.case-detail .r-box .btnbox a,.new-detail .l-box .btnbox a{height:42px;line-height:40px}
.case-detail .l-box .w2 .title .t3 ul,.new-detail .box .r-box .w2 .title .t3 ul{overflow:hidden}
.case-detail .l-box .w2 .title .t3 ul li,.new-detail .box .r-box .w2 .title .t3 ul li{float:left;width:48%;margin-right:4%;margin-top:5px;margin-bottom:5px}
.case-detail .l-box .w2 .title .t3 ul li:nth-child(2n),.new-detail .box .r-box .w2 .title .t3 ul li:nth-child(2n){margin-right:0}
.service-details{padding-top:0}
.service-details .conwidth{padding-left:0;padding-right:0}
.service-details .l-box{position:relative;z-index:12;float:none;width:100%;height:auto;background:#FFFFFF;border-bottom:#e5e5e5 solid 1px}
.service-details .l-box .s-plate .icon,.service-details .l-box .s-plate .title{display:none}
.service-details .l-box .d-nav{margin-top:0;padding:0 3%}
.d-nav ul{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
.d-nav ul::-webkit-scrollbar{width:0px;height:0px;font-size:0}
.d-nav ul::-webkit-scrollbar-button{background-color:rgba(0,0,0,0)}
.d-nav ul::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
.d-nav ul::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0)}
.d-nav ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.d-nav ul::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}
.d-nav ul::-webkit-scrollbar-resizer{background-color:rgba(0,0,0,0)}
.d-nav ul::-webkit-scrollbar{width:0px;height:0px}
.service-details .l-box .d-nav ul li{display:inline-block;vertical-align:top;border-top:none;margin-right:40px}
.service-details .l-box .d-nav ul li span{padding-left:25px;padding-top:0px;padding-bottom:0px;line-height:60px}
.service-details .l-box .d-nav ul li:hover span,.service-details .l-box .d-nav ul li.on span{background:none}
.service-details .l-box .d-nav ul li span i{top:25px}
.service-details .l-box .d-nav ul li:before{display:none}
.service-details .r-box{float:none;width:100%;padding-left:0;border-left:none;padding-left:3%;padding-right:3%;-webkit-box-sizing:border-box;box-sizing:border-box}
.service-details .r-box .text .tit{font-size:26px}
.service-details .r-box .related{padding-bottom:70px}
.service-details .r-box .list li .part2 .atlas ul li:hover .mask{border:rgba(61,80,159,0.9) solid 150px}
}@media only screen and (max-width:768px){.footer .foot-top .foot-logo{max-width:37%}
.footer .foot-top .txt .t1{font-size:20px}
.i-banner .box .t1{font-size:28px;margin-bottom:15px}
.i-banner .box .t2{font-size:16px}
.lunbotu.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.lunbotu .swiper-pagination-bullet{width:10px;height:10px}
.lunbotu .swiper-button-next,.lunbotu .swiper-button-prev{width:45px;height:45px;margin-top:-23px}
.title .t1{font-size:28px}
.title .t2{font-size:20px}
.title .t7{font-size:24px}
.title .t10{font-size:22px}
.indexpart1{padding-top:60px;padding-bottom:60px}
.indexpart1 .l-wrap{float:none;width:100%;margin-bottom:8%}
.indexpart1 .l-wrap .txt{padding:0;max-width:100%}
.indexpart1 .r-wrap{float:none;width:100%}
.indexpart1 .l-box{float:none;width:100%;margin-top:4.4%;margin-bottom:4.4%;background:url(../images/img6.jpg) center left 0px}
.indexpart1 .r-box{float:none;width:100%}
.indexpart1 .r-box .img,.indexpart1 .l-box .img{display:none}
.indexpart1 .l-box .txt,.indexpart1 .r-box .title.txt{padding-left:7.2%;padding-right:14.2%;position:static;transform:none;background:url(../images/img7.png) bottom 15% right 5.7% no-repeat;background-size:8% auto;padding-top:30px;padding-bottom:30px}
.indexpart1 .r-box .title.txt{background:url(../images/img8.png) bottom 15% right 5.7% no-repeat;background-size:8% auto}
.indexpart1 .r-box .img{padding-top:4%;padding-bottom:4%}
.indexpart2{padding-top:60px;padding-bottom:60px}
.indexpart2 .switch-li .r-wrap .wrap2 ul li{width:23.5%;margin-right:2%}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(6n){margin-right:2%}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(5n){margin-right:2%}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(4n){margin-right:0}
.indexpart3{padding-top:60px;padding-bottom:60px}
.indexpart3 .wrap{margin-top:30px}
.indexpart3 .wrap ul li .con .t1{font-size:16px}
.indexpart3 .wrap ul li .con .t1 .sp{top:3px;font-size:16px}
.indexpart3 .wrap ul li .con .t2{font-size:14px;height:80px}
.indexpart4{padding-top:60px;padding-bottom:60px}
.indexpart4 .box .txt{float:none;width:100%;max-width:100%;text-align:center}
.indexpart4 .box .quota{float:none;width:100%;text-align:center;margin-top:30px}
.indexpart4 .box .quota .t1{font-size:16px}
.indexpart4 .box .btnbox{float:none;width:100%;text-align:center;margin-top:30px}
.indexpart4 .box .btnbox a{width:auto;min-width:120px;margin-right:20px}
.indexpart5{padding-top:60px;padding-bottom:60px}
.indexpart5 .box{margin-top:40px}
.indexpart5 .box .switch-box{margin-top:15px}
.caseli .icon img{max-height:60px}
.indexpart6{padding-top:60px;padding-bottom:60px}
.indexpart6 .box .wrap{margin-top:40px}
.indexpart6 .box .wrap .l-wrap{width:48%;padding-right:0;margin-right:4%}
.indexpart6 .box .wrap .l-wrap .bg{}
.indexpart6 .box .wrap .l-wrap:hover .bg img{opacity:1}
.indexpart6 .box .wrap .l-wrap a{}
.indexpart6 .box .l-wrap:hover .txt .title .t4,.indexpart6 .box .l-wrap:hover .txt .title .t8,.indexpart6 .box .l-wrap:hover .txt .other .more{color:#FFFFFF}
.indexpart6 .box .wrap .l-wrap .img{float:none;width:100%;display:none}
.indexpart6 .box .wrap .l-wrap a .txt{float:none;width:100%;padding:20px}
.indexpart6 .box .wrap .r-wrap{width:48%}
.indexpart6 .box .switch-li ul li{width:48%;margin-right:4%}
.indexpart6 .box .switch-li ul li:nth-child(3n){margin-right:4%}
.indexpart6 .box .switch-li ul li:nth-child(2n){margin-right:0}
.indexpart6 .box .img,.indexpart6 .box .wrap .l-wrap .bg{display:none}
.indexpart6 .box .txt{position:static}
.indexpart6 .box .wrap .l-wrap a{display:block;width:100%;position:static;padding:0}
.indexpart6 .box .wrap .l-wrap .txt{position:static}
.indexpart6 .box .wrap .l-wrap a .txt{padding:9%}
.indexpart6 .box .txt .title .t8{margin-bottom:20px}
.indexpart6 .box .txt .title .t4{height:50px}
.indexpart6 .box .txt .title .t8{height:56px}
.indexpart6 .wrap a:hover,.indexpart6 .box a:hover,.indexpart6 .box .switch-li ul li:hover a,.indexpart6 .box .wrap .r-wrap:hover,.indexpart6 .box .wrap .l-wrap:hover{background:#1E67B4}
.aboutbox .a-title .t1{font-size:26px}
.abnav{padding-top:40px}
.abnav ul li a{font-size:16px}
.about{padding-top:40px;padding-bottom:60px}
.culture ul li{width:48%;margin-right:4%}
.culture ul li:nth-child(3n){margin-right:4%}
.culture ul li:nth-child(2n){margin-right:0}
.key{padding-top:60px;padding-bottom:60px}
.key .box>ul>li{float:none;width:100%;margin-right:0}
.key .box ul li .img{width:200px}
.key .box ul li .txt{width:-webkit-calc(100% - 200px);width:calc(100% - 200px)}
.key .box ul li .txt .tit{padding-bottom:5px}
.key .box ul li .txt ul{margin-top:10px}
.strength{padding-top:60px;padding-bottom:60px}
.strength .box .tabs ul li a{font-size:18px}
.strength .tabbox{margin-top:30px}
.swiper-box .wrap .l-wrap{float:none;width:100%;padding-right:0;margin-bottom:20px}
.swiper-box .wrap .r-wrap{float:none;width:100%;padding-left:0}
.strength .swiper-button-next,.strength .swiper-button-prev{width:45px;height:45px;margin-top:-44px}
.speech{padding-top:60px;padding-bottom:60px}
.speech .l-box{float:none;width:100%;margin-bottom:30px}
.speech .r-box{float:none;width:100%;padding-left:0;text-align:center}
.contact{padding-top:60px;padding-bottom:40px}
.contact .box>ul>li{padding:20px 20px 15px}
.contact .box ul li .l-box .t1{font-size:22px}
.certificate{padding-top:50px;padding-bottom:50px}
.certificate .content{margin-bottom:40px}
.certificate .box{margin-top:30px}
.certificate ul li{width:31%;margin-right:3.5%;margin-bottom:3.5%}
.certificate ul li:nth-child(4n){margin-right:3.5%}
.certificate ul li:nth-child(3n){margin-right:0}
.case{padding-top:40px;padding-bottom:60px}
.case .box .box2 ul li a{padding:10px 12px 0px}
.new{padding-top:40px;padding-bottom:60px}
.new .tit .title{float:none;width:100%}
.new .tit .screen{float:none;width:100%;margin-top:15px}
.new .tit .screen .t1{font-size:16px}
.new .tit .screen .t2{width:-moz-calc(100% - 120px);width:-webkit-calc(100% - 120px);width:calc(100% - 120px)}
.new .other .major{float:none;width:100%;margin-bottom:4%}
.new .other .w1{width:48%;margin-right:4%;margin-left:0}
.new .other .w1:last-child{margin-right:0}
.new .box ul li{width:48%;margin-right:4%;margin-top:4%}
.new .box ul li:nth-child(4n){margin-right:4%}
.new .box ul li:nth-child(3n){margin-right:4%}
.new .box ul li:nth-child(2n){margin-right:0}
.new-detail .box .l-box .title .t8 span{margin-right:25px}
.new-detail .box .l-box .title .details.t3{padding-bottom:30px}
.pagebox{width:100%;padding-top:0}
.new-detail .box .r-box .w2{width:100%;margin-top:20px}
.new.related{padding-top:40px;padding-bottom:60px}
.new.related .box{}
.new.related .tit{font-size:28px}
.letter ul li{float:none;width:100%;margin-right:0;margin-bottom:30px}
.letter ul li .part1 .w2{padding:20px}
.letter ul li .part2{height:50px;line-height:50px}
.concept{padding-top:50px;padding-bottom:40px}
.concept .box{margin-top:30px}
.concept .box ul li{min-height:1px;width:48%;margin-right:4%;margin-bottom:4%}
.concept .box ul li:nth-child(4n){margin-right:4%}
.concept .box ul li:nth-child(2n){margin-right:0}
.package{padding-top:50px;padding-bottom:50px}
.package .box ul li .title .t9{margin-top:10px}
.recruit .box ul li .t1{width:45%;padding-left:30px}
.recruit .box ul li .t2,.recruit .box ul li .t3{width:16%}
.recruit .box ul li .t4{width:21%}
.sernav ul li{margin-right:40px}
.mechanism{padding-top:60px;padding-bottom:50px}
.mechanism .box ul li .cont{padding-left:20px;padding-right:20px;padding-top:65px}
.mechanism .box>ul>li{width:48%;margin-right:4%;margin-bottom:4%}
.mechanism .box>ul>li:nth-child(3n){margin-right:4%}
.mechanism .box>ul>li:nth-child(2n){margin-right:0}
.mechanism .box ul li .icon{width:90px;height:90px;line-height:90px;top:-45px}
.mechanism .box ul li .title .t3{margin-top:15px}
.position-support{padding-top:60px;padding-bottom:50px}
.position-support .box{margin-top:40px}
.position-support .box ul li .title .t2{font-size:20px}
.position-support .box ul li:hover .title .t2{font-size:20px}
.position-support .box ul li .title .t9 ul li{padding-left:25px}
.added{padding-top:60px;padding-bottom:40px}
.added .box{margin-top:40px}
.added .box ul li{width:48%;margin-right:4%;margin-bottom:4%}
.added .box ul li:nth-child(3n){margin-right:4%}
.added .box ul li:nth-child(2n){margin-right:0}
.process{padding-top:60px;padding-bottom:60px}
.process .box{margin-top:40px}
.process .box ul li{width:50%;padding:30px 20px 30px}
.process .box ul li .title .t9{min-height:45px;margin-bottom:15px}
.process .box ul li .title .tit{font-size:36px}
.process .box ul li:nth-child(2n):before{display:none}
.process .box ul li:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:url(../images/img157a.png) center no-repeat;background-size:80% auto}
.process .consult{margin-top:40px}
.innovation .switch-box .oth{padding:0 40px}
.indexpart5.innovation ul{margin-bottom:40px}
.u-service{padding-top:60px;padding-bottom:60px}
.u-service .box ul li .txt .title .tit{font-size:16px}
.u-service .box ul li .txt .title .t8{margin-top:15px}
.u-process{padding-top:60px;padding-bottom:60px}
.u-solution{padding-top:60px;padding-bottom:60px}
.u-solution .box .swiper-container{margin-top:40px}
.course{padding-bottom:60px}
.course .box ul li{width:100%;margin-right:0;margin-bottom:30px}
.course .wrap .tit .bt{font-size:28px}
.course .wrap .cont ul li{width:48%;margin-right:4%;margin-bottom:4%}
.course .wrap .cont ul li:nth-child(4n){margin-right:4%}
.course .wrap .cont ul li:nth-child(3n){margin-right:4%}
.course .wrap .cont ul li:nth-child(2n){margin-right:0}
.course .wrap .cont ul li .title .txt{min-height:90px}
.series{padding-bottom:60px}
.series ul.list>li{padding-top:40px}
.series ul.list li .box ul{margin-top:30px}
.series ul.list li .box ul li{width:31%;margin-right:3.5%;margin-bottom:3.5%}
.series ul.list li .box ul li:nth-child(5n){margin-right:3.5%}
.series ul.list li .box ul li:nth-child(4n){margin-right:3.5%}
.series ul.list li .box ul li:nth-child(3n){margin-right:0}
.series .exhibition{margin-top:40px}
.series .exhibition .swiper-container{margin-top:30px}
.service-details .r-box .related{padding-bottom:60px}
.solution{padding-top:60px;padding-bottom:60px}
.solution .box{margin-top:40px}
.solution .box ul li .txt{padding:20px}
.team{padding-top:60px;padding-bottom:60px}
.team .box ul li .txt{padding-top:10px}
.team .box ul li .txt .title .t9{min-height:1px;margin-top:10px}
.page-list a{margin-right:10px}
}@media only screen and (max-width:767px){.indexpart3 .wrap .bg{display:block;width:100%;padding-top:5%;margin-bottom:40px}
.indexpart3 .wrap .bg>img{opacity:0}
.indexpart3 .wrap>ul{width:48%}
.indexpart3 .wrap ul li .con .t2{font-size:15px}
.indexpart3 .wrap ul li .con .t2 ul li{margin-top:0;margin-bottom:0}
.indexpart3 .wrap .bg .s1{background:url(../images/img25.png) center no-repeat;background-size:85% auto}
.indexpart3 .wrap .bg .s2{background:url(../images/img24.png) center no-repeat;background-size:85% auto}
.indexpart3 .wrap .bg .s3{background:url(../images/img28.png?v=2012211) center no-repeat;background-size:80% auto}
.indexpart3 .wrap .bg .s4{background:url(../images/img27.png) center no-repeat;background-size:22% auto}
.caseli{width:48%;margin-right:4%;margin-top:4%}
.caseli:nth-child(4n){margin-right:4%}
.caseli:nth-child(3n){margin-right:4%}
.caseli:nth-child(2n){margin-right:0}
.service-details .l-box .d-nav ul li span{line-height:50px}
.service-details .l-box .d-nav ul li span i{top:19px}
.service-details .r-box .text .tit{font-size:24px}
.service-details .r-box .list li .part2 .atlas ul li .st{font-size:16px;bottom:20px}
.page-list a{min-width:32px;height:32px}
}@media only screen and (max-width:640px){.footer .foot-top .txt{display:none}
.footer .foot-con{padding-top:30px;padding-bottom:30px}
.footer .foot-con .foot-nav{padding-bottom:15px}
.footer .foot-con .foot-nav ul li{width:25%;margin-right:0}
.footer .foot-con .foot-code{padding-top:15px}
.footer .foot-con .foot-code ul{float:right;width:48%}
.sidebar ul li a{width:50px;height:50px}
.sidebar ul li a .img{height:50px;line-height:50px}
.sidebar ul li .txtli{line-height:50px}
.sidebar ul li .txtli img{max-width:22px}
.i-banner .box .t1{font-size:26px;margin-bottom:10px}
.i-banner .box .t2{font-size:15px}
.title .t1{font-size:24px}
.title .t2{font-size:18px}
.title .t5{font-size:16px}
.title .t7{font-size:22px}
.title .t10{font-size:20px}
.indexpart1{padding-top:50px;padding-bottom:50px}
.indexpart1 .l-box .txt,.indexpart1 .r-box .title.txt{padding-left:20px;padding-right:14.2%;padding-top:25px;padding-bottom:25px}
.indexpart1 .r-wrap .icon{display:none}
.indexpart2{padding-top:50px;padding-bottom:50px}
.indexpart2 .box{display:none}
.indexpart2 .m-box{display:block}
.allbtn{margin-top:30px}
.indexpart4{padding-top:50px}
.indexpart4 .box .txt{font-size:24px}
.indexpart4 .box .quota .t1 .sp{font-size:24px}
.alike .switch-tab ul li{padding:0px 10px}
.caseli .icon img{max-height:50px}
.indexpart5{padding-top:50px}
.indexpart5 .box .switch-box>ul{margin-bottom:50px}
.indexpart6{padding-top:50px;padding-bottom:50px}
.indexpart6 .box .wrap{margin-top:30px}
.indexpart6 .box .wrap .l-wrap{width:100%;margin-right:0;margin-bottom:20px}
.indexpart6 .box .wrap .l-wrap .bg{display:none}
.indexpart6 .box .wrap .l-wrap a{position:static}
.indexpart6 .box .txt .title{margin-bottom:20px;min-height:80%}
.indexpart6 .box .l-wrap:hover .txt .title .t4,.indexpart6 .box .l-wrap:hover .txt .other .more{color:#1E67B4}
.indexpart6 .box .l-wrap:hover .txt .title .t8{color:#999999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.indexpart6 .box .wrap .l-wrap .img{float:none;width:100%;display:block}
.indexpart6 .box .wrap .l-wrap a .txt{float:none;width:100%;padding:30px 0px 0px}
.indexpart6 .box .wrap .r-wrap{width:100%}
.indexpart6 .box .wrap .l-wrap a,.indexpart6 .box .wrap .r-wrap a .txt,.indexpart6 .box .switch-li ul li a .txt{padding:30px}
.indexpart6 .box .switch-li ul li{width:100%;margin-right:0;margin-bottom:20px;margin-top:0}
.indexpart6 .box .wrap .l-wrap:hover,.indexpart6 .box .wrap .l-wrap a:hover{background:#FFFFFF}
.indexpart6 .box .txt .title .t4{height:auto}
.indexpart6 .box .txt .title .t8{height:auto}
.aboutbox .a-title .t1{font-size:24px}
.abnav ul li a{height:50px;line-height:50px}
.about{padding-bottom:50px}
.about .box{margin-top:30px}
.about .box .r-box{float:none;padding-left:0;width:100%;margin-bottom:30px}
.culture ul li{width:100%;margin-right:0;margin-bottom:20px;margin-top:0}
.culture ul li:last-child{margin-bottom:0}
.key{padding-top:50px;padding-bottom:50px}
.key .box{margin-top:30px}
.key .box ul li .txt .tit .t1{font-size:18px}
.strength{padding-top:50px;padding-bottom:50px}
.strength .swiper-button-next,.strength .swiper-button-prev{width:40px;height:40px;margin-top:-44px}
.strength .swiper-pagination-bullet{width:10px;height:10px}
.speech{padding-top:50px;padding-bottom:50px}
.certificate{padding-top:40px}
.certificate .content{margin-bottom:30px}
.certificate ul li{width:48%;margin-right:4%;margin-bottom:4%}
.certificate ul li:nth-child(4n){margin-right:4%}
.certificate ul li:nth-child(3n){margin-right:4%}
.certificate ul li:nth-child(2n){margin-right:0}
.case{padding-top:30px;padding-bottom:50px}
.case .box{padding:20px}
.case .box .tit{float:none;width:100%;line-height:1.6}
.case .box .search{width:100%;margin-top:15px}
.case .box .search .btn input{font-size:15px}
.case .box .box2 ul li a{font-size:15px}
.case-detail{padding-bottom:60px}
.case-detail .r-box #wrap>li{padding-bottom:30px}
.case-detail .r-box #wrap>li .box{padding-top:30px}
.case-detail .r-box .tit{font-size:20px}
.case-detail .r-box .contract .title{padding-top:0;float:none;width:100%;margin-bottom:20px}
.case-detail .r-box .contract .imgbox{float:none;width:100%}
.s-module ul li span,.s-module ul li a{height:50px;line-height:50px;font-size:15px}
.s-module ul li span .sp,.s-module ul li a .sp{font-size:15px}
.related .caseli{width:48%;margin-right:4%;margin-bottom:4%;margin-top:0}
.related .caseli:nth-child(2n){margin-right:0}
.case-detail .r-box .btnbox a,.new-detail .l-box .btnbox a{font-size:15px}
.contact{padding-top:50px;padding-bottom:30px}
.contact .box>ul>li{float:none;width:100%;margin-right:0;margin-bottom:25px;min-height:1px;padding:20px}
.contact .box ul li .l-box{}
.contact .box ul li .r-box{}
.contact .box ul li .l-box .t1{font-size:20px}
.new-detail .box .l-box{padding-bottom:50px}
.new-detail .box .l-box .title .t8 span{margin-right:15px}
.new-detail .box .l-box .title .size{font-size:18px}
.new-detail .box .l-box .title .size div{margin-right:20px}
.new.related .tit{font-size:26px}
.recruit .box ul li .t1{width:70%}
.recruit .box ul li .t2{float:right;width:30%;text-align:right}
.recruit .box ul li .t3{width:40%;margin-top:15px}
.recruit .box ul li .t4{width:60%;margin-top:10px}
.recruit .box ul li .t4 .open{width:auto;min-width:100px;height:36px;line-height:36px}
.team{padding-top:50px;padding-bottom:50px}
.mechanism{padding-top:50px;padding-bottom:40px}
.position-support{padding-top:50px;padding-bottom:40px}
.added{padding-top:50px;padding-bottom:40px}
.process{padding-top:50px;padding-bottom:50px}
.innovation .switch-box .oth{padding:0 35px}
.indexpart5.innovation ul{margin-bottom:30px}
.u-service{padding-top:50px;padding-bottom:50px}
.u-service .box ul li{width:50%;padding:12px}
.u-process{padding-top:50px;padding-bottom:50px}
.u-solution{padding-top:50px;padding-bottom:50px}
.u-solution .box .swiper-container{margin-top:30px}
.course .wrap .tit .bt{display:block;width:100%;font-size:24px;margin-right:0;margin-bottom:15px}
.course .wrap .tit ul{display:block;width:100%}
.series{padding-bottom:50px}
.series ul.list li .box ul li{width:48%;margin-bottom:4%;margin-right:4%}
.series ul.list li .box ul li:nth-child(5n){margin-right:4%}
.series ul.list li .box ul li:nth-child(4n){margin-right:4%}
.series ul.list li .box ul li:nth-child(3n){margin-right:4%}
.series ul.list li .box ul li:nth-child(2n){margin-right:0}
.series ul.list li .box ul li .txt{font-size:16px}
.operate .swiper-pagination-bullet{width:8px;height:8px;margin:0 6px}
.operate .swiper-button-next,.operate .swiper-button-prev{margin:0 12px}
.service-details .r-box .related{padding-bottom:50px}
.service-details .r-box .text{margin-top:40px}
.service-details .r-box .text .tit{font-size:22px}
.service-details .r-box .list li .part4 .content ul li{width:100%;height:auto;min-height:60px}
.service-details .related .box{margin-top:30px}
.service-details .r-box .list li .part3 .content ul li{width:33.33%;text-align:center;margin-top:30px}
.service-details .r-box .list li .part3 .content ul li .arrow{display:none}
.service-details .r-box .list li .part3 .content ul li:nth-child(4n){width:33.33%}
.service-details .r-box .list li .part3 .content ul li:nth-child(4){margin-top:30px}
.service-details .r-box .list li .part3 .content ul li:nth-child(5):before{display:none}
.service-details .r-box .list li .part3 .content ul li:last-child{width:33.33%}
.solution{padding-top:50px;padding-bottom:50px}
.solution .box{margin-top:30px}
.solution .box ul li{width:48%;margin-right:4%;margin-bottom:4%}
.solution .box ul li:nth-child(4n){margin-right:4%}
.solution .box ul li:nth-child(3n){margin-right:4%}
.solution .box ul li:nth-child(2n){margin-right:0}
.solution .box ul li .txt .title .t3{margin-top:10px}
}@media only screen and (max-width:576px){.footer{padding-top:50px}
.footer .foot-con .foot-code .txt{width:50%}
.footer .foot-con .foot-code ul{width:50%}
.footer .foot-con .foot-code ul li{width:46%;margin-right:8%}
.footer .foot-con .foot-nav ul li .tit{font-size:15px}
.footer .foot-con .foot-code .txt .t2{font-size:21px}
.i-banner .box .t1{font-size:22px}
.i-banner .box .t2{font-size:14px}
.lunbotu .swiper-button-next,.lunbotu .swiper-button-prev{width:40px;height:40px;margin-top:-20px}
.title .t1{font-size:21px}
.title .t2{font-size:17px}
.title .t7{font-size:20px}
.indexpart1{padding-top:40px;padding-bottom:40px}
.indexpart2{padding-top:40px}
.indexpart2 .m-box{margin-top:30px}
.indexpart2 .m-box ul li .txt{font-size:16px}
.caseli .icon{margin-bottom:5px}
.caseli .icon img{min-height:40px}
.caseli .title .t6{font-size:14px;min-height:1px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.caseli .title .t8{font-size:12px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:65px}
.caseli .title .t8 ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.caseli .btn a{height:30px;line-height:28px;font-size:12px}
.caseli .btn a.b1{margin-right:4%}
.innovation .caseli .title .t6{font-size:18px}
.innovation .caseli .title .t8{font-size:14px;margin-top:15px}
.indexpart5{padding-bottom:50px}
.indexpart5 .box{margin-top:30px}
.indexpart6{padding-top:40px;padding-bottom:40px}
.indexpart6 .box{margin-top:30px}
.aboutbox .a-title .t1{font-size:18px}
.aboutbox .a-title .t2{font-size:15px}
.contact .box ul li .l-box .t2 a{font-size:14px}
.contact .box ul li .r-box ul li{font-size:14px}
.about{padding-top:30px;padding-bottom:40px}
.key{padding-top:40px;padding-bottom:40px}
.key .box ul li{margin-bottom:30px}
.key .box ul li .img{float:none;width:100%}
.key .box ul li .txt{float:none;width:100%;margin-top:0px;padding:20px}
.key .box ul li:hover .img:before{display:none}
.key .box ul li .txt ul{margin-bottom:15px}
.key .box .more a{min-width:120px;height:40px;line-height:40px}
.strength{padding-top:40px}
.strength .box .tabs ul li a{font-size:16px;height:50px}
.strength .tabbox{margin-top:20px}
.swiper-box .wrap .r-wrap ul li{width:100%;margin-right:0}
.swiper-box .wrap .r-wrap ul li:last-child{margin-bottom:0}
.swiper-box .wrap .item .mask{height:50px;line-height:50px;bottom:-50px}
.case .box .box2 ul li{margin-right:10px}
.case .box .box2 ul li a{font-size:14px;padding:10px 8px 0px}
.case .box .box2 ul li a:before{height:2px}
.page-list a{min-width:32px;height:32px;line-height:32px;font-size:16px;margin-right:10px}
.page-list .total{font-size:15px;line-height:32px}
.speech{padding-top:40px}
.contact{padding-top:40px}
.contact .box ul li .l-box .t1{font-size:20px}
.certificate{padding-top:30px}
.certificate ul li .txtbox .txt{font-size:15px}
.case-detail{padding-bottom:50px}
.case-detail .content{padding-top:30px}
.comnav ul li span{font-size:15px;line-height:50px}
.case-detail .r-box .related .caseli .btn a,.service-details .related .caseli .btn a{height:28px;line-height:26px}
.case-detail .l-box .w2 .title .t3 ul li,.new-detail .box .r-box .w2 .title .t3 ul li{width:100%;margin-right:0}
.case-detail .l-box .w2 .btn a,.new-detail .box .r-box .w2 .btn a{font-size:15px}
.new{padding-bottom:50px}
.new .tit .screen .t1{float:none;width:100%}
.new .tit .screen .t2{float:none;width:100%;margin-left:0}
.new .tit .screen .t2 ul li{margin-right:25px}
.new .tit .screen .t2 ul li a{font-size:15px}
.new .other .major{margin-bottom:20px}
.new .other .w1{width:100%;margin-right:0;margin-bottom:20px}
.new .box ul{margin-bottom:40px}
.new .box ul li{width:100%;margin-right:0;margin-top:0;margin-bottom:20px}
.new.related .box ul li{margin-bottom:20px}
.new .newli .title .t3{font-size:14px}
.new .other .major .title .t4{margin-top:4px;font-size:16px;line-height:1.7}
.new .newli .title .t4{margin-bottom:10px}
.new.related{padding-bottom:40px}
.new-detail .box .l-box{padding-bottom:40px}
.new-detail .box .l-box .title .t8{float:none;width:100%}
.pagebox ul li a{font-size:15px}
.new.related .tit{font-size:24px}
.letter ul li .part1 .w1 .spot{width:70px;height:70px;line-height:70px}
.letter ul li .part1 .w1 .tit{font-size:16px}
.letter ul li .part1 .w2 .t1{font-size:18px}
.concept{padding-top:40px}
.concept .box ul{font-size:0}
.concept .box ul li{float:none;display:inline-block;vertical-align:top}
.concept .box ul li .icon:before{width:80px;height:80px;line-height:80px}
.package{padding-top:40px;padding-bottom:30px}
.package .box{margin-top:30px}
.package .box ul li{float:none;width:100%;margin-right:0;margin-bottom:25px}
.package .box ul li .title{padding:20px}
.recruit{padding-top:40px;padding-bottom:60px}
.team{padding-top:30px;padding-bottom:40px}
.team .box ul li{margin-bottom:30px}
.team .box ul li .img{float:none;width:100%}
.team .box ul li .txt{float:none;width:100%;padding-top:25px;padding-left:20px;padding-right:20px}
.mechanism{padding-top:40px;padding-bottom:30px}
.mechanism .box>ul>li{width:100%;margin-right:0;margin-bottom:25px}
.mechanism .box ul li .title .t3{margin-top:10px}
.position-support{padding-top:40px;padding-bottom:30px}
.position-support .box{margin-top:30px}
.position-support .box>ul>li{width:100%;margin-right:0;margin-bottom:25px}
.position-support .box ul li .title .t2{font-size:18px}
.position-support .box ul li:hover .title .t2{font-size:18px}
.added{padding-top:40px;padding-bottom:30px}
.added .box{margin-top:30px}
.added .box ul li{width:100%;margin-right:0;margin-bottom:25px}
.process{padding-top:40px;padding-bottom:40px}
.process .box{margin-top:30px}
.process .box ul li{padding:25px 20px}
.innovation .switch-box .oth{padding:0px 40px}
.innovation .swiper-slide{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}
.u-service{padding-top:40px;padding-bottom:40px}
.u-service .box ul li{padding:10px}
.u-service .box ul li .txt .title .t8{margin-top:10px}
.u-process{padding-top:40px;padding-bottom:40px}
.u-process .title .t9{margin-top:15px}
.u-process .imgbox{margin-top:30px}
.u-solution{padding-top:40px;padding-bottom:40px}
.u-solution .box .boxli .img{float:none;width:100%}
.u-solution .box .boxli .title{float:none;width:100%;padding:20px}
.course{padding-bottom:50px}
.course .box ul li .img{float:none;width:100%;margin-bottom:20px}
.course .box ul li .title{float:none;width:100%;padding:0}
.course .wrap .tit{padding-bottom:15px}
.course .wrap .tit .bt{font-size:22px}
.course .wrap .screen{margin-top:25px}
.course .wrap .cont{margin-top:25px}
.course .wrap .cont ul{margin-bottom:20px}
.course .wrap .cont ul li{float:none;width:100%;margin-right:0;margin-bottom:30px}
.series{padding-bottom:40px}
.series ul.list li .box ul{margin-top:25px}
.sernav ul li{margin-right:30px}
.sernav ul li span{line-height:50px;font-size:15px}
.service-details .l-box .d-nav ul li{margin-right:30px}
.service-details .l-box .d-nav ul li span{font-size:15px}
.service-details .r-box .text .tit{font-size:20px}
.service-details .r-box .list li .part2 .atlas{margin-top:20px}
.service-details .r-box .list li .part2 .atlas ul li{float:none;width:100%;margin-right:0;margin-bottom:25px}
.service-details .r-box .list li .part2 .atlas ul li .mask{width:200px;height:200px}
.service-details .r-box .list li .part2 .atlas ul li .ring{width:120px;height:120px;border:rgba(255,255,255,0.04) solid 200px}
.s-module ul li span,.s-module ul li a{height:45px;line-height:45px}
.solution{padding-top:40px;padding-bottom:40px}
.solution .box ul li{width:100%;margin-right:0;margin-bottom:25px}
}.photo{width:100%;overflow:hidden;-o-transition:all .4s;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;background-repeat:no-repeat;background-position:center;background-size:cover}
.activity ul li.w2 .photo,.team-list ul li .photo{margin-bottom:30px}
.activity ul li.w2 .photo:last-child,.team-list ul li .photo:last-child{margin-bottom:0}
a:hover .photo,.casediv:hover .photo,.search-result-list .box>ul>li:hover .photo{-o-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.photo img{width:100%;opacity:0}
@media only screen and (max-width:375px){.footer .foot-con .foot-code .txt .t2{font-size:18px}
}#c-followDot{position:fixed;top:0;left:0;width:4px;height:4px;border-radius:50%;background-color:#1E67B4;z-index:999;pointer-events:none}
#c-followDot .c-default{position:absolute;top:-18px;left:-18px;width:40px;height:40px;border:1px solid #9c9c9c;border-radius:50%;opacity:.2;box-sizing:border-box;z-index:99;-webkit-transition:all 0.6s;transition:all 0.6s}
#c-followDot .c-hover{position:absolute;top:-38px;left:-38px;width:80px;height:80px;background-color:#bbb;border-radius:50%;opacity:.12;z-index:98;box-sizing:border-box;transform:scale(0,0);-webkit-transform:scale(0,0);-webkit-transition:all 0.6s;transition:all 0.6s}
#c-followDot.c-active .c-default{transform:scale(0,0);-webkit-transform:scale(0,0)}
#c-followDot.c-active .c-hover{transform:scale(1,1);-webkit-transform:scale(1,1)}
.scheme-form{padding-top:5.2%;padding-bottom:5.2%;background:url(../images/img273.png) top center no-repeat;background-size:cover}
.scheme-form .box{position:relative;max-width:1400px;width:100%;margin:auto;background:#FFFFFF url(../images/img274.png) top left no-repeat;background-size:28% auto;border-radius:20px;overflow:hidden}
.scheme-form .box:before{content:'';position:absolute;right:0;top:0;width:43.6%;height:100%;background:#eff2f4}
.scheme-form .box .l-box{float:left;width:56.4%;padding-left:6%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:6%}
.scheme-form .box .l-box .tit{margin-top:21%}
.scheme-form .box .l-box .tit .t1{color:#1E67B4;font-size:36px}
.scheme-form .box .l-box .tit .t2{color:#222222;font-size:16px;margin-top:40px;margin-bottom:20px}
.scheme-form .box .l-box ul{border-top:1px solid #f4f4f4;overflow:hidden;color:#666666;font-size:16px;line-height:2;padding:15px 0}
.scheme-form .box .l-box ul li{float:left;width:31%;margin-right:3.5%;margin-top:7px;margin-bottom:7px}
.scheme-form .box .l-box ul li:nth-child(3n){margin-right:0}
.scheme-form .box .l-box ul.oth li{width:48.5%;margin-right:3%}
.scheme-form .box .l-box ul.oth li:nth-child(3n){margin-right:3%}
.scheme-form .box .l-box ul.oth li:nth-child(2n){margin-right:0}
.scheme-form .box .l-box ul li label{}
.scheme-form .box .l-box ul li input{margin-right:8px}
.scheme-form .box .l-box ul li input{}
.scheme-form .box .r-box{position:relative;z-index:10;float:left;width:43.6%;padding-top:3.6%;padding-left:5%;padding-right:5%;padding-bottom:5%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.scheme-form .box .r-box .subtit{color:#222222;font-size:24px;margin-bottom:30px}
.scheme-form .box .r-box form{width:100%;overflow:hidden}
.scheme-form .box .r-box .inputli{margin-bottom:15px}
.scheme-form .box .r-box .inputli .half{float:left;width:-moz-calc((100% - 20px) / 2);width:-webkit-calc((100% - 20px) / 2);width:calc((100% - 20px) / 2);margin-right:20px}
.scheme-form .box .r-box .inputli .half:nth-child(2n){margin-right:0}
.scheme-form .box .r-box .inputli .t1{position:relative;padding-left:15px;color:#444444;font-size:16px;margin-bottom:15px}
.scheme-form .box .r-box .inputli .must{position:absolute;left:0;top:0px;font-size:24px;color:#ca0000}
.scheme-form .box .r-box .inputli .t2{}
.scheme-form .box .r-box .inputli select{display:inline-block;width:100%;height:46px;line-height:46px;color:#666666;font-size:16px;padding-right:35px;padding-left:20px;border:#eeeeee solid 1px;border-radius:5px;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#FFFFFF url("../images/img275.png") no-repeat right 20px center}
.scheme-form .box .r-box .inputli input{width:100%;height:46px;line-height:46px;color:#666666;font-size:16px;border:#eeeeee solid 1px;border-radius:5px;background:#FFFFFF;outline:none;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.scheme-form .box .r-box .inputli input::-webkit-input-placeholder{color:#999999}
.scheme-form .box .r-box .inputli input:-moz-placeholder{color:#999999}
.scheme-form .box .r-box .inputli input::-moz-placeholder{color:#999999}
.scheme-form .box .r-box .inputli input:-ms-input-placeholder{color:#999999}
.scheme-form .box .r-box .btn{margin-top:30px;background:#1E67B4;border-radius:5px;height:60px}
.scheme-form .box .r-box .btn input{width:100%;height:60px;line-height:60px;color:#fafbff;font-size:20px;font-weight:bold;background:none;border:none;outline:none}
@media only screen and (max-width:1440px){.scheme-form .box .l-box .tit .t1{font-size:30px}
.scheme-form .box .l-box ul{font-size:15px}
.scheme-form .box .r-box .inputli .t1{font-size:15px}
.scheme-form .box .r-box .inputli input,.scheme-form .box .r-box .inputli select{font-size:15px}
.scheme-form .box .r-box .btn{height:52px}
.scheme-form .box .r-box .btn input{font-size:18px;height:52px;line-height:52px}
}@media only screen and (max-width:1280px){.scheme-form .box .l-box{padding-left:4%}
.scheme-form .box .r-box{padding-left:4%;padding-right:4%}
}@media only screen and (max-width:1024px){.scheme-form .box:before{display:none}
.scheme-form .box .l-box{padding-left:0;float:none;width:100%;padding-left:6%;padding-right:6%;padding-bottom:5%}
.scheme-form .box .l-box .tit{margin-top:15%}
.scheme-form .box .l-box .tit .t1{font-size:28px}
.scheme-form .box .r-box{float:none;width:100%;padding-left:6%;padding-right:6%;padding-top:0;padding-bottom:70px}
.scheme-form .box .r-box .inputli .half{width:48%;margin-right:4%}
.scheme-form .box .r-box .btn{display:block;margin:50px auto 0px;max-width:240px}
}@media only screen and (max-width:1024px){.scheme-form{padding-top:70px;padding-bottom:70px}
.scheme-form .box .l-box .tit .t2{margin-top:30px}
.scheme-form .box .r-box .subtit{font-size:22px}
.scheme-form .box .l-box ul li{width:auto;min-width:31%}
.scheme-form .box .l-box ul.oth li{width:auto;min-width:48.5%}
}@media only screen and (max-width:768px){.scheme-form{padding-top:60px;padding-bottom:60px}
.scheme-form .box .l-box .tit{margin-top:90px}
.scheme-form .box .l-box .tit .t1{font-size:24px}
.scheme-form .box .r-box .btn{max-width:200px}
}@media only screen and (max-width:640px){.scheme-form{padding-top:50px;padding-bottom:50px}
.scheme-form .box .r-box{padding-bottom:60px}
.scheme-form .box .l-box .tit{margin-top:80px}
.scheme-form .box .r-box .subtit{font-size:20px}
.scheme-form .box .r-box .btn input{font-size:16px}
.scheme-form .box .r-box .inputli{margin-bottom:25px}
.scheme-form .box .r-box .inputli .half{width:100%;margin-right:0;margin-bottom:25px}
.scheme-form .box .r-box .inputli .half:last-child{margin-bottom:0}
.scheme-form .box .r-box .btn{max-width:180px}
}@media only screen and (max-width:576px){.scheme-form{padding-top:40px;padding-bottom:40px}
.scheme-form .box .l-box .tit .t1{font-size:22px}
.scheme-form .box .r-box{padding-bottom:50px}
.scheme-form .box .r-box .subtit{font-size:18px}
.scheme-form .box .r-box .btn{margin-top:40px;max-width:160px;height:48px}
.scheme-form .box .r-box .btn input{height:48px;line-height:48px}
}@media only screen and (max-width:1024px){.sidebar{display:none}
.m-hide{display:none}
}.case-swiper{display:none;position:relative;width:100%;overflow:hidden}
.case-swiper .swiper-pagination{display:none}
.case-swiper .swiper-container-horizontal>.swiper-pagination-bullets,.case-swiper .swiper-pagination-custom,.swiper-pagination-fraction{bottom:0}
.m-sidebar{display:none;position:fixed;left:0;bottom:0;width:100%;margin:auto;background-color:#ffffff;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;border-radius:50px}
.m-sidebar.on{width:100%;left:0;border-radius:0}
.m-sidebar ul{padding:0 25px;overflow:hidden}
.m-sidebar ul li{float:left;width:25%;text-align:center;overflow:hidden}
.m-sidebar ul li a{display:block;width:100%;padding:6% 5% 5%;-webkit-box-sizing:border-box;box-sizing:border-box}
.m-sidebar ul li .icon{width:100%;overflow:hidden}
.m-sidebar ul li .icon img{}
.m-sidebar ul li .icon .ic2{display:none}
.m-sidebar ul li:hover .icon .ic1,.m-sidebar ul li.on .icon .ic1{display:none}
.m-sidebar ul li:hover .icon .ic2,.m-sidebar ul li.on .icon .ic2{display:inline-block}
.m-sidebar ul li .txt{font-size:16px;color:#666666;margin-top:4px}
.m-sidebar ul li:hover .txt{color:#1E67B4}
.related ul.m-ul,.indexpart5 .switch-box ul.m-ul,.case .wrap>ul.m-ul{display:none}
.m-caseli{display:none}
.m-caseli>a{display:block;width:100%}
.table,.table tbody{width:100% !important;-webkit-box-sizing:border-box;box-sizing:border-box}
.table tr td,.table tr th{-webkit-box-sizing:border-box;box-sizing:border-box}
.table tr th:first-child,.table tr td:first-child{padding:10px;min-width:70px;text-align:center}
.strength .box.m-box{display:none}
.strength .m-tabbox-li{position:relative;margin:40px auto 0px;width:100%;position:absolute;z-index:-1;display:inline-block;opacity:0;visibility:hidden}
.strength .m-tabbox-li.on{position:relative;z-index:1;visibility:visible;opacity:1}
.switch-box .switch-li{position:absolute;z-index:-1;display:inline-block;opacity:0;visibility:hidden}
.switch-box .switch-li.on{position:relative;z-index:1;visibility:visible;opacity:1;width:100%}
.strength .m-tabbox-li .swiper-container{width:83.33%;padding-bottom:40px}
.strength .m-tabbox-li .swiper-container .item{position:relative;width:100%;overflow:hidden}
.strength .m-tabbox-li .swiper-container .item img{width:100%}
.strength .m-tabbox-li .swiper-container .item .mask{position:absolute;left:0;bottom:-50px;width:100%;height:50px;line-height:50px;text-align:left;background:rgba(63,80,159,.9);color:#fff;font-size:18px;-webkit-transition:.3s;transition:.3s;padding:0 5.4%;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.strength .m-tabbox-li .swiper-container .item:hover .mask{bottom:0}
.strength .m-tabbox-li .swiper-container .item .mask .tit{padding-left:25px;background:url(../images/img73.png) left center no-repeat}
@media only screen and (max-width:1024px){.case-swiper{display:block;margin-top:20px;padding-bottom:30px}
.case-swiper .swiper-pagination{display:block}
.case-swiper .swiper-pagination-bullet-active{background:#1E67B4}
.related ul,.indexpart5 .switch-box>ul,.case .wrap>ul{display:none}
.related ul.m-ul,.indexpart5 .switch-box ul.m-ul,.case .wrap>ul.m-ul{display:block}
.case-swiper .caseli{width:100%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.case-swiper .caseli>a{display:block;width:100%}
.innovation .caseli{display:none}
.caseli.m-caseli{display:block}
.caseli .above{box-shadow:0px 5px 10px rgb(0,69,87,0.09)}
.caseli:hover .above{transform:none}
.caseli .below{box-shadow:0px 5px 10px rgb(0,69,87,0.09)}
.caseli:hover .below{display:none}
.m-pad{padding-top:56px;background:#1E67B4}
.m-sidebar{display:block}
.strength .box{display:none}
.strength .box.m-box{display:block}
}@media only screen and (max-width:768px){.m-sidebar ul li{padding-top:5px;padding-bottom:5px}
.m-sidebar ul li .txt{font-size:15px}
.indexpart5 .caseli{width:48%;margin-right:4%;margin-bottom:4%}
.indexpart5 .caseli:nth-child(3n){margin-right:4%}
.indexpart5 .caseli:nth-child(2n){margin-right:0}
.indexpart5 .case-swiper .caseli{width:100%;margin-right:0}
.strength .m-tabbox-li{margin-top:30px}
}@media only screen and (max-width:576px){.m-sidebar ul li .txt{font-size:14px}
.caseli,.indexpart5 .caseli{width:100%;margin-top:20px}
.caseli .icon{margin-bottom:15px}
.caseli .txt{padding-top:0}
.caseli .title .t6{font-size:18px;margin-bottom:15px}
.strength .m-tabbox{width:94%;margin:auto}
.strength .m-tabbox-li{margin-top:20px}
.strength .m-tabbox-li .swiper-container{width:100%}
.strength .swiper-button-prev,.strength .swiper-container-rtl .swiper-button-next{left:0}
.strength .swiper-button-next,.strength .swiper-container-rtl .swiper-button-prev{right:0}
.strength .m-tabbox-li .swiper-container .item .mask{font-size:16px}
.indexpart3{padding-bottom:40px}
}.indexpart3 .w3{display:none}
@media only screen and (max-width:767px){.indexpart3 .wrap .w1,.indexpart3 .wrap .w2{display:none}
.indexpart3 .w3{display:block}
.indexpart3 .wrap>ul{float:none;width:100%;margin-right:0}
.indexpart3 .w3 li{float:left;width:45%;margin-right:10%}
.indexpart3 .w3 li:nth-child(2n){margin-right:0}
}.lunbotu .bannerbg{width:100%;height:950px;background-position:center;background-repeat:no-repeat;background-size:cover}
@media only screen and (max-width:1680px){.lunbotu .bannerbg{height:831px}
}@media only screen and (max-width:1536px){.lunbotu .bannerbg{height:760px}
}@media only screen and (max-width:1440px){.lunbotu .bannerbg{height:713px}
}@media only screen and (max-width:1366px){.lunbotu .bannerbg{height:676px}
}@media only screen and (max-width:1280px){.lunbotu .bannerbg{height:633px}
}@media only screen and (max-width:1024px){.lunbotu .bannerbg{display:none}
.lunbotu .swiper-button-next,.lunbotu .swiper-button-prev{display:none}
}

.lxwm-2{display:flex;justify-content:space-between}
.lxwm-2 .lxwm-con{display:flex;align-items:center;width:450px;height:195px;background:#FFFFFF;cursor:pointer}
.lxwm-2 .lxwm-con:nth-child(2){margin:0 20px}
.lxwm-2 .lxwm-con ul{line-height:10px}
.lxwm-2 .lxwm-con ul:nth-child(1){margin:0 20px 0 40px}
.lxwm-2 .lxwm-con ul li:nth-child(1){font-size:18px;font-weight:600;color:#333333;line-height:25px}
.lxwm-2 .lxwm-con ul li:nth-child(2){font-size:16px;font-weight:400;color:#666666;line-height:30px}
.lxwm-2 .lxwm-con ul li:nth-child(3){font-size:16px;color:#666666;font-weight:400;line-height:15px}
.lxwm-3{}
.lxwm-3 ul:nth-child(1) li:nth-child(1){height:23px;font-size:24px;font-weight:400;color:#333333;line-height:24px;margin:40px 0}
.lxwm-3 ul:nth-child(2){display:flex;justify-content:space-between;margin-bottom:20px}
.lxwm-3 ul:nth-child(2) li{width:48%}
.lxwm-3 ul:nth-child(3){height:222px;background:#FFFFFF}
.lxwm-3 input{width:100%;height:51px;background:#FFFFFF;border:0;padding-left:20px}
.anniu{display:flex;justify-content:center;margin-top:40px;margin-bottom:40px}
.tijiao{width:160px;height:40px;line-height:40px;background:#2069B4;font-size:16px;font-weight:400;color:#FFFFFF;text-align:center;cursor:pointer}
.chongzhi{width:160px;height:40px;line-height:40px;background:#909090;font-size:16px;font-weight:400;color:#FFFFFF;text-align:center;margin-left:20px;cursor:pointer}
#map{width:100%;height:800px}

@media screen and (orientation: portrait){
    #c-header.c-head-hide .nav li a {
    color: #fff;
}
    .nav_block {top: 70px!important;}
    .w_83 {
    width: 95%;}
    #c-header {
        height: 70px;
    }
    .n_banner {
        height: auto;
        margin-top: 70px;
    }
    .head .container .logo {
        padding: 15px!important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: auto;
    }
    #c-header .img2 {
            width: 100%;
        
        display: block !important;
        width: 55%;
    }
    .head_more {
            display: block;
            padding: 15px 20px;
        }
     .ind_abo_info{height:auto;flex-wrap:wrap}
    #ind_abo_info_2 img,#ind_abo_info_4 img{width:100%;height:auto}
    .m_yc{display:none!important}
    #myTabContent{padding-top:20px;padding-bottom:20px}
    .cpckgd-m{text-align:left!important}
    .tablist-bottom ul li{height:342px}
    .ind-bj{background-size:0}
    .qtbjs,.hezuohuoban{background-size:cover!important;background-position:center!important}
    .tablist-top ul li{width:49%;padding:0;background-size:100% 100%;height:258px;box-shadow:none;border:1px solid #ccc;margin-top:5px;margin-bottom:0}
    .tablist-topwords h5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
    .ind_abo_infomain{width:100%;text-align:center}
    .ind_abo_title{font-size:24px;line-height:50px}
    .ind_abo_title2{font-size:24px}
    .gywm{margin-top:0!important}
    .ind_abo_text{text-align:left}
    .ind_abo_img{width:100%}
    .ind_abo_more{display:none}
    .zhengshu{margin-top:0}
    .div-con .div-con-title,.div-con .div-con-title2{font-size:24px}
    .indexpart2{padding-top:0}
    .l-wrap{display:none}
    .indexpart2 .switch-li .l-wrap{width:100%}
    .indexpart2 .switch-li .r-wrap{float:none;width:100%;padding-right:0;overflow:hidden}
    .indexpart2 .switch-tab ul li .txt{font-size:16px}
    .indexpart2 .switch-tab ul li{padding-bottom:5px}
    .indexpart2 .switch-tab ul li .icon{width:90%;height:75px;line-height:120px}
    .indexpart2 .switch-tab ul li:before{height:3px}
    .indexpart2 .switch-box{margin-top:0}
    .indexpart2 .switch-li .r-wrap .txt .t6{font-size:18px}
    .title{text-align:left}
    .indexpart2 .switch-li .r-wrap .wrap1 ul{flex-wrap:wrap}
    .indexpart2 .switch-li .r-wrap .wrap1 ul li{width:50%}
    .home1 .item .tit{font-size:15px!important}
    .hyal{width:100%;margin-top:-70px}
    .hzhb{height:auto!important}
    .slzs-class{display:none}
    .slzs-con .swiper-pagination2{display:none}
    .slzs-con .swiper:nth-child(1) .swiper-pagination2{display:block}
    .slzs-lb .swiper-slide{margin-bottom:20px}
    .hzhb .div-con{padding-top:0}
    .news_list2 li a .date{display:none}
    .news_list2 li a .text{width:100%}
    .news_list2 li{border-bottom:1px dashed #ccc}
    .ind_abo_tab li{width:33%}
    .m-hide{height:20px!important}
    .footer{width:100%;margin-bottom:63px;padding:10px 0}
    .footer_top img{width:33%;margin:0 auto}
    .footer_top{border-bottom:0}
    .footer_end ul:nth-child(1){display:none}
    .footer_end ul li{color:#333}
    .m_f_fixed a{font-size:12px;padding:10px 0 3px 0}
    .footer_middle{display:none;}
    .footer_top{display:none;}
    .footer_end{border:0;padding:4px}
    .footer_end ul li{line-height:21px}

}