@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;margin-bottom: 0px;}
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;}
.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_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}
/* 鏃犲唴瀹 */
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
.sa{line-height: 40px;padding-left: .75rem;}
/*top*/
.topa{height: 40px;line-height: 40px;color: #fff;background: #0371bc;}
.topa_a{background: #2fa66a;width: 200px;text-align: center;float: right;}
.topa a{transition:.4s;color: #fff;}
.topa a:hover{color: #ddd;}
.top{height: auto;overflow: hidden;}
.topb_a a{float: left;border-right: 1px solid #e5e5e5;}
.topb_a span{display: block;font-size: 22px;line-height: 40px;font-weight: bold;}
.topb_a span b{color: #2fa66a;font-size: 38px;font-family: fz;}
.topb_a p{line-height: 25px;color: #777;font-size: 15px;}
.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:34px;line-height: 30px;font-family: fz;color: #0371bc}
.menu{position: relative;z-index: 888;border-top: 1px solid #e6e6e6;width: 100%;}
.menu li {position: relative; width:100%;text-align:center;}
.menu li span{display: block;line-height: 55px;height: 57px;font-size: 15px;position: relative;}
.menu li span a{display: block;transition:.4s;}
.menu li span::after{position: absolute;content: "";right:0;width: 1px;height: 15px;top:35%;background: rgba(0,0,0,.1);}
/*.menu li:nth-of-type(8) span::after{display: none;}*/
.menu li span em{display: block;margin: 0 auto;width: 0px;height: 2px;background: #0371bc;transition: all 0.3s ease 0s;}
.menu li span:hover em{width: 80px;}
.menu li span:hover a{color: #0371bc;}
.menu li.curr {transition: all 0.3s ease 0s; }
.menu li.curr .submenu{opacity: 1; }
.menu li .submenu{position:fixed;z-index: 88;left:0; width:100%;height:0;overflow: hidden;opacity:0;top:199px;
background:url(../images/submenubg.jpg) center top no-repeat;transition: all 0.3s ease 0s; }
.menu li .submenu .subc{width: 1400px;margin:0 auto;padding:2rem 0; }
.menu li .submenu .subc dl{width: 30%;}
.menu li .submenu .subc dl dd a{display: block;position: relative;color: #666 ;transition:.4s;line-height: 35px;}
.menu li .submenu .subc dl dd a:hover{color: #0371bc;}
.subcb{width: 60%;text-align: left;}
.subcb strong{display: block;font-weight: normal;}
.subcc {width: 40%;}
.subcc img{max-width: 100%;}
.subcb p{line-height: 30px;color: #777;}
.subcb a{display: block;width: 120px;line-height: 40px;background: #0371bc;color: #fff;text-align: center;transition:.4s;margin-top: 2rem;}
.subcb a:hover{background: #2fa66a;}
.subca{width: 70%;}
.mobmenu strong{display: block;line-height: 55px;background: #444;padding-left: 1rem;text-transform: uppercase;font-size: 16px;}
.mobmenu .toolbar{position: relative;}
.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: 0px;top: -20px;}
.mobmenu .menu-left {float: right;}
.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: 24px;color:#436dc2}
.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{text-align: left;}
.mobmenu .sidebar li span{display: block;line-height: 38px;border-bottom: 1px dashed rgba(62,62,62,.2);transition:.4s;padding-left: 1rem;}
.mobmenu .sidebar li a{display: block;}
.mobmenu .sidebar li i{color: #666;margin-right: .5rem;}
.mobmenu .sidebar li span:hover{background: #0371bc;color: #fff;}
.mobmenu .sidebar li span:hover a{color: #fff;}
.mobmenu .sidebar li span:hover i{color: #fff;}
.m_nav{padding:.5rem;height: auto;overflow: hidden;width: 100%;}
.m_nav p{float: left;width: 25%;line-height: 30px;font-size: 13px;background: #e9e9e9;text-align: center;}
.mobmenu .sidebar li:nth-of-type(2) .m_nav p{width:33.3%;}
.mobmenu .sidebar li:nth-of-type(5) .m_nav p{width:33.3%;}
.m_nav p a{transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;font-size: 13px;}
.m_nav p a:hover{background: #0371bc;color: #fff;}
/*棣栭〉澶у浘*/
.banner .swiper-slide img{width: 100%;}
.banner .swiper-pagination{bottom: 40px !important; }
.banner .swiper-pagination-bullet{width: 7px;height:7px;border-radius: 40px;background: #0371bc;opacity: 1;transition:.4s;}
.banner .swiper-pagination-bullet-active{width:40px;}
/*棣栭〉*/
.in_01{height: auto;overflow: hidden;}
.intita {text-align: center;}
.intita strong{display: inline-block;font-size: 70px;text-transform: uppercase;position: relative;z-index: 1;color: #f7f7f7;font-family: fz;}
.intita span{display: block;margin-top: -70px;position: relative;z-index: 2;}
.intita span b{color: #0371bc;font-family: fz;}
.intita p{color: #777;background: url(../images/titabg.png) center no-repeat;}
.in01a ul{border: 1px solid #dededf;height: auto;overflow: hidden;border-right: none;}
.in01a li a{border-right: 1px solid #0462a2;background: #0371bc;color: #fff;line-height: 55px;transition:.4s;position: relative;}
.in01aa{white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in01a li a i{float: left;margin-right: .5rem;font-size: 20px;}
.in01a li a:hover{background: #2fa66a;}
.inimga img{display: block;width: 100%;}
.in01b .swiper-slide{box-shadow: 0px 0px 20px 10px #fbfbfb;}
.in01b .swiper-slide:hover .infontb{opacity: 1;bottom: 0;}
.infontb{position: absolute;z-index: 3;background: url(../images/in01a.jpg) center repeat;width: 100%;color: #fff; bottom: -10%; height: 100%;opacity: 0;transition:.4s;}
.infontb strong{display: block;}
.infontb b{display: block;background: url(../images/in01b.png) center repeat;height: 6px;margin:1rem 0;}
.infontb dd{line-height: 30px;height: 30px;overflow: hidden;}
.in01ba {text-align: center;}
.in01ba a{width: 45%;line-height: 50px;color: #fff;background: rgba(255,255,255,.4);border-radius: 5px; transition:.4s;}
.in01ba a:hover{background: url(../images/in01c.png) center repeat;}
.infonta {text-align: center;}
.infonta strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.infonta p{line-height: 30px;color: #777;}
.min01b{height: auto;overflow: hidden;}
.min01bc{position: relative; box-shadow: 0px 0px 20px 10px #fbfbfb;}
.min01bc:hover .infontb{opacity: 1;bottom: 0;}
/*in_02*/
.in_02{height: auto;overflow: hidden;background: #f8f9fa}
.in02a{width: 28%;}
.in02b{width: 44%;}
.in02c{width: 28%;}
.in02a li{height: auto;overflow: hidden;}
.in02c li{height: auto;overflow: hidden;}
.in02a li em{display: block;float: left; background: url(../images/in02aa.png) center no-repeat;width: 78px;padding-top: 15px; height: 84px;text-align: center;line-height: 54px;}
.in02a li em i{font-size: 34px;color: #fff}
.in02a li strong{color: #555;}
.in02a li strong b{color: #0371bc;}
.in02a li p{line-height: 25px;color: #777;}
.in02c li{text-align: right;}
.in02c li em{display: block;float: right; background: url(../images/in02aa.png) center no-repeat;width: 78px;padding-top: 15px; height: 84px;text-align: center;line-height: 54px;}
.in02c li em i{font-size: 34px;color: #fff}
.in02c li strong{color: #555;}
.in02c li strong b{color: #0371bc;}
.in02c li p{line-height: 25px;color: #777;}
.in02b{position: relative;}
.in02ba{transition:.4s;
-webkit-animation:movePillar ease-in-out 3.4s infinite both;
animation:movePillar ease-in-out 3.4s infinite both;
-webkit-animation-play-state:running;
animation-play-state:running;
-webkit-transition:all ease .3s;
-o-transition:all ease .3s;
transition:all ease .3s;
-webkit-transform:translate3d(0, 1rem, 0);
transform:translate3d(0, 1rem, 0)}
.ciona{margin-top: 4em;animation-delay: .25s;margin-right: .5rem;}
.cionb{top: 0em;animation-delay: .5s;margin-right: .5rem;}
.cionc{margin-top: 4em;animation-delay: .75s;margin-right: .5rem;}
.ciond{top: 0em;animation-delay: 1s;margin-right: .5rem;}
.cione{margin-top: 4em;animation-delay: 1.25s;margin-right: .5rem;}
.in02ba img{max-width: 100%;box-shadow: 0px 0px 10px 5px #eee;}
@-webkit-keyframes movePillar {
0% {
-webkit-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0)
}
50% {
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
100% {
-webkit-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0)
}
}
@keyframes movePillar {
0% {
-webkit-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0)
}
50% {
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
100% {
-webkit-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0)
}
}
.inmore{margin:-25px auto;}
.inmore a{display: block;width: 280px;line-height: 45px;background: #0371bc;border-radius: 25px;text-align: center;color: #fff;margin:0 auto;
box-shadow: 0px 0px 10px 5px #ddd;letter-spacing: 1px;}
.inmore a i{font-size: 24px;}
.inmore b{font-family: fz;}
/*in_03*/
.in03a {height: auto;overflow: hidden;;position: relative;}
.in03a .gallery-thumbs .swiper-slide{cursor: pointer;}
.in03a .gallery-thumbs .swiper-slide:hover i{background:#2fa66a;}
.in03a .gallery-thumbs .swiper-slide-thumb-active i{background:#2fa66a !important;}
.in03a .gallery-thumbs .swiper-slide i{float: left;width: 55px;line-height: 43px;padding-top: 5px;margin-right: 1rem; border-radius: 60px;background:#0371bc;
text-align: center;border: 1px solid #eee;display: block;transition:.4s;}
.in03a .gallery-thumbs .swiper-slide span{display: block;}
.in03a .gallery-thumbs .swiper-slide p{line-height: 25px;color: #777;}
.in03a .gallery-thumbs .swiper-slide i em{font-size:24px;color: #FFF;}
.in03a .gallery-top{position: relative;z-index: 1;}
.in03a .gallery-top .swiper-slide {display: block;position: relative;height: auto;overflow: hidden;}
.in03a .gallery-top .swiper-slide img{width: 100%;}
.in03a .gallery-top .swiper-slide .in03b{position: absolute;bottom:10%;width: 90%;left:5%;background: rgba(255,255,255,.95);}
.in03a .gallery-top .swiper-slide .in03b strong{display: block;}
.in03a .gallery-top .swiper-slide .in03b b{color: #0371bc}
.in03a .gallery-top .swiper-slide .in03b p{letter-spacing: 2px;font-family: fz;text-transform: uppercase;line-height: 30px;color: #999;font-size: 16px;}
.in03a .gallery-top .swiper-slide .in03b em{display: block; background: url(../images/in03a.png) center no-repeat;width: 32px;height: 20px;margin-top: .5rem;}
.in03b_a{width: 50%;}
.in03b_b{width: 50%;}
.in03b_b li{line-height: 35px;color: #777;font-size: 16px;}
.in03b_b li i{color: #2fa66a;}
/*in_04*/
.in_04{background: url(../images/in04a.jpg) center bottom repeat-x #f8f9fb;height: auto;overflow: hidden;}
.in_04 img{max-width: 100%;}
.pubtit b{color: #f1f1f1;font-size: 50px;z-index: 1;position: absolute;text-transform: uppercase;top:0;line-height: 85px;font-family: impact;}
.pubtit strong{display: block;line-height: 80px;z-index: 2;position: relative;}
.pubtit strong small{position: relative;padding-left: 4.5rem;}
.pubtit strong small::before{position: absolute;content: "";width: 3rem;height: 1px;background: #8c8c8c;top:50%;left:.5rem;}
.pubtit em{display: block; background: url(../images/in04c.jpg) center left no-repeat;height: 3px;}
.pubtit p{line-height: 30px;color: #777;}
.in04a {height: auto;overflow: hidden;position: relative;}
.in04a p{color: #777;line-height: 35px;}
.in04a a{display: block;width: 140px;line-height: 45px;border: 1px solid #cccccc;background: #f8f9fb;text-align: center;color: #777;transition:.4s;}
.in04a a:hover{background: #0f77be;color: #fff;}
.in04b {margin:20% 0 6% 0; }
.in04b span{display: block;line-height: 40px;position: relative;color: #fff;}
.in04b span:last-child{border-right:none;}
.in04b span i{display: block;position: absolute;z-index: 1;border-radius: 60px;bottom: 40%;left:30%; width: 50px;height: 50px;background: #0673bd; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #1c7fc3, #147ac0, #0673bd); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #1c7fc3, #147ac0, #0673bd); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.in04b span p{position: relative;z-index: 3;}
.in04b span strong{font-size: 60px;font-family: fz;font-weight: normal;z-index: 3;position: relative;}
.in04b span em {position: relative;z-index: 3;}
/*in_05*/
.in05a .swiper-container{height: auto;overflow: hidden;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6}
.in05a .swiper-slide{height: auto;overflow: hidden; border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;position: relative;}
.in05a .swiper-slide:hover span{background: rgba(0,0,0,.6);opacity: 1;height: 100%;top:0;}
.in05a .swiper-slide span{position: absolute;z-index: 2;background: rgba(0,0,0,0);opacity: 0; color: #fff;width: 100%;height:0;top:40%; padding-top: 23%; text-align: center;transition:.4s;}
.in05a .swiper-slide img{display: block;width: 100%;}
.in05b .swiper-container{height: auto;overflow: hidden;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6}
.in05b .swiper-slide{height: auto;overflow: hidden; border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;position: relative;}
.in05b .swiper-slide:hover span{background: rgba(0,0,0,.6);opacity: 1;height: 100%;top:0;}
.in05b .swiper-slide span{position: absolute;z-index: 2;background: rgba(0,0,0,0);opacity: 0; color: #fff;width: 100%;height:0;top:40%; padding-top: 23%; text-align: center;transition:.4s;}
.in05b .swiper-slide img{display: block;width: 100%;}
/*in_06*/
.in06a .swiper-slide:hover .tit{background: rgba(0,0,0,0.8)}
.in06a .swiper-slide {height:500px;position: relative;
/* Center slide text vertically */
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: 500ms;
transform: scale(1);
}
.in06a .swiper-slide-prev{ left: -15%; background: #000; }
.in06a .swiper-slide-next{ right: -15%; background: #000; }
.in06a .swiper-slide img{ width: 100%; height: 499px; opacity: 0.3;}
.in06a .swiper-slide-active img,.swiper-slide-duplicate-active img{opacity: 1; width: 100%; height: auto !important; transform: scale(2);}
.in06a .swiper-container .swiper-button-next{ right: 10%; top: 50%; outline: none; width: 46px; height: 50px;background:rgba(3,113,188,0.8)}
.in06a .swiper-container .swiper-button-next i{color: #fff;}
.in06a .swiper-container .swiper-button-prev{ left: 10%; top: 50%; outline: none;width: 46px; height: 50px;background:rgba(19,149,106,0.8)}
.in06a .swiper-container .swiper-button-prev i{color: #fff;}
.in06a .swiper-slide .tit{ position: absolute; left: 0; bottom: 0; width: 100%;line-height: 80px; background: rgba(19,149,106,0.8);z-index: 9; opacity: 0;}
.in06a .swiper-slide-active .tit,.swiper-slide-duplicate-active .tit{position: absolute;transition:.4s; left: -50%; bottom: 0; width: 200%;
background: rgba(3,113,188,.8);z-index: 9; opacity: 1;}
.in06a .swiper-button-prev:after{display: none;}
.in06a .swiper-button-next:after{display: none;}
.in06a .swiper-slide .tit span{color: #fff;border-right: 2px solid #fff;}
.in06a .swiper-slide .tit a{color: #fff;padding: 0 .5rem;}
/*in_07*/
.in_07{height: auto;overflow: hidden;background: #f8f9fa;}
.in_07 .swiper-slide{min-height: 445px;}
.in_07 .swiper-slide:hover .cfonta{width: 100%;margin:0 auto;background: #2fa66a;color: #fff;}
.in_07 .swiper-slide:hover .cimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 6rem;}
.in_07 .swiper-slide:hover .cfonta i{background: #fff}
.in_07 .swiper-slide:hover .cfonta p{color: rgba(255,255,255,.4)}
.in_07 .swiper-slide:hover .cimga i{opacity: 1}
.in_07 .swiper-slide img{display: block;max-width: 100%;}
.cfonta{background: #fff;width: 80%;text-align: left;margin:-3rem auto 0 auto;position: relative;z-index: 2;transition:.4s;}
.cfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.cfonta strong{display: block;}
.cfonta i{display: block;width: 20px;height: 2px;background: #444;margin:.5rem 0;}
.cfonta p{color: rgba(4,4,4,.4);line-height: 30px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.cimga{display: block;width: 100%;height: 0;padding-bottom: 75%;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: 52px;opacity: 0;}
.cimga span p{font-family: fz;}
/*鑴氭*/
.footer{clear: both; height: auto;overflow: hidden;color: #7c8187;background:#232324;}
.foota {border-right: 1px solid #2c2c2d;border-left: 1px solid #2c2c2d;}
.foota span{display: block;position: relative;line-height: 60px;font-size: 16px;color: #fff;}
.foota span::after{position: absolute;content: "";width: 20px;height: 2px;background: #919192;bottom: 0;left:0;}
.foota span a{display: block;transition:.4s;color: #fff;}
.foota span a:hover{color: #41a6eb;}
.foota .submenu p{line-height: 40px;}
.foota .submenu p a{display: block;color: #7c8187;transition:.4s;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.foota .submenu p a:hover{color: #41a6eb;}
.footb{line-height: 30px;}
.footb span{display: block;line-height: 35px;text-align: center;}
.fewm {width: 48%;}
.fewm img{display: block; border: 6px solid rgba(255,255,255,.6);max-width: 80%;margin:0 auto;}
.footd span{display: block;position: relative;line-height: 60px;font-size: 16px;color: #fff;}
.footd span::after{position: absolute;content: "";width: 20px;height: 2px;background: #919192;bottom: 0;left:0;}
.footd span a{display: block;transition:.4s;color: #fff;}
.footd span a:hover{color: #41a6eb;}
.footd strong{display: block;line-height: 35px;}
.footd p{line-height: 30px;}
.footc{border-top: 1px solid rgba(255,255,255,.1);line-height: 75px;}
.footc em{float: right;}
.footc em a{color: #7c8187;transition:.4s;}
.footc em a:hover{color: #41a6eb;}
.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#fff;z-index: 888;border-top: 1px solid #f6f6f6;}
.footnav li{float: left;text-align: center;width: 25%;}
.footnav li a{border-right: 1px solid #f6f6f6;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 25px;color: #666;font-size: 12px;}
.footnav li a{display: block;padding-top:4%;color:#333;transition:.4s;}
.footnav li a:hover{background: #0371bc;color: #fff;}
.footnav li a:hover span{color: #fff;}
.online_kefu{position: fixed; bottom: 20vh;right:1px;z-index:889;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:55px; height:60px;box-shadow: 0px 0px 5px 2px #ececec; background: #fff; 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: 18px;color: #a7a7a7;height: 30px;}
.online_kefu ul li .hover_con{ position: absolute;left:-120px;width: 120px;color: #ffffff;text-align: center;background-color: #0371bc;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 .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: #0371bc;}
.online_kefu li:hover .con i{color: #fff;}
.online_kefu li:hover p{color: #fff;}
.online_kefu li:hover .hover_con{left:-130px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #0371bc; display: block; content: '';position: absolute; top: 30px;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;}
.mobile_qq{margin-top: .25rem;display: block;}
/*绠€浠?/
.location{height: auto;overflow: hidden;background: url(../images/locationbg.jpg) center no-repeat;color: #fff;}
.comban{background: url(../images/comban.jpg) center no-repeat;}
.proban{background: url(../images/proban.jpg) center no-repeat;}
.newsban{background: url(../images/newsban.jpg) center no-repeat;}
.sjyfban{background: url(../images/yfban.jpg) center no-repeat;}
.conban{background: url(../images/conban.jpg) center no-repeat;}
.locationa strong{font-weight: normal;background: url(../images/loca.png) center bottom repeat-x;color: rgba(255,255,255,1)}
.locationa span{display: block;line-height: 45px;color: rgba(255,255,255,.6);text-transform: uppercase;font-family: fz;font-size: 16px;}
.locationa p{line-height: 35px;}
.locationa p a{color: rgba(255,255,255,.8);transition:.4s;padding:0 .25rem;}
.locationa p a:hover{color: #fff;}
.locationb li a{display: block;color: #fff;position: relative;line-height: 35px;height: 35px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
.locationb li a i{display: block;float: left;margin-top: 17px;width: 10px;height: 1px;background: #dedede;margin-right: .5rem;transition:.4s;}
.locationb li a:hover {color: #ddd;}
.locationb li a:hover i{width: 20px;background: #ddd;}
.locationc{text-align: right;}
.locationc a{color: #fff;transition:.4s; }
.locationc a:hover {color: #ddd;}
.locationc a:hover i{width: 20px;background: #ddd;}
/*content_company*/
.companya{height: auto;overflow: hidden;}
.companya img{max-width: 100%;}
.coma p{line-height: 35px;color: #777;}
.comb li{line-height: 40px;color: #777;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.comb li i{color: #0371bc}
.companyb{height: auto;overflow: hidden;background: #f4f4f4;}
.companyb li span{display: block;transition:.4s;}
.companyb li:hover span{background: #0371bc;color: #fff;}
.companyb li p{line-height: 35px;color: #777;}
.companyb li img{display: block;width: 100%;}
.companyc img{display: block;max-width: 100%;}
.comca{position: relative;}
.comcb li{position: relative;}
.comcb_a{position: absolute;color: #fff;width: 94%;height: 100%;}
.comcb_a b{display: block;font-weight: normal;color: rgba(255,255,255,.6);}
.comcb_a p{font-weight: bold;}
.comcb_a span{display: block;}
.comcb_a i{display: block;line-height: 30px; color: rgba(255,255,255,.8);text-transform: uppercase;font-family: fz;}
.comcb_b{position: absolute;bottom: 10%;}
.companyd{height: auto;overflow: hidden;background: url(../images/companyd.jpg) center no-repeat #f4f4f4;}
.companye{height: auto;overflow: hidden;}
.companye .swiper-slide:hover span{background: #0371bc;color: #fff;}
.companye .swiper-slide:hover i{background: rgba(0,0,0,.4)}
.companye .swiper-slide img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.companye .swiper-slide span{display: block;line-height: 55px;text-align: center;background: #f6f6f6;transition:.4s;white-space: nowrap;text-overflow:ellipsis; overflow: hidden;}
.comea{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;border: 1px solid #eee;}
.comea i{display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;z-index: 1;transition:.4s;}
.companye .swiper-container .swiper-button-next{ right: 0px; top: 46%; outline: none; width: 46px; height: 50px;background:rgba(3,113,188,0.8);transition:.4s;}
.companye .swiper-container .swiper-button-next i{color: #fff;}
.companye .swiper-container .swiper-button-prev{ left: 0px; top: 46%; outline: none;width: 46px; height: 50px;background:rgba(3,113,188,0.8);transition:.4s;}
.companye .swiper-container .swiper-button-prev i{color: #fff;}
.companye .swiper-button-prev:after,.companye .swiper-button-next:after{display: none;}
.companye .swiper-button-prev:hover{background: rgba(19,149,106,0.8);}
.companye .swiper-button-next:hover{background: rgba(19,149,106,0.8);}
#cpqh{ margin-top: 3rem;height: 400px;overflow: hidden;}
#cpqh .swiper-slide { background-position: center; position: relative; text-align: center;}
#cpqh .gallery-top { height: auto; padding: 0;}
#cpqh .gallery-top .swiper-slide{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#cpqh .gallery-top .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#cpqh .gallery-thumbs { height: 400px; overflow: hidden; text-align: center; padding:0 3rem;}
#cpqh .gallery-thumbs .swiper-slide { cursor: pointer; color: #bababa;}
#cpqh .gallery-thumbs .swiper-slide .tit{ float: left; color: #333333; font-size: 22px; position: relative;}
#cpqh .gallery-thumbs .swiper-slide p{ float: left; padding: 0 2%; position: relative; margin-right: 1% !important;}
#cpqh .gallery-thumbs .swiper-slide p i{ position: relative; z-index: 1;}
#cpqh .gallery-thumbs .swiper-slide p:before{ position: absolute; right: 0; top: 50%; content: ''; width: 50%; height: 1px; background: #eaeae9;}
#cpqh .gallery-thumbs .swiper-slide p:after{ position: absolute; left: 50%; top: 0; content: ''; width: 1px; height: 270%; border-right: 1px dashed #eaeae9;}
#cpqh .gallery-thumbs .swiper-slide .content{ float: left; width: 70%; color: #666666; font-size: 16px; text-align: left;}
#cpqh .gallery-thumbs .swiper-slide-next{color: #0371bc;}
#cpqh .gallery-thumbs .swiper-slide-next .tit{color: #0371bc}
#cpqh .gallery-thumbs .swiper-slide-next .content{color: #0371bc}
#cpqh .gallery-thumbs .swiper-slide-thumb-active .tit,#cpqh .gallery-thumbs .swiper-slide-thumb-active i,#cpqh .gallery-thumbs .swiper-slide-thumb-active .content{ color: #d7132e;}
@media screen and (max-width:1200px){
#cpqh .gallery-thumbs .swiper-slide .tit{ font-size: 20px;}
#cpqh .gallery-thumbs .swiper-slide .content{ font-size: 13px; line-height: 20px;}
#cpqh .gallery-thumbs{ padding: 3% 0 0;}
}
@media screen and (max-width:1024px){
#cpqh .gallery-thumbs .swiper-slide .content{ font-size: 14px; line-height: 30px;}
}
/*content_product*/
.prolista {height: auto;overflow: hidden;background: #f7f8f9;}
.prolistb {height: auto;overflow: hidden;position: relative;}
.prolistb:hover .infontb{opacity: 1;bottom: 0;}
.infontc{height: auto;overflow: hidden;background: #fff;}
.infontc span{display: block; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.infontc i{display: block;width: 30px;height: 2px;background: #0371bc;margin:.75rem 0;}
.infontc p{color: #777;line-height: 30px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.prolistb dl p{line-height: 30px;}
.prolist .row{background: #f7f8f9;height: auto;overflow: hidden;}
.prolist .row img{width: 100%;}
.pro_fonta em{font-size: 22px;color: #777;}
.pro_fonta strong{display: block;text-transform: uppercase;color: #dcdcdc;font-family: fz;}
.pro_fonta i{display: block;background: url(../images/in04c.jpg) left center no-repeat;margin:1rem 0;height: 3px;}
.pro_fonta p{color: #777;}
.pro_fonta b {font-weight: normal;}
.pro_fonta b p{background: #efefef;padding: 1rem 1.75rem;width: 88px;letter-spacing: 2px;border-radius: 2px;}
.pro_fontb a{display: block;background: #0371bc;border: 1px solid #0371bc;line-height: 42px;text-align: center;color: #fff;width: 48%;font-size: 16px;transition:.4s;}
.pro_fontb a:hover{background: #fff;color: #0371bc;}
.pro_fontb a:nth-of-type(2){background: #2fa66a;border: 1px solid #2fa66a;}
.pro_fontb a:nth-of-type(2):hover{background: #fff;color: #0371bc;}
/*浜у搧璇︽儏*/
.proa{height: auto;overflow: hidden;background: #f7f8f9;}
.plocation{line-height:70px;}
.plocation a{color: #777;transition:.4s;}
.plocation a:hover{color: #444;}
.pfonta p i{display: block;width: 14%;color: #fff;background: #0371bc;border-radius: 5px;text-align: center;margin-right: 2%;line-height: 35px;}
.ptel{height: auto;overflow: hidden;background: url(../images/stel.png) left no-repeat;padding-left:45px;}
.ptel span{color: #0371bc;font-family: fz;}
.proa_a a{width: 30%;line-height: 45px;background: #0371bc;color: #fff;text-align: center;border: 1px solid #e6e6e6;border-radius:5px 0 0 5px;transition:.4s;}
.proa_a a:hover{background: #f4f4f4;color: #777;}
.proa_a a:nth-of-type(2){background: #f4f4f4;color: #777;border-radius: 0 5px 5px 0;}
.proa_a a:nth-of-type(2):hover{background: #0371bc;color: #fff;}
.proa_a a i{font-size: 22px;}
.proa img{display: block;width: 100%;}
.parm{height: auto;overflow: hidden;}
.parm li{line-height: 35px;color: #777;float:left;width: 50%; }
.parm em{font-size: 18px;}
.parm p{line-height: 35px;color: #777; }
.prob{height: auto;overflow: hidden;}
.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 solid #e3e4e5;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: #0371bc;}
.sidea li:hover a{color: #fff;}
.sideb li {height: auto;overflow: hidden;background: #f9f9f9;transition:.4s;position: relative;z-index: 3}
.sideb li:hover {background: #0371bc;}
.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: #0371bc;}
.sidetit{height: 100px;overflow: hidden;background: url(../images/sidebg.jpg) right top no-repeat #0371bc;color: #fff;text-align: center;padding-top: 2rem;}
.sidetit h3 {line-height: 40px;height: 40px;margin-bottom: 0px;}
.sidetit h3 small{font-size: 14px;text-transform: uppercase;font-family: fz;}
.sidetit strong{display: block;font-size: 60px;color: #1777be;line-height: 50px;height: 50px; text-transform: uppercase;font-family: impact;}
.sideaa {background: #fff;height: auto;overflow: hidden;padding: 4%;}
.bga{background: #f7f8f9;}
.tipa{background: url(../images/ciona.png) left center no-repeat #fff;color: #999;font-size: 13px;}
.tipb{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: #1f55a6;color: #fff !important;transition:.4s;letter-spacing: 1px;}
.s_b .submit span{position: relative;z-index: 3;}
.s_b .submit:hover {background: #d10000;}
.proba{border: 1px solid #efefef;height: auto;overflow: hidden;}
.ptit{line-height: 60px;border-bottom: 1px solid #efefef;}
.ptit li a{display: block;text-align: center;font-size: 16px;position: relative;}
.ptit li a::before{position: absolute;content: "";bottom: 0px;left:0; background:#0371bc;width: 0px;transition:.4s;height: 3px;}
.ptit li a:hover::before{width: 100%;}
.proc strong{display: block;color: #0371bc;background: url(../images/ptitbg.png) left bottom no-repeat;line-height: 50px;font-size:22px;border-top: 1px solid #efefef;padding-top: 1rem;
font-weight: normal;position: relative;}
.proc strong::after{position: absolute;content: "/ LEUFON TECHNOLOGY";left:6rem;bottom: 0;font-size: 16px;color: #777;font-family: FZ;letter-spacing: 1px;}
.proc p{line-height: 30px;color: #777;}
.proc p em{font-weight: bold;font-size: 16px;color: #444;}
.proc img{max-width: 100%;}
.prod .in02a{width: 40%;}
.prod .in02c{width: 40%;}
.prof img{width: 100%;}
.proe li {width: 100%;}
.proe li img{width: 100%;}
.proea{border: 1px solid #fff;}
.proea{height: auto;overflow: hidden;}
.proea .swiper-slide:hover span{background: #2fa66a;color: #fff;}
.proea .swiper-slide:hover i{background: rgba(0,0,0,.4)}
.proea .swiper-slide img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.proea .swiper-slide span{display: block;line-height: 55px;text-align: center;background: #f6f6f6;transition:.4s;white-space: nowrap;text-overflow:ellipsis; overflow: hidden;}
.comea{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;border: 1px solid #eee;}
.comea i{display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;z-index: 1;transition:.4s;}
.proea .swiper-container .swiper-button-next{ right: 0px; top: 46%; outline: none; width: 46px; height: 50px;background:rgba(3,113,188,0.8);transition:.4s;}
.proea .swiper-container .swiper-button-next i{color: #fff;}
.proea .swiper-container .swiper-button-prev{ left: 0px; top: 46%; outline: none;width: 46px; height: 50px;background:rgba(3,113,188,0.8);transition:.4s;}
.proea .swiper-container .swiper-button-prev i{color: #fff;}
.proea .swiper-button-prev:after,.proea .swiper-button-next:after{display: none;}
.proea .swiper-button-prev:hover{background: rgba(19,149,106,0.8);}
.proea .swiper-button-next:hover{background: rgba(19,149,106,0.8);}
.xqc{height: auto;overflow: hidden;background: url(../images/xqb.jpg) center right no-repeat;padding: 30px 0;margin-bottom: 15px;}
.xqc .right{color: #fff;text-align: center;}
.xqc .right span{display: block;font-size: 16px;line-height: 45px;}
.xqc .right span b{font-size: 32px;}
.xqc .right p{font-size: 15px;}
.xqc .right a{display: block;margin:0 auto; background: #2fa66a;width: 160px;line-height: 35px;text-align: center;color: #fff;transition:.4s;}
.xqc .right a:hover{background: #fff;color: #444;}
.prob .in03b_b li{font-size: 14px;}
.proc table{display: block; width: 100%;}
.proc tbody{display: block; width: 100%;border-left: 1px solid #eee;border-top: 1px solid #eee;}
.proc tr{display: block; width: 100%;}
.proc tr td{width: 33% !important;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
.proc tr td img{max-width: 100%;}
.proc tr td p{text-align: center;}
/*case*/
.cases {height: auto;overflow: hidden;;position: relative;}
.cases .casesimg{position: absolute;top:0;left:0;z-index: 0;}
.cases .gallery-top{position: relative;z-index: 1;}
.caseb{color: #fff;margin-top: -126px;position: relative;width: 100%;z-index: 3;}
.cases .gallery-thumbs .swiper-slide{cursor: pointer;text-align: center;transition:.4s;border-top: 1px solid rgba(255,255,255,.4)}
.cases .gallery-thumbs .swiper-slide:hover{background: rgba(0,0,0,.2);}
.cases .gallery-thumbs .swiper-slide-thumb-active{background: rgba(0,0,0,.2);}
.cases .gallery-thumbs .swiper-slide:first-child{border-left: none;}
.cases .gallery-thumbs .swiper-slide i{font-size: 26px;}
.cases .gallery-top .swiper-slide {display: block;position: relative;height: auto;overflow: hidden;}
.cases .gallery-top .swiper-slide img{width: 100%;}
.cases .gallery-top .swiper-slide .casea{position: absolute;top:20%;width: 100%;color: #fff;z-index: 2;}
.cases .gallery-top .swiper-slide .casea span{display: block;font-size: 24px;line-height: 50px;}
.cases .gallery-top .swiper-slide .casea em{display: block;width: 30px;height: 2px;background: #fff;margin:1rem 0;}
.cases .gallery-top .swiper-slide .casea p{line-height: 40px;color: rgba(255,255,255,.6);text-transform: uppercase;}
.cases .gallery-top .swiper-slide .casea dl{width: 40%;}
.cases .gallery-top .swiper-slide .casea dl dd a{display: block;color: #fff;line-height: 40px;transition:.4s;white-space: nowrap;overflow: hidden;text-overflow:ellipsis}
.cases .gallery-top .swiper-slide .casea dl dd a:hover{color: #286087;}
.casea_more a{display: block;width: 72px;line-height: 30px;text-align: center;color: #fff;transition:.4s;position: relative;}
.casea_more a b{position: relative;z-index: 2;font-weight: normal;}
.casea_more a::before{position: absolute;content: "";bottom:8px;height:2px;background: #286087;width: 100%;z-index: 0;transition:.4s;}
.casea_more a:hover::before{height: 10px;}
.casea{min-height: 500px;}
.caselist{height: auto;overflow: hidden;}
.caselist li img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.caselist li span{display: block;}
.caselist li:hover img{transform: scale(1.05,1.05)}
.caselist li:hover i{background: rgba(0,0,0,0.4)}
.caselist li p{line-height: 25px;color: #777;}
.caseimg{border: 1px solid #e6e6e7;height: auto;overflow: hidden;position: relative;}
.caseimg i{position: absolute;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}
.clista{background: #fff;}
.clista li{transition:.4s;}
.clista li span{display: block;border-bottom: 1px solid #e6e6e7;line-height:60px;transition:.4s;}
.clista li span a{display: block;}
.clista li span i{float: left;margin-right: .5rem; font-size: 24px;}
.clista li span:hover{color: #fff;border-bottom: 1px solid #0371bc;background: #0371bc;}
.clista li span:hover a{color: #fff;}
.clista li:nth-of-type(4) i{font-size: 20px;}
.clista li em{float: right;}
.clista li dd{margin-bottom: 0px;line-height: 40px;background: #f6f6f6;transition:.4s;border-bottom: 2px solid #fff;}
.clista li dd:nth-of-type(1){margin-top: 10px;}
.clista li dd:hover{background: #0371bc;}
.clista li dd:hover a{color: #fff;}
.clista li dd a{display: block;color: #777;}
.clocation{height: auto;overflow: hidden;background: url(../images/locationbg.jpg) center no-repeat;color: #fff;padding: 2% 0 6% 0;}
.clocation a{color: #fff;transition:.4s;}
.clocation a:hover{color: #ddd;}
/*sjyf*/
.sjyfa{height: auto;overflow: hidden;}
.sjyf_b{border-right: 1px solid #e9e9e9;width: 30%;}
.sjyf_b li a{display: block; position: relative;}
.sjyf_b li a::after{position: absolute;content: "";width: 3px;height: 0px;background: #0371bc;right:0;top:0;transition:.4s;}
.sjyf_b li p{text-transform: uppercase;color: #999;}
.sjyf_b li:hover a::after{height: 60%;}
.sjyf_b li:hover a{color: #0371bc;}
.sjyf_b li:hover a p{color:rgba(3,113,188,.6);}
.sjyf_c{width: 70%;height: 480px;overflow-y: scroll;}
.sjyf_c dd {border-bottom: 1px solid #e9e9e9;}
.sjyf_c dd img{max-width: 100%;margin-top: 2rem;}
.sjyf_c dd span{display: block;}
.sjyf_c dd p{color: #777;}
.sjyfbb img{max-width: 100%;}
.sjyfb{height: auto;overflow: hidden;background: #f4f4f4;}
.sjyfb p{line-height: 35px;color: #777;}
.sjyfbb .swiper-slide img{display: block;max-width: 100%;}
.sjyfimga{display: block;width: 100%;height: 0;padding-bottom: 150%;position: relative;overflow: hidden;background: #fff;}
.sjyfc p {color: #777;line-height: 40px;}
.sjyfc img {max-width: 100%;}
.sjyfd{height: auto;overflow: hidden;background: #f4f4f4;}
.sjyftit {display: block;background: url(../images/sjyftit.png) left bottom no-repeat;line-height:60px;height: 60px;}
.sjyftit span{display: block;color: #0371bc}
.sjyfda img{max-width: 100%;}
.sjyfda span{display: block;line-height: 40px;background: #0371bc;color: #fff;text-align: center;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.sjyfimgb{display: block;width: 100%;height: 0;padding-bottom: 127.2%;position: relative;overflow: hidden;background: #fff;}
.sjyfimgc{display: block;width: 100%;height: 0;padding-bottom: 55.2%;position: relative;overflow: hidden;background: #fff;}
.sjyfimgd{display: block;width: 100%;height: 0;padding-bottom: 133%;position: relative;overflow: hidden;background: #fff;}
/*鑽h獕*/
.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;margin-bottom: 4%;}
.honorlist li a{display: block;height: auto;overflow: hidden;position: relative;border: 1px solid #efefef;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .hfont{background: rgba(0,0,0,0.8);opacity: 0.8;bottom: 0;}
.hfont{position: absolute;z-index: 88;bottom: -260px;width: 100%;color: #fff; height: 100%;padding-top: 20%; overflow: hidden;text-align: center;background: rgba(0,0,0,0);transition: .4s;}
.hfont span{display: block; line-height: 30px;font-size: 15px;}
.hfont i{font-size: 42px;}
.imga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;border: 1px solid #eee;}
.imga img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.cfsba li {float: left;width: 24.5%;margin:0 0.25% 0.5% 0.25%;}
.cfsba li a{display: block;position: relative;height: auto;overflow: hidden;}
.cfsba li:hover .cffont{opacity: 1;}
.cfsba li .cffont{position: absolute;top:5%;left:5%;width: 90%;height: 90%; background:#98011c;color: #fff;opacity: 0;transition:.4s; z-index:8;text-align: center;padding-top: 25%;}
.cfsba li .cffont i{font-size:30px;}
.cfsba li .cffont span{display: block;line-height: 45px;}
.cfsba li:nth-of-type(5) {margin-bottom: 3rem;padding-bottom: 3rem;position: relative;}
.cfsba li:nth-of-type(5)::after {position: absolute;content: "";border-bottom: 1px solid #eee;width: 100%;bottom: 0;}
.cfsba li:nth-of-type(6) {width: 49.5%;margin-right: 0.25%;margin-bottom: 3rem;padding-bottom: 3rem;position: relative;}
.cfsba li:nth-of-type(6) .cffont{display: none;}
.cfsba li:nth-of-type(6) .cfimg{padding-bottom:37%;}
.cfsba li:nth-of-type(6) .cfimg i{background: rgba(152,1,28,.9);}
.cfsba li:nth-of-type(6)::before{position: absolute;display: block;width: 100%;height: 100%; content: "";z-index: 6;background: url(../images/cfsba.png) center 20% no-repeat;background-size: 100%;}
.cfsba li:nth-of-type(6)::after {position: absolute;content: "";border-bottom: 1px solid #eee;width: 100%;bottom: 0;}
.cfsba li:nth-of-type(7) {margin-right: 0px;margin-bottom: 3rem;padding-bottom: 3rem;position: relative;}
.cfsba li:nth-of-type(7)::after {position: absolute;content: "";border-bottom: 1px solid #eee;width: 100%;bottom: 0;}
.cfsba li img{display: block;width: 100%;}
.cfimg{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.cfimg i{display: block;position: absolute;z-index: 2;width: 100%;height: 100%;background: rgba(0,0,0,.3);}
/*鏂伴椈*/
.news_list li a{display: block; position: relative;height: auto;overflow: hidden;width: 100%; border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
/* .news_list li a:hover .news_font{top: 0;opacity: 1;}
.news_list li a:hover .intime{opacity: 0;} */
.news_list li a .intime{transition:.4s;}
.news_font {display: block; position: absolute;z-index: 3;top:100%;left:10%;opacity: 0;transition:.4s;width: 100%;height: 100%;text-align: right;}
.news_font img{display: block;width: 70%;}
.news_font strong{position: absolute;right: 20%;top: 2rem;z-index: 3;color: #999;font-size: 17px;
writing-mode: vertical-lr;
writing-mode: tb-lr;
transition: all .5s ease 0s;}
.intime i{line-height: 30px;color: #444;position: relative;}
.intime i em{position: relative;z-index: 2;}
.intime i::after{position: absolute;content: "";bottom:10px; z-index: 0;height: 4px;background: #cdcdcd;width:65px;left:0;}
.intime b{display: block;font-family: fz; line-height: 30px;color: #777;font-weight: normal; transition:.4s;}
.intime span{display: block;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.intime p{line-height: 30px;color: #777;}
/*鏂伴椈璇︽儏*/
.newsa .row{height: auto;overflow: hidden;margin-top: -50px;}
.ninfotit{height: auto;overflow: hidden;}
.ninfotit span{font-size: 22px;line-height: 50px;}
.meta{line-height: 35px;border-bottom: 1px solid #dbdbdb;font-size: 12px;color: #808080;}
.siden{height: auto;overflow: hidden;border-bottom: 1px solid #dbdbdb}
.siden span{display: block; line-height: 30px;border-left: 2px solid #0371bc;padding-left: 1rem;font-size: 22px;}
.newscontent p{line-height: 30px;color: #777;}
.newscontent img{display: block;margin:.25rem auto;max-width: 80%;}
.sidena{height: auto;overflow: hidden;}
.sidena li{height: auto;overflow: hidden;border-bottom: 1px solid #ededed;transition:.4s;line-height: 30px;}
.sidena li:hover p{color: #0371bc;}
.sidena li span{display: block;float: left;width: 30px;line-height: 30px;height: 30px;background: #0371bc;text-align: center;color: #fff;margin-right: .5rem;border-radius: 2px;}
.sidena li img{width: 100%;}
.sidena li p{width: 90%;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#prev_next {height: auto;overflow: hidden;background: #fff;width: 100%;}
#prev_next li{line-height:70px;width: 48%;height: auto;overflow: hidden;color: #777;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#prev_next li a{transition:.4s;color: #777;}
.page-a{white-space: nowrap; text-overflow:ellipsis; overflow: hidden;margin:0 .25rem;}
#prev_next li:hover a{color: #0371bc !important;}
.mid a{display: block;width: 4%; border-left: 1px solid #f6f6f6;border-right: 1px solid #f6f6f6;width: 70px;height: 70px;position: relative;transition:.4s;}
.mid a:hover{background: #0371bc}
.mid a:hover i{background: #fff}
.mid a:hover i:nth-of-type(1){width: 25%;}
.mid a:hover i:nth-of-type(2){width: 35%;}
.mid i{position: absolute;left:30%;width: 40%; height: 2px;background: #c5c6cd;border-radius: 5px;transition:.4s;}
.mid i:nth-of-type(1){top:40%;}
.mid i:nth-of-type(2){top:50%;}
.mid i:nth-of-type(3){top:60%;}
/*鐢熶骇宸ヨ壓*/
.scgya{height: auto;overflow: hidden;}
.scgya li{height: auto;overflow: hidden;}
.scgya li a{display: block;border:1px solid #f6f6f6;}
.scgya li:hover img{transform:scale(1.05,1.05);}
.scgya li:hover b{background: rgba(0,0,0,0.5);}
.scgya li img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.scgya li b{position: absolute;z-index: 88;background: rgba(0,0,0,0);width: 100%;height: 100%;transition:.4s;}
.nfonta{height: auto;overflow: hidden;}
.nfonta em{font-weight: bold;color: #777;}
.nfonta span{display: block;font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;}
.nfonta strong{display: block;line-height: 30px;font-weight: normal;color: #777;border-top: 1px solid #efefef;}
.nfonta strong i{float: right;}
.nimga{width: 100%;height: auto;overflow: hidden;position: relative;}
.jw-skin-bce .jw-controlbar{width: 100%;}
.video{height: auto;overflow: hidden;}
/*鑱旂郴*/
.contacta{height: auto;overflow: hidden;background: url(../images/conabg.jpg) center top repeat-x;}
.cona{height: auto;overflow: hidden;background: #fff;position: relative;transition:.4s;}
.contacta li:hover .cona{box-shadow: rgba(0,0,0,0.3) 0px 6px 15px;transform: translate3d(0,-5px,0)}
.cona em{display: block;float: left;margin-right: 1rem; width: 60px;line-height: 60px;height: 60px;background: #0371bc;color: #fff;border-radius: 5px;text-align: center;}
.cona em i{font-size: 32px;}
.cona span{display: block;line-height: 30px;color: #777;}
.cona strong{display: block;color: #444;}
.cona b{display: block;position: absolute;z-index: 2;top:0;right:0;width: 40px;font-weight: normal;height: 40px;line-height: 40px;border: 1px solid #f9f9fa;text-align: center;color: #666666;font-family: fz;font-size: 22px;}
.contactba .forma{height: auto;overflow: hidden;margin-bottom: 1rem;}
.contactba .forma input{float: left;width: 33.3%;line-height: 50px;padding-left: 3rem;border-right: 1px solid #e6e6e6;}
.contactba .forma input:nth-of-type(1){background: url(../images/tipa.png) 1rem center no-repeat #f6f6f6;}
.contactba .forma input:nth-of-type(2){background: url(../images/tipb.png) 1rem center no-repeat #f6f6f6;}
.contactba .forma input:nth-of-type(3){background: url(../images/tipc.png) 1rem center no-repeat #f6f6f6;border-right:none}
.contactba textarea {display: block;width: 100%;line-height: 50px;height: 200px; background: url(../images/tipd.png) 1rem .75rem no-repeat #f6f6f6;padding-left:3rem; margin-bottom: 1rem;}
.contactba .code {width: 50%;height: auto;overflow: hidden;margin-bottom: 1rem;}
.contactba .code input {width: 31%;line-height: 50px;float: left;background: #f6f6f6;padding-left: 1rem;}
.contactba .code .verify {cursor: pointer;float: left;height: 50px;text-align: center;}
.contactba .code .verify img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;border: 1px solid #e6e6e6;}
.contactba .submit {position: relative; float: left;display: block;width: 31%;height: 50px;text-align: center;line-height: 50px;background:#f6f6f6;transition:.4s;}
.contactba .submit:hover{color: #fff;background: #0371bc;}
@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_20{font-size: 20px;line-height: 35px;}
.mf_22{font-size: 22px;line-height: 40px;}
.topb_a a{width: 74%;border-right: none;}
.topb_a img{max-width: 100%;}
.menu li:nth-of-type(9){display: none;}
.banner .swiper-pagination{bottom: 10px !important;}
.intita strong{font-size: 34px;}
.intita span{margin-top: -35px;}
.in01ba a i{display: none;}
.in01ba{display: block !important;}
.in01ba a{display: block; width: 100%; line-height: 40px;height: 40px;margin-top: .5rem;}
.in02ba{display: none !important;}
.in_02 .d-flex{display: block!important}
.in02a{width: 100%;}
.in02c{width: 100%;}
.in_03{margin-top: 3rem;}
.in03a .gallery-thumbs .swiper-slide i{margin-right: .5rem;}
.in03b_a{display: none;}
.in03b_b{width: 100%;}
.in03a .gallery-top .swiper-slide .in03b{background: rgba(255,255,255,.8);}
.in03a .gallery-top .swiper-slide img{width: 150%;margin-left: -25%;}
.in03b_b li{line-height: 25px;font-size: 12px;}
.pubtit b{font-size: 34px;}
.pubtit strong small{font-size: 13px;}
.in_04{background:#f8f9fb;}
.in04b{background:#0371bc;margin:1rem 0;padding: 1rem 0;}
.in04b span i{display: none;}
.in04b span strong{font-size: 32px;}
.in05b .swiper-slide{border-top: 1px solid #e6e6e6;}
.in06a .swiper-slide{height:140px;}
.in06a .swiper-slide .tit{text-align: center;line-height: 40px;}
.in06a .swiper-slide .tit span{border-right: none;}
.in06a .swiper-slide .tit a{display: none;}
.in06a .swiper-slide-active img, .swiper-slide-duplicate-active img{transform: scale(1.5);}
.in_07 .swiper-slide{min-height: 280px;}
.footer{padding-bottom: 14%;}
.pro_fonta b p{padding:1rem;border-right: 1px solid #dcdcdc;}
.pro_fonta b p:last-child{border-right:none;}
.pro_fontb a{font-size: 14px;}
.pfonta p i{width: 25%;}
.hfont i{font-size: 22px;}
.hfont span{font-size: 13px;}
.ptel{display: none;}
.proa_a{display: none !important;}
.spec-items li{margin-bottom: 1px;}
.ptit li a{font-size: 14px;}
.proc strong{font-size: 18px;}
.proc strong::after{left:5rem;}
.prod .d-flex{display: block!important}
.prod .in02a{width: 100%;}
.prod .in02c{width: 100%;}
.cases .gallery-top .swiper-slide img{width: 240%;}
.menu li .submenu{display: none !important;}
.cases .gallery-top .swiper-slide .casea{top:4%;}
.cases .gallery-top .swiper-slide .casea span{font-size: 18px;line-height: 30px;}
.cases .gallery-top .swiper-slide .casea em{display: none;}
.cases .gallery-top .swiper-slide .casea dl{width: 100%;}
.cases .gallery-thumbs .swiper-slide i{font-size: 18px;}
.cases .gallery-top .swiper-slide .casea dl dd a{line-height: 25px;}
.newsa .row{margin-top: 0px;}
.clocation{padding: 10% 0;}
.ninfotit span{font-size: 16px;}
.sjyfa_a img{display: block;margin:0 auto;}
.sjyfda .col-6{padding-left: .5rem;padding-right: .5rem;}
.sjyf_b li p{font-size: 12px;font-family: fz;}
.comb li{font-size: 12px;}
#cpqh .gallery-thumbs{padding: 15px;}
#cpqh .gallery-thumbs .swiper-slide .content{width: 74%;}
#cpqh{height: 360px;}
.cona strong{font-size: 14px;}
.contactba .code{width: 100%;}
.contactba .code .verify{width: 38%;}
.contactba .code .verify img{height: 50px;}
.contacta ul{background: #f6f6f6}
.sjyfc .firstRow{width: 100% !important;}
.sjyfc td{display:block; height: auto;overflow: hidden; width: 100% !important;clear: both;}
.in_07 .swiper-slide:hover .cimga span{padding-top: 2rem;}
.intita p{background: none;}
.cases .casesimg img{max-width: 80%;}
.cimga span i{font-size: 22px;}
}
@media (min-width: 576px) and (max-width: 768px){
.topb_a a{width: 74%;border-right: none;}
.topb_a img{max-width: 100%;}
.menu li:nth-of-type(9){display: none;}
.banner .swiper-pagination{bottom: 10px !important;}
.intita strong{font-size: 34px;}
.intita span{margin-top: -35px;}
.in01ba a i{display: none;}
.in01ba{display: block !important;}
.in01ba a{display: block; width: 100%; line-height: 40px;height: 40px;margin-top: .5rem;}
.in02ba{display: none !important;}
.in_02 .d-flex{display: block!important}
.in02a{width: 100%;}
.in02c{width: 100%;}
.in_03{margin-top: 3rem;}
.in03a .gallery-thumbs .swiper-slide i{margin-right: .5rem;}
.in03b_a{display: none;}
.in03b_b{width: 100%;}
.in03a .gallery-top .swiper-slide .in03b{background: rgba(255,255,255,.8);}
.in03a .gallery-top .swiper-slide img{width: 150%;margin-left: -25%;}
.in03b_b li{line-height: 25px;font-size: 12px;}
.pubtit b{font-size: 34px;}
.pubtit strong small{font-size: 13px;}
.in_04{background: url(../images/in04a.jpg) center -100px repeat-x #f8f9fb;}
.in04b span i{display: none;}
.in04b span strong{font-size: 32px;}
.in05b .swiper-slide{border-top: 1px solid #e6e6e6;}
.in06a .swiper-slide{height:200px;}
.in06a .swiper-slide .tit{text-align: center;line-height: 40px;}
.in06a .swiper-slide .tit span{border-right: none;}
.in06a .swiper-slide .tit a{display: none;}
.in06a .swiper-slide-active img, .swiper-slide-duplicate-active img{transform: scale(1.5);}
.in_07 .swiper-slide{min-height: 300px;}
.pro_fonta b p{padding:1rem;border-right: 1px solid #dcdcdc;}
.pro_fonta b p:last-child{border-right:none;}
.pro_fontb a{font-size: 14px;}
.pfonta p i{width: 25%;}
.hfont i{font-size: 22px;}
.hfont span{font-size: 13px;}
.ptel{display: none;}
.proa_a{display: none !important;}
.spec-items li{margin-bottom: 1px;}
.ptit li a{font-size: 14px;}
.proc strong{font-size: 18px;}
.proc strong::after{left:5rem;}
.prod .d-flex{display: block!important}
.prod .in02a{width: 100%;}
.prod .in02c{width: 100%;}
.cases .gallery-top .swiper-slide img{width: 160%;}
.menu li .submenu{display: none !important;}
.cases .gallery-top .swiper-slide .casea{top:4%;}
.cases .gallery-top .swiper-slide .casea span{font-size: 18px;line-height: 30px;}
.cases .gallery-top .swiper-slide .casea em{display: none;}
.cases .gallery-top .swiper-slide .casea dl{width: 100%;}
.cases .gallery-thumbs .swiper-slide i{font-size: 18px;}
.cases .gallery-top .swiper-slide .casea dl dd a{line-height: 25px;}
.newsa .row{margin-top: 0px;}
.clocation{padding: 10% 0;}
.ninfotit span{font-size: 16px;}
.sjyfa_a img{display: block;margin:0 auto;}
.sjyfda .col-6{padding-left: .5rem;padding-right: .5rem;}
.sjyf_b li p{font-size: 12px;font-family: fz;}
.comb li{font-size: 12px;}
#cpqh .gallery-thumbs{padding: 15px;}
#cpqh .gallery-thumbs .swiper-slide .content{width: 74%;}
#cpqh{height: 360px;}
.cona strong{font-size: 14px;}
.contactba .code{width: 100%;}
.contactba .code .verify{width: 38%;}
.contactba .code .verify img{height: 50px;}
.contacta ul{background: #f6f6f6}
.sjyfc .firstRow{width: 100% !important;}
.sjyfc td{display:block; height: auto;overflow: hidden; width: 100% !important;clear: both;}
.in_07 .swiper-slide:hover .cimga span{padding-top: 2rem;}
.intita p{background: none;}
.sjyf_b li a span{font-size: 18px;}
.cases .casesimg img{max-width: 80%;}
}
@media (min-width: 768px) and (max-width:992px){
.topb_a a{width: 74%;border-right: none;}
.topb_a img{max-width: 100%;}
.menu li:nth-of-type(9){display: none;}
.banner .swiper-pagination{bottom: 10px !important;}
.intita strong{font-size: 34px;}
.intita span{margin-top: -35px;}
.in01ba a i{display: none;}
.in01ba{display: block !important;}
.in01ba a{display: block; width: 100%; line-height: 40px;height: 40px;margin-top: .5rem;}
.in02ba{display: none !important;}
.in_02 .d-flex{display: block!important}
.in02a{width: 100%;}
.in02c{width: 100%;}
.in_03{margin-top: 3rem;}
.in03a .gallery-thumbs .swiper-slide i{margin-right: .5rem;}
.in03b_a{display: none;}
.in03b_b{width: 100%;}
.in03a .gallery-top .swiper-slide .in03b{background: rgba(255,255,255,.8);}
.in03a .gallery-top .swiper-slide img{width: 150%;margin-left: -25%;}
.in03b_b li{line-height: 25px;font-size: 12px;}
.pubtit b{font-size: 34px;}
.pubtit strong small{font-size: 13px;}
.in_04{background: url(../images/in04a.jpg) center bottom repeat-x #f8f9fb;}
.in04b span i{display: none;}
.in04b span strong{font-size: 32px;}
.in05b .swiper-slide{border-top: 1px solid #e6e6e6;}
.in06a .swiper-container{padding: 0 15px;height: auto;overflow: hidden;}
.in06a .swiper-slide{height:235px;}
.in06a .swiper-slide .tit{text-align: center;line-height: 40px;}
.in06a .swiper-slide .tit span{border-right: none;}
.in06a .swiper-slide .tit a{display: none;}
.in06a .swiper-slide-active img, .swiper-slide-duplicate-active img{transform: scale(1.5);}
.in_07 .swiper-slide{min-height: 360px;}
.pro_fonta b p{padding:1rem;border-right: 1px solid #dcdcdc;}
.pro_fonta b p:last-child{border-right:none;}
.pro_fontb a{font-size: 14px;}
.pfonta p i{width: 25%;}
.hfont i{font-size: 22px;}
.hfont span{font-size: 13px;}
.ptel{display: none;}
.proa_a{display: none !important;}
.spec-items li{margin-bottom: 1px;}
.ptit li a{font-size: 14px;}
.proc strong{font-size: 18px;}
.proc strong::after{left:5rem;}
.prod .d-flex{display: block!important}
.prod .in02a{width: 100%;}
.prod .in02c{width: 100%;}
.cases .gallery-top .swiper-slide img{width: 130%;}
.menu li .submenu{display: none !important;}
.cases .gallery-top .swiper-slide .casea{top:4%;}
.cases .gallery-top .swiper-slide .casea span{font-size: 18px;line-height: 30px;}
.cases .gallery-top .swiper-slide .casea em{display: none;}
.cases .gallery-top .swiper-slide .casea dl{width: 100%;}
.cases .gallery-thumbs .swiper-slide i{font-size: 18px;}
.cases .gallery-top .swiper-slide .casea dl dd a{line-height: 25px;}
.newsa .row{margin-top: 0px;}
.clocation{padding: 10% 0;}
.ninfotit span{font-size: 16px;}
.sjyfa_a img{display: block;margin:0 auto;}
.sjyfda .col-6{padding-left: .5rem;padding-right: .5rem;}
.sjyf_b li p{font-size: 12px;font-family: fz;}
.comb li{font-size: 12px;}
#cpqh .gallery-thumbs{padding: 15px;}
#cpqh .gallery-thumbs .swiper-slide .content{width: 74%;}
#cpqh{height: 360px;}
.cona strong{font-size: 14px;}
.contactba .code{width: 100%;}
.contactba .code .verify{width: 38%;}
.contactba .code .verify img{height: 50px;}
.contacta ul{background: #f6f6f6}
.sjyfc .firstRow{width: 100% !important;background: #f4f4f4}
.sjyfc td{display:block; height: auto;overflow: hidden; width: 100% !important;clear: both;}
.companyb li span{font-size: 16px;}
}
@media (min-width: 992px) and (max-width:1200px){
.menu li .submenu .subc{width: 1200px;}
.in02b{padding-top: 3rem;}
.in03b_b li{font-size: 14px;line-height: 25px;}
.in06a .swiper-slide{height: 270px;}
.infontb dd{margin-bottom: 0px;}
.in06a .swiper-slide .tit span{display: none;}
.in_07 .swiper-slide{min-height: 360px;}
.footb img{max-width: 100%;}
.proa_a a{display: none;}
.cases .gallery-top .swiper-slide .casea{top:5%;}
.cases .gallery-top .swiper-slide .casea dl{width: 80%;}
.cases .gallery-top .swiper-slide .casea em{margin:.25rem 0;}
.cases .gallery-top .swiper-slide .casea dl dd a{line-height: 30px;}
.comcb_a b{font-size: 16px;}
.in_07 .swiper-slide:hover .cimga span{padding-top: 2rem;}
.menu li .submenu .subc{width: 992px;}
.menu li .submenu{background: #f5f5f5}
.in_04{background: url(../images/in04a.jpg) center -100px repeat-x #f8f9fb;}
}
@media (min-width: 1200px) and (max-width:1500px) {
.cases .gallery-top .swiper-slide .casea{top:5%;}
.in06a .swiper-slide{height:310px;}
}
@media (min-width: 1200px) and (max-width:1300px) {
.menu li .submenu .subc{width: 1200px;}
.menu li .submenu{background: #f5f5f5}
.prolistb dl{margin:2rem 0 !important}
}
@media (min-width: 1200px) {
.container{max-width: 1400px;}
}
@media (max-width: 1500px) {
.online_kefu{display: none;}
}