@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
}
.header{
    width: 100%;
    height: 84px;
    background: url('../images/top.jpg') center no-repeat;
}
.menu{
    width: 1080px;
    height: 100%;
    margin: 0px auto;
}
.menu .text{
    width: 860px;
    padding-left: 730px;
    height: 100%;
    float: left;
}
.menu .text ul li{
    width: 120px;
    list-style: none;
    float: left;
    height: 100%;
    /* font-weight: bold; */
    margin-left: 30px;
    text-align: center;
    margin-top: 15px;
}
.menu .text ul li .atext{
    font-size: 20px;
}
.menu .text ul li .ftext{
    font-size: 15px;
}
.menu .text ul li:hover{
    color: #a3905b;
}
.menu .text ul li a:link{
    color: #a3905b;
    text-decoration: none;
}
.menu .text ul li a:active{
    color: #a3905b;
}
.menu .text ul li a:visited{
    color: #a3905b;
}
.menu .text ul li a:hover{
    color: #B52A00;
}
.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: 0px;
}
.rl {
	position: relative;
	width: 70px;
	height: 70px;
}
.topcontainer {
	width:1920px;
	height:1000px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
	background-image: url(../smps8/smps8.jpg);
	background-repeat: no-repeat;
}

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

}
.bg4con{
    width: 1280px;
    height: 550px;
    position: relative;
    top: 160px;
    left: 320px;
    /* border: 1px solid red; */
}
.bg5btns{
    position: relative;
    top: -174px;
    width: 79%;
    left: 0px;
    height: 70px;
    margin: 0px auto;
}
.bg5prev,
.bg5next{
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    position: absolute;
}
.bg5prev{
    left: 0;
}
.bg5next{
    right: 0;
}
.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:700px;
	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:700px;
	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:900px;
	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:980px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
	background-image: url(../images/sm5.jpg);
	background-repeat: no-repeat;
}
.sm6{
	width:1920px;
	height:142px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
	background-image: url(../images/sm6.jpg);
	background-repeat: no-repeat;
}

.slider {
    position: relative;
    width: 1096px;
    height: 600px;
    overflow: hidden;
    border: 5px solid #d5b86c;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin: 250px auto 0; /* 修改这里，设置上边距为 150 像素，并水平居中 */
}
        .slides {
            display: flex;
            width: 400%;
            height: 100%;
            transition: transform 0.5s ease-in-out;
        }

        .slides img {
            width: 1096px;
            height: 600px;
            object-fit: cover;
        }

        button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
            font-size: 24px;
            transition: background-color 0.3s ease;
        }

        button:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .prev {
            left: 10px;
        }

        .next {
            right: 10px;
        }
#smdown{width: 902px;height: 101px;text-align:center;position:absolute;top:860px;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;}
.sm4 img{left:50%; margin-top:150px;border:8px solid #d5b86c;box-sizing: border-box;}


.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:693px;height:426px;left: 1087px;margin-left: -560px;top:457px;
	
}

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

.slide2 .prev,.slide2 .next{width:80px;height:80px;}
.slide2 .prev{top:-220px;left:-490px;}
.slide2 .next{top:-300px;left:480px;}

.slide2 .slide2hd{width:532px;height:50px;left: 676px;margin-left: -495px;top:476px;}

.slide2 .slide2hd .sm{width:107px;height:50px;}
.slide2 .slide2hd .sm:hover{cursor: pointer;}

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

.slide2 .slide2hd .sm2{left:125px;} 
.slide2 .slide2hd .sm2.on{background:url(../images/bj04fb/2.html);} 

.slide2 .slide2hd .sm3{left:250px;} 
.slide2 .slide2hd .sm3.on{background:url(../images/bj04fb/3.html);} 

.slide2 .slide2hd .sm4{left:375px;} 
.slide2 .slide2hd .sm4.on{background:url(../images/bj04fb/4.html);} 

.slide2 .slide2hd .sm5{left:500px;} 
.slide2 .slide2hd .sm5.on{background:url(../images/bj04fb/5.html);}

.slide2 .slide2hd .sm6{left:624px;} 
.slide2 .slide2hd .sm6.on{background:url(../images/bj04fb/6.html);}

.slide3{
	width:820px;height:440px;left: 837px;margin-left: -433px;top:90px;
	
}
.slide3 .prev,.slide3 .next{width:180px;height:180px;}
.slide3 .prev{top:-368px;left:300px;}
.slide3 .next{
	top:-556px;
	left:-305px;
	background-image: url(../images/LG.html);
}


.slide31{
	width:866px;height:483px;left: 1066px;margin-left: -539px;top:131px;
	
}

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

