@charset "utf-8";
/* CSS Document */
body,td,th,input,textarea,select{
	font-size:13px;
	font-family:'微软雅黑', Arial, Tahoma;
	color:#333;
}
body,dl,dt,dd,p{margin:0;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
a{color:#333; text-decoration:none; outline:none;transition:all ease 0.3s;}
a:hover{ color:#D71D13;}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width:1200px;margin:0 auto;}
.fl{
	float:left;
	}
.fr{
	float:right;
	}
	
	.head{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
	}
.head .topbar{
	height:40px;
	background-color:#eee;
	background: linear-gradient(to bottom, #fefefe,#eee);
	border-bottom:1px solid #ddd;
	overflow:hidden;
	}
.head .topbar .fl{
	line-height:40px;
	color:#999;
	}
.head .topbar span.phone{
	float:left;
	display:inline-block;
	height:40px;
	line-height:40px;
	padding-left:30px;
	color:#666;
	background:url(../images/top1.png) no-repeat left center;
	}
.head .topbar b{
	float:left;
	display:inline-block;
	height:14px;
	width:1px;
	background-color:#ddd;
	margin:0 15px;
	margin-top:14px;
	}
.head .topbar #top-search{
	float:right;
	height:27px;
	width:180px;
	color:#fff;
	border:1px solid #ddd;
	background-color: #fff;
	border-radius:40px;
	margin-top:6px;
	overflow:hidden;
	transition:all ease .3s;
		}
.head .topbar #top-search:hover{
	border-color:#4686E6;
	}
.head .topbar #top-search  input[type="text"]{
	float:left;
	height:26px;
	line-height:26px;
	padding-left:15px;
	width:125px;
	border:none;
	background-color:transparent;
	color:#999;
	overflow:hidden;
	}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #ccc;
	} 
.head .topbar #top-search button{
	float:right;
	width:27px;
	height:26px;
	border:none;
	background: url(../images/search_t.png) no-repeat center center;
	color:#fff;
	margin-right:10px;
	cursor:pointer;
	}
.head .navwrap{
	height:100px;
	background-color:#fff;
	}
.head .navwrap .logo{
	float:left;
	height:100px;
	width:250px;
	background:url(../images/logo.png) no-repeat left center;
	overflow:hidden;
	}
.head .navwrap .navbox{
	float:right;
	margin-top:50px;
	width:950px;
	}

.head .navwrap #nav > li{
	float:left;
	width:100px;
	height:50px;
	text-align:center;
	font-size:16px;
	}
.head .navwrap #nav > li > a{
	display:block;
	width:100px;
	text-align:center;
	position:relative;
	color:#666;
	border-right:1px solid #ddd;
	}
.head .navwrap #nav li:last-child a{ 
	border-right:none;
	}

.head .navwrap #nav li a span.line{
	display: inline-block;
	height:2px;
	width:0;
	margin:auto;
	background-color:#da251d;
	position:absolute;
	bottom:-29px;
	left:50%;
	z-index:99;
	}
.head .navwrap #nav li a:hover{
	color:#da251d;
	}
.head .navwrap #nav .subnav{
	display:none;
	width:100%;
	height:0;
	opacity:0;
	background-color:rgba(255,255,255,.9);
	border-top:1px solid #ddd;
	position:absolute;
	top:140px;
	left:0px;
	z-index:98;
	float:left;	}
.head .navwrap #nav .subnav .fl{
	width:370px;
	padding-top:25px;
	overflow:hidden;
	}
.head .navwrap #nav .subnav .fl img{
	width:350px;
	height:190px;
	border:7px solid #da251d;
	}
.head .navwrap #nav .subnav .fr{
	width:730px;
	padding-top:25px;
	text-align:left;
	}
.head .navwrap #nav .subnav .fr > div{
	height:40px;
	margin-bottom:8px;
	}
.head .navwrap #nav .subnav .fr > div a{
	display:block;
	float:left;
	width:100px;
	height:40px;
	font-size:14px;
	line-height:40px;
	text-align:center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background-color:#da251d;
	color:#fff;
	border-left:1px solid rgba(255,255,255,0.8);
	}	
