/**********

 *页面样式*

 **********/





/* ==========

   基本默认值

   ========== */



::selection {

	background-color: #267BC4;

	text-shadow: none;

	color:#FFFFFF; 

}

::-webkit-selection{ 

	background-color:#267BC4;

	text-shadow: none;

	color:#FFFFFF; 

} 

::-moz-selection{ 

	background-color:#267BC4;

	text-shadow: none;

	color:#FFFFFF; 

} 

select{

	appearance:none;

	-moz-appearance:none;

	-webkit-appearance:none;

}

select::-ms-expand { display: none; }

* {

	box-sizing: border-box;

}



ul,

li {

	list-style: none;

}



ul,

p,

a,

dl,

dt,

dd,

table,

td,

tr,

th {

	margin: 0;

	padding: 0;

}



input {

	padding: 0;

	border-width: 1px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	margin: 0;

	padding: 0;

	font-weight: normal;

}



img{

	outline: none;

}



li {

	list-style: none;

}



a {

	cursor: pointer;

	text-decoration: none;

}





/* ==========

   工具样式

   ========== */



.width-auto {

	width: 100%;

}



.center-block {

	display: block;

	margin-right: auto;

	margin-left: auto;

}



.pull-right {

	float: right !important;

}



.pull-left {

	float: left !important;

}



.text-right {

	text-align: right !important;

}



.text-left {

	text-align: left !important;

}



.text-center {

	text-align: center !important;

}



.hide {

	display: none !important;

}



.show {

	display: block !important;

}



.invisible {

	/*将元素隐藏，但保留元素占位*/

	visibility: hidden;

}



.text-hide {

	font: 0/0 a;

	color: transparent;

	text-shadow: none;

	background-color: transparent;

	border: 0;

}



.clearfix:before,

.clearfix:after {

	content: " ";

	display: table;

}



.clearfix:after {

	clear: both;

}



.clearfix {

	/*IE6 and IE7*/

	zoom: 1;

}



.laydate_body .laydate_box{

	box-sizing: content-box;

}

.laydate_body .laydate_box *{

	box-sizing: content-box;

}





body {

	background: #FFFFFF;

	/*max-width: 1920px;*/

	margin: 0 auto;

	font-size: 14px;

	font-family: "PingFangSC", "微软雅黑", "microsoft yahei";

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	-webkit-font-smoothing: subpixel-antialiased

	position: relative;

}



a{

	color: #EEEEEE;

}





.wrap{

	box-sizing: content-box;

	max-width: 1200px;

	padding: 0 15px;

	margin: 0 auto;

}

.w1032{

	max-width: 1032px;

	margin: 0 auto;

}

.w1030{

	max-width: 1030px;

	margin: 0 auto;

}

.plr15{

	padding: 0 15px;

}

.bgcFFFFFF{

	background: #FFFFFF;

	position: relative;

	z-index: 1;

}

@font-face {

	font-family: 'ubuntu-L';

	src: url(../fonts/ubuntu-L.ttf);

}



.top { width:100%; background-color:#000000; height:100px; border-bottom:1px solid #CCCCCC;}
.top_nei { width:1200px; margin:0px auto;}
.logo { margin-top:15px; float:left;}

.link { margin-top:12px; overflow:hidden;  margin-bottom:25px;}
.link li { float:left; margin-right:10px; height:16px; font: normal normal 14px/16px "微软雅黑";}
.link li a { color:#fff; padding-left:10px;}
.tel { margin-top:30px; text-align:right;}
.top_ad { margin-left:80px; margin-top:50px; float:left;}

header{

	position: fixed;

	width: 100%;

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

	font-size: 0;

	z-index: 999;

}
.scrolledDown{
  background: rgba(0, 0, 0, 0.6);
  top:0px;
  border-bottom:1px solid #ccc;
}

header .wrap{

	height: 50px;

	line-height: 50px;

}

header .logo h1{

	display: inline-block;

}

header .logo h1 img{

	vertical-align: middle;

}

nav{

	height: inherit;

	line-height: inherit;
	width:1170px;
	margin:0 auto;


}

nav ul{

	height: inherit;

	line-height: inherit;
	

	/*font-size: 0px;*/

}

nav ul li{

	position: relative;

	display: inline-block;

	font-size: 14px;
	width:145px;
	text-align:center;

}

nav ul li + li{

	margin-left: 0px;

}

nav a,

nav span{

	color: #FFFFFF;

	font-size: 14px;

	cursor: pointer;

}





header input[type="checkbox"]{

	display: none;

}

header .wrap > label{

	color: #FFFFFF;

	float: right;

	display: none;

}

header .wrap > label .fa{

	font-size: 20px;

	vertical-align: middle;

}

@media only screen and (min-width: 960px){
	nav ul li:after{
		visibility: hidden;
		content: '';
		display: inline-block;
		width: 0;
		height: 2px;

		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		bottom: 10px;
		background: #fff;
		transition: all .3s;
	}

	nav ul li:hover:after,
	nav ul li.active:after{
		visibility: visible;
		width: 55%;
	}
}







/*导航下拉菜单*/

nav ul li .dd-menu{

	width: 140px;

	text-align: center;

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

	position: absolute;

	top: 100%;

	left: -webkit-calc((-140px + 100%)/2);

	left: calc((-140px + 100%)/2);

	

	display: none;

}

nav ul li .dd-menu a{

	font-size: 14px;

	line-height: 40px;

	display: block;

	border-bottom: 1px solid rgba(0,0,0,.6);

	transition: all .3s;

}

@media only screen and (min-width: 960px){
	nav ul li .dd-menu a:hover{
		color: #FFFFFF;
		background: rgba(255,60,60,.6);
	}
	nav ul li:hover .dd-menu{
		display: block;
	}
}

@media only screen and (max-width: 960px) {
	header .logo h1 img{
		vertical-align: middle;
	}
	header .wrap{
		height: auto;
	}
	
	nav{
		display: none;
		width: 100%;
		height: inherit;
		line-height: inherit;
		float: none;
		position: relative;
		z-index: 9;
		padding-bottom: 20px;
	}
	nav ul li{
		line-height: 40px;
		display: block;
		width: 100%;
		font-size: 14px;
		vertical-align: top;
	}
	nav ul li .dd-menu{
		width: 100%;
		padding: 0 15px;
		position: static;
		text-align: left;
	}
	nav ul li + li{
		margin: 0;
	}
	
	nav ul li label{
		display: block;
	}
	nav ul li input[type="checkbox"]:checked ~ .dd-menu{
		display: block;
	}
	
	header .wrap > label{
		font-size: 0;
		display: block;
	}
	header .wrap > label .fa{
		font-size: 28px;
	}
	header .wrap > input[type="checkbox"]:checked ~ nav{
		display: block;
	}
}







.more{

	display: block;

	width: 130px;

	height: 45px;

	border: 1px solid #000000;

	margin: 24px auto 43px;

	line-height: 43px;

	text-align: right;

	font-size: 16px;

	color: #000000;

	padding-right: 45px;

	background: url(../images/more-down.png) right 20px center no-repeat;

	transition: all .3s;

}

.more:hover{

	color: #FFFFFF;

	background: #000000 url(../images/more-down-act.png) right 20px center no-repeat;

}







/*首页banner*/

.index-swiper{

	width: 100%;

	height: 800px;

}

.index-swiper .swiper-slide{

	background: center/cover no-repeat;

}

.index-swiper .box {

	text-align: center;

	position: absolute;

	margin: auto;

	top: 66.25%;

	left: 0;

	right: 0;

}

.index-swiper .box img{

	display: block;

	margin: 0 auto;

	vertical-align: top;

}

.index-swiper .swiper-slide .img-p{

	margin-top: 24px;

}

.index-swiper .swiper-slide .p{

	color: rgba(255,255,255,.8);

	line-height: 1;

	padding: 30px 0;

}

.index-swiper .swiper-slide a.btn{

	display: inline-block;

	text-align: center;

	width: 110px;

	height: 40px;

	line-height: 38px;

	border: 1px solid #FFFFFF;

	border-radius: 4px;	

}

.index-swiper .swiper-button-next{

	top: auto;

	margin: auto;

	bottom: 40px;

	left: 0;

	right: 0;

	width: 36px;

	height: 18px;

	background: url(../images/swiper-button-next.png) center/cover no-repeat;

}









.h2{

	text-align: center;

}

.h2 .c{

	font-size: 40px;

	color: #000000;

	line-height: 1;

}

.h2 .e{

	font-family: 'ubuntu-L';

	font-size: 20px;

	color: #999999;

	line-height: 15px;

	margin-top: 14px;

}

.h2-summary{

	margin: 0 auto;

	margin-top: 22px;

	padding: 15px;

	max-width: 1030px;



}

.h2-summary p{

	text-align: center;

	font-size: 14px;

	color: #666666;

	line-height: 24px;

}

.h2-sub{

	font-size: 18px;

	color: #333333;

	text-align: center;

	line-height: 1;

	margin-top: 21px;

}

.view-details{

	display: block;

	margin: 0 auto;

	width: 130px;

	height: 45px;

	padding-left: 21px;

	margin-top: 40px;

	

	line-height: 43px;

	border: 1px solid #000000;

	color: #000000;

	font-size: 16px;

	

	background:#FFFFFF url(../images/more-right.png) right 19px center no-repeat;

	transition: all .3s;

}

.view-details:hover{

	color: #FFFFFF;

	background:#000000 url(../images/more-right-act.png) right 19px center no-repeat;

}





.about-us{

	padding-top: 88px;

	margin-bottom: 107px;

}

.about-us .grid{

	margin-top: 84px;

	font-size: 0;

}

.about-us .grid-item{

	display: inline-block;

	vertical-align: top;

	max-width: 510px;

}

.about-us .grid-item + .grid-item{

	margin-left: 10px;

}

.about-us .grid-item img{

	vertical-align: top;

	width: 100%;

	height: 100%;

}

.about-us .box{

	display: inline-block;

	position: relative;

	overflow: hidden;

	font-size: 0;

	vertical-align: top;

}

.about-us .box .text{

	min-height: 100px;

	max-height: 100%;

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

	

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	padding: 18px 23px 16px;

	

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	-ms-transform: translateY(100%);

	transform: translateY(100%);

	

	transition: all .3s;

}

@media only screen and (min-width: 1200px) {

	.about-us .box:hover .text{

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		-ms-transform: translateY(0);

		transform: translateY(0);

	}

}



.about-us .box .text .title{

	color: #FFFFFF;

	font-size: 16px;

	line-height: 24px;

	

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.about-us .box .text .summary{

	color: rgba(255,255,255,.8);

	font-size: 12px;

	line-height: 19px;

	margin-top: 4.5px;

}

.about-us .box1{

	width: 100%;

	height: 250px;

}

.about-us .box1:first-child{

	margin-bottom: 10px;

}

.about-us .box1:last-child{

	margin-top: 10px;

}

.about-us .box1:first-child ~ .box2 + .box2{

	margin-left: 10px;

} 

.about-us .box2:first-child + .box2{

	margin-left: 10px;

}

.about-us .box2{

	width: 250px;

}

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

	.about-us .grid{

		width: 510px;

	}

	.about-us .grid-item + .grid-item{

		margin-left: 0;

		margin-top: 10px;

	}

}





/*品鉴之道*/

.criticize ul{

	font-size: 0;

	margin-bottom: 78px;

	text-align: center;

}

.criticize li{

	margin-top: 51px;

	display: inline-block;

	vertical-align: top;

	width: 312px;

	padding: 0 26px;

}

.criticize li:nth-child(3n-2){

	float: left;

}

.criticize li:nth-child(3n){

	float: right;

}



.criticize .img-box{

	position: relative;

	margin-bottom: 34px;

}

.criticize .img-box .shadow{

	position: absolute;

	margin: auto;

	bottom: 0;

	left: 0;

	right: 0;

	opacity: .2;

	width: 69px;

	

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	-ms-transform: translateY(100%);

	transform: translateY(100%);

	transition: all .3s;

}

.criticize .img-box img{

	vertical-align: top;

	transition: all .3s;

}

.criticize .title{

	font-size: 18px;

	color: #F04146;

	line-height: 1;

}

.criticize .summary {

	margin-top: 17px;

}

.criticize .summary p{

	font-size: 13px;

	line-height: 19px;

	color: #999999;

}

@media only screen and (min-width: 1200px) {

	.criticize .img-box:hover a img{

		-webkit-transform: translateY(-20px);

		-moz-transform: translateY(-20px);

		-ms-transform: translateY(-20px);

		transform: translateY(-20px);

	} 

	.criticize .img-box:hover .shadow{

		width: 49px;

	}

}

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

	.criticize li{ 

		width: 100%;

	}

}









/*20年专心做好蟹*/

.attentively{

	min-height: 500px;

	padding-top: 93px;

	overflow: hidden;

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

	background-size: cover;

}

.attentively .h2 .e{

	color: #333333;

}

.attentively .h2-summary{

	padding: 0 15px;

	color: #333333;

}

.attentively ul{

	max-width: 950px;

	margin: 0 auto;

	text-align: justify;

	line-height: 0;

	margin-top: 57px;

}

.attentively ul:after{

	content: '';

	display: inline-block;

	width: 100%;

	margin: 0;

	padding: 0;

	height: 0;

	visibility: hidden;

}

.attentively ul li{

	display: inline-block;

	vertical-align: top;

	width: 200px;

	height: 100px;

	padding-top: 25px;

	border-radius: 4px;

	border: 1px solid rgba(255,255,255,.5);

	background: rgba(255,255,255,.2);

	background-clip: padding-box;

}

.attentively li p{

	text-align: center;

}

.attentively li .title{

	font-size: 20px;

	color: #000000;

	line-height: 24px;

}

.attentively li .subtitle{

	line-height: 24px;

	font-size: 14px;

	color: #000000;

}

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

	.attentively ul{

		max-width: 450px;

		padding-bottom: 43px;

	}

	.attentively ul li{

		margin-bottom: 50px;

	}

}









