@import url("reset.css");
@import url("common.css");
@import url("respond.css");

body {-webkit-text-size-adjust:100%;}
html,body {width:100%; height:100%; margin:0; padding:0;font-family:"Microsoft Yahei";font-weight:lighter;background:#fff;}
ul li {list-style:none;}
img, fieldset {border:none; vertical-align:top;}
hr{display:none;}

/* HTML5 Reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
/* Accessibility Navigation */
#accNav {position:absolute; top:0; left:0; z-index:1000; width:100%; height:0;}
#accNav a {display:block; position:absolute; left:0; top:0; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; font-weight:bold; font-size:0.875em; color:#000; white-space:nowrap;}
#accNav a:focus, #accNav a:hover, #accNav a:active {width:100%; height:auto; padding:10px 0; background:#000; color:#fff; z-index:1000;}

.gold-about-content{width:100%;overflow:hidden;min-height:820px;}
.gold-about-content li{background-repeat:no-repeat;background-position:top right;width:3%;min-height:820px;float:left;color:#fff;position:relative;}
.gold-about-content li .gold-a-nav{width:20px;display:block;position:absolute;top:50%;left:50%;height:120px;margin:-60px 0px 0px -10px;cursor:pointer;font-family:"Microsoft Yahei";font-size:18px;color:#fff;}
.gold-a-open{background-position:center center;
-webkit-background-size: 100%; 
-moz-background-size: 100%; 
-o-background-size: 100%; 
background-size: 100%;
background-size: cover;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
 background-attachment:fixed;
}
.gold-float-box{position:absolute;top:0px;right:0px;width:300px;height:100%;z-index:99;opacity:1;visibility:hidden;
 background:url(../bg/gold-f-bg01.jpg) no-repeat 0px 0px;
}
.gold-f-inner{padding:65% 8% 0;overflow:hidden;}
.gold-f-title{font-size:18px;font-weight:lighter;}
.gold-f-content{width:100%;overflow:hidden;margin:12% 0 18%;font-size:15px;line-height:150%;}
.gold-f-btn{color:#f6cd8d;font-size:14px;font-family:"Arial";text-transform:uppercase;}
.gold-f-btn:hover{color:#f69806;}
.gold-f-left{left:0px;right:auto;}
.gold-about-content li .gold-menu{position:fixed;width:3%;height:100%;top:0px;float:left;background-repeat:no-repeat;background-position:top right;background-size:100% 100%;z-index:99;}
.gold-about-content li:nth-child(1) .gold-float-box{background-image:url(../bg/gold-f-bg01.jpg);}
.gold-about-content li:nth-child(1) .gold-menu{background-image:url(../bg/gold-a-bg01.jpg);}
.gold-about-content li:nth-child(2) .gold-float-box{background-image:url(../bg/gold-f-bg02.jpg);}
.gold-about-content li:nth-child(2) .gold-menu{background-image:url(../bg/gold-a-bg02.jpg);}
.gold-about-content li:nth-child(3) .gold-menu{background-image:url(../bg/gold-a-bg03.jpg);}
.gold-about-content li:nth-child(3) .gold-float-box{background-image:url(../bg/gold-f-bg03.jpg);}
.gold-about-content li:nth-child(4) .gold-menu{background-image:url(../bg/gold-a-bg04.jpg);}
.gold-about-content li:nth-child(4) .gold-float-box{background-image:url(../bg/gold-f-bg04.jpg);}
.gold-about-content li:nth-child(5) .gold-menu{background-image:url(../bg/gold-a-bg05.jpg);}
.gold-about-content li:nth-child(5) .gold-float-box{background-image:url(../bg/gold-f-bg05.jpg);}
.gold-a-nav em{background:url(../bg/ico_package.png) no-repeat -100px -450px;width:7px;height:11px;display:block;margin:30px 0px 0px 5px;}
.inner{width:750px;margin:3% auto 0;overflow:hidden;font:lighter 14px/150% "Microsoft Yahei";}
dl.gold-fixed-tip{position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:99;}
dl.gold-fixed-tip dd{padding:82px 32px 0px 15px;overflow:hidden;position:relative;}
.gold-a-title{width:88%;background:url(../../images/a01.jpg) no-repeat top right;overflow:hidden;margin-left:12%;padding:3% 0 1%;
 -webkit-background-size: 100%; 
-moz-background-size: 100%; 
-o-background-size: 100%; 
background-size: 100%;
background-size: cover;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
 background-attachment:fixed;
}
.goin-inner{width:65%;margin:0 auto;overflow:hidden;}
.gold-a-title p{border-left:2px solid #fff;overflow:hidden;padding-left:10px;margin-left:1%;}
.gold-a-title h1{font:lighter 20px/130% "Microsoft Yahei";}
.gold-a-title span{display:block;font:lighter 20px/130% "Microsoft Yahei";}
.gold-a-title em{color:#f6cd8d;text-transform:uppercase;font:14px/100% "Arial";}
.gold-a-tip{color:#f6cd8d;font-size:18px;line-height:150%;margin:5% 0 2%;font-weight:lighter;}
.gold-a-detail{width:100%;overflow:hidden;height:auto;line-height:30px;margin:20% 0 25%;}

dl.gold-bottom-nav{width:100%;position:fixed;bottom:0px;left:0px;overflow:hidden;z-index:99;}
dl.gold-bottom-nav dd{padding:0 32px 82px 15px;overflow:hidden;position:relative;}
.gold-b-inner{width:88%;background:url(../../images/a01.jpg) no-repeat 80% 0;overflow:hidden;padding:2% 0;
 -moz-background-size: cover;
 -o-background-size: cover;
 -webkit-background-size: cover;
 background-size: cover;
 background-attachment:fixed;
}
.gold-brand-inner{background:#fff;margin-left:240px;}
.gold-brand-inner .arrow-tip{width:92%;text-align:left;margin-bottom:0;padding:1.5% 0;}
.gold-brand-inner .arrow-tip em{color:#3d3d3d;}

.menu{width:100%;overflow:hidden;text-align:center;}
.menu a{width:120px;height:40px;line-height:40px;text-align:center;border:1px solid #999;color:#fff;display:inline-block;margin-right:25px;}
.menu a:hover{border-color:#9c7f55;color:#9c7f55;}
.side-left{width:240px;position:fixed;overflow:hidden;float:left;height:100%;color:#fff;background-color:#121212;background-repeat:no-repeat;background-size:100% 100%;background-position:0px 0px;}
.main-r-content{float:right;margin-left:-240px;overflow:hidden;width:100%;}
.main-r-inner{margin:0px 0px 0px 240px;overflow:hidden;min-height:823px;background:#272727;color:#fff;position:relative;
	background-repeat:no-repeat;
  background-position:top center;
 -moz-background-size: cover;
 -o-background-size: cover;
 -webkit-background-size: cover;
 background-size: cover;
 background-attachment:fixed;
}
.m-news-box{width:800px;margin:3% auto 0;overflow:hidden;line-height:180%;}
.m-news-title{font-size:18px;color:#f6cd8d;font-weight:lighter;}
.m-news-title em{font-size:13px;color:#a5a5a5;font-family:"Arial";float:right;margin-top:5px;}
.m-news-abstract{color:#c8c8c8;border-bottom:2px solid #313131;padding:0 0 2%;margin:2% 0;}
.news-detail{width:100%;overflow:hidden;font-size:14px;}
#content .mainWrap{background:#272727;overflow:hidden;}
.side-l-news{background-image:url(../bg/side-bg.jpg);}
.side-l-news-bg{background-image:url(../bg/side-n-bg.jpg);}
.side-online-bg{background-image:url(../bg/side-o-bg.jpg);}
.side-case-bg{background-image:url(../bg/side-c-bg.jpg);}
.side-brand-bg{background-image:url(../bg/side-b-bg.jpg);}
.side-l-tip{margin:0 0 15%;overflow:hidden;text-align:center;width:100%;}
.side-l-tip h1{font-size:18px;font-weight:lighter;line-height:160%;}
.side-l-tip span{text-transform:uppercase;font-size:14px;color:#f6cd8d;font-family:"Arial";}
.side-menu{width:175px;overflow:hidden;margin:0 auto;}
.side-menu li{overflow:hidden;text-align:center;margin-bottom:20px;font-size:14px;}
.side-menu li a{color:#fff;height:40px;line-height:40px;border:1px solid #fff;display:block;position:relative;}
.side-menu li a:hover,.side-menu li a.hover,.side-menu li dl dd a.hover{color:#f6cd8d;border-color:#f6cd8d;}
.nav-open{position:relative;}
.side-menu li dl{width:100%;overflow:hidden;font-size:14px;margin:10% 0 0;display:none;}
.side-menu li dl dd a{border:none;height:30px;line-height:30px;}
.side-menu li a em,.nav-open em{position:absolute;top:0px;right:15px;height:100%;line-height:40px;}
.nav-open em{right:0px;width:40px;cursor:pointer;}
.news-list{width:84%;overflow:hidden;margin:0 auto;font-family:"Microsoft Yahei";line-height:180%;}
.news-list li{overflow:hidden;padding:3% 0 0;
transition-duration: .3s;
-webkit-transition-duration:.3s; 
}
.news-list li dl{width:100%;overflow:hidden;}
.news-list li dl dt{width:25%;float:left;overflow:hidden;}
.news-list li dl dd{width:73%;float:right;overflow:hidden;padding-bottom:5%;border-bottom:2px solid #313131;font-size:14px;}
.news-list li dl dd img{float:right;display:none;margin-left:5%;max-width:260px;}
.news-list li dl dd a{font-size:14px;display:block;width:145px;height:48px;border:1px solid #fff;color:#fff;text-transform:uppercase;line-height:48px;font-family:"Arial";text-align:center;margin:25px 0px 0px;}
.news-list li dl dd a:hover{color:#f6cd8d;border-color:#f6cd8d;}
.news-list li dl dt span{float:left;font:32px/110% "Arial";color:#f6cd8d;opacity:0;visibility:hidden;width:20%;}
.news-list li dl dt span em{width:30px;height:3px;background:#484848;float:left;margin:22% 10px 0 0;}
.news-list li dl dt h1{font-size:16px;width:100%;line-height:150%;font-weight:lighter;width:75%;float:right;}
.news-list li dl dt h1 p{width:100%;height:auto;line-height:24px;overflow:hidden;}
.news-list li dl dt h1 em{display:block;font:13px/120% "Arial";}
.news-list li:hover dl dt span{opacity:1;visibility:visible;}
.news-list li:hover dl dd img{display:inline-block;}
.case-bg{background-image:url(../../images/a01.jpg);}
.news-bg{background-image:url(../bg/n01.jpg);}
.job-r-bg{background-image:url(../bg/j01.jpg);}
.online-message-box{width:940px;overflow:hidden;position:absolute;top:50%;left:50%;
-ms-transform: translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.online-message-box p{border:1px solid #626262;margin-bottom:20px;padding:10px 15px;line-height:30px;color:#fff;text-transform:uppercase;overflow:hidden;}
.online-message-box p em{font-size:14px;font-family:"Arial"; float:left;margin-right:10px;color:#a3a3a3;}
.online-message-box p input{background:none;border:none;color:#a3a3a3;font:14px/28px "Microsoft Yahei";width:85%;}
.online-message-box p textarea{background:none;border:none;color:#a3a3a3;font:14px/28px "Microsoft Yahei";width:85%;}
.online-m-btn{text-align:right;margin:50px 0px 0px;overflow:hidden;width:100%;}
.online-m-btn input{border:1px solid #626262;color:#fff;font:14px/40px "Microsoft Yahei";width:175px;text-align:center;display:inline-block;background:none;cursor:pointer;}
.online-m-btn input:hover{border:1px solid #f6cd8d;color:#f6cd8d;}
.job-type-menu .swiper-container{width:1200px;margin:5% auto 4%;}
.job-type-menu .swiper-container .swiper-slide a{border:1px solid #9e9fa0;display:block;color:#fff;width:180px;margin:0 auto;text-align:center;text-transform:uppercase;padding:5px 0 10px;line-height:150%;}
.job-type-menu .swiper-container .swiper-slide a span{display:block;font-size:16px;line-height:150%;}
.job-type-menu .swiper-container .swiper-slide a em{font-size:14px;font-family:"Arial";}
.job-type-menu .swiper-container .swiper-slide a.hover{color:#f6cd8d;border-color:#f6cd8d;}
.job-list{width:1200px;margin:0px auto;overflow:hidden;padding-bottom:10%;}
.job-list li{width:44%;float:left;margin:0 3% 4%;position:relative;min-height:190px;} 
.job-content{background:rgba(27,27,27,.8);padding:6% 6% 3%;border:1px solid #1b1b1b;overflow:hidden;}
.job-title{border-left:2px solid #fff;padding-left:5px;overflow:hidden;font-weight:lighter;margin:0 0 5%;}
.job-title span{display:block;font-size:16px;line-height:140%;}
.job-title em{color:#f6cd8d;font-size:14px;text-transform:uppercase;line-height:120%;display:block;}
.job-tip{width:100%;overflow:hidden;border-bottom:1px solid #313131;padding-bottom:5%;margin:0 0 4%;}
.job-tip span{float:left;font-size:16px;margin-right:20px;}
.job-tip span em{background:url(../bg/ico.png) no-repeat 0px -88px;width:28px;height:22px;float:left;margin-right:10px;}
.job-tip span:nth-child(2) em{background-position:-92px -88px;width:23px;}
.job-tip span:nth-child(3) em{background-position:-178px -88px;width:21px;}
.job-describe{width:100%;overflow:hidden;line-height:150%;font-size:14px;position:relative;height:120px;}
.job-bg-gradient {
    width: 100%;
    position: absolute;
    bottom: 20px;
    height: 35px;
    background: -webkit-linear-gradient(top,rgba(27, 27, 27,.2),rgba(27, 27, 27,.7));
    background: -o-linear-gradient(top,rgba(27, 27, 27, .2),rgba(27, 27, 27, .7));
    background: -moz-linear-gradient(top,rgba(27, 27, 27, .2),rgba(27, 27, 27, .7));
    background: -ms-linear-gradient(top,rgba(27, 27, 27, .2),rgba(27, 27, 27, .7));
    background: linear-gradient(top,rgba(27, 27, 27, .2),rgba(27, 27, 27, .7));
    z-index: 9;
}
.job-d-title{font-size:16px;font-weight:lighter;line-height:150%;margin:5% 0 3%;}
.job-requirements{width:100%;opacity:0;visibility:hidden;height:0px;}
.job-require-detail{width:100%;overflow:hidden;line-height:180%;font-size:14px;color:#cfcfcf;height:150px;}
.job-more{display:block;width:100px;float:right;text-transform:uppercase;text-align:right;cursor:pointer;line-height:30px;font-family:"Arial";color:#b1b1b1;}
.job-more:hover{color:#f6cd8d;}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#c6c6c6;}
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#434343;width:1px;}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCustomScrollBox>.mCSB_scrollTools{width:3px;}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#c6c6c6;}

.brand-info-box .mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#fff;}
.brand-info-box .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#fff;}
.gold-about-content .mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:none;}
.gold-about-content .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{background:none;}

.job-list li.hover .job-title span{color:#f6cd8d;}
.job-list li.hover .job-content{border-color:#f6cd8d;padding-bottom:6%;}
.job-list li.hover .job-requirements{opacity:1;visibility:visible;height:auto;}
.swiper-button-prev,.swiper-button-next{
-webkit-transform:scale(0.7);
-ms-transform:scale(0.7);
-moz-transform:scale(0.7);
transform:scale(0.7);
}
.job-list li.hover .job-more{display:none;}
.job-list li.hover .job-content{position:absolute;top:0px;left:0px;z-index:99;background:rgba(27,27,27,1);width:100%;}
.job-list li.hover .job-bg-gradient{background:none;}

.swiper-button-prev{left:0px;}
.swiper-button-next{right:0px;}
dl.contact-box{width:980px;margin:-255px 0px 0px -490px;overflow:hidden;height:510px;position:absolute;top:50%;left:50%;}
dl.contact-box dt{float:left;width:510px;border:1px solid #313131;}
dl.contact-box dd{float:right;width:350px;overflow:hidden;margin:30px 0px 0px;}
dl.contact-box dd h1{color:#f6cd8d;font-size:26px;text-transform:uppercase;font-weight:lighter;line-height:120%;}
dl.contact-box dd h2{color:#fff;font-size:20px;font-weight:lighter;line-height:110%;}
dl.contact-box dd p{margin:20px 0px 0px;font-size:16px;overflow:hidden;}
dl.contact-box dd p span{display:block;}
dl.contact-box dd p span i{font-size:16px;padding-left:10px;}
dl.contact-box dd p em{display:block;color:#b1b1b1;line-height:180%;}
.side-case{margin:0 0 10%;}
.side-case em{width:12px;height:2px;background:#fff;display:block;margin:10px auto;}
.side-case p{font-size:14px;line-height:120%;}
.side-tip{font-size:14px;text-align:center;margin:0 0 20px;}
.side-tip a{color:#8f8f8f;}
.side-tip a:hover,.side-tip a.hover{color:#f6cd8d;}

.horizontal {position:relative; height:100%; background-color:#fff;}
.horizontal .inner{position:relative; overflow:hidden; width:100%; height:100%;margin:4% 0 0;}

.horizontal .postList {height:100%; padding-left:0px;}
.horizontal .postList ul {float:left; width:100%; height:100%;}
.horizontal .postList ul li {float:left; position:relative; width:380px;height:100%; vertical-align:middle; background-size:0 0;
	-webkit-transition:width 0.3s, padding 0.3s;
	transition:width 0.3s, padding 0.3s;
}
.horizontal .postList ul li .box{padding:0 50px;margin-left:-2px; border-left:2px solid #313131;height:540px;position:relative;}
.horizontal .postList ul li h1{font-size:18px;line-height:150%;font-weight:lighter;} 
.horizontal .postList ul li p{font-size:14px;line-height:150%;font-weight:lighter;margin:8% 0 12%;color:#999;} 
.horizontal .postList ul li a{border:1px solid #9b9a99;color:#fff;width:142px;height:45px;font:14px/45px "Arial";display:block;text-align:center;display:none;text-transform:uppercase;position:absolute;bottom:0;left:50%;margin-left:-71px;}
.horizontal .postList ul li a:hover{border-color:#f6cd8d;color:#f6cd8d;}
.horizontal .postList ul li.current{width:470px; cursor:default;}
.horizontal .postList ul li.current a{display:block;}
.horizontal .postList ul li.current .btn {position:relative; top:auto; right:auto; bottom:auto; left:auto; border-width:1px; text-align:center; text-indent:0;}
.case-year-type{font:16px/150% "Arial";margin:2.5% 50px 0;}
.case-year-type a{color:#fff;}
.case-year-type a em{color:#959595;font-size:18px; padding:0 10px;}
.case-year-type a:hover,.case-year-type a.hover{color:#f6cd8d;}
.case-year-type span{display:inline-block;cursor:pointer;}
.case-year-type span i{float:left;line-height:100%;}
.case-year-type span em{padding:0 5px;}
.case-info-content{width:92%;overflow:hidden;margin:0 auto;}
.case-info-pic{width:52.5%;float:left;overflow:hidden;}
.case-info-detail{width:43.75%;float:right;overflow:hidden;}
.case-info-en{border-left:2px solid #fff;overflow:hidden;text-transform:uppercase;padding-left:15px;}
.case-info-en span{display:block;font-size:14px;line-height:120%;}
.case-info-en em{font-size:18px;display:block;line-height:120%;}
.case-info-title{font-size:20px;color:#f6cd8d;margin:3% 0 5%;font-weight:normal;}
.case-info-tip{overflow:hidden;}
.case-info-tip span{border-left:2px solid #313131;float:left;padding:10px 18px;}
.case-info-tip span:nth-last-child(1){border-right:2px solid #313131;}
.case-info-tip span em{display:block;color:#525252;margin-bottom:10px;}
dl.case-info-type{width:100%;overflow:hidden;margin:5% 0;padding:0 0 5%;border-bottom:2px solid #313131;text-transform:uppercase;font-family:"Arial";line-height:150%;}
dl.case-info-type dd{width:100%;overflow:hidden;}
dl.case-info-type dd em{width:60px;float:left;}
dl.case-info-type dd span{float:left;width:90%;}
dl.case-info-type dd:nth-child(1) span{font-family:"Microsoft Yahei"}
.case-info-box{font-size:14px;line-height:150%;overflow:hidden;padding:0 0 5%;border-bottom:2px solid #313131;}
.case-info-pic .preview{
  width: 100%;
  position: relative;
}
.case-info-pic .preview .swiper-container {
  height: auto;
}

.case-info-pic .preview .swiper-slide {
  width:12.5%;
  height: auto;
  cursor:pointer;
}
.case-info-pic .preview .swiper-slide:after{position:absolute;top:0px;left:0px;width:100%;height:100%;content:"";background:rgba(0,0,0,.7);}
.case-info-pic .preview .slide6 {
  width: auto;
}

.case-info-pic .preview .arrow-left {
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  position: absolute;
  left:10px;
  top:50%;
  margin-top:-12px;
  width:15px;
  height:25px;
  z-index:10;
  display:none;
}

.case-info-pic .preview .arrow-right{
  background:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F><%2Fsvg>") no-repeat center center;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top:-12px;
  width: 15px;
  height: 25px;
  z-index: 10;
  display:none;
}
.case-info-pic .preview .swiper-slide.active-nav:after{
  background:rgba(0,0,0,0);
}
.brand-r-bg{background:#fff;position:relative;}
.brand-info-detail{width:45%;float:left;overflow:hidden;font-size:14px;color:#3d3d3d;line-height:150%;}
.brand-info-box{width:100%;height:auto;overflow:hidden;margin:3% 0 10%;}
.brand-info-pic{overflow:hidden;width:44%;position:fixed;top:50%;right:3%;
  -ms-transform: translateY(-50%);
    transform:translateY(-50%);
}
.brand-info-pic .swiper-slide{background:#fff;}
.next{
  background: url(../bg/mousescroll.png) center center no-repeat;border:none;z-index:999;text-indent:-999em;
  position: absolute;
  right:2%;
  bottom:3%;
  overflow: hidden;
  width:131px;
  height:24px;
  animation: sprite1 1.8s steps(30) infinite; cursor:pointer;
}
.arrow-down{
  background: url(../bg/mousescroll.png) -110px 0px no-repeat;float:left;
  width:25px;
  height:21px;
  display:block;
  -webkit-transform:rotate(90deg);
   -ms-transform:rotate(90deg);
   -moz-transform:rotate(90deg);
   transform:rotate(90deg);
   animation: sprite2 5s steps(30) infinite;
}
.arrow-tip{text-align:center;width:150px;margin:0 auto 2%;}
.arrow-tip em{line-height:21px;font-size:14px;color:#fff;}
.brand-scroll-btn{background-image:url("../bg/down.png");}
.arrow-down.brand-scroll-btn:before{color:#3d3d3d;}
.arrow-up{
  -webkit-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  transform:rotate(-90deg);
}
.gold-partner-inner{width:65%;margin:6% auto 0;overflow:hidden;}
dl.gold-partner-list{width:100%;overflow:hidden;margin:4% 0 0;}
dl.gold-partner-list dd{float:left;width:23%;margin:0 1% 2%;overflow:hidden;position:relative;}
dl.gold-partner-list dd a:before{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.2);content:"";}
dl.gold-partner-list dd a:hover:before{background:rgba(0,0,0,0);
transition-duration: .3s;
-webkit-transition-duration:.3s; 
}
.gold-project-inner{width:920px;overflow:hidden;margin:3% auto 0;}
.gold-project-content{width:100%;height:auto;overflow:hidden;margin:10% 0;}
.gold-project-inner .gold-a-title{margin-left:9%;}
.gold-project-inner .goin-inner{width:920px;}
.gold-about-content .gold-a-open .inner .gold-a-title{margin-left:3%;}
.gold-about-content .gold-a-open .inner .goin-inner{width:750px;}

.gold-about-content li.gold-a-open:nth-child(1) .inner .gold-a-title{margin-left:0;}
.gold-about-content li.gold-a-open{z-index:100;}
dl.gold-project-list{overflow:hidden;padding:0 0 0 10px;font-size:16px;}
dl.gold-project-list dt{width:100%;overflow:hidden;font-family:"Arial";font-size:18px;text-transform:uppercase;margin-bottom:10px;}
dl.gold-project-list dd{width:100%;overflow:hidden;border-bottom:1px solid #7f7f7e;padding:1.2% 0;}
dl.gold-project-list dt span,dl.gold-project-list dd span{float:left;}
dl.gold-project-list dd span a{color:#fff;}
dl.gold-project-list dd span a:hover{color:#f6cd8d;}
dl.gold-project-list dt span:nth-child(1),dl.gold-project-list dd span:nth-child(1){width:15%;}
dl.gold-project-list dt span:nth-child(2),dl.gold-project-list dd span:nth-child(2){width:55%;}
dl.gold-project-list dt span:nth-child(3),dl.gold-project-list dd span:nth-child(3){width:30%;}
.gold-a-detail.gold-culture{margin:10% 0 0;height:auto;line-height:180%;}
.gold-business-inner{width:500px;margin:12% auto 0;overflow:hidden;}
.gold-b-title{border-top:2px solid #fff;width:45px;overflow:hidden;padding-top:10px;float:left;}
.gold-b-title span{float:left;width:20px;font-size:18px;}
.gold-b-title em{color:#f6cd8d;font-size:14px;float:left;width:200px;height:20px;text-transform:uppercase;
-webkit-transform:rotate(90deg) translate(10px,65px);
  -ms-transform:rotate(90deg) translate(10px,65px);
  -moz-transform:rotate(90deg) translate(10px,65px);
  transform:rotate(90deg) translate(10px,65px);
}
.gold-business-list{float:right;width:425px;overflow:hidden;}
.gold-b-content{float:left;overflow:hidden;}
.gold-b-type{float:left;overflow:hidden;border-right:1px solid #d2d2d2;font-size:16px;text-align:center;padding:0 10px;height:340px;cursor:pointer;}
.gold-b-type p{width:30px;margin:0 auto;overflow:hidden;position:relative;height:100%}
.gold-b-type p em{position:absolute;bottom:0px;left:0px;width:100%;text-align:center;line-height:40px;cursor:pointer;}
.gold-b-detail{float:left;overflow:hidden;width:695px;display:none;font-size:14px;line-height:150%;padding:0 0 0 25px;}
.gold-b-type:hover{background:rgba(255,255,255,0.08);}
.gold-add-file{width:1160px;margin-top:5%;}
.gold-add-file .gold-business-list{width:1090px;}
.gold-add-file .gold-b-content{opacity:0.2;}
.gold-add-file .gold-b-content.gold-current{opacity:1;}
.gold-b-content.gold-current .gold-b-type{border-right-color:#f6cd8d;color:#f6cd8d;}
.gold-b-content.gold-current .gold-b-detail{display:block;}
.brand-position-content{position:absolute;top:50%;left:50%;margin:-135px 0px 0px -220px;width:440px;height:270px;color:#fff;font-size:16px;
visibility:hidden;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity: 0;
}
.brand-position-content h1{line-height:1.8; font-size: 24px; font-weight: normal; margin-bottom: 5%;}
.brand-position-content p{margin:5% 0;width:100%;overflow:hidden;line-height:140%;}
.brand-position-content em{display:block;height:2px;background:#fff;margin:5% 0;}
.brand-position-content h2{line-height: 1.5; font-size: 24px; font-weight: normal; margin-bottom: 10%;}
.brand-position-content a{border:1px solid #fff;text-transform:uppercase;width:250px;height:40px;line-height:40px;font-size:14px;font-family:"Arial";display:block;color:#fff;margin:0 auto;letter-spacing:5px;}
.brand-position-content a:hover{border-color:#f6cd8d;background:rgba(246,205,141,.5);}


.vertical .divide.current.future .inner .brand-position-content,
.vertical .divide.current.ess .inner .infor-content,
.vertical .divide.current.water-treatment .inner .infor-content{
 visibility:visible;
 filter:alpha(opacity=100);
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity: 1;
 transition-duration:.3s;
-webkit-transition-duration:.3s;
}
.vertical .divide .inner .box{position:relative;height:100%;}
.infor-content{position:absolute;top:50%;left:50%;margin:-135px 0px 0px -400px;width:800px;height:270px;color:#fff;
visibility:hidden;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity: 0;}
.vertical .divide.current.future .bx-wrapper .bx-controls,
.vertical .divide.current.ess .bx-wrapper .bx-controls,
.vertical .divide.current.water-treatment .bx-wrapper .bx-controls
{display:block;}
.infor-content h1{color:#f6cd8d;font:38px/120% "Arial";text-transform:uppercase;}
.infor-content h2{font-size:28px;font-weight:normal;line-height:120%;}
.infor-content h2 span{display:inline-block;}
.infor-content h2 span i{border-bottom:1px solid #fff;height:20px;width:10px;}
.infor-content h2 span i:nth-child(1){float:left;margin-right:10px;}
.infor-content h2 span i:nth-child(2){float:right;margin-left:10px;}
.infor-content em{width:60px;height:2px;display:block;margin:5% auto;background:#626262;}
.infor-content h3{font-size:22px;font-weight:lighter;line-height:1.8;margin-bottom:1%;}
.infor-content p{color:#b9b9b9;text-transform:uppercase;font-family:"Arial";font-size:12px;letter-spacing:5px;line-height:120%;}
.infor-content a{border:1px solid #fff;text-transform:uppercase;width:250px;height:40px;line-height:40px;font-size:14px;font-family:"Arial";display:block;color:#fff;margin:0 auto;letter-spacing:5px;margin:8% auto 0;}
.infor-content a:hover{border-color:#f6cd8d;background:rgba(246,205,141,.3);}
.vertical .divide.oled dl.contact-box{text-align:left;color:#fff;
visibility:hidden;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity: 0;
}
.vertical .divide.oled.current dl.contact-box{
  visibility:visible;
 filter:alpha(opacity=100);
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity: 1;
 transition-duration:.3s;
-webkit-transition-duration:.3s;
}

.side-middle{position:absolute;top:50%;left:0;width:100%;height:50%;
  -ms-transform: translateY(-50%);
    transform:translateY(-50%);
}
.side-case-bg .side-middle{height:75%;}
.case-info-middle{position:absolute;top:8%;left:4%;margin:0;}
.outside-job-content{width:100%;overflow:hidden;text-align:left;display:none;}
.outside-job-content p{font-size:14px;line-height:30px;margin:7% 0;letter-spacing:0.136em;}
.o-job-list{width:100%;overflow:hidden;}
.side-menu li .o-job-list a{border:none;float:left;height:auto;font-size:12px;width:48px;margin-right:15px;}
.side-menu li .o-job-list a i{background:url("../bg/job.png") no-repeat 13px 0px;display:block;height:35px;}
.side-menu li .o-job-list a span{display:none;}
.side-menu li .o-job-list a:nth-child(2) i{background-position:-50px 0px;}
.side-menu li .o-job-list a:nth-child(3){margin:0 0 0 15px;width:30px;}
.side-menu li .o-job-list a:nth-child(3) i{background-position:-119px 0px;}
.side-menu li .o-job-list a:hover i{background-image:url("../bg/job-hover.png");}
.side-menu li .o-job-list a:hover span{display:block;}
.gold-project-inner .gold-b-inner{margin-left:9%;}
.gold-project-inner .gold-b-inner .arrow-tip{margin-bottom:0;}
.webmaster{float:right;margin:3px 90px 0 0;}
#wpcp-error-message {
        direction: ltr;
        text-align: center;
        transition: opacity 900ms ease 0s;
        z-index: 99999999;
    }
    .hideme {
        opacity:0;
        visibility: hidden;
    }
    .showme {
        opacity:1;
        visibility: visible;
    }
    .msgmsg-box-wpcp {
        border-radius: 10px;
        color: #555;
        font-family: Tahoma;
        font-size: 11px;
        margin: 10px;
        padding: 10px 36px;
        position: fixed;
        width: 255px;
        top: 50%;
        left: 50%;
        margin-top: -10px;
        margin-left: -130px;
        -webkit-box-shadow: 0px 0px 34px 2px rgba(242,191,191,1);
        -moz-box-shadow: 0px 0px 34px 2px rgba(242,191,191,1);
        box-shadow: 0px 0px 34px 2px rgba(242,191,191,1);
    }
    .msgmsg-box-wpcp span {
        font-weight:bold;
        text-transform:uppercase;
    }
    .warning-wpcp {
        background:#ffecec url('../bg/warning.png') no-repeat 10px 50%;
        border:1px solid #f5aca6;
    }

@keyframes sprite1{
  0% { 
    background-position: 0 0; }
  100% {
    background-position: 0 -720px; } 
}
@keyframes sprite2{
  0% { 
    background-position: -110px 0; }
  100% {
    background-position: -110px -720px; } 
}

@media screen and (max-width:1690px) {

  /* .main-r-inner{min-height:100%;} */
  .vertical .divide .mbtn span i{font-size:16px;}
  .horizontal .postList ul li .box{height:500px;}

}

@media screen and (max-width:1620px) {

  #gnb ul li{width:180px;}
  .brand-position-content h1,.brand-position-content h2{font-size:18px;}
  .gold-about h1{font-size:26px;}
  .gold-about h2,.gold-about h3{font-size:18px;}
  .simple-content{font-size:14px;width:65%;left:17.5%;height:440px;}
  .gold-about em{margin:3% 0 0;}
  .gold-about h3{margin-top:3%;}
  .infor-content h1{font-size:32px;}
  .infor-content h2{font-size:24px;}
  .infor-content h2 span i{height:17px;}
  .infor-content h3{font-size:18px;}
  .gold-about-content,.gold-about-content li{min-height:540px;}
  .gold-a-title h1{font-size:22px;}
  .gold-a-title em{font-size:12px;}
  .gold-project-inner{margin-top:5%;}
  dl.gold-project-list{font-size:14px;}
  .gold-partner-inner{margin-top:2%;}
  .horizontal .postList ul li .box{height:430px;}
  .side-menu li{margin-bottom:12px;}
  .side-menu li a{height:30px;line-height:30px;}
  .horizontal .postList ul li p{margin:4% 0 6%;}
  .horizontal .postList ul li a{height:35px;line-height:35px;}
  .horizontal .inner{margin-top:2%;}
  .gold-a-tip{margin-top:2%;}
  .menu a{height:30px;line-height:30px;}
  .gold-a-open .inner .gold-scroll-btn{display:block;}
  .online-message-box p{padding:5px 15px;}
  .case-info-pic{width:45%;}
  .case-info-detail{width:52%;}
  .news-list li dl dd a{height:36px;line-height:36px;}
  .news-list li dl dt span em{width:26px;}
  .news-list li dl dt span{font-size:28px;}
  .vertical .divide.future .bx-wrapper .bx-controls, .vertical .divide.ess .bx-wrapper .bx-controls, .vertical .divide.water-treatment .bx-wrapper .bx-controls{bottom:30px;}
  dl.gold-partner-list{margin-top:10%;}
}
@media screen and (max-width:1450px) {
  .gold-a-cn{font-size:16px;}
  .horizontal .postList ul li .box{height:400px;}
  .job-type-menu .swiper-container,.job-list{width:1000px;}
  .job-type-menu .swiper-container .swiper-slide a{width:140px;}
  .online-message-box{width:850px;}
  dl.contact-box{width:880px;margin:-210px 0px 0px -440px;height:420px;}
  dl.contact-box dt{width:420px;}
  dl.contact-box dd{margin-top:3%;}
  .news-list li dl dt span em{width:22px;}
  .news-list li dl dt span{font-size:26px;}
}