* { padding: 0;margin: 0;outline: none;}
ul,ol { list-style: none;}
.container { width: 1200px;margin: 0 auto;}
a { -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
a,a:hover,a:focus,a:visited { text-decoration: none; }
body { font-family: "微软雅黑";}
/* 头部 */
#head { background: #080a1f;height: 80px;z-index: 55;}
#head .container { position: relative;}
#logo { margin-top: 17px;display: inline-block;}
#topnav { float: right;}
#topnav ul { overflow: hidden;}
#topnav ul>li { float: left;height: 80px;box-sizing: border-box;}
#topnav ul>li+li { margin-left: 25px;}
#topnav ul>li>a { font-size: 16px;color: #fff;padding: 0 15px;display: block;line-height: 80px;}
#topnav ul>li.current,#topnav ul li:hover { border-bottom: 4px solid #00a0e9;}

#head .dropmenu {position: absolute;top: 80px;left: 0;width: 100%;background: #fff;padding: 30px 55px 40px 55px;z-index: 999;display: none;}
#head .dropmenu.show { display: block;}
#head .dropmenu .safe { width: 640px; float: left;}
#head .dropmenu .yunit,#head .dropmenu .buyandask,#head .dropmenu .connectus { width: 210px; float: left;margin-right: 30px;}
#head .dropmenu .solution { width: 250px; float: right;}
#head .dropmenu h1 { font-size: 20px;border-bottom: 1px solid #e3e3e3;padding-bottom: 30px;margin-bottom: 30px;}
#head .dropmenu .safe dl { float: left;width: 33.33%;height: 160px;}
#head .dropmenu dt { font-size: 16px;color: #00a0e9;margin-bottom: 10px;font-weight: 700;}
#head .dropmenu dd { position: relative;line-height: 28px;}
#head .dropmenu dd:before { content: '>';color: #000;font-size: 16px;position: absolute;top: -2px;left: 0;}
#head .dropmenu dd a { color: #000;font-size: 14px;-webkit-transition: all .1s ease;
   -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
     -o-transition: all .1s ease;
        transition: all .1s ease;padding-left: 20px;}
#head .dropmenu dd:hover a { color: #00a0e9;}
#head .dropmenu dd:hover:before { color: #00a0e9;}
#head .dropmenu .solution h1 { margin-bottom: 0;border-bottom: none;}
#head .dropmenu .solution dd { height: 50px;line-height: 50px;background: #0af;margin-bottom: 5px;border: 1px solid transparent;-webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease;}
#head .dropmenu .solution dd:nth-child(1) a { background: url(../images/line1.png) no-repeat;background-size: cover;}
#head .dropmenu .solution dd:nth-child(2) a { background: url(../images/line2.png) no-repeat;background-size: cover;}
#head .dropmenu .solution dd:nth-child(3) a { background: url(../images/line3.png) no-repeat;background-size: cover;}
#head .dropmenu .solution dd:nth-child(4) a { background: url(../images/line4.png) no-repeat;background-size: cover;}
#head .dropmenu .solution dd:nth-child(5) a { background: url(../images/line5.png) no-repeat;background-size: cover;}
#head .dropmenu .solution dd:nth-child(6) a { background: url(../images/line6.png) no-repeat;background-size: cover;}

#head .dropmenu .solution dd:before { content: '';}
#head .dropmenu .solution dd a { color: #fff;display: block;text-align: center;}
#head .dropmenu .solution dd:hover { background: #fff;border-color: #c9c9c9;}
#head .dropmenu .solution dd:hover a{ background: #fff;}
#head .dropmenu .solution dd:hover a { color: #009ae2;}

#head .dropmenu .serverpro,#head .dropmenu .serchserve,#head .dropmenu .gethelp,#head .dropmenu .safeandupdate,#head .dropmenu .bepartner,#head .dropmenu .signed,#head .dropmenu .train,#head .dropmenu .compony,#head .dropmenu .center,#head .dropmenu .employ,#head .dropmenu .subcompony { width: 23%;float: left;margin-right: 2%;}


#head .dropmenu .solution a { padding-left: 0;}


