div{ width: 100% }
.main {
	width: 1000px;
	margin: 0 auto;
	position: relative
}
a {
	text-decoration: none
}
.fl {
	float: left
}
.fr {
	float: right
}
.fontsong {
	font-family: SimSun, \\5B8B\4F53
}
.yahei, body {
	font-family: Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimHei
}
.block, .btn a, .header .logo a, .header ul li a, .im1 li a, .im8 .item a {
	display: block;
	width: 100%;
	height: 100%
}
.reset, h1, h2, h3, h4, img, input, li, p, ul {
	padding: 0;
	margin: 0;
	border: 0
}
li, ol, ul {
	list-style: none
}
.btn {
	text-align: center
}
.transition {
	-webkit-transition: all .3s;
	transition: all .3s
}
@-webkit-keyframes gleamingly {
0 {
opacity:1
}
25% {
opacity:.65
}
50% {
opacity:.3
}
75% {
opacity:.65
}
to {
	opacity: 1
}
}
@keyframes gleamingly {
0 {
opacity:1
}
25% {
opacity:.65
}
50% {
opacity:.3
}
75% {
opacity:.65
}
to {
	opacity: 1
}
}
.clearfix:after, .clearfix:before {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
*zoom:1
}/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
display:none
}
a {
	background-color: transparent
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .75em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1.5em 40px
}
hr {
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height: normal
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: 700
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}
body, html {
	height: 100%
}
body {
	overflow-x: hidden;
	font-size: 14px
}
.big-btn, .im1 .btn, .im2 .btn, .im3 .btn, .im4 .btn, .im5 .btn, .im6 .btn, .im7 .btn {
	border: 1px solid #b7040a;
	width: 178px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border-radius: 10px;
	font-size: 18px
}
.big-btn a, .im1 .btn a, .im2 .btn a, .im3 .btn a, .im4 .btn a, .im5 .btn a, .im6 .btn a, .im7 .btn a {
	color: #b7040a
}
.header {
	height: 100px;
	line-height: 100px;
	width: 100%;
	position: fixed;
	top: 0;
	left:0;
	background: #fff;
	z-index: 999;
	box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.15);
}
.header .logo {
	margin:0 auto;
	width: 278px;
	height: 66px;
	background: url(../images/logo.png);
	position: relative;
	
	margin-top: 17px
}
.header ul {
	float: left;
	margin-left: 50px
}
.header ul li {
	font-size: 18px;
	float: left
}
.header ul li a {
	color: #1e1f1f;
	padding: 0 33px
}
.header ul li.select a, .header ul li:hover a {
	color: #b7040a
}
.header .tel {
	width: 200px;
	float: right;
	text-align: right;
	font-size: 24px;
	background: url(../images/heade_icon_iphone.png) 0 40px no-repeat;
}
.header .tel a {
	color: #b7040a
}
.banner {
	width: 100%;
	/* height: 640px; */
	/* background: url(../images/banner.png) top no-repeat */
}