.head .navwrap #nav .subnav .fr > div a:hover{
	background-color:#000000;
	}
.head .navwrap #nav .subnav .fr a.more{
	height:38px;
	background:none;
	color:#da251d;
	border:1px solid #da251d;
	}
.head .navwrap #nav .subnav .fr a.more:hover{
	background:#E50F72;
	border-color:#E50F72;
	color:#fff;
	}
.head .navwrap #nav .subnav .fr p{
	font-size:13px;
	line-height:2em;
	color:#666;
	}	 
.head .navwrap #nav .subnav .fr span{
	display:inline-block;
	width:80px;
	height:2px;
	background-color:#E50F72;
	margin-bottom:4px;
	}
/*************引导页************/
.maincon{
	width:450px;
	position:absolute;
	left:61%;
	top:100%;
	z-index:999;
	-webkit-animation: mcon 2s 1 cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation: mcon 2s 1 cubic-bezier(0.77, 0, 0.175, 1) forwards;
	opacity:.2;
	}
@-webkit-keyframes mcon {
    0% { opacity:.2;top:100%; }
    100% { opacity:1;top:32%; }
	}
@keyframes mcon {
    0% { opacity:.2;top:100%; }
    100% { opacity:1;top:32%; }
	}
.maincon .t2{
	margin-top:30px;
	font-size:14px;
	line-height:2em;
	}
.maincon .btn{
	margin-top:25px;
	}
.maincon .btn li{
	float:left;
	}
.maincon .btn a{
	float:left;
	display:block;
	height:40px;
	width:120px;
	font-size:14px;
	text-align:center;
	line-height:40px;
	color:#fff;
	background:rgba(0,0,0,0.8);
	margin-right:15px;
	position:relative;
	}
.btn li a::before, .btn li a::after { opacity: 0; position: absolute; width:110px; height:30px; top:5px; left:5px; }
.btn li a::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform: scale(0,1); }
.btn li a::after { border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -webkit-transform: scale(1,0); }
.btn li a::before,.btn li a::after { transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; content: ''; box-sizing: border-box; }
.btn li:hover a::before,.btn li:hover a::after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.maincon .btn a:hover{
	background-color:#D71D13;
	}
.mainbanner{
	height:100%;
	overflow:hidden;
	}
.mainbanner .ban1{
	background-image:url(../images/banner1.jpg);
	}
.mainbanner .ban2{
	background-image:url(../images/manban2.jpg);
	}
.mainbanner .ban3{
	background-image:url(../images/manban3.jpg);
	}
.mainbanner .ban4{
	background-image:url(../images/manban4.jpg);
	}
@media (max-width: 768px) {
	
.maincon{
	width:80%;
	left:5%;
	padding:5%;
	text-align:center;
	background-color:rgba(255,255,255,.8);
	-webkit-animation: mcon2 2s 1 cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation: mcon2 2s 1 cubic-bezier(0.77, 0, 0.175, 1) forwards;
	}
.maincon .t2{
	display:none;
	}
.maincon .btn li{
	float:left;
	width:50%;
	}
.maincon .btn li:nth-child(2) a{
	float:right;
	}
.mainbanner .ban1{
	background-image:url(../images/manban1m.jpg);
	}
.mainbanner .ban2{
	background-image:url(../images/manban2m.jpg);
	}
.mainbanner .ban3{
	background-image:url(../images/manban3m.jpg);
	}	
	
	
}
@-webkit-keyframes mcon2 {
    0% { opacity:.2;top:100%; }
    100% { opacity:1;top:40%; }
	}
@keyframes mcon2 {
    0% { opacity:.2;top:100%; }
    100% { opacity:1;top:40%; }
	}
/*************引导页END************/

.lan-en,.alibaba,.wechat{
	display:block;
	width:26px;
	height:26px;
	text-align:center;
	line-height:26px;
	border-radius:100%;
	background-color:#ccc;
	color:#fff;
	margin:0 5px;
	}
