@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
}
.bigcontainer {
	width: 100%;
	background: #000;
	top:-110;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clear: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	left: 431px;
	top: -1px;
}
.rl {
	position: relative;
}

#Layer12 {
	position:relative;
	height:79px;
	z-index:1;
	background-image: url(../images/235top.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 1920px;
}
#Layer13 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:1;
	top: 18px;
	left: 1150px;
}
#Layer14 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:2;
	left: 1350px;
	top: 18px;
}
#Layer15 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:3;
	left: 1560px;
	top: 18px;
}

#Flash {
    width: 1920px;
    height: 1060px;
    position: absolute;
    left: 50%;
    margin: 0px auto -272px -960px;
    z-index: 50;
}
#Header{margin:0 auto -290px -960px;width:1920px;height:1060px;position:absolute;left:50%;line-height:0px;}


#Download{width: 764px;height: 172px;text-align:center;position:absolute;top:860px;left:50%;margin-left: -396px;z-index:5100;border-radius:5px;background:url(../images/235down.png) no-repeat left top;}
#Download .btn_down_s1{float:left;width: 240px;height: 87px;text-indent:-999em;margin-left: 107px;margin-top: 43px;}
#Download .btn_down_s2{float:left;width: 99px;height: 91px;text-indent:-999em;margin-left: 20px;margin-top: 39px;}
#Download .btn_down_s3{float:left;width: 99px;height: 101px;text-indent:-999em;margin-left: 44px;margin-top: 35px;}
#Download .btn_down_s4{float:left;width: 99px;height: 89px;text-indent:-999em;margin-left: 4px;margin-top: 42px;}
.topcontainer {
	width:1920px;height:1058px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: -0px -0px;
}

.animatetop{	
	width:1920px;height:1080px;left:50%;margin-left:-960px;

}


.topcontainer .topnavs{
	width:616px;height:30px;left:50%;margin-left:-41px;top:23px;
}

.topcontainer .topnavs .nav{
	width:112px;height:30px;
}

.topcontainer .topnavs .nav1{
	margin-left:0px;;
}

.topcontainer .topnavs .nav2{
	margin-left:167px;;
}

.topcontainer .topnavs .nav3{
	margin-left:335px;;
}

.topcontainer .topnavs .nav4{
	margin-left:503px;;
}



 

.sfsb {
	width:1920px;
	height:700px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/235_01.jpg) no-repeat center;
	background-position: 0px -0px;
	margin-top: -2px;
}


.zbsx {
	width:1920px;height:930px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/235_02.jpg) no-repeat center;
	background-position: 0px -0px;
}


.zbzs{
	width:1920px;
	height:1800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
	background-image: url(../images/235_03.jpg);
	background-repeat: no-repeat;
}
.gzzs{
	width:1920px;
	height:1070px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
	background-image: url(../images/235_04.jpg);
	background-repeat: no-repeat;
}

.roundImg{
        width: 714px;
       height: 714px;
       position: absolute;
       top: 12%;left: 50%;margin-left: -350px;
       z-index: 999;
       background:url("../images/pick-ring.png") no-repeat center center;
       background-size: contain;
       -webkit-animation: round_animate 5s linear infinite;
       animation: round_animate 5s linear infinite; 
     }
     @keyframes round_animate {
       to {
         transform: rotate(1turn);
       }
     }
.roundImg1{
        width: 714px;
       height: 714px;
       position: absolute;
       top: 17%;left: 50%;margin-left: 30px;
       z-index: 1;
       background:url("../images/pick-ring.png") no-repeat center center;
       background-size: contain;
       -webkit-animation: round_animate 5s linear infinite;
       animation: round_animate 5s linear infinite; 
     }
     @keyframes round_animate {
       to {
         transform: rotate(1turn);
       }
     }

.role2{width:897px;height:1018px;background:url(../images/rw2.png) no-repeat left top;animation:light_1 3s linear infinite; z-index:99999;}
.role2 ._light{width:897px;height:1018px;position:absolute;top:0;left:0;background:url(../images/rw.html) no-repeat left top;transform-origin:left center;animation:light_2 3s linear infinite;}
#ZhiYe2 .role2 {
    position: absolute;
    top: 94px;
    left: 0px;
    z-index: 300;
}

.role3 {width: 1036px;height: 1425px;background: url(../images/rw3.png) no-repeat left top;animation: light_3 3s linear infinite;position: absolute;right: 0px;bottom:-871px;z-index: 300;}
.role3 ._light{width:1036px;height:1425px;position:absolute;top:0;left:0;background:url(../images/rw3-1.html) no-repeat left top;transform-origin:left center;animation:light_3 3s linear infinite;}