.slide31 .prev,.slide3 .next{width:80px;height:80px;}
.slide31 .prev{top:7px;left:577px;}
.slide31 .next{
	top:-70px;
	left:-577px;
	background-image: url(../images/LG.html);
}


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

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

.slide4 .prev,.slide4 .next{width:40px;height:152px;}
.slide4 .prev{top:-362px;left:-505px;}
.slide4 .next{top:-517px;left:501px;}


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

#Download{width: 764px;height: 172px;text-align:center;position:absolute;top: 720px;left:50%;margin-left: -400px;z-index:51;border-radius:5px;background:url(../images/down.png) no-repeat left top;}
#Download .btn_down_s1{float:left;width: 259px;height: 89px;text-indent:-999em;margin-left: 106px;margin-top: 43px;}
#Download .btn_down_s2{float:left;width: 101px;height: 91px;text-indent:-999em;margin-left: 4px;margin-top: 39px;}
#Download .btn_down_s3{float:left;width: 101px;height: 101px;text-indent:-999em;margin-left: 4px;margin-top: 35px;}
#Download .btn_down_s4{float:left;width: 131px;height: 89px;text-indent:-999em;overflow:hidden;margin-left: 13px;margin-top: 42px;}
	#Floatingbar{width:231px;height:470px;position:fixed;right:0px;top:50%;transform:translatey(-50%);background:url(../images/float.png) no-repeat left top;padding-left:15px;padding-right:15px;box-sizing:border-box;padding-top:10px;z-index:10000;}
	#Floatingbar h5{width:208px;height:50px;background:url(../images/txt_contact.png) no-repeat left top;text-indent:-99em;overflow:hidden;margin-bottom:19px;}
	#Floatingbar ._btn_close{width:20px;height:21px;background:url(../images/icon_close.png) no-repeat left top;position:absolute;right:14px;top:17px;border:0;transition:transform 0.2s linear;}
	#Floatingbar ._btn_close:hover{transform:rotate(90deg);}
	
	.RQcode{width:154px;margin:30px auto 0 auto;text-align:center;}
	.RQcode .photo{width:154px;height:154px;display:block;background:#fff;}
	 .RQcode .photo img{}
	.RQcode em{line-height:35px;color:#fff; font-style:normal; font-size:14px;}
#DownLoad{width:900px;height:180px;position:absolute;overflow:hidden;top:750px;left:50%;margin:0 auto;margin-left:-360px;z-index:3500;margin-top:0px;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
.sp{background: url(../images/sp.png) no-repeat;}
.box1{position: absolute;width: 781px;height:160px;margin: 0 auto;opacity: 0;animation: box1 1s linear forwards;-webkit-animation: box1 1s linear forwards;z-index:1000;left:100px}
.box1{width: 781px;margin: 0 auto;opacity: 0;animation: box1 1s linear forwards;-webkit-animation: box1 1s linear forwards;}
@keyframes box1{
	0%{transform: translateY(-100px);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes box1{
	0%{transform: translateY(-100px);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
.codetxt{width: 43px;height: 145px;background-color: #170d02;float: left;font-size: 14px;color: #fefefe;
				line-height: 16px;text-align: center;padding-top: 15px;}
.code{display: block;float: left;width: 156px;height: 160px;position: relative;background: #0b0907}
.code img{display: block;width:135px;height:135px;margin-left:10px;margin-top:12px}
.line{display: block;position: absolute;width: 159px;height: 1px;border-bottom: 1px solid #FFFFFF;position: absolute;top: 0;left: 0;
animation: line 7s linear infinite;
-webkit-animation: line 7s linear infinite;
}
.btnpc2{background: url(../images/bgpcdown2.jpg) no-repeat;width: 247px;height: 160px;float: left;position: relative;overflow:initial;}
.btnpc2 span{display: block;background-position:-15px -1348px;width: 132px;height: 100px;position: absolute;right: -2px;top: 12px;}
@keyframes line{
	0%{top: 0;}
	50%{top: 160px;}
	100%{top: 0;}
}
@-webkit-keyframes line{
	0%{top: 0;}
	50%{top: 160px;}
	100%{top: 0;}
}
.mobidown{width: 182px;float: left;}
.mobidown a{display: block;width: 182px;}
.btnios{height: 55px;background-color: #1c1812;padding-top: 24px;
transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
}
.btnandr{height: 57px;background-color: #26241a;padding-top: 24px;}
.btnios span{display: block;margin: 0 auto;width: 107px;}
.btnios strong{background-position: -15px -10px;width: 28px;height: 32px;float: left;}
.btnios em{width: 64px;font-size: 16px; font-family:微软雅黑; font-style:normal;color: #FFFFFF;line-height: 38px;float: right;}
.btnanim strong.on{
	animation: btnicon 0.5s linear forwards;
	-webkit-animation: btnicon 0.5s linear forwards;
}
@keyframes btnicon{
	0%{transform: rotateY(0);}
	100%{transform: rotateY(180deg);}
}
@-webkit-keyframes btnicon{
	0%{transform: rotateY(0);}
	100%{transform: rotateY(180deg);}
}
.btnanim strong.cur{
	animation: btnicona 0.5s linear forwards;
	-webkit-animation: btnicona 0.5s linear forwards;
}
@keyframes btnicona{
	0%{transform: rotateY(180deg);}
	100%{transform: rotateY(0);}
}
@-webkit-keyframes btnicona{
	0%{transform: rotateY(180deg);}
	100%{transform: rotateY(0);}
}

	.PartTitle2{padding:14px 0 14px 38px;height:35px;line-height:35px;position:relative;font-size:19px;font-weight:normal;color:#ffeab7;background:url(../images/icon_.png) no-repeat left center;border-bottom:1px solid #6b4b15;}
	.PartTitle2 span{font-size:13px;font-family:'times new roman', times, serif;color:#ffeab7;text-transform:uppercase;}
	.PartTitle2 .more{position:absolute;font-size:12px;color:#fff;right:5px;padding-right:27px;background:url(../images/icon_more.html) no-repeat right center;}
	.PartTitle2 .more:hover{color:#ffeab7;}

.ml10{margin-left:10px;}
.m5{width:100%;height:auto;overflow:hidden;padding-bottom:10px;padding-top:52px;background: url(../images/footb1g.html) bottom no-repeat; z-index:999999; }
.zb_zb{width:1350px;height:auto;overflow:hidden;margin:0 auto;padding:10px 00px 00px 00px;padding-top:10px;padding-top:10px;padding-bottom:10px;}


.zb_zb_3bg{padding:10px 10px 10px;width:423px;height:auto;overflow:hidden;float:left;background-color:#d5b86c;position:relative}
.zb_zb_3{padding:10px 10px 10px 10px;width:403px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#1a1b1f;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}
.zb_zb_3_t{width:403px;height:41px;float:left;background:#FFF;line-height:41px;color:#feac2a;text-align:center;font-size:16px;font-weight:bold;}
.zb_zb_3_d{width:403px;height:0px;float:left;background:#FFF;position:relative}
.zb_zb_3 .role-itemst{width:390px;height:auto;float:left;position:relative;}
.zb_zb_3 .role-itemst img{width:390px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}


.zb_zb_2bg{padding:10px 10px 10px;width:650px;height:auto;overflow:hidden;float:left;background-color:#818181;position:relative}
.zb_zb_2{padding:10px 10px 10px 10px;width:630px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#1a1b1f;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}
.zb_zb_2_t{width:630px;height:41px;float:left;background:#FFF;line-height:41px;color:#feac2a;text-align:center;font-size:16px;font-weight:bold;}
.zb_zb_2_d{width:630px;height:0px;float:left;background:#FFF;position:relative}
.zb_zb_2 .role-itemst{width:620px;height:auto;float:left;position:relative;}
.zb_zb_2 .role-itemst img{width:620px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}

.zb_zb_1bg{padding:10px 10px 10px;width:1330px;height:auto;overflow:hidden;float:left;background-color:#818181;position:relative}
.zb_zb_1{padding:10px 10px 10px 10px;width:1310px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#1a1b1f;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}
.zb_zb_1_t{width:1310px;height:41px;float:left;background:#FFF;line-height:41px;color:#feac2a;text-align:center;font-size:16px;font-weight:bold;}
.zb_zb_1_d{width:1310px;height:0px;float:left;background:#FFF;position:relative}
.zb_zb_1 .role-itemst{width:1300px;height:auto;float:left;position:relative;}
.zb_zb_1 .role-itemst img{width:1300px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}




.btnandr span{display: block;background-position: -19px -63px;width: 107px;height: 32px;margin: 0 auto;}
.btnandr strong{background-position: -19px -63px;width: 28px;height: 32px;display: block;float: left;}
.btnandr em{width: 64px;font-size: 16px;color: #FFFFFF;line-height: 42px;float: right;font-style:normal;}


.btnpc{background: url(../images/bgpcdown.jpg) no-repeat;width: 147px;height: 115px;float: left;padding-top: 45px;}
.btnpc span{background-position:  -156px -19px;width: 105px;height: 67px;display: block;margin: 0 auto;}