/*掌柜动态*/

.news{

	padding-top: 78px;

	padding-bottom: 83px;

}

.news .list{

	max-width: 1080px;

	margin: 47px auto 0;

	line-height: 0;

	

	font-size: 1;

	text-align: justify;

}

.news .list a{

	display: inline-block;

	vertical-align: top;

	width: 250px;

	position: relative;

}

@media only screen and (min-width: 1200px) {

	.news .list a:hover .date:after{

		width: 100%;

	}

	.news .list a:hover img{

		box-shadow: 0 12px 22px 0 #666;

	}

}





.news .list .end{

	height: 0;

	margin: 0;

	padding: 0;

	visibility: hidden;	

}

.news .list a img{

	width: 250px;

	height: 160px;

	transition: all .5s;

	vertical-align: top;

}

.news .list a .date{

	color: #666666;

	font-size: 12px;

	line-height: 10px;

	

	padding-top: 22px;

	padding-bottom: 12px;

	position: relative;

}

.news .list a .date:after{

	content: '';

	width: 40px;

	height: 1px;

	position: absolute;

	background: #DDDDDD;

	left: 0;

	bottom: 0;

	transition: all .5s;

}

.news .list a .summary{

	padding: 4.5px 0;

	font-size: 14px;

	line-height: 20px;

	color: #333333;

}

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

	.news .list{

		max-width: 526px;

	}

	.news .list a:first-child,

	.news .list a:nth-child(2){

		margin-bottom: 22px;

	}

}









/*页脚*/

footer{

	min-height: 480px;

	padding-top: 57px;

	background: #26292E;

	text-align: center;

	position: relative;

	z-index: 9;

}

footer .logo{

	vertical-align: top;

}

footer .link{

	margin-top: 34px;

	font-size: 0;

	text-align: center;

}

footer .link li{

	display: inline-block;

	vertical-align: top;

	padding: 0 35px;

	height: 15px;

	line-height: 15px;

}

footer .link li + li{

	border-left: 1px solid #999999;

}

footer .link li a{

	display: inline-block;

	height: inherit;

	line-height: inherit;

	font-size: 14px;

	color: #FFFFFF;

	vertical-align: top;

}

footer .cs{

	margin-top: 39px;

	line-height: 0;

	display: inline-block;

	font-size: 0;

	text-align: left;

	padding-left: 76px;

	background: url(../images/tel.png) left bottom 3px no-repeat;

}

footer .cs .num{

	font-size: 36px;

	line-height: 28px;

	color: #FFFFFF;

}

footer .cs .other {

	line-height: 1;

	margin-top: 15px;

}

footer .cs .other span{

	font-size: 14px;

	line-height: 14px;

	vertical-align: middle;

	color: #FFFFFF;

	margin-right: 2px;

}

footer .cs .other i{

	color: #C7C7C7;

	font-size: 18px;

	vertical-align: middle;

	margin-left: 16px;

}



footer .code{

	font-size: 0;

	margin-top: 38px;

}

footer .code img{

	vertical-align: top;

}

footer .code .txt{

	display: inline-block;

	vertical-align: top;

	width: 22px;

	height: 104px;

	color: #FFFFFF;

	font-size: 13px;

	line-height: 1;

	margin-left: 8px;



	text-align: center;

	

	-webkit-writing-mode: vertical-rl;

    writing-mode: tb-rl;

    writing-mode: vertical-rl;

    

    position: relative;

}

footer .code .txt:before{

	content: '';

	display: inline-block;

	width: 16px;

	height: 5px;

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

	position: absolute;

	left: 0;

	top: 0;

}

footer .code .txt:after{

	content: '';

	display: inline-block;

	width: 16px;

	height: 5px;

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

	position: absolute;

	left: 0;

	bottom: 0;

}

footer .copyright{

	margin-top: 30px;

	font-size: 12px;

	color: rgba(255,255,255,.5);

	line-height: 1;

}







.top-ban{

	height: 360px;

	background: center/cover no-repeat;

}





.h3{

	height: 139px;

	line-height: 139px;

	text-align: center;

	background: #FFFFFF;

	font-size: 0;

}

.h3 .middle{

	display: inline-block;

	vertical-align: middle;

}

.h3 .title{

	line-height: 1;

	font-size: 32px;

	color: #000000;

}

.h3 .subtitle{

	margin-top: 15px;

	font-family: arial;

	font-size: 16px;

	color: #999999;

	text-transform : uppercase;

	line-height: 12px;

}





/*掌柜之路*/

.zgzl-summary{

	padding: 46px 15px 64px;

	min-height: 200px;

	background: #26292E url(../images/0L0A6103.png) center/cover no-repeat;

}

.zgzl-summary .bg{

	height: inherit;

}

.zgzl-summary .text{

	position: relative;

	text-align: center;

	max-width: 860px;

	margin: 0 auto;

	color: #FFFFFF;

}

