@charset "utf-8";

/* CSS Document */
*{margin:0;padding:0;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
/* 酌情修改 */
body{color:#333;font-size:14px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;}

/* 短引用的内容可取值：''或"" */
q:before,q:after{content:”;}

/* 缩写，图片等无边框 */
fieldset,img,abbr,acronym{border:0 none;}
abbr,acronym{font-variant:normal;}
legend{color:#000;}
/* 清除特殊标记的字体和字号 */
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}

/* 上下标 */
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

/* 设置表格的边框被合并为一个单一的边框, 指定分隔边框模型中单元格边界之间的距离为0*/
table{border-collapse:collapse;border-spacing:0;}

/* 表格标题及内容居左显示 */
caption,th{text-align:left;}
input,img,select{vertical-align:middle;}
/* 清除列表样式 */
ol,ul{list-style:none;}

/* 输入控件字体 */
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select,optgroup,option:focus{outline:none;}
input:focus,input:active,button:focus,button:active,select:focus,select:active,textarea:focus,textarea:active{outline:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
textarea { -webkit-appearance: none;resize: none;}
/* 标题元素样式清除 */
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}

/* 链接样式，颜色可酌情修改 */
del,ins,a{text-decoration:none;}
a{color:#333;outline:none;}
a:link{color:#333;}
a:visited{color:#333;}
a:hover,a:active,a:focus{color:#333;text-decoration:none;}

/* 鼠标样式 */
input[type="submit"]{cursor:pointer;}
button{cursor:pointer;}
input::-moz-focus-inner{border:0;padding:0;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
::-webkit-input-placeholder{font-size:14px;color:#bbb;}
::-moz-placeholder{font-size:14px;color:#bbb;}
:-ms-input-placeholder{font-size:14px;color:#bbb;}
input:-moz-placeholder{font-size:14px;color:#bbb;}

/* 伪类清除浮动 */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1}
.fwn{font-weight:normal!important;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.bg_f{background:#fff;-webkit-box-shadow:0 0 12px rgba(0,0,0,0.1);-moz-box-shadow:0 0 12px rgba(0,0,0,0.1);-ms-box-shadow:0 0 12px rgba(0,0,0,0.1);-o-box-shadow:0 0 12px rgba(0,0,0,0.1);box-shadow:0 0 12px rgba(0,0,0,0.1)}
a,.tr,.enl img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.enl:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.gray img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:url(../fonts/gray.svg#grayscale);}
.gray:hover img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}


/*客服*/
.kefu-box{position:fixed;right:20px;bottom: 33%;z-index:1000;}
.kefu{width:46px;height:46px;padding-left:10px;margin-bottom: 7px;position:relative;}

.kefu span{display:block;width:45px;height:45px;border:1px solid #ddd;position:relative;cursor:pointer; padding: 24px;margin-bottom: 2px;}

.kefu-email span{background:#008eff url(../images/icon_onzx.png) no-repeat center;border-color:#008eff;color: #fff; width: 100%;}

.kefu-skype span{background:#008eff url(../images/phone-h.png) no-repeat center;border-color:#008eff;}
.kefu-tel span{background:#008eff url(../images/tel-h.png) no-repeat center;border-color:#008eff;}
.kefu-qq span{background:#008eff url(../images/qq-h.png) no-repeat center;border-color:#008eff;}
.kefu-erweima span{background:#008eff url(../images/erweima-h.png) no-repeat center;border-color:#008eff;}
.backTop{width:45px;height:45px;margin-left:10px; background:#008eff url(../images/backtop-h.png) no-repeat center;border-color:#008eff;padding: 24px; border:1px solid;}

.kefu-email:hover span{background:#fff url(../images/icon_ol.png) no-repeat center;border:1px solid #ddd;}
.kefu-skype:hover span{background:#fff url(../images/phone.png) no-repeat center;border:1px solid #ddd;}
.kefu-qq:hover span{background:#fff url(../images/qq.png) no-repeat center;border:1px solid #ddd;}
.kefu-tel:hover span{background:#fff url(../images/tel.png) no-repeat center;border:1px solid #ddd;}
.kefu-erweima:hover span{background:#fff url(../images/erweima.png) no-repeat center;border:1px solid #ddd;}
.backTop:hover{width:45px;height:45px;margin-left:10px;border:1px solid #ddd;background:#fff url(../images/backtop.png) no-repeat center;cursor:pointer;  padding: 24px;}


.kefu-email-info{width:220px;display:block;position:absolute;right:56px;top:1px;height:45px;line-height:45px;background-color:#008eff;text-align:center;color:#fff;display:none;font-size:14px;}
.kefu-email-info:after{content:'';display:block;width:0;height:0;border:8px;border-color:transparent;border-style:solid;border-left:8px solid #008eff;position:absolute;right:-16px;top:13px;}

.kefu-erweima-img{width:140px;height:auto;line-height:28px;display:block;position:absolute;right:56px;top:0;border:1px solid #ddd;padding:5px;text-align:center;color:#fff;display:none;background-color:#fff;}
.kefu-erweima-img:after{content:'测试';display:block;width:0;height:0;border:8px;border-color:transparent;border-style:solid;border-left:8px solid #bfbfbf;position:absolute;right:-16px;bottom:13px;}
.kefu-erweima-img h3{text-align:left;line-height:30px;font-size:15px;color:#333;}
.kefu-erweima-img h4{line-height:20px;color:#666;padding:0 5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kefu-erweima-img h4 a{color:#666;font-size:12px;}
.kefu-erweima-img h4 a:hover{color:#008eff;}
.kefu a{font-size:16px;color:#fff;}



.FloatingWindow {
	position: fixed;
	right: 0;
	z-index: 550;
	top: 30%;
	width: 72px;
}

.FloatingWindow .FloatingWindow_list {
	width: 100%;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;

	background: #008eff;
}

.FloatingWindow .FloatingWindow_list:hover {
		background: rgba(0,0,0,0.5);
	 
}

.FloatingWindow .FloatingWindow_list .FloatingWindow_list_down {
	position: absolute;
    background: rgba(255,112,25,1);
    width: 315px;
    line-height: 72px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    left: -313px;
    top: 0;
    display: none;
}

.FloatingWindow .FloatingWindow_list .FloatingWindow_list_title {
	text-align: center;
	border: 1px solid #008eff;
	padding: 10px;
	
}

.FloatingWindow .FloatingWindow_list .FloatingWindow_list_title dd {
	color: #fff;
	font-size: 28px;
}

.FloatingWindow .FloatingWindow_list .FloatingWindow_list_title dt {
	color: #fff;
	font-size: 12px;
	margin-top: 3px;
}

.FloatingWindow .FloatingWindow_list:nth-child(3):hover .FloatingWindow_list_down {
	display: block;
}
.FloatingWindow .FloatingWindow_list:nth-child(1) {
		background: #008eff;
}
.FloatingWindow .FloatingWindow_list:nth-child(1):hover {
		background: rgba(0,0,0,0.5);
}