body{font-size:14px; line-height:1.8; background:#fff; font-weight:normal; font-family:Microsoft YaHei,PingFang SC; color:#333; overflow-x: hidden;}
div,p,ul,li,form,input,textarea,button{font-size:14px;}
ul,ol,li{ list-style:none;}
img{max-width:100%;}
*{margin:0;padding:0;}
a{ color:#000;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;}
.f0{font-size:0}.f9{font-size:9px}.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}.f26{font-size:26px}.f28{font-size:28px}.f30{font-size:30px}.f32{font-size:32px}.f36{font-size:36px}.f40{font-size:40px}.f44{font-size:44px;}.f48{font-size:48px;}.f66{font-size:66px;}
.lh18{line-height: 18px}.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}.lh30{line-height: 30px}.lh32{line-height: 32px}.lh50{line-height: 50px}
.fb{ font-weight:700;}.fn{ font-weight:normal}
.center{text-align: center}
.right{text-align: right}
.left{text-align: left}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.sj{text-indent:2em;}

.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;}

.bl-black{ background:url(../img/dot.png) no-repeat left bottom; padding-bottom:10px; background-size:40px 2px;}
.bl-white{ background:url(../img/dot4.png) no-repeat left bottom; padding-bottom:10px; background-size:40px 2px;}
.bl-green{ background:url(../img/dot2.png) no-repeat left bottom; padding-bottom:10px; background-size:40px 2px;}
.bl-green2{ background:url(../img/dot2.png) no-repeat right bottom; padding-bottom:10px; background-size:40px 2px;}
.bdt1{ border-top:1px solid #ddd; padding-top:20px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mt120{margin-top:120px;}
.mt180{margin-top:180px;}
.mr15{margin-right:15px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr80{margin-right:80px;}
.pd50{padding-top:50px; padding-bottom:50px;}
.pd80{padding-top:80px; padding-bottom:80px;}
.pt100{padding-top:100px;}

a.but{ padding:0 50px;text-align:center; font-size:14px; height:46px; line-height:46px; border:2px solid #00a78e; display:inline-block; color:#fff; background-color:#00a78e; transition: all 0.35s;}
a.but:hover{ border:2px solid #00a78e; display:inline-block; background-color: transparent; color:#00a78e;transition: all 0.35s;box-shadow: 0 5px 10px #eee;}
a.but-news{ padding:0 50px;text-align:center; font-size:18px; height:46px; line-height:46px; border:2px solid #00a78e; display:inline-block; color:#fff; background-color:#00a78e; transition: all 0.35s;}
a.but-news:hover{ border:2px solid #00a78e; display:inline-block; background-color: transparent; color:#00a78e;transition: all 0.35s;box-shadow: 0 5px 10px #eee;}
a.but-news2{ padding:0 50px;text-align:center; font-size:18px; height:46px; line-height:46px; border:2px solid #eee; display:inline-block; color:#333; background-color:#transparent; transition: all 0.35s;}
a.but-news2:hover{ border:2px solid #00a78e; display:inline-block; background-color: transparent; color:#00a78e;transition: all 0.35s;box-shadow: 0 5px 10px #eee;}

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;}
a.but-s{padding:0 20px; text-align:center; font-size:14px; height:40px; line-height:40px; border-radius:3px; border:1px solid #eeeeee; display:inline-block; color:#999; background-color:#fff; transition: all 0.35s;}
a.but-s:hover{ border:1px solid #00a78e; display:inline-block; background-color:#00a78e; color:#fff;transition: all 0.35s;}
a.but-lg{width:540px; padding-left:30px; font-size:26px; height:70px; line-height:70px; border-radius:35px; 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: 80px -10px;  -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: 80px 32px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;box-shadow: 0 5px 10px #eee;}

a.but-rus{ height:58px; line-height:58px;padding:0 70px; text-align:center; font-size:16px; border:1px solid #00a78e; 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; transition: all 0.35s;}
a.but-top{width:230px; height:100px; line-height:100px;text-align:center; font-size:18px; display:inline-block; color:#fff; background-color:#00a78e;transition: all 0.35s;}
a.but-top:hover{ display:inline-block; background:#72dd69; color:#fff; transition: all 0.35s;}
.affix a.but-top{width:230px; height:80px; line-height:80px;text-align:center; font-size:18px; display:inline-block; color:#fff; background-color:#00a78e;transition: all 0.35s;}
.affix a.but-top:hover{ display:inline-block; background:#72dd69; color:#fff; transition: all 0.35s;}
a.more{width:120px; height:40px; line-height:40px;border-left:6px solid #188a5c; text-align:center; display:inline-block; color:#333; background-color:rgba(173,173,173,0.5);transition: all 0.35s;}
a.more:hover{background-color:rgba(0,128,76,0.8); color:#fff;transition: all 0.35s;}

.container{width:1700px; margin-left:auto; margin-right:auto;}
.container-f{width:100%;}
.container-c{width:1730px; margin-left:auto; margin-right:auto;}
.container-s{width:1400px; margin-left:auto; margin-right:auto;}
.container-sc{width:1450px; margin-left:auto; margin-right:auto;}

.nav{width:100%;position:fixed;top:0px;left:0px;height:100px;background:rgba(0,0,0,.5);transition: all 0.35s; z-index:99999;}
.nav .container, .nav .container-s{width:1700px; height:100px;transition: all 0.35s; }
.nav .top-r{ position:absolute; top:0px; right:0px;}
.nav .top-r .lan{width:160px; height:100px; line-height:100px; text-align:center; font-size:16px; color:#fff;transition: all 0.35s;}
.affix .top-r .lan{width:160px;height:80px; line-height:80px; text-align:center; font-size:16px; color:#333;transition: all 0.35s;}
.affix .top-r .lan a.white{ color:#333;}
.navbar-header{padding:15px 0;width:230px; height:70px; background: url(../img/logo.png) no-repeat left center;transition: all 0.35s;}
.navbar-right{margin-right:100px;}
.navbar-header a{width:100%; height:100%; display:block;}
.affix{height:80px; background-color:rgba(250,250,250,0.9);transition: all 0.35s;}
.affix .container, .affix .container-s{ height:80px;transition: all 0.35s;}
.affix .navbar-header{padding:5px 0;width:230px; height:70px; background: url(../img/logo.png) no-repeat left center;transition: all 0.35s;}
.navbar-nav li{ float:left;width:120px; overflow:hidden; text-align:center; font-size:16px; position:relative;transition: all 0.35s;}
.navbar-nav li:hover{background-color:rgba(0,167,142,0.8);overflow: visible;transition: all 0.35s;}
.navbar-nav li a{height:100px; line-height:100px; display:block; color:#fff;transition: all 0.35s;background: url(../img/nav-line1.png) no-repeat center bottom;background-size: 0 3px;}
.navbar-nav li a:hover{background-size: 80% 3px;color:#fff;transition: all 0.35s;}
.navbar-nav li a i{color:#999;transition: all 0.35s;}
.navbar-nav li a:hover i{color:#fff;transition: all 0.35s;}
.navbar-nav li.active a{height:100px;line-height:100px; display:block; color:#00a78e;transition: all 0.35s;background: url(../img/nav-line.png) no-repeat center bottom;background-size: 0% 3px;}
.navbar-nav li.active a:hover{background: url(../img/nav-line1.png) no-repeat center bottom;transition: all 0.35s; color:#fff;background-size: 80% 3px;}

.affix .navbar-nav li{ float:left;width:120px; text-align:center;position:relative;overflow:hidden;transition: all 0.35s;}
.affix .navbar-nav li:hover{ float:left;width:120px; text-align:center;position:relative;overflow:visible;transition: all 0.35s;}
.affix .navbar-nav li a{height:80px;line-height:80px; display:block; color:#333;transition: all 0.35s;background: url(../img/nav-line1.png) no-repeat center bottom;background-size: 0 3px;}
.affix .navbar-nav li a:hover{background-size:80% 3px;color:#fff;transition: all 0.35s;}
.affix .navbar-nav li.active a{height:80px; line-height:80px; display:block; color:#00a78e;transition: all 0.35s;background: url(../img/nav-line.png) no-repeat center bottom;background-size:80% 3px;}
.affix .navbar-nav li.active a:hover{background: url(../img/nav-line1.png) no-repeat center bottom;transition: all 0.35s; color:#fff;background-size: 80% 3px;}

.navbar-nav li dl{background-color:rgba(0,167,142,0.8);color: #333;padding:10px 15px 15px;position: absolute;top:150px;width:90px;left:0;text-align: center;border-radius:0 0 5px 5px;transition: all 0.35s; opacity:0;}
.navbar-nav li:hover dl{top: 100px;left:0;opacity:1;transition: all 0.35s;}
.navbar-nav li dl dd {font-size: 14px;}
.navbar-nav li dl dd a{height:36px; line-height:36px;color: #fff;}
.navbar-nav li dl dd a:hover{color: #fff !important;}
.navbar-nav li.active dl dd a{height:36px; line-height:36px;color: #fff;background: url(../img/nav-line1.png) no-repeat center bottom;transition: all 0.35s; color:#fff;background-size: 0 3px;transition: all 0.35s;}
.navbar-nav li.active dl dd a:hover{color: #fff !important;background: url(../img/nav-line1.png) no-repeat center bottom;transition: all 0.35s; color:#fff;background-size: 80% 3px;transition: all 0.35s;}

.affix .navbar-nav li dl{background-color:rgba(0,167,142,0.8);color: #333;padding:10px 15px 15px;position: absolute;top: 150px;width:90px;left:0;text-align: center;border-radius:0 0 5px 5px;transition: all 0.35s; opacity:0;}
.affix .navbar-nav li:hover dl{top: 80px;left:0;opacity:1;transition: all 0.35s;}
.affix .navbar-nav li dl dd {font-size: 14px;}
.affix .navbar-nav li dl dd a{height:36px; line-height:36px;color: #fff;}
.affix .navbar-nav li dl dd a:hover{color: #fff !important;}
.affix .navbar-nav li.active dl dd a{height:36px; line-height:36px;color: #fff;background: url(../img/nav-line1.png) no-repeat center bottom;transition: all 0.35s; color:#fff;background-size: 0 3px;transition: all 0.35s;}
.affix .navbar-nav li.active dl dd a:hover{color: #fff !important;background: url(../img/nav-line1.png) no-repeat center bottom;transition: all 0.35s; color:#fff;background-size: 80% 3px;transition: all 0.35s;}

.top-tel{padding-left:20px; height:30px; margin:35px 0 35px 20px; border-left:1px dotted #999; font-size:14px; color:#999; line-height:30px; text-align:right;transition: all 0.35s;}
.top-tel a{color:#fff;}
.top-tel a.green{color:#00a78e;}
.top-tel span{ font-size:14px; font-weight:normal; display:inline-block;}
.affix .top-tel{padding-left:20px; height:30px;margin:25px 0 25px 20px; font-size:14px; color:#999; line-height:30px; text-align:right;transition: all 0.35s;}
.affix .top-tel a{color:#666;}
.affix .top-tel a.green{color:#00a78e;}

.w50{width:50%;}
.banner-c{width:1700px;height:532px;}
.banner{ height:842px;}
.banner .container{width:1700px; text-align:center;}
.banner1{background:url(../img/banner1.jpg) no-repeat center top;}
.banner2{ background:url(../img/banner2.jpg) no-repeat center top;}
.banner3{ background:url(../img/banner3.jpg) no-repeat center top;}
.banner-title1{width:100%;font-size:72px; font-weight:700; line-height:1.2;color:#fff; }
.banner-title2{width:100%; font-size:18px; font-weight:700; color:#fff;}
.banner-title3{width:100%; font-size:30px; font-weight:700; color:#fff;}
.banner-title4{width:100%; font-size:60px; color:#fff; padding-top:450px;}
.banner-img{ position:absolute; left:600px; top:150px;}

.msk{ background-image:url(../img/msk.png); position:absolute; left:0; top:0; z-index:-98; width:100%; height:100%;}

.banner-about{background:url(../img/banner-about.jpg) no-repeat center top; width:100%; height:570px;}
.banner-product{background:url(../img/banner-product.jpg) no-repeat center top; width:100%; height:570px;}
.banner-zhizao{background:url(../img/banner-zhizao.jpg) no-repeat center top; width:100%; height:570px;}
.banner-news{background:url(../img/banner-news.jpg) no-repeat center top; width:100%; height:570px;}
.banner-case{background:url(../img/banner-case.jpg) no-repeat center top; width:100%; height:570px;}
.banner-contact{background:url(../img/banner-contact.jpg) no-repeat center top; width:100%; height:570px;}
.banner-title{font-size:46px; font-weight:700; color:#fff; padding-top:270px;}
.weizhi{width:1400px;height:66px; border-bottom:1px solid #e8e8e8; margin:0 auto; line-height:66px;}
.menu .t{font-size:36px; margin-top:50px; font-family:pops; font-weight:700;background: url(../img/dot2.png) no-repeat left bottom;background-size: 45px 2px; position:relative; }
.menu .t span{ font-size:60px; font-family:pops; color:#f7f7f7; position:absolute; left:-40px; top:-50px; z-index:-1;}
.menu .t span.ed{ font-size:60px; font-family:pops; color:#ededed; position:absolute; left:-40px; top:-50px; z-index:-1;}
.menu .submenu{ margin-top:10px; position:relative; z-index:9999;}
.menu .submenu li{height:40px; line-height:40px; float:left; margin-right:40px;}
.menu .submenu li a{height:40px;font-size:16px; display:inline-block; font-family:popr;}
.menu .submenu li a:hover{}
.menu .submenu li a.on{height:40px;font-size:16px; font-family:pops; padding-left:30px; color:#00a78e; display:inline-block;background: url(../img/menu-line.png) no-repeat left center;}
.menu .submenu li a.on:hover{}

.i-pro{height:630px;}
.i-pro-left{width:576px;}
.i-pro-title{ margin-bottom:15px;}
.i-pro-titleling{ position:absolute; top:10px; left:-30px;}
.i-pro-title .t{ font-size:32px; line-height:1.2; padding-right:50px;}
.i-pro-right{width:1124px;}
.i-pro-c{ color:#fff;}
.i-pro-c .t{ position:absolute; left:50px; top:50px; z-index:9;}
.i-pro-c .c{ position:absolute; left:50px; bottom:50px; padding-right:50px; z-index:9;}
.i-pro-c .c .btm{margin-top:20px; padding-top:20px; border-top:1px solid #999;}


.i-about{width:100%; background:url(../img/i-aboutbg.png) repeat-x top center;}
.i-about-l{width:527px; padding-right:50px;}
.i-about-r{width:1123px; background-color:#fff;}
.i-about-pic li{ float:left; width:560px; height:447px; position:relative;}
.i-about-pic li:nth-child(1){margin-right:3px; margin-bottom:3px;}
.i-about-pic li:nth-child(2){margin-bottom:3px;}
.i-about-pic li:nth-child(3){margin-right:3px;}
.i-about-pic li .c{ position:absolute; z-index:9; left:120px; top:50px; color:#fff;}

.i-num{width:666px; height:150px; background-color:#fff; position:absolute; left:0; bottom:50px; z-index:99;}
.i-cust-num{width:222px; height:150px; box-sizing:border-box; padding:20px; border-right:1px solid #eee;}

.i-newsbg{ background:url(../img/i-newsbg.jpg) no-repeat top center;}
.i-news{ border-bottom:5px solid #00a78e; padding-bottom:50px;}
.i-news-pic{width:774px; height:558px; position: relative; }
.i-news-pic p{width:774px; height:70px; line-height:70px; box-sizing: border-box; padding:0 20px; background-color: rgba(0,0,0,0.5); position:absolute; left:0;bottom:0; z-index:9; color:#fff;}

.i-news-list{width:700px;}
.i-news-list .title li{ margin-right:15px; float: left;}
.i-news-list .news-list li{border-bottom:1px dotted #ccc; margin-bottom:20px;padding-bottom:20px;}

.i-case{ background:url(../img/bg-contact.jpg) no-repeat center top;}
.i-case-box{ position:relative;width:366px; height:366px;}
.i-case-box1{ position:relative;width:868px; height:366px;}
.i-case-box p, .i-case-box1 p{ position:absolute; left:20px; bottom:20px; color:#fff; z-index:9;}
.i-case-box4{width:868px;}
.i-case-box4 li{width:409px; height:158px; position:relative;}
.i-case-box4 li div{ position:absolute; left:50px; top:50px; color:#fff; z-index:9;}

.i-custbg{ background:url(../img/i-custbg.jpg) no-repeat center top; height:937px; overflow:hidden;}
.i-cust{ position:relative;}
.i-cust li{width:213px; height:185px; overflow:hidden; position:absolute;}
.i-cust li:nth-child(1){background:url(../img/cust1.png);background-repeat:no-repeat; background-position:center top;transition: all 0.35s; left:255px; top:20px;}
.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;transition: all 0.35s; left:420px; top:112px;}
.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;transition: all 0.35s; left:585px; top:204px;}
.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;transition: all 0.35s;left:750px; top:112px;}
.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;transition: all 0.35s;left:915px; top:20px;}
.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;transition: all 0.35s;left:1080px; top:112px;}
.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;transition: all 0.35s;left:1245px; top:204px;}
.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;transition: all 0.35s; left:255px; top:210px;}
.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;transition: all 0.35s; left:420px; top:302px;}
.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;transition: all 0.35s; left:585px; top:394px;}
.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;transition: all 0.35s;left:750px; top:302px;}
.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;transition: all 0.35s;left:915px; top:210px;}
.i-cust li:nth-child(12):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(13){background:url(../img/cust13.png);background-repeat:no-repeat; background-position:center top;transition: all 0.35s;left:1080px; top:302px;}
.i-cust li:nth-child(13):hover{ background-position:center bottom;transition: all 0.35s;}
.i-cust li:nth-child(14){background:url(../img/cust14.png);background-repeat:no-repeat; background-position:center top;transition: all 0.35s;left:1245px; top:394px;}
.i-cust li:nth-child(14):hover{ background-position:center bottom;transition: all 0.35s;}

.tab {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
}

.tabs {
  display: table;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
}

.tabs li {
  float: left;
  width:286px; height:173px; padding:0; background-color:#f1f3f3;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  overflow: hidden;
  position: relative;
}
.tabs li:nth-child(1) {
  float: left;
  margin-left:287px;
  width:286px; height:173px; padding:0; background-color:#f1f3f3;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  overflow: hidden;
  position: relative;
}
.tabs a {
  color: #333;
  display: block;
  letter-spacing: 0;
  outline: none;
  padding:10px 0px 20px 50px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.tabs_item {
  display: none;
}
.tabs_item:first-child {
  display: block;
}

.current a {
  color: #fff;
  background-color:#00a78e;
}




.zoom{ overflow:hidden;}
.zoom img{width:100%;transition: all ease-out 0.35s;}
.zoom:hover img{transform: scale(1.1);transition: all ease-out 0.35s;}

.i-contact{ height:820px; background:url(../img/bg2.jpg) no-repeat center top; background-attachment:fixed;}
.b-form{ width:600px; margin-top:70px;margin-left:100px;}
.b-form .left50{width:285px; margin-right:15px;}
.b-form .right50{width:285px; margin-left:15px;}

.btn1, .btn2{width:100%;height:66px; line-height:66px; font-size:28px; color:#333; display:block; text-align:center; border-radius:3px;transition: all ease-out 0.35s; border:none; cursor:pointer;}
.btn1{ background-color:#00a78e; box-shadow:0 3px 10px 0 #02bb78 inset;transition: all ease-out 0.35s;}
.btn1:hover{box-shadow:0 3px 10px 0 #ccc;transition: all ease-out 0.35s; color:#fff;}
.btn2{ background-color:#131313;}
input.form-text{width:100%; box-sizing:border-box;padding-left:15px; height:50px; line-height:50px; background:#fff; border:none; 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:none;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;}


.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:30px;}
.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;}
.swiper-pic1 .swiper-pagination-custom, .swiper-pic1 .swiper-pagination-fraction{ text-align:right; bottom:30px;}

.swiper-pic1 .swiper-pagination-bullets, .swiper-pic1 .swiper-pagination-custom, .swiper-pic2 .swiper-pagination-bullets, .swiper-pic2 .swiper-pagination-custom  {
    bottom: 20px;
    text-align: right;
    right: 10px;
    width: 100%;
}


/*about*/

.bg-ceo{ background:url(../img/bg-ceo.jpg) no-repeat center top; padding:50px 0;}
.ceo-box{width:1220px; background-color:#fff; margin:150px auto; box-sizing:border-box; padding:25px 50px 25px 25px; border-radius:5px;}
.ceo-box .ceo-pic{width:293px; margin-right:75px; font-size:0;}
.ceo-box .ceo-txt{width:775px; line-height:2.4;}

/*history*/
.licheng-list{width:40%; margin-right:5%; margin-top:30px;}
.licheng-pic{width:55%; margin-top:30px; background:url(../img/dot2.png) no-repeat center top; background-size:3px 100%;}
.licheng-piclist li{background:url(../img/cat.png) no-repeat center bottom;}
.licheng-piclist li .pic img{width:350px;max-height:203px;}
.licheng-piclist li .t{ text-align:center;}
.licheng-piclist li:nth-child(even) .t{ text-align:center; padding-right:100px;}
.licheng-piclist li:nth-child(odd) .t{ text-align:center; padding-left:100px;}
.licheng-piclist li:nth-child(odd) .pic{ text-align:right;}
.licheng-piclist li:nth-child(even){margin-top:-150px;}


.bg-history{ background:url(../img/bg-history.jpg) no-repeat center top;}
.history{width:1400px; margin:50px auto 0; padding:80px 0; background:url(../img/dot2.png) repeat-x center center; background-size:100% 2px;}
.history .year li{width:11.11%; height:80px; float:left;  position:relative;}
.history .year li span{font-size:20px; font-weight:700; font-family:popm; width:80px; height:80px; position:absolute; left:50%; top:0; margin-left:-40px; display:block; background-color:#fff; text-align: center; line-height:80px; border-radius:40px; 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:nth-child(odd) .con{width:155px; box-sizing:border-box;padding:15px; border:1px solid #eee; background-color:#fff; position:absolute; left:0; bottom:110px;transition:all ease-out 0.35s;}
.history .year li:nth-child(odd):hover .con{width:155px; box-sizing:border-box;padding:15px; border:1px solid #eee; background-color:#fff; position:absolute; left:0; bottom:100px;transition:all ease-out 0.35s;}
.history .year li:nth-child(even) .con{width:155px; box-sizing:border-box;padding:15px; border:1px solid #eee; background-color:#fff; position:absolute; left:0; top:110px;transition:all ease-out 0.35s;}
.history .year li:nth-child(even):hover .con{width:155px; box-sizing:border-box;padding:15px; border:1px solid #eee; background-color:#fff; position:absolute; left:0; top:100px;transition:all ease-out 0.35s;}
.history .year li:nth-child(odd) .con .icon{ position: absolute; bottom:-27px; color:#ddd; left:65px; font-size:24px;transition: all ease-out 0.35s;}
.history .year li:nth-child(even) .con .icon{ position: absolute; top:-27px; color:#ddd;transform:rotate(180deg); left:65px; font-size:24px;transition: all ease-out 0.35s;}

.event_box{width:90%;margin:3% auto 0;position:relative;min-height:420px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;background:url(../img/dot-grey.png) no-repeat left 24px;background-size:100% 2px;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parBd:nth-child(1) div{ display: block;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:34%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:24px;color:#333;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../img/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd .slideBox{width:70%; margin:0 auto; background:#00a78e; border-radius:3px; color:#fff; padding:30px; box-sizing:border-box; box-shadow:0px 80px 0 -50px #7cdacc;}
.parBd h4{position:relative;font-size:30px; font-weight:700;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd p{line-height:180%;font-size:18px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px; cursor:pointer;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../img/cat.png) no-repeat;position:absolute;top:-12px;left:86px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}


/*honor*/
.bg-honor{ background:url(../img/bg-honor.jpg) no-repeat center top;}
.honor li{ margin:25px; float:left; width:312px;}
.honor li p.pic{padding:23px; background-color:#fff; box-sizing:border-box; border-radius:5px; box-shadow:0 5px 10px 0 #eee;}

.renzheng li{width:310px; height:280px; font-size:0; float:left; margin:50px 18px; box-sizing:border-box; border:1px solid #eee; box-shadow:10px 10px 0 #eee;}
.renzheng li .img{width:310px; height:230px; overflow:hidden; cursor:pointer;}
/*culture*/

.culture li{width:433px; float:left; margin:25px; box-sizing:border-box; padding:50px 50px 80px 50px; 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:433px; float:left; margin:25px; box-sizing:border-box; padding:50px 50px 80px 50px; 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;}


.about-company li{ float:left; width:675px; height:447px; position:relative; margin:25px;}
.about-company li .c{ position:absolute; z-index:9; left:120px; top:50px; color:#fff;}

.zhuying{padding:30px 0;}
.zhuying li{font-size:18px; font-weight:700; background-color:#f6f6f6; color:#666; float:left; margin-right:30px; margin-bottom:30px; line-height:40px; border-radius:3px;padding:0 15px;transition:all ease-out 0.35s;}
.zhuying li:hover{background-color:#00a78e; color:#fff;transition:all ease-out 0.35s;}


/*news*/
.news-box{ position:relative; box-sizing: border-box; width:33%; float:left; padding:50px; margin-top:25px; border-left:1px solid #eee; border-right: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; font-family:popl; position:absolute; top:0px; left:50px; opacity:0;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; 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;}

.comm-box{ position:relative; box-sizing: border-box; width:100%; padding:30px 50px; border-left:1px solid #eee; border-right:1px solid #eee;transition: all 0.35s;}
.comm-box:hover{box-shadow: 0 20px 20px rgb(0 0 0 / 10%);transition: all 0.35s;}
.comm-box a{display:block;}
.comm-box .date{font-size:36px; font-family:popl; position:absolute; top:0px; left:50px; opacity:0;transition: all 0.35s;}
.comm-box:hover .date{top:10px; color:#999; opacity:1;transition: all 0.35s;}
.comm-box .t{font-size:18px; line-height:1.6; margin-top:30px;}
.comm-box .c{ color:#666; line-height:1.6; margin-top:30px;}
.comm-box .pic{width:100%; height:180px;overflow:hidden; margin-top:20px;}
.comm-box .pic img{width:100%; min-height:180px; min-width:100%;transition: all ease-out 0.35s;overflow:hidden;}
.comm-box:hover .pic img{transform: scale(1.1);transition: all ease-out 0.35s;}
.comm-box .icon{width:64px; height:64px; margin-top:20px; line-height:64px; border-radius:50%; text-align:center; background:#fff; font-size:24px; color:#999;transform:rotate(-45deg);transition: all ease-out 0.35s;}
.comm-box:hover .icon{ background:#00a78e; color:#fff;transform:rotate(0deg);transition: all ease-out 0.35s;}

.show{width:65%;margin-right:5%;}
.comm{width:30%;}
.show .date{ color:#999;}
.show h1{ font-size:34px; font-family:pops; color:#00a78e;}
.content{padding:30px 0;}
.content, .content p, .content div, .content span, .content font{ font-size:16px; line-height:2; text-align:justify;}
.content p, .content div{margin-top:20px;}
.content video{max-width:1300px;}


/*product*/
.promenu{width:260px; margin-right:25px;}
.promenu p{height:90px; line-height:90px; background-color:#00a78e; border-radius:5px 5px 0 0; padding-left:30px;}
.promenu li{height:50px; box-sizing:border-box; line-height:50px; padding-left:30px; border:1px solid #eee; border-top:0;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(250,250,250,1));}
.promenu li a{ font-size:16px; display:block;}
.promenu li.active a{border-right:5px solid #00a78e; color:#00a78e;}

.promenu li.second{height:50px; box-sizing:border-box; line-height:50px; padding-left:50px; border:1px solid #eee; border-top:0;background:#f6f6f6;}

.prolist{width:1115px;}
.prolist li{width:532px; float:left; margin-left:25px; margin-bottom:25px; background-color:#f6f6f6; box-sizing:border-box; padding:10px;}
.prolist li div.pic{width:180px; height:180px; 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;}

.proshow{width:1090px; margin-left:25px;}
.proshow .pro-pic{width:100%;height:550px; padding:50px; box-sizing:border-box; border:1px solid #eee; text-align:center;}
.proshow .pro-pic img{max-width:990px;height:450px; min-height:450px;}
.proshow-title {border-bottom:1px solid #eee;}
.endtxt{padding-top:50px; padding-bottom:50px;}
.endtxt p, .endtxt div{margin-bottom:15px;}
.pro-page{ margin-left:25px;}

.pro-title{margin-left:25px; border-bottom:1px solid #eee;}

/*contact*/
.contact1{ box-sizing:border-box; padding:60px; background-color:#f6f6f6; border-radius:5px; box-shadow:0 5px 10px 0 #eee;}
.contact2{width:480px;}
.contact-form{width:800px;}
.contact-form .left50{width:48%; margin-right:2%;}
.contact-form .right50{width:48%; margin-left:2%;}

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

/*page*/
.pagination { padding:50px 0; margin:0 auto;  }
.pagination li{ float:left; margin-right:15px; margin-left:0; width:auto; padding:0;}
.pagination li a { display:inline-block; padding:0 20px;height:40px; line-height:40px; border-radius:3px; background:#eaeaea; text-align:center; color:#333;transition: all 0.35s;}
.pagination li.active a {display:inline-block; height:40px; line-height:40px;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;}
.pagination span { display:inline-block;width:40px;height:40px; line-height:40px;width:40px;border-radius:3px; background:#00a78e;color:#fff; text-align:center;}





/*footer*/
.footer{ background:#00a78e; color:#fff;}
.footer .footer-left{width:1250px;}
.footer .footer-left dl{width:150px; float:left;}
.footer .footer-left dl.wd{width:200px; float:left;}
.footer .footer-left dl dt{ padding-bottom:5px; background: url(../img/dot4.png) no-repeat left bottom;background-size: 15px 2px; margin-bottom:10px;}
.footer .footer-left dl dt a{font-size:18px; color:#fff; font-family:pops;}
.footer .footer-left dl dt a:hover{color:#ccc;}
.footer .footer-left dl dd{}
.footer .footer-left dl dd a{font-size:14px; color:#b0dbd2;}
.footer .footer-left dl dd a:hover{color:#fff;}
.footer .footer-right{width:330px; text-align:left;}
.footer .footer-ewm{width:120px; font-size:12px; padding-top:160px; text-align:center;}

.copyright{margin-top:10px; padding:50px 0;}
.copy{ background:#00957e;line-height:48px;}