@CHARSET "UTF-8";
html{
	background : #fff;
	min-width : 1080px;
	min-height : 600px;
}
body{
	font-family : microsoft yahei;
	margin : 0;
	color : #666;
}
p,h1,h2,h3,h4,h5,h6,div{
	font-weight : normal;
	font-size : 14px;
	padding : 0;
	margin : 0;
}
a{
	text-decoration : none;
}
#nav{2016-7-6
	width : 100%;
	height : 50px;
	background : #fff;
}
.nav{
	width : 90%;
	height : 100%;
	margin : 0 auto;
}
.logo_field{
	width : 200px;
	height : 40px;
	float : left;
	margin : 5px;
}
.logo_field .logo{
	width : 40px;
	height : 40px;
	float : left;
	background : url(images/app_logo.png) 0 0 no-repeat;
}
.logo_field .logo_title{
	float : left;
	margin-left : 20px;
	color : #666;
}
.logo_title h5{
	color : #6aa8ee;
	font-size : 15px;
	letter-spacing : 2px;
	line-height : 21px;
}
.logo_title span{
	color : #6aa8ee;
}
.logo_title p{
	font-size : 14px;
	line-height : 14px;
}
.navigation{
	float : right;
	height : 20px;
	margin-top : 18px;
}
.navigation a{
	display : block;
	float : left;
	height : 14px;
	font-size : 12px;
	line-height : 14px;
	padding : 0 10px;
	color : #444;
}
.navigation a:nth-child(-n+2){
	border-right : 1px solid #888;
}
a.download{
	display : none;
}
a.main{
	display : none;
}

