/* 公共模块 */
@font-face{font-family: 'iconfont';src: url('../fonts/iconfont.eot');/* IE9*/src: url('../fonts/iconfont.eot') format('embedded-opentype'),
url('../fonts/iconfont.woff') format('woff'),
url('../fonts/iconfont.ttf') format('truetype'),
url('../fonts/iconfont.svg') format('svg');/* iOS 4.1-*/}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0px;-moz-osx-font-smoothing: grayscale;}
/*导航*/
* {
	transition:all .3s linear;
}
nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	background: #22252a;
	z-index: 100;
}
.nav {
	position: absolute;
	top: 0;
	left: 50%;
	opacity: 1;
	filter:alpha(opacity=100);
}
.nav ul {
	overflow: hidden;
	float: left;
	margin-left: -50%;
}
.nav ul li {
	float: left;
	height: 90px;
	line-height: 90px;
	padding: 0 18px;
}
.nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
.nav-hide{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.nav ul li:hover a {
	color: #cc090b;
}
.nav-list {
	display: none;
	position: absolute;
	right: 8px;
	top: 0;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
.logo {
	float: left;
	margin-left: 20%;
	padding-top: 28px;
}
.logo a {
	display: block;
	width: 200px;
	height: 35px;
	background: url("http://hebi.vlogplay.com/Public/Yx/images/logo.png") center no-repeat;
}
.le-group {
	position: absolute;
	top: 28px;
	right: 20%;
	z-index: 100;
}
.le-group a {
	float: right;
	width: 78px;
	height: 36px;
	border: 1px solid #fff;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
.le-group .enroll {
	margin-left: 14px;
	border: 1px solid #c81414;
	background: #c81414;
}
/*导航结束*/

/*头部*/
.optimal-inx .headr-box {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
}
.optimal-inx .headr-box img {
	width: 100%;
	max-width: 1920px;
}
.headr-box>div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.optimal-inx .headr-box h1 {
	width: 438px;
	height: 130px;
	margin: 270px auto 17px;
	background: url("../images/h2.png") center no-repeat;
}
.optimal-inx .headr-box p {
	padding-bottom: 60px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.optimal-inx .headr-box input {
	overflow: hidden;
	width: 476px;
	height: 46px;
	padding: 0 15px;
}
.optimal-inx .headr-box label {
	overflow: hidden;
}
.optimal-inx .headr-box label span {
	float: right;
	display: block;
	width: 100px;
	height: 46px;
	background: #c81414;
	line-height: 46px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
	vertical-align: top;
}
.nav-icon {
	float: right;
	height: 45px;
	line-height: 45px;
	margin-right:15px;
}
.nav-icon .iconfont {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-top: 7px;
	font-size: 16px;
	color: #999;
	text-align: center;
	background: #fff;
}
/*头部结束*/

/*内容块*/
/*服务*/
.optimal-inx .content h2 {
	text-align: center;
	font-size: 44px;
	font-weight: bold;
	color: #22252a;
}
.optimal-inx .content i {
	display: block;
	width: 51px;
	height: 6px;
	margin: 40px auto;
	background: url("../images/red_ico.png") center no-repeat;
}
.optimal-inx .content .our-serve {
	overflow: hidden;
	margin: 0 auto;
	padding: 105px 0 64px 0;
	background: #e6e6e6;
}
.pro-imgs-go {
	position: relative;
}
.optimal-inx .content .our-serve ul {
	width: 1170px;
	margin: 0 auto;
}
.optimal-inx .content .our-serve li {
	position: relative;
	float: left;
	width: 376px;
	height: 231px;
	margin: 0 20px 20px 0;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}
.optimal-inx .content .our-serve li a {
	cursor: default;
}
.optimal-inx .content .our-serve dl {
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
	height: 230px;
	padding-top: 27px;
	margin: 0;
	background: #fff;
}
.optimal-inx .content .our-serve li:hover dl {
	-webkit-transform: translateZ(20px) translateY(-5px);
	transform: translateZ(20px) translateY(-5px);
	-webkit-box-shadow: 1px 1px 10px 5px rgba(20, 20, 20, 0.3);
	box-shadow: 1px 1px 10px 5px rgba(20, 20, 20, 0.3);
}
.optimal-inx .content .our-serve .service dt {
	width: 55px;
	height: 50px;
	margin: 0 auto;
	background: url("../images/serve_1.png") center no-repeat;
	background-size: 100%;
}
.optimal-inx .content .our-serve .keyword dt {
	width: 55px;
	height: 50px;
	margin: 0 auto;
	background: url("../images/serve_2.png") center no-repeat;
	background-size: 100%;
}
.optimal-inx .content .our-serve .optimization dt {
	width: 55px;
	height: 50px;
	margin: 0 auto;
	background: url("../images/serve_3.png") center no-repeat;
	background-size: 100%;
}
.optimal-inx .content .our-serve .search dt {
	width: 55px;
	height: 50px;
	margin: 0 auto;
	background: url("../images/serve_4.png") center no-repeat;
	background-size: 100%;
}

.optimal-inx .content .our-serve .intelligent dt {
	width: 55px;
	height: 50px;
	margin: 0 auto;
	background: url("../images/serve_5.png") center no-repeat;
	background-size: 100%;
}
.optimal-inx .content .our-serve .effect dt {
	width: 55px;
	height: 50px;
	margin: 0 auto;
	background: url("../images/serve_6.png") center no-repeat;
	background-size: 100%;
}
.optimal-inx .content .our-serve li dd {
	overflow: hidden;
	padding: 19px 37px 0;
	text-align: center;
}
.optimal-inx .content .our-serve li p {
	overflow: hidden;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #22252a;
}
.optimal-inx .content .our-serve li div {
    display: flex;
	color: #666;
    /* justify-content: space-between; */
}
.optimal-inx .content .our-serve li div>span {
    flex: none;
    min-width: 45%;
}
.optimal-inx .content .our-serve li div>span:first-child {
    margin-right: 35px;
}
.optimal-inx .content .our-serve li div>span u {
    display: block;
    font-size: 12px;
    line-height: 30px;
    text-align: start;
    text-decoration: none;
}
.optimal-inx .content .our-serve .btn-buy {
	width: 121px;
	height: 46px;
	margin: 0 auto;
    margin-top: 50px;
	background: #c81414;
}
.optimal-inx .content .our-serve .qr-show {
	z-index: 1;
	position: relative;
	width: 163px;
	height: auto;
	background: #fff;
}
.optimal-inx .content .our-serve .qr-show>div>span {
	position: absolute;
	top: -3px;
	z-index: 2;
	display: inline-block;
	left: 15px;
	background: #fff;
	font-size: 16px;
	color: #c81414;
	text-align: center;
}
.optimal-inx .content .our-serve .qr-show>div>span em {
	display: block;
	line-height: 1;
}
.optimal-inx .content .our-serve .qr-show .qr-imgs{
	height: 163px;
	padding: 0 0 5px;
}
.optimal-inx .content .our-serve .qr-show .qr-show-title {
	position: relative;
	height: 40px;
	padding-top: 5px;
	background: #fff;
	border:1px solid #c81414;
	text-align: center;
}
.optimal-inx .content .our-serve .btn-buy img {
	width: 100%;
}
.optimal-inx .content .our-serve .btn-buy a {
	display: block;
	height: 46px;
	line-height: 46px;
	text-align: center;
	color: #fff;
}
.shuju {
    width: 100%;
    height: 236px;
    background: url("../images/shuju.jpg") no-repeat;
    background-size: auto;
}
.shuju .container {
    display: flex;
    height: 100%;
    justify-content: space-around;
    align-items: center;
}
.shuju .container .item {
    color: #fff;
}
.shuju .container .item span {
    display: block;
    font-size: 60px;
    text-align: center;
}
.shuju .container .item span u {
    font-size: 14px;
    text-decoration: none;
}
.shuju .container .item .title {
    font-size: 14px;
}
/* 流程标准 */
.our-flow h2 {
    margin-top: 0px;
    padding-top: 110px;
}
.our-flow .container {
    display: flex;
    width: 1170px;
    margin: 0 auto;
    justify-content: space-between;
    text-align: center;
}
.our-flow .container div {
    width: 95px;
    height: 95px;
    padding-top: 26px;
    border-radius: 10px;
    background: #f5f5f5;
    margin: 17px 0 20px 0;
}
.our-flow .container u {
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 auto;
    
}
.our-flow .container .shenhe u {
    background: url("../images/flow_1.png") no-repeat;
    background-size: 100%;
}
.our-flow .container .fenxi u {
    background: url("../images/flow_2.png") no-repeat;
    background-size: 100%;
}
.our-flow .container .zhenduan u {
    background: url("../images/flow_3.png") no-repeat;
    background-size: 100%;
}
.our-flow .container .fangan u {
    background: url("../images/flow_4.png") no-repeat;
    background-size: 100%;
}
.our-flow .container .zhixing u {
    background: url("../images/flow_5.png") no-repeat;
    background-size: 100%;
}
.our-flow .container .tiaozheng u {
    background: url("../images/flow_6.png") no-repeat;
    background-size: 100%;
}
.our-flow .container li {
    position: relative;
}
.our-flow .container li::before {
    position: absolute;
    display: block;
    content: "";
    width: 70px;
    height: 20px;
    background: url("../images/flow_arrow.png") no-repeat;
    background-size: 100%;
    top: 57px;
    right: -76px;
}
.our-flow .container li:last-child::before {
    display: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/* 产品介绍 */
.pro-img {
	width: 100%;
}
.pro-img img {
	width: 100%;
}
.pro-img {
	position:relative;
	width: 100%;
	height: auto;
}
.pro-title {
	width: 1200px;
	margin: 0 auto;
}
.pro-title strong {
	display: block;
	padding: 0 0 0 6px;
	margin-bottom: 28px;
	border-left: 5px solid #c81414;
	font-size: 24px;
	color: #22252a;
}
.pro-title  p {
	line-height: 2;
	font-size: 14px;
	color: #222528;
}
.pro-title-a{
	width: 1200px;
	margin: 0 auto;
}
.pro-title-a strong {
	display: block;
	margin-top: 97px;
	margin-bottom: 33px;
	padding: 0 0 0 6px;
	border-left: 5px solid #c81414;
	font-size: 24px;
	color: #22252a;
}
.optimal-inx .content .pro-box {
	padding: 0 0 82px;
	background: #fff;
}
.optimal-inx .content .pro-box dl {
	border:1px solid #535353;
}
/* 案例 */
.deta-banner {
	width: 100%;
	height: auto;
	margin-top: 90px;
	// padding: 0;
}
.deta-banner img {
	width: 100%;
}
.deta-yinying {
	background: url("../images/yinxing.jpg") center no-repeat;
}
.deta-shunhe {
	background: url("../images/fannao.jpg") center no-repeat;
}
.deta-aimiy {
	background: url("../images/liansuo.jpg") center no-repeat;
}
.deta-box {
	width: 1170px;
	margin: 0 auto;
	padding: 106px 15px 120px;
}
.deta-title {
	overflow: hidden;
}
.deta-title>div {
	float: left;
	overflow: hidden;
}
.date-img  {
	// width: 550px;
	height: 350px;
	padding: 0;
}
.deta-title>div  img {
	width: 100%;
}
.deta-about {
	// width: 470px;
	height: 350px;
	padding: 60px 74px 0;
	background: #e6e6e6;
}
.deta-about strong {
	display: block;
	margin-bottom: 36px;
	line-height: 1;
	padding-left: 6px;
	font-size: 24px;
	color: #22252a;
	border-left: 5px solid #cc3030;
}
.deta-about span {
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	color: #22252a;
}
.deta-about a {
	font-size: 14px;
	color: #c81414;
	text-decoration: none;
}
.deta-about p {
	line-height: 1.6;
	font-size: 14px;
	color: #22252a;
}
.deta-content {
	overflow: hidden;
	padding: 100px 0 0;
}
.deta-content strong {
	display: block;
	margin-bottom: 28px;
	line-height: 1;
	padding-left: 6px;
	font-size: 24px;
	color: #22252a;
	border-left: 5px solid #cc3030;
}
.deta-content p {
	margin-bottom: 28px;
	line-height: 1.6;
	font-size: 14px;
	color: #22252a;
}
.deta-imgs {
	overflow: hidden;
}
.deta-imgs strong {
	display: block;
	margin-bottom: 28px;
	line-height: 1;
	padding-left: 6px;
	font-size: 24px;
	color: #22252a;
	border-left: 5px solid #cc3030;
}
.deta-imgs ul {
	overflow: hidden;
}
.deta-imgs li {
	float: left;
	width: 50%;
}
.deta-imgs li img {
	width: 100%;
	height: 100%;
}
.deta-imgs .deta-mar {
	margin: 0;
}
.deta-show-mask {
	z-index: 104;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7)
}
.deta-show-mask .iconfont {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	background: rgba(0, 0, 0, 0.9);
	color:#fff;
	box-shadow: 0px 0px 2px 3px #8c8c8c;
	cursor: pointer;
}
.deta-show-imgs {
	width: 80%;
	height: 80%;
	margin: 50px auto;
	background: #fff;
}
.deta-show-imgs img {
	width: 100%;
	height: 100%;
	opacity: .3;
	filter:alpha(opacity=30);
}
/*团队*/
.optimal-inx .content .our-team {
	padding-top: 105px;
}
.optimal-inx .content .our-team .tab-team {
	overflow: hidden;
	width: 260px;
	margin: 0 auto 55px;
}
.optimal-inx .content .our-team .tab-team li {
	float: left;
	padding: 0 34px;
	border-right: 2px solid #8c8c8c;
	font-size: 15px;
	color: #828282;
	box-sizing: border-box;
}
.optimal-inx .content .our-team .tab-team li:nth-child(2) {
	border:0;
}
.optimal-inx .content .our-team .team-con dl {
	position: absolute;
	top: 0;
	left: 0;
}
.optimal-inx .content .our-team .team-con li .summary {
	position: absolute;
	top: 0;
	left: -267px;
	width: 100%;
	height: 100%;
	background: #373c41;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.summary>div {
	padding: 36px 27px 0;
}
.optimal-inx .content .our-team .tab-team li:hover {
	color: #000;
	cursor: pointer;
	opacity: 1;
	filter:alpha(opacity=100);
}
.optimal-inx .content .our-team .team-con {
	width: 1200px;
	margin: 0 auto;
}
.optimal-inx .content .our-team .team-con li {
	position: relative;
	overflow: hidden;
	float: left;
	width: 265px;
	height: 401px;
	margin-left: 34px;
}
.optimal-inx .content .our-team .team-con li:hover .summary{
	display: block;
	left: 0;
	opacity: 1;
	filter:alpha(opacity=100);
}	
.optimal-inx .content .team-con li dl {
	height: 401px;
	background: #d7d7d7;
}
.optimal-inx .content .team-con li dt {
	position: relative;
	width: 267px;
	height: 313px;
	margin-bottom: 18px;
}
.optimal-inx .content .team-con li dt .img-text {
	display: none;
	position: absolute;
	top: 25px;
	left: 10px;
}
.optimal-inx .content .team-con li dt div span {
	display: block;
	width: 77px;
	line-height: 26px;
	margin-bottom: 9px;
	border:1px solid #494a4c;
	font-size: 14px;
	color: #d7d7d7;
	background: rgba(35,34,38,.7);
	text-align: center;
}
.optimal-inx .content .our-team .team-con li div{
	height:188px;
	margin-bottom: 26px;
}
.optimal-inx .content .team-con .summary h2 {
	text-align: left;
	font-size: 20px;
	color: #fff;
}
.optimal-inx .content .team-con .summary span {
	display: block;
	padding-bottom: 28px;
	font-size: 14px;
	color: #fff;
}
.optimal-inx .content .team-con dd strong em {
	display: none;
}
.optimal-inx .content .team-con dd .text-show {
	display: none;
}
.optimal-inx .content .team-con li dt .imgs-show {
	display: none;
	position: absolute;
	bottom: -60px;
	right: 15px;
	width: 99px;
	height:99px;
}
.optimal-inx .content .team-con li dt .imgs-show:before {
	z-index: 0;
	content:"";
	position: absolute;
	top: -5px;
	left: -5px;
	width: 20px;
	height: 20px;
	background: #c81414;
}
.optimal-inx .content .team-con li dt .imgs-show:after {
	z-index: 0;	
	content:"";
	position: absolute;
	right: -5px;
	bottom: -5px;
	width: 20px;
	height: 20px;
	background: #c81414;
}
.optimal-inx .content .team-con li dt .imgs-show img {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.optimal-inx .content .team-con .summary p {
 	overflow:hidden;
 	height: 100px;
 	font-size: 14px;
 	color: #fff;
 	display: -webkit-box;
    text-overflow:ellipsis ;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;
}
.optimal-inx .content .team-con .summary em {
	float: left;
	margin: 74px 0 0 45px;
	font-size: 14px;
	color: #fff;
}
.optimal-inx .content .team-con .summary .absorbed {
	height: 20px;
	padding-bottom: 0;
}
.optimal-inx .content .team-con .summary img {
	overflow: hidden;
	float: right;
	width: 94px;
	height: 94px;
}
.optimal-inx .content .team-con .fir dt {
	background: url("../images/summary_3.jpg") center no-repeat;
	background-size: 100%;
}
.optimal-inx .content .team-con .sed dt {
	background: url("../images/summary_2.jpg") center no-repeat;
	background-size: 100%;
}
.optimal-inx .content .team-con .thr dt {
	background: url("../images/summary_1.jpg") center no-repeat;
	background-size: 100%;
}
.optimal-inx .content .team-con .for dt {
	background: url("../images/summary_5.png") center no-repeat;
	background-size: 100%;
}
.optimal-inx .content .team-con li dd {
	text-align: center;
}
.optimal-inx .content .team-con dd strong {
	display: block;
	font-size: 20px;
	color: #22252a;
}
.optimal-inx .content .team-con dd strong em {
	font-size: 14px;
	color: #646464;
}
.optimal-inx .content .team-con dd span {
	font-size: 14px;
	color: #646464;
}
/*经典案例*/
.optimal-inx .content .classical {
	padding-top: 105px;
}
.optimal-inx .content .classical .box {
	background: #30363c;
}
.optimal-inx .content .classical ul {
	overflow: hidden;
	width: 1172px;
	margin: 0 auto;
	background: #373e41;
}
.optimal-inx .content .classical ul li {
	position: relative;
	float: left;
	width: 293px;
	height: 500px;
	background: #f5f;
}
.optimal-inx .content .classical ul li .box-imgs {
	width: 100%;
	height: 100%;
}
.optimal-inx .content .classical ul li .box-imgs:before {
	content: "";
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(72, 72, 72, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5cf3f3f,endColorstr=#E5cf3f3f);
}
:root .optimal-inx .content .classical ul li .box-imgs:before{filter:none;}
.optimal-inx .content .classical ul li img {
	width: 100%;
	height: 100%;
}
.optimal-inx .content .classical ul li.active:hover .box-title {
	background: rgba(207, 63, 63, 0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5cf3f3f,endColorstr=#E5cf3f3f);
}
:root .optimal-inx .content .classical ul li.active .box-title{filter:none;}
.optimal-inx .content .classical li .box-title {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.optimal-inx .content .classical li .box-title dl{
	padding-top: 100px;
}
.optimal-inx .content .classical li a {
	display: block;
	width: 122px;
	height: 46px;
	line-height: 46px;
	margin: 47px auto 0;
	border: 1px solid #fff;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	cursor: pointer;
	opacity: 0;
	filter:alpha(0)
}
.optimal-inx .content .classical li.active:hover a {
	opacity: 1;
	filter:alpha(opacity=100);
}
.optimal-inx .content .classical .icon-1 {
	width: 66px;
	height: 66px;
	margin: 0 auto 36px;
	background: url("../images/icon_1.png") center no-repeat;
	background-size: 100% 100%;
}
.optimal-inx .content .classical .icon-2 {
	width: 75px;
	height: 62px;
	margin: 0 auto 40px;
	background: url("../images/icon_2.png") center no-repeat;
	background-size: 100% 100%;
}
.optimal-inx .content .classical .icon-3 {
	width: 51px;
	height: 77px;
	margin: 0 auto 24px;
	background: url("../images/icon_3.png") center no-repeat;
	background-size: 100% 100%;
}
.optimal-inx .content .classical .icon-4 {
	width: 69px;
	height: 54px;
	margin: 0 auto 46px;
	background: url("../images/icon_4.png") center no-repeat;
	background-size: 100% 100%;
}
.optimal-inx .content .classical .ico {
	width: 33px;
	height: 4px;
	margin: 0 auto 34px;
	background: url("../images/ico_1.png") center no-repeat;
	background-size: 100% 100%;
}
.optimal-inx .content .classical li dd {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}
/*关于我们*/
.optimal-inx .content .about-us {
	padding: 105px 0 150px;
	background: #e6e6e6;
}
.optimal-inx .content .about-us dl {
	width: 1180px;
	margin: 0 auto;
}
.optimal-inx .content .about-us dt {
	float: left;
}
.optimal-inx .content .about-us dt img {
	overflow: hidden;
	width: 657px;
	height: 439px;
}
.optimal-inx .content .about-us dd {
	width: 451px;
	height: 438px;
	padding-left: 60px;
	float: left;
}
.optimal-inx .content .about-us dd p {
	overflow: hidden;
	padding-bottom: 32px;
	font-size: 14px;
	color: #000;
}
.optimal-inx .content .about-us .btn-look {
	width: 121px;
	margin-top: 38px;
	background: #c81414;
}
.optimal-inx .content .about-us .btn-look a {
	display: block;
	height: 46px;
	line-height: 46px;
	text-align: center;
	color: #fff;
}
/*联系我们*/
.optimal-inx .content .contact-us {
	padding: 135px 0 115px;
}
.optimal-inx .content .contact-us ul {
	width: 1170px;
	margin: 0 auto;
}
.optimal-inx .content .contact-us ul li {
	width: 20%;
	float: left;
}
.optimal-inx .content .contact-us ul dt {
	float: left;
	margin-right: 8px;
}
.optimal-inx .content .contact-us ul dd {
	float: left;
}
.optimal-inx .content .contact-us li strong {
	display: block;
	width: 40px;
	margin-bottom: 18px;
	padding-bottom: 8px;
	border-bottom: 2px solid #c81414;
	font-size: 20px;
	font-weight: bold;
	color: #22252a;
}
.optimal-inx .content .contact-us li strong.kefurxian, .optimal-inx .content .contact-us li strong.zixun  {
	width: 130px;
}
.optimal-inx .content .contact-us li em {
	font-size: 14px;
	color: #646464;
}
.optimal-inx .content .contact-us li a {
	font-size: 14px;
	color: #646464;
	text-decoration: none;
}
.optimal-inx .content .contact-us dt {
	width: 36px;
	height: 29px;
	font-size: 32px;
	color: #c81414;
}

.optimal-inx .content .contact-us ul dt.email,.optimal-inx .content .contact-us ul dt.location{ margin-top: -5px; }
.optimal-inx .content .contact-us ul dt.f-back{ width: 32px;height: 32px; }
/*内容块结束*/
/*尾部*/
footer {
	height: 290px;
	background: #282d32;
}
.footer {
	width: 1170px;
	margin: 0 auto;
}
footer dl {
	float: left;
	padding-top: 80px;
}
footer dl dt {
	width: 149px;
	height: 35px;
	background: url("http://hebi.vlogplay.com/Public/Yx/images/footer_logo.png") center no-repeat;
}
footer dl dd {
	padding-top: 46px;
}
footer dl dd p {
	font-size: 15px;
	color: #828282;
}
.footer .code {
	float: right;
	padding-top: 75px;
}
.footer .code img {
	overflow: hidden;
	width: 101px;
	height: 101px;
}
.footer .code p {
	font-size: 14px;
	color: #e6e6e6;
}
/*媒体查询*/
@media (max-width: 1500px) {
	.logo {
		margin-left: 10%;
	}
	.le-group {
		right: 10%;
	}
}
.footer a{color:#828282;}

/*搜索页*/
.optimal-serch {
	background: #e6e6e6;
}
.optimal-serch .headr-box {
	position: relative;
	width: auto;
	height: auto;
	margin-top: 45px;
}
.optimal-serch .headr-box img {
	width: 100%;
}
.optimal-serch .headr-box>div {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 368px;
	height: auto;
	margin-top: -50px;
	margin-left: -587px;
}
.optimal-serch .headr-box h1 {
	color: #fff;
	font-weight: bold;
	font-size: 44px;
}
.optimal-serch .headr-box span {
	font-size: 16px;
	color: #fff;
}
.searchA {
	overflow: hidden;
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 73px;
}
.searchA>div {
	overflow: hidden;
	padding: 62px 0 0;
}
/* 左侧内容 */
.search-left {
	float: left;
	width: 780px;
	height: auto;
}
.search-input {
	overflow: hidden;
	width: 780px;
	height: 45px;
	margin-bottom: 34px;
}
.search-input input {
	float: left;
	width: 630px;
	height: 45px;
	border:0;
	padding: 0;
	text-indent: 15px;
}
.search-input a {
	float: left;
	display: block;
	width: 150px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background: #c81414;
	text-decoration:none;
}
.search-title {
	width: 100%;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #bdb8b7;
	background: #f5f5f5;
}
.search-content {
	margin-bottom: 36px;
	background: #fff;
} 
.search-title>strong {
	margin:0 0 0 14px;
	padding: 0 0 0 7px;
	border-left: 5px solid #c81414;
	font-size: 22px;
	font-weight: 500;
	color: #22252a;
}
.search-headr {
	overflow: hidden;
	width: 100%;
	margin-top: 28px;
	padding-bottom: 40px;
}
.search-headr>div {
	overflow: hidden;
}
.search-headr>div:after {
	content: "";
	overflow: hidden;
	display: block;
	height: 0;
	clear: both;
}
.search-headr>div>div {
	float: left;
	height: 35px;
}
.headr-text {
	width: 451px;
}
.headr-text span {
	margin-left:16px;
	font-size: 14px;
	color: #646464;
}
.headr-text em {
	color: #c81414;
}
.headr-btns {
	overflow: hidden;
	width: 329px;
}
.headr-btns a {
	display: inline-block;
	width: 150px;
	height: 35px;
	line-height: 35px;
	margin-right: 12px;
	font-size: 15px;
	text-align: center;
	color: #fff;
	background: #646464;
	text-decoration: none;
}
.search-ul {
	overflow: hidden;
	height: auto;	
	margin: 16px 15px 18px;
}
.search-ul tr {
	height: 45px;
	line-height: 45px;
}
.list-ul th{
	float: left;
	width: 250px;
	text-align: center;
	border:1px solid #cecece;
	background: #e6e6e6;
	font-size: 14px;
	color: #010101;
}
.list-ul-a td {
	float: left;
	width: 250px;
	font-size: 15px;
	color: #010101;
	text-align: center;
	border:1px solid #cecece;
	border-top: 0;
	background: #fff;
	font-size: 14px;
	color: #010101;
}
.list-btns {
	overflow: hidden;
	padding: 0 15px;
	text-align: right;
}
.list-btns a {
	display: inline-block;
	width: 150px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background: #c81414;
	text-decoration: none;
}
.search-headr-a {
	padding: 0 0 42px;
	margin-top: 35px;
}
.list-ul-b, .list-ul-c{
	overflow: hidden;
}
.list-ul-b th {
	float: left;
	width: 375px;
	height: 45px;
	line-height: 45px;
	border:1px solid #cecece;
	font-size: 14px;
	color: #010101;
	text-align: center;
	background: #e6e6e6;
}
.list-ul-c td {
	float: left;
	width: 375px;
	height: 45px;
	line-height: 45px;
	border:1px solid #cecece;
	border-top: 0;
	text-align: center;
}
.list-ul-c td a {
	display: block;
	font-size: 14px;
	color: #010101;
	text-decoration: none;
}
.list-ul-c td a:hover {
	color: #c81414;
}
.search-alt {
	display: none;
	height: 30px;
	line-height: 30px;
	margin-bottom: 36px;
	background:#f5f5f5;
	text-align: center;
}
.search-alt span {
	font-size: 12px;
	color: #22252a;
}
.search-alt em {
	font-size: 18px;
	color: #c81414;
}
/* 蒙版层 */
.mask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7)
}
.mask-text {
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1170px;
	height: auto;
	margin-top: -518px;
	margin-left: -595px;
	background: #fff;
}
.mask-headr {
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #f5f5f5;
}
.mask-headr strong {
	font-size: 22px;
	margin-left: 30px;
	padding-left: 8px;
	border-left:5px solid #ce3232;
}
.mask-headr .iconfont {
	float: right;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin-right: 13px;
	cursor: pointer;
}
.mask-text-content {
	width: auto;
	height: auto;
	padding:30px 30px;
}
.mask-text-content>div {
	margin-bottom: 30px;
}
.mask-text-content p {
	line-height: 1;
	font-size: 14px;
	color: #232323;
}
.text-btns {
	text-align: center;
}
.text-btns a {
	display: inline-block;
	width: 120px;
	height: 45px;
	line-height: 45px;
	background: #af1414;
	color: #fff;
}
/* 右侧内容 */
.search-right {
	float: right;
	width: 360px;
	height: auto;
}
.right-title {
	height: 45px;
	line-height: 45px;
	background: #f5f5f5;
}
.right-title>strong {
	margin-left: 14px;
	padding-left: 7px;
	border-left: 5px solid #c81414;
	font-size: 22px;
	font-weight: 500;
}
.show-content {
	min-height: 280px;
	background: #fff;
}
.show-content>div {
	height: 185px;
	line-height: 145px;
	text-align: center;
}
.show-content>div img {
	vertical-align: bottom;
	display: inline-block;
	margin: 33px auto;
}
.show-content>span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #bdbdbd;
}
/* 搜索页面 */
.headr-text-a {
	width: 392px;
	line-height: 35px;
}
.headr-page {
	overflow: hidden;
	width: 388px;
	height: 35px;
	line-height: 35px;

}
.headr-page label {
	position: relative;
	overflow: hidden;
	width: 160px;
	height: 35px;
	line-height: 35px;
	background: #fff;
}
.headr-page span {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 15px;
	width: 60px;
	padding: 1px 0;
	font-size: 14px;
	font-weight: normal;
	color: #232323;
}
.headr-page select {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	padding: 1px 0 1px 60px;
	height: 35px;
	line-height: 31px;
	text-indent: 30px;
	border:1px solid #cecece;
	font-size: 14px;
	background: transparent;
	font-weight: normal;
	color: #232323;
	-webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
	appearance:none;
}
select::-ms-expand { display: none; }
.headr-page .iconfont {
	z-index: 4;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 11px;
	height: 11px; 
	margin-top: -8px;
	border-bottom: 1px solid #676767;
	border-left: 1px solid #676767;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.headr-page select::-ms-expand { display: none;}
.headr-key {
	float: right;
	display: block;
	width:200px;
	height: 35px;
	line-height: 35px;
	margin-right: 16px;
	text-indent: 16px;
	border:1px solid #cecece;
	font-size: 14px;
	color: #232323;
}
.headr-key::-webkit-input-placeholder { 
color: #bebebe; 
} 
.headr-key:-moz-placeholder{ 
color: #bebebe; 
} 
.headr-key::-moz-placeholder{ 
color: #bebebe; 
} 
.headr-key:-ms-input-placeholder { 
color: #bebebe; 
} 
.s-list-a,.list-ul-hp {
	margin: 16px 15px 0;
	text-align: center;
}
.list-ul-hp tr:hover td {
	background: #f5f5f5;
}
.s-list-ul-a th,.list-hp-li th {
	height: 45px;
	border:1px solid #cecece;
	text-align: center;
	background: #e6e6e6;
	font-size: 14px;
	color: #010101;
}
.list-ul-hp td {
	border:1px solid #cecece;
	font-size: 14px;
	color: #010101;
}
.list-out a:hover {
	background: #c81414;
}
.list-go a {
	background: #c81414;
}
.list-go a:hover {
	background: #a01414;
}
/* 购物车active状态 */
.show-menu {
	overflow: hidden;
	padding: 10px 15px;
	background: #fff;
}
.show-menu ul li {
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #cecece;
	font-size: 14px;
	color: #000;
}
.show-menu ul li span {
	margin-right: 20px;
	color: #c81414;
}
.show-menu ul li em {
	color: #000;
}
.show-menu ul li .iconfont {
	float: right;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 600;
}
.show-all {
	overflow: hidden;
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin: 0 0 34px;
}
.show-all:after {
	content:"";
	overflow: hidden;
	display: block;
	height: 0;
	clear: both;
}
.show-all span {
	float: right;
}
.show-all>a {
	display: inline-block;
	width: 95px;
	height: 30px;
	line-height: 30px;
	background: #646464;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.show-all>a:hover {
	background: #a01414;
}
.show-menu em {
	color: #c81414;
}
.all-money {
	line-height: 1;
	font-size: 14px;
	color: #000;
}
.last-money {
	overflow: hidden;
	line-height: 1;
	height: 28px;
	font-size: 14px;
	color: #000;
}
.last-money span {
	height: 28px;
	line-height: 38px;
}
.last-money:after {
	content: "";
	overflow: hidden;
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
.last-right {
	float: right;
}
.last-money .last-em {
	line-height: 1;
	font-size: 28px;
}
.show-btns {
	overflow: hidden;
}
.show-btns a {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #c81414;
}
.show-btns a:hover {
	background: #a01414;
}
.page-content {
	overflow: hidden;
	height: 35px;
	line-height: 35px;
	margin: 45px 120px 60px;
}
.page-ul-a {
	margin:0;
}
.page-info {
	margin-right: 22px;
}
/* 创建关键词 */
.headr-page-r {
	text-align: right;
	padding-right: 15px;
}
.li-id{
	width: 42px;
	height: 45px;
}
.list-hp-li .li-key, .list-hp-lia .li-key {
	width: 208px;
}
.list-hp-li .li-yq, .list-hp-lia .li-yq {
	width: 125px;
}
.li-kongbai {
	width: 500px;
	height: 45px;
}
.li-kongbai a {
	font-size: 14px;
	color: #000;
	text-decoration: none;
}
.li-kongbai a:hover {
	color: #c81414;
}
.li-key input {
	overflow: hidden;
	width: 46px;
	height: 30px;
	line-height: 30px;
	margin: 0 3px;
	border:1px solid #cecece;
	text-align: center;	
}
.li-yq a {
	display: inline-block;
	width: 95px;
	height: 30px;
	line-height: 30px;
	background: #646464;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
}
.li-go a {
	background: #c81414;
}
.li-key>label {
	position: relative;
	width: 12px;
	height: 12px;
	margin: 0 0 0 13px;
	border-radius: 50%;
	vertical-align: middle;
	background: #c81414;
}
.li-key>label>.iconfont {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	cursor: pointer;
	vertical-align: middle;
	transform:scale(.6,.6);
}

.mask-hp {
	display: none;
	z-index: 5;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7)
}
.mask-content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 360px;
	height: auto;
	margin-top: -187px;
	margin-left: -180px;
	background: #fff;
}
.mask-title {
	position: relative;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #f5f5f5;
}
.mask-title strong {
	margin-left: 22px;
	padding-left: 7px;
	font-size: 22px;
	font-weight: 500;
	color: #22252a;
	border-left: 5px solid #c81414;
}
.mask-title .iconfont {
	position: absolute;
	top: 16px;
	right: 15px;
	font-size: 12px;
	line-height: 1;
	cursor: pointer;
}
.mask-imgs {
	width: 108px;
	height: 87px;
	margin: 41px auto 27px;
}
.mask-imgs img {
	width: 100%;
}
.mask-content p {
	text-align: center;
	margin: 0;
	font-size: 15px;
	color: #000;
}
.mask-prompt {
	line-height: 1;
	margin: 35px 0 25px;
	padding: 0 47px;
	text-align: right;
}
.mask-prompt input {
	vertical-align: middle;
	margin: 0 9px 0 0;
}
.mask-btns {
	overflow: hidden;
	text-align: center;
	margin-bottom: 40px;
}
.mask-btns a {
	display: inline-block;
	width: 120px;
	height: 45px;
	line-height: 45px;
	margin: 0 13px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	background: #c81414;
}
.mask-btns .mask-btns-a {
	background: #fff;
	border:1px solid #c81414;
	color: #c81414;
}
.login {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1080px;
	background: url("../images/back.jpg") center center no-repeat;
	background-size: cover;
}
.login-box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 490px;
	margin-top: -180px;
	margin-left: -245px;
	background: #fff;
}
.login-show {
	top: 50px;
	margin-top: 0;
}
.login-top {
	top:248px;
	margin-top: 0;
}

.login-headr {
	position: relative;
	overflow: hidden;
	padding: 33px 0 21px;
	margin: 0 40px;
	border-bottom: 1px solid #cecece;
}
.login-headr a {
	font-size: 14px;
	color: #af1414;
	text-decoration: none;
}
.login-headr>div {
	float: left;
	width: 120px;
	height: 22px;
}
.login-headr>div>div {
	display: inline-block;
	width: 36px;
	height: 22px;
}
.login-headr>div>div img {
	width: 100%;
}
.login-headr>div strong {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	vertical-align: super;
	color: #232323;
}
.re-span {
	margin:0 80px;
	padding: 15px 0 ;
}
.re-span span {
	font-size: 14px;
	color: #232323;
}
.re-span span a {
	font-size: 14px;
	color: #af1414;
	text-decoration: none;
}
.login-icon {
	z-index: 1;;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.login-icon:before {
	z-index: 2;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border:18px solid transparent;
	border-bottom: 18px solid #fff;
	border-left: 18px solid #fff;
}
.login-icon .iconfont {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	font-size: 48px;
	cursor: pointer;	
	color:#af1414;
}

.login-go * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.login-go {
	display: none;
	margin: 10px 80px;
	padding: 38px 0 6px;
	border-bottom: 1px solid #cecece;
}
.login-icon  .icon-show ,.login-show{
	display: block;
}
.login-go li {
	position: relative;
	width: 330px;
	height: 45px;
	line-height: 45px;
	margin-bottom: 19px;
	border:1px solid #cecece;

}
.login-go li>div.hideO {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.login-go li .Validform_checktip {
	position: absolute;
	bottom: -21px;
	right: 0;
	width: auto;
	margin:0 10px 0 0;
	color: #c81414;
}
.login-go li .Validform_right {
	color: #969393;
}
.login-go li .Validform_wrong {
	right: auto;
	right: 0;
}
.login-go li span {
	float: left;
	display: inline-block;
	width: 100px;
	text-indent: 16px;
	font-size: 14px;
	color: #232323;
}
.login-go li input[type="text"],.login-go li input[type="password"] {
	width: 228px;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
}
.login-go li  #get-code {
    position: absolute;
    top: -1px;
    right: -105px;
    width: 95px;
    height: 45px;
    background: transparent;
    border: 1px solid #c81414;
    color: #c81414;
    font-size: 14px;
    outline: none;
    cursor: pointer;
}
.login-btns {
	overflow: hidden;
	width: 330px;
	height: auto;
	margin: 0 auto 20px;
}
.login-btns span {
	font-size: 14px;
	color: #232323;
}
.login-btns>div {
	margin-bottom: 12px;
}
.login-btns a {
	font-size: 14px;
	color: #365ea7;
}
.login-btns input[type="submit"] {
	width: 330px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 14px;
	background: #af1414;
	cursor: pointer;
}
.login-go .list-citys {
	overflow: hidden;
	border:0;
}
.list-citys span {
	float: left;
	height: 45px;
	line-height: 45px;
	border:1px solid #cecece;
	border-right: 0;
}
.liat-se-box {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100px;
	height: 45px;
	line-height: 45px;
	border:1px solid #cecece;
	border-left: 0;
}
.liat-se-box .iconfont {
	position: absolute;
	right: 12px;
	font-size: 14px;
}
.liat-se-box select {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: auto;
	line-height: 1;
	padding:14px 0;
	border:0;
	outline: none;
	font-size: 14px;
	color: #232323;
	-webkit-appearance:none;
    -moz-appearance:none;
	appearance:none;
	background: transparent;
}
.list-se-b {
	position: relative;
	float: right;
	overflow: hidden;
	width: 130px;
	height: 45px;
	line-height: 45px;
	border:1px solid #cecece;
	border-left: 0;
}
.list-se-b select {
	z-index: 1;
	position: absolute;
	width: 100%;
	line-height: 1;
	padding:14px 0;
	border:0;
	outline: none;
	text-indent: 12px;
	-webkit-appearance:none;
    -moz-appearance:none;
	appearance:none;
	font-size: 14px;
	color: #232323;
	background: transparent;
}
.login-go .list-bt-box {
	overflow: visible;
	position: relative;
	width: 228px;
	height: 45px;
}
.list-se-b .iconfont {
	position: absolute;
	right: 14px;
}
.list-yzm {
	position: absolute;
	width: 100%;
	height: 45px;
}
.Validform_checktip {
	height: auto;
}
.login-go li .list-yzm .Validform_checktip {

}
.list-phone-yz {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;	
	height: 45px;
	line-height: 45px;
}
.list-bt-box .list-phone-yz input {
	float: left;
	width: 100%;
	height: 45px;
	line-height: 45px;
	padding: 0;
	text-indent: 16px;
	background: transparent;
}
.list-phone-yz .bt-box-imgs {
	overflow: hidden;
	position: absolute;
	top: -1px;
	right: -104px;
	width: 95px;
	height: 45px;
	line-height: 45px;
	border:1px solid #cecece;
}
.list-phone-yz .bt-box-imgs img {
	width: 100%;
	height: 100%;	
}
.list-bt-box .list-yzm>input[type="text"] {
	width: 126px;
	height: 42px;
	line-height: 45px;
	font-size: 14px;
	color: #232323;
}
.list-bt-box a {
	position: absolute;
	top: -1px;
	right: -105px;
	width: 95px;
	height: 45px;
	outline: none;
	text-align: center;
	border:1px solid #cecece;
	color: #232323;
	background: #fff;
}
.list-bt-box a input {
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 14px;
	background: transparent;
}
.login-go .list-chebox {
	border:0;
	height: 25px;
	line-height: 25px;
}
.login-go .list-chebox span {
	float: none;
	width: 150px;
	text-indent: 0;
}
.list-chebox input {
	margin: 0;
}
.login-go .list-cheboxs {
	overflow: hidden;
	display: none;
}
.login-btns>div input {
	margin: 0;
}
.login-title {
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #d7d7d7;
}
.login-title span {
	display: block;
	text-align: center;
	margin-top: 12px;
}
.swiper-wrapper {
	display: block;
}
.swiper-button-prev,.swiper-button-next {
	display: none;
}
.deta-prev,.deta-next {
	display: block;
}
.swiper-container {
	overflow: visible;
}
@media(max-width:1353px) and (min-width:1199px)  {
	.le-group {
		right: 10%;
	}
}
@media(max-width:1198px) and (min-width:992px)  {
	.le-group {
		right: 0;
	}
	.swiper-container {
		overflow: hidden;
	}
}
@media (max-width:1198px) and (min-width:768px) {
	.optimal-inx .haedr-content>div {
		bottom: 0;
		top: auto;
	}
	.optimal-inx .content .about-us dl {
		width: auto;
		padding: 0 15px;
	}
	.optimal-inx .content .about-us dt {
		float: none;
	}
	.optimal-inx .content .about-us dt img{
		display: block;
		margin: 0 auto;
	}
	.optimal-inx .content .about-us dd {
		width: auto;
		height: auto;
		padding-left: 0;
	}
	.optimal-inx .content .about-us {
		padding: 30px 0;
	}
	.optimal-inx .content .contact-us {
		padding: 60px 15px;
	}
	.optimal-inx .content .contact-us ul li {
		width: 33%;
		margin-left: 0;
		height: 145px;
	}
	.optimal-inx .content .contact-us ul dd {
		width: 139px;
	}
	.optimal-inx .content .contact-us ul {
		width: auto;
	}
	.footer {
		width:auto;
		padding: 0 15px;
	}
	.optimal-inx .content .contact-us li strong {
		height: 35px;
	}
	.optimal-inx .content .contact-us dt {
		height: 125px;
	}
	.optimal-inx .content .contact-us ul li dl {
		overflow: hidden;	
	}
	.optimal-inx .content .our-team .team-con {
		display: flex;
		width: auto;
	}
	.optimal-inx .content .our-team .team-con li {
		margin-left: 0;
	}
	.optimal-inx .content .team-con li dd {
		text-align: left;
		padding-left: 12px;
	}
	footer {
		height: auto;
		text-align: center;
	}
	footer dl {
		padding-top: 20px;
	}
	footer dl dt {
		margin: 0 auto;
	}
	.footer .code {
		float: none;
	}
	.swiper-container {
		overflow: hidden;
	}
}
/* 搜索页面 */
@media (max-width:1198px) and (min-width:768px) {
	.optimal-serch .headr-box>div {
		margin-left: -187px;
	}
	.search-right {
		float: left;
		width: 780px;
	}
}
@media only screen  
and (min-device-width : 768px)  
and (max-device-width : 1024px)  
and (orientation : landscape) {  
	.searchA {
		width: auto;
	}
	.search-right {
		float: none;
		width: 780px;
		margin: 0 auto;
	}
	.search-left {
		float: none;
		margin: 0 auto;
	}
	.search-alt {
		width: 780px;
		margin: 0 auto;
	}
	.swiper-wrapper {
		display: flex;
	}
	.optimal-inx .content .our-serve dl {
		width: 100%;
	}
	.optimal-inx .content .classical ul {
		overflow: visible;
		width: 100%;
	}
	.headr-box>div {
		top: auto;
		bottom: 0;
	}
	.headr-box>div label {
		margin-bottom: 0;
	}
}  

@media(max-width:1023px) and (min-width:768px) {
	.swiper-wrapper {
		display: flex;
	}
	.optimal-inx .content .about-us dd p {
		padding: 10px 15px;
	}
	.search-headr {
		width: auto;
		padding: 0 15px;
	}
	.search-alt {
		width: auto;
		margin: 0 15px;
	}
	.headr-btns {
		width: 50%;
		height: auto;
	}
	.search-ul {
		width: 100%;
		margin: 0;
	}
	.headr-text span {
		width: 46%;
	}
	.headr-box>.haedr-content {
		top: auto;
		bottom: 0;
	}
	.list-ul th {
		width: 33.33%;
	}
	.list-ul-a td {
		width: 33.33%;
	}
	.list-ul-b th {
		width: 50%;
	}
	.li-key input {
		display: block;
		width: 80%;
		margin: 3px auto;
	}
	.optimal-inx .headr-box label {
		margin-bottom: 0;
	}
	.optimal-inx .content .our-serve ul {
		display: flex;
		width: auto;
	}
	.optimal-inx .content .our-serve {
		position: relative;
		padding: 70px 0;
	}
	.swiper-button-prev, .swiper-button-next {
		display: block;
	}
	.optimal-inx .content .our-serve li {
		pointer-events: none;
	}
	.optimal-inx .content .our-team .team-imgs {
		display: block;
	}
	.optimal-inx .content .our-team .team-con .tdhj {
		width: 50%;
		margin-bottom: 26px;
	}
	.optimal-inx .content .our-team .team-con .tdhj div {
		text-align: center;
	}
	.optimal-inx .content .classical .box {
		padding: 0 15px;
	}
	.optimal-inx .content .classical li a {
		opacity: 1;
		filter:alpha(opacity=100);
	}
	.optimal-inx .content .classical ul {
		display: flex;
		overflow: visible;
		width: auto;
	}
}
@media (max-width:991px) and (min-width:768px) {
	.logo {
		margin-left: 5%;
	}
	.logo a {
		background-size: 50%;
	}
	.nav ul {
		margin-left:-63%;
	}
	.nav ul li {
		padding: 0 8px;
	}
	.le-group {
		right:5px;
	}
	.optimal-serch .haedr-content>div {
		margin-left: -187px;
	}
	.searchA {
		width: auto;
	}
	.search-left {
		float: none;
		width: auto;
		padding: 0 15px;
	}
	.search-right {
		float: none;
		width: auto;
		padding: 0 15px;
	}
	.search-input {
		width: auto;
	}
	.search-input input {
		width: 75%;
		height: 35px;
		line-height: 35px;
	}
	.search-input a {
		width: 25%;
		height: 35px;
		line-height: 35px;
	}
	.headr-text-a {
		width: 50%;
	}

	.headr-page {
		width: 50%;
	}
	.headr-key {
		width: 45%;
	}
	.headr-page span {
		padding: 1px 0;
	}
	.headr-text span {
		display: block;
		padding: 0 15px;
		margin: 0;
	}
	.headr-page {
		height: auto;
	}
	.deta-title>div {
		float: none;
		width: auto;
		height: auto;
		margin: 0 auto;
		padding: 0 15px;
	}
	.deta-about {
		width: 550px;
		height: auto;
	}
	.deta-box {
		width: auto;
		padding:45px 0;
	}
	.deta-content {
		padding: 20px;
	}
	.mask-text {
		left: 0;
		top: 0;
		width: auto;
		height: auto;
		margin-left: 0;
		margin-top: 0;
	}
	.mask-text-content {
		width: auto;
	}
	.deta-show-imgs {
		width: auto;
		padding:0 15px;
		margin-left: 0;
	}
}
@media (max-width:767px) {
	.swiper-container {
		overflow: hidden;
	}
	body {
		-webkit-tap-highlight-color:transparent;
	}
	nav {
		height: 45px;
	}
	.logo  {
		margin-left: 5%;
		padding: 0;
	}
	.logo a {
		width: 70px;
		height: 45px;
		background-size: 100%;
	}
	.nav {
		display: none;
		z-index: 105;
		left:auto;
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7)
	}
	.nav ul {
		z-index: 106;
		position: absolute;
		top: 0;
		right: 0;
		width: 30%;
		height: 100%;
		padding: 0 15px;
		background: #000;
		opacity: 0;
		filter:alpha(opacity=0);
	}
	.nav ul li {
		float: none;
		width: auto;
		height: 45px;
		line-height: 45px;
		text-align: center;
		padding: 0;
		border-bottom: 1px solid #cecece;
	}
	.nav ul li:hover a {
		color: #fff;
		text-decoration: none;
	}
	.nav-list  {
		display: block;
	}
	.nav-list .iconfont {
		display: block;
		margin-top: 3px;
		color: #fff;
	}
	.nav-hide {
		display: block;
		z-index: 105;
	}
	.le-group {
		right: 15%;
		top: 50%;
		margin-top: -10px;
	}
	.le-group a {
		width: 70px;
		height: 20px;
		line-height: 20px;
	}

	.swiper-wrapper {
		display: flex;
	}
	.optimal-inx .haedr-content {
		overflow: hidden;
		height: 100%;
		padding:0;
	}
	.optimal-inx .haedr-content>div {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.optimal-inx .haedr-content h1 {
		width: 40%;
		height: 30px;
		margin: 20% auto 0;
		background-size: contain;
	}
	.optimal-inx .haedr-content p {
		font-size: 14px;
		padding:0 0 15px;
	}
	.optimal-inx .haedr-content input {
		width: 75%;
		height: 30px;
		line-height: 30px;
	}
	.optimal-inx .haedr-content label span {
		width: 25%;
		height: 30px;
		line-height: 30px;
		margin:0;
	}
	.optimal-inx .haedr-content label {
		position: absolute;
		overflow: hidden;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		margin-bottom: 0;
	}
	.optimal-inx .content .our-serve {
		position: relative;
		padding: 30px 15px;
	}
	.optimal-inx .content h2 {
		font-size: 20px;
	}
	.optimal-inx .content i {
		height: 3px;
		margin: 15px auto;
	}
	.optimal-inx .content .our-serve li {
		margin: 0 0 42px 0;
		pointer-events: none;
	}
	.optimal-inx .content .our-serve li dd {
		padding: 24px 10px 0;
	}
	.optimal-inx .content .our-serve li span {
		font-size: 12px;
	}
	.swiper-button-prev,.swiper-button-next {
		display: block;
	}
	.optimal-inx .content .our-serve .btn-buy {
		height: 30px;
	}
	.optimal-inx .content .our-serve .btn-buy a {
		height:30px;
		line-height: 30px;
	}
	.optimal-inx .content .our-team {
		padding: 30px 0 0;
	}
	.optimal-inx .content .our-team .tab-team {
		width: 300px;
		margin: 0 auto 15px;
		text-align: center;
	}
	.optimal-inx .content .our-team .tab-team li {
		display: inline-block;
		float: none;
	}
	.optimal-inx .content .our-serve li p {
		font-size: 16px;
	}
	.optimal-inx .content .our-team .team-con {
		width: auto;
	}
	.optimal-inx .content .our-team .team-con li {
		margin: 0;
	}
	.optimal-inx .content .our-team .team-con li:hover .summary {
		display: none;
	}
	.optimal-inx .content .our-team .team-con li a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.optimal-inx .content .team-con dd span {
		display: none;
	}
	.optimal-inx .content .team-con dd strong {
		text-align: left;
		text-indent: 20px;
	}
	.optimal-inx .content .team-con dd .text-show {
		display: block;
		text-align: left;
		padding-left: 20px;
		font-size: 12px;
	}
	.optimal-inx .content .team-con li dt .imgs-show {
		display: block;
	}
	.optimal-inx .content .team-con dd strong em {
		display: inline;
	}
	.optimal-inx .content .team-con li dt .img-text {
		display: block;
	}
	.optimal-inx .content .our-team .team-con .tdhj {
		width: 50%;
		margin-bottom: 26px;
	}
	.optimal-inx .content .our-team .team-con .tdhj img {
		padding: 5px;
	}
	.optimal-inx .content .classical .box {
		padding: 0 15px;
	}
	.optimal-inx .content .classical ul {
		overflow: visible;
		width: auto;
	}
	.optimal-inx .content .our-team .team-imgs{
		padding: 0 15px;
	}
	.optimal-inx .content .classical ul li {
		width: 50%;
		height: auto;
	}
	.optimal-inx .content .classical li .box-title dl {
		padding: 20px 0 0;
		margin-bottom: 0;
	}
	.optimal-inx .content .classical .icon-1 {
		margin: 0 auto;
		padding: 10px 0 26px; 
	}
	.optimal-inx .content .classical .icon-2 {
		margin: 0 auto;
		padding: 10px 0 30px; 
	}
	.optimal-inx .content .classical .icon-3 {
		margin: 0 auto;
		padding: 10px 0 14px; 
	}
	.optimal-inx .content .classical .icon-4 {
		margin: 0 auto;
		padding: 10px 0 36px; 
	}
	.optimal-inx .content .classical li dd {
		font-size: 16px;
	}
	.optimal-inx .content .classical li a {
		width: 80px;
		height: 30px;
		line-height: 30px;
		margin: 17px auto 10px;
		opacity: 1;
		filter:alpha(opacity=100);
	}
	.optimal-inx .content .about-us {
		padding:30px 0;
	}
	.optimal-inx .content .about-us dl {
		width: auto;
		padding: 0 15px;
	}
	.optimal-inx .content .about-us dl img {
		width: 100%;
		height: auto;
	}
	.optimal-inx .content .about-us dd p {
		padding: 12px 0 ;
	}
	.optimal-inx .content .about-us dd {
		width: auto;
		height: auto;
		padding: 0;
	}
	.optimal-inx .content .contact-us {
		padding: 30px 0;
	}
	.optimal-inx .content .contact-us ul {
		width: auto;
		padding: 0 15px;
	}
	.optimal-inx .content .contact-us ul li {
		width: 50%;
		height: 130px;
		margin: 0;
		text-align: center;
		margin-bottom: 20px;
	}
	.optimal-inx .content .contact-us ul dt{ float: inherit; margin: 5px auto; }
	.optimal-inx .content .classical .ico {
		margin: 17px auto 17px;
	}
	.optimal-inx .content .classical .icon-1,.optimal-inx .content .classical .icon-2,.optimal-inx .content .classical .icon-3,.optimal-inx .content .classical .icon-4 {
		height: 77px;
	}
	.optimal-inx .content .contact-us .pho-lg,.optimal-inx .content .contact-us .pho-sm,.optimal-inx .content .contact-us .email,.optimal-inx .content .contact-us .location {
		width: 100%;
		height: 40px;
	}
	.optimal-inx .content .contact-us li strong,.optimal-inx .content .contact-us li strong.kefurxian, .optimal-inx .content .contact-us li strong.zixun {

		display: block;
		width: auto;
		margin: 0 15px;
	}
	.optimal-inx .content .contact-us ul dd {
		width: 100%;
	}
	footer {
		height: auto;
	}
	.footer {
		overflow: hidden;
		width: auto;
		padding: 0 0 45px;
	}
	footer dl {
		float: none;
		padding: 10px 15px 20px;
		margin-bottom: 0;
	}
	footer dl dt {
		margin: 0 auto;
	}
	footer dl dd {
		padding: 10px 0 0;
	}
	.footer .code {
		float: none;
		width: 100px;
		height: 100px;
		padding: 0;
		margin: 0 auto;
	}
	footer dl dd p {
		font-size: 12px;
	}
	.optimal-inx .content .contact-us li em {
		display: inline-block;
		padding: 5px 20px 0;
		font-size: 12px;
	}
}
/* 案例修改 */
@media (max-width:767px) {
	.deta-box {
		width: auto;
		padding: 30px 15px;
	}
	.deta-about {
		overflow: hidden;
		width: 100%;
		height: auto;
		padding: 15px 15px 0;
	}
	.deta-about span {
		font-size: 12px;
	}
	.date-img {
		width: 100%;
		height: 100%;
	}
	.deta-about p {
		font-size: 12px;
	}
	.deta-content {
		padding: 30px 0 0;
	}
	.deta-imgs ul {
		width: auto;
	}
	.deta-imgs li {
		float: none;
		width: 100%;
		height: auto;
	}
	.deta-show-imgs {
		left: 0;
		width: auto;
		height: auto;
		margin: 180px 15px 0;
	}
}
/* 产品介绍 */
@media (max-width:767px) {
	.pro-title {
		width: auto;
		padding: 0 15px;
	}
	.optimal-inx .content .our-serve li {
		float: none;
		height: 241px;
	}
	.optimal-inx .content .our-serve dl {
		height: 241px;
	}
	.optimal-inx .content .our-serve .qr-show {
		height: auto;
	}
}

/* 搜索页面 */
@media (max-width:767px) {
	.optimal-inx .headr-box>.headr-content {
		top: auto;
		bottom: 0;
		width: 100%;
	}
	.optimal-inx .headr-box label {
		width: 100%;
		margin-bottom: 0;
	}
	.optimal-inx .headr-box input {
		width: 75%;
		height: 30px;
		line-height: 30px;
	}
	.optimal-inx .headr-box label span {
		width: 25%;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.optimal-inx .headr-box p {
	    font-size: 14px;
	    padding: 0 0 15px;
	}
	.optimal-inx .headr-box h1 {
	    width: 40%;
	    height: 30px;
	    margin: 20% auto 0;
	    background-size: contain;
	}
	.searchA {
		position:relative;
		width: auto;
		padding: 0 15px;
	}
	.searchA>div {
		padding:51px 0 0;
	}
	.search-left {
		float: none;
		width: 100%;
	}
	.search-right {
		display: none;
	}
	.optimal-serch .headr-box>div {
		left: 0;
		margin-left: 0;
		padding: 0 15px;
	}
	.optimal-serch .headr-box>div h1 {
		font-size: 18px;
	}
	.optimal-serch .headr-box span {
		font-size: 12px;
	}
	.search-input {
		width: 100%;
	}
	.search-input input {
		width: 75%;
		height:30px;
		line-height:30px;
	}
	.search-input a {
		width: 25%;
		height:30px;
		line-height:30px;
	}
	.search-headr>div>div {
		overflow: hidden;
		width: 100%;
		height: auto;
		padding: 0 15px;
	}
	.search-headr>div>.headr-text {
		margin:0 auto 16px;
	}
	.li-id {
		width: 10%;
	}
	.list-hp-li .li-key, .list-hp-lia .li-key {
		width: 30%;
	}
	.list-hp-li .li-yq, .list-hp-lia .li-yq {
		width: 12%;
	}
	.headr-text span {
		margin: 0;
		font-size: 12px;
	}
	.headr-page label {
		margin-right: 5px;
	}
	.search-title>strong {
		font-size: 16px;
	}
	.headr-page select  {
		font-size: 12px;
	}
	.headr-page span {
		font-size: 12px;
	}
	.li-yq a  {
		overflow:hidden;
		width: 60px;
		padding: 0 15px;
	}
	.li-key input {
		width: 95%;
		margin: 3px 0;
	}
	.li-key>label {
		display: none;
	}
	.list-hp-li .li-money span, .list-hp-lia .li-money span,.list-ul-hp .li-money span{
		display: inline-block;
		overflow: hidden;
		width: 45px;
		text-overflow:ellipsis;
		vertical-align: middle;
	}
	.search-headr .page-content {
		overflow: visible;
		margin: 0 auto;
	} 
	.search-headr .page-content  .dataTables_paginate {
		width: 100%;
	}
	.pagination>li>a, .pagination>li>span {
	 	padding: 3px 6px;
	}
	.headr-btns {
		display: none;
	}
	.list-ul th {
		width: 33.33%;
	}
	.list-ul-a td {
		width: 33.33%;
	}
	.search-ul {
		width: 92%;
		margin: 0 15px;
	}
	.list-btns {
		display: none;
	}
	.list-ul-b th {
		width: 50%;
	}
	.list-ul-c td {
		width: 50%;
	}
	.search-headr {
		padding: 0 0 20px;
	}
}
/* 登陆 */
@media (max-width:767px) {
	.mask-text {
		left: 0;
		top: 0;
		width: auto;
		height: auto;
		margin-left: 0;
		margin-top: 0;
	}
	.login {
		height: auto;
	}
	.login-goid {
		padding: 48% 0;
	}
	.login-box {
		position: relative;
		top: auto;
		left: 0;
		width: auto;
		margin:0 15px 0;
	}
	.login-go {
		margin: 0 0;
		padding: 15px 0 0;
	}
	.re-span {
		margin: 0 15px;
	}
	.login-go li {
		width: 100%;
		height: 30px;
		line-height: 30px;
	}
	.login-go li span{
		width: 30%;
	}
	.login-go li input {
		float: left;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.login-go li input[type="text"], .login-go li input[type="password"] {
		float: left;
		width: 70%;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.login-go .list-bt-box span {
		width: 50%;
	}
	.login-go .list-yzm .Validform_wrong  {
		width: auto;
	}
	.login-go .list-chebox input {
		height: 25px;
		line-height: 25px;
		margin-right: 5px;
	}
	.login-go .list-chebox span {
		float: left;
	} 
	.login-headr {
		padding: 15px 15px;
		margin: 0 ;
	}
	.login-show {
		height: auto;
		margin:  20px 15px 0;
	}
	.login-go .list-bt-box {
		overflow: visible;
		width: 70%;
		height: 30px;
		line-height: 30px;
	}
	.login-go li  #get-code {
		right: 0;
		width: 40%;
		height: 30px;
		line-height: 30px;
		margin-right: -44%;
		padding: 0 2px;
		font-size: .8rem;
		border-color: #af1414;
	}
	.login-go .list-bt-box input[type="text"] {
		width: 50%;
		height: 28px;
		line-height: 28px;
		padding: 0;
	}
	.list-yzm {
		height: 30px;
		line-height: 30px;
	}
	.login-go .list-bt-box .list-phone-yz input {
		width: 100%;
	}
	.list-phone-yz .bt-box-imgs {
		right: 0;
		width: 40%;
		height: 30px;
		line-height: 30px;
		margin-right:-44%;
	}
	.liat-se-box select {
		height: 30px;
		line-height: 30px;
		padding:0;
	}
	.list-citys span {
		height: 30px;
		line-height: 30px;
	}
	.login-go .list-citys span {
		width: 35%;
	}
	.liat-se-box {
		width: 35%;
		height: 30px;
		line-height: 30px;
	}
	.list-se-b {
		width: 30%;
		height: 30px;
		line-height: 30px;
	}
	.list-se-b select {
		height: 30px;
		line-height: 30px;
		padding: 0;
	}
	.list-se-b .iconfont {
		right: 2px;
	}
	.login-btns input[type="submit"] {
		width: 100%;
		height: 30px;
		line-height: 30px;
	}
	.login-title {
		position: static;
		bottom: 0;
	}
	.login-btns {
		width: auto;
		padding: 0 15px 20px;
		margin: 0 auto;
	}
	.login-title span {
		margin-top: 2px;
	}
	.login-goid .login-title {
		position: absolute;
	}
	.optimal-inx .content .classical {
		padding: 35px 0 0;
	}
}
@media (max-width:320px) {
	.optimal-inx .content .our-serve li p {
		font-size: 12px;
	}
}

@media (max-width: 480px) {
    .our-flow .mobile {
        flex-wrap: wrap;
        width: auto;
        justify-content: start;
    }
    .our-flow .mobile li {
        display: inline-block;
        margin: 0 auto;
    }
    .our-flow .mobile li::before {
        display: none;
    }
    .shuju {
        width: auto;
        height: 540px;
        background: url("../images/shuju_m.jpg") no-repeat;
        background-size: cover;
    }
    .shuju .container {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 10px;
    }
    .shuju .container .item {
        width: 100%;
    }
}