.Industry_title{font-size:2em; line-height: 2em; font-weight: 600;} .Industry_subtitle{font-size: 1.5em; line-height: 1.875em;} .Industry_des{font-size:1.125em; line-height: 1.875em;} .Industry_Gray_bg{background-color:#f5f5f5; overflow: hidden;} .Industry_white_bg{background-color:#FFF; overflow: hidden;} /*Banner*/ .Industry_Banner{position: relative;height: 600px; background-image: url(../../images/industry/industry_Banner.jpg);} .Industry_Banner img{height:600px;} .Industry_Banner .all{position: absolute; left:0; top:0; width:100%;} .Industry_Banner .all_text{margin-top:10vw; margin-bottom: 8vw; overflow:hidden; color:#FFF; width:46%;} .Industry_Banner .title{font-size: 3em; line-height: 2em;} .Industry_Banner .des{font-size: 1.125em; margin-top:1%; line-height: 1.875em;} @media screen and (max-width:1479px){ .Industry_Banner .all_text{width:80%; margin-left:auto; margin-right: auto; margin-top:15%;} } @media screen and (max-width:960px){ .Industry_Banner .all{height: 200px; top:50%; margin-top:-100px;} .Industry_Banner .all_text{width:90%; margin:auto; } .Industry_Banner .title, .Industry_Banner .des{text-align: center;} } @media screen and (max-width:540px){ .Industry_Banner .all{height: 300px; top:50%; margin-top:-150px;} .Industry_Banner .title{line-height: 1.2em; margin-bottom: 5%;} } /*第一屏*/ .Industry_02{padding-top:2vw; padding-bottom: 2vw;} .Industry_02 .left, .Industry_02 .right{float: left;} .Industry_02 .right img{width:15.63vw;} .Industry_02 .des{line-height: 1.875em;} @media screen and (min-width:1480px){ .Industry_02 .left{width:977px; margin-right:54px;} .Industry_02 .right{width:300px;} } @media screen and (max-width:1479px){ .Industry_02 .left{width:68%; margin-right:5%;} .Industry_02 .left img{width:100%;} .Industry_02 .right{width:22%;} } @media screen and (max-width:1280px){ .Industry_02 .left{margin-right:3%;} .Industry_02 .right{width:27%;} } .Industry_02 .Industry_title{color:#333;} @media screen and (max-width:900px){ .Industry_02 .left, .Industry_02 .left img{width:100%;} .Industry_02 .right{width:90%; padding:1% 5% 3%;} .Industry_02 .img-responsive{display: none;} } /*第三屏*/ .Industry_03{padding-top:3vw; padding-bottom: 4.2vw;} .Industry_03 li{float: left; position: relative; width:49%;} .Industry_03 li:last-child{float: right;} .Industry_03 .text{color:#FFF; position: absolute; left:9%; width:42%; top:10%; font-size: 1.125em; line-height: 2em;} .Industry_03 .Industry_title{color:#333; text-align: center; margin-bottom: 2.2vw;} @media screen and (max-width:768px){ .Industry_03 li{width:100%; margin-bottom: 2vw;} .Industry_03 li:last-child{margin-bottom: 0;} } /*第四屏*/ .Industry_04{background-image: url(../../images/industry/industry_04.jpg); padding-top:3.9vw; padding-bottom: 3.9vw;} .Industry_bg{background: #049bd8; overflow: hidden; color:#FFF; padding:4.5% 6.5%;} .Industry_04 .left{width:47%; float: left;} .Industry_04 .Industry_title{width:100%; margin-top:3%;} .Industry_04 img{width:50.95%; margin-top:1.5%; margin-bottom: 1%;} .Industry_04 .right{width:53%; float: left;} .Industry_04 .Industry_des{width:100%; margin:auto;} .Industry_04 .Industry_des p{margin-top:1.5vw; font-size: 1em;} @media screen and (max-width:1080px){ .Industry_04 .left{width:60%;} .Industry_04 .right{width:40%;} .Industry_04 .Industry_des{width:96%;} } @media screen and (max-width:768px){ .Industry_04 .left{width:100%;} .Industry_04 .right{width:100%; margin-bottom: 3%;} .Industry_04 img{display: none;} .Industry_04 .Industry_title{margin-top:0%;} .Industry_04 .Industry_des p{margin-top:4%;} } /*第五屏*/ .Industry_05 {padding-top:3vw; padding-bottom: 3vw;} .Industry_05 .Industry_title{color:#333; text-align: center; margin-bottom: 2vw;} .Industry_05 .Industry_subtitle{color:#333333;} .Industry_05 .Industry_des{color:#737373; font-size: 1em;} .Industry_05 ul{width:100%;} .Industry_05 li{width:24%; margin-right:1%; background-color:#FFF; overflow: hidden;} .Industry_05 li:nth-child(2n){width:1%; background-color:#f5f5f5;} .Industry_05 .all_text{width:80%; margin:10% auto; position: relative; top:0px;} .Industry_05 .Industry_subtitle{margin-bottom:0.2vw;} .Industry_05 .img-responsive {position: relative; bottom:0px;} @media screen and (max-width:1480px){ .Industry_05 .all_text{height: 150px;} } @media screen and (max-width:1079px){ .Industry_05 .all_text{height: 200px; line-height: 1.5em;} } @media screen and (max-width:768px){ .Industry_05 li{width:47%; margin-right: 1.5%; margin-left:1.5%; float: left;} .Industry_05 li:nth-child(2n){display: none;} .Industry_05 .all_text{height: 150px;} } @media screen and (max-width:360px){ .Industry_05 .all_text{height: 160px;} }