body{ overflow:hidden; }
.icon1{ position:absolute; right:29%; top:16%; z-index:10; width:26%; height:auto; -webkit-animation:rotate1 20s linear normal forwards 1; animation:rotate1 20s linear normal forwards 1; }
#banner_cont{ position:relative; overflow:hidden;background:url(/images/index/banner.jpg) no-repeat center; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; }
#banner_cont .Pic3{ transform:translateX(-100px); -webkit-transform:translateX(-100px); opacity:0; -moz-transition:all 0.6s ease 1.2s; -webkit-transition:all 0.6s ease 1.2s; -o-transition:all 0.6s ease 1.2s; transition:all 0.6s ease 1.2s; }
#banner_cont .Pic4{ transform:translateX(100px); -webkit-transform:translateX(100px); opacity:0; -moz-transition:all 0.6s ease 1.4s; -webkit-transition:all 0.6s ease 1.4s; -o-transition:all 0.6s ease 1.4s; transition:all 0.6s ease 1.4s; }
#banner_cont .Pic3.cur,#banner_cont .pic3 .Pic4.cur{ transform:translateX(0); -webkit-transform:translateX(0); opacity:1; }

.tang{position:absolute; left:2%;top:0; z-index:1001; width:150px; height:104px;}
.tangb{position:absolute; left:2%;top:5%; z-index:1001; width:218px; height:64px;}
.tangc{position:absolute; left:2%;top:5%; z-index:1001; width:129px; height:87px;}
.Picbj{

     -moz-animation: UpDown2 7s linear 1s infinite;
    -webkit-animation: UpDown2 7s linear 1s infinite;
    animation: UpDown2 5s linear 2s infinite;}
.scroll{ position:absolute; z-index:1; left:50%; bottom:5%; margin-left:-15px; display:none; }

