@charset "utf-8";
/*banner*/
.banner{width:100%;position:relative;height:auto;overflow: hidden;background:#fff;}
.banner .bd{ margin:0 auto; position:relative;z-index:0;overflow:hidden;}
.banner .bd li{ width:100%;height:auto;overflow:hidden;text-align:center;}
.banner .bd li img{ display:block;width:100%;}
.banner .hd{ width:100%;  position:absolute;z-index:1;bottom:26px;left:0;height:6px;line-height:6px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{ cursor:pointer; display:inline-block;*display:inline;zoom:1;width:6px;height:6px;margin:0 10px 0 0;
    overflow:hidden;line-height:999px;background:#eee;border-radius: 50%;}
.banner .hd ul .on{width: 33px;border-radius: 5px;}


/*advantage*/
.advantage{height: auto;overflow: hidden;}
.advantage ul li{float: left;width: 200px;height: 98px;text-align: center;font-size: 14px;position: relative;z-index: 0;cursor: default;}
.advantage ul li .text-box{height:58px;padding: 20px 15px;opacity: 0;filter:alpha(opacity=0);transition: all .3s linear;display: block;position: absolute;left: 0;top:0}
.advantage ul li .text-box p{line-height: 18px;}
.advantage ul li .text-box p:first-child{margin-bottom: 5px;}
.advantage ul li:hover .text-box{opacity: 1;filter:alpha(opacity=100);background: #9ed8f6;}
.advantage .icon{width: 66px;height: 65px;background: url(../images/advantage-icon.png) center top no-repeat;display: block;margin: 15px auto;}
.advantage .icon1{background-position: 0 1px;}
.advantage .icon2{background-position: 0 -64px;}
.advantage .icon3{background-position: 0 -130px;}
.advantage .icon4{background-position: 0 -196px;}
.advantage .icon5{background-position: 0 -261px;}
.advantage .icon6{background-position: 0 -326px;}

/*video*/
.video{width: 100%;height: auto;overflow: hidden;}

/*product*/
.product{width: 100%;height: auto;overflow: hidden;position: relative;}
.product ol{float: left; width: 9%; height: auto;overflow: hidden; }
.product ol li{width:100%;height: 300px;line-height: 300px;text-align: center; overflow: hidden;font-size: 18px;cursor: default;}
.product ol li.on{background: #9ed8f6;}
.product ul{width: 91%;float: left;}
.product ul dl{float:left;background: #fff;width:47%;height: auto;overflow: hidden; }
.product ul li dd{width:33.333%;float: left;height: auto;overflow: hidden;position: relative;}
.product ul li dd img{width: 100%;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.product ul li dd p{position: absolute;left: 0;right: 0;height: 28px;line-height:28px;top:50%;margin-top: -14px;text-align: center;color:#000}
.product ul li dd:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.product .product-list{width: 47%;float: left;padding:2% 3% 0;}
.product .product-list .title{margin-left: 60px;}
.product .product-list h1{font-size: 40px;line-height: 40px;margin:20px 0 10px;font-family: arial;}
.product .product-list h2{font-size:20px;}
.product .product-con{width: 95%;height: auto;overflow: hidden;margin-top: 5%;margin-left: 5%;}
.product .product-con .img-box{width: 30%;float: left;}
.product .product-con .img-box img{width: 100%;}
.product .product-con .text-box{width: 65%;float: right;font-size: 18px;padding: 20px 0;}
.product .product-con .text-box h2{font-family: arial;margin-bottom: 5px;}
.product .product-con .text-box .mc{margin: 15px 0 10px;}
.product .product-con .text-box .jj{font-size: 16px;color: #9fa0a0;}
.product .product-con .btn-box{margin: 20px 0;}
.product .product-con .btn-box a{font-size: 14px;border: 1px solid #a0d9f6;color: #a0d9f6;border-radius: 15px;padding:4px 15px;margin-right: 15px;}
.product .product-con .btn-box a i{font-size: 16px}
.product .product-con .btn-box a:hover{background-color: #a0d9f6;color: #fff;}
.product .product-con .btn-box a.btn-more{border-color: #5dbdaf;color: #5dbdaf;}
.product .product-con .btn-box a.btn-more:hover{background-color: #5dbdaf;color: #fff;}

/*calculation*/
.calculation{height: auto;overflow: hidden;padding: 40px 0;}
.calculation .w1200 .w332{}
.calculation .w1200 .w332{width: 332px;height: 510px;overflow: hidden;background: #fff;padding: 15px 20px;float: left;border:1px solid #eee;margin-left: 39px;}
.calculation .w1200 .w332:first-child{margin: 0;}
.calculation .w1200 .w332 h1{font-size: 16px;line-height: 33px;padding-bottom: 15px;border-bottom: 1px solid #eee;}
.calculation .w1200 .w332 h1 .icon{width: 33px;height: 33px;background: url(../images/calculation-icon.png) center no-repeat;display: block;float: left;margin-right: 15px;}
.calculation .w1200 .w332 h1 .btn-more{float: right;line-height: normal;margin-top: 5px;padding: 3px 10px;color: #9ed8f6;border-color: #9ed8f6;}
.calculation .w1200 .w332 h1 .btn-more:hover{background-color: #9ed8f6;color: #fff;}
.calculation .news h1 .icon{background-position: 0 0 !important;}
.calculation .news li{height: auto;overflow: hidden;padding: 20px 0;border-bottom: 1px solid #eee;}
.calculation .news li:last-child{border: 0;}
.calculation .news .img-box{width: 165px;height: 117px;overflow: hidden;float: left;margin-right: 13px;border-radius: 10px;}
.calculation .news .img-box img{width: 100%;display: block;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;border-radius: 10px;}
.calculation .news .text-box .date{font-size: 15px;color: #9fa0a0;font-family: arial;margin-bottom: 5px;transition: all .3s linear;padding-bottom: 3px;margin-top: 6px;}
.calculation .news .text-box h2{font-size: 14px;line-height: 20px;color: #000;max-height: 60px;overflow: hidden;margin-bottom: 17px;transition: all .3s linear;}
.calculation .news .text-box .btn-more{float: right;}
.calculation .news li:hover img{transform: matrix(1.04, 0, 0, 1.04, 0, 0);-webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);}
.calculation .news li:hover h2{color: #333;}
.calculation .news li:hover .date{transform: translateX(5px);}
.calculation .news li:hover .btn-more{color: #9ed8f6;border-color: #9ed8f6;}
.calculation .compute h1 .icon{background-position: 0 -66px !important;}
/*我的家*/
.calculation .home{overflow: visible !important;position: relative;}
.calculation .home .prev,.calculation .home .next{width: 12px;height: 25px;position: absolute;top: 50%;margin-top: -13px;}
.calculation .home .prev{left: -22px;}
.calculation .home .next{right: -22px;}
.calculation .home .bd{height: auto;overflow: hidden;}
.calculation .home .bd .home-con{height: auto;overflow: hidden;}
.calculation .home .bd .bd-con{height: auto;overflow: hidden;}
.calculation .home .bd .bd-con table{font-size: 16px;margin-top: 8px;text-align: center;width: 100%;}
.calculation .home .bd .bd-con table tr td{padding: 5px 0;}
.calculation .home .bd .bd-con table tr td img{margin: 0 auto;}
.calculation .home .bd .bd-con table span{display: block;padding: 4px 0;color: #9fa0a0;font-size: 14px;border: 1px solid #9fa0a0;border-radius: 35px;}
.calculation .home .bd .bd-con table span i{margin-right: 6px;}
.calculation .home .bd .bd-con .comment{height: auto;overflow: hidden;border: 1px solid #eeeeef;margin-top: 13px;}
.calculation .home .bd .bd-con .comment .comment-head{background-color: #a0d9f6;color: #fff;padding: 8px 10px;}
.calculation .home .bd .bd-con .comment a{color: #fff;font-size: 14px;}
.calculation .home .bd .bd-con .comment img{margin-right: 10px;}
.calculation .home .bd .bd-con .comment textarea{resize:none;width:94%;border:0;line-height:20px;font-size: 13px;color: #9fa0a0;padding: 2% 3%;}

.compute-con ul li input{width: 230px;}
.compute-con ul li .select .select-text{width: 230px;}
.compute-con ul li .select dl{width: 240px;}
.compute-con ul li em{top: 24px !important;right: 8px;}
.compute-con .btn-submit,.compute-con .btn-reset{display:inline-block;margin:14px auto 0;font-size: 14px;border: 1px solid #9fa0a0;color: #9fa0a0;border-radius: 30px;padding: 5px 15px;}
.compute-con .btn-submit i,.compute-con .btn-reset i{font-size: 14px;margin-left: 6px;background: none;}
.compute-con .btn-submit{border-color:#9fd9f6;color:#9fd9f6;margin-right: 60px;margin-left: 44px;}
.compute-con .btn-submit:hover{background-color: #9fd9f6;color: #fff;}
.compute-con .btn-reset{border-color:#5dbdaf;color:#5dbdaf;}
.compute-con .btn-reset:hover{background-color:#5dbdaf;color:#fff;}

/*核心科技*/
.core{position: relative;overflow: hidden;height: auto;}
/*.swiper-wrapper{height: 835px;}*/
.core .swiper-slide>img{display: block;}
.core .slimg01{display: block;margin: 13% auto 0;width: 378px;}
.core .slimg02{margin: 14% auto 0;}
.core .slimg03{margin: 11% auto 0;width: 73%;}
.core .swiper-slide p{top: 11%;left: 20%; font-size: 22px;font-weight: bold;position: absolute;}
.core .swiper-slide p.mao{left: 0;right: 0;text-align: center;}
.core .swiper-slide span{top: 18%;left: 20%;width: 270px;font-size: 15px;display: block;position: absolute;}
.core .swiper-slide span.mao{left: 50%;margin-left: -135px;}
.core .slide02 p{top: 11%;left:20%;}
.core .slide02 .hr01{position: absolute;top: 54.9%;left: 25.7%;width: 239px;}
.core .slide02 .hr02{transform: rotateZ(-45deg);position: absolute;width: 178px;top: 47.2%;left: 37%;}
.core .slide02 .b01{position: absolute;top: 53%;left: 21%;font-weight: normal;font-size: 18px;}
.core .slide02 .hr03{position: absolute;top: 36.4%;left: 63.47%;width: 239px;}
.core .slide02 .hr04{transform: rotateZ(-45deg);position: absolute;top: 44%;left: 55.5%;width: 178px;}
.core .slide02 .b02{position: absolute;top: 35%;left: 77%;font-weight: normal;font-size: 18px;}
.core .slide03 p{top: 7%;left:13%;}
.core .slide03 span{top: 14%;left: 13%;width: 290px;}
.core .swiper-button-prev{display:none;width: 100px;height: 100px;background: url("../images/icon-prev.png") center center no-repeat;left: 70px;}
.core .swiper-button-next{display:none;width: 100px;height: 100px;background: url("../images/icon-next.png") center center no-repeat;right: 70px;}
.slimg04_1{position: absolute;top: 47%;left: 26.3%;width: 3.5%;}
.slimg04_2{position: absolute;top: 16.2%;left: 29.4%;width: 7%;}
.slimg04_3{margin: 0 auto;width: 400px;}
.slimg04_4{position: absolute;top: 17%;right: 32%;width: 3.5%;}
.slimg04_5{position: absolute;top: 44%;right: 24%;width: 4.5%;}
.slimg04_6{position: absolute;top: 70%;right: 29%;width: 5.7%;}
.slimg04_7{position: absolute;top: 75%;left: 36%;width: 2.8%;}
.slide05 .box{width: 420px;margin: 0 auto;position: relative;}
.slimg05_3{width: 344px;display: block;margin: 0 auto;}
.icon01{animation: rotate1 12s linear infinite;position: absolute;top:49%;left: 43.8%;width: 53px;}
.icon02{animation: rotate2 12s linear infinite;position: absolute;top:49%;left: 43.8%;width: 53px;}
@keyframes rotate1 {
    from {
        transform: rotate(0deg)  translate(145px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translate(145px) rotate(360deg);
    }
}
@keyframes rotate2 {
    from {
        transform: rotate(0deg)  translate(-145px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translate(-145px) rotate(-360deg);
    }
}
.box2{position: absolute;top: 0;right: 0;width: 100%;height: 100%;}
.slide06{margin: auto}
.slide06 .box1{margin: 0 auto;position: relative;width: 850px;left: 4px;}
.slide06 .box1 .slimg06{margin: 0 auto;width:850px;display: block}
.slide06 .icon03{animation: rotate3 5s linear infinite;position: absolute;top: 50%;left: 50%;margin-left: -88px;margin-top: -70px;width: 170px;}
@keyframes rotate3 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.slide07{margin: auto;}
.slide07 .slimg07{margin: 0 auto;}
.slide07 .slimg07{display: block;width: 650px;}
.box3{width: 650px;margin: 0 auto;position: relative;}
.box4,.box5{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.slimg07_1{position: absolute;top: 7%;left: 15%;width: 2%;}
.slimg07_2{position: absolute;top: 35%;left: 25%;width: 3%;}
.slimg07_3{position: absolute;top: 80%;left: 20%;width: 4%;}
.slimg07_4{position: absolute;top: 6%;right: 23%;width: 5%;}
.slimg07_5{position: absolute;top: 61%;right: 20%;}
.slimg07_6{position: absolute;top: 80%;right: 24%;width: 4%;}
.slide07 .icon04,.slide07 .icon05{animation: rotate4 12s linear infinite;width: 35px;position: absolute;top: 50%;left: 50%; display: block;margin-top: -3px;margin-left: -17px;}
.slide07 .icon05{animation: rotate5 12s linear infinite;}
@keyframes rotate4 {
    from {
        transform: rotate(0deg)  translate(74px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translate(74px) rotate(360deg);
    }
}
@keyframes rotate5 {
    from {
        transform: rotate(0deg)  translate(-74px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translate(-74px) rotate(-360deg);
    }
}