.lan-en:hover{
	background-color:#D71D13;
	color:#fff;
	}
.alibaba{
	background-image:url(../images/img1.png);
	background-position:-35px -1px;
	background-repeat:no-repeat;
	}
.wechat{
	background-image:url(../images/img1.png);
	background-position:-70px -1px;
	background-repeat:no-repeat;
	}
.wechatwrap{
	float:left;
	position:relative;
	}
.webox{
	display:none;
	width:130px;
	height:130px;
	background-color:rgba(0,0,0,0.5);
	border-radius:4px;
	padding:10px;
	position:absolute;
	left:-60px;
	top:70px;
	z-index:999;
	opacity:0;
	overflow:hidden;
	}
.webox img{
	width:130px;
	height:130px;
	}
.alibaba:hover{
	background-color:#FF6501;
	}
.wechat:hover{
	background-color:#98C01B;
	}
#menucon{
	width:100%;
	height:0;
	background-color: rgba(255,255,255,.8);
	position:absolute;
	left:0px;
	top:100px;
	z-index:999;
	overflow:hidden;
	}
#menucon .wrap{
	box-sizing:border-box;
	padding-left:320px;
	}
#menucon .subnav{
	float:left;
	width:105px;
	padding-top:20px;
	}
#menucon .subnav a{
	display:block;
	width:105px;
	height:30px;
	text-align:center;
	color:#888;
	line-height:30px;
	}
#menucon .subnav a:hover{
	color:#D71D13;
	}
html,body{
	height:100%;
	} 

#ind-product{
	padding-top:6%;
	position:relative;
	overflow:hidden;
	}
#ind-product .wrap{
	position:relative;
	z-index:99;
	}
#ind-product #probg{
    position: absolute;
    left: 0px;
    top: 0px;
	z-index:0;
    width: 100%;
    height: 100%;
    background: url(../images/probg.jpg) no-repeat scroll center center #eee;
	}
#ind-product .bgac{
    background-size: cover;
	-webkit-animation: pro_bg 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: pro_bg 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
	}
@-webkit-keyframes pro_bg {
    0% { -webkit-transform: perspective(600px) rotateX(60deg); -webkit-transform-origin: center top 0; }
    100% { -webkit-transform: perspective(600px) rotateX(0deg); -webkit-transform-origin: center top 0; }
	}
@keyframes pro_bg {
    0% { -webkit-transform: perspective(600px) rotateX(60deg); transform: perspective(600px) rotateX(60deg); -webkit-transform-origin: center top 0; transform-origin: center top 0; }
    100% { -webkit-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); -webkit-transform-origin: center top 0; transform-origin: center top 0; }
	}
#ind-product .hd h1{
	color:#D71D13;
	font-size:34px;
	font-weight:bold;
	text-align:center;
	}
#ind-product .hd h1 a{
	color:#D71D13;
	}
#ind-product .hd h3{
	text-align:center;
	font-size:13px;
	color:#aaa;
	font-weight:normal;
	}
#ind-product .prolist{
	width:1180px;
	height:330px;
	overflow:hidden;
	margin-top:20px;
	padding-top:10px;
	}
#ind-product .prolist .swiper-slide a{
	display:block;
	width:260px;
	height:330px;
	padding:14px;
	margin:auto;
	text-align:center;
	background-color:#fff;
	position:relative;
	}
#ind-product .prolist .swiper-slide .img{
	width:260px;
	height:260px;
	overflow:hidden;
	}
#ind-product .prolist .swiper-slide .img img{
	width:260px;
	height:260px;
	}
#ind-product .prolist .swiper-slide p{
	font-size:14px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	margin-top:15px;
	}
