@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

html,
body {
	font-family: "微软雅黑";
	font-size: 15px;
	min-width: 1200px;
	color: #333;
}

ul,
li {
	list-style: none;
}

img {
	border: 0;
}

input,
textarea {
	outline: none;
}

a {
	color: #565656;
	text-decoration: none;
}

a:hover {
	color: #CA1111;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.mainb {
	width: 1400px;
	margin: 0 auto;
}

.paddt30 {
	padding: 30px 0 0;
}

.paddb20 {
	padding-bottom: 20px;
}

.overfw {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.b_mobile{display: none;}
/***********************************************************************************/

.headtop {
	height: 36px;
	line-height: 36px;
	background: #f9f9f9;
}

.headtop ul li {
	display: inline-block;
	margin-left: 15px;
}

.headtop ul li a {
	border-right: 1px solid #dedede;
	padding-right: 15px;
}

.headtop ul li:nth-child(3) a {
	border: 0;
}

.headbox {
	box-shadow: 5px 3px 3px 3px #dedede;
	background: rgba(255, 255, 255, 0.6);
	height: 80px;
}

.logobox {display: flex;
position: relative;
overflow: hidden;}
.logobox img{width:100%;}
.logobox{
display: flex;
position: relative;
overflow: hidden;
}

.logobox:before{  
content:"";
position: absolute;
left: -10px; 
top: -460px;
width: 288px;
height: 10px; 
background-color: rgba(255,255,255,.5);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: searchLights 1s ease-in 1s infinite;
-o-animation: searchLights 1s ease-in 1s infinite;
animation: searchLights 1.5s ease-in 1s infinite;
}
@-webkit-keyframes searchLights {
0% { left: -80px; top: 0; }
to { left: 130px; top: 0px; }
}
@-o-keyframes searchLights {
0% { left: -80px; top: 0; }
to { left: 130px; top: 0px; }
}
@-moz-keyframes searchLights {
0% { left: -80px; top: 0; }
to { left: 130px; top: 0px; }
}
@keyframes searchLights {
0% { left: -80px; top: 0; }
to { left: 130px; top: 0px; }
}

.navbox {
	margin: 0px 0px 0px 10px;
	width: 63%;
}

.navul {
	width: 100%;
	position: relative;
	list-style: none;
}

.navul li {
	float: left;
	text-align: center;
	position: relative;
	width: 12.5%;
	height: 80px;
	line-height: 80px;
}

.navul > li > a {
	font-size: 16px;
	color: #777;
	text-decoration: none;
	display: block;
	    border-right: 1px solid #f5f5f5;
	
}

.navul li:hover > a,
.navul li.active a {
	background: #ca1111;
	color: #fff;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}

.navul > li > a i {
	color: #bababa;
}

.navul > li:hover > a i,
.navul li.active a i {
	color: #fff;
}

.navul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 9999;
	width: 140px;
	top: 80px;
	left: 0;
	padding-top: 10px;
}

.navul > li > ul > li:first-child a:before {
	content: '';
	position: absolute;
	bottom: 48px;
	left: 45%;
	margin-left: -45%;
	width: 0;
	height: 0;
	border-left: 8px solid rgba(255, 255, 255, 0);
	border-right: 8px solid rgba(255, 255, 255, 0);
	border-bottom: 8px solid #ca1111;
}

.navul > li > ul > li ul li:first-child a:before {
	content: '';
	position: absolute;
	bottom: 16px;
	left: 45%;
	margin-left: -71px;
	width: 0;
	height: 0;
	border-top: 8px solid rgba(255, 255, 255, 0);
	border-right: 8px solid #ca1111;
	border-bottom: 8px solid rgba(255, 255, 255, 0);
}

.navul ul li ul {
	top: 0;
	left: 100%;
	padding-left: 10px;
}

.navul li ul li {
	clear: both;
	width: 100%;
	border: none;
	height: 45px;
	line-height: 45px;
	border-top: 1px dashed #d92727;
}

.navul ul li a {
	width: 100%;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	float: left;
	clear: both;
	background: #ca1111;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.navul ul li:hover > a {
	background-color: #ca1111;
}

.navul > li > ul > li:first-child:hover a:before {
	border-bottom-color: #ca1111;
}

.navul > li > ul > li ul li:first-child:hover a:before {
	border-right-color: #ca1111;
}

.navul > li .indicator {
	position: absolute;
	color: #bababa;
	top: 19px;
	right: 8px;
	font-size: 20px;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

.navul > li:hover > .indicator {
	color: #fff;
}

.navul ul > li .indicator {
	top: 14px;
	right: 8px;
	color: #fff;
}

.navul i {
	line-height: 20px !important;
	margin-right: 6px;
	font-size: 20px;
	float: left;
}

.navul > li.showhide {
	display: none;
	width: 100%;
	height: 46px;
	cursor: pointer;
	color: #777;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.navul > li.showhide span.title {
	margin: 13px 0 0 20px;
	float: left;
}

.navul > li.showhide span.icon {
	margin: 30px 20px;
	float: right;
}

.navul > li.showhide .icon em {
	margin-bottom: 3px;
	display: block;
	width: 20px;
	height: 2px;
	background: #ccc;
}

.zoom-out {
	-webkit-animation: zoomOut 600ms ease both;
	-moz-animation: zoomOut 600ms ease both;
	-o-animation: zoomOut 600ms ease both;
	animation: zoomOut 600ms ease both;
}

@-webkit-keyframes zoomOut {
	0% {
		-webkit-transform: scale(.6);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes zoomOut {
	0% {
		-moz-transform: scale(.6);
	}
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes zoomOut {
	0% {
		-o-transform: scale(.6);
	}
	100% {
		-o-transform: scale(1);
	}
}

@keyframes zoomOut {
	0% {
		transform: scale(.6);
	}
	100% {
		transform: scale(1);
	}
}

.headtel {
	padding-top: 20px;
}

.headtel span {
	color: #888;
	background: url(../img/toptel.png) no-repeat left center;
	padding-left: 20px;
	box-sizing: border-box;
}

.headtel h2 {
	color: #ca1111;
	font-size: 26px;
	letter-spacing: 1px;
}


/*banner*/

.hbanbox {
	position: relative;
	overflow: hidden;
	height:600px;
}

.hbanbox .hd {
	height: 10px;
	z-index: 1;
	overflow: hidden;
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	z-index: 1;
	overflow: hidden;
}

.hbanbox .hd ul {
	text-align: center;
}

.hbanbox .hd ul li {
	cursor: pointer;
	float: left;
	margin-right: 5px;
	width: 30px;
	height: 10px;
	line-height: 14px;
	text-align: center;
	background: #fff;
	
}

.hbanbox .hd ul .on {
	background: #ca1111;
	color: #fff;
}

.hbanbox .bd {
	z-index: 0;
	position:absolute;
	width: 1920px;
	top:0;
	left:50%;
	margin-left:-960px;
}
.hbanbox .bd li{height:600px;}
.hbanbox .bd li img {
	width:100%;
	vertical-align: top;
	height:600px;
}


/*解决方案*/

.hsolobox {
	overflow: hidden;
}

.hsl_title {
	background: url(../img/titbg1.png) no-repeat left top;
	padding-left: 60px;
	box-sizing: border-box;
}

.hsl_title .hsl_p1 {
	font-size: 32px;
	font-weight: 300;
}

.hsl_title .hsl_p1 a {
	font-size: 16px;
	display: block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background: #CA1111;
	border-radius: 5px;
	border: 1px solid #CA1111;
}

.hsl_title .hsl_p1 a:hover {
	color: #CA1111;
	background: #fff;
}

.hsl_title p {
	color: #888;
	margin-top: 5px;
}

.hsl_title a {
	float: right;
}

.hsolobox .hsl_con li {
	width: 32.6%;
	width: 32%\9;
	margin: 0 1% 1% 0;
	float: left;
}

.hsolobox .hsl_con li:nth-child(3n) {
	margin-right: 0;
}

.hsolobox .hsl_con li .hsl_img {
	width: 100%;
	height: 334px;
	overflow: hidden;
	position: relative;
}

.hsolobox .hsl_con li .hsl_img img {
	width: 100%;
	display: block;
}

.hsolobox .hsl_con li .hsl_titb {
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	color: #fff;
	background: #CA1111;
	padding: 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
}

.hsl_pan {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	top: 100%;
	left: 0;
	padding: 80px 30px;
	box-sizing: border-box;
}

.hsl_pan p {
	line-height: 1.8;
	font-size: 16px;
	height: 89px;
	overflow: hidden;
}

.hsl_pan span {
	display: block;
	height: 36px;
	line-height: 36px;
	width: 50%;
	margin: 0 auto;
	border-radius: 20px;
	color: #666;
	background: #fff;
	text-align: center;
	margin-top: 30px;
}

.hsl_pan span:hover {
	color: #fff;
	background: #CA1111;
	transition: .3s;
}

.hsolobox .hsl_con li:hover .hsl_pan {
	top: 0;
	transition: .6s;
}


/*产品中心*/

.hprobox {
	background: url(../img/hprobg.jpg);
	overflow: hidden;
}

.htitlebox {
	text-align: center;
	position: relative;
	z-index: 1;
	background: url(../img/titbg1.png) no-repeat 20% top;
}

.htitlebox i {
	position: absolute;
	top: -20px;
	text-transform: uppercase;
	left: 0;
	right: 0;
	margin: auto;
	font-style: normal;
	font-weight: bolder;
	font-size: 42px;
	z-index: -1;
	color: #e7e7e7;
}

.htitlebox h1 {
	color: #CA1111;
	letter-spacing: 2px;
	font-size: 32px;
	background: url(../img/titbg2.png) no-repeat 80% top;
}

.htitlebox em {
	display: block;
	width: 100%;
	height: 2px;
	background: #eee;
	margin: 10px auto;
	position: relative;
}

.htitlebox em:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	width: 90px;
	height: 3px;
	background: #CA1111;
	margin: 0 auto;
}

.htitlebox p {
	color: #666;
	font-size: 16px;
}

.hprocate {
	text-align: center;
	font-size: 0;
}

.hprocate li {
	display: inline-block;
	width: 12%;
	height: 42px;
	line-height: 42px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	font-size: 16px;
	margin: 0 3px 6px;
}

.hprocate li a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hprocon li {
	width: 24.2%;
	width: 24%\9;
	margin: 0 1% 1% 0;
	float: left;
	position: relative;
	height: 267px;
	overflow: hidden;
}

.hprocon li:nth-child(4n) {
	margin-right: 0;
}

.hprocon li .hpro_img {
	width: 100%;
	height: 225px;
	overflow: hidden;
}

.hprocon li .hpro_img img {
	width: 100%;
	height: 100%;
	display: block;
}

.hprocon li h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	font-weight: normal;
	height: 42px;
	line-height: 42px;
	background: #f6f6f6;
	padding: 0 10px;
	box-sizing: border-box;
}

.hprocon li .hpro_pan {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6) url(../img/ck.png) no-repeat center center;
	transform: rotate(60deg)scale(1.2);
	opacity: 0;
}

.hprocon li:hover h2 {
	color: #fff;
	background: #CA1111;
	transition: .3s;
}

.hprocon li:hover .hpro_pan {
	transform: rotate(0)scale(1.0);
	transition: .6s;
	opacity: 1;
}

.btn_prode {
	display: block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	color: #CA1111;
	text-align: center;
	margin: 20px auto 0;
	border-radius: 25px;
}

.btn_prode:hover {
	color: #fff;
	opacity: 0.9;
	transition: .4s;
}

.btn_xg {
	border: 2px solid #CA1111;
	position: relative;
	overflow: hidden;
}

.btn_xg:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -5px;
	width: 110%;
	height: 0;
	background-color: #CA1111;
	z-index: -1;
}

.btn_xg:hover {
	color: #fff;
	border: 2px solid #bababa;
}

.btn_xg:hover:before {
	height: 100%;
	-webkit-transition: all .5s;
	transition: all .5s;
}


/*小优势*/

.hysbox {
	background: url(../img/hysbg.jpg) no-repeat center top;
}

.hysbox li {
	float: left;
	width: 15.65%;
	width: 15%\9;
	margin: 0 1% 1% 0;
	border: 1px solid #eee;
	box-shadow: 2px 3px 15px #eee;
	padding: 10px;
	box-sizing: border-box;
	background: #f9f9f9;
	height: 91px;
}

.hysbox li:nth-child(6) {
	margin-right: 0;
}

.hysbox li .hys_img {
	width: 22%;
	text-align: center;
	padding-top: 12px;
}

.hysbox li .hys_img img {
	width: 90%;
}

.hysbox li .hyscon {
	width: 76%;
}

.hysbox li .hyscon h2 {
	color: #666;
	font-size: 18px;
}

.hysbox li .hyscon p {
	color: #999;
	margin-top: 5px;
}

.hysbox li:hover {
	cursor: pointer;
	transform: translateY(-10px);
	transition: .3s;
	background: #fff;
}

.hysbox li:hover h2 {
	color: #CA1111;
}


/*关于我们*/

.habbox {
	background: url(../img/habg.jpg) no-repeat center top;
	overflow: hidden;
}

.habbox .htitlebox i {
	color: #dfdfdf;
}

.habcon .habtop li {
	width: 32.6%;
	width: 32%\9;
	margin: 0 1% 1% 0;
	float: left;
	position: relative;
	height: 339px;
	overflow: hidden;
}

.habcon .habtop li:nth-child(3) {
	margin-right: 0;
}

.habcon .habtop li a {
	color: #fff;
}

.habcon .habtop li img {
	width: 100%;
	height: 100%;
}

.habcon .habtop li .hab_pan {
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 80px 30px;
	text-align: center;
}

.habcon .habtop li .hab_pan h3 {
	margin-bottom: 10px;
	color: #fff;
	font-size: 26px;
	border-bottom: 1px solid #CA1111;
	padding-bottom: 15px;
}

.habcon .habtop li .hab_pan p {
	font-size: 16px;
	margin-top: 20px;
}

.habcon .habtop li:hover .hab_pan {
	left: 0;
	transition: .6s;
}

.habcon .habtop li:hover img {
	transform: scale(1.2);
	transition: 1s;
}

.habinfo {
	color: #888;
	line-height: 1.8;
	padding-top: 10px;
}

.habinfo p {
	text-indent: 2em;
	margin-bottom: 20px;
}

.habinfo p a {
	color: #CA1111;
	opacity: 0.8;
}

.habinfo p a:hover {
	opacity: 1;
}

.hab_bot {
	padding: 10px 0;
	height: 120px;
	background: #CA1111 url(../img/habotbg.png) no-repeat center top;
	margin-top: 10px;
}

.habqr {
	width: 120px;
	height: 120px;
	padding: 6px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.habqr img {
	padding: 6px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	width: 100%;
}

.habtel {
	padding-left: 30px;
	color: #fff;
	padding-top: 10px;
	background: url(../img/habtel.png) no-repeat left center;
	padding-left: 80px;
	margin-left: 20px;
}

.habtel h2 {
	margin-bottom: 5px;
	letter-spacing: 2px;
	font-size: 26px;
}

.habtel h3 {
	letter-spacing: 2px;
	font-size: 26px;
}

.habptx {
	text-align: right;
	color: #fff;
	padding-top: 10px;
}

.habptx h1 {
	font-size: 28px;
}

.habptx p {
	font-size: 18px;
	margin: 6px 0;
}

.habptx a {
	display: block;
	width: 120px;
	margin-top: 5px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	border: 1px solid #eee;
	text-align: center;
	float: right;
}

.habptx a:hover {
	width: 150px;
	transition: .6s;
}


/*案例展示*/

.hcase_box {
	background: url(../img/hcabg.jpg) no-repeat center top;
	overflow: hidden;
}

.hca_title h2 {
	font-size: 30px;
	color: #666;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.hca_title h2 a {
	float: right;
	font-weight: 300;
	font-size: 18px;
}

.hca_title p {
	color: #666;
}

.hca_cate {
	height: 65px;
	line-height: 65px;
	background: #f0f0f0;
	margin-top: 30px;
	text-align: center;
}

.hca_cate li {
	display: inline-block;
	width: 20%;
	font-size: 18px;
	overflow: hidden;
	text-align: center;
}

.hca_cate li a {
	display: block;
}

.hca_cate li i {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	margin-bottom: -8px;
}

.hca_cate li:nth-child(1) i {
	background: url(../img/hca_1.png) no-repeat center center;
}

.hca_cate li:nth-child(2) i {
	background: url(../img/hca_2.png) no-repeat center center;
}

.hca_cate li:nth-child(3) i {
	background: url(../img/hca_3.png) no-repeat center center;
}

.hca_cate li:nth-child(4) i {
	background: url(../img/hca_4.png) no-repeat center center;
}

.hca_cate li:hover,
.hca_cate li.on {
	background: #CA1111;
	transition: .3s;
}

.hca_cate li:hover a,
.hca_cate li.on a {
	color: #FFF;
}

.hca_cate li:hover:nth-child(1) i,.hca_cate li:nth-child(1).on i {
	background: url(../img/hca_11.png) no-repeat center center;
}

.hca_cate li:hover:nth-child(2) i,.hca_cate li:nth-child(2).on i {
	background: url(../img/hca_22.png) no-repeat center center;
}

.hca_cate li:hover:nth-child(3) i,.hca_cate li:nth-child(3).on i {
	background: url(../img/hca_33.png) no-repeat center center;
}

.hca_cate li:hover:nth-child(4) i,.hca_cate li:nth-child(4).on i {
	background: url(../img/hca_44.png) no-repeat center center;
}

/* .hca_cate li.on i {
	background: url(../img/hca_on.png) no-repeat center center !important;
} */

.hca_con {
	overflow: hidden;
}

.hca_con ul li {
	width: 32.3%;
	margin: 0 8px;
	float: left;
}

.hca_con ul li .hcasc_img {
	width: 100%;
	overflow: hidden;
	height:331px;
}

.hca_con ul li .hcasc_img img {
	width: 100%;
	height: 100%;
	display: block;
}

.hca_con ul li .hcac_info {
	padding: 15px 10px;
	background: #fff;
	box-sizing: border-box;
}

.hca_con ul li .hcac_info h3 {
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hca_con ul li .hcac_info p {
	margin: 10px 0;
	line-height: 1.5;
	height: 43px;
	overflow: hidden;
	color: #888;
}

.hca_con ul li .hcac_info span {
	color: #999;
	font-weight: bold;
	font-size: 18px;
}

.hca_con ul li .hcac_info span em {
	font-style: normal;
}

.hca_con ul li .hcac_info i {
	display: block;
	width: 100px;
	height: 36px;
	line-height: 36px;
	color: #666;
	background: #f6f6f6;
	text-align: center;
	float: right;
	font-style: normal;
	font-size: 18px;
}

.hca_con ul li:hover i {
	color: #fff;
	background: #CA1111;
	transition: .3s;
}

.hca_con ul li:hover h3 {
	color: #CA1111;
}


/*新闻资讯*/

.hbewbox {
	background: url(../img/newbg.jpg);
}

.hbew_top {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.hbew_top li {
	float: left;
	width: 31.9%;
	width: 31%\9;
	margin: 0 2% 1% 0;
	background: url(../img/cirl.png) no-repeat left center;
	padding-left: 20px;
	box-sizing: border-box;
}

.hbew_top li:nth-child(3n) {
	margin-right: 0;
}

.hbew_top li a {
	width: 82%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
	color: #555;
}

.hbew_top li span {
	float: right;
	color: #888;
}

.hbew_top li:hover {
	background: url(../img/cirlh.png) no-repeat left center;
}

.hbew_top li:hover a {
	color: #CA1111;
}

.hbewc_lt {
	width: 35%;
	border: 1px solid #ddd;
}

.hbewc_lt .hbewl_img {
	width: 100%;
	height: 301px;
	overflow: hidden;
}

.hbewc_lt .hbewl_img img {
	width: 100%;
	height: 100%;
}

.hbewc_lt .hbewl_con {
	padding: 10px;
	box-sizing: border-box;
	background: #f8f8f8;
}

.hbewc_lt .hbewl_con h3,
.hbewc_rt dd h3 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.hbewc_lt .hbewl_con p {
	color: #666;
	line-height: 1.5;
	height: 46px;
	overflow: hidden;
	margin: 8px 0;
}

.hbewc_lt .hbewl_con span {
	display: block;
	color: #888;
	background: url(../img/time.png) no-repeat left center;
	padding-left: 20px;
}

.hbewc_lt:hover img {
	transform: scale(1.2);
	transition: 1s;
}

.hbewc_lt:hover {
	border-color: #eee;
}

.hbewc_rt {
	width: 63%;
}

.hbewc_rt dl {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #ddd;
}

.hbewc_rt dt {
	width: 15%;
	float: left;
	background: #f6f6f6;
	height: 111px;
	box-sizing: border-box;
	padding: 20px;
}

.hbewc_rt dt span {
	display: block;
	font-size: 22px;
	font-weight: bold;
}

.hbewc_rt dt p {
	color: #888;
}

.hbewc_rt dt em {
	display: block;
	margin: 8px 0;
	width: 60px;
	height: 2px;
	background: #ddd;
}

.hbewc_rt dd {
	width: 83%;
	float: right;
}

.hbewc_rt dd p {
	margin: 8px 0;
	height: 42px;
	line-height: 1.5;
	overflow: hidden;
	color: #666;
}

.hbewc_rt dd span {
	display: block;
	text-align: center;
	width: 100px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	background: #CA1111;
}


/*友情链接*/

.yqlink {
	min-height: 60px;
	background: #f5f5f5;
	padding: 10px 0;
}

.yqlink h4 {
	font-size: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
	letter-spacing: 2px;
	position: relative;
}

.yqlink h4 em {
	font-style: normal;
	text-transform: uppercase;
	border-right: 1px solid;
	padding-right: 5px;
	margin-right: 5px;
}

.yqlink h4 i {
	font-style: normal;
	color: #CA1111;
}

.yqlink h4:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 66px;
	height: 2px;
	background: #CA1111;
}

.yqlink li {
	display: inline-block;
	margin: 5px;
	border-right: 1px solid #ccc;
	padding-right: 10px;
}

.yqlink li a {
	display: block;
}


/*底部*/

.footbox {
	background: #353535;
}

.footbox .foot_qr {
	width: 150px;
	box-sizing: border-box;
	padding: 5px;
	/* border: 1px solid #9f9f9f; */
}

.footbox .foot_qr img {
	width: 100%;
	height: 100%;
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #9f9f9f;
}
.footbox .foot_qr p{text-align:center;color: #9f9f9f; height: 36px; line-height: 36px;}
.footbox .foot_nav {
	padding-left: 30px;
}

.footbox .foot_nav h2 {
	font-size: 18px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #9f9f9f;
	text-align: center;
}

.footbox .foot_nav h2 a {
	color: #b3b3b3;
}

.foot_nav {
	width: 62%;
}

.footbox ul {
	float: left;
	margin-left: 33px;
	width: 12%;
}

.footbox ul li {
	line-height: 36px;
	position: relative;
	padding-left: 15px;
}

.footbox ul li a {
	color: #9f9f9f;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.footbox ul li:before {
	position: absolute;
	content: "○";
	top: 0px;
	left: 0;
	width: 10px;
	height: 10px;
	color: #9f9f9f;
}

.foot_lx {
	width: 25%;
}

.foot_lx p {
	color: #9f9f9f;
	line-height: 1.8;
}

.foot_cop p {
	color: #999;
}

.foot_cop {
	padding: 10px;
	background: #222;
}
/*内页开始*/
.inmain{padding-bottom: 20px;}
.ibaner{height: 260px;background-position: center top;background-repeat: no-repeat;text-align: center;}
.ban1{background-image: url(../img/ban1.jpg);}
.ibaner .bantit{font-size:32px;color: #CA1111;padding-top: 80px;font-weight: bold;}
.ibaner .bantxt{font-size: 16px;color: #fff;margin-top: 10px;}

.ibread{height: 52px;line-height: 52px;border-bottom: 1px solid #ddd;letter-spacing: 2px;}
.ibread h2{float: left;}
.ibread p{float: right;}
.ierbox{text-align: center;margin: 30px auto;}
.ierbox li{display: inline-block;height: 45px;line-height: 45px;width: 12.5%;margin-bottom:5px;border: 1px solid #ddd;box-sizing:border-box;background: #fff;}
.ierbox li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ierbox li:hover{background: #CA1111;transition: .3s;}
.ierbox li:hover a{color: #fff;}
.icontxt{font-size: 15px;color: #888;line-height: 1.8;}
.icontxt img{max-width: 100%;height: auto;}
/*实力放大图*/
.rebox {
	cursor: pointer;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10000 !important;
	-webkit-filter: none !important;
	background: rgb(0, 0, 0);
	/* IE Fallback (Solid Colour) */
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
	background: rgba(0, 0, 0, 0.7);
}

.rebox * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.rebox-contents {
	position: absolute;
	top: 35%;
	left: 5%;
	text-align: center;
	width: 90%;
	height: 90%;
}

.rebox-contents .rebox-content {
	border: 5px solid #fff;
	box-shadow: 0 0 20px #000;
	border-radius: 1px;
	max-width: 100%;
	max-height: 100%;
}

.rebox-loading {
	width: 31px;
	height: 31px;
	margin: -16px 0 0 -16px;
	position: absolute;
	top: 48%;
	left: 50%;
}

.rebox-caption {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 1000;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
}

.rebox-caption p {
	margin: 0 auto;
	max-width: 70%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}

.rebox-button {
	position: absolute;
	z-index: 9999;
	min-width: 40px;
	color: #4b4b4b;
	height: 40px;
	line-height: 40px;
	background: #eee;
	opacity: 0.4;
	text-decoration: none;
	font-size: 24px;
	
	text-align: center;
	vertical-align: middle;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.rebox-button:hover,
.rebox-button:focus {
	opacity: 1;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}

.rebox-close {
	right: 10px;
	top: 10px;
}

.rebox-next {
	right: 10px;
	top: 48%;
}

.rebox-prev {
	left: 10px;
	top: 48%;
}

.rebox-loading {
	left: 50%;
	top: 48%;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 2000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 2000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 2000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.islbox a {
	display: block;
	width: 24.2%;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
	    background: #eee;
	padding: 10px 10px 0;
    box-sizing: border-box;
}

.islbox a:nth-child(4n) {
	margin-right: 0;
}

.islbox .slimg {
	width: 100%;
	height: 212px;
	overflow: hidden;
}

.islbox .slimg img {
	width: 100%;
	height: 100%;

}
.islbox .slimg:hover img{transform: scale(1.2);transition: 1s;}
.islbox p {
	text-align: center;
	line-height: 45px;
	color: #4b4b4b;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*页码*/

.page {
	width: 100%;
	margin: 30px auto 0;
	text-align: center;
	min-height: 30px;
}

.page .pagebox {
	text-align: center;
}

.pagebox span {
	border: 1px solid #999;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 40px;
	line-height: 30px;
	display: inline-block;
	color: #999;
	border-radius: 20px;
}

.pagebox span a {
	color: #999;
	width: 100%;
	display: block;
}

.pagebox .pagebox_num_nonce {
	color: #fff;
	background: #CA1111;
	border: 1px solid #CA1111;
}

.pagebox .pagebox_pre,
.pagebox .pagebox_next_nolink,
.pagebox .pagebox_pre_nolink,
.pagebox .pagebox_next {
	width: 90px !important;
}

/*留言*/

.ly_input {
	width: 95%;
	height: 42px;
	padding: 0 10px;
	box-sizing: border-box;
	border: 1px solid #d2d4d6;
}

.ly_text {
	width: 95%;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	height: 100px;
	border: 1px solid #dedede;
}

.lybox {
	margin: 0 auto;
	text-align: center;
}

.G_botton {
	width: 55px;
	height: 30px;
	line-height: 30px;
	border: 0;
	cursor: pointer;
}

.formli {
	width: 100%;
	height: auto;
	padding-top: 10px;
	clear: both;
	position: relative;
}

.formli img {
	position: absolute;
	right: 35%;
	top: 25px;
}



#checkCode {
	width: 95%;
	height: 42px;
	padding: 0 10px;
	box-sizing: border-box;
	border: 1px solid #dedede;
	text-transform: uppercase;
	vertical-align: middle;
}

.forml_sub,
.czhi {
	width: 190px;
	height: 42px;
	border: none;
	color: #000;
	font-family: 微软雅黑;
	border-radius: 3px;
	font-size: 16px;
	margin: 25px 25px 0 0;
}

.forml_sub {
	margin-left: 58px;
}

.forml_sub:hover,
.czhi:hover {
	cursor: pointer;
	color: #fff;
	background: #CA1111;
	transition: .3s;
}

.form_tit {
	display: block;
	float: left;
	line-height: 42px;
}
.iprocon li{width: 24.2%;width: 24%\9;float: left;margin: 0 1% 1% 0;}
.iprocon li .ipropic{width: 100%;position: relative;height: 225px;overflow: hidden;}
.iprocon li .ipropic img{width: 100%;height: 100%;}
.iprocon li:nth-child(4n){margin-right: 0;}
.iprocon li .ipropic .ipanel{position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background: rgba(202, 17, 17, 0.54) url(../img/pmore.png) no-repeat center center;}

.iprocon li:hover .ipanel{top: 0;transition: .5s;}
.iproinfo{background: #fff;padding: 10px 20px;border: 1px solid #eee;box-sizing: border-box;background: #f6f6f6;}
.iproinfo h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid #ddd;padding-bottom: 12px;background: url(../img/ipli.png) no-repeat left 4px;padding-left: 30px;box-sizing: border-box;font-size: 18px;margin-bottom: 12px;}
.iproinfo p{color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hca_con ul li:hover img{transform: scale(1.2);transition: 1s;}
.icasecon li{float: left;width: 24.2%;width: 24%\9;margin: 0 1% 1% 0;position: relative;overflow: hidden;}
.icasecon li:nth-child(4n){margin-right: 0;}
.icasecon li .icase_img{width:100%;overflow: hidden;height: 248px;}
.icasecon li .icase_img img{width: 100%;height: 100%;}
.icasecon li .icasepan{position: absolute;bottom: -100%;left:0;width:100%;height:55%;color:#fff;background: rgba(0,0,0,0.6);padding: 30px 20px;text-align: center;box-sizing: border-box;}
.icasecon li:hover .icasepan{bottom: 0;transition: .6s;}
.icasecon li .icasepan p{font-size: 16px;}
.icasecon li .icasepan span{display: block;width: 120px;height: 36px;line-height: 36px;;color:#fff;background: #CA1111;border-radius: 20px;margin: 30px auto 0;}
.icasecon li .icase_t{padding: 20px 5px;background: #fcfcfc;}
.icasecon li .icase_t h2{font-size: 18px;margin-bottom: 10px;}
.icasecon li .icase_t p{color:#777;}
.icasecon li .icase_t h2,.icasecon li .icase_t p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.icasecon li:hover{box-shadow: 0 3px 15px 5px #eee;transition: .6s;transform: translateY(-10px);}
/*图文新闻*/
.ipnew_con .hbewc_lt{width: 24.2%;width: 24%\9;float: left;margin: 0 1% 1% 0;box-sizing: border-box;}
.ipnew_con .hbewc_lt:nth-child(4n){margin-right: 0;}
.ipnew_con .hbewc_lt .hbewl_img{height: 246px;}
.ipnew_con .hbewc_lt p{color: #888;}

/*新闻列表*/
 .inewli_l{width: 65%;}
 .inewde_con .inewli_l{background: #f9f9f9;box-sizing: border-box;padding: 15px;}
.inewli_con .inewli_l li{height: 45px;line-height: 45px;padding:0 10px 0 35px;box-sizing: border-box;margin-bottom: 10px;background:#f8f8f8 url(../img/cirl.png) no-repeat 10px center;font-size: 16px;}
.inewli_con .inewli_l li a{display: block;float: left;width: 72%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inewli_con .inewli_l li span{float: right;color: #888;}
.inewli_con .inewli_l li:hover{background: #f8f8f8 url(../img/cirlh.png) no-repeat 10px center;}

.inewli_r{box-sizing: border-box;width: 32%;background: #f9f9f9;}
.ireltit{color: #fff;
    background: #ca1111;
    padding: 10px 5px;
    text-align: left;
    border-bottom: 1px solid #ddd;}
    .ireltit a{float: right;font-weight: normal;color: #fff;font-size: 18px;}
.inewli_r .irelnew{width: 100%;}
.inewli_r .irelnew dt{width: 30%;}
.inewli_r .irelnew dd{width: 66%;}
.inewli_r .irelnew dl{padding-top: 10px;}

.inewli_r .irelcase li:hover{transform: translateY(0);}


.irelpro{overflow: hidden;}
.irelpro li{width: 19.2%;width: 19%\9;}
.irelpro li:nth-child(4n){margin-right: 1%;}
.irelpro li:nth-child(5n){margin-right: 0;}
.irelpro li .hpro_img{height: 183px;}
.irelpro li .hpro_img img{height: 100%;display: block;}
.irelpro li{height: auto;}
.inewde_tit h1{border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;border-left: 3px solid #CA1111;padding-left: 10px;color: #CA1111;}
.inewde_tit span{color: #999;margin-right: 30px;}
.idebox .inewde_tit .inewd_to{text-align:center;margin-bottom:15px;border-bottom:1px dashed #ddd;padding-bottom:20px;}


.irelcase li{width: 48%;margin: 1%;}
.irelcase li .icase_img{height: 160px;}
.updown .udli span{float: left;}
.updown .udli p{float:left;width:85%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.updown .udli{height: 45px;line-height: 45px;background: #f7f7f7 url(../img/upd.png) no-repeat 3px center;padding: 0 10px;border-radius: 10px;margin-bottom: 10px;padding-left:30px;box-sizing: border-box;font-size: 16px;}
.updown .udli:hover p{padding-left: 10px;transition: .6s;}
/*产品详情*/
.iprode_img{width: 52%;max-height: 600px;overflow: hidden;}
.iprode_img img{width: 100%;} 
.iprod_info{width: 46%;padding: 30px;background: #f9f9f9;box-sizing: border-box;}
.iprod_info h2{margin-bottom: 20px;}
.iprod_info ul{margin-bottom: 20px;}
.iprod_info ul li{border-left: 1px solid #ccc;height: 45px;line-height: 45px;padding-left: 10px;position: relative;border-bottom: 1px dashed #ddd;}
.iprod_info ul li:before{content:"";position: absolute;top: 17px;left: -6px;width: 10px;height: 10px;background: #CA1111;}
.iprod_info ul li span{color: #888;}
.iprod_info ul li.ipd_ms{height: auto;}
.iprod_info ul li.ipd_ms p{color: #888;line-height: 1.6;height: 76px;overflow: hidden;}
.ipde_qr{width: 120px;}
.ipde_qr img{width: 100%;}
.ipde_btn{padding-left: 30px;}
.ipde_btn a{width: 150px;text-align: center;color:#fff;background: #666666;display: inline-block;height: 42px;line-height: 42px;}
.ipde_btn .onebtn{background: #CA1111;}
.ipde_btn .headtel{padding-top: 0;}
.ipde_btn a:hover{opacity: 0.6;}
.cpde{border-bottom: 1px solid #ddd;}
.cpde span{display: block;width: 120px;color: #fff;height: 42px;line-height: 42px;background: #CA1111;text-align: center;}

.ide_con .inewli_l{width: 100%;}
.ide_con .inewde_tit h1{border: 0;text-align: center;padding-left: 0;color: #CA1111;}
.zhaiyao {
	padding: 10px;
	box-sizing: border-box;
	background: #fefefe;
	margin-top: 10px;
}

.zhaiyao p {
	line-height: 1.6;
	color: #888;
	padding-top: 5px;
	height: 71px;
	overflow: hidden;
}


@media screen and (max-width:959px) {
	html,
	body {
		min-width: 660px;
		max-width: 660px;
		margin: auto;
		overflow-x: hidden;
	}
	.navul > li:nth-child(5) > a{border-right:0}
	.navul > li:nth-child(9) > a{border-right:0}
	.headbox {
		border-top: 1px solid #ddd;
	}
	.headtop{
		display: none;
	}
	.navbox {
		width: auto;
		float: right;
	}
	.mainb {
		width: 98%;
	}
	.navul > li.showhide {
		border: 0;
	}
	.navul > li.showhide span.title {
		display: none;
	}
	.navul li {
	display: block !important;
    width: 25%;
	}
	.headbox{height: auto;}
	.headbox .mainb{width: 100%;}
	.navbox{float: none;clear: both;margin: 0;border-bottom: 1px solid #bd2525;border-left: 1px solid #bd2525;box-sizing: border-box;}
	.navul li{height: 36px;line-height: 36px;background: #CA1111;border-top: 1px solid #bd2525;border-right: 1px solid #bd2525;box-sizing: border-box;}
	.navul > li > a {
		padding: 0;
		color: #fff;
	}
	.n_erul{display: none !important;}
	.navul > li.brand {
		display: none !important;
	}
	.navul a {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.navul ul,
	.navul ul li ul {
		width: 100%;
		padding: 0;
		left: 0;
		border: none;
		position: static;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.navul > li > ul > li:first-child a:before,
	.navul > li > ul > li ul li:first-child a:before {
		border: none;
	}
	.navul ul li {
		border-left: none;
		border-right: none;
	}
	.navul ul li a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navul ul > li > a {
		padding-left: 40px !important;
	}
	.navul > li .indicator {
		top: 14px;
		right: 20px;
		font-size: 20px;
	}
	.navul ul > li .indicator {
		top: 10px;
		right: 20px;
	}
	.navul li.search form {
		margin: 12px 18px 0 18px;
	}
	.navul li.search form input.search {
		width: 100%;
		margin-bottom: 12px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.navul > li > ul > li > a {
		padding-left: 40px !important;
	}
	.navul > li > ul > li > ul > li > a {
		padding-left: 60px !important;
	}
	.navul > li > ul > li > ul > li > ul > li > a {
		padding-left: 80px !important;
	}
	.paddt30{padding-top: 15px;}
	.hsl_title .hsl_p1{font-size: 22px;}
	.hsl_title .hsl_p1 a{display: none;}
	.hsl_title{text-align: center;background: none;padding-left: 0;}
.hsolobox .hsl_con li .hsl_img{height: 157px;}
	.htitlebox h1{font-size: 22px;}
	.hprocon li{width: 48%;margin: 1%;}
	.hprocon li:nth-child(4n){margin-right: 1%;}
	.htitlebox i{display: none;}
	.hysbox{display: none;}
.habcon .habtop li{height: auto;}

.habcon .habtop li .hab_pan{display: none;}
.hab_bot{display: none;}

.htitlebox,.htitlebox h1{background: none;}
.hca_cate li{width: 25%;display: inline;float: left;}
.hca_con ul li .hcac_info i{display: none;}
.hbew_top li{width: 48%;margin: 1%;}
.hbew_top li:nth-child(3n){margin-right: 1%;}
.hbewc_lt{display: none;}
.hbewc_rt{width: 100%;}
.footbox .foot_nav{display: none;}
.foot_lx{width: 65%;}
.paddb20{padding-bottom: 10px;}
.ibaner .bantit,.ibaner .bantxt{display: none;}
.ierbox li{display: inline;float: left;width: 23%;margin: 1%;}
.ibaner{background-size: 100%;height: 90px;}
.ierbox{margin: 15px auto;}
.islbox a{width: 48%;margin: 1%;}
.islbox .slimg{height: 197px;}
.ly_input,.ly_text,#checkCode{width: 90%;}
.iprocon li{width: 48%;margin: 1%;}
.iprocon liv:nth-child(4n){margin-right: 1%;}
.iprocon li .ipropic{height: 206px;}
.icasecon dl{width: 48%;margin: 1%;}
.icasecon dl:nth-child(4n){margin-right: 1%;}
.icasecon dl .icase_img{height: 231px;}
.ipnew_con .hbewc_lt{width: 48%;display: block;margin: 1%;}
.ipnew_con .hbewc_lt:nth-child(4n){margin-right: 1%;}
.ipnew_con .hbewc_lt .hbewl_img{height: 226px;}
.inewli_r{display: none;}
.inewli_con .inewli_l{width: 100%;}
	.irelpro li:nth-child(5n){display: none;}
	.inewde_con .inewli_l{width: 100%;}
.inewde_tit h1{font-size: 22px;}
.inewde_tit span{margin-right: 10px;}
	.iprode_img,.iprod_info{width: 100%;}
.iprod_info{padding: 10px;}
.iprod_info .headtel{display: block;}
	.icasecon li{width: 48%;margin: 1%;}
	.ierbox li{height: 36px;line-height: 36px;}
	.icasecon li .icase_img{height: 227px;}
	.inewde_con .inewli_l{padding: 0;background: none;}
	.hbanbox .bd{position:relative;width:100%;left:0;margin-left:0;}
	.hbanbox,.hbanbox .bd li,.hbanbox .bd li img{height:206px;}
	
	.logobox{width:40%;}
	.logobox img{width:100%;}
	.headtel {
    padding-top: 13px;
}
	.hprocate li{width:31.3%;display:inline;float:left;margin:1%;}
	.hca_con ul li .hcasc_img{height:153px;}
.hbew_top li a{width:76%;}
	.hbewc_rt dt{width:20%;}
	.hbewc_rt dd{width:79%;}
	.zhaiyao{background:#f8f8f8;}
	
	
}

@media screen and (max-width:640px) {
	html,
	body {
		min-width: 100%;
		max-width: 100%;
	}
	.logobox{width: 60%;}
	.logobox img{width: 100%;}
	.navul > li.showhide span.icon{ margin: 22px 20px;}
	.headbox{height: auto;}
	.hsolobox .hsl_con li{width: 100%;}
	.hsolobox .hsl_con li .hsl_img{height: auto;}
	.hsolobox .hsl_con li:nth-child(3n){margin-right: 1%;}
	.hsl_pan{padding: 60px 30px;}
	.hprocon li .hpro_img{height: 117px;}
	.hprocon li{height: auto;}
	.htitlebox p{font-size: 14px;}
	.btn_prode{margin-top: 10px;}
	.habcon .habtop li{width: 100%;}
	.hca_cate{background: none;}
	.hca_cate li{width: 48%;margin: 1%;}
	.ipnew_con .hbewc_lt{width: 100%;}
	.hca_con ul li{width: 352px;}
	.hbew_top{display: none;}
	.hbewc_rt dt{width: 35%;}
	.hbewc_rt dd{width: 63%;}
	.hbewc_lt{display: block;width: 100%;margin-bottom: 10px;}
	.hbewc_lt .hbewl_img{height: auto;}
	.foot_con{display: none;}
	.footbox{padding-top: 0;margin-bottom: 56px;}
	.b_mobile {
		position: fixed;
		width: 100%;
		left: 0;
		right: 0;
		bottom: 0;
		height: 55px;
		background: #CA1111;
		border-top: 1px solid #CA1111;
		z-index: 9999;
		display: block;
	}
	.b_mobile li {
		float: left;
		width: 18.5%;
		padding: 0 3%;
		border-left: 1px solid #fff;
	}
	.b_mobile li:first-child {
		border-left: 0;
	}
	.b_mobile li a {
		display: block;
		height: 45px;
		color: #fff;
		padding-top: 9px;
		text-align: center;
	}
	.b_mobile li a img {
		margin: 0 auto;
		width: 20px;
		height: 19px;
	}
	.b_mobile li a span {
		display: block;
		height: 20px;
		line-height: 20px;
	}
	.ibaner{height: 50px;}
	.ierbox li{width: 31.33%;}
	.islbox a{padding: 0;}
	.islbox .slimg{height: 117px;}
	.islbox p{line-height: 36px;}
	.ly_input, .ly_text, #checkCode{width: 82%;}
	.forml_sub, .czhi{width: 120px;}
	.forml_sub{margin-left: 25px;}
	.iprocon li .ipropic{height: 121px;}
	.iproinfo{padding: 10px 8px;}
	.iproinfo h3{background: none;padding-left: 0;font-size: 16px;}
	.icasecon dl{width: 100%;margin: 1% auto;}
	.icasecon dl .icase_img{height: 269px;}
	.ipnew_con .hbewc_lt{margin: 1% 0;width: 100%;}
	.ipnew_con .hbewc_lt .hbewl_img{height: 267px;}
	.updown .udli{padding-left: 30px;font-size: 15px;}
	.updown .udli p{width: 78%;}
	.cpde span{font-size: 16px;height: 36px;line-height: 36px;}
	.ipde_qr{width: 100px;}
	.ipde_btn a{width: 100px;}
	.icasecon li .icase_img{height: 129px;}
	.icasecon li .icasepan{display: none !important;}
	.icasecon li .icase_img{height: 129px;}
	.icasecon li:hover{transform: translateY(0);}
	.icasecon li .icase_t h2{font-size: 16px;}
	.headtel h2{font-size: 18px;margin-bottom:6px;}
	.ipde_btn{padding-left:10px;}
	.headtel{padding-top: 12px;}
	.hbanbox, .hbanbox .bd li, .hbanbox .bd li img{height:117px;}
		.navul > li > a{border-right:1px solid #bd2525;}
	.logobox {
    width: 50%;
	height:auto;
}
.logobox img{height:100%;}
.headtel {
    padding-top: 7px;
}
.hca_con ul li .hcasc_img{height:auto;}
	.ibread h2{font-size:18px;}
	.ibread{letter-spacing:0;}
	.ipde_btn a{height:36px;line-height:36px;}
	.habcon .habtop li:nth-child(2),.habcon .habtop li:nth-child(3){display:none;}
	
	
	
}

@media screen and (max-width:360px) {
	.hca_con ul li{width: 335px;}
}
@media screen and (max-width:350px) {
	.hca_con ul li{width: 325px;}
}
@media screen and (max-width:340px) {
	.hca_con ul li{width: 316px;}
}
@media screen and (max-width:330px) {
	.hca_con ul li{width: 306px;}
	.ipde_btn{display:none;}
	.headtel span{display:none;}
}
@media screen and (max-width:320px) {
	.hca_con ul li{width: 296px;}
	
}