﻿body {
	overflow-x: hidden;font-family: 'microsoft yahei';padding:0;margin:0;
}
p{padding:0;margin:0px;}
a{text-decoration:none;}
blank{clear:both;overflow:hidden;}
.color1{color:#2889ea;}

.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:#71b8ff;  
	background-image:-webkit-gradient(linear,leftbottom,righttop,color-stop(0.32,#71b8ff),color-stop(0.66,#2889ea),color-stop(0.83,#2889ea)); 
	background-image:-webkit-linear-gradient(45deg,#71b8ff,#2889ea,#2889ea);
	background-image:-moz-linear-gradient(45deg,#71b8ff,#2889ea,#2889ea);
	background-image:-ms-linear-gradient(45deg,#71b8ff0%,#2889ea100%);
	background-image:-o-linear-gradient(45deg,#71b8ff,#2889ea);
	background-image:linear-gradient(45deg,#71b8ff,#2889ea);
}

.pc-mobile{width:260px;height:540px;float:left;background:url(../image/mobile.png) center center no-repeat;margin-top:40px;margin-left:80px;}

.tkbang_name{width:460px;float:left;text-align:center;color:#fff;padding-top:40px;}
.tkbang_name p{line-height:60px;padding:10px 0;margin:0px;}
.tkbang_name .title{font-size:60px;}
.tkbang_name .title2{font-size:40px;}
.tkbang_name .title3, .qrcode{font-size:20px;line-height:10px;padding:0px 0;}

.tkbang_down_btn{width:300px;float:left;padding-top:200px;}
.tkbang_down_btn a{width:260px;height:80px;display:block;margin-bottom:30px;}

.home_title1{font-size:60px;text-align:center;line-height:30px;color:#2889ea;padding:70px 0 20px 0;}
.home_title2{font-size:20px;text-align:center;line-height:30px;padding:20px 0;}

.home_item{width:520px;margin-left:40px;margin-top:40px;float:left;padding:20px 35px;box-sizing:border-box;border-radius:100px;color:#fff;text-align:center;}
.home_item .item_title1{font-size:40px;}
.home_item .item_title2{font-size:30px;padding-top:20px;}

.home_item1{
	background: linear-gradient(to right, #2889ea, #7bbdff);
}
.home_item2{
	background: linear-gradient(to right, #2bc766, #98ffb3);
}
.home_item3{
	background: linear-gradient(to right, #ff6e02, #ffab56);
}
.home_item4{
	background: linear-gradient(to right, #98471b, #febd9b);
}
.home_item5{
	background: linear-gradient(to right, #e1021b, #fe6b7c);
}
.home_item6{
	background: linear-gradient(to right, #0a01b2, #6e66ff);
}
.home_item7{
	background: linear-gradient(to right, #d128eb, #db7aff);
}
.home_item8{
	background: linear-gradient(to right, #29e3ea, #7aeeff);
}

.about_content{background:#d8ecff;margin:40px 0 0 0;}
.about_content p{line-height:50px;}

@media screen and (max-width:800px) {
	.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_name{width:40%;float:left;text-align:left;color:#fff;padding-top:20px;}
	.tkbang_name p{line-height:20px;padding:10px 0;margin:0px;}
	.tkbang_name .title{font-size:30px;}
	.tkbang_name .title2{font-size:18px;}

	.tkbang_code{float:left;width:30%;text-align:center;color:#fff;padding-top:20px;}
	.tkbang_code .qrcode img{width:100%;height:auto;}
	.tkbang_code .title3, .qrcode{font-size:16px;line-height:30px;padding:0px 0;}

	.tkbang_down_btn{width:30%;float:left;padding-top:40px;box-sizing:border-box;}
	.tkbang_down_btn a{width:80%;height:30px;display:block;margin-bottom:20px;float:right;}
	.tkbang_down_btn a img{width:100%;height:auto;}
	
	.home_title1{font-size:40px;text-align:center;line-height:50px;color:#2889ea;padding:20px 0 0 0;}
	.home_title2{font-size:16px;text-align:center;line-height:30px;}
	
	
	.home_item{width:100%;margin:20px 0 0 0;padding:20px 35px;box-sizing:border-box;border-radius:100px;color:#fff;text-align:center;}
	.home_item .item_title1{font-size:30px;}
	.home_item .item_title2{font-size:20px;padding-top:20px;}
	
	
	
	
	
	
	
}






































