.end_dbg {

	background: url(../images/end_dbg.png) no-repeat top center;

	height: 330px;

	margin-top: -10px;

	margin-bottom: 0px;

}

.clearboth{

	clear: both;

	font-size: 0;

	line-height: 1;

}





/* 首页 */



@media screen and (max-width: 768px) {

	.west_box .west_top .west_eng {

		background-size: 24% 88% !important;

		right: 4% !important;

	}

	.west_box .west_top .west_tell {

		width:40% !important;



	}

}

/* 首页 */



.nybanner {

	width: 100%;

	overflow: hidden;

	position: relative;

	height: 260px;

	margin-top: 79px;

}



.nybanner img {

	width: 100%;

	height: auto;

	margin: 0 auto;

}



em {

	font-style: normal;

}



.f-cb {

	zoom: 1;

}



.purchase .plan {

	position: relative;

	overflow: hidden;

}



.purchase .plan .w50 {

	width: 50%;

	float: left;

	position: relative;

}



.purchase .plan .w50 .bg {

	display: block;

}



.purchase .plan .w50 .box1 {

	width: 490px;

	position: absolute;

	top: 0px;

	right: 20%;

}



.purchase .plan .w50 .box2 {

	width: 490px;

	position: absolute;

	top: 0px;

	left: 20%;

}



.purchase .plan .w1400 {

	position: absolute;

	top: 0px;

	left: 50%;

	height: 160px;

}



.purchase .plan .box {

	width: 480px;

}



.purchase .plan .box1 {

	float: left;

}



.purchase .plan .box2 {

	float: right;

}



.purchase .plan .box .btit {

	font-size: 32px;

	color: #333;

	line-height: 32px;

	margin-bottom: 27px;

	margin-top: 18%;

}



.purchase .plan .box .bte {

	font-size: 16px;

	color: #666;

	line-height: 30px;

	margin-bottom: 20%;

}



.purchase .plan .box .ba a {

	display: block;

	width: 33.3%;

	float: left;

	font-size: 15px;

	color: #3f4146;

	line-height: 30px;

}



.purchase .plan .box .table {

	margin-top: 10%;

}



.purchase .plan .box .table .hbox {

	padding-bottom: 24px;

	overflow: hidden;

}



.purchase .plan .box .table .fll {

	width: 105px;

	height: 45px;

	float: left;

}



.purchase .plan .box .table .frr {

	float: left;

	width: 270px;

}



.purchase .plan .box .table p {

	font-size: 16px;

	color: #fff;

	text-align: right;

	line-height: 45px;

	height: 45px;

}



.purchase .plan .box .table input {

	font-size: 14px;

	border-radius: 5px;

}



.purchase .plan .box .table input.pt {

	width: 100%;

	height: 45px;

	padding: 0 10px;

	overflow: hidden;

	border: 0px none;

	background: #fff;

	box-sizing: border-box;

}



.purchase .plan .box .table select {

	width: 180px;

	margin-right: 8px;

	height: 45px;

	border-radius: 5px;

	overflow: hidden;

	font-size: 14px;

	display: block;

	float: left;

}



.purchase .plan .box .table select:nth-child(2n) {

	margin-right: 0px;

}



.purchase .plan .box .table select.sw {

	width: 369px;

}



.purchase .plan .box .table input.su {

	width: 200px;

	height: 50px;

	background: url(../images/img-35.jpg) no-repeat;

	border: 0px none;

	color: #fff;

	overflow: hidden;

	border-radius: 4px;

	font-size: 16px;

}



/*招聘*/



.job .mtitle h1 {

	background: #efefef;

}



.job-block-items {

	padding: 3% 1.5% 48px 1%;

	box-sizing: border-box;

}



.job-block-item {

	position: relative;

	background: #fff;

	text-align: center;

	padding: 46px 36px;

	box-sizing: border-box;

	top: 0;

	cursor: pointer;

	transition: all 0.2s linear;

	-webkit-transition: all 0.2s linear;

}



.job-block-item h4 {

	font-size: 20px;

	color: #000;

}



.job-line {

	width: 54px;

	height: 3px;

	margin: 0 auto;

	padding: 34px 0;

	background: url(../images/tit-bg.jpg) repeat-x center;

}



.jbi-main-pay {

	font-size: 14px;

	line-height: 30px;

	color: #2e2e2e;

}



.jbi-main-req {

	padding-top: 30px;

	line-height: 30px;

	font-size: 14px;

	color: #858585;

}



.jbi-main-req a {

	line-height: 30px;

	font-size: 14px;

	color: #858585;

}



.job-see-more {

	display: block;

	width: 71px;

	height: 14px;

	margin: 0 auto;

	margin-top: 48px;

	font-size: 14px;

	background: url(../images/jsmbg.png) center center no-repeat;

}



.job-see-more span {

	display: none;

	font-size: 14px;

	color: #404040;

}



.job-block-item:hover {

	top: -10px;

	box-shadow: 0px 0px 11px #ebebeb;

}



.job-block-item:hover .job-see-more {

	background: url(../images/jsmbg.png) right center no-repeat;

}



.job-block-item:hover .job-see-more span {

	display: block;

	padding-right: 15px;

}



/*关于我们*/



.half {

	width: 50%;

	float: left;

}



.content {

	width: 100%;

	max-width: 1200px;

	height: 100%;

	margin: 0 auto;

    font-size: 14px;

}



.mtitle {

	position: relative;

	width: 243px;

	height: 90px;

	text-align: center;

	margin: 0 auto;

}



.mtitle:after {

	position: absolute;

	top: 24px;

	left: 0;

	z-index: 0;

	width: 241px;

	height: 64px;

	border: 1px solid #0b86e5;

	content: '';

}



.mtitle h1 {

	position: relative;

	z-index: 1;

	width: 184px;

	line-height: 48px;

	font-size: 30px;

	font-weight: bold;

	color: #0b86e5;

	margin: 0 auto;

	display: block;

	padding: 0px;

}



.mtitle h2 {

	line-height: 26px;

	font-family: 'EUROSTILELTSTD-EX2', "Arial", sans-serif;

	font-size: 12px;

	color: #a9a9a9;

	text-transform: uppercase;

	display: block;

	margin: 0px;

	padding: 0px;

}



.bgood .mtitle:after {

	border: 1px solid #fff;

}



.bgood .mtitle h1 {

	color: #FFF;

}



.bgood .mtitle h2 {

	color: #FFF;

}



.us {

	padding: 30px 0 0 0;

}



.us .mtitle h1 {

	background: #efefef;

}



.brands {

	margin-top: 28px;

}



.bname {

	margin-right: 10px;

}



.bsname {

	margin-top: 20px;

	padding: 5px 25px 0px 42px;

	background: #fff;

}



.bsname h1 {

	position: relative;

	z-index: 1;

	height: 70px;

	line-height: 70px;

	padding-left: 22px;

	font-family: 'EUROSTILELTSTD', "Arial", sans-serif;

	font-size: 50px;

	font-weight: bold;

	color: #d2d2d2;

	text-transform: uppercase;

	display: block;

	margin: 0px;

}



.bsname h1:before {

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	width: 40px;

	height: 70px;

	background: #0b86e5;

	content: '';

}



.bsname h2 {

	line-height: 50px;

	font-size: 24px;

	font-weight: bold;

	color: #0d1a1e;

	margin: 20px 0;

	display: block;

}



.bsname p {

	line-height: 2;

	font-size: 14px;

	color: #878787;

	text-align: justify;

	text-indent: 2em;

	display: block;

}



.bsname p font {

	color: #2f2f2f;

}



.bsnames {

	margin-top: 20px;

	padding: 77px 40px 57px 42px;

	background: #0b86e5;

	overflow: hidden;

	box-sizing: content-box;

}



.bsnames .bsld {

	position: relative;

	height: 40px;

	font-size: 18px;

	font-weight: bold;

	color: #fff;

}



.bsnames .bsld p {

	line-height: 20px;

	text-align: center;

	font-size: 16px;

	color: #0d1a1e;

	display: block;

	color: #fff;

}



.bsnames .bsrd {

	float: left;

}



.bsnames .bsrd p {

	line-height: 30px;

	font-size: 14px;

	color: #0d1a1e;

	display: block;

	color: #fff;

}



.bing {

	margin-left: 10px;

}



.bsing {

	margin-top: 20px;

}



.bsing img {

	width: 100%;

	display: block;

}