/*语言*/
.language{float:right;
          color:#fff;
          font-size:14px;
          margin-left: 34px;
          position: relative;
          cursor: pointer;

}
.language span{line-height: 80px;}
.language .con{position: absolute;
                   width: 86px;
               left: -24px;
               text-align: center;
               background: #fff;
               display: none;
               z-index: 999;
}
.language .con a{display: block;
                 width:100%;
                 padding: 12px;
                 color:#666;
               box-sizing: border-box;
}
.language .con a.on{border-bottom: 1px solid #ddd;}
.language .con a:hover{color:#000;}

#sidebar { width: 80px;height: 280px;-radius: 20px;position: fixed;right: -20px;bottom: 10vh;z-index: 55;}
#sidebar .top { width: 60px;height: 170px;box-shadow: 0 0 10px rgba(0,0,0,.4);border-top-left-radius: 20px;border-bottom-left-radius: 20px;position: relative;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
#sidebar .top:before { content: '';width: 30px;height: 300px;position: absolute;right: 100%;top: 0;display: none;}
#sidebar .top:hover:before { display: block;}
#sidebar .top:hover,#sidebar .bottom:hover { box-shadow: 0 0 10px rgba(0,0,0,.8);}
#sidebar .top .infobox { padding: 30px 0;background: #fff;border-radius: 10px;position: absolute;right: 150%;top: 50%;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);box-shadow: 0 0 10px rgba(0,0,0,.7);z-index: 5;display: none;}
#sidebar .top .infobox.show { display:block;}
#sidebar .top .infobox a:hover { background: #0af;color: #fff;}
#sidebar .top .infobox:after { content: '';width: 0;height: 0;border: 10px solid #fff;position: absolute;right: -10px;top: 50%;margin-top: -5px;border-color: transparent transparent #fff #fff;-webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
     -o-transform: rotate(-135deg);
        transform: rotate(-135deg);box-shadow: 0 0 10px rgba(0,0,0,.7);z-index: -1;}
#sidebar .top .buyask { overflow: hidden;width: 600px;}
#sidebar .top .buyask>div { float: left;height: 58px;}
#sidebar .top .infobox>div+div{ margin-top: 30px;}
#sidebar .top  .line1 { padding-left: 65px;margin-right: 50px;position: relative;}
#sidebar .top .buyask .line1 span { width: 58px;height: 58px;background: url(../images/tel.svg) no-repeat;background-size: contain;display: inline-block;vertical-align: middle;position: absolute;top: 0;left: 0;}
#sidebar .top .buyask .line2 { position: relative;box-sizing: border-box;padding-top: 10px;}
#sidebar .top .buyask .line2 .tel { height: 34px;padding: 2px;box-sizing: border-box;width: 235px;}
#sidebar .top .buyask .line2 input { width: 80%;border:  1px solid #c4c4c4;padding-left: 5px;height: 34px;box-sizing: border-box;border-radius: 4px;}
#sidebar .top .buyask .line2 input:focus { box-shadow: rgba(0,170,255,.5);border-color: #0af;}
#sidebar .top .buyask .line2 a { width: 90px;height: 34px;border: 1px solid #00aaff;color: #00aaff;line-height: 34px;padding: 0 5px;background: #fff;box-sizing: border-box;position: absolute;top: 12px;right: 0;border-radius: 4px;text-align: center;}
#sidebar .top  .buyask .line3 { float: right;margin-top: 10px;}
#sidebar .top  .line3 a { height: 34px;line-height: 34px;border: 1px solid #00aaff;color: #00aaff;box-sizing: border-box;border-radius: 4px;text-align: center;display: inline-block;padding: 0 20px;margin-top: 2px;}
#sidebar .top .buyask .line2 a:hover { background: #00aaff;color: #fff;}
#sidebar .top .infobox h1 { font-size: 18px;margin-top: 5px;margin-bottom: 5px;}
#sidebar .top .infobox p { font-size: 14px;}
#sidebar .top .proask .line1 span { width: 58px;height: 58px;background: url(../images/ask.svg) no-repeat;background-size: contain;display: inline-block;vertical-align: middle;position: absolute;top: 0;left: 0;}
#sidebar .top .product .line1 span { width: 58px;height: 58px;background: url(../images/write.svg) no-repeat;background-size: contain;display: inline-block;vertical-align: middle;position: absolute;top: 0;left: 0;}
#sidebar .top .product h1 i { font-style: normal;font-size: 14px;color: #0af;}
#sidebar .top .product .line3,#sidebar .top .proask .line3 { float: right;margin-top: 12px;}
#sidebar .top .product .line1,#sidebar .top .proask .line1 { float: left;}
#sidebar .top .product,#sidebar .top .proask,#sidebar .top .buyask { overflow: hidden;height: 58px;padding: 0 30px;background: #fff;}






#sidebar .top a> span { width: 100%;height: 60px;border-top-left-radius: 20px;display: block;background: #00aaff url(../images/chat.png) no-repeat center center;}
#sidebar .top h4 { width: 100%;height: 110px;background: #fff;border-bottom-left-radius: 20px;}
#sidebar .top h4 p { font-size: 14px;color: #000;width: 16px;margin: 0 auto;line-height: 16px;padding-top: 10px;text-align: center;}
#sidebar .bottom { width: 60px;height: 65px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;background: #fff url(../images/totop.png) no-repeat center center;margin-top: 20px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;box-shadow: 0 0 10px rgba(0,0,0,.4);cursor: pointer;
    display: none;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
#laybar { width: 350px;height: 180px;background: #fff;border-radius: 20px;position: absolute;right: -48px;bottom: 98px;z-index: 55;overflow: hidden;display: none;}
#laybar h1 { font-size: 20px;background: #0af;padding: 10px 0;padding-left: 30px;color: #fff;font-weight: 600;}
#laybar .close { width: 21px;height: 21px;background: url(../images/close.png) no-repeat;background-size: contain;position: absolute;top: 13px;right: 20px;cursor: pointer;}
#laybar .left { float: left;width: 60%;border-right: 1px solid #b7b7b7;height: 85px;margin-top: 20px;}
#laybar .right{ float: right;width: 38%;height: 85px;margin-top: 20px;text-align: center;}
#laybar .left input { width: 165px;box-sizing: border-box;border: 1px solid #b5b5b5;border-radius: 20px;margin-left: 25px;padding: 10px 0;padding-left: 15px;background: none;margin-bottom: 12px;}
#laybar .left input[type="text"]:focus { box-shadow: 0 0 15px rgba(0,170,255,.5);border-color: rgb(145,218,255);}
#laybar .left input[type="submit"] { background: #0af;color: #fff;padding-left: 0;cursor: pointer;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;border-color: transparent;}
#laybar .left input[type="submit"]:hover { background: #038aca;color: #fff;}
#laybar .right p { text-align: center;padding: 8px 0;margin-bottom: 12px;font-weight: 700;}
#laybar .right a { padding: 10px 20px;background: #0af;color: #fff;border-radius: 20px;display: inline-block;box-sizing: border-box;text-align: center;font-size: 14px;}
#laybar .right a:hover { background: #038aca;color: #fff;}




/* banner */
.idxbanner { position: relative;height: 850px;}
.idxbanner .swiper-slide.img { position: relative;height: 850px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.idxbanner .swiper-slide.video { height:100%;overflow: hidden;height: 850px;position: relative;}
.idxbanner .swiper-slide.video:after { content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.7);}
.idxbanner .swiper-slide.video video { position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      object-fit: cover;
      height: 100%; width: 100%;}
.idxbanner .swiper-slide img { width: 100%;}
.idxbanner .swiper-slide .text { position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);z-index: 33;}
.idxbanner .swiper-slide .text h1 { text-align: center;color: #fff;font-size: 46px;margin-top: 20vh;letter-spacing: 2px;}
.idxbanner .swiper-slide .text h2 { text-align: center;color: #fff;font-size: 32px;font-weight: normal;margin: 40px 0;}
.idxbanner .swiper-slide .text .check { margin: 0 auto;text-align: center;}
.idxbanner .swiper-slide .text .check a { padding: 10px 20px;color: #fff;background: #00a0e9;border-radius: 30px;display: inline-block;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.idxbanner .swiper-slide .text .check a span { width: 23px;height: 23px;display: inline-block;background: url(../images/index_play01.png) no-repeat;vertical-align: middle;margin-left: 10px;}
#watch { margin-right: 10px;}
.idxbanner .swiper-slide .text .check a:hover {background: #fff;color: #00a0e9;}
#watch:hover span { background: url(../images/index_play01_1.png) no-repeat;}
.idxbanner .swiper-slide .text .check a.more { margin-left: 10px;}
.idxbanner .swiper-slide .text .check a.more span { background: url(../images/more.png) no-repeat;}
.idxbanner .swiper-slide .text .check a.more:hover span { background: url(../images/more_1.png) no-repeat;}


.idxbanner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 15vh;}
.idxbanner .swiper-pagination-bullet { background: #fff;opacity: .2;width: 15px;height: 15px;}
.idxbanner .swiper-pagination-bullet-active { opacity: 1;background: #0af;}

.idxbanner .swiper-button-next.swiper-button-disabled,.idxbanner .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.idxbanner .swiper-button-next {width: 45px;height: 45px; background: url(../images/arrow_right.png) no-repeat;background-size: contain;right: 40px;z-index: 888;}
.idxbanner .swiper-button-prev {width: 45px;height: 45px; background: url(../images/arrow_left.png) no-repeat;background-size: contain;left: 40px;z-index: 888;}
.idxbanner .swiper-button-next:hover { background: url(../images/arrow_right2.png) no-repeat;background-size: contain;}
.idxbanner .swiper-button-prev:hover { background: url(../images/arrow_left2.png) no-repeat;background-size: contain;}




/* banner nav  */
.idxbanner .idxnav { height: 125px;position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,.7);z-index: 8;}
.idxbanner .container { position: relative;}
.idxbanner .idxnav ul { overflow: hidden;display: -webkit-flex;
display: -ms-flex;
display: flex;justify-content: center;}
.idxbanner .idxnav ul li { float: left;flex: 1;}
.idxbanner .idxnav ul li a i { width: 36px;height: 36px;display: block;margin: 0 auto;background: url(../images/index_hotlink.svg) no-repeat;margin-top: 30px;margin-bottom: 10px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;-webkit-transform: scale(.9);
           -moz-transform: scale(.9);
            -ms-transform: scale(.9);
             -o-transform: scale(.9);
                transform: scale(.9);background-size: contain;}
.idxbanner .idxnav ul li a { padding: 0 30px;display: block;text-align: center;color: #fff;}
.idxbanner .idxnav ul li a:hover { color: #0af;}
.idxbanner .idxnav ul li a:hover i{-webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1); background: url(../images/index_hotlink2.svg) no-repeat;}
.idxbanner .idxnav ul li:nth-child(1) a { line-height: 125px;font-weight: bold;cursor: default;}
.idxbanner .idxnav ul li:nth-child(1) a:hover { color: #fff;}
.idxbanner .idxnav ul li:nth-child(2) a i { background: url(../images/index_proask.svg) no-repeat;background-size: contain;}
.idxbanner .idxnav ul li:nth-child(2) a:hover i { background: url(../images/index_proask2.svg) no-repeat;background-size: contain;}
.idxbanner .idxnav ul li:nth-child(3) a i { background: url(../images/index_lesson.svg) no-repeat;background-size: contain;}
.idxbanner .idxnav ul li:nth-child(3) a:hover i { background: url(../images/index_lesson2.svg) no-repeat;background-size: contain;}
.idxbanner .idxnav ul li:nth-child(4) a i { background: url(../images/index_story.svg) no-repeat;background-size: contain;}
.idxbanner .idxnav ul li:nth-child(4) a:hover i { background: url(../images/index_story2.svg) no-repeat;background-size: contain;}
.idxbanner .idxnav ul li:nth-child(5) a i { background: url(../images/index_softdownload.svg) no-repeat;background-size: contain;}
.idxbanner .idxnav ul li:nth-child(5) a:hover i { background: url(../images/index_softdownload2.svg) no-repeat;background-size: contain;}
.idxbanner .idxnav ul li:nth-child(6) a i { background: url(../images/index_contact.svg) no-repeat;background-size: contain;}
.idxbanner .idxnav ul li:nth-child(6) a:hover i { background: url(../images/index_contact2.svg) no-repeat;background-size: contain;}


/* 业务分类 */
#category .top { background: #fff;padding-top: 60px;padding-bottom: 40px;}
#category .bottom { background: #eaf2f7;padding: 55px 0;}
#category .top ul { display: -webkit-flex;
display: -ms-flex;
display: flex;justify-content: center;}
#category .top ul li { cursor: pointer;}
#category .top ul li:nth-child(2) { margin: 0 290px;}
#category .top ul li>div,#category .top ul li a>div { margin: 0 auto;position: relative;padding-top: 108px;text-align: center;width: 110px;}
#category .top ul li>div .i1,#category .top ul li a>div .i1 { width: 108px;height: 108px;background: url(../images/part1_bcircle.svg) no-repeat;position: absolute;top: 0;left: 0;}
#category .top ul li>div .i2,#category .top ul li a>div .i2 { width: 80px;height: 80px;background: url(../images/part1_circle.svg) no-repeat;position: absolute;top: 14px;left: 14px;}
#category .top ul li>div .i3 ,#category .top ul li a>div .i3{ width: 55px;height: 55px;position: absolute;top: 26px;left: 26px;}
#category .icon1 .i3 { background: url(../images/part1_01.svg) no-repeat;}
#category .icon2 .i3 { background: url(../images/part1_02.svg) no-repeat;}
#category .icon3 .i3 { background: url(../images/part1_03.svg) no-repeat;}
#category .top ul .li1.current .i3 { background: url(../images/part1_01_1.svg) no-repeat;}
#category .top ul .li2.current .i3 { background: url(../images/part1_02_1.svg) no-repeat;}
#category .top ul .li3.current .i3 { background: url(../images/part1_03_1.svg) no-repeat;}
#category .top ul li a { color: #000;display: block;}
#category .top ul li.current .i1/*,#category .top ul li>div:hover .i1*/ { -webkit-animation: rotatel 30s linear infinite;
animation: rotatel 30s linear infinite;}
#category .top ul li.current .i2/*,#category .top ul li>div:hover .i2*/{ -webkit-animation: rotates 30s linear infinite;
animation: rotates 30s linear infinite;}

#category .top ul li>div p,#category .top ul li a>div p { font-size: 22px;font-weight:600;margin-top: 20px;}

#category .bottom .box { background: #fff;position: relative;display: none;padding-top: 35px;padding-bottom: 45px;}
#category .bottom .box.show { display: block;}
#category .bottom .box ol { display: -webkit-flex;
display: -ms-flex;
display: flex;justify-content: center;}
#category .bottom .box ol li { flex: 1;text-align: center;padding: 30px 0;}
#category .bottom .box ol li+li { border-left: 2px solid #eaf2f7;}
#category .bottom .box ol li span { background: url(../images/index_png.svg) no-repeat;
display: block;margin: 0 auto;margin-bottom: 20px;}
#category .bottom .box ol li h3 { font-size: 22px;color: #00a0e9;font-weight: normal;margin-bottom: 20px;}
#category .bottom .box ol li p a{ font-size: 14px;line-height: 26px;color: #666;cursor: default;}
/*#category .bottom .box ol li p a:hover { color: #00a0e9;}*/
#category .bottom .box:before { content: '';width: 0;height: 0;border: 16px solid #eaf2f7;-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);position: absolute;top: -70px;}
#category .bottom .box1 { display: none!important;}
#category .bottom .box1:before { left: 182px;}
#category .bottom .box2:before { left: 585px;}
#category .bottom .box3:before { right: 182px;}
#category .bottom .box1 ol li:nth-child(1) span{ width: 42px;height: 42px;background-position: 0 0;}
#category .bottom .box1 ol li:nth-child(2) span{ width: 43px;height: 42px;background: url(../images/index_png2.svg) no-repeat;}
#category .bottom .box1 ol li:nth-child(3) span{ width: 41px;height: 42px;background: url(../images/index_png3.svg) no-repeat;}
#category .bottom .box1 ol li:nth-child(4) span{ width: 41px;height: 42px;background: url(../images/index_png4.svg) no-repeat;}
#category .bottom .box1 ol li:nth-child(5) span{ width: 41px;height: 42px;background: url(../images/index_png5.svg) no-repeat;}
#category .bottom .box1 ol li:nth-child(6) span{ width: 41px;height: 42px;background: url(../images/index_png6.svg) no-repeat;}

#category .bottom .box2 ol li:nth-child(1) span{ width: 42px;height: 44px;background: url(../images/index_png11.svg) no-repeat;}
#category .bottom .box2 ol li:nth-child(2) span{ width: 41px;height: 44px;background: url(../images/index_png10.svg) no-repeat;}
#category .bottom .box2 ol li:nth-child(3) span{ width: 45px;height: 44px;background: url(../images/index_png7.svg) no-repeat;}
#category .bottom .box2 ol li:nth-child(4) span{ width: 41px;height: 44px;background: url(../images/index_png12.svg) no-repeat;}
#category .bottom .box2 ol li:nth-child(5) span{ width: 39px;height: 44px;background: url(../images/index_png9.svg) no-repeat;}
/*#category .bottom .box2 ol li:nth-child(6) span{ width: 40px;height: 44px;background: url(../images/index_png12.svg) no-repeat;}*/

#category .bottom .box3 ol li:nth-child(1) span { width: 64px;height: 42px;background: url(../images/index_png13.svg) no-repeat;}
#category .bottom .box3 ol li:nth-child(2) span { width: 63px;height: 42px;background: url(../images/index_png14.svg) no-repeat;}
#category .bottom .box3 ol li:nth-child(3) span { width: 64px;height: 42px;background: url(../images/index_png15.svg) no-repeat;}
#category .bottom .box3 ol li:nth-child(4) span { width: 64px;height: 42px;background: url(../images/index_png16.svg) no-repeat;}
/* 案例 */
#case {padding-top: 60px;padding-bottom: 105px;}
#case .tab {margin-bottom: 75px;}
#case .tab ul { display: -webkit-flex;
display: -ms-flex;
display: flex;justify-content: center;margin: 0 120px;}
#case .tab ul li { flex: 1;text-align: center;}
#case .tab ul li a { font-size: 20px;color: #000;padding-bottom: 15px;}
#case .tab ul li.current a { border-bottom: 4px solid #00aaff;}
#case .content { overflow: hidden;display: none;}
#case .content.show { display: block;}
#case .content img { width: 100%;display: block;}
#case .content .left { width: 38%;float: left;position: relative;overflow: hidden;}
#case .content .left>a,#case .content .right>a {display: block;}
#case .content .right { width: 60%;float: right;}
#case .content .right .top { margin-bottom: 35px;position: relative;overflow: hidden;}
#case .content .right .bottom { position: relative;overflow: hidden;}
#case .content .title { width: 210px;height: 50px;line-height: 50px;position: absolute;top: 0;left: 0;background: url(../images/tmbj.png) no-repeat;font-size: 18px;padding-left: 20px;box-sizing: border-box;color: #fff;z-index: 5;}
#case .content .zhe { display: inline-block;width: 100%;height: 50%;
  background: linear-gradient( rgba(255,255,255,.0) ,rgba(0,0,0,.8) );position: absolute;bottom: 0;left: 0;}
