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;}
ul{margin-bottom: 0px;}
.c10{color: #d70000;}
.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;}

@font-face {
	font-family:fz;
	src: url('../font/bahnschrift.ttf');
}

/* 无内容 */
@media (max-width: 576px) {  

}



@media (min-width: 992px) {

 }
@media (min-width: 1200px) {
.container{max-width: 1400px;}
 }
#dituContent label {max-width: unset!important;text-align: center;}
/*top*/
.intop{line-height: 45px; overflow: hidden;border-top: 5px solid #eb6100;border-bottom: 1px solid #e6e6e6;}
.intop .left{float: left;width: 800px;color: #999;}
.intop .right{float: right;width: 260px;background: #eb6100;color: #fff;text-align: center;border-radius: 0 0 20px 20px;}
.intop .right a{color: #fff;transition:.4s;}
.intop .right a:hover{color: #c5c5c5;}
.intop .right i{color: #fff;font-size: 18px;}
.topa a{float: left;padding-right: 2%;}
.top{border-bottom: 1px solid #e8e8e8;width: 100%;background: #fff;}
.top img{max-width: 100%;}
.toptel{background: url(../image/tel.png) left center no-repeat ;padding-left: 70px;width: 245px;float: right}
.toptel span{display: block;line-height: 30px;color: #999;}
.toptel p{font-size: 28px; line-height: 35px;color: #195093;}
.menu {background: #195093;}
.menu li{position: relative; text-align: center;height: 100%;border-bottom: 1px solid #154887;border-top: 1px solid #31629d; background: url(../image/navr.jpg) right center no-repeat;}
.menu li:hover a{background: #c70000;}
.menu li:hover i{color: #fff;}
.menu li a{display: block;line-height: 25px;color: #fff;padding: .75rem 0;transition:.4s;font-size: 15px; }
.menu li i{display: block;font-family: Arial;line-height: 20px; text-transform: capitalize;font-size: 12px;font-style: normal;color: #a8b5ce;transition:.4s;}

.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:#d70000}
.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 {position: relative;height: auto !important;z-index: 1}
.banner .swiper-wrapper{height: auto !important;}
.banner #bannerSwiper {height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;float: left;}
.banner .swiper-slide a{display:block;width:100%;height: auto !important;}
.banner .swiper-slide a img{ width: 100%; height: auto;}
.banner .swiper-pagination {position: absolute;font-size:0;left: 0;height: 10px;text-align: center;bottom: 13px;width: 100%;z-index: 9999;}
.banner .swiper-pagination .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 50%;border:2px solid #fff;opacity: 0.6;margin: 0 5px;cursor: pointer;}
.banner .swiper-pagination .swiper-active-switch {background: #fff;opacity: 1;}
.banner .swiper-pagination-bullet{width: 90px;height: 2px;border-radius: 0px;background: rgba(213,0,0,0.8);}
.topb{height: auto;overflow: hidden;line-height: 60px;height: 60px;overflow: hidden;}
.topba i{color: #777;}
.topba a{color: #777;transition:.4s;}
.topba a:hover{color: #c70000;}
.topbb{height: auto;overflow: hidden; border-left: 1px solid #e6e6e6;}
.search{float: right;width: 90%;}
.search-text{width: 80%; line-height: 60px;padding-left: 5px;margin-right: -4px;font-size: 12px;}
.fdj{width: 20%;height: 60px; line-height: 60px;background: url(../image/fdj.png) center no-repeat #134b8f;outline: none;color: #fff;transition:.4s}
.fdj:hover{background: url(../image/fdj.png) center no-repeat #c70000;}
.btn{border-radius: 0px !important;}

/*index_cp*/
.in_01{height: auto;overflow: hidden;background: #f5f5f5;}
.in01a{height: auto;overflow: hidden;background: #fff;}
.in01a li{line-height: 45px;height: 45px;overflow: hidden; border-bottom: 1px solid #f5f5f5;}
.in01a li span{display: block;}
.in01aa{background: #195093;}
.in01aa a{display: block; color: #fff;transition:.4s;}
.in01aa a:hover{background: #c70000}
.in01ab a{position: relative; float: left;display: block; padding-right: 2%;}
.in01ab a::before{position: absolute;content: "";left:0;bottom: 0;width:0%;background: #c70000;height: 2px;transition:.4s;}
.in01ab a:hover{color: #c70000}
.in01ab a:hover::before{width:80%;}
.in01ac a{float: right; display: block; width: 45px; border-left: 1px solid #e6e6e6;text-align: center;padding: 10px 0;transition:.4s;}
.in01ac a:hover{background: #184c8d;}
.in01ac a:hover em{background: #184c8d;}
.in01ac a em{display: block;margin:0 auto;border-radius: 40px; background: #e6e6e6;border: 1px solid #e6e6e6; width: 25px;line-height: 25px;height: 25px;color: #fff;}

.in01b .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.in01b .swiper-slide {text-align: center;background: #fff;height: calc((100% - 30px) / 2);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;
    }

.in01b .swiper-pagination-bullet{width: 20px;height: 20px;}
.in01b .swiper-slide a{display: block;}
.in01b .swiper-slide:hover i{background: #c70000;color: #fff;}
.in01b .swiper-slide:hover img{transform: scale(1.05, 1.05)}
.infonta{float: left;width: 45%; height: auto;overflow: hidden;}
.infonta span{display: block;font-size: 22px;line-height: 40px;}
.infonta i{display: block;border: 1px solid #e7e7e7;border-radius: 40px;line-height: 35px;text-align: center;transition:.4s;}
.infonta dl{height: auto;overflow: hidden;}
.infonta dd{float: left;background: url(../image/tipa.png) center no-repeat;color: #fff;width: 59px;line-height: 20px;padding: 9px 0; text-align: center;}
.inimga{float: right;width: 55%;height: auto;overflow: hidden;}
.inimga img{display: block;max-width: 100%;transition: all 1s ease}

.in_02{height: auto;overflow: hidden;background: url(../image/in02a.jpg) center no-repeat;}
.intita {text-align: center;}
.intita strong{display: block;width: 340px;margin:0 auto; background: url(../image/tit-tipa.png) left no-repeat;font-size: 32px;line-height: 50px;}
.intita strong b{background-image:-webkit-linear-gradient(bottom,#fff,#bbbbbb); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;}
.intita p{color: #aaaaaa;}
.in_02 ul li{text-align: center;color: #fff;}
.in_02 ul li:hover .in02a{background: url(../image/in02ah.png) center no-repeat;}
.in02a{background: url(../image/in02a.png) center no-repeat;transition:.4s;}
.in02a a{display: block;color: #fff;}
.in02a span{display: block;font-size: 24px;line-height: 40px;}
.in02a i{font-size: 40px;}
.in02a p{color: #6d6d6d;text-transform: uppercase;font-size: 12px;letter-spacing: -1px;}
.in02b{line-height: 40px;font-size: 16px;}

.in_03{height: auto;overflow: hidden;background:url(../image/in03.jpg) bottom no-repeat #134b8f;padding-bottom: 6rem;}
.intitb {text-align: center;}
.intitb strong{display: block;width: 340px;margin:0 auto; background: url(../image/tit-tipb.png) left no-repeat;color: #fff; font-size: 32px;line-height: 50px;}
.intitb p{color: #a7b3ca;}

.in03a{background: #fff;height: auto;overflow: hidden;}
.in03aa li{position: relative;}
.in03aa li img{display: block;transition: all 1s ease}
.in03aa li:hover img{transform: scale(1.05, 1.05)}
.in03aa li span{display: block;position: absolute;z-index: 1;bottom: 0;line-height: 40px;}
.inimgb{height: auto;overflow: hidden;}

.in03a .row{padding-left: 15px;padding-right: 15px;}
.in03aa li{display: block;height: auto;overflow: hidden; max-width: 100%;}
.in03aa li:hover span{line-height: 60px;background: rgba(199,0,0,0.6);}
.in03aa li:first-child{margin-bottom: 1rem;}
.in03ab li:first-child{margin-bottom: 0px;height: 94.5%;}
.in03aa li span{display: block;position: absolute;z-index: 1;line-height: 50px;background: rgba(0,0,0,0.6);width: 100%;text-align: center;color: #fff;transition:.4s;}
.in03aa li img{display: block;max-width: 100%;}

.in03b{height: auto;overflow: hidden;background: url(../image/in03b.jpg) left bottom repeat-x;}
.in03b img{max-width: 100%;}
.in03bb span{display: block;font-size: 24px;font-weight: 400;line-height: 35px;}
.in03bb p{font-size: 26px;line-height: 50px;color: #134b8f;}
.in03bc{height: auto;overflow: hidden;background: url(../image/in03d.png) left center no-repeat;padding-left: 4.25rem;}
.in03bc span{display: block;line-height: 30px;color: #777;}
.in03bc strong{display: block;font-size: 32px;color: #134b8f; line-height: 40px;}
.in03bd .forma{float: left;width: 70%;}
.in03bd .forma input{line-height: 35px;border: 1px solid #bfbfbf;background: none;width: 100%;padding-left: 2%;margin-bottom: .5rem;}
.in03bd .formb{float: right;width: 28%;background: #124284;text-align: center;background: -webkit-linear-gradient(to right, #235b9b, #194c8d, #124284);background: linear-gradient(to right, #235b9b, #194c8d, #124284);}
.in03bd .formb a{display: block;transition:.4s;}
.in03bd .formb a:hover{background: #c70000;}
.in03bd textarea{width: 100%;line-height: 35px;height: 35px; background: none;border: 1px solid #bfbfbf}
.in03bd .formb a{color: #fff;}
.in03bd .submit{padding:8% 4%;}
.in03bd .formb strong{display: block;font-size: 15px;line-height: 40px;}
.in03bd .formb p{font-size: 15px;line-height: 34px;}
.in03bd .formb i{font-size: 30px;}
.in03bd .code input{float: left; width: 48% !important;}
.in03bd .code img{width:78%;}
.in03bd .verify{float: right;width: 50%;}

.in_04{height: auto;overflow: hidden;background: url(../image/in04a.jpg) left bottom no-repeat #e4e4e4;}
.intitc{height: auto;overflow: hidden;background: url(../image/intitc.png) center  no-repeat;text-align: center;}
.intitc span{display: block;font-size: 34px;line-height: 50px;color: #134b8f;}
.intitc span b{font-size: 42px;}
.intitc p{line-height: 30px;font-size: 16px;}
.in_04 li{background: url(../image/in04b.png) center bottom no-repeat;}
.in_04 li img{display: block;max-width: 100%;}
.in04aa{height: auto;overflow: hidden;}
.in04ab{float: left;width: 8%;margin-right: 2%;padding: 1% 0; background: url(../image/in04c.png) center  no-repeat;text-align: center;color: #fff;}
.in04ab strong{display: block;font-size: 24px;line-height: 30px;}
.in04ab span{display: block;font-size: 17px;line-height: 30px;font-weight: bold;}
.in04ac strong{display: block;font-size: 24px;line-height: 40px;color: #134b8f;}
.in04ac span{display: block;font-size: 16px;line-height: 30px;}
.in04a p{background: url(../image/in04d.png) left top  no-repeat;padding-left: 3%;line-height: 30px;color: #777;}

.in_05{background: url(../image/in05a.jpg) center top  no-repeat #f2f2f2;color: #fff;}
.in05a span{display: block;font-size: 30px;line-height: 55px;}
.in05a span b{font-weight: bolder;}
.in05a span i{font-weight: 300;font-style: normal;}
.in05a p{color: #7c92b6;text-transform: uppercase;}
.in05aa{height: auto;overflow: hidden;}
.in05aa i{display: block;float: left;padding: 0 2%;background:#c70000;color: #fff;line-height: 30px;border-radius: 40px;margin-right: 2%;}
.in05b{background: url(../image/in05b.png) left center  no-repeat;padding-left: 4%;}
.in05b {height: auto;overflow: hidden;background: url(../image/in05b.png) left center no-repeat;padding-left: 4.25rem;}
.in05b span{display: block;line-height: 30px;color: #fff;}
.in05b strong{display: block;font-size: 32px;color: #fff; line-height: 40px;}

.in_06{height: auto;overflow: hidden;background:#f2f2f2;}
.in_06 .row{height: auto;overflow: hidden; background: url(../image/in06a.jpg) right center  no-repeat;}
.in06a{box-shadow: 0px 0px 10px 2px #ccc;background:#fff;}
.intitd{height: auto;overflow: hidden;border-bottom: 1px solid #e6e6e6;}
.intitd i{float: left;font-size: 58px;margin-right: 2%;color: #134b8f;margin-top:-2%;}
.intitd p{line-height: 20px;text-transform: uppercase;color: #999;}
.intitd span{display: block;font-size: 30px;line-height: 40px;}
.in06b p{line-height: 30px;}
.morea a{display: block;background:#134b8f;border: 1px solid #134b8f; line-height: 40px;border-radius: 20px;text-align: center;width: 160px;color: #fff;transition:.4s; }
.morea a:hover{border: 1px solid #777;background: #fff;color: #777;}
.in_07{height: auto;overflow: hidden;background:#f2f2f2;}
.intite {text-align: center;}
.intite span{display: block;width: 430px;margin:0 auto; background: url(../image/tit-tipa.png) left no-repeat;font-size: 32px;line-height: 50px;}
.intite span b{color: #134b8f;}
.intite p{color: #aaaaaa;}
.in07a .swiper-slide {position: relative;}
.in07a .swiper-slide {position: relative;}
.in07a .swiper-slide img{display: block;width: 100%;}
.in07a .swiper-slide:hover .in07aa{background: rgba(199,0,0,0.8);}
.in07aa{position: absolute;bottom: 0;line-height: 50px;background: rgba(0,0,0,0.8);width: 100%;padding: 0 2%;color: #fff;transition:.4s;}
.in07a .swiper-button-prev{width: 50px;height: 50px;line-height: 50px;color: #fff;top:94.5%;left: 85%;transition:.4s;}
.in07a .swiper-button-prev:hover{background: #c51429;}
.in07a .swiper-button-next{width: 50px;height: 50px;line-height: 50px;color: #fff;background: #134b8f; top:94.5%;right:0px;transition:.4s;}
.in07a .swiper-button-next:hover{background: #c51429;}
.in07a .swiper-button-prev i{color: #fff;font-size: 28px;}
.in07a .swiper-button-next i{color: #fff;font-size: 28px;}
.in07a .swiper-button-prev::after{display: none;}
.in07a .swiper-button-next::after{display: none;}

.in07b{height: auto;overflow: hidden;border: 1px solid #e6e6e6;}
.in07b .swiper-slide {position: relative;}
.in07b .swiper-slide {position: relative;}
.in07b .swiper-slide img{display: block;width: 100%;}
.in07b .swiper-slide:hover .in07ba{background: rgba(0,0,0,0.6);color: #fff;}
.in07ba{position: absolute;bottom: 0;line-height: 50px;width: 100%;padding: 0 2%;text-align: center;transition:.4s;}
.in07b .swiper-button-prev{width: 35px;height: 35px;line-height: 35px;color: #fff;background: #134b8f;border-radius: 60px;top:50%;left: 0px;transition:.4s;}
.in07b .swiper-button-prev:hover{background: #c51429;}
.in07b .swiper-button-next{width: 35px;height: 35px;line-height: 35px;color: #fff;background: #134b8f;border-radius: 60px; top:50%;right:0px;transition:.4s;}
.in07b .swiper-button-next:hover{background: #c51429;}
.in07b .swiper-button-prev i{color: #fff;font-size: 22px;}
.in07b .swiper-button-next i{color: #fff;font-size: 22px;}
.in07b .swiper-button-prev::after{display: none;}
.in07b .swiper-button-next::after{display: none;}

.in_08{height: auto;overflow: hidden;background: url(../image/in08a.jpg) center top no-repeat;padding-top:8rem;}
.intitf span{display: block;background: url(../image/tit-tipa.png) left no-repeat;line-height: 50px;color: #999;padding-left: 2%;}
.intitf span b{color: #134b8f;font-size: 32px;}
.in08aa{background:#f4f4f4;transition:.4s;}
.in08aa:hover{background:#134b8f;}
.in08aa:hover span{color: #fff;}
.in08aa:hover p{color: #fff;}
.in08aa span{display: block;font-size: 16px;line-height: 40px;}
.in08aa p{line-height: 25px;color: #777;}
.in08aa img{display: block;max-width: 100%;}

.in08ab  li{height: auto;overflow: hidden;}
.in08ab  li a{display: block;}
.in08ab  li:hover .timeyy{background:#134b8f;color: #fff;}
.in08ab  li:hover span{color:#134b8f;}
.in08ab  li:last-child{border-bottom: 0px !important;}
.fonta{float: right;height: auto;overflow: hidden;width: 84%;}
.fonta span{display: block;line-height:45px;height:45px;overflow: hidden;font-size: 16px;}
.fonta p{display: block;line-height: 25px;color: #777;margin-bottom: 0px !important;}
.timeyy{float: left; display:block; width: 13%;height: 100%;background:#f4f4f4; text-align: center;transition:.4s;}
.riqi{ display:block;line-height:60px;font-size:42px;font-weight: normal;}
.yuefen{display: block; font-weight: normal;line-height: 25px;}

.in_09 .row{background:url(../image/in09a.jpg) bottom repeat-x;margin-left: 0px;margin-right: 0px; }
.in09a img{display: block;margin:0 auto;}
.in09b{padding-top: 5rem ;color: #fff;}
.in09b strong{display: block;font-size: 24px;line-height: 45px;}
.in09b p{font-size: 16px;line-height: 25px;}
.in09c {padding-top: 6rem;}
.in09c a{display: block;border: 2px solid #fff;width: 180px;line-height:50px;text-align: center;color: #fff;margin:0 auto;transition:.4s;}
.in09c a:hover{background: #d70000;}

.link{line-height: 50px;}
/*脚步*/
.footer{height: auto;overflow: hidden;background:#333;color: #7c7c7c;}
.foota{height: auto;overflow: hidden;background: #292929;border-top: 1px solid #000000;}
.foota .row{padding-left: 15px;padding-right: 15px;}
.foota li{border-right: 1px solid #3f3f3f;line-height: 60px;transition: .4s}
.foota li:hover{background: #134b8f;}
.foota li:hover span{color: #fff;}
.foota li i{font-size: 20px;color: #fff;float: left;margin-right: 2%;}
.foota li span{display: block;color: #ababab;transition: .4s}
.footb {height: auto;overflow: hidden;}
.footb li{float: left;width: 20%;  }
.footb li p{line-height: 30px;height: 30px;overflow: hidden;}
.footb li span a{display: block;line-height: 40px;font-size: 16px;}
.footb li a{display: block;color: #7c7c7c;transition: .4s }
.footb li p:hover a{color: #fff; }
.footba p{font-size: 22px;color: #fff;transition: .4s}
.footbot{line-height: 50px;border-top: 1px solid #545454;background:#333;color: #7c7c7c;}
.footc{justify-content: center!important;}
.footc li{line-height: 30px;}
.ewm {text-align: center;}
.ewm em{display: block; background:url(../image/fewm.png) center no-repeat;}
.ewm em img{display: block;width: 80%;margin:0 auto;}
.ewm span{display: block;line-height: 35px;}
.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#d70000;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 #bd0225;}
.footnav li:nth-of-type(2){width: 15%;}
.footnav li:nth-of-type(2) a{border-right: 1px solid #bd0225;}
.footnav li:nth-of-type(3){background: #444;width: 35%;}
.footnav li:nth-of-type(3) a{border-right: 1px solid #222;}
.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:60px; height:60px; text-align: center;border-bottom: 1px solid #555;border-top: 1px solid #333; position: relative;background-color:#484848; color: #fff; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu ul li a{ color: #fff;}
.online_kefu ul li .con{ position: relative; line-height:60px;}
.online_kefu ul li .con i{font-size: 30px ;color: #fff ;}
.online_kefu ul li .hover_con{ position: absolute;  left:-200px;left:-100px;    width: 100px;   color: #ffffff;text-align: center;background-color: #d70000;height:60px; line-height:60px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode {  }
.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: #d70000;}
.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 #d70000; 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;}
.sa{line-height: 50px;}
/*简介*/
.ban{display: flex;align-items:center; height: 340px;overflow: hidden;background: url(../image/ban.jpg) center no-repeat;}
.ban strong{font-size: 32px;color: #d70000;}
.ban i{display: block;width: 40px;border-top: 2px solid #d70000;margin:1% 0;}
.ban p{line-height: 35px;color: #777;font-size: 24px;text-transform: uppercase;font-weight: 300;}
.location{height: auto;line-height: 60px;color: #777;}
.location a{color: #777;transition:.4s;}
.location a:hover{color: #195093;}
.location i{color: #818181;}
.location span{display: block;position: relative;text-align: center;transition:.4s;}
.location span::before{position: absolute;content: "";left:0; height: 100%;width: 0px;background: #195093;z-index: -1;transition:.4s;}
.location span:hover{color: #fff;}
.location span:hover::before{width: 100%;color: #fff;}
/*content_public*/
.public{background: #f5f5f5;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;}
/*简介*/
.companyaa {background: #ececec;}
.companyaa .row{padding-left: 15px;padding-right: 15px;}
.companyaa li{text-align: center;}
.companyaa h3{margin-bottom:0px;font-size: 36px;font-family: impact;color: #d7132e;}
.companyaa h3 small{font-size: 14px;color: #777;}
.companyaa p{line-height:35px;font-size: 16px;}
.companyab p{line-height: 30px;color: #777;}
.companyab img{max-width: 100%;}
.companyb{height: auto;overflow: hidden;background: #fff;}
.companyb img{display: block;max-width: 100%;}
.companyb .row{height: auto;overflow: hidden;background: #f5f5f5;border-radius: 0 0 0 45px;}
.companyb .col-xl-6{padding-left: 0px;padding-right: 0px;}
.companyb li{height:auto;overflow: hidden;}
.companyb li i{float: left;font-size: 40px;margin-right: 2%;color: #d7132e;}
.companyb li strong{display: block;font-size: 17px;line-height: 30px;}
.companyb li p{line-height: 25px;color: #777;}
.intitg {text-align: center;}
.intitg span{display: block;width: 340px;margin:0 auto; background: url(../image/tit-tipa.png) left no-repeat;font-size: 32px;line-height: 50px;}
.intitg span b{color: #134b8f;}
.intitg p{color: #aaaaaa;}

.companyc{height: auto;overflow: hidden;background: #f5f5f5;}
.comc{height: auto;overflow: hidden;}
.comc .swiper-button-next:after{color: #23569e;}
.comc .swiper-button-prev:after{color: #23569e;}
.comc .swiper-slide{padding-bottom: 2%;}
.comc .swiper-slide img{display: block;max-width: 100%;position: relative;z-index: -1;}
.comc .swiper-slide span{display: block;line-height: 60px;height: 60px;overflow: hidden; text-align: center;}
.comc .swiper-pagination{float: right;position:relative;margin-top: 2%;}
.comc .swiper-pagination span{margin:0 3px;}
.comca{height: auto;overflow: hidden;background: url(../image/comea.png) center no-repeat;}

.companyda{height: auto;overflow: hidden;}
.companyda a{display: block;position: relative;}
.companyda a:hover span{line-height: 65px;background: rgba(0,0,0,0.8)}
.companyda a:hover img{transform: scale(1.05, 1.05)}
.companyda span{display: block;line-height: 45px;background: rgba(0,0,0,0.3);padding: 0 2%;bottom: 0;position: absolute;width: 100%;color: #fff;transition:.4s;}
.companydaa {margin-bottom: 2%;}
.companyda img{display: block;max-width: 100%;transition: all 1s ease}
.companyda em{display: block;height: auto;overflow: hidden;}
.companydaa .col-6{padding-left: 0.5%;padding-right: 0.5%;margin-bottom: 1%;}
.companydab{background: #ddd;}
/*荣誉*/
.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: -270px;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;}
.himg{height: auto;overflow: hidden;}
/*新闻*/
.newslist{padding: 3rem 0;}
.newslist ul li img{display: block;max-width: 100%;}
.newslist ul li a{display: block;border: 1px solid #ebebeb;background: #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: #d50000;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: #d50000;transition:.4s;}

.culture{height: auto;overflow: hidden;}
.culturea .row{padding-left: 15px;padding-right: 15px;}
.culturea{height: auto;overflow: hidden;background:#f5f5f5;border-radius: 60px 0 60px 0;}
.culturea img{width: 100%;}
.cultureaa strong{display: block;font-size: 24px;line-height: 50px;}
.cultureaa span{display: block;line-height:25px;color: #777;text-transform: uppercase;}
.cultureaa p{font-size: 16px; line-height:30px;color: #777;}
.cultureb ul{width: 70%;margin:3rem auto;}
.cultureb li{background: #f5f5f5;height: 60px;line-height: 60px;overflow: hidden; border-radius: 60px;font-size: 16px;color: #777;margin-bottom: 1%;}
.cultureb li span{display: block;float: left; background: #134b8f;width: 45px;margin:0.6% 1%; line-height: 45px;border-radius: 60px;color: #fff;text-align: center;font-weight: bold;font-size: 28px;}




/*新闻详情*/
.newsinfo{border-top: 10px solid #f6f7fc}
.newsinfoa{height: auto;overflow: hidden;}
.newsinfoa .yy{display: block; text-align: center;font-size: 20px;margin-top: 40px; font-weight: bold;color: #4c4c4c;margin-bottom: 23px;line-height: 32px;}
.meta{line-height: 35px;height: 35px;overflow: hidden;border: 1px solid #dbdbdb;border-width: 1px 0;font-size: 12px;color: #808080;text-align: center;}
.newsaa {height: auto;overflow: hidden;}
.newsimg  img{display: block;margin:2% auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.newsaa  img{max-width: 100%;}
.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: #f1f1f1;padding: 15px;transition:.4s;}
.newsinfob li:hover{background: #d70000;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 li{float: left;width: 50%;line-height: 35px;border-top: 1px solid #dbdbdb;padding-top: 2%;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #d70000 !important;}
/*content_product*/
.public{height: auto;overflow: hidden;padding: 2% 0;background: #f5f5f5;}
.prolist li{margin-bottom: 2%;}
.prolist li a{display: block; height: auto;overflow: hidden;background: #fff;}
.prolist li:hover i{background: #c70000;color: #fff;}
.prolist li:hover img{transform: scale(1.05, 1.05)}
.prolist strong{display: block;font-size: 36px;line-height: 60px;text-align: center;}
.prolist img{display: block;max-width: 100%;transition: all 1s ease}
.pimg{position: relative;height: auto;overflow: hidden;}

.prolist .row{padding-left: 15px;padding-right: 15px;}
.prolist .col-6{padding-left: 0.5%;padding-right: 0.5%;}


/*产品详情*/
.proa{height: auto;overflow: hidden;background: #fff;}
.proaa{height: auto;overflow: hidden;border-bottom: 1px solid #e8e9eb;}
.proaa h3{display: block;line-height: 40px;}
.proaa p{line-height: 35px;color: #777;}
.proaa p i{color: #d70000;}
.proaa a{display: block;width: 140px;line-height: 40px;background: #d70000;color: #fff;text-align: center;transition: .4s}
.proaa a:hover{background: #444;}
.proab{height: auto;overflow: hidden;}
.proab p{line-height: 30px;color: #777;}
.proab p i{color: #d70000;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 #d70000;border-radius: 5px;text-align: center;line-height: 60px;padding-top: 1rem;}
.proac em i{font-size: 50px;color: #d70000;}
.proimg{height: auto;overflow: hidden;}
.proimg img{display: block;width: 55%;margin:0 auto;}
.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: #d70000;color: #fff;}
.proca p{line-height: 30px;color: #777;}
.proca strong{display: block;position: relative; font-size: 22px;font-weight: normal;border-left: 6px solid #d70000;color: #444;line-height: 25px;margin:3rem 0;}
.proca strong::before{position: absolute;content: "/ MAITE FILTRATION";top:0px;left:11%;font-size: 15px;color: #777;}
.proca strong::after{position: absolute;content: "";width: 80%;height: 1px;background: #c9c9c9;top:40%;left:31%;}

.procb{height: auto;overflow: hidden;}
.procba {height: auto;overflow: hidden;}
.procba .row{padding-left: 15px;padding-right: 15px;}
.procba li a{display: block;height: auto;background: #ececec;border: 10px solid #ececec; overflow: hidden;text-align: center;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: 40px;border-top: 1px solid #fff;}

.procon .tbody{text-align: center;line-height: 35px;width: 100%;background:#eee;}
.procon tr {height: auto;overflow: hidden; border: 1px solid #e4e4e4;}
.procon tr td{border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
.procon tr td:nth-of-type(2n+0){background: #fff;}


.pro-data {text-align: center;line-height: 35px;width: 100%;background:#eee;}
.pro-data tr {height: auto;overflow: hidden; border: 1px solid #e4e4e4;}
.pro-data tr td{border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
.pro-data tr td:nth-of-type(2n+0){background: #fff;}

.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);}
.intitb {line-height: 30px;text-transform: uppercase;color: #777;}
.intitb span{border-left: 3px solid #d50000;font-size: 22px;color: #444;}


.proda a{display: block;}
.proda a:hover span{background: #d70000;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;overflow: hidden; color: #aeaeae;text-transform: uppercase;}
.sidetita span{font-size: 22px;color: #444;border-left: 2px solid #d70000;}
.sidea {height: auto;overflow: hidden;}
.sidea ul{height: auto;overflow: hidden;background: #f3f3f3;margin-bottom: 1rem;}
.sidea li{position: relative;overflow: hidden;background: #fafafa; text-indent: 2em;line-height:45px;height:45px;transition:.4s;margin-top: 2%; }
.sidea li:hover{background: #c80003;}
.sidea li:hover a{color: #fff !important;}
.sidea li:hover i{color: #fff !important;}
.sidea li a{display: block; }
.sideMenu{}
.sideMenu h3{ height:50px; line-height:50px;font-size: 16px;margin:5px 0; padding:0 6%;background:url(../image/p14-icon5.png) no-repeat right center #fff;cursor:pointer;}
.sideMenu h3 a{display: block;transition:.4s;}
.sideMenu h3:hover{background: url(../image/p14-icon2.png) no-repeat right center #d90000;transition:.4s;color: #fff;}
.sideMenu h3.on {background: url(../image/p14-icon2.png) no-repeat right center #d90000;color: #fff; }
.sideMenu ul{color:#999; display:none; /* 默认都隐藏 */ }
.sideMenu ul li i{float: right;margin-right: 4%;}


.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: #d70000;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;border-top: 10px solid #f5f5f5;}
.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: #d50000;}
.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;}
.contactaa li:nth-of-type(4) p{font-size: 16px;}

.contactb{height: auto;overflow: hidden;}
.contactc{height: auto;overflow: hidden;background: url(../image/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;}
.conaa p {line-height: 40px;color: #777;text-align: center;margin-top: 2%;}
.conaa p i{font-size: 18px;}
.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: 34%;font-weight: bold; height: 40px;text-align: center;line-height: 40px;background: #fff;transition:.4s; color: #04287e;font-size: 15px;}
.contactc .submit:hover {background: #0058b1;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 screen and (max-width:768px){  
.menu li a{padding: .25rem 0;font-size: 14px;}
.in01b .row{padding-left: 15px;padding-right: 15px;}
.in01b .col-6{padding-left: 0.5%;padding-right: 0.5%;}
.inimga{width: 100%;}
.infonta{width: 100%;}
.intita strong{font-size: 22px;}
.intitb strong{font-size: 22px;}
.infonta span{font-size: 13px;height: 40px;overflow: hidden;}
.in02a {background: url(../image/in02a.png) center top no-repeat;background-size: 100%;}
.in02a span{font-size: 14px;line-height: 25px;}
.in02b{line-height: 25px;font-size: 14px;}
.in03bb p{font-size: 17px;line-height: 35px;}
.intitc span{font-size: 18px;}
.intitc span b{font-size: 22px;}
.in04ab{width: 18%;}
.in_04 li{background: none;}
.in05aa i{margin-bottom:.25rem;}
.in04ac strong{font-size: 18px;}
.in09b strong{font-size: 22px;}
.in09b p{font-size: 14px;}
.in01b .swiper-pagination-bullet{width: 8px;height: 8px;}
.in05a span{font-size: 17px;}
.intite span{font-size: 18px;}
.in07a .swiper-button-prev{top:89%;left: 71%;}
.in07a .swiper-button-next{top:89%;}
.intitf span b{font-size: 22px;padding-left: 4%;}
.timeyy{width: 20%;}
.fonta{width: 78%;}
.in09b{padding: 1rem;}
.foota li{line-height: 30px;}
.footc {padding-bottom: 4%;}
.ban{height: 150px;background-size: 220%;}
.infonta{text-align: center;}
.proaa h3{font-size: 18px;}
.ptit .row{padding-left: 15px;padding-right: 15px;}
.ptit .col{padding-left: 0px;padding-right: 0px;}
.proca strong::before{content: ""}
.proca strong::after{width: 70%;left: 40%;}
.procon img{max-width: 100%;}
.honorlist .row{padding-left: 15px;padding-right: 15px;}
.honorlist .col-6{padding-left: 0.5%;padding-right: 0.5%;}
.caselist .row{padding-left: 15px;padding-right: 15px;}
.caselist .col-6{padding-left: 0.5%;padding-right: 0.5%;}
.contactc .code{width: 100%;}
.cultureb ul{width: 100%;}
.intitg span{font-size: 22px;}
.companyaa p{font-size: 14px;}
.foota li span{font-size: 12px;}
.intita h2{font-size: 22px;}
.cultureaa strong{font-size: 22px;}
.cultureb li{height: auto;border-radius: 2px;font-size: 14px;padding: .25rem}
.footc{justify-content:initial !important;}
}


@media (min-width: 768px) and (max-width: 1024px) { 
.in02a{background-size: 70%;}
.in_02 ul li:hover .in02a{background-size: 70%;padding: 1rem 0;}
.infonta span{font-size: 16px;}
.in02a a{padding: 1rem 0;}
.in09b{padding: 3rem 1rem;color: #fff;}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.in_02 ul li:nth-of-type(4) .in02a{background: url(../image/in02a.png) center top no-repeat;}
.proca strong::before{left:15%;}
.proca strong::after{width: 60%;left: 44%;}

 }
@media (min-width: 1200px) and (max-width: 1280px) { 
.infonta dd{width: 52px;overflow: hidden;}
.infonta span{font-size: 20px;}
.proca strong::after{left: 35%;}
 }
@media (min-width: 768px) and (max-width: 1220px) { 
.in_04 li{background: none;}
 }
@media (min-width:992px) and (max-width: 1200px) { 
.proac{display: none;}
 }