@charset "utf-8";
/* CSS Document */

/*标签重置*/
*{font-size:14px;font-family:"微软雅黑";color:#707070;}
img{display:block;}
body,dl,dd{margin:0;}
ul,ol{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration:none;}
input{margin:0;padding:0;border:0;outline:none;}
h1,h2,p{margin:0;font-weight:normal; padding:0;}
.clearfix{clear:both;}
/*导航设置*/
.header{ width:100%; background-color:#000;}
.sub_header{ width:100%; height:62px; margin:0 auto; position:fixed; z-index:100; background-color:rgba(0,0,0,0.80); top:0;}
.logo{ float:left; margin-left:80px; padding-top: 5px; }
.nav{ float:right; padding-top:22px; padding-right:80px;}
.nav li{ float:left; line-height:26px; border-right:1px solid #666; position:relative; padding-left:28px; padding-right:28px;}
.nav a{ color:#fff; font-size:16px;}
.nav ul li a:hover{ color:#333; text-decoration:underline;}

.nav .noborder{ border-right:none;}


/*经过导航设置*/
.sub_menu{ width:120px; background-color:rgba(138,138,138,0.78); position:absolute; display:none; z-index:100; margin-left: -28px;}
.sub_menu li{ float:none;  border-right:none; line-height:40px; margin-bottom:1px; border-top:2px solid #666; text-align:center; padding-left:0px; padding-right:0px;}
.sub_menu a{ font-weight:normal; color:#d6d7dc;}
	/*广告区*/
.banner_box{width:100%; position:relative;margin-left:auto;margin-right:auto;overflow:hidden;}

.banner_box ul{position:relative;left:50%; margin-left:-960px;}



.dao_hang{ position:absolute; top:20px; right:50px;}
.dao_hang a{ font-size:18px; color:#999;}
.dao_hang span{ margin-left:30px;}
.dao_hang span{ color:#fff;}
.dao_hang a:hover{ color:#fff;}
/*公司介绍*/
.column{ width:1336px; margin:0 auto; position:relative; margin-top:40px;}
.fz{ position:absolute; left:530px; top:133px;}
.fz01{ position:absolute; left:758px; top:133px;}
.jian_jie{ margin-left:auto; margin-right:auto; margin-top:40px;}
.jian_jie h1{ font-size:24px; text-align:center;}
.jian_jie h2{ font-size:14px; text-align:center; color:#666;}
.jian_jie p{ font-size:16px; width:960px; margin:0 auto; margin-top:10px;}
.note{ width:140px; height:56px; border:solid 1px #999; margin:0 auto; margin-top:20px;}
.note a{ display:block; text-align:center; font-size:16px; line-height:36px;}
.note a:hover{ width:140px; height:56px; background-color:#333; color:#fff;}

/*展示区*/
	.sidebar{ width:100%; margin-left:auto; margin-right:auto; background-image:url(../img05/img_1.jpg); background-repeat:no-repeat; margin-top:100px;}
	.zhan_shi_box{ width:1336px; margin-left:auto; margin-right:auto; padding-bottom:70px; margin-top:40px;}
	.zhan_shi01{ margin-bottom:40px; padding-top:40px;}
	.zhan_shi01 h1{ padding-top:40px;}
	.zhan_shi01 h2{ padding-top:10px; padding-bottom:40px;}
	.zhan_shi01 h1 { font-size:30px; text-align:center; display:block; color:#d6d7dc;}
	.zhan_shi01 h2 { font-size:16px; text-align:center; display:block; color:#d6d7dc;}
	.zhan_shi03{ width:200px; height:60px; margin-left:auto; margin-right:auto; border:solid 1px #fff; margin-top:370px;}
	.zhan_shi03 h1 a{ font-size:20px; color:#fff; line-height:60px; display:block; margin-left:40px;}
	.zhan_shi03 h1 a:hover{ color:#ababab;}
	.zhan_shi03:hover{ background-color:#fff;}
/*品牌业务*/	
.leftsidebar{ width:1336px; margin:0 auto; padding-top:70px;}
.yewu_box{ width:1336px; margin:0 auto;}
.sub01{ margin-left: 20px; }
.sub02{ width:251px; background-image:url(../img/bei_jing.png); background-repeat:no-repeat; float:left; margin-top:70px;}
.yewu{ margin-left:80px; padding-top:80px;}
.yewu li{ color:#333; font-size:16px; padding:5px;}
.yewu01{ margin-right:70px;}
.sub03{ width:200px; height:60px; margin-left:auto; margin-right:auto; border:solid 1px #999; margin-top:70px;}
	.sub03 h1 a{ font-size:20px; color:#999; line-height:60px; display:block; margin-left:40px;}
	.sub03 h1 a:hover{ color:#fff;}
	.sub03:hover{ background-color:#666;}
	
	
	/*新闻资讯*/
	.news_box{ width:100%; margin:0 auto;}
	.news01{ width:1336px; margin:0 auto; padding-top:70px;  padding-bottom:70px;}
	.news02{ width:1336px; margin:0 auto;}
	.current01{ position:relative;}
	
	
	.current01,.current02,.current03{ float:left;}
	.current01{ margin-right:10px;}
	.current03{ height:530px; background-color:#999; margin-left:10px;}
	.current03 ul li{ width:270px; height:60px; line-height:60px;}
	.current03 ul li a{ font-size:16px; color:#fff;}
	.current03 ul li span{ font-size:20px; color:#fff; padding-right:10px; padding-left:20px;}
	.current03 ul li:hover{ background-color:#666; color:#333;}
	/*页底*/
	.footer_box{ width:100%; background:#333; margin-top:70px; padding-bottom:20px;  padding-top:20px; margin-left:auto; margin-right:auto;}
	.footer02{ width:1094px; margin:0 auto;}
	.banquan { padding-top:10px; float:left;}
	.banquan h1{ color:#fff;}
	.footer02 ol li{ float:left;  margin-right:20px;}



/*在线客服*/
.side{position:fixed;width:50px;right:0;bottom:5%;z-index:100000;}
.side ul li{width:50px;height:50px;float:left;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;background:#333;color:#fff;overflow:hidden; line-height: 50px; font-size: 14px;}
.side ul li span { display:block; width:50px; height:50px; background:url("../icon/images.png") no-repeat; float:left;}
.side ul li .sideqq{ background-position: -181px 0px;}
.side ul li .sidetel{ background-position: -216px 0px;}
.side ul li a.sidetop{ display:block; width:50px; height:50px; background:url("../icon/images.png") no-repeat -145px 0px #333;}
.side ul li a.sidetop:hover{background-color:#000; }
.side ul li a.erweima{ display:block; width:50px; height:50px; background:url("../icon/images.png") no-repeat -252px 3px #333; position: relative;}
.side ul li a.erweima:hover{background-color:#000; }
.side ul li a.erweima img{ display:none; position:absolute;right:55px; bottom:0;}


@media( max-width:750px){
    .side{display:none;}
}




/*手机端显示---------------*/
@media( max-width:1336px){
	/*页底*/
    .footer_box{width:1336px;}
	.footer_box .footer02 ol li{ display:none;} 
	.banquan{margin-left:0;}
	.banquan h1{font-size:12px;}
	/*案例展示*/
	.sidebar{width:1336px;}
	.sub03{margin-right:200px;}
	/*banner*/
	.banner_box{width:1336px;}
}