#case .content .play { width: 60px;height: 60px;background: url(../images/index_play02.png) no-repeat;position: absolute;right: 20px;bottom: 20px;z-index: 8;cursor: pointer;background-size: contain;}
#case .content h1 { position: absolute;bottom: -3px;left: 35px;color: #fff;font-size: 22px;font-weight: normal;margin-bottom: 10px;padding-bottom: 25px;margin-bottom: 0;line-height: 36px;-webkit-transition: all .2s;
   -moz-transition: all .2s;
    -ms-transition: all .2s;
     -o-transition: all .2s;
        transition: all .2s;z-index: 4;}
#case .content .text { color: #fff;position: absolute;bottom: -188px;left: 0;box-sizing: border-box;width: 100%;
padding-left: 35px;padding-right: 90px;-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;z-index: 5;}
#case .content  h1:after { content: ' ';width: 55px;height: 3px;background: #00aaff;position: absolute;
bottom: -3px;left: 0;-webkit-transition: all .2s;
   -moz-transition: all .2s;
    -ms-transition: all .2s;
     -o-transition: all .2s;
        transition: all .2s;}
#case .content .text p { font-size: 14px;margin-top: 25px;line-height: 26px;}
#case .content .text a { padding: 10px 25px;color: #fff;background: #00aaff;display: inline-block;border-radius: 30px;margin: 20px 0;margin-bottom: 25px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
#case .content .text a:hover { background: #fff;color: #00a0e9;}
#case .content .right.p1 p{ height: 52px;}
#case .content .right .text.p2 { bottom: -135px;}
#case .content .right .text.p2 a,#case .content .text.p4 a { margin-bottom: 20px;}
#case .content .text.p3,#case .content .text.txt{ bottom: -210px;}
#case .content .text.p4 { bottom: -184px;}
#case .content .text.p6 { bottom: -236px;}
#case .content .txt{ bottom: -185px;}
#case .content .left:hover .text,#case .content .top:hover .text,#case .content .bottom:hover .text { bottom: 0;}
#case .content .left:hover h1,#case .content .top:hover h1,#case .content .bottom:hover h1 { padding-bottom: 10px;}
#case .content .left:after,#case .content .top:after,#case .content .bottom:after { content: ' ';width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;opacity: 0;background: rgba(0,0,0,.5);}
#case .content .left:hover:after,#case .content .top:hover:after,#case .content .bottom:hover:after { opacity: 1;}



