@charset "utf-8";
/*全局初始化样式*/


/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;}
/*表单元素获得焦点时不显示虚线框*/



/*初始化a的样式和字体样式
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #1266ff;}
*/
/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
  font-size: 0px;}
.clearfix { zoom: 1;}



/*全局样式*/
.menu_list{float: left; /*width: 65%;*/ margin-top: 32px;}
.menu_list ul li{float: left; line-height: 24px;}
.menu_list ul li a{font-size: 14px; color: #666; margin-left: 22px;}
.menu_list ul li.on a,.menu_list ul li:hover a{color: #808080;}


.Mission{width: 1200px; max-width: 96%; margin: 80px auto 0;}
.Mission .brand_more{display: block; width: 180px; height: 47px; text-align: center; line-height: 47px; margin: 40px auto 0; background: #6fba2c;}
.Mission .brand_more span{color: #fff; padding-right: 24px; background: url(../images/more_arrow.png) 100% 50% no-repeat;}
.Mission_box{margin-top: 45px;}
.Mission_box .title{font-size: 26px; color: #3e3a39; font-weight: normal; text-align: center; border-bottom: 1px solid #ccc;}
.Mission_box .txt{ color: #808080; font-size: 16px; margin-top: 15px; line-height: 28px;}
.Mission_box .txt p{color: #3e3a39; font-size: 36px; margin-top: 15px;padding: 28px;text-align: center;line-height: 40px;}
.Mission_box .pic{text-align: center; margin: 42px 0 18px;}
.a_history{ overflow: hidden;padding: 10% 0;}
.a_history .pic{ float: left; width: 48%; text-align: right;}
.a_history .list{ float: right; width: 48%; margin-top: 26px;color: #808080;}
.a_history dl{ position: relative; padding-bottom: 20px; border-left: 1px solid #9f9f9f; padding-left: 20px; margin: 0;}
.a_history dt{ position: relative; font-size: 22px; font-weight: bold;}
.a_history dt:before,
.a_history dt:after,
.a_history p:before{ content: ''; position: absolute; left: -15px; top: 0; border-radius: 100%;}
.a_history dt:before,
.a_history dd:before{ width: 11px; height: 11px; background: #9f9f9f;}
.a_history dt:before{ left: -26px;top: 7px;z-index: 2;}
.a_history dt:after{width: 23px;height: 23px;border: 1px solid #9f9f9f;background: #fff;left: -33px;}
.a_history dd{ padding: 0; margin: 0;}
.a_history p{position: relative;font-size: 16px;margin: 0;line-height: 30px;}
.a_history p:before{background: #fff;border: 2px solid #9f9f9f;z-index: 2;width: 7px;height: 7px;left: -26px;top: 8px;}
.a_history dl:last-child dt,
.a_history dl:last-child p{ color: #000;}
.a_history dl:last-child dt:before,
.a_history dl:last-child dd:before,
.a_history dl:last-child p:before{ background: #000;}
.a_history dl:last-child dt:after,
.a_history dl:last-child p:before{ border-color: #000;}

.ww_history{ padding: 3% 0;}

.sw_sub{ text-align: center;color: #808080; font-size: 16px; line-height: 28px;}
.sw_sub img{width: 90%; padding: 5%;}
.sw_sub strong{ font-size: 20px;color: black; }
.sw_sub p{ font-size: 16px; }

.swiper-button-prev{
  width:22px;height:38px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f2f2f2'%2F%3E%3C%2Fsvg%3E") no-repeat;
  left: 40px;
  margin-top: 12px;
}
.swiper-button-next{
  width:22px;height:38px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f2f2f2'%2F%3E%3C%2Fsvg%3E") no-repeat;
  right: 40px;
  margin-top: 12px;
}


@media screen and (max-width:1400px){
  .h_brand{ max-width:92%}
}
@media screen and (max-width:960px){
  .h_brandBox .tab{border-radius:10px 10px 0 0;}
  .h_brandBox .tab ul li:first-child{ border-top-left-radius:10px;}
  .h_brandBox .tab ul li:last-child{ border-top-right-radius:10px;}
}


.prod_newsW{margin-bottom: 70px; /*padding: 60px 0 90px 0;*/  width: 100%; background: #f1f0f0; position: relative;}

.prod_box{width: 1200px; max-width: 96%; margin: 0 auto;}
.brand_list{padding: 0 6%;  position: relative; overflow: hidden;}
.prod_box .list{margin-top: 70px;}
.prod_box .list ul li{width: 33.33%; float: left;}
.prod_box .list ul li a{ display: block; padding: 0 6%;}
.prod_box .list ul li .pic{display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; padding-bottom: 134%;}
.prod_box .list ul li .title{text-align: left; display: block; margin-top: 20px; font-size: 16px; overflow: hidden;height: 220px;padding: 0 10px;color: #000;}
.prod_box .list ul li .title em{display: block; /*overflow: hidden; text-overflow:ellipsis; white-space: nowrap;*/ font-size: 14px; font-style: normal; color: #0081cc;margin-top: 10px;}
.prod_box .list .bx-prev{width: 27px; height: 52px; position: absolute; left: 0; top: 50%; margin-top: -26px; background: url(../images/brand_arrowL.png) 0 0 no-repeat; text-indent: 28px; overflow: hidden; background-size: contain;}
.prod_box .list .bx-next{width: 27px; height: 52px; position: absolute; right: 0; top: 50%; margin-top: -26px; background: url(../images/brand_arrowR.png) 0 0 no-repeat; text-indent: 28px; overflow: hidden; background-size: contain;}
.prod_box .list .bx-prev:hover{background: url(../images/brand_arrowL2.png) 0 0 no-repeat; background-size: contain;}
.prod_box .list .bx-next:hover{background: url(../images/brand_arrowR2.png) 0 0 no-repeat; background-size: contain;}




.prod_Title{text-align: center; font-size: 34px; padding: 30px;}
.prod_Title i{display: block; width: 105px; height: 1px; margin: 12px auto 0; background: #696969;}
.prod_Title .div_inline{display: inline-block;margin:0 7%}



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

  .prod_newsW:after{left: 0; margin-left: 0; width: 100%; background-size: contain;}
}




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

s  .prod_Title{font-size: 20px;}
.prod_Title .div_inline{  margin: 0 2%;}
 
  .prod_newsW{margin-top: 20px; padding-top: 20px;}
  .prod_box .list ul li .title{margin-top: 20px;}
  .prod_box .list .bx-prev{height: 35px; }
  .prod_box .list .bx-next{height: 35px; }
  .prod_newsW{padding: 20px 0;}

.swiper-button-prev{
  width:20px;
  height:38px;
  left: 10px;
      margin-top: 10px;
}
.swiper-button-next{
  width:20px;
  height:38px;
  right: 10px;
      margin-top: 10px;
}


}



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

.prod_Title .div_inline{  margin: 0 1%;}
.prod_Title .div_inline i{ width: 90px;}

  

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

.prod_Title { font-size: 18px;}

}

@media screen and (min-width:640px){
  
}

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

}


.prod_newsW{ background: #fff;}
.prod_newsW_w{ background: #fff; margin-top: 0;}

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

  .prod_box .list ul li{ width: 50%;}
    .a_history .pic,
  .a_history .list{ float: none; width: 100%;}
  .a_history .pic{ margin: 0 0 4%!important;}
  .a_history .list{ margin-top: 0!important;width: 90%;margin-left: 5%;}
 
}