@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("../../../Index/index.html")/*tpa=http://www.28jw.cn/www/22demo111/css/css/ie-css3.htc*/; }
.f_left { float: left; }
.f_right { float: right; }
/*----------custom----------*/

.page.page5 { padding:25px 0 50px; }

.page_banner { height:267px; background:url("../img/banner1.jpg") no-repeat center center; background-size:cover; padding-top:103px; }
.page_banner .web { height:267px; display:table; width:100%; color:#fff; text-align:center; }
.cell { display:table-cell; vertical-align:middle; }
.page_banner .web h2 { font-size:36px; font-weight:normal; }
.page_banner .web p { font-size:18px; text-transform:uppercase; margin-top:20px; }

.case_list { }
.case_list ul { margin:0 -1%; }
.case_list ul li { float:left; width:31.333%; margin:22px 1% 0; }
.case_list ul li a { display:block; position:relative; }
.case_list ul li .img { }
.case_list ul li .img img { display:block; }
.case_list ul li .mb { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.case_list ul li .date { position:absolute; top:20px; left:20px; text-align:center; color:#fff; }
.case_list ul li .date span { display:block; font-size:36px; }
.case_list ul li .date font { display:block; font-size:16px; margin-top:5px; }
.case_list ul li .case_name { position:absolute; bottom:20px; left:20px; right:20px; }
.case_list ul li .case_name p { line-height:48px; border:1px solid #fff; text-align:center; color:#fff; font-size:16px; }

.page_tit .text { margin-top:10px; }
.page_tit .text p { color:#666; }

.service_list { margin-top:50px; }
.service_list ul li { background:#fbfbfd; position:relative; }
.service_list ul li .img_box { position:absolute; top:0; width:50%; overflow:hidden; }
.service_list ul li .img_box img { display:block; max-width:initial; }
.service_list ul li .img_box.right { right:0; }
.service_list ul li .img_box.left { left:0; }
.service_list ul li .web { display:table; }
.service_list ul li .web .cell { width:50%; }
.service_list ul li .web .cell.t_cell { padding-right:45px; }
.service_list ul li .web .cell.i_cell { padding:20px 0 20px 20px; }
.service_list ul li .web h3 { font-size:26px; font-weight:normal; color:#0875c3; text-transform:uppercase; }
.service_list ul li .web span { display:block; width:60px; height:3px; background:#0875c3; margin:20px 0; }
.service_list ul li .web h4 { font-size:16px; color:#333; }
.service_list ul li .web p { line-height:26px; font-size:14px; color:#333; margin-top:15px; }
.service_list ul li .img { }
.service_list ul li .img img { display:block; width:100%; }

.service_list ul li.li2 .web .cell.t_cell { padding-left:45px; padding-right:0; }
.service_list ul li.li2 .web .cell.i_cell { padding-left:0; padding-right:20px; }

.about_m { }
.about_m .web { text-align:center; }
.about_m .web p { font-size:14px; color:#666; line-height:28px; }
.about_m .img_list { margin-top:40px; }
#dowebok li { float:left; width:25%; }
#dowebok li img { display:block; width:100%; }

.about_contact { background:url("../img/bg5.jpg") no-repeat center center; padding:32px 0; }
.about_contact .web { float:left; color:#fff; padding-left:40px; }
.about_contact .web h3 { font-size:26px; font-weight:normal; padding-left:20px; background:url("../img/icon3.png") no-repeat left center; }
.about_contact .web p { font-size:14px; padding-left:20px; margin-top:16px; }
.about_contact .btn { float:right; padding-right:40px; margin-top:9px; }
.about_contact .btn p { line-height:38px; color:#fff; font-size:18px; }
.about_contact .btn a { display:inline-block; width:114px; height:38px; line-height:38px; background:#fff url("../img/icon4.png") no-repeat center center; margin-left:20px; vertical-align:middle; }

.page.page6 { background:#f6f6f6; padding:60px 0; }
.contact_l { float:left;margin-right:5px;margin-top:5px; width:346px; background:url("../img/bg6.jpg") no-repeat center center; }
.contact_l .web { padding:40px 40px 0px;height:453px; }
.contact_l .web .tit { color:#fff; }
.contact_l .web .tit h3 { font-size:26px; font-weight:normal; text-transform:uppercase; }
.contact_l .web .tit span { display:block; width:60px; height:3px; background:#fff; margin:20px 0; }
.contact_l .web .tit p { font-size:16px; }
.contact_l .web .text { margin-top:33px; }
.contact_l .web .text p { text-align:justify; color:#fff; font-size:14px; line-height:32px; }

.contact_r { overflow:hidden;padding:5px; }
.contact_address { background:#fff; box-shadow:0 0 10px rgba(107,110,112,0.1); padding:11px 0 34px; }
.contact_address ul li { float:left; width:33.333%; text-align:center; }
.contact_address ul li span { display:block; height:92px; }
.contact_address ul li span.sp1 { background:url("../img/icon5.png") no-repeat center center; }
.contact_address ul li span.sp2 { background:url("../img/icon6.png") no-repeat center center; }
.contact_address ul li span.sp3 { background:url("../img/icon7.png") no-repeat center center; }
.contact_address ul li h4 { font-size:18px; font-weight:normal; color:#222; }
.contact_address ul li .text { display:table; max-width:145px; width:100%; margin:13px auto 0; height:44px; }
.contact_address ul li .text p { line-height:22px; font-size:14px; color:#666; }

.contact_lxfs { background:#fff; box-shadow:0 0 10px rgba(107,110,112,0.1); margin-top:10px; padding:34px 40px 37px; }
.contact_lxfs .tit { }
.contact_lxfs .tit h3 { line-height:32px; font-size:22px; color:#222; font-weight:normal; }
.contact_lxfs .tit h3 a { float:right; display:inline-block; width:88px; background:#0875c3; text-align:center; font-size:14px; color:#fff; margin-right:13px; }
.contact_lxfs .tit h3 a:hover, .contact_lxfs .tit h3 a:active { opacity:0.8; }
.ly_box { margin-top:8px; }
.ly_list { margin-top:20px; }
.ly_list.ly_list1 { width:49%; }
.ly_inp { background:#f6f6f6; height:46px; line-height:46px; padding:0 18px; }
.ly_inp input { width:100%; height:46px; line-height:46px; border:none; background:none; font-size:14px; }
.ly_textarea { background:#f6f6f6; padding:14px; }
.ly_textarea textarea { border:none; resize:none; width:100%; background:none; font-size:14px; height:43px; }


.page.page7 { padding:0 0 50px; }
.news_list { }
.news_list ul { margin:0 -1%; }
.news_list ul li { float:left; width:31.333%; margin:50px 1% 0; }
.news_list ul li .img { }
.news_list ul li .img a { display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:101; }
.news_list ul li .img img { display:block; width:100%; }
.news_list ul li .web { padding:20px 29px 0 0; }
.news_list ul li .web .tit h3 { font-weight:normal; font-size:18px; color:#222; }
.news_list ul li .web .tit h4 { font-size:14px; color:#999; font-weight:normal; margin-top:10px; }
.news_list ul li .web .text { margin-top:10px; }
.news_list ul li .web .text p { font-size:14px; color:#666; line-height:24px; text-align:justify; height:72px; overflow:hidden; }
.news_list ul li .web .text a { display:inline-block; width:78px; height:28px; line-height:28px; text-align:center; border:1px solid #0875c3; font-size:14px; color:#0875c3; margin-top:15px; }
.news_list ul li .web .text a span { display:inline-block; padding-right:29px; background:url("../img/icon8.png") no-repeat right center; }
.news_btn { margin-top:50px; line-height:42px; text-align:center; }
.news_btn a { display:block; background:#f6f6f6; font-size:14px; color:#999; }
.news_btn a span { display:inline-block; padding-right:17px; background:url("../img/icon9.png") no-repeat right center; }

.page_article { padding-bottom:100px; }
.page_article .tit { padding-top:60px; padding-bottom:20px; border-bottom:1px solid #ececec; }
.page_article .tit h3 { font-size:26px; font-weight:normal; color:#222; }
.page_article .tit p { font-size:14px; color:#999; margin-top:15px; }
.page_article .web { }
.page_article .web p { font-size:14px; color:#222; line-height:28px; margin-top:28px; }
.page_article .web .article_img { margin-top:18px; }
.page_article .web .article_img img { display:block; width:100%; max-width:451px; margin:0 auto; }

.article_link { margin-top:80px; }
.article_link p { font-size:14px; margin-top:20px; }
.article_link p span { display:inline-block; }
.article_link p a { color:#000; margin-left:27px; }
.article_link span:hover { color:#0875c3; }
.article_link a:hover { color:#0875c3; text-decoration:underline; }