@charset "UTF-8";

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 YaHeiMicrosoft 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: #058e7c; color: #ffffff; text-shadow: none; }
::selection { background: #058e7c; color: #ffffff; text-shadow: none; }
select{ outline: none;}

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

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

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: 1360px; 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-75 {padding-bottom: 75%;}
.rect-87 {padding-bottom: 87%;}
.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%; 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: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; padding: 0 2vw; -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;}
.header .nav .drop>a::before{ position: absolute; content: ''; width: 0; height: 3px; right: 0; top:0; background: #058e7c;-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: #058e7c;font-weight: bold;}
.header .nav .drop:hover>a::before{ width: 100%; left: 0;}
.header.scroll{ height: 80px; background:rgba(255,255,255,1);box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.header.scroll .logo{ height: 80px;}
.header.scroll .logo img{ height: 50px;}
.header.scroll .nav{height: 80px;}
.header.scroll .nav .drop>a{color: #333333;}
.header.scroll .nav .drop:hover>a,.header.scroll .nav .drop.active>a{color: #058e7c; font-weight: bold;}
.header .nav .drop .subNavbox{position:absolute; top:100%;left:50%;width:100%; height: 60px; background:rgba(255,255,255,.80); opacity:0; pointer-events:none; transition:all .3s;-webkit-transform: translate(-50%,10px); transform: translate(-50%,10px);}
.header .nav .drop .subNavbox .container{display: flex; justify-content: center;}
.header .nav .drop .subNavbox a{position:relative; font-size:17px; line-height: 1.4; color: #333333; transition:0.3s all; text-align: center; margin: 0 35px;}
.header .nav .drop .subNavbox a:hover{color:#058e7c; 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;}
.placeholder{ width: 100%; height: 90px;}

/* banner */
.banner {width:100%; height: calc(100vh - 90px); position: relative; z-index:0; background:#000; overflow:hidden;}
.banner .swiper-slide .pic { width: 100%; height: auto; position:relative; z-index:1;}
.banner .swiper-slide .pic img{width:100%;height: calc(100vh - 90px);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; text-align: left;}
.banner .pagination .swiper-pagination .swiper-pagination-bullet{width: 35px; height: 3px; margin: 0 5px; border-radius: 0; background: #ffffff !important; opacity: 1;}
.banner .pagination .swiper-pagination .swiper-pagination-bullet-active{ background: #058e7c !important;}
.banner .mouse{width: 50px;position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);z-index: 99; cursor: pointer;}
.banner .mouse div{font-size: 35px;color: #ffffff; text-align: center;}
.banner .mouse{-webkit-animation: pul 2s infinite; animation: pul 2s infinite;display: block;}
@-webkit-keyframes pul{ 0%{-webkit-transform: translate(0, 0);transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px);transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
@keyframes pul{ 0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }

.inproduct{ position: relative; padding: 80px 0; background: #ffffff;}
.inproduct .tit{ position: relative; text-align: center; margin-bottom: 50px;}
.inproduct .tit .t{font-size: 42px; color: #222222;}
.inproduct .tit p{font-size: 22px; color: #222222;}
.inproduct .listbox { margin: 0 15px; display: flex; }
.inproduct .listbox .listleft{width: calc(45vw - 25px); margin-right: 10px; position: relative;}
.inproduct .listbox .listleft .item{background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center;     position: absolute; height: 100%; width: 100%;}
.inproduct .listbox .listleft .item .text_box{margin-bottom: 50px;}
.inproduct .listbox .listleft .item .text_box h3{font-weight: normal; font-size: 28px; color: #000000;margin-bottom: 15px;}
.inproduct .listbox .listleft .item .text_box .p{font-size: 14px; color: #878b90; margin-bottom: 35px;}
.inproduct .listbox .listleft .item .text_box .pro_more { font-size: 16px; color: #484a4d;}
.inproduct .listbox .listleft .item .text_box .pro_more:hover{ color: #058e7c;padding-left: 10px;}
.inproduct .listbox .listleft .item .img_box img{ max-width: 100%; height: 20vw;-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 .listbox .listleft .item:hover  .img_box 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);}
.inproduct .listbox .listright{width: calc(55vw - 25px); margin-left: 10px;}
.inproduct .listbox .listright .item{width: calc(50% - 10px); float: left; margin-right: 10px; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center;}
.inproduct .listbox .listright .item .box{padding: 0 30px; width: 100%; position: relative;}
.inproduct .listbox .listright .item .text_box h3{font-weight: normal; font-size: 28px; color: #000000;margin-bottom: 15px;}
.inproduct .listbox .listright .item .text_box .p{font-size: 14px; color: #878b90; margin-bottom: 35px;}
.inproduct .listbox .listright .item .text_box .pro_more { font-size: 16px; color: #484a4d;}
.inproduct .listbox .listright .item .text_box .pro_more:hover{ color: #058e7c; padding-left: 10px;}
.inproduct .listbox .listright .item:first-child{float: left; width: 100%; margin-bottom: 20px;}
.inproduct .listbox .listright .item:first-child .box { display: flex; align-items: center; height: 22vw; position: relative; flex-direction: row-reverse; justify-content: flex-end;}
.inproduct .listbox .listright .item:first-child .box .text_box{margin-left: 5%; width: 40%; text-align: left;}
.inproduct .listbox .listright .item .img_box img{ max-width: 100%;-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 .listbox .listright .item:hover .img_box 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);}
.inproduct .listbox .listright .item:first-child .box .img_box{width: 55%;}
.inproduct .listbox .listright .item:not(:first-child) .box{height: 18vw;}
.inproduct .listbox .listright .item:not(:first-child) .text_box { padding-top: 50px; width: 60%; text-align: left;}
.inproduct .listbox .listright .item:not(:first-child) .img_box { position: absolute; bottom: 20px; right: 20px; width: 36%;}
.inproduct .listbox .listright .item:last-child{ margin-left: 10px; margin-right: 0;}

.inabout{ position: relative;padding-bottom: 80px;}
.inabout .about_bg{height: 580px; background: url(../img/aboutbg.jpg) no-repeat center; background-size: cover;background-attachment: fixed;}
.inabout .about_bg .contbox{ position: relative; width: 55%; float: right; padding-top: 80px;}
.inabout .about_bg .contbox .tit{font-size: 42px; color: #ffffff;}
.inabout .about_bg .contbox .cont{ margin-top: 35px; font-size: 17px; line-height: 30px; color: #ffffff;}
.inabout .about_bg .contbox .more{position: relative; margin-top: 110px; display: inline-flex; align-items: center; color: #058e7c; background-color: rgba(255, 255, 255, 0.7); border-radius: 50px;}
.inabout .about_bg .contbox .more .t{position: relative; padding-left: 30px; z-index: 5;}
.inabout .about_bg .contbox .more .round{position: relative; z-index: 5; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: #058e7c; margin-left: 30px;}
.inabout .about_bg .contbox .more .round .iconfont{color: #ffffff;}
.inabout .about_bg .contbox .more::after { transition: all .36s; display: block; content: ''; width: 50px; height: 50px; border-radius: 40px;position: absolute;right: 0;top: 0;background: #058e7c;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;}
.inabout .about_bg .contbox .more:hover {color: #ffffff;}
.inabout .about_bg .contbox .more:hover::after {width:100%;height: 100%;}
.inabout .aboutbox{ position: relative;  margin-top: -80px; z-index: 2; display: flex; justify-content: space-between;}
.inabout .aboutbox .number{float: left; width: calc(100% - 55%); margin-top: 150px; display: grid;grid-gap:50px 0; grid-template-columns: repeat(1,1fr);}
.inabout .aboutbox .number .item {position: relative; box-sizing: border-box;}
.inabout .aboutbox .number .item .T{display: -webkit-flex;display: flex;align-items: flex-end;}
.inabout .aboutbox .number .item .T .timer{font-size: 48px;color: #058e7c;font-family: 'din'; line-height: 1;margin-right: 10px;}
.inabout .aboutbox .number .item .c{margin-top: 5px;font-size: 16px; color: #333333;}
.inabout .aboutbox .aboutvideo{ width: 55%; position: relative; float: right;}
.inabout .aboutbox .aboutvideo .video_bg{position: relative; z-index: 2; height: 100%; border-top-left-radius: 40px; border-bottom-right-radius: 40px; 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;}
.inabout .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;}
.inabout .video .videoList{position: relative;padding: 30px;background: #ffffff;width: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.inabout .video .close{position: absolute;right: 10px;top: 10px;border-radius: 100%; font-size: 17px; color: #333333; cursor:   pointer;}
.inabout .video .close:hover{ color: #058e7c;}

.incase{ position: relative; padding: 80px 0; background: #f4f5fa url(../img/casebg.png) left bottom no-repeat; }
.incase .tit{position: relative;  margin-bottom: 50px;}
.incase .tit .t{font-size: 42px; color: #222222;}
.incase .tit p{font-size: 22px; color: #222222;}
.incase .listbox {position: relative; display: grid;grid-gap:20px; grid-template-columns: repeat(4,1fr);}
.incase .listbox .item .widget{ padding: 30px 20px; background: #ffffff;}
.incase .listbox .item .widget .title{margin-bottom: 15px; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.incase .listbox .item .widget .desc{font-size: 14px; color: #666666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.incase .listbox .item .widget .dots{ text-align: right;margin-top: 30px;}
.incase .listbox .item .widget .more{position: relative;  display: inline-flex; align-items: center; color: #058e7c; background-color: rgba(255, 255, 255, 0.7); border-radius: 40px;}
.incase .listbox .item .widget .more .t{position: relative; padding-left: 15px; z-index: 5; font-size: 14px; color: #ffffff;}
.incase .listbox .item .widget .more .round{position: relative; z-index: 5; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #058e7c; }
.incase .listbox .item .widget .more .round .iconfont{color: #ffffff;}
.incase .listbox .item .widget .more::after { transition: all .36s; display: block; content: ''; width: 40px; height: 40px; border-radius: 40px;position: absolute;right: 0;top: 0;background: #058e7c;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;}
.incase .listbox .item .widget .more:hover {color: #ffffff;}
.incase .listbox .item .widget .more:hover::after {width:100%;height: 100%;}
.incase .listbox .item:hover .widget .title{ color: #058e7c;}

.innews{ position: relative; padding: 80px 0; background: #ffffff; }
.innews .top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;}
.innews .tit{position: relative; }
.innews .tit .t{font-size: 42px; color: #222222;}
.innews .tit p{font-size: 22px; color: #222222;}
.innews .more{position: relative; display: inline-flex; align-items: center; color: #058e7c; background-color: #f1f1f1; border-radius: 50px;}
.innews .more .t{position: relative; padding-left: 30px; z-index: 5;}
.innews .more .round{position: relative; z-index: 5; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: #058e7c; margin-left: 30px;}
.innews .more .round .iconfont{color: #ffffff;}
.innews .more::after { transition: all .36s; display: block; content: ''; width: 50px; height: 50px; border-radius: 40px;position: absolute;right: 0;top: 0;background: #058e7c;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;}
.innews .more:hover {color: #ffffff;}
.innews .more:hover::after {width:100%;height: 100%;}
.innews .listbox{ display: flex; justify-content: space-between;}
.innews .listbox .newsthumb{ width: 50%;}
.innews .listbox .newsthumb .swiper-slide{ position: relative; opacity: 0 !important;}
.innews .listbox .newsthumb .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.innews .listbox .newsthumb .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.innews .listbox .newstab{ width: calc(100% - 50% - 30px);}
.innews .listbox .newstab .swiper-wrapper{display: block; height: 100%; box-sizing: border-box; transform: translate3d(0px, 0, 0) !important;}
.innews .listbox .newstab .swiper-slide{ height: auto; padding: 20px 0; border-bottom: 1px #eeeeee solid;}
.innews .listbox .newstab .swiper-slide:first-child{ padding-top: 0;}
.innews .listbox .newstab .swiper-slide .date{font-size: 15px; color: #333333; font-family: 'din';}
.innews .listbox .newstab .swiper-slide .title{ margin-top: 20px;}
.innews .listbox .newstab .swiper-slide .title a{font-size: 18px; color: #333333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.innews .listbox .newstab .swiper-slide .desc{margin-top: 20px; 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 .listbox .newstab .swiper-slide.swiper-slide-thumb-active .title a{color: #058e7c;}

.footer{ position: relative;}
.footer .topfoot{ background: #058e7c 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: 35px 0; border-bottom: 1px rgba(255, 255, 255, 0.2) solid; }
.footer .topfoot .left .flogo img{ height: 66px;}
.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: 25px; font-size: 18px; color: #ffffff; font-weight: normal;}
.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: 16px; line-height: 30px; color: #ffffff;}
.footer .topfoot .right .ewm{ margin-top: 30px;}
.footer .copyright{ position: relative; padding: 25px 0; background: #027969; font-size: 15px; color: #ffffff;}
.footer .copyright a{font-size: 15px; color: #ffffff;}
.footer .copyright a:hover{opacity: 0.8;}

/*二级页面 banner*/
.pbanner{ width:100%; position:relative; color: #ffffff; 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%;  }
.pbanner .bannerText .innerText h5, .pbanner .bannerText .innerText h6 { text-align: center; }
.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 h6 { font-size: 24px;  color: #333333; font-weight: normal; font-family: 'din'; text-transform: uppercase; }
.pbanner .bannerText .container h5 { margin-top: 10px; line-height: 1.3; font-size: 38px; color: #058e7c;}

.pagemain{position: relative;}
.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: #058e7c;}
.pagenav .subnav{ display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;}
.pagenav .subnav .item{position: relative; line-height: 80px; margin: 0 25px;}
.pagenav .subnav .item a{color: #333333; font-size: 17px; font-weight: bold; display: block;}
.pagenav .subnav .item.active a,.pagenav .subnav .item:hover a { color: #058e7c; -webkit-transition-delay: .1s; transition-delay: .1s; }
.pagenav .subnav .item:last-child{border-right: none;}

.pageabout{position: relative; padding: 70px 0; background: #f4f5fa;}
.pageabout .container{ display: flex; justify-content: space-between;}
.pageabout .left{ width: 46%;}
.pageabout .left .title{font-size: 36px; color: #333333; font-weight: bold;}
.pageabout .left .cont{ margin-top: 40px; font-size: 16px; line-height: 2; color: #666666; height: 350px; overflow: auto;}
.pageabout .aboutvideo{ width: 50%; position: relative;}
.pageabout .aboutvideo .video_bg{position: relative; z-index: 2; height: 100%; border-top-left-radius: 40px; border-bottom-right-radius: 40px; 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;}
.pageabout .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;}
.pageabout .video .videoList{position: relative;padding: 30px;background: #ffffff;width: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pageabout .video .close{position: absolute;right: 10px;top: 10px;border-radius: 100%; font-size: 17px; color: #333333; cursor:   pointer;}
.pageabout .video .close:hover{ color: #058e7c;}

.pageculture{ position: relative; padding: 70px 0; background: url(../img/culturebg.jpg) center no-repeat; background-size: cover;}
.pageculture .title{font-size: 36px; color: #ffffff; font-weight: bold;}
.pageculture .culturebox{position: relative; margin-top: 100px;}
.pageculture .culturebox .toggle{position: relative;display: flex;  }
.pageculture .culturebox .toggle p{ position: relative; margin-right: 50px; padding-bottom: 10px; font-size: 24px; color: #ffffff; cursor: pointer;}
.pageculture .culturebox .toggle p::after{content: ''; width: 0%;height: 0;position: absolute;bottom: 0rem;height: 2px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background: #ffffff;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.pageculture .culturebox .toggle p.active::after {width: 86%;}
.pageculture .culturebox .togglemain{ margin-top: 40px;}
.pageculture .culturebox .togglemain .item{width: 50%; padding: 60px 70px; background: #ffffff; display: none; -webkit-transition: 0.6s;-o-transition: 0.6s; transition: 0.6s; }
.pageculture .culturebox .togglemain .item.active{display: block;}
.pageculture .culturebox .togglemain .item .name{ font-size: 28px; color: #333333;}
.pageculture .culturebox .togglemain .item .desc{ margin-top: 25px; font-size: 20px; color: #666666;}

.pagenews{position: relative; padding: 70px 0; background: #f4f5fa;}
.pagenews .newslist{position: relative; display: grid; grid-gap:30px; grid-template-columns: repeat(3,1fr);}
.pagenews .newslist .item{ border-radius: 8px; overflow: hidden;}
.pagenews .newslist .item .box{ padding:25px 20px; background: #ffffff;}
.pagenews .newslist .item .time{ font-size: 15px; font-family: 'din'; color: #333333;}
.pagenews .newslist .item .text{ margin-top: 10px; 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 .newslist .item:hover .text{ color: #058e7c;}
.newsboxbg{ background: #ffffff;}
.newsboxbg .title{ padding: 40px; border-bottom: 1px solid #e5e5e5; display: flex; justify-content: space-between; align-items: center;}
.newsboxbg .title .left{ padding-right: 50px;}
.newsboxbg .title .pageT{ font-size: 30px; line-height: 1.4; color: #333333;}
.newsboxbg .title .pageD{font-size: 16px; color: #666666;}
.newsboxbg .title .backList{width: 150px;height: 50px; color: #ffffff; border-radius: 30px; background: #058e7c; display: flex; align-items: center; justify-content: center;font-size: 15px;}
.newsboxbg .title .backList .ml-cio{ margin-left: 10px; height: 12px;}
.newsboxbg .title .backList:hover{background:#027969;}
.newsboxbg .pagecont{padding: 40px; font-size:16px; color:#666666; line-height:2;}
.newsboxbg .pagecont p a{font-size: 16px !important; }
.newsboxbg .pagecont img{max-width:100%; margin:5px 0;}
.newsboxbg .pagecont table{border-collapse:collapse;width:100% !important;}
.newsboxbg .pagecont table,.newsboxbg .pagecont tr{ font-size: 15px; color: #444444; }
.newsboxbg .pagecont table,.newsboxbg .pagecont th,.newsboxbg .pagecont td{ border: 1px solid #333333; text-align: center; font-size: 16px;}
.newsboxbg .backpad{ padding: 40px;}

.pageproduct{position: relative; padding: 70px 0; background: #f4f5fa;}
.pageproduct .productlist{position: relative; display: grid; grid-gap:20px; grid-template-columns: repeat(3,1fr);}
.pageproduct .productlist .item{position: relative; background: #ffffff;padding: 10px;}
.pageproduct .productlist .item p{border-top: 2px #f1f1f1 solid; line-height: 60px; font-size: 17px; color: #333333; text-align: center; font-weight: bold;}
.pageproduct .productlist .item:hover p{ color: #058e7c;}
.boxProduct{ background: #ffffff;padding: 40px; box-sizing: border-box;}
.boxProduct .imgLift {float: left;width: 40%;position: relative;overflow: hidden;zoom: 1;}
.boxProduct .imgLift .thumbSwiper {position: relative;width: 100%;margin-top: 20px;}
.boxProduct .imgLift .mySwiper {width: 88%;margin: 0 6%;overflow: hidden;position: relative;box-sizing: border-box;}
.boxProduct .imgLift .mySwiper .swiper-slide {float: left;width: 23.5% !important;margin-right: 2%;text-align: center;}
.boxProduct .imgLift .mySwiper .swiper-slide:last-child {margin-right: 0;}
.boxProduct .imgLift .mySwiper .swiper-slide img {display: block;width: 100%;border: 2px solid #eeeeee;cursor: pointer;box-sizing: border-box;}
.boxProduct .imgLift .mySwiper .swiper-slide.swiper-slide-thumb-active img {border: 2px solid #058e7c;}
.boxProduct .imgLift .mySwiper2 .swiper-slide img {display: flex;width: 100%;border: 2px #eeeeee solid;box-sizing: border-box;}
.boxProduct .imgLift .mySwiper2 .swiper-slide span {width: 100%;}
.boxProduct .imgLift .thumbSwiper .swiper-button-prev {position: absolute;top: 50%;left: 0;width: 13px;height: 26px;background: url(../img/pro_left.png) center no-repeat;background-size: auto 26px;cursor: pointer;transform: translateY(-50%); display: block;}
.boxProduct .imgLift .thumbSwiper .swiper-button-prev:hover {background: url(../img/pro_lefth.png) center no-repeat;background-size: auto 26px;}
.boxProduct .imgLift .thumbSwiper .swiper-button-next {position: absolute;top: 50%;right: 0;width: 13px;height: 26px;background: url(../img/pro_right.png) center no-repeat;background-size: auto 26px;cursor: pointer;transform: translateY(-50%);display: block;}
.boxProduct .imgLift .thumbSwiper .swiper-button-next:hover {background: url(../img/pro_righth.png) center no-repeat;background-size: auto 26px;}
.boxProduct .conRight {float: right;width: 56%;}
.boxProduct .conRight .tit{font-size: 24px; font-weight: 600; color: #058e7c; margin-bottom: 10px; padding-bottom:10px;}
.boxProduct .conRight .tib {font-size: 20px;font-weight: 600; color: #333333;line-height:1;}
.boxProduct .conRight .tic {margin-top: 10px; color: #333333; font-size: 16px; font-weight: normal; line-height: 26px; border-bottom: 1px solid #dddddd; padding-bottom: 15px;}
.boxProduct .conRight .con {font-size: 16px;line-height: 26px;color: #222222;margin-top: 20px; margin-bottom:20px;}
.boxProduct .conRight .links{position:relative; margin-top: 40px;}
.boxProduct .conRight .links a{display:inline-block; margin-right:35px; padding: 0 30px; height: 45px; line-height: 45px;border-radius: 5px;  background: #058e7c;}
.boxProduct .conRight .links img{vertical-align:middle; margin-right:5px; height:15px;}
.boxProduct .conRight .links span{color:#ffffff; font-size:17px; font-weight: bold;}
.boxProduct .conRight .links a:hover{ background:#027969;}
.boxProduct .contentPage {position: relative;width: 100%;margin-top: 20px;}
.boxProduct .contentPage .titTop {width: 100%;font-size: 24px;color: #333333;line-height: 2;border-bottom: 2px #eeeeee solid;}
.boxProduct .contentPage .conten {margin-top: 30px;font-size: 16px;line-height: 2;color: #666666;}
.boxProduct .contentPage .conten a {color: #666666;}
.boxProduct .contentPage .conten a:hover {color: #027969;}
.boxProduct .contentPage .conten img {max-width: 90%;}
.boxProduct .contentPage .conten table {border-collapse: collapse; width: 100%;}
.boxProduct .contentPage .conten table,.boxProduct .contentPage .conten tr {font-size: 16px;color: #444444;}
.boxProduct .contentPage .conten table,.boxProduct .contentPage .conten th,.boxProduct .contentPage .conten td {font-size: 15px;text-align: center;border: 1px solid #666666;}
.boxProduct .contentPage .goback {border-top: 2px #eeeeee solid;text-align: right;margin-top: 40px;padding-top: 20px;}
.boxProduct .contentPage .goback a {display: inline-block;width: 150px;height: 50px;line-height: 50px;text-align: center;background: #058e7c;color: #ffffff; border-radius: 25px; font-size: 15px;}
.boxProduct .contentPage .goback a img {position: relative; margin-right: 10px; height:16px;}
.boxProduct .contentPage .goback a:hover {background: #027969;}

.pagecase{position: relative; padding: 70px 0; background: #f4f5fa;}
.pagecase .caselist{position: relative; display: grid; grid-gap:20px; grid-template-columns: repeat(3,1fr);}
.pagecase .caselist .item{background: #ffffff; padding: 15px; overflow: hidden; border-radius: 5px;}
.pagecase .caselist .item .text{ margin-top: 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;}
.pagecase .caselist .item .infor{ margin-top: 10px; font-size: 16px; line-height: 28px; color: #666666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.pagecase .caselist .item:hover .text{ color: #058e7c;}

.pagecontact{position: relative; padding: 70px 0; background: #f4f5fa;}
.pagecontact .contact{position: relative;}
.pagecontact .contact h2{font-size:20px;font-weight:bold;padding-left:40px;position: relative;}
.pagecontact .contact h2:after{position: absolute;left:0px;width:30px;height:2px;background:#058e7c;content:"";top:20px;}
.pagecontact .contact h1{font-size:32px;color:#333333;padding-left:40px;}
.pagecontact .contact ul{overflow: hidden;margin-top:60px;}
.pagecontact .contact ul li span{position: relative;top:0px;transition:all 0.5s ease;}
.pagecontact .contact ul li span img{height: 40px;}
.pagecontact .contact ul li:hover span{top:-10px;}
.pagecontact .contact ul li{width:25%;background:#ffffff;border-left:1px solid #eff2f7;float:left;height:290px;padding:70px 40px;text-align: center;}
.pagecontact .contact ul li h4{margin:20px auto 20px;font-weight:bold;color:#333333;font-size:18px; text-transform: uppercase}
.pagecontact .contact ul li p.add{font-size:16px; color:#666666; line-height:30px;}
.pagecontact .contactMap{width: 100%;color: #ffffff; height: 420px;  background: #058e7c;}
.pagecontact .contactMap .Map{height: 100%; width: 100%; padding: 10px; box-sizing: border-box; background: #f3f4f8;}

/* fenye */
.pages { margin:0 auto; text-align:center; font-size:15px;}
.pages ul{ margin-top: 40px; }
.pages li {display:inline-block; height:36px; line-height:36px; background:#ffffff; }
.pages li a{text-align:center; color:#333333; padding:0 15px;}
.pages .active {background:#058e7c; text-decoration:none}
.pages .active a{color:#ffffff; }
.pages li:hover { background:#058e7c; 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: 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:#058e7c;}
.pages1_r{ float:left; width:100%; }
.pages1_r a{line-height:26px; color:#333333; font-size: 15px;}
.pages1_r:hover a{ color:#058e7c;}
.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:#058e7c;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:#058e7c;display:block;color:#ffffff;text-align:center;position:absolute;left:50%;top:50%; transform: translate(-50%, -50%);}
.pager .prev:hover,.pager .next:hover{ background:#058e7c; }
.bc-prev:hover,.bc-next:hover{color:#ffffff;border-color:#058e7c;}
.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; }
.backlist:hover{background:#027969;}