.banner {
	height: 561px;
	position: relative;
	overflow: hidden
}
.banner .b-main {
	padding-top: 110px;
	width: 1200px;
	height: 360px;
	margin: 0 auto
}
.banner .b-main .topic {
	width: 877px;
	height: 68px;
	line-height: 100;
	overflow: hidden;
	margin: 0 auto;
	background-image: url(img/index-new/topic.png)
}
.banner .b-main .b-des {
	font-size: 16px;
	color: #a8bdda;
	line-height: 40px;
	text-align: center;
	margin: 45px 0
}
.btn-test-big {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	width: 250px;
	height: 60px;
	border-radius: 50px;
	border: 1px solid #ddd;
	border: 2px solid rgba(255,255,255,.4);
	display: block;
	margin: 0 auto;
	font-size: 28px;
	text-align: center;
	color: #fff;
	line-height: 58px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	z-index: 10
}
.btn-test-big:hover {
	background: rgba(255,255,255,.2);
	box-shadow: 0 0 15px rgba(255,255,255,.2)
}
.ab-list {
	width: 1200px;
	margin: 0 auto;
	position: relative;
*zoom:1;
	height: 290px
}
.ab-item {
	float: left;
	width: 395px;
	position: relative;
	cursor: pointer
}
.ab-item .ab-tit {
	font-size: 28px;
	color: #000;
	line-height: 28px;
	margin-bottom: 12px;
	text-align: center
}
.ab-item .ab-des {
	font-size: 16px;
	width: 16em;
	line-height: 28px;
	margin: 0 auto;
	color: #666;
	text-align: center
}
.ab-item:after {
	content: "";
	position: absolute;
	top: 60px;
	right: 0;
	display: block;
	width: 1px;
	height: 150px;
	background: #ddd
}
.ab-item-3:after {
	display: none
}
.ab-item .bor {
	display: none;
	position: absolute;
	top: 280px;
	left: 50%;
	margin-left: -15px;
	border-color: transparent transparent #ddd transparent;
	border-style: dashed dashed solid dashed;
	border-width: 0 10px 10px 10px;
	width: 0;
	height: 0;
	font-size: 0
}
.ab-item .bor-i {
	position: absolute;
	left: -10px;
	top: 2px;
	border-color: transparent transparent #f1f1f1 transparent;
	border-style: dashed dashed solid dashed;
	border-width: 0 10px 10px 10px;
	width: 0;
	height: 0;
	font-size: 0;
	display: inline-block
}
.ab-item .ico {
	width: 100px;
	height: 100px;
	display: block;
	margin: 30px auto;
	position: relative
}
.ab-item .ico i {
	display: block;
	width: 100px;
	height: 100px
}
.ab-item-1 .ico i {
	background-image: url(../images/pc/index-new.png);
	background-position: 0 0
}
.ab-item-2 .ico i {
	background-image: url(../images/pc/index-new.png);
	background-position: -102px 0
}
.ab-item-3 .ico i {
	background-image: url(../images/pc/index-new.png);
	background-position: -204px 0
}
.ab-item-1 .ico {
	background-image: url(../images/pc/index-new.png);
	background-position: -306px 0
}
.ab-item-2 .ico {
	background-image: url(../images/pc/index-new.png);
	background-position: -408px 0
}
.ab-item-3 .ico {
	background-image: url(../images/pc/index-new.png);
	background-position: -510px 0
}
.ab-item.current .ico i {
	-webkit-transition: all .5s ease;
	display: none
}
.ab-item.current .bor {
	display: block;
	-webkit-animation: on .3s ease;
	animation: on .3s ease
}
.ab-item-detail.on {
	display: block;
	-webkit-animation: fly .6s ease;
	animation: fly .6s ease
}
@-webkit-keyframes on {
from {
opacity:0
}
to {
	opacity: 1
}
}
@-webkit-keyframes fly {
from {
opacity:.7
}
to {
	opacity: 1
}
}
.ab-detail-wrapper {
	height: 750px;
	padding-top: 40px;
	background: #f1f1f1;
	border-top: 1px solid #ddd
}
.adl-wrapper {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}
.ab-detail-list {
*zoom:1;
	width: 2940px;
	margin-left: 0
}
.ab-item-detail {
	width: 1200px;
	float: left
}
.m-ab {
	width: 580px;
	height: 340px;
	background: #fff;
	margin-bottom: 40px;
	float: left;
	margin-right: 40px
}
.m-ab.odd {
	margin-right: 0
}
.m-ab .img {
	width: 580px;
	height: 180px;
	display: block;
	margin-bottom: 28px
}
.m-ab .m-ab-tit {
	font-size: 24px;
	color: #000;
	line-height: 24px;
	margin-bottom: 12px;
	padding: 0 30px
}
.m-ab .m-ab-des {
	font-size: 16px;
	line-height: 28px;
	margin: 0 auto;
	color: #666;
	padding: 0 30px
}
.vedio {
	position: relative;
	height: 380px;
	width: 100%;
	overflow: hidden;
	background: #072549
}
.vedio .img-v {
	height: 380px;
	width: 1920px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px
}
.vedio .btn-play {
	width: 90px;
	height: 90px;
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -45px;
	left: 50%;
	margin-left: -45px;
	background-image: url(../images/pc/index-new.png);
	background-position: -612px 0
}
.vedio .btn-play {
	-webkit-animation: heartBeat 1.5s ease infinite;
	-ms-animation: heartBeat 1.5s ease infinite;
	-moz-animation: heartBeat 1.5s ease infinite;
	animation: heartBeat 1.5s ease infinite
}
@-webkit-keyframes heartBeat {
from {
-webkit-transform:scale(1)
}
50% {
-webkit-transform:scale(1.05)
}
to {
	-webkit-transform: scale(1)
}
}
.step {
	position: relative
}
.gray-line {
	position: absolute;
	top: 16px;
	width: 100%;
	height: 1px;
	background: #ddd;
	z-index: 1
}
.steps-wrapper {
	width: 1200px;
	margin: 0 auto
}
.sw-hd {
	position: relative
}
.sw-hd .sw-tit {
	position: relative;
	font-size: 40px;
	color: #000;
	line-height: 32px;
	margin-bottom: 25px;
	text-align: center;
	display: block;
	width: 250px;
	background: #fff;
	margin: 80px auto 20px;
	z-index: 2
}
.sw-hd .sw-des {
	font-size: 16px;
	color: #666;
	line-height: 16px;
	margin-bottom: 50px;
	text-align: center
}
.sw-bd {
	margin-left: -80px
}
.sw-bd li {
	position: relative;
	width: 240px;
	height: 140px;
	float: left;
	margin-left: 80px;
	z-index: 2
}
.sw-bd span {
	font-size: 28px;
	margin-bottom: 12px;
	display: block
}
.sw-bd p {
	font-size: 16px;
	color: #666;
	line-height: 28px
}
.sw-bd li:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	border: 2px solid #259ade;
	width: 18px;
	height: 18px;
	display: block;
	border-radius: 50%;
	background: #fff;
	z-index: 2;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.step .line {
	position: absolute;
	width: 100%;
	height: 2px;
	background: #259ade
}
.btn-test-big.cover {
	margin: 80px auto;
	color: #000;
	border: 1px solid #ddd
}
.btn-test-big.cover:hover {
	background: #259ade;
	color: #fff;
	border: 1px solid #259ade
}
.sw-bd li .sbox {
	position: absolute;
	top: -20px;
	left: 0
}
.sw-bd li.step1 .sbox {
	-webkit-animation: flydown .5s ease both;
	animation: flydown .5s ease both
}
.sw-bd li.step2 .sbox {
	-webkit-animation: flydown .5s .1s ease both;
	animation: flydown .5s .1s ease both
}
.sw-bd li.step3 .sbox {
	-webkit-animation: flydown .5s .2s ease both;
	animation: flydown .5s .2s ease both
}
.sw-bd li.step4 .sbox {
	-webkit-animation: flydown .5s .3s ease both;
	animation: flydown .5s .3s ease both
}
.sw-bd li.step5 .sbox {
	-webkit-animation: flydown .5s .4s ease both;
	animation: flydown .5s .4s ease both
}
@-webkit-keyframes flydown {
from {
opacity:0;
top:-20px
}
to {
	opacity: 1;
	top: 0
}
}
.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	background-color: rgba(0,0,0,.7);
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#b2000000', endColorstr='#b2000000')
}
:root .mask {
	filter: none
}
.mask .pop-vedio {
	position: absolute;
	width: 900px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin: -300px 0 0 -450px
}
.mask .pop-vedio .btn-close {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: -40px;
	background-image: url(../images/pc/index-new.png);
	background-position: -704px 0;
	line-height: 100;
	overflow: hidden
}
.mask .pop-vedio .btn-close:hover {
	background-image: url(../images/pc/index-new.png);
	background-position: -704px -42px
}
.factories {
	width: 1200px;
	margin: 0 auto
}
.factories .fac-main {
	margin: 40px 0 60px -24px
}
.factories .fac-main:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	clear: both
}
.factories .fac-main .fac-item {
	float: left;
	position: relative;
	width: 180px;
	height: 60px;
	display: block;
	cursor: pointer;
	text-align: center;
	margin-left: 24px
}
.factories .fac-main .fac-item i {
	width: 180px;
	height: 60px;
	display: block
}
.fac-1 i {
	background-image: url(img/new-logo/logo-1.png)
}
.fac-2 i {
	background-image: url(img/new-logo/logo-2.png)
}
.fac-3 i {
	background-image: url(img/new-logo/logo-3.png)
}
.fac-4 i {
	background-image: url(img/new-logo/logo-4.png)
}
.fac-5 i {
	background-image: url(img/new-logo/logo-5.png)
}
.fac-6 i {
	background-image: url(img/new-logo/logo-6.png)
}
.fac-1 {
	background-image: url(img/new-logo/logo-1-hover.png)
}
.fac-2 {
	background-image: url(img/new-logo/logo-2-hover.png)
}
.fac-3 {
	background-image: url(img/new-logo/logo-3-hover.png)
}
.fac-4 {
	background-image: url(img/new-logo/logo-4-hover.png)
}
.fac-5 {
	background-image: url(img/new-logo/logo-5-hover.png)
}
.fac-6 {
	background-image: url(img/new-logo/logo-6-hover.png)
}
.factories .fac-main .fac-item:hover i {
	display: none
}
.factories .cover {
	margin-top: 40px
}
.qrcode {
	position: fixed;
	right: 40px;
	bottom: 40px;
	font-size: 16px;
	width: 240px;
	text-align: center;
	color: #888;
	z-index: 1001
}
.qrcode img {
	display: block;
	margin: 0 auto 10px;
	width: 158px;
	height: 158px;
	border: 1px solid #dcdcdc
}
.b-main {
	position: relative
}
.download-box {
	position: absolute;
	bottom: 15px;
	right: 0
}
.download-box .down-simple span {
	vertical-align: middle;
	color: #a8bdda;
	margin-right: 15px
}
.download-box .down-simple i {
	width: 17px;
	height: 19px;
	background-image: url(../images/pc/index-new.png);
	background-position: -746px 0;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}
