@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 14px;position: relative;overflow-x: hidden;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img, {display: block;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
.left{float: left;}
.right{float: right;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
.over-line-1 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.over-line-2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.over-line-3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.over-line-4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
/* 无内容 */
.pf_12{font-size: 12px;line-height: 25px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_20{font-size: 20px;line-height: 35px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;line-height: 40px;}
.pf_26{font-size: 26px;line-height: 40px;}
.pf_28{font-size: 28px;line-height: 40px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}
.pf_40{font-size: 36px;line-height: 50px;}
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
/*top*//*top*/
.top{position: fixed;z-index: 88;top:0;width: 100%;}
.topa a{display: block;}
.topa img{display: block;max-width: 100%;margin:0 auto;}
.topb i{color: #fff;font-size: 24px;}
.topb b{font-size: 30px;font-family: fz;color: #fff;}

.menu li{position: relative; text-align: center;height: 100%;}
.menu li span{display: block;position: relative;line-height: 94px; overflow: hidden;color: #fff;font-size: 15px;transition:.4s;}
.menu li span:hover {color: rgba(255,255,255,.8);}
.menu li span:hover i{width: 100%;}
.menu li span i{display: block;height: 1px;background: url(../images/navbg.png) center bottom no-repeat;width: 0px;margin:0 auto;transition:.4s;}
.menu li.curr { transition: all 0.3s ease 0s; }
.menu li.curr .submenu{opacity: 1; }
.menu li .submenu{position:fixed;z-index: 8;top:95px;left:0; width:100%;text-align: left; height:0;overflow: hidden;opacity:0;background:rgba(255,255,255,1);
    border-top: 1px solid #eee;transition: all 0.3s ease 0s;box-shadow: 0px 0px 8px 5px rgba(9,9,9,.2); }
.menu li .submenu .suba strong{display: block;color: #333;}
.menu li .submenu .suba p{line-height: 30px;color: #777;}
.menu li .submenu .suba a{display: block;width: 140px;line-height: 45px;height: 45px; background: #0f81ec;border: 1px solid #0f81ec; text-align: center;color: #fff;transition:.4s;}
.menu li .submenu .suba a:hover{background: #fff;color:#0f81ec; }
.menu li .submenu .subb{position: relative;}
.menu li .submenu .subb::before{position: absolute;content: "";width: 1px;height: 200%;top:-50%;left:0; background: rgba(0,0,0,.1);}
.menu li .submenu .subb::after{position: absolute;content: "";width: 1px;height: 200%;top:-50%;right:0; background: rgba(0,0,0,.1);}
.menu li .submenu .subb p{line-height:45px;border-bottom: 1px dashed #dadada;}
.menu li .submenu .subb p a{display: block;color: #777;transition:.4s;}
.menu li .submenu .subb p a:hover{color: #0f81ec;}
.menu li .submenu .subb p i{float: right;}
.menu li .submenu .subc img{display: block;max-width: 100%;margin:0 auto;box-shadow: 0px 0px 2px 2px #ddd;padding: 7px;}

.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.mobmenu .aligncontent-center {text-align: center;}
.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}
.mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: -25px;}
.mobmenu .menu-left {float: left;}
.mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 24px;color:#fff}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);}
.mobmenu .sidebar nav span{display: block;line-height: 45px;background: #444;color: #fff;padding-left: 10%;font-size: 18px;text-transform: uppercase;font-family: fz;}
.mobmenu .sidebar ul{padding:4%;}
.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(62,62,62,.2);transition: .4s;padding-left: 1rem;}
.mobmenu .sidebar li a:hover{background: rgba(23,90,168,.9);color: #fff;}
.mobmenu .sidebar li i{float: right; font-size: 18px;}
/*首页大图*/
.banner {position: relative;height: auto !important;z-index: 1;top:0;}
.banner .swiper-wrapper{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 a img{width: 100%; height: auto;}
.banner .swiper-slide .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,.4); padding-top: 18%;text-align: center;}
.banner .swiper-slide .bannera img{max-width: 100%;}
.banner .swiper-slide .bannera strong{display: block;font-size:80px;color: #fff;}
.banner .swiper-slide .bannera i{display: block;background:url(../images/bline.png) center  no-repeat;height: 5px;margin:1rem 0;}
.banner .swiper-slide .bannera span{color: rgba(255,255,255,1);line-height: 50px;font-weight: 100;letter-spacing:5px;font-size: 25px;}
.banner .swiper-slide .bannera p{color: rgba(255,255,255,1);font-size:30px;letter-spacing:2px;font-family: fz;text-transform: uppercase;}
.banner .swiper-pagination{bottom: 4% !important;}
.banner .swiper-pagination-bullet{transition:.4s;}
.banner .swiper-pagination-bullet-active{background: #fff;width: 8px;height: 30px;border-radius: 10px;}
/*in_01*/
.in_01{height: auto;overflow: hidden;background: url(../images/in01bg.jpg)left top repeat;}
.intita{text-align: center;}
.intita strong{display: block;}
.intita strong b{position: relative;}
.intita strong b::before{position: absolute;content: ""; bottom:4px;left:0;width: 100%;height: 5px;background: #0f81ec;z-index: 0;}
.intita p{color: #777;}
.in01aa .inimga img{max-width: 140%;margin-left: -20%;display: block;transition: all 0.6s ease 0s;}
.in01aa p{color: #777;}
.in01aa ul{height: auto;overflow: hidden;}
.in01aa li{text-align: center;}
.in01aa li span{display: block;color: #777;line-height: 30px;}
.in01aa li img{max-width: 100%;}
.in01aa  i{display: block;width: 150px;line-height: 40px;background: #e8e8e8;text-align: center;border-radius: 40px;transition: .4s;}
.in01aa a{transition: all 0.6s ease 0s;background: url(../images/in01aa.jpg)left top repeat;}
.in01aa a:hover{transform: translate3d(0,-10px,0)}
.in01aa a:hover i{background: #0f81ec;color: #fff;}
.in01aa a:hover img{transform: scale(1.05);}
.in01b{text-align: center;}
.in01bb{height: auto;overflow: hidden;background:#f3f3f3;}
.in01bb img{max-width: 100%;display: block;transition: all 0.6s ease 0s;}
.in01b p{display: block;color: #777;line-height: 30px;}
.in01b i{display: block;width: 150px;line-height: 40px;background: #e8e8e8;text-align: center;border-radius: 40px;transition: .4s;margin:1.5rem auto;}
.in01b a{display: block; transition: all 0.6s ease 0s;}
.in01b a:hover{transform: translate3d(0,-10px,0)}
.in01b a:hover i{background: #0f81ec;color: #fff;}
.in01b a:hover img{transform: scale(1.05);}

.in_02{height: auto;overflow: hidden;background: url(../images/in02bg.jpg)center top repeat;}
.in_02 li .in02a{height: auto;overflow: hidden;background: #fff;transition: .4s;}
.in_02 li .in02a:hover{background: #0f81ec;color: #fff;}
.in_02 li .in02a:hover i{color: #fff;}
.in_02 li .in02a:hover p{color: #fff;}
.in_02 li .in02a i{float: left;font-size: 56px;color: #0f81ec;margin-right: 1rem;}
.in_02 li .in02a  p{color: #777;line-height: 30px;transition: .4s;}
.in_02 li:last-child .in02a {height: auto;overflow: hidden;background: url(../images/in02a.png) right center no-repeat #fff;}
.in_02 li:last-child .in02a:hover {height: auto;overflow: hidden;background: url(../images/in02a.png) right center no-repeat #0f81ec;color: #fff;}

.in_03 .row{height: auto;overflow: hidden;background: url(../images/in03bbg.jpg) right center no-repeat;}
.in03b{height: auto;overflow: hidden;color: #fff;}
.in03b span{display: block;border-bottom: 1px dashed #3a7ebd}
.in03b p{color:rgba(255,255,255,.8);}
.in03b ul li{text-align: center;}
.in03b ul li i{display: block;width: 55px;line-height: 55px;height: 55px;border-radius: 50px;border: 1px solid #fff;margin:0 auto;}
.in03b ul li i em{font-size: 32px;}
.in03b ul li p{line-height: 45px;color: #fff;}
.in03a .swiper-slide img{width: 100%;}
.in03b a{display: block;width: 150px;line-height: 45px;border: 1px solid rgba(255,255,255,.8);text-align: center;color: rgba(255,255,255,.8);transition:.4s;}
.in03b a:hover{background:#fff;color: #0f81ec;}
.in03b strong{color: rgba(255,255,255,.1);font-size: 46px;text-align: right;display: block;font-style: italic;}

.in_04{height: auto;overflow: hidden;background: url(../images/in04bg.jpg)center top no-repeat;}
.in_04 img{max-width: 100%;}
.in04a strong{display: block;background: url(../images/in04a.jpg) left center  no-repeat;padding-left: 1rem;}
.in04a p{color:#777;text-transform: uppercase;}
.in04b p{line-height: 40px;color: #777;}
.in04b a{display: block;width: 150px;line-height: 45px;background: #0f81ec;border: 1px solid #0f81ec; color: #fff; text-align: center;transition:.4s;}
.in04b a:hover{background: #fff;color: #0f81ec;}
.in04c strong{float: left;font-size: 46px;margin-right: .5rem;font-family: fz;}
.in04c i{float: left;}
.in04c em{line-height: 30px;}
.in04c p{color: #fff;background: #0f81ec;padding: 0px 10px;}

.in05a a{display: block; height: auto;overflow: hidden;position: relative;}
.in05a a:hover .in05a_a{background: linear-gradient(to top, rgba(0,0,0,.5) 20%,rgba(0,0,0,.3)50%, rgba(0,0,0,0)100%);}
.in05a a:hover em{color: #fff;margin-bottom: 1rem;}
.in05a .in05a_a{position: absolute;z-index: 2;width: 100%; bottom: 0;background: linear-gradient(to top, rgba(0,0,0,.5) 10%,rgba(0,0,0,.3)30%, rgba(0,0,0,0)60%);transition:.4s;}
.in05a .in05a_a span{display: block;color: #fff;}
.in05a .in05a_a strong{display: block;color: #fff;}
.in05a .in05a_a p{color: rgba(255,255,255,.7);line-height: 30px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.in05a .in05a_a em{display: block;transition:.4s;color: #fff;}
.in05a_b img{width: 146%;}
.in05b a{height: auto;overflow: hidden;background: #f7f7f8;transition:.4s;}
.in05b a:hover{background: #0f81ec;color: #fff;}
.in05b a:hover p{color: #fff;}
.in05ba{display:block;height: auto;overflow: hidden; width: 30%;}
.in05ba img{display: block;max-width: 100%;transition:all .5s ease 0s}
.in05bb{height: auto;overflow: hidden;width: 68%;margin:4%;}
.in05bb span{line-height:35px;font-weight: bold;}
.in05bb p{line-height: 25px;color: #777;transition:.4s;}
.in05c li {line-height: 45px;border-bottom: 1px dashed #ededed;}
.in05c li a{color: #777;transition:.4s;padding-right:.5rem;}
.in05c li a:hover{background: #0f81ec;color: #fff;}
.in05c li a span{float: right;}
/*脚步*/
.footer{height: auto;overflow: hidden;background:url(../images/footbg.jpg) center bottom no-repeat fixed;}
.foota{line-height: 60px;border-bottom: 1px solid rgba(255,255,255,.1)}
.foota ul li a{display: block;color: #fff;transition:.4s;}
.foota ul li a:hover{color: rgba(255,255,255,.8);}
.foottit {color: #fff;}
.foottit strong{display: block;}
.foottit i{display: block;width: 40px;height: 1px;background: #0f81ec;margin: .75rem 0;}
.foottit span{display: block;text-transform: uppercase;font-weight: bold;font-family: fz;}
.ewm {width: 50%;text-align: center;}
.ewm img{max-width: 100%;}
.ewm span{display: block;color: rgba(255,255,255,.8);line-height: 40px;}
.footbb{border-left: 1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);color: #fff; }
.footbb strong{display: block;}
.footbb b{display: block;font-size: 34px;font-family: fz;color: #0f81ec;}
.footbb span{display: block;color:rgba(255,255,255,.8);}
.footbb p{line-height: 35px;}
.footbc li{float: left;width: 50%; line-height: 35px;}
.footbc li a{display: block;color: rgba(255,255,255,.7);transition:.4s;}
.footbc li a:hover{color: rgba(255,255,255,1);}
.footc{line-height: 60px;background: #004d9c;text-align: center;color: #587cb2;}
.footc a{color: #587cb2;transition:.4s;}
.footc a:hover{color:#fff;}

.footnav{position: fixed;display: none; left: 0;bottom:0;width: 100%;background:#fff;z-index: 888;border-top: 1px solid rgba(0,0,0,.3)}
.footnav li{float: left;text-align: center;width: 21%}
.footnav li em{display: block;width: 30px;line-height: 30px;border-radius: 60px;background: #d10000;margin:.75rem auto 0 auto;}
.footnav li em i{color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 16%;}
.footnav li:nth-of-type(4) a{border-right: none;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 20px;font-size: 12px;}
.footnav li a{display: block;padding-top:4%;}
.footnav li a:hover{color: #d0121b}

.online_kefu{position: fixed;  bottom: 20vh;right:1px;z-index:889;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:70px; height:70px;background: rgba(255,255,255,.9); padding-top: 5px;text-align: center;border: 1px solid #f0f0f0;position: relative;color: #666; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu ul li .con{ position: relative;}
.online_kefu ul li .con i{font-size: 26px;color: #666;height: 30px;}
.online_kefu ul li .hover_con{ position: absolute;left:-200px;left:-100px; width: 100px;color: #ffffff;text-align: center;background-color: #b70000;height:70px; line-height:70px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -130px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}
.online_kefu li:hover{background-color: #b70000;}
.online_kefu li:hover .con i{color: #fff;}
.online_kefu li:hover p{color: #fff;}
.online_kefu li:hover .hover_con{left:-110px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #b70000; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }
.online_kefu li.qrcode:hover .hover_con{  bottom: -60px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}
/*简介*/
.ban {height: auto;overflow: hidden;padding:14% 0 12% 0;color: #fff;background: url(../images/ban.jpg) center bottom no-repeat;}
.ban span{display: block;}
.ban p{font-family: fz;text-transform: uppercase;letter-spacing: 4px;}
.location{line-height: 60px;border-bottom: 1px solid #efefef;color: #777;}
.location i{color: #104fa2;}
.location a{color: #777;transition:.4s;}
.location a:hover{color: #104fa2;}
.locationa a{float: right;width: 15%;line-height: 40px;margin-top: 10px;text-align: center;}
.locationa a:hover{background: #104fa2;color: #fff;border-radius: 5px;}
/*company*/
.companya{height: auto;overflow: hidden;background: url(../images/companya.jpg) center top no-repeat;}
.coma_a {text-align: center;}
.coma_a span{display: block;color: #777;background: url(../images/coma_a.png) center center no-repeat;}
.coma_a strong{display: block;}
.coma_b{height: auto;overflow: hidden;background: #fff;box-shadow: 0px 5px 5px 5px #f8f8f8}
.coma_b span {display: block;line-height: 60px;}
.coma_b span em{display: block;float: left;margin-right: .5rem; width: 60px;line-height: 60px;height: 60px;border-radius: 60px;background: #0f81ec;color: #fff;text-align: center;}
.coma_b span em i{font-size: 26px;}
.coma_b p{line-height: 35px;}
.coma_b p i{color: #0f81ec;}
.coma_c p{color: #777;}
.companyb{height: auto;overflow: hidden;background: url(../images/companyb.jpg) center bottom no-repeat #192a62;}
.comb_b{background: #fff;text-align: center;height: auto;overflow: hidden;position: relative;border-bottom: 3px solid #0f81ec;}
.comb_b img{max-width: 100%;}
.comb_b::after{position: absolute;content: "";bottom: 0px;left:0;height: 3px;width:0%;background: #c00505;transition:.4s;z-index: 2;}
.comb_b strong{display: block;}
.comb_b i{display: block;width: 30px;height: 3px;background: #0f81ec;margin:1rem auto;}
.comb_b p{line-height: 30px;color: #777;}
.comb_b:hover span{background: #c00505}
.comb_b:hover::after {width: 100%;}
.comb_c{margin-top: -70px;position: relative;z-index: 2;}
.comb_c span{display: block;border-radius: 100px;width:95px;height:95px;background: #0f81ec;border: 10px solid #fff;transition:.4s;text-align: center;color: #fff;padding-top: .5rem;margin:0 auto;}
.comb_c span em{font-size: 36px;}
.companyc{height: auto;overflow: hidden;background: url(../images/companyc.jpg) top right no-repeat;}
.companyc img{max-width: 100%;}
.comc_a{border-left: 1px solid #dcdcdc;padding-left: 3rem;}
.comc_a span{display: block;color: #777;text-transform: uppercase;}
.comc_a span b{color: #0f81ec;}
.comc_a p{line-height: 30px;color: #777;}
.comc_b a{display: block;width: 140px;line-height: 45px;text-align: center;color: #fff;background: #0f81ec;border:1px solid #0f81ec;float: right;transition:.4s;}
.comc_b a:hover{background:#fff;color: #0f81ec;}
.comc_c .swiper-slide a{display: block;}
.comc_c .swiper-slide a img{display: block;width: 100%;}
.comc_c .swiper-slide a:hover .comc_d{background: rgba(0,0,0,0.6);opacity: 1;bottom: 0; }
.comc_c .swiper-slide a:hover .comc_da em{margin:30% auto 0 auto;}
.comc_d{position: absolute;width: 100%; background: rgba(0,0,0,0);opacity: 0; left:0;bottom: 0; height: 100%;overflow: hidden;transition:.4s;}
.comc_da{border: 1px dashed rgba(255,255,255,.7);height: 100%;}
.comc_da em{display: block;width: 35px;height: 35px;border: 1px solid rgba(255,255,255,.8);text-align: center;line-height: 35px;margin:40% auto 0 auto;transition:.4s;}
.comc_d span{display: block;color: #fff;text-align: center;}
.comc_d i{color: rgba(255,255,255,.8);}
.companyd{height: auto;overflow: hidden;background: url(../images/companyd.jpg) center center no-repeat;}
.comd_a{border-left: 1px solid #dcdcdc;padding-left: 3rem;}
.comd_a span{display: block;color: #777;text-transform: uppercase;}
.comd_a span b{color: #0f81ec;}
.comd_a p{line-height: 30px;color: #777;}
.comd_a a{display: block;width: 140px;line-height: 45px;text-align: center;color: #fff;background: #0f81ec;border:1px solid #0f81ec;float: right;transition:.4s;}
.comd_a a:hover{background:#fff;color: #0f81ec;}
.comd_b li a{display: block; height: auto;overflow: hidden;background: #fff;}
.comd_b li a:hover span{background: #0f81ec;color: #fff;}
.comd_b li span{display: block;line-height: 55px;text-align: center;transition:.4s;}
/*product*/
.producta{height: auto;overflow: hidden;}
.producta{height: auto;overflow: hidden;}
.type {width: 70%;margin:0 auto;}
.type li a{display: block;color: #777;line-height: 30px;}
.type li a:hover em{border: 1px solid #d42114;}
.type li a:hover i{background: #d42114;}
.type li em{display: block;width: 16px;height: 16px;padding: 2px;border: 1px solid #06439f;float: left;margin-right:.5rem;margin-top: .45rem;transition:.4s;}
.type li em i{display: block;width: 100%;height: 100%;background: #06439f;transition:.4s;}
.prolist li a{display: block; height: auto;overflow: hidden;background:#f3f3f3;text-align: center;transition:.4s;border: 1px solid #fff;}
.prolist li a img{display: block;margin:0 auto;max-width: 100%;}
.prolist li a p{display: block;color: #777;line-height: 30px;}
.prolist li a i{display: block;width: 150px;line-height: 40px;background: #e8e8e8;text-align: center;border-radius: 40px;transition: .4s;margin:1.5rem auto;}
.prolist li a:hover {box-shadow:  0px 0px 5px 5px #f8f8f8;border: 1px solid #e8e8e8;}
.prolist li a:hover  i{background: #0f81ec;color: #fff;}
/*product_info*/
.proa .container{height: auto;overflow: hidden;background: #f8f9ff;border: 1px solid #e9e9e9}
.proa img{display: block;max-width: 100%;margin:0 auto;}
.proa_a {height: auto;overflow: hidden;border-bottom: 1px solid #e7e7e7;}
.proa_a strong{display: block;line-height: 40px;}
.proa_a p{line-height: 30px;color: #777;}
.proa_b li {text-align: center;}
.proa_b li i{font-size: 38px;color: #06439f}
.proa_b li span{display: block;line-height: 40px;}
.proa_c {height: auto;overflow: hidden; background: url(../images/proa_c.png) left center no-repeat;padding-left: 4rem;color: #777;}
.proa_c span{display: block;}
.proa_c p{font-size: 26px;font-family: fz;color: #444;}

.proaa p i{color: #d42114;}
.proaa a{display: block;width: 140px;line-height: 40px;background: #d42114;color: #fff;text-align: center;transition: .4s}
.proaa a:hover{background: #444;}
.proab{height: auto;overflow: hidden;margin:3% 0;border-bottom: 1px dashed #ebebeb;padding-bottom: 3%;margin-bottom: 3%;}
.proab p{line-height: 30px;color: #777;}
.proab p i{color: #d42114;font-size: 16px;}
.proac{height: auto;overflow: hidden;background: #f6f7fc;text-align: center;line-height: 40px;color: #777;font-size: 16px;}
.proac em{display: block;border: 1px solid #d42114;border-radius: 5px;text-align: center;line-height: 60px;padding-top: 1rem;}
.proac em i{font-size: 50px;color: #d42114;}

.prob{height: auto;overflow: hidden;background: #fafafa;}
.ptit{line-height: 60px;border-bottom: 1px solid #eeeeee;}
.ptit li a{display: block;text-align: center;position: relative;transition: .4s}
.ptit li a:hover{color: #0f81ec}
.ptit li a::after{position: absolute;right:0;top:40%;width: 1px;height: 15px;content: "";background: #c5c5c5;}
.proba p{line-height: 30px;color: #777;}
.ptita strong{display: block;font-size: 24px;position: relative;}
.ptita strong::before{position: absolute;content: "";height: 3px;left:0;background: #0f81ec;width: 90px;bottom: 7px;}
.proc .swiper-slide img{display: block;width: 100%;}
.proc .swiper-slide a{display: block;height: auto;overflow: hidden;position: relative;}
.proc .swiper-slide a p{line-height: 45px;text-align: center;background: #f3f3f3;}
.proc .swiper-slide a:hover .typec_a{background: rgba(6,67,159,.8);opacity: 1;bottom: 0; }
.typec_a{position: absolute;width: 100%; background: rgba(6,67,159,0);opacity: 0; left:0;bottom: 0; height: 100%;overflow: hidden;transition:.4s;}
.typec_b{border: 1px dashed rgba(255,255,255,.7);height: 100%;text-align: center;}
.typec_b i{display: block;width: 35px;height: 35px;margin:3rem auto 0 auto;}
.typec_b em{display: block;margin:2rem auto 0 auto;background: rgba(255,255,255,.2);width: 140px;line-height: 40px;text-align: center;color: #fff;}
.typec_b span{display: block;color: #fff;text-align: center;}
.prod .swiper-slide a{display: block; height: auto;overflow: hidden;background:#f3f3f3;text-align: center;transition:.4s;border: 1px solid #fff;}
.prod .swiper-slide a img{display: block;margin:0 auto;max-width: 100%;}
.prod .swiper-slide a p{display: block;color: #777;line-height: 30px;}
.prod .swiper-slide a i{display: block;width: 150px;line-height: 40px;background: #e8e8e8;text-align: center;border-radius: 40px;transition: .4s;margin:1.5rem auto;}
.prod .swiper-slide a:hover {box-shadow:  0px 0px 5px 5px #f8f8f8;border: 1px solid #e8e8e8;}
.prod .swiper-slide a:hover  i{background: #0f81ec;color: #fff;}

.probc .swiper-slide{text-align: center;border: 1px solid #e9e9e9;background: #fff;transition:.4s;}
.probc .swiper-slide i{font-size: 56px;color: #0f81ec;transition:.4s;}
.probc .swiper-slide em{display: block;width: 30px;height: 2px;background: #0f81ec;margin:1rem auto;transition:.4s;}
.probc .swiper-slide span{display: block;}
.probc .swiper-slide p{color: #777;line-height: 30px;transition:.4s;}
.probc .swiper-scrollbar-drag{background:#0f81ec;}
.probc .swiper-slide:hover {background:#0f81ec;color: #fff;}
.probc .swiper-slide:hover i{color: #fff;}
.probc .swiper-slide:hover em{background: #fff;}
.probc .swiper-slide:hover p{color: #fff;}

/*news*/
.caseslist{height: auto;overflow: hidden;}
.caseslist li a{height: auto;overflow: hidden;}
.caseslist li:hover .cfonta{background: #f7f7f7;}
.caseslist li:hover .cfonta em{height: 42px;margin-top: 1rem;}
.caseslist li:hover .cimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 4.5rem;}
.caseslist li:hover .cimga i{opacity: 1;}
.caseslist li img{display: block;max-width: 100%;}
.cfonta{height: auto;overflow: hidden; transition:.4s;border: 1px solid #e7e7e7;position: relative;}
.cfonta strong{position: absolute;z-index: 0;top:0;left:4%;color: rgba(172,172,172,.1);font-size:44px;font-family: impact;text-transform: uppercase;}
.cfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.cfonta i{display: block;width: 35px;height: 2px;background: #0f81ec;margin:1.5rem 0;}
.cfonta p{color: #777;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.cimga span{display: block;background: rgba(0,0,0,0);color: #fff;opacity: 0; height: 100%;width: 100%;position: absolute;z-index: 2;text-align: center;padding-top: 3rem;transition:.4s;}
.cimga span i{font-size: 40px;opacity: 0;}
.cimga span p{font-family: fz;}
/*job*/
.joba li .j_a{height: auto;overflow: hidden;border: 1px solid #f4f4f4;text-align: center;transition:.4s;background:#f7f7f8}
.joba li:hover .j_a{background: #0f81ec; color: #fff; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #5293f5,  #0f81ec);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #5293f5,  #0f81ec); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.joba li:hover .j_a i{background: -webkit-linear-gradient(left,#fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.joba li:hover .j_a p{color: #fff;}
.joba li:hover .j_a em{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transform: rotateY(360deg);transition:.8s;}
.joba li .j_a i{font-size: 52px;background: -webkit-linear-gradient(left,#0f81ec, #5293f5);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.joba li .j_a em{display: block;width: 53px;height: 75px;margin:0 auto;transition:.8s;}
.joba li .j_a span{display: block;}
.joba li .j_a p{color: #777;transition:.4s;}

.jobb{height: auto;overflow: hidden;background: #f6f6f6}
.jobtita{background: #0f81ec;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;}
.jobtita dd{background: #0f81ec;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;}
.jobtit{background: #fff;height: auto;overflow: hidden;}
#jobs{background: #fff;border-bottom: none;height: auto;overflow: hidden;}
#jobs ul{height: auto;overflow: hidden; border: 1px solid #e1e1e1;}
#jobs li{height: auto;overflow: hidden;background: #f3f3f3;}
#jobs li:nth-of-type(2n+0){background: #fff;}
#jobs li dd{float: left;width: 25%;padding-left: 2rem;margin-bottom: 0px;line-height:60px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.jobbox{height: auto;overflow: hidden; padding:2%;background: #fefefe;position: relative;display: none;color: #777;border-bottom: 1px solid #e1e1e1;}
.jobbox strong{display: block;color: #444;}
.jobbox p{line-height: 35px;}

.jobca{text-align: center;line-height: 30px;color: #777;}
.jobca img{display: block;max-width: 100%;margin:3rem auto 0 auto;}

.jobd{height: auto;overflow: hidden;background: url(../images/jsyfd.jpg) center no-repeat fixed;}
.jobd img{max-width: 100%;}
.jobd_a {color: #fff;line-height: 30px;}
.jobd_a li span{display: block;text-transform: uppercase;}
.jobd_a li p{line-height: 30px;color: rgba(255,255,255,.8);}
/*荣誉*/
.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .hfonta{background: rgba(0,33,84,0.9);opacity: 0.8;bottom: 0;}
.hfonta{position: absolute;z-index: 8;bottom: -260px;width: 100%;color: #fff; height: 100%;padding-top: 25%; overflow: hidden;text-align: center;
    background: rgba(0,33,84,0);transition: .4s;}
.hfonta span{display: block;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.hfonta i{font-size: 50px;}
.himga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;}
.himgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;}
.himgb img{display: block;margin:0 auto; max-width: 100%;max-height: 100%;transition: 0.3s;}
/*新闻*/
.newslist{height: auto;overflow: hidden;}
.newslist ul li{border-bottom: 1px dashed #eee;}
.newslist ul li a{display: block;transition:.4s;position: relative; }
.newslist ul li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.newslist ul li:hover span{color: #0f81ec;}
.newslist ul li:hover strong{color: #0f81ec;}
.time {display: block;line-height: 30px;color: #999;}
.newsfonta b{display:block;line-height: 50px; font-family: fz;font-size:50px;color: #eff3ff;transition:.4s;}
.newsfonta strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;position: relative;z-index: 2;transition: .4s; }
.newsfonta p{line-height: 30px;color: #777;}
.nimga{height: auto;overflow: hidden;box-shadow: rgba(0,0,0,0.1) 0px 0px  7px 4px;padding: .5rem;}
.nimga img{display: block;max-width: 100%;transition:.4s;}
/*新闻详情*/
.newsinfo{height: auto;overflow: hidden;background: #f4f6f8;}
.ninfoa{height: auto;overflow: hidden;text-align: center;}
.ninfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;} 
.meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;}
.newsaa {height: auto;overflow: hidden;}
.newsaa  img{display: block;margin:0 auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.sidetit{line-height: 50px;text-align: center;padding: 1rem 0;text-transform: uppercase;position: relative;background: #0f81ec;}
.sidetit strong{display: block;color: #1475be;font-family: fz;display: block;font-size: 30px;line-height: 60px;}
.sidetit span{display: block;margin-top: -40px;color: #fff;}
.sidea{padding: 2% 0;height: auto;overflow: hidden;}
.sidea li{height: auto;overflow: hidden;background: #f5f7fa;transition:.4s;}
.sidea li:hover{background: #0f81ec;color: #fff;}
.sidea li:hover span{color: #fff;}
.sidea li:hover p{color: #fff;}
.sidea li img{max-width: 100%;}
.sidea li span{display: block;line-height: 25px;margin:10px 0;color: #666;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.sidea li p{line-height: 25px;color: #666;font-size: 13px;}
.sidea dl{height: auto;overflow: hidden;background: #f5f7fa;border-top: 1px dashed #dae6f9;}
.sidea dl dd{line-height: 35px;margin-bottom: 0px;}
.sidea dl dd a{display: block;position: relative;padding-left: 1rem;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;color: #777;transition:.4s;}
.sidea dl dd a:hover{color: #0f81ec;}
.sidea dl dd a:hover::before{background: #0f81ec;}
.sidea dl dd a::before{position: absolute;content: "";top:40%;left:0;width: 5px;height: 5px;background: #555;border-radius: 20px;}
.page{border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;height: auto;overflow: hidden;}
#prev_next li{line-height: 35px; color: #777;}
#prev_next li i{float: left;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #0f81ec !important;}
.back a{float: right; display: block;width: 140px;line-height: 45px;color: #fff; border:1px solid #0f81ec;border-radius: 5px;text-align: center;;transition:.4s;background: #0f81ec}
.back a:hover{border-radius: 0 20px 0 20px}
/*联系*/
.lxwma_a{text-align: center;transition:.4s;height: auto;overflow: hidden;}
.lxwma_a:hover b{background: #0f81ec;border-radius: 50px;}
.lxwma_a b{display: block;font-weight: normal;transition:.8s;width:70px;line-height: 60px;background: #969696;text-align: center;margin:0 auto;border-radius: 10px;margin-bottom: 1rem;}
.lxwma_a i{font-size: 30px;color: #fff;}
.lxwma_a span{display: block;line-height: 30px;font-size: 15px;}
.lxwma_a p{line-height: 30px;transition:.4s;color: #777;}
.lxwma ul{height: auto;overflow: hidden;background: #0f81ec;}
.lxwma li{height: auto;overflow: hidden;background: #fff;border-right: 1px solid #eee;}
.lxwmb{height: auto;overflow: hidden;background:url(../images/lxwmb.jpg) center center no-repeat;}
.lxwmtitb{width: 80%;text-align: center;margin:0 auto;color: #fff;}
.lxwmtitb span{display: block;font-weight:600;}
.lxwmb_a .forma input{display: block;float: left; width: 49%;margin-right: 2%;background: #efefef; line-height: 45px;padding-left:4rem;margin-bottom: 1rem;}
.lxwmb_a  textarea{display: block;width: 100%;padding-top: 1rem;padding-left: 4rem;margin-bottom: 2rem;background:url(../images/cionc.jpg) 15px center no-repeat #efefef;}
.lxwmb_a .forma input:nth-of-type(1){background:url(../images/ciona.jpg) 15px center no-repeat #efefef;}
.lxwmb_a .forma input:nth-of-type(2){background:url(../images/cionb.jpg) 15px center no-repeat #efefef;margin-right: 0px;}
.lxwmb_a .code input{float: left;width: 35%;line-height: 45px;background: #efefef;text-align: center;}
.lxwmb_a .code .verify{float: left;width: 30%;margin: 0 3%;}
.lxwmb_a .code .verify img{max-width: 100%;height: 45px;}
.lxwmb_a .code .submit{float: left;width: 28%; display: block;line-height: 45px;color: #efefef;text-align: center; background: #0f81ec;border: 1px solid #0f81ec; transition: .4s;}
.lxwmb_a .code .submit:hover{background: #fff;color: #0f81ec}
.mes-form{height: auto;overflow: hidden;}
.lxwmb_a .code{width: 36%;margin:0 auto;}

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


.topa img{max-width: 60%;margin:0;}
.in01aa .inimga img{width: 100%;margin-left: 0px;}
.in_03 .col-12{padding-left: 0px;padding-right: 0px;}
.in04c strong{font-size: 20px;margin-right:.25rem; }
.in04c p{padding: 0 3px;}
.in04c .col{padding-left: 0px;padding-right: 0px;}
.in05c li a span{display: none;}
.footer{height: auto;overflow: hidden;background:url(../images/footbga.jpg) center bottom no-repeat;}
.ban{padding: 24% 0 10% 0;}
.locationa a{width: 25%;}
.coma_b .d-flex{display: block !important;}
.comc_a{padding-left: 1rem;}
.comd_a{padding-left: 1rem;}
.comc_c .swiper-slide a:hover .comc_da em{margin:4% auto 0 auto;}
.hfonta i{font-size: 22px;}
.type{width: 90%;}
.prolist li a i{width: 100%;}
.typec_b i{margin: 1rem auto 0 auto;}
.typec_b em{display: none;}
.prod .swiper-slide a i{width: 100%;}
.caseslist li:hover .cimga span{padding-top: 1.5rem;}
.cimga span i{font-size: 24px;}
.lxwmb_a .code{width: 100%;}
.in_03 .row{background: #0f81ec}
.footbb{border-left: none;border-right: none;}
.comc_b a{float: none;}
.companyd{background: #f4f7fc}
.comd_a a{float: none;}
.intita strong b::before{bottom:0px;height: 2px;}
}

@media (min-width: 576px) and (max-width: 768px) { 
.topa img{max-width: 60%;margin:0;}
.in01aa .inimga img{width: 100%;margin-left: 0px;}
.in_03 .col-12{padding-left: 0px;padding-right: 0px;}
.in04c strong{font-size: 24px;}
.in04c .col{padding-left: 0px;padding-right: 0px;}
.in05c li a span{display: none;}
.footer{height: auto;overflow: hidden;background:url(../images/footbga.jpg) center bottom no-repeat;}
.ban{padding: 24% 0 10% 0;}
.locationa a{width: 25%;}
.coma_b .d-flex{display: block !important;}
.comc_a{padding-left: 1rem;border-left: none;}
.comd_a{padding-left: 1rem;border-left: none;}
.comc_c .swiper-slide a:hover .comc_da em{margin:4% auto 0 auto;}
.hfonta i{font-size: 22px;}
.type{width: 90%;}
.prolist li a i{width: 100%;}
.typec_b i{margin: 1rem auto 0 auto;}
.typec_b em{display: none;}
.prod .swiper-slide a i{width: 100%;}
.caseslist li:hover .cimga span{padding-top: 1.5rem;}
.cimga span i{font-size: 24px;}
.lxwmb_a .code{width: 100%;}
.in_03 .row{background: #0f81ec}
.footbb{border-left: none;border-right: none;}
.coma_b span{font-size: 24px;}
.comc_b a{float: none;}
.companyd{background: #f4f7fc}
.comd_a a{float: none;}


 }
@media (min-width: 768px) and (max-width:992px) { 
.topa img{max-width: 60%;margin:0;}
.in01aa .inimga img{width: 100%;margin-left: 0px;}
.in_03 .col-12{padding-left: 0px;padding-right: 0px;}
.in04c strong{font-size: 24px;}
.in04c .col{padding-left: 0px;padding-right: 0px;}
.in05c li a span{display: none;}
.footer{height: auto;overflow: hidden;background:url(../images/footbga.jpg) center bottom no-repeat;}
.ban{padding: 24% 0 10% 0;}
.locationa a{width: 25%;}
.coma_b .d-flex{display: block !important;}
.comc_a{padding-left: 1rem;border-left: none;}
.comd_a{padding-left: 1rem;border-left: none;}
.comc_c .swiper-slide a:hover .comc_da em{margin:4% auto 0 auto;}
.hfonta i{font-size: 22px;}
.type{width: 90%;}
.prolist li a i{width: 100%;}
.typec_b i{margin: 1rem auto 0 auto;}
.typec_b em{display: none;}
.prod .swiper-slide a i{width: 100%;}
.caseslist li:hover .cimga span{padding-top: 1.5rem;}
.cimga span i{font-size: 24px;}
.lxwmb_a .code{width: 100%;}

.in_03 .row{background: #0f81ec}
.in_04 img{display: block; max-width: 60%;margin:0 auto;}
.footbb{border-left: none;border-right: none;}
.footbb{border-left: none;border-right: none;}
.coma_b span{font-size: 24px;}
.comc_b a{float: none;}
.companyd{background: #f4f7fc}
.comd_a a{float: none;}
 }
@media (min-width: 992px) and (max-width:1200px) { 
.banner .swiper-slide .bannera strong{font-size: 30px;}
.banner .swiper-slide .bannera i{width: 70%;margin:0 auto;}
.banner .swiper-slide .bannera span{font-size: 16px;letter-spacing: 0px;}
.in01aa p{font-size: 14px;}
.in01b p{font-size: 14px;}
.in01aa li span{font-size: 12px;}
.in04c strong{font-size: 32px;}
.coma_b span{font-size: 18px;}
.type{width: 96%;}
.prolist li a p{font-size: 14px;}
.prod .swiper-slide a p{font-size: 14px;}
.newsfonta b{font-size: 24px;line-height: 40px;}

}

@media (min-width: 1200px) and (max-width:1400px) { 
.topb b{font-size: 22px;}
.banner .swiper-slide .bannera strong{font-size: 50px}
.banner .swiper-slide .bannera span{font-size: 22px;}
.type{width: 80%;}
}
@media (min-width: 1200px) {
.container{max-width: 1400px ;}
.top .container{max-width: 1600px ;}
}


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