/*global reset*/


/*IE6 bg BUG*/
html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*Tools*/
.test{display:none;}
.divide{width:100%;height:10px;}
.fdivide{width:100%;height:10px;float:left}
.circle_role{border-radius:50%;}
.cr{-moz-border-radius:6px !important;-webkit-border-radius:6px !important;border-radius:6px !important;}
.crt{-moz-border-top-left-radius:6px !important;-webkit-border-top-left-radius:6px !important;border-top-left-radius:6px !important;-moz-border-top-right-radius:6px !important;-webkit-border-top-right-radius:6px !important;border-top-right-radius:6px !important;}
.crn{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.crs{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px; background-color: #fff; border: #dfdfdf solid 1px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.2); -o-box-shadow: 0 0 8px rgba(0,0,0,0.2); box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.crns{-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.4); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.4); -o-box-shadow: 0 0 8px rgba(0,0,0,0.4); box-shadow: 0 0 8px rgba(0,0,0,0.4);}
.crts{-webkit-border-top-left-radius:6px;-moz-border-top-left-radius:6px;-ms-border-top-left-radius:6px;-o-border-top-left-radius:6px;border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-top-right-radius:6px;-ms-border-top-right-radius:6px;-o-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.2); -o-box-shadow: 0 0 8px rgba(0,0,0,0.2); box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.crb{-webkit-border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;-ms-border-bottom-left-radius:6px;-o-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-bottom-right-radius:6px;-ms-border-bottom-right-radius:6px;-o-border-bottom-right-radius:6px;border-bottom-right-radius:6px;}
.crbs{-webkit-border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;-ms-border-bottom-left-radius:6px;-o-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-bottom-right-radius:6px;-ms-border-bottom-right-radius:6px;-o-border-bottom-right-radius:6px;border-bottom-right-radius:6px;-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.2); -o-box-shadow: 0 0 8px rgba(0,0,0,0.2); box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.ie{
	_position: absolute;  
	_clear: both;   
	_top:expression(eval(document.compatMode &&   
	document.compatMode=='CSS1Compat') ?   
	documentElement.scrollTop   
	+(documentElement.clientHeight-this.clientHeight) - 1   
	: document.body.scrollTop   
	+(document.body.clientHeight-this.clientHeight) - 1); 
}

.bs{-webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 8px rgba(0,0,0,0.3); -ms-box-shadow: 0 8px 8px rgba(0,0,0,0.3); -o-box-shadow: 0 8px 8px rgba(0,0,0,0.3); box-shadow: 0 8px 8px rgba(0,0,0,0.3);}
.inset_left_shadow{-webkit-box-shadow: 200px 0 50px rgba(0,0,0,0.2) inset; -moz-box-shadow: 200px 0 50px rgba(0,0,0,0.2) inset; -ms-box-shadow: 200px 0 50px rgba(0,0,0,0.2) inset; -o-box-shadow: 200px 0 50px rgba(0,0,0,0.2) inset; box-shadow: 200px 0 50px rgba(0,0,0,0.2) inset;}

.ts{-webkit-text-shadow:1px 1px 1px #000 rgba(0,0,0,0.4);-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.4);-ms-text-shadow:1px 1px 1px rgba(0,0,0,0.4);-o-text-shadow:1px 1px 1px rgba(0,0,0,0.4);text-shadow:1px 1px 1px rgba(0,0,0,0.4);}

.wh100{width:100%;}
.fl100{width: 100%;float: left;position: relative;}
.fli100{width: 100%;float: left;position: relative;}
.fli100 img{width:100%;}
.he100{height:100%;}
.p10{padding:0 10px}
.pt10{padding:10px 0}
.np{padding:0}
.npl{padding:0 0 0 15px;}
.npl3{padding:0 0 0 3.75px;}
.npr{padding:0 3.75px 0 0;}
.nplr{padding:0 3.75px;}
.nm{margin:0}
.mt7{margin-top:7.5px}
.mt15{margin-top:15px;}
.mt43{margin-top:43px}
.mt47{margin-top:47px}
.mtb10{margin:10px 0;}
.white{color:#fff;}
.white_bg{background-color:white;}
.white_font{color:#fff !important;}
.sea_blue{background-color:#d7f5ff;}

.divide_symbol{float: left; width: 0px; height: 30px; border-left:#ccc solid 1px; margin-top: 5px;}
a.top_stick{bottom:120px !important; right: 10px !important;}

/*public*/
html,body{font-size: 14px;width:100%; overflow-x:hidden;position: relative; }
*:before,*:after,*:focus{-moz-transform:translateZ(0);-webkit-transform:translateZ(0);}
a:link{ text-decoration: none;}
a:visited{ text-decoration: none;}
a:hover{text-decoration:none;color: #fabe00;}
/*a:active{color:#f00;transition: all 0.1s linear;}*/
a:active{color:#f00;}
input{box-shadow:2px 2px 8px rgba(0,0,0,0.3) !important;}
input,select{border-radius:4px;-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
/*.active{transition: all 0.2s linear;}*/
span.vdivide{border-right:#d2d2d2 solid 1px;}
span.red{color:#f00 !important;font-weight: bold;}
span.red2{color:#f00;}
span.red3{color:#ff5458;}
span.font_normal{font-size:13px;}
span.font_big{font-size:18px;}
span.green{color:#009c16;}
span.yellow{color:#ff6611;}
span.gray2{color:#d8d8d8;}
span.blue{color:#2e20b2;}
img.img-noresponsive{width:auto;}

.purple{color:#60F}
.red{color:#f00}
.orange{color:#F90}
.orange_bg{ background-color:#F90 !important; border:none;}
.green{color:#090}
.red2{color:#F66}
.blue{color:#03F}

.red_bg{ background-color: #fd878a;}
.pay_now_btn{width:210px; font-size: 18px; font-weight: bold;}
.pay_submit_btn{ background-color: #7ecef4;}
.pay_submit_btn:hover{ background-color: #00a0e9;}

.blockUI.blockOverlay{background-color:rgba(85, 85, 85,0.8) !important;}

/* 提示框 开始 ↓ */
.alert_bar_style{position:fixed; z-index:200; left:0px; right:0px; top:45%; margin:auto; display:none;}
/* 提示框 结束 ↑ */

/*公共盒子 开始 ↓*/
.page_resize{width: 100%; overflow: hidden; float: left; clear: both; position: relative; z-index: 5; text-align: center;}
.page{width:100%; float: left;}
.area{width:1200px; margin-left: auto; margin-right: auto; position: relative;}
.box_area{width:120%; float: left;}
/*公共盒子 结束 ↑*/

/*会员日页面浮动联系方式 开始 ↓*/
.vip_fix{width:128px; position: fixed; z-index: 50; top:400px; right:5px; background-color: #0081a5;-moz-border-radius:20px;-webkit-border-radius:20px;  border-radius:20px;}
.vip_fix_arrow{width:12px; height: 12px; position: absolute; left: -12px; top: 21px; background: url(../page_images/fix_arrow.png);}
ul.vip_fix_ul{list-style: none; padding: 0; width: 100%; float: left; margin: 20px 0 10px 0;}
ul.vip_fix_ul li{ list-style: none; padding: 0; width: 100%; float: left; margin: 0 0 6px 0;}
ul.vip_fix_ul li a{width:100%; float: left;}
ul.vip_fix_ul li a:link{color:#fff;}
ul.vip_fix_ul li a:visited{color:#fff;}
ul.vip_fix_ul li a:hover{color:#34c9f2;}
ul.vip_fix_ul li a:active{color:#ff6611;}

.vip_fix_tel_img{width:25px; height: 25px; background: url(../images/top_contact_num.png); float: left; display: inline; margin: 0 0 0 4px;}
.vip_fix_tel_num{float:left; display: inline; margin:0 0 0 4px; line-height: 25px;}
.vip_fix_qq_img{width:25px; height: 25px; background: url(../images/top_qq.png); float: left; display: inline; margin: 0 0 0 4px;}
.vip_fix_qq_num{float:left; display: inline; margin:0 0 0 4px; line-height: 25px;}
.vip_fix_consult{ background-color: #ffde36; line-height: 23px; text-align: center; font-weight: bold; width: 70% !important; float: left; display: inline; margin: 0 0 0 5%; color: #507499; padding: 2px; font-size: 13px;}
.vip_fix_consult:link{color:#2a3f55 !important;}
.vip_fix_consult:visited{color:#2a3f55 !important;}
.vip_fix_consult:hover{color:#507499 !important;}
.vip_fix_consult:active{color:#f00 !important;}
/*会员日页面浮动联系方式 结束 ↑*/

/*公共版权样式 开始 ↓*/
.copy_right{width:100%; float: left; background-color: #eeeeee; line-height: 59px; text-align: center}
.copy_right a{color:#333;}
/*公共版权样式 结束 ↑*/

/*居中容器 开始 ↓*/
.center_area{width:100%;overflow:hidden; position:relative; float: left;}
.center_box{width:1920px; height:100%; position:absolute; left:0px; top:0px;}
.center96{width: 96%;margin-left: auto; margin-right: auto; position: relative;}
/*居中容器 结束 ↑*/

/*产品轮播 滑动 开始 ↓*/
.swiper-container {
	width: 100%;
	height: 700px;
	--swiper-navigation-size: 28px;
	/*--swiper-navigation-color: #fabe00;*/
	--swiper-theme-color: #c3c3c3;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: nowrap;
	padding:0 10px;
}
.swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color:#fff;
	opacity: 1;
	background: rgba(0,0,0,0.2);
	border: 1px solid #c3c3c3 !important;
}
.swiper-pagination-bullet-active {
	color:#fff;
	background: #fff;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px !important;}
.swiper-button-next:after, .swiper-button-prev:after{background: none !important; border: none !important; }
/*产品轮播 滑动 结束 ↑*/