html, body{ overflow-x: hidden; overflow-y: auto; -webkit-font-smoothing: antialiased;background-color:transparent;}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{margin:0;border:0;padding:0;font-style:normal;}
*{-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-user-select: none;-webkit-tap-highlight-color: transparent;outline: none; font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu }

@font-face {font-family:"阿里妈妈数黑体";src:url(../fonts/AlimamaShuHeiTi-Bold.ttf); }
 
@font-face {font-family:"maoken";src:url(../fonts/maoken.ttf); }

 



a{ text-decoration:none;color:#333 }
a:hover{text-decoration:none;color:#2270B7 }
 ul, ol, li{list-style-type:none;vertical-align:0}
 /* 设置滚动条的样式 */
::-webkit-scrollbar {
width:10px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,0.6);
}
 
/*---------------移动端顶部*/
.m-top{position: fixed;top:0;left:0;right:0;z-index:999;background:#fff;box-shadow: 5px 0px 10px #ddd; padding-top:20%;width: 100%;height: 0}
.m-top-left{height:100%;position:absolute;left: 0;top: 0;width: 80%; padding: 2%}
.m-top-left .m-top-left-logo{ height: 98%}
.m-top-left .m-top-left-logo img{display:inline-block;  max-height: 100%;  max-width: 100%; height: 100%}
.m-top-right{font-size: 24px;  position: absolute;right:0;top:0;height: 100%;width: 20%;padding: 2%}
.m-top-right .m-top-right-nav{ width:98%;height:98%;   position: relative;  }
.m-top-right .m-top-right-nav .h{display:table-cell;vertical-align:middle;text-align: center; }
.m-top-bottom{ padding-top:20%;width: 100%;height: 0}

/*----------------- 手机站导航开始----------*/
 
.sp_nav{width:50%; position:absolute;cursor:pointer;height:50%; top:25%;left:25%;  }
.sp_nav span{display:block;background:#333;width:100%;height:10%;position:absolute;left:0px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:45%}
.sp_nav span:nth-of-type(3){top:90%}
.sp_nav_se span:nth-of-type(1){top:45%;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:45%;transform:rotate(-45deg)}

/*手机隐藏导航样式*/
.sjj_nav{position:fixed;border-top:1px solid #0977d9;padding-bottom:20px;padding-top:20px;z-index:9999;background:#333;width:70%;height:100%;font-size:14px;line-height:40px;left:-120%; overflow:auto;overflow-x:hidden;top:0px;
  transition: left 1s;-moz-transition: left 1s; /* Firefox 4 */-webkit-transition: left 1s; /* Safari 和 Chrome */-o-transition: left 1s; /* Opera */}
.sjj_nav>ul>li{border-bottom:1px #ddd solid;padding-left:5% ; margin-left:5%;position:relative;line-height:40px;font-size:14px;width:90%;}
.sjj_nav ul li a{color:#fff;display: inline-block;width:100%;height:100%;text-align: left;font-size: 16px;}
.sjj_nav ul li a span{ margin-right: 10px}
.sjj_nav ul li>ul {}
.sjj_nav ul li>ul li{border-top: 1px dashed #666;padding-left: 10%;}
/*----------------移动端顶部结束*/

/*PC端导航*/

 .pc-nav{display: inline-block;}
.pc-nav-ul{display: inline-block;height:60px;text-align:center;width:100%;transition:0.5s ease-in-out; }
.pc-nav-ul li{display: inline-block; height:100%;position:relative; padding:0 20px}
.pc-nav-ul li>a{color:#fff;display: inline-block; height:100%;line-height: 60px;text-align: center;font-size: 16px;transition:0.5s ease-in-out;}
.pc-nav-ul li>a:after{content: ' '; height:2px; position: absolute;bottom:0;left:50%; right:50%; background: #fff;transition:all ease 0.35s;}
.pc-nav-ul li a:hover:after{ left:20px;right:20px; }
.pc-nav-ul .now>a{border-bottom:2px solid #fff;}
.pc-top2  .pc-nav-ul{ height:50px; }
.pc-top2  .pc-nav-ul li>a{line-height: 50px;}

.pc-nav-ul .second{position: absolute; top:75px;display: none; left:0;padding:5px 0}
.pc-nav-ul .second ul{ background: #fff;top:75px; box-shadow:0px 2px 10px #ccc}
.pc-nav-ul .second a{font-size: 14px;line-height: 40px} 
 
 
 

 
 
 /*banner*/
 .banner-zhanwei{width: 100%;height: 0;padding-top: 50%;position: relative;z-index: 0;}
.banner-bg{width:100%; position:fixed;z-index:1 } 
.carousel-inner{width: 100%;height: 0;padding-top: 50%;position: relative;}
.carousel-inner .carousel-item{width: 100%;height: 100%;position: absolute;left: 0;top: 0; display: block;}
.carousel-inner .carousel-item a{display: block;width:100%;height:100%}
.carousel-inner .carousel-item img{width: 110%;height: 110%;transition:5s ease-in-out;position: absolute;left: -5%;top: -5%; }
.carousel-inner .active img{width: 100%; height: 100%;left: 0%;top: 0%;transition:5s ease-in-out; }
.carousel-inner .carousel-item .text{position: absolute;bottom: 45%;}
.carousel-inner .carousel-item .left{left: 10%;text-align: left;}
.carousel-inner .carousel-item .right{right: 15%;text-align: right;}
.carousel-inner .carousel-item .middle{right: 10%;left: 10%;text-align: center;}
.carousel-inner .carousel-item .text h1{color: #fff;font-weight: 800;font-size: 60px;text-shadow: 5px 5px 10px #444;font-family: '阿里妈妈数黑体';}
.carousel-inner .carousel-item .text p{color: #fff; font-size: 26px;text-shadow: 5px 5px 10px #444;font-family: 'maoken';max-width: 80%;display: inline-block;}
.carousel-inner .carousel-item .min-img{position: absolute;top:0;right: 0;bottom: 0}
.carousel-inner .carousel-item .min-img img{ height: 100%}
.carousel-indicators{bottom: 10%}
@media (max-width: 992px) {
 .carousel-inner{width: 100%;height: 0;padding-top: 80%;position: relative;}
 .banner-zhanwei{width: 100%;height: 0;padding-top: 80%;position: relative;z-index: 0;}

 .carousel-inner .carousel-item .text h1{font-size: 30px;}
.carousel-inner .carousel-item .text p{font-size: 18px;}
}
@media (max-width: 768px) {
 
 .carousel-inner .carousel-item .text h1{font-size: 20px;}
.carousel-inner .carousel-item .text p{font-size: 12px;}
}

.home-about-full{background:#fff;position:relative;z-index: 2;padding-top:80px;padding-bottom:80px}
/*首页主标题*/
.home-title-center{text-align: center}
.home-title{margin-bottom:80px}

 
.home-title .title{font-size: 30px;line-height: 32px;margin-bottom:20px;font-weight: 800;color:#555}
.home-title .title span{font-size: 26px;color:#ccc;   }
.home-title .desc{font-size: 18px;font-weight: 100;color:#666;line-height: 18px}
.home-title-white .title{color:#fff}
.home-title-white .desc{color:#fff}
@media (max-width: 992px) {
 .home-title{margin-bottom:30px}
.home-about-full{background:#fff;position:relative;z-index: 2;padding-top:30px;padding-bottom:30px}

}
@media (max-width: 768px) {
 .home-title .title{font-size: 26px;line-height: 26px;margin-bottom:10px;font-weight: 800}
.home-title .desc{font-size: 14px;font-weight: 100;color:#666;line-height: 14px}

}


/*首页理念 about*/

.home-about-box{width:100%;padding-top:70%;position: relative;transition: all 0.4s linear }
 

.home-about-box .col1{background: linear-gradient(to left top,#0F8CDC,#0E549B);}
.home-about-box .col1:before{content: ""; background: linear-gradient(to left top,#0E549B,#0F8CDC); height: 100%; width: 100%; opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.4s linear;}
.home-about-box .col2{background: linear-gradient(to left top,#eb9c05,#c07e00);}
.home-about-box .col2:before{content: ""; background: linear-gradient(to left top,#c07e00,#eb9c05); height: 100%; width: 100%; opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.4s linear;}
.home-about-box .col3{background: linear-gradient(to left top,#38ef7d,#11998e);}
.home-about-box .col3:before{content: ""; background: linear-gradient(to left top,#11998e,#38ef7d); height: 100%; width: 100%; opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.4s linear;}

.home-about-box .col4{background: linear-gradient(to left top,#dc2e05,#ad2101);}
.home-about-box .col4:before{content: ""; background: linear-gradient(to left top,#ad2101,#dc2e05); height: 100%; width: 100%; opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.4s linear;}


.home-about-box2{  position: absolute;left:5px;top:5px;right:5px;bottom:5px;padding:30px; font-family: 'Kanit', sans-serif;   overflow: hidden;  }
/*经过前文字*/
.home-about-box2 .text .entitle{font-size: 30px; font-family: '阿里妈妈数黑体';text-transform:uppercase;line-height: 30px;color:#fff}
.home-about-box2 .text .title{font-size: 24px;font-weight: 800; font-family: '阿里妈妈数黑体';color:#fff;  text-transform:uppercase;line-height: 30px; }
.home-about-box2 .text .desc{margin-top:20px;font-size: 14px;color:#fff}
 
 
 
.home-about-box2:hover:before{opacity: 1;}


.home-about-box2 .text{width: 100%; height: 100%; transition: all 0.4s linear;}
.home-about-box2:hover .text{opacity: 0; transform: scale(3);}
.home-about-box2 .top{text-align: center}
.home-about-box2 .top .weixin{position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.5);display: none}
.home-about-box2 .top .weixin img{width:50%;top:10%;position: absolute;left:25%}

.home-about-box2 .box-content{color: #fff; width: 100%; transform: translateY(-50%) scale(0); position: absolute; top: 50%; left: 0; transition: all 0.4s linear;}
.home-about-box2:hover .box-content{transform: translateY(-50%) scale(1);}
.home-about-box2 .title{font-size: 25px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin: 0;}
.home-about-box2 .post{font-size: 16px; text-transform: capitalize;}
.home-about-box2 .icon{padding: 0; margin: 0; list-style: none; position: absolute; right: 8px; bottom: 10px;}
.home-about-box2 .icon li{display: inline-block; margin: 0 1px; opacity: 0; transform: scale(1.3); transition: all 0.3s ease 0.4s;}
.home-about-box2:hover .icon li{opacity: 1; transform: scale(1);}
.home-about-box2:hover .icon li:nth-child(2){transition: all 0.3s ease 0.2s;}
.home-about-box2 .icon li a{color: #11998e; background: #fff; font-size: 16px; line-height: 33px; height: 33px; width: 33px; border-radius: 50%; display: block; transition: all 0.5s ease;}
.home-about-box2 .icon li a:hover{color: #fff; background-color: #11998e; box-shadow: 0 0 5px #000;}
.home-about-box2 .icon li p{color: #11998e; background: #fff; font-size: 16px; line-height: 33px; height: 33px; width: 33px; border-radius: 50%; display: block; transition: all 0.5s ease;}
.home-about-box2 .icon li p:hover{color: #fff; background-color: #11998e; box-shadow: 0 0 5px #000;}
 

 @media (max-width: 1600px) {
 .home-about-box{width:100%;padding-top:80%;position: relative; }
}
 @media (max-width: 1400px) {
 .home-about-box{width:100%;padding-top:40%;position: relative; }
}
 @media (max-width: 1200px) {
 .home-about-box{width:100%;padding-top:45%;position: relative; }
}
 @media (max-width: 992px) {
 .home-about-box{width:100%;padding-top:70%;position: relative; }
}
 @media (max-width: 768px) {
 .home-about-box{width:100%;padding-top:100%;position: relative; }
 .home-about-box2{padding:10px}
}
 @media (max-width: 576px) {
 .home-about-box{width:100%;padding-top:120%;position: relative; }
 .home-about-box2{padding:10px}
 .home-about-box2 .text .entitle{font-size: 20px; font-family: '阿里妈妈数黑体';text-transform:uppercase;line-height: 20px;color:#fff}
.home-about-box2 .text .title{font-size: 20px;font-weight: 800; font-family: '阿里妈妈数黑体';color:#fff;  text-transform:uppercase;line-height: 30px; }
.home-about-box2 .text .desc{margin-top:10px;font-size: 12px;color:#fff}
.home-about-box2 .title{font-size: 20px}
.home-about-box2 .post{font-size: 12px; text-transform: capitalize;}

 
}


/*首页产品与服务*/
  .home-fuwu-all{ transition:0.5s ease-in-out;position:relative; }
  .home-fuwu-all-bg{position: absolute;top:0;z-index: 2;width:100%;bottom:0;overflow: hidden; }
  .home-fuwu-all-bg .box{position: absolute;top:0;left:0;width:100%;height:100%;transition:2s ease-in-out;z-index: 1;background-size: cover;  background-position: center; background-repeat: no-repeat;}
  .home-fuwu-all-bg .boxbig{top:-5%;left:-5%;width:110%;height:110%;z-index: 10}
   

  .home-fuwu-all .col-box{background: rgba(34, 110, 183,0.2);   transition:0.5s ease-in-out;border-right:1px solid rgba(255,255,255,0.1);border-left:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.1);}
  .home-fuwu-box{position: relative;width:100%;height:0;padding-top: 200%;transition:0.5s ease-in-out;}
  .home-fuwu-box-in{position: absolute;width:100%;height:100%;  left:0;top:0}
  .home-fuwu-text{top:50%;position: absolute;padding:0 10%;margin-top:-25px;transition:0.5s ease-in-out;width:100%;}
  .home-fuwu-text .title{color:#047ED6;height:50px;width:100%; font-size: 26px;text-align: center;line-height: 50px;transition:0.5s ease-in-out;font-family:"阿里妈妈数黑体";background: rgba(255,255,255,0.8); }
  .home-fuwu-text .desc{color:#fff; font-size: 14px;margin-top:30px; transition:0.5s ease-in-out; display: none; }
  .home-fuwu-text .pic{ margin-top:30px;   display: none;       transition:0.5s ease-in-out; }
  .home-fuwu-text .picbox{padding:5px;}
  .home-fuwu-text .picbox2{background: #fff;width:100%;padding-top:70%;position: relative;}
  .home-fuwu-text .picbox3{ width:100%;height:100%;position: absolute;top:0;left:0;padding:10%}
  .home-fuwu-text .picbox3 .img{ width:100%;height:100%; }
  .home-fuwu-text .picbox3 .img img{  max-width:100%;max-height:100%; }
   

   

  .home-fuwu-all .col-box:hover{background:rgba(0,0,0,0.6)}
  .home-fuwu-all .col-box:hover .home-fuwu-text{top:20%}
  .home-fuwu-all .col-box:hover .home-fuwu-text .title{font-size: 30px;color:#fff;background: rgba(0,0,0,0)}
  .home-fuwu-all .col-box:hover .home-fuwu-text .desc{display: block;}
  .home-fuwu-all .col-box:hover .home-fuwu-text .pic{display: block;}
  @media (max-width: 1200px) {
   .home-fuwu-box{position: relative;width:100%;height:0;padding-top: 60%;transition:0.5s ease-in-out;}
  .col-md-4 .home-fuwu-box{position: relative;width:100%;height:0;padding-top: 100%;transition:0.5s ease-in-out;}
  }
  @media (max-width: 992px) {
   
   
  
  .home-fuwu-all .col-box:hover .home-fuwu-text .title{font-size: 30px}
  .home-fuwu-text .desc{color:#fff; font-size: 12px;margin-top:0;display:none;transition:0.5s ease-in-out; }
  .home-fuwu-text .pic{ margin-top:0;display:none;transition:0.5s ease-in-out; }

  }
  @media (max-width: 768px) {
   .home-fuwu-box{position: relative;width:100%;height:0;padding-top: 40%;transition:0.5s ease-in-out;}
  .col-md-4 .home-fuwu-box{position: relative;width:100%;height:0;padding-top: 40%;transition:0.5s ease-in-out;}
  
  .home-fuwu-all .col-box:hover .home-fuwu-text .title{font-size: 18px;height:30px;line-height: 30px}
  .home-fuwu-text .desc{color:#fff; font-size: 12px;margin-top:0;display:none;transition:0.5s ease-in-out; }
  .home-fuwu-text .pic{ margin-top:0;display:none;transition:0.5s ease-in-out; }

  }
/*首页合作客户*/
.home-hezuo:hover .home-hezuo-img-top{background:rgba(0,0,0,0) ;}
.home-hezuo:hover   img{ filter: blur(3px);}

.home-hezuo-box{width:100%;padding-top:100%;position: relative; }
.home-hezuo-box2{  position: absolute;left:5px;top:5px;right:5px;bottom:5px;background: #fff;overflow: hidden;}
.home-hezuo-box2 img{width:100%;height:100%;position: absolute;left:0;top:0;transition:0.5s ease-in-out;}

.home-hezuo-box2:hover img{width:110%;height:110%;left:-5%;top:-5%;filter: blur(0px); }
.home-hezuo-img-top{width:100%;height:100%;position: absolute;left:0;top:0;background: rgba(0,0,0,0);z-index: 2; transition:0.5s ease-in-out;
}
.home-hezuo-box2:hover .home-hezuo-img-top{background: rgba(0,0,0,0);
}

/*首页新闻*/
  .home-new-box{width:100%;height:240px; position: relative;}
   
  .home-new-box2{width:100%; position: absolute;left:0;top:0;bottom:-1px; padding-top:10px; border-top:1px solid #ccc;border-bottom:1px solid #ccc; z-index: 1; }
  .home-new-box2:hover{   }
  .home-new-box2:hover .time{ color:#2270B7 }

  .home-new-box2 .time{color:#ccc;font-size: 16px; }
  .home-new-box2 .time .yue{font-size:46px;font-weight: 800; font-family:"阿里妈妈数黑体";}
  .home-new-box2 .time .ri{font-size:20px;margin-left:10px;font-weight: 800; font-family:"阿里妈妈数黑体";}
  .home-new-box2 .time .type{ margin-left:10px}
  .home-new-box2 .title{ font-size: 16px;line-height: 30px; height:30px;overflow: hidden; margin-top:10px; }
  .home-new-box2 .desc{ font-size: 14px; margin-top:30px;color:#aaa; line-height: 30px;height:60px;overflow: hidden;}

  .home-new-box2:before{content: ""; display: block; width: 7px; height: 7px; background: #2270B7; position: absolute; left: 100%;   transition: all 0.5s ease 0.2s;z-index: 3;opacity:0}
.home-new-box2:after{content: ""; display: block; width: 7px; height: 7px; background: #2270B7; position: absolute; left: 100%;   transition: all 0.5s ease 0s;z-index: 3;opacity:0}
.home-new-box2:before{top: -4px;}
.home-new-box2:after{top: -4px;}
.home-new-box2:hover:before,
.home-new-box2:hover:after{left: 0;opacity:1  }


/*底部*/
.bottom-title{color:#fff;font-size: 20px;font-family: '阿里妈妈数黑体';line-height: 20px}
  .bottom-link{margin-top:20px}
  .bottom-link a{color:#fff;display: inline-block;margin-right:15px; padding-left:25px;line-height: 28px; font-size:14px;position:relative; }
  .bottom-link a:after{content: "";display: block;position: absolute;top:50%;left:0;margin-top:-5px; width:20px;height:10px; background: url('../images/link.svg');background-repeat: no-repeat;background-size: auto 8px; background-position: left center;transition: all 0.5s ease 0s;}
  .bottom-link a:hover{color:#b4fbfe}
  .bottom-link a:hover:after{content: "";display: block;position: absolute;top:50%;left:0;margin-top:-5px; width:20px;height:10px; background: url('../images/link.svg');background-repeat: no-repeat;background-size: auto 10px; background-position: left center;transform:rotate(180deg);}
  .bottom-banquan{color:#fff;font-size: 14px;line-height: 28px;margin-top:20px}
  .bottom-banquan a{color:#fff;font-size: 14px;margin-right:20px;display: inline-block;}
  .bottom-contact{margin-top:20px; }
  .bottom-contact p{color:#fff;font-size: 14px;line-height: 28px;}



 

/*右侧按钮*/
.right-button{width: 50px;position: fixed;right: -50px; top: 40%;z-index: 9999;transition: all 0.3s ease 0s;}
.right-button .buttonA{width: 50px;height: 50px;background: #2C96D9;margin-bottom: 4px;border-radius: 5px 0 0 5px;padding: 0;text-align: center; cursor: hand;position: relative;}
.right-button .aa{padding: 5px}
.right-button .buttonA a{display: block;width: 100%;height: 100%;padding: 5px}
.right-button .buttonA:hover{background: #ed7500;}
.right-button .buttonA span{font-size: 20px;color: #fff;line-height: 20px;display: inline-block;height: 20px}
.right-button .buttonA p{font-size: 12px;color: #fff;height: 10px;font-family: '宋体'}

.right-button .buttonA:hover span{ color: #fff}
.right-button .buttonA:hover p{ color: #fff}
.right-button .buttonB{width: 50px;height: 30px;background: #2C96D9;margin-bottom: 4px;border-radius: 5px 0 0 5px; text-align: center; }
.right-button .buttonB:hover{background: #ed7500;}
.right-button .buttonB span{font-size: 20px;color: #fff;line-height: 30px;display: inline-block;height: 30px}
.right-button .buttonB:hover span{color: #fff;}

.right-button .buttonA .b-left{width: 200px;position: absolute;right: -200px;top: 0;transition: all 0.3s ease 0s;z-index: -1; opacity: 0; padding-right:10px }
.right-button .buttonA .b-left img{width: 100%}
.right-button .buttonA:hover .b-left{ right: 50px; opacity: 1}
.right-button .buttonA .b-left .b-tel{font-weight: 800; }

/*移动端底部按钮*/
.m-bottom{position: fixed;bottom: 0;left: 0;right: 0;z-index: 9999;background: #333;border-top: 1px solid #666;padding:5px 0;height: 50px}  
.m-bottom .col-4,.m-bottom .row {padding: 0;margin: 0}
.m-bottom .row .col-4{border-right: 1px solid #000;border-left: 1px solid #666}
.m-bottom .row .col-4:last-child{border-right: 0px solid #ccc;}
.m-bottom .row .col-4:first-child{border-left: 0px solid #ccc;}

 
.m-bottom a{display: block;width: 100%; }
.m-bottom-ico{text-align: center;color: #fff;font-size: 20px;height: 20px; line-height: 20px;}
.m-bottom-text{text-align: center;color: #fff;font-size: 12px; height: 20px; line-height: 20px;}

  

/*内页 新闻列表*/
.inpage-newlist-a{width: 100%;  margin-bottom: 20px;border-bottom: 1px dashed #ccc; padding-bottom: 20px;display: flex;}
.inpage-newlist-a .img-box{width:220px;padding-right:20px}
.inpage-newlist-a .img-box img{display: inline-block;width:100%;border-radius: 5px}
.inpage-newlist-a .text-box{width:100%}
.inpage-newlist-title{font-size: 20px;line-height: 25px;color: #333;font-weight: 400;margin-bottom: 10px;}
.inpage-newlist-a:hover .inpage-newlist-title{color: #509DF3}
.inpage-newlist-desc{font-size: 14px; color: #6a6a6a; margin-bottom: 5px;}
.inpage-newlist-time{font-size: 14px;color: #888}

@media (max-width: 768px) {
.inpage-newlist-a{display: block;}
.inpage-newlist-a .img-box{width:100%;padding-right:0px;margin-bottom:20px}

}

/*案例列表*/
.case-box1{height:0;padding-top:100%; width:100%;position: relative;}
.inpage-case-a{position:absolute;display: block;overflow: hidden;width:100%;height:100%;left:0;top:0;border-radius: 5px;border:1px solid #ccc}
.inpage-case-a img{width:100%;height:100%;position: absolute;transition: all 0.3s ease 0s;left:0;top:0}
.inpage-case-a img:hover{width:110%;height:110%;position: absolute;left:-5%;top:-5%}
.inpage-case-a .title{position: absolute;bottom:0;padding:5px; background: red; right:0;left:0;background: rgba(0,0,0,0.5);background: rgb(0,0,0,0.5);color:#fff;line-height: 20px;text-align: center}


/*详情页*/
.inpage-show-title{font-size: 20px;line-height: 25px;color: #333;font-weight: 800;margin-bottom: 10px;text-align: center;}
.inpage-show-time{font-size: 12px;color: #888;text-align: center;border-bottom: 1px solid #eee;padding-bottom: 2%;margin-bottom: 2%}
.inpage-show-content{margin-bottom: 2%}
.inpage-show-content img{max-width: 100%;}


#qd-pages{width:100%; text-align: center; display: flex;justify-content: center}
#qd-pages p{display: inline-block; height:30px;line-height: 10px; }
#qd-pages li{display: inline-block; height:30px; border:1px solid #ddd;margin:3px;border-radius: 3px; background: #eee}
#qd-pages li:hover{background: #333}
#qd-pages li:hover a{color:#fff;}
#qd-pages li a{display:block; width:auto;height:30px;padding:5px 10px;font-size: 14px; line-height: 20px;color:#777 }
#qd-pages li a:hover{color:#fff;}
#qd-pages span{display:inline-block;  height:30px;  font-size: 14px; }
#qd-pages .now{background: #333}
#qd-pages .now a{color:#fff;}
#qd-pages .dian{border:none; background: none; padding: 0;line-height: 20px; height: 30px; vertical-align:top;}
#qd-pages .dian a{color: #aaa; line-height: 20px;padding: 0}
#qd-pages .dian:hover{border:none; background: none}
#qd-pages .pages-first{text-transform:Uppercase;padding:5px 10px }
#qd-pages .pages-last{text-transform:Uppercase; padding:5px 10px }