
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%;}


.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_licheng{ padding-bottom: 9rem; background: url(../images/licheng_bg.jpg) center bottom no-repeat;}
.n_licheng .hd{ overflow: hidden; width: 100%; margin-bottom: 2rem;}
.n_licheng .hd .tt{ float: left;}
.n_licheng .hd .tt span{ font-size: 2rem; color: #71c32b;}
.n_licheng .hd .tt h3{ font-size: 1.625rem; color: #434343; margin-top: .75rem;}
.n_licheng .hd .arrowbox{ float: left;}
.n_licheng .slick-arrow{ display: inline-block; border-radius:50%; cursor:pointer; width: 3.4375rem; height: 3.4375rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_licheng .slick-prev2{ background: url(../images/licheng_left.png) center no-repeat; background-size: contain !important; margin-right: .75rem;}
.n_licheng .slick-next2{ background: url(../images/licheng_right.png) center no-repeat; background-size: contain !important;}
.n_licheng .slick-prev2:hover{ background: url(../images/licheng_left_on.png) center no-repeat; }
.n_licheng .slick-next2:hover{ background: url(../images/licheng_right_on.png) center no-repeat; }
.n_licheng .bd{ position: relative;}
.n_licheng .m{min-width: 1200px;
    width: 100%;
    padding: 0 90px;}
.licheng_slide{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.licheng_slide .m{ height: 100%;max-width: 1700px;
    margin: 0 auto;
    padding: 0 50px;
    display: block;}
.licheng_slide ul{ height: 100%;}
.licheng_slide ul li{ float: left; width: 13%; position: relative; height: 100%; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }
.licheng_slide ul li .txt{ position: absolute; padding-left: 24px;}
.licheng_slide ul li .txt .year{ font-size: 2rem; margin-bottom: 7px; color: #3d75c0;font-family: "Barlow Condensed Medium";transform:translateY(50px); opacity: 0; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); }
.licheng_slide ul li .txt .con{ font-size: .9375rem; line-height: 1.625rem; color: #626262; width: 20rem; transform:translateY(50px); opacity: 0; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); }
.licheng_slide ul li .txt:before{ content: ""; background: #fff; display: block; width: 11px; height: 11px; position: absolute; z-index: 99; left: 0; top: 1rem; border: 2px solid #71c32b; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.licheng_slide ul li .txt:after{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 1rem; background: #e2e2e2; left: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.licheng_slide ul li:nth-child(1) .txt{ bottom: 40%; padding-bottom: 4rem;}
.licheng_slide ul li:nth-child(2) .txt{ top: 56%; padding-top: 5rem;}
.licheng_slide ul li:nth-child(3) .txt{ bottom: 40%; padding-bottom: 6rem;}
.licheng_slide ul li:nth-child(4) .txt{ top: 65%; padding-top: 5rem;}
.licheng_slide ul li:nth-child(5) .txt{ bottom: 30%; padding-bottom: 13rem;}
.licheng_slide ul li:nth-child(6) .txt{ top: 65%; padding-top: 5rem;}
.licheng_slide ul li:nth-child(7) .txt{ bottom: 50%; padding-bottom: 13rem;}
.licheng_slide ul li:nth-child(even) .txt:before{ top: 6rem;}
.licheng_slide ul li:nth-child(even) .txt:after{ height: 6rem;}

.licheng_slide .slick-list,.licheng_slide .slick-track{ height: 100%; overflow: visible;}
.n_licheng ul.slick-current li .year{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
.n_licheng ul.slick-current li .con{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }


.n_wenhua{ padding-top: 3.75rem; padding-bottom: 3.75rem;}

.n_wenhua .whbox1 ul{ overflow: hidden; margin: -5px;}
.n_wenhua .whbox1 ul li{ width: 39.5%; 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: 1.375rem; 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: 1.125rem; 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: 1.125rem; line-height: 1.5rem; color: #5a5a5a; font-weight: bold; position: relative; display: inline-block; 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: 60.5%; }
.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: 33.333%; 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: 1.125rem; color: #5a5a5a; 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: #5a5a5a; 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: 1.125rem; position: relative; display: inline-block; color: #5a5a5a; 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.on .ico img.img01{ display: none;}
.n_wenhua .whbox2 ul li.on .ico img.img02{ display: block;}
.n_wenhua .whbox2 ul li.on h3{ color: #fff;}
.n_wenhua .whbox2 ul li.on span{ color: #fff; }
.n_wenhua .whbox2 ul li.on p{ color: #fff; }
.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(3) .whbox{ background: #71c32b;}
.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: 50px; margin: 0 auto; margin-top: -1rem; background: url(../images/zizhi_bg.png) center no-repeat; background-size: contain !important;}
.zizhi_list ul li p{ text-align: center; font-size: 1.125rem; font-weight: bold; color: #252525; line-height: 2rem;}





.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 .jsll strong {font-size: 18px;line-height:30px;}
.ab6 .jsll p {font-size: 16px;line-height:30px;text-indent:32px;text-align: justify;}