#banner{
	width : 100%;
	height : 460px;
	background : #22aaff;
}
.banner{
	width : 1080px;
	margin : 0 auto;
	height : 100%;
	background : url(images/banner_bg.png) -100px 244px no-repeat;
}
.yh{
	display : none;
	width : 376px;
	height : 39px;
	background : #fff;
}
.style_font_yh{
	width : 384px;
	height : 39px;
	background : url(images/style_font_yh.png) 0 0 no-repeat;
}
.app_download_QRcode{
	float : left;
	margin-left : 150px;
	width : 280px;
	height : 100%;
	background : url(images/appQRcode.png) 0 130px no-repeat;
}
.banner_title{
	float : left;	
	width : 540px;
	color : #fff;
	height : 100%;
	/*background : url(images/title_2.png) 0 120px no-repeat;*/
}
.banner_title p{
	font-size : 19px;
}
.p_field{
	padding-top : 190px;
	width : 500px;
	cursor : default;
	margin-bottom : 35px;
}
.p_field p{
	font-size : 21px;
	display : inline-block;
	margin-right : 30px;
	line-height : 29px;
}
.p_field>p:nth-child(3){
	margin-right : 0;
}
.p_field > div{
	float : right;
	width : 120px;
	margin-right : 130px;
	height : 29px;
	background : url(images/your_msz.png) 0 0 no-repeat;
}
p.p_last{
	display : block;
	font-size : 16px;
	width : 204px;
}
#content{
	width : 100%;
	background : #fff;
}
.content{
	width : 100%;
	height : 1800px;
}
.content > div{
	width : 100%;
	height : 450px;
	margin : 0 auto;
}
.content > div:nth-child(2n){
	background : #f8f9fb;
}
.cartoon{
	width : 580px;
	height : 450px;
	float : left;
}
.content > div > div{
	width : 1080px;
	height : 100%;
	margin : 0 auto;
}
.text_field{
	width : 420px;
	height : 370px;
	float : left;
	padding : 40px;
}
.text_field h2{
	font-size : 26px;
	margin-top : 130px;
	letter-spacing : 4px;
}
.text_field p{
	margin-top : 20px;
	font-size : 26px;
	letter-spacing : 4px;
}
p.last{
	font-size :18px;
}
#app_download{
	width : 100%;
	height : 200px;
	background : #aaa;
}
.app_download{
	width : 1080px;
	height : 100%;
	margin : 0 auto;
}
.app_QRcode{
	width : 160px;
	height : 160px;
	margin-top : 20px;
	margin-left : 80px;
	float : left;
}
.text_appdownload{
	float : left;
	width : 200px;
	height : 200px;
}
.text_appdownload > span{
	display : none;
	width : 270px;
	height : 78px;
	margin-top : 34px;
	margin-left : 28px;
	background : url(images/style_font_app.png) 0 0 no-repeat;
}
.text_appdownload > p{
	display : block;
	width : 150px;
	text-align : center;
	height : 30px;
	color : #fff;
}
.text_appdownload > p:nth-child(2){
	font-size: 28px;
    margin-left: 40px;
    margin-top: 39px;
    padding-bottom: 30px;
}
.text_appdownload > p:nth-child(3){
	border-top: 1px solid #fff;
    font-size: 34px;
    margin-left: 40px;
    padding-top: 21px;
}
.details{
	float : right;
	width : 500px;
	height : 200px;
}
.details > div{
	width : 250px;
	height : 85px;
	padding-top : 15px;
	float : left;
}
.details .text{
	width : 160px;
	height : 100%;
	float : left;
	color : #fff;
	margin-left : 20px;
}
.text h2{
	font-size : 20px;
}
.text p{
	font-size : 14px;
}
.details span{
	display : block;
	width : 39px;
	height : 39px;
	float : left;
	margin-top : 10px;
}
#footer{
	width : 100%;
	height : 420px;
	background : #fff;
}
.footer{
	width : 1080px;
	height : 400px;
	margin : 20px auto;
}
.map_feild{
	width : 500px;
	height : 360px;
	padding : 20px;
	float : left;
}
.map_feild a{
	position : relative;
	z-index: 10;
	display : block;
	color : #666;
	font-size : 12px;
	text-align : right;
	margin-right : 5px;
	margin-top : -18px;
}
.map_feild a:hover{
	text-decoration : underline;
}
#map_feild{
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin:0;
	font-family:"微软雅黑";
}
.contact{
	width : 520px;
	height : 360px;
	padding : 20px;
	padding-right : 0;
	float : left;
}
.wechat_field{
	margin-top : 0px;
	width : 520px;
}
.wechat_field > h2{
	font-size : 32px;
	color : #666;
	padding : 2px 0 0 0;
	letter-spacing : 2px;
}
.about_us{
	float : left;
	margin-left : 20px;
	margin-top : 46px;
	width : 320px;
}
.about_us h2{
	font-size : 18px;
	letter-spacing : 1px;
	padding : 0;
	padding-bottom : 30px;
}
.about_us p{
	font-size : 17px;
	padding : 10px 0;
	letter-spacing : 2px;
	width : 370px;
}
.wechat{
	float : left;
	width : 180px;
	height : 180px;
	margin-top : 44px;
	background : url(images/weichat.png) 0 0/cover no-repeat;
}
a.contact_QQ{
	color : #666;
}
a.contact_QQ:hover{
	text-decoration : underline;
}
.your_phonenum{
	display : none;
	width : 460px;
	height : 160px;
	margin-left : 40px;
}
.your_phonenum h2{
	font-size : 26px;
	letter-spacing : 5px;
	padding : 20px 0;
}
.phonenumber{
	width : 100%;
}
.phonenumber p{
	color : #f00;
	font-size : 15px;
	line-height : 30px;
	float : left ;
}
.phonenumber input{
	width : 200px;
	height : 28px;
	margin-left : 20px;
	float : left ;
	padding : 0;
	border : 1px solid #aaa;
}
.button_tj{
	float : left ;
	margin-left : 20px;
	width : 80px;
	height : 30px;
	border-radius : 5px;
	background : #f00;
	color : #fff;
	line-height : 30px;
	text-align : center;
	font-size : 16px;
	font-weight : bold;
	cursor : pointer;
}
.copyright{
	width:100%;
	background : #eee;
text-align: center;
}
.copyright .link{
	width:26%;
	height : 20px;
	margin: 0 auto;
	padding-top : 30px;
}

.copyright p{
	font-size : 16px;
	text-align : center;
	margin : 0 auto;
	padding : 14px 0;
}
.download_pc{
	margin-top : 20px;
	width : 120px;
	text-align : center;
	line-height : 34px;
	font-size : 17px;
	letter-spacing : 1px;
	height : 34px;
	background: #fe796f;
	border : none;
	border-radius : 6px;
	color : #fff;
	cursor : pointer;
}
.zjjjzsymmq{
	position:absolute;
	width : 540px;
	font-size:35px;
	font-weight:700;
	letter-spacing:2px;
	top : 170px;
}