@import url('//at.alicdn.com/t/c/font_4419417_pavznl0qb08.css');
@import url(swiper-iconfont.css?v=1.0.6);
@charset "utf-8";
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul,div{ margin: 0; padding: 0; }
body, button, input, select, textarea {font-family:"微软雅黑",roboto,Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.5; color: #333;outline: none;}
.clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0;}
img{vertical-align: middle;}
li{ list-style-type: none; }
a{ text-decoration: none; color: #333; outline: none; transition: all .3s;}
a:hover{ color: #08ABA8;}
.bd{width: 100%; max-width: 1200px; margin: 0 auto;}
.shadow{box-shadow: 0 0 10px rgba(0,0,0,.1);}
.btitle h3{font-size: 36px; font-weight: bold; height: 40px; line-height: 40px;}
.btitle p{ font-size: 16px; color: #999; line-height: 2em; margin-top: 5px; }
.morebtn{ height: 40px; line-height: 40px; background-color: #08ABA8; border:1px solid #08ABA8; color: #FFF; font-size: 16px; padding: 0 36px 0 20px; border-radius: 100px; }
.morebtn:hover{ background-color:#FFF; color:#08ABA8; border-color:#08ABA8; }
.morebtn .iconfont{font-size: 16px; margin-left: 3px; vertical-align: middle; position: absolute; transition: transform .3s;}
.morebtn:hover .iconfont{ transform: translate(5px,-5px); }

.pages{ text-align:center; padding:60px 0;}
.pages ul li{ display:inline-block; padding:0 10px;}
.pages ul li a{ display:block; width: 42px; height: 42px; line-height: 42px; background-color:#EEE; border-radius:10px;}
.pages ul li a:hover{background-color:#08ABA8; color: #FFF}
.pages ul .active a{ background-color:#08ABA8; color: #FFF}
.pages ul .disabled a,.pages ul .disabled a:hover{ background-color:#EEE; color: #333; cursor:not-allowed;}
.pages ul .more a,.pages ul .more a:hover{ background-color: transparent; color: #333 }

.header{   z-index: 50;  background: #FFF; position: relative; transition: all .3s; height: 90px}
.header .bd{ height: 90px; max-width: 1500px;  position: relative;}
.header .bd .logo{ position: absolute; left: 0; top: 50%; margin-top: -25px; height: 50px; z-index:10}
.header .bd .logo img{ height: 100%; }
.header .bd .nav{ position: absolute; left: 0px; right: 0px;  text-align: center; top: 0; font-size: 16px; }
.header .bd .nav ul{ display: block;}
.header .bd .nav li{ padding: 0 20px; display: inline-block; position: relative; vertical-align: middle; }
.header .bd .nav li a{ display: block; height:90px;}
.header .bd .nav .item{height: 90px; line-height: 90px; overflow: hidden; }
.header .bd .nav .item.on a{color:#08ABA8; position: relative;}
.header .bd .nav .item.on a:after{ content: ""; height: 4px; background-color:#08ABA8; position: absolute; bottom: 0; left: 0; right: 0;}
.header .bd .nav .item .iconfont{ font-size: 16px; vertical-align: middle; margin-left: 3px; }
.header .bd .nav .subitem{ position: absolute;  display: none; top: 86px; left: 0; right: 0; background-color: #FFF; border-radius: 5px;border-top:4px solid #08ABA8;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.header .bd .nav .subitem a{ display: block;height: 50px; line-height: 50px; padding: 0 10px; white-space: nowrap; text-align: center; }
.header .bd .nav .subitem a:hover{ background-color: #08ABA8; color: #FFF; }
.header .bd .nav .subitem a:last-child{ border-radius: 0 0 5px 5px; }
.header .bd .nav .subitem:after{content: ""; position: absolute;width: 0;height: 0;border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-bottom: 6px solid #08ABA8; top: -8px; left: 50%; margin-left: -6px;}
.header .bd .tel{ position: absolute; height: 40px; line-height: 40px; top: 50%; margin-top: -20px; font-weight: bold; right: 0; font-size: 14px; color: #08ABA8; }
.header .bd .tel .iconfont{ margin-right: 4px; font-size: 14px; }

/*.main{ margin-top: 90px; }*/
.main .banner{  background-color: #BFDBDF; overflow: hidden; }
.main .swiper{position: relative;}
.main .swiper .swiper-pagination-bullet{ background-color: rgba(255,255,255,.3); transition: all .3s;height: 4px; width: 12px;  border-radius: 100px; opacity: 1; }
.main .swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .main .swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px; }
.main .swiper .swiper-horizontal>.swiper-pagination-bullets, .main .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .main .swiper .swiper-pagination-custom, .main .swiper .swiper-pagination-fraction{ bottom: 30px; }
.main .swiper .swiper-pagination-bullet-active{ background-color: rgba(255,255,255,.8); width: 30px; }
.main .swiper .swiper-slide{ background-position: center center; background-size: cover; background-repeat: no-repeat; }
.main .swiper .swiper-slide a{ display:block;}
.main .swiper .swiper-slide img{ width:100% }
.main .swiper .swiper-slide .index-video{ width:100% }
.main .swiper .swiper-box{ width: 100%; margin: 0 auto; max-width: 1200px; height: 530px; margin-top: 70px; position: relative; overflow: hidden; }
.main .swiper .swiper-box .desc{ color: #FFF; margin-top: 110px; }
.main .swiper .swiper-box .desc h3{ font-size: 36px; font-weight: bold; }
.main .swiper .swiper-box .desc .p{ margin-top: 20px;}
.main .swiper .swiper-box .desc .p p{ font-size: 18px; line-height: 2em; }
.main .swiper .swiper-box .btns{ margin-top: 40px; }
.main .swiper .swiper-box .btns .btn{ display: block; float: left; padding: 0 15px; min-width: 100px; margin-right: 30px; font-size: 16px; height: 40px; line-height: 40px; border-radius: 5px; border: 2px solid #FFF; background-color: #FFF; text-align: center; }
.main .swiper .swiper-box .btns .btn-on{ background-color: #0A69F2; color: #FFF; border-color: #0A69F2; }
.main .swiper .swiper-box .btns .btn-on i{ font-size: 16px; margin-left: 3px;}
.main .swiper .swiper-box .imgbox{ position: absolute; right: 0; top: 50px; width: 380px; }
.main .swiper .swiper-box .imgbox img{ width: 100%; }
.main .swiper .swiper-button-l,.main .swiper .swiper-button-r{ opacity: 0;visibility: hidden; transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 50px; height: 50px;line-height: 50px;  top: 50%; margin-top: -25px; font-size: 20px; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.main .swiper .swiper-button-l{ left: 20px; }
.main .swiper .swiper-button-r{ right: 20px; }
.main .swiper:hover .swiper-button-l,.main .swiper:hover .swiper-button-r{ opacity: 1; visibility: inherit; }

.numberbox{ background-color:#F8F8F8; color:#08ABA8; padding:30px 0; }
.numberbox li{ float:left; width:16.6666%; text-align:center; position:relative; }
.numberbox li p{ color:#333; }
.numberbox li .nums span{ font-size:36px; position:relative; font-weight:bold; }
.numberbox li .nums span em{ position:absolute; font-size:12px; background-color:#08ABA8; font-weight: normal; font-style: normal; color:#FFF; border-radius:100px; right: -24px; top: -5px; width:22px; height:22px; line-height:22px; text-align:center; }
.numberbox li .nums span i{ font-size: 14px; font-weight:bold;}
.numberbox li .nums span s{font-style: normal; text-decoration: none;transition: all 2s ease;}
.numberbox li:after{ position:absolute; content:''; width:1px; height:50px; background-color:#DDD; right:0; top:50%; margin-top:-25px;}
.numberbox li:last-child:after{display: none;}

.mall{ margin-top: 80px; }
.mall .img{ float: left; width: 600px; position: relative; overflow: hidden;  border-radius:10px  }
.mall .img img{ transition: all .5s; width:100% }
.mall .img img:hover{ transform: scale(1.1);}
.mall .description{ float: right; width: 560px; }
.mall .btitle{ margin-top: 30px; position: relative; }
.mall .btitle .morebtn{ position: absolute; right: 0; top: 15px; }

.mall .mcats{ padding: 30px 0 0 0; }
.mall .mcats li{ float: left; width: 16.666%;  margin-top: 15px;}
.mall .mcats li .iconfont{ font-size: 28px; line-height: 28px; display: inline-block; vertical-align: middle;color: #777;}
.mall .mcats li .box{ background-color: #FFF; text-align: center;cursor: pointer; }
.mall .mcats li span{ box-shadow:0 0 15px rgba(0,0,0,.1); display: inline-block; transition: all .3s;  width: 50px; height: 50px;line-height: 50px;  text-align: center; border-radius: 100px; vertical-align: middle; }
.mall .mcats li p{height: 40px; line-height: 40px; transition: all .3s;}
.mall .mcats li .box:hover p{ color:#08ABA8; }
.mall .mcats li .box:hover span{ background-color: #08ABA8;  color: #FFF; }
.mall .mcats li .box:hover span .iconfont{ color: #FFF; transform: rotateY(360deg); transition: transform .5s;}
.mall .qrcode{ margin-top: 40px; text-align: center; }
.mall .qrcode .imgs{ text-align: center; display: inline-block; margin: 0 25px; }
.mall .qrcode .imgs p{ font-size: 16px; }
.mall .qrcode .imgs img{ width:220px }


.strategy{ background-color: #F8F8F8; margin-top:80px  }
.strategy .btitle{ text-align: center; padding: 60px 0 0 0; }
.strategy .btitle p{ line-height: 1.8em; padding: 20px 100px 0 100px; }
.strategy .content{ padding: 50px 0 80px 0; }
.strategy .content .imgbox{ float: right; width: 50%; border-radius:10px; position:relative; overflow:hidden; }
.strategy .content .imgbox img{ width: 100%; transition: all .5s;}
.strategy .content .imgbox:hover img{transform: scale(1.1);}
.strategy .content .imgbox .morebtn{ position: absolute; right: 15px; bottom: 15px; }
.strategy .content .boxbd ul { padding:0 20px 0 0; }
.strategy .content .boxbd ul li{ float:left; width:50%; }
.strategy .content .boxbd ul li .box{ margin:0 20px 0 0; text-align:center; margin-bottom:20px }
.strategy .content .boxbd ul li .box div{ background-color:#FFF; box-shadow:0 0 10px rgba(170,170,170,.1); border-radius:10px; padding:25px 35px 0 35px; transition:all .3s; height:165px;   }
.strategy .content .boxbd ul li .box.on div{ background-color:#08ABA8; color:#FFF }
.strategy .content .boxbd ul li:nth-child(3) .box{ margin-bottom:0 }
.strategy .content .boxbd ul li:nth-child(4) .box{ margin-bottom:0 }
.strategy .content .boxbd ul li .box div i{ font-size:34px; color:#08ABA8; transition:all .3s;}
.strategy .content .boxbd ul li .box.on div i{ color:#FFF; }
.strategy .content .boxbd ul li .box div h4{ font-size:18px; font-weight:bold; height:30px; line-height:30px; padding:0 0 9px 0 }
.strategy .content .boxbd ul li .box div p{ color:#999; line-height:1.6em;transition:all .3s; }
.strategy .content .boxbd ul li .box.on div p{ color:rgba(255,255,255,.8) }
.strategy .content .boxbd ul li a{ display:block; overflow:hidden; }
.strategy .content .boxbd{ float:left; width:50%; }

.quality{margin-top: 80px; }
.quality .btitle{ text-align: center;  }
.quality .btitle p{ line-height: 1.8em; padding: 20px 100px 0 100px; }
.quality .content {padding:50px 0 0 0;}
.quality .content .imgbox{ float:left; width:50%; position:relative; overflow:hidden; border-radius:10px; }
.quality .content .imgbox img{ width: 100%; transition: all .5s;}
.quality .content .imgbox:hover img{transform: scale(1.1);}
.quality .cats{ float:right; width:50% }
.quality .cats ul{ padding:0 0 0 40px; }
.quality .cats ul li{ background-color:#FFF; box-shadow:0 0 10px rgba(90,90,90,.1); border-radius:10px; cursor:pointer; margin-bottom:9px;overflow:hidden; }
.quality .cats ul li div{ height:35px;line-height:35px;  margin:0 20px; padding:8px 0;   font-size:16px;  position:relative;}
.quality .cats ul li .nums{ color:#08ABA8;  font-size:18px;}
.quality .cats ul li.on{ background-color:#08ABA8; color:#FFF; }
.quality .cats ul li.on span{ color:#FFF }
.quality .cats ul li.on div{ font-weight:bold; }
.quality .cats ul li p{ padding:0 20px; height:42px; display:none;transition:all .3s; overflow:hidden; margin-bottom:15px;  color:rgba(255,255,255,.8)}
.quality .cats ul li.on p{display:block;}
.quality .cats ul li.on div{ padding-bottom:0; }
.quality .cats ul li div .i{ font-size:14px; position:absolute; right:0; top:8px; color:rgba(0,0,0,.2)}
.quality .cats ul li.on div .i{ color:rgba(255,255,255,.8) }
.quality .content .imgbox .morebtn{ position: absolute; left: 15px; bottom: 15px; }


.category{margin-top: 80px; }
.category .btitle{ text-align: center; padding: 10px 0 0 0; }
.category .btitle p{ line-height: 1.8em; padding: 20px 100px 0 100px; }
.category .content{ padding: 30px 0 50px 0; position:relative;  }
.category .content .img{overflow:hidden;}
.category .content .img img{width: 100%; transition: all .5s; position:relative;}
.category .content .swiper-cat{overflow:hidden; padding-bottom:20px;}
.category .content .swiper-cat .swiper-slide{ width:380px; margin-right:30px; border-radius: 8px; background-color:#F9F9F9;  overflow:hidden;}
.category .content .swiper-cat-pagination{ text-align:center; height:30px; line-height:30px; padding:25px 0 0 0;  }
.category .content .swiper-cat-pagination .swiper-pagination-bullet-active{ background-color:#08ABA8; }
.category .content .box .h4{ font-size:16px; font-weight:bold;  position:relative; margin:15px 0 0 0; height: 22px; line-height: 22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 0 20px}
.category .content .box ul{ padding:5px 20px 15px 20px;  }
.category .content .box ul li{  white-space:nowrap; overflow:hidden; color:#FF0000; text-overflow:ellipsis; }
.category .content .box ul li .iconfont{ font-size:18px; color:#08ABA8; vertical-align:middle; margin-right:5px; position:relative; top:-1px; }
.category .content  .swiper-cat-l,.category .content  .swiper-cat-r{ position:absolute; font-size:30px; top:50%; margin-top:-60px; color:#666; z-index:10; cursor:pointer; font-weight:bold; }
.category .content  .swiper-cat-l{ left:-50px }
.category .content  .swiper-cat-r{ right:-50px }
.category .content  .swiper-button-disabled{ color:#CCC }
.category .content  .morebd{ text-align:center; padding:40px 0 0 0; display:none}
.category .content  .morebd .morebtn{ display:inline-block; }


.categorys{ background-color: #F8F8F8; margin-top: 80px; }
.categorys .btitle{ text-align: center; padding: 60px 0 0 0; }
.categorys .btitle p{ line-height: 1.8em; padding: 20px 100px 0 100px; }
.categorys .content{ padding: 50px 0 50px 0; position:relative; }
.categorys .content .img{overflow:hidden;}
.categorys .content .img img{width: 100%; transition: all .5s; position:relative;}
.categorys .content .swiper-slide:hover img{transform: scale(1.1);}
.categorys .content .swiper-cats{overflow:hidden; padding-bottom:20px;}
.categorys .content .swiper-cats .swiper-slide{ width:380px; margin-right:30px; background-color:#FFF; border-radius:10px; overflow:hidden;box-shadow:0 0 10px rgba(170,170,170,.1); }
.categorys .content .swiper-cats-pagination{ text-align:center; height:30px; line-height:30px; padding:25px 0 0 0;  }
.categorys .content .swiper-cats-pagination .swiper-pagination-bullet-active{ background-color:#0C778A; }
.categorys .content .box .h4,.categorys .content .box .h5{ font-size:16px; font-weight:bold; text-align:center; height:40px; line-height:40px; position:relative; margin:5px 0}
.categorys .content .box .h4:after{ content:""; height:3px; background-color:#0C778A; position:absolute; width:30px; left:50%; margin-left:-15px;  bottom:0}
.categorys .content .box ul{ padding:5px 20px 15px 20px; min-height:180px; }
.categorys .content .box ul li{ line-height:40px; height:40px; white-space:nowrap; overflow:hidden; color:#999; text-overflow:ellipsis; }
.categorys .content .box ul li .iconfont{ font-size:18px; color:#0C778A; vertical-align:middle; margin-right:5px; position:relative; top:-1px; }
.categorys .content  .swiper-cats-l,.categorys .content  .swiper-cats-r{ position:absolute; font-size:30px; top:50%; margin-top:-60px; color:#666; z-index:10; cursor:pointer; font-weight:bold; }
.categorys .content  .swiper-cats-l{ left:-50px }
.categorys .content  .swiper-cats-r{ right:-50px }
.categorys .content  .swiper-button-disabled{ color:#CCC }
.categorys .content  .morebd{ text-align:center; padding:40px 0 0 0; display:none}
.categorys .content  .morebd .morebtn{ display:inline-block; }

.service{margin-top: 80px;}
.service .btitle{ text-align: center; }
.service .btitle p{ line-height: 1.8em; padding: 20px 100px 0 100px; }
.service .tabs{ padding:50px 0 0 0; text-align:center; }
.service .tabs span{ display:inline-block; height:40px; line-height:40px;  background-color:#F2F2F2; width:160px; transition: all .3s; cursor:pointer; position:relative; }
.service .tabs span:first-child{ border-radius:10px 0 0 10px; }
.service .tabs span:last-child{ border-radius:0 10px 10px 0; }
.service .tabs span.on{ background-color:#08ABA8; color:#FFF;}
.service .tabs span.on:after{content: "";position: absolute;width: 0;height: 0;border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-top: 6px solid #08ABA8; bottom: -5px; left: 50%; margin-left: -6px;}
.service  .morebd{ text-align:center; padding:50px 0 0 0; }
.service  .morebd .morebtn{ display:inline-block; }
.service  .tabsct { position:relative; }
.service  .tabsct .box{height:260px; margin:60px 80px 0 80px; }
.service  .tabsct:after{ content:""; position:absolute; height: 2px; background-color: #08ABA8; left:0; right:0; top:50%; margin-top:-1px;}
.service  .tabsct .box .item{ float:left; width:20%; text-align:center;}
.service  .tabsct .box .item .title{ height:100px; background-color:#FFF; border:1px dotted transparent; transition:all .3s; border-radius:10px; overflow:hidden; }
.service  .tabsct .box .item:hover .title{ background-color:#F1FCFE;border-color:#666; color: #08ABA8;}
.service  .tabsct .box .item:hover .title p{}
.service  .tabsct .box .item:hover .title i{transform: rotateY(360deg); transition: transform .5s;}
.service  .tabsct .box .item .ibd{ margin:0 10px; cursor:pointer; }
.service  .tabsct .box .item .title i{ font-size:46px; height:46px; line-height:46px; color:#08ABA8; margin-top:12px; display:block; }
.service  .tabsct .box .item .title p{ font-size:18px; font-weight:bold; }
.service  .tabsct .box .item .desc{ padding:0 15px; color:#999; line-height:1.8em; height:102px; }
.service  .tabsct .box .item .mark{ height:56px; position:relative; z-index:5;}
.service  .tabsct .box .item .mark i{ width:10px; height:10px; display:block; position:absolute; left:50%; margin-left:-6px; top:50%; margin-top:-7px; border-radius:100px; border:2px solid #08ABA8; background-color:#FFF; }
.service  .tabsct .box .item .mark i:after{content:""; background-color:#08ABA8; width:6px; height:6px; border-radius:100px; left:50%;margin-left:-3px; top:50%; margin-top:-3px; position:absolute;}
.service  .tabsct.fourcn .box .item{ width:25%; }

.reducecost{ background-color: #F8F8F8; padding-bottom:80px; }
.reducecost .btitle{ text-align: center; padding: 60px 0 0 0; }
.reducecost .btitle p{ line-height: 1.8em; padding: 20px 100px 0 100px; }
.reducecost .slidewap{ margin-top:20px; }
.reducecost .slidewap .content .item{ float:left; width:270px; border-radius:10px; margin-right:40px; margin-top: 30px; cursor:pointer; background-color:#FFF;  overflow:hidden; box-shadow:0 0 10px rgba(170,170,170,.1) }
.reducecost .slidewap .content .item:last-child{ margin-right:0; }
.reducecost .slidewap .content .item:nth-child(4){ margin-right:0 }

.reducecost .slidewap .content .item .img{ overflow:hidden; }
.reducecost .slidewap .content .item .img img{ width:100%; transition: all .5s; position:relative;}
.reducecost .slidewap .content .item:hover .img img{transform: scale(1.1);}
.reducecost .slidewap .content .item .desc{ text-align:center; padding:15px 15px 30px 15px; }
.reducecost .slidewap .content .item .desc .n{ font-weight:bold; font-size:18px; height:40px;line-height:40px; }
.reducecost .slidewap .content .item .desc p{ padding:0 15px; height:48px;line-height:24px; color:#999; margin-top:10px; }
.reducecost  .morebd{ text-align:center; padding:40px 0 0 0; }
.reducecost  .morebd .morebtn{ display:inline-block; }

.qualifications{ margin-top:80px; }
.qualifications .btitle{ text-align: center; }
.qualifications .btitle p{ line-height: 1.8em; padding: 20px 100px 0 100px; }

.news{background-color: #F8F8F8; margin-top: 50px; padding-bottom:80px;}
.news .btitle{ text-align: center; padding: 60px 0 0 0; }
.news .btitle p{ line-height: 1.8em; padding: 20px 100px 0 100px; }
.news .content{ margin-top:50px; }
.news .content .topnews a{ background-color:#FFF; display:block; box-shadow:0 0 10px rgba(170,170,170,.1); border-radius:10px; overflow:hidden;}
.news .content .topnews { float:left; width:570px; overflow:hidden; }
.news .content .topnews .img{ overflow:hidden; height:280px;  }
.news .content .topnews .img img{ width:100%; transition:all .3s;position:relative;}
.news .content .topnews:hover img{transform:scale(1.1);}
.news .content .topnews .desc{ height:200px; font-size:16px; position:relative;overflow:hidden;}
.news .content .topnews .desc .date{ height:40px; line-height:40px;  padding:0 30px; margin-top:15px;}
.news .content .topnews .desc .title{ height:60px; line-height:30px; overflow:hidden; padding:0 30px; }
.news .content .topnews .desc .detail{ position:absolute; left:30px; bottom:30px; color:#08ABA8; transition:all .3s; }
.news .content .topnews .desc .detail i{ margin-left:5px; vertical-align:middle;  }
.news .content .newslist{  width:570px; overflow:hidden; float:right; }
.news .content .newslist .newsli{ margin-bottom:60px; position:relative; }
.news .content .newslist .newsli .img{overflow:hidden; width:244px; float:left; }
.news .content .newslist .newsli .img img{width:100%; transition:all .3s;position:relative;}
.news .content .newslist .newsli:hover .img img{transform:scale(1.1);}
.news .content .newslist .newsli .info{ padding:0 20px 0 260px; font-size:16px; }
.news .content .newslist .newsli a{ background-color:#FFF;  overflow:hidden; display:block; border-radius:10px; box-shadow:0 0 10px rgba(170,170,170,.1)}
.news .content .newslist .newsli .info .title{height:48px; line-height:24px; overflow:hidden; margin-top:15px; }
.news .content .newslist .newsli .info .date{ margin-top:18px; }
.news .content .newslist .newsli:last-child{ margin-bottom:0 }
.news .content .newslist .newsli:after{ content:""; position:absolute; height:1px; background-color:#EEE; left:0; right:0; bottom:-30px; }
.news .content .newslist .newsli:last-child:after{display:none}
.news  .morebd{ text-align:center; padding:50px 0 0 0; }
.news  .morebd .morebtn{ display:inline-block; }

#certify {position: relative;width:100%; overflow:hidden; margin-top:50px;}
#certify .swiper-container {padding-bottom: 60px;}
#certify .swiper-slide {width: 520px;height: 408px;background: #fff;box-shadow: 0 8px 30px #ddd; border-radius:10px; overflow:hidden;}
#certify .swiper-slide img {display: block;}
#certify .swiper-slide p {line-height: 98px;padding-top: 0;text-align: center;color: #666;font-size: 1.1em;margin: 0;}
#certify .swiper-pagination-c {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;background-color: #d5d5d5;width: 8px;height: 8px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #08ABA8;}
#certify .swiper-cer-l,#certify .swiper-cer-r{position:absolute; font-size:30px; top:50%; margin-top:-60px; color:#666; z-index:10; cursor:pointer; font-weight:bold;}
#certify .swiper-cer-l {left: 0px;}
#certify .swiper-cer-r {right: 0px;}

.indexvideo{ padding:50px 0 40px 0 }
.indexvideo .btitle{ text-align: center; }
.indexvideo .btitle p{ line-height: 1.8em; padding: 20px 100px 0 100px; }
.indexvideo .videobd{ margin-top:50px }

.subbanner{  background-size:cover;background-repeat:no-repeat; background-position:center center; }
.subbanner .bd{height:580px; position:relative; overflow:hidden;}
.subbanner .bd .hand{ position:absolute; left:50px; bottom:0; height:500px;--animate-duration: .8s; }
.subbanner .bd .titles{ position:absolute; left:580px; top:120px; height:100px;--animate-duration: .8s;}
.subbanner .bd .titles.animate__animated{-webkit-animation-delay: .3s;animation-delay: .3s;-webkit-animation-delay: .3s;animation-delay: .3s;}
.subbanner .bd .xcx{ position:absolute; left:580px; top:270px; height:200px; --animate-duration: .8s; border-radius:10px;}
.subbanner .bd .gzh{ position:absolute; left:810px; top:270px; height:200px; --animate-duration: .8s;border-radius:10px;}
.subbanner .bd .xcx.animate__animated{-webkit-animation-delay: .5s;animation-delay: .5s;-webkit-animation-delay: .5s;animation-delay: .5s;}
.subbanner .bd .gzh.animate__animated{-webkit-animation-delay: .6s;animation-delay: .6s;-webkit-animation-delay: .6s;animation-delay: .6s;}

.mall-tx{ margin-top:80px; }
.mall-tx .btitle{ text-align:center; }
.mall-tx .list{ margin-top:50px; }
.mall-tx .list ul{ background-color:#F8F8F8; border-radius:10px; overflow:hidden; padding:30px 20px;  }
.mall-tx .list li{ float:left;  width:33.3333%;  }
.mall-tx .list li.mgnone{ margin-right:0; }
.mall-tx .list li .box{  text-align:center; padding:15px 0;transition:all .3s }
.mall-tx .list li .box .icon{ position:relative; height:56px; }
.mall-tx .list li .box .iconfont{ color:#FFF; font-size:36px; height:36px; line-height:36px; background-color:#08ABA8;border-radius:20px; padding:10px; left:50%; margin-left:-28px; top:50%; margin-top:-28px; position:absolute; }
.mall-tx .list li .box .names{ font-size:18px; font-weight:bold; height:30px; line-height:30px; padding:15px 0 5px 0 }
.mall-tx .list li .box p{color:#999;}
/*.mall-tx .list li:hover .box .names{ color:#08ABA8 }*/
/*.mall-tx .list li:hover .box{ background-color: #08ABA8; color:#FFF}
.mall-tx .list li:hover .box .iconfont{ background-color:#FFF; color:#08ABA8 }*/
/*.mall-tx .list li:hover .box p{ color:#FFF }*/
.mall-zn{ margin-top:80px; }
.mall-zn .bd{ overflow:hidden; }
.mall-zn .btitle{ text-align:center; }
.mall-zn ul{ margin-top:50px; }
.mall-zn li{ height:400px; background-color:#F8F8F8; border-radius:10px; margin-bottom:200px; position:relative; }
.mall-zn li .img,.mall-zn li .info{position:absolute;}
.mall-zn li .info .nums{ color:#08ABA8; font-size:62px; height:70px; line-height:70px; font-weight:bold; }
.mall-zn li .info h4{ font-size:24px; font-weight:bold; padding:10px 0 10px 0; }
.mall-zn li .info p{ color:#999; font-size:16px; }
.mall-zn li.l .img{ left:240px; top:50px; }
.mall-zn li.l .info{ left:600px; top:150px; }
.mall-zn li.r .img{ right:240px; top:-100px; }
.mall-zn li.r .info{ right:600px; top:100px; }
.mall-zn li.c .img{ left:240px; top:-100px; }
.mall-zn li.c .info{ left:600px; top:100px; }
.mall-zn li:last-child{ margin-bottom:80px; }
.mall-zn li .img img{ height:500px; }

.mall-cat{ margin-top:60px; background-color:#F8F8F8; padding:80px 0 }
.mall-cat .btitle{ text-align:center; }
.mall-cat .slidewap{ margin-top:50px; }
.mall-cat .slidewap .content .item{ float:left; width:224px; border-radius:10px; margin-right:20px; margin-bottom:20px; cursor:pointer; background-color:#FFF;  overflow:hidden; box-shadow:0 0 10px rgba(170,170,170,.1) }
.mall-cat .slidewap .content .item.mgnone{ margin-right:0; }
.mall-cat .slidewap .content .item .img{ overflow:hidden; }
.mall-cat .slidewap .content .item .img img{ width:100%; transition: all .5s; position:relative;}
.mall-cat .slidewap .content .item:hover .img img{transform: scale(1.1);}
.mall-cat .slidewap .content .item .desc{ text-align:center; padding:10px 15px 10px 15px; }
.mall-cat .slidewap .content .item .desc .n{ font-weight:bold; font-size:18px; height:40px;line-height:40px; }
.mall-cat .slidewap .content .item .desc p{ padding:0 15px; height:48px;line-height:24px; color:#999; margin-top:10px; }
.mall-cat  .morebd{ text-align:center; padding:20px 0 0 0; }
.mall-cat  .morebd .morebtn{ display:inline-block; }

.mall-catlist{ padding:50px 0; }
.mall-catlist .mall-cat-menu{ float:left; width:220px; background-color:#F8F8F8; border-radius:10px; overflow:hidden; }
.mall-catlist .mall-cat-menu h3{ background-color:#08ABA8; color:#FFF; font-size:18px; font-weight:bold; height:60px; line-height:60px; padding:0 20px; }
.mall-catlist .mall-cat-menu li a{display:block; line-height:50px; height:50px; padding:0 20px; font-size:16px;}
.mall-catlist .mall-cat-menu ul{ padding:10px 0; }
.mall-catlist .mall-cat-menu li a .iconfont{ font-size:16px; color:#DDD; position:relative; transition:all .3s; }
.mall-catlist .mall-cat-menu li a.on{ color:#08ABA8; font-weight:bold; }
.mall-catlist .mall-cat-menu li a.on .iconfont{ color:#08ABA8; }
.mall-catlist .mall-cat-menu li a:hover .iconfont{ margin-right:10px; }
.mall-catlist .mall-menu{ float:right; width:930px;}
.mall-catlist .mall-menu .li li{ width:210px; margin-right:30px; margin-bottom:30px; overflow:hidden; float:left; background-color:#FFF; border-radius:10px; box-shadow:0 0 10px rgba(70,70,70,.1);}
.mall-catlist .mall-menu .li li.mgnone{ margin-right:0 }
.mall-catlist .mall-menu .li li .img{ position:relative; overflow:hidden; }
.mall-catlist .mall-menu .li li .img img{ width:100%;transition:all .3s }
.mall-catlist .mall-menu .li li .names{ font-size:16px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mall-catlist .mall-menu .li li .info{ padding:15px 15px; }
.mall-catlist .mall-menu .li li .price{ height:20px; line-height:20px; margin-top:10px; position:relative; }
.mall-catlist .mall-menu .li li .price b,.mall-catlist .mall-menu .li li .price .unit{ font-weight:bold; }
.mall-catlist .mall-menu .li li .price b{ color:#D93600;font-size:16px;  vertical-align:bottom; }
.mall-catlist .mall-menu .li li .price .unit{ color:#999; padding:0 0 0 3px; }
.mall-catlist .mall-menu .li li .price .qrcode{ position:absolute; right:0; top:50%; margin-top:-8px; cursor:pointer; }
.mall-catlist .mall-menu .li li .price .qrcode .iconfont{ font-size:16px; height:16px; line-height:16px; }
.mall-catlist .mall-menu .li li:hover img{ transform:scale(1.1); }
.mall-catlist .mall-menu .li li .price .qrcode img{ width:100px; height:100px; position:absolute; right:5px; bottom:10px; display:none; box-shadow:0 0 10px rgba(0,0,0,.1)}
.mall-catlist .mall-menu .li li .price .qrcode:hover img{display:block;}
.mall-catlist .pages{ padding-top:30px; }
.mall-catlist .mall-menu .submenu{ background-color:#F8F8F8; padding:10px 20px; margin-bottom:20px; font-size:16px; border-radius:10px}
.mall-catlist .mall-menu .submenu a{ display:inline-block; height:40px; line-height:40px; margin-right:30px; position:relative; }
.mall-catlist .mall-menu .submenu a.on{ color:#08ABA8 }
.mall-catlist .mall-menu .submenu a.on:after{ content:''; position:absolute; height:4px; left:0; right:0; bottom:0; background-color:#08ABA8 }

.staticbanner{  background-size:cover;background-repeat:no-repeat; background-position:center center; background-color: #E8F3F5; }
.staticbanner .bd{height:480px; position:relative; }
.staticbanner .title{ text-align:center; text-align:center; height:40px; line-height:40px; width:400px; top:50%; margin-top:-50px;  left:50%; margin-left:-200px; position:absolute;}
.staticbanner h1{ font-size:36px; display:inline-block; position:relative;}
.staticbanner h1:before{ content:""; height:1px; background-color:#DDD; width:100px; position:absolute; left:-120px; top:20px; }
.staticbanner h1:after{ content:""; height:1px; background-color:#DDD; width:100px; position:absolute; right:-120px; top:20px; }
.position{ height: 80px;line-height: 80px; font-size: 16px; text-align: center; position: absolute; left: 0; right: 0; bottom: -40px; box-shadow: 0 8px 15px rgba(0,0,0,.1); border-radius: 10px; background-color:#FFF; }
.position .l{ float: left; margin-left: 30px; }
.position .l .iconfont{ font-size: 16px; color: #999; }
.position .l span{ padding: 0 10px; }
.position .r{ float: right; margin-right: 30px; }
.position a{ display: inline-block; margin:0 30px; position: relative; }
.position a.on{ color:#08ABA8 ; }
.position a.on:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background-color:#08ABA8; }
.strategybanner .bd{ height:580px; }
.strategybanner .title{ margin-top:-20px; }
.strategybanner h1{color:#FFF }



.article-content{  margin-top: 80px; font-size:16px;  overflow:hidden; line-height:2.2em; box-shadow: 0 0 15px rgba(0,0,0,0);  border-radius:10px;  background-color:rgba(255,255,255,1); margin-bottom:100px;}
.article-content img{ max-width:100% }
.strategy-content .zl-1{background-color:#F8F8F8; border-radius:10px;  position:relative; margin-top:30px;}
.strategy-content .zl-1 .img{ position:absolute; right:100px; height:300px; top:50%; margin-top:-150px;--animate-delay: 0.3s; }
.strategy-content .zl-1 .img img{ height:100%; }
.strategy-content .zl-1 .desc{ padding:50px 50px 50px 50px; --animate-delay: 0.3s;}
.strategy-content .zl-2 { padding-top:80px; }
.strategy-content .zl-2 .btitle{ text-align:center; }
.strategy-content .zl-2 .swiper-box{ position:relative; margin:50px 0 0 0; }
.strategy-content .zl-2 .swiper-zl2{ position:relative;overflow:hidden; }
.strategy-content .zl-2 .swiper-zl2 .swiper-slide{ text-align:center; }
.strategy-content .zl-2 .swiper-zl2 .img img{ width:100%; border-radius:10px; }
.strategy-content .zl-2 .swiper-zl2 .desc{ padding:20px 0 0 0 }
.strategy-content .zl-2 .swiper-pagination-zl{ text-align:center; height:30px; line-height:30px; padding:25px 0 0 0;  bottom:-50px; }
.strategy-content .zl-2 .swiper-pagination-zl .swiper-pagination-bullet-active{ background-color:#08ABA8; }
.strategy-content .zl-2 .swiper-zl-l,.strategy-content .zl-2 .swiper-zl-r{ position:absolute; font-size:30px; top:50%; margin-top:-60px; color:#08ABA8; z-index:10; cursor:pointer; font-weight:bold; }
.strategy-content .zl-2 .swiper-zl-l{ left:15px }
.strategy-content .zl-2 .swiper-zl-r{ right:15px }
.strategy-content .zl-2 .swiper-button-disabled{ color:#CCC }
.strategy-content .zl-3 { padding-top:150px; }
.strategy-content .zl-3 .btitle{ text-align:center; }
.strategy-content .zl-3 .box{ margin-top:50px; }
.strategy-content .zl-3 .box-l{ float:left; width:580px; position:relative; margin-bottom:30px }
.strategy-content .zl-3 .box-r{ float:right; width:580px; position:relative;margin-bottom:30px }
.strategy-content .zl-3 .box img{ border-radius:10px; width:100% }
.strategy-content .zl-3 .box p{ height:40px; line-height:40px; text-align:center; margin-top:10px; }
.strategy-content .zl-4 { padding-top:100px; }
.strategy-content .zl-4 .btitle{ text-align:center; }
.strategy-content .zl-4 .box{ padding:20px 0 10px 0; margin-top:10px;  position:relative; }
.strategy-content .zl-4 .box li{ float:left; width:590px; margin-right:20px; background-color:#F8F8F8; border-radius:10px;  margin-top:20px; }
.strategy-content .zl-4 .box li .pd{ text-align:center; padding:40px 80px; }
.strategy-content .zl-4 .box li .pd .desc{ height:56px; line-height:28px; color:#999 }
.strategy-content .zl-4 .box li .pd .title{ font-size:18px; font-weight:bold; height:20px; line-height:20px; padding:10px 0 20px 0; }
.strategy-content .zl-4 .box li .pd .icon .iconfont{ display:inline-block; font-size:48px; height:48px; line-height:48px; color:#08ABA8; border-radius:20px; }
.strategy-content .zl-4 .box .t{ position:absolute; height:60px; width:80px; line-height:30px; border:20px solid #FFF; text-align:center; font-size:18px; font-weight:bold; padding:30px 20px; left:50%; margin-left:-90px; top:50%; margin-top:-70px; background-color:#08ABA8; color:#FFF; border-radius:100px; }
.strategy-content .zl-4 .box.td .t{ background-color:#FF7373; }
.strategy-content .zl-4 .box.td li .pd .icon .iconfont{color:#FF7373;}
.strategy-content .zl-4 .box.jz{ margin-top:30px; }
/*.strategy-content .zl-4 .box.jz .t{ width:100px; padding:30px 10px; }*/
.strategy-content .zl-4 .box li.mgnone{ margin-right:0; }
.strategy-content .zl-4 .box li .pd{ min-height:160px; }
.strategy-content .zl-4 .morebd{ text-align:center; padding:50px 0 0 0; }
.strategy-content .zl-4 .morebd .morebtn{ display:inline-block; }
.strategy-zl{ margin-top:50px; padding:0 }



.quality-content .qua-1{ background-color:#F8F8F8; border-radius: 10px; padding: 30px 100px;  margin-top: 50px;--animate-delay: 0.3s; }
.quality-content .btitle{ text-align: center; }
.quality-content .qua-2 .btitle{ padding-top: 80px; }
.quality-content .qua-2 .btitle p{ padding: 10px 100px 0 100px;--animate-delay: 0.3s; }
.quality-content .qua-2 .btitle h3{--animate-delay: 0.3s;}
.quality-content .qua-2 .imgct{ text-align: center; margin-top: 50px; }
.quality-content .qua-2 .imgct img{ margin: 0 auto; max-width: 100%; }
.quality-content .qua-3{ margin-top: 80px; overflow: hidden; background-color: #F8F8F8; background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 80px 0; }
.quality-content .qua-3 .btitle { color: #FFF; }
.quality-content .qua-3 .ctbox{ margin-top: 80px; margin-left: 60px; margin-right: 60px; }
.quality-content .qua-3 .ctbox .l{ float: left; width: 50%;  }
.quality-content .qua-3 .ctbox .r{ float: left; width: 50%; }
.quality-content .qua-3 .ctbox .b{ margin: 0 20px; background-color: rgba(255,255,255,.9); padding: 30px 50px 20px 50px; }
.quality-content .qua-3 .ctbox .b .n{ font-size: 20px; font-weight: bold; text-align: center; color: #08ABA8; }
.quality-content .qua-3 .ctbox .b p{ line-height: 1.8em; margin-top: 10px; min-height: 120px; padding: 10px 0 0 0; }
.quality-content .qua-3 .ctbox2{ margin-top: 40px; }
.quality-content .veglist{ margin-top: 20px; }
.quality-content .veglist .li{ float: left; width: 48%; margin-top: 40px; background-color: #FFF; box-shadow: 0 0 15px rgba(0,0,0,.1); border-radius: 15px; height: 280px; overflow: hidden; }
.quality-content .veglist .li.r{ float: right; }
.quality-content .veglist .li .img{ float: left; width: 150px; height: 180px; margin-top: 50px; margin-left: 20px; }
.quality-content .veglist .li .img img{ width: 100%; }
.quality-content .veglist .li .info{ padding: 30px 0 0 200px; }
.quality-content .veglist .li .info .cname span{ font-size: 20px; height: 50px; line-height: 50px; font-weight: bold; color: #08ABA8; position: relative; display: inline-block; }
.quality-content .veglist .li .info .cname span:after{ content:''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background-color: #08ABA8; }
.quality-content .veglist .li .info ul{ padding: 15px 0 0 0; }
.quality-content .veglist .li .info ul .iconfont{ color: #08ABA8; margin-right: 3px; }
.quality-content  .tabsct { position:relative; }
.quality-content  .tabsct .box{height:260px; margin:60px 80px 0 80px; }
.quality-content  .tabsct:after{ content:""; position:absolute; height: 2px; background-color: #08ABA8; left:0; right:0; top:50%; margin-top:-1px;}
.quality-content  .tabsct .box .item{ float:left; width:20%; text-align:center;}
.quality-content  .tabsct .box .item .title{ height:100px; background-color:#FFF; border:1px dotted transparent; transition:all .3s; border-radius:10px; overflow:hidden; }
.quality-content  .tabsct .box .item:hover .title{ background-color:#F1FCFE;border-color:#666; color: #08ABA8;}
.quality-content  .tabsct .box .item:hover .title p{}
.quality-content  .tabsct .box .item:hover .title i{transform: rotateY(360deg); transition: transform .5s;}
.quality-content  .tabsct .box .item .ibd{ margin:0 10px; cursor:pointer; }
.quality-content  .tabsct .box .item .title i{ font-size:46px; height:46px; line-height:46px; color:#08ABA8; margin-top:12px; display:block; }
.quality-content  .tabsct .box .item .title p{ font-size:18px; font-weight:bold; }
.quality-content  .tabsct .box .item .desc{ padding:0 15px; color:#999; line-height:1.8em; height:102px; }
.quality-content  .tabsct .box .item .mark{ height:56px; position:relative; z-index:5;}
.quality-content  .tabsct .box .item .mark i{ width:10px; height:10px; display:block; position:absolute; left:50%; margin-left:-6px; top:50%; margin-top:-7px; border-radius:100px; border:2px solid #08ABA8; background-color:#FFF; }
.quality-content  .tabsct .box .item .mark i:after{content:""; background-color:#08ABA8; width:6px; height:6px; border-radius:100px; left:50%;margin-left:-3px; top:50%; margin-top:-3px; position:absolute;}
.quality-content  .tabsct.fourcn .box .item{ width:25%; }
.quality-content .cnlist{ margin-top:50px; }
.quality-content .cnlist li{ float:left;  width:270px; margin-right:40px; }
.quality-content .cnlist li.mgnone{ margin-right:0; }
.quality-content .cnlist li .box{ background-color:#F8F8F8; border-radius:10px;  text-align:center; padding:40px 0 30px 0;transition:all .3s }
.quality-content .cnlist li .box .icon{ position:relative; height:56px; }
.quality-content .cnlist li .box .iconfont{ color:#FFF; font-size:36px; height:36px; line-height:36px; background-color:#08ABA8;border-radius:20px; padding:10px; left:50%; margin-left:-28px; top:50%; margin-top:-28px; position:absolute; }
.quality-content .cnlist li .box .names{ font-size:20px; font-weight:bold; height:30px; line-height:30px; padding:25px 0 20px 0 }
.quality-content .cnlist li .box p{color:#999; padding: 0 30px; line-height: 1.8em; min-height: 120px;}
.quality-content .cnlist li:hover .box .names{ color:#08ABA8 }
.quality-content .jbcglist{ margin-top:50px; }
.quality-content .jbcglist li{ float:left;  width:380px; margin-right:30px;  }
.quality-content .jbcglist li.mgnone{ margin-right:0; }
.quality-content .jbcglist li .box{ background-color:#FFF;box-shadow:0 0 10px rgba(90,90,90,.1);  border-radius:10px;  text-align:center; padding:40px 0 30px 0;transition:all .3s }
.quality-content .jbcglist li .box .icon{ position:relative; height:56px; }
.quality-content .jbcglist li .box .iconfont{ color:#FFF; font-size:36px; height:36px; line-height:36px; background-color:#08ABA8;border-radius:20px; padding:10px; left:50%; margin-left:-28px; top:50%; margin-top:-28px; position:absolute; }
.quality-content .jbcglist li .box .names{ font-size:18px; font-weight:bold; height:30px; line-height:30px; padding:15px 0 10px 0 }
.quality-content .jbcglist li .box p{color:#999; padding:0 60px; line-height:1.8em; min-height:58px;}
.quality-content .jbcglist li:hover .box .names{ color:#08ABA8 }
.quality-content .tgcglist{ margin-top:50px; }
.quality-content .tgcglist li{ float:left; width:50%; overflow:hidden; }
.quality-content .tgcglist li .l{margin-right:20px; text-align:center; border-radius:10px; overflow:hidden; }
.quality-content .tgcglist li .r{margin-left:20px; text-align:center;border-radius:10px; overflow:hidden; }
.quality-content .tgcglist li .desc{ padding:30px; background-color:#F8F8F8 }
.quality-content .tgcglist li .names{ font-size:20px; font-weight:bold; }
.quality-content .tgcglist li p{ color:#999 }
.quality-content .tgcglist li .img img{ width:100% }
.quality-content .zizhilist { margin-top:30px; }
.quality-content .zizhilist li{ float:left; width:270px; margin-right:40px; margin-top:20px; cursor:pointer; }
.quality-content .zizhilist li .img img{ width:100%; }
.quality-content .zizhilist li.mgnone{ margin-right:0; }
.quality-content .zizhilist li p{ text-align:center; padding:10px 0 }

.year-content .timesbd{ width: 620px; margin:0 auto; position: relative;  }
.year-content .timesbd:before{content:''; position: absolute; height: 100%; width: 4px; left: 50%; margin-left: -2px; top: 0; bottom: 0; background-color: #08ABA8;}
.year-content .timesbd li{ position: relative; display: block; margin-top: 50px; }
.year-content .timesbd li .year{ width: 80px; height: 80px; line-height: 80px; left: 50%; margin-left: -40px; top: 50%; margin-top: -40px; position: absolute; background-color: #08ABA8; color: #FFF; border-radius: 100px; text-align: center; }
.year-content .timesbd li .year-b{ background-color: #ECFBFD; border: 1px solid #08ABA8; border-radius: 10px; padding: 15px 20px; width: 200px; line-height: 1.5em; min-height: 48px; }
.year-content .timesbd li .year-l{float: left; position: relative;}
.year-content .timesbd li .year-l:after{content: ""; position: absolute; top: 50%; margin-top: -6px; right: -6px; border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #08ABA8;}
.year-content .timesbd li .year-r{float: right; position: relative;}
.year-content .timesbd li .year-r:after{content: ""; position: absolute; top: 50%; margin-top: -6px; left: -6px; border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid #08ABA8;}

.join-content{ margin-bottom:30px; }
.join-content .joinlist li{ float: left; width: 380px; margin-right: 30px; margin-top: 30px; }
.join-content .joinlist li .box{ border-radius: 10px; border:1px solid #FFF; box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 15px 20px; position: relative; transition: all .3s; }
.join-content .joinlist li:hover .box{ background-color: #F9F9F9; box-shadow: none; }
.join-content .joinlist li.mgnone{ margin-right: 0; }
.join-content .joinlist li .box .zhiwei{ font-size: 18px; font-weight: bold; color: #08ABA8; position:relative; }
.join-content .joinlist li .box .zhiwei span{ display: inline-block; background-color: #fe574a; color: #FFF; font-size: 14px; border-radius: 5px; margin-right: 5px; padding: 0 4px; font-weight: normal; line-height: 20px; position: absolute; top: 8px; left:0; vertical-align: middle; }
.join-content .joinlist li .box .xinzi{ color: #fe574a; padding: 0 10px 0 0; }
.join-content .joinlist li .box .tags{ display: inline-block; border-radius: 5px; background-color: #F8F8F8; margin-left: 10px; font-size: 14px; line-height: 20px; padding: 0 6px;  color: #666; }
.join-content .joinlist li .box .datetime{ color: #999; }
.join-content .joinlist li .box .dates .view{ float: right; }
.join-content .joinlist li .box .dates{ margin-top: 15px; font-size: 14px; }
.join-content .joinlist li .box .dates .iconfont{font-size:14px ;}
.join-content .join-left{ float:left; width:380px; }
.join-content .joinbd{ float:right; width:800px;  margin-top:30px; border-radius:10px; background-color:#FFF; box-shadow:0 0 15px rgba(0,0,0,.1) }
.join-content .joinlist li .box.on{ border-color:#08ABA8; }
.join-content .joinbd.joinfixed{ position:fixed; }
.join-content .joinbd.joinabsolute{ position:absolute; }
.join-content .join-left li .box .zhiwei{ font-weight:normal; color:#333 }
.join-content .joinlist li .box.on .zhiwei{ color:#08ABA8 }
.join-content .joinbd .jointtitle{padding:30px 0 20px 0;border-bottom:1px solid #EEE; margin:0 40px;}
.join-content .joinbd .jointtitle .names{ line-height:30px;}
.join-content .joinbd .jointtitle .names h3{ display:inline-block; font-size:20px; }
.join-content .joinbd .jointtitle .names span{ font-size:20px; color: #fe574a; font-weight:bold; display:inline-block; margin-left:20px;}
.join-content .joinbd .jointtitle .tags span{display: inline-block; border-radius: 5px; background-color: #F8F8F8; margin-right: 10px; font-size: 14px; line-height: 20px; padding: 0 6px;  color: #666;}
.join-content .joinbd .joindetail{ padding:20px 40px; }
.join-content .joinbd .joindetail .tit{ font-size:16px; }
.join-content .joinbd .joindetail .ct{ padding:20px 0 40px 0; line-height:1.5em }


.news-content .newslist li a{ display: block; }
.news-content .newslist li { border-bottom: 1px solid #E6E6E6; padding: 25px 0; }
.news-content .newslist li:first-child { padding-top: 0; }
.news-content .newslist li:last-child { border: 0; }
.news-content img { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.news-content .newslist li a:hover img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); }
.news-content .img { float: left; width: 380px; height: 186px; overflow: hidden;  }
.news-content .info { padding: 0 0 0 400px; height: 186px; position: relative;}
.news-content .info h3 { font-size: 22px; border:0; padding-left: 0; font-weight: normal;  margin: 0;}
.news-content .info p { padding-top: 15px; color: #999; line-height:1.8em; height:60px; overflow:hidden; }
.news-content .info em { display: inline-block;  color: #999; padding-top: 15px; font-style: normal; position: absolute; left: 400px; bottom: 0 }
.news-content .h{ height: 24px; line-height: 24px; border-left: 4px solid #977347; font-size: 22px; font-weight: bold; padding:0 0 0 20px; }
.news-content .title{ border-bottom: 1px solid #EEE; padding-bottom: 20px;}
.news-content .title h1{font-size: 26px;  line-height: 1.5em; font-weight: bold;  }
.news-content .title .dates{ color: #999; padding: 10px 0 0 0; }
.news-content .con{ padding: 20px 0; font-size: 16px; line-height: 2em; }
.news-content .con img{ max-width:100%;display: inline-block;}
.news-content .con video{ max-width:100%;}
.news-content .newslist .fengcai{ border-bottom: 0; padding: 10px 0 }
.news-content .newslist .fengcai .pb{ background-color: #F2F2F2; padding: 25px;  }
.news-content .newslist .fengcai .dates{ float: left; background-color: #FFF; width: 140px; height: 140px; text-align: center; font-family: arial; color: #977347;  }
.news-content .newslist .fengcai .dates span{ font-size: 56px;  display: block; height: 56px; line-height: 56px; margin-top: 25px; }
.news-content .newslist .fengcai .dates p{ font-size: 26px; height: 26px; line-height: 26px; display: block; margin-top: 8px;}
.news-content .newslist .fengcai h3{ height: 22px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 20px; }
.news-content .newslist .fengcai .info{ height: auto; padding-left: 20px;overflow: hidden; }
.news-content .newslist .fengcai .info p{ padding-top: 20px; font-size: 16px; line-height: 1.8em; }

.newslist-video li{ width: 380px; margin-right: 30px; border-radius:10px;  float: left; margin-bottom: 30px; overflow: hidden; }
.newslist-video li.pnone{ margin-right: 0 }
.newslist-video li .videoimg{ height: 186px; background-color: #EEE; position: relative; overflow: hidden; }
.newslist-video li a{ display: block; }
.newslist-video li .names{ font-size: 16px; height: 50px; line-height: 50px; text-align: center; background-color: #F2F2F2;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newslist-video li .videoimg .iconfont{ position: absolute; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 50px; color: rgba(255,255,255,.6); left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; transition: all .3s; }
.newslist-video li a:hover .videoimg .iconfont{ color: #FFF;  }
.newslist-video .videoimg img{ transition:  all 1s}
.newslist-video li a:hover .videoimg  img{ transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); }

#showfixed .showbox{height: auto; position: inherit;}
#showfixed .ct{height: auto; position: relative; bottom: auto;}
#showfixed .close{border: 0; position: absolute; width: auto; right: -25px; top: -25px; padding: 0; left: auto;}
#showfixed .close a{width: 50px; height: 50px; line-height: 50px; border-radius: 100px; text-align: center; padding: 0; background-color: #333}

#joingys{ padding:50px 0 0 0 }
#joingys .list li .box .names{ padding-bottom:0 }
#joingys .list li .box{ padding-bottom:24px }
.coplc{ padding:50px 0 0 0; }
.coplc .btitle{ text-align:center; }
.lclist{ padding:0 15px; margin-top:50px }
.lclist li{ float: left; width:20%; }
.lclist li .item{margin: 0 30px; background-color:#08ABA8; color:#FFF; text-align:center; border-radius:10px; padding:20px 0; position:relative; }
.lclist li .item .nums{ font-size:24px; font-weight:bold; }
.lclist li .item p{ font-size:16px; padding:5px 0 0 0; }
.lclist li .item i{ position:absolute; font-size:30px; right:-48px; top:50%; margin-top:-18px; color:#08ABA8; opacity:.5 }
.coplc .subform{ background-color:#08ABA8; color:#FFF;  margin-top:80px; }
.coplc .subform .formtext { padding:50px 0 50px 0; line-height:2rem }
.coplc .subform .formtext .l{ float:left; width:50%; text-align:center; position:relative; font-size:16px }
.coplc .subform .formtext .l:after{ content:""; position:absolute; right:0; top:0; bottom:0; width:1px; background-color:#FFF }
.coplc .subform .formtext .l h4{ font-size:24px; font-weight:bold; }
.coplc .subform .formtext .l .tel{font-weight: bold;}
.coplc .subform .formtext .r{ float:left; width:50%; text-align:center; font-size: 16px}
.coplc .subform .formbd{ padding:0 0 50px 0 }
.coplc .subform .formbd .formitem{ float:left; width:250px; margin-right:20px }
.coplc .subform .formbd .formbtn{ width:120px; margin-right:0 }
.coplc .subform .formbd .formbtn button{ border:0; background-color:rgba(0,0,0,.5); color:#FFF; height:40px; line-height:40px; font-size:16px; width:100%; cursor:pointer; }
.coplc .subform .formbd .formbtn button:active{ background-color:rgba(0,0,0,.7) }
.coplc .subform .formbd .formitem .txt{ border:0; width: 100%; background-color:#FFF; text-indent:10px; height:40px; line-height:40px }

.footer{ background-color: #222; }
.footer-nav .l{ padding: 60px 0; }
.footer-nav { position: relative; }
.footer-nav .l .item{float: left; margin-right: 95px; }
.footer-nav .l .item .title{color: #FFF; font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; margin-bottom: 15px;}
.footer-nav .l .item .list a{ display: block; color: rgba(255,255,255,.5); line-height: 35px; height: 35px; }
.footer-nav .l .item .list a:hover{ color: #FFF; }
.footer-nav .qrcode{ position: absolute; right: 0; top: 67px; }
.footer-nav .qrcode .imgs{ float: left; margin-left: 50px; border-radius: 10px; overflow: hidden; background-color: #FFF; padding: 5px; }
.footer-nav .qrcode .imgs p{ color: #333; text-align: center; height: 30px; line-height: 30px; }
.footer-nav .qrcode img{ width: 140px; height: 140px; }
.footer-link{ border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.5); text-align: center; padding: 40px;}
.footer-link a{ color: rgba(255,255,255,.5); }
.footer-link a:hover{ color: rgba(255,255,255,1); }
.footer-link .flink{ line-height: 1.5em; }
.footer-link .copyright{ line-height: 1.5em; padding: 15px 0; }
.footer-link .beian{ line-height: 20px; height: 20px; }
.footer-link .beian img{ height: 20px; display: inline-block; vertical-align: top; margin-right: 5px;}


.fixed-menu{ position: fixed; right: 0; top: 50%; margin-top: -160px;  height: 320px; width: 80px; text-align: center; background-color: #08ABA8; font-size: 14px; color: #FFF;  z-index: 40; }
.fixed-menu .micon,.fixed-menu .menus,.fixed-menu .backtop{ height: 80px; position: relative; display:block; cursor: pointer;transition: all .3s;}
.fixed-menu .micon img{ width: 60px; display: inline-block; margin-top: 10px; }
.fixed-menu .iconfont{ font-size: 24px; height: 24px; line-height: 24px; width: 24px;  }
.fixed-menu span{margin-top: 15px;display:inline-block;}
.fixed-menu .menus:after,.fixed-menu .backtop:after{ content: ""; height: 1px; background-color: #FFF; left: 0; right: 0; position: absolute; top: 0;}
.fixed-menu .menus:first-child:after{display: none}

.fixed-menu p{ line-height: 28px; height: 28px; }
.fixed-menu .micon{ padding-bottom: 10px; }
.fixed-menu .backtop{ }
.fixed-menu .menus:hover,.fixed-menu .backtop:hover{ background-color: rgba(0,0,0,.2);}
.fixed-menu .menus .imgbox{ position:absolute; box-shadow:0 0 10px rgba(0,0,0,.1); }
.fixed-menu .menus .qrcode{background-color:#FFF; width:140px; height:140px; top:0;display:none;left:-142px;}
.fixed-menu .menus .qrcode div{  margin:5px;}
.fixed-menu .menus .qrcode img{ width:100% }
.fixed-menu .menus .telcode{ background-color:#08ABA8; color:#FFF; font-size:16px; height:79px; line-height:79px; display:none; white-space:nowrap; padding:0 15px; right:0; top:1px;}
.fixed-menu .menus .telcode i{font-size:16px; margin-right:3px; vertical-align:middle;}



.col-img-3 li{ float:left; width:380px; margin-right:30px; position:relative; overflow:hidden; margin-top:30px; }
.col-img-3 li.mgnone{ margin-right:0; }
.col-img-3 li img{ width:100%; transition:all .3s }
.col-img-3 li img:hover{ transform:scale(1.1); }

.aboutimgli li:last-child{ margin-right:0 }