@charset "utf-8";
/* CSS Document */
body
{
margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
@font-face{
    font-family:'did';
    src:url('../fonts/did.OTF');
}
@font-face{font-family:'gunplay';
    src:url('../fonts/gunplay.otf');
}
@font-face{font-family:'AVG';
    src:url('../fonts/AVG.otf');
}
ol,ul,li{list-style:none; padding:0;}
p{ margin:0;}
a{color:#333;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.pic {
  position: relative;
  overflow: hidden;
}
.pic:after {
  content: "";
  display: block;
}
/*修改滚动条*/

::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #f8f8f8;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #bbb;
}


/* --Public-- */
.hidden{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.center{text-align:center;}
.valign-middle{display:table-cell;vertical-align:middle;}
img {height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}

/* --pub-- */
.pub{width:96%;margin:auto; max-width:1600px !important;}
.wrap { width:96%; margin-right:auto; margin-left:auto;}

/* --header-- */

.banner_bj{ margin-top:82px; margin-bottom:80px;}

.index1{ margin-top:50px;}
.index1_top{ color:#0a0a0a; font-size:46px; text-align:center; margin-bottom:50px;}
.index1_top b{ font-size:46px; color:#2b4c7f;}
.index1_top span{ font-size:40px; color:#79b741; font-family:did; text-transform:uppercase;}
.index1_about .index1_about_left{ width:48%; float:left;}
.index1_about .index1_about_left img{ width:100%; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.index1_about .index1_about_right{ width:48%; float:right;}
.index1_about .index1_about_right_top{ font-size:20px; color:#8d8d8d; text-transform:uppercase; border-bottom:1px solid #5f5f5f; padding-bottom:10px;}
.index1_about .index1_about_right_top p{ font-size:30px; color:#383838; font-weight:bold; margin-bottom:10px;}
.index1_about_con{ font-size:16px; color:#6a6a6a; line-height:28px; margin-top:30px;
text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;overflow: hidden;}
.index1_about_more{ width:200px; height:41px; line-height:41px; border-radius:41px; background:#2b4c7f; text-align:center; color:#fff; text-transform:uppercase; margin-top:30px;}
.index1_about_more img{ margin-top:18px; margin-left:10px;}

.index1_about_adv{ margin-top:30px;}
.index1_about_adv li{ float:left; width:20%; text-align:center; color:#2a2a2a; font-size:18px; padding-left:30px; margin-top:20px; line-height:30px;}
.index1_about_adv .adv1{background:url(../images/adv1.png) center left no-repeat;}
.index1_about_adv .adv2{background:url(../images/adv2.png) center left no-repeat;}
.index1_about_adv .adv3{background:url(../images/adv3.png) center left no-repeat;}
.index1_num{ margin-top:80px;}
.index1_num li{ float:left; width:25%; color:#2a2a2a; font-size:18px; line-height:30px;}
.index1_num li span{ font-family:gunplay; float:left; font-size:66px; color:#333333; margin-right:20px;}

/****************************index1 end****************************/


.index2_bj{ background:#f3f3f3; margin-top:80px; padding:60px 0 100px 0;}
.index2_news{ margin-top:65px;}
.index2_news ul li{width:29.3%; margin:0 2%;overflow:hidden;float:left;}
.index2_news ul li .pic img{width:100%;-webkit-transition:all 0.4s;transition:all 0.4s;}
.index2_news ul li .index2_news_tit{ color:#383838; font-size:20px; overflow:hidden; margin-top:20px; line-height:40px; height:50px; overflow: hidden; border-bottom:1px solid #dedede; padding-bottom:10px;
text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;overflow: hidden;}
.index2_news ul li .index2_news_date{color:#fff; font-size:20px; line-height:30px; background:#79b741; display:inline; padding:5px 10px; border-radius:5px;}
.index2_news ul li .index2_news_txt{ margin-bottom:20px;-webkit-transition:all 0.4s;transition:all 0.4s; margin-top:20px;font-size:16px; color:#8f8f8f;
text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;overflow: hidden;}
.index2_news ul li .more{font-size:18px; text-transform:uppercase; color:#929292; font-family:did; margin-top:10px;}
.index2_news ul li .more img{ margin-left:10px;-webkit-transition:all 0.4s;transition:all 0.4s; margin-top:8px;}
.index2_news ul li:hover .pic img{transform:scale(1.08);}
.index2_news ul li:hover .more img{  margin-left:20px;}
.index2_news ul li:hover .index2_news_tit{ color:#2b4c7f;}




/****************************index2 end****************************/





.foot_bj{background:url(../images/foot_bj.jpg) center no-repeat; background-size:cover; overflow:hidden; padding:50px 0;}
.foot_left{ width:40%; float:left;}
.foot_left p{ font-size:26px; color:#ffffff; margin-bottom:20px; font-weight:bold;}
.foot_left li{ font-size:16px; color:#ffffff; line-height:30px;}
.foot_right{ width:35%; float:right;}
.cop{ width:10%; float:left; margin-left:5%;}
.cop li{ width:100%; text-align:center; color:#fff;}
.cop img{ max-width:100%; margin-bottom:10px;}
.foot_nav{ float:right; width:35%; margin-top:30px;}
.foot_nav li{ width:33.3%; float:left; color:#fff; line-height:40px; font-size:18px;}
.foot_nav li a{ color:#fff;}
.foot_bottom_bj{ background:#1d3354; overflow: hidden;}
.foot_bottom_left{ float:left;color:#6e89b1;font-size:16px; line-height:30px; padding:20px 0;}
.foot_bottom a{ color:#6e89b1;}
.foot_logo{ float:right;}
.foot_logo img{ height:100%; padding:15px 0;}

/****************************foot end****************************/




.inner_banner{ padding:5% 0; margin-top:82px;}
.catname{ font-size:46px; color:#fff;}
.crumbs{ color:#fff; background:url(../images/p3.png) center left no-repeat; padding-left:30px; margin-top:20px;}
.crumbs a{ color:#fff;}
.inner_top{ border-bottom:1px solid #dbdbdb; line-height:30px; padding:20px 0;}
.inner_top a{ padding:0 20px;}
.inner_top a:hover{ font-weight:bold; color:#2b4c7f;}
.inner_top a .on{ border-bottom:2px solid #2b4c7f; padding-bottom:10px; font-weight:bold; color:#2b4c7f;}


.inner{ overflow:hidden;}
.inner_about_top{ width:30%; margin:0 0 50px 0;}
.inner_about_top p{ font-family:AVG; color:#e4e4e5; font-size:48px;}
.inner_about_top b{ font-size:36px; color:#2b4c7f;}
.inner_about_con{ width:50%; float:left; font-size:18px; color:#585858; line-height:35px;}
.inner_about_img{ width:48%; float:right;}
.inner_about_img img{ width:100%;}


/******************honor end******************/


.inner_bj{ background:#f5f5f5; overflow:hidden; padding-bottom:80px;}
.inner{ padding:80px 0;}
.inner_pro_type{  width:20%; float:left;}
.list{width : 100%;}
.list ul{list-style: none;}
.list ul p{ padding:0; margin:0;}
.list ul span{ cursor:pointer;}
.list>ul>li{
	width: 100%; background:#2b4c7f; margin-bottom:10px;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
			transition: .3s ease;
}
.list>ul>li p[class=title]{
	width      : 100%;
	text-align : center;
	height     : auto;
	line-height: 30px;
	padding    : 0;
	border     : none;
	position   : relative;
	font-size  : 16px; padding:10px 25% 10px 15%;
}
.list>ul>li p[class=title]>span{position: absolute;right: 10px; top:10px; font-size:30px; color:#fff;}
.list-se{overflow: hidden;display: none;}
.list-se>p{background:#2b4c7f;color:#fff;}
.list ul li .title a{ font-size:24px; font-weight:bold; color:#fff;}
.list-se>li{
	position: relative;
	right   : -100%;
	-webkit-transition: right .5s;
	-moz-transition   : right .5s;
	-o-transition     : right .5s;
	transition        : right .5s;
	background:#fff;color:#5c5c5c;
}
.list-se>li>p{
	color       : #5c5c5c;
	height      : auto;
	-webkit-box-sizing :border-box;
	        box-sizing :border-box;
	line-height : 30px;
	font-size:18px;
	padding:10px;
	-webkit-transition   : border .5s; 
			 transition  : border .5s;
	-webkit-transition   : background .3s;
			 transition  : background .3s;
}
.list-se>li>p>a{ color:#5c5c5c;}
.list-se>li>p>a:hover{ color:#2b4c7f;}

.inner_pro_main{ width:75%; float:right;}
.inner_pro_top{ border-bottom:1px solid #e5e5e5; color:#3b3b3b; font-size:24px; padding-bottom:10px; margin-bottom:30px;}
.pro li{ float:left; width:48%; border:1px solid #e5e5e5; background:#fff; margin-bottom:30px;}
.pro li:nth-child(2n){ float:right;}
.pro li .img{ border-bottom:1px solid #e5e5e5;}
.pro li .pro_con{ padding:20px 30px;}
.pro li .pro_con_tit{ font-size:22px; color:#2e2e2e; margin-bottom:10px;
text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;overflow: hidden;}
.pro li .pro_con1{ color:#636363; font-size:14px; line-height:30px; min-height:150px;
text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;overflow: hidden;}
.pro li .pro_con_more{ background:#2b4c7f; color:#fff; width:110px; line-height:30px; height:30px; text-align:center; font-size:14px; border-radius:30px; margin-top:20px;}

.pro_info_main{  border:1px solid #e5e5e5; background:#fff;}
.pro_info_img{ border-bottom:1px solid #e5e5e5; padding:20px 0; text-align:center; margin-bottom:20px;}
.pro_info_top{ background:url(../images/p4.png) left center no-repeat; padding-left:20px; color:#2b4c7f; font-size:16px; margin:30px 0; font-family:AVG;}

.pro_info_content{ font-size:16px; line-height:30px; padding:30px 50px;}
.pro_info_content p{ margin:0;}
.pro_info_content img{ max-width:100%;}
.pro_info_content table{width:100% !important;height:auto;margin:10px 0; border-collapse:collapse; border:none;}
.pro_info_content table tr td{text-align: left;padding:20px;border:none;word-break:break-all;}
.pro_info_content table tr td p{ text-align:center;}

.pro_info_content table tr td img{ width:100%; }
/*************************product end*************************/





.inner_news_status {height: 30px;line-height: 30px;font-size: 12px;color: #333;margin-top: 20px;padding-bottom: 10px; }
.inner_news_status span {padding-left: 20px; padding-right: 10px; line-height:30px;height:30px; display:block; float:left;}
.inner_news_status .newstime{ background:url(../images/news2.png) left center no-repeat;}
.inner_news_status .click{ background:url(../images/news3.png) left center no-repeat;}

.news ul li{width:31.3%;margin:1%; padding:1%;overflow:hidden;float:left; border:1px solid #e5e5e5;}
.news ul li .news_img{ overflow:hidden;}
.news ul li .news_img img{width:100%; margin-bottom:20px; -webkit-transition:all 0.4s;transition:all 0.4s;}
.news ul li .name{ font-size:24px; color:#1e1e1e; height:30px; line-height:30px; overflow:hidden; margin-bottom:20px;}
.news ul li .desc{ color:#7a7a7a; font-size:14px;  line-height:30px; }
.news ul li .time{ margin-top:20px; color:#2b4c7f; font-size:14px;}
.news ul li:hover img{transform:scale(1.08);}
.news ul li:hover .name{ color:#2b4c7f;}

.newshow .newshowtit { text-align: center; padding-bottom:20px; border-bottom: 1px dotted #bfbebe; margin-bottom:20px;}
.newshow .newshowtit h1 { font-size: 22px; color: #333;}
.newshow .newshowtit .date {line-height: 30px; font-size: 12px;  color: #999;}
.newshow .newshowtxt p {  margin-top: 25px; line-height: 25px;}
.newshow .newshowimg { text-align: center;  margin: 65px 0;}
.inner_news_img img{ max-width:100%;}
.inner_content{ font-size:16px; line-height:30px; padding:30px 50px;}
.inner_content p{ margin:0;}


.shzr{width:96%;height:auto; margin:0 auto;}
.shzr li{width:auto;height:auto;padding:30px;margin-bottom:30px; border:1px solid #e8e8e8;-webkit-transition:all 0.4s;transition:all 0.4s;}
.shzr li .news_list_li{width:auto;height:auto;}
.shzr li .news_list_title{width:auto;height:36px;font-size:20px;color:#2b4c7f;line-height:36px; margin-top:30px;overflow:hidden;}
.shzr li .news_list_img{width:30%;height:auto;}
.shzr li .news_list_img img{width:100%;height:auto;display:block;-webkit-transition:all 0.4s;transition:all 0.4s;}
.shzr li .news_list_con2{width:66%;height:auto;}
.shzr li .news_list_con{ margin-top:20px;overflow:hidden;-webkit-transition:all 0.4s;transition:all 0.4s; margin-top:20px; color:#7c7c7c; font-size:16px;
text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.shzr li .news_list_con2 .news_list_date{color:#747474; font-size:15px; line-height:30px;}
.shzr li .news_list_con2 .news_list_date b{ font-size:36px; color:#79b741; padding-right:10px;}
.shzr li .news_list_con2 .news_list_date .news_list_line{ width:35px; height:1px; background:#79b741; margin-top:23px; margin-left:10px;-webkit-transition:all 0.4s;transition:all 0.4s;}
.shzr li:hover img{transform:scale(1.08);}
.shzr li:hover .news_list_date .news_list_line{ width:50px; margin-left:20px;}
.shzr li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.3);}

/**************************news end**********************/



.inner_job_top{ text-align:center;}
.inner_job_top1{ position:relative;}
.inner_job_top_tit{ font-size:120px; color:#e8e8e8; font-family:AVG; text-transform:uppercase;}
.inner_job_top_tit1{ font-size:32px; color:#1f1f1f; position:absolute; top:60px; width:100%;}
.inner_job_top_tit1 p{ width:40px; height:2px; background:#2b4c7f; margin:0 auto; margin-top:20px;}
.inner_job_con{ width:90%; margin:0 auto; font-size:16px; color:#707070; line-height:30px; margin-top:30px;}

.inner-join li{width:100%;margin-top:40px;position:relative;}
.inner-join li .con{padding:0 30px;color:#fff;cursor:pointer;line-height:80px; overflow:hidden;background-image: linear-gradient(to right, #072f73, #68af48);
background-position: top center;
background-size: 100% 100%; 
background-repeat: no-repeat;}
.inner-join li .con p{font-size:16px; float:left; margin-right:30px;}
.inner-join li .con p:nth-of-type(1){font-size:20px;margin-bottom:12px;}
.inner-join li .box{color:#333;display:none; width:100%; padding:4%; background:#f5f5f5;}
.inner-join li .box .box_top{ color:#0076c6; font-size:24px; font-weight:bold; margin-bottom:20px;}
.inner-join li .box p{font-size:15px;line-height:28px;}
.inner-join li .box .btn{width:166px;height:48px;font-size:20px;line-height:48px;text-align:center;color:#FFF;background:#2b4c7f;display:block;margin-top:20px;}




.contact-map{ margin-top:0; height:225px;}
#dituContent{ width:100%; height:225px;}

.inner_message{ margin:5% auto; overflow:hidden; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); padding:4%; width:77%;max-width: 1652px !important;}
.inner_message_top{ float:left; width:35%; font-size:16px; color:#888888;}
.inner_message_top p{ font-size:30px; color:#000000; margin-bottom:30px;}
.inner_message_top li{ font-size:16px; color:#888888; margin-top:50px;}
.inner_message_top li b{ display:block; font-size:24px; color:#154a98;}

.inner_message_main{ width:60%; float:right; margin-top:30px;}
.inner_message_main .input-group{ margin-bottom:10px; width:47%; margin-right:3%; float:left;}
.inner_message_main .input-group1{ width:97%; margin-bottom:10px;}
.inner_message_main .input-group1 input{ border:1px solid #e3e3e3;line-height:58px; color:#898989; outline:none; width:100%; padding-left:10px;}
.inner_message_main .input-group input{ border:1px solid #e3e3e3;line-height:58px; color:#898989; outline:none; width:100%; padding-left:10px;}
.inner_message_main #content{ width:100%; height:100px;}
.inner_message_main #captcha{ float:left; width:65%;}
.inner_message_main .verify{ width:90px; height:36px;}
.inner_message_main .verify img{ width:90px; height:36px; margin-top:10px;}
.inner_message_main #submit{ line-height:58px; height:58px; text-align:center; color:#fff; width:47%; margin-right:3%; background:#0063d0; float:right;}

/**************************contact end************************/

/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover{color:#fff;background:#0d4cb0;padding:0 20px;cursor:pointer;}
.txt-upDown-li:hover .arrow{color:#fff;}
.txt-upDown-li:hover .title .page-a{color:#fff;}
.txt-upDown-li:hover .title a{color:#fff;}
.txt-upDown-li.txt-right{text-align:right;}

/* --分页-- */
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 60px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #0d4cb0;
  background: #0d4cb0;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}

/* --暂无数据-- */
.no-goods{padding:100px 0;overflow:hidden;text-align:center;}
.no-goods img{
  display: block;
  margin:0 auto 30px;
  width:220px;
  max-height: 105px;
}
.no-goods p{
  font-size:14px;
  color:#666666;
  line-height: 20px;
}






@-webkit-keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
@keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
.imgScale {
	animation: imgScale 6s ease-in-out infinite alternate;
	-webkit-animation: imgScale 6s ease-in-out infinite alternate;
}

@keyframes scrolldown {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrolldown2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	55% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	70% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	85% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrollup {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes scrollup2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	15% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	30% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	45% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes sound {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	20% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	40% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	60% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btnline {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btntate {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}