body , html{ background: #fff; padding: 0; margin: 0; position: relative; }
.demand_head .logo .logo_left , .demand_head .tel_400 .tel_left , .guide ul li .step_bg , .guide ul li .arrow , .search_designer ul li .img ,
.transaction .time_line , .transaction ul li .arrow , .news_list .select_new .value em , .bottom_icon label , .popupContent .arrow ,
.popupContent .btn_close , .form_content .input_form .box .msg em , .form_bottom .box .msg em{ background:url("publish.png");}
.container_wrap { width: 100%; height: auto; background: #f8f8f8; min-width: 1180px;}
.container{ width: 1180px; height: auto; margin: 0 auto;}
ul,li,ol,dl,dt	{ list-style:none;}
*,html,p	{ margin:0;padding:0;}
*html {/* 只有IE6支持 */background:#FAFAF6 url(about:blank) fixed;}
#content{ padding-top:34px;width:100%;float:left;}
/*clear*/
.clear{clear:both;font-size:0;margin:0;padding:0;width:100%;height:0; line-height:0;display:block;}
.clearfix{*zoom:1;}
.clearfix:after{content: '';font-size: 0;height: 0;display: block;clear: both;overflow: hidden;}
a{ color: #666; text-decoration:none;outline:none;}
a:hover{ color:#F60; text-decoration:none;outline:none;}
INPUT.rateButton,.fff{ color: #fff;}
H1, H3, INPUT.rateButtonSelected{ color: #333;}
INPUT[type="text"], INPUT[type="password"],
INPUT[type="button"], INPUT[type="submit"],
INPUT[type="reset"], INPUT[type="file"],
SELECT, TEXTAREA,INPUT:focus, SELECT:focus, TEXTAREA:focus{ color: #333;}
.c000	{ color: #000;}
input{ height:22px; line-height:22px; border:1px solid #cbcbcb;outline: none;}

textarea{border:1px solid #cbcbcb;color:#979797;}
.float_l{ float:left;}
.float_r{ float:right;}
.placeholder-css{color:#cbcbcb !important;}
.align_r{ text-align:right;}
.tc{ text-align:center;}
.trans{background:#f2f2f2 !important;}
em{ font-style:normal;}
.ahover_line:hover{ text-decoration:underline;}
.content_width{ width:990px; margin:0 auto;position: relative;}
.content_width1920{ width:1920px; margin:0 auto;position: relative;}
.kj_content_width{width: 100% !important;}
.lv{color:#3d8901;}
img{ display:block; border:0;}
.head_content{ position:relative; z-index:200;background:#333333;}
.ul li,.dl dd,.hid{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ccc{color:#ccc;}
.mt50{ margin-top:10px;}
.mb70{ margin-bottom:70px;}
/*a:hover*/
.aunderline,.aunx:hover{text-decoration:underline;}
.aunxcol:hover{ color:#3D8901;text-decoration:underline;}
/*end*/


/*发布需求 头部*/
.demand_head{ padding: 17px 0 19px 0;}
.demand_head .logo{ width: auto; float: left;}
.demand_head .logo .logo_left{ width: 126px; height: 63px; float: left; background:url("https://www.hndec.com/templates/default/images/logo_yue.jpg") center; margin-right: 30px;  }
.demand_head .logo .logo_left a{ width: 100%; height: 100%; display: block;}
.demand_head .logo .logo_right { width: auto; height: 63px; overflow: hidden; float: left; padding-left: 30px;  border-left:1px #e3e3e3 solid;}
.demand_head .logo .logo_right p{ color: #666;}
.demand_head .logo .logo_right .p_top{ font-size: 20px; height: 63px; line-height: 68px; font-weight: bold; font-family: '微软雅黑'; }
.demand_head .logo .logo_right .p_info { width: 245px; line-height:45px; background:url("https://www.hndec.com/templates/default/images/zcsl.jpg") left; padding-right:115px; margin-right:80px;}
.demand_head .logo .logo_right .p_bottom { font-size: 18px; line-height: 50px; padding-top: 10px;}
.demand_head .logo .logo_right .p_bottom_v { color:#f60;}
.demand_head .logo .logo_right .p_bottom em{ margin-right: 30px;}
.demand_head .tel_400{width: auto; float: right; line-height:30px;}
.demand_head .tel_400 .tel_left{ width: 36px; height: 37px; background-position: -138px -7px; float: left; margin-top: 14px;}
.demand_head .tel_400 .tel_right{ width: auto; float: left; padding:10px 0 0 10px;text-align: right; font-weight:700;}
.demand_head .tel_400 .tel_right .p_top{ font-size: 25px; color:#C00; height: 16px; line-height: 16px;text-align: left;}
.demand_head .tel_400 .tel_right .p_bottom{ font-size: 14px; color: #999; padding-top: 5px;}


/*需求表单*/

#province{width:40%}
#city{width:28%}
#town{width:28%}
#stylexA{width:17%}
#stylexB{width:17%}
#stylexC{width:17%}
#stylexD{width:17%}
.form_content .input_form .box span{color: #757575;font-size: 14px;}

.demand_form_wrap{ width: 100%;min-width: 1180px; height: 624px; background:url("banner.jpg") center; }
.demand_form_wrap .form_content{ width: 1180px; height: 100%; margin: 0 auto;}
.demand_form_wrap .form_content .input_form { width: 308px; background: #fff; padding: 30px; float: right; margin-top: 83px; border: 1px #e3e3e3 solid;}
.form_content .input_form .total{font-size: 16px; color: #333; text-align:center;}
.form_content .input_form .total em{ color: #dd4f50; padding: 0 5px; font-weight:700; font-size:24px;}
.form_content .input_form .bottom{ font-size: 12px; color: #999; margin-top: 10px;}
.form_content .input_form .box{ width: 100%; height: auto; position: relative; margin-top: 10px;}
.form_content .input_form .box .default_value{ position: absolute; font-size: 14px; left: 11px; top: 13px;}
.form_content .input_form .box .input_txt{ width: 286px; border: 1px #e3e3e3 solid; height: 14px; line-height: 14px; padding: 13px 10px; font-size: 14px; outline: none;}
.form_content .input_form .box select{ width: 308px; border: 1px #e3e3e3 solid; height: 40px; padding: 10px 10px; outline: none; font-size: 14px;}
.form_content .input_form .box select option { /*padding: 20px 0;*/}
.form_content .input_form .box .select_l,.form_content .input_form .box #User_Shen{ width: 150px; float: left;}
.form_content .input_form .box .select_r,.form_content .input_form .box #User_City{ width: 148px; float: right; margin-left:10px; }
.form_content .input_form .box .smbmit_btn{ width: 100%; height: 40px; border: none; outline: none; background: #dd4f50; cursor: pointer; font-size: 16px; color: #FFF;}
.our_promise{margin-top: 6px;}
.our_promise em{float: left;width: 14px;height: 14px;border-radius: 50%;background: #dd4f50;color: #fff;font-style: normal;text-align: center;line-height: 14px;font-weight: bold;margin:2px 6px 0 0;}
.our_promise p{float:left;width: 288px;line-height: 18px;color:#999;}
.form_content .input_form .box .input_txt_area{ float: left; width: 126px; height: 14px; padding: 12px 10px; margin-left: 10px;}
.form_content .input_form .box .value_area{ left: 171px; }
.form_content .input_form .box .msg{ width:auto; height: 20px; display:none; border-radius: 5px; height: 25px; line-height: 25px; margin-top: 10px;}
.form_content .input_form .box .msg_error{ width: auto; display: block; border: 1px solid #faafaf; height: 25px; background: #ffeded;}
.form_content .input_form .box .msg_error em{width: 15px; height: 15px; display: block; float: left; margin:5px 10px 0 5px; background-position:-449px -36px;}
.form_content .input_form .box .msg_error p{ float: left; line-height:27px;}
.form_content .input_form .box .unit{ width: auto; height: auto; display: block; position: absolute; right: 8px; top:8px; font-size: 14px;}



/*好工艺 不怕放大*/
.container .title{ font-size: 48px; color: #666; width: 100%; text-align: center; margin: 0 auto; font-family: '微软雅黑'; padding-top: 50px;}
.container .msg{font-size: 24px; color: #aaa; width: 100%; text-align: center; margin-top: 20px; font-family: '微软雅黑';}
.container .title img , .container .msg img{ width: auto; margin: 0 auto;}
.guide{overflow: hidden;}
.guide ul{ width: 104%; height: 260px; padding-bottom: 50px; margin-top: 80px;}
.guide ul li{ width: 212px; height:260px; float: left; margin-right: 30px; position: relative; cursor: pointer;}
.guide ul li:first-child , .guide ul li:last-child {cursor:inherit;}

.guide ul li .tab_01{width: 210px; height:200px; margin-top: 60px; border: 1px #e3e3e3 solid; background: #fff; position: relative; display: block;}
.guide ul li .tab_01 .img{ width: 210px; height: 80px; display: block;}
.guide ul li .tab_01 .img img{ width: 210px; height: 80px;}
.guide ul li .tab_01 .detail{ width: auto; height: auto; padding: 0 20px; display: block; margin-top: 40px; line-height: 22px; font-size: 14px; color: #666;}

.guide ul li .tab_02{ width: 210px; height: 200px; margin-top: 60px; display: none; position: relative; border: 1px #e3e3e3 solid;}
.guide ul li .tab_02 .img{ width: 210px; height: 200px; display: block;}
.guide ul li .tab_02 .img img{ width: 210px; height: 200px;}
.guide ul li .tab_02 .detail{ width: auto; height: auto; padding: 0 20px; display: block; font-family: '微软雅黑'; margin-top: 40px; line-height: 22px; position: absolute; top:100px; left: 50px; color: #fff; font-size: 18px;}

.guide ul li .arrow{ width: 130px; height: 27px; background-position:-197px -14px; position: absolute; top:0; left: 160px; }
.guide ul li .step_bg{ width: 100px; height: 110px; position:absolute;  display: block; z-index: 10; left: 56px; top:-60px;}
.guide ul .li_01 .tab_01 .step_bg { background-position: -4px -50px;}
.guide ul .li_02 .tab_01 .step_bg { background-position: -105px -52px;}
.guide ul .li_03 .tab_01 .step_bg { background-position: -215px -52px;}
.guide ul .li_04 .tab_01 .step_bg { background-position: -322px -52px;}
.guide ul .li_05 .tab_01 .step_bg { background-position: -430px -52px;}

.guide ul .li_01 .tab_02 .step_bg { background-position: -4px -50px;}
.guide ul .li_02 .tab_02 .step_bg { background-position: -105px -52px;}
.guide ul .li_03 .tab_02 .step_bg { background-position: -215px -52px;}
.guide ul .li_04 .tab_02 .step_bg { background-position: -322px -52px;}
.guide ul .li_05 .tab_02 .step_bg { background-position: -430px -52px;}

/*选择华宁优势*/
.search_designer{ overflow: hidden;}
.mt50{ margin-top:50px;}
.search_designer ul{ width: 114%; height: auto; margin: 40px 0 40px; }
.search_designer ul li{ width: 210px; height: auto; float: left; margin-right: 110px;}
.search_designer ul li .img{ width: 165px; height: 165px; display: block; margin: 0 auto; }
.search_designer ul li .column_name{ width: 100%; height: 24px; text-align: center; line-height: 24px; font-size: 24px; color: #242346; margin-top: 50px; font-family: '微软雅黑';}
.search_designer ul li .detail{width: 100%; text-align: center; font-size: 16px; color: #666; line-height: 24px; margin-top: 30px;}
.search_designer ul li.li_01 .img { background-position: -3px -170px;}
.search_designer ul li.li_02 .img { background-position: -171px -170px;}
.search_designer ul li.li_03 .img { background-position: -337px -170px;}
.search_designer ul li.li_04 .img { background-position: -503px -170px;}



/*在线预约展示列表*/
.news_list{ margin-top: 50px;}
.list_content { width: 570px; height: auto; float: left; position: relative;}
.list_content .name{ width: auto; float: left; font-size: 28px; color: #242346; padding-left:200px;font-family: '微软雅黑'; margin-bottom: 30px;}
.list_content ul.column_name{ width: 100%; height: 40px; line-height: 40px; clear: both; background: #242346;}
.list_content ul li{ width: auto; float: left; color: #fff; font-size: 14px;}
.list_content ul .designer{ width: 105px; padding-left: 20px;overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.list_content ul .user{ width: 105px;overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}

.list_content ul .area{ width: 120px;}
.list_content ul .project{width: 200px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.news_list .list_right{ float: right;}
.list_content .list_wrap { width: 100%; height: 400px; overflow: hidden;}
.list_content .scroll_content {height: 400px; position: relative; overflow: hidden;}
.list_content ul.detail{ width: 100%; height:480px;}
.list_content ul.detail li{ width: 100%; height:40px; line-height: 40px; color: #333;}
.list_content ul.detail li span{ display: block; float: left;}
.list_content ul.detail li:nth-child(even) { background: #f0f0f0;}
.news_list .select_new{ width: 134px; height:auto;  position: absolute; border:1px #fff solid; top:5px; z-index: 10; background: #fff; }
.news_list .select_new .value{ width: 100%; height: 34px; line-height: 34px; float: left; cursor: pointer;}
.news_list .select_new .value label{ font-size: 14px; color: #333; padding-left:10px; width: 105px; text-align: center; display: block; float: left;}
.news_list .select_new .value em{ width: 9px; height: 5px; background-position: -427px -26px; float: right; margin:15px 10px 0 0; }
.news_list .select_new ul{ width: 100%; height: auto; margin-top:34px; background: #fff; display: none;}
.news_list .select_new ul li{ width: 100%; text-align: center; height: 34px; line-height: 34px; cursor: pointer; color: #666; font-size: 14px;}
.news_list .select_new ul li a{ width: 100%; height: 100%; display: block;  }
.news_list .select_new ul li a:hover{ color: #dd4f50; background: #f8f8f8;}
.news_list .project_type { left: 290px;}
.news_list .city { left: 434px;}
.news_list .select_hover{ border: 1px #e3e3e3 solid;}



.bottom_icon{width: 70px; height: 18px; margin-left: 576px;}
.bottom_icon label{ width: 19px; height: 18px; float: left; display: block; margin-right: 16px;}
.bottom_icon label.icon_gongan{ background-position:-791px -9px; }
.bottom_icon label.icon_falv{ background-position:-825px -9px; }
.bottom_icon label a{ width: 100%; height: 100%; display: block; cursor: pointer;}

/*bottom yuyue*/

#fot_sarea select{ 
    border: 1px #e3e3e3 solid;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    width: 100%;
}
#fot_style {
	font-size: 14px;
	color: #757575;
	text-align: center;
	padding-top: 5px;
}
#fot_style select{width: 32px;}
#fot_distpicker select{
	border: none;
	border-left: 1px #e3e3e3 solid;
	overflow: hidden;
	height: 50px;
	float: left;
	line-height: 50px;
	padding: 0 10px;
}
#province2{width:40%}
#city2{width:28%}
#town2{width:28%}
.form_bottom_wrap { position: fixed; background:#1c1c1c; height: 90px; top:0; left:0; display:block; _position:absolute; display: none; z-index: 1000; padding-bottom:10px; }
.form_bottom { height: 50px; padding-top: 20px; }
.form_bottom .box{ width: 140px; overflow: hidden; height: 50px; float: left; position: relative;background: #fff}
.form_bottom .box .select_l,.form_bottom .box #User_Shen2,.form_bottom .box #User_City2{ width: 154px; height: 50px; outline: none; font-size: 14px; color: #666; line-height: 30px; padding: 14px 10px;}
.form_bottom .box .select_l option,.form_bottom .box #User_Shen2 option,.form_bottom .box #User_City2 option{ line-height: 20px;}
.form_bottom .box .input_txt {height: 16px; width: 108px; line-height: 16px; padding: 16px 10px 16px; border: 1px #e3e3e3 solid; border-right:0; font-size: 14px; outline: none; }
.form_bottom .box .default_value{ position: absolute; font-size: 14px; left: 11px; top: 18px;}
.form_bottom .btn_submit{  border: 0; background: #dd4f50; width: 220px; height: 50px; float: left; font-size: 18px; color: #fff; outline: none; cursor: pointer; font-family: '微软雅黑';}
.form_bottom .box .msg{ width:150px; height: 30px; padding: 0 10px; position: absolute; text-align: left; top:-44px; left: 0; z-index: 100; margin: 0; border: 1px #faafaf solid; background: #ffeded; display: none;}
.form_bottom .tel .msg { width: 180px;}
.form_bottom .box .msg p{ height: 25px; font-size: 12px; line-height: 30px; color: #666; }
.form_bottom .box .msg em.error{width: 15px; height: 15px; display: block; float: left; margin:8px 10px 0 0; background-position:-449px -36px;}
.form_bottom .box .msg em.arrow{ width: 11px; height: 6px; display: block; margin:5px 0 0 2px; background-position: -476px -27px; }
.form_bottom .box .unit{ width: auto; height: auto; display: block; position: absolute; top:10px; right:10px; font-size: 14px;}
.form_bottom .ie7{ background: #fff; }
.form_bottom .ie7 input{ margin-top: -1px; line-height: 50px; }
.form_bottom .ie7 .select_l,.form_bottom .ie7  #User_Shen2 ,.form_bottom .ie7 #User_City2{ margin-top: 16px; height: 30px; line-height: 30px; border: 0;}
/*存在手机号时手机号节点不显示，调整样式*/

.form_bottom_mobile .box .select_l,.form_bottom_mobile .box ,.form_bottom_mobile .box .input_txt,.form_bottom_mobile .box #User_Shen2,.form_bottom_mobile .box #User_City2{width: 184px;}

/*弹窗*/
.popupMask{ width: 100%; height:100%; background: #000; opacity: 0.5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5; opacity: 0.5; position: fixed; top:0; left: 0; z-index: 11; display: none;}
.popupContent{ width: 890px; height: 520px; position: fixed; top:0; left: 0; z-index: 12; display: none;}
.popupContent .arrow{ width: 30px; height: 48px; margin-top: 236px; cursor: pointer;}
.popupContent .prev{ float: left; margin-right: 40px; background-position: -599px -1px;}
.popupContent .prev:hover{background-position: -553px 0;}
.popupContent .prev_unclick{ background-position: -498px -1px;}
.popupContent .next{ float: right; background-position: -655px -1px;}
.popupContent .next:hover{background-position:-701px 0;}
.popupContent .next_unclick{ background-position: -746px -8px; }
.popupContent .img_list{ width: 750px; height: 100%; overflow: hidden; float: left; background: #ffffff; position: relative;}
.popupContent .img_list ul{ width: 1000%; position: absolute;}
.popupContent .img_list ul li{ width: 750px; height: auto; float: left;}
.popupContent .img_list ul li .title{ font-size: 24px; color: #333; width: 100%; text-align: center; margin-top: 40px;}
.popupContent .img_list ul li .msg { font-size: 14px; color: #666; width: 100%; text-align: center; margin-top: 10px;}
.popupContent img{ width: 600px; height:auto; margin: 0 auto; margin-top: 40px;}
.popupContent .img_list .btn_close { width: 80px; height: 80px; position: absolute;top:-1px; right: 0; background-position: -760px -179px; cursor: pointer;}
.popupContent .img_list .btn_close:hover{background-position: -668px -177px;}
#User_Town,#User_Town2{display: none;}


iframe { display: none;}

.our_promise p{float:left;width: 256px;line-height: 18px;color:#999; font-size:12px;}


/*foot add*/
/*底部*/
.foot{ width: 100%; height: 220px; background:url(wallpaperft.jpg) no-repeat; border-bottom:#111 1px double}
.foot .sub_foot{ width: 1100px; margin: 0 auto; text-align:left;}
.foot .foot_top{ overflow: hidden;width: 1100px;}
.foot .foot_top ul{ float: left; height: 60px; line-height: 60px; overflow: hidden; padding-top:5px}
.foot .foot_top ul li{ font-size: 14px; width: 80px; float: left; color:#666666; padding-right:40px;}
.foot .foot_top ul li a{ color: #666666;}
.foot .foot_top ul li a:hover{ color: #fff;}
.foot .foot_top .foot_logo{ float: right; padding-top: 0px;}

.foot .foot_bottom{ overflow: hidden; height:220px; margin-top:0px;}
.foot .foot_bottom .foot_contact{ float: left; width: 570px; font-size: 12px; color: #666666; padding-top: 0px; line-height: 21px;}
.foot .foot_bottom .foot_contact span{ display: block; margin-bottom: 10px;}
.foot .foot_bottom .foot_contact .addr{ display: inline-block; width: 200px; margin-right: 10px; margin-right: 10px;}
.foot .foot_bottom .foot_contact .phone{ width: 260px; display: inline-block;}

.foot .foot_bottom .foot_share{ float: right; margin-top: 20px;}
.foot .foot_bottom .foot_share a{ display: block; float: left; width: 38px; height: 38px; background: url(foot_share.png) no-repeat; margin-left: 15px;}
.foot .foot_bottom .foot_share .weixin{ background-position: left top;}
.foot .foot_bottom .foot_share .weixin:hover{ background-position: left bottom;}
.foot .foot_bottom .foot_share .xinlang{ background-position: -50px top;}
.foot .foot_bottom .foot_share .xinlang:hover{ background-position: -50px bottom;}
.foot .foot_bottom .foot_share .weibo{ background-position: -102px top;}
.foot .foot_bottom .foot_share .weibo:hover{ background-position: -102px bottom;}

.copyright{ width: 100%; height: 40px;color: #a3a3a3; background:#333333; font-size: 14px; margin-top:0px;}
.copyright .sub_copy{ width: 1100px; margin: 0 auto; line-height: 40px;}
.copyright a{ color: #a3a3a3;}
.copyright a:hover{ color: #fff;}
.copyright .map{ float: left;}
.copyright span{ float: left; margin-left: 0px;}
.copyright .design{ float: right;}


/*code geenline*/
.clearfix{clear: both;zoom: 1;}
.code{
    position: relative;
	float: right;
    width: 115px;
    height: 160px;
	z-index:1;
	top:-45px;
    margin: 0px 0px 0 245px;
    background: url(bg-app-code.png) right 0 no-repeat;
}
.code li{
    display: inline-block;
    width: 115px;
    margin: 0 8px;
}
.code span{
    display: block;
    margin-top: 5px;
    text-align: center;
    font-size: 13px;
    color: #4F4F4F;
} 
.code img{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 96px;
    height: 96px;
}
.code i{
    position: absolute;
    z-index: 1;
    left: 4px;
    top: 12px;
    width: 109px;
    height: 9px;
    background: url(greenline.png) center 0 no-repeat;
    animation:scanmove 2.5s ease-in-out infinite;
}
/*greenline*/
@keyframes scanmove{
    0%{
        transform:translate(0,0px);
    }
    50%{
        transform:translate(0,84px);
    }
    100%{
        transform:translate(0,0px);
    }
}