/*html,body{*/
/*font-family: "Microsoft YaHei" ;*/
/*}*/
body::-webkit-scrollbar {
display:none;
}
.bj-f{background-color: #fff}
.page-home {
overflow: hidden
}
#info {
position: fixed;
top: 20px;
left: 20px;
background-color: rgba(0,0,0,0.5);
color: #fff;
padding: 20px;
z-index: 9999;
}
/*img{transition: all 0.5s}*/
#img3, #img2, #img1{position: absolute;top: -30%}
/*.bg-1 .img, .bg-2 .img, .bg-3 .img{ width: 100%;*/
/*-webkit-transform: scale(1.2);*/
/*transition: all 2s;}*/
.page-home .lw-cases, .page-home .lw-home-content {
position: relative;
z-index: 1;
padding-bottom: 200px;
}
.he160{height: 160px;}
.zgzs-nav3{
position: relative;
}
.about-left{
position: absolute;
top: 0;
left: 80px;
z-index: 9;
}
.about-left li{
height: 25px;
/*overflow: hidden;*/
/*line-height: 40px;*/
}
.about-left li a{display: block;height: 25px;}
.about-left .ab-li1 .hide-s{
font-size: 12px;
color: #666;
}
.ab-li1 .hide-l{
display: inline-block;
margin-right: 10px;
width: 50px;
height: 1px;
background: #000;
}
.ab-li2 .hide-l{
margin-top: 10px;
}
.ab-li2 .hide-l{
width: 15px;
height: 1px;
background: #7f7f7f;
transition: all 0.5s;
}
.about-left li.ab-li2 a:hover .hide-l{
width: 50px;
}
.about-right{
padding-left: 15%;
width: 80%;
margin: 0 auto;
}
.about-right ul{
display: flex;
justify-content: space-between;
}
.ab-en{
width: 45px;
font-size: 12px;
}
.bxpt100{
padding-top: 100px;
}
.en{
width: 45px;
}
.en:nth-of-type(1){
color: #000;
border-bottom: 4px solid #000;
}
.ab-lin {
flex: 1;
height: 1px;
margin-top: 15px;
border-bottom: 1px solid #d9d8d8;
}
.line{
width: 100%;
}
.think{
margin:10% 0 10% 0;
color: #000;
}
.big{
font-size: 42px;
font-weight: 700;
}
.and{
font-size: 20px;
}
.sto{
font-weight: 100;
}
.big .with{
font-size: 30px;
font-weight: bolder;
}
.who{
width: 100%;
position: relative;
}
.bg-1{
max-width: 100%;
overflow: hidden;
}
.bg-1 img{
width: 100%;
margin-top:-30px;
/*-webkit-transform: scale(1.2);*/
/*transition: all 3s;*/
}
.bg-1 .img{
width: 100%;
/*-webkit-transform: scale(1.2);*/
height: 900px;
}
.products li img{ transition: all 0.5s;}
/*.products li .bx-img-hover:hover img{*/
/*max-width: 105%;*/
/*width: 105%;*/
/*margin-left: -2.5%;*/
/*}*/
.who-big-box{
width: 100%;
position: relative;
margin-top: -200px;
z-index: 2;
}
.who-box{
position: relative;
width: 80%;
margin: 0 auto 0;
padding-bottom: 100px;
background: #dd0092;
padding-left: 15%;
padding-right: 15%;
}
.who-box h1{
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
padding: 18px;
left: 0;
font-weight:400;
color: #fff;
}
.who-box2 h1 {
position: relative;
}
.who-cont{
font-size: 28px;
color: #fff;
padding: 20% 0 0 0;
}
.who-cont p{
line-height: 50px;
font-weight:200;
}
.who-cont p:nth-of-type(2){
margin-top: 6%;
}
.design-box{
width: 80%;
margin: 0 10%;
padding:10% 0 10% 0 ;
}
.design-box2{
width: 80%;
margin: 0 10%;
padding:10% 0 0 0 ;
}
.design-box .des{
font-size: 36px;
font-weight: 700;
color: #000;
}
.cap-box{
background: #0e3ce7;
}
.bg-2{
width: 100%;
position: relative;
margin-top: -100px;
z-index: 1;
}
.bg-2 img{
max-width: 100%;
/*-webkit-transform: scale(1.2);*/
/*transition: all 3s;*/
}
.bg-2 .img{
width: 100%;
/*-webkit-transform: scale(1.2);*/
height: 650px;
}
.design-box {
padding-left: 15%;
margin: 0 10%;
}
.design-box p{
margin-top: 2%;
font-size: 16px;
color: #000;
max-width: 600px;
line-height: 25px;
}
.website{
width: 80%;
padding-left: 10%;
margin: 0 10%;
padding-bottom: 5%;
}
.website li{
width: 100%;
position: relative;
margin: 14% 0;
}
.website li p:nth-of-type(2){
font-weight: bolder;
}
.website li .tou-bom{margin-top: 10px;}
.website li .tou-bom p{
font-weight: inherit;
font-size: 14px;
}
.website li a:hover .time{
color: #333;
}
.web-line {
height: 1px;
border-top: 1px solid #d8d8d8;
position: absolute;
width: 100%;
top: 128%;
}
.time{
color: #222;
font-size: 12px;
padding: 0 20px 0 12px;
font-weight: lighter;
}
.web-pic {
width: 35%;
height: 150px;
position: absolute;
top: -50px;
background: #ededed;
right: 21%;
}
.web-pic img{
max-height: 100%;
}
.web-two .web-pic{
right: 40%;
}
.web-three .web-pic {
right: 35%;
width: 24%;
}
.web-four .web-pic{
width: 20%;
height: 183px;
top: -360%;
}
.web-five .web-pic{
width: 20%;
right: 50%;
top: -360%;
height: 183px;
}
.acco{
width: 100%;
position: relative;
}
.bg-3 img{
max-width: 100%;
/*-webkit-transform: scale(1.2);*/
/*transition: all 3s;*/
}
.bg-3 .img{
width: 100%;
/*-webkit-transform: scale(1.2);*/
height: 650px;
}
.acco-box{
position: relative;
bottom: -10%;
background: #4b0da8;
margin-top: -200px;
}
.tou li .web-pic{
position: absolute;
text-align: center;
width: 200px;
padding: 20px;
height: 200px;
top: -80px;
height: 200px;
right:calc(5% + 220px);
border-radius: 50%;
overflow: hidden;
}
.tou li .tou-right{
position: absolute;
top: 0px;
width: 200px;
right: 5%;
color: #0b0b34;
font-size: 18px;
}
.tou li:nth-child(2) .web-pic{
right:calc(50% + 220px);
}
.tou li:nth-child(2) .tou-right{
right: 50%;
}
.tou li:nth-child(3) .web-pic{
right:calc(20% + 220px);
}
.tou li:nth-child(3) .tou-right{
right: 20%;
}
.tou li:nth-child(4) .web-pic{
right:calc(40% + 220px);
}
.tou li:nth-child(4) .tou-right{
right: 40%;
}
.tou li:nth-child(5) .web-pic{
right:calc(10% + 220px);
}
.tou li:nth-child(5) .tou-right{
right: 10%;
}
.tou-head{
line-height: 12px;
}
.tou-bom p:nth-of-type(2){
font-weight: normal;
}
.layer-container {
width: 200px;
height: 200px;
position: relative;
perspective: 4050px;
transform-style: preserve-3d;
top: 200px;
left:-180px;
}
.layer {
width: 200px;
height: 200px;
transition: all 0.5s ease-in-out;
cursor: pointer;
border: 1px solid #999;
margin: -200px;
}
/* dark blue layer */
.dark-blue-layer {
background: none;
}
.light-blue-layer2 {
background: none;
}
.light-blue-layer3 {
background: none;
}
/* light blue layer */
.light-blue-layer {
background: none;
}
.white-layer {
background: none;
}
.bottom-layer {
transform: rotateX(45deg) rotateZ(45deg) translateZ(0);
opacity: 0.5;
}
.mid-layer {
transform: rotateX(45deg) rotateZ(45deg) translateZ(20px);
opacity: 0.5;
}
.mid-layer2 {
transform: rotateX(45deg) rotateZ(45deg) translateZ(40px);
opacity: 0.5;
}
.mid-layer3 {
transform: rotateX(45deg) rotateZ(45deg) translateZ(60px);
opacity: 0.5;
}
.top-layer {
transform: rotateX(45deg) rotateZ(45deg) translateZ(100px);
}
.layer:hover{ background-color: #fff;
opacity: 0.8;
transform: rotateX(45deg) rotateZ(45deg) translateZ(80px);
}
.foot{
width: 100%;
height:500px;
padding-bottom:10px;
margin-top: 300px;
position: relative;
}
.foot a{
display: block;
position: absolute;
left: 50%;
top: 30px;
margin-top: -16px;
width: 180px;
height: 200px;
font-size: 20px;
color: #0b0b34;
padding: 5px;
text-align: center;
background: #ededed;
}
.foot h1{
display: block;
position: relative;
font-size: 12px;
color: #666;
margin-left: -140px;
text-align: left;
top: -140px;
z-index: 999;
}
.foot2 a{
left:calc(10% + 280px)
}
.foot3 a{
left:20%;
margin-top:100px;
}
.foot3 .a_tet2{
position: absolute;
font-size: 14px;
color: #888;
width: 300px;
height:200px;
background: none;
text-align: center;
}
.foot3.a_tet2:before{
display: none;
}
.foot a:before{
content: '';
position: absolute;
width: 180px;
height: 180px;
background-color: none;
top: -70px;
left: 60px;
transition: all 0.5s;
}
.foot a:hover:before{
top: -105px;
}
.part{
background: #0ea9ea;
}
.about-tow{
padding-left: 15%;
width: 80%;
margin: 0 auto;
}
.lw-home-content{overflow: hidden;}
/*product*/
.works{
position: relative;
width: 80%;
height: 100px;
display: flex;
align-items: center;
font-weight: bolder;
margin:0 auto ;
padding-left: 15%;
}
.works-l{
position: absolute;
left: calc(-10% - 50px);
margin-left: 105px;
display: block;
width: 50px;
height: 1px;
background: #8e8e8e;
}
.works h1{
font-size: 20px;
margin:0 2% 0 0;
font-weight:700;
}
.works img{
width: 40px;
}
.pro-info{
background: #fff;
color: #000;
padding: 5% 5% 5% 15%;
width: 80%;
margin: 0 auto;
}
.pro-info h3{
/*font-weight: bold;*/
font-size: 14px;
}
.pro-info h3 span{
}
.pro-info h1{
font-weight: bolder;
font-size: 52px;
margin: 1% 0;
}
.pro-info h2{
/*font-weight: bolder;*/
font-size: 18px;
color: #666;
}
.products li h1 .aw{
font-weight: 100;
color: #4c4c4c;
}
.china{
color: #999;
margin-bottom: 1%;
}
.china:hover{
color: #000;
}
.web-lis{
padding:0 2% 15% 15%;
width: 90%;
margin-left: 10%;
}
.web-title{
margin-top: 15%;
}
.web-lis .boom{
font-size: 24px;
color: #535353;
padding:3% 2% 4% ;
background: #fff;
}
.boom span{
float: right;
color: #666;
font-size: 14px;
}
.boom span:hover{color: #000}
.boom-hide{
color: #535353;
padding:3% 2% 4% ;
background: #fff;
font-size: 20px;
display: none;
}
.boom-hide span{
font-size: 18px;
color: #000;
margin-left: 45%;
font-weight: bolder;
}
.web-items{
margin-top:20%;
background: #fff;
}
.bj-fff{background-color: #fff}
/*reruit*/
.open{
width: 100%;
}
.open-cont{
width: auto;
position: relative;
}
.open-info{
width: 80%;
position: relative;
margin-top: -32%;
left: 10%;
padding: 2% 10% 6% 10%;
background: rgba(208, 0, 0, 0.9);
}
.open-info .works2{
padding-bottom: 80px;
}
.open-info h1{
color: #fff;
font-size: 32px;
margin-left: 0;
}
.open-info h1 .span{
letter-spacing: 35px;
margin-left:45px;
}
.open-info .works h1 span{
margin: 3%;
}
.open-bto{
width: 100%;
}
.open-bto li{
line-height: 50px;
}
.open-bto .hide-l{
background: #fff;
margin-top: 4% ;
margin-right: 4%;
}
.open-bto li a{
font-size: 32px;
color: #fff;
font-weight: 100;
vertical-align: middle;
}
.open-li{
margin: 6% 0;
}
.open-li a{
margin-left: 6%;
}
.open-li .open-with{
margin-left: -6%;
margin-top: 20%;
}
.open-with{
padding: 0 50px;
margin-top:15%;
}
.open-with p{
font-size: 20px;
color: #fff;
margin-top: 3%;
line-height: 25px;
}
.open-with p a{
color: #fff;
text-decoration: underline;
}
.apply-foot{
width: 100%;
height: 300px;
position: relative;
background: #fff;
}
.apply-foot span{
position: absolute;
bottom: 60px;
display: block;
height: 1px ;
width: 100%;
border-top: 1px solid #858282;
}
.apply-foot a{
position: absolute;
bottom: 60px;
font-size: 36px;
color: #000;
left:19%;
width: 180px;
background: #fff;
text-align: center;
}
.apply-foot a:before{
content: '';
position: absolute;
width: 180px;
height: 100px;
background-color: #858282;
top: 40px;
left: 0;
transition: all 0.5s;
}
.apply-foot a:hover:before{
top: 12px;
}
.apply-foot2{
width: 100%;
height: 400px;
position: relative;
background: none;
}
.apply-foot2 span{
position: absolute;
bottom: 80px;
display: block;
height: 1px ;
width: 100%;
border: 1px solid #ccc;
}
.apply-foot2 .a_tet2{
position: absolute;
bottom: 160px;
font-size: 14px;
color: #888;
left:20%;
width: 180px;
background: none;
text-align: center;
}
.apply-foot2 .a_tet2:before{
display: none;
}
.apply-foot2 a{
background: #ededed;
position: absolute;
bottom: 300px;
font-size: 20px;
color: #fff;
left:20%;
width: 180px;;
text-align: center;
}
.apply-foot2 a:before{
content: '';
position: absolute;
width: 180px;
height: 180px;
background-color: #ededed;
border:1px solid #ccc;
transform: rotate(45deg);
-webkit-transform: rotate(45deg); /* Safari and Chrome */
top: 50px;
left: 0;
transition: all 0.5s;
}
/*product two*/
.pro-two{
padding: 4% 0 3%;
}
.title14 {
padding-left:25%;
padding-top:50px;
}
.title14 span {
font-size:12px;
}
.pro-you{
width: 100%;
height: auto;
position: relative;
width: 100%;
}
.pro-two-title{
margin-top: 0;
}
.pro-you h1{
width: 100%;;
height: 220px;
color: #000;
font-size: 24px;
background-color:#FFF;
}
.pro-two-list{
padding-bottom: 10%;
}
.pro-two-lis{
padding-bottom: 0;
}
.pro-you .boom{
padding: 8% 3% 8% 2%;
}
.film{
color: #000!important;
}
.pro-two-items{
margin-top: 15%;
}
/*contact*/
.tel{
margin-top: 10px;
}
.tel:hover{
color: #000;
}
.tel span{
color:#727272;
}
/*.email{*/
/*margin-top: 0;*/
/*}*/
.stu-big-box{
height: 400px;
width: 100%;
position: relative;
}
.stu-box{
width:80%;
margin: -5% auto 0;
background: #55cd15;
}
.stu-box{
padding: 0 15% 5%;
}
.stu-box h1{
color: #fff;
padding: 4% 0;
font-size:18px;
font-weight:400;
}
.stu-box h2{
padding: 1% 0;
}
.stu-lis{
margin-top: 4%;
}
.stu-lis{
display: flex;
justify-content: space-between;
}
.stu-item{
width:40% ;
color: #bbeba1;
}
.map{
width: 80%;
margin: 40px auto;
}
.map img{
width: 100%;
}
/*detail*/
.del-li1 a .hide-s{
color:#afafaf;
}
.del-title{
width: 100%;
color: #000;
margin: 5% auto 2%;
text-align: center;
}
.del-tit{
margin-bottom: 4%;
}
.del-tit h1{
font-size: 48px;
}
.del-tit h4{
margin-top: 10px;
font-size: 20px;
}
.del-text p{
font-size: 18px;
color: #4b4b4b;
}
.del-text .slid{
color: #3eccf0;
font-size: 22px;
line-height: 30px;
}
.del-info{
width: 100%;
margin: 0 auto;
}
.info-left,.info-bto{
width: 55%;
font-size: 20px;
margin: 3% auto ;
}
.info-left p{
margin-top:4%;
line-height: 150%;
}
.info-bto{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
background: #f1f1f1;
margin-bottom: 3%;
padding-bottom: 3%;
}
.info-bto li{
width: 16%;
margin: 5%;
}
.nav{
width: 100%;
}
.del-foot{
width: 100%;
padding: 0 10% 5% 22%;
}
.jiang{
/*width: 66%;*/
margin:10% 0 10% 0;
font-size: 22px;
}
.jiang h3{
}
.jiang .ji{
font-weight: bold;
margin: 2% 0;
}
.jiang img{
margin-top:2%;
}
.ji-line{
height: 5px;
border-top:5px solid #7d7d7d;
}
.ji span{
font-weight: 200;
font-size:12px;
}
.pages{
width: 100%;
font-size: 20px;
display: flex;
margin-top: 15%;
justify-content: space-between;
}
.pages li img{
margin-top: 18%;
}
.pages-fx img{width: 40px;}
/*blog*/
.blog-box{
padding:2% 2% 5% 15%;
background: #67279d;
}
.blog-box h1{
display: block;
font-size:14px;
}
.show{
margin: 5% 0 3%;
color: #fff;
}
.show h1{
font-size: 36px;
font-weight: 700;
}
.show p{
font-size: 20px;
line-height: 30px;
font-weight: 200;
padding-right: 12%;
padding-left: 20px;
}
.blog-more{
margin: 8% 0;
}
.blog-more a{
font-size: 18px;
color: #fff;
font-weight: bolder;
padding-left: 20px;
transition: all 0.5s;
}
.blog-more a:hover{
margin-left: 10px;
}
.blog-line{
width: 100%;
color: #b393ce;
}
.blog-line .bx-color-f{
padding-left: 20px;
}
.blog-line .ji-line{
border-top: 1px solid #fff;
margin-left:22px;
opacity:0.5;
}
.roman{
padding: 40px 20px 100px 20px ;
background: #fff;
width: 80%;
margin: 0 auto;
}
.roman-top{
display: flex;
align-items: center;
}
.ro-img{
margin: 0 40px;
width: 100px;
}
.roman h1{
color: #7f7f7f;
}
.blog-tri i{
font-size:12px;
line-height: 30px;
}
.blog-tri h1{
color: #0b0b34;
}
.blog-tri{position: relative;width: 100%}
.roman-btn{
position: absolute;
margin-top: 50px;
color: #999;
font-size: 20px;
}
.roman-btn .w{
font-size: 20px;
color: #0b0b34;
padding-right: 10px;
}
.xu-big-box .blog-box{
background: #de4478;
}
.blog-des{
}
.xu-big-box{
margin-top: -40px;
}
.xu-big-box2{
margin-top: -100px;
}
.xu-big-box2 .blog-box {
background: #12598c;
}
@media(max-width: 1200px) {
.tou li{margin: 20% 0}
.tou li .web-pic{
position: absolute;
text-align: center;
width: 150px;
padding: 20px;
height: 200px;
top: -50px;
height: 150px;
right:calc(5% + 220px);
border-radius: 50%;
overflow: hidden;
}
.tou li:nth-child(2) .web-pic{
right:calc(40% + 220px);
}
.tou li:nth-child(2) .tou-right{
right: 40%;
}
.tou li:nth-child(3) .web-pic{
right:calc(10% + 220px);
}
.tou li:nth-child(3) .tou-right{
right: 10%;
}
.tou li:nth-child(4) .web-pic{
right:calc(30% + 220px);
}
.tou li:nth-child(4) .tou-right{
right: 30%;
}
.tou li:nth-child(5) .web-pic{
right:calc(5% + 220px);
}
.tou li:nth-child(5) .tou-right{
right: 5%;
}
/*.bg-1 .img{*/
/*width: 100%;*/
/*-webkit-transform: scale(1.2);*/
/*transition: all 3s;*/
/*height: 650px;*/
/*}*/
/*.bg-2 .img{*/
/*width: 100%;*/
/*-webkit-transform: scale(1.2);*/
/*transition: all 3s;*/
/*height: 450px;*/
/*}*/
/*.bg-3 .img{*/
/*width: 100%;*/
/*-webkit-transform: scale(1.2);*/
/*transition: all 3s;*/
/*height: 450px;*/
/*}*/
}
@media(max-width: 1000px) {
.bg-2 img{
position: relative;
left: -25%;
width: 150%;
max-width: 150%! important;
}
.bg-3 img{
position: relative;
left: -25%;
width: 150%;
max-width: 150%! important;
}
.bg-4 img{
position: relative;
left: -50%;
width: 150%;
max-width: 200%! important;
}
.tou li:first-child{margin: 10% 0 30% 0}
.tou li{margin: 30% 0 30% 0}
.tou li .web-pic{
position: absolute;
text-align: center;
width: 120px;
padding: 10px;
height: 120px;
top: -20px;
height: 150px;
right:calc(1% + 220px);
border-radius: 50%;
overflow: hidden;
}
.tou li .tou-right{
width: 180px;
}
.tou li:nth-child(1) .web-pic{
right:calc(1% + 200px);
}
.tou li:nth-child(1) .tou-right{
right: 1%;
}
.tou li:nth-child(2) .web-pic{
right:calc(1% + 200px);
}
.tou li:nth-child(2) .tou-right{
right: 1%;
}
.tou li:nth-child(3) .web-pic{
right:calc(1% + 200px);
}
.tou li:nth-child(3) .tou-right{
right: 1%;
}
.tou li:nth-child(4) .web-pic{
right:calc(1% + 200px);
}
.tou li:nth-child(4) .tou-right{
right: 1%;
}
.tou li:nth-child(5) .web-pic{
right:calc(1% + 200px);
}
.tou li:nth-child(5) .tou-right{
right: 1%;
}
.blog-line .ji-line{
border-top: 1px solid #fff;
margin-left:8px;
}
.he160 {
height: 110px;
}
.about-right {
padding-left: 70%;
}
.about-left {
left: 20px;
}
.big {
font-size: 24px;
}
.and {
font-size: 16px;
}
.big .with {
font-size: 20px;
}
.sto {
}
.about-left li {
height: 20px;
display: none;
}
.about-left li:nth-child(1){
display: block;
}
.about-tow {
padding-left: 20px;
}
.who-big-box {
margin-top: -50px;
}
.who-cont {
font-size: 18px;
color: #fff;
margin: -60px 10px 0;
}
.who-box {
width: 90%;
margin: 0 auto;
padding-bottom: 40px;
background: #dd0092;
padding-left: 5% ;
padding-right: 5%;
}
.who-box h1 {
display: flex;
justify-content: space-between;
padding: 14px;
font-size: 16px;
color: #fff;
}
.who-cont p {
line-height: 30px;
}
.design-box {
margin: 0 10%;
padding: 15% 0 10% 0;
margin-bottom:80px;
}
.design-box .des {
font-size: 24px;
}
.cap-box {
background: #0e3ce7;
}.bg-2 {
margin-top: -30px;
}
.website {
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin: 0 0%;
padding-bottom: 5%;
}
.web-pic {
width: 100%;
height: 185px;
position: relative;
top: 10px;
background: #ededed;
right: 0;
}
.web-pic img{
max-width: 60%;
}
.web-two .web-pic {
right: 0%;
text-align: center;
}
.web-three .web-pic {
right: 0;
width: 100%;
}
.web-four .web-pic {
width: 100%;
height: auto;
top: 10px;
text-align: center;
}
.web-five .web-pic {
width: 100%;
right: 0;
top: 10px;
height: 183px;
}
.web-line {
height: 0px;
border-top: 0px solid #d8d8d8;
position: relative;
width: 100%;
top: 26px;
}
.layer-container {
width: 200px;
height: 200px;
position: relative;
perspective: 4050px;
transform-style: preserve-3d;
left: 250px;
top: 200px;
}
.foot{margin-top: 300px}
.foot a {
display: block;
position: absolute;
left: 30%;
margin-left: -75px;
top: -0px;
margin-top: -20px;
width: 150px;
height: 40px;
font-size: 20px;
color: #0b0b34;
padding: 4px;
text-align: center;
background: #ededed;
}
.foot h1{
display: block;
position: relative;
font-size: 12px;
color: #666;
width: 200px;
margin-left:-140px;
text-align: left;
z-index: 999;
}
.foot a:before{
content: '';
position: absolute;
width: 180px;
height: 180px;
background-color: none;
transform: rotate(45deg);
-webkit-transform: rotate(45deg); /* Safari and Chrome */
top: -60px;
left: 60px;
transition: all 0.5s;
}
.foot a:hover:before{
top: -105px;
}
.blog-box {
padding: 20px;
background: #67279d;
}
.roman {
padding: 40px 20px 80px 20px;
background: #fff;
width: 90%;
margin: 0 auto;
}
.ro-img {
margin: 0 10px;
width: 80px;
}
.roman h1 {
color: #7f7f7f;
font-size: 20px;
}
.blog-tri i {
font-size: 12px;
line-height: 30px;
}
.roman-btn {
position: absolute;
margin-top: 20px;
color: #999;
font-size: 12px;
}
.roman-btn p{
line-height: 25px;
}
.xu-big-box {
margin-top: -0px;
}
.show h1{
font-size: 30px;
font-weight: 700;
}
.show p {
font-size: 16px;
line-height: 25px;
padding-left: 14px;
padding-right: 0%;
}
.stu-box{
width:90%;
margin: -5% auto 0;
background: #55cd15;
}
.blog-more a {
font-size: 16px;
color: #fff;
font-weight: bolder;
padding-left: 14px;
transition: all 0.5s;
}
.blog-line .bx-color-f{
padding-left: 10px;
}
.stu-box {
padding: 20px 10% 20px 10% ;
}
.stu-item {
width: 100%;
color: #bbeba1;
}
.stu-lis {
display: block;
justify-content: space-between;
}
.del-title {
margin: 40px auto 2%;
}
.del-tit h1 {
font-size: 24px;
}
.del-tit h4 {
margin-top: 10px;
font-size: 16px;
line-height: 25px;
padding: 0 10px;
}
.del-text p {
font-size: 16px;
}
.info-left, .info-bto {
width: 100%;
padding: 20px;
font-size: 14px;
margin: 3% auto;
}
.info-left p {
margin-top: 4%;
line-height: 25px;
}{
line-height: 25px;
color: #666;
}
.del-foot {
width: 100%;
padding: 0 10px 40px 10px;
}
.pages li img {
margin-top: 18%;
width: 40px;
}
.works h1 {
font-size: 16px;
padding-bottom:10px;
}
.works {
width: 90%;
height: auto;
display: flex;
align-items: center;
font-weight: bolder;
background-color: #ededed;
padding-left:10%;
margin-top:80px;
}
.works-l {
position: absolute;
left: calc(-10% - 30px);
margin-left: 60px;
display: block;
width: 30px;
height: 1px;
background: #8e8e8e;
}
.pro-info {
background: #fff;
color: #000;
padding: 10% 10px 10% 20px;
}
.pro-info h1 {
font-weight: bolder;
font-size: 28px;
margin: 1% 0;
}
.pro-info h2 {
/*font-weight: bolder;*/
font-size: 16px;
padding-top:12px;
color:#666;
}
.pro-info h3 {
/* font-weight: bold; */
font-size: 12px;
}
.title14 {
padding-left:15%;
padding-top:20px;
padding-bottom:20px;
}
.web-lis .boom {
font-size: 14px;
}
.boom span {
font-size: 14px;
}
.web-lis {
padding: 20px;
}
.works img {
width: 25px;
height: auto;
margin-top:-8px;
}
.pro-you {
width: 100%;
height: auto;
position: relative;
}
.pro-you h1 {
width: 100%;
height: auto;
color: #000;
font-size: 18px;
margin-top: -12%;
background: #fff;
}
.open-info {
width: 90%;
position: relative;
margin-top: -20%;
left: 0;
padding: 20px;
background: rgba(208, 0, 0, 0.9);
margin-left: 5%;
}
.open-cont {
width: auto;
margin-left: 0%;
/* position: relative; */
}
.open-bto {
width: 100%;
margin-top: 0%;
margin-left: -0%;
margin-bottom:100px;
}
.open-bto li a {
font-size: 16px;
color: #fff;
font-weight: 100;
vertical-align: middle;
}
.open-li a {
margin-left: 28px;
}
.open-bto li {
line-height: 20px;
padding: 2px 0;
}
.open-info h1 {
color: #fff;
font-size: 24px;
margin-left: 0;
}
.open-info h1 .span {
letter-spacing: 10px;
margin-left:22px;
}
.apply-foot {
width: 100%;
height: 400px;
position: relative;
top:10px;
background: #fff;
}
.apply-foot a{
position: absolute;
margin-top: 100px;
font-size: 24px;
color: #000;
left:25%;
width: 150px;
text-align: center;
}
.apply-foot2 {
background: none;
}
.apply-foot a:before{
content: '';
position: absolute;
width: 180px;
height: 180px;
top: 130px;
left: 0;
transition: all 0.5s;
}
.apply-foot a:hover:before{
top: 12px;
border:1px solid #888;
}
.apply-foot2 .a_tet2 {
position: absolute;
bottom: 180px;
font-size: 12px;
color: #000;
left: 23%;
width: 200px;
background: none;
text-align: center;
}
.apply-foot2 a:before{
content: '';
position: absolute;
width: 180px;
height: 180px;
background-color: none;
transform: rotate(45deg);
-webkit-transform: rotate(45deg); /* Safari and Chrome */
top: 40px;
left: 0;
transition: all 0.5s;
}
.page-home .lw-cases, .page-home .lw-home-content {
position: relative;
z-index: 1;
padding-bottom: 0px;
}
.open-info .works2 {
padding-bottom: 20px;
}
.open-with {
padding: 0 0px;
margin-top: 25%;
}
.open-with p {
font-size: 14px;
color: #fff;
margin-top: 3%;
line-height: 25px;
}
.open-with2{
padding-left: 28px;
}
.zgzs-nav3 {
position: relative;
display: none;
}
.roman-btn .w {
font-size: 14px;
color: #0b0b34;
}
.stu-box h1 {
font-size: 16px;
}
.stu-box h2 {
font-size: 14px;
}
.stu-big-box {
height: auto;
}
}
.video{
width: 100%;
}
.bg-1 img{
width: 100%;
margin-top:-40px;
/*-webkit-transform: scale(1.2);*/
/*transition: all 3s;*/
}