#ind-product .swiper-slide a::before,#ind-product .swiper-slide a::after { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left:0; }
#ind-product .swiper-slide a::before { border-top: 1px solid #D71D13; border-bottom: 1px solid #D71D13; transform: scale(0, 1); -webkit-transform: scale(0,1); }
#ind-product .swiper-slide a::after { border-left: 1px solid #D71D13; border-right: 1px solid #D71D13; transform: scale(1, 0); -webkit-transform: scale(1,0); }
#ind-product .swiper-slide a::before,#ind-product .swiper-slide a::after { transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; content: ''; box-sizing: border-box; }
#ind-product .swiper-slide:hover a::before,#ind-product .swiper-slide:hover a::after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
#ind-product .swiper-slide a:hover{
	transform:translateY(-5px);
	box-shadow:0px 5px 7px rgba(0,0,0,.2);
	}
#ind-product .morebox{
	display:block;
	width:142px;
	height:34px;
	margin:20px auto;
	overflow:hidden;
	}
#ind-product .morebox a{
	float:left;
	display:inline-block;
	width:30px;
	height:34px;
	text-align:center;
	line-height:34px;
	font-size:14px;
	cursor:pointer;
	overflow:hidden;
	}
.morebox .pro-prev,.morebox .pro-next{
	font-family:"宋体";
	}
#ind-product .more{
	width:80px !important;
	}
#ind-product .prolist .swiper-slide .bg{
	width:100%;
	height:308px;
	background-color:#000;
	position:absolute;
	left:0px;
	top:280px;
	z-index:9;
	opacity:0;
	}
#ind-product .prolist .swiper-slide .bg2{
	text-align:center;
	color:#fff;
	position:absolute;
	left:50%;
	top:300px;
	margin-left:-25px;
	z-index:10;
	}
#ind-product .prolist .swiper-slide .bg2 i{
	display:block;
	width:50px;
	height:50px;
	border-radius:50%;
	border:1px solid #fff;
	background:url(../images/search-ind.png) no-repeat center center;
	background-size:25px auto;
	margin-bottom:10px;
	}
	
#ind-about{
	width:100%;
	height:600px;
	position:relative;
	}	
#ind-about .wrap{
	height:600px;
	position:relative;
	}
#ind-about .img{
	width:660px;
	height:410px;
	border:3px solid #fff;
	position:absolute;
	left:0px;
	top:77px;
	}
#ind-about .img2{
	width:1130px;
	height:476px;
	position:absolute;
	right:0px;
	top:50px;
	z-index:0;
	background:url(../images/indabo3.png) no-repeat 0 0;
	}
#ind-about .con{
	width:430px;
	height:410px;
	position:absolute;
	right:40px;
	top:90px;
	z-index:2;
	color:#fff;
	}
#ind-about .con h1{
	margin-bottom:30px;
	}
#ind-about .con span{
	display:block;
	width:140px;
	height:2px;
	background-color:#fff;
	margin-bottom:30px;
	}
#ind-about .con p{
	line-height:2em;
	font-size:14px;
	}
#ind-about .con .btn{
	margin-top:35px;
	}
#ind-about .con .btn a{
	display:inline-block;
	width:120px;
	height:45px;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:45px;
	background-color:rgba(255,255,255,.2);
	border:1px solid #fff;
	margin-right:10px;
	}
#ind-about .con .btn a:last-child{
	margin-right:0px;
	}
#ind-about .con .btn a:hover{
	background-color:rgba(255,255,255,.6);
	transform:translateY(-5px);
	box-shadow:0px 3px 5px rgba(0,0,0,.5);
	}
#ind-about .bg1{
	width:100%;
	height:600px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	background:url(../images/indabo2.png) repeat 0 0;
	}
#ind-about .bg2{
	width:100%;
	height:600px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-2;
	background: url(../images/indabo1.jpg) no-repeat center center fixed;
	background-size: cover;
	}
	
#ind-power{
	height:670px;
	padding-top:50px;
	position:relative;
	overflow:hidden;
	}
#ind-power .hd h1{
	color:#D71D13;
	font-size:34px;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
	}
#ind-power .hd h3{
	text-align:center;
	font-size:13px;
	color:#aaa;
	font-weight:normal;
	}
#ind-power .bd{
	width:1220px;
	margin-top:50px;
	}
#ind-power .bd ul li{
	float:left;
	width:290px;
	height:195px;
	margin-right:13px;
	margin-bottom:11px;
	overflow:hidden;
	}
