@charset "utf-8";
/* CSS Document */
body,textarea,input,select,option {font-size:12px;color:#333;font-family:'Microsoft Yahei',Tahoma,Arial,sans-serif;}h1,h2,h3,h4,h5,h6 {font-size:100%;}body,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,dd,p,textarea,input,select,option,form {margin:0;}ol,ul,textarea,input,option,th,td {padding:0;}table {border-collapse:collapse;}li {list-style-type:none;}.clears:before,.clears:after {content:'';display:table;}.clears:after {clear:both;}.clears {*zoom:1;}a {text-decoration:none;color:#333;}a,textarea,input,select {outline:none}textarea {overflow:auto;resize:none;}.img img {display:block;}a img {border:none;}.pr {position:relative;}.pa {position:absolute;}.fl {float:left;}.fr {float:right;}
a:hover{text-decoration:underline;}
* html,* html body
 {  background-image:url(about:blank); background-attachment:fixed; }
/*
.topBox{ width:100%;height:30px; background:#f6f6f6;}
*html .topBox{}
.top{ width:960px; margin:0 auto; text-align:right; line-height:28px;  color:#666666;}
.top a{ color:#666666;margin:0 5px;}
.top a:hover{text-decoration:underline;}

/*µ¼º½ÌõNAV
.navBox{ height:115px; background:#074e80;}
.navBox ul{ width:960px; height:37px;}
.navBox ul li{ width:120px;display:inline;overflow:hidden; color:#fff; margin-left:10px;}
.top_m960 {margin:0 auto;width:960px;_width:962px;}
.headerbg_v1 {height:59px;border-top:1px solid #455764;background-color:#074f84;width:100%;position:absolute;top:28px;left:0;z-index:22;}
.header_v1 {height:59px;width:100%;position:relative;top:-4px;left:0;z-index:23;}
.logo_v1 {height:60px;width:291px;overflow:hidden;padding-top:2px;}
.logo_v1 a {display:block; height:60px; width:120px;text-indent:-999em;overflow:hidden; background:url(../kele_logo.jpg) no-repeat 0 0;}
.nav_v1 { width:558px;_width:561px;height:34px;padding:14px 0 0 110px;}

.nav_v1 a {color: #DDDDDD;float: left;font-family:"Î¢ÈíÑÅºÚ",Tahoma,Arial,sans-serif;font-size: 16px; width:69px; text-align:center;height: 33px;line-height: 33px;margin-left: 24px;}

.nav_v1 a:hover,.nav_v1 .acur2v1 {    color: #FFFFFF;text-decoration: none;   background:url(../images/nav.png) no-repeat left top;}

.k_navv2 {height:30px;line-height:30px;color:#999999;padding:16px 3px 0 0;}
.k_navv2 a {text-align:right;margin:0 6px;color:#dddddd;}*/

/*topBox*/
.topBox{ width:100%;height:30px; background:#f6f6f6;}
*html .topBox{}
.top{ width:960px; margin:0 auto; text-align:right; line-height:28px;  color:#666666;}
.top a{ color:#666666;margin:0 5px;}
.top a:hover{text-decoration:underline;}
/*??????NAV*/
.navBox{ height:115px; background:#074e80;}
.navBox ul{ width:960px; height:37px;}
.navBox ul li{ width:120px;display:inline;overflow:hidden; color:#fff; margin-left:10px;}
.top_m960 {margin:0 auto;width:960px;_width:962px;}
.headerbg_v1 {height:61px;border-top:1px solid #455764;background-color:#074f84;width:100%;position:absolute;top:28px;left:0;z-index:22;}
.header_v1 {height:61px;width:100%;position:relative;top:-2px;left:0;z-index:23;}
.logo_v1 {height:60px;width:291px;overflow:hidden;padding-top:2px;}
.logo_v1 a {display:block; height:60px; width:128px;text-indent:-999em;overflow:hidden; background:url(../images/logo.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.guagua.cn/guagua/templet/common/css/img/k_guagualogo.png', sizingMethod='scale');}
.nav_v1 { width:558px;_width:561px;height:34px;padding:14px 0 0 110px;}

.nav_v1 a {color: #DDDDDD;float: left;font-family:"??????",Tahoma,Arial,sans-serif;font-size: 16px; width:69px; text-align:center;height: 33px;line-height: 33px;margin-left: 24px;}
.nav_v1 a:hover,.nav_v1 .acur2v1 { background:url(http://www.guagua.cn/guagua/templet/common/css/img/nav.png) no-repeat left top;
    color: #FFFFFF;
    text-decoration: none;}

.banner{height:417px;  background: url(../images/bgbanner.jpg) repeat-x; position:relative;   margin-top: -1px;_margin-top: -4px;}

.down{ position:absolute; top:9.5%; left:25%; background:url(../images/downBg.jpg) no-repeat; width:322px; height:358px;}
.dowh1{ color:#fffcb3; font-size:28px; text-align:center; margin-top:48px;}
.downFont{ font-size:14px;margin-left: 78px;margin-top: 35px;color: #fff;line-height: 24px;}
.mainBox{ width:904px; margin:0 auto; }

.cj{ background:url(../images/down.png) no-repeat; display:block; width:200px; height:50px;}
.cj{ position:absolute; left:19%; top:63%;}
.cj:hover{background:url(../images/down_hover.png) no-repeat;}
.cj:active{background:url(../images/down_down.png) no-repeat;}

.bg_1{ position:absolute; top:-25px; left:50%; background:url(../images/check1.png) no-repeat;width:535px; height:425px; margin:0 auto;}
.bg_2{ position:absolute; top:-25px; left:50%; background:url(../images/check2.png) no-repeat;width:610px; height:425px; margin:0 auto;}
.bg_3{ position:absolute; top:-25px; left:50%; background:url(../images/check3.png) no-repeat;width:610px; height:425px; margin:0 auto;}

.qd_icon{ height:20px; position:absolute; left:50%; bottom:20px;   margin-left: 215px;}
.qd_icon li.selected{ background:url(../images/c1.png) no-repeat; width:15px; height:15px;}
.qd_icon li{margin-right:8px; float:left; background:url(../images/c2.png) no-repeat; width:15px; height:15px; }



.this{ background:url(../images/star.jpg) no-repeat; height:40px;display:inline-block;}
.titileFont{  color:#86c50f;  }
.titileFont b{ font-size:24px; padding-left:55px; line-height:40px;}
.main{ border-left:#86c50f solid 2px; margin-left:1px;  padding-bottom: 18px;}

.main{ border-left:#86c50f solid 2px; margin-left:1px;  padding-bottom: 18px;}

.joinThisWeek{color: #000;}
.joinThisWeek:hover{text-decoration: none;}
.starBox{width: 973px;height: 135px;margin: 0 auto;position: relative; background:#FFF;}
.starBox li{width:150px;height:110px;position: absolute;background: #FFFFFF;overflow: hidden;display:inline; margin-top:20px;}
.one{left:0px;top:0px; margin-left:25px;}
.two{left: 120px;top:0px; margin-left:85px;}
.three{left:322px;top:0px;margin-left:60px;}
.four{left:522px;top:0px;margin-left:35px;}
.five{left:697px;top:0px;margin-left:35px;}
.imgBox{width: 150px;height: 110px;position: relative;overflow: hidden;}
.joinBox{width: 188px;height: 166px;position: absolute;left: 0px;top: 0px;z-index: 30;display: none;overflow: hidden;}

.bDiv{width:188px;height:166px;position: absolute;opacity: 0.5;filter:Alpha(opacity=50);background: #000;z-index: 88; padding-top:20px;}
.info{padding-left:10px;padding-right: 20px;font-size: 12px;line-height: 18px;color:#ddfe45;}
.str{color:#cccccc;}

.this1{ background:url(../images/hot.jpg) no-repeat; height:40px;display:inline-block;}
.hotFont{ font-size:24px; color:#ec6492;  }
.hotFont b{ font-size:24px; padding-left:55px; line-height:40px; }

.pic_box{ width:1021px; height:555px;background: url(../images/pic_box1.png) no-repeat 50% 0;}
.change{ width:960px;  float:left;display:inline;border-left:#ec6492 solid 2px; margin-left:1px;}
.bao{ width:180px;height:220px; position:relative; margin-top:25px;  background:#FFF; float:left; margin-left:29px; background:url(../images/bghot.jpg) no-repeat;}
.bao2{ width:180px;height:220px; position:relative; background:#FFF; float:left; margin-left:29px;  background:url(../images/bghot.jpg) no-repeat;}
.bao dt{ margin-top:132px;}

.bao dd img{ position:absolute; top:0;}
.room{padding-left:10px;font-size: 12px;line-height: 18px;color:#666666; }
.str1{color:#ff3284;}

/*.hotSearch{ width:200px; height:20px;color:#fff; float: left; background: #ff9600;   margin-left: 1px;}
.hotSearch a{color:#fff;   margin-left: 4px;}

.copyRight{ width:960px; margin:25px auto; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#5e6868;}
.copyRight p{ line-height:30px; font-style:normal;}
.copyRight p a{ color:#5e6868; margin:0 5px; font-style:normal;}
.copyright p a:hover {text-decoration:underline;}
.copyright p a:active {text-decoration:none;}*/

.hotSearch{ width:200px; height:28px;line-height: 27px;font-size: 14px;color:#fff;background: #ff9600;margin: 0 auto;}
.hotSearch a{color:#fff;   margin-left: 4px;}

.copyRight{ width:960px; margin:25px auto; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#5e6868;}
.copyRight p{ line-height:30px; font-style:normal;}
.copyRight p a{ color:#5e6868; margin:0 5px; font-style:normal;}
.copyright p a:hover {text-decoration:underline;}
.copyright p a:active {text-decoration:none;}
