@charset "utf-8";
* {
	padding: 0;
	margin: 0;
	vertical-align: middle;
	outline: 0;
}
html {
	font-size: 61%;
	font-family: Arial, sans-serif;
	vertical-align: top;
}
body {
	font-size: 14px;
	color: #333;
	-webkit-box-sizing: border-box;
	font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
html, body {
	height: 100%;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
ol, ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.2;
}
i, em {
	font-style: inherit;
}
img {
	vertical-align: top;
	border: none;
}
input, button, textarea, select {
	outline: none;
	border: none;
	font-size: 14px;
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
}
.clearfix:before, .clearfix:after {
	display: block;
	height: 0;
	content: "\200b";
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
.wrap{
	position: relative;
	width: 100%;
	min-height: 100%;
	box-sizing: border-box;
}
.wrap_inner{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.padding_footer{
	padding-bottom: 450px;
}
/*头部*/
.head_top ,footer{
	background: #313541;
}
.head_top {    
    height: 112px;
    line-height: 112px;
}
.head_top .head_con .logo img {
    margin: 28px 0;
    display: inline-block;
}
.head_top .head_con .small_nav {
    font-size: 18px;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
}
.head_top .head_con .small_nav #toolbar,.head_top .head_con .small_nav .login_status{
	display: inline-block;
}
.head_top .head_con .small_nav .login_status .login,.head_top .head_con .small_nav .login_status .username{
	display: inline-block;
}
.head_top .head_con .small_nav .login_status .username a{
	color: #fff;
}
.head_top .head_con .small_nav li{
	display: inline-block;
	margin-left: 24px;
}
.head_top .head_con .small_nav li a{
	color: rgba(255,255,255,.8);
	padding: 0 6px;
}
.head_top .head_con .small_nav a:hover,.head_top .head_con .small_nav li.active a{
	color: #0099FF;
}
.head_top .head_con .small_nav .register_btn{
	border: 2px solid #0099FF;
	padding: 6px 28px;
	color: #fff;
	border-radius: 50px;
}

/*footer*/
footer{
	font-size: 14px;
	/*height: 450px;*/
	height:200px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0px;
}
footer .footer_inner{
	padding: 50px 0;
	line-height: 20px;
}
footer .ft_left,footer .ft_right{
	float: left;
}
footer .ft_left{
	margin-right: 40px;
	font-size: 20px;
	color: rgba(255,255,255,.8);
}
footer .ft_right{
	width: 1065px;
}
footer .ft_right ul li{
	float: left;
	width: 213px;
	margin: 4.5px 0;
}
footer .ft_right ul li a,footer li{
	color: rgba(255,255,255,.7);
}
footer p{
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 20px;
	color: rgba(255,255,255,.4);
}
footer .contact_us{
	padding-top: 60px;
}
footer .contact_us li{
	width: auto !important;
	padding-right: 138px;
}


/*banner*/
.banner{
	background: url(../img/banner_bg.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
	padding: 90px 0 510px;
}
.banner .banner_left{
	width: 385px;
	float: left;
	padding: 30px 0;
}
.banner .banner_left img{
	display: block;
	margin: 25px 0;
}
.banner .banner_left a{
	display: inline-block;
	margin: 0px 0 0;
}
.banner .banner_right{
	width: 770px;
	height: 438px;
	background: url(../img/banner_right.png) no-repeat;
	background-size: 100%;
	float: right;
}

/*关于about*/
.about{
	background: #F6FAFF;
	margin: 150px 0;
	height: 458px;
}
.about .about_left{
	position: relative;
	float: left;
	width: 775px;
	margin-top: 40px;
}
.about .about_left .photo {
	max-width: 600px;
	max-height: 338px;
	width: 600px;
	height: 338px;
	position: relative;
	margin: 0 auto;
	background: #F6FAFF;
}
.about .about_left .photo img {
	width: 100%;
	height: 100%;
	position: absolute;
	width: 600px;
	height: 338px;
	overflow: hidden;
	display: none;
}
.about .about_left .btn {
	position: absolute;
	top: 126px;
	display: block;
	width: 86px;
	height: 86px;
}
.about .about_left .btn img{
	position: absolute;
}
.about .about_left .btn img:last-child,.about .about_left .imgbtn img:last-child,.client .client_left a img:last-child{
	display: none;
}
.about .about_left .btn:hover img:last-child,.about .about_left .imgbtn:hover img:last-child,.client .client_left a:hover img:last-child{
	display: block;
}
.about .about_left .prev_btn {
	left: 0;
}
.about .about_left .next_btn {
	right: 0;
}
.about .about_left .imgbtn{
    display: inline-block;
    margin: 0 32%;
    position: absolute;
    bottom: 50px;
}
.about .about_left .imgbtn img{
	position: absolute;
}
.about .about_right{
	float: right;
	width: 390px;
	margin-top: 83px;
}
.about .about_right h3,.client .client_left h3,.help_con .help_top h3{
    background: url(../img/about.png) no-repeat left;
    font-size: 42px;
    font-weight: 600;
    padding: 70px 0 0 0;
}
.about .about_right h3 i,.client .client_left h3 i,.help_con .help_top h3 i{
	width: 40px;
    height: 4px;
    display: block;
    background: #0099FA;
    margin-bottom: 0;
    position: relative;
    top: -70px;
}
.about .about_right p,.client .client_left p{
	font-size: 19px;
	color: #8091A5;
	margin-top: 32px;
	line-height: 36px;
}

/*多方面功能介绍*/
.various{
	
}
.various li{
	border:1px solid rgba(223,230,238,1);
	box-sizing: border-box;
	border-radius: 8px;
	width: 360px;
	height: 400px;
	float: left;
	text-align: center;
	margin-bottom: 60px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.various li:nth-of-type(2),.various li:nth-of-type(5){
	margin: 0 60px 60px;
}
.various li:hover{
	box-shadow:0px 8px 20px 0px rgba(176,186,197,0.4);
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.various li img{
	width: 120px;
}
.various li h3{
	color: #313541;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 27px;
}
.various li p{
	color: #8091A5;
	font-size: 16px;
	line-height: 32px;
}

/*下载客户端*/
.client{
    background: url(../img/ClientImg_bg.png) no-repeat right;
	padding: 182px 0;
}
.client .client_left{
	float: left;
	width: 525px;
}
.client .client_left h3{
    background: url(../img/download.png) no-repeat left;
}
.client .client_left a{
	position: relative;
	display: inline-block;
	width: 240px;
	margin-top:60px	
}
.client .client_left a:last-child{
	margin-left: 40px;
}
.client .client_left a img{
	position: absolute;
}
.client .client_right{
	float: right;
    width: 675px;
    margin-top: 70px;
    position: absolute;
    right: 0;
    bottom: -176px;
}

/*截图查看大图*/
.pic_img{
	margin: 12px 0 0;
	position: relative;
}
.fancybox-title-float-wrap .child a{
	color: #fff;
}
.photos {
	margin: 15px auto 60px 28px;
	font-size: 0px;
}
.photos .photo {
	position: relative;
	overflow: hidden;
}
.photos .photo:hover{
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.35);
}


/*帮助*/
.help_con{
	padding: 100px 0 160px;
}
.help_con .help_top{
	margin-bottom: 35px;
}
.help_con .help_top h3{
	background: url(../img/help.png) no-repeat left;
}
.help_con .help_inner{
	font-size: 16px;
	font-family:PingFangSC-Semibold;
	color: #8091A5;
	line-height: 36px;
	font-weight: 600;
}



/*当页面宽度大于2100px小于2880px的时候执行下面的CSS*/
@media (min-width:2200px) and (max-width:2880px) {
	.pic_img .gallery-item{
		width: 11.7%;
		height: 200px;	}
	.pic_img li a img {
		max-height: 200px;
	}
}