@charset "UTF-8";
body {
	font-family: '微软雅黑';
	font-size: 18px;
	color: #312F30;
	margin: 0 auto;
	background: #F9F7F8;
}

a {
	color: #4a66af;
	cursor: pointer;
	transition: all .15s ease-out;
	text-decoration: none;
}

ol,
ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

p {
	margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400;
}
input { outline:none; }
#container {
	width: 1220px;
	min-width: 1220px;
	/* 这将创建一个占据 1220px 浏览器宽度的容器 */
	margin: 0 auto;
	/* 自动边距（与宽度一起）会将页面居中 */
	text-align: center;
	-webkit-box-shadow: #EEEEEE 0px 0px 10px;
	-moz-box-shadow: #EEEEEE 0px 0px 10px;
	box-shadow: #EEEEEE 0px 0px 10px;
}

#mainContent {
	position: relative;
	padding: 0 20px;
	/* 请记住，填充是 div 方块内部的空间，边距则是 div 方块外部的空间 */
}
.clear {
	clear: both;
}
/*顶部内容*/
header{
	width: 100%;
	height: 80px;
	background:#FFFFFF;
}
.header_left{
	width: 570px;
	height: 100%;
	line-height: 80px;
	font-size: 2rem;
	text-align: right;
	color: #4a66af;
	float: left;
}
.header_right{
	width: 280px;
	height: 100%;
	float: right;
	margin-right: 350px;
}
.header_right ul li{
	float: left;
	color: #4a66af;
	vertical-align: middle;
	font-size: 16px;
	margin-left: 80px;
	margin-top:30px;
}
.header_right ul li img{
	width: 18px;
	height: 18px;
	margin-top: 3px;
	margin-right: 5px;
}
.header_right ul li span{
	vertical-align: top;
}
.header{
	height: 90px;
	font-size: 25px;
	line-height: 90px;
	color:#696768;
	text-align: center;
}
section{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.sect{
    width: 100%;
	height: 90px;

}
.sect_left{
	width: 270px;
	height: 50px;
	float:left;
	font-size: 1.5rem;
	color:#4a66af;
	margin-top: 20px;
}
.sect_right{
	width: 420px;
	height: 40px;
	float: right;
	margin-top: 20px;
}
.sect_right_input{
	width: 400px;
	height: 35px;
	 border: 1px solid #4a66af;
	 margin-top: 5px;
}
.sect_right_search{
    width: 35px;
    height: 35px;
    float: right;
	background:#4a66af;
}
.sect_right_input input{
	width: 355px;
	height: 32px;
	margin-top: 1px;
	border:none;
	margin-left: 10px;
}
.sect_right_search img{
	margin-top: 10px;
}
/*快速体验开始*/
center{
	width: 100%;
	height: 100%;
   background: #FFFFFF;
}

.center_left{
	width: 300px;
	height: auto;
	float:left;
	font-size: 18px;
	text-align: left;

}

.ce {
	display: block;
	width: 100%;
	font-size: 18px;
}
.more {
	margin-left: 36px;
}
.ce li a {
	padding: 10px 10px 10px 20px;
	color: #2A2A2A;
	display: block;
	cursor: pointer;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #EEEEEE;
}

.ce li a:hover {
	color: #FFFFFF;
	background:#4a66af;
}

.ce li .dqian {
	background: none
}

.ce li .xz {
	color: #FFFFFF;
	background:#4a66af;
}

.er {
	display: none;
	width: 100%;
	background: #FFFFFF;
	
}

.er li {
	width: 100%;
	border:none;
}

.er li a {
	
	display: block;
	padding: 0px 10px 10px 20px;
	color: #000000;
	background: #FFFFFF;
	font-size: 15px;
	border: none;
}
.er li a:hover,
.er li .sen_x {
	color:#4a66af;
	background:#FFFFFF;
	border-left: 3px solid #4a66af;
    
}
.center_right{
width: 917px;	
height: 100%;
float: right;
border: 1px solid #EEEEEE;
}
.center_right_head h1{
	 font-size: 2rem;
	 text-align:center;
	 margin-top: 50px;
}
.center_right_head input{
	width: 110px;
	height: 35px;
	border:none;
	border-radius: 17px;
	color: #FFFFFF;
	background: #4a66af;
	font-size: 17px;
}
.center_right_head p{
	width: 800px;
	margin-top: 20px;
	text-align: left;
	line-height: 30px;
	font-size: 16px;
	text-indent:2rem;
}
.center_right_head{
	width: 100%;
	height: 280px;
}
.screen{
	background: #4a66af;
	color: #FFFFFF;
}

.center_right_setion h1{
	font-size: 2rem;
	text-align: left;
	margin-left: 150px;
	color: #636363;
}
.center_right_setion{
	
}
.center_right_setion_left{
	width: 240px;
	float: left;
	margin-left: 150px;
	text-align: left;
}
.center_right_setion_left ul li{
	margin-top: 23px;
}
.center_right_setion_right{
	width: 200px;
	float: right;
	margin-right: 140px;
	margin-top: -55px;

}
.center_right_setion_right img{
	width: 127px;
	height: 126px;
	border: 1px solid #696768;
}
.center_right_sent{
	width: 100%;


}
.center_right_sent{
	margin-top: 20px;
}
.center_right_sent>ul>li{
	border-bottom: 1px solid #EEEEEE;
	margin-top: 20px;
	padding-bottom: 40px;
}
.center_right_sent p{
	font-size: 2rem;
	padding-bottom: 20px;
}
.browsers {
	height: 200px;
}
.browsers li{
	margin-left: 130px;
	margin-top: 70px;
  float: left;
}
.browsers li p{
font-size: 15px;	
margin-top: 10px;
}
.browsersone{
	float: left;
	margin-left: 140px;
	margin-top: 60px;
	padding-bottom: 10px;
}
/*快速体验结束*/
/*前言开始*/
.center_right_preface p{
	font-size: 2rem;
	color:#636363;
	margin-top: 20px;
}
.center_right_preface span{
	text-align: left;
 width: 90%;
 display: block;
 font-size: 17px;
 line-height: 30px;
 margin-top: 50px;
 color: #2F2F2F;
}
.center_right_preface img{
	width: 768px;
	height: 473px;
	margin-top: 20px;
}

.customer p{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
}
.customer span{
	text-align: left;
 width: 95%;
 display: block;
 font-size: 17px;
 line-height: 30px;
 margin-top: 80px;
 color: #2F2F2F;
}
.customer img{
	width: 541px;
	height: 194px;
	margin-top: 50px;
}
.administrators p{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
}
.administrators span{
	text-align: left;
 width: 95%;
 display: block;
 font-size: 17px;
 line-height: 30px;
 margin-top: 80px;
 color: #2F2F2F;
}
.administrators img{
	width: 578px;
	height: 267px;
	margin-top: 50px;
}

.ordinary p{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
}
.ordinary span{
	text-align: center;
 width: 95%;
 display: block;
 font-size: 17px;
 line-height: 30px;
 margin-top: 80px;
 color: #2F2F2F;
}
.ordinary img{
	width: 581px;
	height: 309px;
	margin-top: 50px;
}
.framework p{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
}
.framework img{
	width: 357px;
	height: 367px;
	margin-top: 50px;
	margin-right: 50px;
}
.launch h1{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
}
.launch p{
	text-align: left;
	margin-left: 160px;
	line-height: 90px;
}
.launch ul li{
	padding-bottom: 60px;
	border-bottom:1px solid #EEEEEE;
}
.launch ul li img{
	width: 626px;
	height: 525px;
}
.see p{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
}
.see span{
	text-align: center;
 width: 95%;
 display: block;
 font-size: 17px;
 line-height: 30px;
 margin-top: 50px;
 color: #2F2F2F;
}
.see img{
	width: 626px;
	height: 525px;
	margin-top: 50px;
}
.handle h1{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
}
.handle p{
	text-align: left;
	margin-left: 150px;
	margin-top: 50px;
}
.handle span{
   width: 620px;
	display: block;
	text-align: left;
	color: #696768;
	font-size: 16px;
	margin-top: 10px;
}
.handle ul li{
	padding-bottom: 60px;
	border-bottom: 1px solid #EEEEEE;
}
.handle ul li img{
	width: 626px;
	height: 525px;
	margin-top: 30px;
	
}
.release p{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
}
.release ul {
	margin-top: 100px;
}
.release ul li{
	width: 700px;
	line-height: 40px;
	text-align: left;
	font-size: 17px;
	color: #656565;
}
.release ul li img{
	width: 626px;
	height: 525px;
	margin-top: 30px;
	
}
.circulation{

}
.circulation h1{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
	padding-bottom: 50px;
}
.circulation p{
	text-align: left;
	display:block;
	font-size: 19px;
	margin-top: 20px;
	color: #000000;
		width: 630px;
}
.circulation span{
	text-align: left;
	display:block;
	font-size: 17px;
	line-height: 40px;
	width: 630px;
	color: #696768;
}
.circulation img{
	width: 626px;
	height: 525px;
	padding-bottom: 50px;
	margin-top: 30px;
	
}
.information P{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
}
.information ul{
	margin-top: 100px;
}
.information ul li{
	text-align: left;
	width: 630px;
	margin-top: 20px;
	color: #383838;
}
.information ul li img{
	vertical-align: middle;
	 margin-right: 10px;
}
.information>img{
	width: 625px;
	height: 337px;
	margin-top: 20px;
	display: block;
}
.function h1{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
	padding-bottom: 50px;
}
.function p{
	width: 630px;
	text-align: left;
	display: block;
	margin-top: 30px;
}
.function span{
	width: 630px;
	text-align: left;
	line-height: 35px;	
	display: block;
	font-size: 16px;
	color: #636363;
}
.function>img{
	 padding-bottom: 70px;
	margin-top: 20px;
	display: block;
}
.function h2{
	font-size: 19px;
}
.mywatch h1{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
	padding-bottom: 50px;
}
.mywatch h5{
	width: 740px;
	text-align: center;
	display: block;
	font-size: 16px;
	padding-bottom:20px;
	padding-top: 30px;
}
.mywatch p{
	width: 630px;
	text-align: left;
	display: block;
	font-size: 20px;
	color: #000000;
	line-height: 50px;
	margin-top: 40px;
}
.mywatch span{
	width: 630px;
	text-align: left;
	display: block;
	font-size: 16px;
	color: #000000;
	margin-bottom: 20px;
}
.mywatch ul li{
	width: 630px;
	text-align: left;
	display: block;
	color: #636363;
	font-size: 16px;
	margin-top: 10px;
}

.mywatch img{
	 padding-bottom: 70px;
	margin-top: 20px;
	display: block;
}
.task p{
	font-size: 2rem;
	color:#636363;
	margin-top: 50px;
	padding-bottom: 50px;
}
.task span{
	width: 630px;
	text-align: left;
	display: block;
	font-size: 16px;
	margin-top: 10px;
}
.task h4{
		width: 630px;
	  font-size: 16px;
	display: block;
	padding-top: 30px;
}
.task h5{
		width: 630px;
	text-align: left;
	display: block;
	line-height: 40px;
	padding-top: 30px;
	margin: 0px;
}
.task h6{
		width: 630px;
	text-align: left;
	display: block;
	color: #636363;
	font-size: 15px;
      padding-bottom: 20px;
	margin: 0px;
}
.task img{
	 padding-bottom: 70px;
	display: block;
}