.zgzl-summary .text p{

	font-size: 16px;

	line-height: 30px;

}





.zgzl-summary .text:before{

	content: '';

	font-family: fantasy;

	position: absolute;

	top: -21px;

	left: 0;

	width: 19px;

	height: 16px;

	background: url(../images/quotes-before.png) no-repeat;

	font-size: 48px;

	color: #929396;

}

.zgzl-summary .text:after{

	content: '';

	font-family: fantasy;

	position: absolute;

	bottom: -48px;

	right: 0;

	width: 19px;

	height: 16px;

	background: url(../images/quotes-after.png) no-repeat;

	font-size: 48px;

	color: #929396;

}



/*掌柜之路-阳澄湖介绍*/

.zgzl-h600{

	position: relative;

	height: 600px;

	background: #F9F9F9;

}

.zgzl-h600 .img{

	display: block;

	margin: 0 auto;

	position: relative;

	z-index: 99;

}

.zgzl-swiper-box{

	width: 950px;

	height: 360px;

	position: absolute;

	left: 0;

	right: 0;

	bottom: -100px;

	z-index: 9;

	margin: 0 auto;

}

.zgzl-swiper{

	width: 100%;

	height: 100%;

}

.zgzl-swiper-box:after{

	content: '';

	display: block;

	width: -webkit-calc(100% + 38px);

	width: calc(100% + 38px);

	height: -webkit-calc(100% - 81px);

	height: calc(100% - 81px);

	background: url(../images/zgzl-h600-shadow.png) center/100% 100% no-repeat;

	

	position: absolute;

	top: -19px;

	z-index: -1;

	left: -19px;

}



.zgzl-swiper .swiper-slide{

	padding-top: 50px;

	padding-bottom: 94px;

	text-align: center;

	background: #FFFFFF;

}

.zgzl-swiper .swiper-slide .title{

	line-height: 1;

	font-size: 24px;

	color: #333333;

}

.zgzl-swiper .swiper-slide .subtitle{

	line-height: 1;

	font-size: 14px;

	color: #333333;

	margin-top: 11px;

}

.zgzl-swiper .swiper-slide .text{

	width: 100%;

	padding: 0 57.5px;

	margin: 40px auto 0;

	text-align: left;

}

.zgzl-swiper .swiper-slide .text p{

	font-size: 16px;

	text-indent: 2em;

	color: #666666;

	line-height: 30px;

}

.zgzl-swiper .swiper-pagination-bullet{

	width: 10px;

	height: 10px;

	background: #999999;

	opacity: 1;

}

.zgzl-swiper .swiper-pagination-bullet-active {

	background: #FF5656;

}

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

	.zgzl-h600{

		overflow: hidden;

	}

	.zgzl-h600 .img{

		display: none;

	}

	

	.zgzl-swiper-box{

		max-width: 950px;

		width: 100%;

		height: 100%;

		position: absolute;

		left: 0;

		right: 0;

		bottom: auto;

		z-index: 9;

		margin: 0 auto;

	}

	.zgzl-swiper-box:after{

		height: -webkit-calc(100% + 38px);

		height: calc(100% + 38px);

		

		position: absolute;

		top: -19px;

		z-index: -1;

		left: -19px;

	}



}









/*掌柜之路-养殖过程*/

.zgzl-h880{

	min-height: 880px;

	background: #272B30;

	padding-top: 1px;

	text-align: center;

}

.zgzl-h880 .title{

	font-size: 24px;

	line-height: 1;

	color: #FFFFFF;

	margin-top: 49px

}

.zgzl-h880 .subtitle{

	line-height: 1;

	margin-top: 11px;

	color: rgba(255,255,255,.5);

}

.zgzl-h880 .list{

	line-height: 0;

	width: 1032px;

	margin: 0 auto;

	padding-top: 53px;

	text-align: justify;

	text-align-last: justify;

}

.zgzl-h880 .list li{

	width: 220px;

	display: inline-block;

	vertical-align: top;

	margin-bottom: 54px;

}

.zgzl-h880 .list li.end{

	height: 0;

	padding: 0;

	margin: 0;

	visibility: hidden;

}

.zgzl-h880 .list li:nth-child(3n-1){

	margin: 0 110px;

}

.zgzl-h880 .item{

	display: block;

	vertical-align: top;

	height: 220px;

	width: 220px;

	line-height: 220px;

	text-align: center;

	text-align-last: center;



	border-radius: 220px;

	position: relative;

}

.zgzl-h880 .item:before{

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	background: url(../images/pi1.png) left no-repeat;

	

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	-webkit-animation: rotate 3s linear infinite;

	-moz-animation: rotate 3s linear infinite;

	animation: rotate 3s linear infinite;

}

.zgzl-h880 .item:after{

	content: '';

	display: block;

	width: 194px;

	height: 194px;

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

	

	position: absolute;

	margin: auto;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	-webkit-animation: rotate2 3s linear infinite;

	-moz-animation: rotate2 3s linear infinite;

	animation: rotate2 3s linear infinite;

}

@-webkit-keyframes rotate{

    0%{

    	-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		transform: rotate(0deg);

	}

    100%{

    	-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		transform: rotate(360deg);

    }

}

@-moz-keyframes rotate{

    0%{

    	-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		transform: rotate(0deg);

	}

    100%{

    	-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		transform: rotate(360deg);

    }

}

@keyframes rotate{

    0%{

    	-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		transform: rotate(0deg);

	}

    100%{

    	-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		transform: rotate(360deg);

    }

}



@-webkit-keyframes rotate2{

    0%{

    	-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		transform: rotate(0deg);

	}

    100%{

    	-webkit-transform: rotate(-360deg);

		-moz-transform: rotate(-360deg);

		-ms-transform: rotate(-360deg);

		transform: rotate(-360deg);

    }

}

@-moz-keyframes rotate2{

    0%{

    	-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		transform: rotate(0deg);

	}

    100%{

    	-webkit-transform: rotate(-360deg);

		-moz-transform: rotate(-360deg);

		-ms-transform: rotate(-360deg);

		transform: rotate(-360deg);

    }

}

@keyframes rotate2{

    0%{

    	-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		transform: rotate(0deg);

	}

    100%{

    	-webkit-transform: rotate(-360deg);

		-moz-transform: rotate(-360deg);

		-ms-transform: rotate(-360deg);

		transform: rotate(-360deg);

    }

}









.zgzl-h880 .item .center{

	display: inline-block;

	width: 180px;

	height: 180px;

	vertical-align: middle;

	border: 10px solid #686A6D;

	border-radius: 180px;

	background: center/cover no-repeat;

}

.zgzl-h880 .name{

	text-align: center;

	text-align-last: center;

	font-size: 16px;

	color: #FFFFFF;

	line-height: 1;

	margin-top: 21px;

}



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

	.zgzl-h880{

		padding: 49px 0 7px;

	}

	.zgzl-h880 .title{

		margin-top: 0;

	}

	

	.zgzl-h880 .list{

		width: 626px;

	}

	.zgzl-h880 .list li:nth-child(3n-1){

		margin: 0;

	}

}



/*掌柜之路-联系我们*/

.zgzl-272{

	min-height: 272px;

	background: #FFFFFF;

	text-align: center;

	padding: 49px 15px 67px;

}

.zgzl-272 .title{

	font-size: 24px;

	line-height: 1;

	color: #333333;

}

.zgzl-272 .subtitle{

	line-height: 1;

	margin-top: 11px;

	color: #333333;

}

.zgzl-272 .mode{

	font-size: 0;

	margin-top: 47px;

}

.zgzl-272 .mode li{

	display: inline-block;

	line-height: 60px;

	width: 33.333333%;

	text-align: left;

	vertical-align: top;

}

.zgzl-272 .mode li img{

	float: left;

	vertical-align: top;

	margin-right: 17px;

}

.zgzl-272 .mode li div{

	float: left;

	max-width: calc(100% - 77px);

}

.zgzl-272 .mode li span{

	display: block;

	margin-top: 6px;

	line-height: 24px;

	font-size: 16px;

	color: #999999;

	vertical-align: bottom;

}

.zgzl-272 .mode li span.c{

	margin-top: 0;

	color: #333333;

	line-height: 30px;

	vertical-align: top;

}

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

	.zgzl-272 .mode{

		max-width: 768px;

		margin: 47px auto 0;

	}

	

	.zgzl-272 .mode li{

		float: none;

		display: block;

		width: 100%;

		margin-top: 11px;

	}

}







/*企业荣誉-一切以用户体验为中心*/

.qyry-310{

	padding-top: 50px;

	text-align: center;

	height: 310px;

	background: #F5F5F5;

	position: relative;

}

.qyry-310 .title{

	font-size: 30px;

	color: #333333;

	line-height: 1;

	height: 51px;

	position: relative;

}

.qyry-310 .title:after{

	content: '';

	display: block;

	width: 30px;

	height: 1px;

	background: #333333;

	position: absolute;

	margin: auto;

	bottom: 0;

	left: 0;

	right: 0;

}

.qyry-310 .text{

	margin-top: 17px;

}

.qyry-310 .text p{

	line-height: 30px;

	font-size: 16px;

	color: #646464;

}

.qyry-310 > img{

	position: absolute;

	margin: auto;

	left: 0;

	right: 0;

	bottom: -76px;

	z-index: 1;

}





