p{
margin: 0;
}
html{
width: 100%;
}
html,body {
/* width: 100vw;
height: 100vh; */
margin: 0;
padding: 0;
/*text-align: center;*/
}
body{
width: 100vw!important;
height: 100vh;
max-width: 1920px;
overflow-x: hidden;
/*text-align: center;*/
margin: 0 auto;
padding-top: 73px!important;
}
.clear_flow{clear: both}
/*脥路虏驴碌录潞陆*/
.guide{
top: 0;
max-width: 1920px;
width: 100vw;
/*height: 8%;*/
padding: 10px 0;
position: fixed;
z-index: 999;
background-color: #ffffff;
box-shadow: 0px 1px 4px #ccc;
display: flex;
align-items: center;
}
.logo{
cursor: pointer;
float: left;
/*margin-left: 12.5%;*/
max-width: 100%;
max-height: 100%;
margin-right: auto;
}
.guide-tab{
float: right;
width: 55%;
margin-right: 8%;
position: relative;
top: 5px;
}
.guide-tab ul{
list-style-type: none;
}
.guide-tab ul li{
float: left;
width: 15%;
/* margin-top: 1rem; */
text-align: center;
cursor:pointer;
font-size: 16px;
}
.guide-tab ul li.on *,.guide-tab ul li.on {
color: #D10000;
}
.guide-li{
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 1px;
color: #333333;
}
.guide-li div{
font-family: MicrosoftYaHei;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #b3b3b3;
margin-top: 4px;
}
.select{
color: #D10000;
}
.select div{
color: #D10000;
}
/*脥路虏驴碌录潞陆*/
/*banner*/
.banner{
width: 100%;
/*padding-top: 4%;;*/
/*max-width: 100%;*/
text-align: center;
}
.banner img{
max-width: 100%;
text-align: center;
}
.banner video{
max-width: 100%;
text-align: center;
}
/*banner*/
img{max-width: 100%;}
/*虏煤脪碌鹿脻脳篓录脪*/
.cygzj{
/*height: 530px;*/
background-image: url('/skin/images/zj.png');
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
text-align: center;
padding-bottom: 80px;
}
.cygzj video{
width:38%;
/*height: 350px;*/
margin-top: 30px;
/*margin-right: 7%;*/
object-fit: fill;
}
/*虏煤脪碌鹿脻脳篓录脪*/
/*虏煤脪碌掳赂脌媒*/
.box-1 {
width: 75%;
height: 1200px;
margin: 0 auto 0;
font-size: 0;
}
.box-1 .cate-item {
display: inline-block;
width: 25%;
height: 30%;
overflow: hidden;
position: relative;
}
.box-1 .cate-item-fz {
display: inline-block;
width: 25%;
height: 42.3%;
position: relative;
}
.box-1 .cate-item-long{
display: inline-block;
width: 50%;
height: 30%;
overflow: hidden;
position: relative;
}
/*.box-1 .cate-item:last-child {
width: 50%;
}*/
.box-1 .cate-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.box-1 .cate-item .card {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.box-1 .cate-item .card .name {
/*font-size: 36px;
color: #ffffff;*/
z-index: 3;
font-family: SourceHanSansCN-Bold;
font-size: 30px;
font-weight: bold;
font-stretch: normal;
line-height: 32px;
letter-spacing: 0px;
color: #ffffff;
}
/* scale style */
.box-1 .cate-item.scale-out img {
transition: all .3s ease-in-out;
}
.box-1 .cate-item.scale-out:hover img {
transform: scale(1.1);
}
/* flip style */
.flip-card {
background-color: transparent;
perspective: 1000px;
width: 25%;
height: 50%;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform .6s ease;
transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
/* transform: rotateY(180deg); */
transform: translateZ(-150px) rotateY(90deg) scale(1.15);
}
/* 陆芒戮枚脦脛脳脰脪脭录掳脡芦驴茅露露露炉*/
.flip-card:hover .flip-card-inner .flip-card-front .text {
opacity: 0;
}
.flip-card-front {
transform: translateZ(150px) scale(0.85);
}
.flip-card-back {
transform: rotateY(-90deg) translateZ(150px);
}
.flip-card-back img {
width: 100%;
height: 100%;
}
.flip-card-front,
.flip-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}
.flip-card-front .text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 30px;
font-weight: bold;
color: white;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.8s;
}
.box-1 .cate-item:nth-child(1) .flip-card-front .text {
background-color: rgba(0, 146, 244, 0.6);
}
.box-1 .cate-item:nth-child(3) .flip-card-front .text {
background-color: rgba(29, 132, 26, 0.5);
}
.box-1 .cate-item:nth-child(6) .flip-card-front .text {
background-color: rgba(232, 106, 2, 0.8);
}
.box-2 {
font-size: 0;
/*margin-top: 5%;*/
}
.box-2 .list-item {
width: 25%;
display: inline-block;
max-height: 400px;
display: inline-block;
font-size: 0;
position: relative;
overflow: hidden;
}
.box-2 .list-item .bg {
width: 100%;
height: 100%;
object-fit: cover;
transition: all .3s ease-in-out;
}
.box-2 .list-item:hover .bg {
transform: scale(1.1);
}
.box-2 .list-item .name-wrapper {
position: absolute;
bottom: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;display: none;
align-items: flex-end;
}
.box-2 .list-item:hover .name-wrapper {
display: flex;
}
.box-2 .list-item .name-wrapper .name {
font-size: 18px;
line-height: 30px;
margin: 12px 20px;
color: white;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;padding-top: 5px;
}
.box-2 .list-item .name-wrapper .name:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 40px;height: 2px;background: #fff;
}
.box-2>div:hover .name-wrapper{
display: none;
}
.box-2>div{
cursor: pointer;display: inline;
}
/*虏煤脪碌掳赂脌媒*/
/*脨脗脦脜脳脢脩露*/
.about_news{
width: 75%;
height: 540px;
margin: 0 0;
font-size: 0;
margin-left: 12.5%;
margin-top: 5%;
}
.new_detail{
margin-top: 3%;
}
.about_news ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.about_news ul li{
float: left;
width: 25%;
height: 50%;
margin: 0;
/*background-color: #313131;*/
}
.about_news ul li img{ width: 100%; height: 100%}
.li_content{
width: 100%;
height: 100%;
}
.gengduo{
background-color: #eaeaea;
text-align: center;
}
.gengduo .day{
font-family: MicrosoftYaHei;
font-size: 36px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #000000;
}
.gengduo .news_title{
width: 50%;
height: 40px;
line-height: 40px;
border: solid 1px #999999;
opacity: 0.8;
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #000000;
text-align: center;
margin-left: 25%;
cursor: pointer;
}
.news_content{
width: 100%;
height: 100%;
border: 1px solid #e5e5e5;
}
.day{
font-family: MicrosoftYaHei;
font-size: 30px;
font-weight: normal;
font-stretch: normal;
line-height: 16px;
letter-spacing: 0px;
color: #666666;
margin-top: 3rem;
}
.day span{margin-left: 25px;}
.day span:nth-child(2){margin-left: 10px;}
.news_title{
width: 88%;
font-family: MicrosoftYaHei;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
color: #333333;
margin-top: 30px;
margin-left: 6%;
}
.news_img{
width: 100%;
height: 100%;
}
.news_img img{
width: 100%;
height: 100%;
}
.news_sel{
background-color: #D10000;
color: #ffffff;
}
.news_sel .day{
color: #ffffff;
}
.news_sel .news_title{
color: #ffffff;
}
.news-tab{
width: 75%;
min-height: 440px;
margin: 0 0;
font-size: 0;
margin-top: 80px;
margin-left: 12.5%;
}
.news-tab .tab-1{
width: 33%;
height: 70px;
float: left;
font-size: 20px;
text-align: center;
line-height: 70px;
border: solid 1px #e5e5e5;
cursor: pointer;
}
.news-tab-1{
width: 100%;
min-height: 500px;
height: auto;
margin-top: 80px;
}
.news-tab-list{
width: 100%;
height: 350px;
margin-top: 130px;
}
.news-tab-list div{
float: left;
}
.news-img{
width: 25%;
height: 300px;
}
.news-img img{
width: 100%;
max-height: 260px;
}
.news-date{
width: 15%;
height: 350px;
border-right: 1px solid #e5e5e5;
text-align: right;
}
#news-date-4{
width: 15%;
height: 310px;
border-right: 1px solid #e5e5e5;
text-align: right;
}
.news-tab-list:last-child(3) .news-date{
width: 15%;
height: 310px;
border-right: 1px solid #e5e5e5;
text-align: right;
}
.news-date .month{
width: 80%;
font-family: MicrosoftYaHei;
font-size: 30px;
font-weight: normal;
font-stretch: normal;
line-height: 19px;
letter-spacing: 0px;
color: #999999;
margin-top: 57px;
}
.news-date .year{
width: 80%;
font-family: MicrosoftYaHei;
font-size: 26px;
font-weight: normal;
font-stretch: normal;
line-height: 19px;
letter-spacing: 0px;
color: #999999;
margin-top: 20px;
}
.news-text{
width: 53%;
height: 300px;
margin-left: 5%;
border-bottom: 1px solid #e5e5e5;
}
.news-text-tit{
font-family: MicrosoftYaHei;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: 1px;
color: #333333;
margin-top: 30px;
}
.news-text-cont{
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 34px;
letter-spacing: 1px;
color: #999999;
margin-top: 20px;
}
/*路脰脪鲁*/
.showpage{
width: 50%;
height: 35px;
margin-left: 35%;
margin-top: 80px;
}
.showpage div{
float: left;
/*border: solid 1px #dbdbdb;*/
}
.page-sy{
width: 52px;
height: 34px;
line-height: 34px;
border-radius: 2px;
border: solid 1px #dbdbdb;
text-align: center;
margin-left: 10px;
font-family: MicrosoftYaHei;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 32px;
letter-spacing: 0px;
color: #666666;
cursor: pointer;
}
.showpage .news_sel{
color: #ffffff;
}
/*.page-num{*/
/*width:*/
/*}*/
/*脨脗脦脜脳脢脩露*/
/*陆芒戮枚路陆掳赂*/
/*脮鹿脢戮路陆掳赂*/
.solution-detail{
width: 75%;
height: auto;
margin-left: 12.5%;
margin-top: 3%;
}
.solution-detail img{
max-width: 100%;
}
.show-solution{
margin-top: 1rem;
}
.solution-tit{
height: 1.5rem;
font-family: MicrosoftYaHei-Bold;
font-size: 36px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 1px;
color: #D10000;
}
.solution-tit-en{
height: 1rem;
font-family: MicrosoftYaHei;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 1px;
color: #999999;
margin-top: 2.5rem;
}
.solution-resum{
width: 100%;
height: 2rem;
font-family: MicrosoftYaHei;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 32px;
letter-spacing: 1px;
color: #666666;
margin-top: 2rem;
}
.city-type{
margin-top: 8%;
}
.solution-list{
width: 90%;
height: 500px;
margin-top: 80px;
margin-left: 8%;
background: url(/skin/images/solution-list-bg.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.solution-list-tab{
float: left;
width: 30%;
height: 450px;
margin-left: 3%;
}
.solution-tab-title{
font-family: MicrosoftYaHei-Bold;
font-size: 28px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 1px;
color: #D10000;
}
.solution-tab-title-en{
font-family: MicrosoftYaHei;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 1px;
color: #999999;
margin-top: 0.5rem;
}
.solution-tab-type{
/*margin-top: 62px;*/
}
.tab-type-div{
font-family: MicrosoftYaHei;
font-size: 22px;
font-weight: normal;
font-stretch: normal;
line-height: 20px;
letter-spacing: 0px;
color: #666666;
margin-top: 38px;
}
.solution-guide{
width: 75%;
margin-left: 12.5%;
margin-top: 50px;
margin-bottom:50px;
font-size: 16px;
padding-top: 4%;
color: #666;
cursor: pointer;
}
.solution-guide a{
color: #666;
}
.solution-guide img{
max-width: 100%;
}
.city_type_img{max-width: 100%;}
/*陆芒戮枚路陆掳赂*/
/*虏煤脪碌掳赂脌媒*/
.case_content{
width: 75%;
height: auto;
margin-left: 12.5%;
margin-top: 50px;
}
.case_guide{
width: 100%;
height: 188px;
}
.case_type{
width: 16.66%;
height: 100%;
float: left;
}
.case_type .tit{
font-family: MicrosoftYaHei;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
line-height: 34px;
letter-spacing: 0px;
/*color: #ffffff;*/
margin-left: 20px;
margin-top: 40px;
margin-bottom: 8px;
}
.case_type .tit-en{
font-family: MicrosoftYaHei;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 22px;
letter-spacing: 0px;
/*color: #ffffff;*/
margin-left: 20px;
}
.case_type_one{
background-color: #16b9da;
color: #ffffff;
}
.case_type_two{
background-color: #fabd25;
color: #000000;
}
.case_type_three{
background-color: #D10000;
color: #ffffff;
}
.case_type_four{
background-color: #e5e210;
color: #000000;
}
.case_type_five{
background-color: #1f2b3d;
color: #ffffff;
}
.case_type_six{
background-color: #dbdbd9;
color: #000000;
}
/*掳赂脌媒脕脨卤铆*/
.case_list {
font-size: 0;
margin-top: 80px;
}
.case_list .list-item {
width: 33%;
display: inline-block;
height: 400px;
display: inline-block;
font-size: 0;
position: relative;
overflow: hidden;
}
.case_list .list-item .bg {
width: 100%;
height: 100%;
object-fit: cover;
transition: all .3s ease-in-out;
}
.case_list .list-item:hover .bg {
transform: scale(1.1);
}
.case_list .list-item .name-wrapper {
position: absolute;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
}
.case_list .list-item .name-wrapper .name {
font-size: 18px;
line-height: 22.4px;
margin: 12px 20px;
color: white;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*.case_list{
width: 100%;
min-height: 400px;
height: 2000px;
margin-top: 50px;
}
.case_list_div{
width: 33%;
height: 400px;
float: left;
}
.case_list .jdz{
background-image: url('/skin/images/case_jdz.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.case_list .sx{
background-image: url('/skin/images/case_sx.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.case_list .xz{
background-image: url('/skin/images/case_xz.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.case_list .gz{
background-image: url('/skin/images/case_gz.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.case_list .ch{
background-image: url('/skin/images/case_ch.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.case_list .dszy{
background-image: url('/skin/images/case_dszy.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.case_list .ssh{
background-image: url('/skin/images/case_ssh.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.case_list .hlt{
background-image: url('/skin/images/case_hlt.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.case_list .fscs{
background-image: url('/skin/images/case_fscs.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.case_list .ra{
background-image: url('/skin/images/case_ra.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}*/
.case_list .scale-out {
transition: all .3s ease-in-out;
}
.case_list .scale-out:hover {
transform: scale(1.1);
}
.case_list_name{
font-family: MicrosoftYaHei;
font-size: 26px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
height: 30px;
letter-spacing: 0px;
color: #ffffff;
background-color: #000000;
opacity: 0.5;
text-align: center;
margin-top: 370px;
}
.fuceng{
position: absolute;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
}
.sx{
background-color: #0092f4;
opacity: 0.85;
}
.ght{
background-color: #1d841a;
opacity: 0.85;
}
.fs{
background-color: #D10000;
opacity: 0.85;
}
.hz{
background-color: #569dfd;
opacity: 0.85;
}
.fuceng .tit{
font-family: MicrosoftYaHei;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0px;
color: #ffffff;
margin-left: 50px;
margin-top: 50px;
margin-bottom: 8px;
}
.fuceng .tit-resum{
font-family: MicrosoftYaHei;
font-size: 26px;
font-weight: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0px;
color: #ffffff;
margin-left: 50px;
/*margin-top: 20px;*/
}
.case-detail img{max-width: 100%;}
/*虏煤脪碌掳赂脌媒*/
/*虏煤脪碌鹿脻掳赂脌媒脧锚脟茅*/
.case-detail .case-detail-li{
width: 75%;
height: 360px;
margin-left: 12.5%;
}
.case-detail .case-detail-li .li-img{
width: 25%;
float: left;
margin: 0;
}
.case-detail-content{
width: 75%;
margin-left: 12.5%;
}
#case_detail_sp{
height: 560px;
}
/*碌脷脠媒脛拢驴茅*/
.index3-block {
}
.case-detail-content .list {
/*border-top: 0.8px solid #b5b5b5;*/
width: 10%;
float: left;
}
.case-detail-content .list .item {
font-size: 18px;
color: #313131;
border-bottom: 0.8px solid #e5e5e5;
line-height: 58px;
cursor: pointer;
width: 160px;
height: 58px;
}
.case-detail-content .list .item .title {
padding-left: 37.28px;
position: relative;
height: 58px;
}
.case-detail-content .list .item .title::before {
content: '';
display: inline-block;
width: 7.2px;
height: 7.2px;
border-radius: 50%;
background-color: white;
border: 2.4px solid #D10000;
position: absolute;
top: 50%;
/* left: -25.6px; */
left: 16.32px;
transform: translateY(-50%);
}
.case-detail-content .list .sel .title::before {
content: '';
display: inline-block;
width: 7.2px;
height: 7.2px;
border-radius: 50%;
background-color: #D10000;
border: 2.4px solid white;
position: absolute;
top: 50%;
/* left: -25.6px; */
left: 16.32px;
transform: translateY(-50%);
}
.case-detail-content .list .item .title > img {
position: absolute;
right: 16.32px;
top: 50%;
transform: translateY(-50%);
width: 16.8px;
height: 16.8px;
transition: all ease-in-out .3s;
}
.case-detail-content .list .item .title > .rotate {
transform: translateY(-50%) rotate(90deg);
}
.case-detail-content .list .sel{
background-color: #e76903;
color: #ffffff;
}
.relate-block {
padding-bottom: 16px;
}
.relate-block .title {
font-size: 12px;
font-weight: normal;
line-height: 16.32px;
color: #626262;
margin-bottom: 9.6px;
margin-top: 32px;
padding-left: 15.2px;
vertical-align: middle;
float: left;
}
.relate-block .title .icon {
width: 16px;
height: 7.2px;
margin-left: 9.12px;
vertical-align: middle;
}
.relate-block .title~p {
padding-left: 15.2px;
font-size: 16px;
line-height: 16.32px;
color: #333333;
margin-bottom: 14.4px;
}
.case-detail-content .detail {
width: 85%;
float: right;
height: auto;
/*overflow: auto;*/
cursor: pointer;
/*border-left: 1px solid #eeeeee;*/
}
.case-detail-content .detail img{
display: none;
}
/*.case-detail-content {
width: 100%;
height: 720px;
margin: 0 0;
font-size: 0;
margin-top: 80px;
}*/
.case-detail-content ul{
list-style-type: none;
width: 100%;
height: 54
0px;
/*margin-left: 12%;*/
}
.case-detail-content ul li{
float: left;
width: 25%;
height: 260px;
margin: 0;
/*background-color: #313131;*/
}
.case-detail-content.li_content{
width: 100%;
height: 100%;
}
.case-detail-content .xiangguang-tit{
font-family: MicrosoftYaHei;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 41px;
letter-spacing: 0px;
color: #626262;
}
.case-detail-content .xiangguang-det{
font-family: MicrosoftYaHei;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
line-height: 41px;
letter-spacing: 0px;
color: #333333;
margin-top: 5px;
}
/*虏煤脪碌鹿脻掳赂脌媒脧锚脟茅*/
/*麓麓脪芒禄楼露炉*/
.interactive_list {
width: 75%;
margin-left: 12.5%;
font-size: 0;
margin-top: 100px;
}
.interactive_list .interactive_case {
width: 50%;
display: inline-block;
height: 720px;
display: inline-block;
font-size: 0;
position: relative;
overflow: hidden;
}
/*.interactive_list .interactive_case .bg {
width: 100%;
height: 100%;
object-fit: cover;
transition: all .3s ease-in-out;
}
.interactive_list .interactive_case:hover .bg {
transform: scale(1.1);
}*/
.interactive_list .name-title {
position: absolute;
top: 0;
/*background-color: rgba(0, 0, 0, 0.5);*/
width: 100%;
margin-left: 50px;
margin-top: 50px;
}
.tit-move{
transform: translate(0);
transition: 0.4s all ease;
}
.interactive_list .interactive_case:hover .tit-move {
transform: translate(-100%);
transition: 0.4s all ease;
}
.interactive_list .name-title .tit {
float: left;
width: 11px;
height: 64px;
border: solid 3px #ffffff;
opacity: 0.4;
}
.interactive_list .name-title .title {
font-size: 28px;
line-height: 46px;
margin: 0 3%;
color: white;
overflow: hidden;
text-overflow: ellipsis;
font-family: SourceHanSansCN-Medium;
color: #ffffff;
letter-spacing: 1px;
}
.interactive_list .name-title .title-en {
font-size: 12px;
margin: 4px 3%;
color: white;
overflow: hidden;
text-overflow: ellipsis;
width: 80%;
font-family: SourceHanSansCN-Medium;
letter-spacing: 1px;
}
.interactive_list .name-title .lg{
margin-left: 1.5%;
}
.interactive_list .interactive_case .name-wrapper {
position: absolute;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
}
.name-move{
transform: translate(-100%);
transition: 0.4s all ease;
}
.interactive_list .interactive_case:hover .name-move {
transform: translate(0);
}
.interactive_list .interactive_case .name-wrapper .name {
font-size: 16px;
line-height: 30px;
margin: 12px 5%;
color: white;
/* white-space: nowrap; */
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
margin-top: 15px;
}
.interactive_list .interactive_case .name-wrapper .lg_resum{
margin-left: 2.5%;
}
.interactive_list .interactive_case .interactive-case-resum{
display: inline-block;
width: 100%;
height: 360px;
background-color: #e98402;
position: relative;
}
.interactive_list .interactive_case .interactive-case-resum::after {
content: '';
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: #e98402 transparent transparent transparent;
}
.interactive_list .interactive_case .color-blue{
background-color: #2b8dd7;
}
.interactive_list .interactive_case .color-blue::after {
border-color: #2b8dd7 transparent transparent transparent;
}
.interactive-case-resum .resum-name-wrapper{
position: absolute;
top: 40%;
/*background-color: rgba(0, 0, 0, 0.5);*/
width: 100%;
margin-left: 50px;
}
.interactive-case-resum .resum-name-wrapper .name {
font-size: 16px;
line-height: 30px;
margin: 10px 0;
color: white;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
}
/*.interactive_list .interactive_case_shuju {
width: 100%;
display: inline-block;
height: 720px;
display: inline-block;
font-size: 0;
position: relative;
overflow: hidden;
}*/
.interactive_detail
.interactive_detail img{max-width: 100%;}
/*麓麓脪芒禄楼露炉*/
/*脨脗脦脜脳脢脩露*/
.news_detail{
width: 75%;
margin-left: 12.5%;
height: 720px;
margin-top: 50px;
}
.news_detail .news_li{
width: 50%;
float: left;
}
.news_detail .news_li .news-jx{
width: 50%;
height: 360px;
}
.news_detail img{max-width: 100%;}
/*脨脗脦脜脳脢脩露*/
/*鹿脴脫脷脦脪脙脟*/
.about_guide{
width: 75%;
margin-left: 12.5%;
margin-top: 20px;
}
.about_us{
width: 20%;
height: 100%;
float: left;
cursor: pointer;
}
.about_us img {max-width: 100%}
.about_us_detail{
width: 100%;
/*margin-left: 12.5%;*/
display: none;
margin-top: 1%;
}
.about_us_detail img {max-width: 100%}
.partner{
width: 75%;
margin-left: 30%;
margin-top: 3%;
}
.partner_img{
width: 75%;
margin-left: 12.5%;
}
.partner_tit{
width: 300px;
height: 70px;
background-color: #b2b2b2;
float: left;
line-height: 70px;
text-align: center;
margin-left: 2px;
cursor: pointer;
font-size:26px;
color: #ffffff;
}
.partner_sel{
background-color: #D10000;
color: #ffffff;
}
.partner_img img{
margin-top: 70px;
display: none;
}
#banner_lxwm{
display: none;
}
.shenqingbiao{
width: 350px;
height: 70px;
background-color: #D10000;
border-radius: 32px;
text-align: center;
line-height: 64px;
margin-left: 40%;
color: #ffffff;
display: none;
cursor: pointer;
margin-top: 20px;
}
.shenqingbiao .sqb-btn{
width: 100%;
font-size: 28px;
}
/*鹿脴脫脷脦脪脙脟*/
/*禄脴碌陆露楼虏驴*/
.to-top{
text-align: center;
}
.to-top img{
/* margin-top: -3%; */
}
/*禄脴碌陆露楼虏驴*/
/*碌脳虏驴*/
.footer{
width: 100%;
height: 36%;
margin: 0 0;
margin-top: 5rem;
background-color: #4B494A;
}
.footer_logo{
float: left;
/*margin-left: 10%;*/
margin-top: 5%;
}
.ul_guide{
list-style-type: none;
float: left;
margin-top: 5%;
margin-left: 2%;
width: 10%;
/*text-indent: 10px;*/
}
.footer_tit{
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 28.8px;
letter-spacing: 1px;
color: #ffffff;
}
.ul_guide li {
font-family: MicrosoftYaHei;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 28.8px;
letter-spacing: 0px;
color: #cccccc;
}
.fgx{
list-style-type: none;
float: left;
margin-top: 5%;
width: 0.3px;
height: 50px;
border-right: solid 1px #ffffff;
opacity: 0.2;
margin-left: 10px;
margin-right: 10px;
}
.footer_contact_us{
float: right;
margin-top: 4%;
/*margin-right: 8%;*/
width: 33%;
text-align: right;
}
.contact_us_detail{
float: left;
width: 75%;
color: #ffffff;
}
.contact_us_detail div{
font-size: 16px;
height: 24px;
line-height: 18px;
}
.ewm{
float: right;
width: 20%;
margin-top: 10px;
margin-left: 20px;
}
.footer_bottom{
width: 100%;
height: 36px;
background: #383838;
text-align: center;
font-family: MicrosoftYaHei;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
}
.footer_bottom a{color: #ffffff;}
.contact_us_phone{
text-align: right;
}
.contact_us_phone img{
margin-top: 30px;
}
/*碌脳虏驴*/
a{
text-decoration:none;
color: #000;
}
/* ask */
.ask-block {
width: 44px;
height: 50.08px;
position: fixed;
right: 6%;
top: 32%;
transform: translateY(-50%);
z-index: 10001;
}
/*脪碌脦帽脳脡脩炉鹿脴卤脮*/
.icon-close {
/*width: 1.86rem;
height: 1.86rem;*/
position: absolute;
top: 1.44rem;
right: 1.44rem;
}
/*
iframe{
width: 90rem;height: 50.25rem;
}*/
/*脧脿脫娄1280~1440鲁脽麓莽碌莽脛脭*/
@media screen and (min-width: 1280px) and (max-width: 1440px) {
/*.cygzj{
height:525px;
}*/
/* .cygzj video{
height: 250px;
margin-top: 130px;
}*/
/*虏煤脪碌鹿脻*/
.box-1{
width: 75%;
margin-bottom: 250px;
height: 550px;
}
.box-1 .cate-item{
height: 43.8%;
}
/*虏煤脪碌鹿脻*/
/*脨脗脦脜脳脢脩露*/
.about_news{
height: 450px;
}
.about_news ul li{
height: 200px;
}
.day{
font-size: 28px;
margin-top: 2.5rem;
}
.news_title{
font-size: 16px;
line-height: 28px;
}
.news-tab-list{
height: 220px;
}
.news-img{
height: 200px;
}
.news-date{
height: 220PX;
}
.news-text{
height: 200px;
}
#news-date-4{
height: 210px;
}
/*脨脗脦脜脳脢脩露*/
/*陆芒戮枚路陆掳赂*/
.solution-list{
height: 400px;
}
/*陆芒戮枚路陆掳赂*/
/*虏煤脪碌鹿脻掳赂脌媒*/
.case_guide{
height: 120px;
}
.case_type .tit{
font-size: 18px;
line-height: 32px;
margin-left: 20px;
margin-top: 18px;
margin-bottom: 0px;
}
.case_type .tit-en{
font-size: 12px;
line-height: 18px;
}
.case_list .list-item{
height: 280px;
}
.case-detail-content .list{
width: 13%;
}
.case-detail-content ul{
height: 400px;
}
.case-detail-content ul li{
height: 200px;
}
.case-detail .case-detail-li{
height: 280px;
}
#case_detail_sp{
height: 400px;
}
/*虏煤脪碌鹿脻掳赂脌媒*/
/*麓麓脪芒禄楼露炉*/
.interactive_list .interactive_case{
height: 540px;
}
.interactive_list .interactive_case img{
height: 100%;
width: 100%;
}
.interactive_list .interactive_case .color-blue{
height: 50%;
}
.interactive_list .interactive-case-img{
height: 50%;
}
.interactive_list .interactive_case .interactive-case-resum{
height: 50%;
}
.about_news ul li #image{
height: 400px;
}
/*麓麓脪芒禄楼露炉*/
/*鹿脴脫脷脦脪脙脟*/
.partner {
width: 75%;
margin-left: 17.5%;
}
.shenqingbiao{
width: 32%;
margin-left: 36%;
}
/*鹿脴脫脷脦脪脙脟*/
/*碌脳虏驴碌录潞陆脤玫*/
.ul_guide{
margin-left: 2%;
}
.ul_guide li{
font-size: 12px;
line-height: 28px;
}
.footer_contact_us{
width: 32%;
}
.contact_us_detail div{
font-size: 12px;
height: 24px;
line-height: 18px;
}
.ewm {
float: right;
width: 18%;
margin-top: 17px;
margin-left: 20px;
}
.contact_us_phone img{
margin-top: 10px;
width: 25%;
}
/*碌脳虏驴碌录潞陆脤玫*/
/* iframe{
width: 78rem;height: 38.25rem;
}*/
}
.tit{
text-align: center;margin-bottom: 60px;position: relative;font-weight: normal;
}
.tit div{
font-size: 32px;padding-bottom: 10px;position: absolute;left: 50%;transform: translate(-50%, 0);top: 20px;
letter-spacing: 10px;
}
.tit p{
font-size: 34px;color:#efefef;
}
.tit div:after{
content: "";
position: absolute;
left: 50%;transform: translate(-50%, 0);bottom: 0px;
width: 40px;height: 2px;background: #D10000;
}
.db{
background-color: #4b494a;
padding: 26px 0;
}
.w1000{
width: 1050px;margin: 0 auto;
}
.db>div{
display: flex;align-items: center;
}
.dbmid{
margin: 0 40px;color:#fff;font-size: 14px;
}
.dbmid div{
font-size: 26px;color: #D10000;
margin-bottom: 10px;
}
.bn{
width: 100%;display: block;
}
.fwm1{
margin: 100px 0;
}
.fwtit{
text-align: center;position: relative;font-weight: normal;display: block;
}
.fwtit div{
font-size: 22px;padding-bottom:5px;position: absolute;left: 50%;transform: translate(-50%, 0);top: 20px;
letter-spacing: 10px;color: #8c8c8d;
}
.fwtit p{
font-size: 26px;color:#efefef ;margin: 0;
}
.fwtit.cr div:after{
content: "";
position: absolute;
left: 50%;transform: translate(-50%, 0);bottom: 0px;
width: 40px;height: 2px;background: #D10000;
}
.fwtit.cr div,.fwtit:hover div{
color: #000;
}
.w1450{
width: 1450px;max-width: 95%;margin: 0 auto;
}
.fwm1>div{
display: flex;justify-content: space-between;
}
.fwtit div{
width: 100%;
}
.fwm2t1{
font-size: 24px;color: #828181;line-height: 2;
}
.fwm2c2{
display: flex;justify-content: space-between;flex-wrap: wrap;margin: 142px 0;
}
.fwm2c2>div{
width: 22%;text-align: center;margin-top: 80px;
}
.fwm2c2>div:nth-child(1),
.fwm2c2>div:nth-child(2),
.fwm2c2>div:nth-child(3),
.fwm2c2>div:nth-child(4)
{
margin-top: 0px;
}
.fwm2it div{
font-size: 26px;color: #828181;
margin-top: 10px;
}
.fwm2it p{
font-size: 14px;color: #828181;
margin-top: 10px;
}
.fwm2{
display: none;
}
.fwm2.cr{
display: block;
}
.fwm2con{
padding-bottom:200px;
}
.snav{
margin: 30px 0;
}
.snav a{
width: 19%;display: block;line-height: 50px;text-align: center;color: #fff;
background-color: #fff;font-size: 20px;color: #5e5c5c;
position: relative;border: 1px solid #c9caca;
}
.snav div{
display: flex;justify-content: space-between;
}
.snav a:after{
content: "";
position: absolute;
left: 50%;transform: translate(-50%, 0);
bottom: 5px;
width: 35px;height: 2px;background: #f00;
}
.snav a:hover,.snav a.cr{
background-color: #c9caca;
}
.allst {
display: flex;
flex-wrap: wrap;
}
.allst>div{
width: 25%;display: block;position: relative;cursor: pointer;
}
.alwz{
display: none;
position: absolute;
left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);
}
.allst>div img{
display: block;
}
.allf{
position: absolute;
left: 20px;bottom: 20px;
padding-left: 5px;
color: #fff;line-height: 1.8;border-left: 2px solid #f00;
}
.allf p{
margin: 0;
}
.pagelist{text-align: center;padding: 30px 0;font-size: 16px;}
.pagelist li{
display: inline-block;vertical-align: middle;
}
.pagelist a{
border: 1px solid #e6e6e6;font-size: 13px;
padding: 5px 10px;
display: inline-block;
background: #fff;line-height: normal;
color: #666666;
cursor: pointer;
text-decoration: none;
}
.pagelist li:hover a{
background: #D10000;
color: #fff;
}
.pagelist .thisclass a{
background: #D10000;
color: #fff;
}
.pagelist .thisclass {
background: #D10000;
color: #fff;
}
.pagelist select{
width: 52px!important;
height: 27px;
display: block;
text-align: center;
}
.w850{
width: 850px;margin: 0 auto;
}
.snav .w850 a{
width: 32%;
}
.abtit{
display: block;margin: 50px auto 30px;
}
.w1200{
width: 1200px;margin: 0 auto;
}
.abmk1>div{
display: flex;justify-content: space-between;
}
.abmkit{
width: 48%;
}
.abmkit p{
line-height: 28px;
font-size: 14px;
color: #888;
margin: 5px 0;
}
.culture_list {
margin-top: 80px;
margin-bottom: 100px;
}
.culture_list {
width: 100%;
height: auto;
margin-top: 50px;
}
.culture_list li {
width: 20%;
height: auto;
float: left;
text-align: center;
list-style: none;
cursor: pointer;
margin-bottom: 50px;
}
.culture_img {
width: 100px;
height: 106px;
margin: 0 auto;
text-align: center;
line-height: 106px;
background: url(../images/icon40.png) no-repeat;
}
.culture_img img {
max-height: 106px;
max-width: 100px;vertical-align: middle;
}
.culture_text {
margin: 0 auto;
width: 100%;
height: auto;
/*padding: 0 10px;*/
margin-top: 25px;
text-align: center;
}.culture_text h3 {
font-weight: bold;
font-size: 20px;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
padding: 0;
}
.culture_text span {
display: inline-block;
font-size: 14px;
color: #333333;
font-family: Arial;
}
.culture_text p {
font-size: 12px;
color: #999999;
margin: 0;
padding: 0;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 60px;
line-height: 1.6em;
}
.culture_list li:hover .culture_img {
background: url(../images/icon41.png) no-repeat;
}
.cxjshz{
margin-bottom: 80px;
}
.cxjshz a{
margin: 0 2%;
width: 21%;display: block;
padding-bottom: 21%;height: 0;
background-size: cover;background-position: center;
overflow: hidden;border-radius: 500px;
margin-bottom: 80px;
position: relative;color: #fff;text-align: center;
}
.cxjshz>div{
display: flex;justify-content: center;flex-wrap: wrap;
}
.cxjshz a:after{
content: "";
border: 1px solid #fff;
width: 96%;
height: 96%;
position: absolute;
border-radius: 500px;
left: 50%; top:50%;transform: translate(-50%, -50%);
}
.cjhwz img{
height: 58px;display: block;margin: 0px auto;
}
.cjhwz div{
font-size: 28px;
}
.cjhwz p{
font-size: 14px;margin: 0;
}
.cjhwz {
position: absolute;left: 50%; top:50%;transform: translate(-50%, -50%);
}
.cjwhd{
display: none;position: absolute;left: 0;
top: 0;
width: 100%;height: 100%;
background: rgba(0, 0, 0, .5);
}
.cxjstit img{
height: 50px;margin-right: 25px;
}
.cxjstit div{
display: flex;justify-content: center;align-items: center;
}
.cxjstit b{
font-weight: normal;position: relative;
padding-bottom: 10px;display: block;
}
.cxjstit div:after{
display: none!important;
}
/*.cxjstit b:after {
content: "";
position: absolute;
left: 50%;
transform: translate(-50%, 0);
bottom: 0px;
width: 40px;
height: 2px;
background: #D10000;
}*/
.cxjscon{
font-size: 16px;line-height: 1.8;
}
.fhbt{
display: inline-block;margin: 80px 0 120px;
}
.fhbt img{
display: block;
}
.tgcn{
text-align: center;
}
.fhbt:hover{
opacity: .8;
}
.cxjstit{
margin: 80px 0;
}
.connz{
margin-top: 30px;
}
.conzt1{
text-align: center;font-size: 26px;font-weight: bold;
}
.conzcz{
padding-bottom: 80px;text-align: left;font-size: 16px;line-height: 1.8;
}
.fsjt1{
margin-top: 50px;
}
.fwihg{
background-position: center;background-size: cover;
position: relative;display: flex;justify-content: center;align-items: center;
padding: 60px 0;
}
.fwm2t1{
position: relative;
/* position: absolute;
left: 50%; top:50%;transform: translate(-50%, -50%);*/
width: 60%;height: auto;
background: rgba(255, 255, 255, .8);padding: 72px;box-sizing: border-box;
}
/*.fwm2t1:after{
content: "";
position: absolute;left: 72px;top: 50px;width: 60px;height: 2px;background: #f00;
}*/
.ryle img{
margin-bottom: 80px;display: block;
}
.honor{
margin: 80px 0;
}
.rywz p{
line-height: 2;font-size: 14px;color: #8a8989;
}
.ryle{
width: 333px;
}
.ryri{
display: flex;flex: 1;flex-wrap: wrap;
}
.ryri a{
display: block;
width: 32%;margin-right: 2%;height: 262px;
}
.ryri a:nth-child(3n){
margin-right: 0;
}
.ryimg{
width: 100%;height: 200px;display: flex;justify-content: center;align-items: center;
}
.ryri a p{
padding-top: 15px;text-align: center;font-size: 14px;color: #8f8f8f;
}
.ryhz{
display: flex;justify-content: space-between;
}
.ryri a img{
transition: all 0.2s ease;
}
.ryri a:hover img{
transform: scale(1.03);
}
.ryri a:hover p{
color: #D10000;
}
.lxwmc{
margin-top: 60px;
padding-bottom: 80px;
}
.lxfb{
width: 463px;
}
.lxfb form input,.lxfb form textarea{
line-height: 32px;
padding: 0 10px;margin-bottom: 20px;display: inline-block;font-size: 14px;box-sizing: border-box;
}
.w50b{
width: 48%;
}
.w100b{
width: 100%;
}
.w50b:first-child{
margin-right: 4%;
}
.lxwmc>div{
display: flex;justify-content: space-between;
}
.lxfb form{
display: flex;flex-wrap: wrap;margin-bottom: 40px;
}
.lxfb form textarea{
width: 100%;height: 100px;
}
.lxfb button{
cursor: pointer;
line-height: 36px;background: #111111;text-align: center;color: #fff;font-size: 14px;border: 0;
width: 200px;
}
.lxfb button:hover{
opacity: .9;
}
@media screen and (max-width: 1500px) {
.box-1 {
width: 75%;
height: 550px;
margin-bottom: 250px;
}
.box-1 .cate-item-long{
height: 44%;
}
}
/*.about_news ul a{
display: inline-block;
}*/
.hzhb img{
display: block;margin: 50px auto 50px;
}
/*底部悬浮*/
.phone_foot {
display: none;
}
@media (max-width: 480px){
.phone_foot {
display: block;
position: relative;
padding-top: 48px;
}
.phone_foot .pfoot_box {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 48px;
}
.phone_foot .pfoot_box .pfoot_col {
float: left;
width: 50%;
line-height: 48px;
text-align: center;
}
.phone_foot .pfoot_box .pfoot_col a {
display: block;
background: #4AB886;
color: #fff;
}
.phone_foot .pfoot_box .pfoot_col a.pfoot_col_qiao {
background: #ff6a64;
}
}