﻿.main{min-width: 1200px; height: 1083px; background: url("../images/page_zn/zn_bg.jpg") 50% 0 no-repeat; overflow: hidden;}
.float_right{width: 317px; height: 133px; background: url("../images/float_right.png") no-repeat; position: fixed; top: 30%; right: 0%; z-index: 3;}
.center{width: 1200px; height: 100%; position: relative; margin: 0 auto 0;}
.nav{width: 1190px; height: 41px; overflow: hidden; padding-top: 9px; margin-left: 10px;}
.nav a{display: block; width: 131px; height: 41px; background: url("../images/nav_btn.png") no-repeat; text-align: center; line-height: 40px; font-size: 14px; color: #ffffff; float: left; margin-right: -10px;}
.nav a:hover{display: block; width: 131px; height: 41px; background: url("../images/nav_btn_h.png") no-repeat; text-align: center; line-height: 40px; font-size: 14px; color: #ffffff; float: left; margin-right: -10px;}
.nav .on{display: block; width: 131px; height: 41px; background: url("../images/nav_btn_h.png") no-repeat; text-align: center; line-height: 40px; font-size: 14px; color: #ffffff; float: left; margin-right: -10px;}
.nav .btn_login{ float: right; margin-right: 0px;}
.nav .btn_login:hover{ float: right; margin-right: 0px;}
.logo{display: block; width: 202px; height: 144px; background: url("../images/logo.png") no-repeat; margin: 30px 0 0 5px;}
.zn_title{width: 263px; height: 49px; background: url("../images/page_rw/rw_title.png") no-repeat; margin: 123px 0 0 490px; }
.rw_box{width: 1200px; height: 630px; margin-top: 50px;}
.rw_list{width: 1200px; overflow: hidden;}
.rw_list li{width: 268px; height: 259px; float: left; margin: 0 16px; position: relative; overflow: hidden; border-radius: 20px;}
.rw_1{width: 268px; height: 259px; background: url("../images/page_rw/rw_1.png") no-repeat;}
.rw_2{width: 268px; height: 259px; background: url("../images/page_rw/rw_2.png") no-repeat;}
.rw_3{width: 268px; height: 259px; background: url("../images/page_rw/rw_3.png") no-repeat;}
.rw_4{width: 268px; height: 259px; background: url("../images/page_rw/rw_4.png") no-repeat;}
.rw_1_cont{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.3); display: none;}
.rw_2_cont{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.3); display: none;}
.rw_3_cont{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.3); display: none;}
.rw_4_cont{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.3); display: none;}

