@charset "utf-8";  
@font-face{font-family: 'HarmonyOS';src : url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');}
html{padding: 0;margin:0;font-size: 18px;}
*{padding: 0; margin: 0; outline: none}
body{font-family:"微软雅黑", Arial;font-size: 14px; line-height: 2em; padding: 0;margin:0;     overflow-x: hidden; }
div,a,li,img,p,span,ul,li,em,i,tr,td,th,dl,dt,dd{padding: 0;margin:0;}
h1,h2,h3,h4,h5{padding:0;margin:0;}
li{list-style: none;}
a{text-decoration: none;color:#000; transition: all 0.5s;}
a:hover{text-decoration: none;color:#de1a24;}
a:focus{outline: none;text-decoration: none;color:#de1a24;}
.container {width: 1430px;}
.li_video{position:relative}
.li_video:after{content:""; display:block;  width:40px; height:40px; background:url(../images/big_play.png) no-repeat center center; background-size:cover;    position: absolute;
    top: 36px;
    left: 36px;
    z-index: 10; cursor:pointer}
.side{position:fixed;width:54px;height:275px;right:0;bottom:314px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #de1a24;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#de1a24;opacity:1;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.hot_tel{width:200px;}
.hot_tel button{width:25px; float:left;border:0; background:#fff; height:30px;}
.hot_tel input{width:calc(100% - 25px); float:left; height:30px; border:0; padding:0 10px;    color: #000;}
.fa-search:before{color:#de1a25}

.lyrow .tips{display:block; color:#f00; height:28px;}
.lyrow .tips_true{color:#00853b}


.top{height: 80px; background:#de1a24; }	
.logo{float: left; width: 270px; padding-top:5px}
.yuyan{float: left; font-size: 14px;}
.yuyan svg{position: relative; top: 3px; margin-right: 5px;}
.db_right{float: right; font-size: 14px;}
.db_right i{color: #de1a24; margin-right: 5px;}
.dingbu{line-height: 50px; background: #fff;}
.nav{float: right; width: calc(100% - 300px); text-align: right; margin-top: 10px;}
.nav ul{display: inline-block;}
.hot_tel{float: right;  border-radius: 6px; text-align: center; line-height: 20px; padding: 10px 5px; padding-top: 14px; color: #fff}
.nav li{display: inline-block; padding: 0 30px;}
.nav li > a{color: #fff; line-height: 36px; font-size: 18px; padding-top: 10px; padding-bottom: 24px; display: block;}

.hot_tel span{letter-spacing: 4px}
.banner{position: relative;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 45px;}
.swiper-pagination-bullet{width: 16px; height: 16px; background: #fff;  opacity: 1;}
.swiper-pagination-bullet-active{background: #de1a24}

header{position: fixed; width: 100%; z-index: 11; top: 0}
body{padding-top: 128px;}
.ts_li .ims img{height: 260px;}


.product_index{background: url(../images/pro_bg.jpg) no-repeat right bottom #f3f3f5; padding-bottom: 50px;}
.pro_swiper .swiper{overflow: hidden; padding:15px}
.index_tit{font-size:30px; text-align: center; padding-top: 70px; position: relative; padding-bottom: 20px;}
.index_tit:after{display: block; content: ""; width: 120px; height: 4px; background: #de1a24; position: absolute; left: 50%; margin-left: -60px; bottom: 0px;}
.nav-tab a{display: inline-block; width: 180px; height: 50px; border: solid 1px #de1a24;; line-height: 50px; color: #de1a24; margin: 0 5px;}
.nav-tab a.active{background: #de1a24; color: #fff}
.nav-tab a:hover{background: #de1a24; color: #fff}
.nav-tab{text-align: center; margin-top: 50px; margin-bottom: 50px;}
.pro_swiper{position: relative;}
.pro_swiper .swiper-button-next{right: -30px;}
.pro_swiper .swiper-button-prev{left: -30px}
:root{--swiper-theme-color: #de1a24}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{color: #666}
.pro_swiper .swiper-slide{ background: #fff; -moz-box-shadow:0px 2px 10px #A1A1A1; -webkit-box-shadow:0px 2px 10px #A1A1A1; box-shadow:0px 2px 10px #A1A1A1; text-align: center; line-height: 50px; padding-bottom: 20px;}
.pro_swiper img{width: 100%}
.pro_swiper .swiper-slide a:hover{color: #de1a24}
.more a{display: block; width: 180px; height: 42px; background:#de1a24; display: block; margin: 30px auto; text-align: center; color: #fff; line-height: 42px; }
.xiala dl{position: absolute; width: 200px; background: #fff; left: -30px; padding: 20px 0; display: none} 
.xiala{position: relative;}
.xiala dl dd{line-height: 36px; text-align: left; padding-left: 30px;}
.xiala:hover dl{display: block;}
.xiala1{position:relative}
.top .container{position: relative;}
.pro_xl{position: absolute; width: 840px; background: #fff; right: 0; text-align: left; padding: 30px; display: none;     left: -270px;}
.pro_xl svg{width: 20px; float: left; height: 22px; margin-right: 10px; margin-top: 0px;}
.pro_xl > h3 svg{width: 20px; height: 18px;}
.pro_xl h3{font-size: 16px; height: 24px; font-weight: bold; margin-bottom: 14px;}
.pro_xl .row .aas{ display: block; line-height:3em; padding-left: 30px; }
.pro_xl .row .sda{width: 50%; display: inline-block; float: left;}
.pro_xl h3:before{content: ""; clear: both; display: block;}
.pro_xl .xuanx{padding-top: 10px;}
.pro_xl .col-sm-4,.pro_xl .col-sm-8{padding: 0 30px}
.pro_xl .col-sm-8{border-left: solid 1px #ccc}
.xiala1:hover .pro_xl{display: block;}

 .industry-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-left: -15px;
    margin-right: -15px;
}
.page {
    width: 25%;
    padding: 0 15px;
    margin-bottom: 30px;
}
.page .industry {
    position: relative;
    height: 100%;
    background-color: #fff;
    border: 1px solid #cecece;
    box-shadow: 0 4px 12px 0 rgba(48,46,46,0.15);
    padding-bottom: 36px;
}
.page .industry .image {
    display: block;
    padding-bottom: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 20px 0;
    cursor: pointer;
}
.page .industry .content {
    text-align: center;
    padding: 0 20px;
}
.content h3 {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
.page .industry .content p {
    margin: 0 0 25px 0; font-size: 16px;
    padding: 0; line-height: 1.8em; font-family: "微软雅黑"
}
.page .industry .buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
}
.page .industry .buttons a {
    flex: 1;
    font-size: 14px;
    line-height: 1.0;
    padding: 10px 5px;
}
.btn-red{
    display: inline-block;
    font-family: 'Acumin Pro Condensed';
    font-weight: 700;
    color: #fff;
    line-height: 1.0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14px 40px;
    background-color: #de1a25;
}
.btn-red:hover{color: #fff;}
.btn-dark-grey{
      display: inline-block;
    font-family: 'Acumin Pro Condensed';
    font-weight: 700;
    color: #fff;
    line-height: 1.0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14px 40px;
    background-color: #4d4a4a;
    border-color: #4d4a4a;
}
.page  h3:after, .page  h3:after {
    position: absolute;
    display: block;
    content: '';
    width: 208px;
    height: 4px;
    left: 0;
    bottom: 0;
    background-color: #de1a25; margin: 0 auto; right: 0
}
.csxl{padding-bottom: 70px;}
.tit_intro{text-align: center; margin-top: 10px; margin-bottom: 50px; line-height: 2em}
.why{position: relative;}
.why:before{content: ""; display: block; width: 100%; height: 460px; background: url(../images/index2_03.jpg) no-repeat center top; background-size: cover; position: absolute; z-index: -1;}
.why .index_tit{color: #fff;}
.why .index_tit:after{background: #fff; width:260px; margin-left:-140px}
.why .tit_intro{color: #fff; max-width: 1200px; margin: 0 auto; margin-top: 30px;font-size: 18px}
.swiper3 .swiper-slide{height: 196px; background: #de1a24; border-radius: 8px; line-height: 196px; text-align: center; color: #fff; font-size: 18px; font-style: italic;}
.why_swiper{margin-top: 155px; position: relative; padding: 0 80px; overflow: hidden;}
.why_swiper .swiper-button-prev,.why_swiper .swiper-button-next{background: #fff; width: 50px; height: 50px; border-radius: 50px;     box-shadow: 0 4px 12px 0 rgba(48,46,46,0.15);}
.why_swiper .swiper-button-prev:after,.why_swiper .swiper-button-next:after{font-size: 24px; color: #333}
.swiper3{overflow: hidden;}
  
.news_img{height: 318px; border: solid 1px #ccc;}
.new_li h3{font-size: 18px; line-height: 24px; padding: 20px 0; font-weight: bold;}
.new_xx{font-size: 14px; color: #666}
.ljmore{float: right;}
.new_li{margin-bottom: 50px;}


footer{background: #d4d4d4; padding: 38px 0; margin-top: 30px;}
footer img{display: block;}
.banqaun{padding-top: 30px; font-size: 14px; display: block;}
footer h3{font-size: 20px;  line-height: 50px; font-weight: bold;}
footer p{font-size: 14px; line-height: 2.4em;}
.nav_foot li{width: 50%; float: left;  line-height: 2.4em; font-size: 14px;}
.ewm{width: 114px; float: right;}
.co1{width: 28%}
.co2{width: 30%}
.co3{width: 30%}
.co4{width: 12%}



.cd-auto-hide-header .logo a, .cd-auto-hide-header .logo img {
  display: block; 
}

.cd-auto-hide-header .nav-trigger {
  /* vertically align its content */
  display: table;
  height: 100%;
  padding: 0 15px; float: right;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  right: 0;
}
.cd-auto-hide-header .nav-trigger span {
  /* vertically align inside parent element */
  display: table-cell;
  vertical-align: middle;
}
.cd-auto-hide-header .nav-trigger em, .cd-auto-hide-header .nav-trigger em::after, .cd-auto-hide-header .nav-trigger em::before {
  /* this is the menu icon */
  display: block;
  position: relative;
  height: 2px;
  width: 22px;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.cd-auto-hide-header .nav-trigger em {
  /* this is the menu central line */
  margin: 6px auto 14px;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}
.cd-auto-hide-header .nav-trigger em::before, .cd-auto-hide-header .nav-trigger em::after {
  position: absolute;
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}
.cd-auto-hide-header .nav-trigger em::before {
  /* this is the menu icon top line */
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
}
.cd-auto-hide-header .nav-trigger em::after {
  /* this is the menu icon bottom line */
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
}
@media only screen and (min-width: 1024px) {
  .cd-auto-hide-header .nav-trigger {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .cd-hero {
    height: 400px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-hero {
    height: 600px;
    margin-top: 80px;
  }
}




/*内页banner*/

img{max-width: 100%}
.parallax-inner.page-title-wrap {
    padding: 150px 0 50px 0; height: 446px;
}
.parallax-inner {
    float: left;
    width: 100%;
    padding: 110px 0;
    overflow: hidden;
    position: relative;
}
.parallax-inner{background-size: cover !important;}
.parallax-wrap {
    float: left;
    width: 100%;
    position: relative;
    z-index: 10;
}
.page-title {
    float: left;
    width: 100%;
    position: relative;
}
.page-title h3 {
    float: left;
    width: 100%;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-size: 34px;
    padding-bottom: 10px;
    position: relative;
}
.scroller,.page-title h3:before{
    background: #de1a24;
}
.hero-scroll-down-notifer i{color: #F7B90F}
.page-title h3:before {
    content: '';
    position: absolute;
    left: 0;
    height: 4px;
    width: 40px;
    top: -20px;
    z-index: 2;
}
.hero-scroll-down-notifer i {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    color: #fff;
    font-weight: 100; text-align: center;
}
.page-title p {
    color: rgba(255,255,255,0.9);
    max-width: 450px;
    font-size: 18px;
}
.hero-scroll-down-notifer {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 10px;
}
.scroll-down-wrap {
    float: left;
    position: relative;
}
.mousey {
    float: left;
    width: 20px;
    height: 30px;
    border-radius: 6px;
    padding: 0 6px;
    border: 1px solid rgba(255,255,255,0.4);
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}
.mousey:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 8px;
    left: 50%;
    background: rgba(255,255,255,0.4);
}
.fa-angle-down:before {
    content: "\f107";
}
.pw_dec {
    position: absolute;
    right: 60px;
    width: 220px;
    height: 1px;
    bottom: 24px;
    background: rgba(255,255,255,0.2);
    z-index: 5;
}
.page-title h3:after {
    content: '';
    position: absolute;
    left: 40px;
    height: 1px;
    width: 80px;
    top: -17px;
    z-index: 1;
    background: rgba(255,255,255,0.5);
}
.parallax-wrap .container{position: relative;}
.scroller {
    position: relative;
    left: 50%;
    top: 6px;
    margin-left: -2px;
    width: 5px;
    height: 5px;
    background: #de1a24;
    border-radius: 4px;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
}
@keyframes scroll {
  0% {
  opacity:0
}
10% {
  transform:translateY(0);
  opacity:1
}
100% {
  transform:translateY(50px);
  opacity:0
}
}.hero-dec-line {
  position:absolute;
  bottom:40px;
  left:820px;
  height:1px;
  right:400px;
  background:rgba(255,255,255,0.2);
  z-index:20
}

.page-title a{width: 175px; height: 46px; background: #de1a24; text-align: center; line-height: 46px; color: #fff; font-size: 18px; display: block; margin-top: 45px;}

.gongzh{position: absolute;
    width: 100px;
    max-width: inherit;
    right: 54px; display:none}
    
.side li:hover .gongzh{display:block}

.ny_content{padding-top: 100px;}
.ab_tit{font-size: 30px; font-weight: bold; margin-bottom: 40px; position: relative; display:inline-block}
.ab_tit:after{content: ""; display: block; width: 100%; height: 4px; background: #de1a24; margin-top: 10px;}
.about_1 p{font-size: 16px; color: #333; line-height: 2em; padding-bottom: 30px;}
.about_1 img{padding-left: 100px;}
.lxwm_btn{    display: block;  width: 180px; height: 42px; background: #de1a24; display: block; text-align: center; color: #fff; line-height: 42px;}
.about_1{padding-bottom: 150px;}
.column p{margin-bottom: 25px;}
.zhuanjia{background: #f1f1f1; padding: 70px 0 60px 0}
.zhuanjia p{font-size: 16px; line-height: 2em}
.ab_list{overflow: hidden; padding-bottom: 60px;}
.zj_li{border: solid 1px #ccc; margin-top: 30px; color: #333}
.zj_li img{width: 100%}
.zj_li h4{font-weight: bold; line-height: 50px; text-align: center; font-size: 16px; padding: 0 15px;}
.zj_li p{text-align: center; padding: 0 15px; padding-bottom: 20px;}
.ab_swiper .swiper-slide{background: #f1f1f1; border-radius: 6px; padding: 25px;}
.ab_swiper {padding: 70px 0}
.ab_swiper .swiper{overflow: hidden;}
.ab_swiper{ position: relative; padding-bottom: 100px;}
.ab_swiper .swiper-pagination-bullet{background: #ccc}
.ab_swiper .swiper-pagination-bullet-active{background: #de1a24;}
.ab_swiper h3{font-size: 18px; padding-bottom:  15px; font-weight: bold; display:inline-block}
.ab_swiper h3:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: #de1a24;
    margin-top: 10px;
}
.ab_swiper p{line-height: 1.5em; height: 84px; overflow: hidden;}
.ny_nav{height: 86px; line-height: 86px; -moz-box-shadow:2px 2px 7px #9E9E9E; -webkit-box-shadow:2px 2px 7px #9E9E9E; box-shadow:2px 2px 7px #9E9E9E; font-size: 14px; display:none}
.ny_nav em{font-style: normal;}
.news_list{padding: 60px 0}
.box{border: solid 1px #eee; padding: 0px; margin-bottom: 30px;}
.scale11 img{ width: 100% }
.cont h3{font-size: 20px; padding: 30px 0; font-weight: bold;}
.cont p a{font-size: 14px; color: #999; line-height: 2em; height: 56px; display: block;}
.time a{font-size: 14px; color: #999; line-height: 2em;}
.cmore{display: block; width: 180px; height: 42px; background:#de1a24; display: block; margin-top: 40px; font-size: 14px; text-align: center; color: #fff; line-height: 42px; }

.main{padding: 60px 0}
.qiehuan{width:700px}
.qh_txt{width:calc(100% - 700px)}
.details-head h1{padding-bottom: 30px; border-bottom: solid 1px #ccc; text-align: center; margin-bottom: 30px; font-size: 30px;}


/************************pages**********************/
.pages{margin:30px 0 30px 0;text-align: center; margin-bottom: 0;}
.pages a,.pages span{display: inline-block;height: 36px;padding:0 8px;margin:0 5px; line-height: 36px;color:#666;  border:1px solid #ccc;  min-width: 36px;text-align: center; font-size: 14px;border-radius: 5px;}
.pages a:hover,.pages a.active{border:1px solid #dd0000;color:#fff;background-color: #dd0000;}
.pages .on{    background: #f00; border: 0;  color: #fff;}
/*.pages a.none,.pages a.none:hover{border:1px solid #ccc; color:#fff;cursor: default;}*/

.shaixuan i svg{width: 18px; height: 18px;}
.shaixuan i{float: left; margin-right: 10px;}
.shaixuan h3{font-size: 16px; font-weight: bold; overflow: hidden; margin-bottom: 20px;}
.sx2 span{font-size: 16px; font-weight: bold; margin-right: 20px; float: left;}
.sx2{line-height: 2.5em; margin-bottom: 10px;}
.sx2 a{display: inline-block;  margin: 0 15px}
.pro_list .cont a{text-align: center; color: #000; line-height: 60px; margin-bottom: 20px;}
.intros{text-align: center; padding: 0 15px; height:60px; overflow:hidden}
.sx2 ul{float: left; width: calc(100% - 90px)}
.sx2 {overflow: hidden;}
.shaixuan{margin-bottom: 40px;}
.sx2 .duij{margin: 0}
.sx2 .on{color: #de1a24; font-weight: bold;}
.shaixuan h3 a{ font-size:16px; color:#f00; font-weight:normal}
.shaixuan h3 a i{float:initial; margin-left:8px; position:relative;}
#vertical #video{top: 0;    position: absolute;
    bottom: 0;
    margin: auto;}
.pro_xl .col-sm-4 a{display:block}
.pro_xl .col-sm-8 a{display:block; float:left; width:50%}


/* smallImg */
.smallImg{position:relative;height:560px; padding:26px 5px; margin-top:6px; width:120px; overflow:hidden;float:left;}
.scrollbutton{width:45px; height:10px; overflow:hidden; position:absolute; left:34px; cursor:pointer;background:url(../images/zoom.gif) no-repeat;}
.scrollbutton.smallImgUp{background-position:0 0; top:8px;}
.scrollbutton.smallImgDown{background-position:0 -11px; bottom:8px;}
.scrollbutton.smallImgUp.disabled{background-position:0 -22px;}
.scrollbutton.smallImgDown.disabled{background-position:0 -33px;}
#imageMenu {height:500px;overflow:hidden; margin-top:4px;}
#imageMenu li {height:125px; width:120px; overflow:hidden; padding-top: 5px;}
#imageMenu li img{border:1px solid #E8E8E8; width:108px; height:108px;cursor:pointer;}
#imageMenu li#onlickImg img{border:1px solid #990000;}
/* bigImg */
.bigImg{position:relative;float:right;width:calc(100% - 125px);height:570px;padding:5px;border:1px solid #E4E4E4;overflow:hidden;}
.bigImg #midimg{width:100%; height: 100%}
.bigImg #winSelector{width:235px;height:210px;}
#winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid black;overflow: hidden;width:260px;height:295.652px;top:300px;left:540px;z-index:999;}
#bigView img{position:absolute;}


.pro_tit2{font-size: 24px; font-weight: bold; line-height: 2em; position: relative;}
.pro_tit2:after{content:""; display: block; width: 185px; height: 4px; background: #de1a24; margin-bottom: 30px;}
.leixing h3{font-size: 18px; font-weight: bold; line-height: 2em;}
.content .cont{text-align: center;}
.content .cont a{color: #000; font-weight: bold;}
.ny_ttil{font-size: 18px; font-weight: bold; color: #de1a24; line-height: 2.5em; margin-top: 60px;}
.ny_ttil:after{content:""; display: block; width: 185px; height: 4px; background: #de1a24; margin-bottom: 30px;}
.content td{line-height: 44px; padding: 0 15px;}
.clearfix h2{font-size: 28px; font-weight: bold; line-height: 2em;}
.clearfix h3{font-size: 18px; font-weight: bold; line-height: 2em}
.clearfix p{font-size: 16px;}

.liuyan h3{ font-size: 26px; font-weight: bold; color: #000; padding: 60px 0 }
.lywz{font-size: 16px;  padding-top: 0px; line-height: 2em; padding-bottom: 5px;}
.lywz span{color: #f00; padding-right: 5px;}
.lyrow  input{ border: solid 1px #ccc; height: 40px; width: 100%;  padding: 0 5px;}
.lyrow textarea{height:10em;border: solid 1px #ccc; width: 100%; padding: 0 5px;}
.lyrow .col-sm-12,.lyrow .col-sm-6{padding: 0 60px;}
.lyrow{margin: 0 -60px;}
.btnSubmit{display: block; width: 180px; height: 42px; background:#de1a24; display: block; margin: 30px auto; text-align: center; color: #fff; line-height: 42px; border: 0; margin-top: 50px;}
.db_mobile{display:none}
.db_pc{display:block}


@media (max-width: 1500px){
  .container {width: 1200px;}
  .nav li{padding: 0 20px;}
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 30px;}
  .pp_text:before{height: 510px;}
  .pp_text{max-width: 1160px}
  .touming{padding-left: 60px;}
  .ts_li{padding: 0 15px;    padding-top: 70px;}
  .ts_list{margin: 0 -15px}
  .qywh_li{padding: 0 20px;}
  .qywh_list{margin: 0 -15px}
  .pro_xl{width:980px;}
  .hot_tel {    width: 120px;}

}
@media (max-width: 1200px){
  .container {width: 980px;}
  .hot_tel{display: none}
  .nav{    width: calc(100% - 270px);}
  .pp_text:before{width: 950px; height: 590px;}
  .pp_text{max-width: 910px}
  .piaofu,.piaofu2{display: none}
  .yuanchuang{min-height: inherit;}
  .wenzi{font-size: 24px;}
  .foot_sina{display: none}
}
@media (max-width: 1000px){
  
}
@media (max-width: 992px){
  .container {width: 100%;}
  .logo{width: 200px;}
  .logo img{width: 100%}
  #cd-navigation{display: none}
  .top {height:80px; padding-top:10px;}
  .logo{padding-left:0 !important}
  body{padding-top: 80px;}
  .nav {  width: calc(100% - 200px);}
  .cd-auto-hide-header.nav-open .nav-trigger em {
	  /* transform menu icon into a 'X' icon */
	  background-color: rgba(255, 255, 255, 0);
	}
	.cd-auto-hide-header.nav-open .nav-trigger em::before {
	  /* rotate top line */
	  -webkit-transform: rotate(-45deg);
	      -ms-transform: rotate(-45deg);
	          transform: rotate(-45deg);
	}
	.cd-auto-hide-header.nav-open .nav-trigger em::after {
	  /* rotate bottom line */
	  -webkit-transform: rotate(45deg);
	      -ms-transform: rotate(45deg);
	          transform: rotate(45deg);
	}
	.nav-open #cd-navigation{display: block;}
	.cd-primary-nav > ul {
	    position: absolute;
	    z-index: 2;
	    top: 70px;
	    left: 0;
	    width: 100%;
	    background-color: #ffffff;
	    display: none;
	    box-shadow: 0 14px 20px rgba(0, 0, 0, 0.2); padding: 20px 0
	}
	.nav li{display: block; border-bottom: dashed 1px #eee;}
	.nav li a{color: #000}
	.touming{display: none}
	.fudong{display: none}
	.pp_text:before{display: none}
	.pp_content{ padding: 25px; background: #faeddd; border: solid 2px #f6de8c; border-radius: 16px}
	.pp_text{padding: 0 15px;}
	.pp_text p{padding: 0; margin: 0}
	.ts_li{width: 100%; padding-top: 30px;}
	img{max-width: 100%}
	.qywh_li{width: 100%; margin-bottom: 30px;}
	.qywh{padding: 60px 0}
	.pinpai,.yuanchuang{padding-top: 60px;}
	.pinpai{padding-bottom: 80px;}
	.foot_nav li a{line-height: 40px;}
	.foot_top{padding-bottom: 20px;}
	.foot_tel{float: left;}
	.foot_tel p{text-align: left;}
	.foot_nav li{margin-right: 25px}
	.db_mobile{display:block}
  .db_pc{display:none}
	.page{width:100%}
	.co1,.co2,.co3,.co4{width:100%}
	.nav_foot{overflow:hidden}
	.ewm{float:left}
	.side{display:none}
	.cd-auto-hide-header .nav-trigger{padding:0}
	.pro_swiper .swiper-button-prev {left: -10px;}
	.pro_swiper .swiper-button-next {   right: -10px;}
	.pro_swiper .swiper {    overflow: hidden;    padding: 15px 35px;}
	.index_tit{line-height:1.5em}
	.pro_list .cont p{overflow: hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
	.clearfix p{overflow: hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
	.box .cont{padding:0 30px}
	.qh_txt,.qiehuan{width:100%;    overflow: hidden;}
}