@charset "utf-8";


html {}
html,img,fieldset {border:0;}
html,body,form {margin:0;padding:0;}
body {color:#000;background-color:#fff;}
body,td { }

h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:14px;}

ul,ol {margin:0;padding:5px 5px 5px 40px;}
dl,p  {margin:0;padding:5px 0;}

a, 
a:link {color:#000;text-decoration:none;}
a:active {}
a:hover { }
a:visited{}

/* 浮动元素 */
.rectbox:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.rectbox {clear:both;*display:inline-block;}
.rectbox .left {float:left;_display:inline;}
.rectbox .right {float:right;_display:inline;}


/*================ Form 元素统一 =================*/
	textare {overflow-y:visible}
	label {cursor:pointer;_cursor:default;}
	input[type="submit"] {cursor:pointer;}
	input[type="button"] {cursor:pointer;}
	input[type="reset"]  {cursor:pointer;}
	input.submit     {cursor:pointer;}
	input.button     {cursor:pointer;}
	input.reset      {cursor:pointer;}
	input.disabled   {cursor:default;}
	input[disabled]  {}
	input.readonly   {color:#999;border:1px solid #ccc;background:#f3f3f3;}
	input[readOnly]   {color:#999;border:1px solid #ccc;background:#f3f3f3;}
	*html input {
		direction:expression(function(sjd){
			if(document.readyState=="complete"){
				sjd.style.direction = "ltr";                                     /* 只 执行一次*/
				sjd.className += " "+sjd.type;                            /* 根据type 类型 添加 className，弥补IE6 无法使用 [type=""] 改用 input.type */
			}
		}(this));
		unicode-bidi:expression(function(sjd){
			if(document.readyState=="complete"){
				/* input  只读时 ie6 添加 className " readonly" */
				if(sjd.readOnly == true) {
					if(sjd.className.search(" readonly")==-1){sjd.className += " readonly";}
				} 
				else {if(sjd.className.search(" readonly")!=-1){sjd.className = sjd.className.replace(" readonly","")}
				} 
				/* input被禁用时 ie6 添加 className " disabled" */
				if(sjd.disabled == true) {
					if(sjd.className.search(" disabled")==-1){sjd.className += " disabled";}
				}
				else {if(sjd.className.search(" disabled")!=-1){sjd.className = sjd.className.replace(" disabled","")}
				} 
			}
		}(this));
	}
	

/* IE6 背景图缓存优化  IE6 fixed box hack */
*html html {direction:expression(function(el){
	el.style.direction = "ltr";
	try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
}(this))}


/************  
	常用 类 使用  
	----------------------------

	------ A 虚线 ------
	----------------------------
		a {outline:0;zoom:expression(function(sjd){sjd.style.zoom = "1";sjd.hideFocus=true;}(this))}


	------ :first-child{} ------
	----------------------------
		div:first-child{} ;
		div.first-child{} ;
		*html div {zoom:expression(function(sjd){
			sjd.style.zoom = "1";
			if(sjd == sjd.parentNode.getElementsByTagName(sjd.tagName)[0]){sjd.className += " first-child"}
		}(this))}
		
		.className:first-child{} 
		.className_first-child{} 
		*html .className {zoom:expression(function(sjd){
			sjd.style.zoom = "1";
			if(sjd == sjd.parentNode.getElementsByTagName(sjd.tagName)[0]){sjd.className += " className_first-child"}
		}(this))}
	----------------------------

	------ :hover{} ------------
	----------------------------
		div:hover{} ;
		div.hover{} ;
		*html div {zoom:expression(function(sjd){
			sjd.style.zoom = "1";
			sjd.onmouseover =  function(){ if(!this.contains(event.fromElement)){this.className +=' hover'} };
			sjd.onmouseout  =  function(){ if(!this.contains(event.toElement)){this.className =this.className.replace(' hover','')} };
		}(this))}
		.className:hover{} 
		.className_hover{} 
		*html .className {zoom:expression(function(sjd){
			sjd.style.zoom = "1";
			sjd.onmouseover =  function(){ if(!this.contains(event.fromElement)){this.className +=' className_hover'} };
			sjd.onmouseout  =  function(){ if(!this.contains(event.toElement)){this.className =this.className.replace(' className_hover','')} };
		}(this))}

	----------------------------

	------ PNG图 ---------------
	----------------------------
	背景
	*html .className {zoom:expression( function(sjd){sjd.style.zoom=1;if (sjd.className.search(" ie6bg")==-1){sjd.className += " ie6bg"}}(this));}
	前景
	*html .className img {zoom:expression( function(sjd){sjd.style.zoom=1;if (sjd.className.search(" ie6img")==-1){sjd.className += " ie6img"}}(this));}
	
********************/

/* CSS Document
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> v1.0 | 20080212 */

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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*----------basic----------*/
 
.bt:hover,
.bt:hover * { cursor: pointer; text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); }
    .bt:hover.lt,
    .bt:hover.lt * { opacity: 0.95; filter: alpha(opacity=95); }
    .bt:hover.gt,
    .bt:hover.gt * { opacity: 0.6; filter: alpha(opacity=60); }
.clear { clear: both; }
.flex { display: flex;  }
    .flex.lt { width: 105%; }
    .flex.gt { width: 125%; }
.ht05 { height: 5px; }
.ht10 { height: 10px; }
.ht15 { height: 15px; }
.ht20 { height: 20px; }
.ht25 { height: 25px; }
.ht30 { height: 30px; }
.ht35 { height: 35px; }
.ht40 { height: 40px; }
.ht45 { height: 45px; }
.ht50 { height: 50px; }
.ht55 { height: 55px; }
.ht60 { height: 60px; }
.ht65 { height: 65px; }
.ht70 { height: 70px; }
.ht75 { height: 75px; }
.ht80 { height: 80px; }
.ht85 { height: 85px; }
.ht90 { height: 90px; }
.ht95 { height: 95px; }
.ht100 { height: 100px; }
.ht200 { height: 200px; }
.ht300 { height: 300px; }
.ht400 { height: 400px; }
.ht500 { height: 500px; }
.wh05 { display: inline-block; width: 5px; }
.wh10 { display: inline-block; width: 10px; }
.wh15 { display: inline-block; width: 15px; }
.wh20 { display: inline-block; width: 20px; }
.wh25 { display: inline-block; width: 25px; }
.wh30 { display: inline-block; width: 30px; }
.wh35 { display: inline-block; width: 35px; }
.wh40 { display: inline-block; width: 40px; }
.wh45 { display: inline-block; width: 45px; }
.wh50 { display: inline-block; width: 50px; }
.wh55 { display: inline-block; width: 55px; }
.wh60 { display: inline-block; width: 60px; }
.wh65 { display: inline-block; width: 65px; }
.wh70 { display: inline-block; width: 70px; }
.wh75 { display: inline-block; width: 75px; }
.wh80 { display: inline-block; width: 80px; }
.wh85 { display: inline-block; width: 85px; }
.wh90 { display: inline-block; width: 90px; }
.wh95 { display: inline-block; width: 95px; }
.wh100 { display: inline-block; width: 100px; }
.none { display: none; }
.hide { opacity: 0; filter: alpha(opacity=0); }
.ie-radius { border-radius: 5px; behavior: url(css/ie-css3.htc); }
.f_left { float: left; }
.f_right { float: right; }
/*----------custom----------*/









.page_banner { padding-top:101px; }
.page_banner .web { padding-top:41px; padding-bottom:43px; }
.page_banner .web .img1 { position:relative; }
.page_banner .web .img1 img { display:block; margin:0 auto; }
.page_banner .web .img1 .text { position:absolute; bottom:21px; left:0; width:100%; text-align:center; }
.page_banner .web .img1 .text h3 { font-size:36px; color:#fff; font-family:Arial; font-weight:normal; text-transform:uppercase; }
.page_banner .web .img1 .text p { font-size:16px; color:#fff; margin-top:22px; }

.page_box { padding:50px 0 100px; }
.page_case {  }
.page_top { }
.page_logo { }
.page_logo img { display:block; }
.page_top .web { margin-top:0px; padding-bottom:15px; border-bottom:2px solid #97732e; }
.page_top .web .text { float:left; }
.page_top .web .text h3 { font-size:26px; color:#000; font-weight:normal; }
.page_top .web .page_nav { float:right; padding-top:12px; }
.page_top .web .page_nav ul li { float:left; margin-left:70px; font-size:14px; }
.page_top .web .page_nav ul li a { color:#999; }
.page_top .web .page_nav ul li.on a, .page_top .web .page_nav ul li a:hover { color:#000; }


.page_case .list { }
.page_case .list ul { margin:0 -1.5%; }
.page_case .list ul li { float:left; width:30.333%; margin:30px 1.5% 10px; }

.page_case .list ul li .img1 { overflow: hidden; position: relative; background: #000; }
.page_case .list ul li .img1 img { display: block; width: 100%; }
.page_case .list ul li .img1:hover img { opacity: 0.3; transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); }
.page_case .list ul li .img1 .text1 { position: absolute; top: 20%; left: 0; width: 100%; height: 100%; color: #fff; opacity:0;}
.page_case .list ul li .img1:hover .text1 { top:0;opacity:1;}
.page_case .list ul li .img1 .text1 h3 { font-size: 22px; font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.page_case .list ul li .img1 .text1 label { display: block; width: 56px; height: 2px; margin: 30px auto; background: #fff; }
.page_case .list ul li .img1 .text1 p { line-height: 24px; color: #dcdcdc; max-width: 256px; margin: 0 auto; }
.page_case .list ul li .img1 i { display: block; width: 15px; height: 15px; border: 2px solid #fff; position: absolute; opacity:0;}
.page_case .list ul li .img1:hover i{ opacity:1;}
.page_case .list ul li .img1:hover .i1 {top: 15px; left: 15px; }
.page_case .list ul li .img1:hover .i2 {top: 15px; right: 15px; }
.page_case .list ul li .img1:hover .i3 {bottom: 15px; left: 15px;  }
.page_case .list ul li .img1:hover .i4 { bottom: 15px; right: 15px; }

.page_case .list ul li .img1 i.i1 { top: 5px; left: 5px; border-right: 0; border-bottom: 0; }
.page_case .list ul li .img1 i.i2 { top: 5px; right: 5px; border-left: 0; border-bottom: 0; }
.page_case .list ul li .img1 i.i3 { bottom: 5px; left: 5px; border-right: 0; border-top: 0; }
.page_case .list ul li .img1 i.i4 { bottom: 5px; right: 5px; border-left: 0; border-top: 0; }
.page_case .list ul li .tab { height: 100%; display: table; width: 80%; margin: 0 auto; text-align: center; }
.page_case .list ul li .cell { display: table-cell; vertical-align: middle; }
.page_case .list ul li .text{ margin-top:40px;  }
.page_case .list ul li .text p{ margin-bottom:15px;color:#97732e;}
.page_case .list ul li .text h3{ font-size:22px; font-weight:normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page_case .list ul li .active .text{ display:block;}


.contact_tab { margin-top:40px; }
.contact_tab .web { float:left; width:380px; background:url(pic2.jpg) no-repeat center center; padding:73px 30px 0; height:455px; }
.contact_tab .web .tit { }
.contact_tab .web .tit h3 { font-size:22px; font-weight:normal; color:#fff; }
.contact_tab .web .list { margin-top:42px; }
.contact_tab .web .list ul li { padding:27px 0 29px; border-top:1px solid #596776; }
.contact_tab .web .list ul li:first-child { border-top:none; }
.contact_tab .web .list ul li span { display:block; font-size:16px; padding-left:30px; color:#fff; line-height:20px; }
.contact_tab .web .list ul li span.sp1 { background:url(icon8.png) no-repeat left center; }
.contact_tab .web .list ul li span.sp2 { background:url(icon9.png) no-repeat left center; }
.contact_tab .web .list ul li span.sp3 { background:url(icon10.png) no-repeat left center; }
.contact_tab .web .list ul li p { font-size:18px; color:#fff; /*padding-left:30px;*/ margin-top:18px; }
.contact_tab .contact_map { overflow:hidden; }
.contact_tab .contact_map .img1 { }
.contact_tab .contact_map .img1 img { display:block; width:100%; }


.page_top .web .date { float:right; padding-top:12px; }
.page_top .web .date span { font-size:14px; color:#97732e; }

.page_details { }
.details_web { padding-top:10px; padding-bottom:54px; border-bottom:1px solid #e9e9e9; }
.details_web .img_box { margin:50px 0; }
.details_web .img_box .img1 { width:48.5%; }
.details_web .img_box .img1 img { display:block; width:100%; }
.details_web p { font-size:14px; color:#666; line-height:28px; text-align:justify; }

.page_np { text-align:right; margin-top:20px; }
.page_np span { color:#e5e5e5; }
.page_np a { font-size:14px; color:#999; margin:0 15px; }


.service_p_list{position:relative;}
.service_p_list .s_logo{ line-height:200px; text-align:center;}
.service_top {  }
.service_top .img1 { }
.service_top .img1 img { display:block; }
.service_top .web { margin-top:55px; }
.service_top .web h3 { font-size:26px; font-weight:normal; color:#000; }
.service_top .web span { display:block; width:74px; height:2px; background:#97732e; margin-top:15px; }
.service_top .web p { font-size:14px; line-height:32px; color:#666; margin-top:20px; }
.page_service .service_top .web span{  display:block; width:74px; height:2px; background:#97732e; margin-top:15px; }
.page_service .item { width:48.5%; }
.page_service .item .list { }
.page_service ul li { margin-top:40px; }
.page_service ul li  .li{margin:0 10px; padding-bottom:96px; border-bottom:1px solid #000; }
.page_service ul li .img_box { position:relative; }
.page_service ul li .img_box .img1 { }
.page_service ul li .img_box .img1 img { display:block; width:100%; }
.page_service ul li .img_box .line { position:absolute; top:40px; right:40px; bottom:40px; left:40px; border:2px solid #f0f1ea; }
.page_service ul li .img_box .num { position:absolute; top:42px; right:42px; width:65px; height:50px; line-height:50px; background:#382e26; font-size:36px; color:#fff; text-align:center; }
.page_service .img_box .list_bq { position:absolute; top:0; }
.page_service .img_box .list_bq img { display:block; }
.page_service .web { padding-top:40px; }
.page_service .web span { display:block; float:left; margin-right:39px; width:46px; height:46px; }
.page_service .web span.sp1 { background:url(icon12.jpg) no-repeat center center; }
.page_service .web span.sp2 { background:url(icon13.jpg) no-repeat center center; }
.page_service .web span.sp3 { background:url(icon14.jpg) no-repeat center center; }
.page_service .web span.sp4 { background:url(icon15.jpg) no-repeat center center; }
.page_service .web span.sp5 { background:url(icon16.jpg) no-repeat center center; }
.page_service .web span.sp6 { background:url(icon17.jpg) no-repeat center center; }
.page_service .web .text { overflow:hidden; }
.page_service .web .text h4 { font-size:22px; font-weight:normal; color:#000; }
.page_service .web .text label { display:block; width:56px; height:2px; background:#97732e; margin-top:10px; }
.page_service .web .text p { font-size:14px; line-height:24px; color:#999; margin-top:14px; }

.page_service .item.flt .list ul li .img_box .list_bq { left:-31px; }
.page_service .item.frt .list ul li .img_box .list_bq { right:-31px; }
.page_service .item.frt .list ul li:first-child { margin-top:0; }

.page_service .item .item_logo { text-align:center; margin-top:190px; }
.page_service .item .item_logo img { }
@media only screen and (max-width: 750px){
    .page_service ul li{margin-top:0}
    .page_service ul li  .li{ padding-bottom:20px;}
    .page_service .service_top   .web{margin-top:0;padding-top:0}
}