html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

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

.clearfix { *zoom:1; }

a {
    cursor: pointer;
    color: inherit;
}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img[src=""]{opacity: 0;}

.f_12{ font-size:12px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_48{font-size: 48px;}

.f_50{font-size: 50px;}

.f_56{font-size: 56px;}

.f100{font-weight: 100;}


/* 关于 */

.banner{position: relative;overflow: hidden;}

.banner img{display: block;width: 100%;}

.banner .mimg{display: none;}

.banner .txt{position: absolute;width: 100%;top: 50%;left: 0;z-index: 2;color: #fff;}

.banner .txt .tc{margin-top: 25px;line-height: 1.5;letter-spacing: 2px;}

.nav1{background: #f5f8fa;border-bottom: 1px solid #e6e9eb;line-height: 70px;height: 70px;}

.nav1 .nbox{display: flex;overflow: hidden;}

.nav1 .nbox a{display: block;position: relative;color: #555;margin-right: 80px;height: 70px;}

.nav1 .nbox a s{display: block;width: 0%;height: 3px;position: absolute;left: 0;bottom: 0;z-index: 3;background: #1d96d5;}

.nav1 .nbox a.act{color: #000;}

.nav1 .nbox a:hover{color: #1d96d5;}

.nav1 .nbox a.act s,.nav .nbox a:hover s{width: 100%;}

.xian{display: block;width: 100px;height: 1px;background: #dbdbdb;margin-bottom: 45px}
.xian s{display: block;width: 50%;height: 1px;background: #b3b3b3;}
.ab{padding: 80px 0 0;}
.box {min-width: 1200px;width:100%;padding: 0 90px;  margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}
.box .box-title { font-size: 40px;margin-bottom: 30px;width: 100%;}


.ab1 .tt{margin:30px 0 50px ;}
.ab1 .abox{display: flex;justify-content: space-between;}
.ab1 .abox .alt{width: 51.4%;}
.ab1 .abox .alt .tc{color: #333;text-align: justify;line-height: 40px;margin-bottom: 60px;}
.ab1 .abox .alt .img img{display: block;width: 100%;position: relative;}
.ab1 .abox .alt .img .bf span{display: block;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.3);border-radius: 50%;position: absolute;top: 0;left: 0;z-index: -1;opacity: 0; animation: pulsate 1.5s ease-out infinite; -webkit-animation: pulsate 1.5s ease-out infinite;}
.ab1 .abox .art{width: 43%;position: relative;}
.ab1 .abox .art img{display: block;width: 100%;}
.ab1 .ubox{padding: 20px 0;display: flex;justify-content: space-between;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;position: relative;}
.ab1 .ubox .dl1{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ab1 .ubox .dl1 dd .dtt{color: #999;}
.ab1 .ubox .dl1 dd .dtc{margin: 30px 0 20px;color: #2477b2;}
.ab1 .ubox .dl1 dd .dtc .counter{font-size: 36px; }
.ab1 .ubox .dl1 dt{width: 100%;color: #666;}

@media (max-width:1280px){
    .ab1 .abox .alt .tc {
        font-size:14px;
    }
    .f_30 {
        font-size: 24px;
    }
    .f_20 {
        font-size: 16px;
    }
}



.ab3 .ul1{height:600px;background: url(../picture/ab_2_1.jpg) center no-repeat;color: #fff;text-align: center;background-size: cover;display: flex;}
.ab3 .ul1 li{width: 33.33%;position: relative;top: 20%;}
.ab3 .ul1 li .ico{display: block;width: 122px;margin: 0 auto 60px;border: 1px solid  rgba(255, 255, 255, 0.3);border-radius: 50%;position: relative;top: 0;transition: all ease-in-out 1s;}
.ab3 .ul1 li .xian{display: block;width: 40px;height: 1px;background:rgba(255, 255, 255, 0.3) ;margin: 25px auto;}
.ab3 .ul1 li .ltc{line-height: 1.6;}
.ab3 .ul1 li:hover .ico{transform: rotateY(180deg);}



.ab5 .slider{width: 100%;height: auto;overflow: hidden;}
.ab5 .slider ul li{width: 100%;height: auto;position: relative;}
.ab5 .slider ul li:after{content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.ab5 .slider-thumbs-main{width: 1200px;height: auto;margin: 0 auto;position: relative;}
.ab5 .slider-thumbs{position: absolute;width: 600px;left: 0;top: -50px;z-index: 10;}
.ab5 .slider-thumbs .swiper-slide{width: 178px;position: relative;}
.ab5 .slider-thumbs .swiper-slide:after{content: "";display: block;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 3px;left: 0;}
.ab5 .slider-thumbs .swiper-slide img{padding-top: 3px;}
.ab5 .slider-thumbs .swiper-slide.swiper-slide-active img{border: 5px solid #ffa800;padding-top: 0;}
.ab5 .slider-thumbs .swiper-slide.swiper-slide-active:after{display: none;}


.ab6 .gssl {width:100%}
.ab6 img {width:100%;height:400px}