@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;}
/* 无内容 */
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
/*top*/
.topt{line-height: 30px;height: 30px;overflow: hidden; color: #fff;background: #0061a6;}
.topt li{float: right;}
.topt li:nth-of-type(1){padding: 0 1rem;background: #f39700;margin-left: 1rem;}
.topt li a{color: #fff;transition:.4s;}
.topt li a:hover{color: #f39700;}
.topt li b{font-size: 16px;}
.top{border-bottom: 1px solid #e8e8e8;z-index: 5;top:0;width: 100%;background: #fff;position: relative;}
.menu{margin-top: 2.5%;}
.menu li{position: relative; text-align: center;height: 100%;}
.menu li em{color: #777;transition:.4s;}
.menu li::after{position: absolute;content: "";width: 0px;height: 4px;left:0; background: #0061a6;bottom: -30px;transition:all 0.3s ease 0s}
.menu li:hover::after{width: 100%;}
.menu li:hover i{margin-top: 0px;}
.menu li:hover em{color: #0061a6;font-size: 26px;}
.menu li a{display: block;position: relative;height: 30px;line-height: 30px; overflow: hidden; }
.menu li i{display: block;font-family: Arial; text-transform: uppercase;font-size: 13px;font-style: normal;font-weight: bold;margin-top: -30px;transition:.4s;color: #04287e;}
.topa a{display: block;}
.topa img{display: block;max-width: 100%;}

.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:#0a7ee0}
.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: 40px !important;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: 6px;border-radius: 20px;background: rgba(0,97,166,0.8);}
/*in_01*/
.intita{height: auto;overflow: hidden;width: 350px;background: url(../images/intita.png) left center  no-repeat;margin:0 auto;padding-left: 5rem;}
.intita span{font-size: 30px;line-height: 45px;}
.intita span b{color: #0061a6}
.intita p{line-height: 32px;color: #777;font-size: 16px;}
.intype{width: 80%;margin:0 auto;}
.intype li a{position: relative; display: block;line-height: 50px;font-size: 15px; overflow: hidden; background: #f3f3f3;text-align: center;transition:.4s;}
.intype li i{color: #0061a6;transition:.4s;font-size: 26px;position: relative;top:5px;}
.intype li a:hover{background: #0061a6;color: #fff;}
.intype li a:hover i{color: #fff;}
.in01a{height: auto;overflow: hidden;}
.in01a li:hover img{transform: scale(1.03);}
.in01a li:hover b{background: rgba(0,0,0,.4)}
.in01a li:hover i{opacity: 1;margin-top: 25%;}
.in01a li:hover .infonta{background: #08508f;color: #fff;}
.in01a li:hover .infonta span{border-bottom:1px solid #3671a4;}
.in01a li:hover .infonta p{color: #fff;}
.in01a li:hover .infonta a{color: #fff;}
.inimga{height: auto;overflow: hidden;position: relative;}
.inimga a{display: block;border: 1px solid #ebebeb;border-bottom: none; transition: .4s;background: #fff;}
.inimga img{display: block;max-width: 100%;transition: all .5s ease 0s;}
.inimga span{display: block;line-height: 45px;}
.inimga b{position: absolute;z-index: 3;top:0;left:0;display: block;width: 100%;height: 100%;text-align: center; background: rgba(0,0,0,0);font-weight: normal;transition:.4s; }
.inimga b i{display: block; font-size: 34px;color: #fff;opacity: 0;transition: .4s;margin-top: 0px;}

.infonta {height: auto;overflow: hidden;background: #fff;border: 1px solid #ebebeb;border-top: none; transition: .4s;}
.infonta span{display: block;line-height: 40px;border-bottom: 1px solid #ebebeb;font-size: 16px;}
.infonta p{line-height: 25px;color: #777;overflow: hidden;transition:.4s;}
.infonta p a{display: block;width: 48%;background: #0079ce;line-height: 35px;color: #fff;text-align: center;transition: .4s;}
.infonta p a:hover{background: #216198;}
.infonta p a:nth-of-type(2){background: #f39700;}
.infonta p a:nth-of-type(2):hover{background: #216198;}

.in_02{height: auto;overflow: hidden;background: #f6fbff;}
.in02a{background: #fff;}
.in02b strong{display: block;font-size: 50px;color: #f3f3f3;font-family: impact;text-transform: uppercase;}
.in02b span{display: block;font-size: 40px;color: #005a9a;margin-top: -60px;font-weight: bold;}
.in02b i{display: block;font-size: 24px;line-height: 50px;}
.in02b p{line-height: 30px;color: #777;}
.in02b img{width: 100%;}
.in02b a{display: block;width: 150px;line-height: 40px;border-radius: 60px;border: 1px solid #005a9a;color: #005a9a; transition:.4s;}
.in02b a:hover{background: #0b59bb;color: #fff;}

.in03a .swiper-slide a{display: block;position: relative;height: auto;overflow: hidden;}
.in03a .swiper-slide span{display: block;position: absolute;bottom: 0;width: 100%; line-height:60px;background:rgba(0,97,166,.8);color: #fff; transition: all .6s ease}
.in03a .swiper-slide span i{float: right;}
.in03a .swiper-slide img{display: block;max-width: 100%;transition: all 1s ease}
.in03a .swiper-slide:hover img{transform: scale(1.05, 1.05)}
.in03a .swiper-slide:hover span{background: #1655bc;color: #fff;}
.in03b{height: auto;overflow: hidden;}

.in_04{height: auto;overflow: hidden;background: #f6fbff;}
.in04c img{display: block; max-width: 100%;}
.in04ba p{line-height: 30px;color: #777;}
.in04b li {text-align: center;transition:.4s;}
.in04b li em{display: block;width: 70px;height: 75px;padding-top: 10px; background:url(../images/in04b.png) center  no-repeat; text-align: center;margin:0 auto;transition:.4s;}
.in04b li em i{font-size: 32px;color: #fff;transition:.4s;}
.in04b li:hover {margin-top: 5px;}
.in04b li:hover span{color: #0061a6;font-weight: bold;}
.in04b li span{display: block;line-height: 40px;font-size: 15px;text-align: center;transition:.4s;}
.in04b img{max-width: 100%;}

.in05a{height: auto;overflow: hidden;}
.in05a a{display: block;height: auto;overflow: hidden; background: #fff;border: 1px solid #e0e0e0;box-shadow: 0px 0px 10px 5px #f7f7f7; transition:.4s;}
.in05a img{width: 100%;}
.infontb span{display: block;font-size:15px;line-height: 40px;}
.infontb p{line-height: 25px;color: #777;}
.infontb em{display: block; line-height: 30px;font-size: 22px;color: #777}
.infontb em i{float: right;color: #0061a6;font-size: 18px;}

.in05c a{display: block; background: #fafafa;transition:.4s;}
.in05ca {text-align: center;}
.in05ca span{display: block;line-height: 45px;font-size: 22px;color: #777;font-family: impact;}
.in05ca p{color: #777;line-height: 30px;}
.in05cb span{display: block;font-size: 15px;line-height: 40px;}
.in05cb p{color: #777;line-height: 30px;}
.in05cc img{display: block;width: 100%;}
.in05c a:hover{background: #0061a6;color: #fff;}
.in05c a:hover span{color: #fff;}
.in05c a:hover p{color: #fff;}
/*脚步*/
.footer{height: auto;overflow: hidden;background:url(../images/footbg.jpg) center top no-repeat #373737;color: #fff;}
.foota{height: auto;overflow: hidden;}
.foota ul{margin-bottom: 0px;}
.foota li{line-height: 30px;border-right: 1px solid #555555;font-size: 16px;}
.foota li i{font-size: 20px;}
.foota li:last-child{border-right:none;}
.foota li p{line-height: 40px;color: #c3c3c3;padding-left: 1.5rem;}

.footb{height: auto;overflow: hidden;border-top: 1px solid #454545;border-bottom: 1px solid #454545;}
.foottit{height: auto;overflow: hidden;position: relative;}
.foottit::before{position: absolute;content: "";width: 30px;height: 2px;background: #fff;bottom: 0;left:0;}
.foottit span{line-height: 50px;color: #8a8a8a;}
.foottit span em{color: #fff;font-size: 18px;}
.foottit span i{color: #fff;font-size: 20px;}
.footba{line-height: 40px;}
.footba a{display: block;color: #c0c0c0;transition:.4s;}
.footba a:hover{color: #fff;}
.footc{line-height: 40px;color: #707070;text-align: center;}
.footc a{color: #707070;transition:.4s;}
.footc a:hover{color: #fff;}
.fewm{float: left;width: 30%;}
.fewm img{max-width: 100%;}
.fewma{float: right;width: 70%;}
.fewma img{max-width: 100%;}
.footnav{left: 0;bottom:0;width: 100%;position: fixed;background:#0061a6;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 #03528a;}
.footnav li:nth-of-type(2){width: 15%;}
.footnav li:nth-of-type(2) a{border-right: 1px solid #03528a;}
.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;padding-top: 5px;text-align: center;border-bottom: 1px solid #0375c5;border-top: 1px solid #02548e;
 position: relative;background-color:#0061a6; 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;}
.online_kefu ul li .con i{font-size: 22px ;}
.online_kefu ul li .hover_con{ position: absolute;  left:-200px;left:-100px;    width: 100px;   color: #ffffff;text-align: center;background-color: #f39700;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: #f39700;}
.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 #f39700; 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;}
.ban strong{display: block;font-size: 34px;line-height: 60px;margin-top:7%;text-transform: uppercase;color: #fff;}
.ban span{display: block;font-size: 32px;line-height: 50px;font-weight: bold;text-transform: uppercase;color: rgba(255,255,255,.6);}
.location{height: auto;line-height: 60px;color: #777;border-bottom: 1px solid #efefef;}
.location a{color: #777;transition:.4s;}
.location a:hover{color: #0061a6;}
.location i{color: #0061a6;}
.location span{display: block;position: relative;text-align: center;transition:.4s;}
.location span::before{position: absolute;content: "";left:0; height: 100%;width: 0px;background: #0061a6;z-index: -1;transition:.4s;}
.location span:hover{color: #fff;}
.location span:hover::before{width: 100%;color: #fff;}

.video{width: 100%;height: auto;overflow: hidden; text-align: center;}
#playercontainer{margin:0 auto;}
/*content_company*/
.companya{height: auto;overflow: hidden;background: url(../images/coma.jpg) center bottom no-repeat;}
.companyaa{line-height: 30px;color: #777;text-align: center;}
.companyab li i{display: block;float: left; width: 70px;height: 75px;padding-top: 10px; background:url(../images/in04b.png) center  no-repeat;margin-right: 1rem; text-align: center;transition:.4s;}
.companyab li i em{font-size: 32px;color: #fff;transition:.4s;}
.companyab span{display: block;line-height: 35px;font-size: 17px;font-weight: bold;margin-top: .5rem;}
.companyab p{line-height:25px;color: #777;}
.companyaca{position: relative;}
.companyac img{max-width: 100%;}
.coma{position: absolute;z-index: 2;top:0;left:0;color: #fff;}
.coma span{display: block;line-height: 50px;font-size: 26px;}
.coma p{line-height: 35px;font-size: 15px;}
.coma a{display: block;width: 150px;line-height: 40px;border-radius: 60px;border: 1px solid #fff;color: #fff; transition:.4s;text-align: center;}
.coma a:hover{background: #0b59bb;color: #fff;}

.companyb{height: auto;overflow: hidden;background: url(../images/comd.jpg) center bottom repeat-y fixed;}
.companyba{height: auto;overflow: hidden;background: #fbfbfb;text-align: center;}
.companyba i{display: block;width: 70px;height: 75px;padding-top: 10px; background:url(../images/in04b.png) center  no-repeat;margin: 0 auto; text-align: center;transition:.4s;}
.companyba i em{font-size: 32px;color: #fff;transition:.4s;}
.companyba span{display: block;font-size: 24px;line-height: 50px;}
.companyba b{display: block;width:36px;height: 2px;margin:1rem auto;background: url(../images/comaa.jpg) center  no-repeat;}
.companyba p{line-height: 30px;color: #777;}


.companyca{height: auto;overflow: hidden;}
.companyca li a{display: block;position: relative;height: auto;overflow: hidden;}
.companyca li:hover .comba{background: rgba(0,0,0,.6)}
.companyca li:hover i{top:34%;}
.companyca li:hover span{top:32%;}
.companycb img{width: 100%;}
.comba{display: block;position: absolute;z-index: 2;left:0;top:0; width: 100%;height: 100%;background: rgba(0,0,0,0);color: #fff;text-align: center;transition:.4s}
.comba  i{font-size: 38px;position: relative;top:-30%;transition: all .6s ease;}
.comba span{display: block;line-height: 40px;position: relative;top:100%;transition: all .6s ease}
.combb {height: auto;overflow: hidden;}
.combb img{width: 100%;}
.comda{height: auto;overflow: hidden; border: 1px solid #eee;}
.comd .swiper-slide{padding-bottom: 2%;}
.comd .swiper-slide img{display: block;max-width: 100%;position: relative;z-index: -1;transition:.4s;}
.comd .swiper-slide span{display: block;line-height: 55px;height: 55px;overflow: hidden; text-align: center;background: #eee;transition:.4s;}
.comd .swiper-slide:hover img{transform: scale(1.05, 1.05)}
.comd .swiper-slide:hover span{background: #0061a6;color: #fff;}
/*content_product*/
.producta{height: auto;overflow: hidden;}
.typea a{display: block; height: auto;overflow: hidden;background: url(../images/typea.jpg) center top repeat;}
.typea span{display: block;line-height: 40px;border-bottom: 1px solid rgba(255,255,255,.4);color: #fff;}
.typea span em{font-size: 26px;font-family: cursive;}
.typea strong{display: block;color: rgba(255,255,255,.4);line-height: 40px; font-size: 22px;font-family: fangsong;text-transform: uppercase;}
.typea img{display: block;width: 100%;border: 3px solid #fff;}

.pfontb {position: absolute;z-index: 1;left:0;top:0;background: #3fac64;color: #fff;}
.pfontb ul{margin-bottom: 0px;}
.pfontb li{border-bottom: 1px solid #fff;text-align: center;}
.pfontb li strong{font-size: 12px;}
.pfontb li span{display: block;line-height:25px;font-size: 12px;}
.pfontb li em{display: block; height: 20px;overflow: hidden;}
.pfontb li i{font-size: 18px;}


.proca{line-height: 30px;color: #777;}

.typeb {background: #f8f8f8;}
.typetit{line-height: 40px;height: 40px;overflow: hidden;border-bottom: 1px solid #e6e4e4;}
.typetit span{float: left;font-size: 16px;}
.typetit a{float: right;color: #777;transition:.4s;}
.typetit a:hover{color: #0061a6;}
.typeb img{display: block;max-width: 100%;}
.typeb .swiper-slide span{display: block;line-height: 55px;background: #fff;text-align: center;}
.typeb .swiper-slide a {display: block;}
.typeb .swiper-slide a:hover .pimga img{transform: scale(1.02) rotate(-1deg)}
.typeb .swiper-slide a:hover .pimga span {bottom: 0px;background: rgba(0,0,0,0.6);}   

.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{display: block;background: #F8F8F8;}
.prolist li a:hover .pimga span {bottom: 0px;}
.prolist li a:hover .pfonta i{width: 40px;}
.prolist li a:hover .pfonta span {bottom: 0px;}
.prolist li a:hover img{transform: scale(1.02) rotate(-1deg)}
.prolist li img{display: block;max-width: 100%;transition: all .5s ease 0s;}
.typeside {position: fixed;left:4%;bottom: 10%;width: 180px;border: 1px solid #eee;z-index: 8;}
.typeside li{line-height: 45px;height: 45px;transition:.4s;}
.typeside li a{display: block;border-bottom: 1px dashed #e5e5e5;}
.typeside li:hover {background: #0061a6;}
.typeside li:hover a{color: #fff;}
.sidetita{height:70px;overflow: hidden;background:#0061a6;color: #fff;text-align: center;padding-top: 1rem;}
.sidetita h5 {line-height: 40px;height: 40px;margin-bottom: 0px;font-size: 22px;}
.typeside li.current{background: #0061a6;}
.typeside li.current a{color: #fff;}
.cptop{text-align: center;font-size: 28px;line-height: 45px;font-family: fz;color: #ffb40b;}
.cptop i{font-size: 22px;}
.pimga{height: auto;overflow: hidden;position: relative;}
.pimga img {display: block;width: 100%;transition: all .5s ease 0s;}
.pimga span {position: absolute;bottom: -50px;left: 0;z-index: 3; text-indent: 2em; line-height: 50px; width: 100%;background: rgba(0, 0, 0, .5);color: #fff;transition: all .5s ease 0s;}
.pfonta{height: auto;overflow: hidden;}
.pfonta span{display: block;font-size: 22px;line-height: 35px;}
.pfonta i{display: block;width: 20px;height: 2px; background: #005a9a;margin:1rem 0;transition:all .6s ease 0s;}
.pfonta p{line-height: 25px;color: #777;margin:1rem 0;}
.pfonta em{display: block;line-height: 30px;color: #777;text-transform: uppercase;font-size: 12px;}




/*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: #2ea366;padding: 1% .75rem;}
.moviea span{position: absolute;bottom: 0;left:0px; width: 100%;padding-left: .75rem; background: rgba(0,0,0,0.6);line-height: 50px;color: #deddd9;transition:.4s;}
.moviea img{display: block;width: 100%;}
.pimga{position: relative;}
/*荣誉*/
.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;}
.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: -100%;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;}
.imga{height: auto;overflow: hidden;}


.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: #0061a6}
.caselist li:hover em{background: #0061a6;border: 1px solid #0061a6;color: #fff;}
.caselist strong{display: block;font-size: 36px;line-height: 60px;text-align: center;}
.caselist img{display: block;max-width: 100%;}
.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}

.casestype{line-height: 50px;background: #0061a6;margin:0 0.5%;}
.casestype li{text-align: center;transition:.4s;}
.casestype li a{display: block;color: #fff;}
.casestype li:hover{background: #f39700;}
.casestype .row{padding-left: 15px !important;padding-right: 15px !important;}
.casestype .col-lg{padding-left: 0px !important;padding-right: 0px !important;}
.ccatname{line-height: 50px;position: relative;margin-left: 0.5%;}
.ccatname::after{position: absolute;content: "";height: 1px;background: #e0e0e0;width: 140%;bottom: 0;}
.ccatname span{display: block;font-size: 22px;position: relative;}
.ccatname span::after{position: absolute;content: "";height: 3px;background: #0061a6;width: 30px;bottom: -1px;left:0;z-index: 3;}
.cfonta {background: #f8f8f8;}
.cfonta p{line-height:25px; }
.cfonta span{display: block;font-size: 22px;}
.cfonta a{display: block;width: 46%;line-height: 45px;height: 45px;overflow: hidden; border-radius: 2px; background: #0061a6;color: #fff;transition:.4s;text-align: center;}
.cfonta a:nth-of-type(2){background: #df7443;}
.cfonta a:nth-of-type(2):hover{background: #0061a6;}
.cfonta a:hover{background: #df7443;}


/*新闻*/
.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;}
.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: #0061a6;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: #0061a6 !important;}

/*产品详情*/
.proa {height: auto;overflow: hidden;box-shadow: 0px 0px 5px #ddd}
.proa img{display: block;width: 100%;}
.proaa{height: auto;overflow: hidden;}
.proaa strong{display: block;font-size: 26px;line-height: 80px;border-bottom: 1px solid #f4f4f4;}
.proaa strong i{color: #f39700;font-size: 24px;font-weight: normal;}
.proaa p{ line-height: 30px;height: auto;overflow: hidden; color: #777;background: #f7f7f7;}
.proaa span{display: block; line-height: 30px;height: auto;overflow: hidden; color: #777;}
.proaa span i{display: block;float: left;width: 50%;line-height: 40px;color: #777;}
.proaa span em{color: #0061a6;}
.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: #0061a6;}
.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: #0061a6;color: #fff;transition:.4s;border-radius: 5px 0 0 5px;}
.proad a:nth-of-type(1):hover{background: #ffb40b;}
.proad a:nth-of-type(2){background: #0061a6;color: #fff;transition:.4s;border-radius: 5px 0 0 5px;}
.proad a:nth-of-type(2):hover{background: #ffb40b;}
.proad a:hover{background: #ffb40b;color: #fff;}
.sidea{height: auto;overflow: hidden;border: 1px solid #efefef;background: #f8f8f8;}
.sidea li{line-height: 52px;height: 52px;transition:.4s;border-bottom: 1px dashed #e1e2e1; text-indent: 2em;font-size: 15px;}
.sidea li a{display: block;}
.sidea li:hover {background:#0061a6;}
.sidea li:hover a{color:#fff;}
.sidetel{background: url(../images/sidetel.png) left no-repeat;padding-left: 60px;}
.sidetel span{display: block;color: #777;}
.sidetel p{display: block;font-size: 36px;font-family: fz;color: #0061a6;line-height: 40px;}
.sideb ul {height: auto;overflow: hidden;background: #f8f8f8;}
.sideb li {height: auto;overflow: hidden;background: #0061a6;transition:.4s;position: relative;z-index: 3}
.sideb li a{display: block;color: #fff;}
.sideb li:hover {background: #df7443;}
.sideb li img{display: block;max-width: 100%;}
.sideb li span{display: block;text-align: center;line-height: 45px;}
.sidec ul {height: auto;overflow: hidden;background: #f8f8f8;}
.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: #0061a6;}
.sided .s_b {height: auto;overflow: hidden;background: #f8f8f8;}
.sidetit{height: 100px;overflow: hidden;background:#0061a6;color: #fff;text-align: center;padding-top: 2rem;text-transform: uppercase;}
.sidetit h3 {line-height: 40px;height: 40px;margin-bottom: 0px;}
.sidetit h3 small{font-size: 14px;}
.sidetit strong{display: block;font-size: 60px;color:#045892;line-height: 50px;height: 50px; text-transform: uppercase;font-family: impact;}
.sideaa {background: #fff;height: auto;overflow: hidden;padding: 4%;}

.ciona{background: #fff;color: #999;font-size: 13px;}
.cionb{background:#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: #df7443;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: #f8f8f8;font-size: 16px;text-align: center;}
.ptit a{display: block;transition:.4s;border-top:4px solid #fff;}
.ptit a:hover{border-top:4px solid #0061a6;color: #0061a6;}
.ptita{height: auto;overflow: hidden;position: relative;text-align: center;}
.ptita span{display: block;font-size:30px;line-height: 50px;;}
.ptita p{line-height: 40px;color: #777;font-size: 16px;padding-bottom: 2rem;}

.prod .in02b span{font-size: 30px;}
.prod .in02b i{font-size: 22px;}



.proea{background: #f8f8f8;height: auto;overflow: hidden;}
.proea .proec{width: 60%;float: right;}
.proea .proeb{width: 40%;float: left;}
.proeb span{display: block;font-size: 24px;line-height: 50px;}
.proeb p{display: block;line-height:30px;color: #777;}
.proeb p em{color: #0061a6;}
.proeb a{display: block;width: 140px;line-height: 45px;border-radius: 2px; background: #0061a6;color: #fff;transition:.4s;text-align: center;}
.proeb a:nth-of-type(2){background: #df7443;}
.proeb a:nth-of-type(2):hover{background: #0061a6;}
.proeb a:hover{background: #df7443;}
.proea .proec img{display: block;width: 100%;}
.proea .swiper-button-prev:after{display: none;}
.proea .swiper-button-next:after{display: none;}
.proea .swiper-button-prev{top:94%;left:89%;width: 50px;line-height: 50px;background: #df7443;transition:.4s;text-align: center;}
.proea .swiper-button-prev:hover{background: #444;}
.proea .swiper-button-prev i{color: #fff;}
.proea .swiper-button-next{top:94%;right:0px;width: 50px;line-height:50px;background: #0061a6;transition:.4s;text-align: center;}
.proea .swiper-button-next:hover{background: #444;}
.proea .swiper-button-next i{color: #fff;}
.profa .row{padding-left: 7px !important;padding-right: 7px !important;}
.profa .col{padding-left: 8px !important;padding-right: 8px !important;}
.profa li img{display: block;max-width: 100%;}
.profc .row{padding-left: 7px !important;padding-right: 7px !important;}
.profc .col{padding-left: 8px !important;padding-right: 8px !important;}
.profc li img{display: block;max-width: 100%;}



.proga ul li{text-align: center;}
.proga ul li span{display: block;font-size: 18px;line-height: 45px;margin-top: 1rem;transition: all linear 0.3s;}
.proga ul li b{display: block;width: 100px;line-height: 90px;padding-top: 10px;transition: all linear 0.3s; font-weight: normal;background: #0061a6;border: 1px solid #fff; border-radius: 60px;margin:0 auto;}
.proga ul li i{font-size: 40px;color: #fff;height: 40px;line-height: 40px;overflow: hidden;}
.proga ul li:nth-of-type(4) b{padding-top: 25px;line-height:75px;}
.proga ul li:nth-of-type(5) b{padding-top: 25px;line-height:75px;}
.proga ul li:nth-of-type(6) b{padding-top: 25px;line-height:75px;}
.proga ul li:nth-of-type(6) {background:none !important;}
.proga ul li:hover b{box-shadow: 0px 0px 15px 0px rgb(175, 175, 175);border: 1px solid #14824a;}
.proga ul li:hover span{color:  #0061a6;}

.shfw{height: auto;overflow: hidden;}
.shfwaa{height: auto;overflow: hidden;background: #f8f8f8;line-height: 35px;}
.shfwb .col-lg-8{padding-left: 0px;padding-right: 0px;}
.shfwb .row{padding-left: 15px;padding-right: 15px;}
.shfwb span{display: block;font-size: 22px;text-transform: uppercase;}
.shfwb span i{font-size: 26px;}
.shfwba{height: auto;overflow: hidden;background: #099d60;line-height: 35px;color: #fff;}
.shfwbb{height: auto;overflow: hidden;background: #f6f8f6}
.shfwbc span{color: #099d60;margin: 1rem 0;}
.shfwbc p{line-height: 30px;color: #777;}
.shfwa 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: #0061a6;left:0;top:0;}
.contacta li i{font-size: 28px;color: #0061a6;}
.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: #0061a6;font-family: fz;border-bottom: 1px dashed #dcdcdc;}
.contactcb a{display: block;width: 160px;line-height: 45px;background: #f39700;color: #fff;text-align: center;margin:0 auto;border-radius: 2px;}
.contactcb a i{position: relative;z-index: 3;}

.contactc .forma{height: auto;overflow: hidden;}
.contactc .forma span{display: block;font-size: 20px;line-height: 45px;}
.contactc .forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;}
.contactc .forma input:nth-of-type(3){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: 50%;}
.contactc .code input {width: 31%;line-height: 40px;float: left;}
.conaa p {line-height: 40px;color: #fff;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%;border: 1px solid #e6e6e6;}
.contactc .submit {position: relative; float: left;display: block;width: 31%;height: 40px;text-align: center;line-height: 40px;background: #444;color: #fff;border-radius: 5px;}
.contactc .submit em {display: block; position: relative;z-index: 3}
.contactc .form-tr {overflow: hidden;margin-top: 2%;}
.contactc input {display: block;width: 90%;padding-left:2%;height: 40px;line-height: 40px;background: #fff;border: 1px solid #e6e6e6;}


@media (max-width: 576px)  {
.topa img{width: 80%;}
.intita{zoom:.7;}
.intype{width: 100%;}
.intype li a{font-size: 14px;line-height: 40px;}
.infonta p a{width: 100%;}
.in02b{margin-top: 1rem;}
.in02b strong{font-size: 32px;}
.in02b span{font-size: 22px;margin-top: -30px;}
.in02b i{font-size: 15px;}
.in03a .swiper-slide span{line-height: 35px;}
.footer{padding-bottom: 14%;}
.fewm{display: block;float: none; margin:0 auto;text-align: center;}
.ban{height: 200px;}
.ban strong{font-size: 22px;line-height: 30px;margin-top: 16%;}
.coma span{font-size: 15px;line-height: 30px;}
.companyca .col-6{padding-left: .5rem;padding-right: .5rem;}
.comba i{top:-65%;}
.companyca li:hover i{top:10%;}
.companyca li:hover span{top:12%;}
.pimga span{font-size: 12px;text-indent: 0px;}
.pimga span i{display: none;}
.prod .in02b .strong{font-size: 32px;}
.prod .in02b span{font-size: 22px;margin-top: -30px;}
.prod .in02b i{font-size: 15px;}
.proeb span{font-size: 15px;}
.cfonta span{font-size: 14px;}
.cfonta a{font-size: 12px;}
.contactc .code{width: 100%;}

}

@media (min-width: 576px) and  (max-width: 768px) {
.in02b{margin-top: 1rem;}
.in02b strong{font-size: 32px;}
.in02b span{font-size: 22px;margin-top: -30px;}
.in02b i{font-size: 15px;}
.contactc .code{width: 100%;}
.foota li{border-right: none;}
.footer{padding-bottom: 10%;}

}

@media (min-width: 768px) and  (max-width:992px){  
.in02b{margin-top: 1rem;}
.in02b strong{font-size: 32px;}
.in02b span{font-size: 22px;margin-top: -30px;}
.in02b i{font-size: 15px;}
.contactc .code{width: 100%;}
.foota li{border-right: none;}
.footer{padding-bottom: 10%;}
.prod .in02b .strong{font-size: 32px;}
.prod .in02b span{font-size: 22px;margin-top: -30px;}
.prod .in02b i{font-size: 15px;}
}


@media (min-width: 992px) and  (max-width:1200px) { 
.in02b{margin-top: 1rem;}
.in02b strong{font-size: 32px;}
.in02b span{font-size: 22px;margin-top: -30px;}
.in02b i{font-size: 15px;}
.coma span{font-size: 16px;line-height: 30px;}
.prod .in02b .strong{font-size: 32px;}
.prod .in02b span{font-size: 22px;margin-top: -30px;}
.prod .in02b i{font-size: 15px;}
.proeb span{font-size: 15px;}
.sidetel p{font-size: 20px;}
 }


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

 }

@media (max-width: 1400px) {
.online_kefu{display: none;}
.typeside{display: none;}
 }