@charset "utf-8"; /* CSS Document */ .banner-box{} .inline-banner{width: 100%;height: 350px;position: relative;} .inline-banner .wrap{height: 100%;} .banner-box .ban_con { padding-top:6%;} .banner-box .ban_con .ban_con-new {margin-right: 35px;text-align: left; } .banner-box .ban_con .ban_con-new .ban_tits {width: 100%;font-size: 42px;line-height: 42px;font-weight: bold;color: #fff; } .banner-box .ban_con .ban_con-new .now a{ color:#FFFFFF; margin:0 5px;} .banner-box .ban_con .ban_con-new .line {width: 48px;height: 7px;background: #fff;margin-top: 25px; } .banner-box .ban_con .ban_title{margin-top:15px;height: 40px;line-height: 40px;font-size: 26px;color: #fff;} @media (max-width: 1300px) { .banner-box .ban_con .ban_tits {font-size: 36px;line-height: 36px; }} @media (max-width: 975px) { .banner-box .ban_con .ban_con-new .ban_tits {font-size: 36px;line-height: 36px; } .banner-box .ban_con .ban_con-new .line {margin-top: 15px;height: 4px; } } @media (max-width: 700px) { .inline-banner{width: 100%;height: 250px;position: relative;} .banner-box .ban_con .ban_con-new .ban_tits {font-size: 32px;line-height: 32px; } .banner-box .ban_con .ban_con-new .line {margin-top: 15px;height: 4px; } } @media (max-width: 490px) { .inline-banner{width: 100%;height:150px;position: relative; background-size:100% 100%;} .inline-banner img{ width:100%;} .banner-box .ban_con .ban_con-new {margin-right: 0; margin-top:15px; padding-top:5%; } .banner-box .ban_con .ban_con-new .ban_tits {font-size:18px;line-height: 24px; } .banner-box .ban_con .ban_con-new .line {margin-top: 10px;height: 3px; } .banner-box .ban_con .ban_title{margin-top:5px;height: 24px;line-height: 24px;font-size:14px;color: #fff;} } /*banner结束*/ .about-top {width: 100%;height: 85px;background: #fff;margin-top: -85px;z-index: 10;position: relative;border-bottom: 1px solid #dbdbdb;} .about-top .top-new {overflow: hidden;height: 100%;position: relative;z-index: 11; } .about-top .top-new .now{padding-left: 28px; background: url(../images/home.png) no-repeat left center;height: 85px;line-height: 85px;font-size: 15px; float:left;} .about-top .top-new .tits {float: left;font-size: 24px;line-height: 85px;color: #3072c4;font-weight: bold; } .about-top .top-new .top-right {float: right;height: 100%;margin-right: -2px; } .about-top .top-new .top-right a {height: 100%;float: left;display: block;text-align: center;font-size: 16px;line-height: 85px;color: #5d5d5d;font-weight: bold;padding: 0 6px;margin: 0 40px;position: relative; } .about-top .top-new .top-right a i {width: 100%;height: 3px;background: #3072c4;display: block;position: absolute;bottom: -2px;left: 0;display: none; } .about-top .top-new .top-right span {width: 2px;height: 13px;margin-top: 36px;float: left;display: block;background: #e4e4e4; } .about-top .top-new .top-right a.on {color: #3072c4; } .about-top .top-new .top-right a.on i {display: block; } .about-top .top-new .top-right a:hover {color: #3072c4; } .about-top .top-new .top-right a:hover i {display: block; } .about-top .top-new .top-right.a a {margin: 0 30px; } @media (max-width: 1220px) { .about-top .top-new .top-right.p a {margin: 0 25px; } .about-top .top-new .top-right.c a {margin: 0 25px; } .about-top .top-new .top-right.a a {margin: 0 25px; } } .about-top-m {width: 100%;height: auto;position: relative;display: none;z-index: 20; } .about-top-m .tits {width: 100%;height: 85px;background: #3072c4;font-size: 24px;line-height: 85px;color: #fff; } .about-top-m .tits span {margin-left: 3%;float: left; } .about-top-m .tits i {width: 26px;height: 100%;display: block;margin-right: 3%;background: url(../images/top_icon.png) center no-repeat;background-size: 100%;float: right; } .about-top-m ul {width: 100%;height: auto;position: absolute;top: 85px;left: 0;background: #f9f9f9;z-index: 10;display: none; } .about-top-m ul li {width: 100%;height: 83px;border-bottom: 1px solid #d1d1d1;font-size: 24px;line-height: 83px; } .about-top-m ul li a {color: #181818;width: 97%;height: 100%;padding-left: 3%;display: block; } @media (max-width: 1024px) { .about-top { display:none;} .about-top .top-new .now{ display:none;} .about-top-m {display: block; } } @media (max-width: 630px) { .about-top-m .tits {height: 60px;font-size: 20px;line-height: 60px; } .about-top-m ul {top: 60px; } .about-top-m ul li {font-size: 20px;line-height: 55px;height: 55px; } } @media (max-width: 400px) { .about-top-m .tits {height: 50px;font-size: 16px;line-height: 50px; } .about-top-m ul {top: 50px; } .about-top-m ul li {font-size: 16px;line-height: 45px;height: 45px; } } /*面包屑结束*/ .about {width: 100%;height: auto;} .about .box1 {padding-top: 70px; } .about .box1 .title {width: 100%;height: auto;position: relative;text-align: center; } .about .box1 .title .t {font-size: 114px;line-height: 114px;color: #f6f6f6;font-family: Arial;text-transform: uppercase; } .about .box1 .title .t1 {font-size: 36px;line-height: 114px;color: #333;font-weight: bold;width: 100%;position: absolute;top: 0;left: 0; } .about .box1 .box-new {width: 100%;height: auto;margin-top: 60px; } .about .box1 .box-new .con {width: 100%;height: 870px;overflow: hidden;float: left; } .about .box1 .box-new .con .txt {font-size: 16px;line-height: 30px;color: #616161;width: 100%;height: auto; } .about .box1 .box-new .con .txt p{ text-indent:2em;} .about .box1 .box-new .pic {width: 33.3%;height: auto;float: right;position: relative; } @media (max-width: 1300px) { .about .box1 {padding-top: 50px; } .about .box1 .box-new {margin-top: 30px; } .about .box1 .box-new .con {height: 510px; } } @media (max-width: 1024px) { .about .box1 {padding-top: 40px; } .about .box1 .title .t {font-size: 80px;line-height: 80px; } .about .box1 .title .t1 {font-size: 26px;line-height: 80px; } .product .box1 {padding-top: 40px; } .product .box1 .title .t {font-size: 80px;line-height: 80px; } .product .box1 .title .t1 {font-size: 26px;line-height: 80px; } .about .box1 .box-new .con {height: 440px; } } @media (max-width: 830px) { .about .box1 .box-new .pic { display:none;} .about .box1 .box-new .con {width: 100%;height: auto;margin-top: 7%; } } @media (max-width: 710px) { .about .box1 {padding-top: 30px; } .about .box1 .title .t {font-size: 50px;line-height: 60px; } .about .box1 .title .t1 {font-size: 20px;line-height: 60px; } .about .box1 .box-new {margin-top: 15px; } .about .box1 .box-new .con {height: 380px; } .product .box1 {padding-top: 30px; } .product .box1 .title .t {font-size: 30px;line-height: 60px; } .product .box1 .title .t1 {font-size: 20px;line-height: 60px; } } @media (max-width: 580px) { .about .box1 .box-new .pic { display:none;} .about .box1 .box-new .con {width: 100%;height: auto;margin-top: 7%; } } .about .box2 {width: 100%;height: auto;margin-top: 56px;padding-bottom: 217px;background-size: cover !important; } .about .box2 .box-new {padding-top: 88px; } .about .box2 .box-new .title {width: 100%;height: auto;position: relative;text-align: center; } .about .box2 .box-new .title .t {font-size: 114px;line-height: 114px;color: #d5e5f9;opacity: 0.2;filter: alpha(opacity=20);text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; } .about .box2 .box-new .title .t1 {font-size: 36px;line-height: 114px;width: 100%;color: #fff;font-weight: bold;position: absolute;top: 0;left: 0; } .about .box2 .box-new .tabs {width: 100%;height: auto;text-align: center;margin-top: 50px; } .about .box2 .box-new .tabs a {width: 19.6%;height: 59px;display: inline-block;text-align: center;background: #38485e;font-size: 24px;line-height: 59px;color: #fff;font-weight: bold;position: relative; border-radius: 10px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);margin: 0 1.5%; } .about .box2 .box-new .tabs a i {width: 28px;height: 19px;display: block;position: absolute;bottom: -17px;left: 50%;margin-left: -14px;background: url(../images/about_icon1.png) no-repeat;display: none; } .about .box2 .box-new .tabs a.on {background: #fff;color: #3072c4; } .about .box2 .box-new .tabs a.on i {display: block; } .about .box2 .box-new .pic {width: 100%;height: auto;margin-top: 78px;text-align: center; } .about .box2 .box-new .pic .img {display: none;width: 100%;text-align: center; } .about .box2 .box-new .pic .img img {max-width: 100%; } .about .box2 .box-new .pic .img.on {display: block; } @media (max-width: 1239px) { .about .box2 {margin-top: 80px;padding-bottom: 100px; } .about .box2 .box-new {padding-top: 60px; } .about .box2 .box-new .tabs {margin-top: 30px; } .about .box2 .box-new .tabs a {font-size: 20px;line-height: 59px; } .about .box2 .box-new .pic {margin-top: 40px; } } @media (max-width: 1024px) { .about .box2 .box-new .title .t {font-size: 80px;line-height: 80px; } .about .box2 .box-new .title .t1 {font-size: 26px;line-height: 80px; } .about .box2 .box-new .tabs a {width: 24%;height: 45px;font-size: 20px;line-height: 45px; } .about .box2 .box-new .tabs a i {bottom: -13px; } } @media (max-width: 790px) { .about .box2 {margin-top: 60px;padding-bottom: 70px; } .about .box2 .box-new .title .t {font-size: 50px;line-height: 60px; } .about .box2 .box-new .title .t1 {font-size: 20px;line-height: 60px; } .about .box2 .box-new .tabs a {font-size: 16px;line-height: 45px; } } @media (max-width: 600px) { .about .box2 {margin-top: 40px;padding-bottom: 50px; } .about .box2 .box-new {padding-top: 50px; } .about .box2 .box-new .tabs a {width: 28%;font-size: 16px;line-height: 45px; } } .div_cul1 .div1{margin:0 auto; padding-top:65px;} .div_cul1 .div1 ul li{height:157px; margin-bottom:15px; border:1px solid #fff; color:#fff; position:relative; cursor:pointer;} .div_cul1 .div1 ul li .p1{ padding-top:23px; padding-left:17px;} .div_cul1 .div1 ul li .p1 .pp1{ height:38px;} .div_cul1 .div1 ul li .p1 .pp2{ margin-top:20px;} .div_cul1 .div1 ul li .p1 .pp3{ text-transform:uppercase;} .div_cul1 .div1 ul li .p2{ position:absolute; top:-1px; left:-2px; width:90.5%; height:119px; background:url(../images/8_22.png) repeat; border-radius:5px; padding:20px; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .div_cul1 .div1 ul li .p2 span{ font-size:14px;} .div_cul1 .div1 ul li:hover{ z-index:10;} .div_cul1 .div1 ul li:hover .p2{ opacity:1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} @media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */ .div_cul{ min-width:inherit;} .div_cul .div1 .lf{ width:90%; padding:3% 5%; padding-bottom:0px; margin-bottom:5%;} .div_cul .div1 .lf .p1{ color:#000; font-size:18px;} .div_cul .div1 .lf .p2{ color:#333; margin-top:3%; font-size:16px;} .div_cul .div1 .lf .p3{ color:#666; margin-top:3%; font-size:14px; line-height:26px;} .div_cul .div1 .lf .p4{ color:#999; margin-top:3%; font-size:14px; line-height:26px;} .div_cul .div1 .rg{ width:100%;} .div_cul1{ height:auto;} .div_cul1 .div1{ width:90%; padding:5%;} .div_cul1 .div1 ul li{ float:left; width:46%; border:1px solid #fff; color:#fff; position:relative; cursor:pointer; margin-bottom:5%; margin-right:0px;} .div_cul1 .div1 ul li:nth-child(2n){ float:right;} .div_cul1 .div1 ul li .p1 .pp1{ height:38px;} .div_cul1 .div1 ul li .p1 .pp2{ margin-top:5%;} .div_cul1 .div1 ul li .p2{ display:none;} } @media (max-width: 500px) { .about .box2 .box-new {padding-top: 40px; } .about .box2 .box-new .title .t {font-size: 40px;line-height: 40px; } .about .box2 .box-new .title .t1 {font-size: 16px;line-height: 40px; } .about .box2 .box-new .tabs {margin-top: 20px; } .about .box2 .box-new .tabs a {width: 40%;font-size: 14px;line-height: 40px;height: 40px; } } .about .box3 {width: 100%;height: auto; margin-bottom:70px;} .about .box3 .box-new {padding-top: 77px;padding-bottom: 57px; } .about .box3 .box-new .title {width: 100%;height: auto;position: relative;text-align: center; } .about .box3 .box-new .title .t {font-size: 114px;line-height: 114px;color: #f6f6f6;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase; } .about .box3 .box-new .title .t1 {font-size: 36px;line-height: 114px;color: #333;font-weight: bold;width: 100%;position: absolute;top: 0;left: 0; } .cont-box{position: relative;} .honor{width: 100%;} @media (max-width: 1024px) { .about .box3 .box-new {padding-top: 60px;padding-bottom: 80px; } .about .box3 .box-new .title .t {font-size: 80px;line-height: 80px; } .about .box3 .box-new .title .t1 {font-size: 26px;line-height: 80px; } } @media (max-width: 710px) { .about .box3 .box-new {padding-top: 50px;padding-bottom: 70px; } .about .box3 .box-new .title .t {font-size: 60px;line-height: 60px; } .about .box3 .box-new .title .t1 {font-size: 20px;line-height: 60px; } } @media (max-width: 520px) { .about .box3 .box-new {padding-top: 30px;padding-bottom: 30px; } .about .box3 .box-new .title .t {font-size: 50px;line-height: 50px; } .about .box3 .box-new .title .t1 {font-size: 18px;line-height: 50px; } } .about .box5 {padding-top: 70px; background-color:#f6f6f6;} .about .box5 .title {width: 100%;height: auto;position: relative;text-align: center; } .about .box5 .title .t {font-size: 114px;line-height: 114px;color: #d8d8d8;font-family: Arial;text-transform: uppercase; } .about .box5 .title .t1 {font-size: 36px;line-height: 114px;color: #333;font-weight: bold;width: 100%;position: absolute;top: 0;left: 0; } @media (max-width: 1024px) { .about .box5 {padding-top: 50px;padding-bottom: 70px; } .about .box5 .title .t {font-size: 80px;line-height: 80px; } .about .box5 .title .t1 {font-size: 26px;line-height: 80px; } } @media (max-width: 710px) { .about .box5 {padding-top: 30px;padding-bottom: 50px; } .about .box5 .title .t {font-size: 50px;line-height: 60px; } .about .box5 .title .t1 {font-size: 20px;line-height: 60px; } } @media (max-width: 450px) { .about .box5 {padding-top: 20px;padding-bottom: 30px; } } .about-his-con{overflow: hidden;background: #f6f6f6;padding: 60px 0 87px;} .about-his-con .inline-title{padding-bottom: 50px;} .about-his-con .about-his-up{min-width: 1200px;cursor: url(../images/cursor-drag-0.png), default;} .about-his-con #scrollObj{margin-bottom: 86px;width: 100%;position: relative;} .about-his-con li{float: left;width:380px;margin-right: 20px;overflow: hidden; background: #fff;cursor: pointer;margin-right: 13px;box-shadow: 0 0 10px rgba(0,0,0,.1);} .about-his-con li .pic{width: 100%;overflow: hidden;} .about-his-con li img{max-width: 100%;transition:all 0.5s;} .about-his-con li .con{width: 330px;margin:0 auto;padding:25px 0 10px;} .about-his-con li h2{font-size: 16px;color: #333333;line-height: 36px;} .about-his-con li:hover img{transform: scale(1.1, 1.1);} .about-his-con .scroll {height: 5px;background: #e0e0e0;cursor: pointer;position: relative;} .about-his-con .scroll #scrollBtn {width: 240px;height: 5px;background: #016CBE;position: absolute;left: 0px;bottom: 0px;cursor: pointer;border-radius: 2px;} @media screen and (max-width: 1920px) and (min-width:1024px) {.m-factory { display:none;}} @media screen and (max-width: 1023px) and (min-width:0px) { .about-his-con{ display:none;} .m-factory {padding: 30px 0; width:96%; margin:0 auto;background: #f6f6f6;} .m-factory ul{} .m-factory li{margin-bottom: 15px;} .m-factory li:nth-child(2n){margin-right: 0px;} .m-factory li img{display: block;width: 100%;} .m-factory li p{font-size:14px;color: #666; background-color:#FFFFFF;text-align: center;height:30px;line-height: 30px;overflow: hidden;} .m-factory .btn-more{width: 3.08rem;height: 0.8rem;line-height: 0.8rem;margin: 0 auto;border:1px solid #00986d;border-radius: 5px;overflow: hidden;font-size: 0.24rem;color: #00986d;text-align: center;margin-bottom: 0.5rem;} } /*产品*/ .product {width: 100%;height: auto; margin-top:30px;} .product .box1 {height: auto;padding-top:70px;padding-bottom: 55px;background-size: cover !important; } .product .box1 .title {width: 100%;height: auto;position: relative;text-align: center; } .product .box1 .title .t {font-size: 114px;line-height: 114px;color: #f6f6f6;font-family: Arial;text-transform: uppercase; } .product .box1 .title .t1 {font-size: 36px;line-height: 114px;color: #333;font-weight: bold;width: 100%;position: absolute;top: 0;left: 0; } @media (max-width: 1024px) { .product .box1 {padding-top: 40px;padding-bottom: 35px;} .product .box1 .title .t {font-size: 80px;line-height: 80px; } .product .box1 .title .t1 {font-size: 26px;line-height: 80px; } } @media (max-width: 710px) { .product .box1 {padding-top: 30px;padding-bottom: 25px;} .product .box1 .title .t {font-size: 50px;line-height: 60px; } .product .box1 .title .t1 {font-size: 20px;line-height: 60px; } .pro_zh_box{ width: 100%; height: 390px; margin-top:20px; position: relative; z-index: 5; } } /* .product .box1 .list_box li{ background: #FAFAFA; margin-bottom:20px; height: 444px; overflow: hidden; background-size: cover;; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.6s ease 0.5s, opacity 0.6s ease 0.5s; transition: transform 0.6s ease 0.5s, opacity 0.6s ease 0.5s; } .product .box1 .list_box li a{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;} .product .box1 .list_box li .box{ padding: 0; background: #FAFAFA;} .product .box1 .list_box li .box .img_box{ width:40%; transition: all .5s ease;} .product .box1 .list_box li .box .img_box img{ width:80%; padding:3% 10% 17% 10%;} .product .box1 .list_box li .cont_box{ width:50%;} .product .box1 .list_box li .cont_box .cont{ padding: 10% 6% 4% 0; } .product .box1 .list_box .cont_box .tit{ font-size:22px; line-height:38px; font-family: "微软雅黑","Microsoft YaHei"; color: #125fa3; font-weight: bold; } .product .box1 .list_box .cont_box .box_box2{ font-size: 16px; line-height:28px; color: #696969; } .product .box1 .list_box .cont_box .box_box2 .list{ margin-top:10px;} .product .box1 .list_box .cont_box .box_box2 .more{ width: 130px; height: 40px; line-height: 40px; background: #125fa3; color: #fff; font-size: 13px; text-align: center; margin-top: 10%; } .product .box1 .list_box li:hover a{ top: 20px; left: 20px; right: 20px; bottom: 20px; } .product .box1 .list_box li:hover .box .img_box{ background: #e5e5e5; width:40%;} */ .product .box2 {width: 100%;background-color:#EFEFEF;height: auto;padding-top: 38px;padding-bottom: 78px;background-size: cover !important; } .product .box2 .title {width: 100%;height: auto;position: relative;text-align: center; } .product .box2 .title .t {font-size: 114px;line-height: 114px;color: #d8d8d8;font-family: Arial;text-transform: uppercase; } .product .box2 .title .t1 {font-size: 36px;line-height: 114px;color: #333;font-weight: bold;width: 100%;position: absolute;top: 0;left: 0; } .product .box2 .box-pro .list {width: 100%;height: auto;margin-top: 44px;position: relative; } .product .box2 .box-pro .list .list-pro {width: 100%;height: auto;overflow: hidden; } .product .box2 .box-pro .list .list-pro ul {width: 100%;height: auto; } .product .box2 .box-pro .list .list-pro ul li {width: 31.25%;height: auto;background: #fff;float: left;margin-right: 45px;transition: all 0.5s; } .product .box2 .box-pro .list .list-pro ul li a {width: 100%;height: auto;display: block;padding-bottom: 27px; } .product .box2 .box-pro .list .list-pro ul li a .pic {width: 100%;height: auto;overflow: hidden; } .product .box2 .box-pro .list .list-pro ul li a .pic img {transition: all .5s; } .product .box2 .box-pro .list .list-pro ul li a .con {width: 88.9%;height: auto;margin: 0 auto; } .product .box2 .box-pro .list .list-pro ul li a .con .tits {font-size: 16px;line-height: 16px;height: 16px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 26px; } .product .box2 .box-pro .list .a {width: 50px;height: 50px;position: absolute;top: 50%;margin-top: -25px;display: block; } .product .box2 .box-pro .list .a.prev {left: -80px;background: url(../images/btn05.png) no-repeat; } .product .box2 .box-pro .list .a.next {background: url(../images/btn06.png) no-repeat;right: -80px; } .product .box2 .box-pro .list .a.prev:hover {left: -80px;background: url(../images/btn05_h.png) no-repeat; } .product .box2 .box-pro .list .a.next:hover {background: url(../images/btn06_h.png) no-repeat;right: -80px; } .product .box2 .box-pro .list .swiper-button-disabled { opacity: 0.2; } @media (max-width: 1600px) { .product .box2 .box-pro .list .a {z-index: 10; } .product .box2 .box-pro .list .a.prev {left: 0; } .product .box2 .box-pro .list .a.next {right: 0; } .product .box2 .box-pro .list .a.prev:hover {left: 0px; } .product .box2 .box-pro .list .a.next:hover {right: 0px; } } @media (max-width: 1024px) { .product .box2{padding-top: 50px;padding-bottom:40px; } .product .box2 .title .t {font-size: 80px;line-height: 80px; } .product .box2 .title .t1 {font-size: 26px;line-height: 80px; } .product .box2 .box-pro .list .list-pro ul li:hover {background: #3072c4; } .product .box2 .box-pro .list .list-pro ul li:hover a .pic img {transform: scale(1.1); } .product .box2 .box-pro .list .list-pro ul li:hover a .con .tits {color: #fff; } } @media (max-width: 800px) { .product .box2 .box-pro .list {margin-top: 20px; } } @media (max-width: 710px) { .product .box2{padding-top: 30px;padding-bottom: 50px; } .product .box2 .title .t {font-size: 50px;line-height: 60px; } .product .box2 .title .t1 {font-size: 20px;line-height: 60px; } } @media (max-width: 450px) { .product .box2{padding-top: 20px;padding-bottom: 30px; } } .pro_zh_box{ width: 100%; height: 390px; margin-top:40px; position: relative; z-index: 5; } .pro_zh_bg{ position: absolute; width: 1200px; margin-left: -600px; top: 0; left: 50%; } .pro_img{ width:650px; position: absolute; z-index: 1 ; bottom: -60px; left: 25px; } .pro_txt{ width: 500px; height: 100%; color: #fff; position: absolute; right: 0; top: 0; background: rgba(22,44,76,.8) ; z-index: 5; background:url(../img/blue_dark90.png) repeat \9;} .pro_txt ._con{ padding: 14%; } .pro_zh_box {margin-bottom: 130px;} .pro_zh_box .wrap{ height: 100%; } .pro_txt h3{ font-size: 30px; line-height: 1; margin-bottom: 15px; } .pro_txt h4{ font-size: 24px; margin-bottom: 30px; font-weight: normal; } .pro_txt ._txt{ line-height: 28px; margin-bottom: 50px; } .pro_zh_box.right .pro_img{ left: auto; right: 85px; } .pro_zh_box.right .pro_txt{ left: 0;} .more { display:inline-block; width:188px; font-size:14px; text-align:center;} .more a{display:block; width:100%; height:50px;} .more .face1{border:2px solid #ebeae9; line-height:46px; font-size:0; color:#DFDFDF; text-align:center; height:46px;} .more .face1 .sj{display:inline-block; width:17px; height:46px; background:url(../images/sj.png) center center no-repeat; margin-left:30px;} .more .face1 .t{display:inline-block; line-height:46px;font-size:14px; vertical-align: top; opacity:0.6;} .more .face2{background:#004488; border:2px solid #004488; color:#fff;line-height:46px; font-size:0; text-align:center; height:46px; transform-origin: 50% 50% -25px;-webkit-transform-origin: 50% 50% -25px;} .more .face2 .sj{display:inline-block; width:17px; height:46px; background:url(../images/sj_white.png) center center no-repeat; margin-left:30px;} .more .face2 .t{display:inline-block; line-height:46px;font-size:14px; vertical-align: top;} @media only screen and (max-width: 1240px) { .pro_zh_bg{max-width: none; } } @media only screen and (max-width: 992px) { .product .box1 {height: auto;padding-top:30px;padding-bottom: 30px;background-size: cover !important; } .pro_zh_bg{ display: none; } .pro_img{ position: static; width: 100%; text-align:center; left:0px;} .pro_img img{ width:100%;} .pro_txt{ position: static; width: 100%;} .pro_zh_box{ height: auto; margin-bottom: 20px; } .pro_zh_bg{ position: static; margin: 0; left: auto;} } @media only screen and (max-width: 760px) { .pro_txt ._con{ padding: 7%; } .pro_img{padding:15px 0;} .pro_txt h3{ font-size:18px; line-height: 1; margin-bottom: 15px; } .pro_txt h4{ font-size:16px; margin-bottom:15px; font-weight: normal; } .pro_txt ._txt{ line-height: 28px; margin-bottom: 30px; } } /*产品列表*/ .pro_boxs dl { overflow: hidden; margin-bottom: 30px; } .pro_boxs dt {float: left;font-weight: bold;font-size: 16px;} .pro_boxs dd { float: left; margin-left: 30px; } .pro_boxs dd i { display: inline-block; width: 20px; height: 20px; background: url(../images/checkbox.png) no-repeat 0 0; margin-right: 15px; vertical-align: middle; } .pro_boxs dd.checked i { background-position: -20px 0; } @media only screen and (max-width: 760px) { .pro_boxs dt{ float: none; width: 100%; margin-bottom:10px; } .pro_boxs dd{width:33%; margin-left:0; margin-bottom:10px;} } @media only screen and (max-width: 320px) { .pro_boxs dd{width:50%;} } .product-list {margin: 85px auto 90px;} .product-list .title {width: 100%;height: auto;text-align: center;position: relative; } .product-list .title .t {font-size: 114px;line-height: 114px;color: #f6f6f6;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase; } .product-list .title .t1 {width: 100%;font-size: 36px;line-height: 114px;position: absolute;top: 0;left: 0;color: #333;font-weight: bold; } .product-list .list {height: auto;padding-top:25px;padding-bottom: 15px; } .product-list .list ul {height: auto;padding-bottom: 15px; } .product-list .list ul li {height: auto;margin-bottom: 40px;transition: all .5s; } .product-list .list ul li a {width: 100%;height: auto;display: block; } .product-list .list ul li a .pic {width: 90%; height: auto;overflow: hidden; background-color:#fafafa;padding:5% 5%;} .product-list .list ul li a .pic img {transition: all .5s; } .product-list .list ul li a .tits {font-size: 16px;line-height:70px;color: #000; text-align:center;height: 70px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; } @media (min-width: 1024px) { .product-list .list ul li:hover {transform: translateY(-25px);box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } .product-list .list ul li:hover a .pic img {transform: scale(1.1); } .product-list .list ul li:hover a .tits span {transform: translateX(25px); } } .product-list .list .more {width: 156px;height: 46px;border-radius: 3px;background: #3072c4;text-align: center;display: block;margin: 0 auto;font-size: 14px;line-height: 46px;color: #fff;font-weight: bold; box-shadow: 0 2px 5px rgba(48, 30, 0, 0.3); } @media (max-width: 1024px) { .product-list {margin: 50px auto 55px; } .product-list .title .t {font-size: 80px;line-height: 80px; } .product-list .title .t1 {font-size: 26px;line-height: 80px; } .product-list .list {padding-top: 40px; } .product-list .list ul li {margin-bottom: 30px; } .product-list .list ul li a .tits {height: 60px;line-height: 60px; } } @media (max-width: 768px) { .product-list {margin: 30px auto 45px; } .product-list .list {padding-top: 20px; } .product-list .list ul li {margin-bottom: 20px; } } @media (max-width: 710px) { .product-list .title .t {font-size: 50px;line-height: 60px; } .product-list .title .t1 {font-size: 20px;line-height: 60px; } .product-list .list ul li {margin-bottom:0px; } .product-list .list ul li a .tits {font-size: 16px;line-height:50px;height:50px;} } /*产品详情页*/ .pro_detail{padding:55px 0 70px;overflow:hidden;min-height:200px;} .pro_detail_sec1 .zoom_img {width:100%; border: 1px solid #eee; z-index: 2;} .pro_detail_sec1 { padding: 0 0 65px 0; overflow: hidden; } .pro_detail_sec1 .l_box{width:50%} .pro_detail_sec1 .l_box img{ width:100%;} .pro_detail_sec1 .r_box{width:45%} .pro_detail_con .tit { font-size: 30px; color: #0159b0; margin-bottom: 20px; line-height: 1; } .pro_detail_con .intro { margin-bottom: 20px; font-size:16px; line-height:30px; color:#696969; padding:25px 0; border-top:1px solid #efefef; border-bottom:1px solid #efefef;} .pro_detail_con .tel_num { font-size: 24px; color: #0159b0; margin-left:15px;} .pro_detail_con .tools { margin-bottom: 20px; } .pro_detail_con .tools li { float: left; margin-right:30px; line-height:32px;} .pro_detail_con .tools .ion { font-size:16px; line-height:30px;} .pro_detail_intro { padding:35px 0; padding-bottom:0; border-top:1px solid #E6E6E6;} .pro_detail_intro .item_tit { font-size: 28px; line-height: 1; color: #000; margin-bottom: 30px; } .pro_detail_intro .con{ font-size:15px; line-height:30px; color:#696969;} .pro_detail_sec1 .bds_more { padding: 0 !important; margin: 0 !important; background: none !important; font-size: 14px !important; } .pro_detail_sec1 .zoom_img ul {width: 100%;height: auto; } .pro_detail_sec1 .zoom_img ul li {width: 100%;height: auto;float: left; } .pro_detail_sec1 .zoom_img .btns {width: 100%;height: auto;text-align: center;position: absolute;bottom: 10px;left: 0;z-index: 10; } .pro_detail_sec1 .zoom_img .btns span {width: 12px;height: 12px;border-radius: 12px;background: #fff;opacity: 1; } @media only screen and (max-width: 1240px) { .pro_detail_sec1 .zoom_img{width:100%;} } @media only screen and (max-width: 992px) { .pro_detail_con .intro{padding:15px 0;} .pro_detail_con .tools li{display:none;} .pro_detail_sec1 .zoom_img{margin-bottom:5px;} .pro_detail_con .tit { font-size: 18px;} .pro_detail_intro .item_tit { font-size: 18px; line-height: 1; margin-bottom:20px; } } @media only screen and (max-width: 760px) { .pro_detail_sec1 .l_box{width:100%; margin-bottom:30px;} .pro_detail_sec1 .r_box{width:100%;} .pro_detail_sec1 .zoom_img .fd{display:none;} .down_list{display:none;} .pro_detail_intro img{ width:100%;} } /*新闻列表*/ .news-list {margin:55px auto 100px; } .news-list .nlist {width: 100%;height: auto;margin-top: 32px;} .news-list .nlist ul {width: 100%;height: auto; margin-bottom:50px;} .news-list .nlist ul li {width: 100%;height: auto;border-bottom: 1px solid #eee; } .news-list .nlist ul li a {width: 100%;height: auto;display: block;padding: 24px 0; } .news-list .nlist ul li a .box {width: 100%;height: auto;margin: 0 auto; } .news-list .nlist ul li a .box .time {width: 86px;height: auto;float: left;margin-top: 14px; } .news-list .nlist ul li a .box .time .day {width: 100%;height: 80px;text-align: center;font-size: 40px;line-height: 80px;background: #eaeaea;font-family: Arial; } .news-list .nlist ul li a .box .time .year {width: 100%;height: 30px;text-align: center;background: #f9f9f9;font-size: 14px;line-height: 30px;color: #555;font-family: Arial; } .news-list .nlist ul li a .box .con {width: 61.1%;height: auto;float: left;margin-left: 3.5%;margin-top: 14px; } .news-list .nlist ul li a .box .con .tits {font-size: 22px;line-height: 22px;color: #333;height: 22px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; } .news-list .nlist ul li a .box .con .tt {font-size: 14px;line-height: 14px;margin-top: 10px;display: none; } .news-list .nlist ul li a .box .con .num {font-size: 12px;line-height: 24px;color: #999;padding-left: 25px;background: url(../images/news_num.png) left center no-repeat;margin-top: 14px; } .news-list .nlist ul li a .box .con .tit {font-size: 14px;line-height: 24px;color: #616161;height: 48px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 11px; } .news-list .nlist ul li a .box .pic {width: 19.3%;height: auto;float: right;overflow: hidden; } .news-list .nlist ul li a .box .pic img {transition: .5s; } @media (min-width: 1024px) { .news-list .nlist ul li:hover a .box .con .tit {color: #3072c4; } .news-list .nlist ul li:hover a .box .pic img {transform: scale(1.1); } } .news-list .nlist .more {width: 156px;height: 46px;border-radius: 3px;background: #3072c4;text-align: center;display: block;margin: 75px auto 0;font-size: 14px;line-height: 46px;color: #fff;font-weight: bold;box-shadow: 0 2px 5px rgba(48, 30, 0, 0.3); } @media (max-width: 1024px) { .news-list {margin: 60px auto 70px; } .news-list .title .t {font-size: 80px;line-height: 80px; } .news-list .title .t1 {font-size: 26px;line-height: 80px; } } @media (max-width: 880px) { .news-list .nlist ul li a .box .con {width: 53%; } .news-list .nlist ul li a .box .pic {width: 29%; } } @media (max-width: 720px) { .news-list .nlist ul li a .box .con {width: 50%; } } @media (max-width: 710px) { .news-list {margin: 40px auto 50px; } .news-list .title .t {font-size: 50px;line-height: 60px; } .news-list .title .t1 {font-size: 20px;line-height: 60px; } } @media (max-width: 600px) { .news-list .nlist ul li a .box .time {display: none; } .news-list .nlist ul li a .box .con {margin-left: 0;width: 66%; } .news-list .nlist ul li a .box .con .tt {display: block; } .news-list .nlist ul li a .box .con .num {margin-top: 4px; } .news-list .nlist ul li a .box .pic {width: 33%; } .news-list .nlist .more {margin: 30px auto 0; } } @media (max-width: 550px) { .news-list .nlist ul li a .box .pic {width: 100%;height: auto;float: none; } .news-list .nlist ul li a .box .con {width: 100%;height: auto;margin-top: 15px;float: none; } .news-list .nlist ul li a .box .con .tits {font-size:18px;} } /*新闻详情页*/ .news-info{padding-top:55px;padding-bottom: 50px;transition: normal;position: relative;} .news-info .leftwrap{width: 66%;margin-right: 2%;} .news-info.twrap .leftwrap,.news-info.m-wrap .leftwrap{margin-right: 0;width: 100%;} .news-info.m-wrap .leftwrap{padding-top: 10px;} .news-info .rightwrap{width: 32%;} .news-info.twrap .rightwrap,.news-info.m-wrap .rightwrap{width: 100%;} .news-info h1{font-weight: normal;margin-bottom: 14px;color: #333;font-size:22px;line-height: 30px;} .news-info.m-wrap h1{font-size:22px;line-height: 28px;margin-bottom: 10px;margin-top: 10px; } .news-info .entry-meta{padding: 8px 20px;background: #edf1f7;overflow: hidden;color: #505050;line-height: 36px;font-size: 14px;} .news-info .entry-meta .share{ margin-top:10px;} .news-info .contwrap{font-size: 14px;padding-top: 20px;padding-bottom: 40px;color: #555} .news-info .contwrap p{ text-indent:2em; line-height:30px;} .news-info .contwrap img{display: block;margin: 0 auto;max-width: 100%;} .news-info.m-wrap .contwrap{padding-bottom: 0;} .news-info .rightwrap h4{font-weight: bold;padding: 12px 14px;line-height: 23px;margin-bottom: 20px;background: #035cac;font-size: 16px;color: #fff;} .news-info.m-wrap .rightwrap h4{font-size: 15px;padding: 6px 14px;margin-bottom: 0;} .news-info .rightwrap ul{width: 94%;padding: 0 3%;} .news-info.twrap .rightwrap ul{width: 96%;padding: 0 2%;} .news-info .rightwrap li{width: 100%;padding-bottom: 14px;padding-top: 7px;border-bottom: 1px solid #dadada;} .news-info .rightwrap li:last-child{border-bottom: none;} .news-info .rightwrap li a{color: #333;font-weight: bold;display: inline-block;font-size: 14px;line-height: 28px;} .news-info.m-wrap .rightwrap li a{font-size: 15px;line-height: 24px;} .news-info .rightwrap li a:hover{color: #035cac;} .news-info .rightwrap li .post-date{display: block;line-height: 21px;font-size: 13px;color: #555;margin-top: 1px;} .news-info.m-wrap .rightwrap li .post-date{margin-top: 5px;} @media (max-width: 1024px) { .news-info .leftwrap{width:100%;margin-right: 0;} .news-info .rightwrap{width: 100%;} .news-info .entry-meta .lf{ float:none;line-height: 30px;} .news-info .entry-meta .rg{float:none;} .news-info .entry-meta .share{ margin-top:5px; margin-bottom:5px;} .news-info .contwrap{padding-bottom:0px;} .news-info.m-wrap h1{font-size:18px;} } /*合作伙伴*/ .supplier{padding:55px 0;} .supplier .title {width: 100%;height: auto;text-align: center;position: relative; } .supplier .title .t {font-size: 114px;line-height: 114px;color: #f6f6f6;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase; } .supplier .title .t1 {width: 100%;font-size: 36px;line-height: 114px;position: absolute;top: 0;left: 0;color: #333;font-weight: bold; } @media (max-width: 1024px) { .supplier{padding-top: 40px; } .supplier .title .t {font-size: 80px;line-height: 80px; } .supplier .title .t1 {font-size: 26px;line-height: 80px; } } @media (max-width: 710px) { .supplier{padding-top: 30px; } .supplier .title .t {font-size: 50px;line-height: 60px; } .supplier .title .t1 {font-size: 20px;line-height: 60px; } } .supplier .cooper{margin-top:50px; min-height:450px; margin-bottom:50px;} .supplier .cooper .cooper_bott{width:102%; } .supplier .cooper .cooper_bott dl{width:14.66666667%;height:165px;float: left;margin-right:2%;*margin-right:1.89%;} .supplier .cooper .cooper_bott dl dt{width:100%;height:110px;border:1px solid #d9d9d9;} .supplier .cooper .cooper_bott dl dt span{overflow:hidden;display:block;} .supplier .cooper .cooper_bott dl dt img{ width:100%;border:0;transition-duration:1000ms;transform: scale(1,1);transition-timing-function: ease-out;transition-duration: 1000ms;} .supplier .cooper .cooper_bott dl dt img:hover{border:0;transition-duration:1000ms;transform: scale(1.1,1.1);transition-timing-function: ease-out;transition-duration: 1000ms;} .supplier .cooper .cooper_bott dl dd{height:52px;line-height:52px;text-align:center;color:#555;font-size:14px;} @media (max-width: 1024px) { .supplier .cooper{ margin-top:40px; height:auto;} .supplier .cooper .cooper_bott dl{width:31.33333333%;} } @media only screen and (max-width:769px) { .supplier .cooper .cooper_bott dl{height:182px;} .supplier .cooper .cooper_bott dl dt{height:112px;} .supplier .cooper .cooper_bott dl dt img{width:100%} } @media only screen and (max-width:640px) { .supplier .cooper{ margin-top:30px;} .supplier .cooper .cooper_bott dl{height:160px;width:48%} .supplier .cooper .cooper_bott dl dt{height:116px;} } @media (max-width: 550px) { .supplier .cooper .cooper_bott dl{height:160px;} .supplier .cooper .cooper_bott dl dt{height:110px;} } @media (max-width: 374px) { .supplier .cooper .cooper_bott dl{height:140px;width:48%} .supplier .cooper .cooper_bott dl dt{height:105px;} } .custom {padding: 85px 0 90px; height:auto; background:#FAFAFA;} .custom .title {width: 100%;height: auto;text-align: center;position: relative; } .custom .title .t {font-size: 114px;line-height: 114px;color: #EAEAEA;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase; } .custom .title .t1 {width: 100%;font-size: 36px;line-height: 114px;position: absolute;top: 0;left: 0;color: #333;font-weight: bold; } @media (max-width: 1024px) { .custom {margin: 50px auto 55px; } .custom .title .t {font-size: 80px;line-height: 80px; } .custom .title .t1 {font-size: 26px;line-height: 80px; } } @media (max-width: 710px) { .custom{padding-top: 30px;} .custom .title .t {font-size: 50px;line-height: 60px; } .custom .title .t1 {font-size: 20px;line-height: 60px; } } .custom .cooper{width:100%; margin-top:50px; min-height:350px; margin-bottom:50px;} .custom .cooper .cooper_bott{width:102%; } .custom .cooper .cooper_bott dl{width:14.66666667%;height:165px;float: left;margin-right:2%;*margin-right:1.89%;} .custom .cooper .cooper_bott dl dt{width:100%;height:110px;border:1px solid #d9d9d9;} .custom .cooper .cooper_bott dl dt span{overflow:hidden;display:block;} .custom .cooper .cooper_bott dl dt img{ width:100%;border:0;transition-duration:1000ms;transform: scale(1,1);transition-timing-function: ease-out;transition-duration: 1000ms;} .custom .cooper .cooper_bott dl dt img:hover{border:0;transition-duration:1000ms;transform: scale(1.1,1.1);transition-timing-function: ease-out;transition-duration: 1000ms;} .custom .cooper .cooper_bott dl dd{height:52px;line-height:52px;text-align:center;color:#555;font-size:14px;} @media (max-width: 1024px) { .custom .cooper{ margin-top:40px; height:auto;} .custom .cooper .cooper_bott dl{width:31.33333333%;} } @media only screen and (max-width:769px) { .custom .cooper .cooper_bott dl{height:182px;} .custom .cooper .cooper_bott dl dt{height:132px;} .custom .cooper .cooper_bott dl dt img{width:100%} } @media only screen and (max-width:640px) { .custom .cooper{ margin-top:30px;} .custom .cooper .cooper_bott dl{height:160px;} .custom .cooper .cooper_bott dl dt{height:116px;} .custom .cooper .cooper_bott dl{width:48%} } @media (max-width: 550px) { .custom .cooper .cooper_bott dl{height:160px;} .custom .cooper .cooper_bott dl dt{height:110px;} } /*服务理念*/ .about .box1 .box-new .con-left {width: 62.5%;height: auto;float: left;} .about .box1 .box-new .con-left .tits {font-size: 24px;line-height: 32px;font-weight: bold;color: #333;margin-top: 8px; } .about .box1 .box-new .con-left .tit {font-size: 16px;line-height: 32px;color: #616161;margin-top: 26px; } .about .box1 .box-new .con-left .box {width: 100%;height: 332px;border: 1px solid #cecece;margin-top:22px; } .about .box1 .box-new .con-left .box .box-title {width: 18.8%;height: 100%;background: #3072c4;position: relative;float: left; } .about .box1 .box-new .con-left .box .box-title .t {font-size: 18px;line-height: 18px;color: #fff;font-weight: bold;transform: rotate(-90deg);bottom: -4px;left: 19px;position: absolute;-webkit-transform-origin: left top;transform-origin: left top; } .about .box1 .box-new .con-left .box .box-title .line {width: 2px;height: 19px;position: absolute;bottom: 15px;left: 49px;background: #fff; } .about .box1 .box-new .con-left .box .box-title .t1 {width: 205px;font-size: 18px;line-height: 18px;color: #e7f2ff;position: absolute;-webkit-transform-origin: left top;transform-origin: left top;transform: rotate(-90deg);bottom: -4px;left: 113px;text-transform: uppercase;font-family: HEL; } .about .box1 .box-new .con-left .box .concept_list {width: 81.2%;height: 100%;float: left; } .about .box1 .box-new .con-left .box .concept_list .item {width: 100%;height: 20%;border-bottom: 1px dashed #cecece;box-sizing: border-box; } .about .box1 .box-new .con-left .box .concept_list .item .t {width: 112px;height: 26px;background: url(../images/culture_bg5.jpg) no-repeat;text-align: center;font-size: 16px;line-height: 26px;color: #fff;float: left;margin-left: 8.2%; } .about .box1 .box-new .con-left .box .concept_list .item .t1 {font-size: 16px;line-height: 26px;float: left;margin-left: 10%; } .about .box1 .box-new .con-left .box .concept_list .item:last-child {border: none; } .table {display: table;width: 100%;height: 100%;} .table .table-cell {display: table-cell;vertical-align: middle; } @media (max-width: 1460px) { .about .box1 .box-new .con-left {width: 62%; } .about .box1 .box-new .con-left .box {margin-top: 30px; } } @media (max-width: 1320px) { .about .box1 .box-new .con-left .tit {margin-top: 15px; } .about .box1 .box-new .con-left .box .box-title {width: 15%; } .about .box1 .box-new .con-left .box .box-title .t {left: 8px; } .about .box1 .box-new .con-left .box .box-title .line {left: 35px; } .about .box1 .box-new .con-left .box .box-title .t1 {left: 70px; } .about .box1 .box-new .con-left .box .list {width: 85%; } } @media (max-width: 1140px) { .about .box1 .box-new .con-left .box .list .item .t1 {margin-left: 5%; } } @media (max-width: 1040px) { .culture .box1 {padding-top: 45px; } .culture .box1 .content {margin-top: 45px; } .about .box1 .box-new .con-left .box {width: 160%; margin-top: 30%; } } @media (max-width: 1024px) { .culture .box1 .title .t {font-size: 80px;line-height: 80px; } .culture .box1 .title .t1 {font-size: 26px;line-height: 80px; } } @media (max-width: 980px) { .about .box1 .box-new .con-left .tits {font-size: 18px;line-height: 28px; } .about .box1 .box-new .con-left .box {margin-top: 13%; } } @media (max-width: 860px) { .about .box1 .box-new .con-left .box {margin-top: 0; } } @media (max-width: 710px) { .culture .box1 .title .t {font-size: 50px;line-height: 60px; } .culture .box1 .title .t1 {font-size: 20px;line-height: 60px; } } @media (max-width: 680px) { .about .box1 .box-new .con-left .box .concept_list {width: 100%;height: 100%;float: none; margin-top:10px; } .about .box1 .box-new .con-left .box .concept_list .item {width:92%;height: 20%; padding-top:10%;} .culture .box1 .content {margin-top: 30px; } .about .box1 .box-new .con-left {width: 100%;float: none; } .about .box1 .box-new .con-left .box {width: 100%;margin-top: 20px; } .culture .box1 .content .pic {width: 480px;margin: 20px auto 0;float: none; } } @media (max-width: 630px) { .about .box1 .box-new .con-left .box {height: auto; } .about .box1 .box-new .con-left .box .box-title {width: 100%;padding-bottom: 15px; margin-bottom:20px; } .about .box1 .box-new .con-left .box .box-title .t {transform: rotate(0deg);position: relative;bottom: auto;left: auto;margin-left: 3%;padding-top: 15px; } .about .box1 .box-new .con-left .box .box-title .line {width: 19px;height: 2px;margin-top: 10px;position: relative;bottom: auto;margin-left: 3%;left: auto; } .about .box1 .box-new .con-left .box .box-title .t1 {transform: rotate(0deg);position: relative;bottom: auto;left: auto;margin-top: 20px;margin-left: 3%; } .about .box1 .box-new .con-left .box .list {width: 100%; } .about .box1 .box-new .con-left .box .list .item {padding: 10px 0; } } @media (max-width: 540px) { .about .box1 .box-new .con-left .box {margin-top: 0; } .about .box1 .box-new .con-left .box .list .item{ margin-top:2%;} .about .box1 .box-new .con-left .box .list .item .t {width: 90px;font-size: 14px;margin-left: 1%; } .about .box1 .box-new .con-left .box .list .item .t1 { width:98%;margin-left: 1%; margin-right:1%;font-size: 14px; } } @media (max-width: 490px) { .culture .box1 .content .pic {width: 100%; } } @media (max-width: 540px) { .about .box1 .box-new .con-left .box .list .item .t {float: none; } .about .box1 .box-new .con-left .box .list .item .t1 {width: 97%;margin-left: 1%;float: none;margin-top: 5px; } } /*售后服务*/ .support .ct{color: #fff; font-size:16px; line-height:32px; text-align: center;} .support li{ margin-top:60px;height:310px;background:url(../images/white_03.png) repeat;text-align:center;} .support .list_box{color:#fff;padding: 14% 10% 0;} .support .list_ico{width:60px;height:60px;display:block;margin:0 auto 10px;background:url(../images/service_system_p4_ico.png) no-repeat;} .support .li2 .list_ico{background-position:-60px 0px;} .support .li3 .list_ico{background-position:-120px 0px;} .support .list_title{font-size:22px;margin-bottom:14px; margin-top:15px; line-height:32px;} .support li:hover{background:url(../images/bluw_70.png) repeat;} .support li:hover .list_ico{ -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)} @media only screen and (max-width: 760px) { .supportli{height:auto;margin-bottom:1%;} .support.list_box{padding:6%;} .support.list_title{font-size:18px;} .support.c_title{margin-bottom:10px;} } /*售后服务*/ .after_sale dl{text-align: center;padding-top: 30px;} .after_sale dl dd{width: 20%;float: left;overflow: hidden;} .after_sale dl dd .txt{font-size: 14px;padding-top: 20px;color: #999;} /*下载*/ .down-list{ margin:30px auto;} .down-list span{ font-weight:bold; font-size:15px; margin-bottom:25px;} .down-list li{ line-height:40px; font-size:15px; border-bottom:1px dotted #ccc; overflow:hidden; } .down-list li a{ display:block; } .down-list li ._title{ float:left; width:60%; } .down-list li ._downbtn{ float:right; margin-right:2%;} .down-list li ._viewbtn{ float:right;} .down-list li.hover a{ color:#572b22; } .down-list li.hover ._title{ font-weight:bold;} @media (max-width: 1024px) { .down-list{ padding:0 10px;} .down-list li ._title{ width:100%;} .down-list li ._downbtn,.down-list li ._viewbtn{ display:none;} } /*联系我们*/ .contact_us{padding:55px 0;min-height:200px;} .contact_us .title {width: 100%;height: auto;position: relative;text-align: center; } .contact_us .title .t {font-size: 114px;line-height: 114px;color: #f6f6f6;font-family: Arial;text-transform: uppercase; } .contact_us .title .t1 {font-size: 36px;line-height: 114px;color: #333;font-weight: bold;width: 100%;position: absolute;top: 0;left: 0; } @media (max-width: 1024px) { .contact_us{padding-top: 40px; } .contact_us .title .t {font-size: 80px;line-height: 80px; } .contact_us .title .t1 {font-size: 26px;line-height: 80px; } } @media (max-width: 710px) { .contact_us{padding-top: 30px; } .contact_us .title .t {font-size: 50px;line-height: 60px; } .contact_us .title .t1 {font-size: 20px;line-height: 60px; } } .contact_us .pt1{margin-bottom:30px;} .contact_us .pt1>.wrap{position:relative;} .contact_us .pt1 .map_box{ height:602px; overflow:hidden;} .contact_us .pt1 .map_box img{max-width:none;} .contact_us .pt1 .map_text{width:42%;background:url(../images/blur_73.png);color:#fff;position:absolute;top:6%;right:4%;} .contact_us .pt1 .map_text dl{padding:6% 6%;} .contact_us .pt1 .map_text dt{font-size:24px;margin-bottom:15px;} .contact_us .pt1 .map_text .map_title{font-size:18px; line-height:30px;} .contact_us .pt1 .map_text dd{margin-bottom:5px;line-height:30px; float:left; width:50%;} .contact_us .pt1 .map_text dd .map_main {width:80%;} .contact_us .pt1 .map_text dd a{color:#fff;} .contact_us .pt1 .map_text dd .map_ico{width:30px;height:30px;background:url(../images/about_callus_part1_ico.png) no-repeat;margin-right:10px;} .contact_us .pt1 .map_text dd.dd1{ float:none; width:100%;} .contact_us .pt1 .map_text dd.dd1 .map_ico{background-position:0px 0px;} .contact_us .pt1 .map_text dd.dd2 .map_ico{background-position:-30px 0px;} .contact_us .pt1 .map_text dd.dd3 .map_ico{background-position:-60px 0px;cursor:default;} .contact_us .pt1 .map_text dd.dd4{float:none; width:100%;} .contact_us .pt1 .map_text dd.dd4 .map_ico{background-position:-90px 0px;} .contact_us .pt1 .map_text dd.dd5 {float:none; width:100%;} .contact_us .pt1 .map_text dd.dd5 .map_ico{background-position:-120px 0px;} .contact_us .pt1 .map_text dd.dd6 .map_ico{background-position:-150px 0px;} .contact_us .pt1 .map_text dd.dd7 .map_ico{background-position:-180px 0px;} .contact_us .pt1 .map_text dd.dd8{float:none; width:100%;} .contact_us .pt1 .map_text dd.dd8 .map_ico{background-position:-60px 0px;cursor:default;} @media only screen and (max-width: 1240px) { .contact_us .pt1 .map_text{width:100%; position:static;} .contact_us .pt1 .map_text dl{padding:3%;} } @media only screen and (max-width: 760px) { .contact_us .pt1 .map_box{height:400px;} .contact_us .pt1 .map_text{top:10%;} .contact_us .pt1 .map_text dt{font-size:18px; margin-bottom:10px;} .contact_us .pt1 .map_text dd{margin-bottom:5px;line-height:26px;float:none; width:100%;} } #map img{max-width:none;} /*表单样式调整*/ body .contactUs-47752 .Form-P1 .Form-P1-Btn ._submit{background: #034fa2;} body .contactUs-47752 .form-m1 .form-m1-btn button{height:32px; line-height:32px; border-radius:0; border:0; outline:none;} body .contactUs-47752 .form-m1 .form-m1-btn button:hover{opacity:0.8;} body .contactUs-47752 .form-m1 .form-m1-btn ._submit{background: #034fa2;} .contactUs-47752{overflow:hidden;} .contactUs-47752 .form-m1 .form-m1-Left { float: left; width: 50%; } .contactUs-47752 .form-m1 .form-m1-right { float: right; width: 48%; } .contactUs-47752 .form-m1 .form-m1-li { padding-top: 10px; } .contactUs-47752 .form-m1 .form-m1-li label { width: 5em; display: inline-block; color: #666; vertical-align: middle; } .contactUs-47752 .form-m1 .form-m1-li label span{padding: 0 6px;} .contactUs-47752 .form-m1 .form-m1-li input { height: 28px; line-height: 28px; border: 1px #ddd solid; width: 83%; } .contactUs-47752 .form-m1 .form-m1-li textarea { border: 1px #ddd solid; width: 83%; } .contactUs-47752 .form-m1 .form-m1-li em { color: red; vertical-align: middle; padding-left: 10px; } .contactUs-47752 .form-m1 .form-m1-li input._yzm { width: 20%; } .contactUs-47752 .form-m1 .form-m1-li img {height:28px;vertical-align: middle; padding-left: 10px; cursor: pointer; } .contactUs-47752 .form-m1 .form-m1-li b { color: #666; font-size: 12px; padding-left: 4px; } .contactUs-47752 .form-m1 .form-m1-btn { clear: both; text-align: center; padding-top: 40px; } .contactUs-47752 .form-m1 .form-m1-btn button { width: 90px; height: 24px; line-height: 24px; text-align: center; color: #fff; border-radius: 4px; cursor: pointer; } .contactUs-47752 .form-m1 .form-m1-btn ._submit { background: #d50e25; margin-right: 10px; } .contactUs-47752 .form-m1 .form-m1-btn ._reset { background: #909090; } .contactUs-47752 .form-m1 .Validform_right{white-space: nowrap;} @media only screen and (max-width: 40em) { .contactUs-47752 .form-m1 .form-m1-Left { width: 100%; } .contactUs-47752 .form-m1 .form-m1-li input { width: 65%; } .contactUs-47752 .form-m1 .form-m1-right { width: 100%; } .contactUs-47752 .form-m1 .form-m1-li textarea { width: 65%; } .contactUs-47752 .form-m1 .form-m1-li input._yzm { width: 27%; } .contactUs-47752 .form-m1 .form-m1-li b { display: none; } } .sub-products{ width:100%; display:table; margin-top:10px; margin-bottom:15px;} .sub-products li{ line-height:40px;} .products-tit{ width:100%; height:40px; line-height:40px;border-bottom:1px dotted #ccc; display:table;} .products-tit span, .products-tit small, .products-tit h4{ display:inline-block; line-height:40px;} .products-tit span{ font-size:14px; color:#666666; width:87%; padding-left:15px; } .products-tit small{ width:3%; height:30px; text-align:right; background:url(../images/hjt.png) no-repeat center center; vertical-align:middle;} .products-tit h4{ font-size:14px; line-height:45px; font-weight:normal; width:6%; float:right; padding-right:15px;} .products-tit:hover small{ background:url(../images/hjt.png) no-repeat center center;} .products-xx{ display:table; padding-bottom:20px; padding-top:20px;display:none;} .products-xx h4{ font-size:14px; color:#DB3717; font-weight:bold; margin-top:20px; margin-bottom:30px;} .products-xx p{ font-size:14px; color:#666666; line-height:23px;} .sub-products li.on .products-tit small{ background:url(../images/bjt.png) no-repeat center center;} .pro-pic{margin: 20px auto} .pro-pic img{max-width: 100%} .pro-data{} .pro-data table{width: 100%;border-collapse: collapse} .pro-data th{background:#EDEDED; border:2px solid #E2E2E2; text-align: center} .pro-data td{background: #fffff; border:2px solid #E2E2E2; text-align: center} @media only screen and (max-width: 760px) { .products-tit span {font-size: 14px;color: #666666;width: 64%;padding-left: 15px;} .products-tit h4 {font-size: 14px;line-height: 45px;font-weight: normal;width: 19%;float: right;padding-right: 15px;} }