#ind-power .bd ul li.pol1{
	height:400px;
	}



#ind-service{
	width:100%;
	height:280px;
	background:url(../images/indser1.jpg) no-repeat center center;
	background-size: cover;
	color:#fff;
	overflow:hidden;
	}	
#ind-service h1{
	text-align:center;
	font-size:30px;
	letter-spacing:2px;
	margin-top:80px;
	}
#ind-service h1 img{
	margin:0 15px;
	}
#ind-service .btnbox{
	text-align:center;
	}
#ind-service .btnbox a{
	color:#fff;
	font-size:16px;
	margin:0 15px;
	}
#ind-service .line{
	width:50px;
	height:3px;
	background-color:#fff;
	margin:20px auto;
	}
	
#foot{
	height:170px;
	padding:40px 0;
	margin-top:20px;
	}
#foot .fl{
	width:245px;
	height:145px;
	border-right:1px solid #ddd;
	padding-left:20px;
	position:relative;
	}
#foot .fl .fl1{
	margin-top:30px;
	}
#foot .fl .fl1 img{
	width:200px;
	height:auto;
	}
#foot .fl .fl2{
	width:175px;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#999;
	text-align:center;
	margin-top:20px;
	background-color:rgba(255,255,255,0.6);
	}
#foot .fr{
	width:890px;
	height:220px;
	}
#foot .fr dl{
	float:left;
	width:105px;
	}
#foot .fr dl dt{
	font-size:16px;
	color:#333;
	margin-bottom:20px;
	}
#foot .fr dl dd{
	margin-top:10px;
	padding-left:2px;
	color:#888;
	}
#foot .fr dl dd a{
	color:#888;
	}
#foot .fr dl dd a:hover{
	color:#D71D13;
	}
#foot .fr dl.ft-contact{
	width:240px;
	margin-bottom::10px;
	}
#foot .ft-contact .share a{
	float:left;
	margin:5px 10px 0 0;
	}
#foot .ft-contact .webox{
	top:-200px;
	}
#copy{
	height:40px;
	line-height:40px;
	border-top:1px solid #ddd;
	text-align:center;
	color:#999;
	}
/************浮动客服**************/
.float{
	width:40px;
    position: fixed;
    right: 0px;
    top:290px;
    z-index: 999;
	}
.float .fla{
	display:block;
	height:40px;
	width:40px;
	text-align:center;
	background-color:#D71D13;
	position:relative;
	transition:all ease .3s;
	cursor:pointer;
	}
.float .fla .img{
	height:40px;
	width:40px;
	position:absolute;
	left:0px;
	top:0px;
	line-height:40px;
	}
.float .fla .img img{
	width:auto;
	height:30px;
	vertical-align:middle;
	}
.float .fla .con{
	width:100px;
	height:40px;
	line-height:40px;
	background-color:#666;
	color:#fff;
	position:absolute;
	left:44px;
	top:0px;
	}
.float .fla:hover{
	background-color:#666;
	}
.float  #qq dl,.float  #tel dl{
	width:120px;
	border:1px solid #ddd;
	background-color:#fff;
	position:absolute;
	left:-138px;
	top:0;
	padding-bottom:10px;
	display:none;
	padding:6px;
	}
.float  #qq dl dt,.float  #tel dl dt{
	background-color:#333;
	color:#fff;
	padding:6px;
	margin-bottom:15px;
	}
.float  #qq dl dd,.float  #tel dl dd{
	margin-bottom:10px;
	}
.float  #wechat div{
	width:140px;
	height:140px;
	border:1px solid #ddd;
	position:absolute;
	left:-148px;
	top:-44px;
	display:none;
	background-color:#fff;
	}
.float  #wechat div img{
	width:100%;
	height:auto;
	}

.bd ul li  a{
	display:block;
	width:100%;
	height:100%;
	padding:14px;
	margin:auto;
	text-align:center;
	background-color:#fff;
	position:relative;
	}
