/*banner*/ @media screen and (min-width: 320px) { .body-bg{ background: #f8f8f8;} .banner-min{ padding-bottom: 26%; height: auto; background-position: center center; -webkit-background-size: cover; background-size: cover; } } @media screen and (min-width: 992px) { .banner-min{ height: 250px; padding-bottom: 0;} } @media screen and (min-width: 1280px) { .banner-min{ height: 300px;} } /*面包屑导航*/ @media screen and (min-width: 320px) { .dz{ border-bottom: solid 1px #e7e7e7; padding-top: 10px; overflow: hidden;} .dz-l{ float: left;} .dz-l b{ color: #00144c; font-size: 18px; line-height: 40px; float: left;} .dz-l span{ color: #d6d6d6; line-height: 40px; float: left; padding-left: 10px; font-weight: bold; text-transform: uppercase; display: none;} .dz-r{ display: none;} .content-box .dow-list li{border-bottom:1px solid #e7e7e7;font-size:18px;line-height:40px;} } @media screen and (min-width: 992px) { .dz-l b{ font-size: 30px; line-height: 70px;} .dz-l span{ font-size: 20px; line-height: 70px; display: block;} .dz-r{display: block; float: right; line-height: 70px; color: #999;} .dz-r a{ color: #999;} .dz-r i{padding-right: 5px;} .dz-r a:hover{color: #ed5e03;} } @media screen and (min-width: 1280px) { } /*--内容盒子--*/ @media screen and (min-width: 320px) { .content-box:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden; display: block;} .content-box,.content-bd{ padding:20px 0 30px 0; color: #333333; line-height: 2 ;} .content-box { /*text-align: justify;*/} .content-box ,.content-box div,.content-box p,.content-box ul,.content-box li,.content-box ol,.content-box span{ color: #333333; font-size: 14px; line-height: 2 ;} .content-box img,.content-bd img{max-width: 100%;} } @media screen and (min-width: 992px) { .content-box,.content-bd{ padding:30px 0 50px 0;} .content-box ,.content-box div,.content-box p,.content-box ul,.content-box li,.content-box ol,.content-box span{ font-size: 14px;} } @media screen and (min-width: 1280px) { .content-box,.content-bd{} .content-box ,.content-box div,.content-box p,.content-box ul,.content-box li,.content-box ol,.content-box span{ font-size: 14px;} } /*企业概况*/ @media screen and (min-width: 320px) { .cont-bg{background-position: center bottom; background-repeat: no-repeat; padding-bottom: 20%; -webkit-background-size: 200%; background-size: 200%;} .cont-bg-02{ padding-bottom: 10%;} .qygk-img{ margin-bottom: 20px;} .qygk-box b{ color: #ed5e03;} } @media screen and (min-width: 992px) { .cont-bg{ padding-bottom: 230px; -webkit-background-size: auto; background-size: auto;} .cont-bg-02{ padding-bottom: 100px;} .qygk-box div{ font-size: 16px;} .qygk-box b{ font-size: 18px;} .qygk-img{ float: right; margin-left: 25px;} } @media screen and (min-width: 1280px) { } /*发展历程*/ @media screen and (min-width: 320px) { .fzlc-box .fzlc-hd{ overflow: hidden;border-top-left-radius: 10px; border-top-right-radius: 10px; margin: 0 -1px -1px 0; box-shadow:0 0 12px rgba(0,0,0,.15);} .fzlc-box .fzlc-hd li{ width: 50%; float: left; padding-right: 1px; padding-bottom: 1px;} .fzlc-box .fzlc-hd div{ padding: 10px 10px 8px 10px; background: #00144c; border-bottom: solid 2px #00144c; cursor: pointer;} .fzlc-box .fzlc-hd div b{ display: block; text-align: center; color: #fff; font-size: 16px; line-height: 30px;} .fzlc-box .fzlc-hd div span{ display: block; text-align: center; color: #fff; line-height: 20px; font-size: 12px;} .fzlc-box .fzlc-hd .on div{ background: #fff; border-bottom-color: #ed5f05;} .fzlc-box .fzlc-hd .on div b{ color: #ed5e03;} .fzlc-box .fzlc-hd .on div span{ color: #ed5e03;} .fzlc-box-min .hd-ord i{display: none;} .fzlc-box-min .hd-ord{ padding: 10px 0; overflow: hidden;} .fzlc-box-min .hd-ord div{ padding: 0 10px; line-height: 40px; float: left; cursor: pointer;} .fzlc-box-min .hd-ord span{ color: #cfcfcf;} .fzlc-box-min .hd-ord .on span{ color: #ed5e03;} .fzlc-box-min .bd-ord{ overflow: hidden; background: #fff; padding: 0 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow:0 8px 12px rgba(0,0,0,.15);} .fzlc-mess{} .fzlc-mess dl{ overflow: hidden; line-height: 24px; padding: 15px 0;} .fzlc-mess dt i{ width: 4px; height: 12px; float: left; background: #ed5e03; margin-top: 6px; margin-right: 8px;} .fzlc-mess dt span{ overflow: hidden; line-height: 24px; display: block;} .fzlc-mess dd{ padding-top: 10px;} .fzlc-mess ul{ overflow: hidden; margin: -5px;} .fzlc-mess li{ float: left; padding: 5px;} .fzlc-mess li img{ height:60px !important;} } @media screen and (min-width: 992px) { .fzlc-box .fzlc-hd{ margin-bottom: 0;} .fzlc-box .fzlc-hd li{ width: 25%; padding-bottom: 0;} .fzlc-box .fzlc-hd{ border-top-left-radius: 30px; border-top-right-radius: 30px;} .fzlc-box .fzlc-hd div{ padding: 15px 15px 13px 15px;} .fzlc-box .fzlc-hd div b{ font-size: 22px; line-height: 35px;} .fzlc-box .fzlc-hd div span{ font-size: 14px; line-height: 24px;} .fzlc-box-min{ padding-top: 20px;} .fzlc-box-min .hd-ord{ padding-top: 0; border-top: solid 1px #e9e9e9; margin: 0 -20px;} .fzlc-box-min .hd-ord i{ display: block; color: #cfcfcf; text-align: center; font-size: 20px; line-height: 18px;} .fzlc-box-min .hd-ord span{ font-size: 22px; font-weight: bold;} .fzlc-box-min .hd-ord div{ padding: 0 20px;} .fzlc-box-min .hd-ord .on i:before{ color: #ed5e03;} .hd-ovh{ overflow: hidden;} .fzlc-box-min .bd-ord{ padding: 15px 30px;} .fzlc-mess li img{ height: 160px !important;} .fzlc-mess dd{ padding-top: 15px;} } @media screen and (min-width: 1280px) { } /*荣誉资质*/ @media screen and (min-width: 320px) { .ryzz-txt{ position: relative; padding-left: 30px;} .ryzz-txt img{ width: 40px !important; position: absolute; left: 0; top: -5px;} .ryzz-txt div{ border: solid 1px #e4e6e7; background: #eef1f3; padding: 15px ;} i.pic-scale-ryzz{ padding-bottom: 68.52%;} .ryzz-list{ padding-top: 20px;} .ryzz-list ul{ overflow: hidden; margin: -10px;} .ryzz-list li{ width: 50%; float: left; padding: 10px;} .ryzz-list span{ display: block; text-align: center; padding-top: 5px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 45px; font-size: 12px;} } @media screen and (min-width: 992px) { .ryzz-txt { padding-left: 50px;} .ryzz-txt img{ width: 73px !important;} .ryzz-txt div{ font-size: 18px; padding:10px 15px 10px 40px; line-height: 30px;} .ryzz-list{ padding-top: 30px;} .ryzz-list ul{ margin: -17px;} .ryzz-list li{ width: 33.3333%; padding: 17px;} .ryzz-list span{ font-size: 16px; padding-top: 10px; overflow: hidden; height: auto; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: block;} } @media screen and (min-width: 1280px) { } /*企业文化*/ @media screen and (min-width: 320px) { .qywh-list ul{ margin: -10px;} .qywh-list li{ padding: 10px;} .qywh-list dl{ overflow: hidden;} .qywh-list dt{ float: left;} .qywh-list dd{ overflow: hidden; padding-left: 15px;} .qywh-list dd b{ font-size: 16px; font-weight: normal; color: #333; border-bottom: solid 1px #dcd9da; display: inline-block; padding-bottom: 5px;} .qywh-list dd span{ display: block; font-size: 14px; line-height: 24px; color: #333; padding-top: 5px;} } @media screen and (min-width: 992px) { .qywh-list ul{ overflow: hidden; margin: -30px;} .qywh-list li{ float: left; width: 25%; padding: 30px;} .qywh-list dd b{ padding-bottom: 13px; font-size: 22px;} .qywh-list dd span{ padding-top: 10px;} } @media screen and (min-width: 1280px) { } /*组织架构*/ @media screen and (min-width: 320px) { .zzjg-box{ text-align: center; padding: 15px 0;} } @media screen and (min-width: 992px) { .zzjg-box{ padding: 25px 0;} } @media screen and (min-width: 1280px) { } /*人才理念*/ @media screen and (min-width: 320px) { i.pic-scale-rcln{ padding-bottom: 37.5%;} .rcln-list ul{ margin: -10px; overflow: hidden;} .rcln-list li{ padding: 10px; float: left; width: 100%;} .rcln-list li a{ display: block; box-shadow:0 0 12px rgba(0,0,0,.15);} .rcln-list div{ background: #fff; padding: 15px;} .rcln-list div b{ color: #004a96; font-size: 18px;} .rcln-list div span{ display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #666; font-size: 14px; line-height: 26px; height: 78px; } .rcln-list a:hover div b{ color: #ed5e03;} } @media screen and (min-width: 992px) { .rcln-list ul{ margin: -40px;} .rcln-list li{ width: 50%; padding: 40px;} .rcln-list div b{ font-size: 22px; padding-bottom: 5px; display: block;} .rcln-list div{ padding: 20px 15px;} } @media screen and (min-width: 1280px) { } /*动态类别*/ @media screen and (min-width: 320px) { .mhdt-r{ border: solid 1px #eee; background: #fff; padding: 20px;} .mhdt-tit{ color: #333; border-bottom: solid 1px #f0f0f0; display: block; font-size: 18px; font-weight: normal; line-height: 30px; padding-bottom: 5px;} .mhdt-menu{ margin: 0 -20px; padding-top: 5px;} .mhdt-menu li a{ padding: 0 20px; line-height: 40px; color: #004a96; display: block;} .mhdt-menu li a:hover{ color: #fff; background: #7fa4ca;} .mhdt-menu li a.on{ background: #004a96; color: #fff;} .lbtj-box{display: none;} .rqph-box{display: none;} .mhdt-list {padding-top: 15px; margin: -5px 0;} .mhdt-list li{ padding: 5px 0;} .mhdt-list p{} .mhdt-list b{ color: #333;} .mhdt-list dl{ border: solid 1px #eee; background: #fff; padding: 14px; overflow: hidden;} .mhdt-list dt{ float: left; width: 105px; padding-right: 15px;} .mhdt-list dd{ overflow: hidden;} .mhdt-list dl b{ font-size: 14px; display: block; line-height: 20px;} .mhdt-list dl p{display: none;} .mhdt-list span.mhdt-time{} .mhdt-list a:hover dl b{ color: #004a96;} .mhdt-list span.mhdt-time{ color: #666; display: block; line-height: 18px;} .mhdt-list span.mhdt-more{display: none;} } @media screen and (min-width: 992px) { .mhdt-r{ width: 380px; float: left; position: relative; left: 580px;} .mhdt-l{ width: 580px; float: left; position: relative; right: 380px; padding-right: 20px;} .mhdt-list{ padding-top: 0;} .mhdt-list dt{ width: 244px; padding-right: 20px;} .mhdt-list dl p{ display: block; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 24px; height: 72px; margin: 5px 0; color: #666;} .mhdt-list span.mhdt-time{ float: left; line-height: 36px; font-size: 14px;} .mhdt-list dl b{ overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 26px;} .mhdt-list span.mhdt-more{ display: block; border: solid 1px #0d213c; float: right; line-height: 34px; height: 36px; padding: 0 35px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .mhdt-list a:hover span.mhdt-more{ border-color: #004a96; background-color: #004a96; color: #fff;} .lbtj-box{ padding-top: 20px; overflow: hidden;} .lbtj-box ul{ padding-top: 15px;} .lbtj-box{ display: block;} .lbtj-box ul{ margin: -5px;} .lbtj-box li{ width: 50%; float: left; padding: 5px;} .lbtj-box li span{ font-size: 14px; line-height: 22px; display: block; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 66px;} .rqph-box{ display: block;} .lbtj-box a:hover span{ color: #004a96;} .rqph-box{ padding-top: 20px;} .rqph-box ul{ padding-top: 15px;} .rqph-box li{ overflow: hidden; position: relative; padding-left: 10px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; padding-right: 80px;} .rqph-box li i{ background: #ed5e03; width: 4px; height: 4px; position: absolute; left: 0; top: 50%; margin-top: -2px;} .rqph-box li a{ line-height: 36px; color: #666;} .rqph-box li a:hover{ color: #004a96;} .rqph-box li a:hover i{background: #004a96;} .rqph-box li span{ position: absolute; right: 0; top: 0; line-height: 36px; color: #999;} } @media screen and (min-width: 1280px) { .mhdt-r{ width: 380px; float: left; position: relative; left: 820px;} .mhdt-l{ width: 820px; float: left; position: relative; right: 380px; padding-right: 20px;} .mhdt-list dt{ width: 284px;} .mhdt-list dl b{ font-size: 20px; padding-top: 10px;} .mhdt-list dl p{margin: 10px 0;} } /*详细页*/ @media screen and (min-width: 320px) { div.info-tit{ color: #333; font-size: 18px; text-align: center; font-weight: bold;} div.info-mess{ font-size: 14px; color: #666; text-align: center; padding-bottom: 20px;} /*div.info-txt *{ color: #444;}*/ div.info-txt{ padding-bottom: 20px; overflow: hidden; position: relative; font-family:-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;} div.wx-txt{ background: #fff; border: solid 1px #ddd; padding: 15px; margin-top: 2px;} div.info-txt img{vertical-align: baseline;} div.wx-txt p{ min-height: 15px;} .info-other a{font-size: 16px;font-weight: normal;} .info-other{font-weight: bold;color: #999999!important;padding: 5px 0;} } @media screen and (min-width: 992px) { div.info-tit{ font-size: 30px;} div.info-txt img{ max-width: 100%;} div.wx-txt { width: 800px; margin: 0 auto; padding: 20px; margin-top: 3px;} } @media screen and (min-width: 1280px) { } /*美合视频*/ @media screen and (min-width: 320px) { .video-show{ width: 300px !important; height: 180px !important; background: #000 !important;} .video-show video{ width: 100%; height: 100%;} .video-show .layui-layer-setwin{ right: 0; top: 0;} div.video-show{ overflow: visible;} .video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 35px; height: 35px; background: #ed5e03; font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;} .video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e608"; color: #fff; font-size: 16px;} i.pic-scale-video{padding-bottom: 67.57%;} .video-list ul{ margin: -10px; overflow: hidden;} .video-list li{ padding: 10px; float: left; width: 50%;} .video-list li span{ background: #f1f5f7; display: block; text-align: center; height: 57px; line-height: 57px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;} .video-list i.icon-play{ width: 70px; height: 70px; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; line-height: 70px; text-align: center; color: rgba(255,255,255,.6); font-size: 30px; background: rgba(0,0,0,.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0;} .video-list a:hover span{ color: #004a96;} .video-list a:hover i.icon-play{-webkit-transform: scale(1); transform: scale(1); opacity: 1;} } @media screen and (min-width: 384px) { .video-show{ width: 365px !important; height: 200px !important;} } @media screen and (min-width: 480px) { .video-show{ width: 420px !important; height: 240px !important;} } @media screen and (min-width: 640px) { .video-show{ width: 630px !important; height: 360px !important;} } @media screen and (min-width: 768px) { .video-show{ width: 700px !important; height: 400px !important;} } @media screen and (min-width: 992px) { .video-show{ width: 980px !important; height: 552px !important;} .video-list ul{ margin: -22px; } .video-list li{ padding: 22px; width: 33.33333%;} } @media screen and (min-width: 1280px) { .video-show{ width: 980px !important; height: 552px !important;} } /*生产规模*/ @media screen and (min-width: 320px) { } @media screen and (min-width: 992px) { .scgm-box div{ font-size: 18px;} } @media screen and (min-width: 1280px) { } /*生产设备*/ @media screen and (min-width: 320px) { .scsb-box{} .scsb-box ul{ margin: -10px;} .scsb-box li{ padding: 10px;} .scsb-box dl{ border: solid 1px #c3daf2; background: #eff4fa; padding: 10px; overflow: hidden;} .scsb-box dt{ float: left;} .scsb-box dd{ overflow: hidden;} .scsb-box dd b{ color: #004a96; display: block; font-size: 16px;} .scsb-box dd span{ display: block; color: #666666; line-height: 24px; font-size: 12px; text-align: left;} .scsb-box-b{ padding-top: 20px;} } @media screen and (min-width: 992px) { .scgm-box div{ font-size: 18px;} .scsb-box-b li{float: left;} .scsb-box ul{ margin: -13px;} .scsb-box li{ width: 25%; float: left; padding: 13px;} .scsb-box dl{ height: 320px; padding: 15px;} .scsb-box dt{ width: 100%; float: none; text-align: center; padding: 15px;} .scsb-box dd{ text-align: center;} .scsb-box dd b{ font-size: 18px;} .scsb-box dd span{ color: #666; display: block; font-size: 14px; padding: 10px 0;} .scsb-box-b{ padding-top: 30px;} } @media screen and (min-width: 1280px) { .scsb-box dd b{ font-size: 22px;} } /*安全环保*/ @media screen and (min-width: 320px) { .aqhb-box dd{ padding-top: 10px;} .aqhb-box-bd{ padding-top: 20px;} .aqhb-box-b{background: #004a96; padding: 15px;} .aqhb-box-b div{ overflow: hidden;} .aqhb-box-b ul{margin: -15px; } .aqhb-box-b li{ padding: 15px; border-bottom: solid 1px #1f60a3;} .aqhb-box-b dt{ text-align: center;} .aqhb-box-b dd{ text-align: center; color: #fff;} .aqhb-box-b b{display: block; font-size: 16px;} .aqhb-box-b dd span{ display: block; color: #fff; font-size: 12px;} } @media screen and (min-width: 992px) { .scgm-box div{ font-size: 18px;} .aqhb-box{ overflow: hidden;} .aqhb-box dt{ float: left; width: 50%; left: 50%; position: relative; padding-left: 15px;} .aqhb-box dd{ float: left; width: 50%; right: 50%; position: relative; padding-right: 15px; padding-top: 0;} .aqhb-box-dt{ height: 204px; display: table; width: 100%;} .aqhb-box-dtc{ display: table-cell; vertical-align: middle;} .aqhb-box-bd{ padding-top: 40px;} .aqhb-box-b{ padding: 30px 20px;} .aqhb-box-b ul{ margin:0 -20px;} .aqhb-box-b li{ width: 25%; float: left; border-bottom: none; border-right: solid 1px #1f60a3; padding: 0 20px; height: 200px;} .aqhb-box-b dt{ padding-bottom: 10px;} .aqhb-box-b b{ font-size: 18px; padding-bottom: 5px;} } @media screen and (min-width: 1280px) { .aqhb-box-dt{ height: 255px} .aqhb-box-b li{ height: 180px;} } /*客户类型*/ @media screen and (min-width: 320px) { .khlx-box{} .khlx-box ul{ overflow: hidden; margin: -10px; padding-top: 20px;} .khlx-box li{ width: 50%; float: left; text-align: center; padding: 10px;} .khlx-box i{width: 60px; display: block; margin: 0 auto;} .khlx-box span{ display: block; color: #004a96; font-weight: bold; font-size: 14px;} .phone-hide{display: none;} } @media screen and (min-width: 992px) { .khlx-box ul{padding-top: 30px;} .khlx-box div{ font-size: 18px;} .khlx-box li{ width: 20%;} .khlx-box i{width: 90px; padding-bottom: 10px;} .khlx-box span{ font-size: 18px;} .phone-show{display: none;} .phone-hide{display: block;} } @media screen and (min-width: 1280px) { } /*赋能体系*/ @media screen and (min-width: 320px) { i.pic-scale-fntl{ padding-bottom: 52.63%;} .fntx-list ul{ margin: -10px; padding-top: 20px;} .fntx-list li{ padding: 10px;} .fntx-list span{ display: block; background: #fff; font-size: 16px; color: #333; text-align: center; font-weight: bold; height: 47px; line-height: 47px;} } @media screen and (min-width: 992px) { .fntx-box div{ font-size: 16px;} .fntx-list ul{ margin: -15px; padding-top: 30px;} .fntx-list li{ width: 33.3333%; float: left; padding: 15px;} .fntx-list span{ font-size: 18px;} } @media screen and (min-width: 1280px) { } /*产品资料*/ @media screen and (min-width: 320px) { .cpzl-list{ padding-top: 15px;} div.cpzl-tit { color: #ed5e03; font-size: 18px; text-align: center; font-weight: bold; padding-bottom: 10px;} .cpzl-pic{display: none;} .cpzl-list { margin-top: -10px 0;} .cpzl-list dl{ padding: 15px;border-top: solid 2px #ed5e03; background: #fff;} .cpzl-list dt{ text-align: center;} .cpzl-list dt b{ color: #004a96; font-size: 16px; vertical-align: middle; padding-left: 5px;} .cpzl-list dd{ overflow: hidden; padding-top: 10px;} .cpzl-list dd span{ float: left; width: 50%; line-height: 30px; position: relative; padding-left: 10px;} .cpzl-list dd span i{ width: 4px; height: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ed5e03; position: absolute; left: 0; top: 50%; margin-top: -2px;} .cpzl-list li{ padding: 10px 0;} } @media screen and (min-width: 992px) { .cpzl-box div{ font-size: 16px;} div.cpzl-tit { font-size: 24px;} .cpzl-list ul{ margin: -10px; overflow: hidden;} .cpzl-list li{ width: 33.33333%; float: left; padding: 10px;} .cpzl-list dd span{ width: 50%;} .cpzl-list dl{ height: 222px; padding: 20px;} .cpzl-list dt b{ font-size: 20px;} img.cpzl-pic{ display: block; width: 100% !important; max-width: none;} } @media screen and (min-width: 1280px) { .cpzl-list li{ width: 25%; } .cpzl-list dd span{ width: 50%;} .cpzl-list dt b{ font-size: 24px;} .cpzl-list dl{ height: 222px; padding: 20px;} } /*赋能体系*/ @media screen and (min-width: 320px) { .hzal-list div{ text-align: center; padding: 15px 0;} .hzal-ico{-webkit-transform: rotate(90deg); transform: rotate(90deg);} .hzal-list li{ text-align: center;} .hzal-list i{ display: block; text-align: center;} .hzal-list b{ display: block; font-size: 16px; color: #004a96;} .hzal-list span{ display: block; font-size: 14px;} } @media screen and (min-width: 992px) { .hzal-box div{ font-size: 16px;} .hzal-list ul{ overflow: hidden; margin: 0 -15px; padding-top: 30px;} .hzal-list li{ width: 33.333%; float: left; position: relative; padding: 0 15px;} .hzal-ico{-webkit-transform: none; transform: none; } .hzal-list i{height: 220px; position: relative; width: 80%; margin: 0 auto;} .hzal-list i img{ position: absolute; bottom: 0; left: 0; width: 100%;} .hzal-list b{ font-size: 18px; padding: 10px 0 5px 0;} .hzal-list span{ line-height: 24px;} .hzal-list div{ width: 50px; height: 50px; position: absolute; right: 0; top: 130px; margin-right: -25px; padding: 0;} } @media screen and (min-width: 1280px) { .hzal-list i{ width: 320px;} .hzal-list div{ width: 70px; height: 70px; margin-right: -35px; top: 125px;} } /*联系我们*/ @media screen and (min-width: 320px) { .map{ height: 300px; border: solid 2px #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden;} .lxwm-txt{ padding-top: 10px;} .lxwm-tit{ font-size: 18px; color: #333;} .lxwm-txt li{ color: #666;} .lxwm-tel{ padding-top: 20px;} .lxwm-tel i{ float: left; font-size: 60px; line-height: 50px; padding-right: 5px;} .lxwm-tel i:before{ color: #ed5e03;} .lxwm-tel div{ overflow: hidden;} .lxwm-tel span{display: block;font-size: 14px; color: #ed5e03; line-height: 20px; font-weight: bold;} .lxwm-tel b{ display: block; font-size: 26px; line-height: 30px; color: #ed5e03;} } @media screen and (min-width: 992px) { .lxwm-r{ float: left; position: relative; width: 530px; left: 430px;} .lxwm-txt{ float: left; position: relative; width: 430px; right: 530px; padding-top: 0;} .lxwm-tit{ font-size: 22px;} .lxwm-dt{ height: 300px; display: table;} .lxwm-dtc{ display: table-cell; vertical-align: middle;} .lxwm-txt ul{ width: 400px; overflow: hidden; padding-top: 25px;} .lxwm-txt li{ width: 50%; float: left;} .lxwm-txt li.wm{ width: 100%;} .lxwm-tel{ padding-top: 30px;} .lxwm-tel i{ font-size: 72px; line-height: 60px;} .lxwm-tel span{ font-size: 18px; line-height: 24px; } .lxwm-tel b{ font-size: 34px; line-height: 36px; } } @media screen and (min-width: 1280px) { .lxwm-r{ width: 770px; left: 430px;} .lxwm-txt{ width: 430px; right: 770px; padding-top: 0;} } /*add*/ @media screen and (min-width: 320px) { .yfzx-box div{font-size: 16px;color: #333;} .yfzx-box b{font-weight: bold;} .yfzx-01-box div{font-size: 14px;color: #666666;} .yfzx-04{ padding-top: 20px; overflow: hidden;} .yfzx-04>li ol li{color: #666666;} .yfzx-04>li{text-align: center;padding:20px 10px; border-top: solid 1px #dfdfdf;} .zlkz-style h3{color:#333333;font-weight: bold;font-size: 22px;} .zlkz-style div{color: #666666;font-size: 14px;} } @media screen and (min-width: 992px) { .zlkz-style div{font-size: 14px;} .yfzx-04-ovh{ overflow: hidden;} .yfzx-04{overflow: hidden; margin: 0 -30px; padding-top: 50px;} .yfzx-04>li{float: left;min-height: 165px;text-align: left; border-top: none; padding: 0 30px; width: 33.3333%; border-right: 1px solid #dfdfdf;} .yfzx-04>li div{overflow: hidden;padding-bottom: 6px; padding-bottom: 10px;} .yfzx-04>li div img{float: left;padding-right: 10px;} .yfzx-04>li div h3{line-height: 40px;color: #004a96;font-size: 22px;font-weight: bold;} } @media screen and (min-width: 1280px) { .yfzx-04{ margin:0 -80px;} .yfzx-04>li{ padding:0 80px ;} .yfzx-04>li:nth-child(1){ width: 25%;} .yfzx-04>li:nth-child(2){ width: 35%;} .yfzx-04>li:nth-child(3){ width: 40%;} } @media screen and (min-width: 320px) { .zlkz div{font-size: 14px;color: #494949;} .zlkz-style h3{color:#333333;font-weight: bold;font-size: 22px;} .zlkz-style div{color: #666666;font-size: 14px;} .zlkz-style ul li{float: left;width: 33.33%;padding: 6.5px;} .zlkz-style ul li i.pic-size{padding-bottom: 34%;} .zlkz-style ul{overflow: hidden;margin: -6.5px;padding-top: 20px;} .zlkz-style ul li div{border: 1px solid #ececec;} .zlkz-01 dl{background: #eff4fa;padding: 30px 20px;border: 1px solid #c3daf2;} .zlkz-01 dt h3{color: #c3daf2;line-height: 1;font-weight: bold;padding-right: 5px;font-size: 80px; display: inline-block; vertical-align: middle;} .zlkz-01 dt img{ margin-top: 10px; display: inline-block; vertical-align: middle; width: 50px !important; } .zlkz-01 ul{ margin: -10px; overflow: hidden;} .zlkz-01 li{padding: 10px;} .zlkz-01 dt{overflow: hidden;padding-bottom: 10px; text-align: center;} .zlkz-01 dd{text-align: center;} .zlkz-01 dd div{color: #666666;font-size: 14px;} .zlkz-01 dd h3{color: #004a96;font-weight: bold;} .zlkz h2{color: #333333;font-size: 18px;font-weight: bold;} .zlkz-03 li i.pic-size-cover img{object-fit: contain;} .zlkz-03 li{float: left;width: 50%;padding: 10px;} .zlkz-03 ul{overflow: hidden;margin: -10px;} .zlkz-03 li p{color: #333333;text-align: center;} i.pic-scale-honor{ padding-bottom: 140.35%;} } @media screen and (min-width: 992px) { .zlkz div{font-size: 16px;color: #494949;} .zlkz-03 li p{font-size: 16px;} .zlkz-03 ul{ overflow: hidden;} .zlkz-03 li{width: 25%;padding: 20px;} .zlkz-03 ul{margin: -20px;} .zlkz-01 dl{ min-height: 312px;} .zlkz-style h3{font-size: 22px;padding-bottom: 15px;} .zlkz-style div{font-size: 14px;} .zlkz-style ul li{width: 20%;} .zlkz-style ul{padding-top: 40px;} .zlkz-style ul li div{border: 2px solid #ececec;} .zlkz-01 li{float: left;width: 25%;padding: 13.5px;} .zlkz-01 ul{margin: -13.5px;overflow: hidden;padding-top: 20px;} .zlkz-01 dd h3{font-size: 22px;padding-bottom: 10px;} } @media screen and (min-width: 1280px) { .zlkz-01 dt h3{ font-size: 136px; position: absolute; left: 20px; top: 5px;} .zlkz-01 dt img{ width: 79px !important;} .zlkz-01 dl{ min-height: 322px; position: relative;} .zlkz-01 dt{ padding-bottom: 35px;} .zlkz-03 li{padding: 48px;} .zlkz-03 ul{margin: -48px;} }