@CHARSET "UTF-8";
/*reset*/
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
body{font:12px/180% Arial, Helvetica, sans-serif, "鏂板畫浣�";color:#333;}
/*main css*/
.header {
	position: relative;
	z-index: 9999;
}
.header-main {
	position: relative;
	background: #222934;
	border-bottom: 1px solid #36415a;
}
.txt-white,.txt-white:hover,.txt-white:active,.txt-white h1,.txt-white:hover h1,.txt-white:active h1{color:#fff!important}
.header-main>.container{ padding:0}
@media (min-width: 1200px){
	.container{ width: 1200px;}
	.fhmm .collapse{ float: left;}
}

#appFooter{
	display: none;
	height: 55px;
	padding: 10px 0px;
	z-index: 11;
	background: rgba(0, 0, 0, .5);
	position: fixed;
	width: 100%;
	bottom: 0%;
}

#appFooter button{width: 42%;float: left;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor: pointer;color: white;letter-spacing: 5px;}
#app_one{margin-right:  5%; margin-left: 5%;opacity: 0.8;background-color: transparent;border: solid 1px white;}
#app_two{border: solid 1px white;background-color: transparent;}

.login .btn,.register .btn{
	background-color: transparent;
	color: white;
	border-color: white;
}

.login .btn:hover{
	background-color: white;
	color: black;
}

.register .btn:hover{
	background-color:#c9302c; ;
	border-color:#c9302c ;
}

.fhmm{
.background: none;
	border: none;
	padding: 0;
	margin-bottom: 0;
}
.navbar-default{background:none}
.navbar-header .logo{height:66px;padding:11px 0 10px 0}
#main-nav .navbar-nav > a{color:#fff!important}
#main-nav .navbar-nav{}


.fhmm-content{background-color:rgba(24,32,40,0.9)}
.fhmm-content .row{border:none}
.fhmm-content dl{color:#fff}
.fhmm-content dt{background-color:#262d34;line-height:32px;height:32px;padding-left:12px;border-bottom:none!important}
.fhmm-content dd{padding-left:12px;font-size:14px}
.fhmm-content dd span{display:inline-block;font-size:12px;margin-top: 19px;line-height: 1.1}

.fhmm .dropdown-menu{border:none;background-color:rgba(24,32,40,0.9)}
.fhmm .dropdown>ul.normal{padding-bottom:8px}
.fhmm .dropdown-menu>li a:hover{background-color:rgba(34,41,52,0.9);color:#6b94f2}

.fhmm .dropdown a, .fhmm .dropdown-menu a{color:#fff }

b.nav_hotbg{margin-left:5px;display:inline-block;background:url(../images/flghot.png) no-repeat;width:26px;height:12px;}

b.nav_newbg{margin-left:5px;display:inline-block;background:url(../images/flgnew.png) no-repeat;width:26px;height:12px;}

b.nav_freebg{margin-left:5px;display:inline-block;background:url(../images/flgfree.png) no-repeat;width:51px;height:15px;}
.swiper-container {
	width:100%;
	background-color:#071a39;
}
@media all and (min-width: 992px) {
	.fhmm-content dl{width:218px}
	#main-nav .navbar-nav>li{padding-top:8px;height:66px;margin-left:12px}
	.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{
		height:58px;
		color: #fff;font-size:14px;
		position: relative;
		z-index: 3;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #fff;
		background-color: transparent;
	}


	.fhmm .navbar-collapse .navbar-nav > li > a:after {content: ""; display: block; bottom:-1px; left:0; width: 100%; height:2px; -webkit-transition: 0.2s; transition: 0.2s; position: absolute; }
	.fhmm .navbar-collapse .navbar-nav > li > a:hover:after,
	.fhmm .navbar-collapse .navbar-nav > li > a:focus:after {
		background: #c70021;
	}
	.fhmm .navbar-collapse .navbar-nav > li.active > a,
	.fhmm .navbar-collapse .navbar-nav > li.active > a:hover,
	.fhmm .navbar-collapse .navbar-nav > li.active > a:focus {
		background: none;
		color: #fff; opacity: 0.97;
	}
	.fhmm .navbar-collapse .navbar-nav > li.active > a:after,
	.fhmm .navbar-collapse .navbar-nav > li.active > a:hover:after,
	.fhmm .navbar-collapse .navbar-nav > li.active > a:focus:after {
		background: #c70021;
	}
	.fhmm .navbar-collapse .navbar-nav > li.open > a,
	.fhmm .navbar-collapse .navbar-nav > li.open > a:hover,
	.fhmm .navbar-collapse .navbar-nav > li.open > a:focus {
		background: none; color: #fff;
	}
	.fhmm .navbar-collapse .navbar-nav > li.open > a:before,
	.fhmm .navbar-collapse .navbar-nav > li.open > a:hover:after,
	.fhmm .navbar-collapse .navbar-nav > li.open > a:focus:after {
		background: #c70021;
	}
}
dl.btmNav{border-right:1px solid #35363c;min-height:330px;margin-top:36px;padding-left:32px}
dl.btmNav dt{color:#fff;font-size:16px;}
dl.btmNav dd>ul{padding-top:5px}
dl.btmNav dd>ul>li{color:#7e828e;line-height:32px;font-size:14px}
dl.btmNav dd>ul>li>a{color:#7e828e;}
dl.btmNav dd>table td{font-size:12px;color:#5b5b5b}

#copyRight{min-height:120px;background-color:#232531;text-align:center;font-size:12px;color:#636363;vertical-align:middle;line-height:27px;padding:27px 0}
#copyRight{}

/* Back To Top */
#back-top {position: fixed;bottom: 15px;right: 15px;z-index: 99;display: none;opacity: 0.3;}
#back-top:hover{opacity: 0.5;}
#back-top a {width: 44px;display: block;text-align: center;text-decoration: none;color: #fff;-webkit-transition: 0.2s;transition: 0.2s;}
#back-top a .fa {width: 44px;height: 44px;line-height: 44px;display: block;font-size: 14px;background: #a3a3a3;border-radius: 6px;}
#back-top a:hover {color: #2f2f2f;}
#back-top a:hover .fa {background-color: #777;}
@media (min-width: 1200px){
	.container{ width: 1200px;}
	.swiper-container{height: 450px;}
	.fhmm .collapse{ float: left;}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.fhmm{ position: relative;}
	.navbar-right{ position: absolute; right:40px; top:0;}
	.fhmm .dropdown-menu > li,.fhmm .dropdown-menu > li .container{ position: relative; display: flex;flex-wrap: wrap;align-content: space-between;}
	.fhmm .dropdown-menu > li dl{ padding:16px;  float: left;}
	.fhmm .navbar-nav > li.fhmm-fw dl{width: 25%}
	.fhmm .dropdown-menu > li dl dd{ z-index:33;}
	.fhmm .dropdown-menu > li dl dd p{ z-index:32; position: relative;}
	.fhmm .fhmm-content dl dt.title span,.fhmm .fhmm-content dl dt.title:after{ width: 95%;}
}
@media (max-width: 767px) {
	dl.banner_strong dd{font-size:14px;}
	.fhmm{ position: relative;}
	.navbar-right{ position: absolute; right:55px; top:3px;}
	.navbar-right span.service,.navbar-right span.record,.navbar-right span.control{ display: none;}
	.fhmm .dropdown-menu > li,.fhmm .dropdown-menu > li .container{ position: relative; display: flex;flex-wrap: wrap;align-content: space-between;}
	.fhmm .dropdown-menu > li dl{ padding:16px 0; width: 25%;}
	.fhmm .dropdown-menu > li dl dd{ z-index:33;}
	.fhmm .dropdown-menu > li dl dd p{ z-index:32; position: relative;}
	.fhmm .fhmm-content dl dt.title span,.fhmm .fhmm-content dl dt.title:after{ width: 95%;}
	.navbar-right span a.btn-sm{padding: 2px 7px}
}

@media (max-width: 480px) {
	.navbar-right{display: none;}
	#appFooter{display: inline;}
	#lnkSticky-sticky-wrapper{display: none;}
	.register{display: none;}
	.fhmm .dropdown-menu > li dl{ padding:1px 2px; width: 50%;}
	.in_solution_con .bd .in_solution_text{ padding: 0 16px; width: auto;}
}
@media(min-width: 992px)and (max-width: 1199px) {
	.container{width: 100%;}
}
@media  (min-width: 480px) and (max-width: 992px) {
	dl.btmNav{padding-left:20px}
}
@media (max-width: 320px) {
	.fhmm .dropdown-menu > li dl{ padding:8px; width: 100%;}
}

.navbar-right span a.recharge { color: #fff; height:26px; width: 48px; padding: 0; background: #038a5b; display:inline-block; line-height: 26px; border:none; margin-top:10px; margin-right: 0;position: absolute;top: 18px;right: 20px }
a.recharge:hover { background: #038a5b; }

.btn-trans,.btn-trans:hover{background:transparent}

#footerWrap{background-color:#262835}

ul.usrNavlst li a>em{display:inline-block;float:left;width:20px;height:20px;background:url(../images/icoUsers.png) no-repeat left top;margin-right:5px;line-height:20px;text-align:center}
ul.usrNavlst li a.profile em{background-position:left top}
ul.usrNavlst li a.buy em{background-position:left -20px}
ul.usrNavlst li a.services em{background-position:left -40px}
ul.usrNavlst li a.orders em{background-position:left -60px}
ul.usrNavlst li a.invoice em{background-position:left -80px}
ul.usrNavlst li a.stat em{background:none!important}

ul.usrNavlst li.active a.profile em{background-position:-20px top}
ul.usrNavlst li.active a.buy em{background-position:-20px -20px}
ul.usrNavlst li.active a.services em{background-position:-20px -40px}
ul.usrNavlst li.active a.orders em{background-position:-20px -60px}
ul.usrNavlst li.active a.invoice em{background-position:-20px -80px}
ul.usrNavlst li.active a.stat em{background:none!important}

ul.dropdown-menu.usrNavlst>li>a{display:inline-block;width:100%;}

.sticky-wrapper{position:fixed;right:12px;z-index:9}
#lnkSticky{position: absolute;width: 206px;height:59px;right: 0;line-height:1.2rem;padding:1px 8px 1px 46px;z-index:9;background:url(../images/phone.png) #f1f1f1 4px center no-repeat;border-radius:5px;border:1px solid #e1e1e1}
#lnkSticky span{line-height:1.2rem;margin:14px 0 7px 0;font-size: 24px;display: inline-block}

.btnDownload:focus,.btnDownload:active{border-color:#4cae4c}

/* 全局右下角工具 */

.tool{
	position: fixed;
	width: 160px;
	height: 240px;
	bottom: 50px;
	right: 0px;
	z-index: 999999;
}
.tool>div{
	cursor: pointer;
	margin-bottom: 10px;
	height: 46px;
}
.tool>div::after{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.tool .qq>div,.tool .iPhone>div,.tool .cs>div{
	line-height: 46px;
	text-align: center;
	color: #fff;
}
.tool img{
	width: 28px;
	height: 28px;
}
.tool .qq{
	border: 1px #a8d2aa solid;
	background: #a4d5a6;
	width: 160px;
	margin-left: 114px;
}
.tool .cs{
	border: 1px #2bbbad solid;
	background: #2bbbad;
	width: 160px;
}
.tool .iPhone{
	border: 1px #e6776c solid;
	background: #e6776c;
	width: 160px;
	margin-left: 114px;
}
.tool .icon{
	float: left;
	border-right: 1px #a8d2aa solid;
	width: 43px;
	height: 43px;
}
.tool .icon-qq{
	background: #a4d5a6 url(../images/buttom/icon-qq.png) no-repeat center/ 80%
}
.tool .icon-qq:hover{
	transition: all .5s;
	background: #bbe5bd url(../images/buttom/icon-qq.png) no-repeat center/ 80%
}
.tool .icon-qq.on{
	background: #fff url(../images/buttom/icon-qqon.png) no-repeat center/ 80%
}
/*客服图标样式 暂用qq图标*/
.tool .icon-cs{
	border-left: solid 1px white;
	float: right;
	background: #2bbbad url(../images/buttom/icon-cs.png) no-repeat center/ 80%
}
.tool .icon-cs:hover{
	transition: all .5s;
	background: #2bbbad url(../images/buttom/icon-cs.png) no-repeat center/ 80%
}
.tool .icon-qq.on{
	background: #fff url(../images/buttom/icon-cson.png) no-repeat center/ 80%
}
.tool .icon-iPhone{
	background: #e6776c url(../images/buttom/icon-call.png) no-repeat center/ 80%
}
.tool .icon-iPhone.on{
	background: #fff url(../images/buttom/icon-callon.png) no-repeat center/ 80%
}

.tool .zx{
	position: relative;
	width: 48px;
	height: 48px;
	margin-left: 114px;
	background: #21A1F1 url(../images/buttom/zx.png) no-repeat center/ 80%;
	transition: all .5s;
}

.tool .wx{
	position: relative;
	width: 48px;
	height: 48px;
	margin-left: 114px;
	background: #670870 url(../images/buttom/icon-wx.png) no-repeat center/ 80%;
	transition: all .5s;
}
.tool .wx:hover{
	background: #7b1786 url(../images/buttom/icon-wx.png) no-repeat center/ 80%;
}
.tool .wx>div{
	position: absolute;
	left: -120px;
	display: none;
	top:0px;
	bottom: 0;
	height: 120px;
	width: 120px;
	border: 1px #eee solid;
	background:#fff url(../images/buttom/wx.jpg) no-repeat center
}
.tool .top{
	width: 48px;
	height: 48px;
	margin-left: 114px;
	background: #bc3f61 url(../images/buttom/icon-top.png) no-repeat center/ 80%;
	transition: all .5s;
}
.tool .top:hover{
	background: #ce5173 url(../images/buttom/icon-top.png) no-repeat center/ 80%;
}
.csCustomer{
	margin-left: 15px;
	padding-top: 15px;
	margin-top: 15px;
	font-size: 20px;
	color: white;
	display: inline;
}
dl.btmNav dd>ul.iconBox {
	margin-top: 0;
	padding-top: 0;
}
.iconBox li {
	height: 38px;
	float: left;
	margin-right: 10px;
	position: relative;
	padding-top: 5px;
}
.hoverIconBox {
 	display: none;
	position: absolute;
	bottom: 180px;
	padding: 10px;
	background: #fff;
	left: 0;
	opacity: 0;
	transform: translateX(-50%);
	transition: all .3s;
}
.hoverIconBox.showItem {
	display: block;
	bottom: 38px;
	opacity: 1;
}
.hoverIconBox img {
	width: 120px;
}
.hoverIconBox p {
	text-align: center;
	margin: 0;
	line-height: 22px;
}