@charset "utf-8";
/*@import url(http://fonts.font.im/css?family=Oswald:300,400,700);*/


@font-face {
  font-family: 'Oswald';
  src: url('../fonts/oswald.eot');
  src: url('../fonts/oswald.eot?#iefix') format('embedded-opentype'),
  url('../fonts/oswald.woff2') format('woff2'),
  url('../fonts/oswald.woff') format('woff'),
  url('../fonts/oswald.ttf') format('truetype'),
  url('../fonts/oswald.svg#oswald') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* CSS Document */
html, body {font-size: 12px;margin: 0px;padding: 0px;text-decoration: none;font-family: '微软雅黑';background: #5b261d url("../images/bg.jpg") repeat;text-align: center;-webkit-text-size-adjust: none;}
a {	color: #666;text-decoration: none;outline: 0px none; star:expression(this.onFocus=this.blur());}
a:hover, a:active { color: #5b261d;}
* { margin: 0px;padding: 0px;list-style: none;}
table {	border-collapse: collapse;}
ul, li {list-style: none;border: 0 none;padding: 0px;}
form {margin: 0px;}
img {border: 0px none;text-align-last: center;vertical-align: middle;_azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true);}
center {text-align: left;	color: #999;height: 50px;}
#dhtmltooltip {z-index: 100;visibility: hidden;	position: absolute;text-align: left;border: 1px solid #ccc;}
#clear, .clear {clear: both;float: none!important;background: none;width: 0 !important;	height: 0 !important;}
#noData, .noData {color: #ccc;font-size: 14px;text-align: left;padding: 50px 0px;}
.fl-left{ float:left;}
.fl-right{ float:right;}



/*--- head*/
#head{ width:100%; height:90px; margin:0 auto; transition:all .35s;}
#head>.wrap{position:relative; width:104pc; height:90px; margin:0 auto; background:#fff; transition:all .35s;}
#head .logo{ width:30%; line-height:90px; text-align:center;}
#head .logo img{ height:65px; width:auto;}
#head .menu{ width:45%; text-align:left;}
#head .menu>ul{ margin:0 auto;}
#head .menu>ul>li{display:inline-block; padding:0 20px; text-align:center;}
#head .menu>ul>li>a{ position:relative; display:inline-block; font-size:14px; font-weight:700; color:#666; height:90px; line-height:90px; transition:all .35s;}
#head .menu>ul>li>a:after{ position:absolute; z-index:2; left:0; bottom:0; width:100%; height:0; opacity:0; background:#5b261d; content:''; transition:all .35s;}
#head .menu>ul>li>div{ display:none; position:absolute; z-index:999; left:0; top:90px; width:100%; height:50px; line-height:50px; background:rgba(218,185,107,.8);}
#head .menu>ul>li>div>.box-about{ position:absolute; right:0; top:0; width:838px; text-align:left;}
#head .menu>ul>li>div>.box-human{ position:absolute; right:0; top:0; width:538px; text-align:left;}
#head .menu>ul>li>div>div>a{ display:inline-block; padding-right:16px; color:rgba(255,255,255,.7); font-size:14px; transition:all .35s;}
#head .menu>ul>li>a:hover:after, #head .menu>ul>li.A>a:after{ height:5px; opacity:1;}
#head .menu>ul>li>a:hover, #head .menu>ul>li.A>a{ color:#5b261d;}
#head .menu>ul>li>div>div>a:hover{ color:rgba(255,255,255,1);}
#head .search{height:90px; background:#dab96b; transition:all .35s;}
#head .search .text-search{ width:0; height:90px; line-height:90px; border:0; background:#dab96b; color:rgba(255,255,255,1); outline: none;font-size:14px; float:left;}
#head .search .text-search::-webkit-input-placeholder {color: rgba(255,255,255,.8);}
#head .search .btn{ float:right; width:90px; height:90px; line-height:90px; text-align:center; cursor:pointer;}
#head .search .btn>img{ display:inline-block; height:36px; width:auto;}
#head .mlist{width:90px; height:90px; background:#999; transition:all .35s;}
#head .mlist>.btn{ width:90px; height:90px; line-height:90px; text-align:center; cursor:pointer;}
#head .mlist>.btn>img{ display:inline-block; height:36px; width:auto;}


@media only screen and (max-width: 1480px){
  #head>.wrap{width:100%;}
  #head .menu>ul>li>div>.box-about{ width:735px;}
  #head .menu>ul>li>div>.box-human{ width:435px;}
}

@media only screen and (max-width: 980px){
  #head{ position:fixed; z-index:1001; left:0; top:0; width:100%; height:50px; border-bottom:1px solid #ddd;}
  #head>.wrap{height:50px;}
  #head .logo{ width:36%;line-height:50px;}
  #head .logo img{ height:32px;}
  #head .menu{ display:none;}
  #head .search{height:50px;}
  #head .search .text-search{ height:50px; line-height:50px;}
  #head .search .btn{ width:50px; height:50px; line-height:50px;}
  #head .search .btn>img{ height:22px;}
  #head .mlist{width:50px; height:50px;}
  #head .mlist>.btn{ width:50px; height:50px; line-height:50px;}
  #head .mlist>.btn>img{  height:22px;}

}


#menu{ position:fixed; z-index:1001; top:0; right:-320px; width:320px; height:100%; background:rgba(255,255,255,1); overflow:hidden; transition:all .35s;}
#menu .title{ position:relative; width:84%; height:85px; padding:0px 8%; background:#dab96b;}
#menu .title>.tit{color:#fff; font-size:16px; line-height:85px; font-weight:600; text-align:left;}
#menu .title>.close{ position:absolute; right:8%; top:50%; width:30px; height:30px; margin-top:-15px; display:block; cursor:pointer; transition:all .35s;}
#menu .title>.close>img{ width:100%; height:auto;}
#menu ul{ width:84%; margin:10px auto;}
#menu ul>li{ text-align:left; border-bottom:2px solid #f3f3f3;}
#menu ul>li>a{ display:inline-block; padding:10px 0; font-size:14px; color:#555;}
#menu ul>li>div{ padding:0px 0px 20px 0px;}
#menu ul>li>div>a{ display:inline-block; padding:3px 0px; margin-right:10px; color:#999; font-size:13px;}
#menu ul>li>div>a:hover{ color:#dab96b;}
#menu .tel{width:84%; margin:0px auto; padding-top:15px;text-align:left;}
#menu .tel img{ float:left; width:36px; height:auto;}
#menu .tel .text{ padding-left:6px; float:left; font-size:20px; font-weight:bold; color:#5b261d;}
#menu .tel .text span{ display:block; color:#999; font-size:12px;font-weight:normal;}
#menu .qrcode{ width:84%; margin:0px auto; padding-top:15px;text-align:left; color:#999; font-size:12px;}
#menu .qrcode>div{ display:block; float:left; width:50%; text-align:center;}
#menu .qrcode>div>img{ display:block; width:100%; height:auto;}
#menubg{ display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4);}



/*--- end*/


/*--- banner*/
#banner{ width:104pc; height:auto; position:relative; background:#fff; border-top:1px solid #eee; margin:0 auto; overflow:hidden; transition:all .35s;}
#banner .swiper-container{width:100%; height:100%;}
#banner .swiper-slide{ width:100%; height:100%; overflow:hidden; text-align:center; 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;}
#banner .swiper-slide img{width:100%; height:auto;}
#banner .swiper-pagination { width:100%; left:50%; bottom:20px; margin-left:-50%;}
#banner .swiper-pagination-bullet{width:12px; height:12px; margin:0 3px; transition:all .2s;}
#banner .swiper-pagination-bullet:hover{opacity:.5;}
#banner .swiper-pagination-bullet-active{background:#fff; opacity:1 !important;}
#banner .button-prev{ position:absolute; z-index:99; left:-100px; top:50%; width:50px; height:50px; opacity:0; background:url("../images/arrows-left-disc-black.png") no-repeat; background-position:50% 50%; background-size:100% auto; border-radius:100%; overflow:hidden; cursor:pointer; transition:all .35s;}
#banner .button-next{ position:absolute; z-index:99; right:-100px; top:50%; width:50px; height:50px; opacity:0; background:url("../images/arrows-right-disc-black.png") no-repeat; background-position:50% 50%; background-size:100% auto; border-radius:100%; overflow:hidden; cursor:pointer; transition:all .35s;}
#banner:hover .button-prev{ opacity:.3; left:20px;}
#banner:hover .button-next{ opacity:.3; right:20px;}
#banner>.txt{ position:absolute; z-index:99; left:50%; bottom:12%; width:80%; margin-left:-40%; text-align:right;font-family: 'Oswald', sans-serif; font-size:28px; font-weight:300; text-transform:uppercase; color:rgba(255,255,255,.5);}


@media only screen and (max-width: 1480px){
  #banner{ width:100%;}
}

@media only screen and (max-width: 980px){
  #banner{ margin-top:50px;}
  #banner>.txt{ font-size:20px;}

}

/*--- end*/





/*--- main*/

#main{ position:relative; width:104pc; margin:0 auto; background:#fff; transition:all .35s;}
#main>.floor{ position:relative; width:1400px; margin:0 auto; transition:all .35s;}
#main>.floor>.container{position:absolute; z-index:99; top:-60px; background:#dab96b; width:400px; height:100%; overflow:hidden; transition:all .35s;}
#main>.floor>.container>.tit{ width:80%; margin:0 auto; padding:50px 0 20px 0; color:#5b261d; font-size:36px; text-align:left;}
#main>.floor>.container>.tab{ width:80%; margin:0 auto; padding:20px 0; text-align:left;}
#main>.floor>.container>.tab>.button-prev{ display:inline-block; width:20px; height:20px; cursor:pointer; opacity:.5; transition:all .35s;}
#main>.floor>.container>.tab>.button-next{ display:inline-block; width:20px; height:20px; cursor:pointer; opacity:.5; transition:all .35s;}
#main>.floor>.container>.tab>.pagination{ display:inline-block;}
#main>.floor>.container>.tab>.pagination .swiper-pagination-bullet{ margin:0 3px;}
#main>.floor>.container>.tab>.pagination .swiper-pagination-bullet-active{ background:#5b261d !important;}
#main>.floor>.container>.tab img{ width:100%; height:auto;}
#main>.floor>.container>.tab>.button-prev:hover, #main>.floor>.container>.tab>.button-next:hover{ opacity:1;}
#main>.floor>.container>.txt{ width:80%; margin:0 auto; padding:30px 0; text-align:left; font-size:14px; color:#5b261d; opacity:.8; line-height:24px;}
#main>.floor>.container>.more{ width:80%; margin:0 auto; padding:30px 0; text-align:left;}
#main>.floor>.container>.more>a{ display:inline-block; border:2px solid #5b261d; opacity:.5; font-size:14px; padding:6px 30px; color:#5b261d; transition:all .35s;}
#main>.floor>.container>.more>a>img{ height:32px; width:auto;}
#main>.floor>.container>.more>a:hover{ background:rgba(255,255,255,.1); opacity:1;}
#main>.floor>.project{ width:960px; padding:30px 0; transition:all .35s;}
#main>.floor>.project .item{ float:left; width:48.4%; margin-left:3%; margin-bottom:3%;}
#main>.floor>.project .item:first-of-type{ margin-bottom:0 !important; margin-left:0 !important;}
#main>.floor>.project .item:last-of-type{ margin-bottom:0 !important;}
#main>.floor>.project .item>a{ position:relative; display:block; overflow:hidden;}
#main>.floor>.project .item>a:after{position:absolute; z-index:1; left:0; bottom:-20px; width:100%; height:100%; opacity:.7; background: url("../images/project-mask.png") repeat-x; background-position:left bottom; content:''; transition:all .35s;}
#main>.floor>.project .item>a>.con{ position:absolute; z-index:99; left:50%; bottom:6%; width:80%; margin-left:-40%;text-align:left; transition:all .35s;}
#main>.floor>.project .item>a>.con .tit{ padding:5px 0; font-size:24px; color:#fff;}
#main>.floor>.project .item>a>.con .subtit{ font-size:16px; color:#fff;}
#main>.floor>.project .item>a>.con .more{ color:#dab96b; font-size:14px;}
#main>.floor>.project .item>a>.con .more>img{ height:36px; width:auto;}
#main>.floor>.project .item>a>.img{ text-align:left; padding:0; margin:0;}
#main>.floor>.project .item>a>.img>img{ width:100%; height:auto; transition:all 3s;}
#main>.floor>.project .item>a>.img .mb{ display:none;}
#main>.floor>.project .item>a:hover .con{ bottom:8%;}
#main>.floor>.project .item>a:hover:after{ bottom:0; opacity:1;}
#main>.floor>.project .item>a:hover .img>img{transform:scale(1.1);}

#main>.news{ position:relative; width:1400px; margin:0 auto; transition:all .35s;}
#main>.news>.title{ padding:20px 0; text-align:left;}
#main>.news>.title>h3{ font-size:25px; font-weight:normal; color:#ccc; text-transform:uppercase;}
#main>.news>.title>h2{ display:inline-block; background:#5b261d; padding:8px 30px; color:#fff; font-size:16px; text-align:center;}
#main>.news>.container{ margin:0 auto; padding-bottom:50px; text-align:left;}
#main>.news>.container>.item{ float:left; width:26%; margin-right:3%;}
#main>.news>.container>.item>a{display:block;}
#main>.news>.container>.item>a>.time{ padding:6px 0; color:#dab96b; font-size:12px;}
#main>.news>.container>.item>a>.tit{ position:relative; padding:10px 0; font-size:16px; color:#5b261d; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#main>.news>.container>.item>a>.tit:after{ position:absolute; z-index:3; left:0; top:50%; width:0; height:2px; margin-top:-1px; opacity:0; background:#5b261d; content:''; transition:all .35s;}
#main>.news>.container>.item>a>.txt{ height:52px; padding:6px 0; font-size:14px; color:#888; line-height:20px; text-align:left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
#main>.news>.container>.item:last-of-type{ margin-right:0 !important;}
#main>.news>.container>.item>a:hover .tit{ padding-left:25px;}
#main>.news>.container>.item>a:hover .tit:after{ width:20px; opacity:1;}
#main>.news>.container>.more{ float:right; width:140px; height:140px; background:#dab96b; opacity:.8; text-align:center;transition:all .35s;}
#main>.news>.container>.more>a{ position:relative; display:block; font-size:18px; line-height:140px; color:#5b261d; transition:all .35s;}
#main>.news>.container>.more>a:after{ position:absolute; z-index:3; left:50%; top:50%; width:80%; height:80%; margin-top:-40%; margin-left:-40%; content:'...'; transition:all .35s;}
#main>.news>.container>.more:hover{ background:#5b261d; opacity:1;}
#main>.news>.container>.more:hover a:after{ width:30%; height:30%; margin-top:-15%; margin-left:-15%;border:2px solid #5b261d; opacity:.2;}
#main>.news>.container>.more:hover a{ font-size:25px; color:#fff;}

@media only screen and (max-width: 1480px){
  #main{ width:100%;}
  #main>.floor{ width:1260px;}
  #main>.floor>.container{width:360px;}
  #main>.floor>.project{ width:870px;}
  #main>.news{ width:1260px;}

}


@media only screen and (max-width: 980px){
  #main>.floor{ width:100%;}
  #main>.floor>.container{position:relative; top:0; background:#dab96b; width:100%; height:100%; overflow:hidden; transition:all .35s;}
  #main>.floor>.container>.tit{ padding:30px 0; font-size:24px;}
  #main>.floor>.container>.tab{ position:absolute; z-index:3; left:50%;top:30px; width:80%; margin-left:-40%; padding:0; text-align:right;}
  #main>.floor>.container>.txt{ padding:0; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
  #main>.floor>.container>.more{ width:80%; margin:0 auto; padding:10px 0 20px 0; text-align:left;}
  #main>.floor>.container>.more>a{ font-size:12px; padding:4px 20px;}
  #main>.floor>.container>.more>a>img{ height:26px;}
  #main>.floor>.project{ width:100%; padding:0;}
  #main>.floor>.project .item{ float:none; width:100%; margin-left:0 !important; margin-bottom:2px !important;}
  #main>.floor>.project .item:first-of-type{ margin-bottom:2px !important; margin-left:0 !important;}
  #main>.floor>.project .item>a>.con .tit{ font-size:18px;}
  #main>.floor>.project .item>a>.con .subtit{ font-size:12px;}
  #main>.floor>.project .item>a>.con .more{ font-size:12px;}
  #main>.floor>.project .item>a>.con .more>img{ height:32px;}
  #main>.floor>.project .item>a>.img .pc{ display:none;}
  #main>.floor>.project .item>a>.img .mb{ display:block;}

  #main>.news{ width:90%;}
  #main>.news>.title{ text-align:left;}
  #main>.news>.title>h3{ font-size:20px;}
  #main>.news>.title>h2{ font-size:14px; }
  #main>.news>.container{ padding-bottom:20px;}
  #main>.news>.container>.item{ float:none; width:100%; margin-right:0!important; margin-bottom:3%;}
  #main>.news>.container>.item>a>.tit{ padding:0; font-size:14px;}
  #main>.news>.container>.item>a>.txt{ display:none;}
  #main>.news>.container>.more{ float:none; width:80px; height:80px; background:none; margin:0 auto;}
  #main>.news>.container>.more>a{ font-size:16px; line-height:80px; color:#999;}

}

/*--- end*/



/*--- path*/
#path{ position:relative; width:104pc; margin:0 auto; background:#fff;border-bottom:1px solid #ddd; transition:all .35s;}
#path .wrap{ width:82%; max-width:1320px;height:50px; margin:0 auto;}
#path .home{ position:relative; width:50px; line-height:50px; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
#path .home:after{ position:absolute; z-index:3; left:0; bottom:-1px; width:100%; height:1px; background:#fff; content:'';}
#path .home>a{display:block;}
#path .home>a>img{ height:14px; width:auto; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); transition:all .35s;}
#path .home>a:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
#path .pageurl{ width:40%; line-height:50px; padding-left:15px; color:#999; font-size:12px; text-align:left;}
#path .pageurl>a{ display:inline-block; color:#999; transition:all .35s;}
#path .pageurl>a:hover{ color:#dab96b;}
#path .navpart{ width:30%; text-align:right;}
#path .navpart>a{ position:relative; display:inline-block; float:right; font-size:14px; font-weight:bold; line-height:50px; color:#666; margin-left:1px; padding:0 20px;}
#path .navpart>a.A, #path .navpart>a:hover{ color:#dab96b; padding:0 20px;}
#path .navpart>a.A:after{ position:absolute; z-index:1; left:0; bottom:-2px; width:100%; height:4px; background:#dab96b; content:'';}

@media only screen and (max-width: 1480px){
  #path{ width:100%;}
}
@media only screen and (max-width: 980px){
  #path .navpart{ display:none;}
  #path .wrap{ width:100%; height:30px; background:#f3f3f3;}
  #path .home{ width:50px; line-height:30px; border-left:0 !important; background:#fff;}
  #path .pageurl{ line-height:30px;}
}

/*--- end*/








/*--- about*/
#about{position:relative; width:104pc; margin:0 auto; background:#fff url("../images/about-line-building.png") no-repeat; background-position:right bottom; background-size:cover; transition:all .35s;}
#about .wrap{ width:86%; max-width:1320px; margin:0 auto; padding:80px 0;}
#about .img{ width:30%; text-align:left;}
#about .img>img{ max-width:100%; height:auto;}
#about .container{ width:60%; text-align:left;}
#about .container>.slogan{ position:relative; padding:10px 0;font-family: 'Oswald', sans-serif; font-size:20px; font-weight:bold; color:#5b261d; text-align:left;}
#about .container>.slogan:after{ position:absolute; z-index:1; left:0; bottom:0; width:60px; height:2px; background:#5b261d; content:'';}
#about .container>.slogan>h3{ font-size:60px; font-weight:400; color:#dab96b;}
#about .container>.txt{ padding:20px 0; font-size:14px; line-height:25px; color:#666;}
#about .container>.txt>p{ margin-bottom:20px;}
#about .container>.subtxt{ padding:20px 0; font-size:14px; line-height:25px; color:#666;}
#about .container>.subtxt>h2{ padding-bottom:20px; font-size:16px; color:#333;}
#about .container>.subtxt>p{ margin-bottom:20px;}

@media only screen and (max-width: 1480px){
  #about{width:100%;}
}


@media only screen and (max-width: 980px){
  #about .wrap{ padding:50px 0;}
  #about .img{display:none;}
  #about .container{ width:100%; text-align:left;}

}






/*--- end*/


/*--- boss*/
#boss{position:relative; width:104pc; margin:0 auto; background:#fff; transition:all .35s;}
#boss .wrap{ width:86%; max-width:1320px; margin:0 auto; padding:80px 0;}
#boss .img{ width:40%; text-align:left;}
#boss .img>img{ max-width:100%; height:auto;}
#boss .container{ width:50%; padding:20px 0; text-align:left;}
#boss .container>.txt{font-size:14px; line-height:25px; color:#666;}
#boss .container>.txt>p{ margin-bottom:20px;}
#boss .container>.autograph{ text-align:right; padding:10px;}

@media only screen and (max-width: 1480px){
  #boss{width:100%;}
}

@media only screen and (max-width: 980px){
  #boss .wrap{ padding:50px 0;}
  #boss .img{ width:100%; float:none;}
  #boss .container{ width:100%; padding:0; float:none;}
}

/*--- end*/



/*--- news*/
#news{position:relative; width:104pc; margin:0 auto; background:#fff; transition:all .35s;}
#news .wrap{ width:86%; max-width:1320px; margin:0 auto; padding:80px 0;}
#news .title{ position:relative; width:12%; text-align:left;}
#news .title>h3{font-size:26px; font-family: 'Oswald', sans-serif;font-weight: 400; color: #d5b167;line-height: 32px;}
#news .title>h2{font-size:20px; font-weight:normal; color:#d5b167;padding: 10px 0 28px;}
#news .title:after{ position:absolute; z-index:1; left:0; bottom:0; width:20px; height:3px; background:#d5b167; content:'';}
#news .container{ width:78%; text-align:left; border-left:1px solid #eee;}
#news .container>ul{ display:block; margin:0 auto;}
#news .container>ul>li{ position:relative; display:block; padding:20px 0; text-align:left;}
#news .container>ul>li:after{ position:absolute; z-index:1; left:-2px; top:0; width:4px; height:0; background:#dab96b; opacity:0; overflow:hidden; content:''; transition:all .35s;}
#news .container>ul>li>a{ display:block; padding-left:6%;}
#news .container>ul>li>a .time{ width:10%; color:#dab96b; text-align:left;}
#news .container>ul>li>a .time>.dd{ font-size:36px;}
#news .container>ul>li>a .time>.yy{ font-size:14px;}
#news .container>ul>li>a .con{ width:90%;}
#news .container>ul>li>a .con>.tit{ font-size:18px; color:#666; transition:all .35s;}
#news .container>ul>li>a .con>.txt{ padding:10px 0; font-size:14px; color:#999; line-height:24px;}
#news .container>ul>li>a:hover .tit{color:#dab96b;}
#news .container>ul>li>a:hover .time{color:#ccc;}
#news .container>ul>li:hover:after{ opacity:1; height:100%;}
#news .container>.more{ text-align:center; padding:20px; margin:0 auto;}

#news .view{ margin:0 auto;}
#news .view>.title{ width:100%; padding:20px 0; text-align:center; font-size:30px; color:#333;}
#news .view>.title:after{ display:none;}
#news .view>.time{color:#999; font-size:12px; text-align:center; padding:10px; margin:0 auto;}
#news .view>.text{ padding:20px; text-align:left; font-size:14px; color:#666;}
#news .view>.text>p{ margin-bottom:20px;}
#news .view>.text img{ max-width:100%; height:auto;}
#news .view>.pageurl{ border-top:1px solid #eee; padding:30px 0; text-align:left;}
#news .view>.pageurl>.back{ float:left; padding-right:30px;}
#news .view>.pageurl>.back>a{ display:inline-block; border:1px solid #ddd; padding:10px 30px; font-size:14px; color:#999;}
#news .view>.pageurl>.back>a:hover{ color:#fff; background:#dab96b; border:1px solid #dab96b;}
#news .view>.pageurl>.share{ float:left; padding-top:8px;}


@media only screen and (max-width: 1480px){
  #news{width:100%;}
}

@media only screen and (max-width: 980px){
  #news .wrap{ padding:50px 0;}
  #news .title{ float:none; width:100%;}
  #news .title>h3{ display:none;}
  #news .container{ width:100%; float:none; border-left:0 !important;}
  #news .container>ul>li:after{ display:none;}
  #news .container>ul>li>a{ padding-left:0;}
  #news .container>ul>li>a .time{ width:25%;}
  #news .container>ul>li>a .time>.dd{ font-size:36px;}
  #news .container>ul>li>a .time>.yy{ font-size:14px;}
  #news .container>ul>li>a .con{ width:75%;}
  #news .container>ul>li>a .con>.tit{ font-size:16px;}
  #news .container>ul>li>a .con>.txt{ padding:10px 0; font-size:12px; color:#999; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}

  #news .view>.title{ font-size:20px;}
  #news .view>.text{ padding:10px;}
  #news .view>.pageurl{ border-top:1px solid #eee; padding:30px 0; text-align:left;}
  #news .view>.pageurl>.back{ float:none; padding-right:0px;}
  #news .view>.pageurl>.back>a{ padding:5px 20px; font-size:12px;}
  #news .view>.pageurl>.share{ float:none; padding-top:8px;}


}

/*--- end*/




/*--- project*/
#project{position:relative; width:104pc; min-height:500px; margin:0 auto; background:#fff; padding:80px 0; transition:all .35s;}
#project .wrap{ position:relative; width:86%; max-width:1320px; margin:0 auto;}

#project .title{ position:absolute; left:0; top:20px; text-align:left; width:500px;}
#project .title>h3{ position:absolute; z-index:9; left:30px; top:-10px; background:#5b261d; color:#fff; font-size:20px; padding:5px 20px; transform:rotate(90deg); overflow:hidden;}
#project .title>h3>span{ display:inline-block; transform:rotate(-90deg);}
#project .title>h2{ position:absolute; z-index:9; left:-5px; top:80px; opacity:.8; color:#dab96b;font-family: 'Oswald', sans-serif; font-size:36px; font-weight:300; text-transform:uppercase; transform:rotate(90deg);}
#project .title>h4{ position:absolute; z-index:1; left:-100px; top:0; opacity:.2; color:#ccc;font-family: 'Oswald', sans-serif; font-size:200px; font-weight:700; overflow:hidden; transform:rotate(-90deg);}

#project .container{ width:76%; margin:0 auto;}

#project .clslist{margin:0 auto;}
#project .clslist a{display:block; width:50%; float:left; box-sizing:border-box; padding-right:20px; margin-bottom:22px;}
#project .clslist a>div.box{border:1px solid #ddd; box-sizing:border-box;}
#project .clslist a .img{width:100%; position:relative; padding-top:58%; overflow:hidden;}
#project .clslist a .img>img{max-width:100%; position:absolute; left:0; top:0;}
#project .clslist a .tit{text-align:left; font-size:22px; color:#333; transition:all .35s; padding:20px;}
#project .clslist:after{clear:both; display:block; width:100%; height:0;}

#project .container>ul{ display:block; margin:0 auto;}
#project .container>ul>li{ position:relative; display:block; float:left; width:31.6%; margin-right:2%; margin-bottom:2%; border:1px solid #ddd; text-align:left;}
#project .container>ul>li:nth-child(3n){ margin-right:0!important;}
#project .container>ul>li>a{ display:block; transition:all .35s;}
#project .container>ul>li>a>.img{ position:relative; margin:0 auto; overflow:hidden;}
#project .container>ul>li>a>.img:after{ position:absolute; z-index:4; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6) url("../images/icon-zoom.png") no-repeat; background-position:50% 50%; background-size:50px auto; opacity:0; content:''; transition:all .35s;}
#project .container>ul>li>a>.img>img{ width:100%; height:auto; transition:all 2s;}
#project .container>ul>li>a>.con{ padding:20px; text-align:left; margin:0 auto;}
#project .container>ul>li>a .tit{ padding-bottom:6px; font-size:22px; color:#333; transition:all .35s;}
#project .container>ul>li>a .add{ padding:2px 0; color:#999; font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#project .container>ul>li>a .type{ padding:2px 0; color:#999; font-size:14px;}
#project .container>ul>li>a:hover .img:after{ opacity:1;}
#project .container>ul>li>a:hover .img>img{transform:scale(1.2);}
#project .container>ul>li>a:hover .tit{ color:#dab96b;}

#project .view{ margin:0 auto;}
#project .view>.info{ position:absolute; z-index:1; left:0; top:0; background:#fff1d4; width:30%; height:100%;}
#project .view>.info>.qrcode{ position:absolute; z-index:9; left:50%; top:20px; width:180px; height:180px;margin-left:-90px; opacity:0; transition:all .35s;}
#project .view>.info>.qrcode>img{width:100%;height:auto;}
#project .view>.info>.logo{ position:relative; width:80%; margin:0 auto 30px auto; text-align:center; border-bottom:1px solid rgba(0,0,0,.1);}
#project .view>.info>.logo:after{position:absolute; z-index:1; left:0; bottom:-2px; width:100%; height:1px; background:rgba(255,255,255,.5); content:'';}
#project .view>.info>.logo>img{ width:70%; height:auto; margin:0 auto;}
#project .view>.info>.name{ position:relative; width:80%; height:160px; line-height:160px; margin:0 auto 30px auto; text-align:center; border-bottom:1px solid rgba(0,0,0,.1);}
#project .view>.info>.name:after{position:absolute; z-index:1; left:0; bottom:-2px; width:100%; height:1px; background:rgba(255,255,255,.5); content:'';}
#project .view>.info>.name>h2{ color:#dab96b;font-size:30px;}
#project .view>.info>.txt{ text-align:center; margin:0 auto; padding:15px 30px; font-size:13px; color:#666;}
#project .view>.info>.txt>img{ display:block; margin:0 auto 5px auto; width:30px; height:auto;}
#project .view>.info>.back{ position:absolute; z-index:8; left:0; bottom:0; width:120px;height:auto; padding:10px 0; text-align:center; background:#5b261d; border-radius:0 10px 0 0; transition:all .35s;}
#project .view>.info>.back:hover{ background:#dab96b;}
#project .view>.info>.back>a{display:block; font-size:14px; color:#fff;}
#project .view>.content{ width:66%; margin:0 auto;}
#project .view>.content>.focus{ position:relative; margin:0 auto;}
#project .view>.content>.focus .swiper-container {width: 100%;height: 100%;}
#project .view>.content>.focus .swiper-slide { text-align: center;font-size: 18px; height:450px; background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center!important;-ms-flex-pack: center!important;-webkit-justify-content: center!important;justify-content: center!important;-webkit-box-align: center!important;-ms-flex-align: center!important;-webkit-align-items: center!important;align-items: center!important;}
#project .view>.content>.focus .swiper-slide>img{ width:auto; max-height:100%; vertical-align:middle;}
#project .view>.content>.focus .button-prev{ position:absolute; z-index:99; left:-100px; top:50%; width:36px; height:36px; opacity:0; background:url("../images/arrows-left-disc-black.png") no-repeat; background-position:50% 50%; background-size:100% auto; border-radius:100%; overflow:hidden; cursor:pointer; transition:all .35s;}
#project .view>.content>.focus .button-next{ position:absolute; z-index:99; right:-100px; top:50%; width:36px; height:36px; opacity:0; background:url("../images/arrows-right-disc-black.png") no-repeat; background-position:50% 50%; background-size:100% auto; border-radius:100%; overflow:hidden; cursor:pointer; transition:all .35s;}
#project .view>.content>.focus:hover .button-prev{ opacity:.3; left:20px;}
#project .view>.content>.focus:hover .button-next{ opacity:.3; right:20px;}
#project .view>.content>.focus .swiper-pagination-bullet-active{background:#dab96b; opacity:1 !important;}
#project .view>.content>.tit{ text-align:center; padding:20px 0; color:#999;}
#project .view>.content>.tag{ margin:0 auto; padding:20px 0; text-align:left;}
#project .view>.content>.tag>.tit{ color:#dab96b; font-size:16px;}
#project .view>.content>.tag>.con{ padding:20px 0; text-align:left; font-size:14px; color:#666;}
#project .view>.content>.tag>.con>p{ margin-bottom:20px;}
#project .view>.info:hover .qrcode{ top:30px; opacity:1;}


@media only screen and (max-width: 1480px){
  #project{width:100%;}
}

@media only screen and (max-width: 980px){
  #project{padding:50px 0;}
  #project .title{ display:none;}
  #project .container{ width:100%; float:none;}
  #project .container>ul>li{ width:47.2%; margin-right:4%;}
  #project .container>ul>li:nth-child(3n){ margin-right:4%!important;}
  #project .container>ul>li:nth-child(2n){ margin-right:0!important;}

  #project .view>.info{ position:relative; width:100%; height:auto; float:none;}
  #project .view>.info>.name>h2{ font-size:21px;}
  #project .view>.info>.txt{ font-size:12px;}
  #project .view>.info>.back{ position:relative; width:100%;border-radius:0 0 0 0; margin-top:20px;}

  #project .view>.content{ width:100%; float:none;}
  #project .view>.content>.focus .swiper-slide { height:300px;}
  #project .view>.content>.focus .swiper-slide>img{ width:100% !important; max-height:inherit; height:auto;}

}
@media only screen and (max-width: 420px){
  #project .container>ul>li{ width:99%; margin-right:0 !important;;}
  #project .container>ul>li:nth-child(3n){ margin-right:0!important;}
  #project .container>ul>li:nth-child(2n){ margin-right:0!important;}
}

/*--- end*/



/*--- search*/
#search{position:relative; width:104pc; min-height:500px; margin:0 auto; background:#fff; padding:80px 0; transition:all .35s;}
#search .wrap{ position:relative; width:86%; max-width:1320px; margin:0 auto;}

#search .keys{ margin:0 auto 20px auto; padding:20px; text-align:center; border:1px solid #eee;background:#fffcf6; font-size:14px; color:#666;}
#search .keys>strong{ display:inline-block; color:#333; font-size:16px;}
#search .keys>span{color:#dab96b;}
#search .container{ margin:0 auto;}
#search .container>ul{ display:block; margin:0 auto;}
#search .container>ul>li{ position:relative; display:block; float:left; width:31.6%; margin-right:2%; margin-bottom:2%; border:1px solid #ddd; text-align:left;}
#search .container>ul>li:nth-child(3n){ margin-right:0!important;}
#search .container>ul>li>a{ display:block; transition:all .35s;}
#search .container>ul>li>a>.img{ position:relative; margin:0 auto; overflow:hidden;}
#search .container>ul>li>a>.img:after{ position:absolute; z-index:4; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6) url("../images/icon-zoom.png") no-repeat; background-position:50% 50%; background-size:50px auto; opacity:0; content:''; transition:all .35s;}
#search .container>ul>li>a>.img>img{ width:100%; height:auto; transition:all 2s;}
#search .container>ul>li>a>.con{ padding:20px; text-align:left; margin:0 auto;}
#search .container>ul>li>a .tit{ padding-bottom:6px; font-size:22px; color:#333; transition:all .35s;}
#search .container>ul>li>a .add{ padding:2px 0; color:#999; font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#search .container>ul>li>a .type{ padding:2px 0; color:#999; font-size:14px;}
#search .container>ul>li>a:hover .img:after{ opacity:1;}
#search .container>ul>li>a:hover .img>img{transform:scale(1.2);}
#search .container>ul>li>a:hover .tit{ color:#dab96b;}




@media only screen and (max-width: 1480px){
  #search{width:100%;}
}


@media only screen and (max-width: 980px){
  #search{padding:50px 0;}
  #search .title{ display:none;}
  #search .container{ width:100%; float:none;}
  #search .container>ul>li{ width:47.2%; margin-right:4%;}
  #search .container>ul>li:nth-child(3n){ margin-right:4%!important;}
  #search .container>ul>li:nth-child(2n){ margin-right:0!important;}
}
@media only screen and (max-width: 420px){
  #search .container>ul>li{ width:99%; margin-right:0 !important;;}
  #search .container>ul>li:nth-child(3n){ margin-right:0!important;}
  #search .container>ul>li:nth-child(2n){ margin-right:0!important;}
}

/*--- end*/






/*--- hr*/
#hr{position:relative; width:104pc; margin:0 auto; background:#fff; transition:all .35s;}
#hr .wrap{ width:86%; max-width:1320px; margin:0 auto; padding:80px 0;}
#hr .img{ width:40%; text-align:left;}
#hr .img>img{ max-width:100%; height:auto;}
#hr .container{width:60%; text-align:left; padding:20px 0; font-size:14px; line-height:25px; color:#666;}
#hr .container>p{ margin-bottom:20px;}

@media only screen and (max-width: 1480px){
  #hr{width:100%;}
}

@media only screen and (max-width: 980px){
  #hr .wrap{ padding:50px 0;}
  #hr .img{ display:none;}
  #hr .container{width:100%; float:none;}

}

/*--- end*/




/*--- jobs*/
#jobs{position:relative; width:104pc; margin:0 auto; background:#fff; transition:all .35s;}
#jobs .wrap{ width:86%; max-width:1320px; margin:0 auto; padding:80px 0;}
#jobs .title{ position:relative; width:12%; text-align:left;}
#jobs .title>h3{font-size:26px; font-family: 'Oswald', sans-serif;font-weight: 400; color: #d5b167;line-height: 32px;}
#jobs .title>h2{font-size:20px; font-weight:normal; color:#d5b167;padding: 10px 0 28px;}
#jobs .title:after{ position:absolute; z-index:1; left:0; bottom:0; width:20px; height:3px; background:#d5b167; content:'';}
#jobs .container{ width:78%; text-align:left;}
#jobs .container>ul{ display:block; margin:0 auto;}
#jobs .container>ul>li{ position:relative; display:block; float:left; width:31.6%; margin-right:2%; margin-bottom:2%; border:1px solid #eee; text-align:left;transition:all .35s;}
#jobs .container>ul>li:nth-child(3n){ margin-right:0!important;}
#jobs .container>ul>li>a{display:block;padding:25px; transition:all .35s;}
#jobs .container>ul>li .icon{ width:20px;}
#jobs .container>ul>li .icon>img{ width:100%; height:auto;}
#jobs .container>ul>li .con{ width:90%; text-align:left;}
#jobs .container>ul>li .con>.tit{ color:#dab96b; font-size:16px;}
#jobs .container>ul>li .con>.time{ color:#ccc;font-size:12px; transition:all .35s;}
#jobs .container>ul>li:hover{background:#5b261d; border:1px solid #5b261d; box-shadow:5px 3px 15px rgba(0,0,0,.2);}
#jobs .container>ul>li:hover .time{ color:rgba(255,255,255,.3);}

#jobs .view{ margin:0 auto;}
#jobs .view>.title{ width:100%; padding:20px 0; text-align:left; font-size:30px; color:#333; background:url("../images/icon-jobs.png") no-repeat;  background-position:96% 100%; background-size:52px auto;}
#jobs .view>.title:after{ display:none;}
#jobs .view>.time{color:#999; font-size:12px; text-align:left; padding:10px 0; margin:0 auto; border-bottom:1px solid #eee; }
#jobs .view>.expand{ padding:20px 0; text-align:left;}
#jobs .view>.expand>div{ display:block; float:left;font-size:14px; color:#666; line-height:30px; padding-right:100px;}
#jobs .view>.tag{ margin:0 auto; padding:20px 0; text-align:left;}
#jobs .view>.tag>.tit{ color:#dab96b; font-size:16px;text-align:left;}
#jobs .view>.tag>.con{ padding:20px 0; text-align:left; font-size:14px; color:#666;}
#jobs .view>.tag>.con>p{ margin-bottom:20px;}
#jobs .view>.pageurl{ border-top:1px solid #eee; padding:30px 0; text-align:left;}
#jobs .view>.pageurl>.back{ float:left; padding-right:30px;}
#jobs .view>.pageurl>.back>a{ display:inline-block; border:1px solid #ddd; padding:10px 30px; font-size:14px; color:#999;}
#jobs .view>.pageurl>.back>a:hover{ color:#fff; background:#dab96b; border:1px solid #dab96b;}
#jobs .view>.pageurl>.share{ float:left; padding-top:8px;}


@media only screen and (max-width: 1480px){
  #jobs{width:100%;}
}

@media only screen and (max-width: 980px){
  #jobs .wrap{ padding:50px 0;}
  #jobs .title{ float:none; width:100%;}
  #jobs .title>h3{ display:none;}
  #jobs .container{ width:100%; float:none;}
  #jobs .container>ul>li{ float:none; width:99%; margin-right:0; border:1px solid #eee;}

  #jobs .view>.title{ font-size:20px;}
  #jobs .view>.text{ padding:10px;}
  #jobs .view>.pageurl{ border-top:1px solid #eee; padding:30px 0; text-align:left;}
  #jobs .view>.pageurl>.back{ float:none; padding-right:0px;}
  #jobs .view>.pageurl>.back>a{ padding:5px 20px; font-size:12px;}
  #jobs .view>.pageurl>.share{ float:none; padding-top:8px;}
}

/*--- end*/








/*--- contact*/
#contact{position:relative; width:104pc; margin:0 auto; background:#fff; padding:80px 0; transition:all .35s;}
#contact .wrap{ position:relative; width:86%; max-width:1320px; margin:0 auto;}
#contact .container{ position:absolute; z-index:11; left:0; top:0; background:#dab96b; width:23.6%;height:100%;}
#contact .container>.title{ position:relative; width:70%; margin:30px auto; text-align:left;}
#contact .container>.title:after{ position:absolute; z-index:1; left:0; bottom:0; width:20px; height:3px; background:#fff; content:'';}
#contact .container>.title>h3{font-size:26px; font-family: 'Oswald', sans-serif;font-weight: 400; color: #fff;line-height: 32px;}
#contact .container>.title>h2{font-size:20px; font-weight:normal; color:#fff;padding: 10px 0 28px;}
#contact .container>.content{ width:70%; margin:0 auto; text-align:left; color:#fff; font-size:14px;}
#contact .container>.content>p{ padding:5px 0;}
#contact .map{ width:76%;}
#contact .project{ width:70%;}
#contact .project>.item{ position:relative; border:1px solid #ddd; margin-bottom:5%;}
#contact .project .qrcode{ position:absolute;z-index:99; left:4%; top:50%; margin-top:-9%; width:18%; text-align:left;}
#contact .project .qrcode>img{width:100%; height:auto;}
#contact .project .bg{ position:absolute; z-index:1; left:0; top:0; width:70%; height:100%; text-align:left;}
#contact .project .bg>img{ height:100%; width:auto;}
#contact .project .con{ position:relative; z-index:9; width:60%; padding:8% 10%; text-align:left;}
#contact .project .con>.tit{ padding:5px 0; font-size:20px; color:#dab96b;}
#contact .project .con>.txt{ font-size:14px; color:#666; line-height:24px;}

@media only screen and (max-width: 1480px){
  #contact{width:100%;}
}
@media only screen and (max-width: 980px){
  #contact{padding:50px 0;}
  #contact .container{ position:relative; background:#dab96b; width:100%;height:auto;}
  #contact .container>.title>h3{ display:none;}
  #contact .container>.content{padding-bottom:20px;}
  #contact .map{ width:100%;}

  #contact .project{ width:100%;}
  #contact .project .qrcode{ position:relative; left:0; top:0; margin-top:0!important; margin:0 auto; width:60%; padding:20px 0; text-align:center;}
  #contact .project .bg{ display:none;}
  #contact .project .con{ width:92%; padding:8% 0; margin:0 auto; text-align:left;}
  #contact .project .con>.tit{ font-size:18px; color:#dab96b;}



}
/*--- end*/










/*--- foot*/
#foot{ width:104pc; margin:0 auto; background:url("../images/foot-bg.png") no-repeat; background-size:100%; background-position:left top; padding:30px 0; transition:all .35s;}
#foot>.wrap{ width:1400px; margin:0 auto; transition:all .35s;}
#foot .copyright{text-align:left; width:auto;}
#foot .copyright>p{ display:block; padding:1px 0; color:rgba(255,255,255,.5); font-size:13px; font-weight:700;}
#foot .copyright>p>a{ display:block; color:rgba(255,255,255,.5); transition:all .35s;}
#foot .copyright>p>a:hover{ color:rgba(255,255,255,.8); text-decoration:underline;}
#foot .share{ text-align:left; width:auto; padding:0 20px;}
#foot .share .bshare-custom a{ padding:0px; width:35px; height:35px; background-color:rgba(255,255,255,.3); border-radius:100%; overflow:hidden; opacity:.5; transition:all .35s;}
#foot .share .bshare-custom .bshare-sinaminiblog{ background-image:url("../images/icon-weibo.png"); background-size:20px auto;background-position:center center;}
#foot .share .bshare-custom .bshare-qqim{ background-image:url("../images/icon-qq.png"); background-size:20px auto;background-position:center center;}
#foot .share .bshare-custom .bshare-weixin{ background-image:url("../images/icon-wechat.png"); background-size:20px auto;background-position:center center;}
#foot .share .bshare-more{ display:none !important;}
#foot .share .bshare-custom a:hover{ opacity:1; transform: translateY(-3px);}
#foot .share .bshare-custom .bshare-weixin:hover{ background-color:#27bd51;}
#foot .share .bshare-custom .bshare-qqim:hover{ background-color:#11beff;}
#foot .share .bshare-custom .bshare-sinaminiblog:hover{ background-color:#f11137;}
#foot .nav{ width:auto; text-align:right;}
#foot .nav>a{display:inline-block; font-size:13px; font-weight:700; padding:0 10px; color:rgba(255,255,255,.5); transition:all .35s;}
#foot .nav>a:hover{ color:rgba(255,255,255,.8);}



@media only screen and (max-width: 1480px){
  #foot{ width:100%;}
  #foot>.wrap{ width:1260px;}
}

@media only screen and (max-width: 980px){
  #foot>.wrap{ width:90%;}
  #foot .copyright{ float:none;}
  #foot .share{ float:none; padding:8px 0 !important;}
  #foot .share .bshare-custom a{ width:30px; height:30px;}
  #foot .nav{ display:none;}
}
/*--- end*/