/* CSS Document */ html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;} address,caption,cite,code,dfn,em,strong,th,var,optgroup,i{font-style:inherit;font-weight:inherit;} *{box-sizing: border-box;font-size:14px;line-height:1em;} html, body {min-height: 100%;} body{min-width: 100%;} body {font:14px/1.5 "Microsoft YaHei";font-size:14px;color:#333;} h1, h2, h3, h4, h5, h6{font-weight:normal;} ul,ol,li{list-style: none;} img {border: none;vertical-align: middle;-ms-interpolation-mode: bicubic;} a {color: #333;text-decoration: none;} a:hover{text-decoration: none;} b{font-weight:normal;} table {border-collapse: collapse;table-layout: fixed;} tr,td{padding:0 !important;} input, textarea {outline: none;border: none;} textarea {resize: none;overflow: auto;} .fl{float: left} .fr{float: right;} .tl{text-align: left;} .tc{text-align: center} .tr{text-align: right;} .cl{clear:both;} .ov{overflow:hidden;} .dfc{display:flex;align-items:end;justify-content:center;} .dfv{display:flex;align-items:center;justify-content:center;margin:0;} .dfs{display:flex;align-items:end;justify-content:space-between;} .dfsv{display:flex;align-items:center;justify-content:space-between;width:60%;margin:0 auto;} .dfe{display:flex;align-items:end;justify-content:end;} .db, .lb, .dd{font-size:0;} .db>div, .lb>li, .dd>dl{display:inline-block;vertical-align:top;} em, .em,i{text-transform:uppercase;font-family:arial;vertical-align:top;display:block;} .ellipse {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;} .pr{position: relative;} .inline{display: inline-block;*display: inline;*zoom: 1;} .page,.w1400{width:1400px;margin:0 auto;max-width:100%;} :focus {outline:none;background-color:transparent;} ::selection{background:#3ab200;color: #fff;} @font-face { font-family: 'icontb'; /* Project id 2669570 */ src: url('//at.alicdn.com/t/font_2669570_yh78ngo847r.eot?t=1628733275230'); /* IE9 */ src: url('//at.alicdn.com/t/font_2669570_yh78ngo847r.eot?t=1628733275230#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_2669570_yh78ngo847r.woff2?t=1628733275230') format('woff2'), url('//at.alicdn.com/t/font_2669570_yh78ngo847r.woff?t=1628733275230') format('woff'), url('//at.alicdn.com/t/font_2669570_yh78ngo847r.ttf?t=1628733275230') format('truetype'), url('//at.alicdn.com/t/font_2669570_yh78ngo847r.svg?t=1628733275230#icontb') format('svg'); } @font-face { font-family: 'din'; src: url("../cssnew/din.eot.txt") format('embedded-opentype'), url("../cssnew/din.woff2.txt") format('woff2'), url("../cssnew/din.woff.txt") format('woff'), url("../cssnew/din.ttf.txt") format('truetype'), url("../cssnew/din.svg.txt") format('svg'); } @font-face { font-family: 'BigYoungMediumGB2.0'; src: url("../cssnew/bym.eot.txt") format('embedded-opentype'), url("../cssnew/bym.woff2.txt") format('woff2'), url("../cssnew/bym.woff.txt") format('woff'), url("../cssnew/bym.ttf.txt") format('truetype'), url("../cssnew/bym.svg.txt") format('svg'); } @font-face { font-family: 'Akrobat'; src: url("../cssnew/akr.eot.txt") format('embedded-opentype'), url("../cssnew/akr.woff2.txt") format('woff2'), url("../cssnew/akr.woff.txt") format('woff'), url("../cssnew/akr.ttf.txt") format('truetype'), url("../cssnew/akr.svg.txt") format('svg'); } /*headr*/ .headr{margin: 0 auto;position: relative;width: 100%;z-index: 10;} .h_adw{height:7.8125vw;position: relative;width: 100%;} .logo{display: flex;align-items: center;margin-left: 6.25vw;height: 100%;} .logo a{width: 11.45834vw;text-align: center;background: #3ab200;height: 8.854167vw;padding-top: 2.2395834vw;color: #fff;border-bottom-left-radius: 110px;border-bottom-right-radius: 110px;} .logo em{font-size:0.78125vw;opacity:0.6;display: block;margin-top: 8px;white-space:nowrap;} .logo p{margin-left: 38px;} .logo p b{font-size: 1.875vw;display: block;margin-bottom:11px;font-family: "BigYoungMediumGB2.0";font-weight: bold;line-height: 1.67vw;font-weight: bold;} .logo p b strong{font-size: 1.875vw;font-weight: bold;color: #3ab200;line-height: 1vw;} .logo p span{font-size: 0.9375vw;display: block;color: #666;} .logo img{width: 9.167vw;} .nav{height: 100%;margin-right: 6.25vw;} .nav>ul{display: flex;height: 100%;margin: 0;} .nav>ul>li{transition: 0.4s;margin: 0;} .nav > ul > li > a {color: #222;font-size: 0.9375vw;transition: 0.4s;line-height: 7.8125vw;display: block;} .nav>ul>li:after{width: 100%;height: 3px;background:#3ab200;content:'';transform: scale(0);margin-top: -3px;display: block;} .nav>ul>li+li{margin-left: 1.5625vw;} .nav>ul>li a em {font-size: 0;margin-right: 5px;transition: 0.3s;opacity: 0;display: inline-block;line-height: 150px;} .nav .cur{transition: 0.4s;} .nav>ul>li.cur>a,.nav>ul>li:hover>a,.nav>ul>li td:hover a{color: #3ab200;transition: 0.4s;} .nav>ul>li.cur:after,.nav>ul>li:hover:after{transition: 0.4s;transform: scale(1);} .nav>ul>li table, .nav>ul>li tbody{ display:block;width: 100%;height: auto;} .nav>ul>li tr{display: flex;justify-content: center;} .nav>ul>li td{width: 10%;} .nav>ul>li td a{display: block;line-height: 80px;font-size: 16px;} @media screen and (max-width: 1400px) { .logo{margin-left: 2%;} .nav{margin-right: 2%;} } @media screen and (max-width: 1700px) { .logo{margin-left: 2%;} .nav{margin-right: 2%;} } @media screen and (max-width: 1200px) { .logo em{font-size: 0.7vw;} } /*导航下拉*/ .drop { border-radius:0 0 5px 5px;opacity: 1; text-align:center;position: absolute;box-shadow: 0 20px 20px rgba(0,0,0,0.08);z-index: 9;top: 110%;left: 0;width:100%;text-align: center;background: rgba(255,255,255,0.9);visibility: hidden;opacity: 0;transition: 0.3s ease all; display:flex; justify-content:center; align-items:center;} .drop li{width: 10%;} .drop li>a {display: inline-block; font-size: 0.834vw !important;width: 100%;text-align: center;color: #333;line-height: 4.167vw;} .nav>ul>li:hover .drop{visibility: visible;opacity: 1;top: 100%;} .drop li>a:hover{color:#3ab200;} /*banner*/ .banner{width:100%;height:700px;overflow: hidden;position: relative;z-index:1;} .banner .bd{position: relative;z-index:2;} .banner .bd li{min-width:1200px;width:100%;height:700px;} .banner .bd li img{width:100%;height:700px;} .banner .hd{width:100%;height:100%;position:absolute;top:0;left:0;} .banner .hd ul{width:100%;position:absolute;bottom:30px;z-index:3;left: 50%;margin-left: -50%;} .banner .hd li{width:20px;height:10px;border-radius:10px;background:#fff;font-size:0;float: left;transition:all 0.5s;} .banner .hd li+li{margin-left:10px;} .banner .hd li.on{background:#3ab200;width: 30px;} .banner .hd a{width:50px;height:100px;border-radius:4px;background: rgba(24, 51, 122, 0.8);position:absolute;top:50%;margin-top:-50px;font-size:26px;color:#fff;text-align: center;line-height:100px;cursor: pointer;user-select:none;opacity:0;transition:all 0.5s;z-index:3;} .banner .hd a:hover{background: rgb(24, 51, 122);} .banner:hover .hd a{opacity:1;} /*search*/ #search {height:7.29167vw;border-bottom: 1px solid #eee;} .box{position: relative;display: flex;align-items: center;justify-content: space-between;height: 100%;} .search_l {} .search_l em{width: 35px;height: 35px;background: #3ab200;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size: 23px;font-weight: bold;color: #fff;} .search_l span {font-size: 0.834vw;color: #666;display: block;margin-bottom: 17px;} .search_l a {font-size: 0.834vw;color: #666;line-height: 0.834vw;display: inline-block;} .search_l a:hover {color: #3ab200;} .search_form{margin-left: 7.29167vw;} .search_r{position: relative;display: flex;align-items: center;border: 1px solid #ddd;width: 327px;border-radius: 20px;height: 40px;justify-content: space-around;} .search_r em{font-size: 44px;color: #3ab200;width: 36px;margin-right: 19px;margin-left: 24px;} .z{cursor: pointer;display: flex;align-items: center;justify-content: center;} .z_img{} .search_tel{display: flex;align-items: center;height: 100%;} .search_tel i{height: 100%;width: 1px;background: #eee;display: block;position: relative;margin-right: 2.7604167vw;} .search_tel i:before{position:absolute;content:'';top: 50%;left: 0;width: 1px;height: 36px;background: #3ab200;margin-top: -18px;} .search_tel p{display: flex;justify-content: space-between;align-items: center;} .search_tel p em{font-size: 3.125vw;margin-right: 20px;color: #3ab200;} .search_tel p span{font-family: din;font-size: 1.5625vw;} .search_tel p b{font-family: din;font-size: 1.5625vw;} /*bt*/ .bt{text-align: center;padding-top: 100px;margin-bottom: 60px;} .bt b{font-size: 42px;color: #333;font-weight: bold;position: relative;display: inline-block;} .bt b:before{position: absolute;width: 100px;height: 20px;content: "";background: url(//memberpic.114my.cn/0452301/uploadfile/image/20210810/20210810162233_959973208.png) no-repeat center;top: 50%;left: -120px;margin-top: -10px;} .bt b:after{position: absolute;width: 100px;height: 20px;content: "";background: url(//memberpic.114my.cn/0452301/uploadfile/image/20210810/20210810162233_639287837.png) no-repeat center;right: -120px;margin-top: -10px;top: 50%;} .bt p{display: block;margin-top:19px;font-size: 20px;font-weight: 100;} .bse b,.bse b strong,.bse p{color: #fff;} /*pz*/ .pz{padding: 100px 0;} .pz_c{display: flex;justify-content: space-between;} .pz_l{width: 43.4375vw;} .pz_l b{font-size: 46px;display: block;font-weight: bold;margin-bottom: 30px;} .pz_l b strong{font-size: 46px;color: #3ab200;} .pz_l span{display: block;font-size: 18px;font-weight: 100;} .pz_l i{width: 34.167vw;height: 1px;background: #eee;position: relative;margin: 33px 0 41px;} .pz_l i:before,.pz_l i:after{position: absolute;content:'';width: 15.625vw;} .pz_l i:before{height: 1px;top: -4px;background: #999;} .pz_l i:after{height: 2px;background: #3ab200;bottom: 0;} .pz_l p{font-size: 0.9375vw;line-height: 1.71875vw;} .pz_r{} .pz_r em{width: 460px;height: 255px;overflow: hidden;border: 1px solid #bfbfbf;border-radius: 20px;display: flex;align-items: center;justify-content: center;} .pz_r em i{border-radius: 20px;display: block;overflow: hidden;} .pz_b{margin-top: 60px;background: #fff;box-shadow: 0 0 30px rgba(0,0,0,.12);height: 168px;display: flex;align-items: center;justify-content: space-between;} .pz_b ul{display: flex;width: 90%;margin: 0 auto;justify-content: space-between;} .pz_b li{display: block;text-align: center;} .pz_b ul>em{border: 1px dashed #ddd;} .pz_b li i{font-size: 40px;line-height: 29px;} .pz_b li:last-child i{font-size: 60px;} .pz_b li b{font-size: 22px;display: block;margin: 20px 0 10px;} .pz_b li span{display: block;font-size: 14px;color: #999;font-weight: 100;} .pz_b li:nth-child(1){animation-delay: 0.1s;} .pz_b li:nth-child(2){animation-delay: 0.2s;} .pz_b li:nth-child(3){animation-delay: 0.3s;} .pz_b li:nth-child(4){animation-delay: 0.4s;} .pz_b li:hover i{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear} @-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)} 20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)} 30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)} 40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)} 50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)} 60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)} 70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)} 80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)} 90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)} 100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)} } @keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)} 20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)} 30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)} 40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)} 50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)} 60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)} 70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)} 80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)} 90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)} 100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)} } /*product*/ .pro_bg{background: #f5f5f5;padding-bottom: 100px;} .pro_c{} .pro_tab{position: relative;z-index: 10;} .pro_tab li{width: calc((100% - 45px)/ 4);height: 60px;transition: 0.3s ease all;position: relative;border-radius: 30px;overflow: hidden;} .pro_tab li+li{margin-left: 1px;} .pro_tab li>a {display: inline-block; font-size: 17px;width: 100%;text-align: center;color: #333;line-height: 60px;background: #eee;transition: 0.3s ease all;} .pro_tab>ul>li.on a,.pro_tab>ul>li:hover a{background: #3ab200;color: #fff;} .pro_con{z-index: 1;margin-top: 30px;} .pro_con tr{display: block;} .pro_con td{float: right;width: 29%;margin-left: 20px;margin-bottom: 20px;} .pro_con td:last-child{margin-right: 0;} .pro_con td br{display: none;} .pro_con td>span{height: 40px;width: 100% !important;background: #fff;text-align: center;display: block;} .pro_con td>span>a{font-size: 16px;display: block;line-height: 40px;} .pro_con td.proctd{float: left;width: 39%;margin-left: 0;margin-bottom: 0;transition: all 0.5s;} .pro_con td.proctd>a {height: 500px;} .pro_con td.proctd>a>img {width: auto;} .pro_con td.proctd span{height: 208px;text-align: left;padding: 30px 40px;} .pro_con td.proctd span>a{line-height: 100%;font-size: 20px;font-weight: bold;} .pro_con td.proctd span>p{display: flex;margin-top: 20px;} .pro_con td.proctd span>p>a{width: 170px;height: 40px;background: #fff;display: flex;align-items: center;justify-content: center;color: #333;font-size: 16px;border: 1px solid #ddd;transition: all 0.5s;} .pro_con td.proctd span>p>a:before{content:'\e64a';font-family:'icontb';margin-right: 10px;} .pro_con td.proctd span>p>a+a{margin-left: 10px;} .pro_con td.proctd span>p>a+a:before{content:'\e72f';} .pro_con td>a{display: block;overflow: hidden;width: 100%;} .pro_con td a img{width: 100%;display: block;transition: all 0.5s;height: 100%;} .pro_con td:hover img{transform:scale(1.1);} .pro_con td.proctd span>p>a:hover{background: #3ab200;color: #fff;border: 1px solid #3ab200;} .pro_con td.proctd span div{display: block !important;margin-top: 10px;} .pro_con td.proctd span div b{display: block;line-height: 25px;color: #999;} /*five_bg*/ .five_bg{background: url(//memberpic.114my.cn/0452301/uploadfile/image/20210810/20210810164256_1183650178.jpg) no-repeat center bottom;overflow: hidden;height: 820px;} .five dl{width: 290px;position: absolute;overflow: hidden;height: 175px;} .five dl dt{width: 100%;text-align: center;position: absolute;bottom: 0;left: 0;} .five dl dt em{font-size: 30px;color: #3ab200;font-family: 'din';font-weight: bold;} .five dl dt i{width: 24px;height: 24px;border-radius: 100%;background: #eee;margin: 10px auto 0;display: flex;align-items: center;justify-content: center;} .five dl dt i:after{position: absolute;content: '';width: 12px;height: 12px;background: #999;border-radius: 100%;} .five dl:hover dt i,.five dl.cur dt i{} .five dl:hover dt i:after,.five dl.cur dt i:after{background: #3bb200;} .five dl dd h5{width: 290px;text-align: center;font-size: 24px;color: #333;font-weight: normal;height: 40px;line-height: 40px;overflow: hidden;position: absolute;top: 40px;left: 0;-webkit-transition:all .5s;transition:all .5s;} .five dl dd p{width: 290px;text-align: center;font-size: 14px;color: #666;height: 48px;line-height: 24px;overflow: hidden;position: absolute;bottom: -66px;left: 0;-webkit-transition:all .5s;transition:all .5s;} .five dl:hover dd h5,.five dl.cur dd h5{font-weight: bold;top: 0;} .five dl:hover dd p,.five dl.cur dd p{bottom: 80px;} .five dl.five_dl01{top: 300px;left: -101px;} .five dl.five_dl02{top: 58px;left: 206px;} .five dl.five_dl03{top: -18px;left: 557px;} .five dl.five_dl04{top: 70px;right: 182px;} .five dl.five_dl05{top: 333px;right: -125px;} /*case*/ .case{background: #F2F2F2;width: 100%;overflow-x: hidden;position: relative;z-index: 1;padding-bottom: 100px;} .case:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 180px;background: #fff;z-index: -1;} .case_t{height: 70px;border-bottom: 1px solid #E2E2E2;display: flex;align-items: center;justify-content: space-between;width: 90%;margin: 70px auto 50px;} .case_t li{float: left;height: 82px;background: url(//memberpic.114my.cn/0452301/uploadfile/image/20210810/20210810174239_1231601014.jpg) no-repeat bottom center;text-align: center;} .case_t li:last-child{margin-right: 0;} .case_t li a{display: block;height: 82px;font-size: 20px;color: #000;line-height: 20px;} .case_t li a i{display: block;font-size: 12px;color: #666;line-height: 32px;opacity: 0.4;text-transform: uppercase;font-family: Arial;} .case_t li:hover{background: url(//memberpic.114my.cn/0452301/uploadfile/image/20210810/20210810174520_760794058.jpg) no-repeat bottom center;} .case_t li:hover a{color: #3ab200;} .case_con{height: 528px;} .poster-main {position: relative;margin:0 auto;} .poster-main .poster-btn {position: absolute;top: 0;cursor: pointer;} .poster-main .poster-prev-btn{right:0;} .poster-main .poster-prev-btn img{position: absolute;right: -120px;top: 50%;transform: translateY(-50%);} .poster-main .poster-next-btn{left:0;} .poster-main .poster-next-btn img{position: absolute;left: -120px;top: 50%;transform: translateY(-50%);} .poster-item{position: relative; margin: 0 auto; opacity: 1;} .poster-item dd{opacity: 0;visibility: hidden;transition: all 0.3s;position: absolute;left: 50%;bottom: 22px;width: 820px;height: 154px;transform: translateX(-50%);background: rgb(59 178 0 / 90%);padding: 0 44px;box-sizing: border-box;} .poster-item dd h4{padding: 34px 0 4px;} .poster-item dd h4 a{display: block;font-size: 18px;color: #fff;height: 30px;line-height: 30px;} .poster-item dd p{font-size: 14px;color: #fff;line-height: 24px;opacity: 0.7;width: 590px;} .poster-item dd .xq{position: absolute;font-size: 14px;color: #3ab200;line-height: 16px;width: 67px;height: 67px;padding: 17px 15px 0;box-sizing: border-box;text-align: center;background: #fff;border-radius: 50%;right: 44px;bottom: 40px;} .poster-main .poster-list .poster-item img {display: block;width: 100%;} .poster-main .poster-list .poster-item {position: absolute;left: 0;top: 0; opacity: 1;} .poster-main .poster-list .active dd{opacity: 1;visibility: visible;} /*super*/ .super{} .super h2{margin-bottom: 50px;} .super_con dl{float: left;width: 33.333%;position: relative;overflow: hidden;} .super_con dt img{display: block;width: 100%;} .super_con dd{position: absolute;left: 0;bottom: 0;width: 90%;padding: 60px 2.3vw 0;box-sizing: border-box;height: 14.0625vw; transition: height 0.5s; background: url(//memberpic.114my.cn/0452301/uploadfile/image/20210810/20210810181231_1833620548.png) no-repeat 2.3vw 170px; border-radius: 0px 3.125vw 0px 0px;} .super_con dd h3{font-size: 1.5625vw;color: #fff;line-height: 30px;margin-bottom: 30px;white-space: nowrap;} .super_con dd h3 i{display: block;font-size: 24px;line-height: 24px;font-weight: normal;padding-bottom: 18px;} .super_con dd p{opacity: 0;visibility: hidden;font-size: 0.729167vw;color: rgba(255,255,255,0.5);line-height: 24px;position: relative;margin-bottom: 24px;transition: all 0.3s;} .super_con dd p:after{position: absolute;width: 4px;height: 4px;content: "";background: #fff;left: -12px;top: 10px;border-radius: 50%;} .super_con dl.cur dd{height: 330px;background: rgb(58 178 0 / 90%);} .super_con dl.cur dd p{opacity: 1;visibility: visible;} @media screen and (max-width:1440px){ .super_con dd h3{font-size: 1.5625vw;} .super_con dd h3 i{font-size: 21.6px;} } /*g_lc*/ .g_lc{padding-bottom: 100px;} .m_lc{display: flex;align-items: center;justify-content: space-between;} .fa-spin {-webkit-animation: hvr-buzz-out 3s infinite linear;animation: hvr-buzz-out 3s infinite linear;} .fa-spin i{font-size: 60px;} .fa-spin i:first-child{} .fa-spin i:last-child{margin-right: -50px;color:#fff;} .g_lc dl:nth-child(2) dt i,.g_lc dl:nth-child(3) dt i,.g_lc dl:nth-child(4) dt i,.g_lc dl:nth-child(6) dt i{font-size: 50px;} .g_lc dl:nth-child(5) dt,.g_lc dl:nth-child(6) dt{width: 60px;} .g_lc dl:nth-child(5) dt i:last-child,.g_lc dl:nth-child(6) dt i:last-child{margin-right: -60px;} .g_lc dl{float: left;width:198px;height: 198px;border:1px solid #d9d9d9;padding-top: 24px;transition: all 0.3s linear 0s;} .g_lc dl:last-child{margin-right: 0;} .g_lc dt{overflow: hidden;display: flex;align-items: center;justify-content: center;height: 60px;width: 50px;margin: 0 auto 20px;} .g_lc dt i{display: block;transition: all 0.3s linear 0s;} .g_lc h3{line-height: 22px;text-align: center;font-size:22px;color:#000000;margin-bottom: 12px;} .g_lc p{padding: 0 18px;font-size: 14px;color: #999;text-align: center;line-height: 19px;} .g_lc dl:hover,.g_lc .cur{background: #3ab200;border:1px solid #3ab200;} .g_lc dl:hover h3,.g_lc .cur h3,.g_lc dl:hover p,.g_lc .cur p{color:#fff;} .g_lc dl:hover dt i:first-child,.g_lc .cur dt i:first-child{margin-left: -100px;} .g_lc dl:nth-child(5):hover dt i:first-child,.g_lc .cur:nth-child(5) dt i:first-child,.g_lc dl:nth-child(6):hover dt i:first-child,.g_lc .cur:nth-child(6) dt i:first-child{margin-left: -120px;} .g_lc dl:hover{ transform: translateY(-10px); } /*news*/ .news_box{background: #f9f9f9;padding-bottom: 80px;overflow: hidden;} .news_top{width:551px;margin: 0 auto 50px;display: flex;} .news_wz{ height:48px;line-height: 36px; } .news_wz b{font-size:26px;} .news_wz span{font-size:24px; margin-left: 8px; color: #ccc; text-transform: uppercase; font-family: Arial;} .news_wz em{font-size:16px; font-weight:200; display: block; color: #999;} .news_tab{margin-top:10px;} .news_tab li {float: left;background: #fff;box-shadow: 0px 0px 20px #eee;width: 171px;height: 42px;border-radius: 30px;display: flex;align-items: center;justify-content: center;} .news_tab li+li{margin-left:19px;} .news_tab li a{font-size:18px;font-weight:100;} .news_tab li.cur{color:#fff; background:linear-gradient(-45deg,#3ab200, #236a00);box-shadow:0px 0px 10px rgb(58 178 0 / 30%);width: 171px; height: 42px; line-height: 42px;} .news_tab li.cur a{color:#fff;} .news_a{margin-right: 17px;} .news_a em{position:relative;font-size: 20px;color: #c2c2c2; top:8px;} .news_a .sPrev, .news_a .sNext{position:absolute;top: 2px;font-size: 20px;color: #c2c2c2;cursor: pointer;} .news_a .sPrev{right: 5px;transform: rotate(-90deg);} .news_a .sNext{left: 5px;transform: rotate(90deg);} .news_a i:hover{color:#3ab200;} .news_list{height:501px;width:1400px;overflow: hidden; margin: auto;} .news_list .tempWrap {width: 100% !important;} .news_list .news_div{height:500px;} .news_list .news_div+.news_div{} .news_list .news_div_item{width: 23.65%;display: inline-block;position: relative;height:501px;transition:0.5s; padding: 20px; border: 1px #eee solid;} .news_list .news_div_item+.news_div_item{margin-left:1.79%;} .news_list .news_div_item_date{position: absolute;top:265px;display: inline-block;font-weight: 400;left: 19px;padding-left: 32px;height: 22px;} .news_list .news_div_item_date::before{position:absolute;content:'';background:url(//memberpic.114my.cn/0452301/uploadfile/image/20210811/20210811172615_2093090449.png) no-repeat left center;top: 0;left: 0;width: 22px;height: 22px;} .news_list .news_div_item_content{position: absolute;top:300px;left: 19px;padding-right: 14px;} .news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{float: left;font-size: 15px;line-height: 22px; color: #999;} .news_list .news_div_item_title{} .news_list .news_div_item_a{font-size: 16px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight: normal;} .news_list .news_div_item_a::before{position:absolute;content:'查看详情';bottom: -152px;left: 0;width: 130px;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 43px; border:1px #eee solid; font-weight: 100;} .news_list .news_div_item_a::after{position:absolute;content: '\e609';bottom: -141px;font-size: 25px;width: 18px;height: 14px;left: 130px;transition:0.5s;font-family: 'icontb';color: #9999;} .news_list .news_div_item_body{font-size: 14px;color: #666;font-weight: 100;line-height: 24px;} .news_list .news_div_item_pic{width:100%;height: 217px;display: block;overflow: hidden;border: 1px solid #eee;} .news_list .news_div_item_pic a{width:100%;display: block;height: 100%;} .news_list .news_div_item_image{height: auto;width: 100%;} .news_list .news_div_item:hover .news_div_item_a{color:#3ab200;transition:0.3s;} .news_list .news_div_item:hover .news_div_item_a::before{background: #3ab200;transition:0.5s;padding-left:40px;color: #fff;} .news_list .news_div_item:hover .news_div_item_a::after{left:120px;transition:0.5s;color: #fff;} /*about*/ .about{height:789px;overflow:hidden;background:#f5f5f5;} .about:before{position: absolute;content: '';background: #eee;width: 100%;height: 789px;border-bottom-left-radius: 200px;} .about .page{position:relative} .about .pic{width:960px;height:789px;position:absolute;left: 50%;top:0;margin-right: -960px;} .about .pic img{width:960px;height:789px} .about_info{width: 542px;float:left;padding-top:94px;} .about_info h2 a{display:block;padding-bottom:45px;background:url(//memberpic.114my.cn/0452301/uploadfile/image/20210811/20210811102902_321535907.png) no-repeat left bottom} .about_info h2 i{display:block;text-transform:uppercase;font-size:48px;font-weight:800;color:#333;line-height:1} .about_info h2 i b{opacity:0.1;color:#999;font-size: 80px;font-weight: bold;font-family: din;} .about_info h2 i b:last-child{font-weight:400;margin-left:16px} .about_info h2 strong{display:block;font-size:42px;line-height:100%;color:#333;margin:13px 0 19px;font-weight:bold;} .about_info h2 span{display:block;font-size:18px;line-height:100%;color:#333;font-weight:400} .about_info p{font-size:16px;line-height:30px;color:#666;margin:19px 0 83px;width:541px} .qyxx{position:relative} .qyxx_c{overflow: hidden;} .qyxx_c tr{display:block;} .qyxx_c td{width:254px;height: 191px;line-height:0;overflow:hidden;margin-right:33px;} .qyxx_c td:last-child{margin-right:0;} .qyxx .qyxx_prev{position:absolute;top: 50%;left:-58px;cursor:pointer;margin-top: -8px;} /*版权*/ .copy_bt{font-size:32px;color:#333;margin-bottom:25px;} .copy_bt span{font-family:"Akrobat";font-size:28px;color:#333;opacity:0.6;margin-left:10px;} .copy_row2{z-index:0;overflow:hidden;background:#f5f5f5;width:100%;min-width:100%;position: relative;margin:0 auto;padding:80px 13.020834vw;} .copy_list{float:left;padding:0px 1.966vw;border-left:1px #eee solid;height:220px;} .copy_list li a{display:block;color:#666;font-size:15px;line-height:30px;} .copy_list strong{display:block;} .copy_list strong a{color:#333;line-height:50px;font-size:19px;font-weight:normal;display:inline-block;position:relative;padding-bottom:20px;} .copy_list:hover strong a:after{width:100%;background:#09a201;} .copy_list:nth-child(1) {padding-left: 0px !important;} .copy_phone{background:url(//memberpic.114my.cn/0452301/uploadfile/image/20210811/20210811102947_303381275.png) no-repeat;width:228px;height:343px;position:absolute; top:16px;right:0;z-index:5;padding:70px 30px 20px;text-align:center;} .copy_phone ul{position:absolute;bottom:30px;left:30px;width:182px;text-align:center; height:40px;} .copy_phone ul li{display:inline-block;border-radius:50%;width:41px;height:41px;margin:0 5px;-webkit-transition:0.3s all ease;transition:0.3s all ease; background:#999;cursor:pointer;} .copy_phone ul li.cur{background:#3ab200;border-color:#3ab200;} .copy_phone ul li img{display:block;width:100%;height:100%;} .copy_ewm_cont{display:block;width:136px;position:absolute;height:136px;top:97px;left:47px;} .copy_ewm_cont img{display:block;width:100%;height:100%;} .copy_ewm_cont p{position:absolute;top:-35px;left:50%;color:#999;font-size:14px;margin-left:-56px;} .copy_phone ul li .icontb{font-size:20px;color:#fff;line-height: 41px;text-align:center;} .copy1_item2{padding-top:43px !important;} .copy1_item3{padding-top:43px !important;} .copy_row3 {margin:0 auto;font-size:15px;width:100%; border-top:1px #ddd solid;padding:0 13.020834vw;min-width:100%;background:#f5f5f5;} .copy_row3 a{color:#999;font-size:0.78125vw;} .copy_n{line-height:80px;color:#999;font-size:0.78125vw;float:left;} .copy_n a{display:inline-block;color:#999;font-size:inherit;font-size:14px;} .copy_nr{float:right;color:#999;line-height:80px;font-size:0.78125vw;} .copy_list strong a:before {content:"";position:absolute;width:30px;height:2px;background:#3ab200;bottom:15px;} .totalwidth{width:52%;float:left;} .nt{padding-left:0px !important;border-left:none !important;} .copy_row2:after {z-index:-1;content:"";width:48%;height:100%;right:0;top:0;background:#fafafa;position:absolute;opacity: 0.5;} .copy_tel{float:right;width:48%;padding-left:3vw;position:relative;} .copy_tel .t1 strong a{color:#333;line-height:50px;font-size:19px;font-weight: normal;display: inline-block; position: relative;padding-bottom: 20px;} .copy_tel .t1 strong a:before {content:"";position:absolute;width:30px;height:2px;background:#3ab200;bottom:15px;} .totalwidth{width:52%;float:left;} .t2 p{display: block;color: #666;font-size: 15px;line-height: 30px;} @media screen and (max-width: 1700px){ .copy_row3{padding: 0 1vw;} } @media screen and (max-width: 1700px){ .copy_row2{padding:60px 1vw;} } /*link*/ #link_box{width:100%;margin:0 auto;background: #f8f8f8;padding-bottom: 30px;} .friendlink { width: 11.875vw; line-height:40px; float: right;position: relative;background: #eee url(//memberpic.114my.cn/0452301/uploadfile/image/20210811/20210811103011_534997861.png) no-repeat 185px 10px;cursor:pointer;margin-top: 20px; margin-left: 1vw;} .friendlink .fri_L { width: 160px; height:40px; float: left; color: #ccc; font-size: 14px; line-height: 40px; padding-left: 50px;background: #f8f8f8;font-weight: 100;border-right: 0 none;box-sizing: border-box;} .friendlink .fri_R { height:40px; display: block; width: 160px; line-height:40px; position: absolute; left: 0;opacity: 0;filter: alpha(opacity=0);transition:0.3s all ease;} .friendlink .linkTagcs { width: 161px; max-height: 50px;overflow: hidden; transition: 0.3s all ease-in-out; position: absolute; bottom: 0px; z-index: 3; background:#f8f8f8;} .friendlink:hover .linkTagcs{ max-height: 200px; overflow-x: hidden; overflow-y: auto; } .friendlink .fri_R .linkTagcs li { float: none; line-height: 50px; text-align: left; text-indent: 10px; position: relative; } .friendlink .fri_R .linkTagcs li a { display: block; color: #666; font-size: 13px;font-weight: 100;width: 160px;line-height:40px;} .friendlink:hover .fri_R{opacity: 1;filter: alpha(opacity=100);} .link_com { font-size: 30px;color: #333;} .lin {display: flex;align-items: center;justify-content: space-between;}