/* CSS Document */
@CHARSET "gb2312";
html,body{
	margin: 0;
    padding: 0;
    width: 100%;
}
body {
    /*background: none repeat scroll 0 0 #f1f5fa;*/
    color: #2D2D2D;
    font-family: "MicroSoft YaHei","΢ÈíÑźÚ",arial;
    font-size: 12px;
    line-height: 22px;
	position:relative;
}
div, ul, ol, li, h1, h2, h3, h4, form, input, textarea, blockquote, p {
    margin: 0;
    padding: 0;
}
table, td, tr, th {
    font-size: 12px;
}
ol, ul {
    list-style: none outside none;
}
li {
    list-style-type: none;
}
img {
    border: 0 none;
    vertical-align: middle;
}
address, cite, code, em, th, i {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: normal;
}
a {
    color: #00437A;
    text-decoration: none;
	outline:none;
	-webkit-appearance: none;
}

p .blue{
	color: #35b0fc;
}
.hidden{
	visibility: hidden;
}
.clear{
	clear:both;
}
.fL{
	float:left;
	overflow:hidden;
}

.fR{
	float:right;
	overflow:hidden;
}

.yahei{
	font-family:"MicroSoft YaHei","΢ÈíÑźÚ";
}

.bold{
	font-weight:bold;
}
.clear{
	clear:both;
}
.clear_more{
	clear:both;
	overflow:hidden
}
.center{
	text-align:center;
}
.ellipsis{
	white-space:nowrap;
	text-overflow: ellipsis;
}
.red{
	color:#e43527;
}
/*animate st*/
@keyframes rotateY{
	from {
		transform:rotateY(0deg);
	}
	to{
		transform:rotateY(360deg);
	}
}
@-webkit-keyframes rotateY{
	from {
		-webkit-transform:rotateY(0deg);
	}
	to{
		-webkit-transform:rotateY(360deg);
	}
}
@-moz-keyframes rotateY{
	from {
		-moz-transform:rotateY(0deg);
	}
	to{
		-moz-transform:rotateY(360deg);
	}
}
/*animate end*/
/**/
/*header start*/
.width{
	width:1000px;
	margin: 0px auto;
	}
.header{
	width:100%;
	}
/*web-nav*/
.web-nav{
		width:100%;
		background-color:#ffffff;
		color:#383838;
}
.web-nav-main{
	height:57px;
	margin:0px auto;
	}
.web-nav-main a,.web-nav-main div,.web-nav-main div a{
	color:#383838;
	line-height:57px;
	font-family: simsun,"΢ÈíÑźÚ",arial;
	font-size: 12px;
	padding: 0px 2px;
}
.web-nav-main div a{
	padding:0px 10px;
}
.web-nav-main  .lslogo{
	width: 124px;
	height: 57px;
	/*background: url(../images/lslogo.png) 0px 5px scroll no-repeat;*/
	display: block;
	float: left;
	margin-right: 38px;
}
.lslogo img{
	width : 100%;
	height : auto;
	margin : 9px auto;
}
/*banner st*/
.banner{
	width: 100%;
	height: 330px;
	border-top: 1px solid #dedede;
	overflow: hidden;
	position: relative;
	/*background: url(../img/banner.jpg) center 0px scroll no-repeat;*/
}
.banner .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/banner.jpg) center 0px scroll no-repeat;
	z-index: 1;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}
.banner .key{
	position: relative;
	display: block;
	margin: 72px auto 0 auto;
	z-index: 2;
	
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
}
.banner .key-des{
	position: relative;
	width: 90px;
	height: 60px;
	display: block;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	margin: 40px auto 0 auto;
	text-align: center;
	z-index: 3;
	
	transform: translateY(150px);
	-webkit-transform: translateY(150px);
	-moz-transform: translateY(150px);
}
.banner .key-des img{
	margin: 20px auto 20px -80.5px;
}

