.content {

	width: 100%;

	height: auto;

}



.content .container {

	width: 1200px;

	padding: 25px 0;

	height: auto;

	box-sizing: border-box;

}



.content .container .menmber {

	width: 100%;

	height: auto;

	margin-bottom: 20px;

}



.content .container .menmber .title {

	width: auto;

	display: inline-block;

	height: auto;

	font-family: ;

	font-size: 20px;

	color: #333;

	line-height: 50px;

	text-align: left;

}



.content .container .menmber .title:hover{

	color: #86C440;

}



.content .container .menmber .title i{

	width: 5px;

    height: 25px;

    background: #86C440;

    float: left;

    margin-right: 20px;

    margin-top: 12px;

}



.content .container .menmber p {

	font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;

	font-size: 14px;

	color: #666;

	line-height: 25px;

	text-indent: 2em;

}



.content .container .solid {

	width: 100%;

	height: auto;

	overflow: hidden;

}



.content .container .solid .left {

	/* width: 20%; */

	/* margin-right: 5%; */

	float: left;

	height: auto;

}



.content .container .solid .left .nav {

	width: 100%;

	height: auto;

}



.content .container .solid .left .nav .title {

	width: 100%;

	height: auto;

	font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;

	font-size: 18px;

	padding: 0 5%;

	box-sizing: border-box;

	line-height: 50px;

	text-align: left;

	background: #86C440;

	overflow: hidden;

}



.content .container .solid .left .nav .title h2 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}



.content .container .solid .left .nav ul {

	width: 100%;

	overflow: hidden;

	background: #fafafa;

	padding-bottom: 30px;

}



.content .container .solid .left .nav ul li {

	width: 90%;

	height: auto;

	margin: 0 auto;

	border-bottom: 1px solid #86C440;

	box-sizing: border-box;

}



.content .container .solid .left .nav ul li .check {

	background: url(../img/arrow-right.png) no-repeat;

    width: 8px;

    height: 10px;

    display: inline-block;

    background-size: 100% 100%;

    margin-top: 14px;

    margin-right: 10px;

    float: left;

}



.content .container .solid .left .nav ul li .check.add{

	transform: rotate(90deg);

	transition: all .2s ease;

}



.content .container .solid .left .nav ul li a {

	width: auto;

    height: 100%;

    display: inline-block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.content .container .solid .left .nav ul li.active a span{

	color: #86C440;

}



.content .container .solid .left .nav ul li a span{

	line-height: 40px;

    font-family: 'helveticaltstd-bold', Helvetica, Arial, sans-serif !important;

    font-size: 16px;

    color: #666;

}



.content .container .solid .left .nav ul li .tick{

	width: 100%;

	height: auto;

	display: none;

}



.content .container .solid .left .nav ul li .tick ul{

	padding: 0;

    /*border-top: 1px solid #ccc;*/

}



.content .container .solid .left .nav ul li .tick ul li{

	width: 100%;

	height: auto;

	line-height: 30px;

	border-bottom: 1px solid #ccc;

}



.content .container .solid .left .nav ul li .tick ul li:first-child{

	border-top: 1px solid #ccc;

}



.content .container .solid .left .nav ul li .tick ul li:last-child{

	border-bottom: 0;

}



.content .container .solid .left .nav ul li .tick ul li.active a span{

	color: #86C440;

}



.content .container .solid .left .nav ul li .tick ul li a{

	display: block;

	width: 100%;

	height: auto;

	overflow: hidden;

	text-align: left;

	white-space: nowrap;

	text-overflow: ellipsis;

	line-height: 40px;

}



.content .container .solid .left .nav ul li .tick ul li a span{

	font-size: 14px;

	font-family: 'helveticaltstd-bold', Helvetica, Arial, sans-serif !important;

	color: #666;

}



.content .container .solid .right {

	/* width: 75%; */

	height: auto;

	float: left;

}



.content .container .solid .right .switch{

	width: 100%;

	height: auto;



}

.content .container .solid .right .switch div:not(.title) {
    line-height:1;
}

.content .container .solid .right .title {

	width: 100%;

    height: auto;

    line-height: 50px;

    font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;

    font-size: 18px;
    font-weight: bold;

    color: #fff;

    text-align: left;

    background: #86C440;

    padding: 0 2%;

    box-sizing: border-box;

}



.content .container .solid .right p {

	font-family: 'helveticaltstd-bold',Helvetica,Arial,sans-serif !important;

	font-size: 14px;

	color: #666;

	line-height: 25px;

	margin-bottom: 10px;

}



.content .container .solid .right ul {

	overflow: hidden;

}



.content .container .solid .right ul li {

	width: 32%;

	height: auto;

	margin-right: 2%;

	box-sizing: border-box;

	float: left;

	position: relative;

	z-index: 10;

	overflow: hidden;

}



.content .container .solid .right ul li:nth-child(3n) {

	margin-right: 0;

}



.content .container .solid .right ul li a{

	width: 100%;

	height: 100%;

	display: block;

	font-size: 0;

}



.content .container .solid .right ul li img {

	width: 100%;

	height: 220px;

	float: left;

	transition: all 0.5s ease;

	transform: matrix(1.005, 0, 0, 1.005, 0, 0);

}



.content .container .solid .right ul li .cover {

	width: 100%;

	height: 100%;

	background: #282B30;

	opacity: 0.45;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 5;

}



.content .container .solid .right ul li:hover img {

	transform: translate3d(-2.005px, -1.07262px, 0px) scale(1.14746, 1.14746);

}



.content .container .solid .right ul li:hover .cover {

	opacity: 0;

}

/* 适配手机 */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 812px) {
    .content .container>.menmber>div:not(.title) {
        padding: 0 10px;
    }
    .content .container .solid .right p {
        padding: 0 10px;
    }
    .content .container .solid .right .switch>div {
        padding: 0 10px;
    }
}