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:110px;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;}
.a_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;}
.a_box .box-title { font-size: 40px;margin-bottom: 30px;width: 100%;}


.n_about .m{ display: flex; align-items: center;}
.n_about .left{ width: 60%; padding-right: 4rem;}
.n_about .right{ width: 40%; flex-shrink: 0;}
.n_about .pic{ position: relative;}
.n_about .pic img{ height: 100%;max-width: 100%;}
.n_about .pic .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.n_about .pic .mask .btn_play{ width: 3rem; height: 3rem; display: block;}
.n_about .txt{}
.n_about .tt{ margin-bottom: 3.375rem;}
.n_about .tt span{ font-size: 1.125rem; color: #373737;font-family: "Barlow Condensed";text-transform: uppercase; letter-spacing: 3px;}
.n_about .tt p{ font-size: 3.75rem; color: #71c32b;font-family: "Barlow Condensed Bold";text-transform: uppercase;}
.n_about .tt p b{ color: #3d75c0;font-weight: 700;}
.n_about .tt h3{ font-size: 1.625rem; color: #272727; font-weight: bold; margin-top: 1.5rem;}
.n_about .tt i{ display: inline-block; vertical-align: middle; width: 17px; height: 3px; background: #71c32b; margin-right: 15px; }
.n_about .con{ font-size: 1rem; color: #767676; line-height: 2.9rem;text-indent: 2rem;text-align: justify;}
.n_about .con p {font-size:0.9vw;}



.n_wenhua{ padding-top: 3.75rem; padding-bottom: 3.75rem;}

.n_wenhua .whbox1 ul{ overflow: hidden; margin: -5px;}
.n_wenhua .whbox1 ul li{ width: 25%; float: left; padding: 5px; transition: .5s ease-out; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -ms-transition: .5s ease-out; -o-transition: .5s ease-out; }
.n_wenhua .whbox1 ul li .whbox{ height: 22.5rem; background: #f8f8f8; position: relative; z-index: 1; padding: 3.125rem;  }
.n_wenhua .whbox1 ul li .whbox:before{ content: ""; display: block; position: absolute; z-index: -1; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/wenhua.jpg) center no-repeat;background-size:100% 100%;  opacity: 0; visibility: hidden; transition: .9s; -webkit-transition: .9s; -moz-transition: .9s; -ms-transition: .9s; -o-transition: .9s; }
.n_wenhua .whbox1 ul li:nth-child(2) .whbox:before{ background: url(../images/wenhua02.jpg) center no-repeat;background-size:100% 100%;}
.n_wenhua .whbox1 ul li .ico{ margin-bottom: 1rem; width: 2rem; height: 2rem;}
.n_wenhua .whbox1 ul li .ico img{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_wenhua .whbox1 ul li .ico img.img02{ display: none;}
.n_wenhua .whbox1 ul li h3{ font-size: 1rem; color: #5a5a5a; margin-bottom: 4px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .whbox1 ul li span{ font-size: 1rem; color: #5a5a5a; display: block; margin-bottom: 3.75rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .whbox1 ul li p{ font-size: 1rem; line-height: 2rem; color: #5a5a5a; font-weight: bold; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .whbox1 ul li i{ display: block; width: 21px; height: 1.25rem; position: absolute; background: url(../images/wh_yinhao02.png) center no-repeat; background-size: contain; right: -3rem; border-bottom: -1.625rem;}
.n_wenhua .whbox1 ul li.on{ width: 50%; }
.n_wenhua .whbox1 ul li.on i{ background: url(../images/wh_yinhao01.png) center no-repeat;}
.n_wenhua .whbox1 ul li.on .whbox:before{ opacity: 1; visibility: visible;}
.n_wenhua .whbox1 ul li.on .ico img.img01{ display: none;}
.n_wenhua .whbox1 ul li.on .ico img.img02{ display: block;}
.n_wenhua .whbox1 ul li.on h3{ color: #fff;}
.n_wenhua .whbox1 ul li.on span{ color: #fff; }
.n_wenhua .whbox1 ul li.on p{ color: #fff; }


.n_wenhua .whbox2 ul{ overflow: hidden; margin: -5px;}
.n_wenhua .whbox2 ul li{ width: 25%; float: left; padding: 5px; transition: .5s ease-out; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -ms-transition: .5s ease-out; -o-transition: .5s ease-out; }
.n_wenhua .whbox2 ul li .whbox{ height: 20.5rem; background: #f8f8f8; position: relative; z-index: 1; padding: 3.125rem;  }
.n_wenhua .whbox2 ul li .ico{ margin-bottom: 1.375rem; width: 2rem; height: 2rem;}
.n_wenhua .whbox2 ul li .ico img{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_wenhua .whbox2 ul li .ico img.img02{ display: none;}
.n_wenhua .whbox2 ul li h3{ font-size: 1rem; color: #fff; margin-bottom: 4px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .whbox2 ul li span{ font-size: 1rem; color: #fff; display: block; margin-bottom: 3.75rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .whbox2 ul li p{ font-size: 0.8rem; position: relative; color: #fff; line-height: 1.5rem; font-weight: bold; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .whbox2 ul li i{ display: block; width: 21px; height: 1.25rem; position: absolute; background: url(../images/wh_yinhao02.png) center no-repeat; background-size: contain; right: -3rem; border-bottom: -1.625rem;}
.n_wenhua .whbox2 ul li.on i{  background: url(../images/wh_yinhao01.png) center no-repeat;}
.n_wenhua .whbox2 ul li:hover p{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.n_wenhua .whbox2 ul li:nth-child(1) .whbox{ background: #3d75c0;}
.n_wenhua .whbox2 ul li:nth-child(2) .whbox{ background: #2bc3ac;}
.n_wenhua .whbox2 ul li:nth-child(3) .whbox{ background: #71c32b;}
.n_wenhua .whbox2 ul li:nth-child(4) .whbox{ background: #9231e7;}
.n_wenhua ul li:hover .ico{ animation: jello 1s; -webkit-animation: jello 1s; }
@-webkit-keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@-moz-keyframes jello {
    from, 11.1%, to { -moz-transform: none; transform: none }
    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}




.n_zizhi{ width: 100%; padding: 3.75rem 0; overflow: hidden; background: url(../images/n_zizhi_bg.jpg) center top no-repeat; background-size: cover;}
.zizhi_list{}
.zizhi_list ul{ margin-top: -3rem;}
.zizhi_list ul li{ width: 25%; float: left; margin-top: 3rem;}
.zizhi_list ul li a{}
.zizhi_list ul li .pic{ width: 245px; height: 349px; margin: 0 auto; background: #fff;}
.zizhi_list ul li .pic img{ width: 100%; height: 100%; object-fit: contain;}
.zizhi_list ul li .desk{ width: 100%; height: 30px;}
.zizhi_list ul li p{ text-align: center; font-size: 1.125rem; font-weight: bold; color: #252525; line-height: 2rem;}





.n_hzhb{ width: 100%; padding: 6rem 0;  background: url(../images/n_hzhb_bg.jpg) center top no-repeat; background-size: cover;}

.hzhb_list ul li{width: 20%;padding:0 2%;}
.hzhb_list ul li *{ transition: .5s;}
.hzhb_list ul li .a{display:flex;height: 30vh;transform-origin: bottom;flex-direction: column;align-items: center;justify-content: center; position: relative; z-index: 1;}
.hzhb_list ul li .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,.3);border: rgba(255,255,255,.7) 1px solid;border-radius: .625rem; z-index: -1; transform: skewX(-5deg); transition: .5s;}
.hzhb_list ul li .a .img{

    position: relative;
    display: block;
    width: 6vw;
    height: 6vw;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    animation: star 16s infinite;
    -webkit-animation: star 16s infinite;
}
.img_zd {
    position: relative;
    width: 100%
}
.img_zd>img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: auto;
    height: auto;
    z-index: 1;
    max-width: 50%;
    max-height: 50%;
}
.hzhb_list ul li .a .img .img_hezi{ padding-bottom: 100% !important;}
.hzhb_list ul li .a .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #f5f5f5 1px solid; border-radius: 50%;}
.hzhb_list ul li .a p{ font-size:1rem;line-height:20px; margin:1.75rem 0 0}