@charset "utf-8";
/* CSS Document */
html,body {
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family:"微软雅黑","arial", "Helvetica", "Helvetica Neue";
	color: #0a0a0a;
	line-height: 1.5;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background-color: #f6f7fb;
}

input,textarea {
	font-family: "微软雅黑","arial", "Helvetica", "Helvetica Neue";
	color: #1b1c20;outline:none;
}
input:focus,textarea:focus { outline: none; }
ul,li {	list-style: none;	padding: 0;	margin: 0;}

h1,h2,h3,h4,h5,h6,p,dl,dd,dt {	margin: 0;	padding: 0;}

a {	text-decoration: none;	color: #0a0a0a;}
a:hover {	color: #ff3f3f;	text-decoration: none;}
a img {	border: 0;}

input::-webkit-input-placeholder{	color: #999;}
input::-moz-placeholder{	color: #999;}
input:-ms-input-placeholder{	color: #999;}

textarea::-webkit-input-placeholder{	color: #bbb;}
textarea::-moz-placeholder{	color: #bbb;}
textarea:-ms-input-placeholder{	color: #bbb;}


.wrap { overflow: hidden;}
.con { width:100%; max-width: 1366px;  margin: 0 auto; }
	.font36 { font-size: 36px;}
	.font26 { font-size: 26px;}
	.font24 { font-size: 24px;}
	.font18 { font-size: 18px;}
	.font16 { font-size: 16px;}
	.font14 { font-size: 14px;}
	.font12 { font-size: 12px;}

@media only screen and (max-width:1398px) {
	.con { width:auto; margin: 0 1em;}
}
.top img {display: block; width: 100%; height: auto;}

/*头部*/
.headerW { position: absolute; top: 0; left: 0; right: 0;  z-index: 10;
background-color: rgba(43, 43, 52, .6);
}
.header { margin: 0 auto; height: 78px;}
.header .con {height: 100%;overflow: visible; 
 display: flex; justify-content:space-between; align-items: stretch;}
.header .logo {
 display: flex; justify-content: center; align-items: center;}
.header .logo img {	display: block;	 height:36px; width:auto;}


/*头部导航*/
.navW {	flex: 1;
display: flex; justify-content: space-between; align-items: center; margin-left: 1em;}
.nav { height: 100%; margin-right: 1.75em; }
.nav>ul {height: 100%;
display: flex; justify-content: flex-end; align-items: center;}
.nav>ul>li {
	height: 100%;
	position: relative;
	z-index: 100; 
	cursor: pointer; padding: 0 1em; 
}

.nav>ul>li>a,.nav>ul>li>span {
	position: relative;
	z-index: 1; height: 100%;
    display: flex; justify-content: center; align-items: center; cursor: pointer;
 color: #fff;}
.nav>ul>li a:hover { color:#ff3f3f ; font-weight: bold;}

/*底部*/
.footer { margin-top: 3.5em; padding: 1.9em 0 1.5em;
 color: #fff;text-align: center; width: 100%;
  background: #272a2c; line-height: 1.2; }
.footer .footerTop { display: flex; justify-content: center; align-items: center;}
.footer .footerTop .txtb {text-align: left;}
.footer .footerTop .picb img{ display: block; height: 36px; width: auto;}
.footer a { color: #fff;}
.footer a:hover { text-decoration: underline;}

.floatBox { position: fixed; right: 0; top: 0; bottom: 0; width: 44px;
background-color: #2d2317; color: #fff; font-size: 13px;
display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.floatBox .btnW_1{flex: 1; width: 100%;
display: flex; flex-direction: column; justify-content:center; align-items: center;}

.floatBox .btnW_2{ width: 100%; margin-bottom: 1em;}
.floatBox .btn {position: relative; z-index: 0;  cursor: pointer; padding: 0.6em 0; color: #fff; display: block;
border-bottom: 1px solid #c68a05; line-height: 1.1em;
width: 100%;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.floatBox .btn:hover {background-color: #af6001;}
.floatBox .btn i { display: block; margin: 0.4em auto 0.4em;
width: 24px; height: 24px;
background: url(../images/icon_kefu.png) 0 0 no-repeat ;
 background-position: -2px 0;}
 
 .floatBox .btn i.i_online { 
    background-position: -2px -36px;}
	
 .floatBox .btn i.i_safe { 
    background-position: -2px -68px;}
 
.floatBox .btn i.i_top { height: 10px; background: url(../images/icon_arrow.png) 0 0 no-repeat ;
 background-position: 4px 0;}
 
 .floatBox .btn i.i_ewm { background: url(../images/icon_ewm.png) 0 0 no-repeat ;
  background-position:0 1px;}
   .floatBox .btn:hover i.i_ewm {  background-position:0 -23px;}
  .floatBox .btn i.i_close {  background: url(../images/icon_ewm.png) 0 0 no-repeat ;
   background-position: -23px 1px;}
.floatBox .btn:hover i.i_close {  background-position:-23px -23px;}

.floatBox .btnW_1 .btn { padding: 0.7em 0 1.1em;}

.floatBox .btnW_2 .btn { border-bottom: 0; padding: 0.7em 0;transition: all 0s;
-webkit-transition:all 0s;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.floatBox .btnW_2 .btn:hover { background-color: #fff;}

.floatBox .btnW_2 .btn.btnTop:hover {background-color: transparent;}


.floatBox .popupEwm { position: absolute; right: 44px; top: 0;
width: 7.5em; height: 7.5em;
background-color: #fff;
display: flex; justify-content: center; align-items: center;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
-moz-box-shadow: 0 0 0.4em rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 0 0.4em rgba(0, 0, 0, .3);
box-shadow: 0 0 0.4em rgba(0, 0, 0, .3);
display: none;
}
.floatBox .popupEwm  img { width: 6em; height: 6em; display: block;
}
.floatBox .btn:hover .popupEwm { display: flex;}