.bd ul li a::before,#ind-product .bd ul li a::after { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left:0; }
.bd ul li a::before { border-top: 1px solid #D71D13; border-bottom: 1px solid #D71D13; transform: scale(0, 1); -webkit-transform: scale(0,1); }
.bd ul li a::after { border-left: 1px solid #D71D13; border-right: 1px solid #D71D13; transform: scale(1, 0); -webkit-transform: scale(1,0); }
.bd ul li a::before,#ind-product .bd ul li a::after { transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; content: ''; box-sizing: border-box; }
.bd ul li:hover a::before,#ind-product .bd ul li:hover a::after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.bd ul li a:hover{
	transform:translateY(-5px);
	box-shadow:0px 5px 7px rgba(0,0,0,.2);
	}
	
.topbarn{
	float:right;
	width:120px;
	margin-left:15px;
	}
.topbarn a{
	float:left;
	}
	
	.wechatwrap{
	float:left;
	position:relative;
	}
.webox{
	display:none;
	width:130px;
	height:130px;
	background-color:rgba(0,0,0,0.5);
	border-radius:4px;
	padding:10px;
	position:absolute;
	left:-60px;
	top:70px;
	z-index:999;
	opacity:0;
	overflow:hidden;
	}
.webox img{
	width:130px;
	height:130px;
	}
.alibaba:hover{
	background-color:#FF6501;
	}
.wechat:hover{
	background-color:#98C01B;
	}
	
	#foot {
    border-top: 1px solid #ddd;
}

#banner{ width:100%; overflow:hidden; height:630px; margin:0px auto 0px auto;}
.banner { width: 1000px; height: 630px; position: relative; margin: 0 auto;}
#focus {width: 1920px;height:600px;overflow: hidden;position:absolute; left:-470px; top: 100px; }
#focus ul {height: 600px;position: absolute;}
#focus ul li {float: left;width: 1920px;height: 600px;overflow: hidden;position: relative;}
#focus ul li a { display: block; width: 1920px; height: 600px;}
#focus .btn {width:300px;height:11px; margin: 0 auto;}  
#focus .pre {left:390px;background: url(../images/prev.png) no-repeat center center; }
#focus .next {right:390px;background: url(../images/next.png) no-repeat center center; } 
#focus .preNext {width:31px;height:53px;position: absolute;top:184px;cursor: pointer;}
#focus .btn span { display:block; float:left;width:31px;height:11px;margin:0px 4px;cursor: pointer; background: url(../images/d2.png) no-repeat center center;}
#focus .btn span.on {  background: url(../images/d1.png) no-repeat center center;margin:0px 4px; padding:0px;}
#focus .dw { width: 1920px; height: 10px; position: absolute; bottom: 80px; left: 0;}
#focus .yys { width: 1920px; height:40px; position: absolute; bottom:-12px; left: 0; }
.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 260px;
    right: -110px;
    cursor: pointer;
    transition: all .3s ease;
}

@media screen and (max-width: 767px){
    .yb_conct{
        display: none;
    }
}



.yb_bar ul li {
    width: 160px;
    height: 43px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}

.yb_bar .yb_top {
    background: #c4261d url(../images/fixCont.jpg) no-repeat 0 -5px;
    line-height: 42px;
    height: 42px;
}

.yb_bar .yb_wangwang {
    background: #c4261d url(../images/fixCont.jpg) no-repeat 0 -59px;
}

.yb_bar .yb_QQ {
    text-indent: 0;
    background: #c4261d url(../images/fixCont.jpg) no-repeat 0 -118px;
}

.yb_bar .yb_WeiBo {
    text-indent: 0;
    background: #c4261d url(../images/fixCont.jpg) no-repeat 0 -174px;
}

.yb_bar .yb_WeiXin {
    background: #c4261d url(../images/fixCont.jpg) no-repeat 0 -230px;
    line-height: 42px;
    height: 42px;
}

.yb_bar .yb_WeiXin span {
    text-indent: 54px;
    width: 160px;
    height: 42px;
    display: block;
}

.hd_qr {
    margin-left: 17px;
    float: left
}

.yb_QQ a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 42px;
}