.stit_tips{
text-align: center;
font-size: 24px;
font-family: "Noto Serif SC";
font-weight: 400;
margin-top: 80px;
margin-bottom: 40px;
color:var(--SW-PAGE-GRAY-COLOR);
letter-spacing: 7px;
}
.case{
position: relative;
padding-top: 90px;
}
.case_tit{
margin-top: 80px;
margin-bottom: 40px;
text-align: center;
}
.case_tit img,.server_tit img{
max-width: 100%;
}
.case_tit a {
font-size: 16px;
padding-bottom: 5px;
margin: 0 25px;
font-family: "Noto Serif SC";
}
.case_tit a.on {
border-bottom: 2px
solid #ff0000;
}
.case_tit p {
color: #b3b3b3;
font-family: "Courier New", Courier, monospace;
font-size: 50px;
letter-spacing: 9px;
font-weight: lighter;
margin: 0;
}
.caselist {
}
.caselist ul li{
width: 33%;
margin-top: 50px;
float: left;
}
.caselist li a {
display: block;
padding: 0 18px 22px;
overflow: hidden;
}
.caselist li .border-top {
height: 1px;
font-size: 0px;
line-height: 0px;
background: #666a6b;
}
.caselist li .thumb {
height: 262px;
overflow: hidden;
margin-top: 17px;
}
.caselist li .thumb img {
width: 100%;
height: 100%;
transition: transform .8s;
-webkit-transition: -webkit-transform .8s;
}
.caselist li .tit {
font-size: 20px;
line-height: 22px;
overflow: hidden;
color: #333;
margin-top: 28px;
text-align: left;
font-family: "Noto Serif SC";
}
.caselist li .sub-tit {
font-size: 16px;
color: #89898a;
margin-top: 8px;
text-align: left;
height: 62px;
overflow: hidden;
line-height: 22px;
text-overflow: ellipsis;
}
.caselist li .line {
height: 2px;
background: #eb1021;
width: 9%;
margin-top: 19px;
font-size: 0px;
line-height: 0px;
transition: width .8s;
-webkit-transition: width .8s;
-moz-transition: width .8s;
}
.caselist li:hover{ box-shadow: 0px 0px 36px rgba(0, 0, 0, .6); -webkit-box-shadow: 0px 0px 36px rgba(0, 0, 0, .5); }
.caselist li:hover .line{ width: 100%; }
.caselist li:hover .tit{ color: #e60012; font-weight: bold;}
.caselist li:hover .sub-tit{ color: #e60012;}
.caselist li.empty:hover{ box-shadow: none; -webkit-box-shadow: none; }
.caselist li:hover .border-top{background: none;}
.cimgs img{
max-width: 100%;
}
.contactbox{
margin-top: 150px;
margin-bottom: 150px;
background: #f2f2f2;
padding: 40px 0;
}
.contactbox .stit{
font-size: 32px;
font-family: "Noto Serif SC";
font-weight: 400;
text-align: center;
}
.contactbox .img{
margin-top: 40px;
text-align: center;
}
.contactbox .teltips{
text-align: center;
font-family: "Noto Serif SC";
font-size: 22px;
color: var(--SW-PAGE-GRAY-COLOR);
margin-top: 40px;
}
.contactbox .stit::before {
content: "";
height: 1px;
width: 25px;
height: 24px;
display: block;
margin: 0 auto;
margin-bottom: 40px;
text-align: center;
background: url(../images/row-down.png);
}
.contactbox .tel{
color:#f00;
font-size: 40px;
text-align: center;
font-family: "Noto Serif SC";
font-weight: bold;
margin-top:20px;
}
.contactbox .address{
font-size: 24px;
text-align: center;
font-family: "Noto Serif SC";
font-weight: 300;
margin-top: 6px;
}
.contactbox .address p{
margin: 0;
margin-top: 24px;
}
.contactbox a.online{
background: #f00;
color:#fff;
font-size: 24px;
border-radius: 20px;
}
.aboutbox{
margin-top: 110px;
}
.aboutbox .stit{
font-size:32px;
font-family: "Noto Serif SC";
font-weight: 400;
text-align: center;
}
.aboutbox .stit::before {
content: "";
height: 1px;
width: 25px;
height: 24px;
display: block;
margin: 0 auto;
margin-bottom: 40px;
text-align: center;
background: url(../images/row-down.png);
}
.aboutbox .subtit{
font-size: 28px;
font-family: "Noto Serif SC";
font-weight: 500;
text-align: center;
margin-top: 25px;
color: var(--SW-PAGE-GRAY-COLOR);
}
.aboutbox .detxt{
width: 1200px;
margin: 0 auto;
line-height: 2;
color: var(--SW-PAGE-GRAY-COLOR);
font-size: 18px;
margin-top: 40px;
}
.aboutbox .img{
text-align: center;
margin-top: 80px;
}
.teambox{
margin-top: 110px;
}
.teambox .stit{
font-size:32px;
font-family: "Noto Serif SC";
font-weight: 400;
text-align: center;
}
.teambox .stit::before {
content: "";
height: 1px;
width: 25px;
height: 24px;
display: block;
margin: 0 auto;
margin-bottom: 40px;
text-align: center;
background: url(../images/row-down.png);
}
.teambox .subtit{
font-size: 28px;
font-family: "Noto Serif SC";
font-weight: 500;
text-align: center;
margin-top: 25px;
color: var(--SW-PAGE-GRAY-COLOR);
}
.team {
width: 1200px;
margin: 0 auto;
margin-top: 60px;
}
.team ul{
margin-right: -15px;
margin-bottom: -15px;
}
.team li {
float: left;
width: 390px;
margin-right: 15px;
margin-bottom: 15px;
}
.team li .imgs {
width: 390px;
height: 518px;
overflow: hidden;
}
.team li .txt {
background: #f2f2f2;
height: 115px;
overflow: hidden;
padding: 25px;
}
.team li .txt .name {
font-size: 24px;
font-family: "Noto Serif SC";
font-weight: 700;
margin-bottom: 15px;
}
.team li .txt .work {
font-size: 18px;
font-family: "Noto Serif SC";
font-weight: normal;
margin-bottom: 15px;
}
.teampower{
width: 1200px;
margin: 0 auto;
margin-top: 20px;
}
.teampower .detxt{
width: 1200px;
margin: 0 auto;
line-height: 2;
color: var(--SW-PAGE-GRAY-COLOR);
font-size: 18px;
margin-top: 20px;
padding-top: 20px;
letter-spacing: 2px;
}
.server{
padding-top: 80px;
}
.server .wrap{
width: 1200px;
}
.server_tit{
margin-top: 80px;
margin-bottom: 80px;
text-align: center;
}
.service_wrap{margin: 0 auto; width: 100%; height:668px; }
.sevrice_box{/* background: url(img/section3_bg.jpg) no-repeat; background-size: cover;*/ position: relative; height: 100%;}
.sevrice_list { margin: 0 30px; height: 100%; position: relative;z-index: 20;}
.sevrice_list li{ text-align: center; width: 20%; float: left; position: relative;height:100%; transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*margin-top:110px;*/border-top:1px solid #999;border-bottom:1px solid #999; box-sizing:border-box;}
.sevrice_list li span{ display: block; margin-bottom: 25px;}
.sevrice_list li span img{ width: 88px; display: block; margin: 0 auto;}
.sevrice_list li .sev_cont{ position: relative; top: 40%; margin-top: -230px; z-index: 50;}
.sevrice_list li a.sev_a1{color: #000; display: block; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding-top:10%;}
.sevrice_list li:hover a.sev_a1{ padding-top:0; display: block;}
.sevrice_list li h2{ color: #000; font-size: 24px;letter-spacing:3px;font-family: "Noto Serif SC";}
.sevrice_list li p{ line-height: 180%; width: 90%; margin: 12px auto 0; font-size: 18px;font-family: "Noto Serif SC"; letter-spacing: 5px;}
.sevrice_list li font{ display: block; margin-top: 85px; position: relative; display: block;}
.sevrice_list li:after{ content: ''; width:1px; height: 100%; position: absolute; top: 0; left: 0; background:#999;}
.sevrice_list li.last_li:before{content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background:#999;}
.sevrice_list li a.sev_a1:before{ position: absolute;
content: "";
width: 55px;
height: 40px;
background: url(img/lx_ico.png) no-repeat;
margin-top: 30px;
margin-left: -20px;
left: 50%; top:380px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.sevrice_list li:hover a.sev_a1:before{
background:none
}
.sevrice_list li{ position:relative;}
.black_bg {
position: absolute; width: 100%; height: 100%; background:#f00; top: 0; left: 0; z-index: 10; opacity: 0;
filter: alpha(opacity = 0);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.sevrice_list li:hover .black_bg{ opacity: 1; filter: alpha(opacity = 100);}
.sevrice_box p.title{ position: absolute; left: 0; text-align: center; width: 100%; top: 15%; color: #fff; font-size: 26px; z-index: 30;}
/*.sevrice_list li:hover a{ padding-top: 10%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}*/
a.sev_a2{ opacity: 0; margin-bottom:15%;}
.sevrice_list li:hover a.sev_a2{ opacity: 0; margin-bottom:15%;}
.sev_a2 i{width:22px; vertical-align: middle; height: 22px; display: inline-block; background: url(../images/row-up.png) no-repeat left center;margin-right:2px;margin-top:-4px;}
.sevrice_list .text_ser{width:100%; transition:all 0.8s;margin-top:25%;opacity:1;}
.sevrice_list li:hover .text_ser{margin-top:15%;opacity:1; color: #fff;}
/*.sevrice_list li icon{transition:all 0.8s;}
.sevrice_list li:hover icon{ transform:rotate(360deg)}*/
.sevrice_list li:hover a.sev_a2 i{ background: url(../images/row-on-up.png) no-repeat left center;}
.sevrice_list li:hover h2{color:#fff}
.sevrice_list icon{
display: block;
width: 95px;
height:95px;
margin: 0 auto;
}
.casetem_1 icon {
background-color: #4d4d4d;
-webkit-mask: url(../images/st0.png) no-repeat;
mask: url(../images/st0.png) no-repeat;
}
.casetem_2 icon {
background-color: #4d4d4d;
-webkit-mask: url(../images/st1.png) no-repeat;
mask: url(../images/st1.png) no-repeat;
}
.casetem_3 icon {
background-color: #4d4d4d;
-webkit-mask: url(../images/st2.png) no-repeat;
mask: url(../images/st2.png) no-repeat;
}
.casetem_4 icon {
background-color: #4d4d4d;
-webkit-mask: url(../images/st3.png) no-repeat;
mask: url(../images/st3.png) no-repeat;
}
.casetem_5 icon {
background-color: #4d4d4d;
-webkit-mask: url(../images/st4.png) no-repeat;
mask: url(../images/st4.png) no-repeat;
}
.sevrice_list li:hover icon {
background-color: #fff;
}
.server .sbtit {
font-size: 38px;
font-family: "Noto Serif SC";
font-weight: 700;
margin-top: 85px;
}
.server .sbtit label{
margin-right: 20px;
}
.server .subtit{
font-size: 18px;
font-family: "Noto Serif SC";
font-weight: 700;
margin-top: 60px;
}
.server .subtit::before {
content: '';
display: inline-block;
position: relative;
/* top: 4px; */
top: 2px;
width: 12px;
height: 14px;
margin-right: 20px;
background: url(../images/row-red.png);
background-repeat: no-repeat;
background-size: 100%;
}
.server .mimgs img{
max-width: 100%;
}
.server .sm{
width: 100%;
text-align: center;
margin-top:50px;
margin-bottom:50px;
}
.server .more {
height: 40px;
text-transform: inherit;
height: auto;
min-width: auto;
background: #fff;
border: 2px solid #e1e1e1;
text-decoration: none;
cursor: pointer;
font-size: 12px;
line-height: 22px;
font-weight: 200;
margin-top: 20px;
border-radius: 5px;
color:var(--SW-PAGE-GRAY-COLOR);
margin-left: auto;
margin-right: auto;
}
.server .more:after {
background: var(--SW-PAGE-RED-COLOR);
}
.server .more:hover{
color: #fff;
border: 2px solid var(--SW-PAGE-RED-COLOR);
}
.server .more:before {
background: var(--SW-PAGE-RED-COLOR);
}
.server .one .de{
margin-top: 60px;
line-height: 2;
font-size: 20px;
font-family: "Noto Serif SC";
font-weight: lighter;
}
.server .two{
background: url(../images/server-twobg.png?) top center no-repeat;
}
.server .two .de{
margin-top: 120px;
line-height: 2;
font-size: 20px;
font-family: "Noto Serif SC";
font-weight: lighter;
height: 385px;
}
.server .two .subtit{
margin-top: 80px;
}
.server .two .sbtit {
margin-bottom: 50px;
}
.smbox ul{
margin-left: -8px;
margin-right: -8px;
}
.smbox li{
float: left;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 16px;
width: calc(50% - 16px);
overflow: hidden;
}
.server .three .de{
margin-top: 60px;
line-height: 2;
font-size: 20px;
font-family: "Noto Serif SC";
font-weight: lighter;
}
.server .three .item ul{
margin-left: -12px;
margin-right: -12px;
}
.server .three .item li{
margin-left: 12px;
margin-right: 12px;
margin-bottom: 24px;
background: #f5f7f7;
width: calc(50% - 24px);
float: left;
padding-left: 30px;
padding-top: 50px;
padding-bottom: 50px;
padding-right: 30px;
height: 200px;
overflow: hidden;
}
.server .three .item li h4{
font-size: 24px;
}
.server .three .item li h4::before {
content: '';
display: inline-block;
position: relative;
/* top: 4px; */
top: 0px;
width: 12px;
height: 14px;
margin-right: 10px;
background: url(../images/row-red.png);
background-repeat: no-repeat;
background-size: 100%;
}
.server .three .item li p{
font-size: 18px;
font-family: "Noto Serif SC";
font-weight: lighter;
}
.casedetail{
padding-top: 90px;
}
.casedetail p {
margin: 0;
}
.casedetail img {
max-width: 100%;
text-align: center;
}
.casedetail .sm {
width: 100%;
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
.casebanner{
text-align: center;
max-width: 100%;
}
.case_intro{
background: #fff;
color:#858585;
width: 1200px;
margin: 0 auto;
}
.case_intro dd,.case_intro dl ,.case_intro dt{
padding: 0px;
margin: 0;
}
.case_intro{padding-top:120px; padding-bottom: 40px;}
.case_intro dl{width:100%; overflow:hidden;}
.case_intro dd{float:left;width:33%;border-right:1px solid #ccc;min-height:250px; padding-left: 25px; padding-right: 50px; box-sizing:border-box;line-height:24px;font-size:14px;}
.case_intro dd:last-child{border:none;}
.case_intro .title{padding-bottom:10px;font-weight:bold;color: #333;}
.case_intro dd p{font-family: "Noto Serif SC";}
.case_intro dd.d1 p{padding-bottom: 0px;}
.casedetail .more {
height: 40px;
text-transform: inherit;
height: auto;
min-width: auto;
background: #fff;
border: 2px solid #e1e1e1;
text-decoration: none;
cursor: pointer;
font-size: 12px;
line-height: 22px;
font-weight: 200;
margin-top: 20px;
border-radius: 5px;
color: var(--SW-PAGE-GRAY-COLOR);
margin-left: auto;
margin-right: auto;
}
.casedetail img {
max-width: 100%;
text-align: center;
}
.casedetail p {
margin: 0;
}
.casedetail .more:after {
background: var(--SW-PAGE-RED-COLOR);
}
.casedetail .more:hover{
color: #fff;
border: 2px solid var(--SW-PAGE-RED-COLOR);
}
.casedetail .more:before {
background: var(--SW-PAGE-RED-COLOR);
}
/*团队图片切æ¢*/
/*团队图片切æ¢*/
.metro-layout { width: 100%;margin-top:50px; }
.metro-layout .content {height: 240px;overflow: hidden;overflow-x:auto;}
.metro-layout .content .items {position: relative; overflow: hidden; }
.horizontal .content .items { height: 240px; }
.metro-layout .box { float: left; position: relative;margin-right:5px; width: 275px; height: 335px; text-decoration: none; cursor: pointer; overflow: hidden; z-index: 9; }
.metro-layout .box:hover img{ transform:scale(1.1); }
.metro-layout .box img.cover { position: absolute; left: 0; top: 0; width: 100%; z-index: 6; }
.metro-layout .box img{width:100%; transition:0.8s}
.content::-webkit-scrollbar { height: 4px;cursor:move;background-color: #e6e6e6;}
.content::-webkit-scrollbar-thumb { height: 4px; background-color: #e79b00; cursor:move;}
.zerobox{
margin-top: 150px;
margin-bottom: 80px;
display: flex;
}
.zerobox .rimgs{
background: url(../images/zerobg.png?) top center no-repeat;
width: 372px;
height: 372px;
position: relative;
margin-left: 10px;
}
.zerobox .rimgs div{
display: flex;
align-items: center;
justify-content: center;
}
.zerobox .item1{
position: absolute;
background: url(../images/zeroitem-k-1.png?) no-repeat;
width: 85px;
height: 92px;
left: 144px;
top:-43px;
}
.zerobox .item2{
position: absolute;
background: url(../images/zeroitem.png?) no-repeat;
width: 92px;
height: 85px;
left: 325px;
top:95px
}
.zerobox .item3{
position: absolute;
background: url(../images/zeroitem-k-1.png?) no-repeat;
width: 85px;
height: 92px;
left: 250px;
top:280px
}
.zerobox .item4{
position: absolute;
background: url(../images/zeroitem-k-1.png?) no-repeat;
width: 85px;
height: 92px;
left:20px;
top:280px
}
.zerobox .item5{
position: absolute;
background: url(../images/zeroitem.png?) no-repeat;
width: 92px;
height: 85px;
left: -35.5px;
top:95px
}
.zerobox .item1:hover,.zerobox .item3:hover,.zerobox .item4:hover,
.zerobox .item1.on,.zerobox .item3.on,.zerobox .item4.on
{
background: url(../images/zeroitem-k-1-on.png?) no-repeat;
}
.zerobox .item2:hover,.zerobox .item5:hover,
.item2.on,.zerobox .item5.on
{
background: url(../images/zeroitem-on.png?) no-repeat;
}
.zerobox .item1 icon{
display: block;
width: 48px;
height: 47px;
background-color: #999;
-webkit-mask: url(../images/zero-icon-1.png) no-repeat;
mask: url(../images/zero-icon-1.png) no-repeat;
}
.zerobox .item2 icon{
display: block;
width: 49px;
height: 47px;
background-color: #999;
-webkit-mask: url(../images/zero-icon-2.png) no-repeat;
mask: url(../images/zero-icon-2.png) no-repeat;
}
.zerobox .item3 icon{
display: block;
width: 50px;
height: 50px;
background-color: #999;
-webkit-mask: url(../images/zero-icon-3.png) no-repeat;
mask: url(../images/zero-icon-3.png) no-repeat;
}
.zerobox .item4 icon{
display: block;
width: 48px;
height: 41px;
background-color: #999;
-webkit-mask: url(../images/zero-icon-4.png) no-repeat;
mask: url(../images/zero-icon-4.png) no-repeat;
}
.zerobox .item5 icon{
display: block;
width: 48px;
height: 48px;
background-color: #999;
-webkit-mask: url(../images/zero-icon-5.png) no-repeat;
mask: url(../images/zero-icon-5.png) no-repeat;
}
.zerobox .item1:hover icon,.zerobox .item2:hover icon,.zerobox .item3:hover icon,.zerobox .item4:hover icon,.zerobox .item5:hover icon,
.zerobox .item1.on icon,.zerobox .item2.on icon,.zerobox .item3.on icon,.zerobox .item4.on icon,.zerobox .item5.on icon
{
background-color: #fff;
}
.zerobox .bbox{
width: 726px;
margin-left: auto;
position: relative;
}
.zeroboxg{
background:url(../images/zero-r-bg.png?t=12) no-repeat center;
width:726px;
height:365px;
overflow: hidden;
}
.bbox .swiper-button-next, .bbox .swiper-button-prev {
position: absolute;
bottom: 15%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10000;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
top: auto;
}
.bbox .swiper-button-prev{
background: url(../images/arrow-left.png) no-repeat;
width: 38px;
height: 38px;
left: 100px;
}
.bbox .swiper-button-next{
background: url(../images/arrow-right.png) no-repeat;
width: 38px;
height: 38px;
right: auto;
left: 158px;
}
.bbox .swiper-button-next.swiper-button-disabled,.bbox .swiper-button-prev.swiper-button-disabled {
opacity: 1;
}
.bbox .swiper-slide .item
{
padding: 50px 90px;
}
.bbox .swiper-slide .item h1{font-size:30px; margin-bottom:30px; color: #fff; font-family: "Noto Serif SC";}
.bbox .swiper-slide .item p{font-size:20px; color: #fff; font-family: "Noto Serif SC"; line-height: 1.8;}
.pagers{
text-align: center;
font-size: 16px;
margin-top: 20px;
}
.pagers a{
margin-left: 5px;
margin-right: 5px;
}
.pagers .now{ color: #f00;}
/*************新闻详情**************/
.news_content{padding-top:40px; margin-bottom: 40px;}
.news_content .box{width:1000px;margin:0 auto;font-size:14px; overflow:hidden;}
.news_content .title{text-align:center;padding-bottom:10px;margin-bottom:10px;}
.news_content .title h1{font-size:26px;color:#282828; margin-bottom: 20px; font-family: "Noto Serif SC";}
.news_content .title span{color:#666;margin:0 8px;}
.news_content .c{margin-top:35px;}
.news_content .c p{line-height:24px;overflow:hidden;}
.prne{width:100%;padding-top:25px;padding-bottom:20px;margin-top:35px;}
.news_content .c img{max-width:100%;padding-top:15px;padding-bottom:10px;}
.prne li{line-height:24px;color:#282828;float:left;width:50%;}
.prne li a{line-height:30px;color:#282828;}
.prne li span{padding:0 10px ;border:1px solid #ccc;border-radius:3px;margin-right:10px;}
.prne li a:hover span{background:#f00;color:#fff; transition:all 0.3s;border:1px solid #f00}
.news_content .box .c p span{ display: inline}
.special img{
max-width: 100%;
}
@media screen and (max-width:1366px){
.service_wrap{margin: 0 auto; width: 100%; height:668px; }
}
@media screen and (max-width:768px){
.pagers {
text-align: center;
font-size: 16px;
margin-top: 20px;
}
}