@charset "utf-8";
.box {
	margin-top: 80px;
}

.weight {
	padding: 30px;
	text-align: center;
	border-bottom: 1px solid #d9dadb;
	position: relative;
}

.weight:before {
	content: '';
	width: 20%;
	height: 3px;
	background-color: #f6901e;
	background-image: linear-gradient(90deg, #f6901e 0%, #cfe06e 33%, #7bcea4 66%, #0eb2e7 100%);
	;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.weighttitle {
	margin-top: 40px;
	margin-bottom: 60px;
	text-align: center;
}

.test-wrap {
	overflow: hidden;
	width: 100%;
}

.test-wrap>div {
	float: left;
	width: 49%;
	height: 100%;
}

.test-wrap>div:nth-last-child(1) {
	height: 100%;
	float: right;
	border-left: 1px solid #d9dadb;
}

.sex {
	overflow: hidden;
	width: 75%;
	margin: 0 auto;
	margin-top: 45px;
}

.sex>div {
	cursor: pointer;
	float: left;
}

.sex>div:nth-last-child(1) {
	float: right
}

.tit {
	text-align: center;
}

.icon-ziyuan {
	font-size: 60px !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.icon-female {
	font-size: 60px !important;
	font-size: 60px !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.toimg {
	position: relative;
	height: 182px;
	width: 182px;
	background: #f7f8f5;
	border-radius: 50%;
}

.toimg>img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 34%;
}

.btn {
	color: #777;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	background: #f7f8f5;
	width: 150px;
	height: 40px;
	border-radius: 25px;
	margin-top: 30px;
}


/******************************变色*/

.active>.toimg {
	background: #fff4f6;
}

.active>.btn {
	background-color: #ffced7;
	background-image: linear-gradient(90deg, #ffced7 0%, #ff8299 99%);
	color: #fff;
}

.sex-l:hover .toimg {
	background: #fff4f6;
}

.sex-l:hover .btn {
	background-color: #ffced7;
	background-image: linear-gradient(90deg, #ffced7 0%, #ff8299 99%);
	color: #fff;
}

.sex-l:hover .icon-ziyuan {
	color: #d1004f;
}

.sex-r:hover .toimg {
	background: #fff4f6;
}

.sex-r:hover .btn {
	background-color: #ffced7;
	background-image: linear-gradient(90deg, #ffced7 0%, #ff8299 99%);
	color: #fff;
}

.sex-r:hover .icon-female {
	color: #d1004f;
}


/******************************变色*/

.weight-box>img {
	display: block;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 30px;
}

.inp-wrap {
	margin-top: 5px;
	float: right;
}

.inp-wrap>input {
	box-sizing: border-box;
	padding-left: 10px;
	vertical-align: middle;
	width: 100px;
	height: 50px;
	border: 1px solid #d0d0d0;
	border-radius: 10px;
}

.inp-wrap>label {
	margin-left: 5px;
	margin-right: 10px;
	color: #008a80;
	vertical-align: middle;
	display: inline-block;
}

.sub {
	cursor: pointer;
	margin: 0 auto;
	color: #fff;
	width: 250px;
	height: 60px;
	background-color: #8bd6d1;
	background-image: linear-gradient(90deg, #8bd6d1 0%, #2899bb 99%);
	text-align: center;
	line-height: 60px;
	border-radius: 50px;
	margin-top: 80px;
}


/***********************************关于我们*/

.wrap {
	/*position: relative;*/
}

.lkj {
	position: relative;
}

.back {
	/*min-height: 1150px;*/
	background:#f7f7f5 url(../images/index_bg03.jpg) no-repeat 0 0;
	background-size: 100%, 100%;
}

.ppp {
	margin-top: 60px;
}

.ppp>p {
	line-height: 1.8;
}

.img-wrap {
	position: absolute;
	max-height: 994px;
	max-width: 765px;
	width: 54%;
	height: 100%;
}

.img-wrap>img {
	width: 100%;
}

.gycontent {
	height: auto;
	margin-bottom: 200px;
	padding-top: 5%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 5%;
	width: 61%;
	background: #fff;
	position: relative;
	right: -36%;
	bottom: -70px;
}

.jianjie {
	padding-right: 5%;
	padding-left: 5%;
}

.jiu {
	color: #fff;
	margin-top: 72px;
	width: 100%;
	overflow: hidden;
}

.jiu>li {
	display: block;
	box-sizing: border-box;
	
	width: 49.5%;
	min-height: 140px;
	float: left;
	background: pink;
	padding-top: 14px;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing:border-box;
	margin-bottom: 10px;
}


.jiu>li:nth-child(2n){float: right;}
.jiu>li>span {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.jiu>li>span t{margin-left: 3px;font-weight: normal;}
.jiu>li:nth-child(1) {
	background-image: linear-gradient(60deg, #5bb6c8 0%, #48aad3 100%);
}

.jiu>li:nth-child(2) {
	background-color: #50afce;
	background-image: linear-gradient(60deg, #50afce 0%, #40a6d8 100%);

}

.jiu>li:nth-child(3) {
	background-color: #46a9d5;
	background-image: linear-gradient(60deg, #46a9d5 0%, #40a6d8 100%);
	
}

.jiu>li:nth-child(4) {
	background-image: linear-gradient(60deg, #62bac4 0%, #52b1cd 100%);

}


.pt-30 {
	margin-top: 20px;
}


/*******************************企业介绍*/

.ding {
	position: fixed !important;
	top: 13%;
	left: 10%;
}

.qyjs {
	position: relative;
	overflow: hidden;
}

.qyjs-wrap {
	float: left;
	position: relative;
	max-width: 695px;
	width: 50%;
	height: auto;
}

.qyjs-wrap>.bgnei {
	color: #fff;
	background-color: rgba(163, 222, 222, .0);
	background-image: linear-gradient( 45deg, rgba(163, 222, 222, .3) 0%, rgba(95, 180, 222, 8) 100%);
	background-color: rgba(163, 222, 222, .7);
	position: absolute;
	bottom: -10px;
	right: -10px;
	box-sizing: border-box;
	padding: 9% 3% 9% 5%;
	max-width: 395px;
	width: 60%;
	min-height: 266px;
}

.qyjs-wrap>img {
	width: 100%;
}


/*编辑器*/

.wrap-fwb {
	box-sizing: border-box;
	padding-left: 90px;
	float: right;
	width: calc(100% - 50%);
}

.titleqyjs {
	line-height: 1;
	margin-bottom: 55px;
}


/*********************************研发平台*/

.texfwb {
	width: 100%;
	margin: 0 auto;
	min-height: 850px;
}

.texfwb>h2 {
	line-height: 1;
}

.texfwb>.heng {
	background-color: #d1be88;
	background-image: linear-gradient(90deg, #fda100 0%, #c4e095 33%, #8cff0d 66%, #19aee8 100%);
	margin-top: 26px;
	width: 6%;
	height: 2px;
	margin-bottom: 20px;
}


/*****************************企业文化*/

.lrwrap {
		position: relative;
	overflow: hidden;
	width: 100%;
}

.leftbox {
	max-width: 548px;
	float: left;
	width: 40%;
	height: auto;
	background: #fff;
}

.rightbox {
	max-width: 816px;
	float: left;
	width: 60%;
	background: #007AFF;
}

.ltoptop {
	width: 40.19% !important;
	position: absolute;
	top: 0;
	width: 100%;
}

.ltoptop>img {
	width: 100%;
}

.lbottom {
	height: 58.98%;
	width: 40.19% !important;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	/*background: url(../images/qyyj.jpg) 0 0 no-repeat;*/
	width: 100%;
}

.lbottom>img {
	height: 100%;
	width: 100%;
}

.zao {
	padding-left: 60px;
	padding-right: 40px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .2);
}

.zao>h3 {
	margin-top: 20px;
}

.zao>span {
	margin-top: 9px;
	margin-bottom: 15px;
	display: block;
	width: 60px;
	height: 2px;
	background-image: linear-gradient( 90deg, #fda100 0%, #c4e095 33%, #8cff0d 66%, #19aee8 100%);
}

.rtoptop {
	overflow: hidden;
	width: 59.81%;
	position: relative;
	position: absolute;
		top: 0;
		left: 40.19%;
}

.rtoptop>img {
	width: 100%;
}

.rbottm {
	width: 100%;
}

.rbottm>.rb-wrap {
	overflow: hidden;
}

.rbottm>.rb-wrap>div {
	width: 50%;
	float: left;
}

.rbl {
	height: 45.86%;
	overflow: hidden;
	width: 30.01%;
	position: absolute;
	bottom: 0;
	left: 40.19%;
}

.rbl>img {
	width: 100%;
}

.hove {
	transition: all 0.6s;
}

.rbr>img {
	width: 100%;
}

.rbr {
	width: 30.01%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
}

.lrwrap>div:hover>img {
	transform: scale(1.2);
}

.rtoptop:hover>img {
	transform: scale(1.2);
}

.rbl:hover>img {
	transform: scale(1.2);
}

.rbr:hover>img {
	transform: scale(1.2);
}


/****************************业务概况*/

.tap-wrap {
	text-align:center;
	width: 45.94%;
       display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 auto;
	overflow: hidden;
}

.tap-wrap>li {
	text-align: center;
	padding-bottom: 5px;
	margin-left: 5%;
	margin-right:5%;
	float: left;
}

.boxyittqudao {
	margin-top: 50px;
	width: 100%;
	margin-bottom: 150px;
}

.boxyittqudao>div>p {
	line-height: 2;
	text-align: center;
}

.tuwrap {
	width: 84.91%;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 100px;
	overflow: hidden;
}

.tulist > div >img {
	display: block;
	width: 30%;
	margin: 0 auto;

}
.tulist {
	position: relative;
}
.tulist > div{
	position: absolute;
	width: 80%;
top: 50%;
left: 50%;
    transform: translate(-50%,-50%);
}
.tuwrap>div {
	background: url(../images/brand_logo_bga.png) 0 0;
	background-repeat: no-repeat;
	width: 15.51%;
	background-size: 100% 100%;
	margin-left: 4.74%;
	margin-right: 4.74%;
	display: flex;
	flex-direction: column;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	float: left;
}

.hengxian {
	margin: 0 auto;
	width: 100%px;
	height: 1px;
	margin-top: 13px;
	margin-bottom: 10px;
	background: #dedede;
}

.tulist > div > p {
	text-align: center;
}

.activetap {
	color: #1b6652;
	border-bottom: 2px solid #1b6652;
}

.boxyihlwyw {
	margin-top: 125px;
	overflow: hidden;
}

.tutu {
	width: 45%;
	float: left;
}

.tutu>img {
	width: 100%;
}

.zizi {
	padding-top: 0px;
	color: #000;
	width: 45%;
	float: right;
}

.shop-wrap {
	margin-top: 24px;
	color: #515151;
	overflow: hidden;
	margin-bottom: 45px;
}

.shop-wrap>li {
	padding-right: 4.2%;
	border-right: 1px solid #a1acb1;
	float: left;
	margin-right: 4.2%;
}

.shop-wrap>li:last-child {
	border:0;margin: 0;padding: 0;
}

.shop-wrap>li>a:hover {
	color: #000 !important;
}

.ctt {
	line-height: 1.5;
}

.h21 {
	height: 21px;
}

.shop-wrap>li>a>img {
	height: 22px;
	margin-right: 10px;
	vertical-align: middle;
}

.titlessss {
	line-height: 1.8;
}

.vvv {
	margin-top: 30px;
}


/******************************平台介绍*/

.introduce {
	position: relative;
	background: url(../images/introduceback.jpg) 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #f2f2f2;
}

.introduce>img {
	width: 100%;
}

.introduce-wrap>div>h2 {
	text-align: center;
}

.shenghuo {
	margin-top: 50px;
	overflow: hidden;
}

.shenghuo-l {
	float: left;
	width: 20%;
}

.shenghuo-l>img {
	width: 100%;
	max-width: 75%;
}

.shenghuo-r {
	width: 80%;
	float: right;
}

.shenghuo-r>h3 {
	margin-top: 50px;
}

.llll {
	width: 9%;
	margin-top: 30px;
	margin-bottom: 40px;
	height: 1px;
	background-image: linear-gradient( 90deg, #fda100 0%, #c4e095 33%, #8cff0d 66%, #19aee8 100%);
	background: #1b6652;
}

.shenghuo-r>.llll {
	margin-top: 30px;
	margin-bottom: 20px;
	width: 11%;
	height: 1px;
	background-image: linear-gradient( 90deg, #fda100 0%, #c4e095 33%, #8cff0d 66%, #19aee8 100%);
	background: #1b6652;
}

.shenghuo-r>p {
	line-height: 2;
}

.insist>div>h2 {
	margin-bottom: 50px;
	text-align: center;
}

.insist>div>ul {
	overflow: hidden;
}

.insist>div>ul>li {
	float: left;
	width: 49.78%;
}

.insist>div>ul>li:nth-child(2n) {
	float: right;
}
.insist>div>ul>li:nth-child(2n+1){clear: both;}
.insist>div>ul>li>img {
	width: 100%;
}

.insist>div>ul>li>h2 {
	margin-bottom: 10px;
	margin-left: 30px;
	margin-top: 30px;
	letter-spacing: 5px;
}

.insist>div>ul>li>p {
	margin-left: 30px;
	margin-bottom: 40px;
}

.cooperation {
	background: #f8f8f8;
}

.cooperation>div>h2 {
	text-align: center;
}

.cooperation>div>.topf {
	margin-left: 5%;
	overflow: hidden;
}

.cooperation>div>.topf>li {
	position: relative;
	width: 14.2%;
	max-width: 194px;
	float: left;
	margin-right: 40px;
}

.cooperation>div>.topf>li>div {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 100;
	    color: #acacac;
}

.cooperation>div>.topf>li>img {
	width: 100%;
}

.cooperation>div>.topr {
	margin-right: 5%;
	overflow: hidden;
}

.cooperation>div>.topr>li>img {
	width: 100%;
}

.cooperation>div>.topr>li {
	position: relative;
	width: 14.2%;
	max-width: 194px;
	float: right;
	margin-left: 40px;
}
.cooperation>div>.topr>li>div {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 100;
	    color: #acacac;
}
.requirement{
	margin-bottom: 70px;
}
.qualifications{
	overflow: hidden;
}
.qualifications > li{
	position: relative;
	color: #018a80;
	float: left;
	width: 32.5%;
	max-width: 450px;
	height: 305px;
	background: #fff;
}
.partner >div > h3{
	margin-top: 20px;
}
#lv{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #00715D;
}
.qualifications > li >div {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.qualifications > li >div > div{
	
	float: left;
}
.qualifications > li  >div> .shu{
	height: 100%;
	    left: 9%;

	font-weight: bold;
	text-align: center;
writing-mode: tb-rl;
	float: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.qualifications > li >div> .heng{
	max-height: 80%;
	overflow-y:auto ;
	position: absolute;
	top: 50%;
	left: 28%;
	transform: translateY(-50%);
	width: 72%;
	float: left;
	    padding-right: 20px;
    box-sizing: border-box;

}


.qualifications > li >div > .heng > p{
	line-height: 1.8;
	font-size: 14px;
}
.shustyle{
		position: absolute;
	left: 18%;
	top: 50%;
	transform: translateY(-50%);
    height: 180px;
	margin-left: 18px;
	margin-right: 18px;
	width: 1px;
	height: 140px;
background-color: #f6ba2f;
background-image: linear-gradient(180deg, #f6ba2f 0%, #d8e168 100%);
	background: #1b6652;

}
.zzzz{
	margin-left: 8px;
	margin-right: 8px;
}
.margin_t80{
	margin-top: 80px;
}
.shustylet{
	position: absolute;
	left: 18%;
	top: 50%;
	transform: translateY(-50%);
	    margin-top: 30px;
    height: 180px;
}
.pad100{
	padding-bottom: 100px;
}
.cost{
	margin-top: 80px;
	overflow: hidden;
}
.cost-l > .llll{
	margin-top: 20px;
    margin-bottom: 20px;
}
.cost-l{
	max-width: 736px;
	width: 53.81%;
	float: left;
}
.cost-r{
	float: right;
	max-width: 630px;
	width: 46.19%;
}
.cost-r > img{
	width: 100%;
}
.partner > .wrap > h2{
	text-align: center;
	margin-bottom: 40px;
}
.iteam_warp .llll{
	margin: 20px 0;
}
.iteam_box{margin-bottom: 50px;}
.partner > .wrap > p{
	margin-bottom: 55px;
}
.process {
	background: #F8F8F8;
}
.process > .wrap > h2{
	text-align: center;
	margin-bottom: 40px;
}
.process > .wrap > ul > li{
	margin-left: 30px;
	color: #018a80;
	list-style: disc;
}
.process > .wrap > ul > li > p{
	color: #000;
	line-height: 2.25;
}
.padd_b80{
	padding-bottom: 80px;
}
.other > .wrap{
	position: relative;
}
.other > .wrap > img{
	width: 100%;
}
.other > .wrap > .other-wrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

}
.other-wrap > h2{
	margin-top: 5%;
	text-align: center;
	color: #fff;
}
.other-wrap > ul{
	margin: 0 auto;
	margin-top: 3%;
	width: 60.76%;
	overflow: hidden;
}
.other-wrap > ul > li{
	    width: 50%;
overflow: hidden;
	box-sizing: border-box;
}
.other-wrap > ul > .l{
	float: left;
}.other-wrap > ul > .r{
	float: left;
}
.other-wrap > ul > li > .other-l{
	width: 27%;
	float: left;
}
.other-wrap > ul > li > .other-l > img{
	width: 100%;
}
.other-wrap > ul > li > .other-r{
	margin-left: 3.7%;
	float: left;
}
.r > .other-l{
	margin-left: 15%;
}
.other-wrap > ul > li > .other-r::before{
            display: inline-block;
            content: "";
            height: 100%;
            vertical-align: middle;
        }
.other-wrap > ul > li > .other-r > p{
	color: #fff;
  line-height: 1.5;
}
.other-wrap > ul > li > img{
	width: 100%;
}
/*加盟*/
.Join{
	    margin-top: 45px;
	text-align: center;
}
.pattern{
	margin-top: 100px;
	margin-bottom: 30px;
}
.Line-wrap{
	overflow: hidden;
	margin-top: 60px;
	display: -webkit-flex;
    display:flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	flex-wrap:wrap;
	
}
.Line-wrap > li{
	float: left;
	box-sizing: border-box;
		padding-top: 50px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 48px;
	width: 49.19%;
}
.Line-in{
	overflow: hidden;
	background-color: #8bd5d4;
background-image: linear-gradient(135deg, #8bd5d4 0%, #2b9dbe 100%);
	/*float: left;*/
}
.Line-in > div{
	float: left;
}
.Line-in-l{
	width:51%;
}
.Line-in-l > h2{
	margin-bottom: 15px;
	display: inline-block;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
	color: #fff;
}
.Line-in-l > p{
  line-height: 1.571;
	width: 90%;
	color: #fff;
}
.Line-in .Line-in-r{
	width: 49%;
	float: right;
}
.Line-in .Line-in-r > img{
	max-width: 257px;
	width: 100%;
}
.Offline{
	float: right !important;
	background-color: #6ebbe1;
background-image: linear-gradient(135deg, #6ebbe1 0%, #a1e0d9 100%);
	float: right;
}
.combination-wrap{
	background:url(../images/combinationback.jpg) 0 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}

.combination{
	background: rgba(0,0,0,.6);
}
.combination > .wrap > h2{
	margin-bottom: 3%;
	color: #fff;
	text-align: center;
	
}
.combination > .wrap > p{

	color: #fff;
	text-align: center;
}
.combinationlist{
	overflow: hidden;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top: 6%;
}
.combinationlist > li{

	margin-right: 2%;
	height: 340px;
	max-height: 340px;
	overflow: hidden;
	overflow-y: auto;
		max-width: 320px;
  color: rgb(255, 255, 255);
  line-height: 1.3;
	padding: 4% 3% 7% 3% ;
	border: 1px solid #fff;
	width: 23%;
	float: left;
	box-sizing: border-box;
}
.combinationlist > li > p{
	
	line-height: 1.57;
}
.combinationlist > li:nth-child(4) {
	margin-right: 0px;
	
}
.combinationlist > li > h3{
	margin-bottom: 10%;
}
.service{
	background: url(../images/brand_bg.jpg) center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.service >.wrap>h2{
	text-align: center;
	padding-bottom: 80px;
}
.service >.wrap>ul{
	overflow: hidden;
	       /*display: -webkit-flex;
            display:flex;
            -webkit-justify-content: space-between;
            justify-content: space-between;
flex-wrap:wrap;*/
}
.service >.wrap>ul > li{
	overflow-y: auto;
	margin-right: .7%;
	float: left;
	box-sizing: border-box;
	width: 32.84%;
	min-height: 300px;
	background: rgba(255,255,255,.6);
	padding-top: 4%;
	padding-left:  4.39%;
	padding-right: 6%;
	margin-bottom: .73%;
}
.service >.wrap>ul > li:nth-child(3n+0){
	margin-right: 0;
}
.service >.wrap>ul > li > .heng{
	display: block;
	height: 1px;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	background-color: #f6901e;
	background-image: linear-gradient( 90deg, #f6901e 0%, #cfe06e 33%, #7bcea4 66%, #0eb2e7 100%);
}
.service >.wrap>ul > li > img{
	margin-bottom: 10%;
	width: 44px;height: 44px;
}
.service >.wrap>ul > li > p{
	line-height: 1.57;
}
.conditions{
	position: relative;
	background: url(../images/ws.jpg) center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.conditions-wrap {
	padding-bottom: 100px;
width: 100%;
height: 100%;
	background: rgba(0,0,0,.6);
}
.conditions-wrap > .wrap {
	z-index: 2 !important;
}
.conditions-wrap > .wrap > h2{

	margin-bottom: 6%;
	text-align: center;
	color: #fff;
}
.conditions-wrap > .wrap > ul{
	  display: -webkit-flex;
      display:flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
		flex-wrap:wrap;
		overflow: hidden;
}
.conditions-wrap > .wrap > ul > li{
	overflow-y: auto;
	float: left;
	color: #fff;
	box-sizing: border-box;
	max-height: 246px;
	padding-right: 6%;
	padding-bottom: 3.2%;
	padding-top: 1%;
	width: 24.89%;

}
.conditions-wrap > .wrap > ul > li >h4{
	margin-bottom: 5%;
	    width: 15%;
    border-bottom: 1px solid #fff;
	display: inline-block;
	text-align: center;
}
.Exhibition > .wrap > h2{
	text-align: center;
}
.Exhibition-wrap{
	overflow: hidden;
	margin-top: 5.9%;
	  display: -webkit-flex;
            display:flex;
            -webkit-justify-content: space-between;
            justify-content: space-between;
flex-wrap:wrap;
}
 .Exhibition-wrap > li{
 margin-right: .38%;
 	float: left;
	color: #fff;
	box-sizing: border-box;
	width: 33.08%;
}
 .Exhibition-wrap > li:nth-child(3){
 	margin-right: 0;
 }
 .Exhibition-wrap > li > img{
 	width: 100%;
 }
/*特通渠道招商*/
.Tetong{
	
}
.Tetong > .wrap {
	padding-top: 5%;
}
.Tetong > .wrap > ul {
	overflow: hidden;
}
.Tetong > .wrap > ul > li{
	float: left;
	width: 48%;
}
.Tetong > .wrap > ul > li > div{
	   display: table-cell;
        vertical-align: bottom;
	float: left;
}
.Tetong > .wrap > ul > li:nth-child(even)>div{
	float: right;
}
.Tetong > .wrap > ul > li:nth-child(even)>.tt-r{
	text-align: left;
}
.Tetong > .wrap > ul > li:nth-child(1){
	margin-bottom: 20px;
	float: left;
}
.Tetong > .wrap > ul > li:nth-child(2){
	margin-bottom: 20px;
	float: right;
	
}.Tetong > .wrap > ul > li:nth-child(3){
	float: left;
	clear: both;
	
}
.Tetong > .wrap > ul > li:nth-child(4){
	float: right;

}
.Tetong > .wrap > ul > li > .tt-l{
    height: 100%;
	width: 65%;
}
.Tetong > .wrap > ul > li> .tt-l> p{
	max-height: 96px;
	overflow-y: auto;
}
/*.Tetong > .wrap > ul > li:nth-child(1) > .tt-l> p{
	padding-top: 30px;
}
.Tetong > .wrap > ul > li:nth-child(2) > .tt-l> p{
	padding-top: 30px;
}
.Tetong > .wrap > ul > li:nth-child(3) > .tt-l> p{
	padding-top: 15%;
}
.Tetong > .wrap > ul > li:nth-child(4) > .tt-l> p{
	padding-top: 15%;
}*/
.Tetong > .wrap > ul > li > .tt-l > h2{
 /*font-weight: bold;*/
}
.Tetong > .wrap > ul > li > .tt-l > .llll{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 25px;
}
.Tetong > .wrap > ul > li > .tt-r{
	text-align: right;
	width: 35%;
}
.Tetong > .wrap > ul > li > .tt-r > img{
	width: 100%;
	max-width: 80%;
}
.Tetong > .wrap > h3{
	margin-top: 50px;
	text-align: center;
}
.Tetong-wrap{
    background: url(../images/brand_bg.jpg) center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	background: none;
}
/*发展历程*/
.old > div > .swiper-slide{
	
	line-height: 145px;
	text-align: center;
	height: 145px !important;
	cursor: pointer;
}
.his-top{
	position: relative;
	width: 80%;
	padding: 0 20px;
}

.his-top > .swiper-button-next{
	position: absolute;
	top: 50% !important;
	right: 0% !important;
}
.his-top > .swiper-button-prev{
	position: absolute;
	top: 50% !important;
	left: 0 !important;
}
.his-bottom{
	    display: -webkit-flex;
    /* display: flex; */
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 6%;
    align-content: flex-end;
    align-items: stretch;
    margin-bottom: 100px;
}
.swiper-button-next{
	background: url(../images/right.png) center center !important;
	background-repeat: no-repeat;
	background-size: auto; 100%
}
.swiper-button-prev{
	background: url(../images/left.png) center center !important;
	background-repeat: no-repeat;
	background-size: auto; 100%
}
.his-bottom > .swiper-container > .swiper-wrapper > div{
   	box-sizing: border-box;
   	border-left: 1px solid;
   	border-image: linear-gradient(to bottom,  #fda100 0%, #c4e095 33%, #8cff0d 66%, #19aee8 100%) 1;
    height: 100%;
	padding-left: 30px;
display: flex;
min-height: 470px;
}
.his-bottom > .swiper-container {
	margin-right: 1px;
}
.his-bottom > .swiper-container .swiper-button-disabled{
	opacity: 0 !important;
}
.his-bottom > .swiper-container > .swiper-wrapper > div > div{
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
	width: 72%;
}
.his-bottom > .swiper-container > .swiper-wrapper > div > div > h2{
	margin-bottom: 30px;
}
.his-bottom > .swiper-container > .swiper-wrapper > div > div > img{
	margin-top: 10px;
	width: 100%;
}

.his-bottom .swiper-button-prev{left: 0;}
.his-bottom .swiper-button-next{right: 0;}

.his-top .swiper-button-next.swiper-button-disabled,.his-top  .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
     cursor: pointer; 
    pointer-events: visiblefill;
}
.onn{
	background: url(../images/swiperback.png) center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.his-top .swiper-button-next.disabled,.his-top .swiper-button-prev.disabled{
	cursor: default;
	opacity: 0.6;
}
/*营养健康中心*/
.region-wrap{
		margin-top: 100px;
		margin-bottom: 60px;
}
.region-wrap > p{
  color: rgb(44, 43, 43);
  line-height: 1.875;
}
.selects> input{
	width: 25.62%;
	background: #fff;
	    padding-left: 20px;
	    margin-right: 20px;
    box-sizing: border-box;
    border-radius: 50px;
    height: 46px;
    background: #fff;
    cursor: pointer;
}
.selects> button{
	color: #fff;
	margin-right: 20px;
	border-radius: 50px;
  	background-color: rgb(25, 101, 176);
  	width: 14.93%;
  	height: 44px;
}
.address_city .pub_select{
	float: left;
}


.selects .pub_select{
	position: relative;
	float: left;
	width: 22.54%;
	margin-right: 20px;
}
.selects .pub_select input{
	padding-left: 20px;
	box-sizing: border-box;
	width: 100%;
	border-radius: 50px;
	height: 46px;
    background: #fff;
	cursor: pointer;
}
.option{
	border-top: none;
	position: absolute;
	width: 99.5%;
	top:42px;
	display: none;
	left: 0;
	z-index: 99999;
	max-height: 144px;
	overflow: hidden; 
	padding: 10px 0;  
	border: 1px solid #e4e4e4;
	background: #fff;
	overflow-y:auto;
}
.info_input .arrow{
	background: url(../images/arrow2.png) no-repeat center center;
	width: 16px;
	height: 11px;
	position:absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	}
.pub_select .info_input{
	cursor: pointer;
	}
	
.modify_information input {
		height: 46px;

}

.modify_information .m_address dl{
	overflow: inherit;
	}
.option li{
	padding: 0 10px;
	font-size: 16px;
    line-height: 36px;
}

.map-wrap{
	margin-top: 60px;
	overflow: hidden;
}
.map-wrap > .map{
	float: left;
	width: 60.76%;
	height: 636px;
	    margin: 0;
}
.map-wrap > .map-right{
	overflow-y:auto;
	float: right;
	width: 38.57%;
	height: 636px;
	background: #fff;
}
.map-wrap > .map-right::-webkit-scrollbar-thumb:hover{
  /*background: #979797;*/
}


.map-wrap > .map-right > ul >li{
	cursor: pointer;
	padding-bottom: 30px;
	padding-top: 30px;
	overflow: hidden;
	width: 89.98%;
	margin: 0 auto;
	border-bottom:1px solid #e5e5e5 ;
}
.map-wrap > .map-right > ul >li>.imgdian{
	float: left;
	
	width: 37.47%;
}
.map-wrap > .map-right > ul >li >.titledian{
	float: left;
	width: 62.53%;
}
.map-wrap > .map-right > ul >li >.titledian > h2{
	margin-top: 5px;
	margin-bottom: 25px;
}
.map-wrap > .map-right > ul >li >.titledian > p{
	padding-left: 28px;
	box-sizing: border-box;
	position: relative;
	line-height: 1.8;
}
.map-wrap > .map-right > ul >li >.titledian > p > img{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.map-wrap > .map-right > ul >li>.imgdian > img{
	width: 100%;
	max-width: 82.28%;
}
.map-wrap > .map-right::-webkit-scrollbar{ 
height: 8px;
width:10px;

}

.map-wrap > .map-right::-webkit-scrollbar-track{
  border-radius:2px;

}

.map-wrap > .map-right::-webkit-scrollbar-thumb{

  background: url(../images/gdtaaa.png) center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
  border-radius:10px;

}

.map-wrap > .map-right::-webkit-scrollbar-thumb:hover{


}

.map-wrap > .map-right::-webkit-scrollbar-corner{

  background: #179a16;

}

.xiansahng{
  color: rgb(24, 24, 24);
  line-height: 1.875;
}
.news-wrap{
	overflow: hidden;
}
.news-left{
	float: left;
	width: 48.09%;
}
.news-left > img{
	width: 100%;
}
.news-right{
	width: 51.24%;
	float: right;
}.news-left > a {
		width: 100%;
}
.news-left > a >img{
	width: 100%;
}
.news-right > ul > li{
	
	overflow: hidden;
	padding-right: 7%;
	margin-bottom: 1%;
	padding-top: 3.5%;
	/*padding-bottom: 5.3%;*/
	box-sizing: border-box;
	padding-left: 5.71%;
	background: #f7f7f7;
	width: 100%;
	/*height: 159px;*/
	
}
.news-right > ul > li:hover{
	background: url(../images/news_line.jpg) center center;
	background-size: 100% , 100%;
}
.news-right > ul > li > h2{
	width: 90%;
	line-height: 1.3;
	margin-bottom: 4%;
}
.news-right > ul > li > p{
	line-height: 1.57;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow:ellipsis;
	
}
.news-bottom{
	margin-top: 40px;
}
.news-bottom > ul > li{
	border-bottom: 1px solid #e3e3e3;
	padding-top: 2%;
	padding-left: 1%;
}
.news-bottom > ul > li h2{
  color: rgb(54, 54, 54);
  line-height: 1.3;
	margin-bottom: 1.5%;
}
.news-bottom > ul > li p{
  color: rgb(24, 24, 24);
  line-height: 1.571;
	width: 91.87%;
	line-height: 1.57;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;
	margin-bottom: 2%;
}
.news-bottom > ul > li time{
	display: inline-block;
	margin-bottom: 2%;
  color: rgb(133, 133, 133);
}
.fenye {
	height: 38px;
		margin-top: 49px;
}
.fenye > ul {

	overflow: hidden;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.fenye > ul > li{
	float: left;
}
.fenye > ul > li:nth-child(1){
	text-align: center;
	line-height: 38px;
	width: 46px;
	height: 38px;
	background: url(../images/shangyiyeo.png) center center no-repeat;
	background-size: 100% ,100%;
}
.fenye > ul > li:nth-child(2){
	text-align: center;
	line-height: 38px;
	width: 46px;
	height: 38px;
	background: url(../images/shangyiyet.png) center center no-repeat;
	background-size: 100% ,100%;
}
.fenye > ul > li:nth-child(4){
	text-align: center;
	line-height: 38px;
	width: 46px;
	height: 38px;
	background: url(../images/xiayiyet.png) center center no-repeat;
	background-size: 100% ,100%;
}
.nub{
	overflow: hidden;
}
.nub > li{
	float: left;
	text-align: center;
	line-height: 38px;
	width: 46px;
	height: 38px;
}
.activefen > a{
  color: rgb(0, 113, 93);
}

.fenye > ul > li:nth-child(5){
	text-align: center;
	line-height: 38px;
	width: 46px;
	height: 38px;
	background: url(../images/xiayiyeo.png) center center no-repeat;
	background-size: 100% ,100%;
}
.content-wrap{
	overflow: hidden;
}
.content-wrap > .contentl{
	width: 61.20%;
	float: left;
}
.content-wrap > .contentl > h2{
	width: 90%;
}
.content-wrap > .contentl > .titm{
	margin-top: 3.5%;
	margin-bottom: 3.5%;
	overflow: hidden;
}
.content-wrap > .contentl > .titm >li{

  color: rgb(116, 116, 116);
	float: left;
	margin-right: 22px;
}
.content-wrap > .contentl >.xian{
	margin-bottom: 5%;
	width: 100%;
	height: 1px;
	background: url(../images/xian_01.png) center center no-repeat;
	background-size: 100%,100%;
}
.content-wrap > .listr{
	box-sizing: border-box;
	padding-top: 3.8%;
	padding-left: 3.8%;
	padding-right: 3.8%;
	background: url(../images/newsleft_03.png) 0 0 no-repeat;
	background-size: auto , 100%;
	width: 31.47%;
	padding-bottom: 160px;
	float: right;
}
.bottomxian{
	margin-top: 30px;
	width: 100%;
	height: 1px;
	background: #d9d9d9;
}
.xiayiye{
  line-height: 1.5;
	margin-top: 40px;
}
.contentl > button{
	margin-top: 50px;
	text-align: center;
  line-height: 40px;
	height: 40px;
	width: 21%;
	min-width: 173px;
	background: url(../images/pro_m_03.png) center center no-repeat;
}
.listr > ul > li{
	border-bottom: 1px solid #cad8da;
	padding-bottom: 7%;
	padding-top: 9%;
}
.listr > ul > li > time{
	display: block;
  color: rgb(54, 54, 54);
  line-height: 1.667;
  margin-bottom: 20px;
}
.listr > ul > li > h3{
  display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;
}
.listr > ul > li > p{
	margin-top: 3%;
	display: block;
  color: rgb(54, 54, 54);
  margin-bottom: 20px;
  color: rgb(24, 24, 24);
  line-height: 1.571;
  display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;
}
/*工艺活动*/
.activity{
	width: 1330px !important;
	height: auto;
	position: relative;
}
.activity > ul {
	height: auto;
	overflow: hidden;
}
.activity > ul > li{
	margin-top: -12%;
	position: relative;
	width: 100%;
}
.activity > ul > li > div{
	position: relative;
	width: 40.07%;
	float: left;
}
.activity > ul > li:nth-child(1) {
	margin-top: 110px;
}
.activity > ul > li:nth-child(even) > div{
	float: right;

}
.activity > ul > li > div > .ratio-img{
	border-radius: 10px 10px 0px 0px;
	overflow: hidden;
	width: 100%;
}
.activity > ul > li > div  > .ratio-img > img{
	width: 100%;
}
   .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .clearfix{
        *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.activity > ul > li > div  > .neirong{
		border-radius: 0px 0px 10px 10px;
	background: #fff;
	padding-top: 5%;
	padding-bottom: 5.6%;
	padding-left: 6%;
}
.activity > ul > li > div  > .neirong > h2 > span{
	display: inline-block;
	margin-left: 5px;
}
.activity > ul > li > div  > .neirong > p{
	margin-top: 1%;
	width: 90%;
  line-height: 1.459;
}
.shuxianss{
	width: 1px;
	background: #b4a38a;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translateX(-50%);
}
.shuxianss > .topi{
	cursor: pointer;
	position: absolute;
    top: 0; 
    left: 50%;
    transform: translate(-50% ,-100%);
}
.shuxianss > .bottomi{
	cursor: pointer;
	position: absolute;
    bottom: 0; 
    left: 50%;
    transform: translate(-50% ,100%);
}


#bayuan{
	text-align: center;
  color: rgb(44, 43, 43);
	line-height: 82px;
	position: absolute;
	width: 6%;
	background: url(../images/swiperback.png) center center no-repeat;
	background-size: 100% , 100%;
	right: 50%;
	transform: translateX(50%);
	top: -7.8%;
}
.activity > ul > li:nth-child(odd) > #bayuan > #diandian{
	height: 24px;
	line-height: 12px;
	letter-spacing:2px;
  color: rgb(180, 163, 138);
	position: absolute;
	left: -80%;
	top: 50%;
	transform: translateY(-50%);
}
.activity > ul > li:nth-child(even) > #bayuan > #diandian{
    height: 24px;
    line-height: 12px;
    letter-spacing: 2px;
    color: rgb(180, 163, 138);
    position: absolute;
    right: -80%;
    top: 50%;
    transform: translateY(-50%);
}
/*.activity > ul > li:nth-child(even){
	float: right;

}
.activity > ul > li:nth-child(2){
	margin-top: 25.5%;
}

.activity > ul > li > .ratio-img{
	width: 100%;
}
.activity > ul > li > .ratio-img > img{
	width: 100%;
}
.activity > ul > li > .neirong{
	background: #fff;
	padding-top: 5%;
	padding-bottom: 5.6%;
	padding-left: 6%;
}
.activity > ul > li > .neirong > h2 > span{
	display: inline-block;
	margin-left: 5px;
}
.activity > ul > li > .neirong > p{
	margin-top: 1%;
	width: 90%;
  line-height: 1.459;
}
.shuxianss{
	width: 1px;
	background: #b4a38a;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translateX(-50%);
}
.shuxianss > .topi{
	cursor: pointer;
	position: absolute;
    top: 0; 
    left: 50%;
    transform: translate(-50% ,-100%);
}
.shuxianss > .bottomi{
	cursor: pointer;
	position: absolute;
    bottom: 0; 
    left: 50%;
    transform: translate(-50% ,100%);
}
#diandian{
	letter-spacing:2px;
  color: rgb(180, 163, 138);
  line-height: 0;
	position: absolute;
	right: -15%;
	top: 0;
}

#bayuan{
	text-align: center;
  color: rgb(44, 43, 43);
	line-height: 82px;
	position: absolute;
	width: 15%;
	height: 82px;
	background: url(../images/swiperback.png) center center no-repeat;
	background-size: 100% , 100%;
	right: -33%;
	top: -7.8%;
}
.activity > ul > li:nth-child(even) > #bayuan{
	text-align: center;
  color: rgb(44, 43, 43);
	line-height: 82px;
	position: absolute;
	width: 15%;
	height: 82px;
	background: url(../images/swiperback.png) center center no-repeat;
	background-size: 100% , 100%;
	left: -33%;
	top: -7.8%;
}
.activity > ul > li:nth-child(even) > #diandian{
	letter-spacing:2px;
  color: rgb(180, 163, 138);
  line-height: 0;
	position: absolute;
	left: -15%;
	top: 0;
}*/
@media only screen and (max-width:1600px) {
	.lbottom>img {
		width: 101%;
	}
	.img-wrap {
		position: absolute;
		max-height: 994px;
		max-width: 765px;
		width: 54%;
	}
	.ding {
		position: fixed !important;
		top: 15%;
		left: 7%;
		width: 40%;
	}
	.qyjs-wrap {
		float: left;
		position: relative;
		max-width: 695px;
		height: auto;
	}
	.qyjs-wrap>.bgnei {
		padding: 9% 2% 9% 3%;
		min-height: 217px;
	}
	.icon-ziyuan {
		font-size: 60px !important;
	}
	.icon-female {
		font-size: 60px !important;
	}
	.toimg {
		height: 157px;
		width: 157px;
		background: #f7f8f5;
		border-radius: 50%;
	}
	.inp-wrap>input {
		width: 95px;
	}
	.weight-box>img {
		display: block;
		width: 140px;
		height: 140px;
		margin: 0 auto;
		margin-top: 50px;
		margin-bottom: 30px;
	}
	
}

@media only screen and (max-width:1320px) {
	.shop-wrap>li {
    padding-right: 1%;
    border-right: 1px solid #a1acb1;
    float: left;
    margin-right: 1%;
}
	.onn {
    background-size: auto 75% !important;
	}



	.img-wrap {
		position: absolute;
		max-height: 994px;
		max-width: 765px;
		width: 54%;
		height: 65%;
	}
	
	

	.ding {
		position: fixed !important;
		top: 15%;
		left: 7%;
		width: 45%;
	}
	.qyjs-wrap>.bgnei {
		padding: 9% 2% 9% 5%;
		min-height: 183px;
	}
	.sex {
		overflow: hidden;
		width: 80%;
		margin: 0 auto;
		margin-top: 45px;
	}
	.inp-wrap>input {
		width: 70px;
	}
	.inp-wrap {
		margin-top: 5px;
	}
	.sex {
		overflow: hidden;
		width: 80%;
		margin: 0 auto;
		margin-top: 45px;
	}
	.icon-ziyuan {
		font-size: 60px !important;
	}
	.icon-female {
		font-size: 60px !important;
	}
}

@media only screen and (max-width:1024px) {
.service >.wrap>ul > li > img{margin-bottom: 10px;width: 30px;height: 30px;}
		.shop-wrap>li {
    padding-right: 4%;
    border-right: 0px solid #a1acb1;
    float: left;
    margin-right: 3%;
}
	.shop-wrap>li>a>img {
		height: 22px;
		margin-right: 5px;
	}
	
	.img-wrap {
		position: absolute;
		max-height: 994px;
		max-width: 765px;
		width: 54%;
	}
	.toimg {
		height: 150px;
		width: 150px;
		background: #f7f8f5;
		border-radius: 50%;
	}
	.sex {
		overflow: hidden;
		width: 90%;
		margin: 0 auto;
		margin-top: 45px;
	}
	.inp-wrap>input {
		width: 68px;
	}
	.inp-wrap {
		margin-top: 5px;
	}
	.texfwb>.heng {
		background-color: #d1be88;
		background-image: linear-gradient( 90deg, #fda100 0%, #c4e095 33%, #8cff0d 66%, #19aee8 100%);
		margin-top: 20px;
		width: 6%;
		height: 2px;
		margin-bottom: 20px;
	}
	.jiu>li {
		min-height: 110px;
	}
	.jianjie {
		margin: 0 auto;
	}
	.ppp {
		margin-top: 20px;
	}
	.jiu {
		margin-top: 20px;
	}
	.inp-wrap>input {
		width: 90%;
		margin-bottom: 10px;
	}
	.sex {
		overflow: hidden;
		width: 65%;
		margin: 0 auto;
		margin-top: 45px;
	}
	.inp-wrap {
		margin: 0 auto;
		width: 100%;
	}
	.test-wrap>div {
		width: 100%;
		height: 100%;
	}
	.Tetong > .wrap > ul > li> .tt-l> p {
    max-height: 84px;
    overflow-y: auto;
}
}

@media only screen and (max-width:768px) {
	.content-wrap > .contentl {
    width: 100%;
    float: left;

}
.iteam_box{margin-bottom: 20px;}
.contentl > button {
	display: block;
	margin: 0 auto;
    margin-top: 50px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    width: 21%;
    min-width: 173px;
    background: url(../images/pro_m_03.png) center center no-repeat;
}
.content-wrap > .listr {
	margin-top: 30px;
    box-sizing: border-box;
    padding-top: 3.8%;
    padding-left: 3.8%;
    padding-right: 3.8%;
    background: url(../images/newsleft_03.png) 0 0 no-repeat;
    background-size: auto , 100%;
    width: 100%;
    padding-bottom: 160px;
    float: right;
}
	.tap-wrap {
    width: 100%;
}
	.lrwrap > div{
		position:  static;
		position: relative;
		 width: 100% !important;
		 left: 0;
	}
		.zao>h3 {
    margin-top: 15px;
}
	.zao {
		padding-left: 20px;
		color: #fff;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, .2);
	}
	.zao>span {
    margin-top: 10px;
    margin-bottom: 15px;
    display: block;
    width: 60px;
    height: 2px;
    background-image: linear-gradient( 
90deg
, #fda100 0%, #c4e095 33%, #8cff0d 66%, #19aee8 100%);
}

	.lrwrap {
		pointer-events: none;
		height: auto !important; 
	}
	.ltoptop {
    width: 100% !important;
    /*position: absolute;*/
    /* top: 0; */
	}
	.rtoptop {
    width: 100% !important;
    left: 0;
	}
	.lbottom{
		 
	}
	.Tetong > .wrap > ul > li {
    width: 100%;
}
.Tetong > .wrap {
    padding-top: 50px;
}
	.Join {
    margin-top: 15px;
    text-align: left;
}
.pattern {
	text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}
.Line-wrap > li {
	margin-top: 5%;
    width: 100%;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
}
.Line-in-l > p {
    line-height: 1.571;
    width: 100%;
    color: #fff;
}
.Line-in-l {
    width: 100%;
}
.Line-in .Line-in-r {
	margin-top: 5%;
    width: 100%;
    float: right;
}
.Line-in .Line-in-r > img {
	display: block;
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
}
.combination > .wrap > p {
    color: #fff;
    text-align: left;
     
}
.combinationlist > li {
	margin-right: 0;
	height:  auto;
    max-width: 9999px;
      margin-top: 5px;
    width: 100%;
}
.service >.wrap>ul > li {
    width: 100%;
    min-height: 0;
    padding-bottom: 20px;
}
.conditions-wrap > .wrap > ul > li {
    width: 100%;
}
.Exhibition-wrap > li {
    width: 100%;
    margin-bottom: 10px;
}
.service >.wrap>h2 {
    text-align: center;
    padding-bottom: 20px;
}
	.shenghuo {
     margin-top: 30px; 
	}
	.shenghuo-l {
    float: none;
    width: 50%;
    margin: 0 auto;
}
.shenghuo-l>img {
    max-width: 100%;
}
.shenghuo-r {
    width: 100%;
    float: none;
}
.insist>div>ul>li {
    float: none !important;
    width: 100%;
}
.insist>div>ul>li>p {
    margin-left: 00px;
    margin-bottom: 20px;
}
.llll{
    width: 9%;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.Tetong > .wrap > ul > li> .tt-l> p{max-height: inherit;}
.cooperation>div>.topf {
    margin-left: 0%;
}
.cooperation>div>.topf>li:nth-child(even){
	float: right;
}
.cooperation>div>.topf>li:nth-child(3) {
	   left: 50%;
   transform: translateX(0%);
   max-width: 45.2%;
   width: 100%;
   /* float: left; */
   margin: 0 auto;
   float: none;
   clear: both;
   margin-left: -22.6%;
}
.cooperation>div>.topf>li {
    position: relative;
    width: 45.2%;
    max-width: 194px;
    float: left;
     margin-right: 0px; 
     margin-bottom: 20px;
}
.cooperation>div>.topr {
    margin-left: 0%;
        margin-right: 0%;
}
.cooperation>div>.topr>li:nth-child(3) {
   left: 50%;
   transform: translateX(0%);
   max-width: 45.2%;
   width: 100%;
   /* float: left; */
   margin: 0 auto;
   float: none;
   clear: both;
   margin-left: -22.6%;
}
.cooperation>div>.topr>li:nth-child(even){
	float: right;
}
.cooperation>div>.topr>li {
    position: relative;
    width: 45.2%;
    max-width: 194px;
    float: left;
    margin-left: 0px;
     margin-bottom: 20px;
}

.qualifications > li >div {
     height: auto; 
     position:static; 
     top: 0%; 
     transform: translateY(0%); 
}
.qualifications > li {
	padding-top: 5%;
	padding-bottom: 5%;
	margin-bottom: 10%;
    position: relative;
    color: #018a80;
    float: left;
     height: auto; 
     width: 100%;
    background: #fff;
}
.zzzz {
    margin-left: 0px;
    margin-right: 0px;
}
.cost-l {
     max-width: 736px; 
    width: 100%;
     float: none; 
}
.cost-r {
    float: none;
    max-width: 630px;
    width: 100%;
    margin-top: 10px;
}
.pad100 {
    padding-bottom: 30px;
}
.partner > .wrap > p {
    margin-bottom: 30px;
}
.cost-l > .llll {
    margin-top: 10px;
    margin-bottom: 10px;
}
.margin_t80 {
    margin-top: 15px;
}
.insist>div>ul>li>h2 {
    margin-bottom: 10px;
    margin-left:00px;
    margin-top: 10px;
    
    letter-spacing: 5px;
}
.other-wrap > h2 {
     margin-top: 1%; 
    text-align: center;
    color: #fff;
}
.other-wrap > ul {
    margin: 0 auto;
    margin-top: 0%;
    width: 100%;
    overflow: hidden;
}
.shustyle {
    display: none;
}
	.shop-wrap>li {
    padding-right: 1%;
    border-right: 0px solid #a1acb1;
    float: left;
    margin-right: 0;
}
.qualifications > li >div> .shu {
	width: 100%;
     height: auto; 
    left: 9%;
    font-weight: bold;
    text-align: center;
    writing-mode: inherit;
    float: left;
     position: static; 
     top: 0%; 
     transform: translateY(0%); 
}
.qualifications > li >div> .heng {
    margin: 0 auto;
    max-height: 80%;
    overflow-y: auto;
     position: static; 
     top: 0%; 
     left: 0%; 
     transform: translateY(0%); 
    width: 90%;
     float: none; 
}
	.other-wrap > ul > .l {
    justify-content: flex-end;
     padding-right: 0%; 
}
.other-wrap > ul > li > .other-l {
   display: none;
}
.other-wrap > ul > .r {
    justify-content: flex-start;
    padding-left: 5%;
}
.cost {
    margin-top: 10px;
    overflow: hidden;
}
.requirement{margin-bottom: 20px;}
.padd_b80 {
    padding-bottom: 20px;
}
	.shop-wrap {
		text-align: right;
		margin-top: 20px;
		color: #515151;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.titlessss {
		line-height: 1.5;
		margin-top: 10px;
	}
	.boxyihlwyw {
		margin-top: 50px;
		overflow: hidden;
	}
	.tutu {
		float: none;
		width: 100%;
	}
	.zizi {
		margin-top: 10%;
		float: none;
		width: 100%;
	}
	.tap-wrap>li {
		cursor: pointer;
		padding-bottom: 5px;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}
	.boxyittqudao {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.tuwrap>div {
		/*height: 193px;*/
		width: 44%;
		margin: 0 3%;
		margin-top: 20px;
		
	}
	.tuwrap {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin-top: 10px;
		overflow: hidden;
		width: 100%;
	}
	.leftbox {
		max-width: 900px;
		float: none;
		width: 100%;
		height: auto;
		background: #fff;
	}
	.rightbox {
		max-width: 900px;
		float: none;
		width: 100%;
		background: #007AFF;
	}
	.rbottm>.rb-wrap>div {
		width: 100%;
		float: none;
	}
	.lrwrap {
		max-height: 9999px;
	}
	.titleqyjs {
		margin-bottom: 10px;
	}
	.texfwb>.heng {
		background-color: #d1be88;
		background-image: linear-gradient( 90deg, #fda100 0%, #c4e095 33%, #8cff0d 66%, #19aee8 100%);
		margin-top: 10px;
		width: 19%;
		height: 2px;
		margin-bottom: 20px;
	}
	.qyjs-wrap {
		float: none;
		position: relative;
		max-width: 695px;
		width: 100%;
		height: auto;
	}
	.qyjs-wrap>.bgnei {
		color: #fff;
		background-color: rgba(163, 222, 222, .0);
		background-image: linear-gradient( 45deg, rgba(163, 222, 222, .3) 0%, rgba(95, 180, 222, 8) 100%);
		background-color: rgba(163, 222, 222, .7);
		position: absolute;
		bottom: 0px;
		right: 0px;
		box-sizing: border-box;
		padding: 9% 3% 9% 5%;
		max-width: 395px;
		width: 100%;
		min-height: 97px;
	}
	.wrap-fwb {
		margin-top: 20px;
		box-sizing: border-box;
		padding-left: 0px;
		float: none;
		width: 100%;
	}
	.ding {
		position: relative !important;
		left: 0%;
	}
	.jianjie {
		padding-left: 5%;
		padding-right: 5%;
		margin-left: 0px;
	}
	.img-wrap {
		/*display: none;*/
	}
	.img-wrap {
		position: static;
		width: 100%;
	}
	.ppp {
		margin-top: 10px;
	}
	.gycontent {
		margin-bottom: 0;
		padding-top: 5%;
		padding-left: 0%;
		padding-right: 0%;
		padding-bottom: 0;
		width: 100%;
		background: #fff;
		position: relative;
		right: 0;
		top: 0px;
	}
	.jiu {
		color: #fff;
		margin-top: 30px;
		width: 100%;
		overflow: hidden;
	}
	.jiu>li {
		box-sizing: border-box;
	margin-bottom: 3px;
		width: 50%;
		max-height: 100px;
		padding: 0 10px;padding-top: 10px;
	}
	.jiu>li>span br{display: none;}
	.jiu>li:nth-child(1) {
		border-bottom: 5px solid #fff;
	}
	.jiu>li:nth-child(2) {
		border-left: 5px solid #fff;
		border-bottom: 5px solid #fff;
	}
	.jiu>li:nth-child(3) {
		border-bottom: 5px solid #fff;
		border-left: none;
	}
	.jiu>li:nth-child(4) {
		border-left: 5px solid #fff;
		border-bottom: 5px solid #fff;
	}
	.jiu>li:nth-child(5) {
		border-left: none;
		border-bottom: 5px solid #fff;
	}
	.jiu>li:nth-child(6) {
		background-color: #50afcf;
		background-image: linear-gradient(60deg, #50afcf 0%, #40a6d8 100%);
		border-bottom: 5px solid #fff;
		border-left: 5px solid #fff;
	}
	.jiu>li:nth-child(7) {
		background-color: #62bac4;
		background-image: linear-gradient(60deg, #62bac4 0%, #5cb6c7 100%);
	}
	.jiu>li:nth-child(8) {
		background-color: #62bac4;
		background-image: linear-gradient(60deg, #62bac4 0%, #51b0ce 100%);
		border-left: 5px solid #fff;
	}
	.jiu>li:nth-child(9) {
		display: none;
	}
	.lkj {
		max-width: 100%;
	}
	.sex {
		width: 75%;
		margin-top: 20px;
	}
	.weighttitle {
		margin-top: 20px;
		margin-bottom: 12px;
	}
	.btn {
		margin-top: 15px;
	}
	.toimg {
		height: 100px;
		width: 100px;
		background: #f7f8f5;
		border-radius: 50%;
	}
	.box {
		margin-top: 20px;
	}
	.weight {
		padding: 15px;
	}
	.weight:before {
		content: '';
		width: 30%;
		height: 3px;
		background-color: #f6901e;
		background-image: linear-gradient( 90deg, #f6901e 0%, #cfe06e 33%, #7bcea4 66%, #0eb2e7 100%);
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.btn {
		width: 100px;
	}
	.tit {
		margin-top: 15px;
	}
	.weight-box>img {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.inp-wrap>label {
		margin-left: 0px;
	}
	.inp-wrap>input {
		margin-bottom: 10px;
		width: 83%;
	}
	.sub {
		margin: 0 auto;
		color: #fff;
		width: 150px;
		height: 40px;
		background-color: #8bd6d1;
		background-image: linear-gradient( 90deg, #8bd6d1 0%, #2899bb 99%);
		text-align: center;
		line-height: 40px;
		border-radius: 50px;
		margin-top: 23px;
	}
	.his-top {
    position: relative;
    width: 100% !important;
}
.his-bottom > .swiper-container > .swiper-wrapper > div {
     padding-left: 0px !important; 
     border-left: 0px solid; 
}
.his-top .swiper-button-next{
	margin-top: 0 !important;
    position: absolute;
    top: 50% !important;
    height: 20px !important;
    transform: translateY(-50%) !important;
}
.his-top .swiper-button-prev{
	margin-top: 0 !important;
    position: absolute;
    top: 50% !important;
    height: 20px !important;
    transform: translateY(-50%) !important;
}
.his-bottom > .swiper-container > .swiper-wrapper > div > div {
    width: 100% !important;
}
.Tetong > .wrap > ul > li:nth-child(3){
	margin-bottom: 20px;
	float: left;
}
.Tetong > .wrap > ul > li:nth-child(4){
	margin-bottom: 20px;
	float: right;
	
}
.region-wrap {
    margin-top: 20px;
    margin-bottom: 20px;
    
}
.selects .pub_select {
	margin-bottom: 5px;
	border: 1px solid #f8f8f8;
    position: relative;
    float: left;
    width: 100%;
     border-radius: 50px;
    margin-right: 0px;
}
.selects> input {
	border: 1px solid #f8f8f8;
    width: 100%;
    background: #fff;
    padding-left: 20px;
    margin-right: 0px;
    box-sizing: border-box;
    border-radius: 50px;
    height: 46px;
    background: #fff;
	margin-bottom: 5px;
    cursor: pointer;
}
.selects> button {
    color: #fff;
    margin-bottom: 5px;
    margin-right: 00px;
    border-radius: 50px;
    background-color: rgb(25, 101, 176);
    width: 100%;
    height: 44px;
}
.map-wrap > .map {
     float: none; 
    width: 100%;
    height: 300px;
}
.map-wrap > .map-right {
    overflow-y: auto;
    float: right;
    width: 100%;
    height: 200px;
    background: #fff;
}
.map-wrap > .map-right > ul >li >.titledian > h2 {
    margin-bottom: 0px;
}
.map-wrap > .map-right > ul >li {
    padding-bottom: 0px;
}
.Line-wrap {
    margin-top: 0px;
}
.news-left{
	float: left;
	width: 100%;
}
.news-right {
	margin-top: 5px;
    width: 100%;
    float: right;
}
.news-bottom {
    margin-top: 20px;
}
.fenye > ul {
    overflow: hidden;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
}
.content-wrap{
	overflow: hidden;
}
.activity > ul > li > div {
    position: relative;
    width: 100%;
    float: none; 
}
.activity > ul > li:nth-child(1) {
    margin-top: 30px;
}
.activity > ul > li {
    margin-top: 30px;
    position: relative;
    width: 100%;
}
.shuxianss {
  	display: none;
}
}


/* 手机等小屏幕手持设备 */


/*@media screen and (min-width: 320px) and (max-width: 480px) {
body {
background: yellow;
}
}*/


/* 平板之类的宽度 1024 以下设备 */


/*@media only screen and (min-width: 321px) and (max-width: 1024px) {
body {
background: blue;
}
}*/


/* PC客户端或大屏幕设备: 1028px 至更大 */


/*@media only screen and (min-width: 1029px) {
body {
background: green;
}
}*/



@media only screen and (min-width:1025px) {
.tel:hover{color: #333 !important;}

}



@media only screen and (max-width:767px) {
.other > .wrap > .other-wrap{position: static;color: #333;padding-top: 20px;}
.other-wrap > h2,.other-wrap > ul > li > .other-r > p{color: #333;}
.other-wrap > ul > li > .other-l,.other-wrap > ul > li > .other-r,.other-wrap > ul > .l,.other-wrap > ul > .r{margin: 0;width: 100%;float: none;padding: 0;}
.Tetong > .wrap > ul > li > .tt-l,.Tetong > .wrap > ul > li > .tt-r,.Tetong > .wrap > ul > li{float: none !important;width: 100%;}
.Tetong > .wrap > ul > li > .tt-r{width: 180px;margin: auto;margin-top: 10px;text-align: center;}
.Tetong > .wrap > ul > li:nth-child(2) > .tt-l> p,.Tetong > .wrap > ul > li:nth-child(3) > .tt-l> p,.Tetong > .wrap > ul > li:nth-child(3) > .tt-l> p,.Tetong > .wrap > ul > li:nth-child(4) > .tt-l> p{padding: 0;}
.Tetong > .wrap > ul > li > div{display: block;}
.Tetong > .wrap > ul > li{margin-bottom: 40px !important;}
.Tetong > .wrap > ul > li:nth-child(even)>.tt-r{text-align: center;}
}


.introduce-wrap .m_tab li{width: 50%;}
#map{width: 100%;height:650px;}
@media only screen and (max-width:767px) {
#map{height:300px;}

}