body,h1,h2,h3,h4,p,dl,dd,ul,ol,form,input,textarea,th,td,select{margin: 0;padding: 0;}
li{list-style: none;}
a{text-decoration: none;}
img{border: none;vertical-align: middle;}
table{border-collapse: collapse;}
input,textarea{outline: none;}
textarea{resize:none;overflow: auto;}
body{font-family: "Hiragino Sans GB","Microsoft YaHei","PingHei","Lucida Grande", "Lucida Sans Unicode","Helvetica","Arial","Verdana","sans-serif"; }
html {font-size: 625%;/*10 / 16 X 100% = 62.5%*/}  /*1rem=100px*/
body {font-size: 0.14rem;/*1.4 X 10px = 14px */}
.clearf::after{
	content: '';	
	display: block;
	clear: both;
}
.wrap{
	width: 100%;
	margin: 0 auto;
	background: #fff8ef;
    position: relative;
}
/*头*/
header{
	background: url(../img/headbg.png) no-repeat;
	width: 100%;
	height: 5.35rem;
	background-size: 100% 100%;
	/*padding-bottom: 28%;*/
	/*height: 0;*/
	/*background-size: contain;*/
	text-align: center;
}
.logo{
	display: inline-block;
	margin-top: 1.35rem;
    white-space: nowrap;
}
.logo img{
	padding-right: 0.35rem;
    width: 1.6rem;
}
.pride{
	display: inline-block;
	vertical-align: middle;
	padding-left: 0.5rem;
	border-left: 0.03rem solid #d3b678;
}
.pride p{
    font-weight: bold;
}
.pride p:nth-child(1){
	font-size: 0.45rem;
	background: linear-gradient(to bottom, #b6691f, #77401f);
    -webkit-background-clip: text;
    color: transparent;
}
.pride p:nth-child(2){
	font-size: 0.48rem;
	background: linear-gradient(to bottom, #f88512, #a15205);
	-webkit-background-clip: text;
    color: transparent;
}
/*content*/
.content{
	max-width:12rem;
	margin: auto;
	background: white;
	border-radius: 20px;
	position: relative;
    bottom: 1rem;
    left: 0;
    right: 0;
}
.guide{
	/*height: 0.65rem;*/
	background: #e47c15;
	border-radius: 20px 20px 0px 0px;
	padding: 0.16rem 0;
	text-align: center;
}
.guide a{
	display: inline-block;
	border-right: 1px solid white;
	color: white;
	font-size: 0.18rem;
	padding: 0 0.22rem;
}
.guide a:last-child{
	border: none;
}
.content_box{
	padding: 0.35rem 0.4rem 0.3rem;
}
.banner_l {
    max-width: 7.2rem;
    /* height: 4.60rem; */
/*    margin-right: 0.5rem;*/
    float: left;
}
.banner_l img {
    width: 100%;
}
.banner_r {
	padding-top: 0.24rem;
    text-align: center;
    float: left;
    width: 3.38rem;
    height: 4.3rem;
    margin-left: 0.35rem;
    background: url(../img/frame.jpg) no-repeat;
    background-size: 100% 100%;
}
.imgBox {
    position: relative;
    display: inline-block;
}
.banner_r img {
    width: 2.85rem;
    height: 4.07rem;
}
.imgBox::after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    z-index: 99;
    box-shadow: inset 1px 1px 14px #4a4a4a;
    top: 0;
    left: 0;
}
.introAndPro{
	margin-top: 0.66rem;
}
.iap_l{
	width: 3.16rem;
	float: left;
	padding-right: 0.34rem;
	overflow-x: auto;
}
.titles{
	position: relative;
}
.title{
	color: #4d1f0f;
	font-size: 0.2rem;
	display: inline-block;
    vertical-align: bottom;
	line-height: 0.33rem;
	font-weight: bold;
}
.tb{
	width: .2rem;
	height: .33rem;
	background: #e47c15;
	display: inline-block;
    vertical-align: bottom;
    margin-right: .15rem;
}
.ta{
	display: inline-block;
	position: absolute;
	height: .16rem;
	margin: auto;
	margin-left: 0.12rem;
	/*right: 0;*/
	top: 0;
	bottom: 0;
	background: -webkit-linear-gradient(left, #e5801b,#fae3bb);
    background: -moz-linear-gradient(left, #e5801b,#fae3bb);
    background: -ms-linear-gradient(left, #e5801b,#fae3bb);
    background: linear-gradient(left, #e5801b,#fae3bb);
}
.iap_l p{
	color: #3e3a39;
	font-size: 0.14rem;
    line-height: 0.3rem;
    text-align: justify;
    text-indent: 0.3rem;
    text-justify:inter-ideograph
}
.iap_l p:nth-child(2){
	margin-top: 0.3rem;
}
.iap_r{
	width: 7.2rem;
	height: 8.6rem;
	float: left;
	padding-left: 0.44rem;
	border-left: 2px solid #f2e2d2;
	/*overflow-y: auto;*/
    /*overflow-x: hidden;*/
}
.photo_box{
	margin-top: 0.3rem;
    overflow-y: auto;
    height: 7.9rem;
}
.photo_con{
	width: 2.95rem;
	height: 3.58rem;
	padding: 0.09rem;
	border: 1px solid #ea8243;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0.2rem;
}
.photo_con:nth-child(odd){
	margin-right: 0.2rem;
}
.photo{
	width: 100%;
	height: 2.8rem;
}
.photo img{
	width: 100%;
	height: 100%;
}
.photo_con span{
    width: 100%;
    margin-top: 0.09rem;
	display: inline-block;
	text-align: center;
	font-size: 0.16rem;
	font-weight: bold;
	color: #4d1f0f;
	background: -webkit-linear-gradient(top, #f0a16d,#fde2c5);
    background: -moz-linear-gradient(top, #f0a16d,#fde2c5);
    background: -ms-linear-gradient(top, #f0a16d,#fde2c5);
    background: linear-gradient(top, #f0a16d,#fde2c5);
    padding: 0.2rem 0;
}
.report{
    margin-top: 0.66rem;
}
.report_box{
	margin-top: 0.5rem;
}
.report_con{
	max-width: 5.35rem;
	/*display: inline-block;*/
	float: left;
	min-height: 0.85rem;
	padding-bottom: 0.1rem;
    border-bottom: 2px solid #f9d9c6;
    position: relative;
    margin-bottom: 0.4rem;
}
.report_con:nth-child(odd){
	margin-right: 0.4rem;
}
.report_title{
	display: inline-block;
	font-size: 0.16rem;
	color: #3e3a39;
	font-weight: bold;
}
.report_text{
	display: inline-block;
	font-size: 0.12rem;
	color: #727171;
	margin-top: 0.12rem;
}
.detail{
	font-size: 0.12rem;
	color: #ea8243;
	position: absolute;
	right: 0.1rem;
	bottom: 0.05rem;
}
.footerwrap{
	background: #d09961;
}
.footer {
    width: 70%;
    max-width: 12rem;
    margin: auto;
    overflow: hidden;
    padding: .1rem 0;
}
.footer_l {
    float: left;
    width: 20%;
    margin-top: 1%;
}
.footer_r {
    float: right;
    width: 75%;
    line-height: 0.25rem;
    font-size: 0.12rem;
    color: #FFFFFF;
    margin-top: 0.35rem;
}
.footer_r  li{
	margin-bottom: 0.1rem;
}


@media only screen and (max-width: 500px) {
	header{
		height: 2.35rem;
	}
	.logo {
		margin-top: 0.35rem;
	}
	.logo img {
	    padding-right: 0.1rem;
	    width: 1rem;
	    padding-left: 0.15rem;
        max-width: 1.5rem;
	}
	.title{
		font-size: 0.18rem;
	}
	.pride{
	    padding-left: 0.1rem;
	}
	.pride p {
	    font-size: 0.16rem !important;
	}
	.pride p:nth-child(2){
		 font-size: 0.18rem !important;
	}
	.guide{
	    white-space: nowrap;
	 	overflow-x: auto;
 	    padding: 0.1rem 0;
	}
	.guide a{
		font-size: 0.14rem;
	    padding: 0 0.12rem;
	}
	.content_box {
	    padding: 0.15rem 0.1rem 0.3rem;
	}
	.banner_l,.banner_r{
		float: none;
	}
	.banner_r{
		margin: auto;
	}
	.iap_l,.iap_r{
		padding: 0.2rem;
		width: auto;
	}
	.ta{
		width: 1.7rem;
		max-width: 1.7rem;
	}
	.iap_l p{
		font-size: 0.14rem;
		line-height: 0.25rem;
		margin-top: 0.2rem;
	}
	.photo_con:nth-child(odd) {
 		margin-right: 0.1rem; 
	}
	.photo_con{
		width: 42%;
		height: auto;
	}
	.photo{
		height: auto;
	}
	.photo_con span{
		font-size: 0.14rem;
	}
	.iap_r{
	    /*max-height: 5rem;*/
	}
	.report_box {
	    margin-top: 0.2rem;
	}
	.report_title{
		font-size: 0.15rem;
	}
	.report_text{
		font-size: 0.13rem;
	}
	.report_con:nth-child(odd) {
	    margin-right: 0rem;
	}
	.detail {
    	font-size: 0.13rem;
    }
    
    .footer_l {
	    width: 100%;
	}
	.footer_l img {
	    width: auto;
	    display: block;
	    margin: 0 auto;
	}
	.footer_r {
	    width: auto;
	    margin-top: 0;
	}
}

@media only screen and (max-width: 370px){
	.pride {
	    padding-left: 0.05rem;
	}
	.logo img {
       	padding-right: 0.05rem;
	    padding-left: 0.05rem;
	    max-width: 1.3rem;
	}
	.photo_con:nth-child(odd) {
 		margin-right: 0rem; 
	}
}