.bsings {

	margin-top: 20px;

	overflow: hidden;

}



.bsings .bild {

	width: 252px;

	float: left;

}



.bsings .bild img {

	width: 100%;

	display: block;

}



.bsings .bird {

	width: 250px;

	height: 181px;

	padding: 42px 32px 0 36px;

	margin-left: 20px;

	float: left;

	background: #0b86e5;

	box-sizing: content-box;

}



.bsings .bird h1 {

	line-height: 32px;

	font-size: 18px;

	font-weight: bold;

	color: #0d1a1e;

	display: block;

	padding: 0px;

	margin: 0px;

	color: #FFF;

}



.bsings .bird p {

	line-height: 30px;

	font-size: 14px;

	color: #0d1a1e;

	text-align: justify;

	display: block;

	color: #FFF;

}



.bgood {

	padding: 70px 0;

	background: #0b86e5;

}



.bgood .mtitle h1 {

	background: #0b86e5;

}



.bgoods {

	margin-top: 64px;

}



.bgoods ul li {

	width: 23%;

	height: 440px;

	float: left;

	background: #06191d;

	overflow: hidden;

	margin: 0 1%;

}



.bgoods ul li img {

	width: 100%;

	display: block;

	transition: all 0.5s ease 0s;

	overflow: hidden;

}



.bgoods ul li:hover img {

	transform: scale(1.1);

}



.Cooperative {

	padding: 64px 0;

	background: #efefef;

}



.Cooperative .mtitle h1 {

	background: #efefef;

}



.Cooperatives {

	margin-top: 40px;

}



.Cooperatives ul li {

	width: 170px;

	height: 100px;

	margin: 28px 15px 0 15px;

	float: left;

	overflow: hidden;

}



.Cooperatives ul li a {

	width: 170px;

	height: 100px;

	background: #fff;

	display: block;

	overflow: hidden;

}



.Cooperatives ul li a img {

	width: 100%;

	vertical-align: middle;

	display: inline-block;

	height: 100%;

	transition: all 0.5s ease 0s;

}



.Cooperatives ul li:hover img {

	transform: scale(1.1);

}



/*关于我们结束 */



/*这里是案例*/



.activitie {

	padding: 72px 0;

	background: #efefef;

}



.activitie .mtitle h1 {

	background: #efefef;

}



.activities {

	padding: 50px 0;

	overflow: hidden;

}



.activities ul li {

	background: #fff;

	margin-top: 18px;

	overflow: hidden;

}



.activities ul li .pic {

	width: 269px;

	float: left;

}



.activities ul li .pic a {

	display: block;

}



.activities ul li .pic a img {

	width: 100%;

	display: block;

}



.activities ul li .name {

	width: 931px;

	height: 223px;

	float: right;

}



.activities ul li .name a {

	padding: 30px;

	display: block;

}



.activities ul li .name a h1 {

	height: 28px;

	line-height: 28px;

	font-size: 16px;

	font-weight: bold;

	color: #292929;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.activities ul li .name a h6 {

	width: 114px;

	height: 34px;

	line-height: 34px;

	text-align: center;

	font-size: 14px;

	color: #616161;

	border: 1px solid #616161;

	margin-top: 15px;

	display: block;

}



.activities ul li .name a span {

	line-height: 36px;

	font-family: "Arial", sans-serif;

	font-size: 16px;

	color: #9d9d9d;

	display: block;

}



.activities ul li .name a p {

	height: 48px;

	line-height: 24px;

	font-size: 14px;

	color: #a7a7a7;

	text-align: justify;

	display: block;

	overflow: hidden;

}



.activities ul li:hover .name a h1 {

	color: #0b86e5;

}



.activitiesd {

	overflow: hidden;

}



.activitiesd .dtitle {

	position: relative;

	margin-bottom: 30px;

	border-bottom: 1px solid #c1c1c1;

}



.activitiesd .dtitle h1 {

	height: 44px;

	line-height: 44px;

	font-size: 24px;

	font-weight: bold;

	color: #000;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.wjup {

	width: 150px;

	height: 40px;

	line-height: 40px;

	border: 1px solid #dedede;

	text-align: center;

	display: block;

	position: absolute;

	right: 0px;

	top: 0px;

	background-color: #dedede;

}



.wjup:hover {

	background-color: #0b86e5;

	color: #fff;

}



.activitiesd .dtitle span {

	line-height: 24px;

	font-family: "Arial", sans-serif;

	font-size: 14px;

	color: #adadad;

	margin-bottom: 10px;

	display: block;

}



.activitiesd .demo {

	line-height: 30px;

	font-size: 14px;

	color: #fff;

}



.activitiesd .demo p {

	line-height: 30px;

	font-size: 14px;

	text-align: justify;

	display: block;

}



.activitiesd .demo img {

	width: auto;

	margin: 10px auto;

	display: block;

}



.products {

	padding: 56px 0 40px 0;

	overflow: hidden;

}



.products .hd {

	width: 100%;

	height: 42px;

	margin: 0 auto;

	text-align: center;

}



.products .hd ul li {

	width: 183px;

	height: 42px;

	margin: 0 10px;

	display: inline-block

}



.products .hd ul li a {

	line-height: 40px;

	text-align: center;

	font-size: 16px;

	color: #fff;

	border: 1px solid #fff;

	display: block;

}



.products .hd ul li a:hover, .products .hd ul li a.on {

	border: 1px solid #0b86e5;

	background: #0b86e5;

	display: block;

}



.products .bd {

	padding-top: 35px;

	overflow: hidden;

}



.products .bd ul li {

	width: 393px;

	height: 298px;

	margin: 10px 10px 0 0;

	float: left;

}



.products .bd ul li:nth-child(3n) {

	margin-right: 0;

}



.products .bd ul li a {

	position: relative;

	width: 393px;

	height: 298px;

	line-height: 298px;

	text-align: center;

	display: block;

	overflow: hidden;

}



.products .bd ul li a img {

	width: 100%;

	-webkit-transition: all 3s ease-out !important;

	-moz-transition: all 3s ease-out !important;

	-o-transition: all 3s ease-out !important;

	transition: all 3s ease-out !important;

	vertical-align: middle;

	display: inline-block;

}



.products .bd ul li a p {

	position: absolute;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1;

	width: 100%;

	height: 45px;

	line-height: 45px;

	text-align: center;

	font-size: 14px;

	color: #fff;

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

	display: block;

}



.products .bd ul li a:hover img {

	-webkit-transform: scale(1.04, 1.04);

	-moz-transform: scale(1.04, 1.04);

	-o-transform: scale(1.04, 1.04);

	-ms-transform: scale(1.04, 1.04);

	transform: scale(1.04, 1.04);

}



.pictypeimg {

	position: relative;

	width: 100%;

	height: 691px;

}



.thumbWrap {

	position: absolute;

	top: 0;

	left: 0;

	width: 103px;

	height: 603px;

	margin: 44px 0;

}



.thumbWrap .thumbCont {

	position: relative;

	width: 92px;

	height: 603px;

	overflow: hidden;

}



.thumbWrap ul li {

	width: 92px;

	text-align: center;

	padding-bottom: 10px;

	overflow: hidden;

}



.thumbWrap ul li div {

	position: relative;

	width: 90px;

	height: 90px;

	border: 1px solid #737373;

	background: #737373;

	vertical-align: middle;

	display: table-cell;

	cursor: pointer;

}



.thumbWrap ul li img {

	max-width: 90px;

	max-height: 90px;

	width: expression(this.width > 90 && this.width > this.height ? 90:true);

	height: expression(this.height > 90 ? 90:true);

	vertical-align: middle;

	overflow: hidden;

}



.thumbWrap ul li.cur div {

	border: 1px solid #0b86e5;

}



.thumbWrap ul li.cur div:after {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 0;

	width: 90px;

	height: 90px;

	background-color: rgba(250, 182, 0, 0.55);

	content: '';

}



.thumbPrev, .thumbNext {

	position: absolute;

	z-index: 9;

	width: 92px;

	height: 34px;

	text-align: center;

	background-color: #737373;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: auto 75%;

	display: block;

}



.thumbPrev {

	top: -44px;

	background-image: url(../images/arrow-up.svg);

}



.thumbNext {

	bottom: -44px;

	background-image: url(../images/arrow-bottom.svg);

}



.thumbPrev span, .thumbNext span {

	display: none;

}



.control {

	width: 1097px;

	height: 603px;

	margin: 44px 0;

	float: right;

}



