@charset "UTF-8";
/* CSS Document */
html, body, div, p, header, h1, h2, h3,ul,li {
    margin: 0px;
    padding: 0px
}
ul, li, a {
    list-style-type: none;
    text-decoration: none;
    color: #000;
}
html {
    font-size: 16px;
	font-family: PingFangSC-Regular;
    background: #fff
}
header {
    background-image: url("16740F69-17EC-4107-95C6-DE6FEB89C424@2x.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 1;
    padding: 19vw 2em 10vw 2em;
}
a:hover{
	color:#F8631F
}
h2{
    font-size: 1.8vw;
    line-height: 42px;
	font-weight: 400;
	text-align: center
}
h3{
    font-size: 1.1vw;
    line-height: 42px;
	font-weight: 400;
	text-align: center
}
.clear{
	clear:both
}
.rat {
    width: 80%;
    margin: 0 auto;
	margin-top:50px;
}
.pence {
    float: left;
    width: 36%;
	margin-right:6%;
    align-items: center;
}
.build {
    width: 92%;
    background: #fff;
    padding: 1.2rem 1.8rem;
    border-radius: 5px;
    transition: all .3s ease;
    box-shadow: 0 0 1.5rem rgba(9,41,77,.12)
}
.unconditional {
    height: 50px;
}
.field {
    display: inline-block;
    width:30%;
    padding:1% 4%;
    align-items: center;
}
.field svg{
	text-align: center;
	width:100%;
}
.zoo {
   float: left;
    width: 58%;
}
.path {
    max-width: 100%;
}
.picnic {
    display: inline-block;
    width:31%;
    padding:.6rem 2%;
    align-items: center;
}
.picnic P{
	line-height: 50px;
	font-size:.9vw;
	font-weight:400;
	text-align: center;
}
.consensus {
    float:none;
    width: 100%;
    margin-top: 50px ;
}
.consensus .title{
	padding:1rem;
	 border-bottom: 1px solid #e2e2e2;
}
.news{
	float:left;
	width:45%;
	margin-top:1rem;
    background: #fff;

}
.news a {
    padding: 8px 0;
	font-size:1vw;
}
.news p {
    line-height: 22px;
    color: #949494;
    font-size: .9vw;
}
.news img {
    float: left;
    margin-right: 20px;
	max-width: 50%
}
.t-news ul {
    margin-top: 20px;
}
.t-news li{
   border-bottom: 1px solid #e2e2e2;
	width:100%;
	float: left;
   line-height: 2rem;
	padding-left:.2rem
}
.t-news ul li a {	
    font-size:1vw;
}
.t-news{
    float: left;
    width:45%
}
.jx {
    margin-right: 70px;
}
@media screen and (max-width:599px) {
h2{
    font-size: 3vw;
	line-height: 30px;
}
h3{
    font-size: 2.5vw;
    line-height: 15px;
}
header {
    padding: 14vw 2em;
    text-align: center;
	margin-bottom: 1rem
}
.rat {
    width: 92%;
    margin: 0 auto;
	padding-top:1px;
}
.unconditional {
    height: 30px;
}
.pence {
    float: none;
    width: 98%;
	margin-right:none;
}
.build {
    padding: .6rem 1rem;
}
.zoo {
   margin-top:1rem;
   float: none;
   width: 100%;
}
.picnic {
    padding:0 2%;
    align-items: center;
}
.picnic P{
	line-height: 15px;
	font-size:2vw;
}
.consensus {
    margin-top: 30px ;
}
.consensus .title{
	padding:0
}
.news{
	float:left;
	width:100%;
	margin-top:1rem
}
.news a {
    padding: 8px 0;
	font-size:2.4vw;
}
.t-news ul {
    margin-top: 20px;
}
.t-news li{
	line-height: 1.4rem;
	padding-left:.2rem
}
.t-news ul li a {	
    font-size:2.4vw;
}
.news p {
    line-height: 15px;
    font-size: 2.2vw;
}
.t-news{
    float: left;
    width:100%
}
.news img {
    float: left;
    margin-right: 20px;
	max-width: 45%
}
}