@media (min-width: 768px) {
html {
font-size: 28px!important;
}
}
@media (min-width: 1440px) {
html {
font-size: 34px!important;
}
}
@media (min-width: 1680px) {
html {
font-size: 40px!important;
}
}
.w1200{
width: 1200px;
margin: 0 auto;
}
.bac{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.ft14{
font-size: 14px;
}
.ft16{
font-size: 16px;
}
.ft18{
font-size: 18px;
}
.ft20{
font-size: .5rem;
}
.cl33{
color:#333;
}
.cl2a{
color:#2a8dfd;
}
.clff{
color:#fff;
}
.cl66{
color:#666;
}
.cl99{
color:#999;
}
.pre{
position: relative;
}
.pro{
position: absolute;
}
.info1-list{
display: flex;
align-items: center;
padding-bottom: .45rem;
border-bottom: 1px solid #e6e6e6;
}
.info1-list:nth-child(n+2){
padding-top: .45rem;
}
.info1-txts{
flex:1;
font-size: 0;
margin-left: .75rem;
}
.info1-left,.info1-right{
font-family: "PINGFANG MEDIUM_1";
vertical-align: middle;
transition: all .4s ease;
}
.info1-left{
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.info1-list:hover .info1-left{
color:#2a8dfd;
}
/* 服务支持 */
.serve-main-txt{
font-family: "PINGFANG MEDIUM_1";
text-align: center;
padding: 0 1rem;
margin-top: -8px;
}
.ser-list1{
width: 1150px;
display: flex;
justify-content: space-between;
margin: 0 auto;
}
.ser-list1{
margin-top: 1.25rem;
}
.ser-list1 a{
width: 31.3%;
height: 210px;
box-sizing: border-box;
border:1px solid #e0e0e0;
border-radius: 10px;
}
.ser1-stitle{
color:#4c4c4c;
line-height: 1.1;
font-family: "PINGFANG BOLD_1";
}
.ser1-etitle{
color:#bfbfbf;
font-family: "PINGFANG BOLD_1";
}
.ser1-s-all{
display: inline-block;
vertical-align: top;
text-align: left !important;
margin-left: .45rem;
}
.ser1-show{
top: 50%;
width: 100%;
left: 0%;
transform: translateY(-50%);
}
.ser1-show{
font-size: 0;
text-align: center;
transition: all .4s ease;
}
.ser1-cover-img{
left: 0;
top: 30px;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: all .5s ease;
}
.ser-list1 a{
overflow: hidden;
}
.ser-list1 a:hover .ser1-show{
opacity: 0;
visibility: hidden;
}
.ser-list1 a:hover .ser1-cover-img{
top:0;
opacity: 1;
visibility: visible;
}
.ser1-cover{
width: 100%;
left:0;
top: 70%;
transform: translateY(-50%);
text-align: center;
padding: 0 1rem;
box-sizing: border-box;
transition: all .4s .2s ease;
opacity: 0;
visibility: hidden;
}
.sre1-ctitle{
font-family: "PINGFANG BOLD_1";
}
.ser1-ctxt{
font-family: "PINGFANG MEDIUM_1";
line-height: 1.4;
}
.ser1-ctel1{
font-family: "PINGFANG MEDIUM_1";
line-height: 1.4;
}
.ser-list1 a:hover .ser1-cover{
top: 50%;
opacity: 1;
visibility: visible;
}
/* 信息反馈 */
.mes-list1{
width: 910px;
margin: 0 auto;
}
.mes1-list{
width: 48.35%;
border:1px solid #e6e6e6;
padding: 10px .625rem;
box-sizing: border-box;
display: flex;
position:relative;
}
.mes1-list img{
position:absolute;
top:0;
right:0;
height:100%;
}
.mes1-list-title{
font-family: "PINGFANG MEDIUM_1";
}
.mes1-list input{
flex:1;
}
.mes1-lists{
display: flex;
justify-content: space-between;
margin-bottom: .5rem;
}
.mes1-btns{
display: flex;
justify-content: space-between;
}
.mes1-area,.mes1-area textarea{
width: 100%;
display: block;
}
.mes1-area textarea{
height: 4rem;
}
.mes1-btns input,.mes1-cz{
width: 48.35%;
background: #2a8dfd;
border:none;
height: 50px;
line-height: 50px;
}
.mes1-cz{
background: #e6e6e6;
text-align: center;
cursor: pointer;
}
/* 新闻咨询 */
.news1-top{
display: flex;
margin:5px 0;
margin-top: .5rem !important;
}
.news1-tp-left{
width: 493px;
overflow: hidden;
}
.news1-tp-left img{
width: 70%;
}
.news1-tp-right{
flex:1;
}
.news1-top,.news1-bot{
width: 90.58%;
margin: 0 auto;
}
.news1-tp-all{
width: 100%;
padding:0 1.75rem;
box-sizing: border-box;
left: 0;
top:50%;
transform: translateY(-50%);
}
.news1-tp-time{
font-family: "PINGFANG MEDIUM_1";
}
.news1-tp-title{
font-size: .75rem;
font-family: "PINGFANG HEAVY_1";
color:#4c4c4c;
line-height: 1.7;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
transition: all .4s ease;
-webkit-box-orient: vertical;
}
.news1-tp-txt{
font-family: "PINGFANG MEDIUM_1";
margin: .5rem 0 1.75rem 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient: vertical;
}
.news1-tp-all a{
width: 170px;
height: 40px;
background: #298efd;
line-height: 40px;
display: block;
border-radius: 30px;
text-align: center;
}
.news1-top:hover .news1-tp-title{
color:#298efd
}
.news1-tp-all a:hover{
color:#fff;
}
.news1-tp-left img{
transition: all .4s ease;
}
.news1-top:hover img{
transform: scale(1.05);
}
.science-mamin2{
margin-top: .45rem;
}
.news1-bot a{
display: flex;
}
.news1-bt-right{
flex:1;
background: #f2f2f2;
}
.news1-bt-left{
width: 493px;
overflow: hidden;
}
.news1-bt-left img{
width: 100%;
transition: all .4s ease;
}
.news1-bot a:hover img{
transform: scale(1.05);
}
.news1-btrt-all{
width: 100%;
padding: 0 2rem;
box-sizing: border-box;
left: 0;
top:50%;
transform: translateY(-50%);
}
.news1-btrt-logo{
color:#808080;
font-family: "PINGFANG MEDIUM_1";
}
.news1-btrt-time{
font-family: "BEBASNEUE BOOK";
margin-bottom: .7rem;
}
.news1-btrt-time span{
font-size: 1.5rem;
display: inline-block;
line-height: 1.1;
margin-right: .15rem;
}
.news1-btrt-txt {
font-family: "PINGFANG MEDIUM_1";
}
.news1-btrt-txt{
margin: .3rem 0 0 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news1-btrt-logo div{
color:#808080;
background: url(../images/jt.png) right center no-repeat;
padding-right: .75rem;
transition: all .4s ease;
}
.news1-bot a:hover .news1-btrt-logo div{
padding-right: .85rem;
}
.news1-bot a:hover .news1-tp-title{
color:#298efd;
}
.news1-bot a:nth-child(n+2){
margin-top: .5rem;
}
.page .pagition{
font-size: 0;
}
.page{
text-align: center;
margin: 1.25rem 0 0 0;
}
.page a{
font-size: 16px;
color:#686868;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
background: #f7f7f7;
display: inline-block;
vertical-align: top;
transition: all .4s ease;
}
.page span{
font-size: 16px;
color:#686868;
min-width: 40px;
padding:0 5px;
height: 40px;
text-align: center;
line-height: 40px;
background: #f7f7f7;
display: inline-block;
vertical-align: top;
transition: all .4s ease;
}
.page span.current {
background-color: #2588f6;
color: #fff;
}
.page a:hover{
color:#fff;
background: #298efd;
}
.page a.on-page{
color:#fff;
background: #298efd;
}
.newsdetail-all-content{
width: 90.5%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.cases1-top{
width: 90.5%;
margin: 0 auto;
}
.newsd-left{
width: 70.97%;
}
.newsd-right{
width: 18.06%;
}
.newsd-lf-title{
font-size: .9rem;
font-family: "PINGFANG BOLD_1";
line-height: 1.3;
margin-bottom: .4rem;
}
.newsd-lf-time{
font-family: "PINGFANG MEDIUM_1";
border-bottom: 1px solid #e6e6e6;
padding-bottom: .8rem;
}
.newsd-lf-time a{
background: url(../images/jt2.png) right center no-repeat;
padding-right: .825rem;
transition: all .4s ease;
}
.newsd-lf-time a:hover{
color:#666;
padding-right: .9rem;
}
.newsd-content p{
color:#808080;
}
.newsd-content img{
max-width: 100%;
}
.newsd-page{
font-size: 0;
margin: 1.5rem 0 0 0;
padding-top: .4rem;
border-top: 1px solid #e6e6e6;
}
.newsd-page a{
width: 49%;
display: inline-block;
vertical-align: top;
}
.newsd-page a:nth-child(2){
margin-left: 2%;
text-align: right;
}
.newsd-page a:hover{
color:#298efd;
}
.newsd-rt-title{
font-size: .6rem;
border-bottom: 1px solid #e6e6e6;
font-family: "PINGFANG MEDIUM_1";
padding-bottom: .1rem;
margin-bottom: .75rem;
}
.newsd-right a{
display: flex;
margin-bottom: .4rem;
}
.newsd-right a span{
width: 5px;
height: 5px;
border-radius: 50%;
background: #bfbfbf;
display: inline-block;
vertical-align: top;
margin-top: .3rem;
}
.newsd-right a div{
flex: 1;
margin-left: .5rem;
line-height: 1.7;
transition: all .4s ease;
}
.newsd-right a:hover div{
color:#298efd;
}
/* 案例详情 */
.cases-title{
width: 100%;
font-family: "PINGFANG HEAVY_1";
font-size: .75rem;
text-align: center;
line-height: 1.1;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 0.7rem;
}
.cases1-content,.cases2-list,.case-list3,.case-list4,.case-list4{
width: 80.65%;
margin: 0 auto;
}
.cases1-content{
padding-top:0.75rem;
}
.cases1-content p{
line-height: 2.3;
}
.cases1-top{
display: block;
}
.cases1-content em{
width: 14px;
height: 14px;
background: url(../images/play.png) center center no-repeat;
display: inline-block;
vertical-align: top;
background-size:14px 14px;
margin-top: .2rem;
margin-right: .4rem;
}
.science-mamin2{
padding: 1.5rem 0 2rem;
}
.science-mamin3{
padding: 1.5rem 0 0rem;
}
.cases2-title{
font-size: .6rem;
color:#4c4c4c;
font-family: "PINGFANG HEAVY_1";
}
.cases-list2{
margin-top: 1.625rem;
border-bottom: 1px dashed #cccccc;
padding-bottom: .8rem;
}
.cases2-list img{
width: 100%;
margin: .6rem 0 0 0;
}
.cases-list21{
margin-top: 0.6rem;
}
.cases-list2:last-child{
border-bottom: none;
}
.case3-all{
width: 100%;
border-top: 1px solid #d9d9d9;
}
.case-list3{
padding: 1.7rem 0 2rem;
}
.case-list3 p{
line-height:2.3;
font-size: 14px;
color: #666;
}
.cases3-txt{
font-family: "PINGFANG HEAVY_1";
line-height: 1.4;
margin: .175rem 0 0 0;
}
.case-list3 img{
width: 100%;
margin: .55rem 0 0 0;
}
.cases3-zs {
color:#298efd;
margin: .2rem 0 0 0;
font-family: "PINGFANG MEDIUM_1";
}
.case3-all .newsd-page{
border-top: none;
margin: 0;
}
.case4-list{
display: flex;
}
.case4-img{
width: 260px;
}
.case4-img img{
width: 100%;
}
.case4-txt{
padding: .4rem 0 .4rem .6rem;
flex:1;
box-sizing: border-box;
}
.case4-list{
width: 48.4%;
}
.case4-title{
color:#298efd;
font-family: "PINGFANG BOLD_1";
line-height: 1.2;
}
.case-list4{
padding: 1.5rem 0 0 0;
display: inline-block;
}
.cases4-content{
margin: .4rem 0 0 0 ;
}
.cases4-content img{
width: 100%;
}
.case4-all{
font-size: 0;
}
.case-list4{
overflow: hidden;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.case4-list{
margin-bottom: 1.5rem;
}
.case4-list:nth-child(2n){
margin-left: 3.2%;
}
.case4-txts{
height: 5.7rem;
overflow-y: auto;
padding-right: .1rem;
}
.case4-txts::-webkit-scrollbar {/*滚动条整体样式*/
width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.case4-txts::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
border-radius: 10px;
background: #298efd;
}
.case4-txts::-webkit-scrollbar-track {/*滚动条里面轨道*/
border-radius: 10px;
}
.cases1-content img{
max-width: 100%;
}