.qyry-list{

	max-width: 1032px;

	margin: 0 auto;

	padding-top: 110px;

	text-align: justify;

	line-height: 0;

}

.qyry-list a{

	display: inline-block;

	width: 240px;

	height: 170px;

	vertical-align: top;

	background: center/cover no-repeat;

	margin-bottom: 30px;

}

.qyry-list .end{

	height: 0;

	margin-bottom: 0;

	font-size: 0;

}

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

	.qyry-list{

		max-width: 768px;

	}

}









/*企业文化*/

.qywh-h240{

	position: relative;

}

.qywh-h240:before{

	content: '';

	display: block;

	height: 240px;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	background: #F5F5F5;

	z-index: -1;

}





.qywh-h240 .logo{

	font-size: 0;

	height: 96px;

	line-height: 96px;

	text-align: center;

}

.qywh-h240 .logo img{

	vertical-align: middle;

}

.qywh-h240 .banner{

	padding-top: 220px;

	max-width: 1030px;

	min-height: 340px;

	margin: 0 auto;

	background: url(../images/qywh-340.png) center/cover no-repeat;

}

.qywh-h240 .banner .title{

	line-height: 60px;

	font-size: 30px;	

	color: #FFFFFF;

	text-align: center;

	background: rgba(59,59,59,.2);

}

.qywh-h240 .banner .subtitle{

	line-height: 60px;

	text-align: center;

	font-size: 0;

}

.qywh-h240 .banner .subtitle span{

	font-size: 16px;

	line-height: normal;

	color: #B5B5B5;

	vertical-align: middle;

}

.qywh-grid{

	max-width: 1030px;

	margin: 46px auto 106px;

	font-size: 0;

}

.qywh-grid .left{

	float: left;

	width: -webkit-calc(100% - 486px);

	width: -moz-calc(100% - 486px);

	width: calc(100% - 486px);

}

.qywh-grid .right{

	float: left;

	text-align: left;

}

.qywh-grid .right p{

	line-height: 24px;

}

.qywh-grid .right .title{

	font-size: 20px;

	color: #666666;

}

.qywh-grid .right .subtitle{

	font-size: 16px;

	color: #999999;

}



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

	.qywh-h240 .banner{

		padding: 220px 15px 0;

	}

}









/*掌柜出品-产品*/

.zgcp-cp{

	width: 100%;

	max-width: 1200px;

	margin: 0 auto;

	text-align: justify;

	line-height: 0;

}

.zgcp-cp a{

	display: inline-block;

	vertical-align: top;

	width: 276px;

	padding-bottom: 17px;

	margin-bottom: 20px;

}

.zgcp-cp a.end{

	height: 0;

	padding: 0;

	margin: 0px;

}

.zgcp-cp a .img-box{

	overflow: hidden

}

.zgcp-cp a img{

	width: 100%;

	vertical-align: top;

	transition: all .3s;

}

@media only screen and (min-width: 1200px) {

	.zgcp-cp a:hover img{

		-webkit-transform: scale(1.1);

		-moz-transform: scale(1.1);

		-ms-transform: scale(1.1);

		transform: scale(1.1);

	}

}



.zgcp-cp a .name{

	margin-top: 15px;

	color: #333333;

	font-size: 16px;

	line-height: 24px;

}

.zgcp-cp a .weight{

	margin-top: 11px;

	color: #999999;

	font-size: 14px;

	line-height: 18px;

}

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

	.zgcp-cp{

		width: 100%;

		max-width: 892px;

	}

}

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

	.zgcp-cp{

		width: 100%;

		max-width: 584px;

	}

}





/*品鉴之道-初始好蟹*/

.pjzd-cshx{

	max-width: 1032px;

	width: 100%;

	margin: 0 auto;

	font-size: 0;

}

.pjzd-cshx li{

	display: inline-block;

	vertical-align: top;

	width: 50%;

	height: 340px;

	font-size: 0;

	visibility: hidden;

	background: center/0 no-repeat;

}



.pjzd-cshx li:nth-child(4n - 2),

.pjzd-cshx li:nth-child(4n - 3){

	margin-bottom: 30px;

}

.pjzd-cshx li:nth-child(4n - 1),

.pjzd-cshx li:nth-child(4n){

	margin-bottom: 20px;

}

.pjzd-cshx li:nth-child(4n - 2) .text,

.pjzd-cshx li:nth-child(4n - 3) .text{

	float: left;

}

.pjzd-cshx li:nth-child(4n - 2) .img,

.pjzd-cshx li:nth-child(4n - 3) .img{

	float: right;

}

.pjzd-cshx li:nth-child(4n - 1) .text,

.pjzd-cshx li:nth-child(4n) .text{

	float: right;

}

.pjzd-cshx li:nth-child(4n - 1) .img,

.pjzd-cshx li:nth-child(4n) .img{

	float: left;

}



.pjzd-cshx li .text{

	display: inline-block;

	vertical-align: top;

	width: 50%;

	height: 100%;

	background: #F9F9F9;

	padding: 30px 24px 0;

}



.pjzd-cshx li .img{

	display: inline-block;

	vertical-align: top;

	width: 50%;

	height: 100%;

	background: center/100% no-repeat;

	transition: all .3s;

}

@media only screen and (min-width: 1920px) {

	.pjzd-cshx li:hover .img{

		background: center/110% no-repeat;

	}

}



.pjzd-cshx li .date{

	font-family: arial;

	line-height: 14px;

	font-size: 14px;

	height: 21px;

	position: relative;

}

.pjzd-cshx li .date:after{

	content: '';

	display: block;

	width: 24px;

	height: 1px;

	background: #666666;

	position: absolute;

	left: 0;

	bottom: 0;

}

.pjzd-cshx li .name{

	font-size: 18px;

	line-height: 43px;

	color: #333333;

	white-space: nowrap;

}

.pjzd-cshx li .summary{

	font-size: 14px;

	line-height: 30px;

	color: #999999;

	margin-top: 4px;

	max-height: 150px;

	overflow: hidden;

}

.pjzd-cshx li .details{

	margin-top: 23px;

	display: block;

	width: 100px;

	height: 36px;

	line-height: 36px;

	font-size: 14px;

	color: #FFFFFF;

	padding-left: 13px;

	border-radius: 3px;

	background: #363636 url(../images/pjzd-cshx-d.png) right 13px center no-repeat;

}

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

	.pjzd-cshx {

	    max-width: 515px;

	}

	.pjzd-cshx li{

		width: 100%;

	}

	.pjzd-cshx li:nth-child(4n - 2),

	.pjzd-cshx li:nth-child(4n - 3){

		margin-bottom: 20px;

	}

	.pjzd-cshx li:nth-child(4n - 1),

	.pjzd-cshx li:nth-child(4n){

		margin-bottom: 20px;

	}

	

	

	.pjzd-cshx li:nth-child(2n + 1) .text,

	.pjzd-cshx li:nth-child(2n + 1) .text{

		float: left;

	}

	.pjzd-cshx li:nth-child(2n + 1) .img,

	.pjzd-cshx li:nth-child(2n + 1) .img{

		float: right;

	}

	.pjzd-cshx li:nth-child(2n) .text,

	.pjzd-cshx li:nth-child(2n) .text{

		float: right;

	}

	.pjzd-cshx li:nth-child(2n) .img,

	.pjzd-cshx li:nth-child(2n) .img{

		float: left;

	}

}







/*营销网络*/

.yxwl-h570{

	min-height: 570px;

	background: #F5F5F5;

	padding-top: 50px;

	padding-bottom: 40px;

}

.yxwl-h570 .map{

	float: right;

}

.yxwl-h570 .area{

	width: 422px;

	float: left;

}

.yxwl-h570 .title{

	height: 61px;

	line-height: 1;

	font-size: 30px;

	color: #333333;

	padding-top: 12px;

	position: relative;

}

.yxwl-h570 .title:after{

	content: '';

	display: block;

	width: 50px;

	height: 1px;

	background: #363636;

	position: absolute;

	left: 0;

	bottom: 0;

}

.yxwl-h570 .title span{

	color: #FF3333;

}

.yxwl-h570 .subtitle{

	font-size: 18px;

	line-height: 24px;

	color: #666666;

	margin-top: 18px;

}

.yxwl-h570 .text{

	margin-top: 20px;

	font-size: 14px;

	line-height: 24px;

	color: #666666;

}

.yxwl-h570 .box{

	margin-top: 51px;

	padding-top: 14px;

	width: 300px;

	height: 100px;

	border: 2px solid #C0C0C0;

	background: #E5E5E5;

	box-shadow: 0 0 0 3px #FFFFFF inset;

	

	text-align: center;

	position: relative;

}

.yxwl-h570 .box p{

	font-size: 14px;

	line-height: 24px;

	color: #666666;

}

.yxwl-h570 .box p span{

	color: #FF0000;

}

.yxwl-h570 .box .radius{

	width: 210px;

	height: 40px;

	line-height: 40px;

	font-size: 16px;

	color: #666666;

	border-radius: 40px;

	

	position: absolute;

	margin: auto;

	left: 0;

	right: 0;

	bottom: -17px;

	

	text-align: left;

	padding-left: 58px;

	background: #C0C0C0 url(../images/area.png) left 21px center no-repeat;

}

.yxwl-h270{

	min-height: 270px;

	width: 100%;

	margin: 0 auto;

	font-size: 0;

	line-height: 0;

	padding: 58px 0 0;

	text-align: center;

}

