@charset "utf-8"; html, body {padding: 0;margin: 0;background: #fff;} * {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;line-height: 1.5;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;} h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 14px;} hr {border-width: 1px;border-style: inset;} ul {list-style: none;} p {margin: 0;margin-bottom: 0px !important;} .left{float: left;} .right{float: right;} a, a:link, a:active, a:visited, a:hover {text-decoration: none !important;} a{text-decoration: none !important;color: #444 !important;} img, {display: block;} i, em {font-style: normal;} html{height: 100%;} html, body {width: 100%;min-height: 100%;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {zoom: 1;} .warpper{width:1200px;margin:0 auto;} .dH{overflow: hidden;} .inp_pla{color:#999 !important;} .rig-title-over{float: left;line-height: 60px;max-width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .main{height: auto;overflow: hidden;margin-top: 2%;} @media screen and (min-width:1200px){ .container{width: 1200px !important;margin:0 auto;} } /* 鏃犲唴瀹 */ #dituContent label {max-width: unset!important;text-align: center;} .firstRow td{background: #eee;border-right: 1px solid #ddd;} /*index_banner*/ .banner {clear: both; 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 .pagination {position: absolute;font-size:0;left: 0;height: 50px;text-align: center;bottom: 13px;width: 100%;z-index: 9999;} .banner .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 .pagination .swiper-active-switch {background: #fff;opacity: 1;} .swiper-pagination-bullet{width: 60px !important;height: 10px !important;border-radius: 3px !important;} /*澶撮儴*/ .intop{height: auto;overflow: hidden;position: relative;} .top{height: auto;overflow: hidden; position: absolute;top:0; z-index: 88;background: url(../images/topbg.png) center top no-repeat;width: 100%;} .top .left {width: 35%;padding-top:2.5rem;} .top .left img{display: block; max-width: 100%;} .top .right {width: 65%;} .top .right li{position: relative;float: left;width: 11%;line-height: 100px; text-align: center;} .top .right li:before {content: '';position: absolute; display: block; width: 0px;height: 2px;background: #006ebd; bottom:25%;left: 14%;transition:.4s;} .top .right li:last-child {background: url(../images/navbg.jpg) left center no-repeat;} .top .right li:hover:before {width: 70px;} .top .right li:hover a{color: #006ebd !important;} .top .right li a{ display: block;font-size: 15px;transition:.4s;} .top .right li i{color: #7fb6de;} .menu ul {height: auto;overflow: hidden;} .menu li.curr .submenu{display: block;} .menu li .submenu{position:absolute;width:108px; display: none;line-height:45px;z-index: 88; } .menu li .submenu p{ width:108px;border-bottom: 1px dashed #444;text-align: left; background:rgba(0,0,0,0.6); } .menu li .submenu p:last-child{;border-bottom:none; } .menu li .submenu p a {font-size: 13px;text-align: center;color: #fff;transition:.4s;} .menu li .submenu p a:hover{background: #006ebd; } /*鎵嬫満绔欏ぇ鍥炬牱寮?/ .mtop{height: auto;overflow: hidden;background:#eeeeee;text-align: center;line-height: 30px;font-size: 12px;color: #777;} .mobtop{height: auto;overflow: hidden;padding: 2% 0;position: relative;} .mobtop .left{width: 80%;padding-left: 2%;} .mobtop .left p{margin-bottom: 0px !important;font-size: 12px;color: #777;} .mobtop .left img{float: left; display: block;margin-right: 2%;width: 100%;} .mobtop .left span{font-size: 16px; line-height: 25px;} .flex-control-nav{background: #ddd;float: left;width: 3%;} .mobtop .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;} .aligncontent-center {text-align: center;} .main-header {text-align: center;font-weight:300;font-size: 90%;} .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 14%;} .menu-left {float: left;} .sidebar{display: none;width: 100%;height: 100%;margin: 0;position: fixed;top: 0;z-index: 9999;} .menu-button i{font-size: 22px;color:#006ebd} .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);} .sidebar.open nav{ /* margin-left: 0; -webkit-transition: all 3s ease-in 1s; -o-transition: all 3s ease-in 1s; transition: all 3s ease-in 1s;*/} .sidebar nav{float: left;width: 140px;height: 100%;margin-left: -140px;color: white;background:rgba(14,110,182,0.8);} .sidebar h6 {margin: 1.2em;padding: 0 2%;color: #fff;font-weight: bold;font-size: 16px;} .sidebar ul{padding:0 5px } .sidebar li a{display: block;text-align: center;line-height: 40px;color: #fff !important;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;} .sidebar li a:hover{background: #444;} .sidebar hr {margin: 1em auto;border: 0;padding: 0;width: 80%;height: 1px;} .moban{height: 160px;overflow: hidden;background: url(../images/moban.jpg) center no-repeat;background-size: 100%;} /*index_1*/ .in_01{height: auto;overflow: hidden;padding: 2% 0;background: #f9f9f9;} .inntita{height: auto;overflow: hidden;text-align: center;} .inntita span{display: block;font-size: 30px;line-height: 50px;} .inntita i{display: block;width: 40px;border-top: 2px solid #006ebd;margin:1% auto;} .inntita p{line-height: 25px;color: #777;} .intype{margin:2rem auto;height: auto;overflow: hidden;} .intype .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .intype .col-xs-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .intype li {margin-bottom: 1%;} .intype li a{display: block; border: 1px solid #e0e0e0;border-radius: 60px;line-height: 35px;text-align: center;transition:.4s;} .intype li a:hover{background: #006ebd;color: #fff !important;} .in01a{height: auto;overflow: hidden;margin-top: 2%;} .in01a .col-lg-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01a .col-md-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01a .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01a .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01aa{position: relative; height: auto;overflow: hidden;background: #fafafa;} .in01aa:hover .fonta{background: #fafafa;} .in01aa:hover .cover:after{box-shadow:0 0 50px 30px #006ebd inset;} .in01aa:hover img{transform:scale(1.02);} .cover{position: relative;} .cover:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;transition:all 0.6s ease 0s;} .in01aa img{display: block;width: 100%;transition:all 0.6s ease 0s;} .fonta{padding:2%;transition:.4s;z-index: 4;} .fonta span{display: block;text-align: center;line-height:40px;font-size: 22px;color: #006ebd;} .fonta i{display: block;width: 120px;line-height: 30px;border-radius: 60px;text-align: center;border: 1px solid #006ebd;color: #006ebd;margin:2% auto;transition:.4s;} .in01aa:hover i{background: #006ebd;color: #fff !important;} .in01ab{height: auto;overflow: hidden;} .in01ab li a{display: block; height: auto;overflow: hidden;margin-bottom: 2%;transition:.4s;background: #fafafa;} .in01ab li img{display: block;max-width: 100%;transition:all 0.6s ease 0s;} .in01ab li:hover a{background: #006ebd;} .in01ab li:hover span{color: #fff;} .in01ab li:hover img{transform:scale(1.02);} .in01ab li:hover .covera:after{box-shadow:0 0 50px 30px #006ebd inset;} .fontb{ padding:2% 4%;transition:.4s;} .fontb span{display: block;text-align: center;line-height:40px;height: 40px;overflow: hidden; font-size: 16px;color: #006ebd;transition:.4s} .fontb p{line-height: 25px;color: #999;transition:.4s} .covera{position: relative;height: auto;overflow: hidden;border: 1px solid #eee;} .covera:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;transition:all 0.6s ease 0s;} .in01b{height: auto;overflow: hidden;margin-top: 4%;} .in01b ul{height: auto;overflow: hidden;margin-top: 4%;} .in01b li{height: auto;overflow: hidden;position: relative;margin-bottom: 1%;} .in01b li img{width: 100%;} .in01b li:hover .in01ba{padding: 28% 8% 37% 8%;background: rgba(14,110,184,0)} .in01b li:hover .in01ba p{opacity: 1;} .in01b li:hover .in01ba em{opacity: 1;} .in01b .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01b .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01b .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01b .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01ba{height: auto;overflow: hidden;position: absolute;z-index: 88;width: 100%;height: 100%; background: rgba(14,110,184,0.8);color: #fff;padding:35% 8%;text-align: center;transition:all 0.6s ease 0s;} .in01ba i{ font-size: 42px;font-style: normal;} .in01ba span{display: block; font-size: 22px;line-height: 40px;} .in01ba p{line-height: 30px;opacity: 0;transition:.4s} .in01ba em{display: block;width: 40px;border-top: 2px solid #fff;margin:10% auto;opacity: 0;transition:.4s} .in_02{height: auto;overflow: hidden;background: url(../images/in02bg.png) center top no-repeat;padding: 3% 0 3.5% 0;text-align: center;} .in_02 span{font-size: 28px;color: #ffff00;} .in_02 span strong{font-size: 42px;color: #fff;} .in_02 p{font-size: 22px;color: #fff;line-height: 50px;} .in_03{height: auto;overflow: hidden;padding: 2% 0;background: url(../images/in03bg.jpg) center no-repeat;} .in_03 li{height: auto;overflow: hidden;margin-bottom: 4%;} .in03a{position: relative;} .in03a img{display: block;width: 100%;margin-top: 3%;} .in03a span{position: absolute;z-index: 88;left:6%;text-align: center;font-size: 28px; display: block; background: #45b5fe;color: #fff; width: 50px;height: 60px; line-height: 40px;} .in03a span i{display: block;width: 30px;border-top: 2px solid #fff;margin:0 auto;} .in03ba{line-height: 30px;} .in03ba p{background: url(../images/tipa.jpg) left 6px no-repeat;padding-left: 4%; line-height: 25px;color: #777;margin:4% 0;} .in03ba p b{color: #006ebd} .intitb{height: auto;overflow: hidden;margin:3% 0;} .intitb span{display: block;font-size: 24px;} .intitb p{line-height: 30px;color: #777;text-transform: uppercase;font-size: 12px;} .in03ba span{display: block;line-height: 30px;font-size: 15px;padding-left: 4%;margin-top: 4%;} .in_04{height: auto;overflow: hidden;padding: 2% 0;background: url(../images/in04bg.jpg) center no-repeat;} .in04a{height: auto;overflow: hidden;margin-top: 4%;} .in04a ul{height: auto;overflow: hidden;margin-top: 4%;} .in04a li{float: left;width: 33.2%;text-align: center;border-right: 1px solid #d6d6d6;} .in04a li:last-child{border-right:none;} .in04a li span{display: block;line-height: 35px;} .in04a li span b{font-size: 40px;font-weight: normal;} .in04a li p{line-height: 25px;color: #777;} .in04a a{display: block; width: 140px;line-height: 40px;background: #006ebd;text-align: center;border-radius: 60px;margin-top: 4%;transition:.4s;margin-bottom: 1%;} .in04a a:hover{background: #444;} .in04a a i{color: #fff !important;font-size: 18px;} .in04a img{max-width: 100%;} .in04aa span{display: block;font-size: 28px;line-height: 45px;} .in04aa i{display: block;width: 30px;border-top: 4px solid #006ebd;margin:4% 0 10% 0;} .in04aa p{line-height: 30px;color: #777;} .in_05{height: auto;overflow: hidden;padding: 2% 0;background: url(../images/in05bg.jpg) center no-repeat;} .in_05 .swiper-container {width: 100%;height: 100%;margin-top: 4%;padding-bottom: 5%;} .in_05 .swiper-slide {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;} .in_05 .swiper-slide {padding-bottom: 2%;} .in_05 .swiper-slide:hover .inimga i{background: rgba(0,0,0,0.2);} .in_05 .swiper-slide:hover b{color: #006ebd} .in_05 .swiper-slide:hover strong{color: #006ebd} .in_05 .swiper-pagination-bullet{width: 70px;height: 5px !important;border-radius: 0px !important } .inimga{position: relative; height: auto;overflow: hidden;} .inimga img{width: 100%;} .inimga i{position: absolute;z-index: 8;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:all 0.6s ease 0s;} .fontc{height: auto;overflow: hidden;padding:4%;border: 1px solid #e5e5e5;background: #fff;} .fontc span{display: block; font-size: 16px;font-weight: bold;color: #999999;line-height: 40px;} .fontc strong{display: block; font-size: 22px;line-height: 40px;height: 40px;overflow: hidden; transition:.4s} .fontc p{line-height: 30px;color: #777;border-bottom: 1px solid #dcdcdc;padding-bottom: 4%;margin-bottom: 4%;} .fontc b{line-height: 40px;height: 40px;overflow: hidden;color: #777;transition:.4s} .fontc b i{float: right;} /*footer*/ .footer {height: auto;overflow: hidden;padding-top: 2%;background: #282c2f;} .foota{height: auto;overflow: hidden;} .foota span{display: block;font-size: 16px;line-height: 40px;margin-bottom: 4%;color: #fff;} .foota span i{display: block;width: 20px;border-top: 2px solid #0160a5;} .foota li{float: left;width: 120px;line-height: 30px;} .foota li:hover a{color: #fff !important;} .foota li a{display: block;color: #7a7a7a !important;transition:.4s} .footb span{display: block;font-size: 16px;line-height: 40px;margin-bottom: 4%;color: #fff;} .footb span i{display: block;width: 20px;border-top: 2px solid #0160a5;} .footb p{color: #7a7a7a;line-height: 30px;} .footc{padding-top: 4%;} .footc img{display: block;margin:0 auto;} .foot{background: url(../images/footbg.png) center no-repeat;line-height: 66px;text-align: center;color: #fff;margin-top: 2%;} .foot a{color: #fff !important;transition:.4s} .foot a:hover{color: #ddd;} .footnav{right: 0;bottom: 0;float: left;width: 100%;position: fixed;background:#006ebd;color:#fff;z-index: 8888;} .footnav li{float: left;text-align: center; width: 33.3%;text-align: center;color: #fff;} .footnav li:nth-of-type(1){background: #045a9c} .footnav li:nth-of-type(3){background: #0f86e2} .footnav li i{font-size: 20px;} .footnav li span{display: block;line-height: 20px;} .footnav li a{display: block; color: #fff !important;padding-top:4%;} .footnav li a:hover{color: #ffb40b} .imgsl{height: auto;overflow: hidden;} .fix{position: fixed;right: 0px;bottom:10%;z-index: 88;} .fix li{width: 40px;height: 120px;background: rgba(14,110,184,0.6);text-align: center;margin-bottom: 5px;padding: 3px;} .fix li a{display: block;background: #006ebd; writing-mode:tb-rl;color: #fff !important;line-height: 40px;height: auto;padding: 30px 0 27px 0;transition:.4s;} .fix li:hover a{background: #444;} .footlogo{padding-top: 5%;color: #fff;} .footlogo p{text-transform: uppercase;line-height: 30px;} .footlogo strong{display: block;font-size: 24px;} /*content*/ .ban{height: 450px;overflow: hidden;position: relative; } .ban img{display: block;margin:0 auto;} .bana{position: absolute;bottom: 0;background: rgba(0,0,0,0.6);color: #fff;width: 100%;line-height: 30px;padding:10px 0;} .banaa i{font-size: 22px;} .banaa b{font-size: 18px;} .banab{border-left: 1px solid #6a7588;border-right: 1px solid #6a7588;} .banab a{color: #fff !important;transition:.4s;} .banab a:hover{color: #ccc !important;} .location{line-height: 50px;border-bottom: 1px solid #eaeaea;} .location .col-lg-4{text-align: right;} .location .col-md-4{text-align: right;} .location .col-sm-12{padding-left: 0px;padding-right: 0px;} .location .col-xs-12{padding-left: 0px;padding-right: 0px;} .location span{float: left;display: block; font-size: 16px;} .banac a{color: #fff !important;transition:.4s;padding: 0 1%;} .banac a:hover{color: #ccc !important;} /*content_company*/ .companya{height: auto;overflow: hidden;padding: 2% 0;} .comtit{height: auto;overflow: hidden;background: #f8f8f8;line-height: 45px;border-left: 3px solid #006ebd;padding-left: 2%;margin-bottom: 2%;} .comtit strong{display: block;font-size: 22px;} .companyaa {margin-bottom: 2%;} .companyaa img{display: block;max-width: 100%;} .companyaa p{line-height: 30px;} .companyb{height: auto;overflow: hidden;padding: 2% 0;} .companyb li{float: left;width: 33.3%;text-align: center; height: auto;overflow: hidden;padding: 2% 0;} .companyb li span{display: block;font-size: 16px;line-height: 45px;} .companyb li span b{font-size:38px;color: #006ebd;} .companyc{height: auto;overflow: hidden;padding-bottom: 2%;} .companyd{height: auto;overflow: hidden;padding: 2% 0;} .companyd li{height: auto;overflow: hidden;text-align: center;} .companyd li em{display: block; background: #3c8bee;width: 80px;line-height: 80px;height: 80px;border-radius: 60px;text-align: center;margin:0 auto;} .companyd li em i{font-size: 38px;color: #fff;} .companyd li strong{display: block;line-height: 40px;font-size: 20px;margin-top: 2%;} .companyd li p{line-height: 35px;color: #777;} /*浜у搧*/ .producta{height: auto;overflow: hidden;} .producta ul{height: auto;overflow: hidden;margin: 2% auto !important;} .producta li{text-align: center;line-height: 40px;height: 40px;overflow: hidden; transition:.4s;} .producta li a{display: block;color: #777 !important;} .producta li:hover{background: #006ebd;} .producta li:hover a{color: #fff !important;} .productb{height: auto;overflow: hidden;} .prolist{height: auto;overflow: hidden;margin-bottom:2%;} .prolist .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .prolist .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .prolist li{position: relative; height: auto;overflow: hidden;margin-bottom: 3%;} .prolist li:hover .pimga{opacity: 0;top:20px;} .prolist li:hover .pfonta{top:-10px;opacity: 1;} .prolist li img{display: block;max-height: 100%;max-width: 100%;margin:0 auto;} .pfonta{position: absolute;z-index: 1;width: 100%;top:0; height: auto;overflow: hidden;opacity: 0;transition:.4s;text-align: center;padding: 29% 0;} .pfonta span{display: block;font-size: 16px;line-height: 40px;height: 40px;overflow: hidden;} .pfonta p{line-height: 30px;} .pimga{height: 309px;overflow: hidden;position: relative;top:0;transition:.4s;background: #fff;border: 1px solid #eee;} .pimga:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;} .plocation{line-height: 45px;height: 48px;overflow: hidden;margin-bottom: 2%;} .plocation ul{margin-bottom: 0px;} .plocation li{float: left;position: relative; line-height: 45px;border-bottom: 3px solid #fff;transition:.4s;margin-right:2%;} .plocation li::before{content: "";position: absolute;bottom:0px;width: 0%;height: 3px;background: #006ebd;transition:.4s;} .plocation li:hover::before{width: 100%;} .plocation li a{display: block;} .plocation span{float: right;line-height: 45px;} .proa{height: auto;overflow: hidden;background: #f6fafb;padding: 2% 0;} .proa img{max-width: 100%;} .proaa{height: auto;overflow: hidden;} .proaa span{display: block;font-size: 30px;line-height: 65px;} .proaa strong{display: block;font-size:18px;line-height: 30px;} .proaa p{line-height: 30px;color: #666;} .proaa em{display: block;margin: 4% 0;} .proaa em i{font-size: 36px;} .proaa em b{color: #006ebd;font-size: 36px;} .line{display: block;width: 40px;border-top: 3px solid #006ebd;} .online{height: auto;overflow: hidden;} .online a{display: block; color: #fff !important;} .onmeg{float: left;background: #444;width: 180px;line-height: 55px;border-radius: 5px;color: #fff;text-align: center;margin-right: 4%;transition:.4s;} .onmeg:hover{background: #006ebd;} .order-btn{float: left;background: #006ebd;width: 180px;line-height: 55px;border-radius: 5px;color: #fff;text-align: center;transition:.4s;} .order-btn:hover{background: #444;} .prob{position: relative;overflow: hidden;height: 60px;width: 100%;z-index: 999;} .prob ul{height: auto;overflow: hidden;margin-bottom: 0px;} .prob li{height: 60px;line-height: 60px;background: #4c4c4c;text-align: center;transition:.4s;} .prob li:hover{background: #006ebd;} .prob li a{display: block;color: #fff !important;} .proc{height: auto;overflow: hidden;margin-top: 2%;} .ptit{height: auto;overflow: hidden;margin-bottom: 2%;} .ptit strong{display: block;font-size: 22px;line-height: 50px;} .ptit i{display: block;border-bottom: 2px solid #006ebd;width: 40px;} .proca{height: auto;overflow: hidden;} .proca p{line-height: 30px;color: #666;} .proca img{max-width: 100%;height: auto !important;margin-bottom: 2px;} .prod{height: auto;overflow: hidden;margin-top:2%;} .proe{height: auto;overflow: hidden;margin-top:2%;} .prof{height: auto;overflow: hidden;margin:2% 0;} .pcase{height: auto;overflow: hidden;} .pcase .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .pcase .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .pcase .col-lg-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .pcase .col-md-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .pcase li {margin-bottom: 2%;} .pcase li span{display: block;line-height: 55px;height: 55px;overflow: hidden; background: #e1e0e3;text-align: center;transition:0.4s;} .pcase li:hover span{background: #006ebd;color: #fff;} .pcase li:hover img{transform:scale(1.05,1.05)} .pcase li img{display: block;width: 100%;transition:all 0.6s ease 0s;} .caseimg img{display: block;margin:0 auto;} .proimga{width: 100%;overflow: hidden;border: 1px solid #ccc;} /*鏂伴椈*/ .newsa{height: auto;overflow: hidden;padding: 2% 0;} .newslist{height: auto;overflow: hidden;} .newslist .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newslist .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newslist .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newslist .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newslist li{height: auto;overflow: hidden;margin-bottom: 2%;} .newslist li:hover .imgb i{background: rgba(0,0,0,0.2);} .newslist li:hover b{color: #006ebd} .newslist li:hover strong{color: #006ebd} .imgb{position: relative; height: auto;overflow: hidden;} .imgb img{width: 100%;} .imgb i{position: absolute;z-index: 8;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:all 0.6s ease 0s;} .fontd{height: auto;overflow: hidden;padding:4%;border: 1px solid #e5e5e5;} .fontd span{display: block; font-size: 16px;font-weight: bold;color: #999999;line-height: 40px;} .fontd strong{display: block; font-size: 22px;line-height: 40px;height: 40px;overflow: hidden; transition:.4s} .fontd p{line-height: 30px;color: #777;border-bottom: 1px solid #dcdcdc;padding-bottom: 4%;margin-bottom: 4%;} .fontd b{line-height: 40px;height: 40px;overflow: hidden;color: #777;transition:.4s} .fontd b i{float: right;} .contactbb{text-align: center;line-height: 40px;font-size: 16px;color: #777} /*.newscontenta span{display: block;line-height: 45px;background: #006ebd;margin:2% 0;padding-left: 2%;color: #fff;font-size: 15px;}*/ .newscontenta p{color: #777;} .newsPage{height: auto;overflow: hidden;padding: 2% 0;border-top: 1px dashed #ededed;margin-top: 2%;} .honorlist{height: auto;overflow: hidden;} .honorlist .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist li {text-align: center;margin-bottom: 2%;} .honorlist li img{display: block;width: 100%;transition: all 1s ease;} .honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)} .honorlist li:hover span{background: #006ebd;color: #fff;} .honorlist span{display: block;line-height: 50px;text-align: center;background: #e1e0e3;transition:.4s;} .caseimg{height: 270px;overflow: hidden;border: 1px solid #ccc;} .honorimg{height: auto;overflow: hidden;border: 1px solid #ccc;} /*鏂伴椈璇︽儏*/ .newsinfoa{height: auto;overflow: hidden;} .ninfotit{height: auto;overflow: hidden;padding: 2% 0;text-align: center;border-bottom:1px dashed #ededed;margin-bottom: 2%;} .ninfotit span{display: block;font-size: 22px;line-height: 45px;} .ninfotit p{line-height:30px;color: #777;margin-bottom: 0px;} .ninfotit img{display: block;margin: 0 auto;max-width: 100%;} .newsinfoaa{height: auto;overflow: hidden;margin-top: 2%;} /*渚ф爮鏍峰紡*/ .sidetit{background: #f3f3f3;font-size: 24px; line-height:55px;padding: 6%;} .sidetit i{display: block;border-top: 2px solid #006ebd;width: 40px;} .sidea{height: auto;overflow: hidden; margin-bottom: 3%;} .sidea ul{height: auto;overflow: hidden;padding: 2% 0;} .sidea li{position: relative;overflow: hidden;background: #f3f3f3; text-indent: 2em;line-height:50px;height:50px;transition:all 0.4s;margin-top: 2%; } .sidea li:hover{background: #006ebd;} .sidea li:hover a{color: #fff !important;} .sidea li:hover i{color: #fff !important;} .sidea li a{display: block; } .sideb{height: auto;overflow: hidden;padding:2% 0;} .sideb span{display: block;font-size: 16px;line-height: 50px;} .sideb li{line-height: 35px;} .sideb li a{display: block;color: #777 !important;transition:.4s;} .sideb li:hover a{background: #006ebd;color: #fff !important;} .sidec{height: auto;overflow: hidden;} .sidec span{display: block;font-size: 16px;line-height: 50px;} .sidec p{line-height: 20px;border-left: 2px solid #006ebd;padding-left: 4%;margin-bottom: 4% !important;color: #777;} .newscontent {height: auto;overflow: hidden;line-height: 30px;padding: 2%;border-left: 1px solid #efefef} .newscontent img{display: block;margin:0 auto;max-width: 100%;} /*鑱旂郴*/ .contactbc{height: auto;overflow: hidden;padding: 2% 0;border-bottom: 1px solid #eaeaea;} .contactbc p{width: 140px;color: #fff;border-radius: 140px;text-align: center;border: 5px solid #ccc;padding: 5px;margin:0 auto;} .contactbc p a{display: block; color: #fff !important;height: 120px;border-radius: 120px;line-height: 120px; background: #006ebd;font-size: 18px;} .contactaa{height: auto;overflow: hidden;text-align: center;} .contactaa span{display: block;line-height: 30px;font-size: 16px;} .contactaa strong{display: block;font-size: 22px;} .contactb{height: auto;overflow: hidden;padding: 2% 0;} .contactba{text-align: center;font-size: 22px;} .contacta{padding: 2% 0;height: auto;overflow: hidden;} @media screen and (max-width:640px){ .fonta span{font-size: 16px !important;line-height: 35px !important;} .fonta{height: 125px !important} .in01b li{margin-bottom: 2%;} .in01b li img{display: block;max-width: 100%;} .in01ba span{font-size: 22px !important} .intype{width: 100% !important;} .intype li{margin-bottom: 2%;} .intype .col-sm-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .intype .col-xs-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in_02{zoom:0.4;} .in_03 .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .in_03 .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .intitb span{font-size: 16px !important;} .in03b{border-bottom: 1px solid #eaeaea;padding-bottom: 4%;} .in04aa span{font-size: 16px !important;line-height: 30px !important} .in04a .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .in04a .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .in04a li span b{font-size: 22px !important; } .in04a a{margin-bottom: 2%;} .in04a img{display: block;max-width: 100%;} .fontc strong{font-size: 16px !important;} .in_05 .swiper-pagination-bullet{width: 40px !important} .footer .col-sm-4{padding-left: 0px !important;padding-right: 0px !important;} .footer .col-xs-4{padding-left: 0px !important;padding-right: 0px !important;} .proaa span{font-size: 16px !important;} .proa .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .proa .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .onmeg{width: 120px !important;} .ptit strong{font-size: 16px !important;} .comtit strong{font-size: 16px !important;} .companyaa .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .companyaa .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .fontd strong{font-size: 16px !important;} .caseimg{height: 125px !important;} .common-inner .inner-right .de-contact .contact-map #dituContent{height: 300px !important;} .footer{padding-bottom: 14%;} .in_02 img {max-width: 150% !important;margin-left: -26% !important;} .in_02{padding-top: 6% !important;} .pimga{height: 125px !important;} .pfonta{padding: 15% 0;} .ninfotit span{font-size: 16px;} .locationa {text-align: left !important;} } @media screen and (min-width:640px) and (max-width:768px){ .mobtop .left img{width: 70%;} .pimga{height: 210px;} .in_02 span{font-size: 16px;} .in_02 p{font-size: 16px;} .locationa {text-align: left !important;} } @media screen and (min-width:768px) and (max-width:992px){ .top .left{padding-top: 1%;} .top .right li{line-height: 60px;height: 60px;} .mobtop .left img{width: 70%;} .pimga{height: 215px;} .locationa {text-align: left !important;} .menu-button{top:20%;} } @media screen and (min-width:992px) and (max-width:1200px){ .pimga{height: 215px;} } @media screen and (min-width:1200px) and (max-width:1300px){ .fix li{display: none;} } /* 鏇存敼layer鏍峰紡 */ .layui-layer-btn{text-align: center !important;padding-bottom:28px !important;} .layui-layer-btn .layui-layer-btn0{display: block;margin:0 auto !important;border-radius: 0 !important;width:88px !important;text-align: center !important;height: 34px !important;line-height: 34px !important;border-color: #237ed2 !important;background-color: #237ed2 !important;} .layui-layer-btn .layui-layer-btn0:hover{background: #348eed !important;border-color: #348eed !important;} /**/