.content {

	width: 100%;

	height: auto;

}



.content .container {

	width: 75%;

	padding: 33px 0;

	overflow: hidden;

	min-width: 1427px;

}



.content .container .services {

	width: 100%;

	height: auto;

	margin-bottom: 20px;

}



.content .container .services .title {

	width: auto;

	display: inline-block;

	height: auto;

	line-height: 50px;

	font-size: 20px;

	color: #333;

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

}



.content .container .services .title:hover {

	color: #86C440;

}



.content .container .services .title i {

	width: 5px;

	height: 25px;

	background: #86C440;

	float: left;

	margin-right: 20px;

	margin-top: 12px;

}



.content .container .services p {

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

	font-size: 14px;

	color: #666;

	line-height: 25px;

	text-align: left;

}



.content .container .select {

	width: 100%;

	height: auto;

	overflow: hidden;

}



.content .container .select .nav {

	/* width: 20%; */

	height: auto;

	float: left;

	/* margin-right: 5%; */

	/*background: #fafafa;*/

}



.content .container .select .nav .title {

	width: 100%;

	height: 45px;

	background: #86C440;

	text-align: left;

	padding-left: 5%;

	color: #fff;

	line-height: 45px;

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

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

	box-sizing: border-box;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.content .container .select .nav .title img {

	float: left;

	margin-top: 12px;

	margin-right: 10px;

}



.content .container .select .nav .title h2 {

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

	color: #fff;

	font-size: 18px;font-weight: bold;
	line-height: 45px;

	display: inline-block;

}



.content .container .select .nav ul {

	width: 100%;

	padding-bottom: 40px;

	box-sizing: border-box;

	background: #fff;

}



.content .container .select .nav ul li {

	width: 90%;

	height: auto;

	margin: 0 auto;

	border-bottom: 1px solid #86C440;

	box-sizing: border-box;

}



.content .container .select .nav ul li a {

	width: 87%;

	height: 100%;

	display: inline-block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}
@media only screen and (max-width: 1270px) {
    .content .container .select .nav ul li a {
        width: 84%;
    }
}


.content .container .select .nav ul li.active a span {

	color: #86C440;

}



.content .container .select .nav ul li a span {

    line-height: 40px;

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

    font-size: 16px;

    color: #666;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}



.content .container .select .nav ul li .arrow {

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

	width: 3%;

	height: 47px;

	display: inline-block;

	background-size: 100%;

        background-position: center;
	/* margin-top: 12px; */

	margin-right: 10px;

	/* float: left; */

}



.content .container .select .nav ul li .arrow.add {

	transform: rotate(90deg);

	transition: all .1s ease;

}



.content .container .select .nav ul li span:nth-child(2) {

	padding-left: 5%;

	box-sizing: border-box;

	color: #666;

}





/*.content .container .select .nav ul li.more {

	border-bottom: 0;

}



.content .container .select .nav ul li.more span {

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

	font-size: 16px;

	color: #666;

	text-transform: uppercase;

	margin-right: 10px;

	float: left;

}



.content .container .select .nav ul li.more .jt {

	display: inline-block;

	width: 20px;

	height: 20px;

	border-radius: 50%;

	background: #86C440;

	text-align: center;

	line-height: 20px;

	color: #fff;

	margin: 0;

	padding: 0;

	margin-top: 12px;

}*/



.content .container .select .nav ul li .tick {

	width: 100%;

	height: auto;

	display: none;

}



.content .container .select .nav ul li .tick ul {

	padding: 0;

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

}



.content .container .select .nav ul li .tick ul li {

	width: 100%;

	height: auto;

	line-height: 35px;

	text-align: left;

	border-bottom: 1px solid #ccc;

}



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

	border-top: 1px solid #ccc;

}



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

	border-bottom: 0;

}



.content .container .select .nav ul li .tick ul li a {

	display: block;

	width: 100%;

	height: auto;

	max-height: 100%;

	padding: 0 5%;

	box-sizing: border-box;

}



.content .container .select .nav ul li .tick ul li span {

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

	font-size: 14px;

	color: #666;

	float: left;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	display: inline-block;

	width: 100%;

	line-height: 40px;

}



.content .container .select .nav ul li .tick ul li .checkbox {

	width: 10px;

	height: 10px;

	border: 1px solid #ccc;

	margin-top: 10px;

}



.content .container .select .nav ul li .tick ul li.active span {

	color: #86C440;

}



.content .container .select .nav ul li .tick ul li.active .checkbox {

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

	background-size: 100% 100%;

}



.content .container .select .nav .inquiry {

	width: 100%;

	height: auto;

	margin-top: 50px;

	background: #fff;

	border: 1px solid #ccc;

	box-sizing: border-box;

	overflow: hidden;

}



