@charset 'utf-8';
/* CSS reset */
html{background:#FFF;font-family:Arial,'微软雅黑';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-family:Arial,'微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a{text-decoration:underline; color:#00c; outline:none;}/*此处待添加默认链接颜色*/
var,em,strong{font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{-webkit-user-select:none;-webkit-text-size-adjust:none;-webkit-transform-style:preserve-3d;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
.clear{ clear:both; height:0px; width:0px; overflow:hidden;}
body,html{outline: none;font-size:14px;width:100%; height:100%;}
img{ display:block; max-width:100%;}
.bj{ background:#1b72f4;}
section,figure,figcaption{ display:block;}
/*主页开始*/

.contianer{ max-width:100%;margin:0 auto;height:100%; position:relative; overflow:hidden;}
.header{width: 100%; position:absolute; background:black; z-index:10; overflow:hidden; }

.header .logo img{ width:70%;}
.header .anniu{ width:30px; position:absolute; height:28px; top:16%; right:5%; overflow:hidden; }
.header .anniu span{width:100%; height:3px; background:#a1a1a1; display:block; margin-top:5px; border-radius:2px;}
.header .anniu img{ width:90%}
.nav-parent { width:100%; background:rgba(21,21,21,0.95); position:absolute; display:none; overflow-y:scroll ; height:100%; top:2%;z-index:1; padding-top:10%;}
.nav-parent li{position: relative;font-size:15px; border-top:none; line-height:2.2em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; width:95%; margin:0 auto;}
.nav-parent li a{ color: #a1a1a1;  text-decoration:none; display:block;}

.nav-parent li ul{ width:100%; display:none;}
.nav-parent li ul li{ font-size:0.90em; text-indent:10px;}
.nav-parent li ul li a:hover{color:white; background: url(../images/nav.jpg) repeat-x ;}
.nav-parent li.zh span{ display:inline-block; color:#a1a1a1; width:47%; text-align:center; font-size:0.85em;line-height:26px;border:1px solid #a1a1a1; }
.nav-parent li.zh span.active a{ background:#a1a1a1; color:#f5f5f5;}
.nav-parent li.zh span a:hover{background:#a1a1a1; color:#f5f5f5;}
.nav-parent li.zh{padding:0;}
.nav-parent li.zh .zh-en{ width:28%;padding:0;}

.box{ width:100%; height:100%; background:#000 url(../images/img01.jpg) no-repeat center; background-size:cover;animation:box 3s ease both; -webkit-animation:box 3s ease both;-moz-animation:box 3s ease both;-ms-animation:box 3s ease both;-o-animation:box 3s ease both;z-index: -2}

.box main{ display:flex; align-items:center; justify-content:center; height:100%; position: relative; width:100%; margin:0 auto;}
.box main .abs-i{ width: 100%; height:100%; position: absolute;top:0; left:0; z-index:-10; display:flex; align-items:center; justify-content:center; height:100%; }
.box main .abs-i img{ animation:arrow 2s ease both;-webkit-animation:arrow 2s ease both;-moz-animation:arrow 2s ease both;-ms-animation:arrow 2s ease both;-o-animation:arrow 2s ease both;}
.box main img{}


  .banner{width:100%;height:100%;overflow: hidden;}
  .imgList{width:100%;height:100%;}
  .imgList li{z-index:100; position:relative; height:100%;}
  .imgList li span{ position:absolute;width:30%; height:50px; display:block; }
   .imgList li span img { display:block; }
  .imgList li:nth-child(1) span:nth-child(1){ top:32%; left:1%;}
  .imgList li:nth-child(1) span:nth-child(2){ top:34%; right:6%;}
  .imgList li:nth-child(1) span:nth-child(3){ bottom:34%; left:40%;}
  
  .imgList li:nth-child(2) span:nth-child(1){ top:32%; left:10%;}
  .imgList li:nth-child(2) span:nth-child(2){ top:34%; right:6%;}
  .imgList li:nth-child(2) span:nth-child(3){ bottom:34%; left:20%;}
  .imgList li:nth-child(2) span:nth-child(4){ bottom:30%; right:10%;}
  
  .imgList li:nth-child(3) span:nth-child(1){ top:22%; right:15%;}
  .imgList li:nth-child(3) span:nth-child(2){ top:32%; right:45%;}
  .imgList li:nth-child(3) span:nth-child(3){ bottom:34%; left:10%;width:45%}
  .imgList li:nth-child(3) span:nth-child(4){ bottom:34%; right:10%;}
  
  
  .imgList .imgOn{ z-index:100;}
  
/*关于我们*/
.section{ width:100%; height:100%; /*display:flex; align-items:center; justify-content:center; */overflow-y:scroll;padding:20% 0 15% 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
.section .content { width:100%; height:auto; color:white;  background:rgba(0,0,0,0.6);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;padding:2% 0 8% 0; margin-top:5%; }
.section .content .main img{ position:relative;animation:move5 2s ease;-webkit-animation:move5 2s ease;-moz-animation:move5 2s ease;-ms-animation:move5 2s ease; margin:10px 0; }
.section .content .main{ width:85%; margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;padding:3% 0;}
.section .content .main p{ text-indent:2em; line-height:1.6em; margin-top:10px;position:relative;animation:move2 2s ease;-webkit-animation:move2 2s ease;-moz-animation:move2 2s ease;-ms-animation:move2 2s ease;}
.section h3{  width:85%; color:white; margin:0 auto;text-align:left; background:url(../images/mb.png) no-repeat left; font-size:1.4em; line-height:3.6em; position:relative;animation:move2 1s ease;-webkit-animation:move2 1s ease;-moz-animation:move2 1s ease;-ms-animation:move2 1s ease;}
@-webkit-keyframes move2 {
	0%{ transform:translateX(-200%);-webkit-transform:translateX(-200%);-mox-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);}
	100%{transform:translateX(0);-webkit-transform:translateX(0);-mox-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
	}
@-moz-keyframes move2 {
	0%{ transform:translateX(-200%);-webkit-transform:translateX(-200%);-mox-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);}
	100%{transform:translateX(0);-webkit-transform:translateX(0);-mox-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
	}
@-ms-keyframes move2 {
	0%{ transform:translateX(-200%);-webkit-transform:translateX(-200%);-mox-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);}
	100%{transform:translateX(0);-webkit-transform:translateX(0);-mox-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
	}
@-o-keyframes move2 {
	0%{ transform:translateX(-200%);-webkit-transform:translateX(-200%);-mox-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);}
	100%{transform:translateX(0);-webkit-transform:translateX(0);-mox-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
	}
	
@keyframes move2 {
	0%{ transform:translateX(-200%);-webkit-transform:translateX(-200%);-mox-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);}
	100%{transform:translateX(0);-webkit-transform:translateX(0);-mox-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
	}
	
@-webkit-keyframes move5 {
	0%{ transform:translateX(200%);-webkit-transform:translateX(200%);-mox-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);}
	100%{transform:translateX(0);-webkit-transform:translateX(0);-mox-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
	}
@-moz-keyframes move5 {
	0%{ transform:translateX(200%);-webkit-transform:translateX(200%);-mox-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);}
	100%{transform:translateX(0);-webkit-transform:translateX(0);-mox-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
	}
@-ms-keyframes move5 {
	0%{ transform:translateX(200%);-webkit-transform:translateX(200%);-mox-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);}
	100%{transform:translateX(0);-webkit-transform:translateX(0);-mox-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
	}
@-o-keyframes move5 {
	0%{ transform:translateX(200%);-webkit-transform:translateX(200%);-mox-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);}
	100%{transform:translateX(0);-webkit-transform:translateX(0);-mox-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
	}
	
@keyframes move5 {
	0%{ transform:translateX(200%);-webkit-transform:translateX(200%);-mox-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);}
	100%{transform:translateX(0);-webkit-transform:translateX(0);-mox-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
	}
	
	

.section .content .se li{ width:auto; line-height:2.5em; background:#275cde; margin-top:4%; text-indent:0.8em;}
.section-1{ background:url(../images/img02.jpg) no-repeat center;background-size:cover;}
.section-2{ background:url(../images/img03.jpg) no-repeat center;background-size:cover;}
.section-3{ background:url(../images/img04.jpg) no-repeat center;background-size:cover;}
.section-4{ background:url(../images/img05.jpg) no-repeat center;background-size:cover;}
.section .content .main .leader{ display:block; }
.section .content .main .leader li{ width:100%; margin-top:10%; }
.section .content .main .leader li img{ width:60%; border-radius:100%; margin:0 auto; }
.section .content .main .leader li h4{ font-weight:normal;}



/*资讯中心*/
.section .content .main .group{ margin:2%; width:98%;overflow:hidden; float:left;}
.section .content .main .group .group-content{ width:100%; height:100%; position:relative;cursor:pointer;}.section .content .main .group .group-content img{ width:98%;}
.section .content .main .group .group-content:hover .group-content-next{ display:block;}
.section .content .main .group .group-content .abs{ height:30px; width:98%; position:absolute;bottom:0; left:0; background:rgba(0,0,0,0.7); padding:10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.section .content .main .group .group-content-next{ cursor:pointer; position: absolute;top:0; left:0;
 width:100%; height:100%; display:none; padding:10px;background:#275cde;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.section .content .main .group .group-content-next span{ position:absolute; top:15px; left:80px; height:40px; width:2px; background:white; display:block; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.section .content .main .group .group-content-next ul li{ font-size:1.2em}
.section .content .main .group .group-content-next ul li:nth-child(1){ position:absolute; top:10px; left:20px;}
.section .content .main .group .group-content-next ul li:nth-child(2){ position:absolute; top:32px; left:90px;}
.section .content .main .group .group-content-next p{ text-indent:0;}
.section .content .main .group a .group-content-next { color:white; }
.section .content .main .group a {text-decoration:none;}

.section .content .main .tzly{ width:100%; background:none;}
.main .tzly figure{ width:42.5%;float:left; display:block; position:relative; margin: 3% !important; }
.main .tzly figure img{border-radius:100%; text-align:center; display:block; width:100% }
.main .tzly figure figcaption {text-align:center; line-height:3em;position:relative;animation:move2 1s ease 3s both;-webkit-animation:move2 1s ease 3s both;-moz-animation:move2 1s ease 3s both;-ms-animation:move2 1s ease 3s both; }

.section .content .main .media{ width:98%; margin:2%; float:left; border:1px solid white; position:relative; padding:8% 8% 10% 8%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.section .content .main .media time{ position:absolute; bottom:10px; left:8%;}
.section .content .main .media span{ position:absolute; bottom:0; right:0; width:30px; height:30px; border:1px solid white; display:block; text-align:center; line-height:30px; font-weight:600;}
.section .content .main .media h3{ font-size:1.5em; margin-bottom:20px; background:none; line-height:1.2em; width:100%;}
.section .content .main .media:hover{ background:#275cde; border:none;}
.section .content .main .media:hover span{background:white; color:#275cde;}

.section .content .main .ship { width:100%; background:none;}
.section .content .main .ship figure{ width:98%; margin:2%; display:block; position:relative; margin:0 auto;}
.section .content .main .ship figure img{ width:100%;}
.section .content .main .ship figure figcaption{ line-height:40px; text-align:center; font-size:1.2em;position:relative;animation:move2 1s ease 3s both;-webkit-animation:move2 1s ease 3s both;-moz-animation:move2 1s ease 3s both;-ms-animation:move2 1s ease 3s both; }
.section .content .main .ship figure .zcc{ position:absolute; top:0 ;left:0; width:100%; height:100%; background:rgba( 0,0,0,0.5);align-items:center; justify-content:center; display:none; }
.section .content .main .ship figure .zcc .btn{ border:2px solid white; height:65px; width:65px; border-radius:65px;display:flex;align-items:center; justify-content:center;}
.section .content .main .ship figure .zcc .btn span{ width:0; height:0; display:block; border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid white;}
.section .content .main .ship figure:hover .zcc{ display:flex;}


.section .content .main .ztly_group{ border-bottom:1px solid #404040; margin-top:7%;}
.section .content .main .ztly_group aside{ width:100%; display:block;}
.section .content .main .ztly_group article{ width:100%; padding:0;} 
.section .content .main .ztly_group article h5{ font-size:1.3em;font-weight:400; line-height:3em}
 .ztly_group article time,.ztly_group article a{color:#504c4c;text-decoration:none; }
.section .content .main .ztly_group article time { margin-right:10%;}
/*资讯中心*/

.section .content .main .qywh{ width:100%; }
.section .content .main .qywh li{ width:100%; height:46px; line-height:46px; background:rgba(0,0,0,0.8);position:relative; margin:3%; text-indent:2em;}
.section .content .main .qywh li span{ width:0; height:0; border-right:10px solid transparent;border-bottom:10px solid #275cde;border-left:10px solid transparent; position:absolute;top:5px; left:0; transform:rotate(-45deg);-moz-transform:rotate(-45deg) ;-ms-transform:rotate(-45deg) ;-webkit-transform:rotate(-45deg)}


.section .content .main .qywh li:nth-child(1){width:0; height:0; margin:0 auto; border-left:140px solid transparent;border-right:140px solid transparent;border-bottom:140px solid #275cde; background:none;}
.section .content .main .qywh li:nth-child(1) .text{width:100px; text-indent:0; height:60px;line-height:1.6em; font-size:1.2em;text-align:center; position:relative; left:-50px; top:60px;}

/*发展历程*/
.section .content .main .years-moth li{ line-height:28px; }
.section .content .main .year{ width:100%; height:40px;  position:relative; margin:20px 0;}
.section .content .main .year .xian{ width:100%; display:block; position:absolute; height:1px; background:white; top:10px;}
.section .content .main .year li{ width:20%; float:left;height:100%;}
.section .content .main .year li:nth-child(1){ margin-left:10%;}
.section .content .main .year li span{ display:block; line-height:40px; position:relative; left:-10px;}
.section .content .main .year li i{ width:10px; height:10px; border:2px solid white; border-radius:100%; background:white; position:relative; top:4px; display:block;}

.section .content .main .year li .active{ background:#275cde;}
.section .content .main .year .prev{ width:35px; height:35px; position:absolute; top:-5px; left:-30px; background:#000; border-radius:100%;}
.section .content .main .year .prev i{ display:block; border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #808080; position:relative; left:-15px; top:10px;}
.section .content .main .year .next{ width:35px; height:35px; position:absolute; top:-5px; right:-30px; background:#000;border-radius:100%; }
.section .content .main .year .next i{ display:block; border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #808080; position:relative; right:-15px; top:10px;}
.section .content .main .years-moth{ display:none;}
.section .content .main .years-moth.show{ display:block;}
/*发展历程*/

/*详情页新闻*/
.xqy { color:white}
.xqy h4{ font-size:2.0em; line-height:1.2em; border-bottom:4px solid #275cde; width:98%; margin:20px 0;}
.xqy h4 time{ font-size:0.4em; line-height:0.6em !important;color:#585756;}
.xqy h5{ font-size:1.6em; line-height:2em;}
.xqy img{ display:block; margin:10px auto;}
.xqy p{ line-height:1.8em; margin:5px !important; text-indent:0 !important;}
.xqybg{ height:100% !important; display:flex; align-items:center; justify-content:center;}
.content-xqy{ background:rgba(0,0,0,0.6)!important; height:100%;}
.section100{ padding:0 0 0 0 !important; }
 .xqy_2 p{ text-indent:2em !important; }
/*详情页新闻*/

/*团队建设*/

.section .content .main .map{ height:320px;width:100%;}
.section .content .main .call { width:100%; }
.section .content .main .call .place p{ text-indent:0;}
.section .content .main .call .place { margin-top:10%;}

.section .content .main section{ width:100%; background:none;}
.section .content .main .zhaop1{ width:100%; height:50px; background:none;}
.section .content .main .zhaop2{ width:100%; background:#161616; height:50px;}
.section .content .main .zhaop1 li,.section .content .main .zhaop2 li{ width:25%; float:left;text-align:center; line-height:50px;}
.section .content .main .zhaop1 li a,.section .content .main .zhaop2 li a{ padding:5px; border:2px solid #3a3a3a; border-radius:2px; color:#3a3a3a; text-decoration:none;}
/*团队建设*/
/*.section section .content .img{ position:absolute;animation:move1 5s ease-in;-webkit-animation:move1 5s ease-in;-moz-animation:move1 5s ease-in;-ms-animation:move1 5s ease-in }*/

@-webkit-keyframes move1{
	0%{top:20px;opacity:0;}
	100%{top:0;opacity:1; }
	}
	@-moz-keyframes move1{
	0%{top:20px;opacity:0;}
	100%{top:0;opacity:1; }
	}
	@-ms-keyframes move1{
	0%{top:20px;opacity:0;}
	100%{top:0;opacity:1; }
	}
	@-0-keyframes move1{
	0%{top:20px;opacity:0;}
	100%{top:0;opacity:1; }
	}
/*关于我们*/
.section .title{ animation:move3 0.5s eas-out;-moz-animation:move3 0.5s ease-out;-webkit-animation:move3 0.5s ease-out;-ms-animation:move3 0.5s ease-out;-o-animation:move3 0.5s ease-out;}
@-webkit-keyframes move3{ 
0%{
transform:translateX(-200%);-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);}
100%{
transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
}

@-moz-keyframes move3{ 
0%{
transform:translateX(-200%);-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);}
100%{
transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
}
@-ms-keyframes move3{ 
0%{
transform:translateX(-200%);-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);}
100%{
transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
}
@-o-keyframes move3{ 
0%{
transform:translateX(-200%);-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);}
100%{
transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
}
@keyframes move3{ 
0%{
transform:translateX(-200%);-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);}
100%{
transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
}
/*导航条微信*/
.weix{ width:100%;margin:20px 0;}
.weix .img1{ width:31px; height:26px; background:url(../images/weix.png) no-repeat center; float:left; margin-right:25px;}
.weix .img2{ width:31px; height:26px; background:url(../images/weib.png) no-repeat center; float:left;}
.weix .img2:hover{background:url(../images/weib2.png) no-repeat center}
.weix .img1:hover{background:url(../images/weix2.png) no-repeat center}
/*导航条微信*/
.box-footer{background: #000; width:100%;position:absolute; bottom:0; left:0;}
.box-footer .footer-content{ width:100%;color:#424242;font-size: 12px;}
.footer-content .banquan{line-height:45px; width:100%; text-align:center;}
/*.footer-content .weix{ float: left;}
.footer-content .weix img {margin:8px 20px 0 0;  }
.footer-content .say{ float: left; border: 1px solid #424242; height:28px; line-height: 28px; text-align: center; width: 85px; margin:15px 0 0 20px }
.footer-content form{float: left; margin: 15px 0 0 20px;width: 198px; height:28px; background: url(../images/serch.png) no-repeat center; }
.footer-content form input,.footer-content form button{height:28px; float:left;padding: 0; margin: 0;background: none; outline:none; border:none;}
.footer-content form button { width:36px; }
.footer-content form input{width:160px;  }*/
@-webkit-keyframes box {
    0%{transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);}


    100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
}
@-moz-keyframes box {
     0%{transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);}


    100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
}
@-ms-keyframes box {
     0%{transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);}



    100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
}
@-o-keyframes box {
     0%{transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);}


    100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
}
@keyframes box {
     0%{transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);}



    100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
}
/*主页开始*/
@-webkit-keyframes arrow {
    0%{
       transform:scale(0.3);-moz-transform:scale(0.3);-webkit-transform:scale(0.3);-o-transform:scale(0.3);-ms-transform:scale(0.3);
    }
    100%{
        transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    }
}
@-moz-keyframes arrow {
    0%{
       transform:scale(0.3);-moz-transform:scale(0.3);-webkit-transform:scale(0.3);-o-transform:scale(0.3);-ms-transform:scale(0.3);
    }
    100%{
        transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    }
}
@-ms-keyframes arrow {
    0%{
       transform:scale(0.3);-moz-transform:scale(0.3);-webkit-transform:scale(0.3);-o-transform:scale(0.3);-ms-transform:scale(0.3);
    }
    100%{
        transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    }
}
@-o-keyframes arrow {
    0%{
       transform:scale(0.3);-moz-transform:scale(0.3);-webkit-transform:scale(0.3);-o-transform:scale(0.3);-ms-transform:scale(0.3);
    }
    100%{
        transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    }
}
@keyframes arrow {
    0%{
       transform:scale(0.3);-moz-transform:scale(0.3);-webkit-transform:scale(0.3);-o-transform:scale(0.3);-ms-transform:scale(0.3);
    }
    100%{
        transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    }
}


/*底部弹出*/
.danchu{ width:100%; height:100%; background:rgba( 0,0,0,0.8);top:0; right:0; position: fixed;display:flex;align-items:center; justify-content:center; display:none; z-index:1000;}
.danchu_1{ position:relative;}
.close{ position:absolute; top:-50px; right:0;}
/*底部弹出*/