@charset "utf-8";
@import "topic.css";

/* 3分钟读懂装修 CSS */
.box{padding:40px 0px; width:100%; font:14px/18px "Microsoft YaHei"; }
#footer{ margin-top:0px}
/*banner*/
.banner_bg{width:100%; height:490px; background:url(banner_bg.jpg) repeat-x}
.banner{margin:0 auto; width:885px;}
.banner img{  z-index:9;float:left}
.banner .share{ z-index:10; display:block; overflow:hidden;position:absolute; top:54px;  left:50%; margin-left:222px; width:265px; height:73px;background:url(share.png) no-repeat }

/*nav*/
.nav_bg{width:100%; height:109px; background:#f6f6f6}
p.nav{ margin:0 auto; width:1000px; height:109px; background:url(nav.png) no-repeat ; }
.nav_fixed{  z-index: 999; position: fixed;  top: 0;left: 0; width: 100%;    
	_position:absolute;	
	_top:expression(eval(document.documentElement.scrollTop));

}
*html{
background-image:url(about:blank);
background-attachment:fixed; 
}
.nav_bg a{ *float:left; display:inline-block;width:250px; height:109px; }
.nav_bg a:hover,.nav_bg .hover{background:url(nav.png) no-repeat}
.nav_bg #e1:hover, .nav_bg #e1.hover{ background-position:  0px -111px;}
.nav_bg #e2:hover, .nav_bg #e2.hover{  background-position: -250px -111px;}
.nav_bg #e3:hover, .nav_bg #e3.hover{ background-position: -500px -111px;}
.nav_bg #e4:hover, .nav_bg #e4.hover{  background-position: -750px -111px;}

/*mode_bg*/

.mode_bg{  background:url(mode_bg.jpg) repeat-x left top #dbe8ed}
.mode{ overflow:hidden; margin:0 auto; width:930px}
.mode_left{ float:left; width:298px; background:url(mode_left.jpg) no-repeat}
.mode_left h2{ height:95px}
.mode_left h3{ height:45px}
.mode_left p{  width:180px; font:14px/18px "Microsoft YaHei"; }
.mode_left .pk{ height:90px;}
.mode_right{ float:right; width:604px; height:575px;background:url(mode_right.png) no-repeat}
.mode_right p{ padding:40px 25px;  width:245px;color:#ffffff; }
.mode_right .right{ text-align:right}
.mode .mtop{ margin-top:240px;}
/*step*/
.step_bg,.period_bg{background:#cbdde4}
.step{ margin:0 auto; width:910px; height:562px;background:url(step.png) no-repeat center top;}
.step .step_left{ float:left; width:710px}
.step .step_left li{ position:relative; float:left; padding:0px 10px;width:160px; height:230px;}
.step p{ color:#ffffff}
.step h2{ height:65px;}
.step span{ position: absolute; left:23px; bottom:18px; width:150px; font:12px/12px "SimSun"}
.step .mleft66{ margin-left:66px;}
.step .step_left .step_center{ width:710px; height:106px;}
.step .step_left .lh20{ line-height:20px;}

.step .step_right{ position:relative; float:right; padding:0px 10px; margin-top:142px; width:160px; height:285px;}
.step .step_right span{  bottom:24px;}
/*money*/
.money_bg{background:#dbe8ed}
.money_bg .money{overflow:hidden;margin:0 auto; width:930px; height:755px}
.money li{ float:left}
.money .money_left{ padding:0px 15px; width:270px; background:url(money_01.jpg) no-repeat}
.money .money_center{ margin:0px 32px; width:265px}
.money .money_right{padding:0px 20px; width:261px; background:url(money_04.jpg) no-repeat}
.money h2{ height:95px;}
.money p{ margin-top:10px;color:#728c96}
.money .money_left .picture{ height:140px}
.money .money_right .picture{ height:186px}
.money h3{font:18px/18px "Microsoft YaHei"; color:#2b83a2}
.money .blue{ color:#2b83a2}
.money ol {margin:10px 0px 0px 20px;}
.money ol li{ float:none;  color:#728c96 }
/*period*/
.period_bg .period{overflow:hidden;margin:0 auto; width:896px; color:#728c96}
.period h2{ height:74px; background:url(period_01.png) no-repeat }
.period .summary{ width:886px; height:36px; background:url(period_01.png) no-repeat left -75px; line-height:36px; text-align:center}
.period .summary strong{ color:#67a7be}
.period .prophase{ margin-top:48px;height:400px; background:url(period_02.png) no-repeat}
.prophase li{ padding:0px 22px; width:216px;}
.prophase h3,.late_stage h3{ height:45px;}
.prophase p,.late_stage p{ margin-top:18px}
.period .late_stage{height:165px; background:url(period_03.png) no-repeat}
.late_stage li{padding:0px 22px; width:394px;}
/*service*/
.service_bg{  width:100%; height:290px; background:url(service_bg.png) repeat-x ;}
.service_bg .service{ overflow:hidden; margin: 0 auto; width:896px; height:290px; background:url(service.jpg) no-repeat right bottom }
.service h2{ margin:35px 0px 5px 0px; height:66px;background:url(doubt.png) no-repeat}
.service p{font:14px/30px "Microsoft YaHei"; font-weight:bold; color:#999999}
.service p span{ font-family:Verdana, Geneva, sans-serif; color:#333333}
.service .last_p a{ display:inline-block; margin-top:20px; width:250px; height:80px;background:url(doubt.png) no-repeat}
.service .last_p .apply_button{ background-position:left bottom;}
.service .last_p .xuexi{ margin-left:5px; background-position:right bottom;}
.service  .qq{ vertical-align:-3px}


/*---------- 在线客服(营销QQ)样式开始（分站两种样式） ----------*/
/*样式1*/
.ronsever1{ position:fixed; right:6px; top:200px; z-index:9999999998;}
.ronsever1 .ros_m .ros_top,.ronsever1 .ros_m .ros_bottom,.ronsever1 .ros_m .ros_main,.ronsever1 .ros_m .ros_close,.ronsever1 .ros_butt{ background-image:url(/style/ronsever_bg1.png); background-repeat:no-repeat;}

.ronsever1 .ros_m{}
.ronsever1 .ros_m p{ margin:0; padding:0;}
.ronsever1 .ros_m .ros_top{ width:116px; height:56px; display:block; overflow:hidden; background-position:0 0;}
.ronsever1 .ros_m .ros_bottom{ width:116px; height:17px; display:block; overflow:hidden; background-position:0 -56px;}
.ronsever1 .ros_m .ros_main{ width:100px; background-position:-116px 0; background-repeat:repeat-y; padding-right:11px; padding-left:5px; text-align:center;}
.ronsever1 .ros_m .ros_main .rosm_qq{ text-align:center;}
.ronsever1 .ros_m .ros_main .rosm_qq p{ font-size:13px; line-height:22px; word-wrap: break-word; padding-bottom:8px;}
.ronsever1 .ros_m .ros_main .rosm_tel{ text-align:center; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; margin:10px auto; padding:5px 0;}
.ronsever1 .ros_m .ros_main .rosm_tel p{ font-size:13px; line-height:22px; height:22px; overflow-y:hidden; word-wrap: break-word;}
.ronsever1 .ros_m .ros_main .rosm_tel p b{ color:#C30; font-size:14px; font-family:simsun;}
.ronsever1 .ros_m .ros_main .rosm_ewm{ cursor:pointer; text-align:center;}
.ronsever1 .ros_m .ros_main .rosm_ewm img{ width:90px;}
.ronsever1 .ros_m .ros_close{ position:absolute; z-index:99999999999; top:-8px; right:-2px; font-size:0; display:block; width:19px; height:19px; background-position:-232px 0; cursor:pointer;}
.ronsever1 .ros_m .ros_close:hover{ background-position:-232px -19px;}

.ronsever1 .ros_butt{ position:fixed; right:6px; top:265px; z-index:9999999999; background-position:-251px 0; font-size:0; width:31px; height:146px; display:block; cursor:pointer;}


/*样式2*/
.ronsever2{ position:fixed; right:6px; top:220px; z-index:9999999998;}
.ronsever2 .ros_m .ros_top,.ronsever2 .ros_m .ros_bottom,.ronsever2 .ros_m .ros_main,.ronsever2 .ros_m .ros_close,.ronsever2 .ros_butt,.ronsever2 .ros_m .ros_main .rosm_tel p em{ background-image:url(/style/ronsever_bg2.png); background-repeat:no-repeat;}

.ronsever2 .ros_m{ text-align:center;}
.ronsever2 .ros_m p{ margin:0; padding:0;}
.ronsever2 .ros_m .ros_top{ width:127px; height:75px; display:block; overflow:hidden; background-position:0 0;}
.ronsever2 .ros_m .ros_bottom{ width:127px; height:18px; display:block; overflow:hidden; background-position:0 -75px;}
.ronsever2 .ros_m .ros_main{ width:103px; background-position:-127px 0; background-repeat:repeat-y; padding:0 12px; text-align:center;}
.ronsever2 .ros_m .ros_main .rosm_tel{ text-align:center; padding:8px 0 5px; font-family:microsoft yahei;}
.ronsever2 .ros_m .ros_main .rosm_tel p{ line-height:22px; word-wrap:break-word; *zoom:1;}
.ronsever2 .ros_m .ros_main .rosm_tel p:after{ content:"\20"; display:block; height:0; clear:both;}
.ronsever2 .ros_m .ros_main .rosm_tel p b{ color:#E10; font-size:15px; letter-spacing:-0.5px; *letter-spacing:-1px; letter-spacing:-1px\9;}
.ronsever2 .ros_m .ros_main .rosm_tel p em{ width:32px; height:15px; float:left; background-position:0 -125px; margin:5px 2px auto 12px;}
.ronsever2 .ros_m .ros_main .rosm_tel p i{ font-size:15px; font-style:normal; float:left;}
.ronsever2 .ros_m .ros_main .rosm_qq{ border-top:1px solid #EEE; border-bottom:1px solid #EEE; text-align:center; padding-bottom:5px; margin-bottom:5px; padding-top:5px; margin-top:2px;}
.ronsever2 .ros_m .ros_main .rosm_qq p{ font-size:13px; line-height:22px; word-wrap: break-word; padding-bottom:8px;}
.ronsever2 .ros_m .ros_main .rosm_ewm{ cursor:pointer; text-align:center;}
.ronsever2 .ros_m .ros_main .rosm_ewm img{ width:80px;}
.ronsever2 .ros_m .ros_close{ position:absolute; z-index:99999999999; top:55px; right:-3px; font-size:0; display:block; width:21px; height:21px; background-position:0 -93px; cursor:pointer;}
.ronsever2 .ros_m .ros_close:hover{ background-position:-21px -93px;}

.ronsever2 .ros_butt{ position:fixed; right:0; top:285px; z-index:9999999999; background-position:-254px 0; font-size:0; text-indent:-10000000000px; width:31px; height:146px; overflow:hidden; display:block; cursor:pointer;}
/*---------- 在线客服(营销QQ)样式结束（分站两种样式） ----------*/