@charset "UTF-8";
/* CSS Document */
body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,legend,li,ol,p,ul {margin: 0;padding: 0}
body, html {height: 100%; min-height: 100%; width: 100%; margin: 0; padding: 0;font-size: 14px; color: #f7f7f7; background: #fff; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif,Tahoma;}
html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

fieldset,img {
	border: none
}

img {
	display: inline-block;
	vertical-align: middle
}

ol,ul {
	list-style: none
}

input {
	padding-top: 0;
	padding-bottom: 0;
	font-family: "Microsoft Yahei",SimSun,"Helvetica Neue",Helvetica,Arial,sans-serif,Tahoma
}

input::-moz-focus-inner {
	border: none;
	padding: 0
}

input,select,textarea {
	font-size: 14px;
	margin: 0
}

input[type=text],input[type=password],textarea {
	outline-style: none;
	-webkit-appearance: none
}

textarea {
	resize: none
}

input,textarea {
	background: 0 0;
	border: none
}

button {
	font-family: "Microsoft Yahei",SimSun,"Helvetica Neue",Helvetica,Arial,sans-serif,Tahoma
}

table {
	border-collapse: collapse
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none
}

a i[class^=icon-] {
	color: inherit
}

a:active,a:focus,a:hover {
	text-decoration: none
}

h1,h2,h3,h4,h5,h6,label {
	font-weight: 400
}

dd,dt,h1,h2,h3,h4,h5,h6,input,label,li,p,td {
	color: inherit;
	font-size: 14px;
	text-align: left
}

input[type=radio],input[type=checkbox] {
	margin-right: 3px
}

b {
	display: inline-block;
	vertical-align: middle
}

i {
	cursor: pointer
}

i:before {
	cousor: pointer
}

.control-group .controls label input[type=radio],.control-group .controls label input[type=checkbox] {
	vertical-align: middle
}

.red {
	color: red!important
}

.clearfix {
	clear: both;
	zoom: 1
}

.clearfix:after,.clearfix:before {
	content: "";
	display: table;
	clear: both
}

i[class^=icon-] {
	margin-right: 3px;
	color: #5b5b5b
}

i[class^=icon-] :after,i[class^=icon-] :before {
	cursor: pointer
}

.container {
	margin: 0 auto
}

.container:after,.container:before {
	display: table;
	line-height: 0;
	clear: both
}

.header.fixed-top {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99999
}

.header {
	width: 100%;
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	text-align: center;
	background: rgba(59,59,60,.8);
	overflow: hidden
}

.header .brand {
	float: left;
	border: none
}

.header .brand img {
	border: none
}

.header .navbar li {
	float: left;
	line-height: inherit;
	width: auto
}

.header .navbar a:link {
	padding: 0 10px
}

.header .navbar a:hover,.header .navbar a:link,.header .navbar a:visited {
	text-decoration: none
}

.header .navbar li:last-child a:link {
	padding: 0 0 0 10px
}

.header .navbar .sub-menu li {
	float: none
}

.uneditable-input,input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],input[type=text],input[type=password],select,textarea {
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	display: inline-block;
	height: 20px;
	padding: 5px;
	font-size: 14px;
	line-height: 20px;
	color: #5b5b5b;
	background: #fff;
	vertical-align: top;
	font-family: "microsoft yahei";
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	border: 1px solid #e7e7eb;
	box-shadow: inset 0 0 2px #e7e7eb;
	-webkit-box-shadow: inset 0 0 2px #e7e7eb;
	-moz-box-shadow: inset 0 0 0 2px #e7e7eb;
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s
}

.uneditable-input:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {
	box-shadow: 0 0 5px #8BD3D3;
	-webkit-box-shadow: 0 0 5px #8BD3D3;
	-moz-box-shadow: 0 0 5px #8BD3D3;
	border: 1px solid #8BD3D3
}

input[type=datetime],input[type=datetime-local],input[type=date],select {
	box-shadow: 0 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 0 transparent;
	-moz-box-shadow: 0 0 0 0 transparent;
	-o-box-shadow: 0 0 0 0 transparent
}

