@charset "utf-8";
/* 全局 */
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}
a{text-decoration:none;outline:0;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:8px;height:8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track{border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #555;}
input,textarea{-webkit-user-select:text}
/*分页样式*/
.pglist{padding: 20px 0 30px;width:100%;text-align: center;clear: both;}
.pglist a,.pglist span{color: #999;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;background: #fff;border: 1px solid #f2f2f2;}
.pglist a:hover,.pglist span{display:inline-block;color: #fff;background: #0e4295;border-color: #0e4295;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pglist a.page-num-current{display:inline-block;color: #fff;background: #0e4295;border-color: #0e4295;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
/*返回首页*/
#tip{padding-top: 30px;min-height: 640px;}
#tip b{color: #0e4295;}
/*网站地图*/
.sitemap{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}
.sitemap dt{float: left;margin-right: 2%;width: 14.66666667%;}
.sitemap dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.sitemap dt a:hover{background: #ccc;color:#fff;}
.sitemap dd{float: left;width: 83.333333%;}
.sitemap dd a{float:left;color:#666;padding-right:35px;line-height:39px;transition:none;}
.sitemap dd a:hover{color:#333;}
/*网站标签*/
.tags_list{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}
.tags_list dt{float: left;margin-right: 2%;margin-bottom: 2%;width: 14.66666667%;}
.tags_list dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.tags_list dt a:hover{background: #ccc;color:#fff;}
.tags{overflow:hidden;margin-bottom: 20px;}
.tags span{float: left;display: block;line-height: 40px;}
.tags a{border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;line-height: 28px;padding: 0 6px;margin: 5px;background: #fff;border: 1px solid #dadada;}
.tags a:hover {background: #0e4295;border-color: #0e4295;color: #fff;}
/*评论列表*/
.comment-main{width: 100%;background: #FFF;border-bottom: 3px solid #eee;margin-top: 30px;font-size: 12px;color: #666;line-height: 14px;transition: all .5s;}
.comment-main:hover{border-bottom: 3px solid #0e4295;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC;}
.comment-title{width: 100%;height: 49px;line-height: 50px;background: #FFF;border-bottom: 1px solid #CCC;}
.comment-title span{float: left;height: 50px;font-size: 14px;line-height: 50px;display: block;padding: 0 30px;background: #0e4295;color: #FFF;}
.comment-show-box{margin: 20px 12px}
.comment-show-box .pl-box2{width: 100%}
.comment-show-box .pl-box2 dl{float: left;width: 100%;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #EEE;}
.comment-show-box .pl-box2 dl dt{float: left;width: 50px;margin-right: 15px;}
.comment-show-box .pl-box2 dl dt img{width: 50px;height: 50px}
.comment-show-box .pl-box2 dl dd{float: right;width: 92%;}
.comment-show-box .pl-box2 dl dd h1{font-weight: 700;font-size: 100%;}
.comment-show-box .pl-box2 dl dd h1 span{color: #656565;font-weight: 400;float: right;}
.comment-show-box .pl-box2 dl dd p{margin-top: 10px;line-height: 20px}
.comment-show-box .pl-box2 dl dd p.xz-fc1{color: #0e4295;}
.comment-show-box .xz-cb{zoom: 1}
.comment-show-box .xz-cb:after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: "."}
.c-more {text-align: center;line-height: normal;}
.c-more a {border-radius: 2px;-webkit-border-radius: 2px;display: block;background: #0e4295;color: #ffffff;padding: 13px 0;}
.c-more a:hover {background: #333;}
/*评论表单*/
.comment-show-box .fb-box{background: #FAFAFA;border: 1px solid #EEE;margin-top: 20px;}
.comment-show-box .fb-box dl{float: left;width: 97%;padding: 12px;}
.comment-show-box .fb-box dt{float: left;width: 50px;margin-right: 15px;}
.comment-show-box .fb-box dt img{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;width: 50px;height: 50px}
.comment-show-box .fb-box dd{float: right;width: 92%;}
.comment-show-box .fb-box dd p{color: #656565;}
.comment-show-box .fb-box dd p textarea{width: 97%;height: 120px;line-height: 20px;color: #6C6C6C;padding: 12px;border: 1px solid #EEE;outline: 0;font-family: "microsoft yahei";transition: all .5s;}
.comment-show-box .fb-box dd p textarea:focus{border: 1px solid #0e4295;box-shadow: 0 0 10px 0 #0e4295}
.comment-show-box .fb-box-div{margin-top: -1px;background: #FAFAFA;border-radius: 0 0 5px 5px;border: 1px solid #EEE;}
.comment-show-box .fb-box-div dl{padding: 12px;position: relative;}
.comment-show-box .fb-box-div dd{font-size: 12px;line-height: 13px;color: #666;}
.comment-show-box .fb-box-div input{-webkit-border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;-ms-border-radius: 0 0 5px 0;-o-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;position: absolute;top: -1px;right: -1px;width: 80px;height: 39px;font-size: 12px;line-height: 39px;background: #AAA;color: #FFF;border: 0;cursor: pointer;transition: all .5s;}
.comment-show-box .fb-box-div input:hover{background: #0e4295;color: #FFF;}
/*点赞*/
#mood{margin-bottom: 30px;text-align:center;}
#mood p{font-size: 16px;color: #555;font-weight:bold;margin-bottom: 20px;}
#mood a{display:inline-block;margin:0 10px;cursor:pointer;color: #555;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;-webkit-box-sizing: border-box;box-sizing: border-box;}
#mood a span{display: inline-block;width: 18px;height: 18px;margin-right:10px;vertical-align: sub;background: url(../images/dianzan.png) no-repeat;transition: all .5s;}
#mood a span.dianzan-down{background-position: top right;}
#mood a em{font-style:normal;font-size: 16px;}
#mood a:hover{background: #0e4295;border-color: #0e4295;color:#fff;}
#mood a:hover span.dianzan-up{background-position: bottom left;}
#mood a:hover span.dianzan-down{background-position: bottom right;}
/*视频样式*/
video {background-color: #000;}




@charset "utf-8";

/*手机案例*/
.common_i_css {
    background-color: #fff;
    padding: 0 4%;
    margin-top: 2.5%;
}.product_i_list {
    margin: 2% 0;
}.product_i_list ul li {
    position: relative;
    width: 49%;
    float: left;
    margin: 0 0.5%;
    list-style-type: none;
    margin-bottom: 2%;
}.product_i_list ul li:nth-child(2n+1) {
    clear: both;
}.product_i_list ul li img {
    width: 100%;
    display: block;
}.product_i_list ul li a span {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;4AGbTbenS7
    background-color: #5d5d5d;
    font-size: 14px;
    padding: 0 10px;box-sizing: border-box;
    color: #fff;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
/*结束*/


/*首页案例开始*/
.mmm{
    display: none;
  }
@media screen and (max-width: 600px) {
  .pcc{
    display: none;
  }
  .mmm{
    display: block;
  }
  .article.umSub{
    padding-right: 0!important;
  }
  .sidebar{
    width: 100%!important;
  }

}

.page3 {
    background: url(../images/bg3.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;padding-bottom: 100px;
}
@media (max-width: 1500px){
  .section {
    width: 100%;
    min-width: 1080px;
}
}
.section {
    position: relative;
    overflow: hidden;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.case {

 /* position: absolute;

  top: 50%;

  left: 50%;*/

  overflow: hidden;

  /*margin-top: -235px;*/

  /*margin-left: -580px;*/
margin: 0 auto;
  width: 1160px;
padding-top: 100px;
position: relative;
}

.case h2 {

  position: relative;

  top: 0;

  /*left: -400px;*/

  width: auto;

  -webkit-transition: all 1s ease 0s;

  transition: all 1s ease 0s;

  -ms-transition: all 1s ease 0s;

}

.page3.active .case h2 {

  left: 0;

}

.case h2.wk_h2 {

  display: none;

}

.wk_btndiv {

     position: absolute;
    top: 119px;
    display: flex;
    right: 0px;
    width: 100px;
    height: 30px;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;

}

.page3.active .wk_btndiv {

  right: 0;

}

.wk_btndiv a.abtn {

  /*position: absolute;*/

  display: block;

  overflow: hidden;

  width: 45px;

  height: 30px;

  outline: 0;

  background: url(../images/btn.png) no-repeat;

}

.wk_btndiv a.aleft {

  /*right: 55px;*/

  background-position: 0 -30px;
margin-right: 10px;
}

.wk_btndiv a.agrayleft {

  background-position: 0 0;

  cursor: default;

}

.wk_btndiv a.aright {

  right: 0;

  background-position: -45px 0;

}

.wk_btndiv a.agrayright {

  background-position: -45px -30px;

  cursor: default;

}

.wk_scrollcontainer {

  position: relative;

  overflow: hidden;

  margin: 38px auto 0 auto;

  width: 1180px;

  /*height: 800px;*/

}
.wk_scrollcontainer:after { content:""; display:block; height:0; visibility:hidden; clear:both; }
/*
.wk_scrollcontainer ul {

  position: absolute;

  top: 0;

  left: 0;

  width: 1000%;

}*/

.wk_scrollcontainer li {

  float: left;

  overflow: hidden;

  margin-left: 0;

  width: 1180px;

}

.case .wk_case_list {

  position: relative;

  /*float: left;*/

  overflow: hidden;

  /*margin: 0 20px 20px 0;*/

  /*width: 100%;*/

  height: 220px;


/*  -webkit-transition: all 1s;

  -moz-transition: all 1s;

  -o-transition: all 1s;

  transition: all 1s;

  -webkit-transform: translate3d(0, 100px, 0);

  transform: translate3d(0, 100px, 0);


  -ms-transform: translate3d(0, 100px, 0);*/

}
.wktt{
  font-size: 16px;text-align: center;color: #212121;display: block;line-height: 30px;
}
.page3.active .case div.wk_case_list {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  -ms-transform: translate3d(0, 0, 0);

}

.page3.active .case div.wk_case_list:nth-child(2) {

  -webkit-transition-delay: 100ms;

  -moz-transition-delay: 100ms;

  transition-delay: 100ms;

}

.page3.active .case div.wk_case_list:nth-child(3) {

  -webkit-transition-delay: 200ms;

  -moz-transition-delay: 200ms;

  transition-delay: 200ms;

}

.page3.active .case div.wk_case_list:nth-child(4) {

  -webkit-transition-delay: 300ms;

  -moz-transition-delay: 300ms;

  transition-delay: 300ms;

}

.page3.active .case div.wk_case_list:nth-child(5) {

  -webkit-transition-delay: 400ms;

  -moz-transition-delay: 400ms;

  transition-delay: 400ms;

}

.page3.active .case div.wk_case_list:nth-child(6) {

  -webkit-transition-delay: 500ms;

  -moz-transition-delay: 500ms;

  transition-delay: 500ms;

}

.page3.active .case div.wk_case_list:nth-child(7) {

  -webkit-transition-delay: 600ms;

  -moz-transition-delay: 600ms;

  transition-delay: 600ms;

}

.page3.active .case div.wk_case_list:nth-child(8) {

  -webkit-transition-delay: 700ms;

  -moz-transition-delay: 700ms;

  transition-delay: 700ms;

}

.case .wk_case_list .wk_case_img {

  position: relative;

  width: 100%;

  height: 190px;

}

.case .wk_case_list .wk_case_img img {

  width: 100%;

  height: 190px;

}

.case .wk_case_list .wk_case_ico {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 190px;

  background: url(../images/case_ico.png) no-repeat center;

  opacity: 0;

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

  -webkit-opacity: 0;

  -moz-opacity: 0;

}

.case .wk_case_list:hover .wk_case_ico {

  opacity: 1;

  -webkit-opacity: 1;

  -moz-opacity: 1;

}

.case .wk_case_list .wk_case_xian {

  position: absolute;

  top: 22px;

  left: 22px;

  width: 84%;

  height: 146px;

}

.case .wk_case_list span {

  position: absolute;

  background: #0ddfba;

  -webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94);

  -moz-transition: all .3s cubic-bezier(.25, .46, .45, .94);

  -o-transition: all .3s cubic-bezier(.25, .46, .45, .94);

  transition: all .3s cubic-bezier(.25, .46, .45, .94);

}

.case .wk_case_list .wk_span_1 {

  top: 0;

  left: 0;

  width: 0;

  height: 2px;

}

.case .wk_case_list .wk_span_2 {

  top: 0;

  right: 0;

  width: 2px;

  height: 0;

}

.case .wk_case_list .wk_span_3 {

  right: 0;

  bottom: 0;

  width: 0;

  height: 2px;

}

.case .wk_case_list .wk_span_4 {

  bottom: 0;

  left: 0;

  width: 2px;

  height: 0;

}

.case .wk_case_list:hover .wk_span_1, .case .wk_case_list:hover .wk_span_3 {

  width: 100%;

}

.case .wk_case_list:hover .wk_span_2, .case .wk_case_list:hover .wk_span_4 {

  height: 100%;

}

.common_i_title,.product_i{
  display: none;
}

@media (max-width: 600px){
  .mi4{
    display: none;
  }
.common_i_title,.product_i{
  display: block;
}
  .case {
    width: 95%;
    min-width: 0;
}
.section{
  min-width: 0;
}
.case h2{
  width: 100%
}
.case h2 img {
  width: 100%
}
.page3{
  display: none;
}
.wk_btndiv{
  top: inherit;
    bottom: -58px;
    left: 50%;
    right: inherit;
    margin-left: -50px;
    transform: translate(-50%, 0);
}
.wk_scrollcontainer{
  width: 100%
}
.case .wk_case_list,
.case .wk_case_list .wk_case_img,
.case .wk_case_list .wk_case_ico,
.case .wk_case_list .wk_case_img img
{
  height: 120px;
}
.case{
  overflow: visible;padding-top: 50px;
}
.case .wk_case_list .wk_case_xian {
    position: absolute;
    top: 22px;
    left: 22px;
    height: 80px!important;
    width: 75%;
    height: 146px;
}



}
/*结束*/


/*手机客服*/
/*底部手机客服*/

.footkf,.ycxf,.register_container{

  display: none;

}


@media screen and (max-width: 600px) {
  body{
    padding-bottom: 48px!important;
  }

    .footkf{

  display: block;

}

.footkf {

    position: fixed;

    width: 100%;

    height: 48px;

    line-height: 48px;

    bottom: 0;z-index: 999999;

    text-align-last: left;

    background: url(/skin/images/foot_bg.png) no-repeat center top;

}

.footkf li {

    float: left;

    width: 50%;list-style-type: none;

    text-align: left;

}

.footkf li a {

    display: block;

    width: 100%;

    height: 100%;

    font-size: 16px;

    color: #fff;

}

.footkf li .tel {

    text-indent: 40%;

    background: url(/skin/images/tel.png) no-repeat 26% center;

    background-size: 28px 28px;

}

.footkf li .zixun {

    text-indent: 45%;

    width: 100%;

    background: url(/skin/images/zixun.png) no-repeat 26% center;

    background-size: 34px 24px;

}

.ycxf{

  width: 70px;height: 70px;
z-index: 9999;
  position: fixed;right: 5px;top:50%;transform: translate(0, -50%);

  display: block;

  border-radius: 50%;

    background: #ef1f1f url(/skin/images/module-bg-6.png) center center no-repeat;

    background-size: 100%;

    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.3);

}

.register_container{

  padding: 10px;box-sizing: border-box;display: none;

}

.rghz span{

  font-size: 16px;

}

.rghz{

  padding-bottom: 10px;display: flex;justify-content: space-around;align-items: center;

}

.rgbt{

      background: #2196F3;

    color: #fff;

    padding: 5px 15px;

    font-size: 12px;

}

.layui-layer-btn a{

      width: 44%!important;

    text-align: center!important;height: 35px!important;

    line-height: 35px!important;

}

.layui-layer-btn .layui-layer-btn0 {

    border-color: #dedede!important;

    background-color: #fff!important;

    color: #333!important;

}

.layui-layer-btn .layui-layer-btn1 {

    border-color: #1E9FFF;

    background-color: #1E9FFF;

    color: #fff;

}

}

@media screen and (max-width: 321px) {

.rghz{

  justify-content: space-between;

}

}


/*结束*/