@charset "utf-8";
/* 引入外部图标样式 */
@font-face {
  font-family: 'iconfont';  /* Project id 2431691 */
  src: url('http://at.alicdn.com/t/font_2431691_fgstygsmhp5.woff2?t=1631331068179') format('woff2'),
       url('http://at.alicdn.com/t/font_2431691_fgstygsmhp5.woff?t=1631331068179') format('woff'),
       url('http://at.alicdn.com/t/font_2431691_fgstygsmhp5.ttf?t=1631331068179') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/* 网站色值设置 */
body{--zhu-color:#0288de;--pei-color:#eaaf0a;}
/* 样式重置 */
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 14px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
ul,li{list-style:none;margin:0;padding:0;}
a:hover{ text-decoration: none; }
/*清除内外边距*/
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
/*设置默认字体*/
:focus{outline: 0;}
ul,
ol{list-style: none;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}
abbr, acronym{border: 0; font-variant: normal;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{font-size: 100%;}
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
textarea{resize: none;}
button:active, button:focus{ border:none; outline:0; }
.inner{ width: 1200px; margin:0 auto; }
@media only screen and (max-width: 1200px){
  .inner{ width: 100%; box-sizing: border-box; padding:0 15px }
}
@media only screen and (max-width: 640px){
  .inner{ padding:0 10px; }
}

/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; width: 100%; clear: both; }
.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 12px; 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: var(--zhu-color); background: var(--zhu-color);}
.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;}

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

