/* CSS Document */
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{min-height:100%}
body{font-family:'Microsoft YHei', serif，Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol{list-style:none}
img{border:none;vertical-align:middle;}
a{color:#666;text-decoration:none;}
a:visited{color:#666666;text-decoration:none}
a:hover{color:#050505;text-decoration:none transition:0.5s;}
a:active{color:#08034e;text-decoration:none transition:0.5s;}
table{border-collapse:collapse;table-layout:fixed}
input,textarea{outline:none;border:none}
textarea{resize:none;overflow:auto}
.clearfix{zoom:1}
.clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
/* 公共部分 */
.pubcon{ width: 100%; margin: 0 auto;}
.pubcon h1{font-size: 2.5rem;
color: #489ecd;
font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;
text-transform: uppercase;}
.pubcon h2{
color: #005396;
font-optical-sizing: auto;
font-weight: 800;
font-style: normal;
text-transform: uppercase;
margin-bottom: 40px;
font-size: 5.1rem;
}
.pubcon p{ line-height:3.25rem; font-size:1.5rem;}
.pubcon h4{ padding-bottom:5px;font-size: 35px; font-weight: bold; text-align: center; color: #1a8c34;}
.clear{
clear:both;
}
.page{
/* float: left; */
margin: 20px 0;
text-align: center;
width: 100%;
}
.page a{
display: inline-block;
padding: 6px 12px;
margin: 0 2px;
font-size: 12px;
background: #fff;
border: 1px solid #eee;
color: #333;
}
.page .thispage{
background: #000;
border: 1px solid #000;
font-size: 12px;
color: #fff !important;
}
/* 首页内容-关于我们 */
.index-about{ padding:0; margin: 0 auto; background:url(../images/about-bj.jpg) top center no-repeat; }
.index-aboutcon{ padding: 0.25rem 1.5rem 0.5rem; position: relative; }
.index-aboutcon .box{ width:80%; margin:8% auto; display: flex;justify-content: space-between; flex-wrap: wrap; }
.index-aboutcon .box .left{ width:40%; max-width:690px; height:auto; }
.index-aboutcon .box .right{ width:54%; margin:0 0 0 5%; }
.index-aboutcon .box .right h1{ margin-top:0;}
.index-aboutcon .box .right .more{ }
.index-aboutcon .box .right .more a{
font-size: 1.5rem;
text-transform: uppercase;
color: #fff;
display: inline-block;
border-radius: 30px;
background-color: #5880ae;
padding: 12px 30px;
font-family: NotoSans-Regular, Arial, Helvetica, sans-serif;transition:0.5s;}
.index-aboutcon .box .right .more a:hover{background-color: #07a4dc;transition:0.5s;}
.index-about1{
margin-top: -80px;
height: auto;
display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-about1 .left{ width:10%;}
.index-about1 .right{ width:90%; overflow:hidden;}
.index-about1 .right ul{ width:100%; display: flex;justify-content: space-between; flex-wrap: wrap; }
.index-about1 .right ul li{
width: 25%;
color: #fff;
text-align: center;
padding:65px 0;
overflow: hidden; /* 防止内容溢出 */
cursor: pointer; /* 鼠标悬停时显示指针 */
transition:0.5s;
}
.index-about1 .right ul li:hover{
overflow: hidden;
transition:0.5s;
transform: scale(1.1); /* 放大到2倍大小 */
transform-origin: center; /* 缩放中心点 */
}
.index-about1 .right ul li .num{
font-size: 4.5rem;
color: transparent;
-webkit-text-stroke: 1px #fff;
text-stroke: 1px #fff;
margin-bottom: 30px;}
.index-about1 .right ul li .image{margin-bottom: 30px;}
.index-about1 .right ul li .image img{max-width: 100%; display: inline-block;}
.index-about1 .right ul li .title {
font-size: 2.5rem;
position: relative;
padding-bottom: 35px;
font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;
font-weight: 700;
}
.index-about1 .right ul li .xian{ border-bottom:#FF0000 5px solid; width:20%;margin:0 auto;}
.index-about1 .right .bj1{ background-color:#0099FF;}
.index-about1 .right .bj2{ background-color:#0066FF; }
.index-about1 .right .bj3{ background-color:#0033FF; }
.index-about1 .right .bj4{ background-color: #0000CC;}
/* 首页内容-我们的优势 */
.index-ys{ padding:0; margin: 0 auto; }
.index-yscon{ padding:0; position: relative; }
.index-yscon .box{ width:100%; margin-top:10%; }
.index-yscon .box .title{ text-align:center;}
.index-yscon .box .bottom{ position:relative; max-width: 100%; margin: 0px auto;}
/* 主容器 */
.index-yscon .box .bottom .timeline-wrapper {
display: flex;
gap: 40px;
min-height: 750px;
}
/* 时间轴区域 */
.index-yscon .box .bottom .timeline-left {
width: 45%;
padding: 40px 20px;
position: absolute;
z-index:5
}
/* 时间轴线 */
.index-yscon .box .bottom .timeline-line {
position: absolute;
left: 0;
right: 0;
top: 68%;
height: 3px;
background: #e0e0e0;
transform: translateY(-50%);
z-index: 1;
}
/* 时间节点容器 */
.index-yscon .box .bottom .timeline-items {
display: flex;
justify-content: space-between;
position: relative;
z-index: 2;
margin-top:25%;
}
/* 单个时间节点 */
.index-yscon .box .bottom .timeline-item {
position: relative;
cursor: pointer;
text-align: center;
padding: 20px;
flex: 1;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
/* 时间点容器 */
.index-yscon .box .bottom .time-point {
position: relative;
display: inline-block;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
/* 年份文字 */
.index-yscon .box .bottom .timeline-year {
font-size: 24px;
font-weight:bold;
color: #3498db;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
display: block;
}
/* 小圆点 */
.index-yscon .box .bottom .timeline-dot {
width: 12px;
height: 12px;
background: #3498db;
border-radius: 50%;
margin: 15px auto;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
/* 文字介绍 */
.index-yscon .box .bottom .timeline-desc {
position: absolute;
bottom: -40px;
left: 50%;
width: 400px;
transform: translateX(-50%);
opacity: 0;
padding: 15px;
font-size:14px;
color:#666666;
transition: all 0.5s ease;
pointer-events: none;
}
/* 激活状态 */
.index-yscon .box .bottom .timeline-item.active {
transform: translateY(-20px);
padding: 25px;
}
.index-yscon .box .bottom .timeline-item.active .timeline-year {
font-size: 80px;
color: #e74c3c;
letter-spacing: 2px;
}
.index-yscon .box .bottom .timeline-item.active .timeline-dot {
background: #e74c3c;
width: 16px;
height: 16px;
margin-top: -5px;
}
.index-yscon .box .bottom .timeline-item.active .timeline-desc {
opacity: 1;
bottom: -30px;
}
/* 图片区域 */
.index-yscon .box .bottom .timeline-right {
width: 75%;
margin-left:34%;
overflow: hidden;
position: relative;
left:0;
top:0;
}
/* 图片样式 */
.index-yscon .box .bottom .timeline-image {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
opacity: 0;
transform: scale(0.95);
transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.index-yscon .box .bottom .timeline-image.active {
opacity: 1;
transform: scale(1);
}
/* 首页内容-應用領域 */
.index-yyly{ padding:0; margin:-5% auto 0 auto; background:url(../images/indexAppBg.jpg) center no-repeat; }
.index-yyly .slogin {
-webkit-text-stroke: 1px hsla(0, 0%, 100%, .5);
text-stroke: 1px hsla(0,0%,100%,.5);
font-size: 6.771vw;
font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: transparent;
white-space: nowrap;
overflow:hidden;
}
.index-yylycon{ padding: 0.25rem 1.5rem 0.5rem; position: relative; }
.index-yylycon .box{ width:100%; margin-top:5%; }
.index-yylycon .box .title{ text-align:center; }
.index-yylycon .box .title h1{color:#FFFFFF;}
.index-yylycon .box .title h2{color:#FFFFFF;}
.flickerplate {
position:relative;
width:100%;
height: auto;
background:url(../img/indexAppBg.jpg) center no-repeat;
overflow:hidden
}
.flickerplate ul.flicks {
width:10000%;
height:100%;
padding:0px;
margin:0px;
list-style:none
}
.flickerplate ul.flicks>li {
float:left;
width:1%;
height:100%;
background-position:center;
background-size:cover;
display:table
}
.flickerplate ul.flicks>li .flick-inner {
height:100%;
padding:10px;
color:#fff;
display:table-cell;
vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner .flick-content {
max-width:85.75em;
margin-left:auto;
margin-right:auto
}
.flickerplate ul.flicks>li .flick-title {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
width: 70%;
height: auto;
}
.flickerplate ul.flicks>li .flick-title .image{ text-align:center;}
.flickerplate ul.flicks>li .flick-title .img1{ top:0; left:-5%;}
.flickerplate ul.flicks>li .flick-title .img2{top:0; right:-20%;}
.flickerplate ul.flicks>li .flick-title .img3{bottom:0; left:-17%;}
.flickerplate ul.flicks>li .flick-title .img4{ top: 50%; transform: translateY(-50%);right: -20%;}
.flickerplate ul.flicks>li .flick-title .img5{ bottom:0; right:-10%;}
.flickerplate ul.flicks>li .flick-title .img{display: inline-block; position: absolute; text-align:center;}
.flickerplate ul.flicks>li .flick-title .wz{margin-top: 20px;font-size: 1.8rem; color: #fff;}
.flickerplate ul.flicks>li .flick-sub-text {
padding:5px;
font-weight:300;
line-height:2.5em;
color:rgba(255, 255, 255, 0.8);
text-align:center;
margin-top:2%;
margin-bottom:10%;
}
.flickerplate ul.flicks>li .flick-sub-text a{
background-color: #ce1a1b;
border-radius: 32px;
display: inline-block;
font-size: 2rem;
color: #fff;
font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 10px 60px;
}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
padding:12px 18px;
background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate .arrow-navigation {
position:absolute;
height:80%;
width:10%;
top:10%;
z-index:100;
overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
display:block;
height:100%;
width:90%;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
cursor:pointer
}
.flickerplate .arrow-navigation.left {
left:0%
}
.flickerplate .arrow-navigation.left .arrow {
opacity:0;
margin:0px 0px 0px 50%;
background-image:url("../images/flickerplate/arrow-left-light.png");
background-repeat:no-repeat;
background-position:left
}
.flickerplate .arrow-navigation.right {
right:0%
}
.flickerplate .arrow-navigation.right .arrow {
opacity:0;
margin:0px 0px 0px -50%;
background-image:url("../images/flickerplate/arrow-right-light.png");
background-repeat:no-repeat;
background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
opacity:1;
margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
opacity:1;
margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
position:absolute;
bottom:70px;
width:100%;
text-align:center;
z-index:100
}
.flickerplate .dot-navigation ul {
text-align:center;
list-style:none;
padding:0px 15px
}
.flickerplate .dot-navigation ul li {
display:inline-block;
float:none
}
.flickerplate .dot-navigation .dot {
width:14px;
height:14px;
margin:0px 6px;
background-color:rgba(255, 255, 255, 0.3);
border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-webkit-transition:background-color 0.2s ease-out;
-moz-transition:background-color 0.2s ease-out;
-o-transition:background-color 0.2s ease-out;
-ms-transition:background-color 0.2s ease-out;
transition:background-color 0.2s ease-out
}
.flickerplate .dot-navigation .dot:hover {
cursor:pointer;
background-color:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
background-color:#fff
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
background-image:url("../images/flickerplate/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
background-image:url("../images/flickerplate/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
-webkit-perspective:1000;
-webkit-backface-visibility:hidden;
transform:translate3d(0%, 0px, 0px);
-webkit-transform:translate3d(0%, 0px, 0px);
-webkit-transition:-webkit-transform 0.6s;
-o-transition:-o-transform 0.6s;
-moz-transition:-moz-transform 0.6s;
transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
position:relative;
left:0%;
-webkit-transition:left 0.4s ease-out;
-moz-transition:left 0.4s ease-out;
-o-transition:left 0.4s ease-out;
-ms-transition:left 0.4s ease-out;
transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
position:relative;
left:0%
}
.flickerplate.animate-scroller-slide {
padding-bottom:0px;
overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
position:auto
}
/* 首页内容-ODM流程 */
.index-odmlc{
background:url(../images/indexSec4Bg.jpg) center no-repeat;
background-position-x: right;
background-position-y: top;
background-repeat: no-repeat;
position: relative;
padding-top: 140px;
}
.index-odmlc:before {
content: "";
position: absolute;
left: -103px;
top: 0;
bottom: 0;
background-color: rgba(77, 173, 255, .3);
width: 740px;
transform: skewX(10deg);}
.index-odmlc .slogin {
font-size: 6.25vw;
color: rgba(0, 83, 150, .102);
font-family: NotoSans-Black, Arial, Helvetica, sans-serif;
line-height: 1.583;
text-transform: uppercase;
white-space: nowrap;
font-weight:bold;
margin-top: 70px;
overflow:hidden;
}
.index-odmlccon{ padding: 0.25rem 1.5rem 0.5rem; position: relative; }
.index-odmlccon .box{ width:80%; margin: 0 auto; }
.index-odmlccon .box .titleBox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 70px;}
.index-odmlccon .box .titleBox .title{}
.index-odmlccon .box .titleBox .title h1{}
.index-odmlccon .box .titleBox .title h2{}
.index-odmlccon .box .titleBox .navBox{
background-color: #ce1a1b;
border-radius: 30px;
padding: 12px 40px;
display: flex;
justify-content: space-between;
}
.index-odmlccon .box .titleBox .navBox .swiper-button-prev{
width:40%; color:#FFFFFF;
text-align:left;
margin-right:10px;
display:block;
font-size: 2vw;
}
.index-odmlccon .box .titleBox .navBox .swiper-button-next{
width:40%; color:#FFFFFF;
text-align:right;
margin-left:10px;
display:block;
font-size: 2vw;
}
.index-odmlccon .box .tupian{ width:100%;}
.index-odmlccon .box .tupian ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.index-odmlccon .box .tupian ul li{
width:23%;
height: 100%;
background-color: #fff;
text-align: center;
display: block;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
padding: 80px 10px 70px;
/*margin:0 1%;*/
margin: 0 10px;
}
.index-odmlccon .box .tupian ul li .image{margin-bottom: 60px;}
.index-odmlccon .box .tupian ul li .image img{max-width: 100%;}
.index-odmlccon .box .tupian ul li .num{
font-size: 2.125rem;
font-family: NotoSans-Regular, Arial, Helvetica, sans-serif;
color: #666;
margin-bottom: 20px;}
.index-odmlccon .box .tupian ul li .catname{
font-size: 2.125rem;
font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;
color: #333;
line-height: 1.5;
position: relative;
padding-bottom: 45px;
border-bottom:#FF0000 10px solid; width:50%;
margin:0 auto;
}
.index-odmlccon .box .control_box{
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
margin-top: 60px;
}
.index-odmlccon .box .control_box .custom-pagination{
font-size: 2.5rem;
font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;
color: #666;
width: 65px;
}
.index-odmlccon .box .control_box .swiper-scrollbar{
top: 50%;
transform: translateY(-50%);
left: 65px;
right: 65px;
bottom: auto;
width: calc(100% - 130px);
background-color: #626c71;
height: auto;
border-radius: 0;
height: 1px;
}
.index-odmlccon .box .control_box .swiper-scrollbar .swiper-scrollbar-drag{
background-color: #ce1a1b;
height: 4px;
border-radius: 0;
top: -2px;
width:50%;
}
/* 内页关于我们-banner */
.about-banner{position: relative;
width: 100%;
max-width: 1920px;
height: auto;
margin: 0 auto;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
overflow: hidden;}
about-banner .image {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.about{}
/* 首页内容-底部 */
.index-foot{ padding:0; margin: 0 auto; background:url(../images/footerBg.jpg) top center no-repeat; background-color:#0e8dd2; }
.index-footcon{ padding:0; position: relative; }
.index-footcon .box{ width:90%; padding:4%; display: flex;justify-content: space-between; flex-wrap: wrap; margin:0 auto; }
.index-footcon .box .left{ width:50% ;}
.index-footcon .box .left h1{ color:#abdbf5; margin-top:0;}
.index-footcon .box .left h2{ color:#FFFFFF;}
.index-footcon .box .left p{ color:#FFFFFF;}
.index-footcon .box .right{ width:50%;}
.index-footcon .box .right ul{ display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-footcon .box .right ul li{ line-height:5rem; width:50%;}
.index-footcon .box .right ul li a{ font-size:2rem; color:#FFFFFF; font-weight:600; }
.index-footcon .box .right .copyright{ margin-top:10%;}
.index-footcon .box .right .copyright a{ font-size:1.4rem; color: #FFFFFF;}
/* 内页关于我们海报 */
.about-banner{ width:100%; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); max-width: 1920px; height:auto; margin:0 auto; overflow:hidden; background-size: cover}
.about-banner .image{ width: 100%; height: 100%; object-fit: cover;}
.about{ padding:0; margin: 0 auto; background:url(../images/about-ny.png) top center no-repeat;position: relative; }
.aboutcon{ padding: 0.25rem 1.5rem 0.5rem; position: relative; }
.aboutcon .bt{ width:10%; margin:4% auto; border-bottom:#FF0000 5px solid;}
.aboutcon .bt h1{ font-size:3.0rem; color:#333333; font-weight:600; text-align:center;}
.aboutcon .box{ width:85%; margin:8% auto 0 auto; display: flex;justify-content: space-between; flex-wrap: wrap; }
.about:before{ content: "";
position: absolute;
left: 0;
top: 200px;
bottom: 0;
width: 83%;
background-color: #eee;
}
.aboutcon .box .left{ width:40%; max-width:690px; height:auto; }
.aboutcon .box .right{ width:54%; margin:0 0 0 5%; }
.aboutcon .box .right h1{ margin-top:0;}
.aboutcon .box .right .more{ }
.aboutcon .box .right .more a{
font-size: 1.5rem;
text-transform: uppercase;
color: #fff;
display: inline-block;
border-radius: 30px;
background-color: #5880ae;
padding: 12px 30px;
font-family: NotoSans-Regular, Arial, Helvetica, sans-serif;transition:0.5s;}
.aboutcon .box .right .more a:hover{background-color: #07a4dc;transition:0.5s;}
/* 必要布局样式css */
.about .ato-content {
width: 85%;
margin: 0 auto;
padding: 100px 0;
}
.about .ato-list ul {
height: 470px;
}
.about .ato-list ul li {
width: 270px;
height: auto;
float: left;
margin-left: 26px;
margin-right: 0;
text-align: center;
background-color: #fff;
-webkit-transition: height 300ms;
-moz-transition: height 300ms;
-ms-transition: height 300ms;
-o-transition: height 300ms;
transition: height 300ms;
position: relative;
box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
top: 10px;
left: -10px;
}
.about .ato-list ul li:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 0px 2px rgba(0,0,0,0.24);
}
.about .ato-list ul li div {
width: 270px;
margin: 0;
text-align: center;
}
.about .ato-list ul li div img {
width: 100%;
height: auto;
border: none;
display: block;
margin: 0 auto;
}
.about .ato-list ul li h3 {
font-size: 16px;
color: #000000;
font-weight: 600;
margin-top:10px;
}
.about .ato-list ul li p {
margin: 0;
text-align: center;
font-size: 13px;
color: #8e8e8e;
line-height: 25px;
padding: 0 22px 20px 22px;
}
.about .ato-more {
width: 157px;
height: 36px;
text-align: center;
display: none;
display: inline-block;
border: 1px solid #7D7D7D;
line-height: 34px;
color: #666;
font-size: 13px;
text-decoration: none;
position: absolute;
bottom: 30px;
left: 55px;
}
.about .ato-more:hover {
background-color: #108cee;
border-color: #108CEE;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #FFF;
}
.about .ato-list-fl {
float: left;
}
.about .ato-title {
width: 266px;
margin-top: 130px;
padding-right: 20px;
position: relative;
}
.about .ato-title h1{ color:#005396; font-weight:800; font-size: 5.1rem;}
.about .ato-title h2 {
font-size: 2.5rem;
color: #489ec;
line-height: 33px;
padding: 10px 0;
margin: 0;
font-weight: inherit;
}
.about .ato-title p {
margin-top: 10px;
font-size: 14px;
color: #333333;
line-height: 26px;
}
.about .ato-list-fl a {
width: 50px;
height: 50px;
position: relative;
margin-top: 54px;
margin-right: 10px;
float: left;
border: 1px solid #FF0000;
display: block;
background: #FF0000;
border-radius: 30px;
overflow: hidden;
}
.about .ato-list-fl a img {
width: 22px;
height: 22px;
display: block;
border: none;
margin: 0 auto;
margin-top: 12px;
}
.about .ato-list {
float: left;
width: 80%;
height: 500px;
margin-left:2%;
}
.about .ato-list ul li:hover {
top: -5px;
box-shadow: 0 10px 12px rgba(0,0,0,0.12);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s
}
.about .prev:hover .ato-ope {
opacity: 0;
}
.about .ato-ope1 {
opacity: 0;
}
.about .prev:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.about .prev:hover .ato-ope {
opacity: 0;
}
.about .ato-ope1 {
opacity: 0;
}
.about .prev:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.about .next:hover .ato-ope {
opacity: 0;
}
.about .ato-ope1 {
opacity: 0;
}
.about .next:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.about .next:hover .ato-ope {
opacity: 0;
}
.about .ato-ope1 {
opacity: 0;
}
.about .next:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
right: 11px;
}
.about .ato-list-fl a:hover {
background: #005397;
border: 1px solid #005397;
}
/* 内页关于我们愿景 */
.aboutyj{ padding:0; margin: 0 auto; position: relative; }
.aboutyjcon{ padding: 0.25rem 1.5rem 0.5rem; position: relative; }
.aboutyjcon .bt{ width:10%; margin:4% auto; border-bottom:#FF0000 5px solid;}
.aboutyjcon .bt h1{ font-size:3.85rem; color:#333333; font-weight:600; text-align:center;}
.aboutyjcon .box{ width:85%; margin:8% auto 0 auto; display: flex;justify-content: space-between; flex-wrap: wrap; }
.aboutyjcon .box .left{ width:40%; max-width:690px; height:auto; }
.aboutyjcon .box .right{ width:54%; margin:8% 0 0 5%; }
.aboutyjcon .box .right h1{ margin-top:0;}
/* 内页关于我们致辞 */
.aboutzc{ background-size: cover;
background-position: 50%;
text-align: center;
padding-top: 250px;
padding-bottom: 220px;
margin-top: -55px;
background-image:url(../images/328345.png); }
.aboutzc .bgSlogin {
position: absolute;
inset: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-size: 11.458vw;
color: rgba(119, 178, 211, .2);
line-height: 1;
text-transform: uppercase;
font-family: NotoSans-Black, Arial, Helvetica, sans-serif;
}
.aboutzccon{ padding: 0.25rem 1.5rem 0.5rem; position: relative; }
.aboutzccon .box{ width:90%; padding:4%; margin:0 auto; }
.aboutzccon .box h1{ color:#b9d9eb; margin-top:0;}
.aboutzccon .box h2{ color:#FFFFFF;}
.aboutzccon .box p{ color:#FFFFFF; width:80%; margin:0 auto; font-size:16px;}
/* 内页服务项目海报 */
.service-banner{ width:100%; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); max-width: 1920px; height:auto; margin:0 auto; overflow:hidden; background-size: cover}
.service-banner .image{ width: 100%; height: 100%; object-fit: cover;}
.service{ padding:0; margin: 0 auto; top center no-repeat;position: relative; }
.servicecon{ position: relative; }
.servicecon .bt{ width:16%; margin:4% auto; border-bottom:#FF0000 5px solid;}
.servicecon .bt h1{ font-size:3.85rem; color:#333333; font-weight:600; text-align:center;}
.servicecon .box{ width:100%; margin:0 auto; display: flex;justify-content: space-between; flex-wrap: wrap; background-color:#efefec; }
.servicecon .box .left{ width:50%;}
.servicecon .box .left img{ max-width:100%; height:auto;}
.servicecon .box .right{ width:50%;}
.servicecon .box .right .contect{ width:80%;margin-top:20%;}
.servicecon .box .right .contect h1{}
.servicecon .box .right .contect h2{}
.servicecon .box .right .contect p{}
.servicecon .box .right .image{ width:100%; text-align:right; }
.servicecon .box .right .image img{ width:100%; height:auto; max-width:469px;}
.service-odmlc{
background:url(../images/indexSec4Bg.jpg) center no-repeat;
background-position-x: right;
background-position-y: top;
background-repeat: no-repeat;
position: relative;
padding-top: 140px;
}
.service-odmlc:before {
content: "";
position: absolute;
left: -103px;
top: 0;
bottom: 0;
background-color: rgba(77, 173, 255, .3);
width: 740px;
transform: skewX(10deg);}
.service-odmlc .slogin {
font-size: 6.25vw;
color: rgba(0, 83, 150, .102);
font-family: NotoSans-Black, Arial, Helvetica, sans-serif;
line-height: 1.583;
text-transform: uppercase;
white-space: nowrap;
font-weight:bold;
margin-top:10px;
overflow:hidden;
}
@keyframes scrollText {
from {
transform: translateX(100%); /* 从右向左移动 */
}
to {
transform: translateX(-100%); /* 完全移出视图区域 */
}
}
.service-odmlc .slogin .scroll-text {
white-space: nowrap; /* 确保文字在一行内 */
overflow: hidden; /* 隐藏溢出的内容 */
position: relative; /* 设置定位上下文 */
animation: scrollText 10s linear infinite; /* 应用动画 */
}
.service-odmlccon{ padding: 0.25rem 1.5rem 0.5rem; position: relative; }
.service-odmlccon .box{ width:80%; margin: 0 auto; }
.service-odmlccon .box .titleBox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 70px;}
.service-odmlccon .box .titleBox .title{}
.service-odmlccon .box .titleBox .title h1{}
.service-odmlccon .box .titleBox .title h2{}
.service-odmlccon .box .titleBox .navBox{
background-color: #ce1a1b;
border-radius: 30px;
padding: 12px 40px;
display: flex;
justify-content: space-between;
}
.service-odmlccon .box .titleBox .navBox .swiper-button-prev{
width:40%; color:#FFFFFF;
text-align:left;
margin-right:10px;
display:block;
font-size: 2vw;
}
.service-odmlccon .box .titleBox .navBox .swiper-button-next{
width:40%; color:#FFFFFF;
text-align:right;
margin-left:10px;
display:block;
font-size: 2vw;
}
.service-odmlccon .box .tupian{ width:100%;}
.service-odmlccon .box .tupian ul{display: flex;
align-items: center;
justify-content: center;}
.service-odmlccon .box .tupian ul li{
width:25%;
height: 100%;
background-color: #fff;
text-align: center;
display: block;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
padding: 80px 10px 70px;
margin:0 1%;
}
.service-odmlccon .box .tupian ul li .image{margin-bottom: 60px;}
.service-odmlccon .box .tupian ul li .image img{max-width: 100%;}
.service-odmlccon .box .tupian ul li .num{
font-size: 2.125rem;
font-family: NotoSans-Regular, Arial, Helvetica, sans-serif;
color: #666;
margin-bottom: 20px;}
.service-odmlccon .box .tupian ul li .catname{
font-size: 2.125rem;
font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;
color: #333;
line-height: 1.5;
position: relative;
padding-bottom: 45px;
border-bottom:#FF0000 10px solid; width:50%;
margin:0 auto;
}
.service-odmlccon .box .control_box{
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
margin-top: 60px;
}
.service-odmlccon .box .control_box .custom-pagination{
font-size: 2.5rem;
font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;
color: #666;
width: 65px;
}
.service-odmlccon .box .control_box .swiper-scrollbar{
top: 50%;
transform: translateY(-50%);
left: 65px;
right: 65px;
bottom: auto;
width: calc(100% - 130px);
background-color: #626c71;
height: auto;
border-radius: 0;
height: 1px;
}
.service-odmlccon .box .control_box .swiper-scrollbar .swiper-scrollbar-drag{
background-color: #ce1a1b;
height: 4px;
border-radius: 0;
top: -2px;
width:50%;
}
.service-lcjs{ padding:0; margin: 0 auto; background:url(../images/liuceng.jpg) top center no-repeat;position: relative; }
.service-lcjscon{ padding: 0.25rem 1.5rem 0.5rem; position: relative; }
.service-lcjscon .box{ width:52%; margin:8% auto 10% auto; }
.service-lcjscon .box h1{ text-align:center; color:#489ecd;}
.service-lcjscon .box h2{ text-align:center; color:#FFFFFF;}
.service-lcjscon .box p{ font-size:1.7rem; color:#FFFFFF; line-height:3.8rem}
.service-lcjs-1{ padding:0; margin: 1px auto; }
.service-lcjs-1 .carousel-container {
width: 100%;
overflow: hidden;
position: relative;
}
/* 流程卡片 */
.service-lcjs-1 .carousel-track {
display: flex;
padding:0 0 3% 0 ;
cursor: grab;
transition: transform 0.3s ease-out;
}
.service-lcjs-1 .step-card {
flex: 0 0 280px;
height: auto;
background: var(--primary-blue);
margin-right: 1px;
padding: 60px 30px;
color: white;
box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
/* 图标与文字 */
.service-lcjs-1 .num {
font-size: 2.5rem;
-webkit-text-stroke: 1px #fff;
text-stroke: 1px #fff;
color: transparent;
font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;
margin-bottom: 30px;
text-align:center;
}
.service-lcjs-1 .image {
margin-bottom: 30px;
height: 60px;
text-align:center;}
.service-lcjs-1 .image img{
max-width: 100%;}
.service-lcjs-1 .catname {
font-size: 1.525rem;
font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;
color: #fff;
line-height: 1.5;
padding-bottom: 70px;
position: relative;
text-align:center;
}
.service-lcjs-1 .catname::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background-color: #d21c16;
width: 70px;
height: 5px;
}
/* 进度条系统 */
.service-lcjs-1 .progress-container {
position: absolute;
bottom:5px;
left: 50%;
transform: translateX(-50%);
width: 60%;
display: flex;
justify-content: space-between;
}
.service-lcjs-1 .progress-container .progress-bar-1 {
height: 4px;
background-color:#CCCCCC;
width: 100%;
margin-top:2.5%;
margin-left:2.5%;
margin-right:2.5%;
}
.service-lcjs-1 .progress-container .progress-bar-1 .progress-fill {
width: 50%;
height: 100%;
background-color:#FF0000;
transition: width 0.3s ease;
}
.service-lcjs-1 .progress-container .step-indicator {
margin-top: 12px;
color: var(--primary-blue);
}
.service-lcjs-1 .progress-container .step-indicator span{ font-size:2.5rem}
:root {
--primary-blue: #499fe3;
--accent-red: #E30613;
}
/* 服务项目代加工 */
.service-djg{
background:url(../images/indexSec4Bg.jpg) center no-repeat;
background-position-x: right;
background-position-y: top;
background-repeat: no-repeat;
position: relative;
padding-top: 140px;
}
.service-djg:before {
content: "";
position: absolute;
left: -103px;
top: 0;
bottom: 0;
background-color: rgba(77, 173, 255, .3);
width: 740px;
transform: skewX(10deg);}
.service-djg .slogin {
font-size: 6.25vw;
color: rgba(0, 83, 150, .102);
font-family: NotoSans-Black, Arial, Helvetica, sans-serif;
line-height: 1.583;
text-transform: uppercase;
white-space: nowrap;
font-weight:bold;
margin-top:10px;
overflow:hidden;
}
@keyframes scrollText {
from {
transform: translateX(100%); /* 从右向左移动 */
}
to {
transform: translateX(-100%); /* 完全移出视图区域 */
}
}
.service-djg .slogin .scroll-text {
white-space: nowrap; /* 确保文字在一行内 */
overflow: hidden; /* 隐藏溢出的内容 */
position: relative; /* 设置定位上下文 */
animation: scrollText 10s linear infinite; /* 应用动画 */
}
.service-djgcon{ padding: 0.25rem 1.5rem 0.5rem; position: relative; }
.service-djgcon .box{ width:100%; margin: 0 auto; }
.service-djgcon .box h1{ text-align:center;}
.service-djgcon .box h2{ text-align:center;}
.service-djgcon .box p{ text-align:center; font-size:2.05rem;}
.service-djgcon .box .tupian{ width:100%; margin:5% auto; display: flex;
align-items: center;
justify-content: space-between;}
.service-djgcon .box .tupian .image{ width:100%; margin: 0 auto; overflow:hidden; text-align:center;}
.service-djgcon .box .tupian .image img{ max-width:575px; }
/* 设备与环境海报 */
.equ-banner{ width:100%; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); max-width: 1920px; height:auto; margin:0 auto; overflow:hidden; background-size: cover}
.equ-banner .image{ width: 100%; height: 100%; object-fit: cover;}
.equ{ padding:0; margin: 0 auto; top center no-repeat;position: relative; }
.equcon{ position: relative; }
.equcon .bt{ width:13%; margin:4% auto 10% auto; border-bottom:#FF0000 5px solid;}
.equcon .bt h1{ font-size:3.85rem; color:#333333; font-weight:600; text-align:center;}
.equcon .box{ width:100%; margin:0 auto; display: flex;justify-content: space-between; flex-wrap: wrap; background-color:#efefec; }
.equcon .box .sbhj{ background: #eee;display: flex; align-items: center;justify-content: space-between;}
.equcon .box .sbhj .left{ width:42%; margin-left:10%;}
.equcon .box .sbhj .left h2{ font-size:4.2rem;}
.equcon .box .sbhj .left p{ font-size:1.8rem;}
.equcon .box .sbhj .right{ width:50%;}
.equcon .box .sbhj .right img{ max-width: 100%;margin-top: -90px;
display: inline-block;}
/* 必要布局样式css */
.equcon .box .ato-content {
width: 85%;
margin: 0 auto;
padding: 100px 0 50px 0;
}
.equcon .box .ato-list ul {
height: 470px;
}
.equcon .box .ato-list ul li {
width: 270px;
height: auto;
float: left;
margin-left: 26px;
margin-right: 0;
text-align: center;
background-color: #fff;
-webkit-transition: height 300ms;
-moz-transition: height 300ms;
-ms-transition: height 300ms;
-o-transition: height 300ms;
transition: height 300ms;
position: relative;
box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
top: 10px;
left: -10px;
}
.equcon .box .ato-list ul li:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 0px 2px rgba(0,0,0,0.24);
}
.equcon .box .ato-list ul li div {
width: 270px;
margin: 0;
text-align: center;
}
.equcon .box .ato-list ul li div img {
width: 100%;
height: auto;
border: none;
display: block;
margin: 0 auto;
}
.equcon .box .ato-list ul li h3 {
font-size: 16px;
color: #000000;
font-weight: 600;
margin:0 auto;
padding:20px;
}
.equcon .box .ato-list ul li p {
margin: 0;
text-align: center;
font-size: 13px;
color: #8e8e8e;
line-height: 25px;
padding: 0 22px 20px 22px;
}
.equcon .box .ato-more {
width: 157px;
height: 36px;
text-align: center;
display: none;
display: inline-block;
border: 1px solid #7D7D7D;
line-height: 34px;
color: #666;
font-size: 13px;
text-decoration: none;
position: absolute;
bottom: 30px;
left: 55px;
}
.equcon .box .ato-more:hover {
background-color: #108cee;
border-color: #108CEE;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #FFF;
}
.equcon .box .ato-list-fl {
display: flex; align-items: center;justify-content: space-between; width:95%;
}
.equcon .box .ato-title {
width: 273px;
padding-right: 20px;
position: relative;
}
.equcon .box .ato-title1 {
width: 140px;
padding-right: 20px;
position: relative;
display: flex; align-items: center;justify-content: space-between;
}
.equcon .box .ato-title h1{ color:#005396; font-weight:800; font-size: 4.2rem;}
.equcon .box .ato-title h2 {
font-size: 2.5rem;
color: #489ec;
line-height: 33px;
padding: 10px 0;
margin: 0;
font-weight: inherit;
}
.equcon .box .ato-title p {
margin-top: 10px;
font-size: 14px;
color: #333333;
line-height: 26px;
}
.equcon .box .ato-list-fl a {
width: 50px;
height: 50px;
position: relative;
margin-top: 54px;
margin-right: 10px;
float: left;
border: 1px solid #FF0000;
display: block;
background: #FF0000;
border-radius: 30px;
overflow: hidden;
}
.equcon .box .ato-list-fl a img {
width: 22px;
height: 22px;
display: block;
border: none;
margin: 0 auto;
margin-top: 12px;
}
.equcon .box .ato-list {
width: 1200px;
height: 367px;
}
.equcon .box .ato-list ul li:hover {
top: -5px;
box-shadow: 0 10px 12px rgba(0,0,0,0.12);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s
}
.equcon .box .prev:hover .ato-ope {
opacity: 0;
}
.equcon .box .ato-ope1 {
opacity: 0;
}
.equcon .box .prev:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.equcon .box .prev:hover .ato-ope {
opacity: 0;
}
.equcon .box .ato-ope1 {
opacity: 0;
}
.equcon .box .prev:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.equcon .box .next:hover .ato-ope {
opacity: 0;
}
.equcon .box .ato-ope1 {
opacity: 0;
}
.equcon .box .next:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.equcon .box .next:hover .ato-ope {
opacity: 0;
}
.equcon .box .ato-ope1 {
opacity: 0;
}
.equcon .box .next:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
right: 11px;
}
.equcon .box .ato-list-fl a:hover {
background: #005397;
border: 1px solid #005397;
}
.equcon .box2{ width:100%; margin:0 auto; display: flex;justify-content: space-between; flex-wrap: wrap; background-color:#efefec; }
.equcon .box2 .jydw{ background: #eee;display: flex; align-items: center;justify-content: space-between;}
.equcon .box2 .jydw .left{ width:42%; margin-right:10%;}
.equcon .box2 .jydw .left h2{ font-size:4.2rem;}
.equcon .box2 .jydw .left p{ font-size:1.8rem;}
.equcon .box2 .jydw .right{ width:50%;}
.equcon .box2 .jydw .right img{ max-width: 100%;margin-top: -90px;
display: inline-block;}
/* 必要布局样式css */
.equcon .box2 .ato-content {
width: 85%;
margin: 0 auto;
padding: 100px 0 0 0;
}
.equcon .box2 .ato-list ul {
height: 470px;
}
.equcon .box2 .ato-list ul li {
width: 270px;
height: auto;
float: left;
margin-left: 26px;
margin-right: 0;
text-align: center;
background-color: #fff;
-webkit-transition: height 300ms;
-moz-transition: height 300ms;
-ms-transition: height 300ms;
-o-transition: height 300ms;
transition: height 300ms;
position: relative;
box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
top: 10px;
left: -10px;
}
.equcon .box2 .ato-list ul li:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 0px 2px rgba(0,0,0,0.24);
}
.equcon .box2 .ato-list ul li div {
width: 270px;
margin: 0;
text-align: center;
}
.equcon .box2 .ato-list ul li div img {
width: 100%;
height: auto;
border: none;
display: block;
margin: 0 auto;
}
.equcon .box2 .ato-list ul li h3 {
font-size: 16px;
color: #000000;
font-weight: 600;
margin:0 auto;
padding:20px;
}
.equcon .box2 .ato-list ul li p {
margin: 0;
text-align: center;
font-size: 13px;
color: #8e8e8e;
line-height: 25px;
padding: 0 22px 20px 22px;
}
.equcon .box2 .ato-more {
width: 157px;
height: 36px;
text-align: center;
display: none;
display: inline-block;
border: 1px solid #7D7D7D;
line-height: 34px;
color: #666;
font-size: 13px;
text-decoration: none;
position: absolute;
bottom: 30px;
left: 55px;
}
.equcon .box2 .ato-more:hover {
background-color: #108cee;
border-color: #108CEE;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #FFF;
}
.equcon .box2 .ato-list-fl {
display: flex; align-items: center;justify-content: space-between; width:95%;
}
.equcon .box2 .ato-title {
width: 273px;
padding-right: 20px;
position: relative;
}
.equcon .box2 .ato-title1 {
width: 140px;
padding-right: 20px;
position: relative;
display: flex; align-items: center;justify-content: space-between;
}
.equcon .box2 .ato-title h1{ color:#005396; font-weight:800; font-size: 4.2rem;}
.equcon .box2 .ato-title h2 {
font-size: 2.5rem;
color: #489ec;
line-height: 33px;
padding: 10px 0;
margin: 0;
font-weight: inherit;
}
.equcon .box2 .ato-title p {
margin-top: 10px;
font-size: 14px;
color: #333333;
line-height: 26px;
}
.equcon .box2 .ato-list-fl a {
width: 50px;
height: 50px;
position: relative;
margin-top: 54px;
margin-right: 10px;
float: left;
border: 1px solid #FF0000;
display: block;
background: #FF0000;
border-radius: 30px;
overflow: hidden;
}
.equcon .box2 .ato-list-fl a img {
width: 22px;
height: 22px;
display: block;
border: none;
margin: 0 auto;
margin-top: 12px;
}
.equcon .box2 .ato-list {
width: 1200px;
height: 350px;
}
.equcon .box2 .ato-list ul li:hover {
top: -5px;
box-shadow: 0 10px 12px rgba(0,0,0,0.12);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s
}
.equcon .box2 .prev:hover .ato-ope {
opacity: 0;
}
.equcon .box2 .ato-ope1 {
opacity: 0;
}
.equcon .box2 .prev:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.equcon .box2 .prev:hover .ato-ope {
opacity: 0;
}
.equcon .box2 .ato-ope1 {
opacity: 0;
}
.equcon .box2 .prev:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.equcon .box2 .next:hover .ato-ope {
opacity: 0;
}
.equcon .box2 .ato-ope1 {
opacity: 0;
}
.equcon .box2 .next:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.equcon .box2 .next:hover .ato-ope {
opacity: 0;
}
.equcon .box2 .ato-ope1 {
opacity: 0;
}
.equcon .box2 .next:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
right: 11px;
}
.equcon .box2 .ato-list-fl a:hover {
background: #005397;
border: 1px solid #005397;
}
.equcon .box1{ width:100%; margin:0 auto; background: url(../images/388705.png) center no-repeat; padding-bottom: 120px;
background-size: cover;
background-position: 50%; }
.equcon .box1 .text{
-webkit-animation: marquee 30s linear infinite;
animation: marquee 30s linear infinite;
-webkit-text-stroke: 1px #6ebfd7;
text-stroke: 1px #6ebfd7;
color: transparent;
font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;
font-size: 6.771vw;
text-transform: uppercase;
white-space: nowrap;
overflow:hidden;
}
.equcon .box1 .text .wz{
white-space: nowrap;
overflow: hidden;
position: relative;
animation: scrollText 20s linear infinite;
}
.equcon .box1 .scdw{ display: flex;justify-content: space-between; flex-wrap: wrap; width:80%; margin:0 auto; padding:0;}
.equcon .box1 .scdw .left{ width:50%}
.equcon .box1 .scdw .left img{
display: inline-block;
max-width: 100%;}
.equcon .box1 .scdw .right{ width:40%}
.equcon .box1 .scdw .right h1{ color:#FFFFFF; font-size:3.8rem;}
.equcon .box1 .scdw .right p{ color:#FFFFFF; font-size:1.8rem;}
/* 必要布局样式css */
.equcon .box1 .scdw .right .ato-content1 {
width: 100%;
margin: 0 auto;
padding: 0 0 50px 0;
}
.equcon .box1 .scdw .right .ato-list ul {
height: 470px;
overflow:hidden;
}
.equcon .box1 .scdw .right .ato-list ul li {
width: 270px;
height: auto;
float: left;
margin-left: 26px;
margin-right: 0;
text-align: center;
background-color: #fff;
-webkit-transition: height 300ms;
-moz-transition: height 300ms;
-ms-transition: height 300ms;
-o-transition: height 300ms;
transition: height 300ms;
position: relative;
box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
top: 10px;
left: -10px;
}
.equcon .box1 .scdw .right .ato-list ul li:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 0px 2px rgba(0,0,0,0.24);
}
.equcon .box1 .scdw .right .ato-list ul li div {
width: 270px;
margin: 0;
text-align: center;
}
.equcon .box1 .scdw .right .ato-list ul li div img {
width: 100%;
height: auto;
border: none;
display: block;
margin: 0 auto;
}
.equcon .box1 .scdw .right .ato-list ul li h3 {
font-size: 16px;
color: #000000;
font-weight: 600;
margin:0 auto;
padding:20px;
}
.equcon .box1 .scdw .right .ato-list ul li p {
margin: 0;
text-align: center;
font-size: 13px;
color: #8e8e8e;
line-height: 25px;
padding: 0 22px 20px 22px;
}
.equcon .box1 .scdw .right .ato-more {
width: 157px;
height: 36px;
text-align: center;
display: none;
display: inline-block;
border: 1px solid #7D7D7D;
line-height: 34px;
color: #666;
font-size: 13px;
text-decoration: none;
position: absolute;
bottom: 30px;
left: 55px;
}
.equcon .box1 .scdw .right .ato-more:hover {
background-color: #108cee;
border-color: #108CEE;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #FFF;
}
.equcon .box1 .scdw .right .ato-list-fl {
display: flex; align-items: center;justify-content: space-between; width:95%;
}
.equcon .box1 .scdw .right .ato-title {
width: 273px;
position: relative;
}
.equcon .box1 .scdw .right .ato-title1 {
width: 140px;
padding-right: 20px;
position: relative;
display: flex; align-items: center;justify-content: space-between;
}
.equcon .box1 .scdw .right .ato-title h1{ color: #FFFFFF; font-weight:400; font-size:3.8rem;}
.equcon .box1 .scdw .right .ato-title h2 {
font-size: 2.5rem;
color: #489ec;
line-height: 33px;
padding: 10px 0;
margin: 0;
font-weight: inherit;
}
.equcon .box1 .scdw .right .ato-title p {
margin-top: 10px;
font-size: 14px;
color: #333333;
line-height: 26px;
}
.equcon .box1 .scdw .right .ato-list-fl a {
width: 50px;
height: 50px;
position: relative;
margin-top: 54px;
margin-right: 10px;
float: left;
border: 1px solid #FF0000;
display: block;
background: #FF0000;
border-radius: 30px;
overflow: hidden;
}
.equcon .box1 .scdw .right .ato-list-fl a img {
width: 22px;
height: 22px;
display: block;
border: none;
margin: 0 auto;
margin-top: 12px;
}
.equcon .box1 .scdw .right .ato-list {
width: 588px;
height: 500px;
overflow:hidden;
}
.equcon .box1 .scdw .right .ato-list ul li:hover {
top: -5px;
box-shadow: 0 10px 12px rgba(0,0,0,0.12);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s
}
.equcon .box1 .scdw .right .prev:hover .ato-ope {
opacity: 0;
}
.equcon .box1 .scdw .right .ato-ope1 {
opacity: 0;
}
.equcon .box1 .scdw .right .prev:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.equcon .box1 .scdw .right .prev:hover .ato-ope {
opacity: 0;
}
.equcon .box1 .scdw .right .ato-ope1 {
opacity: 0;
}
.equcon .box1 .scdw .right .prev:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.equcon .box1 .scdw .right .next:hover .ato-ope {
opacity: 0;
}
.equcon .box1 .scdw .right .ato-ope1 {
opacity: 0;
}
.equcon .box1 .scdw .right .next:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.equcon .box1 .scdw .right .next:hover .ato-ope {
opacity: 0;
}
.equcon .box1 .scdw .right .ato-ope1 {
opacity: 0;
}
.equcon .box1 .scdw .right .next:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
right: 11px;
}
.equcon .box1 .scdw .right .ato-list-fl a:hover {
background: #005397;
border: 1px solid #005397;
}
.equcon .box1 .bzdw{ display: flex;justify-content: space-between; flex-wrap: wrap; width:80%; margin:0 auto; padding:0;}
.equcon .box1 .bzdw .left{ width:50%}
.equcon .box1 .bzdw .left img{
display: inline-block;
max-width: 100%;}
.equcon .box1 .bzdw .right{ width:40%}
.equcon .box1 .bzdw .right h1{ color:#FFFFFF; font-size:3.8rem;}
.equcon .box1 .bzdw .right p{ color:#FFFFFF; font-size:1.8rem;}
/* 必要布局样式css */
.equcon .box1 .bzdw .right .ato-content1 {
width: 100%;
margin: 0 auto;
padding: 0 0 50px 0;
}
.equcon .box1 .bzdw .right .ato-list ul {
height: 470px;
overflow:hidden;
}
.equcon .box1 .bzdw .right .ato-list ul li {
width: 270px;
height: auto;
float: left;
margin-left: 26px;
margin-right: 0;
text-align: center;
background-color: #fff;
-webkit-transition: height 300ms;
-moz-transition: height 300ms;
-ms-transition: height 300ms;
-o-transition: height 300ms;
transition: height 300ms;
position: relative;
box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
top: 10px;
left: -10px;
}
.equcon .box1 .bzdw .right .ato-list ul li:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 0px 2px rgba(0,0,0,0.24);
}
.equcon .box1 .bzdw .right .ato-list ul li div {
width: 270px;
margin: 0;
text-align: center;
}
.equcon .box1 .bzdw .right .ato-list ul li div img {
width: 100%;
height: auto;
border: none;
display: block;
margin: 0 auto;
}
.equcon .box1 .bzdw .right .ato-list ul li h3 {
font-size: 16px;
color: #000000;
font-weight: 600;
margin:0 auto;
padding:20px;
}
.equcon .box1 .bzdw .right .ato-list ul li p {
margin: 0;
text-align: center;
font-size: 13px;
color: #8e8e8e;
line-height: 25px;
padding: 0 22px 20px 22px;
}
.equcon .box1 .bzdw .right .ato-more {
width: 157px;
height: 36px;
text-align: center;
display: none;
display: inline-block;
border: 1px solid #7D7D7D;
line-height: 34px;
color: #666;
font-size: 13px;
text-decoration: none;
position: absolute;
bottom: 30px;
left: 55px;
}
.equcon .box1 .bzdw .right .ato-more:hover {
background-color: #108cee;
border-color: #108CEE;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #FFF;
}
.equcon .box1 .bzdw .right .ato-list-fl {
display: flex; align-items: center;justify-content: space-between; width:95%;
}
.equcon .box1 .bzdw .right .ato-title {
width: 273px;
position: relative;
}
.equcon .box1 .bzdw .right .ato-title1 {
width: 140px;
padding-right: 20px;
position: relative;
display: flex; align-items: center;justify-content: space-between;
}
.equcon .box1 .bzdw .right .ato-title h1{ color: #FFFFFF; font-weight:400; font-size:3.8rem;}
.equcon .box1 .bzdw .right .ato-title h2 {
font-size: 2.5rem;
color: #489ec;
line-height: 33px;
padding: 10px 0;
margin: 0;
font-weight: inherit;
}
.equcon .box1 .bzdw .right .ato-title p {
margin-top: 10px;
font-size: 14px;
color: #333333;
line-height: 26px;
}
.equcon .box1 .bzdw .right .ato-list-fl a {
width: 50px;
height: 50px;
position: relative;
margin-top: 54px;
margin-right: 10px;
float: left;
border: 1px solid #FF0000;
display: block;
background: #FF0000;
border-radius: 30px;
overflow: hidden;
}
.equcon .box1 .bzdw .right .ato-list-fl a img {
width: 22px;
height: 22px;
display: block;
border: none;
margin: 0 auto;
margin-top: 12px;
}
.equcon .box1 .bzdw .right .ato-list {
width: 588px;
height: 500px;
overflow:hidden;
}
.equcon .box1 .bzdw .right .ato-list ul li:hover {
top: -5px;
box-shadow: 0 10px 12px rgba(0,0,0,0.12);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s
}
.equcon .box1 .bzdw .right .prev:hover .ato-ope {
opacity: 0;
}
.equcon .box1 .bzdw .right .ato-ope1 {
opacity: 0;
}
.equcon .box1 .bzdw .right .prev:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.equcon .box1 .bzdw .right .prev:hover .ato-ope {
opacity: 0;
}
.equcon .box1 .bzdw .right .ato-ope1 {
opacity: 0;
}
.equcon .box1 .bzdw .right .prev:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.equcon .box1 .bzdw .right .next:hover .ato-ope {
opacity: 0;
}
.equcon .box1 .bzdw .right .ato-ope1 {
opacity: 0;
}
.equcon .box1 .bzdw .right .next:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
left: 11px;
}
.equcon .box1 .bzdw .right .next:hover .ato-ope {
opacity: 0;
}
.equcon .box1 .bzdw .right .ato-ope1 {
opacity: 0;
}
.equcon .box1 .bzdw .right .next:hover .ato-ope1 {
opacity: 1;
position: absolute;
top: 0;
right: 11px;
}
.equcon .box1 .bzdw .right .ato-list-fl a:hover {
background: #005397;
border: 1px solid #005397;
}
.equcon .box3{ position: relative;
padding-top: 140px;
padding-bottom: 30px;
background-size: cover;
background-position: 100%;
background-repeat: no-repeat; background:url(../images/indexSec4Bg.jpg) center no-repeat; }
.equcon .box3:before{
content: "";
position: absolute;
top: 0;
left: -95px;
bottom: 0;
background-color: rgba(77, 173, 255, .3);
width: 740px;
transform: skewX(10deg);
z-index: 1;
}
.equcon .box3 .ck{ width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}
.equcon .box3 .ck .row{
align-items: center;
z-index: 2;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.equcon .box3 .ck .row .left{ width:42%; }
.equcon .box3 .ck .row .left h1{ font-size:4.2rem;}
.equcon .box3 .ck .row .left p{ font-size:1.8rem;}
.equcon .box3 .ck .row .right{ width:50%; margin-bottom: 30px; padding-right: 0;}
.equcon .box3 .ck .row .right .image{text-align: right;}
.equcon .box3 .ck .row .right .image img{max-width: 100%; display: inline-block;}
/* 内页产品 */
.pro-banner{ width:100%; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); max-width: 1920px; height:auto; margin:0 auto; overflow:hidden; background-color:#CCCCCC}
.pro-banner .image{ width: 100%; height: 100%; object-fit: cover;}
.pro{ padding:0; margin: 0 auto; }
.procon{ position: relative; background-color:#f9f9f9; }
.procon .box{ width: 90%; margin:0 auto;
}
.procon .box .productBottomTxt{
font-size: 11vw;
color: rgba(0, 83, 150, .102);
font-family: NotoSans-Black, Arial, Helvetica, sans-serif;
white-space: nowrap;
line-height: .7;
position: relative;
z-index: 1; }
.procon .box .rom{
display: flex;
flex-wrap: wrap;
}
.procon .box .rom .col-12{
flex: 0 0 100%;
max-width: 100%;}
.procon .box .rom .col-12 h1{ color:#000000; font-size:3.85rem; text-align:center; font-weight:800; width:15%; border-bottom:#FF0000 5PX solid; margin:3% auto 2% auto; line-height:55PX;}
.procon .box .rom .col-12 .main_title_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 75px;
}
.procon .box .rom .col-12 .main_title_box .left{ width:20%; font-size:1.5rem;}
.procon .box .rom .col-12 .main_title_box .right{ width:78%; }
.procon .box .rom .col-12 .main_title_box .right ul{
display: flex;
flex-wrap: wrap;
}
.procon .box .rom .col-12 .main_title_box .right ul li{ width:24%;box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
background-color: #fbfbfb; -webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
text-align:center;
border:#ececec 1px solid;
margin:0 10px 10px 0 ;
padding:10px;
}
.procon .box .rom .col-12 .main_title_box .right ul li img{
/* width: 100%;*/
/*max-width:500px;*/
border:#f6f6f6 5px solid;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;}
.procon .box .rom .col-12 .main_title_box .right ul li h3{ font-size:1.8rem; color: #FFFFFF;}
.procon .box .rom .col-12 .main_title_box .right ul li .bt{ background-color:#005397; padding:3% 1%; text-align:center;-webkit-transition: all 0.2s; margin:10px;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s}
.procon .box .rom .col-12 .main_title_box .right ul li:hover .bt{ background-color:#000000;-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s}
.procon .box .rom .col-12 .main_title_box .right ul li:hover{ -webkit-transition: all 0.2s;box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s}
.procon .box .rom .col-12 .main_title_box .left i {
color: #FFFFFF;
font-size: 12px;
padding-right: 5px;
}
.procon .box .rom .col-12 .main_title_box .left a {
text-decoration: none;
color: #FFFFFF;
}
* {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
.procon .box .rom .col-12 .main_title_box .left .fl {
float: left;
}
.procon .box .rom .col-12 .main_title_box .left .fr {
float: right;
}
/*清除浮动*/
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
/*IE/7/6*/
}
/*定位居中*/
.procon .box .rom .col-12 .main_title_box .left .middle {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.procon .box .rom .col-12 .main_title_box .left .s-side {
min-width: 100%;
top: 0;
left: 0;
width: 15%;
bottom: 0;
background-color: #005397;
box-shadow: 0px 0px 10px #313131;
padding: 10px;
overflow:hidden;
}
.procon .box .rom .col-12 .main_title_box .left .s-side .s-firstItem i {
font-size: 20px;
}
.procon .box .rom .col-12 .main_title_box .left .s-side .s-firstItem span {
display: inline-block;
margin-left: 10px;
font-size: 20px;
text-shadow: 0px 0px 5px #EEEEEE;
color:#FFFFFF;
white-space: 10px;
}
.procon .box .rom .col-12 .main_title_box .left .s-side .first {
padding: 10px 0px;
border-bottom: 1px solid #4378a3;
}
.procon .box .rom .col-12 .main_title_box .left .s-side .d-firstNav span {
display: inline-block;
margin-left: 10px;
color:#FFFFFF;
}
.procon .box .rom .col-12 .main_title_box .left .s-side .d-firstNav i.fr {
font-size: 25px;
}
.procon .box .rom .col-12 .main_title_box .left .s-side .s-secondNav,
.procon .box .rom .col-12 .main_title_box .left .s-side .s-secondItem {
margin-left: 55px;
margin-top: 10px;
color:#FFFFFF;
border-bottom:#4378a3 1px solid;
}
.procon .box .rom .col-12 .main_title_box .left .s-secondNav:hover,.d-firstNav:hover{
color:#FF0000; font-weight:bold;
}
.procon .box .rom .col-12 .main_title_box .left .s-side .d-secondDrop {
margin-left: 80px;
margin-top: 5px;
}
.procon .box .rom .col-12 .main_title_box .left .iconRotate {
transform: rotate(90deg);
transition: transform 0.5s;
}
.procon .box .rom .col-12 .main_title_box .left .s-firstDrop,
.procon .box .rom .col-12 .main_title_box .left .s-secondDrop {
display: none;
}
.procon .box .rom .col-12 .main_title_box .left .s-thirdItem{ padding:5px 0; }
.procon .box .rom .col-12 .main_title_box .left .s-thirdItem:hover a{
color:#FF0000; font-weight:bold;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top{ width:100%; display: flex;
flex-wrap: wrap;
justify-content: space-between;}
.procon .box .rom .col-12 .main_title_box .right .proshow-bottom{ width:100%; text-align:left; margin-top:2%; background-color:#FFFFFF;}
.procon .box .rom .col-12 .main_title_box .right .proshow-bottom p{ padding:30px; line-height:34px; font-size:16px;}
.procon .box .rom .col-12 .main_title_box .right .proshow-bottom span{ line-height:24px;}
.procon .box .rom .col-12 .main_title_box .right .proshow-bottom h1{ text-align:left; width:100%; border-bottom:#CCCCCC 2px solid; margin-bottom:1%; font-size:3.5rem;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left{ width:37.5%;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .right{ width:55%;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .right h1{ width:100%; border-bottom:0; font-weight:normal; text-align: left; margin-bottom:1%;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .right p{}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .right span{ width:10%; height:1%; background-color:#FF0000; display:block; margin:2% 0;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .right .tel{ background: url(../images/tel.png) left center no-repeat; height:40px; padding-left:45px; font-size:2.8rem; font-weight:bold; color:#005397; }
/* 产品详情页轮播图 */
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .ban{ width:100%; position:relative; overflow:hidden;margin:0px auto 0 auto;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .ban2{ width:100%; height:370px; position:relative; overflow:hidden;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .ban2 ul{ position:absolute; left:0; top:0;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .ban2 ul li{ width:500px; height:362px; }
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .ban2 ul li img{border:0; }
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .prev{ float:left; cursor:pointer;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .num{ height:82px;overflow:hidden; width:425px; position:relative;float:left;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .min_pic{ padding-top:10px; width:500px;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .num ul{ position:absolute; left:0; top:0;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .num ul li.on{ border:1px solid #9b9b9b; padding:0;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .next_btn1{ width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .prev1{ position:absolute; top:143px; left:20px; width:51px; height:51px;z-index:9;cursor:pointer;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .next1{ position:absolute; top:143px; right:20px; width:51px; height:51px;z-index:9;cursor:pointer;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .pop_up2 ul{ position:absolute; left:0; top:0;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .pop_up2 ul li{ width:500px; height:500px; float:left;}
/* 联系我们css */
.contact-banner{ width:100%; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); max-width: 1920px; height:auto; margin:0 auto; overflow:hidden; background-size: cover}
.contact-banner .image{ width: 100%; height: 100%; object-fit: cover;}
.contact{ padding:0; margin: 0 auto; background:url(../images/about-bj.jpg) top center no-repeat; }
.contactcon{ padding: 0.25rem 1.5rem 0.5rem; position: relative; }
.contactcon .box{ width:80%; margin:8% auto; }
.contactcon .box h1{ text-align:center; font-size:3.8rem; color:#000000; font-weight:600;}
.contactcon .box .bt{ width:10% !important; height:5px; background-color:#FF0000 !important; display:block; margin:0 auto;}
.contactcon .box .nr{display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:5% auto;}
.contactcon .box .nr .left{ width:30%; background-color:#FFFFFF; border: #CCCCCC 1px solid; padding:1%;}
.contactcon .box .nr .left h2{ font-size:1.8rem; color:#333333; border-bottom:#333333 1px solid; padding: 0 0 2% 0; margin:0;}
.contactcon .box .nr .right{ width:69%; background-color:#FFFFFF; border: #CCCCCC 1px solid; padding:1%;}
.contactcon .box .nr .right h2{ font-size:1.8rem; color:#333333; border-bottom:#333333 1px solid; padding: 0 0 1% 0; margin:0;}
.contactcon .box .nr .right .bg{ line-height:24px; width:98%; border:#CCCCCC 1px solid;}
.contactcon .box .nr .right .wz{ font-size:1.5rem; padding:1% 0;}
.contactcon .box .nr .right .anniu{ width:15%; line-height:3.2rem; background-color:#FF0000; color:#FFFFFF; margin-top:1%;}
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title {
font-size:1.667em
}
}
@media only screen and (max-width: 1600px){
.index_main .section1 .index_banner .item .inner .block_txt h4{
font-size: 28px;}
}
@media only screen and (max-width: 1440px){
.index_main .section1 .index_banner .item .inner .block_txt h4{
font-size: 24px;}
}
@media only screen and (max-width: 1366px){
.index_main .section1 .index_banner .item .inner .block_txt h4{
font-size: 20px;}
}
@media only screen and (max-width: 1300px){
.header .navbar_nav li a {
padding: 0 28px;}
}
@media only screen and (max-width: 1199px){
.index_main .section1 .index_banner .item .inner .block_txt h4{
font-size: 18px;}
}
@media only screen and (max-width: 992px){
.index_main .section1 .index_banner .item .inner .block_txt h2{
font-size:31px;
}
}
@media (max-width: 768px) {
.procon .box .rom .col-12 .main_title_box .right ul li img {
width: 100%;
max-width: 375px;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .ban2 ul li {
width: 375px;
height: 375px;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .ban2 {
width: 100%;
height: 375px;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .min_pic {
width: 350px;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .num {
width: 350px;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .num ul {
width:100% !important;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .ban {
height:100%;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .prev1 {
top: 150px;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .next1 {
top: 150px;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .prev_btn1{display:none;}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left .next_btn1{display:none;}
.index-odmlccon .box .tupian ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
overflow: inherit!important;
}
.index-odmlccon .box .titleBox .navBox .swiper-button-prev {
font-size: 6vw;
}
.index-odmlccon .box .titleBox .navBox .swiper-button-prev {
font-size: 6vw;
}
.index-odmlccon .box .titleBox .navBox .swiper-button-next {
font-size: 6vw;
}
.contactcon .box .bt{ width:55% !important; height:5px; background-color:#FF0000 !important; display:block; margin:0 auto;}
.index-yscon .box .bottom .timeline-wrapper {
flex-direction: column;
}
.index-yscon .box .bottom .timeline-left,
.index-yscon .box .bottom .timeline-right {
width: 100%;
margin-left:0;
}
.index-yscon .box .bottom .timeline-left {
padding: 30px 10px;
margin-top:80%;
width:100%;
}
.index-yscon .box .bottom .timeline-items {
overflow-x: auto;
padding-bottom: 20px;
scroll-snap-type: x mandatory;
}
.index-yscon .box .bottom .timeline-item {
flex: 0 0 10px;
scroll-snap-align: center;
}
.index-yscon .box .bottom .timeline-right {
height: 400px;
}
.index-yscon .box .bottom .timeline-desc {
width: 160px;
font-size: 14px;
}
.index-yscon .box .bottom .timeline-item.active .timeline-year {
font-size: 30px;
color: #e74c3c;
letter-spacing: 2px;
}
/* 年份文字 */
.index-yscon .box .bottom .timeline-year {
font-size: 24px;
font-weight:bold;
color: #3498db;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
display: block;
}
/* 小圆点 */
.index-yscon .box .bottom .timeline-dot {
width: 100%;
height:2px;
background: #3498db;
margin: 15px auto;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
/* 文字介绍 */
.index-yscon .box .bottom .timeline-desc {
position: absolute;
bottom: -40px;
left: 50%;
width: 400px;
transform: translateX(-50%);
opacity: 0;
padding: 15px;
font-size:14px;
color:#666666;
transition: all 0.5s ease;
pointer-events: none;
}
/* 红色小圆点 */
.index-yscon .box .bottom .timeline-item.active .timeline-dot {
background: #e74c3c;
width: 10px;
height: 10px;
margin-top: 5px;
}
/* 时间节点容器 */
.index-yscon .box .bottom .timeline-items {
display:block;
overflow:hidden;
z-index: 2;
margin-top:25%;
}
/* 单个时间节点 */
.index-yscon .box .bottom .timeline-item {
position: relative;
cursor: pointer;
text-align: center;
width:100%;
padding: 20px;
flex: 1;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
/* 时间点容器 */
.index-yscon .box .bottom .time-point {
width:100%;
}
/* 时间轴线 */
.index-yscon .box .bottom .timeline-line {
display:none;
}
.about .ato-list {
width: 90%;
height: 500px;
margin-left:2%;
}
.about .ato-list .tempWrap{
width: 100% !important;
}
.equcon .box .ato-list {
width: 90%;
height: 300px;
margin-left:2%;
}
.equcon .box .tempWrap{
width: 100% !important;
margin-bottom:-50%;
}
.equcon .box1 .scdw .right .ato-list {
width: 95%;
height: 500px;
margin-left:1%;
}
.equcon .box1 .scdw .right .tempWrap{
width: 100% !important;
}
.equcon .box1 .bzdw .right .ato-list {
width: 95%;
height: 300px;
margin-left:2%;
}
.equcon .box1 .bzdw .right .tempWrap{
width: 100% !important;
}
.index-aboutcon .box {
width: 100%;
margin: 3% auto;
display: flex;}
.index-aboutcon .box .left {
width: 100%;}
.index-aboutcon .box .right {
width: 100%;
margin: 5% 0 0 0;
}
.index-about1 .left {
display:none;
}
.index-about1 .right {
width: 100%;
overflow: hidden;
margin:23% 0 4% 0;
}
.index-aboutcon .box .right .more a { text-align:center; display: block;
}
.pubcon h2 {
margin-bottom: 20px;
font-size: 3.5rem;}
.flickerplate ul.flicks>li .flick-title {
width: 100%;
height: auto;}
.flickerplate ul.flicks>li .flick-title .image {
width:100%;
}
.flickerplate ul.flicks>li .flick-title .image img{ width:70%;}
.flickerplate ul.flicks>li .flick-title .img { width:20%;
top: 110%;
}
.flickerplate ul.flicks>li .flick-title .img1 {width:20%; left:10px;
top: 0;
}
.flickerplate ul.flicks>li .flick-title .img2 {width:20%;right:10px;
top:0;
}
.flickerplate ul.flicks>li .flick-title .img3 {width:20%;left:10px;
top: 75%;
}
.flickerplate ul.flicks>li .flick-title .img4 {width:20%;right:10px;
top: 100%;
}
.flickerplate ul.flicks>li .flick-title .img5 {width:20%;
top: 200%;
}
.flickerplate ul.flicks>li .flick-title .wz {
font-size: 1.2rem;
}
.flickerplate ul.flicks>li .flick-sub-text {
margin-top: 32%;
}
.flickerplate .dot-navigation {
bottom: 186px;
}
.index-odmlc {
padding-top: 35px;
}
.index-odmlccon .box .tupian ul li {
width: 100%;
/*margin: 1% 0;*/
}
.index-footcon .box .left {
width: 100%;
}
.index-footcon .box .right {
width: 100%;
}
.index-yscon .box .bottom .timeline-wrapper {
display: flex;
gap: 40px;
min-height:900px;
}
.aboutcon .bt {
width: 50%;
}
.aboutcon .box {
width: 95%;
}
.aboutcon .box .left {
width: 100%;
}
.aboutcon .box .right {
width: 100%;
margin: 10% 0 0 0;
}
.about:before {
width: 100%;
}
.about .ato-content {
width: 85%;
padding: 0;
}
.about .ato-title {
width: 100%;
margin-top:0;
padding-right:0;
}
.about .ato-list-fl a {
margin-top: 5px;
}
.aboutyjcon .box .left {
width: 100%;
}
.aboutyjcon .box .right {
width: 100%;
}
.aboutzc {
padding-top:50px;
padding-bottom: 50px;
margin-top: 0;
}
.index-foot {
background: url(../images/footerBg.jpg) right top no-repeat; background-color:#0e8dd2;
}
.aboutzccon .box p {
width: 100%;
}
.servicecon .bt {
width: 50%;
}
.servicecon .box .left {
width: 100%;
}
.servicecon .box .right {
width: 85%;
margin:0 auto;
}
.servicecon .box .right .contect {
width: 100%;
margin-top: 10%;
}
.service-odmlc {
padding-top: 33px;
}
.service-odmlccon .box .titleBox {
margin-bottom: 28px;
}
.service-odmlccon .box .tupian ul li {
width: 100%;
margin:2% 0 0 0;
}
.service-odmlccon .box .tupian ul {
display: flex;justify-content: space-between; flex-wrap: wrap;
}
.service-odmlccon .box {
width: 90%;
}
.service-lcjscon .box {
width: 80%;
}
.service-djgcon .box {
width: 90%;
}
.service-djg {
padding-top: 7px;
}
.service-djgcon .box p {
text-align:left;
font-size: 1.8rem;
}
.service-djgcon .box .tupian .image img {
width: 100%;
}
.equcon .bt {
width: 55%;
}
.equcon .box .sbhj .left {
width: 90%;
margin:2% auto;
padding:5% 0;
}
.equcon .box .sbhj .right {
width: 100%;
}
.equcon .box .sbhj {
background: #eee;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.equcon .box .sbhj .left h2 {
display:none;
}
.equcon .box .sbhj .right img {
margin-top: 0px;
}
.equcon .box .ato-content {
padding: 30px 0 0 0;
}
.equcon .box1 .scdw .left {
width: 100%;
}
.equcon .box1 .scdw .right {
width: 100%;
}
.equcon .box1 .bzdw .right {
width: 100%;
}
.equcon .box1 .bzdw .right .ato-title h1 {
font-size: 3.5rem;
}
.equcon .box1 .bzdw .right .ato-list-fl {
width: 100%;
}
.equcon .box1 .bzdw .left {
width: 100%;
}
.equcon .box2 .jydw .right {
width: 100%;
}
.equcon .box2 .jydw .left {
width: 90%;margin:2% auto 0 auto;
}
.equcon .box2 .jydw {
background: #eee;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.equcon .box2 .ato-title h1 {
font-size: 3.5rem;
}
.equcon .box3 {
padding-top:40px;
}
.equcon .box3 .ck .row .left {
width: 90%;
margin-right: 1%;
}
.equcon .box3 .ck .row .right {
width: 100%;
margin-bottom: 10px;
padding-right: 0;
}
.contactcon .box .nr .left {
width: 100%;
padding:5%;
}
.contactcon .box .nr .right {
width: 100%;
padding:5%;
margin-top:5%;
}
.contactcon .box .nr .right .anniu {
width: 50%;
line-height: 3.2rem;
background-color: #FF0000;
color: #FFFFFF;
margin-top: 5%;
}
.procon .box .rom .col-12 h1 {
width: 50%;
}
.procon .box .rom .col-12 .main_title_box .left {
width: 100%;
}
.procon .box .rom .col-12 .main_title_box .right {
width: 100%;
margin-top:5%;
}
.procon .box .rom .col-12 .main_title_box .right ul li {
width: 47%;
/*margin:8% 3%; 产品展示详情滚动图移动端 */
}
.procon .box .rom .col-12 .main_title_box .right ul li h3 {
font-size: 1.4rem;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-bottom {
width: 90%;
margin:0 auto;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .left {
width: 100%;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .right {
width: 90%;
margin:0 auto;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-top .right h1 {
font-size:2.8rem;
}
.procon .box .rom .col-12 .main_title_box .right .proshow-bottom h1 {
font-size: 2.8rem;
}
.index-odmlc:before {
width: 100%;
}
.service-djg:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
background-color: rgba(77, 173, 255, .3);
width: 100%;
transform: skewX(10deg);
}
}
@media only screen and (min-width: 576px){
.offset-sm-1 {
margin-left: 8.33333333%;
}
.col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
}
@media only screen and (max-width: 340px){
}
@media only screen and (max-width: 320px){
}
.table th {
border: 1px solid white !important;
}
.table tr, .table th{
width:100% !important;
}
.propagechange{
display: flex;
justify-content: space-between;
justify-items: flex-end;
border:#CCCCCC 1px solid; padding:20px; border-width:1px 0;
}
.menu-pro h3 a{
color: #005397 !important;
padding:0 !important;
}