.input-prepend {
	font-size: 0;
	text-align: right;
	margin-bottom: 0
}

.input-prepend .add-on,.input-prepend .unit {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #c9c9c9;
	text-shadow: 0 1px 0 #fff
}

.input-prepend .add-on,.input-prepend input[type=text].add-on {
	vertical-align: top;
	padding: 0 5px;
	width: 70px;
	background: #f2f2f2!important;
	border-right: none!important
}

.input-prepend .add-on:active,.input-prepend .add-on:focus,.input-prepend input[type=text].add-on:active,.input-prepend input[type=text].add-on:focus {
	outline: 0
}

.input-prepend .unit {
	padding: 0 5px;
	border-left: none;
	vertical-align: top
}

.input-prepend input[type=date],.input-prepend input[type=number],.input-prepend input[type=text] {
	width: 80px;
	height: 20px;
	vertical-align: top;
	line-height: 20px;
	font-size: 14px;
	border: none;
	border: 1px solid #c9c9c9;
	padding: 0;
	text-indent: 10px;
	background: #fff
}

.input-prepend select {
	vertical-align: top
}

.header {
	height: 70px;
	line-height: 70px
}

.navbar li a {
	font-size: 16px
}

.navbar .active>.dropdown-toggle,.navbar .open.active>.dropdown-toggle,.navbar .open>.dropdown-toggle {
	background-color: transparent
}

article,aside,dialog,figure,footer,header,menu,nav,section {
	display: block
}

html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.container {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0
}

ol,ul {
	list-style: none
}

.section {
	position: relative;
	overflow: hidden;
	display: block
}

.section:after,.section:before {
	content: " ";
	display: table
}

