/********** 头部 **********/
.header{ width:100%; height:120px; background-color:#FAFFF6;}
.logo{ float:left; display:block; width:30%; height:120px; background:url(../images/logo.png) left center no-repeat;}
.hd-link{ float:right; width:70%; height:24px; margin-top:18px; text-align:right;}
.hd-search{ position:relative; display:inline-block; margin-right:20px;}
.hd-search input{ width:180px; height:22px; background-color:#FAFFF6; border:medium none; border-bottom:1px solid #DFDFDF; font-size:0.75em; color:#888; line-height:22px; text-indent:6px;}
.hd-search button{ position:absolute; top:4px; right:4px; display:block; width:13px; height:13px; background:url(../images/sign_search.png) no-repeat; border:medium none;}
.hd-tel{ display:inline-block; background:url(../images/sign_tel.png) left center no-repeat; padding-left:26px; font-size:1.125em; color:#00A050; line-height:1.5em; vertical-align:middle; margin-right:20px;}
a.hd-lang{ display:inline-block; background:url(../images/sign_lang.png) left center no-repeat; padding-left:26px; font-size:0.75em; color:#888; line-height:1.5em; vertical-align:middle; margin-right:20px;}
a.link-tmall{ display:inline-block; background:url(../images/sign_tmall.png) left center no-repeat; padding-left:24px; font-size:0.75em; color:#888; line-height:1.5em; vertical-align:middle; margin-right:20px;}
a.link-lks{ display:inline-block; background:url(../images/sign_lks.png) left center no-repeat; padding-left:24px; font-size:0.75em; color:#888; line-height:1.5em; vertical-align:middle;}


/***** PC导航 *****/
.sitenav{ float:right; width:70%; position:relative; z-index:100;}
.sitenav .navigation-inner{ position:relative;}
.navigation-up{ height:72px;}
.navigation-up .navigation-v3{ _margin-left:10px}
.navigation-up .navigation-v3 ul{ float:right;}
.navigation-up .navigation-v3 li{ float:left; width:100px; height:72px; padding:0 8px; margin:0 0 0 0px; font-size:1em; line-height:72px; text-align:center;}
.navigation-up .navigation-v3 .nav-up-selected{ background:url(../images/navlibg.jpg) top center no-repeat;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{ background:url(../images/navlibg.jpg) top center no-repeat;}
.navigation-up .navigation-v3 li h2{ font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{ width:100%; color:#272727; display:inline-block; height:72px;}
.navigation-up .navigation-v3 li h2 a:hover{ color:#00A050;}

.navigation-down{ position:absolute; top:120px; left:0px; width:100%; z-index:100000;}
.navigation-down .nav-down-menu{ width:100%; margin:0; background:rgba(0,160,80,0.6); position:absolute; top:0px;}
.navigation-down .nav-down-menu .navigation-down-inner{ margin:auto; width:100%; position:relative;}
.navigation-down .nav-down-menu dl{ float:left; margin:20px 60px 20px 0;}
.navigation-down .nav-down-menu dl:after{ margin-right:0;}
.navigation-down .menu-1 dl{ margin:20px 1% 25px 1%; width:10.5%;}
.navigation-down .menu-1 dt{ font-size:1em; color:#F8E86E; padding-bottom:10px; border-bottom:1px solid #D0E2D8; margin-bottom:10px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.navigation-down .menu-1 dd a{ font-size:0.875em; line-height:24px; color:#FFF; max-width:100%; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/}
.navigation-down .menu-1 dd a:hover{ color:#FFE200;}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{ font-size:0.875em; color:#FFF; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.navigation-down .nav-down-menu .nav-dl1{ margin-left:338px;}
.navigation-down .nav-down-menu .nav-dl2{ margin-left:594px;}
.navigation-down .nav-down-menu .nav-dl3{ margin-left:0px;}
.navigation-down .nav-down-menu .nav-dl4{ /*margin-left:738px;*/ margin-left:880px;}
.navigation-down .nav-down-menu .nav-dl5{ /*margin-left:738px;*/ margin-left:760px;}
.navigation-down .nav-down-menu .nav-dl6{ margin-left:890px;}

#pg-home #n0 a,
#pg-ab #n1 a, #pg-featlist #n1 a,
#pg-news1 #n2 a, #pg-news2 #n2 a, #pg-newsdetail #n2 a,
#pg-prod1 #n3 a, #pg-prod2 #n3 a, #pg-prod3 #n3 a,
#pg-cert1 #n6 a,
#pg-mkt #n4 a, #pg-case #n4 a, #pg-case2 #n4 a, #pg-tradegj #n4 a, #pg-ser #n4 a, #pg-store #n4 a, #pg-storelist #n4 a,
#pg-ctc #n5 a, #pg-hr #n5 a
{ color:#00A050;}

/***** 手机导航 *****/
#my-menu{ /*display:none;*/}
#hamburger{ display:none;}
#hamburger { box-sizing: border-box; display: none;width: 24px; height: 14px; position: fixed;/*position: absolute;*/ top:38px; right:5%; z-index:9999;}
#hamburger:before, #hamburger:after, #hamburger span { background: #00A050; content: ''; display: block; width: 24px; height: 2px; }
#hamburger span { margin: 4px 0 0 0; }
#hamburger:after { margin: 4px 0 0 0; }
#hamburger.hb-absolute { position: absolute; }
#hamburger.hb-fixed { position: fixed; }
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.3s ease 0.3s; transition: none 0.3s ease 0.3s; -webkit-transition-property: transform, top, bottom, left, opacity, margin; transition-property: transform, top, bottom, left, opacity, margin; }
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after { top: 20px; }
html.mm-opening #hamburger span { left: -50px; opacity: 0; }
html.mm-opening #hamburger:before { transform: rotate( 45deg ); margin: 7.5px 0 0 0; }
html.mm-opening #hamburger:after { transform: rotate( -45deg ); margin: -7.5px 0 0 0; }


/********** 底部 **********/
.footer{ width:100%; background-color:#232323;}
.ft-link{ padding:5% 0 4%;}
.ft-link-first{ float:left; width:29%; padding-right:0%; margin-right:4%; border-right:1px solid #4A4949; text-align:center;}
.ft-link-first .ft-logo{ margin-bottom:4%;}
.ft-link-first .ft-logo img{ width:200px;}
.ft-link-first p.cn{ font-size:0.75em; line-height:36px; color:#919090; display:none;}
.ft-link-first p.en{ font-size:11px; line-height:18px; color:#585656; text-transform:uppercase; margin-bottom:2%; display:none;}
.ft-subscibe{ position:relative; width:84%; margin-bottom:4%; display:none;}
.ft-subscibe label{ position:absolute; top:0; left:0; margin-left:12px; width:60px; height:32px; font-size:0.75em; line-height:32px; color:#989898;}
.ft-subscibe input{ width:100%; height:30px; border:1px solid #595959; background-color:#333; text-indent:84px; color:#FFF;}
.ft-subscibe input:hover{ border-color:#919090;}
.ft-subscibe button{ position:absolute; top:0; right:0; margin-top:1px; margin-right:-1px; width:18%; height:30px; border:medium none; background-color:#595959; font-size:0.875em; color:#8A8989;}
.ft-subscibe button:hover{ background-color:#919090; color:#FFF; cursor:pointer;}
.ft-qrcode{ margin-bottom:4%;}
.ft-qrcode img{ width:160px;}
.ft-attention{ font-size:0.75em; color:#777; margin-bottom:1%;}
.ft-attention a{ display:inline-block; width:24px; height:24px; background-color:#595959; border-radius:12px; margin-right:12px; vertical-align:middle;}
.ft-attention a:hover{ transition:all 0.5s;}
.ft-attention a div{ display:inline-block; width:24px; height:24px; background-color:#595959; border-radius:12px; margin-right:12px; vertical-align:middle;}
.ft-attention a div:hover{ transition:all 0.5s;}
.ft-attention .icon-qq{ background:url(../images/icon_qq.png) top center no-repeat #595959;}
.ft-attention .icon-qq:hover{ background-position:bottom center; background-color:#00A050;}
.ft-attention .icon-sina{ background:url(../images/icon_sina.png) top center no-repeat #595959;}
.ft-attention .icon-sina:hover{ background-position:bottom center; background-color:#00A050;}
.ft-attention .icon-wechat{ background:url(../images/icon_wechat.png) top center no-repeat #595959;}
.ft-attention .icon-wechat:hover{ background-position:bottom center; background-color:#00A050;}
.ft-language{ font-size:0.75em; color:#777;}
.ft-language a{ color:#585656;}
.ft-language a:hover{ color:#FFF;}
.ft-language b{ color:#585656; margin:0 8px;}
.ft-link dl{ float:left; width:6%; padding-left:2%; padding-right:3%;}
.ft-link dl.ftdl-prod{ width:10%; padding-right:2%;}
.ft-link dl dt{ font-size:1em; font-weight:bold; color:#FFF; line-height:24px; margin-bottom:10px; margin-top:6px;}
.ft-link dl dt span{ display:block; width:66px; /*padding:6px 12px; margin-left:-12px; background-color: #3A3A3A;*/}
.ft-link dl dd{ line-height:22px;}
.ft-link dl dd a{ display:block; width:100%; font-size:0.875em; color:#919090; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ft-link dl dd a:hover{ color:#FFF;}
.copyright{ width:100%; height:61px; border-top:1px solid #4A4949; font-size:0.75em; line-height:61px;}
.copyright .copyright-l{ float:left; color:#919090; text-transform:uppercase;}
.copyright .copyright-l span{ margin-right:24px;}
.copyright .copyright-l a{ color:#919090;}
.copyright .copyright-l a:hover{ color:#FFF; text-decoration:underline;}
.copyright .copyright-r{ float:right; text-align:right;}
.copyright .copyright-r a{ color:#919090;}
.copyright .copyright-r b{ color:3F3F3F; margin:0 8px;}
.copyright a:hover{ color:#FFF; text-decoration:underline;}
.copyright2{ width:100%; height:auto; padding:12px 0 24px; margin:0 auto; border-top:1px solid #4A4949; text-align:center; clear:both; display:none;}
.copyright2 p{ float:left; width:100%; font-size:0.75em; line-height:1.875em; color:#919090; text-align:center; text-transform:uppercase;}
.copyright2 p a{ color:#919090;}
.copyright2 p a:hover{ color:#FFF; text-decoration:underline;}
.copyright2 p b{ color:3F3F3F; margin:0 8px;}

.bottomlist{ background:#008d43; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:110;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:20%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:12px; color:#fff; line-height: 24px;}
.bottomlist ul li img{ margin-top: 5px; width:25px; height:25px;}


/********** 公用 **********/
.container{ position:relative; margin:0 auto;}


/********** 首页banner **********/
.banner-s{ width:100%; overflow:hidden; text-align:center; vertical-align:middle; display:none;}
.banner-s img{ width:100%;}

.banner{ position:relative; z-index:1; overflow:hidden;}
.banner-swiper-slide img{ width:100%;}
.banner-pagination{ width:100%; height:24px; position:absolute; left:0; bottom:20px; z-index:2; text-align:center;}
.banner-pagination span{ display:inline-block; width:18px; height:24px; background:url(../images/banner_dot.png) no-repeat; overflow:hidden; margin:0 4px; cursor:pointer;}
.banner-pagination span.swiper-pagination-bullet-active{ background-position:0 -24px;}

.banner-s{ position:relative; z-index:1; overflow:hidden;}
.banner-s-swiper-slide img{ width:100%;}
.banner-s-pagination{ width:100%; height:24px; position:absolute; left:0; bottom:20px; z-index:2; text-align:center;}
.banner-s-pagination span{ display:inline-block; width:18px; height:24px; background:url(../images/banner_dot.png) no-repeat; overflow:hidden; margin:0 4px;}
.banner-s-pagination span.swiper-pagination-bullet-active{ background-position:0 -24px;}


/********** 首页分层 **********/
.floor-title{ width:94%; padding:3% 3% 2% 3%; text-align:center;}
.floor-title h3{ font-size:1.875em; font-weight:bold; line-height:48px; letter-spacing:3px;}
.floor-title p{ font-size:1.125em; line-height:24px; letter-spacing:1px;}
.indprod .floor-title h3{ color:#FFF;}
.indprod .floor-title p{ color:#FFF;}
.indnews .floor-title h3{ color:#333;}
.indser .floor-title h3{ color:#FFF;}
.indser .floor-title p{ color:rgba(255,255,255,0.8);}
/***** 关于开开 *****/
.indab{ width:100%; height:auto; background-color:#FAFFF6;}
.indab .indab-cont{ padding:6% 0 3% 0; overflow:hidden;}
.indab ul{ width:100%; margin:0% auto; text-align:center;}
.indab ul li{ position:relative; display:inline-block; width:22%; height:auto; padding-bottom:2%; margin:0 4%; text-align:center; vertical-align:top;}
.indab ul li .indab-img{ width:100%; height:0; padding-bottom:100%; border-radius:100%; background-color:#E6E3DC; text-align:center; overflow:hidden;}
.indab ul li .indab-img img{ display:block; min-width:100%; margin:0 auto; vertical-align:middle;}
.indab ul li p.cn{ font-size:1.125em; color:#555; line-height:30px; margin-top:9.090909%;}
.indab ul li p.en{ font-size:0.75em; color:#00A050; line-height:24px;}
.indab ul li span{ font-size:0.75em; color:#555; line-height:25px; display:block; margin-top:6.060606%;}
.indab-icon1{ display:block; width:43.9394%; height:0; padding-bottom:43.9394%; border-radius:100%; background:url(../images/imgindex/indab_sign01.png) center center no-repeat rgba(255,226,0,0.8); position:absolute; top:0; right:0; margin-top:-5%; margin-right:-15.1515%; z-index:1;}
.indab-icon2{ display:block; width:20%; height:0; padding-bottom:20%; border-radius:100%; background:rgba(0,160,80,0.6); position:absolute; top:56%; left:0; margin-left:-4px; z-index:1;}
.indab-icon3{ display:block; width:43.9394%; height:0; padding-bottom:43.9394%; border-radius:100%; background:url(../images/imgindex/indab_sign02.png) center center no-repeat rgba(0,160,80,0.8); position:absolute; top:40%; left:0; margin-left:-9%;  z-index:1;}
.indab-icon4{ display:block; width:20%; height:0; padding-bottom:20%; border-radius:100%; background:rgba(255,226,0,0.6); position:absolute; top:22%; right:0; margin-right:-13.6364%; z-index:1;}
.indab-icon5{ display:block; width:43.9394%; height:0; padding-bottom:43.9394%; border-radius:100%; background:url(../images/imgindex/indab_sign03.png) center center no-repeat rgba(255,226,0,0.8); position:absolute; top:38%; right:0; margin-right:-11.3636%; z-index:1;}
.indab-icon6{ display:block; width:20%; height:0; padding-bottom:20%; border-radius:100%; background:rgba(0,160,80,0.6); position:absolute; top:34%; right:0; margin-right:-11.3636%; z-index:2;}
#indabsj{ display:none;}
.indabsj-container{ width:100%; height:auto;}
.indabsj-slide{ text-align:center; font-size:18px; background:#fff; /* Center slide text vertically */
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{ width:100%; height:auto;}
.swiper-slide{ text-align:center; font-size:18px; /* Center slide text vertically */
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;}

/***** 产品世界 *****/
.indprod{ width:100%; background:url(../images/imgindex/indprodbg.jpg) top center no-repeat; background-size:cover;}
.indprod .indprod-cont{ padding-bottom:3%;}
.prodlist{ width:100%; padding-top:3%;}
.prodlist ul{ width:100%; margin:0% auto; text-align:center;}
.prodlist ul li{ position:relative; display:inline-block; width:23.75%; height:0; padding-bottom:29.17%; margin:0.125%; overflow:hidden;}
.prodlist ul li .prod-img{ display:block; width:100%; height:100%;}
.prodlist ul li .prod-img img{ max-width:100%; min-width:100%;}
.prodlist li .cover-box { position:absolute; bottom:1.5%; left:50%; margin-left:-48%; width:80%; height:49px; padding:0 8%; background-color:rgba(0,160,80,0.8); *background:#00A050; overflow:hidden; transition:all 0.6s ease; }
.prodlist ul li .prod-tit{ width:100%; height:49px;}
.prodlist ul li .prod-tit span{ float:left; display:inline-block; width:72%; padding-left:2.325%; font-size:1.125em; line-height:49px; color:#FFF; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prodlist ul li .prod-tit i{ float:right; display:inline-block; vertical-align:middle; width:23px; height:23px; margin-right:2.325%; margin-top:13px; background:url(../images/imgindex/indprod_sign01.png) no-repeat;}
.prodlist li:hover .cover-box{ height:97%; background: rgba(0,160,80,0.8);}
.prodlist li:hover .prod-tit span{ width:100%; padding-left:0; margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.6); text-align:center;}
.prodlist li:hover .prod-tit i{ display: none;}
.prodlist .prod-nav{ position:relative; margin-top:5%; max-height:68%; text-align:left; overflow: hidden;}
.prodlist .prod-nav dt{ font-size:0.85em; font-weight:normal; line-height:2em;}
.prodlist .prod-nav dd{ font-size:0.75em; margin:0; padding:0; line-height:2em;}
.prodlist .prod-nav a{ display:block; color:#FFF;}
.prodlist .prod-nav a:hover{ color:#FFE200;}


/***** 资讯动态 *****/
.indnews{ position:relative; width:100%; background-color:#FFF;}
.indnews .indnews-cont{ padding-bottom:3%;}
.inews_three{ height:auto;}
.inews_thlist{ position:relative; width:1200px; height:auto; padding-bottom:4%; margin:0 auto; overflow:hidden;}
.inews_thlist li{ float:left; position:relative; width:1200px; height:auto;}
.inews_thowd{ z-index:30; background:url(../images/three_line.png) center center repeat-x; width:100%; height:32px;}
.inews_tho{ width:640px; height:32px; margin:0 auto;}
.inews_tho a{ display:inline-block; float:left; width:106px; height:30px; margin:0 25px; background-color:#FFF; border:1px solid #DCDCDC; border-radius:15px; cursor:pointer; text-align:center;}
.inews_tho a em{ display:block; color:#555; font-size:1.125em; font-style:normal; width:100%; height:100%; line-height:30px; text-align:center;}
.inews_tho a.on{ background-color:#00A050; border:1px solid #00A050;}
.inews_tho a.on em{ color:#FFF;}
.th_chpage{ position:absolute; top:38%; z-index:100; width:46px; height:46px; cursor:pointer;}
.three_pre{ background:url(../images/three_Lac.png) no-repeat; left:0; margin-left:-86px;}
.three_next{ background:url(../images/three_Rac.png) no-repeat; right:0; margin-right:-86px;}
.three_pre:hover{ background:url(../images/three_Lho.png) no-repeat; transition:all 0.5s;}
.three_next:hover{ background:url(../images/three_Rho.png) no-repeat; transition:all 0.5s;}

.tempWrap{ position:relative; width:1200px; overflow:hidden;}
.tempWrap ul{ position:relative; width:3600px; padding:0px; margin:0px; left:-2400px; overflow: hidden;}
.tempWrap ul li{ float:left; width:1200px;}

.inews{ width:100%; height:auto; margin:0 auto; padding-top:4%;}
.inews-list{ width:100%; margin:0 auto; margin-left:0.5%; text-align:center;}
.inews-item{ position:relative; float:left; display:inline-block; width:31%; height:auto; padding-bottom:72px; margin:0 1%; background-color:#FFF; text-align:center; vertical-align:top;}
.inews-item .indnews-img{ width:100%; height:0; padding-bottom:64%; overflow:hidden;}
.inews-item .indnews-img a{ display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; overflow:hidden;}
.inews-item .indnews-img img{ display:block; width:100%; min-height:100%; margin:0 auto;}
.inews-item .indnews-tit{ margin-top:10px; padding:0 20px; border-bottom:1px solid #E3E3E3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.inews-item .indnews-tit a{ font-size:0.875em; line-height:36px; color:#555;}
.inews-item .indnews-time{ font-size:0.75em; line-height:32px; color:#555;}
.inews-item .indnews-cont{ padding:0 6.5% 8%; font-size:0.75em; line-height:25px; color:#555; text-align:left;}
.btn-indnewsmore{ position:absolute; left:50%; margin-left:-22px; bottom:10px; display:block; width:42px; height:42px; border:1px solid #DDD; transform: rotate(45deg); text-align:center;}
.btn-indnewsmore span{ display:block; margin:0 auto; transform: rotate(-45deg); font-size:0.75em; line-height:42px; color:#555; text-transform:capitalize;}
.btn-indnewsmore:hover{ background-color:#00A050; border-color:#00A050; transition:all 0.5s; transform:rotate(405deg);}
.btn-indnewsmore:hover span{ color:#FFF; transform: rotate(-405deg);}


/** 资讯动态手机 */
#indnewssj{ position:relative; width:100%;  background-color:#FFF; display:none;}
.indnewssj-cont{ width:100%; padding-bottom:4%;}
.tabs{ height:40px; }
.tabs a{ display: block; float: left; width: 25%; background:#EEE; font-size: 1em; line-height:40px; color:#333; text-align:center; text-decoration: none;}
.tabs a.active{ background:#00A050; color:#FFF; border-radius:8px 8px 0px 0px;}
.inewsmb-container{ width:100%; height:auto; border-top:0;}
.inewsmb-slide{ width:100%; height:auto; padding-bottom:0%; background:none; color:#FFF;}
.inewsmb-item{ position:relative; float:left; display:inline-block; width:100%; height:auto; margin:0;}
.inewsmb-item ul{ width:90%; margin:0 5%; padding:5% 0;}
.inewsmb-item ul li{ width:90%; padding:4% 5%; border-bottom:1px solid #E3E3E3;}
.inewsmb-item .inewsmb-tit{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.inewsmb-item .inewsmb-tit a{ font-size:1em; line-height:2em; color:#333;}
.inewsmb-item .inewsmb-time{ font-size:0.875em; line-height:2em; color:#888;}


/***** 市场营销 *****/
.indser{ width:100%; height:auto; background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#A8E063), to(#56AB2F)); background:-webkit-linear-gradient(left, #A8E063, #56AB2F); background:-moz-linear-gradient(left, #A8E063, #56AB2F); background:-ms-linear-gradient(left, #A8E063, #56AB2F); background:-o-linear-gradient(left, #A8E063, #56AB2F); background:linear-gradient(left, #A8E063, #56AB2F); overflow:hidden;}
.indser .indser-cont{ margin-top:5%; padding-bottom:4%;}
.indser ul{ width:100%; margin:0% auto; text-align:center;}
.indser ul li{ position:relative; display:inline-block; /*width:23.3333%; height:0; padding-bottom:39.1666%; margin:0 0.125%;*/ width:280px; height:470px; margin:0 8px; text-align:center; vertical-align:top; opacity:0; filter:alpha(opacity=0); animation-duration:1s;}
.indser ul li i{ position:absolute; left:50%; margin-left:-19.60%; margin-top:-20%; display:block; width:19.20%; padding:0 10%; height:0; padding-bottom:42.5454%; background-image:url(../images/imgindex/indser_sign01.png); background-repeat:no-repeat; background-size:cover; z-index:100; text-align:center;}
.indser ul li i span{ display:block; font-size:1.25em; color:#555; /*letter-spacing:2px;*/ margin-top:50%;}
.indser ul li a{ width:100%; height:100%;}
.indser ul li .indser-mask{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/imgindex/indser_mask.png) no-repeat; background-size:cover;}
.indser ul li img{ min-width:100%; min-height:100%;}

.indser-img{ position:relative; padding:0 0 1rem; cursor:crosshair;}
.indser-link{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding-top:20%; margin-top:-20%; z-index:100; cursor:pointer;}
.indser-linksj{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; padding-top:20%; margin-top:-20%; z-index:100; cursor:pointer;}
.indser-imgbox { position:relative; width:280px; height:470px; /*box-shadow: inset 0 0 0 10px #fbfcf7, inset 0 0 0 11px #d3d0c9;*/ -ms-touch-action:none; touch-action:none;}
.clipboard, .shadowboard { position:absolute; top:0; left:0; right:0; bottom:0; }
.shadowboard { pointer-events:none; opacity:0; -webkit-transition:opacity .375s; transition:opacity .375s;}


/************************************************** 内页 **************************************************/
/***** 内页banner *****/
#banner-inside{ width:100%; height:400px; overflow:hidden; text-align:center;}
#banner-inside-sj{ position:relative; width:100%; overflow:hidden; text-align:center; vertical-align:middle; display:none;}
#banner-inside-sj img{ width:100%;}
/*.banner-ab{ background:url(../images/banner/banner_ab.jpg) top center no-repeat;}
.banner-news{ background:url(../images/banner/banner_news.jpg) top center no-repeat;}
.banner-prod{ background:url(../images/banner/banner_prod.jpg) top center no-repeat;}
.banner-hr{ background:url(../images/banner/banner_hr.jpg) top center no-repeat;}
.banner-ctc{ background:url(../images/banner/banner_ctc.jpg) top center no-repeat;}*/

.banner-txt{ position:absolute; width:100%; margin:11% auto 0;}
.banner-txt p.en{ font-size:3em; font-weight:bold; color:rgba(255,255,255,0.7); text-transform:uppercase;}
.banner-txt p.cn{ font-size:2.1875em; color:#FFF;}
.banner-txt p label{ display:inline-block; width:54px; height:12px; border-top:1px solid rgba(255,255,255,0.5); margin:0 12px;}
.banner-txt span{ display:block; margin-top:2%; font-size:1.125em; color:#FFF;}


/***** 内页公用 *****/
.inside-title{ width:100%; padding-top:5%; position:relative; clear:both;}
.inside-title p{ display:block; width:90%; margin:0 auto; position:relative; color:#00A050; text-align:center;}
.inside-title p.cn{ font-size:1.875em;}
.inside-title p.en{ font-size:0.875em; text-transform:capitalize;}
.inside-title p label{ margin:0 12px;}
.inside-title .inside-title-tip{ font-size:0.875em; line-height:1.5em; color:#555; text-align:center; margin-top:3%; padding:0 4%;}
.culture-wrap .inside-title p{ color:#FFF;}
.ser-wrap .inside-title p{ color:#FFF;}
.do-more{ display:none; width:100%; text-align:center; margin:24px auto;}
.do-more a{ display:block; width:40%; height:36px; margin:0 auto; background-color:#00A050; border-radius:10px; font-size:1em; line-height:36px; color:#FFF;}
.to-close{ width:100%; height:36px; margin:0px 20px 30px 0; line-height:36px; color:#00A050; text-align:right;}
.to-close a{ padding:0 4px; color:#00A050;}
.go-back{ width:100%; height:36px; margin:0px 20px 30px 0; line-height:36px; color:#00A050; text-align:right; display:none;}
.go-back a{ padding:0 4px; color:#00A050;}
.page-turn{ width:100%; padding:20px 0 40px; line-height:36px; color:#00A050;}
.page-turn a{ color:#00A050;}
.turn-prev{ float:left; width:50%; text-align:left;}
.turn-next{ float:right; width:50%; text-align:right;}
/***** 关于开开 *****/
.abcontent{ margin:0 auto; margin-top:3.5%;}
/** 公司简介 **/
.profile-wrap{ width:100%; height:auto; background-color:#F9FFF5;}
.profile{ padding:0 3.75% 6% 3.75%;}
.profile p{ text-indent:2em; margin-bottom:1.25em; font-size:0.875em;}
.profile .abimg01{ margin:0 auto 2em; text-align:center; border-radius:0 0 3.75em 0; overflow:hidden;}
.profile .abimg02, .profile .abimg03{ margin:0 auto 2em; padding-top:1em; text-align:center; overflow:hidden; display:none;}
/** 组织结构 **/
.org-wrap{ width:100%; height:auto; background:url(../images/imginside/abbg_org.jpg) center center no-repeat; background-size:cover;}
.org{ padding:0 3.75% 6% 3.75%;}
.org img{ max-width:100%;}
/** 企业风采 **/
.features-wrap{ width:100%; height:auto; background:url(../images/imginside/abbg_feat.jpg) center center no-repeat; background-size:cover;}
.features{ padding:0 0% 6% 0%;}
.features-title{ width:96%; padding:0 0 4% 0; margin:0 auto;}
.features-title ul{ width:100%; background:url(../images/imginside/feat_titbg.png) center center repeat-x; overflow:hidden; text-align:center;}
.features-title ul li{ list-style-type:none; display:inline-block; width:120px; height:35px; margin:0 8px; background-color:#FFF; border:1px solid #BABABA; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; cursor:pointer;}
.features-title ul li a{ display:block; width:100%; font-size:1em; line-height:34px; color:#575757;}
.features-title ul li:hover, .features-title ul li.featcur{ background-color:#009B4D; border-color:#009B4D;}
.features-title ul li:hover a, .features-title ul li.featcur a{ color:#FFF;}
.imglist-wrap{ width:91%; overflow:hidden;margin:0 auto}
.imglist{ width:100%; margin:0 auto; position: relative;  display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;}
.imglist ul{}
.imglist .blist{ width:31%; height:auto; margin:0 1.1666%; border-bottom:6px solid #C3C3C3;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; flex-direction:column;}
.imglist .blist .feat-img{ width:100%; height:0; padding-bottom:69%; overflow:hidden;}
.imglist .blist .feat-img a{ /*display:table-cell;*/ width:100%; height:100%; text-align:center; vertical-align:middle; overflow:hidden;}
.imglist .blist .feat-img img{ display:block; width:100%; margin:0 auto;}
.imglist .blist .feat-name{ width:90%; height:78px; padding:0 5%; background-color:#FFF; font-size:1em; color:#222; line-height:78px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.imglist .blist .feat-name a{ font-size:0.875em; line-height:78px; color:#555;}
.imglist .blist:hover{ border-bottom-color:#00A050;}
.btn-featmore{ padding:4% 0 0 0; text-align:center;}
.btn-featmore a{ display:block; width:12%; padding:8px 12px; margin:0 auto; background-color:#575757; border:1px solid #575757; border-radius:30px; font-size:1em; color:#FFF;}
.btn-featmore a:hover{ background-color:#009B4D; border-color:#009B4D; color:#FFF; transition:all 0.5s;}
/** 企业风采列表 **/
.feat-title{ padding-top:6%; font-size:1.25em; color:#00A050; text-align:center; display:none;}
.featlist-wrap{ background-color:#FFF;}

.featlist{ padding:4% 0;}
.featlist ul.featlist-tit{ width:100%; background:url(../images/imginside/feat_titbg.png) center center repeat-x; overflow:hidden; text-align:center;}
.featlist ul.featlist-tit li{ list-style-type:none; display:inline-block; width:10%; height:35px; margin:0 8px; background-color:#FFF; border:1px solid #BABABA; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; cursor:pointer; font-size:1em; line-height:34px; color:#575757;}
.featlist ul.featlist-tit li a{ display:block; width:100%; height:35px;}
.featlist ul.featlist-tit li:hover, .featlist ul.featlist-tit li.featcur{ background-color:#009B4D; border-color:#009B4D;}
.featlist ul.featlist-tit li:hover a, .featlist ul.featlist-tit li.featcur a{ color:#FFF;}

.featlist-cont{ width:100%; margin-top:4%; padding:0; text-align:justify;}

.featlist .featlist-cont ul{ width:100%; margin:0 auto;}
.featlist .featlist-cont ul li{ float:left; width:31%; height:auto; margin:0 1.1666% 4%; border-bottom:6px solid #C3C3C3;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; flex-direction:column;}
.featlist ul li .featlist-img{ width:100%; height:0; padding-bottom:69%; overflow:hidden;}
.featlist ul li .featlist-img a{ /*display:table-cell;*/ width:100%; height:100%; text-align:center; vertical-align:middle; overflow:hidden;}
.featlist ul li .featlist-img img{ display:block; width:100%; margin:0 auto;}
.featlist ul li .featlist-name{ width:90%; height:78px; padding:0 5%; background-color:#FFF; font-size:1em; color:#222; line-height:78px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.featlist ul li .featlist-name a{ font-size:0.875em; line-height:78px; color:#555;}
.featlist .featlist-cont ul li:hover{ border-bottom-color:#00A050;}

/** 企业文化 **/
.culture-wrap{ width:100%; height:auto; background:url(../images/imginside/abbg_cul.jpg) center center no-repeat; background-size:cover;}
.culture{ width:100%; margin:0% auto; padding:0 0 6% 0; text-align:center;}
.culture .cul-item-l, .culture .cul-item-m, .culture .cul-item-r{float:left;width: 33.2%;}
.culture .cul-item-l, .culture .cul-item-m{/* margin-right:0.2%; */}
.cul-item-l1{width:100%;height:0;padding-bottom:75.7576%;/* margin-bottom:0.6%; */background:url(../images/imginside/culimg01.jpg) no-repeat;background-size:cover;}
.cul-item-l2{ display:flex; width:100%; height:0; padding-bottom:70.7071%;}
.cul-item-l21{ width:50%; height:0; padding-bottom:70.7071%; background:url(../images/imginside/culimg02-1.png) center 40px no-repeat #00a050; background-size:100px;; }
.cul-item-l21 .cul-txt{ padding:160px 0 0 0 !important; text-align:center;}
.cul-item-l21 .cul-txt *{ color:#fff !important;}
.cul-item-l22{ width:50%; height:0; padding-bottom:70.7071%;  background:url(../images/imginside/culimg02.jpg) center center no-repeat; background-size:cover;}

.cul-item-m1{ width:100%;height:0;padding-bottom:50.5051%; background:url(../images/imginside/culimg03.png) 20px center no-repeat #00A050;}
.cul-item-m2{ width:100%; height:0; padding-bottom:45.9596%; background:url(../images/imginside/culimg04-1.jpg) no-repeat; background-size:cover;}
.cul-item-m3{ width:100%; height:0; padding-bottom:50%; background:url(../images/imginside/culimg04-2.jpg) no-repeat; background-size:cover;}
.cul-item-m3 .cul-txt{ padding:20px 0 0 20px;}
.cul-item-m3 .cul-txt *{ color:#fff;}

.cul-item-r1{width:100%;height:0;padding-bottom:50.5051%; background:url(../images/imginside/culimg05.jpg) no-repeat;background-size:cover;}
.cul-item-r2{  display:flex; width:100%;height:0;padding-bottom: 45.9596%;}
.cul-item-r21{padding-bottom: 45.9596%; width:50%; background:url(../images/imginside/culimg06.png) center 20px no-repeat #FFF;}
.cul-item-r22{padding-bottom: 45.9596%; width:50%; background: #d2b03c;}
.cul-item-r3{ width:100%; height:0; padding-bottom:50%; background:url(../images/imginside/culimg07.jpg) no-repeat; background-size:cover;}
.cul-txt{ text-align:left;}
.cul-txt p{ font-size:18px; color:#1F1F1F; line-height:2.25em;}
.cul-txt span{ font-size:14px; color:#333; line-height:1.5625em;}
.cul-item-m1 .cul-txt p, .cul-item-m2 .cul-txt p, .cul-item-r3 .cul-txt p, .cul-item-m1 .cul-txt span, .cul-item-m2 .cul-txt span, .cul-item-r3 .cul-txt span{ color:#FFF;}
.cul-item-l2 .cul-txt, .cul-item-m2 .cul-txt, .cul-item-r1 .cul-txt{ padding:7.5758% 0 0 7.0107%;}
.cul-item-l1 .cul-txt{ padding:18% 0 0 50%;}
.cul-item-m1 .cul-txt{ padding:16% 0 0 46%;}
.cul-item-r2 .cul-txt{  text-align: center; }
.cul-item-r21 .cul-txt{padding:110px 0 0 0;}
.cul-item-r22 .cul-txt{padding:60px 0 0 0;}
.cul-item-r21 .cul-txt *{ color: #00a051;}
.cul-item-r22 .cul-txt *{ color: #fff;}
.cul-item-r3 .cul-txt{ text-align: right; padding:5% 20px 0 0;}

/** 视频中心 **/
.video-wrap{ width:100%; height:auto; background:url(../images/imginside/abbg_video.jpg) center center no-repeat; background-size:cover;}
.video{ width:94%; margin:0% auto; padding:0 0 6% 0; text-align:center;}

/***** 资讯动态 *****/
.newslist-wrap{ width:100%; height:auto; background-color:#FAFFF6;}
.sb-news{ width:100%; padding:5% 0 4% 0;; text-align:center;}
.sb-news a{ display:inline-block; width:154px; height:43px; border:1px solid #D2D2D2; background:none; border-radius:25px; margin:0 8px; font-size:1em; line-height:43px; color:#616261;}
.sb-news a:hover, .sb-news a.newscur{ background-color:#009B4D; border-color:#009B4D; color:#FFF;}
.newslist{ padding-top:1.8%; padding-bottom:2%; overflow:hidden;}
.newslist ul{ width:100%; padding-right:0; margin:0 auto;}
.newslist ul li{ position:relative; float:left; width:31%; margin:0 1.1666% 3.5% 1.1666%; background-color:#FFF; border-bottom:4px solid #E7E7E7; text-align:center;}
.newslist ul li .news-img{ width:94%; height:0; padding-bottom:60%; margin:3% 3% 0 3%; overflow:hidden;}
.newslist ul li .news-img a{ display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; overflow:hidden;}
.newslist ul li .news-img img{ display:block; min-width:100%; max-width:100%; margin:0 auto;}
.newslist ul li .news-txt{ margin-top:10px;}
.newslist ul li .news-tit{ width:94%; margin:0 3%; border-bottom:1px solid #E3E3E3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newslist ul li .news-tit a{ font-size:0.875em; line-height:36px; color:#555;}
.newslist ul li .news-time{ font-size:0.75em; line-height:32px; color:#555;}
.newslist ul li .news-cont{ padding:2% 6.5% 8%; font-size:0.75em; line-height:25px; color:#555; text-align:left;}
.newslist ul li:hover{ border-bottom-color:#00A050;}
.newslist ul li:hover a{ color:#00A050;}
.newsdtl-pgtitle{ width:100%; padding:6% 0 4% 0; text-align:center; display:none;}
.newsdtl-pgtitle span{ display:inline-block; width:154px; height:45px; background-color:#009B4D; border-radius:25px; margin:0 auto; font-size:1em; line-height:45px; color:#FFF;}
.newsdetail{ padding:4% 4% 4% 4%;}
.newsdetail-title{ margin:20px 0 10px; text-align:center; font-size:1.5em; font-weight:bold; line-height:36px; color:#00A050;}
.newsdetail-time{ text-align:center; height:30px; line-height:30px; color:#666; border-bottom:1px dotted #CCC; padding-bottom:12px;}
.newsdetail-time label{ margin-right:2em;}
.newsdetail-cont{ margin-top:20px; padding-top:2%;}
.newsdetail-cont p{ /*display:block; margin-bottom:10px; text-indent:2em;*/}
.newsdetail-cont img{ max-width:100%;}

.newslist2-wrap{ width:100%; height:auto; background-color:#FAFFF6;}
.newslist2{ padding:1% 0 4%; overflow:hidden;}

.topnews{ width:100%; height:auto;}
.topnews-item{ position:relative; float:left; width:31%; height:auto; margin:0 1.1666% 3.5% 1.1666%;}
.topnews-img{ width:100%; height:0; padding-bottom:64%; overflow:hidden;}
.topnews-img img{ width:100%;}
.topnews-mask{ position:absolute; bottom:0; width:100%; height:40px; background:rgba(0,0,0,0.6); z-index:2;}
.topnews-mask a{ display:block; width:88%; padding:0 6%; font-size:0.875em; color:#FFF; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; z-index:3;}
.topnews-item:hover .topnews-mask{ background:rgba(0,160,80,0.8);}

.newslist2 ul{ width:100%; margin-top:4%;}
.newslist2 ul li{ float:left; width:46%; margin:0 2%; padding:18px 0; border-bottom:1px dashed #DDD;}
.newslist2 ul li a{ float:left; display:block; width:80%; font-size:0.875em; color:#616261; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newslist2 ul li a:hover{ color:#00A050;}
.newslist2 ul li span{ float:right; display:block; font-size:0.875em; color:#999;}

/***** 产品世界 *****/
/** 产品一级 **/
.prodlist-wrap{ width:100%; height:auto; padding-bottom:5%; background:url(../images/imginside/prodbg.jpg) center center no-repeat; background-size:cover;}
.prod-search-wrap{ width:97%; padding-top:3.3333%; margin:0 auto;}
.prod-search{ width:100%; height:48px; padding:18px 0; background-color:#00A050;}
.search-tit{ float:left; width:12%; margin-left:2%; font-size:1.625em; line-height:48px; color:#FFF;}
.search-select{ float:left; width:20%; height:46px; border:1px solid #CCC; background-color:#FFF; position:relative;}
.search-select select{ float:left; width:100%; height:46px; line-height:46px; text-indent:6px; border:medium none;}
.search-input-wrap{ position:relative; float:left; width:62%; margin-left:2%;}
.search-input{ width:100%; height:48px; border:medium none; text-indent:1em;}
.search-btn{ position:absolute; top:0; right:0; width:158px; height:48px; background-color:#FFE200; border:medium none; font-size:1.125em; color:#4B4B4B; cursor:pointer;}
.search-btn2{ position:absolute; top:0; right:4%; width:20%; height:48px; background:url(../images/btn_search01.png) right center no-repeat;  border:medium none; cursor:pointer; display:none;}
.search-btn:hover, .search-btn2:hover{ background-color:#ECA00C; color:#FFF; transition:all 0.5s;}

/*产品类别选择 */
.mod-dropdownlist{ display:inline-block; width:100%;}
.mod-dropdownlist .dropdown-select{ width:99%; background:transparent url(../images/dropdown_bg.png) left top repeat-x; font-size:0.875em; color:#666; cursor:default; display:inline-block; *display:inline;
height:46px; line-height:46px; overflow:hidden; *zoom:1; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; user-select:none;}
.mod-dropdownlist .dropdown-select:visited, .mod-dropdownlist .dropdown-select:hover, .mod-dropdownlist .dropdown-select:active{ border:medium none; color: #666; /*background:transparent;*/}
.mod-dropdownlist .dropdown-select .dropdown-input{ float:left; width:100%; height:46px; padding:0; border:medium none; font-size:1em; line-height:46px; text-indent:12px; overflow:hidden; zoom:1;}
.mod-dropdownlist .dropdown-select .dropdown-icon{ position:absolute; top:1px; right:1px; width:40px; height:46px; padding:0 0; background:transparent url(../images/dropdown_icon.gif) center center no-repeat; border-left:1px solid #EDEDED; font-size:0.875em; line-height:46px; zoom:1;}
.mod-dropdownlist .dropdown-select:hover .dropdown-icon { background: transparent url(../images/dropdown_icon_hover.gif) center center no-repeat;}
.mod-dropdownlist .dropdown-list{ background:#FFF; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; display: block; overflow:hidden; padding:0;}
.mod-dropdownlist .dropdown-options{ background:#FFF; display:block; overflow:hidden; overflow-y:auto; padding:0; margin:0;}
.mod-dropdownlist .dropdown-options li{ margin: 0; padding: 0; }
.mod-dropdownlist .dropdown-options li a{ color: #666; cursor: default; display: block; padding: 0 10px; white-space: nowrap; width: 120%; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; }
.mod-dropdownlist .dropdown-options li a:hover{ background-color: #eee; color: #666; }
.mod-dropdownlist .dropdown-options li.dropdown-options-focus a, .mod-dropdownlist .dropdown-options li.dropdown-options-focus a:hover { background-color: #E64E3F; color: #fff; }
.mod-dropdownlist .dropdown-list .dropdown-custombox{ border-top: 1px solid #ccc; }

/** 产品二级 **/
.sb-prod{ width:100%; padding:6% 0 2% 0; text-align:center;}
.sb-prod a{ display:inline-block; height:43px; padding:0 10px; border:1px solid #D2D2D2; background:none; border-radius:25px; margin:0 2px 12px; font-size:1em; line-height:43px; color:#616261;}
.sb-prod a:hover, .sb-prod a.cur{ background-color:#009B4D; border-color:#009B4D; color:#FFF;}
.prods-title{ width:100%; padding:8% 0 6% 0; text-align:center; display:none;}
.prods-title span{ display:inline-block; width:154px; height:45px; background-color:#009B4D; border-radius:25px; margin:0 auto; font-size:1em; line-height:45px; color:#FFF;}
.prods{ padding-bottom:2%; overflow:hidden;}
.prods ul{ width:100%; padding-right:0; margin:0 auto;}
.prods ul li{ position:relative; float:left; width:31%; margin:0 1.1666% 3.5% 1.1666%; background-color:#FAFAFA; border-bottom:4px solid #E7E7E7; text-align:center;}
.prods ul li .prod-img{ width:94%; height:0; padding-bottom:71%; margin:3% 3% 0 3%; overflow:hidden;}
.prods ul li .prod-img a{ display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; overflow:hidden;}
.prods ul li .prod-img img{ display:block; min-width:100%; max-width:100%; margin:0 auto;}
.prods ul li .prod-name{ width:94%; margin:0 3%;}
.prods ul li .prod-name a{ display:block; width:100%; font-size:1em; line-height:72px; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prods ul li:hover{ background-color:#00A050; border-bottom-color:#FFE200; transition:all 0.5s;}
.prods ul li:hover .prod-name a{ color:#FFF;}
/** 产品详情 **/
.prodshow{ width:100%; padding:2% 0 4% 0;}
.product-name{ font-size:1.5em; line-height:2em; color:#00A050; text-align:center; margin-bottom:24px;}
.product-img{ width:80%; margin-bottom:24px; text-align:center; margin:0 auto;}
.product-img img{ margin:0 auto; max-width:100%;}
.prod-editor{ margin-top:24px; font-size:1em; line-height:2em; color:#333;}
.prod-editor img{ max-width:100%;}
.detail-item{ width:100%; margin-bottom:12px;}
.detail-item h3{ font-weight:bold; text-indent:2em;}
.detail-item h3 span{ font-weight:normal; font-size:1em;}
.detail-item p{ text-indent:2em;}
.detail-table{ margin-bottom:24px;}
.detail-table h3{ font-weight:bold; text-indent:2em;}
.detail-table .table-title{ width:100%; text-align:center; margin-bottom:6px;}
.detail-table table{ text-align:center; border:1px solid #DDD; border-collapse:collapse; border-spacing:0;}
.detail-table table tr td{ padding:6px;}
.detail-table .ft-tip{ text-align:left;}
.prodshow .page-turn{ display:none;}



/***** 资质认证 *****/
.certlist-title{ padding-top:6%; font-size:1.25em; color:#00A050; text-align:center; display:none;}
.certlist-wrap{ width:100%; height:auto; background-color:#FAFFF6;}
.sb-cert{ width:100%; padding:5% 0 4% 0;; text-align:center;}
.sb-cert a{ display:inline-block; width:154px; height:43px; border:1px solid #D2D2D2; background:none; border-radius:25px; margin:0 8px; font-size:1em; line-height:43px; color:#616261;}
.sb-cert a:hover, .sb-cert a.certcur{ background-color:#009B4D; border-color:#009B4D; color:#FFF;}
.certlist{ padding-bottom:4%;}
.certlist ul{ width:92%; margin:0 auto;}
.certlist ul li{ float:left; width:31%; height:auto; margin:0 1.1666% 4%; background-color:#FFF; border-bottom:6px solid #C3C3C3;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; flex-direction:column;}
.certlist ul li .cert-img{ width:100%; height:0; padding-bottom:69%; overflow:hidden;}
.certlist ul li .cert-img a{ /*display:table-cell;*/ width:100%; height:100%; text-align:center; vertical-align:middle; overflow:hidden;}
.certlist ul li .cert-img img{ display:block; width:100%;  margin:0 auto;}
.certlist ul li .cert-name{ width:90%; height:78px; padding:0 5%; background-color:#FFF; font-size:1em; color:#222; line-height:78px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.certlist ul li .cert-name a{ font-size:0.875em; line-height:78px; color:#555;}
.certlist ul li:hover{ border-bottom-color:#00A050;}


/***** 形象店风采 *****/
.store-wrap{ width:100%; padding:0; text-align:justify; background-color:#F0F0F0;}
.store-title{ padding-top:6%; font-size:1.25em; color:#00A050; text-align:center; display:none;}

.storelist-wrap{ width:100%; padding:0; text-align:justify;}
.storelist-title{ padding-top:6%; font-size:1.25em; color:#00A050; text-align:center; display:none;}


/***** 市场营销 *****/
.marketcont{ padding:4.2% 0 6% 0;}
/** 国内贸易 **/
.tradegn-wrap{ width:100%; height:auto; background:url(../images/imginside/mktbg_tradegn.jpg) center center no-repeat; background-size:cover;}
.tradegn{ padding-top:3%;}
.map-china{ float:left; width:62%; text-align:center;}
.map-china img{ max-width:100%;}
.casegn{ float:right; width:26%; height:0; padding:1.25% 2% 39% 2%; background-color:#FFF;}
.casegn h3{ font-size:1.25em; font-weight:normal; line-height:2.25em; color:#26AD6A; border-bottom:1px solid #E6E6E6;}
.casegn-ulwrap{ /*height:396px;*/ /*overflow:scroll;*/}
.casegn ul{ /*height:380px;*/ padding:4% 0;}
.casegn ul li{ font-size:0.875em; line-height:1.75em; color:#555;}

.netlist-wrap{ width:100%; padding-top:4%; margin:0 auto;}
.netlist-title{ width:100%; height:35px; padding:14px 0; background-color:#00A050;}
.netlist-txt{ float:left; width:20%; margin-left:3%; margin-right:14%; font-size:1.125em; line-height:35px; color:#FFF;}
.netlist-input{ float:left; width:11.30%; height:35px; margin-right:1%;}
.netlist-input input{ float:left; width:100%; height:35px; border:medium none; text-indent:1em; color:#333;}
.district-select{ float:left; width:11.30%; height:35px; margin-right:1%;}
.district-select select{ float:left; width:100%; height:35px; line-height:35px; text-indent:1em; color:#333; border:medium none;}
.industry-select{ float:left; width:11.30%; height:35px; margin-right:1%;}
.industry-select select{ float:left; width:100%; height:35px; line-height:35px; text-indent:1em; color:#333; border:medium none;}
.netlist-title-btn{ float:left; width:10.4%; height:35px; background-color:#FFE200; border:medium none; font-size:1.125em; color:#215837; cursor:pointer;}
.netlist-title-btn:hover{ background-color:#B5DCC9; color:#00A050; transition:all 0.5s;}
.netlist{ width:94%; min-height:300px; padding:3%; background-color:#FFF;}
.netlist ul{ width:100%;}
.netlist ul li span{ float:left; display:inline-block; padding:2% 1%; font-size:1em; color:#666;}
.netlist ul li.netlist-li1 span{ background-color:#F0F0F0;}
.netlist ul li.netlist-li2 span{ background-color:#F8F8F8;}
.netlist ul li .netlist-item1{ width:33%;}
.netlist ul li .netlist-item2{ width:30%;}
.netlist ul li .netlist-item3{ width:30%;}
.netlist ul li .netlist-item4{ width:34%;}
.netlist ul li .netlist-item5{ width:25%;}

/** 工程案例 **/
.case-wrap{ width:100%; height:auto; background-color:#FFF;}
.case{ padding-bottom:2%;}
.case ul{ width:100%;}
.case ul li{ float:left; width:30%; margin: 1.6666%;}
.case ul li case-img{ width:100%; height:0; padding-bottom:80%; overflow:hidden;}
.case ul li .case-img a{ display:block; width:100%; height:100%; text-align:center; vertical-align:middle; overflow:hidden;}
.case ul li .case-img img{ display:block;width:100%; margin:0 auto;}
.case ul li .case-name{ width:100%; height:54px; background-color:#F1F8F5; border-bottom:4px solid #E7E7E7; text-align:center;}
.case ul li .case-name a{ padding:0 20px; font-size:0.875em; line-height:54px; color:#444;}
.case ul li:hover .case-name{ border-color:#00A050;}
.caseshow-wrap{ width:100%; height:auto; background-color:#FFF;}
.caseshow{}

/** 国际贸易 **/
.tradegj-wrap{ width:100%; height:auto; background:url(../images/imginside/mktbg_tradegj.jpg) center center no-repeat; background-size:cover;}
.tradegj{ padding:2% 3.75% 0% 3.75%;}
.tradegj img{ max-width:100%;}

/** 售后服务 **/
.ser-wrap{ width:100%; background:url(../images/imginside/mktbg_ser.jpg) center center no-repeat; background-size:cover;}
.ser{ padding-bottom:2%;}
.ser-item{ position:relative; float:left; width:46.6666%; height:0; padding-bottom:50.8333%; background-color:rgba(255,255,255,0.9); border-radius:0 0 3.3333%; /*overflow:scroll;*/}
.ser-item1{ margin:0 2% 0 2.334%;}
.ser-item2{ margin:0 2.334% 0 0;}
.ser-item-tit{ height:40px; padding-top:6%; text-align:center;}
.ser-item-tit span{ display:inline-block; height:40px; margin:0 auto; font-size:1.25em; color:#00A050; line-height:48px; text-indent:48px;}
.ser-item1 .ser-item-tit span{ background:url(../images/imginside/ser_sign01.png) left center no-repeat;}
.ser-item2 .ser-item-tit span{ background:url(../images/imginside/ser_sign02.png) left center no-repeat;}
.ser-item-txt{ padding:6% 8% 0 8%;}
.ser-item1 .ser-item-txt dl{ margin-bottom:24px;}
.ser-item1 .ser-item-txt dl dt{ font-size:1em; color:#00A050; margin-bottom:4px;}
.ser-item1 .ser-item-txt dl dd{ font-size:0.75em; line-height:1.75em; color:#555;}
.ser-item2 .ser-item-txt p{ margin-bottom:24px; font-size:0.75em; line-height:1.75em; color:#555;}
.ser-item2 .ser-item-txt span{ position:absolute; right:8%; bottom:8%; display:block; font-size:0.75em; line-height:1.75em; color:#555;}


/***** 联络专区 *****/
.ctccont{ width:97%; padding:3% 0 5% 0; margin:0 auto;}
/** 联系我们 **/
.ctc-wrap{ width:100%; height:auto; background-color:#FFF;}
.ctc-cts{ text-align:center; display:none;}
.ctc-cts p.cn{ font-size:1.375em; color:#555;}
.ctc-cts p.en{ font-size:0.75em; color:#A8A8A8; text-transform:uppercase;}
.ctc-info{ width:100%; margin:2% auto 0; text-align:center; display:none;}
.ctc-info-item1{ float:left; width:29%; padding-left:4%; text-align:left; border-right:1px solid #E5E5E5;}
.ctc-info-item2{ float:left; width:33%; text-align:center;}
.ctc-info-item3{ float:left; width:22%; padding-left:11%; text-align:left; border-left:1px solid #E5E5E5;}
.ctc-info p{ font-size:0.75em; line-height:2em; color:#555;}
.ctc-info2{ width:100%; margin:2% auto 0; padding-bottom:2%;}
.ctc-info2-item1{ float:left; width:28%; padding-left:6%; text-align:left; border-right:1px solid #E5E5E5;}
.ctc-info2-item2{ float:left; width:31%; padding-left:6%; text-align:left;}
.ctc-info2-item3{ float:left; width:18%; padding-left:6%; text-align:left; border-left:1px solid #E5E5E5;}
.ctc-info2 p{ font-size:0.75em; line-height:2em; color:#555;}
.ctc-info2 p.cn{ font-size:1.375em; color:#555;}
.ctc-info2 p.en{ font-size:0.75em; color:#A8A8A8; text-transform:uppercase;}
.ctc-info2 p label{ font-weight:bold; color:#00A050; font-size:1.25em;}
.my-map{ margin:2% auto 0; width:100%; height:340px; }
.my-map .icon{ background:url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;}
.my-map .icon-cir{ height:31px; width:28px;}
.my-map .icon-cir-red{ background-position:-11px -5px;}
.amap-container{ height:100%;}
/** 留言 **/
.feedback{ margin:3% auto 0;}
.feedback .feed-tip{ font-size:0.75em; line-height:2em; color:#7A7A7A; text-align:center;}
.feedback .feed-tip-line{ width:28px; height:0; border-top:1px solid #BCBCBC; margin:8px auto 0;}
.feedback .feed-msgwrap{ width:58%; margin:2% auto 0;}
.feedback ul{ width:100%;}
.feedback ul li{ position:relative; float:left; width:48%; margin:0 1% 2%;}
.feedback ul li label{ position:absolute; top:0px; left:12px; display:block; height:48px; font-size:0.75em; line-height:48px; color:#767676;}
.feedback ul li i{ position:absolute; top:0; right:0; display:block; width:46px; height:48px;}
.feedback ul li.feed-name i{ background:url(../images/feed_sign01.png) no-repeat;}
.feedback ul li.feed-tel i{ background:url(../images/feed_sign02.png) no-repeat;}
.feedback ul li.feed-add i{ background:url(../images/feed_sign03.png) no-repeat;}
.feedback ul li.feed-email i{ background:url(../images/feed_sign04.png) no-repeat;}
.feedback ul li input{ width:100%; height:48px; background-color:#FFF; border:1px solid #CDCDCD; text-indent:4.5em; font-size:0.75em; line-height:48px; color:#767676;}
.feedback ul li.feed-tel input{ text-indent:6.5em;}
.feedback .feed-msg{ position:relative; width:98%; margin:0 auto;}
.feedback .feed-msg textarea{ display:block; width:90%; padding:12px 8% 12px 2%; margin:0 auto; background-color:#FFF; border:1px solid #CDCDCD; font-size:0.75em; line-height:24px; color:#767676; text-indent:6.5em; }
.feedback .feed-msg label{ position:absolute; top:0px; left:12px; display:block; height:48px; font-size:0.75em; line-height:48px; color:#767676;}
.feedback .feed-msg i{ position:absolute; top:0; right:0; display:block; width:46px; height:48px; background:url(../images/feed_sign05.png) no-repeat;}
.feedback .feed-btn{ width:100%; margin:4% auto 0; text-align:center;}
.feedback .feed-btn button{ width:46%; height:50px; background-color:#767676; margin:0 auto; border:medium none; font-size:1em; line-height:50px; color:#FFF; cursor:pointer;}
.feedback .feed-btn button:hover{ background-color:#00A050; color:#FFF; transition:all 0.5s;}
.feedback input:hover, .feedback textarea:hover{ border-color:#00A050;}
.feedback ul li.feed-name:hover i{ background:url(../images/feed_sign01_h.png) no-repeat;}
.feedback ul li.feed-tel:hover i{ background:url(../images/feed_sign02_h.png) no-repeat;}
.feedback ul li.feed-add:hover i{ background:url(../images/feed_sign03_h.png) no-repeat;}
.feedback ul li.feed-email:hover i{ background:url(../images/feed_sign04_h.png) no-repeat;}
.feedback .feed-msg:hover i{ background:url(../images/feed_sign05_h.png) no-repeat;}
/** 人力资源 **/
.hr-wrap{ width:100%; height:auto; background-color:#F4F6F2;}
.hr-txt-wrap{ width:100%; padding-top:4.2%;}
.hr-img{ position:relative; float:left; width:30%; height:0; padding-bottom:40%; margin-left:2%; border-radius:0 0 10% 0; overflow:hidden;}
.hr-img img{ max-width:100%; min-width:100%;}
.hr-img .hr-img-sign01{ display:block; width:28.50%; height:0; padding-bottom:28.50%; border-radius:100%; background:url(../images/imginside/hr_sign01.png) center center no-repeat rgba(0,160,80,0.8); position:absolute; top:40%; right:16%; z-index:1;}
.hr-img .hr-img-sign02{ display:block; width:14.74%; height:0; padding-bottom:14.74%; border-radius:100%; background:rgba(255,226,0,0.7); position:absolute; top:52%; right:10%; z-index:1;}
.hr-txt{ float:left; width:64%; margin-left:4%;}
.hr-txt p{ font-size:0.75em; line-height:2em; margin-bottom:2.4em; color:#555;}
.hrlist-wrap{ border-top:1px solid rgba(88,88,88,0.2); margin-top:2%; padding-top:2%;}
.hrlist-title{ text-align:center;}
.hrlist-title h1{ font-size:1.875em; font-weight:normal;}
.hrlist-title p{ font-size:1.125em; margin-top:10px;}
.hrlist{ padding:4% 0 2% 0;}
.hrlist ul{ width:102.5%; margin-left:1.25%;}
.hrlist ul .hrlist-liwrap{ position:relative; width:100%;}
.hrlist ul li{ position:relative; float:left; width:31%; height:0; padding-bottom:24.16%; margin-right:1.25%; margin-bottom:2.28%; border-radius:2.6%; background-color:#FFF; border-bottom:8px solid #00A050;}
.hrlist-txt{ width:84%; margin:0 auto; padding-top:10%;}
.hrlist-txt h1{ font-size:24px; color:#444; font-weight:normal;}
.hrlist-txt p{ position:relative; padding:4% 0;}
.hrlist-txt p label{ display:inline-block; padding-left:6%; margin-right:8%; background:url(../images/imginside/hr_sign02.png) left center no-repeat; font-size:0.75em; color:#999;}
.hrlist-txt span{ display:block; font-size:0.75em; color:#999; line-height:1.8em;}
.hrlist ul li a.hrlist-btn{ position:absolute; left:8%; bottom:10%; display:block; width:50px; height:30px; border:1px solid #C0C0C0; border-radius:3px; font-size:1em; color:#C0C0C0; line-height:30px; text-align:center;}
.hrlist ul li a.hrlist-btn:hover{ background-color:#00A050; border-color:#00A050; color:#FFF; transition:all 0.5s;}

.job-wrap{ width:100%; height:auto; background-color:#F4F6F2;}
.job{ margin-top:4.2%; padding-bottom:6%;}
.jobdetail{ position:relative; width:100%; border:1px solid #DDD; background-color:#FFF; font-size:0.875em;}
.job-tip{ height:48px; border-bottom:1px solid #DDD;}
.job-tip .job-num{ float:left; display:block; width:48%; padding-left:2%; font-weight:bold; line-height:48px;}
.job-tip .job-time{ float:right; display:block; width:48%; padding-right:2%; line-height:48px; text-align:right;}
.job-cont{ /*background-color:#FAFAFA;*/}
.job-item{ float:left; border-bottom:1px solid #DDD; line-height:48px; color:#FFF;}
.job-s{ width:50%; height:48px;}
.job-m{ width:100%; height:48px;}
.job-l{ width:100%; min-height:112px;}
.job-item label{ float:left; display:block; width:30%; height:48px; background-color:#00A050; text-align:center;}
.job-m label{ width:15%;}
.job-l label{ width:15%; height:140px;}
.job-item input{ float:left; width:70%; height:48px; border:medium none; text-indent:2em;}
.job-l textarea{ width:78%; min-height:112px; padding:14px 3% 14px 4%; border:medium none; line-height:2em; color:#333;}
.job-ctc{ float:left; width:94%; height:48px; padding:0 3%; border-bottom:medium none; line-height:48px;}
.job-ctc label{ display:inline-block; margin-right:2em;}
.job-ctc label a{ font-weight:bold;}
.job-ctc label a:hover{ color:#00A050;}