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

/*初始化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: #6fba2c;}
*/
/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

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

/*网站地图*/


.brand_newsW{margin-top: 1px; /*padding: 60px 0 90px 0;*/  width: 100%; background: #f1f0f0; position: relative;}

.brand_box{ max-width: 96%; margin: 0 auto;}
.brand_list{ position: relative; overflow: hidden;}
.brand_box .list{margin-bottom: 30px;}
.brand_box .list ul li{width: 30%;float: left;padding: 15px 1%;}
.brand_box .list ul li a{ display: block; padding: 0 6%;}
.brand_box .list ul li .pic{display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; padding-bottom: 134%;}
.brand_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;}
.brand_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;}
.brand_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;}
.brand_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;}
.brand_box .list .bx-prev:hover{background: url(../images/brand_arrowL2.png) 0 0 no-repeat; background-size: contain;}
.brand_box .list .bx-next:hover{background: url(../images/brand_arrowR2.png) 0 0 no-repeat; background-size: contain;}

.brand_Title h3{text-align: center; font-size: 18px; color: #3e3a39;font-weight: bold;}
.brand_Title img{text-align: center; font-size: 18px; color: #3e3a39;}
.brand_Title p{text-align: left; font-size: 18px; color: #3e3a39;padding: 0 14px;}
.brand_Title hr {padding: 0 14px; margin-top: 30px;}

.brand_Title .div_inline{display: inline-block;margin:0 7%}

.brand_list_img{text-align: center;width: 100%;background-color: #e6002d;line-height: 120px;}
.brand_list_s{text-align: center;font-size: 16px;}
.brand_list_s h3{text-align: left;font-size: 18px;color: #3e3a39;font-weight: bold;line-height: 60px;}
.brand_list_s p { text-align: left; font-size: 16px;color:lightgrey; margin-bottom: 10px;}
.brand_list_s a{text-align: center;background-color: lightgrey;line-height: 36px;color: #696969;}


.brand_hr{padding: 30px 14px;}



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


@media screen and (max-width:1023px){
 
  .brand_box .list ul{width: 96%}

.brand_box .list ul li{width:45%; float: left;padding: 15px 2%;}
  

}

@media screen and (max-width:768px){
  .brand_Title{font-size: 20px;}
  .brand_Title .div_inline{  margin: 0 2%;}
  .Mission_box .title{font-size: 18px;}
  .Mission_box .txt{font-size: 14px;}
  .brand_newsW{margin-top: 20px; padding-top: 20px;}
  .brand_box .list ul li .title{margin-top: 20px;}
  .brand_box .list .bx-prev{height: 35px; }
  .brand_box .list .bx-next{height: 35px; }
  .brand_newsW{padding: 20px 0;}


}



@media screen and (max-width:640px){
  .header_link .icon1,.header_link .icon2{    display: none}
  .header .nav ul li a{font-size: 14px;}


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

  

  .brandT_list{padding: 0;}
  .brandT_list ul li .pic{padding: 0 10%; height: 50px; line-height: 60px;}
  .brandT_list ul li .pic img{height:  40px;}
  .brandT_list ul li .title{font-size: 14px;}

  .brand_n{padding-top: 20px;}
  .brand_n .list .pic{width: 100%; padding-bottom: 67%;}
  .brand_n .list .box{width: 100%; margin-top: 20px;}
  .brand_n .list .box .title{width: 100%; height: auto;}


  .news-info .h5{font-size: 16px;}

  .link_list ul li{width: 48%;}

  .brand_link .list a{ width:21%;}

  .h_brandBox .box ul li .text .left{width:80%;  margin: auto;}
}
@media screen and (max-width:480px){

.brand_Title { font-size: 18px;}

}

#b259 .banner,
#b260 .banner,
#b259 .brandT,
#b260 .brandT{ display:none;}



/*2018-4-20*/
.hot_info{font-size:20px; padding:10px 0;width: 1200px;  max-width: 96%;  margin: 0 auto;color:#333}
.info_list {width: 1200px;  max-width: 96%;  margin: 0 auto;  padding-bottom:3%}
.info_list ul {padding:0; margin:0; overflow: hidden;}
.info_list ul li{ border-bottom: dotted 1px #ddd; line-height:30px; list-style:none; padding-left: 5%; background: url(../images/about_tip.png) 0 50% no-repeat; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}

@media screen and (min-width:640px){
  .info_list ul li{float: left;  width: 46%; padding-left: 3%;}
  .info_list ul li:nth-child(2n){ margin-left:2%; }
}



.bbj_history .pic{margin-top: 18%;}
.brand_newsW{ background: #fff;}
.brand_newsW_w{ background: #fff; margin-top: 0;}

@media screen and (max-width:640px){
  .brand_list{padding: 0 0;}
  .brand_box .list ul li{width: 96%;}
  .public_welfare dl{ padding: 1.5%!important;}
  .public_welfare dd{ position: static; width: 100%; transform: none; padding: 3%;}
}