/*down*/
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: none; z-index: 9999;}
.down li{width: 25%; box-sizing: border-box; text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li + li{ border-left: solid 1px #ffffff; }
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
@media only screen and (max-width: 768px){
  .down{ display: block; }
  .plugin-fixed-call{ display: none; }
}

/* 字体引入 */
@font-face{ font-family: DIN; src: url('./fonts/DINPro-Bold.ttf'); }
@font-face{ font-family: BASK; src: url('./fonts/baskerville.ttf'); }

/*header*/
.h-tool{ line-height: 42px; border-bottom: 1px solid #ededed; background: #f2f3f3; }
.h-tool a, .h-tool p{ font-size: 14px; color: #666666; }
.h-tool a:hover{ color: #fe9404; } 
.h-top{padding:24px 0; background: #fff;}
.h-top .tel{ display: inline-flex; float: right; height: 100%; align-items: flex-start; justify-content: center; flex-direction: column; padding-left: 74px; background: url(../images/ico_tel.png) no-repeat left center; }
.h-top .tel p{ font-size: 16px; color:#595959; line-height:1; margin-bottom:12px; }
.h-top .tel b{ font-size: 30px; letter-spacing: 1px; font-family:"impact"; color:var(--zhu-color); line-height:1; }
.m-menu{background: var(--zhu-color);}
.navbar-nav{ flex-direction: row; width: 100%; }
.navbar-nav > li{ width: 12.5%; }
.navbar-nav > li > a{ display: block; width: 100%; text-align: center; padding:16px 0; font-size: 16px; color: #ffffff; }
.navbar-nav > li > a:hover{ background: var(--pei-color); }

/*banner*/
#banner{ width: 100%;}
#banner .swiper-pagination{ bottom:30px; }
#banner .swiper-pagination-bullet{ opacity: 1; width: 14px; height: 14px; background: none; border:2px solid #f7fbfe; border-radius: 50%; }
#banner .swiper-pagination-bullet-active{ width: 14px; height: 14px; background: var(--zhu-color); border-radius: 12px; border:none; }
@media only screen and (max-width: 1900px){
  #banner img{ width: 100%;}
}
@media only screen and (min-width: 1930px){
  #banner img{ width: 100%;}
}
@media only screen and (max-width: 646px){
  #banner .swiper-pagination{ bottom:15px; }
  #banner .swiper-pagination-bullet{ opacity: 1; width: 10px; height: 10px; background: none; border:1px solid #f7fbfe; border-radius: 50%; }
  #banner .swiper-pagination-bullet-active{ width: 10px; height: 10px; background: var(--zhu-color); border-radius: 12px; border:none; }
}


/* m-tit */
.m-tit{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin:30px 0; }
.m-tit > span{ font-size: 34px; color: var(--zhu-color); font-family: "BASK"; text-transform: uppercase; line-height: 1; }
.m-tit > b{ font-weight: normal; font-size: 28px; color: #333333; line-height: 1; display: inline-block; padding:0 46px; margin-top:20px; position: relative; }
.m-tit > b::before{ content: ""; display: block; width: 34px; height: 2px; background: #a5a6a7; border:0; position: absolute; left:0; top:50%; }
.m-tit > b::after{ content: ""; display: block; width: 34px; height: 2px; background: #a5a6a7; border:0; position: absolute; right:0; top:50%; }
@media only screen and (max-width: 1200px){
  .m-tit{ margin:28px 0; }
  .m-tit > span{ font-size: 32px; }
  .m-tit > b{ font-size: 26px; padding:0 42px; margin-top:18px; }
}
@media only screen and (max-width: 992px){
  .m-tit{ margin:26px 0; }
  .m-tit > span{ font-size: 30px; }
  .m-tit > b{ font-size: 24px; padding:0 38px; margin-top:16px; }
}
@media only screen and (max-width: 768px){
  .m-tit{ margin:24px 0; }
  .m-tit > span{ font-size: 28px; }
  .m-tit > b{ font-size: 22px; padding:0 34px; margin-top:14px; }
  .m-tit > b::before, .m-tit > b::after{ width: 24px; height: 1px; }
}
@media only screen and (max-width: 640px){
  .m-tit{ margin:21px 0; }
  .m-tit > span{ font-size: 26px; }
  .m-tit > b{ font-size: 20px; padding:0 30px; margin-top:12px; }
}
@media only screen and (max-width: 576px){
  .m-tit{ margin:18px 0; }
  .m-tit > span{ font-size: 22px; }
  .m-tit > b{ font-size: 18px; margin-top:10px; }
}
@media only screen and (max-width: 414px){
  .m-tit{ margin:15px 0; }
  .m-tit > span{ font-size: 18px; }
}

/* m-pro */
.m-pro{overflow: hidden; position: relative; z-index: 1; background: #f2f1f1; }
#pro{ width:100%; }
#pro .swiper-slide{ height: auto; }
#pro .swiper-slide .img{ width: 100%; padding-bottom: 70%; position: relative; overflow: hidden; border:1px solid  #dfdfdf; }
#pro .swiper-slide .img img{ width:100%; height:100%; object-fit: cover; position: absolute; transition: all .3s; }
#pro .swiper-slide b{ display: flex; align-items: center; justify-content: center; background: #0288de; text-align: center; padding:15px 10px; font-size: 14px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; }
#pro .swiper-slide:hover img{ transition: all .3s; transform: scale(1.05); }
#pro .swiper-slide:hover b{ transition: all .3s; background: var(--pei-color); }
.m-type{overflow: hidden; margin:0 0 30px; text-align: center; width: 100%; }
.m-type a{display: inline-block; padding:10px 35px; border:1px solid #b7b7b9; font-size: 16px; color: #333333; border-radius: 30px; margin:0 18px 5px;}
.m-type a:hover{background: #fcc507; border-color: #fcc507; color: #fff; font-weight: bold;}

@media only screen and (max-width: 1200px){
  .m-type{ margin:0 0 28px; }
  .m-type a{ padding:10px 35px;  }
  #pro .swiper-slide b{ padding:12px 10px; }
}
@media only screen and (max-width: 992px){
  .m-type{ margin:0 0 26px; }
  .m-type a{ padding:8px 30px; }
  #pro .swiper-slide b{ padding:10px 10px; }
}
@media only screen and (max-width: 768px){
  .m-type{ margin:0 0 24px; }
  .m-type a{ padding:6px 25px; font-size: 15px; }
  #pro .swiper-slide b{ padding:8px 10px; }
}
@media only screen and (max-width: 640px){
  .m-type{ margin:0 0 21px; }
  .m-type a{ padding:4px 20px; font-size: 14px; }
  #pro .swiper-slide b{ padding:6px 10px; }
}
@media only screen and (max-width: 576px){
  .m-type{ margin:0 0 18px; }
  .m-type a{ padding:2px 15px; font-size: 13px; }
  #pro .swiper-slide b{ font-size: 13px; }
}
@media only screen and (max-width: 414px){
  .m-type{ margin:0 0 15px; }
  .m-type a{ font-size: 12px; }
  #pro .swiper-slide b{ font-size: 14px; }
}

/* 优势 */
.m-super{ overflow: hidden; margin-top:40px; }
.m-super .hd{ display:flex; padding: 76px 0; width: 100%; background: url(../images/super_tit.png) no-repeat center; align-items: center; justify-content: center; flex-direction: column; }
.m-super .hd .top{ display: flex; align-items: center; justify-content: center; }
.m-super .hd .top span{ margin-right: 12px; font-size: 32px; color: #fefffd; line-height: 1; display: inline-block; padding: 10px 20px; background: -moz-linear-gradient(top, #3782dc 0%, #025ec5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3782dc), color-stop(100%,#025ec5)); background: -webkit-linear-gradient(top, #3782dc 0%,#025ec5 100%); background: -o-linear-gradient(top, #3782dc 0%,#025ec5 100%); background: -ms-linear-gradient(top, #3782dc 0%,#025ec5 100%); background: linear-gradient(to bottom, #3782dc 0%,#025ec5 100%); }
.m-super .hd .top > div{ display: flex; flex-direction: column;  }
.m-super .hd .top > div small{ font-size: 12px; color: #afadad; text-transform: capitalize; line-height: 1; }
.m-super .hd .top > div b{ font-size: 28px; color: var(--pei-color); margin-top: 8px; line-height: 1; }
.m-super .hd p{ font-size: 16px; color: #444444; line-height: 1; margin-top: 20px; }
.m-super .bd li h3{ height: 68px; line-height: 68px; clear: both; }
.m-super .bd li h3 i{ display: inline-block; width: 68px; height: 68px; background: url(../images/ico-s-bg.png) no-repeat center; font-size: 24px; color: #0288de; font-family: impact; font-style: normal; text-align: center; float: left; margin-right: 16px; }
.m-super .bd li h3 span{ display: block; background: url(../images/h3-bg.png) no-repeat left center; font-size: 24px; color: #ffffff; font-weight: bold; padding-left: 30px; width: 80%; float: left; }
.m-super .bd li p{ margin-left: 90px; font-size: 16px; color: #333333; line-height: 30px; }
.m-super .bd li > div{ margin-bottom: 14px; margin-left: -50px; }
.s-12 li:nth-child(1){ border-bottom: 1px dashed #e2e2e2; text-align: center; padding-bottom: 50px; }
.s-12 li:nth-child(1) img{ margin-top: -20px; }
.s-12 li:nth-child(2){ border-left: 1px dashed #e2e2e2; padding-bottom: 14px; }
.s-34{ background: #f9f9f9; padding-bottom: 20px; }
.s-34 ul{ display: flex; flex-direction: row-reverse; }
.s-34 li:nth-child(2){ border-left: 1px dashed #e2e2e2; border-bottom: 1px dashed #e2e2e2; }
.s-34 li:nth-child(2) div{ margin-top: 40px; }
.s-34 li:nth-child(2) div + div{ padding-bottom: 30px; }
.s-34 li:nth-child(1){ text-align: center; padding-top: 20px; }
@media only screen and (max-width: 1200px){
  .m-super .hd{ display:flex; padding: 70px 0; }
  .m-super .hd .top > div b{ font-size: 26px; }
  .m-super .hd p{ margin-top:18px; font-size: 16px; }
}
@media only screen and (max-width: 992px){
  .m-super .hd{ display:flex; padding: 62px 0; }
  .m-super .hd .top span{ margin-right: 10px; font-size: 30px;}
  .m-super .hd .top > div b{ font-size: 24px; }
  .m-super .hd p{ margin-top:16px; }
}
@media only screen and (max-width: 768px){
  .m-super .hd{ display:flex; padding: 56px 0; }
  .m-super .hd .top span{ margin-right: 8px; font-size: 28px;}
  .m-super .hd .top > div b{ font-size: 22px; }
  .m-super .hd p{ margin-top:14px; font-size: 15px; }
}
@media only screen and (max-width: 640px){
  .m-super .hd{ display:flex; padding: 40px 0; background-size: 60%; }
  .m-super .hd .top{ display: flex; flex-direction: column; }
  .m-super .hd .top > div{ align-items: center; padding-top: 6px; }
  .m-super .hd .top span{ margin-right: 6px; font-size: 26px;}
  .m-super .hd .top > div b{ font-size: 20px; margin-top: 6px; }
  .m-super .hd p{ margin-top:12px; font-size: 14px; line-height: 1.5; }
}
@media only screen and (max-width: 576px){
  .m-super .hd{ display:flex; padding: 30px 0; }
  .m-super .hd .top span{ font-size: 22px;}
  .m-super .hd .top > div b{ font-size: 18px; margin-top: 4px; }
  .m-super .hd p{ margin-top:10px; font-size: 13px; }
}
@media only screen and (max-width: 414px){
  .m-super .hd{ display:flex; padding: 15px 0; }
  .m-super .hd .top span{ font-size: 18px;}
}
/* 成功案例 */
.m-case{ overflow: hidden; background: #3398e0; }
.m-case .hd{ text-align: center; padding:20px 0 0; }
.m-case .hd span{ color: #fff; }
.m-case .hd b{ color: #fff; }
.m-case .hd b:before{ background: #fff; }
.m-case .hd b:after{ background: #fff; }
.m-case .bd{ width:100%; overflow: hidden; }
.m-case .bd .swiper-slide a{ display: block; width: 100%; padding-bottom: 75%; overflow: hidden; position: relative; }
.m-case .bd img{ width: 100%; height: 100%; position: absolute; left: 0; transition: all .3s; object-fit: cover; }
.m-case .bd .swiper-slide a:hover img{ transition: all .3s; transform: scale(1.05); }
.m-case .bd{ text-align: center; }
.m-case .bd .more{ margin:35px 0; display: inline-block; padding:14px 38px; border:1px solid #fff; border-radius: 40px; font-size: 18px; color: #f9f9f9; }
.m-case .bd .more:hover{ background: #eaaf0a; }
/* 公司简介 */
.m-about{ overflow: hidden; background:url(../images/about-bg.jpg) no-repeat top center; }
.m-about .bd{ text-align: center; }
.m-about .bd h3{ font-size: 24px; color: #0288de; line-height: 1; margin:0 0 36px;  }
.m-about .bd p{ font-size: 16px; color: #666666; line-height: 32px; }
.m-about .bd > a{ display: inline-block; margin:20px 0; padding:10px 40px; border:1px solid #d3d5d4; border-radius: 3px; font-size: 16px; color: #0288de; }
.m-about .bd > a:hover{ background: #0288de; color: #fff; }
@media only screen and (max-width: 1200px){
  .m-about .bd h3{ font-size: 22px; margin:0 0 24px; }
}
@media only screen and (max-width: 992px){
  .m-about .bd h3{ font-size: 21px; margin:0 0 20px; }
}
@media only screen and (max-width: 768px){
  .m-case .bd .more{ font-size: 15px; }
  .m-about .bd h3{ font-size: 20px; margin:0 0 18px; }
}
@media only screen and (max-width: 640px){
  .m-case .bd .more{ font-size: 14px; }
  .m-about .bd h3{ font-size: 19px; margin:0 0 16px; }
  .m-about .bd p{ font-size: 15px; line-height: 1.5; }
}
@media only screen and (max-width: 576px){
  .m-case .bd .more{ font-size: 13px; }
  .m-about .bd h3{ font-size: 18px; margin:0 0 14px; }
  .m-about .bd p{ font-size: 14px; }
}
@media only screen and (max-width: 414px){
  .m-case .bd .more{ font-size: 12px; }
  .m-about .bd h3{ font-size: 17px; margin:0 0 12px; }
}

/* 资质荣誉 */
/* 新闻中心 */
.m-news{ overflow: hidden; background: #2ea5e2; padding-bottom: 50px; }
.m-news .hd span{ color: #fff; }
.m-news .hd b{ color: #fff; }
.m-news .hd b:before{ background: #fff; }
.m-news .hd b:after{ background: #fff; }
.m-news .bd{ width: 100%; }
.m-news .bd a{ overflow: hidden; }
.m-news .bd a img{ width: 100%; height: 124px; object-fit: cover; float: left; }
.m-news .bd a .txt h3{ margin:10px 0 0; font-size: 18px; color: #ffffff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-news .bd a .txt span{ display: inline-block; margin:10px 0; font-size: 14px; color: #ffffff; }
.m-news .bd a .txt span small{ font-size: 100%; }
.m-news .bd a .txt p{ font-size: 14px; color: #ffffff; line-height: 24px; }
@media only screen and (max-width: 1200px){

}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
  .m-news .bd a .txt h3{ font-size: 17px; margin:0; }
}
@media only screen and (max-width: 640px){
  .m-news .bd a .txt h3{ font-size: 16px; font-weight: normal; }
  .m-news .bd a .txt span small{ display: none; }
}
@media only screen and (max-width: 576px){
  .m-news .bd a .txt h3{ font-size: 15px; }
  .m-news .bd a .txt p{ font-size: 13px; line-height: 1.5; }
  .m-news .bd a .txt span{ font-size: 12px; }
}
@media only screen and (max-width: 414px){
  .m-news .bd a .txt h3{ font-size: 14px; }
  .m-news .bd a .txt p{ font-size: 12px; }
}

/* 底部信息 */
#footer{background: #333333;}
#footer .row{padding:40px 0;}
.f-nav{padding:0 0 0 40px;border-right: 1px solid #3e3e3e;}
.f-nav h3{font-size: 16px;color: #fdfcfa;margin-bottom: 30px;text-transform: uppercase;}
.f-nav a{display: inline-block;font-size: 14px;color: #939191;margin-bottom: 18px;margin-right: 36px;}
.f-contact{padding:0 0 20px 54px;border-right: 1px solid #3e3e3e;}
.f-contact h3{font-size: 16px;color: #fdfcfa;margin-bottom: 20px;text-transform: uppercase;}
.f-contact p{font-size: 14px;color: #939191;line-height: 1.5;margin:0;}
.f-ewm{padding-top: 0px;}
.f-logo,.f-ewm{text-align: center;}
.f-ewm p{ font-size: 13px; color: #fff; margin-top: 12px; }
.f-copy{text-align: center;color: #f3f5f6;font-size: 16px;background: #222323;}
.f-copy p{padding:18px 0;}
.f-copy p, .f-copy a{ color: #f3f5f6; transition: all .3s; }
.f-copy a:hover{ color: var(--pei-color); transition: all .3s; }
@media only screen and (max-width: 1200px){
  #footer .row{ padding:38px 0; }
  .f-nav h3{ margin-bottom: 28px; }
}
@media only screen and (max-width: 992px){
  #footer .row{ padding:36px 0; }
  .f-nav h3{ margin-bottom: 26px; }
}
@media only screen and (max-width: 768px){
  #footer .row{ padding:34px 0; }
  .f-nav h3{ margin-bottom: 22px; }
  .f-nav a{ margin-bottom: 16px; }
}
@media only screen and (max-width: 640px){
  #footer .row{ padding:32px 0; }
  .f-copy p{ padding:16px 0; }
  .f-copy p, .f-copy a{ font-size: 15px; }
  .f-nav h3{ margin-bottom: 18px; }
  .f-nav a{ margin-bottom: 14px; }
}
@media only screen and (max-width: 576px){
  #footer .row{ padding:30px 0; }
  .f-copy p{ padding:14px 0;  }
  .f-copy p, .f-copy a{ font-size: 14px; }
  .f-nav h3{ margin-bottom: 14px; }
  .f-nav a{ margin-bottom: 12px; }
}
@media only screen and (max-width: 414px){
  #footer .row{ padding:20px 0; }
  .f-copy p{ padding:12px 0; }
  .f-copy p, .f-copy a{ font-size: 13px; }
  .f-nav h3{ margin-bottom: 10px; }
  .f-nav a{ margin-bottom: 10px; }
}

/* 媒体查询 */
@media screen and (max-width: 1280px){
  .m-super .bd li > div{ margin-left: 0; }
  .m-super .bd li h3 span{ font-size: 17px; height: 34px; display: flex; align-items: center; }
}
@media screen and (max-width: 1200px){
  .m-super{ margin-top: 20px; }
  .m-menu{ height: auto; border-bottom: 0;}
  .navbar-nav{ margin:0; }
  .navbar-nav > li{ width: 25%; float: left; border:1px solid #fff; }
  .navbar-nav > li > a{ padding:10px 0; text-align: center; }
  .navbar-nav > li > a:hover{ border-bottom: 0; }
  .navbar-nav > li:nth-child(1),
  .navbar-nav > li:nth-child(2),
  .navbar-nav > li:nth-child(3),
  .navbar-nav > li:nth-child(4){ border-bottom: 0; }
  .navbar-nav > li:nth-child(1),
  .navbar-nav > li:nth-child(2),
  .navbar-nav > li:nth-child(3),
  .navbar-nav > li:nth-child(5),
  .navbar-nav > li:nth-child(6),
  .navbar-nav > li:nth-child(7){ border-right:0;}
  .m-about .txt h3{padding:10px 0 16px;padding:10px 0 16px;}
  .m-about .txt p{ line-height: 26px; }
  .m-about .txt strong{ display: none; }
  .m-info .txt p{ font-size: 20px; }
  .m-info .txt p strong{ font-size: 22px; }
  .info_top i{ padding:15px 30px 15px 80px; }
  .info_top i.ico-cu, .info_top i.ico-cu{ background-size: 20%; }
  .logo{ display: flex; align-items: center; }
  .logo img{ max-width: 100%; }
  .s-12 li img, .s-34 li img{ max-width: 100%; }
  .m-menu .inner, .h-top .inner{ padding:0; }
  .m_super img{ max-width: 100%; }
  .m-super .bd li h3{ height: auto; overflow: hidden; line-height: 1; clear: both; margin:12px 0; }
  .m-super .bd li h3 i{ width: 34px; height: 34px; line-height: 34px; font-size: 17px; background-size: 100%; }
  .m-super .bd li p{ margin-left: 0; font-size: 15px; line-height: 1.6; }
  .s-12 li:nth-child(1){ padding-bottom: 30px; }
  .s-34 li:nth-child(2) div + div{ padding-bottom: 20px; }
}
@media screen and (max-width: 992px){
  .m-super{ margin-top: 0; }
  .m-type a{ margin:5px; }
  .m-about .img{ display: none; }
  .m-info .right{ display: none; }
  .m-news .bd .swiper-slide span{ width: 100%;  }
  .f-contact{ margin-bottom: 15px; clear: both; }
  .f-message{ clear: both; }
  .f-copy .txt{ text-align: center; }
  .h-tool{ display: none; }
  .h-top{ padding:20px 0; }
  .m-news .bd .swiper-slide .txt{ margin-left: 0; width: 100%; clear: both; padding-top: 15px; }
  .m-keys{ display: none; }
  .h-location{ display: block; padding:0 15px; }
  .h-location + h1{ margin:20px auto; text-align: center; font-size: 20px; font-weight: bold; }
  .f-nav, .f-contact{ padding:0; border:0; }
  .tel img{ max-width: 100%; }
  .m-super .hd h3{ background-size: 80%; }
  .m-super .bd li h3 span{ line-height: 2; }
  .s-12 li:nth-child(2), .s-34 li:nth-child(2){ border:none; }
  .s-12 li:nth-child(1){ padding-bottom: 10px; }
  #gimg{ width: 100%; margin:20px 0 0; }
  .info_top a{ display: none; }
  .s-12 li:nth-child(1) img{ margin:0 0 20px; width: auto; max-width: 100%;  }
  .m-super .hd h3{ height: 120px; }
  .m-case .bd .more{ margin:15px 0; padding:10px 30px; }
  .m-case .hd{ text-align: center; padding:0 0 0; }
  .m-super .hd p{ text-align: center; }
  .s-34 li:nth-child(2) div + div{ padding-bottom: 10px; }
}
@media screen and (max-width: 768px){
  .m-super .bd li > div{ margin:20px; }
  .m-about{ background-size: cover; }
  #footer .container{ padding: 20px 40px; }
  .f-copy{ margin-bottom: 40px; }
  .tel{ display: none; }
  .m-super .bd li > div{ padding-bottom: 12px; }
  
  .m-super .bd li h3 span{ font-size: 16px; font-weight: normal; padding:0 15px; }
  .m-super .bd li p{ clear: both; font-size: 14px; }
  .logo{ display: block; text-align: center;  }
  .h-top .tel{ display: none; }
  .s-34 li:nth-child(2) div + div{ padding-bottom: 0; }
}
@media screen and (max-width: 640px){
  .logo img{ text-align: center; }
  .m-super .bd li{ margin-bottom: 10px; }
  .m-about .txt span{ background-size: 90%; }
  .f-copy{ margin-bottom: 54px; }
  .info_top h1{ font-size:28px; line-height:1.2; }
  .info_top a{ display:none; }
  .m-type{ overflow: hidden; margin:0; }
  .m-super .hd h3{ display: none; }
  .m-super li > img{ max-width: 100%; }
  .m-super .bd li{ height: auto; padding:0; }
  .m-super .bd li h3{ background: var(--pei-color); }
  .m-super .bd li h3 span{ background: none; width: 100%; }
  .m-super .bd li > div{ margin:0; }
  .m-super .bd li h3 i{ display: none; }
  .m-super .bd li p{ margin-left: 0; }
  .m-case .bd img{ height: 140px; }
  #pro .swiper-slide .img img{ height: 200px; }
  .m-news .bd a img{ height: 140px; }
  .m-type a{ padding:5px 10px; }
  .footer{ padding:0 15px!important; }
}
@media screen and (max-width: 414px){
  .m-super .hd .top > div small{ display: none; }
  .m-about .txt h3{ font-size: 24px; }
  .m-about .txt span { background-size: 70%;}
  .m-super .bd li h3 span{ font-size: 14px; padding:0 8px; }
  .navbar-nav > li > a{ font-size: 14px; }
}