.im1 {
	height: 1018px;
	background: #f6f6f6
}
.im1 .tit {
	position: absolute;
	width: 1000px;
	height: 380px;
	left: 50%;
	margin-left: -500px;
	top: 0;
	background-size: 100% 100%
}
.tit div { width: 600px; height: 119px; padding-top: 15px; margin: 110px auto 20px; text-align: center; position: relative; font-size: 38px; font-weight: 100; font-family: microsoft yahei;  }
.tit div img.img-l { position: absolute; top: 0; left: 0; } 
.tit div img.img-r { position: absolute; bottom: 0; right: 0; } 
.tit span { text-align: center; font-family: microsoft yahei; color: #9d9b9b; display: block; font-size: 14px; }
.tit span b { color: #3f3e3e; }
.im8 .tit div { width: 825px; }
.im1 ul {
	position: absolute;
	left: 0;
	top: 380px;
	width: 1200px
}
.im1 li {
	float: left;
	position: relative;
	width: 237px;
	height: 303px;
	margin-right: 17px;
	box-shadow: 1px 0 7px #c9c7cb;
	text-align: center
}
.im1 li img {
	display: block;
	margin: 30px auto 28px
}
.im1 li a h3 {
	color: #282727
}
.im1 li a p {
	padding: 14px 30px;
	color: #777575;
	line-height: 18px
}
.im1 li:hover {
	background: #b7040a
}
.im1 li:hover a h3, .im1 li:hover a p {
	color: #fff
}
.im1 li i {
	position: absolute;
	right: -30px;
	top: 116px;
	width: 50px;
	height: 50px;
	background: url(../images/arrow-right.png);
	z-index: 111
}
.im1 .intro {
	position: absolute;
	width: 1200px;
	height: 84px;
	left: 23%;
	margin-left: -327px;
	top: 738px;
	line-height: 36px;
	color: #282727;
	font-size: 24px;
	text-align: center
}
.intro {
	color: #282727;
	font-size: 24px;
	text-align: center
}
.intro span {
	color: #b7040a
}

.im4 .quan { width: 1000px; height: 420px; margin: 0 auto; position: relative; }
.im4 .quan .quan1 { position: absolute; top: 185px; left: 32px; }
.im4 .quan .quan1 div { color: #b7040a; font-size: 16px; }
.im4 .quan .quan1 span { color: #b7040a; font-size: 26px; font-weight: 800; line-height: 60px; }
.im4 .quan .quan2 { position: absolute; top: 66px; left: 137px; width: 100px; height: 70px; background: #b7040a; text-align: center; border-radius: 100%; padding-top: 30px; }
.im4 .quan .quan2 div { color: #fff; font-size: 13px; }
.im4 .quan .quan2 span { color: #fff; font-size: 20px; font-weight: 800; }
.im4 .quan .quan3 { position: absolute; top: 98px; left: 376px; width: 220px; height: 140px; background: #b7040a; text-align: center; border-radius: 100%; padding-top: 80px; }
.im4 .quan .quan3 div { color: #fff; font-size: 16px; }
.im4 .quan .quan3 span { color: #fff; font-size: 30px; font-weight: 800; line-height: 60px; }
.im4 .quan .quan4 { position: absolute; top: 63px; left: 507px; width: 100px; height: 70px; background: #fff; border: 4px solid #b7040a; text-align: center; border-radius: 100%; padding-top: 30px; }
.im4 .quan .quan4 div { color: #b7040a; font-size: 13px; }
.im4 .quan .quan4 span { color: #b7040a; font-size: 20px; font-weight: 800; }
.im4 .quan .quan5 { position: absolute; top: 185px; left: 796px; }
.im4 .quan .quan5 div { color: #b7040a; font-size: 16px; }
.im4 .quan .quan5 span { color: #b7040a; font-size: 26px; font-weight: 800; line-height: 60px; }
.im4 .quan .quan6 { position: absolute; top: 66px; right: 0; width: 100px; height: 70px; background: #b7040a; text-align: center; border-radius: 100%; padding-top: 30px; }
.im4 .quan .quan6 div { color: #fff; font-size: 13px; }
.im4 .quan .quan6 span { color: #fff; font-size: 20px; font-weight: 800; }
.im1 .intro span {
	color: #b7040a
}
.im1 .btn {
	position: absolute;
	width: 180px;
	height: 44px;
	left: 50%;
	margin-left: -90px;
	top: 854px
}
.im2 {
	height: 772px
}
.im2 .tit {
	position: absolute;
	width: 1000px;
	height: 309px;
	left: 50%;
	margin-left: -500px;
	top: 0;
}
.im2 .tit div { width: 640px; height: 90px; line-height: 90px; padding-top: 0; }
.im3 .tit div { width: 685px; height: 120px; color: #fff; }
.im3 .tit span { color: #fff; }
.im6 .tit div { width: 725px; height: 103px; line-height: 103px; color: #fff; padding-top: 0; }
.im6 .tit span { color: #fff; }

.im3rc .im3rck b { font-size: 16px; line-height: 40px; }
.im3rc .im3rck b span { color: #04c4b7; }
.im3rc .im3rck div { width: 130px; color: #777; }
.im3rc .im3rc3 { left: 680px; }
.im3rc .im3rc4 { top: 285px; }
.im3rc .im3rc5 { top: 285px; left: 680px; }

.im2 ul {
	position: absolute;
	left: 0;
	top: 309px;
	width: 1200px
}
.im2 li {
	width: 454px;
	height: 138px;
	float: left;
	padding-left: 114px
}
.im2 li.li-1 {
	background: url(../images/img02_icon_02.png) no-repeat
}
.im2 li.li-2 {
	background: url(../images/img02_icon_02.png) no-repeat
}
.im2 li.li-3 {
	background: url(../images/img02_icon_02.png) no-repeat
}
.im2 li.li-4 {
	background: url(../images/img02_icon_02.png) no-repeat
}
.im2 li p {
	width: 314px;
	line-height: 18px;
	color: #777575;
	margin-top: 5px
}
.im2 li h2 {
	color: #282727;
	line-height: 36px;
	font-weight: bolder
}
.im2 .btn {
	position: absolute;
	width: 180px;
	height: 44px;
	left: 50%;
	margin-left: -90px;
	top: 609px
}
.im3 {
	height: auto;
	background: #eb5312
}
.im3 .im3-main {
	width: 1000px;
	height: 783px;
	margin-left: -500px;
	top: 0;
	background: url(../images/im3-main.png);
	background-size: 100% 100%
}
.im3 .btn, .im3 .im3-main {
	position: absolute;
	left: 50%
}
.im3 .btn {
	width: 180px;
	height: 44px;
	margin-left: -90px;
	top: 852px;
	border-color: #fff
}
.im3 .btn a {
	color: #fff
}
.im4 {
	height: 977px
}
.im4 .im4-main {
	width: 1920px;
	height: 810px;
	margin-left: -960px;
	top: 0;
}
.im4 .btn, .im4 .im4-main {
	position: absolute;
	left: 50%
}
.im4 .btn {
	width: 180px;
	height: 44px;
	margin-left: -90px;
	top: 810px
}
.im5 {
	height: 2200px;
	background: #f6f6f6
}
.im5 .im5-main {
	height: 2200px;
	margin-left: 0px;
	/* margin-left: -960px; */
	top: 0;
}
.im5 .im5-main .kcw { width: 1200px; margin: 0 auto; margin-top: 40px;}
.im5 .im5-main .kcw .kc { width: 1065px; }
.im5 .im5-main .kcw .kc div { width: 290px; height: 165px; padding-top: 35px; float: left; margin: 25px 65px 0 0; border-radius: 6px; box-shadow: 0 2px 16px #e9e9e9, 0 0 1px #e9e9e9, 0 0 1px #e9e9e9;    }
.im5 .im5-main .kcw .kc div img { display: block; margin: 0 auto; }
.im5 .im5-main .kcw .kc div b { font-size: 16px; line-height: 50px; text-align: center; display: block; }  
.im5 .im5-main .kcw .kc div span { display: block; margin: 0 auto; width: 230px; color: #686868; text-align: center }
.im5 .btn, .im5 .im5-main {
	position: absolute;
/* 	left: 50% */
}
.im5 .btn {
	width: 180px;
	height: 44px;
	top: 2050px;
	left: 45%;
}
.im6 {
	height: 1540px;
	background: #b7040a
}
.im6 .im6-main {
	width: 1920px;
	height: 408px;
	margin-left: -960px;
	top: 0px;

}
.im6-main .detail{
	font-size: 18px;
	color: #fff;
	line-height: 31px;
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
}
.im6 .im6-main .zj { width: 1000px; margin: 0 auto; height: 1000px; margin-top: 30px; } 
.im6 .im6-main .zj div { width: 490px; height: 234px; float: left; background: #fff; margin-right: 10px; font-family: microsoft yahei; margin-bottom: 14px;}
.im6 .im6-main .zj div img { display: block; margin: 0 auto;}
.im6 .im6-main .zj div h5 { font-size: 17px; text-align: center; line-height: 40px; margin: 10px 0 0; }
.im6 .im6-main .zj div h6 { font-size: 17px; text-align: center; line-height: 30px; color: #00c3b6; margin: 0 }
.im6 .im6-main .zj div span { display: block; padding: 10px 22px 0; font-size: 15px; color: #767474; line-height: 22px; }
.im6 .btn, .im6 .im6-main {
	position: absolute;
	left: 50%
}
.im6 .btn {
	width: 180px;
	height: 44px;
	margin-left: -90px;
	top: 1426px;
	border-color: #fff
}
.im6 .btn a {
	color: #fff
}
.im7 {
	height: 1002px
}
.im7 .im7-main_03 { display: block; margin: 60px auto; }
.im7 .im7-main {
	width: 1920px;
	height: 838px;
	margin-left: -960px;
	top: 0;
}
.im7 .btn, .im7 .im7-main {
	position: absolute;
	left: 50%
}
.im7 .btn {
	width: 180px;
	height: 44px;
	margin-left: -90px;
	top: 838px
}
.im8 {
	height: 680px;
}

/* .im8 .item {
	width: 469px;
	height: 177px;
	position: absolute
}
.im8 .left {
	left: 0;
	top: 300px;
	background: url(../images/im8-main_01.jpg);
}
.im8 .right {
	right: 0;
	top: 300px;
	background: url(../images/im8-main_02.jpg);
} */
.im8 .kj { position: absolute; text-align: center; top: 520px; left: 0; font-size: 20px; }
.footer {
	background: #fff;
	padding-top: 50px;
}
.footer .btns {
	width: 440px;
	margin: 53px auto 77px;
}
.footer .btns .btn {
	width: 180px;
	height: 40px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	border-radius: 40px
}
.footer .btns .btn a {
	color: #fff
}
.footer .btns .btn:hover {
	background: #b7040a;
	border: 1px solid #b7040a
}
.footer .btns .btn-1 {
	float: left
}
.footer .btns .btn-2 {
	float: right
}
.footer .footerbottom { color: #737079; font-size: 14px; line-height: 75px; background: #17121f; text-align: center; }
.footer .main .footerhz { min-height: 220px; }
.footer .main .footerhz dl,.footer .main .footerhz dt,.footer .main .footerhz dd{ margin: 0; padding: 0; }
.footer .main .footerhz dl a { font-size: 14px; color: #737079; }
.footer .main .footerhz dl { float: left; margin-right: 60px; }
.footer .main .footerhz dl dt { font-weight: 800; margin-bottom: 30px; }
.footer .main .footerhz dl dd { line-height: 25px; }
.footer .main .footerhz div { float: left; height: 130px; border-left: 1px solid #737079; color: #737079; font-size: 14px; width: 435px; padding-left: 55px; margin-top: 10px; }
.footer .main .footerhz div img { display: block; margin: -20px 0 35px; }
.footer .main .footerhz div span { display: block; padding-left: 50px; }
.foot {
	height: 0px;
	background: #181a24
}
.foot ul {
	position: relative
}
.foot ul li {
	float: left;
	width: 20%;
	text-align: center;
	line-height: 100px
}
.foot ul li a {
	color: #fff
}
.foot ul li a:hover {
	color: #9978ff
}
.float-layer {
	position: fixed;
	z-index: 9999999;
	width: 611px;
	height: 400px;
	background: url(../images/layer-bg.png);
	left: 50%;
	margin-left: -305px;
	top: 50%;
	margin-top: -200px
}
.float-layer .close {
	position: absolute;
	width: 24px;
	height: 24px;
	background: url(../images/btn-close.png);
	right: 35px;
	top: 27px;
	cursor: pointer
}
.float-layer .btn {
	position: absolute;
	top: 290px;
	width: 155px;
	height: 50px;
	text-align: center;
	font-weight: bold;
	background: url(../images/bg-btn-white.png);
	line-height: 50px
}
.float-layer .btn:hover {
	background: url(../images/bg-btn-color.png)
}
.float-layer .btn:hover a {
	color: #fff
}
.float-layer .btn a {
	color: #794efd;
	font-size: 14px
}
.float-layer .btn1 {
	left: 220px
}
.float-layer .btn2 {
	left: 322px
}