*{
	font-family:"Microsoft YaHei"!important;
}
.index{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/index_banner.jpg);
	background-attachment: fixed;
	background-size: cover;
	z-index: 999;
}
.top_main .container{
	padding: 10px 0;
}
.top_main .container div{
	text-align: center;
}
.top_main .container .icon{
	margin-top: 10px;
	display: none;
	background: inherit;
	border: none;
	outline: none;
}
.top_main div .logo{
	width: 100%;
	max-width: 225px;
}
.top_main div ul li{
	list-style-type: none;
	float: left;
	width: 16%;
	margin-right: 4%;
	border: 1px solid rgba(0,160,222,0);
	padding: 10px 0;
	text-align: center;
	/*background: #00A0DE;*/
}
.top_main div ul li:hover{
	border: 1px solid #00A0DE;
}
.top_main div ul li:hover a{
	background: inherit;
}
.top_main div ul li a{
	color: #00A0DE;
	text-decoration: none;
	padding: 0;
}
.top_main h1{
	color: #ffffff;
	margin-top: 160px;
	font-size: 56px;
	font-weight: bold;
}
.top_main h4{
	color: #ffffff;
	margin-top: 30px;
	margin-bottom: 80px;
	font-size: 24px;
	font-weight: bold;
}
.top_main a.demo{
	padding: 20px 30px;
	background: #00A1E9;
	color: #ffffff;
	font-size: 20px;
	text-decoration: none;
}
.top_main .down_img{
	position: absolute;
	left: 48%;
	bottom: 40px;
}
.p_banner{
	width: 100%;
	height: 550px;
	background: url("/skin/images/product_banner.jpg") no-repeat center center;
	overflow: hidden;
}
.p_banner .p1{
	color: #ffffff;
	font-size: 20px;
	text-align: right;
	margin-right: 20%;
	margin-top: 90px;
}
.p_banner .p2{
	color: #ffffff;
	font-size: 20px;
	text-align: left;
	margin-top: 120px;
	margin-left: 20%;
}
.s_banner{
	width: 100%;
	height: 550px;
	background: url("/skin/images/service_banner.jpg") no-repeat center center;
	overflow: hidden;
}
.s_banner .p1{
	color: #ffffff;
	font-size: 28px;
	text-align: right;
	margin-top: 160px;
	margin-right: 10%;
}
.s_banner .p2{
	color: #ffffff;
	font-size: 24px;
	text-align: right;
	margin-top: 30px;
	margin-right: 10%;
}
.c_banner{
	width: 100%;
	height: 550px;
	background: url("/skin/images/contact_banner.jpg") no-repeat center center;
	overflow: hidden;
}
.c_banner p{
	color: #ffffff;
	font-size: 36px;
	text-align: center;
	margin-top: 200px;
}
.introduction{
	z-index: 999;
	position: relative;
}
.introduction .block{
	width: 290px;
	box-shadow: 2px 1px 8px 3px rgba(0, 0, 0, 0.2);
	padding: 78px 30px 32px;
	margin: 100px auto 90px;
	position: relative;
}
.introduction .block h4{
	color: #000000;
	font-weight: bold;
}
.introduction .block p{
	color: #888888;
}
.introduction .num{
	position: absolute;
	left: 107px;
	top: -22px;
}
.introduction .num a{
	vertical-align: middle;
	color: #ffffff;
	background: #00A1E9;
	border-radius: 50px;
	font-size: 32px;
	padding: 20px;
}
.taobao_daigou{
	background: #F4FCFF;
}
.taobao_daigou img{
	width: 100%;
}
.taobao_daigou .whatis{
	padding: 80px 0 40px;
}
.taobao_daigou .makemoney{
	padding: 40px 0 80px;
}
.taobao_daigou .whatis .text{
	padding: 0 30px;
}
.taobao_daigou .profile .text h2{
	padding: 8px 0 16px;
}
.taobao_daigou .profile .text p{
	line-height: 2;
}
.business_profile{
	text-align: center;
}
.business_profile .title h2{
	font-weight: bold;
	margin: 80px 0 60px;
}
.business_profile .icon p{
	padding: 20px 0;
}
.business_profile .img img{
	width: 100%;
}
.reception{
	background: #30AFF4;
}
.reception .title{
	color: #ffffff;
	text-align: center;
	padding: 80px 0 60px;
}
.reception .introduction_img img{
	width: 100%;
}
.reception .introduction_txt a{
	color: #FDFD48;
	font-size: 20px;
	margin: 24px 0 16px 6px;
	display: block;
}
.reception .introduction_txt ul{
	padding-left: 0;
	padding-bottom: 60px;
	float: left;
}
.reception .introduction_txt ul li{
	list-style-type: none;
	background-image: url("../images/index_btn_white.png");
	width: 188px;
	height: 59px;
	line-height: 59px;
	text-align: center;
	background-repeat: no-repeat;
	float: left;
	margin: 16px;
}
.reception .introduction_txt ul li:hover{
	color: #fdfd48;
}
.admin .title{
	color: #000000;
	text-align: center;
	padding: 80px 0 60px;
}
.admin .introduction_img img{
	width: 100%;
}
.admin .introduction_txt a{
	color: #30AFF4;
	font-size: 20px;
	margin: 24px 0 16px 6px;
	display: block;
}
.admin .introduction_txt ul{
	padding-left: 0;
	padding-bottom: 60px;
	float: left;
}
.admin .introduction_txt ul li{
	list-style-type: none;
	background-image: url("../images/index_btn_colorful.png");
	width: 188px;
	height: 59px;
	line-height: 59px;
	text-align: center;
	background-repeat: no-repeat;
	float: left;
	margin: 16px;
}
.admin .introduction_txt ul li:hover{
	color: #30AFF4;
}
.choose_us{
	text-align: center;
	background: #F4FCFF;
	padding: 80px 0 60px;
}
.choose_us img{
	width: 90%;
	padding-top: 40px;
 }
