body{
    font-family: Arial, Helvetica, sans-serif;
    color:#2C7DB4;
    font-size:18px;
    margin:0;
    padding:0;
}

a{
    text-decoration: none;
}


ul{
    list-style:none;
}

h1{
    font-size:31px;
}

#doc{
	position:fixed;
	width:80%;
	height:600px;
	top:0px;left:0px;right:0px;bottom:0px;
	margin:auto;
	display:none;
	z-index:9999;
	background:#E4F3F9;
	
}

#close-doc{
	position:absolute;
	top:-30px;
	text-align:right;
	cursor:pointer;
	width:100%;
	color:#fff;
}
	#ac {width:100%;height:100%;}
		#ac .el {width:100%;height:24px;position:relative;display:table;border-bottom:1px dashed #999;}
			#ac .el .title{background:#ececec;color:#333;font-size:15px;height:25px;line-height:25px;padding-left:10px;margin:0px;cursor:pointer;}
				#ac .title span{float:right;oolor:blue;margin-right:10px;font-size:12px;}
					#ac .title span:hover{text-decoration:underline}
			#ac .el .desc{overflow-y:scroll;height:0px;background:#fff;font-size:12px;position:relative;color:#000;padding:0px;}
			#ac .title a{float:right;position:relative;margin-right:15px;font-size:12px;}
				#ac .title a:hover{text-decoration:underline}
				
	#op{position:fixed;width:100%;height:100%;opacity:0;z-index:101;top:0px;left:0px;display:none;}			
				


.title{
    font-size: 48px;
    margin: 15px 0 31px;
    letter-spacing: 2px;
}

#container{
    width:100%;
    margin:0 auto;
}

.block-fix{
    width:100%;
    min-width:1260px;
    padding-bottom: 40px;
}

.row1{
    background-color: #2C7DB4; 
    height: 103px;
    padding-bottom: 0;
}

.row2{
    background: #223e53; 
    padding-bottom: 74px;
}

.row3{
    background: #E4F3F9;
    color: #464646;
    padding-top: 1px;
}

.row4{
    background: #bbc2c7;
    padding-bottom: 0;
}
.row4-bg{
    background: url('/s/img/row4.png') no-repeat center 21px;
    padding: 10px 0;
    height: 765px;
}

.row5{
	background: #abc1d0;
	padding-bottom: 38px;
	padding-top: 17px;
}

.row6 {
	background: #93999d url('/s/img/row6.png') repeat;
	padding-bottom: 39px;
}

.row7{
	background: #2C7DB4;
	color: #999;
	padding-bottom: 0;
}

.row-dotted{
    background: url(/s/img/dotted.png) 0 0 repeat-x;
    height: 1px;
    margin-bottom: 0;
}

#header{
    color: #9e9e9f;
}

#header .logo{
    width:228px;
    height:103px;
    background:url(/s/img/logo.png) 0 50% no-repeat;
    float:left;
    
}

#header .logo a{
    display:block;
    width:100%;
    height:100%;
}

#header .header-top{
    float:right;
    height:106px;
    line-height: 106px;
    padding:16px 45px 0;
}

#header .header-top>div{
    float:left;
    padding: 0 33px;

}

#header .header-top div:first-child{
    padding-left: 0;
}

#header .header-top div.last{
    padding-right: 0;
}

#header .header-top p{
    line-height: 26px;
    margin: 8px 0;
}

#header ul{
    float:right;
    margin-top:32px;
}

#header li{
    display:inline-block;
    margin-left:30px;
}

#header li:first-child{
    margin-left:0px;
}

#header li p{
    margin-top:5px;
}

#footer{
    color:#303136;
    height: 103px;
    line-height: 103px;
    font-size: 14px;
}

#footer div{
    display: inline-block;
}

#footer .copy{
    float:left;
    margin-left:359px;
    color: #7c8b95;
}

#footer .social-btn{
    float:right;
    margin-top:40px;height: 30px;
    overflow: hidden;
}

#footer>div>a{
    color:#7c8b95;
    text-decoration: underline;
}

.body-row{
    width:1120px;
    margin:0 auto; 
	padding-left: 40px;   
}

