/* 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:1080px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("https://www.SF302.com/images/bj_01.html") no-repeat center;
	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;;
}



.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;	
}

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

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

.smps4{
	width:1920px;
	height:950px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("https://www.SF302.com/images/smps_04.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("https://www.SF302.com/images/smps_04.jpg");
}
.smps5{
	width:1920px;
	height:1000px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("https://www.SF302.com/images/smps5.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("https://www.SF302.com/images/smps5.jpg");
}
.smps6{
	width:1920px;
	height:1080px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("https://www.SF302.com/images/smps6.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("https://www.SF302.com/images/smps6.jpg");
}

.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:1080px;position:relative;overflow:hidden;padding-top: 0px;z-index:11}
#Flash{width:1920px;height:1080px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1}
#Header{margin:0 auto -290px -960px;width:1920px;height:1080px;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: #000;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);}
        }
		

.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("https://www.SF302.com/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("https://www.SF302.com/images/cz.html") no-repeat;
	margin-left: 24px;
}


.nav3 {
	background:url("https://www.SF302.com/images/kf.html") no-repeat;
	/* margin-left: 38px; */
	/* margin-top: 27px; */
	margin-left: 24px;
}
#smdown{width: 902px;height: 101px;text-align:center;position:absolute;top:950px;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;}


.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);
        }




.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: 350px;
	top: 120px;
}

