@charset "utf-8";
/* CSS Document */

/*===========================1200px=========================================*/
@media screen and (min-width: 1201px) {
.qm_mainb{width:84%; margin: 0px auto;}
	.head_dh li{float:left;padding:10px 2.42%;}
	.fkm_headdh li{font-size:20px;}
	.fld_logo{width:15%;  padding: 4px 0px; float: left;background: #000; text-align: center; padding-bottom: 25px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
	.fld_logo img{max-width:140px; background: #000;}
	.qm_head{height:89px;}
	.fld_dh{width:77%; float: right;}
	.fld_topr{width:8%;}
	.fld_topr li{width:50%; font-size:18px; padding: 29px 0px;  float: left; text-align: center;}
	.fld_dh li a{padding:30px 20px; font-size:16px; float: left;}
	.m_top{margin-top:65px;}
	.yc_dh{top:89px; width:300px; background:#d9291c;}
	.yc_dh dd{width:100%; float: left;}
	.fld_dh li .yc_dh dd a{padding:10px 15px;}
	.axon_sya{text-align:center; padding-top:40px; margin-bottom: 50px;}
	.axon_sya h1{font-size:42px;font-family: 'Poppins-SemiBold'; font-weight: 700;}
	.axon_sya dd{width:70px; height: 5px; background:#bb2010; margin: 10px auto;}
	.axon_syb{padding:20px 3%; margin-bottom: 40px;}
	.axon_syba{width:50%; padding: 0px 3%; position: relative;  float: left;margin-bottom: 30px; }
	.axon_syba1{width:30%; margin-top: 7px; float: left;}
	.axon_syba1 img{width:70%; border-radius: 12px;}
	.axon_syba2{width:66%; position: relative;  float: right;}
	.axon_syb{margin-top:30px;}
	.axon_syba2 h1{font-size:20px; padding-bottom:10px; height: 109px;}
	.axon_syba2cn h1{height:auto;}
	.sy_tjcp{width:32.33%; overflow: hidden;margin-bottom: 20px;}
	.m_left{margin-left:1.5%;}
	.sy_tjcpb{padding:15px 20px; text-align: center;}
	.sy_tjcpb dd{font-size:16px;color:#777;font-family: 'Poppins';}
	.sy_tjcpc{padding: 16% 5%; text-align: center;}
	.sy_tjcpc img{margin-bottom:40px; }
	.sy_tjcpc dd{font-size:22px;}
	.sy_tjcpc dd span{border:1px solid #fff; padding: 10px 30px; border-radius: 500px;}
	.more_a{margn-bottom:50px; margin-top: 40px; text-align: center; font-size:20px;}
	.more_a a{ padding: 10px 35px;}
	.more_a a span{padding-left:20px;}
	.cp_mian{padding-bottom:60px;}
	.sy_tjcpb h1{font-size:20px; height: 65px; margin-top: 8px; margin-bottom: 15px;}
	.f_dha{width:19%; margin-bottom:50px;color:#fff;  float: left;}
	.db_ff{padding-top:5%;}
	.f_dhb{width:42%; position: relative;float: right;}
	.f_dhb img{width:150px; position: absolute; right: 0px; bottom: 0px;}
	.f_dha h1{font-size:30px; font-family: 'Poppins-SemiBold'; font-weight: bold;color:#fff; margin-bottom: 30px;}
	.f_dha dd{font-size:18px; line-height: 40px;}
	.n_btt{padding:0% 5%;color:#fff;top:30%; width: 100%; text-align: center; position: absolute;}
	.n_btt h1{font-size:56px;font-family: 'Poppins-SemiBold';}
	.n_btt dd{font-size:18px; padding-top: 20px;}
	.das_fenda{width:20%; float: left;}
	.das_fendb{width:60%; float: left; line-height: 100px;}
	.das_fendc{width:20%; float: right;line-height: 100px; text-align: right;}
	.das_fenda .ewm{max-height:103px;}
	.das_fenda li{width:50%; float: left;}
.skh_xpemail button{height:55px; }
	.sy_news{width:32.33%; float: left; border-radius: 20px;}
	.sy_newsa,.sy_newsc{padding:20px 30px;}
	.sy_newsa h1,.sy_newsc h1{font-size:20px; line-height: 28px; padding-top: 10px;}
	.sy_newsc{font-size:18px; line-height: 30px;}
	.cp_mianb{padding:50px; text-align: center; font-size:42px;}
	.wh_syjjl{padding:45px 0px;}
	.unti_lb a{padding:18px 35px;  font-size:20px; margin: 0px 15px;}
	.unti_lb{margin-top:50px; margin-bottom: 40px;}
	.wh_syjjla h1{font-size:42px; padding-bottom: 20px;}
	.wh_syjjlb{font-size:18px; line-height: 32px;}
	.das_newsb{margin-top:2%; padding: 2% 0px; border-bottom: 1px solid #eee; transition: all 0.6s;}
	.das_newsba{width:12%; font-size:28px; padding-top: 2%; float: left; transition: all 0.6s;}
	.das_newsbb{width:63%; position: relative;float: left; padding:0px 5% ;border-left: 1px solid #e2e2e2;}
	.das_newsbb h1{font-size:22px; font-weight: bold; padding-bottom: 15px;}
	.das_newsbb p{font-size:18px; line-height: 32px;}
	.das_newsbc{width:25%; float: left; }
	.das_newsbb dd{display:block;width: 4px; height: 50px; transition: all 0.6s; background:#666; position: absolute; top: 18%; left: -2px;}
	.das_newsb:hover .das_newsbb dd{height:90px;background:#0556b1; top:5%;}
	.das_newsb:hover .das_newsba{padding-left:3%;}
	.das_newsb:hover{box-shadow: -2px 0px 3px 1px rgba(0, 0, 0, 0.12);border-radius: 9px;}
	
	.wm_newsread{width:100%; float: left; padding: 30px; border: 1px solid #eee; margin-top: 4%; margin-bottom: 5%;} 
	.wm_newsreada{text-align:center; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #e1e1e1;}
	.wm_newsreada h1{font-size:26px; font-weight: 700; padding-bottom: 15px;}
	.wm_newsreada span{padding:0px 20px; font-size:16px; color:#777;}
	.wm_newsreada span font{padding-right:10px;}
	.wm_newsreadb {font-size:18px; line-height: 30px;}
	.wm_newsreadb p{margin-bottom:20px;}
	.wm_newsreadb p img{max-width: 100%;}
	.news_sxp{width:50%; float: left; margin-top: 50px; font-size:18px;}
	.news_sxpa{text-align:right;}
	.news_sxp span{font-weight:700; padding-right: 8px;}
	.lx_maina{margin-top:30px;}
	.lx_mu{padding:0px 8%;}
	.lx_left{width:27%; float: left;}
	.lx_right{width:71%; float: right; background: #fff; padding: 20px;}
	.lx_lefta{padding:20px;}
	.lx_lefta1{width:25%; line-height: 95px; float: left; background: #f1f1f1; text-align: center; font-size:28px;}
	.lx_lefta2{width:71%; float:right;}
	.lx_lefta2 h1{font-size:22px;}
	.lx_lefta2 dd{font-size:16px; line-height: 30px;}
	.zxly_main{background: #fff; padding: 20px; margin-bottom: 50px;}
	.zxly_maina{font-size:28px;font-family: 'Poppins-SemiBold'; margin-bottom: 28px;}
	.zxly_mainb1 dd{width:49.25%; float: left;}
	.zxly_mainb1,.zxly_mainb2,.zxly_mainb3{margin-bottom:20px;}
	.zxly_mainb input,.zxly_mainb textarea{padding:20px;}
	.zxly_mainb textarea{height:150px;}
	.zxly_mainb4{text-align:center;}
	.zxly_mainb4 button{width:200px; height: 50px; border: 0px; background: #111; color:#fff;font-size:20px;font-family: 'Poppins-SemiBold';}
	.cplist_main{padding:70px 0px;}
	.cp_left{width:20%; float: left;}
	.cp_right{width:100%; padding: 30px; background: #fff; float: right;}
	.cp_leftimg{width:50%; float: left;}
	.cp_xqa{width:45%; float: right; }
	.cp_xqaa{font-size:36px;font-family: 'Poppins-SemiBold'; }
	.cp_xqab{margin-bottom:30px; font-size:16px; line-height:28px;font-family: 'Arial';word-wrap: break-word; /* 允许在长单词内部换行 */
  word-break: break-all;}
	.cp_leftimgv{width:100%; float: left; position: relative;}
	.cp_xqac{width:100%; float: right;bottom:20%; right: 0px;}
	.cp_xqac a{padding:12px 20px; font-size:18px; margin-right: 10px; float: left; margin-bottom: 20px;}
	.cp_xqac .lx{border:1px solid #111;}
	.cp_xqac p a{border:1px solid #111; padding: 6px; border-radius: 3px;}
	.cp_xqac .xp,.cp_xqac button{background:#d9291c; padding: 13px 30px;}
	.cpxq_menu{margin-top:30px;}
	.cp_imgxp img,.sl_right li img{width:100%;}
.cp_xqac button{border:0px; color:#fff; font-family: 'Poppins';}
.cpxq_menu .layui-tab-title .layui-this{background:#222;}
.cp_xqac p,.cpxq_menu{width:100%; float: left;}
.xkh_nyss input:hover,.xkh_nyss select:hover{box-shadow:0px 2px 7px rgba(195,4,4,0.5);}
.tjss button:hover{background:#c30404;}
.cp_xqac .xp:link,.cp_xqac .xp:visited{color:#fff;}
	#page a,#page span{ float: left; font-size:18px; border: 1px solid #eee; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; margin: 0px 10px; background: #fff;}
	#page{margin-top:40px; margin-bottom: 50px; width: 100%; float: left; text-align: center;}
	#page .home_a{width:80px;}
	.cp_xqac button{font-size:18px;}
	.cp_xqac button span{padding-right:10px;}
	#zxly_menua{padding:0px 20%;}
	.zxly_menuaa{box-shadow: 1px 1px 50px rgba(0,0,0,.3); background: #111; width: 100%; float: left;}
	.cp_imgxp{width:40%; float: left; padding:15% 3%;}
	.zxly_menuc{width:60%; float: right;padding: 30px;  background: #fff;}
	.h_tt{font-size:20px;margin-bottom: 18px;}
	.zxly_menuc input,.zxly_menuc  textarea { padding:15px 20px; width: 100%;}
	.zxly_menuc  textarea {width:100%; float: left; padding: 20px; border:1px solid #333;}
	.zxly_menuc dd{margin-bottom:18px; width: 49.25%; float: left;}	
	.zxly_menuc input{width:35%; float: left;}
	.zxly_menucc input{margin-top:15px; margin-right: 20px;}
	.zxly_menucc img{margin-top:18px;}
	.zxly_menud button{margin-top:18px; line-height: 40px;}
	.cp_xqaa h1{font-size:24px;font-family: 'Poppins-SemiBold'; margin-bottom: 30px;}
	.cp_xqaa dd{font-size:30px;font-family: 'Poppins';}
.swiper-container{width:100%;height:300px;margin-left:auto;margin-right:auto}
.swiper-slide{background-size:cover;background-position:center; }
.gallery-top{height:80%;width:100%}
.gallery-thumbs{height:20%;box-sizing:border-box;padding:10px 0}
.gallery-thumbs .swiper-slide{width:25%;height:100%;opacity:.4}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1; overflow: hidden;}
.ximg_xt{margin-top:30px;}
.ximg_xt .swiper-slide{margin-bottom:20px; cursor: pointer;}
	.yc_dhc{width:435px;}
	.wap_dh,.yy_xz{display:none;}
	.das_newsb{width:100%; float: left;}
	.my-map { margin: 0 auto; width:100%; height:570px; }
	.fld_dh li:hover .yc_dh,.sy_tjcp:hover .sy_tjcpc{display:block;animation: hideIndex 0.3s;  -moz-animation: hideIndex  0.3s; -webkit-animation: hideIndex  0.3s;  -o-animation: hideIndex  0.3s;}
	.fujian_cn{width:100%; float: left;}
	.fujian_cn a{font-weight:bold;}
	.fld_video{width:100%; float: left; padding: 3.5% 0px;}
	.fld_video li{float:left; margin: 20px 1%; width: 23%; text-align: center;}
	.fld_video li h1{padding:10px 0px; background: #f1f1f1; font-size:20px; font-weight: bold;}
	
}

/*================================1580======================================*/
@media screen and (min-width: 1600px) {
		.fld_dh li a{padding:30px 30px; font-size:18px; float: left;}
	.sy_tjcpb h1{font-size:20px; margin-top: 8px; margin-bottom: 15px; height: auto;}.fld_dh{width:75%; float: right;}

}
.fujian_cn a:link,.fujian_cn a:visited{color:#d9291c; }
.unti_lb .l_a{background:#d9291c;}
.unti_lb .l_a:link,.unti_lb .l_a:visited{color:#fff;}
.cp_wz img{max-width:100%;}
.wh_syjjlb img{width:100%;}
.zxly_menud button{width:100%;color:#fff; border: 0px; background:#d9291c;}
.zxly_menuc  textarea,.zxly_menuc input {width:100%; float: left;  border:1px solid #333;}
.zxly_menucc input{width:35%; float: left;}
.h_tt{color:#222;}
#zxly_menua{display:none;}
.zxly_mainb input,.zxly_mainb textarea{width:100%; border: 0px; background: #f1f1f1; }
.lx_lefta{width:100%; float: left; margin-bottom: 20px; background: #fff;}
.n_btt dd a:link,.n_btt dd a:visited{color:#fff;}
.sy_news{transition: all 0.6s;}
.sy_news:hover{box-shadow:0px 2px 14px rgba(0,0,0,0.17);}
.sy_newsa{color:#777;}
.sy_newsa h1,.sy_newsc h1,.wh_syjjla h1{color:#222;transition: all 0.6s; font-family: 'Poppins-SemiBold';}
.sy_news:hover .sy_newsa h1{color:#d9291c;}
.lx_lefta2 h1{font-family: 'Poppins-SemiBold';}
.sy_news{background:#f3f7fa;}
.fld_logo img{width:100%;}
.qm_head{position:fixed; z-index: 888;}
.fld_topr{position:absolute; top: 0px; right:0px; background: #d9291c;}
.fld_topr li button{background:none; font-size:24px; border: 0px; color:#fff;}
.fld_topr li a:link,.fld_topr li a:visited{color:#fff;}
.fld_dh li{float:left; transition: all 0.6s; position: relative;text-transform: uppercase;font-family: 'Poppins-SemiBold';}
.fld_dh li a:link,.fld_dh li a:visited{color:#fff;}
.fld_dh li .yc_dh{text-transform:none;}
.fld_dh li:hover{background: #d9291c;}
.fld_dh li .yc_dh dd a,.fld_dh li a{transition:all 0.6s;}
.fld_dh li .yc_dh dd:hover a{padding:10px 20px; text-shadow: 0px 2px 7px rgba(0,0,0,0.12);}
.yc_dh{position:absolute; display: none;transition: all 0.6s; }

.axon_sya p{font-family: 'Poppins'; padding-top: 10px;color:#777;}
.axon_syb{width:100%; float: left; }
.axon_syba2 h1,.sy_tjcpb h1{font-family: 'Poppins-SemiBold';}
.sy_tjcp{position: relative;float: left; background: #fff;}
.sy_tjcpc{position:absolute; transition: all 0.6s; top:0px; left:0px;height: 100%; width:100%; background-color:rgba(0,0,0,0.5); display: none;}
.sy_tjcpc a:link,.sy_tjcpc a:visited{color:#fff;}
.more_a a{border-radius: 500px;background:#d9291c;}
.more_a a:link,.more_a a:visited{color:#fff;}




/*================================wap=======================================*/
/*moble*/
@media screen and (max-width: 1200px) {
	.yx_fwa{width:28%; margin-top: 30px; padding: 30px; float: left; background: #fff; border-radius: 10px;}
	.yx_fwa1 h2{font-size:30px; padding-bottom: 10px;}
	.yx_fwa1 dd{font-size:16px;color:#777; margin-bottom: 20px;}
	.yx_fwa2 p,.yx_fwa2 p input{width:100%; float: left;}
	.yx_fwa2 p input{padding:15px; border-radius: 8px; margin-bottom: 10px;     background: #f9f9f9; border: 1px solid #eee;}
	.yx_fwa2 button{width:100%; border: 0px; height: 66px; margin-bottom: 10px; background: #0a4bcd; font-size:20px; color:#fff;}
	.yx_fwa2 dd{font-size:16px; color:#777;}
	.yx_fwb{width:70%; float: right; margin-top: 30px;}
	.fw_left{margin-left:2.5%;}
	.yx_fwba{width:48.5%; position: relative; overflow: hidden;float: left; height: 207.5px; background: #fff; padding: 25px 30px; margin-bottom:30px;}
	.yx_fwba img{position:absolute; bottom:0px;}
	.yx_fwba h1{font-size:26px;}
	.yx_fwba p{font-size:16px; color:#777; padding-top: 10px;}
	.fld_logo{width:40%; float: left; margin-left: 4%; margin-top: 6px;}
	.fld_topr,.auto_kf{opacity:0;}
	.wap_dh{width:20%; font-size:20px; float: right; text-align: center; background:#d9291c;color:#fff; cursor: pointer; line-height: 70px;}
	.fld_dh{width:100%; background: #111; float: left; padding: 20px 4%;}
	.fld_dh li{width:100%; float: left; border-bottom:1px solid #1b1b1b; line-height: 40px;}
	#unti_main{display:none;}
	.m_top{margin-top:17%;}
	.axon_sya{text-align:center; padding-top:20px; margin-bottom: 30px;}
	.axon_sya h1{font-size:28px;font-family: 'Poppins-SemiBold'; font-weight: 700;}
	.axon_sya dd{width:70px; height: 5px; background:#bb2010; margin: 10px auto;}
	
	.axon_syba{width:100%; padding: 0px 4%; position: relative;  float: left;margin-bottom: 30px; }
	.axon_syba1{width:30%; margin-top: 7px; float: left;}
	.axon_syba1 img{width:70%; border-radius: 12px;}
	.axon_syba2{width:66%; position: relative;  float: right;}
	.axon_syb{margin-top:30px;}
	.axon_syba2 h1{font-size:18px; padding-bottom:10px;}
	.sy_tjcp{width:92%; border-radius: 8px; float: left; margin: 10px 4%; background: #fff; text-align: center;}
	.sy_tjcpb h1{font-size:18px;}
	.sy_news{background:#f3f7fa;width:92%; border-radius: 8px; float: left; margin: 10px 4%;}
	.sy_newsa,.sy_newsc{padding:20px 30px;}
	.sy_newsa h1,.sy_newsc h1{font-size:18px; line-height: 28px; padding-top: 10px;}
	.sy_newsc{font-size:16px; line-height:26px;}
	.more_a{margn-bottom:50px; width: 100%; float: left; margin-top: 40px; text-align: center; font-size:18px;}
	.more_a a{ padding: 6px 35px; float: left; margin-bottom: 20px; margin-left: 25%;}
	.more_a a span{padding-left:20px;}
	.cp_mianb{padding:50px; text-align: center; font-size:22px;}
	.f_dha {width:100%; float: left; padding: 15px 4%;color:#fff;}
	.f_dha h1{font-size:26px; font-family: 'Poppins-SemiBold'; font-weight: bold;color:#fff; margin-bottom: 20px;}
	.f_dha dd{font-size:16px; line-height: 34px;}
	.skh_fx{font-size:20px; text-align: center; width: 100%; float: left;}
	.das_fenda{display:none;}
	
	.n_btt{padding:0% 5%;color:#fff;top:11%; width: 100%; text-align: center; position: absolute;}
	.n_btt h1{font-size:22px;font-family: 'Poppins-SemiBold';}
	.n_btt dd{font-size:14px;}
	.unti_lb{width:100%; float: left; margin-top: 30px;}
	.unti_lb a{padding:10px 20px;}
	.wh_syjjl{width:100%; float: left; padding: 10px 4%;}
	.wh_syjjla{width:100%; float: left; margin-top: 30px;}
	#page a,#page span{ float: left; font-size:14px; border: 1px solid #eee; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0px 5px; background: #fff;}
	#page{margin-top:40px;  padding: 0px 4%; margin-bottom: 50px; width: 100%; float: left; text-align: center;}
	#page .home_a{width:80px;}
	.cp_xqa{width:100%; float: left; padding: 10px 4%;}
	
	.cp_xqac a{padding:12px 20px; font-size:18px; margin-right: 10px; float: left; margin-bottom: 20px;}
	.cp_xqac .lx{border:1px solid #111;}
	.cp_xqac p a{border:1px solid #111; padding: 6px; border-radius: 3px;}
	.cp_xqac .xp,.cp_xqac button{background:#d9291c; padding: 13px 30px; border: 0px;color:#fff;}
	.cpxq_menu{margin-top:30px;}
	.cp_imgxp img,.sl_right li img{width:100%;}
	.cp_xqac dd,.cp_xqac p{width:100%; float: left;}
	.cpxq_menu .layui-tab-title .layui-this{background:#222;}
	.cpxq_menu{width:100%; float: left; padding: 0px 4%;}
	.das_newsb{width:92%; margin: 10px 4%; float: left; }
	.das_newsbb h1{font-size:20px; padding-bottom: 10px;font-family: 'Poppins-SemiBold';}
	.unti_lb a{display:block; width: 100%; float: left; margin-bottom: 5px;}
	.unti_lb {width:100%; float: left; padding: 0px 4%;}
	
	.wm_newsread{width:100%; float: left; padding:20px 4%; border: 1px solid #eee; margin-top: 4%; margin-bottom: 5%;} 
	.wm_newsreada{text-align:center; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #e1e1e1;}
	.wm_newsreada h1{font-size:22px; font-weight: 700; padding-bottom: 15px;}
	.wm_newsreada span{padding:0px 20px; font-size:14px; color:#777;}
	.wm_newsreada span font{padding-right:10px;}
	.wm_newsreadb {font-size:16px; line-height: 30px;}
	.wm_newsreadb p{margin-bottom:20px;}
	.wm_newsreadb p img{max-width: 100%;}
	.news_sxp{width:100%; float: left; margin-top:20px; font-size:16px;}
	.news_sxp span{font-weight:700; padding-right: 8px;}
	
	.lx_lefta{padding:20px;}
	.lx_lefta1{width:25%; line-height: 95px; float: left; background: #f1f1f1; text-align: center; font-size:28px;}
	.lx_lefta2{width:71%; float:right;}
	.lx_lefta2 h1{font-size:22px;}
	.lx_lefta2 dd{font-size:16px; line-height: 30px;}
	.zxly_main{background: #fff; padding: 20px; margin-bottom: 50px;}
	.zxly_maina{font-size:28px;font-family: 'Poppins-SemiBold'; margin-bottom: 28px;}
	.zxly_mainb1 dd{width:49.25%; float: left;}
	.zxly_mainb1,.zxly_mainb2,.zxly_mainb3{margin-bottom:20px;}
	.zxly_mainb input,.zxly_mainb textarea{padding:20px;}
	.zxly_mainb textarea{height:150px;}
	.zxly_mainb4{text-align:center;}
	.zxly_mainb4 button{width:200px; height: 50px; border: 0px; background: #111; color:#fff;font-size:20px;font-family: 'Poppins-SemiBold';}
	
	.lx_right{width:100%; float: left; background: #fff; padding: 20px 4%;}
	
	.my-map { margin: 0 auto; width:100%; height:370px; }
	
	.zxly_menuc{width:100%; float: right;padding: 30px;  background: #fff;}
	.h_tt{font-size:20px;margin-bottom: 18px;}
	.zxly_menuc input,.zxly_menuc  textarea { padding:15px 20px; width: 100%;}
	.zxly_menuc  textarea {width:100%; float: left; padding: 20px; border:1px solid #333;}
	.zxly_menuc dd{margin-bottom:18px; width: 49.25%; float: left;}	
	.zxly_menuc input{width:100%; float: left;}
	.zxly_menucc input{margin-top:15px; margin-right: 20px;}
	.zxly_menucc img{margin-top:18px;}
	.zxly_menud button{margin-top:18px; line-height: 40px;}
	#xly_menua{width:100%; float: left;}
	.cp_imgxp{display:none;}
	
	.zxly_menucc input{width:35%; float: left;}
	
}

@keyframes hideIndex{
0%{ opacity: 0; transform: translate(0, 100%) }
100%{opacity: 1; transform: translate(0, 0) }
}

@keyframes hideIndexa{
0%{ opacity: 0; transform: translate(100%, 0) }
100%{opacity: 1; transform: translate(0, 0) }
}