/*swiper*/
.banner{
    width: 100%;
    height: 500px;
    position: relative;
    float:left;
}

.banner .list li{
    opacity: 0;
    transition: all .8s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}


.banner .list .active{
    opacity: 1;
    z-index: 1;
}
.banner .list a{
    display: block;
    height: 520px;
    background-size: cover;
}

.banner .btn{
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -67.5px;
    z-index: 2;
}

.banner .btn li{
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4e5269;
    text-align: center;
    margin: 0 10px;
    cursor: pointer;
}

.banner .btn .active{
    width: 30px;
    border-radius: 15px;
    background: #fff;
    font-weight: bold;
}

.banner .arrow{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    background: rgba(0,0,0,0.3);
    position: absolute;
    text-decoration: none;
    top: 50%;
    margin-top: -30px;
    z-index: 2;
}
.banner .arrow img {
    display: block;
    margin: 15px auto;
}
.banner .left {
    left: 120px;
}
.banner .right{
    right: 120px;
}
.banner .arrow:hover{
    background: rgba(0,0,0,0.5);
}

.more{display:block;cursor:pointer;width: 140px;height: 34px;border: solid 1px #999999;font-size: 14px;line-height: 34px;color: #666666;float:left;text-indent: 30px;background: url("../../common/image/more_gray.png") no-repeat 96px center;}
.more:hover{color:#fff;background: url("../../common/image/more_white.png") no-repeat 96px center #1691ee;border: solid 1px #1691ee;}
.solutionMore,.successfulCaseMore{margin-left: 529px;}
/*产品介绍*/
.productIntroduction{width: 100%;background-color:#f6f6f6; float:left; }
.productBox{width: 100%;height:643px;}
.productBox .product{width: 286px;height: 380px;background-color: #ffffff;margin-top: 70px;margin-right: 18px;}
.productBox .product:hover{box-shadow: 0 0 20px rgba(102, 102, 102, 0.3);margin-top: 60px;}
.productBox .product01{background:url("../../common/image/o1.png") no-repeat;}
.productBox .product02{background:url("../../common/image/o3.png") no-repeat;}
.productBox .product03{background:url("../../common/image/product02.png") no-repeat;}
.productBox .product04{background:url("../../common/image/product03.png") no-repeat;}
.productIntroduction .productMore{margin:69px 530px 0;}



/*解决方案*/
.solution{width: 100%;height:1002px;color: #fff; float:left;}
.part-tese{height:660px;top:0}
.content-part{width:1200px;left:50%;float:left;}
.content-part.show .content-title{opacity:1;transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}
.part-tese .content-title{background:url(../images/yys_tese_title.png) no-repeat center}
.content-part .content-title{opacity:0;transform:translateY(50px);-ms-transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-o-transform:translateY(50px)}
.content-part .content-title{position:absolute;width:650px;height:263px;top:0;left:50%;margin-left:-325px}
.part-tese .shadow{position:absolute;width:1014px;height:190px;bottom:0;left:50%;margin-left:-507px;background:url(../images/yys_tese_shadow.png)}
.part-tese.show .gallery_container{opacity:1;transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transition:all 1s .1s;-webkit-transition:all 1s .1s;-moz-transition:all 1s .1s;-o-transition:all 1s .1s}
.part-tese .gallery_container{width:1200px;height:550px;margin: 0 auto;}
.part-tese .gallery_container.st02{top:800px}
.part-tese .gallery_container{opacity:0;transform:translateY(200px);-ms-transform:translateY(200px);-webkit-transform:translateY(200px);-moz-transform:translateY(200px);-o-transform:translateY(200px)}
/*.gallery_container{position:absolute;top:0;left:0}*/
.part-tese .gallery_container .gallery_wrap{width:460px;height:560px}
.gallery_container .gallery_wrap{width:320px;height:474px}
.threeD_gallery_wrap{position:absolute;left:50%;top:50%;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;perspective:1000px}
.front_side{z-index:5;-webkit-transform:rotateY(0) translateX(0) translateZ(0);-moz-transform:rotateY(0) translateX(0) translateZ(0);-ms-transform:rotateY(0) translateX(0) translateZ(0);-o-transform:rotateY(0) translateX(0) translateZ(0);transform:rotateY(0) translateX(0) translateZ(0)}
.threeD_gallery_item{position:absolute;width:100%;height:100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.part-tese .gallery_right_middle{z-index:3;transform:rotateY(0deg) translateX(440px) translateZ(-118px) scale(.95);-ms-transform:rotateY(0deg) translateX(440px) translateZ(-118px) scale(.95);-webkit-transform:rotateY(0deg) translateX(440px) translateZ(-118px) scale(.95);-moz-transform:rotateY(0deg) translateX(440px) translateZ(-118px) scale(.95);-o-transform:rotateY(0deg) translateX(440px) translateZ(-118px) scale(.95)}
.gallery_right_middle{z-index:3;-webkit-transform:rotateY(0deg) translateX(360px) translateZ(-118px) scale(.95);-moz-transform:rotateY(0deg) translateX(360px) translateZ(-118px) scale(.95);-ms-transform:rotateY(0deg) translateX(360px) translateZ(-118px) scale(.95);-o-transform:rotateY(0deg) translateX(360px) translateZ(-118px) scale(.95);transform:rotateY(0deg) translateX(360px) translateZ(-118px) scale(.95)}
.gallery_out{-webkit-transform:rotateY(0) translateX(0) translateZ(0) scale(.6);-moz-transform:rotateY(0) translateX(0) translateZ(0) scale(.6);-ms-transform:rotateY(0) translateX(0) translateZ(0) scale(.6);-o-transform:rotateY(0) translateX(0) translateZ(0) scale(.6);transform:rotateY(0) translateX(0) translateZ(0) scale(.6);z-index:-1;opacity:0!important}
.part-tese .gallery_left_middle{z-index:3;transform:rotateY(0deg) translateX(-440px) translateZ(-118px) scale(.95);-ms-transform:rotateY(0deg) translateX(-440px) translateZ(-118px) scale(.95);-webkit-transform:rotateY(0deg) translateX(-440px) translateZ(-118px) scale(.95);-moz-transform:rotateY(0deg) translateX(-440px) translateZ(-118px) scale(.95);-o-transform:rotateY(0deg) translateX(-440px) translateZ(-118px) scale(.95)}
.gallery_left_middle{z-index:3;-webkit-transform:rotateY(0deg) translateX(-360px) translateZ(-168px) scale(.95);-moz-transform:rotateY(0deg) translateX(-360px) translateZ(-168px) scale(.95);-ms-transform:rotateY(0deg) translateX(-360px) translateZ(-168px) scale(.95);-o-transform:rotateY(0deg) translateX(-360px) translateZ(-168px) scale(.95);transform:rotateY(0deg) translateX(-360px) translateZ(-168px) scale(.95)}
.part-tese .gallery_container .gallery_wrap img{width:100%}
.gallery_container .gallery_item img.show{visibility:visible}
.gallery_container .gallery_item img{width:100%;height:100%;visibility:hidden}
.part-tese .gallery_container .gallery_wrap .line-b,.part-tese .gallery_container .gallery_wrap .line-l,.part-tese .gallery_container .gallery_wrap .line-r,.part-tese .gallery_container .gallery_wrap .line-t{position:absolute;background:#fff}
.part-tese .gallery_container .gallery_wrap .front_side .line-t{width:700px;transition:all .2s .2s;-webkit-transition:all .2s .2s;-moz-transition:all .2s .2s;-o-transition:all .2s .2s}
.part-tese .gallery_container .gallery_wrap .line-t{height:1px;width:0;top:10px;left:10px}
.part-tese .gallery_container .gallery_wrap .front_side .line-r{height:500px;transition:all .2s .4s;-webkit-transition:all .2s .4s;-moz-transition:all .2s .4s;-o-transition:all .2s .4s}
.part-tese .gallery_container .gallery_wrap .line-r{width:1px;height:0;right:10px;top:10px}
.part-tese .gallery_container .gallery_wrap .front_side .line-b{width:700px;transition:all .2s .6s;-webkit-transition:all .2s .6s;-moz-transition:all .2s .6s;-o-transition:all .2s .6s}
.part-tese .gallery_container .gallery_wrap .line-b{height:1px;width:0;bottom:10px;right:10px}
.part-tese .gallery_container .gallery_wrap .front_side .line-l{height:500px;transition:all .2s .8s;-webkit-transition:all .2s .8s;-moz-transition:all .2s .8s;-o-transition:all .2s .8s}
.part-tese .gallery_container .gallery_wrap .line-l{width:1px;height:0;left:10px;bottom:10px}
.gallery_container .prev{left: 11px;background:url("../../common/image/leftBnt.png")no-repeat center center;}
.gallery_container .next{right:11px;background:url("../../common/image/rightBnt.png")no-repeat center center;}
.gallery_container .prev,.gallery_container .next{position: absolute;top: 215px;width: 50px;height: 160px;z-index:99;}

/*.solutionLogo{width:62px;height:60px;position: absolute;top:100px;left: 50%;margin-left: -31px;background: url("../../common/image/xietong.png")no-repeat center center;}*/
.solutionTit{width: 200px;height: 180px;text-align: center;position: absolute;top:149px;left: 129px;vertical-align: bottom;}
.solutionHide{width: 100%;height: 100%;position: absolute;top:0;left: 0;background-color:rgba(22,145,238,0.6);color:#fff;}
.solutionHide img{position: absolute;top:129px;left: 146px;}
.solutionHide p{width: 83%;font-size: 16px;line-height:30px;position: absolute;top:285px;left: 45px;color:#fff;}
.solutionHide .seeDetail{cursor:pointer;width: 140px;height: 34px;text-align:center;border: solid 1px #fff;font-size: 14px;line-height: 34px;color: #fff;position: absolute;top:440px;left: 159px;}
.solutionTit p{position: absolute;bottom: 0;font-size: 20px;}
.solutionTit01{background: url("../../common/image/VRshebei.png")no-repeat center center;}
.solutionTit02{background: url("../../common/image/xietongwendang.png")no-repeat center center;}
.solutionTit03{background: url("../../common/image/bangong0 (2).png")no-repeat center center;}
.solutionTit04{background: url("../../common/image/home.png")no-repeat center center;}
.successfulCase{width: 100%;height:725px;background-color: #f6f6f6; float:left;}



/*关于鸿游*/
.aboutUs{width: 100%;height:672px;background-color: #fff; float:left;}
.aboutUs .aboutUsBox{width: 1200px;height: 370px;background-color: #ffffff;position: relative;top:-171px;left:50%;z-index: 666;margin-left: -600px;}
.aboutUs .rightBox{width: 573px;height: 310px;margin-right: 65px;margin-top: 30px;}
.aboutUs .companyMore{margin-top: 7px;}
.aboutUsNum{width: 240px;height: 150px;color:#fff;position: absolute;top:63px;text-align: center;}
.aboutUsNum .bigNum{font-size: 50px;font-family: Helvetica Neue;}
.aboutUsNum .littleNum{font-size: 14px;}
/*新闻*/
.news{width:100%;height: 744px;background-color: #f3f3f3; float:left;}
.news .leftBox{width: 595px;height: 328px;background-color: #ffffff;margin-top: 30px;}
.news .rightBox{width: 592px;height: 328px;margin-top: 30px;}
.news .newsDetailMore{margin-top: 62px;margin-left: 30px;}
.news .rightBox .newsDetail{cursor:pointer;width: 100%;height: 76px;background-color: #ffffff;margin-bottom: 8px;}
.news .rightBox .newsDetail:hover{border: solid 1px #1691ee;}
.news .rightBox .newsDetail .left{width: 90px;height: 100%;}
.news .rightBox .newsDetail .left .date{font-family: HelveticaNeueLTPro-LtEx;font-size: 34px;color: #666666;margin: 10px 0 0 14px;text-align: center;}
.news .rightBox .newsDetail .left .month{font-family: HelveticaNeueLTPro-LtEx;font-size: 12px;color: #666666;margin:-4px 0 0 29px;}
.news .rightBox .newsDetail .newsLink{width: 2px;height: 30px;background-color: #f3f3f3;margin-top: 25px;}
.news .newsMore{margin-top:80px;margin-left: 529px;}


#banner_wrappp .banner_wrappp {
    min-width: 1100px;
    height: 220px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#banner_wrappp .banner_change2{
    width: 1200px;
    height: 0;
    margin: auto;
    position: relative;
    z-index: 999;
}
/*.banner_change1{
    width: 680px;
    height: 430px;
    position: relative;
    overflow: hidden;
    float: left;
}*/
#banner_wrappp .banner_rtu1{
    cursor: pointer;
    width: 310px;
    height: 215px;
    float: left;
    overflow: hidden;
}

#banner_wrappp .banner_rtu1:after{
    content:'';
    display: block;
    width: 310px;
    height: 215px;
    background: rgba(134, 134, 134, 0.2);
    position: relative;
    top: -221px;;
    z-index:2;
}

#banner_wrappp .banner_rtu1:hover:after{
    z-index:-2;
}
#banner_wrappp .banner_rtu1 img{
    transform: scale(1,1);
}

#banner_wrappp .banner_rtu1:hover img{
    transform: scale(1.2,1.2);
    transition: transform 4s ease 0s;
}
#banner_wrappp .banner_s_next_prev{
    width: 50px;
    height: 160px;
    /*border: 1px solid white;*/
    cursor: pointer;
    overflow: hidden;
}
#banner_wrappp .banner_s_next{
    position: absolute;
    right: 0;
    top: 81px;
    transition: all .5s ease 0s;
    background: url("../../common/image/rightBtn.png") no-repeat right;
}
#banner_wrappp .banner_s_next:hover{
    transition: all .5s ease 0s;
    background: url("../../common/image/rightBtn.png") no-repeat left;
}
#banner_wrappp .banner_s_prev{
    position: absolute;
    left: 2px;
    top:81px;
    transition: all .5s ease 0s;
    background: url("../../common/image/leftBtn.png") no-repeat left;
}
#banner_wrappp .banner_s_prev:hover{
    transition: all .5s ease 0s;
    background: url("../../common/image/leftBtn.png") no-repeat right;
}
#banner_wrappp .banner_s{
    width: 1200px;
    height: 370px;
    margin: auto;
    overflow: hidden;

}
#banner_wrappp .banner_s img{
    display: inline-block;
    width: 100%;
    /*height: 100%;*/
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);

}
#banner_wrappp .banner_s ul{
    width: 5000000000000000000000px;
    margin-left: -20px;
    margin-top: 20px;
    position: relative;
    padding-left: 5px;
}
#banner_wrappp .banner_s ul li{
    float: left;
    width: 388px;
    height: 282px;
    cursor: pointer;
    margin-left: 17px;
    position: relative;
    overflow: hidden;
    background: #fff;

}
#banner_wrappp .banner_s ul li:hover{
    box-shadow: 0 3px 8px 2px #76aac763;
    background-color: #1691ee;
    color:#fff;
}
/*#banner_wrappp .banner_s_h2{*/
    /*width: 230px;*/
    /*height: 75px;*/
    /*line-height: 75px;*/
    /*font-weight: 400;*/
    /*background: #8caac8;*/
    /*font-size: 20px;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 183px;*/
    /*z-index: 11;*/
    /*text-align: center;*/
    /*color: white;*/
    /*padding-right: 22px;*/
    /*display: inline-block;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
/*}*/
#banner_wrappp .banner_s_Tit{font-size: 22px;color: #333333;float: left;margin-left: 30px;margin-top: 210px;}
#banner_wrappp .banner_s_Words{font-size: 14px;color: #666666;float: left;margin-left: 30px;margin-top: 10px;}