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

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font-size: 14px; line-height: 1.4;  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;}
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: #058039; color: #ffffff; text-shadow: none; }
::selection { background: #058039; color: #ffffff; text-shadow: none; }
select{ outline: none;}

select::-ms-expand { display: none; }

::-webkit-scrollbar{width: 6px;height: 6px;}
::-webkit-scrollbar-thumb{ border-radius: 50px; background:#058039;}
::-webkit-scrollbar-track{border-radius: 10px !important;background: #EDEDED !important;}
::-webkit-scrollbar-thumb:hover{ background: #058039;}

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{ max-width: 1440px; 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-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)}

/*  通用more */
.more a{position: relative; display: inline-flex; align-items: center;  color: #058039; background:#ffffff; border-radius: 50px;}
.more a .t{position: relative; padding-left: 30px; z-index: 5;}
.more a .round{position: relative; z-index: 5; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: #058039; margin-left: 30px;}
.more a .round .iconfont{color: #ffffff;}
.more a::after { transition: all .36s; display: block; content: ''; width: 50px; height: 50px; border-radius: 40px;position: absolute;right: 0;top: 0;background: #058039;z-index: 1;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
.more a:hover {color: #ffffff;}
.more a:hover::after {width:100%;height: 100%;}
/*  通用readmore */
.readmore a{position: relative; display: inline-flex; align-items: center;  color: #058039; background:#f0f0f0; border-radius: 50px;}
.readmore a .t{position: relative; padding-left: 30px; z-index: 5;}
.readmore a .round{position: relative; z-index: 5; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: #058039; margin-left: 30px;}
.readmore a .round .iconfont{color: #ffffff;}
.readmore a::after { transition: all .36s; display: block; content: ''; width: 50px; height: 50px; border-radius: 40px;position: absolute;right: 0;top: 0;background: #058039;z-index: 1;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
.readmore a:hover {color: #ffffff;}
.readmore a:hover::after {width:100%;height: 100%;}

/* 通用视频弹窗*/
.video{display: none; position: fixed; left: 0;top: 0;z-index: 9999;width: 100%;height: 100vh;background: rgba(0, 0, 0, .9); z-index: 999;}
.video .videoList{position: relative;padding: 30px;background: #ffffff;width: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video .close{position: absolute;right: 10px;top: 10px;border-radius: 100%; font-size: 17px; color: #333333; cursor:   pointer;}
.video .close:hover{ color: #058039;}

/*头部*/
.header{height:100px; z-index: 99;width: 100%; position:fixed; top: 0; background: #ffffff;box-shadow: 0 0 15px rgba(0,0,0,0.1);  transition:0.5s all; }
.header .container{display: -webkit-flex;display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
.header .logo{ height:100px; display:flex; align-items:center; transition:0.5s all;}
.header .logo img{ height:60px; display:block; transition:0.5s all;}
.header .nav{ display: flex; height:100px; transition:0.5s all;}
.header .nav>ul{display:flex; height:100%;}
.header .nav .drop{position: relative; display: inline-block; padding: 0 30px; font-weight: bold; -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%; display:flex; justify-content:center;align-items:center; font-size: 18px; color: #333333; font-weight: bold;}
.header .nav .drop>a::before{ position: absolute; content: ''; width: 0; height: 3px; right: 0; bottom:0; background: #058039;-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;}
.header .nav .drop:hover>a,.header .nav .drop.active>a{color: #058039;font-weight: bold;}
.header .nav .drop:hover>a::before{ width: 100%; left: 0;}
.subNavbox{width:100%;position:absolute; top:100%;left:50%;  background:#058039; border-radius:5px;padding:15px;opacity:0; pointer-events:none; transition:all .3s;-webkit-transform: translate(-50%,10px); transform: translate(-50%,10px);}
.subNavbox p{ text-align: center; padding:8px 0;}
.subNavbox a{display:inline-block;position:relative;font-size:17px;color: #ffffff; font-weight:  normal; text-align: center;  transition:0.3s all; text-align: center;  text-transform: uppercase; opacity: .8;}
.subNavbox a.active,.subNavbox a:hover{ opacity: 1; font-weight: bold;}
.subNavbox.active{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;}
.placeholder{ width: 100%; height: 100px;}

/* banner */
.banner {width:100%;position: relative; z-index:0; background:#000000; overflow:hidden;}
.banner .swiper-slide .pic { width: 100%; height: calc(100vh - 100px) ; position:relative; z-index:1;}
.banner .swiper-slide .pic img{width:100%;height:100%; object-fit: cover; transition: all 3s; transform: scale(1,1); -webkit-transform: scale(1,1); display:block;}
.banner .swiper-slide-active .pic img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transition-delay:0.3s;}
.banner .pagination{position: absolute; width: 100%;bottom: 25px;}
.banner .pagination .container{position: relative;}
.banner .pagination .swiper-pagination{bottom: 0 !important;}
.banner .pagination .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 5px; border-radius: 50%; border: 2px #ffffff solid; background:none !important; opacity: 1;}
.banner .pagination .swiper-pagination .swiper-pagination-bullet-active{ border: 2px #058039 solid;}

.inproduct{position: relative; padding: 80px 0; background: #ffffff;}
.inproduct .productbox{position: relative; }
.inproduct .productbox .cateprodlist{position: relative; display: flex; justify-content:space-between; align-items: flex-end;}
.inproduct .productbox .cateprodlist .catename{position: relative;}
.inproduct .productbox .cateprodlist .catename .title{  font-size: 38px; color: #058039; font-weight: bold;}
.inproduct .productbox .cateprodlist .catename .subtitle{ font-size: 18px; color: #333333; font-weight: bold;}
.inproduct .productbox .cateprodlist .prodlist{ position: relative;}
.inproduct .productbox .cateprodlist .prodlist .swiper-slide{ display: inline-block; width: auto !important; font-size: 17px; color: #333333; font-weight: bold; cursor: pointer;}
.inproduct .productbox .cateprodlist .prodlist .swiper-slide.swiper-slide-thumb-active{ color: #058039;}
.inproduct .productbox .cateprodlist .prodlist .swiper-slide span{display: inline-block; padding: 0 20px;}
.inproduct .productbox .cateprodlist .prodlist .swiper-slide.swiper-slide-thumb-active span{ color: #333333;}
.inproduct .productbox .cateprodlist .prodlist .swiper-slide:last-child span{ display: none;}
.inproduct .productbox .prodcont{ position: relative; margin-top: 50px;}
.inproduct .productbox .prodcont .swiper-slide{ width: 100%; opacity: 0 !important;}
.inproduct .productbox .prodcont .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.inproduct .productbox .prodcont .swiper-slide .list{ display: flex;}
.inproduct .productbox .prodcont .swiper-slide .list .item{position: relative; width: calc((100% - 90px)/4); margin-right: 30px; padding-bottom: 25px; }
.inproduct .productbox .prodcont .swiper-slide .list .item::before{ position: absolute; content: ''; width: 0; height: 2px; right: 0; bottom:0; background: #058039; z-index: 2;-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 .productbox .prodcont .swiper-slide .list .item:hover::before{ width: 100%; left: 0;}
.inproduct .productbox .prodcont .swiper-slide .list .item::after{ position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 2px; background: #eeeeee; z-index: 1;}
.inproduct .productbox .prodcont .swiper-slide .list .item:last-child{ margin-right: 0;}
.inproduct .productbox .prodcont .swiper-slide .list .item .title{ margin-top: 25px; font-size: 18px; color: #333333; font-weight: bold;}
.inproduct .productbox .prodcont .swiper-slide .list .item .num{ margin-top: 5px; font-size: 14px; color: #999999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.inproduct .productbox .prodcont .swiper-slide .list .item .desc{ margin-top: 5px; font-size: 14px; color: #999999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.inproduct .productbox .prodcont .swiper-slide .list .item:hover .title{ color: #058039;}
.inproduct .productbox .prodcont .swiper-slide .readmore{ position: relative; margin: 50px auto 0; text-align: center;}

.inabout{position: relative;}
.inabout .aboutbox{background: url(../img/inaboutbg.jpg) center no-repeat; background-size: cover;}
.inabout .aboutbox .container{display: -webkit-flex;display: flex; justify-content: space-between;}
.inabout .aboutbox .aboutcont{position: relative; padding: 80px 0; width:60%; margin-right: 50px;}
.inabout .aboutbox .aboutcont .catename .title{  font-size: 38px; color: #058039; font-weight: bold;}
.inabout .aboutbox .aboutcont .catename .subtitle{ font-size: 18px; color: #333333; font-weight: bold;}
.inabout .aboutbox .aboutcont .cont{ margin-top: 50px; font-size: 16px; color: #333333; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 4;line-clamp: 4; -webkit-box-orient: vertical;}
.inabout .aboutbox .aboutcont .more{ position: relative; margin-top: 120px;}
.inabout .aboutbox .aboutvideo{ width: calc(100% - 60% - 50px); position: absolute; right: 0; height: 100%;}
.inabout .aboutbox .aboutvideo .video_bg{position: relative; z-index: 2; height: 100%;  overflow: hidden;}
.inabout .aboutbox .aboutvideo .video_bg img{ width: 100%;height: 100%; object-fit: cover;}
.inabout .aboutbox .aboutvideo .videobox{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.inabout .aboutbox .aboutvideo .videobox .mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.inabout .aboutbox .aboutvideo .videobox .mask .videoed{position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer;}

.innovate{position: relative; padding: 80px 0 20px; background: #ffffff;}
.innovate .catename{position: relative; text-align: center;}
.innovate .catename .title{  font-size: 38px; color: #058039; font-weight: bold;}
.innovate .innovatebox{ position: relative; margin-top:  50px;}
.innovate .innovatebox .innovatecont .swiper-slide{ opacity: 0 !important;}
.innovate .innovatebox .innovatecont .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.innovate .innovatebox .innovatecont .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.innovate .innovatebox .innovatecont .bg img{ width: 100%; height: 100%; background-size: cover;}
.innovate .innovatebox .innovatecont .box{position: relative; padding: 80px 10% 150px 10%;}
.innovate .innovatebox .innovatecont .box .title{ position: relative; display:  inline-block; font-size: 24px; color: #ffffff; font-weight: bold;}
.innovate .innovatebox .innovatecont .box .title::after{ position: absolute; content: ''; width: 100%; height: 3px; left: 0; bottom: -22px; background: #058039;}
.innovate .innovatebox .innovatecont .box .cont{width: 50%; margin-top: 50px; font-size: 15px; line-height: 2; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
.innovate .innovatebox .innovatecont .box .more{ position: relative; margin-top: 80px;}
.innovate .innovatebox .innovatetab{ position: relative; display: flex; transform: translateY(-60px);}
.innovate .innovatebox .innovatetab .swiper-wrapper{justify-content: center}
.innovate .innovatebox .innovatetab .swiper-slide{ width: auto; margin:0 70px; display: inline-block; cursor: pointer;}
.innovate .innovatebox .innovatetab .swiper-slide .iconfont{ width: 120px; height: 120px; border-radius: 50%; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); font-size: 40px; color: #333333; display: flex; justify-content: center; align-items: center;}
.innovate .innovatebox .innovatetab .swiper-slide .name{ margin-top: 15px; text-align: center; font-size: 18px; color: #333333; font-weight: bold;}
.innovate .innovatebox .innovatetab .swiper-slide.swiper-slide-thumb-active .iconfont,.innovate .innovatebox .innovatetab .swiper-slide.swiper-slide-thumb-active .name{ color: #058039;}

.innews{ position: relative; padding: 80px 0; background: url(../img/newsbg.jpg) center no-repeat; background-size: cover; }
.innews .newstop{ display: flex; justify-content: space-between; align-items: flex-end;}
.innews .newstop .catename{position: relative;}
.innews .newstop .catename .title{  font-size: 38px; color: #058039; font-weight: bold;}
.innews .newstop .catename .subtitle{ font-size: 18px; color: #333333; font-weight: bold;}
.innews .newstop .readmore{position: relative;}
.innews .newslist{ position: relative; margin-top: 50px;  display: grid;grid-gap:20px; grid-template-columns: repeat(4,1fr);}
.innews .newslist .item{ position: relative; background: #ffffff;}
.innews .newslist .item .content{ padding: 20px 15px;}
.innews .newslist .item .date{ font-size: 15px; color: #666666;}
.innews .newslist .item .title{ margin: 10px 0; font-size: 18px; color: #333333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.innews .newslist .item .desc{ font-size: 15px; color: #666666; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.innews .newslist .item .read{ margin-top: 20px; font-size: 15px; color: #666666;}
.innews .newslist .item .read .iconfont{ font-size: 14px; color: #058039;-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;}
.innews .newslist .item:hover .title{color: #058039;}
.innews .newslist .item .read:hover { color: #058039;}
.innews .newslist .item .read:hover .iconfont{ margin-left: 10px;}

.footer{ position: relative;}
.footer .topfoot{ background: #04893c url(../img/footbg.png) center no-repeat; background-size: cover;}
.footer .topfoot .container{display: flex; justify-content: space-between;}
.footer .topfoot .left{width: 54%;}
.footer .topfoot .left .flogo{display: flex; align-items: center; padding: 40px 0; border-bottom: 1px rgba(255, 255, 255, 0.2) solid; }
.footer .topfoot .left .flogo img{ height: 60px;}
.footer .topfoot .left .flogo p{ margin-left: 40px; font-size: 28px; color: #ffffff;}
.footer .topfoot .left .footnav{padding: 25px 0 60px; display: flex;  justify-content: space-between;}
.footer .topfoot .left .footnav .name{ margin-bottom: 20px; font-size: 18px; color: #ffffff; font-weight: bold;}
.footer .topfoot .left .footnav p a{ font-size: 15px; color: #ffffff; line-height: 28px; opacity: 0.8;}
.footer .topfoot .left .footnav p a:hover{ opacity: 1;}
.footer .topfoot .right{ padding: 60px 0;}
.footer .topfoot .right .phone{ font-size: 28px; color: #ffffff;}
.footer .topfoot .right .cont{font-size: 15px; line-height: 28px; color: #ffffff;}
.footer .topfoot .right .ewm{ margin-top: 20px; display: flex; justify-content: space-between;}
.footer .topfoot .right .ewm p{ margin-top: 10px; font-size: 15px; text-align: center; color: #ffffff;}
.footer .copyright{ position: relative; padding: 25px 0; background: #058039; font-size: 15px; color: #ffffff;}
.footer .copyright a{font-size: 15px; color: #ffffff;}
.footer .copyright a:hover{opacity: 0.8;}


.pbanner{ width:100%; position:relative; color: #ffffff; overflow:hidden;}
.pbanner .bannerimg {position: relative;}
.pbanner .bannerimg img{width:100%; display:block; opacity:1; }
.pbanner .bannerText { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); }
.pbanner .bannerText .container { position: relative; height: 100%;display: flex; justify-content: center; flex-direction: column;}
.pbanner .bannerText .container .catname{position: relative; font-size: 38px;color: #ffffff; font-weight: bold; letter-spacing: 2px;}
.pbanner .bannerText .container .slogan{ margin-top: 10px;font-size: 20px; line-height: 32px; color: #ffffff;  margin-top: 10px; text-transform: uppercase; }

.pagemain{ position: relative;background: #f4f8fb;}
.pagenav{ position: relative; background: #ffffff; height: 80px;}
.pagenav .container{display: flex; justify-content: space-between; align-items: center;}
.pagenav .curnav{position: relative;}
.pagenav .curnav .home{display: inline-block; width: 17px; height: 15px; margin-right: 5px; margin-bottom: -1px;  background: url(../img/home.png) center no-repeat; background-size: auto 15px;}
.pagenav .curnav a{color: #333333;margin: 0 2px; font-size:16px;}
.pagenav .curnav a:hover{color: #058039;}
.pagenav .menunav{ display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;}
.pagenav .menunav .item{position: relative; line-height: 80px; padding: 0 30px;}
.pagenav .menunav .item.active,.pagenav .menunav .item:hover{background: #058039;}
.pagenav .menunav .item::after{ position: absolute; content: ''; width: 1px; height: 18px; top: 50%; right: 0; transform: translateY(-50%); background: rgba(0, 0, 0, .2);}
.pagenav .menunav .item:last-child:after{display: none;}
.pagenav .menunav .item a{color: #333333; font-size: 17px; font-weight: bold; display: block; text-transform: uppercase;}
.pagenav .menunav .item.active,.pagenav .menunav .item:hover{background: #058039;}
.pagenav .menunav .item.active a,.pagenav .menunav .item:hover a { color: #ffffff; -webkit-transition-delay: .1s; transition-delay: .1s; }
.pagenav .menunav .item:last-child{border-right: none;}

.pageabout{position: relative; padding: 70px 0;}
.pageabout .container{display: flex; justify-content: space-between;}
.pageabout .leftcont{ width: 60%; padding: 0 60px 0 0;}
.pageabout .leftcont .name{ font-size: 34px; color: #333333; font-weight: bold; margin-bottom: 40px;}
.pageabout .leftcont .content{ font-size: 16px; color: #333333; line-height: 32px; height: 260px; overflow: auto; }
.pageabout .leftcont .more{ position: relative; margin-top: 100px;}
.pageabout .aboutvideo{ width: 40%; position: relative; }
.pageabout .aboutvideo .video_bg{position: relative; z-index: 2; height: 100%;  overflow: hidden;}
.pageabout .aboutvideo .video_bg img{ width: 100%;height: 100%; object-fit: cover;}
.pageabout .aboutvideo .videobox{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.pageabout .aboutvideo .videobox .mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.pageabout .aboutvideo .videobox .mask .videoed{position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer;}

.aboutcontent{ width: 100%; padding: 40px; font-size:16px; color:#333333; line-height:2; background: #ffffff;}
.aboutcontent p a{font-size: 16px !important; }
.aboutcontent img{max-width:100%; margin:5px 0;}
.aboutcontent table{border-collapse:collapse;width:100% !important;}
.aboutcontent table,.aboutcontent tr{ font-size: 16px; color: #333333; }
.aboutcontent table,.aboutcontent th,.aboutcontent td{ border: 1px solid #333333; text-align: center; font-size: 16px;}

.pageculture{ position: relative; padding: 70px 0; background: #ffffff;}
.pageculture .name{ font-size: 34px; color: #333333; font-weight: bold; margin-bottom: 20px;}
.pageculture .cont{ width: 80%; font-size: 22px; color: #333333; line-height: 32px;}
.pageculture .culturebox{position: relative;display: flex;margin-top: 50px}
.pageculture .culturebox .item { position: relative; width: calc((100% - 40px) / 2); margin-right: 40px; border-radius: 10px; overflow: hidden;}
.pageculture .culturebox .item .img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.pageculture .culturebox .item .img img{ width: 100%; height: 100%; object-fit: cover;}
.pageculture .culturebox .item .textcont{ position: relative; padding: 80px 30px; z-index: 2; text-align: center;}
.pageculture .culturebox .item .textcont .tit{ position: relative; font-size: 20px; font-weight: bold; color: #ffffff; margin-bottom: 50px;}
.pageculture .culturebox .item .textcont .tit::after{ position: absolute; content: ''; width:50px; height: 3px; bottom: -20px; left: 50%; transform: translateX(-50%); background: #ffffff;}
.pageculture .culturebox .item .textcont p{ font-size: 24px; color: #ffffff; line-height: 2;}

.pageproduct{ position: relative; padding: 70px 0;}
.pageproduct .productlist{display: grid;grid-gap:20px; grid-template-columns: repeat(4,1fr);}
.pageproduct .productlist .item{position: relative; padding-bottom: 25px; }
.pageproduct .productlist .item::before{ position: absolute; content: ''; width: 0; height: 2px; right: 0; bottom:0; background: #058039; z-index: 2;-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;}
.pageproduct .productlist .item:hover::before{ width: 100%; left: 0;}
.pageproduct .productlist .item::after{ position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 2px; background: #eeeeee; z-index: 1;}
.pageproduct .productlist .item:last-child{ margin-right: 0;}
.pageproduct .productlist .item .title{ margin-top: 25px; font-size: 18px; color: #333333; font-weight: bold;}
.pageproduct .productlist .item .num{ margin-top: 5px; font-size: 14px; color: #999999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.pageproduct .productlist .item .desc{ margin-top: 5px; font-size: 14px; color: #999999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.pageproduct .productlist .item:hover .title{ color: #058039;}
.pageproduct .showproduct{position: relative; padding: 40px; background: #ffffff; }
.pageproduct .showproduct .infor{position: relative; display: flex; justify-content: space-between;}
.pageproduct .showproduct .leftimg{ width: 50%; padding: 10px; background: #f4f8fb;}
.pageproduct .showproduct .leftimg .producttab{ position: relative; width: 100%; margin-top: 10px;}
.pageproduct .showproduct .leftimg .tabthumb{ position: relative; width:calc(100% - 60px); margin: 0 auto;}
.pageproduct .showproduct .leftimg .tabthumb .swiper-slide{position: relative; width: calc((100% - 15px*3)/4);margin-right: 15px; border: solid 2px rgb(255, 255, 255, 0); overflow: hidden;  box-sizing: border-box; background:#ffffff; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.pageproduct .showproduct .leftimg .tabthumb .swiper-slide:last-child{ margin-right: 0;}
.pageproduct .showproduct .leftimg .tabthumb .swiper-slide.swiper-slide-thumb-active{border: solid 2px #058039;}
.pageproduct .showproduct .leftimg .tabthumb .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.pageproduct .showproduct .leftimg .producttab .next,.pageproduct .showproduct .leftimg .producttab .prev{ position: absolute; top: 50%; font-size: 16px; color: #333333; cursor: pointer; display: block;}
.pageproduct .showproduct .leftimg .producttab .next{right: 0; transform: translateY(-50%);}
.pageproduct .showproduct .leftimg .producttab .prev{ left: 0; transform: rotateY(-180deg)  translateY(-50%);}
.pageproduct .showproduct .leftimg .producttab .prev:hover,.pageproduct .showproduct .leftimg .producttab .next:hover{color: #058039;}
.pageproduct .showproduct .leftimg .thumbcont{width: 100%; }
.pageproduct .showproduct .leftimg .thumbcont .swiper-slide{position: relative; width: 100%; background:#ffffff; overflow: hidden; box-sizing: border-box; opacity: 0 !important;display: flex; justify-content: center; align-items: center;}
.pageproduct .showproduct .leftimg .thumbcont .swiper-slide img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pageproduct .showproduct .leftimg .thumbcont .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.pageproduct .showproduct .right{ width: 48%;}
.pageproduct .showproduct .right .titbox{width: 100%;display: flex;align-items: center; justify-content: space-between;}
.pageproduct .showproduct .right .titbox .title{width: calc(100% - 80px);font-size: 24px; color: #058039;     font-weight: bold;}
.pageproduct .showproduct .right .titbox .return_list{width: 70px;}
.pageproduct .showproduct .right .titbox .return_list .backList{width:100%; height: 38px; font-size: 13px; color: #666666; border-radius: 25px;  border: 1px rgba(0, 0, 0, 0.1) solid; display: flex; align-items: center; justify-content: center;}
.pageproduct .showproduct .right .titbox .return_list .backList .iconfont{margin-left: 5px; font-size: 12px; }
.pageproduct .showproduct .right .titbox .return_list .backList:hover{color: #058039; border: 1px #058039 solid;}
.pageproduct .showproduct .right .list{ padding-top: 20px; font-size: 15px; line-height: 1.8; color: #333333; margin-top:20px; border-top: 1px #cccccc solid;}
.pageproduct .showproduct .right .list .miaoshu{ margin-bottom: 5px; line-height: 2; font-size: 16px;}
.pageproduct .showproduct .right .list .miaoshu span{font-weight: bold;}
.pageproduct .showproduct .right .iphone{margin-top: 30px; position: relative; padding: 10px 20px; display: inline-block; border-radius: 5px;  background: #058039;}
.pageproduct .showproduct .right .iphone a{ font-size: 20px; color: #ffffff; font-weight: bold;}
.pageproduct .showproduct .right .iphone span{ font-size: 20px; margin-right: 10px; font-weight: normal;}
.pageproduct .showproduct .content{position: relative; margin-top: 30px;}
.pageproduct .showproduct .content .name{font-size: 22px; font-weight: bold; color: #058039; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); padding-bottom: 10px; letter-spacing: 2px; }
.pageproduct .showproduct .content .contentbox{ margin-top: 20px; line-height:2;}
.pageproduct .showproduct .content .contentbox p a{font-size: 15px !important; }
.pageproduct .showproduct .content .contentbox img{max-width:100%; margin:5px 0;}
.pageproduct .showproduct .content .contentbox table{border-collapse:collapse;width:100% !important;}
.pageproduct .showproduct .content .contentbox table,.pageproduct .showproduct .content .contentbox tr{ font-size: 15px; color: #333333; }
.pageproduct .showproduct .content .contentbox table,.pageproduct .showproduct .content .contentbox th,.pageproduct .showproduct .content .contentbox td{ padding: 10px 5px; border: 1px solid rgba(0, 0, 0, .1); text-align: center; font-size: 15px; line-height: 28px;vertical-align: middle;}

.pagenews{ position: relative; padding: 70px 0;}
.pagenews .newsbox{ position: relative;  display: grid;grid-gap:30px; grid-template-columns: repeat(3,1fr);}
.pagenews .newsbox .item{ position: relative; background: #ffffff; border-radius: 8px; overflow: hidden; -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;}
.pagenews .newsbox .item .content{ padding: 25px 15px;}
.pagenews .newsbox .item .date{ font-size: 15px; color: #666666;}
.pagenews .newsbox .item .title{ font-size: 18px; color: #333333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.pagenews .newsbox .item .desc{ margin-top: 15px; font-size: 15px; color: #666666; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.pagenews .newsbox .item .fix{display: flex; justify-content: space-between; align-items: center; margin-top: 30px; }
.pagenews .newsbox .item .date{ font-size: 15px; color: #666666;}
.pagenews .newsbox .item .read {border: 1px solid #058039;width: 35px;height: 35px;border-radius: 50%;-webkit-border-radius: 50%; display: flex; align-items: center; justify-content: 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;}
.pagenews .newsbox .item .read .iconfont{ font-size: 13px; color: #058039;}
.pagenews .newsbox .item:hover .title{color: #058039;}
.pagenews .newsbox .item:hover{ transform: translateY(-10px); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.pagenews .newsbox .item:hover .read{ transform: rotate(360deg);}
.pagenews .box{position: relative;}
.shownews{position: relative; float: left; width: calc(100% - 400px); margin: 0 auto; padding:30px; background-color: #ffffff; box-sizing: border-box;}
.shownews .item_top{width: 100%;padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.shownews .item_top .pageT{margin-bottom: 10px; font-size: 24px;line-height: 1.5;color: #333333;}
.shownews .item_top .pageD{font-size: 15px;color: #666666;}
.shownews .item_top .pageD .line{margin: 0 5px; font-size: 14px; font-weight: lighter; color: #999999;}
.shownews .item_content{padding: 30px 0; font-size:16px; color:#333333; line-height:2;}
.shownews .item_content p a{font-size: 16px !important; }
.shownews .item_content img{max-width:100%; margin:5px 0;}
.shownews .item_content table{border-collapse:collapse;width:100% !important;}
.shownews .item_content table,.shownews .item_content tr{ font-size: 16px; color: #444444; }
.shownews .item_content table,.shownews .item_content th,.shownews .item_content td{ border: 1px solid #333333; text-align: center; font-size: 16px;}
.page_btm{width: 100%;padding-top: 30px;border-top: 1px solid #e5e5e5;display: flex;align-items: center; justify-content: space-between;}
.page_btm .paging_nav{width: calc(100% - 180px);margin: 0;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;flex-direction: column;align-content: flex-start;}
.page_btm .paging_nav .prevpage{float: left;width: 100%;}
.page_btm .paging_nav .prevpage a{line-height: 2;color: #555555;font-size: 15px;display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.page_btm .paging_nav .prevpage:hover a{color: #058039;}
.page_btm .paging_nav .nextpage {float: left;width: 100%;}
.page_btm .paging_nav .nextpage a {line-height: 2;color: #555555;font-size: 15px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.page_btm .paging_nav .nextpage:hover a{color: #058039;}
.page_btm .return_list{width: 150px;}
.page_btm .return_list .backList{width:100%; height: 45px; font-size: 15px; color: #ffffff; border-radius: 25px; background: #058039; display: flex; align-items: center; justify-content: center;}
.page_btm .return_list .backList .ml-cio{margin-left: 10px; height: 12px;}
.page_btm .return_list .backList:hover{background:#058039;}
.pagenews .shownews_right{ float: right; width: 370px; background: #ffffff; padding: 20px;  box-sizing: border-box;}
.pagenews .shownews_right.fixednav{position: sticky; right: 0; top: 120px !important; }
.pagenews .shownews_right .news_right_title{ font-size: 22px; color: #333333; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d3d3d3;}
.pagenews .shownews_right .news_right_list .item{ margin-bottom: 20px;}
.pagenews .shownews_right .news_right_list .item .item_title{ font-size: 16px; color: #333333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.pagenews .shownews_right .news_right_list .item .item_time{ font-size: 14px; color: #999999;}
.pagenews .shownews_right .news_right_list .item:hover .item_title{ color: #058039;}
.pagenews .shownews_right .gz_tt{margin-top: 50px; display: flex; align-items: flex-start;}
.pagenews .shownews_right .gz_tt img{ margin-right: 10px;}
.pagenews .shownews_right .gz_tt h5{font-size: 22px; color: #838489; font-weight: lighter;}
.pagenews .shownews_right .gz_tt span{font-size: 15px; color: #404c63; opacity: .3; text-transform: uppercase;}
.pagenews .shownews_right .gz_tt p {font-size: 15px;color: #838489; margin-top: 5px;}
.pagenews .shownews_right .ewm{margin-top: 20px;display: flex; justify-content: space-between;}
.pagenews .shownews_right .ewm img{ width: 100%;}
.pagenews .shownews_right .ewm p {margin-top: 10px;font-size: 15px;text-align: center;color: #333333;}

.pageparty{ position: relative; padding: 70px 0; }
.pageparty .partybox{ position:relative; display: grid; grid-gap:30px; grid-template-columns: repeat(3,1fr);}
.pageparty .partybox .item{ position: relative;  border-radius: 8px; overflow: hidden; }
.pageparty .partybox .item .contbox{ position: relative; padding:5% 5% 0 5%; background: #ffffff; overflow: hidden; z-index: 2; transition: all 0.5s ease;}
.pageparty .partybox .item .contbox .date{ font-size: 15px; color: #666666; font-family: 'Roboto';}
.pageparty .partybox .item .contbox .title{ position: relative; margin: 15px 0;}
.pageparty .partybox .item .contbox .title a{ font-size: 18px; color: #333333; line-height: 30px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; box-orient: vertical;}
.pageparty .partybox .item .contbox .desc{font-size: 15px; color: #666666; line-height: 28px; height: 56px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;box-orient: vertical;}
.pageparty .partybox .item .contbox .learn{ display: flex; justify-content: center; margin-top: 20px;position: relative; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; width: 180px; height: 48px; line-height: 48px; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; z-index: 1; overflow: hidden; opacity: 0; filter: Alpha(opacity=0); transition: all 0.5s ease;}
.pageparty .partybox .item .contbox .learn a{position: relative; font-size: 15px; color: #058039;}
.pageparty .partybox .item .contbox .learn span{ color: #058039; margin-left: 5px; -webkit-transition: .5s; transition: .5s;}
.pageparty .partybox .item:hover .contbox{padding: 5%; margin-top: -5%;}
.pageparty .partybox .item:hover .contbox .learn{opacity: 1; filter: Alpha(opacity=1);}
.pageparty .partybox .item:hover .contbox .title a{ color: #058039;}
.pageparty .partybox .item .contbox .learn:hover span{ margin-left: 15px;}

.pagetalent{ position: relative; padding: 70px 0;}
.pagetalent .talentbox{ position: relative; display: flex; justify-content: space-between; align-items: center;}
.pagetalent .talentbox .img{ width: 44%;}
.pagetalent .talentbox .img img{ width: 100%; height: 100%; object-fit: cover;}
.pagetalent .talentbox .talentcent{ width: calc(100% - 46%);}
.pagetalent .talentbox .talentcent .item{ position: relative; padding: 20px 0; border-bottom: 1px solid #eee;}
.pagetalent .talentbox .talentcent .item .top{ font-size: 22px; color: #333333;}
.pagetalent .talentbox .talentcent .item .bot{ font-size: 16px; color: #666666; line-height: 1.8;}

.pagescience{position: relative; padding: 70px 0;}
.pagescience .sciencebox{position:relative; display: grid;grid-gap:30px; grid-template-columns: repeat(2,1fr);}
.pagescience .sciencebox .item{ width:100%; border:2px #dddddd solid; background:#ffffff;}
.pagescience .sciencebox .item a{display: -webkit-flex;display: flex;align-items: center;justify-content: space-between; padding:20px; box-sizing:border-box;}
.pagescience .sciencebox .item .left{float:left; width: calc(100% - 120px)}
.pagescience .sciencebox .item .left .title{margin-bottom:15px; font-size:22px; color:#333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  line-clamp: 1; -webkit-box-orient: vertical;}
.pagescience .sciencebox .item .left .desc{font-size: 15px; color: #666666; line-height: 26px; max-height: 52px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.pagescience .sciencebox .item .left .link{font-size: 15px; color: #058039;line-height: 24px;}
.pagescience .sciencebox .item .date{float:right; width:100px; text-align:right; font-size:15px; font-family:'din'; color:#999999;}
.pagescience .sciencebox .item .date .time{font-size:28px; color:#666666}
.pagescience .sciencebox .item:hover{ box-shadow: 0 0 35px rgb(0 0 0 / 5%);}
.pagescience .sciencebox .item:hover .left .title{color:#058039;}

.pagejoin{position: relative; padding: 70px 0;}
.pagejoin .joinbox{position:relative; display: grid;grid-gap:20px; grid-template-columns: repeat(3,1fr);}
.pagejoin .joinbox .item{ position: relative; padding: 20px; border-radius: 8px; background: #ffffff;-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;}
.pagejoin .joinbox .item .title{font-size: 20px; font-weight: bold; margin-bottom: 15px; color: #333333;}
.pagejoin .joinbox .item .infor{ position: relative; margin-bottom: 15px; display: flex;}
.pagejoin .joinbox .item .infor p{ position: relative; padding-right: 20px; font-size: 15px; line-height: 1.6; color: #333;}
.pagejoin .joinbox .item .infor p::after{ position: absolute; content: ''; width: 1px; height: 60%; top: 50%; right: 0; transform: translateY(-50%); margin-right: 10px; background: #dddddd;}
.pagejoin .joinbox .item .infor p:last-child{ padding-right: 0;}
.pagejoin .joinbox .item .infor p:last-child::after{display: none;}
.pagejoin .joinbox .item .read{ margin-top: 20px; font-size: 15px; color: #666666;}
.pagejoin .joinbox .item .read .iconfont{ font-size: 14px; color: #058039;-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;}
.pagejoin .joinbox .item:hover .title{color: #058039;}
.pagejoin .joinbox .item .read:hover { color: #058039;}
.pagejoin .joinbox .item .read:hover .iconfont{ margin-left: 10px;}
.pagejoin .joinbox .item:hover{ transform: translateY(-10px); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.pagejoin .joinbox .item:hover .title{ color: #058039;}
.pagejoin .showjoin{ margin: 0 auto; padding:50px 40px; background-color: #ffffff; box-sizing: border-box;}
.pagejoin .showjoin .title{width: 100%;padding-bottom: 15px; font-size: 24px; font-weight: bold; border-bottom: 2px solid #e5e5e5;}
.pagejoin .showjoin .showjoinlist{ position: relative; margin-top: 20px;}
.pagejoin .showjoin .showjoinlist .item{display: flex; justify-content: space-between;  margin-bottom: 15px; line-height: 1.8; font-size: 15px;}
.pagejoin .showjoin .showjoinlist .item .fl{ width: 150px;}
.pagejoin .showjoin .showjoinlist .item .fr{ width: calc(100% - 150px);}

.pagecontact{position: relative; padding: 70px 0;}
.pagecontact .contactbox{position: relative; padding: 40px; background: #ffffff; border-radius: 10px; display: flex; justify-content: space-between; box-shadow: 0px 10px 20px 0px rgba(49, 142, 206, 0.1);}
.pagecontact .item_left{ width: 44%;}
.pagecontact .item_left .top_list{ margin-bottom: 50px; display: flex; align-items: flex-end; justify-content: flex-start}
.pagecontact .item_left .top_list span{ font-size: 38px; color: #058039; margin-right: 10px;}
.pagecontact .item_left .top_list p{ font-size: 22px; color: #333333;}
.pagecontact .item_left .item_content{ width: 100%;}
.pagecontact .item_left .item_content{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 35px;}
.pagecontact .item_left .item_content .title{width: 100%; margin-bottom: 20px; font-size: 24px; color: #058039; font-weight: bold;}
.pagecontact .item_left .item_content p{width: 100%; margin-bottom: 15px; display: flex; align-items: center;}
.pagecontact .item_left .item_content p .iconfont{ margin-right: 10px; font-size: 16px; color: #333333;}
.pagecontact .item_left .item_content p span{font-size: 16px; color: #333333;}
.pagecontact .item_left .item_content p span a{font-size: 16px; color: #333333;}
.pagecontact .item_left .item_content p span a:hover{color: #058039;}
.pagecontact .item_left .ewm{position: relative; display: flex; }
.pagecontact .item_left .ewm div{ padding: 10px; background: #f4f8fb; margin-right: 15px;}
.pagecontact .item_left .ewm div:last-child{ margin-right: 0;}
.pagecontact .item_left .ewm p{ margin-top: 10px; font-size: 15px; text-align: center; color: #333333;}
.pagecontact .contactmap{ width: 54%;}

.pages {margin: 40px auto 0;text-align: center;font-size: 17px;}
.pages li{display: inline-block;height: 36px;margin: 0 1px;line-height: 36px; border-radius: 3px; background: #ffffff;}
.pages li a{text-align: center;color: #333333;padding: 0 15px;}
.pages .active{background: #058039;text-decoration: none}
.pages .active a{color: #ffffff;}
.pages li:hover{background: #058039;text-decoration: none}
.pages li:hover a{color: #ffffff;}
.pages 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: 2% 0;background: #ffffff;border-top: 1px #e5e5e5 solid;margin-top: 20px;}
.pages1 .pages1_l{float: left;width: 100%;}
.pages1 .pages1_l a{line-height: 2;color: #333333;font-size: 17px;display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.pages1 .pages1_l:hover a{color: #058039;}
.pages1 .pages1_r{float: left;width: 100%;}
.pages1 .pages1_r a{line-height: 2;color: #333333;font-size: 17px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.pages1 .pages1_r:hover a{color: #058039;}

.newsboxbg .backpad{ padding: 30px 0 0;}
.backbox{padding-top:20px;position:relative; padding: 40px 0;border-top: 1px #e5e5e5 solid; }
.bc-prev,.bc-next{display:block;width:200px;height:50px; background: #f5f5f5;overflow:hidden;color:#666666;line-height:50px;position:relative; text-align: center;}
.bc-prevn,.bc-nextn{display:block;width:200px;height:50px; background: #f5f5f5; overflow:hidden;color:#666666;line-height:50px;position:relative; text-align: center;}
.bc-prev,.bc-prevn{float:left;}
.bc-next,.bc-nextn{float:right;}
.bc-prev .aw,.bc-next .aw{width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;background-image:url(../img/bcaw.png);}
.bc-prev .aw{left:18px;background-position:left top;}
.bc-prev p{padding-left:51px;position:relative;}
.bc-next .aw{right:18px;background-position:right bottom;}
.bc-next p{padding-right:51px;position:relative;}
.bc-prev .bg,.bc-next .bg{height:100%;width:0;background:#058039;display: block;position: absolute;top: 0;left: 0;
transition: 300ms;-webkit-transition: 300ms;-ms-transition: 300ms;}
.bc-prev .bg{left:auto;right:0;}
.backlist{width:220px;height:50px;line-height:50px;background:#058039;display:block;color:#ffffff;text-align:center;position:absolute;left:50%;top:50%; transform: translate(-50%, -50%);}
.pager .prev:hover,.pager .next:hover{ background:#058039; }
.bc-prev:hover,.bc-next:hover{color:#ffffff;border-color:#058039;}
.bc-prev:hover .bg,.bc-next:hover .bg{ width:100%; }
.bc-prev:hover .aw{ background-position:right top; }
.bc-next:hover .aw{ background-position:left bottom; }


@media screen and (max-width: 1680px){
    .header .nav .drop{padding: 0 20px;}
    .container {padding: 0 3%;}
}