body {margin:0;-webkit-user-select: none;user-select: none;-ms-touch-action: none;position: relative;font-family: "寰蒋闆呴粦", "Microsoft YaHei";font-size: 12px;} a, img {-webkit-touch-callout: none;text-decoration: none;border:0;outline:none;blr:expression(this.onFocus=this.blur());} div,ul,li,h1,h2,h3,h4,h5,a,img{list-style: none;margin:0;padding:0;} .div-left{float: left;} .div-right{float: right;} /* 椤堕儴 */ .header{width: 100%;height: 180px;display: inline-block;} .header-info-frame{width: 1200px;height: 120px;margin:0 auto;} .header-logo{width: 415px;height: 84px;padding-top: 36px;} .header-logo img{width: 382px;height: 54px;} .header-name-frame{width: 600px;height: 94px;padding-top: 26px;} .header-name-frame h1{width: 100%;height: 40px;line-height: 40px;font-size: 30px;color: #0082d6;} .header-name-frame span{width: 100%;height: 30px;line-height: 30px;font-size: 20px;color: #4a4a4a;font-family: Arial;} .header-lang-frame{width: auto;height: 40px;line-height: 40px;padding-top: 80px;} .header-lang-frame a{width: auto;padding:0 5px;float: left;font-size: 14px;color: #4a4a4a;} .header-lang-frame i{width: 1px;height: 18px;float: left;border-left: 1px solid #4a4a4a;margin-top: 11px;} .header-lang-frame .header-lang-n{color: #0082d6;} .header-lang-frame a:hover{text-decoration: underline;} .header-nav-frame{width: 100%;height: 60px;background-color: #4a4a4a;} .header-nav-frame ul{width: 1200px;height: 60px;margin:0 auto;} .header-nav-frame ul a{width: auto;line-height: 60px;padding:0 22px;display: inline-block;font-size: 18px;color: #fff;float: left;} .header-nav-frame ul a:hover{background-color: #0082d6;} .header-nav-n{background-color: #0082d6;} .header-nav-tel{width: auto;height: 60px;line-height: 60px;font-size: 20px;color: #fff;} .header-nav-tel span{color: #f6e02a;} .home-banner{width: 100%;height: 700px;position: relative;overflow: hidden;} .home-banner .swiper-container{width: 1920px;height: 700px;top:0;left: 50%;margin-left: -960px;position: absolute;} .arrow-left {background: url(../images/icon/arrows.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:10;cursor: pointer;} .arrow-right {background: url(../images/icon/arrows.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:10;cursor: pointer;} .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;margin: 0 3px;cursor: pointer;} .swiper-active-switch {background: #fff;} .home-info-frame{width: 100%;height: auto;margin: 20px 0 20px 0;} .home-info-k{width: 1200px;height: auto;margin:0 auto;} .home-info-company{width: 595px;height: auto;} .home-company-title{width: 100%;height: 50px;background: #4a4a4a;border-radius: 10px 0 0 10px;} .home-company-title ul{padding-left: 10px;} .home-company-title ul li{width: 100px;height: 38px;line-height: 38px;margin-top: 6px;float: left;margin:6px 15px 0 0;background-color: #fff;border-radius: 10px;font-size: 18px;color: #4a4a4a;text-align: center;cursor: pointer;} .home-company-title ul .home-company-title-n{background-color: #0082d6;color: #fff;} .home-company-box{width: 585px;height: auto;margin-left: 10px;font-size: 14px;line-height: 36px;color: #4a4a4a;} .home-company-box img{width: 100%;} .home-product-frame{width: 595px;height: auto;} .home-product-title{width: 100%;height: 50px;line-height: 50px;font-size: 18px;color: #fff;text-indent: 10px;background-color: #0082D6;border-radius: 0 10px 10px 0;} .home-product-title a{color: #fff;float: right;text-indent: 0px;margin-right: 10px;} .home-product-title a:hover{text-decoration: underline;} .home-product-list{width: 100%;height: auto;} .home-product-list-k{width: 183px;height: 183px;border:1px solid #F1EFEF;border-radius: 10px;margin:10px 0 0 10px;overflow: hidden;position: relative;} .home-product-list-k a{width: 157px;height: 157px;margin:0 13px;float: left;display: inline-block;} .home-product-list-k a img{width: 157px;height: 157px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} .home-product-list-k a img:hover{transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-webkit-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-moz-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-ms-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);} .home-product-list-k span{width: 100%;height: 25px;line-height: 25px;font-size: 16px;color: #4a4a4a;text-align: center;overflow: hidden;float: left;z-index: 999;position: absolute;left: 0px;bottom: 1px;} .bottom-frame{width: 100%;height: 170px;} .bottom-info{width: 100%;height: 140px;background-color: #8FD4F5;} .bottom-copyright{width: 100%;height: 30px;background-color: #4A4A4A;} .bottom-copyright-k{width: 1200px;height: 30px;line-height: 30px;margin:0 auto;font-size: 12px;color: #fff;} .bottom-copyright-k .bottom-support{color: #fff;} .bottom-copyright-k .bottom-support:hover{text-decoration: underline;} .bottom-computer{width: 70px;height: 30px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPY2AAgv8UAJB+sAFgBpkArH/UEJTQGw0TzMREvTChSrLHl9qRsxRJuYKYvIhuIABYi/cJo22HaQAAAABJRU5ErkJggg==") no-repeat left center;text-indent: 22px;color: #fff;} .bottom-computer:hover{text-decoration: underline;} .bottom-phone{width: 65px;height: 30px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAzSURBVChTY2AAgv9EAJA6ohTCzAIrBusiAMDqRhVDQ2lIhwYR6QisBGtCwpXAiE55IIUAZece8LE/QP4AAAAASUVORK5CYII=") no-repeat left center;text-indent: 16px;color: #fff;} .bottom-phone:hover{text-decoration: underline;} .bottom-wechat{width: 65px;height: 30px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIdSURBVDhPjZRNSFRRFMdHmYWaLhSUWkSF7YRcR6K0EWoTxCwsQ+lrFQnWIhJBQ1EoAqVFBC1yKYhGtKmNilExWlGooBW5CNNQUHN0/OhNv/9wJq+j82Ye/Dj3nnvu/51zz30vELAnFosFPc8rhZvQD1/hj6FxH9yA44pN7EtpCbxA4BB2DiLwl3n80dh8WhuGWj+hXAIuQzghkM4SOwrXiMvbI8xCFUxZJirxDfTCgvnWGX+CJzDtZD3L/Bwc2CWKoztRHnYCrsAx+GCC84w7GefDM8ZRWAG9/CG+o8mCk47gT8ukAfvDBLX5FdyB11bBI2wb1MOhZMFtp4wNAn7Bd1h3/GvMH8NFqIFGuGuomTtZZtCABTbqTG9BE/TAW3gPH+EzPAc16WDAsvH2E2ZN59UPp1lvtew3GC852a/iVwV6cbMEn4KC9jz4v8BtuKojAG3ughZHUE1tt/WIBM/CYgpBvUxdf2kNWmYcb4gj2GEvXZVPgkVwD2aTRfF1wnWYAX0tatoUjDuCqiIMm3FByGJShh3bR1CXWd/2OPy/DX6NlGAOwdWg+6gMdJG/wW8r7xJWnY1mcCO2VHIJ6FroGYHzcILNFdhyOAwhiPgJ2v5JCR4BlaZzPAm5uvk6CghCNr5iK/1dKlGrKqSNhUxOyfr94+xozhB7HwaY61c3CPqd6YxfxJNRJml/lk4Am3QrKqEOakHfs+7hAyj4B9Ede6eeWa43AAAAAElFTkSuQmCC") no-repeat left center;text-indent: 24px;color: #fff;} .bottom-wechat:hover{text-decoration: underline;} .bottom-contact{width: 475px;height: 120px;padding:10px 0;line-height: 30px;font-size: 18px;color: #fff;} .bottom-contact-k{width: 1200px;height: 140px;margin:0 auto;} .bottom-code{width: 120px;height: auto;padding:3px 0 0 0;} .bottom-code img{width: 120px;height: 120px;float: left;} .bottom-code span{width: 100%;line-height: 16px;font-size: 12px;color: #fff;float: left;text-align: center;} .bottom-logo{width: 382px;height: 54px;margin-top: 43px;} .home-news-frame{width: 585px;height: auto;margin-left: 10px;} .home-news-list{width: 580px;height: 107px;overflow: hidden;margin-top: 10px;} .home-news-list img{width: 190px;height: 107px;float: left;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} .home-news-list img:hover{transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-webkit-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-moz-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-ms-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);} .home-news-box{width: 370px;height: 107px;margin-left: 15px} .home-news-box h2{width: 100%;height: 24px;line-height: 24px;float: left;font-size: 14px;color: #4a4a4a;} .home-news-box h3{width: 100%;height: 20px;line-height: 20px;float: left;font-size: 12px;color: #0082d6;} .home-news-box p{width: 100%;height: 64px;line-height: 16px;font-size: 12px;color: #4a4a4a;overflow: hidden;} .public-figure-frame{width: 100%;height: 500px;position: relative;overflow: hidden;} .public-figure-frame img{width: 1920px;height: 500px;padding-left: 50%;margin-left: -960px;} .public-nei-title-frame{width: 100%;height: 80px;background-color: #4A4A4A;} .public-nei-title-box{width: 1200px;height: 80px;margin:0 auto;} .public-nei-title-box h1{width: auto;height: 80px;line-height: 80px;font-size: 36px;color: #fff;float: left;padding-left: 30px;font-weight: normal;} .public-nei-title-box h2{width: auto;height: 54px;padding:26px 0 0 34px;line-height: 54px;font-size: 18px;color: #fff;font-weight: normal;float: left;} .public-nei-title-box a{width: auto;height: 80px;line-height: 80px;font-size: 18px;color: #fff;padding-right: 43px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJBSURBVEhLrZexSwMxFMYLQkHoIK5d/AcEQRA6KQWnLs5CQegkFOruIuLURXEQFEEcBJ1EcHGyUigWBMVBlIIWVCqKVARbkNLz+8609GJyl1x98LiQe+/9kpfk5S4SMZR2u52ArkBLjuNc4NmiinZJvEsYhvM3Q9ABBJyHPqFtJLCt0Ye+oQYB50loxYimMKIvY1jB4ZAVabTiXtaaHnuxHFkjONfKiiaMd64+nKH8ndKVMX3hMJgNA507enYiyzeu6oSxlXC8GIU2bMAP9W9nbOu+Cw0AN8j4A0fnsQ308PbTTW1npnyunr/7hiDDA0ZH0ga6cPLiAXLW8sbySXmyCwd43wRcb7acqd2qB8r1Zb+pkOWC0Rg0WdvT6pcntUwzd7KtkEUmwakg56Wzt9CpVcUmk+BFHZgpnDl49EC5vv0KmQRvqgJxs4ysV7pQppY7+T+ETIL3VMF6NxGhPLP/JWQSvK0KKB8ZDsT0yAQNkEyC8zpDVZHgRutXyCQ47ReIKZbPrk3B0OzqNMFxkyuQ5VAukWFmL67KeKeIFE3SxzWWLwXb2QNc7C2ZORNwx0YuKLwgTGcPcK4LRsAYOl5t4PI5J5yz9xPBiMk3VMYGTFtWNvnYBYAzuo8BZTEJGlDvBaKzdYuGTsRNVQ4Cqd536rrm+JTdG8lPYDAM50IYuManwJhGX5oIEIXxRr9wESNqBO01guM09Np2ADyr0AlroOyAIEnoGlT7K8N3wsbu78F0dCyxyMA4nimqaP+WQAv5ATDpgVN98lTKAAAAAElFTkSuQmCC") no-repeat right center;float: right;} .public-assist-frame{width: 100%;height: auto;padding:0 0 30px 0;} .public-assist-box{width: 1198px;min-height: 660px;margin:0 auto;border:1px solid #94D1F8;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAANSURBVBhXY5hy8cd/AAe3A12CMf/aAAAAAElFTkSuQmCC") repeat-y 238px 0px;overflow: auto;padding-bottom: 30px;} .public-assist-left-frame{width: 238px;min-height: 660px;} .public-assist-right-frame{width: 920px;min-height: 660px;margin-right: 20px;} .public-assist-nav{width: 238px;height: auto;padding-bottom: 60px;} .public-assist-nav a{width: 100%;height: 60px;line-height: 60px;font-size: 18px;color: #4a4a4a;text-align: center;float: left;} .public-assist-nav a:hover{color: #fff;background-color: #0082D6;} .public-assist-nav .public-assist-nav-n{color: #fff;background-color: #0082D6;} .public-assist-contact-title{width: 100%;height: 30px;line-height: 30px;background-color: #4A4A4A;color: #fff;font-size: 18px;text-align: center;} .public-assist-contact{width: 218px;padding:10px 10px 30px 10px;line-height: 30px;font-size: 14px;color: #4a4a4a;} .public-assist-right-frame img{max-width: 920px;} .public-assist-right-frame p{font-size: 14px;color: #4a4a4a;line-height: 30px;} .public-map-frame{width: 920px;height: 550px;display: inline-block;} .product-frame{width: 920px;height: auto;padding:20px 0;overflow: hidden;} .product-frame ul{width: 940px;height: auto;float: left;} .product-frame ul li{width: 220px;height: 254px;float: left;margin-right: 10px;} .product-frame ul li a{width: 220px;height: 220px;border:1px solid #C4C4C4;float: left;overflow: hidden;} .product-frame ul li img{width: 220px;height: 220px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} .product-frame ul li img:hover{transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-webkit-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-moz-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-ms-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);} .product-frame ul li span{width: 100%;height: 32px;line-height: 32px;font-size: 16px;color: #4a4a4a;text-align: center;float: left;} .page-frame{width: 100%;height: 30px;padding:40px 0;text-align: center;} .page-frame a{width: auto;height: 30px;line-height: 30px;display: inline-block;margin:0 5px;border: 1px solid #DCDADA;padding:0 10px;} .page-frame .page-frame-n{border:1px solid #0082D6;background-color: #0082D6;color: #fff;} .page-frame .page-frame-m{border:1px solid #0082D6;} .page-frame .page-frame-m:hover{border:1px solid #0082D6;background-color: #0082D6;color: #fff;} .product-show-frame{width: 920px;height: auto;padding:30px 0;overflow: hidden;} .product-show-frame ul{width: 100%;height: auto;padding-bottom: 60px;float: left;} .product-show-frame ul li{width: 50%;height: 30px;line-height: 30px;font-size: 14px;color: #4a4a4a;float: left;} .product-show-title{width: 100%;height: 30px;line-height: 30px;border-bottom: 1px solid #ccc;font-size: 16px;color: #4a4a4a;} .product-show-content{width: 100%;height: auto;padding:40px 0 0 0;} .news-list{width: 920px;height: 169px;overflow: hidden;margin-top: 30px;} .news-list img{width: 300px;height: 169px;float: left;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} .news-list img:hover{transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-webkit-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-moz-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);-ms-transform: rotate(0deg) scale(1.10) skew(1deg) translate(0px);} .news-box{width: 600px;height: 169px;margin-left: 20px} .news-box h2{width: 100%;height: 37px;line-height: 37px;float: left;font-size: 18px;color: #4a4a4a;font-weight: bold;} .news-box h3{width: 100%;height: 32px;line-height: 32px;float: left;font-size: 12px;color: #0082d6;} .news-box p{width: 100%;height: 96px;line-height: 24px;font-size: 12px;color: #4a4a4a;overflow: hidden;padding-top: 5px;} .news-frame{width: 100%;height: 73px;padding-top: 37px;border-bottom: 1px dashed #000;} .news-title{width: 100%;height: 45px;line-height: 45px;font-size: 18px;color: #4a4a4a;text-align: center;} .news-time{width: 100%;height: 28px;line-height: 28px;font-size: 12px;color: #4a4a4a;text-align: center;} .news-content{width: 100%;height: auto;line-height: 30px;padding-top: 20px;font-size: 12px;color: #4a4a4a;}