.section:after {
	clear: both
}
[class^=icon] {display: inline-block;/* font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; */ -moz-osx-font-smoothing: grayscale;}
.page {
    height: 100%;
    background: url(../image/bg.jpg) center;
    background-size: auto 100%;
}
.header.fixed-top {position: fixed; left: 0; right: 0; top: 0; z-index:10;}
.header {width:100%; height:70px; line-height:70px; box-shadow: 0 5px 15px rgba(0,0,0,.25); text-align: center;background: rgba(59,59,60,.8);overflow: hidden;}
.header .brand {float: left; border: none;}
.header .brand img{border: none;vertical-align: middle;}
.nav-collapse li{padding-right:5px;}
.sf, .s1{height:100%}
.container {max-width: 1000px;margin: 0 auto;padding: 0;}
.icon-phone-se{width:32px; height:27px;vertical-align:-6px;line-height:70px; background:url(../image/red-icon.png) -125px -232px no-repeat; no-repeat;}
.navbar li.pull-right.number strong {margin-right: 10px; font-size: 18px; font-weight: 700;}
.banTex{position:relative; margin-top:30%; width:486px; height:106px; line-height:106px; text-align:center; font-size:30px; color:#ffffff; background:rgba(143,142,142,.6);}
.s1{background:url(../image/s1-bg.jpg) repeat;}
.s1 h1 {font-size: 44px; padding-bottom:5%;text-align: center;	font-family: "Microsoft YaHei"; color: #000}
.s1 h1:before {display: none}
.s1 h1:after {display: none}
.s1ul{max-width:726px; margin:0 auto 20% auto;}
.s1ul li{width:33%; margin:1px; padding:3% 0 4% 0; background:rgba(181,178,178,.32); color:#3b3b3b; font-size:24px; text-align:center; float:left; cursor:pointer; overflow:hidden;}
.s1ul li span{width:55px; height:55px; display:block; margin:6px auto 18px auto;}
.s1ulDis{display:none; font-size:18px; padding:8% 7% 8% 9%; text-align:left;}
.s1uiMar{margin-left:31%}
.s1bg1{background:url(../image/red-icon.png) -2% -2% no-repeat;}
.s1bg2{background:url(../image/red-icon.png) 49% -2% no-repeat;}
.s1bg3{background:url(../image/red-icon.png) 103% -7% no-repeat;}
.s1bg4{background:url(../image/red-icon.png) -2% 31% no-repeat;}
.s1bg5{background:url(../image/red-icon.png) 51% 31% no-repeat;}
.s1bg6{background:url(../image/red-icon.png) 101% 32% no-repeat;}
.s2bg1{background:url(../image/red-icon.png) -5% 66% no-repeat;}
.s2bg2{background:url(../image/red-icon.png) 49% 66% no-repeat;}
.s2bg3{background:url(../image/red-icon.png) 103% 67% no-repeat;}
.s2bg4{background:url(../image/red-icon.png) -5% 103% no-repeat;}
.s1, .s2{padding-top:8%;}
.s2 h1, .s3 h1{padding-bottom: 80px; position: relative; text-align: center; -webkit-margin-before: 0; -webkit-margin-after: 0; margin: 0;font-size: 44px; font-family: "Microsoft YaHei"; color: #000;}
.s2 {background:#5dc2c5;}
.s1 h1, .s2 h1{padding-top: 20px !important;}
.s2Box{width:98%; margin:0 auto;}
.s2BoxCon{width:23%; height:270px; margin:0 1% 15% 1%; background:#dff3f3; float:left;}
.s2BoxConTit{position:relative;height:90px; padding-top:30px;}
.s2BoxConTit .sp1{width:55px; height:55px; display:inline-block; margin-left:16%;}
.s2BoxConTit .sp2{position:absolute; top:40px; right:24%; font-size:24px; color:#3b3b3b;}
.s2BoxConTex{font-size:18px; padding:40px 12px 0 16px; line-height:36px; color:#3b3b3b; text-align:justify;}
.s3{width:100%;background:url(../image/s1-bg.jpg) repeat;}
.s3Con{max-width:1008px;margin:0 auto; padding:0 0 8% 0; background:url(../image/s3-bg.png) right center no-repeat;}
.s3 h1{padding:7% 0 4% 2% !important;text-align:left !important}
.s3ConTex{font-size:18px; color:#3b3b3b; width:40%; padding-left:4%; line-height:36px;}
.s4{width:100%; background:#3b3b3c; padding-bottom:5%; overflow:hidden;}
.s4Con{max-width:1000px; margin:0 auto; padding:5% 1% 0 1%;}
.s4 h1{font-size:36px; color:#ffffff; padding-bottom:3%; padding-left:2%; font-family: "Microsoft YaHei";}
.s4Conc{font-size:14px; color:#ffffff;}
.erm{width:25%; margin-right:5%; float:left; text-align:center; overflow:hidden;}
.erm img{margin:5px 0;}
.erm p{text-align:center;}
.frg{width:70%; float:left;}
.frgt{padding-top:2%; line-height:200%;}
.frgts{width:50%; float:left;}
.frgts span{width:41px; height:25px; display:block; float:left;}
.s4bg1{background:url(../image/red-icon.png) -76px -232px no-repeat;}
.s4bg2{background:url(../image/red-icon.png) -125px -232px no-repeat;}
.s4div{display:block; float:left;}
.copyright{width:100%; padding-top:6%; color:#929293; overflow:hidden;}
.pull-right {float: right;}
.shadowa{	
	-webkit-animation:show 0.3s linear 0s;
	-webkit-animation-fill-mode:both;
	-moz-animation:show 0.3s linear 0s both;
	animation:show 0.3s linear 0s both;
}
@-webkit-keyframes show {
	0% {-webkit-box-shadow:0 0 10px rgba(36, 36, 36, 0);}
	100% {-webkit-box-shadow:0 0 10px rgba(36, 36, 36, .5);}
}
@-moz-keyframes show {
	0% {-moz-box-shadow:0 0 10px rgba(36, 36, 36, 0);}
	100% {-moz-box-shadow:0 0 10px rgba(36, 36, 36, .5);}
}
@-o-keyframes show{
	0% {-o-box-shadow:0 0 10px rgba(36, 36, 36, 0);}
	100% {-o-box-shadow:0 0 10px rgba(36, 36, 36, .5);}
}
@-ms-keyframes show{
	0% {-ms-box-shadow:0 0 10px rgba(36, 36, 36, 0);}
	100% {-ms-box-shadow:0 0 10px rgba(36, 36, 36, .5);}
}
@keyframes show{
	0% {box-shadow:0 0 10px rgba(36, 36, 36, 0);}
	100% {box-shadow:0 0 10px rgba(36, 36, 36, .5);}
}


@-webkit-keyframes dropdown {
	0% {
		-webkit-transform: translateY(-80px);
		opacity: 0
	}

	70% {
		-webkit-transform: translateY(10px)
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@-moz-keyframes dropdown {
	0% {
		-webkit-transform: translateY(-80px);
		opacity: 0
	}

	70% {
		-webkit-transform: translateY(10px)
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@-ms-keyframes dropdown {
	0% {
		-webkit-transform: translateY(-80px);
		opacity: 0
	}

	70% {
		-webkit-transform: translateY(10px)
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@keyframes dropdown {
	0% {
		-webkit-transform: translateY(-80px);
		opacity: 0
	}

	70% {
		-webkit-transform: translateY(10px)
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}
/*弹出框*/
.popupBg{position:absolute;top:0;left:0;z-index:9;background:rgba(0,0,0,0.6);width:100%;display:none;}
.popup{position:absolute;left:0;top:0;width:80%;z-index:99;background:#f9f9f9;border-radius:5px;display:none;}
.popClose{position:relative; width:30px; line-height:30px; text-align:center; font-size:1.2em; color:#fff; background:#d83c3c;border-radius:0 5px 0 0; float:right;}
.txtc{color:#3b3b3b; margin:1% 2% 2% 2%;}
.txtc p{line-height:150%;}
.txtc .pop1{font-size:2em; padding:1% 0; text-align:center;}
.txtc .pop2{overflow-y:auto; background:#fff;border-radius:5px;padding:1% 2%}

@media (max-width:750px) {
	.header.fixed-top,.header.fixed-top .container {
		overflow: visible
	}
	.container {
		width: 100%!important;
		height: 100%;
		padding: 0
	}

	.section .text-content {
		width: 100%
	}
	.nav-collapse{display:none;}
	.header.fixed-top, .header.fixed-top .container {overflow: visible;}
	.section {padding-left:10px;padding-right:10px; padding-bottom: 20%;overflow: hidden!important;}
	.banTex{position:relative; margin-top:60%; width:88%; font-size:24px;}
	.s1{height:auto;}
	.sf{padding-left:0 !important}
	.s1 h1, .s2 h1, .s3 h1{font-size: 24px;padding-bottom: 6%; position: relative; text-align: center; -webkit-margin-before: 0; -webkit-margin-after: 0; margin: 0;}
	.s1 h1:before {display: none}
	.s1 h1:after {display: none}
	.s1ul li{width:49%; font-size:16px; padding:5% 0 10% 0;}
	.s1ul li span{width:40px; height:40px; display:block; margin:5% auto 6% auto; background-size:300% auto;}
	.s1ulDis{font-size: 0.96em; padding: 0 3% 0 7% !important;}
	.s2 {padding-bottom:20%}
	.s2BoxCon{width:48%;height:auto; margin:0 1% 3% 1%;}
	.s2BoxConTit .sp1 {margin-left: 12%;}
	.s2BoxConTit .sp2{font-size:20px;right: 18%;}
	.s2BoxConTex{font-size:16px; padding:15% 4% 15% 4%; line-height:150%;}
	
	.s3Con{width:100%; padding:0 0 8% 5%; background-size:auto 100%;background-position: 200% 0;}
	.s3ConTex{font-size:16px; width:50%; line-height:160%;}
	
	.s4 h1{font-size:24px;}
	.erm {width:30%;margin-right:1%; margin-left:0%;}
	.frg {width:67%;}
	.frgts{width:100%;}
	.frgts span{display:none;}
}

@media (max-width: 320px){
	.s1ulDis{font-size:0.79em}
	.s3Con{background:none}
	.s3ConTex {width: 90%;}
	.erm {width:34%;margin-left:2%; text-align:center;}
	.frg {width:55%; margin-left:1%;}
}