.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(https://www.SF302.com/images/bj04_jcjt/02.html);} 

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

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

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

.slide2 .slide2hd .sm5{left:766px;} 
.slide2 .slide2hd .sm5.on{background:url(https://www.SF302.com/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: -230px;top:270px; 
	
}

.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: 1170px;background-position:right top}
.slide4 .prev:hover{background-position:right bottom}
.slide4 .next{top: -421px;left: -20px;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;
        }
.section2 { position: relative; width: 100%; min-width: 1280px; height: 752px;z-index:2;max-width:1920px;margin:0 auto;}
.news{width:1280px;margin:0 auto;display:flex;align-items:center;position: relative;top: 425px;}
.news #news.swiper-container{width:741px;height:421px;border:1px solid #c5aa8e;padding:7px 10px;box-sizing:border-box;background:#fff;}
#news_btn{width:auto;left:0;bottom: -21px;} 
#news_btn .swiper-pagination-bullet{background:none;width:30px;height:6px;background:#b5b5b5;border-radius:0;opacity:1;margin-right:6px;}
#news_btn .swiper-pagination-bullet:last-child{margin-right:0;}
#news_btn .swiper-pagination-bullet-active{background:#b89879;width:60px;}
.news-list { width: 541px; height: 421px;position:relative;}
.news-list .news-top { width: 100%; height: 41px; overflow: hidden;box-sizing: border-box;position:absolute;top: -11px;z-index: 2;background:url(../images/newstopline.png) no-repeat center/100%;}
.news-list .news-top ul { overflow: hidden; float: left;}
	.news-list .news-top ul li {width: 43px;height: 41px; float: left; text-align: center;cursor: pointer;position:relative;margin-left:29px;}
	.news-list .news-top ul li:nth-child(1){margin-left:46px;}
	.news-list .news-top ul li img{position:absolute;display:block;}
    .news-list .news-top ul li img:nth-child(2){display:none;}
	.news-list .news-top ul li.li-on img:nth-child(2){display:block;}
	.news-list .news-top ul li:hover img:nth-child(2){display:block;}
.news-list .news-top .more { width: 58px; height: 26px; float: right;margin-right: 11px;margin-top: 7.5px;}
.news-content { width: 100%;padding:60px 0 0 21px;box-sizing:border-box;overflow: hidden;}
.news-swiper{width:520px;}
.news-swiper .swiper-slide{width:520px;}
/*.news-swiper .swiper-slide:hover{box-shadow: 0px 2px 2px #c9c6ba;transition:all .3s;}*/
.news-swiper-content{width:520px;height:107px;display:block;border:1px solid #cab199;background:#fff;padding:5px;box-sizing:border-box;display:flex;}
.news-swiper-img{width:168px;height:95px;}
.news-swiper-text{width:320px;height:100%;position:relative;margin-left:8px;}
.news-swiper-time{width:121px;height:17px;background:#b89879;color:#fff;font-size:12px;line-height:17px;color:#fff;text-indent:7px;margin-top:6px;}
.news-swiper-title{font-size:18px;font-weight:bold;color:#151515;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top:9px;}
.news-swiper-line{background:#cbb164;width:121px;height:1px;margin:10px 0 9px 0;}
.news-swiper-description{font-size:12px;color:#666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-swiper-arrow{width:30px;height:8px;background:url(https://www.SF302.com/images/smallarrow.png) no-repeat right center/100%;position:absolute;right:-10px;bottom:-2px;}
#news-swiper-btn{position:absolute;right:77px;width:86px;height:40px;}
#news-swiper-btn li{position:absolute;width:86px;margin-left:0;display:none;}
#news-swiper-left{width:27px;height:27px;background:url(https://www.SF302.com/images/newleft.png) no-repeat center;margin-top:-13.5px;left:auto;right:111px;}
#news-swiper-right{width:27px;height:27px;background:url(https://www.SF302.com/images/newright.png) no-repeat center;margin-top:-13.5px;right:77px;}


.PicList3{padding-top:366px;width:480px;left: 50%;
	padding-left: 476px;}
.PicList3 li{float:left;width:108px;height:128px;position:relative;margin-bottom:-10px;padding-top:0px;background:url(https://www.SF302.com/logo50images/border11.png) no-repeat left top;list-style: none; }
.PicList3 li:nth-child(7n){margin-right:0px;}

.PicList3 strong
{

height:40px;
line-height:46px;
text-align:center;
overflow:hidden;
font-size:22px;
font-weight:normal;
color:#07393d;
margin-bottom:3px;
letter-spacing:4px;
display:block;

}

.PicList3 .photo
{
width:50px;
height:50px;
margin:0 55px;
display:block;

}

.PicList4{padding-top:6px;width:460px;left: 54%; position:absolute;margin-left: -90px;}
.PicList4 li{float:left;width:86px;height:106px;position:relative;margin-right:0px;margin-bottom:-10px;padding-top:0px;background:url(https://www.SF302.com/logo50images/border11.png) no-repeat left top;list-style: none; }
.PicList4 li:nth-child(7n){margin-right:0px;}

.PicList4 strong
{

height:40px;
line-height:46px;
text-align:center;
overflow:hidden;
font-size:22px;
font-weight:normal;
color:#07393d;
margin-bottom:3px;
letter-spacing:4px;
display:block;

}

.PicList4 .photo
{
width:50px;
height:50px;
margin:0 55px;
display:block;

}
	
	

.pic{position: absolute;display: none;z-index: 9999;margin-left:72px;margin-top:-300px;}
.pic1{  height: auto; border-radius: 5px; -webkit-box-shadow: 5px 5px 5px 5px hsla(0,0%,5%,1.00); box-shadow: 5px 5px 5px 0px hsla(0,0%,5%,0.3); z-index: 99999;} 


.zhuangbeishow{
	width: 1300px;
	height: 50px;/* border: 1px solid red; */
	margin: 0px auto;
	position: absolute;
	top:39%;
	left:50%;
	margin-left: 30px;
	margin-top: 120px;
}
#sb_01{margin-left:-47%;margin-top:-29%;}
#sb_02{margin-left:-47%;margin-top:8%;}
#sb_03{margin-left:-47%;margin-top:16%;}
#sb_04{margin-left:-47%;margin-top:24%;}
#sb_05{margin-left:-47%;margin-top:32%;}
#sb_06{margin-left:-47%;margin-top:40%;}
#sb_07{margin-left:-47%;margin-top:48%;}
#sb_08{margin-left:-47%;margin-top:56%;}
.zhuangbei_ul li{width: 72px;height: 50px;float: left;cursor: pointer;margin-right: 53px;margin-top: 0px;margin-left: 0px;list-style: none;}

.zhuangbei_ul .container-item:hover .pic{display:block;}

#preview{position:absolute; margin-top:-200px;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;}
.container-item  {width: 100px; height: 100px; background: url(https://www.SF302.com/images/active.png) 0 0 no-repeat;}
.container-item img{padding-top: 35px;/* margin-right: 107px; */}