@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%;border-bottom: 1px solid rgba(255,255,255,.2);} .topa a{display: block;} .topa img{display: block;max-width: 100%;margin:0 auto;} .topb li{color: #fff;text-align: center;line-height: 20px;height: 20px;} .topb li i{font-size: 24px;color: #fff;transition:.4s;} .topb li a:hover i{color:rgba(255,255,255,.8);} .topb li:nth-of-type(2) {border-left: 1px solid rgba(255,255,255,.1);border-right: 1px solid rgba(255,255,255,.1);} .topb li b{font-size: 34px;font-family: fz;color: #fff;} .search-text{border: 1px solid #ddd;line-height: 38px;padding-left: 5px;width: 80%;} .fdj{width: 55px;height: 40px; line-height: 40px;background: url(../images/fdj.png) center no-repeat #ce000c;outline: none;color: #fff;width: 20%;transition:.4s;} .fdj:hover{background: url(../images/fdj.png) center no-repeat #444;} .btn{border-radius: 0px !important;} .top_whcat{text-align: center;position: relative;cursor: pointer;} .whcat{position: absolute;top:52px;right:0;height: 0px;transition:.1s;overflow: hidden;} .whcat::before{position: absolute;content: "";top: -4px;right:40%; z-index: 4;transition:.4s;border-bottom: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;transition: all .4s ease;} .whcat img{width: 85px !important;max-width: 85px !important;margin: 5px !important;transform: translate(0px, 0%) !important;} .top_whcat:hover i{color: #bbb;} .top_whcat:hover .whcat{height:95px;overflow: visible;} .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: #175aa8;text-align: center;color: #fff;transition:.4s;} .menu li .submenu .suba a:hover{border-radius: 0 20px 0 20px;} .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: #175aa8;} .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 {height: auto;overflow: hidden;position: relative;} .banner img{display: block;width: 100%;} .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;} .intita{text-align: center;position: relative;} .intita strong{display: block;font-size: 70px;font-family: impact;text-transform: uppercase;color: #f6f7f9;position: relative;z-index: 1} .intita span{display: block;background:url(../images/intita.png) center no-repeat;font-weight: bold;margin-top: -70px;position: relative;z-index: 2;color:#175aa8} .intita p{color: #777;} .in01a{height: auto;overflow: hidden;} .in01a .in01c{float: left;width: 19%;border: 1px solid #e1e1e1;} .intitb{height: auto;overflow: hidden;background: url(../images/intitb.jpg) center repeat;text-align: center;color: #fff;} .intitb p{text-transform: uppercase;color: rgba(255,255,255,.6);} .intitb a{display: block;border: 1px solid rgba(255,255,255,.4);color: #fff;width: 140px;line-height: 40px;transition:.4s;margin:1rem auto;border-radius: 5px;} .intitb a:hover{background: rgba(255,255,255,.8);color: #444;} .in01a .mySwiper{position: relative;height: 430px;overflow: hidden;} .in01a .mySwiper .swiper-slide{line-height: 65px;padding: 0 1rem;border-bottom: 1px solid #e5e5e5; transition:.4s;cursor: pointer;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; } .in01a .mySwiper .swiper-slide-thumb-active a{display: block; color: #fff; } .in01a .mySwiper .swiper-slide i{color: #cccccc; } .in01a .mySwiper .swiper-slide em{float: right;color: #fff;} .in01a .mySwiper .swiper-slide a{display: block;} .in01a .mySwiper .swiper-slide:hover a{color: #fff;} .in01a .mySwiper .swiper-slide:hover{background: #2d77e5; background: -webkit-linear-gradient(to right, #1756ae, #246acf, #2d77e5); background: linear-gradient(to right, #1756ae, #246acf, #2d77e5);color: #fff;} .in01a .mySwiper .swiper-slide-thumb-active{background: #2d77e5; background: -webkit-linear-gradient(to right, #1756ae, #246acf, #2d77e5); background: linear-gradient(to right, #1756ae, #246acf, #2d77e5);color: #fff;} .in01a .mySwiper2{float: right;width: 80%;height: auto;overflow: hidden;} .in01b {position: relative;height: auto;overflow: hidden;background:url(../images/in01b.jpg) top left repeat;} .in01b i{position: absolute;content: "";right:0;top:0;width: 136px;height: 132px;background: url(../images/in01a.png) right top no-repeat;z-index: 3;} .in01b img{max-width: 100%;border: 1px solid #f7f7f7} .in01b_a strong{display: block;color: #175aa8;} .in01b_a span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .in01b_b {height: auto;overflow: hidden;border: 1px dashed #c31f2a;line-height: 30px;background: #fff;} .in01b_c span{display: block;} .in01b_c span p{font-size: 30px;color: #c31f2a;font-family: fz;} .in01b_c a{display: block;width: 140px;line-height: 40px;height: 40px;color: #fff;text-align: center;border-radius: 5px; background: #2d77e5; background: -webkit-linear-gradient(to right, #1756ae, #246acf, #2d77e5); background: linear-gradient(to right, #1756ae, #246acf, #2d77e5);} .in01b_c a:hover{background: #d0121b;} .in01b_d li a{display: block; height: auto;overflow: hidden;border: 1px solid #f5f6f8;transition:.4s;} .in01b_d li a:hover {transform: translate3d(0,-10px,0);box-shadow: rgba(0,0,0,.1) 0px 6px 15px;} .infonta i{color: #175aa8} .infonta strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .infonta p{line-height: 30px;color: #777;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .picimga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;} .picimgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;background: #fff;} .picimgb img{display: block;margin: 0 auto;width: 100%;height: 100%; object-fit: contain; transition:.3s;} /*in_02*/ .in_02{height: auto;overflow: hidden;background: url(../images/in02bg.jpg) top center no-repeat;} .in02a span{text-align: center;} .in02a span strong{font-size: 70px;font-family: fz;font-weight: normal;} .in02a p{line-height: 25px;color: #777;} .in02b {height: auto;overflow: hidden; border-radius: 60px 0 60px 0;background: url(../images/in02b.png) left bottom no-repeat #fff;box-shadow: rgba(9,9,9,.1) 0 10px 10px;} .in02b img{max-width: 100%;} .in02b_a {position: relative;} .in02b_a b{position: absolute;z-index: 1;font-size:120px;font-family: impact;text-transform: uppercase;color: #f6f7f9;top:0;} .in02b_a span{display: block;color: #175aa8;z-index: 2;position: relative;} .in02b_a strong{display: block;color: #444;z-index: 2;position: relative;} .in02b_a i{display: block;background: url(../images/linea.png) left center no-repeat;height: 5px;position: relative;z-index: 2;} .in02b_a p{line-height: 30px;color: #777;} .in02b_a a{display: block;width: 140px;line-height: 40px;height: 40px;color: #fff;text-align: center;border-radius: 5px; background: #2d77e5; background: -webkit-linear-gradient(to right, #1756ae, #246acf, #2d77e5); background: linear-gradient(to right, #1756ae, #246acf, #2d77e5);} .in02b_a a:hover{background: #d0121b;} .in02c span{display: block;position: relative;text-align: center;} .in02c strong{font-size: 23px;font-family: fz;color: #333;position: relative;z-index: 2; font-weight: 500;} .in02c em{position: relative;z-index: 2;} .in02c p{line-height: initial;color: #777;position: relative;z-index: 2;} /*in_03*/ .in03a{height: auto;overflow: hidden;position: relative;} .in03a .gallery-thumbs{position: absolute;z-index: 3;border-left: 1px solid rgba(255,255,255,.1);border-right: 1px solid rgba(255,255,255,.1); top:0;left:10%;color: #fff;width: 20%;height: 100%;background: linear-gradient(to top, rgba(0,0,0,1) 10%,rgba(0,0,0,0.5)40%, rgba(0,0,0,0.2)70%,rgba(0,0,0,0.2)100%)} .in03a .gallery-thumbs .swiper-wrapper {display: block;} .in03a .gallery-thumbs .swiper-slide {height: 25%!important;overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.1);width: 100%!important;cursor: pointer;padding: 4% 0;} .in03a .gallery-thumbs .swiper-slide:hover {background: #c31f2a;} .in03a .gallery-thumbs .swiper-slide-thumb-active {background: #c31f2a;} .in03a .gallery-top .swiper-slide{display: block;position: relative;height: auto;overflow: hidden;} .in03a .gallery-top .swiper-slide::before{position: absolute;content: ""; z-index: 1;background: rgba(6,44,89,.47);width: 100%;height: 100%;left:0;top:0;} .in03a .gallery-top img{ display: block; width: 100%; height: 100%; object-fit: cover; position: relative; } .in03a .gallery-top .in03b{position: absolute;z-index: 2;width: 50%;right:10%;padding: 6% 0;height: 100%;} .in03a .gallery-top .swiper-slide:nth-of-type(2) .in03b_a span{background: url(../images/in03bb.png) left top no-repeat;} .in03a .gallery-top .swiper-slide:nth-of-type(3) .in03b_a span{background: url(../images/in03bc.png) left top no-repeat;} .in03a .gallery-top .swiper-slide:nth-of-type(4) .in03b_a span{background: url(../images/in03bd.png) left top no-repeat;} .in03aa {padding-left: 3rem;position: relative;width: 100%;} .in03aa i{font-size: 42px;float: left;margin-right: 2%;height: 80px;} .in03aa span{display: block;} .in03aa p{line-height: 30px;color: #d8d8d8;text-transform: uppercase;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .in03b_a {color: #fff;} .in03b_a strong{display: block;color: rgba(255,255,255,.1);font-size: 74px;font-family: fz;text-transform: uppercase;} .in03b_a span{display: block;margin-top: -80px;background: url(../images/in03ba.png) left top no-repeat;padding-left: 15rem;} .in03b_a span em{float: left;font-size: 120px;font-family: fz;} .in03b_a b{display: block;background: url(../images/in03b_a.png) right center no-repeat;width: 320px;} .in03b_a p{display: block;color: rgba(255,255,255,.7);} .in03b_a i{display: block;background: url(../images/linea.png) left center no-repeat;margin-top: 1rem;height: 5px;} .in03b_b{width: 100%;margin-top: 10%;position: relative;} .in03b_b strong{display: block;color:#fff;} .in03b_b p{line-height: 30px;color: #fff; font-size: 16px;} .in03b_b a{display: block;line-height: 35px;color: #c31f2a;transition:.4s;} .in03b_b a i{font-size: 24px;} .in03b_b a:hover{color: #444} .in03b_b::before{position: absolute;content: "";/*background: url(../images/in03bb.jpg) right no-repeat;*/width: 130%;height: 100%;z-index: -1;top:0;left:0;} /*in_04*/ .in_04{height: auto;overflow: hidden;background: #f9f9f9;} .in04a{position: relative;} .in04a .swiper-container {padding-bottom: 4%;height: auto;overflow: hidden;padding-left: 5px;padding-right: 5px;padding-top: 5px;} .in04a .swiper-scrollbar-drag {background:#c31f2a;} .in04a .swiper-container-horizontal>.swiper-scrollbar{left:0;} .in04a .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;} .in04a .swiper-slide a{height: auto;overflow: hidden; border-radius: 5px; width: 100%;} .in04a .swiper-slide img{display: block;width: 100%; object-fit: contain; height: 100%; transition:all 0.6s ease 0s;} .in04a .swiper-slide:hover {box-shadow: rgba(0,0,0,0.3) 0 5px 10px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;} .in04a .swiper-slide:hover img{transform: scale(1.05);} .inimga{display: block;width: 100%;height: 322px;position: relative;overflow: hidden; background: #fff;} .infontb {background: #fff;width: 100%;height: auto;overflow: hidden;} .infontb span{border-bottom: 1px solid #eeeeee;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} .infontb p{line-height: 30px;color: #777; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .infontb em{display: block;color: #c31f2a;} .intitc{text-align: center;position: relative;} .intitc strong{display: block;font-size: 70px;font-family: impact;text-transform: uppercase;color: #f6f7f9;position: relative;z-index: 1} .intitc span{display: block;background:url(../images/intitc.png) center no-repeat;font-weight: bold;margin-top: -60px;color:#175aa8;position: relative;z-index: 2} .intitc p{color: #777;} /*in_05*/ .in_05{height: auto;overflow: hidden;} .in05a a{display: block;box-shadow: rgba(6,6,6,.1) 0 5px 10px 10px;background: url(../images/in05a.png) right bottom no-repeat;transition:.4s;} .in05a a:hover{box-shadow: rgba(6,6,6,.2) 0 0 10px 10px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;} .in05a a img{display: block;width: 100%; height: 100%; object-fit: cover;} .in05a a span{line-height: 50px;color: #777;} .in05a a span em i{color: #c31f2a} .in05a a p{line-height: 30px;color: #777; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .in05a a b{font-weight: normal;font-size: 22px;} .in05b li a{display: block;border-top: 1px solid #d8dce0;transition:.4s;} .in05b li a:hover{color: #c31f2a} .in05b li a img{display: block;width: 100%;} .in05b li a strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .in05b li a span{line-height: 50px;color: #777;} .in05b li a span em i{color: #c31f2a} .in05b li a p{line-height: 30px;color: #777;margin-bottom:1rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .in05b li a b{font-weight: normal;font-size: 22px;} .inimgb{display: block;width: 100%;height: 300px;position: relative;overflow: hidden;} /*in_06*/ .in_06{height: auto;overflow:hidden;background: #f6f6f6;} .in_06 li {transition:.4s;} .in_06 li i{font-size: 40px;color: #ccd3e6;margin-right: .5rem;transition:.8s;} .in_06 li:hover {color: #d0121b;} .in_06 li:hover i{color: #d0121b;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);} .in_06 li strong{display: block;} .in_06 li p{line-height: 25px;color: #777;font-size: 14px;font-weight: normal;} /*脚步*/ .footer{height: auto;overflow: hidden;background:url(../images/footbg.jpg) center bottom no-repeat fixed;} .foota{color:#7c7c7c;line-height: 40px;border-left: 1px solid rgba(255,255,255,.1);padding-left: 3rem;} .footaa {text-align: center;} .footaa img{border: 1px dashed rgba(255,255,255,.2);padding: 8px;max-width: 100%;} .footaa span{display: block;} .footab strong{display: block;line-height: 40px;color: #fff;} .footab span{display: block;color: #d0121b;font-family: fz;} .footab p{line-height: 35px;color: #fff;} .footab p i{font-size: 20px;} .footab em{display: block;} .footb li strong{display: block;line-height: 50px;transition:.4s;} .footb li strong i{font-weight: normal;} .footb li strong a{color: #fff;transition:.4s;} .footb li strong:hover a{color: rgba(255,255,255,.7);} .footc{border-top: 1px solid rgba(255,255,255,.1);color: #7c7c7c;text-align: center;} .footc a{transition:.4s;color: #7c7c7c;} .footc a:hover{color: #fff;} .fmenu p{line-height: 35px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .fmenu p a{color: rgba(255,255,255,.6);transition:.4s;} .fmenu p a:hover{color: rgba(255,255,255,1);} .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:12% 0;color: #fff;border-radius: 0 0 120px 0; text-align: center;background: url(../images/ban.jpg) center top no-repeat;} .ban span{display: block;font-family: fz;text-transform: uppercase;letter-spacing: 4px;} .ban strong{display: block;} .location{height: auto;line-height: 80px;color: #777;margin-top: -40px;background:#fff;box-shadow: rgba(6,6,6,.1) 0 0 5px 5px; } .location a{display: block;text-align: center; transition:.4s;font-size: 15px;} .location a:hover{background: #2d77e5;color: #fff;background: -webkit-linear-gradient(to right, #1756ae, #246acf, #2d77e5);background: linear-gradient(to right, #1756ae, #246acf, #2d77e5)} .locationa{height: auto;line-height: 80px;color: #777;margin-top: -40px;background:#fff;box-shadow: rgba(6,6,6,.1) 0 0 5px 5px; } .locationa span{font-size: 22px;color: #444;} .locationa span i{color: #175aa8;font-size: 26px;margin-right: .5rem;} .ptlocation{height: 80px;line-height: 80px;color: #777;margin-top: -40px;background:#fff;box-shadow: rgba(6,6,6,.1) 0 0 5px 5px;} .ptlocation span{width: 14%;font-size: 22px;color: #444;} .ptlocation span i{color: #175aa8;font-size: 26px;margin-right: .5rem;} .ptlocationa {width: 86%;} .ptlocationa .swiper-slide a{display: block;text-align: center;transition:.4s;} .ptlocationa .swiper-slide a:hover{color: #d0121b} /*company*/ .companya{height: auto;overflow: hidden;background: url(../images/companya.jpg) center top no-repeat;} .com_a strong{display: block;color: #f4f4f4;font-size: 90px;height: 80px;line-height: 80px; text-transform: uppercase;font-family: fz;} .com_a span{display: block;color: #c31f2a;text-transform: uppercase;margin-top: -60px;} .com_a i{display: block;background: url(../images/com_a.png) left center no-repeat;margin-top: 1rem;height: 5px;} .com_c img{display: block;max-width: 100%;} .com_b{overflow-y: scroll;line-height: 35px;color: #777;height: 280px;} .companyb{height: 615px;overflow: hidden;} .companyb .slideTxtBox {position: relative;width: 100%;height: 100%;} .companyb .slideTxtBox .hd{position: absolute;z-index: 3;width: 100%;height: 100%;} .companyb .slideTxtBox .hd ul{max-width: 1400px;margin:0 auto; height: 100%;height: 100%;font-size: 0;box-sizing: border-box;-webkit-box-sizing: border-box;border-left: 1px solid rgba(255,255,255,0.3);} .companyb .slideTxtBox .hd li{float: left;color: #fff; display: inline;height: 100%;width: 25%;box-sizing: border-box;-webkit-box-sizing: border-box;border-right: 1px solid rgba(255,255,255,0.3);} .companyb .slideTxtBox .hd li:hover .comb_b{top:45%;} .companyb .slideTxtBox .hd li .comb_a{display: block;height: 100%;position: relative;} .companyb .bd {position: relative;} .companyb .bd img{display: block;width: 100%;} .companyb .slideTxtBox .bd ul{ zoom:1; } .companyb .slideTxtBox .hd li .comb_b{position: absolute;left: 15px;top:30%;transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: all .4s ease-in;-webkit-transition: all .4s ease-in;} .companyb .slideTxtBox .hd li.hover .comb_b{top: 50%;} .companyb .slideTxtBox .hd li .comb_b span{display: block; font-size: 24px;line-height: 24px;color: #fff;position: absolute;left: -60px;top: 62%;height: 20px;margin-top: -10px;} .companyb .slideTxtBox .hd li .comb_b::before{display: block;content: "";width: 1px;height: 60px;background: #fff;position: absolute;left: -16px;top: 64%;margin-top: -30px;} .companyb .slideTxtBox .hd li .comb_b i{font-size: 44px;} .companyb .slideTxtBox .hd li .comb_b strong{display: block;font-weight: normal;} .companyb .slideTxtBox .hd li .comb_b p{color: #fff;} .companyc {height: auto;overflow: hidden;background: url(../images/companyc.jpg) center top no-repeat;} .comtit{text-align: center;} .comtit span{display: block;} .comtit i{display: block;background: url(../images/com_a.png) center no-repeat;margin: 1rem auto;height: 5px;} .comc_a .swiper-slide a{display: block;border: 1px solid #eee;} .comc_a .swiper-slide a img{ display: block; margin: 0 auto; max-width: 100%; height: 100%; transition: 0.3s;} .comc_a .swiper-slide a:hover .comc_b{background: rgba(0,0,0,0.6);opacity: 1;bottom: 0; } .comc_a .swiper-slide a:hover .comc_c em{margin:15% auto 0 auto;} .comc_b{position: absolute;width: 100%; background: rgba(0,0,0,0);opacity: 0; left:0;bottom: 0; height: 100%;overflow: hidden;transition:.4s;} .comc_c{border: 1px dashed rgba(255,255,255,.7);height: 100%;} .comc_c 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_b span{display: block;color: #fff;text-align: center;} .comc_b i{color: rgba(255,255,255,.8);} .comc_a .swiper-slide a:hover .prod_a span{margin-top:0;} .prod_a {border: 1px solid rgba(255,255,255,.7);height: 100%;} .prod_a span{display: block;color: #fff;text-align: center;margin-top:4%;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .prod_a p{color: #fff;text-align: center;line-height: 30px;} .prod_a em{display: block;width: 140px;line-height: 40px;background: #d0121b;color: #fff;text-align: center;margin:0 auto;border-radius: 5px;} .comc_da img{display: block;max-width: 100%;} .comc_d{padding: 10% 0 2% 0;} .com_imga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;} .com_imgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;} .comc_a .mySwiper .swiper-button-next{ right: 0px; top: 46%; outline: none;} .comc_a .mySwiper .swiper-button-next i{font-size: 40px; color: #175aa8;transition:.4s;} .comc_a .mySwiper .swiper-button-next i:hover{color: #d0121b;} .comc_a .mySwiper .swiper-button-prev{ left: 0px; top: 46%; outline: none;} .comc_a .mySwiper .swiper-button-prev i{font-size: 40px; color: #175aa8;transition:.4s;} .comc_a .mySwiper .swiper-button-prev i:hover{color: #d0121b;} .comc_a .swiper-button-prev:after,.comc_a .swiper-button-next:after{display: none;} .companyd{height: auto;overflow: hidden;background: #f5f7f9;} .comd_a .swiper-slide {position: relative;} .comd_a .swiper-slide:hover span{background: rgba(0,0,0,.8);} .comd_a .swiper-slide img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;} .comd_a .swiper-slide span{position: absolute;z-index: 2;left:0;bottom: 0;width: 100%;line-height: 80px;color: #fff;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; padding-left: 4%; 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;} .com_more a{display: block;width: 140px;line-height: 40px;height: 40px;color: #fff;text-align: center;border-radius: 5px; margin:0 auto;background: #2d77e5; background: -webkit-linear-gradient(to right, #1756ae, #246acf, #2d77e5); background: linear-gradient(to right, #1756ae, #246acf, #2d77e5);} .com_more a:hover{background: #d0121b;} /*product*/ .producta{height: auto;overflow: hidden;} .typelist:nth-of-type(2n+0){background: #f7f7f7;} .typea{line-height: 40px;} .typea i{color: #d0121b;font-size: 22px;} .typea a{color: #777;transition:.4s;} .typea a:hover{color: #d0121b;} .typeb a{display: block;border: 1px solid #e6e6e6;} .typeb a:hover .plfonta{background: #175aa8;color: #fff;} .typeb a:hover p{color: #fff;} .typeb a:hover i{color: #fff;} .typeb img{display: block;width: 100%;} .plfonta {border-top: 1px solid #e6e6e6;transition:.4s;background: #fff;height: auto;overflow: hidden;width: 100%;} .plfonta p{line-height: 30px;color: #777;font-size: 14px;transition:.4s;} .plfonta i{font-size: 30px;color: #175aa8;} /*product_info*/ .proa {height: auto;overflow: hidden;} .proa_a span{display: block;} .proa_a i{display: block;background: url(../images/linea.png) left center no-repeat;height: 5px;} .proa_a strong{display: block;} .proa_a strong em{color: #d0121b;} .proa_a p{line-height: 30px;color: #777;border-top: 1px solid #e6e8eb;border-bottom: 1px solid #e6e8eb} .proa_b{border-bottom: 1px solid #e6e8eb;} .proa_ba {width: 60%;} .proa_ba i{float: left;font-size: 44px;color: #175aa8;margin-right: .5rem;} .proa_ba span{display: block; color: #777;margin-top: .5rem;} .proa_ba p{color: #175aa8;font-weight: bold;} .proa_bb a{display: block;background: #175aa8;line-height: 45px;color: #fff;text-align: center;width: 140px;transition:.4s;} .proa_bb a:hover{border-radius: 0 0 20px 0;} .proa_c{text-align: right;color: #555;} .proa_c i{color: #ff583a;} .ptit{height: auto;overflow: hidden;background: #f3f6f9;} .ptit li{ line-height: 25px;} .ptit li:hover a{background: url(../images/in03b_a.png) 25% center no-repeat; line-height: 25px;color: #d0121b} .ptit li a{display: block;text-align: center;border-right:1px solid #d5d5d5;font-size: 22px;background: url(../images/ptit.png) 0 center no-repeat;transition:.4s; } .ptit li:last-child a{border-right: none;} .prob strong{display: block;font-size: 18px;color: #175aa8;margin:1.5rem 0 .5rem 0;} .pro-table table{width: 100%;} .prob p {line-height: 30px;color: #777;} .prob img{max-width: 100%;} .ptita{height: auto;overflow: hidden;border-bottom: 1px solid #e6e8eb} .ptita em{color: #d0121b} .proc_a{position: relative;height: auto;overflow: hidden;} .proc_a img{max-width: 100%;} .proc_b{position: absolute;z-index: 3;width: 100%;background: rgba(0,0,0,.4);color: #fff;text-align: center;transition:.4s;} .proc_b img{display: block;} .proc_b i{display: block; font-size: 60px;line-height: 70px;height:70px;overflow: hidden; margin-top: 10%;transition:all 0.4s ease 0s;font-family: fz;} .proc_b strong{display: block;font-size: 30px;line-height: 50px;transition:all 0.6s ease 0s;background: url(../images/proc_a.png) center no-repeat;} .proc_b p{text-transform: uppercase;font-size: 16px;line-height: 30px;transition:.4s;} .proc_c em{display: block;width: 90%;line-height:28px;color: rgba(255,255,255,.8);margin:0 auto;font-style: normal;margin: 40% auto 5% auto;transition:all 0.4s ease 0s;} .proc_a:hover .proc_b{background: rgba(6,44,89,.6);color: #fff;height: 100%;} .proc_a:hover .proc_b strong{color: #fff;margin-top: 2%;background: url(../images/proc_b.png) center no-repeat;} .proc_a:hover .proc_b p{color: #fff;} .proc_a:hover .proc_b i{margin-top: -4%;opacity: 0;} .proc_a:hover .proc_c em{margin: 4% auto 5% auto;} .proe{background: url(../images/proe.jpg) center no-repeat;} .proe_a{width: 80%;height: auto;overflow: hidden;} .proe_a .forma input{display: block;float: left; width: 49%;margin-right: 2%;background: #fff; line-height: 45px;padding-left:2rem;margin-bottom: 1rem;} .proe_a textarea{display: block;width: 100%;padding-top: 1rem;padding-left: 2rem;margin-bottom: 2rem;background: #fff;} .proe_a .forma input:nth-of-type(2){background:#fff;margin-right: 0px;} .proe_a .code input{float: left;width: 35%;line-height: 45px;background: #fff;text-align: center;} .proe_a .code .verify{float: left;width: 30%;margin: 0 3%;} .proe_a .code .verify img{max-width: 100%;height: 45px;} .proe_a .code .submit{float: left;width: 28%; display: block;line-height: 45px;color: #fff;text-align: center;background: #d0121b;transition: .4s;} .proe_a .code .submit:hover{background: #444;border-radius: 0 0 20px 0;} .mes-form{height: auto;overflow: hidden;} .proe_a .code{width: 40%;} /*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; width: 100%; height: 100%; object-fit: contain;} .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(196,0,12,.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: #ce000c;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: 320px;position: relative;overflow: hidden;border: 1px solid #e7e7e7;border-bottom:none;} .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;} /*荣誉*/ .honorlist{height: auto;overflow: hidden;padding: 2% 0;} .honorlist li{height: auto;overflow: hidden;} .honorlist li a{display: block;position: relative;border: 1px solid #efefef;} .honorlist li .himgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;} .honorlist li img{display: block;margin:0 auto; max-width: 100%;max-height: 100%;transition: 0.3s;} .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%;} /*新闻*/ .newslist{height: auto;overflow: hidden;} .newslist ul li a{display: block;box-shadow: rgba(0,0,0,0.1) 0px 0px 7px 4px;transition:.4s;position: relative; } .newslist ul li:hover img{transform: scale3D(1.1, 1.1, 1.1)} .newslist ul li:hover span{color: #175aa8;} .newslist ul li:hover b{color: #dbe4fd;} .time {display: block;line-height: 30px;color: #999;} .newsfonta {position: relative;} .newsfonta b{position: absolute;z-index: 1;font-family: fz;font-size:80px;color: #eff3ff;top:0;transition:.4s;} .newsfonta strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;position: relative;z-index: 2; } .newsfonta p{line-height: 30px;color: #777;} .nimga{height: auto;overflow: hidden;} .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: #0068b7;} .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: #175aa8;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: #175aa8;} .sidea dl dd a:hover::before{background: #175aa8;} .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: #175aa8 !important;} .back a{float: right; display: block;width: 140px;line-height: 45px;color: #fff; border:1px solid #175aa8;border-radius: 5px;text-align: center;;transition:.4s;background: #175aa8} .back a:hover{border-radius: 0 20px 0 20px} /*联系*/ .contita {text-align: center;} .contita strong{display: block;color: #fff;} .contita span{display: block; text-transform: uppercase;color: #777;line-height: 30px;} .contita em{display: block;width:45px;height:45px;border-radius: 60px;background: #175aa8;color: #fff;text-align: center;line-height: 45px;margin:0 auto;} .lxwma{padding-top: 10%;} .lxwma_a{text-align: center;transition:.4s;height: auto;overflow: hidden;} .lxwma_a:hover b{background: #175aa8;border-radius: 0 20px 0 20px;} .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: rgba(12,58,177,.4);} .lxwma li{height: auto;overflow: hidden;background: #fff;border-right: 1px solid #eee;} .lxwmb{height: auto;overflow: hidden;background:#fff;} .lxwmtitb{width: 80%;text-align: center;margin:0 auto;} .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: #175aa8;transition: .4s;} .lxwmb_a .code .submit:hover{background: #444;border-radius: 0 0 20px 0;} .mes-form{height: auto;overflow: hidden;} .lxwmb_a .code{width: 36%;margin:0 auto;} @media (max-width: 576px) { .in_company_img{ display: none; } .in02c strong{ font-size: 17px; } .in02c span{ margin-bottom: 4%; } .in01a .mySwiper .swiper-slide { line-height: 50px;} .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{float: left;max-width: 60%;} .banner{border-radius: 0 0 40px 0;} .intita strong{font-size: 40px;} .intita span{margin-top: -30px;} .in01c{width: 100% !important; display: none;} .in01a .mySwiper2{width: 100% !important;} .in01a .mySwiper{height: 252px;} .in01a .mySwiper .swiper-slide{border-bottom: none;padding:0 .25rem;} .in01a .mySwiper .swiper-slide i{display: none;} .in01a .mySwiper .swiper-slide em{display: none;} .in02a span strong{font-size: 32px;} .in02b {border-radius: 20px 0 20px 0;} .in02b_a b{font-size: 50px;} .in03a .gallery-thumbs{left:3%;width: 30%} .in03aa{padding-left: 0px;} .in03aa i{font-size: 18px;margin:0 5px;height: auto;} .in03a .gallery-top .in03b{right: 3%; width: 61%; overflow-y: auto; padding:2% 0; } .in03b_a{display: none;} .in03b_b{color: #fff;margin-top: 1%;} .in03a .gallery-top img{width: 140%;} .in03b_b::before{ display: none;} .in03b_b p{color: #fff;line-height: 20px;font-size: 12px;} .intitc strong{font-size: 40px;} .intitc span{margin-top: -30px;background: url(../images/mintitc.png) center no-repeat;} .in05b li a span{display: none !important;} .foota{padding-left: 0px;} .footer{padding-bottom:3rem;} .ban{padding:25% 0;border-radius:0;} .com_a strong{font-size: 40px;} .companya .row{margin-left: 0px;margin-right: 0px;} .companyb .bd img{width: 200%;} .companyb .slideTxtBox .hd li .comb_b i{font-size: 22px;} .companyb .slideTxtBox .hd li .comb_b span{display: none;} .companyb .slideTxtBox .hd li .comb_b p{line-height: 25px;font-size: 12px;} .comc_c em{display: none;} .comd_a .swiper-slide span{line-height: 40px;} .hfonta i{font-size: 22px;} .locationa span{font-size: 16px;} .ptlocation span{width: 30%;font-size: 16px;} .ptlocationa{width: 70%;} .footnav{display: block;} .plfonta i{display: none;} .ptit li a{font-size: 14px;} .ptit li a:hover{background: none;} .proc_b strong{font-size: 16px;line-height: 30px;} .proc_b i{font-size: 40px;height: 60px;line-height: 60px;} .proc_a:hover .proc_c em{display: none;} .proe_a{width: 100%;} .proe_a .code{width: 100%;} .newsfonta b{font-size: 50px;} .caseslist li:hover .cimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 1.5rem;} .cimga span i{font-size: 24px;} .lxwma{padding-top: 30%} .lxwmb_a .code{width: 100%;} .MagnifierMain i{zoom:.7;} .in01b{background: #f2f3f5} .prod_a p{display: none;} .proc_b p{font-size: 14px;} .in01a .mySwiper .swiper-slide{height: calc(100% / 5) !important;} .companyb{height: auto;} } @media (min-width: 576px) and (max-width: 768px) { .topa img{float: left;max-width: 60%;} .banner{border-radius: 0 0 40px 0;} .intita strong{font-size: 40px;} .intita span{margin-top: -30px;} .in01c{width: 100% !important;} .in01a .mySwiper2{width: 100% !important;} .in01a .mySwiper{height: 322px;} .in02a span strong{font-size: 32px;} .in02b {border-radius: 20px 0 20px 0;} .in02b_a b{font-size: 50px;} .in03a .gallery-thumbs{left:3%;width: 30%} .in03aa{padding-left: 0px;} .in03aa i{font-size: 24px;margin:0 5px;height: auto;} .in03a .gallery-top .in03b{right:3%;width: 70%;} .in03b_a{display: none;} .in03b_b{color: #fff;} .in03a .gallery-top img{width: 140%;} .in03b_b::before{background: rgba(255,255,255,.4);} .in03b_b p{color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 25px;} .intitc strong{font-size: 40px;} .intitc span{margin-top: -30px;} .in05b li a span{display: none !important;} .foota{padding-left: 0px;border-left: none;} .footer{padding-bottom:3rem;} .ban{padding:20% 0;border-radius:0;} .com_a strong{font-size: 40px;} .companya .row{margin-left: 0px;margin-right: 0px;} .companyb .bd img{width: 200%;} .companyb .slideTxtBox .hd li .comb_b i{font-size: 22px;} .companyb .slideTxtBox .hd li .comb_b span{display: none;} .companyb .slideTxtBox .hd li .comb_b p{line-height: 25px;font-size: 12px;} .comc_c em{display: none;} .comd_a .swiper-slide span{line-height: 40px;font-size: 16px;} .hfonta i{font-size: 22px;} .locationa span{font-size: 16px;} .ptlocation span{width: 30%;font-size: 16px;} .ptlocationa{width: 70%;} .footnav{display: block;} .plfonta i{display: none;} .ptit li a{font-size: 14px;} .ptit li a:hover{background: none;} .proc_b strong{font-size: 16px;} .proe_a{width: 100%;} .proe_a .code{width: 100%;} .newsfonta b{font-size: 50px;} .caseslist li:hover .cimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 1.5rem;} .cimga span i{font-size: 24px;} .lxwma{padding-top: 25%} .lxwmb_a .code{width: 100%;} .contita strong{font-size: 18px;} .proc_a:hover .proc_b strong{margin-top: -6%;} .proc_a:hover .proc_c em{line-height: 25px;} .in01b{background: #f2f3f5} .in01a .mySwiper .swiper-slide{ height: calc(100% / 5) !important; } .companyb{height: 450px;} } @media (min-width: 768px) and (max-width:992px) { .topa img{float: left;max-width: 60%;} .banner{border-radius: 0 0 40px 0;} .intita strong{font-size: 40px;} .intita span{margin-top: -30px;} .in01c{width: 100% !important;} .in01a .mySwiper2{width: 100% !important;} .in01a .mySwiper{height: 200px;} .in02a span strong{font-size: 32px;} .in02b {border-radius: 20px 0 20px 0;} .in02b_a b{font-size: 50px;} .in03aa i{height: auto !important;} .in03b_a{display: none;} .in03aa{padding-left: 2%;} .in03a .gallery-top .in03b{width: 60%;} .in03aa span{font-size: 18px;} .in05b li a span{display: none !important;} .foota{padding-left: 0px;border-left: none;} .ban{padding:16% 0;border-radius:0;} .com_a strong{font-size: 40px;} .companya .row{margin-left: 0px;margin-right: 0px;} .companyb .bd img{width: 200%;} .companyb .slideTxtBox .hd li .comb_b i{font-size: 22px;} .companyb .slideTxtBox .hd li .comb_b span{display: none;} .companyb .slideTxtBox .hd li .comb_b p{line-height: 25px;font-size: 12px;} .comd_a .swiper-slide span{line-height: 40px;font-size: 16px;} .hfonta i{font-size: 22px;} .locationa span{font-size: 16px;} .ptlocation span{width: 30%;font-size: 16px;} .ptlocationa{width: 70%;} .plfonta i{display: none;} .ptit li a{font-size: 14px;} .ptit li a:hover{background: none;} .proc_b i{font-size: 40px;line-height: 40px;height: 40px;} .proc_b strong{font-size: 16px;line-height: 30px;} .proc_a .proc_b p{font-size: 13px;line-height: 45px;} .proe_a{width: 100%;} .proe_a .code{width: 100%;} .newsfonta b{font-size: 50px;} .caseslist li:hover .cimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 1.5rem;} .cimga span i{font-size: 24px;} .lxwma{padding-top: 15%} .lxwmb_a .code{width: 100%;} .proa_ba p{font-size: 20px;} .proc_a:hover .proc_c em{display: none;} .MagnifierMain i{zoom:.7;} .in01b_a span{font-size: 22px;} .in01a .mySwiper .swiper-slide{line-height: 50px} .companyb{height: 560px;} } @media (min-width: 992px) and (max-width:1200px) { .banner{border-radius: 0 0 40px 0;} .in01b_a span{font-size: 18px;line-height: 30px;} .in02b_a b{font-size:90px;} .in02b_a p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .in03aa i{height: auto !important;} .in03b_a{display: none;} .in03a .gallery-top .in03b{width: 60%;} .footaa{display: none !important;} .com_a strong{font-size: 70px;} .lxwma{padding-top: 15%;} .proc_a:hover .proc_b i{margin-top: -15%;} .proc_b strong{font-size: 22px;line-height: 35px;} .proc_a:hover .proc_b p{font-size: 14px;} .proc_c em{line-height: 25px;} .intitb strong{font-size: 22px} .in01a .mySwiper{height: 280px;} .ptit li a{font-size: 15px;} .companyb{height: auto;} .topb li b{font-size: 16px} } @media (min-width: 1200px) and (max-width:1500px) { .in03a .gallery-top .in03b{width: 64%;} .in03b_b{margin-top: 4%;} } @media (min-width: 1200px) { .container{max-width: 1400px ;} .top .container{max-width: 1600px ;} } @media (max-width:1400px) { .online_kefu{display: none !important;} } .protype{ display: none; justify-content: center; flex-wrap: wrap; } .protype .list{ width: 33.33%; text-align:center; margin-top: 7%; } .protype .list .icon{ width: 95px; height: 95px; background: #f2f3f5; border-radius: 100%; position: relative; margin:0 auto; } .protype .list .icon img{ position: absolute; max-width: 80%; max-height: 80%; left:0; right:0; top:0; bottom:0; margin:auto; } .protype .list .title{ font-size: 13px; font-weight: bold; margin-top: 10px; } .comtitlesec{ display: none; } @media (max-width:768px){ .in01c { display: none; } .protype{ display: flex; } .in02c{ display: none; } .comtitlefir{ display: none; } .comtitlesec{ display: block; } .in_05{ display: none; } }