@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;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} input {vertical-align: middle;} textarea {resize: none;} ul {list-style: none;} img, {display: block;} a{color: #444;text-decoration: none;} a:hover{color: #444;text-decoration: none;} i, em {font-style: normal;} p{margin-bottom: 0px;} /*input placeholder 样式 */ ::-webkit-input-placeholder {color: #999999;} :-moz-placeholder {color: #999999;} ::-moz-placeholder {color: #999999;} :-ms-input-placeholder {color: #999999;} /*修改滚动?/ ::-webkit-scrollbar{width:6px;height:6px ;} ::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;} ::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;} /* 无内?*/ @media (max-width: 576px) { .top{padding: 3% 0 !important;} .top .col-10{padding-left: 0.5% !important;padding-right: 0.5% !important;} .intita span{font-size: 20px !important;} .intitb span{font-size: 20px !important;} .intitb{padding-bottom: 4%;} .intitb p{letter-spacing: 0px !important;} .intitc{padding-bottom: 4%;} .intitc span{font-size: 20px !important;} .intitc p{letter-spacing: 0px !important;} .search{width: 80% !important;} .in01ab img{width: 100px !important;} .in01a .col{padding-left: 0.5% !important;padding-right: 0.5% !important; } .in_02{padding: 4% 0 !important;} .infonta span{font-size: 14px !important;} .in03b {left:6% !important;} .in03b img{width: 94% !important} .in03a .swiper-button-next,.in03a .swiper-button-prev{top:60% !important;} .in_03 .swiper-slide{margin-top: 10%;} .in_03 .swiper-slide img{max-width: 150%;} .in03c strong{font-size: 20px !important;} .in04a span{font-size: 30px !important;line-height:40px !important;} .in04a p{font-size: 20px !important;} .in04c strong{font-size: 20px !important;} .in04c{width: 100% !important;} .intitd span em{font-size: 30px !important;} .intitd span{font-size: 20px !important;} .footer{padding-bottom: 12%;} .footaab{padding-bottom: 4%;} .topa a{float: left;width: 50%;margin-top: 5px;} .topa a img{width: 100%;} .topa span{font-size: 14px !important;} .topa p{font-size: 12px !important;} .ban{background-size: 148% !important;height:140px !important;} .location .col{padding-left: 0.5% !important;padding-right: 0.5% !important;} .locationa{text-align: left !important;} .locationa em{float: left !important;} .locationa{border-top: 1px solid #e8e8e8;} .productaa{bottom: 3px !important;} .proaa{margin-top: 4%;} #hxys .swiper-slide{height: 200px !important;} .comtit strong{font-size: 34px !important;} .comtit{margin-bottom: 4% !important;} .companyc li{margin-bottom: 4%;} .in_02 .row{margin-left: 0px !important;margin-right: 0px !important;} .location .row{margin-left: 0px !important;margin-right: 0px !important;} .companyc .row{margin-left: 0px !important;margin-right: 0px !important;} .companyc .col-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist .row{margin-left: 0px !important;margin-right: 0px !important;} .honorlist .col-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist .row{margin-left: 0px !important;margin-right: 0px !important;} .contactc .code{width: 90% !important;} .in02a .col-6:nth-of-type(9){display: none;} .ptit strong{font-size: 62px !important;} .ptit span{font-size: 26px !important;} .ptit i{margin-top: -16% !important;} .procb li em{font-size: 30px !important;} .procb li span{font-size: 16px !important;} .procb li p{font-size: 12px !important;} .ptita strong{font-size: 62px !important;} .ptita span{font-size: 26px !important;} .ptita i{margin-top: -16% !important;} .ban span{font-size: 14px !important;line-height: 30px !important} .ban span b{font-size: 18px !important;} .ban p{font-size: 14px !important;line-height: 30px !important} .bana {padding-top: 4%;} } @media (min-width: 768px) { .in04c{width: 100% !important;} .location .col{padding-left: 0.5% !important;padding-right: 0.5% !important;} /*.locationa{text-align: left !important;} .locationa em{float: left !important;} .locationa{border-top: 1px solid #e8e8e8;}*/ } @media (max-width: 1024px) { .in02a .col-6:nth-of-type(9){display: none;} .in03b{left:6% !important;} .in03a .swiper-button-next,.in03a .swiper-button-prev{top:60% !important;} .in_03 .swiper-slide{margin-top: 10%;} .in_03 .swiper-slide img{max-width: 150%;} #hxys .swiper-slide{height: 300px !important;} } @media (min-width: 992px) { } @media (min-width: 1200px) { .container{max-width: 1300px;} .top .container{max-width: 1700px;} .container{max-width: 1400px;} .menu li a{font-size: 16px;} } #dituContent label {max-width: unset!important;text-align: center;} /*top*/ .top{padding: 1% 0;border-bottom: 1px solid #bbbfc2;z-index: 5;top:0;width: 100%;background: #fff;position: relative;} .menu{margin-top: 1.5%;} .menu .col{padding-left: 0px !important;padding-right: 0px !important;} .menu li{position: relative; text-align: center;height: 100%;} .menu li::after{position: absolute;content: "";width: 0px;height: 4px;left:0; background: #23569e;bottom: -35px;transition:.4s;} .menu li:hover::after{width: 100%;} .menu li.active::after{width: 100%;} .menu li.active i{margin-top: 0px;} .menu li:hover i{margin-top: 0px;} .menu li a{display: block;position: relative;height: 30px;line-height: 30px; overflow: hidden; } .menu li i{display: block;font-family: Arial; text-transform: uppercase;font-size: 13px;font-style: normal;font-weight: bold;margin-top: -30px;transition:.4s;color: #04287e;} .toptel{height: auto;overflow: hidden;background: url(../images/toptel.png) left no-repeat;padding-left:40px;} .toptel span{display: block;color: #777;font-size:12px;line-height: 25px; } .toptel p{font-size: 26px;line-height: 30px;color: #04287e;} .topa a{float: left;margin-right: 10px;border-right: 1px solid #cfcfcf;padding-right: 10px;} .topa span{display: block;font-size: 18px;line-height: 30px;color: #23569e;font-weight: bold;} .topa p{color: #777;} .mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;} .mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;} .mobmenu .aligncontent-center {text-align: center;} .mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;} .mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 0;} .mobmenu .menu-left {float: left;} .mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;} .mobmenu .menu-button i{font-size: 30px;color:#0a7ee0} .mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);} .mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);} .mobmenu .sidebar ul{padding:10%;} .mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;} .mobmenu .sidebar li i{color: #666;font-size: 18px;} .mobmenu .sidebar li a:hover{color: #04287e;} /*首页大图*/ .banner {position: relative;height: auto !important;z-index: 1} .banner .swiper-wrapper{height: auto !important;} .banner #bannerSwiper {height: auto !important;} .banner .swiper-slide {position: relative;height: auto !important;float: left;} .banner .swiper-slide a{display:block;width:100%;height: auto !important;} .banner .swiper-slide a img{ width: 100%; height: auto;} .banner .swiper-pagination {position: absolute;font-size:0;left: 0;height: 10px;text-align: center;bottom: 13px;width: 100%;z-index: 9999;} .banner .swiper-pagination .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 50%;border:2px solid #fff;opacity: 0.6;margin: 0 5px;cursor: pointer;} .banner .swiper-pagination .swiper-active-switch {background: #fff;opacity: 1;} .banner .swiper-pagination-bullet{width: 90px;height: 2px;border-radius: 0px;background: rgba(4,40,126,0.8);} /*index_01*/ .in_01{height: auto;overflow: hidden;padding: 2% 0;} .intita{height: auto;overflow: hidden;text-align: center;} .intita span{display: block;margin:0 auto;font-size: 30px;font-weight: 100;line-height: 40px;} .search{position: relative; height: auto;overflow: hidden; margin: 15px auto;width: 40%;} .search #search_name{ width: 100%; height: 50px; line-height: 50px;float: left;border:solid 1px #cccccb;border-radius:60px; outline: none;font-size: 12px;text-indent:10px;} .search #button{position: absolute;right:5px;top:5px; width: 40px; height: 40px; line-height: 40px; background:url(../images/fdj.png) center no-repeat #04287e;border-radius: 60px;cursor: pointer;color: #fff;text-align: center; border:none;outline: none; transition: 0.3s;} .search #button:hover{ background:url(../images/fdj.png) center no-repeat #333;} .in01a{height: auto;overflow: hidden;margin-top: 2%;} .in01aa{height: auto;overflow: hidden; background: url(../images/in01aa.jpg) center top no-repeat; /* padding-bottom: 8%;margin-bottom: 10%; */ transition:.4s;} .in01aa span{position: relative;display: block;text-align: center; line-height: 50px;border-bottom: 1px dashed #e8e8e8;font-size: 16px; /* margin-bottom: 8%; */ font-weight: bold;transition:.4s;} .in01aa span::before{position: absolute;content: "";left:0;width: 0px;height: 2px;background: #ddd;transition: all 1s ease;z-index: 1} .in01ab{position: relative; height: auto;overflow: hidden;} .in01ab img{float: right;width:113px;transition:.4s;} .in01ab i{position: absolute;left:10px;bottom: 10px; display: block;width: 46px;height: 40px;background: url(../images/tipa.png)center no-repeat;transition:.4s;} .in01aa:hover{box-shadow: #dedede 0 5px 10px;} .in01aa:hover i{background: url(../images/tipb.png)center no-repeat;} .in01aa:hover span::before{width: 100%;} .in01aa:hover img{transform: scale(0.9)} /*index_02*/ .in_02{height: auto;overflow: hidden;padding: 2% 0;background: url(../images/in02bg.jpg) center top no-repeat #f6f7fc;} .intitb{height: auto;overflow: hidden;text-align: center;color: #fff;margin-bottom: 2%;} .intitb span{display: block;font-size: 32px;line-height: 45px;letter-spacing: 2px;} .intitb p{line-height: 40px;letter-spacing: 1px;color: #d3d7e3;} .intitb i{display: block; background: url(../images/linea.png) center no-repeat;height: 3px;margin-top: 5px;} .in02a{height: auto;overflow: hidden;} .in02a .col-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in02a li{position: relative;height: auto;overflow: hidden; background: #fff;margin-bottom: 4%;} .in02a li img{display: block;max-width: 100%;} .in02a li:hover .inp_a{top:5px;} .in02a li:hover .inp_b{bottom:0;} .in02a li:hover .phover::before{height: 100%;} .in02a li:hover .phover::after{height: 100%;} .in02a li:hover a::before{width: 120%;} .infonta{height: auto;overflow: hidden;margin:0 2%; border-top: 1px solid #e8e8e8;padding-top: 2%;} .infonta span{float: left; display: block;line-height: 50px;font-size: 16px;} .infonta span em{display: block;width: 60px;border-top: 3px solid #04287e} .infonta i{display: block;float: right;width: 46px;height: 40px;background: url(../images/tipb.png)center no-repeat;} .phover{position: absolute;height: 100%;width: 100%; z-index: 8;} .phover::before{position: absolute;content: "";left:0;top:0;height:0px;width:6px;z-index: 6;background: #35363b;transition: all 1s ease} .phover::after{position: absolute;content: "";right:0;top:0;height:0px;width:6px;z-index: 6;background: #35363b;transition: all 1s ease} .in02a li a{position: relative; display: block;} .in02a li a::before{position: absolute;content: "";left:0;top:0;height: 6px;width: 0px;z-index: 6;background: #35363b;transition: all 1s ease} .inp_a{position: absolute; top:-60px;left:0;transition: all 1s ease} .inp_a img{width: 70%;} .inp_b{position: absolute; bottom:-100px;left:0;transition: all 1s ease} .inp_b img{width: 100%;} .inp_b i{position: absolute;bottom: 60px;width: 100px;line-height: 40px;background: #ff8b19;right:0;border-radius: 50px 0 0 50px;text-align: center;font-size: 18px;font-weight: bold;} /*index_03*/ .in_03{height: auto;overflow: hidden;padding: 2% 0;} .intitc{height: auto;overflow: hidden;text-align: center;margin-bottom: 2%;} .intitc span{display: block;font-size: 32px;line-height: 45px;letter-spacing: 2px;} .intitc span em{color: #04287e;font-style: normal;} .intitc p{line-height: 40px;letter-spacing: 1px;color: #777;} .intitc i{display: block; background: url(../images/linea.png) center no-repeat;height: 3px;margin-top: 5px;} .in03a strong{position: absolute;z-index: 1;font-size: 200px;text-transform: uppercase;color: #f2f3f7;top:10%;} .in03b{position: absolute;z-index: 1;left:26%;} .in03b img{display: block;max-width: 100%;} .in_03 .swiper-slide {text-align: center;padding: 6% 0; /* Center slide text vertically */ 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: 600ms; transform: scale(0.4); } .in_03 .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1); } .in_03 .swiper-button-next::after{display: none; } .in_03 .swiper-button-prev::after{display: none;} .in_03 .swiper-button-prev, .in_03 .swiper-container-rtl .in_03 .swiper-button-next{left:25%;} .in_03 .swiper-button-next, .in_03 .swiper-container-rtl .in_03 .swiper-button-prev{right:25%;} .in_03 .swiper-button-next .in_03 .swiper-button-prev .in_03 .swiper-button-next:hover{background:#ff8a00;} .in_03 .swiper-button-prev:hover{background:#ff8a00;} .in03c{height: auto;overflow: hidden;text-align: center;margin-top: -6%;z-index: 8;position: relative;} .in03c strong{display: block;font-size: 24px;color: #04287e;line-height: 60px;} .in03c p{line-height: 30px;} .in03c a{display: block;width: 140px;line-height: 40px;background: #04287e;text-align: center;color: #fff;margin:2% auto 0 auto;transition:.4s} .in03c a:hover{background: #ff8a00;} .sa{height: auto;overflow: hidden;margin: 2% 0;} .sa span{display: block;line-height: 40px;} /*index_04*/ .in_04{height: auto;overflow: hidden;padding: 2% 0;background: #f6f7fc;} .in04a{height: auto;overflow: hidden;margin-bottom: 2%;} .in_04 .row{position: relative;} .in_04 .row img{max-width: 100%;} .in_04 .row::before{position: absolute;z-index: 6; left:0;top:0px;height: 170px;width: 5px;background: #04287e;} .in04a span{display: block;font-size: 86px;line-height: 100px;text-transform: uppercase;color: #e5e6ec;} .in04a p{font-size: 32px;line-height: 60px;} .in04b{height: auto;overflow: hidden;margin: 4% 0;} .in04b p{line-height: 30px;color: #777;} .in04c{background: #04287e;width: 105%;padding: 4% 4% 6% 4%;color: #fff;} .in04c p{line-height: 30px;} .in04c strong{display: block; font-size: 24px;line-height: 40px;margin-bottom: 4%;} .in04c span{float: right;width: 50px;line-height: 50px;height: 50px;background: #fff;text-align: center;} .in04c span i{font-size: 32px;color: #04287e;} .in04d{text-align: right;} .in04d a{float:right; display: block;width: 80px;border:1px solid #ddd;line-height:30px;margin-top: 4%;text-align: center;font-size: 12px;color: #777;transition: all 1s ease} .in04d a:hover{background: #04287e;color: #fff;} .in04d a b{font-family: -webkit-pictograph;text-align: center;} .in04d a i{font-size: 12px;} .in04d p{clear: both;line-height: 50px;font-family: cursive;font-weight: bold;color: #777;} /*index_05*/ .in_05{height: auto;overflow: hidden;padding: 2% 0;} .prolist{height: auto;overflow: hidden;margin-top: 2%;} .prolist{height: auto;overflow: hidden;margin:2% 0;} .prolist li{height: auto;overflow: hidden;margin-bottom: 4%;border: 1px solid #c5c5c5;} .prolist li:hover img{transform:scale(1.05,1.05);} .prolist li:hover .pimga b{background: rgba(0,0,0,0.5);} .prolist li:hover strong i{width: 100px;} .prolist li:hover .pfontp span{color: #04287e;} .prolist li:hover .pfontp strong b{color: #04287e;} .prolist li img{display: block;width: 100%;transition:all 0.6s ease 0s;} .pfontp{height: auto;overflow: hidden;margin:4% 4% 0 4%;} .pfontp span{display: block;font-size: 16px;line-height: 30px;} .pfontp p{line-height: 30px;color: #777;border-bottom: 1px solid #ccc;font-size: 13px;padding-bottom: 2%;} .pfontp strong{display: block;line-height: 50px;height: 50px;overflow: hidden; font-weight: normal;margin-top: 2%;color: #777;} .pfontp strong i{float: left;width: 60px;height: 3px;background: #04287e;margin-top: 22px;transition: all 1s ease} .pfontp strong b{float: right;font-weight: normal;} .pimga{width: 100%;height: 279px;overflow: hidden;position: relative;} .pimga b{position: absolute;z-index: 88;background: rgba(0,0,0,0);width: 100%;height: 100%;transition:.4s;} /*index_06*/ .in_06{height: auto;overflow: hidden;padding: 2% 0;background: #f6f7fc;} .intitd{height: auto;overflow: hidden;line-height: 100px;} .intitd span{float: left;font-size: 30px;} .intitd span em{font-size: 90px;text-transform: uppercase;color: #e5e6ec;} .intitd b{float: right;font-weight: normal;color: #777;} .in06a{height: auto;overflow: hidden;background: #fff;padding: 2%;} .in06a li{position: relative; line-height: 50px;height: 50px;border-bottom: 1px dashed #ccc;;padding: 0 2%;transition: .4s} .in06a li:after{position: absolute;content: "";width: 0px;background: #04287e;left:0; bottom: -1px; height: 2px;transition:.4s} .in06a li:hover a{color: #04287e;} .in06a li:hover:after{width: 100%;} .in06a li a{display: block;} .intite{height: auto;overflow: hidden;margin-bottom: 2%;line-height: 45px;border-bottom: 1px solid #e8e8e8;} .intite span{float: left;font-size: 16px;} .intite span i{font-size:26px;} .intite a{float: right;} .intite a i{opacity: 0;color: #ff8a00;transition: .4s} .intite a:hover i{opacity: 1;} .intite a:hover{color: #ff8a00;} /*脚步*/ .footer{height: auto;overflow: hidden;background: #282828;color: #6a6a6a;padding-top: 40px; } .foota{height: auto;overflow: hidden; } .foota li{line-height: 30px; } .foota li a{display: block;color: #6a6a6a;transition:.4s;} .foota li:hover a{color: #fff;} .foottit{line-height: 50px;font-size: 18px;color:#dadada;margin-bottom: 20px;} .foottit i{display: block;width: 30px;height: 2px;background: #dadada;} .footb{line-height: 80px;color: #aaaaaa;border-top: 1px dashed #545454;} .footb a{color: #6a6a6a;transition:.4s;} .footb a:hover{color: #fff;} .footaa{height: auto;overflow: hidden;text-align: center;margin:20px 0;} .footlogo {float: left;max-width: 100%;margin-right: 4%;} .ewm{height: auto;overflow: hidden;} .ewm span{display: block;line-height: 35px;} .footc{height: auto;overflow: hidden;line-height: 30px;margin-top: 4%;} .footc span{display: block;float: left;width: 100px;color: #dadada;} .footc a{transition:.4s;color: #6a6a6a;} .footc a:hover{color: #fff;} .footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#2e3269;color:#fff;z-index: 888;} .footnav li{float: left;text-align: center; color: #fff;} .footnav li a{display: block;} .footnav li:nth-of-type(1){width: 15%;} .footnav li:nth-of-type(1) a{border-right: 1px solid #242a81;} .footnav li:nth-of-type(2){width: 15%;} .footnav li:nth-of-type(2) a{border-right: 1px solid #242a81;} .footnav li:nth-of-type(3){background: #444;width: 35%;} .footnav li:nth-of-type(3) a{border-right: 1px solid #222;} .footnav li:nth-of-type(4){background: #444;width: 35%;} .footnav li i{font-size: 20px;} .footnav li span{display: block;line-height: 25px;} .footnav li a{display: block; color: #fff !important;padding-top:4%;} .footnav li a:hover{color: #ffb40b} .kefu{position: fixed;right:10px;bottom:20%;z-index: 888;} .kefu li{position: relative; height: 60px;width: 40px;text-align: center;} .kefu li:hover i{color: #04287e} .kefu li:nth-of-type(1){height: 65px;} .kefu li:nth-of-type(1)::after{position: absolute;content: "";height: 25px;width: 1px;background:#ff8a00; bottom:7px;left:45%;} .kefu li:nth-of-type(2)::after{position: absolute;content: "";height: 25px;width: 1px;background:#ff8a00; bottom:0;left:45%;} .kefu li:nth-of-type(3)::after{position: absolute;content: "";height: 25px;width: 1px;background:#ff8a00; bottom:0;left:45%;} .kefu li i{font-size: 22px;color: #ff8a00;height: 80px;margin: 0 auto;transition:.4s;} .sewm {position: relative;right:135px;top:0;display: none;} .kefua:hover .sewm{display: block;} .gotop i{font-family: impact;cursor: pointer;} /*?/ .ban{height: 480px;overflow: hidden;background: url(../images/ban.png) center no-repeat;} .ban span{display: block;margin-top: 20%;font-size: 42px;line-height: 50px;color: #666666;font-weight: 600;} .ban span b{font-family: impact;font-size: 60px;color: #e95f0c;} .ban p{font-size: 36px;font-weight: 100;color: #04287e;line-height: 70px;} .ban b{font-weight: normal;} .ban b i{display: block;width: 100px;border: 1px solid #818181;color: #888;margin-bottom: 2%;border-radius: 60px;margin-right: 2%; line-height: 30px;float: left;text-align: center;} .bana{text-align: right;} .bana img{max-width: 100%;} .location{height: auto;line-height: 50px;border-bottom: 1px solid #e8e8e8;} .locationb a{display: block; position: relative; transition:.4s;} .locationb a::before{position: absolute;content: "";width: 0px;height: 2px;background: #fff;left:0px;bottom:0;transition:.4s;} .locationb a:hover{color: #23569e;} .locationb a:hover::before{background: #23569e;width: 55px;} .locationa{text-align: right;color: #777;} .locationa a {color: #777;transition:.4s;} .locationa a:hover {color: #23569e;} .locationa em {float: right;width: 50px;border-right: 1px solid #c1c1c1;text-align: center;margin-right: 2%;} .locationa span {float: right;} .locationa i {color: #23569e;font-size: 18px;} /*content_product*/ .producta{height: auto;overflow: hidden;padding: 2% 0;background: #f6f7fc;} .productc{height: auto;overflow: hidden;position: relative;margin-bottom: 2%;} .productc img{display: block;max-width: 100%;max-height: 100%; position: relative;z-index: 1;} .productaa{position: absolute;bottom: 30px; z-index: 5;padding: 0 10%;color: #fff;} .productaa span{display: block;font-size: 22px;line-height: 40px;} .productaa i{display: block;width: 60px;border-top: 3px solid #fff;margin:2% 0;} .productaa p{line-height: 30px;} .ptit{height: auto;overflow: hidden;position: relative;text-align: center;margin:2% 0;} .ptit strong{display: block;font-size: 100px;color: #f5f5f5;text-transform: uppercase;} .ptit span{display: block;font-size:48px;font-weight: bold; } .ptit i{display: block;text-transform: uppercase;margin-top: -10%;font-size: 16px;} .ptit p{line-height: 25px;} .procb{height: auto;overflow: hidden;background: #191c23;margin-top: 2%;padding: 4%;} .procb li{position: relative; float: left;width: 33.3%;text-align: center;color: #fff;margin-bottom: 4%;} .procb li:nth-of-type(3n+0)::after{height: 0px;} .procb li::after{position: absolute;content: "";height: 80%;top:20%;right:0; width: 1px;background: #fff;} .procb li span{display: block;font-size: 30px;line-height: 40px;} .procb li p{text-transform: uppercase;margin-bottom: 4%;line-height: 25px;} .procb li i{display: block;width: 60px;background: #ff8b19;height: 5px;border-radius: 3px;margin:0 auto;} .procb li em{font-size: 70px;} .procc{height: auto;overflow: hidden;background: #f1f1f1;margin-top: 2%;} .procc img{display: block;max-width: 100%;margin:0 auto;} .ptita{height: auto;overflow: hidden;position: relative;text-align: center;margin:2% 0;} .ptita strong{display: block;font-size: 100px;color: #e5e5e5;text-transform: uppercase;} .ptita span{display: block;font-size:48px;font-weight: bold; } .ptita i{display: block;text-transform: uppercase;margin-top: -10%;font-size: 16px;} .ptita p{line-height: 25px;} .procdaa{position: relative;} .procda span{display: block;position: absolute;right:4%;top:4%;color: #fff;font-size: 22px;} .procda img{display: block;max-width: 100%;} .procdba{position: relative;} .procdb span{display: block;position: absolute;right:4%;top:4%;color: #fff;font-size: 22px;} .procdb img{display: block;max-width: 100%;} .procdba:hover .procea{opacity: 1;bottom:0;} /*.proce{height: auto;overflow: hidden;background: #f1f1f1;padding: 4%;} .proce li{position: relative; height: auto;overflow: hidden;;text-align: center;} .proce li:hover .procea{background:rgba(255,255,255,1);box-shadow: rgba(0,0,0,0.3) 0 5px 10px;} .proce li:hover img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;} .proce li img{display: block;max-width: 100%;transition:.4s;}*/ .procea {position: absolute;bottom: 0;opacity: 0;height: 120px;bottom: -4%;overflow: hidden;background:rgba(0,0,0,0.8);margin:4%;padding: 2%; transition:.4s;} .procea span{display: block;line-height: 35px;} .procea p{line-height: 30px;color: #fff;font-size: 15px;font-weight: 100;} .proce .col-lg-6{padding-left: 0px;padding-right: 0px;} .companya{height: auto;overflow: hidden;padding: 2.5rem 0;background: #f6f7fc;} .comtit{height: auto;overflow: hidden;position: relative;text-align: center;margin-bottom: 1%;} .comtit strong{display: block; font-size: 60px;color: #e9ebf1;text-transform: uppercase;} .comtit span{display: block;font-size: 24px;line-height: 50px;margin-top: -60px;} .comtit i{display: block;border-top: 4px solid #04287e;margin:1% auto;width: 40px;} .comtit em{font-weight: normal;font-size: 30px;} .companyaa p{color: #777;line-height: 30px;} .companyaa img{max-width: 100%;} .companyb {height: auto;overflow: hidden;padding: 2.5rem 0;} #hxys{position: relative;z-index: 1;} #hxys .swiper-container {width: 100%;height: 100%;} #hxys .swiper-slide:hover .tit{background: rgba(0,0,0,0.8)} #hxys .swiper-slide {text-align: center;height: 499px;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); } #hxys .swiper-slide-active,.swiper-slide-duplicate-active{ background: #fff;position: relative;} #hxys .swiper-slide-prev{ left: -15%; background: #000; } #hxys .swiper-slide-next{ right: -15%; background: #000; } #hxys .swiper-slide img{ width: 100%; height: 499px; opacity: 0.3;} #hxys .swiper-slide-active img,.swiper-slide-duplicate-active img{ opacity: 1; width: 100%; height: auto ; transform: scale(2);} #hxys .swiper-container .swiper-button-next{ right: 10%; top: 60%; outline: none; width: 46px; height: 50px;} #hxys .swiper-container .swiper-button-prev{ left: 10%; top: 60%; outline: none;width: 46px; height: 50px;} #hxys .swiper-container .swiper-pagination{ border-bottom: 1px solid #e6e6e6; border-top:1px solid #e6e6e6; bottom: auto; top: 0; height: 55px;} #hxys .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 15%; height: 55px;border-radius: 0 ; opacity: 1; outline: none;position: relative;} #hxys .swiper-container .swiper-pagination .swiper-pagination-bullet:nth-of-type(1)::before{position: absolute;z-index: 888;content:"自动清理pȝ";top:0;} .swiper-pagination-bullet{background: #13956b ;} #hxys .swiper-slide .tit{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.4); height: 50px;line-height: 50px; color: #fff; z-index: 999; opacity: 0;} #hxys .swiper-slide-active .tit,.swiper-slide-duplicate-active .tit{ position: absolute;width: 200%; overflow: hidden;transition:.4s; left: -50%; bottom: 0;background: rgba(0,0,0,0.4);z-index: 999; opacity: 1; height: auto;} @media screen and (max-width:768px){ #hxys .swiper-slide-active .tit,.swiper-slide-duplicate-active .tit{ width: 100%; left: 0;} } @media screen and (max-width:768px){ #hxys .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 22%; background-size: 100%;} #hxys .swiper-container .swiper-pagination .swiper-pagination-bullet:nth-of-type(2){ background-size: 100%;} #hxys .swiper-container .swiper-pagination .swiper-pagination-bullet:nth-of-type(3){ background-size: 100%;} #hxys .swiper-container .swiper-pagination .swiper-pagination-bullet:nth-of-type(4){ background-size: 100%;} #hxys .tit{ padding: 2% ; background: #26365a ;} #hxys .tit .left{ width: 100%; border: none;} } .companyc{height: auto;overflow: hidden;padding: 2.5rem 0;background: #f6f7fc;} /*.in04a{height: 260px;}*/ .companyc li{height: auto;overflow: hidden;border: 1px solid #ccc; position: relative;} .companyc li span{display: block;line-height: 50px;color: #777;} .companyc li span em{margin-left: 3%;color: #04287e} .companyc li img{max-width: 100%;} .companyc li:hover .infontb{background: rgba(4,40,126,0.8);opacity: 1;margin-left: 0px;} .infontb{position: absolute;z-index: 88;left: 0;top:0;padding: 8%;background: rgba(4,40,126,0);margin-left:30px; width: 100%;height: 100%;color: #fff;opacity: 0;transition:.4s;} .infontba{padding: 8%;width: 100%;height: 100%;color: #fff;border: 1px solid #d0d0d0;} .infontba span{color: #fff !important;} .infontba i{display: block;width: 30px;border-top: 2px solid #ffb806;margin:3% 0;} .infontba p{line-height: 30px;} .more{line-height: 60px;text-align: center;text-transform: uppercase;} .more a{display: block;transition:.4s;font-family: -webkit-pictograph;} .more a:hover{color: #ff8a00} /*content_public*/ .public{background: #f6f7fc;height: auto;overflow: hidden;padding: 2% 0;} .content{line-height: 30px;} .content img{display: block;max-width: 100%;margin:0 auto;} .content p{color: #777;} .de-page-mian{height: auto;overflow: hidden;padding: 2% 0;} /*招聘*/ .jobs{height: auto;overflow: hidden;margin:2% auto;background: #f6f6f6;} .joba{height: auto;overflow: hidden;padding: 4% 0;} .joba img{display: block;max-width: 100%;} #jobs_title{padding:0;background: #464650;color: #fff;font-size: 14px;height: 54px;line-height: 54px; text-align: center;} .inner_contact_02 .td1{width: 24.33%;float: left; text-align: center;} .inner_contact_02 .td2{width: 21.33%;float: left; text-align: center;} .inner_contact_02 .td3{width: 21.91%;float: left; text-align: center;} .inner_contact_02 .td4{width: 17.41%;float: left; text-align: center;} .inner_contact_02 .td5{width: 15%;float: left; text-align: center;} .inner_contact_02 .td5 a{color: #fa331c;font-size: 14px;} #jobs_ul{padding:0 0 73px;} #jobs_ul li{width: 100%;} #jobs_ul li .jobs_title{font-size: 14px; line-height: 50px;height: auto;overflow: hidden; color: #777;border-bottom: solid 1px #efefef;} #jobs_ul li .jobs_box{height: auto;overflow: hidden; padding:2%;background: #f5f5f5;position: relative;display: none;} #jobs_ul li .jobs_box .info1 {height: auto;overflow: hidden;border-bottom: 1px solid #e5e5e5;} #jobs_ul li .jobs_box .info1 p {float: left;font-size: 14px;color: #333333;line-height: 40px;min-width: 24%;} #jobs_ul li .jobs_box .info2 {height: auto;overflow: hidden;border-bottom: 1px solid #e5e5e5;padding: 14px 0 22px;} #jobs_ul li .jobs_box .info2 h3 {font-size: 18px;color: #333333;line-height: 3;font-weight: normal;} #jobs_ul li .jobs_box .info2 p {font-size: 14px;color: #777777;line-height: 2.5;margin-bottom: 0px;} #jobs_ul li .jobs_box .info2 .fl {width: 50%;float: left;} #jobs_ul li .jobs_box .info2 .fr {width: 43.5%;float: right;} #jobs_ul li .jobs_box .info2 .fl .info-box {border-right: 1px solid #e5e5e5;padding-right: 7%;} #jobs_ul li .jobs_box .info3 {margin-top: 31px;} #jobs_ul li .jobs_box .info3 .apply_btn {width: 151px;height: 41px;line-height: 41px;background: #f91747;font-size: 16px;color: #ffffff;float: left;text-align: center;} #jobs_ul li .jobs_box .info3 .apply_btn:hover {opacity: 0.6;} #jobs_ul li .jobs_box .info3 .all {float: right;font-size: 14px;color: #777777;height: 41px;line-height: 41px;padding-left: 30px;background: url(../images/all_ico.png) no-repeat 0 center;} #jobs_ul li .jobs_box i {position: absolute;left: 18px;top: -12px;width: 0;height: 0;border-width: 6px;border-style: solid;border-color: transparent transparent #f5f5f5;} /*荣誉*/ .honorlist{height: auto;overflow: hidden;padding: 2% 0;} .honorlist li{height: auto;overflow: hidden;margin-bottom: 4%;} .honorlist li a{display: block;position: relative;border: 1px solid #efefef;} .honorlist li img{display:block;height: auto;margin:0 auto; max-width: 100%;transition: all 1s ease;} .honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)} .honorlist li:hover .honorfonta{background: rgba(0,0,0,0.8);opacity: 0.8;bottom: 0;} .honorfonta{position: absolute;z-index: 88;bottom: -215px;width: 100%;color: #fff; height: 100%;padding-top: 30%; overflow: hidden;text-align: center;background: rgba(0,0,0,0);transition: .4s;} .honorfonta span{display: block; line-height: 30px;font-size: 15px;} .honorfonta i{font-size: 42px;} .caselist li img{max-width: 100%;} /*新闻*/ .newslist{height: auto;overflow: hidden;padding: 2% 0;} .newslist .col-lg-4{padding-right:0px;padding-left: 0px;} .newslist ul{margin-top:3%;border-top: 1px solid #f1f1f1;border-left: 1px solid #f1f1f1;} .newslist ul li{border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;transition: all 1s ease} .newslist ul li img{display: block;max-width: 100%;} .newslist ul li a{display: block;transition:.4s; } .newslist ul li:hover{background: #f6f6f6;box-shadow: rgba(0,0,0,0.3) 0px 6px 15px;} .newslist ul li:hover a{transform: translate3d(0,-10px,0)} .newslist ul li:hover strong{color: #04287e;} .newslist ul li:hover span{background: #04287e;color: #fff;} .infontc{padding: 4%;height: auto;overflow: hidden;} .infontc strong{display: block;font-size: 18px;line-height: 40px;transition:.4s;} .infontc em{display: block;border-top: 3px solid #c1c1c1;width: 60px;margin: 4% 0;} .infontc span{display: block;width: 80px;border:1px solid #ddd;line-height:30px;margin-top: 4%;text-align: center;font-size: 12px;color: #777;transition: all 1s ease} .infontc span b{font-family: -webkit-pictograph;text-align: center;} .infontc span i{font-size: 12px;} .infontc p{line-height: 30px;color: #777;transition:.4s;margin:10% 0;} /*新闻详情*/ .newsinfoa{height: auto;overflow: hidden;} .newsinfoa strong{display: block; text-align: center;font-size: 20px;margin-top: 40px; font-weight: bold;color: #4c4c4c;margin-bottom: 23px;line-height: 32px;} .meta{line-height: 35px;height: 35px;overflow: hidden;border: 1px solid #dbdbdb;border-width: 1px 0;font-size: 12px;color: #808080;text-align: center;} .newsaa {height: auto;overflow: hidden;} .newsaa img{display: block;margin:2% auto;max-width: 100%;} .newsaa p{line-height: 30px;} .newsinfob{padding: 2% 0;height: auto;overflow: hidden;} .newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;} .newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;padding: 15px;transition:.4s;} .newsinfob li:hover{background: #23569e;color: #fff;} .newsinfob li:hover span{color: #fff;} .newsinfob li:hover p{color: #fff;} .newsinfob li img{max-width: 100%;} .newsinfob li span{display: block;line-height: 25px;margin:10px 0;color: #666;} .newsinfob li p{line-height: 25px;color: #666;font-size: 13px;} #prev_next li{float: left;width: 50%;line-height: 35px;border-top: 1px solid #dbdbdb;padding-top: 2%;} #prev_next li a{transition:.4s;} #prev_next li:hover a{color: #23569e !important;} /*产品详情*/ .proinfo{height: auto;overflow: hidden;margin:2% 0;} .proa{height: auto;overflow: hidden;margin-bottom: 4%;background: #fff;padding: 2%;} .proaa{height: auto;overflow: hidden;} .proaa span{display: block;font-size: 30px;line-height: 40px;color: #04287e} .proaa p{line-height: 50px;color: #777;} .proaa p i{color: #ff8a00;font-size: 20px;} .proaab:hover p{opacity: 1;} .proaab p{float: left; opacity: 0;font-size: 22px;color: #04287e;transition:.4s;} .proaab p i{color: #04287e;font-size: 22px;} .proaab a{display: block;float: right; width: 120px;background: #ff8a00;line-height: 40px;text-align: center;color: #fff;border-radius: 2px;transition:.4s;} .proaab a:hover{background: #04287e;} .proab{height: auto;overflow: hidden;background: #f6f7fc;padding: 4%;} .proab i{font-style: normal;color: #04287e;font-size: 16px;} .proab p{line-height: 30px;color: #777;margin-bottom: 2%;} .proac{height: auto;overflow: hidden;} .proac ul{height: auto;overflow: hidden;margin-top: 2%;} .proac ul li:hover .profimg{border: 3px solid #ff8a00;} .proac ul li:hover .proad{border: 5px solid #ff8a00;} .proac p{line-height: 60px;border-bottom: 1px solid #e8e9eb;color: #777;font-size: 16px;} .proac p i{color: #ff8a00;font-size: 20px;} .profimg img{display: block;max-width: 100%;transition: all 1s ease;} .profimg{height: auto;overflow: hidden;position: relative;border: 3px solid #35363b;padding-bottom: 14%;transition:.4s} .prodc{position: absolute;top:0;left:0;width: 70%;} .prodd{position: absolute;bottom:0;left:0;} .proad{position: relative;height: auto;overflow: hidden; border: 5px solid #35363b;padding-bottom: 9%;transition:.4s} .proad img{display: block; max-width: 100%;} .proda{position: absolute;top:0;left:0;} .prodb{position: absolute;bottom:0;left:0;} .prob{position: relative;overflow: hidden;} .sidea{height: auto;overflow: hidden;border: 1px solid #eaeaea} .sidetita{height: 42px;background-color: #f6f6f6;color: #333;line-height: 42px;text-align: center;} .sideaa {background: #fff;height: auto;overflow: hidden;padding: 4%;} .s_c img{display: block; margin:4% auto 0 auto;} .s_a{padding: 10%;height: auto;overflow: hidden;} .s_a li{float: left;width: 50%;font-size: 12px;line-height: 20px;text-align: center;color: #777;} .ciona{background: url(../images/ciona.png) left center no-repeat #fff;color: #999;font-size: 13px;} .cionb{background: url(../images/cionb.png) left center no-repeat #fff;color: #999;font-size: 13px;} .s_b p{margin-top: 8%;line-height: 25px;font-size: 13px;text-align: center;color: #777;} .s_b .form-tr{margin-top: 3%;} .s_b input {display: block;width: 100%;padding-left:10%;height: 50px;line-height: 50px;border: 1px solid #d8d8d8;} .s_b .code{height: auto;overflow: hidden;} .s_b .code input {width: 48%;float: left;} .s_b .code img {cursor: pointer;float: right;border: 1px solid #d8d8d8;width: 48%;height: 50px;line-height: 50px;} .s_b .submit {display: block;width: 100%;height: 60px;text-align: center;line-height: 60px;background: #d6000f;color: #fff !important;font-size: 22px;font-weight: bold;transition:.4s;letter-spacing: 1px;} .s_b .submit:hover {background: #04287e;} .sideb{height: auto;overflow: hidden;margin-top: 2%;background: #fff;padding: 4%;} .sidetitb{height: 45px;line-height: 45px;border-bottom: 1px solid #c1c1c1;color: #999;background: url(../images/tipd.png) left no-repeat;padding-left:35px;text-transform: uppercase;font-size: 13px; } .sidetitb span{font-size: 16px;color: #444;} .sideb ul{background: #f8f8f8;padding: 2%;margin-top: 2%;} .sideb li{position: relative; line-height: 45px;height: 45px;border-bottom: 1px dashed #ccc;transition:.4s;} .sideb li a{display: block;transition:.4s} .sideb li:after{position: absolute;content: "";width: 0px;background: #04287e;left:0; bottom: -1px; height: 2px;transition:.4s} .sideb li:hover a{color: #04287e;} .sideb li:hover:after{width: 100%;} .proc{height: auto;overflow: hidden;background: #fff;padding: 2%;} .proca{height: auto;overflow: hidden;margin-top:2%;} .proca p{line-height: 25px;} .proca img{display: block;margin: 0 auto;max-width: 100%;} .procb img{display: block;margin: 0 auto;max-width: 100%;} .casecontent{height: auto;overflow: hidden;margin:2% 0;} /*联系*/ .contacta{height: auto;overflow: hidden;padding-top: 4%;background: url(../images/cona.jpg) right bottom no-repeat;} .contactaa{height: auto;overflow: hidden;padding-bottom: 4%;} .contactaa li{height: auto;overflow: hidden;padding: 2% 0;border-right: 1px solid #ededed;text-align: center;} .contactaa li i{display: block;font-size: 52px;color: #a2a8b8;} .contactaa li span{display: block;line-height:40px; } .contactaa li em{display: block;width: 30px;border-top: 1px solid #888;margin:2% auto 4% auto;} .contactaa li p{line-height:30px;font-size: 16px;color:#777;} .contactaa li:nth-of-type(4) p{font-size: 16px;} .contactb{height: auto;overflow: hidden;padding-top: 2%;} .contactc{height: auto;overflow: hidden;background: url(../images/contactc.jpg) center top no-repeat;padding: 2% 0;} .cona{background: rgba(255,255,255,0.3);height: auto;overflow: hidden;padding: 4%;} .contactc .forma{height: auto;overflow: hidden;} .contactc .forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;} .contactc .forma input:last-child{margin-right: 0px;} .contactc textarea {display: block;padding-left:2%;width: 100%;height: 90px;background: #fff;line-height: 35px;border: 1px solid #e6e6e6;} .contactc .code {width: 40%;margin:0 auto;} .contactc .code input {width: 31%;line-height: 40px;float: left;} .conaa p {line-height: 40px;color: #fff;text-align: center;margin-top: 2%;} .conaa p i{font-size: 18px;} .contactc .code .verify {cursor: pointer;float: left;margin:0 2%;width: 31%;height: 40px;line-height: 40px;text-align: center;} .contactc .code .verify img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;} .contactc .submit {float: left;display: block;width: 31%;font-weight: bold; height: 40px;text-align: center;line-height: 40px;background: #fff;transition:.4s; color: #04287e;font-size: 15px;} .contactc .submit:hover {background: #0058b1;color: #fff;} .contactc .form-tr {overflow: hidden;margin-top: 2%;} .contactc input {display: block;width: 90%;padding-left:2%;height: 40px;line-height: 40px;background: #fff;border: 1px solid #e6e6e6;} 久久久久久亚洲精品中文字幕,娇小XXXxX性开放,国产精品刮毛,97久久久久人妻精品区一
<strike id="b9x49"></strike>
<tbody id="b9x49"><pre id="b9x49"></pre></tbody>

    1. <ol id="b9x49"><strike id="b9x49"><u id="b9x49"></u></strike></ol>
      <nav id="b9x49"></nav>