.yxwl-h270 li{

	width: 20%;

	margin-bottom: 49px;

	display: inline-block;

	vertical-align: top;

	text-align: center;

}

.yxwl-h270 li img{

	vertical-align: top;

	margin-bottom: 16px;

}

.yxwl-h270 li p{

	font-size: 16px;

	line-height: 24px;

	padding: 0 10px;

	color: #666666;

}



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

	.yxwl-h570 .w1032{

		max-width: 574px;

	}

	.yxwl-h570 .area{

		width: 100%;

		text-align: center;

	}

	.yxwl-h570 .title:after{

		margin: auto;

		right: 0;

	}

	.yxwl-h570 .box{

		margin-left: auto;

		margin-right: auto;

	}

	.yxwl-h570 .map{

		width: 100%;

		margin-top: 50px;

	}

}









/*研发及顾问团队*/

.yfjgwtt{

	padding: 0 15px;

}

.yfjgwtt .list{

	max-width: 1030px;

	width: 100%;

	margin: 0 auto;

}

.yfjgwtt .item{

	display: block;

	height: 140px;

	text-align: left;

	background: #F5F5F5;

	transition: all .3s;

}

.yfjgwtt .item + .item{

	margin-top: 20px;

}

.yfjgwtt .item .img-box{

	float: left;

	height: 100%;

	margin-right: 30px;

	overflow: hidden;

}

.yfjgwtt .item img{

	vertical-align: top;

	height: 100%;

	transition: all .3s;

}

.yfjgwtt .item .name{

	display: inline-block;

	padding-top: 19px;

	font-size: 18px;

	color: #333333;

	line-height: 1;

	margin-bottom: 14px;

}

.yfjgwtt .item .job{

	font-size: 14px;

	line-height: 26px;

	color: #999999;

}









.yfjgwtt ~ .more{

	margin-top: 49px;

	margin-bottom: 46px;

}









/*掌柜视频*/

.zgsp{

	padding: 0 15px;

}

.zgsp ul{

	max-width: 1030px;

	width: 100%;

	margin: 0 auto;

}

.zgsp ul li{

	font-size: 0;

	height: 280px;

	visibility: hidden;

}

.zgsp ul li + li{

	margin-top: 30px;

}

.zgsp ul li .video{

	display: inline-block;

	width: 50%;

	vertical-align: top;

	transition: all .3s;

}

.zgsp ul li .iframe-box{

	display: none;

}



@media only screen and (min-width: 1200px) {

	.zgsp ul li .video:hover{

		-webkit-transform: scale(1.1);

		-moz-transform: scale(1.1);

		-ms-transform: scale(1.1);

		transform: scale(1.1);

	}

}

.zgsp .box{

	padding-top: 61px;

	display: inline-block;

	width: 50%;

	height: 100%;

	background: #F9F9F9;

	text-align: center;

	padding-bottom: 55px;

}

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

	float: right;

}

.zgsp ul li:nth-child(2n + 1) .video{

	float: left;

}



.zgsp .box .num{

	line-height: 1;

	font-size: 24px;

	color: #333333;

}

.zgsp .box .num span{

	display: inline-block;

	width: 1px;

	height: 18px;

	background: #333333;

	margin: 0 12px;

}

.zgsp .box .title{

	font-size: 18px;

	line-height: 50px;

	color: #333333;

	margin-top: 10px;

}

.zgsp .box .summary{

	font-size: 14px;

	line-height: 24px;

	color: #999999;

	padding: 0 34px;

	margin-top: 16px;

}

.zgsp ~ .more{

	margin-top: 29px;

	margin-bottom: 37px;

}

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

	.zgsp ul{

		max-width: 515px;

	}

	.zgsp ul li {

		height: auto;

	}

	.zgsp ul li .video{

		width: 100%;

	}

	.zgsp .box{

		width: 100%;

		height: 280px;

	}	

	.zgsp ul li:nth-child(2n) .video,

	.zgsp ul li:nth-child(2n + 1) .video{

		float: none;

	}

}









.h-h70{

	padding: 0 15px;

	line-height: 70px;

	background: #F5F5F5;

	font-size: 18px;

	color: #333333;

	text-align: center;

}

.h-h70 sup{

	color: #FF5555;

}







/*预约提货*/

.yyth{

	padding: 0 15px;

}

.yyth ul{

	text-align: justify;

	max-width: 1030px;

	width: 100%;

	margin: 0 auto;

	margin-bottom: 50px;

	line-height: 0;

}

.yyth ul:after{

	content: '';

	display: inline-block;

	width: 100%;

	height: 0;

	padding: 0;

	margin: 0;

	visibility: hidden;

	vertical-align: top;

}

.yyth ul li{

	display: inline-block;

	vertical-align: top;

	width: 240px;

	height: 450px;

	background: top no-repeat;

	position: relative;

	cursor: pointer;

}

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

	margin-top: 52px;

}

.yyth ul li:nth-child(2n + 1){

	margin-top: 112px;

}



.yyth .box{

	display: block;

	text-align: center;

	text-align-last: center;

	padding-top: 50px;

	position: absolute;

	top: 240px;

	left: 0;

	right: 0;

	bottom: 0;

	background: #232323;

	transition: all .5s;

}

.yyth .box img{

	position: absolute;

	margin: auto;

	top: 0;

	left: 0;

	right: 0;

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

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

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

	transform: translateY(-50%);

	transition: all .5s;

}



.yyth .title{

	color: #FFFFFF;

	font-size: 30px;

	line-height: 1;

}

.yyth .summary{

	margin-top: 13px;

	position: relative;

}



.yyth .summary p{

	color: #FFFFFF;

	font-size: 12px;

	line-height: 18px;

}

.yyth .num{

	font-family: arial;

	margin-top: 16px;

	font-size: 24px;

	line-height: 18px;

	color: #FFFFFF;

}



@media only screen and (min-width: 1200px) {

	.yyth ul li:hover .box{

		background: #FF5656;

		height: auto;

		top: 0;

		padding-top: 171px;

	}

	.yyth ul li:hover .box img{

		top: 90px;

		-webkit-transform: translateY(0%);

		-moz-transform: translateY(0%);

		-ms-transform: translateY(0%);

		transform: translateY(0%);

	}

}



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

	.yyth ul{

		max-width: 515px;

		margin-bottom: 50px;

	}

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

		margin-top: 62px;

	}

	.yyth ul li:nth-child(4){

		margin-top: 0;

	}

}











.h-h100{

	padding: 20px 15px;

	background: #F5F5F5;

	text-align: center;

}

.h-h100 p{

	line-height: 30px;

	font-size: 16px;

	color: #333333;

}



/*VIP定制*/

.vipdz ul{

	max-width: 1030px;

	width: 100%;

	margin: 0 auto;

	padding-top: 40px;

	text-align: justify;

	line-height: 0;

}

.vipdz li{

	display: inline-block;

	vertical-align: top;

	width: 320px;

	height: 530px;

	background: #272B30;

	margin-bottom: 42px;

}

.vipdz li.end{

	height: 0;

	margin: 0;

	visibility: hidden;

}

.vipdz li > img{

	width: 100%;

	vertical-align: top;

}

.vipdz .box{

	text-align: center;

	text-align-last: center;

	width: 310px;

	height: 330px;

	margin: 5px auto 0;

	border: 1px dashed #FFFFFF;

}

.vipdz .e-title{

	height: 73px;

	line-height: 73px;

	text-align: center;

	position: relative;

}

.vipdz .e-title:after{

	content: '';

	display: block;

	width: 50px;

	height: 1px;

	background: #FFFFFF;

	position: absolute;

	margin: auto;

	left: 0;

	right: 0;

	bottom: 0;

}

.vipdz .e-title img{

	vertical-align: middle;

}

.vipdz .title{

	font-size: 24px;

	color: #FFFFFF;

	line-height: 1;

	margin-top: 39px;

}

.vipdz .summary{

	font-size: 12px;

	line-height: 20px;

	color: #FFFFFF;

	margin-top: 19px;

}

.vipdz .dz{

	margin-top: 26px;

	display: inline-block;

	width: 140px;

	height: 40px;

	line-height: 38px;

	border: 1px solid #FFFFFF;

	border-radius: 40px;

	text-align: center;

	font-size: 18px;

	color: #FFFFFF;

	transition: all .3s;

}

.vipdz .dz:hover{

	background: #FFFFFF;

	border: 1px solid #000000;

	color: #000000;

}

.vipdz .tel{

	font-size: 12px;

    line-height: 20px;

    margin-top: 20px;

    color: #FFFFFF;

}

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

	.vipdz ul{

		max-width: 675px;

	}

}







/*售后服务*/

.mt20{

	margin-top: 20px;

}

.mt40{

	margin-top: 40px;

}

.shfw {

	padding: 0 15px;

}

.shfw .w{

	font-size: 0;

	max-width: 472px;

	width: 100%;

	margin: 0 auto;

	padding-top: 47px;

	padding-bottom: 65px;

	line-height: 0;

}

.shfw .w input,

.shfw .w textarea{

	max-width: 450px;

	width: -webkit-calc(100% - 22px);

	width: calc(100% - 22px);

	height: 30px;

	line-height: 28px;

	border: 1px solid #DDDDDD;

	border-radius: 3px;

	padding: 0 15px;

	font-size: 14px;

	color: #999999;

	resize: none;

	vertical-align: top;

}

.shfw .w textarea{

	height: 80px;

}