.Logo{ position:absolute; right:50%; top:50%; width:80px; margin-left:-40px; margin-top:-16px; z-index:1; -moz-transition:all 0.8s ease 0.8s; -webkit-transition:all 0.8s ease 0.8s; -o-transition:all 0.8s ease 0.8s; transition:all 0.8s ease 0.8s; opacity:0; }
.Logo2{ position:absolute; left:50%; top:50%; margin-left:-69px; margin-top:-40px; z-index:1001; }
.Logo2.cur{ display:none; }
.Logo.cur{ right:4%; top:50px; margin:0; opacity:1; display:none;}
.menu_btn{ position:absolute; right:4%; top:50px; width:38px; height:40px; width:50px; cursor:pointer; z-index:100; }
.menu_btn span{ display:block; width:39px; height:2px; position:absolute; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.menu_btn .sp1{ top:9px; left:5px; }
.menu_btn span i{ display:block; width:39px; height:2px; }
.menu_btn .sp2{ top:19px; left:5px; background:#fff; }
.menu_btn .sp3{ top:19px; left:5px; background:#fff; }
.menu_btn .sp4{ top:29px; left:5px; }
.menu_btn .sp1 i,.menu_btn .sp4 i{ background:#fff; }
.menu_btn:hover .sp1 i{ -moz-animation:icon1 0.2s ease normal forwards 1; -webkit-animation:icon1 0.2s ease normal forwards 1; -o-animation:icon1 0.2s ease normal forwards 1; animation:icon1 0.2s ease normal forwards 1; }
.menu_btn:hover .sp4 i{ -moz-animation:icon2 0.2s ease normal forwards 1; -webkit-animation:icon2 0.2s ease normal forwards 1; -o-animation:icon2 0.2s ease normal forwards 1; animation:icon2 0.2s ease normal forwards 1; }
.menu_btn.cur .sp1{ -webkit-transform:translateX(-50px); transform:translateX(-50px); opacity:0; }
.menu_btn.cur .sp4{ -webkit-transform:translateX(50px); transform:translateX(50px); opacity:0; }
.menu_btn.cur .sp2{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); }
.menu_btn.cur .sp3{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); }

.Menu{ background:URL(/images/index/bj.jpg); position:fixed; left:50%; top:0; z-index:99; width:0; height:0; overflow:hidden; border-top:1px solid #fff; border-bottom:1px solid #fff; }
.Menu.cur{ -moz-animation: line 1.5s ease normal forwards 1 ; -webkit-animation: line 1.5s ease normal forwards 1 ; -o-animation: line 1.5s ease normal forwards 1 ; animation: line 1.5s ease normal forwards 1 ; }
.Menu ul{ width:210px; position:absolute; left:50%; margin-left:-105px; height:430px; top:50%; margin-top:-215px; }
.Menu ul li{ width:210px; height:86px; text-align:center; transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); opacity:0; list-style:none;}
.Menu.cur ul li{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); opacity:1; }
.Menu.cur li.li1{ -webkit-transition:all 0.4s ease 2s; transition:all 0.4s ease 2s; -moz-transition:all 0.4s ease 2s; -o-transition:all 0.4s ease 2s; }
.Menu.cur li.li2{ -webkit-transition:all 0.4s ease 2.2s; transition:all 0.4s ease 2.2s; -moz-transition:all 0.4s ease 2.2s; -o-transition:all 0.4s ease 2.2s; }
.Menu.cur li.li3{ -webkit-transition:all 0.4s ease 2.4s; transition:all 0.4s ease 2.4s; -moz-transition:all 0.4s ease 2.4s; -o-transition:all 0.4s ease 2.4s; }
.Menu.cur li.li4{ -webkit-transition:all 0.4s ease 2.6s; transition:all 0.4s ease 2.6s; -moz-transition:all 0.4s ease 2.6s; -o-transition:all 0.4s ease 2.6s; }
.Menu.cur li.li5{ -webkit-transition:all 0.4s ease 2.8s; transition:all 0.4s ease 2.8s; -moz-transition:all 0.4s ease 2.8s; -o-transition:all 0.4s ease 2.8s; }
.Menu ul li a{ display:block; width:210px; height:100%; position:relative; height:100%; }
.Menu ul li a table{ height:100%; }
.Menu ul li a td{ height:100%; }
.Menu ul li a i{ font:normal 22px 'Tahoma'; color:#fff; display:inline-block; width:210px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.Menu ul li a span{ position:absolute; display:block; width:100%; left:0; bottom:24px; color:#fff; font:normal 16px/24px 'Microsoft YaHei'; opacity:0; transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -moz-transition:all 0.3s ease 0.1s; -webkit-transition:all 0.3s ease 0.1s; -o-transition:all 0.3s ease 0.1s; transition:all 0.3s ease 0.1s; }
.Menu ul li a:hover i{ transform:translateY(-20px); -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); -o-transform:translateY(-20px); color:#fff; }
.Menu ul li a:hover span{ transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); opacity:1; }

.index_mask{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/index/banner.jpg) no-repeat center top; z-index:1000; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s; transition:all ease 0.5s; }
.index_mask.cur{ transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); }

.Menu ul li svg{ position:absolute; left:-3px; top:23px; stroke-dasharray: 582px;stroke-dashoffset: 582px; -moz-transition:all linear 0.5s; -webkit-transition:all linear 0.5s; -o-transition:all linear 0.5s; transition:all linear 0.5s; }
.Menu ul li:hover svg{ stroke-dashoffset: 0px; }