.content .container .select .nav .inquiry .search {

	width: 100%;

	height: 50px;

	overflow: hidden;

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

	border-bottom: 1px solid #ccc;

	box-sizing: border-box;

}



.content .container .select .nav .inquiry .search input {

	width: 100%;

	height: 100%;

	border: none;

	outline: none;

	padding: 0 5%;

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

	font-size: 14px;

	color: #fff;

	box-sizing: border-box;

	background: #86C440;

	font-size: 18px;

}



.content .container .select .nav .inquiry .search input::-webkit-input-placeholder {

	color: #fff;

}



.content .container .select .nav .inquiry .search input:-moz-placeholder {

	color: #fff;

}



.content .container .select .nav .inquiry .search input::-moz-placeholder {

	color: #fff;

}



.content .container .select .nav .inquiry .search input:-ms-input-placeholder {

	color: #fff;

}



.content .container .select .nav .inquiry .selec-nav {

	width: 100%;

	height: auto;

}



.content .container .select .nav .inquiry .selec-nav ul {

	overflow: hidden;

	width: 100%;

	height: auto;

	padding: 0 10px;

	margin: 0;

	box-sizing: border-box;

	/*background: #eee;*/

}



.content .container .select .nav .inquiry .selec-nav ul li {

	width: 100%;

	height: auto;

	line-height: 35px;

	text-align: left;

	border-bottom: 1px solid #86C440;

	font-size: 14px;

	color: #666;

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

}



.content .container .select .nav .inquiry .selec-nav ul li:last-child {

	border-bottom: 0;

}



.content .container .select .nav .inquiry .selec-nav ul li a {

	display: block;

	width: 100%;

	height: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.content .container .select .nav .inquiry .selec-nav ul li .checked {

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

	width: 5px;

	height: 9px;

	display: inline-block;

	margin-top: 25px;

}



.content .container .select .nav .inquiry .selec-nav ul li span:nth-child(2) {

	font-size: 16px;

	color: #666;

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

	padding-left: 5%;

	box-sizing: border-box;

}



.content .container .select .nav .inquiry .selec-nav ul li .timer {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: none;

}



.content .container .select .nav .inquiry .selec-nav ul li .timer a {

	display: block;

	width: 100%;

	height: auto;

	line-height: 30px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	position: relative;	

	z-index: 100;

}



.content .container .select .nav .inquiry .selec-nav ul li .timer a .magic-radio {

	display: none;

	position: absolute;

}



.magic-radio+label {

	position: relative;

	display: inline-block;

	padding-left: 20px;

	cursor: pointer;

	vertical-align: middle;

	min-width: auto !important;

	z-index: -1;

}



.magic-radio:checked+label:before {

	background: #86C440;

	border-color: #86C440;

}



.magic-radio+label:before {

	border-radius: 0;

}



.magic-radio+label:before {

	position: absolute;

	top: 10px;

	left: 0;

	display: inline-block;

	width: 15px;

	height: 15px;

	content: '';

	border: 1px solid #c0c0c0;

}



.magic-radio:checked+label:after {

	display: block;

}



.magic-radio+label:after{

	top: 9px;

	left: 6px;

	box-sizing: border-box;

	width: 8px;

	height: 15px;

	transform: rotate(45deg);

	border-width: 2px;

	border-style: solid;

	border-color: #fff;

	border-top: 0;

	border-left: 0;

}



.magic-radio+label:after{

	position: absolute;

	display: none;

	content: '';

}



.content .container .select .nav .inquiry .selec-nav ul li .timer a span {

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

	font-size: 14px;

	color: #666;

	margin-left: 10px;

}



.content .container .select .nav .inquiry .button {

	width: 100%;

	height: auto;

	min-height: 35px;

	margin: 20px 0;

	text-align: center;

}



.content .container .select .nav .inquiry .button .btn {

	width: 40%;

	height: 35px;

	/*float: left;*/

	/*margin: 0 auto;*/

	line-height: 35px;

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

	font-size: 14px;

	color: #fff;

	cursor: pointer;

	border: none;

	outline: none;

	margin: 0 5%;

}



.content .container .select .nav .inquiry .button .btn#clear {

	background: #86C440;

}



.content .container .select .nav .inquiry .button .btn#sear {

	background: #86C440;

}



.content .container .select .right-cly {

	/* width: 75%; */

	height: auto;

	overflow: hidden;

}



.content .container .select .reperfor {

	width: 100%;

	height: auto;

	float: left;

	/*display: none;*/

}

.content .container .select .reperfor div:not(.title) {
    line-height: 1;
}

.content .container .select .reperfor .title {

	width: 100%;

	height: 45px;

	line-height: 45px;

	background: #86C440;

	text-align: left;

}