.shfw input[type="submit"]{

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 18px;

	color: #FFFFFF;

	background: #FF5656;

	border: none;

}

.shfw span{

	line-height: 30px;

	font-size: 14px;

	color: #FF5555;

	vertical-align: top;

	margin-left: 14px;

}

.shfw .file{

	line-height: 30px;

	width: 140px;

	background: #363636;

	text-align: center;

	color: #FFFFFF;

	border: none;

}

.shfw .add{

	line-height: 30px;

	width: 140px;

	background: #999999;

	text-align: center;

	color: #FFFFFF;

	margin-left: 11px;

	border: none;

}

.shfw .w .code-in{

	width: 150px;

}

/*.shfw .text{

	display: inline-block;

	vertical-align: top;

	font-size: 14px;

	line-height: 30px;

	color: #999999;

	margin-left: 22px;

}*/

.shfw .code-img{

	width: 90px;

	height: 30px;

	margin-left: 23px;

}

.shfw .code-text{

	display: inline-block;

	vertical-align: top;

	font-size: 14px;

	line-height: 30px;

	color: #999999;

	margin-left: 17px;

}

.shfw .code-text a{

	color: #1599FF;

}





.shfw .smbox-upfile-btn{

	font-size: 14px;

	height: 30px;

	line-height: 30px;

    width: 140px;

    background: #363636;

    text-align: center;

    color: #FFFFFF;

    border: none;

}



.shfw .smbox-imggroup-show.c4{

	margin: 20px 0;

    margin-left: -4px;	

}









/*发展历程*/

.fzlc{

	padding-bottom: 52px;

}

.fzlc .h{

	height: 70px;

	line-height: 70px;

	background: #FFFFFF;

	font-size: 0;

	padding: 0 15px;

}

.fzlc .h .w1030,

.fzlc .h .title,

.fzlc .h .date{

	height: inherit;

	line-height: inherit;

}

.fzlc .title{

	max-width: -webkit-calc(100% - 28px);

	max-width: -moz-calc(100% - 28px);

	max-width: calc(100% - 28px);

	float: left;

	position: relative;

	padding-left: 105px;

	font-size: 16px;

	color: #333333;

	

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.fzlc .h span{

	font-size: 16px;

	color: #333333;

	vertical-align: middle;

}

.fzlc .h .date{

	font-size: 18px;

	color: #333333;

	margin-right: 37px;

	

	position: absolute;

	margin: auto;

	left: 0;

	top: 0;

	bottom: 0;

}





.fzlc .symbol{

	float: right;

	width: 12px;

	height: 70px;

	position: relative;

}

.fzlc .symbol:before{

	content: '';

	display: inline-block;

	width: 12px;

	height: 2px;

	background: #333333;

	position: absolute;

	margin: auto;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

}

.fzlc .symbol:after{

	content: '';

	display: inline-block;

	width: 12px;

	height: 2px;

	background: #333333;

	position: absolute;

	margin: auto;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	transform: rotate(90deg);

}

.fzlc .active .symbol:after{

	content: '';

	display: inline-block;

	width: 12px;

	height: 2px;

	background: #333333;

	position: absolute;

	margin: auto;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	

	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	transform: rotate(0deg);

	transition: all .3s; 

}



.fzlc .c{

	height: 0;

	overflow: hidden;

	background: #F5F5F5;

}

.fzlc .c .w1030{

	padding: 42px 47px 58px;

	position: relative;

}

.fzlc .c .w1030 .up{

	cursor: pointer;

	display: inline-block;

	width: 100px;

	height: 18px;

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

	

	position: absolute;

	margin: auto;

	left: 0;

	right: 0;

	bottom: 0;

}



.fzlc .c .text{

	display: block;

	font-size: 16px;

	color: #999999;

	line-height: 30px;

	

	visibility: hidden;

	opacity: 0;

	

	-webkit-transform: translateY(-100%);

	-moz-transform: translateY(-100%);

	-ms-transform: translateY(-100%);

	transform: translateY(-100%);

	transition: all.3s ease-out;

}



.fzlc .active .h{

	background: #E9E9E9;

}

.fzlc .active .h .w1030{

	cursor: pointer;

}

.fzlc .active .c{

	height: auto;

}



.fzlc .active .c .text{

	visibility: visible;

	opacity: 1;

	

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0);

}















/*媒体报道*/

.mtbd{

	border-top: 1px solid #E6E6E6;

}

.mtbd > a{

	display: block;

	height: 140px;

	transition: all .3s;

	font-size: 0;

	padding: 0 15px;

	visibility: hidden;

}

.mtbd > a:nth-child(2n){

	background: #F5F5F5;

}

.mtbd > a:nth-child(2n + 1){

	background: #FFFFFF;

}

.mtbd .w1030{

	text-align: center;

	position: relative;

	height: inherit;

}

.mtbd .date{

	max-width: 208px;

	padding-top: 35px;

	font-family: arial;

	color: #B1B1B1;

	text-align: right;

	float: left;

	margin-left: 58px;

	transition: all .3s;

}

.mtbd .date .m-d{

	font-size: 60px;

	line-height: 42px;

}

.mtbd .date .y{

	font-size: 16px;

	line-height: 12px;

	margin-top: 8px;

}

.mtbd .center{

	text-align: left;

	padding-top: 34px;

	max-width: 508px;

	display: inline-block;

	vertical-align: top;

}

.mtbd .center .title{

	font-size: 16px;

	line-height: 1;

	color: #333333;

	transition: all .3s;

}

.mtbd .center .summary{

	margin-top: 17.5px;

	font-size: 13px;

	line-height: 22px;	

	color: #666666;

	max-height: 44px;

	overflow: hidden;

	transition: all .3s;

}

.mtbd .img{

	float: right;

	width: 150px;

	height: 90px;

	margin-top: 24px;

	margin-right: 60px;

	transition: all .3s;

}

.mtbd .gt{

	position: absolute;

	margin: auto;

	top: 0;

	bottom: 0;

	right: 43px;

	opacity: 0;

	transition: all .3s;

}

.mtbd ~ .more{

	margin-top: 38px;

}

@media only screen and (min-width: 1200px) {

	.mtbd > a:hover{

		background: #E73828;

	}

	.mtbd > a:hover .date{

		color: #FFFFFF;

		margin-left: 8px;

	}

	.mtbd > a:hover .img{

		margin-right: 110px;

	}

	.mtbd > a:hover .center .title,

	.mtbd > a:hover .center .summary{

		color: #FFFFFF;

	}

	.mtbd > a:hover .gt{

		opacity: 1;

		right: 5px;

	}

}

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

	.mtbd .center{

		float: left;

		max-width: -webkit-calc(100% - 158px);

		max-width: -moz-calc(100% - 158px);

		max-width: calc(100% - 158px);

	}

	.mtbd .center .summary{

		white-space: nowrap;

		text-overflow: ellipsis;

		overflow: hidden;

	}

	.mtbd .date{

		float: left;

		max-width: none;

		width: -webkit-calc(100% - 158px);

		width: -moz-calc(100% - 158px);

		width: calc(100% - 158px);

		display: inline-block;

		vertical-align: top;

		

		margin: 0;

		padding: 0;



		line-height: 22px;

		text-align: left;

	}

	.mtbd .date .m-d{

		display: inline-block;

		line-height: inherit;

		vertical-align: top;

		font-size: 16px;

	}

	.mtbd .date .y{

		display: inline-block;

		margin: 0;

		margin-left: 10px;

		line-height: inherit;

		vertical-align: top;

		font-size: 16px;

	}

	.mtbd .img{

		margin-right: 0;

	}

	/*.mtbd .gt{

		display: none;

	}

	

	.mtbd .img{

		float: right;

		margin-right: 0;

		margin-left: 15px;

		transition: none;

	}

	.mtbd .center{

		max-width: -webkit-calc(100% - 165px);

		max-width: -moz-calc(100% - 165px);

		max-width: calc(100% - 165px);

		width: -webkit-calc(100% - 165px);

		width: -moz-calc(100% - 165px);

		width: calc(100% - 165px);

		float: left;

	}*/

}















/*媒体报道 翻页*/

.page{

	padding-bottom: 33px;

	text-align: center;

	font-size: 0;

	margin: 0 auto;

}

.page a{

	display: inline-block;

	vertical-align: top;

	border: 1px solid #000000;

	font-size: 16px;

	color: #000000;

	height: 45px;

	line-height: 43px;

	margin-top: 18px;

}

.page .p,

.page .n{

	width: 108px;

	margin-right: 22px;

}

.page .b{

	width: 68px;

}

.page .p{

	text-align: left;

	padding-left: 41px;

	background: url(../images/page-p.png) left 16px center no-repeat;

}

.page .n{

	text-align: right;

	padding-right: 41px;

	background: url(../images/page-n.png) right 16px center no-repeat;

}









/*媒体报道-正文*/

.mtbd-title{

	padding: 0 15px;

	line-height: 100px;

	text-align: center;

	font-size: 30px;

	color: #333333;

	background: #F5F5F5;

}



.mtbd-sub{

	padding-bottom: 13px;

	min-height: 145px;

	border-bottom: 1px dashed #DCDCDC;

}

.mtbd-sub .left{

	padding-top: 24px;

	font-size: 0;

	line-height: 22px;

	float: left;

}

.mtbd-sub .left span{

	display: inline-block;

	vertical-align: middle;

}

