html,body,div,ul,li,em,i,font,img,h1,h2,h3,h4,dl,dt,dd,p,span,select,textarea,input,form,label {margin:0;padding:0}
/*html,body{font-family:'微软雅黑','Microsoft yahei';overflow-y: auto;margin: 0 auto;}*/
html,body{font-family:'微软雅黑','Microsoft yahei';width:100%;height: 100%;box-sizing:border-box;}
ul,li {list-style-type:none}
a {text-decoration:none;outline:none;-moz-outline-style:none;color: inherit;}
a,input,button{outline: none;}
img {border:0; vertical-align: middle}
i{ font-style:normal;display: inline-block}
a,span{display: inline-block}
/*body::-webkit-scrollbar {display:none}*/
.wid1600{width: 83.33%;height: 100%;margin: 0 auto;position: relative;}

/*头部*/
.top-head-body{position: relative;background: #fff;color: #000000;height: 4.6vw;line-height: 4.6vw;width: 100%;z-index: 999999}
.left-logo{width: 35%;float: left;font-size: 1.7vw;font-weight: bold;}
.left-logo img{width: 3.1vw;position: relative;top: 0.8vw;margin-right: 2.5%;float: left}
.top-head-tab{width: 30%;height: 100%;float: right;font-size: 0.93vw;padding-top: 1.5%;box-sizing: border-box }
.top-head-tab a{margin-right: 9%;padding-bottom: 1%}
.top-head-tab a:last-child{margin-right: 0}
.top-head-tab .tab-active, .top-head-tab a:hover{color: #167cd9;border-bottom: 3px solid #167cd9}
.right-ExterLinkes{position: absolute;right:0;top: 0;font-size:0.78vw;width: 20%;text-align: right;color: #000000;white-space: nowrap }
.right-ExterLinkes a{height: 1.3vw;line-height:1.3vw}
.right-ExterLinkes a:first-child{margin-right: 4%;border-right: 1px solid #cccccc;padding-right: 7%}
.right-ExterLinkes a:nth-child(2){margin-right: 4%;border-right: 1px solid #cccccc;padding-right: 7%}
.right-ExterLinkes a:nth-child(3){margin-right: 4%;border-right: 1px solid #cccccc;padding-right: 7%}
.right-ExterLinkes a:hover{color: #167cd9;}

/*banner*/
.banner-body{height: 43.5vw;width: 100%;position: relative;background: url("../img/web/top-banner-bg.jpg") no-repeat center center;background-size: cover;}
/*banner旋转部分*/
/*中心球载入的动画*/
@-webkit-keyframes slide-in{
    0% {opacity: 0.5;transform: translateY(100%)}
    5% {opacity: 0.6;transform: translateY(75%)}
    10% {opacity: 0.8;transform: translateY(50%)}
    20% {opacity: 0.8;transform: translateY(25%)}
    30% {opacity: 0.8;transform: translateY(0%)}
    40% {opacity: 0.9;transform: translateY(-10%)}
    50% {opacity: 0.9;transform: translateY(5%)}
    60% {opacity: 0.9;transform: translateY(-8%)}
    70% {opacity: 0.9;transform: translateY(3%)}
    80% {opacity: 0.9;transform: translateY(-2%)}
    90% {opacity: 0.9;transform: translateY(2%)}
    100% {opacity: 1;transform: translateY(0)}
}
.slide-in {
    animation: slide-in-1 2s linear;
    -webkit-animation: slide-in 2s linear;
}
.sphereBody{position: absolute;width:70%;height: 100%;left: 0;right: 0;margin: 0 auto;z-index: 999}
.centerBoxBall{position: absolute;width:21.7vw;height: 21.7vw;background: url("../img/web/centerBall.png")no-repeat;background-size: 100% 100%;
                 left: 0;right: 0;margin: 0 auto;top: 15%;z-index: 99;
}

@keyframes actionY{
    0%{
        top:5.2vw;  transform:translateY(0) scale(0.6);z-index: 99;
    }
    100%{
        top: 0; transform:translateY(75%) scale(1);z-index: 9999;
    }
}

/*球周围光束*/
/*右光束*/
.light-Box-right{width: 36.4vw;height: 36.4vw;position: absolute;left: 0;right: 0;margin: 0 auto;transform: rotateZ( -38deg);
    animation: lightR 3s linear infinite;
}
.light-right{
    width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;
    border-radius: 50%;transform: rotateX( 99deg);
}
.light-right i{width: 100%;height: 100%;background: url("../img/web/light-right.png")no-repeat;background-size: 100% 100%;
    animation: rotation-clockwise 3s linear infinite;}
/*顺时针旋转*/
@-webkit-keyframes rotation-clockwise {
    from {-webkit-transform: rotate(0deg);
    }to {
         -webkit-transform: rotate(360deg);
     }}
@keyframes lightR{
    0%{
        z-index:9;
    }
    10%{
        z-index:9;
    }
    20%{
        z-index:9;
    }
    30%{
        z-index:9;
    }
    40%{
        z-index:9;
    }
    50%{
        z-index:999;
    }
    60%{
        z-index:999;
    }
    70%{
        z-index:999;
    }
    80%{
        z-index:9;
    }
    90%{
        z-index:9;
    }
    100%{
        z-index:9;
    }
}
/*左光束*/
.light-Box-left{width: 36.4vw;height: 36.4vw;position: absolute;left: 0;right: 0;margin: 0 auto;transform: rotateZ( 20deg);bottom: 10%;
    animation: lightR 3s linear infinite;
}
.light-left{
    width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;
    border-radius: 50%;transform: rotateX( 99deg);
}
.light-left i{width: 100%;height: 100%;background: url("../img/web/light-left.png")no-repeat;background-size: 100% 100%;
    animation: clockwise 3s linear infinite;}
/*顺时针旋转*/
@-webkit-keyframes clockwise {
    from {-webkit-transform: rotate(360deg);
    }to {
         -webkit-transform: rotate(0deg);
     }}

/*.runBubbleBox li{position: absolute;left:16%;bottom: 34%;width: 10.57vw;height: 11vw;}*/
.runBubbleBox li{
    position: absolute;width: 10.57vw;height: 11vw;
    left:0;bottom: 25%
}
/*.runBubbleBox li i{display: none}*/
/*top: 0;bottom: 0;*/
.runBubbleBox li i{display: inline-block;z-index: 999}

/*//8个圆,x和y轴动画加起来是40s , 40s/8 等于 5s*/
/*//每个球y轴动画延迟 从0递减5s,x轴与y相差动画时长的一半（20s/2 等于 10s）*/
.runBubbleBox li .BubbleBox-1{width: 10.57vw;height: 11vw;position: absolute;background: url("../img/web/BubbleBox-1.png")no-repeat center center;background-size: 100% 100%;
    animation: animX 20s cubic-bezier(0.36, 0, 0.64, 1) -10s infinite alternate,
    animY 20s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate,
    scale 40s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
}
.runBubbleBox li .BubbleBox-2{width: 10.57vw;height: 11vw;position: absolute;background: url("../img/web/BubbleBox-2.png")no-repeat center center;background-size: 100% 100%;
    animation: animX 20s cubic-bezier(0.36, 0, 0.64, 1) -15s infinite alternate,
    animY 20s cubic-bezier(0.36, 0, 0.64, 1) -5s infinite alternate,
    scale 40s cubic-bezier(0.36, 0, 0.64, 1) -5s infinite alternate;
}
.runBubbleBox li .BubbleBox-3{width: 10.57vw;height: 11vw;position: absolute;background: url("../img/web/BubbleBox-3.png")no-repeat center center;background-size: 100% 100%;
    animation: animX 20s cubic-bezier(0.36, 0, 0.64, 1) -20s infinite alternate,
    animY 20s cubic-bezier(0.36, 0, 0.64, 1) -10s infinite alternate,
    scale 40s cubic-bezier(0.36, 0, 0.64, 1) -10s infinite alternate;
}
.runBubbleBox li .BubbleBox-4{width: 10.57vw;height: 11vw;position: absolute;background: url("../img/web/BubbleBox-4.png")no-repeat center center;background-size: 100% 100%;
    animation: animX 20s cubic-bezier(0.36, 0, 0.64, 1) -25s infinite alternate,
    animY 20s cubic-bezier(0.36, 0, 0.64, 1) -15s infinite alternate,
    scale 40s cubic-bezier(0.36, 0, 0.64, 1) -15s infinite alternate;
}
.runBubbleBox li .BubbleBox-5{width: 10.57vw;height: 11vw;position: absolute;background: url("../img/web/BubbleBox-5.png")no-repeat center center;background-size: 100% 100%;
    animation: animX 20s cubic-bezier(0.36, 0, 0.64, 1) -30s infinite alternate,
    animY 20s cubic-bezier(0.36, 0, 0.64, 1) -20s infinite alternate,
    scale 40s cubic-bezier(0.36, 0, 0.64, 1) -20s infinite alternate;
}
.runBubbleBox li .BubbleBox-6{width: 10.57vw;height: 11vw;position: absolute;background: url("../img/web/BubbleBox-6.png")no-repeat center center;background-size: 100% 100%;
    animation: animX 20s cubic-bezier(0.36, 0, 0.64, 1) -35s infinite alternate,
    animY 20s cubic-bezier(0.36, 0, 0.64, 1) -25s infinite alternate,
    scale 40s cubic-bezier(0.36, 0, 0.64, 1) -25s infinite alternate;
}
.runBubbleBox li .BubbleBox-7{width: 10.57vw;height: 11vw;position: absolute;background: url("../img/web/BubbleBox-7.png")no-repeat center center;background-size: 100% 100%;
    animation: animX 20s cubic-bezier(0.36, 0, 0.64, 1) -40s infinite alternate,
    animY 20s cubic-bezier(0.36, 0, 0.64, 1) -30s infinite alternate,
    scale 40s cubic-bezier(0.36, 0, 0.64, 1) -30s infinite alternate;
}
.runBubbleBox li .BubbleBox-8{width: 10.57vw;height: 11vw;position: absolute;background: url("../img/web/BubbleBox-8.png")no-repeat center center;background-size: 100% 100%;
    animation: animX 20s cubic-bezier(0.36, 0, 0.64, 1) -45s infinite alternate,
    animY 20s cubic-bezier(0.36, 0, 0.64, 1) -35s infinite alternate,
    scale 40s cubic-bezier(0.36, 0, 0.64, 1) -35s infinite alternate;
}

@keyframes animX{
    0% {left: 15vw;}
    100% {left: 59vw;}
}
@keyframes animY{
    0% {top: 0;}
    100% {top: 5vw;}
}
@keyframes scale {
    0% {
        transform: scale(0.5);z-index: 99;
    }
    50% {
        transform: scale(0.7);z-index: 9999;
    }
    100% {
        transform: scale(0.5);z-index: 99;
    }
}


.runAnimation{animation: actionX1 4s ease-in-out -2s infinite alternate, actionY1 4s ease-in-out 0s infinite alternate;}
@keyframes actionX1{
    0%{
        left: 15vw; /*最左边*/
    }
    100%{
        left: 59vw; /*最右边*/
    }
}
@keyframes actionY1{
    0%{
        top: 3.8vw;  transform:translateY(0) scale(0.5);z-index: 99;
    }
    100%{
        top: 0; transform:translateY(75%) scale(0.7);z-index: 9999;
    }
}

/*<!--底座箭头旋转-->*/
.baseArrow-Box{width: 41.66vw;height: 41.66vw;position: absolute;left: 30%;top:27%;
    border-radius: 50%;transform: rotateX( 82deg);}

.baseArrow-Box i:nth-of-type(1){width: 100%;height: 100%;position: absolute;bottom:10%;left:0;
    background: url("../img/web/rotate-circle-1.png")no-repeat;background-size: 100% 100%;
    animation: rotation-clockwise 5s linear infinite;

}
.baseArrow-Box i:nth-of-type(2){width: 90%;height: 90%;position: absolute;bottom:14%;left:6%;
    background: url("../img/web/rotate-circle-2.png")no-repeat;background-size: 100% 100%;
    animation: rotation-anti-clockwise 5s linear infinite;
}
.baseArrow-Box i:nth-of-type(3){width: 80%;height: 80%;position: absolute;bottom:19%;left:11%;
    background: url("../img/web/rotate-circle-1.png")no-repeat;background-size: 100% 100%;
    animation: rotation-clockwise 5s linear infinite;
}


/*底部旋转的圆圈*/
/*定义两种（顺时针/逆时针）的旋转方式*/
@-webkit-keyframes rotation-clockwise {
    from {-webkit-transform: rotate(0deg);
    }to {
         -webkit-transform: rotate(360deg);
     }}
@-webkit-keyframes rotation-anti-clockwise {
    from {-webkit-transform: rotate(0deg);
    }to {
         -webkit-transform: rotate(-360deg);
     }}





.roundLine-box .roundLine-left-box{position: absolute;left: 20%;top: 20%}
/*中心球旁边的虚线*/
.dotted-line-box{position: absolute;z-index: 17;width: 70%;height: 100%;left: 0;bottom: 32%;right: 0;margin: 0 auto}
/*.dotted-line-smectite{ position: absolute;width: 100%;height:100%;z-index: 18;border-radius: 10%;}*/
/*
.dotted-line-orange{ width: 100%;height:100%;background: url("../images/waterworks/other-analysis/dotted-line-orange.png") no-repeat center;background-size: contain;position: absolute;bottom:0;left: 0;}
.dotted-line-blue{ width: 80%;height: 58.7%;background: url("../images/waterworks/other-analysis/dotted-line-blue.png") no-repeat center;background-size: contain;position: absolute;bottom:0;left: 10%;}*/
.dotted-line-orange{ width: 100%;height:83%;position: absolute;bottom:-2%;left: 0;
    overflow: hidden;display: none;}
.dotted-line-orange .dotted-line-left{width: 6.25vw;height: 16.1vw;border: 3px dashed #F99506;position: absolute;bottom: -6%; left: 26%;
    border-radius: 50%;transform: rotate(-44deg);border-right: 0;border-bottom: 0;border-top: 0;}
.dotted-line-orange .dotted-line-right{width: 6.25vw;height: 16.1vw;border: 3px dashed #F99506;position: absolute;bottom: -6%; right: 26%;
    border-radius: 50%;transform: rotate(44deg);border-left: 0;border-bottom: 0;border-top: 0;}
.dotted-line-orange i{display: block;width:0.78vw;height: 0.78vw;background: #F99506;position: absolute;border-radius: 50%;
    box-shadow: rgb(255 206 2) 0px 0px 0.93vw;}
.dotted-line-orange .dotted-line-left i{left: 33%;top:-3%}
.dotted-line-orange .dotted-line-right i{right: 35%;top:-2%}

.dotted-line-blue{ width: 80%;height: 50%;position: absolute;bottom:-2%;;left: 10%;
    overflow: hidden;display: none;}
.dotted-line-blue .dotted-line-left{width: 5.2vw;height: 14.8vw;border: 3px dashed #03E8F4;position: absolute;bottom: -17%; left: 32%;
    border-radius: 50%;transform: rotate(-56deg);border-right: 0;border-bottom: 0;border-top: 0;}
.dotted-line-blue .dotted-line-right{width: 5.2vw;height: 14.8vw;border: 3px dashed #03E8F4;position: absolute;bottom: -17%; right: 32%;
    border-radius: 50%;transform: rotate(56deg);border-left: 0;border-bottom: 0;border-top: 0;}
.dotted-line-blue i{display: block;width:0.78vw;height: 0.78vw;background: #03E8F4;position: absolute;border-radius: 50%;
    box-shadow: rgb(0 243 248) 0 0 0.93vw;}
.dotted-line-blue .dotted-line-left i{left: 31%;top: -3%;}
.dotted-line-blue .dotted-line-right i{right: 33%;top: -3%;}


/*两大功能悬浮*/
.suspension-Box{position: absolute;width: 70%;height: 100%;top: 0;left: 0;right: 0;margin: 0 auto}
.funBox-left{position: absolute;left: 9%;top: 10%;width:17.55vw;height: 12.6vw;
background: url("../img/web/funBox-left.png")no-repeat;background-size: 100% 100%}
.funBox-right{position: absolute;right: 8%;top: 10%;width:17.55vw;height: 12.6vw;
    background: url("../img/web/funBox-right.png")no-repeat;background-size: 100% 100%}




/*banner四个要点*/
.sliderBody4 .bx-viewport{
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
}
.top-listLink-body{ z-index:1000;position: absolute;bottom: 0;width: 100%;height: 7.39vw;background: rgba(37,111,215,0.85);border-top: 1px solid #629be9;border-bottom: 1px solid #629be9;}

.top-listLink-body .bx-wrapper .bx-controls-direction a{
    border-radius: 50%;
    width: 2vw;
    height: 2vw;
    display: none;
}
.top-listLink-body:hover .bx-wrapper .bx-controls-direction a{
    display: inline-block;
}
.top-listLink-body .bx-wrapper .bx-prev{
    background: url("../img/web/btn-prev-booter.png")no-repeat;background-size: 100% 100%;
}
.top-listLink-body .bx-wrapper .bx-next{
    background: url("../img/web/btn-next-booter.png")no-repeat;background-size: 100% 100%;
}
.top-listLink-body .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
    display: none;
}
.top-listLink-body ul{width:100%;height: 100%;color: #fff;font-size: 0.72vw;}
.top-listLink-body ul li{width: 25%;height: 100%;padding-left: 0.7%;padding-right:0;box-sizing: border-box;border-right: 1px solid #629be9;float: left;position: relative;
    z-index: 999;
}
/*定义一个名字为lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/
@keyframes lefteaseinAnimate{
    0%{ transform: translateX(-2000px); opacity: 0;}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
    100%{ transform: translateX(0px); opacity: 1;}         /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0); opacity: 1;}
}
@-o-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0); opacity: 1;}
}
@-ms-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0); opacity: 1;}
}
@-moz-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0); opacity: 1;}
}
.top-listLink-body ul li img{position: absolute;left: 1.5vw;top: 2.5vw;width: 14%}
.top-listLink-body ul li a{display: inline-block;overflow: hidden;position: relative;top: 50%; transform: translateY(-50%);}
.top-listLink-body ul li a p.fontStyle{font-size: 0.98vw;font-weight: bold;margin-bottom: 2%}
.top-listLink-body ul li:last-child{border: 0}





/*<!--信息公告-->*/
.Notice-body{width: 100%;height: 38.2vw;background: #f6f8fb;padding-top: 0.5%;box-sizing: border-box;
    background: url("../img/web/Notice-body-bg.png")no-repeat;background-size: 100% 100%;
}
.columnTitle{color: #888888;font-size: 0.83vw;text-align: center;
        width: 29.78vw;height: 5.9vw;margin: 3% auto;background: url("../img/web/notice-title.png")no-repeat;background-size: 100% 100%;
}
.columnTitle p:first-child{color: #2a313d;font-size: 1.56vw;line-height: 3.38vw}
.Notice-body .info-body{
    font-size: 0.72vw;color: #666666;width: 100%;height: 23.69vw;
}
.Notice-body .info-body .info-left{
    width: 39.3%;height: 100%;float: left;
}
.Notice-body .info-body .info-left .transformImg{
    width: 100%;height: 23.5vw;overflow: hidden;
}
.Notice-body .info-body .info-left .transformImg img {
    width: 100%;
    overflow: hidden;
    display: block;
    transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
}
.Notice-body .info-body .info-left .transformImg:hover img{cursor: pointer;transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);}

.Notice-body .info-body .info-left .transformImg-text{
    width: 100%;height: 5.15vw;position: relative;
}
.Notice-body .info-body .info-left .transformImg-text p:nth-of-type(1){
    font-size: 0.93vw;color: #000000;line-height: 2.6vw;width:80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
 }
.Notice-body .info-body .info-left .transformImg-text p:nth-of-type(2){
    line-height: 1.25vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.Notice-body .info-body .info-left .transformImg-text a{position:absolute;bottom:6%;right:0;color: #0b68c5;background: #f6f8fb;padding: 0 1.3%}
.Notice-body .info-body .info-left .transformImg-text a:hover{color: #1088ff}

.Notice-body .info-body .info-right{
    width: 100%;height: 100%;float: right;
}
.Notice-body .info-body .info-right .headTab{
    font-size: 1vw ;color: #2a313d;text-align: center;border-bottom: 1px solid #dddddd;height: 1.97vw;line-height: 1.97vw;position: relative;z-index: 2;
}
.Notice-body .info-body .info-right .headTab a{
    width: 5.4vw;float: left;margin-right: 2%;
}
.Notice-body .info-body .info-right .headTab a:hover, .Notice-body .info-body .info-right .headTab a.active{
    border-bottom: 3px solid #0171bc;color: #0171bc;
}
.headTab_more{float: right; margin-right: 20px; color: #666666;}
.headTab_more:hover{
    cursor: pointer;color: #0171bc;
}
.Notice-body .info-body .info-right .con-body{
    width: 100%;height: 21.7vw;position: relative;z-index: 1;
}

.Notice-body .info-body .info-right .con-body .conBox{
    width: 100%;height: 100%;position: absolute;top:0 ;left: 0;background: #f6f8fb;display: none;
}
.Notice-body .info-body .info-right .con-body .thisclass{display:inline-block;}
.Notice-body .info-body .info-right .con-body .conBox li{
    width: 100%;height: 6.4vw;padding-left: 8vw;padding-right: 1vw;box-sizing: border-box;
    background: #fff;margin-top: 0.78vw;position: relative;
    display: flex;justify-content: center;flex-direction: column;
    font-size: 0.83vw;
}

.Notice-body .info-body .info-right .con-body .conBox li:hover,
.Notice-body .info-body .info-right .con-body .conBox li:hover .time-box,
.Notice-body .info-body .info-right .con-body .conBox li:hover .time-box p,
.Notice-body .info-body .info-right .con-body .conBox li:hover .right-info-text p{
    background: rgb(40,106,218)!important;color: #fff!important;cursor: pointer;
}


.Notice-body .info-body .info-right .con-body .conBox li .time-box{
    width: 7vw;height: 100%;background: #dae7f9;text-align: center;color: #0171bc;font-size: 0.93vw;position: absolute;left: 0;top: 0;
    display: flex;align-items: center; justify-content: center;flex-direction: column;
}
.Notice-body .info-body .info-right .con-body .conBox li .time-box p:nth-of-type(1){
    font-size: 1.5vw;color: #333333;font-weight: bold;
}
.Notice-body .info-body .info-right .con-body .conBox li .right-info-text p:nth-of-type(1){
    font-size: 0.93vw;color: #000000;margin-bottom: 0.53vw;width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.Notice-body .info-body .info-right .con-body .conBox li .right-info-text p:nth-of-type(2){
    line-height: 1vw;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


/*<!--企业风采-->*/
.Company-body{background: url(../img/web/Company-bg.jpg)no-repeat center center; background-size: cover;
    width: 100%;height: 33.6vw;padding-top:1%;
}
.Company-title{
    width: 29.7vw;height:5.9vw;margin: 2% auto;
    background: url("../img/web/Company-title.png")no-repeat;background-size: 100% 100%;
}

.Company-con{
    /*display: -webkit-box; display: -ms-flexbox;display: flex; */
    justify-content: center;padding-top: 3%;    position: absolute;
    left: 1%;
    bottom: 30%;

}
.Company-con li{
    /*transform: rotate( -60deg ); -o-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);  -moz-transform: rotate(-60deg);*/
    margin-right: 0.6vw;
    margin-left: 0.6vw;
    margin-bottom: -5.2%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Company-con li div{
    float: left;
    cursor: pointer;
    text-align: center;
    margin-right: 6.2vw;
    width: 11vw;
    height: 9.45vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*flex 布局*/
    display: flex; align-items: center;justify-content: center;
    transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    background: url("../img/web/cell_box-bg.png")no-repeat;
    background-size: 100% 100%;
}
.Company-con li div:hover{
    cursor: pointer;
    transform: scale(1.5);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.5);
    z-index: 999;

}

.Company-con li div img{width: 5vw;height: auto}
.Company-con li:nth-child(2), .Company-con li:nth-child(3){margin-top: -3.8vw}


/*特色园区*/
.CharacPark-body{height: 33.6vw;background: url("../img/web/ParkBody-bg.jpg")no-repeat center center;background-size: cover;
    padding-top: 0.6%;box-sizing: border-box;margin-bottom: 2.6vw}
.CharacPark-title{
    width: 29.7vw;height:5.9vw;margin: 2% auto;
    background: url("../img/web/CharacPark-title.png")no-repeat;background-size: 100% 100%;
}
.sliderBody{width: 93.5%;margin: 0 auto;height:25.5vw;position: relative;}
.sliderBody ul{height: 84%;position: absolute!important;bottom: 10%}
.sliderBody ul li{float: left;width:29.3% ;height: 100%;margin-right: 6%;background:#fff;padding-bottom: 0.2%;border-radius: 4px;
    box-shadow:0 1px 0.83vw #0d39a8;position: relative }
.sliderBody ul li:last-child{margin-right: 0}
.sliderBody ul li:hover{cursor: pointer;top: -4%;}

.sliderBody ul li img{width: 100%;height: 90.7%;border-radius: 4px 4px 0 0}
.sliderBody ul li .info-title{font-size: 0.833vw;color:#091c35;margin: 4% 7% 5.5% 7%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sliderBody ul li .info-user{font-size:0.729vw;color:#9da4ae;margin: 1.5% 7%;white-space: nowrap}
.sliderBody ul li .uesrLogin{color:#0e73cf;}
.sliderBody .bx-wrapper{height: 80%}
.bx-wrapper .bx-prev{position: absolute;left: -7%;top: 46%;background: url("../img/web/btn-prev.png") no-repeat;background-size: 100% 100%;
}
.bx-wrapper .bx-next{position: absolute;right: -7%;top: 46%;background: url("../img/web/btn-next.png") no-repeat;background-size: 100% 100%;
}
.bx-wrapper .bx-next:hover{background: url("../img/web/btn-next.png") no-repeat;background-size: 100% 100%;}
/*slider插件样式修改*/
.bx-wrapper{height: 100%;margin: 0}
.bx-wrapper .bx-viewport{border: 0;box-shadow:none;background: inherit;height: 100%!important;}
/*.sliderBody .bx-wrapper .bx-pager{display: none}*/
.bx-wrapper .bx-controls-direction a{width: 1.4vw;height: 2.5vw}
.sliderBody .bx-wrapper .bx-viewport{left: 1.25vw}
.sliderBody .bx-wrapper .bx-pager{bottom: -2.3vw;left: 1.25vw}
.sliderBody .bx-wrapper .bx-pager.bx-default-pager a{width: 1.3vw;height:0.26vw;background: #2662cb;border-radius: 0}
.sliderBody .bx-wrapper .bx-pager.bx-default-pager a.active{background: #d6e3fa;}
.sliderBody .bx-wrapper .bx-prev{left: -4%}
.sliderBody .bx-wrapper .bx-next{right: -6%}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align: center;width: 100%}
.tempWrap{width: 100%!important;}


/*分页*/
.pagesBox{
    height: 2.6vw;width: 100%;text-align: center;margin-top: 1.25vw;
}
.pagesBox span{
    width: 4.7vw;height: 2.6vw;border: 1px solid #eaebed;box-sizing: border-box;margin: 0 0.5vw;
    background: url("../img/web/home-icon.png")no-repeat center center;background-size: 13% auto;
}
.pagesBox a{
    width: 2.6vw;height: 2.6vw;border: 1px solid #eaebed;box-sizing: border-box;
}
.pagesBox a:hover{
    background-color:#0171BC!important; border: 1px solid #0171BC;
}
.pagesBox a.prev{
    background: url("../img/web/prev-icon.png")no-repeat center center;background-size: 30% auto;
}
.pagesBox a:hover.prev{
    background: url("../img/web/prev-icon-hover.png")no-repeat center center;background-size: 30% auto;
}
.pagesBox a.next{
    background: url("../img/web/next-icon.png")no-repeat center center;background-size: 30% auto;
}
.pagesBox a:hover.next{
    background: url("../img/web/next-icon-hover.png")no-repeat center center;background-size: 30% auto;
}










    /*脚注*/
.footer-body{background: #3e7cff;font-size: 0.9vw;width: 100%;margin-top: 2.3vw}
.footer-body .outLink-box{border-bottom: 1px solid #bababa;padding-top: 2%;padding-bottom: 1.6%;overflow: hidden}
.footer-body .outLink-box .left-text{width: 5%;float: left;position: relative;top:-0.26vw;color: #fff}
.footer-body .outLink-box .right-body{width: 90%;float: left;position: relative}
.footer-body .outLink-box .right-scroll-box{width: 90%;float: left;margin-left: 2%;overflow: hidden;line-height: 2vw;height: 2vw}
.sliderBody3{width: 90%;float: right;margin-left: 2%;}
.footer-body .outLink-box .right-scroll-box li{width: 20%;margin-right: 1.5%;text-align: center;color: #fff;background:#6596FF;line-height: 2vw;float: left }
.footer-body .outLink-box .right-scroll-box li a:hover{color:#5884a5 }
.footer-body .footer-remarks{font-size: 0.72vw;color: #fff;line-height: 1.56vw;padding: 3% 1%; }
.right-body .prev, .right-body .next{display: inline-block;width: 2vw;height: 2vw}
.right-body .prev{position: absolute;left: 5%;top: 0;background: url("../img/web/btn-prev-booter.png") no-repeat;background-size: 100% 100%;
}
.right-body .next{position: absolute;right: -5%;top: 0;background: url("../img/web/btn-next-booter.png") no-repeat;background-size: 100% 100%;
}
/*.right-body .next:hover{background: url("../img/web/btn-next.png") no-repeat;background-size: 100% 100%;}*/


/*公众号*/
.WeChat-body{position: fixed;right: 0.78vw;bottom: 0.78vw;width: 5.5vw;z-index: 9999999}
.WeChat-body li{width: 100%;height: 5.1vw;cursor: pointer}
.WeChat-body li img{z-index: 999999999}
/*.WeChat-body li a{display:block;height: 80px;line-height: 80px; font-size: 14px;color: #333; }*/
/*.WeChatBox-1{background: url("../../../images/web/webchat_01.jpg") no-repeat;background-size: 100% 100%}*/
.WeChatBox-1{background: url("../../../images/web/webchat_02.jpg") no-repeat;background-size: 100% 100%}
/*.WeChatBox-2{background: url("../../../images/web/webchat_02.jpg") no-repeat;background-size: 100% 100%;}*/
.WeChatBox-2{background: url("../../../images/web/webchat_02.jpg") no-repeat;background-size: 100% 100%;}
.WeChatBox-3{background: url("../../../images/web/webchat_03.jpg") no-repeat;background-size: 100% 100%;}
.WeChatBox-4{background: url("../../../images/web/webchat_04_1.png") no-repeat;background-size: 100% 100%;}
/*.WeChatBox-1:hover{background: url("../../../images/web/webchat_01-2.jpg") no-repeat;background-size: 100% 100%}*/
.WeChatBox-1:hover{background: url("../../../images/web/webchat_02-2.jpg") no-repeat;background-size: 100% 100%}
.WeChatBox-2:hover{background: url("../../../images/web/webchat_02-2.jpg") no-repeat;background-size: 100% 100%}
.WeChatBox-3:hover{background: url("../../../images/web/webchat_03_2.jpg") no-repeat;background-size: 100% 100%}
.WeChatBox-4:hover{background: url("../../../images/web/webchat_04_2.png") no-repeat;background-size: 100% 100%}
.WeChatBox-1 .webcat-code1{position: fixed;right: 6.3vw;bottom:5.78vw;width: 6.5vw;height: 6.5vw;}
.WeChatBox-2 .webcat-code2{position: fixed;right: 6.3vw;bottom:10.98vw;width: 6.5vw;height: 6.5vw; }
.WeChatBox-3 .webcat-code3{position: fixed;right: 6.3vw;bottom:115px;width: 6.5vw;;height: 6.5vw;}
.WeChatBox-4 .webcat-code4{position: fixed;right: 6.3vw;bottom:0.78vw;width: 6.5vw;;height: 6.5vw;}
/*插件样式修改*/
.tempWrap{width: 100%!important;}
.bx-controls-auto{display:none}

/*锚点定位*/
.anchorLocation-body{
    position: fixed;
    left:0.78vw;
    top:30%;
    width:7.6vw ;
    height: 23.4vw;
    background: url("../../../images/index2/anchorLocation-body-bg.png")no-repeat;
    background-size: 100% 100%;
    color: #2e2d2d;
    font-size: 0.9375vw;
    text-align: center;
    z-index: 99999;
    padding-top: 7.6%;
    box-sizing: border-box;
}
.anchorLocation-body a{
    display: flex;
    width: 94%;
    height: 4.2vw;
    align-items: center;
    justify-content: center;
    flex-direction:column;
    margin: 1% auto;

}
.anchorLocation-body a img{
   margin-bottom: 5.5%;
}
.anchorLocation-body a:hover,.anchorLocation-body a.anchorActive{
    background: #c8e2ff;
}
