@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;overflow-x: hidden;-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;}
.left{float: left;}
.right{float: right;}
/*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_26{font-size: 26px;line-height: 40px;}
.pf_28{font-size: 28px;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('bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
/*top*//*top*/
.top{position: fixed;z-index: 5;top:0;width: 100%;border-bottom: 1px solid rgba(255,255,255,.2);}
.topa a{display: block;}
.topa img{display: block;max-width: 100%;margin:0 auto;}
.topb {color: #fff;font-family: fz;}
.topb b{font-size: 24px;font-family: fz;font-weight: 100;}
.topb i{font-size: 20px;margin-right: .5rem;}
.topb_a{width: 50%;text-align: center;position: relative;line-height: 36px;}
.topb_a a{color: #fff;transition:.4s;}
.topb_a a:hover{color: #ddd;}
.topb_a:nth-of-type(2)::before{position: absolute;content: ""; left:0;top:30%; width: 1px;height: 15px;background: rgba(255,255,255,.4);}
.search-text{border: 1px solid #ddd;line-height: 38px;padding-left: 5px;width: 80%;}
.fdj{width: 55px;height: 40px; line-height: 40px;background: url(fdj.png) center no-repeat #c30000;outline: none;color: #fff;width: 20%;transition:.4s;}
.fdj:hover{background: url(fdj.png) center no-repeat #444;}
.btn{border-radius: 0px !important;}
.menu{margin-top: 1rem;}
.menu li{position: relative; text-align: center;height: 100%;}
.menu li em{transition:.4s;}
.menu li::before{position: absolute;content: "";width: 0px;height: 1px;right:75%; background:rgba(255,255,255,.7);bottom: 45%;transition:all 0.3s ease 0s}
.menu li::after{position: absolute;content: "";width:0px;height: 1px;left:75%; background:rgba(255,255,255,.7);bottom: 45%;transition:all 0.3s ease 0s}
.menu li:hover::before{width: 20px;}
.menu li:hover::after{width: 20px;}
.menu li:hover i{margin-top: 0px;}
.menu li:hover em{font-size: 26px;}
.menu li a{display: block;position: relative;height: 30px;line-height: 30px; overflow: hidden;color: #fff;font-size: 15px; }
.menu li i{display: block;font-style: normal;margin-top: -30px;transition:.4s;color: rgba(255,255,255,.8);}
.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: -25px;}
.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:#fff}
.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;}
/*首页大图*/
.banner{position: relative;width: 100%;}
.banner .swiper-container {height: auto;overflow: hidden;}
.banner .swiper-slide a img{width: 100%; height: auto;}
.bannerimg  img{width: 100%; height: auto;}
.banner .swiper-pagination{bottom: 4% !important;}
.banner .swiper-pagination-bullet{transition:.4s;}
.banner .swiper-pagination-bullet-active{background: #fff;width: 8px;height: 30px;border-radius: 10px;}
#swiper-slide1{position: relative;}
#swiper-slide1 .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;text-align: center;padding-top: 15%;}
#swiper-slide1 .bannera span{display: block;font-size: 22px;line-height:60px;color:rgba(255,255,255,.6);letter-spacing: 1px; margin-top: -150px;text-transform: uppercase;}
#swiper-slide1 .bannera p{font-size: 42px;line-height: 90px;color: rgba(255,255,255,.9);text-align: center;font-weight: 100;}
#swiper-slide1 .bannera a{display: block;width: 160px;line-height: 40px;background: #c40000;color: #fff;border-radius: 20px;margin:5rem auto 0 auto;position: relative;transition:.4s;}
#swiper-slide1 .bannera a:hover{background: rgba(83,83,83,.8);}
#swiper-slide1 .bannera a::before{position: absolute;content: "";height:40px;width: 1px;background: rgba(255,255,255,.6);bottom: 170%;left:49%;}
#swiper-slide2{position: relative;}
#swiper-slide2 .bannerb{position: absolute;z-index: 3;width: 100%;height: 100%;text-align: center;padding-top: 17%;}
#swiper-slide2 .bannerb span{display: block;font-size: 22px;line-height:60px;color:rgba(255,255,255,.6);letter-spacing: 1px; margin-top: -150px;text-transform: uppercase;}
#swiper-slide2 .bannerb p{font-size: 32px;line-height: 90px;color: rgba(0,0,0,.9);text-align: center;font-weight: 100;text-transform: uppercase;text-shadow:0px 2px 5px #fff;}
#swiper-slide3{position: relative;}
#swiper-slide3 .bannerc{position: absolute;z-index: 3;width: 100%;height: 100%;text-align: center;padding-top: 12%;}
#swiper-slide3 .bannerc span{display: block;font-size: 22px;line-height:60px;color:rgba(255,255,255,.6);letter-spacing: 1px; margin-top: -150px;text-transform: uppercase;}
#swiper-slide3 .bannerc p{font-size: 42px;line-height: 90px;color: rgba(255,255,255,.9);text-align: center;font-weight: 100;}
/*topc*/
.topc{height: auto;overflow: hidden;background: #2e4a7d;color: #fff;}
.topc span{float: left;position: relative; width: 60px;border: 1px solid rgba(255,255,255,.8);height: 60px;border-radius: 60px;text-align: center;padding-top: 5px;margin-right: 1rem;}
.topc span i{font-size: 36px;}
.topc strong{display: block;}
.topc p{line-height: 30px;color: rgba(255,255,255,.8);}
.topc_b{float: left;width: 20%;}
.topc_a{float: right;width: 80%;}
.topc li span::before{display: block;position: absolute;content: ""; left:28px;top:-3px; width: 5px;height: 5px;background: #fff;border-radius: 10px; -webkit-transform-origin: 0px 32px;
    transform-origin: 0px 32px;
    transform: rotate(0deg);
    animation: radar 5s linear infinite;
}
.topc li:nth-of-type(2) span em{}
@keyframes radar{
    0%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(180deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
/*in_01*/
.in_01{height: auto;overflow: hidden;}
.intita{text-align: center;}
.intita strong{display: block;color: #d6d6d6;text-transform: uppercase;font-family: fz;}
.intita span{display: block;font-weight: bold;}
.intita em{display: block;width: 45px;height: 2px;background: #c11a20;margin:1rem auto;}
.intita p{color: #777;}
.in01a ul{width: 60%;margin:0 auto;}
.in01a li a{display: block;border: 1px solid #e1e1e1;line-height: 45px;text-align: center;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.in01a li:hover a{display: block;background: #cd0000;color: #fff;
background: -webkit-linear-gradient(to right, #ee2a2b, #e11a1b, #cd0000);
background: linear-gradient(to right, #ee2a2b, #e11a1b, #cd0000);
}
.in01b li a{display: block;overflow: hidden;border: 1px solid #d8d8d8;position: relative;width: 100%;height: 0;padding-bottom: 108%;-webkit-transition: all .2s linear;transition: all .2s linear;}
.in01b li p{line-height: 30px;color: #777;}
.in01b li em{display: block; height: 0px;overflow: hidden;transition:.4s;}
.in01b li:hover em{height: 40px;}
.in01b li i{font-size: 32px;color: #c40000;}
.in01b li:hover a{box-shadow: rgba(0,0,0,0.3) 0 5px 10px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;}
.in01b li:hover .infonta{background: url(in01b.png) center right no-repeat #fff;}
.in01b li:hover .infonta::before{width: 100%;}
.inimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.inimga img{display: block;max-width: 100%;transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.infonta {height: auto;overflow: hidden;position: absolute;bottom: 0;width: 100%; background: url(in01a.png) center right no-repeat #fff;background-size: 100%; transition:.4s;}
.infonta::before {position: absolute;content: "";height: 5px;background: #c40000;width: 0px;bottom: 0;left:0;transition:.6s;}
.infonta span{display: block;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
/*in_02*/
.in_02{height: auto;overflow: hidden;background: url(in02bg.jpg) center bottom no-repeat #f5f5f5;}
.in_02 img{max-width: 100%;}
.intitb strong{display: block;color: #d6d6d6;text-transform: uppercase;font-family: fz;}
.intitb span{display: block;font-weight: bold;}
.intitb em{display: block;width: 45px;height: 2px;background: #c11a20;margin:1rem 0;}
.in02a{line-height: 30px;color: #777;}
.in02b span{display: block;position: relative;text-align: center;}
.in02b span i{position: absolute;z-index: 0;font-size:80px;left:30%;top:-55%;color: #f3dede;}
.in02b strong{font-size: 48px;font-family: fz;color: #c40000;position: relative;z-index: 2;}
.in02b em{position: relative;z-index: 2;}
.in02b p{line-height: 40px;color: #777;position: relative;z-index: 2;}
.inmorea a{display: block;width: 140px;line-height: 40px;border: 1px solid #c40000;color: #777;transition:.4s;text-align: center;}
.inmorea a:hover{background: #c40000;color: #fff;}
/*in_03*/
.in03a .swiper-slide:hover .tit{background: rgba(0,0,0,0.8)}
.in03a .swiper-container{height: auto;overflow: hidden;}
.in03a .swiper-slide {height:auto;position: relative;
  /* 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;
  transition: 500ms;
  transform: scale(1);
}
.in03a .swiper-slide-prev{ left: -15%;}
.in03a .swiper-slide-next{ right: -15%;}
.in03a .swiper-slide img{ width: 100%; height: 499px; opacity:.9;}
.in03a .swiper-slide-active {position: relative;}
.in03a .swiper-slide-active span{left:-45% !important;transition:.4s;}
.in03a .swiper-slide-active:hover span{left:-35% !important;background: #fff;color: #c40000;}
.in03a .swiper-slide-active::before{position: absolute;content: "";bottom: 0;left:-50%;width: 200%;z-index: 3;transition: all 0.3s;padding: 10%;background-image: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,.0));background-color: transparent;color: #fff;}
.in03a .swiper-slide-active img{opacity: 1; width: 100%; height: auto !important; transform: scale(2);}
.in03a .swiper-slide span{position: absolute; left: 0px; bottom: 4%; width: 180px;line-height:60px; background:#c40000;z-index: 9;color: #fff;text-align: center;}
/*in_04*/
.in_04{height: auto;overflow: hidden;background: url(in04bg.jpg) center top no-repeat;}
.in_04 .swiper-container{height: auto;overflow: hidden;}
.in04a .swiper-slide a{display: block;height: auto;overflow: hidden;}
.in04a .swiper-slide img{display: block;max-width: 100%;transition: all 1s ease}
.in04a .swiper-slide:hover img{transform: scale(1.05, 1.05)}
.in04a .swiper-slide:hover .in04b{top: 15%;}
.in04a .swiper-slide:hover .in04b p{height: 60px;}
.in04a .swiper-button-prev{border: 1px solid rgba(255,255,255,.6);transition:.4s;width: 40px;}
.in04a .swiper-button-prev i{color: #fff;font-size: 24px;transition:.4s;}
.in04a .swiper-button-prev:hover{background: rgba(243,61,61,.8);}
.in04a .swiper-button-next{border: 1px solid rgba(255,255,255,.6); background: ;transition:.4s;width: 40px;}
.in04a .swiper-button-next i{color: #fff;font-size: 24px;transition:.4s;}
.in04a .swiper-button-next:hover{background:rgba(243,61,61,.8);}
.in04a .swiper-button-next:after, .in04a .swiper-button-prev:after{display: none;}
.in04img{height: auto;overflow: hidden;}
.in04b{position: absolute;top: 25%;color: #fff;width: 100%;transition:.8s;text-align: center;}
.in04b i{font-size: 62px;}
.in04b strong{display: block;position: relative;}
.in04b p{color: #c1c1c1;line-height: 30px;height: 0px;overflow: hidden;transition:.4s;width: 60%;margin:0 auto;}
.in04b em{font-size: 36px;}
/*in_05*/
.in_05{height: auto;overflow: hidden;background: url(in05bg.jpg) center top no-repeat;}
.in05a li {margin-right: 1rem;}
.in05a li:nth-of-type(5) {margin-right: 0px;}
.in05a li img{display: block;max-width: 100%;}
/*in_06*/
.in06a .swiper-container{height: auto;overflow: hidden;}
.in06a .swiper-slide img{display: block;max-width: 100%;transition: all 1s ease}
.in06a .swiper-slide a{display: block;height: auto;overflow: hidden;border: 1px solid #ebebeb; background: #fff;position: relative;}
.in06a .swiper-slide a:hover .in06b::before{height: 100%;}
.in06a .swiper-slide a:hover img{transform: scale(1.1);}
.in06a .swiper-slide a:hover span i{-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);}
.in06b {transition:all 0.6s ease 0s;height: auto;position: relative;}
.in06b::before {position: absolute;content: "";height: 60px;background: #f4f4f4;left:0;width: 100%;bottom: 0;z-index: 1;transition:.4s;}
.in06b span{display: block;line-height: 60px;font-family: fz;position: relative;z-index: 2}
.in06b span i{float: right;font-size: 24px;color: #c40000;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transition:.4s;}
.in06b strong{display: block;overflow: hidden;color: #222;position: relative;z-index: 2;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.in06b p{line-height: 25px;overflow: hidden; color: #777;position: relative;z-index: 2;}
.nimgb{height: auto;overflow: hidden;position: relative;}
.nimgb img{transition: all 2s;}
.nimgb::before{position: absolute;content: ""; bottom: 0;width: 100%;z-index: 3;transition: all 0.3s;padding: 10%;z-index: 1; 
background-image: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,.0));background-color: transparent;color: #fff;}
/*脚步*/
.footer{height: auto;overflow: hidden;background:#181819;}
.foota{color:rgba(255,255,255,.8);line-height: 40px;}
.foota span{display: block;color: #fff;font-family: fz;}
.foota p:nth-of-type(2){color:rgba(255,255,255,.6);}
.foota a{display: block;width: 140px;line-height: 45px;background: #c40000;color: #fff;text-align: center;transition:.4s;}
.foota a i{font-size: 22px;}
.foota a:hover{background: #fff;color: #444;}
.footb li {text-align: center;}
.footb li span{display: block;color:rgba(255,255,255,.8);line-height: 40px;transition:.4s;}
.footb li span a{color: #fff;transition:.4s;}
.footb li span:hover a{color: #c40000;}
.fmenu p{line-height: 35px;}
.fmenu p a{color: rgba(255,255,255,.6);transition:.4s;}
.fmenu p a:hover{color: rgba(255,255,255,1);}
.footc img{display: block;padding: 5px;background: rgba(255,255,255,.4);margin:0 auto;max-width: 100%;}
.footc span{display: block; text-align: center;line-height: 40px;color: rgba(255,255,255,.6);}
.footd{line-height: 70px;text-align: center;background: #111;}
.footda img{display: block;margin:0 auto;}
.footd a{color:#93989f;transition:.4s;}
.footd a:hover{color:#fff;}
/*简介*/
.comban{overflow: hidden;background: url(ban_com.jpg) center no-repeat;}
.proban{overflow: hidden;background: url(ban_pro.jpg) center no-repeat;}
.fwban{overflow: hidden;background: url(ban_fw.jpg) center no-repeat;}
.jjban{overflow: hidden;background: url(ban_jj.jpg) center no-repeat;}
.newsban{overflow: hidden;background: url(ban_news.jpg) center no-repeat;}
.conban{overflow: hidden;background: url(ban_con.jpg) center no-repeat;}
.ban {height: auto;overflow: hidden;margin:20% 0 10% 0;color: #fff;}
.ban span{display: block;font-family: fz;text-transform: uppercase;}
.ban strong{display: block;letter-spacing: 4px;}
.zmenu{height: auto;overflow: hidden;background: rgba(0,0,0,.2);border: 1px solid rgba(255,255,255,.6);line-height: 55px;text-align: center;}
.zmenu li a{display: block;color: #fff;font-size: 16px;position: relative;transition:.4s;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.zmenu li a:hover{background: #c40000;}
.zmenu li a::before{position: absolute;content: "";height: 15px;width: 1px;background: rgba(255,255,255,.8);right:0;top:40%;}
.zmenu li:last-child a::before{display: none;}
.zmenu li a i{font-size: 24px;}
/*content_company*/
.companya {height: auto;overflow: hidden;background: #f4f6f7;}
.companya p{line-height:30px;color: #777;}
.comtita {height: auto;overflow: hidden;position: relative;}
.comtita strong{display: block;font-size: 120px;color: #edeff0;text-transform: uppercase;font-family: fz;}
.comtita span{display: block;font-weight: bold;margin-top: -125px; }
.comtita i{display: block;background: url(comtita.png) left center no-repeat;height: 5px;position: relative;z-index: 2;margin-bottom: 3rem; }
.companya .in02b span i{left:37%;}
.companyb{position: relative;}
.companyb img{display: block;max-width: 100%;}
.comba{position: relative;}
.comba_a{position: absolute;z-index: 2;background: rgba(196,0,0,.8);bottom: 0;left:0;}
.comba_a span{display: block;color: #fff;}
.comba_a em{display: block;width: 35px;height: 50px;line-height: 50px;background: #fff;text-align: center;}
.comba_a em i{color: #c40000;font-size: 24px;}

.combc {text-align: center;background: url(combc.png) center 33% no-repeat;border: 1px solid #eeeeee;transition:.4s;position: relative;}
.hex{position: absolute;left: 50%;top: 27%;z-index: 1;width: 114px;height: 113px;-webkit-transition: 2s;transition: 2s;background: url(combd.png) center no-repeat;margin-left: -57px;margin-top: -57px;}
.combb li em{display: block;padding: 12% 0;text-align: center;}
.combb li:hover .combc{background: url(combch.png) center 33% no-repeat #41495a;color: #fff;}
.combb li:hover .hex{background: url(combdh.png) center top no-repeat;
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg); }
.combb li:hover .combc span{color: #fff;}
.combb li:hover .combc b{color: #fff;}
.combb li:hover .combc p{color: #fff;}
.combb li:hover .combc em i{color: #fff;}
.combb li em i{font-size: 42px;color: #c40000;transition:.4s;}
.combb li span{display: block;color: #c40000;transition:.4s;}
.combb li b{display: block;width: 40px;height: 2px;background: #c40000;margin:1rem auto;transition:.4s;}
.combb li p{line-height: 30px;color: #777;transition:.4s;}

.companyc{height: auto;overflow: hidden;background: url(comcbg.jpg) center top no-repeat;}
.comd .swiper-container {height: auto;overflow: hidden;}
.comd .swiper-slide {/* 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;
    transition: 300ms;
    transform: scale(0.8);}
.comd  .swiper-slide-active{transform: scale(1);}
.comd .swiper-slide a{display: block;position: relative;}
.comd .swiper-slide a:hover .come{background: rgba(0,0,0,.5);opacity: 1;padding-top: 45%;}
.comd .swiper-slide img{display: block;max-width: 100%;}
.come{position: absolute;z-index: 1;top:0;left:0; background: rgba(0,0,0,0);opacity: 0;transition:.4s; color: #fff;text-align: center;width: 100%;height: 100%;padding-top: 25%;}
.come i{font-size: 36px;}
.come em{display: block;width: 1px;height: 30px;background: #fff;margin:0 auto;}
.come span{display: block;line-height: 35px;font-size: 15px;}

.companyd{height: auto;overflow: hidden;}
.companyd li{height: auto;overflow: hidden;padding: 0 7px;}
.companyd li:nth-of-type(1){margin-bottom: 1rem;}
.companyd li:nth-of-type(2){margin-bottom: 1rem;}
.companyd li a{display: block;position: relative;height: auto;overflow: hidden;}
.companyd li a:hover span{background: rgba(196,0,0,.8);opacity: 1;}
.companyd li a:hover img{transform:scale(1.05,1.05);}
.companyd li span{position: absolute;width: 100%;height: 100%;padding-top: 15%;text-align: center;opacity: 0;z-index: 3; background: rgba(196,0,0,0);color: #fff;transition:.4s;}
.companyd li i{font-size: 42px;}
.companyd li  p{border-top: 1px solid rgba(255,255,255,.4);border-bottom: 1px solid rgba(255,255,255,.4);width: 120px;margin:0 auto;padding: .25rem 0;}
.comimg{border: 1px solid #eee;display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.comimg img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.comf a{display: block;position: relative;}
.comf a:hover span{background: rgba(196,0,0,.8);opacity: 1; }
.comf a:hover img{transform:scale(1.05,1.05);}
.comf a span{position: absolute;width: 100%;height: 100%;padding-top: 25%;z-index: 3; opacity: 0;text-align: center; background: rgba(196,0,0,0);
  color: #fff;transition:.4s;}
.comf a span p{border-top: 1px solid rgba(255,255,255,.4);border-bottom: 1px solid rgba(255,255,255,.4);width: 120px;margin:0 auto;padding: .25rem 0;}
.comf a span i{font-size:52px;}
/*fwzca*/
.fwzca li:hover em{height: 80px;}
.fwzca li:hover .fwzcc p{margin-bottom: 40%;}
.fwzcb{height: auto;overflow: hidden;position: relative;-webkit-transition: all .4s linear;transition: all .4s linear;}
.fwzcb img{width: 100%;}
.fwzcc{position: absolute;z-index: 3;bottom: 0px;left: 0;width: 100%;transition:.4s;text-align: center;
  background: linear-gradient(to top, rgba(0,0,0,1)10%,rgba(0,0,0,0.4)60%, rgba(0,0,0,0)98%);color: #fff;}
.fwzcc em{display: block;height: 0px;overflow: hidden;transition:.4s;}
.fwzcc i{font-size: 50px;}
.fwzcc strong{display: block;overflow: hidden;}
.fwzcc p{line-height: 30px;color:rgba(255,255,255,.6);transition:.4s;}
.fwzcd{height: auto;overflow: hidden;background: #f4f6f7;}
.fwzce li{height: auto;overflow: hidden;background: #f4f6f7}
.fwzce li:nth-of-type(2n+0){height: auto;overflow: hidden;background: #fff}
.fwzce li:nth-of-type(2n+0) .fwzcf_l{float: right;}
.fwzce li:nth-of-type(2n+0) .fwzcf_r{float: left;}
.fwzcf_l{float: left; width: 49%;}
.fwzcf_r{float: right; width: 49%;}
.fwzcf strong{display: block;font-size: 50px;color: #c40000;font-family: fz;text-transform: uppercase;line-height: 45px;}
.fwzcf i{font-size: 50px;color: #c40000;}
.fwzcf span{display: block;font-weight: bold;}
.fwzcf em{display: block;width: 80px;height: 2px;background: #c40000;margin-top: .5rem;}
.fwzcf b{display: block;font-weight: normal; line-height: 30px;color: #777;}
.fwzcf img{width: 100%;}
.fwzcf p i{font-size: 16px;color: #fff;}
.fwzcf p a{display: block;width: 36%;background: #383838;line-height: 45px;color: #fff;text-align: center;transition: .4s;margin-right: 1rem;}
.fwzcf p a:hover{background: #111;}
.fwzcf p a:nth-of-type(2){background: #df0001;}
.fwzcf p a:nth-of-type(2):hover{background: #111;}
/*cases*/
.caseslist{height: auto;overflow: hidden;}
.caseslist li a{display: block; height: auto;overflow: hidden;position: relative;}
.caseslist li a img{display: block;width: 100%;transition: all .5s ease 0s;}
.caseslist li a:hover em{background: #444;}
.caseslist li a:hover img{  -webkit-filter: blur(5px);
    filter: blur(5px);transform: scale(1.03);}
.caseslist li .cfonta{position: absolute;z-index: 2;color: #fff;left:0;top:0;}
.cfonta strong{display: block;}
.cfonta p{width: 50%;}
.cfonta em{display: block;width: 140px;line-height: 45px;background: #c40000;transition:.4s;text-align: center;}
.cimga{display: block;width: 100%;height: 0;padding-bottom: 35%;position: relative;overflow: hidden;}
/*content_product*/
.prolist li a{display: block;border: 1px solid #e8e8e8;border-radius: 5px;transition:.4s;}
.prolist li a:hover {background: #c30000;color: #fff;}
.prolist li a:hover img{transform: scale(1.03)}
.prolist li a:hover span{background: #c40000;}
.prolist li a:hover .pimga i{background: rgba(0,0,0,.2);padding-top: 30%;}
.prolist li a:hover .pimga em{opacity: 1;}
.pimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.pimga i{position: absolute;z-index: 2;height: 100%;width: 100%;background: rgba(0,0,0,0);padding-top: 10%;text-align: center;transition:.4s;}
.pimga i em{font-size: 60px;color: #c40000;opacity: 0;transition:.4s;}
.pimga img{display: block;max-width: 100%;transition: all .5s ease 0s;}
.prolist li span{display: block;position: relative;background: #424242;line-height: 70px;color: #fff;transition:.4s;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.prolist li span i{float: right;text-decoration: underline;}
/*产品详情*/
.proa img{display: block;width: 100%;}
.proaa strong{display: block;}
.proaa strong small{background: #c30000;color: #fff;padding:.25rem .5rem;font-size: 14px;}
.proaa span{display: block;line-height: 35px;color: #777;height: auto;overflow: hidden;}
.proaa span i{display: block;float: left;width: 100px;border:1px solid #c30000;color: #c30000; border-radius: 3px;margin-right: 1rem;text-align: center;}
.proaa span i:nth-of-type(4){margin-right: 0px;}
.proab {border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;height: auto;overflow: hidden;}
.proab p{line-height: 40px;color: #777;}
.proab p em{color: #444;}
.proac_a {width: 60%;}
.proac_a i{float: left;font-size: 50px;color: #c30000;margin-right: .5rem;}
.proac_a span{display: block; color: #777;margin-top: .5rem;}
.proac_a p{color: #c30000;font-weight: bold;}
.proac_d a{display: block;background: #c30000;line-height: 45px;color: #fff;text-align: center;padding: 0 1rem;transition:.4s;}
.proac_d a:hover{background: #444;}
.sidetit{line-height: 50px;text-transform: uppercase;color: #777;position: relative;}
.sidetit::before{position: absolute;content:"";width: 2px;height: 20px;background: #c30000;left:0;top:23%;}
.sidetit span{color: #444;}
.sidea{height: auto;overflow: hidden;border: 1px solid #efefef;}
.sidea li{position: relative; line-height: 52px;height: 52px;transition:.4s;}
.sidea li a{display: block;transition:.4s;border-bottom: 1px dashed #e5e5e5;color: #777;}
.sidea li a i{float: right;}
.sidea li:hover a{color: #c30000;}
.sideb li {height: auto;overflow: hidden;background: #f9f9f9;transition:.4s;position: relative;z-index: 3}
.sideb li:hover {background: #d21227;}
.sideb li:hover span{color: #fff;}
.sideb li img{display: block;max-width: 100%;}
.sideb li span{display: block;text-align: center;line-height: 45px;}

.ptit{line-height: 60px;background: #f6f6f6;}
.ptit li{text-align: center;}
.ptit li a{display: block;transition:.4s;font-weight: bold;line-height: 45px}
.ptit li:hover a{background: #c40000;color: #fff;}
.prob{line-height: 30px;color: #777;}
.ptita {height: auto;overflow: hidden;border-bottom: 1px solid rgba(0,0,0,.1); color: #777;line-height: 50px;}
.ptita i{color: #777;}
.ptita span{text-transform: uppercase;}
.ptita span b{color: #444;}

.proba li{text-align: center;color: #777;padding-top:6.5rem;background-size: 100%;transition:.4s;}
.proba li:hover{color: #c30000;}
.proba li:nth-of-type(1){background: url(pimga.png) center top no-repeat;}
.proba li:nth-of-type(1):hover{background: url(pimgaa.png) center top no-repeat;}
.proba li:nth-of-type(2){background: url(pimgb.png) center top no-repeat;}
.proba li:nth-of-type(2):hover{background: url(pimgbb.png) center top no-repeat;}
.proba li:nth-of-type(3){background: url(pimgc.png) center top no-repeat;}
.proba li:nth-of-type(3):hover{background: url(pimgcc.png) center top no-repeat;}
.proba li:nth-of-type(4){background: url(pimgd.png) center top no-repeat;}
.proba li:nth-of-type(4):hover{background: url(pimgdd.png) center top no-repeat;}
.proba li:nth-of-type(5){background: url(pimge.png) center top no-repeat;}
.proba li:nth-of-type(5):hover{background: url(pimgee.png) center top no-repeat;}
.proba li:nth-of-type(6){background: url(pimgf.png) center top no-repeat;}
.proba li:nth-of-type(6):hover{background: url(pimgff.png) center top no-repeat;}
.proba li:nth-of-type(7){background: url(pimgg.png) center top no-repeat;}
.proba li:nth-of-type(7):hover{background: url(pimggg.png) center top no-repeat;}
.proba li:nth-of-type(8){background: url(pimgh.png) center top no-repeat;}
.proba li:nth-of-type(8):hover{background: url(pimghh.png) center top no-repeat;}
.proba li:nth-of-type(9){background: url(pimgi.png) center top no-repeat;}
.proba li:nth-of-type(9):hover{background: url(pimgii.png) center top no-repeat;}
.proba li:nth-of-type(10){background: url(pimgj.png) center top no-repeat;}
.proba li:nth-of-type(10):hover{background: url(pimgjj.png) center top no-repeat;}
.proba li:nth-of-type(11){background: url(pimgk.png) center top no-repeat;}
.proba li:nth-of-type(11):hover{background: url(pimgkk.png) center top no-repeat;}
.proba li:nth-of-type(12){background: url(pimge.png) center top no-repeat;}
.proba li:nth-of-type(12):hover{background: url(pimgee.png) center top no-repeat;}
.proba li p{font-size: 12px;}

.proc img{width: 100%;}
.proc_a img{width: 100%;}
.proc li:hover .proc_d{background: rgba(196,0,0,.8);opacity: 1;top:0;}
.proc_a{position: relative;height: auto;overflow: hidden;}
.proc_d{position: absolute;z-index: 2;left:0;height: 100%;overflow: hidden;background: rgba(196,0,0,0);opacity: 0;top:20%; color: #fff;text-align: center;transition:.4s;
    width: 100%;padding: 1rem;}
.proc_e{height: auto;overflow: hidden; border: 1px solid #fff;padding: 6rem;}
.proc_e strong{display: block;}
.proc_e em{display: block;height: 25px;width: 1px;background:rgba(255,255,255,.7);margin:.5rem auto;}
.proc_e p{color: rgba(255,255,255,.8);line-height: 30px;}

.prod img{max-width: 100%;}
.prod .in02b span i{left:38%;}
.proe .swiper-container{height: auto;overflow: hidden;}
.proe .swiper-slide {text-align: center;}
.proe .swiper-slide a{display: block;}
.proe .swiper-slide a:hover span{background: #c40000;color: #fff;}
.proe .swiper-slide a:hover img{transform: scale(1.05)}
.proe .swiper-slide span{display: block;background: #f5f5f5;line-height: 60px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.p_imga{display: block;width: 100%;height: 0;padding-bottom: 70%;position: relative;overflow: hidden;}
.p_imga img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
/*荣誉*/
.honorlist{height: auto;overflow: hidden;padding: 2% 0;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.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: 8;bottom: -260px;width: 100%;color: #fff; height: 100%;padding-top: 25%; 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;}
/*新闻*/
.newslist{height: auto;overflow: hidden;}
.newslist ul li a{display: block;transition:.4s;box-shadow: rgba(0,0,0,0.1) 0px 0px  7px 4px;transition:.4s;position: relative; }
.newslist ul li a::before{position: absolute;content: "";z-index: 2;width: 0px;height: 2px;background: #c40000;bottom: 0;left:0;transition:.4s; }
.newslist ul li:hover a::before{width: 100%;}
.newslist ul li:hover a{background: url(newsh.jpg) center no-repeat;}
.newslist ul li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.newslist ul li:hover span{color: #c30000;}
.newslist ul li:hover b{color: #faeaec;}
.time {display: block;line-height: 30px;color: #999;}
.newsfonta {position: relative;}
.newsfonta b{position: absolute;z-index: 1;font-family: fz;font-size:80px;color: #f6f6f6;top:0;transition:.4s;}
.newsfonta strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;position: relative;z-index: 2; }
.newsfonta p{line-height: 30px;color: #777;}
.nimga{height: auto;overflow: hidden;}
.nimga img{display: block;max-width: 100%;transition:.4s;}
/*新闻详情*/
.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{display: block;margin:0 auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.newsinfob{padding: 2% 0;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: #f5f7fa;transition:.4s;}
.newsinfob li:hover{background: #c30000;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;}
#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: #c30000 !important;}

/*联系*/
.ztita {text-align: center;} 
.ztita span{display: block;font-weight: 100;} 
.ztita i{display: block;width: 20px;height: 1px;background: #c40000;margin:1rem auto;} 
.ztita p{font-size: 16px;color: #777;line-height: 35px;} 
.ztita b{display: block;color: #c40000;font-size: 28px;font-family: fz;letter-spacing: 2px;} 
.lxwma_a{text-align: center;transition:.4s;height: auto;overflow: hidden;color: #fff;}
.lxwma_a b{display: block;font-weight: normal;transition:.8s;}
.lxwma_a i{font-size: 30px;}
.lxwma_a span{display: block;line-height: 30px;font-size: 15px;}
.lxwma_a em{display: block;position: relative; width: 1px;height: 20px;background: #fff;transition:.4s;margin:1rem auto;}
.lxwma_a p{line-height: 30px;transition:.4s;}
.lxwma ul{background: url(lxwma.jpg) center fixed;}
.lxwma li:hover .lxwma_a{transform:scaleY(1.1);background:rgba(196,0,0,.9);color: #fff;}
.lxwma li:hover em{transform:scaleY(1.7);}
.lxwma li:hover b{transform:rotateY(360deg);
-ms-transform:rotateY(360deg);   /* IE 9 */
-moz-transform:rotateY(360deg);  /* Firefox */
-webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
-o-transform:rotateY(360deg); color: #fff;}
.lxwma li:hover i{color: #fff;}
.lxwmb{height: auto;overflow: hidden;background:url(lxwmb.jpg) center no-repeat;}
.lxwmtitb{width: 80%;text-align: center;margin:0 auto;}
.lxwmtitb span{display: block;font-weight:600;}
.lxwmtitb p{line-height: 30px;font-size: 16px} 
.lxwmb_a .forma input{display: block;float: left; width: 49%;margin-right: 2%; background: #fff; line-height: 45px;padding-left:4rem;margin-bottom: 1rem;}
.lxwmb_a  textarea{display: block;width: 100%;padding-top: 1rem;padding-left: 4rem;margin-bottom: 2rem;background:url(cionc.jpg) 15px center no-repeat #fff;}
.lxwmb_a .forma input:nth-of-type(1){background:url(ciona.jpg) 15px center no-repeat #fff;}
.lxwmb_a .forma input:nth-of-type(2){background:url(cionb.jpg) 15px center no-repeat #fff;margin-right: 0px;}
.lxwmb_a .code input{float: left;width: 35%;line-height: 45px;background: #fff;text-align: center;}
.lxwmb_a .code .verify{float: left;width: 30%;margin: 0 3%;}
.lxwmb_a .code .verify img{max-width: 100%;height: 45px;}
.lxwmb_a .code .submit{float: left;width: 28%; display: block;line-height: 45px;color: #fff;text-align: center; background: #c40000;transition: .4s;}
.lxwmb_a .code .submit:hover{background: #444;}
.mes-form{height: auto;overflow: hidden;}
.lxwmb_a .code{width: 36%;margin:0 auto;}

@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;}

.topa img{margin:0 !important;max-width: 50%;}
.in01a ul{width: 100%;padding-left: 15px;padding-right: 15px;}
.in01a li a{line-height: 35px;}
.in01b .row{margin-left: 0px;margin-right: 0px;}
.in01b .col-6{padding-left: .5rem;padding-right: .5rem;}
.in02b strong{font-size: 22px;}
.in02b span i{font-size: 42px;}
.in03a .swiper-slide img{height: 105px;}
.in03a .swiper-slide span{width: 60px;line-height: 35px;}
.in04b i{font-size: 22px;}
.in04b p{width: 90%;line-height: 25px;font-size: 13px;}
.in04b{top:5%;}
.in04a .swiper-slide:hover .in04b{top: 0;}
.in05a li{width: 33% !important;}
.zmenu li a{font-size: 14px;}
.zmenu li a i{display: none;}
.comtita strong{font-size: 52px;}
.comtita span{margin-top:-60px;}
.comtita i{margin-bottom: 1rem;}
.companya img{max-width: 100%;}
.combb li p{font-size: 13px;}
.companyd .row{margin-right: 0px;margin-left: 0px;padding-left: 0px !important;padding-right: 0px !important;}
.companyd li i{font-size: 22px;}
.honorfonta i{font-size: 22px;}
.prolist li span i{display: none;}
.proaa span i{width: 21%;}

.ptita i{display: none;}
.proc_e{padding: 0px;}
.proc_e em{display: none;}
.fwzcc i{font-size: 22px;}
.fwzca li:hover em{height: 40px;}
.fwzcf_l{width: 100%;}
.fwzcf_r{width: 100%;}
.fwzcf i{font-size: 22px;}
.cimga{padding-bottom: 50%;}
.cfonta em{display: none;}
.cfonta p{width: 100%;line-height: 25px;font-size: 13px;}
.lxwmb_a .code{width: 100%;}
.infonta{background:none;}
.in01b li:hover .infonta{background:#fff;}
}

@media (min-width: 576px) and (max-width: 768px) { 
.topa img{margin:0 !important;max-width: 50%;}
.in01a ul{width: 100%;padding-left: 15px;padding-right: 15px;}
.in01a li a{line-height: 35px;}
.in01b .row{margin-left: 0px;margin-right: 0px;}
.in01b .col-6{padding-left: .5rem;padding-right: .5rem;}
.in02b strong{font-size: 22px;}
.in02b span i{font-size: 42px;}
.in03a .swiper-slide img{height: 200px;}
.in03a .swiper-slide span{width: 60px;line-height: 35px;}
.in04b i{font-size: 22px;}
.in04b p{width: 90%;line-height: 25px;font-size: 13px;}
.in04b{top:5%;}
.in04a .swiper-slide:hover .in04b{top: 0;}
.in05a li{width: 33% !important;}
.zmenu li a{font-size: 14px;}
.zmenu li a i{display: none;}
.comtita strong{font-size: 52px;}
.comtita span{margin-top:-60px;}
.comtita i{margin-bottom: 1rem;}
.companya img{max-width: 100%;}
.combb li p{font-size: 13px;}
.companyd .row{margin-right: 0px;margin-left: 0px;padding-left: 0px !important;padding-right: 0px !important;}
.companyd li i{font-size: 22px;}
.honorfonta i{font-size: 22px;}
.prolist li span i{display: none;}
.proaa span i{width: 21%;}

.ptita i{display: none;}
.proc_e{padding: 0px;}
.proc_e em{display: none;}
.fwzcc i{font-size: 22px;}
.fwzca li:hover em{height: 40px;}
.fwzcf_l{width: 100%;}
.fwzcf_r{width: 100%;}
.fwzcf i{font-size: 22px;}
.cimga{padding-bottom: 50%;}
.cfonta em{display: none;}
.cfonta p{width: 100%;line-height: 25px;font-size: 13px;}
.in01b li a{padding-bottom: 95%;}
.infonta span{font-size: 16px;}
.lxwmb_a .code{width: 100%;}
.infonta{background:none;}
.in01b li:hover .infonta{background:#fff;}
 }
@media (min-width: 768px) and (max-width:992px) { 
.topa img{margin:0 !important;max-width: 50%;}
.in01a ul{width: 100%;padding-left: 15px;padding-right: 15px;}
.in01a li a{line-height: 35px;}
.in01b .row{margin-left: 0px;margin-right: 0px;}
.in01b .col-6{padding-left: .5rem;padding-right: .5rem;}
.in02b strong{font-size: 22px;}
.in02b span i{font-size: 42px;}
.in03a .swiper-slide img{height: 255px;}
.in03a .swiper-slide span{width: 60px;line-height: 35px;}
.in04b i{font-size: 22px;}
.in04b p{width: 90%;line-height: 25px;font-size: 13px;}
.in04b{top:5%;}
.in04a .swiper-slide:hover .in04b{top: 0;}
.in05a li{width: 33% !important;}
.zmenu li a{font-size: 14px;}
.zmenu li a i{display: none;}
.comtita strong{font-size: 52px;}
.comtita span{margin-top:-60px;}
.comtita i{margin-bottom: 1rem;}
.companya img{max-width: 100%;}
.combb li p{font-size: 13px;}
.companyd .row{margin-right: 0px;margin-left: 0px;padding-left: 0px !important;padding-right: 0px !important;}
.companyd li i{font-size: 22px;}
.honorfonta i{font-size: 22px;}
.prolist li span i{display: none;}
.proaa span i{width: 24%;margin-right:2px;}
.infonta span{font-size: 16px;}
.in01b li a{padding-bottom: 95%;}
.ptita i{display: none;}
.proc_e{padding: 0px;}
.proc_e em{display: none;}
.fwzcc i{font-size: 22px;}
.fwzca li:hover em{height: 40px;}
.fwzcf_l{width: 100%;}
.fwzcf_r{width: 100%;}
.fwzcf i{font-size: 22px;}
.cimga{padding-bottom: 50%;}
.cfonta em{display: none;}
.cfonta p{width: 100%;line-height: 25px;font-size: 13px;}
.infonta{background:none;}
.infonta{background:none;}
.in01b li:hover .infonta{background:#fff;}
 }
@media (min-width: 992px) and (max-width:1200px) { 
#swiper-slide1 .bannera{padding-top:25%;}
#swiper-slide2 .bannerb{padding-top:30%;}
#swiper-slide2 .bannerc{padding-top:20%;}
.in01b li a{padding-bottom: 160%;}
.in03a .swiper-slide img{height:360px;}
.proc_e{padding: 1rem;}
.topc span{width: 55px;height: 55px;}
.topc span i{font-size: 32px;}
.infonta span{font-size: 16px;}
.in01a ul{width: 80%;}
.in02b strong{font-size: 36px;}
.in03a .swiper-slide img{height: 320px;}
.fwzcf i{font-size: 22px;}
.cfonta p{width: 90%;font-size: 15px;}
.newsfonta b{font-size: 36px;}
.proac{display: none !important;}
.in04b{top:15%;}
.in04a .swiper-slide:hover .in04b{top: 5%;}
.in04b i{font-size: 42px;}
.companya img{max-width: 100%;}
.comtita strong{font-size: 100px;}
}


@media (min-width: 1200px) {
.container{max-width: 1400px ;}
.top .container{max-width: 100%;}
}

@media (min-width: 1200px) and (max-width:1400px) { 
.topb b{font-size: 20px;}
.in01b li a{padding-bottom: 135%;}
 }