/* 新闻 */
#news { padding-top: 30px;padding-bottom: 60px;background: #eaf2f7;}
#news ul {overflow: hidden;}
#news ul li { width: 385px; float: left; }
#news ul li .top { position: relative;}
#news ul li img { width: 100%;display: block;}
#news ul li+li { padding-left: 20px;}
#news ul li .top { margin-bottom: 30px;}
#news ul li .top h1 { width: 110px;height: 100%;color: #fff;background: rgba(0,170,255,.8);position: absolute;top: 0;left: 0;box-sizing: border-box;padding: 15px 20px;font-size: 30px;font-weight: normal;text-align: center;}
#news ul li p { width: 98%;margin-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 26px;}
#news ul li p a {  color: #000;-webkit-transition: all .1s ease;
   -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
     -o-transition: all .1s ease;
        transition: all .1s ease;}
#news ul li p span { display: inline-block;margin-right: 15px;}
#news ul li p:hover a { color: #0af;}
#news ul li p:hover span { color: #000;}
#news ul li:nth-child(3){ position: relative;}
#news ul li:nth-child(3) .text { position: absolute;top: 20px;left: 40px;color: #fff;}

#news ul li:nth-child(3) .text h2 { font-weight: normal;position: relative;}
#news ul li:nth-child(3) .text h2:after {content: '';width: 55px;height: 3px;background: #fff;position: absolute;left: 0;bottom: -20px;}
#news ul li:nth-child(3) .text a { padding: 5px 15px;background: #0af;color: #fff;border-radius: 30px;display: inline-block;margin-top: 110px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
#news ul li:nth-child(3) .text a:hover { background: #fff;color: #00a0e9;}
#news ul li:nth-child(3) .text a span { display: inline-block;width: 23px;height: 23px;background: url(../images/more.png) no-repeat;vertical-align: middle;margin-left: 10px;}
#news ul li:nth-child(3) .text a:hover span { background: url(../images/more_1.png) no-repeat;}