.change li {

	width: 1097px;

	text-align: center;

	overflow: hidden;

}



.change li .imgwrapper {

	width: 1095px;

	height: 601px;

	border: 1px solid #737373;

	vertical-align: middle;

	display: table-cell;

	cursor: pointer;

}



.change li img {

	max-width: 1095px;

	max-height: 601px;

	width: expression(this.width > 1095 && this.width > this.height ? 601:true);

	height: expression(this.height >1095 ? 603:true);

	vertical-align: middle;

	overflow: hidden;

}



.change li .opacity {

	position: absolute;

	right: 1px;

	bottom: 1px;

	left: 1px;

	width: 1095px;

	height: 86px;

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

	display: block;

}



.change li .textDesc {

	position: absolute;

	right: 1px;

	bottom: 1px;

	left: 1px;

	width: 1095px;

	height: 86px;

	text-align: left;

	display: block;

	overflow: hidden;

}



.change li .title {

	width: 80px;

	height: 66px;

	padding: 12px 0 8px 15px;

	background: #0b86e5;

	float: left;

}



.change li .title p {

	line-height: 28px;

	font-family: "Arial", sans-serif;

	font-size: 30px;

	font-weight: 600;

	color: #2c2c2c;

	text-transform: uppercase;

	display: block;

}



.change li .title a {

	line-height: 38px;

	font-family: "Arial", sans-serif;

	font-size: 40px;

	font-weight: 600;

	color: #fff;

	display: block;

}



.change li .text {

	width: 975px;

	height: 68px;

	padding: 10px 0 8px 25px;

	float: left;

}



.change li .text p {

	line-height: 36px;

	font-size: 24px;

	font-weight: 600;

	color: #fff;

	margin-bottom: 4px;

	display: block;

}



.change li .text span {

	line-height: 28px;

	font-family: "Arial", sans-serif;

	font-size: 20px;

	color: #fff;

	text-transform: uppercase;

	display: block;

}



/*案例结束了*/



/*产品开始了*/



.comm-pro-block {

	width: 100%;

	/*	margin: 0 1%;*/

	padding: 30px 0;

}



.pro-block-items {

	box-sizing: border-box;

	padding: 0 0.8%;

	margin-bottom: 16px;

}



.pro-block-item {

	height: auto;

	border-bottom: 1px solid #fff;

	box-sizing: border-box;

	overflow: hidden;

	zoom: 1;

	box-shadow: 0 0 20px #ddd;

}



.pro-block-item dt {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 75%;
}



.pro-block-item dt img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;

}



.pro-block-item dd {

	height: 68px;

	overflow: hidden;

	padding: 20px 4% 0 4%;

	overflow: hidden;

	background: #FFF;

	zoom: 1;

}



.pbi-l {

	display: block;

	float: left;

	font-size: 14px;

	color: #4e4e4e;

	line-height: 48px;

	box-sizing: border-box;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

	width: 90%;

}



.pbi-r {

	width: 10%;

	height: 48px;

	line-height: 48px;

	float: right;

	padding: 15px 0;

	box-sizing: border-box;

}



.pbi-r img {

	display: none;

	float: right;

}



.pro-block-items:hover .pbi-r img {

	display: block;

}



.pro-block-items:hover .pbi-l {

	/*	border-right: 1px solid #d9d9d9; */

}



.pro-block-items:hover .pro-block-item {

	border-color: #ddd;

}



.item-hid {

	display: none;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .23);

	position: absolute;

	top: 0;

}



.pro-block-item .item-hid img {

	width: 67px;

	height: 67px;

	position: relative;

	top: 50%;

	left: 50%;

	margin: -33px 0 0 -33px;

}



.pro-block-items:hover .item-hid {

	display: block;

	animation: itemhid 0.5s linear both;

	-moz-animation: itemhid 0.5s linear both;

	-webkit-animation: itemhid 0.5s linear both;

}



@keyframes itemhid {

	from {

		top: 100%;

		opacity: 0;

	}

	to {

		top: 0;

		opacity: 1;

	}

}



@-webkit-keyframes itemhid {

	from {

		top: 100%;

		opacity: 0;

	}

	to {

		top: 0;

		opacity: 1;

	}

}



@-moz-keyframes itemhid {

	from {

		top: 100%;

		opacity: 0;

	}

	to {

		top: 0;

		opacity: 1;

	}

}



/*完了*/



/*æ–°é—»*/



.activity {

	padding: 40px 0;

	overflow: hidden;

}



.activity ul li {

	width: 588px;

	margin: 22px 24px 0 0;

	float: left;

	background: #fff;

}



.activity ul li .pic {

	width: 100%;

	height: 221px;

	overflow: hidden;

}



.activity ul li .pic a {

	display: block;

}



.activity ul li .pic a img {

	width: 100%;

	-webkit-transition: all 3s ease-out !important;

	-moz-transition: all 3s ease-out !important;

	-o-transition: all 3s ease-out !important;

	transition: all 3s ease-out !important;

	display: block;

}



.activity ul li .title {

	width: 100%;

	height: 214px;

	overflow: hidden;

}



.activity ul li .title a {

	padding: 24px;

	display: block;

}



.activity ul li .title a h1 {

	height: 28px;

	line-height: 28px;

	font-size: 16px;

	font-weight: bold;

	color: #424242;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin: 0px;

	padding: 0px;

}



.activity ul li .title a h6 {

	width: 114px;

	height: 34px;

	line-height: 34px;

	text-align: center;

	font-size: 14px;

	color: #616161;

	border: 1px solid #616161;

	margin-top: 15px;

	display: block;

}



.activity ul li .title a span {

	line-height: 18px;

	font-family: "Arial", sans-serif;

	font-size: 16px;

	color: #9d9d9d;

	margin: 10px 0;

	display: block;

}



.activity ul li .title a p {

	height: 48px;

	line-height: 24px;

	font-size: 14px;

	color: #a7a7a7;

	text-align: justify;

	display: block;

	overflow: hidden;

}



.activity ul li:nth-child(3) {

	margin-right: 0;

}



.activity ul li:nth-child(5) {

	margin-right: 0;

}



.activity ul li:first-child {

	width: 100%;

	margin-right: 0;

}



.activity ul li:first-child .pic {

	height: 452px;

}



.activity ul li:hover .pic a img {

	-webkit-transform: scale(1.04, 1.04);

	-moz-transform: scale(1.04, 1.04);

	-o-transform: scale(1.04, 1.04);

	-ms-transform: scale(1.04, 1.04);

	transform: scale(1.04, 1.04);

}



.activity ul li:hover .title a h1 {

	color: #0b86e5;

}



.i-row3 {

	padding: 60px 0;

}



.n-list li {

	float: left;

	width: 30.3333%;

	padding: 15px;

	box-shadow: 0 0 20px #ddd;

	margin: 1.5%;

}



.n-list {

	overflow: hidden;

	padding: 15px 0 50px 0;

}



.n-list li a {

	position: relative;

	display: block;

	background-color: #fff;

}



.n-list li * {

	-webkit-transition: .2s;

	width: 100%;

	transition: .2s;

    font-size: 14px;

}



.n-list li img {

	display: block;

	-webkit-transition: .2s;

	max-width: 100%;

	transition: .2s;

	max-height: 100%;

	margin: auto;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

} 



.n-list li a:hover {}



.n-list li a:hover * {}



.n-list h3 {

	font-size: 20px;

	line-height: 1.4;

	color: #111212;

	height: 40px;

	line-height: 40px;

	overflow: hidden;

}



.n-list .pad {

	display: block;

	padding: 20px 1.5% 10px 1.5%;

	background-color: #fff;

	position: relative;

	z-index: 1;

	font-size: 14px;

}



.n-list a:hover .pad {}



.n-list p {

	line-height: 1.8;

	color: #404040;

	height: 80px;

	overflow: hidden;

}



.n-list h4 {

	font-size: 12px;

	color: #aaa;

	margin-top: 16px;

	text-align: right;

}



.n-list .img {

	padding-top: 75%;

	display: block;

	-webkit-transition: .6s;

	transition: .6s;

	/* height: 200px; */

	/* width: 100%; */

	position: relative;

}



.n-list a {

	overflow: hidden;

}



.n-list a:hover em {

	display: block;

}



.n-list li a:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .8);

	z-index: 100;

	opacity: 0;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

	-webkit-transition: .3s;

	transition: .3s;

}



.n-list a:hover:after {

	opacity: 1;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

}



