@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;}
/*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;}
/* 无内容 */



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

 }

 @font-face {
	font-family:fz;
	src: url('../css/bahnschrift.ttf');
}
#dituContent label {max-width: unset!important;text-align: center;}
/*top*/
.top{padding: 1% 0;border-bottom: 1px solid #bbbfc2;z-index: 5;top:0;width: 100%;background: #fff;position: relative;}
.topa  img{max-width: 100%;}
.menu{margin-top: 2.5%;line-height: 40px;height: 40px;overflow: hidden;}
.menu .col{padding-left: 0px !important;padding-right: 0px !important;}
.menu li{position: relative; text-align: center;height: 100%;}
.menu li a{display: block;font-size: 15px; }
.menu li::after{position: absolute;content: "";width: 0px;height: 4px;left:20%; background: #cdd5e3;z-index: -1; bottom: 4px;transition:.4s;}
.menu li:hover::after{width: 60%;}
.menu li:hover a{color: #102540;}
.toptel{height: auto;overflow: hidden;background: url(../images/toptel.png) left  no-repeat;padding-left:60px;float: right;}
.toptel span{display: block;color: #777;font-size:12px;line-height: 25px; }
.toptel p{font-size:28px;line-height: 30px;font-family: fz;}
.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: 2000%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 30px;color:#04287e}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 2000%;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;}
/*首页大图*/
.mbanner {position: relative;height: auto !important;z-index: 1}
.mbanner .swiper-wrapper{height: auto !important;}
.mbanner #bannerSwiper {height: auto !important;}
.mbanner .swiper-slide {position: relative;height: auto !important;float: left;}
.mbanner .swiper-slide a{display:block;width:100%;height: auto !important;}
.mbanner .swiper-slide a img{ width: 100%; height: auto;}
.mbanner .swiper-pagination {position: absolute;font-size:0;left: 0;height: 10px;text-align: center;bottom: 13px;width: 100%;z-index: 9999;}
.mbanner .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;}
.mbanner .swiper-pagination .swiper-active-switch {background: #fff;opacity: 1;}
.mbanner .swiper-pagination-bullet{width: 90px;height: 2px;border-radius: 0px;}
/*首页样式*/
.index_top{line-height: 45px;border-bottom: 1px solid #e6e6e6;}
.search{width:25%;}
.search #key{ width: 80%; height: 35px; line-height: 35px; float: left;outline: none;text-indent:2em;}
.search .fdj{ width: 20%; height: 35px;font-size: 14px;background: url(../images/fdj.png) center  no-repeat; float: right;cursor: pointer;text-align: center; border:none;outline: none; transition: 0.3s;}
.search .fdj:hover{ background: url(../images/fdj.png) center  no-repeat #e99f0e;}
.searcha{width:60%;float: right;}
.searcha #key{ width: 80%; height: 35px; line-height: 35px; float: left;outline: none;text-indent:2em;}
.searcha .fdj{ width: 20%; height: 35px;font-size: 14px;background: url(../images/fdj.png) center  no-repeat; float: right;cursor: pointer;text-align: center; border:none;outline: none; transition: 0.3s;}
.searcha .fdj:hover{ background: url(../images/fdj.png) center  no-repeat #e99f0e;}

.in_01{height: auto;overflow: hidden;}
.in01a li a:hover .infonta{background: #e99f0e;color: #fff;border-radius: 5px;}
.in01a li a:hover .inimga {border: 1px solid #e99f0e;}
.in01a li a:hover .inimga i{background: rgba(0,0,0,0.4)}
.intita{width: 100%;}
.intitaa {font-size:24px;line-height: 35px;color: #102540; }
.intitaa strong{display: block;text-transform: uppercase;}
.intitaa strong em{color: #e99f0e; }
.intitaa span{position: relative; }
.intitaa span::after{position: absolute;content: "";width: 160%;height: 1px;background: #444;top:48%;left:120%; }
.intitab a{transition:.4s;}
.intitab a:hover{color: #e99f0e;}
.inimga {position: relative; height: auto;overflow: hidden;border: 1px solid #e6e6e6;border-radius: 10px;padding: 5px;}
.inimga i{position: absolute; z-index: 1;width: 96%;height: 96%;border-radius: 10px 10px 0 0; background: rgba(0,0,0,0);transition:.4s;}
.inimga img{display: block;width: 100%;}
.infonta {height: 50px;line-height: 50px;overflow: hidden; border-bottom: 1px solid #e6e6e6;transition:.4s;}
.infonta i{float: right;font-size: 22px;color: #999;}
.in01ba strong{display: block;position: relative; color: #102540;font-size: 30px;letter-spacing: 3px;line-height: 50px;}
.in01ba b{display: block;position: relative; color: #102540;font-size: 30px;letter-spacing: 3px;line-height: 50px;}
.in01ba strong::after{position: absolute;content: ""; width: 200px;height: 1px;background: #102540;top:48%;left:50%;}
.in01bb span{display: block;line-height: 45px;color: #777;text-transform: uppercase;}
.in01bb span em{font-size: 18px;color: #444;}
.in01bb span i{display: block;width: 120px;height: 1px;background: #999999}
.in01bb p{line-height: 40px;}
.in01bb p i{font-size: 18px;}
.in01bb b{font-size: 26px;}
.in01bc a{display: block;float: right; background: #102540;border-radius: 10px;color: #fff;text-align: center;width: 90px;transition:.4s;}
.in01bc a:hover{background: #e99f0e;}
.in01bc a i{font-size: 28px;}
.in01bc a span{display: block;line-height: 30px;}
.in01c img{display: block;}
.in_02{height: auto;overflow: hidden;background: url(../images/in02bg.jpg) center top  no-repeat;}
.in02a{background: url(../images/in02a.png) center top  no-repeat;color: #fff;padding:8rem 5rem;}
.in02aa strong{display: block;font-size: 22px;line-height: 40px;text-transform: uppercase;}
.in02aa strong em{color: #e99f0e; }
.in02aa b{display: block;font-size:30px;line-height: 40px;}
.in02aa p{line-height: 40px;font-size: 16px;}
.in02aa i{display: block; width: 35px;height: 1px;background: #fff}
.in02aa em{display: block;font-size: 12px;line-height: 25px;color: #5e6775;}
.in02ab p{line-height: 30px;}
.in02ab p b{line-height: 30px;font-size: 18px;}
.in02ab p em{display: block;float: left;margin-right: 2%; width: 30px;height: 30px;line-height: 30px; border-radius: 50px;background: #405166;text-align: center;}
.in02ab p i{display: block; width: 30px;height: 30px;line-height: 30px; border-radius: 50px;background: #405166;text-align: center;}
.in02ab a{display: block;width: 120px;line-height: 40px;background: #e99f0e;border-radius: 5px;text-align: center;color: #fff;transition:.4s;}
.in02ab a:hover{background: #fff;color: #444;}
.in02e{position: absolute;z-index: 0;right:-5%; font-size:100px;font-weight: bold;top:15%; color: #f2f3f4;text-transform: uppercase;writing-mode: vertical-lr;writing-mode: tb-lr;}
.in02c{height: auto;position: relative;z-index: 3;}
.in02c img{display: block;float: left;width: 50%;}
.in02ca{float: right;width: 50%;position: relative;}
.in02ca::after{position: absolute;content: "";height: 1px;background: #e6e6e6;width: 200%;bottom: 10px;left:0px;}
.in02ca span{display: block;line-height: 35px;font-size: 16px;}
.in02ca p{line-height: 25px;font-size: 12px;color: #777;}
.in02d {clear: both; width: 60%;margin:0 auto;position: relative;z-index: 3;}
.in02d span{display: block;font-size: 26px;line-height: 50px;}
.in02d p{line-height: 40px;font-size: 16px;color: #777;}
.in02b{position: relative;}
.in02b .swiper-button-prev:after{display: none;}
.in02b .swiper-button-next:after{display: none;}
.in02b .swiper-button-prev{top:94%;left:89%;width: 50px;line-height: 50px;background: #e99f0e;transition:.4s;text-align: center;}
.in02b .swiper-button-prev:hover{background: #444;}
.in02b .swiper-button-prev i{color: #fff;}
.in02b .swiper-button-next{top:94%;right:0px;width: 50px;line-height:50px;background: #102540;transition:.4s;text-align: center;}
.in02b .swiper-button-next:hover{background: #444;}
.in02b .swiper-button-next i{color: #fff;}




.in03a{position: relative;overflow-x: hidden;}
.in03a .swiper-container {padding-bottom: 4%;overflow: inherit;}
.in03a .swiper-scrollbar-drag {background:#034395;}
.in03a .swiper-container-horizontal>.swiper-scrollbar{left:0;}
.in03a .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.in03a .swiper-slide a {display:block; position: relative;}
.in03a .swiper-slide:hover .inimgb{border: 1px solid #e99f0e}
.in03a .swiper-slide:hover .in03aba span::before{width: 100%;}
.in03a .swiper-slide:hover .in03aba em{color: #e99f0e}
.in03a .swiper-slide:hover .in03aa {transform:rotate(-90deg);
-ms-transform:rotate(-90deg); 	/* IE 9 */
-moz-transform:rotate(-90deg); 	/* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg);  }
.in03a .swiper-slide:hover .in03aa strong{color: #e99f0e}
.inimgb{height: auto;overflow: hidden;position: relative;border: 1px solid #e6e6e6;padding: 5px;border-radius: 5px;transition:.4s;}
.inimgb img {display: block;width: 100%;transition: all .5s ease 0s;border-radius: 5px;}
.in03aa{position: absolute;left:.75rem;top:0;z-index: 3; writing-mode: vertical-lr;writing-mode: tb-lr;transition: all .5s ease 0s;}
.in03aa strong{transition: all .5s ease 0s}
.in03ab{float: right;width: 94%;}
.in03aba{margin-left: 20%;}
.in03aba span{position: relative; display: block;font-size: 16px;border-top: 2px solid #000;line-height: 45px;height: 45px;overflow: hidden;}
.in03aba span::before{position: absolute;content: "";width: 0px;top:-2px;height: 2px;background: #e99f0e;left:0;transition: all .5s ease 0s}
.in03aba p{line-height: 30px;color: #777;}
.in03aba em{float: right;font-size: 22px;transition: all .5s ease 0s;}

.in_04{height: auto;overflow: hidden;background: url(../images/in04bg.png) center top no-repeat;}
.in04a p{line-height: 30px;color: #777;}
.in04a span{display: block; line-height: 30px;color: #999;}
.in04a a i{font-size: 42px;color: #e99f0e;transition:.4s;}
.in04a a i:hover{color: #102540}
.in04a img{width: 100%;}
.intitac a{display: block;float: right;margin-left: 10px;border-radius: 5px; width: 140px;line-height: 45px;background: #102540;text-align: center;color: #fff;transition:.4s;}
.intitac a:hover{background: #444;}
.intitac a:nth-of-type(2){background: #e99f0e;}
.intitac a:nth-of-type(2):hover{background: #444;}
.newsbb  li{height: auto;overflow: hidden;transition:.4s;border-bottom: 1px solid #e8e8e9;padding: 1.15rem 0;}
.newsbb  li a{display: block;}
.newsbb  li:last-child{border-bottom: 0px !important;}
.newsfont a{display: block;height: auto;overflow: hidden;}
.infontc{margin:2%;float: right;height: auto;overflow: hidden;width: 68%;}
.infontc span{display: block;line-height:35px;height:35px;overflow: hidden;}
.infontc p{display: block;line-height: 25px;color: #777;margin-bottom: 0px !important;}
.newsbb  li:hover {background:#e99f0e;color: #fff;}
.newsbb  li.active{background:#e99f0e;color: #fff;}
.newsbb  li.active p{color: #fff;}
.newsbb  li.active span{color: #fff;}
.newsbb  li.active .riqi{color: #fff;}
.newsbb  li.active .yuefen{color: #fff;}
.newsbb  li:hover .infontc{color: #fff;}
.newsbb  li:hover .infontc p{color: #fff;}
.newsbb  li:hover b{color: #fff;}
.timeyy{float: left; display:block; width: 18%;height: 100%; margin:2% 4%;text-align: center;transition:.4s;border-right: 1px solid #e8e8e9;}
.riqi{ display:block;line-height:60px;font-size:42px;font-weight: normal;color: #777;}
.yuefen{display: block; font-weight: normal;line-height: 25px;color: #777;}


.in05a {height: auto;overflow: hidden; background:#102540;}
.in05a:hover span{color:#e99f0e;text-decoration: underline;}
.in05a:hover .infontd i{width: 60px;background: #e99f0e}
.in05a img{display: block;width: 50%;float: left;}
.in05a .infontd{float: right; width: 50%;background: url(../images/in05a.jpg) bottom   no-repeat #102540;color: #fff;}
.in05a .infontd span{display: block;font-size: 16px;line-height: 40px;}
.in05a .infontd i{display: block;height: 2px;width: 30px;background: #fff;transition:.4s;}
.in05a .infontd p{line-height:27px;}
.in05b span{display: block;font-size: 16px;line-height: 40px;transition:.4s;}
.in05b li:hover span{text-decoration: underline;color: #e99f0e;}
.in05b p{line-height:27px;color: #777;}

.in_06{height: auto;overflow: hidden;}
.in06a ul li{text-align: center;background: url(../images/in06a.png) right 35px  no-repeat;}
.in06a ul li i{font-size: 40px;color: #fff;height: 40px;line-height: 40px;overflow: hidden;}
.in06a ul li:nth-of-type(4) b{padding-top: 25px;line-height:75px;}
.in06a ul li:nth-of-type(5) b{padding-top: 25px;line-height:75px;}
.in06a ul li:nth-of-type(6) b{padding-top: 25px;line-height:75px;}
.in06a ul li:nth-of-type(6) {background:none !important;}
.in06a ul li b{display: block;width: 100px;line-height: 90px;padding-top: 10px;transition: all linear 0.3s; font-weight: normal;background: #102540;border: 1px solid #fff; border-radius: 60px;margin:0 auto;}
.in06a ul li:hover b{box-shadow: 0px 0px 15px 0px rgb(29, 80, 154);
    border: 1px solid #1d509a;}
.in06a ul li:hover span{color:  #102540;}
.in06a ul li span{display: block;font-size: 18px;line-height: 45px;margin-top: 1rem;transition: all linear 0.3s;}
.in06a ul li p{color: #777;text-transform: uppercase;font-size: 12px;}
.intela{display: block;background: #102540;line-height: 50px;width: 300px;border-radius: 80px;color: #fff;text-align: center;margin:3rem auto 0 auto;}
.intela b{font-size: 22px;}

.in_07{background: url(../images/in07bg.png) center top no-repeat #213045;}
.in07a {text-align: center;}
.in07a strong{display: block;font-size: 30px;line-height: 50px;color: #fff;}
.in07b li img{display: block;max-width: 100%;border-radius: 5px;}

.in_08 img{float: left;}
.in_08 a{float: left;padding: 0 2%;transition:.4s;}
.in_08 a:hover{color: #e99f0e;text-decoration: underline;}

/*脚步*/
.footer{height: auto;overflow: hidden;background: url(../images/footerbg.jpg) center no-repeat;color: #e8e8e8; }
.foota{background:#12243b}
.foota li{line-height: 35px;}
.foota li i{font-size: 18px;}
.footewm{background:url(../images/fewm.png) center no-repeat;padding: .75rem;width: 127px;}
.footewm img{display: block;max-width: 100%;margin:0 auto;}

.footbc{line-height: 30px;color: #a8a9ab;}
.footbc a{color: #a8a9ab;}
.footba{height: auto;overflow: hidden;}
.footba .left{float: left; width: 50%;}
.footba .right{float: right; width: 50%;}
.footba span{display: block;position: relative;line-height: 60px;font-size: 16px;padding-left: 12%;}
.footba span::before{position: absolute;content: "";width: 35px;height: 1px;background:#fff;top:48%;left: 0;}
.footba ul{padding-left: 12%;}
.footba ul li{float: left;width: 33.3%;line-height: 35px;height: 35px;overflow: hidden;}
.footba ul li a{display: block;color: #a8a9ab;transition:.4s;}
.footba ul li:hover a{color: #fff}

.footbb .forma{height: auto;overflow: hidden;position: relative;}
.footbb .forma span{display: block;font-size: 20px;line-height: 45px;}
.footbb .forma input{float: left;width: 32%;margin-right: 2%;padding-left: 2%;border: 1px solid #3c4047;background: none;color: #fff;}
.footbb .forma input:last-child{margin-right: 0px;}
.formb textarea {float: left; display: block;padding-left:2%;width: 78%;height: 90px;background: none;line-height: 35px;border: 1px solid #3c4047;color: #fff;margin-right:2%;}
.footbb  img {position: absolute;z-index: 1; right:5px;height: 35px;border: 1px solid #3c4047;margin-top: 5px;}
.footbb .code {position: relative; float: right;display: block;width: 20%;height: 100%;text-align: center;line-height: 40px;background: #e99f0e;padding: 5px;transition:.4s;}
.footbb .code em {display: block;}
.footbb .code a {display: block;color: #fff;}
.footbb .code:hover {background: #12243b}
.footbb .form-tr {overflow: hidden;margin-top: 2%;}
.footbb input {display: block;width: 90%;padding-left:2%;height: 45px;line-height: 45px;background: none;border: 1px solid #3c4047;}








.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#12243b;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 #242a81;}
.footnav li:nth-of-type(2){width: 15%;}
.footnav li:nth-of-type(2) a{border-right: 1px solid #242a81;}
.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: #12243b;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: #12243b;}
.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 #12243b; 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;}



/*简介*/
.ban{height: 340px;overflow: hidden;background: url(../images/ban.jpg) center no-repeat;color: #fff;}
.ban span{display: block;margin-top:5%;font-size: 30px;line-height: 50px;}
.ban strong{font-size: 50px;line-height: 70px;}
.ban p{font-size: 22px;line-height: 50px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;width: 300px;letter-spacing: 11px;}


.location{height: auto;line-height: 50px;border-bottom: 1px solid #eeeeee;color: #777;}
.location a {color: #777;transition:.4s;}
.location a:hover {color: #102540;}
.location i {color: #102540;}
/*content_company*/
.companya{height: auto;overflow: hidden;background: #f5f5f5}
.companya img{width: 100%;}
.intitaa i{font-size: 18px;margin-left: 40%;}
.companyab p{line-height: 30px;color: #777;}
.companyb {height: auto;overflow: hidden;background: #f5f5f5;}
.companyb  .swiper-slide{border-right: 1px solid #878c92;}
.companyb  .swiper-slide img{width: 100%;}
.companyb .swiper-button-prev{width: 35px;height: 60px;line-height: 60px;color: #fff;background:#333333;top:40%;left: 0px;transition:.4s;}
.companyb .swiper-button-prev:hover{background: #c51429;}
.companyb .swiper-button-next{width: 35px;height: 60px;line-height: 60px;color: #fff;background:#e99f0e;top:40%;right:0px;transition:.4s;}
.companyb .swiper-button-next:hover{background: #c51429;}
.companyb .swiper-button-prev i{color: #fff;font-size: 22px;}
.companyb .swiper-button-next i{color: #fff;font-size: 22px;}
.companyb .swiper-button-prev::after{display: none;}
.companyb .swiper-button-next::after{display: none;}
.companyc{height: auto;overflow: hidden;}
.companyca{height: auto;overflow: hidden;box-shadow: 0px 0px 7px 2px #ddd;text-align: center;background: #f5f5f5;transition:.4s;}
.companyca i{font-size: 48px;color: #102540;transition:.4s;}
.companyca span{display: block; font-size: 22px;line-height: 35px;}
.companyca em{display: block;font-size: 12px;color: #777;text-transform: uppercase;}
.companyca p{line-height: 30px;color: #777;transition:.4s;}
.intitb{width: 100%;}
.intitba {font-size:24px;line-height: 35px;color: #102540; }
.intitba strong{display: block;text-transform: uppercase;}
.intitba strong em{color: #e99f0e; }
.intitba span{position: relative;color: #102540; }
.intitba span::after{position: absolute;content: "";width: 36%;height: 1px;background: #444;top:48%;left:120%; }
.intitba i{font-size: 16px;margin-left: 11%;}
.companyca:hover {background: #102540;color: #fff;}
.companyca:hover i{color: #fff;}
.companyca:hover p{color: #fff;}
.come{height: auto;overflow: hidden;}
.come .swiper-button-next:after{color: #23569e;}
.come .swiper-button-prev:after{color: #23569e;}
.come .swiper-slide img{display: block;max-width: 100%;position: relative;z-index: -1;}
.come .swiper-slide span{position: absolute;bottom: 0;background: rgba(0,0,0,0.6);width: 100%;color: #fff;transition:.4s; display: block;line-height: 60px;height: 60px;overflow: hidden; text-align: center;}
.come .swiper-slide:hover span{line-height: 80px;height: 80px;background: #e99f0e}
.come .swiper-pagination{float: right;position:relative;margin-top: 2%;}
.come .swiper-pagination span{margin:0 3px;}
.comea{position: relative; height: auto;overflow: hidden;border: 3px solid #ddd;}
/*content_product*/
.producta{height: auto;overflow: hidden;background: #f4f6f8;}
.prolist .row{padding-left: 15px !important;padding-right: 15px !important;}
.prolist .col-xl-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prolist li a:hover .infonta{background: #e99f0e;color: #fff;border-radius: 5px;}
.prolist li a:hover .inimga {border: 1px solid #e99f0e;}
.prolist li a:hover .inimga i{background: rgba(0,0,0,0.4)}
.prolist li img{display: block;max-width: 100%;transition: all .5s ease 0s;}


/*content_public*/
.de-page-mian{height: auto;overflow: hidden;padding: 2% 0;}
.movie{height: auto;overflow: hidden;}
.movie .row{padding-left: 15px !important;padding-right: 15px !important;}
.movie .col-xl-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.moviea .col{padding-left: 0px !important;padding-right: 0px !important;}
.moviea a{display: block;position: relative;background: #fff;}
.moviea a:hover span{background: #1e3e83;padding: 1% 0;}
.moviea span{position: absolute;bottom: 0;left:1rem; width: 100%;background: rgba(0,0,0,0.6);line-height: 50px;color: #deddd9;transition:.4s;}
.moviea img{display: block;width: 100%;}
.yk{background: url(../images/yk.png) left no-repeat;}
.ya em{font-size: 12px;}
.yk em{float: right;font-size: 12px;}
.pimga{position: relative;}
/*荣誉*/
.honorlist{height: auto;overflow: hidden;padding: 2% 0;}
.honorlist .row{padding-left: 15px !important;padding-right: 15px !important;}
.honorlist .col-xl-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.honorlist .col-xl-2{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.honorlist li{height: auto;overflow: hidden;margin-bottom: 4%;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li img{display:block;height: auto;margin:0 auto;  max-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: 30%; 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;}



.caselist{height: auto;overflow: hidden;}
.caselist .row{padding-left: 15px !important;padding-right: 15px !important;}
.caselist .col-xl-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.caselist li:hover .pimg i{background: rgba(0,0,0,0.4);}
.caselist li:hover span{color: #102540}
.caselist li a{display: block;background:#f4f6f8;}
.caselist li:hover em{background: #102540;border: 1px solid #102540;color: #fff;}
.caselist strong{display: block;font-size: 36px;line-height: 60px;text-align: center;}
.caselist img{display: block;max-width: 100%;}
.pfonta{height: auto;overflow: hidden;}
.pfonta span{display: block;font-size: 16px;line-height: 30px;height: 30px;overflow: hidden; transition: .4s }
.pfonta p{line-height: 25px;color: #777; }
.pfonta em{border: 1px solid #777;color: #777;padding:10px 25px;border-radius: 2px; line-height: 35px;text-align: center;transition: .4s}
.pimg{position: relative;height: auto;overflow: hidden;}
.pimg i{display: block; position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0);transition: .4s}
}
/*新闻*/
.newslist{height: auto;overflow: hidden;}
.newslist .col-xl-4{padding-right:0px;padding-left: 0px;}
.newslist ul li{border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;transition: all 1s ease}
.newslist ul li a{display: block;transition:.4s; }
.newslist ul li img{display: block;width: 100%;}
.newslist ul li:hover{box-shadow: rgba(0,0,0,0.3) 0px   6px 15px;}
.newslist ul li:hover a{transform: translate3d(0,-10px,0)}
.time {display: block;line-height: 40px;font-size: 22px;color: #777;}
.newsfonta span{font-size: 16px;line-height: 40px;}
.newsfonta p{line-height: 25px;color: #777;}
.newsfonta em{display: block;width: 140px;line-height: 35px;border: 1px solid #777;color: #777;text-align: center;border-radius: 50px;}




/*新闻详情*/
.newsinfoa{height: auto;overflow: hidden;}
/* .newsinfoa strong{display: block; text-align: center;font-size: 18px;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;}
.newsaa  img{display: block;margin:2% auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.newsinfoa  strong{display: block;line-height: 40px;text-align: center;font-size: 18px;}
.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;transition:.4s;}
.newsinfob li:hover{background: #102540;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: #102540 !important;}

/*产品详情*/
.proa img{display: block;width: 100%;}
.proaa{height: auto;overflow: hidden;}
.proaa strong{display: block;font-size: 26px;line-height: 40px;}
.proaa p{clear: both; line-height: 30px;height: auto;overflow: hidden; color: #777;}
.proaa p i{display: block;float: left;width: 100px;line-height: 40px;border-radius: 3px;margin-right: 1rem;text-align: center;color: #fff;}
.proaa p i:nth-of-type(1){background: #a599d0;}
.proaa p i:nth-of-type(2){background: #e77745;}
.proaa p i:nth-of-type(3){background: #3bb3c3;}
.proaa p i:nth-of-type(4){background: #89c997;margin-right: 0px;}
.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;}
.proda span{display: block;font-size: 22px;margin-top: 1rem;}
.proda img{max-width: 100%;border-radius: 20px;}
.proda p{line-height: 30px;color: #777;}



.proac{background:url(../images/ptel.png)left center no-repeat;padding-left: 50px;}
.proac span{display: block;line-height: 30px;color: #777;}
.proac p{font-size: 28px;line-height: 30px;color: #d10000;}
.proad a{border: 1px solid #eee;display: block;width: 125px;line-height: 40px;border-radius:  0 5px 5px 0 ;float: left;text-align: center;background: #f4f4f4;transition:.4s;}
.proad a span{display: block;position: relative;z-index: 3;font-size: 14px;}
.proad a:nth-of-type(1){background: #102540;color: #fff;transition:.4s;border-radius: 5px 0 0 5px;}
.proad a:nth-of-type(1):hover{background: #e77745;}
.proad a:nth-of-type(2){background: #102540;color: #fff;transition:.4s;border-radius: 5px 0 0 5px;}
.proad a:nth-of-type(2):hover{background: #e77745;}
.proad a:hover{background: #3bb3c3;color: #fff;}
.prob{background: #f4f6f8;}
.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;text-indent: 2em;font-size: 15px;}
.sidea li:before {position: absolute;content: "";left: 0;top:0; width: 5px;height: 0px;background: #009944;transition:.4s;}
.sidea li:hover:before {height: 100%;}
.sidea li:hover {background: #f6f6f6;}
.sideb li {height: auto;overflow: hidden;background: #f9f9f9;transition:.4s;position: relative;z-index: 3}
.sideb li:hover {background: #102540;}
.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;}
.sidec li{height: auto;overflow: hidden;border-bottom: 1px solid #e9e9e9;}
.sidec li span{display: block;line-height: 40px;}
.sidec li p{line-height: 25px;color: #777;}
.sidec li p a{display: block;transition:.4s;}
.sidec li a:hover {color: #12243b;}
.sidetit{height: 100px;overflow: hidden;background: #12243b;color: #fff;text-align: center;padding-top: 2rem;}
.sidetit h3 {line-height: 40px;height: 40px;margin-bottom: 0px;}
.sidetit h3 small{font-size: 14px;}
.sidetit strong{display: block;font-size: 60px;color: #192e4a;line-height: 50px;height: 50px; text-transform: uppercase;font-family: impact;}
.sideaa {background: #fff;height: auto;overflow: hidden;padding: 4%;}

.ciona{background: url(../images/ciona.png)  left center no-repeat #fff;color: #999;font-size: 13px;}
.cionb{background: url(../images/cionb.png)  left center no-repeat #fff;color: #999;font-size: 13px;}
.s_b p{margin-top: 8%;line-height: 25px;font-size: 13px;text-align: center;color: #777;}
.s_b .form-tr{margin-top: 3%;}
.s_b input {display: block;width: 100%;padding-left:10%;height: 50px;line-height: 50px;border: 1px solid #d8d8d8;}
.s_b .code{height: auto;overflow: hidden;}
.s_b .code input {width: 48%;float: left;}
.s_b .code img {cursor: pointer;float: right;border: 1px solid #d8d8d8;width: 48%;height: 50px;line-height: 50px;}
.s_b .submit {position: relative; display: block;width: 100%;height: 40px;text-align: center;line-height: 40px;background: #192e4a;color: #fff !important;transition:.4s;letter-spacing: 1px;}
.s_b .submit span{position: relative;z-index: 3;}
.s_b .submit:hover {background: #d10000;}

.ptit{line-height: 70px;background: #fff;font-size: 16px;text-align: center;border-bottom: 1px solid #e8e8e8;}
.ptit a{display: block;transition:.4s;border-top:4px solid #fff;}
.ptit a:hover{border-top:4px solid #102540;color: #102540;}
.ptita{height: auto;overflow: hidden;position: relative;text-align: center;}
.ptita strong{display: block;font-size:40px; color: #eef0f2;text-transform: uppercase;font-family: impact;}
.ptita span{display: block;font-size:32px;line-height: 50px;margin-top: -55px;}
.ptita p{line-height: 40px;color: #777;font-size: 16px;}
.ptita i{font-size: 28px;color: #3966a7;}

.proca{height: auto;overflow: hidden;line-height: 30px;color: #777;}
.proca strong{display: block;position: relative; font-size: 22px;font-weight: normal;border-left: 6px solid #ea9f0f;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%;}
.proca img{max-width: 100%;}

/*联系*/
.contacta{height: auto;overflow: hidden;}
.contacta .row{padding-left: 15px;padding-right: 15px;}
.contacta li{position: relative;height: auto;overflow: hidden;border-left: 1px solid #e9e9e9;padding-left: 3%;}
.contacta li span{ display: block;line-height:40px;font-size: 16px; }
.contacta li:before{position: absolute;content: ""; height: 40px;width: 2px;background: #102540;left:0;top:0;}
.contacta li i{font-size: 28px;color: #102540;}
.contacta li p{line-height:30px;color:#777;}
.ewm {text-align: center;padding-right: 4%;}
.ewm:last-child{padding-right: 0px;}
.ewm img{border: 1px solid #eee;padding: 3px;max-width: 100%;}

.contactc{height: auto;overflow: hidden;background: #f4f6f8;}
.contactca{background:#fff;height: auto;overflow: hidden;}
.contactca span{display: block;line-height: 40px;font-size: 20px;}
.contactca p{color: #777;line-height: 25px;}
.contactcb{height: auto;overflow: hidden;background: #fff;text-align: center;}
.contactcb span{display: block;font-size: 20px;line-height: 40px;}
.contactcb p{line-height: 25px;color: #777;}
.contactcb em{display: block;line-height: 40px;width: 47px;border-radius: 100px;border: 1px dashed #bfbfbf;margin:0 auto;}
.contactcb em i{font-size: 26px;color: #777;}
.contactcb strong{display: block;font-size: 28px;color: #102540;font-family: fz;border-bottom: 1px dashed #dcdcdc;}
.contactcb a{display: block;width: 160px;line-height: 45px;background: #c30e24;color: #fff;text-align: center;margin:0 auto;border-radius: 2px;}
.contactcb a i{position: relative;z-index: 3;}
.taobao dd{float: left;width: 20%;text-align: center;}
.taobao dd a{display: block;}
.taobao dd:hover i{color: #102540}
.taobao dd:hover p{color: #102540}
.taobao dd p{display: block;}
.taobao dd i{color: #e99f0e;transition:.4s;}

@media (max-width: 576px) {  
.intitaa span::after{width: 60%;}
.search{width: 50%;}
.in01ba strong::after{width: 0px;}
.mbanner .swiper-pagination-bullet{width: 20px;}
.in01ba strong{font-size: 22px;line-height: 30px;}
.in01ba b{font-size: 22px;line-height: 30px;}
.in01bb span em{font-size: 15px;}
.in01bb b{font-size: 17px;}
.in02a{background-size: 100%;margin-bottom: 1rem;}
.in02c img{width: 100%;}
.in02d{width: 100%;}
.in02d span{font-size: 22px;}
.in02b .swiper-button-next{top:50%;}
.in02b .swiper-button-prev{top:50%;left:70%;}
.in03aba span{font-size: 14px;}
.intitac a{width: 80px;}
.intitaa{font-size: 20px;}
.in05a .infontd{width: 100%;}
.in07a strong{font-size: 17px;line-height: 30px;}
.in07a img{width: 50%;}
.footb{padding-bottom: 20% !important;}
.footewm{margin:0 auto;}
.ban{background-size: 220%;height: 145px;}
.ban span{font-size: 16px;line-height: 25px;}
.ban strong{font-size: 22px;line-height: 35px;}
.ban p{font-size: 14px;line-height: 25px;width: 145px;letter-spacing: 1px;}
.intitba{font-size: 22px;}
.intitba span::after{width: 20%;}
.proaa p i{width: 74px;}
.ptit .col{padding-left: 0px;padding-right: 0px;}
.proca strong::before{display: none;}
.proca strong::after{width: 60%;left:40%;}
.proda span{font-size: 16px;}
.in06a ul li {background: none;}
.in_01 .row{padding-left: 15px;padding-right: 15px;}
.in_01 .col-6{padding-left: 0.5%;padding-right: 0.5%;}








}
@media (min-width: 576px) and (max-width: 1024px){  
.in02c img{width: 100%;}
.in02d{width: 100%;}
.in_03{margin-top: 1rem;}
.in_04{background:#f4f4f4}
.in_07{background:#19293f}
.footbb img{height: 28px;}
.in01ba strong::after{left:65%;width:100px;}
..proca strong::after{left:40%;width: 68%;}
.in02a{background-size: 100%;}
.in02b{margin-top: 1rem;}
.in05a .infontd{width: 100%;}

}
@media (min-width: 768px) and (max-width: 1024px){  .in05a .infontd{width: 50%;}}
@media (min-width: 576px) and (max-width: 1199px){ 
.in06a ul li:nth-of-type(3){background: none;}
 }
@media (min-width: 576px) and (max-width: 990px){ 
.proca strong::before{display: none;}
 }