.mtbd-sub .left .date{

	font-size: 16px;

	color: #999999;

	padding-left: 32px;

	margin-right: 23px;

	background: url(../images/mtbd-sub1.png) left center no-repeat;

}

.mtbd-sub .left .eye{

	font-size: 16px;

	color: #999999;

	margin-right: 34px;

	padding-left: 32px;

	background: url(../images/mtbd-sub2.png) left center no-repeat;

}

.mtbd-sub .left .share span{

	font-size: 16px;

	color: #333333;

}

.mtbd-sub .left .share img{

	vertical-align: top;

	margin-left: 18px;

}

.mtbd-sub .right{

	padding-top: 20px;

	float: right;

	font-size: 0;

}

.mtbd-sub .right img{

	width: 33px;

	vertical-align: top;

	margin-left: 21px;

}

.mtbd-sub .summary{

	font-size: 16px;

	line-height: 30px;

	color: #989999;

	margin-top: 18px;

}

.mtbd-content{

	padding: 28px 0;

}

.mtbd-content p{

	font-size: 16px;

	line-height: 30px;

	color: #666666;

}

.mtbd-content p.ti{

	text-indent: 2em;

}

.mtbd-content .mt28{

	margin-top: 28px;

}

.mtbd-content img{

	display: block;

	margin-left: auto;

	margin-right: auto;

	width: 100%;

}









/*相关报道*/

.xgbd{

	background: #F5F5F5;

	padding: 0 15px;

}

.xgbd .h3{

	height: 130px;

	background: #F5F5F5;

}

.xgbd > .list{

	max-width: 1200px;

	width: 100%;

	margin: 0 auto;

	padding-bottom: 25px;

	font-size: 0;

	line-height: 0;

	white-space: nowrap;

	overflow-x: auto;

}

.xgbd .list a{

	display: inline-block;

	vertical-align: top;

	width: 220px;

	white-space: normal;

	position: relative;

}

.xgbd .list a + a{

	margin-left: 25px;

}

.xgbd .list a.end{

	height: 0;

	margin: 0;

	padding: 0;

	visibility: hidden;

}

.xgbd .list a img{

	vertical-align: top;

	width: 220px;

	height: 132px;

}

.xgbd .list a div{

	margin: 13px 0;

	text-align: center;

	font-size: 16px;

	line-height: 24px;

	color: #333333;

	height: 48px;

	overflow: hidden;

}

.xgbd .list a .date{

	position: absolute;

	top: 0;

	right: 0;

	width: 80px;

	height: 24px;

	line-height: 24px;

	background: #323233;

	color: #FFFFFF;

	font-family: arial;

	font-size: 12px;

	text-align: center;

}





/*产品结构及供应商*/

.pb84{

	padding-bottom: 84px;

}

.pb84 img{

	display: block;

	max-width: 885px;

	width: 100%;	

	margin: 0 auto;

}







/*服务体系*/

.fwtx .list{

	text-align: justify;

	margin-bottom: -39px;

	line-height: 0;

}

.fwtx .list:after{

	content: '';

	display: inline-block;

	width: 100%;

	height: 0;

	margin: 0;

	padding: 0;

	vertical-align: top;

}

.fwtx .list li{

	display: inline-block;

	width: 490px;

	min-height: 480px;

	background: #F5F5F5;

	padding-bottom: 17px;

	text-align: center;

	text-align-last: center;

	margin-bottom: 39px;

	vertical-align: top;

}

.fwtx .list li img{

	width: 100%;

	vertical-align: top;

}

.fwtx .list .img-box{

	position: relative;

}

.fwtx .list .img-box .o-h{

	overflow: hidden;

}

.fwtx .list .img-box .o-h img{

	transition: all .3s;

}



@media only screen and (min-width: 1200px) {

	.fwtx .list li:hover .o-h img{

		-webkit-transform: scale(1.1);

		-moz-transform: scale(1.1);

		-ms-transform: scale(1.1);

		transform: scale(1.1);

	}

}

.fwtx .img-box .icon{

	position: absolute;

	margin: auto;

	width: 70px;

	left: 0;

	right: 0;

	bottom: 0;

	-webkit-transform: translateY(50%);

	-moz-transform: translateY(50%);

	-ms-transform: translateY(50%);

	transform: translateY(50%);

}

.fwtx .list li .title{

	font-size: 18px;

	line-height: 1;

	margin-top: 57px;

	text-align: center;

	color: #333333;

}

.fwtx .list li .text{

	padding: 0 22px;

	color: #999999;

	font-size: 14px;

	line-height: 24px;

	margin-top: 12px;

}

.fwtx .imgs{

	margin: 0 auto;

}

.fwtx .imgs img{

	width: 100%;

	vertical-align: top;

}





/*服务体系-我们选择优秀的物流伙伴*/

.partner .h{

	min-height: 160px;

	text-align: center;

	padding-top: 44.5px;

	padding-bottom: 37.5px;

}

.partner .h .title{

	font-size: 36px;

	color: #333333;

}

.partner .h .subtitle{

	font-size: 16px;

	color: #999999;

	margin-top: 16.5px;

}

.partner .list{

	text-align: justify;

	line-height: 0;

	width: 100%;

	margin: 0 auto;

	margin-bottom: 50px;

}

.partner .list a{

	display: inline-block;

	width: 240px;

	height: 140px;

	margin-bottom: 24px;

	vertical-align: top;

	background: center/cover no-repeat;

}

.partner .list a.end{

	height: 0;

	margin: 0;

}



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

	.fwtx .list{

		max-width: 490px;

		width: 100%;

		margin: 0 auto;

	}

	.fwtx .list li{

		width: 100%;

	}

	

	.partner .list{

		max-width: 504px;

	}

	

	.fwtx .imgs{

		max-width: 504px;

		margin: 0 auto;

	}

}







/*掌柜出品-产品-正文*/

.goods-name{

	font-size: 24px;

	line-height: 34px;

	color: #333333;

	text-align: center;

	margin-bottom: 26px;

}

.goods-head{

	padding-bottom: 24px;

	background: url(../images/space.png) center bottom repeat-x;

}

.goods-head .left{

	width: 510px;

	height: 340px;

	float: left;

}

.goods-head .right{

	width: -webkit-calc(100% - 510px);

	width: -moz-calc(100% - 510px);

	width: calc(100% - 510px);

	float: right;

	background: #F5F5F5;

	height: 340px;

	padding: 23px 19px 52px;

	position: relative;

}

.goods-head .right .title{

	line-height: 1;

	height: 34px;

	font-size: 18px;

	padding-left: 1px;

	color: #333333;

	position: relative;

}

.goods-head .title:after{

	content: '';

	display: block;

	width: 30px;

	height: 2px;

	background: #363636;

	position: absolute;

	left: 1px;

	bottom: 0;

}

.goods-head .parameter{

	margin-top: 19px;

}

.goods-head .parameter p{

	font-size: 14px;

	line-height: 28px;

	color: #666666;

}

.goods-head .parameter span{

	line-height: inherit;

	display: inline-block;

	vertical-align: top;

	width: 4.5em;

	text-align: justify;

	text-align-last: justify;

}

.goods-head .summary{

	margin-top: 13px;

	font-size: 14px;

	line-height: 24px;

	color: #666666;

}

.goods-head .buy{

	display: inline-block;

	width: 130px;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	color: #FFFFFF;

	position: absolute;

	right: 0;

	bottom: 0;

	padding-left: 55px;

	background: #949494 url(../images/buy.png) 21px center no-repeat;

}





.goods-introduce .title{

	line-height: 1;

	font-size: 18px;

	color: #333333;

	height: 34px;

	position: relative;

	margin-top: 21px;

}

.goods-introduce .title:after{

	content: '';

	display: inline-block;

	height: 2px;

	width: 30px;

	background: #363636;

	position: absolute;

	left: 0;

	bottom: 0;

}

.goods-introduce .summary{

	padding: 27px 0;

}



.goods-introduce .summary img{

	display: block;

	margin: 0 auto;

	max-width:100%;

}

.goods-introduce .summary p{

	font-size: 16px;

	line-height: 30px;

	text-indent: 2em;

	color: #666666;

}

.goods-t-img{

	display: block;

	margin: 18px auto 0;

}

.goods-c-title{

	margin-top: 40px;

	line-height: 1;

	font-size: 45px;

	color: #333333;

	text-align: center;

}

.goods-c-subtitle{

	font-size: 16px;

	line-height: 24px;

	color: #333333;

	position: relative;

	text-align: center;

	margin-top: 14px;

	margin-bottom: 40px;

}

.goods-c-subtitle:before{

	content: '';

	display: inline-block;

	vertical-align: middle;

	width: 60px;

	height: 1px;

	background: #363636;

	margin-right: 13px;

}

.goods-c-subtitle:after{

	content: '';

	display: inline-block;

	vertical-align: middle;

	width: 60px;

	height: 1px;

	background: #363636;

	margin-left: 13px;

}

.goods-c img{

	display: block;

	margin: 0 auto;

	width: 100%;

	vertical-align: top;

}

.zgcp-cp-zw ~ .page{

	margin-top: 71px;

	padding-bottom: 40px;

}

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

	.goods-head{

		width: 100%;

		margin: 0 auto;

	}

	.goods-head .left{

		float: none;

		width: 100%;

		height: auto;

		vertical-align: top;

	}

	.goods-head .right{

		width: 100%;

		min-height: 340px;

		height: auto;

	}

}









/*三大产区*/

