@charset "utf-8";/* CSS Document */
body,input{font-family:"microsoft yahei";}
.allpage{background-color:#f9f9f9 !important;}
/*font*/
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
input{outline:none;}
.search-lh-input{width:75%;border:1px solid #65b673;border-radius:15px 0 0 15px;float:left;border-right:none;height:0.461rem;font-size:0.18rem;font-family:"microsoft yahei";text-indent:5%;margin-top:2%;}
.search-lh-btn{width:15%;float:left;background-color:#fff;border-radius:0 15px 15px 0;border:1px solid #65b673;border-left:none;height:0.491rem;font-size:0.25rem;margin-top:2%;}
.search_hl{width:14.0625%;left:0.1%;top:-1px;position:absolute;height:100%;font-size:0.38rem;line-height:0.8rem;color:#000000 !important;text-align:center;overflow:hidden;}
.search{width:96%;height:0.691rem;padding:0 2%;position:absolute;top:-120%;left:0;background-color:#12b17b;font-family:"microsoft yahei";}
.search-lh-input{width:75%;border:1px solid #12b17b;border-radius:15px 0 0 15px;float:left;border-right:none;height:0.461rem;font-size:0.18rem;font-family:"microsoft yahei";text-indent:5%;margin-top:2%;}
.search-lh-btn{width:15%;float:left;background-color:#fff;border-radius:0 15px 15px 0;border:1px solid #12b17b;border-left:none;height:0.491rem;font-size:0.25rem;margin-top:2%;}
.search a{display:inline-block;width:9%;float:left;color:#fff;text-align:center;height:0.7rem;}
.index_text{font-size:14px;width:100%;height:0.5rem;background:#fff url(../../images/search_bg_05.png) no-repeat 95% center;-webkit-background-size:7%;background-size:7%;border:none;font-family:"microsoft yahei";text-indent:3%;}
.search_new{width:92%;z-index:9;background:#ffa200;position:relative;padding:3% 2% 3% 6%;text-align:left;}
.srch-sub{position:absolute;top:20%;right:3%;width:0.42rem;height:0.42rem;background:#d92619;text-align:center;border:none;font:0.25rem/1 "Microsoft YaHei";font-weight:normal;cursor:pointer;color:#FFF;-webkit-appearance:none;border-radius:50%;}
.search_new .input1{width:88%;border:1px solid #cdcdcd;border-radius:20px;-webkit-background-size:7%;background-size:7%;text-indent:3%;padding:2% 0;}
/* for white */
.white-bg{background:#fff;}


/*服务*/
.server__home {
    position: relative;
}
.server__home a {
    text-align: center;
    width: 100%;
    padding: 3.5% 0;
    background-size: auto 200%;
    background-position: center 1%;
 transition-duration: .25s;
 -webkit-transition-duration: .25s;
    color: #FFF;
    display: block;
    background-repeat: no-repeat;
}
.server__home a h3 {
    font-size: 0.25rem;
    color: #FFF;
    line-height: 2.3;
    font-weight: bold;
}
.server__home a p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    width: 85%;
    margin: 0 auto;
}
.server__home a:nth-child(1) {
 background-color: #3c485a;
 background-image: url(../images/s4_k_ico.svg);
}
.server__home a:nth-child(2) {
 background-color: #738ac0;
 background-image: url(../images/s4_k_ico.svg);
}
.server__home a:nth-child(3) {
 background-color: #4bd1a0;
 background-image: url(../images/s4_k_ico.svg);
}
.server__home a:nth-child(4) {
  background-color: #ffa800;
  background-image: url(../images/s4_k_ico.svg);
 }
.server__home a:hover {
    background-position: center 20%;
}
/*简介*/
.index_about {
  text-align: center;
  background: #fff;
  padding: 0.3rem 0;
}
.index_about h3{
  font-weight: normal;
  font-size: 0.35rem;
  color: #444;
}
.index_about i{
  color: #bababa;
  line-height: 0.5rem;
  font-style: normal;
}
.index_about p{
  padding: 0.15rem;
  font-size: 0.2rem;
  line-height: 0.4rem;
  color: #555;
  display: block;
  text-align: left;
}
.index_about p span{
  color: #e20000
}
/*数字*/
.ys_box {
  height: 1.6rem;
  background: #fff;
}
.ys_box ul {
}
.ys_box ul li {
  float: left;
  width: 33%;
  height: 1.6rem;
  text-align: center;
}
.ys_box .li_box {}
.ys_box .div1 {
  position: relative;
}
.ys_box .div1 .span1 {
  font-size: 0.5rem;
  color: #000;
}
.ys_box .div1 .span3 {
  font-size: 0.3rem;
  color: #000;
  padding-left: 10px;
}
.ys_box .div2 .span2 {
  font-size: 0.18rem;
  color: #000;
}


/*案例*/
.case-title{}
.case-title ul li{
  float: left;
  width: 45%;
  height: 0.5rem;
  background: #fff;
  line-height: 0.5rem;
  text-align: center;
  margin-top: 0.2rem;
  margin-left: 0.13rem;
  margin-right: 0.13rem;
}
.case-title ul li a{
  color: #000;
}

.honor_i{ 
  padding:0.2rem 0 0.3rem 0; 
}
.caseindex1 {
  margin:0 auto;
  width:96%;
}
.caseindex1 ul {
  padding-top:0.25rem;
}
.caseindex1 ul li {
  width:49%;
  float:left;
  text-align:center;
  margin-right:1%;
  margin-bottom:0.1rem;
}
.caseindex1 ul li:nth-child(2n) {
margin-left:1%;
margin-right:0;
}
.caseindex1 ul li a {
  display:block;
  width:100%;
  margin:auto;
}
.caseindex1 ul li a .img {
  width:100%;
  display:block;
  height:4rem;
  border-radius: 10px;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.caseindex1 ul li .spanT {
  display:block;
  text-align:center;
  font-size:0.18rem;
  width:80%;
  margin:auto;
  color:#444;
  line-height:0.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.caseindex1 ul li .spanTa {
  display:block;
  text-align:center;
  font-size:0.18rem;
  width:80%;
  margin:auto;
  color:#fff;
  line-height:0.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.almore {
    height: 70px;
    text-align: center;
    border-bottom: 1px #dedede solid;
}
.container {
    width: 50px;
    height: 50px;
    border: 1px #d1d1d1 solid;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 25px;
    line-height: 40px;
}
.circle {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    display: inline-block;
    transform: scale(0);
    animation: bulge 2s infinite ease-in-out;
}
 .circle::after {
 position: absolute;
 display: inline-block;
 content: '';
 height: 100%;
 width: 100%;
 border-radius: 50%;
 background-color: inherit;
 top: 0;
 left: 0;
 z-index: -1;
 transform: scale(1);
 animation: blow 2s infinite ease-in-out;
}
 .circle:nth-child(1) {
 background-color: #30328a;
 animation-delay: 0s;
}
 .circle:nth-child(2) {
 background-color: #e9212c;
 animation-delay: .25s;
}
 .circle:nth-child(3) {
 background-color: #018ed6;
 animation-delay: .50s;
}
 @keyframes bulge {
 50% {
 transform: scale(1);
}
}
 @keyframes blow {
 25% {
 opacity: 0.5;
}
 50% {
 opacity: 0.5;
}
 90% {
 opacity: 0;
}
 100% {
 transform: scale(2);
 opacity: 0;
}
}
/*服务项目*/
.xm-title{
 font-size: 0.25rem;
 color: #000;
 text-align: center;
 padding: 0.3rem  0;
}
.case-content{
  width: 95%;
  margin: 0 auto;
}
.cbox{
 background: #fff;
}
.cbox img{
  width: 60%;
}
.cbox p{
  width: 40%;
}
.cbox p span{
    color: #000;
    padding-left: 0.15rem;
    font-size: 0.2rem;
    display: block;
    padding-top: 0.15rem
}
.cbox p i{
  font-size: 13px;
  color: #8f8f8f;
  line-height: 1.5;
  display: block;
  padding-left: 0.15rem;
  margin-top: 0.2rem
}
.cbox .color em {
    background: #FFF;
    border: 6px solid #DDD;
    border-radius: 10px;
    float: left;
    box-sizing: border-box;
}
.color em {
    margin: 0 8px 0 0;
}
.fr{float: right;}
.fl{float: left;}

/*客户*/

.caseindex1a {
  margin:0 auto;
  width:96%;
}
.caseindex1a ul {
  padding-top:0.25rem;
}
.caseindex1a ul li {
  width:48%;
  float:left;
  text-align:center;
  margin-right:1%;
  margin-bottom:0.1rem;
  border: 1px #c8c8c8 solid;
}
.caseindex1a ul li:nth-child(2n) {
margin-left:1%;
margin-right:0;
}
.caseindex1a ul li a {
  display:block;
  width:100%;
  margin:auto;
}
.caseindex1a ul li a .imga {
  width:100%;
  display:block;
  height:2.3rem;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*新闻*/
.probt {
  text-align: center;
  position: relative;
  height: 1.2rem;
}
.probt a {
  display: block;
  font-size: 0.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
  color: #000;
  font-weight: bold;
}
.probt em{
  display: block;
  width: 0.5rem;
  height: 0.05rem;
  background: #ffba00;
  margin: 0 auto;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}

.probt span {
  font-size: 0.15rem;
  color: #999;
}


.xwlm{}
.xwlm ul li{
  float: left;
  background:#f3f3f3;
  text-align: center;
  width: 32%;
  height: 30px;
  line-height: 30px;
  margin-top: 0.1rem;
  margin-left: 0.05rem;
  margin-right: 0.0.5rem;

}
.xwlm ul li a{
    color: #333;
    font-size: 15px;
}


.case_c ul {
  width:93%;
  padding:0.2rem 0 0 0;
  margin:auto;
}
.case_c ul li {
  width:100%;
  padding:0.2rem 0 0.2rem 0;
  background: #f3f3f3 url(../images/n2.jpg) 0.1rem center no-repeat;
}
.case_c ul li:nth-child(2n) {
background:#fff url(../images/n2.jpg) 0.1rem center no-repeat;
}
.case_c ul li div.case_c_pic {
  margin-left:4%;
  height:auto !important;
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  width:70%;
}
.case_c ul li div.case_c_pic a {
  color:#333;
  font-size:0.2rem;
}
.case_c ul li div.case_c_content {
  height:auto !important;
  float:left;
  width:92%;
  padding:1% 4% 0 4%;
}
.case_c ul li div.case_c_content h2 {
  float:left;
  width:60%;
  font-size:0.17rem;
  color:#999;
  font-weight:normal;
  overflow:hidden;
  line-height:0.25rem;
  height:0.25rem;
}
.case_c ul li div.case_c_content span {
  font-size:0.18rem;
  float:right;
  width:25%;
  text-align:right;
  color:#b7b7b7;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.case_c ul li a {
  display:block;
  padding:0 0 0 0.3rem;
  line-height:0.25rem;
  height:0.25rem;
}
.case_c ul li a .span1 {
  overflow:hidden;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  width:60%;
  font-size:0.18rem;
  color:#333;
  display:block;
  float:left;
}
.case_c ul li a .span2 {
  display:block;
  float:right;
  font-size:0.17rem;
  color:#999;
  padding-right: 0.15rem
}

/*底部*/
.lxwm {
  width:96%;
  margin:auto auto 0.2rem auto;
  padding: 0.1rem 0;
  line-height: 0.5rem;
  background: #1c2534;
}
.lxwm p {
  border-top: 1px solid #303d51;
  color: #fff;
  font-size: 0.18rem;
  position: relative;
  margin:auto 0.2rem;
}
.lxwm p:first-child {
  border-top:0;
}