@charset "utf-8";

.banner {
	height: 600px;
	background: url(../images/banner.jpg) no-repeat center;
	min-width: 1200px;
}

.banner p {
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 24px
}

.banner p.p1 {
	padding-top: 74px
}

.banner p.p2 {
	padding-top: 16px
}

.tit {
	text-align: center
}

.tit h1 {
	font-weight: 700;
	font-size: 24px
}

.tit h4 {
	color: #999;
	text-transform: uppercase;
	font-size: 10px
}

.part1 .tit {
	padding-top: 45px;
	padding-bottom: 25px;
	text-align: center;
}

.part1 .bottom {
	text-align: center
}

.part1 .bottom img {
	margin-top: 30px
}

.main-block .b-block {
	position: relative;
	float: left;
	height: 327px;
	cursor: pointer
}

.middle .main-block .b-block {
	height: 398px
}

.main-block .b-block a {
	color: #fff
}

.main-block .b-block:hover .b-hover {
	width: 100%;
	height: 100%
}

.main-block .b-block:hover .b-cont2 {
	visibility: visible;
	text-align: center;
	opacity: 1
}

.main-block .bk-1 {
	width: 177px
}

.middle .main-block .bk-1 {
	z-index: 99;
	margin-top: -28px;
	width: 846px;
	border-radius: 3px
}

.main-block .b-cube {
	position: relative;
	overflow: hidden;
	height: 100%
}

.left .main-block .b-cube {
	border-radius: 3px 0 0 3px
}

.middle .main-block .b-cube {
	border-radius: 3px
}

.right .main-block .b-cube {
	border-radius: 0 3px 3px 0
}

.main-block .b-cover {
	overflow: hidden;
	width: 100%;
	height: 100%;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	-ms-transition: background-color .3s
}

.main-block .b-cover img {
	display: block;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
	-ms-transition: -ms-transform .3s
}

.main-block .b-hover {
	position: absolute;
	bottom: 0;
	z-index: 9;
	width: 100%;
	-webkit-transition: width .3s,height .3s,opacity .3s;
	transition: width .3s,height .3s,opacity .3s;
	-ms-transition: width .3s,height .3s,opacity .3s
}

.left .main-block .b-hover {
	height: 68px;
	border-radius: 0 0 0 3px
}

.middle .main-block .b-hover {
	height: 90px;
	border-radius: 0 0 3px 3px
}

.right .main-block .b-hover {
	height: 68px;
	border-radius: 0 3px 3px 0
}

.main-block .b-cont {
	position: absolute;
	bottom: 15px;
	z-index: 10;
	width: 100%;
	color: #fff;
	-webkit-transition: opacity .3s,-webkit-transform .3s;
	transition: opacity .3s,transform .3s;
	-ms-transition: opacity .3s,-ms-transform .3s
}

.middle .main-block .b-cont {
	bottom: 22px
}

.main-block .b-cont p {
	text-align: center
}

.main-block .b-cont .b-title {
	margin-bottom: 6px;
	color: #fff;
	font-size: 18px
}

.middle .main-block .b-cont .b-title {
	font-weight: 700;
	font-size: 40px
}

.main-block .b-cont .b-tit {
	margin-top: 20px;
	color: #fff;
	text-shadow: 0 0 5px rgba(255,255,255,.7);
	font-weight: 700;
	font-size: 20px
}

.middle .main-block .b-cont .b-tit {
	margin-top: 20px;
	color: #fff;
	text-shadow: 0 0 5px rgba(255,255,255,.7);
	font-weight: 700;
	font-size: 40px
}

.main-block .b-cont .b-desc {
	color: rgba(255,255,255,.6);
	font-size: 10px
}

.main-block .b-cube2 {
	position: relative;
	top: 4px;
	z-index: 2;
	padding-top: 70px
}

.middle .main-block .b-cube2 {
	padding-top: 54px
}

.main-block .b-cont1 {
	visibility: visible;
	-webkit-transition: -webkit-transform .3s,opacity .3s;
	transition: transform .3s,opacity .3s;
	-ms-transition: -ms-transform .3s,opacity .3s
}

.main-block .b-cont2 {
	top: 20px;
	visibility: hidden;
	opacity: 0
}

