* {
  margin: 0;
  padding: 0;
  font-family: "";
}

html,
body {
  min-height: 100%;
}

html {
  font-size: 14px;
}

.footer-contact a {
    color: #fff;
}

body {
  margin: 0 auto;
  line-height: 1;
}

a {
  text-decoration: none;
  transition: all .3s;
  color: #000;
}

a:hover {
  color: #ff222f;
}

li {
  list-style: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.fb {
  font-weight: 700;
}

.block {
  display: block;
}

a,
span,
label,
article {
  font-size: inherit;
}
.menu{height:35px;line-height:35px;width: 1150px;
    float: left;}
.menu ul li{ float:left; position:relative; width:150px;margin-top: 15px; z-index:999;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:35px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f00;}
.menu a{ font-size: 16px;
    color: #555556; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#f00;}
a.menu_hover{ color:#f00}

.vm {
  vertical-align: middle !important;
}

.line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.line-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.line-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.clearfix {
  zoom: 1;
}

.clearfix:after,
.clearfix:before {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.width1100 {
  width: 1100px;
  margin: 0 auto;
}

.width1200 {
  width: 1200px;
  margin: 0 auto;
}

.width1300 {
  width: 1340px;
  margin: 0 auto;
}

.width1400 {
  width: 1400px;
  margin: 0 auto;
}

.text-center {
  text-align: center;
}

.img100 {
  width: 100%;
  display: block;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt80 {
  margin-top: 80px;
}

.mt170 {
  margin-top: 170px;
}

.i-title {
  display: block;
  margin: 0 auto 120px;

}

.i-title-about {
  height: 155px;
  width: 69px;
  background-position: 0 0;
  margin: 0;
}

.i-title-news {
  height: 1px;
  width: 315px;
  background-position: -148px 0;
}

.i-title-products {
  height: 1px;
  width: 315px;
  background-position: -1198px 0;
}

.i-title-store {
  height: 1px;
  width: 315px;
  background-position: -1021px 0;
}

/* .brand-title {
  height: 45px;
  width: 176px;
  background-position: -845px 0;
} */
.brand-title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 100px;
  color: #333;
  font-weight: normal;
}

.brand-title-event {
  float: left;
  width: 28px;
  line-height: 36px;
}
.brand-title-origin{
  float: right;
  width: 28px;
  margin-left: 28px;
  line-height: 36px;
}

/* .origin-title {
  margin: 0;
  margin-left: 70px;
  height: 674px;
  width: 79px;
  background-position: -69px 0;
} */
.name-title {
  height: 45px;
  width: 176px;
  background-position: -493px 0;
}

.culture-title {
  height: 45px;
  width: 176px;
  background-position: -317px 0;
}

.company-title {
  width: 176px;
  height: 45px;
  background-position: -669px 0;
}

.banner img {
  display: block;
  width: 100%;
}

.swiper-pagination-bullet-active {
  background: #ff222f;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

header {
  width: 1340px;
  margin: 0 auto;
  padding: 28px 0;
}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
header nav>a {
  float: left;
  margin-top: 15px;
  font-size: 16px;
  color: #555556;
  margin-right: 52px;
}

header nav h1 {
  float: left;
  margin: 0 95px;
}

header .tel {
  float: right;
}

header .tel .icon-weixin {
  float: left;
  margin-top: 15px;
}

header .tel p {
  font-size: 16px;
  text-align: center;
  line-height: 25px;
  color: #bf0000;
}

.page ul {
  text-align: center;
  margin-top: 50px;
}

.page ul li {
  border: 1px solid #bfbfbf;
  color: #9f9f9f;
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 10px;
  cursor: pointer;
}

.page ul li.thisclass {
  transition: all .3s;
  background: #000;
  color: #FFFFFF;
  border-color: #000;
}

.page ul li:last-child {
  border: 0;
}

.pro-article article {
  margin: 20px auto;
  width: 1100px;
  height: 542px;
  position: relative;
  background: #f5f3f4;
}

.pro-article article img {
  display: block;
  width: 523px;
  height: 462px !important;
  font-size: 0;
  position: absolute;
  top: 52px;
  left: 65px;
}

.pro-article article h3 {
  width: 250px;
  height: 80px;
  position: absolute;
  left: 692px;
  top: 122px;
  font-size: 27px;
  font-weight: 800;
}

.pro-article article div {
  width: 250px;
  line-height: 26px;
  font-size: 12px;
  left: 692px;
  top: 197px;
  position: absolute;
}

.pro-article article div p {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
}

.pro-article .pro-tit {
  display: block;
  margin: 0 auto;
}

.navtree {
  width: 1200px;
  margin: 50px auto
}

.pro-article .tit_2 {
  text-align: center;
}

.pro-article .tit_2 a {
  display: inline-block;
  font-weight: 100;
  background: #000000;
  width: 86px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  border-radius: 15px;
  text-align: center;
}

.article {
  width: 1280px;
  margin: 90px auto 0;
}

.article .main {}

.article .main h2 {
  font-size: 26px;
  font-weight: normal;
  color: #191919;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.article .main .meta-info {
  font-size: 14px;
  color: #000;
  text-align: center;
}

.article .main article {
  margin-top: 30px;
  font-size: 14px;
  line-height: 1.8;
  color: #808080;
}

.article .main article>div,
.article .main article>p {
  margin-bottom: 10px;
}

.article .main article img {
  display: block;
  margin: 0 auto 10px;
  max-width: 100%;
}

.article .recommend {
  float: left;
  width: 290px;
}

.article .recommend li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.article .recommend li a {
  display: block;
}

.article .recommend li:hover h3 {
  color: #ff222f;
}

.article .recommend li h3 {
  transition: all .3s;
  font-weight: normal;
  color: #373A41;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 10px;
}

.article .recommend li p {
  color: #bfbfbf;
  font-size: 12px;
}

.prenext-inner {
  margin-top: 23px;
width:1200px;
margin:10px auto;
}

.prenext-inner div {
  float: left;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prenext-inner div a {
  padding: 0 10px;
  font-size: 14px;
  color: #606060;
}

.prenext-inner div a:hover {
  color: #ff222f;
}

.prenext-inner div ul li {
  float: left;
  width: 50%;
}

.prenext-inner .next-inner {
  text-align: right;
}

.text-right {
  text-align: right;
}

footer {
  margin-top: 120px;
  overflow: hidden;
  padding-top: 60px;
  background: #2c2a2d;
  color: #fff;
}

footer .btm-logo {
  float: left;
  margin-right: 10px;
}

footer .links dl {
  float: left;
  width: 72px;
  margin: 0 8px;
  text-align: center;
  color: #fff;
}

footer .links dl dt {
  font-size: 18px;
  margin-bottom: 44px;
}

footer .links dl dd {
  line-height: 25px;
}

footer .links dl dd a {
  display: block;
  color: #fff;
}

footer .links dl dd a:hover {
  color: #ff222f;
}

footer .links p {
  line-height: 22px;
  margin-bottom: 20px;
}

footer .links p img {
  display: block;
  margin: 0 auto 15px;
}

footer .tel {
  float: left;
  margin-left: 70px;
}

footer .tel p {
  float: left;
  text-align: center;
  font-size: 17px;
  color: #fff;
  margin: 0 10px;
}

footer .tel p img {
  display: block;
  margin: 0 auto 35px;
}

footer .tel .tel-num {
  border-top: 2px solid #fff;
  padding: 25px 0;
  border-bottom: 2px solid #fff;
  text-align: left;
}

footer .tel .tel-num span {
  margin-top: 10px;
  display: block;
  font-size: 25px;
  font-weight: bold;
}

footer .footer-contact {
  background: #222222;
  padding: 30px 0 70px;
  margin-top: 35px;
}

footer .footer-contact form td {
  vertical-align: middle;
}

footer .footer-contact form textarea {
  width: 1267px;
  vertical-align: top;
  resize: none;
  padding: 10px;
  outline: none;
  border: none;
  border-radius: 3px;
  background: linear-gradient(to bottom, #545154, #363437);
  color: #fff;
}

footer .footer-contact form input {
  width: 536px;
  line-height: 33px;
  padding: 0 10px;
  outline: none;
  border-radius: 3px;
  border: 0;
  margin-bottom: 35px;
  background: linear-gradient(to bottom, #545154, #363437);
  color: #fff;
}

footer .footer-contact form .submit {
  cursor: pointer;
  width: 75px;
  line-height: 28px;
  border: solid 1px #ffffff;
  font-size: 18px;
  color: #ffffff;
  background: none;
  margin: 35px 0 0 50px;
  text-align: center;
  padding: 0;
}

footer .footer-contact p {
  margin-top: 50px;
  overflow: hidden;
  color: #fff;
}

footer .footer-contact p span {
  float: right;
}

.friendly_href{
 width:1200px;
margin:20px auto;
 line-height:30px;
}

.friendly_href a{
 color:#fff;
 line-height:30px;
margin-right:10px;
}



.slide_info {
    transition: all .3s;
    opacity: 0;
}
.slide_info a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 250px;
    color: #fff;
    background: #000;
    opacity: .8;
    font-size: 20px;
}
.swiper-slide:hover .slide_info {
    opacity: 1;
}