/* 底部视频 */
#ftvideo { height: 680px;background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;overflow: hidden;}
#ftvideo .text { position: absolute;top: 180px;left: 0;width: 100%;text-align: center;color: #fff;z-index: 22;}
#ftvideo .text h1 { font-size: 50px;font-weight: normal;}
#ftvideo .text a { padding: 10px 20px;color: #fff;border-radius: 20px;background: #0af;margin-top: 30px;display: inline-block;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
#ftvideo .text a:hover { background: #fff;color: #00a0e9;}
#ftvideo .text a span { width: 23px;height: 23px;background: url(../images/index_play01.png) no-repeat;display: inline-block;margin-left: 10px;vertical-align: middle;}
#ftvideo .text a:hover span { background: url(../images/index_play01_1.png) no-repeat;}
#ftvideo .ftvideo { width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;}
#ftvideo video { position: absolute;

      top: 50%; left: 50%;
      transform: translate(-50%, -50%);

      object-fit: cover;
      height: 100%; width: 100%;}

#ftvideo .ftvideo:after { content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.7);}



/* 视频弹窗 */
#videobox { width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 20;z-index: 9999;display: none;}
#closeb { width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.6);z-index: 20;}
#videobox .vcontent { width: 1000px;height: 552px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);z-index: 999;text-align: center;z-index: 22;}
#videobox .vcontent video { width: 100%;}
#closev { width: 35px;height: 35px;background: url(../images/shut.jpg) no-repeat;position: absolute;right: 0;top: 0;cursor: pointer;}




