@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
ul,li{list-style:none;}
img{border:none;}

.fl{ float:left; }
.fr{ float:right; }
.clear{ clear:both; }
.por{ position: relative; }
.poa{ position: absolute; }

/* 字体大小、颜色、行距等样式,需要根据《开发测试表》要求自行定义 */  
body{overflow-y:scroll; font-family:'微软雅黑'; font-size:16px; color:#000000; background:#313131; line-height:25px;}  

/* outline:none;取消链接点击后产生的虚线框; transition设置鼠标经过时的缓动；*/
body a{text-decoration:none;color:#000000;outline:none; } 
body a:hover{text-decoration:none; outline:none; }		

/* 取消苹果设备的默认按钮样式 */
input {-webkit-appearance:none;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance: none;}
textarea { -webkit-appearance: none; font-family:"微软雅黑";  resize:none; } 

input,textarea{ font-family:"微软雅黑"; border:none; outline:none; border-radius:0; -webkit-appearance: none; }

/***** 公共样式 *******/
.main{ background:#fff; }
.bdsharebuttonbox{ float:left; margin-top:4px; }
.nocontent{ font-size: 16px; line-height: 30px; color: #000000; text-align:center; }

/******* head ********/

.fixedhede{ width:100%; height:100px; background:rgba(238,238,238,0.93);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5eeeeee,endColorstr=#E5eeeeee); position:fixed; top:0; left:0; z-index:1000; }
.logo{ position:absolute; top:0; left:0; width:360px; height:100%; transition:all 0.5s ease 0s;  }
.logo a{ display:block; padding:24px 20px 24px 60px; transition:all 0.5s ease 0s;  }
.logo a img{ width:100%; }
.menu_h{ position:absolute; top:0; right:0; width:110px; height:100px; display:none; }
.menu_h span{ display:block; width:50px; height:40px; margin:30px auto; background:url(../images/nav.png) no-repeat center; }
.menu_h.close span{ background:url(../images/nav_close.png) no-repeat center; }
#scrollmenu{ width:100%; overflow:hidden; opacity:0; visibility:hidden;}
#scrollmenu .scrollbar { width: 0px; position: relative; float: right; margin-right: 0px; background: #474d5c;}
.nav{ display:block; }
.nav .nav_ul{ text-align:center; }
.nav .nav_ul .nav_ul_li{ display:inline-block; padding:0 17px; line-height:100px; transition:all 0.5s ease 0s;  }
.nav .nav_ul .nav_ul_li span{ padding:6px 2px; font-size:16px; color:#000000; border-bottom:1px solid transparent; transition:all 0.5s ease 0s; }
.nav .nav_ul .nav_ul_li.active span,.nav .nav_ul .nav_ul_li:hover span{ color:#8e2a2a; border-bottom:1px solid #8e2a2a; }
.sear{ position:absolute; right:60px; top:30px; transition:all 0.5s ease 0s; }
.searchbox{ height:38px; border:1px solid #b32838;}
.searchbox div{ float:left; width:68px; height:38px; border-right:1px solid #bababa; font-size:14px; color:#626161; background:#dcdcdc; text-align:center; line-height:38px; transition:all 0.5s ease 0s;  }
#searchword{ float:left; width:265px; height:38px; padding:0 10px; background:#fff; transition:all 0.5s ease 0s;  }
#btnSearch1{ float:left; width:74px; height:38px; background:#b32838; font-size:14px; color:#fefefe; line-height:38px; text-align:center; transition:all 0.5s ease 0s;  }

.nav .nav_ul .nav_last{ display:none; }
.nav .phone_foot_ul{ background:#fff; display:none;  }
.nav .nav_ul_li .phone_foot_ul{ font-size:28px; line-height:80px; color:#454545; text-align:center;}
.nav .nav_ul_li .phone_foot_ul a{ display:block; }
.ph-mask{ display:none; }

/******* foot ********/
.foot_head{ width:100%; height:50px; background:#000; }
.foot_head_{ width:1548px; margin:0 auto; }
.foot_head_ div{ padding:0 6px; }

.foot_copyright{ width:100%; height:80px; background:#313131; }
.copyright_box{ width:1548px; margin:0 auto; }
.copyright_box_{ padding:0 6px; }
.copyright{ float:left; font-size:12px; color:#fff; line-height:80px; }
.copyright a{ color:#fff; transition:all 0.5s ease 0s; }
.copyright a:hover{ color:#fff; text-decoration: underline;}
.foot_hotline{ float:right; font-size:14px; color:#fff; line-height:80px; }
.foot_hotline .phone{ font-size:24px; color:#a2896b; }


.foot_main{ background:#434343; padding:60px 0 80px; }
.foot_main .foot_main_{ width:1548px; margin:0 auto; }
.foot_main ul{ overflow:hidden; padding:0 6px; }
.foot_main li{ float:left; width:20%;}
.foot_main li.f_1{ width:7.5%; }
.foot_main li h2 a{ display:block; height:22px; font-size:16px; color:#ffffff; transition:all 0.5s ease 0s;  }
.foot_main li .c{ margin:30px 0 0;}
.foot_main li .c ul{ border-right:1px solid #707070; padding:0; }
.foot_main li .c ul li{ width:100%; line-height: 30px; }
.foot_main li .c ul li a{ color:#c0c0c0; font-size:14px; transition:all 0.5s ease 0s; }
.foot_main li .c ul li a:hover{ color:#fff;text-decoration: underline;}

.foot_main li.f_2{ width:10.74%; text-align:center; margin-right:5.47%; }
.foot_main li.f_2 .c ul li{ width:100%;}
.foot_main li.f_3{ width:16.27%; }
.foot_main li.f_3 .img{  display:block; margin:25px 0 0;}
.foot_main li.f_3 .img img{max-width:100%;}
.foot_main li.f_4{ margin-left:20.5%; width:23.11%;}
.foot_main li.f_2 .c ul{ height:152.5px; }

.foot_main li dl.book{ padding:25px 0 0;}
.foot_main li dl.book dd{ float:left; width:100%; margin:0 0 10px;}
.yiyou{ margin:10px 0 0 !important; text-align:left; font-size:12px; color:#fff;  }
.yiyou b{ color:#a6937c; font-size:16px; padding:0 3px; font-weight:bold; }

.foot_main li dl.book dd span{ float:left; width:100%; height:35px; line-height:36px;}
.foot_main li dl.book dd span input.txt{ float:left; padding:0 3%; width:61.61%; font-size:12px; background:none; border:none;height:35px; line-height:35px; background:#fff;}
.foot_main li dl.book dd span span{ float:left; width:29.39%; height:35px; padding-left:3%; background:#a5a4a0; border:none; font-size:14px; color:#eaeaea; border-top-right-radius:5px; border-bottom-right-radius:5px; }
.foot_main li dl.book dd span.an{ width:42%; margin-right:5px;}
.foot_main li dl.book dd span.an input.txt{padding:0 10%; width:80%;}
.foot_main li dl.book dd.last{ margin:5px 0 0;}
.foot_main li dl.book dd.last .bon{ display:block; width:100px; height:35px; text-align:center; color:#fff; background:#a2896b; border:none; font-size:16px; transition:all 0.5s ease 0s; }
.foot_main li dl.book dd.last .bon:hover{background:#cc3333;}
.tuijian{color:#c0c0c0; font-size:14px; transition:all 0.5s ease 0s; }
.tuijian:hover{color:#fff;text-decoration: underline;}

.foot_main li.f_5{ float:right;width:10.35%;}
.foot_main li.f_5 .img{ display:block; margin:25px 0 0; }
.foot_main li.f_5 .img img{ max-width:100%;}

.phone_foot{ width:100%; height:98px; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; background:#fefefe; position: fixed; bottom: 0; z-index:850; opacity:0; visibility:hidden; transition:all 0.5s ease 0s; }
.phone_foot.active{ opacity:1; visibility:visible; }
.phone_foot_yuyue{ float:left; width:20.47%; height:100%; }
.phone_foot_yuyue_{ height:100%;  border-right:1px solid #cdcdcd; }
.phone_foot_totop{ float:left; width:20.47%; height:100%; }
.phone_foot_totop_{ height:100%;  border-left:1px solid #cdcdcd; }
.phone_foot_yuyue .imgbox{ width:100%; height:60px; background:url(../images/phone_foot_yuyue.png) no-repeat center 14px; margin-bottom:7px; }
.phone_foot_totop .imgbox{ width:100%; height:60px; background:url(../images/phone_foot_totop.png) no-repeat center 14px; margin-bottom:7px; }
.contbox{ text-align:center; }
.phone_foot_hotline{ float:left; width:59.06%; font-size:40px; line-height:98px; text-align:center; }
.phone_foot_hotline a{ display:block; color:#b32838; }


/*********** 右侧按钮 ***************/
#contacts-bar {position: fixed; width: 80px; height: 195px; right: 0; top: 50%; margin-top: -120px; z-index: 500;  }
#contacts-bar .icon{cursor: pointer; display: block; width: 78px; height: 28px; border:1px solid #aaa; border-radius:4px; margin-bottom: 2px; padding-top:50px; font-size:12px; color:#5f4a32; text-align:center; line-height:28px; background:#fff url(../images/icon.png) no-repeat; transition:all 0.5s ease 0s;}
#contacts-bar .zixun .icon{ background-position: 18px 13px;}
#contacts-bar .yuyue .icon{ background-position: 18px -69px;}
#contacts-bar .phone .icon{ background-position: 18px -151px;}
#contacts-bar .totop .icon{ background-position: 18px -233px;}
#contacts-bar .popup{ color: #fff;position: absolute; bottom: 0;right: 114px; visibility: hidden; opacity:0;  transition:all 0.5s ease 0s;}
#contacts-bar .yuyue .popup .filter{ background:#eee;  width:333px; height:292px; border:1px solid #e1e0df; border-radius:4px; position:relative; }
#contacts-bar .inner h2{ font-size:24px; color:#424241; text-align:center; font-weight:normal; padding:25px 0 23px; }
#contacts-bar .inner .form_box{ width:275px; margin-left:25px; }
#contacts-bar .inner .form_box .inputbox{ width:100%; height:35px; margin-bottom:15px; }
#contacts-bar .inner .form_box .inputbox .input{ float:left; width:139px; height:33px; padding:0 10px; border:1px solid #c6c6c6; border-right:none; }
#contacts-bar .inner .form_box .inputbox span{ float:left; width:105px; height:35px; padding-left:10px; background:#a5a4a0; font-size:14px; color:#eaeaea; line-height:35px; border-top-right-radius:4px; border-bottom-right-radius:4px; }
#contacts-bar .inner .form_box .yuyuesub{ width:100px; height:35px; background:#a2896b; font-size:16px; color:#ffffff; text-align:center; line-height:35px; }
#contacts-bar .inner .statNum{ padding:0 25px; font-size:12px; color:#000000; margin-top:20px; }
#contacts-bar .inner .statNum b{ color:#b32838; font-size:16px; font-weight:normal; padding:0 3px; }
#contacts-bar .phone .popup .filter{ font-family:Arial; font-size:24px; line-height:58px; color:#000000; background:#eee;  width:208px; height:58px; text-align:center; border:1px solid #e1e0df; border-radius:4px; position:relative;}
#contacts-bar .phone .popup .filter div{ overflow:hidden;}
#contacts-bar .phone .popup .filter span.cont{ width:210px;}
.right_sanjiao{ position:absolute; right:-21px; bottom:16px; width:21px; height:23px; background:url(../images/picarrow.png) no-repeat;}

#contacts-bar .item:hover .popup{  right:104px; visibility: visible; opacity:1; }
#contacts-bar .item:hover .icon{ background:#b32838 url(../images/icon_cur.png) no-repeat; border:1px solid #b32838; color:#fff; }
#contacts-bar .zixun:hover .icon{ background-position: 18px 13px;}
#contacts-bar .yuyue:hover .icon{ background-position: 18px -69px;}
#contacts-bar .phone:hover .icon{ background-position: 18px -151px;}
#contacts-bar .totop:hover .icon{ background-position: 18px -233px;}

.ewm{ width:268px; height:148px; background:#fff; padding:10px; }
.ewmbox_{ color:#000000; font-size:12px; line-height:20px; text-align:center;}
.ewmline{ width:32px; height:130px; background: url(../images/ewmline.gif) no-repeat center 8px;}

#contacts-bar{ transition:all 0.5s ease 0s; }
#contacts-bar .totop{ opacity:0; visibility: hidden; transition:all 0.5s ease 0s; }

/*********** 预约弹窗 ***************/

.tanchuang{ color: #fff; position: fixed; top:50%; left: 50%; margin-left:-167px; margin-top:-147px; width:335px; height:295px; visibility: hidden; opacity:0; z-index:800; transition:all 0.5s ease 0s;}
.tanchuang .popup .filter{ background:#eee;  width:333px; height:292px; border:1px solid #e1e0df; border-radius:4px; position:relative; }
.tanchuang .inner h2{ font-size:24px; color:#424241; text-align:center; font-weight:normal; padding:25px 0 23px; }
.tanchuang .inner .form_box{ width:275px; margin-left:25px; }
.tanchuang .inner .form_box .inputbox{ width:100%; height:35px; margin-bottom:15px; }
.tanchuang .inner .form_box .inputbox .input{ float:left; width:139px; height:33px; padding:0 10px; border:1px solid #c6c6c6; border-right:none; }
.tanchuang .inner .form_box .inputbox span{ float:left; width:105px; height:35px; padding-left:10px; background:#a5a4a0; font-size:14px; color:#eaeaea; line-height:35px; border-top-right-radius:4px; border-bottom-right-radius:4px; }
.tanchuang .inner .form_box .yuyuesub{ width:100px; height:35px; background:#a2896b; font-size:16px; color:#ffffff; text-align:center; line-height:35px; }
.tanchuang .inner .statNum{ padding:0 25px; font-size:12px; color:#000000; margin-top:20px; }
.tanchuang .inner .statNum b{ color:#b32838; font-size:16px; font-weight:normal; padding:0 3px; }
.tanchuang .tanchuang_close{ position:absolute; top:10px; right:10px; width:16px; height:16px; background:url(../images/tanchuang_close.gif) no-repeat; }
.tanchuang .tanchuang_close:hover{ background:url(../images/tanchuang_close_cur.gif) no-repeat; }
 
@media screen and (max-width: 1670px) {  /*** 屏幕小于1670像素***/
	#searchword{ width:200px; }
}
@media screen and (max-width: 1556px) {  /*** 屏幕小于1556像素***/
	.logo{ width:300px; }
	.logo a { padding: 30px 20px 29px 60px; }
	.nav .nav_ul a span{ font-size:14px; }
	.searchbox div{ width:48px; }
	#searchword{ width:150px; }
	#btnSearch1{ float:left; width:44px; }
	
	.foot_head_{ width:100%; }
	.copyright_box{ width:100%; }
	
	.foot_main .foot_main_{ width:100%; }
}
@media screen and (max-width: 1300px) {  /*** 屏幕小于1300像素***/
	.logo{ width:250px; }
	.logo a { padding: 34px 20px 34px 20px; }
	.nav .nav_ul .nav_ul_li{ padding:0 8px; }
	.sear{ right:20px; }
	#searchword{ width:100px; }
	.foot_main li dl.book dd span span{ font-size:10px; }
}

@media screen and (max-width: 1000px ) {  /*** 屏幕小于1000像素***/
	.nav .nav_ul .nav_ul_li{ padding:0; }
	
	.main {padding-top:100px; }
	.menu_h{ display:block; }
	.sear{ display:none; }
	#scrollmenu{ width:100%; position:fixed; top:100px; left:0; bottom: 0; z-index:900; background:#b32838; opacity:0; visibility:hidden;   overflow-y: scroll; } 
	#scrollmenu.cur{ opacity:1; visibility:visible;  }
	#scrollmenu .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;  width: 100%;}
	.nav{ width:100%;  }
	.header .nav{ display:none; }
	
	.nav_{ width:100%; }
	.nav .nav_ul{ padding:30px 0 0; }
	.nav .nav_ul .nav_ul_li{ display:block; }
	.nav .nav_ul .nav_ul_li span{ font-size:36px; line-height:90px; color:#ffffff; }
	.nav .nav_ul .nav_ul_li.active span, .nav .nav_ul .nav_ul_li:hover span{ color:#ffffff; border-bottom:none; }
	.nav .nav_ul .nav_last{ display:block; }
	/*.nav .phone_foot_ul{ display:block;  }*/

	#contacts-bar{ display:none; }
		
	.foot_head_{ text-align:center; }
	.copyright{ width:100%; text-align:center; font-size:18px; line-height:30px; margin-top:10px; }
	.copyright .copyright_cont{ display:block; }
	.foot_hotline{ display:none; }
	
	.foot_main ul{ padding:0 20px; }
	.foot_main li dl.book dd span{ height:45px; }
	.foot_main li dl.book dd span input.txt{ font-size: 16px; height:45px; line-height:46px; }
	.foot_main li dl.book dd span span{ font-size:16px; height:45px; line-height:46px }
	.foot_main li dl.book dd.last .bon{ height:45px; line-height:45px; }
	.foot_main li.f_1,.foot_main li.f_2{ display:none; }
	.foot_main li.f_3{ width:100%; margin-bottom:40px; }
	.foot_main li.f_3 .img img{ width:100%; }
	.foot_main li.f_4{ width:70%; margin-left: 0; }
	.foot_main li.f_4 .inner{ width:85%; }
	.foot_main li.f_5{ width:30%; }
	.foot_main li.f_5 .inner{ float:right; }
	.foot_main li h2 a{ font-size:18px; }
		
	.foot_copyright { margin-bottom: 100px;}
	
	.tanchuang{width: 440px; height:325px;margin-left: -220px;margin-top: -162px; }
	.tanchuang .popup .filter{width: 438px; height:322px; }
	.tanchuang .inner .form_box{ width:415px; }
	.tanchuang .inner .form_box .inputbox{ height:45px; }
	.tanchuang .inner .form_box .inputbox .input{width: 250px; height:43px;font-size: 16px; }
	.tanchuang .inner .form_box .inputbox span{ height:45px; line-height: 45px;font-size: 16px;}
	.tanchuang .inner .form_box .yuyuesub{ height:45px; line-height: 45px;}
}


















