@charset "utf-8";
@import "../iconfont/iconfont.css";
/* CSS Document */
body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #666; font: 14px/1 "Arial", "微软雅黑"; margin: 0; padding: 0; overflow: hidden; }

body,html{
  scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 { font-size: 14px; padding: 0; margin: 0; }
ul, ol, li, dl, dt, dd { list-style: none; text-decoration: none; height: auto; padding: 0; margin: 0; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 14px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }
q:before, q:after { content: '';}
p { margin: 0; padding: 0; }
/* 重置表单元素 */
legend { color: #333; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }
/* 重置表格元素 */
/* 重置 hr */
hr { border: none; height: 1px; }
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
:hover { text-decoration: none !important;}
html { overflow-y: scroll; }
:link { text-decoration: none; color: #666; }
:visited { text-decoration: none; color: #666; }
.fl { float:left;}
.fr { float:right;}
[data-mfp-src],
.btn-img-popup {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

@media (max-width:767px) {
	.hidden-xs {
		display: none !important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hidden-sm {
		display: none !important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.hidden-md {
		display: none !important
	}
}

@media (max-width: 992px) {
	.container {padding: 0 15px;}
}

@media (min-width: 1440px) {
	.container {max-width: 1440px}
}
/*======================公用样式=======================*/
.wrap { width: 100%; }
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
	 background: rgba(0, 0, 0, 0.85);
     transition: all 0.5s;
     z-index: 999;
     transition: all 0.5s;
     top: 0;
	 border-bottom: 2px solid #d00010;

}
#header .container {padding: 0;}
.fixed-top-index {}

#header .header-container {
 
}

#header.header-scrolled {


  top: 0;
}


@media (max-width: 992px) {
  #header {
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    top: 0;
    background: #000;
  }
  #header.header-scrolled, #header .header-container {
    background: #000;
  }

}
.logo {float: left;}
@media (max-width: 991px) {
	.logo img {width: 150px;}
}
.other-side {width: 10%; float: right;}


.other-side .land {float:left; font-size: 16px; margin-top:10px; margin-left: 15px;}
.other-side .land a {color: #202020;}

.header-lang {float: left; position: relative; height: 20px; background: url("../images/lang.png") no-repeat top left; }
.header-lang span {display: block; width:110px; height: 20px; position: absolute; top: 0;left: 0;}
.header-lang i {margin-left: 74px;}
.header-lang a {color: #fff; line-height: 20px; padding-left: 28px;}
.header-lang a:hover {color: #d22c2e!important;}
.header-lang span:hover {color: #d22c2e!important;}
.header-lang span {color: #fff; line-height: 20px; padding-left: 27px;font-weight: bold;font-family: "Poppins", sans-serif;}
.header-lang ul {display: none;background: rgba(0, 0, 0, 0.75);padding: 10px 0;}
.header-lang ul li {padding:10px;margin-right: 34px;}
.header-lang ul li a {line-height: 30px; }
.header-lang:hover ul {display: block; position: absolute; top: 15px; left: 0;}
.header-lang:hover ul li {line-height: 20px; padding: 0 8px;}
.lang {display: none;}


@media (max-width: 992px) {
	.other-side {width: 18%; position: absolute; top:20px; right: 50px;}
	.other-side .land {font-size: 14px;}
	.other-side span {margin-left:10px;width:80px;font-size: 14px; line-height: 25px; }

	.header-lang {display: none;}

	.lang {display: block; }	
	.lang a {float: left; margin-left: 10px;}
	.lang img {}
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 20px;
  color: #fff;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 500;
  /*text-transform: uppercase;*/
  font-family: "Poppins", sans-serif;
  white-space: nowrap;
  transition: 0.3s;
	 font-weight: bold;
}

.navbar a span {font-size: 16px;}
.navbar a i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover, .navbar .active, .navbar li:hover > a {
  color: #d22c2e!important;
  /*border-bottom: 2px solid #d22c2e;*/
}

.navbar .getstarted {
  display: none;
}



.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding:5px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  text-transform: none;
  font-weight: 500;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #d22c2e;
}

.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #fff;
  font-size: 28px!important;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@media (max-width: 991px) {
	#header .container {padding: 0 15px;}
  .mobile-nav-toggle {
    display: block;
  }
  .navbar ul {
    display: none;
  }
	.navbar a span {font-size: 15px}
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(29, 28, 31, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a {
  padding: 10px 20px;
  font-size: 14px;
  color: #36343a;
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #d22c2e;
}

.navbar-mobile .getstarted {
  display: block;
  margin: 15px;
}
.search-i {width: 100%; position: absolute; top:18px; right: 0; }
.search-i .search-form{position:relative}
.search-i .search-form .search-input{display:block;width:100%;height:34px;line-height:initial; background: #171717; border: 0; border-radius:13px;color:#fff;outline:0;-webkit-transition:.5s;transition:.5s; padding-left:10px}
.search-i .search-form .search-button{position:absolute;right:0;top:0;height:34px;background:0 0;border:0;width:50px;outline:0;-webkit-transition:.5s;transition:.5s;padding:0;cursor:pointer}
.search-i .search-btn{-webkit-transition:all .5s;transition:all .5s;font-size:16px;}
.search-i i {color: #fff; font-weight: bold;}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #009970;
}

.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}
	
.ban-pc {display: block;}
.ban-pc .swiper-slide .main {position: absolute; top: 218px; left: 11%;}
.ban-pc .swiper-slide .main img {}
.ban-pc .swiper-slide .main .more {margin-top: 100px; width: 180px; line-height: 46px; border-radius: 23px; background: #026dbd; text-align: center; font-size: 16px;}
.ban-pc .swiper-slide .main .more a {color: #fff;}
.ban-pc img {width: 100%;}
.ban-mobile {display: none;}
.ban-mobile .swiper-pagination-bullet {opacity: 1; background: #fff;}
.ban-mobile .swiper-pagination-bullet-active {width:26px; border-radius: 7px; background: #fff!important;}
.ban-mobile img {width: 100%; height: auto;}

.ban-pc .swiper-pagination-bullet-active {width:26px; border-radius: 7px; background: #fff!important;}
.ban-pc .swiper-pagination-bullet { background: #fff; opacity:1!important;}
.ban-pc .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:47px!important;}
.ban-pc .swiper-slide .link {position: absolute; top: 65%; left: 12.5%;width:248px; line-height:60px; border-radius:30px; text-align: center; background: #d00010;}
.ban-pc .swiper-slide .link :hover{background: #bb000e;border-radius:30px;}
.ban-pc .swiper-slide .link a {display:block; font-size: 22px; color: #fff;}

/*首页*/
.index-search {padding: 60px 0 100px 0; background: #1a1a1a;}
.index-search .tit {font-size: 66px; color: #fff; font-weight: bold;text-align: center;margin-bottom: 55px;}
.search-in {width:100%;  overflow: hidden;}
.search-in .search-form{position:relative}
.search-in .search-form .search-input{display:block;width:100%;height:60px;line-height:initial;border:1px solid #eee;color:#888;outline:0;padding-top:4px;padding-left:20px}
.search-in .search-form .search-button{position:absolute;right:0;top:0;height:60px;background:0 0;border:0;width:50px;outline:0;padding:0;cursor:pointer}
.search-in .search-btn{-webkit-transition:all .5s;transition:all .5s;font-size:18px;color:#888}
.search-in .search-form i {color: #888; font-size: 20px;}
@media (max-width: 992px) {
	.index-search {padding:30px 0 40px 0;}
    .index-search .tit {font-size:28px;margin-bottom: 20px;}
	.search-in .search-btn{font-size:14px;}
    .search-in .search-form i {font-size: 16px;}
}

.hot-pro {width: 100%; background: url("../images/hot-probg.jpg") no-repeat center; overflow: hidden; padding:75px 0 20px 0;}
.hot-pro .tit {text-align: center;}
.hot-pro .tit span {display: block; font-size: 18px; color: #e70012;margin-bottom: 20px;}
.hot-pro .tit em {display: block; font-size: 66px; color: #fff; font-weight: bold;}
.hot-pro-main {margin-top: 50px;}
.hot-pro-main ul {padding-bottom: 30px;}
.hot-pro-main li {width: 33.33%; float: left; padding:0 0.5rem; display:block;}
.hot-pro-main .swiper-pagination-bullet-active {width:26px; border-radius: 7px; background: #fff!important;}
.hot-pro-main .swiper-pagination-bullet { border-radius: 8px; background: #fff;opacity:1!important; margin:0 5px}
.hot-pro-main .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:47px!important;}
.hot-pro-main .bottom50 {height: 80px;}
.hot-pro-main .con .pic {overflow: hidden;}
.hot-pro-main .con .pic img {width: 100%; }

@media (max-width: 991px) {
	.hot-pro {padding: 40px 0 5px 0;}
    .hot-pro .tit span {font-size:16px;}
	.hot-pro .tit em {font-size:28px;}
	.hot-pro-main {margin-top: 30px;}
	.hot-pro-main ul {padding-bottom: 0;}
	.hot-pro-main li {width:100%;}


}




/*首页关于我们*/
.index-about {width: 100%; padding: 70px 0 90px 0; background: #1a1a1a;}
.index-about-fl {margin-top: 27px; overflow: hidden;}
.index-about-fl .t-1 {font-size: 20px; color: #fff; margin-bottom: 35px;}
.index-about-fl .t-2 {font-size: 63px; font-weight: bold; color: #fff; margin-bottom: 10px;}
.index-about-fl .t-3 {font-size: 63px; font-weight: bold; color: #e70012; margin-bottom:30px; position: relative; z-index: 1; display:inline-block;}
.index-about-fl .t-3:after{content:"";position:absolute;left:0px;bottom:-5px;height: 50%; background: #621117; z-index: -1; width: 100%;}
.index-about-fl .t-4 {color: #bbb; font-size: 16px; line-height: 30px; margin-bottom: 40px;}
.index-about-fl .link {width:248px; line-height:60px; border-radius:30px; text-align: center; background: #d00010;}
.index-about-fl .link :hover{background: #bb000e;border-radius:30px;}
.index-about-fl .link a {display:block; font-size: 22px; color: #fff;}
.index-about-fr {overflow: hidden;}
.index-about-fr .pic1 {float: right;}
.index-about-fr .pic2 {float: right;}

@media (max-width: 991px) {
	.index-about {padding: 40px 0;}
	.index-about-fl {margin-top: 0;}
	.index-about-fl .t-1 {font-size: 16px; margin-bottom: 25px;}
	.index-about-fl .t-2 {font-size: 28px;}
	.index-about-fl .t-3 {font-size: 28px; margin-bottom: 20px;}
	.index-about-fl .t-4 {font-size: 14px; line-height: 25px; margin-bottom: 25px;}
	.index-about-fl .link {line-height: 40px;}
	.index-about-fl .link a {font-size: 16px;}
	.index-about-fr .pic1 {display: none;}
	.index-about-fr .pic2 {float: none; margin-top: 20px;}
	.index-about-fr .pic2 img {width: 100%;}
}







/*首页新闻*/
.index-news {width: 100%; background: #000; overflow: hidden; padding: 120px 0  95px 0;}
.index-news-fl {width: 30%; float: left;}
.index-news-fl .t-1 {font-size: 56px; font-weight: bold; color: #fff; margin-bottom: 40px;}
.index-news-fl .t-2 {line-height: 29px; color: #bbb; margin-bottom: 60px;}
.index-news-fl .link {width:248px; line-height:60px; border-radius:30px; text-align: center; background: #d00010;}
.index-news-fl .link :hover{background: #bb000e;border-radius:30px;}
.index-news-fl .link a {display:block; font-size: 22px; color: #fff;}
.index-news-fl .pic {margin-top: 45px;}

.index-news-fr {width: 65%; float: right;}
.index-news-fr .con {}
.index-news-fr .con .img {overflow: hidden; margin-bottom: 24px;}
.index-news-fr .con img {width: 100%;}
.index-news-fr .con .img img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
.index-news-fr .con:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
.index-news-fr .con .time {margin-bottom: 14px; line-height: 16px; color: #bbb; font-size: 16px;}
.index-news-fr .con .time i {margin-right: 16px; color: #bc000f;}
.index-news-fr .con .txt {font-size: 24px; line-height: 31px; font-weight: bold; color: #fff; margin-bottom: 32px;}
.index-news-fr .con .txt a {color: #fff;}
.index-news-fr .con .more {font-size: 20px; line-height: 24px;}
.index-news-fr .con .more a {color: #fff;}
.index-news-fr .con .more span {display: block; float: left;}
.index-news-fr .con .more i {display: block; float: left; width: 24px; height: 24px; background: url("../images/news-more.jpg") no-repeat;margin-left: 8px;}

@media (max-width: 991px) {
    .index-news {padding: 40px 0;}
	.index-news-fl {width: 100%; margin-bottom: 20px;}
	.index-news-fl .t-1 {font-size: 28px;margin-bottom: 20px;}
	.index-news-fl .t-2 {margin-bottom: 20px;}
	.index-news-fl .link {line-height: 40px;}
	.index-news-fl .link a {font-size: 16px;}
	.index-news-fl .pic {display: none;}
	.index-news-fr {width: 100%;}
	.index-news-fr .col-lg-6 {margin-bottom: 20px;}
	.index-news-fr .con {margin-bottom: 20px;}
	.index-news-fr .con .txt {font-size: 16px; line-height: 28px; margin-bottom: 20px;}
	.index-news-fr .con .more {font-size: 16px;}
}

.foot-contact {width: 100%; background: #d00010; padding: 43px 0; overflow: hidden;}
.foot-contact .t-1 {line-height: 30px; font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 15px;text-transform: uppercase;}
.foot-contact .t-2 {font-size: 16px; color: #fff;text-transform: uppercase;}
.foot-contact .con-email {margin-top: 8px; float: right; width: 180px; line-height: 44px; text-align: center; border: 1px solid #fff;}
.foot-contact .con-email :hover{background: #bb000e;}
.foot-contact .con-email a {display: block; font-size: 16px; color: #fff;}
.foot-contact .con-email a i {margin-right: 10px;}
@media (max-width: 991px) {
	.foot-contact {padding: 40px 0;}
	.foot-contact .t-1 {font-size: 18px;}
	.foot-contact .t-2 {font-size: 14px; line-height: 25px;}
	.foot-contact .con-email {margin-top: 15px; float: none;}
}
/*底部*/
.foot { width: 100%;  background:#1a1a1a; overflow: hidden;}
.foot-con {padding: 63px 0 70px 0; color: #aaa;}
.foot-con a {color: #aaa;}

.foot-con .tit {width: 100%; overflow: hidden; font-size:20px; color: #fff; position: relative; padding: 29px 0 20px 0;}
.foot-logo {margin-bottom:30px; overflow: hidden;}
.foot-logo img {}
.foot-txt {line-height: 28px;}
.foot-link {margin-top: 28px; overflow: hidden;}
.foot-link span {width: 32px; height: 32px; float: left; margin-right: 10px; display: block;}

.foot-nav {width: 90%; padding-left: 5%;padding-right: 5%;}


.foot-nav ul {width:66%; overflow:hidden; margin-top:16px; float: left;}
.foot-nav ul li {width:100%; overflow:hidden; line-height:30px; position: relative; text-indent: 12px;}
.foot-nav ul li a {font-size:14px; color:#6b6b6b;}
.foot-nav ul li a:before{content:"";position:absolute;left:0px; top: 12px; width: 5px; height: 5px; background: #aaa;}
.foot-nav ul li a:hover{color:#e70012;}

.foot-nav ul:first-child {margin-right:20px;}

.foot-lx {margin-top: 8px;}
.foot-lx .add {margin-bottom: 14px;}
.foot-lx .add span {display: block; float: left;   margin-right: 16px;}
.foot-lx .add span i {font-size: 22px; color: #e70012;}
.foot-lx .add em {width: 90%; display: block; float: left; line-height: 18px;}
.foot-lx .txt {line-height: 40px; clear: both;}
.foot-lx .txt i {margin-right: 17px;color:#e70012;}
.foot-lx .link {margin-top: 26px; font-size: 12px; }
.foot-lx .link a {color: #e70012;text-decoration: underline;}


.foot-copy {background: #040404; text-align: center; line-height: 62px; color: #fff;}
.foot-copy span {color: #e70012;}

@media screen and (max-width:992px){
	.foot-con {padding:40px 0;}
	.foot-nav,.foot-lx {display: none;}
	.foot-copy {font-size: 12px; line-height: 25px; padding: 20px 0;}
}
.GoTop{background: rgba(255,255,255,0.15) url(../images/gotop.png) no-repeat center;}
.GoTop:hover{background-image: url(../images/gotop1.png);background-color: rgba(0,0,0,.1);}
.GoTop.active, 
.myTop a.active {
    opacity: 1;
    visibility: visible;
}
.myTop{width: 80px; height:320px;position: fixed;right: 0;bottom: 0px; z-index: 99;}
.myTop a{width: 100%; 
	height: 80px;
	opacity: 0; 
	visibility: hidden;
	text-align: center;
	line-height: 80px;
	color: #000; 
	display: block; 
	position: relative;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;
}
.myTop p{height: 80px; line-height: 80px; width: 300px;color: rgba(0,0,0,0); padding-left: 60px; font-size: 14px; background: rgba(255,255,255,0.15); position: absolute; left: 0; top: 0;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.myPhone p{background: rgba(255,255,255,0.15) url(../images/mynum.png) no-repeat 26px center;}
.myPhone:hover p{background: rgba(0,0,0,.4) url(../images/mynum1.png) no-repeat 26px center;left: -220px;color: #fff;}
.myf{background: rgba(255,255,255,0.15) url(../images/fb1.png) no-repeat center;}
.myf:hover{background-image: url(../images/fb.png);background-color: rgba(0,0,0,.1);}
.mye{background: rgba(255,255,255,0.15) url(../images/em1.png) no-repeat center;}
.mye:hover{background-image: url(../images/em.png);background-color: rgba(0,0,0,.1);}
.myTop a,.myTop p,.GoTop{height: 60px;line-height: 60px;}
@media screen and (max-width:992px){
	.myTop {display: none;}
}

/*内页*/
.inner-banner{
    position: relative;text-align: center; overflow: hidden;
    background-repeat: no-repeat; background-position: center;
    background-size: cover;
}
.inner-banner .content {    
	width: 88%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    color: #fff;
}
.inner-banner .location {position: absolute; left: 12.5%; bottom: 50px; font-size: 16px; color: #fff;text-transform: uppercase;}
.inner-banner .location a{ color:#fff;}
.inner-banner .location a:first-child {color: #e00011;}

.inner-banner span{font-size: 80px; line-height: 1; font-weight: bold; display: block;}
.inner-banner .en{font-size:16px;font-weight: normal;}
.inner-banner .img{width: 100%; visibility: hidden; max-width: none;}
.mobile-b {widows: 100%; height: 60px; display: none;}
@media (max-width: 992px) {
  .mobile-b {display: block;}	
  .inner-banner {height:190px;}
  .inner-banner span{font-size: 28px;margin-bottom: 15px; }
  .inner-banner em{font-size: 18px;margin-bottom: 25px; }
	.inner-banner .location {left: 6%; bottom: 20px; font-size: 14px;}	
  .inner-banner .img {height: 211px;}
}

.gynav-MQkitchen-bj{
	width: 100%;
	border-top: 1px solid rgba(255,255,255,.3);
	background: rgb(0 0 0 / 70%);
	margin-top: -60px;
    position: relative;
	z-index: 2;
}
.gynav-MQkitchen-bj .pro-n {}
.gynav-MQkitchen-bj .pro-n a {width:25%; border-bottom: 1px solid rgba(255,255,255,.3);}
.gynav-MQkitchen-bj .pro-n a:nth-child(5) { border-left: 1px solid rgba(255,255,255,.3);}
.gynav-MQkitchen{
	text-align: center;
	color: #fff;
	font-size: 0;
}
.gynav-MQkitchen>div{
	display: inline-block;
	width: 25%;
	border-right: 1px solid rgba(255,255,255,.3);
	font-size: 16px;
	line-height: 60px;
	transition: all .3s;
  -webkit-transition:all .3s;
  cursor: pointer;
}
.gynav-MQkitchen>div:first-child{
	border-left: 1px solid rgba(255,255,255,.3);
}
.gynav-MQkitchen>div:hover{
	background: #d91b23;
	transition: all .3s;
  -webkit-transition:all .3s;
}
.gynav-MQkitchen>a{
	display: inline-block;
	width: 25%;
	border-right: 1px solid rgba(255,255,255,.3);
	font-size: 16px;
	color: #fff;
	line-height: 60px;
	transition: all .3s;
  -webkit-transition:all .3s;
  cursor: pointer;
}
.gynav-MQkitchen>a:first-child{
	border-left: 1px solid rgba(255,255,255,.3);
}
.gynav-MQkitchen>a:hover{
	background: #d91b23;
	color: #fff;
	transition: all .3s;
  -webkit-transition:all .3s;
}
.gynav-MQkitchen>a.on{
	background: #d91b23;
	transition: all .3s;
  -webkit-transition:all .3s;
}
@media (max-width: 992px) {
  .gynav-MQkitchen { padding: 0 !important;}
  .gynav-MQkitchen-bj {margin-top: -30px;}
  .gynav-MQkitchen-bj-2 {margin-top: -21px;}
  .gynav-MQkitchen-bj-3 {margin-top: 0}	
  .gynav-MQkitchen-bj-3 .gynav-MQkitchen>a{width:100%; line-height:30px; font-size: 12px;}
  .gynav-MQkitchen>div, .gynav-MQkitchen>a {font-size:12px; line-height:30px;}
}

.inner {width: 100%; padding: 60px 0; background: #f7f7f7; overflow: hidden;}
@media (max-width: 991px) {
	.inner {padding: 40px 0; }
}









/*======================
Contact Page Style
========================*/
.contact-map {height: 450px;}
.contact-map img {width: 100%;}
@media only screen and (max-width: 767.98px) {
    .contact-map {
        height: 350px;
    }
}
.contact-form-content {margin-top:110px;}
.contact-form-content .tit {}
.contact-form-content .tit o {display: block; font-size: 12px; color: #e70012; margin-bottom: 15px;}
.contact-form-content .tit span {display: block; font-size: 22px; font-weight: bold; color: #404040; margin-bottom:16px;}
.contact-form-content .tit em {display: block; color: #666; margin-bottom: 43px;}
.contact-fl {padding-left: 100px;}
.contact-fl .info {margin-bottom:38px; overflow: hidden;}
.contact-fl .info img {float: left; margin-right: 19px; }
.contact-fl .info .add {margin-bottom: 2px;}
.contact-fl .info .txt {width: 250px; float: left; margin-top: 5px;}
.contact-fl .info .txt span {display: block; line-height: 22px; font-size: 16px; font-weight: bold; color: #000; margin-bottom: 10px;}
.contact-fl .info .txt em {display: block; line-height: 20px; font-size: 13px; color: #373838;}


.contact-fr {padding-right:100px;}
.touch { width:100%; height:400px;  position:relative;}
div.contact-fr input[type='text'],div.contact-fr input[type='submit']{ background: #fff; border-radius: 40px; border: 0; position:absolute;outline:none;  text-indent:43px; color:#777;width: 100%;}
div.contact-fr input[type='checkbox']{width:12px;height:12px;}
input.gbk_1 { height:55px; top:0; left:0; }
input.gbk_2 { height:55px; top:65px; left:0;}
input.gbk_3 { height:55px; top:130px; left:0; }
input.gbk_5 { width:100px!important; height:35px; top:348px; left:220px; text-indent: 0!important; text-align: center;}
.contact-fr textarea{ width:100%; height:132px; position:absolute; top:195px; left:0; outline:none; overflow:hidden; border: 0; background: #fff; border-radius: 20px;}
.contact-fr textarea, .touch input { color:#777;}
.contact-fr textarea {padding:24px 43px; }
input.contact_sub{ width:200px !important; height:55px !important; text-indent:0 !important; color:#fff !important; top:338px; left:0; border-radius:40px; cursor:pointer; background:#e70012!important; line-height:55px; text-align:center !important; font-size:12px;} 
input.contact_sub a { display:block; color:#fff !important;}
input.contact_sub i { color:#fff; margin-right:5px;}
.contact-fr .vdimgck{float:left;cursor: pointer;width:85px;height:30px; position:absolute; top:350px; left:340px;}

@media (max-width: 992px) {
   .contact-form-content {margin-top: 0;}	
   .contact-fl,.contact-fr {padding: 0;}
	input.contact_sub {height: 40px!important; line-height: 40px!important;}
	input.gbk_5 {top: 395px; left: 0;}
	.contact-fr .vdimgck {top: 398px; left: 110px;}
}




/*关于我们*/
.inner-about {background: #fff; padding:90px 0; overflow: hidden; }
.inner-about .t-1 {font-size: 34px; color: #333; font-weight: bold; margin-bottom: 60px; text-align: center; text-transform: uppercase;}
.inner-about .txt {font-size: 16px; color: #666; line-height: 32px; margin-bottom: 55px;}
.inner-about .datas { padding-top:55px; text-align:center;border-top: 1px solid #e5e5e5;}
.inner-about .datas .valbox {position: relative; display: inline-block; margin-bottom: 30px;}
.inner-about .datas .ic{ width:76px; height:64px; float: left;}

.inner-about .datas .val { font-size: 60px; color: #c41b17; font-family: medium; line-height: 1; float: left;}
.inner-about .datas .tit {height: 54px; line-height: 27px; font-size:16px; color: #696969; }



@media (max-width: 992px) {
	.inner-about {padding:40px 0;}
	.inner-about .t-1 {font-size: 22px; margin-bottom: 40px;}
	.inner-about .txt {font-size: 14px; line-height: 28px; margin-bottom: 40px;}
	.datas { padding-top:40px;}
	.inner-about .datas .col-md-3 {width: 50%; margin-bottom: 30px;}
	.inner-about .datas .ic {display: none;}
	.inner-about .datas .val {font-size: 38px;}
	.inner-about .datas .tit {font-size: 14px; line-height: 25px;}
	
}






/*NEWS*/
.inner-news {}
.inner-news .top-news {background: #fff; overflow: hidden; margin-bottom: 40px;}
.inner-news .top-news .pic {}
.inner-news .top-news .pic img {width: 100%;}
.inner-news .top-news .info {}
.inner-news .top-news .info-1 {padding: 43px 60px 40px 10px;}
.inner-news .top-news .info-2 {padding: 43px 10px 40px 60px;}
.inner-news .top-news .info .t-1 {font-size:28px; font-weight: bold; color: #000; margin-bottom: 16px;}
.inner-news .top-news .info .t-1 a{color: #333; }
.inner-news .top-news .info .t-1 :hover{color: #bb000e;}
.inner-news .top-news .info .t-2 {color: #999; margin-bottom: 16px;}
.inner-news .top-news .info .t-3 {font-size: 16px; line-height:26px; margin-bottom: 50px;}
.inner-news .top-news .info .more {width: 160px; line-height: 44px; background: #bb000e; text-align: center;}
.inner-news .top-news .info .more a {color: #fff;}

.inner-news .news-list {}
.inner-news .news-list .con {background: #fff; overflow: hidden; display: block; margin-bottom:40px; padding: 12px 35px 12px 30px;}
.inner-news .news-list .con:hover {background:#bb000e; color: #fff;}
.inner-news .news-list .con:hover .time {border-right:1px solid #fff; color: #fff;}
.inner-news .news-list .con:hover .time span {color: #fff;}
.inner-news .news-list .con:hover .txt span a {color: #fff;}
.inner-news .news-list .con .time {padding:7px 34px 7px 0; border-right: 1px solid #cfcfcf; text-align: center; float: left; display: block;}
.inner-news .news-list .con .time span { font-size: 55px; font-weight: bold; color: #343434; margin-bottom: 9px; display: block;}
.inner-news .news-list .con .txt {width: 82%; float:right;}
.inner-news .news-list .con .txt span {font-size: 18px;display: block; margin-top: 10px; margin-bottom: 8px;}
.inner-news .news-list .con .txt span a {color: #111;}
.inner-news .news-list .con .txt em {line-height: 22px; display: block;}

.show_news {width: 100%; overflow: hidden; background: #eef1f5; padding: 53px 0 150px 0;}
.show_news_con {margin-top: 35px;}
.news-info { width: 100%; overflow:hidden; background: #fff; padding: 80px 60px;}
.news-info h1 {font-size: 20px;}
.news-info .col-lg-9 {padding-right: 70px;}
.news-info .rightwrap {width: 100%;}
.news-info em {display: block; color: #1b1b1b; font-size:28px; line-height: 42px; }
.news-info .entry-meta {width: 100%; margin-top: 7px; color: #b6b5b5; line-height: 36px; font-size: 16px; padding-bottom: 30px; border-bottom: 1px dotted #b6b5b5;}

.news-info .contwrap {padding: 45px 0 60px 0; line-height: 28px; border-bottom: 1px dotted #b6b5b5;}
.news-info .contwrap img { display: block; margin: 0 auto; max-width: 100%; }
.news-info .rightwrap h6 {display: block; font-weight: bold; padding: 12px 14px; line-height: 23px; margin-bottom: 20px; background:#bd1017; font-size: 16px; color: #fff; }
.news-info .rightwrap ul { width: 100%;}
.news-info .rightwrap li { width: 100%; padding-bottom: 14px; padding-top: 7px;}
.news-info .rightwrap li img {width: 100%;}
.news-info .rightwrap li:last-child { border-bottom: none; }
.news-info .rightwrap li a { color: #333; display: inline-block; font-size: 14px; line-height:23px; }
.news-info .rightwrap li a:hover { color: #bd1017; }
.news-info .rightwrap li .post-date { display: block; line-height: 21px; font-size: 13px; color: #555; margin-top: 1px; }
.news-info .paging { width: 100%; overflow: hidden; padding: 50px 0; width: 100%; }
.news-info .paging .fl { font-size: 12px; line-height: 22px; }
.news-info i {margin-right: 10px;}
.news-info .paging a { color: #666; }
.news-info .paging .fl a:hover { color: #bd1017; }
.news-info .paging .return {border-radius: 8px; display: block; height: 34px; line-height: 34px; margin-top: 10px; text-align: center; width: 100px; font-size: 14px; background: #bd1017; color: #fff; }
.news-info .paging .return a {color: #fff; display: block;}
.news-info .paging .return a:hover {color: #fff;}


@media (max-width: 991px) {
	.inner-news {}
	.inner-news .top-news {margin-bottom: 20px;}
	.inner-news .top-news .info {padding-left: 25px;}

    .inner-news .top-news .info .t-2 {font-size: 14px;}
	.inner-news .top-news .pic img {width: 100%; }
    .inner-news .top-news .info-1,.inner-news .top-news .info-2 {padding:20px 10px;}
    .inner-news .top-news .info .t-1 {font-size: 16px; line-height: 23px; margin-bottom: 16px;}
    .inner-news .top-news .info .t-3 {line-height: 26px; margin-bottom: 25px; font-size: 12px;}
	.inner-news .news-list .con { padding: 12px; margin-bottom: 15px;}
    .inner-news .news-list .con .time { margin-bottom: 18px;}
	.inner-news .news-list .con .txt {width: 100%; float: none;}
	.inner-news .news-list .con .txt span {font-size: 16px; margin-bottom: 15px;}
	.inner-news .news-list .con .time {display: none;}
	.show_news {padding: 95px 0 50px 0;}
	
	.news-info {padding: 20px 10px;}
	.news-info .contwrap {padding: 20px 0;}
	.news-info em {font-size:16px; line-height:28px; }
    .news-info .entry-meta { line-height: 28px; font-size: 14px; padding-bottom: 30px;}
	.news-info h1 {font-size: 16px;}
	.news-info .col-lg-9 {padding-right: 20px;}
}

/*pro*/
.inner-pro {}
.pro-menu {}
.pro-menu em {display: block; width: 4px; height: 4px; background: #666; position: relative; top:16px; left: -10px;}
.pro-menu li:hover a em {background: #fff;}
.pro-menu .pro-menu-tit {background: #e30012;height: 80px;}
.pro-menu .pro-menu-tit img {float: left;}
.pro-menu .pro-menu-tit span {display: block; line-height: 80px; font-size:20px; font-weight: bold; color: #fff;}
.pro-main {}
.pro-main .con {margin-bottom: 20px; overflow: hidden;}
.pro-main .con img {width: 100%;}
.pro-main .con span {display: inline-block; line-height:44px; text-align: center; font-size: 16px;}
.pro-main .con span a{color: #333;}
@media (max-width: 991px) {
	.pro-menu .pro-menu-tit {display: none;}
	.pro-menu {margin-bottom: 20px;}
	.pro-main .col-lg-3 {width: 50%;}
}







.show-pro {}
.show-pro-fl {width: 44%; float: left; margin-right: 2%;}
.show-pro-fl .img {overflow: hidden; margin-bottom: 23px;}
.show-pro-fl img {width: 100%;}
.show-pro-fl .img img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
.show-pro-fl:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
.show-pro-fl .down {width: 200px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #e40012; font-weight: bold; text-align: center;}
.show-pro-fl .down i {font-weight: 100;  margin-right: 22px; font-size: 18px;}
.show-pro-fl .down a {display: block; color: #fff;}

.show-pro-fr {width: 54%; float: left; background: #fff; padding: 30px;line-height: 25px;}

.show-pro-fr td{border: 1px solid #cccccc;}
.show-pro-fr table{width: 100%;}
@media (max-width: 991px) {
	.show-pro-fl {width:100%; float: none; margin-right: 0; margin-bottom: 20px;}
	.show-pro-fr {width: 100%; float: none; padding: 20px 10px;}
}










/*--------------------------------
Magnific JS Customization
----------------------------------*/
.ht-mfp {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.ht-mfp.mfp-bg {
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.ht-mfp .mfp-content {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (min-width: 1200px) {
    .ht-mfp .mfp-content {
        max-width: 70%;
    }
}

.ht-mfp .mfp-content .mfp-close {
    display: none;
}

.ht-mfp .mfp-close {
    background-color: #db0303;
    color: #FFFFFF;
    padding: 0;
    text-align: center;
    opacity: 0;
    top: 50px;
    right: 50px;
    height: 50px;
    width: 50px;
    line-height: 50px;
}

@media only screen and (max-width: 767.98px) {
    .ht-mfp .mfp-close {
        top: 30px;
        right: 30px;
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
}

.ht-mfp .mfp-close:hover {
    background-color: #01377f;
}

.ht-mfp .mfp-arrow {
    background-color: #01377f;
    opacity: 1;
    margin-left: 15px;
    height: 55px;
    width: 55px;
}

.ht-mfp .mfp-arrow:before {
    display: none;
}

.ht-mfp .mfp-arrow:after {
    content: '\f104';
    color: #FFFFFF;
    font-family: "FontAwesome";
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.ht-mfp .mfp-arrow-right {
    margin-left: auto;
    margin-right: 15px;
}

.ht-mfp .mfp-arrow-right:after {
    content: '\f105';
}

.ht-mfp .mfp-arrow:hover {
    background-color: #000;
}

.ht-mfp.zoom-animate.mfp-bg {
    opacity: 0;
}

.ht-mfp.zoom-animate .mfp-content {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}

.ht-mfp.zoom-animate.mfp-ready.mfp-bg {
    opacity: 0.9;
}

.ht-mfp.zoom-animate.mfp-ready .mfp-content {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.ht-mfp.zoom-animate.mfp-removing .mfp-content {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}

.ht-mfp.zoom-animate.mfp-removing.mfp-bg {
    opacity: 0;
}

.ht-mfp.zoom-animate.mfp-removing .mfp-close {
    opacity: 0;
}
/*================================
Single Product Page Style
==================================*/
@media only screen and (max-width: 767.98px) {
    .product-thumb-area {
        margin-bottom: 30px;
    }
}

.product-thumb-area .pro-thumb-item img {
    margin: auto;
	max-width: 100%;
}

.product-thumb-area .product-details-thumbnail {
    border: 1px solid #e1e1e1;
    text-align: center;
    position: relative;
}

.product-thumb-area .product-details-thumbnail .btn-large-view {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 20px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    color: #1b1b1c;
    display: block;
    font-weight: 700;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 22px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 136px;
}

.product-thumb-area .product-details-thumbnail .btn-large-view i {
    margin-left: 3px;
    vertical-align: middle;
}

.product-thumb-area .product-details-thumbnail-nav {
    margin-top: 10px;
}

.product-thumb-area .product-details-thumbnail-nav .pro-thumb-item {
    border: 1px solid #e1e1e1;
    text-align: center;
    cursor: pointer;
}

.product-thumb-area .product-details-thumbnail-nav .slick-list {
    margin: 0 -5px;
}

.product-thumb-area .product-details-thumbnail-nav .slick-list .slick-slide {
    margin: 0 5px;
}

@media only screen and (min-width: 1200px) {
    .prod-details-info-content {
        padding-left: 20px;
    }
}

.prod-details-info-content span { display: block; font-size: 30px; color: #070104; margin-bottom: 18px;}
.prod-details-info-content p {line-height: 29px;}

@media only screen and (max-width: 767.98px) {
    .prod-details-info-content span {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 10px;
    }
}
.prod-details-info-content h2 {font-size: 18px; font-weight: bold;}
.prod-details-info-content .price {
    font-size: 18px;
	margin-top: 10px;
    margin-bottom: 33px;
}

@media only screen and (max-width: 767.98px) {
    .prod-details-info-content .price {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

.prod-details-info-content .price-amount {
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
}

.product-config {
    margin: 40px 0;
}

.product-config .table {
    margin-bottom: 0;
}

.product-config .table-bordered td,
.product-config .table-bordered th {
    border-color: #e1e1e1;
}

.product-config .table th {
    font-size: 18px;
    font-weight: 500;
}

.product-config .table .config-option a {
    color: #1b1b1c;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.product-config .table .config-option a:last-child {
    margin-right: 0;
}

.product-config .table .config-option a:hover {
    color: #db0303;
}

.product-meta {
    margin-top: 40px;
}

.product-meta span:not(.sku) {
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
}

.product-meta span:not(.sku):last-child {
    margin-bottom: 0;
}

.product-meta a {
    color: #1b1b1c;
    margin-right: 5px;
    font-size: 15px;
    vertical-align: middle;
}

.product-meta a:last-child {
    margin-right: 0;
}

.product-meta a:hover {
    color: #db0303;
}

.pro-qty {
    border: 1px solid #e1e1e1;
    display: inline-block;
    position: relative;
    width: 150px;
}

@media only screen and (max-width: 767.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {
    .pro-qty {
        width: 120px;
    }
}

.pro-qty input {
    font-weight: 600;
    border: none;
    text-align: center;
    padding: 12px 45px;
    outline: none;
    width: 100%;
}

.pro-qty a {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    top: 0;
    line-height: 50px;
    height: 100%;
    width: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .pro-qty a {
        width: 35px;
        line-height: 54px;
    }
}

@media only screen and (max-width: 767.98px) {
    .pro-qty a {
        width: 35px;
        line-height: 48px;
    }
}

.pro-qty a:hover {
    background-color: #db0303;
    border-color: #db0303;
    color: #FFFFFF;
}

.pro-qty a.inc {
    right: 0;
    border-left: 1px solid #e1e1e1;
}

.pro-qty a.dec {
    left: 0;
    border-right: 1px solid #e1e1e1;
}

.product-description-review {
    margin-top: 50px;
}

@media only screen and (max-width: 767.98px) {
    .product-description-review {
        margin-top: 60px;
    }
}

.product-description-review .desc-review-tab-menu {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.product-description-review .desc-review-tab-menu li {
    width: 100%;
}

.product-description-review .desc-review-tab-menu li a {
    background-color: #1b1b1c;
    border-right: 2px solid #ddd;
    color: #FFFFFF;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding: 20px 0;
}

.product-description-review .desc-review-tab-menu li a:last-child {
    border: none;
}

.product-description-review .desc-review-tab-menu li a.active {
    background-color: #db0303;
}

@media only screen and (max-width: 767.98px) {
    .product-description-review .desc-review-tab-menu li a {
        font-size: 15px;
        font-weight: 500;
        padding: 10px 0;
    }
}
.product-description-review .tab-tit {line-height:40px; background:#01377f; color: #fff; font-size: 18px; text-indent: 20px;}
.product-description-review .tab-tit span {width: 186px;display:block; text-align: center; background: #6d82a7;}
.product-description-review .tab-content {
    padding: 20px 0;
	line-height: 25px;
}



.product-rating-wrap .average-rating {
    margin-bottom: 30px;
}

.product-rating-wrap .average-rating h6 {
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 3px;
}

.product-rating-wrap .display-ratings .rating-item {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.product-rating-wrap .display-ratings .rating-item:last-child {
    margin-bottom: 0;
}

.product-rating-wrap .display-ratings .rating-item .rating-author-pic {
    max-width: 50px;
    -webkit-flex-basis: 50px;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 10px;
}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt {
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    padding: 15px;
    -webkit-flex-basis: calc(100% - 60px);
    -ms-flex-preferred-size: calc(100% - 60px);
    flex-basis: calc(100% - 60px);
    max-width: calc(100% - 60px);
}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta h3 {
    font-size: 14px;
    margin-top: 0;
    font-family: "Poppins", sans-serif;
    display: inline-block;
}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta .time {
    vertical-align: middle;
    margin-left: 5px;
    font-size: 13px;
}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star {
    color: #db0303;
    font-size: 14px;
    margin-bottom: 5px;
}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i {
    margin-right: 5px;
}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i:last-child {
    margin-right: 0;
}

.product-rating-wrap .rating-form-wrapper {
    margin-top: 60px;
}

.product-rating-wrap .rating-form-wrapper h3 {
    font-size: 24px;
    font-weight: 500;
    margin-top: -5px;
    margin-bottom: 20px;
}

.product-rating-wrap .rating-form-wrapper .rating-form h5 {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 8px;
}

.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i {
    color: #ccc;
    margin-right: 10px;
}

.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:last-child {
    margin-right: 0;
}

.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:hover~i {
    color: #ccc;
}

.product-rating-wrap .rating-form-wrapper .rating-form .rating-star:hover i {
    cursor: pointer;
    color: #db0303;
}

.product-rating-wrap .rating-form-wrapper .rating-form input,
.product-rating-wrap .rating-form-wrapper .rating-form textarea {
    background-color: #FFFFFF;
    border: 1px solid #e1e1e1;
    display: block;
    padding: 12px 20px;
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.product-rating-wrap .rating-form-wrapper .rating-form input:focus,
.product-rating-wrap .rating-form-wrapper .rating-form textarea:focus {
    border-color: #db0303;
}

@media (max-width: 1024px) {
	.homeAboutCont,.homeAboutCont-r  {margin: 2% 0 0 2%; padding-bottom: 6px;}
	.homeInforCont {margin: 2% 0 0 2%; padding-bottom: 6px;}
	.homeInforCont h3 {font-size: 18px; line-height: 30px;}
	.homeInforCont p {margin-bottom: 6px; line-height: 22px;}
	.index-cybj-top .txt {font-size: 12px;}
}

@media screen and (max-width:991px) {
	.sticky-nav{position:fixed;}

	.lang-mobile {display: block; position: absolute; top: 28px; right: 70px; z-index: 999;}
	.lang-mobile img {margin-left: 5px;}


	.other-side .search-area {display: none;}
	.carousel-inner > .item > img {max-width:180%!important;}	

	.list-pro-tit {display: none;}
	.search_info {margin-top: 0; margin-bottom: 30px;}

	#myscroll ul li{ margin:0;}
.ban-pc {display: none;}
	.ban-mobile {display: block; padding-top: 60px;}
	.ban-pro-mobile {display: block;}
	.ban-pro-pc {display: none;}
	.show_pro .col-12 {padding: 0;}


	
	


	
	
	

.show_pro {padding:50px 0; }	
	



	
	




.top-news img {width: 100%;}
.top-news .con {padding:30px 10px;}

	.news-img {margin-left: 0;}
	.news-box .tit {font-size: 16px;}
	
	.new-pro { width: 100%; height:auto; margin-top:0;}
    .new-pro-pic {margin-top:0; }





.news-box  .t-1 .time { margin-right:0; padding:0 10px;}
.news-box  .tit {font-size: 16px; font-weight: bold; margin-top: 30px;padding:0 10px;}
.news-box  .txt {line-height: 28px;padding:0 10px 30px 10px;}

	.news-info {padding: 20px 10px;}

	.news-box {margin: 20px 0;}
	.news-list .con { padding: 12px; margin-bottom: 15px;}
    .news-list .con .time { margin-bottom: 18px;}
	.news-list .con .txt {width: 100%; float: none;}

	.news-list .con .time {display: none;}
	.down-info {padding: 20px 10px;}	
.down-info li {height: 40px;}
.down-info li span {line-height:40px; font-size: 12px;}
.down-info li span i { font-size: 16px; margin-right:10px;}
.down-info li em {display:none;}
	.down-info li o {display: none;}


	
.filters li{padding: 10px 18px; font-size: 14px;}	

.product-item {margin-bottom: 20px;}	
.product-item img {width: 100%;}	


}



/*下载中心*/
.service-box1 {}
.service-box1 .list {padding:0 0 60px 0;}
@media (max-width: 992px) {
    .service-box1 .list {
        padding: 30px 0;
    }
}

.service-box1 .list .item .item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: min(1.5625vw, 30px) 0 min(1vw, 30px);
    border-bottom: 1px solid #eeeeee;
    position: relative
}

@media (max-width: 1024px) {
    .service-box1 .list .item .item-box {
        padding:15px 0 15px 0
    }
}

.service-box1 .list .item .item-box::before {
    content: '';
    width: 0;
    height: 1px;
    background-color: #0b58af;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.service-box1 .list .item .item-box .img {
    max-width: 26px;
    margin-right: min(1.14583333vw, 22px)
}

@media (max-width: 1024px) {
    .service-box1 .list .item .item-box .img {
        margin-right:11px
    }
}

.service-box1 .list .item .item-box .name {
    font-size: 20px;
    color: #333333;
    line-height: 1.4;
    flex: 1;
    padding-right: 100px;
    max-width: 94%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media (max-width: 1600px) {
    .service-box1 .list .item .item-box .name {
        font-size:18px
    }
}

@media (max-width: 1470px) {
    .service-box1 .list .item .item-box .name {
        font-size:16px
        
    }
}

.service-box1 .list .item .item-box .text {
    font-size: 14px;
    color: #666666;
    line-height: 1.4;
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    -webkit-transition: all .4s;
    transition: all .4s
}
.service-box1 .list .item .item-box .text i{margin-right: 8px;}
.service-box1 .list .item:hover .item-box::before {
    width: 100%;
    background-color: #e70012;
}
/* .service-box1 .list .item .item-box .name,.service-box1 .list .item .item-box .text{
    color: #e70012;
} */

.service-box1 .list .item:hover .item-box .name,.service-box1 .list .item:hover .item-box .text {
    color: #e70012
}


.page-item.active .page-link{  
    background-color: #e70012;
    border-color: #e70012;
}


/*================================
Single Product Page Style
==================================*/
@media only screen and (max-width: 767.98px) {
    .product-thumb-area {
        margin-bottom: 30px;
    }
}

.product-thumb-area .pro-thumb-item img {
    margin: auto;
	max-width: 100%;
}

.product-thumb-area .product-details-thumbnail {
    border: 1px solid #e1e1e1;
    text-align: center;
    position: relative;
}

.product-thumb-area .product-details-thumbnail .btn-large-view {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 20px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    color: #1b1b1c;
    display: block;
    font-weight: 700;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 22px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 136px;
}

.product-thumb-area .product-details-thumbnail .btn-large-view i {
    margin-left: 3px;
    vertical-align: middle;
}

.product-thumb-area .product-details-thumbnail-nav {
    margin-top: 10px;
}

.product-thumb-area .product-details-thumbnail-nav .pro-thumb-item {
    border: 1px solid #e1e1e1;
    text-align: center;
    cursor: pointer;
}

.product-thumb-area .product-details-thumbnail-nav .slick-list {
    margin: 0 -5px;
}

.product-thumb-area .product-details-thumbnail-nav .slick-list .slick-slide {
    margin: 0 5px;
}

@media only screen and (min-width: 1200px) {
    .prod-details-info-content {
        padding-left: 20px;
    }
}

.prod-details-info-content span { display: block; font-size: 30px; color: #070104; margin-bottom: 18px;}
.prod-details-info-content p {line-height: 29px;font-size: 16px;}

@media only screen and (max-width: 767.98px) {
    .prod-details-info-content span {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 10px;
    }
}
.prod-details-info-content h2 {font-size: 45px; font-weight: bold;color: #000;}
.prod-details-info-content .price {
    font-size: 18px;
	margin-top: 10px;
    margin-bottom: 33px;
}

@media only screen and (max-width: 767.98px) {
    .prod-details-info-content .price {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

.prod-details-info-content .price-amount {
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
}

.product-config {
    margin: 40px 0;
}

.product-config .table {
    margin-bottom: 0;
}

.product-config .table-bordered td,
.product-config .table-bordered th {
    border-color: #e1e1e1;
}

.product-config .table th {
    font-size: 18px;
    font-weight: 500;
}

.product-config .table .config-option a {
    color: #1b1b1c;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.product-config .table .config-option a:last-child {
    margin-right: 0;
}

.product-config .table .config-option a:hover {
    color: #db0303;
}

.product-meta {
    margin-top: 40px;
}

.product-meta span:not(.sku) {
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
}

.product-meta span:not(.sku):last-child {
    margin-bottom: 0;
}

.product-meta a {
    color: #1b1b1c;
    margin-right: 5px;
    font-size: 15px;
    vertical-align: middle;
}

.product-meta a:last-child {
    margin-right: 0;
}

.product-meta a:hover {
    color: #db0303;
}

.pro-qty {
    border: 1px solid #e1e1e1;
    display: inline-block;
    position: relative;
    width: 150px;
}

.pro-qty input {
    font-weight: 600;
    border: none;
    text-align: center;
    padding: 12px 45px;
    outline: none;
    width: 100%;
}

.pro-qty a {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    top: 0;
    line-height: 50px;
    height: 100%;
    width: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .pro-qty a {
        width: 35px;
        line-height: 54px;
    }
}

@media only screen and (max-width: 767.98px) {
    .pro-qty a {
        width: 35px;
        line-height: 48px;
    }
}

.pro-qty a:hover {
    background-color: #db0303;
    border-color: #db0303;
    color: #FFFFFF;
}

.pro-qty a.inc {
    right: 0;
    border-left: 1px solid #e1e1e1;
}

.pro-qty a.dec {
    left: 0;
    border-right: 1px solid #e1e1e1;
}

.product-description-review {
    margin-top: 50px;
}

@media only screen and (max-width: 767.98px) {
    .product-description-review {
        margin-top: 60px;
    }
}

.product-description-review .desc-review-tab-menu {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.product-description-review .desc-review-tab-menu li {
    width: 100%;
}

.product-description-review .desc-review-tab-menu li a {
    background-color: #1b1b1c;
    border-right: 2px solid #ddd;
    color: #FFFFFF;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding: 20px 0;
}

.product-description-review .desc-review-tab-menu li a:last-child {
    border: none;
}

.product-description-review .desc-review-tab-menu li a.active {
    background-color: #db0303;
}

@media only screen and (max-width: 767.98px) {
    .product-description-review .desc-review-tab-menu li a {
        font-size: 15px;
        font-weight: 500;
        padding: 10px 0;
    }
}
.product-description-review .tab-tit {line-height:40px; background:#01377f; color: #fff; font-size: 18px; text-indent: 20px;}
.product-description-review .tab-tit span {width: 186px;display:block; text-align: center; background: #6d82a7;}
.product-description-review .tab-content {
    padding: 20px 0;
	line-height: 25px;
}



.product-rating-wrap .average-rating {
    margin-bottom: 30px;
}

.product-rating-wrap .average-rating h6 {
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 3px;
}

.product-rating-wrap .display-ratings .rating-item {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.product-rating-wrap .display-ratings .rating-item:last-child {
    margin-bottom: 0;
}

.product-rating-wrap .display-ratings .rating-item .rating-author-pic {
    max-width: 50px;
    -webkit-flex-basis: 50px;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 10px;
}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt {
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    padding: 15px;
    -webkit-flex-basis: calc(100% - 60px);
    -ms-flex-preferred-size: calc(100% - 60px);
    flex-basis: calc(100% - 60px);
    max-width: calc(100% - 60px);
}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta h3 {
    font-size: 14px;
    margin-top: 0;
    font-family: "Poppins", sans-serif;
    display: inline-block;
}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta .time {
    vertical-align: middle;
    margin-left: 5px;
    font-size: 13px;
}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star {
    color: #db0303;
    font-size: 14px;
    margin-bottom: 5px;
}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i {
    margin-right: 5px;
}

.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i:last-child {
    margin-right: 0;
}

.product-rating-wrap .rating-form-wrapper {
    margin-top: 60px;
}

.product-rating-wrap .rating-form-wrapper h3 {
    font-size: 24px;
    font-weight: 500;
    margin-top: -5px;
    margin-bottom: 20px;
}

.product-rating-wrap .rating-form-wrapper .rating-form h5 {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 8px;
}

.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i {
    color: #ccc;
    margin-right: 10px;
}

.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:last-child {
    margin-right: 0;
}

.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:hover~i {
    color: #ccc;
}

.product-rating-wrap .rating-form-wrapper .rating-form .rating-star:hover i {
    cursor: pointer;
    color: #db0303;
}

.product-rating-wrap .rating-form-wrapper .rating-form input,
.product-rating-wrap .rating-form-wrapper .rating-form textarea {
    background-color: #FFFFFF;
    border: 1px solid #e1e1e1;
    display: block;
    padding: 12px 20px;
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.product-rating-wrap .rating-form-wrapper .rating-form input:focus,
.product-rating-wrap .rating-form-wrapper .rating-form textarea:focus {
    border-color: #db0303;
}
