@charset "utf-8";
html,
body {
height: 100%;
}
html {
font-size: 100px;
}
* {
-webkit-overflow-scrolling: touch;
-webkit-touch-callout: none;
}
body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
}
a,
article,
aside,
blockquote,
body,
button,
dd,
div,
dl,
dt,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
span,
td,
textarea,
th,
ul {
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
position: relative
}
em,
i {
font-style: normal
}
li {
list-style: none
}
img {
border: 0
}
img,
input {
vertical-align: middle
}
article,
aside,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
textarea {
-webkit-appearance: none
}
a {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
color: inherit;
text-decoration: none;
}
a:active,
a:link,
a:visited {
text-decoration: none
}
a:focus {
outline: 0;
-moz-outline: none
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
display: none
}
input,
textarea {
border-radius: 0;
outline: none !important;
-webkit-appearance: textfield;
background-color: white;
-webkit-rtl-ordering: logical;
}
input[type=button],
input[type=submit],
input[type=file],
button {
cursor: pointer;
-webkit-appearance: none;
}
:focus {
outline: 0
}
button,
input[type=button],
input[type=file],
input[type=submit] {
cursor: pointer;
-webkit-appearance: none;
border: 0
}
body {
text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
font-family: Microsoft YaHei, Helvetica Neue, Helvetica, STHeiTi, Arial, sans-serif;
font-family: Microsoft YaHei, Arial, Helvetica, sans-serif !important;
font-size: 0.18rem;
background-color: #fff
}
body,
html {
width: 100%;
overflow-x: hidden;
position: relative
}
@font-face {
font-family: akkuratpro-light;
src: url(../images/AkkuratPro-Light.otf)
}
.middle {
width: 100%;
margin: 0 auto
}
.btn {
cursor: pointer
}
.shadowDiv dd i {
font-size: 0.36rem
}
.clr {
clear: both;
height: 0.01rem;
margin: 0;
padding: 0
}
.fl {
float: left
}
.fr {
float: right
}
.oh {
overflow: hidden;
}
.txt_r {
text-align: right
}
.txt_l {
text-align: left
}
.txt_c {
text-align: center
}
.auto {
margin-left: auto;
margin-right: auto
}
.clearfix {
zoom: 1
}
.elps {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.elps_2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.elps_3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
.elps_4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical
}
.ver-mid {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
.ver-mid-y {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.ver-mid-x {
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%)
}
a.goUrl:hover {
color: #352cb5;
text-decoration: underline
}
/* header */
header {
height: 0.5rem;
}
header>.mod-header-w {
position: relative;
}
header .header_show {
position: fixed;
top: 0;
z-index: 100;
width: 100%;
height: 0.5rem;
background:#d81718;
box-shadow: 0px 4px 14px 0px #C7C7C7;
}
header .header_show .logo>img {
width: 69%;
height: 0.35rem;
margin: 0.1rem 0 0 0.1rem;
}
header .header_show .menu_open {
display: block;
height: 0.24rem;
margin: 0.13rem 0.1rem 0 0;
}
header .header_show .menu_close {
display: none;
width: 0.18rem;
height: 0.18rem;
margin-top: 0.16rem;
margin-right: 0.16rem;
}
header .header_show .search-btn {
display: block;
height: 0.2rem;
margin: 0.15rem 0.23rem 0 0;
}
header .nav-box {
display: none;
padding: 0.5rem 0.1rem 0;
background: #fff;
box-sizing: border-box;
position: fixed;
top: 0;
width: 100%;
bottom: 0;
z-index: 10;
overflow: hidden;
}
header .nav-box>div {
position: relative;
width: 100%;
height: 100%;
}
header .nav-box>div>.language_box {
display: none;
}
header .nav-box>div>.ul_box,
header .nav-box>div>.language_box {
position: absolute;
top: 0;
width: 100%;
bottom: 0.5rem;
overflow: scroll;
}
header .nav-box .nav {
margin: 0;
padding: 0;
width: 100%;
box-sizing: border-box;
}
header .nav-box .nav>li a,
header .nav-box>div>.language_box>a {
display: block;
height: 0.48rem;
font-size: 0.14rem;
line-height: 0.48rem;
text-align: center;
border-bottom: 1px solid #eee;
color: #666;
}
header .nav-box .nav>li>a,
header .nav-box>div>.language_box>a {
font-size: 0.15rem;
font-weight: bold;
color: #333;
}
header .nav-box .nav>li:last-child>a,
header .nav-box>div>.language_box>a:last-child {
border: none;
}
header .nav-box .nav>li.show>a {
background: #D91717;
color: #fff;
}
header .nav-box .nav>li .dt_box {
display: none;
}
header .nav_box_bottom {
position: absolute;
bottom: 0;
left: -0.1rem;
right: -0.1rem;
padding: 0 0.1rem;
background: #666;
color: #fff;
height: 0.45rem;
font-size: 0.16rem;
line-height: 0.45rem;
}
header .nav_box_bottom>div:last-child img {
width: 0.75rem;
}
header .nav_box_bottom>div>img {
height: 0.2rem;
}
header .nav_box_bottom .languageType {
color: #fff;
display: block;
z-index: 1;
}
header .nav_box_bottom .languageType>img {
height: 0.2rem;
}
header .nav_box_bottom .languageType .language_arr {
height: 0.13rem;
transition: transform 300ms;
}
header .nav_box_bottom .languageType .language_arr.show {
transform: rotate(180deg);
}
header .nav_box_bottom .languageType .earth_logo {
margin-top: -0.02rem;
}
header .shares {
line-height: normal;
height: 0.6rem;
display: flex;
display: -webkit-flex;
border-bottom: 1px solid #eee;
}
header .shares>p {
font-size: 0.15rem;
flex: 1;
line-height: 0.6rem;
text-align: center;
}
header .shares.up>p {
color: #FA0E0E
}
header .shares.down>p {
color: #0f990f
}
header .shares.error>p {
color: #666
}
header .shares>p#shares_val {
flex: 2;
}
header .shareUpImg,
header .shareDownImg,
header .shareErrorImg {
display: none;
width: 0.12rem;
margin-top: -0.04rem;
}
header .shares.up .shareUpImg {
display: inline-block;
}
header .shares>p:first-child {
font-size: 0.18rem;
}
header .shares.down .shareDownImg {
display: inline-block;
}
header .shares.error .shareErrorImg {
display: inline-block;
}
header .shares .codeNum {
margin-bottom: 0.2rem;
display: block
}
#bg_black {
display: none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
}
#headerSearch {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 0.5rem;
background: #fff;
padding: 0.05rem;
box-sizing: border-box;
-webkit-transition: -webkit-transform 0.5s;
transition: transform .3s, top .3s;
transform-origin: right center;
transform: scale3d(0, 0, 0);
}
#headerSearch.show {
transform: scale3d(1, 1, 1);
}
.searchInput_box {
height: 0.4rem;
border: 1px solid #d4d4d4;
border-radius: 0.05rem;
margin-right: 0.5rem;
box-sizing: border-box;
overflow: hidden;
}
.searchInput_box>input {
width: 100%;
height: 100%;
padding: 0 0.4rem 0 0.1rem;
box-sizing: border-box;
border: none;
background: transparent;
}
#search_btn {
position: absolute;
right: 0.08rem;
top: 0;
z-index: 1;
margin-top: 0.05rem;
height: 0.25rem;
width: 0.25rem;
background: url("../images/search_mobile.png")no-repeat center;
background-size: 0.2rem;
}
#search_btn>input {
opacity: 0;
}
#headerSearch .fr {
width: 0.4rem;
text-align: center;
line-height: 0.4rem;
}
#headerSearch .fr>img {
width: 0.18rem;
height: 0.18rem;
}
/* */
.swiper-button-next,
.swiper-button-prev {
top: 50vw;
}
/* banner */
body>div.banner {
/* margin-top:0.5rem; */
}
.banner .swiper-slide img {
height: 64vw;
width: auto;
}
.banner .banner-button-next {
background: url(../images/banner-arr-02.png) no-repeat;
height: 0.53rem;
width: 0.35rem;
top: 50%
}
.banner .banner-button-prev {
background: url(../images/banner-arr-01.png) no-repeat;
height: 0.53rem;
width: 0.35rem;
top: 50%
}
.banner .swiper-pagination-bullet {
width: 0.14rem;
height: 0.14rem;
background: #fff;
border-radius: 0.07rem;
opacity: 1;
margin: 0 0.08rem
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #d81718;
width: 0.28rem
}
.banner .banner-pagi {
bottom: 0.23rem
}
.banner .bannerTitleBox {
position: absolute;
width: 100%;
margin: 0 auto;
top: 50%;
z-index: 9999
}
.banner .bannerTitleBox .title_word {
font-size: 0.26rem;
color: #fff;
font-weight: 700;
text-shadow: 0 0.01rem 0.05rem rgba(0, 0, 0, 1);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 100%;
margin: 0 auto;
padding-left: 0.2rem;
box-sizing: border-box;
}
.banner .swiper-pagination-bullet {
width: 0.08rem;
height: 0.08rem;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 0.16rem;
}
.banner>.bannerImg {
width: 100%;
height: auto;
/*height: 64vw;*/
}
/* footer */
footer {
/* margin-top: 0.4rem;*/
width: 100%;
}
footer #footerGoTopBtn {
position: absolute;
cursor: pointer
}
.footer_img,
.footer_img>img {
width: 100%
}
.qrcodeDiv {
margin-top: 0.60rem;
position: absolute;
bottom: 0;
right: 0
}
.mod-footer {
min-height: 3.20rem;
background-color: #F8F6F7;
width: 100%;
margin: 0 auto
}
.mod-footer-w {
height: 100%;
margin: 0 auto;
overflow: hidden;
padding: 0.1rem;
text-indent: 0 !important;
text-align: center;
}
.mod-footer-r dl {
margin-top: 0.34rem;
width: 50%;
float: left;
}
.mod-footer-r dl dt {
font-size: 0.15rem;
font-weight: bold;
}
.mod-footer-r dl dd {
overflow: hidden;
margin: 0 !important;
}
.mod-footer-r dl dd>div {
float: left;
width: 33.33%;
}
.mod-footer-r dl dd>div:nth-child(3n) {
padding-left: 0.32rem;
box-sizing: border-box;
}
.mod-footer-r dl dd a {
display: block;
width: 100%;
font-size: 0.14rem;
color: #9D9D9D;
margin-top: 0.1rem;
}
.mod-footer p {
width: 100%;
height: 60rem;
color: #333;
font-size: 0.12rem
}
.mod-footer-l>p {
color: #6E6C6D;
height: auto
}
.copyright_word {
font-size: 0.14rem;
text-align: center;
color: #6E6C6D;
margin-top: 0.27rem;
width: 100%;
display: block;
margin-bottom: 0.15rem;
}
.copyright_word>a {
color: inherit;
}
#footer-copyRight {
height: 0.40rem;
line-height: 0.40rem;
background:url(../images/bottom-bg.png) no-repeat left top;
background-size: 100% 100%;
color: #fff;
text-align: center;
}
#footer-copyRight * {
color: #fff;
font-size: 0.12rem
}
div.pagination {
text-align: center;
height: auto;
background: 0 0
}
div.pagination a {
width: 0.34rem;
height: 0.34rem;
color: #333;
text-align: center;
line-height: 0.34rem;
display: inline-block;
font-size: 0.16rem
}
div.pagination a.next,
div.pagination a.pre {
transform: scaleY(1.5);
-webkit-transform: scaleY(1.5);
-moz-transform: scaleY(1.5);
-ms-transform: scaleY(1.5);
-o-transform: scaleY(1.5);
color: #b8b7b7;
font-size: 0.22rem;
margin: 0 1%
}
div.pagination a.num {
background: 0 0
}
div.pagination a.num:hover,
div.pagination a.on {
color: #fff;
background: #d71718
}
div.pagination>a {
cursor: pointer
}
.m-part3,
.m-part4,
.m-part5,
.m-part6,
.m-part7 {
padding-top: 0.77rem
}
.tab-m {
margin-top: 0;
text-align: center
}
.tab-m ul {
clear: both;
overflow: hidden
}
.tab-m ul.on {
display: block
}
/* main */
.main {
padding: 0 0.1rem;
}
.m-part3,
.m-part4,
.m-part5,
.m-part6,
.m-part7 {
padding-top: 0.15rem;
}
*[class^='m-part']>h1,
*[class^='m-part']>h2,
.mapMiddle>h2 {
font-size: 0.2rem;
}
.m-part1 h1:after {
content: '';
width: 1.3rem;
height: 0.02rem;
background: #d71718;
display: block;
margin: 0.14rem 0;
}
.m-part1 h1+span {
font-size: 0.15rem;
margin-bottom: 0.15rem;
display: inline-block;
}
.introduce {
padding: 0.2rem 0 0.15rem;
}
.introduce p {
color: #333;
font-size: 0.15rem;
line-height: 0.23rem;
margin: 0;
font-family: inherit;
text-indent: 0.3rem;
}
.introduce p>strong {
padding-left: 0.25rem;
font-size: 0.16rem;
background: url(../images/icon-1.png) left no-repeat;
background-position: left 0.04rem;
margin: 0 0.05rem 0 -0.06rem;
font-family: inherit;
display: inline-block;
margin-top: 0.1rem;
margin-left: -0.3rem;
text-indent: 0;
box-sizing: border-box;
max-width: 100%;
}
div.productLogoDiv {
margin-top: 0.15rem;
}
div.productLogoDiv>p {
display: inline-block;
margin-bottom: 0.15rem;
margin-right: 0.1rem;
vertical-align: bottom;
}
div.productLogoDiv>p img {
max-height: 0.22rem;
}
/* bussiness */
#page-powerTools .m-part3 .list_item {
margin-top: 14px;
}
#page-powerTools .m-part3 .list_item .title {
position: relative;
height: 0.6rem;
padding-left: 0.2rem;
background: #504e4e;
color: #fff;
}
#page-powerTools .m-part3 .list_item.show .title {
background: #de0000;
}
#page-powerTools .m-part3 .list_item .title img {
right: 0.2rem;
top: 0.2rem;
height: 0.2rem;
transform: rotate(95deg);
transition: transform 300ms;
}
#page-powerTools .m-part3 .list_item.show .title img {
transform: rotate(-95deg);
}
#page-powerTools .m-part3 .list_item .picDiv {
padding-top: 0.1rem;
display: none;
}
#page-powerTools .m-part3 .list_item .imgBox {
width: 100%;
border-radius: 0.08rem;
overflow: hidden;
margin-top: 0.1rem;
}
#page-powerTools .m-part3 .list_item div.imgBoxScale_word {
position: absolute;
z-index: 2;
bottom: 0;
width: 100%;
text-align: center;
color: #fff;
font-size: 0.18rem;
background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5));
padding: 0.1rem;
box-sizing: border-box;
}
#page-powerTools .m-part3 .list_item .imgBox img {
width: 100%;
}
#page-powerTools .m-part4 {
background: #666;
margin: 0.6rem -0.1rem 0 -0.1rem;
padding: 0;
}
#page-powerTools .part4-container {
padding: 0;
margin: 0;
}
#page-powerTools .m-part4 .swiper-wrapper img {
width: auto;
min-width: 100%;
height: 45.6vw;
}
#page-powerTools .part4-container .swiper-slide {
color: #fff;
font-size: 0.15rem;
line-height: 0.28rem;
overflow: hidden;
background: #666;
}
#page-powerTools .part4-container .swiper-slide .txt {
padding: 0.2rem;
}
#page-powerTools .part4-container .swiper-slide .txt h2 {
font-size: 0.18rem;
font-weight: normal;
line-height: normal;
margin-bottom: 0.2rem;
}
#page-powerTools .part4-pagination {
top: 37vw;
bottom: auto;
}
#page-powerTools .swiper-pagination-bullet {
width: 0.08rem;
height: 0.08rem;
border-radius: 50%;
opacity: 1;
margin: 0 0.04rem;
}
#page-powerTools .part4-pagination .swiper-pagination-bullet {
background: #fff;
}
#page-powerTools .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #d81718;
}
#page-powerTools .m-part5 {
margin-top: 0.4rem;
}
#page-powerTools .m-part5 .part5-container {
padding-bottom: 0.3rem;
}
#page-powerTools .m-part5>h2 {
margin-bottom: 0.15rem;
}
#page-powerTools .m-part5>h2+p {
color: #949494;
margin-bottom: 0.3rem;
}
#page-powerTools .m-part5 .swiper-wrapper .swiper-slide {
border-radius: 0.08rem;
overflow: hidden;
}
#page-powerTools .m-part5 .swiper-wrapper .swiper-slide>img {
width: 100%;
}
#page-powerTools .part5-pagination {
bottom: 0;
}
#page-powerTools .part5-pagination .swiper-pagination-bullet {
background: #333;
}
#page-powerTools .part5-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #d81718;
}
#page-powerTools .m-part6 {
margin-top: 0.4rem;
}
#page-powerTools .m-part6 .map {
width: 100%;
position: relative;
overflow: hidden;
border-radius: 0.08rem;
margin-top: 0.1rem;
height: 43.2vw;
}
#page-powerTools .m-part6 .map #map_bg {
width: 100%;
}
#page-powerTools .m-part6 .tag {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 43.2vw;
background: rgba(229, 229, 229, 0.5);
}
#page-powerTools .m-part6 .tag .map_point {
width: 0.1rem;
height: 0.1rem;
border-radius: 50%;
background: #333;
}
#page-powerTools .m-part6 .tag .map_point.act {
width: 0.12rem;
height: 0.12rem;
margin-top: -0.01rem 0 0 -0.01rem;
background: #DA292A;
}
.showImgBox {
width: 58.7vw;
height: 58.7vw;
margin: 0.3rem auto 0;
position: relative;
}
.showImgBox>.imgBox {
width: 58.7vw;
height: 58.7vw;
}
.m-part6 .mapMiddle .imgBox {
position: absolute;
width: 100%;
top: 0;
border-radius: 0.08rem;
overflow: hidden;
-webkit-transform: rotate(-10deg) scale(0);
transform: rotate(-10deg) scale(0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.6s cubic-bezier(.785, .135, .15, .86);
transition: all 0.6s cubic-bezier(.785, .135, .15, .86);
}
.m-part6 .mapMiddle .act.imgBox {
-webkit-transform: none;
transform: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transition: -webkit-transform .4s .2s cubic-bezier(.075, .82, .165, 1);
-webkit-transition: -webkit-transform .4s .2s cubic-bezier(.075, .82, .165, 1);
transition: transform .4s .2s cubic-bezier(.075, .82, .165, 1);
transition: transform .4s .2s cubic-bezier(.075, .82, .165, 1), -webkit-transform .4s .2s cubic-bezier(.075, .82, .165, 1);
text-align: center;
}
.m-part6 .mapMiddle .imgBox img {
height: 100%;
/* width: 100%; */
margin: 0 auto;
}
.m-part6 .mapMiddle .imgBox .title {
position: absolute;
bottom: 0;
z-index: 1;
color: #fff;
font-size: 0.15rem;
padding: 0.1rem 0.2rem;
width: 100%;
box-sizing: border-box;
text-align: center;
text-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 1);
background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .6));
word-break: break-word;
}
.m-part7 {
margin-top: 0.4rem;
}
.m-part7>h2 {
font-size: 0.24rem;
margin-bottom: 0.15rem;
}
.m-part7>p {
font-size: 0.15rem;
line-height: 0.23rem;
}
.m-part7>p span img {
width: 100%;
margin-top: 0.1rem;
}
.m-part7>p>img {
width: 100%;
}
/* 精益制造 */
.factoryP {
margin: 0.2rem 0;
font-size: 0.15rem;
color: #666;
}
.factoryP span {
font-size: 0.2rem;
font-weight: bold;
color: #d71718;
}
.introduce {
padding: 0.2rem 0 0;
clear: both;
height: auto;
overflow: hidden;
}