/*底板*/
#foot { background: #080a1f;padding: 40px 0;color: #fff;}
#foot .onlineask { padding-bottom: 50px;border-bottom: 1px solid #6b6c79;overflow: hidden;}
#foot .onlineask .left { float: left;margin-left:300px;height: 36px;line-height: 36px;}
#foot .onlineask .left a { color: #fff;padding: 0 15px;background: #0af;border-radius: 20px;display: inline-block;margin-left: 15px;height: 36px;line-height: 36px;border: 1px solid #0af;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
#foot .onlineask .left a:hover { background: #038aca;color: #fff;border-color: #038aca;}
#foot .onlineask .right {float: right;margin-right: 300px;}
#foot .onlineask .right .telask {width: 330px; float: right;height: 36px;overflow: hidden;background: #fff;border-radius: 20px;position: relative;}
#foot .onlineask .right .telask input { border: none;height: 36px;box-sizing: border-box;padding: 5px ;padding-left: 15px;width: 160px;width: 100%;position: absolute;top: 0;left: 0;border-radius: 20px;}
#foot .onlineask .right .telask input:focus { box-shadow: 0 0 10px  rgba(0,170,255,1) inset;}
#foot .onlineask .right .telask button { border: 1px solid #0af;border-radius: 20px;height: 36px;background: #0af;line-height: 36px;padding: 0 15px;color: #fff;font-size: 16px;cursor: pointer;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;position: absolute;right: 0;top: 0;z-index: 2;}
#foot .onlineask .right .telask button:hover { background: #038aca;color: #fff;border-color: #038aca;}
#foot .onlineask .right span { line-height: 36px;display: inline-block;margin-right: 15px;height: 36px;}
#foot .footnav { overflow: hidden;margin-top: 30px;padding-bottom: 60px;border-bottom: 1px solid #6b6c79;}
#foot .footnav dl {float: left;margin-right:  72px;}
#foot .footnav dl:first-child{ margin-left: 20px;}
#foot .footnav dl:last-child{ margin-right: 20px;}
#foot .footnav dl dt {font-size: 16px;font-weight: bold;color: #fff;margin-bottom: 10px;}
#foot .footnav dl dd { line-height: 24px;}
#foot .footnav dl dd a{font-size: 14px;color: #a3a4ab;}
#foot .footnav dl dd a:hover {color: #2097d4;}


#foot .copy { overflow: hidden;padding-top: 25px;font-size: 12px;}
#foot .copy a { font-size: 12px;color: #fff;}
#foot .copy a:hover { color: #d7d7d7;}
#foot .copy span { display: inline-block;margin: 0 10px;}
#foot .copy .left {float: left;}
#foot .copy .right {float: right;}

