
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; }

@font-face{  font-family: "Barlow Condensed Bold"; src: url(../fonts/barlowcondensed-bold.ttf);}
@font-face{  font-family: "Barlow Condensed"; src: url(../fonts/barlowcondensed-regular.ttf);}
@font-face{  font-family: "Barlow Condensed Medium"; src: url(../fonts/barlowcondensed-medium.ttf);}

.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;}


html {
    scroll-padding-top: 160px;
    scroll-behavior: smooth;
}
.nav_tbox_fixed {position: fixed;left:0;right:0;top:80px;margin-top:0;z-index: 99}
body {
    background: #eff2f7;
}


/* 关于 */

.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 .m-txt h3{font-size: 30px;}
.ab1 .m-txt .txt{margin: 30px 0;font-size: 16px;line-height: 36px;}
.ab1 {padding-bottom: 50px;}



.ab2 {
    position: relative;
    width:100%;
    height:100vh;
}
.ab2 .wh_l,.ab2 .wh_r {
    width:100%;
    position: absolute;
    top: 0;
    height: 100%;
}
.ab2 .wh_l {
    left:0
}

.ab2 .wh_r {
    right:0
}
.ab2 .con{position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
.ab2 .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ab2 .pic img{width: 100%;height: 100%;display: block;object-fit: cover;}

.ab2 .txt{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 3;
    text-align: center;
}
.ab2 .tit{position: absolute;top: 49%;left: 0;right: 0;color: #fff;
    transform: translateY(-50%);
}
.ab2 .tit h3{font-size: 2.5vw;font-weight: 300;margin-bottom: 30px;}
.ab2 .tit p{font-weight: bold;font-size: 1.5vw;}


.w_1400 {
    width:1400px;
    margin:0 auto;
}
.wenhua{ padding-top: 3rem; padding-bottom: 3rem;}

.wenhua .whbox1 ul{ overflow: hidden; margin: -5px;}
.wenhua .whbox1 ul li{ width: 50%; float: left;padding:10px;}
.wenhua .whbox1 ul li .whbox{ height: 22.5rem; background: #f8f8f8; position: relative; z-index: 1; padding: 3.125rem;  }
.wenhua .whbox1 ul li .whbox:before{ content: ""; display: block; position: absolute; z-index: -1; left: 0; bottom: 0; width: 100%; height: 100%;}
.wenhua .whbox1 ul li:nth-child(1) .whbox:before{ background: url(../images/wenhua01.jpg) center no-repeat;background-size:100% 100%;}
.wenhua .whbox1 ul li:nth-child(2) .whbox:before{ background: url(../images/wenhua02.jpg) center no-repeat;background-size:100% 100%;}
.wenhua .whbox1 ul li:nth-child(3) .whbox:before{ background: url(../images/wenhua03.jpg) center no-repeat;background-size:100% 100%;}
.wenhua .whbox1 ul li:nth-child(4) .whbox:before{ background: url(../images/wenhua04.jpg) center no-repeat;background-size:100% 100%;}
.wenhua .whbox1 ul li .ico{ margin-bottom: 1.375rem; width: 2rem; height: 2rem;}
.wenhua .whbox1 ul li h3{ font-size: 1.5rem; color: #fff; margin-bottom: 30px; }
.wenhua .whbox1 ul li span{ font-size: 1rem; color: #fff; display: block; margin-bottom: 3.75rem;}
.wenhua .whbox1 ul li p{ font-size: 1.125rem; line-height: 1.5rem; color: #fff; font-weight: bold; position: relative; display: inline-block; }
