@charset "utf-8";
/* CSS Document */
body,html{
    font-family: "Microsoft YaHei", "微软雅黑" !important; 
    margin:0;
    padding: 0;
  }
body,div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,p,input,span,a,img,b,table,tr,th,td,tbody,form,fiedset,pre,textarea,blockquote {margin: 0;padding: 0;border: none 0;list-style: none;color:#333;border-collapse: collapse;}
a {text-decoration: none;outline: none;}
img {display: block;}
body {  font-family:"Microsoft YaHei","微软雅黑";font-size: 14px;min-width: 1400px;max-width: 100%;margin:0 auto;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: 400;}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,summary {margin: 0;padding: 0;display: block;}
input,button,select,textarea {outline: none;  font-family:"Microsoft YaHei","微软雅黑";background: none;border-radius: 0;border: none;}
textarea {resize: none;}
/*默认公用样式*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999!important;font-weight: normal;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999!important;font-weight: normal;opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999!important;font-weight: normal;opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999!important;font-weight: normal;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color:#999!important;font-weight: normal;}

.fl {float: left;}
.fr {float: right;}
.fz:after,.clearfix:after {content: "";clear: both;display: block;font-size: 0;height: 0;}
.fz,.clearfix {zoom: 1;}
.swiper-pagination{
    bottom:20px !important;
}
.center{margin:0 auto;

    width:1400px;}

@-webkit-keyframes anim4 {
    from { -webkit-transform: rotateZ(0deg);}
    50% { -webkit-transform: rotateZ(-180deg);}
    to { -webkit-transform: rotateZ(-360deg);}
}
@-moz-keyframes anim4 {
    from { -webkit-transform: rotateZ(0deg);}
    50% { -webkit-transform: rotateZ(-180deg);}
    to { -webkit-transform: rotateZ(-360deg);}
}
@-ms-keyframes anim4 {
    from { -webkit-transform: rotateZ(0deg);}
    50% { -webkit-transform: rotateZ(-180deg);}
    to { -webkit-transform: rotateZ(-360deg);}
}
@-o-keyframes anim4 {
    from { -webkit-transform: rotateZ(0deg);}
    50% { -webkit-transform: rotateZ(-180deg);}
    to { -webkit-transform: rotateZ(-360deg);}
}
@keyframes anim4 {
    from { -webkit-transform: rotateZ(0deg);}
    50% { -webkit-transform: rotateZ(-180deg);}
    to { -webkit-transform: rotateZ(-360deg);}
}
@-webkit-keyframes shake {
     0%{
        -webkit-transform:translate(2px, 2px);
      }
      25%{
          -webkit-transform:translate(-2px, -2px);
      }
     50%{
         -webkit-transform:translate(0px, 0px);
     }
     75%{
         -webkit-transform:translate(2px, -2px);
     }
     100%{
         -webkit-transform:translate(-2px, 2px);
    }
 }
 @keyframes shake {
     0%{
         transform:translate(2px, 2px);
     }
     25%{
         transform:translate(-2px, -2px);
     }
     50%{
         transform:translate(0px, 0px);
     }
     75%{
         transform:translate(2px, -2px);
     }
     100%{
         transform:translate(-2px, 2px);
     }
 }
 @keyframes scale1 {
  0%,100% {-webkit-transform:scale(1);
           -moz-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1);
  }
  40% {-webkit-transform:scale(1.06);
        -moz-transform:scale(1.06);
      -o-transform:scale(1.06);
      transform:scale(1.06);
  }
}
@-moz-keyframes turn1 {
  to {
    -webkit-transform: rotateY(-1turn);
      -moz-transform: rotateY(1turn);
      -o-transform: rotateY(1turn);
    transform: rotateY(1turn);
  }
}

@keyframes turn1 {
  to {
      -webkit-transform: rotateY(1turn);
      -moz-transform: rotateY(1turn);
      -o-transform: rotateY(1turn);
    transform: rotateY(1turn);
  }
}
.wraper {
        animation:vertical-animation 2s  .5s 2;
        animation-timing-function: cubic-bezier(0,.3,3,.11);
    }
    /*水平运动*/
    .wraper .item {
        animation: hor-animation 2s linear .5s 2;
    }
    @-moz-keyframes hor-animation {
        0% { transform: translateX(0px); }
        100% { transform: translateX(400px); }
    }
    @-webkit-keyframes hor-animation {
        0% { transform: translateX(0px);     }
        100% { transform: translateX(400px); }
    }
    @-moz-keyframes vertical-animation {
        0%{
        transform: translateY(0px);
      }
     40%{
          transform: translateY(27px);;
      }
     70%{
         transform: translateY(-36px);;
     }
     100%{
         transform: translateY(0px);
        }
    }
    @-webkit-keyframes vertical-animation {
        0%{
        transform: translateY(0px);
      }
     40%{
          transform: translateY(27px);;
      }
     70%{
         transform: translateY(-36px);;
     }
     100%{
         transform: translateY(0px);
    }
    }
/*顶部*/
.header{width:100%;background:#1a1a1a;height:80px;position: relative;z-index: 999;}
.logo{margin:16px 0;width:205px;height:48px;}
.logo h1{float:left;width:190px;height:48px;}
.logo h1 img{display:block;width:100%;height:100%;}
.navBarList{height:40px;margin-top:20px;}
.navItem{float:left;width:122px;position: relative;height: 40px;text-align: center;}
.navItem a{
    font-size: 18px;
}
.navItem a:hover{
    font-weight: bold;
    color: #fff
}
.navItemBt{color:#ddd;text-align:center;line-height:40px;display: inline-block;}
.navItemBt.current{color:#fff175;}
.navItemBtIcon{background:url(../../images/pc/list1.png) right center no-repeat;padding-right:20px;}
.navItem:hover .navItemBtIcon{background:url(../../images/pc/list2.png) right center no-repeat;color:#fff;font-weight:bold;}
.navItemList{display:none;width:128px;background:#1a1a1a;z-index:999;padding:20px 0 10px;margin:0 auto;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 0 2px 2px 4px #3b3b3b;}
.navItem:hover .navItemList{display: block;}
.navItemList a{width:100%;font-size:16px;line-height:40px;color:#ccc;margin:6px auto;padding:0;display: block;}
.navItemList a:hover{color:#fff;}
.areaTop{height: 80px;position: relative;margin-right: 100px;}
.areaName{position:relative;height: 100%;}
.areaName a{display: block;height:80px;line-height:80px;font-size:18px;color:#ddd;background:url(../../images/pc/list3.png) right center no-repeat;padding-right:20px;}  
.areaTop:hover .areaName a{color:#fff;font-weight:bold;background:url(../../images/pc/list4.png) right center no-repeat;}
.areaList{width:426px;position:absolute;left:-206px;z-index:999;padding:30px 12px 10px;margin:0 auto 0;border-radius:0 0 16px 16px;background:rgba(0,0,0,.75);display: none;}
.areaTop:hover .areaList{display: block;}
.areaList a{float:left;width:auto;margin:0 auto 30px;line-height:16px;font-size:16px;color:#ccc;text-align:center;padding:0 18px;}
.areaList a:hover{color:#fff;font-weight:bold;}

/*banner*/
.banner{width: 100%;height: 600px;}
.banner a,.banner img{display: block;width: 100%;height: 100%;}
.banner .swiper-pagination span{width: 28px;height: 8px;border-radius: 4px;background: rgba(255, 255, 255, 0.4);}
.banner .swiper-pagination span.swiper-pagination-bullet-active{background:rgba(255, 255, 255, 1);}



.footerSite {width:100%;background:url(../../images/pc/foot-bg.jpg) center no-repeat;
    background-size: cover;
    padding:25px 0;}
.siteBtn{ margin-bottom: 20px;overflow: hidden;}
.siteBtn a{height: 36px;font-size: 16px;text-align: center;color: #fefefe;line-height: 34px;display: block;float: left;border-radius: 19px;margin-right: 10px;margin-top: 20px;width: 80px;border:1px solid transparent;overflow: hidden;}
.siteBtn a.on,.siteBtn a:hover {background: #000;border: 1px solid #666;color: #fefefe;}
.siteList{min-height: 140px;background: rgba(255, 255, 255, 0.1);border-radius: 16px;padding:50px;}
.siteItemDetailsItem{display: none;}
.siteItemDetailsList{width: 540px;}
.siteItembtn{width: 645px;    overflow: hidden scroll;
    height: 140px;}
    .siteItembtn::-webkit-scrollbar {
        width: 0px;
    }
.cutBox div.on{display: block;}
.siteItemDetailsItem p{font-size: 14px;line-height: 35px;color: #ccc;}

.siteItemDetailsItem a {cursor: pointer; display: block;width: 96px;height: 32px;border-radius: 18px;font-size: 14px;line-height: 30px;color: #ccc;text-align: center;border: 1px solid #999;margin-top: 20px;overflow: hidden;}
.siteItemDetailsItem a:hover{background:rgba(0, 0, 0, 0.3);color:#fff}
.siteItembtn a {float: left;width: 124px;height: 30px;border-radius: 18px;font-size: 14px;line-height: 28px;color: #ccc;text-align: center;border: 1px solid #999;margin-bottom: 20px;margin-right: 30px;overflow: hidden;}
.siteItembtn a:hover,.siteItembtn a.on {background: rgba(0, 0, 0, 0.3);color:#fff}


.foot{height:40px;padding:30px 0;background:#000;}
.foot p{font-size: 14px;color:#999;text-align:center;line-height: 40px;}
.foot a{display:inline-block;}
.foot a:hover{color:#3153f3;}   


@media screen and (max-width: 1400px) { 
    /* .bodys{
        zoom: 10%;
        } 	 */
}




.addConsult{
    width: 179px;
    height: 307px;
    position: fixed;
    right: 0px;
    top: 10%;
    padding-top:158px;
    text-align: center;
    z-index: 9999;
    background:url(../../images/pc/cbl.png) right center no-repeat;
}
.consult{
}
.close{
 position: absolute;
    right: 8px;
    top: 15px;
    width: 14px;
    height: 14px;
    background: url(../../images/pc/close.png) no-repeat;
    opacity: 0.8;
    cursor: pointer;
}
.consult ul a{
    display: block;
    width:92px;height:30px;background:#1c70ff;font-size:14px;line-height:30px;color:#fff;text-align:center;border-radius:15px;margin:0 auto;
}
.consult  ul a:hover{background:#0746d4;color:#fff;}
.consult ul li{
    position: relative;
    height: 30px;
    margin-bottom: 8px;
    padding-left:7px;
    position: relative;
}
.consult ul li span{
    display: none;
    background: #1c70ff;
    border-radius: 6px;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.16);
    position: absolute;
}
.ziwxIcon{
    width: 104px;
    height: 104px;
    padding:10px;
}
.consult ul li span img {
    width: 100%;
    height: 100%;
    display: block;
}
.ziwxIcon{
    top:-46px;
    left:-95px;
}
.ziphoneIcon{
    top:-1px;
    left:-95px;
    width: 124px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
}
.consult ul li:hover span{
    display: block;
}
.trBtn{
    display: block;
    width: 60px;
    height: 60px;
    color:#fff;
    margin-top: 19px;
    margin-left: 63px;
    line-height: 60px;
    border-radius: 60px;
}
.trBtn:hover{
    background:none;
}