.clearfix{*zoom:1;}
.clearfix:before{ content:""; height:0; line-height:0; display:table;}
.clearfix:after{ content:""; height:0; line-height:0; display:table; clear:both;}
.sblock20{ height: 20px;}
.sblock30{ height: 30px;}
.wrap{ width:1200px; height:auto; margin:0 auto; clear:both;}
 
#home_box{ zoom:1; margin: 0 0 0 -60px; }
#home_box .item{ width: 570px; margin: 0 0 0 60px; float: left; }
#home_box .item h2.tit{ height: 40px; position: relative; font:18px/40px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; padding: 0 0 0 10px; margin: 0 0 10px 0;}
#home_box .item h2.tit:before{ content: ""; left: 0; top: 5px; width: 4px; height: 30px; background: #fb3324; position: absolute;}
#home_box .item h2.tit span{ float: right; font:14px/40px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}
#home_box .item h2.tit span a{ color: #666; text-decoration: none; }
#home_box .item h2.tit em{ display: block; float: left; font-weight: normal; }
#home_box .item h2.tit ul{ display: inline-block; height: 30px; margin: 2px 0; padding: 0 10px; font-size:0; -webkit-text-size-adjust:none; }
#home_box .item h2.tit ul li{ display: inline-block; height: 30px; position: relative; font:14px/30px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; padding: 0 10px;}
#home_box .item h2.tit ul li.cur{ color: #fb3324;    border: 0; }
#home_box .item h2.tit ul li.cur:after{ left: 10px; right: 10px; bottom: 0; position: absolute; content: ""; height: 3px; background: #fb3324;}
#home_box .item .box{ background: #fff; height: 360px; padding: 15px; }

