/* 解决背景图片闪动和重复加载的 IE6 BUG */
*html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true);}(this))}
/* -------------- html5 -------------- */
article,aside,footer,header,nav,section,figure{display:block}
/* ============================================================ web general library  ============================================================ */
/* _________________________ float _________________________ */
.left,.fl_all *,.fl_li li{float:left;*display:inline}
.fright,.right,.fr,.flr_dl dd{float:right;*display:inline}
.inline,.inline_li li{display:table-cell;*display:inline;*zoom:1}
/* _________________________ clear _________________________ */
.clearfix:after,.fl_all:after,.fl_li:after,.flr_dl:after,.fl_dt:after,.fl_dd:after,.fl_a:after,.fl_span:after,.clearfix_li li:after,.clearfix_dt dt:after,.clearfix_dd dd:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.fl_all,.fl_li,.flr_dl,.fl_dt,.fl_dd,.fl_a,.fl_span,.clearfix_li li,.clearfix_dt dt,.clearfix_dd dd{min-height:1px;_height:1px;zoom:1} /* zoom:1 清除浮动，解决margin重叠问题 仅支持 ie6、ie7、ie8*/
.clear{height:0;overflow:hidden;display:block;clear:both}

.dn{display:none}


/* _________________________ position _________________________ */
.rel{position:relative;z-index:0}
.abs,.abs_lt,.abs_lb,.abs_rt,.abs_rb{position:absolute;z-index:0}
.abs_lt,.abs_lb{left:0}
.abs_rt,.abs_rb{right:0}
.abs_lt,.abs_rt{top:0}
.abs_lb,.abs_rb{bottom:0}
.index_1{z-index:1}.index_2{z-index:2}
/* ============================================================ web default style ============================================================ */
body{font:12px/18px Microsoft YaHei,SimSun;word-wrap:break-word;text-align:center \9}
body,a{color:#343434}
/* _________________________ web width _________________________ */
.wraper,.mauto,a img{margin:0 auto;}
.wraper{width:970px;text-align:left \9;position:relative;}
.w100,.wh100{width:100%}
.h100,.wh100{height:100%}
.w5k{width:5000px}

/* _________________________ overflow _________________________ */
.oh,.ohw,.wowt,.wowt_100,.wowt_100_p p{overflow:hidden}
.nowrap,.nowrap_a a{white-space:nowrap}
html,body,#header,#nav,#banner,#footer,.ohw,.wowt_100{width:100%}
/* ------------------- home banner ------------------- */
.map-mark{width:34px;height:57px;background:url(../../images/default/hosun/system_mark.png) no-repeat;cursor: pointer;}
.home-scroll .map-mark{opacity:0;filter:alpha(opacity=0)}
.solution-scroll .map_mark{display:none}



/* --------------------------------------------------------------------- solution page --------------------------------------------------------------------- */
/* solution title */
#solution-title{width:100%;}
#solution-title h2{height:68px;line-height:68px;font-size:30px;color:#000;}
#solution-title h2 span{color:#cf261f}
#solution-title .left span,#solution-title select{vertical-align:middle;_float:left}
#solution-title .left span{margin-right:15px;}
#solution-title aside{height:36px;line-height:36px}
#solution-title select{width:110px;margin-right:10px;border:1px solid #bfbfbf;_margin-top:11px;}
#solution-title li a:hover span,#solution-title li .current span{border-bottom: 2px solid #009ae2;color: #009ae2;}
/*#solution-title li span{width:10px;height:44px;background:url(../../images/default/hosun/solution_system_line.png) no-repeat center}*/

/* solution map */
.solution-banner{height:848px}
.solution-scroll .vmiddle{height:795px}
.solution-scroll .wraper{width:840px}

.solution-scroll li{width:100%;height:100%;display:none;}
/* 户型图 */
.apartment1 .dinuan{background:url(../../images/default/hosun/hx/hux_1dn.png) no-repeat center}
.apartment1 .jingshui{background:url(../../images/default/hosun/hx/hux_1js.png) no-repeat center}
.apartment1 .xinfeng{background:url(../../images/default/hosun/hx/hux_1xf.png) no-repeat center}
.apartment1 .kongtiao{background:url(../../images/default/hosun/hx/hux_1kt.png) no-repeat center}

.apartment2 .dinuan{background:url(../../images/default/hosun/hx/hux_2dn.png) no-repeat center}
.apartment2 .jingshui{background:url(../../images/default/hosun/hx/hux_2js.png) no-repeat center}
.apartment2 .xinfeng{background:url(../../images/default/hosun/hx/hux_2xf.png) no-repeat center}
.apartment2 .kongtiao{background:url(../../images/default/hosun/hx/hux_2kt.png) no-repeat center}

.apartment3 .dinuan{background:url(../../images/default/hosun/hx/hux_3dn.png) no-repeat center}
.apartment3 .jingshui{background:url(../../images/default/hosun/hx/hux_3js.png) no-repeat center}
.apartment3 .xinfeng{background:url(../../images/default/hosun/hx/hux_3xf.png) no-repeat center}
.apartment3 .kongtiao{background:url(../../images/default/hosun/hx/hux_3kt.png) no-repeat center}

/* 地暖 mark */
.apartment1 .dinuan-mark-1{left:320px;top:515px}
.apartment1 .dinuan-mark-2{left:280px;top:435px}
.apartment1 .dinuan-mark-3{left:188px;top:327px}
.apartment1 .dinuan-mark-4{left:390px;top:205px}
/* 进水 mark */
.apartment1 .jingshui-mark-1{left: 252px;top: 460px;}
.apartment1 .jingshui-mark-2{left:220px;top:460px}
.apartment1 .jingshui-mark-3{left:190px;top:486px}
.apartment1 .jingshui-mark-5{left: 493px;top: 186px;}
/* 新风 mark */
.apartment1 .xinfeng-mark-1{left: 160px;top: 356px;}
.apartment1 .xinfeng-mark-2{left: 290px; top: 96px;}
.apartment1 .xinfeng-mark-3{left:362px;top:230px}
.apartment1 .xinfeng-mark-4{ left: 577px; top: 440px;}
.apartment1 .xinfeng-mark-5{left:480px;top:270px}
.apartment1 .xinfeng-mark-6{left:380px;top:196px}
/* 空调 mark */
.apartment1 .kongtiao-mark-1{left: 239px;top: 525px;}
.apartment1 .kongtiao-mark-2{left: 507px; top: 235px;}
.apartment1 .kongtiao-mark-3{left: 343px; top: 215px;}

/* 地暖 mark */
.apartment2 .dinuan-mark-1{left:669px;top:485px}
.apartment2 .dinuan-mark-2{left:550px;top:515px}
.apartment2 .dinuan-mark-3{left:490px;top:445px}
.apartment2 .dinuan-mark-4{left:188px;top:327px}
/* 进水 mark */
.apartment2 .jingshui-mark-1{left: 652px;top: 540px;}
.apartment2 .jingshui-mark-2{left:704px;top:530px}
.apartment2 .jingshui-mark-3{left:730px;top:546px}
.apartment2 .jingshui-mark-5{left:172px;top:498px}
.apartment2 .jingshui-mark-6{left: 409px;top: 555px;}
/* 新风 mark */
.apartment2 .xinfeng-mark-1{left:242px;top:274px}
.apartment2 .xinfeng-mark-2{left:280px;top:90px}
.apartment2 .xinfeng-mark-3{left:131px;top:230px}
.apartment2 .xinfeng-mark-4{left: 705px; top: 179px;}
.apartment2 .xinfeng-mark-5{left:470px;top:210px}
.apartment2 .xinfeng-mark-6{left:380px;top:196px}
.apartment2 .xinfeng-mark-7{left: 387px;top: 136px;}
.apartment2 .xinfeng-mark-8{left: 517px;top: 167px;}
.apartment2 .xinfeng-mark-9{left:607px;top:396px}

/* 空调 mark */
.apartment2 .kongtiao-mark-1{left:635px;top:590px}
.apartment2 .kongtiao-mark-2{left:325px;top:200px}
.apartment2 .kongtiao-mark-3{left: 479px; top:205px}
.apartment2 .kongtiao-mark-4{left: 408px;top:107px}
.apartment2 .kongtiao-mark-5{ left: 523px; top: 132px;} 

/* 地暖 mark */
.apartment3 .dinuan-mark-1{  left: 668px; top: 348px;}
.apartment3 .dinuan-mark-2{left:578px;top:313px}
.apartment3 .dinuan-mark-3{left:188px;top:327px}
.apartment3 .dinuan-mark-4{left:540px;top:275px}
/* 进水 mark */
.apartment3 .jingshui-mark-1 {left: 695px;top: 350px;}
.apartment3 .jingshui-mark-2 {left: 665px;top: 340px;}
.apartment3 .jingshui-mark-3 {left:655px;top: 389px;}
.apartment3 .jingshui-mark-5{left: 643px;top: 170px;}
.apartment3 .jingshui-mark-6{ left: 480px;  top: 538px;}
/* 新风 mark */
.apartment3 .xinfeng-mark-1 {left: 234px;top: 270px;}
.apartment3 .xinfeng-mark-2 {left: 260px;top: 152px;}
.apartment3 .xinfeng-mark-3 {left: 181px;top: 296px;}
.apartment3 .xinfeng-mark-4 {left: 676px;top: 483px;}
.apartment3 .xinfeng-mark-5 {left: 564px;top: 331px;}
.apartment3 .xinfeng-mark-6 {left: 573px;top: 245px;}
.apartment3 .xinfeng-mark-7 {left: 485px;top: 149px;}
.apartment3 .xinfeng-mark-8 {left: 668px;top: 265px;}
.apartment3 .xinfeng-mark-9 {left: 630px;top: 175px;}
.apartment3 .xinfeng-mark-10 {left: 570px;top: 480px;}
/* 空调 mark */
.apartment3 .kongtiao-mark-1 {left: 668px;top: 588px;}
.apartment3 .kongtiao-mark-2 {left: 563px;top: 245px;}
.apartment3 .kongtiao-mark-3 {left: 301px;top: 205px;}
.apartment3 .kongtiao-mark-4 {left: 273px;top: 260px;}
.apartment3 .kongtiao-mark-5 {left: 650px;top: 269px;}
.apartment3 .kongtiao-mark-6 {left: 574px;top: 339px;}

/* btn */
.solution-banner .wh100{height:848px}
/* family system */
.solution-banner aside{width:400px;background-color:#fff;left:30px;top:28px;padding-bottom:15px;text-align:left}
.solution-system{_height:1px;min-height:1px;padding:20px 15px 20px 118px;background:#fff url(../../images/default/hosun/solution_family.png) no-repeat 15px 20px;border-bottom:1px solid #D3D5D4}
.solution-system .triangle{_border-color:#313131;border-top-style:solid;border-top-color:#fff;border-width:10px 10px 0 10px;left:110px;bottom:-10px}
/* offer */
#solution-offer{width:371px;height:540px;border:1px solid #c1c3c2;margin:20px auto 0 auto}
#solution-offer-nav a{width:92px;height:28px;line-height:28px;border:1px solid #c1c3c2;border-top:none;border-right:none}
#solution-offer-nav .first{border-left:none}
#solution-offer-nav a:hover,#solution-offer-nav .current{color:#cf261f}
#solution-offer-nav .current{border-bottom:none}
.solution-offer-con{height:500px;overflow-y:scroll;padding:0 8px 0 18px;margin:5px 5px 0 0;background-color:#fff}
.solution-offer-con h6,.solution-offer-con h5{border-bottom:1px dotted #BBBDBC;}
.solution-offer-con h6{font-size:14px;line-height:30px}
.solution-offer-con ol{margin-top:5px}
.solution-offer-con ol li{width:98px;margin-right:6px;padding-bottom:5px;margin-bottom:0}
.solution-offer-con ol li *,#solution-end span{vertical-align:middle}
.solution-offer-con ol li input{margin-right:6px}
.solution-offer-con h5{height:34px;line-height:34px;padding-left:32px;font-size:18px;background:url(../../images/default/hosun/solution-apply.png) no-repeat 0 center}
.solution-offer-con .offer-pinfo{padding-left:0;border-bottom:none}
.solution-end{border:1px solid #c1c3c2;font-size:15px;font-weight:bold;padding:5px 8px;margin:10px 0 15px 0}
.solution-end p{height:38px;line-height:38px;}
.solution-end .bbor{border-bottom:1px solid #c1c1c1}
.solution-end .fr{height:26px;font-size:14px;line-height:26px;padding:0 10px;background-color:#cf261f;color:#fff;margin-top:6px}
.solution-end .c_cf261f{font-size:18px}
.s-close{width:15px;height:15px;background:url(../../images/default/hosun/s_close.png) no-repeat center;_overflow:hidden;top:5px;right:5px}
.solution-offer-btn{width:189px;height:36px;margin:15px 0 10px 15px;background:url(../../images/default/hosun/offer_big_btn.png) no-repeat}
.solution-offer-bottom{width:371px;margin:0 auto;font:bold 18px/30px Microsoft YaHei;color:#cf261f}
.solution-offer-bottom a{width:68px;height:30px;font-size:16px;color:#fff;background:#cf261f url(../../images/default/hosun/small_qq.png) no-repeat 6px center;padding-left:32px;border-radius:3px}
.solution-offer-bottom a:hover{color:#fff;background-color:red;text-decoration:none}
#offer-alpha{background-color:#000;opacity:0.7;filter:alpha(opacity=70);}
#offer-pop{width:684px;height:240px;top:50%;left:50%;margin-top:-90px;margin-left:-292px;background-color:#fff;padding:30px;font-size:14px}
#offer-pop section{width:356px}
#offer-pop h3{font-size:16px;color:#cf261f}
#offer-pop p{height:160px;margin-top:10px;padding:10px 0;border:1px solid #eee;border-left:none;border-right:none;line-height:22px}
#offer-pop .tr{height:34px;line-height:34px}
#offer-pop .tr a{color:#cf261f}
#offer-pop .abs_lt{width:106px;height:56px;background:url(../../images/default/hosun/offer_pop_bg.png) no-repeat}
#offer-pop-close{width:37px;height:38px;right:-25px;top:-26px;background:url(../../images/default/hosun/offer_close.png) no-repeat}

#indexBtn li{margin-right:29px;}
#indexBtn{margin-top: 20px;}
.selectHu{margin-top: 20px;margin-right: 20px;}
#indexBtn li .current span{display:inline;color:#009ae2;text-align: center;}

.sl_bg_banner{background: url(../../images/default/hosun/solution_banner.jpg) center center no-repeat;background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/default/hosun/solution_banner.jpg', sizingMethod='scale');}
.detail_product{display: none;}
#offer-replace img{width: 300px;height: 240px;}