.block1 .img{
    width:512px;
    height: 386px;
    background: url(/s/img/row2-img.png) 0px 10px no-repeat;
    float:right;
    margin-top:30px;
    position: relative;
    margin-right: 35px;
    z-index: 10;
}

.block1 .img .video{
    position: absolute;
    top:25px;
    right:51px;
    background: #47484D;
    height: 240px;
    width: 410px;
    padding-top: 3px;
}

.block1 .img .sticker{
    position: absolute;
    right: -16px;
    top: -10px;
    background: url('/s/img/sticker.png') no-repeat center center;
    width: 94px;
    height: 92px;
    z-index: 99;
}

.block1 .text .title{
    line-height: 55px;
    margin: 31px 0 24px;
    color:#2C7DB4;
}

.block1 .text{
    color:#ebebeb;
    padding:20px 0 0;
    line-height: 28px;
    position: relative;
}
.block1 .text .arrow{
	background: url("/s/img/row2-arrow.png") no-repeat;
    height: 62px;
    left: 474px;
    position: absolute;
    top: 181px;
    width: 108px;
}
.block1 .text p {
	margin: 3px 0;
}

.block1 .text .btn{
    margin-top:29px;
}


.btn,.seminar{
    display: inline-block;
    height:48px;
    line-height: 48px;
    padding:0 70px 0 70px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    background: #db7a1b;
    cursor: pointer;
    color:#fff;
}

.btn.blue{
    background: #2372aa;
    color:#fff;
}
.btn.blue:hover{
    background: #316182;
}
.btn.green{
    background: #03948b;
    color:#323232;
}
.btn.green:hover{
    background: #089c93;
}
.btn:hover{
    background: #d97516;
}
.btn.orange{
    background: #f79000;
    color:#fff;
}
.btn.orange:hover{
    background: #fc9a11;
}
.btn span:after{
    content: '';
    position: absolute;
    background: url(/s/img/btn-s-gr.png) 0 0px no-repeat;
    width: 10px;
    height: 10px;
    margin-left:10px;
    top:21px;
}
.btn span {
    display: inline-block;
    position: relative;
}

.btn.orange span:after,
.btn.blue span:after{
    background: url(/s/img/btn-s-wh.png) 0 0px no-repeat;
}

.block2 .title {
    margin: 16px 0;
}

.block2 .cloud{
    position: relative;
    border:2px solid #fff;
    min-height: 98px;
    clear:both;
    margin-top: 33px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    background: #dedede;
    display: inline-block;
    width: 1097px;
}

.block2 .cloud p{
    text-align: justify;
    margin: 14px 10px;
}

.block2 .cloud p{
    padding:0 3px;
    display: none;
}

.block2 .cloud .tail{
    background: url(/s/img/cloud1-tail.png) no-repeat center center;
    width:28px;
    height: 17px;
    position: absolute;
    top:-17px;
}

.cloud.syse1 .tail{left:70px}
.cloud.syse2 .tail{left:260px}
.cloud.syse4 .tail{left:800px}
.cloud.syse5 .tail{left:985px}
.cloud.syse6 .tail{left:440px}
.cloud.syse7 .tail{left:620px}

.cloud.syse3 .sys3-image {
	background: url('/s/img/cloud1-syse3.png') no-repeat 9px -10px;
	width: 1073px;
	height: 177px;
}

.block2 .item p{width:165px;font-size:21px;}

.block2 .item{
    width: 90px;
    text-align: center;    
    float:left;
    margin-right:110px;
    cursor: pointer;
    display: inline-block;
    font-size: 23px;
}
.block2 .item.e1{
    margin-right:100px;
}
.block2 .item.e2{
    margin-right:90px;
}
.block2 .item.e4{
    margin-right:90px;
}
.block2 .item.e6{
    margin-right:90px;
}
.block2 .item.e5{
    margin-right:0;
}

.block2 .item.e7{
    margin-right:95px;
}

.block2 .icon {
	background: url(/s/img/row3-icons_2.png) no-repeat;
	width: 165px;
	height: 165px;
	margin: 12px auto 14px;
}