.sdcq{

	position: relative;

}

.sdcq:before{

	content: '';

	display: block;

	height: 200px;

	background: #F5F5F5;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

}

.sdcq .t-bg{

	background: #F5F5F5;

}

.sdcq .t{

	font-size: 0;

	text-align: center;

}

.sdcq .t li{

	display: inline-block;

	width: 20%;

	text-align: center;

	vertical-align: top;

	height: 107px;

	line-height: 107px;

	position: relative;

}

.sdcq .t li.active:before {

	content: '';

	width: 0;

    height: 0;

    border-left: 9px solid transparent;

    border-right: 9px solid transparent;

    border-top: 12px solid #ff5555;

	position: absolute;

	margin: 0 auto;

	top: 0;

	left: 0;

	right: 0;

}

.sdcq .t li.active .middle .title{

	color: #ff5555;

}



.sdcq .t li.in:before {

	content: '';

	width: 0;

    height: 0;

    border-left: 9px solid transparent;

    border-right: 9px solid transparent;

    border-top: 12px solid #ff5555;

	position: absolute;

	margin: 0 auto;

	top: 0;

	left: 0;

	right: 0;

}

.sdcq .t li.in .middle .title{

	color: #ff5555;

}

/*.sdcq .t li + li:after{

	content: '';

	width: 1px;

	height: 64px;

	background: #E0E0E0;

	position: absolute;

	margin: auto;

	top: 0;

	left: 0;

	bottom: 0;

	

	-webkit-transform: rotate(18.4deg);

	-moz-transform: rotate(18.4deg);

	-ms-transform: rotate(18.4deg);

	transform: rotate(18.4deg);

}*/



.sdcq .t .middle{

	display: inline-block;

	vertical-align: middle;

	cursor: pointer;

}

.sdcq .t .middle .title{

	line-height: 1;

	font-size: 17px;

	color: #333333;



}



.sdcq .middle .subtitle{

	margin-top: 20px;

	line-height: 1;

	font-size: 16px;

	color: #666666;

}

.sdcq .middle .subtitle span{

	color: #FF5555;

}

.sdcq-swiper .swiper-slide {

	overflow: hidden;

	cursor: pointer;

}

.sdcq-swiper .swiper-slide .box{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: rgba(38,41,46,.8);

	text-align: center;

	padding: 0 48px;

	color: #FFFFFF;

	

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	-ms-transform: translateY(100%);

	transform: translateY(100%);

	transition: all .3s;

}

.sdcq-swiper .swiper-slide .box .title{

	line-height: 1;

	font-size: 18px;

	margin-top: 71px;

}

.sdcq-swiper .swiper-slide .box .summary{

	font-size: 12px;

	line-height: 24px;

	margin-top: 44px;

}

@media only screen and (min-width: 1200px) {

	.sdcq-swiper .swiper-slide:hover .box{

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		-ms-transform: translateY(0);

		transform: translateY(0);

	}

}

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

	.sdcq .t li{

		display: block;

		width: 100%;

	}

	.sdcq .t li + li:after{

		width: 64px;

		height: 1px;

		top: 0;

		left: 0;

		right: 0;

		bottom: auto;

		

		-webkit-transform: rotate(18.4deg);

		-moz-transform: rotate(18.4deg);

		-ms-transform: rotate(18.4deg);

		transform: rotate(18.4deg);

	}

	.sdcq-swiper{

		max-width: 515px;

	}

	.sdcq .t .middle .title{

		display: inline-block;

		vertical-align: middle;

	}

	.sdcq .middle .subtitle{

		display: inline-block;

		vertical-align: middle;

		margin-top: 0;

		margin-left: 20px;

	}

}





/*品鉴之道-验蟹师*/

.yxs-h340{

	min-height: 340px;

	background: #F3F3F3;

	padding: 31px 15px 39px;

}

.yxs-h340 p{

	font-size: 16px;

	line-height: 30px;

	color: #666666;

	text-indent: 2em;

}



.yxs-swiper .round1{

	display: inline-block;

	font-size: 0;

	width: 280px;

	height: 280px;

	text-align: center;

	background: #F8F8F8;

	border-radius: 280px;

	padding-top: 25px;

	cursor: pointer;

	overflow: hidden;

	transition: all .3s;

}

.yxs-swiper .round2{

	display: inline-block;

	border-radius: 230px;

	width: 230px;

	height: 230px;

	border: 15px solid #E2E2E2;

	background: #E2E2E2;

	text-align: center;

	vertical-align: top;

	background: center/cover no-repeat content-box;

	transition: all .3s;

}

.yxs-swiper .round1 .info{

	padding-top: 22px;

	visibility: hidden;

	opacity: 0;

	transition: all .3s;

}

.yxs-swiper .round1 .name{

	line-height: 1;

	font-size: 18px;

	color: #FFFFFF;

	height: 31px;

	position: relative;

}

.yxs-swiper .round1 .name:after{

	content: '';

	display: inline-block;

	width: 30px;

	height: 1px;

	background: #FFFFFF;

	position: absolute;

	margin: auto;

	left: 0;

	right: 0;

	bottom: 0;

}

.yxs-swiper .round1 .o{

	margin-top: 17px;

	line-height: 1;

}

.yxs-swiper .round1 .o span{

	font-size: 16px;

	color: #FFFFFF;

	padding: 0 9px;

}

/*@media only screen and (min-width: 1200px) {*/

	.yxs-swiper .round1:hover{

		background: #FF5656;

		line-height: normal;

		padding-top: 10px;

	}

	.yxs-swiper .round1:hover .round2{

		width: 130px;

		height: 130px;

		border-width: 5px;

		border-color: #FFFFFF;

	}

	.yxs-swiper .round1:hover .info{

		visibility: visible;

		opacity: 1;

	}

/*}*/



.yxs-swiper{

	max-width: 1030px;

	margin-top: 60px;

	text-align: justify;

	line-height: 0;

}

.yxs-swiper .r{

	width: 280px;

	display: inline-block;

	vertical-align: top;

	margin-bottom: 60px;

}

.yxs-swiper .r.end{

	margin: 0;

	height: 0;

	visibility: hidden;

}

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

	.yxs-swiper{

		max-width: 620px;

	}

}





/*服务支持*/

.fwzc{

 min-height: 180px;

 padding: 0 -webkit-calc(50vw - 515px);

 padding: 0 -moz-calc(50vw - 515px);

 padding: 0 calc(50vw - 515px);

 background: #F5F5F5;

 font-size: 0;

}

.fwzc li{

 width: 25%;

 height: 180px;

 line-height: 180px;

 display: inline-block;

 text-align: center;

 vertical-align: top;

}

.fwzc .middle{

 display: inline-block;

 vertical-align: middle;

 line-height: normal;

}

.fwzc .img-box{

 display: inline-block;

 vertical-align: top;

 height: 43px;

 line-height: 43px;

}

.fwzc .img-box img{

 vertical-align: middle;

 height: 100%;

 max-width: 100%;

}

.fwzc .middle p{

 margin-top: 16px;

 font-size: 14px;

 color: #333333;

 line-height: 24px;

}





.fwzc-sub{

 background: #fff;

 

 width: -webkit-calc(100vw - 30px);

 max-width: 1030px;



 margin: auto;

 margin-top: 29px;



 border: 1px dotted #D2D2D2;

}







.about-hyx{

 padding: 0 15px;

}

.about-hyx .title{

 font-size: 24px;

 line-height: 30px;

 color: #26292E;

 text-align: center;

}

.about-hyx .subtitle{

 font-size: 14px;

 line-height: 26px;

 color: #333333;

 text-align: center;

}

.about-hyx .content{

 margin-top: 40px;

 padding-bottom: 40px;

}

.about-hyx .content p{

 color: #999999;

 font-size: 14px;

 line-height: 26px;

}



.hyx-superiority{

 min-height: 450px;

 background: #F0F0F0;

}

.hyx-superiority .h{

 height: 130px;

 line-height: 130px;

 font-size: 0;

 text-align: center;

}

.hyx-superiority .middle{

 display: inline-block;

 vertical-align: middle;

}

.hyx-superiority .h .title{

 font-size: 24px;

 line-height: 30px;

 color: #26292E;

}

.hyx-superiority .h .subtitle{

 font-size: 14px;

 line-height: 30px;

 color: #26292E;

}

.hyx-superiority ul{

 font-size: 0;

}

.hyx-superiority ul li{

 font-size: 0;

 display: inline-block;

 width: 250px;

}

.hyx-superiority ul li + li{

 margin-left: 10px;

}

.hyx-superiority ul li img{

 width: 250px;

 height: 190px;

 vertical-align: top;

}

.hyx-superiority ul li .text{

 height: 70px;

 line-height: 70px;

 background: #272B30;

 padding: 0 15px;

 

 -webkit-transition: all .5s; 

 transition: all .5s; 

}

.hyx-superiority ul li:hover .text{

 background: #FF4747;

}

.hyx-superiority ul li .title{

 color: #FFFFFF;

 font-size: 18px;

 line-height: 24px;

}

.hyx-superiority ul li .subtitle{

 color: #FFFFFF;

 font-size: 14px;

 line-height: 24px;

}

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

 .hyx-superiority ul{

  width: 510px;

  padding-bottom: 60px;

 }

 .hyx-superiority ul li{

  margin-bottom: 10px;

 }

 .hyx-superiority ul li:nth-child(odd){

  margin-left: 0;

 }

}