@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	background-color: #e0e4ed;
	overflow-x: hidden;
}
.bigcontainer {
	width: 100%;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clean: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
}
.rl {
	position: relative;
}
video {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%);
	object-fit: contain;
}
.page_01 {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 1125px;
	background: url(../images/web_01.gif) no-repeat center;
}
.downcontainer1 {
	height: 895px;
	background: url(../images/web_02.jpg) no-repeat center;
}
.downcontainer2 {
	height: 600px;
	background: url(../images/web_03.jpg) no-repeat center;
}
.downcontainer3 {
	height: 600px;
	background: url(../images/web_04.jpg) no-repeat center;
}

.downcontainer4 {
	height: 840px;
	background: url(../images/web_05.jpg) no-repeat center;
}

#leftnav {
	position: fixed;
	right: 30px;
	top: 20%;
	width: 98px;
	height: 436px;
	background: url(../images/leftNav.png) no-repeat;
	z-index: 20;
}
#leftnav a {
	width: 98px;
	height: 97px;
	display: block;
	text-align:center;
	padding-right:5px;
}
.gif {
	width: 1920px;
	text-align: center;
	margin: 0 auto;
}

#weixin {
	display: none;
	position: fixed;
	top: 25%;
	left: 38%;
	z-index: 50;
	background: white;
}
#over {
	width: 100%;
	height: 100%;
	opacity: 0.5;/*设置背景色透明度,1为完全不透明,IE需要使用filter:alpha(opacity=80);*/
	filter: alpha(opacity=80);
	display: none;
	position: fixed;
	z-index: 40;
	background: silver fixed;
	background-size: cover;
}
.on{color:#cecece;}

.bar {
	width: 100px;
	position: fixed;
	top: 102px;
	right: 30px;
	z-index: 1000;
}
.bar .nor {
	color: #fff;
	width: 100px;
	height: 70px;
	display: block;
	text-align: center;
	text-decoration: none;
	font: 14px/70px "微软雅黑";
	background: url(../images/op.png) center repeat;
	margin-bottom: 1px;
	outline: none;
}
.bar .nor:hover, .bar .cur {
	background: #610004;
}
.bar .home {
	font: 18px/70px "微软雅黑";
	outline: none;
}
.bar .home:hover {
	background: #610004;
}
.bar .top {
	width: 100px;
	height: 42px;
	display: block;
	text-align: center;
	background: url(../images/op.png) center repeat;
	outline: none;
}
.bar .top img {
	display: block;
	margin: 0 auto;
	padding-top: 11px;
}
.show{
	width:1000px;
	margin:0 auto;
	}
	
div.page_01 div.left{
    width: 558px;
    height: 585px;
    background-image: url(../images/left.png);
    background-size: 100% 100%;
    position: absolute;
    top: 300px;
    left: 34%;
    transform: translateX(-100%);
    display:none;
}
div.page_01 div.right{
    width: 560px;
    height: 584px;
    background-image: url(../images/right.png);
    background-size: 100% 100%;
    position:absolute;
    top:305px;
    right:34%;
    transform: translateX(100%);
    display:none;
}
div.sphere{
    width: 129px;
    height: 129px;
    position: absolute;
    transform:translateY(-10px);
    animation:float 3s linear alternate infinite; 
    cursor:pointer; 
}
div.sphere:before{
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;top:0;
    background-image: url(../images/sphere.png);
    animation:rotate 3s linear infinite;
}
@keyframes rotate{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}
@keyframes float{
    from{transform: translateY(-10px);}
    to{transform: translateY(10px);}
}
div.sphere a.content{
    width: 55px;
    height: 72px;
    background-image: url(../images/button.png);
    position: absolute;
    left:50%;top:50%;
    margin-left: -27.5px;
    margin-top: -36px;
}
div.left div.sphere{
    left: 231px;
    top: 377px;
}
div.left div.sphere:nth-child(2){
    left: 367px;
    top: 460px;
    animation:float 3s 0.3s linear alternate infinite;
}
div.left div.sphere:nth-child(2) a.content{
    background-position: -55px 0;
}
div.right div.sphere:nth-child(1){
    right: 230px;
    top: 379px;
}
div.right div.sphere:nth-child(1) a.content{
    width: 98px;
    height: 72px;
    background-position: right top;
    margin-left: -49px;
}
div.right div.sphere:nth-child(2) {
    right: 366px;
    top: 460px;
    animation:float 3s 0.3s linear alternate infinite; 
}
div.right div.sphere:nth-child(2) a.content{
    background-position: -110px 0;
}
div.slogan{
    width: 713px;
    height: 369px;
    background-image: url(../images/slogan.png);
    background-size: 100% 100%;
    position:absolute;
    left:50%;
    margin-left:-356.5px;
    top:499px;
    animation:fadeIn 2s;
}
@keyframes fadeIn{
    from{transform:scale(1.5);opacity: 0;}
    to{transform:scale(1);opacity: 1;}
}

@keyframes slideIn{
    0%{transform:translateX(75px);}
    70%{transform:translateX(-10px);}
    100%{transform:translateX(0px);}
}
@keyframes slideOut{
    0%{transform:translateX(0px);}
    /* 30%{transform:translateX(-10px);} */
    100%{transform:translateX(75px);}
}
ul.sideBar li.now{
    width: 32px;
    height: 32px;
    background-position: 0 0;
}
ul.sideBar li:not(:last-child){
    margin-bottom:25px;
}


@media screen and (max-width: 1800px) {
    div.slogan {
        width: 641px;
        height: 332px;
        margin-left: -320.5px;
        top: 560px;
    }
}
@media screen and (max-width: 1600px) {
    div.slogan {
        width: 641px;
        height: 332px;
        margin-left: -320.5px;
        top: 560px;
    }
    div.page_01 div.left{
        left: 30%;
    }
    div.page_01 div.right{
        right: 31%;
    }
}
@media screen and (max-width: 1300px) {
    div.slogan {
        width: 570px;
        height: 295px;
        margin-left: -285px;
        top: 580px;
    }
    div.page_01 div.left{
        left: 30%;
    }
    div.page_01 div.right{
        right: 31%;
    }
}

.flash {
	left:50%;
	width:874px;
	height:524px;
	background:#FFF;
	margin-left:-272px;
	top:260px;
}

				
.rightbar{width:208px;height:639px;position:fixed;top:58%;right:0;margin-top:-280px;background:url(../images/left1.png) no-repeat;z-index:10000;text-align:center;color:#fff;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.rightbar.close{right:-208px}
.rightbar.close .btn-close{background:url(../images/left4.png) no-repeat}
.rightbar .btn-close{width:86px;height:73px;background:url(../images/left2.png);position:absolute;top:10px;left:-66px}
.rightbar h6{margin-bottom:10px;padding-top:30px; padding-left:28px;/*右边*/ font-size:18px;line-height:24px;font-weight:700;overflow:hidden}
.rightbar h6 span{display:block;font-size:14px}
.rightbar .code{margin:0 0 10px 33px;/*右边*/width:157px;height:188px;background:#d0b37e; /*微信底色*/}
.rightbar .code p{height:30px;line-height:30px;background:#8e7649;/*微信底色*/margin-bottom:5px;}
.rightbar p{font-size:16px;line-height:24px;margin-bottom:5px; padding-left:20px;/*右边*/}

.rightbar .kefu{margin-left:33px;/*右边*/display:block; width:157px;height:51px;background:url(../images/left3.png) no-repeat;line-height:50px;font-size:18px; font-weight:200; font-family:"微软雅黑"; color:#fff;text-decoration:none;margin-bottom:5px}
.rightbar .kefu:hover{background:url(../images/left5.png) no-repeat}



.mt10{margin-left:12px;}
.ml50{margin-left:50px;}


.ml10{margin-left:10px;}
.m5{width:100%;height:auto;overflow:hidden;padding-bottom:150px;padding-top:00px;background: url(../images/zbb.jpg) bottom center repeat; z-index:999999; }
.sf005_com_zb{width:1210px;height:auto;overflow:hidden;margin:0 auto;padding:10px 00px 00px 00px;padding-top:10px;padding-top:10px;padding-bottom:10px;}


.sf005_com_zb_3bg{padding:10px 10px 10px;width:374px;height:auto;overflow:hidden;float:left;background-color:rgba(121,110,137,1);position:relative;border:1px solid #FFF;}
.sf005_com_zb_3{padding:10px 10px 10px 10px;width:354px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:rgba(121,110,137,1);box-shadow:0 0px 2px rgba(211,203,234,1) inset;}
.sf005_com_zb_3_t{width:354px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.sf005_com_zb_3_d{width:354px;height:0px;float:left;background:#ece8e5;position:relative}
.sf005_com_zb_3 .role-itemst{width:344px;height:auto;float:left;position:relative;}
.sf005_com_zb_3 .role-itemst img{width:344px;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;}


.sf005_com_zb_2bg{padding:10px 10px 10px;width:578px;height:auto;overflow:hidden;float:left;background-color:rgba(121,110,137,1);position:relative;border:1px solid #FFF;}
.sf005_com_zb_2{padding:10px 10px 10px 10px;width:558px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:rgba(121,110,137,1);box-shadow:0 0px 2px rgba(211,203,234,1) inset;}
.sf005_com_zb_2_t{width:558px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.sf005_com_zb_2_d{width:558px;height:0px;float:left;background:#ece8e5;position:relative}
.sf005_com_zb_2 .role-itemst{width:548px;height:auto;float:left;position:relative;}
.sf005_com_zb_2 .role-itemst img{width:548px;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;}

.sf005_com_zb_1bg{padding:10px 10px 10px;width:1188px;height:auto;overflow:hidden;float:left;background-color:rgba(121,110,137,1);position:relative;border:1px solid #FFF;}
.sf005_com_zb_1{padding:10px 10px 10px 10px;width:1168px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:rgba(121,110,137,1);box-shadow:0 0px 2px rgba(211,203,234,1) inset;}
.sf005_com_zb_1_t{width:1168px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.sf005_com_zb_1_d{width:1168px;height:0px;float:left;background:#ece8e5;position:relative}
.sf005_com_zb_1 .role-itemst{width:1158px;height:auto;float:left;position:relative;}
.sf005_com_zb_1 .role-itemst img{width:1158px;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;}