@charset "utf-8";
/* CSS Document */
div,body,p,input,ul,li,p,h1,h2,h3,dl,dt,dd{height:auto;margin:0;padding:0;vertical-align: middle;border: 0;vertical-align: baseline;list-style-type: none;}
.divclear{clear:both;}
/*头部导航*/
.head{position: relative;width:1400px;height:100px;z-index: 9999;background: url("../images/top.jpg");margin:0 auto;}
.head .navbox{width: 800px;margin: 0 auto; padding-left:470px;padding-top:15px;}
.head .nav{display: block; float: left;width:calc(100% - 180px);margin-top:35px;}
.head .nav .nav_pc{ width: 600px;}
.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}
.head .nav ul li:first-child{}
.head .nav ul li .f_a{line-height:48px;display:block;text-align:center;font-size:16px;color:#484848;text-decoration: none;}
.head .nav ul li:hover .f_a{background-color:#ea5503;color: #fff; transition:all .3s;}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #ea5503;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #fff;text-decoration: none;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#cf1322;color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.active{background-color: #cf1322}
.activ2{background-color: #cf1322}

/*banner*/
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {he   ight: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #00a2ff;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 

/*小于1600大于1200稍微调整下字体*/
@media screen and ( max-width : 1600px ) and (min-width : 1335px ){
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}
/*slogen*/
.slogen{width:1300px; height: 100px; margin:0 auto; padding: 20px 0;}
.slogen img{ width:100%;}
/*滚动字*/
.szkj{ width:1200px;height:150px; margin: 0 auto; margin-bottom: 20px;}

.time{ width:1200px; height:200px;  background:#FFF; background-size:cover; margin: 0 auto; padding-left: 60px;}
.time_right{ width:100%; max-width:1200px; height:200px; float:left;}
.wrapper { width:1200px; height:100px; float:left;  margin-top:90px; display:none; }
.wrapper1{ width:250px; float:left; height:100px; }
.wrapper2{ width:250px; float:left; height:100px;  border-right:1px solid #000; border-left:1px solid #000;}
.wrapper3{ width:250px; float:left; height:100px; border-right:1px solid #000;}
.wrapper4{ width:250px; float:left; height:100px;}

.counter { color:#EA5503; border-radius: 15px;}
.time1{ width:100px; height:54px; float:left;  margin-left: 120px;color: #ea5503;}
.time1 h1{ float:left;}
.time1 h2{ float:left;font-display: block;}
.time2{ width:100px; height:54px; float:left; margin-left:50px;color: #ea5503;}
.time3{ width:100px; height:54px; float:left; text-align:center;margin-left:40px;color: #ea5503;}
.time4{ width:100px; height:54px; float:left; text-align:center;margin-left:40px;color: #ea5503;}
.timex{ width:10px; height:30px; ;color:#ea5503;; float:left; font-size: 50px; margin-top:1px;font-weight:bold;}
.timey{ width:200px;  color:#ea5503;font-size: 15px; margin-top: 25px; float: left; color: #ea5503; font-weight:bold; }
.wrapper1 .timex{ width:50px; height:30px; ;color:#ea5503; float:left; font-size: 50px; margin-left: -30px;}
.wrapper2 .timex{ width:50px; height:30px; ;color:#ea5503; float:left; font-size: 50px; margin-left: 30px; }
.wrapper3 .timex{ width:50px; height:30px; ;color:#ea5503; float:left; font-size: 50px; margin-left: 0px; }
.wrapper4 .timex{ width:50px; height:30px; ;color:#ea5503; float:left; font-size: 50px; margin-left: 30px; }

.wrapper1 .timey{ width:158px; margin-left:80px; float:left;}
.wrapper2 .timey{ width:190px; margin-left:50px; float:left;}
.wrapper3 .timey{ width:200px; margin-left:30px; float:left;}
.wrapper4 .timey{ width:200px; margin-left:40px; float:left;}

.count-title { font-weight: normal; text-align: center;font-size: 50px; }
.count-text { font-size: 50px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }

/*项目案例*/
.altt{width:1200px;height: 80px; margin: 0 auto; padding: 30px 0; }
.altt img { width:300;height: 80px;}
	
.alkk{width:1200px; margin: 0 auto;;}
.container {
	  position: relative;
	  background: white;
	  padding: 3em;
	}
	.tab-group {
	  position: relative;
	  border: 1px solid #fff;
	  border-radius: 0 0 10px 10px;
	  width:100%;	  
	}
	.tab-group section {
	  opacity: 0;
	  height: 0;
	  padding: 0 1em;
	  overflow: hidden;
	  transition: opacity 0.4s ease, height 0.4s ease;
	  background: #fff;
	}
	.tab-group section.active {
	  opacity: 1;
	  height: auto;
	  overflow: visible;
	}

	.tab-nav {
	  list-style: none;
	  margin: -6.5em -1px 0 0;
	  padding: 0;
	  height: 2.5em;
	  overflow: hidden;
		
	  }
	.tab-nav li {
	  display: inline;
	}
	.tab-nav li a {
	  top: 1px;
	  position: relative;
	  display: block;
	  float: left;
	  border-radius: 00px 00px 0 0;
	  background: #fff;
	  line-height: 2em;
	  padding: 0 1em;
	  text-decoration:none;
	  color: #000;
	  margin-top: .5em;
	  margin-right: 1px;
	  transition: background .2s ease, line-height .2s ease, margin .2s ease;
	}
	.tab-nav li.active a {
	  background: #ea5503;
	  color: white;
	  line-height: 2.5em;
	  margin-top: 0;
	}
.section{width:1300px;margin:40px auto 0 auto;overflow:hidden; background-color: #fff;text-decoration: none;}
.section ul{width:1300px;}
.section ul li{float:left;margin-right:14px;margin-bottom:13px;display:inline;width:360px;height:270px;overflow:hidden;position:relative;}
.section ul li .photo{width:318px;height:343px;overflow:hidden;}
.section .rsp{width:318px;height:343px;overflow:hidden;position: absolute;;top:0px;left:0px;}
.section .text{position:absolute;width:318px;height:343px;left:-318px;top:0px;overflow:hidden;text-decoration: none;}
.section .text h3{width:318px;margin-top:130px;height:55px;line-height:55px;text-align:center;color:#FFFFFF;background:#ea5503;font-family:"黑体";font-size:26px;}
/*品宣案例*/
.pxal{width:1300px;height:50px; margin-top: 10px;margin: 0 auto; }
.pxal img{width:200px;}
.pxalh {width:1300px; height:500px;  padding-top: 50px; margin: 0 auto;}
.pxalh ul{ width:1300px; heiht:700px; magrin:0 auto; }
.pxalh ul li {widht:280px; height: 230px; float: left; margin-left: 30px;}
.pxalh ul li img{ width:280px; height: 200px; }
.pxalh ul li a{color:#797c80; list-style: none;text-decoration: none; font-family:"黑体"; font-size: 20px; text-align:center;}
.pxalh ul li a:hover{color: #ee5504;list-style: none; text-decoration: none;}
/*新闻资讯*/
.zxl{ width:200px; height:50px; margin-top:20px; margin:0 auto;margin-top: 20px; }
.zxl img { width:200px;}

.zxkj{width: 1200px; height: 100%;margin: 0 auto; margin-top: 10px; margin-bottom: 340px;}
.zx { width:600px;height:142px;  margin-top:20px;  float:left; background: url("../image/zx.png");}
.zx a{ width:295px; height:30px; text-decoration:none; color:#797c80; }
.zx a:hover{color:#ea5504;}
.zx img { width:173px; height:142px; float:left; margin-right:30px;}

.zx h2{font-size:18px; margin-bottom:16px;margin-top: -1px;}
.zx ul { width:550px; height:120px; margin:0 auto; list-style:none; margin-top:5px; }
.zx ul li {width:550px; height:30px;}
.zx ul li a {width:550px; height:30px; text-decoration:none; color:#797c80;}
.zx ul li a:hover{color:#ea5504;}

/*合作客户*/
.hzhb{width:400px; height: 100px; margin: 0 auto;}
.hzhb img{width:500px;height: 100px;}
.hzan{width:1200px; height: 500px; margin: 0 auto;}
.hzan img {1200px; height: 500px; }
/*底部*/
.foot{width:100%;height: 300px; background: #ea5503; margin: 0 auto; padding-top:20px;}
.foot img{width:1200px; height: 300px; margin-left: 220px;}