@charset "gb2312";
/* CSS Document 免费评估 制作日期：2011.05.16 */
/* *{margin:0;padding:0;}*/
h1,h2,h3,h4,h5,h6,li,ul,ol,dl,dd,form,p,em,strong{margin:0;padding:0;}
body{text-align:center;font-family: "宋体";line-height: 24px; font-size:12px; margin:0; padding:0; background: url(../images/style/body_bg.jpg) repeat-x;}
ul{ margin-left:10px;}
li{list-style-type: none; background:url(../images/style/li.jpg) no-repeat 5px center; padding-left:13px;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
#container{text-align:left;width:960px;margin:0 auto; height:auto!important;}
a{color: #444;text-decoration: none;}
a:link{color: #444;text-decoration: none;}
a:visited {color: #444;text-decoration: none;}
a:hover {text-decoration: underline;color: #ef5d00;}
a:active {color: #444;text-decoration: none;}

.clear01{ clear:both; height:0px; overflow:hidden; margin-top:0!important; line-height:0px; font-size:0;}
img{border:none;vertical-align: top; max-width:100%; height:auto; vertical-align: middle}
p.more{ float:right; display:inline; margin:-35px 15px 0 0; font-size:12px; padding:0; line-height:24px; text-indent:0;}

.left_1{ float:left; display:inline; width:215px; overflow:hidden;line-height:24px;}
.center_1{ float:left; display:inline; width:428px; overflow:hidden; line-height:24px;}
.right_1{ float:right; display:inline; width:730px;overflow:hidden; line-height:24px;}

.right_2{ float:right; display:inline; width:730px;overflow:hidden; line-height:24px;}

/* ++++ k_a +++++++++++++++ */
	.k_a img{border:1px solid #d2d2d2; padding:2px; background-color:#fff;}
	.k_a img.start{ width:17px; height:17px;border: none; padding:0; position:absolute;}
	.k_a ul{ float:left;}
	.k_a h3,.k_a h4,.k_a h5,.k_a h6,{ font-size:14px;}
	.k_a p{line-height:20px;}
/* +++++++++++++++++++ */

/* top
+++++++++++++++++++++++++++ */
#top{ margin-bottom:10px; height:84px;}
#top li{ list-style-type:none; background:none;}

/* banner
+++++++++++++++++++++ */
#banner{ margin-bottom:15px;}

/* left_1
++++++++++++++++++++ */
#l1_1{ background:url(../images/style/l1_1.jpg) no-repeat ;height:auto !important;height:200px;  min-height:200px;}
#l1_1 p{ line-height:35px; font-family:"黑体";}
p.p_1{ font-size:16px; color:#e61125; text-indent:10px; padding-top:10px;}
p.p_2{ font-size:16px; color:#097318; text-indent:30px;}
p.p_3{ font-size:22px; color:#950f84; text-indent:10px;}
p.p_3 strong{ font-size:28px;}
p.p_4{ font-size:14px; color:#0c61b0; text-indent:70px;}
p.p_5{ font-size:18px; color:#984801; text-indent:20px;}

/* 评估流程
+++++++++++++++++++++ */
#l1_2{ background:url(../images/style/l1_2.jpg) repeat-y;}
#l1_2 h2{ font-size:14px; height:55px; overflow:hidden; line-height:30px; position:relative; margin-bottom:8px;}
#l1_2 h2 span{ position:relative;top:0; left:0; height:100%; width:100%; background:url(../images/style/l1_2title.jpg) no-repeat;display:block;}
#l1_2 ol{ width:220px; margin:0; padding:0; margin-left:8px; padding-bottom:8px;}
#l1_2 ol li{ margin:0; padding:0px; min-height:30px; height:auto; font-size:14px; color:#4f6c87; font-weight:bold;}
.li_top{ background:url(../images/style/li_top.jpg) no-repeat; height:10px; overflow:hidden; margin:0; padding:0;}
.li_bottom{background:url(../images/style/li_bottom.jpg) no-repeat; height:7px; overflow:hidden;}
.li_c{background:url(../images/style/li_c.jpg) no-repeat; height:39px; overflow:hidden;}
.li_n{ height:auto; padding:0 0 6px 45px; line-height:26px;}
li#li_1 .li_n{background:url(../images/style/li_1.jpg) no-repeat left center;}
li#li_2 .li_n{background:url(../images/style/li_2.jpg) no-repeat left center;}
li#li_3 .li_n{background:url(../images/style/li_3.jpg) no-repeat left center;}
li#li_4 .li_n{background:url(../images/style/li_4.jpg) no-repeat left center;}
li#li_5 .li_n{background:url(../images/style/li_5.jpg) no-repeat left center;}
.l1_2bottom{ background:url(../images/style/l1_2bottom.jpg) no-repeat; height:5px; overflow:hidden;}

/* right_1
+++++++++++++++++++++++ */
.right_1{ border:1px solid #dfdfdf; background:url(../images/style/right_bg.jpg) repeat-x; height:auto;}
.right_1 h1{ height:77px; overflow:hidden; line-height:77px; text-align:center; font-size:20px; color:#00F; margin:0 22px; border-bottom:1px solid #dfdfdf;}
.right_1 h1 span{ background:url(../images/style/title_1.jpg) no-repeat center center; background-size: 100%; display:block;}
.right_1 h2{ text-indent:45px; font-size:18px; line-height:28px; color:#f00; font-weight:normal; margin-top:10px;}
.right_1 p{ padding-left:60px; font-size:14px; line-height:28px;}
.right_1 form{ margin:20px 0 0 40px; width:650px;}
.right_1 h3{ color:#404040; font-size:12px; font-weight:normal; border-bottom: 1px dashed #dfdfdf; line-height:30px; clear:both; margin-bottom:10px;}
.right_1 h3 strong{ font-size:14px;}
.right_1 h3 em{ font-style:normal; color:#f00;}
.right_1 label{ white-space:nowrap;float:left; display:inline;}
.right_1 dl{ clear:both;}
.ge_dl {line-height:38px; height:152px; margin-top:10px;}
.ge_dl dt{ float:left; display:inline; width:85px; text-align:right; height:38px;}
.ge_dl dt em{ margin-right:5px; color:#f00; font-style:normal;}
.ge_dl dd{ float:left; display:inline; width:560px; height:38px;}
.ge_dl input{ float:left; display:inline; margin:8px 0 0 5px;}
.input_1 ,.input_2,.input_3, .input_4{ background:#f7f7f7; border:1px solid #7f9db9;}
.input_1{ width:150px;}
.right_1 p.btn{ text-align: center;}
.ge_dl label {margin:0; padding:0; margin-right:15px;}
.ge_dl label input{margin-right:5px; height:20px; width:15px;}

.zy_dl { height:auto; margin-bottom:5px;}
.dl_t{ background-color:#f9fbfc;}
.zy_dl dt{ font-size:12px; font-weight:bold; padding-left:25px; line-height:28px; color:#404040;}
.zy_dl dd{ font-size:14px; line-height:30px; color:#696969; padding-left:50px;}
.zy_dl input{ float:left; display:inline;margin: 4px 0px 0 0; white-space:nowrap; padding: 0px;}
.zy_dl label{ margin-right:20px; height:30px; float:left; padding:0; display:inline; white-space:nowrap;}
.zy_dl em{ margin-right:5px; color:#f00; font-style:normal; font-weight:normal;}
.zy_dl label input{margin-right:5px;height:20px; }
.zy_dl .input_3, .zy_dl .input_4{ float:left; display:inline; margin-left:-15px; margin-right:-0px;}
.input_3{150px;}
.input_4{ width:65px;}

.qt_dl{ background-color:#f9fbfc; border:1px solid #efefef;}
.qt_dl dt{font-size:12px; font-weight:bold; padding-left:40px; line-height:28px; color:#404040;}
.qt_dl dd{ font-size:14px; line-height:30px; color:#696969; padding-left:50px;}
.qt_dl input{ float:left; display:inline;margin: 4px 0px 0 0; white-space:nowrap;}
.qt_dl label{ margin-right:20px; height:30px; float:left; display:inline; white-space:nowrap;}
.qt_dl label input{margin-right:5px;height:20px; width:20px;}

.button_1{ background:url(../images/style/button_1.jpg) no-repeat; width:250px; height:42px; border:none; margin:35px 0 45px 260px; cursor:pointer;}

/* 评估结果右侧  #assessment
+++++++++++++++++++++++++++ */
.right_2{border:1px solid #dfdfdf;background:url(../images/style/ass_rbg.jpg) no-repeat; position:relative;/**/}
.right_2 h1{ position:absolute;/**/ top:-5px; left:-5px; width:120px; height:120px; margin:0; padding:0; border:none; text-indent:-9999px;/**/ background:url(../images/style/assessment.jpg) no-repeat;/*z-index:10;*/}
.right_2 dl{ font-size:12px; line-height:26px; font-weight:bold; padding-top:35px; height:175px;}
.right_2 dt{ width:195px; float:left; display:inline; margin-right:5px; text-align:right; color:#2c599c;}
.right_2 dd{ width:525px; float:left; display:inline; color:#ff9022;}
.right_2 p{ font-size:14px; line-height:28px; margin:0 40px; text-align:justify; padding:0;}
.right_2 p strong{ font-weight:bold; color:#599bce; font-size:16px;}
.right_2 form{ border-top: 1px dashed #dfdfdf; margin:25px 50px 0; padding:25px 5px; text-align:center;}
.right_2 form p{ color:#990000; margin:0 0 15px; padding:0; text-indent:28px; text-align:justify;}
.right_2 a{font-size:14px; color:#003399; text-decoration:underline;}
.right_2 textarea{ width:605px; height:125px;background:#f7f7f7; border:1px solid #7f9db9; margin:0 auto 15px;}
.right_2 input{background:#f7f7f7; border:1px solid #7f9db9; margin-right:35px; width:150px;}
.right_2 form p.contact{ color:#444; text-indent:10px; text-align:left;}
.right_2 .button_2{ background:url(../images/style/button_2.jpg) no-repeat; width:137px; height:42px; border:none; margin:35px 0 0px 240px; cursor:pointer;}


.tianjia_fen { float:left; padding-right: 8px; margin-left: -15px; padding-left: 0;}

.copyright{ display:none; padding:1em 0em 1em; text-align:center;border-top:2px solid #4e8099; margin:1.5em 0 2em;}
.copyright p{ margin-bottom:0.3em; margin:0 0.3em 0.3em; color: #444}
.copyright p a{ margin-right:5px; color: #444}

.last{ display:none;width:100%; height:40px; line-height:40px; background:#2978BB; position:fixed; z-index:99999; bottom:0px;}
.last ul li{ float:left; width:33%; height:40px; border-right:1px #61B3FA solid; background:#2978BB; text-align:center; padding-left:0; display:block; overflow:hidden;}
.last ul li a { display:inline-block; height:40px; width:99.8%; color:#FFF; border-right:1px #0469BB solid; text-align:center; }
.last ul li a span { font-size:14px; font-weight:600;}

@media only screen and (max-width:960px){
	body{
		background:none;
	}
	#container{
		width:95%;
		margin:0 2.5%;
		}
	#top_box,.left_1,.ge_dl dd font{
		display:none;
		}

	.right_1{
		width:94%;
		padding:0 3%
		}
	.right_1 h1{
		margin:0%;
		font-size:16px;
		}
	.right_1 h2{
		text-indent: 0;
	}
	.right_1 p{
	 	padding-left:0;
		}
	.right_1 form{
		margin:3% 0 0;
		width:100%;
	}
	.input_1{
		width:96%;
		}
	.ge_dl input{
		margin:8px 0 0 1%;
	}
	.ge_dl{
		height:auto;
		overflow: hidden;
		margin-bottom:3%;
	}
	.ge_dl dt{
		width:15%;
	}
	.ge_dl dd{
		width:33%;
	}
	.zy_dl dt,.zy_dl dd{
		padding-left:0%;
	}
	.zy_dl label{
		display: block;
		width: auto;
		margin-right:5%;
	}
	.qt_dl{
		padding:3%;
	}
	.qt_dl dt,.qt_dl dd{
		padding-left:0;
	}
	.button_1{
		margin:4% auto 5%;
	}
}
@media only screen and (max-width:767px){
	#footer,#qiao-wrap,#QIAO_INVITE_CONTAINER,#QIAO_ICON_CONTAINER .qiao-icon-sector-inner{ display:none !important;}
	#QIAO_INVITE_CONTAINER{ width:0 !important; height:0 !important;}
	.copyright,.last{ display:block;}
}
@media only screen and (max-width:600px){

	.zy_dl label{
		   width:28%;
	   }
	.zy_dl label.last{
		width:95%;
	}
	.guojia label{
		 width:28% !important;
		}
	.yyks label{
		width:40%;
	}
	.zyfx  label{
		width:auto !important;
		margin-right:5%
	}
}
@media only screen and (max-width:480px){
	.ge_dl dt{
		width:25%;
	}
	.ge_dl dd{
		width:60%;
	}


}
@media only screen and (max-width:400px){
	.zy_dl label{
		 width:40%;
	}
}