@-webkit-keyframes line {
	0% { width:0; height:0; left:50%; top:50%; border-top:1px solid #fff; border-bottom:1px solid #fff; }
	60% { width:100%; height:0; left:0; top:50%; border-top:1px solid #fff; border-bottom:1px solid #fff; }
	100% { width:100%; height:100%; left:0; top:0; border:none; }
}
@keyframes line {
	0% { width:0; height:0; left:50%; top:50%; border-top:1px solid #fff; border-bottom:1px solid #fff; }
	60% { width:100%; height:0; left:0; top:50%; border-top:1px solid #fff; border-bottom:1px solid #fff; }
	100% { width:100%; height:100%; left:0; top:0; border:none; }
}
@-moz-keyframes line {
	0% { width:0; height:0; left:50%; top:50%; border-top:1px solid #fff; border-bottom:1px solid #fff; }
	60% { width:100%; height:0; left:0; top:50%; border-top:1px solid #fff; border-bottom:1px solid #fff; }
	100% { width:100%; height:100%; left:0; top:0; border:none; }
}
@-o-keyframes line {
	0% { width:0; height:0; left:50%; top:50%; border-top:1px solid #fff; border-bottom:1px solid #fff; }
	60% { width:100%; height:0; left:0; top:50%; border-top:1px solid #fff; border-bottom:1px solid #fff; }
	100% { width:100%; height:100%; left:0; top:0; border:none; }
}
.content{ position:relative; }
.content .Bgbox{ position:absolute; width:100%; height:100%; left:0; top:0; }
.content .center .title{ margin-bottom:25px; }
.content .center .text1{ margin-bottom:10px; }
.content .center .text2{ margin-bottom:40px; }
.content .center{ position:absolute; width:575px; height:374px; left:50%; margin-left:-272px; top:50%; margin-top:-187px; text-align:center; }
.content ul li{ float:left; width:77px; margin-left:30px; list-style:none;}
.content ul li a{ display:block; width:77px; height:75px; margin-bottom:15px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.content ul li p{ font-size:14px; color:#aeaeae; text-align:center; }
.content ul li.li1{ margin-left:0; }
.content ul li.li1 a{ background:url(/images/defult/icon1.png) no-repeat center; background-size:100% auto; }
.content ul li.li2 a{ background:url(/images/defult/icon2.png) no-repeat center; background-size:100% auto; }
.content ul li.li3 a{ background:url(/images/defult/icon3.png) no-repeat center; background-size:100% auto; }
.content ul li.li4 a{ background:url(/images/defult/icon4.png) no-repeat center; background-size:100% auto; }
.content ul li.li5 a{ background:url(/images/defult/icon5.png) no-repeat center; background-size:100% auto; }
.content ul li.li1 a:hover{ background:url(/images/defult/icon1-1.png) no-repeat center; background-size:100% auto; }
.content ul li.li2 a:hover{ background:url(/images/defult/icon2-2.png) no-repeat center; background-size:100% auto; }
.content ul li.li3 a:hover{ background:url(/images/defult/icon3-3.png) no-repeat center; background-size:100% auto; }
.content ul li.li4 a:hover{ background:url(/images/defult/icon4-4.png) no-repeat center; background-size:100% auto; }
.content ul li.li5 a:hover{ background:url(/images/defult/icon5-5.png) no-repeat center; background-size:100% auto; }

.background-image .more_btn{ color:#000; padding:14px 26px; border:2px solid #000; position:absolute; left:26%; margin-left:-65px; top:55%; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; font-weight:bold; }
.background-image .more_btn:hover{ color:#fff; background:#e95901; border:1px solid #e95901; }
.background-image .juzi{ color:#000; padding:14px 26px; border:2px solid #000; position:absolute; right:22%; margin-left:-65px; top:46%; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; font-weight:bold;  transform: rotate(40deg); 
-o-transform: rotate(-15deg); 
-webkit-transform: rotate(-15deg); 
-moz-transform: rotate(-15deg); 
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.2660444431189777, M12=-0.3327876096865394, M21=0.1127876096865398, M22=0.9660444431189779); 
}
.background-image .juzi:hover{ color:#fff; background:#e95901; border:1px solid #e95901; }



.music{ position:absolute; left:44px; bottom:44px; }
.music .mus_btn{ float:left; }
.music .abox{ float:left; padding-top:16px; margin-left:5px; width:167px; overflow:hidden; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.music.cur .abox{ width:auto; }
.music .abox span{ color:#00f6ff; }
.music .abox p{ white-space:nowrap; }
.music .abox p a{ color:#9c9c9c; margin:0 5px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.music .abox p a:hover{ color:#00f6ff; }
.music .more{ float:left; display:inline-block; width:14px; height:14px; background:url(/images/defult/more.png) no-repeat center; margin-top:16px; -moz-transition:all 0.3s ease 0.2s; -webkit-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.2s; }
.music.cur .more{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); -moz-transform:rotate(180deg); }

.foot{ text-align:right; color:#747474; font-family:"微软雅黑"; padding:0px 0px 0 0; height:102px; background:url(/images/index/foot.png) no-repeat right center; position:fixed; width:100%; right:0; bottom:0px; }
.tubiao{   padding:0px 0px 0 0; height:197px;  position:fixed; width:130px; left:40px; top:0px; }

.banquan{width:100%;margin:auto;}
.zuo{ float:left; padding-top:70px; margin-left: 20px;}
.you{ float:right; padding-top:60px;}

.btnbox { position:absolute; right:3%; top:45%; z-index:2; margin-left:-84px; }
.btnbox a{ display:inline-block; width:40px; height:2px; background:#fff; margin:10px 8px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; width: 10px; height: 10px; background: #fff; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
.btnbox a.cur{ background:#c8a778; }
.box{ width:100%; height:100%; position:absolute; left:0; top:0; transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transition:all ease 0.8s; -webkit-transition:all ease 0.8s; -o-transition:all ease 0.8s; transition:all ease 0.8s; }
.box.cur{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transition:all 0.3s ease 0.8s; -webkit-transition:all 0.3s ease 0.8s; -o-transition:all 0.3s ease 0.8s; transition:all 0.3s ease 0.8s; }
.box.curs{ transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transition:all ease 0.8s; -webkit-transition:all ease 0.8s; -o-transition:all ease 0.8s; transition:all ease 0.8s; }
.background-image{ width:100%; position:absolute; height:100%; position:relative; }
.background-image img{ position:absolute; left:0; top:0; }
.background-image .img1{ transform:translateX(50%); -webkit-transform:translateX(50%); -o-transform:translateX(50%); -moz-transform:translateX(50%); -moz-transition:all 0.5s ease 0.8s; -webkit-transition:all 0.5s ease 0.8s; -o-transition:all 0.5s ease 0.8s; transition:all 0.5s ease 0.8s; }
.background-image .img2{ transform:translateX(50%); -webkit-transform:translateX(50%); -o-transform:translateX(50%); -moz-transform:translateX(50%); -moz-transition:all 0.5s ease 1s; -webkit-transition:all 0.5s ease 1s; -o-transition:all 0.5s ease 1s; transition:all 0.5s ease 1s; }
.box.cur .background-image .img1,.box.cur .background-image .img2{ transform:translateX(0); -webkit-transform:translateX(0); -o-transform:translateX(0); -moz-transform:translateX(0); }
.box.curs .background-image .img1,.box.curs .background-image .img2{ transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); }

.swiper-container{ background:url(/images/index/banner.jpg) no-repeat center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; }

@media only screen and (max-width: 710px) {
	.scroll{ display:none; }
}
@media only screen and (max-width: 590px) {
	.music{ bottom:100px; }
}
@media only screen and (max-width: 510px) {
	.content .center{ margin-left:0; left:5%; width:90%; height:auto; top:18%; margin-top:0; }
	.content ul li{ margin:0; width:18%; margin:0 1%; }
	.content ul li a{ width:100%; }
	.content .center .title{ width:40%; }
	.content .center .text2{ width:100%; margin-bottom:20px; }
	.music,#banner_cont,.btnbox{ display:none; }
	.btnbox a{ width:30px; margin:0 10px; }
	.btnbox{ margin-left:-75px; }
	.Logo{ width:60px; }
	.Logo img{ width:100%; }
	.menu_btn{ top:25px; transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9); }
	.Logo.cur{ top:30px; }
	
}
@media only screen and (max-width: 310px) {
	.content .center{ top:10%; }
	.content ul li p{ font-size:12px; }
}
@-moz-keyframes UpDown2{
	0%{ -moz-transform:translateY(0); }
	50%{ -moz-transform:translateY(-30px); }
	100%{ -moz-transform:translateY(0); }
}
@-o-keyframes UpDown2{
	0%{ -o-transform:translateY(0); }
	50%{ -o-transform:translateY(-30px); }
	100%{ -o-transform:translateY(0); }
}
@-webkit-keyframes UpDown2{
	0%{ -webkit-transform:translateY(0); }
	50%{ -webkit-transform:translateY(-30px); }
	100%{ -webkit-transform:translateY(0); }
}
@keyframes UpDown2{
	0%{ transform:translateY(0); }
	50%{ transform:translateY(-30px); }
	100%{ transform:translateY(0); }
}





.PicDH{

     -moz-animation: UpDown2 15s linear 1s infinite;
    -webkit-animation: UpDown2 8s linear 1s infinite;
    animation: UpDown2 7s linear 3s infinite;}