* {margin:0;padding:0;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;list-style-type:none;text-decoration:none;}
a:link {color:#333;}
a:active {color:#333;}
a:visited {color:#333;}
a:hover {color:#1C7DC8;}
.txt1:link {color:#fff;}
.txt1:active {color:#fff;}
.txt1:visited {color:#fff;}
.txt1:hover {color:#fff;}
input,button,select,textarea {outline:none;-webkit-appearance:none;}        
@media only screen and (max-width:1023px) {

 /*动画*/
 body {height:100%;font:20px/20px "microsoft yahei";color:#666;overflow-x:hidden;width:100vw;}

 





}

/*960PC屏幕开始-------------*/
@media only screen and (min-width:1024px) {
	body {height:100%;font:20px/20px "microsoft yahei";color:#666;}
	/*顶部*/    /*滚动框架*/  html,body {width:100%;height:100%;overflow:hidden;}
	.section-wrap {width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
	.section-wrap .section {position:relative;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;}
	.section-wrap .section .title {width:100%;position:absolute;top:10%;text-align:center;}
	.section-wrap .section .title p {padding:0 4%;opacity:30}
	.section-wrap .section .title.active .tit {opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}
	.section-wrap .section-1 {background-color:#EFF4F8;}
	.section-wrap .section-2 {background-color:#EDF2F5;height:90%;}
	.section-wrap .section-3 {background-color:#fff;height:90%;}
	.section-wrap .section-4 {background-color:#EDF2F5;height:90%;}
	.section-wrap .section-5 {background-color:#fff;height:90%;}
	.section-wrap .section-6 {background-color:#EDF2F5;height:90%;}
	.section-wrap .section-7 {background-color:#fff;height:90%;}
	.section-wrap .section-8 {background-color:#EDF2F5;height:90%;}
	.section-wrap .section-9 {background-color:#fff}
	.section-wrap .section-10 {background-color:#252525}
	.put-section-0 {transform:translateY(0);-webkit-transform:translateY(0);}
	.put-section-1 {transform:translateY(-90%);-webkit-transform:translateY(-90%);}
	.put-section-2 {transform:translateY(-180%);-webkit-transform:translateY(-180%);}
	.put-section-3 {transform:translateY(-270%);-webkit-transform:translateY(-270%);}
	.put-section-4 {transform:translateY(-360%);-webkit-transform:translateY(-360%);}
	.put-section-5 {transform:translateY(-450%);-webkit-transform:translateY(-450%);}
	.put-section-6 {transform:translateY(-540%);-webkit-transform:translateY(-540%);}
	.put-section-7 {transform:translateY(-630%);-webkit-transform:translateY(-630%);}
	.put-section-8 {transform:translateY(-720%);-webkit-transform:translateY(-720%);}
	.put-section-9 {transform:translateY(-810%);-webkit-transform:translateY(-810%);}
	.put-section-10 {transform:translateY(-1000%);-webkit-transform:translateY(-1000%);}
	.section-btn {width:10px;position:fixed;right:1%;bottom:26%;z-index:9999;opacity:0.8;}
	.section-btn li {width:1.8vh;height:1.8vh;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:0.6vh;text-align:center;background-color:#C1CDDF;cursor:pointer;}
	.section-btn li.on {background-repeat:no-repeat;background-position:center center;background-color:#1C7DC8;}
	.section-nav {position:absolute;top:0px;right:18px;top:-6px;display: none;}
	.section-nav dd {line-height:24px;height:24px;font-size:12px;color:#000;width:68px;text-align:center;background-repeat:no-repeat;background-position:right center;}
	.ppp {font-size:10px;color:#000;background-color:aqua;float:left;}
	.arrow {opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;position:absolute;bottom:0px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;cursor:pointer;overflow:hidden;z-index:99999;}
	.arrow:hover {animation-play-state:paused;-webkit-animation-play-state:paused;}
	/*第一屏*/
	
	#topbg {width:100%;height:11vh;position:fixed;z-index:9999;background-image:url(../images/topbg1.png);background-size:100vw 11vh;}
	.topyy {box-shadow:#879EAC 0 5px 5px -5px;}
	#top {width:96vw;margin-left:auto;margin-right:auto;padding-left:3vw;padding-right:1vw;position: relative;}
	#logo {float:left;height:8vh;display:none;}
	#logo img {float:left;height:8vh;padding-top: 2vh;}
	#topnav {float:right;height:7vh;line-height:7vh;font-size:2vh;width:70.2vw;position: absolute;right: 0px;top:4vh;}
	#topnav dl{width: 7.6vw;float:left;position: relative;text-align: center;cursor:pointer;color: #fff;}
	#topnav dl:nth-child(1){width: 6.6vw;}
	#topnav dl:nth-child(4){width: 8.8vw;}
	#topnav div{width: 8vw;float:left;padding-left: 0.8vw;padding-right: 0.8vw;}
	#topnav dl:hover dt{background-size : 100% 2px;}
	#topnav dt{width: 100%;cursor:pointer;float: left;height:7vh;width: 8.5vw;background-image:linear-gradient(#1C7DC8,#1C7DC8);background-position:center bottom;background-size:0 2px;background-repeat:no-repeat; transition:.3s;overflow: hidden;}
	#topnav dd {left:0vw;width: 8.5vw;font-size:1.6vh;line-height: 5.8vh;color: #666;display: none;border-top: solid 1px #ececec;border-left: solid 1px #ececec;position: absolute;top:7vh;}
	#topnav p {float: left;width: 100%; border-right:solid 1px #ececec;border-bottom:solid 1px #ececec;background-color: #fff;}
	#topnav p:hover {cursor:pointer;color:#1C7DC8;background-color: #EFEFEF;}
	

	#toprighttop {padding-top:0.2vw;height:1.5vw;float:right;position: absolute;color: #fff;position: absolute;top:0.2vw;right:3vw; opacity: 0.8;}
	#toprighttop  font{cursor: pointer;}
	#topen {line-height:0.8;height:0.8;float:left;font-size:0.75vw;padding-top:0.07vw;}
	#topen img {height:0.8vw;float:left;padding-left:0.6vw;padding-top:0.2vw;}
	#topen dd {float:left;padding-left:0.2vw;padding-top:0.18vw;}
	.topline {line-height:0.8vw;height:0.8vw;font-size:0.6vw;color:#fff;padding-left:0.6vw;padding-right:0.6vw;padding-top:0.06vw;}
	.topwximg {padding-left:0.6vw;height:1vw;width:1vw;float:left;padding-right:0.6vw;padding-top:0.14vw;}
	#topwx {line-height:1vw;height:1vw;float:left;font-size:0.75vw;position:relative;cursor:pointer;padding-top:0.14vw;padding-right:0.6vw;}
	#topwximg {position:absolute;top:1.2vw;left:-3vw;z-index:999999;display:none;}
	
	.topwxAimg {height:1vw;width:1vw;float:left;padding-right:0.2vw;padding-top:0.14vw;}
	#topwxA {line-height:0.8vw;height:0.8vw;float:left;font-size:0.75vw;position:relative;cursor:pointer;padding-top:0.14vw;padding-right:0.6vw;}
	#topwxAimg {position:absolute;top:1.2vw;left:-3vw;z-index:999999;display:none;}

	#topgp {padding-left:0.6vw;padding-right:0.4vw;line-height:0.8vw;height:0.8vw;float:left;font-size:0.75vw;padding-top:0.14vw;}
	#topgp strong {color:#0B5F94;line-height:0.8vw;height:0.8vw;}
	#toplx {padding-left:0vw;line-height:0.8vw;height:0.8vw;float:left;font-size:0.75vw;padding-top:0.14vw;}
	

	.navtel_1 {display:none;}
	#topback {display:none;}
	#flashbg {width:100%;float:left;}
	.index-main {z-index:55;position:relative;width:100%;margin:0 auto;height:100vh;}
	.index-main-box {position:relative;display:block;overflow:hidden;}
	#indexslider {position:relative;width:100%;}
	.index-img {display:block;width:100vw;height:100vh;overflow:hidden;}
	.index-img dl {width:100vw;height:100vh;background-size:100vw 100vh;}
	.index-img dl:nth-child(1) {background-image:url(/video/e3.jpg);}
	.index-img dl:nth-child(2) {background-image:url(/video/2.jpg);}
	.index-img dl:nth-child(3) {background-image:url(/video/4.jpg);}
	.index-img dl:nth-child(4) {background-image:url(/video/3.jpg);}
	.wrapper {width:100%;height:100vh;margin:0 auto;position:relative;background-size:100vw 100vh;}

	
	.bannerwg {width:100%;height:100vh;position:absolute;min-width:1200px;top:0px;left:0px;background-position:top center;overflow:hidden;}
	.wrapper .ad_txt {position:absolute;left:8%;width:84%;top:42vh;color:#fff;text-shadow:1px 1px rgba(51,51,51,0.3);font-size:2vw;line-height:3vw;padding-left:1vw;padding-bottom:1vw;padding-top:0.4vw;text-align:left;background-image:url(../img/bannerbg11.png);text-shadow:black 0.1em 0.1em 0.2em;letter-spacing: 0.5vw;}
	.wrapper .ad_txt h2 {font:3vw;text-shadow:black 0.1em 0.1em 0.2em;text-align:center;letter-spacing: 1vw;padding-bottom:1vw;}
	.wrapper .ad_txt p {text-shadow:black 0.1em 0.1em 0.2em;text-align:center;}
	.wrapper .ad_txt a {display:block;width:5.5vw;height:1.2vw;line-height:1.6vw;font-size:1.8vw;margin-top:0.4vw;text-align:center;background:#fff;color:#666;text-decoration:none;text-shadow:none;}
	.wrapper .ad_txt a:hover {display:block;width:5.5vw;height:1.6vw;line-height:1.6vw;font-size:1.8vw;margin-top:0.4vw;text-align:center;background:#000;color:#fff;text-decoration:none;text-shadow:none;}
	#flashbg video {width:100%;height:100%;float:left;object-fit:fill;/*加滤镜*/  /*-webkit-filter:grayscale(100%);*/  /*filter:grayscale(100%);*/}
	#flashbg source {width:100%;height:100%;float:left;}
	.videocolse {width:100%;height:100%;}
	.index-img .Txt4 {font-size:1vw;color:#fff;position:absolute;top:20vw;left:38vw;line-height:1.2vw;padding-top:0.8vw;padding-bottom:0.8vw;padding-left:2vw;padding-right:2vw;border:solid 0.1vw #fff;}
	.index-pagination {position:absolute;z-index:66;bottom:80px;left:50%;height:30px;width:370px;margin-left:-175px;text-align:center;}
	.index-pagination li {display:inline-block;width:80px;position:relative;float:left;height:20px;margin-right:10px;overflow:hidden;cursor: pointer;}
	.index-pagination li a {position:relative;z-index:666;display:block;padding:16px 0px 5px 0px;height:3px;color:#5f6a72;text-align:center;}
	.index-pagination li a div {position:relative;z-index:555;display:block;height:4px;background:#FFF;}
	.index-pagination li a div span {position:absolute;top:0px;left:0px;height:4px;width:0px;background:#1C7DC8;}
	.prev {position:absolute;top:42vh;width:100%;height:4vw;width:2vw;z-index:1002;background-image:url(../images/bnbtn.png);background-position:left center;background-repeat:no-repeat;background-size:4vw 4vw;opacity:0.6;filter:alpha(opacity=60);}
	.prev:hover {position:absolute;top:42vh;width:100%;height:4vw;width:2vw;z-index:1002;background-image:url(../images/bnbtn.png);background-size:4vw 4vw;position:left center;background-repeat:no-repeat;cursor:pointer;opacity:1;filter:alpha(opacity=100);}
	.next {position:absolute;top:42vh;width:100%;height:4vw;width:2vw;right:0px;z-index:1002;background-image:url(../images/bnbtn.png);background-position:right center;background-repeat:no-repeat;background-size:4vw 4vw;opacity:0.6;filter:alpha(opacity=60);}
	.next:hover {position:absolute;top:42vh;width:100%;right:0px;height:4vw;width:2vw;z-index:1002;background-image:url(../images/bnbtn.png);background-position:right center;background-repeat:no-repeat;cursor:pointer;opacity:1;filter:alpha(opacity=100);background-size:4vw 4vw;}



	  /*标题*/
/*标题*/
.btboxbg {float:left;width:100%;min-width:1000px;padding-top:4vw;}
.btbox {width:90%;margin-left:auto;margin-right:auto;padding-left:5%;padding-right:5%;}
.btbox dt {width:100%;color:#333;line-height:3vw;height:3vw;font-size:1.5vw;float:left;text-align:center;}
.btbox dd {width:100%;color:#999;line-height:0.6vw;height:0.6vw;font-size:0.6vw;float:left;text-align:center;padding-bottom:0.2vw;}
.btbox p {width:100%;float:left;text-align:center;position:relative;height:11px;}
.btboxline {height:0.75vw;line-height:0.75vw;background-image:url(../img/btboxline.png);background-repeat:repeat-x;background-position:center center;padding-left:1.5vw;padding-right:1.5vw;}
.btboxtxt {height:0.75vw;line-height:0.75vw;padding-left:0.5vw;padding-right:0.5vw;}
.btboxtxt_1 {height:0.75vw;line-height:0.75vw;padding-left:0.5vw;padding-right:0.5vw;color:#fff;}




/*新闻中心*/
#zixunbg {float:left;width:100%;min-width:1000px;padding-bottom:2.5vw;padding-top:3.5vw;}
#zixun {width:96vw;margin-left:auto;margin-right:auto;padding-left:3vw;padding-right:3%;}
#zixunleft {width:34vw;float:left;background-color:#FFF;height:26vw;position:relative;overflow:hidden;}
.chinaz {width:34vw;height:26vw;position:relative;overflow:hidden;}
.chinaz .num {overflow:hidden;height:1.4vw;position:absolute;bottom:3.4vw;left:1vw;zoom:1;z-index:3}
.chinaz .num li {width:1.4vw;height:1.4vw;line-height:1.4vw;font-size:1vw;text-align:center;font-weight:400;font-family:"微软雅黑",Arial;color:#FFFFFF;background:#444444;margin-right:0.5vw;border-radius:50%;cursor:pointer;float:left;}
.chinaz .num li.on {background:#0B5F94;}
.chinaz li  img {width:34vw;height:23vw;}
.chinaz li {width:34vw;height:23vw;position:relative;}
.chinaz p {font-size:1.1vw;line-height:3vw;color:#fff;text-indent:1vw;background-color:#0B5F94;width:34vw;height:3vw;position:absolute;left:0px;bottom:-3vw;}
.chinaz .prev,.chinaz .next {display:none;width:2vw;height:5vw;background-size:2vw 5vw;background:url(../images/btn.png) no-repeat;position:absolute;top:12vw;}
.chinaz .prev {left:0;}
.chinaz .next {right:0;background-position:right}
#zixunright {width:42.6vw;float:left;background-color:#FFF;height:26vw;padding-left:2.7vw;padding-right:2.7vw;position:relative;}
.zixunright_sj {position:absolute;width:1.5vw;height:2vw;right:0px;top:2vw;}
#zixunright_top {width:42.6vw;float:left;padding-bottom:0.6vw;}
#zixunright_top dt {width:42.6vw;font-size:1.2vw;line-height:2.6vw;text-align:center;font-weight:bold;color:#0B5F94;padding-top:2vw;cursor:pointer;}
#zixunright_top dt:hover {color:#333;cursor:pointer;}
#zixunright_top dd {width:42.6vw;font-size:0.85vw;line-height:1.8vw;text-indent:1.6vw;color:#666;cursor:pointer;}
#zixunright_list {width:42.6vw;float:left;padding-top:1vw;}
#zixunright_list dd {width:42vw;float:left;color:#666;font-size:0.9vw;line-height:2.2vw;background-image:url(../img/pic4.png);background-repeat:no-repeat;padding-left:0.6vw;background-position:left center;}
#zixunright_list a {float:left;}
#zixunright_list font {float:right;}
#zixun_t {width:42.6vw;float:left;background-image:url(../img/pic3.png);background-repeat:repeat-x;background-position:center bottom;position:relative;}
.btnmore {position:absolute;background-color:#879EAC;line-height:0.8vw;height:0.8vw;font-size:0.8vw;padding-top:0.3vw;padding-bottom:0.3vw;padding-left:0.5vw;padding-right:0.5vw;color:#fff;top:1vw;right:0vw;}
.btnmore:hover {background-color:#0B5F94;line-height:0.8vw;height:0.8vw;font-size:0.8vw;padding-top:0.3vw;padding-bottom:0.3vw;padding-left:0.5vw;padding-right:0.5vw;color:#fff;text-decoration:none;cursor:pointer;}
#zixun_t li {height:3.4vw;line-height:3.2vw;float:left;padding-right:2vw;font-size:1vw;color:#333;}
#zixun_t font {height:3.2vw;line-height:3.2vw;float:left;cursor:pointer;}
.normaltab {line-height:3.2vw;color:#333;}
.hovertab {color:#333;line-height:3.2vw;border-bottom:solid 0.2vw #0B5F94;}
.s1 {display:block;}
.s2 {display:none;}


#zixunright_shiping {float:left;height:26vw;width:12vw;overflow:hidden;background-color:#0B5F94;background-image:url(../images/index/spbg4.png);background-repeat: no-repeat;background-position: bottom right;background-size:12vw 12vw;position: relative; }
#zixunright_sp_t{width:10.4vw;padding-left: 0.8vw;padding-right: 0.8vw;}
#zixunright_sp_t dd{width:10.4vw;border-bottom: solid 1px #387CA7;font-size: 0.95vw;line-height: 0.95vw; color: #fff;padding-top: 0.8vw;padding-bottom: 0.8vw;}

#zixunright_sp{width:12vw;position: relative;text-align: center;padding-top: 0.8vw;}
.zixunright_sp_img{height:7.5vw;width:10vw;border: solid 0.2vw #558FB4}
#zixunright_sp dl{height:4.8vw;width:10vw;left:1vw;top:1vw;background-image:url(../images/index/spbg1.png);position: absolute;padding-top: 2.7vw;opacity: 0.7;}
#zixunright_sp dl:hover{cursor: pointer;opacity: 1;}
.zixunright_sp_bf{width:2.1vw;height: 2.1vw;background-color: #fff;border-radius: 1.8vw;}

#zixunright_mian{width:10vw;padding-left: 1vw;padding-right: 1vw;padding-top: 0.6vw;float: left;}
#zixunright_mian p{border-bottom: solid 1px #387CA7; line-height: 1.8vw;color: #fff;font-size: 0.8vw;padding-left: 10px;background-image:url(../images/index/spbg3.png); background-position: 2px center;background-repeat: no-repeat;}
#zixunright_mian p:hover{background-color: #0A5481;cursor: pointer;}

#zixunright_more{padding-top: 0.6vw; text-align: left;float:left;width:9.5vw;padding-left: 1.5vw;padding-right: 1vw;}
#zixunright_more font{float:left;background-color:#558FB4;line-height:0.8vw;height:0.8vw;font-size:0.7vw;padding-top:0.3vw;padding-bottom:0.3vw;padding-left:0.5vw;padding-right:0.5vw;color:#fff;}
#zixunright_more font:hover{background-color: #fff;color: #0A5481;cursor: pointer;}

#zixunright_wen{position: absolute;color: #fff;font-size: 1vw;bottom: 5vw;right:1vw;opacity: 0.5;display: none;}

.zixunright_shiping_1 {height:6.1vw;width:10vw;padding-left: 1vw;padding-right: 1vw;padding-top: 1vw;}
.zixunright_shiping_1:hover{cursor: pointer;}


#videolist {width:23.2vw;float:left;padding-left:0.6vw;padding-right:1.2vw;background-color:#0B5F94;}
#videolist dd {width:20vw;float:left;color:#666;font-size:1.1vw;line-height:3.0vw;background-repeat:no-repeat;background-position:left center;padding-left:0.6vw;background-color:#365071;}
#videolist a {color:#fff;}
#videobtm {width:25vw;float:left;position:relative;background-image:url(../img/map1.png);background-repeat:no-repeat;background-size:25vw 9vw;height:9.1vw;}
.videobtmtxt_1 {font-size:0.75vw;color:#fff;position:absolute;left:1.2vw;bottom:1vw;}
.videobtmtxt_2 {font-size:0.85vw;color:#fff;position:absolute;left:9.6vw;top:3.1vw;}




 
}




img {margin:0 auto;display:block;}
/**/   @keyframes myfirst {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
@-moz-keyframes myfirst /* Firefox */ {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
@-o-keyframes myfirst /* Opera */ {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
/**/@keyframes mytwo {0% {left:0px;top:0px;}
100% {left:0px;top:-100px;}
}
@keyframes rotate {
	0% {
	transform-origin:center;
	transform:rotate3d(0,0,1,0deg);
}
100% {
	transform-origin:center;
	transform:rotate3d(0,0,1,360deg);
}
}

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%{
		transform: scale(1);  /*开始为原始大小*/
	}
	25%{
		transform: scale(1.1); /*放大1.1倍*/
	}
	50%{
		transform: scale(1);
	}
	75%{
		transform: scale(1.1);
	}
}

@keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-6px; opacity:.5} }
@-webkit-keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-6px; opacity:0.5} }

@keyframes arrow {%0,%100 {bottom:5px;opacity:1;}
50% {bottom:10px;opacity:.5}
}
@-webkit-keyframes arrow {%0,%100 {bottom:5px;opacity:1;}
50% {bottom:10px;opacity:.5}
}

@keyframes cf4FadeInOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.8;
		transform:scale(1.2);
	}
}
@keyframes cf4FadeInOutflash {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.8;
	
	}
}

.Hana{ opacity:1;animation:keyframes 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:btboxarrowaa 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;cursor:pointer;overflow:hidden;top:0px;left:0%;}
.Hanb{ opacity:1;animation:keyframes 2s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:btboxarrowaa 2s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;cursor:pointer;overflow:hidden;top:0px;left:0%;}
@keyframes btboxarrowaa{ %0,%100{bottom:0px; opacity:1;} 50%{top:20px; opacity:.9} }


.btboxarrow{ opacity:1;animation:btboxarrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:btboxarrow 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;bottom:0px;left:50%;margin-left:-6px;width:21px;height:11px;cursor:pointer;overflow:hidden;}
@keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-10px; opacity:.5} }
@-webkit-keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-10px; opacity:0.5} }

@keyframes arrow {%0,%100 {bottom:10px;opacity:1;}
50% {bottom:20px;opacity:.5}
}
@-webkit-keyframes arrow {%0,%100 {bottom:10px;opacity:1;}
50% {bottom:20px;opacity:.5}
}


}

img {margin:0 auto;display:block;}
/**/   @keyframes myfirst {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
@-moz-keyframes myfirst /* Firefox */ {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
@-o-keyframes myfirst /* Opera */ {0% {left:0px;bottom:0px;}
25% {left:0px;bottom:10px;}
50% {left:0px;bottom:0;}
100% {left:0px;bottom:0px;}
}
/**/@keyframes mytwo {0% {left:0px;top:0px;}
100% {left:0px;top:-100px;}
}


@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%{
		transform: scale(1);  /*开始为原始大小*/
	}
	25%{
		transform: scale(1.1); /*放大1.1倍*/
	}
	50%{
		transform: scale(1);
	}
	75%{
		transform: scale(1.1);
	}
}