.font_16{
    font-size: 16px;
    color: #00c8aa;
}
.font_42{
    font-size: 42px;
    color: #324655;
}
.gybt .b{
    color: #25b7aa;
}
.container {
    max-width: 83.333333%;
    width: 100%;
    margin: 0 auto;
}

.img{
    line-height: 0;
}

.left{
    float: left;
}

.right{
    float: right;
}

.font56{
    font-size: 56px;
}
.font50{
    font-size: 50px;
}

.font46{
    font-size: 36px;
}
@media(max-width: 1680px){
    .font46 {
        font-size: 38px;
    }
    .font56 { font-size:48px; }
}
@media(max-width: 1480px){
    .font46 {
        font-size: 33px;
    }
    .font56 { font-size:36px; }
}
@media(max-width: 1110px){
    .font46 {
        font-size: 24px;
    }
    .font56 { font-size:28px; }
}
@media(max-width: 600px){
    .font46 {
        font-size: 24px;
    }
    .font56 { font-size:24px; }
}
@media(max-width: 400px){
    .font46 {
        font-size: 22px;
    }
}
.font24{
    font-size: 24px;
}

.font20{
    font-size: 20px;
}

.font18{
    font-size: 18px;
}

.font16{
    font-size: 16px;
}

.font15{
    font-size: 15px;
}

.font14{
    font-size: 14px;
}

.font12{
    font-size: 12px;
}

.gybt .b{
    color: #25b7aa;
}

.gybt .d{
    color: #292b2b;
    font-family: 'FZLTCHK';
    margin-top: 8px;
}

.head{
    width: 100%;
}

