.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;

	top: 0;

	right: 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:0 0 20px 0;



			line-height: 30px;



			margin-top:0px;



		}



		.us img {

			display:block;height:auto;

			width: 100%;



		}



		.brands {



			margin-top: 0;



		}



		.bsname {



			padding: 20px 15px;

			margin-top:0 !important;

		}



		.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;



		}



	}