@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'icon-font';
  src:url('/fonts/icon-font/icon-font.eot?k1p375');
  src:url('/fonts/icon-font/icon-font.eot?k1p375#iefix') format('embedded-opentype'),
    url('/fonts/icon-font/icon-font.ttf?k1p375') format('truetype'),
    url('/fonts/icon-font/icon-font.woff?k1p375') format('woff'),
    url('/fonts/icon-font/icon-font.svg?k1p375#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{ font-family:'robotoregular',Arial,Helvetica,sans-serif;font-size:16px; color:#555; background:#fff; line-height:26px;}
li{ list-style:none;}
a{text-decoration:none;color:#2449e5;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}
h1,h2,h3,h4{ font-weight:normal;}

.outout{margin:0px auto;max-width:100%;min-width:320px;}

.top{width:100%; background-color:#fff; border-bottom:6px solid #dcdcdc;}
.toptop {max-width:100%; height:30px; background:#EEE;}
.topbox {width:1006px; height:30px; margin:0 auto;}
.topnav {height:30px; float:right;line-height:30px;font-size:12px;}
.topnav a {	color:#797979;}
.topnav li {float:left;	margin-left:20px;}
.topfaq {background:url(../images/topfaqico.png) no-repeat left center;	padding-left:20px;}
.tophelp {background:url(../images/tophelpico.png) no-repeat left center;padding-left:18px;}

.search {width:138px; height:26px; margin-top:2px; overflow:hidden; z-index:1;}
.sear {width:108px;	height:24px; background:url(../images/search.png) no-repeat; line-height:24px;	border:none;float:left;}
.but {width:30px; height:24px; border:none ;background:url(../images/search.png) -108px 0px no-repeat;float:right; cursor:pointer;}

.header {width:1006px; height:90px; margin:0px auto; position:relative; z-index:120; clear:both;}
.header .wrap {overflow:visible; height:90px;}
.header .logo {display:inline-block; width:196px; margin-top:23px;}
.navright {width:660px; height:90px; float:right;}
.navleft {float:left; width:196px; height:90px;}

.phone-nav {display:none; background:url(../images/phone-nav.png) no-repeat center; background-size:100%;width:24px; height:24px; transition:all 50ms;}
.phone-menu {
	width: 80px;
	height: 30px;
	color: #333;
	position: relative;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	overflow: hidden;
	margin-top: 35px;
	display: inline-block;
	float: right;
	margin-right: 10px;
	display:none;
}
.phone-menu .phone-menu-text {
	line-height: 32px;
	left: 6px;
	position: absolute;
	z-index: 1;
}
.phone-menu .phone-menu-states {
	width: 18px;
	height: 1px;
	background: #333;
	position: absolute;
	right: 6px;
	transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
.phone-menu .pmenutop {
	top: 11px;
	z-index: 2;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.phone-menu .topchange {
	top: 15px;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
}
.phone-menu .pmenubottom {
	top: 19px;
	z-index: 3;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.phone-menu .bottomchange {
	top: 15px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.phone-menu .phone-menu-btn {
	width: 80px;
	height: 30px;
	position: absolute;
	z-index: 4;
}
#nav_total {display:block;}
.hidden {display:none;}
.header .nav {position:absolute; float:right; line-height:90px; z-index:116; text-align:center;}
.header .nav a {color:#323233; font-size:15px; font-weight:bold; height:56px; padding-top:34px; display:block;}
.header .nav a:hover {text-decoration:none;}
.header .nav li {float:left; width:110px; line-height:30px;	position:relative;}
.header .nav li.current,.header .nav li:hover {border-bottom:6px solid #6ae1ff;	background:url(../images/navhoverbg.png) center no-repeat;}
.header .nav li.home {border-bottom:6px solid #00bdec;}
.header .nav li a.nav_a {display:inline-block; padding-right:13px; background:url(../images/header-down.png) right 48px no-repeat;}
.header .nav li a.nav_a:hover {text-decoration:none;}
.header .nav li span.arrow {display:none;width:12px; height:7px; overflow:hidden; background:url(../images/header-ico.png) no-repeat; position:absolute; top:96px; left:50%;	margin-left:-5px; z-index:116;}
.header .nav li.current span.arrow,.header .nav li:hover span.arrow {display:inline-block;}
#nav-product {position:absolute; left:-109px; width:300px; line-height:26px;}
.header .content { background:url(../images/header-nav-bg.png) repeat; filter:alpha(opacity=95); -moz-opacity:0.95;
	-khtml-opacity:0.95; opacity:0.95; border-radius:3px; position:absolute; top:96px; padding:22px 15px 0px;	z-index:115; -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.4);	-moz-box-shadow:0 2px 10px rgba(0,0,0,0.4);	-ms--box-shadow:0 2px 10px rgba(0,0,0,0.4);	-o--box-shadow:0 2px 10px rgba(0,0,0,0.4); box-shadow:0 2px 10px rgba(0,0,0,0.4);}
.header .content dl {margin:0 0 20px 15px;}
.header .content dl dd a {width:240px; font-size:14px; font-weight:normal; height:30px;	padding-top:0px;	text-align:left; line-height:30px; color:#14161e; display:inline-block;	background:url(../images/list-li-ico.png) 15px 11px no-repeat; padding-left:28px;}
.header .content dl dd a:hover {background:url(../images/list-li-ico.png) 15px 11px no-repeat #f1f1f1; text-decoration:none; width:240px; border-radius:5px; color:#f60;}
.freebg-ico {margin-bottom:-3px; margin-left:5px;}



.foot_footer{clear:both;margin:0px auto;}
.bottom_box{width:100%;height:auto;display:table;padding-bottom:15px;background:#353947;margin:0px auto;}
.footbottom{width:1006px;margin:0px auto;padding-top:46px;}
.footbottom a{color:#c6c7c8;}
.footbottom li{line-height:25px;color:#c6c7c8;}
.footbottom ul{float:left;}
.footbottom ul h3{color:#FFF;font-weight:bold;font-size:14px;margin-bottom:10px;margin-top:10px;}
#version{width:335px;}
#version h3{background:url(../images/pro_ico.png) left no-repeat;padding-left:30px;}
#version li{margin-left:0px;}
#resource{width:200px;}
#resource h3{background:url(../images/res-ico.png) left no-repeat;padding-left:30px;}
#resource li{margin-left:31px;}
#support{width:185px;}
#support h3{background:url(../images/sup-ico.png) left no-repeat;height:25px;padding-left:30px;}
#support li{margin-left:31px;}
#social{width:270px;}
.share{padding-top:0px;}
.share li{float:left;}
.footmenu{clear:both;width:100%;height:auto;display:table;margin:0px auto;background:#303442;border-top:1px solid #3c4153;}
.footmenu ul{width:1006px;margin:0px auto;text-align:center;color:#939495;font-weight:bold;padding-top:30px;line-height:30px;}
.menufoot{color:#cac8c8;}
.menufoot a{color:#cac8c8;}
#back{position:fixed;_position:absolute;bottom:40px;left:95.7%;zoom:1;}
#back a{background:url(../images/backtop.png) no-repeat;display:block;width:59px;height:58px;margin-bottom:2px;overflow:hidden;text-indent:-999px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#totop{position:absolute;bottom:0px;cursor:pointer;}


.topbanner { width: 100%; height: 70px; background: url(../images/topbanner.png) no-repeat center #3e3e3e; margin: 0 auto; position: relative; }
.getit { width: 100%; height: 70px; display: block; position: absolute; }
.closeico { width: 9px; height: 10px; padding: 10px 5px 5px; left: 50%; margin-left: 480px; z-index: 1; position: absolute; cursor: pointer; background: url(../images/closeico.png) no-repeat center; display: block; top: 2px; }