/********** 头部 **********/ .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;}