.choose_us .summary{
 	display: none;
 }
.choose_us .summary .p2{
	text-align: left;
}
.choose_us .summary .p1{
	text-align: left;
	color: #ff6f41;
	font-weight: bolder;
	font-size: 16px;
}
.classic_case{
	padding-bottom: 80px;
}
.classic_case h2{
	text-align: center;
	margin:  60px 0 80px;
}
.c1,.c2,.c3,.c4,.c5,
.c7,.c8,.c9,.c10,.c11,
.c13,.c14,.c15,.c16,.c17,
.c19,.c20,.c21,.c22,.c23{
	border-right:1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
.c25,.c26,.c27,.c28,.c29{
	border-right: 1px solid #dfdfdf;
}
.c6,.c12,.c18,.c24{
	border-bottom: 1px solid #dfdfdf;
}
.classic_case img{
	width: 100%;
}
.footer {
	padding: 40px 0 0;
	background: #313236;
}
.footer .list {
	text-align: left;
	margin-bottom: 20px!important;
	list-style-type: none;
}
.footer p{
	color: #ffffff;
	text-align: center;
	padding-top: 16px;
}
.footer .list .l-title{
	color: #f5f5f5;
}
.footer .list .item {
	margin-top: 15px;
}
.footer .list .item a {
	color: #ffffff;
	text-decoration: none;
}
.footer .list .item a:hover {
	color: #1abc9c;
}
.footer .last-list {
	border-right: 1px solid #2d2d2d;
}
.d-footer {
	padding: 20px 0;
	background: #292A2E;
	position: relative;
}
.d-footer .rights {
	color: #8e8e8e;
	font-size: 14px;
	text-align: center;
	margin: 0;
	line-height: 2;
}
.d-footer .rights a {
	color: #8e8e8e;
}
.recommend{
	padding: 80px 0;
}
.recommend h2{
	text-align: center;
	margin: 20px 0 60px;
}
.recommend .filler{
	min-height: 1px;
	width: 12.5%;
	float: left;
}
.recommend .r_block{
	max-width: 330px;
	text-align: center;
	padding: 0;
	box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
	margin-top: 30px;
}
.recommend .r_block img{
	width: 100%;
}
.recommend .r_block h4{
	margin: 30px 0 16px;
}
.recommend .r_block p{
	padding-bottom: 30px;
}
.dg_introduce{
	background: #F4FCFF;
	padding-bottom: 60px;
}
.dg_introduce h2{
	margin: 60px 0;
	text-align: center;
}
.dg_introduce .col-lg-6{
	max-width: 300px;
	height: 693px;
	text-align: center;
	float: left;
}
.dg_introduce img{
	position: absolute;
	left: 0;
}
.dg_introduce .dg_block1 .dg_txt{
	position: absolute;
	top: 440px;
}
.dg_introduce .dg_block1 .dg_txt h4{
	color: #5FBF49;
}
.dg_introduce .dg_block2 .dg_txt{
	position: absolute;
	top: 120px;
}
.dg_introduce .dg_block2 .dg_txt h4{
	color: #DE6161;
}
.dg_introduce .dg_block3 .dg_txt{
	position: absolute;
	top: 410px;
}
.dg_introduce .dg_block3 .dg_txt h4{
	color: #F3BC15;
}
.dg_introduce .dg_block4 .dg_txt{
	position: absolute;
	top: 90px;
}
.dg_introduce .dg_block4 .dg_txt h4{
	color: #00A0E9;
}
.support{
	text-align: center;
	padding: 60px 0;
}
.support img{
	width: 90%;
	padding-top: 60px;
}
.message{
	text-align: center;
	padding: 80px 0;
}
.message .m_block{
	width: 5%;
	min-height: 1px;
	float: left;
}
.message .input{
	padding: 16px 6px;
	box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
	text-align: left;
}
.message span{
	color: #00A0DE;
	font-size: 16px;
	margin-left: 8px;
}
.message input{
	border: 0;
	outline: none;
	width: 60%;
}
.message .textarea{
	box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
	text-align: left;
	padding: 30px 6px;
	margin-top: 20px;
}
.message .textarea span{
	float: left;
}
.message .textarea textarea{
	width: 80%;
	border: none;
	outline: none;
	height: 120px;
}
.message .button{
	float: left;
	width: 100%;
}
.message button{
	border: none;
	outline: none;
	color: #ffffff;
	background: url("../images/contact_send.png") no-repeat;width: 171px;height: 171px ;
	font-size: 20px;
	margin: 0 auto;
}
.contact_info{
	background: #F4FCFF;
	padding: 80px 0;
}
.contact_info h2{
	text-align: center;
	margin-bottom: 40px;
}
.contact_info .contact_icon{
	height: 56px;
	float: left;
	margin: 20px auto 40px;
}
.contact_info .contact_icon img{
	display: block;
	float: left;
}
.contact_info .contact_icon .txt{
	height: 30px;
	float: left;
	padding-top: 15px;
}
.map img{
	width: 100%;
}
@media (max-width: 1200px) {
	.recommend .r_block{
		margin: 40px auto 0;
	}
	.taobao_daigou .text,
	.taobao_daigou .img{
		text-align: center;
	}
}
@media (max-width: 990px) {
	.dg_block2,.dg_block4{
		margin-left: 60px;
	}
	.footer{
		text-align: center;
	}
	.footer ul{
		margin-top: 20px;
		padding-bottom: 20px;
	}
	.footer ul li{
		text-align: center;
	}
	.introduction .block{
		padding: 50px 30px 40px;
		margin: 40px auto;
	}
}
@media (max-width: 768px){
	.top_main .container .icon{
		display: inline-block;
	}
	.top_main div ul.nav{
		padding: 0;
		display: none;
	}
	.top_main div ul li{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.top_main h1{
		font-size: 32px;
	}
	.top_main h4{
		font-size: 18px;
	}
	.top_main .content{
		padding-left: 30px;
		position: absolute;
		top: 16%;
	}
	.dg_block2,.dg_block4{
		margin-left: 0;
	}
	.message .input{
		width: 100%;
		margin: 10px 0;
	}
	.business_profile,.reception,.admin,.choose_us img{
		display: none;
	}
	 .choose_us .summary{
	 	display: block;
	 }
}
@media (min-width: 768px) {
	.message .input{
		width: 30%;
	}
}