.role1{pointer-events:none;width:820px;height:873px;background:url(../images/rw2.png) no-repeat left top;animation:light_1 3s linear infinite;}
.role1 ._light{width:820px;height:873px;position:absolute;top:0;left:0;background:url(../images/rw2-1.html) no-repeat left top;transform-origin:left center;animation:light_1 3s linear infinite;}


@keyframes light_ {
	  25% { transform:scale(1.6);opacity: 0.9;}
	  75% {transform: scale(0.4);opacity: 1;}
	}
	@keyframes light_2 {
	  45% { transform:scaleX(1.05);opacity:0.6;}
	  75% {transform: scaleX(1);opacity: 1;}
	}
	@keyframes light_1 {
	  50% { transform: translatey(-10px) scale(1.005);opacity:1;}
	  100% {transform:translatey(0px) scale(1);opacity: 1;}
	}
	@keyframes light_3 {
	  50% { transform: translatey(-20px) scale(1.005);opacity:1;}
	  100% {transform:translatey(0px) scale(1);opacity: 1;}
	}


#focus_Box {
    position: relative;
    padding-top: 290px;
    margin: 0 auto;
}
.feature-swiper{
    width: 1200px;
	height: 630px;
}
.feature-swiper .swiper-slide {
    width: 460px;
}
.feature-swiper img {
    width: 460px;height:630px;
}
.img_box_s{
    position: relative;
}
.img_box_s::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.feature-swiper .swiper-slide.swiper-slide-active .img_box_s::after{
    background-image: none;
}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:80px;height:82px;top:520px;}
#focus_Box .prev{background:url(../images/prev.png) left bottom no-repeat;left:1528px;}
#focus_Box .next{background:url(../images/next.png) right bottom no-repeat;right:1528px;}
#focus_Box .proL{ 
	transform: perspective(1100px) translate(0, 0) rotateY(-30deg);		 
	-webkit-transform: perspective(1100px) translate(0, 0) rotateY(-30deg);		 
	-moz-transform: perspective(1100px) translate(0, 0) rotateY(-30deg);	 
}
#focus_Box .proR{ 
	transform: perspective(1100px) translate(0, 0) rotateY(30deg);		 
	-webkit-transform: perspective(1100px) translate(0, 0) rotateY(30deg);		 
	-moz-transform: perspective(1100px) translate(0, 0) rotateY(30deg);	 
}

.dtzs{
	width:1920px;height:1000px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/235_04.jpg) no-repeat center;
	background-position: 0px -0px;	
}


.foot235{
	width:1920px;
	height:132px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../images/235foot.jpg);
}

#Layer4 {
	position:absolute;
	width:1920px;
	height:132px;
	z-index:2;
	left: 0px;
	top: 0px;
	background-image: url(images/bj_07.html);
	background-repeat: no-repeat;
}
#Layer5 {
	position:absolute;
	width:700px;
	height:90px;
	z-index:1;
	left: 777px;
	top: 24px;
}
.STYLE2 {	font-size: 12px;
	color: #FFFFFF;
}
a:link {
	color: #CCCCCC;
}
a:visited {
	color: #CCCCCC;
}
a:hover {
	color: #CCCCCC;
}
a:active {
	color: #CCCCCC;
}


.slide1{
	width:1145px;height:559px;left: 50%;margin-left: -573px;top:107px;
	
}

.slide1 .uls li{list-style: none;}

.slide1 .prev,.slide1 .next{width:32px;height:50px;}
.slide1 .prev{top:-315px;left:-38px;}
.slide1 .next{top:-367px;left:1144px;}

.slide2{
	width: 1200px;
	height: 650px;
	left: 377px;
	top: 304px;
	z-index:99;
}

.slide2 .uls li{list-style: none;}

.slide2 .prev,.slide2 .next{width: 102px;height: 154px;}
.slide2 .prev{top: -375px;left: 70px;background-position:left top;}

.slide2 .next{top: -529px;left: 1080px;background-position:right top;}


.slide2 .slide2hd{width:900px;height:47px;left: 915px;margin-left: -495px;top:405px;}

.slide2 .slide2hd .sm{width:46px;height:47px;}
.slide2 .slide2hd .sm:hover{cursor: pointer;}

