/*  header  */
.tops{background:#161616;}
.top{
	position:relative;
	font-size:12px;
	background:#efefef;
	padding:5px 0;
	height:24px;
	line-height:24px;
}
.hotline{
	padding-left:30px;
	height:24px;
	line-height:24px;
	background:url(../images/tel.png) left center no-repeat;
}
.hotline span{
	font-size:18px;
	color:#e60012;
	font-weight:bold;
}
.logo{
	width:320px;
	height:75px;
	padding-top:15px;
}
.nav li.NavLi{
	display:inline;
	float:left;
	width:120px;
	height:93px;
	position:relative;
}
.nav .on{
	color:#fff;
}
.b1{
	display:inline-block;
	width:120px;
	height:60px;
	line-height:60px;
	margin-top:30px;
	text-align:center;
	font-size:16px;
	color:#c69f62;
}
.b1:hover{
	color:#fff;
	text-decoration:none;
}
.navDown{
	display:none;
	position:absolute;
	width:120px;
	left:60px;
	top:93px;
	margin-left:-60px;
	text-align:center;
	border-top:3px solid #bb9f61;
	background-color:#000;
	opacity:0.9;
	z-index:999;
}
.nvd li a{
	display:inline-block;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#c8a063; 
}
.nvd li a:hover{
	color:#fff;
	background:#c8a063;
	opacity:0.9;
}

/*content1*/
.content1{background: #f7f5f1; padding:80px 0px 40px 0; }
.title1{
	text-align:center;
	padding:0 0 30px 0;
}
.title1 h1{
	font-size:26px;
	color:#c8a063;
	font-weight:normal;
}
.title1 .en h5{
	display:inline-block;
	position:relative;
	width:280px;
	margin:5px auto;
	color:#c8a063;
	text-align:center;
	font-weight:normal;
	font-size:15px;
	text-transform: uppercase;
}
.index_case_info p{
	line-height:1.6;
	color:#666;
}

/* mk1 */
.mk2 a{ width:136px; display:block; float:left; padding:0 69.5px; }
.mk1{}
/*.mk1 a{ width:136px; display:block; float:left; padding:0 69.5px; }*/
.mk1 li{
	display:inline;
	float:left;
	width:10.66%;
	padding:0 3%;
	text-align:center;
	
}

/* 本例子css */

.pro_more{
	text-align:center;
	margin-top:25px;
}
.pro_more a{
	position:relative;
	display:inline-block;
	width:120px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#e60012;
	border-radius:0px;
	color:#fff;
}
.pro_more a .i1{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background-color: #004ea2;
    transition: 300ms;
}
.pro_more a .i2{
	position:relative;
	z-index:2;
}
.pro_more a:hover .i1{
	width:100%;
}
.pro_more a:hover .i2{
	color:#fff;
}

/*news*/
.news_tj {
	width:415px;
	background: url(../images/newsbg.jpg) no-repeat top right;
}
.news_tj h1{
	font-size:14px;
}
.news_info{
	font-size:12px;
}
.news_more{
	text-align:left;
}
.news_listwap{
	width:640px;
}
.newsList li{
	margin-bottom:20px;
	overflow:hidden;
	border-bottom:1px solid #000;
	padding-bottom: 20px;
}
.newsList li:last-child{
	border-bottom: 0 none;
}
.newsList li .news_infos{
	_width:565px;
}
.newsList li .news_infos h2{
	font-size:14px;
	color:#7d7d7d;
	font-weight:normal;
}
.newsList li .news_infos h3{
	font-size:13px;
	color:#c8a063;
	font-weight: normal;
	padding-top:10px;
}

.newsList li .news_txt{
	font-size:12px;
	margin-top:10px;
	color:#7d7d7d;
	line-height: 26px;
	overflow:hidden;
}
/*content4*/
.content3{
	background: #f7f5f1;
	padding-top:55px; 
}
/*content4*/
.content4{
	height:410px;
	padding:50px 0;
	background:#161616;
}
/* 本例子css */
.caseScroll{ width:1100px;  overflow:hidden; position:relative;  }
.caseScroll .hd{ overflow:hidden; height:30px; margin:0 0 20px 0;  }
.caseScroll .hd .prev,.caseScroll .hd .next{
	 display:block;
	 width:46px;
	 height:46px;
	 /* float:right; */
	 /* margin-right:1px; */
	 /* overflow:hidden; */
	 cursor:pointer;
	 }
.caseScroll .hd .prev{
	background:url(../images/left.jpg) left center no-repeat;
	position: absolute;
	top: 180px;
	left: 0;
}
.caseScroll .hd .prev:hover{
	background:url(../images/lefth.jpg) left center no-repeat;
}
.caseScroll .hd .next{
	background:url(../images/right.jpg) left center no-repeat;
	position: absolute;
	right: 0;
	top: 180px;
}
.caseScroll .hd .next:hover{
	background:url(../images/righth.jpg) left center no-repeat;
}

.caseScroll .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.caseScroll .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.caseScroll .hd ul li.on{ background-position:0 0; }
.caseScroll.bd{ padding:0px;   overflow:hidden;   }
.caseScroll.bd ul{ overflow:hidden; zoom:1; }
.caseScroll .bd ul li{ margin:0 14px 0 14px; width:207px; float:left; _display:inline;  text-align:center;-moz-transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5s;
	-ms-transition: ease-in-out 0.5s;
	transition: ease-in-out 0.5s;  }
.caseScroll .bd ul li:hover{
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,.3);
	box-shadow: 0 0 12px rgba(0,0,0,.3);
	border-color: #013686;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	}
.caseScroll .bd ul li .pic{ text-align:center; }
.caseScroll .bd ul li .pic img{ width:207px; height:178px; display:block; }
.caseScroll .bd ul li .pic a:hover img{ border-color:#999;  }
.caseScroll .bd ul li .title{ width:177px; padding:0 15px; height:105px;background:#313131; overflow:hidden;text-overflow: ellipsis; }
.caseScroll .bd ul li .title a{ color:#7d7d7d; font-size:14px; transition:300ms; -webkit-transition:300ms;}
.caseScroll .bd ul li .title h1{ font-size:14px; padding: 13px 0px;}
.caseScroll .bd ul li .title p{font-size:12px; line-height: 18px;}
.caseScroll .bd ul li .title a:hover{ color:#c8a063; text-decoration:none; font-size:16px;   }


/*subcont*/
.subbanner{
position:relative;
width:100%;
text-align:center;	
}
.subbanner img{
	max-width:100%;
}
.sub_dw_wap{
	width:100%;
	height:35px;
	line-height:35px;
	border-bottom:1px solid #c8a063;
	background:#161616;
}
.sub_dw{
	padding-left:15px;
	background:url(../images/quan.png) left center no-repeat;
	color:#ccc;
}
.sub_dw a{ color:#c8a063;}
.sub_title{
	position:relative;
	text-align:center;
	margin-top:40px;
}
.sub_title h2{
	font-size:24px;
}
.sub_title span{
	position:absolute;
	left:50%;
	bottom:-10px;
	margin-left:-42.5px;
	display:inline-block;
	width:85px;
	height:1px;
	background:#c8a063;
}
.sub_nav{
	margin-top:45px;
	text-align:center;
}
.sub_nav a{
	display:inline-block;
	margin:0 10px 20px 0;
	padding:10px 35px;
	background:#e9e9e9;
	transition:300ms;
	-webkit-transition:300ms;
}
.sub_nav a:hover,.sub_nav a.on{
	background:#c8a063;
	color:#fff;
}
.subMain{
	min-height:350px;
}
.submainCont{
	margin-top:30px;
}
.subAbout p{
	line-height:1.8;
}
/*job*/
.sideMens{ width:1100px; margin-top:30px; font-size:14px;  }
.sideMens h3{ height:50px; line-height:50px; margin:15px 0; padding:0 15px; background:#eee;font-size:14px; font-weight:normal;}
.sideMens h3 em{ float:right; display:block; width:40px; height:32px; margin-top:9px;background:url(../images/addin.png) 0 0 no-repeat; cursor:pointer; }
.sideMens h3 em.on{ background:url(../images/addon.png) 0 0 no-repeat; }
.sideMens .jobdetail{line-height:1.8; margin:15px 0;padding:8px 30px 8px 30px; display:none; background:#eee;  }
.sideMens .jobdetail h2{
	font-size:18px;
}
.jobaction{
	height:48px;
	line-height:48px;
	font-size:16px;
	background:#c8a063;
	color:#fff;
	text-align:center;
	margin:25px 0;
}
/*subcontact*/
.subcontact_lf{
	line-height:2.0;
	font-size:16px;
}
.subcontact_lf h1{
	color:#e60012;
	font-weight:normal;
	font-size:24px;
}
.subcontact_rt{
	
}
.msg tr td{
	padding:10px 0;
	vertical-align:top;
}
.msg .td_title{
	width:150px;
	padding-right:10px;
	text-align:right;
	font-size:16px;
}
.msg .td_text{
	width:814px;
}
.msg .msg_text{
	width:800px;
	height:22px;
	padding:5px;
	border:1px solid #ccc;
}
.msg textarea{
	width:800px;
	height:68px;
	padding:5px;
	border:1px solid #ccc;
}
.act_msg{
	width:125px;
	height:34px;
	line-height:34px;
	text-align:center;
	color:#fff;
	background:#c8a063;
	border:none;
	cursor:pointer;
	font-family:"微软雅黑";
}

/*subnews*/
.subnews li{
	padding:28px 0;
	border-bottom:1px dashed #ccc;
	overflow:hidden;
}
.subnewsImg{
	width:235px;
	height:175px;
}
.subnewsImg a{
	display:block;
	padding:3px;
	border:1px solid #ccc;
	overflow:hidden;
}
.subnewsImg a:hover{
	border:1px solid #2c69b3;
	box-shadow:1px 1px 3px #888;
}
.subnewsImg img{
	width:227px;
	height:167px;
	transition:300ms;
}
.subnewsImg img:hover{
	transform:scale(1.1);
}
.subnewsTxt{
	width:845px;
	color:#898888;
}
.subnewsTxt h1 a{
	font-size:16px;
	font-weight:normal;
	color:#000;
}
.subnewsTxt h1 a:hover{
	opacity:0.85;
	text-decoration:underline;
}
.subnewsTxt .date{
	margin:5px 0;
	font-size:12px;
}
.subnewInfo{
	margin:10px 0;
	line-height:1.6;
	height:65px;
	overflow:hidden;
}
.subNewAction a{
	color:#d87d08;
	margin-right:20px;
	border-radius:3px;
	transition:0.3s;
}
.subNewAction a:hover{
	opacity:0.85;
	margin-left:5px;
}

/*newsdetail*/
.newsTitle{
    border-bottom: 1px dashed #a1a1a1;
    color: #646464;
    padding:15px 0;
    text-align: center;
}
.newsTitle h3 {
    font-size:18px;
    font-weight:bold;
    margin-bottom: 10px;
	color:#333;
}
.newsTitle p{
	font-size:12px;
}
.newsTitle p span{
}
.newcont {
    border-bottom: 1px dashed #a1a1a1;
    padding: 15px 0;
}
.newcont p {
    line-height: 2;
    margin: 10px 0;
    text-indent: 2em;
}
.newcont img{
	max-width:100%;
	margin:30px auto;
}
/*model_houses*/
.imgwap2{
	position:relative;
	width:350px;
	float:left;
	margin:20px;
	display:inline;
	text-align:center;
	padding:3px;
	margin-bottom:15px;
	cursor:pointer;
}
.imgwap2:hover{
	box-shadow:0px 0px 5px #2c69b3;
}
.imgwap2 img{
	width:350px;
	height:260px;
	
}
.imgwap2 p{
	position:relative;
	width:350px;
	height:36px;
	line-height:36px;
	margin-top:3px;
	overflow:hidden;
	font-size:14px;
	text-align:center;
	color:#333;
	font-weight:bold;
	opacity:0.8;
}
/*subcase*/
.subpro_list{
	overflow:hidden;
	width:1312px;
}
.subpro_list li{
	display:inline;
	float:left;
	width:216px;
	margin:10px 112px 0 0;
	overflow:hidden;
}
.subpro_list li .pic{
	height:317px;
	overflow:hidden;
}
.subpro_list li img{
	width:216px;
	height:317px;
	transition:300ms;
}
.subpro_list li img:hover{
	transform:scale(1.1);
}
.subpro_list li .title{
	text-align:center;
	height:42px;
	line-height:42px;
}

/*subcase*/
.subcase_list{
	overflow:hidden;
	width:1260px;
}
.subcase_list li{
	display:inline;
	float:left;
	width:261px;
	margin:10px 52px 0 0;
	overflow:hidden;
}
.subcase_list li .pic{
	height:290px;
	overflow:hidden;
}
.subcase_list li img{
	width:261px;
	height:290px;
	transition:300ms;
}
.subcase_list li img:hover{
	transform:scale(1.1);
}
.subcase_list li .title{
	text-align:center;
	height:42px;
	line-height:42px;
}

/*prodetail*/
.sub_pro_title h1{
	font-size:18px;
	text-align:center;
}
.sub_pro_Img img{
	padding:3px;
	border:1px solid #ccc;
	max-width:80%;
}
.pro_detail_bred{
	margin-top:50px;
	border-bottom:1px solid #d87d08;
}
.pro_detail_bred span{
	display:inline-block;
	background:#d87d08;
	color:#fff;
	padding:8px 25px;
}
/*products-*/
.prolist li{
	display:inline-block;
	float:left;
	width:267px;
	margin:0 25px 30px 0;
	padding:3px;
	text-align:center;
	line-height:30px;
	border:1px solid #e5e5e5;
}
.prolist li .pImg{
	display:inline-block;
}
.prolist li .pImg img{
	width:267px;
	height:225px;
	
}
.prolist li:hover{
	border:1px solid #024f9d;
}
.ptxt{
	display:inline-block;
	line-height:40px;
	width:100%;
}
.pro_name{
	text-align:center;
}
.pro_name h1{
	font-size:24px;
	padding:20px 0;
}
.conttitle{
	height:30px;
	line-height:30px;
	background:#eee;
	font-weight:normal;
	padding-left:15px;
	margin-bottom:10px;
	text-shadow:1px 1px 1px #fff;
	border-bottom:3px solid #1365be;
}
/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .picture img{
	width:100%;
}
.picarr .preview{width:815px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle; width:100%;}
.picarr .preview li.current a{border:1px solid #000;}

/* foot */
.foot{
	background: url(../images/foot_bg.jpg) repeat-x;
	height: 256px;
	margin-top: 60px;
}
.foot_top{
	height: 128px;
}
.foot_top p{
	font-size:14px;
	color:#c8a063;
}
.foot_top .ft_left{
	width: 243px;
	height: 128px;
	background: url(../images/foot_line.png) no-repeat right center;
}
.foot_top .ft_lefts{
	width: 180px;
	height: 128px;
	padding: 0 60px;
	background: url(../images/foot_line.png) no-repeat right center;
}
.foot_top .ft_center{
	width: 190px;
	height: 128px;
	padding:0px 62px;
	background: url(../images/foot_line.png) no-repeat right center;
}
.foot_top .ft_center h2{
	font-size: 24px;
	color: #c8a063;
}
.foot_top .ft_right{
	width: 185px;
	padding-left: 50px;
	padding-top: 25px;
}
.foot_center{
	text-align: center;
	height: 59px;
	line-height: 59px;
}
.foot_center a{ 
	color: #7d7d7d;
	padding:0 15px;
	border-right:1px solid #7d7d7d;
}
.foot_center a:last-child{
	border-right:0 none;
}
.foot_center a:hover{
	color: #c8a063;
}
.foot_bottom{
	height: 44px;
	line-height: 44px;
	color: #7d7d7d; 
	text-align: center;
}

/* more */
.more{
    width: 122px;
    margin: 0 auto;
}
.more a{
    width: 120px;
    height: 38px;
    display: block;
    border: 1px solid #7d7d7d;
    line-height: 38px;
    text-align: center;
}
.more a:hover{
	color: #c8a063;
	border:1px solid #c8a063;
}












