.rw_btn{display: block; width: 203px; height: 55px; background: url("../images/page_rw/rw_btn.png") no-repeat; margin: 20px auto 0; text-align: center; line-height: 50px; font-size: 16px; color: #ffffff;}
.rw_btn:hover{display: block; width: 203px; height: 55px; no-repeat; margin: 20px auto 0; text-align: center; line-height: 50px; font-size: 16px; color: #fbdd2a;}
.rw_btn2{display: block; width: 203px; height: 50px; background: url("../images/page_rw/rw_btn.png") no-repeat; margin: 20px auto 0; text-align: center; line-height: 20px; font-size: 16px; color: #ffffff; padding-top: 5px;}
.rw_btn2:hover{display: block; width: 203px; height: 50px; background: url("../images/page_rw/rw_btn.png") no-repeat; margin: 20px auto 0; text-align: center; line-height: 20px; font-size: 16px; color: #fbdd2a; padding-top: 5px;}

.rw_finish{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.3);}
.btn_finish{display: block; width: 226px; height: 63px; background: url("../images/page_rw/btn_finish.png") no-repeat; margin: 95px auto 0;}
.rw_1:hover .rw_1_cont{display: block;}
.rw_2:hover .rw_2_cont{display: block;}
.rw_3:hover .rw_3_cont{display: block;}
.rw_4:hover .rw_4_cont{display: block;}

.rw_down{width: 1200px; overflow: hidden; margin-top: 50px;}
.rw_down li{width: 268px; height: 259px; float: left; margin: 0 16px; position: relative; overflow: hidden; border-radius: 20px;}
.rw_5{width: 268px; height: 259px; background: url("../images/page_rw/rw_5.png") no-repeat;}
.rw_6{width: 268px; height: 259px; background: url("../images/page_rw/rw_6.png") no-repeat;}
.rw_7{width: 268px; height: 259px; background: url("../images/page_rw/rw_7.png") no-repeat;}
.rw_8{width: 268px; height: 259px; background: url("../images/page_rw/rw_8.png") no-repeat;}
.rw_5_cont{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.3); display: none;padding-top:76px;}
.rw_6_cont{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.3); display: none;}
.rw_7_cont{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.3); display: none;padding-top:44px;}
.rw_8_cont{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.3); display: none;}
.rw_5:hover .rw_5_cont{display: block;}
.rw_6:hover .rw_6_cont{display: block;}
.rw_7:hover .rw_7_cont{display: block;}
.rw_8:hover .rw_8_cont{display: block;}
// .rw_5_cont{display: block;}
// .rw_6_cont{display: block;}
// .rw_7_cont{display: block;}
// .rw_8_cont{display: block;}
.rwd_btn{display: block; width: 203px; height: 55px; background: url("../images/page_rw/rw_btn.png") no-repeat; margin: 20px auto 0; text-align: center; line-height: 50px; font-size: 16px; color: #ffffff;}
.rwd_btn:hover{display: block; width: 203px; height: 55px; no-repeat; margin: 20px auto 0; text-align: center; line-height: 50px; font-size: 16px; color: #fbdd2a;}
.tip_btn{
	display: block;
	width:63px;
	height:63px;
	background:url("../images/page_rw/tip_btn.png") no-repeat 0 0;
	position:absolute;
	top:1016px;
	left:50%;
	margin-left:-31px;
}

.tc_down{
	display:none;
	width:698px;
	height:339px;
	position:fixed;
	top:100px;
	left:50%;
	margin-left:-349px;
	z-index:100;	
}
.tc_tip{
	display:none;
	width:100%;
	height:294px;
	position:fixed;
	top:250px;
	z-index:100;
	background-color: #fff;
	color:#f45897;	
	text-align: center;
	font-size: 28px;
	padding-top:22px;
}
.tc_tip ul li{
	color:#f45897;	
	text-align: left;
	font-size: 18px;
	padding-top:5px;
	padding-left:120px;
}


.footer{min-width: 1200px; height: 278px; background: url("../images/footer_bg.jpg") 50% 0 no-repeat;}
.rw_btn_cur {
	background: url(../images/page_rw/btn_finish.png) no-repeat center center;
	background-size:100% 100% ;
}
.tc_select {
	background: url(../images/jiangli2.png);
	width: 698px;
	height: 339px;
	position: fixed;
	left: 50%;
	margin-left: -350px;
	top: 200px;
	z-index: 5;
	
}
.tc_select select {
	width: 400px;
	height: 36px;
	line-height: 36px;
	font-size: 26px;
	position: absolute;
	left: 150px;
	top: 100px;
}
.tc_select .btn {
	width: 228px;
	height: 78px;
	position: absolute;
	left: 236px;
	top: 216px;
	cursor:pointer
}

.tc_select2 {
	background: url(../images/jiangli2.png);
	width: 698px;
	height: 339px;
	position: fixed;
	left: 50%;
	margin-left: -350px;
	top: 200px;
	z-index: 5;
	
}
.tc_select2 select {
	width: 400px;
	height: 36px;
	line-height: 36px;
	font-size: 26px;
	position: absolute;
	left: 150px;
	top: 100px;
}
.tc_select2 .btn {
	width: 228px;
	height: 78px;
	position: absolute;
	left: 236px;
	top: 216px;
	cursor:pointer
}

.tc_select3 {
	background: url(../images/jiangli2.png);
	width: 698px;
	height: 339px;
	position: fixed;
	left: 50%;
	margin-left: -350px;
	top: 200px;
	z-index: 5;
	
}
.tc_select3 select {
	width: 400px;
	height: 36px;
	line-height: 36px;
	font-size: 26px;
	position: absolute;
	left: 150px;
	top: 100px;
}
.tc_select3 .btn {
	width: 228px;
	height: 78px;
	position: absolute;
	left: 236px;
	top: 216px;
	cursor:pointer
}
.tc_select4 {
	background: url(../images/jiangli2.png);
	width: 698px;
	height: 339px;
	position: fixed;
	left: 50%;
	margin-left: -350px;
	top: 200px;
	z-index: 5;
	
}
.tc_select4 select {
	width: 400px;
	height: 36px;
	line-height: 36px;
	font-size: 26px;
	position: absolute;
	left: 150px;
	top: 100px;
}
.tc_select4 .btn {
	width: 228px;
	height: 78px;
	position: absolute;
	left: 236px;
	top: 216px;
	cursor:pointer
}
.tc_jiangli {
	background: url(../images/jiangli1.png);
	width: 398px;
	height: 519px;
	position: fixed;
	left: 50%;
	margin-left: -200px;
	top: 200px;
	z-index: 6;
	box-sizing: border-box;
	padding-top: 80px;
}
.tc_jiangli .btn {
	width: 173px;
	height: 59px;
	position: absolute;
	left: 113px;
	top: 420px;
	cursor:pointer
}
.tc_jiangli p {
	font-size: 24px;
	color: #000;
	line-height: 36px;
	padding-left: 32px;
}

.daquBox{ width:420px; height:380px;position:absolute; top:100px; left:660px; background:#FFF; border:1px solid #ccc; padding:10px;}
.daquBox2{top:160px; left:690px;}
.daquBoxIndex{ width:420px; height:330px;position:absolute; top:225px; left:-204px; background:#FFF; border:1px solid #ccc; padding:10px; z-index:999;}
.dianxin{ width:190px; float:left;}
.wangtong{ width:190px; float:right;}
.dianxin h2,.wangtong h2{ width:190px; height:27px; font-size:14px; font-weight:normal; color:#333; background:#ff8bb9; text-indent:10px; line-height:27px;}
.dianxin a,.wangtong a{font-size:14px; color:#333; line-height:20px; margin:8px 10px; cursor:pointer; display:block; text-decoration:none;}
.dianxin a:hover,.wangtong a:hover{ text-decoration:underline; color:#f00;}

.choose-area{
    position: absolute;
    margin-top:125px;
    left:50%;
    margin-left: -160px;
    overflow: hidden;
}
.choose-area span{
    float: left;
    color: #ff5c49;
    font-size: 18px;
    font-weight: bolder;
}
.choose-area input{
    float: left;
    margin-left:30px;
    width: 204px;
    padding-left: 10px;
    height: 21px;
    border: 2px solid #ff5c49;
    outline: none;
    background: transparent;
}

.choose-area1{
    position: absolute;
    margin-top:38px;
    left:50%;
    margin-left: -160px;
    overflow: hidden;
}
.choose-area1 span{
    float: left;
    color: #ff5c49;
    font-size: 18px;
    font-weight: bolder;
}
.choose-area1 input{
    float: left;
    margin-left:30px;
    width: 204px;
    padding-left: 10px;
    height: 21px;
    border: 2px solid #ff5c49;
    outline: none;
    background: transparent;
}

.close-btn{
    width: 39px;
    height: 39px;
    background: url(../images/close.jpg) no-repeat 0 0;
    display: inline-block;
    margin-left: 24px;
    position: absolute;
    top: 11px;
    left: 621px;
}

.radio-area{

	margin-top: 52px;
	margin-left: 141px;
}
.radio-area li {
    height: 25px;
    text-align: left;
    padding-left: 0px;
    cursor: pointer;
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 25px;
    color: #ba1c1c;  
}

.radio-area2 {
    margin-top: 96px;
    margin-left: 141px;
    margin-right: 140px;
}

.radio-area2 li {
    height: 25px;
    text-align: left;
    padding-left: 0px;
    cursor: pointer;
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 25px;
    color: #ba1c1c;  
}