@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background:#fff;}

.response_img{max-width: 100%; display: block; margin: 0 auto;}
.hlr_banner_bg{ width:100%; height:330px; background:url(/themes/template_3_1/static/images/tuan/hlr_banner_bg.jpg) no-repeat center;}
.hlr_banner_box{ width:100%; height:330px; position:relative;}
.hlr_banner_text{ width:1200px; height:200px; position: absolute; top:104px;  left:50%; margin-left:-600px; }
.hlr_banner_text_left{ width:480px; height:200px; float:left; background-color: rgba(0, 0, 0, 0.6);}
.hlr_banner_text_right{ width:410px; height:90px; float:right; margin-top:110px; }

.hlr_picbox{ float:left; overflow: hidden; margin-top:-30px; margin-left:20px; margin-bottom:10px;}
.hlr_picbox img{  width:110px; height:110px; border-radius:100%;}

.hlr_name{ float:left; margin-left:20px; margin-bottom:10px;}
.hlr_name h2{ font-size:20px; font-weight:normal; color:#fff; line-height:30px; margin-top:15px;}
.hlr_name p{ font-size:16px; line-height:24px; margin-top:5px;color:#fff;}
.hlr_name p span{ color:#ff7f01; margin-left:10px; margin-right:20px;}

.line_1px_fff{ width:90%; height:1px; background:#fff; opacity: 0.6; margin:0  auto;}
.hlr_text{ width:90%; margin:10px auto 0 auto; }
.hlr_text p{line-height:24px; color:#ccc;}

.right_text_name{ width:280px; height:90px; float:left;background-color: rgba(0, 0, 0, 0.6); }
.right_text_name p{ font-size:16px; color:#fff; margin-left:20px; margin-right:20px; line-height:44px;}
.right_text_name p span{ font-size:16px; color:#ff6699; float:right;}
.yuyue_button{ width:120px; height:90px; float:right;line-height:90px;text-align: center; font-size:16px;background-color: rgba(0, 0, 0, 0.6); color:#ff6699;}

.safeguard_box{ width:1200px; margin:0 auto;}

.saf_box_01{ width:420px; height:130px; float:left; margin-top:20px; border-bottom:1px dashed #ddd; border-right:1px dashed #ddd;padding-left:170px; background:url(/themes/template_3_1/static/images/tuan/reason-icon1.png) no-repeat center left 50px;}
.saf_box_01 h2{ font-size:24px; color:#333; padding-top:10px; line-height:40px; font-weight:normal;}
.saf_box_01 p{ font-size:14px; color:#666; line-height:24px;}


.saf_box_02{ width:420px; height:130px;  float:left; margin-top:20px; border-bottom:1px dashed #ddd;padding-left:170px; background:url(/themes/template_3_1/static/images/tuan/reason-icon2.png) no-repeat center  left 50px;}
.saf_box_02 h2{ font-size:24px; color:#333; padding-top:10px; line-height:40px; font-weight:normal;}
.saf_box_02 p{ font-size:14px; color:#666; line-height:24px;}


.saf_box_03{ width:420px; height:130px; float:left;    border-right:1px dashed #ddd;padding-left:170px; background:url(/themes/template_3_1/static/images/tuan/reason-icon3.png) no-repeat center left 50px;}
.saf_box_03 h2{ font-size:24px; color:#333; padding-top:10px; line-height:40px; font-weight:normal;}
.saf_box_03 p{ font-size:14px; color:#666; line-height:24px;}

.saf_box_04{ width:420px; height:130px; float:left;  padding-left:170px; background:url(/themes/template_3_1/static/images/tuan/reason-icon4.png) no-repeat center left 50px;}
.saf_box_04 h2{ font-size:24px; color:#333; padding-top:10px; line-height:40px; font-weight:normal;}
.saf_box_04 p{ font-size:14px; color:#666; line-height:24px;}


.mr_0{ margin-right: 0px;}
.case_box{ width:1200px; margin:40px auto;}
.case_title { width:380px; height:56px; margin:0 auto; }
.case_list_box01{ width:1200px; overflow:hidden; margin-top:20px;}
.case_list_box02{ width:790px; overflow:hidden; margin:20px auto 0 auto;}
.case_list_box03{ width:380px; overflow:hidden; margin:20px auto 0 auto;}

.case_con{ width:380px; height:380px; float:left; margin-right:30px; margin-bottom:30px; position:relative;}
.case_con .case_con_pic{ width:380px; height:380px; margin-right:30px; margin-bottom:30px; }
.case_con_bg{ width:380px; height:100px; position:absolute; bottom:0px; left:0px; z-index:2; background-color: rgba(0, 0, 0, 0.7);}
.case_con_text{width:360px; height:100px; position: absolute; bottom:0px; left:10px; color:#fff; z-index:99; }
.case_con_text h2{ font-size:20px; line-height:40px; color:#fff;z-index:6;font-weight:normal;}
.case_con_text span{ font-size:12px; display:block; line-height:18px; height:20px; overflow:hidden; color:#ccc;}
.case_con_text .cost_text{ color:#ff6699; float:left; font-size:16px; line-height:24px; margin-top:6px;}
.case_con_text .hotel_map{ color:#999; float:right; line-height:24px;  margin-top:6px;}
.case_con_text .hotel_map .map_icon{ width:9px; height:13px; display:block; float:left; background:url(/themes/template_3_1/static/images/tuan/icon1.png) no-repeat 0 0; margin-top:6px; margin-right:8px;}

.bg_box_img{width:380px; height:380px; background:#000; opacity:0.6;z-index:4;   }


.workflow_bg{width:100%; background:#f6f6f6;}
.workflow_box{ padding-bottom:50px; padding-top:50px; }
.workflow_title { width:380px; height:56px; margin:0 auto; }
.workflow_con{ width:100%; height:193px; background: url(/themes/template_3_1/static/images/tuan/hlr_bg_01.png) no-repeat center top; }


.service_box{ width:1200px; margin:50px auto;}
.service_box01{ margin-top:25px; display:inline-block;}
.service_box01 .service_pic{ width:267px; height:201px; background:url(../../images/tuan/hlr_pic_02.jpg) no-repeat; float:left;}
.service_box01 .service_pic1{width:267px; height:201px; background:url(../../images/tuan/hlr_pic_03.jpg) no-repeat; float:left;}
.service_box01 .service_text{ width:900px; height:201px; float:left; padding-left:33px; background:#f5f5f5;}

.service_text h3{ font-size:16px; line-height:40px; margin-top:20px; padding-right:30px;}
.service_text p{ line-height:24px; margin-top:10px; padding-right:30px;font-size: 14px;}

.service_text .xm_icon1{ width:22px; height:22px; float:left; margin-right:10px; display:block; margin-top:2px; background:url(/themes/template_3_1/static/images/tuan/hlr_bg_02.jpg) no-repeat 0px 0px;}
.service_text .xm_icon2{ width:22px; height:22px; float:left; margin-right:10px; display:block; margin-top:2px; background:url(/themes/template_3_1/static/images/tuan/hlr_bg_02.jpg) no-repeat 0px -31px;}
.service_text .xm_icon3{ width:22px; height:22px; float:left; margin-right:10px; display:block; margin-top:2px; background:url(/themes/template_3_1/static/images/tuan/hlr_bg_02.jpg) no-repeat 0px -62px;}
.service_text .xm_icon4{ width:22px; height:22px; float:left; margin-right:10px; display:block; margin-top:2px; background:url(/themes/template_3_1/static/images/tuan/hlr_bg_02.jpg) no-repeat 0px 0px;}

.service_box02{ margin-top:30px;}
.list_box { width:99.8%; height:40px; margin-top:10px; border:1px solid #eee; border-radius:3px;}
.list_box span{ line-height:40px; font-size:16px; color:#ff6699; float:left; margin-left:20px;}

.list_box .pull_down_icon{ width:8px; height:5px; display:block; float:right; margin-right:20px;background:url(/themes/template_3_1/static/images/tuan/icon1.png) no-repeat -31px -19px; margin-top:18px;}
.list_box .pull_top_icon{ width:8px; height:5px; display:block; float:right; margin-right:20px;background:url(/themes/template_3_1/static/images/tuan/icon1.png) no-repeat -39px -19px; margin-top:18px;}

.list_box_con{ width:99.8%;padding-bottom:10px; margin-top:20px; padding-top:10px; border:1px solid #eee;}
.list_box_con p{ line-height:30px;}
.list_box_con p b{ width:8%; float:left;  text-align: right; margin-left:20px; line-height:30px;font-size: 15px;}
.list_box_con p span{ float: left;margin-left:20px;font-size: 14px;}



.evaluate_box{width:1200px; margin:50px auto;}
.evaluate_title { width:380px; height:56px; margin:0 auto; }



.comment{width:950px; display:inline-block; margin-top:30px; padding-bottom:20px;border-bottom:2px solid #ddd; margin-bottom:20px; border-top:2px solid #ddd; border-left:1px solid #ddd;border-right:1px solid #ddd;}
.comment_left{ width:55%; min-height:140px;float:left; margin-top:20px; }
.xingji_box_5{ width:68px; height:12px; float:left; margin-top:3px; background:url(../../images/tuan/xingxing3.png) no-repeat 0px -130px;}
.xingji_box_4{ width:55px; height:12px; float:left; background:url(../../images/tuan/xingxing3.png) no-repeat 0px -130px;}
.xingji_box_3{ width:41px; height:12px; float:left; background:url(../../images/tuan/xingxing3.png) no-repeat 0px -130px;}
.xingji_box_2{ width:27px; height:12px; float:left; background:url(../../images/tuan/xingxing3.png) no-repeat 0px -130px;}
.xingji_box_1{ width:13px; height:12px; float:left; background:url(../../images/tuan/xingxing3.png) no-repeat 0px -130px;}


.comment_right{ width:35%; min-height:140px; margin-left:40px; margin-top:20px; float:left; }
.comment_right h2{ font-size:20px; font-weight:normal;}

.box_evaluate_total .dxlxx { display: block;width:93px;height:19px;margin: 0;margin-top:3px;padding: 0;background: url(../../images/tuan/xingxing3.png) no-repeat 0 -91px;}
.box_evaluate_total .dxlxx span{display: block;height: 19px;margin: 0;padding: 0; width: 0;background:url(../../images/tuan/xingxing3.png) no-repeat 0 -60px;}

.comment_more{ font-size:14px; color:#ff6699; line-height:30px; text-decoration:underline;}

.score_total {display: block;text-align: left;color: #FF5384; font-family: arial; font-size: 32px; line-height: 42px;}
.box_evaluate_total { float: left; width: 140px; margin: 0 40px 0 0; text-align: center; }
.evaluate_total { overflow: hidden; display: block; width: 93.5px; height: 16px; margin: 0 auto 8px; background-position: 0 -91px; text-align: left; }
.evaluate_total span { overflow: hidden; display: block;    height: 16px;    background-position: 0px -60px;    line-height: 18em;}
.wrap_evaluate_categ { float: left; width: 210px; line-height: 14px; }
.wrap_evaluate_categ li { vertical-align: top; }
.box_evaluate_categ { margin: 0 0 19px 0; }
.evaluate_categ { float: left; margin: 0 8px 0 0; color: #999999; }
.evaluate_score { float: left; margin: 0 8px 0 0; }
.box_guess_eva span {    background: transparent url(../../images/tuan/xingxing3.png) no-repeat scroll -1000px -1000px;}

.evaluate_bar { width: 125px;overflow: hidden; float: left;  margin: 1px 0 0 0; background-color: #e2e2e2; border-radius: 4px; }
.evaluate_bar span { overflow: hidden; float: left; height: 12px; line-height: 20em; background-color: #ff8fad; border-radius: 4px; }
.comment_text_box{ width:100%; display: inline-block; padding-bottom:10px; padding-top:10px;border-bottom:1px solid #ddd;}
.line_top{border-top:1px solid #ddd;}
.comment_text_box .touxiang{ width:70px; min-height:70px; border-radius:100%; float:left; margin-right:20px; overflow:hidden; }
.comment_text_box .comment_text{ width:92%; float:left; padding-bottom:10px; }
.comment_text_box .comment_text h5{ min-width:50px; padding-right:30px; float:left; font-size:14px; color:#ff6699;}
.comment_text_box .comment_text span{ float:right; font-size:12px; color:#999;}
.comment_text_box .comment_text p{ font-size:12px; color:#666; line-height:24px; margin-top:10px;}


.comment_right p{ font-size:16px; line-height:24px; margin-top:20px;}
.comment_right p span{ color:#ff6699;}
.comment_right .text_input{ width:80%; height:100px; border:1px solid #ddd; }
.comment_right .comment_button{ width:120px; height:40px; display:block; float:right; margin-top:20px; text-align:center; line-height:40px; color:#fff; border-radius:4px; background:#ff6699;}
.comment_right ul{ max-width:100%; float:left; margin-top:10px;}
.comment_right ul li{ width:70px; height:70px; float:left; margin-left:3px; margin-right:3px; margin-bottom:10px; overflow:hidden;}
.comment_right .comment_title span{ width:14%; display:block; float:left; }


.comment_pic{ margin-top:30px;}
.comment_pic_left{ width:15px; height:80px; float:left; display:block;  border-radius:3px; font-size:14px; text-align:center; line-height:80px; font-family:"����"; border:1px solid #fff;}
.comment_pic_left:hover{ border:1px solid #eee; color:#ff6699;}
.comment_pic_right{ width:15px; height:80px;  float:left;display:block; border-radius:3px; font-size:14px; text-align:center; line-height:80px; font-family:"����"; border:1px solid #fff;}
.comment_pic_right:hover{ border:1px solid #eee; color:#ff6699;}
/*广告轮播*/
.comment_pic_middle{ position: relative; width:74%; height:80px; margin-left:10px; margin-right:10px; float:left; display:block;  border-radius:3px; font-size:14px; text-align:center; line-height:60px; font-family:"����"; overflow:hidden;}
.comment_pic_middle  li{ float:left; margin:0 5px;}
.cj-slider{width:73%; height:80px; margin-left:10px; margin-right:10px; float:left; display:block;  border-radius:3px; font-size:14px; text-align:center; line-height:60px; overflow:hidden;}
.comment_pl{ width:500px; min-height:140px; margin-right:20px; float:right;}
.comment_pl h2{ font-size:18px; font-weight:normal;}
.comment_pl p{ font-size:16px; line-height:24px; margin-top:10px;}
.comment_pl p span{ color:#ff6699;}
.comment_pl .text_input{ width:80%; height:90px; border:1px solid #ddd; }
.comment_pl .comment_button{ width:120px; height:40px; display:block; float:left; margin-left:75px; margin-top:20px; text-align:center; line-height:40px; color:#fff; border-radius:4px; background:#ff6699;}


.grade{ width:300px; height:200px; float:left; margin-left:20px; border:1px solid #f00;} 
.grade p{ font-size:16px; line-height:24px; margin-top:10px;}
.grade p span{ color:#ff6699;}


.pingfen_div{ width:300px; height:20px; float:left;}
.pingfen_div b{ font-weight:normal; color:#999; margin-right:20px;}
.comment_title{margin-top:10px; margin-bottom:10px;}
.nick_input{ width:190px; height:26px; padding-left:10px; line-height:24px; margin-right:10px; color: #FF6699; font-size:14px;border-radius:3px; border:1px solid #ddd;}
.comment_title .text_input01{ width:80%;  height:100px; border:1px solid #ddd;font-size: 14px;font-family: Microsoft Yahei;}

.t { height: 44px;}
.t ul li { float: left; width: 100px; height: 44px; line-height: 32px; color: #666; text-align: center; font-size: 14px; cursor: pointer; position: relative; }
.t ul li i { color: #aaa; }
.t ul li.cur,
.t ul li:hover { color: #ff5384;  }
.t ul li.cur,
.t ul li:hover a { color: #ff5384; }
.t ul li.cur i,
.t ul li:hover i { color: #ffa8bf; }
.t ul li a { display: inline-block; width: 100px; height: 34px; line-height: 34px; color: #666; padding-right: 4px; }
.t ul li a:hover { text-decoration: none; }
.t ul li.cur a { color: #ff5384; }
.t ul li.cur a:hover { color: #ff5384; }
.c .nocom { padding: 20px; font-size: 14px; }
.pic_button{ width:68px; height:68px; display:block; font-size:12px; color:#999; float:left; border:1px solid #ddd;}

.shangchuan_pic_box{ float:left;}

.comment_title span{ width:14%; display:block; float:left; }
.shangchuan_pic_box ul{ max-width:100%; float:left; margin-top:10px;}
.shangchuan_pic_box ul li{ width:70px; height:70px; float:left; margin-left:3px; margin-right:3px; margin-bottom:10px; overflow:hidden;}

.line_1px_ddd{ width:100%; height:1px; background:#ddd; opacity: 0.6; margin:30px  auto 0 auto;}
.service_box02 .active{
    display: block;
}
.list_box_con{
    display: none;
}



.tuan .header{background: none;}
.tuan .header .protection{ height:101px; width:160px; top:15px; right:0px;background: url(../../images/tuan/icon1_03.png) no-repeat;}
.tuan #header_nav { padding-bottom:30px; }
.tuan #header_nav .nav_sub{position: absolute; width:1920px; text-align: left;  display: none; left:-800px; padding-left:800px; top:38px; padding-bottom: 10px; z-index: 50; background: none; opacity: 0.9;}
.tuan #header_nav .nav_li{ border-radius:5px; }
.tuan #header_nav .nav_li:hover .nav_sub a{ color:#666;}
.tuan #header_nav .nav_li:hover .nav_sub a:hover{ color:#ff4466;}