.block2 .e1 .icon{
    background-position: 0 0;
}
.block2 .e2 .icon{
    background-position: -196px 0;
}
.block2 .e4 .icon{
    background-position: -397px 0;
}
.block2 .e5 .icon{
    background-position: -592px 0;
}
.block2 .e6 .icon{
    background-position: -765px 0;
}

.block2 .e7 .icon{
    background-position: -940px 0;
}

.block2 .e1 .icon:hover{
    background-position: 0px -186px;
}
.block2 .e2 .icon:hover{
    background-position: -196px -186px;
}
.block2 .e4 .icon:hover{
    background-position: -397px -186px;
}
.block2 .e5 .icon:hover{
    background-position: -592px -186px;
}
.block2 .e6 .icon:hover{
    background-position: -769px -186px;
}

.block2 .e7 .icon:hover{
    background-position: -940px -186px;
}

.block2 .buttons{
    text-align: center;
    margin-top: 38px;
}
.block2 .buttons .btn {
	background: #124f7c;
	color: #fff;
}
.block2 .buttons .btn:hover{
	background: #10578d;
}

.show {
    display: inline-block !important;
}
.block3 {
	position: relative;
	color: #272727;
}
.block3 .title{
    margin: 4px 0;
    font-weight: bold;
    letter-spacing: 0;
}
.block3 .benefit{
	position: absolute;
	border: 2px solid;
	width: 459px;
	height: 127px;
	border-radius: 3px;
	padding: 15px;
	font-family: arial;
}
.block3 .benefit p {
	margin: 0 0 10px;
}
.block3 .benefit .benefit-title {
	font-size: 23px;
}
.block3 .benefit.b1{
	left: 41px;
	top: 194px;
	border-color: #e9a341;
}
.block3 .benefit.b2{
	left: 649px;
	top: 193px;
	border-color: #ae6181;
}
.block3 .benefit.b3{
	left: 42px;
	top: 486px;
	border-color: #4f9896;
}
.block3 .benefit.b4{
	left: 648px;
	top: 486px;
	border-color: #969696;
}
.block3 .buttons {
	position: absolute;
	top: 685px;
	left: 435px;
}
.block3 .buttons .btn {
	padding-left: 57px;
	background: #883558;
}
.block3 .buttons .btn:hover {
	background: #94325c;
}
.block4 {
	color: #313131;
}
.block4 .title{
	margin-top: 0;
	font-weight: bold;
	letter-spacing: 0;
}
.block4 p.text {
	margin: 0;
}
.block4 ul.list{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.block4 ul.list li{
	list-style: none;
	float: left;
	width: 450px;
	padding-left: 80px;
	min-height: 110px;
}
.block4 ul.list li.list-col1{
	width: 420px;
	padding-right: 75px;
}
.block4 ul.list li .list-icon{
	background: url('/s/img/row5-icons.png') no-repeat;
	width: 80px;
	height: 70px;
	margin: 6px 0 0 -89px;
	float: left;
}
.block4 ul.list li .list-body{
	margin-left: 12px;
	margin-top: 3px;
}

.block4 ul.list li .list-body .list-body-title{
	font-size: 23px;
	line-height: 36px;
	margin: 0;
}

.block4 ul.list li .list-body .list-body-text{
	margin: 5px 0;
}

.block4 ul.list li .list-icon.i1{
	background-position: 5px 2px;
}
.block4 ul.list li .list-icon.i2{
	background-position: -337px 0;
}
.block4 ul.list li .list-icon.i3{
	background-position: -168px 0;
}
.block4 ul.list li .list-icon.i4{
	background-position: -257px 0;
}
.block4 ul.list li .list-icon.i5{
	background-position: -83px 0;
}
.block4 ul.list li .list-icon.i6{
	background-position: -420px -1px;
}
.block4 .buttons{
    text-align: center;
    margin-top: 33px;
}
.block4 .buttons .btn {
	background: #f19413;
	color: #1a1b1f;
}
.block4 .buttons .btn:hover {
	background: #f99710;
}

.block5 {
	padding: 27px 0 0;
}
.block5 p {
	margin: 0 0 5px;
	color: #201f1f;
}