body{font-size:0.36rem; color:#333;font-family: "Microsoft YaHei";line-height: 1.42857143;background-color: #fff;margin: 0;}
.menu-list .menu-li a {color:#333; font-size:0.36rem;}
.classList .classItemWrap a{font-size:0.36rem;color:#666}
.telBtn{color:#333;}
.c-666{font-size:0.36rem; color:#666;}
.c-333{font-size:0.36rem; color:#333;}
.fs32{font-size:0.36rem;}
.classList .titles a{font-size:0.36rem;color:#fff;}
.nesTitle,.nav-tabs.nav-justified .new-menu a{color:#333;}
.navInnerIndex .navCont{color:#333;}
.newsPage.news .date span{color:#666;}
.instructions .caseConts{font-size:0.36rem;}
.header{background:#fff;}
.message{background:#fff;}
.footerNav .btn,.bg-075,.nav-tabs.nav-justified .new-menu.active a,.pageWrap li.active,.detialCont,.menu-list .top,.banners .carousel-indicators .active{background:#337330!important;}
.banners .carousel-indicators .active {
background: #337330!important;
border-color: #337330!important;
}
.index_banners .carousel-indicators .active {
background: #337330!important;
border-color: #337330!important;
}
.nav-tabs.nav-justified .new-menu.active a{border-color:#337330 !important;}
.bg-738{background-color:#337330 !important;}
.c-738{color:#337330 !important;}
.bd-color {border-color:#337330 !important;}
.nav-tabs.nav-justified .new-menu.active a, .productCarousel .carItem .lis.active{background:#337330!important;border-color:#337330!important;}
.message .messagtBtn{background:#0086fb;}
.menu-list .menu-li a{font-weight:normal;}
.breadCrumbs{color:#fff;background:#337330}
.breadCrumbs a{color:#fff;}
.footerNav .btn{border-right:1px solid #fff}
.about{background:#333}
.about .aboutLinkInn a{color:#f1f1f1;}
body{font-family: 'Hos' !IMPORTANT;}
@font-face {
font-family: 'Hos'; src:
url('https://cdn.114my.com.cn/font/lcw/Hos.ttf') format('truetype')
}
.wrapTitle:after{font-family: 'Hos','Microsoft YaHei' !IMPORTANT;}
#caseCarousel .leftBtn, #caseCarousel .rightBtn{top: 35% !IMPORTANT;}
.wrapTitle:after{content:'';font-size:3.3vw;color:#666;display: block;font-family: "微软雅黑";font-weight: lighter;line-height:7vw;}
.wrapTitle,.wrapTitle a{font-size: 6.5vw;font-weight: bold;letter-spacing: 2px;color:#333 !important;}
.prod .wrapTitle:before{display:none;}
.productList .wrapTitle:after{content:'拥有多种不同系列的设备让您选择'}/*产品*/
.company .wrapTitle:after{content:'专注各种模具设备多年·品质至上';}/*关于我们*/
.news .wrapTitle:after{content:'关注我们，了解更多关于火花机新资讯';}/*新闻*/
.case .wrapTitle:after{content:'为各行业提供专业的解决方案';}/**/
.wrapTitle:before{content:'三鼎·';font-size: 6.5vw;font-weight: bold;letter-spacing: 2px;color:#337330;}/*公司简称*/
@font-face {
font-family: 'iconfont'; /* Project id 4698580 */
src: url('//at.alicdn.com/t/c/font_4698580_mqwk6hmo9s.woff2?t=1739265546306') format('woff2'),
url('//at.alicdn.com/t/c/font_4698580_mqwk6hmo9s.woff?t=1739265546306') format('woff'),
url('//at.alicdn.com/t/c/font_4698580_mqwk6hmo9s.ttf?t=1739265546306') format('truetype');
}
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}
.instructions {
height: 1rem !important;
padding: 0.2rem 0.6rem 0 0.267rem !important;
background:linear-gradient(to top, #337330, #368232) !important;
}
.casrInnerCarousel {
height: 8.5rem ! IMPORTANT;
}
iframe {
width: 100%;
}
.a1 {
width: 100%;
border: 5px #eee solid;
padding: 1%;
background: #eee;
}
.instructions .caseTitle {
text-align: center;
}
p {
margin: 0 0 1px !important;
}
/*简介*/
.jj span {
font-size: 6vw;
font-weight: 900;
display: block;
color: #337330;
}
.jj em {
font-size: 0.52rem;
font-style: normal;
background: linear-gradient(to top, #337330, #368232);
color: #fff;
padding: 1%;
line-height: 2.2;
}
.jj p {
font-size: 3.8vw;
line-height: 5.5vw;
}
.videocom {
margin: 0 auto;
width: 100%;
padding: 1% 1% 1% 1%;
border: 4px #009c4b solid;
border-radius: 0px;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
/*联系我们*/
.lxwm span {
font-size: 6.6vw;
}
.lxwm em {
font-style: normal;
font-size: 4.2vw;
}
.lxwm p {
background: #eee;
padding: 3vw;
line-height: 6.6vw;
margin: 3vw 0 !important;
font-size: 4vw;
color: #337330;
}
/*产品*/
.cpbg {
margin: 0 auto;
text-align: center;
width: 100%;
padding: 3% 2%;
}
.cpbg table {
border: 1px #f8f8f8 solid;
}
.cpbg tr:nth-child(1) {
color: #ff0000;
background: #eee;
}
.cpbg td {
width: 45%;
line-height: 1.3;
font-size: 15px;
border: 1px #f8f8f8 solid;
padding: 1%;
}
/*联系我们*/
.my-map{ margin-bottom: 22%;}
.contact-box1{width: 100%;padding:0rem 0;}
.contact-box1 .box{width: 100%;margin: auto;display: flex;flex-wrap: wrap;padding: 0px !important;}
@media (max-width: 1600px){.contact-box1 .box{width: 84%;}}
@media (max-width: 1280px){.contact-box1 .box{width: 90%;}}
.contact-box1 .box .top{width: 100%; position: relative;}
.contact-box1 .box .top .title{font-size:71px; font-family: Arial; font-weight: 400; height:82px; color: #fff; line-height:64px; position: relative; text-align: left;text-transform: uppercase;-webkit-text-stroke: 1px #eee;}
.contact-box1 .box .top .title span{font-size: 28px; line-height:105px; color: #161b27; position: absolute; left:4px;}
@media (max-width: 1600px){.contact-box1 .box .top .title span{font-size: 26px;}}
@media (max-width: 1440px){.contact-box1 .box .top .title span{font-size: 24px;}}
@media (max-width: 1366px){.contact-box1 .box .top .title span{font-size: 22px;}}
@media (max-width: 1280px){.contact-box1 .box .top .title span{font-size: 20px;}}
@media (max-width: 1024px){.contact-box1 .box .top .title span{font-size: 18px;}}
.contact-box1 .box .top .txt{line-height:30px; color: #161b27;font-size:18px;}
.contact-box1 .box .list{width: 100%; margin-top:30px;}
.contact-box1 .box .list ul{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.contact-box1 .box .list ul li{width: 49.42%; min-height:204px; background: #f5f5f5; border-radius:6px; padding:38px;}
@media (max-width: 768px){.contact-box1 .box .list ul li{width: 100%; margin-bottom: 0.3rem;}}
.contact-box1 .box .list ul li .t1{font-size:25px; line-height: 1; color: #161B27; font-weight:bold; margin-bottom:38px;}
@media (max-width: 1600px){.contact-box1 .box .list ul li .t1{font-size: 20px;}}
@media (max-width: 1440px){.contact-box1 .box .list ul li .t1{font-size: 18px;}}
@media (max-width: 1366px){.contact-box1 .box .list ul li .t1{font-size: 16px;}}
.contact-box1 .box .list ul li .t2{color: #666666; line-height:24px; margin-top:11px; display: flex;}
.contact-box1 .box .list ul li .t2 i{font-size:18px; padding-right:10px;}
@media (max-width: 1024px){.contact-box1 .box .list ul li .t2{line-height: 0.4rem;}}
.contact-box1 .box .list ul li .t2 img{width: 18px; height: 18px; margin-top:4px; margin-right:10px;}
.contact-box1 .box .list ul li .t2 span{color: #161B27; margin-right: 0.05rem; font-size:17px; line-height:1;}
.contact-box1 .box .list ul li .t3{display: flex; margin-top:10px;}
.contact-box1 .box .list ul li .t3 .wx{display: flex; align-items: center; position: relative; background: #DDDDDD; border-radius: 3px; padding:8px; color: #fff; cursor: pointer;}
.contact-box1 .box .list ul li .t3 .wx img{width: 26px; height: 22px;}
.contact-box1 .box .list ul li .t3 .wx span{position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 160px; height: 160px; background: #FFFFFF; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); display: none; justify-content: center; align-items: center; z-index:999999;}
@media (max-width: 1024px){.contact-box1 .box .list ul li .t3 .wx span{width: 120px; height: 120px;}}
.contact-box1 .box .list ul li .t3 .wx span img{width: 110px; height: 110px; margin: 0;}
.contact-box1 .box .list ul li .t3 .wx:hover{background: #e86f00;}
.contact-box1 .box .list ul li .t3 .wx:hover span{display: flex;}
.contact-box1 .box .list ul li .t3 .wb{background: #DDDDDD; border-radius: 3px; color: #fff; display: flex; align-items: center; padding: 0.12rem; margin-left: 0.2rem; cursor: pointer;}
.contact-box1 .box .list ul li .t3 .wb:hover{background: #e86f00;}
.contact-box1 .box .list ul li .t3 .wb img{width: 26px; height: 22px;}
.contact-box2{width: 100%; padding: 0.96rem 0;}
.contact-box2 .box{width: 72.9%; margin: auto; display: flex; flex-wrap: wrap; align-items: center;}
@media (max-width: 1600px){.contact-box2 .box{width: 84%;}}
@media (max-width: 1280px){.contact-box2 .box{width: 90%;}}
.contact-box2 .box .map-menu{width: 4.1rem; position: relative; padding: 0.1rem 0 0.1rem 0.7rem;}
@media (max-width: 768px){.contact-box2 .box .map-menu{width: 100%; padding: 0.1rem 0;}}
.contact-box2 .box .map-menu .line{width: 5px; height: 100%; background: #ddd; border-radius: 3px; position: absolute; left: 0; top: 0;}
@media (max-width: 768px){.contact-box2 .box .map-menu .line{display: none;}}
.contact-box2 .box .map-menu .line span{width: 5px; height: 0.75rem; background: #e86f00; border-radius: 3px; position: absolute; left: 0; top: 0; transition: all ease-in 0.3s;}
@media (max-width: 768px){.contact-box2 .box .map-menu ul{width: 100%; display: flex; justify-content: center;}}
.contact-box2 .box .map-menu ul li{font-size: 22px; color: #333333; line-height: 1; height: 0.75rem; display: flex; align-items: center; cursor: pointer;}
@media (max-width: 1600px){.contact-box2 .box .map-menu ul li{font-size: 20px;}}
@media (max-width: 1440px){.contact-box2 .box .map-menu ul li{font-size: 18px;}}
@media (max-width: 1366px){.contact-box2 .box .map-menu ul li{font-size: 16px;}}
@media (max-width: 768px){.contact-box2 .box .map-menu ul li{margin: 0 0.1rem;}}
.contact-box2 .box .map-menu ul li:hover{color: #e86f00;}
.contact-box2 .box .map-menu ul li.on{font-size: 28px; color: #e86f00;}
@media (max-width: 1600px){.contact-box2 .box .map-menu ul li.on{font-size: 26px;}}
@media (max-width: 1440px){.contact-box2 .box .map-menu ul li.on{font-size: 24px;}}
@media (max-width: 1366px){.contact-box2 .box .map-menu ul li.on{font-size: 22px;}}
@media (max-width: 1280px){.contact-box2 .box .map-menu ul li.on{font-size: 20px;}}
@media (max-width: 1024px){.contact-box2 .box .map-menu ul li.on{font-size: 18px;}}
@media (max-width: 768px){.contact-box2 .box .map-menu ul li.on{font-size: 16px;}}
.contact-box2 .box .map-address{width: 7.4rem; position: relative;}
@media (max-width: 768px){.contact-box2 .box .map-address{margin-top: 0.5rem;}}
@media (max-width: 500px){.contact-box2 .box .map-address{display: none;}}
.contact-box2 .box .map-address .map{width: 100%;}
.contact-box2 .box .map-address .map img{width: 100%;}
.contact-box2 .box .map-address .list{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.contact-box2 .box .map-address .list ul li{display: none;}
.contact-box2 .box .map-address .list ul li.on{display: block;}
.contact-box2 .box .map-address .list ul li .item{position: absolute;}
.contact-box2 .box .map-address .list ul li .item.item1-1{left: 71.08%; top: 83.55%;}
.contact-box2 .box .map-address .list ul li .item.item1-2{left: 86.75%; top: 74.34%;}
.contact-box2 .box .map-address .list ul li .item.item2-1{left: 75%; top: 81.74%;}
.contact-box2 .box .map-address .list ul li .item.item2-2{left: 70.81%; top: 79.6%;}
.contact-box2 .box .map-address .list ul li .item.item2-3{left: 66.75%; top: 81.08%;}
.contact-box2 .box .map-address .list ul li .item.item3-1{left: 74.72%; top: 54.27%;}
.contact-box2 .box .map-address .list ul li .item.item3-2{left: 83.78%; top: 56.57%;}
.contact-box2 .box .map-address .list ul li .item.item3-3{left: 79.32%; top: 60.85%;}
.contact-box2 .box .map-address .list ul li .item.item3-4{left: 78.78%; top: 72.53%;}
.contact-box2 .box .map-address .list ul li .item.item3-5{left: 83.78%; top: 65.53%;}
.contact-box2 .box .map-address .list ul li .item.item3-6{left: 73.78%; top: 79.3%;}
.contact-box2 .box .map-address .list ul li .item.item4-1{left: 69.32%; top: 37.33%;}
.contact-box2 .box .map-address .list ul li .item.item4-2{left: 82.16%; top: 25.16%;}
.contact-box2 .box .map-address .list ul li .item.item4-3{left: 78.51%; top: 44.57%;}
.contact-box2 .box .map-address .list ul li .item.item4-4{left: 54.45%; top: 47.69%;}
.contact-box2 .box .map-address .list ul li .item.item5-1{left: 47.7%; top: 54.76%;}
.contact-box2 .box .map-address .list ul li .item.item5-2{left: 54%; top: 60.19%;}
.contact-box2 .box .map-address .list ul li .item.item5-3{left: 67.16%; top: 57.07%;}
.contact-box2 .box .map-address .list ul li .item.on .address span img:nth-child(2){opacity: 1;}
.contact-box2 .box .map-address .list ul li .item.on .address .txt{color: #e86f00;}
.contact-box2 .box .map-address .list ul li .item.on .add-tc{display: block;}
.contact-box2 .box .map-address .list ul li .item .address{width: 0.27rem; height: 0.32rem; position: relative; cursor: pointer;}
@media (max-width: 500px){.contact-box2 .box .map-address .list ul li .item .address{position: initial;}}
.contact-box2 .box .map-address .list ul li .item .address span{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.contact-box2 .box .map-address .list ul li .item .address span img{width: 100%; height: 100%;}
.contact-box2 .box .map-address .list ul li .item .address span img:nth-child(2){position: absolute; left: 0; top: 0; z-index: 2; opacity: 0;}
.contact-box2 .box .map-address .list ul li .item .address .txt{width: auto; white-space: nowrap; font-weight: bold; color: #232323; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
.contact-box2 .box .map-address .list ul li .item .add-tc{position: absolute; width: 3.2rem; background: #FFFFFF; box-shadow: 0px 0px 0.5rem 0px rgba(0, 0, 0, 0.1); border-radius: 0.1rem; overflow: hidden; left: 0; bottom: calc(100% + 0.3rem); display: none;}
.contact-box2 .box .map-address .list ul li .item .add-tc .img{width: 100%; height: 2rem; overflow: hidden;}
.contact-box2 .box .map-address .list ul li .item .add-tc .img img{width: 100%; height: 100%; object-fit: cover;}
.contact-box2 .box .map-address .list ul li .item .add-tc .tbox{width: 100%; padding: 0.25rem 0.3rem 0.3rem;}
.contact-box2 .box .map-address .list ul li .item .add-tc .tbox .t1{font-size: 22px; font-weight: bold; color: #111111; line-height: 1;}
@media (max-width: 1600px){.contact-box2 .box .map-address .list ul li .item .add-tc .tbox .t1{font-size: 20px;}}
@media (max-width: 1440px){.contact-box2 .box .map-address .list ul li .item .add-tc .tbox .t1{font-size: 18px;}}
@media (max-width: 1366px){.contact-box2 .box .map-address .list ul li .item .add-tc .tbox .t1{font-size: 16px;}}
.contact-box2 .box .map-address .list ul li .item .add-tc .tbox .t2{font-size: 18ox; color: #e86f00; line-height: 24px; margin-top: 0.2rem; font-weight: 600;}
@media (max-width: 1600px){.contact-box2 .box .map-address .list ul li .item .add-tc .tbox .t2{font-size: 16px;}}
@media (max-width: 1440px){.contact-box2 .box .map-address .list ul li .item .add-tc .tbox .t2{font-size: 14px;}}
.contact-box2 .box .map-address .list ul li .item .add-tc .tbox .t3{font-size: 14px; color: #111111; line-height: 24px;}
.contact-box2 .box .map-list{width: 100%; display: none;}
@media (max-width: 500px){.contact-box2 .box .map-list{display: block;}}
.contact-box2 .box .map-list ul li{width: 100%; display: none;}
.contact-box2 .box .map-list ul li.on{display: block;}
.contact-box2 .box .map-list ul li .add-tc{width: 100%; background: #FFFFFF; box-shadow: 0px 0px 0.5rem 0px rgba(0, 0, 0, 0.1); border-radius: 0.1rem; overflow: hidden; margin-top: 0.3rem;}
.contact-box2 .box .map-list ul li .add-tc .img{width: 100%; height: 3.9rem; overflow: hidden;}
.contact-box2 .box .map-list ul li .add-tc .img img{width: 100%; height: 100%; object-fit: cover;}
.contact-box2 .box .map-list ul li .add-tc .tbox{width: 100%; padding: 0.25rem 0.3rem 0.3rem;}
.contact-box2 .box .map-list ul li .add-tc .tbox .t1{font-size: 22px; font-weight: bold; color: #111111; line-height: 1;}
@media (max-width: 1600px){.contact-box2 .box .map-list ul li .add-tc .tbox .t1{font-size: 20px;}}
@media (max-width: 1440px){.contact-box2 .box .map-list ul li .add-tc .tbox .t1{font-size: 18px;}}
@media (max-width: 1366px){.contact-box2 .box .map-list ul li .add-tc .tbox .t1{font-size: 16px;}}
.contact-box2 .box .map-list ul li .add-tc .tbox .t2{font-size: 18ox; color: #e86f00; line-height: 24px; margin-top: 0.2rem; font-weight: 600;}
@media (max-width: 1600px){.contact-box2 .box .map-list ul li .add-tc .tbox .t2{font-size: 16px;}}
@media (max-width: 1440px){.contact-box2 .box .map-list ul li .add-tc .tbox .t2{font-size: 14px;}}
.contact-box2 .box .map-list ul li .add-tc .tbox .t3{font-size: 14px; color: #111111; line-height: 24px;}
.about p{color:#fff;}
地图
