@charset "utf-8";
/* CSS Document */
@font-face {font-family: 'zh_normal';
  src: url('//at.alicdn.com/t/talh91cvzgmbo6r.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/talh91cvzgmbo6r.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/talh91cvzgmbo6r.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/talh91cvzgmbo6r.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/talh91cvzgmbo6r.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}

@font-face {font-family: 'zh_blod_2';
  src: url('//at.alicdn.com/t/rgvfknicibvuz0k9.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/rgvfknicibvuz0k9.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/rgvfknicibvuz0k9.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/rgvfknicibvuz0k9.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/rgvfknicibvuz0k9.svg#NotoSansHans-Black') format('svg'); /* iOS 4.1- */
}

@font-face {font-family: 'zh_blod';
  src: url('//at.alicdn.com/t/pgiprbn9q24holxr.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/pgiprbn9q24holxr.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/pgiprbn9q24holxr.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/pgiprbn9q24holxr.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/pgiprbn9q24holxr.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
}

*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;/*只针对低版本谷歌*/}
body{font-size:14px; color:#000; _overflow:hidden; overflow-x:hidden;  background:#fff; width: 100%;  *cursor: default;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike,  sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video,button,input{ font-family: 'Raleway','Microsoft Yahei', sans-serif; font-size:14px; font-weight:normal; font-style:normal; }

li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------将特定标签设成块---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}




/*-------给a加时间过渡、清除默认样式---------*/
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s;}
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
/*在浏览器拖动鼠标颜色*/
::selection { color: #fff; background-color: #000;}    
::-moz-selection { color: #fff; background-color: #000;} 
/*更改浏览器滚动条颜色兼容*/
html,body{ 
/*更改ie内核滚动条颜色*/
	scrollbar-face-color:#000; 
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000; 
	scrollbar-3dlight-color:#000; 
	scrollbar-arrow-color:#222; 
	scrollbar-track-color:#222; 
	scrollbar-darkshadow-color:#000; 
}  
/*更改-webkit-内核滚动条样式*/
::-webkit-scrollbar { width:8px;  height: 8px; background-color: #fcfcfc;}  
::-webkit-scrollbar-track  { border-radius: 10px; background-color: #fcfcfc;}  
::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #211F1F; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
/*清除默认样式*/
blockquote, q{ quotes: none;}
blockquote:before, 
blockquote:after, 
q:before,
q:after { content: ''; content: none;}
/*-------表单居中、清理描边---------*/
input, button, select, textarea{ outline:none}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
/*----- 表格重置-----*/
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption { display:none;}
/*----- clearfix-----*/
.clearfix{ *zoom:1;}
.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}

.clear{clear:both;}/*清除浮动*/
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
/*-----display-----*/
.clear{ clear:both;}
.disno,.hide{ display:none;}
.disbk{ display:block;}
.distb{ display:table;}
.fl{ float: left; }
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.block{ width: 1237px; margin:0 auto;}


@media only screen and (max-width: 800px){
.load_box{ width: 100%; height: 50%; float: none;}
}

/*首页*/
body#index{ background: #000;}

.header{transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; width: 100%; position:fixed; left: 0; top: 0; z-index: 2; background: #000;}
.headerbg{ height: 103px; background: #000}

.logo{ margin-top: 19px; width:471px; float: left;transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s;}
.logo img{ width: 100%;}
.nav{ float: right; height: 103px; width: 740px;transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s;}
.nav li a{ color: #a1a1a1; font-size: 16px; line-height: 103px; display: block; float: left; margin-left: 40px; position: relative;}
.nav li a:after{content: ""; position:absolute;left:50%;bottom:35px;width:0;height:2px;background:#fff;-webkit-transition:all .3s linear;transform:scale(1.06);-moz-transform:scale(1.06,1.06);-webkit-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06)}
.nav li a:hover,
.nav li.on a{ color: #fff; }

.nav li a:hover:after,
.nav li.on a:after{left:50%;width:20px; margin-left: -10px;}

.header.mini .logo{ margin-top: 10px; }
.header.mini .nav{ float: right; height: 85px; width: 740px;}
.header.mini .nav li a{ line-height: 85px;}
.header.mini .nav li a:after{bottom:26px;}

#fixed_weixin {position: fixed;z-index: 9999;top: 0;left: 0;width: 100%; background: rgba(0,0,0,.6);overflow-y: auto;z-index: 100;display: none;}
#fixed_weixin .fixed-container {box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);width: 220px;height: auto;padding: 20px 20px 0 20px;background: #fff;position: absolute;
left: 50%;top: 50%;margin-left: -110px;margin-top: -140px;}
#fixed_weixin .fixed-container p {height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #000;}
#fixed_weixin .fixed-container img{ width:220px; height:220px;}

.footer{ padding: 30px 0; text-align: center; background: #000;}
.footer p{ line-height: 30px; color: #fff}
.footer .icon{ text-align: center; }
.footer a{ display: inline-block; width: 40px; height: 40px; border:1px solid #a1a1a1;background:none; border-radius: 21px; margin:0 5px;}
.footer a img{ width: 16px; height: 16px; padding:12px; }
.footer a:hover{ border-color:#fff; }

.banner_c{ height: 305px; }
.about_1{ text-align: center; }
.about_1 h3{ font-size:40px; padding-top: 50px; line-height: 80px; color: #000}
.about_1 h5{ font-size: 14px; line-height: 24px; font-weight: bold; font-family: "Microsoft Yahei"; padding-bottom: 50px;}
.about_1 ul{ width: 890px; margin: 0 auto; }
.about_1 li{ width:174px; float: left; margin-left: 4px; }
.about_1 li:nth-of-type(1){ margin-left: 0 }
.about_1 li p.title{ font-size: 18px; line-height:40px; padding-top: 20px;}
.about_1 li p.subtitle{ font-size: 12px; line-height:18px;}

.about_2{ background: url(../img/bg_about_2.jpg) center center no-repeat; height: 432px; color: #fff; text-align: center; margin-top: 100px;}
.about_2 h3{ font-size: 20px; line-height: 30px; padding-top: 107px;}
.about_2 .line{ width: 50px; margin:10px auto; height: 1px; background: #fff; }
.about_2 .con{ font-size: 14px; line-height: 30px; }

.about_3{ padding:70px 0 110px 0; }
.about_3 .pic{ float: left; width: 662px;}
.about_3 .pic img{ width: 100%;}
.about_3 .txt{ width: 550px; float: right; }
.about_3 .txt h3{ font-size: 20px; line-height: 30px; font-weight: bold; }
.about_3 .txt .con{ font-size:14px; line-height: 30px; margin-top: 26px; }

.filterbox{; padding:40px 0 20px 0; }
.filter{ border-bottom:1px solid #e5e5e5; height: 49px; line-height: 49px; }
.filter span{ display: inline-block; font-weight: bold; font-size: 16px; line-height: 49px; width: 65px; padding-right: 50px;}
.filter p{ display: inline-block;}
.filter p a{ line-height: 49px; margin-right: 80px; color: #000; display: inline-block;}
.filter p a.on{ margin-right: 60px; padding-left: 20px; background: url(../img/on.png) left center no-repeat; }

#pathBox{ padding-bottom:20px; }

#path a{ background: #000; line-height: 30px; font-size: 14px; display: inline-block; margin-right: 15px;border-radius: 5px; padding:0 15px 0 15px; color: #fff;}
#path a:after{content: "X"; width:8px;height:8px; display: inline-block; padding-left: 10px; font-family: 'Raleway'}
#path a:hover{ background: #ff0033 }

.dataLoad{ padding:60px 0 120px 0; text-align: center;  font-size: 18px;}
.dataLoad img{ display: inline-block; vertical-align: middle; padding-right: 5px;}
.project_box{}
.project_box li{ width: 570px; margin-right: 90px; float: left; overflow: hidden; position: relative; margin-bottom: 90px;*margin-left:22px;*margin-right: 23px;}
.project_box li:nth-of-type(2n){ margin-right: 0 }
.project_box li .pic{ width: 570px; height: 390px; overflow: hidden; }
.project_box li .pic img{ width:100%; }
.project_box li .txt{ position: absolute; bottom: 0; height: 50px; background: rgba(0,0,0,.5) url(../img/big.png) 270px -40px no-repeat; text-align: center; font-size: 18px; color:#fff; left: 0 ;width:100%; line-height: 50px; transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; }
.project_box li:hover .txt{ height: 390px; line-height: 390px; background: rgba(0,0,0,.5) url(../img/big.png) 270px 130px no-repeat; }

.noproject{ margin:60px auto 120px auto; height: 60px; line-height: 60px; background: url(../img/sorry.png) 500px 16px no-repeat; background-size: 28px; font-size: 18px; color: #000; text-align: center;}


.project_detail{ padding:70px 0; background: #f5f5f5;}
.project_detail .left{ width: 350px; float:left; margin-left: 40px; position: relative;}
.project_detail .leftguding{ width: 350px; }
.project_detail .right{ width: width:-moz-calc(100% - 470px);
    width:-webkit-calc(100% - 470px);
    width: calc(100% - 470px); float:right; background: #f9f8fd; margin-right: 40px;}
.project_detail .right img{ max-width: 100%; }

.project_detail .left h4{ font-size: 24px; margin-bottom:20px;}
.project_detail .left .con,
.project_detail .left .con p{ font-size: 14px; line-height: 24px;  }
.project_detail .left .con{margin-bottom: 60px;}
.project_detail .right li{ padding-bottom: 30px; }

.service{ width: 1306px; margin:80px auto; }
.service li{ width: 424px; height: 240px; float: left; margin-right: 17px; margin-bottom: 17px; position: relative;}
.service li:nth-of-type(3n){ margin-right: 0 }

.service li .pic{ width: 424px; height: 240px; overflow: hidden; }
.service li .pic img{ width:100%; }
.service li .txt{ position: absolute; bottom: 0; height: 50px; text-align: center; font-size: 18px; color:#fff; left: 0 ;width:100%;  overflow: hidden; background: rgba(0,0,0,.5); padding:0;
 transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s;}
.service li .txt p.title{ line-height: 50px; font-size: 22px; }
.service li .txt p.subtitle{ line-height: 30px; font-size: 16px; }

.service li:hover .txt{ padding:80px 0; height: 80px;}

.join { margin: 70px auto; }
.join .pic{ width: 456px; float: left; }
.join .txt{ margin-top: 30px; width: 710px; float: right;}
.join .txt h1{ font-size: 30px; line-height: 130px;}
.join .txt .con{ font-size: 14px; line-height: 30px; }

.contact{ margin:90px auto; }
.contact .pic{ text-align: center; padding-bottom: 50px;}
.contact .txt ul{ text-align: center; }
.contact .txt li{ display: inline-block; text-align: left; padding:0 20px;}
.contact .txt li p{ font-size: 18px; }
.contact .txt li p.title{ display: block; border-bottom: 1px solid #000; line-height: 40px;}
.contact .txt li p.subtitle{ font-size: 24px; line-height: 60px; }

.lists{ margin: 70px auto 80px auto; width: 1200px;}
.lists li{ margin-bottom: 20px; }
.lists li a{ display: block; cursor: pointer; width: 1200px; height: 386px;}

.lists li .pic{ float: left; width:577px; height:386px; overflow: hidden;}
.lists li .txt{ float: right; width: 497px; float: right; padding-left: 80px; padding-top: 40px;}
.lists li .txt h2{ font-size: 18px; line-height: 80px; }
.lists li .txt .con{ font-size: 14px; line-height: 24px; }
.lists li .txt span{ width: 190px; height: 40px; margin-top: 50px; text-align: center; border:1px solid #000; color: #000; line-height: 40px; font-size: 16px; display: block;}

.lists li:hover .txt span{ background: #000; color: #fff; }

.lists li.right .txt{ float: left; }
.lists li.right .pic{ float: right; }


.content{ margin: 80px auto; min-height: 500px;}
.content h1{ font-size: 24px; line-height: 80px; border-bottom: 1px solid #000; }
.content .content_info,
.content .content_info p{ font-size: 14px; line-height: 22px; }
.content .content_info{ margin-top: 20px; }
.content .content_info p{ padding: 22px 0 0 0; }
.content .content_info img{max-width: 1200px; }

#pages{ padding: 20px 0 50px 0; text-align: center;}
#pages a,#pages span{ display: inline-block; line-height: 30px; padding:0 10px; margin:0 2px;}
#pages a{  background: #f5f5f5; color: #000;}
#pages span.current,
#pages a:hover{background: #222; color: #fff;}
#pages span.pageindex,#pages span.all{ display: none }