.download-box .down-file i {
	background-image: url(../images/pc/index-new.png);
	background-position: -746px -21px
}
.download-box .down-simple:hover span {
	color: #fff
}
.download-box .down-simple:hover i {
	background-image: url(../images/pc/index-new.png);
	background-position: -746px -42px
}
.download-box .down-file:hover i {
	background-image: url(../images/pc/index-new.png);
	background-position: -746px -63px
}
.banner {
	min-width: 980px
}
.header {
	min-width: 980px
}
.banner .b-main {
	min-width: 980px;
	width: 980px\9
}
.ab-detail-wrapper {
	min-width: 980px
}
.vedio {
	min-width: 980px
}
.factories {
	min-width: 980px
}
.mask {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7f000000', endColorstr='#7f000000')
}
.mod-popup {
	position: absolute;
	width: 496px;
	background: #fff;
	box-shadow: 0 0 18px rgba(0,0,0,.2);
	z-index: 1000
}
.mod-popup .popup-hd {
	height: 50px;
	position: relative;
	line-height: 50px;
	padding: 0 20px;
	background: #259ade;
	font-size: 16px;
	color: #fff
}
.mod-popup .popup-hd .btn-close {
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	background: none;
	line-height: 100;
	overflow: hidden;
	display: inline-block;
	background-image: url(../images/pc/index-new.png);
	background-position: -765px 0;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -8px;
	cursor: pointer
}
.mod-popup .popup-hd .btn-close:hover {
	background-image: url(../images/pc/index-new.png);
	background-position: -765px -18px
}
.mod-popup .popup-bd {
	padding: 30px 0 25px;
	font-size: 14px
}
.mod-popup .popup-bd .pop-confirm {
	padding: 0 30px
}
.mod-popup .popup-bd .pop-confirm .pop-confirm-tit {
	line-height: 1.8;
	color: #333;
	margin-bottom: 8px
}
.mod-popup .popup-bd .pop-confirm .pop-confirm-tit a {
	color: #259ade
}
.mod-popup .popup-bd .pop-confirm .pop-confirm-tip {
	line-height: 2;
	color: #a9b2c8;
	color: #888
}
.mod-popup .popup-ft {
	text-align: center;
	padding-bottom: 40px
}
.ui-btn {
	display: inline-block;
	height: 32px;
	padding: 0 29px;
	line-height: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #a9b2c8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	border-color: #259ade;
	background-color: #fff;
	color: #259ade;
	text-align: center;
	font-size: 16px;
	cursor: pointer
}
.ui-btn.btn-strong {
	background-color: #259ade;
	border-color: #259ade;
	color: #fff
}
.ui-btn.btn-strong:hover {
	background-color: #2888c9
}
.ui-btn:hover {
	background-color: #ebf6fc
}
.mod-popup .popup-ft .ui-btn {
	margin: 0 10px
}
@media screen and (min-width:1200px) {
.banner .b-main {
	width: 1200px
}
}
@media screen and (min-width:980px) and (max-width:1200px) {
.banner .b-main .b-des {
	font-size: 16px;
	line-height: 32px;
	margin: 20px 30px
}
.banner .b-main {
	width: 100%
}
}
@media screen and (max-width:980px) {
.banner .b-main .b-des {
	font-size: 16px;
	line-height: 32px;
	margin: 20px 30px
}
}
#CssGaga {
	content: "150917102821,tig,334"
}/*  |xGv00|4c55374e567a751ffb1b9746de5649c7 */