@charset "utf-8";
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;}
body, input, button, form, textarea {
	font-size: 14px;
	line-height: 28px;
	font-family:  "Arial";
	color: #333;}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: normal;}
ul, ol {
	list-style: none;}
img {
	border: 0px;
	/* display: block; */
	margin: 0;
	padding: 0;}
em, i, strong {
	font-style: normal;}
button, input, select, textarea {
	font-size: 100%;}
table {
	border-collapse: collapse;
	border-spacing: 0;}
body {
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;}
* {
	padding: 0px;
	margin: 0px}
div {
	margin: 0;
	padding: 0;
	border: 0;}
p {
	margin: 0;}
b, strong {
	font-weight: bold;}
table {
	border-collapse: collapse;
	border-spacing: 0;/* Remove most spacing between table cells.*/}
li {
	list-style: none outside none;}
a  {
	TEXT-DECORATION:none}
.fl {
    float: left!important;}
.fr {
    float: right!important;}
.main {
    width: 1280px;
    margin: 0 auto;}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 1280px;
    font-family: microsoft yahei;}
.lybtn {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    width: 180px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    transition: 0.36s; margin-left: 0px;
	margin-bottom: 50px;
    margin-top: 30px;
	background: #d70208;
    color: #ffffff;
    border: 1px solid #d3cfcf;}
	
.liuyan{
	width:100%;
	background: #f9f9f9;}

.liuyan .fwzc h2{ 
    font-size:32px;
	color:#222222;
	text-align:center;
	font-weight:bold ;
	padding-top: 40px;}
 
.liuyan .fwzc p {
	margin-top: 18px;
	text-align:center;
	font-size: 16px;}

/*分页样式*/
.pglist {
	padding: 30px 0 50px;
	width: 100%;
	text-align: center;
	clear: both;}
	
.pglist a {
	color: #666;
	padding: 0 13px;
	margin: 0 4px;
	background: #efefef;}
	
.pglist * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;}
	
.pglist a:hover {
	display: inline-block;
	color: #fff;
	background: #d70208;}
	
.pglist .hover {
	display: inline-block;
	color: #fff;
	background: #660798;}
		
/*分页样式*/	
	
/* reLink*/
.reLink {
	width: 100%;
	margin: 20px 0 10px;
	line-height: 60px;
	border-top: 1px solid #dddddd;}
	
.reLink .nextLink, .reLink .prevLink {
	width: 50%;
	line-height: 60px;
	color: #333333;}
	
.reLink .nextLink {
	text-align: right;}
	
.reLink a {
	font-size: 16px;
	color: #272727;}
	
.reLink a:hover {
	color: #d70208;}
	
/* reLink*/


/*head*/
.nav {
	width: 100%;
	background-color: #ffffff; 
	z-index: 1000;
     box-shadow: 0px 3px 3px rgba(0,0,0,0.01);
	height: 100px;
    position: fixed;}

.nav .main {
	position: relative;}

.nav .logo {
	width: 240px;
	height:70px;
	float: left;
	text-indent: -999px;
	background: url(/resource/images/logo.png) center no-repeat;
	margin-top: 18px;}

.nav .logo a {
	width: 240px;
	height: 70px;
	display: block;}

/*导航*/
.nav-list {
	width: 780px;
	float: left;
	margin-left: 40px;}

.nav-list ul .nli {
	width: 105px;
	height: 100px;
	line-height: 90px;
	float: left;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	margin-left: 5px;
	margin-top: 5px;}

.nav-list ul .nli p {
	font-weight: normal;
	color: #454545;
	margin-top:0px;}

.nav-list ul .nli p a {
	display: block;
	width: 110px;
	height: 40px;
	box-sizing: border-box;
	display: block;
	    font-size: 18px;
    font-weight: 700;
    color: #333 !important;}

.nav ul .on h3 a {
	border-bottom: 6px solid #e40e0e;}

.nav .sub {
	width: 110px;
	background-color: #f4f4f4;
	position: absolute;
	display: none;
	z-index: 999;
	margin-top: 55px;}

.nav .sub li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ffffff;}

.nav .sub li a {
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #000000;
	font-weight: 400;}

.nav .sub li:hover {
	background-color: #da0000;
	border-bottom: 1px solid #ffffff;}
	
.nav .sub li:hover a {
	color:#ffffff !important}

/*产品中心下拉*/
.nav .sub2 {
	width: 1920px;
	overflow: hidden;
	top: 90px;
	display: block;
	margin-left: -970px;
	line-height: 2;
	z-index: 99;
	position: absolute;
	padding: 40px 0 30px 0;
	background: rgba(255, 255, 255, 0.95);
	display: none;}

.nav .sub2 .juzhong {
	width: 1280px;
	height: 285px;
	overflow: hidden;
	margin-left: 320px;}

.nav .sub2 .juzhong ul {
	width: 1280px;}

.nav .sub2 .juzhong ul li {
	width: 300px;
    float: left;
    text-align: center;
    margin: 0 10px;}

.nav .sub2 .juzhong ul li p a{
    font-size: 16px;
    font-weight: bold;}
	
.nav .sub2 .juzhong ul li .img-box {
	width: 240px;
	height: 200px;
	text-align: center;
	margin-top: -20px;}

.nav .sub2 .juzhong ul li p:first-child {
	font-size: 16px;
	color: #e40e0e;
	text-align: center;
	margin-left: 80px;}

.nav .sub2 .juzhong ul li span {
	font-size: 15px;
	color: #666;
	display: block;
	margin-top: 40px;
    width: 240px;}

.nav .sub2 .juzhong ul li p:last-child {
	font-size: 16px;
	color: #333;
	text-align: center;}
	
.dh {
    font-size: 22px;
    color: #d70208;
    padding: 0 0 0 44px;
    float: right;
    background: url(/resource/images/tel.png) no-repeat 14px center ;
    margin-top: 36px;
	font-weight: 700;}
	
.dh span{  
    line-height: 29px; }	
	
/*head*/	
		

/*banner*/

.hd-banner  {overflow: hidden;
    position: relative;
    z-index: 2;}
	
.main_banner {
	width: 100%;
	overflow: hidden;
	height: 600px;
	margin: 0 auto;
	position: relative; 
	z-index: 2;
	margin-top: 100px;}	
	
.main_banner .bd {
	width: 1920px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;}	
	
.main_banner .bd li img {
	width: 1920px;
	height: 600px;
	overflow: hidden;}	
.main_banner .hd {
	
	position: absolute;
	width: 270px;
	left: 50%;
	bottom: 40px;
	height: 0px;
	z-index: 3000;
	margin-left: -114px;
	text-align: center;}	
	
.main_banner .hd ul {
	display: inline-block;}

.main_banner .hd li {
	height: 6px;
    margin: 0 3px;
    width: 6px;
    display: inline-block;
    font-size: 0;
    cursor: pointer;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #d70208;}	
	
.main_banner .hd li.on {
	background-color: #d70208;}	
	
.main_banner .hd li:focus {
	OUTLINE-STYLE: none;
	OUTLINE-COLOR: invert;
	OUTLINE-WIDTH: medium;}	
	
.main_banner .lj {	
	display: inline-block;
	width: 50px;
	height: 100px;
	background: url("/resource/images/banner_icon1.png") no-repeat;}
	
.main_banner .lk {
	display: inline-block;
	width: 50px;
	height: 100px;
	background: url("/resource/images/banner_icon2.png") no-repeat;}	
	
.main_banner a.prev {
	display: block;
	width: 50px;
	height: 100px;
	position: absolute;
	left: 2%;
	top: 50%;
	margin-top: -25px;
	border-radius: 50%;
	filter: alpha(opacity=100);
	opacity: 1;
	transition: all 600ms ease;}	
	
.main_banner a.next {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 2%;
	top: 50%;
	margin-top: -25px;
	border-radius: 50%;
	filter: alpha(opacity=100);
	opacity: 1;
	transition: all 600ms ease;}	
	
.main_banner a:hover {
	width: 50px;
	height: 50px;
	filter: alpha(opacity=100);
	opacity: 1;}	
	
.main_banner a {
	width: 25px;
	height: 44px;}	
	
.page_banner {
	width: 100%;
	overflow: hidden;
	height: 300px;
	margin: 0 auto;
	position: relative;
	z-index: 1;}	
	
.page_banner img {
	height: 300px;
	width: 1920px;
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: -960px;}	
	
.page_banner .page_text {
	position: absolute;
	left: 50%;
	top: 100px;
	text-align: center;
	margin-left: -60px;}	
	
.page_banner .page_text p {
	font-size: 30px;
	color: #fff;
	font-weight: bold;}	
	
.page_banner .page_text i {
	display: inline-block;
	width: 40px;
	height: 5px;
	background-color: #fff;
	margin-top: 12px;}	
	
.main_banner a.prev:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	left: 4%;}	
.main_banner a.next:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	right: 4%;}
/*.index-banner*/


/*hd-title*/
.hd-title {
	text-align: center;
	width: 1280px; 
	margin: 70px auto 25px auto ;
	position: relative;
	color: #333;
	line-height: 30px;}	
	
.hd-title h3 {
	font-size: 28px;
    font-weight: bold; }	
	
.hd-title p {
    font-size: 16px;
    margin: 10px 0 0 0;}
/*hd-title*/

/*hd_about */
.hd__about {}

.hd_about .hoda { 
     overflow: hidden;
     background: #fbfbfb;}
	 
.hd_about .hoda .hoda-l {
	float: left; 
	width: 600px;
	padding: 30px 30px 0 30px;}
	
.hd_about .hoda .hoda-l a {
	overflow: hidden; }
	
.hd_about .hoda .hoda-l a h3 {
	font-size: 30px; 
	font-family: bold; 
	color: #333;
	display: block; }
	
.hd_about .hoda .hoda-l a h3 em {
	font-size: 30px; 
	font-weight: bold; }
	
.hd_about .hoda .hoda-l p {
	font-size: 15px; 
	color: #2b2b2b;
	line-height: 30px;
	margin-top: 15px;
	overflow: hidden;
	width: 600px; }
	
.hd_about .hoda .hoda-l .more {
	margin-top: 20px; 
	width: 120px; 
	height: 40px;
	line-height: 40px; 
	position: absolute;
	display: block;
	background: #d70208; 
	overflow: hidden;
	border-radius: 20px;}
	
.hd_about .hoda .hoda-l .more a {
	color: #ffffff; 
	padding-left: 20px;
	font-size: 15px;
	width: 100%;
	display: block;
	position: relative;}

.hd_about .hoda .hoda-l .more :hover{
	background-color: #ff0000;
    color: #fff;}
 
.hd_about .hoda .hoda-l .ys {
	width: 600px; 
	margin-top: 90px; 
	padding-top: 20px; }
	
.hd_about .hoda .hoda-l .ys .ysjs:nth-child(1) {
	padding-left: 0px; }
	
.hd_about .hoda .hoda-l .ys .ysjs:nth-child(3) { 
    border: none; }
	
.hd_about .hoda .hoda-l .ys .sy_aboutys1:hover {
	transform: translateY(-8px); }
	
.hd_about .hoda .hoda-l .ys .ysjs {
	transition: all 0.5s;
	overflow: hidden; 
	float: left; 
	padding-right: 30px; 
	border-right: 1px solid #ddd; 
	padding-left: 60px; }
	
.hd_about .hoda .hoda-l .ys .ysjs  span {
	font-size: 35px; 
	color: #333;
	 font-weight: 600;
	 margin-right: 5px; }
	 
.hd_about .hoda .hoda-l .ys .ysjs b {
	width: 25px; 
	height: 25px; 
	background: #d70208; 
	border-radius: 100%;
	display: block;
	font-size: 14px; 
	color: #fff; 
	text-align: center; 
	line-height: 25px;
	font-weight: normal; 
	float: right; }
	 
.hd_about .hoda .hoda-l .ys .ysjs .ysjs-x{
	font-size: 15px; 
	color: #292929; 
	padding: 5px;}
	
.hd_about .hoda .hoda-r { 
    float: right; }
	
.hd_about .hoda .hoda-r a {
	overflow: hidden;
	display: block; }
	
.hd_about .hoda .hoda-r a img {
	transition: all 1S; }
	
.hd_about .hoda .hoda-r a:hover img {
	transform: scale(1.05);} 
/*hd_about */


/*hd-pro */
.hd-pro-r{
	margin-left: auto;
    margin-right: auto;
    width: 1280px;
    }
.hd-pro-r li{
	float: left;
	width: 600px;
	max-height: 602px;
	background-color: #fff;
	margin-bottom: 70px;}
.hd-pro-r .r-pro{
	position: relative;
	
	background-color: #fff;
	overflow: hidden;
	height: 240px;
	width: 623px;
	border: 1px solid #e5e5e5;
	float: left;
    margin-left: 30px;
	}
		
.hd-pro-r .r-pro:first-of-type {
    margin-left: 0;}
	
	
.hd-pro-r .r-pro:hover{
    transform: translate(0,-3px);
    box-shadow:0px 2px 3px #e8e8e8;
    transition: all .3s ease-in;}

.hd-pro-r .r-pro img{
	display: block;
	width: 420px;
	height: 240px;
	float: right;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
	
.hd-pro-r .r-pro:hover img {
	}
	
.hd-pro-r .r-pro .text{
	position: absolute;
	width: 100%;
	top: 15px;
	left: 0;
	padding: 0 30px;}
	
.hd-pro-r .r-pro .text .tit-0{
	display: block;
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 2px;
	line-height: 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom: 10px;}
	
.hd-pro-r .r-pro .text .tit-1{
    display: block;
    font-size: 14px;
    color: #4e4e4e;
    font-weight: 400;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
	
.hd-pro-more {
    text-align: center;
    background: #d70208;
    line-height: 30px !important;
    margin-top: 25px;
    display: block;
    height: 30px;
    width: 90px;
    color: #fff !important;
	border-radius: 6px;}	
	
.hd-pro-more:hover {
    background-color: #ff0000;
    color: #fff;}	
			
.pro-five {}
		
.five_pro{
    width: 1280px;margin:0 auto;}
	
.five_pro li:hover{
    transform: translate(0,-3px);
    box-shadow:0px 2px 3px #e8e8e8;
    transition: all .3s ease-in;}
	
.five_pro li{
    width: 240px;
    height: 284px;
    float: left;
    margin-left: 20px;
    text-align: center;
    box-sizing: border-box;
	margin-top: 30px;
	margin-bottom: 70px;
	border: 1px solid #e5e5e5;}
	
.five_pro  li:first-of-type{
    margin-left: 0;}

.blue_jiantou span{
    padding: 5px 15px;
    color: #333;}

.five_pro  h3{
    color: #222222;
    font-size: 18px;
    line-height: 19px;
    margin-bottom: 10px;}
	
.five_pro  a{
    display: block;
    font-size: 15px;
    padding-top: 210px;}

.five_pro  .five_1{
    background: url("/resource/images/pro_cg.jpg") no-repeat center 0px;
}
.five_pro  .five_2{
    background: url("/resource/images/pro_zl.jpg") no-repeat center 0px;
}
.five_pro  .five_3{
    background: url("/resource/images/pro_jp.jpg") no-repeat center 0px;
}
.five_pro  .five_4{
    background: url("/resource/images/pro_kp.jpg") no-repeat center 0px;
}
.five_pro  .five_5{
    background: url("/resource/images/pro_qzz.jpg") no-repeat center 0px;
}
.two_model div:hover{
    transform: translate(0,-3px);
    transition: 0.3s;
}

/*hd-pro */

/*hd-service */
.hd-service{
	padding: 40px 0 60px;
	overflow: hidden; 
	width: 100%;
	margin:0 auto;
    height: 450px;
	background: url(/resource/images/fw.jpg) no-repeat bottom;}
	
.hd-service .service-tit{
	font-size: 30px; 
	color: #222;
	text-align: center;}
	
.hd-service ul{
	margin-top: 40px; 
	width: 1280px;
	margin: 0 auto; }
	
.hd-service ul li{
	background: #f9f9f9; 
	padding: 40px 20px 40px 20px;
	width: 265px;
	text-align: center;
	float: left;
    margin-left: 20px;}
	
.hd-service ul li img{
	width:60px; 
	height:60px;
	transition: transform 0.3s;-webkit-transition: transform 0.3s;-moz-transition: transform 0.3s;-ms-transition: transform 0.3s;-o-transition: transform 0.3s;}

.hd-service ul li img:hover  {
	transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
	
.hd-service ul li h4{
	font-size: 22px;
	line-height: 32px; 
	margin:18px 0 20px 0;
	color:#222;}

.hd-service ul li p{
	font-size: 15px;
	line-height: 24px;
	height: 72px;
	margin-bottom: 30px;
	color:#272727;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;
	overflow: hidden;}
	
.hd-service ul li .b-btn:hover{
	background:#ff0000;}
	
.hd-service ul li:first-of-type {
    margin-left: 0;}
	
.tit {
    text-align: center;
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    color: #222;margin-bottom: 30px;}
	
.tit a {
	color: #fff;
	font-size: 28px;}
	
.tit p {
	color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0 25px 0;
	font-weight: 100;}
/*hd-service */

/*hd-news */
.hd-news {
	width: 100%;
    min-width: 1280px;
	overflow: hidden;
	 background: url(/resource/images/dt.jpg) no-repeat center 30px;
	 margin-bottom: 40px;}
 
.content {
    width: 1280px;
    margin: 0px auto;}
 
.new {
	width: 620px;
	height: 210px;
	float: left;
	position: relative;
	margin: 0px 10px 15px 10px;
	transition: all 0.8s linear;
	box-shadow: 0 0 2px #ccc inset; }

.new_pic:hover{
    transform: translate(0,-3px);
    transition: all .3s ease-in;}

.new_pic {
	float: left;
	width: 300px;
	height: 210px;
	overflow: hidden;
	box-shadow: 0 0 1px #ddd;}
	
.new_pic img {
	width: 300px;
	height: 210px;
	transition: all 0.5s linear;}
	
.new_content {
	float: right;
	width: 290px;
	margin-right: 10px;}
	
.new_a {
	font-size: 18px;
    color: #333;}
	
.new_title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 280px;
	padding-top: 20px;}
	
.new_title a, {
	font-size: 17px;
	transition: all 0.8s linear;color: #333;}
	
.new_body {	
	overflow: hidden;
	line-height: 23px;	
	height: 71px;
	font-size: 14px;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 28px;}
 
.new_date {
	position: absolute;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 320px;
	margin-top: 160px;
	color: #999;}
	
.new_year ,.new_month, .new_day{
	float: left;}

/*hd-news */


/*foot */	
.hd-foot{
	height:300px; 
	background:#282828;
	overflow: hidden;
    width: 100%;
	background: url(/resource/images/footer.jpg) no-repeat center;}
	
.foot{
	padding-top:40px;}
	
.foot .lx{
	width:580px;
	float:left;
	margin-right: 40px;}
	
.foot .lx b{
	display: block; 
	margin-bottom: 36px; 
	display: block;
	font-size: 24px; 
	line-height:24px;
	 color:#FFF;
	 margin-top: 14px;}
	
.foot .lx ul li{
	height:20px;
	float:left; 
	line-height: 20px;
	padding-left:27px;
	font-size: 15px; 
	color:#FFF;
	margin-bottom: 17px;}
	
.foot .lx ul li.lx1{
	background:url(/resource/images/db1.png) no-repeat left;
	width:180px;
	font-size: 22px;
	color: #d70208;
    font-weight: bold;}
	
.foot .lx ul li.lx2{
	background:url(/resource/images/db2.png) no-repeat left;
	width:155px;}
	
.foot .lx ul li.lx3{
	background:url(/resource/images/db3.png) no-repeat left;
	width:130px;}
	
.foot .lx ul li.lx4{
	background:url(/resource/images/db4.png) no-repeat left;
	width:350px;}
	
.foot .dhl{
	width:520px; 
	float:left;}
	
.foot .dhl b{
	display: block; 
	margin-bottom: 36px;
	font-size: 24px;
	 line-height:24px; 
	 color:#FFF;
	 margin-top: 14px;}
	
.foot .dhl ul li{
	float:left; 
	width:80px; 
	margin-right: 23px;
	margin-bottom: 20px;
	height:16px; 
	line-height: 16px;}
	
.foot .dhl ul li a{
	font-size: 15px; 
	color:#e5e5e5;}

.foot .ewm{
	width:120px; 
	float:right;
	margin-top: 20px;}
	
.foot .ewm span{
	display: block;
	width:110px; 
	height:110px; 
	background:#eeeeee;
	margin-bottom: 12px;}
	
.foot .ewm span em{
	display: block;
	width:100px;
	 height:100px;
	 margin:0 auto; 
	 padding-top:6px;}
	 
.foot .ewm span em img{
	width:100px; 
	height:100px;}
	
.foot .ewm i{
	display: block; 
	text-align: center;
	font-size: 14px;
	color:#FFF; 
	line-height: 14px; 
	font-style:normal;}

.foot .link{
	height:57px; 
	line-height: 57px;
	padding-top:20px;
	float: left;
    width: 1280px;}
	
.foot .link span{
	display: block; 
	width:650px; 
	float:left;}
	
.foot .link span em{
	display: block; 
	float:left;
	font-size: 15px; 
	color:#e5e5e5; 
	font-style: normal;
	margin:0 5px;}
	
 .foot .link span em a{
	 font-size: 15px; 
	 color:#e5e5e5; 
	 font-style: normal;}
		   
.links{
	background:#282828;
	border-top:.1px solid rgba(246,246,246,.1);
	height:70px;
	overflow:hidden;
	width: 100%;}
	
.links b{
	display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    margin-right: 20px;}
	
.links a{
	display:inline-block;
	font-size:14px;
	font-weight:400;
	line-height:4.6rem;
	color:rgba(255,255,255,.5);
	margin-right:2.1rem}
	
.links a:last-of-type{
	margin-right:0}
	
.links a:hover{
	text-decoration:underline}
	
/*foot */
	
/*nydh */  		   
.nydh{
	color:#fff;
	 background:url(/resource/images/1212.jpg) no-repeat center; }
	 
.nydh .content{
	padding-top: 150px; 
	height: 120px;}
	
.nydh .left{ 
    float: left;}
	
.nydh .left .title{
	font-size:30px; 
	font-weight:bold; 
	line-height:45px;}
	
.nydh .left .pro_crumb{
	font-size:15px;
	line-height: 40px;}
	
.nydh .left .pro_crumb a {
	color:#ffff;}
	
.nydh .right{
	text-align:right;}
	
.nydh .right .tit_en{
	font-family:Helvetica; 
	font-size:25px; 
	text-transform:uppercase; 
	line-height:1.4;
	font-weight: 100;}
	
.nydh .right .tit_cn{
	font-size:18px; 
	line-height: 50px;}   		   
/*nydh */

/*strength */
.strength{
	height: 450px; }
	
.strength h2{
	font-size: 28px; 
	text-align: center; 
	line-height: 40px; 
	padding: 60px 0 5px; 
	font-weight: 700;}
	
.strength p{ 
    line-height:32px; 
	text-align: center; 
	font-size:16px; 
	text-indent:2em;}
	
.strength ul{
	margin-left: -3.3%; 
	margin-bottom: 15px; 
	margin-top:20px;}
	
.strength ul li{
	width: 310px; 
	float: left; 
	margin-left: 20px; 
	margin-bottom: 20px;}

.strength ul li img{
	width: 300px;
	transition: all 1S;}

.strength ul li img:hover {
	transform: scale(1.05);}
/*strength */

/*qywh */
.qywh {
	background: #efefef; 
	width: 100%;  
	height: 470px;  }

.qywh h2{
	font-size: 28px; 
	text-align: center; 
	line-height: 40px;
	padding-top: 40px;
	font-weight: 700;}
	
.qywh p{
	line-height:32px;
	text-align: center;
	 font-size:16px;
	 padding: 10px 0 25px; }

.qywh li {
    width: 250px;
    padding: 25px 20px;
    float: left;
    color: #333;
    text-align: center;
    background: #f9f9f9;
    transition: 0.3s;
    border: 1px solid #eee;
    height: 205px;
    border-radius: 0px;margin-left: 28px;}
	
.qywh li img {
    width: 60px;
	height:60px;
	margin-top: 15px;transition: transform 0.3s;-webkit-transition: transform 0.3s;-moz-transition: transform 0.3s;-ms-transition: transform 0.3s;-o-transition: transform 0.3s;}

.qywh li img:hover {
	transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);}


.qywh li span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;margin-top: 10px;}

.qywh li em {
    display: block;
    font-style: normal;
    font-size: 16px;}
/*qywh */

/*cpzx */
.pro-title{
	overflow: hidden; 
	margin-top: 10px;
	margin-bottom: 20px; 
	height: 40px;
	line-height: 40px;
	border-bottom: 1px #e6e6e6 solid;}
	
.pro-title span{
	float: left;
	font-size: 24px;
	color: #222;
	line-height: 37px; 
	font-weight: bold; }
	
.pro-title a {
	float: right; 
    font-size: 16px; 
    color: #555; 
	padding-right: 0px; 
	background: url(../images/double-right.svg) no-repeat right center; }

.pro-title a:hover {
	color:#d70208; 
	transition: all .3s;
	background: url(../images/double-right-c.svg) no-repeat right center;}

.pro-list{
	overflow: hidden;}
	
.pro-list ul{}
	
.pro-list ul li{
	width: 303px; 
	height: 460px; 
	border: 1px solid #f0f0f0;float: left;
    margin-left: 20px;
	margin-bottom: 30px}
	
.pro-list ul li:first-of-type {
    margin-left: 0;}
	
.pro-list ul li:hover .prolist-text{transform: translate(0,-3px);
    box-shadow:0px 2px 3px #e8e8e8;
    transition: all .3s ease-in;}
	
.pro-list img {
	display: block;
    width:100%; 
	margin:10px 0;}

.pro-list .prolist-text {
	padding:15px;
	height: 430px;}
	
.pro-list .prolist-text h2 {
	font-size:16px; 
	color: #222; 
	line-height:24px; 
	height:65px; 
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; 
	overflow: hidden;
	margin: 10px 10px 0 10px}
	
.pro-list .prolist-text h2 b{
	display: block;
	font-size:18px;
	line-height: 30px;}
	
.pro-list .prolist-text p {
	font-size:15px; 
	color: #272727; 
	line-height:24px; 
	margin-left: 10px; 
	overflow: hidden; 
	text-overflow:ellipsis; 
	white-space: nowrap;}
	
.pro-list .prolist-text p:first-of-type{
	margin-top:10px;}
	
.pro-list .prolist-text p:last-of-type{
	margin-bottom:20px;}
	
.pro-list .prolist-text p span {
	color: #555; }
	
.pro-list .prolist-text .c-btn, .pro-index-list .prolist-text .b-btn {
	padding: 5px 25px;
	margin-right: 10px;}
	
.pro-list .prolist-text .c-btn{
	margin-right: 10px;}
	
.pro-list .prolist-text .b-btn{
	float: right;
	border-radius: 8px;
	padding: 5px 25px;}
	
.pro-list .prolist-text .b-btn1{
	float: left;
	border-radius: 8px;}

.pro-list .prolist-text a:hover h2 {
	color:#d70208;}
	
.pro-list .pro-list-tag{
	font-size:14px;
	position: absolute;
	right:15px;
	top:20px;
	padding-left:28px;
	color:#999;
	height:22px;
	line-height: 22px;z
	-index: 1;}

.b-btn1 {
    font-size: 16px;
    line-height: 24px;
    color: #6d6d6d;
    background: #fdfdfd;
    border-radius: 8px;
    border: 1px solid #adadad;
    padding: 5px 25px;
    display: inline-block;
    transition: all .3s;margin-left: 10px;}

.b-btn1:hover{
	background:#d70208;
	color: #ffffff;}

.b-btn:hover{
	background:#ff0000;}
/*cpzx */

/*cpzx-1 */
.pro-list-1{
	overflow: hidden;
	width: 980px;
    float: right;}
	
.pro-list-1 ul{}
	
.pro-list-1 ul li{
	width: 303px; 
	height: 460px; 
	border: 1px solid #f0f0f0;float: left;
    margin-left: 20px;
	margin-bottom: 30px}
	
.pro-list-1 ul li:first-of-type {
    margin-left: 20px;}
	
.pro-list-1 ul li:hover .prolist-text{transform: translate(0,-3px);
    box-shadow:0px 2px 3px #e8e8e8;
    transition: all .3s ease-in;}
	
.pro-list-1 img {
	display: block;
    width:100%; 
	margin:10px 0;}

.pro-list-1 .prolist-text {
	padding:15px;
	height: 430px;}
	
.pro-list-1 .prolist-text h2 {
	font-size:16px; 
	color: #222; 
	line-height:24px; 
	height:65px; 
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; 
	overflow: hidden;
	margin: 10px 10px 0 10px}
	
.pro-list-1 .prolist-text h2 b{
	display: block;
	font-size:18px;
	line-height: 30px;}
	
.pro-list-1 .prolist-text p {
	font-size:15px; 
	color: #272727; 
	line-height:24px; 
	margin-left: 10px; 
	overflow: hidden; 
	text-overflow:ellipsis; 
	white-space: nowrap;}
	
.pro-list-1 .prolist-text p:first-of-type{
	margin-top:10px;}
	
.pro-list-1 .prolist-text p:last-of-type{
	margin-bottom:20px;}
	
.pro-list-1 .prolist-text p span {
	color: #555; }
	
.pro-list-1 .prolist-text .c-btn, .pro-index-list .prolist-text .b-btn {
	padding: 5px 25px;
	margin-right: 10px;}
	
.pro-list-1 .prolist-text .c-btn{
	margin-right: 10px;}
	
.pro-list-1 .prolist-text .b-btn{
	float: right;
	border-radius: 8px;
	padding: 5px 25px;}
	
.pro-list-1 .prolist-text .b-btn1{
	float: left;
	border-radius: 8px;}

.pro-list-1 .prolist-text a:hover h2 {
	color:#d70208;}
	
.pro-list-1s .pro-list-tag{
	font-size:14px;
	position: absolute;
	right:15px;
	top:20px;
	padding-left:28px;
	color:#999;
	height:22px;
	line-height: 22px;z
	-index: 1;}
/*cpzx-1 */

/*case */
.case-list {
	margin-top: 40px; }
.case-list .list {
	padding-top: 10px;
	width: 100%;
	float: right;}
	
.case-list .item {
	width: 310px;
	height: 350px;
	display: block;
	float: left;
	margin: 0 10px;
	margin-bottom: 50px;
	background: #fff;
	transition: all 0.3s ease-out 0s;
	border: 1px solid #f0f0f0;}
	
.case-list .item a {
	display: block;}
	
.case-list .item img {
	width: 310px;
	height: 230px;
	display: block;}
	
.case-list .item h3 {
	font-size: 18px;
	padding: 20px 20px 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;text-align: center;color: #333;}
	
.case-list .item p {
	color: #3d3d3d;
	padding: 8px 12px;
	line-height: 24px;font-size: 14px;}
	
.case-list .item:hover {
	transform: translate(0,-3px);
    box-shadow:0px 2px 3px #e8e8e8;
    transition: all .3s ease-in;}
/*case */	

/*service */
.service{
	width:1280px;
	margin:0 auto;
	height:580px}

.service .fwzc h2{
	font-size:32px;
	color:#222222;
	text-align:center;
	font-weight:bold}
 
.service .fwzc p {
	margin:15px 0 25px;
	text-align:center;
	font-size: 16px;}
	
.service .fwzc{
	position:relative;
	padding:4% 0;}
	
.service .fwzc .fwzc-list{
	margin-top:30px;}
	
.service .fwzc li{
	text-align:center;
	float: left;
    margin-left: 20px;
	width: 413px;
	margin-bottom: 50px;}
	
.service .fwzc li:first-of-type {
    margin-left: 0;}
	
.service .fwzc .list_box{
	padding: 14% 10%;
	background: #f5f5f5;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
	 position: relative; 
	 z-index: 2; 
	 overflow: hidden;}
	 
.service .fwzc i{
	font-size: 60px;
	display:block;;}
	
.service .fwzc .icon-1 {
	width: 90px;
	height: 90px; 
	margin: 0 auto 30px;
	background:url(/resource/images/service-icon1.png) no-repeat;
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;}

.service .fwzc .icon-2 {
	width: 90px;
	height: 90px; 
	margin: 0 auto 30px;
	background:url(/resource/images/service-icon2.png) no-repeat;
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;}
	
.service .fwzc .icon-3 {
	width: 90px;
	height: 90px; 
	margin: 0 auto 30px;
	background:url(/resource/images/service-icon3.png) no-repeat;
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;}

.service .fwzc .list_box:hover .icon-1 {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);}
	
.service .fwzc .list_box:hover .icon-2 {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);}
	
.service .fwzc .list_box:hover .icon-3 {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);}

.service .fwzc .list_title{
	font-size:26px;
	margin-bottom:5%;
	font-weight: bold;}
	
.service .fwzc .list_desc{
	 font-size:16px}
	 
/*service */


/*zxxw*/
.news {
	padding-top: 25px;
	padding-bottom: 15px;
	width: 1280px;
	margin: 0 auto;
	height: 60px;}
	
.news a {
	float: left;
	display: block;
	width: 120px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #353535;
	margin: 0 0px;
	position: relative;}
	
.news a:hover {
     color: #d70208;}	
		

.news_list {
	margin: 0 auto;
	width: 1280px;}
	

.news_list li {
	float: left;
	margin-top: 10px;
	margin-left: 22px;
	background: #fff;
	padding: 20px 15px;
	width: 270px;
	height: 365px;
	border: 1px solid #eaeaea;margin-bottom: 30px;}
	
.news_list li:nth-child(4n+1) {
	margin-left: 0;}
	
.news_list li .news-tit {
	font-size: 17px;
	color: #3a3a3a;
	line-height: 25px;
	padding-top: 20px;
	text-overflow: ellipsis;
    overflow: hidden;white-space: nowrap;}
	
.news_list li .news-tit a {
	color: #272727;}
	
.news_list li .news-tit:hover a {
	color: #d70208;}
	
.news_list li .news-date {
	font-size: 15px;
	color: #272727;
	line-height: 20px;
	padding-top: 10px;}
	
.news_list li .news-des {
	font-size: 14px;
	color: #272727;
	line-height: 25px;
	height: 75px;
	padding-top: 10px;
	overflow: hidden;}
	
.news_list li:hover {
	box-shadow: 0px 0px 20px #ccc}

.news_n{
	overflow:hidden;
	margin-top: 50px;
	margin-bottom: 50px;}
	
.news_l{ 
    float:left; 
	width:920px;}
	
.news_l h1{ 
    font-size:28px; 
	color:#000; 
	margin:0 0  24px 0; 
	text-align:center;}
	
.news_l h3{ 
    font-size:16px; 
	color:#000; 
	padding:0; 
	margin:0 0 14px 0; 
	line-height:24px;}
	
.news_l h3 span a{ 
     color:#2367bd;}
	 
.news_l p{ 
     font-size:15px; 
	 line-height:30px; 
	 color:#4d4d4d; 
	 text-indent:2em; 
	 margin-bottom:16px;}
	 
.news_r{ 
     float:right; 
     width:300px;}
/*zxxw*/


/*contact*/
.contact{
	width:1280px;
	margin:0 auto; }
	
.contact-title{
	font-size:28px;
	color:#222222;
	text-align:center;
	margin-top:70px;
	font-weight: 700;}
	
.contact-title span{
	display:block;
	font-size:16px;
	color:#272727;
	margin-top:12px;
	margin-bottom:12px}
 
.contact-title p{
	width:835px;
	height:60px;
	color:#666666;
	font-size:16px;
	line-height:32px;
	margin:0 auto}
	
.contacts{
	display:flex;
	justify-content:space-between;
	margin-top:24px;
	margin-bottom:60px}
	
.contacts .contacts-l{
	width:310px;
	height:180px;
	background: #fbfbfb;
	border-radius:4px;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center}
	
.contacts-l img{
	width:60px;
	height:60px;
	margin-top:5px; 
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;}
	
.contacts-l img:hover  {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);}
	
.contacts-l p{
	font-size:18px;
	color:#555555;
	margin-top:12px;
	margin-bottom: 10px}
	
.contacts-l span{
	font-size:22px;
	color:#555555;
	font-weight:bold}
	
.contacts-l span a{
	color: #555555}
	
.contacts-l span a:hover{
	color: #555555}
	
.contacts-l:first-child span{
	font-size:24px;
	font-weight:bold}
	
.contacts-l:last-child{
	width:320px;height:180px}
	
.contacts-l:last-child span{
	font-size:18px; 
	font-weight:bold}
/*contact*/

.btn {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    width: 180px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    transition: 0.36s; margin-left: 60px;}

.b-btn {
   font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    background: #d70208;
    border-radius: 20px;
    padding: 8px 40px;
    display: inline-block;
    transition: all .3s;}
	
	
/*cptj */	
.pro-cptj {margin-left: auto;
    margin-right: auto;
    width: 1280px;
    font-family: microsoft yahei;}

.pro-head {
	width: 1280px;
    float: left;
	margin-top: 50px;
	margin-bottom: 20px;}


.pro-hd {
	font-size: 26px;
	float: left;
	line-height: 30px;font-weight: 700;}
	
.pro-post {
	float: right;
	line-height: 30px;}
	
.pro-post a {
	font-size: 15px;
	color: #888;
	display: inline-block;
	padding-right: 5px;}
	
.pro-post a:hover {
	color: #ff3d00; }
	

.proBox {
	width: 300px;
	float: left;
	margin-left: 26px;margin-bottom: 40px;}
	
.proBox-img {
	width: 300px;
	height: 270px;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #eaeaea;
	border-bottom: 1px solid #ffffff;}
	
.proBox-img img {
	width: 100%;
	height: 250px;
	transition: .3s;margin-top: 20px;}
.proBox-img:hover img {
	
	transform: scale(1.1);}
	
.proBox-info {
	padding: 15px 15px 15px;
	border: 1px solid #eaeaea;
	border-top: 0;
	box-sizing: border-box;}
	
.proBox-tit {
	font-size: 16px;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;text-align: center;}

.proBox-tit a {
	color: #333; }
	 
.proBox:first-child {
	margin-left: 0;}
	
/*cptj */

/*pro-ml */
.content_left{
	float:left;
	width:300px;
	background: #f7f7f7;
	margin-bottom: 50px;}
	
.content_left .c_tlt{
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	background:#d70208;
	color:#ffffff;
	margin-bottom:10px;}
	
.pro_mulu li a{
	display:block;
	height:40px;
	line-height:40px;
	text-align:left;
	padding:0 20px;
	background:#efefef;
	color:#555;
	font-size:16px;
	margin-bottom:1px;
	overflow: hidden; 
	text-overflow: ellipsis;
	 white-space:nowrap;}
	 
.pro_mulu li a:hover {      
    color: #d70208;}		 
	 
.pro_mulu li div a{
	background:#fdfdfd; 
	height:45px;
	line-height:45px
	;font-size:14px;}
	
.pro_mulu li div a:hover {      
    color: #d70208;}	
	
.pro_mulu a.pro_more{
	background:#ddd;
	display:block;
	text-align:center;
	height:40px;
	line-height:40px;}
/*pro-ml */

/*pro-js */
.content_right1 {
    float: right;
    width: 920px;}

.content_right {
    float: right;
    width: 920px;}

.pro-tel {  
    font-size: 16px;
    color: #555;
    background: url(https://www.hxjqi.com/images/pro_tel1.png) no-repeat left;
    text-indent: 32px;
    padding: 12px 0;
    border-top: 1px dotted #e5e5e5;
    border-bottom: 1px dotted #e5e5e5;
    line-height: 26px;float: left;width: 400px;}

.pro-tel a{
	font-size: 28px;
	color: #d70208;
	font-weight: bold;}
/*pro-js */	
	
	
/*pro-sm */
.pro-top{
    padding: 40px 0 60px;}
 
.pro-l {
    width: 540px;
    float: left;}
	
.pro-l .pro-img{
	
    position: relative;
    height: 480px;
    overflow: hidden;
	 border: 1px solid #e5e5e5; }
	 
.pro-l .picshowList{
    position: relative;
    overflow: hidden;
    height: 450px;}
	
.pro-l {
    width: 540px;
    height: 450px;
    float: left;}
	
.pro-l .pro-img img{
    width: 540px;
    height: 430px;
    margin-top: 30px;float: left;}
	
.pro-l .picp,.pro-img .picn{
    width: 26px;
    height: 46px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;}
	
.pro-l {
    left: 0;
}
	
.pro-lg {
    right: 0;;}
	
 
.pro-r{
    width: 680px;
    float: right;
	margin-top: 20px;}
	
.pro-tit{
    font-size: 32px;
    line-height: 40px;
    color: #222;
    font-weight: bold;}
	
.pro-tit1{
    font-size: 26px;
    line-height: 60px;
    color: #222;
    font-weight: 400;}
	
.pro-tit2{
    font-size: 16px;
    line-height: 35px;
    color: #383838;
    font-weight: 700;}

.pro-info-main{
    margin-top: 12px;
    background-color: #f9f8fd;
    padding: 25px 30px}

.pro-dec{
    font-size: 15px;
    line-height: 30px;
    color: #383838;}
 
.pro-btn{
    font-size: 0;
    margin-top: 30px;}

.pro-btn .btn{
    width: 220px;}
	
.pro-btn .btn-grey{
    margin-left: 30px;}

.pro-btn .btn span {
    font-size: 18px;}	

.btn-hqbj {
    background-color: #d70208;
    border-color: #d70208;
    color: #fff;
    font-size: 16px;}
	
	
.btn-hqbj:hover {
    background-color: #ff0000;
    color: #fff;}	
 
.pro-fw {
    margin-top: 25px;
    text-align: center; width:500px;}

.pro-fw .sl {
    float: left;}
	
.pro-fw span {
    padding-left: 25px;
    font-size: 15px;
    color: #333333;
    position: relative;}
	
.pro-fw span:before {
    content: "";
    width:20px;
    height: 20px;
    background: url(/resource/images/gou.png);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;}
	
.pro-fw .sr {
    float: right;}


.tags_title{
	border-bottom:1px solid #DDD;
	margin:0px 0 20px;}
	
.tags_title span{
	width:100px;padding:3px 15px 0px 15px;
	font-size:25px;
	text-align:center;
	height:45px;
	line-height:45px;
	margin-bottom: -1px;background:#fff;
	color:#191919;display:block;
	margin-left: 5px;
	border: 1px solid #DDD;
	border-bottom:1px solid #ffffff;
	font-weight:bold;}

/*pro-sm */	
	
	
	
/*kefu */		
.kefu {
	position: fixed;
	right: -170px;
	top: 50%;
	z-index: 900;
}
.kefu li a {
	text-decoration: none;
	color: #FFF;
}
.kefu li {
	margin-top: 1px;
	clear: both;
	height: 71px;
	position: relative;
}
.kefu li i {
	background: url(/resource/images/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0 auto;
	text-align: center;
}
.kefu li p {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	margin: 0;
}
.kefu .kefu-qq i {
	background-position: 4px 5px;
}
.kefu .kefu-tel i {
	background-position: 0 -21px;
}
.kefu .kefu-liuyan i {
	background-position: 4px -53px;
}
.kefu .kefu-weixin i {
	background-position: -34px 4px;
}
.kefu .kefu-weibo i {
	background-position: -30px -22px;
}
.kefu .kefu-ftop {
	display: none;
}
.kefu .kefu-ftop i {
	width: 33px;
	height: 35px;
	background-position: -27px -51px;
}
.kefu .kefu-left {
	float: left;
	width: 77px;
	height: 47px;
	position: relative;
}
.kefu .kefu-tel-right {
	font-size: 16px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
}
.kefu .kefu-right {
	width: 20px;
}
.kefu .kefu-tel-main {
	background: #d70208;
	color: #fff;
	height: 56px;
	width: 247px;
	padding: 9px 0 6px;
	float: left;
}
.kefu .kefu-main {
	background: #d70208;
	width: 97px;
	height: 56px;
	position: relative;
	padding: 9px 0 6px;
	float: left;
}
.kefu .kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
}
.kefu-weixin-pic img {
	width: 115px;
	height: 115px;
}

/*kefu */