@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
	background-color: #000000;
}
.bigcontainer {
	width: 100%;
	background: #fff;
	top:-110;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clear: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	left: 431px;
	top: 0px;
}
.rl {
	position: relative;
}
.topcontainer {
	width:1920px;height:920px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/bj_01.html") no-repeat center;
	background-position: -0px -0px;
}

.animatetop{	
	width:1920px;height:920px;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;;
}



.topcontainer .navs{
	width:938px;height:263px;left:50%;margin-left:-471px;top:836px;
}

.topcontainer .navs .nav{
	width:177px;height:178px;
}

.topcontainer .navs .nav1{
	margin-left:0px;top:86px;
}

.topcontainer .navs .nav2{
	margin-left:255px;top:35px;
}

.topcontainer .navs .nav3{
	margin-left:508px;top:0px;
}

.topcontainer .navs .nav4{
	margin-left:761px;top:7px;
}


.topcontainer .navs .nav:hover{
	cursor: pointer;	
}

.sm1{
	width:1920px;
	height:800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/sm1.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/sm1.jpg");
}
.sm2{
	width:1920px;
	height:800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/sm2.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/sm2.jpg");
}

.sm3{
	width:1920px;
	height:800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/sm3.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/sm3.jpg");
}

.sm4{
	width:1920px;
	height:800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/sm4.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/sm4.jpg");
}
.sm5{
	width:1920px;
	height:800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/sm5.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/sm5.jpg");
}
.sm6{
	width:1920px;
	height:800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/sm6.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/sm6.gif");
}

.smps6 #center video{position:relative;overflow:hidden;padding-top: 200px;z-index:11}




.smfoot{
	width:1920px;
	height:142px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../images/smfoot.jpg);
}


#Version{width:100%;height:920px;position:relative;overflow:hidden;padding-top: 0px;z-index:11}
#Flash{width:1920px;height:920px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1}
#Header{margin:0 auto -290px -960px;width:1920px;height:920px;position:absolute;left:50%;z-index:-2;line-height:0px;}

        .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: #fff;font-size: 24px;
            transition: all 0.1s;
            -webkit-transition: all 0.1s;
        }
        .flaot-nav a.on{background: #693511;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);}
        }
		
.PicList3 .photo img{
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;
}


.PicList3 .photo img:hover {
            transform: rotate(360deg) scale(1.2);
            -webkit-transform: rotate(360deg) scale(1.2);
            -moz-transform: rotate(360deg) scale(1.2);
            -o-transform: rotate(360deg) scale(1.2);
            -ms-transform: rotate(360deg) scale(1.2);
        }
.PicList4 .photo img{
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;
}


.PicList4 .photo img:hover {
            transform: rotate(-360deg) scale(1.2);
            -webkit-transform: rotate(-360deg) scale(1.2);
            -moz-transform: rotate(-360deg) scale(1.2);
            -o-transform: rotate(-360deg) scale(1.2);
            -ms-transform: rotate(-360deg) scale(1.2);
        }

.navs {
	width: 1200px;
	height: 140px;
	left:50%;
	margin-left: -440px;
	top: 870px;
	z-index: 99;
}
.nav1,.nav2,.nav3,.nav4 {
	width: 280px;
	height: 120px;
	/* margin-right: 166px; */
}

.nav1 {
	/* margin-left:90px; */
	background:url("../images/xz.html") no-repeat;
}
.nav1:hover,.nav2:hover，.nav3:hover，.nav4:hover{cursor: pointer;}
.nav1:hover,.nav2:hover,.nav3:hover,.nav4:hover {
	margin-top:0px;	
}




.nav2 {
	background:url("../images/cz.html") no-repeat;
	margin-left: 24px;
}


.nav3 {
	background:url("../images/kf.html") no-repeat;
	/* margin-left: 38px; */
	/* margin-top: 27px; */
	margin-left: 24px;
}
[class^="m"][class*="piccon"] li a {
    position: absolute;
    display: inline-block;
    overflow: hidden;
}

[class^="m"][class*="piccon"] li a::before {
    content: "";
    position: absolute;
    top: -150%;
    left: -150%;
    width: 80px;
    height: 400%;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.85) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: rotate(45deg);
    animation: sweepDiag 2.5s linear infinite;
    pointer-events: none;
}