.content_wrap{}
.content_wrap ul{}
.content_wrap ul li{ margin-bottom:12px; height: 100px; padding-bottom:12px; background: url(../images/tiao.jpg) bottom repeat-x; }
.content_wrap ul li:last-child{ margin: 0; }
.content_wrap ul li .pic{ width: 160px; height: 100px; float: left;}
.content_wrap ul li .pic img{ width: 150px; height: 100px; }
.content_wrap ul li .inf{ width: 360px; height: 100px; float: right; }
.content_wrap ul li .inf h4.tit{ height: 32px; font:bold 16px/32px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; overflow: hidden; }
.content_wrap ul li .inf h4.tit a{ color: #252525; text-decoration: none; }
.content_wrap ul li .inf h4.tit a:hover{ color: #fb3324;}
.content_wrap ul li .inf p{ height: 40px; color: #717171; font:12px/20px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; overflow: hidden; }
.content_wrap ul li .inf span{ display: block; color: #717171; height: 28px; font:12px/28px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; }

#home_goods{ zoom:1; margin: 0 0 0 -20px; }
#home_goods .item{ width:224px; height: 278px; padding: 15px 12px; background: #fff; margin: 0 0 0 20px; border:1px solid #e8e8e8; float: left; }
#home_goods .item .icon{ width: 140px; height: 70px; margin: 0 auto; }
#home_goods .item .name{ height: 50px; overflow: hidden;
 text-align: center; font:18px/50px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; position: relative; margin: 0 auto 10px 0; }
#home_goods .item .name:after{ position: absolute; content: ""; left: 0; right: 0; bottom: 0; height: 1px; background: #dedede;}
#home_goods .item ul{}
#home_goods .item ul li{ background: url(../images/icon_item.png) no-repeat 5px 11px; padding: 0 0 0 15px; height: 30px; font:14px/30px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; overflow: hidden;    text-overflow: ellipsis; white-space: nowrap;}
#home_goods .item ul li.first{width:50%;float:left}
#home_goods .item ul li a{ color: #666; text-decoration: none;}
#home_goods .item ul li a:hover{ color: #fb3324; }
#home_goods .item:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transition-duration: .4s; -moz-transition-duration: .4s;  -webkit-transition-duration: .4s; 
-o-transition-duration: 0.4s;
  -webkit-box-shadow:0 0 3px rgba(205, 205, 205, .5);  
  -moz-box-shadow:0 0 3px rgba(205, 205, 205, .5);  
  box-shadow:0 0 3px rgba(205, 205, 205, .5);  
}
#home_goods .item#qc1{width:466px;     height: 278px;
   padding: 0;}
.qcr{float:right;      height: 278px;     width: 260px;    padding: 15px;
    background: #e8e8e8;
}
.qcr h4{    line-height: 3;
    padding-top: 20px;
    font-size: 20px;
    font-weight: bold;}
.qcr p {line-height: 2;}
.qcr ul {    text-align: center;}
.qcr ul a{ 
display:inline-block; *display: inline;    background: #fff;
    border: 1px solid #e8e8e8;
    padding: 5px 20px;    margin: 5px;    text-decoration:none;color:#666;
zoom: 1;
}
.qcr ul a.red{background:#f00;color:#fff}
.qcl{float:left;    padding: 15px 12px;}

#focus{ }
#focus .bd{ width: 540px; height: 320px; overflow: hidden; }
#focus .bd ul{}
#focus .bd ul li{ width: 260px; height: 320px; margin: 0 20px 0 0; display: inline-block; }
#focus .bd ul li .pic{ width: 260px; height: 180px; }
#focus .bd ul li .pic img{ width: 260px; height: 180px;}
#focus .bd ul li h5{ height: 40px; font:bold 16px/40px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}
#focus .bd ul li p{ font:14px/25px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; overflow: hidden;}
#focus .bd ul li p a{ color: #fb3324; text-decoration: none;}
#focus .hd{}
#focus .hd ul{ overflow:hidden; zoom:1; margin:10px auto; text-align:right;}
#focus .hd ul li{ cursor: pointer; display:inline-block; width: 40px; height: 4px; font-size:0; -webkit-text-size-adjust:none; background: #ddd; margin: 0 0 0 10px;}
#focus .hd ul li.on{ background:#c00; }


#footer{ background: #333; width: 100%; height: auto; clear: both; margin: 0 auto; }
#footer .wrap .nav-code{ height: 250px; padding: 50px 0;}
#footer .wrap .nav-code .nav{ width:750px; height: 250px; float: left;     border-right: 1px #fff solid;}
#footer .wrap .nav-code .nav .item{ width: 144px; float: left;color:#fff }
#footer .wrap .nav-code .nav .item dl dt{ height: 50px; font:18px/50px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; }
#footer .wrap .nav-code .nav .item dl dt a{color:#fff}
#footer .wrap .nav-code .nav .item dl dd{ height: 32px; font:14px/32px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}
#footer .wrap .nav-code .nav .item dl dd a{ color: #c6c6c6; text-decoration: none; }
#footer .wrap .nav-code .nav .item dl dd a:hover{ color: #fb3324;}
#footer .wrap .nav-code .nav .item_contact{ width: 200px; float: left; }
#footer .wrap .nav-code .nav .item_contact h5{ background: url(../images/btm_icon_phone.jpg) no-repeat 0 10px; height: 60px; padding: 0 0 0 40px; font:20px/60px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}
#footer .wrap .nav-code .nav .item_contact ul{}
#footer .wrap .nav-code .nav .item_contact ul li{ background: url(../images/btm_icon_mail.jpg) no-repeat 15px 12px; min-height: 32px; _height: 32px; font:14px/32px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; padding: 0 0 0 40px;}
#footer .wrap .nav-code .nav .item_contact ul li .for-mail{ display: none; z-index: 3; margin-top: 5px; padding-left: 5px; width: 165px; height: 30px; border: 1px #fff solid; border-radius: 3px; background: #fff; color: #333; line-height: 30px; font-size: 12px;}
#footer .wrap .nav-code .nav .item_contact ul li .for-mail p:before{ position: absolute; display: block; margin-top: -20px; border: 10px solid; border-color: transparent transparent #fff; content: ""; }
#footer .wrap .nav-code .nav .item_contact ul li a{ color: #333; text-decoration: none;}
#footer .wrap .nav-code .nav .item_contact ul li a:hover{ color: #fb3324;}
#footer .wrap .nav-code .code{ width: 260px; height: 150px; float: right; }
#footer .wrap .nav-code .code ul{ zoom:1; margin: 0 0 0 -28px; }
#footer .wrap .nav-code .code ul li{ width: 116px; height: 150px; float: left; margin: 0 0 0 28px;}
#footer .wrap .nav-code .code ul li .pic{ width: 116px; height: 116px;}
#footer .wrap .nav-code .code ul li .pic img{ width: 116px; height: 116px; }
#footer .wrap .nav-code .code ul li p{ color: #666; text-align: center; height: 34px; font:14px/34px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}
#footer .copyright{ font:14px/36px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";   padding: 9px 0;
    overflow: hidden;
    color: #c6c6c6;
    clear: both;
    background-color: #1b1b1b;}
#footer  .copyright span{ float: right; color: #333; margin: 0 -10px;}
#footer   .copyright span a{ color: #333; text-decoration: none; padding: 0 10px;}

.friend-link{
	float: right;
}

.friend-link select{
	width: 185px;
	height: 31px;
	border: 1px solid #484848;
	background-color: #313131;
	color: #575555;
	text-indent: 20px;
}



.energy_wrap{ width:100%; background:#fff url(../images/banner_solution.jpg) no-repeat center top; padding:300px 0 40px; color:#464646; }
.solution_wrap{ width:100%; background:#f2f2f2 url(../images/banner_solution.jpg) no-repeat center top; padding:300px 0 40px; }
.service_wrap{ width:100%; background:#f5f5f5 url(../images/service_bg.jpg) no-repeat center top; padding:300px 0 40px; }
.wapmenu {display:none}
@media screen and (max-width: 768px) {
#banner{height:auto}

#banner .bd ul li{height:auto;background:none   !important}
#banner .bd ul li a{text-indent: 0;}
#banner .hd{bottom:10px}
#banner .hd ul li{width:6px;}
#banner .bd ul li a img{width:100%;height:auto}
#header .wrap{position: relative;}
.nav{display:none;    position: absolute;
    top: 90px;    z-index: 99;
    background: #fff;
    width: 100%;}
	#header .wrap .search{width:100%;    height: 30px;
    line-height: 30px;}
	#header .wrap .search .lan {
 
    text-align: center;
}
#header .wrap .search .frm{display:none}
#header .wrap .search .lan span{float:none}
.wapmenu {display:block;
    height: 90px;
    cursor: pointer;
    width:90px;
    float: right;
    background: url(../images/menu.png) no-repeat center center;
    -webkit-background-size: 35px;
    -moz-background-size: 35px;
    -o-background-size: 35px;
    background-size: 35px;
}
#header .wrap .menu {width:100%;      border-bottom: 1px solid #e0e0e0;  padding: 0;
    height: auto;}
	#header .wrap .menu ul li {width:100%;float:none;}
	#header .wrap .menu ul li a{    border-top: 1px solid #e0e0e0;}
.wrap {width:100%}
#home_box .item{    margin: 0;width:100%}
#home_box{margin:0 15px}
#focus .bd{width:100%}
#focus .bd ul li{width:48%;margin:0 1%}
#focus .bd ul li .pic{width:100%;}
#focus .bd ul li .pic img{width:100%;} 
#home_goods .item#qc1{    margin: 0;width:100%}
#home_goods{margin:15px;}
#home_goods .item{    width: 31%;
    box-sizing: border-box;
    margin: 1%;}
	#focus .hd ul{text-align: center;}
	#footer>.wrap{display:none}
	.content_wrap ul li .inf{width:inherit;float:inherit}
	.friend-link{display:none}
	#footer .copyright{text-align: center;}
}
@media screen and (max-width:480px) {
#SFY-FLOAT{display:none}
#header .wrap h1.logo a{height:50px;    background: url(../images/logo.png) no-repeat;
    background-size: auto 100%;}
	#home_goods .item#qc1{height:auto}
	#home_goods .item{width:100%;    margin: 15px 0;
    height: auto;}
	.qcl{float:none}
	.qcr{float:none;    width: auto;
    margin: 15px;}
#header .wrap h1.logo,#header,#header .wrap{height:60px;}
.wapmenu {
    height: 60px;
 
    width:60px;
    float: right;
    background: url(../images/menu.png) no-repeat center center;
    -webkit-background-size: 25px;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    background-size: 25px;
}
.nav{top:60px;}


#focus .bd ul li .pic{height:140px}
#focus .bd ul li .pic img{height:140px;} 

}
@media screen and (max-width:380px) {


#focus .bd ul li .pic{height:100px}
#focus .bd ul li .pic img{height:100px;} 

}