
/* index.html */

.banner .swiper-container {
	width: 100%;
	height: 700px;
}
.banner .swiper-slide {
	width: 100%;
	height: 700px;
}
.banner .swiper-button-prev {
	width: 46px;
	height: 115px;
	left: 0;
	background: url('../imgs/banner_btn_left.png') no-repeat left top;
}
.banner .swiper-button-next {
	width: 46px;
	height: 115px;
	right: 0;
	background: url('../imgs/banner_btn_right.png') no-repeat left top;
}
.banner .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
}
.banner .swiper-pagination-bullet-active {
	background: #72b100;
}
.product {
	width: 1200px;
	margin: 20px auto 0;
}
.product .tit {
	width: 100%;
	margin: 0 auto;
}
.product .tit img {
	width: 246px;
	height: 72px;
}
.product .tit .tabTit {
	margin-top: 8px;
	padding-bottom: 11px;
	border-bottom: 1px solid #999;
}
.product .tit .tabTit li {
	width: 185px;
	height: 50px;
	float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.product .tit .tabTit li a {
	width: 185px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	float: left;
	color: #fff;
	background: url('../imgs/product_tab_center.png') no-repeat center top;
}
.product .tit .tabTit li.first a {
	background: url('../imgs/product_tab_left.png') no-repeat center top;
}
.product .tit .tabTit li.last a {
	background: url('../imgs/product_tab_right.png') no-repeat center top;
}
.product .tit .tabTit li a.active {
	background: url('../imgs/product_tab_center_h.png') no-repeat center top;
}
.product .tit .tabTit li.first a.active {
	background: url('../imgs/product_tab_left_h.png') no-repeat center top;
}
.product .tit .tabTit li.last a.active {
	background: url('../imgs/product_tab_right_h.png') no-repeat center top;
}
.product .cont-list {
	width: 100%;
	margin: 40px auto 0;
}
.product .cont-list .item {
	width: 100%;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
	display: none;
}
.product .cont-list .item .imglist {
	width: 756px;
	height: auto;
	margin-right: 44px;
}
.product .cont-list .item .imglist img {
	float: left;
}
.product .cont-list .item .imglist .img01 {
	width: 482px;
	height: 482px;
	margin-right: 10px;
}
.product .cont-list .item .imglist .img02, .product .cont-list .item .imglist .img03 {
	width: 238px;
	height: 238px;
}
.product .cont-list .item .imglist .img02 {
	margin-bottom: 8px;
}
.product .cont-list .item .word {
	width: 360px;
	margin-top: 100px;
}
.product .cont-list .item .word h3 {
	font-size: 32px;
	color: #2c2a36;
	font-weight: normal;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.product .cont-list .item .word span {
	width: 80px;
	height: 0;
	border-bottom: 4px solid #aace3b;
	float: left;
	margin-bottom: 34px;
}
.product .cont-list .item .word p {
	width: 100%;
	float: left;
	font-size: 16px;
	color: #404040;
	line-height: 30px;
	letter-spacing: 1px;
}
.product .cont-list .item .word p a {
	color: #aace3b;
	margin-left: 10px;
}
.video-box {
	width: 100%;
	height: 780px;
	margin: 0 auto;
	border-top: 16px solid #e2e2e2;
	background: url('../imgs/index_bg_01.jpg') no-repeat center top;
}
.video-box .video {
	width: 1198px;
	height: 703px;
	background: url('../imgs/mac.png') no-repeat center top;
	margin: 44px auto 0;
	overflow: hidden;
}
.video-box .video .cont, .video-box .video .vshow {
	width: 946px;
	height: 592px;
}
.video-box .video .cont {
	margin: 40px auto 0;
}
.plan {
	width: 100%;
	height: 736px;
	margin: 0 auto;
	background: url('../imgs/index_bg_02.jpg') no-repeat center top;
}
.plan .planbox {
	width: 1200px;
	height: 736px;
	position: relative;
	margin: 0 auto;
}
.plan .tabLeft {
	width: 265px;
	height: auto;
	margin-top: 40px;
}
.plan .tabLeft .tit {
	width: 100%;
	height: auto;
	margin-bottom: 36px;
}
.plan .tabLeft .tabTitle {
	width: 198px;
}
.plan .tabLeft .tabTitle li {
	width: 100%;
	height: 52px;
	text-align: center;
	margin-bottom: 17PX;
}
.plan .tabLeft .tabTitle li a {
	font-size: 20px;
	color: #fff;
	background: url('../imgs/index_tab_bg.png') no-repeat center top;
	width: 100%;
	height: 52px;
	float: left;
	line-height: 52px;
	text-align: center;
}
.plan .tabLeft .tabTitle li a:hover, .plan .tabLeft .tabTitle li.active a {
	background: url('../imgs/index_tab_bg_h.png') no-repeat center top;
}
.plan .imgList {
	width: 944px;
	overflow: hidden;
	position: absolute;
	left: 250px;
	top: 92px;
}
.plan .imgList .tabCont {
	display: none;
	border: 10px solid #fff;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 781px;
}
.plan .imgList .tabCont img {
	width: 781px;
	height: 541px;
	float: left;
	display: none;
}
.plan .imgList .tabCont span {
	width: 100%;
	height: 60px;
	display: block;
	line-height: 60px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #a9ca3e;
	color: #010101;
	font-size: 30px;
}
.plan .imgList .tabBtn {
	width: 52px;
	height: 140px;
	position: absolute;
	top: 260px;
	cursor: pointer;
	opacity: .6;
	filter: alpha(opacity = 60);
}
.plan .imgList .leftBtn {
	left: 0;
} 
.plan .imgList .rightBtn {
	right: 0;
} 
.plan .imgList .tabBtn:hover {
	opacity: 1;
	filter: alpha(opacity = 100);
}
.case-box {
	width: 100%;
	height: 622px;
	margin: 0 auto;
	overflow: hidden;
	background: url('../imgs/index_bg_05.jpg') no-repeat center top;
}
.case {
	width: 1200px;
	height: 499px;
	margin: 33px auto 0;
	background: url('../imgs/index_bg_03.jpg') no-repeat center top;
}
.case .tit {
	width: 100%;
	height:auto;
	margin: 0 auto;
	overflow: hidden;
}
.case .tit img {
	width: 221px;
	height: 66px;
	margin: 24px 0 0 18px;
}
.case .tit p {
	font-size: 20px;
	color: #fff;
	margin: 25px 0 0 36px;
}
.case .tit a {
	width: 140px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #383842;
	font-size: 20px;
	margin: 18px 10px 0 0; 
	background: url('../imgs/index_more_bg.png') no-repeat left top;
}
.case .cont {
	width: 100%;
	height: auto;
	margin: 24px auto 0;
}
.case .cont .item {
	float: left;
	width: 382px;
	height: auto;
	margin-left: 13px;
}
.case .cont .item img {
	width: 378px;
	height: 322px;
	display: inline-block;
	margin: 0 auto;
	border:2px solid #fff;
}
.case .cont .item span {
	width: 277px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	background: url('../imgs/index_case_word_bg.png') no-repeat center top;
	font-size: 18px;
	display: block;
	text-align: center;
	margin: 14px auto 0;
}
.about-box {
	width: 100%;
	height: 622px;
	background: url('../imgs/index_bg_05.jpg') no-repeat center top;
	margin: 38px auto 0;
}
.about {
	width: 1200px;
	margin: 42px auto 0;
	height: auto;
}
.about .img {
	width: 587px;
	height: 522px;
}
.about .info {
	width: 538px;
	height: auto;
}
.about .info .tit img {
	width: 538px;
	height: 145px;
	float: left;
	margin-bottom: 40px;
}
.about .info .tit p {
	font-size: 16px;
	color: #404040;
	line-height: 34px;
	text-indent: 28px;
	margin-bottom: 20px;
	width: 100%;
	float: left;
}
.about .info .tit a {
	width: 163px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: url('../imgs/about_more.png') no-repeat center top;
	color: #2c2a36;
	font-size: 16px;
	float: right;
}
.ad_01 {
	width: 100%;
	height: 869px;
	margin: 0 auto;
	overflow: hidden;
	background: url('../imgs/index_ad_01.jpg') no-repeat center top;
}
.news {
	margin: 64px auto 26px;
}
.news .topnews {
	width: 100%;
	margin: 0 auto;
}
.news .topnews .img {
	width: 548px;
	height: 455px;
	border: 8px solid #f0edf1;
}
.news .topnews .info {
	width: 576px;
	margin-top: 43px;
}
.news .topnews .info .tit {
	width: 100%;
	height: auto;
	margin: 0 auto 28px;
	overflow: hidden;
}
.news .topnews .info .tit img {
	width: 265px;
	height: 73px;
}
.news .topnews .info .word {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.news .topnews .info .word .t {
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	overflow: hidden;
}
.news .topnews .info .word h3 a {
	font-size: 24px;
	color:#474747;
	float: left;
	line-height: 43px;
}
.news .topnews .info .word img {
	width: 42px;
	height: 43px;
}
.news .topnews .info .word .c {
	margin-bottom: 30px;
}
.news .topnews .info .word .c p {
	font-size: 16px;
	color: #7a747d;
	line-height: 34px;
	letter-spacing: 1px;
}
.news .topnews .info .word .bt {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.news .topnews .info .word .bt a {
	width: 163px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: url('../imgs/about_more.png') no-repeat center top;
	font-size: 16px;
	color: #2c2a36;
}
.news .topnews .info .word .bt a:hover {
	font-weight: bold;
}
.news .topnews .info .word .bt i {
	float: right;
	line-height: 44px;
	font-size: 18px;
}
.news .newslist {
	width: 1200px;
	height: auto;
	margin: 20px auto 0;
	overflow: hidden;
}
.news .newslist .item {
	width: 384px;
	float: left;
	background: #f0edf1;
	margin-right: 24px;
	padding-bottom: 14px;
}
.news .newslist .item-last {
	margin-right: 0;
}
.news .newslist .item .img {
	width: 368px;
	height: 306px;
	display: block;
	margin: 0 auto;
	border: 8px solid #f0edf1;
}
.news .newslist .item .info {
	width: 100%;
	height: auto;
	margin: 16px auto 0;
}
.news .newslist .item .info img {
	width: 50px;
	height: 43px;
	float: left;
	margin-right: 8px;
	margin-left: 12px;
}
.news .newslist .item .info span {
	float: left;
	width: 294px;
	height: 44px;
	overflow: hidden;
	line-height: 22px;
	
	font-size: 18px;
	border-left: 2px solid #a0a0a0;
	padding-left: 8px;
}
.news .newslist .item .info span a {
	color: #000;
}
.news .newslist .item .info span a:hover {
	text-decoration: underline;
}








.txtw{ position:absolute; width:100%; left:0; top:100%; background:url(../imgs/hv.png) no-repeat center; height:541px; transition:all 0.5s}
.txtw h3{ text-align:center; font-size:30px;margin: 140px 0 50px;}

.txtw p{ font-size:16px; line-height:48px; padding:0 70px;}






.xinzengbq{ overflow:hidden; margin-left:-10px; zoom:1; margin-top:20px}
.xinzengbq li{ width:595px; margin-left:10px; margin-bottom:10px; background:#F3F3F3; padding:10px; box-sizing:border-box; float:left}
.xinzengbq li dl{ overflow:hidden;}
.xinzengbq li dl dt{ float:left; margin-right:10px}
.xinzengbq li h3{ font-size:18px; margin: 10px 0}
.xinzengbq li p{ font-size:14px; line-height:23px;}









