/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
body, button, input,  select,  textarea  { font: 14px/1 Tahoma,  Helvetica,  Arial,  "\5FAE\8F6F\96C5\9ED1",  sans-serif; }
button, input, select, textarea { font-size: 100%;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a ,a:hover,a:focus, a:hover{ text-decoration: none; }
fieldset, img { border: none }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }
small { font-size: 12px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
html { overflow-y: scroll }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;}
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
.w{
	width: 1400px;
	margin:0 auto;
}
.header{
	padding: 25px 0 30px;
}
.logo{ width:368px; height:72px; float:left;}
.nav{ float:right; }
.nav ul li{ float:left;height: 56px; line-height:72px; margin-left:64px;}
.nav ul li.cur{ border-bottom: 2px solid #337ab7;}
.nav ul li a{ color:#333; font-size:18px; font-family:"微软雅黑";}
.nav ul li a:hover,.nav ul li.cur a{color:#577bc2;}

.banner{height:760px; background:url(../images/banner.jpg) no-repeat center center; position:relative;}
.banner a{position:absolute; top:490px; left:50%; margin-left:-104px;padding:12px 75px; display:block; border:1px #fff solid;color:#fff; font-size:14px; background:url(../images/banner_btn_icon.png) no-repeat 162px center;}
.banner a:hover{border:1px #e5c268 solid;color:#e5c268; font-size:14px; background:url(../images/banner_btn_icon2.png) no-repeat 162px center;}

.services{
	padding-top: 133px;
}
.services .hd{
	text-align: center;
}
.services_list{
	margin-top:100px;
}
.services_list li{
	float: left;
	width: 33.33%;
	overflow: hidden;

	
}
.services_list li .item{
	padding-right: 30px;
	transition: all .3s linear;
	padding-top: 7px;
    padding-left: 7px;
    margin-right: 10px;
}
.services_list li .item:hover{
	background-color: rgb(247,248,253);
    cursor: pointer;
    box-shadow: 3px 3px 5px rgb(101, 108, 120);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0,-2px,0);
}

.services_list li .pic{
	float: left;
	margin-right: 20px;
	display: inline;
	height: 160px;
}
.services_list li .tit{
	font-size: 18px;
	color: #333333;
	font-family:"微软雅黑";
	font-weight: bold;
	margin-bottom: 15px;
}
.services_list li .desc{
	font-size: 14px;
	line-height: 24px;
	color: #666666
}
.aboutus{ height:680px; background:url(../images/about%20us.jpg) no-repeat center center}


.clients{
	padding-top: 150px;
}
.clients .hz{
	text-align: center;
}

.casesBox{ width:1400px; height:310px; margin:0 auto;}
.casesBox ul{margin-top:70px;}
.casesBox ul li{ width:279px; height:152px; float:left; background-color:#7695d5; overflow:hidden;}
.casesBox ul li img{ filter: gray;-webkit-filter:grayscale(1);filter:grayscale(1);transition: all .3s linear;}
.casesBox ul li a:hover img { filter:;-webkit-filter:grayscale(0);filter:grayscale(0);transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0,-5px,0);}


.more{ width:100%;margin:40px auto;}
.more a{ width:210px; height:38px; margin:0 auto;text-align:center; line-height:38px; display:block; color:#fff;font-size:14px; background-color:#e5c268;}
.more a img{ padding-left:30px;}
.more a:hover{ display:block; color:#fff;font-size:14px; background-color:#ffd25e;}

.end{ width:1920px; height:412px; background:url(../images/end.jpg) no-repeat center center; position:relative;}
.end .return {position: absolute;bottom: 100px;right: 400px;width:62px;}
.end .return .tips {color:#fff}
/*.end return a{ position:absolute; float:right; width:62px; height:90px;right:407px; bottom:125px;}*/



.line{ height:2px; background:url(../images/line.jpg) no-repeat center center;}

.nav2{ margin-left:200px;height:194px;}
.nav2 ul li{ float:left; height:114px; line-height:194px; margin-left:52px;}
.nav2 ul li.cur{border-bottom: 2px solid #337ab7;}
.nav2 ul li a{ color:#333; font-size:14px; font-family:"微软雅黑";}
.nav2 ul li a:hover,.nav2 ul li.cur a{color:#577bc2;}

.picture{ 
	width:1440px; 
}
.picture li{
	float:left;
	width:440px;
	margin:0px 40px 40px 0;
}
.picture li .desc{
	display: none; 
	position: absolute;
	bottom:-7px;
	left:0;
	width: 100%;
	padding-bottom: 7px;
	background: url("../images/picture_desc_arrow.png") no-repeat bottom center
}
.picture li .desc p{
	font-size: 22px;
	text-align: center;
	color:#fff;
	height: 57px;
	line-height: 57px;
	padding: 0 10px;
	overflow: hidden;
	background: #7685a9;
}
.picture li a{
	display: block;
	cursor: pointer;
	position:relative;
}
.picture li a:hover .pic{
	border-color: #7785a9;
}
.picture li a:hover .desc{
	display: block;
}
.picture li a:hover{

}
.picture li a .pic{
	border:1px solid #dfdfdf;
	width: 438px;
	height: 358px;
	overflow: hidden;
}

.project{width:1440px;}
.project .project_content{margin:20px 0;}
.project .project_content .desc{display: none;position: absolute;bottom:-7px;left:0;width: 438px;padding-bottom: 7px;background: url("../images/picture_desc_arrow.png") no-repeat bottom center}
.project .project_content .desc p{font-size: 22px;text-align: center;color:#fff;height: 57px;line-height: 57px;padding: 0 10px;overflow: hidden;background: #7685a9;}
.project .project_content a{display: block;cursor: pointer;position:relative;}
.project .project_content a:hover .pic{border-color: #7785a9;}
.project .project_content a:hover .desc{display: block;}
.project .project_content a:hover{}
.project .project_content a .pic{border:1px solid #dfdfdf;width: 438px;height: 358px;overflow: hidden;text-align:center;background-color:#edeff5;line-height: 358px;}
.project .project_content a  .pic img{max-width:100%;}

.details{width:100%;height:850px;background-image:url(../images/case/bj1.jpg);position:relative;display:none;}
.details .closer{background-image:url(../images/case/cc.png);cursor:pointer;width:28px;height:28px;position: absolute;right: 20px;top: 20px;z-index:1;}
.details .closer:hover{opacity: .5;}
.details .closer:active{opacity: .1;}
.details .title h2{text-align:center;color:#fff;padding-top:130px;font-size:32px;}
.details .desc{font-size:14px;text-align:center;color:#fff;width:57%;line-height:28px;margin: 30px auto;}
.details .bg{position:absolute;top:0;left:0;}
.details .diann{width:100%;height:100%;background-image:url(../images/case/dn.png);display:none;}
.details .diann .view{width: 546px;height: 307px;position: absolute;bottom: 185px;left: 428px;background: #fff;}
.details .sj{width:100%;height:100%;background-image:url(../images/case/sj.png);display:none;}
.details .sj .view1{width: 209px;height: 366px;position: absolute;bottom: 84px;left: 466px;background: #fff;}
.details .sj .view2{width: 209px;height: 370px;position: absolute;bottom: 84px;right: 461px;background: #fff;}

.contact{margin:90px 0 90px 0;width:100%;height:480px;}
.contact div{margin-bottom:30px;}
.contact .contact_map{width:100%;height:100%;float:left;}
.contact .contact_form{padding:60px 200px 90px 90px;width:50%;height:100%;float:left; background-color:#f5f7fa;font-size:14px;color:#666666;}
.contact .contact_form .title{height:33px;}
.contact .contact_form .title h2{float:left;border-left: 2px solid black;padding-left: 10px;}
.contact .contact_form .title h5{font-size:18px;line-height: 50px;}
.contact .contact_form .name input{height: 30px;width: 89.5%;background-color: transparent;}
.contact .contact_form .phone input{height: 30px;width: 89.5%;background-color: transparent;}
.contact .contact_form .message {position:relative;}
.contact .contact_form .message textarea{width:100%;height:85px;}
.contact .contact_form .message .submit{font-size:16px;width: 95px;height: 38px;line-height: 38px;text-align: center;background-color: #e5c268;color: #fff;position: absolute;bottom: 3px;right: 1px;cursor: pointer;}
.contact .contact_form .message .submit:hover{background-color:#ffd25e;}
.contact .contact_form .contact_us p{margin-top:20px;}
.contact .contact_form .contact_us span{font-weight: bold;}

.recruit{font-size:14px;}
.recruit .recruit_content {margin-bottom:50px;}
.recruit .recruit_content .title{border-left: 2px solid black;padding-left: 10px;font-size:30px;color:#333333;}
.recruit .recruit_content .des{padding-left: 1em;margin:25px 0;line-height:28px;}
.recruit .recruit_content .des span{color:#333333;font-weight:bold;font-size:18px;}
.recruit .recruit_content .des p{color:#666666;}
.recruit .recruit_content .apply{margin-left: 20px;background:#e5c268 no-repeat 75% center;color:#fff;height:40px;width:210px;line-height:40px;text-align:center;cursor:pointer;background-image:url(../images/banner_btn_icon.png);}
.recruit .recruit_content .apply:hover{background-color:#ffd25e;}

.paging{}
.paging div{width:40px;height:40px;text-align:center;line-height:40px;}
.paging .prev{border: 1px solid #B2B2B2;}
.paging .next{border: 1px solid #B2B2B2;}