@charset "utf-8";
/*---------
Create and modify by  YANG JIAN
2014-11-13
Copyright © 好地网
---------*/
body {
	background: url(../images/px_bg.png) repeat;
}
.width-box { width: 1000px; margin: 0 auto;}
/*header*/
#top-banner {
	position: relative;
	width: 100%;
	overflow-x: hidden;
	z-index: 1;
	height: 567px;
}
.banner1 {
	display: block;
}
.banner2 {
	display: none;
}

#top-banner img{
	position: absolute;
	width: 1920px;
	left: 50%; 
	margin-left: -960px;
}
#top-banner #mb-nav {
	display: none;
	width: 100%; 
}
#top-banner #mb-nav img {
	position: absolute;
	width: 40%;
	bottom:0;
	left:50%;
	margin-left: -20%;
}
#top-banner #mb-nav a{
	color: #ffffff;
	line-height: 22px;
}
#top-banner #mb-nav a:hover{
	color: #ffe7ce;
	line-height: 20px;
}
#top-banner #mb-nav ul li{
	float: left;
}
#top-banner #topnav a{
	color: #ffffff;
	line-height: 22px;
}
#top-banner #topnav a:hover{
	color: #ffe7ce;
	line-height: 20px;
}
#top-banner #topnav{
	pointer-events: auto; 
	position: absolute;
	left:50%;
	margin-left: -300px;
	top:0;
	margin-top: 505px;
	color: rgb(255, 255, 255); 
	display: inline; 
	font-size: 22px; 
	line-height: 22px;
	overflow: visible; 
	z-index: 1; 
	text-shadow: rgb(0, 0, 0) 1px 1px 4px; 
}
#top-banner #topnav ul li{
	position: relative;
	float: left;
	border-right: 2px solid #ffffff;
	padding:0 15px;
}
#top-banner #topnav ul .last {
	color: #fcff00;
	border: none;
}
#top-banner #topnav ul li .hot {
	font-size: 12px;
	color: #ffffff;
	position: absolute;
	left:0;
	margin-left: 105px;
	top:0;
	margin-top: -9px;
}
/**/
#px_content {
	position: relative;
	overflow-x: hidden;
	margin-bottom: 30px;
}
#px_content .topbg{
	position: absolute;
	top:0;
	z-index: 2;
	width: 1920px;
	left: 50%; 
	margin-left: -960px;
}
#px_content .topbg_mb {
	display: none;
	position: absolute;
	left:0;
	width: 100%;
}
#px_content .bottombg{
	position: absolute;
	top: 0;
	margin-top: 500px;
	z-index: 1;
	width: 1920px;
	left: 50%; 
	margin-left: -960px;
}
#px_content .leftarr{
	position: absolute;
	top: 5px;
	left:50%;
	margin-left: -518px;
	z-index: 4;
}
#px_content .rightarr{
	position: absolute;
	top: 5px;
	right:50%;
	margin-right: -518px;
	z-index: 4;
}
#px_content .content {
	position: relative;
	z-index: 99;
	top:0;
	clear: both;
	background: #ffe7be;
	border: 2px solid #9e501c;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	margin-bottom: 40px;
	behavior: url(js/pie.htc);
	/*overflow: hidden;*/	
}
#px_content .content .text{
	padding: 60px 40px;
	font-size: 14px;
	line-height: 28px;
}
#px_content .content p {
	margin-bottom: 10px;
	 text-indent:2em;
}
#px_content .content .content-bottom {
	position: absolute;
	bottom:0;
	margin-bottom: -10px;
}
#bm_content {
	
}


.bm-tittle {
	position: absolute;
	left:50%;
	margin-left: -123px;
	top:0;
	margin-top: -15px;
	z-index: 9999;
}
.wt {
	
}
@media only screen and (max-width: 1024px) {
	body {
		font-size: 10px;
	}
	.wt {
		padding-top: 1em;
	}
	#px_content .content .text {
		padding: 2em 1.6em;
		font-size: 1.4em;
		line-height: 1.8em;
	}
	#px_content .content p {
		margin-bottom: 0.8em;
	}
	.banner1 {
		display:none;
	}
	.banner2 {
		display:block;
	}
	#top-banner {
		height: auto;
	}
	#px_content .topbg_mb {
		display: block;
	}
	#px_content .content {
		border: 0.2em solid #e4a443;
		border-radius: 1em;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		box-shadow:rgb(109, 54, 12) 1px 1px 10px;
	}
	.mbc2 {
		margin-top: 7%;
	}
	#top-banner img{
		position: relative;
		width: 100%;
		left: 0; 
		margin-left: 0;
	}
	/*
	#top-banner #mb-nav {
		display:block;
	}*/
	.footer {
		display: none;
	}
	#top-banner #topnav {
		display: none;
	}
	#px_content .content .content-bottom {
		display: none;
	}
	.width-box {width: 100%;}
	#px_content .content {
		width: 96%;
	}
	#px_content .leftarr,#px_content .rightarr,#px_content .bottombg ,#px_content .topbg {display: none;}
	
	
	
}
#bm_content ul li 
{
    width:200px; float:left; padding-right:25px; margin-bottom:20px;
    }
#bm_content {
	display: block;
}
#bm_content .text1 {
	 height:2850px; 
	 text-align:center;
	 padding: 60px 40px;
	 font-size: 14px;
	 line-height: 28px;
}
#px_content .codes{
	display: block;
}

