* {
    margin: 0;
    padding: 0;
    outline: none;
}
   @media (min-width: 1200px) {
    .main {
        width: 100%;
        height: auto;
	    background: #e22929;
    }

    .top_bg {
        width: 100%;
        height: auto;
		padding-bottom: 50px;
    }
	.host {
		width: 45%;
	    height: auto;
		padding-top: 1%;
		padding-bottom: 1%;
		padding-left: 3%;
		padding-right: 1%;
		margin: 0 auto;
		background: #faa7a7;
		border:1px #770000 solid;
		border-radius: 10px;
		overflow: hidden;
	}
	.host_t {
		width: 100%;
	    height: auto;
		letter-spacing: 5px;
		line-height: 160%;
		color: #770000;
	}
	.host_t_a {
		width: 12%;
	    height: auto;
		float: left;
	}
	.host_t_b {
		width: 88%;
	    height: auto;
		float: left;
	}
	.dang {
		width: 100%;
	    height: auto;
		text-align: center;
		padding-top: 30px;
	}
	.hdyy {
		width: 1200px;
	    height: auto;
		margin: 0 auto;
		padding-top: 60px;
		overflow: hidden;
	}
	.hd_title {
		width: 100%;
	    height: 45px;
		text-align: center;
		border-bottom: 5px #f9d49a solid;
	}
	.hd_title img {
		height: 45px;
	}
	.hd_content {
		width: 96%;
	    height: auto;
		padding-top: 1%;
		padding-bottom: 2%;
		padding-left: 2%;
		padding-right: 2%;
		background: #f3e3ca;
		border-radius: 0px 0px 20px 20px;
		color: #571515;
		line-height: 200%;
	}
	.hd_content_img {
		width: 100%;
	    height: auto;
		padding-top: 20px;
		text-align: center;
	}
	.hd_content_img img {
		max-width: 240px;
	}
 
	.hddx_text {
		font-size: 140%;
		font-weight: bold;
		background: #f3e3ca;
	}	  
 
	.hddx_text2 {
		font-size: 120%;
		font-weight: bold;
		background: #f3e3ca;
	}	  
	.hddx {
		width: 550px;
	    height: auto;
		float: left;
	}
	.dx_content {
		width: 100%;
	    height: auto;
		padding-top: 4%;
		padding-bottom: 4%;
		background: #f3e3ca;
		border-radius: 0px 0px 20px 20px;
		color: #571515;
		line-height: 200%;
		text-align: center;
		letter-spacing: 3px;
	}
	    
	.hdsj {
		width: 550px;
	    height: auto;
		float: right;
	}

    .root_bg {
        width: 100%;
        height: auto;
		position: relative;
		bottom: 0px;
    }
	#part_five {
		width: 100px;
		height: 100px;
		position: fixed;
		right: 100px;
		z-index: 9000000;
		bottom: 200px;
	}
	
	#part_five img {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9000000;
		width: 200px;
		height: 200px;
	}
}

 @media (max-width: 1199px) {
    
	.main {
        width: 100%;
        height: auto;
	    background: #e22929;
    }

    .top_bg {
        width: 100%;
        height: auto;
		padding-bottom: 40px;
    }

    .host {
		width: 80%;
	    height: auto;
		padding-top: 1%;
		padding-bottom: 1%;
		padding-left: 5%;
		padding-right: 1%;
		margin: 0 auto;
		background: #faa7a7;
		border:1px #700000 solid;
		border-radius: 10px;
		overflow: hidden;
	}
	.host_t {
		width: 100%;
	    height: auto;
		letter-spacing: 5px;
		line-height: 160%;
		color: #700000;
		font-size: 0.8em;
	}
	.host_t_a {
		width: 15%;
	    height: auto;
		float: left;
		text-align: right;
	}
	.host_t_b {
		width: 85%;
	    height: auto;
		float: left;
	}
	.dang {
		width: 100%;
	    height: auto;
		text-align: center;
		padding-top: 20px;
	}
	.hdyy {
		width: 96%;
	    height: auto;
		margin: 0 auto;
		padding-top: 40px;
		overflow: hidden;
	}
	.hd_title {
		width: 100%;
		height: 35px;
		text-align: center;
		border-bottom: 5px #f9d49a solid;
	}
	.hd_title img {
		height: 35px;
	}
	.hd_content {
		width: 96%;
	    height: auto;
		padding-top: 1%;
		padding-bottom: 2%;
		padding-left: 2%;
		padding-right: 2%;
		background: #f3e3ca;
		border-radius: 0px 0px 20px 20px;
		color: #571515;
		line-height: 200%;
		font-size: 0.9em;
	}
	.hd_content_img {
		width: 100%;
	    height: auto;
		padding-top: 20px;
		text-align: center;
	}
	.hd_content_img img {
		max-width: 200px;
	}
 
	.hddx_text {
		font-size: 140%;
		font-weight: bold;
		background: #f3e3ca;
	}	  
 
	.hddx_text2 {
		font-size: 120%;
		font-weight: bold;
		background: #f3e3ca;
	}	  
	.hddx {
		width: 48%;
	    height: auto;
		float: left;
		overflow: hidden;
	}
	.dx_content {
		width: 100%;
	    height: auto;
		padding-top: 4%;
		padding-bottom: 4%;
		background: #f3e3ca;
		border-radius: 0px 0px 20px 20px;
		color: #571515;
		line-height: 200%;
		text-align: center;
		letter-spacing: 3px;
		font-size: 0.9em;
	}
	    
	.hdsj {
		width: 48%;
	    height: auto;
		float: right;
		overflow: hidden;
	}

	#part_five {
		width: 50px;
		height: 50px;
		position: fixed;
		right: 50px;
		z-index: 9000000;
		bottom: 200px;
	}
	
	#part_five img {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9000000;
		width: 100px;
		height: 100px;
	}
}
@media (max-width: 640px) {
    
	.host {
		width: 80%;
	    height: auto;
		padding-top: 1%;
		padding-bottom: 1%;
		padding-left: 1%;
		padding-right: 1%;
		margin: 0 auto;
		background: #faa7a7;
		border:1px #700000 solid;
		border-radius: 10px;
		overflow: hidden;
	}
	.host_t {
		width: 100%;
	    height: auto;
		letter-spacing: 5px;
		line-height: 160%;
		color: #700000;
		font-size: 0.8em;
	}
	.host_t_a {
		width: 22%;
	    height: auto;
		float: left;
		text-align: right;
	}
	.host_t_b {
		width: 78%;
	    height: auto;
		float: left;
	}
}
@media (max-width: 320px) {
    
	.host {
		width: 80%;
	    height: auto;
		padding-top: 1%;
		padding-bottom: 1%;
		padding-left: 1%;
		padding-right: 1%;
		margin: 0 auto;
		background: #faa7a7;
		border:1px #700000 solid;
		border-radius: 10px;
		overflow: hidden;
	}
	.host_t {
		width: 100%;
	    height: auto;
		letter-spacing: 5px;
		line-height: 160%;
		color: #700000;
		font-size: 0.6em;
	}
	.host_t_a {
		width: 30%;
	    height: auto;
		float: left;
		text-align: right;
	}
	.host_t_b {
		width: 70%;
	    height: auto;
		float: left;
	}
}