@keyframes sweepDiag {
    0%   { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
    100% { transform: translateX(200%) translateY(200%) rotate(45deg); }
}

#smdown{width: 902px;height: 101px;text-align:center;position:absolute;top:750px;left:50%;margin-left: -450px;z-index:5100;border-radius:5px;background:url(../images/smdown.png) no-repeat left top;}
#smdown .smdown1{float:left;width: 252px;height: 101px;text-indent:-999em;}
#smdown .smdown2{float:left;width: 181px;height: 101px;text-indent:-999em;}
#smdown .smdown3{float:left;width: 128px;height: 101px;text-indent:-999em;}
#smdown .smdown4{float:left;width: 99px;height: 89px;text-indent:-999em;margin-left: 4px;}
.list-info{
	    width: 789px;
    height: 453px;
    /* border: 1px solid red; */
    margin: 200px auto;
    margin-top: 289px;
    position: absolute;
    left: 809px;
    top: -113px;
    text-align: left;
}
#docColumn{float:left;width:580px;height:455px;position:relative;overflow:hidden;padding-top:21px;padding-left:18px;}
#docColumn .Tab_nr{height:360px;overflow:hidden;margin-bottom:40px;}
#docColumn .NewsList{margin-right:56px;margin-left:16px;}

.NewsList li{height:53px;line-height:53px;font-size:16px;transition:all 0.1s linear;color:#fff;}
.NewsList li:hover{transform:translatex(5px);}
.NewsList li a{overflow:hidden;color:#fff;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;display:block;}
.NewsList li time{float:right;color:#fff;}
.NewsList li .lx{float:left;}
.NewsList li:hover a{color:#ae862e;}



#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;margin-top:-300px;z-index:99999;}

.m4piccon{float:left;position:absolute;width:6700px;height:145px;margin-left:372px;margin-top:530px;z-index:999}
.m4piccon li{float:left;width:77.5px;height:84.3px;padding:0 0px;margin-bottom:25px; list-style:none;}
.m4piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m4piccon li img {float:left;width:42px;height:42px}

.m5piccon{float:left;position:absolute;width:600px;height:145px;margin-left:372px;margin-top:284px;z-index:999}
.m5piccon li{float:left;width:77.5px;height:84.3px;padding:0 0px;margin-bottom:25px; list-style:none;}
.m5piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m5piccon li img {float:left;width:42px;height:42px}

.m3piccon{float:left;position:absolute;width:500px;height:145px;margin-left:1212px;margin-top:284px;z-index:999}
.m3piccon li{float:left;width:77.5px;height:80px;padding:0 0px;margin-bottom:25px; list-style:none;}
.m3piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m3piccon li img {float:left;width:42px;height:42px}


.m7piccon{float:left;position:absolute;width:1550px;height:145px;margin-left:260px;margin-top:64px;z-index:999}
.m7piccon li{float:left;width:68px;height:45px;padding:0 0px;margin-bottom:25px; list-style:none;}
.m7piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m7piccon li img {float:left;width:42px;height:42px}


.m8piccon{float:left;position:absolute;width:1020px;height:145px;margin-left:810px;margin-top:388px;z-index:999}
.m8piccon li{float:left;width:68.4px;height:50px;padding:0 0px;margin-bottom:25px; list-style:none;}
.m8piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m8piccon li img {float:left;width:42px;height:42px}

.m6piccon{float:left;position:absolute;width:600px;height:145px;margin-left:372px;margin-top:284px;z-index:999}
.m6piccon li{float:left;width:77.5px;height:84.3px;padding:0 0px;margin-bottom:25px; list-style:none;}
.m6piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m6piccon li img {float:left;width:42px;height:42px}


.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: 360px;
	top: 150px;
}

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

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

.slide2 .next{top: -529px;left: 1170px;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:625px;left: 568px;margin-left: -230px;top:340px; 
	
}

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

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



.slide4{
	width:1244px;height:625px;left: 568px;margin-left: -444px;top:140px; 
	
}

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

.slide4 .prev,.slide4 .next{width:83px;height:84px;background:url(../images/arrow.png) no-repeat left top;}
.slide4 .prev{top: -337px;left: 1120px;background-position:right top}
.slide4 .prev:hover{background-position:right bottom}
.slide4 .next{top: -421px;left: 30px;background-position:left top}
.slide4 .next:hover{background-position:left bottom}



.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;}
        video {
            position: absolute;
            top: 0;
            left: 0;
        }

.carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 0;
}

.carousel-thumb {
  width: 279px;
  height: 155px;
  object-fit: cover;
  margin: 0 24px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.14);
  cursor: pointer;
  opacity: 0.85;
  transition: opacity .18s, box-shadow .18s;
  background: #fff;
  border-radius: 0;
  border: none;
}
.carousel-thumb:hover {
  opacity: 1;
  box-shadow: 0 4px 20px rgba(0,0,0,.18);
}

.carousel-main-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-main {
  width: 930px;
  height: 518px;
  object-fit: cover;
  display: block;
  background: #fff;
  box-shadow: 0 6px 24px rgba(0,0,0,.12);
  border-radius: 0;
  opacity: 1;
  transition: opacity .5s cubic-bezier(.6,0,.4,1);
  position: absolute;
  left: 0; top: 0;
  pointer-events: none; 
}
.carousel-main.active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}
.carousel-main.inactive {
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}

.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: rgba(50,50,50,0.72);
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  outline: none;
  z-index: 3;
  transition: background 0.13s;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.88;
}
.carousel-arrow.left { left: 12px; }
.carousel-arrow.right { right: 12px; }
.carousel-arrow:active { background: #222; }

.carousel-main-box {
  width: 930px;
  height: 518px;
  position: relative;
  overflow: hidden;
}


#focus_Box {
    position: relative;
    padding-top: 67px;
	padding-left:40px;
    margin: 0 auto;
}
.feature-swiper{
    width: 990px;
	height: 600px;
}
.feature-swiper .swiper-slide {
    width: 400px;
}
.feature-swiper img {
    width: 400px;
}
.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;
}
.feature-pa {
    position: static;
    padding-bottom: 20px;
    counter-reset: num;
}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:74px;height:74px;top:344px;}
#focus_Box .prev{background:url(../images/prev.png) left bottom no-repeat;left:350px;}
#focus_Box .next{background:url(../images/next.png) right bottom no-repeat;right:300px;}
#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);	 
}