@charset "utf-8";

#Contant_01, #Contant_02, #Contant_03, #Contant_04, #Contant_05, #Contant_06, #Contant_07{
width:100%; margin:auto; padding:29px 0;}
#Contant_02, #Contant_03, #Contant_04, #Contant_05{
 background:#f1f2f6;}

.box_01,.box_02,.box_03,.box_04,.box_05,.box_06,.box_07,.box_08,.box_09,.box_10,.box_11,.box_12,.box_13{width:1000px; margin:auto; overflow:hidden;}

.header_warp{ width:100%; height:80px; background:#fff; border-bottom:1px solid #2a263d;}
.header_fix{ width:100%; height:50px; background:#fff; position:fixed; top:0px; left:0px; z-index:999999;border-bottom:3px solid #2a263d;}
#gray_bg{background:#f1f2f6;}

h2{
	padding:20px 0;
	font-size:36px;
	font-weight:normal;
	color:#000;
	text-align:center;
}


h2 span{
	font-size:22px;
	font-weight:normal;
}


h3{
	padding:20px 0 10px 0;
	font-size:30px;
	font-weight:bold;
	color:#000;
}

h3 span{
	padding:20px 0;
	font-size:18px;
	font-weight:normal;
}

h4{
    font-size: 18px;
    line-height: 36px;
    font-weight: normal;
}

h4 span{
    font-weight: bold;
}


p{
	font-size:16px;
	color:#333;
	line-height:36px;
}

p a{
	font-weight:bold;
	color:#d80000;
}

.white{
    color: #fff;
}

#warpper{
	width:100%;
}

#Contant_01{
    background: #4385f5
}

#Contant_02{
    background: #359cd6
}

#Contant_09{
    background: #fff;
}