.head .head_01 .logo{
    padding-top: 21px;
    float: left;
}
.head .head_01 .ec{
    float: right;
    padding: 30px 0;
    position: relative;
}
.head .head_01 .ec p{
    font-size: 16px;
    color: #666666;
    position: relative;
    padding-right: 20px;
    padding-left: 22px;
}
.head .head_01 .ec p i{
    background: url(../images/head_jt.png)center center/cover;
    width: 10px;
    height: 7px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.head .head_01 .ec p:after{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(../images/dq.png)center center/cover;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.head .head_01 .ec ul{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50px;
    background: #fff;
    z-index: 10;
    display: none;
}
.head .head_01 .ec:hover ul{
    display: block;
}
.head .head_01 .ec ul li{
    padding: 15px 0;
}
.head .head_01 .ec ul li a{
    font-size: 16px;
    color:#666666; 
    width: 100%;
    display: block;
}
.head .head_01 .sous{
    float: right;
    margin-right: 30px;
    padding-top: 32px;
    position: relative;
}
.head .head_01 .sous .sousk{
    width: 300px;
    position: absolute;
    top: 80px;
    right: 0;
    z-index: 10;
    display: none;
}
.head .head_01 .cur .sousk{
    display: block;
}
.head .head_01 .sous .sousk .text {
    width: 100%;
    background: #fff;
    border: none;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0 30px 0 10px;
    color: #333;
}
.head .head_01 .sous .sousk .tj {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
    border: none;
    width: 18px;
    height: 18px;
    font-size: 0;
    background: url(../images/fdj.png) center center/cover;
}
.head .head_01 .daoh{
    float: right;
    margin-right: 70px;
    padding: 30px 0;
}
.head .head_01 .daoh li{
    float: left;
    margin-left:35px;
}
.head .head_01 .daoh li a{
    font-size: 16px;
    color: #2c4655;
}
.news{
    padding:90px 0; 
    margin: 0 auto;
}
.newsBorder { margin-top:82px; border-top:1px solid #ddd; }
/*.img img{
    width: 100%;
}*/
.news .news_01 .bt1{
    font-size: 32px;
    color: #324655;
    margin-bottom: 20px;
}
.news .news_01 .rq{
    font-size: 16px;
    color: rgba(50,70,85,0.7);
    position: relative;
    padding-left: 20px;
}
.news .news_01 .rq:after{
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/news_01.png);
}
.news .news_02{
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin-top: 30px;
    padding: 38px 0;
}
.news .news_02 p{
    font-size: 16px;
    color: rgba(50,70,85,0.8);
    line-height: 1.8;
    margin-bottom: 25px;
}
.news .news_03{
    padding: 50px 0;
    position: relative;
}
.news .news_03 .bt{
    font-size: 16px;
    color: #324655;
    line-height: 1.8;
}
.news .news_03 .bt a:hover{
    color: #00c8aa;
}
.news .news_03 .an{
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.news .news_03 .an .an1{
    font-size: 15px;
    color: #324655;
    display: block;
    position: relative;
    width: 180px;
}
.news .news_03 .an .an1 span{
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 70px;
}
.news .news_03 .an .an1 i{
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border:2px solid #dadee0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.news .news_03 .an:hover .an1 i{
    width: 100%;
    border-radius: 40px;
    transition: all 0.5s;
}
.news .news_03 .an:hover .an1 span {
    color:#324655;padding-left:0;
}
.news .news_03 .an:hover .an1 i:after{
    right: 22px;
}
.news .news_03 .an .an1 i:after{
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    background: #00c8aa;
    border-radius: 50%;
}
.news .news_03 .an .an1 i:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background: #98a2aa;
    top: 50%;
    transform:translateY(-50%);
    right: 25px;
}
.news_t{
    width: 100%;
    background: #f5f5f5;
}
.news_t .news_t1{
    margin: 0 auto;
    padding: 100px 0;
}
.news_t .news_t1 .bt1{
    margin-bottom: 15px;
}
.news_t .news_t1 .bt2{
    margin-bottom: 40px;
}
.news_t .news_t2{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.news_t .news_t2 .zx{
    width: 32%;
    float: left;
    margin-right: 2%;
    background: #ffffff;
    padding: 45px 30px;
    border-radius: 5px;
    position: relative;
    border-bottom: 3px solid #00c8aa;
}
.news_t .news_t2 .zx:nth-child(3){
    margin-right: 0;
}
.news_t .news_t2 .zx .bt{
    font-size: 16px;
    color: #00c8aa;
    margin-bottom: 20px;
    position: relative;
    padding-left: 10px;
}
.news_t .news_t2 .zx .bt:after{
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #00c8aa;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.news_t .news_t2 .zx .bt1{
    font-size: 20px;
    color: #324655;
    margin-bottom: 12px;
}
.news_t .news_t2 .zx .bt2{
    font-size: 14px;
    color: rgba(50,70,85,0.7);
    margin-bottom: 18px;
}
.news_t .news_t2 .zx .nr{
    font-size: 15px;
    color: rgba(50,70,85,0.8);
    line-height: 1.6;
    margin-bottom: 40px;
    text-overflow:ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height:48px; overflow: hidden;
}
.news_t .news_t2 .zx .tz{
    display: block;
    font-size: 15px;
    color: #324655;
}
.news_t .news_t2 .zx .tz i{
    background: url(../images/news_jt3.png)center center/cover;
    width: 7px;
    height: 13px;
    display: inline-block;
    margin-left: 5px;
}
.news_t .news_t2 .swiper-button-next{
    right: 0px;
    top: 50px;
    background: url(../images/news_jt01.png)center center/cover;
    width: 48px;
    height: 48px; 
}
.news_t .news_t2 .swiper-button-prev{
    left: auto;
    right: 60px;
    top: 50px;
    background: url(../images/news_jt.png)center center/cover;
    width: 48px;
    height: 48px;  
}
.news_t .news_t2 .swiper-button-prev:hover{
    background: url(../images/news_jt02.png)center center/cover;
}
.news_t .news_t2 .swiper-button-next:hover{
    background: url(../images/news_jt1.png)center center/cover;
}
.news_t .news_t2 .swiper-button-prev:after,
.news_t .news_t2 .swiper-button-next:after{
    display: none;
}
.ikun1,.container{
    max-width: 83.33%;
    margin: 0 auto;
}
@media(max-width: 1500px){
    .ikun1,.container{
        max-width: 90%;
    }
    .head .head_01 .daoh li{
    float: left;
    margin-left:28px;
}
}
@media(max-width: 1100px){
    .newsBorder { margin-top:82px; border-top:none; }
}
.banner{
    width: 100%;
    position: relative;
}
.banner .ikun{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.banner .ikun .bt1{
    font-size: 16px;
    color: #ffffff;
}
.banner .ikun .bt2{
    font-size: 56px;
    color: #ffffff;
}
.colorWhite { color:#fff!important; }
.banner .ikun .bt2 b { display:block; }
.ikun_a{
    padding: 130px 0; 
    position: relative;
}
.ikun_a .left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.ikun_a .left .bt2 {
   font-size: 35px;
}

.ikun_a .left ul{
    margin-top: 50px;
}
.ikun_a .left ul li{
    padding: 25px 0;
    border-bottom: 1px solid #eeeeee;
    line-height: 1.8;
    position: relative;
    padding-left: 90px;
}
.ikun_a .left ul li:last-child{
    border-bottom: none;
}
.ikun_a .left ul li .bt{
    font-size: 20px;
    color: #324655;
}
.ikun_a .left ul li .bt1{
    font-size: 18px;
    color: rgba(50,70,85,0.8);
}
.ikun_a .left ul li .icon{
    content: "";
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.ikun_a .right{
    float: right;
    width: 54.3%;
}

.ikun_b{
    background: url(../images/banner_ly.jpg)center center/cover;
    width: 100%;
    height: 810px;
    padding: 120px 0;
}
.ikun_b .right{
    float: right;
    width: 45.6%;
}
.ikun_b .jay .bt1{
    margin-bottom: 10px;
}
.ikun_b .right ul{
    margin-top: 40px;
}
.ikun_b .right ul li{
    margin-bottom: 12px;
    position: relative;
}
.ikun_b .right ul li input{
    border:1.5px solid #cbd4db;
    height: 62px;
    background: rgba(0,0,0,0);
    font-size: 17px;
    color: #324655;
    padding-left: 50px;
    width: 100%;
}
.ikun_b .right ul .left{
    float: left;
    width: 49%;
}
.ikun_b .right ul .right{
    float: right;
    width: 49%;
}
.ikun_b .right ul .xm:after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    background: url(../images/icon_xm.png)center center/cover;
    width: 19px;
    height: 21px;
}
.ikun_b .right ul .dh:after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    background: url(../images/icon_dh.png)center center/cover;
    width: 22px;
    height: 22px;
}
.ikun_b .right ul .yx:after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    background: url(../images/icon_yx.png)center center/cover;
    width: 21px;
    height: 16px;
}
.ikun_b .right ul .gs:after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    background: url(../images/icon_gs.png)center center/cover;
    width: 24px;
    height: 23px;
}
.ikun_b .right ul .fw:after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    background: url(../images/icon_fw.png)center center/cover;
    width: 23px;
    height: 23px;
}








.ikun_b .right ul .fw{
    width: 100%;
}
.ikun_b .right ul li .dx{
    border:1.5px solid #cbd4db;
    height: 62px;
    background: rgba(0,0,0,0);
    font-size: 17px;
    color: #324655;
    padding-left: 50px;
    width: 100%;
}
.ikun_b .right ul .ly{
    width: 100%;
}
.ikun_b .right ul .ly:after{
    content: "";
    position: absolute;
    top: 25px;
    left: 20px;
    background: url(../images/icon_ly.png)center center/cover;
    width: 21px;
    height: 22px;
}
.ikun_b .right ul .ly textarea{
    border:1.5px solid #cbd4db;
    height: 140px;
    background: rgba(0,0,0,0);
    font-size: 17px;
    color: #324655;
    padding-left: 50px;
    width: 100%;
    padding-top: 20px;
}


.ikun_b .right ul .xm:hover:after{
    background: url(../images/icon_xmbg.png)center center/cover;
}
.ikun_b .right ul .dh:hover:after{
    background: url(../images/icon_dhbg.png)center center/cover;
}
.ikun_b .right ul .yx:hover:after{
    background: url(../images/icon_yxbg.png)center center/cover;
}
.ikun_b .right ul .gs:hover:after{
    background: url(../images/icon_gsbg.png)center center/cover;
}
.ikun_b .right ul .fw:hover:after{
    background: url(../images/icon_fwbg.png)center center/cover;
}
.ikun_b .right ul .ly:hover:after{
    background: url(../images/icon_lybg.png)center center/cover;
}
.ikun_b .right ul li:hover input,.ikun_b .right ul li.ly:hover textarea { color:#00c8aa; border-color:#00c8aa; }

.ikun_b .right .subBtn { width:1px; height:1px; font-size:0; border:none; background: none; opacity:0; }

.ikun_b .an{
    margin-top: 40px;
}
.ikun_b .an .an1{
    font-size: 20px;
    color: #324655;
    display: block;
    position: relative;
    width: 230px;
}
.ikun_b .an .an1:hover span { color:#324655; }
.ikun_b .an .an1 span{
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
.ikun_b .an .an1 i{
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border:1px solid #dadee0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.ikun_b .an:hover .an1 i{
    width: 100%;
    border-radius: 40px;
    transition: all 0.5s;
}
.ikun_b .an:hover .an1 i:after{
    right: 23px;
}
.ikun_b .an .an1 i:after{
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    background: #00c8aa;
    border-radius: 50%;
}
.ikun_b .an .an1 i:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background: #98a2aa;
    top: 50%;
    transform:translateY(-50%);
    right: 27px;
}

.banner_new{
    position: relative;
}
.banner_new .tyth{
    width: 100%;
}
.banner_new .tyth .top{
    width: 83.33%;
    margin: 0 auto;
}
.banner_new .tyth .top .tab{
    margin-bottom: 45px;
}
.banner_new .tyth .top .tab a{
    display: inline-block;
    height: 50px;
    width: 145px;
    font-size: 16px;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    border:1px solid #fff;
    margin-right: 12px;
}
.banner_new .tyth .top .tab a:hover,.banner_new .tyth .top .tab a.cur{
    color: #00c8aa;
    border:1px solid #fff;
    margin-right: 12px;
    background: #fff;
}
/*.banner_new .tyth .top .tab .cur{
    color: #00c8aa;
    border:1px solid #fff;
    margin-right: 12px;
    background: #fff;
}*/
.banner_new { padding:180px 0 180px; }
.banner_new .tyth .top .bt{
    position: relative;
    width: 100%;
}
.banner_new .tyth .top .bt .bt1{
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
}
.banner_new .tyth .top .bt .bt2{
    font-size: 40px;
    color: #fff;
    margin-bottom: 30px;
}
.banner_new .tyth .top .bt .bt3{
    font-size: 15px;
    color: #fff;
    line-height: 1.8;
}
.banner_new .tyth .top .bt .an{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.banner_new .tyth .top .bt .an .an1{
    font-size: 15px;
    color: #fff;
    display: block;
    position: relative;
    width: 180px;
}
.banner_new .tyth .top .bt .an .an1 span{
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 70px;
}
.banner_new .tyth .top .bt .an .an1 i{
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border:1px solid #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.banner_new .tyth .top .bt .an:hover .an1 i{
    width: 100%;
    border-radius: 40px;
    transition: all 0.5s;
}
.banner_new .tyth .top .bt .an .an1 i:after{
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    background: #fff;
    border-radius: 50%;
}
.banner_new .tyth .top .bt .an:hover .an1 i:after{
    right: 23px;
}
.banner_new .tyth .top .bt .an .an1 i:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background: #fff;
    top: 50%;
    transform:translateY(-50%);
    right: 26px;
}

.new_a{
    padding: 130px 0;
}
.new_a .new_a_01{
    width: 83.33%;
    margin: 0 auto;
}
.new_a .new_a_01 ul li{
    padding: 55px 0;
    height: 240px;
    position: relative;
}
.new_a .new_a_01 ul li .sj{
    float: left;
    font-size: 16px;
    color: rgba(50,70,85,0.7);
    line-height: 25px;
    width: 10%;
}
.new_a .new_a_01 ul li .bt{
    float: left;
    font-size: 16px;
    color: rgba(50,70,85,0.7);
    position: relative;
    padding-left: 10px;
    width: 10%;
}
.new_a .new_a_01 ul li .bt:after{
    content: "";
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    background: #6f7d88;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}
.new_a .new_a_01 ul li .sev{
    float: left;
    width: 80%;
}
.new_a .new_a_01 ul li .sev .bt1{
    font-size: 22px;
    color: #324655;
    margin-bottom: 15px;
    display: inline-block;
}
.new_a .new_a_01 ul li .sev .bt2{
    font-size: 15px;
    color: rgba(50,70,85,0.8);
    margin-bottom: 30px;
    text-overflow:ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.new_a .new_a_01 ul li .sev .an{
    margin-top: 40px;
}
.new_a .new_a_01 ul li .sev .an .an1{
    font-size: 15px;
    color: #324655;
    display: block;
    position: relative;
    width: 165px;
}
.new_a .new_a_01 ul li .sev .an .an1 span{
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    transition: all 0.5s;
}
.new_a .new_a_01 ul li:hover .sev .an .an1 span{
    left: 22px;
    transition: all 0.5s;
    color:#324655;
}
.new_a .new_a_01 ul li .sev .an .an1 i{
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border:1px solid #65747f;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.new_a .new_a_01 ul li:hover .sev .an .an1 i{
    width: 100%;
    border-radius: 40px;
    transition: all 0.5s;
}
.new_a .new_a_01 ul li:hover .sev .an .an1 i:after{
    right: 23px;
}
.new_a .new_a_01 ul li .sev .an .an1 i:after{
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    background: #00c8aa;
    border-radius: 50%;
}
.new_a .new_a_01 ul li:hover .sev .an .an1 i:before{
    right: 27px;
}
.new_a .new_a_01 ul li .sev .an .an1 i:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background: #65747f;
    top: 50%;
    transform:translateY(-50%);
    right: 50%;
}
.new_a .new_a_01 ul li .img{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    /*display: none;*/
    width: 0; transition: all 0.6s;
}
.new_a .new_a_01 ul li{
    border-bottom: 1px solid #eeeeee;
}
.new_a .new_a_01 ul li:hover .img{
    display: block;
    width: 300px;
}
.new_a .new_a_01 ul li:hover .sev .bt2{
    width: 75%;
}
.new_a .new_a_01 ul li:hover  .sev .bt1 a{
    color: #00c8aa;
    border-bottom: 1px solid #00c8aa;
}
.new_a .new_a_01 ul li:hover .bt {
    color: #00c8aa;
}
.new_a .new_a_01 ul li:hover .bt:after{
    background: #00c8aa;
}
.new_a .new_a_01 ul li:hover {
    border-bottom: 3px solid #00c8aa;
}
.banner_new .gd{
    position: absolute;
    right: 40px;
    bottom: 0;
}
.banner_new .gd .bt1{
    font-size: 14px;
    color: #fff;
    writing-mode:tb-rl;
    position: relative;
    padding-bottom: 55px;
}
.banner_new .gd .bt1:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 25px;
    background: #fff;
    bottom:25px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-animation: am 1s linear infinite;
}

@-webkit-keyframes am {
    0% {
        top: 60%;
        opacity: 1;
    }

    25% {
        top: 75%;
        opacity: 0.75;
    }

    50% {
        top: 80%;
        opacity: 0.5;
    }

    75% {
        top: 85%;
        opacity: 0.25;
    }

    100% {
        top: 90%;
        opacity: 0;
    }
}
.banner_new .gd .bt1:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    background: rgba(255,255,255,0.3);
    bottom:0;
    left: 50%;
    transform: translateX(-50%);
}
@media(max-width: 1500px){
    .banner_new { padding:160px 0 140px; }
    .banner .ikun .bt2{
        font-size: 50px;
    }
    .new_a .new_a_01 ul li:hover .sev .bt2{
        width: 70%;
    }
    .new_a .new_a_01 ul li{
        padding: 30px 0;
        height: 230px;
    }
    .new_a .new_a_01 ul li .sev .an .an1 i{
        width: 40px;
        height: 40px;
    }
    .banner_new .tyth .top .bt .bt2{
        font-size: 36px;
    }
    .font_16{
        font-size: 16px;
    }
    .font_42{
        font-size: 35px;
    }
}
@media(max-width: 1400px){
    .font_16{
        font-size: 16px;
    }
    .font_42{
        font-size: 32px;
    }
    .news .news_02{
        margin-top: 25px;
        padding: 33px 0;
    }
    .news .news_02 p{
        margin-bottom: 15px;
    }
    .news{
        padding: 60px 0;
    }
    .news_t .news_t1{
        padding: 60px 0;
    }
    .news_t .news_t2 .zx .nr{
        margin-bottom: 30px;
    }
    .ikun_a .left ul{
        margin-top: 25px;
    }
    .ikun_a .left .bt2 {
   font-size: 29px;
}
    .ikun_a .left ul li{
        padding: 20px 0;
        padding-left: 90px;
    }
    .ikun_a .left ul li .bt{
        font-size: 18px;
    }
    .ikun_a .left ul li .bt1{
        font-size: 16px;
    }
    .banner .ikun .bt2{
        font-size: 46px;
    }
    .ikun_a{
        padding: 90px 0; 
    }
    .ikun_b{
        padding: 70px 0; 
        height: 750px;
    }
    .ikun_b .right ul{
        margin-top: 30px;
    }
    .new_a .new_a_01 ul li:hover .img{
        width: 20%;
    }
    .new_a .new_a_01 ul li .sev .bt1{
        font-size: 18px;
    }
    .new_a .new_a_01 ul li .sev .bt2{
        margin-bottom: 20px;
    }
    .new_a .new_a_01 ul li{
        height: 200px;
    }
    .new_a .new_a_01 ul li .sev .an .an1 i{
        width: 35px;
        height: 35px;
    }
    .banner_new .tyth .top .bt .bt2{
        font-size: 34px;
        margin-bottom: 20px;
    }
    .banner_new .tyth .top .bt .an .an1 i{
        width: 35px;
        height: 35px;
    }
    .banner_new .tyth .top .tab a{
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }
    .news_t .news_t2 .zx{
        padding: 25px 20px;
    }
    .news_t .news_t2 .zx .bt1{
        font-size: 18px;
    }
    .news_t .news_t2 .zx .bt{
        margin-bottom: 10px;
    }
    .news_t .news_t2 .zx .bt2{
        margin-bottom: 10px;
    }
    .news_t .news_t1 .bt2{
        margin-bottom: 20px;
    }
    .news .news_03{
        padding: 30px 0;
    }
    .news .news_03 .an .an1 i{
        width: 35px;
        height: 35px;
    }
    .news .news_01 .bt1{
        font-size: 28px;
    }
    .new_a{
        padding: 70px 0;
    }
    .news_t .news_t2 .swiper-button-next{
        width: 45px;
        height: 45px;
    }
    .news_t .news_t2 .swiper-button-prev{
        width: 45px;
        height: 45px;
    }
    .ikun_a .left ul li .icon,
    .ikun_a .left ul .dz:after,
    .ikun_a .left ul .yx:after,
    .ikun_a .left ul .dh:after{
        width: 65px;
        height: 65px;
    }
    .ikun_a .left ul li{
        padding: 15px 0;
        padding-left: 80px;
    }
    .ikun_b .right{
        width: 50%;
    }
}
@media(max-width: 1250px){
    .banner_new { padding:130px 0 100px; }
    .font_16{
        font-size: 15px;
    }
    .font_42{
        font-size: 30px;
    }
    .news .news_02{
        margin-top: 15px;
        padding: 15px 0;
    }
    .news .news_02 p{
        margin-bottom:10px;
        font-size: 15px;
    }
    .news{
        padding:40px 0;
    }
    .news .news_03 .bt{
        font-size: 14px;
    }
    .news .news_03 .an .an1{
        font-size: 14px;
    }
    .news .news_03 .an .an1 i:after{
        width: 6px;
        height: 6px;
    }
    .news_t .news_t1{
        padding: 30px 0;
    }
    .news_t .news_t2 .swiper-button-next{
        width: 40px;
        height: 40px;
    }
    .news_t .news_t2 .swiper-button-prev{
        width: 40px;
        height: 40px;
    }
    .news_t .news_t2 .zx .bt1{
        font-size: 16px;
    }
    .news_t .news_t2 .zx .nr{
        margin-bottom: 15px;
        font-size: 14px;
    }
    .news_t .news_t2 .zx .tz{
        font-size: 14px;
    }
    .banner .ikun .bt2{
        font-size: 38px;
    }
    .ikun_a{
        padding: 60px 0;
    }
    .ikun_a .left ul li .icon,
    .ikun_a .left ul .dz:after,
    .ikun_a .left ul .yx:after,
    .ikun_a .left ul .dh:after{
        width: 55px;
        height: 55px;
    }
    .ikun_a .left ul li{
        padding: 10px 0;
        padding-left: 70px;
    }
    .ikun_b{
        height: 600px;
        padding: 30px 0;
    }
    .ikun_b .right ul{
        margin-top: 15px;
    }
    .ikun_b .an{
        margin-top: 20px;
    }
    .ikun_b .an .an1 i{
        width: 40px;
        height: 40px;
    }
    .banner_new .tyth .top .bt .bt2{
        font-size: 28px;
        margin-bottom: 10px;
    }
    .banner_new .tyth .top .tab{
        margin-bottom: 25px;
    }
    .new_a{
        padding: 40px 0;
    }
    .new_a .new_a_01 ul li{
        height: 160px;
    }
    .new_a .new_a_01 ul li .sev .bt2{
        margin-bottom: 10px;
    }
    .new_a .new_a_01 ul li .sev .an .an1 i{
        width: 30px;
        height: 30px;
    }
    .new_a .new_a_01 ul li .sev .an .an1 i:after{
        width: 6px;
        height: 6px;
    }
    .new_a .new_a_01 ul li .sev .an1 i:before{
        width: 25px;
    }
    .new_a .new_a_01 ul li .sev .an .an1{
        font-size: 14px;
    }
    .new_a .new_a_01 ul li .sj{
        font-size: 14px;
    }
    .new_a .new_a_01 ul li .bt{
        font-size: 14px;
    }
    .new_a .new_a_01 ul li .bt:after{
        width: 4px;
        height: 4px;
    }
    .new_a .new_a_01 ul li .sev .bt1{
        margin-bottom: 8px;
    }
    .new_a .new_a_01 ul li{
        padding: 20px 0;
    }
    .banner_new .tyth .top .bt .bt1{
        font-size: 15px;
    }
}
@media(max-width: 1100px){
    .banner_new { padding:110px 0 80px; }
    .ikun_b{
        background: #e7ecf2;
    }
    .news_t .news_t1 .bt1{
        margin-bottom: 5px;
    }

    .new_a .new_a_01 ul li .sev .bt2{
        -webkit-line-clamp:2;
        line-height: 1.6
    }
    .font_16{
        font-size: 14px;
    }
    .font_42{
        font-size: 28px;
    }
    .ikun_a{
        padding: 35px 0 45px 0;
    }
    .ikun_a .left{
        position: static;
        transform: none;
    }
    .ikun_a .right img{
        width: 100%;
    }
    .ikun_b .an .an1 i:before{
        right: 22px;
    }
    .news .news_03 .an .an1 i:before{
        right: 18px;
    }
    .banner_new .tyth .top .bt .an .an1 i:before{
        right: 18px;
    }
    .banner_new .tyth .top .bt .an .an1 i:after{
        width: 6px;
        height: 6px;
    }
    .ikun1,.container{
        max-width: 94%;
    }

    .new_a .new_a_01 ul li .sj{
        width: 100%;
        margin-bottom: 10px;
    }
    .new_a .new_a_01 ul li .bt{
        width: 100%;
        margin-bottom: 10px;
    }
    .new_a .new_a_01 ul li{
        padding: 10px 0 30px;
        height: auto;
    }
    .new_a .new_a_01 ul li .sev .bt1{
        font-size: 16px;
    }
    .new_a .new_a_01 ul li .sev .bt2{
        font-size: 14px;
    }
    .new_a .new_a_01 ul li .sev{
        width: 100%;
    }
    .new_a .new_a_01 ul li:hover .img{
        width: 30%;
    }
    .banner_new .tyth .top .bt .bt2{
        font-size: 24px;
    }
    .banner_new .tyth .top .bt .bt3{
        font-size: 14px;
        line-height: 1.6;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    .banner_new .tyth .top .bt .an{
        position: static;
        margin-top: 40px;
        transform: none;
    }
    .new_a .new_a_01 ul li .sev .an{
        margin-top: 5px;
        min-height: 20px;
    }
    .new_a .new_a_01 ul li .sev .an a{
        display:inline-block;
        min-height: 20px;
    }
    .banner_new .tyth .top .bt .bt1{
        font-size: 14px;
    }
    .banner_new .tyth .top .tab a{
        font-size: 14px;
        width: 100px;
        height: 35px;
        line-height: 35px;
    }
    .banner_new .gd{
        right: 10px;
    }
    .ikun_a .left{
        width: 100%;
    }
    .ikun_a .right{
        width: 100%;
        margin-top: 40px;
    }
    .banner .ikun .bt2{
        font-size: 30px;
    }
    .ikun_b .right{
        width: 100%;
    }
    .news .news_01 .bt1{
        font-size: 24px;
    }
    .news .news_03 .an{
        position: static;
        margin-top: 40px;
        transform: none;
    }
    .news_t .news_t2 .swiper-button-prev{
        right: 55px;
    }
    .news .news_03 .an .an1{
        width: 130px;
    }
    .news .news_03 .an .an1 span{
        right: 60px;
    }
    .banner_new .tyth .top .bt .an .an1 span{
        right: 90px;
    }
    .banner_new .tyth .top .bt .an:hover .an1 span{
        right: 70px;
        transition: all 0.5s;
    }
    .banner_new .tyth .top,
    .new_a .new_a_01{
        width: 90%;
    }
}
@media(max-width: 600px){
    .banner_new { padding:100px 0 60px; }
    .new_a .new_a_01 ul li:hover .img{
        display: none;
    }
    .new_a .new_a_01 ul li:hover .sev .bt2{
        width: 100%;
    }

    .banner_new .tyth .top .bt .bt2{
        font-size: 20px;
    }
}
@media(max-width: 400px){


}


.fyq{
    text-align: center;
    margin-top: 45px;
}


.fyq a{
    display: inline-block;
    font-size: 15px;
    color: #666666;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    width: 43px;
    height: 43px;
    line-height: 42px;
    margin-right: 9px;
}

.fyq a:last-child{
    margin-right: 0;
}
.fyq a.cur{
    color: #fff;
    background: #00c8aa;
    border-color: #00c8aa;
}

.fyq a:hover{
    color: #fff;
    background: #00c8aa;
    border-color: #00c8aa;
}

.fyq a.prev { width: 90px; border-radius:50px; }
.fyq a.next { width: 90px; border-radius:50px; }


@media(max-width: 1100px) {

    .fyq{
        margin-top: 25px;
    }

    .fyq a{
        font-size: 12px;
        width: 35px;
        height: 35px;
        margin-right: 5px;
        line-height: 35px;
    }

    .fyq .next span,
    .fyq .prev span{
        width: 4px;
        height: 8px;
    }
}





.foot{
    width: 100%;
    background: #25333e;
}
.foot .foot_01{
    width: 83.33%;
    margin:0 auto;
    padding: 60px 0;
}
.foot .foot_01 .logo{
    float: left;
}
.foot .foot_01 .logo ul{
    margin-top: 50px;
}
.foot .foot_01 .logo ul li{
    float: left;
    margin-right: 15px;
}
.foot .foot_01 .logo ul .weix{
    position: relative;
}
.foot .foot_01 .logo ul .weix .weix_box{
    position: absolute;
    width: 100px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 5px;
    display: none;
}
.foot .foot_01 .logo ul .weix:hover .weix_box{
    display: block;
}
.foot .foot_01 .logo ul .weix .weix_box .ewm{
    position: relative;
}
.foot .foot_01 .logo ul .weix .weix_box .ewm:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    top: -9px;
    background: url(../images/ewm_jt.png) center center/cover;
}
.foot .foot_01 .lxfs{
    float: right;
    line-height: 2;
    border-left: 1px solid rgba(255,255,255,0.03);
    padding-left: 88px;
}
.foot .foot_01 .lxfs p{
    font-size: 14px;
    color: rgba(255,255,255,0.8);
}
.foot .foot_01 .lxfs .bt{
    font-size: 16px;
    color: #ffffff;
}
.foot .foot_01 .lanm{
    float: right;
    margin-right: 85px;
}
.foot .foot_01 .lanm ul{
    float: left;
    margin-right: 25px;
    line-height: 2;
}
.foot .foot_01 .lanm ul .bt a{
    font-size: 15px;
    color: #fff;
}
.foot .foot_01 .lanm ul li a{
    font-size: 13px;
    color: rgba(255,255,255,0.5);
}

@media(max-width: 1700px){
    .foot .foot_01 .lanm{
        margin-right: 20px;
    }
    .foot .foot_01 .lanm ul{
        margin-right: 60px;
    }
}
@media(max-width: 1450px){
    .foot .foot_01 .lxfs{
        padding-left: 45px;
    }
    .foot .foot_01 .lanm{
        margin-right: 0;
    }
    .foot .foot_01 .lanm ul{
        margin-right: 50px;
    }
}
@media(max-width: 1300px){
    .foot .foot_01 .lxfs{
        padding-left: 20px;
    }
    .foot .foot_01 .lanm ul{
        margin-right: 30px;
    }
    .head .head_01 .daoh{
        margin-right: 45px;
    }
    .head .head_01 .daoh li{
        margin-left: 28px;
    }
}
@media(max-width: 1200px){
    .head .head_01 .daoh{
        margin-right: 25px;
    }
    .foot .foot_01 .lanm ul{
        margin-right: 18px;
    }
}
@media(max-width: 1100px){
    .foot .foot_01 .lanm{
        display: none;
    }
    .foot .foot_01 .lxfs{
        float: left;
        margin-top: 20px;
        padding-left: 0;
        border-left: none;
    }
    .foot .foot_01{
        width: 90%;
    }
    .foot .foot_01 .logo ul{
        margin-top: 20px;
    }
}
.head_m.cur{
    position: fixed;
}
.head_m{
    background: #25333e;
    display: none;
    width: 100%;
    z-index: 10;
}
.head_m .head_01{
    width: 83.33%;
    margin: 0 auto;
}
.head_m .head_01 .logo{
    float: left;
    padding: 10px 0;
}
.head_m .head_01 .nav{
    float: right;
    padding-top: 30px;
}
.banner_m{
    display: none;
}
@media(max-width: 1100px){
    .head_m .head_01 .logo img { height: 40px; }
    .head_m .head_01 .nav { padding-top: 20px; }
    .banner_bc{
        display: none;
    }
    .banner_m{
        display: block;
    }
    .head_m .head_01{
        width: 90%;
    }
    .head_m{
        display: block;
    }
    .head{
        display: none;
    }
    .foot .foot_01 .logo{
        width: 100%;
    }
}
.nav_box.cur{
    left: 0;
}
.nav_box {
    width: 100%;
    height: 100%;
    position: fixed;
    left: -100%;
    top: 77px;
    bottom: 0;
    right: auto;
    overflow: auto;
    z-index: 99999999;
    transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -webkit-transition: all .6s;
    float: right;
}
.nav_box .nav-title {
    position: relative;
    padding: 10px 15px 15px 10px;
    border-bottom: 1px solid #fff;
}
.nav_box .navlist {
    width: 100%;
    margin-top: 10px;
    padding: 0 20px 0 15px;
    padding-bottom: 20px;
}
.nav_box .navlist ul>li {
    float: left;
    width: 100%;
    font-size: 20px;
    line-height: 50px;
}
.nav_box .navlist ul>li>a {
    display: block;
    color: #fff;
    position: relative;
}
.nav_box .box {
    background: #5ec2a6;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    overflow: auto;
    float: right;
}
.nav_box .navlist .ec{
    margin-top: 20px;
}
.nav_box .navlist .ec a{
    font-size: 20px;
    color: #fff;
    display: inline-block;
    margin-right: 20px;
}
.navSear { margin-top: 30px;}
.navSear .search { padding-top: 20px; border-top:1px solid rgba(255,255,255,0.3); }

.navSear .search .subsearch { z-index: 9;}
.navSear .search .subsearch .subsearcha { border-radius: 3px;position: relative; padding-left: 30px; height: 30px;}
.navSear .search .subsearch .subsearcha .inp {width: 90%;height: 30px;border: 0; font-size: 20px;color: #fff; padding-left: 0px; background: none; } 
.navSear .search .subsearch .subsearcha .sub { opacity: 0.7; border: none;outline: none;position: absolute;left: 0px;top: 50%;height: 26px;background: url(../images/searchxa.png) no-repeat left center;font-size: 0;width: 26px;transform: translateY(-50%);}
.navSear .search:hover .subsearch {display: block;}

.navSear .search .subsearch .subsearcha .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(255,255,255,0.7); 
}
.navSear .search .subsearch .subsearcha .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(255,255,255,0.7);
}
    
.navSear .search .subsearch .subsearcha .inp:-ms-input-placeholder
 {
    color: rgba(255,255,255,0.7);
}
    
.navSear .search .subsearch .subsearcha .inp::-webkit-input-placeholder {
    color: rgba(255,255,255,0.7);
}

.foot .beia{
    width: 83.33%;
    margin: 0 auto;
    padding: 25px 0;
    border-top: 1px solid rgba(255,255,255,0.03);
}
.foot .beia .left{
    font-size: 12px;
    color: #ffffff;
    float: left;
}
.foot .beia .right{
    font-size: 12px;
    color: #ffffff;
    float: right;
}
@media(max-width: 1100px){
    .foot .beia{
        width: 90%;
    }
}
.foot .beia a { color:#fff; }



/*wolf*/
.aboutA { padding: 6vw 0;  }
.aboutA-b { float: left; width: 45%; position: absolute; left:0; top:50%; transform: translateY(-50%); }
.aboutA-b .con { margin:25px 0 0; font-size: 20px;color:#324655; line-height: 1.6; }
.aboutA-c { position: relative; z-index: 2; float: right; width: 46%; }
.aboutA-b .con .c1 { font-size:22px; }
.aboutA-b .con .c2 p { margin-top:10px; }
.imgA { border-radius:12px; overflow: hidden; }
@media(max-width: 1700px){
    .aboutA-b .con { font-size:18px; }
    .aboutA-b .con .c1 { font-size:20px; }
}
@media(max-width: 1500px){
    .aboutA-b .con { font-size:16px; }
    .aboutA-b .con .c1 { font-size:18px; }
}
@media(max-width: 1100px){
    .imgA { border-radius:6px; }
    .aboutA { padding: 40px 0 50px; }
    .aboutA-b .con { margin-top:10px; }
    .aboutA { padding-bottom: 50px; }
    .aboutA-c { margin-top: 20px; width: 100%; position: relative; right:0; top:0; transform: translateY(0); }
    .aboutA-b { width: 100%; position: relative; top:0; transform: translateY(0); }
}

.aboutB { padding:5vw 0 6vw; background: #f5f5f5; }
.aboutB-b { margin-top:40px; }
.aboutB-b ul { display:flex; flex-wrap:wrap; }
.aboutB-b ul li { position: relative; overflow: hidden; border-radius:10px; overflow: hidden; background: #fff; border-bottom: 2px solid #00c8aa; float:left; width: calc(33.333% - 14px); margin-right: 21px; }
.aboutB-b ul li .imgA { border-radius:10px; }
.aboutB-b ul li:nth-child(3n) { margin-right:0; }
.aboutB-b .con { padding:26px 4vw 30px 30px; }
.aboutB-b ul li .con .t { font-size:20px;color:#00c8aa; }
.aboutB-b ul li .con .c { font-size:28px;color:#324655; line-height: 1.5; margin-top:10px; }
.aboutB-b ul li .conA { background: url(../img/aboutbbg.png) no-repeat right bottom #00c8aa; width: 100%; height: 100%; position: absolute; left:0; bottom: -110%; transition:all 0.5s }
.aboutB-b ul li:hover .conA { bottom: 0%; }
.aboutB-b ul li:hover .conA .t,.aboutB-b ul li:hover .conA .c { color:#fff; }

@media(max-width:1700px){
    .aboutB-b ul li .con .c { font-size:26px; }
}
@media(max-width:1600px){
    .aboutB-b ul li .con .c { font-size:24px; }
    .aboutB-b .con { padding:20px 3vw 25px 20px; }
}

@media(max-width:1500px){
    .aboutB-b { margin-top:30px; }
    .aboutB-b ul li .con .c { font-size:22px; }
    .aboutB-b .con { padding:20px 3vw 25px 20px; }
}
@media(max-width:1300px){
    .aboutB-b ul li .con .t { font-size:18px; }
    .aboutB-b ul li .con .c { font-size:22px; }
    .aboutB-b .con { padding:20px 3vw 25px 20px; }
}
@media(max-width:1100px){
    .aboutB { padding:40px 0 50px; }
    .aboutB-b { margin-top:20px; }
    .aboutB-b ul li { width: 100%; margin-right:0; }
    .aboutB-b ul li:nth-child(n+2) { margin-top:20px; }
    .aboutB-b ul li .con .t { font-size:16px; }
    .aboutB-b ul li .con .c { font-size:20px; margin-top: 5px; }
    .aboutB-b .con { padding:16px 12px 20px; }
}
.aboutC { padding:5vw 0 6vw; }
.aboutC-b { margin-top:40px; }
.aboutC-b ul li { border:1px solid #dedede; border-radius:6px; float:left; width: calc(20% - 15px); margin-right:18px; }
.aboutC-b ul li img { transition: all 0.3s; }
.aboutC-b ul li:hover img { transform:scale(0.9); }
.aboutC-b ul li:nth-child(5n) { margin-right:0; }
.aboutC-b ul li:nth-child(n+6) { margin-top: 18px; }
@media(max-width: 1500px){
    .aboutC-b { margin-top:30px; }
}
@media(max-width: 1100px){
    .aboutC { padding:40px 0 50px; }
    .aboutC-b { margin-top:20px; }
    .aboutC-b ul li { width: calc(33.3333% - 4px); margin-right: 6px; }
    .aboutC-b ul li:nth-child(5n) { margin-right:6px; }
    .aboutC-b ul li:nth-child(3n) { margin-right:0; }
    .aboutC-b ul li:nth-child(n+4) { margin-top: 6px; }
}
.colorWhite { color:#fff; }
.About3{padding: 6vw 0 5.8vw;background: url(../img/ad1bg.jpg) no-repeat center/cover;}
.About3 .qqout-nr{margin-top: 30px;}

.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .img{width: 36%;overflow: hidden }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .img img{transform: scale(1);transition: all 0.3s;}
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide:hover .img img{transform: scale(0.9);}
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr{ width: 58%;position: absolute; top:50%; transform:translateY(-50%); right:0; padding: 0 5% 0 5.8%;}
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outra{ font-size: 90px;line-height: .9; margin:40px 0 20px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrc{color: #4d4e4e;line-height: 26px;margin-top: 5px;}
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrfl{overflow-y: auto;overflow-x: hidden;height: 202px;padding-right: 10px;}
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrfl li { position: relative; padding-left: 75px; margin-top:10px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrfl li span.d { position: absolute; left:0; top: 0px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrfl::-webkit-scrollbar {width: 4px;height: 4px;}
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrfl::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.15);background: #fff;}
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrfl::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);border-radius: 0;background: rgba(255, 255, 255, 0.1);}
.About3 .qqout-se {position: relative;margin-top: 60px;}
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrc { width: 95%; }
.About3 .qqout-se:before {position: absolute;content: "";left: 48px;top: 24px;height: 1px;background: rgba(255,255,255,0.2);width: calc(100% - 96px);}
.About3 .qqout-se .seswiper .swiper-wrapper{padding-top: 21px;}
.About3 .qqout-se .seswiper .swiper-slide{color: #fff; opacity:0.6; font-size: 22px;line-height: 1;text-align: center;padding-top: 35px;cursor: pointer;}
.About3 .qqout-se .seswiper .swiper-slide:before{ position: absolute;content: "";left: 50%;top: -1px;width: 9px;height: 9px;transform: translateX(-50%);transition: all 0.8s;background: #fff;border-radius: 50%;}
.About3 .qqout-se .seswiper .swiper-slide:after{ position: absolute;content: "";left: 50%;top: 3px;width: 0px;height: 0px;transform: translate(-50%, -50%);transition: all 0.8s; border: 1px solid #fff; border-radius: 50%;}
.About3 .qqout-se .seswiper .swiper-slide-thumb-active:after{ width: 20px;height: 20px;border: 1px solid #fff; }
.About3 .qqout-se .seswiper .swiper-slide-thumb-active{ opacity: 1;}
.About3 .qqout-se .seswiper .swiper-slide-thumb-active:before{background: #fff;}
.About3 .qqout-se .se-next,
.About3 .qqout-se .se-prev{margin-top: 0;width: 48px;height: 48px;top: 2px;background: none; border-radius: 30px;border: 1px solid rgba(255,255,255,0.5);}
.About3 .qqout-se .se-next:hover,
.About3 .qqout-se .se-prev:hover { background: #fff; border-color:#fff; }
.About3 .qqout-se .se-next:hover:after,
.About3 .qqout-se .se-prev:hover:after { color:#00c8aa; }
.About3 .qqout-se .se-next{right: 0;}
.About3 .qqout-se .se-prev{left: 0;}
.About3 .qqout-se .swiper-button-disabled{opacity: 1;cursor: pointer;pointer-events: initial;}
.About3 .qqout-se .se-next:after, .About3 .qqout-se .se-prev:after { opacity: 1; font-size: 16px; font-weight:bold; color:#fff; opacity: 0.6; }
.gybtA { display:none; }
@media(max-width: 1680px) {
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra {font-size: 70px; margin: 30px 0 15px;}
}
@media(max-width: 1500px) {
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra{font-size: 68px;}
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide { padding: 20px; }
}

@media(max-width: 1480px) {
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr {padding: 0 3% 0 30px;}
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr:before{right: 3vw;}
}

@media(max-width: 1280px) {
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra {font-size: 58px;}
}

@media(max-width: 1100px) {
    .gybtA { display:block; }
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr { padding: 0; }
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr{ position: relative; top:0; transform:translateY(0); padding-top: 0;}
    .About3 { padding: 40px 0 50px; }
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .img{width: 100%;}
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide{border-radius: 8px;padding: 15px;}
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr{width: 100%;margin-top: 20px;border-radius: 10px;overflow: hidden;padding: 20px 0;}
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .gybt { display:none; }
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra{font-size: 30px; margin-top:0;}
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra{margin-bottom: 8px;}
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrc{line-height: 1.6;}
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrfl{height: auto;padding-right: 0;}
    .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrfl::-webkit-scrollbar {width: 3px;height: 3px;}
    .About3 .qqout-se .seswiper .swiper-wrapper .swiper-slide{font-size: 18px;padding-top: 28px;}
    .About3 .qqout-se .seswiper .swiper-wrapper .swiper-slide-thumb-active:after { width: 21px; height: 21px; }
    .About3 .qqout-se{margin-top: 5px;}
    .About3 .qqout-se .se-prev,.About3 .qqout-se .se-next { top: -8px; }
    .About3 .qqout-se .seswiper .swiper-wrapper {padding-top: 12px;}
    .qqout-se { padding: 0 30px; }
    .About3 .qqout-se:before{top: 16px;}
    .About3 .qqout-nr{margin-top: 25px;}
    .About3 .qqout-se .se-prev, .About3 .qqout-se .se-next { top: -5px; width: 40px; height: 40px; }
    .About3 .qqout-se:before { left: 40px; width: calc(100% - 80px); }
}

.aboutD { padding:6vw 0 6vw; background: #f5f5f5; }
.aboutD-b { position: absolute; top:50%; transform:translateY(-50%); right:0; }
.aboutD-b a { display:inline-block; padding:12px 30px; font-size:14px; color:#324655;border-radius:50px; border:1px solid #dedede; }
.aboutD-b a:hover,.aboutD-b a.cur { color:#fff; background: #00c8aa; border-color:#00c8aa; }
.aboutD-b a:nth-child(n+2) { margin-left: 10px; }
.aboutD-c { margin-top:40px; }
.aboutD-c ul li { border-bottom: 3px solid #fff; overflow: hidden; border-radius:12px; background: #fff;  float:left; width: calc(25% - 12px); margin-right: 16px; }
.aboutD-c ul li:last-child { margin-right:0; }
.aboutD-c ul li a { display:block; padding:2vw 3vw 2.5vw; border-bottom: 1px solid #dedede; }
.aboutD-c ul li .t { padding:1.5vw 1vw; }
.aboutD-c ul li .t span { background: url(../img/aebg1.png) no-repeat right center; font-size:20px;color:#292b2b;display:block;padding-right: 30px; }
.aboutD-c ul li:hover .t span { background: url(../img/aebg2.png) no-repeat right center; }
.aboutD-c ul li:hover { border-color:#00c8aa; }
.aboutD-c ul li img { transition: all 0.3s; }
.aboutD-c ul li:hover img { transform:scale(0.9); }
@media(max-width: 1500px){
    .aboutD-c { margin-top:30px; }
    .aboutD-c ul li .t span { font-size:18px; }
    .aboutD-b a { padding:10px 20px; font-size:12px; }
    .head .head_01 .daoh li a {font-size: 10px;}
}
@media(max-width: 1100px){
    .aboutD-c ul li .t span { font-size:16px; }
    .aboutD-c { margin-top:20px; }
    .aboutD-b { position: relative; width: 100%; top:0; transform:translateY(0); margin-top: 10px; }
    .aboutD-c ul li { width:calc(50% - 8px); margin-right: 16px; }
    .aboutD-c ul li:nth-child(2n) { margin-right:0; }
    .aboutD-c ul li:nth-child(n+3) { margin-top: 16px; }
    .aboutD { padding: 40px 0 50px; }
}
@media(max-width: 600px){
    .aboutD-c ul li { border-radius:5px; }
    .aboutD-c ul li a { padding: 12px; }
    .aboutD-c ul li .t { padding: 15px 12px; }
    .aboutD-b a { font-size:14px; padding:8px 15px; }
    .aboutD-b a:nth-child(n+2) { margin-left: 0; }
    .aboutD-b a { margin-right: 0; }
}
@media(max-width: 400px){
    .aboutD-b a:nth-child(n+2) { margin-left: 0; }
    .aboutD-b a { padding: 8px 20px; margin-right: 2px; }
    .aboutD-b a:nth-child(n+4) { margin-top: 10px; }
}

/*核心优势*/
.hxysA { padding:6vw 0; background: #fff; }

.hxysA-a { margin-top: 40px; }
.hxysA-a .img { border-radius:10px; overflow: hidden;  }


.hxysA-b { min-height:220px; padding:0 160px 0 410px; position: relative; }
.hxysA-b .icon {left: 70px; text-align:center; padding-top: 86px; width: 285px; height: 285px; border-radius:6px; overflow: hidden; background: url(../img/ysbg2.jpg) no-repeat center/cover; position: absolute; top: -76px; }
.hxysA-b .t { font-size:24px; color:#fff; margin-top: 5px; }
.hxysA-b .tt { font-size:28px; color:#324655; padding-top: 46px; }
.hxysA-b .c{ font-size:16px; line-height: 1.8; color:#324655; margin-top: 8px; }

.hxysA-a .swiper-pagination { z-index: -1; opacity: 0; position: absolute; left:0; top:0; }
.hxysA-a .mainQh { position: absolute; width: 48px; height: 48px; background: none; border:1px solid #dedede; border-radius:50%; top: auto; bottom: 80px; transform:translateY(0); margin:0; right:0; left: auto;  }
.hxysA-a .mainQh:after { font-size:16px; font-weight:bold; color:#999; }
.hxysA-a .swiper-button-prev { right: 60px; }
.hxysA-a .mainQh:hover { background: #00c8aa; border-color:#00c8aa; }
.hxysA-a .mainQh:hover:after { color:#fff; }

@media(max-width: 1500px){
    .hxysA-b .icon { left:40px; width: 225px; height: 225px; top:-46px; padding-top:60px; }
    .hxysA-b .icon img { height: 70px; }
    .hxysA-b .t { font-size:20px; }
    .hxysA-b .tt { font-size:24px; padding-top: 30px; }
    .hxysA-b { min-height:200px; padding:0 160px 0 320px; }
    .hxysA-a .mainQh { bottom: 85px; }
    .hxysA-a { margin-top: 30px; }
}
@media(max-width: 1100px){
    .hxysA { padding: 40px 0 50px; }
    .hxysA-a { margin-top: 20px; }
    .hxysA-b .icon { display:none; left:20px; width: 165px; height: 165px; top:-26px; padding-top:30px; }
    .hxysA-b .icon img { height: 60px; }
    .hxysA-b .t { font-size:20px; }
    .hxysA-b .tt { font-size:22px; padding-top:10px; }
    .hxysA-b { min-height:10px; padding:0; }
    .hxysA-a .mainQh { bottom: 60px; display:none; }
}


/*测试能力*/
.csnlB { padding:5vw 0 6vw; background: #f6f6f6; }
.csnlB-b { margin-top: 40px; }
.csnlB-b .c p{font-size: 16px;
    color: rgba(50,70,85,0.8);
    line-height: 1.8;
    margin-bottom: 25px; }

@media(max-width: 1500px){
    .csnlB-b { margin-top: 30px; }
}
@media(max-width: 1100px){
    .csnlB-b { margin-top: 10px; }
}

.csnlA { padding:5vw 0 7vw; }

.csnlA-a .c { font-size: 16px; color:#324655; margin-top:12px; padding-right: 300px; }
.csnlA-c { height: 48px; position: relative; }

.csnlA-b { margin-top: 40px; }

.csnlA-b .mainQh { position: absolute; width: 48px; height: 48px; background: none; border:1px solid #dedede; border-radius:50%; top: auto; bottom: 0px; transform:translateY(0); margin:0; right:0; left: auto;  }
.csnlA-b .mainQh:after { font-size:16px; font-weight:bold; color:#999; }
.csnlA-b .swiper-button-prev { right: 60px; }
.csnlA-b .mainQh:hover { background: #00c8aa; border-color:#00c8aa; }
.csnlA-b .mainQh:hover:after { color:#fff; }
.csnlA-b .swiper-container { padding-bottom:85px; }
.csnlA-b .swiper-container .swiper-pagination.swiper-pagination-progressbar { width:calc(100% - 130px); border-radius:1px; top:auto!important; background: #f4f4f4; height: 3px; bottom: 23px; }
.csnlA-b .swiper-container .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #00c8aa; }

.csnlA-b .swiper-slide { position: relative; }
.csnlA-b .swiper-slide .t { position: absolute; left: 0; bottom: 20px; width: 100%; padding: 0 20px; font-size:24px;color:#ffffff; }

@media(max-width: 1500px){
    .csnlA-b { margin-top: 30px; }
    .csnlA-b .swiper-slide .t { font-size:22px; }
}
@media(max-width: 1100px){
    .csnlA-b { margin-top: 20px; }
    .csnlA-b .swiper-container { padding-bottom:60px; }
    .csnlB,.csnlA { padding:40px 0 50px; }
    .csnlA-a .c { padding:0; margin-top: 6px; }
    .csnlA-b .mainQh { width: 40px; height: 40px; }
    .csnlA-b .swiper-button-prev { right: 52px; }
    .csnlA-b .swiper-container .swiper-pagination.swiper-pagination-progressbar { width:calc(100% - 110px); bottom: 20px; }
}

/*服务与解决方案*/
.serviceA { padding:6vw 0 6vw; background: #f5f5f5; }

.serviceA-a .aboutD-b a { min-width: 140px; text-align:center; }

.serviceA-b { margin-top:50px; }
.serviceA-d { float:right; width: 48.75%; }

@media(max-width:1500px){
    .serviceA-a .aboutD-b a { min-width: 125px; }
}
@media(max-width:1100px){
    .serviceA-a .aboutD-b a { min-width: 100px; }
}
@media(max-width:360px){
    .serviceA-a .aboutD-b a { min-width: 10px; }
}

.serviceA-f {  }

.serviceA-c { float:left; width: 44%; }
.serviceA-c ul li { float:left; width:calc(33.333% - 9px); margin-right: 13px; }
.serviceA-c ul li:nth-child(3n) { margin-right:0; }
.serviceA-c ul li:nth-child(n+4) { margin-top: 13px; }

.serviceA-c ul li { position: relative; border-radius:6px;overflow: hidden; }
.serviceA-c ul li .t { position: absolute; left:0; bottom: 15px; font-size:14px;color:#324655;padding:0 15px 10px; text-align:center; width: 100%; }
/*.serviceA-c .tabTit span:nth-child(n+2) { margin-left: 20px; }*/
.serviceA-c .tabTit span { display:inline-block; font-size:18px;color:#324655; border-bottom: 10px solid #f5f5f5; }
.serviceA-c .tabTit span i { display:inline-block; font-style:normal; border-bottom: 2px solid #f5f5f5; }
.serviceA-c .tabTit span.cur i,.serviceA-c .tabTit span:hover i { color:#00c8aa; border-color:#00c8aa; }
.serviceA-e .topt { font-size:22px;color:#324655; margin:50px 0 20px }



.serviceA-f .mainQh { position: absolute; width: 48px; height: 48px; background: none; border:1px solid #dedede; border-radius:50%; top: auto; bottom: 0px; transform:translateY(0); margin:0; right:0; left: auto;  }
.serviceA-f .mainQh:after { font-size:16px; font-weight:bold; color:#999; }
.serviceA-f .swiper-button-prev { right: 60px; }
.serviceA-f .mainQh:hover { background: #00c8aa; border-color:#00c8aa; }
.serviceA-f .mainQh:hover:after { color:#fff; }
.serviceA-f .swiper-container { padding-bottom:85px; }
.serviceA-f .swiper-container .swiper-pagination.swiper-pagination-progressbar { width:calc(100% - 130px); border-radius:1px; top:auto!important; background: rgba(200,200,200,0.2); height: 3px; bottom: 23px; }
.serviceA-f .swiper-container .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #00c8aa; }
@media(max-width: 1700px){
    .serviceA-b { margin-top: 40px; }
    .serviceA-e .topt { font-size:24px; margin: 40px 0 20px; }
    .serviceA-c ul li .t { font-size:12px; bottom: 10px;padding-bottom: 5px; }
}

@media(max-width: 1500px){
    .serviceA-b { margin-top: 30px; }
    .serviceA-e .topt { font-size:18px; margin: 30px 0 16px; }
    .serviceA-c ul li .t { font-size:12px; bottom: 10px;padding-bottom: 5px; }
    .serviceA-c .tabTit span { font-size:16px; }
}
@media(max-width: 1300px){
    .serviceA-c .tabTit span { font-size:16px; }
/*    .serviceA-c .tabTit span:nth-child(n+2) { margin-left: 10px; }*/
    .serviceA-e .topt { font-size:20px; margin: 24px 0 16px; }
    .serviceA-c ul li .t { font-size:16px; bottom: 10px;padding-bottom: 5px; }
}

@media(max-width: 1100px){
    .serviceA { padding: 40px 0 50px; }
    .serviceA-b { margin-top: 20px; }
    .serviceA-d,.serviceA-c { width: 100%; }
    .serviceA-d { margin-bottom: 20px; display:none; }
    .serviceA-f .swiper-container { padding-bottom:60px; }
    .serviceA-f .mainQh { width: 40px; height: 40px; }
    .serviceA-f .swiper-button-prev { right: 52px; }
    .serviceA-f .swiper-container .swiper-pagination.swiper-pagination-progressbar { width:calc(100% - 110px); bottom: 20px; }
}
@media(max-width: 600px){
    .serviceA-c ul li { float:left; width:calc(50% - 6px); margin-right: 12px; }
    .serviceA-c ul li:nth-child(3n) { margin-right:12px; }
    .serviceA-c ul li:nth-child(2n) { margin-right:0; }
    .serviceA-c ul li:nth-child(n+3) { margin-top: 12px; }
    .serviceA-c .tabTit span:nth-child(n+2) { margin-left: 0px; }
    .serviceA-c .tabTit span:nth-child(n+3) { margin-top: 8px; margin-left: 0px; }
    .serviceA-c .tabTit span { width: 50%; text-align:center; float:left; }
}

.serviceB-c .an .an1 { color:#324655; }
.serviceB-c .an .an1:hover span { color:#324655; }
.serviceB-c .an .an1 i { border-color:#65747f; }
.serviceB-c .an .an1 i:before { background:#65747f; }
.serviceB-c .an .an1 i:after { background:#00c8aa; }


.serviceB-a { padding: 6vw 0 60px; background: #fff; }

.serviceB-b { float:left; width: 24%; }
.serviceB-c { float:left; width: 62.5%; }
.serviceB-d { float:right; }

.serviceB-c .t { font-size: 28px;color:#324655; }
.serviceB-c .c { font-size: 16px;color:#324655; line-height: 1.8; margin:10px 0 40px; }
.serviceB-d ul { border-left:3px solid #ddd; line-height: 1; }
.serviceB-d ul li:nth-child(n+2) { margin-top:15px; }
.serviceB-d ul li { cursor: pointer; font-size: 16px;color:#8998a3; padding-left:18px; position: relative; }
.serviceB-d ul li.cur { color:#324655; }
.serviceB-d ul li.cur:after { content:''; width: 3px; height: 100%; position: absolute; left:-3px; top:0; background: #00c8aa; }
.serviceC .tabTit i { font-style:normal; }
.serviceC { position: relative; }
.serviceC .tabTit { background: #00c8aa; width: 100%; left:0; bottom:0; position: absolute; }

.serviceC .tabTit span { font-size:20px;color:#fff; line-height: 80px; float:left; width: 15%; text-align:center; }
.serviceC .tabTit.w4 span { width: 25%; }
.serviceC .tabTit.w5 span { width: 20%; }
.serviceC .tabTit.w3 span { width: 33.333%; }
.serviceC .tabTit span:nth-child(n+2) { border-left:1px solid rgba(255,255,255,0.4); }

.serviceC .tabTit span:hover,.serviceC .tabTit span.cur { background: #08b298; position: relative; }
.serviceC .tabTit span:hover:after,.serviceC .tabTit span.cur:after { 
    content:''; width: 34px; height: 34px; transform:rotate(45deg); background: #08b298; position: absolute; left:50%; margin-left: -17px; top: -10px;
 }
.serviceE { padding-bottom: 50px; display:none; }
.serviceE ul li { width: 100%; }
.serviceE .img { border-radius:8px; overflow: hidden; }
.serviceE .t { margin-top: 16px; }
.serviceE .c { margin: 8px 0 10px; }
.serviceE ul li:nth-child(n+2) { margin-top: 30px; }
@media(max-width: 1500px){
    .serviceB-c .t { font-size:24px; }
    .serviceB-c .c { margin-bottom: 30px; }
    .serviceB-a { padding: 6vw 0 50px; }
    .serviceC .tabTit span { font-size: 18px; line-height: 70px; }
    .serviceB-b { width: 20%; }
}
@media(max-width: 1300px){
    .serviceB-a { padding: 6vw 0 40px; }
    .serviceC .tabTit span { font-size: 16px; line-height: 60px; }
}
@media(max-width: 1100px){
    .serviceB-a { padding: 40px 0 20px; }
    .serviceE { display:block; }
    .serviceB-a .tabBox,.serviceB-d,.serviceC { display:none; }
}





/*首頁**/
.ssss {
    z-index: 90;
    position: absolute;
    bottom: 60px;
    width:100%;
    left: 0; padding-left: 8.3333%;
}
@media(max-width: 1500px){
    .ssss { padding-left: 5%; bottom: 40px;}   
}
@media(max-width: 1100px){
    .ssss { padding:0 3%; text-align:right; bottom: 30px;}   
}

.sss {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.sss:last-child{
    margin-right: 0;
}

.ssss .sss:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 100%;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.sss .circle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.sss .circle i {
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.sss .circle i::before {content: '';position: absolute; width: 200%;right: 0;top: 0;bottom: 0;border: 1px solid #fff;border-radius: 100%;
    box-sizing: border-box;
    clip: rect(0, 20px, 20px, 10px);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.sss .circle i:first-child::before {
    left: 0;
    right: auto;
    clip: rect(0px, 10px, 20px, 0px);
}
.sss.sss-active::before {
    background: #ff5a2b;
}
.sss.sss-active .circle i::before {
    -webkit-animation: circleR 5000ms linear both;
    animation: circleR 5000ms linear both;
}
.sss.sss-active .circle i:first-child::before {
    -webkit-animation-name: circleL;
    animation-name: circleL;
}

@-webkit-keyframes circleL {
    0%,
    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes circleR {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    50%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes circleL {
    0%,
    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes circleR {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    50%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.indexbanner {
    position: relative;
}

.indexbanner .indexban .swiper-wrapper .swiper-slide .img {
    overflow: hidden;
    line-height: 0;
}

.indexbanner .indexban .swiper-wrapper .swiper-slide-active .pc{
    -webkit-animation:haha2 1000ms linear both; 
    animation:haha2 1000ms linear both;
}

.indexbanner .indexban .swiper-wrapper .swiper-slide .img .md {
    display: none;
    -webkit-animation:haha2 1000ms linear both; 
    animation:haha2 1000ms linear both;
}

.indexbanner .exban-pagination{
    display: none;
}

@-webkit-keyframes haha2{
    0%{ transform: scale(1.1) }
    10%{ transform: scale(1.09) }
    20%{ transform: scale(1.08) }
    30%{ transform: scale(1.07) }
    40%{ transform: scale(1.06) }
    50%{ transform: scale(1.05) }
    60%{ transform: scale(1.04) }
    70%{ transform: scale(1.03) }
    80%{ transform: scale(1.02) }
    90%{ transform: scale(1.01) }
    100%{ transform: scale(1) }
}

.indexbanner .indexban .swiper-wrapper .swiper-slide{
    overflow: hidden;
}

.indexbanner .indexban .swiper-wrapper .swiper-slide:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    z-index: 1;
}


.indexbanner .indexban .swiper-wrapper .swiper-slide .wipre{
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    right: 0;
    width: auto;
    width: 100%;
    z-index: 2;
}

.indexbanner .indexban .swiper-wrapper .swiper-slide .wipre .preb{
    color: #ffffff;
    line-height: 1.4;
    margin-bottom:3vw;
}

.indexbanner .indexban .swiper-wrapper .swiper-slide .wipre .prec{
    color: #fff;
    line-height: 1.6;
    font-size: 16px;
    margin-top: 7px;
    margin-bottom: 8px;
}



.an1{
    font-size: 15px;
    color: #fff;
    display: block;
    position: relative;
    width: 165px;
}

.an1 i{
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border:1px solid #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.an .an1:hover i{
    width: 100%;
    border-radius: 40px;
    transition: all 0.5s;
}
.an .an1 i:after{
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    background: #fff;
    border-radius: 50%;
}
.an .an1:hover i:after{
    right: 23px;
}
.an .an1 i:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background: #fff;
    top: 50%;
    transform:translateY(-50%);
    right: 26px;
}
.an span,.an .an1 { transition:all 0.6s }
.an1:hover span { color:#fff; padding-left: 15px; }
.an .an1:hover { width: 230px; }

.topHeader { position: absolute; left:0; top:0; width: 100%; background: #fff; z-index: 10; }

@media(max-width: 1100px){
    .indexbanner .indexban .swiper-wrapper .swiper-slide .pc { display:none; }
    .indexbanner .indexban .swiper-wrapper .swiper-slide .img .md { display:block;  }
    .indexbanner .indexban .swiper-wrapper .swiper-slide .wipre .preb { margin-bottom: 40px; }
    .an1 i { width: 36px; height: 36px; }
}

/*首页*/
.homeBoxA { padding:8vw 0 7vw; background: #f5f5f5; }
.homeBoxA-a .c { font-size:16px;color:#324655; margin-top: 8px; }
.homeBoxA-c .tabTit { margin-top: 2vw; }
.homeBoxA-b { border-radius:10px; overflow: hidden; position: relative; margin-top: 50px; }
.homeBoxA-c { padding: 4vw 2vw 5vw 2vw; background: url(../img/aboutbbg.png) no-repeat right bottom #00c8aa; float:left; width: 31.25%; }
.homeBoxA-d { position: absolute; top:0; right: 0; width: 68.75%; height: 100%; }


.homeBoxA-c .t1 { cursor: pointer; border-top:1px solid rgba(255,255,255,0.3); font-size:20px; padding:1vw 30px 1vw 25px; position: relative; }
.homeBoxA-c .t1:after,.homeBoxA-c .t1:before { position: absolute; top:50%; transform:translateY(-50%); }
.homeBoxA-c .t1:after { content:"+"; font-size:30px; color:#fff; right:2px; }
.homeBoxA-c .cur .t1:after { content:"-"; }
.homeBoxA-c .t1:before { content:""; width: 4px; height: 4px; background: #fff; border-radius:50%; left: 10px; }

.homeBoxA-c .c { display:none; padding-left: 25px; padding-bottom: 2vw; }
.homeBoxA-c .c a { display:inline-block; margin-bottom: 8px; width: 49%; font-size: 16px;color:rgba(255,255,255,0.7); }
.homeBoxA-c .cur .c { display:block; }
.homeBoxA-c .an { margin-top: 3vw; }
.homeBoxA-a .gybt { max-width:800px; width: 60%; }

@media(max-width: 1680px){
    .homeBoxA-b { margin-top: 50px; }
    .homeBoxA-c .t1 { font-size:18px;  }
    .homeBoxA-c .c a { width: 49%; font-size:14px;  }
}
@media(max-width: 1500px){
    .homeBoxA-b { margin-top: 40px; }
    .homeBoxA-c .c a { width: 49%; font-size:14px;  }
}
@media(max-width: 1300px){
    .homeBoxA-b { margin-top: 30px; }
    .homeBoxA-c .c a { width: 49%; font-size:14px;  }
}

@media(max-width: 1100px){
    .homeBoxA-c .tabTit { margin-top: 18px; }
    .homeBoxA-b { margin-top: 20px; }
    .homeBoxA-a .gybt { max-width:10000px; width: 100%; margin-bottom: 18px; }
    .homeBoxA-c { width: 100%; }
    .homeBoxA-c .t1 { padding: 16px 30px 16px 24px; font-size:16px; }
    .homeBoxA-d { width: 100%; position:relative; float:right; height:55vw; }

}


.homeBoxB { padding:6vw 0 0; }


@media(max-width:1100px){
    .homeBoxB { padding-top: 40px; }
}


.homeBoxB { position: relative; }
.homeBoxB .relative { z-index: 10; }
.homeBoxB:after { content:''; width: 100%; height: 13vw; background: #f5f5f5; position: absolute; left:0; bottom:0; }
.homeBoxB-b .an .an1 { color:#324655; }
.homeBoxB-b .an .an1:hover span { color:#324655; }
.homeBoxB-b .an .an1 i { border-color:#65747f; }
.homeBoxB-b .an .an1 i:before { background:#65747f; }
.homeBoxB-b .an .an1 i:after { background:#00c8aa; }
.homeBoxB-a .gybt { float:left; width: 43%; }
.homeBoxB-b { line-height: 1.8; float:right; width: 57%; }
.homeBoxB-b .c1 { font-size:18px;color:#324655; }
.homeBoxB-b .c2 { font-size:16px;color:#324655; margin:15px 0 50px; }
.homeBoxB-d { margin-top: 4vw; }
@media(max-width:1500px){
    .homeBoxB-b .c1 { font-size: 16px; }
    .homeBoxB-b .c2 { font-size: 14px; margin: 10px 0 30px; }
}
@media(max-width:1100px){
    .homeBoxB-a .gybt { width: 100%; }
    .homeBoxB-b { margin-top: 20px; width: 100%; }
    .homeBoxB-b .c2 { margin: 10px 0 20px; }
    .homeBoxB-d { margin-top: 30px; }
}

.homeBoxC { padding:6vw 0 6.5vw; background: #f5f5f5; }
.homeBoxC-a { width: auto; float:right; right:0; position: absolute; top:50%; transform:translateY(-50%); }
.homeBoxC-c { border-bottom: 3px solid #00c8aa; float:left; width: calc(33.3333% - 14px); border-radius:3px; overflow: hidden; background: #fff; margin-right:20px; }
.homeBoxC-e { border-bottom: 3px solid #00c8aa; float:left; width: calc(33.3333% - 14px); border-radius:3px; overflow: hidden; background: #fff; }
.homeBoxC-c .tag,.homeBoxC-e .topT { position: relative; padding-left: 15px; font-size:16px;color:#00c8aa; }
.homeBoxC-c .tag:before,.homeBoxC-e .topT:before { content:''; background: #00c8aa; border-radius:50%; width: 5px; height: 5px; position: absolute; left: 3px; top:50%; transform:translateY(-50%); }
.homeBoxC-c .t { margin:12px 0 5px; font-size: 20px; color:#324655; }
.homeBoxC-d .con { padding:20px 25px 30px; }
.homeBoxC-d .con .c { font-size:15px; color:#324655; line-height: 1.6; margin: 10px 0 30px; }
.mainSmall { font-size: 15px;color:#324655; display:inline-block; padding-right:16px; background: url(../img/small1.png) no-repeat right center;}
.homeBoxC-b { display: flex; flex-wrap:wrap; margin-top:50px; }
.homeBoxC-e { padding:1.5vw 1.5vw 1vw; }
.homeBoxC-e a { display: block; padding:1.5vw 0; }
.homeBoxC-e ul li:nth-child(n+2) { border-top:1px solid #dedede; }
.homeBoxC-e a .d { font-size: 14px; margin:3px 0 20px; color:#324655; }
.homeBoxC-e a .t { font-size: 20px; line-height: 1.6; color:#324655; }

.homeBoxC-c .img { overflow: hidden; }
.homeBoxC-c .img img { transition: all 0.3s; }
.homeBoxC-c:hover .img img { transform:scale(1.03); }

.homeBoxC-c .homeBoxC-d .t,.homeBoxC-c:hover .homeBoxC-d .d { color:#00c8aa; }
.homeBoxC-e ul li:hover a .t { color:#00c8aa; text-decoration:underline; }
.homeBoxC-e ul li:hover a .d { color:#00c8aa; }

@media(max-width: 1500px){
    .homeBoxC-e a .t,.homeBoxC-c .t { font-size:18px; }
}
@media(max-width: 1300px){
    .homeBoxC-e a .t,.homeBoxC-c .t { font-size:16px; }
}
@media(max-width: 1100px){
    .homeBoxC { padding: 40px 0 50px; }
    .homeBoxC-c,.homeBoxC-e { width: 100%; margin-right:0; }
    .homeBoxC-c { margin-bottom: 20px; }
    .homeBoxC-d .con { padding: 16px 12px 20px; }
    .homeBoxC-e { padding: 16px 12px 10px; }
    .homeBoxC-d .con .c { margin: 8px 0 20px; }
    .homeBoxC-e a { padding: 20px 0; }
    .homeBoxC-e a .d { margin-bottom: 12px; }
}


.homeBoxD { padding:11vw 0 10vw; background: url(../img/hdbg.jpg) no-repeat center/cover; }
.homeBoxD .an { margin-top: 3vw; }
@media(max-width: 1100px){
    .homeBoxD { padding: 40px 0 50px; }
    .homeBoxD .an { margin-top: 30px; }
}

.homeBoxE { padding: 3.5vw 0; background: #00c8aa; }
.homeBoxE-a { float:left; }
.homeBoxE-b { position: absolute; right:0; top:50%; transform:translateY(-50%); float:right; width:calc(100% - 500px); }
.homeBoxE-b ul li { float: left; width:calc(33% - 8px); margin-right: 10px; margin-top: 10px;}
.homeBoxE-b ul li:last-child { margin-right:0; width: calc(16% - 8px); }
.homeBoxE-b ul li .inp { font-size:12px; color:rgba(255,255,255,0.6); width: 100%; border:none; background: #04bba0; border-radius:3px; padding-left: 15px; height: 60px; }
.homeBoxE-b ul li .sub { font-size:15px; color:#04bba0; width: 100%; border:none; background: #fff; border-radius:3px; padding-left: 0; height: 60px; }
.homeBoxE-b ul li select { vertical-align:top; font-size:12px; color:rgba(255,255,255,0.6); width: 100%; border:none; background: #04bba0; border-radius:3px; padding-left: 8px; height: 60px; }
.homeBoxE-b ul li select option { line-height: 2; }

.homeBoxE-b ul li .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: rgba(255,255,255,0.6); 
}
.homeBoxE-b ul li .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: rgba(255,255,255,0.6);
}     
.homeBoxE-b ul li .inp:-ms-input-placeholder
{
        color: rgba(255,255,255,0.6);
}     
.homeBoxE-b ul li .inp::-webkit-input-placeholder {
        color: rgba(255,255,255,0.6);
}

@media(max-width: 1680px){
    .homeBoxE-b { width: calc(100% - 400px); }
    .homeBoxE-b ul li .inp,.homeBoxE-b ul li .sub,.homeBoxE-b ul li select { height: 50px; }
}
@media(max-width: 1480px){
    .homeBoxE-b ul li .inp,.homeBoxE-b ul li select { padding-left: 10px; font-size:14px; }
    .homeBoxE-b { width: calc(100% - 300px); }
    .homeBoxE-b ul li .inp,.homeBoxE-b ul li .sub,.homeBoxE-b ul li select { height: 50px; }
}
@media(max-width: 1100px){
    .homeBoxE { padding: 30px 0; }
    .homeBoxE-b { width: 100%; margin-top: 20px; position: relative; top:0; transform:translateY(0); }
    .homeBoxE-b ul li { width:calc(50% - 5px); margin-right: 10px; height: 50px; }
    .homeBoxE-b ul li:nth-child(2n) { margin-right:0; }
    .homeBoxE-b ul li:nth-child(n+3) { margin-top: 10px; }
    .homeBoxE-b ul li:last-child { margin-right:0; width: calc(40% - 8px); }
    .homeBoxE-b ul li .inp,.homeBoxE-b ul li .sub,.homeBoxE-b ul li select,.homeBoxE-b ul li { height: 46px; }
}



.ibannerA {  padding:150px 0 120px; background:#eee; }
.colorWhite { color: #fff!important; }
.sousuo_jg { background: #f6f7f8; padding: 4vw 0 10vw; }

.ibannerA .mainTit .t span { color:#e61018; }
.ibannerA .mainTit .t{
	font-size: 60px;
}
@media(max-width: 1100px){
    .ibannerA {  padding:100px 0 80px; }
    .searchNews { padding:0; }
    .sousuo_jg { padding: 30px 0 50px; }
}

.newsC ul li a { display: block; padding: 30px; }
.newsList .img { float: left; width: 27%;  }
.newsListA-b { float: right; width: 70%; }
.newsList li { position: relative; background: #fff; border-radius: 3px; border-bottom:  2px solid #d3f1ee; margin-top: 20px; }
.newsListA-b { position: absolute; top:50%; right:0;  transform: translateY(-50%); }
.newsList li .hot { z-index: 5; position: absolute; width: 92px; height: 52px; text-align: center; font-size: 14px; padding-left: 5px; color:#fff; line-height: 40px; background: url(../images/hotbg.png) no-repeat center/cover; top: 35px; right: -11px; }

.productB .newsList ul li:nth-child(1) { margin-top:0; }


.newsList li:hover .d { color:#25b7aa; }
.newsList li:hover .t { color:#264994; text-decoration: underline; }

.newsList li:after { content: ''; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; transition: all 0.6s; height: 3px; background: #999999; position: absolute; left: 0; bottom: -2px; width: 0%; }
.newsList li:hover:after { width: 100%; }

.newsListA-b .d { font-size: 14px;color:#264994; }
.newsListA-b .t { font-size: 18px;color:#333333; margin: 12px 0 20px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; height: 28px; line-height: 28px; }
.newsListA-b .c { font-size: 15px;color:#666666; margin: 0px 0 30px; height: 57px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newsListA-b .smallMore { font-size: 14px; color: #666666; padding-right: 32px; }

.smallMore { display: inline-block; font-size: 15px; padding-right:54px; color:#3d67ac; background: url(../images/mainmore.png) no-repeat right center; }

.newsList ul { margin-bottom:60px; }


.searNews .newsListA-b { position: relative; width: 100%; top:0; transform: translateY(0); }
.searNews .newsListA-b .c { height: auto; margin-top: 12px; }
.searNews .newsListA-b .t { margin: 0; height: auto; }


@media(max-width: 1680px){
	.newsB { padding:120px 0 100px; }
	.newsList ul { margin-bottom:50px; }
	.ibannerA .mainTit .t{
		font-size: 45px;
	}
}
@media(max-width: 1480px){
	.newsB { padding:90px 0 90px; }
	.newsListA-b .t { font-size: 18px; margin: 8px 0 16px; }
	.newsListA-b .c { margin-bottom: 20px; }
	.newsB-a .nyNav a { padding:8px 50px; margin: 0 8px; font-size: 16px;}
	.newsList ul { margin-bottom:40px; }
	.homeBoxB-b ul li a { width: 120px; display: block; padding: 10px 0; text-align: center; }
	.homeBoxB-b ul li { float: left; margin-left: 10px; }
	.newsList li .hot { width: 72px; height: 40px; font-size: 12px; padding-left: 4px; line-height: 33px; top: 15px; right: -8px; }
	.ibannerA .mainTit .t{
		font-size: 40px;
	}
}
@media(max-width: 1280px){
	.newsB { padding:70px 0 80px; }
	.newsC ul li a { padding: 20px; }
	.newsListA-b .t { font-size: 18px; margin: 5px 0 2px; }
	.newsListA-b .c { margin-bottom: 16px; }
	.newsList ul { margin-bottom:30px; }
	.ibannerA .mainTit .t{
		font-size: 30px;
	}
}
@media(max-width: 1100px){
	.newsList .img { width: 100%; }
	.newsListA-b { float: right; width: 100%; position: relative; transform: translateY(0); padding:16px 0; }
	.newsB { padding:50px 0 60px; }
	.newsC ul li a { padding: 20px 12px; }
	.newsList li { margin-top: 12px; }
	.newsListA-b .t { font-size: 18px; margin: 5px 0 2px; }
	.newsListA-b .c { margin-bottom: 16px; }
	.ibannerA .mainTit .t{
		font-size:25px;
	}
}
@media(max-width: 900px){
	.newsB { padding:30px 0 40px; }
	.newsListA-b .c {  height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; }
}
@media(max-width: 640px){
	.homeBoxB-b { position: relative; left:0; bottom:auto;text-align: left; margin-top:20px; }
	.homeBoxB-b ul li { float: left; margin:0 10px 0 0; }
	.newsC ul li a { padding: 14px 12px; }
	.newsListA-b .smallMore { display: none; }
	.newsListA-b .c { margin-bottom: 0;}
}
@media(max-width: 440px){
	.homeBoxB-b ul li a { width: 90px; padding: 8px 0; text-align: center; }
	.homeBoxB-b ul li { float: left; margin: 0 5px 0 0; }

}

/*2023-赵旭*/
.shiy{
    padding: 5.72vw 0 6.25vw;
}
.shiy .bt_zx{
    margin-top: 25px;
    line-height: 1.8;
    color: #324655;
}
.shiy ul{
    margin-top: 50px;
}
.shiy ul li{
    position: relative;
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    overflow: hidden;
}
.shiy ul li .lv{
    position: absolute;
    bottom: -100%;
    transition: all 0.6s;
    width: 100%;
}
.shiy ul li:hover .lv{
    bottom: 0;
    transition: all 0.6s;
}
.shiy ul li .lv .bt{
    width: 100%;
    position: absolute;
    top: 77px;
    padding: 0 6.25vw 0 2.6vw;
}
.shiy ul li .lv .ann{
    margin-top: 35px;
}
.shiy ul li .lv .ann i{
    font-style: normal;
    vertical-align: middle;
}
.shiy ul li .lv .ann span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 48px;
    height: 48px;
    border: 1px solid #80e4d5;
    border-radius: 50%;
    transition: all 0.6s;
    margin-left: 17px;
}
.shiy ul li .lv .ann span:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

}
.shiy ul li .lv .ann span:before{
    content: "";
    width: 30px;
    height: 2px;
    background: #80e4d5;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
}
.shiy ul li .lv .t{
    margin-top: 20px;
    line-height: 1.8;
    overflow: hidden;
     display: -webkit-box;
    -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
}
.shiy ul li img{
    border-radius: 10px;
}
.shiy ul li:nth-child(2n){
    margin-right: 0;
}
.shiy ul li .bt{
    color: #fff;
    position: absolute;
    bottom: 30px;
    padding-left: 30px;
}
@media(max-width:1200px){
    .shiy ul li .lv .ann{
        margin-top: 15px;
    }
    .shiy ul li .lv .bt{
        top: 40px;
    }
}
@media(max-width:1100px){
    .shiy{
        padding: 30px 0 40px;
    }
    .shiy .bt_zx{
        margin-top: 20px;
    }
    .shiy ul{
        margin-top: 30px;
    }
    .shiy ul li{
        width: 100%;
    }
    .shiy ul li .lv .bt{
        padding: 0 20px;
        top: 20px;
    }
    .shiy ul li .lv .bt .t{
        line-height: 1.6;
        margin-top: 8px;
    }
    .shiy ul li .bt{
        padding-left: 20px;
    }
    .shiy ul li .lv .bt .b{
        font-size: 20px;
    }
    .shiy ul li .lv .ann{
        display: none;
    }
    .shiy ul li .bt{
        font-size: 20px;
    }
}


.addFlsm { font-size: 16px; line-height: 2; }
.addFlsm p:nth-child(n+2) { margin-top: 16px; }
@media(max-width: 1024px){
    .addFlsm p:nth-child(n+2) { margin-top: 12px; }
}

.head .head_01 .daoh { padding:0; }

.head .head_01 .daoh li { padding: 27px 0; z-index: 5; }
.head .head_01 .daoh li .subA { position: absolute; background: #fff; width: 100%; left: 0; top: 76px; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; transition: all .3s; visibility: hidden; opacity: 0; }
/*.head .head_01 .daoh li .subA { opacity: 1; visibility: visible; }*/
/*.head .head_01 .daoh li:hover .subA { opacity: 1; visibility: visible; }*/
.head .head_01 .daoh>li.cur,.head .head_01 .daoh>li:hover { border-bottom:2px solid #00c8aa; }
.head .head_01 .daoh>li.cur a,.head .head_01 .daoh>li:hover a { color:#00c8aa; }

.head .head_01 .daoh li .subA { padding:3vw 0 3.6vw; }
.head .head_01 .daoh li .subA .container { max-width:1400px; }
.subA-a .left { float:left; width: 300px; }
.subA-a .left .t1 { font-size:22px;color:#2c4655; }
.subA-a .left .c1 { font-size:16px;color:#324655; line-height: 1.8; margin:15px 0 80px; }


.subA-a .left .an .an1 { width: 140px; color:#324655; }
.subA-a .left .an .an1:hover span { color:#324655; }
.subA-a .left .an .an1 i { border-color:#65747f; }
.subA-a .left .an .an1 i:before { background:#65747f; }
.subA-a .left .an .an1 i:after { background:#00c8aa; }

img,a { vertical-align:top; }
.subA-a .left2 { width: 494px; margin: 0 60px; padding-right: 60px; float:left; border-right:1px solid #ededed; }
.subA-a .left2 .img { border-radius: 15px; overflow: hidden; }

.subA-a .left3 { width: calc(100% - 920px); float:right; }
.head .head_01 .daoh .subA-a .left3 ul li { padding:0; margin:0; float:none; }

.head .head_01 .daoh .subA-a .left3 ul li a { display:block; transition:all 0.6s; padding: 16px 0; border-bottom:1px solid #ededed; font-size:14px;color:#2c4655; position: relative; }
.head .head_01 .daoh .subA-a .left3 ul li:nth-child(1) a { padding-top:5px; }

.head .head_01 .daoh .subA-a .left3 ul li a:after { content:''; width: 0; height: 1px; background: #00c8aa; position: absolute; left:0; bottom:-1px; z-index: 2; transition:all 0.6s; }
.head .head_01 .daoh .subA-a .left3 ul li a:hover:after { width: 100%; }
.head .head_01 .daoh .subA-a .left3 ul li a:hover { color:#00c8aa; }


@media(max-width:1500px){
    .subA-a .left { float:left; width: 300px; }
    .subA-a .left2 { width: 454px; margin: 0 40px; padding-right: 40px; }
    .subA-a .left3 { width: calc(100% - 840px); }
}

.backTop { width: 56px; height: 56px; background: #00c8aa; border-radius:8px; overflow: hidden; text-align:center; font-size: 14px; line-height: 56px; cursor: pointer; color:#fff; display: none; position: fixed; bottom:30px; right:30px; z-index: 1000; }



.aboutA-b .con { overflow-y: auto; overflow-x: hidden; height: 25vw; padding-right: 10px; }
.aboutA-b .con::-webkit-scrollbar { width: 4px; height: 4px; }
.aboutA-b .con::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); background: #25b7aa; }
.aboutA-b .con::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 0; background: rgba(0, 0, 0, 0.1); }

@media(max-width:1100px) {
  .aboutA-b .con { height: 270px; }
}