.main-block .b-cont2 p {
	opacity: 0;
	-webkit-transition: -webkit-transform .3s,opacity .3s;
	transition: transform .3s,opacity .3s;
	-ms-transition: -ms-transform .3s,opacity .3s
}

.main-block .b-cont2 .b-desc,.main-block .b-cont2 .b-title {
	padding: 4px 0
}

.main-block .b-blue2 {
	background-color: #000;
	opacity: .6;
	filter: Alpha(opacity=60)
}

.main-block .bk-hori:hover .b-blue2 {
	opacity: .7;
	filter: Alpha(opacity=70)
}

.main-block .bk-hori:hover .b-cont1 {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-ms-transform: translateY(100%)
}

.main-block .bk-hori:hover .b-cont2 p {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-ms-transform: translateX(0)
}

.part2 {
	position: relative;
	margin: 0 auto;
	padding-bottom: 40px;
	width: 1208px;
	height: 606px;
	/* background: url(../images/bg2.jpg) no-repeat center 0; */
	overflow: hidden;
}

.part2 .tit {
	padding-top: 35px;
	padding-left: 24px;
	text-align: left
}

.part2 h3 {
	font-size: 20px
}

.part2 h4 {
	font-weight: 700;
	font-size: 16px
}

.part2 span {
	color: #b0b0b0;
	font-size: 9px
}

.part2 .btn {
	position: absolute;
	top: 176px;
	left: 275px;
	z-index: 3;
}

.part2 .btn span {
	position: absolute;
	top: 132px;
	display: inline-block;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	background: url(../images/part2-btn01.png) no-repeat
}

.part2 .btn:hover span {
	background: url(../images/part2-btn02.png) no-repeat
}

