@import url('style.css');
*{ margin: 0;padding: 0;}
body {-webkit-text-size-adjust:none; overflow-x:hidden !important;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;text-decoration: none;}
li{list-style: none;}
body{color:#333;font-family: 'Lato', sans-serif;}
.fl{float: left;}
.fr{float: right;}
.w1200{width: 1200px;}
.ho{height: auto;overflow: hidden;}
.cl{clear: both;}
.mr{margin: 0 auto;}
.wot{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both;}


/* 无内容 */
.no-goods,.no-network{
  padding-top:100px;
  overflow: hidden;
  text-align: center;
}
.no-goods img{
  display: block;
  margin:0 auto 30px;
  width:220px;
  max-height: 105px;
}
.no-network img{
  display: block;
  margin:0 auto 30px;
  width:222px;
  height: 160px;
}
.no-goods p,.no-network p{
  font-size:14px;
  color:#666666;
  line-height: 20px;
}



input[name="color"]::-webkit-input-placeholder{	color: #000;}
input[name="color"]:-moz-placeholder {	color: #000;} 
input[name="color"]::-moz-placeholder{ color: #000;}
input[name="color"]:-ms-input-placeholder{color: #000; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-mg-1, .col-mg-2, .col-mg-3, .col-mg-4, .col-mg-5, .col-mg-6, .col-mg-7, .col-mg-8, .col-mg-9, .col-mg-10, .col-mg-11, .col-mg-12{transition: 0.5s;}

.carousel-indicators {z-index: 2}
.carousel-indicators .active {height: 12px;width: 12px;border-radius: 50%;}
.carousel-indicators li {height: 12px;width: 12px;border-radius: 50%;}


#dituContent label {
  max-width: unset!important;
  text-align: center;
}

.footer{ height:60px; overflow: hidden; right:0; bottom:0; float:left; z-index: 20; width:100%; position: fixed; background-color:#323232;}
.f1{ width:100%; background:url(../images/lx1.png) no-repeat center 20%;  background-size: 25px; height:100%; float:left;  text-align:center;}
.f2{ width:100%; background:url(../images/lx2.png) no-repeat center 20%; background-size: 25px;  height:100%; float:left; text-align:center;}
.footer .f3{ width:100%; background:url(../images/lx3.png) no-repeat 30% center;  background-size: 25px; padding-left: 20%; height:100%; float:left; text-align:center;}
.footer .f4{ width:100%; background:url(../images/lx4.png) no-repeat 30% center #d40014; padding-left: 20%; background-size: 25px; height:100%; float:left; text-align:center;}
.footer a{ color:#fff !important; display: block; width: 50%; height: 100%;float: left; line-height:60px; text-align: center; background-color:#323232;}
.kb50{ height: 60px;}
.kb10{ height: 10px;}
.red{ color: #fc9202;}




.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}


.img-cover-4by31{ width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.img-cover-4by31 p{ width: 100%; height: 100%; text-align: center; object-fit: cover; left: 0; position: absolute;}
.abs-center1{ max-width: 100%; height: 100%;}
.shuiyin{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: url(../images/shuiyin.png) no-repeat center; background-size: 100%;}


.common-inner .inner-right .search-list,
.de-product-list {
  overflow: hidden;
  height: auto;
  margin-top: 3%;
}
.search-list ul,
.de-product-list ul {
  margin: 0 -12px;
}
.search-list ul li,
.de-product-list ul li {
  position: relative;
  margin-bottom: 8%;
  height: auto;
  overflow: hidden;
}
.search-list ul li a,
.de-product-list ul li a {
  display: block;
}
.search-list ul li .img,
.de-product-list ul li .img {
  width: 100%;
  background: #e6e6e6;
  font-size: 0;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-bottom: none;
  overflow: hidden;
}
.search-list ul li .img img,
.de-product-list ul li .img img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 230px;
  transition: all 0.5s;
}
.search-list ul li .title,
.de-product-list ul li .title {
  font-size: 1.4rem;
  height: 4.5rem;
  width: 100%;
  line-height: 4.5rem;
  text-align: center;
  transition:0.3s;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2; 
  color: #fff !important;
  background: rgba(0,0,0,0.6);
}
.search-list ul li .title h3,
.de-product-list ul li .title h3 {
  color: #595959;
  line-height: 4rem;
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-list ul li .title em,
.de-product-list ul li .title em {
  font-weight: bold;
  display: block;
  color: #ff8111;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-list ul li:hover,
.de-product-list ul li:hover {
  border-color: #268AE7;
}
.search-list ul li:hover .title,
.de-product-list ul li:hover .title {
  height: 100%;
  background: rgba(0,0,0,0.6);
  line-height: 40rem;
}
.de-product-list ul li .fdj{ position: absolute; opacity: 0; width: 100%; z-index: 999; top: 0;  text-align: center; left: 0; transition:0.3s;}

.de-product-list ul li:hover .fdj{ opacity: 1; top: 35%; }

@media screen and (max-width:765px){
 .de-product-list ul li .img img{ max-height: 160px;}
 .de-product-list ul li{max-height: 160px;}
}
.common-inner .search-list ul li:hover .img img,
.common-inner .de-product-list ul li:hover .img img {
  transform: scale(1.1);
}
.common-inner .de-product-list {
  margin-top: 26px;
}



.sp_nav{width:50px;float:right;position:relative; right: 0; z-index: 999; background: #333; cursor:pointer;height:40px; margin-top: 15px;}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav span:nth-of-type(3){top:30px}
.sp_nav_se span:nth-of-type(1){top:20px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:20px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 90px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:90px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}






#sj_pro_index{ text-align: center; margin-top: 5%;}
#sj_pro_index div{ padding: 1% !important;}
#sj_pro_index li{ display: inline-block; text-align: center; width: 100%;}
#sj_pro_index li a{ display: block; width: 100%; height: auto; overflow: hidden;}
#sj_pro_index li img{ width: 100%; height: 140px;}
#sj_pro_index li p{ line-height: 30px; background: #eeeeee; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}




#cpin_lb{ text-align: center;}
#cpin_lb li{ display: inline-block; background: #f0f0f0; width: 14%; height: 4rem; font-size: 13px; line-height: 4rem; padding: 0; text-align: center; cursor:pointer; color: #27262a !important; margin-bottom: 0.5%;}
#cpin_lb li a{ color: #fff !important;}
#cpin_lb li:hover{ height: 4rem; background:#27262a; color: #fff !important;}
#cpin_lb li:hover a{ color: #fff !important;}
@media screen and (max-width:768px){
 #cpin_lb li{ width: 32%; font-size: 12px;}
}


#cjsl{ margin-top: 30px;}
#cjsl .swiper-container {
  width: 100%;
  padding: 0 0 2%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
#cjsl .swiper-slide {
  text-align: center;
  overflow: hidden;
  border: 1px solid #efefef;

  /* Center slide text vertically */
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#cjsl .swiper-slide .pic{width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#cjsl .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#cjsl .swiper-slide p{ background: #fff; width: 100%; height: 50px; line-height: 50px;}
#cjsl .swiper-slide:hover img{ transform: scale(1.1);}
#cjsl .swiper-container .swiper-pagination{ bottom: 0;}
@media screen and (max-width:765px){
  #cjsl .swiper-container{ padding: 0 0 10%;}
}







.slideTxtBox_cp{ text-align:left; margin-top: 3%;}
.slideTxtBox_cp .hd{ height: auto; position:relative; }
.slideTxtBox_cp .hd ul{ height:auto; text-align: center;}
.slideTxtBox_cp .hd ul li{ display: inline-block; background: #f0f0f0; width: 14%; height: 4rem; line-height: 4rem; padding: 0; text-align: center; cursor:pointer; color: #27262a !important;}
.slideTxtBox_cp .hd ul li a{ color: #fff !important;}
.slideTxtBox_cp .hd ul li.on{ height: 4rem; background:#27262a; color: #fff !important;}
.slideTxtBox_cp .hd ul li.on a{ color: #fff !important;}
.slideTxtBox_cp .bd ul{ padding:2% 0 0;  zoom:1;  }
.slideTxtBox_cp .bd li{ text-align:center; transition:0.3s; background: #fff; overflow: hidden; margin-bottom: 5%; border:1px solid #e6e6e6;}
.slideTxtBox_cp .bd li .pic{ display: block; width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.slideTxtBox_cp .bd li .pic img{ transition: 0.3s; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
.slideTxtBox_cp .bd li .tit{ border-top:1px solid #e6e6e6; padding: 1% 3%; transition: 0.3s; line-height: 5rem; color: #333333; }
.slideTxtBox_cp .bd li .tit .left{ text-align: left; font-size: 1.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 50%;}
.slideTxtBox_cp .bd li .tit .right{ overflow: hidden; border-left: 1px solid #e6e6e6; padding: 0 3%;}

.slideTxtBox_cp .bd li:hover .tit{ background: #d40014; color: #fff;}
.slideTxtBox_cp .bd li:hover .pic img{ transform: scale(1.1);}

@media screen and (max-width:765px){
  .slideTxtBox_cp .hd{ margin-top: 3%; padding: 0 2%;}
  .slideTxtBox_cp .hd ul li{ width: 24%; margin-bottom: 2%;}
  .slideTxtBox_cp .bd ul li .tit{ line-height: 4rem;}
  .slideTxtBox_cp .bd li .tit .left{ font-size: 1.5rem;}
}


.owl-carousel.owl-loaded{margin:30px 0}


.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 10px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #237ed2;
  background: #237ed2;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}


.contact-map {
  overflow: hidden;
}
.contact-map #dituContent {
  width: 100%;
  height: 475px;
  margin: 0 auto;
}

.mes-form {
  margin: 0 auto;
  overflow: hidden;
  margin-top: 3%;
}
.mes-form .form-tr {
  overflow: hidden;
}
.mes-form .form-tr input {
  display: block;
  width: 100%;
  padding: 0 2%;
  height: 4rem;
  line-height: 4rem;
  border: 1px solid #e6e6e6;
}
.mes-form .form-tr textarea {
  display: block;
  width: 100%;
  padding: 5px 10px;
  height: 130px;
  border: 1px solid #e6e6e6;
}
.mes-form .form-tr .code {
  overflow: hidden;
}
.mes-form .form-tr .code input {
  width: 40%;
  float: left;
}
.mes-form .form-tr .code .verify {
  cursor: pointer;
  float: left;
  margin-left: 25px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0;
}
.mes-form .form-tr .code .verify img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.mes-form .form-tr .submit {
  margin-top: 15px;
  display: block;
  width: 190px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #356bef;
  color: #fff;
  font-size: 15px;
}
.mes-form .form-tr .submit:hover {
  background: #0058b1;
}
.mes-form .form-tr .submit2 {
  margin-top: 15px;
  display: block;
  width: 190px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #ff9600;
  color: #fff;
  font-size: 15px;
}
.mes-form .form-tr .submit2:hover {
  background: #3d3d3d;
}
.mes-form .form-tr .error {
  height: 1rem;
  line-height: 1rem;
  font-size: 12px;
  color: #f00;
  padding: 0 5px;
}

/* 头部 */


#top_header{transition: 0.5s;background: #fff;width: 100%;z-index: 100;}

#top_header .logo{ text-align: left; padding: 2% 0 1%; }
#top_header .logo a{ display: block; float: left;}
#top_header .logo a img{ max-width: 100%;}
#top_header .logo .left{ border-left: 1px solid #a4a4a4; padding-left: 10px; margin-left: 10px;}
#top_header .logo .left p{ color: #d71312; font-size: 20px; font-weight: bold;}
#top_header .logo .left span{ color: #2b2b2b; font-size: 18px;}
#top_header .logo dl{ float: left; width: 35%; padding-left: 3%;}
#top_header .logo dl dt{ float: left; width: 50%; color: #282828; font-size: 16px;}
#top_header .logo dl dt span{ color: #d71312; font-weight: bold;}
#top_header .logo dl dt i{ color: #d71312; font-size: 20px;}




#top_header .logo1{ text-align: left; padding: 5% 0; float: left; width: 85%;}
#top_header .logo1 img{ max-width: 100%;}

#top_header .tels{margin-top:15px;}
#top_header .tels span{display: block;font-size: 14px;color: #333333;}
#top_header .tels b{font-size: 32px;font-family: Impact;color: #d71312;}
#top_header .tels .l{width: 38px;float: right;padding-top:10px;margin-right: 10px;}
#top_header .tels .r{line-height: 30px; float: right;}

.fixed_top{z-index: 99;width: 100%;}
.headers{transition: 0.5s;background: #fff;width: 100%;z-index: 100;}
.tops{background: #f4f4f4;color: #666;line-height: 35px;font-size: 14px;width: 100%;z-index: 100;}
.tops span{color: #666;}
.tops .share-buttons li{float: left;margin:0 15px;}
.tops .share-buttons li i{font-size: 23px;color: #fff}

.headers .logo{ text-align: left; padding: 2.5% 0; }
.headers .logo img{ max-width: 100%;}

.headers .logo1{ text-align: left; padding: 5% 0; float: left; width: 85%;}
.headers .logo1 img{ max-width: 100%;}

.headers .tels{margin-top:30px;}
.headers .tels span{display: block;font-size: 14px;color: #333333;}
.headers .tels b{font-size: 32px;font-family: Impact;color: #d71312;}
.headers .tels .l{width: 38px;float: right;padding-top:10px;margin-right: 10px;}
.headers .tels .r{line-height: 30px; float: right;}

.navsbg{background: #d71312;width: 100%;height: auto;z-index: 999;}
.nav > li{text-align: center;margin:0 10px;}
.nav > li > a{color: #fff;position: relative;font-weight: 200;text-transform : uppercase;font-size: 16px;padding:0 36px;}


.nav > li > a:after{
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 11px;
  background: #c40d23;
  height: 2px;
  border-radius: 2px;
  transform: rotateY(90deg);
  transform-origin: center;
  transition: all 300ms ease;
}


.nav > li > a:hover, .nav > li > a:focus{background: #2b2a2f;}
.nav > li > a:hover:after{transform: rotateY(0);}

.fixed_top .nav > li > a{color: #fff;position: relative;font-weight: 200;}
.fixed_top .nav > li > a:hover,.fixed_top .nav > li > a:focus{color: #fff}


.navsbg .container{min-height: 0px;}
.s-b{min-height: 0px;padding:0;}
.navbar-toggle{margin:0 auto;position: absolute;top: -12vw;right: 5vw;}
.navbar-toggle i{color: #ffc71c;font-size: 32px;}
.carousel-inner img{position: relative;}






.bannerzy{background: url('../images/nybg.jpg') no-repeat center center;padding: 60px 0  30px;text-align: center;}
.bannerzy .catname{font-size:60px;color: #fff;font-weight: lighter;}
.daohang{background: url('../images/dh-bg.jpg') repeat center center;}

.daohang .danghao-li{padding:17px;}
.daohang .danghao-li .words{height:40px;border-radius:3px;background: #fff;outline: none;border:0;margin-top:3px;float: left;text-indent: 1em;}
.daohang .danghao-li .btn{width: 20%;height: 36px;color: #fff;outline: none;border: none;background: url(../images/Icon-search.png) no-repeat center center;background-size: 22px 22px;transition: 0.2s ease-out;outline: none;margin-top: 3px;}




.banner .owl-theme .owl-dots .owl-dot span {width: 30px;height: 30px;}
.banners .banner .owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;}






.dh-l{width: 75px;float: left;}
.dh-r{width: 185px;float: left;}
.dh-r span{display: block;float: left;width: 100%;color: #fff;font-size: 22px;font-weight: bold;padding-bottom: 5px;}
.dh-r i{ font-style: normal;color: #fff;line-height: 22px; }



@font-face{
  font-family: 'myfont';
  src: url('../Font/LIGHTSIDERCOMPACTEXP.eot');
  src: url('../Font/LIGHTSIDERCOMPACTEXP.eot?#iefix') format('embedded-opentype'),
  url('../Font/LIGHTSIDERCOMPACTEXP.woff2') format('woff2'),
  url('../Font/LIGHTSIDERCOMPACTEXP.woff') format('woff'),
  url('../Font/LIGHTSIDERCOMPACTEXP.ttf') format('truetype');
  font-weight: normal;
  font-stretch:ultra-expanded;
}

.bannerzy .catname-s{width: 92px;height: 4px;background: #fff;margin:0 auto;margin:20px auto;}
.bannerzy .location,.bannerzy .location a{font-size: 1.5rem; color: rgba(255, 255, 255, 0.5);text-transform : uppercase; font-weight: lighter;}



#banner .swiper-container {
  width: 100%;
  height: 100%;
}
#banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#banner .swiper-slide img{ width: 100%;}

.slideBox1{ position:relative; overflow:hidden; margin:0 auto;  width:100%;/* 设置焦点图最大宽度 */ }
.slideBox1 .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox1 .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox1 .hd li.on{ background:#fff;  }
.slideBox1 .bd{ position:relative; z-index:0; }
.slideBox1 .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }
.slideBox1 .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox1 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox1 .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }








/* 公司简介 */
.com1 {padding:30px 0;}
.com1 img{display: block;width: 100%;}
.com2 {font-family:Arial;font-size: 16px;line-height: 30px;color: #666}



.hot{background: rgba(2, 3, 5, 0.8);position: absolute;bottom:0px;height: 80px;line-height: 80px;width: 100%;}
.hot .hotl {color: #fff;font-size: 14px;}
.hot .hotl i {color: #ffc71c;float: left;display: block;font-size: 32px;}
.hot .hotl span{color: #fff;float: left;display: block;}
.hot .hotl li{color: #ccc;float: left;}
.ss{height:45px; width: 100%;margin-top:18px;}
.sou_left{float:left; width:345px; height:45px; text-align:left; color:#fff; line-height:30px; padding-left:10px;outline: none;border:none;font-size: 14px;}
.ss_pic{ float:right;}


.s-l{padding-top: 10%;}
.s-lp{position: relative;display: block;max-width:80%;padding:40px 0;}
.bt1{display: block;margin:20px 0;}
.bt2{display: block;margin:20px 0;}
.s-r-s {font-size: 18px;color: rgba(255,255,255,0.5);display: block;height: auto;margin:20px 0;font-weight: lighter;}
.s-r{padding-top: 15%;}

.s-r-l {text-align: center;}
.s-r-l li{vertical-align: top;}
.s-r-l li em{-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;width: 100px;height:100px;border-radius: 20px;border:2px solid #fff;display: block;margin:0 auto;}
  .s-r-l li em i{font-size: 55px;line-height: 100px;color: #fff;font-weight: lighter;}
  .s-r-l li span{color: #fff;}


  /* 多参 */


  .bit-t{font-size: 34px;font-weight: bold;color: #3f3f3f;margin:50px auto;text-align: center;height: 80px;}
  .bit-t span{display: inline-block;height: 100%;border-bottom: 4px dashed #ffc000;margin:0 auto;position: relative;z-index: 9;width: 350px;text-align: center;}
  .bit-t-s{position: relative;font-family: Impact;font-size: 60px;margin: 0 auto; z-index: 8;color: rgba(153, 153, 153, 0.2);margin:0 auto;display: inline-block;bottom: 64px;text-transform : uppercase;line-height: 60px;}
  .bit-t i{font-style: normal;color: #fbce45;}


  /* 首页 */
  .main{width: 100%;height: auto;padding: 2% 0;}


  #cpmore{ background: #333; width: 20%; transition:0.3s; height: 4rem; line-height: 4rem; color: #fff; text-align: center; margin: 2% auto;}
  #cpmore:hover{ background: #cf342d;}
  @media screen and (max-width:765px){
    #cpmore{ width: 50%;}
  }

  .product-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/product-bg.png') repeat-y center center;}
  .product-fenlei li{margin-top: 5px;margin-bottom: 5px;}
  .product-fenlei li span{text-align: center;position: relative;height: 40px;background: #3f3f3f;display: block;line-height: 40px;}
  .product-fenlei li a{color: #fff;font-size: 14px;text-decoration: none;}
  .product-fenlei li:hover span {background: #ffc71c;}
  .product-fenlei li:hover a {color: #000;}
  .product-c{padding-bottom: 40px;height: auto;overflow: hidden;}
  .product-c li{margin:20px auto;transition: 0.2s;}
  .product-c li img{display: block;width: 100%;}
  .product-c li span{float: left;display: block;width: 100%;}
  .product-c li i{float: left;display: block;width: 100%;height: 48px;line-height: 48px;background: #313131;font-style: normal;color: #fff;text-align: center;font-size: 20px;}
  .product-c li:hover {box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); 	-webkit-transform: translate3d(0, -6px, 0);    transform: translate3d(0, -6px, 0);}
  .product-c li:hover i{background: #fdd047;color: #000;}




  .youshi-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/youshi-bg.png') repeat-y center center;padding-bottom: 30px;}

  .youshi-c img{display: block;width: 100%;}
  .youshi-c-t{font-size: 36px;font-weight: bold;color: #303030;font-weight: lighter;line-height: 45px;margin:20px 0;}
  .youshi-c-s{width: 55px;height: 4px;margin-bottom: 30px;background: #d4d4d4;}
  .youshi-c-c li{line-height: 35px;}
  .youshi-c-c li:last-child{margin-bottom: 30px;}




  .about-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/product-bg.png') repeat-y center center;padding-bottom: 30px;}
  .about-cl{margin:20px auto;}
  .about-cl img{display: block;width: 100%;}
  .about-cr{margin:20px auto;}
  .about-cr-t{font-size:24px;color: #282828;font-weight: bold; }
  .about-cr-t span{font-size:14px;color: #666666;display: block;text-transform : uppercase;font-weight: lighter;}
  .about-cr-c{margin: 20px 0;font-size: 16px;}
  .about-cr-c1{line-height: 30px}
  .about-cr-c1 a{color: #d40014;}
  .about-cr-c2 {text-align: center; padding-top: 2%;}
  .about-cr-c2 li {display: inline-block;width:22%;}
  .about-cr-c2 li img{display: block;max-width: 100%;margin:10px auto;}
  .about-cr-c2 li span{text-align: center;}



  .case-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/youshi-bg.png') repeat-y center center;padding-bottom: 30px;}
  .rvc{max-width:1140px;position:relative;margin:auto;margin-top:30px}
  .rvc .rvc-wrapper{margin:auto;overflow:hidden}
  .rvc .rvc-wrapper ul{overflow:hidden;position:relative}
  .rvc .rvc-wrapper ul li{float:left;border:1px solid #cccccc;}
  .rvc .rvc-wrapper ul li a{display:block;width:100%;height:auto;text-decoration:none}
  .rvc .rvc-wrapper ul li a .img-wrapper{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width: 100%;}
  .rvc .rvc-wrapper ul li a .img-wrapper img{display: block;width: 100%;}
  .rvc .rvc-wrapper ul li a h2{margin-top:10px;text-align:center}
  .rvc .rvc-wrapper ul li a p{height: 35px;line-height: 35px;text-align: center;margin-bottom: 0px;}
  .rvc-prv,.rvc-next{position:absolute;height:100%;top:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  .rvc-prv{left:0}
  .rvc-next{right:0}




  .news-bg{width: 100%;height: auto;overflow: hidden;background: url('../images/product-bg.png') repeat-y center center;padding-bottom: 30px;}
  .news-cl .img-wrapper img{display: block;width: 100%;margin-bottom: 20px;}
  .news-cl .content-wrapper .c1{color: #1b1a1a;line-height: 26px;font-size: 20px;margin-bottom: 10px}
  .news-cl .content-wrapper .c2{color: #1b1a1a;line-height: 26px;font-size: 16px;}
  .news-cr .news-cr-1{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:50px 0;text-align: center;margin-bottom: 40px;border-right: 1px solid #ccc;}
  .news-cr .news-cr-1 .news-cr-11{font-size: 24px;font-weight: bold;color: #333}
  .news-cr .news-cr-1 .news-cr-12{font-size: 18px;color: #999}

  .news-cr .news-cr-2 .news-cr-21{font-size: 18px;font-weight: bold;color: #333}
  .news-cr .news-cr-2 .news-cr-22{font-size: 14px;color: #333;margin:10px 0;line-height: 32px;}



  .text-t{text-align: center;margin:0 auto;padding:0;width: 100%;height: auto;}
  .text-t-d{position: relative;top:20px;color: rgba(40, 40, 40,0.08);font-family: Impact;font-size: 60px;text-transform : uppercase;text-align: center;width: 100%;}
  .text-t-u{position: absolute;top:35px;color: #222222;text-transform : uppercase;font-size: 38px;font-weight: bold;width: 100%;}
  .text-t-s{width: 100%;padding:10px 0;}
  .text-t-s span{width: 100px;height: 3px;background: #cf0000;margin:0 auto;}
  .text-t-p{line-height: 22px;text-align: center;width: 100%;font-size: 16px;color: #999999;text-transform : uppercase;font-family: 微软雅黑;}



  .text-t-d1{position: relative;top:0px;color: rgba(40, 40, 40,0.08);font-family: Impact;font-size: 60px;text-transform : uppercase;text-align: center;width: 100%;}
  .text-t-u1{position: absolute;top:120px;color: #222222;text-transform : uppercase;font-size: 38px;font-weight: bold;width: 100%;}
  .text-t-s1{width: 100%;}
  .text-t-s1 span{width: 100px;height: 3px;background: #cf0000;display: block;margin:0 auto;}
  .text-t-e{padding:30px 0;font-size: 34px;text-transform : uppercase;}




  .text-t{text-align: center;margin:0 auto;padding:0;width: 100%;height: auto;}
  .text-t-d2{color: rgba(40, 40, 40,0.08);font-size:22px;text-transform : uppercase;text-align: center;width: 100%;}
  .text-t-u2{color: #222222;text-transform : uppercase;font-size: 38px;font-weight: bold;width: 100%;text-align: center;}



  .text-t-p2 span{line-height: 22px;text-align: center;font-size: 16px;color: #999999;text-transform : uppercase;background: #d40014;display: block;line-height: 35px;color: #fff;font-weight: lighter;}




  .p-t{padding:30px 15px;}
  .p-tt {text-align: center;width: 100%;}
  .p-tt li{min-height: 45px;border:1px solid #ccc;width: 250px;display: inline-block;margin:20px 20px 5px 20px;padding-top: 12px;font-size: 17px;padding-bottom: 12px;}




  #ysnr{ padding-top: 2%;}
  #ysnr li{ background: #f2f2f2; height: 100%; margin-bottom: 3%; padding: 3%;}
  #ysnr li .nr{ width: 65%; min-height: 170px;}
  #ysnr li .nr .tit { color: #262626; font-size: 24px; font-weight: bold;}
  #ysnr li .nr .tit span{ color: #d40014; font-size: 30px; padding-right: 20px;}
  #ysnr li .nr dl{ padding-top: 2%; margin: 0;}
  #ysnr li .nr dl dt{ color: #262626; font-size: 16px; font-weight: normal; line-height: 35px;}
  #ysnr li .nr dl dt span{ color: #d40014;}
  #ysnr li .pic{ width: 35%; text-align: center;}
  #ysnr li .pic img{ max-width: 100%;}

  @media screen and (max-width:765px){
    #ysnr li .nr{ width: 100%;}
  } 



  ._01_wrap_pro{margin-top: 2%;width: 100%;}
  ._01_wrap_pro ._pro_name{background: #f9f9f9;margin-top: 2px;transition: all .4s;}
  ._01_wrap_pro ._pro_name p{font-weight: normal;color: #201c19;font-size: 12px;text-transform: uppercase;background-attachment: }
  ._01_wrap_pro ._pro_name p span{font-size: 17px;line-height: 45px;display: block;width: 100%;text-align: center;}
  ._01_wrap_pro a:hover ._pro_name{background: #bb0202 url(../images/pro_arrow_hover.png) 90% center no-repeat;margin-top: 2px;}
  ._01_wrap_pro a:hover ._pro_name p{color: #fff;}
  ._01_wrap_pro .owl-dot{position: relative;top:20px;}

  .box1{background: #fff;}
  .m-product{ height: auto; margin-top: 3%;}
  .slideGroup{ width:100%;overflow:visible; position:relative;}
  .slideGroup .parHd{ margin: 30px 0;}
  .slideGroup .parHd ul{  width: 100%; overflow: hidden; text-align: center;}
  .slideGroup .parHd ul li{ display: inline-block; line-height: 40px; margin: 0 1px 3px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  .slideGroup .parHd ul li a{ color: #323232;font-size: 1.4rem;text-transform : uppercase;font-weight: lighter;display: block;width: 100%;height: 100%;}
  .slideGroup .parHd ul li.on a{color: #fff}
  .slideGroup .parHd ul li.on{background: #27262a;}


  .slideGroup .parBd{ width: 100%;  overflow: hidden;}
  .slideGroup .parBd ul{ width: 100%; margin: 0 auto; overflow: hidden;text-align: center;}
  .slideGroup .parBd ul li{display: inline-block;margin-bottom: 20px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
  .slideGroup .parBd ul li img{width: 100%;}
  .slideGroup .parBd ul li p{display: block; line-height: 35px; font-size: 1.5rem !important; text-align: left;background: #f0f0f0; padding:0 1%;}
  .slideGroup .parBd ul li p span{display: block;}
  .slideGroup .parBd ul li p .left{ float: left; width: 60%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.8rem;}
  .slideGroup .parBd ul li p .right{ float: right; background: #d80000; color: #fff; width: 40%; text-align: center; font-size: 0.8rem;}
  @media screen and (max-width:765px){
    .slideGroup .parBd ul li img{ height: 140px;}
  }
  @media (min-width:992px){
   .slideGroup .parBd ul li img{ height: 229px;}
 }


.slideBox1{ position:relative; overflow:hidden; margin:0 auto;  max-width:640px;/* 设置焦点图最大宽度 */ }
.slideBox1 .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox1 .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox1 .hd li.on{ background:#fff;  }
.slideBox1 .bd{ position:relative; z-index:0; }
.slideBox1 .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }
.slideBox1 .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox1 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox1 .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }


.mores{width: 100%;margin:30px auto;}
.mores span{display: block;width:244px;height: 52px;line-height: 52px;border-radius: 26px;border:1px solid #cf0000;text-align: center;margin:0 auto;transition: 0.5s;}
.mores span a{display: block;width: 100%;height: 100%;color:#cf0000;font-size: 16px;text-transform : uppercase;}
.mores span:hover{border-radius: 0px;}



.box2{background: url('../images/ave-bg.jpg') repeat-y center top;}
.box2li{}
.rebox{margin:30px auto;}
.box2li-bg{border:1px dashed #a0a0a0;width: 100%;padding:14px;color: #fff;margin-top:40px;margin-bottom: 40px;min-height: 350px;}
.box2li-1 {}
.box2li-1 {text-align: center;font-size:60px;color: #fff;}
.box2li-1 img{display: block;width: 100%;}
.tel-s{margin:10px auto 50px;height: 48px;text-align: center;}
.tel-s span{line-height: 48px;border-radius: 24px;background: #d40014;color: #fff;font-size: 24px;}
.tel-s span i{font-size: 28px;}

.box2li-2 {font-size: 20px;text-transform : uppercase;line-height: 54px;color: #000;}
.box2li-2  i{font-size: 20px;}
.box2li-3{font-family: Arial;font-size: 16px;text-transform : uppercase;font-weight: lighter;color: #333333;}

.box3{background: url('../images/com-bg.jpg') repeat-y center center;padding:40px 0  ;}
.box3 .texts{font-size: 16px;text-align: center;line-height: 30px;padding:40px 0;}
.box3 .reli{margin:20px 0;}
.box3 .reli-1{margin:0 auto;width: 80%;}
.box3 .reli span{display: block;margin:0 auto;}
.box3 .reli span i{font-size: 80px;color: #cf0000;position: relative;width: 100%;display: block;border-radius: 50%;border:3px solid #cf0000;text-align: center;line-height:200px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.box3 .reli em{width: 20px;height: 20px;border-radius: 50%;background: #cf0000;position: absolute;top:-5px;display: block;}
.box3 .reli-2{font-size: 20px;color: #3d3d3d;text-align: center;padding-top: 10px;}



.box4{margin-top:40px;margin-bottom: 40px;}
.box4s{background: url('../images/adv-bg.jpg') no-repeat center center;padding:30px 0;}
.casebox {width: 100%;height:auto;overflow: hidden;}

.index-cases{background-color: #f1f2f4; overflow: hidden;}
.case-list{}
.case-list .case-item{transition: all .2s linear 0s;}
.case-list .case-item .case-item-wrap{ transition: all .2s linear 0s;}
.case-list .case-item .case-title{ text-align: center;	padding: 1% 0;	margin-bottom: 0;	line-height: 290%;	background: #fff;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;	font-size: 120%; transition: all .2s linear 0s;    border-bottom: 5px solid #0f4bad;}
.case-list .case-item .case-item-wrap:hover{ -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);	box-shadow: 0 0 30px rgba(0,0,0,0.3);}
.case-list .case-item .case-item-wrap:hover .case-title{ background-color: #0f4bad; color: #fff;}
.case-list.owl-carousel .owl-stage-outer .case-item-wrap:hover{ -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);	box-shadow: 0 0 15px rgba(0,0,0,0.3);}











.box5{}
.newc-li{margin:20px 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:20px 30px;background: #f7f7f7;}
.newc-li-1{font-size: 20px; color: #333333;line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;margin-bottom: 10px;}


  .newc-li-2{font-size: 14px; color: #999999;line-height: 30px;
    overflow: hidden;font-weight: lighter;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;margin-bottom: 10px;}
    .newc-li-3{font-size: 14px; color: #000;}
    .newc-li:hover{background: #ce0a0a;}
    .newc-li:hover .newc-li-1,.newc-li:hover .newc-li-2,.newc-li:hover .newc-li-3{color: #fff;}
    .box6{background: #f4f4f4;padding:20px 0;}
    .hzc{height: auto;overflow: hidden;width: 100%;padding-top:20px;padding-bottom: 10px;}
    .hzli{-webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;border:2px solid #f4f4f4;margin-top:10px;margin-bottom: 10px;}
      .hzli img{display: block;width: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: 0.5s;-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;border:2px solid #f4f4f4;}
        .hzli:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);transform: rotateY(360deg);border:2px solid #ececec;}



        .end-t{background: #2a2a2a;}
        .end-d{background: #2f2f2f;}
        .end-t-s{padding:50px 0;}



        .t01,.t02,.t03,.t04{min-height: 150px;margin-bottom:20px;}
        .end-t-s-1 li{float: left;margin-bottom: 30px;}
        .end-t-s-1 li:after{content: "|";color: #999;padding:0 10px;}
        .end-t-s-1 li a{color: #999999;text-transform : uppercase;font-size: 13px;}
        .end-t-s-2{ text-transform :  uppercase;font-size: 13px;color: #999;}

        .end-t-s-3 span{color: #999;text-transform : uppercase;font-size: 16px;}
        .end-t-s-3 p{color: #da0410;text-transform : uppercase;font-size: 20px;font-weight: bold;}
        .end-t-s-4 li{line-height: 3.5rem;color: #999;font-size: 16px;}

        .end-d{background: #2f2f2f;line-height: 63px;}


        .end-d-l span{color: rgba(255,255,255,0.5);font-size: 14px;text-transform : uppercase;}
        .end-d-l a{color: rgba(255,255,255,0.5);font-size: 14px;}
        .end-d-r a{color: rgba(255,255,255,0.5);font-size: 14px;text-transform : uppercase;}

        .t03 img{display: block;margin:0 auto;}




        /* 产品中心 */
        .layui-elem-field {margin: 30px 0 10px 0;padding: 0;margin-top: 30px; margin-bottom: 30px; border:2px solid  #e6e6e6;position: relative;}
        .layui-elem-field legend {padding: 0 20px;width: auto;border-bottom: none;text-align: center;margin-left:auto;margin-right:auto;font-size:34px;font-weight: bold;text-transform : uppercase;margin-bottom: 0px;}
        .layui-elem-field a{display: block;width: 250px;margin: 0 auto;overflow: hidden;background: #fff;line-height: 36px;bottom: -15px;position: relative;text-align: center;color: #cf0000;font-size: 24px;text-transform : uppercase;}

        .probgs .layui-elem-field legend{color: #fff;}

        .products {padding:40px 0;}
        .probgs{background: url(../images/p-1.jpg) no-repeat center center;}
        .p-t{padding:0 15px;}
        .products-li{margin-bottom: 30px;margin-top:30px; transition:0.3s; }
        .products-li img{display: block;width: 100%;float: left;}
        @media screen and (max-width:765px){
          .products-li img{ height: 140px;}
        }
        @media (min-width:992px){
         .products-li img{ height: 221px;}
       }





       .products-li-1{width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
       .products-li-1 img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
       .products-li-2{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:3% 5%;background: #fff; transition:0.3s;}
       .products-li-2-1{color: #282828;font-size: 1.5rem;line-height: 45px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
       .products-li-2-2 span{display: block;width: 30%;height: 3px;background: #807e7e;}
       .products-li-2-3{line-height: 22px;font-size: 14px; overflow: hidden;min-height: 66px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;margin: 10px 0;}
        .products-li:hover .products-li-2{background: #cf0000;}
        .products-li:hover .products-li-2-1{color: #fff;}
        .products-li:hover .products-li-2-2 span{background: #fff;}
        .products-li:hover .products-li-2-3{color: #fff;}



        .end_top {background: #cf0000;}
        .end_top ul{text-align: center;}
        .end_top ul li{display: inline-block;line-height: 110px;margin:0 10px;}
        .end_top ul li i{color: #fff;font-size: 35px;}
        .end_top_text{line-height: 110px;text-align: center;color: #fff;font-size: 23px;text-transform : uppercase;}
        .end_top_a {}
        .end_top_a a {display: block;height: 60px;width: 60%;background: #040404;text-align: center;line-height: 60px;margin:25px auto;color: #fff;font-size: 17px;}



        /* left */
        .widget {background: #fff;width: 100%;}
        .widget .short_title{background: #2b2a2f;line-height: 62px;text-align: center;font-size: 24px;text-transform : uppercase; color: #fff;text-transform : uppercase;}
        .widget .short_title i{color: #fff;font-size: 24px;}
        #pro_list li{padding:0 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #eeeeee; line-height: 51px;}
        #pro_list li a{font-size: 16px;color: #282828;display: block;width: 100%;height: 100%;}

        .widget-c-2 img {display: block;width: 100%;}

        .widget-c-3 {height: 90px;background: #2a2a2a;width: 100%;float: left;}
        .widget-c-3  a{display: block;height: 50px;width: 220px;margin:20px auto;background: #cf0000;border-radius: 25px;font-size: 16px;line-height: 50px;text-align: center;font-weight: bold;color: #fff; }

        .widget-c-4{height: 50px;font-size: 16px;line-height: 50px;background: #cf0000;text-align: center; color: #fff;}
        .widget-c-4 a{color: #fff; }



        .contact-b{background: #fff;padding:30px;}
        .contact-1{border:1px solid #e1e1e1;padding:49px 30px;margin-left:-1px;margin-top: 30px;}
        .contact-1-1{line-height: 35px;color: #999999;font-size: 16px;}
        .contact-1-1 i{margin-right: 20px;}

        .contact-2{border:1px solid #e1e1e1;padding:20px 30px;margin-left:-1px;margin-top: 30px;}
        .contact-2 img{display: block;width: 80%;margin:0 auto;}
        .contact-2 span{display: block;text-align: center;font-size: 16px;color: #383737;}
        .contact-2 b{line-height: 35px;text-align: center;display: block;font-size: 24px;}
        .contact-2:nth-of-type(3) span{display: block;text-align: center;font-size: 14px;color: #383737;}


        .contact-order .container{background: #fff;margin: 40px auto;padding:30px 0px;}


        .left-b .swiper-container{width:100%;height:100%}
        .left-b .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
        .left-b .swiper-slide img{display:block;width:90%;margin:5%}
        .left-b .swiper-slide span{line-height:45px;text-align:center;padding-bottom:20px;display:block;width:100%;color: #fff; font-size: 1.2rem;}
        .left-b{background:#cf0000;margin-top: 40px;}



        .right{}


        .page {line-height: 100px;text-align: center;}

        .page a{display: inline-block;padding:5px 10px;border:1px solid #efefef;}
        .page .current{display: inline-block;padding:5px 10px;border:1px solid #efefef;background: #f7f7f7;}



        .pro-tops{background: #f6f6f6;}
        .pro-topcc{margin:0px auto;}
        .pro-topc{padding:20px;background: #fff;margin:20px auto;}


        .g_gallery{ padding: 25px 15px;}
        .g_gallery .g_pic{ width:100%; border:1px solid #dddddd;overflow: hidden;}
        .g_gallery .g_pic a{ display: table-cell; width:1%; text-align: center; vertical-align: middle;}
        .g_gallery .g_pic a img{ max-width:100%; max-height:553px; }
        .g_gallery .g_thumb{ margin-top:12px;}
        .g_gallery .g_thumb li{width: 20%;float: left; border:1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin:0 2.5%;}

        .g_gallery .g_thumb li.on,.g_gallery .g_thumb li:hover{ border-color:#ef3b2d;}
        .g_gallery .g_thumb li a{display: table-cell;width: 100%;   text-align: center;}
        .g_gallery .g_thumb li a img{ max-width:100%;max-height: 100%;}


        .g_sumary1 {line-height: 55px;font-size: 2.6rem;color:#282828;}
        .g_sumary2 span{width: 30%;display: block;height: 2px;background: #807e7e;margin-top: 20px;} 
        .g_sumary3 { font-size: 14px;color: #999999;margin: 20px 0;line-height:2.5rem;}
        .cptel{ float: left; background: url(../images/icon_tel.png) no-repeat left center; padding-left: 10%; color: #d80000; font-size: 3rem; font-weight:  bold; margin: 2% 3% 3% 0;}
        .cpnr{ clear: both; background: #efefef; line-height: 3rem; padding: 3%;}
        .cpnr span{ color: #d80000; font-weight:  bold; font-size: 2rem;}
        .g_sumary4 {padding-top: 40px;padding-bottom: 40px;border-top:1px solid #eaeaea;border-bottom: 1px solid #eaeaea;text-align: center;height: auto;overflow: hidden;}
        .g_sumary41,.g_sumary42,.g_sumary43{float: left;width: 33%;display: inline-block;height: 52px;}
        .g_sumary42{border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}
        .g_sumary4 span{display: block;width: 100%;font-size:14px;font-family: Arial;color: #282828;text-transform : uppercase;}
        .g_sumary4 em{font-style: normal;font-family: "Impact";color: #282828;font-size: 18px;}
        .g_sumary5 { float: left; height: auto;overflow: hidden;}
        .g_sumary5 a{width: 190px;height: 56px;display: block;margin:2%;float: left;background: #eaeaea;text-align: center;line-height: 56px;font-size: 16px;}
        .g_sumary5 a:nth-of-type(2){background: #cf0000;color: #fff;}
        .g_sumary6 li{float: left;margin:0 20px;}
        .g_sumary6 li i{font-size: 23px;color: #ccc;}

        .g_sumary{padding:20px 55px;}
        .g_sumary b{ color: #303030;}
        .g_sumary .product_title{ font-size:24px; font-weight:400; color: #3c3c3c; line-height:2;}
        .g_sumary .product_desc{ line-height:28px; padding-bottom:20px;}
        .g_sumary .product_brief{ font-size: 16px; line-height:28px; color: #8b8b8b; border-bottom:1px solid #eee; padding-bottom:20px;}
        .g_sumary .product_spec{ padding:15px 0; border-bottom:1px solid #eee;}
        .g_sumary .product_spec li{ line-height:38px; color: #3f3f3f;}
        .g_sumary .product_spec:after{ clear: both; content: ''; display: block;}
        .g_sumary .product_spec dt{ display: inline-block;  line-height: 36px; font-size: 14px;color: #3f3f3f; margin-bottom:5px;}
        .g_sumary .product_spec dd{ display: inline-block; width: 470px; vertical-align: top;}
        .g_sumary .product_spec dd a{display: inline-block; padding:3px 8px; font-size:14px; border:1px solid #ddd; margin:5px 6px; margin-left:0;}
        .g_sumary .product_spec dd a:hover,.g_sumary .product_spec dd a.current{color: #ef3729; border-color: #ef3729;}
        .g_sumary .product_tels { padding-top: 16px;color: #4a4a4a;}
        .g_sumary .product_tels p img{ margin-right:5px;}
        .g_sumary .product_tels h3{text-indent: 31px; font-family: Impact;font-weight: bold; color: #ef3729;font-size: 36px;}




        .nav-s{line-height: 4rem;background: #cf0000;width: 100%;height: auto;overflow: hidden;}
        .nav-s a{display: block;height: 4rem;font-family: Arial;font-size: 1.5rem;float: left;color: #fff;padding:0 40px;text-transform : uppercase;}
        .nav-s a:hover{background: #b60202;}

        .pr-content{padding:2% 0; font-size: 1.5rem;line-height: 3rem;}
        .pr-content img{ max-width: 100%; display: block; margin: 2% auto;}
        .pr-content table{ width: 100%; margin-bottom: 2%;}
        .pr-content table td{ text-align: center; border: 1px solid #ccc;}
        .pr-content .content{ padding: 3%; font-size: 2rem; line-height: 4rem; color: #000; font-weight: bold; text-align: center;}
        .pr-content .content span{ font-size: 3rem; color: #d80000; font-weight: bold;}

        .order-nas{line-height: 62px;background: #eeeeee;width: 100%;height: auto;overflow: hidden;}
        .order-nas span{display: block;height: 62px;font-family: Arial;font-size: 22px;float: left;color: #fff;padding:0 40px;text-transform : uppercase;background: #cf0000;}
        .order-nas em{display: block;padding:0 20px;color: #666666;font-size: 14px; font-style:normal;font-size: 16px;}
        .order-c{background: #fff;padding:20px;}
        .order {width: 90%;height: auto; margin: 0 auto;}
        .order tr{margin:2% 0;display: block;float: left;width: 100%; padding: 0 !important;}
        .order td{display: block!important;float: left!important; padding: 0 !important;}
        .order .t_r{font-size: 16px;color: #666;line-height: 35px;}
        .order input{display: block;width: 100%;outline: none;background: #f5f5f5;border:1px solid #e1e1e1;text-indent: 2em;line-height: 35px;}
        .order #content{height: 80px;display: block;width: 100%;}
        .order #captcha{width: auto;float: left;}
        .order #submit{display: block;margin:0 auto;background: #cf0000;color: #fff;}




        .news_two_img{display: block;}
        .news_two_txt{display: block;}
        .news .news_two_box{display: block;width: 100%;height: auto;float: left;
          border: 1px solid transparent;
          position: relative;
          background: #f7f7f7;
          transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; margin:15px auto;padding:20px;}
          .news  .news_two_img{ height: 0; padding: 0 0 13%; position: relative; overflow: hidden;}
          .news .news_two_box img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
          .i_buttontext{width: 20%;margin:0 auto;border-radius: 30px;height: 30px;line-height: 30px!important;border:1px solid #ccc;text-align: center;font-style: normal;text-transform : uppercase;}




          .navsbg .container{padding:0;}
          .nav .container{padding:0;}


          .nav li{float: left;text-align: center;}
          .nav_pc{ text-align: center;}
          .nav_pc li{ display: inline-block; float: none; width: 11%; line-height: 55px;}

          .nav_pc li a{display: block;color: #fff;font-size: 14px;transition: all .4s;font-weight: lighter;}
          .nav_pc li a:hover{background: #cf342d;}


          .nav_mobile .container{padding-left: 0;padding-right: 0;}
          .nav_mobile li{width: 25%;line-height: 50px;border-right:solid 1px rgba(255,255,255,.1);border-bottom:solid 1px rgba(255,255,255,.1);float: left;text-align: center;}
          .nav_mobile li a{display: block;color: #fff;font-size: 1.5rem;transition: all .4s;}
          .nav_mobile li a:hover{background: #bc0000;}




          .news_two_box span{display: block;width: 100%;line-height: 45px;
            font-size: 18px;
            color: #717171;
            transition: all .3s ease-out 0s;  overflow: hidden;font-weight: lighter;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;margin-bottom: 20px;}






            .news_two_txt i{display: block;width: 100%;color: #A2A2A2;line-height: 24px;display: block;
              overflow: hidden;transition: all .3s ease-out 0s;font-style: normal;

              overflow: hidden;font-weight: lighter;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 4;
              -webkit-box-orient: vertical;margin-bottom: 20px;



            }
            .ser_but i{height: 35px;line-height: 35px;transition: all 0.3s;}
            .news .news_two_box:hover{    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
              -webkit-transform: translate3d(0, -6px, 0);
              transform: translate3d(0, -6px, 0);}

              .news-info {width: 100%;background: #fff;margin-bottom: 40px;}
              .news-info-1{white-space: normal;line-height: 40px;font-size: 30px;text-align: center;padding:40px 0 20px 0;}
              .news-info-2{white-space: normal;line-height: 40px;font-size: 14px;text-align: center;margin:40px 0;background: #f3f3f3;}
              .news-info-3{font-size: 17px;line-height: 32px;margin-bottom: 40px;}
              .news-info-4{height: auto;overflow: hidden;}
              .news-info-4 li{display: block;float: left;width: 100%;line-height: 35px;border:1px solid #f3f3f3; border-radius: 17px;text-indent: 10px;margin:10px 0;transition: 0.5s ease-out}
              .news-info-4 li:hover{ background: #cf0000; }
              .news-info-4 li:hover a{color: #fff;}
              .news-info-4 li:hover {color: #fff;}







              @media (max-width: 640px)
              {   
                /*.row{ margin-top: -30px;}*/
                .main .left{padding-left:0;padding-right:0;}
                .main .right{padding-left:0;padding-right:0;}
                .products-li{padding-left:5px;padding-right:5px;}
                .pro-topc{padding:0;}
                .g_sumary{padding:20px 5px;}
                .headers .logo img{margin:20px 0px!important;}
                .bannerzy{padding-top: 10px;}
                .bannerzy .catname{font-size: 32px;}
                .news .news_two_img{padding: 0 0 55%;}
                .news_two_box span{margin-bottom: 0px; }
                .news_two_date span{font-size: 12px;margin:0;}
                .slideGroup .parHd ul li{line-height: 35px;width: 32%; margin-bottom: 1%; text-align: center;padding:0 !important;overflow: hidden;float: left;
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-line-clamp: 1;
                  -webkit-box-orient: vertical;}
                  .slideGroup .parHd ul li a{font-size: 1rem;}
                  .box2li{padding:0;}
                  .about-cr{padding:0;}
                  .about-cr-c1{font-size: 14px;line-height: 23px;margin-bottom: 40px;}
                  .about-cr-c2{display: none;}
                  .newc-li-1{font-size: 17px;}
                  .newc-li{padding:10px;}
                  .newc-li-2{font-size: 14px;}
                  .newc-li-3{font-size: 12px;}
                  .nos{padding:0;}
                  .noss{padding:0!important;}
                  .m-product{padding:0;}
                  .nos .slideGroup .parHd{margin: 0!important;}
                  .news .news_two_box{
                    margin:0px auto;padding:5px;}
                    .news_two_txt{padding:0;}
                    .news_two_txt i{margin-bottom: 0px;}
                    .news_two_but{display: none;}
                    .contact-order .container{background: #fff;margin: 10px auto;padding:0px;}
                    .order img{display: block;height: 45px;float: left;}
                  }


                  .mobile_footer{ width: 100%; height: 60px; background: #262932; left: 0px; bottom:0px; position: fixed; float: left;z-index: 999;}
                  .mobile_footer a{ color:#fff; display: block; width: 20%; height: 100%;float: left; line-height:80px; text-align: center;font-size: 100%;font-family: "微软雅黑";}
                  .f1{ width:100%; background:url(../images/footer_home.png) no-repeat  center 20%; background-size: 20px; height:100%; float:left;  text-align:center;}
                  .f2{width:100%;background:url(../images/footer_tel.png) no-repeat center 20%; background-size: 20px;  height:100%; float:left;text-align:center;}
                  .f3{width:100%;background:url(../images/footer_email.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}
                  .f4{width:100%;background:url(../images/footer_map.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}
                  .f5{width:100%;background:url(../images/footer_top.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}
                  @media screen and (max-width:765px){
                   #footer{margin-bottom: 60px;padding-bottom: 4%;}
                 } 






                 @media (max-width: 768px)
                 {   
                   .s-r img{display: block;max-width: 100%;}
                   .s-r-l{height: auto;overflow: hidden;}
                   .banner .container{height: auto;overflow: hidden;}
                   .box3 .reli span i{font-size: 60px;}
                   .banner{margin-top: 160px;}
                 }


                 @media (min-width: 768px)
                 {   .navbar-nav {margin: 0;text-align: center;}
                 .navbar-nav > li {display: inline-block;float: none;}
                 .navbar-nav > li > a {padding-top: 0;padding-bottom: 0;display: block;line-height: 60px; padding: 0 23px;}
                 .slideGroup .parHd ul li{padding:0 27px;}

               }


               @media (min-width: 768px) and (max-width: 1200px)
               {   
                 .s-r{padding-top: 15%;}
                 .s-r img{display: block;max-width: 100%;}
                 .s-r-l{margin-bottom: 30px;height: auto;overflow: hidden;}
                 .s-lp{display: block;height: 100%;width: auto;max-width: none;opacity: 0.2;}
                 .container {width: 100%;}
                 .nav > li > a{color: #fff;position: relative;font-weight: 200;text-transform : uppercase;font-size: 16px;padding:0 18px;}


               }
               @media (max-width: 1200px)
               {
                 .product-content{width: 100%;}
                 .youshi-content{width: 100%;}
                 .about-content{width: 100%;}
               }

               @media (max-width: 768px){
                 .container {width: 100%;}
                 .tops .container {width: 100%;}
                 .s-l{position: absolute;top: 0vw;}
                 .s-l img{display: block;opacity: 0.2;}
                 .s-r{position: relative;padding-bottom: 30px;}
               }