.mask-u {

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	-webkit-transition: .3s;

	transition: .3s;

	z-index: 200;

}



.n-list em {

	width: 100px;

	height: 100px;

	line-height: 100px;

	background-color: #fff;

	text-align: center;

	border: 0;

	cursor: pointer;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateY(-50%) translateX(-50%);

	-webkit-transform: translateY(-50%) translateX(-50%);

	text-align: center;

	border-radius: 50%;

	color: #000;

	z-index: 110;

	-webkit-transition: .3s;

	transition: .3s;

	display: none;

}



.mask-u::before, .mask-u::after {

	position: absolute;

	content: '';

	opacity: 0;

	transition: all 0.5s;

}



.mask-u::before {

	top: 20px;

	right: 20px;

	bottom: 20px;

	left: 20px;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	transform: scale(0, 1);

	-webkit-transform-origin: 0 0;

	transform-origin: 0 0;

}



.ul-tab {

	height: auto;

	background: #fff;

	position: relative;

	text-align: center;

	z-index: 5;

}



.ul-tab li {

	width: 22%;

	text-align: center;

	border: 1px solid #dedede;

	margin: 0 1.5% 20px 1.5%;

	display: inline-block;

	float: left;

	border-radius: 4px;

}



.ul-tab li a {

	display: block;

	line-height: 42px;

	font-size: 18px;

	color: #000;

}



.ul-tab li.hover a, .ul-tab li a:hover {

	color: #fff;

	background: #0b86e5;

}



.mask-u::after {

	top: 20px;

	right: 20px;

	bottom: 20px;

	left: 20px;

	border-right: 1px solid #ddd;

	border-left: 1px solid #ddd;

	transform: scale(1, 0);

	transform-origin: 100% 0;

}



.n-list a:hover .mask-u::before, .n-list a:hover .mask-u::after {

	opacity: 1;

	transform: scale(1);

	transition: all 1s;

}







.page {

	text-align: center;

	padding-top: 20px;

}



.page span {

	display: inline-block;

	/* height: 40px; */

	/* line-height: 40px; */

	width: auto;

	border: 1px solid #c3c3c3;

	margin: 3px 5px;

	text-align: center;

	color: #222220;

	font-family: "Microsoft Yahei";

	border-radius: 4px;

	-webkit-transition: .3s;

	padding: 5px 10px;

	transition: .3s;

	font-size: 14px;

}

.page a {

	display: inline-block;

	/* height: 40px; */

	/* line-height: 40px; */

	width: auto;

	border: 1px solid #c3c3c3;

	margin: 3px 5px;

	text-align: center;

	color: #222220;

	font-family: "Microsoft Yahei";

	border-radius: 4px;

	-webkit-transition: .3s;

	padding: 5px 10px;

	transition: .3s;

	font-size: 14px;

}



.page span.current, .page span:hover {

	background-color: #0b86e5;

	color: #fff;

	border-color: #0b86e5;

}





