/* CSS Document */
/*初始化*/
/* @font-face{
font-family: Source Han Sans;
src: url('/font/SourceHanSans-Regular.otf');
} */
body{font-size:14px; color:#000; background: url(/template/default/image/bg_main.jpg) no-repeat  top center #FFFFFF; font-family:Source Han Sans;height:100%; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form, input,textarea,p,em,button{margin:0;padding:0;} 
a{outline:none; text-decoration:none ;}
a:hover{  text-decoration:underline;}
fieldset,img {border:0;} 
em,strong,th,i{font-style:normal;} 
input,textarea,select,option{ outline:none; color:#a8a8a8; font-size:12px; }
ul,li{list-style:none; margin:0; padding:0;}
embed,object {margin: 0;vertical-align:top;}
button{overflow:visible}

/*通用*/

.clear{ clear:both; padding:0px; margin:0px; height:0%; font-size:0px; overflow:hidden; line-height:0;}
a{text-decoration:none ; color:#939393; font-family:Source Han Sans; font-size:14px;}
a:hover{ color:#f39800; text-decoration:underline;}

.left{ float:left; }
.right{ float:right; }

.size14{ font-size:14px;}
.size14:hover{ font-size:14px;}
.size16{ font-size:16px;}
.size16:hover{ font-size:16px;}
.size18{ font-size:18px;}
.size18:hover{ font-size:18px;}
.size20{ font-size:20px;}
.size20:hover{ font-size:20px;}

.size47{ font-size:47px;}
.size47:hover{ font-size:47px;}
.size30{ font-size:30px;}
.size30:hover{ font-size:30px;}
.size24{ font-size:24px;}
.size24:hover{ font-size:24px;}


.lv{color:#016438}
.lv1:hover{color:#016438}
.chengse{color:#f39800}
.chengse:hover{color:#f39800}
.qianhui{ color:#7e7e7e}
.qianhui:hover{color:#7e7e7e}
.qianhui1{ color:#c5c5c5;}
.qianhui1:hover{color:#7e7e7e}
.writes{color:#FFFFFF}
.writes:hover{color:#FFFFFF}
.blacks{color:#000}
.blacks:hover{color:#000}


.bblacks{ background:#000203;}
.bwrites{background:#FFFFFF;}
.bglv{background:#016438;}
.bghui{background:#f4f4f4;}
.bghui1{background:#f0f0f0;}
.bghui2{background:#f4f4f4;}
.bghui3{background:#ededed;}
.bghui4{background:#3a3a3a;}
.bghui5{background:#4f4f4f;}

.bold{ font-weight:bold}

.container{ width:1200px; height:auto; margin:0 auto; }



/*头部*/
.topset{ height:35px; line-height:35px; border-bottom:1px #f0f0f0 solid;  }
.top_r span:first-child{border-left: solid 1px #f0f0f0;}
.top_r span{ border-right:1px #f0f0f0 solid; padding:0px 10px; }


.topmain{ height:95px; padding:20px 0px; }
.tel{ min-width:320px;}
.tel_l{ width:206px; height:77px; padding:10px 0px 0px 60px; background:url(/template/default/image/tel.png) no-repeat left center;  }
.tel_c{ font-size:30px;  font-family:Impact,SimHei,Arial,simsun; }

/*导航*/
.manebak{width:100%; min-width:1200px;width:expression(this.offsetWidth < 1200 ? '1200px': true);  height:54px; background:#f4f4f4; position:relative;z-index:888}
.flvbt{ width:245px; height:54px; line-height:54px; color:#FFFFFF; background:#016438;  font-size:20px; position:relative; cursor:pointer; z-index:3; overflow:hidden;}
.flvbt span{ margin-left:20px}
.flvbt i{ display:inline-blcok;width:17px; height:8px; font-size:0px; background:url(/template/default/image/sc.png) -10px -22px no-repeat; position:absolute; top:25px; right:20px;}
.manebox{ width:935px; height:auto; }

.mcur,.mover{ background:#e10f4a;}
.mcur a{color:#FFFFFF;}
.mover a{color:#FFFFFF;}

/*二级菜单*/
#jDropDown a {
	font-family:Source Han Sans;
	line-height:18px;
}
#jDropDown ul li a:hover {color:#f39800;}

/* first li have home class*/
#jDropDown > li > a {
	color: #000;
}	

/* just that pattern */
#jDropDown > li > a {
	/*background-position: 2px 11px;*/
	height: 40px; 
	position: relative;
	top: 15px;
	margin: 0px 5px 0px 5px;
	padding: 4px 14px 4px 14px;
}

/* first li have home class*/
#jDropDown li.home img{
	border: 0px;
}

#jDropDown > li > .on, #jDropDown > li > a:hover{
	color: #484848;
	top: 4px;
	background-color: #fff;
	padding-top: 15px;
	height: 31px; 

}
#jDropDown > li.home a:hover, #jDropDown > li.home a {
	background: none;
	top: 10px;
	padding-top: 0px;
}

/* 
	LEVEL ONE
*/
#jDropDown {
	position: relative;
	left: -10px;
	height: 53px; 
	width: 935px; 

}
#jDropDown li {
	float: left;
	padding:0px 9px;
	zoom: 1;
	position: relative;
}
#jDropDown li.active {
	background:#FFF;
	float: left;
	padding:0px 9px;
	zoom: 1;
	position: relative;
}
#jDropDown li a {
	display: block;
}
#jDropDown > li:last-child {
	border-right: none;
	padding:0px 0px;
}

/* 
	LEVEL TWO
*/
#jDropDown ul {
}

#jDropDown li .content {
	left: 0;
	position: absolute;
	top: 100%;
	visibility: hidden;
	width: 300px;
	margin-top: 5px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 10px 0px 10px 10px;
}

#jDropDown ul li {
	/*border-bottom: 1px solid #ccc;*/
	float: none;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0 4px 0;
}

#jDropDown ul li:last-child {
	border-color: #fff;
}
#jDropDown ul li a {
	border-right: none;
	display: inline-block;
	width: 100%;
	color: #484848;
}
/* Column */
.column_1, .column_2, .column_3, .column_4, .column_5 {
	left: 0;
	position: absolute;
	top: 100%;
	visibility: hidden;
	margin-top: 4px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	border-top: 0px;
	border-radius: 0 0 5px 5px;
	
}
.column_1 {width: 170px;}
.column_2 {width: 340px;}
.column_3 {width: 510px;}
.column_4 {width: 680px;}
.column_5 {width: 850px;}

#jDropDown .column {
	float: left;
	width: 150px; 
	margin: 10px;
	text-align:center;
}

#jDropDown .column .sectionTitle {
	font-weight: bold;
	display: block;
	padding: 8px 0px 5px 1px;
}


/*banner*/
.banerbak{width:100%; min-width:1200px;width:expression(this.offsetWidth < 1200 ? '1200px': true);  height:420px; background:#FFFFFF;}
.syboxb{width:100%; height:420px; position:relative; overflow:hidden}
.bannerlb{width:100%; height:420px; overflow:hidden}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:420px;overflow:hidden; z-index:1}

.bannerlb .ban_nav{display:none;}
.bannerlb .Left,.banner .Right{ display:none}
.slide{position:relative;width:100%; }

.wrap{width:245px; height:420px; overflow:hidden}
.bann_ext{position:absolute; top:0px; left:50%; margin-left:-600px; z-index:999; }
.frontCover{ width:245px; height:420px; background:#2d2731; filter:alpha(opacity=80); opacity: 0.8; overflow:hidden; }
.frontCover li{width:245px; height:60px; line-height:60px;color:#ffffff; text-align:center;overflow:hidden; }
.fcoverbaka{background:#58595b;}
.frontCover li a{ display:inline-block;width:220px; padding:0px 0px 0px 25px; text-align:left; font-size:15px; color:#FFFFFF;overflow:hidden;  }
.frontCover li a:hover{color:#FFFFFF; background:#f39800; text-decoration:none}
.fcbd2{ border-bottom:#016438 2px solid;}
.frontCover p{ display:none}
.frontCover .img{display:none}
.frontCover img{display:none}
.frontCover .open{}

/*强大品牌*/

.kzyy1{  margin:28px auto 0px auto; color:#222222;}
.kzyy1_title{   width:100%; margin:0 auto; font-size:55px; text-align:center;  overflow:hidden}
.kzyy1_biao{   width:100%; margin:10px auto; font-size:30px; color:#818181; text-align:center;  overflow:hidden}
.kzyy1_biao1{  width:100%; margin:10px auto; font-size:24px; color:#818181; text-align:center;  overflow:hidden}
.kzyy1 .kzyy1box{width:100%; margin:30px auto 0 auto; position:relative; overflow:hidden}
.kzyy1 .kzyy1boxl{ width:765px; float:left; overflow:hidden;}
.kzyy1 .kzyy1boxl p{ margin:10px;}
.kzyy1 .kzyy1blbta{ font-size:24px; }
.kzyy1 .kzyy1blbtb{ font-size:22px; color:#016438; }
.kzyy1 .kzyy1blbtc{ font-size:15px; line-height:180%;}
.kzyy1 .kzyy1boxr{ width:350px; height:279px; float:right; position:relative; overflow:hidden;}
.kzyy1 .kzyy1boxr img{ width:277px; height:279px; float:right; position:relative; z-index:1;}
.kzyy1 .kzyy1brc{ width:140px; height:166px; position:absolute; left:0; top:0; z-index:2; overflow:hidden}
.kzyy1 .kzyy1brc span{ display:block; width:100%;letter-spacing:10px; font-size:24px; margin-bottom:5px; color:#000000; font-weight:bold; overflow:hidden}
.kzyy1 .kzyy1brc i{ display:block; width:100%; font-size:15px; font-style:normal; overflow:hidden}

/*品牌实力*/

.kzyy2{ width:100%; margin:0 auto;   color:#FFFFFF; background:#016438; position:relative; overflow:hidden}
.kzyy2boxl{ width:576px; padding-left:0; overflow:hidden}

.kzyy3r{ width:600px; float:right; overflow:hidden;}
.kzyy3r p{ width:100%; font-size:20px; line-height:42px; overflow:hidden; padding:30px 0px; text-align:right;}
.kzyy3r p span{ font-size:18px; background:#f39800; text-align:center; padding:5px 15px; margin-left:10px; }
.zs li{ width:186px; height:131px; float:left; margin:3px 0px 8px 14px;}
.zs li img{ width:186px; height:131px;}

/*成果展示*/
.achieve{ margin:28px auto 0px auto;}
.m_wrap22{ margin:40px auto;}
.m_wrap22 .none{ display:none; background:#f4f4f4; padding:25px;}
.m_wrap22 .list{ height:125px;}
.m_wrap22 .list li{ float:left; width:98px; cursor:pointer; height:98px; padding-top:26px; margin-right:12px;}
.m_wrap22 .list li.last{ margin-right:0;}
.m_wrap22 .list li span{ width:96px; height:96px; border:#e1e1e1 1px solid; }
.m_wrap22 .list li span.img1{ display:block; }
.m_wrap22 .list li span.img2{ display:none;}
.m_wrap22 .list li span.img1{ transition: all 0.5s; }
.m_wrap22 .list li span.img2{ transition: all 0.5s; }
.m_wrap22 .list li.hover{ background:url(/template/default/image/yct_10.png) top center no-repeat;}
.m_wrap22 .list li.hover span.img1{ display:none;}
.m_wrap22 .list li:hover span.img1{     transform: scale(1.1);
    transition: all 0.5s;}
.m_wrap22 .list li.hover span.img2{ display:block;}
.m_wrap22 .list li:hover span.img2{     transform: scale(1.1);
    transition: all 0.5s;}
.m_con5{ float:right; width:520px; padding-right:40px; margin-top:30px;}
.m_con5 .p1 a{ font-size:27px; color:#270e06;}
.m_con5 .p2{ font-size:16px; color:#979796; padding:20px 0; line-height:26px;}
.m_con5 .p3{ font-size:16px; color:#270e06;}
.m_con5 .p3 a{ margin-left:10px; background:#f39800; color:#FFF; padding:5px 10px;}

.slideBox2{ width:550px; height:auto; overflow:hidden; position:relative;}
.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; right:0; bottom:20px; z-index:1; width:100%;}
.slideBox2 .hd ul{ overflow:hidden; zoom:1; width:100%; text-align:center;}
.slideBox2 .hd ul li{ display:inline-block; margin-right:15px; width:45px; height:4px; background:#999; cursor:pointer; text-indent:-9999px;}
.slideBox2 .hd ul li.on{ background:#c33e40;}
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; width:550px;}
.slideBox2 .bd img{ width:100%; /* height:auto; */ display:block;   }
.slideBox2 .bd a img{ transition: all 0.5s; }
.slideBox2 .bd a:hover img{     transform: scale(1.1);
    transition: all 0.5s;}
/*系列检索*/
.jiansuo{ padding:20px 0px 30px; }
.js_ul { height:auto; overflow:hidden;}
.js_ul li{ width:184px; height:60px; float:left; text-align:center; line-height:60px; position: relative; margin:10px 10px 10px 5px; }
.js_ul li a{ width:184px; height:60px; display:block; background:url(/template/default/image/js.png) no-repeat;  color:#FFF; font-size:16px;}
.js_ul li a:hover{ background:url(/template/default/image/js1.png) no-repeat; }
.js_ul li span {
	position: absolute;
	top: -9px;
	right: 39px;
	width: 15px;
	height: 5px;
	color:#f39800;
	font-size:12px;
}
/*合作方式*/
#cooper{ margin:30px  auto; }
#cooper ul{
margin:35px auto 0;
height:auto; overflow:hidden;
}

#cooper li{
float:left;
width:196px;
line-height:1.8;
margin-bottom:20px;
margin-left:44px;
}

#cooper li:first-child{ margin-left:0; }
#cooper .cr1{ position:relative; width:196px; height:196px;    
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
     border-radius:50%;     
	 overflow:hidden;}
#cooper .cr1:hover{opacity: 0.6; }
#cooper .cr1 span{
	position:absolute;
	left: 25px;
	top: 68px;
	color:#FFF;
	font-size:30px;
	width: 150px;
	line-height:36px;
	text-align:center;
}
#cooper .cr1 img{ transition: all 0.5s;}
#cooper .cr1:hover img{     transform: scale(1.1);
    transition: all 0.5s;}
#cooper .cr2{ width:180px; margin:20px auto;  line-height:26spx; text-align:center; color:#000;}
#cooper .cr3{ width:133px; margin:0px auto; background:url(/template/default/image/index_83.jpg) no-repeat; }
#cooper ul .on{ background:url(/template/default/image/index_80.jpg) no-repeat; }
#cooper .cr3 a{ color:#FFF; padding-left:20px;}
#cooper .cr3:hover{ background:url(/template/default/image/index_80.jpg) no-repeat; }



@media screen and (min-width: 741px) and (max-width: 979px) {

  #cooper{
  margin:30px auto 0;
  }
  #cooper ul{
  width:420px;
  margin:16px auto 0;
  }
  #cooper li{
margin-left:14px;
}

  #cooper li:nth-child(odd){ margin-left:0px; }

  
}

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

  #cooper{
  margin:30px auto 0;
  }

  #cooper ul{ width:300px; }

  #cooper li{
	width: 140px;
	margin: 0 0 30px 0;
  }
  #cooper li:nth-child(odd){ margin-right:20px; clear: both;}
  #cooper .cr1{ width:140px; height:140px;}
  #cooper .cr1 img{ width:140px; height:140px;}    
  #cooper .cr1 span{
	left: 11px;
	top: 49px;
	font-size:20px;
	width: 120px;
	line-height:25px;
}
#cooper .cr2{ width:146px; margin:10px auto; font-size:12px; line-height:18px; text-align:center; color:#4e4e4e;}

}

/*为什么选择我们*/
#choose{ margin:20px auto; }
#choose .ce{ width:1200px; height:988px; margin-top:50px; background:url(/template/default/image/index_88.png) no-repeat; position:relative;}
.ce1{
	width:373px;
	height:412px;
	padding:24px;
	position:absolute;
	top: 6px;
}
.ce1_1{ width:300px; margin-left:70px; line-height:30px; margin-top:15px; }
.ce1_2{ color:#b0b0b0; line-height:18px; margin:10px 0px;}
.ce1_3{ line-height:24px; color:#383737;margin-top:20px; margin-bottom:20px; }
.ce1_4{ height:1px; border-bottom:1px #95b9a8 solid;}
.ce1_5{ width:373px; height:158px; overflow:hidden; margin-top:20px;}
.ce1_5 img{ transition: all 0.5s; }
.ce1_5:hover img{     transform: scale(1.1);
    transition: all 0.5s;}
.ce2{
	width:373px;
	height:412px;
	padding:24px;
	position:absolute;
	top: 6px;
	right:0px;
}
.ce3{
	width:373px;
	height:412px;
	padding:24px;
	position:absolute;
	top: 496px;
	left: 7px;
	
}
.ce4{
	width:373px;
	height:412px;
	padding:24px;
	position:absolute;
	top: 496px;
	right:0px;
}
/*高端品牌·选择好博OEM*/
.partner{ width:100%;}
.par_b{ height:2px; border-bottom:2px #fafafa solid; margin:30px 0px 10px; }
.ser{ height:100px; color:#686868; }
.ser span{ width:50px; float:left; font-size:72px; display:block; font-family:Source Han Sans; }
.ser p{ float:left; font-size:28px; line-height:100px; font-family:Source Han Sans,SimHei,Arial,simsun;}
.ser1{ width:100%; height:495px; background:url(/template/default/image/xz.jpg) repeat-x; }
.ser1_1{ height:495px; position:relative;}
.ser1_1 span{
	width:563px;
	height:109px;
	position:absolute;
	font-size:46px;
	color:#FFF;
	background:#f39800;
	left: 305px;
	top: 142px;
	text-align:center;
	line-height:109px;+
}
.ser1_1 div{
	position:absolute;
	width:79px;
	height:26px;
	left: 540px;
	top: 360px;
}
.ser1_1 p{
	position:absolute;
	font-size:30px;
	left: 100px;
	top: 424px;
}
/*new*/
#new{ margin:50px auto;}
.new_l{ width:594px; height:522px; background:#f5f6f6; float:left; margin-top:45px;}
.ne1 span{ width:594px; height:169px; overflow:hidden; display:block;}
.ne1 span a img{ transition: all 0.5s; }
.ne1 span a:hover img{     transform: scale(1.1);
    transition: all 0.5s;}
.ne1 h2{ line-height:30px; padding:10px 10px; overflow:hidden;}
.ne1 p{ height:20px; padding:0px 10px; line-height:20px; color:#858585; overflow:hidden;}
.new_r{ width:594px; height:522px; background:#f5f6f6; float:right; margin-top:45px;}


#tab { /*width:412px; height:216px;*/ width:594px; height:522px; position:relative;/*margin:40px auto 0 auto;*/}
/*设置容器高宽等*/
html > body #tab { width:594px;}
/*兼容IE6:IE6下宽度不够*/
#tab div {
	position:absolute;
	top:92px;
	left:0;
	width:594px;
	height:430px;
}
/*设置容器高宽等*/
#tab div { display:none;}
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
#tab .block { display:block;}
/*选中的容器*/
#tab h3 { float:left; width:198px; height:70px; line-height:24px; padding:20px 0px 0px; margin:0 0 0 0; font-size:18px; cursor:pointer; background-color:#e3e3e3; text-align:center; color:#474747; font-weight:normal;}
/*默认标题样式*/
#tab .up { background:#f39800;color:#fff;}
/*选中的标题样式*/
/*修饰列表内容*/
#tab ul { list-style:none; padding:0; height:186px; margin-top:0px;}
#tab li { width:518px;  border-bottom:1px dotted #c6c6c6; height:97px; margin:10px auto; overflow:hidden; }
#tab li:last-child{ border-bottom:none; }
#tab li time {
    display: block;
    width: 84px;
    height: 84px;
    background: #f2f2f2;
    text-align: center;
    float: left;
    margin-right: 12px;
}
#tab li time span {
    display: block;
    font-size: 26px;
    line-height: 32px;
    margin-top: 14px;
}
#tab li time font {
    display: block;

}
#tab li  h2{ height:30px; line-height:30px;}
#tab li  p{ height:48px; line-height:24px; overflow:hidden; color:#b8b8b8; }

 /*页码*/
 .yema{width: 1200px;height: 30px;border: 1px solid blue;margin: 0 auto;margin-bottom: 80px;position: relative;} 
 .pagebar {
	 margin-bottom: 45px;
 }
 .pagebar .pagination {
   display: flex;
   justify-content: center;
   margin-top: 10px;
 }
 .pagination a {
   background: #fff;
   border: 1px solid #ccc;
   color: #333;
   font-size: 14px;
   padding: 8px 12px;
   margin: 0 5px;
   border-radius: 3px;
 }
 .pagination span {
	 color: #333;
	 font-size: 14px;
	 padding: 8px 2px;
	 margin: 0 5px;
	 border-radius: 3px;
 }
 .pagination a:hover {
   color: #ff0201;
   border: 1px solid #ff0201;
 }
 .pagination a .page-num-current {
   color: #fff;
   background: #ff0201;
   border: 1px solid red;
 }


/*到厂体验*/
.ty{ width:100%; height:221px; background:url(/template/default/image/ls.jpg) !important; margin:40px 0px 0px;}
.ty1{ height:171px; position:relative; padding-top:50px; color:#FFF;}
.ty1 p{ height:50px; line-height:50px; font-size:30px; text-align:center; }
.ty1 span{ width:272px; height:52px; line-height:52px; display:block; text-align:center;  border:1px #FFF solid; margin:20px auto; }
.ty1 span a{ color:#FFF; font-size:16px;}

/*foot*/
.foot{ width:100%;  height:auto; background:#3a3a3a; color:#c0c0c0; border-top:3px #f39800 solid; }
.ft{ min-height:200px; padding-top:40px;padding-bottom: 15px;}
.ft1{ float:left; margin-right:20px;}
.ft2{ width:410px; float:left;}
.ft2 ul li{ width:410px; height:34px; line-height:35px; float:left;}
.ft2 img{ padding:8px 10px 0px 0px; display:block; float:left;}
.ft_c{ font-size:26px;  font-family:Source Han Sans; font-weight:bold;  /*font-style: oblique;*/ color:#b38132;}
.ft3{ float:left; margin-left:40px;}
.ft3 ul{}
.ft3 ul li{ width:95px; float:left; margin:0px 20px 0px 0px; }
.ft3 ul li a{ color:#FFF;}
.ft3 ul li ul{ margin-top:15px;}
.ft3 ul li ul li{ width:90px; float:left; height:24px; line-height:24px; }
.ft3 ul li ul li a{ color:#c0c0c0;}
.ft4{ width:94px; float:right;}
.ft4 span{ height:30px; line-height:30px;}
.link{ margin:20px 0px;}
.link a{ padding:0px 10px;}
/* .ft_d{ height:58px; line-height:58px; text-align:center; background:#4f4f4f; } */
.ft_d{text-align:center; background:#4f4f4f; }