.tabcon{min-height:500px; margin:3.5% auto 0 166px; position:relative }

/*第一屏 视频展示*/
.tab1{overflow: hidden; position: relative; width: 100%; height: 100%; background:url(../img/home1_bg.jpg) no-repeat center top; background-size:100% auto}
.tab1-title{ position: absolute; z-index: 99; left: 16%; top:30%; margin:0; width:392px; height:482px;}
.tab1 .video img{ width: 100%;}
source{ width: 100%; height: auto;}

.i-tels{ width:150px; margin:30px auto 0; color: #FFFFFF; }
.i-tels .nums{ font: 400 18px/30px 'Microsoft YaHei';}
.i-tels .bshare-custom{ text-align: center; border-top: 1px solid #FFFFFF;}
.i-tels span{display: block; text-align: center;}
.bsBox{box-sizing: content-box;}
.bshare-custom{ margin:15px 0 0 0 ; padding:15px 0 0 0;}


.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 180px;
}
.silder-ctrl-next>span{
	right: 20px;
}
.silder-ctrl-con{
	display: inline-block;
	 width:1%;
	
	margin: 0 10px;
	cursor: pointer;
	
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 20px; height:20px; border-radius:15px;
	cursor: pointer;
	background-color: #e4e4e4;
	position:absolute;
	top:70%
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}














/*第二屏 关于我们*/
.tab2{overflow: hidden; position: relative; width: 100%; height: 100%;
    background: url("../img/home2_bg.jpg") no-repeat center  0; background-size:100% auto ;}
.tab2-title{ position: absolute; z-index: 99; right:0; top:10%; margin:0 0 0 0; width:77%; height:745px;opacity:0; padding-top:4% }
	.tab2_morebtn{ width:108px; height:30px; border:2px solid #fff; background:none; color:#fff; margin:19px 23px 0px 0px ; display:block; color:#fff; font-size:14px; }
	.tab2 .tabname1 a.tab2_morebtn{ color:#fff;font-size:14px; text-align:center; line-height:30px}
	.timeline{ width:100%; height:382px; background:url(../images/tab2_linebg.png) repeat-x left 215px; margin-top:70px; padding-top:1px; text-align:left}
	
	.tab2area{ width:872px; height:728px; margin:0 auto; position:relative; }
	.tab2con{ width:100%; height:728px; padding-top:134px; margin:0 auto; text-align:center; position:absolute; text-align:center; padding-left:116px; }
	.tab2mid{ width:756px; margin:0 auto; height:510px; text-align:center; line-height:30px; padding-top:70px; font-size:16px; color:#000}
	.tab2_img{ width:640px; height:250px; margin:52px auto 0}
		.tab2_img img{ float:left}
		.tab2_img img:first-child{ float:right}
	
	
	


/*第三屏 产品特色*/
.tab3{overflow: hidden;position: relative; width: 100%; height: 100%;padding:0;
    background: url("../img/home3_bg.png") no-repeat center  0; background-size: cover;}
.tab3 .titles{ padding:7.2% 0 0; text-align: center;}
.tab3-content{height:100%}
.tab3 .tabcon{ margin:-5% 0 0 166px;}

.home4con{ width:60%; max-width:776px; height:100%; margin:20% auto 0 38%; position:relative}
	.home4con01{ width:776px; height:564px; margin:39% auto 0 auto}
	
	.tab4 .morea{position: absolute; z-index: 99; left:0; top:80%; width: 100%; text-align: center;}
	.tab4 .home3b01{ position:absolute; z-index:200; left:86px; top:-114px; width:280px; height:370px;}
	.tab4 .home3b02{ position:absolute; z-index:200; left:253px; top:247px; width:242px; height:320px;}
	.tab4 .home3b03{ position:absolute; z-index:200; left:935px; top:132px;width:174px; height:230px;}
	.tab4 .home3b04{ position:absolute; z-index:200; left:844px; top:416px;width:280px; height:370px;}
	



.titles .ch{display: block; font: bold 48px/54px "Microsoft YaHei"; text-align: center;color:#fff;}
.titles .en{display: block; font: 18px/24px "Microsoft YaHei";color:#fff; text-transform: uppercase; text-align: center;word-spacing:2px; letter-spacing: 1px;}
.lest4{  width:1200px;  height:4.8rem;  position: relative; margin: 0 auto;}
.lest4 a{ width:auto; height: auto; display: inline-block;}
.screen3_more{ width:1200px; height:40px; line-height:40px; margin:40px auto 0 auto; background:rgba(10,84,171,0.7); color:#fff; display:block; text-align:center;}
.screen3_more:hover{ color:#ffe}
.box4_1,.box4_2,.box4_3,.box4_4,.box4_5,.box4_6{position: absolute;overflow: hidden; float: left;width: 4rem;  height:2.4rem; padding:5px;}
.box4_1 img,.box4_2 img,.box4_3 img,.box4_4 img,.box4_5 img,.box4_6 img{width: 100%; position:absolute; z-index:100}

.
.top4_lest_comm a.ch{ display: block;font: 100 14px/42px"Microsoft YaHei"; color: #000; background: rgba(255,255,255,0.5);position: absolute; z-index:500}
.top4_lest_comm a .en{ display: block; padding-bottom: 5px; font: 100 14px/18px "Microsoft YaHei";color: #FFFFFF; text-transform: uppercase; background: rgba(255,255,255,0.5);}
.top4_lest_comm span ,.top4_lest_comm p{ position:absolute; z-index:500; display: block;font: 100 14px/42px"Microsoft YaHei"; color: #000; background: rgba(255,255,255,0.5); bottom:0; width:100%; text-align:center}
.top4_lest_comm a{display: block; position: absolute;left: 0; bottom: 5px;z-index: 11; padding:0 5px 0 5px;  width:100%;text-align: center;}
.top4_lest_comm span{pointer-events: none;}
.box4_1{top:0;left: 0;}
.box4_2{top:0; left:4rem;}
.box4_3{top:0;left: 8rem;}
.box4_4{top:2.4rem;left: 0;}
.box4_5{top:2.4rem;left:4rem;}
.box4_6{top:2.4rem;left:8rem;}



/*第四屏 手风琴*/
.tab4{ overflow: hidden; width: 100%; height: 100%; background:#fff; position:relative}
	.tab4_h{ text-align:center; height:300px; padding-top:134px; text-align:center; width:728px; margin:0 auto;}
	.tab4 .tabcon, .tab5 .tabcon{ max-width:1466; width:100%} 
	.tab4 .tabname1{ margin-top:10%}
		.tab4 .tabname1 p span, .tab5 .tabname1 p span{ display:block; margin-left:20px; font-size:16px; color:#cd3840;line-height:32px; font-weight:bold; margin-top:40px;}
		/*.tab4btn{ width:120px; height:34px; background:#ae121b; font-size:15px; border:none; color:#fff; margin:50px 0px 0px 20px; display:block}
		.tabname1 a.tab4btn{ color:#fff; text-align:center; line-height:34px;}
*/		/*.tab4img{ width:52%; margin:0 0 0 36%; padding-top:12.8%}*/
		.tab4img1{ width:32%; height:440px;; position:relative; float:left; margin-right:15px;}
			.tab4img1:first-child{ margin-left:15px;}
			.tab4img1:last-child{ margin-right:0}
			.tab4img1 img{ z-index:50; position:absolute; width:100%; height:100%}
			.tab4img1 div{ width:100%; z-index:200; position:absolute; top:0; background:rgba(0, 0, 0, 0.4); text-align:center; color:#fff; display:none; vertical-align:middle; height:450px; line-height:60px;}
			.tab_box div .tab4img1 div{ padding-top:150px;}
			.tab4img1 div span.tab4more{ width:46px; height:46px; text-align:center; line-height:38px; color:#fff; border:4px solid #fff; display:block; margin:0 auto; border-radius:25px; font-size:24px; font-weight:bold}
			.tab4img1:hover div{ display:block}
		

		#tab{width:100%;position:relative; margin:0 auto; padding:0 0 0 166px;}
			#tab .tab_menu{width:900px;position:relative; margin:0 auto;z-index:1;}
			#tab .tab_menu li{width:100px;height:100px;line-height:25px; font-size:24px; text-align:center; padding-top:22px;cursor:pointer;margin:20px 66px 0 0; border-radius:50px; display:inline-block; color:#007737; border:3px solid #007737}
			#tab .tab_box{width:100%;height:auto;clear:both;top:70px;position:relative;}
			#tab .tab_menu .selected{background-color:#e1a434; border:3px solid #e1a434; color:#fff; box-shadow:inset 0px 0px 5px 0px #fff;insecursor:pointer;}
			.hide{display:none;}
			.tab_box div{padding:0;} 

	
		
	


/*第五屏 营销网络*/
.tab5{overflow: hidden; position: relative;  width: 100%; height: 100%; background:url(../img/home5_bg.jpg) no-repeat top center}
.tab5-content .div-li{position: absolute; width: 50%; height: 50%; overflow: hidden; }
.tab5-content .div-li a{ padding: 15% 0 0 10%;}
	.tab5con{ width:928px; height:618px; margin:0 auto; }
		.tab5ad{ float:left;  border:3px solid #007737; width:452px; height:320px;}
	
		.tab5news{ float:left; background:rgba(255, 255, 255, 0.8); padding:40px; width:452px; height:237px; display:block; margin-right: 10px; margin-bottom:15px}
			.tab5news h5{      overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; width:100%; font-size:18px; color:#000; height:44px; line-height:44px; overflow:hidden;text-overflow:ellipsis;
white-space: nowrap; }
			.tab5news:hover h5{ color:#007737}
			.tab5news p{ width:100%; height:75px; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
overflow: hidden; color:#999;font-size: 14px;}
			
			.tab5news h6{ width:100%; font-size:14px; color:#000; height:22px; line-height:22px;}
			
			


/*第六屏 服务*/
.tab6{position: relative; overflow: hidden; width:100%;height: 100%; background-size: cover;background: url(../img/home6_bg.png) repeat-x left 565px  }
	.tab6 .tabname1{ position:relative; margin:0 auto}

	.tab6_con{ max-width:806px; width:48%; height:678px; margin:74px auto 0 32%;  padding-top:140px; position:absolute }
	.tab6 .tabname1{ width:100%; height:140px; margin:0 auto; text-align:center}
		.tab6 .tabname1 img{ width:100%; max-width:786px;}
		.tab6_text{ width:100%; height:184px; margin-top:40px; margin:0 auto 0 auto; font-size:20px; line-height:40px; color:rgba(223, 3, 18, 0.7); padding-top:5%}

		.tab6_photo{ width:100%; height:auto; text-align:center; padding-top:40px;}
		.tab6_photo img{ display:inline-block; width:32%; max-width:265px;}
		.tab6con{ max-width:1200px; width:62.1%; height:730px; margin:0 auto}
			.tab6map{ width:69%; height:auto; float:left; border:2px solid #fff; margin-right:2%}
			.tab6con .qc{ width:100%;  height:auto; text-align:center; font-size:18px;max-width:238px; margin:0 auto}
				.tab6con .qc img{ width:100%; height:auto}
			.tab6con .contact{ width:100%; height:auto; color:#fff; text-align:center; line-height:18px; padding-top:50px; font-size:16px;} 
			.tab6r{ width:26%; float:right; height:auto; }



	
footer{padding: 12px 0; text-align: center; background: #700b11; position:absolute; bottom:0; width:100%}
footer span{display: inline-block; padding: 0 5px; color: #fff;}
footer a{display: inline-block; color:#fff;}

@media (min-width:1390px) {
    .tab3 .titles{ padding:7.2% 0 10px 0;}
	.tab7 .titles{ padding:7.2% 0 10px 0;}
    .titles .ch{display: block; font: bold 48px/54px  "Microsoft YaHei"; }
    .titles .en{display: block; font: 18px/24px "Microsoft YaHei";word-spacing:2px; letter-spacing: 1px;}
    .tab6-content{padding:7%  0 0 0;}
    .tab7-content2{background: #333333;}
    .tab7-content2 .tab7-contact{display: block; height:230px; padding:20px 0 0 0; text-align: right; color: #FFFFFF;
        background: url("../images/tab7_contact.jpg") no-repeat center center;}
    .tab7-contact-right{display: inline-block; width:320px; text-align: left;}
    .tab7-content2 .tab7-contact img{ margin:20px 0;}
    .tab7-contact-right p{ font:400 14px/24px "Microsoft YaHei";}
}
@media (min-width:1600px) {
    .tab3 .titles{ padding:7.2% 0 20px 0}
	.tab7 .titles{ padding:7.2% 0 20px 0}
    .titles .ch{display: block; font: bold 48px/54px  "Microsoft YaHei"; }
    .titles .en{display: block; font: 18px/30px "Microsoft YaHei";word-spacing:2px; letter-spacing: 1px;}
    .tab6-content{padding: 10%  0 0 0;}
    .tab7-content2 .tab7-contact{ height: 300px;}
    .tab7-content2 .tab7-contact img{ margin:40px 0;}
    footer{margin: 5px 0 0 0;}
}

@media (max-width:768px) {
	.tab1{ display:none}
	.tab2-title{    position: absolute;
    z-index: 99;
    left: 50%;
    top: 35%;
    margin: 0px 0 0 0px;
    width: 200px;
    height: 164px;}
	.tab2-title img{ width:100%}
	.tab4 {  background:url(../images/great_bg.png) no-repeat top center;background-size: auto 100%;}
	.tab4 .home3b01{ left:7%; top:-50%px; width:5%;}
	.tab4 .home3b02{left:21%; top:0; width:8%;}
	.tab4 .home3b03{ left:935px; top:132px;width:5%;}
	.tab4 .home3b04{ left:844px; top:416px;width:280px; height:370px;}
	.home3b01 img, .home3b02 img ,.home3b03 img , .home3b04 img{ width:100%}
	.home4con01 {width: 16%;margin: 10% auto 0 8.5%;
}
	.home4con01 img,.home4con02 img{ width:100%; height:auto}
	.home4con02 {width:22%;margin: 4% auto 0 6.5%;	}
	.tab4 .morea a{ color:#fff}

	.tab6{ background:url(../images/head_6bg.png) no-repeat center top; background-size:100%}
	.tab6con01{ width:100%;    margin: 314px auto 0 auto;}
		.tab6con01 .ball{width:86px; height:86px;  margin: 0px 10px 10px 6px; font-size:14px;}
		.tab6con01 .ball:last-child{ margin: 0px 0px 10px 6px;}
		.tab6con01 .ball .ballcon { font-size:14px;line-height:normal }
		.tab6_btn01, .tab6_btn02, .tab6_btn03{    margin: 0 6px;}
		.tab6con03{ display:none}
}

















/*联系我们*/
.contact{}
.mapa img{width: 100%;}
.contact form{padding-top: 20px;}
.contact form .inputs{ width: 100%;height: 48px; padding-left: 10px; line-height: 48px; background:#FFFFFF;}
.contact form .name{margin-bottom: 15px; padding-left: 56px; background: url("../img/message1.png") no-repeat 0 0; }
.contact form .tels{margin-bottom: 15px; padding-left: 56px; background: url("../img/message2.png") no-repeat 0 0;}
.contact form .says{padding-left: 56px; background: url("../img/message3.png") no-repeat 0 0;}
.contact form textarea{ width: 100%; height: 150px; padding: 10px; overflow: auto;}
.buttons{ float: right; margin-top: 20px; padding: 12px 50px; background: #333333; border: none; border-radius: 10px; color: #FFFFFF;}
.contact-r h4{ color: #333333;}
.contact-r1{ margin:20px 0 20px 0; padding: 20px; background :rgba(255,255,255,0.4); border: 1px solid #333333;}
.contact-r1 h4{ border-left: 3px solid #333333; padding-left: 10px; margin-bottom: 10px;}
.contact-r2 {margin-left: 10px;}
.contact-r2 h4{ padding-bottom:10px; padding-left: 20px; border-bottom: 1px solid #333333;}
.contact-r2 .message{ padding: 20px;}


/*图片切换*/
.play { width: 368px; height: 356px; margin: 50px auto 0; background-color: #000000; font: 12px Arial; display:inline-block ; float:left}

.big_pic { width: 368px; height: 272px; overflow: hidden;background: #222; position: relative; }

.big_pic li { width: 400px; height: 272px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; }

.mark_left { width: 184px; height: 272px; position:absolute; left: 0; top: 0;  filter: alpha(opacity:10); opacity: 0.1; z-index:3000; }

.mark_right { width: 184px; height: 272px; position: absolute; left: 200px; top: 0;  filter: alpha(opacity:10); opacity: 0.1; z-index: 3000; }

.big_pic .prev { width: 60px; height: 60px; background:url(../images/btn.png) no-repeat; position: absolute; top: 130px; left: 10px; z-index: 3001; filter:alpha(opacity:0); opacity:0; cursor:pointer; }

.big_pic .next { width: 60px; height:60px; background:url(../images/btn2.png) no-repeat 0;
 	
 position: absolute; top: 130px; right: 10px; z-index: 3001; filter:alpha(opacity:0); opacity:0; cursor: pointer: }

.big_pic .text { position:absolute; left: 10px; top:274px; z-index:3000; color: #ccc; }
.big_pic .length { position:absolute; right: 10px; bottom: 4px; z-index:3000; color:#ccc; }
.big_pic .bg { width:368px; height: 25px;  filter:alpha(opacity=60); opacity: 0.6; position: absolute; z-index:2999; bottom: 0; left:0; }
.small_pic {width:368px; height:86px; position:relative; top:10px; left:0px; overflow: hidden; }
.small_pic ul { height:86px; position:absolute; top: 0; left: 0; }
.small_pic li { width: 92px; height: 86px; float: left; 
padding-right: 10px; background: url(../images/loading.gif) no-repeat center center; cursor: pointer; filter: alpha(opacity:30); opacity:0.3; }
.small_pic img { width: 90px; height:74px; }