.part2 .img1{
	position: relative;
	z-index: 2;
}
.part2 .img1 img {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.part2:hover .img1 img{
	transform: scale(1.05);
}

.part2 ul {
	position: absolute;
	top: 37px;
	right: 0;
	width: 472px
}

.part2 ul li {
	margin-bottom: 14px
}

.part2 ul li .s-tit {
	float: left;
	display: inline-block;
	margin-right: 16px;
	width: 200px;
	text-align: right
}

.part2 ul li .s-tit:hover h4 {
	color: #007df9
}

@-moz-document url-prefix() {
	.part2 ul li .s-tit span {
		position: relative;
		top: -5px
	}
}

.part2 ul li .con {
	display: inline-block;
	padding-top: 6px;
	padding-left: 16px;
	width: 240px;
	background: url(../images/part2-blue01.png) no-repeat left 8px;
	text-align: left
}

.part2 ul li .con p {
	font-size: 14px;
	line-height: 24px
}

.part2 ul li .con p:hover {
	background: url(../images/part2-blue02.png) no-repeat right center
}

.part2 ul li .con p:hover a {
	color: #007df9;
	font-size: 16px
}

.part3 {
	padding: 50px 0;
	background: #fbfbfb
}

.part3 .pic-box {
	padding-top: 50px
}

.part3 .con .tab {
	position: relative;
	margin-top: 40px;
	text-align: center
}

.part3 .con .tab ul.tab_menu {
	position: relative;
	display: inline-block;
	height: 80px;
	text-align: center;
	line-height: 38px
}

.part3 .con .tab ul.tab_menu li.tab_con {
	float: left;
	margin: 0 35px;
	color: #999;
	font-size: 18px;
	cursor: pointer
}

.part3 .con .tab ul.tab_menu li.selected {
	color: #333
}

.part3 .con .tab .tab_box {
	overflow-y: auto;
	height: 295px;
	background: url(../images/tab_bg.png) no-repeat center;
	background-position-y: 0
}

.part3 .con .tab .tab_box ul {
	clear: both;
	display: inline-block;
	width: 1000px
}

.part3 .con .tab .tab_box ul:hover {
	background: url(../images/part3-sj.png) no-repeat left
}

.part3 .con .tab .tab_box ul li {
	float: left;
	color: #999;
	font-size: 16px;
	line-height: 60px
}

.part3 .con .tab .tab_box ul:hover li {
	color: #333;
	font-size: 22px
}

.part3 .con .tab .tab_box ul li.xq {
	width: 170px
}

.part3 .con .tab .tab_box ul li.fx {
	width: 280px
}

.part3 .con .tab .tab_box ul li.dh {
	width: 510px
}

.fontColor {
	color: red
}

.line {
	width: 100%;
	text-align: center
}

.part4 {
	height: 300px;
	background: #fff
}

.part4 .touzi {
	margin-top: 70px
}

.part4 .hezuo {
	margin-top: 30px
}

.part4 .tit {
	text-align: center
}

.part4 .touzi .con {
	margin: 20px auto
}

.part4 .touzi .con ul li {
	float: left;
	width: 168px;
	height: 63px;
	line-height: 63px
}

.part4 .touzi .con ul li a {
	display: inline-block;
	margin-top: 17px;
	width: 168px;
	height: 30px;
	border-left: 1px solid #e5e5e5
}

.part4 .touzi .con ul li.TZ1 {
	background: url(../images/touzi1.png) no-repeat center
}

.part4 .touzi .con ul li.TZ2 {
	background: url(../images/touzi2.png) no-repeat center
}

.part4 .touzi .con ul li.TZ3 {
	background: url(../images/touzi3.png) no-repeat center
}

.part4 .touzi .con ul li.TZ4 {
	background: url(../images/touzi4.png) no-repeat center
}

.part4 .touzi .con ul li.TZ5 {
	background: url(../images/touzi5.png) no-repeat center
}

.part4 .touzi .con ul li.TZ6 {
	background: url(../images/touzi6.png) no-repeat center
}

.part4 .hezuo .con {
	margin: 30px auto
}

.part4 .hezuo .con ul li {
	float: left;
	width: 168px;
	height: 80px;
	line-height: 80px
}

.part4 .hezuo .con ul li a {
	display: inline-block;
	width: 168px;
	height: 80px
}

.part4 .hezuo .con ul li.HZ1 {
	background: url(../images/hezuo1.png) no-repeat 0 center
}

.part4 .hezuo .con ul li.HZ2 {
	background: url(../images/hezuo2.png) no-repeat 0 center
}

.part4 .hezuo .con ul li.HZ3 {
	background: url(../images/hezuo3.png) no-repeat 0 center
}

.part4 .hezuo .con ul li.HZ4 {
	background: url(../images/hezuo4.png) no-repeat center
}

.part4 .hezuo .con ul li.HZ5 {
	background: url(../images/hezuo5.png) no-repeat center
}

.part4 .hezuo .con ul li.HZ6 {
	background: url(../images/hezuo6.png) no-repeat center right
}

.part4 .hezuo .con ul li.HZ7 {
	background: url(../images/hezuo7.png) no-repeat 0 center
}

.part4 .hezuo .con ul li.HZ8 {
	background: url(../images/hezuo8.png) no-repeat 0 center
}

.part4 .hezuo .con ul li.HZ9 {
	background: url(../images/hezuo9.png) no-repeat 0 center
}

.part4 .hezuo .con ul li.HZ10 {
	background: url(../images/hezuo10.png) no-repeat 0 center
}

.part4 .hezuo .con ul li.HZ11 {
	background: url(../images/hezuo11.png) no-repeat 0 center
}

.part4 .hezuo .con ul li.HZ12 {
	background: url(../images/hezuo12.png) no-repeat 0 center
}

.part5 {
	padding-top: 50px;
	height: 395px;
	background: url(../images/bg5.jpg) no-repeat center
}

.stepcarousel {
	position: relative;
	overflow: scroll;
	margin: 0 auto;
	margin-top: 50px;
	padding: 0 50px;
	width: 900px;
	height: 190px
}

.stepcarousel .belt {
	position: absolute;
	top: 0;
	left: 0
}

#displaycssbelt {
	visibility: hidden
}

#stocklevels {
	visibility: hidden
}

.stepcarousel .panel {
	float: left;
	overflow: hidden
}

.subfeature {
	display: block;
	overflow: hidden;
	margin: 0;
	margin-left: 50px;
	padding-top: 28px;
	width: 142px;
	height: 144px;
	background: url(../images/pic4.jpg) no-repeat;
	text-align: center;
	line-height: 29px
}

.part5 .bottom ul {
	padding-left: 110px
}