.content .container .select .reperfor .title h1 {

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

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

	color: #fff;

	padding-left: 2%;

	box-sizing: border-box;

}



.content .container .select .reperfor p {

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

	font-size: 14px;

	color: #777;

	line-height: 25px;


	box-sizing: border-box;

}



.content .container .select .reperfor p span {

	color: #86C440;

}

.content .container .select .reperfor .table {
    line-height: 0.5;
}
.content .container .select .reperfor div span {
    /* display: block; */
    margin: 10px 0;
}
.content .container .select .reperfor div br {
    display: none;
}

.content .container .select .reperfor .list {

	width: 100%;

	height: auto;

	margin-top: 20px;

}



.content .container .select .reperfor ul {

	overflow: hidden;

}



.content .container .select .reperfor ul li {

	/* width: 32%; */

	height: auto;

	float: left;

	margin-right: 2%;

	overflow: hidden;

	position: relative;

	margin-bottom: 20px;

}



.content .container .select .reperfor ul li a {

	display: block;

	width: 100%;

	height: 100%;

}



.content .container .select .reperfor ul li .cover {

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.5);

	opacity: 0.45;

	position: absolute;

	z-index: 5;

	top: -20px;

	left: 0;

	text-align: center;

	transition: all ease 0.2s;

	opacity: 0;

	display: flex;
	justify-content: center;
	align-items: center;

	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
}



.content .container .select .reperfor ul li:hover .cover {

	opacity: 1;

	transition: all ease 0.2s;

	top: 0;

}



.content .container .select .reperfor ul li .cover p {

	width: 100%;

	height: auto;

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

	font-size: 26px;

	color: #fff;

	overflow: hidden;

	_white-space: nowrap;

	text-overflow: ellipsis;

	_position: absolute;

	_top: 35%;

	_left: 0;

	margin: 0;

	padding: 0 2%;

	line-height: 32px;

	text-indent: inherit;

}



.content .container .select .reperfor ul li:nth-child(3n) {

	margin-right: 0;

}
@media only screen and (max-width:1060px) {
    .content .container .select .reperfor ul li:nth-child(3n) {
	margin-right: 2%;
    }
    .content .container .select .reperfor ul li:nth-child(2n) {
	margin-right: 0;
    }
}


.content .container .select .reperfor ul li img {

	width: 100%;

	/* height: 260px; */

	float: left;

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

	transition: all 0.5s ease;

}



.content .container .select .reperfor ul li:hover img {

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

}



.content .container .select .reperfor .clcik {

	width: auto;

	height: auto;

	padding: 0;

	text-indent: 0;

	display: inline-block;

	margin: 0;

}



.content .container .select .reperfor span.name {

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

	font-size: 18px;

	color: #86C440;

	font-weight: 600;

}



.content .container .select .reperfor .clcik a {

	display: inline-block;

	margin: 0 15px;

}



.content .container .select .reperfor .clcik a svg {

	color: #333;

	width: 2em;

	height: 2em;

}





.content .container .right-cly .page {

	width: auto;

	height: auto;

	margin: 20px 0;

	box-sizing: border-box;

}



.content .container .right-cly .page ul {

	display: table;

	margin: 0 auto;

	text-align: center;

	line-height: 35px;

	width: auto;

}



.content .container .right-cly .page ul li {

	float: left;

	width: 30px;

	/*padding: 0 12px;*/

	line-height: 30px;

	border: 1px solid #ccc;

	text-align: center;

	background: #fff;

	margin-right: 10px;

}



.content .container .right-cly .page ul li:last-child {

	margin-right: 0;

}



.content .container .right-cly .page ul li a {

	display: block;

	width: 100%;

	height: 100%;

	font-size: 14px;

	color: #666;

	line-height: 30px;

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

}



.content .container .right-cly .page ul li.active {

	background: #86C440;

}



.content .container .right-cly .page ul li.active span {

	color: #fff;
        display: block;
        font-size: 14px;
        font-family: 'helveticaltstd-bold', Helvetica, Arial, sans-serif !important;
}
.content .container .right-cly .page ul li span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    font-family: 'helveticaltstd-bold', Helvetica, Arial, sans-serif !important;
}

/* 适配手机 */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 812px) {
    .content .container .select .nav ul li {
        width: 100%;
    }
    .content .container .select .nav ul li .arrow {
        float: unset;
    }
    .content .container>.services>p {
        text-align: center;
    }
    .content .container .select>.right-cly>.reperfor>p {
        text-align: left;
        margin: 0 10px;
    }
    .content .container .select.cate>.right-cly> .reperfor .list {
        margin-top: 20px !important;
        margin-right: 0;
        margin-left: 0;
    }
    .content .container>.select>.right-cly>.reperfor>div:not(.title) {
        margin: 0 10px;
    }
}