.vi_wrapper {
    color: #fff;
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    text-align: center;
    position: relative
}
.vi_wrapper .s4_num {
    background: url("http://s2.51offer.com/school/diy/images/2014-11-26/s4_num.png") no-repeat
}
.vi_wrapper .vi_tab {
    width: 1000px;
    height: 560px;
    position: relative
}
.vi_wrapper .vi_tab .vi_tTitle {
    font-size: 15px;
    z-index: 3
}
.vi_wrapper .vi_tab .vi_tTitle i {
    display: inline-block;
    width: 24px;
    height: 22px;
    background: url("http://s2.51offer.com/school/diy/images/2014-11-26/s4_num.png") no-repeat
}
.vi_wrapper .vi_tab .vi_tTitle div {
    height: 150px;
    line-height: 150px;
    width: 250px;
    text-align: left;
    position: absolute;
    cursor: pointer
}
.vi_wrapper .vi_tab .vi_tTitle div:hover, #vi #section4 .vi_wrapper .vi_tab .vi_tTitle div.s4_checked {
    color: #ffec19
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t1 {
    left: 705px;
    top: 0
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t1 i {
    background-position: 0 2px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t1.s4_checked i, #vi #section4 .vi_wrapper .vi_tab .vi_tTitle .s4_t1:hover i {
    background-position: -42px 2px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t2 {
    line-height: 96px;
    left: 780px;
    top: 178px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t2 i {
    background-position: 0 -28px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t2.s4_checked i, #vi #section4 .vi_wrapper .vi_tab .vi_tTitle .s4_t2:hover i {
    background-position: -40px -28px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t3 {
    left: 773px;
    top: 306px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t3 i {
    background-position: 0 -58px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t3.s4_checked i, #vi #section4 .vi_wrapper .vi_tab .vi_tTitle .s4_t3:hover i {
    background-position: -39px -58px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t4 {
    line-height: 25px;
    left: 100px;
    top: 365px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t4 i {
    background-position: 0 -88px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t4.s4_checked i, #vi #section4 .vi_wrapper .vi_tab .vi_tTitle .s4_t4:hover i {
    background-position: -40px -88px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t5 {
    text-align: right;
    left: -50px;
    top: 150px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t5 i {
    background-position: 0 -118px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t5.s4_checked i, #vi #section4 .vi_wrapper .vi_tab .vi_tTitle .s4_t5:hover i {
    background-position: -38px -118px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t6 {
    text-align: right;
    left: 20px;
    top: 0
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t6 i {
    background-position: 0 -148px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t6.s4_checked i, #vi #section4 .vi_wrapper .vi_tab .vi_tTitle .s4_t6:hover i {
    background-position: -40px -148px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t7 {
    text-align: right;
    left: 15px;
    top: 18px
}
.vi_wrapper .vi_tab .vi_tTitle .s4_t7 i {
    background-position: 0 -178px
}
vi_wrapper .vi_tab .vi_tTitle .s4_t7.s4_checked i, #vi #section4 .vi_wrapper .vi_tab .vi_tTitle .s4_t7:hover i {
    background-position: -39px -178px
}
.vi_wrapper .vi_tab .vi_tContent {
    width: 400px;
    height: 340px;
    position: absolute;
    left: 300px;
    top: 110px;
    display: table;
    z-index: 2
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC {
    display: none;
    vertical-align: middle;
    height: 100%
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC.s4_show {
    display: table-cell;
    *display: block
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC.s4_hide {
    display: none
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC .vi_Ctitle {
    font-size: 30px;
    text-align: center
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC .vi_Ccontent {
    font-size: 12px;
    text-align: left
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC .vi_Ccontent span {
    color: #ffec19
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC i {
    display: inline-block;
    width: 38px;
    height: 40px;
    position: relative;
    top: 7px;
    background: url("http://s2.51offer.com/school/diy/images/2014-11-26/s4_num.png") no-repeat
}

.vi_wrapper .vi_tab .vi_tContent .s4_tC.s4_c1 i {
    background-position: -80px 0
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC.s4_c2 i {
    background-position: -120px 0
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC.s4_c3 i {
    background-position: -160px 0
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC.s4_c4 i {
    background-position: -80px -60px
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC.s4_c5 i {
    background-position: -120px -60px
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC.s4_c6 i {
    background-position: -160px -60px
}
.vi_wrapper .vi_tab .vi_tContent .s4_tC.s4_c7 i {
    background-position: -80px -120px
}
.vi_wrapper .vi_tab .vi_tCircule {
    position: absolute;
    top: 8px;
    left: 225px;
    width: 546px;
    height: 544px;
    z-index: 0
}
.vi_wrapper .vi_tab .vi_tCircule div {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    *top: 0;
    *left: 0
}
.vi_wrapper .vi_tab .vi_tCircule div.s4_cir1 {
    background: url("../images/s4_1.png") no-repeat
}
.vi_wrapper .vi_tab .vi_tCircule div.s4_cir2 {
    background: url("../images/s4_2.png") no-repeat
}
.vi_wrapper .vi_tab .vi_tCircule div.s4_cir3 {
    background: url("../images/s4_3.png") no-repeat
}
.vi_wrapper .vi_tab .vi_tCircule div.s4_cir4 {
    background: url("../images/s4_4.png") no-repeat
}
.vi_wrapper .vi_tab .vi_tCircule div.s4_cir5 {
    background: url("../images/s4_5.png") no-repeat
}
.vi_wrapper .vi_tab .vi_tCircule div.s4_cir6 {
    background: url("../images/s4_6.png") no-repeat
}


.vi_Ccontent a{
    font-size: 16px;
    color: #ffec19;
    text-decoration: underline;
}

#banner{
	height:600px;
	background:url(../images/banner.jpg) no-repeat center;
}



.tb01{
	width:996px;
	height:362px;
	font-size:16px;
	text-align:center;
	background:#B5D3D5;
    border: 2px solid #fff;	
    overflow: hidden;
}

.top_bar{
    float: right;
    height: 72px;
    line-height: 70px;
    text-align: center;
    color: #fff;

}

.top_bar li{
    float: left;
    width: 164px;
    height: 70px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    background: #ccc; 
}

.top_bar li.mg{
    width: 166px;
    border-right: none;
}

.top_bar li.up{
    background: #009cf6;
}

/*.top_bar li:last-child
{ 
    width: 166px;
    border-right: none;
}
*/

.top_bar, .side_bar{
    height: 72px;
    line-height: 70px;
    text-align: center;
    color: #fff;
}

.side_bar{
    width: 166px;
    height: inherit;
    float: left;
}

.side_bar li{
    width: 164px;
    height: 70px;
    background: #07a994;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff; 
}

.side_bar li.mg{
    height: 74px;
    border-bottom: none;
}


.tb_content{
    float: left;
    width: 830px;
    height: 290px;
}

.tb_content .side_bar li{
    background: none;
    color: #000;
}

.tb_leyu{
    float: right;
    width: 664px;
    height: inherit;
    color: #000;
}

.tb_leyu li{
    padding: 5px 20px;
    text-align: left;
    line-height: 30px;
    height: 60px;
    border-bottom: 2px solid #fff;
}

.tb_leyu li a{
    color: #e30020;
    text-decoration: underline;
}

.tb_leyu li.mg{
    padding:36px 20px;
    height: 76px;
    border-bottom: none;
}


.tb01 td{
	border:2px solid #fff;
}

.tb01 .fzw{
	color:#fff;
	font-weight:bold;
}

.tb01 .text-aera{
    text-align: left;
    padding: 0 20px;
}

.tb02{
	width:824px;
	font-size:16px;
	text-align:center;
	color:#333;
}
	
.tb02 td{
	height:39px;
	line-height:39px;
	border:1px solid #43a2e5;
}

.tb03{
	width:1000px;
	font-family:simsun;
	font-size:12px;
	text-align:center;
	color:#333;
}

.tb03 td{
	height:39px;
	line-height:39px;
	border:1px solid #43a2e5;
}

.tb03 a{
	font-weight:bold;
	color:#1681c5;
	text-decoration:underline;
}

.help{

}

.help li{
    float: left;
    width: 500px;
    height: 63px;
    padding-bottom: 18px;
    background:#fff url(../images/help_bg.png) no-repeat left top; 
}

.help li a{
    display: inline-block;
    float: left;
    height: 63px;
    font-size: 18px;
    color: #747474;
    line-height: 55px;
    padding: 0 20px; 
}

.help li a:hover{
    color: #2856a6;
}

.help li span{
    display: inline-block;
    float: left;
    width: 63px;
    height: 63px;
    margin-right: 5px;
    line-height: 63px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-weight: lighter;
}

.box_04{
    height: 1000px;
}

.road{
    position: relative;
    height: 920px;
    background: url(../images/road.png) no-repeat center;
}

#suggestion div{
    display: none;
}

#suggestion .block{
    display: block;
}

.road .up{
    background: url(../images/step.png);
}

#step1{
    position: absolute;
    width: 31px;
    height: 31px;
    left: 506px;
    top: 95px;
}


#step2{
    position: absolute;
    width: 31px;
    height: 31px;
    left: 459px;
    top: 185px;
}

#step3{
    position: absolute;
    width: 31px;
    height: 31px;
    left: 442px;
    top: 304px;
}

#step4{
    position: absolute;
    width: 31px;
    height: 31px;
    left: 466px;
    top: 398px;
}

#step5{
    position: absolute;
    width: 31px;
    height: 31px;
    left: 493px;
    top: 494px;
}

#step6{
    position: absolute;
    width: 31px;
    height: 31px;
    left: 517px;
    top: 595px;
}

#step7{
    position: absolute;
    width: 31px;
    height: 31px;
    left: 522px;
    top: 696px;
}

#step8{
    position: absolute;
    width: 31px;
    height: 31px;
    left: 489px;
    top: 789px;
}

.step_conversation_01{
    position: absolute;
    top: 50px;
    left: 0;
    padding: 10px;
    width:356px;
    background: #fff;
    border: 3px dotted #8fbed9;
}

.step_conversation_02{
    position: absolute;
    top: 120px;
    left: 0;
    padding: 10px;
    width:356px;
    background: #fff;
    border: 3px dotted #8fbed9;
}

.step_conversation_03{
    position: absolute;
    top: 200px;
    left: 0;
    padding: 10px;
    width:356px;
    background: #fff;
    border: 3px dotted #8fbed9;
}

.step_conversation_04{
    position: absolute;
    top: 300px;
    left: 0;
    padding: 10px;
    width:356px;
    background: #fff;
    border: 3px dotted #8fbed9;
}

.step_conversation_05{
    position: absolute;
    top: 380px;
    left: 0;
    padding: 10px;
    width:356px;
    background: #fff;
    border: 3px dotted #8fbed9;
}

.step_conversation_06{
    position: absolute;
    top: 480px;
    left: 0;
    padding: 10px;
    width:356px;
    background: #fff;
    border: 3px dotted #8fbed9;
}

.step_conversation_07{
    position: absolute;
    top: 550px;
    left: 0;
    padding: 10px;
    width:356px;
    background: #fff;
    border: 3px dotted #8fbed9;
}

.step_conversation_08{
    position: absolute;
    top: 750px;
    left: 0;
    padding: 10px;
    width:356px;
    background: #fff;
    border: 3px dotted #8fbed9;
}

#suggestion a{
    font-size: 16px; 
    color: #e30020;
    text-decoration: underline; 
}

.box_05_cost{
    float: left;
	width: 500px;
}


.box6_wz{
	width:360px;
	height:236px;
	padding:60px 600px 20px 0;
	background:url(../images/box6_01.jpg) no-repeat right 30px;
}

.box_06 ul{
	width:958px;
	height:482px;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	overflow:hidden;
	zoom:1;
}

.box_06 ul li{
	overflow:hidden;
	position:relative;
	float:left;
	width:238px;
	height:240px;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	background:#f1f1f1;
}

.box_06 ul li img{
	padding:39px 0 0 67px;
	width:104px;
	height:104px;
}

.box_06 ul li .zhuanye{
	padding:20px 0;
	width:238px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#747474;
}

.box_06 ul li .text{background:#2a9ae3;position:absolute;width:238px;height:240px;top:240px;left:0;}
.box_06 ul li .text b{background:#62b1e4;padding:5px 15px;color:#fff;font-size:14px;display:inline-block;*display:inline;zoom:1;font-weight:100;}
.box_06 ul li .text p{font-size:14px;line-height:24px; }
.box_06 ul li .text a{color: #fff;display: block;height: 80px;padding: 20px; font-weight:normal;}

.box_07{
	width:826px;
}

.box_07_button{
	width:202px;
	height:38px;
	line-height:38px;
	text-align:center;
	background:#00b7b9;
	margin-bottom:40px;
}

.box_07_button a{
	font-size:16px;
	color:#fff;
}

.moreschool{
	line-height:60px;
	font-size:16px;
}

.moreschool a{
	color:#333;
}


.box_08 ul li{
	position:relative;
	padding:17px 8px;
	width:484px;
	height:139px;
	font-family:simsun;
	font-size:12px;
	color:#fff;
	line-height:24px;
	background:#1781c6;
	border-bottom:1px dashed #fff;
}

.box_08 ul li.br{
	border:none;
}

.box_08 ul li b{
	font-size:14px;
}

.box_08 ul li img{
	float:left;
	width:125px;
	height:139px;
	margin-right:20px;
}

.box_08 ul li a{
	position:absolute;
	top:126px;
	left:155px;
	display:block;
	width:90px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#1781c6;
	background:#fff;
}

.box_11{
	width:906px;
}

.box_11 ul li{
	float:left;
	width:292px;
	height:190px;
	margin-right:15px;
	margin-bottom:15px;
	border-radius:4px;
	background:#fff;
}

.box_11 ul li.mr{
	margin-right:0;
}

.box_11 ul li img{
	height:46px;
}

.box_11 ul li .txt11{
	padding:20px 10px;
	font-family:simsun;
	font-size:12px;
	color:#000;
	line-height:24px;
}

.rz{
	padding:30px 0 30px 400px;
	width:600px;
	height:460px;
	background:url(../images/rz.png) no-repeat 50px 100px;
}

.rz b{
	font-size:24px;
	color:#da0000;
}

.box_13 ul{
	width:930px;
	height:704px;
	padding:0 31px 0 49px;
	background:url(../images/lxgh.png) no-repeat;
}

.box_13 ul li{
	float:left;
	padding-top:132px;
	width:180px;
	height:85px;
	margin-right:67px;
	font-family:simsun;
	font-size:14px;
	line-height:25px;
}

.box_13 ul li.mr{
	margin:0;
}

.box_13 a{
	padding:20px 0;
	display:block;
	text-align:center;
}

/*色块*/
.color-block{
}

.color-block li{
    float: left;
    width: 250px;
    height: 250px;
    line-height: 250px;
    text-align: center;
    background:#b8e3ff;
}

.color-block li a{
    font-family: simsun;
    font-size: 14px;
    color: #000;
}

.color-block li.single{
    background:#439cd6;
}


/*色块*/

/*浮动导航*/

.main{ width:100%; height:auto;}
.main div{ width:100%;}

div.floatCtro{ width:150px; position: fixed; right:25px; top:30%; z-index:100}
div.floatCtro ul li{width:150px; text-align:left; height:40px; line-height:40px; font-family:'微软雅黑'; font-size:14px; color:#000; margin:0; padding:0; cursor:pointer;}
div.floatCtro a{ display:inline-block; width:60px; height:60px; margin:10px 0 0 0; background:#fff; color:#000;  vertical-align:middle; cursor:pointer;}
div.floatCtro a span{ display:block; width:28px; height:44px; line-height:22px;  font-family:'微软雅黑'; font-size:14px; line-height:22px; text-align:center; margin:8px 16px; _margin:-10px 0 0 16px;}
div.floatCtro a:hover{ background:#000; color:#fff; zoom:1;}
div.floatCtro li span{float:left; margin-top: 16px; margin-right: 8px;  width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); border-radius: 50%;}
div.floatCtro li:hover{color:#c40000;}
div.floatCtro li span.cur{ background:#c40000; color:#fff;}

#Contant_01{
    height: 720px;
}

#Contant_02{
    height: 500px;
}

#Contant_03{
    height: 1000px;
}

#Contant_04{
    height: 1338x;
}

#Contant_05{
    height: 710px;
}

#Contant_06{
    height: 558px;
}

#Contant_07{
    
}

/*浮动导航*/


/*底部*/

#footerbg{
    background:#f0f0f0;
}

.footer{
    overflow:hidden;
    padding:54px 0;
    width:1000px;
    margin:auto;    
}

.footer-main{
    overflow:hidden;
    margin-bottom:20px;
}

.ft_service{
    float:left;
    width:450px;
    background:url(../images/footerbg.jpg) no-repeat right top;
}

.ft_service ul li{
    float:left;
    font-family:simsun;
    font-size:14px;
    line-height:24px;
    margin-right:60px;
}

.ft_service ul li.mg{
    margin:0;
}

.ft_service ul li h2{
    font-family:'微软雅黑';
    font-weight: bold;
    font-size:18px;
    margin-bottom:10px;
    padding: 0;
    text-align: left;
}

.ft_service ul li a{
    color:#363636;
}

.ft_contact{
    float:left;
    width:202px;
    padding:0 20px;
    height:166px;
    font-size:24px;
    line-height:60px;
    text-align: center;
    border-left:1px solid #ccc;    
    border-right:1px solid #ccc;
}

.ft_contact span{
    font-size:14px;
}

.ft_2code{
    float:left;
    padding:0 30px;
    width:240px;
    height:166px;
}

.ft_2code h2{
    font-size:14px;
    margin-bottom:20px;
}

.ft_2code dl{
    overflow:hidden;
}

.ft_2code dl dt{
    width:88px;
    height:88px;
}

.ft_2code dl dd{
    width:88px;
    height:48px;
    line-height:48px;
    text-align:center;
    font-size:16px;
    color:#555;
}

.ft_link{
    padding:10px 0;
    width:1200px;
    
}

.ft_link a{
    font-family:simsun;
    margin-right:14px;
    font-size:14px;
    line-height:30px;
    color:#666;
}

.ft_link h2{
    padding-bottom:10px;
    font-size:18px;
    color:#555;
}