body {
margin: 0 auto;
padding: 0px;
color: #333;
font-size: 13px;
line-height: 180%;
font-family: Microsoft Yahei;
background: #FFF;
position: relative;
/*background: #9bc946;*/
}

.header{
width: 100%;
height: 50px;
border-bottom: 2px solid #9bc946;
background: #fff;
}
a{
text-decoration: none;
}
.min-content {
width: 100%;
margin: 0 auto;
max-width: 1024px;
}
.logo img {
height: 44px;
float:left;
padding-left: 15px;
}


ul.menu {
list-style: none;
display: inline-block;
margin: 0;
float: right;
}

ul.menu li {
display: inline-block;
}

ul.menu li a {
font-size: 18px;
margin-left: 20px;
border-right: 1px solid #eee;
line-height: 50px;
padding: 0 20px;
display: inline-block;
color: #333;
}

ul.menu li:last-child{
border: none;
}
ul.menu li.active a{
background: #9bc946;
color: #fff
}
.content{
	display: inline-block;
	width: 100%;
	background: #fff;
}

.content-right {
float: right;
width: 50%;
padding-top: 60px;
}

.content-left {
padding: 50px 60px 20px 60px;
float: left;
width: 34%;
}
.content-left img {
width: 100%;
}

.txt p:first-child {
font-size: 40px;
}

.txt {
font-size: 16px;
line-height: 30px;
}
.qr-eara {
display: inline-block;
margin-top: 50px;
}
.qr-eara img {
float: left;
width: 30%;
}
.qr-eara div {
float: left;
width: 30%;
margin-right: 60px;
text-align: center;
}

.qr-eara div img {
display: inline-block;
float: left;
width: 100%;
}

.qr-eara div p {
display: inline-block;
}
.footer {
width: 100%;
height: 100px;
line-height: 100px;
background: #9bc946;
text-align: center;
font-size: 14px;
}
.partern_icon img {
width: 130px;
margin-right: 50px;
}
.partern {
margin: 60px 10px 130px 10px;
}

.copyright_txt {
	margin: 0 10px;
}
    .copyright_txt h2, .partern h2 {
        text-align: center;
    }
.menu_icon {
float: right;
padding-right: 15px;
}
.menu_icon img {
width: 25px;
padding-top: 13px;
display: none;
}
.menu_icon.block img {
display: block;
}
.download_btn{
display: none;
width: 100px;
line-height: 35px;
background: #66cc33;
color: #fff;
font-size: 16px;
text-align: center;
border-radius: 5px;
margin: 30px 0 20px 0;
}
.min {
display: none;
}
.copyright_txt {
    margin-bottom: 130px;
}
@media all and (max-width: 1024px) {
.footer{
    
bottom:0;
position:fixed;
}
}
@media all and (max-width: 767px) {
.menu_icon img {
display: block;
}
.content-left{
padding: 20px 0 0 15px;
}

.content-right {
width: 48%;
padding-top: 20px;
float: left;
margin-left: 20px;
}
.txt p{
line-height: 15px;
font-size: 12px;
}
.txt p:first-child{
font-size: 20px;
font-weight: bold;
}
.txt p:last-child{
display: none;
}
.qr-eara div {
margin-right: 5px;
width: 45%;
}
.download_btn{
display: inherit;
}
.content {
padding-top: 30px;
}
.min-content {
display: inline-block;
}

}
@media all and (max-width: 414px) {
.content {
padding-top: 0;
}
.content-right {
padding-top: 20%;

}
.qr-eara {
display: none;
}
.min {
display: inline-block;
width: 100%;
margin-top: 20px;
}
.min div{
width: 48%;
}
.min div img{
width: 55%;
padding-left: 23%;
}
	ul.menu li a {
    font-size: 14px;
line-height: 50px;
padding: 0 5px;
margin-left: 0; 
}
.logo {
display: inline-block;
width: 30px;
}
.partern_icon img {
    width: 30%;
}
.partern {
margin: 20px 30px;
}
.footer {
line-height: 24px;
padding: 10px 0;
height: 50px;
margin-top: 20px;
bottom:0;
}
    .copyright_txt_details {
        margin: 15px;
    }.copyright_txt_details a {
        display: block;
        height: 20px;
        width: 100%;
        word-wrap: break-word;
        word-break: normal;
    }

}


/*abu*/
.header.blue{
    border-bottom: 2px solid #0081ed;
}
ul.menu.blue li.active a {
    background: #0081ed;
    /*color: #0058ff;*/
}
.footer.blue {
    background: #0081ed;
    color: #fff;
}
.download_btn.blue {
    background: #ea7019;
}