﻿body {
	overflow-x: hidden;font-family: 'microsoft yahei';padding:0;margin:0;
}
li{list-style:none;}
p{padding:0;margin:0px;}
a{text-decoration:none;}
.blank{clear:both;overflow:hidden;}
.blank20{clear:both;overflow:hidden;height:20px;}

.color1{color:#0ec14c;}
.color2{color:#a32cff;}
.color3{color:#ffc400;}
.color4{color:#05c2f9;}
.color5{color:#05f95b;}

.mobile-container {
	display: none;
}
.pc-container {
	display: block;
}

.header_box{
	background:#fff;width:100%;
	max-width:1920px;margin:0 auto;
}
.container{
	max-width: 1200px;
	margin: 0 auto;
	clear:both;
	overflow:hidden;
}

.container .logo{
	height:60px;width:139px;margin:20px 0;background:url(../image/logo.png) left center no-repeat;background-size:100% 100%;float:left;
}
.container .adtext{width:1060px;margin:20px auto;float:left;line-height:60px;box-sizing:border-box;font-size:40px;text-align:center;}


.container .logo a{
	width:100%;height:100%;display:inline-block;
}

.menu_bg{width:100%;height:35px;background:#ec6517;}
.menu{}
.menu a{padding:10px;height:35px;line-height:35px;color:#fff;margin-right:10px;font-size:16px;}
.menu a:hover{background:#c00;}


.banner{
	width:100%;height:600px;
	background-color:#99ffb4;  
	background-image:-webkit-gradient(linear,leftbottom,righttop,color-stop(0.32,#99ffb4),color-stop(0.66,#0ec14c),color-stop(0.83,#0ec14c)); 
	background-image:-webkit-linear-gradient(25deg,#99ffb4,#0ec14c,#0ec14c);
	background-image:-moz-linear-gradient(25deg,#99ffb4,#0ec14c,#0ec14c);
	background-image:-ms-linear-gradient(25deg,#99ffb40%,#0ec14c100%);
	background-image:-o-linear-gradient(25deg,#99ffb4,#0ec14c);
	background-image:linear-gradient(25deg,#99ffb4,#0ec14c);
}

.pc-mobile{width:393px;height:531px;float:left;background:url(../image/mobile4.png) center center no-repeat;margin-top:40px;margin-left:30px;margin-right:40px;}

.tkbang_name{width:400px;float:left;text-align:center;color:#000;padding-top:60px;}
.tkbang_name p{line-height:60px;padding:10px 0;margin:0px;}
.tkbang_name p font{color:#fcff00;}
.tkbang_name .title{font-size:60px;color:#fff;}
.tkbang_name .title2{font-size:40px;color:#fff;padding-bottom:30px;}
.tkbang_name .title3, .qrcode{font-size:20px;line-height:10px;padding:0px 0;}

.tkbang_code{float:left;width:330px;text-align:center;color:#000;padding-top:80px;}
.tkbang_code .qrcode img{width:163px;height:auto;}
.tkbang_code .title3, .qrcode{font-size:24px;line-height:30px;padding:0px 0;}
.tkbang_code a{margin-top:30px;display:block;}

.tkbang_down_btn{width:300px;float:left;padding-top:200px;}
.tkbang_down_btn a{width:293px;height:80px;display:block;margin-bottom:30px;}

.home_title1{font-size:60px;text-align:center;line-height:30px;color:#0ec14c;padding:70px 0 20px 0;}
.home_title2{font-size:20px;text-align:center;line-height:30px;padding:20px 0;}

.item_left{width:420px;float:left;padding-right:50px;padding-top:70px;box-sizing:border-box;}
.item_left li{text-align:right;padding-bottom:90px;}
.item_left li p.ptit1{font-size:40px;}
.item_left li p.ptit2{font-size:20px;}

.item_center{width:360px;height:700px;float:left;background:url(../image/mobile2.jpg) center center no-repeat;}


.item_right{width:420px;float:right;padding-left:50px;padding-top:70px;box-sizing:border-box;}
.item_right li{text-align:left;padding-bottom:90px;}
.item_right li p.ptit1{font-size:40px;}
.item_right li p.ptit2{font-size:20px;}


.pc-mobile2{width:549px;height:779px;float:left;background:url(/xiaibang/images/mobile2.png) center center no-repeat;margin-top:40px;margin-left:130px;}

.about_content{background:url(../image/bg21.jpg) center center no-repeat;width:100%;height:938px;margin:40px 0 0 0;padding:90px 0;box-sizing:border-box;}
.about_content p{line-height:50px;}
.about_content .home_title1{font-size:80px;color:#0ec14c;}
.about_content .home_title2{font-size:36px;color:#222;line-height:80px;text-align:left;}
.about_content .home_title2 font{color:#0ec14c;}


.about_content2{background:#fff;width: 1200px;	margin: 40px auto;	clear:both;	overflow:hidden;}
.about_content2 .home_title1{width:348px;height:540px;float:left;border-radius:10px 0 0 10px;background:#d8ecff;color:#05c2f9;line-height:80px;box-sizing:border-box;}
.about_content2 .home_title2{margin-left:20px;width:830px;float:right;height:540px;border-radius:0 10px 10px 0;background:#eeeeee;padding:180px 35px;box-sizing:border-box;font-size:26px;line-height:50px;}
.about_content2 .home_title2 .color1{color:#05c2f9;}


.application-imgs{color:#05c2f9;font-size:60px;text-align:center;overflow:hidden;padding-bottom:40px;}
.application-imgs img {
	margin: 0 .5%;
	display: block;
	float: left;
	width: 19%
	
}

.application-imgs.link-box {
	padding-bottom: 100px;
	margin-top: 50px
}

.application-imgs.link-box .link-item {
	display: block;
	float: left;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 120px;
	font-size: 14px
}

.application-imgs.link-box .link-item:hover {
	text-decoration: underline
}





@media screen and (max-width:850px) {
	.mobile-container {
		display: block;
		font-size: 14px
	}
	.pc-container {
		display: none;
	}
	
	
	
	.container{
		max-width: 100%;
		box-sizing:border-box;
		padding:0 3%;margin:0;
	}
	.container .logo{
		height:40px;width:140px;background:url(../image/logo.png) left center no-repeat;background-size:auto 100%;padding:0;margin:10px 0;
	}
	.container .logo a{
		width:100%;height:100%;display:inline-block;
	}
	.container .adtext{width:calc(100% - 140px);margin:0px auto;float:left;box-sizing:border-box;font-size:20px;text-align:center;}

	.banner{
		height:48vw;
	}
	.pc-mobile{
		display:none;
	}
	
	
	.tkbang_mobile{width:25%;float:left;}
	.tkbang_mobile img{width:90%;height:auto;margin-top:10px;}
	
	.tkbang_name{width:40%;float:left;text-align:left;color:#000;padding-top:40px;}
	.tkbang_name p{line-height:20px;padding:0px 0;margin:0px;}
	.tkbang_name img{width:70%;height:auto;}
	.tkbang_name .title{font-size:30px;}
	.tkbang_name .title2{font-size:14px;padding-top:10px;}

	.tkbang_code{float:left;width:30%;text-align:center;color:#000;padding-top:30px;}
	.tkbang_code .qrcode img{width:90%;height:auto;}
	.tkbang_code .title3, .qrcode{font-size:16px;line-height:30px;padding:0px 0;}
	.tkbang_code a{width:80%;height:auto;display:inline-block;margin-top:0px;}
	.tkbang_code a img{width:100%;height:auto;}

	.tkbang_down_btn{width:30%;float:right;padding-top:10px;box-sizing:border-box;text-align:center;}
	.tkbang_down_btn a{width:60%;display:block;margin-bottom:0px;padding-left:20%;}
	.tkbang_down_btn a img{width:100%;height:auto;}
	
	.home_title1{font-size:40px;text-align:center;line-height:50px;color:#0ec14c;padding:0px 0 0 0;}
	.home_title2{font-size:16px;text-align:center;line-height:30px;}
	
	
	.item_left{width:35%;float:left;padding-right:20px;padding-top:0px;box-sizing:border-box;}
	.item_left li{text-align:right;padding-bottom:30px;}
	.item_left li p.ptit1{font-size:18px;}
	.item_left li p.ptit2{font-size:12px;}
	
	.item_center{width:30%;height:auto;min-height:330px;float:left;background:url(../image/mobile2.jpg) center 30px no-repeat;background-size:100% auto;}
	
	
	.item_right{width:35%;float:right;padding-left:20px;padding-top:0px;box-sizing:border-box;}
	.item_right li{text-align:left;padding-bottom:30px;}
	.item_right li p.ptit1{font-size:18px;}
	.item_right li p.ptit2{font-size:12px;}


	
	.pc-mobile2{display:none;}

	.application-imgs{color:#05c2f9;font-size:30px;text-align:center;overflow:hidden;padding-bottom:20px;}
	.application-imgs h3{margin:0;padding:0;padding-top:20px;}
	.swiper-slide img{width:100%;height:auto;}
	
	
	.about_content{background:url(../image/bg21.jpg) center center no-repeat;width:100%;height:308px;background-size:100% auto;margin:40px 0 0 0;padding:0px 0;box-sizing:border-box;}
	.about_content p{line-height:30px;}
	.about_content .home_title1{font-size:30px;color:#000;}
	.about_content .home_title2{font-size:14px;color:#222;line-height:30px;text-align:left;}

	
	.about_content2{background:#fff;width:94%;margin:20px 3%;clear:both;	overflow:hidden;}
	.about_content2 .home_title1{width:100px;min-height:500px;float:left;border-radius:10px 0 0 10px;background:#d8ecff;color:#05c2f9;line-height:80px;box-sizing:border-box;}
	.about_content2 .home_title2{margin-left:10px;width:calc(100% - 110px);float:right;min-height:500px;border-radius:0 10px 10px 0;background:#eeeeee;padding:30px;box-sizing:border-box;font-size:26px;line-height:50px;}
	.about_content2 .home_title2 .color1{color:#05c2f9;}

	
}






































