.banner {position:relative;width:100%;height:795px;overflow: hidden;background: #252525;}
.banner .bg-img {width:100%;height:100%;}
.banner-con {margin-left:50%;padding-top:208px;}
.banner-con h2{color:#ffffff;font-size:80px;line-height:104px;font-weight: normal;}
.banner-con h2 em {font-style: normal;color:#257de9;}
.banner-con span {font-size:60px;color:#fff;line-height:84px;}
.banner-con p {margin-top:10px;font-size:18px;color:#a2cdf8;line-height:24px;}
.banner-con .btn-box {margin-top:30px;}
.banner-con .btn-box a {float:left;width:167px;height:50px;line-height:50px;font-size:14px;color:#fff;background:#257de9;border:1px solid #257de9;border-radius: 5px;text-align:center;margin-right:30px;}
.banner-con .btn-box a + a {background:none;border:1px solid #fff;}

.banner .swiper-container {width:100%;height:100%;}
.banner .swiper-button-next {right:0;width:42px;height:42px;background-color:#2d77b4;background-image: url(../images/right.png);background-repeat:no-repeat;background-position:center center;background-size:auto;opacity:1;border-bottom-left-radius:5px;border-top-left-radius:5px;}
.banner .swiper-button-prev {left:0;width:42px;height:42px;background-color:#2d77b4;background-image: url(../images/left.png);background-repeat:no-repeat;background-position:center center;background-size:auto;border-bottom-right-radius:5px;border-top-right-radius:5px;}
.banner .swiper-button-next.swiper-button-disabled{opacity:1;background-color:rgba(255,255,255,0.1);}
.banner .swiper-button-prev.swiper-button-disabled{opacity:1;background-color:rgba(255,255,255,0.1);}
.banner .swiper-container-horizontal>.swiper-pagination-bullets {width:100%;height:85px;bottom:0px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets:before{position:absolute;left:0;bottom:0;content:"";width:50%;height:85px;margin-left:-600px;background:#252525;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets:after{position:absolute;left:50%;bottom:0;content:"";width:50%;height:85px;margin-left:600px;background:#252525;}
.banner .swiper-pagination-bullet {width:300px;height:85px;line-height:85px;opacity:0.5;border-radius:0;background:#8dbdee;vertical-align: middle;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0;font-size:18px;color:#fff;background:#252525;opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {opacity:1;background:rgba(37,37,37,.5)}
.banner .swiper-slide {overflow:hidden;}
.banner .swiper-slide .swiper-video {width:100%;height:100%;object-fit: cover;}
.banner .swiper-con {position:absolute;bottom:85px;left:0;right:0;width:100%;height:123px;background:rgba(37,37,37,.5);z-index:10;}
.banner .swiper-con .con-l {float:left;margin-left:70px;line-height:110px;font-size:30px;color:#fff;}
.banner .swiper-con .con-r {float:right;margin-right:40px;line-height:110px;font-size:30px;color:#fff;}
.banner .swiper-con .con-r a {float:right;height:54px;line-height:54px;color:#252525;font-size:18px;background:#fff;border-radius:5px;padding:0 17px;margin-top:36px;}
.banner .swiper-con .con-r a + a {display:none;}

.index-con {width:100%;overflow:hidden;background:url(../images/index-bg.jpg) no-repeat center top;background-size:100% 100%;}
.index-con .video {width:100%;height:690px;position:relative;}
.index-con .video-border {position:absolute;left:0;top:60px;width:698px;height:310px;border:6px solid #257de9;}
.index-con .video-con {position:absolute;left:60px;top:93px;width:1140px;height:485px;background:#3f3d3e;}
.index-con .video-tt {position:relative;float:right;width:560px;height:83px;margin:30px 0 0 500px;font-size:33px;color:#257de9;line-height:83px;}
.index-con .video-tt:after {position:absolute;left:0;bottom:0;width:76px;height:3px;background:#257de9;content:"";}
.index-con .video-intro {float:right;width:530px;margin:44px 30px 0 500px;margin-top:;line-height:26px;color:#848486;font-size:14px;}
.index-con .video-more {float:right;width:560px;margin:63px 0 0 500px;}
.index-con .video-more a {float:left;width:124px;height:39px;line-height:39px;text-align: center;font-size:14px;color:#257de9;border:1px solid #257de9;}
.index-con .video-box {position:absolute;left:90px;top:60px;width:512px;height:585px;background: #fff;overflow: hidden;}
.index-con .video-box video {position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:999;background:#fff;object-fit: cover;}
.index-con .video-box.videoend video {position:absolute;width:512px;height:585px;-webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 200ms}
.index-con .video-box.videoend video source{
            min-width: 100%;
            min-height: 100%;
            height: auto;
            width: auto;
}
.index-con .video-box .stop {position:fixed;left:50%;top:50%;width:84px;height:84px;margin-left:-42px;margin-top:-42px;background:url(../images/video.png) no-repeat center center;z-index: 1000;cursor: pointer;display:none;}
.index-con .video-box.videoend .stop {position:absolute;}


.Cooldog_container {width:1200px;height:600px;margin:0px auto 0;position: relative;}
.Cooldog_container .Cooldog_content {position: absolute;width: 400px;height:600px;top: 0;left: 50%;margin-left: -200px;}
.Cooldog_container .Cooldog_content li {position: absolute;top: 0;left: 0;height:600px;transition: all 0.5s ease;text-align: center;}
.Cooldog_container .Cooldog_content li img {height: 100%;vertical-align: middle;display: inline-block;}

.intro {position:relative;padding-bottom:100px;padding-top:100px;/* min-height:1200px; */}
.intro:after {display:block;clear:both;content:"";visibility:hidden;height:0}
.intro-menu {width:100%;height:600px;padding-bottom:50px;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.intro-menu .back {display: none;}
.intro-simle {position:relative;float:right;width:200px;height:100px;margin-top:-60px}
.intro-simle .back {position:absolute;left:0;bottom:0;right:0;width:100%;height:60px;line-height:60px;text-align: center;display: block;color:#fff;cursor:pointer;z-index: 999;}
.intro-menu ul {width:1300px;height:100%;margin-left:-50px;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.intro-simle .Cooldog_container {width:150px;}
.intro-simle .Cooldog_container .Cooldog_content {width:50px;height:75px;margin-left:-25px;}
.intro-simle ul {width:160px;padding:0 20px;}
.intro-menu ul:after {display:inline-block;overflow:hidden;width:100%;height:0;content:'';vertical-align:top;}
.intro-menu li {display:inline-block;height:100%;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.intro-menu li img {position:relative;height:100%;z-index:9;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.intro-menu.intro-simle li {height:75px;}
.intro-menu.intro-simle li img {height:75px;}
.intro-menu li a {position:relative;height:100%;display:inline-block;padding:0 0px 30px;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.intro-menu li a:after {position:absolute;content:"";opacity: 0.65;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.intro-menu li.move a:after {display:none;}
.intro-menu li.intro1 a:after{width:40px;left:50%;margin-left:-20px;height:550px;box-shadow:-10px 0px 30px #000, 0px -50px 80px #000,10px 0px 50px #000,0px 50px 80px #000;border-radius:70px;top:40px;}
.intro-menu li.intro2 a:after{width:30px;left:50%;margin-left:-15px;height:550px;box-shadow:-30px 0px 40px #000, 0px -50px 80px #000,20px 0px 60px #000,0px 50px 80px #000;border-radius:70px;top:40px;}
.intro-menu li.intro3 a:after{width:100px;left:50%;margin-left:-50px;height:950px;box-shadow:-10px 0px 30px #000, 0px -100px 100px #000,10px 0px 50px #000,0px 60px 80px #000;border-top-right-radius:70px;border-top-left-radius:70px;top:642px;display: none;}
.intro-menu li.intro1 a:hover:after{box-shadow:-10px 0px 30px #257de9, 0px -50px 80px #257de9,10px 0px 50px #257de9,0px 50px 80px #257de9;}
.intro-menu li.intro2 a:hover:after{box-shadow:-30px 0px 40px #257de9, 0px -50px 80px #257de9,20px 0px 60px #257de9,0px 50px 80px #257de9;}
.intro-menu li.intro3 a:hover:after{box-shadow:-10px 0px 30px #257de9, 0px -100px 100px #257de9,10px 0px 50px #257de9,0px 60px 80px #257de9; }

.intro-menu.intro-simle li.intro1 a:after{width:6px;left:50%;margin-left:-3px;height:60px;box-shadow:-3px 0px 10px #000, 0px -10px 20px #000,3px 0px 10px #000,0px 10px 20px #000;border-radius:10px;top:40px;}
.intro-menu.intro-simle li.intro2 a:after{width:8px;left:50%;margin-left:-4px;height:100px;box-shadow:-5px 0px 10px #000, 0px -20px 30px #000,5px 0px 20px #000,0px 20px 30px #000;border-radius:10px;top:00px;}
.intro-menu.intro-simle li.intro3 a:after{width:10px;left:50%;margin-left:-5px;height:70px;box-shadow:-3px 0px 10px #000, 0px -50px 50px #000,3px 0px 20px #000,0px 20px 30px #000;border-top-right-radius:10px;border-top-left-radius:10px;top:30px;}
.intro-menu.intro-simle li.intro1 a:hover:after,.intro-menu.intro-simle li.intro1 a.hover:after{box-shadow:-5px 0px 10px #257de9, 0px -10px 30px #257de9,5px 0px 20px #257de9,0px 20px 40px #257de9;}
.intro-menu.intro-simle li.intro2 a:hover:after,.intro-menu.intro-simle li.intro2 a.hover:after{box-shadow:-5px 0px 10px #257de9, 0px -10px 15px #257de9,5px 0px 15px #257de9,0px 10px 5px #257de9;}
.intro-menu.intro-simle li.intro3 a:hover:after,.intro-menu.intro-simle li.intro3 a.hover:after{box-shadow:-5px 0px 15px #257de9, 0px -50px 50px #257de9,5px 0px 20px #257de9,0px 30px 40px #257de9;}

.p1 {transform: translate3d(-400px, 0, 0) scale(0.81);opacity: 0.4;z-index: 1;}
.p2 {transform: translate3d(0px, 0, 0) scale(1);opacity: 1;z-index: 2;}
.p3 {transform: translate3d(400px, 0, 0) scale(0.81);transform-origin: 0 50%;opacity: 0.4;z-index: 3;}
.intro-menu ul li span {float:left;width:100%;margin-top:20px;color:#fff;text-align: center;}
.intro-menu.intro-simle ul li span {display:none;}

.intro-menu.intro-simle .p1 {transform: translate3d(-50px, 0, 0) scale(0.81);opacity: 0.4;z-index: 1;}
.intro-menu.intro-simle .p2 {transform: translate3d(0px, 0, 0) scale(1);opacity: 1;z-index: 2;}
.intro-menu.intro-simle .p3 {transform: translate3d(50px, 0, 0) scale(0.81);transform-origin: 0 50%;opacity: 0.4;z-index: 3;}
/* .p4 {transform: translate3d(0px, 0, 0) scale(1);opacity: 1;z-index: 4;}
.p5 {transform: translate3d(220px, 0, 0) scale(0.81);transform-origin: 0 50%;opacity: 0.8;z-index: 3;}
.p6 {transform: translate3d(425px, 0, 0) scale(0.81);transform-origin: 0 50%;opacity: 0.6;z-index: 2;}
.p7 {transform: translate3d(625px, 0, 0) scale(0.81);transform-origin: 0 50%;opacity: 0.4;z-index: 1;} */




.info {position:relative;bottom:0;float:right;width:100%;height:0;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;overflow:hidden;}

.info-img {position:relative;width:100%;text-align:center;font-size:0;}
.info .info-img .dian {position:absolute;width:0px;height:0px;background: url(../images/dian.png) no-repeat center center;transition: all 1s .5s ease;-moz-transition: all 1s .5s ease;-o-transition: all 1s .5s ease;overflow:hidden;}
.info-item {position:absolute;transition: all 2s .5s ease;-moz-transition: all 2s .5s ease;-o-transition: all 2s .5s ease;}
.info-item .line {position:absolute;width:330px;top:37px;height:3px;background:#858587;transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;}
.info-item h2 {width:100%;font-size:24px;line-height:70px;color:#fff;font-weight: normal;}
.info-item h2 {transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;}

.info1.show {height:1223px;}
.info01.show {height:780px;margin-top:-150px;}
.info02.show {height:700px;margin-top:-100px;}
.info03.show {height:600px;}
.info1.hide {height:0px;}


.info1.show .dian {width:21px;height:21px;z-index:10;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;opacity:0;filter:alpha(opacity="0");}
.info1.show .info-img .dian1 {left:565px;top:130px;opacity:0;}
.info1.show .info-img .dian2 {left:615px;top:160px;}
.info1.show .info-img .dian3 {left:565px;top:180px;}
/* .info1.show .info-img .dian4 {left:615px;top:230px;} */
.info1.show .info-img .dian5 {left:615px;top:270px;}
.info1.show .info-img .dian8 {left:565px;top:400px;}
.info1.show .info-img .dian11 {left:615px;top:600px;}
.info1.show .info-img .dian12 {left:565px;top:710px;}

.info1 .info-img img {position:relative;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;cursor: pointer;border:none;outline:none;}
.info1 .info-img .test1 img {bottom:-147px;z-index:1;}
.info1 .info-img .test2 img {bottom:-132px;}
.info1 .info-img .test3 img {left:1px;bottom:-130px;}
.info1 .info-img .test4 img {left:1px;bottom:-113px;z-index:1;}
.info1 .info-img .test5 img {bottom:-104px;}
.info1 .info-img .test6 img {bottom:-81px;z-index:2;}
.info1 .info-img .test7 img {bottom:-80px;z-index:1;}
.info1 .info-img .test8 img {bottom:-69px;}
.info1 .info-img .test9 img {left:1px;bottom:-41px;z-index:1;}
.info1 .info-img .test10 img {left:1px;bottom:-40px;z-index:1;}
.info1 .info-img .test11 img {bottom:-32px;}
.info1 .info-img .test12 img {z-index:1;}

.info1 .info-item1,.info1 .info-item3,.info1 .info-item4 {left:-300px;}
.info1 .info-item2,.info1 .info-item5,.info1 .info-item6,.info1 .info-item7 {right:-430px;}

.info1 .info-item1 h2,.info1 .info-item3 h2,.info1 .info-item8 h2,.info1 .info-item12 h2 {margin-left:-1000px;}
.info1 .info-item2 h2,.info1 .info-item5 h2,.info1 .info-item11 h2 {margin-left:1000px;text-align: right;}

/* .info.show .info-item h2,.info.show .info-item h3,.info.show .info-item p,.info.show .info-item .tips {margin-left:0;} */

.info1.show .info-item {transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}

.info1 .info-item1 {width:300px;left:95px;top:100px;}
.info1.show .info-item1 .line {left:-1000px;}
.info1 .info-item2 {width:300px;right:95px;top:130px;}
.info1.show .info-item2 .line {left:2000px;}
.info1.show .info-item3 {width:300px;left:95px;top:150px;}
.info1.show .info-item3 .line {left:-1000px;}
.info1.show .info-item5 {width:300px;right:95px;top:240px;}
.info1.show .info-item5 .line {left:2000px;}
.info1.show .info-item8 {width:300px;left:95px;top:370px;}
.info1.show .info-item8 .line {left:-1000px;}
.info1.show .info-item11 {width:300px;right:95px;top:570px;text-align: right;}
.info1.show .info-item11 .line {left:2000px;}
.info1.show .info-item12 {width:300px;left:95px;top:680px;}
.info1.show .info-item12 .line {left:-1000px;}



/* .info1.show .info-item8 {width:422px;right:0px;top:652px;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.info1.show .info-item8 .line {left:-136px;width:110px;top:67px;transform:rotate(-35deg)}
.info1.show .info-item6 {width:422px;right:0px;top:0px;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.info1.show .info-item6 h2 {color:#257de9;line-height:1;padding-top:10px;}
.info1.show .info-item6 h2 span {font-size:14px;}
.info1.show .info-item6 h2+p {margin-top:20px;} */

/* .info1.show .info-item7 {width:422px;right:0px;top:585px;overflow: hidden;}
.info1.show .info-item7 .tips {color:#257de9;line-height:1;padding-top:10px;}
.info1.show .info-item7 .tips .tt {font-size:14px;line-height:42px;border-bottom:1px solid #fff;color:#257de9;}
.info1.show .info-item7 .tips .nr {color:#fff;font-size:40px;line-height:75px;}
.info1.show .info-item7 .tips .nr em {font-size:14px;font-style: normal;margin:0 2px;}
.info1.show .info-item7 .tips .nr label {color:#858587;font-size:14px;margin-left:5px;}
.info1.show .info-item7 .tips1 {float:left;}
.info1.show .info-item7 .tips2 {margin-left:100px;} */



.info1 .info-img.hover1 .test1 img {bottom:-120px;}
.info1.show .info-img.hover1 .dian1 {opacity:1;filter:alpha(opacity="1");}
#inftroCon.imghover1 .info-item1 .line{left:140px;}
#inftroCon.imghover1 .info-item1 h2 {margin-left:0;}

.info1 .info-img.hover1 .test2 img {bottom:-125px;}
.info1.show .info-img.hover1 .dian2 {opacity:1;filter:alpha(opacity="1");}
#inftroCon.imghover1 .info-item2 .line{left:-170px;}
#inftroCon.imghover1 .info-item2 h2 {margin-left:0;}

.info1 .info-img.hover3 .test1 img {bottom:-107px;}
.info1 .info-img.hover3 .test2 img {bottom:-92px;}
.info1 .info-img.hover3 .test3 img {bottom:-105px;}
.info1.show .info-img.hover3 .dian3 {opacity:1;filter:alpha(opacity="1");}
#inftroCon.imghover3 .info-item3 .line{left:140px;}
#inftroCon.imghover3 .info-item3 h2 {margin-left:0;}

.info1 .info-img.hover5 .test1 img {bottom:-107px;}
.info1 .info-img.hover5 .test2 img {bottom:-92px;}
.info1 .info-img.hover5 .test3 img {bottom:-90px;}
.info1 .info-img.hover5 .test4 img {bottom:-73px;}
.info1 .info-img.hover5 .test5 img {bottom:-76px;}
.info1.show .info-img.hover5 .dian5 {opacity:1;filter:alpha(opacity="1");}
#inftroCon.imghover5 .info-item5 .line{left:-170px;}
#inftroCon.imghover5 .info-item5 h2 {margin-left:0;}

.info1 .info-img.hover8 .test1 img {bottom:-107px;}
.info1 .info-img.hover8 .test2 img {bottom:-92px;}
.info1 .info-img.hover8 .test3 img {bottom:-90px;}
.info1 .info-img.hover8 .test4 img {bottom:-73px;}
.info1 .info-img.hover8 .test5 img {bottom:-64px;}
.info1 .info-img.hover8 .test6 img {bottom:-43px;}
.info1 .info-img.hover8 .test7 img {bottom:-42px;}
.info1 .info-img.hover8 .test8 img {bottom:-41px;}
.info1.show .info-img.hover8 .dian8 {opacity:1;filter:alpha(opacity="1");}
#inftroCon.imghover8 .info-item8 .line{left:140px;}
#inftroCon.imghover8 .info-item8 h2 {margin-left:0;}

.info1 .info-img.hover11 .test1 img {bottom:-107px;}
.info1 .info-img.hover11 .test2 img {bottom:-92px;}
.info1 .info-img.hover11 .test3 img {bottom:-90px;}
.info1 .info-img.hover11 .test4 img {bottom:-73px;}
.info1 .info-img.hover11 .test5 img {bottom:-64px;}
.info1 .info-img.hover11 .test6 img {bottom:-43px;}
.info1 .info-img.hover11 .test7 img {bottom:-42px;}
.info1 .info-img.hover11 .test8 img {bottom:-31px;}
.info1 .info-img.hover11 .test9 img {bottom:-3px;}
.info1 .info-img.hover11 .test10 img {bottom:-2px;}
.info1 .info-img.hover11 .test11 img {bottom:-2px;}
.info1.show .info-img.hover11 .dian11 {opacity:1;filter:alpha(opacity="1");}
#inftroCon.imghover11 .info-item11 .line{left:-170px;}
#inftroCon.imghover11 .info-item11 h2 {margin-left:0;}

.info1 .info-img.hover12 .test1 img {bottom:-107px;}
.info1 .info-img.hover12 .test2 img {bottom:-92px;}
.info1 .info-img.hover12 .test3 img {bottom:-90px;}
.info1 .info-img.hover12 .test4 img {bottom:-73px;}
.info1 .info-img.hover12 .test5 img {bottom:-64px;}
.info1 .info-img.hover12 .test6 img {bottom:-43px;}
.info1 .info-img.hover12 .test7 img {bottom:-42px;}
.info1 .info-img.hover12 .test8 img {bottom:-31px;}
.info1 .info-img.hover12 .test9 img {bottom:-3px;}
.info1 .info-img.hover12 .test10 img {bottom:-2px;}
.info1 .info-img.hover12 .test11 img {bottom:8px;}
.info1.show .info-img.hover12 .dian12 {opacity:1;filter:alpha(opacity="1");}
#inftroCon.imghover12 .info-item12 .line{left:140px;}
#inftroCon.imghover12 .info-item12 h2 {margin-left:0;}


.info2.show .dian {width:21px;height:21px;z-index:10;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;opacity:0;filter:alpha(opacity="0");}
.info2.show .info-img .dian1 {left:565px;top:120px;}
.info2.show .info-img .dian2 {left:615px;top:180px;}
.info2.show .info-img .dian3 {left:565px;top:180px;}
.info2.show .info-img .dian4 {left:635px;top:430px;}

.info2 .info-img img {position:relative;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;cursor: pointer;}
.info2 .info-img .test1 img {bottom:-100px;z-index:1;}
.info2 .info-img .test2 img {bottom:-66px;}
.info2 .info-img .test3 img {left:1px;bottom:-62px;}
.info2 .info-img .test4 img {left:1px;z-index:1;}

.info2 .info-item1,.info2 .info-item3 {left:-300px;}
.info2 .info-item2,.info2 .info-item4 {right:-430px;}

.info2 .info-item1 h2,.info2 .info-item3 h2 {margin-left:-1000px;}
.info2 .info-item2 h2,.info2 .info-item4 h2 {margin-left:1000px;text-align: right;}

.info2.show .info-item {transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}

.info2 .info-item1 {width:300px;left:95px;top:90px;}
.info2.show .info-item1 .line {left:-1000px;}
.info2 .info-item2 {width:300px;right:95px;top:150px;}
.info2.show .info-item2 .line {left:2000px;}
.info2.show .info-item3 {width:300px;left:95px;top:150px;}
.info2.show .info-item3 .line {left:-1000px;}
.info2.show .info-item4 {width:300px;right:95px;top:400px;}
.info2.show .info-item4 .line {left:2000px;}


.info2 .info-img.hover1 .test1 img {bottom:-50px;}
.info2.show .info-img.hover1 .dian1 {opacity:1;filter:alpha(opacity="1");}
#inftroCon.imghover1 .info-item1 .line{left:140px;}
#inftroCon.imghover1 .info-item1 h2 {margin-left:0;}

.info2 .info-img.hover1 .test2 img {bottom:-56px;}
.info2.show .info-img.hover1 .dian2 {opacity:1;filter:alpha(opacity="1");}
#inftroCon.imghover1 .info-item2 .line{left:-170px;}
#inftroCon.imghover1 .info-item2 h2 {margin-left:0;}

.info2 .info-img.hover3 .test1 img {bottom:-10px;}
.info2 .info-img.hover3 .test2 img {bottom:26px;}
.info2 .info-img.hover3 .test3 img {bottom:10px;}
.info2.show .info-img.hover3 .dian3 {opacity:1;filter:alpha(opacity="1");}
#inftroCon.imghover3 .info-item3 .line{left:140px;}
#inftroCon.imghover3 .info-item3 h2 {margin-left:0;}

.info2 .info-img.hover4 .test1 img {bottom:-30px;}
.info2 .info-img.hover4 .test2 img {bottom:6px;}
.info2 .info-img.hover4 .test3 img {bottom:10px;}
.info2.show .info-img.hover4 .dian4 {opacity:1;filter:alpha(opacity="1");}
#inftroCon.imghover4 .info-item4 .line{left:-170px;}
#inftroCon.imghover4 .info-item4 h2 {margin-left:0;}

.index-news {overflow:hidden;margin-bottom:505px;box-shadow: 0px 10px 30px #000;}
.news-item {position:relative;float:left;}
.news-item a {display:block;width:100%;height:100%;}
.news-item .img-area {position:relative;width:100%;overflow:hidden;height:100%;font-size:0;background: #030304;}
.news-item .img-area .border {position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;border:3px solid #257DE9;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;z-index:9;display:none;}
.news-item .img-area img {height:100%;transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;width: 100%;}
.news-item a:hover .img-area img {-webkit-transform: scale(1.1);transform: scale(1.1)}
.news-item a:hover .img-area .border {display:block;}
.news-item-con {position:absolute;left:0;top:0px;bottom:30px;padding:0 30px;}
.news-item-con .icon {position: absolute;left:30px;top:30px;width:41px;height:41px;}
.news-item-con h2 {font-weight:normal;color:#fff;font-size:24px;line-height:30px;}
.news-item-con p {color:#959595;font-size:12px;line-height:20px;}
.news-item-con p span {color:#fff;}
.news-item-con .line {width:70px;height:2px;background:#257de9;margin-top:24px;}
.news-item1 {width:770px;height:426px;}
.news-item1 .icon {background:#000 url(../images/index-icon1.png) no-repeat center center;}
.news-item1 h2 {margin-top:289px;}
.news-item2 {width:430px;height:295px;}
.news-item2 .line {margin-top:30px;}
.news-item2 h2 {margin-top:30px;}
.news-item2 p {margin-top:20px;color:#464646;}
.news-item3 {float:right;width:430px;height:400px;}
.news-item3 .icon {background:#000 url(../images/index-icon2.png) no-repeat center center;}
.news-item3 h2 {margin-top:292px;}
.news-item4 {width:470px;height:269px;}
.news-item4 .icon {background:#e5493a url(../images/index-icon2.png) no-repeat center center;}
.news-item4 h2 {margin-top:162px;}
.news-item5 {width:300px;height:269px;}
.news-item5 .icon {background:#000 url(../images/index-icon3.png) no-repeat center center;}
.news-item5 h2 {margin-top:139px;}

.video-fixed {position:fixed;left:10%;top:50%;width:80%;transform: translateY(-50%);z-index:9999;display: none;}
.video-fixed video {width:100%;object-fit: cover;}
.video-fixed .close {position:absolute;right:0;top:0;width:50px;height:50px;text-align: center;line-height:50px;color:#fff;cursor:pointer;z-index:999;}