@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 14px;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img, {display: block;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
ul{margin-bottom: 0px;}
.c10{color: #d42114;}
.clear{clear: both;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
/*修改滚动条*/
::-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;}
.pf_12{font-size: 12px;line-height: 25px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;line-height: 40px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}
@font-face {font-family:fz;src: url('/static/index/zm001/css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
.sa{line-height: 40px;}
/*top*/
.top{z-index: 88;top:0;width: 100%;position: relative;}
.top img{display: block;margin:0 auto; max-width: 100%;}
.topa {font-size: 15px;font-family: fz;color: #d8d8d8;padding-top: .5rem;}
.topa a:hover em{color: #d42114;}
.topa i{color: #777;}
.topa em{color: #777;transition:.4s;}
.topa b{color: #555;}
.menu li{line-height: 100px;}
.menu li a{display: block;text-align: center;}
.menu li a span{display: block;position: relative;font-size: 18px;font-weight: bold;transition:.4s;}
.menu li a span::after{position: absolute;content: "";width: 1px;height: 15px;background: #e0e0e0;right:0;top:42%;transition:.4s;}
.menu li:last-child a span::after{height: 0px;}
.menu li:hover span{background: #d42114;color: #fff;}
.menu li:hover span::after{background: #d42114;}
.menu li.curr .submenu{display: block;} 
.menu li .submenu{position:absolute;z-index: 88;top:100px; width:100%; display: none;text-align: center;border-bottom:5px solid #d42114;border-top: 1px solid rgba(255,255,255,0.8); }
.menu li .submenu p{line-height:45px;height: 45px;overflow: hidden;background:rgba(255,255,255,0.8);  }
.menu li .submenu p a {display: block; font-size: 13px;line-height:45px;transition:.4s;}
.menu li .submenu p a:hover{background: #d21126;color: #fff; }

.search-text{border: 1px solid #ddd;line-height: 40px;padding-left: 5px;}
.fdj{width: 55px;height: 40px; line-height: 40px;background: url(/static/index/zm001/images/fdj.png) center no-repeat #d42114;outline: none;color: #fff;transition:.4s;}
.fdj:hover{background: url(/static/index/zm001/images/fdj.png) center no-repeat #444;}
.btn{border-radius: 0px;}
.mobmenu{position: relative;top:-24px;}
.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.mobmenu .aligncontent-center {text-align: center;}
.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}
.mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 0;}
.mobmenu .menu-left {float: left;}
.mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 24px;color:#d42114}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);}
.mobmenu .sidebar ul{padding:10%;}
.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;}
.mobmenu .sidebar li i{color: #666;font-size: 18px;}
.mobmenu .sidebar li a:hover{color: #04287e;}

.banner img{width: 100%;}
/*index_cp*/
.in_01 li a:hover span{background: #d42114;color: #fff;}
.in_01 li a:hover img{transform:scale(1.05,1.05) }
.in_01 li img{display: block;width: 100%;transition:all 0.4s ease;}
.in_01 li span{display: block;background: #e7e7e7;line-height: 40px;text-align: center;transition:.4s;}
.intita{height: auto;overflow: hidden;text-align: center;}
.intita strong{display: block;}
.intita p{color: #777;}
.intita em{display: block;width: 30px;height: 2px;background:#ba1a0c;margin:.75rem auto;}
.inimga{height: auto;overflow: hidden;border: 1px solid #eee;}

.in_02{height: auto;overflow: hidden;}
.in02c{height: auto;overflow: hidden;}
.in02c li{float: left; height: auto;overflow: hidden; width: 24.25%;position: relative;margin-right: 1%;transition:.4s;}
.in02c:hover li{width: 17.25%}
.in02c li:hover{width: 45.25%}
.in02c li:hover .in02b{height: 100%;background: rgba(4,4,4,.2);}
.in02c li:hover .in02b strong{margin-top: 4%;}
.in02c li:last-child{margin-right: 0px;}
.in02b{position: absolute;bottom:0;background: rgba(4,4,4,0);height: 95px; color: #fff;width: 100%;transition:.4s;}
.in02b strong{display: block;}
.in02b em{display: block;text-transform: uppercase;color: rgba(255,255,255,.7);font-size: 13px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
.in02b p{line-height: 30px;}
.in02b b{display: block;width: 25px;line-height: 22px;border: 1px solid #fff;border-radius: 50px;font-weight: normal;text-align: center;}

.in03a {height: auto;overflow: hidden;;position: relative;}
.in03a .gallery-top{position: relative;z-index: 1;}
.in03c{color: #fff;margin-top: -126px;position: relative;width: 100%;z-index: 3;}
.in03a .gallery-thumbs::before{background: rgba(0,0,0,.6);position: absolute;content: "";width: 140%;left:-20%;height: 100%;bottom: 0;}
.in03a .gallery-thumbs .swiper-slide{cursor: pointer;text-align: center;border-left: 1px solid rgba(255,255,255,.2);transition:.4s;}
.in03a .gallery-thumbs .swiper-slide:hover{background: url(/static/index/zm001/images/in03b.jpg) center no-repeat #d42114;}
.in03a .gallery-thumbs .swiper-slide-thumb-active{background: url(/static/index/zm001/images/in03b.jpg) center no-repeat #d42114;}
.in03a .gallery-thumbs .swiper-slide:last-child{border-right: 1px solid rgba(255,255,255,.2)}
.in03a .gallery-thumbs .swiper-slide i{font-size: 32px;}
.in03a .gallery-thumbs .swiper-slide span{display: block;font-size: 16px;line-height: 30px;}
.in03a .gallery-top .swiper-slide {display: block;position: relative;height: auto;overflow: hidden;}
.in03a .gallery-top .swiper-slide img{width: 100%;}
.in03a .gallery-top .swiper-slide .in03b{position: absolute;top:20%;width: 100%;color: #fff;}
.in03a .gallery-top .swiper-slide .in03b span{display: block;font-size: 24px;line-height: 50px;}
.in03a .gallery-top .swiper-slide .in03b b{font-size: 34px;}
.in03a .gallery-top .swiper-slide .in03b em{display: block;width: 30px;height: 3px;background: #fff;margin:1rem 0;}
.in03a .gallery-top .swiper-slide .in03b p{line-height: 30px;color: rgba(255,255,255,.8);width: 80%;}
.in03a .gallery-top .swiper-slide .in03b a{display: block;width: 140px;line-height: 45px;background: #d42114;text-align: center;color: #fff;transition:.4s;}
.in03a .gallery-top .swiper-slide .in03b a:hover{background: #fff;color: #444;}

.in_04 img{display: block;width: 100%;}
.in04a{position: relative;}
.in04a b{position: absolute;color: #f5f4f4;font-size: 60px;font-family: impact;z-index: 1}
.in04a strong{display: block;color: #d42114;position: relative;z-index: 3;}
.in04a span{display: block;position: relative;z-index: 3;}
.in04a p{color: #777;letter-spacing: 5px;position: relative;padding-left: 40px;z-index: 2;}
.in04a p::before{position: absolute;content: "";width: 30px;height: 2px;background: #d42114;top:48%;left:0;}
.in04b p{line-height: 30px;color: #777;}

.inmorea a{display: block;width: 140px;line-height: 45px;height: 45px; background: #d42114;text-align: center;color: #fff;transition:.4s;}
.inmorea a:hover{background: #eee;color: #444;}
.inmoreb{height: auto;overflow: hidden;background: url(/static/index/zm001/images/intela.png) left  no-repeat;padding-left:55px;float: right;}
.inmoreb span{display: block;line-height: 30px;}
.inmoreb strong{display: block;color: #c40000;font-family: fz;}
.in04c{height: auto;overflow: hidden;background: #f6f6f6;}
.in04c li{color: #fff;}
.in04c li span{font-size: 42px;font-family: impact;}
.in04c li span small{font-size: 16px;}
.in04c li p{font-size: 16px;color: rgba(255,255,255,.8);}
.in04c li:nth-of-type(1){background: #d42114;}
.in04c li:nth-of-type(2){background: #d42114;}
.in04c li:nth-of-type(3) p{color: #777;}
.in04c li:nth-of-type(4) p{color: #777;}
.in04c li:nth-of-type(3) span{color: #d42114;}
.in04c li:nth-of-type(3) small{color: #444;}
.in04c li:nth-of-type(4) span{color: #d42114;}
.in04c li:nth-of-type(4) small{color: #444;}

.intitb {height: auto;overflow: hidden;line-height: 50px;}
.intitb span{float: left;font-size: 16px;text-transform: uppercase;color: #777;padding-left: 1rem;position: relative;}
.intitb span::before{position: absolute;left:0;content: "";width: 2px;height: 20px;background: #444;top:27%;}
.intitb span i{font-size: 24px;color: #444;letter-spacing:0px;}
.intitb a{float: right;color: #777;transition:.4s;}
.intitb a:hover{color: #ce0000;}
.in05a .swiper-container{height: auto;overflow: hidden;}
.in05a .swiper-slide a{display: block;height: auto;overflow: hidden;background: #f8f7f7;transition:.4s;position: relative; }
.in05a .swiper-slide:hover img{transform:scale(1.05,1.05);}
.in05a .swiper-slide:hover b{background: rgba(0,0,0,0.5);}
.in05a .swiper-slide a::after{position: absolute;content: "";left:0;bottom: 0;height: 2px;width: 0px;background:#ce0000;transition:.4s; }
.in05a .swiper-slide a:hover span{color: #ce0000; }
.in05a .swiper-slide a:hover::after{width: 100%; }
.in05a .swiper-slide img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.in05b span{display: block;border-bottom: 1px solid #e5e5e5;font-size: 16px;line-height: 40px;height: 40px;overflow: hidden;}
.in05b p{line-height: 30px;color: #777;}
.in05b strong {display: block;margin-top: .5rem;line-height: 40px;color: #777;font-weight: normal;}
.in05b strong em{float: right;}

.in05c a{position: relative; display: block;border: 1px solid #ccc;}
.in05c a:hover .in05ca{background: rgba(23,23,23,0.7);opacity: 1;margin-top: 0px;}
.in05c img{display: block;max-width: 100%;}
.in05c .row{padding-left: 7.5px;padding-right: 7.5px;}
.in05c .col-xl-3{padding-left: 7.5px;padding-right: 7.5px;}
.in05ca {position: absolute;z-index: 3;background: rgba(23,23,23,0);opacity: 0; width: 100%;height: 100%;color: #fff;transition:.4s;margin-top: 60px;}
.in05ca strong{display: block;margin-top: 2rem;}
.in05ca b{display: block;width: 40px;height: 40px;border-radius: 60px;background: #fff;text-align: center;line-height: 40px;margin:1rem auto 0 auto;}
.in05ca i{color: #d42114;}
.in05cb{border: 1px solid #fff;text-align: center;height: 100%;}

.in07a{background:url(/static/index/zm001/images/in07bg.jpg) center top no-repeat;color: #fff;}
.in07b i{display: block;width: 30px;height: 1px;background: #fff;margin:1rem 0;}
.in07b p{color: #fff;width: 70%;}
.in07c li {border-right: 1px solid rgba(255,255,255,.2);text-align: center;}
.in07c li:last-child {border-right:none;}
.in07c li span{font-size: 42px;font-family: impact;line-height: 40px;}
.in07c li small{font-size: 14px;}
.in07c li p{line-height: 30px;}

.in01a{background: #f8f8f8;color: #444;height: auto;overflow: hidden;}
.in01a .gallery-thumbs {height: auto;overflow: hidden; box-sizing: border-box;border-bottom: none;}
.in01a .gallery-thumbs .swiper-slide {float: left; height: 100%;line-height: 40px;border: 1px solid #dadada; text-align: center;cursor: pointer;}
.in01a .gallery-thumbs .swiper-slide  i{color: #f6f7fc;transition:.4s;}
.in01a .gallery-thumbs .swiper-slide-thumb-active {background: #d42114;color: #fff;}
.in01a .gallery-thumbs .swiper-slide-thumb-active i{color: #fff;}
.in01a .gallery-top {height: auto;overflow: hidden;}
.in01a .gallery-top .swiper-slide{position: relative;}
.in01a .gallery-top .swiper-slide a{height: auto;overflow: hidden;}
.in01a .gallery-top .swiper-slide a:hover img{transform:scale(1.05,1.05)}
.in01a .gallery-top img{display: block;width: 100%;transition:.4s;}
.in01a .swiper-button-next i{font-size: 36px;color: #d5d5d5;}
.in01a .swiper-button-next:hover{background: rgba(4,4,4,.8);}
.in01a .swiper-button-next {top:50%;right:10%;width: 60px;border-radius: 2px; background: rgba(183,23,11,.8);transition:.4s;}
.in01a .swiper-button-prev {top:50%;left:10%;width: 60px;border-radius: 2px; background: rgba(183,23,11,.8);transition:.4s;}
.in01a .swiper-button-prev i{font-size: 36px;color: #d5d5d5;}
.in01a .swiper-button-prev:hover{background: rgba(4,4,4,.8);}
.in01a .swiper-button-next:after{display: none;}
.in01a .swiper-button-prev:after{display: none;}
.in01aa span{display: block;}
.in01aa i{display: block;width: 40px;height: 1px;background:#d42114;margin:1.5rem 0;}
.in01aa p{line-height: 30px;color: #777;}
/*脚步*/
.footer{height: auto;overflow: hidden;background:url(/static/index/zm001/images/footbg.jpg) center bottom fixed;color: #a0a0a0; }
.foota{border-bottom: 1px solid rgba(45,45,45,.8);}
.morec a{position: relative; display: block;width: 140px;line-height: 40px;height: auto;overflow: hidden; text-align: center;background: #c40000;
  border-radius: 60px;color: #fff;transition:.4s;}
.morec a em{position: relative;z-index: 3;padding-left: 2rem;}
.morec a::before{position: absolute;content: "";width: 40px;height: 40px; border-radius: 60px;background:url('/static/index/zm001/images/tipb.png') 8px 8px no-repeat #9e0303;left:0;bottom: 0;z-index: 1;transition:.6s;}
.morec a:hover::before{width: 230px;border-radius: 60px 0 0 60px;}

.footb li {float: left;width: 20%;}
.footb li:nth-of-type(1) {width: 40%;}
.footb li:nth-of-type(1) {width: 40%;}
.footb li span{display: block;}
.footb li span a{display: block;color: #fff;line-height: 40px;font-size: 16px;}
.footb li em{float: left;width: 50%;}
.footb li em a{display: block;color: #a0a0a0;transition:.4s;line-height: 35px;}
.footb li em a:hover{color: #fff;}
.footb li p a{display: block;color: #a0a0a0;transition:.4s;line-height: 35px;}
.footb li p a:hover{color: #fff;}
.footba{text-align: right;color: #fff;}
.footba span{display: block;font-size: 16px;line-height: 30px;}
.footba p{font-size: 24px;font-family: fz;}

.footc{height: auto;overflow: hidden;border-top: 1px solid rgba(45,45,45,.8);line-height: 80px;color: #a0a0a0;text-transform: uppercase;}
.footc a{color: #818181;}
.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#c40000;color:#fff;z-index: 888;}
.footnav li{float: left;text-align: center; color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 15%;}
.footnav li:nth-of-type(1) a{border-right: 1px solid #b50101;}
.footnav li:nth-of-type(2){width: 15%;}
.footnav li:nth-of-type(2) a{border-right: 1px solid #b50101;}
.footnav li:nth-of-type(3){background: #444;width: 35%;}
.footnav li:nth-of-type(3) a{border-right: 1px solid #333; }
.footnav li:nth-of-type(4){background: #444;width: 35%;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 25px;}
.footnav li a{display: block; color: #fff !important;padding-top:4%;}
.footnav li a:hover{color: #ffb40b}

.online_kefu{position: fixed;  bottom: 20vh;right:1px;z-index:889;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:70px; height:70px;background: rgba(255,255,255,.9); padding-top: 5px;margin-bottom: 1px; text-align: center;position: relative;color: #666; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu ul li .con{ position: relative;}
.online_kefu ul li .con i{font-size: 26px;color: #666;height: 30px;}
.online_kefu ul li .hover_con{ position: absolute;left:-200px;left:-100px; width: 100px;color: #ffffff;text-align: center;background-color: #b70000;height:70px; line-height:70px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -130px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}
.online_kefu li:hover{background-color: #b70000;}
.online_kefu li:hover .con i{color: #fff;}
.online_kefu li:hover p{color: #fff;}
.online_kefu li:hover .hover_con{left:-110px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #b70000; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }
.online_kefu li.qrcode:hover .hover_con{  bottom: -60px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}

/*简介*/
.comban{background: url(/static/index/zm001/images/comban.jpg) center no-repeat;}
.proban{background: url(/static/index/zm001/images/proban.jpg) center no-repeat;}
.casesban{background: url(/static/index/zm001/images/casesban.jpg) center no-repeat;}
.pzzxban{background: url(/static/index/zm001/images/pzzxban.jpg) center no-repeat;}
.newsban{background: url(/static/index/zm001/images/newsban.jpg) center no-repeat;}
.yxwlban{background: url(/static/index/zm001/images/yxwlban.jpg) center no-repeat;}
.conban{background: url(/static/index/zm001/images/conban.jpg) center no-repeat;}
.ban{display: flex;align-items:center;overflow: hidden;color: #fff;padding: 4% 0 6% 0;}
.ban strong{display: block;font-size: 40px;line-height: 60px;}
.ban span{display: block;font-size: 22px;line-height: 50px;}
.ban i{display: block;width: 25px;border-top: 2px solid #fff;margin:1rem 0;}
.ban p{line-height: 35px;color: #fff;font-size: 16px;width:50%;margin-bottom: 6%;}
.ban em{font-size: 36px;}
.location{height: auto;line-height: 60px;color: #777;margin-top: -60px;}
.location a{color: #777;transition:.4s;}
.location a:hover{color: #d42114;}
.location .container{background: #fff;border-radius: 10px 10px 0 0;border-bottom: 1px solid #e8e8e8;}
.locationa li{float: left;width: 12%;text-align: center;}
.locationb {text-align: right;}
.location i{color: #d42114;}
.locationa a{display: block;position: relative;transition:.4s;}
.locationa a::before{position: absolute;content: "";left:0;bottom: 0; height: 2px;width: 0px;background: #d42114;z-index:1;transition:.4s;}
.locationa a:hover::before{width: 100%;}
/*content_public*/
.public{height: auto;overflow: hidden;}
.content{line-height: 30px;}
.content img{display: block;max-width: 100%;margin:0 auto;}
.content p{color: #777;}
.de-page-mian{height: auto;overflow: hidden;padding: 2% 0;}
.singlea img{max-width: 100%;}
.singlea p{line-height: 30px;color: #777;}
/*简介*/
.companyaa {border-bottom: 1px solid #e9e9e9;}
.companyaa i{float: left; font-size: 42px;color: #d42114;margin-right: 1rem;}
.companyaa h3{margin-bottom:0px;}
.companyaa h3 small{font-size: 14px;}
.companyaa p{line-height:30px;font-size: 16px;}
.companyab p{line-height: 30px;color: #777;}
.companyab img{max-width: 100%;}
.companyb{height: auto;overflow: hidden;background: #fff;}
.companyba{height: auto;overflow: hidden;box-shadow: 0px 0px 7px 2px #ddd;}
.companyba h4{color: #d42114;}
.companyba h4 i{font-size: 42px;}
.companyba p{line-height: 30px;color: #777;}
.companyc {height: auto;overflow: hidden;background: #f6f6f6;}
.companyc .swiper-container{padding: .5rem;height: auto;overflow: hidden;}
.companyc .swiper-slide{padding: 1% 0;}
.companyc .swiper-slide a{display: block;box-shadow: 0px 0px 10px #ccc;background: #fff;}
.companyc .swiper-slide img{display: block;max-width: 100%;margin:0 auto;}
.companyc .swiper-button-prev{background: #d42114;transition:.4s;top:55%;}
.companyc .swiper-button-prev:hover{background: #444;}
.companyc .swiper-button-prev i{color: #fff;}
.companyc .swiper-button-next i{color: #fff;}
.companyc .swiper-button-next{background: #d42114;transition:.4s;top:55%;}
.companyc .swiper-button-next:hover{background: #444;}
.companyc .swiper-button-next:after, .companyc .swiper-button-prev:after{display: none;}
.comimga{display: block;width: 100%;height: 0;padding-bottom: 65%;position: relative;overflow: hidden;}

.companyda .swiper-container{height: auto;overflow: hidden;}
.companyda .gallery-top {width: 100%;height: auto;overflow: hidden;}
.companyda .gallery-top a{display: block;}
.companyda .gallery-top span{position: absolute;width: 100%; bottom: 0;background: rgba(0,0,0,0.6);line-height: 60px;color: #fff;text-align: center;z-index: 3}
.companyda .gallery-top img{display: block;width: 100%;}
.companyda .swiper-slide {background-size: cover;background-position: center;}
.companyda .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.companyda .gallery-thumbs img{display: block;max-width: 100%;cursor: pointer;}
.companyda .gallery-thumbs .swiper-slide {height: 100%;border: 5px solid #e9e9e9;transition:.4s;}
.companyda .gallery-thumbs .swiper-slide-thumb-active {border: 5px solid #d42114}


.gjmy img{display: block;width: 100%;margin:0 auto;}
.after_ser {height: auto;overflow: hidden;}
.after_ser ul {width: 90%;margin:0 auto;height: auto;overflow: hidden;}
.after_ser li {float: left; width: 46%;line-height: 35px;height: 200px; padding: 4% 4% 4% 16%;color: #777;}
.after_ser strong{font-size: 32px;line-height: 50px;color: #d42114;text-align: center;}
.after_ser span{display: block;font-size: 22px;line-height: 50px;text-align: center;}
.after_ser li:nth-of-type(1) {background: url(/static/index/zm001/images/servicea.png) center top no-repeat;background-size: 100%;}
.after_ser li:nth-of-type(2) {background: url(/static/index/zm001/images/serviceb.png) center top no-repeat;background-size: 100%;}
.after_ser li:nth-of-type(3) {background: url(/static/index/zm001/images/servicec.png) center top no-repeat;background-size: 100%;}
.after_ser li:nth-of-type(4) {background: url(/static/index/zm001/images/serviced.png) center top no-repeat;background-size: 100%;}
/*荣誉*/
.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .honorfonta{background: rgba(0,0,0,0.8);opacity: 0.8;bottom: 0;}
.honorfonta{position: absolute;z-index: 88;bottom: -215px;width: 100%;color: #fff; height: 100%;padding-top: 20%; overflow: hidden;text-align: center;background: rgba(0,0,0,0);transition: .4s;}
.honorfonta span{display: block; line-height: 30px;font-size: 15px;}
.honorfonta i{font-size: 42px;}
.imga{display: block;width: 100%;height: 0;padding-bottom: 65%;position: relative;overflow: hidden;}
.cimga{display: block;width: 100%;height: 0;padding-bottom: 57%;position: relative;overflow: hidden;}
.imgb{height: auto;overflow: hidden;border: 1px solid #eee;}
/*新闻*/
.newslist{padding: 3rem 0;}
.newslist ul li img{display: block;max-width: 100%;}
.newslist ul li a{display: block;border: 1px solid #ebebeb;background: url(/static/index/zm001/images/newsimga.png) right center no-repeat #fff;transition: all 1s ease}
.newslist ul li:hover a{transform: translate3d(0,-10px,0);box-shadow: rgba(0,0,0,0.3) 0px   6px 15px;}
.infontc{margin: 4%;height: auto;overflow: hidden;}
.infontc strong{display: block;font-size: 18px;line-height: 40px;transition:.4s;}
.infontc em{display: block;line-height: 40px;font-size: 16px;}
.infontc span{display: block;font-size: 18px;color: #999;line-height: 60px;}
.infontc p{line-height: 30px;color: #777;transition:.4s;margin:10% 0;}
.caselist {height: auto;overflow: hidden;background: #fff;}
.caselist img{display: block;width: 100%;}
.caselist li a{display: block;}
.caselist li:hover span{background: #d42114;color: #fff;}
.caselist li:hover span i{color: #fff;}
.caselist span{display: block;line-height: 60px;text-align: center;background: #eee;transition:.4s;}
.caselist a i{color: #d42114;transition:.4s;}
/*新闻详情*/
.pro{height: auto;overflow: hidden;background: #f8f8f8;}
.sidetit{height: auto;overflow: hidden;background: #d42114;color:#bb0d00;font-size: 18px;text-align: center;padding: 1rem 0;text-transform: uppercase;font-family: impact;}
.sidetit span{font-size: 24px;line-height: 40px;font-weight: bold;color: #fff;}
.newsinfo{height: auto;overflow: hidden;background: #f4f6f8;}
.newsinfoa{height: auto;overflow: hidden;}
.newsinfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;} 
.meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;}
.newsaa {height: auto;overflow: hidden;}
.newsaa  img{margin:0 auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.newsinfob{height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;}
.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;transition:.4s;}
.newsinfob li:hover{background: #d42114;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li img{max-width: 100%;}
.newsinfob li span{display: block;line-height: 25px;margin:10px 0;color: #666;}
.newsinfob li p{line-height: 25px;color: #666;font-size: 13px;font-family: av;}
#prev_next{height: auto;overflow: hidden;border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;}
#prev_next li{line-height: 35px; color: #777;}
#prev_next li i{float: left;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #d42114 !important;}
.newsimga img{display: block;max-width: 100%;margin:0 auto;}
/*content_product*/

.producta{height: auto;overflow: hidden;}
.typelist{height: auto;overflow: hidden;}
.typelist:nth-of-type(2n+0){height: auto;overflow: hidden;background:#f4f6f8}
.typea{height: auto;overflow: hidden;width: 100%;}
.typea span{float: left; display: block;line-height: 45px;font-size: 22px;}
.typea span i{display: block;border-top: 2px solid #d7132e;width: 30px;}
.typea a{display: block;width: 120px;background: #c40000;border: 1px solid #c40000; line-height: 40px;margin-top: .25rem; text-align: center;color: #fff;transition:.4s;}
.typea a:hover{background: #fff;color: #444;}
.typeb{ clear:both; height: auto;overflow: hidden;}
.typeb img{display: block;max-width: 100%;transition:.4s;}
.typeb p{display: block;line-height: 55px;height: 55px;overflow: hidden; background: #fff;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.typeb p i{float: right;}
.typeb .swiper-slide a {display: block;}
.typeb .swiper-slide a:hover .inimga img{transform: scale(1.02)}
.typeb .swiper-slide a:hover span{background: #d70000;color: #fff;}
.typec{height: auto;overflow: hidden;}
.typec p{line-height: 30px;color: #777;}


.prolist{height: auto;overflow: hidden;padding: 2% 0;background: #fafafa;}
.prolist li{margin-bottom: 2%;}
.prolist li:hover .pimg i{background: rgba(0,0,0,0.4);}
.prolist li:hover .pfonta{background: #d42114;color: #fff;}
.prolist li:hover .pfonta p{color: #fff;}
.prolist li:hover .pfonta em{color: #fff;}
.prolist strong{display: block;font-size: 36px;line-height: 60px;text-align: center;}
.prolist img{display: block;max-width: 100%;}
.pfonta{height: auto;overflow: hidden;transition: .4s}
.pfonta span{display: block;font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;}
.pfonta p{line-height: 25px;color: #777; }
.pfonta em{color: #777;line-height: 35px;transition: .4s}
.pimg{border: 1px solid #eee;display: block;width: 100%;height: 0;padding-bottom: 70%;position: relative;overflow: hidden;}
.pimg i{display: block; position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0);transition: .4s}
/*产品详情*/
.proa{height: auto;overflow: hidden;background: #fff;}
.proaa{height: auto;overflow: hidden;border-bottom: 1px solid #e8e9eb;}
.proaa h3{display: block;line-height: 40px;font-size: 17px;font-weight: bold;}
.proaa p{line-height: 35px;color: #777;}
.proaa p i{color: #d42114;}
.proaa a{display: block;width: 140px;line-height: 40px;background: #d42114;color: #fff;text-align: center;transition: .4s}
.proaa a:hover{background: #444;}
.proab{height: auto;overflow: hidden;margin:3% 0;border-bottom: 1px dashed #ebebeb;padding-bottom: 3%;margin-bottom: 3%;}
.proab p{line-height: 30px;color: #777;}
.proab p i{color: #d42114;font-size: 16px;}
.proac{height: auto;overflow: hidden;background: #f6f7fc;text-align: center;line-height: 40px;color: #777;font-size: 16px;}
.proac em{display: block;border: 1px solid #d42114;border-radius: 5px;text-align: center;line-height: 60px;padding-top: 1rem;}
.proac em i{font-size: 50px;color: #d42114;}

.proc{height: auto;overflow: hidden;}
.ptit{line-height: 70px;background: #fff;font-size: 16px;text-align: center;border-bottom: 1px solid #e8e8e8;}
.ptit a{display: block;transition:.4s;}
.ptit a:hover{background: #d42114;color: #fff;}
.proca p{line-height: 30px;color: #777;}
.proca img{max-width: 100%;}
.procb{height: auto;overflow: hidden;}
.procba {height: auto;overflow: hidden;}
.procba li a{display: block;overflow: hidden; text-align: center;border: 1px solid #eee;transition:.4s;}
.procba li:hover img{transform:scale(1.05,1.05) rotate(3deg)}
.procba li:hover a{background: #a90000;color: #fff;}
.procba li img{display: block;width: 100%;transition:all 0.4s ease;}
.procba li span{display: block;line-height: 50px;}
.himga{display: block;width: 100%;height: 0;padding-bottom: 65%;position: relative;overflow: hidden;}

.procca img{display: block;max-width: 100%;transition:all 0.4s ease;}
.proccb span{display: block;position: absolute;bottom:0;color: #fff;width: 100%;background: rgba(0,0,0,0.4);line-height: 60px;text-align: center;transition:.4s;}
.proccb a{display: block; position: relative;height: auto;overflow: hidden;}
.proccb:hover span{line-height: 100px;background: rgba(0,0,0,0.6)}
.proccb:hover img{transform:scale(1.05,1.05) rotate(3deg);}
.proda a{display: block;}
.proda a:hover span{background: #d42114;color: #fff;}
.proda img{display: block;max-width: 100%;}
.proda span{display: block;line-height: 50px;text-align: center;background: #e8e8e8;transition:.4s;}
/*侧栏*/
.sidetita{height: 70px;border-bottom: 1px solid #e8e8e8;font-size: 12px; line-height: 70px;color: #aeaeae;text-transform: uppercase;}
.sidetita span{font-size: 22px;color: #444;border-left: 2px solid #d42114;}
.sidea {background: #fff;height: auto;overflow: hidden;}
.sidea li{line-height: 45px;height: auto;overflow: hidden;border-bottom: 1px dashed #ccc;transition:.4s;}
.sidea li a{display: block;}
.sidea li i{float: right;color: #c8c8c8;}
.sidea li:hover{background: #d42114;}
.sidea li:hover a{color: #fff;}
.sideb{height: auto;overflow: hidden;background: #fff;}
.sideb li{background: #fff;}
.sideb li:hover img{transform:scale(1.05,1.05) rotate(3deg);}
.sideb li:hover span{background: #d42114;color: #fff;}
.sideb li img{display: block;max-width: 100%;transition:all 0.4s ease;}
.sideb li span{display: block;line-height: 45px;text-align: center;transition:.4s;}
.casecontent{height: auto;overflow: hidden;margin:2% 0;}
/*联系*/
.contacta{height: auto;overflow: hidden;}
.contactaa{height: auto;overflow: hidden;padding-bottom: 4%;}
.contactaa li{height: auto;overflow: hidden;padding: 2% 0;border-right: 1px solid #ededed;text-align: center;}
.contactaa li i{display: block;font-size: 52px;color: #d42114;}
.contactaa li span{display: block;line-height:40px; }
.contactaa li em{display: block;width: 30px;border-top: 1px solid #888;margin:2% auto 4% auto;}
.contactaa li p{line-height:30px;font-size: 16px;color:#777;}
.contactb{height: auto;overflow: hidden;}
.contactc{height: auto;overflow: hidden;background: url(/static/index/zm001/images/contactc.jpg) center top no-repeat fixed;}
.cona{height: auto;overflow: hidden;}
.contactc .forma{height: auto;overflow: hidden;}
.contactc .forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;}
.contactc .forma input:last-child{margin-right: 0px;}
.contactc textarea {display: block;padding-left:2%;width: 100%;height: 90px;background: #fff;line-height: 35px;border: 1px solid #e6e6e6;}
.contactc .code {width: 40%;margin:0 auto;}
.contactc .code input {width: 31%;line-height: 40px;float: left;}
.contactc .code .verify {cursor: pointer;float: left;margin:0 2%;width: 31%;height: 40px;line-height: 40px;text-align: center;}
.contactc .code .verify img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.contactc .submit {float: left;display: block;width: 31%;font-weight: bold; height: 40px;text-align: center;line-height: 40px;background: #fff;transition:.4s; color: #d42114;font-size: 15px;}
.contactc .submit:hover {background: #d42114;color: #fff;}
.contactc .form-tr {overflow: hidden;margin-top: 2%;}
.contactc input {display: block;width: 90%;padding-left:2%;height: 40px;line-height: 40px;background: #fff;border: 1px solid #e6e6e6;}





/* 无内容 */
@media (max-width: 576px) {  
.mf_12{font-size: 12px;line-height: 25px;}
.mf_14{font-size: 14px;line-height: 30px;}
.mf_16{font-size: 16px;line-height: 30px;}
.mf_18{font-size: 18px;line-height: 35px;}
.mf_22{font-size: 22px;line-height: 40px;}

.top img{float: left;max-width: 60%;}
.in03a .gallery-thumbs{position: relative;}
.in03a .gallery-top .swiper-slide img{width: 375%;}
.in03a .gallery-top .swiper-slide .in03b p{width: 100%;}
.in03a .gallery-top .swiper-slide .in03b{top:10%;}
.in03a .gallery-top .swiper-slide .in03b b{font-size:22px;}
.in03a .gallery-top .swiper-slide .in03b span{font-size: 16px;}
.in03a .gallery-thumbs{left:0;width: 100%;}
.in03a .gallery-thumbs .swiper-slide i{font-size: 20px;}
.in03a .gallery-top .swiper-slide .in03b em{margin:.25rem 0;}
.in04c li span{font-size: 24px;}
.in07c li span{font-size: 24px;}
.in07b p{width: 100%;}
.intitb span i{font-size: 16px;}
.footer{padding-bottom: 14%;}
.ban strong{font-size: 22px;line-height: 40px;}
.ban span{line-height: 25px;font-size: 16px;}
.honorfonta i{font-size: 30px;}
.location{margin-top: 0px;}
.locationa li{width: 25%;}
.ban p{display: none;}
.locationb{text-align: left;}
.companyaa h3{font-size: 16px;line-height: 25px;margin-top: .5rem;}
.companyaa p{font-size: 12px;line-height: 25px;}
.companyba h4{font-size: 16px;}
.companyba h4 i{font-size: 30px;}
.contactc .code{width: 100%;}
.contactaa li p{font-size: 14px;}
.after_ser li{width: 100%;padding: 4%;margin-bottom: 1rem;height: auto;}
.after_ser li:nth-of-type(1){background: #e4eaf4}
.after_ser li:nth-of-type(2){background: #e4eaf4}
.after_ser li:nth-of-type(3){background: #e4eaf4}
.after_ser li:nth-of-type(4){background: #e4eaf4}
.after_ser span{font-size: 16px;}
.after_ser strong{font-size: 22px;}
.footba p{font-size: 22px;}
.proaa h3{font-size: 16px;}
.ptit{font-size: 14px;}
.in01a .swiper-button-next{display: none;}
.in01a .swiper-button-prev{display: none;}
.in02c li{width: 49%;margin-bottom: .25rem;}
.in02c li strong{padding-top: 2rem;}
.in02c:hover li{width: 49%}
.MagnifierDrag{display: none;}
}
@media (min-width: 576px) and (max-width: 768px) {  
.mf_12{font-size: 12px;line-height: 25px;}
.mf_14{font-size: 14px;line-height: 30px;}
.mf_16{font-size: 16px;line-height: 30px;}
.mf_18{font-size: 18px;line-height: 35px;}
.mf_22{font-size: 22px;line-height: 40px;}

.top img{float: left;}
.in03a .gallery-top .swiper-slide img{width: 210%;}
.in03a .gallery-top .swiper-slide .in03b{top:5%;}
.ban strong{font-size: 22px;line-height: 40px;}
.ban span{line-height: 25px;font-size: 16px;}
.footc{line-height: 35px;}
.ban{padding: 4% 0 12% 0;}
.companyaa h3{font-size: 16px;line-height: 25px;margin-top: .5rem;}
.companyaa p{font-size: 12px;line-height: 25px;}
.companyba h4{font-size: 16px;}
.companyba h4 i{font-size: 30px;}
.after_ser li{width: 100%;padding: 4%;margin-bottom: 1rem;height: auto;}
.after_ser li:nth-of-type(1){background: #e4eaf4}
.after_ser li:nth-of-type(2){background: #e4eaf4}
.after_ser li:nth-of-type(3){background: #e4eaf4}
.after_ser li:nth-of-type(4){background: #e4eaf4}
.contactc .code{width: 100%;}
.after_ser span{font-size: 16px;}
.after_ser strong{font-size: 22px;}
.locationb{text-align: left;}
.locationa li{width: 25%;}
.in01a .swiper-button-next{display: none;}
.in01a .swiper-button-prev{display: none;}
.MagnifierDrag{display: none;}
}
@media (min-width: 768px) and (max-width:992px) { 
.top img{float: left;}
.in03a .gallery-top .swiper-slide img{width: 190%;}
.footc{line-height: 35px;}
.ban{padding: 4% 0 10% 0;}
.companyaa h3{font-size: 16px;line-height: 25px;margin-top: .5rem;}
.companyaa p{font-size: 12px;line-height: 25px;}
.companyba h4{font-size: 16px;}
.companyba h4 i{font-size: 30px;}
.after_ser li{width: 100%;padding: 4%;margin-bottom: 1rem;height: auto;}
.after_ser li:nth-of-type(1){background: #e4eaf4}
.after_ser li:nth-of-type(2){background: #e4eaf4}
.after_ser li:nth-of-type(3){background: #e4eaf4}
.after_ser li:nth-of-type(4){background: #e4eaf4}
.contactc .code{width: 100%;}
.locationb{text-align: left;}
.MagnifierDrag{display: none;}
 }

@media (min-width: 992px) and (max-width:1200px) {
.in03a .gallery-top .swiper-slide img{width: 160%;}
.inmorea{display: none !important;}
.in04b p{line-height: 25px;}
.sidetita span{font-size: 16px;}
.after_ser li{background:#e4eaf4 !important;padding: 4%;width: 50%;border: 1px solid #fff;}

 }
@media (min-width: 1200px) {
.container{max-width: 1400px;}
 }

@media (max-width: 1530px) {
.online_kefu{display: none;}
 }
@media (min-width: 1200px) and (max-width:1400px) {
.in03a .gallery-top .swiper-slide .in03b{top:10%;}
 }





























/* i i s 7 .com */