﻿@charset "utf-8";
*{ padding:0; margin:0; outline:none; font-family:"微软雅黑","思源黑体","苹方黑体"}
li{ list-style:none}
a{ text-decoration:none;}
img{ border:0}

/*公用样式*/

/*模块标题*/
.wap-title { text-align: center; margin-bottom: 1rem; }
.wap-title .cn {font-size:0.5rem; color: #666666;  }
.wap-title .en {font-size:0.4rem; color: #999999; }

/*模块查看更多*/
.wap-more .more{ display: block; width: 4rem ; height: 0.8rem ; background: #313131; color: #fff; font-size:0.45rem ; ;line-height: 0.8rem; text-align: center; margin: 1.2rem auto 0;}


/*头部区域*/
.wap-header{width:10rem; position: fixed; z-index: 2;}
.wap-header .wap-logo{ display: flex; justify-content: center; height:1.5rem; background: #030303; }
.wap-header .logo-pic { display: block; height:1rem; margin-top:0.2rem;}
.wap-nav ul{ background:rgba(0,0,0,0.6); display:flex; height:1.1rem; justify-content: space-around; }
.wap-nav ul a{ display:block; height:1.1rem; font-size:0.5rem; line-height:1.1rem;  color: #fff; }


/*banner区域*/
.wap-banner{ width:10rem; height:8.5rem; position: relative; overflow: hidden; margin-top:0; }
.wap-banner .wap-banner-pic{ width:10rem; height:7.6rem;  margin-top: 0.9rem;  }
.wap-banner .wap-banner-info{ width:10rem; height:1rem; line-height:1rem;  background: rgba(0,0,0,0.4); font-size: 0.44rem; color: #fff; padding-left:0.13rem;  position: absolute; bottom: 0;}

/*服务项目区域*/
.wap-service{ width: 10rem; height: 6rem; padding: 1rem 0 2rem; background: #fff;}

.wap-service-con{ width: 10rem;  }
.wap-service-con ul { display: flex;justify-content: space-around; flex-wrap:wrap;align-content: space-around;}
.wap-service-con ul li{ display: block;  text-align: center; margin:0 0.4rem 0.6rem; }
.wap-service-con li a{ display: block;width: 2.2rem; height: 2.2rem;background: #fff;box-shadow:0 0.013rem 0.13rem rgba(0, 3, 57, 0.1);transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.wap-service-con li a div{width: 2.2rem; height: 2.2rem; transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.wap-service-con li img{ height: 0.76rem; }
.wap-service-con li .ser-info{ font-size: 0.32rem ; color: #313131;  margin-top: 0.05rem;}

/*案例展示区域*/
.wap-case{ width: 10rem; padding: 1rem 0 1rem; background: #f8f8f8; }

.wap-case-con{ width:10rem;}

.wap-case-con ul{display:flex;flex-wrap:wrap; justify-content: space-around;}
.wap-case-con ul li{margin-top:0.24rem ; width:4.786666666666667rem ; overflow: hidden;}
.wap-case-con ul li:nth-child(1){margin-top:0 ; }
.wap-case-con ul li:nth-child(2){margin-top:0 ; }
.wap-case-con .wap-case-pic{ width:4.786666666666667rem ; height: 3.68rem; }
.wap-case-con .wap-case-title{ font-size: 0.45rem; color: #666; width:4.786666666666667rem ;overflow: hidden; padding-left: 0.15rem;}
.wap-case-con .wap-case-info{ font-size: 0.4rem; color: #999; width:4.786666666666667rem ;overflow: hidden; margin-top: 0.06rem; padding-left: 0.15rem;}


/*新闻列表*/
.wap-news{width: 10rem;padding: 1rem 0 1.2rem;}

.wap-news-con li{  padding-bottom: 0.5rem ; border-bottom: 0.014rem  solid #ececec; margin-top: 0.4rem;}
.wap-news-con li:nth-child(1){margin-top: 0;}
.wap-news-con .wap-news-time{ padding-left:0.32rem;  font-size: 0.45rem;}
.wap-news-con .wap-news-time .day{ color: #666;}
.wap-news-con .wap-news-time .year{ color: #a5a5a5;}

.wap-news-con .wap-news-title{ font-size: 0.46rem ; color: #414141; font-weight: 400; padding-left:0.32rem; margin-top: 0.3rem;}
.wap-news-con .wap-news-info{ font-size: 0.43rem ; color: #888; padding-left:0.32rem; padding-right: 0.7466666666666667rem ; margin-top: 0.15rem;}

/*签约新闻*/
.wap-news.wap-signing{background: #f8f8f8;}


/*客户服务*/
.wap-customers{width: 10rem; padding: 0.533rem 0 0.8rem; background: #fff;}
.wap-customers-con{ width: 10erem; height: 5.666666666666667rem ;}
.wap-customers-con img{ width: 10erem; height: 5.666666666666667rem ;}

/*联系我们*/
.wap-contact{width: 10rem; padding: 1rem 0 0.4rem; background: #f8f8f8;}

.wap-contact-con ul{margin-bottom: 0.8266666666666667rem ;}
.wap-contact-con ul li{ padding: 0 0.23rem; font-size:0.38rem ; color: #666; margin-bottom: 0.2rem ; }
.wap-contact-con ul li.name { font-size:0.44rem  ; color: #000033; margin-bottom: 0.3rem ;}
.wap-contact-con ul li .red{ color: #E70112;}

/*版权信息*/
.wap-copyright{ width: 10rem; background: #313131;  font-size: 0.3rem ; color: #fff; text-align: center; padding:0.24rem 0 0.37333333333333335rem;}
.wap-copyright a{color: #fff;}