.part5 .bottom ul li {
	float: left;
	margin-right: 60px;
	color: #333;
	font-size: 14px;
	line-height: 25px
}

.footer p a {
	color: #666
}

.zheng {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 12;
	display: none;
	padding: 10px;
	border: 5px solid #333;
	background: #fff;
	transform: translate(-50%,-50%)
}

.part6 {
	padding-top: 45px;
	height: 440px;
	background: url(../images/bg7.jpg) no-repeat center
}

.stepcarousel {
	position: relative;
	overflow: scroll;
	margin: 0 auto;
	margin-top: 45px;
	padding: 0 50px;
	width: 900px;
	height: 190px
}

.stepcarousel .belt {
	position: absolute;
	top: 0;
	left: 0
}

#displaycssbelt {
	visibility: hidden
}

#stocklevels {
	visibility: hidden
}

.stepcarousel .panel {
	float: left;
	overflow: hidden
}

.subfeature {
	display: block;
	overflow: hidden;
	margin: 0;
	margin-left: 50px;
	padding-top: 28px;
	width: 142px;
	height: 144px;
	background: url(../images/pic4.jpg) no-repeat;
	text-align: center;
	font-family: "Microsoft Yahei";
	line-height: 29px
}

.part6 .bottom ul {
	padding-left: 110px
}

.part6 .bottom ul li {
	float: left;
	margin-right: 60px;
	color: #333;
	font-size: 14px;
	font-family: "Microsoft Yahei";
	line-height: 25px
}

.part6 ul.con {
	padding-top: 45px
}

.part6 ul.con li {
	float: left;
	margin-right: 12px;
	margin-bottom: 25px
}

.part6 ul.con li a {
	display: inline-block;
	box-sizing: border-box;
	width: 230px;
	height: 50px;
	border: 1px solid rgba(0,0,0,.15);
	color: #333;
	text-align: center;
	font-size: 14px;
	font-family: "Microsoft Yahei";
	line-height: 50px
}

.part6 ul.con li a:hover {
	text-decoration: none
}

.zygg {
	position: fixed;
	right: 10px;
	top: 50%;
	margin-top: -52px;
	z-index: 12
}

.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	transition: .3s;
	transform: scale(.7)
}

.swiper-slide-active,.swiper-slide-duplicate-active {
	transform: scale(1);
	z-index: 999
}

.swiper-pagination {
	bottom: 12px!important
}

.swiper-pagination-bullet {
	width: 6px!important;
	height: 6px!important;
	background: rgba(255,255,255,.3)!important;
	margin: 0 8px!important
}

.swiper-pagination-bullet-active {
	width: 32px!important;
	background: #fff!important;
	border-radius: 3px!important
}

.my_column1 {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	/* padding-bottom: 80px; */
}

.my_column1 .list.no2 {
	margin-right: 40px;
}

.my_column1 .list {
	position: relative;
	float: left;
	width: 580px;
	background: url(../images/shadow2.png) no-repeat center 10px;
	height: 180px;
	border-radius: 3px;
	padding-bottom: 40px;
}

.my_column1 .list.no1 {
	width: 1200px;
	height: 398px;
	background: url(../images/shadow1.png) no-repeat center -10px;
}

.my_column1 .list .img1 {
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 580px;
	height: 180px;
	border-radius: 3px;
}

.my_column1 .list .img1 img {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.my_column1 .list.no1 .img1 {
	width: 1200px;
	height: 398px;
}

.my_column1 .list .word {
	position: absolute;
	z-index: 3;
	bottom: 40px;
	height: 62px;
	background: url(../images/mask2.png) no-repeat center center;
	width: 100%;
	text-align: center;
}

.my_column1 .list.no1 .word {
	background-image: url(../images/mask1.png);
	height: 116px;
}

.my_column1 .list .word h3 {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 2px;
}

.my_column1 .list .word p {
	font-size: 12px;
	color: #fff;
	opacity: 0.5;
	text-transform: uppercase
}

.my_column1 .list.no1 .word h3 {
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	padding-top: 22px;
}

.my_column1 .list.no1 .word p {
	font-size: 12px;
	color: #fff;
	opacity: 0.5;
	text-transform: uppercase
}

.my_column1 .list:hover img {
	transform: scale(1.05);
}