.clear{zoom:1;}
.clear:after{content:''; width:0; height:0; display:block; clear:both;}
.quick_links_wrap{font-size:0;width:66px;position:fixed;right:0px;bottom:75px;z-index:9;-webkit-transition:width linear .4s;-moz-transition:width linear .4s;-ms-transition:width linear .4s;transition:width linear .4s;_position:absolute;_bottom:auto;_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-10);}
.quick_links_wrap.quick_links_min{width:34px;}
.quick_links_wrap.quick_links_dockright{margin-left:0;left:auto;right:4px;}
.quick_links_panel{height:235px; background:#FBFBFB;border:1px solid #EAEAEA;box-shadow:0 0 4px rgba(0,0,0,.14);padding-bottom:30px;width:64px;position:absolute;left:0;bottom:0;  -webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;transition:all ease .4s;}
.quick_links_min .quick_links_panel{height:0;width:32px;}
.quick_links_min a.return_top{width:100%; height:30px;}
.quick_links_min a.my_qlinks, .quick_links_min a.ico_lx, .quick_links_min .ico_zx{display:none;}

.quick_links a.return_top{display:none;}
.quick_links_allow_gotop{height:315px;}
.quick_links_allow_gotop a.return_top{display:block;}
.quick_links_min .quick_links_allow_gotop{height:32px;}
.quick_links_panel .quick_toggle{background:#FBFBFB;height:30px;width:100%;position:absolute;left:0;bottom:0;}
.quick_links_panel .toggle{background:url(../images/bg_hor.png) no-repeat -160px -62px;margin:-10px 0 0 -10px;height:20px;width:20px;position:absolute;left:50%;top:50%;-webkit-transition:all linear .4s;-moz-transition:all linear .4s;-ms-transition:all linear .4s;transition:all linear .4s;}
:root .quick_links_panel .toggle{background-position:-160px -82px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.quick_links_min .quick_links_panel .toggle{background-position:-160px -82px;}
:root .quick_links_min .quick_links_panel .toggle{background-position:-160px -82px;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);}
.quick_links{width:100%;position:absolute;left:0;bottom:30px;-webkit-transition:top ease .4s;-moz-transition:top ease .4s;-ms-transition:top ease .4s;transition:top ease .4s;}
.quick_links_allow_gotop .quick_links, .quick_links_min .quick_links_allow_gotop .quick_links{top:0;}
.quick_links_min .quick_links{top:32px;}
.quick_links a{ display:block;border:1px solid #fff;border-bottom-color:#edecec;color:#4467a7;font-size:12px;margin:0; height:77px; width:64px; text-align:center; float:left;}
.quick_links a:hover, .quick_links a.current{background-color:#4467a7;border-color:#4467a7;color:#fff;}
.quick_links i{margin-top:8px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;  display:inline-block;background:url(../images/bg_hor.png) no-repeat 0 -182px;cursor:pointer;height:38px;width:38px;vertical-align:top;}
.quick_links a:hover i, .quick_links a.current i{background-position:0 -220px;}
.quick_links .message{background-position:-190px -182px;}
.quick_links a:hover .message, .quick_links a.current .message{background-position:-190px -220px;}
.quick_links .cart{background-position:-38px -182px;}
.quick_links a:hover .cart, .quick_links a.current .cart{background-position:-38px -220px;}
.quick_links .setting{background:url(../images/ico_sy.jpg) no-repeat;}
.quick_links a:hover .setting{background-position:0 -38px;}
.quick_links .qa{background-position:-114px -182px;}
.quick_links div:hover .qa{background-position:-114px -220px;}
.quick_links .lx{background:url(../images/ico_dh.jpg) no-repeat;}
.quick_links a:hover .lx{background-position:0 -38px;}

.quick_links .dh{background:url(../images/ico_dh.png) no-repeat;}
.quick_links div:hover .dh{background-position:0 -38px;}

.quick_links .ico_lx{position:relative;}
/*.quick_links .ico_lx p{display:none; position:absolute; right:100%; top:-1px; background:#4467a7;padding:15px 10px 0; color:#fff; width:150px; height:64px;}*/
.quick_links .ico_lx p b{display:block; line-height:25px; font-size: 14px;}


.quick_links .ico_zx{font-size:12px; float:left; width:64px; height:77px; position:relative;border:1px solid #fff; border-bottom-color:#edecec;color:#4467a7;margin:0;text-align:center;}
.quick_links .ico_zx:hover{background:#4467a7;color:#fff;}
.quick_links .ico_zx .info,.quick_links .ico_lx div{display:none; position:absolute; right:100%; top:-1px; border:1px solid #e2e2e2; background:#fff; width:90px; border-right:0; padding:10px;}
.quick_links .ico_lx div b { display: block;font-weight: normal;color: #4467a7;border-bottom:1px solid #e2e2e2;}
.quick_links .ico_lx div { width: 145px;top: -2px;height: 58px;}
.quick_links .ico_zx:hover .info,.quick_links .ico_lx:hover div{display:block!important;}
.quick_links .ico_zx .info a,.quick_links .ico_lx div b{ width:90px; height:30px; line-height:30px;}
.quick_links .ico_lx div b { width: 130px;}
.quick_links .ico_zx .info .code{position: absolute;left: 170px;top:5px;}
.quick_links .ico_zx .info form{text-align: left;padding-top:20px;}
.quick_links .ico_zx .info form .input{border:1px solid #e2e2e2;width:140px;padding-left: 10px;line-height: 30px;margin-right:5px;}
.quick_links .ico_zx .info form .submit{height: 30px;line-height: 30px;width: 60px;text-align: center;color: #fff;background: #4467a7;border-radius: 3px;cursor: pointer;border: none;}

.quick_links_panel .hint{width: 350px;height: 200px;background:url(../images/hint-bg.png) no-repeat top center;background-size:100% 100%;color: #000;position: absolute;right:70px;bottom:120px;text-align: center;}


.quick_links .top{background-position:-152px -182px;}
.quick_links_min .quick_links .top{background-position:-180px -62px;height:20px;width:20px;}
.quick_links a:hover .top, .quick_links a.current .top{background-position:-152px -220px;}
.quick_links_min .quick_links a:hover .top, .quick_links_min .quick_links a.current .top{background-position:-180px -82px;}
.quick_links span{display:block;cursor:pointer;padding-top:6px;height:1.5em;width:100%;overflow:hidden;word-break:break-all;word-wrap:break-word;text-overflow:ellipsis;}
.quick_links .num, .quick_links .num b,
.quick_links_pop .num, .quick_links_pop .num b{display:inline-block;background:url(../images/bg_hor.png) no-repeat 100% -102px;padding-right:6px;vertical-align:top;}
.quick_links .num, .quick_links_pop .num{background-position:-210px -82px;color:#fff;cursor:pointer;font:12px/18px Arial;margin-left:6px;padding:0 0 0 6px;vertical-align:middle;}
.quick_links .num{margin:-40px 0 0;position:absolute;left:38px;}
.quick_links a:hover .num, .quick_links a.current .num{background-position:-220px -82px;}
.quick_links a:hover .num b, .quick_links a.current .num b{background-position:100% -122px;}

















@media (max-width: 1601px) {
  #case .content { margin: 0 45px;}
  #case .tab {margin-bottom: 60px;padding-top: 30px;}
  #case .content .right .top { margin-bottom: 30px;}

    #case { height: 90vh;margin-bottom: 50px;}
  .idxbanner,.idxbanner .swiper-slide.video,.idxbanner .swiper-slide.img { height: 88vh;}
  .idxbanner .swiper-slide .text h1 {margin-top: 15vh;}
  .idxbanner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20vh;
  }

}


@media (max-width: 1440px) {
  #case .tab {margin-bottom: 35px;padding-top: 30px;}
}

@media (max-width: 1366px) {
  #case .content .right .top { margin-bottom: 28px;}
  #case .content { margin: 0 130px;}
  #case .content h1 { font-size: 16px;line-height: 22px;left: 20px;}
  #case { height: 90vh;}
  #case .content .text p { margin-top: 10px;}
  .idxbanner .swiper-slide .text h1 { font-size: 46px;}
  .idxbanner .idxnav { height: 100px;}
  .idxbanner .idxnav ul li a i { margin-top: 15px;}
  #category .bottom { padding: 30px 0;}
  #category .bottom .box:before { top: -45px;}
  #case .tab ul li a { font-size: 16px;}
  #case .tab ul { margin: 0 156px;}
  #case .content .text { left: -15px;}
  #case .content .text p {font-size: 12px;line-height: 22px;}
  #case .content .text a { padding: 5px 20px;font-size: 12px;margin: 5px 0;margin-bottom: 10px;}
  #case .content .play { width: 50px;height: 50px;}
}




/* 左旋 */
@-webkit-keyframes rotatel {
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(-360deg);}
}
@-o-keyframes rotatel {
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(-360deg);}
}
@-moz-keyframes rotatel {
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(-360deg);}
}
@keyframes rotatel {
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(-360deg);}
}


/* 右旋 */

@-webkit-keyframes rotates {
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(360deg);}
}
@-o-keyframes rotates {
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(360deg);}
}
@-moz-keyframes rotates {
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(360deg);}
}
@keyframes rotates {
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(360deg);}
}

.telephone_popup_box{width:320px;height:223px;background:url(../images/telephone_popup_box_bg1.png)no-repeat;position:absolute;bottom:418px;z-index:9999;right:305px;border-radius:5px 5px 0px 0px;}
.telephone_popup_box .matter{margin:0px 22px;}
.telephone_popup_box .matter .cellphone{font-size:12px;color:#333;margin-top:22px;padding-left: 26px;background: url(../images/sidetel.svg) no-repeat;background-size: 13px 16px;}
.telephone_popup_box .matter .special_plane{font-size:12px;color:#333;margin-top:14px;padding-left: 26px;background: url(../images/sidephone.svg) no-repeat;background-size: 18px 16px;}
.telephone_popup_box .matter .info{color:#333;font-size:12px;margin-top:20px;line-height:20px;}
.telephone_popup_box .matter .info span{color:#00aaff;}
.telephone_popup_box .matter .hint{color:#ec3030;font-size:12px;margin-top:20px;line-height:20px;}

.telephone_popup_relation{width:320px;height:223px;background:url(../images/telephone_popup_box_bg2.png)no-repeat;position:absolute;bottom:80px;z-index:9999;right:305px;border-radius:5px 5px 0px 0px;}
.telephone_popup_relation .matter{margin:0px 22px;}
.telephone_popup_relation .matter .cellphone{font-size:12px;color:#333;margin:20px 0px 0px 0px;}
.telephone_popup_relation .matter .cellphone img{vertical-align:middle;margin-right: 8px;margin-left: 3px;}
.telephone_popup_relation .matter .cellphone span{vertical-align:middle;}
.telephone_popup_relation .matter .special_plane{font-size:12px;color:#333;margin:8px 0px 0px 0px;}
.telephone_popup_relation .matter .special_plane img{vertical-align:middle;margin-right:6px}
.telephone_popup_relation .matter .special_plane span{vertical-align:middle;}
.telephone_popup_relation .matter .info{color:#333;font-size:12px;margin-top:20px;line-height:20px;}
.telephone_popup_relation .matter .info span{color:#00aaff;font-weight:bold;}
.telephone_popup_relation .matter .hint{color:#ec3030;font-size:12px;margin-top:20px;line-height:20px;}