#px_content .codes1{
	display: none;
}
#wxlist #hangzhou-wx{
	    display: block;
    }

#wxlist #hangzhou-wx1{
	display: none;
}

#px_content .codes
{
   
    width:600px;
    background-color:#b87830;
    height:200px;
    padding:20px 30px;
    margin:0 auto;
    margin-top:30px;
    font-size:12px;
}

#px_content .codes .left_txt
{
     float:left;
     width:300px;
     color:White;
}
#px_content .codes .right_txt
{
     float:right;
     width:250px;
     text-align:center;
}

#px_content .codes img 
{
    position: relative;
    height:auto;
	left: 0; 
	margin-left: 0;
	max-width:200px;
	text-indent:2em;
}

#bm_content .box-mobile img
{
     width:160px; height:110px;
    
    }
.box-mobile 
{
    box-sizing: border-box; 
    max-width: 100%; 
    border: 1px solid rgb(204, 204, 204);
     padding: 5em 5px 0em; 
     width: 352px;
      border-top-left-radius: 0.3em; 
      border-top-right-radius: 0.3em; 
      border-bottom-right-radius: 0.3em; 
      border-bottom-left-radius: 0.3em;
       -webkit-box-shadow: rgba(159, 160, 160, 0.498039) 0px 0px 10px;
        box-shadow: rgba(159, 160, 160, 0.498039) 0px 0px 10px; 
        font-family: inherit;
         text-align: center; 
         text-decoration: inherit; 
         color: rgb(153, 153, 153);
          background-color: transparent;
           word-wrap: break-word !important;
    }
    .box-mobie-f 
    {
        box-sizing: border-box; max-width: 100%; width: 368px; padding: 0px 8px; word-wrap: break-word !important;
        }
     .box-title 
     {
         box-sizing: border-box; display: inline-block; max-width: 100%; width: 368px; margin-bottom: -4.2em;margin-left: ; background-color: transparent; vertical-align: bottom; font-size: 15px; font-family: inherit; font-style: inherit; text-align: center; text-decoration: inherit; color: rgb(255, 255, 255); border-color: rgb(255, 105, 31); word-wrap: break-word !important;
         }
     .title-arr 
     {
         
         box-sizing: border-box; max-width: 100%; width: 368px; word-wrap: break-word !important;
         }
@media only screen and (max-width: 700px) 
{
    
	#bm_content .text1
	{
	   height:auto;
	   text-align:center;
	   padding: 40px 10px;
	}  
	#bm_content .box-mobile img{
		position: relative;
		width: 100%;
		height:auto;
		left: 0; 
		margin-left: 0;
		max-width:300px;
		text-align:center;
	}
	#px_content .codes{
	display: none;
    }

    #px_content .codes1{
	    display: block;
    }
	
	#wxlist #hangzhou-wx{
	    display: none;
    }

    #wxlist #hangzhou-wx1 {
	    display: block;
    }
    .wxlist { margin: 0 auto;}
	#wxlist #hangzhou-wx1 img{
	    position: relative;
		text-indent:2em;
		width: 100%;
		height:auto;
        margin:0 auto;
		max-width:200px;
		text-align:center;
		margin-left:20px;
    }
	
	#px_content .codes1 img {
        position: relative;
		text-indent:2em;
		width: 100%;
		height:auto;
        margin:0 auto;
		max-width:300px;
		text-align:center;
		margin-left:20px;
    }
    
	#bm_content ul li 
	{
	    width:100%;
	    float:none;
	    padding-right: 0;
        margin-bottom:20px;}
    
   
    .bm-tittle 
    {

		width: 50%;
		left:50%;
		margin-left:-25%;
		top:0;
		margin-top: -2em;
	}
	.box-mobile
	{
	    width:100%;}
	 .box-mobie-f ,.box-title,.title-arr 
    {
        width: 100%;
        }
}


.wxlist { width: 860px; margin: 0 auto;}
#hangzhou-wx, #hangzhou-sh, #hangzhou-sz {
height: 140px;
border-bottom: 1px dotted #A8A8A8;
padding: 40px 20px;
font-size: 14px;
clear: both;
margin: 1em auto;width: 100%;
}

#wxlist h3 {
	font-size: 22px;
	color: rgb(0,0,0);
	line-height: 30px;
	/*background:rgb(240,240,240);
	padding: 8px 25px;*/
	margin-bottom: 26px;
	padding-bottom: 26px;
	font-weight: 700;
	border-bottom: 1px solid rgb(255,215,87);
}
#wxlist h3 span {
	color: rgb(150,128,6);
}
#wxlist p {
	color: rgb(100,100,100);
	line-height: 32px;
	font-family:"microsoft yahei",simhei;
}
#wxlist {
	margin: 40px auto 80px;
}
#wxlist .tittle {
	float: left;
	font-size: 40px;
	font-family: "arial black",arial, impact;
	color:#934214;
	width: 240px;
	height: 100%;
	margin-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	border-right: 1px solid #934214;
}
#wxlist .ewm{
	float: right;
	margin-right: 70px;
	
	text-align: center;
	
}
#wxlist .ewm p{
	font-size: 12px;
	color: rgb(180,180,180);
}
#wxlist .ewm img{
	width: 120px;
	margin-top: -5px;
}
#wxlist .text{
	float: left;
	 margin:0;
}
#wxlist .text p span {
	font-size: 20px;
	line-height: 5px;
	margin-right: 10px;
}