.active .key{
	transition: transform 1s linear;
	-webkit-transition: transform 1s linear;
	-moz-transition: transform 1s linear;
	
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
}
.active .bg{
	transition: transform 2s linear;
	-webkit-transition: transform 2s linear;
	-moz-transition: transform 2s linear;
	
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
}
.active .key-des{
	transition: transform 1s linear;
	-webkit-transition: transform 1s linear;
	-moz-transition: transform 1s linear;
	
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
/*banner end*/
/*box*/
.box{
	margin:32px auto 0 auto;
	border-top:1px solid #b5b5b5;
	overflow: hidden;
}
.box .title{
	margin:20px auto 0 auto;
	height: 29px;
	/*+padding-top:20px;*/
}
.box .title .tx{
	margin: 0 0 0 10px;
}
.box p{
	font-size:16px;
	color: #535353;
}
.box p:hover{
	font-size:16px;
	color: #000000;
}
.box-1 p{
	line-height: 36px;
	text-indent: 36px;
}
.box-1-p{
	margin: 28px auto 0;
}

.title .rotate{
	transform: rotateZ(0deg);
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
}
.active .rotate-1{
	animation: rotateY 3.0s linear infinite;
	-webkit-animation: rotateY 3.0s linear infinite;
	-moz-animation: rotateY 3.0s linear infinite;
}
.active .rotate-2{
	animation: rotateY 3.0s linear 1.0s infinite;
	-webkit-animation: rotateY 3.0s linear 1.0s infinite;
	-moz-animation: rotateY 3.0s linear 1.0s infinite;
}
.active .rotate-3{
	animation: rotateY 3.0s linear 2.0s infinite;
	-webkit-animation: rotateY 3.0s linear 2.0s infinite;
	-moz-animation: rotateY 3.0s linear 2.0s infinite;
}
/*box end*/
/*box-2*/
.wrap{
	/*width: 100%;*/
	height: 252px;
	margin: 42px auto 53px;
}
.wrap .wrap-fL,.wrap .wrap-fR{
	width: 50%;
	/*height: 100%;*/
}
.wrap .wrap-fL .wrap-fL-c{
	text-align: center;
	width: 258px;
	margin: 0 0 0 170px;
}
.wrap .wrap-fR .wrap-fR-c{
	text-align: center;
	width: 202px;
	margin: 0 0 0 100px;
}
.wrap .wrap-fL .wrap-fL-c p,.wrap .wrap-fR .wrap-fR-c p{
	line-height: 20px;
	height: 40px;
	width: 100%;
	margin: 10px auto 0;
}
.wrap .wrap-fR .wrap-fR-c .icon-tx,.wrap .wrap-fL .wrap-fL-c .icon-tx{
	margin: 32px auto 10px auto;
}
.wrap .wrap-fL .wrap-fL-c img,.wrap .wrap-fR .wrap-fR-c img{
	display: block;
	margin: 0 auto;
}
.wrap .wrap-fL .wrap-fL-c .icon-1,
.wrap .wrap-fR .wrap-fR-c .icon-2{
	margin-top: 28px;
	
	transition: transform 1s ease-out;
	-webkit-transition: transform 1s ease-out;
	-moz-transition: transform 1s ease-out;
	
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
.wrap .wrap-fL .wrap-fL-c .icon-1:hover,
.wrap .wrap-fR .wrap-fR-c .icon-2:hover{
	margin-top: 28px;
	transition: transform 1s ease-out;
	-webkit-transition: transform 1s ease-out;
	-moz-transition: transform 1s ease-out;
	
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
}
/*box-2 end*/
/*box-3*/
.box-3{
	/*height: 220px;*/
	margin: 0 auto;
	overflow: hidden;
}
.box-3-wrap{
	width: 900px;
	height: 220px;
	margin: 63px auto 82px;
}
.box-3-wrap .box-3-c{
	width: 200px;
	height: 220px;
	margin: 0 50px;
	float: left;
}
.box-3-c .box-3-1-img{
	background:url(../img/icon-3.jpg) -11px 0px scroll no-repeat; 
}
.box-3-c .box-3-2-img{
	background:url(../img/icon-3.jpg) -179px 0px scroll no-repeat; 
}
.box-3-c .box-3-3-img{
	background:url(../img/icon-3.jpg) -347px 0px scroll no-repeat; 
}
.box-3-c .box-img{
	width: 160px;
	height: 160px;
	margin: 0 auto;
	
	transition: transform 1s ease-out;
	-webkit-transition: transform 1s ease-out;
	-moz-transition: transform 1s ease-out;
	
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
.box-3-c .box-img:hover{
	transition: transform 1s ease-out;
	-webkit-transition: transform 1s ease-out;
	-moz-transition: transform 1s ease-out;
	
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
}
.box-3-wrap p {
	text-align: center;
	margin: 20px 0 0 0;
	/*line-height: 20px;*/
}
/*box-3 end*/
/*form*/
.form{
	width: 998px;
	margin: 0 auto;
	border: 1px solid #aaaaaa;
}
.form .title{
	width: 100%;
	height: 98px;
	border-bottom:2px dashed #d2d2d2;
}
.form .title p{
	font-size:15px;
	color: #535353;
	margin: 0 0 0 36px;
	line-height: 30px;
}
.form .title img{
	margin: 26px 0 0 36px;
}
.form-shadow{
	width: 995px;
	height: 12px;
	background-color: #e5e5e5;
	margin: 0 auto 200px 5px;
}
.form form{
	width: 964px;
	margin: 36px 0 60px 34px;
}
.line{
	height: 37px;
	overflow: hidden;
	margin:0 0 13px 0;
}
.line span{
	line-height: 37px;
	font-size:20px;
	color: #535353;
	width: 80px;
	height: 37px;
}
.line input{
	font-size:20px;
	color: #535353;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
	height: 27px;
	width: 282px;
	line-height: 35px;
	+height: 26px;
	+width: 280px;
	+line-height: 26px;
	padding: 4px 10px;
	margin: 0 0 0 25px;
}
.line .other{
	font-size:12px;
	color: #535353;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
	height: 17px;
	width: 170px;
	line-height: 35px;
	+height: 16px;
	+width: 168px;
	+line-height: 26px;
	padding: 4px 5px;
	margin: 0 0 0 0px;
}
.line-check{
	height: 96px;
	width: 964px;
	overflow: hidden;
	margin:0;
}
.line-check .check-group{
	margin: 0 0 0 25px;
	height: 96px;
	width: 854px;
}
.line-check .check-group .check-box{
	width: 122px;
	height: 28px;
	margin: 4px 0 16px 0;
}
.line-check .check-group .check-box .check-hide{
	display: none;
}
.line-check .check-group .check-box .check{
	width: 26px;
	height: 26px;
	border: 1px solid #aaaaaa;
	text-align: center;
}
.line-check .check-group .check-box .check:hover{
	cursor: pointer;
}
.line-check .check-group .check-box .check .checked{
	display: none;
	margin: 5px auto 0;
}
.line-check .check-group .check-box p{
	color: #535353;
	font-size: 15px;
	line-height: 28px;
	margin: 0 0 0 8px;
}
.line-textarea{
	height: 160px;
}
.line-textarea .textarea{
	height: 138px;
	width: 820px;
	font-size:20px;
	color: #535353;
	border: 1px solid #aaaaaa;
	border-radius: 6px;
	margin: 0 0 0 5px;
	resize: vertical;
	padding: 4px 10px;
}
.line-textarea span{
	height: 100%;
	width: 100px;
}
form .submit{
	display: block;
	width: 163px;
	height: 48px;
	border: none;
	margin: 17px 0 0 105px;
	background: url(../img/btn.png) 0 0 scroll no-repeat transparent;
}
form .submit:hover{
	cursor: pointer;
}
/*form*/