/* 閫氱敤 */
a:hover,
a:link {
text-decoration: none;
}
ol,ul {
list-style: none;
}
.footerPage {
overflow: hidden;
}
.block {
display: block;
}
.none {
display: none;
}
.container{
width: 100%;
margin: 0 auto;
max-width: 1200px;
}
.flex{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.fot_phone img{
width: 100%;
}
/* 澶撮儴 */
.topbar {
background: #4e4e4e;
}
.topbar>.container>ul{
width: 75%;
}
.topbar>.container>ul>li{
width: 28%;
}
.topbar>.container>ul>li:last-child{
width: 43%;
}
.topbar>.container>ul>li>img{
width: 15%;
}
.topbar>.container>ul>li>span{
color: #fff;
font-size: 1.3rem;
}
.topbar>.container>ul>li:first-child img{
width: 20%;
}
.topbar>.container>ul>li:first-child span{
font-size: 1.8rem;
}
.topbar>.container>div{
width: 25%;
text-align: center;
}
.topbar>.container>div>a {
color: #fff;
font-size: 1.2rem;
}
.topbar>.container>div>a.active {
color: #5296e9;
}
.topbar>.container>div>span {
color: #fff;
margin: 0 2%;
}
.header{
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2);
}
.header>.container{
}
.header>.container>img{
width: 12%;
}
.header>.container>ul{
width: 78%;
font-size: 1.4rem;
margin-right: 5%;
}
.header>.container>ul>li{
width: 8.5%;
text-align: center;
display: inline-block;
margin: 0 0.5%;
}
.header>.container>ul>li>a {
color: #333;
line-height: 7rem;
}
.header>.container>ul li.active>a,.header>.container>ul>li>a:hover{
color: #5296e9;
}
.header>.container>ul>li>a:hover{
background: #fff;
}
.header>.container>ul>li.subNav{
position: relative;
width: 8.5%;
}
.header>.container>ul>li.subNav>a{
pointer-events: none;
}
.header>.container>ul>li.subNav>div{
position: absolute;
top: 100%;
left: -295%;
background: #fff;
box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.2);
width: 35rem;
display: none;
font-size: 1.2rem;
z-index: 999;
transition: all .2s linear;
}
.header>.container>ul>li:nth-child(2) div{
width: 52.8rem;
padding: 0 20%;
}
.header>.container>ul>li:nth-child(3) div {
left: -208%;
}
.header>.container>ul>li:nth-child(4) div{
left: -200%;
}
.header>.container>ul>li:nth-child(5) div{
left: -206%;
}
.header>.container>ul>li>div>span {
width: 30%;
display: inline-block;
}
.header>.container>ul>li:nth-child(2) div>span{
width: 16%;
}
.header>.container>.nav>li:nth-child(3) div>span {
margin: 0 4%;
}
.header>.container>ul>li.subNav>div>span>a {
color: #333;
margin: 4% 0;
display: block;
}
.header>.container>ul>li.subNav>div>span>a>img {
width: 100%;
margin-top: 5%;
}
.header>.container>ul>li.subNav>div>span>a.active,.header>.container>ul>li.subNav>div>span:hover a{
color: #5296e9;
}
.header>.container>ul>li.subNav:hover div {
display: block;
}
.header>.container>ul>li.subNav:hover a:before {
display: none;
}
.header>.container>ul>li.subNav:hover a:after {
content: '';
}
.header>.container>ul>li.subNav>a:before {
content: '';
position: absolute;
top: 48%;
right: 0;
height: 0;
width: 0;
border: 0.5rem solid transparent;
border-top-color: #333;
}
.header>.container>ul>li.subNav>a:after {
position: absolute;
top: 42%;
right: 0;
height: 0;
width: 0;
border: 0.5rem solid transparent;
border-bottom-color: #333;
}
.header>.container>div {
position: absolute;
top: 0.5rem;
right: 2rem;
height: 4rem;
width: 4rem;
display: none;
cursor: pointer;
}
.header>.container>div>span {
width: 2.5rem;
height: 0.2rem;
display: block;
background: #000;
margin-top: 0;
position: relative;
border-radius: 0.3rem;
bottom: -10px;
right: -10px;
}
.header>.container>div>span:after,
.header>.container>div>span:before {
content: "";
position: absolute;
left: 0;
height: 0.2rem;
width: 100%;
background: #000;
border-radius: 0.3rem;
}
.header>.container>div>span:before {
bottom: -0.8rem;
}
.header>.container>div>span:after {
top: 1.6rem;
}
/* 搴曢儴 */
.footer {
color: #fff;
padding: 2% 0;
background: #2e2d2d;
}
.footer a{
color: #fff;
}
.footer>.fot_top>div{
width: 30%;
text-align: center;
}
.footer>.fot_top div:first-child>img{
width: 23%;
}
.footer>.fot_top div:first-child>ul{
width: 70%;
font-size: 1.4rem;
line-height: 3.5rem;
}
.footer>.fot_top div:first-child>p{
width: 100%;
font-size: 1.5rem;
margin-top: 2%;
}
.footer>.fot_top div:nth-child(2){
align-items: flex-start;
}
.footer>.fot_top div:nth-child(2)>ul{
width: 23%;
padding-left: 2%;
font-size: 1.2rem;
border-left: 0.1rem solid #fff;
}
.footer>.fot_top div:nth-child(2)>ul:nth-child(1){
width: 30%;
}
.footer>.fot_top div:nth-child(2)>ul>li{
text-align: left;
margin: 22% auto;
}
.footer>.fot_top div:nth-child(2)>ul>li:first-child{
font-size: 1.4rem;
}
.footer>.fot_top div:nth-child(2)>ul>li:first-child{
margin-top: 0;
}
.footer>.fot_top div:nth-child(2)>ul>li:last-child{
margin-bottom: 0;
}
.footer>.fot_top div:nth-child(3)>p{
font-size: 1.6rem;
text-align: center;
margin-bottom: 4%;
}
.footer>.fot_top div:nth-child(3)>img{
width: 38%;
}
.footer>.fot_top div:nth-child(3)>img.wx{
margin-left: 2%;
}
.footer>.fot_top div:nth-child(3)>div>a{
/* width: 17.5%; */
/* height: 3.5rem;
line-height: 3.5rem; */
height: 2.1875rem;
}
/* .footer>.fot_top div:nth-child(3)>div>a img{
width: 100%;
} */
.footer b {
margin: 0 1%;
}
.footer>.fot_top>p{
width: 100%;
font-size: 1.2rem;
margin: 1% auto;
}
.footer>.fot_btm {
font-size: 1.2rem;
text-align: center;
line-height: 2.8rem;
border-top-style: inset;
}
/* 椤甸潰鏍囬 */
.tit {
padding: 0% 40%;
text-align: center;
margin-top: 4%;
}
.tit>h2 {
font-size: 2.8rem;
margin-bottom: 2%;
}
.tit>hr {
width: 35%;
border: 0;
height: 0.5rem;
text-align: center;
margin: 0 0 4% 32%;
background: #5296e9;
}
.tit>hr.long {
width: 100%;
height: 0.4rem;
margin: 0;
}
.tit>span {
color: #5296e9;
font-size: 1.4rem;
letter-spacing: 0.2rem;
}
/* 棣栭〉 */
.index>div,
.machine>div,
.gini>div,
.skill>div,
.culture>div {
overflow: hidden;
}
/* 棣栭〉鏍囬 */
.index .tit1 {
font-size: 3rem;
color: #333;
}
.index .tit2 {
color: #999;
font-size: 1.2rem;
margin-left: 2% !important;
}
.index .tit1,.index .tit2{
margin: 4% 0;
display: inline-block;
}
/* banner */
.index>.index1 .swiper-pagination-bullet-active {
background: #fff;
}
.index>.index1 img {
width: 100%;
max-height: 80rem;
}
.index>.index1 .swiper-pagination-bullet,
.index>.index3 .swiper-pagination-bullet,
.index>.index6 .swiper-pagination-bullet {
width: 1.5rem;
height: 1.5rem;
}
/* 棣栭〉浜у搧浠嬬粛 */
.index2,
.index3,
.index4,
.index5,
.index6,
.index7 {
margin-bottom: 6%;
}
.index2>.container>.row,
.index3>.row,
.index4>.container>.row,
.index>.index5>.row,
.index>.index6>.container>.swiper-container,
.index>.index7>.all>.row1 {
margin-top: 4%;
}
.index>.index2>.container>.row>.cont {
padding-left: 10%;
}
.index>.index2>.container>.row>.cont>h1 {
color: #5296e9;
font-size: 2.5rem;
}
.index>.index2>.container>.row>.cont>span {
margin: 2% 0;
line-height: 2.5rem;
display: inline-block;
}
.index>.index2>.container>.row>.cont>span.cont1 {
color: #666;
margin-bottom: 5%;
}
.index>.index2>.container>.row>.cont>a {
width: 30%;
color: #fff;
display: block;
background: #5296e9;
padding: 2% 6% 2% 2%;
}
.index>.index2>.container>.row>.cont>a>span {
margin-left: 15%;
}
.index>.index2>.container>.row>.cont>a>i {
padding: 0.3rem;
border: solid white;
display: inline-block;
border-width: 0 0.1rem 0.1rem 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.index>.index2>.container>.row>div>img {
width: 60%;
margin-left: 28%;
max-height: 42.9rem;
}
.index>.index2>.container>.row>div>img.img1 {
width: 60%;
padding: 0;
margin-left: 1%;
margin-top: 67%;
max-height: 17.7rem;
}
.index>.index2>.container>.proC {
width: 100%;
margin-top: 2%;
background: #f4f4f4;
align-items: flex-start;
}
.index>.index2>.container>.proC>.proL {
width: 25%;
}
.index>.index2>.container>.proC>.proL .proL_li ul{
margin: 0;
padding: 0;
}
.index>.index2>.container>.proC>.proL .proL_li ul li {
cursor: pointer;
background: #fff;
min-height: 10rem;
text-align: center;
transition: all .2s linear;
border-bottom: 0.5rem solid #e6e6e6;
}
.index>.index2>.container>.proC>.proL .proL_li ul li.on {
color: #FFFFFF;
background: #087fd2;
}
.index>.index2>.container>.proC>.proL .proL_li ul li:hover {
color: #FFFFFF;
background: #087fd2;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>h4{
width: 45%;
font-size: 1.6rem;
overflow: hidden;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>h4>span{
display: block;
font-size: 1.2rem;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>img{
width: 15%;
margin: 2%;
transition: all 0.6s;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>img:hover{
transform: scale(1.5);
}
.index>.index2>.container>.proC>.proR .proR_r p{
right: 14%;
bottom: -12%;
font-size: 1.5rem;
position: absolute;
}
.index>.index2>.container>.proC>.gini .proR_r p{
right: 14% !important;
bottom: -8% !important;
}
/*浜у搧灞曠ず鍙充晶*/
.index>.index2>.container>.proC>.proR {
width: 75%;
display: none;
position: relative;
}
.index>.index2>.container>.proC>.proR .proR_l{
width: 45%;
float: left;
margin: 0 0 0 8%;
}
.index>.index2>.container>.proC>.proR .proR_r{
width: 46%;
float: left;
margin-top: 2%;
overflow: visible;
}
.index>.index2>.container>.proC>.proR h4{
color: #707070;
padding: 4% 0;
font-size: 2rem;
margin-bottom: 5%;
text-align: center;
border-bottom: 0.2rem solid #707070;
}
.index>.index2>.container>.proC>.proR h4>span{
margin-left: 2%;
}
.index>.index2>.container>.proC>.proR ul{
justify-content: flex-start;
}
.index>.index2>.container>.proC>.proR ul li{
width: 33%;
padding: 2.5% 0;
text-align: center;
background:transparent;
border-right:1px transparent solid;
border-bottom:1px transparent solid;
border-image:linear-gradient(to left,#f0f0ed,#decdc0) 1 10;
}
.index>.index2>.container>.proC>.proR ul li:nth-child(3),.index>.index2>.container>.proC>.proR ul li:nth-child(6),.index>.index2>.container>.proC>.proR ul li:last-child{
border-right: 0px solid #f4f4f4;
}
.index>.index2>.container>.proC>.proR ul li:nth-child(7),.index>.index2>.container>.proC>.proR ul li:last-child{
border-bottom: 0px solid #f4f4f4;
}
.index>.index2>.container>.proC>.proR>.kill ul li:nth-child(4),.index>.index2>.container>.proC>.proR>.kill ul li:nth-child(5){
border-bottom: 0px solid #f4f4f4;
}
.index>.index2>.container>.proC>.proR.active {
display: block;
}
.index>.index2>.container>.proC>.proR ul li div{
width: 4rem;
height: 4rem;
margin: 0 auto;
transition: all 0.6s;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.index>.index2>.container>.proC>.proR ul li:hover div{
transform:perspective(800px) rotateY(180deg);
}
.index>.index2>.container>.proC>.proR.gini ul:nth-child(2) li div{
width: 2rem;
height: 2rem;
}
.index>.index2>.container>.proC>.proR ul li p{
margin-top: 15%;
font-size: 1.2rem;
transition: all 0.6s;
}
.index>.index2>.container>.proC>.proR ul li:hover p{
color: #5dc5f5;
}
/* kuqi */
/* .index>.index2>.container>.proC>.proR ul li{
padding: 6% 0 ;
} */
.index>.index2>.container>.proC>.proR ul li.proL1_1 div{
background-image: url(../imgs/proL1_1.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_2 div{
background-image: url(../imgs/proL1_2.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_3 div{
background-image: url(../imgs/proL1_3.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_4 div{
background-image: url(../imgs/proL1_4.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_5 div{
background-image: url(../imgs/proL1_5.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_6 div{
background-image: url(../imgs/proL1_6.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_7 div{
background-image: url(../imgs/proL1_7.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_8 div{
background-image: url(../imgs/proL1_8.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_1:hover div{
background-image: url(../imgs/proL2_1.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_2:hover div{
background-image: url(../imgs/proL2_2.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_3:hover div{
background-image: url(../imgs/proL2_3.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_4:hover div{
background-image: url(../imgs/proL2_4.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_5:hover div{
background-image: url(../imgs/proL2_5.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_6:hover div{
background-image: url(../imgs/proL2_6.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_7:hover div{
background-image: url(../imgs/proL2_7.png);
}
.index>.index2>.container>.proC>.proR ul li.proL1_8:hover div{
background-image: url(../imgs/proL2_8.png);
}
/* gini */
.index>.index2>.container>.proC>.proR.gini ul li{
padding: 6% 0;
}
.index>.index2>.container>.proC>.proR ul li.proL2_1 div{
background-image: url(../imgs/proL3_1.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_2 div{
background-image: url(../imgs/proL3_2.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_3 div{
background-image: url(../imgs/proL3_3.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_4 div{
background-image: url(../imgs/proL3_4.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_5 div{
background-image: url(../imgs/proL3_5.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_6 div{
background-image: url(../imgs/proL3_6.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_7 div{
background-image: url(../imgs/proL3_7.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_8 div{
background-image: url(../imgs/proL3_8.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_1:hover div{
background-image: url(../imgs/proL4_1.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_2:hover div{
background-image: url(../imgs/proL4_2.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_3:hover div{
background-image: url(../imgs/proL4_3.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_4:hover div{
background-image: url(../imgs/proL4_4.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_5:hover div{
background-image: url(../imgs/proL4_5.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_6:hover div{
background-image: url(../imgs/proL4_6.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_7:hover div{
background-image: url(../imgs/proL4_7.png);
}
.index>.index2>.container>.proC>.proR ul li.proL2_8:hover div{
background-image: url(../imgs/proL4_8.png);
}
/* kill */
.index>.index2>.container>.proC>.proR.kill ul li{
margin: 8% 0;
}
.index>.index2>.container>.proC>.proR ul li.proL3_1 div{
background-image: url(../imgs/proL5_1.png);
}
.index>.index2>.container>.proC>.proR ul li.proL3_2 div{
background-image: url(../imgs/proL5_2.png);
}
.index>.index2>.container>.proC>.proR ul li.proL3_3 div{
background-image: url(../imgs/proL5_3.png);
}
.index>.index2>.container>.proC>.proR ul li.proL3_4 div{
background-image: url(../imgs/proL5_4.png);
}
.index>.index2>.container>.proC>.proR ul li.proL3_5 div{
background-image: url(../imgs/proL5_5.png);
}
.index>.index2>.container>.proC>.proR ul li.proL3_6 div{
background-image: url(../imgs/proL5_6.png);
}
.index>.index2>.container>.proC>.proR ul li.proL3_1:hover div{
background-image: url(../imgs/proL6_1.png);
}
.index>.index2>.container>.proC>.proR ul li.proL3_2:hover div{
background-image: url(../imgs/proL6_2.png);
}
.index>.index2>.container>.proC>.proR ul li.proL3_3:hover div{
background-image: url(../imgs/proL6_3.png);
}
.index>.index2>.container>.proC>.proR ul li.proL3_4:hover div{
background-image: url(../imgs/proL6_4.png);
}
.index>.index2>.container>.proC>.proR ul li.proL3_5:hover div{
background-image: url(../imgs/proL6_5.png);
}
.index>.index2>.container>.proC>.proR ul li.proL3_6:hover div{
background-image: url(../imgs/proL6_6.png);
}
.index>.index2>.container>.proC .kill img{
width: 68%;
display: block;
margin: 10% auto;
}
/* school */
.index>.index2>.container>.proC>.proR.school ul li{
width: 28%;
margin: 0 2%;
padding: 2.5% 0;
border: none;
background: none;
border-bottom: 1px solid #000;
}
.index>.index2>.container>.proC>.proR ul li.proL4_1 div{
background-image: url(../imgs/proL7_1.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_2 div{
background-image: url(../imgs/proL7_2.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_3 div{
background-image: url(../imgs/proL7_3.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_4 div{
background-image: url(../imgs/proL7_4.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_5 div{
background-image: url(../imgs/proL7_5.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_6 div{
background-image: url(../imgs/proL7_6.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_7 div{
background-image: url(../imgs/proL7_7.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_8 div{
background-image: url(../imgs/proL7_8.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_1:hover div{
background-image: url(../imgs/proL8_1.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_2:hover div{
background-image: url(../imgs/proL8_2.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_3:hover div{
background-image: url(../imgs/proL8_3.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_4:hover div{
background-image: url(../imgs/proL8_4.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_5:hover div{
background-image: url(../imgs/proL8_5.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_6:hover div{
background-image: url(../imgs/proL8_6.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_7:hover div{
background-image: url(../imgs/proL8_7.png);
}
.index>.index2>.container>.proC>.proR ul li.proL4_8:hover div{
background-image: url(../imgs/proL8_8.png);
}
.index>.index2>.container>.proC .school img{
width: 100%;
display: block;
margin: 0 auto;
}
/* 360鏃嬭浆 */
.rotate ol{
position: relative;
}
.rotate img {
top:0;
left: 10%;
width: 85%;
height:auto;
cursor: pointer;
position:absolute;
}
#rotate2 img{
width: 75%;
left: 15%;
}
.current-image {
width:100%;
visibility:visible;
}
.previous-image {
width:0;
visibility:hidden;
}
/* 瑙嗛瀹ｄ紶 */
.index>.index3>.row>.cont1 {
color: #f4f9fa;
padding: 2% 1.2%;
max-height: 44.7rem;
background-size: 100% 100%;
background: url(../imgs/qie-min.jpg);
}
.index>.index3>.row>.cont1>.cont2 {
color: #fff;
font-size: 2.4rem;
}
.index>.index3>.row>.cont1>.cont3 {
color: #adc3e8;
font-size: 1.8rem;
}
.index>.index3>.row>div>p {
line-height: 2.8rem;
}
.index>.index3>.row>div>h3,
.index>.index3>.row>div>h5 {
font-size: 1.4rem;
line-height: 2.8rem;
display: inline !important;
}
.index>.index3>.row>.cont1>a {
width: 38%;
color: #9aadd0;
display: block;
margin: 2% 0 5% 0;
border-radius: 5rem;
background: #232338;
padding: 2% 2% 2% 6%;
}
.index>.index3>.row>.cont1>a>i {
padding: 0.3rem;
margin-left: 15%;
display: inline-block;
border: solid #9aadd0;
border-width: 0 0.15rem 0.15rem 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#index3_swiper {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
#index3_swiper .swiper-button-next, #index3_swiper .swiper-button-prev{
top: 40%;
}
#index3_swiper .swiper-slide {
width: 580px;
height: 430px;
background: #fff;
visibility: hidden;
background-size: cover;
transition-property: all;
background-position: center;
box-shadow: 0 0 1rem 0.1rem #aba6a6;
}
#index3_swiper .swiper-slide.swiper-slide-prev,
#index3_swiper .swiper-slide.swiper-slide-next,
#index3_swiper .swiper-slide.swiper-slide-active {
visibility: visible;
}
#index3_swiper .swiper-slide video {
width: 100.2%;
height: 76%;
}
#index3_swiper .swiper-slide h3 {
color: #666;
text-indent: 2rem;
font-size: 1.8rem;
}
#index3_swiper .swiper-slide p {
color: #999;
text-indent: 2rem;
font-size: 1.4rem;
}
/* 鍏徃浠嬬粛 */
.index3_1 .cont {
margin-bottom: 5%;
}
.index3_1 .cont>ul>li{
margin-bottom: 4%;
}
.index3_1 .cont>ul>li>i {
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background: #00799e;
display: inline-block;
}
.index3_1 .cont>ul.left>li>i{
margin: 6% auto 6% 0;
}
.index3_1 .cont>ul.right>li>i{
margin: 6% 0 6% auto;
}
.index3_1 .cont>ul>li>hr {
width: 6.5rem;
height: 0.1rem;
background: #00799e;
display: inline-block;
}
.index3_1 .cont>ul.left>li>hr{
margin: 8% 0 8% auto;
}
.index3_1 .cont>ul.right>li:first-child{
margin-bottom: 3%;
}
.index3_1 .cont>ul.right>li:nth-child(2){
margin-bottom: 0;
}
.index3_1 .cont>ul.right>li:last-child{
margin-bottom: 3%;
}
.index3_1 .cont>ul.right>li>hr{
margin: 8% auto 8% 0;
}
.index3_1 .cont>ul>li>div {
width: 55%;
transition: all 0.6s;
display: inline-block;
}
.index3_1 .cont>ul>li>div:hover {
background: #aee7f3;
}
.index3_1 .cont>ul>li>div>h4{
font-size: 1.6rem;
margin-bottom: 2%;
font-weight: 600;
}
.index3_1 .cont>ul>li>div>p{
color: #666;
font-size: 1.2rem;
line-height: 2.5rem;
}
.index3_1 .cont>div{
width: 18%;
height: 18rem;
position: relative;
/* border-radius: 50%;
border: 1.5rem solid #359bba; */
}
.index3_1 .cont>div>img{
width: 115%;
/* display: block;
margin: 0 auto;
margin-top: .625rem; */
position: absolute;
top: -1.5rem;
}
.index3_1 .left {
width: 36%;
text-align: right;
}
.index3_1 .right {
width: 41%;
}
.index3_1 .cont>.left>li:nth-child(1) i,
.index3_1 .cont>.right>li:nth-child(1) i {
background: #df8d37;
}
.index3_1 .cont>.left>li:nth-child(2) i,
.index3_1 .cont>.right>li:nth-child(2) i {
background: #35a19c;
}
.index3_1 .cont>.left>li:nth-child(1) hr,
.index3_1 .cont>.right>li:nth-child(1) hr {
background: #df8d37;
}
.index3_1 .cont>.left>li:nth-child(2) hr,
.index3_1 .cont>.right>li:nth-child(2) hr {
width: 6rem;
background: #35a19c;
}
/* 鍔犲伐灞曠ず */
.index>.index4 {
background-size: cover;
background: url(../imgs/1213-min.png) no-repeat;
}
.index>.index4>.container {
padding: 2.5% 0;
}
.index>.index4>.container>.flex div {
width: 25%;
text-align: center;
}
.index>.index4>.container>.flex>div:first-child {
text-align: left;
}
.index>.index4>.container>.flex>div>p {
font-size: 1.6rem;
}
.index>.index4>.container>.flex>div>span {
color: #999;
display: block;
margin: 2% 0 2% 0;
font-size: 1.25rem;
}
.index>.index4>.container>.flex>div>span>h6 {
display: inline-block;
}
.index>.index4>.container>.flex>div.cont1>img {
width: 110%;
max-height: 27.2rem;
}
.index>.index4>.container>.flex>div>img {
width: 100%;
max-height: 36.9rem;
}
/* 鍚堜綔妗堜緥 */
.index>.index5 .cont{
border-left: 0.1rem solid #c3d1c3;
border-right: 0.1rem solid #c3d1c3;
border-bottom: 0.1rem solid #c3d1c3;
padding-bottom: 0.5rem;
}
.index>.index5 .cont:hover{
border-bottom: 0.5rem solid #aee7f3;
padding: 0;
}
.index>.index5 .cont>img {
width: 100%;
height: 15rem;
max-height: 15rem;
}
.index>.index5 .cont>a {
color: #000;
padding: 0 4%;
display: block;
/* min-height: 70.25px; */
}
.index>.index5 .cont>a>h5 {
margin: 2% 0;
overflow: hidden;
font-weight: bold;
font-size: 1.4rem;
display: -webkit-box;
text-overflow: ellipsis;
line-clamp: 1;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.index>.index5 .cont>a>p {
color: #6b6b6b;
font-size: 1.1rem;
overflow: hidden;
line-height: 1.8rem;
display: -webkit-box;
text-overflow: ellipsis;
text-overflow: -o-ellipsis-lastline;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.index>.index5 .swiper-button-next,.index>.index5 .swiper-button-prev{
top: 45%;
}
/* 鏂伴椈璧勮 */
.index>.index6 {
background-size: cover;
background: url(../imgs/1214-min.png) no-repeat;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide{
align-items: flex-start;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>img {
width: 40%;
max-height: 28rem;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div{
width: 45%;
margin-left: 2%;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>p {
width: 98%;
overflow: hidden;
font-weight: 600;
font-size: 1.6rem;
white-space: nowrap;
text-overflow: ellipsis;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>span {
width: 98%;
color: #666;
margin-top: 2%;
font-size: 1.2rem;
line-height: 2.8rem;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>a {
width: 20%;
color: #fff;
display: block;
margin-top: 4%;
padding: 1.5% 2%;
font-size: 1.4rem;
background: #d7182a;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>a>i {
padding-left: 10%;
}
.index>.index6 .swiper-button-next,
.index>.index6 .swiper-button-prev {
top: 35%;
}
/* 鍚堜綔浼佷笟 */
.index>.index7>.all {
width: 99%;
margin: 2% auto;
box-shadow: 0 0 0.5rem 0.1rem #ced1d3;
}
.index>.index7>.all>div>img {
width: 24.6%;
max-height: 14.2rem;
border-left: 0.1rem solid #f2f2f2;
/* border-top: 0.1rem solid #f2f2f2; */
border-top: 0.2rem solid transparent;
}
.index>.index7>.all>div>img:hover {
border-top: 0.2rem solid #5296e9;
}
/* 鍙充晶瀵艰埅 */
.fix {
width: 7rem;
position: fixed;
top: 20%;
right: 0;
bottom: 20%;
z-index: 999;
display: none;
}
.fix>i {
width: 6rem;
height: 6rem;
display: block;
cursor: pointer;
margin: 0 auto 3px;
}
.fix>.fix1 {
background: url(../imgs/ico_wx.png) no-repeat;
}
.fix>.fix2 {
background: url(../imgs/ico_ph.png) no-repeat;
}
.fix>div {
width: 13rem;
display: none;
position: absolute;
right: 100%;
}
.fix>.fix3 {
top: 0;
}
.fix>.fix4 {
top: 20.5%;
}
.fix>div>img {
width: 100%;
}
/* 浜у搧鈥斺€旀櫤鑳芥櫒妫€鏈� */
.machine>.machine1,
.campus>.banner,
.gini>.banner,
.kill>.banner,
.product>.product1,
.case>.case1,
.video>.video1,
.news>.news1,
.culture>.culture1,
.team>.team1,
.recruit>.recruit1,
.join>.join1,
.contact>.contact1 {
width: 100%;
max-height: 38rem;
}
.kill>.banner , .campus>.banner , .gini>.banner , .video>.video1{
max-height: 50rem;
}
.machine>div>.title {
margin: 4% 0;
}
.machine>div>.title>p {
margin: 0 0 1% 0;
font-size: 2.2rem;
}
.machine>div>.title>hr {
border: 0;
width: 4.5rem;
height: 0.35rem;
margin: 0 0 1.5% 0;
background: #5296e9;
}
.machine>div>.title>span {
color: #5296e9;
font-size: 1.6rem;
}
/* 浜у搧杩唬 */
.machine>.machine2>ul>li {
width: 33.3%;
position: relative;
}
.machine>.machine2>ul>li>img {
width: 60%;
display: block;
margin: 0 auto;
}
.machine>.machine2>ul>li>span {
display: block;
margin: 0 auto;
font-size: 2rem;
margin-top: 8%;
text-align: center;
}
.machine>.machine2>ul>li>span.details {
width: 50%;
color: #5296e9;
padding: 1% 1%;
font-size: 1.4rem;
margin-bottom: 10%;
border-radius: 5rem;
border: 0.1rem solid #5296e9;
}
/* 鎴戜滑鐨勪紭鍔� */
.machine>.machine3>.tit {
margin-bottom: 5%;
}
.machine>.machine3>ul>li {
width: 23.5%;
height: 26rem;
margin-right: 1%;
background: #fff;
margin-bottom: 2%;
transition: all 0.4s ease-out;
box-shadow: 0rem 0.2rem 0.5rem 0.2rem #e7e8e9;
}
.machine>.machine3>ul>li:hover {
transform: scale(1.07);
}
.machine>.machine3>ul>li>p {
margin-top: 8%;
font-size: 1.6rem;
text-align: center;
}
.machine>.machine3>ul>li>img {
width: 45%;
display: block;
margin: 0 auto;
padding-top: 15%;
}
.machine>.machine3>ul>li>span {
padding: 0 5%;
display: block;
margin-top: 6%;
font-size: 1.3rem;
}
.machine>.machine4 {
width: 100%;
margin: 4% 0;
}
/* 璇︾粏浠嬬粛 */
.machine>.machine5 {
margin-bottom: 4%;
}
.machine>.machine5>li.bot{
margin-top: 4%;
}
.machine>.machine5>li.bot img{
width: 100%;
}
.machine>.machine5>li>div{
width: 50%;
}
.machine>.machine5>li>div.small{
justify-content: flex-start;
}
.machine>.machine5>li>div>img {
width: 100%;
}
.machine>.machine5>li>div>span {
width: 60%;
color: #666;
margin: 4% auto;
font-size: 1.8rem;
display: inline-block;
}
.machine>.machine5>li>div.small>span{
width: 50%;
margin: 4% 0;
}
.machine>.machine5>li>div>span>i {
width: 1.8rem;
height: 1.8rem;
margin-right: 2%;
display: inline-block;
vertical-align: middle;
background: url(../../imgs/tit0-min.png) no-repeat;
}
.machine>.machine5>li>div>p {
color: #515151;
margin: 2% 0 7% 4%;
font-size: 1.35rem;
line-height: 2.8rem;
}
/* 鍚夊Ξ鐔� */
.gini>.tit {
width: 50%;
padding: 0;
margin: 4% auto;
background: url(../imgs/gini_tit.png) no-repeat;
background-position: center;
}
.gini>.tit>h2 {
color: #0160ad;
line-height: 1;
font-size: 3rem;
}
.gini>.tit>h2>span {
/* color: #848484; */
margin-left: 2%;
color: #0160ad;
}
.gini>.tit>h3 {
color: #252525;
font-size: 1.8rem;
}
.gini1>li {
text-align: center;
}
.gini1>li:nth-child(1),
.gini1>li:nth-child(3),
.gini1>li:nth-child(5),
.gini1>li:nth-child(7) {
width: 14%;
}
.gini1>li>p {
width: 16rem;
height: 16rem;
margin: 8% auto;
cursor: pointer;
border-radius: 50%;
border: 0.8rem solid;
transition: all 0.6s;
}
.gini1>li:nth-child(1) p {
background: #f2c108;
border-color: #fff3c4;
}
.gini1>li:nth-child(3) p {
background: #2e88cf;
border-color: #d5ebfb;
}
.gini1>li:nth-child(5) p {
background: #ec4a14;
border-color: #ffe4d6;
}
.gini1>li:nth-child(7) p {
background: #71c626;
border-color: #daf6c1;
}
.gini1>li>p:hover {
transform: scale(1.4);
}
.gini1>li>p>img {
width: 60%;
margin-top: -16%;
}
.gini1>li>span {
display: block;
}
.gini1>li>span:nth-child(2) {
color: #303030;
margin-top: 15%;
font-size: 1.6rem;
}
.gini1>li>span:nth-child(3) {
color: #838383;
font-size: 1.2rem;
}
.gini1>li>img {
margin-top: -35%;
}
.gini2 {
padding: 0;
margin-bottom: 4%;
}
.gini2>li {
width: 100%;
padding: 2% 0;
overflow: hidden;
}
.gini2>li:nth-child(1),
.gini2>li:nth-child(3),
.gini2>li:nth-child(5),
.gini2>li:nth-child(7) {
background: #f0f0f0;
}
.gini2>li>div {
width: 32%;
}
.gini2>li:nth-child(3) img {
margin-right: 6%;
}
.gini2>li:nth-child(1) img,
.gini2>li:nth-child(5) img,
.gini2>li:nth-child(7) img {
margin-right: 10%;
}
.gini2>li:nth-child(2) img,
.gini2>li:nth-child(4) img,
.gini2>li:nth-child(6) img,
.gini2>li:nth-child(8) img {
margin-left: 10%;
}
.gini2>li>div>h3 {
font-size: 1.8rem;
margin: -18% 0 0 35%;
}
.gini2>li>div>span {
display: block;
margin: 4% auto;
margin-left: 30%;
font-size: 1.4rem;
}
.gini2>li:nth-child(2) div,
.gini2>li:nth-child(4) div,
.gini2>li:nth-child(6) div,
.gini2>li:nth-child(8) div {
width: 32%;
}
.gini2>li:nth-child(2) div>h3,
.gini2>li:nth-child(4) div>h3,
.gini2>li:nth-child(6) div>h3,
.gini2>li:nth-child(8) div>h3 {
margin: -14% 0 0 42%;
}
.gini2>li:nth-child(2) div>span,
.gini2>li:nth-child(4) div>span,
.gini2>li:nth-child(6) div>span,
.gini2>li:nth-child(8) div>span {
margin-left: 35%;
}
.gini2>li>div>span>i {
width: 0.5rem;
margin: 1% 2%;
height: 0.5rem;
border-radius: 50%;
background: #2aa8ef;
display: inline-block;
}
/* 鏅烘収鏍″洯 */
.campus{overflow: hidden;}
.campus>div{
margin: 4% auto;
}
.campus h2{
font-size: 2.5rem;
font-weight: bold;
text-align: center;
margin-bottom: 2%;
}
.campus p{
font-size: 1.4rem;
line-height: 2.5rem;
}
.campus>.campus1{
width: 80%;
}
.campus>.campus2,.campus>.campus4,.campus>.campus6{
color: #fff;
padding: 4% 0;
background: #3b5bc5;
}
.campus>.campus2>p{
width: 44%;
margin: 0 auto;
}
.campus>.campus2>ul{
margin-top: 4%;
}
.campus>.campus2>ul>li{
width: 18%;
background: #fff;
}
.campus>.campus2>ul>li:nth-child(2){
width: 40%;
margin: 0 0.8%;
background: none;
}
.campus>.campus2>ul>li>p{
color: #000;
margin: 4% 0;
text-align: center;
}
.campus>.campus2>ul>li img{
display: block;
margin: 0 auto;
}
.campus>.campus2>ul>li:nth-child(2)>img{
width: 100%;
height: 29rem;
background: #fff;
}
.campus>.campus2>ul>li>div{
justify-content: space-between;
padding-bottom: 2%;
}
.campus>.campus2>ul>li>div>span{
width: 49%;
background: #fff;
}
.campus>.campus2>ul>li>div>span:nth-child(1){
margin-right: 2%;
}
.campus>.campus3>ul{
width: 80%;
margin: 0 auto;
}
.campus>.campus3>ul>li{
width: 30%;
margin: 2% 1.6%;
}
.campus>.campus3>ul>li>img{
width: 15%;
margin-right: 5%;
}
.campus>.campus3>ul>li>div{
width: 80%;
display: inline-block;
font-size: 1.4rem;
line-height: 2.15rem;
color: #535353;
}
.campus>.campus3>ul>li>div:nth-child(1),.campus>.campus3>ul>li>div:nth-child(4){
width: 70%;
}
.campus>.campus3>ul>li>div>h5{
font-size: 1.4rem;
color: #000000;
font-weight: bold;
}
.campus>.campus4>ul>li:nth-child(2){
margin: 0 15%;
}
.campus>.campus4>ul>li>img{
display: block;
margin: 15% auto;
}
.campus>.campus4>ul>li>p{
font-weight: bold;
line-height: 2rem;
text-align: center;
}
.campus>.campus4>div.flex{
width: 80%;
margin: 4% auto;
border-radius: 0.625rem;
border: 0.15rem dashed #fff;
}
.campus>.campus4>div.flex>img{
width: 50%;
margin-right: 4%;
}
.campus>.campus4>div.flex>ul{
width: 46%;
font-size: 1.4rem;
line-height: 3.5rem;
}
.campus>.campus4>div.flex>ul>li>i{
width: 1rem;
height: 1rem;
background: #fff;
margin-right: 4%;
display: inline-block;
}
.campus>.campus5>ul{
width: 92%;
margin: 0 auto;
}
.campus>.campus5>ul.top{
margin-bottom: 0.5%;
}
.campus>.campus5>ul>li{
width: 42.5%;
color: #fff;
position: relative;
}
.campus>.campus5>ul.top>li:nth-child(1){
margin-right: 1%;
}
.campus>.campus5>ul.btm>li{
width: 28%;
}
.campus>.campus5>ul.btm>li:nth-child(2){
margin: 0 1%;
}
.campus>.campus5>ul>li>img{
width: 100%;
}
.campus>.campus5>ul>li>p{
position: absolute;
left: 2%;
bottom: 4%;
font-size: 1.6rem;
}
.campus>.campus6>ul>li:nth-child(2){
margin: 0 6%;
}
.campus>.campus7>p{
width: 60%;
margin: 0 auto;
font-weight: bold;
}
.campus>.campus7>ul{
width: 92%;
margin: 4% auto;
}
.campus>.campus7>ul>li{
width: 32%;
}
.campus>.campus7>ul>li>img{
width: 70%;
display: block;
margin: 0 auto;
}
/* 鏅烘収鏍″洯 */
/* 娑堟潃浜у搧 */
.kill {
overflow: hidden;
}
.kill1 {
width: 50%;
padding: 0;
margin: 4% auto;
}
.kill1>li {
width: 30%;
margin-bottom: 4%;
text-align: center;
}
.kill1>li>p {
margin-top: 2%;
color: #4c6f63;
font-size: 1.8rem;
}
.kill2 {
width: 100%;
background: #f4f4f4;
}
.kill2>h2,
.kill3>h2,
.kill4>h2 {
width: 45%;
padding: 4% 0;
color: #4c6f63;
margin: 0 auto;
font-size: 2.5rem;
}
.kill2>h2>span,
.kill3>h2>span,
.kill4>h2>span {
font-size: 2rem;
margin-left: 4%;
}
.kill2>li {
width: 50%;
margin: 0 auto;
position: relative;
}
.kill2>li>div {
position: absolute;
}
.kill2>li.top>div {
bottom: 2%;
right: 15%;
}
.kill2>li.bot>div {
top: 2%;
left: 15%;
}
.kill2>li>div>h3 {
font-size: 2rem;
font-weight: bold;
}
.kill2>li>div>hr {
width: 65%;
height: 0.3rem;
margin-left: 0;
background: #000;
text-align: left;
}
.kill2>li>div>p{
font-size: 1.2rem;
}
.kill3>li {
width: 50%;
margin: 0 auto;
border-bottom: 1rem solid #f0f0f0;
}
.kill3>li>img {
width: 50%;
/* margin-left: 12%; */
}
.kill3>li>div {
width: 35%;
text-align: right;
padding-right: 4%;
}
.kill3>li.r>div {
text-align: left;
padding-right: 4%;
}
.kill3>li>div>h4 {
color: #303030;
font-size: 1.6rem;
}
.kill3>li>div>p {
color: #9a9a9a;
font-size: 1.2rem;
}
.kill3>li>div>hr {
margin: 0;
width: 12%;
height: 0.3rem;
margin-right: 0;
background: #000;
text-align: right;
display: inline-block;
}
.kill3>li>div>i {
width: 0.3rem;
height: 0.3rem;
border-radius: 50%;
background: #080808;
display: inline-block;
}
.kill4>img {
display: block;
margin: 0 auto;
margin-bottom: 4%;
}
/* 浜у搧鈥斺€旈叿濂囧皬鐔娿€佹収鐪肩洃鎺т簯骞冲彴 */
.product>ul {
margin: 5% auto;
}
.product>ul>li>div{
width: 50%;
}
.product>ul>li>div>.cloud1 {
font-size: 2rem;
margin-bottom: 2%;
}
.product>ul>li>div>hr {
border: 0;
margin: 0;
width: 18%;
height: 0.2rem;
text-align: left;
background: #5296e9;
}
.product>ul>li>div>.cloud2 {
color: #5296e9;
margin: 2% auto;
font-size: 1.2rem;
}
.product>ul>li>div>.cloud3 {
margin-bottom: 5%;
font-size: 1.3rem;
padding-right: 23%;
line-height: 2.5rem;
}
.product>ul>li>div>span {
border: 0.1rem solid #5296e9;
border-radius: 5rem;
padding: 1% 4%;
margin-right: 2%;
color: #5296e9;
font-size: 1.2rem;
}
.product>ul>li>div>img {
width: 76%;
display: block;
margin: 0 auto;
}
.product>ul>li:nth-child(1) {
margin-bottom: 8%;
}
.product>ul>li:nth-child(1) div>img {
width: 38%;
}
.product>.cloud>li:nth-child(1) div>img {
width: 100%;
}
/* 妗堜緥鈥斺€斿叆鍥渚嬨€佸満鏅棰� */
.case>.case2 {
margin: 5% auto;
letter-spacing: 0.2rem;
}
.case>.case2>ul>li {
color: #333;
margin-bottom: 8%;
position: relative;
}
.case>.case2>ul>li>div{
width: 40%;
}
.case>.case2>ul>li>div:first-child{
width: 60%;
}
.case>.case2>ul>li>div>img {
width: 90%;
max-height: 25.4rem;
}
.case>.case2>ul>li>div>p {
font-weight: 600;
padding-left: 2%;
font-size: 1.6rem;
margin-bottom: 2%;
border-left: 0.2rem solid #5296e9;
}
.case>.case2>ul>li>div>p>span {
color: #666;
display: block;
font-weight: 400;
font-size: 1.2rem;
letter-spacing: normal;
}
.case>.case2>ul>li>div>.time {
color: #666;
display: block;
font-weight: 400;
font-size: 1.2rem;
letter-spacing: normal;
}
.case>.case2>ul>li>div>.intro {
margin-left: 2%;
padding-right: 8%;
margin-bottom: 5%;
overflow: hidden;
font-size: 1.2rem;
line-height: 2.5rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
}
.video>ul{
margin: 4% auto;
}
.video>ul>li>div{
width: 50%;
}
.video>ul>li>div>p {
font-size: 1.8rem;
border-left: none;
}
.video>ul>li>div>hr {
border: 0;
width: 16rem;
margin: 2% 0;
height: 0.25rem;
text-align: left;
background: #5296e9;
}
.video>ul>li>div>.time {
color: #5296e9;
display: block;
font-size: 1.4rem;
margin-bottom: 2%;
}
.video>ul>li>div>.intro {
margin: 0;
margin-left: 2%;
overflow: hidden;
padding-right: 8%;
font-size: 1.2rem;
margin-bottom: 5%;
line-height: 2.5rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
}
.video>ul>li>div>video {
width: 100%;
max-height: 31.2rem;
}
/* 璧勮鈥斺€斾紒涓氳祫璁€佽涓氬姩鎬� */
.news>.news2 {
margin: 4% auto;
letter-spacing: 0.2rem;
}
.news>.news2>ul>li {
color: #333;
margin-bottom: 4%;
position: relative;
padding: 2% 4% 2% 1%;
border-radius: 0.625rem;
transition: all 0.4s ease-out;
}
.news>.news2>ul>li>div{
width: 30%;
}
.news>.news2>ul>li>div:first-child{
width: 70%;
}
.news>.news2>ul>li>div>p {
font-weight: 600;
font-size: 1.6rem;
}
.news>.news2>ul>li>div>span {
display: block;
}
.news>.news2>ul>li>div>p.time {
color: #676767;
margin: 2% auto;
justify-content: flex-start;
}
.news>.news2>ul>li>div>p.time>img {
width: 2.5%;
display: block;
margin-right: 2%;
}
.news>.news2>ul>li>div>p.time>span{
display: block;
font-weight: 400;
font-size: 1.2rem;
}
.news>.news2>ul>li>div>.intro {
overflow: hidden;
font-size: 1.2rem;
margin-bottom: 5%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.news>.news2>ul>li>div>a {
color: #fff;
padding: 1% 4%;
font-size: 1.2rem;
background: #5296e9;
display: inline-block;
}
.news>.news2>ul>li>div>img {
width: 100%;
margin-left: 6%;
max-height: 20rem;
display: inline-block;
}
.news>.news2>ul>li:hover {
background: #f4f4f4;
}
.news>.news2>ul>li:hover p {
color: #5296e9;
}
.news>.news2>ul>li:hover div>a {
background: #5296e9;
}
.article>.article_tit {
margin: 5% 0 4% 0;
text-align: center;
}
.article>.article_tit>p {
font-size: 2rem;
font-weight: bold;
}
.article>.article_tit>span {
font-size: 1.1rem;
line-height: 3rem;
}
.article>.article_con {
margin-bottom: 8%;
}
.article>.article_con p {
font-size: 1.2rem;
line-height: 2.5rem;
}
.article>.article_con img {
width: 100%;
}
.article>.article_con video {
width: 100%;
height: auto;
}
/* 鍏充簬鈥斺€斾紒涓氭枃鍖� */
.culture>.culture1 {
margin-bottom: 4%;
}
.culture>.marginB {
margin-bottom: 4%;
}
.culture>.culture2 {
margin-top: 4%;
padding-bottom: 4%;
letter-spacing: 0.2rem;
border-bottom: 0.1rem solid #eee;
}
.culture>div>.title {
margin-bottom: 2%;
}
.culture>div>.title>h5 {
margin: 0 0 1% 0;
font-size: 2.2rem;
}
.culture>div>.title>hr {
border: 0;
width: 4.5rem;
height: 0.35rem;
text-align: left;
margin: 0 0 1.5% 0;
background: #5296e9;
}
.culture>div>.title>span {
color: #5296e9;
font-size: 1.6rem;
}
.culture>.culture2>.flex>div{
width: 65%;
}
.culture>.culture2>.flex>div>.intro1 {
color: #888;
display: block;
margin-top: 4%;
font-size: 1.6rem;
}
.culture>.culture2>.flex>div>.intro2 {
color: #000;
display: block;
font-weight: 600;
font-size: 2.4rem;
margin: 2% 0 4% 0;
}
.culture>.culture2>.flex>div>p {
color: #888;
font-size: 1.2rem;
padding-right: 4%;
}
.culture>.culture2>.flex>div>.intro3 {
color: #888;
margin-top: 2%;
padding-right: 4%;
font-size: 2.28rem;
display: inline-block;
}
.culture>.culture2>.flex>.intro4 {
margin-top: 4%;
}
.culture>.culture3>ul>li {
flex: 1;
height: 38rem;
text-align: center;
position: relative;
background: no-repeat center;
background-size: 100% auto;
}
.culture>.culture3>ul>li:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .6);
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.culture>.culture3>ul>li>.item_logo {
margin: 0 auto;
display: block;
}
.culture>.culture3>ul>li>.item_logo {
width: 30%;
margin-top: 50%;
position: relative;
transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.culture>.culture3>ul>li>.item_logo>img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.culture>.culture3>ul>li>.item_title {
color: #fff;
padding: 2rem 0;
font-weight: 700;
font-size: 1.8rem;
position: relative;
}
.culture>.culture3>ul>li>.item_title:before {
content: "";
width: 2rem;
display: block;
margin: 0 auto 2%;
position: relative;
border-bottom: 0.2rem solid #fff;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.culture>.culture3>ul>li>.item_text {
opacity: 0;
margin-top: 1%;
position: relative;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.culture>.culture3>ul>li>.item_text p {
color: #fff;
font-size: 1.4rem;
margin-bottom: 0.5rem;
}
.culture>.culture3>ul>li:nth-child(1) {
background-image: url(../../imgs/about1_bg1.jpg);
}
.culture>.culture3>ul>li:nth-child(2) {
background-image: url(../../imgs/about1_bg2.jpg);
}
.culture>.culture3>ul>li:nth-child(3) {
background-image: url(../../imgs/about1_bg3.jpg);
}
.culture>.culture3>ul>li:nth-child(4) {
background-image: url(../../imgs/about1_bg4.jpg);
}
.culture>.culture3>ul>li:nth-child(5) {
background-image: url(../../imgs/about1_bg5.jpg);
}
.culture>.culture3>ul>li:hover .item_text {
opacity: 1;
margin-top: 0;
display: block;
}
.culture>.culture3>ul>li:hover:before {
background-color: rgba(32, 176, 159, .9);
}
.culture>.culture3>ul>li:hover .item_logo {
margin-top: 18%;
}
.culture>.culture3>ul>li:hover .item_title:before {
opacity: 0;
margin-bottom: 0;
}
.culture>.culture4 {
position: relative;
}
.culture>.culture4>.bg {
width: 100%;
height: 40rem;
position: absolute;
top: 26%;
background: #f2f2f2;
}
.culture>.culture4>.flex {
position: relative;
}
.culture>.culture4>.flex>img{
width: 35%;
margin-top: 1.5%;
}
.culture>.culture4>.flex>.message {
width: 60%;
margin-left: 5%;
padding-top: 3%;
}
.culture>.culture4>.flex>div>.message1 {
color: #9a9a9a;
display: block;
margin-top: 4%;
font-size: 1.6rem;
}
.culture>.culture4>.flex>div>.message2 {
color: #000;
display: block;
font-size: 2rem;
padding: 2% 0 4% 0;
}
.culture>.culture4>.flex>div>p {
color: #888;
text-indent: 2em;
font-size: 1.2rem;
line-height: 2.2rem;
}
/* 鍙戝睍鍘嗙▼ */
.culture>.culture5>img {
width: 100%;
}
.culture>.culture5>.deve{
width: 100rem;
height: 37.8rem;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.culture>.culture5>.deve>.dev-img{
width: 139.2rem;
height: 37.8rem;
position: absolute;
left: -39.2rem;
background: url(../imgs/culture3-min.jpg) no-repeat;
background-size: 100%;
animation: devrun 10s linear;
}
@keyframes devrun{
0%{
left: 0;
}
100%{
left: -39.2rem;
}
}
.culture>.culture6>.container>img {
width: 20%;
max-height: 17rem;
margin: 2% 5% 2% 0;
}
.culture>.culture7>div.bg {
background: #eee;
}
.culture>.culture7>div>.swiper-container {
width: 100%;
height: auto;
padding: 2% 0;
margin: 0 auto;
max-width: 120rem;
}
.culture>.culture7>div>.swiper-container>.swiper-wrapper>.swiper-slide {
height: 35rem;
font-size: 1.8rem;
text-align: center;
transition-property: all;
}
.culture>.culture7>div>.swiper-container>.swiper-wrapper>.swiper-slide>img {
width: 100%;
min-height: 22.5rem;
}
/* 鍏充簬鈥斺€斿洟闃熼閲� */
.team>.team2 {
margin: 5% auto;
letter-spacing: 0.2rem;
}
.team>.team2>.group {
position: relative;
padding: 0 0 10% 8%;
border-left: 0.4rem solid #5296e9;
}
.team>.team2>.group>i {
width: 2rem;
height: 2rem;
display: inline-block;
background-color: #5296e9;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
position: absolute;
left: -1.05%;
}
.team>.team2>.group>p {
font-weight: 600;
font-size: 1.6rem;
}
.team>.team2>.group>span {
display: block;
}
.team>.team2>.group>.time {
color: #5296e9;
margin: 1.5% 0;
font-size: 1.1rem;
}
.team>.team2>.group>.intro {
color: #7d7d7d;
margin-bottom: 2%;
font-size: 1.3rem;
}
.team>.team2>.group>img {
width: 100%;
}
/* 鍏充簬鈥斺€斾汉鎵嶆嫑鑱� */
.recruit>.recruit2>.flex {
margin-top: 10%;
align-items: flex-start;
border-bottom: 0.1rem solid #c7c7c7;
}
.recruit>.recruit2>ul>li{
width: 50%;
}
.recruit>.recruit2>ul>li>.name {
font-size: 1.8rem;
letter-spacing: 0.2rem;
}
.recruit>.recruit2>ul>li>hr {
border: 0;
width: 4rem;
height: 0.5rem;
text-align: left;
margin: 2% 0 10% 0;
background: #5296e9;
}
.recruit>.recruit2>ul>li>p {
margin-top: 8%;
color: #515151;
font-size: 1.6rem;
}
.recruit>.recruit2>ul>li>p>span {
display: block;
margin-top: 2%;
font-size: 1.4rem;
}
.recruit>.recruit2>ul>li>.time {
display: block;
color: #5296e9;
text-align: right;
font-size: 1.2rem;
}
.recruit>.recruit2>ul>li>p.require {
margin: 14% 0 0 0;
}
.recruit>.recruit2>ul>li>.email {
display: block;
text-align: right;
margin: 16% 0 12% 0;
}
.recruit>.recruit2>ul>li>div>p{
font-size: 1.2rem;
line-height: 3rem;
}
/* 鍔犵洘 */
.join>.join2 {
width: 100%;
position: relative;
}
.join>.join2>img {
width: 100%;
}
.join>.join2>.cont {
width: 35%;
position: absolute;
top: 21%;
left: 26%;
z-index: 999;
}
.join>.join2>.cont>p {
margin: 0;
font-size: 3.5rem;
font-weight: 600;
letter-spacing: 0.5rem;
}
.join>.join2>.cont>hr {
width: 11rem;
height: 1rem;
text-align: left;
margin: 0% 0 2% 0;
border: 0;
background: -webkit-linear-gradient(top, #447fe4, #458ae5, #4695e7, #4999e9);
background: -o-linear-gradient(top, #447fe4, #458ae5, #4695e7, #4999e9);
background: -moz-linear-gradient(top, #447fe4, #458ae5, #4695e7, #4999e9);
background: -ms-linear-gradient(top, #447fe4, #458ae5, #4695e7, #4999e9);
background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#447fe4), to(#4999e9));
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#447fe4, endColorStr=#4999e9);
}
.join>.join2>.cont>span {
font-size: 1.4rem;
line-height: 2rem;
font-weight: 600;
color: #6c6c6c;
margin-top: 8%;
display: block;
}
.join .tit {
position: absolute;
top: 65%;
left: 35%;
padding: 0;
}
.join .tit>h2{
font-size: 2.2rem;
margin-bottom: 6%;
font-weight: 600;
letter-spacing: 0.3rem;
}
.join .tit>hr.long {
width: 35rem;
height: 0.3rem;
}
.join3{
margin: -4% 8% 0% 8%;
}
.join3>li{
margin-bottom: 4%;
}
.join3>li>div{
width: 50%;
}
.join3>li>div:first-child{
width: 40%;
margin: 0 4%;
}
.join3>li>div>img {
width: 15%;
margin-right: 4%;
}
.join3>li>div>p {
width: 75%;
}
.join3>li>div>p>span.title {
font-size: 1.8rem;
font-weight: bold;
margin: 0;
color: #000;
}
.join3>li>div>p>span {
font-weight: 600;
font-size: 1.4rem;
color: #989898;
display: block;
}
.join>.join4 {
position: relative;
overflow: hidden;
min-height: 155rem;
}
.join>.join4>img {
width: 100%;
min-height: 53rem;
display: block;
}
.join>.join4 .tit {
position: absolute;
top: 5%;
}
.join>.join4>.flex {
width: 100%;
margin-top: -30%;
}
.join>.join4>.flex>.joinR {
margin: 18% 0 0 4%;
}
.join>.join4>.flex>.joinL>li,
.join>.join4>.flex>.joinR>li {
box-shadow: 0 0 1rem 0.2rem #ced1d3;
width: 100%;
text-align: center;
font-size: 2rem;
font-weight: bold;
border-radius: 0.5rem;
background: #fff;
margin: 15% 0;
}
.join>.join4>.flex>.joinL>li>img,
.join>.join4>.flex>.joinR>li>img {
width: 30%;
margin: -12% 0 0% 0;
}
.join>.join4>.flex>.joinL>li>span,
.join>.join4>.flex>.joinR>li>span {
display: block;
padding-bottom: 8%;
}
.join>.join4>.flex>.joinL>li>span.title,
.join>.join4>.flex>.joinR>li>span.title {
font-size: 14rem;
color: #f0f0ed;
padding: 0;
display: inline-block;
}
.join>.join5>img {
width: 100%;
}
/* 鑱旂郴 */
.contact>.contact2>.tit {
padding-top: 4%;
text-align: center;
}
.contact>.contact2>.tit>p {
font-size: 2.75rem;
}
.contact>.contact2>.tit>span {
color: #999;
font-size: 1.2rem;
}
.contact>.contact2>form {
padding: 4% 25%;
}
.contact>.contact2>form>input,
.contact>.contact2>form>textarea,
.contact>.contact2>form>button {
color: #555;
margin: 2% auto;
font-size: 1.4rem;
border-radius: 0.4rem;
background-color: #fff;
background-image: none;
line-height: 1.42857143;
border: 0.1rem solid #ccc;
-webkit-box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, .075);
box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
outline: none;
}
.contact>.contact2>form>input {
width: 45%;
padding: 2%;
height: 1rem;
font-size: 1.2rem;
display: inline-block;
}
.contact>.contact2>form>textarea {
width: 100%;
height: 10rem;
margin-bottom: 6%;
font-size: 1.2rem;
line-height: 2.428571;
}
.contact>.contact2>form>button {
width: 55%;
color: #fff;
display: block;
font-size: 1.8rem;
letter-spacing: 0.4rem;
box-shadow: 0 0 0.5rem #a2d2ef;
background: -webkit-linear-gradient(left, #46b2fe, #2dc3fe, #1ad1fe, #06dffe);
background: -o-linear-gradient(left, #46b2fe, #2dc3fe, #1ad1fe, #06dffe);
background: -moz-linear-gradient(left, #46b2fe, #2dc3fe, #1ad1fe, #06dffe);
background: -ms-linear-gradient(left, #46b2fe, #2dc3fe, #1ad1fe, #06dffe);
background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#46b2fe), to(#06dffe));
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#46b2fe, endColorStr=#06dffe);
cursor: pointer;
}
.contact>.contact3>ul>li {
width: 23%;
margin: 0 0% 4% 7.5%;
}
.contact>.contact3>ul>li>img {
width: 50%;
margin: 0 auto;
display: block;
}
.contact>.contact3>ul>li>.box {
width: 100%;
margin-top: -22%;
background: #fff;
text-align: center;
padding: 28% 0% 12% 0%;
box-shadow: 0rem 0.2rem 0.5rem 0.2rem #cbcfd2;
}
.contact>.contact3>ul>li>.box>p {
color: #666;
font-size: 1.8rem;
font-weight: bold;
}
.contact>.contact3>ul>li>.box>span {
color: #888;
display: block;
font-size: 1.3rem;
line-height: 3.5rem;
}
.contact>.contact3>ul>li>.box>a {
color: #fff;
margin-top: 4%;
background: blue;
font-size: 1.4rem;
display: inline-block;
border-radius: 0.5rem;
padding: 2% 10% 2% 10%;
}
.contact>.contact3>ul>li>.box1>a {
box-shadow: 0 0 0.5rem #8bdcf2;
background: -webkit-linear-gradient(left, #46b2fe, #2dc3fe, #1ad1fe, #06dffe);
background: -o-linear-gradient(left, #46b2fe, #2dc3fe, #1ad1fe, #06dffe);
background: -moz-linear-gradient(left, #46b2fe, #2dc3fe, #1ad1fe, #06dffe);
background: -ms-linear-gradient(left, #46b2fe, #2dc3fe, #1ad1fe, #06dffe);
background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#46b2fe), to(#06dffe));
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#46b2fe, endColorStr=#06dffe);
}
.contact>.contact3>ul>li>.box2>a {
box-shadow: 0 0 0.5rem #c3ecef;
background: -webkit-linear-gradient(left, #25c4e9, #27cae4, #40facc, #44ffc6);
background: -o-linear-gradient(left, #25c4e9, #27cae4, #40facc, #44ffc6);
background: -moz-linear-gradient(left, #25c4e9, #27cae4, #40facc, #44ffc6);
background: -ms-linear-gradient(left, #25c4e9, #27cae4, #40facc, #44ffc6);
background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#25c4e9), to(#44ffc6));
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#25c4e9, endColorStr=#44ffc6);
}
.contact>.contact3>ul>li>.box3>a {
box-shadow: 0 0 0.5rem #f0c6d1;
background: -webkit-linear-gradient(left, #f3656c, #f3656e, #f45f78, #f55983);
background: -o-linear-gradient(left, #f3656c, #f3656e, #f45f78, #f55983);
background: -moz-linear-gradient(left, #f3656c, #f3656e, #f45f78, #f55983);
background: -ms-linear-gradient(left, #f3656c, #f3656e, #f45f78, #f55983);
background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#f3656c), to(#f55983));
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#f3656c, endColorStr=#f55983);
}
#allmap {
height: 50rem;
}
/* 鍒嗛〉 */
#page {
text-align: center;
}
#page>li {
cursor: pointer;
border-radius: 0;
font-size: 1.2rem;
padding: 0.5rem 1rem;
display: inline-block;
}
#page>li.pageItem {
margin: 0.5rem;
border: 0.1rem solid #f0f0f0;
}
#page>li.pageItemActive {
color: white;
margin: 0.5rem;
background-color: #5296e9;
border: 0.1rem solid #5296e9;
}
#page>li.pageItem:hover {
color: white;
background-color: #5296e9;
border: solid thin #5296e9;
}
#page>li.pageItemDisable {
margin: 0.5rem;
color: #dcdcdc;
cursor: not-allowed;
background-color: #fffafa;
border: 0.1rem solid #f0f0f0;
}
/* 1280鍒嗚鲸鐜囦互涓婏紙澶т簬1540px锛� */
@media screen and (min-width:1540px) {
.footer>.container>.fot2>ul:nth-child(1) {
width: 30%;
}
.footer>.container>.fot2>ul:nth-child(4) {
width: 12%;
}
.index>.index2>.container>.row>.cont>a {
width: 30%;
}
.index>.index3>.row>.cont1 {
height: auto;
}
.index>.index3>.row>.cont1>.cont2 {
margin-top: 0;
}
.index>.index3>.row>.cont1>.cont3 {
margin-bottom: 0;
}
.index>.index3>.row>div>p {
line-height: 2.6rem;
}
.index>.index3>.row>.swiper-container>.swiper-wrapper>.swiper-slide>video {
height: 31rem;
}
.machine>.machine1,
.product>.product1,
.case>.case1,
.news>.news1,
.culture>.culture1,
.team>.team1,
.recruit>.recruit1,
.join>.join1,
.contact>.contact1 {
width: 100%;
min-height: 50rem;
display: block;
}
.machine>.machine3>ul>li {
height: 33rem;
}
.culture>.culture4>.bg {
height: 36rem;
top: 24%;
}
.culture>.culture4>.row>.message {
padding-top: 1%;
}
.culture>.culture3>ul>li {
height: 31rem;
}
.join>.join2>.cont {
top: 22%;
width: 34%;
}
.join>.join2>.cont>p {
font-size: 3.8rem;
}
.join>.join2>.cont>span {
font-size: 2rem;
}
.join>.join4>.row {
left: 12%;
}
.join>.join4 .tit {
left: 12%;
}
.join>.join4>.row>.joinL>li,
.join>.join4>.row>.joinR>li {
width: 70%;
}
.join>.join4>.row>.joinL>li>img,
.join>.join4>.row>.joinR>li>img {
width: 20%;
}
.index>.index5 .cont>a{
min-height: 70.25px;
}
}
/* 1280鍒嗚鲸鐜囦互涓婏紙澶т簬1200px锛屽皬浜�1539px锛� */
@media (min-width: 1200px) and (max-width: 1539px) {
.footer>.fot_top div:first-child>ul {
font-size: 1.35rem;
}
.index3_1 .cont>ul>li>hr {
width: 14rem;
}
.index>.index7>.all>div>img {
width: 24.8%;
}
.machine>.machine1,
.product>.product1,
.case>.case1,
.news>.news1,
.video>.video1,
.culture>.culture1,
.team>.team1,
.recruit>.recruit1,
.join>.join1,
.contact>.contact1 {
width: 100%;
max-height: 45.8rem;
}
.machine>.machine3>ul>li {
height: 26rem;
}
.kill3>li>img {
margin-left: 2%;
}
.kill3>li>div {
width: 28%;
}
.culture>.culture2>.flex>div {
width: 64%;
}
.culture>.culture3>ul>li {
height: 33rem;
}
.recruit>.recruit2>ul>li {
width: 48%;
padding: 0 0.5%;
}
.join>.join2 {
background-size: contain;
}
.join>.join2>.cont>span {
font-size: 1.18rem;
line-height: 1.6rem;
margin-top: 5%;
}
.join>.join4>img {
min-height: 41rem;
}
.contact>.contact3>ul>li {
margin: 0 0% 4% 4%;
}
}
/* 1100鍒嗚鲸鐜囷紙澶т簬992px锛屽皬浜�1199px锛� */
@media (min-width: 992px) and (max-width: 1199px) {
.tit {
padding: 0% 30%;
}
.topbar>.container>.topbar_l>li.topbar1>img {
margin-top: -4%;
}
.topbar>.container>.topbar_l>li {
width: 22%;
}
.topbar>.container>.topbar_l>li.topbar3 {
width: 38%;
}
.topbar>.container>ul {
width: 65%;
}
.topbar>.container>div {
width: 35%;
}
.topbar>.container>ul>li {
width: 28%;
}
.topbar>.container>ul>li:first-child img {
width: 20%;
}
.topbar>.container>ul>li:nth-child(2) img {
width: 12%;
}
.topbar>.container>ul>li:last-child img {
width: 10%;
}
.topbar>.container>ul>li:first-child span {
font-size: 1.4rem;
}
.topbar>.container>ul>li>span {
font-size: 1.2rem;
}
/* header */
.header>.container>ul>li {
width: 10%;
}
.header>.container>.hder1 {
margin-top: 3.2%;
}
.header>.container>.nav>li.subNav>ul {
width: 10.8rem;
}
.header>.container>.nav>li>a {
padding: 1rem 0.95rem;
}
.header>.container>.nav>li.subNav>div {
left: -280%;
}
.header>.container>.nav>li.subnav1>div {
left: -278%;
}
/* footer */
.footer>.container>.fot1 {
margin-top: 2%;
}
.footer>.fot_top div:first-child>ul {
font-size: 1.1rem;
line-height: 2.8rem;
}
.footer>.container>.fot1 li {
line-height: 3rem;
}
.footer>.container>.fot1>img {
width: 24%;
max-height: 8rem;
margin-top: -4%;
}
.footer>.container>.fot1>ul,
.footer>.container>.fot2,
.footer>.container>.fot3 {
padding: 0;
}
.footer>.fot_top div:nth-child(2)>ul:nth-child(1) {
width: 35%;
}
.footer>.container>.fot2 {
margin-top: 1%;
padding-left: 2.5%;
}
.footer>.container>.fot2>ul:nth-child(1) {
width: 33%;
}
.footer>.container>.fot2>ul:nth-child(4) {
width: 13%;
}
.footer>.container>.fot2>ul>li>a {
padding: 0;
}
.footer>.container>.fot2 a {
line-height: 4rem;
}
.footer>.container>.fot3>div>a>img {
width: 18%;
}
.footer>.fot_top div:nth-child(3)>div>a {
width: 20%;
}
.footer>.container>.fot3>p {
font-size: 1.65rem;
}
.footer>.container>.fot3>img {
width: 40%;
min-height: 8rem;
}
.footer>.container>.fot3>span {
font-size: 1.4rem;
}
.footer>.fot_btm {
font-size: 1rem;
line-height: 1.8rem;
}
/* 棣栭〉 */
.index>.index2 {
background-size: 100% 100%;
}
.index>.index2>.container>.proC>.proR ul li {
width: 33%;
}
.index>.index2>.container>.proC>.proR h4 {
font-size: 1.6rem;
}
.index>.index2>.container>.proC>.proL .proL_li ul li {
min-height: 9rem;
}
.index3_1 .left {
width: 34%;
}
.index3_1 .cont>ul>li>div {
width: 62%;
}
.index3_1 .cont>ul>li>hr {
width: 8rem;
}
.index>.index4 {
background-size: contain;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>span {
-webkit-line-clamp: 7;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>a {
width: 22%;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>span {
line-height: 2rem;
}
.index>.index6 .swiper-button-next,
.index>.index6 .swiper-button-prev {
top: 30%;
}
.index>.index7>.all>div>img {
width: 24.8%;
}
/* 鏅鸿兘鏅ㄦ鏈� */
.machine>.machine1,
.product>.product1,
.case>.case1,
.video>.video1,
.news>.news1,
.culture>.culture1,
.team>.team1,
.recruit>.recruit1,
.join>.join1,
.contact>.contact1 {
width: 100%;
min-height: 27rem;
}
.machine>.machine2>ul>div>.shade>p {
line-height: 4rem;
}
.machine>.machine3>ul>li {
width: 19.2%;
height: 22rem;
padding: 0 2%;
}
.machine>.machine3>ul>li>span {
padding: 0;
}
.machine>.machine7>.row>div>img.good1,
.machine>.machine10>.row>div>img.good1 {
margin-top: 10%;
}
.machine>.machine8>.row>div>img.good1,
.machine>.machine9>.row>div>img.good1 {
margin-top: 30%;
}
.gini1>li:nth-child(1), .gini1>li:nth-child(3), .gini1>li:nth-child(5), .gini1>li:nth-child(7) {
width: 14%;
}
.gini1>li>p {
width: 10rem;
height: 10rem;
}
.gini2>li>div {
width: 38%;
}
.gini2>li:nth-child(2) div, .gini2>li:nth-child(4) div, .gini2>li:nth-child(6) div, .gini2>li:nth-child(8) div {
width: 42%;
}
.gini2>li:nth-child(2) img, .gini2>li:nth-child(4) img, .gini2>li:nth-child(6) img, .gini2>li:nth-child(8) img {
margin-left: 0%;
}
.campus>.campus2>ul>li {
height: 39rem;
}
.campus>.campus2>ul>li:nth-child(2) {
width: 48%;
}
.campus>.campus2>ul>li>p {
margin: 2% 0;
}
.campus>.campus2>ul>li img {
width: 76%;
}
.campus>.campus2>ul>li:nth-child(1) img {
width: 65%;
}
.campus>.campus2>ul>li>div>span>img{
width: 50%;
}
.campus>.campus2>ul>li:nth-child(2)>img {
height: 23rem;
}
.campus>.campus2>p{
width: 60%;
}
.campus>.campus4>div.flex>ul {
font-size: 1.2rem;
}
.campus>.campus7>ul>li{
width: 32%;
}
.campus>.campus7>p {
width: 80%;
}
.kill3>li>img {
margin: 0;
}
.kill3>li>div {
width: 30%;
}
/* 浼佷笟鏂囧寲 */
.culture>.culture2>.flex>div {
width: 56%;
}
.culture>.culture2>.flex>div>.intro1 {
color: #888;
display: block;
margin-top: 4%;
font-size: 1.3rem;
}
.culture>.culture3>ul>li {
height: 27rem;
}
.culture>.culture3>ul>li:hover .item_logo {
margin-top: 2rem;
}
.culture>.culture3>ul>li>.item_text p {
font-size: 1.4rem;
}
.culture>.culture4>.bg {
height: 34rem;
top: 25%;
}
.culture>.culture4>.flex>div>.message2 {
padding: 2% 0;
}
.culture>.culture4>.flex>div>p {
font-size: 1rem;
line-height: 2rem;
}
.culture>.culture7>div>.swiper-container>.swiper-wrapper>.swiper-slide {
height: 28rem;
}
.join>.join2>.cont {
width: 40%;
}
.join>.join2>.cont>p {
font-size: 3rem;
}
.join>.join2>.cont>hr {
height: 0.5rem;
}
.join>.join2>.cont>span {
margin-top: 2%;
font-size: 1.1rem;
line-height: 1.8rem;
}
.join .tit {
margin: 0 0 0 8%;
}
.join>.join2>.tit {
top: 62%;
left: 32%;
}
.join .tit>hr.long {
width: 25rem;
}
.join3>li>div>img {
width: 20%;
}
.join3>li>div>p>span {
font-size: 1.2rem;
}
.join>.join4 {
min-height: 138rem;
}
.join>.join4>img {
min-height: 34rem;
}
.contact>.contact3>ul>li>.box>span {
font-size: 1.4rem;
}
}
/* 880鍒嗚鲸鐜囷紙澶т簬768px锛屽皬浜�991px锛� */
@media (min-width: 768px) and (max-width: 991px) {
.tit {
padding: 0% 28%;
}
.tit>p {
font-size: 2.5rem;
}
.tit>span {
font-size: 1.6rem;
}
.topbar>.container>ul {
width: 70%;
}
.topbar>.container>div {
width: 30%;
}
.topbar>.container>ul>li {
width: 26%;
}
.topbar>.container>ul>li:last-child {
width: 40%;
}
.topbar>.container>ul>li>img {
width: 12%;
}
.topbar>.container>ul>li:first-child img {
width: 16%;
}
.topbar>.container>ul>li>img {
width: 12%;
}
.topbar>.container>ul>li:first-child span {
font-size: 1.4rem;
}
.topbar>.container>.topbar_l>li.topbar1 {
width: 28%;
}
.topbar>.container>.topbar_l>li.topbar1>img {
margin-top: -4%;
}
.topbar>.container>.topbar_l>li.topbar1>span {
font-size: 1.8rem;
}
.topbar>.container>.topbar_l>li {
width: 24%;
}
.topbar>.container>.topbar_l>li>span {
font-size: 1.4rem;
}
.topbar>.container>.topbar_l>li.topbar3 {
width: 44%;
}
.topbar>.container>.topbar_r {
width: 15%;
}
/* header */
.header>.container,
.header>.container>img,
.header>.container>div,
.header>.container>ul {
padding: 0;
}
.header>.container>ul>li {
width: 16%;
}
.header>.container>ul>li:last-child {
width: 12.8%;
}
.header>.container>ul>li.subNav {
width: 11%;
}
.header>.container>.hder1 {
margin-top: 4%;
}
.header>.container>.nav>li {
margin: 0 0.72%;
}
.header>.container>.nav>li.subNav>ul {
width: 10.8rem;
}
.header>.container>.nav>li>a {
padding: 1rem;
}
.header>.container>.nav>li.subNav>a:after {
right: -8%;
}
.header>.container>.nav>li.subNav>div {
left: -278%;
}
/* footer */
.footer>.fot_top {
padding: 0;
}
.footer>.container>.fot1 {
margin-top: 1.5%;
}
.footer>.fot_top div:first-child>ul {
width: 80%;
font-size: 1rem;
line-height: 2rem;
}
.footer>.fot_top div:first-child>p {
font-size: 1.15rem;
}
.footer>.fot_top div:nth-child(2)>ul {
font-size: 1rem;
}
.footer>.fot_top div:nth-child(2)>ul:nth-child(1) {
width: 38%;
}
.footer>.fot_btm {
font-size: 1rem;
text-align: center;
line-height: 1.2rem;
border-top-style: inset;
}
.footer>.fot_top div:nth-child(3)>div>a:nth-child(1) {
width: 12%;
}
.footer>.fot_top div:nth-child(3)>div>a:nth-child(2),.footer>.fot_top div:nth-child(3)>div>a:nth-child(5) {
width: 22%;
}
.footer>.fot_top div:nth-child(3)>div>a:nth-child(3) {
width: 26%;
}
.footer>.fot_top div:nth-child(3)>div>a:nth-child(4) {
width: 14%;
}
/* 棣栭〉 */
.index>.index2 {
background-size: cover;
}
.index>.index2>.container>.proC>.proR ul li {
width: 33%;
}
.index>.index2>.container>.proC>.proR h4 {
font-size: 1.3rem;
}
.index>.index2>.container>.proC>.proR ul li div {
width: 3rem;
height: 3rem;
}
.index>.index2>.container>.proC>.proR.gini ul:nth-child(2) li div {
width: 2rem;
height: 2rem;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>img {
width: 18%;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>h4 {
font-size: 1.2rem;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>h4>span {
font-size: 0.6rem;
}
.index>.index2>.container>.proC>.proL .proL_li ul li {
min-height: 8rem;
}
.rotate img {
width: 82%;
}
#rotate2 img {
width: 70%;
}
.index>.index2>.container>.proC>.proR .proR_r p {
right: 16%;
bottom: -4%;
}
.index>.index2>.container>.proC>.gini p {
right: 18% !important;
bottom: -16% !important;
}
.index3_1 .left {
width: 26.8%;
}
.index3_1 .cont>ul>li>hr {
width: 5rem;
}
.index3_1 .cont>.left>li:nth-child(2) hr, .index3_1 .cont>.right>li:nth-child(2) hr {
width: 2rem;
}
.index3_1 .cont>div{
width: 20%;
height: 13rem;
/* border: 0.8rem solid #359bba; */
}
.index3_1 .cont>div>img{
width: 104%;
}
.index3_1 .cont>ul>li>div>p {
font-size: 0.8rem;
line-height: 1.5rem;
}
.index>.index4 {
background-size: contain;
}
.index>.index5 .cont>img {
height: 10rem;
max-height: 10rem;
}
.index>.index6 {
background-size: contain;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>img {
width: 88%;
height: 16.5rem;
margin-left: 12%;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>p {
font-size: 1.4rem;
padding-top: 0;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>span {
line-height: normal;
font-size: 0.8rem;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>a {
width: 28%;
font-size: 1.2rem;
}
.index .swiper-button-next,
.index .swiper-button-prev {
top: 40%;
}
.index .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 0rem;
}
.index>.index7>.all>div>img {
width: 24.8%;
}
/* 鏅鸿兘鏅ㄦ鏈� */
.machine>.good>.row>div>span {
font-size: 1.6rem;
}
.machine>.good>.row>div>p {
font-size: 1.2rem;
line-height: 2.5rem;
margin: 2% 0 4% 4%;
}
.machine>.machine1,
.product>.product1,
.case>.case1,
.news>.news1,
.culture>.culture1,
.team>.team1,
.recruit>.recruit1,
.join>.join1,
.contact>.contact1 {
width: 100%;
min-height: 18rem;
}
.machine>.machine2>ul>li>.shade>.text2 {
font-size: 1.4rem;
margin-bottom: 10%;
transform: translateX(20rem);
}
.machine>.machine2>ul>li>.shade>.text3 {
font-size: 1.2rem;
}
.machine>.machine2>ul>li>span {
font-size: 1.8rem;
}
.machine>.machine2>ul>li>.shade>p {
line-height: 2rem;
}
.machine>.machine2>ul>li>span.details {
font-size: 1.4rem;
}
.machine>.machine3>ul>li {
height: 22rem;
padding: 0 2%;
}
.machine>.machine3>ul>li>p {
font-size: 1.6rem;
}
.machine>.machine3>ul>li>span {
padding: 0;
font-size: 1rem;
}
.machine>.machine5>li>div>span {
font-size: 1.6rem;
}
.machine>.machine5>li>div>p {
margin: 2% 0 4% 4%;
font-size: 1.2rem;
line-height: 2rem;
}
.machine>.machine5>.row>div>img.good1,
.machine>.machine6>.row>div>img.good1,
.machine>.machine7>.row>div>img.good1,
.machine>.machine10>.row>div>img.good1 {
margin-top: 20%;
}
.machine>.machine8>.row>div>img.good1,
.machine>.machine9>.row>div>img.good1 {
margin-top: 30%;
}
.gini1>li>p {
width: 8rem;
height: 8rem;
}
.gini1>li>img {
margin-top: -36%;
width: 95%;
}
.gini2>li>div {
width: 55% !important;
}
.gini2>li>img{
width: 45%;
margin: 0 !important;
}
.campus p{
font-size: 1.2rem;
}
.campus>.campus2>ul>li {
height: 30rem;
}
.campus>.campus2>ul>li:nth-child(2) {
width: 48%;
}
.campus>.campus2>ul>li>p {
margin: 2% 0;
}
.campus>.campus2>ul>li img {
width: 76%;
}
.campus>.campus2>ul>li:nth-child(1) img {
width: 65%;
}
.campus>.campus2>ul>li>div>span>img{
width: 50%;
}
.campus>.campus2>ul>li:nth-child(2)>img {
height: 17.5rem;
}
.campus>.campus2>p {
width: 70%;
}
.campus>.campus3>ul>li>img {
width: 35%;
margin-right: 0;
}
.campus>.campus3>ul>li>div {
width: 96%;
}
.campus>.campus4>div.flex>ul {
font-size: 1.2rem;
}
.campus>.campus5>ul>li>p {
font-size: 1.4rem;
}
.campus>.campus6>ul>li:nth-child(2) {
margin: 0 1%;
}
.campus>.campus7>p {
width: 85%;
}
.campus>.campus7>ul>li{
width: 32%;
}
.kill1 {
width: 80%;
}
.kill2>h2, .kill3>h2, .kill4>h2 {
width: 85%;
}
.kill2>li.top>div {
top: 50%;
}
.kill2>li.bot>div {
top: 10%;
}
.kill3>li>img {
margin: 0;
}
.kill3>li {
width: 82%;
}
.case>.case2>ul>li>div>.intro {
-webkit-line-clamp: 5;
}
/* 鍦烘櫙瑙嗛 */
.video>ul>li>div>.time {
font-size: 1.5rem;
display: block;
}
.video>ul>li>div>.intro {
-webkit-line-clamp: 5;
}
/* 浼佷笟鏂囧寲 */
.culture>.culture2>.flex{
align-items: flex-start;
}
.culture>.culture2>.flex>div {
width: 44%;
}
.culture>.culture2>.flex>div>.intro1 {
font-size: 0.8rem;
}
.culture>.culture2>.flex>div>.intro2 {
font-size: 1.6rem;
margin: 2% 0;
}
.culture>.culture2>.flex>div>p {
font-size: 0.8rem;
padding-right: 0;
}
.culture>.culture2>.flex>div>.intro3 {
padding-right: 0;
font-size: 1rem;
font-weight: bold;
}
.culture>.culture3>ul>li {
height: 21rem;
}
.culture>.culture3>ul>li:hover .item_logo {
margin-top: 1rem;
}
.culture>.culture3>ul>li>.item_text p {
font-size: 0.8rem;
}
.culture>.culture3>ul>li>.item_title {
font-size: 1.6rem;
padding: 0.5rem 0;
}
.culture>.culture4>.flex>div>.message2 {
font-size: 1.8rem;
padding: 2% 0;
}
.culture>.culture4>.flex>div>p {
font-size: 0.8rem;
line-height: 1.5rem;
}
.culture>.culture7>div>.swiper-container>.swiper-wrapper>.swiper-slide {
height: 20rem;
}
.culture>.culture7>div>.swiper-container>.swiper-wrapper>.swiper-slide,
.culture>.culture7>div>.swiper-container>.swiper-wrapper>.swiper-slide>img {
min-height: 16rem;
}
.culture7 .swiper-button-next,
.culture7 .swiper-button-prev {
top: 50%;
}
.join .tit {
margin: 0 0 0 8%;
}
.join .tit>hr.long {
width: 18rem;
height: 0.3rem;
}
.join>.join2>.cont {
left: 20%;
width: 48%;
}
.join>.join2>.tit {
top: 68%;
left: 32%;
}
.join>.join2>.cont>p {
font-size: 1.8rem;
}
.join>.join2>.cont>hr {
height: 0.5rem;
}
.join>.join2>.cont>span {
font-size: 0.8rem;
line-height: 1.5rem;
margin-top: 2%;
}
.join3>li>div>p>span.title {
font-size: 1.6rem;
}
.join3>li>div>p>span {
font-size: 1.2rem;
}
.join>.join4 {
min-height: 110rem;
}
.join>.join4>.flex ul{
width: 45%;
}
.join>.join4>.flex>.joinL>li, .join>.join4>.flex>.joinR>li {
font-size: 1.6rem;
}
.join>.join4>img {
min-height: 26rem;
}
.join>.join4>.flex>.joinL>li>span.title, .join>.join4>.flex>.joinR>li>span.title {
font-size: 10rem;
}
.contact>.contact2>form>input {
width: 44%;
}
.contact>.contact3>.row {
margin-left: 0.5%;
}
.contact>.contact3>ul>li {
width: 28%;
margin: 4% 2%;
}
}
/* 720鍒嗚鲸鐜囷紙澶т簬480px锛屽皬浜�767px锛� */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tit {
padding: 0;
}
.topbar {
display: none;
}
/* header */
.header>.container,
.header>.container>img,
.header>.container>div,
.header>.container>ul {
padding: 0;
}
.header>.container>#toggle_nav{
display: block;
}
.header>.container>img {
width: 35%;
}
.header>.container>ul{
width: 100%;
display: none;
}
.header>.container>ul>li{
width: 100%;
text-align: left;
}
.header>.container>ul>li.subNav{
width: 100%;
text-align: left;
}
.header>.container>ul>li.subNav>a{
position: relative;
}
.header>.container>ul>li.subNav>div{
top: 72%;
left: 0;
}
.header>.container>ul>li:nth-child(2) div{
width: 100%;
}
.header>.container>ul>li:nth-child(3) div {
left: 0;
}
.header>.container>ul>li:nth-child(4) div{
left: 0;
}
.header>.container>ul>li:nth-child(5) div{
left: 0;
}
.header>.container>ul>li:nth-child(2) div>span:last-child{
width: 20%;
font-size: 0.8rem;
}
.header>.container>ul>li.subNav>a:before {
left: 120%;
}
.header>.container>ul>li.subNav>a:after {
top: 35%;
left: 120%;
}
/* footer */
.footer>.fot_top div:nth-child(2) {
display: none;
}
.footer>.fot_top>div {
width: 50%;
}
.footer>.fot_top div:first-child>ul {
width: 100%;
font-size: 1.3rem;
line-height: 1.5rem;
}
.footer>.fot_top div:first-child>p {
font-size: 1.2rem;
}
.footer>.fot_btm {
font-size: 0.8rem;
line-height: 1.2rem;
}
/* 棣栭〉 */
.index>.index2 {
background-size: 100% 100%;
}
.index>.index2>.container>.proC>.proR ul li {
width: 32%;
}
.index>.index2>.container>.proC>.proL .proL_li ul li {
min-height: 5rem;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>h4 {
width: 55%;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>h4>span{
display: none;
}
.index>.index2>.container>.proC>.proR .proR_r {
margin-top: 12%;
}
.index>.index2>.container>.proC>.gini .proR_r p {
right: 2% !important;
bottom: 4% !important;
}
.index>.index2>.container>.proC .school img,.index>.index2>.container>.proC .kill img {
margin: 30% auto;
}
#index3_swiper .swiper-slide video {
width: 85%;
height: 64%;
display: block;
margin: 0 auto;
}
.index>.index4 {
background-size: contain;
}
.index>.index4>.container>.flex div {
width: 46%;
text-align: center;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide {
overflow: hidden;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div {
margin: 0;
padding: 0;
padding-left: 1%;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>img {
width: 85%;
height: 12rem;
margin: 8% 0 0 10%;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>p {
font-size: 1.4rem;
padding: 0;
margin: 0;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>span {
width: 100%;
line-height: normal;
margin: 0;
padding: 0;
font-size: 0.8rem;
-webkit-line-clamp: 3;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>a {
width: 50%;
padding: 2% 8%;
font-size: 1.2rem;
}
.index>.index6 .swiper-button-next,
.index>.index6 .swiper-button-prev {
top: 40%;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>h4,.index>.index2>.container>.proC>.proL .proL_li ul li>h4>span,.index>.index2>.container>.proC>.proR ul li p{
font-size: 0.6rem;
overflow: hidden;
}
.index>.index2>.container>.proC>.proR h4{
font-size: 1rem;
}
.index>.index2>.container>.proC>.proR ul li div{
width: 2rem;
height: 2rem;
}
.index>.index2>.container>.proC>.proR.gini ul:nth-child(2) li div {
width: 2rem;
height: 2rem;
}
.index>.index2>.container>.proC>.proR ul li p {
margin-top: 4%;
}
.index>.index2>.container>.proC>.proR .proR_l {
width: 60%;
margin: 0;
}
.index>.index2>.container>.proC>.proR .proR_r{
width: 40%;
}
.index>.index2>.container>.proC>.proL .proL_li ul li {
min-height: 8rem;
}
.rotate img {
width: 116%;
left: -10%;
}
#rotate2 img {
width: 105%;
}
.index>.index2>.container>.proC>.proR .proR_r p {
bottom: 0;
right: 8%;
font-size: 1.2rem;
}
.index>.index2>.container>.proC>.gini p {
right: 10% !important;
}
.index3_1 .left,.index3_1 .right{
width: 100%;
}
.index3_1 .cont>ul>li>div {
width: 48%;
}
.index3_1 .cont>div{
width: 55%;
height: 22rem;
/* border: 1.8rem solid #359bba; */
}
.index3_1 .cont>div>img{
width: 70%;
margin-left: 3.75rem;
}
.index3_1 .cont>ul.right>li>div{
width: 55%;
}
.index>.index5 .cont>img {
height: 8rem;
max-height: 8rem;
}
.index>.index5 .cont>a>h5 {
font-size: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
}
.index>.index5 .cont>a>p {
font-size: 0.6rem;
line-height: 1.2rem;
}
/* 鏅鸿兘鏅ㄦ鏈� */
.machine>.machine1,
.product>.product1,
.case>.case1,
.news>.news1,
.culture>.culture1,
.team>.team1,
.recruit>.recruit1,
.join>.join1,
.contact>.contact1 {
width: 100%;
min-height: 14rem;
}
.machine>.machine2>ul>li>span {
font-size: 1.2rem;
}
.machine>.machine2>ul>li>span.details {
font-size: 0.8rem;
}
.machine>.machine2>ul>li>.shade>.text1 {
font-size: 1.2rem;
}
.machine>.machine2>ul>li>.shade>.text2 {
font-size: 0.8rem;
margin-bottom: 5%;
}
.machine>.machine2>ul>li>.shade>.text3 {
font-size: 0.8rem;
padding: 0 5%;
}
.machine>.machine2>ul>li>.shade>p {
line-height: 1.2rem;
}
.machine>.machine2>ul>div {
width: 70%;
margin: 0 auto;
display: block;
float: unset;
}
.machine>.machine2>ul>div>.shade>p {
line-height: 4rem;
}
.machine>.machine2>ul>div>span.details {
width: 55%;
}
.machine>.machine3>ul>li {
width: 45%;
height: 22rem;
padding: 0 2%;
}
.machine>.machine3>ul>li>span {
padding: 0;
font-size: 1.1rem;
}
.machine>.machine5>li>div {
width: 100%;
}
.machine>.machine9>.row>div>img {
width: 100%;
}
.gini1>li:nth-child(2), .gini1>li:nth-child(4), .gini1>li:nth-child(6){
display: none;
}
.gini1>li:nth-child(1), .gini1>li:nth-child(3), .gini1>li:nth-child(5), .gini1>li:nth-child(7) {
width: 50%;
}
.gini1>li>p {
width: 8rem;
height: 8rem;
}
.gini1>li>img {
margin-top: -36%;
width: 95%;
}
.gini2>li>div {
width: 55% !important;
}
.gini2>li>img{
width: 45%;
margin: 0 !important;
}
.gini2>li>div>span {
font-size: 1.2rem;
}
.campus p{
font-size: 1.2rem;
}
.campus>.campus1,.campus>.campus2>p,.campus>.campus3>ul,.campus>.campus3>ul>li>div,.campus>.campus7>p {
width: 90%;
}
.campus>.campus2>ul>li {
height: 20.5rem;
}
.campus>.campus2>ul>li:nth-child(2) {
width: 48%;
}
.campus>.campus2>ul>li>p {
margin: 2% 0;
}
.campus>.campus2>ul>li img {
width: 76%;
}
.campus>.campus2>ul>li:nth-child(1) img {
width: 65%;
}
.campus>.campus2>ul>li>div>span>img{
width: 61%;
}
.campus>.campus2>ul>li:nth-child(2)>img {
height: 11rem;
}
.campus>.campus3>ul>li {
width: 46%;
margin: 2% 2%;
}
.campus>.campus3>ul>li>img {
width: 55%;
}
.campus>.campus4>ul>li:nth-child(2) {
margin: 0 8%;
}
.campus>.campus4>div.flex>img {
width: 100%;
margin-right: 0;
}
.campus>.campus4>div.flex>ul {
width: 100%;
font-size: 1.2rem;
line-height: 2.4rem;
}
.campus>.campus4>div.flex>ul>li>i {
margin-right: 2%;
}
.campus>.campus5>ul>li>p {
font-size: 1.2rem;
}
.kill1 {
width: 100%;
}
.kill2>h2, .kill3>h2, .kill4>h2 {
width: 85%;
}
.kill2>li.top>div {
top: 50%;
}
.kill2>li.bot>div {
top: 10%;
}
.kill3>li>img {
margin: 0;
}
.kill3>li {
width: 82%;
}
.product>ul>li>div {
width: 100%;
margin-bottom: 6%;
}
.case>.case2>ul>li>div>p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.case>.case2>ul>li>div>.intro {
line-height: 1.5rem;
-webkit-line-clamp: 3;
}
#page>li {
padding: 0.5rem 0.4rem;
}
/* 鍦烘櫙瑙嗛 */
.video>ul>li>div>.time {
font-size: 1.5rem;
display: block;
}
.video>ul>li>div>.intro {
-webkit-line-clamp: 5;
}
.news>.news2>ul>li>div>p {
font-size: 1.4rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.news>.news2>ul>li>div>p.time {
margin: 0;
}
.news>.news2>ul>li>div>p.time>img {
width: 4%;
display: inline-block;
}
.news>.news2>ul>li>div>p.time>span {
width: 74%;
font-size: 0.8rem;
display: inline-block;
}
.news>.news2>ul>li>div>.intro {
font-size: 0.8rem;
margin-bottom: 0;
}
.news>.news2>ul>li>div>img {
min-height: 9rem;
max-height: 10rem;
}
.news>.news2>ul>li>div>a {
font-size: 1rem;
}
/* 浼佷笟鏂囧寲 */
.culture>.culture2>.flex{
align-items: flex-start;
}
.culture>.culture2>.flex>div {
width: 100%;
}
.culture>.culture2>.flex>div>.intro1 {
font-size: 0.8rem;
}
.culture>.culture3>ul>li {
height: 13rem;
}
.culture>.culture3>ul>li:hover .item_logo {
margin-top: 1rem;
}
.culture>.culture3>ul>li>.item_text p {
font-size: 0.8rem;
}
.culture>.culture3>ul>li>.item_title {
font-size: 1.6rem;
padding: 0.5rem 0;
}
.culture>.culture4>.flex>img {
width: 100%;
}
.culture>.culture4>.flex>.message {
width: 100%;
}
.culture>.culture7>div>.swiper-container>.swiper-wrapper>.swiper-slide {
height: 12rem;
}
.culture>.culture7>div>.swiper-container>.swiper-wrapper>.swiper-slide,
.culture>.culture7>div>.swiper-container>.swiper-wrapper>.swiper-slide>img {
min-height: 10rem;
}
.culture7 .swiper-button-next,
.culture7 .swiper-button-prev {
top: 50%;
}
.recruit>.recruit2>ul>li {
width: 100%;
}
.join .tit {
margin: 0 0 0 8%;
}
.join .tit>hr.long {
width: 18rem;
height: 0.3rem;
}
.join>.join2>.cont {
left: 20%;
width: 48%;
}
.join>.join2>.tit {
top: 68%;
left: 32%;
}
.join>.join2>.cont>p {
font-size: 1.8rem;
}
.join>.join2>.cont>hr {
height: 0.5rem;
}
.join>.join2>.cont>span {
font-size: 0.8rem;
line-height: 1.2rem;
margin-top: 0;
}
.join3>li>div>p>span.title {
font-size: 1.2rem;
}
.join3>li>div>p>span {
font-size: 0.8rem;
}
.join>.join4 {
min-height: 65rem;
}
.join>.join4>.flex ul{
width: 45%;
}
.join>.join4>.flex>.joinL>li, .join>.join4>.flex>.joinR>li {
font-size: 1.3rem;
}
.join>.join4>img {
min-height: 16rem;
}
.join>.join4>.flex>.joinL>li>span.title, .join>.join4>.flex>.joinR>li>span.title {
font-size: 5rem;
}
.contact>.contact2>form>input {
width: 85%;
}
.contact>.contact2>form>button {
width: 62%;
font-size: 1.4rem;
}
.contact>.contact3>.row {
margin-left: 0.5%;
}
.contact>.contact3>ul>li {
width: 100%;
margin: 4% 2%;
}
}
/* 440鍒嗚鲸鐜囦互涓嬶紙灏忎簬479px锛� */
@media only screen and (max-width: 479px) {
.tit {
padding: 0;
}
.tit>span {
font-size: 0.8rem;
}
.topbar {
display: none;
}
/* header */
.header>.container,
.header>.container>img,
.header>.container>div,
.header>.container>ul {
padding: 0;
}
.header>.container>#toggle_nav{
display: block;
}
.header>.container>img {
width: 35%;
/* padding: 0 29.9375rem; */
}
.header>.container>ul{
width: 100%;
display: none;
}
.header>.container>ul{
width: 100%;
}
.header>.container>ul>li{
width: 100%;
text-align: left;
}
.header>.container>ul>li.subNav{
width: 100%;
text-align: left;
}
.header>.container>ul>li.subNav>a{
position: relative;
}
.header>.container>ul>li.subNav>div{
top: 72%;
left: 0;
}
.header>.container>ul>li:nth-child(2) div{
width: 100%;
}
.header>.container>ul>li:nth-child(3) div {
left: 0;
}
.header>.container>ul>li:nth-child(4) div{
left: 0;
}
.header>.container>ul>li:nth-child(5) div{
left: 0;
}
.header>.container>ul>li:nth-child(2) div {
padding: 0 6%;
}
.header>.container>ul>li:nth-child(2) div>span {
width: 22%;
text-align: center;
}
.header>.container>ul>li:nth-child(2) div>span:last-child{
width: 24%;
font-size: 0.8rem;
}
.header>.container>ul>li.subNav>a:before {
left: 120%;
}
.header>.container>ul>li.subNav>a:after {
top: 35%;
left: 120%;
}
/* footer */
.footer>.fot_top div:nth-child(2) {
display: none;
}
.footer>.fot_top>div {
width: 50%;
}
.footer>.fot_top div:first-child>ul {
width: 100%;
font-size: 0.8rem;
line-height: 1.5rem;
}
.footer>.fot_top div:first-child>p {
font-size: 1.2rem;
}
.footer>.fot_top div:nth-child(3)>p {
/* font-size: 1.3rem; */
font-size: 1.2rem;
}
.footer>.fot_btm {
font-size: 0.8rem;
line-height: 1.2rem;
}
/* 棣栭〉 */
.index3_1 .cont>div>img{
top: 0;
}
.index .tit1{
font-size: 2rem;
}
/* 瑙嗛瀹ｄ紶 */
#index3_swiper .swiper-slide h3{
text-indent: 0;
padding: 0 7rem;
}
#index3_swiper .swiper-slide p{
text-indent: 0;
padding: 0 7rem;
}
.index>.index2 {
background-size: 100% 100%;
}
.index>.index2>.container>.proC>.proR ul li {
width: 32%;
padding: 6% 0;
}
.index>.index2>.container>.proC>.proL .proL_li ul li {
min-height: 5rem;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>h4 {
width: 55%;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>h4>span{
display: none;
}
.index>.index2>.container>.proC>.proR .proR_r {
margin-top: 12%;
}
.index>.index2>.container>.proC>.gini .proR_r p {
right: 2% !important;
bottom: 4% !important;
}
.index>.index2>.container>.proC .school img,.index>.index2>.container>.proC .kill img {
margin: 30% auto;
}
#index3_swiper .swiper-slide {
width: 520px;
height: 300px;
}
#index3_swiper .swiper-slide video {
width: 72%;
height: 70%;
display: block;
margin: 0 auto;
}
.index>.index4 {
background-size: contain;
}
.index>.index4>.container>.flex div {
width: 46%;
text-align: center;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide {
overflow: hidden;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div {
margin: 0;
padding: 0;
padding-left: 1%;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>img {
width: 85%;
height: 12rem;
margin: 8% 0 0 10%;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>p {
font-size: 1.4rem;
padding: 0;
margin: 0;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>span {
width: 100%;
line-height: normal;
margin: 0;
padding: 0;
font-size: 0.8rem;
-webkit-line-clamp: 3;
}
.index>.index6>.container>.swiper-container>.swiper-wrapper>.swiper-slide>div>a {
width: 50%;
padding: 2% 8%;
font-size: 1.2rem;
}
/* 鍏徃浠嬬粛 */
.index3_1 .cont>ul>li>div>p{
font-size: 12px;
}
/* 鏂伴椈璧勮杞挱璋冭瘯 */
.index6_swiper .swiper-wrapper{
padding: 33px 0;
}
/* .index6_swiper .swiper-wrapper .swiper-pagination .swiper-pagination-bullet{
width: 1.25rem;
height: 1.25rem;
bottom: 0;
} */
.index>.index6 .swiper-pagination-bullet{
width: 1.25rem;
height: 1.25rem;
margin: -0.3125rem .3125rem;
}
.index>.index6 .swiper-button-next,
.index>.index6 .swiper-button-prev {
top: 40%;
}
.index>.index2>.container>.proC>.proL .proL_li ul li>h4,.index>.index2>.container>.proC>.proL .proL_li ul li>h4>span,.index>.index2>.container>.proC>.proR ul li p{
font-size: 0.6rem;
overflow: hidden;
}
.index>.index2>.container>.proC>.proR h4{
font-size: 1rem;
}
.index>.index2>.container>.proC>.proR ul li div{
width: 2rem;
height: 2rem;
}
.index>.index2>.container>.proC>.proR.gini ul:nth-child(2) li div {
width: 2rem;
height: 2rem;
}
.index>.index2>.container>.proC>.proR ul li p {
margin-top: 4%;
}
.index>.index2>.container>.proC>.proR .proR_l {
width: 60%;
margin: 0;
}
.index>.index2>.container>.proC>.proR .proR_r{
width: 40%;
}
.rotate img {
width: 116%;
left: -10%;
}
#rotate2 img {
width: 105%;
}
.index>.index2>.container>.proC>.proR .proR_r p {
bottom: 0;
right: 8%;
font-size: 1.2rem;
}
.index>.index2>.container>.proC>.gini p {
right: 10% !important;
}
.index3_1 .left,.index3_1 .right{
width: 100%;
}
.index3_1 .cont>ul>li>div {
width: 48%;
}
.index3_1 .cont>div{
width: 55%;
height: 19.2rem;
/* border: 1.2rem solid #359bba; */
}
.index3_1 .cont>div>img{
width: 100%;
}
.index3_1 .cont>ul.right>li>div{
width: 55%;
}
.index>.index5 .cont>img {
height: 8rem;
max-height: 8rem;
}
.index>.index5 .cont>a>h5 {
font-size: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
}
.index>.index5 .cont>a>p {
font-size: 0.6rem;
line-height: 1.2rem;
}
/* 鏅鸿兘鏅ㄦ鏈� */
.machine>.machine1,
.product>.product1,
.case>.case1,
.news>.news1,
.culture>.culture1,
.team>.team1,
.recruit>.recruit1,
.join>.join1,
.contact>.contact1 {
width: 100%;
min-height: 14rem;
}
.machine>.machine2>ul>li>span {
font-size: 1.2rem;
}
.machine>.machine2>ul>li>span.details {
width: 46%;
font-size: 0.8rem;
}
.machine>.machine2>ul>li>.shade>.text1 {
font-size: 1.2rem;
}
.machine>.machine2>ul>li>.shade>.text2 {
font-size: 0.8rem;
margin-bottom: 5%;
}
.machine>.machine2>ul>li>.shade>.text3 {
font-size: 0.8rem;
padding: 0 5%;
}
.machine>.machine2>ul>li>.shade>p {
line-height: 1.2rem;
}
.machine>.machine2>ul>div {
width: 70%;
margin: 0 auto;
display: block;
float: unset;
}
.machine>.machine2>ul>div>.shade>p {
line-height: 4rem;
}
.machine>.machine2>ul>div>span.details {
width: 55%;
}
.machine>.machine3>ul>li {
width: 45%;
height: 22rem;
padding: 0 2%;
}
.machine>.machine3>ul>li>span {
padding: 0;
font-size: 1.1rem;
}
.machine>.machine5>li>div {
width: 100%;
}
.machine>.machine9>.row>div>img {
width: 100%;
}
.gini1>li:nth-child(2), .gini1>li:nth-child(4), .gini1>li:nth-child(6){
display: none;
}
.gini1>li:nth-child(1), .gini1>li:nth-child(3), .gini1>li:nth-child(5), .gini1>li:nth-child(7) {
width: 50%;
}
.gini1>li>p {
width: 8rem;
height: 8rem;
}
.gini1>li>img {
margin-top: -36%;
width: 95%;
}
.gini2>li>div {
width: 100% !important;
}
.gini2>li>img{
width: 100%;
}
.campus p{
font-size: 1.2rem;
}
.campus>.campus1,.campus>.campus2>p,.campus>.campus3>ul,.campus>.campus3>ul>li>div,.campus>.campus7>p {
width: 90%;
}
.campus>.campus2>ul>li {
height: 20.5rem;
}
.campus>.campus2>ul>li:nth-child(2) {
width: 48%;
}
.campus>.campus2>ul>li>p {
margin: 2% 0;
}
.campus>.campus2>ul>li img {
width: 100%;
}
.campus>.campus2>ul>li:nth-child(1) img {
width: 85%;
}
.campus>.campus2>ul>li>div>span>img{
width: 80%;
}
.campus>.campus2>ul>li:nth-child(2)>img {
height: 11rem;
}
.campus>.campus3>ul>li {
width: 46%;
margin: 2% 2%;
}
.campus>.campus3>ul>li>img {
width: 55%;
}
.campus>.campus4>ul>li:nth-child(2) {
margin: 0 8%;
}
.campus>.campus4>div.flex>img {
width: 100%;
margin-right: 0;
}
.campus>.campus4>div.flex>ul {
width: 100%;
font-size: 1.2rem;
line-height: 2.4rem;
}
.campus>.campus4>div.flex>ul>li>i {
margin-right: 2%;
}
.campus>.campus5>ul>li>p {
font-size: 1.2rem;
}
.kill1 {
width: 100%;
}
.kill2>h2, .kill3>h2, .kill4>h2 {
width: 85%;
}
.kill2>li>img{
width: 185%;
}
.kill2>li.top>div {
top: 60%;
left: 50%;
width: 100%;
}
.kill2>li.bot>div {
top: 12%;
left: -25%;
width: 100%;
}
.kill3>li>img {
margin: 0;
}
.kill3>li {
width: 82%;
}
.kill4>img {
width: 100%;
}
.product>ul>li>div {
width: 100%;
margin-bottom: 6%;
}
.case>.case2>ul>li>div>p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.case>.case2>ul>li>div>.intro {
line-height: 1.5rem;
-webkit-line-clamp: 3;
}
#page>li {
padding: 0.5rem 0.4rem;
}
/* 鍦烘櫙瑙嗛 */
.video>ul>li>div>.time {
font-size: 1.5rem;
display: block;
}
.video>ul>li>div>.intro {
-webkit-line-clamp: 5;
}
.news>.news2>ul>li>div>p {
font-size: 1.4rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.news>.news2>ul>li>div>p.time {
margin: 0;
}
.news>.news2>ul>li>div>p.time>img {
width: 4%;
display: inline-block;
}
.news>.news2>ul>li>div>p.time>span {
width: 74%;
font-size: 0.8rem;
display: inline-block;
}
.news>.news2>ul>li>div>.intro {
font-size: 0.8rem;
margin-bottom: 0;
}
.news>.news2>ul>li>div>img {
min-height: 9rem;
max-height: 10rem;
}
.news>.news2>ul>li>div>a {
font-size: 1rem;
}
/* 浼佷笟鏂囧寲 */
.culture>.culture2>.flex{
align-items: flex-start;
}
.culture>.culture2>.flex>div {
width: 100%;
}
.culture>.culture2>.flex>div>.intro1 {
font-size: 0.8rem;
}
.culture>.culture3>ul>li {
height: 10rem;
}
.culture>.culture3>ul>li:hover .item_logo {
margin-top: 1rem;
}
.culture>.culture3>ul>li>.item_text p {
font-size: 0.8rem;
}
.culture>.culture3>ul>li>.item_title {
font-size: 1.6rem;
padding: 0.5rem 0;
}
.culture>.culture4>.flex>img {
width: 100%;
}
.culture>.culture4>.flex>.message {
width: 100%;
}
.culture>.culture7>div>.swiper-container>.swiper-wrapper>.swiper-slide {
height: 10rem;
}
.culture>.culture7>div>.swiper-container>.swiper-wrapper>.swiper-slide,
.culture>.culture7>div>.swiper-container>.swiper-wrapper>.swiper-slide>img {
min-height: 8rem;
}
.culture7 .swiper-button-next,
.culture7 .swiper-button-prev {
top: 50%;
}
.recruit>.recruit2>ul>li {
width: 100%;
}
.join .tit {
top: 2%;
left: 10%;
margin: 0 0 0 8%;
}
.join .tit>h2 {
font-size: 1.2rem;
margin-bottom: 2%;
}
.join .tit>hr.long {
width: 16rem;
height: 0.2rem;
}
.join>.join2>.cont {
left: 20%;
width: 48%;
}
.join>.join2>.tit {
top: 68%;
left: 32%;
}
.join>.join2>.cont>p {
font-size: 1.2rem;
}
.join>.join2>.cont>hr {
height: 0.5rem;
}
.join>.join2>.cont>span {
font-size: 0.8rem;
line-height: 1.2rem;
margin-top: 0;
}
.join3>li>div {
margin: 4%;
width: 100% !important;
}
.join3>li>div>p>span.title {
font-size: 1.2rem;
}
.join3>li>div>p>span {
font-size: 0.8rem;
}
.join>.join4 {
min-height: 58rem;
}
.join>.join4>.flex ul{
width: 45%;
}
.join>.join4>.flex>.joinL>li, .join>.join4>.flex>.joinR>li {
font-size: 1.3rem;
}
.join>.join4>img {
min-height: 13rem;
}
.join>.join4>.flex>.joinL>li>span.title, .join>.join4>.flex>.joinR>li>span.title {
font-size: 5rem;
}
.contact>.contact2>form>input {
width: 85%;
}
.contact>.contact2>form>button {
width: 75%;
font-size: 1.2rem;
}
.contact>.contact3>.row {
margin-left: 0.5%;
}
.contact>.contact3>ul>li {
width: 70%;
margin: 4% 2%;
}
}