@media(max-width:750px) {

	.nybanner {

		margin-top: 0px;

	}

}

	@media (max-width:1400px) {

		.header {

			height: 72px;

		}

		.center {

			padding: 0 50px;

		}

		.logo {

			height: 72px;

		}

		.menu ul li {

			height: 72px;

		}

		.menu ul li a {

			padding: 0 20px;

			line-height: 72px;

		}

		.menu ul li ol {

			width: 160px;

		}

		.menu ul li ol li {

			height: 36px;

		}

		.menu ul li ol li a {

			line-height: 36px;

			padding: 0 15px;

		}

		#down {

			bottom: 30px;

			width: 40px;

			margin-left: -20px;

		}

		#prev {

			left: 30px;

		}

		#next {

			right: 30px;

		}

		.main {

			margin-top: 160px;

		}

		.main .hd h1 {

			line-height: 44px;

		}

		.main .hd h3 {

			line-height: 34px;

		}

		.good {

			margin-top: 80px;

			overflow: hidden;

		}

		.brand {

			width: 76%;

			margin: 0 auto;

			overflow: hidden;

		}

		.Member {

			margin-top: 30px;

			overflow: hidden;

		}

		.Partner {

			margin-top: 50px;

		}

		.ibanner {

			margin-top: 72px;

		}

		.bpage {

			bottom: 14%;

		}

	}

	@media (max-width:1220px) {

		.header {

			height: 64px;

		}

		.center {

			padding: 0 25px;

		}

		.logo {

			height: 64px;

			background-size: auto 50%;

		}

		.menu ul li {

			height: 64px;

		}

		.menu ul li a {

			line-height: 64px;

			font-size: 14px;

		}

		.menu ul li ol {

			width: 150px;

		}

		.menu ul li ol li {

			height: 33px;

		}

		.menu ul li ol li a {

			line-height: 33px;

			font-size: 12px;

		}

		#prev {

			left: 20px;

			width: 32px;

			height: 32px;

		}

		#next {

			right: 20px;

			width: 32px;

			height: 32px;

		}

		.main {

			width: 1000px;

			margin: 150px auto 0 -500px;

		}

		.main .hd h1 {

			line-height: 42px;

			font-size: 26px;

		}

		.main .hd h3 {

			line-height: 30px;

			font-size: 12px;

		}

		.good {

			margin-top: 100px;

		}

		.good ul li {

			width: 235px;

			height: auto;

			margin-right: 20px;

		}

		.good ul li .pic {

			width: 235px;

			height: 235px;

		}

		.good ul li .title {

			width: 130px;

			height: 34px;

		}

		.good ul li .title a {

			line-height: 32px;

			font-size: 14px;

		}

		.brand {

			width: 84%;

		}

		.Member {

			margin-top: 20px;

		}

		.Member .newname ul li {

			height: auto;

		}

		.Member .newname ul li a {

			padding: 10px 20px;

		}

		.Member .newname ul li a h1 {

			font-size: 16px;

		}

		.Member .newname ul li a span {

			line-height: 20px;

		}

		.Member .newname ul li a p {

			font-size: 12px;

		}

		.Member .newimg a span {

			padding: 20px;

		}

		.Member .newimg a span h1 {

			height: 30px;

			line-height: 30px;

			font-size: 16px;

		}

		.Member .newimg a span p {

			font-size: 12px;

		}

		.Member .newimg a span h6 {

			height: 30px;

			line-height: 30px;

			font-size: 12px;

		}

		.Partner {

			width: 1000px;

			margin: 40px 0 0 0;

		}

		.Partner .md {

			right: 0;

		}

		.Partner .bd {

			width: 904px;

		}

		.contact {

			width: 1000px;

			margin-top: 40px;

		}

		.contact .manner .ld {

			width: 470px;

		}

		.contact .manner .md {

			width: 340px;

		}

		.contact .manner .rd {

			width: 190px;

		}

		.contact .manner a {

			width: 188px;

		}

		.contact .share {

			height: 87px;

		}

		.contact .share ul li {

			width: 332px;

			height: 87px;

		}

		.contact .share ul li a {

			margin: 19px auto 18px auto;

		}

		.ibanner {

			margin-top: 64px;

		}

		.content {

			width: 1000px;

			padding: 0 1%;

		}

		.mtitle {

			width: 212px;

			height: 72px;

		}

		.mtitle:after {

			top: 20px;

			width: 210px;

			height: 50px;

		}

		.mtitle h1 {

			width: 150px;

			line-height: 34px;

			font-size: 24px;

		}

		.mtitle h2 {

			line-height: 22px;

			letter-spacing: -1px;

		}

		.us {

			padding: 52px 0;

		}

		.brands {

			margin-top: 10px;

		}

		.bsname {

			padding: 84px 20px 50px 30px;

		}

		.bsname h1 {

			height: 60px;

			line-height: 60px;

			padding-left: 20px;

			font-size: 40px;

			margin: 0px;

		}

		.bsname h1:before {

			width: 35px;

			height: 60px;

		}

		.bsname h2 {

			line-height: 40px;

			font-size: 20px;

			margin: 10px 0;

		}

		.bsname p {

			font-size: 14px;

		}

		.bsnames {

			margin-top: 10px;

			padding: 64px 0 30px 30px;

		}

		.bsnames .bsld:after {

			top: -64px;

			padding-top: 24px;

		}

		.bsnames .bsld p {

			font-size: 14px;

		}

		.bsnames .bsrd {}

		.bsnames .bsrd p {

			line-height: 2;

			font-size: 14px;

		}

		.bsing {

			margin-top: 10px;

		}

		.bsings {

			margin-top: 10px;

		}

		.bsings .bild {

			width: 240px;

			height: 212px;

			overflow: hidden;

		}

		.bsings .bird {

			width: 180px;

			height: 182px;

			padding: 30px 30px 0 30px;

			margin-left: 10px;

		}

		.bsings .bird h1 {

			line-height: 30px;

			font-size: 16px;

		}

		.bsings .bird p {

			line-height: 26px;

			font-size: 12px;

		}

		.history {

			padding: 44px 0;

			overflow: hidden;

		}

		.historys {

			margin-top: 30px;

		}

		.historys img {

			position: relative;

			left: -100px;

			width: 1280px;

		}

		.bgood {

			padding: 50px 0;

		}

		.bgoods {

			margin-top: 44px;

			overflow: hidden;

		}

		.bgoods ul li {

			width: 250px;

			height: auto;

		}

		.Cooperative {

			padding: 44px 0;

		}

		.Cooperatives {

			margin-top: 20px;

			overflow: hidden;

		}

		.Cooperatives ul li {

			width: 184px;

			height: auto;

			margin: 20px 20px 0 0;

		}

		.Cooperatives ul li a {

			width: 184px;

			height: auto;

			line-height: inherit;

		}

		.botter {

			height: 40px;

		}

		.fshare {

			height: 40px;

		}

		.fshare a {

			height: 20px;

			margin-right: 10px;

		}

		.fshare a img {

			height: 20px;

		}

		.fnav {

			width: 574px;

			height: 40px;

			margin-left: -287px;

		}

		.fnav a {

			line-height: 20px;

			padding: 10px 15px;

			font-size: 14px;

		}

		.gotop {

			width: 40px;

			height: 40px;

		}

		.copyright p {

			line-height: 20px;

		}

		.activitie {

			padding: 52px 0;

		}

		.activities {

			padding: 30px 0;

		}

		.activities ul li {

			margin-top: 15px;

		}

		.activities ul li .name {

			width: 731px;

		}

		.activitiesd .dtitle {

			margin-bottom: 20px;

		}

		.activitiesd .dtitle h1 {

			height: 40px;

			line-height: 40px;

			font-size: 20px;

		}

		.activitiesd .dtitle span {

			line-height: 2;

		}

		.activitiesd .demo {

			line-height: 28px;

		}

		.activitiesd .demo p {

			line-height: 28px;

		}

		.seek {

			padding: 80px 0 10px 0;

		}

		.seek ul li {

			width: 332px;

			height: 250px;

		}

		.seek ul li div {

			width: 280px;

		}

		.seek ul li div i {

			height: 80px;

			background-size: auto 50px;

			border-bottom-width: 5px;

		}

		.seek ul li div h3 {

			line-height: 28px;

			font-size: 16px;

			margin-bottom: 5px;

		}

		.seek ul li div p {

			line-height: 26px;

			font-size: 12px;

		}

		.concept {

			margin-top: 52px;

		}

		.concept .cepting {

			width: 400px;

		}

		.concept .ceptname {

			width: 580px;

		}

		.concept .ceptname h1 {

			height: 31px;

			font-size: 18px;

			margin-bottom: 5px;

		}

		.concept .ceptname p {

			font-size: 12px;

		}

		.concept .ceptname div {

			padding: 5px 10px;

		}

		.concept .ceptname div h2 {

			line-height: 26px;

			font-size: 14px;

		}

		.concept .ceptname div h6 {

			line-height: 22px;

			font-size: 12px;

		}

		.recruit {

			padding: 20px 0;

		}

		.recruit ul li {

			height: 41px;

		}

		.recruit ul li a span {

			line-height: 40px;

		}

		.recruit ul li a p {

			line-height: 40px;

		}

		.products {

			padding: 36px 0 20px 0;

		}

		.products .hd {

			height: 36px;

		}

		.products .hd ul li {

			width: 150px;

			height: 36px;

			margin: 0 5px;

		}

		.products .hd ul li a {

			line-height: 34px;

			font-size: 14px;

		}

		.products .bd {

			padding: 15px 0;

		}

		.products .bd ul li {

			width: 326px;

			height: 246px;

		}

		.products .bd ul li a {

			width: 326px;

			height: 246px;

			line-height: 246px;

		}

		.products .bd ul li a p {

			height: 36px;

			line-height: 36px;

		}

		.activity {

			padding: 20px 0;

		}

		.activity ul li {

			width: 490px;

			margin: 20px 20px 0 0;

		}

		.activity ul li .pic {

			height: 184px;

		}

		.activity ul li:first-child .pic {

			height: 376px;

		}

		.activity ul li .title {

			height: 188px;

		}

		.activity ul li .title a {

			padding: 20px;

		}

		.activity ul li .title a h1 {

			height: 30px;

			line-height: 30px;

			font-size: 14px;

		}

		.activity ul li .title a span {

			font-size: 14px;

			margin: 5px 0;

		}

		.activity ul li .title a p {

			font-size: 12px;

		}

		.activity ul li .title a h6 {

			width: 120px;

			height: 30px;

			line-height: 30px;

			font-size: 12px;

			margin-top: 10px;

		}

		.plan {

			margin-top: 38px;

		}

		.planing {

			margin: 36px auto 20px auto;

		}

		.planame {

			height: 360px;

			margin: 0 auto 30px auto;

		}

		.planame ul li {

			height: 360px;

			width: 329px;

		}

		.planame ul li h1 {

			padding-left: 20px;

			line-height: 50px;

			font-size: 30px;

		}

		.planame ul li p {

			padding-left: 20px;

			line-height: 28px;

		}

		.planUse {

			height: 60px;

		}

		.planUse span {

			width: 140px;

			height: 60px;

			line-height: 60px;

			font-size: 18px;

		}

		.planUse p {

			height: 60px;

			line-height: 60px;

		}

		.shopadd {

			height: 514px;

			margin-top: 22px;

		}

		.shopadd img {

			width: 545px;

		}

		.shopadd .hd ul li.smap1 {

			top: 215px;

			left: 372px;

		}

		.shopadd .hd ul li.smap2 {

			top: 220px;

			left: 442px;

		}

		.shopadd .hd ul li.smap3 {

			top: 250px;

			left: 420px;

		}

		.shopadd .hd ul li.smap4 {

			top: 320px;

			left: 412px;

		}

		.shopadd .hd ul li.smap5 {

			top: 385px;

			left: 320px;

		}

		.shopadd .hd ul li.smap6 {

			top: 200px;

			left: 410px;

		}

		.shopadd .hd ul li.smap7 {

			top: 280px;

			left: 200px;

		}

		.shopadd .hd ul li.smap8 {

			top: 250px;

			left: 330px;

		}

		.shopadd .hd ul li.smap9 {

			top: 325px;

			left: 345px;

		}

		.shopadd .hd ul li.smap10 {

			top: 255px;

			left: 150px;

		}

		.shopadd .hd ul li.smap11 {

			top: 65px;

			left: 355px;

		}

		.shopadd .hd ul li.smap12 {

			top: 90px;

			left: 355px;

		}

		.shopadd .hd ul li.smap13 {

			top: 95px;

			left: 320px;

		}

		.shopadd .hd ul li.smap14 {

			top: 130px;

			left: 400px;

		}

		.shopadd .hd ul li.smap15 {

			top: 390px;

			left: 340px;

		}

		.shopadd .bd {

			top: 20px;

			width: 400px;

			height: 474px;

		}

		.shopadd .bd .slideBox span {

			margin: 10px 0 0 0;

			padding-left: 40px;

			font-size: 18px;

			background-position: 15px center;

		}

		.shopadd .bd .slideBox ul li {

			padding: 10px 40px;

		}

		.shopadd .bd .slideBox ul li p {

			font-size: 12px;

		}

		.store {

			padding-top: 20px;

		}

		.pictypeimg {

			height: 582px;

		}

		.thumbWrap {

			width: 103px;

			height: 494px;

			margin: 44px 0;

		}

		.thumbWrap .thumbCont {

			width: 92px;

			height: 494px;

		}

		.thumbWrap ul li {

			width: 92px;

			padding-bottom: 10px;

		}

		.thumbWrap ul li div {

			width: 90px;

			height: 90px;

		}

		.thumbWrap ul li img {

			max-width: 90px;

			max-height: 90px;

			width: expression(this.width > 90 && this.width > this.height ? 90:true);

			height: expression(this.height > 90 ? 90:true);

		}

		.thumbWrap ul li.cur div:after {

			width: 90px;

			height: 90px;

		}

		.thumbPrev, .thumbNext {

			width: 92px;

			height: 34px;

		}

		.thumbPrev {

			top: -44px;

		}

		.thumbNext {

			bottom: -44px;

		}

		.control {

			width: 897px;

			height: 494px;

			margin: 44px 0;

		}

		.change li {

			width: 897px;

		}

		.change li .imgwrapper {

			width: 895px;

			height: 492px;

		}

		.change li img {

			max-width: 895px;

			max-height: 492px;

			width: expression(this.width > 895 && this.width > this.height ? 492:true);

			height: expression(this.height >895 ? 492:true);

		}

		.change li .opacity {

			width: 895px;

			height: 86px;

		}

		.change li .textDesc {

			width: 895px;

			height: 86px;

		}

		.change li .title {

			width: 80px;

			height: 66px;

			padding: 12px 0 8px 15px;

		}

		.change li .title p {

			line-height: 28px;

			font-size: 24px;

		}

		.change li .title a {

			line-height: 38px;

			font-size: 32px;

		}

		.change li .text {

			width: 775px;

			height: 68px;

			padding: 10px 0 8px 25px;

		}

		.change li .text p {

			line-height: 36px;

			font-size: 20px;

			margin-bottom: 4px;

		}

		.change li .text span {

			line-height: 28px;

			font-size: 16px;

		}

		.bpage {

			bottom: 10%;

		}

	}

	@media (max-width:999px) {

		.section1 {

			background: url(../images/pagewap1.jpg) 50%;

		}

		.header {

			height: 60px;

		}

		.center {

			padding: 0 14px;

		}

		.logo {

			width: 132px;

			height: 60px;

			background-size: auto 30px;

		}

		.menu ul li {

			height: 60px;

		}

		.menu ul li a {

			line-height: 60px;

			padding: 0 15px;

		}

		.menu ul li ol {

			width: 130px;

		}

		.menu ul li ol li {

			height: 31px;

		}

		.menu ul li ol li a {

			line-height: 31px;

		}

		.page1 {

			background-size: auto 100%;

		}

		.page2 {

			background-size: auto 100%;

		}

		.page3 {

			background-size: auto 100%;

		}

		.page4 {

			background-size: auto 100%;

		}

		#prev, #next {

			width: 30px;

			height: 30px;

		}

		.main {

			top: 50%;

			width: 640px;

			margin: 0 auto 0 -320px;

		}

		.main .hd h1 {

			font-size: 24px;

		}

		.section2 .main {

			margin-top: -346px;

		}

		.good {

			margin-top: 50px;

		}

		.good ul li {

			width: 240px;

			height: auto;

			margin: 0 40px 20px 40px;

		}

		.good ul li .pic {

			width: 240px;

			height: 240px;

		}

		.section3 .main {

			margin-top: -322px;

		}

		.brand {

			width: 100%;

		}

		.brand img {

			width: 100%;

			display: none;

		}

		.brand a {

			width: 100%;

		}

		.brand a img {

			display: block;

		}

		.section4 .main {

			margin-top: -398px;

		}

		.half {

			width: 100%;

		}

		.Member {

			margin-top: 0;

		}

		.Member .newname {

			margin: 0;

		}

		.Member .newname ul li a {

			padding: 10px;

		}

		.Member .newimg {

			margin-left: 0;

		}

		.Member .newimg a span {

			height: auto;

			padding: 10px;

		}

		.Member .newimg a span h1 {

			height: 30px;

			line-height: 30px;

			font-size: 16px;

		}

		.Member .newimg a span p {

			font-size: 12px;

		}

		.Member .newimg a span h6 {

			height: 30px;

			line-height: 30px;

			font-size: 12px;

		}

		.section5 .main {

			margin-top: -393px;

		}

		.Partner {

			width: 640px;

			margin: 0;

		}

		.Partner .md {

			top: 50%;

			right: 0;

			margin-top: -59px;

		}

		.Partner .bd {

			width: 500px;

		}

		.Partner .bd ul li {

			height: 386px;

		}

		.Partner .bd ul li div {

			width: 230px;

			height: 173px;

			margin: 10px;

		}

		.Partner .bd ul li div a {

			width: 230px;

			height: 173px;

			line-height: 173px;

		}

		.section6 .main {

			margin-top: -210px;

		}

		.contact {

			width: 640px;

			margin-top: 30px;

		}

		.contact .manner {

			position: relative;

			height: auto;

			margin: 30px 0;

			overflow: hidden;

		}

		.contact .manner .ld {

			width: 440px;

		}

		.contact .manner .md {

			width: 440px;

		}

		.contact .manner .rd {

			position: absolute;

			bottom: 0;

			right: 0;

			width: 180px;

		}

		.contact .manner a {

			width: 178px;

		}

		.contact .share {

			height: 81px;

		}

		.contact .share ul li {

			width: 212px;

			height: 81px;

		}

		.contact .share ul li:last-child {

			width: 212px;

		}

		.contact .share ul li a {

			margin: 16px auto 15px auto;

		}

		.contact .share ul li a span {

			float: right;

		}

		.ibanner {

			margin-top: 60px;

		}

		.content {

			width: 720px;

		}

		.mtitle {

			height: 60px;

		}

		.mtitle:after {

			height: 38px;

		}

		.mtitle h1 {

			line-height: 30px;

			font-size: 20px;

		}

		.mtitle h2 {

			line-height: 20px;

		}

		.us {

			padding: 32px 0;

		}

		.brands {

			margin-top: 5px;

			overflow: hidden;

		}

		.bname {

			margin-right: 0;

		}

		.bsname {

			padding: 40px 25px;

		}

		.bsname h1 {

			height: 50px;

			line-height: 50px;

			font-size: 36px;

		}

		.bsname h1:before {

			width: 32px;

			height: 50px;

		}

		.bsname h2 {

			line-height: 30px;

			font-size: 18px;

		}

		.bsnames {

			padding: 50px 25px 20px 25px;

		}

		.bsnames .bsld:after {

			top: -50px;

			padding-top: 10px;

		}

		.bsnames .bsrd {}

		.bing {

			margin-left: 0;

		}

		.bsings .bild {

			width: 252px;

			height: auto;

		}

		.bsings .bird {

			width: 398px;

			height: 193px;

		}

		.history {

			padding: 24px 0;

		}

		.historys {

			margin-top: 20px;

		}

		.historys img {

			width: 1000px;

		}

		.bgood {

			padding: 30px 0;

		}

		.bgoods {

			margin-top: 24px;

		}

		.bgoods ul li {

			width: 180px;

		}

		.Cooperative {

			padding: 24px 0;

		}

		.Cooperatives {

			margin-top: 10px;

		}

		.Cooperatives ul li {

			width: 136px;

			margin: 10px 10px 0 0;

		}

		.Cooperatives ul li a {

			width: 136px;

		}

		.botter {

			height: 32px;

		}

		.fshare {

			height: 32px;

		}

		.fshare a {

			margin: 6px 10px 6px 0;

		}

		.fnav {

			width: 446px;

			height: 32px;

			margin-left: -223px;

		}

		.fnav a {

			line-height: 20px;

			padding: 6px 10px;

			font-size: 12px;

		}

		.gotop {

			width: 32px;

			height: 32px;

		}

		.activitie {

			padding: 32px 0;

		}

		.activities {

			padding: 10px 0 25px 0;

		}

		.activities ul li {

			height: 198px;

			overflow: hidden;

		}

		.activities ul li .pic {

			width: 240px;

		}

		.activities ul li .name {

			width: 480px;

			height: 198px;

		}

		.activities ul li .name a {

			padding: 25px;

		}

		.activities ul li .name a h1 {

			height: 30px;

			line-height: 30px;

			font-size: 14px;

		}

		.activities ul li .name a h6 {

			width: 120px;

			height: 28px;

			line-height: 28px;

			font-size: 12px;

			margin-top: 10px;

		}

		.activities ul li .name a span {

			line-height: 30px;

			font-size: 14px;

		}

		.activities ul li .name a p {

			font-size: 12px;

		}

		.pager span, .pager a {

			padding: 0 2px;

			margin: 0 2px;

			font-size: 12px;

		}

		.activitiesd .dtitle {

			margin-bottom: 10px;

		}

		.activitiesd .dtitle h1 {

			height: 32px;

			line-height: 32px;

			font-size: 18px;

		}

		.activitiesd .dtitle span {

			font-size: 12px;

		}

		.activitiesd .demo {

			line-height: 26px;

			font-size: 12px;

		}

		.activitiesd .demo p {

			line-height: 26px;

			font-size: 12px;

		}

		.activitiesd .demo img {

			width: 100%;

			margin: 5px auto;

		}

		.seek {

			padding: 50px 0 0 0;

		}

		.seek ul li {

			width: 239px;

			height: 220px;

		}

		.seek ul li div {

			width: 210px;

		}

		.seek ul li div i {

			height: 70px;

			background-size: auto 40px;

			border-bottom-width: 4px;

		}

		.seek ul li div h3 {

			line-height: 26px;

			font-size: 14px;

			margin-bottom: 0;

		}

		.seek ul li div p {

			line-height: 24px;

		}

		.concept {

			margin-top: 32px;

		}

		.concept .cepting {

			width: 300px;

		}

		.concept .ceptname {

			width: 410px;

		}

		.concept .ceptname h1 {

			height: 30px;

			font-size: 16px;

		}

		.recruit {

			padding: 10px 0;

		}

		.recruit ul li {

			height: 37px;

		}

		.recruit ul li a span {

			width: 84px;

			line-height: 36px;

			font-size: 12px;

		}

		.recruit ul li a p {

			line-height: 36px;

			font-size: 12px;

		}

		.products {

			padding: 16px 0 0 0;

		}

		.products .hd {

			height: 32px;

		}

		.products .hd ul li {

			width: 120px;

			height: 32px;

			margin: 0 5px;

		}

		.products .hd ul li a {

			line-height: 30px;

			font-size: 12px;

		}

		.products .bd {

			padding: 5px 0 15px 0;

		}

		.products .bd ul li {

			width: 233px;

			height: 176px;

		}

		.products .bd ul li a {

			width: 233px;

			height: 176px;

			line-height: 176px;

		}

		.products .bd ul li a p {

			height: 32px;

			line-height: 32px;

			font-size: 12px;

		}

		.activity {

			padding: 10px 0 20px 0;

		}

		.activity ul li {

			width: 355px;

			margin: 10px 10px 0 0;

		}

		.activity ul li .pic {

			height: 133px;

		}

		.activity ul li:first-child .pic {

			height: 270px;

		}

		.activity ul li .title {

			height: 176px;

		}

		.activity ul li .title a {

			padding: 15px;

		}

		.activity ul li .title a h6 {

			height: 28px;

			line-height: 28px;

		}

		.plan {

			margin-top: 18px;

		}

		.planing {

			margin: 16px auto 10px auto;

		}

		.planame {

			width: 100%;

			height: 400px;

			margin: 0 auto 20px auto;

		}

		.planame ul li {

			width: 33%;

			height: 400px;

		}

		.planame ul li h1 {

			padding-left: 20px;

			line-height: 36px;

			font-size: 20px;

		}

		.planame ul li p {

			padding-left: 20px;

			line-height: 28px;

			font-size: 12px;

		}

		.planUse {

			height: 50px;

		}

		.planUse span {

			width: 120px;

			height: 50px;

			line-height: 50px;

			font-size: 16px;

		}

		.planUse p {

			height: 50px;

			line-height: 50px;

			padding-left: 20px;

			font-size: 12px;

		}

		.shopadd {

			height: 372px;

			margin-top: 10px;

		}

		.shopadd img {

			width: 393px;

		}

		.shopadd .hd ul li.smap1 {

			top: 150px;

			left: 265px;

		}

		.shopadd .hd ul li.smap2 {

			top: 155px;

			left: 317px;

		}

		.shopadd .hd ul li.smap3 {

			top: 180px;

			left: 295px;

		}

		.shopadd .hd ul li.smap4 {

			top: 227px;

			left: 295px;

		}

		.shopadd .hd ul li.smap5 {

			top: 270px;

			left: 230px;

		}

		.shopadd .hd ul li.smap6 {

			top: 135px;

			left: 295px;

		}

		.shopadd .hd ul li.smap7 {

			top: 195px;

			left: 140px;

		}

		.shopadd .hd ul li.smap8 {

			top: 180px;

			left: 235px;

		}

		.shopadd .hd ul li.smap9 {

			top: 230px;

			left: 245px;

		}

		.shopadd .hd ul li.smap10 {

			top: 175px;

			left: 110px;

		}

		.shopadd .hd ul li.smap11 {

			top: 35px;

			left: 250px;

		}

		.shopadd .hd ul li.smap12 {

			top: 55px;

			left: 255px;

		}

		.shopadd .hd ul li.smap13 {

			top: 60px;

			left: 230px;

		}

		.shopadd .hd ul li.smap14 {

			top: 95px;

			left: 280px;

		}

		.shopadd .hd ul li.smap15 {

			top: 276px;

			left: 245px;

		}

		.shopadd .bd {

			top: 11px;

			width: 300px;

			height: 350px;

		}

		.shopadd .bd .slideBox span {

			margin: 10px 0 0 0;

			padding-left: 30px;

			line-height: 26px;

			font-size: 14px;

			background-position: 10px center;

		}

		.shopadd .bd .slideBox ul li {

			padding: 10px;

		}

		.shopadd .bd .slideBox ul li p {

			line-height: 20px;

		}

		.store {

			padding-top: 10px;

		}

		.pictypeimg {

			height: 429px;

		}

		.thumbWrap {

			width: 100px;

			height: 341px;

			margin: 44px 0;

		}

		.thumbWrap .thumbCont {

			width: 92px;

			height: 341px;

		}

		.thumbWrap ul li {

			width: 92px;

			padding-bottom: 10px;

		}

		.thumbWrap ul li div {

			width: 90px;

			height: 90px;

		}

		.thumbWrap ul li img {

			max-width: 90px;

			max-height: 90px;

			width: expression(this.width > 90 && this.width > this.height ? 90:true);

			height: expression(this.height > 90 ? 90:true);

		}

		.thumbWrap ul li.cur div:after {

			width: 90px;

			height: 90px;

		}

		.thumbPrev, .thumbNext {

			width: 92px;

			height: 34px;

		}

		.thumbPrev {

			top: -44px;

		}

		.thumbNext {

			bottom: -44px;

		}

		.control {

			width: 620px;

			height: 341px;

			margin: 44px 0;

		}

		.change li {

			width: 620px;

		}

		.change li .imgwrapper {

			width: 618px;

			height: 339px;

		}

		.change li img {

			max-width: 618px;

			max-height: 339px;

			width: expression(this.width > 618 && this.width > this.height ? 339:true);

			height: expression(this.height >618 ? 339:true);

		}

		.change li .opacity {

			width: 618px;

			height: 64px;

		}

		.change li .textDesc {

			width: 618px;

			height: 64px;

		}

		.change li .title {

			width: 55px;

			height: 44px;

			padding: 10px 0 10px 15px;

		}

		.change li .title p {

			line-height: 20px;

			font-size: 20px;

		}

		.change li .title a {

			line-height: 24px;

			font-size: 24px;

		}

		.change li .text {

			width: 533px;

			height: 44px;

			padding: 10px 0 10px 15px;

		}

		.change li .text p {

			line-height: 24px;

			font-size: 16px;

			margin-bottom: 0;

		}

		.change li .text span {

			line-height: 20px;

			font-size: 14px;

		}

		.bpage {

			bottom: 15%;

		}

	}

	.dl-menuwrapper {

		display: none;

	}

	@media (max-width:750px) {

		.center {

			padding: 0 10px;

		}

		.main {

			top: 50%;

			width: 100%;

			margin: 0 auto 0 -50%;

		}

		.main .hd h1 {

			line-height: 32px;

			font-size: 20px;

		}

		.main .hd h3 {

			line-height: 26px;

		}

		.good {

			width: 300px;

			margin: 30px auto 0 auto;

		}

		.good ul li {

			width: 145px;

			height: auto;

			margin: 0 10px 10px 0;

		}

		.good ul li:nth-child(2n) {

			margin-right: 0;

		}

		.good ul li .pic {

			width: 145px;

			height: 145px;

		}

		.good ul li .pic a {

			border: 2px solid #fff;

		}

		.good ul li .pic a:after {

			right: 0;

			width: 90px;

			height: 25px;

			margin-top: -12px;

			background-size: auto 400%;

		}

		.good ul li .pic a.Trend2:after {

			background-position: 0 -25px;

		}

		.good ul li .pic a.Trend3:after {

			background-position: 0 -50px;

		}

		.good ul li .pic a.Trend4:after {

			background-position: 0 -75px;

		}

		.good ul li .title {

			width: 120px;

			height: 30px;

			margin-top: 10px;

		}

		.good ul li .title a {

			line-height: 28px;

			font-size: 12px;

		}

		.brand a {

			width: 90%;

			margin: 0 auto;

		}

		.content {

			width: 100%;

			margin: 0 auto;

		}

		.mtitle {

			width: 202px;

			height: 50px;

		}

		.mtitle:after {

			width: 200px;

			height: 28px;

		}

		.mtitle h1 {

			width: 128px;

			line-height: 26px;

			font-size: 18px;

		}

		.us {

			padding: 20px 0;

			line-height: 30px;

			margin-top: 20px;

		}

		.us img {

			width: 100%;

		}

		.brands {

			margin-top: 0;

		}

		.bsname {

			padding: 20px 15px;

		}

		.bsname h1 {

			height: 40px;

			line-height: 40px;

			font-size: 32px;

		}

		.bsname h1:before {

			width: 30px;

			height: 40px;

		}

		.bsname h2 {

			line-height: 28px;

			font-size: 16px;

			margin-bottom: 5px;

		}

		.bsnames {

			padding: 20px 15px 20px 15px;

		}

		.bsings .bild {

			width: 100%;

			float: none;

		}

		.bsings .bird {

			width: auto;

			height: auto;

			padding: 20px 15px;

			float: none;

			margin: 10px 0 0 0;

		}

		.history {

			padding: 20px 0;

		}

		.historys {

			margin-top: 10px;

		}

		.historys img {

			left: 0;

			width: 100%;

		}

		.bgood {

			padding: 20px 0;

		}

		.bgoods {

			margin-top: 10px;

		}

		.bgoods ul li {

			width: 46%;

			margin: 0 2% 20px 2%;

		}

		.Cooperative {

			padding: 20px 0;

		}

		.Cooperatives {

			margin: 1% -1% 0 -1%;

		}

		.Cooperatives ul li {

			width: 48%;

			margin: 1%;

		}

		.Cooperatives ul li:nth-child(5n) {

			margin: 1%;

		}

		.Cooperatives ul li a {

			width: 100%;

		}

		.activitie {

			padding: 60px 0;

		}

		.activities {

			padding: 5px 0 15px 0;

		}

		.activities ul li {

			height: auto;

			margin-top: 10px;

		}

		.activities ul li .pic {

			width: 100%;

			float: none;

		}

		.activities ul li .name {

			width: 100%;

			height: auto;

			float: none;

		}

		.activities ul li .name a {

			padding: 15px;

		}

		.activitiesd .dtitle {

			margin-bottom: 5px;

		}

		.activitiesd .dtitle h1 {

			height: 30px;

			line-height: 30px;

			font-size: 16px;

		}

		.activitiesd .dtitle span {

			margin-bottom: 5px;

		}

		.products {

			padding: 10px 0 0 0;

		}

		.products .hd {

			width: 100%;

			height: 60px;

		}

		.products .hd ul li {

			width: 50%;

			height: 30px;

			margin: 0;

			float: left;

			display: block;

		}

		.products .hd ul li a {

			line-height: 28px;

		}

		.products .bd {

			padding: 0 0 15px 0;

			margin: 2% -1% 0 -1%;

		}

		.products .bd ul li {

			width: 48%;

			height: auto;

			margin: 1%;

		}

		.products .bd ul li:nth-child(3n) {

			margin: 1%;

		}

		.products .bd ul li a {

			width: 100%;

			height: auto;

			line-height: inherit;

		}

		.products .bd ul li a p {

			height: 32px;

			line-height: 32px;

			font-size: 12px;

		}

		.activity {

			padding: 5px 0 10px 0;

		}

		.activity ul li {

			width: 100%;

			margin: 10px 0 0 0;

		}

		.activity ul li .pic {

			height: 140px;

		}

		.activity ul li:first-child .pic {

			height: 140px;

		}

		.bsnames .bsld:after {

			height: 50px;

		}

		.bpage {

			bottom: 20%;

			left: 50%;

			width: 280px;

			height: 86px;

			margin-left: -140px;

		}

		.bpage ul li {

			width: 140px;

			height: 43px;

		}

		.bpage ul li a {

			width: 140px;

			height: 43px;

			background-size: auto 33px;

		}

		.n-list li {

			width: 46%;

			margin-left: 2%;

			margin-right: 2%;

		}

		.ul-tab li {

			width: 47%;

		}

		.ul-tab li a {

			line-height: 33px;

			font-size: 13px;

		}

		.ul-tab {

			height: auto;

			/* margin-top: -90px; */

		}

		.n-list h3 {

			font-size: 16px;

			margin-bottom: 0;

		}

		.page {

			padding-bottom: 20px;

		}

		.page a {

			/* width: 30px; */

			/* height: 30px; */

			/* line-height: 30px; */

			font-size: 12px;

			margin: 0 5px;

			padding: 3px 5px;

		}

		.purchase .plan .w50 {

			width: 100%;

			height: 408px;

		}

		.purchase .plan .box .table .hbox {

			padding-bottom: 8px;

		}

		.purchase .plan .w50 .box1, .purchase .plan .w50 .box2 {

			width: 300px;

			left: 50%;

			right: 50%;

			margin-right: -150px;

			margin-left: -150px;

		}

		.purchase .plan .box table input.pt {

			width: 220px;

		}

		.purchase .four {

			padding-top: 0px;

		}

		.purchase .four .tit {

			display: none;

		}

		.purchase .four .ul {

			display: none;

		}

		.purchase .four .ul li {

			width: 100%;

		}

		.purchase .four .ul2 li img {

			margin-bottom: 10px;

		}

		.purchase .four .ul3 {

			margin-top: 30px;

			margin-bottom: 30px;

		}

		.purchase .four .ul li .box .t {

			font-size: 14px;

			margin-bottom: 1%;

		}

		.purchase .four .ul li .box .te p {

			font-size: 12px;

		}

		.purchase .four .ul3 li {

			width: 20%;

			padding: 1%;

			border: 0px none;

		}

		.purchase .four .ul3 li:nth-child(5n) {

			border-right: 0px none;

		}

		.purchase .four .ul2 {

			margin-top: 23px;

			padding-bottom: 21px;

			margin-bottom: 22px;

		}

		.purchase .four .ul2 li {

			width: 33.3%;

			margin-bottom: 6%;

			font-size: 12px;

		}

		.purchase .four .ul2 li:nth-child(3n) {

			background: none;

		}

		.purchase .four .sa-tit {

			font-size: 16px;

		}

		.bannerimg {

			display: none;

		}

		.mobilebanner {

			display: block;

		}

		.purchase .mobiletext {

			display: block;

		}

		.purchase .mobile-table {

			display: block;

		}

		.purchase .plan .box .table .fll {

			width: 0px;

			overflow: hidden;

		}

		.purchase .plan .box .table select {

			width: 49%;

		}

		.purchase .plan .box .table select.sw {

			width: 100%;

		}

		.purchase .plan .box .table .frr {

			width: 100%;

		}

		.purchase .plan .box .table input.pt {

			width: 100%;

		}

		.purchase .plan .box .table input.su {

			width: 100%;

			background-size: 100%;

		}

		.purchase .plan .box .table .frr {

			width: 100%;

		}

		.purchase .plan .box .table p {

			font-size: 12px;

			line-height: 30px;

		}

		.purchase .plan .box .table input.pt {

			height: 30px;

			width: 100%;

		}

		.purchase .plan .box .table select {

			width: 132px;

			height: 30px;

			margin-right: 5px;

		}

		.purchase .plan .box .table select.sw {

			width: 100%;

		}

		.purchase .plan .box .table input.su {

			height: 30px;

		}

		.purchase .plan .box .btit {

			font-size: 16px;

			line-height: 20px;

			margin-bottom: 10px;

		}

		.purchase .plan .box .bte {

			font-size: 14px;

			line-height: 28px;

			margin-bottom: 10%;

		}

		.purchase .plan .box .ba a {

			font-size: 12px;

		}

	}

	@media (max-width:350px) {

		.planame ul li h1 {

			padding-left: 15px;

		}

		.planame ul li p {

			padding-left: 15px;

		}

	}