@charset "UTF-8";
@font-face{
    font-family:'din'; 
    src: url('../font/din.OTF');
}

html {overflow-x: hidden;}
body { font-size: 15px; line-height: 1.2; margin: 0 auto; color: #333333; letter-spacing:0.5px; background-color: #ffffff; font-family:'Microsoft YaHei',Arial, sans-serif;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, li, ol { list-style: none;}
* {box-sizing: border-box;margin: 0;padding: 0;outline: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; outline: 0; vertical-align: middle;}

input, select, textarea, button, option{vertical-align: middle;resize: none; -webkit-appearance: none !important; appearance: none;outline: none;border: none; background: transparent; font-family:'Microsoft YaHei',Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; appearance: none;border-radius: 0; }

::-moz-selection { background: #197646; color: #ffffff; text-shadow: none; }
::selection { background: #197646; color: #ffffff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }

::-webkit-scrollbar {width: 8px;height: 8px;background-color: rgba(255,255,255,.1);}
::-webkit-scrollbar-thumb{border-radius: 50px; background:#197646;}
::-webkit-scrollbar-thumb:hover { background: #197646;}

a{ text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clear{ clear:both;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }

.fl{ float: left;}
.fr{ float: right;}
.container{width: 1560px; height: 100%; margin: 0 auto;}

/*======================等比填充======================*/
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%; object-fit: cover;}
.rect-50 {padding-bottom: 50%;}
.rect-67 {padding-bottom: 67%;}
.rect-693 {padding-bottom: 69.3%;}
.rect-100 {padding-bottom: 100%;}

.trans5{-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom img,.imgY180 img {-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom {overflow: hidden;-webkit-transform: rotate(0);transform: rotate(0);}
.imgZoom:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.imgY180:hover img {cursor: pointer; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);transform: rotateY(180deg)}

/*头部*/
.header{height:90px; z-index: 99;width: 100%; top:0; position:fixed; border-bottom: 1px rgba(255,255,255,.3) solid; transition:0.5s all;}
.header>.container{display: -webkit-flex;display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
.header .logo{ height:90px; display:flex;  align-items:center; transition:0.5s all;}
.header .logo img{ height:50px; display:block; transition:0.5s all;}
.header .nav{ display: flex;height:90px; transition:0.5s all;}
.header .nav>ul{display:flex; height:100%;}
.header .nav .drop{ display: inline-block; text-align: center;padding: 0 35px; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
.header .nav .drop:last-child{ padding-right: 0;}
.header .nav .drop>a{position: relative; height:100%; font-size: 16px; color: #333333; font-weight: bold; display:flex; justify-content:center;align-items:center;  }
.header .nav .drop:hover>a,.header .nav .drop.active>a{color: #197646; font-weight: bold;}
.header .nav .drop:hover>a::before,.header .nav .drop.active>a::before{content:'';position:absolute; width: 100%; height: 3px; background: #197646; bottom: 0; left: 0;z-index:2;}
.header .nav .drop .subNavbox{width:100%;position:absolute; top:100%;left:50%;background:rgba(255,255,255,.96); border-radius:5px;padding:20px 10px;opacity:0; pointer-events:none; transition:all .3s;-webkit-transform: translate(-50%,10px); transform: translate(-50%,10px);}
.header .nav .drop .subNavbox::before{content:'';position:absolute; width: 100%; height: 1px; background: #dddddd; top: 0; left: 0;}
.header .nav .drop .subNavbox a{display:inline-block;position:relative;font-size:15px; color: #333333; padding:0 20px; transition:0.3s all; text-align: center; }
.header .nav .drop .subNavbox a:hover{color:#197646; font-weight: bold;}
.header .nav .drop:hover .subNavbox{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1;}
.header.scroll{ height: 75px; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.header.scroll .logo{ height: 75px;}
.header.scroll .logo img{ height: 50px;}
.header.scroll .nav{ height: 75px;}
.header.active{ background: #ffffff;}

.banner {width:100%;position: relative; z-index:0; background:#000000; height:100vh; overflow:hidden;}
.banner .swiper-slide{ opacity: 0 !important;}
.banner .swiper-slide.swiper-slide-active{opacity: 1 !important;}
.banner .swiper-slide .bannerimg{ height:100vh; position:relative; z-index:1;}
.banner .swiper-slide .bannerimg img{width:100%;height:100%;transition: all 3s; transform: scale(1,1); -webkit-transform: scale(1,1); display:block;}
.banner .botton{position: absolute; width: 100%; bottom: 40px; z-index: 22;}
.banner .botton .container{position: relative;}
.banner .botton .swiper-button{ padding: 25px 30px; background: rgba(255,255,255,.5); float: right; display: flex; place-items: center;}
.banner .botton .swiper-button .button-prev,.banner .botton .swiper-button .button-next{ width: 35px; height: 35px; font-size: 16px;color: #197646; border-radius: 50%; background: #ffffff; display: flex; place-content: center; place-items: center; flex: 0 0 auto; cursor: pointer;}
.banner .botton .swiper-button .button-prev{ transform:rotateY(180deg);}
.banner .botton .swiper-button .button-prev:hover,.banner .botton .swiper-button .button-next:hover{ color: #ffffff; background: #197646;}
.banner .botton .swiper-button .pagination{padding: 0 30px; color: #333333; font-family: 'din';}
.banner .botton .swiper-button .pagination .zongshu{font-size: 14px; }
.banner .botton .swiper-button .pagination .dangqian{ font-size: 20px; color: #197646;}

.inabout{position: relative; padding: 70px 0; background: #ffffff;}
.inabout .biaoti {position: relative; z-index: 11; text-align: center;}
.inabout .biaoti .cn{ font-size: 32px;color: #333333; font-weight: bold;}
.inabout .biaoti .en{display: block; margin-top: 10px; font-size: 15px; color: #999999; font-family: 'din';  text-transform: uppercase; width: 100%; }
.inabout .biaoti .slogan{margin-top: 10px; font-size: 15px; color: #666666;}
.inabout .number{position: relative; margin-top: 50px;}
.inabout .number .item {position: relative;float: left;width: 25%; text-align: center; box-sizing: border-box;}
.inabout .number .item .T {display: -webkit-flex;display: flex;align-items: flex-end; place-content: center;}
.inabout .number .item .T .timer{font-size: 36px;color: #197646;font-family: 'din'; font-weight: bold; line-height: 1;margin-right: 10px;}
.inabout .number .item .T .num {font-size: 16px;color: #197646; font-weight: normal;}
.inabout .number .item .c {margin-top: 15px;font-size: 15px; color: #666666;}
.inabout .abcont{position: relative; margin-top: 50px; display: flex; justify-content: space-between;}
.inabout .abcont .left{position: relative; width: 51%; padding-right: 130px; background: url(../img/ablimgbg.png) left center no-repeat; background-size: contain;  box-sizing: border-box;}
.inabout .abcont .left .title{ font-size:28px; color: #333333; font-weight: bold;}
.inabout .abcont .left .line{margin-top: 30px; width: 50px; height: 3px; background: #197646;}
.inabout .abcont .left .cont{ margin-top: 50px; font-size: 15px; line-height: 32px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.inabout .abcont .left .more {position: relative;margin-top: 120px; display: block; width: 160px; line-height: 50px; font-size: 15px; color: #ffffff; text-align: center; border-radius: 25px; background: #197646; z-index: 3;}
.inabout .abcont .left .more .iconfont{font-size: 14px;}
.inabout .abcont .left .more::before{opacity: 0;visibility: hidden;content: '';position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: rgba(25, 118, 70, .4);border-radius: 50px; z-index: -3;}
.inabout .abcont .left .more:hover::before{ opacity: 1; visibility: visible; animation: bannerbuIn2 infinite linear 1.4s normal; -webkit-animation: bannerbuIn2 infinite linear 1.4s normal;}
@keyframes bannerbuIn2 {
    0% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    }

    100% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(1.5);
    }
}
.inabout .abcont .right{position: relative; width: 49%; display: grid; grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
.inabout .abcont .right .item .txt{font-size: 17px; color: #333333; font-weight: bold; line-height: 40px; text-align: center;}
.inabout .abcont .right .invideo{position:relative;}
.inabout .abcont .right .invideo .videobox .img{position: relative;}
.inabout .abcont .right .invideo .videobox .img .mask {position: absolute;text-align: center;top: 0;width: 100%;height: 100%;display: table;transition: all 0.5s;-webkit-transition: all 0.5s;}
.inabout .abcont .right .invideo .videobox .img .mask .videoed { font-size: 50px;color: #ffffff;text-align: center;display: table-cell;height: 100%;vertical-align: middle; cursor: pointer;}
.inabout .abcont .right .invideo .videobox .img:hover .mask {background: rgba(0,0,0,.5);}
.inabout .abcont .right .invideo .video{display: none;position: fixed;left: 0;top: 0;z-index: 9999;width: 100%;height: 100vh;background: rgba(0, 0, 0, .9);}
.inabout .abcont .right .invideo .video .videoList{position: relative;padding: 40px;background: #fff;width: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.inabout .abcont .right .invideo .video .close{position: absolute;right: 10px;top: 10px;border-radius: 100%;cursor: pointer;}

.inproduct{position: relative; padding: 70px 0; background: url(../img/productbg.jpg) center no-repeat; background-size: cover;}
.inproduct .biaoti {position: relative; z-index: 11; text-align: center;}
.inproduct .biaoti .cn{ font-size: 32px;color: #333333; font-weight: bold;}
.inproduct .biaoti .en{display: block; margin-top: 10px; font-size: 15px; color: #999999; font-family: 'din';  text-transform: uppercase; width: 100%; }
.inproduct .biaoti .slogan{margin-top: 10px; font-size: 15px; color: #666666;}
.inproduct .catproduct{position: relative; margin-top: 50px;}
.inproduct .catproduct .item{position: relative; width: 25%; float: left;}
.inproduct .catproduct .item .box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 35px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: end;}
.inproduct .catproduct .item .box .title{ height: 100%; padding-right: 50px; border-right: 1px rgba(255,255,255, 0) solid;}
.inproduct .catproduct .item .box .title .txt{position: relative; padding-top: 35px; font-size: 17px; color: #333333; font-weight: bold; writing-mode: tb-rl; height: 50%;}
.inproduct .catproduct .item .box .title .txt::before{position: absolute; content: ''; top: 0; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; border-radius: 50%; background: #197646;}
.inproduct .catproduct .item .box .title .en{ height: 50%; font-size: 14px; color: #aaaaaa; font-family: 'din'; text-transform: uppercase; writing-mode: tb-rl; }
.inproduct .catproduct .item .box .more{ width: 60px; height: 60px; font-size: 18px; color: #fff; border-radius: 50%; border: 1px #ffffff solid; opacity: 0; display: flex; justify-content: center; align-items: center; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.inproduct .catproduct .item:hover .box{ background: rgba(25, 118, 70, .8);}
.inproduct .catproduct .item:hover .box .title{ border-right: 1px rgba(255,255,255, .2) solid;}
.inproduct .catproduct .item:hover .box .title .txt{color: #ffffff;}
.inproduct .catproduct .item:hover .box .title .txt::before{ background: #ffffff;}
.inproduct .catproduct .item:hover .box .title .en{ color: #ffffff;}
.inproduct .catproduct .item:hover .box .more{opacity: 1; transform: rotate(360deg);}

.innovation{position: relative; padding: 70px 0;}
.innovation::before{ content: ''; position: fixed;  z-index: -1; top: 0;right: 0; bottom: 0; left: 0; background: url(../img/innovationbg.jpg) center 0 no-repeat; background-size: cover; display:block; }
.innovation .biaoti {position: relative; z-index: 11; text-align: center;}
.innovation .biaoti .cn{ font-size: 32px;color: #ffffff; font-weight: bold;}
.innovation .biaoti .en{display: block; margin-top: 10px; font-size: 15px; color: #ffffff; font-family: 'din';  text-transform: uppercase; width: 100%; }
.innovation .biaoti .slogan{margin-top: 10px; font-size: 15px; color: #ffffff;}
.innovation .novation{position: relative; margin-top: 100px;}
.innovation .novation .novationCent{position: relative;}
.innovation .novation .novationCent .swiper-slide{opacity: 0 !important;}
.innovation .novation .novationCent .swiper-slide.swiper-slide-active { opacity: 1 !important;}
.innovation .novation .novationCent .swiper-slide .name{ font-size: 24px; color: #ffffff; font-weight: bold;}
.innovation .novation .novationCent .swiper-slide .cont{ width: 40%; margin-top: 25px; font-size: 15px; color: #ffffff; line-height: 2;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.innovation .novation .novationTab{position: relative; margin-top: 90px;}
.innovation .novation .novationTab .swiper-wrapper{ height: 145px;}
.innovation .novation .novationTab .swiper-slide{position: relative; width:30%; padding: 30px 60px; background: #ffffff; box-sizing: border-box; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s; cursor: pointer;}
.innovation .novation .novationTab .swiper-slide::after{position: absolute; content: ''; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 50%; background: #d9d9d9;}
.innovation .novation .novationTab .swiper-slide:last-child::after{display: none;}
.innovation .novation .novationTab .swiper-slide .novationkey{ margin-bottom: 15px; font-size: 18px; color: #197646; font-weight: bold; text-align: center;}
.innovation .novation .novationTab .swiper-slide .simple{display: none; position: relative; padding-right: 40px; font-size: 20px; color: #ffffff; font-weight:bold; line-height: 45px; writing-mode: tb-rl;}
.innovation .novation .novationTab .swiper-slide .simple::after{position: absolute; content: ''; width: 1px; height: 100%; top:0; right: 0; background: rgba(255,255,255, .2);}
.innovation .novation .novationTab .swiper-slide .name{font-size: 20px; color: #333333; font-weight: bold; text-align: center;}
.innovation .novation .novationTab .swiper-slide .desc{display: none; }
.innovation .novation .novationTab .swiper-slide .line{margin: 15px auto 0; width: 10px; height: 10px; border-radius: 50%; background: #e1e3e2;}
.innovation .novation .novationTab .swiper-slide.swiper-slide-thumb-active{ width: 40%; background: #197646; display: flex; justify-content: flex-start; align-items: center;}
.innovation .novation .novationTab .swiper-slide.swiper-slide-thumb-active::after{display: none;}
.innovation .novation .novationTab .swiper-slide.swiper-slide-thumb-active .novationkey,.innovation .novation .novationTab .swiper-slide.swiper-slide-thumb-active .line{display: none;}
.innovation .novation .novationTab .swiper-slide.swiper-slide-thumb-active .simple{display: block;}
.innovation .novation .novationTab .swiper-slide.swiper-slide-thumb-active .name{ text-align: left; color: #ffffff;}
.innovation .novation .novationTab .swiper-slide.swiper-slide-thumb-active .desc{margin-top: 10px; font-size: 15px; color: #ffffff;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.innovation .novation .novationTab .swiper-slide.swiper-slide-thumb-active .txtbox{ padding-left: 35px;}
.innovation .novation .novationtion{position: relative; margin-top: 50px; color: #ffffff; font-family: 'din'; text-align: right;}
.innovation .novation .novationtion .novationzs{ font-size: 17px;}
.innovation .novation .novationtion .novationdq{ font-size: 32px; color: #197646;}

.innews{position: relative; padding: 70px 0; background: #f7f7f7;}
.innews .newstop{ display: flex; justify-content: space-between; align-items: center;}
.innews .newstop .biaoti {position: relative; z-index: 11; width: 35%; display: flex; justify-content: flex-start; flex-wrap: wrap;    align-items: baseline; }
.innews .newstop .biaoti .cn{ font-size: 32px;color: #333333; font-weight: bold;}
.innews .newstop .biaoti .en{margin-left: 10px; font-size: 15px; color: #999999; font-family: 'din';  text-transform: uppercase;}
.innews .newstop .biaoti .slogan{margin-top: 10px; font-size: 15px; color: #666666; line-height: 24px;}
.innews .newstop .more {position: relative;display: block; width: 160px; line-height: 46px; font-size: 15px; color: #197646; text-align: center; border-radius: 25px; border: 2px #197646 solid; background: none; z-index: 3;}
.innews .newstop .more .iconfont{font-size: 14px;}
.innews .newstop .more::before{opacity: 0;visibility: hidden;content: '';position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: rgba(25, 118, 70, .4);border-radius: 50px; z-index: -3;}
.innews .newstop .more:hover{ color: #ffffff; background: #197646;}
.innews .newstop .more:hover::before{ opacity: 1; visibility: visible; animation: bannerbuIn2 infinite linear 1.4s normal; -webkit-animation: bannerbuIn2 infinite linear 1.4s normal;}
.innews .catnews{position: relative; margin-top: 50px;}
.innews .catnews .newslist{display: grid; grid-gap: 55px; grid-template-columns: repeat(3,1fr);}
.innews .catnews .newslist li{padding: 40px 35px; background: #ffffff;}
.innews .catnews .newslist li .date{font-size: 15px; color: #333333; font-family: 'din';}
.innews .catnews .newslist li .title{margin-top: 15px; font-size: 17px; color: #333333; font-weight: bold; line-height: 26px; height: 52px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.innews .catnews .newslist li .imgnews{position: relative; margin-top: 20px;}
.innews .catnews .newslist li .decs{margin-top: 25px; font-size: 15px; color: #666666; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.innews .catnews .newslist li:hover{ box-shadow: 0 0 20px rgba(0, 0, 0, .05);}
.innews .catnews .newslist li:hover .title{color:#197646;}

.footer{position: relative; background: #ffffff;}
.footer .footbox{position: relative; margin-top: 60px; display: flex;justify-content: space-between;}
.footer .footnav{position: relative; width: 75%; display: flex; justify-content: space-between;}
.footer .footnav dl{position: relative;}
.footer .footnav dt{position: relative; font-size: 16px; color: #333333; font-weight: bold;}
.footer .footnav dd{ margin-top: 20px;}
.footer .footnav dd a{ display: block; font-size: 14px; color: #333333; line-height: 32px; }
.footer .footnav dd a:hover{color: #197646;}
.footer .footlx{width: 25%; text-align: right; box-sizing: border-box;}
.footer .footlx p{ font-size: 15px; color: #333333;}
.footer .footlx p:nth-of-type(2){margin: 20px auto; font-size: 38px; font-family: 'din';}
.footer .footlx p a{color: #333333;}
.footer .footbot{position: relative; margin-top:30px; margin-bottom: 30px; display: flex;justify-content: space-between;}
.footer .footbot .footlogo img{ height: 70px;}
.footer .footbot .footicon{display: flex; justify-content: space-between;}
.footer .footbot .footicon .item{position:relative; margin: 0 15px; width: 55px; height: 55px; border: 1px #aaaaaa solid; border-radius: 50%; display: flex;align-items: center; justify-content: center;}
.footer .footbot .footicon .item:last-child{margin-right: 0;}
.footer .footbot .footicon .item span{ font-size: 28px; color: #333333;}
.footer .footbot .footicon .item:hover{border: 1px #197646 solid;}
.footer .footbot .footicon .item:hover span{color: #197646;}
.footer .footbot .footicon .item .code{display: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: 65px;  padding: 5px; background: #ffffff; border-radius: 3px; box-shadow:0 10px 10px rgba(0,0,0, .1)}
.footer .footbot .footicon .item .code::after{position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: -6px; width: 0; height: 0; border-top: 6px solid #ffffff; border-right: 6px solid transparent; border-left: 6px solid transparent;}
.footer .footbot .footicon .item .code img{ width: 100px; height: 100px;}
.footer .footbot .footicon .item:hover .code{display: block;}
.copyRight{position: relative; border-top: 1px #dedddd solid; padding: 25px 0; font-size: 15px; color: #333333;}
.copyRight a{ font-size: 15px; color: #333333; }
.copyRight a:hover{color: #197646;}

/*二级页面 banner*/
.pbanner{ width:100%; position:relative; color: #fff;  overflow:hidden;}
.pbanner .bannerimg { position: relative; }
.pbanner .bannerimg img{width:100%; display:block; opacity:1;-webkit-animation: picMove 3s ease;animation: picMove 3s ease;}
@-webkit-keyframes picMove {
    0%{
        -webkit-transform:scale(1.05);transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1);transform:scale(1)
    }
}
@keyframes picMove {
	0%{
        -webkit-transform:scale(1.05);transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1);transform:scale(1)
    }
}
.pbanner .bannerText { position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.05); }
.pbanner .bannerText .container { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.pbanner .bannerText .container h5{margin-top: 10px; font-size: 34px; }
.pbanner .bannerText .container h6{font-size: 20px; line-height: 28px; font-weight: normal; font-family: 'din'; text-transform: uppercase; }
.placeholder{position: relative; width: 100%; height: 90px; background: #ffffff;}

.pagemain{position: relative;background: #f9f9f9;}
.pagemain .pagecont{position: relative; padding: 70px 0;}
.pagenav{position: relative; margin-top: -60px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1); background: #ffffff;}
.pagenav .crumbs{padding: 25px 30px; font-size: 15px; color: #cccccc; }
.pagenav .crumbs .fangzi{display: inline-block; width: 16px; height: 16px; margin-right: 20px; margin-bottom: -1px;  background: url(../img/home.png) center no-repeat; background-size: auto 15px;}
.pagenav .crumbs a{color: #666666;margin: 0 20px; font-size:15px;}
.pagenav .crumbs a:hover{color: #197646;}
.pagenav .crumbs span:last-child a{color: #197646;}
.pagenav .menunav{position: relative; border-top: 1px #f4f4f4 solid;}
.pagenav .menunav ul{display: flex; justify-content: space-between; align-items: center;}
.pagenav .menunav li{position: relative; width: 100%;border-right: 1px solid #f4f4f4;}
.pagenav .menunav li:last-child{border-right: none;}
.pagenav .menunav li::after{position: absolute; content: ''; left: 0; bottom: 0; width: 0; height: 2px; background: #197646;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s; }
.pagenav .menunav li a{display: block;font-size: 18px;color: #333333; text-align: center; line-height: 70px; text-decoration: none;}
.pagenav .menunav li:hover a,.pagenav .menunav li.active a{color: #197646; font-weight: bold;}
.pagenav .menunav li:hover::after,.pagenav .menunav li.active::after{ width: 100%;}
.pagenavshow{position: relative;margin-top: 0; border-top: 2px #ececec solid;  box-shadow:none;}
.pagenavshow.fixed{position: fixed; width: 100%; top: 75px; z-index: 999; background: #ffffff;}
.pagenavshow .container{display: flex; justify-content: space-between; align-items: center;}
.pagenavshow .backList{position: relative; font-size: 15px; color: #666666;}
.pagenavshow .backList::before{margin-right: 10px;}
.pagenavshow .backList:hover{color: #197646;}
.pagenavshow.fixed .crumbs{padding: 20px 30px; }

.pageabout{position: relative;}
.pageabout .infor{position: relative; padding: 50px 0; display: flex; justify-content:space-between;}
.pageabout .infor .left{width: 50%; padding-right: 80px; display: flex; align-items: center;}
.pageabout .infor .left .title{ font-size: 36px; color: #111111;}
.pageabout .infor .left .cont{ margin-top: 40px;  font-size: 15px; color: #333333; line-height: 1.8;}
.pageabout .infor .left .number{position: relative; margin-top: 50px; display: grid; grid-gap: 10px; grid-template-columns: repeat(4,1fr);}
.pageabout .infor .left .number .item {position: relative; box-sizing: border-box;}
.pageabout .infor .left .number .item .T {display: -webkit-flex;display: flex;align-items: flex-end; }
.pageabout .infor .left .number .item .T .timer{font-size: 36px;color: #197646;font-family: 'din'; font-weight: bold; line-height: 1;margin-right: 10px;}
.pageabout .infor .left .number .item .T .num{font-size: 16px;color: #197646; font-weight: normal;}
.pageabout .infor .left .number .item .c{margin-top: 15px;font-size: 15px; color: #666666;}
.pageabout .infor .right{width: 50%;}
.pageabout .infor .right img{ width: 100%; height: 100%; object-fit: cover;}
.pageabout .infor:nth-child(2n) .left{padding-left: 80px; padding-right: 0;}
.pageabout .infor:nth-child(2n) .right{order: -1;}
.pageculture{position: relative;}
.pageculture .item{width: 80%; padding: 50px 0; margin: 0 auto; text-align: center;}
.pageculture .item .iconfont img{ height: 50px;}
.pageculture .item .title{margin-top: 25px; font-size: 30px; color: #333333;}
.pageculture .item .cont{margin-top: 25px; font-size: 16px; line-height: 36px; color: #666666;}
.pagehistory{position: relative;}
.pagehistory .eventcent .swiper-slide{display: flex; align-items: center; justify-content: center; opacity: 0 !important;}
.pagehistory .eventcent .swiper-slide.swiper-slide-active{opacity: 1 !important;}
.pagehistory .eventcent .swiper-slide .num{ font-size: 350px; font-family: 'din'; color: #ececec; text-align: center; line-height: 1;}
.pagehistory .eventcent .swiper-slide .infor{position: absolute; padding: 25px; width: 50%; background: rgba(255,255,255,.7);}
.pagehistory .eventcent .swiper-slide .infor .title{ font-size: 40px; font-family: 'din'; color: #333333;}
.pagehistory .eventcent .swiper-slide .infor .title span{font-size: 24px; color: #333333;}
.pagehistory .eventcent .swiper-slide .infor .desc{ margin-top: 10px; font-size: 15px; line-height: 1.8; color: #333333;}
.pagehistory .eventcent .event-prev,.pagehistory .eventcent .event-next{position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; font-size: 20px; color: #197646; border-radius: 50%; background: #d1d1d1;display: flex;place-content: center;place-items: center; z-index: 9; cursor: pointer;}
.pagehistory .eventcent .event-prev.swiper-button-disabled,.pagehistory .eventcent .event-next.swiper-button-disabled{opacity: .6; cursor: auto;pointer-events: none;}
.pagehistory .eventcent .event-prev{ left: 0;transform: rotateY(180deg);}
.pagehistory .eventcent .event-next{right: 0;}
.pagehistory .eventcent .event-prev:hover,.pagehistory .eventcent .event-next:hover{ color: #ffffff; background: #197646;}
.pagehistory .eventtab{position: relative; margin-top: 50px;}
.pagehistory .eventtab::before{position: absolute; content: ''; width: 100%; height: 3px; top: 11px; left: 0; background: #dddddd;}
.pagehistory .eventtab .swiper-slide{position: relative; width: 12.5%; padding: 35px 0 0; text-align: center; font-size: 20px; color: #333333; font-family: 'din'; cursor: pointer;}
.pagehistory .eventtab .swiper-slide span{ font-size: 18px;}
.pagehistory .eventtab .swiper-slide.swiper-slide-thumb-active{ font-size: 30px; color: #197646;}
.pagehistory .eventtab .swiper-slide.swiper-slide-thumb-active span{font-size: 25px;}
.pagehistory .eventtab .swiper-slide::before{position: absolute; content: ''; width: 20px; height: 20px; top: 0; left: 50%; transform: translateX(-50%); border: 2px #dddddd solid; border-radius: 50%; background: #ffffff;}
.pagehistory .eventtab .swiper-slide::after{position: absolute; content: ''; width: 9px; height: 9px; top: 8px; left: 50%; transform: translateX(-50%); border-radius: 50%; background: #197646; display: none;}
.pagehistory .eventtab .swiper-slide.swiper-slide-thumb-active::before{border: 2px #197646 solid; }
.pagehistory .eventtab .swiper-slide.swiper-slide-thumb-active::after{display: block;}
.pageenvironment{position: relative; display: grid; grid-gap:30px; grid-template-columns: repeat(3,1fr);}
.pageenvironment .item{position: relative; width: 100%; cursor:pointer;}
.pageenvironment .item p{padding: 0 10px; line-height: 50px; text-align: center; font-size: 16px; color: #333333; background: #ffffff;}
.pageenvironment .item:hover p{ color: #197646;}

.pagehonor{position: relative;}
.pagehonor .inforbox{position: relative; margin-bottom: 50px; }
.pagehonor .inforbox .top{position: relative; text-align: center; margin-bottom: 50px;}
.pagehonor .inforbox .top .icon{margin: 0 auto;width: 60px; height: 60px; border: 1px #666666 solid; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.pagehonor .inforbox .top .icon img{height: 30px;}
.pagehonor .inforbox .top .title{ margin-top: 15px; font-size: 30px; color: #333333;} 
.pagehonor .honorbox{position: relative;}
.pagehonor .honorbox .honorlist{position: relative; margin: 0 90px;}
.pagehonor .honorbox .honorlist .swiper-slide{width: calc((100% - 60px) / 4) !important; margin-right: 20px; padding: 5px; background: #ffffff;}
.pagehonor .honorbox .honorlist .swiper-slide:last-child{ margin-right: 0;}
.pagehonor .honorbox .honorlist .swiper-slide .img { overflow: hidden; background: url(../img/honor_pic_bg.jpg) no-repeat center center; background-size: cover;padding: 5%;}
.pagehonor .honorbox .honorlist .swiper-slide .img .rect-67 {display: block;background-repeat: no-repeat;background-position: center center;background-size: contain;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));position: relative;}
.pagehonor .honorbox .honorlist .swiper-slide .img img {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;}
.pagehonor .honorbox .honorlist .swiper-slide .txt{border-top: 1px #d9d9d9 solid; margin-top: 10px; font-size: 17px; color: #444444; font-weight: bold; line-height: 50px; text-align: center;}
.pagehonor .honorbox .honorlist .swiper-slide:hover .txt{ color: #197646;}
.pagehonor .honorbox .honor-prev,.pagehonor .honorbox .honor-next{position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; background: #d1d1d1;display: flex;place-content: center;place-items: center; z-index: 9; cursor: pointer;}
.pagehonor .honorbox .honor-prev.swiper-button-disabled,.pagehonor .honorbox .honor-next.swiper-button-disabled{opacity: .6; cursor: auto;pointer-events: none;}
.pagehonor .honorbox .honor-prev{ left: 0; transform: rotateY(180deg);}
.pagehonor .honorbox .honor-next{right: 0;}
.pagehonor .honorbox .honor-prev:hover,.pagehonor .honorbox .honor-next:hover{color: #ffffff; background: #197646;}
.pagehonor .honorbox .honorlist1{position: relative; margin: 0 90px;}
.pagehonor .honorbox .honorlist1 .swiper-slide{width: calc((100% - 60px) / 4) !important; margin-right: 20px; padding:5px; background: #ffffff;}
.pagehonor .honorbox .honorlist1 .swiper-slide:last-child{ margin-right: 0;}
.pagehonor .honorbox .honorlist1 .swiper-slide .img { overflow: hidden; background: url(../img/honor_pic_bg.jpg) no-repeat center center; background-size: cover;padding: 5%;}
.pagehonor .honorbox .honorlist1 .swiper-slide .img .rect-67 {display: block;background-repeat: no-repeat;background-position: center center;background-size: contain;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));position: relative;}
.pagehonor .honorbox .honorlist1 .swiper-slide .img img {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;}
.pagehonor .honorbox .honorlist1 .swiper-slide .txt{border-top: 1px #d9d9d9 solid; margin-top: 10px; font-size: 17px; color: #444444; font-weight: bold; line-height: 50px; text-align: center;}
.pagehonor .honorbox .honor1-prev,.pagehonor .honorbox .honor1-next{position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; background: #d1d1d1;display: flex;place-content: center;place-items: center; z-index: 9; cursor: pointer;}
.pagehonor .honorbox .honor1-prev.swiper-button-disabled,.pagehonor .honorbox .honor1-next.swiper-button-disabled{opacity: .6; cursor: auto;pointer-events: none;}
.pagehonor .honorbox .honor1-prev{ left: 0; transform: rotateY(180deg);}
.pagehonor .honorbox .honor1-next{right: 0;}
.pagehonor .honorbox .honor1-prev:hover,.pagehonor .honorbox .honor1-next:hover{color: #ffffff; background: #197646;}
.pagehonor .honorbox .honorlist2{position: relative; margin: 0 90px;}
.pagehonor .honorbox .honorlist2 .swiper-slide{width: calc((100% - 60px) / 4) !important; margin-right: 20px; padding: 5px; background: #ffffff;}
.pagehonor .honorbox .honorlist2 .swiper-slide:last-child{ margin-right: 0;}
.pagehonor .honorbox .honorlist2 .swiper-slide .img { overflow: hidden; background: url(../img/honor_pic_bg.jpg) no-repeat center center; background-size: cover;padding: 5%;}
.pagehonor .honorbox .honorlist2 .swiper-slide .img .rect-67 {display: block;background-repeat: no-repeat;background-position: center center;background-size: contain;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));position: relative;}
.pagehonor .honorbox .honorlist2 .swiper-slide .img img {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;}
.pagehonor .honorbox .honorlist2 .swiper-slide .txt{border-top: 1px #d9d9d9 solid; margin-top: 10px; font-size: 17px; color: #444444; font-weight: bold; line-height: 50px; text-align: center;}
.pagehonor .honorbox .honor2-prev,.pagehonor .honorbox .honor2-next{position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; background: #d1d1d1;display: flex;place-content: center;place-items: center; z-index: 9; cursor: pointer;}
.pagehonor .honorbox .honor2-prev.swiper-button-disabled,.pagehonor .honorbox .honor2-next.swiper-button-disabled{opacity: .6; cursor: auto;pointer-events: none;}
.pagehonor .honorbox .honor2-prev{ left: 0; transform: rotateY(180deg);}
.pagehonor .honorbox .honor2-next{right: 0;}
.pagehonor .honorbox .honor2-prev:hover,.pagehonor .honorbox .honor2-next:hover{color: #ffffff; background: #197646;}

.pagejiyu{ font-size:22px; color:#333333; line-height:1.6; font-family: "隶书", serif; font-weight: 500;}
.pagejiyu p a{font-size: 22px !important;}
.pagejiyu img{max-width:100%; margin:5px 0;}
.pagejiyu table{border-collapse:collapse;width:100% !important;}
.pagejiyu table,.pagescience tr{ font-size: 22px; color: #333333; }
.pagejiyu table,.pagescience th,.pagescience td{ border: 1px solid #333333; text-align: center;font-size: 22px;}
.pagejiyu p a:hover{color: #197646;}

.pagescience{ font-size:15px; color:#333333; line-height:2;}
.pagescience p a{font-size: 15px !important;}
.pagescience img{max-width:100%; margin:5px 0;}
.pagescience table{border-collapse:collapse;width:100% !important;}
.pagescience table,.pagescience tr{ font-size: 15px; color: #333333; }
.pagescience table,.pagescience th,.pagescience td{ border: 1px solid #333333; text-align: center;font-size: 15px;}
.pagescience p a:hover{color: #197646;}

.pageproduct{position: relative;}
.pageproduct .inforbox{position: relative; margin-bottom: 50px; }
.pageproduct .inforbox .top{position: relative; text-align: center; margin-bottom: 50px;}
.pageproduct .inforbox .top .icon{margin: 0 auto;width: 60px; height: 60px; border: 1px #666666 solid; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.pageproduct .inforbox .top .icon img{height: 30px;}
.pageproduct .inforbox .top .title{ margin-top: 15px; font-size: 30px; color: #333333;} 
.pageproduct .prductbox{position: relative; display: grid; grid-gap: 35px; grid-template-columns: repeat(4,1fr);}
.pageproduct .prductbox .item .txt{font-size: 16px; color: #333333; line-height: 50px; text-align: center;}
.pageproduct .prductbox .item:hover .txt{color: #197646;}
.showprod{position: relative;}
.showprod .inforbox{position: relative; display: flex; justify-content: space-between; padding-bottom: 30px;}
.showprod .inforbox::after{ position: absolute; content: ''; width: calc(100% + 60px); height: 190px; left: -30px; bottom: 0; background: #ffffff;}
.showprod .imgleft{ width: 40%;}
.showprod .imgleft .swiper{ overflow:visible;}
.showprod .imgleft .prodswitch{position: relative;}
.showprod .imgleft .prodswitch .swiper-wrapper{align-items: center;}
.showprod .imgleft .prodswitch .swiper-slide{opacity: 0 !important;  background: #000000;}
.showprod .imgleft .prodswitch .swiper-slide.swiper-slide-active{opacity: 1 !important;}
.showprod .imgleft .prodswitch .swiper-slidevideo{width: 100%; height: 100%; position: relative;}
.showprod .imgleft .prodswitch .swiper-slidevideo .slidevideo{ width: 100%; height: 100%; object-fit: contain; }
.showprod .imgleft .prodswitch .swiper-slidevideo .video_btn{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: none; font-size: 50px; opacity: .5; cursor: pointer;}
.showprod .imgleft .prodswitch .swiper-slidevideo .video_btn:hover{opacity: .8;}
.showprod .imgleft .prodswitch .pic{position: relative;width: 100%;height: 100%;}
.showprod .imgleft .prodswitch .pic .magnify{display: none;position: absolute;top: 0;left: 0;width: 140px;height: 140px;cursor: move;background-color: #fff;opacity: .5;filter:alpha(opacity=50);}
.showprod .imgleft .prodswitch .pic img{width: 100%;height: 100%;}
.showprod .imgleft .prodswitch .bigpic{display: none;position: absolute;top: 0;right: -510px;width: 500px;height: 350px; z-index: 333;border: 1px solid #fff;overflow: hidden;}
.showprod .imgleft .prodswitch .bigpic>img{position: absolute;top: 0;left: 0;width: 800px;height: 533px;}
.showprod .imgleft .prodswitchbtn{position: relative; margin-top: 20px;}
.showprod .imgleft .prodswitchbtn .swiper-slide{position: relative; width: calc((100% - 30px) / 4) !important; margin-right: 10px; cursor: pointer;}
.showprod .imgleft .prodswitchbtn .swiper-slide:last-child{ margin-right: 0;}
.showprod .imgleft .prodswitchbtn .swiper-slide::before{content: ""; position: absolute; left: 0;top: 0;
right: 0; bottom: 0; border-radius: 6px;border: 4px solid #f9f7f3; z-index: 1;}
.showprod .imgleft .prodswitchbtn .swiper-slide.swiper-slide-thumb-active::after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 6px;border: 1px solid #197646;z-index: 2;}
.showprod .imgleft .prodswitchbtn .swiper-slide img{border-radius: 8px;}
.showprod .imgleft .prodswitchbtn .swiper-slide #cover{ width:auto; height:100%; object-fit: contain;}
.showprod .imgleft .prodswitchbtn .swiper-slidevideo{width: 100%; height: 100%; position: relative;}
.showprod .imgleft .prodswitchbtn .swiper-slidevideo .slidevideo{ width: 100%; height: 100%; }
.showprod .titleright{ width: 54%;}
.showprod .titleright .title{margin-top: 30px; font-size: 28px; color: #197646; font-weight: bold;}
.showprod .titleright .desc{margin-top: 20px; font-size: 15px; line-height: 1.6; color: #666666;}
.showprod .showcont{position: relative; margin-top: 30px;}
.showprod .showcont .table_group{position: relative; margin-bottom:10px; display: flex; justify-content: space-between;}
.showprod .showcont .table_group:last-child{ margin-bottom:0;}
.showprod .showcont .table_group label{display: inline-block;  width: 110px; font-size: 16px; color: #ffffff; padding: 0 20px; line-height: 30px; height:30px; border-radius: 15px; background: #197646; text-align: justify;}
.showprod .showcont .table_group label::after {content: ""; display: inline-block; width: 100%;}
.showprod .showcont .table_group .price{ float: right; width: calc(100% - 130px); font-size: 16px; line-height: 30px; color: #333333;}
.showprod .content{ margin-top:30px; font-size:15px; color:#333333; line-height:2;}
.showprod .content p{line-height: 1.8 !important;}
.showprod .content p a{font-size: 15px !important; color:#333333;  }
.showprod .content img{max-width:100%;}
.showprod .content table{border-collapse:collapse;width:100% !important;}
.showprod .content table,.newsshow .content tr{ font-size: 15px; color: #333333;}
.showprod .content table,.newsshow .content th,.newsshow .content td{border: 1px solid #333333; text-align: center;font-size: 15px;}



.pagenews .newslist{display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 35px; }
.pagenews .newslist li{position: relative;}
.pagenews .newslist .first{ grid-column: 1 / span 2;}
.pagenews .newslist .first .img{position: absolute; width: 100%; height: 100%;}
.pagenews .newslist .first .img img{ width: 100%; height: 100%; object-fit: fill;}
.pagenews .newslist .first .infor{position: absolute; width:100%; left: 0; bottom: 0; padding: 30px 40px; box-sizing: border-box; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);}
.pagenews .newslist .first .infor .text{ font-size: 18px; color: #ffffff; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pagenews .newslist .first .infor .desc{margin-top: 15px; font-size: 15px; color: #ffffff;line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pagenews .newslist li .inforbox{position: relative; padding: 25px; background: #ffffff;}
.pagenews .newslist li .inforbox .date{ font-size: 14px; color: #333333; font-family: 'din';}
.pagenews .newslist li .inforbox .title{ margin-top: 20px; font-size: 18px; color: #333333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pagenews .newslist li .inforbox .desc{margin-top: 15px; font-size: 15px; color: #666666;line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pagenews .newslist li:hover .inforbox .title{color: #197646;}
.pagenews .newslist li .inforbox .more{position: relative; margin-top: 30px; width: 140px; height: 40px; line-height: 38px; font-size: 15px; color: #197646; text-align: center; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border: 1px #197646 solid;overflow: hidden;}
.pagenews .newslist li .inforbox .more .iconfont{ margin-left: 10px; font-size: 15px; display: inline-block; vertical-align: top;}
.pagenews .newslist li .inforbox .more:hover{color: #ffffff; background: #197646;}
.pageknowledge .knowledgelist{position: relative;}
.pageknowledge .knowledgelist li{transition: all ease 0.3s; margin-bottom:15px; padding:25px 173px 25px 153px; position:relative; background: #ffffff;}
.pageknowledge .knowledgelist li:last-child{margin-bottom:0;}
.pageknowledge .knowledgelist .date{ text-align:center; border-right:2px solid #dcdcdc; position:absolute; left:0; top:50%; transform: translateY(-50%); width:123px;font-size:18px; color:#666666; font-family:'din';}
.pageknowledge .knowledgelist .date i{ display:block; line-height:26px; font-size:26px; margin-top:5px;font-style: normal;}
.pageknowledge .knowledgelist .title{ line-height:20px; margin-bottom:9px; color:#333333; font-size:17px; font-weight: bold; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.pageknowledge .knowledgelist .desc{font-size:15px; color:#a8a8a8; line-height: 1.6; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pageknowledge .knowledgelist .more{ position:absolute; right:28px; top:50%;transform: translateY(-50%); width:44px; height:44px; line-height:44px; text-align:center; color:#197646; border-radius:50%; background: #e5e5e5;}
.pageknowledge .knowledgelist li:hover{ box-shadow: 0 15px 15px rgba(0, 0, 0, .05);}
.pageknowledge .knowledgelist li:hover .title{ color:#197646;}
.pageknowledge .knowledgelist li:hover .more{background: #197646; color:#ffffff;}
.pageknowledge .knowledgelist li:hover .date{ color:#197646;}
.page_download .downbox{ position: relative;}
.page_download .downbox .item{position: relative;padding: 25px;box-sizing: border-box; width: 100%; background: #ffffff; display: flex; justify-content: space-between;}
.page_download .downbox .item:nth-child(2n){ background: #eeeeee;}
.page_download .downbox .item .left{width: calc(100% - 80px); float: left; display: flex; align-items: center;}
.page_download .downbox .item .res_tit{ margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #000000; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.page_download .downbox .item .res_desc span{position: relative; font-size: 14px; color: #6a6a6a;padding: 0 15px;}
.page_download .downbox .item .res_desc span:first-child{ padding-left: 0;}
.page_download .downbox .item .res_desc span::after{ position: absolute; content: ''; width: 1px; height: 14px;right: 0; top:50%;transform: translateY(-50%); background: #cccccc;}
.page_download .downbox .item .res_desc span:last-child:after{ display: none;}
.page_download .downbox .item .res_icon{ float: left; width: 50px; text-align: center; padding: 12px 10px; font-size: 15px;color: #ffffff; font-weight: bold; background: #999999;font-family: 'din'; text-transform:uppercase;}
.page_download .downbox .item .res_name{ width: calc(100% - 70px); float: left; margin-left: 20px;}
.page_download .downbox .item:hover .res_icon{ background: #197646;}
.page_download .downbox .item:hover .res_tit{ color: #197646;}
.page_download .downbox .item .right{ width: 80px; float: right;display: flex; align-items: center; justify-content: flex-end;}
.page_download .downbox .item .right span:first-child{ font-size: 18px;}
.page_download .downbox .item .right span{font-size: 15px;color: #197646;}

.newsshow{position: relative;}
.newsshow .item_top{width: 100%;padding-bottom: 30px; border-bottom: 1px #e2e2e2 solid;}
.newsshow .item_top .pageT{margin-bottom: 10px; font-size: 24px;line-height: 1.5;color: #333333;}
.newsshow .item_top .operate{position: relative; display: flex; justify-content: space-between;}
.newsshow .item_top .operate .left{display: flex;}
.newsshow .item_top .operate .left .showtime{ font-size: 15px; margin-right: 30px; color: #666666;}
.newsshow .item_top .operate .left .browse{font-size: 15px; margin-right: 30px; color: #666666;}
.newsshow .item_top .operate .left input{font-size: 18px; color: #333333; margin-right: 20px; font-family: 'din'; cursor: pointer;}
.newsshow .item_top .operate .left input:hover{color: #197646;}
.newsshow .item_top .operate .item{position: relative; width: 20%; padding: 0 20px; }
.newsshow .item_top .operate .item::after{position: absolute; content: ''; width: 1px; height: 80%; right: 0; top: 50%; transform: translateY(-50%); background: #dedede;}
.newsshow .item_top .operate .item:last-child::after{ display: none;}
.newsshow .item_top .operate .item .name{font-size: 16px; color: #666666;}
.newsshow .item_top .operate .item .tit{ margin-top: 15px; font-size: 24px; color: #333333; font-weight: bold;}
.newsshow .item_content{padding: 30px 0; font-size:15px; color:#333333; line-height:2;}
.newsshow .item_content p{line-height: 1.8 !important;}
.newsshow .item_content p a{font-size: 15px !important; color:#333333;  }
.newsshow .item_content img{max-width:100%; margin:5px 0;}
.newsshow .item_content table{border-collapse:collapse;width:100% !important;}
.newsshow .item_content table,.newsshow .item_content tr{ font-size: 15px; color: #444444;}
.newsshow .item_content table,.newsshow .item_content th,.newsshow .item_content td{border: 1px solid #333333; text-align: center;font-size: 15px;}
.newsshow .paging_nav{position: relative; margin-top: 30px; display: flex; justify-content: space-between; align-items: center; padding: 20px 40px; background: #ffffff;}
.newsshow .paging_nav .prevpage{position: relative; padding-left: 30px;}
.newsshow .paging_nav .prevpage a,.newsshow .paging_nav .nextpage a{ font-size: 15px; color: #666666;}
.newsshow .paging_nav .prevpage::before{position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 12px; background: url(../img/firstico.png) center no-repeat; background-size: auto 12px; }
.newsshow .paging_nav .nextpage{position: relative; padding-right: 30px;}
.newsshow .paging_nav .nextpage::before{position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 12px; background: url(../img/lastico.png) center no-repeat; background-size: auto 12px; }
.newsshow .paging_nav .prevpage:hover::before{background: url(../img/firsticoh.png) center no-repeat; background-size: auto 12px;}
.newsshow .paging_nav .nextpage:hover::before{background: url(../img/lasticoh.png) center no-repeat; background-size: auto 12px;}
.newsshow .paging_nav .prevpage:hover a,.newsshow .paging_nav .nextpage:hover a{color: #197646;}
.newsshow .paging_nav .backList{ width: 40px; height: 40px; border-radius: 50%; line-height: 40px; font-size: 15px; color: #333333; text-align: center; background: #f3f3f3; }
.newsshow .paging_nav .backList:hover{ color: #ffffff; background: #197646;}

.pageelegant{position: relative; display: grid; grid-gap:30px; grid-template-columns: repeat(3,1fr);}
.pageelegant .item{position: relative; width: 100%;}
.pageelegant .item p{padding: 0 10px; line-height: 50px; text-align: center; font-size: 16px; color: #333333; background: #ffffff;}
.pageelegant .item:hover p{ color: #197646;}

.pagejoin{ position:relative; display: grid; grid-gap: 20px; grid-template-columns: repeat(3,1fr);}
.pagejoin .item{background-color: #ffffff; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.pagejoin .item a{display: flex; flex-direction: column; justify-content: space-between; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s;-moz-transition: opacity 0.3s; transition: opacity 0.3s; padding:25px;}
.pagejoin .item .title{display: -webkit-box;font-size: 20px; font-weight:bold; line-height: 28px; color: #333333; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pagejoin .item .status{ margin-top: 15px; font-size: 15px; line-height: 24px; color: #a2a4a8;}
.pagejoin .item .status span{padding-right: 12px;margin-right: 12px;border-right: 1px solid #dddfe3;}
.pagejoin .item .status span:last-child{ border-right:none;}
.pagejoin .item:hover .title{ color:#197646;}

.pagebase{position: relative;}
.pagebase .basetop{padding: 40px; background: #ffffff;}
.pagebase .basetop .title{ font-size: 34px; color: #333333; font-weight: bold;}
.pagebase .basetop .title .iconfont{font-size: 30px; color: #333333; margin-left: 5px;}
.pagebase .basetop .baselist{position: relative; margin-top: 60px; display: flex; justify-content: space-between; align-items: center;}
.pagebase .basetop .baselist .item{position: relative; width: 25%; padding: 0 20px; text-align: center; box-sizing: border-box;}
.pagebase .basetop .baselist .item .iconfont{font-size: 30px; color: #333333;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.pagebase .basetop .baselist .item .text{margin: 25px auto 20px; font-size: 18px; font-weight: bold; color: #333333;}
.pagebase .basetop .baselist .item .mation{font-size: 15px; color: #666666;}
.pagebase .basetop .baselist .item::after{position: absolute; content: ''; width: 1px; height: 100%; right: 0; top: 0; background: #c7c7c7;}
.pagebase .basetop .baselist .item:last-child::after{display: none;}
.pagebase .basetop .baselist .item:hover .iconfont{color: #197646; transform: translateY(-10px);}
.pagebase .basemap{width: 100%; height: 320px;}

.pagemarketing{position: relative;}
.pagemarketing .marketingtop{padding: 40px; background: #ffffff;}
.pagemarketing .marketingtop .title{ font-size: 34px; color: #333333; font-weight: bold;}
.pagemarketing .marketingtop .title .iconfont{font-size: 30px; color: #333333; margin-left: 5px;}
.pagemarketing .marketingtop .marketinglist{position: relative; margin-top: 60px; display: flex; justify-content: space-between; align-items: center;}
.pagemarketing .marketingtop .marketinglist .item{position: relative; width: 25%; padding: 0 20px; text-align: center; box-sizing: border-box;}
.pagemarketing .marketingtop .marketinglist .item .iconfont{font-size: 30px; color: #333333;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.pagemarketing .marketingtop .marketinglist .item .text{margin: 25px auto 20px; font-size: 18px; font-weight: bold; color: #333333;}
.pagemarketing .marketingtop .marketinglist .item .mation{font-size: 15px; color: #666666;}
.pagemarketing .marketingtop .marketinglist .item::after{position: absolute; content: ''; width: 1px; height: 100%; right: 0; top: 0; background: #c7c7c7;}
.pagemarketing .marketingtop .marketinglist .item:last-child::after{ display: none;}
.pagemarketing .marketingtop .marketinglist .item:hover .iconfont{ color: #197646; transform: translateY(-10px);}
.pagemarketing .marketingmap{ width: 100%; height: 320px;}


.pageform{ position: relative;}
.pageform .flex-center{float: left; width: calc((100% - 40px) / 2) !important; margin-right: 40px; margin-bottom: 40px;display: flex;flex-direction: column;}
.pageform .flex-center:nth-child(2n){margin-right: 0;}
.pageform .flex-center label{margin-bottom: 20px; font-size: 16px; color: #333333;}
.pageform .flex-center label span{color: red; margin-right: 5px;}
.pageform .flex-center .input{padding-left: 40px; width: 100%; height: 50px; font-size: 16px; color: #333333;}
.pageform textarea {padding: 15px;width: 100%; font-size: 16px; color: #333333; background-color: #f2f2f2;}
.pageform .dis-flex-center{ margin-top: 40px; display: flex;align-items: center;}
.pageform .dis-flex-center .input-code{ display: flex;  align-items: center;}
.pageform .dis-flex-center .input-code .input{width:230px; height: 50px;padding-left: 20px; font-size: 16px; color: #333333; background: #f2f2f2;}
.pageform .dis-flex-center .input-code .code{ margin-left: 20px;}
.pageform .dis-flex-center .indexmore {margin-left: 20px; width: 210px;height: 50px; font-size: 17px; font-weight: bold; color: #ffffff; background: #197646; cursor: pointer;}
.pageform .dis-flex-center .indexmore:hover{background-image: -o-linear-gradient(120deg, #4cbc37,#197646);background-image: linear-gradient(120deg, #4cbc37,#197646);}
.pageform .input::-webkit-input-placeholder,.pageform textarea::-webkit-input-placeholder{ color: #999999; font-size: 15px;}
.inputName{background: url(../img/inputName.png) no-repeat center left 10px #f2f2f2; background-size: auto 18px;}
.inputTel{ background: url(../img/inputTel.png) no-repeat center left 10px #f2f2f2; background-size: auto 18px;}
.inputEmail{ background: url(../img/inputEamil.png) no-repeat center left 10px #f2f2f2; background-size: auto 18px;}
.inputAdd{ background: url(../img/inputAdd.png) no-repeat center left 10px #f2f2f2; background-size: auto 18px;}


/* fenye */
.pages { margin:0 auto; text-align:center; font-size:16px;}
.pages .pagination{ margin-top: 50px; padding: 20px 40px; background: #ffffff;}
.pages .pagination .open {position: relative; display:inline-block; height:40px; width: 40px;margin: 0 10px; line-height:38px; border:1px #666666 solid; border-radius: 50%; background:#ffffff; }
.pages .pagination .open a{text-align:center; color:#666666; font-size: 17px; font-family:'din'; display: block;}
.pages .pagination .open.active {background:#197646; text-decoration:none;  border:1px #197646 solid;}
.pages .pagination .open.active a{color:#ffffff;}
.pages .pagination .open.active:hover a{color:#ffffff;}
.pages .pagination .open:hover { text-decoration:none;  border:1px #197646 solid;}
.pages .pagination .open:hover a{color:#197646;}
.pages .pagination .first{position: relative; float: left; line-height: 45px; padding-left: 30px;}
.pages .pagination .first::before{position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 12px; background: url(../img/firstico.png) center no-repeat; background-size: auto 12px; }
.pages .pagination .last{position: relative; float: right; line-height: 45px;padding-right: 30px;}
.pages .pagination .last::before{position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 12px; background: url(../img/lastico.png) center no-repeat; background-size: auto 12px; }
.pages .pagination .first a,.pages .pagination .last a{ font-size: 16px; color: #666666;}
.pages .pagination .first:hover a,.pages .pagination .last:hover a{color: #197646;}
.pages .pagination .first:hover::before{background: url(../img/firsticoh.png) center no-repeat; background-size: auto 12px;}
.pages .pagination .last:hover::before{background: url(../img/lasticoh.png) center no-repeat; background-size: auto 12px;}
.pages .pagination span{ display:inline-block; height:26px; line-height:26px;  border:1px solid #cccccc; color:#333333; text-align:center; padding:0 13px;}
/* .pages1{ width:100%; padding: 40px 0; background: #ffffff;border-top: 1px #e5e5e5 solid; margin-top: 20px; }
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333333; font-size: 15px;}
.pages1_l:hover a{ color:#197646;}
.pages1_r{ float:left; width:100%;}
.pages1_r a{line-height:26px; color:#333333; font-size: 15px;}
.pages1_r:hover a{ color:#197646;} */


#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.9);
    z-index: 999;
}
#pictureViewer > .content{
    background-color: #ffffff;
    position: absolute;
    width: 70%;
    height: 70vh;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #197646;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../img/icon/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../img/icon/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../img/icon/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../img/icon/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../img/icon/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../img/icon/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../img/icon/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../img/icon/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #197646;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../img/icon/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../img/icon/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: relative;
    margin: auto;
    display: flex;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
   height: 100%;
}

@media screen and (max-width: 1560px){
    .container { width: 94%;}
    .header .nav .drop{padding: 0 30px;}
}