.slide2 .slide2hd .sm1{left:0px;} 
.slide2 .slide2hd .sm1.on{background:url(../images/bj04_jcjt/02.html);} 

.slide2 .slide2hd .sm2{left:192px;} 
.slide2 .slide2hd .sm2.on{background:url(../images/bj04_jcjt/04.html);} 

.slide2 .slide2hd .sm3{left:383px;} 
.slide2 .slide2hd .sm3.on{background:url(../images/bj04_jcjt/06.html);} 

.slide2 .slide2hd .sm4{left:575px;} 
.slide2 .slide2hd .sm4.on{background:url(../images/bj04_jcjt/08.html);} 

.slide2 .slide2hd .sm5{left:766px;} 
.slide2 .slide2hd .sm5.on{background:url(../images/bj04_jcjt/10.html);}

.slide3{
	width:1244px;height:750px;left: 636px;margin-left: -300px;top:251px;    overflow: hidden;
	
}

.slide3 .uls li{list-style: none;}

.slide3 .prev,.slide3 .next{width:43px;height:84px;background:url(../images/arrow.png) no-repeat left top;}
.slide3 .prev{top: -337px;left: 1180px;background-position:right top}
.slide3 .prev:hover{background-position:right bottom}
.slide3 .next{top: -421px;left: 0px;background-position:left top}
.slide3 .next:hover{background-position:left bottom}


.slide4{
	width:1078px;height:419px;left: 50%;margin-left: -780px;top:212px;
	
}

.slide4 .uls li{list-style: none;}

.slide4 .prev,.slide4 .next{width:40px;height:52px;}
.slide4 .prev{top:-401px;left:1121px;}
.slide4 .next{top:-460px;left:-72px;}


.slide5{
	width:1078px;height:419px;left: 50%;margin-left: -539px;top:1097px;
	
}

.slide5 .uls li{list-style: none;}

.slide5 .prev,.slide5 .next{width:40px;height:52px;}
.slide5 .prev{top:-262px;left:-85px;}
.slide5 .next{top:-317px;left:1121px;}

.zuoyi {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.zuoyi:hover {
            transform: translate(0, 10px);
            -webkit-transform: translate(0, 10px);
            -moz-transform: translate(0, 10px);
            -o-transform: translate(0, 10px);
            -ms-transform: translate(0, 10px);
        }
        .float{width: 229px;height: 670px;background: url(../images/float.png) no-repeat;position: fixed;top: 50%;right: -25px;margin-top: -335px;z-index: 99;}
        .float-packs{height: 190px;display: block;}
        .float-packs-image{position: fixed;top: 50%;right: -25px;margin-top: -335px;z-index: 98;
            animation: floatPacks 1.6s infinite;
            -webkit-animation: floatPacks 1.6s infinite;
            transform-origin: 50% 100%;
            -webkit-transform-origin: 50% 100%;
        }
        .flaot-nav{width: 148px;padding: 60px 0 0 29px;}
        .flaot-nav a{height: 49px;line-height: 49px;display: block;text-align: center;color: #Fcfcfc;font-size: 24px;
            transition: all 0.1s;
            -webkit-transition: all 0.1s;
        }
        .flaot-nav a.on{background: #ff0000;padding:2px 0;margin: -2px 0;color: #fff;font-size: 28px;}


        @keyframes floatPacks{
            0%, 100%{transform: rotate(3deg);}
            50%{transform: rotate(-3deg);}
        }
        @-webkit-keyframes floatPacks{
            0%, 100%{-webkit-transform: rotate(3deg);}
            50%{-webkit-transform: rotate(-3deg);}
        }
.clear {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    clear: both;
    font-size: 0;
}

 video {
            position: absolute;
            top: 0;
            left: 0;
        }

.dtzs .tsBox {
position:absolute;
    width: 1250px;
    height: 499px;
    background: url(../images/ts_bg.png) center no-repeat;
    margin: 215px auto 0;
	top:	150px;
	margin-left:480px;
    font-size: 0;
    text-align: center;
	z-index:99999;
}

.dtzs .tsBox li {
    width: 50px;
    height: 462px;
    margin: 18px 2px 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all
}

.dtzs .tsBox li:hover,.dtzs .tsBox li.on {
    width: 700px
}

.dtzs .tsBox li:hover .s,.dtzs .tsBox li.on .s {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.dtzs .tsBox li:hover .b,.dtzs .tsBox li.on .b {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.dtzs .tsBox li .s {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all
}

.dtzs .tsBox li .b {
    display: block;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all
}