html{font-size:62.5%; width:100%;  max-width:750px;width:expression(document.body.clientWidth <769 ? "750px" : "100%" ); overflow-y:scroll;}
body{background:#fff;font-weight:normal; font-family:popr,Arial,Verdana,Geneva,sans-serif; color:#444;position:relative; min-width:375px; max-width:750px;width:expression(document.body.clientWidth <769 ? "750px" : "100%" ); margin:0 auto;}  
body,div,p,ul,li,form,input,textarea,button{font-size:1.6rem; line-height:1.8;}
ul,ol,li{ list-style:none;}
img{max-width:100%;}
*{margin:0;padding:0;}
a{ color:#444;text-decoration:none;transition: all 0.35s;}
a:hover{ color:#00a78e;transition: all 0.35s;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f10{font-size:1.0rem;}.f12{font-size:1.2rem;}.f14{font-size: 1.4rem}.f16{font-size: 1.6rem}.f18{font-size:1.8rem}.f20{font-size:2.0rem}.f22{font-size:2.2rem}.f24{font-size:2.4rem}.f26{font-size:2.6rem}.f28{font-size:2.8rem}.f30{font-size:3.0rem}.f32{font-size:3.2rem}.f36{font-size:3.6rem}.f48{font-size:4.8rem; line-height:1.2;}
.lh18{line-height: 1.8rem}.lh20{line-height: 2.0rem}
.fb{ font-weight:700}.fn{ font-weight:normal}
.center{text-align: center}
.right{text-align: right;}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.fa{ font-family:Arial, Helvetica, sans-serif;}
.fv{ font-family:Verdana, Geneva, sans-serif;}

.green, a.green, .green a{ color:#00a78e;}
.black{color:#000;}
.c666{ color:#666;}
.red, a.red, .red a{ color:#ba262c;}
.white, a.white, .white a{ color:#fff;}
.grey, a.grey, .grey a{ color:#ccc;}
.grey9, a.grey9, .grey9 a{ color:#999;}
.bg-white{ background:#fff;}
.bg-grey{ background:#f5f5f5;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mr10{margin-right:10px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr80{margin-right:80px;}
.pd30{padding-top:30px; padding-bottom:30px;}
.pd50{padding-top:50px; padding-bottom:50px;}
.pd80{padding-top:80px; padding-bottom:80px;}
.pt20{padding-top:20px;}
.bdr-t{ border-top:1px solid #ddd;}

a.but{width:90%; padding-left:10%;  font-size:1.4rem; height:42px; line-height:42px; border-radius:21px; display:inline-block; color:#fff; background-color:#00a78e; background-image:url(../img/arrow.png); background-repeat: no-repeat; background-position: 156px -24px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
a.but:hover{ border:1px solid #f5f5f5; display:inline-block; background-color:#fff; color:#000; background-position: 156px 18px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;box-shadow: 0 5px 10px #eee;}
a.but2{width:80%; padding-right:20%; text-align:right;  font-size:1.4rem; height:42px; line-height:42px; border-radius:21px; display:inline-block; color:#fff; background-color:#00a78e; background-image:url(../img/arrow.png); background-repeat: no-repeat; background-position: 330px -24px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
a.but2:hover{ border:1px solid #f5f5f5; display:inline-block; background-color:#fff; color:#000; background-position: 330px 18px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;box-shadow: 0 5px 10px #eee;}
a.but-s{padding:0 10px; font-size:1.4rem; height:36px; line-height:36px; border-radius:18px;display:inline-block; color:#fff; background-color:#00a78e; transition: all 0.35s;}
a.but-s:hover{ border:1px solid #666; display:inline-block; background-color:none; color:#666;}
a.but-lg{width:100%; font-size:1.8rem; height:42px; line-height:42px; border-radius:21px; text-align:center; border:1px solid #00a78e; display:inline-block; color:#fff; background-color:#00a78e; background-image:url(../img/arrow.png); background-repeat: no-repeat; background-position: 20px -25px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
a.but-lg:hover{ border:1px solid #f5f5f5; display:inline-block; background-color:#fff; color:#000; background-position: 20px 18px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;box-shadow: 0 5px 10px #eee;}

a.but-rus{width:160px; height:28px; line-height:28px; text-align:center; border:1px solid #00a78e; border-radius:5px; display:inline-block; color:#fff; background-color:#00a78e;transition: all 0.35s;}
a.but-rus:hover{ border:1px solid #fff; display:inline-block; background:none; color:#fff; background-position: 140px 20px; transition: all 0.35s;}
a.more{width:120px; height:30px; line-height:30px; padding-left:10px; border:1px solid #f1f1f1; text-align:left; display:inline-block; color:#000; background-color:#fff; background-image:url(../img/arrow.png); background-repeat: no-repeat; background-position: 90px 11px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
a.more:hover{ border:1px solid #f5f5f5; display:inline-block; background-color:#fabe00; color:#fff; background-position: 90px -32px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;box-shadow: 0 5px 10px #eee;}

.header{width:100vw; height:54px; line-height:54px; background:#00a78e; border-bottom:1px solid 17740f; min-width:100%; position:fixed; z-index:9; top:0;}
.header .logo{padding:5px 0 5px 10px; font-size:0;}
.header .logo img{height:44px; max-height:44px;}
.header .nav-btn{padding-right:10px;}
.navbar{width:75%; height:100%; background:#222; position: fixed; left:130%;top:0; z-index:9999;transition: all 0.35s;box-shadow:0 0 20px 0 #000;}
.navbar-mask{background:rgba(0,0,0,0.5); z-index:999; display:block; width:100%; left:130%; top:0; height:100%; min-height:100%; position:fixed;transition: all 0.35s;}
.navbar .lg{padding:10px 30px;}
.navbar .close{padding:10px 30px 0 0;}
a.bm{ border:1px solid #00a78e; padding:10px 30px; margin-left:30px; height:44px; line-height:44px; text-align:center; background:#00a78e; cursor:pointer; color:#fff; font-size:1.6rem;border-radius: 7px;}

.bl-black{ background:url(../img/dot.png) no-repeat left bottom; padding-bottom:10px; background-size:30px 2px;}
.bl-green{ background:url(../img/dot2.png) no-repeat left bottom; padding-bottom:10px; background-size:30px 2px;}
.bl-green2{ background:url(../img/dot2.png) no-repeat right bottom; padding-bottom:10px; background-size:30px 2px;}


.menu .t{width:100%;font-size:2.4rem; font-weight:700; color:#00a78e; margin-top:50px; background:url(../img/dot2.png) no-repeat left bottom; padding-bottom:10px; background-size:40px 2px; position:relative; }
.menu .t span{ font-size:4rem; color:#f7f7f7; position:absolute; left:-20px; top:-30px; z-index:-1;}




.topbg{width:100%; height:54px; line-height:54px; background:#00a78e; min-width:100%;}
.banner{height:208px; overflow:hidden; display:block; position:relative;}
.msk{ background-image:url(../img/msk.png); position:absolute; left:0; top:0; z-index:-98; width:100%; height:100%;}
.banner video{min-width:100%;z-index:-99; position: absolute; overflow:hidden; left:0;  top:0px;}

.banner-page, .banner-about{ font-size:0; overflow:hidden;}
.banner1, .banner2, .banner3,{width:100%; height:208px;}
.banner1{background:url(../img/banner1-m.jpg) no-repeat center top; background-size:cover;}
.banner-title1{ color:#fff; font-size:2.4rem; font-weight:700;}
.banner-title2{ color:#fff; font-size:1.4rem;}
a.banner-a{width:100%; height:208px; display:block;}

.banner-about{background:url(../img/banner-about-m.jpg) no-repeat center top; width:100%; height:200px;font-size:0;background-size:cover;  overflow:hidden;}
.banner-product{background:url(../img/banner-product-m.jpg) no-repeat center top; width:100%; height:200px;font-size:0;background-size:cover; overflow:hidden;}
.banner-zhizao{background:url(../img/banner-zhizao-m.jpg) no-repeat center top; width:100%; height:200px;font-size:0;background-size:cover; overflow:hidden;}
.banner-news{background:url(../img/banner-news-m.jpg) no-repeat center top; width:100%; height:200px;font-size:0; background-size:cover;overflow:hidden;}
.banner-case{background:url(../img/banner-case-m.jpg) no-repeat center top; width:100%; height:200px;font-size:0;background-size:cover; overflow:hidden;}
.banner-contact{background:url(../img/banner-contact-m.jpg) no-repeat center top; width:100%; height:200px;font-size:0;background-size:cover; overflow:hidden;}
.banner-title{font-size:2.8rem; font-weight:700; color:#fff; padding-top:50px;}


.swiper-container {width: 100%;height: 100%;}
.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;}
.banner .swiper-pagination-bullet{background: url(../img/bullet.png);width:18px;height:18px;background-size: 100% 100%; opacity: 1; border:none;}
.banner .swiper-pagination-bullet-active{background: url(../img/bullet-on.png);width:18px;height:18px;background-size: 100% 100%; opacity: 1;border:none;}
.container{width:92%; padding-left:4%; padding-right:4%; padding-bottom:10px;}
.container-f{width:100%; padding-bottom:20px;}
.container-s{width:92%; padding-left:4%; padding-right:4%; padding-bottom:10px;}
.container .title{ font-size:1.8rem; padding:5px 0 10px;color:#333; background:url(../img/bg-dot.png) no-repeat left bottom; background-size:26px 3px;}
.container .title .t{width:70%;}
.t-more {padding-top:8px; font-size:1.3rem;}
.list16 li{padding-left:15px;background:url(../img/li-dot.png) no-repeat 0 12px; font-size:1.6rem; line-height:2.6rem;}

.title-s{ font-size:1.8rem; padding:5px 0; font-weight: bold; background:url(../img/bg-dot.png) no-repeat left bottom; background-size:30px 3px;}
.bdt1{ border-top:1px solid #ddd; padding-top:20px;}



/*footer*/
.b-form{background:url(../img/bg-mfoot.jpg) no-repeat center top; background-size:100%;}

.footer{ background:linear-gradient( to right,#2dbc81,#0a9493); color:#fff;}

.copy{ background:linear-gradient( to right,#2aae77,#0b8a87); color:#fff; padding:10px 0;}



table{border-top:1px solid #ddd; border-left:1px solid #ddd;}
td{border-right:1px solid #ddd; padding:3px; border-bottom:1px solid #ddd;}
.table_form, .table_form td{ border:0;}


.i-num{background:linear-gradient( to bottom,#2dbc81,#0a9493); color:#fff; box-sizing: border-box; padding:10px;}
.i-cust-num{width:48%; margin:10px 1%;}

.i-pro li{width:49%;margin:0.5%; float:left; text-align:center; background:#f6f6f6; box-sizing:border-box; padding:10px;}


.about-company li{width:100%; height:300px; position:relative; margin-bottom:25px;}
.about-company li .c{ position:absolute; z-index:9; left:30px; top:30px; color:#fff;}
a.buts{padding:0 30px; text-align:center; font-size:12px; height:36px; line-height:36px; border:1px solid #fff; display:inline-block; color:#fff; background-color: transparent; transition: all 0.35s;}
a.buts:hover{ border:1px solid #00a78e; display:inline-block; background-color:#00a78e; color:#fff;transition: all 0.35s;}



/*news*/
.news-box{ position:relative; box-sizing: border-box; width:100%; box-sizing:border-box; padding:20px; margin-top:25px; border:1px solid #eee;transition: all 0.35s;}
.news-box:hover{box-shadow: 0 20px 20px rgb(0 0 0 / 10%);transition: all 0.35s;}
.news-box a{display:block;}
.news-box .date{font-size:16px; transition: all 0.35s;}
.news-box:hover .date{top:20px; opacity:1;transition: all 0.35s;}
.news-box .t{font-size:20px; font-weight:700; line-height:1.6; margin-top:30px;}
.news-box .c{ color:#666; line-height:1.6; font-size:1.2rem; margin-top:30px;}
.news-box .pic{width:100%; height:200px;overflow:hidden; margin-top:20px;}
.news-box .pic img{width:100%; min-height:200px; min-width:100%;transition: all ease-out 0.35s;overflow:hidden;}
.news-box:hover .pic img{transform: scale(1.1);transition: all ease-out 0.35s;}
.news-box .icon{width:64px; height:64px; margin-top:20px; line-height:64px; border-radius:50%; text-align:center; background:#fff; font-size:32px; color:#999;transform:rotate(-45deg);transition: all ease-out 0.35s;}
.news-box:hover .icon{ background:#00a78e; color:#fff;transform:rotate(0deg);transition: all ease-out 0.35s;}

/*honor*/
.renzheng li{width:100%; height:280px; font-size:0; float:left; margin-bottom:30px; box-sizing:border-box; border:1px solid #eee; box-shadow:10px 10px 0 #eee;}
.renzheng li .img{width:100%; height:230px; overflow:hidden; cursor:pointer;}

/*culture*/

.culture li{width:100%;margin-bottom:25px; box-sizing:border-box; padding:20px 20px 80px 20px; background:#dcdcdc url(../img/culture-boxbg.png) no-repeat right bottom; border-radius:9px; position:relative;transition:all ease-out 0.35s;}
.culture li p.icon{font-size:64px; position:absolute; right:20px; bottom:20px;}
.culture li p.bl{background:url(../img/dot2.png) no-repeat left bottom; padding-bottom:10px; background-size:40px 2px;transition:all ease-out 0.35s;}
.culture li:hover{width:100%;  margin-bottom:25px; box-sizing:border-box; padding:20px 20px 80px 20px; color:#fff; background:#00a78e url(../img/culture-boxbg.png) no-repeat right bottom; border-radius:9px; position:relative;transition:all ease-out 0.35s;}
.culture li:hover p.bl{background:url(../img/dot4.png) no-repeat left bottom; padding-bottom:10px; background-size:40px 2px;transition:all ease-out 0.35s;}

/*history*/
.history{width:100%; margin:50px auto 0; background:url(../img/dot2.png) repeat-y 20px center; background-size:2px 100%;}
.history .year li{width:100%; margin:10px 0;}
.history .year li span{font-size:1.8rem; font-weight:700; font-family:popm; width:160px; height:44px; display:block; background-color:#fff; text-align: center; line-height:44px; border-radius:5px; border:1px solid #00a78e;transition: all ease-out 0.35s; cursor:pointer;}
.history .year li span:hover{  background-color:#00a78e; border:1px solid #00a78e; color:#fff;transition: all ease-out 0.35s;}
.history .year li .con{ width:100%; box-sizing:border-box;padding:15px 15px 15px 50px;}

.i-case-box{ position:relative;width:100%; height:345px;}
.i-case-box p, .i-case-box1 p{ position:absolute; left:20px; top:20px; color:#fff; z-index:9;}
.i-case-box img{min-width:100%;}

.i-custbg{ background:url(../img/i-custbg.jpg) no-repeat center top; height:380px; padding-top:30px; overflow:hidden;}
.i-cust{ position:relative;}
.i-cust li{width:30%; height:90px; overflow:hidden; position:absolute;}
.i-cust li:nth-child(1){background:url(../img/cust1.png);background-repeat:no-repeat; background-position:center top; background-size:cover;transition: all 0.35s; left:0; top:0px;}
.i-cust li:nth-child(1):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(2){background:url(../img/cust2.png);background-repeat:no-repeat; background-position:center top;background-size:cover;transition: all 0.35s; left:24%; top:48px;}
.i-cust li:nth-child(2):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(3){background:url(../img/cust3.png);background-repeat:no-repeat; background-position:center top;background-size:cover;transition: all 0.35s; left:48%; top:0px;}
.i-cust li:nth-child(3):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(4){background:url(../img/cust4.png);background-repeat:no-repeat; background-position:center top;background-size:cover;transition: all 0.35s;left:72%; top:48px;}
.i-cust li:nth-child(4):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(5){background:url(../img/cust5.png);background-repeat:no-repeat; background-position:center top;background-size:cover;transition: all 0.35s;left:0; top:94px;}
.i-cust li:nth-child(5):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(6){background:url(../img/cust6.png);background-repeat:no-repeat; background-position:center top;background-size:cover;transition: all 0.35s;left:24%; top:142px;}
.i-cust li:nth-child(6):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(7){background:url(../img/cust7.png);background-repeat:no-repeat; background-position:center top;background-size:cover;transition: all 0.35s;left:48%; top:94px;}
.i-cust li:nth-child(7):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(8){background:url(../img/cust8.png);background-repeat:no-repeat; background-position:center top;background-size:cover;transition: all 0.35s; left:72%; top:142px;}
.i-cust li:nth-child(8):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(9){background:url(../img/cust9.png);background-repeat:no-repeat; background-position:center top;background-size:cover;transition: all 0.35s; left:0; top:188px;}
.i-cust li:nth-child(9):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(10){background:url(../img/cust10.png);background-repeat:no-repeat; background-position:center top;background-size:cover;transition: all 0.35s; left:24%; top:234px;}
.i-cust li:nth-child(10):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(11){background:url(../img/cust11.png);background-repeat:no-repeat; background-position:center top;background-size:cover;transition: all 0.35s;left:48%; top:188px;}
.i-cust li:nth-child(11):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(12){background:url(../img/cust12.png);background-repeat:no-repeat; background-position:center top;background-size:cover;transition: all 0.35s;left:72%; top:234px;}
.i-cust li:nth-child(12):hover{ background-position:center bottom;transition: all 0.35s;}



/*product*/
.prolist{width:100%;}
.prolist li{width:100%; margin-bottom:25px; background-color:#f6f6f6; box-sizing:border-box; padding:10px;}
.prolist li div.pic{width:120px; height:120px; float:left; margin-right:30px; overflow:hidden;}
.prolist li div.pic img{width:120px; max-width:120px;max-height:120px; float:left; margin-right:30px;}
.prolist li p.btn{width:100px; height:34px; line-height:34px; display:inline-block;text-align:center; color:#fff; background-color:#939393;transition: all 0.35s; border-radius:17px;}
.prolist li:hover p.btn{width:100px; height:34px; line-height:34px; display:inline-block;text-align:center; color:#fff; background-color:#00a78e;transition: all 0.35s; border-radius:17px;}
.pro-title{ border-bottom:1px solid #eee;}


.proshow{width:100%; }
.proshow .pro-pic{width:100%;height:250px; padding:10px; box-sizing:border-box; border:1px solid #ddd; text-align:center;}
.proshow .pro-pic img{max-width:100%;height:230px; max-height:230px;}
.proshow-title {border-bottom:1px solid #eee;}
.content{padding-top:30px; padding-bottom:30px;}
.content p, .content div{margin-bottom:15px;}



/*contact*/
.contact-form{width:100%;}
.contact-form .left50{width:48%; margin-right:2%;}
.contact-form .right50{width:48%; margin-left:2%;}

.contact-company li{margin-bottom:30px;background-color:#fff; box-shadow:0 10px 10px 0 #eee; box-sizing:border-box; padding:30px;transition: all 0.35s;}
.contact-company li:hover{ color:#fff; background-color:#00a78e;box-shadow:0 10px 10px 0 #9bd5cc;transition: all 0.35s;}


input.form-text{width:100%; box-sizing:border-box;padding-left:15px; height:50px; line-height:50px; background:#fff; border:1px solid #eee; color:#333; box-shadow:0 5px 10px 0 #eee; border-radius:5px; font-size:16px;}
textarea{width:100%;  box-sizing:border-box;padding-left:15px; padding-top:15px; padding-bottom:5px; line-height:26px; background:#fff; border:1px solid #eee;box-shadow:0 5px 10px 0 #eee; border-radius:5px;font-size:16px; font-family:Arial,Geneva,Verdana,PingFang SC,Microsoft YaHei,sans-serif; }
.input-text{ position:relative;}
.input-text i{ position:absolute; left:10px; top:10px; font-size:16px;}
input.sub{width:100%; text-align:center; height:54px; font-size:24px; line-height:54px; color:#fff; background:#00a78e; border:0; border-radius:5px; cursor:pointer;transition: all 0.35s; }
input.sub:hover{ background:#fff; color:#00a78e;}
button.sub{width:100%; text-align:center; height:54px; font-size:24px; line-height:54px; color:#fff; background:#00a78e; border:0; border-radius:5px; cursor:pointer;transition: all 0.35s; }
button.sub:hover{ background:#fff; color:#00a78e;}


/*page*/
.pagination { padding:50px 0; margin:0 auto;  }
.pagination li{ float:left; margin-right:5px; margin-left:0; width:auto; padding:0;}
.pagination li a { display:inline-block; padding:0 10px;height:30px; line-height:30px; border-radius:3px; background:#eaeaea; text-align:center; color:#333;transition: all 0.35s;}
.pagination li.active a {display:inline-block; height:30px; line-height:30px;background:#00a78e; color:#fff; text-align:center;transition: all 0.35s;border-radius:3px;}
.pagination a:hover { background:#00a78e; color:#fff; text-decoration:none transition: all 0.35s;}


.list{width:100%;}
.list a{ color:#ccc;}
.list ul{list-style: none;}
.list>ul>li{width: 100%;transition: .3s ease;}
.list>ul>li p[class=title]{height: 50px;line-height: 50px;
	padding    : 0;
	border     : none;
	position   : relative;
	font-size  : 1.6rem;
	color:#ccc;
	padding-left:30px;
	padding-right:10px;
}
.list>ul>li p[class=title]>span{position: absolute;right: 40px;}
.list-se{
	overflow: hidden;
	display: none;
	padding:0;
}
.list-se>li{
	position: relative;
	right   : -100%;
	-webkit-transition: right .5s;
	-moz-transition   : right .5s;
	-o-transition     : right .5s;
	transition        : right .5s;
}
.list-se>li>p{
	background  : #181414;
	color       : #ddd;
	height      : 40px;
	-webkit-box-sizing :border-box;
	        box-sizing :border-box;
	padding-left: 40px;
	line-height : 40px;
	-webkit-transition   : border .5s; 
			 transition  : border .5s;
	-webkit-transition   : background .3s;
			 transition  : background .3s;
}
.list-se>li>p>a{ display:block;}


.top-nav{width:92%; position: relative; top:0px; z-index:99; margin:20px auto 0;}

.dropdown a {
  text-decoration: none;
  font-size:1.6rem;
}
.dropdown [data-toggle="dropdown"] {
  position: relative;
  display: block;
  color: white;
  background: #00a78e;
  padding: 10px;
}
.dropdown [data-toggle="dropdown"]:hover {
  background: #00a78e;
}
.dropdown .icon-arrowb {
  display: inline-block;
  font-size: 1.4rem;
  color: #fff;
}
.dropdown .icon-arrowb.open {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.dropdown .icon-arrowb.close {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.dropdown .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown .dropdown-menu li {
  padding: 0;
}
.dropdown .dropdown-menu li a {
  display: block;
  color: #6e6e6e;
  background: #f6f6f6;
  -moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  padding: 10px 10px;
}
.dropdown .dropdown-menu li a:hover {
  background: #f6f6f6;
}
.dropdown .show, .dropdown .hide {
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.dropdown .show {
  display: block;
  max-height: 9999px;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
.dropdown .hide {
  max-height: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
}
.dropdown .dropdown-menu li.second a{ padding-left:30px;}

@keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -o-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }

  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -o-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }

  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -o-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }

  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -o-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }

  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -o-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }

  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -o-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }

  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -o-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }

  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -o-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }

  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -o-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }

  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -o-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }

  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -o-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }

  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -o-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }

  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -o-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }

  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-moz-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -o-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }

  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -o-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }

  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -o-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }

  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}




@font-face {
  font-family: "iconfont"; /* Project id 3534024 */
  src: url('http://at.alicdn.com/t/c/font_3534024_oqi96i58f8.woff2?t=1661498895073') format('woff2'),
       url('http://at.alicdn.com/t/c/font_3534024_oqi96i58f8.woff?t=1661498895073') format('woff'),
       url('http://at.alicdn.com/t/c/font_3534024_oqi96i58f8.ttf?t=1661498895073') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-zhengshu-copy:before {
  content: "\e640";
}

.icon-qiyewenhua:before {
  content: "\e66a";
}

.icon-fuwu:before {
  content: "\e694";
}

.icon-factory:before {
  content: "\e9eb";
}

.icon-arrow-up:before {
  content: "\e688";
}

.icon-arrow-down1:before {
  content: "\e689";
}

.icon-liuyanban:before {
  content: "\e610";
}

.icon-1:before {
  content: "\e648";
}

.icon-arrowt:before {
  content: "\e784";
}

.icon-liebiao:before {
  content: "\e65f";
}

.icon-jian:before {
  content: "\e634";
}

.icon-jia:before {
  content: "\e636";
}

.icon-arrow-right1:before {
  content: "\e61a";
}

.icon-arrowb:before {
  content: "\e600";
}

.icon-arrowr:before {
  content: "\e601";
}

.icon-arrowl:before {
  content: "\e602";
}

.icon-arrow-down:before {
  content: "\e7b2";
}

.icon-zhoucheng:before {
  content: "\e604";
}

.icon-earth:before {
  content: "\e66f";
}

.icon-gang:before {
  content: "\e60a";
}

.icon-yuangong:before {
  content: "\e660";
}

.icon-guandao:before {
  content: "\ec51";
}

.icon-guanjian:before {
  content: "\e629";
}

.icon-gongsi:before {
  content: "\e679";
}

.icon-User:before {
  content: "\ea94";
}

.icon-arrow-right:before {
  content: "\e63e";
}