@charset "utf-8";
body{background: #f6f6f6;}
.con{max-width: 1200px;margin: 0 auto;}
.con .con-one{background-color:#ffffff;margin-bottom: 18px;}
.con div .fl{float: left;padding: 15px;width: 23%}
.con div .fl img{width: 100%}
.con div .fr{float: left;margin-top:15px;margin-left: 15px;position: relative;width:70.6%;padding-bottom: 25px;}
.con div .fr h3{font-size: 16px;line-height: 18px;color: #333333;margin-bottom: 10px;margin-top: 5px;}
.con .con-one.active .fr h3{color: #a3c31d;}
.con div .fr p{font-size: 14px;line-height: 24px;color: #999999;}
.con div .fr div{height: 45px;overflow: hidden;text-overflow: ellipsis;}
.con div .fr div.fr-p{height: inherit;overflow:inherit;text-overflow: ellipsis;}
.con div .fr a{font-size: 12px;color:#666666;padding: 8px 0;border: 1px solid #8a979f;border-radius: 3px;margin-top: 16px;float: right;display:block;text-align: center;padding-right: 30px;width:100px;position: relative; }
.con div .fr a i{width: 8px;height: 4px;position: absolute;top: 50%;right:30px;transform: translateY(-50%);background: url("../img/xia.jpg")}

.btn{max-width: 1200px;margin: 0 auto;text-align: center;border: 1px solid #f6f6f6;background: #fff;border-radius: 5px;}
.btn a{display: block;font-size: 14px;color: #666666;padding: 16px 0; }
.btn a i{width: 10px; height: 5px;display:inline-block;background: url(../img/bot.png) no-repeat;transform: translateY(-50%);margin-left: 15px;}

@media only screen and (min-width: 100px) and (max-width: 750px) {
	.con div .fl{width:inherit;float: none;margin: 0 auto;text-align: center;}
	.con div .fl img {width: inherit; }
	.con div .fr{margin:15px auto;width:90%;padding-bottom: 25px;float: none;text-align: center;}
	.con div .fr a{margin: 16px auto;float: none;}
	.btn{width: 80%;margin: 0 auto;}
}