@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, table, caption, tbody, tfoot, thead, tr, th, td, 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, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font:14px/30px "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color:#000; _background-attachment:fixed; 
_background-image:url(about:blank); width: 100%; height: 100%; overflow: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong,i,em{ font-style:normal; font-weight:normal; }
input { outline: none; padding:0;}
img { border:0;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #ebb112; color: #fff; text-shadow: none; }
::selection { background: #ebb112; color: #fff; text-shadow: none; }
a{ text-decoration:none; blr: expression(this.onFocus=this.blur()); cursor: pointer; color:#000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; color:#ec6615; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}

.inner{ width:1300px; margin:0px auto;}

header{ position:fixed; left:0; right:0; top:0; z-index:9999;}
header .head{ background:#fff; height:90px; box-shadow:0px 2px 4px -2px rgba(0, 0, 0, 0.3); padding:0 100px; }
header .head .logo{ width:180px; overflow:hidden;}
header .head .logo img{ display:block;}
header .head .gouw{ overflow:hidden; height:40px; margin-top:28px;}
header .head .gouw span{ float:left; overflow:hidden; display:block; font-size:20px; padding-left:10px; color:#444444; font-family:Arial; line-height:36px;}
header .head .gouw span i{ display:block; width:30px; height:34px; background:url(../images/icon.png) -132px -2px no-repeat; float:left; overflow:hidden;}
header .head .gouw figure{ float:left; display:block; overflow:hidden; position:relative;}
header .head .gouw figure input.text{ width:50px; height:34px; opacity:0; position:relative; z-index:10; border:1px #e0e0e0 solid; font-size:12px; padding-left:10px; transition-duration: 0.3s;-ms-transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s;}
header .head .gouw figure input.sub{ border:none; display:block; width:30px; height:34px; background:url(../images/icon.png) -90px -4px no-repeat; position:absolute; right:5px; top:0; z-index:90; cursor:pointer;}
header .head .gouw figure:hover input.text{ width:200px; opacity:1;}
header .head .navbox{ position:absolute; right:500px; top:30px;}
header .head .navbox li{ display:block; position:relative; float:left;   text-align:center; height:30px;}
header .head .navbox li a{ display:block; padding:0 40px; font-size:16px; position:relative;height:60px; transition:300ms; -webkit-transition:300ms; top:0; text-transform:uppercase;}
header .head .navbox li a span.tx_1{ font-size: 16px; transition: 300ms; -webkit-transition: 300ms; text-transform:uppercase;}
header .head .navbox li a span.tx_2{ text-transform:uppercase; font-size: 16px; position: absolute; left: 0; right: 0; top: 0; opacity: 0; transition: 300ms; -webkit-transition: 300ms; color:#ec6615}
header .head .navbox li:hover span.tx_1{ transform: translate(0); -webkit-transform: translate(0); opacity: 0; visibility: visible; }
header .head .navbox li:hover span.tx_2{ opacity:1;}
header .head .navbox li.on span.tx_1{ opacity:0;}
header .head .navbox li.on span.tx_2{ opacity:1;}
header .head .navbox li dl{ position:absolute; left:10%; top:60px; width:80%; background:#fff; display:none; padding-bottom:10px; box-shadow: 0 0 16px -4px rgba(0,0,0,.3);}
header .head .navbox li dl a{ margin:0; padding:0; display:block; height:38px; line-height:34px; color:#666; font-size:15px; transition-duration: 0.3s;-ms-transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s;}
header .head .navbox li dl dt{ width:20px; height:4px; background:#ec6615; display:block; margin:0 auto; margin-bottom:10px;}

@media screen and (max-width:1800px){
	header .head{ padding:0 50px}
	}
@media screen and (max-width:1700px){
	header .head .navbox{ right:400px;}
	header .head .navbox li a{    padding: 0 35px;}
	}
@media screen and (max-width:1600px){
	header .head .navbox{ right:300px;}
	header .head .navbox li a{    padding: 0 35px;}
	}
@media screen and (max-width:1500px){
	header .head{ padding:0 30px}
	}
@media screen and (max-width:1450px){
	header .head .navbox{ right:240px;}
	header .head .navbox li a{    padding: 0 30px;}
	}
	/*
@media screen and (max-width:1400px){
	header .head .navbox li{ padding:0 30px}
	}
	*/
@media screen and (max-width:1400px){
	header .head .navbox{ right:320px;}
	header .head .navbox li a{  padding:0 20px;}
	}
@media screen and (max-width:1366px){
header .head .navbox{ right:240px;}
}

@media screen and (max-width:1260px){
header .head .navbox{ right:0;}
header .head .gouw{ display:none;}
}




.slideBox{ width:100%;  position:relative; overflow:hidden; margin-top:90px;}
.slideBox .hd{ position:absolute; bottom:20px; left:50%; width:1200px; margin-left:-600px; text-align:center; z-index:90;}
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ display:inline-block; font-size:0; width:14px; border-radius:14px; height:14px; background:#fff; margin:0 0 0 20px; cursor:pointer; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out; z-index:90;}
.slideBox .hd ul li.on{ width:30px; background:#ec6615;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; width:100%;  overflow:hidden;}
.slideBox .bd li a{ display:block; width:100%; }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

		
.quick{ width:100%; overflow:hidden; padding:10px 0;}
.quick li{ width:310px; float:left; margin-left:20px; overflow:hidden; background:#f8f8f8; text-align:center; padding:18px 0; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.quick li:nth-child(1){ margin:0;}
.quick li em{ display:block; width:50px; height:50px; background:#444; margin:0 auto; border-radius:50%; padding:7px;}
.quick li em i{ display:block; width:50px; height:50px; background:url(../images/icon.png) no-repeat;}
.quick li em i.icon1{ background-position:-86px -47px;}
.quick li em i.icon2{ background-position:-176px -47px;}
.quick li em i.icon3{ background-position:-86px -108px;}
.quick li em i.icon4{ background-position:-180px -108px;}
.quick li h1{ font-size:20px; font-weight:bold; color:#333; margin:16px 0 6px; text-transform:uppercase;}
.quick li P{ color:#333;}
.quick li:hover{ box-shadow:0px 5px 10px rgba(152,152,152,.3);margin-top:-5px;}


footer{ width:100%; overflow:hidden; background:#f2f2f2;}
footer .foot{ width:100%; overflow:hidden; padding:50px 0;}
footer .foot .pictu{ width:220px; overflow:hidden; float:left; position:relative;margin-top: -15px;}
footer .foot .pictu img{ display:block; width:150px;}
footer .foot .pictu i{ display:block; position:absolute; right:0; top:30px; height:150px; background:#e0e0e0; width:1px;}
footer .foot .daoh{ float:left; overflow:hidden; padding:0 60px; margin-top: -4px;}
footer .foot .daoh li{ width:120px; float:left; overflow:hidden; line-height:34px;}
footer .foot .daoh li a{ display:block; text-transform:uppercase;}
footer .foot .zxyy{ width:280px; float:left; overflow:hidden;}
footer .foot .zxyy h1{ font-size:16px; overflow:hidden;}
footer .foot .zxyy form{ width:100%; overflow:hidden;}
footer .foot .zxyy form input.text{ display:block; width:220px; padding-left:10px; line-height:32px; height:32px; border:1px #e0e0e0 solid; background:#fff; color:#999; margin-top:12px;}
footer .foot .zxyy form input.sub{ display:block; border:none; background:#ec6615; color:#fff; height:34px; line-height:34px; padding:0 20px; margin-top:12px; cursor:pointer;}
.txtScroll-top{ overflow:hidden; position:relative; margin-top:8px;}
.txtScroll-top .hd{ display:none;}
.txtScroll-top .infoList li{ color:#555;}
.txtScroll-top .infoList li i{ color:#ec6615;}
footer .foot .ewm{ float:right; overflow:hidden; text-align:center; margin-top:5px;}
footer .foot .ewm em{ display:block; float:left; margin-left:10px;}
footer .foot .ewm em img{ display:block; width:140px;}
footer .foot .ewm p{ padding-top:6px;}

footer .link{ width:100%; overflow:hidden;}
footer .link .hd{ width:90px; float:left; overflow:hidden; }
footer .link .hd h1{ font-size:16px;}
footer .link .bd{ overflow:hidden; zoom:1; float:left; padding:8px 0;}
footer .link .bd .tempWrap{ width:1210px !important; height:14px; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
footer .link .bd ul{ overflow:hidden; zoom:1; }
footer .link .bd ul li{ height:14px; line-height:14px; border-right:1px #a8a8a8 solid; padding:0 30px; float:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
footer .link .bd ul li a{ color:#999999;}
footer .link .bd ul li:hover a{ color:#ec6615;}
footer .webu{ line-height:70px; border-top:1px #e0e0e0 solid; width:100%; overflow:hidden; margin-top:25px; text-align:center; color:#999999;}


<!--设计师-->
.area{width:1400px;margin:0 auto; margin-top:30px;}
.pdt93{text-align:center;}
.ysbz_box .ysbz .f_title{width:800px;margin:0 auto;padding-top:10px;padding-bottom:30px;height:100%;overflow:hidden;!important;}
.ysbz_box .ysbz .title{padding-top:0;}
.ysbz_box .ysbz .f_title span{width:200px;height:1px;background:#d8dad9;}
.ysbz_box .ysbz .f_title .l{float:left;margin-top:13px;}
.ysbz_box .ysbz .f_title .r{float:right;margin-top:13px;}
.ysbz_box .ysbz .f_title .c{width:380px;margin-left:11px;margin-right:11px;text-align:center;float:left;background:none;color:#313134;font-size:20px;}
.ysbz_box .b{height:463px;background:url(house.jpg) center 0 no-repeat;}
.ysbz_box .b ul li{float:left;width:240px;height:320px;background:#fff;opacity:0.7;padding-top:65px;cursor:pointer;}
.ysbz_box .b ul .bbj{background:#fa4c06;}
.ysbz_box .b ul li .t .bj{height:47px;}
.ysbz_box .b ul .li1 .t .bj{background:url(slys.png) center 0 no-repeat;}
.ysbz_box .b ul li .t p{color:#1e1e1e;font-size:18px;font-weight:bold;text-align:center;line-height:45px;}
.ysbz_box .b ul .bbj .t p{color:#fff;}
.ysbz_box .b ul li .t .p3{width:26px;height:2px;margin:0 auto;background:#fa4c06;}
.ysbz_box .b ul .bbj .t .p3{background:#fff;}
.ysbz_box .b ul li .S_b{margin-top:35px;}
.ysbz_box .b ul li .S_b p{width:222px;margin:0 auto;line-height:24px;color:#333;font-size:14px;padding-left:20px;padding-right:20px;}
.ysbz_box .b ul .bbj .S_b p{color:#fff;}
.ysbz_box .b ul li .S_b .last{font-size:22px;}
.ysbz_box .b ul .li2 .t .bj{background:url(san.jpg) center 0 no-repeat;}
.ysbz_box .b ul .li3 .t .bj{background:url(deng.png) center 0 no-repeat;}
.ysbz_box .b ul .li4 .t .bj{background:url(mgys.png) center 0 no-repeat;}
.ysbz_box .b ul .li5 .t .bj{background:url(wgys.png) center 0 no-repeat;}
.ysbz_box .b ul .li6 .t .bj{background:url(ygys.png) center 0 no-repeat;}
.ysbz_box .b ul .cur{box-shadow: 0 0 15px rgba(0,0,0,0.2);margin-top:-5px;}

.sjs{width:1400px;margin:0 auto;margin-top:20px;padding-bottom:30px;}
.sjs ul{}
.sjs li{width:328px;height:396px;float:left;position:relative;margin:11px;}
.sjs1{width:328px;height:328px;overflow:hidden;position:relative;}
.sjs1 img{width:100%;}
.sjs1a{font-size:14px; width:328px;height:36px;line-height:36px;position:absolute;bottom:-36px;text-align:center;transition:all .3s linear;}
.sjs1a1{width:163px;float:left;height:36px;display:block;background:#333333;}
.sjs1a2{width:163px;float:right;height:36px;display:block;background:rgba(232,232,232,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5e8e8e8,endColorstr=#e5e8e8e8);}
.sjs1a1:hover{background:rgba(229,192,1,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5e5c001,endColorstr=#e5e5c001);}
.sjs1a2:hover{background:rgba(229,192,1,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5e5c001,endColorstr=#e5e5c001);}
.sjs li:hover .sjs1a{bottom:1px;}
.sjs2 {width:300px;height:25px;margin-top:10px;font-size:18px;color:#4b4b4b;text-align:center;}
.sjs2 span{font-size:14px;padding-left:10px;}
.sjs3{width:300px;height:20px;font-size:14px;color:#4b4b4b;line-height:20px;}
.sjs3 i{font-style:normal;color:#f50011}
.sjs3 p{float:left;line-height:36px;padding-left:80px;}
.sjs3 span{float:right;}
.sjs4{width:328px;border-top:#f5f5f5 1px solid;line-height:42px;font-size:14px;margin-top:18px;color:#4b4b4b;}
.sjs4 span{padding:0 5px;}

/* --indexForm-- */
.indexForm{position:relative;z-index:33;margin:-140px auto 0;padding:40px 1px;width:1300px;height:60px;background:rgba(0,0,0,0.5);}
.indexForm ul{float:left;width:1001px;height:60px;background:url(../images/Index/indexForm_ipt.png) no-repeat;}
.indexForm li{float:left;width:333px;height:60px;}
.indexForm li input{display:block;padding:20px 40px;width:253px;height:20px;line-height:20px;font-size:16px;border:none;background:transparent;}
.indexForm a.submit{display:block;float:right;width:280px;height:60px;line-height:60px;font-size:16px;color:#fff;text-align:center;background:url(../images/Index/indexForm_btn.png) no-repeat;}
.indexForm a.submit:hover{background-image:url(../images/Index/indexForm_btn_cur.png)}
/* --end indexForm-- */

/* --evaluate-- */
.evaluate{height:936px;overflow:hidden;background:url(../images/2022/Index/evaluate_bg.jpg) no-repeat center 0;}
.evaluate .form-box{margin:20px auto 0;padding:35px 0;width:1400px;height:78px;overflow:hidden;}
.evaluate .form-box .text{float:left;width:440px;text-align:center;}
.evaluate .form-box .text h3{height:48px;line-height:48px;font-weight:normal;font-size:42px;color:#111;}
.evaluate .form-box .text h3 span{display:inline-block;margin:0 22px;}
.evaluate .form-box .text p{height:30px;line-height:30px;font-size:21px;color:#666;}
.evaluate .form-box .form{padding-left:22px;padding-top: 8px;overflow:hidden;}
.evaluate .form-box .form li{float:left;margin-left: 9px;}
.evaluate .form-box .form li input{display:block;padding:0 35px;width:265px;height:60px;line-height:60px;font-size:16px;border:none;background:transparent;}
.evaluate .form-box .form li a.submit{display:block;width:213px;height:62px;line-height:62px;font-size:16px;color:#fff;text-indent:55px;}
.evaluate .form-box .form li a.submit:hover{color:#fff;background: url(../images/Index/evaluate_submit_cur.png) no-repeat;}
.evaluate .wrapper{padding:10px 0;overflow:hidden;}
.evaluate-tab{clear:both;padding-top:35px;overflow:hidden;}
.evaluate-con{float:left;padding:42px 50px;width:600px;height:384px;overflow:hidden;}
.evaluate-con h3{padding-bottom:15px;height:58px;line-height:58px;font-weight:normal;overflow:hidden;border-bottom:#d8d8d8 solid 1px;}
.evaluate-con h3 a{color:#333;}
.evaluate-con h3 a:hover{color:#811d21;}
.evaluate-con .summary{margin-top:25px;height:75px;line-height:25px;font-size:15px;color:#666;overflow:hidden;}
.evaluate-con .picBox{margin-top:20px;overflow:hidden;}
.evaluate-con .picBox ul{width:630px;}
.evaluate-con .picBox li{float:left;margin-right:28px;width:286px;height:187px;overflow:hidden;}
.evaluate-con .picBox li img{display:block;width:100%;transition:all 0.5s linear;}
.evaluate-con .picBox li:hover img{transform:scale(1.1);}
.evaluate-avatar{float:right;padding:14px 30px;width:640px;overflow:hidden;}
.evaluate-avatar li{float:left;margin:14px 24px;width:100px;height:100px;cursor:pointer;overflow:hidden;border:#fff solid 5px;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.25);transition:all 0.5s;}
.evaluate-avatar li img{display:block;width:100%;}
.evaluate-avatar li.cur,.evaluate-avatar li:hover{transform:scale(1.1);border-color:#EC6618;}
/* --end evaluate-- */

/*--public--*/
.wrapper{margin:0 auto;width:1400px;}
.wrapper1200{margin:0 auto;width:1200px;}
.wrap-title{margin-bottom:30px;text-align:center;overflow:hidden;}
.wrap-title:before{display:block;margin:0 auto 20px;width:32px;height:3px;content:"";background:#ed6d01;}
.wrap-title h2{height:42px;line-height:42px;font-size:36px;font-weight:normal;color:#000;}
.wrap-title h2 a{color:#000;}
.wrap-title h2 em{color:#ed6d01;font-family:"DIN Medium";}
.wrap-title p{margin-top:8px;font-size:14px;color:#999;font-family:"DIN Medium";}
.wrap-title.white *{color:#fff;}
.left-wrap{float:left;width:900px;overflow:hidden;}
.right-wrap{position:relative;float:right;width:280px;overflow:hidden;}
input::-webkit-input-placeholder{color:#999;}
/*--end public--*/