@charset "utf-8";
/* CSS Document */
body
{font-family: "思源黑体 CN", "微软雅黑", SimHei, sans-serif;
margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/*@font-face{
    font-family:'FuturaLL';
    src:url('../fonts/Futura LT Light.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;}
/* --pub-- */
.pub{width:85%;margin:auto; max-width:1600px !important;}
.pub1{width:80%;margin:auto; max-width:1400px !important;}

/* --header-- */

.top_bj{ width:100%; height:auto; position:relative;}
.header_bg{width:100%;height:110px; position: absolute;left:0;top:0;z-index:999; border-bottom:1px solid rgba(255,255,255,0.12);
-webkit-transition:all 0.4s;transition:all 0.4s;}
.header{ width:90%;height:auto;margin:auto;position:relative;}
.header .logo{width:35%;height:auto;float:left; margin-top:30px;}
.header .logo img{ width:100%;}
.nava{width:56%;height:50px;float:left; margin-top:30px;position:relative;overflow:hidden; padding-left:0;}
.nava li{width:14.28%;height:50px;float:left;font-size:16px; color:#fff;line-height:50px;text-align:center;position:relative;overflow:hidden;cursor:pointer; text-align: center;}
.nava li span{width:0px;height:2px;background:#fff;position:absolute;left:50%;bottom:0;border-radius:2px;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.nava li:hover span{width:60%;left:20%;}
.lang { float:right; color:#fff; line-height:110px; font-size:16px; margin-right:40px; position:relative;}
.lang p{ float:right; margin:0;}
.lang .earth{ content:''; background-image:url(../Image/lang.png); background-repeat:no-repeat; background-size:100% 100%; position:absolute; top:40px; left:-40px; width:31px; height:31px; border-radius:50%; animation:rotate 1s infinite; -webkit-animation:rotate 1s infinite linear;}
@-webkit-keyframes rotate{
 0%{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100%{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}
@keyframes rotate{
 0%{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100%{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}



.swiper-banner{width:100%;height:785px;overflow:hidden;background:#fff;position:relative;z-index:99;}
.swiper-banner .swiper-slide{overflow:hidden;position:relative;}
.swiper-banner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}

.slide-inner{width:80%;height:100%;left:10%;top:0;z-index:99;position:absolute;}
.slide-inner .banner_img{
    position: absolute;
    z-index: 5;
    opacity: 0;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
}
.swiper-banner .ani-slide .banner_img{
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
}
.banner1_1{width:50%;left:0%;top:35%;
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.banner2_1{width:50%;left:0%;top:35%;
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.banner3_1{width:50%;left:0%;top:35%;
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
}

.swiper-banner .banner_con {
    z-index: 99;
    width: auto;
    height: 84px;
    position: absolute;
    right: 0;
    bottom: 5%;
    padding:0 120px;
}
.banner_num{ position:absolute; right:0; bottom:300%; z-index:99; width:auto;}
.swiper-banner .a1 {height: 66px;line-height:66px;margin:20px;}
.swiper-banner .a1 span{font-size:22px;color:#FFF;margin:0 15px;font-family:'FuturaLL';cursor:pointer; display:block;}
.swiper-banner .a1 i{width:2px;height:0;background:#FFF;float:left;margin:0 32px;
    -webkit-transition:all 0.4s;transition:all 0.4s;
}
.swiper-banner .a1 i.current{height:70px;}

.swiper-banner .banner_con .banner_prev,.swiper-banner .banner_con .banner_next{
    width:66px;height:66px;margin-top:20px;float:left;cursor:pointer;
    -webkit-transition:all 0.4s;transition:all 0.4s;
}
.swiper-banner .banner_con .banner_prev:hover {
    transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    -moz-transform: translateX(-4px);
    -webkit-transform: translateX(-4px);
    -o-transform: translateX(-4px);
}
.swiper-banner .banner_con .banner_next:hover {
    transform: translateX(4px);
    -ms-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -webkit-transform: translateX(4px);
    -o-transform: translateX(4px);
}


/* --index-- */

#index1_type >div{ animation-fill-mode:both; } 
#index1_type .index1_typeBox{ width:100%; } 
@media only screen and (min-width: 769px){ 
#index1_type .index1_typeBox{ background:#00a8ff; } 
#index1_type .btnjt{ display:none; } 
#index1_type .type1{ width:100%; overflow:visible; font-size:0px; display:flex; white-space:nowrap; } 
#index1_type .typeListBox{ position:relative; height:auto; } 
#index1_type .li1{ display:inline-block;flex:1; } 
#index1_type .typeNameH3{ width:100%; border-right:1px solid rgba(255,255,255,0.1); border-left:1px solid rgba(0,0,0,0.1); } 
#index1_type .li2{background:#fff;} 
#index1_type .li2 .typeNameH3{border:0;} 
#index1_type .typeName{ display:block; width:100%; padding:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; text-align:center; } 
#index1_type .typeName1{ font-size:16px; padding:30px 10px; } 
#index1_type .typeName2{ font-size:14px;color:#00a8ff;font-weight:600;text-align:left;padding:15px 30px; } 
#index1_type .li2:last-child{border-bottom:3px solid #64c3d5;} 
#index1_type .typeName3{ width:100%; text-align:center; padding:0px; font-size:0.875rem;transition:all .5s; } 
#index1_type .type2{ display:none;transition:all .5s; position:absolute;width:100%;transition:all .5s; z-index:999;bottom:80%;left:0;background:none;padding-bottom:15px; } 
#index1_type .type2::after{content:"";display:inline-block;width:0;height:0;border:10px solid transparent;border-top-color:#fff;position:absolute;left:50%;bottom:-15px;transform:translate(-50%,-50%);z-index:2;} 
#index1_type .type3{ display:none; position:absolute; left:100%; top:0px; } 
#index1_type .typeNameH3:hover{ background:rgba(0,0,0,0.08); } 
#index1_type .li1:hover .type2{ display:block; } 
#index1_type .li2:hover .type3{ display:block; } 
} 
@media only screen and (max-width: 768px){ 
#index1_type .index1_typeBox { overflow: hidden;background:#00a8ff;text-align:center; } 
#index1_type .type { display: none; } 
#index1_type .type1 { display: none; width: 100%; height: auto; background-color: #fff; position: absolute; left: 0; overflow: hidden; z-index: 999; } 
#index1_type .typeNameH3 { width: 100%; display:flex;align-items:center; font-size: 0; border-bottom: 1px solid #ddd; } 
#index1_type .typeName { display: inline-block; width: calc(100% - 50px); padding: 10px 0 10px 50px; background: none!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #00a8ff; } 
#index1_type .typeName:hover { background: none !important; } 
#index1_type .li2 { padding-left: 20px; } 
#index1_type .li3 { padding-left: 20px; } 
#index1_type .typeName1 { font-size: 1rem; } 
#index1_type .typeName2 { font-size: 0.875rem; } 
#index1_type .typeName3 { font-size: 0.875rem; } 
} 
#index1_type{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; } 
.w_grid-000 { margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%;}
.w_grid-000 > .w_grid.signal { min-height: inherit;}
.w_grid-000 > .w_grid { width: 100%; position: relative;}
.w_grid-000 > .w_grid.signal > .p_gridbox { min-height: inherit;}
.w_grid-000 > div > .p_gridbox { width: 100%;overflow: hidden;position: static;}



.index1_bj{ width:100%; background:url(../Image/p1.jpg) bottom center no-repeat; overflow:hidden; margin-top:120px;}
.index1{ width:80%; max-width:1336px; height:auto; margin:0 auto;}
.index1_top_left{ width:45%; color:#000; font-size:16px;}
.index1_top_left p{ font-size:40px; color:#292929; font-weight:bold; margin-bottom:15px;}
.index1_top_left a{ color:#000; font-size:16px; display:block; margin-top:60px;}
.index1_search{ width:50%;}

.search_left{ float:left; line-height:64px; font-size:16px;}
.search_key{ margin-top:30px;}
.search_key a{ color:#363636; margin-right:10px;}
.search_main{ height:52px; position:relative; margin-top:17px; background:#00a8ff;}
.search-text{height:52px;width:80%; position:absolute; top:0; left:0px;color:#fff; font-size:16px;outline:none; background:none; padding-left:10px; border:none;}
.search-button{ width: 52px; height:52px; position:absolute; top:0px; right:0px; background:url(../Image/sear.png) center no-repeat; outline:none; border:none; font-size:0;}


.index1_pro .swiper-list{margin-top:50px;padding-bottom:50px;overflow:hidden;position:relative;}
.index1_pro .swiper-list .swiper-slide{position:relative;cursor:pointer;}
.index1_pro .swiper-list .swiper-slide .img{background:#FFF; border:1px solid #d2d2d2; position:relative;overflow:hidden;}
.index1_pro .swiper-list .swiper-slide .img img{width:100%;height:auto;display:block;margin:auto;-webkit-transition:all 0.4s;transition:all 0.4s;}
.index1_pro .swiper-list .swiper-slide:hover .img img{transform:scale(1.08);}
.index1_pro .swiper-list .swiper-slide .title{height:30px;overflow:hidden;font-size:16px;line-height:30px; color:#292929; text-align:center; margin-bottom:20px;}

.index1_pro_list{display:none;margin-top:20px;}
.index1_pro_list li{width:49%;float:left;margin-right:2%;margin-top:2%;position:relative;cursor:pointer;}
.index1_pro_list li:nth-child(2n){margin-right:0;}
.index1_pro_list li .img{margin:15px 0;position:relative;overflow:hidden;background:#FFF;border:1px solid #d2d2d2;}
.index1_pro_list li .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index1_pro_list li:hover .img img{transform:scale(1.08);}
.index1_pro_list li .title{height:30px;overflow:hidden;font-size:16px;line-height:30px;}


.index1_bottom{ color:#4b4b4b; font-size:16px; line-height:30px; width:80%; text-align:center; margin:0 auto; margin-top:110px;}
.index1_bottom .index1_bottom_top{ font-size:40px; color:#292929; font-weight:bold; margin-bottom:30px;}

.index1_num{ margin-top:55px;}
.index1_num li{ float:left; width:25%; text-align:center; color:#3f4040; font-size:16px;}
.index1_num li p{ font-size:76px; color:#00a8ff; font-family: Roboto; }
.index1_num li p sub{ font-size:16px;}
.index1_more{ width:47px; height:47px; margin:30px auto;}



#index2_case ul{ margin:0}
#index2_case .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#index2_case .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#index2_case .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
#index2_case .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#index2_case .swiper-slide .index2_case_con{ position: absolute; left: 0; bottom: 0; width: 96%; padding:2%; background: rgba(0,0,0,0.5); color: #fff; font-size: 16px; line-height:30px; transition:0.3s; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#index2_case .swiper-slide .index2_case_con a{ color:#fff;}
#index2_case .swiper-slide .index2_case_con p{ font-size:24px; font-family:"微软雅黑"; margin:0 0 10px 0;}
#index2_case .swiper-slide .index2_case_con1 p{color: #fff; font-size: 16px; line-height:30px;height:30px; overflow:hidden;}
#index2_case .swiper-slide:hover img{ transform: scale(1.1);}


#index2_case2 ul{ margin:0}
#index2_case2 .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#index2_case2 .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#index2_case2 .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
#index2_case2 .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#index2_case2 .swiper-slide .index2_case_con{ position: absolute; left: 0; bottom: 0; width: 96%; padding:2%; background: rgba(0,0,0,0.5); color: #fff; font-size: 16px; line-height:30px; transition:0.3s; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#index2_case2 .swiper-slide .index2_case_con a{ color:#fff;}
#index2_case2 .swiper-slide .index2_case_con p{ font-size:24px; font-family:"微软雅黑"; margin:0 0 10px 0;}
#index2_case2 .swiper-slide .index2_case_con1 p{color: #fff; font-size: 16px; line-height:30px;height:30px; overflow:hidden;}

#index2_case2 .swiper-slide:hover img{ transform: scale(1.1);}

#index2_case2{ display:none;}
	#index2_case{ display: block;}

@media screen and (max-width:768px){
	#index2_case{ display:none;}
	#index2_case2{ display: block;}
    #index2_case .swiper-slide .pic{ padding-bottom: 65%;}
	 #index2_case2 .swiper-slide .pic{ padding-bottom: 65%;}
}



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


.index3{ margin-top:80px;}
.index3_top{ text-align:center; color:#4b4b4b; font-size:16px; margin-bottom:50px;}
.index3_top p{ font-size:40px; color:#292929; font-weight:bold;}
.index3_left{ width:70%; height:auto;}
.index3_left .index3_left_news1{background:url(../Image/index_news1.jpg) center no-repeat; background-size:cover; padding:50px 30px 37% 30px; }
.index3_left .index3_left_news1 .index3_time{font-size:16px; color:#fff;}
.index3_left .index3_left_news1 .index3_time span{ color:#ffd800;}
.index3_left .index3_left_news1 .index3_tit{ width:60%; font-size:24px; margin:10px 0; color:#fff;}
.index3_left .index3_left_news1 .index3_con{ width:60%; font-size:16px; color:#fff; line-height:25px;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; }
.index3_left li{ width:45%; float:left; margin:2% 0; border:1px solid #e2e2e2; padding:5% 2%;}
.index3_left li:nth-child(2){ float:right;}
.index3_left li .index3_time{font-size:16px; color:#4a4a4a;}
.index3_left li .index3_time span{ color:#0095eb;}
.index3_left li .index3_tit{ font-size:22px; margin:10px 0; color:#3b3b3b;}
.index3_left li .index3_con{ height:50px;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; font-size:16px; color:#575757; line-height:25px;}

.index3_right{ width:28%; height:auto;}
.index3_right li{ margin-bottom:4%;}
.index3_right li img{ width:100%;}
.index3_right li .index3_line{ border:1px solid #e2e2e2; padding:5% 30px;}
.index3_right li .index3_time{font-size:16px; color:#4a4a4a;}
.index3_right li .index3_time span{ color:#0095eb;}
.index3_right li .index3_tit{ font-size:22px; margin:10px 0; color:#3b3b3b;}


/****************************index3 end*******************/


.index4{ width:100%; height:auto; background:url(../Image/p2.jpg) center no-repeat; background-size:cover; overflow:hidden; padding:4% 0; margin-top:60px;}
.index4_top{ text-align:center; color:#fff; font-size:40px; font-weight:bold;}
.index4_con{ width:50%; margin:0 auto; text-align:center; color:#fff; font-size:18px; margin-top:30px; line-height:28px;}


/************************index4 end********************/


.index5{ margin:50px auto; overflow:hidden;}
.index5_left{ float:left; font-size:19px; color:#717171; overflow:hidden;}
.index5_left span{ font-size:30px; color:#0097ed;}
.index5_right{ width:178px; height:49px; line-height:49px; float:right; text-align:center; background:#ffba00; color:#fff; font-size:20px; border-radius:5px;}




.foot_bj{ width:100%; height:auto; background:#39434b; overflow:hidden; padding:4% 0 0 0;}
.foot ul{ padding:0;}
.foot_left{ width:15%; height:auto; text-align:center;}
.foot_logo{ color:#ffffff; font-size:15px;}
.foot_logo p{ font-size:38px; color:#ffba00; font-family:"楷体"; margin-bottom:10px;}
.cop img{ margin-top:20px;}
.foot_nav{ width:70%;}
.foot_nav li{ float:left; margin-left:80px; font-size:15px; color:#a0a8af; line-height:30px;}
.foot_nav li a{ color:#a0a8af; display:block;}
.foot_nav li p{ margin-bottom:20px;}
.foot_nav li p a{ color:#ffffff; font-weight:bold; font-size:20px;}
.foot_contact{ border-bottom:1px solid #52606b; border-top:1px solid #52606b; font-size:15px; color:#a0a8af; padding:0 0 10px 0; overflow:hidden; line-height:40px; margin-top:60px;}
.foot_contact li{ float:left; margin-right:50px;}
.foot_contact li span{ font-size:22px; color:#ffba00; font-weight:bold;}
.foot_bottom{ line-height:65px; text-align:center; color:#a0a8af; font-size:16px;}
.foot_bottom a{ color:#a0a8af; padding:0 5px;}





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



.banner_about{ width:100%; background:url(../Image/banner_about.jpg) top center no-repeat; background-size:cover; overflow:hidden; padding:14% 0; text-align:center; color:#fff; font-size:24px;}
.banner_about p{ font-size:48px; font-weight:bold; margin-top:5%;}
.inner_banner{text-align:center; color:#fff; font-size:24px; overflow:hidden; padding:14% 0;}
.inner_banner p{ font-size:48px; font-weight:bold; margin-top:5%;}
.banner_honor{ width:100%; background:url(../Image/banner_honor.jpg) top center no-repeat; background-size:cover;}
.banner_contact{ width:100%; background:url(../Image/banner_contact.jpg) top center no-repeat; background-size:cover;}
.banner_pro{ width:100%; background:url(../Image/banner_pro.jpg) top center no-repeat; background-size:cover;}
.banner_news{ width:100%; background:url(../Image/banner_news.jpg) top center no-repeat; background-size:cover;}
.banner_case{ width:100%; background:url(../Image/banner_case.jpg) top center no-repeat; background-size:cover;}



.crumbs_bj{ width:100%; position:absolute; z-index:999; bottom:-40px;}
.crumbs{ width:80%; margin:0 auto;}
.crumbs li{ width:18%; background:#fff; float:left; margin:0 1%; box-shadow:0 0 10px rgba(0,0,0,0.1); line-height:80px;}
.crumbs li p{ text-align:center; font-size:20px;}
.crumbs li:hover{ background:url(../Image/about_icon6.png) right center no-repeat #0095eb;}
.crumbs li:hover p{ color:#fff;}
.crumbs li.active{ background:url(../Image/about_icon6.png) right center no-repeat #0095eb;}
.crumbs li.active p{ color:#fff;}
.crumbs .inner_about1 p{ background:url(../Image/about_icon1.png) left 30px center no-repeat;}
.crumbs .inner_about2 p{ background:url(../Image/about_icon2.png) left 30px center no-repeat;}
.crumbs .inner_about3 p{ background:url(../Image/about_icon3.png) left 30px center no-repeat;}
.crumbs .inner_about4 p{ background:url(../Image/about_icon4.png) left 30px center no-repeat;}
.crumbs .inner_about5 p{ background:url(../Image/about_icon5.png) left 30px center no-repeat;}
.crumbs .contact_icon1 p{ background:url(../Image/contact_icon1.png) left 30px center no-repeat;}
.crumbs .contact_icon2 p{ background:url(../Image/contact_icon2.png) left 30px center no-repeat;}
.crumbs .newstype1 p{ background:url(../Image/newstype1.png) left 30px center no-repeat;}
.crumbs .newstype2 p{ background:url(../Image/newstype2.png) left 30px center no-repeat;}

.crumbs .inner_about1:hover p{ background:url(../Image/about_icon1-1.png) left 30px center no-repeat;}
.crumbs .inner_about2:hover p{ background:url(../Image/about_icon2-1.png) left 30px center no-repeat;}
.crumbs .inner_about3:hover p{ background:url(../Image/about_icon3-1.png) left 30px center no-repeat;}
.crumbs .inner_about4:hover p{ background:url(../Image/about_icon4-1.png) left 30px center no-repeat;}
.crumbs .inner_about5:hover p{ background:url(../Image/about_icon5-1.png) left 30px center no-repeat;}
.crumbs .contact_icon1:hover p{ background:url(../Image/contact_icon1-1.png) left 30px center no-repeat;}
.crumbs .contact_icon2:hover p{ background:url(../Image/contact_icon2-1.png) left 30px center no-repeat;}
.crumbs .newstype1:hover p{ background:url(../Image/newstype1-1.png) left 30px center no-repeat;}
.crumbs .newstype2:hover p{ background:url(../Image/newstype2-1.png) left 30px center no-repeat;}


.crumbs .inner_about1 .active p{ background:url(../Image/about_icon1-1.png) left 30px center no-repeat;}
.crumbs .inner_about2 .active p{ background:url(../Image/about_icon2-1.png) left 30px center no-repeat;}
.crumbs .inner_about3 .active p{ background:url(../Image/about_icon3-1.png) left 30px center no-repeat;}
.crumbs .inner_about4 .active p{ background:url(../Image/about_icon4-1.png) left 30px center no-repeat;}
.crumbs .inner_about5 .active p{ background:url(../Image/about_icon5-1.png) left 30px center no-repeat;}
.crumbs .contact_icon1 .active p{ background:url(../Image/contact_icon1-1.png) left 30px center no-repeat;}
.crumbs .contact_icon2 .active p{ background:url(../Image/contact_icon2-1.png) left 30px center no-repeat;}
.crumbs .newstype1 .active p{ background:url(../Image/newstype1-1.png) left 30px center no-repeat;}
.crumbs .newstype2 .active p{ background:url(../Image/newstype2-1.png) left 30px center no-repeat;}


.inner_about1{ margin:80px auto;}
.inner_about_top{ margin-bottom:40px;}
.inner_about_top b{ font-size:36px; color:#1d1d1d;}
.inner_about_top p{ font-size:26px; color:#727272; margin:0; font-family:Roboto; text-transform:uppercase;}
.inner_about1_img{ width:32%; float:left;}
.inner_about1_img img{ width:100%;}
.inner_about1_con{ float:right; width:58%; background:#edf3f9; padding:3%;}
.inner_about1_con p{ font-size:16px; color:#383838; line-height:25px;}
.inner_about1_con p b{ display:block; font-size:24px; color:#383838; margin-bottom:20px;}
.about_icon8{ float:right; margin-top:20px;}
.about_icon7{ margin-bottom:20px;}
.inner_about_content{ line-height:30px; color:#353535; font-size:18px; font-family:"微软雅黑"; margin-top:40px;}



/******************************about end************************/



.inner_qywh{ margin-top:80px; background:url(../Image/culture.jpg) right bottom no-repeat; padding-bottom:80px;}

.inner_qywh_main{ margin:80px 0 0 80px; width:50%;}
.inner_qywh_main li{ border-bottom:1px solid #c8c8c8; font-size:18px; color:#383838; padding-bottom:20px; margin-top:20px;}
.inner_qywh_main li p{ font-size:24px; color:#0095eb; text-transform:uppercase; margin-bottom:20px;}


/******************企业文化 end*****************/


.inner_cqhj{ margin:80px auto;}

.cqhj li{width:31.3%;float:left;margin:1%;background:#FFF;position:relative;cursor:pointer; overflow:hidden;-webkit-transition:all 0.4s;transition:all 0.4s; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.cqhj li .img{position:relative;overflow:hidden;}
.cqhj li .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.cqhj li:hover .img img{transform:scale(1.08);}
.cqhj li .title{ font-size:18px;line-height:30px; font-weight:bold; padding:20px 0; text-align:center; color:#2d2d2d;-webkit-transition:all 0.4s;transition:all 0.4s;}

/**************************cqhj end**********************/


.inner{ margin:80px auto; overflow:hidden;}

.inner_honor li{width:23%;float:left;margin:1%;background:#f4f5f6;position:relative;cursor:pointer; overflow:hidden;-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_honor li .img{position:relative;overflow:hidden; margin-top:20px;}
.inner_honor li .img img{max-width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_honor li .title{ font-size:18px;line-height:30px; padding:20px 0; text-align:center; color:#2d2d2d;-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_honor li:hover{ background:#0095eb;}
.inner_honor li:hover .img img{transform:scale(1.08);}
.inner_honor li:hover .title{ color:#fff;}


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




.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%; border:1px solid #023063; margin-bottom:10px;
	border-bottom: 1px solid #023063;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
			transition: .3s ease;
}
.list>ul>li p[class=title]{
	width      : 75%;
	text-align : center;
	height     : auto;
	line-height: 30px;
	padding    : 0;
	border     : none;
	position   : relative;
	font-size  : 16px; padding:10px 10% 10px 15%;
}
.list>ul>li p[class=title]>span{position: absolute;left: 10px; top:10px; font-size:20px;}
.list-se{overflow: hidden;display: none;}
.list-se>p{background:#0095eb;color:#fff;}
.list-se>p a{ 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:#0078be;color:#fff;
}
.list-se>li>p{
	color       : #fff;
	height      : auto;
	-webkit-box-sizing :border-box;
	        box-sizing :border-box;
	line-height : 30px;
	padding:10px;
	-webkit-transition   : border .5s; 
			 transition  : border .5s;
	-webkit-transition   : background .3s;
			 transition  : background .3s;
}
.list-se>li>p>a{ color:#fff;}
.list-se>li>p>a:hover{ color:#ffc600;}

.inner_pro_main{ width:75%; float:right;}
.inner_pro_main ul{ padding:0;}
.inner_pro_main .pro li{ float:left; width:31.3%; margin:1%; background:#fff;-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_pro_main .pro li .pro_con {line-height:30px; height:60px; overflow:hidden; margin-top:20px;}
.inner_pro_main .pro li .pro_con .pro_con_tit{ font-size:18px; color:#2d2d2d; font-weight:bold; overflow:hidden; float:left;}
.inner_pro_main .pro li .pro_con .pro_con_more{ color:#2d2d2d; font-size:15px; overflow:hidden; float:right;}
.inner_pro_main .pro li .pro_line{ width:100%; height:1px; background:#dadada; position:relative; margin:20px 0;}
.inner_pro_main .pro li .pro_line p{ width:6px; height:1px; background:#0095eb; margin:0;}
.inner_pro_main .pro li .img{-webkit-transition:all 0.4s;transition:all 0.4s; overflow:hidden;}
.inner_pro_main .pro li .img img{ width:100%;-webkit-transition:all 0.4s;transition:all 0.4s;}

.inner_pro_main .pro li:hover .img img{transform:scale(1.08);}




.pro_info{ width:75%; float:right;}
.proleft { width: 40%; float:left;}
.proleft .swiper-list{margin-top:50px;padding-bottom:50px;overflow:hidden;position:relative;}
.proleft .swiper-list .swiper-slide{padding:0 30px;background:#FFF;position:relative;cursor:pointer;}
.proleft .swiper-list .swiper-slide .img{margin:20px 0;position:relative;overflow:hidden;}
.proleft .swiper-list .swiper-slide .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.proleft .swiper-list .swiper-slide:hover .img img{transform:scale(1.08);}

.proleft .swiper-list .swiper-slide .line{width:100%;height:1px;display:block;background:#ddd;}

.gallery-top{width:100%;position:relative;}
.gallery-top .swiper-slide{width:100%;display:block;}
.gallery-top .swiper-slide img{width:100%;display:block;}
.gallery-top .swiper-button-prev{left:6px;}
.gallery-top .swiper-button-next{right:6px;}
.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{width:66px;height:66px;}


.product_img_right{width:100%;margin-top:40px;}
.gallery-thumbs{width:100%;padding-right:5px !important;padding-top:6px !important;margin-left:0 !important;}
.gallery-thumbs p{font-size:16px;color:#999;line-height:32px;margin-bottom:10px;}
.gallery-thumbs .swiper-slide{border:1px solid #eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.gallery-thumbs .swiper-slide img{width:100%;display:block;}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:2px solid #333;}
.gallery-thumbs .swiper-slide-thumb-active:before{
    content: '';
    display: block;
    width: 0;
    border: 6px solid transparent;
    border-bottom-color: #333;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}


.proright { width: 55%; padding-bottom:20px; float:right; border-bottom:1px solid #dcdcdc; }
.proright h3{ border-bottom:1px solid #dcdcdc; color:#000000; font-size:24px; padding-bottom:20px; margin-bottom:20px; margin-top:0; font-weight: bold;}
.pro_des{ color:#666666; margin-bottom:50px; line-height:30px; margin-top:30px;}
.pro_des_tit{ position:relative; margin-bottom:40px;}
.pro_des_tit p{ font-size:24px; color:#000; font-weight:bold; margin:0; position: relative; z-index:9;}
.pro_des_tit .pro_line{ height:11px; background:#c9c9c9; position:absolute; width:106px; bottom:-1px;}

.pro_tel{ background:url(../Image/p14.jpg) left center no-repeat; font-size:16px; color:#666666; padding-left:50px; float:left;}
.pro_tel p{ font-size:24px; color:#0095eb; font-weight:bold; margin:0;}
.pro_contact{ background:#0095eb; width:188px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:5px; float:right;}
.pro_info_main{ margin-top:80px;}
.pro_info_top{ overflow:hidden; color:#282828; font-size:24px; font-weight: bold; margin-bottom:20px;}
.pro_info_top span{ border-left:4px solid #1043b0; padding-left:20px;}

.product_recommend{ margin:50px 0;}
.product_recommend ul{ margin-top:50px;}
.product_recommend li{ width:22%; float:left; margin:1%; background:#fff;}
.product_recommend li .img{ width:100%; margin:0 auto;}
.product_recommend li .img img{ width:100%;transition: all 0.5s ease-in-out 0s;}
.product_recommend li p{ text-align:center; line-height:30px; height:30px; overflow:hidden; border-top:1px solid #dcdcdc; color:#1f1f1f; font-weight:bold; padding-top:20px; width:80%; margin:0 auto; margin-top:30px;}
.product_recommend li:hover p{ color:#004a9a;}
.product_recommend li:hover img{transform: scale(1.1);}


.inner_content{ font-size:16px; line-height:30px;}
.inner_content p{ margin:0;}


/*************************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(../Image/news2.png) left center no-repeat;}
.inner_news_status .click{ background:url(../Image/news3.png) left center no-repeat;}

.news ul li{width:30%;margin-right:1.5%; margin-left:1.5%;margin-top:4%;overflow:hidden;float:left;background:#FFF; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.news ul li img{width:100%;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.news ul li .news1_tit{ font-size:20px; color:#727272; height:30px; line-height:30px; overflow:hidden; margin-bottom:20px;}
.news ul li .news1_date{ color:#727272; font-size:18px;  line-height:30px; float:left; }
.news ul li .news1_more{ }
.news ul li .txt{padding:30px 30px 40px;-webkit-transition:all 0.4s;transition:all 0.4s; overflow:hidden;}
.news ul li:hover{color:#FFF;background:#0095eb;}
.news ul li:hover .news1_tit{ color:#fff;}
.news ul li:hover .news1_date{ color:#fff;}

.news ul li:hover img{
	transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -webkit-transform: translateY(-28px);
    -o-transform: translateY(-28px);
}
.news ul li:hover .txt{
	transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -webkit-transform: translateY(-28px);
    -o-transform: translateY(-28px);
}




.zxrz_l{ margin-top:60px;}
.newshow .newshowtit {
  text-align: center;
  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%;}



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


.case li{ width:49%; float:left; background:url(../Image/case2.png) right bottom no-repeat #f4f5f6; line-height:75px; height:75px; margin-bottom:20px; color:#242424; overflow:hidden;}
.case li:nth-child(2n){ float:right;}
.case li p{ background:url(../Image/case1.png) left 20px center no-repeat; padding-left:60px;height:75px; overflow:hidden;}
.case li:hover{ background:url(../Image/case2.png) right bottom no-repeat #0095eb; color:#fff;}
.case li:hover p{ background:url(../Image/case1-1.png) left 20px center no-repeat;}









.inner_contact_bj{ background:#f7f7f7; padding-bottom:80px;}
.inner_contact{ background:#fff;}
.contact_main{ width:40%; padding:5%; float:left;}
.contact_top{ font-size:15px; color:#6f6f6f;}
.contact_top p{ font-size:30px; font-weight:bold; color:#0095eb;}
.contact_top .contact_line{ width:13px; height:1px; background:#7f7f7f; margin:20px 0;}
.contact_main ul{ float:left; width:70%;}
.contact_main ul li{ color:#343434; line-height:30px; font-size:15px;}

.contact_main .cop{ float:right; width:25%; text-align:center;}
.contact_main .cop img{ width:95%; border:5px solid #0095eb;}

.contact-map{ width:50%; position:relative; float:right;}
#dituContent{ width:100%; height:437px;}

.inner_contact_right{ width:35%; float:right; margin-right:10%;height:830px;}
.inner_contact_top{ color:#1f1f1f; font-size:36px; font-weight:bold; border-bottom:1px solid #b8b8b8; margin-top:30px; }
.inner_contact_top p{ color:#0095eb; font-size:18px; text-transform:uppercase;}


.inner_contact_right ul{ padding:0;}
.inner_contact_right ul li{ border-bottom:1px solid #b8b8b8; font-size:16px; color:#636363; padding:20px 0 20px 60px;}

.inner_message{ overflow:hidden;}
.inner_message_left{ width:30%; float:left; font-size:16px; color:#878787;}
.inner_message_email{ border-bottom:1px solid #dedede; border-top:1px solid #dedede; font-size:16px; color:#727272; padding:10px 0; margin-top:30px;}
.inner_message_email b{ display:block; font-size:18px; color:#141414;}

.inner_message_main{ width:65%; float:right;}
.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%; background:#f5f6f7; padding-left:10px;}
.inner_message_main .input-group input{ border:1px solid #e3e3e3;line-height:58px; color:#898989; outline:none; width:100%; background:#f5f6f7; padding-left:10px;}
.inner_message_main #content{ width:100%; height:100px;}
.inner_message_main #captcha{ float:left; width:75%;}
.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:#0095eb; 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:#0095eb;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: #0095eb;
  background: #0095eb;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../Image/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../Image/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(../Image/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../Image/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;
	}
}