@charset "utf-8";
/* CSS Document */
@media (max-width: 1919px) and (min-width: 768px) {
    html {
        zoom: 80%;
    }
    @-ms-viewport { width: 1920px; }
}
/*===========================1200px=========================================*/
@media screen and (min-width: 1200px) {
	.head_dh{width:800px;}
}
@media screen and (min-width: 1201px) {
	.qm_mainb{width:90%; margin: 0px auto;}
	.head_padd{width:100%;}
	.cpxq_maina{padding:0px 15%;}
	.navcss {position: fixed;top: 0px; z-index: 9999; background: #bf0008;	}
	#top{height:0px;}
	.hengxian{width:100%; height: 5px; background:#bf0008; position: absolute; top: 3%;}
	.noticeb_wap{display:none;}
	.head_logo{width:380px; float: left;padding-left: 2%; margin-top:10px; margin-bottom: 10px;}
	.head_logo img{width:100%;}
	.head_dh{width:850px; float: right;}
	.head_right{width:120px; display:none;float: right;}
	.head_right li{width:120px;border-left: 1px solid #89939d; line-height:103px; font-size:20px; float: left; text-align: center;}
	.head_dh li a{transition: all 0.6s; font-size:20px; font-family: 'Poppins-SemiBold'; }
	.head_dh li{ text-align:right; position: relative;line-height:82px;  float: left;}
	.head_dh li span{display:none; width: 0px; margin: 0px auto;  height: 4px; transition: all 0.6s; background:none; position: absolute; top: 0px;}
	.head_dh .link_hover span{ width:100%;background: #ffad01;}
	.head_dh li:hover span{ width: 100%; background: #ffad01;}
	.top_searchvv{padding:30px;}
	.qq_ma{width:20px; height:20px; display: block;border-radius: 500px; background: #fff; border: 3px solid #bf0008;}
	.top_searchvv input{padding:15px 25px;}
	.top_searchvv button{font-size:18px;}
.news_rdxx{color:#222;}
	.sy_about{padding:60px 0px;}
	.fzlc_sks h1{font-size:22px; padding: 15px 0px;}
	.fzlc_sks dd{font-size:14px;line-height: 30px;}
	.bt_ha h1{font-size:40px; font-weight: bold; padding-bottom: 12px; color:#233e6b;}
	.bt_ha dd{height:5px; width: 70px; margin: 10px auto; background: #e3e85c;}
	.sy_abouta{width:100%; float: left;  padding: 20px 15%; font-size:18px; text-align: center; line-height: 30px;}
	.wm_headr{width:190px; float: right;}
	.sy_aboutb{margin-top:40px;}
	.sy_gssla{width:33.33%; margin-bottom: 40px; float: left; text-align: center; padding: 0px 5%;}
	.sy_gssl{border:4px solid #e1e1e1; position: relative;border-radius: 20px; padding: 30px 0px;}
	.sy_gssl h2{ font-size:45px; font-weight: bold;}
	.sy_gssl h2 span{font-size:16px; color:#666; font-weight: normal; padding-left: 10px;}
	.sy_gssl dd{font-sizd:18px; line-height: 32px;}
	.sy_gssl p{width:80px; height: 7px; left: 37%; background: #f19911; bottom: -6px; position: absolute;}
	.sy_cp{padding:60px 0px;}
	.bt_ha p{padding:20px 15%; color:#fff; line-height: 30px; font-size:18px;}
	.sycp_tj{width:25%; margin-bottom: 40px; margin-top: 30px; float: left; padding: 20px 10px;}
	.sycp_tj p{ font-size:18px;}
	.sy_more{margin-bottom:70px;}
	.sy_more a{font-size:18px; transition: all 0.6s;}
	.sy_slmenu{background-image: url(../images/bgb.jpg);background-size: cover;background-position: center;}
	.sy_aboutimg{width:55%; float: left; margin-top: 90px; margin-bottom: 50px;}
	.sy_aboutimg .swiper-paginationb{text-align:center; padding-top: 15px;}
	.sy_aboutsla{width:40%; float: right;}
	.sy_sla h1{font-size:46px; padding-top:40px; padding-bottom: 10px;  font-family: 'Cambria';}
	.sy_sla p{font-size:18px; line-height: 30px;}
	.sy_sla dd{width:100px; height: 4px; background: #f19911; margin-top: 36px;}
	.sy_slb a{font-size:36px;  margin-left: 55%;}
	.sy_slc h1{ font-size:30px;}
	.sy_slc{margin-top:20px;}
	.sy_slc h1 span{font-size:16px; font-family: 'Arial'; padding-left: 10px;}
	.sy_slc p{padding-right:17%; margin-top: 25px; font-size:18px; line-height: 32px;color:#777676;}
	.sl_lx{width:54%; float: right; margin-top: -70px; padding: 20px 0px; margin-bottom: 10px;}
	.sl_lxa{width:50%; float: left;}
	.sl_lxb{width:30%; float: left;}
	.sl_lxc{width:20%; float: left;}
	.sl_lxc img{width:60px;}
	.sl_lxa h2{font-size:30px; color:#f19911; padding-bottom: 10px;}
	.sl_lxa h2 span{color:#979695; font-size:20px; padding-left: 15px;}
	.sl_lxa dd{font-size:16px; line-height: 30px;}
	.sl_lxb{font-size:22px; line-height: 70px;}
	.sy_news{padding:70px 0px;}
	.synews_aa,.synews_ab{width:50%; float: left; position:relative;}
	.synews_aa dd{font-size:16px; padding-top:4.2%; font-family: 'Arial';color:#888; padding-left: 100px;}
	.synews_aa .dw_a{font-size:120px;color:#e1e5ee; font-family: 'Aileron'; position: absolute; left: 0px; z-index: 1;}
	.synews_aa p{font-size:40px; color:#17479c; font-weight: bold; position: relative; z-index: 10; padding-left: 70px;}
	.synews_aa .dw_b{width:100px; height: 2px; background: #17479c; position: absolute; left: 33%; bottom: 20px;}
	.synews_ab a{ float:right; font-size:18px; background: #e1e1e1; padding: 15px 30px; border-radius: 8px; margin-left: 20px; margin-top: 50px; }
	.syxw_list{width:406.6px; margin-top: 40px; margin-bottom: 60px; float: left;}
	.syxw_list img{border:1px solid #eeee; padding: 15px;}
	.mg_left{margin-left:30px;}
	.syxw_lista dd{font-size:16px; padding: 15px 0px; font-family: 'Arial';}
	.syxw_listb h1{font-size:20px; font-weight: bold;padding-bottom: 10px;}
	.syxw_listb p{font-size:16px; line-height: 30px;color:#666;}
	.qm_footer{padding-top:30px;}
	.footer_dh{width:170px; margin-bottom: 30px; float: left;}
	.footer_dh h1{font-size:22px; padding-bottom: 15px;}
	.footer_dh p{width:40px; height: 2px; background: #f19911; margin-bottom: 15px;}
	.footer_dh dd{font-size:18px;color:#fff; line-height: 36px;}
	.footer_dh li{width:120px; float: left; padding: 10px;}
	.footer_dh li{margin-top:60px;}
	.footer_dhlx{width:360px;}
	.footer_ewma{width:240px;}
	.footer_enda{width:70%; float: left;}
	.footer_endb{width:30%; float: left;}
	.footer_enda{font-size:18px; line-height: 40px; padding: 10px 0px; width: 100%; text-align: center;}
	.footer_endb{text-align:right; line-height: 100px; font-size:18px;}
	#zxly_menu{display:none; padding: 30px 4%; width:92%; float: left; background:#bf0008; }
	.banner_tt{position:absolute; width:100%; top:45%;color:#fff; text-align: center; }
	.banner_tt h1{font-size:55px; text-transform: uppercase; font-family: 'Poppins-SemiBold'; }
	.banner_tt dd span{padding:0px 12px;}
	.banner_tt p{font-size:18px;}
	.xta{position:absolute; width: 4px; height: 30px; background: #fff; top:-8px; left: -20px;}
	.xtb{position:absolute; width: 30px; height: 4px; background: #fff; top: -8px;left: -20px;}
	.xtc{position:absolute; width: 30px; height: 4px; background: #fff; bottom: -8px;right: -20px;}
.xtd{position:absolute; width: 4px; height: 30px; background: #fff; bottom: -8px;right: -20px;}
	.about_title{font-size:40px; text-align: center; COLOR:#bf0008; font-weight: bold; padding-bottom: 20px; font-family: 'Poppins-SemiBold';}
	.about_title p{font-size:18px; padding-top: 15px;color:#777; font-weight: normal;margin-bottom: 20px;}
	.about_nr{font-size:18px; line-height: 32px;font-family: 'Poppins'; text-align: center;}
	.about_nr p{padding-bottom:18px; text-indent: 2em;}
	.about_unti{height:80px; border-bottom: 1px solid #eee;}
	.about_lba{width:100%; text-align: center; float: left; margin-top: 50px; z-index: 15; position: relative;}
	.about_lba a{ text-align: center; border: 1px solid #eee; font-size:20px; border-radius: 500px; background: #fff; margin: 10px; height: 60px; background: #f1f1f1; line-height: 60px; margin-top:50px; z-index: 20; position: relative; transition: all 0.6s; padding: 20px 45px;}
	.about_wha{width:25%; float: left;}
	.wn_nr{padding:35px;}
	.wn_nr h1{font-size:24px; font-weight: bold; padding-bottom: 10px;}
	.wn_nr p{font-size:18px; line-height: 32px;}
	.img_list{width:25%; float: left;}
	.img_list img{padding:10px;}
	.goods_list{width:23%; margin: 10px 1%; float: left;}
	.goodsxx_banner{padding-top:103px;}
	.goodsxx_bannera{font-size:16px; padding: 25px 0px;}
	.dqwz_a span{padding:0px 10px;}
	.cp_leftimg{width:50%;  padding:30px; float: left;}
	.cp_readmain{width:100%; padding: 40px 13%;}
	.cp_read{width:50%; float: right; padding: 30px;}
	.cp_reada{font-size:24px; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
	.cp_readb{font-size:18px; line-height: 35px;}
	.cp_readc a,.cp_readc button{display:block; width: 160px;height:55px; text-align: center; line-height:55px; font-size:18px; float: left; margin-top: 40px; margin-right: 15px;}
	.cp_readc a{background:#17479c;}
	.cp_readc a:link,.cp_readc a:visited{color:#fff;}
	.cp_readc button{border:0px; background:#f19911;color:#fff;}
	#zxly_menua{ padding: 30px;}
	.news_righta{width:100%; float: left; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; margin-bottom: 20px;}
	.news_righta1{width:250px; margin-left: 150px; float: left;}
	.news_righta2{width:790px; float: right;}
	.news_righta2 h1{font-size:30px; font-weight: bold;padding-bottom: 15px;font-family: 'Poppins-SemiBold'; }
	.news_righta2 p{font-size:16px; color:#333; line-height: 30px;}
	.news_righta2 dd{font-size:16px; color:#888; margin-bottom: 18px; border-bottom: 1px solid #eee; padding-bottom: 20px;}
	.news_righta2 p a{float:right; margin-top: 20px;}
	.news_righta2 p a:link,.news_righta2 p a:visited{color:#ff6700;}
	.lx_left{width:50%; float: left; padding-right: 100px;}
	.lx_right{width:50%; float: left;}
	.lx_main{width:100%; float: left; }
	.lx_lefta h1{font-size:22px; font-weight: bold; padding-bottom: 15px;}
	.lx_lefta{margin-bottom:20px;}
	.lx_lefta dd{font-size:18px; line-height: 35px;}
	.my-map{height:450px;}
	.about_nra{width:40%; float: left;}
	.about_nrb{width:58%; float: right;}
	.yp_main{width:300px; margin: 10px auto;}
	.newsread_b{font-size:18px; line-height: 40px;}
.about_bg{position:relative; overflow: hidden;overflow: hidden;}
	.bga_wap{display:none;}
	#page{text-align:center; margin-bottom: 30px; margin-top: 30px;}
	#page a,#page span{padding:16px; border-radius: 5px;  font-size:16px; background:#f6f6f6; margin: 6px;}
	#layerDemo5{display:none;}
	.wm_headra{width:80px; height: 55px; float: left;}
	.wm_headrb{width:160px; float: left;}
	#unti_main{right:5%;}
	.mwbgbc{padding:168px 0px;}
.mw_whimg{width:35%; float: right; position: absolute; right: 0px; top: 0px;}
.mw_untileft{width:40%; padding-left: 11.2%; padding-top: 100px; padding-bottom: 100px; float: left; max-width: 648px; position: absolute; left: 0px;}
	.mw_sycplist{width:73%; float: right;}
	.wm_headra{width:50px; margin-left: 20px; color:#444; text-align: center; margin-top:40px; height: 55px; float: left;}
	.wm_headrb{width:160px; text-transform: uppercase;position: relative;padding: 1px 10px; float: left;  margin-top:5px; margin-bottom: 5px; margin-left: 30px;color:#444;}
	.wm_headrb span{margin-right:10px; font-size:20px; float: left;}
	.wm_headrb font{padding-left:10px; font-size:18px;}
	.wm_headra button{font-size:20px; background: none; border: 0px;}
	#unti_main{background:#fff;z-index: 555;  border-bottom: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;position: absolute;border-right: 1px solid #e1e1e1;  top: 54px; z-index: 9999; padding: 15px 20px; width:160px; float:right; right:5.5%; display:none;}
	#unti_main dd{padding:10px 20px; }
	.wm_headrewm{width:50px; margin-top: 35px; float: left; position: relative;}
	.tb_ewm{width:160px; padding: 20px; background: #fff; border-radius:20px; display:none;position: absolute; top:50px; left: -60px; transition: all 0.6s; display: none;}
	.tb_ewm img{width:100%;}
	.wm_headrewm li:hover .tb_ewm{display:block;}
	.zj_aboutimg{width:100%; float: left;}
	.zj_aboutimg img{width:50%; float: left; padding: 15px;}
	.yw_unti{width:25%; float: left; position: relative;}
	.yw_untia img{width:100%; z-index: 10;}
	.yw_untib{position:absolute; text-align: center;top:0px; height: 100%; z-index: 50; background-color:rgba(0,0,0,0.8);padding: 30% 50px; transition: all 0.6s; display: none;}
	.yw_unti a:link,.yw_unti a:visited{color:#fff; }
	.yw_untib h1{font-size:36px; font-weight: bold; padding-bottom: 6px;}
	.yw_untib dd{ font-family: 'Poppins';}
	.yw_untib p{ padding-top:100px;}
	.yw_untib p span{padding:15px 40px; background: #fff; border-radius: 500px; color:#222;}
	.yw_unti:hover .yw_untib{display:block;}
	.scbanner{margin-top:50px;}
		.sy_tjnewsa{width:45%; float: left; margin-top: 60px; margin-bottom: 60px;}
	.sy_tjnewsab h1{font-size:24px;transition: all 0.6s; padding-top: 20px; padding-bottom: 30px;}
	.sy_tjnewsab p{font-size:18px; line-height: 30px; color:#666;}
	.sy_tjnewsab dd{width:100px; height: 1px; background: #ccc; margin-top: 40px; transition: all 0.6s;}
	.sy_tjnewsa:hover dd{width:100%; background: #1b5da9;}
	.sy_tjnewsa:hover h1{color:#1b5da9;}
	.sy_tjnewsb{width:50%; float: right; margin-top:60px;}
	.sy_tjnewsba{margin-bottom:20px; border-bottom: 1px solid #e1e1e1; padding-bottom: 30px; position: relative;}
	.sy_tjnewsba1{width:15%; max-width: 168px; background: #e8e8e8; text-align: center; padding: 20px 10px; float: left;}
	.sy_tjnewsba2{width:80%; float: right;}
	.sy_tjnewsba1 h1{font-size:30px;font-family: 'Poppins-SemiBold';}
	.sy_tjnewsba1 dd{font-size:18px;font-family: 'Poppins';}
	.sy_tjnewsba2 h1{font-size:20px; font-weight: bold;padding-bottom: 20px;}
	.sy_tjnewsba2 p{font-size:18px; line-height: 30px;}
	.xt_vv{width:0px; height: 3px; position: absolute; background:#e1e1e1; bottom: -2px; transition: all 0.6s;}
	.sy_tjnewsba:hover .xt_vv{width:100%;background:#1b5da9;}
	.footer_ewma{float:right;}
	.head_dh{float:right; margin-right: 0%;}
	.wm_headr{margin-right:0%;}
	.zj_tt,.zj_tta{padding-top:30px; text-align: center;}
	.zj_tta{border-top:1px solid #eee;}
	.jl_ycdh{position:absolute; transition:all 0.6s; left: 10px; display:none;width: 350px; background-color:rgba(191,0,8,0.9);}
	.jl_ycdha dd{text-align: left;}
	.jl_ycdha span{position:relative;}
	.jl_ycdha dd{line-height:50px; transition: all 0.6s;}
	.head_dh li:hover .jl_ycdh{display:block;animation: hideIndex 0.3s;  -moz-animation: hideIndex  0.3s; /* Firefox */
     -webkit-animation: hideIndex  0.3s; /* Safari and Chrome */
     -o-animation: hideIndex  0.3s; /* Opera */}
	 .head_dh li .jl_ycdha dd:hover{background:#000d3b;}
	.unti_main{width:25%; transition:all 0.6s; float: left;}
	.unti_maina{width:40%; float: left; padding: 20px;}
	.unti_maina img{width:60%; float: right;border-radius: 500px;}
	.unti_mainb{width:60%; padding-top: 30px; float: right;}
	.unti_main a:link,.unti_main a:visited{color:#fff;}
	.unti_mainb dd{text-transform:uppercase; font-family: 'Poppins-SemiBold'; font-size:18px;}
	.unti_mainb h1{color:#fdb813;}
	.unti_main:hover{background:#fdb813;}
	.unti_main:hover h1{color:#000d3b;}
	.jl_sycp{width:23%; float: left; margin: 10px 1%;}
	.jl_sycp h1{font-size:18px; text-align: center; line-height: 40px;}
	.cp_more{width:200px; height: 50px; margin: 30px auto;}
	.cp_more a{display:block; width: 100%; font-size:18px; transition: all 0.6s; float: left; background: #000d3b; text-align: center; line-height: 50px; font-size:18px; border-radius: 500px;}
	.lj_syabouta,.lj_syaboutb{width:50%; float: left; position: relative;}
	.lj_syaboutaa{position:absolute;top:100px; width: 100%; padding-right: 80px; padding-left: 18%;color:#fff;}
	.lj_syaboutaa1 dd{ font-size:22px;font-family: 'Poppins-SemiBold';}
	.lj_syaboutaa1 h1{font-size:40px; font-weight: bold;}
	.lj_syaboutaa1 h1 span{color:#fdb813; font-size:18px; padding-left: 10px; font-weight: normal;}
	.lj_syaboutaa2{font-size:18px; padding-top: 30px; line-height: 35px; padding-top: 30px;}
	.lj_syaboutaa2 li{width:30%; float: left;}
	.lj_syaboutaa2 li h2{font-size:18px;}
	.lj_syaboutaa2 a:link,.lj_syaboutaa2 a:visited{color:#fff;}
	.lj_syaboutaa3 a{float:left; padding:13px 45px; background: #fff; border-radius: 500px; margin-top: 60px; font-size:18px;}
	.lj_syaboutb1{position:absolute; top: 50%; font-size:65px; text-align: center; width: 100%; float: left;}
	.lj_syaboutb1 a:link,.lj_syaboutb1 a:visited{color:rgba(0,13,59,0.7); }
	.lj_syaboutb1 a:hover{color:#fdb813;}
	.jl_zs{padding-top:30px;}
	.jl_za{padding:50px 0px;background-image: url(../images/bga.jpg);background-size: cover;dbackground-position: center;}
	.jlyy_hzhb{width:100%; float: left; margin-top: 40px;}
	.jlyy_hzhb li{width:25%; float: left; padding: 10px; }
	.jlyy_hzhb li img{width:100%; padding: 0px 40px;background: #fff;}
	.jl_map{position:relative;}
	.jl_lx{width:570px; float: left; position: absolute; background-color:rgba(255,255,255,0.8); padding: 30px; top:10%;}
	.jl_lxa h1{font-size:36px; font-weight: bold;}
	.jl_lxb{font-size:18px; line-height: 35px; padding: 30px 0px; line-height: 32px;}
	.jl_lxb dd{ line-height: 35px;}
	.jl_lxc{font-size:18px; font-weight: bold; padding-bottom: 30px;}
	.jl_lxd a{padding:13px 50px; background: #fdb813; font-size:18px; float: left; margin-top: 30px;}
	.mg_top{margin-top:50px;}
	.td_gsaa,.td_gsab{width:50%; float: left;}
	.td_gsab img{width:100%;}
	.td_gsa{margin-top:30px; background: #f1f1f1;}
	.td_gsaa{padding:5%;}
	.td_gsaa h1{font-size:42px; padding-bottom: 30px; margin-bottom: 40px; background: url(../images/img56.png) bottom left no-repeat;}
	.td_gsaa p{font-size:18px; line-height: 32px;}
	.news_right{margin-top:40px;}
	.news_righta{ position:relative;}
	.dw_date{position:absolute; text-align: center; width: 100px; left: 0px; top:30px;}
	.dw_date dd{font-size:40px; font-family: 'Poppins-SemiBold'; }
	.dw_date p{font-family: 'Poppins'; font-size:18px;}
	.td_contact{background: url(../images/contact.jpg) center;}
	.cp_tt{width:100%; text-align: center; float: left; padding-top: 150px; padding-bottom: 40px; font-size:30px; font-weight: bold;font-family: 'Poppins-SemiBold';}
	.cp_tt a{font-size:22px; float: right; border: 1px solid #666; padding: 8px 30px; border-radius: 500px;}
	.xwcp_right{width:100%; float: left; background: #fff; border-radius: 8px; margin-bottom: 40px; position: relative;}
	.sx_cp{display:none;}
	.cpxx_maina{margin-top:30px; font-weight: bold;font-size:30px; margin-bottom: 30px;}
	.cpxx_mainb img{width:100%;}
	.wap_banner{display:none;}
	.sks_syaba{position:absolute; top: 0px; left: 0px; margin-top: 40px; width: 30%;  padding-top: 40px; height: 322px; background: url(../images/bga.jpg); color:#fff; margin-left: 4%;  height:450px; padding-left: 4%;}
	.sks_syaba span{font-size:50px;font-family: 'Poppins-SemiBold'; float: left;}
	.sks_syaba font{font-size:30px; float: left; padding-left: 10px;padding-top: 10px;}
	.sks_syaba .sks_syabb{font-size:20px;font-family: 'Poppins-SemiBold'; margin-top: 20px; margin-left: 15px;}
	.sks_syleft{width:40%; margin-left: 3.7%; float: left; position: relative; margin-top: 90px;}
	.sks_syleft a{position:absolute; font-size:60px; width: 100%; left: 0px; display: block; top: 0px; text-align: center; line-height:500px; height: 100%;color:rgba(255,255,255,0.8); transition: all 0.6s;}
	.sks_syleft a:hover{color:#bf0008;}
	.sks_syright{width:50%; float: right;}
	.sks_syrighta h1{font-size:30px;font-family: 'Poppins-SemiBold'; color:#bf0008; padding-top:60px;}
	.sks_syrighta p{font-size:18px;font-family: 'Poppins'; line-height: 30px; padding: 30px 0px;}
	.sks_syrightb dd{font-size:18px; color:#bf0008; margin-top: 15px;}
	.sks_syrightb dd span{font-size:12px; padding:5px; background:#bf0008; color:#fff; border-radius: 4px; margin-right: 10px;}
	.sks_syrightc a{padding:15px 35px; font-size:22px; margin-top: 36px; background: #bf0008; border-radius: 10px;}
	.szgd{width:16.66%; float: left; padding:20px 0px; text-align: center; color:#fff;}
	.szgd h1{font-size:50px; font-family: 'Poppins-SemiBold';}
	.szgd h1 span{font-size:16px;font-family: 'Poppins'; padding-left: 10px;}
	.szgd dd{font-size:18px;font-family: 'Poppins'; margin-top: -10px;}
	.sks_imga{width:50%; overflow: hidden;float: left;}
	.sks_imgb{width:53.55%; float: left;overflow: hidden;}
	.sks_imglink img{ z-index: 10; float: left; position: relative; }

	.sks_imglink h1{font-size:24px;font-family: 'Poppins-SemiBold'; background-color:rgba(0,0,0,0.5); height: 70px; line-height: 70px; color:#fff; position: relative; text-align: center; margin-top: -70px; z-index: 40; float: left;  width: 100%;}
	.sks_imgc{width:33.33%; float: left;}
	.sks_hzhb{ margin-bottom: 60px;}
	.sks_tt{margin-top:40px;}
	.sks_fa{margin-top:35px;}
	.sks_fa img{height:44px;}
	.sks_tt h1{font-size:40px;font-family: 'Poppins-SemiBold'; text-align: center;}
	.sks_tt dd{width:100px; height: 5px; background: #bf0008; border-radius: 500px; margin: 10px auto;}
	.sks_hzhb li{width:20%; float: left; padding: 10px;}
	.sks_hzhb li img{width:100%;}
	.sks_syly{background:url(../images/sks_lybg.jpg) #bf0008 center no-repeat; padding: 60px 0px;}
	.sks_lyleft{width:50%; float: left; color:#fff;}
	.sks_lylefta h1{font-size:34px;font-family: 'Poppins-SemiBold';}
	.sks_lylefta{padding-right:100px;}
	.sks_lylefta p{font-size:18px;font-family: 'Poppins'; padding: 30px 0px;}
	.sks_lylefta dd{margin-top:50px;font-family: 'Poppins-SemiBold'; font-size:22px;}
	.sks_lyright{width:600px; float: right;}
	.sks_lyrighta,.sks_lyrightb{width:285px; float: left;}

	.sks_lyrighta input,.sks_lyrightb input{width:100%; padding: 18px; border: 0px; border-radius: 7px;}
	.sks_lyrightb{margin-left:30px}
	.sks_lyrightc{width:100%;}
	.sks_lyrightb input,.sks_lyrightc input,.sks_lyrightc textarea{width:100%; margin-bottom: 20px; padding: 18px; border-radius: 7px; border: 0px;color:#777;}
	.sks_lyrightc textarea{height:100px; color:#777;}
	.sks_lyrightc button{width:260px;font-family: 'Poppins-SemiBold'; height:50px; background: #222; border-radius: 7px; border: 0px;color:#fff;}
	.sks_fa,.sks_fb,.sks_fc{width:33.33%; float: left; margin-bottom: 30px;}
	.sks_fb{text-align:center; padding-top:50px;}
	.sks_fb a{font-size:36px; margin: 12px;}
	.sks_fc{text-align:right; margin-top: 30px;}
	.sks_fa img{margin-bottom:20px;}
	.sks_fa dd,.sks_fc dd{font-size:18px;font-family: 'Poppins'; line-height: 30px;}
	.banner_tt dd{font-family: 'Poppins'; font-size:20px;}
	.lc_main{background:url(../images/bgc.jpg) #f0f0f0 center no-repeat; padding: 50px 0px;}
	.sks_jt{width:12.5%; float: left;}
	.sks_jt dd{font-family: 'Poppins';color:#6a6a6a; height: 60px;word-wrap: break-word; overflow: hidden; text-overflow: ellipsis;}
	.sks_jt h1{font-family: 'Poppins-SemiBold'; font-size:40px; color:#bf0008;}
	.sks_jt p{width:4px; height: 40px; background:#e8c699; margin-left: 40px;}
	.sks_jt span{display:block;font-family: 'Poppins';  position: relative; z-index: 30px; text-align: center; margin-bottom: -30px;}
	.sks_jtb{margin-top:158px; margin-left: -10px;}
	.sks_jtb span{margin-top: -30px;}
	.sks_jtb p{margin-top:30px;}
	.sks_lcmain{margin-top:70px; width: 100%; float: left;}
	.sks_imgmaina{margin-top:70px;}
	.sks_imgmaina{width:23.5%; float: left;}
	.sks_imgmaina h1{font-size:22px; text-align: center; color:#444;font-family: 'Poppins'; text-transform: uppercase; margin-bottom: 50px;background:#dadddd; line-height: 30px; padding: 20px 25px;}
	.layui-tab{width:65%; float: left;}
	.cpxxk .layui-tab-title li{padding:0px;font-family: 'Poppins-SemiBold'; width:100%; background: #f1f1f1; padding: 10px 20px; font-size:18px;}
	.cpxxk .layui-tab-title { width: 30%; float: left; margin-bottom: 40px; margin-top: 40px;}
	.cpxxk .layui-tab-title li img{width:30%; margin-right: 10px;}
	.layui-tab-title li{text-align:left;}
	.cpxxk .layui-tab-title .layui-this:after{height:auto; bottom:0px;}
	.cpxxk .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #bf0008;}
	.cpxxk .layui-tab-brief>.layui-tab-title .layui-this{color: #bf0008;font-family: 'Poppins-SemiBold'; background: #fff;}
	.cpxxk .layui-tab-content{ width: 70%; padding-top: 10%; float: right; text-align: center;}
	.cpxxk{position:relative;}
	.sks_pdf{  width:30%; float: right; padding-top: 4%;}
	.sks_pdfa{width:100%;float: right; margin-top:60px;  }
	.dy_img{width:100%; padding:0px 100px; float: left; position: relative; z-index: 10;}
	.dy_img h1{font-size:24px; margin-top: 5px; font-family: 'Poppins-SemiBold'; color:#bf0008; }
	.sks_pdfa1{text-align:center; height: 565px; padding-top: 15px; }
	.dy_imga{margin-bottom:60px;}
	.dy_imga p{font-family: 'Poppins'; padding-top: 25px; font-size:20px;}
	.sks_pdfa2{ font-size:30px;font-family: 'Poppins-SemiBold';}
	.sks_pdfa2 a{display:block; width: 100%; float: left;  border-radius: 8px; text-align: center;font-family: 'Poppins-SemiBold'; margin-bottom: 20px; line-height: 50px; font-size:24px;}
	.sks_pdfa2 a span{padding-right:16px;}
	.sks_pdfa1 img{ width:60%;}
	.sks_pdf3 p{font-size:20px;}
	.sks_pdf3{  width: 100%; text-align:center;float: right;font-family: 'Poppins';}
	.sks_pdf3 a{display:block; font-family: 'Poppins-SemiBold'; font-size:16px;width: 205px; float: left; background: #bf0008; border-radius: 6px; line-height: 60px; margin-bottom: 30px; margin-top: 25px;}
	.wa_maina,.wa_mainb{color:#fff; text-align: center; font-family: 'Poppins-SemiBold';}
	.wa_maina{padding-top:50px; font-size:30px;}
	.wa_mainb a{padding:15px 45px; font-size:22px;font-family: 'Poppins-SemiBold'; background: #bf0008; border-radius: 10px;}
	.wa_mainb{margin-top:20px; margin-bottom: 60px; font-size:24px;}
	.cp_zcsm{width:55%; float: left; margin-top: 60px; margin-bottom: 50px; }
	.cp_zcsm h1{font-size:30px; width: 100%; float: left; margin-bottom: 37px; font-family: 'Poppins-SemiBold';color:#bf0008; font-weight: bold; }
	.cp_zcsm dd{font-family: 'Poppins';  font-size:20px; line-height: 32px;}
	.cp_zcsm dd span{font-family: 'Poppins-SemiBold';}
	.cp_ycsp{width:43%; float:right; margin-top: 280px; margin-bottom: 80px; position: relative;}
	.cp_ycsp a{display:block; width: 100%; height: 100%; top: 0px; text-align: center; position: absolute; line-height: 394px; font-size:65px;}
	.wa_maina h1{font-family: 'Poppins-SemiBold'; font-size:30px; text-transform: uppercase;}
	.wa_maina dd{font-size:20px;font-family: 'Poppins'; }
	.sks_lca{margin-top:60px; border-top:5px solid #5b5a5a;}
	.sys_lc{background:#ededfc; padding-bottom: 50px;}
	.sks_lcb{width:20%; float: left; padding-right: 40px; position: relative;}
	.sks_lcb span{display:block;width: 25px; height: 25px; background: #f1f1f1;border:5px solid #5b5a5a; border-radius: 500px; margin-top: -19px; float: left; clear: both;}
	.sks_lcb font{font-size:50px; position: absolute; right:-20px; top:-29px;color:#5b5a5a;}
	.sks_lcb h1{color:#403d3e; padding-top: 30px; padding-bottom: 18px; font-size:24px; text-transform:uppercase;font-family:'Poppins-SemiBold'; line-height: 35px;}
	.sks_lcb p{font-family: 'Poppins';color:#666464;}
	.sys_wl{background:#e8e6e6; padding-top: 20px; padding-bottom: 40px;}
	.sys_wla{width:20%; padding:60px 0px; float: left; text-transform: uppercase;font-family: 'Poppins-SemiBold'; font-size:26px;}
	.sys_wlb{width:80%; float: right; padding: 30px 0px; }
	.sys_wlb dd{width:20%; float: left; text-align: center;font-family: 'Poppins-SemiBold';color:#bf0008; font-size:20px;}
	
	.x_sksb a{float:right;}
	.sks_cpgcimg{margin-top: 38px; margin-bottom: 40px;}
	.sks_cpgcimg li{width:625px; float: left;}
	.sks_cptta{width:100%; float:left; text-align: center;padding-bottom: 30px;}
	.sks_cptta h1{font-size:32px;color:#333;font-family: 'Poppins-SemiBold'; padding-top: 70px; text-transform: uppercase;}
	.sks_cptta dd{font-family: 'Poppins'; font-size:24px;color:#868484; font-size:18px; padding: 10px 20%; }
	.cp_ycspv{width:700px; margin: 20px auto;}
	.cp_ycspv img{z-index:1; float: left; margin-bottom: 40px;}
	.cp_ycspv a{display:block; width: 100%; top:0px; position: absolute; z-index: 87; text-align: center; line-height: 400px; font-size:60px;}
	.cp_ycspva{float:left; position: relative;}
	.wa_maina{color:#333; float: left; text-align: left;}
	.wa_mainb{width:100%; float: left;}
	.wa_mainb a{float:left;}
	.x_sksa{width:70%; float: left; text-align: left;}
	.x_sksb{width:30%; float: right;text-align: right; margin-top: 60px;}
	.der_oi a{display:block; text-align: center; width: 100%; float: left;}
#container{ float: left; width:100%;}
#container h2{font-size: 20px;color: #0087f1;}
#wrap{position: relative;overflow: hidden; line-height: 30px; font-family: 'Poppins'; width: 100%; float: left;}
#gradient{width: 100%;height: 35px;background: url() repeat-x;position: absolute;bottom: 0;left: 0;}
#read-more{padding: 5px;background: #fff;color: #333; width: 100%; float: left; margin-top: 40px; margin-bottom: 60px; text-align: center;}
#read-more a{background: url() no-repeat 100% 50%;font-weight: bold;text-decoration: none; padding: 15px 55px; background: #bf0008; margin-top: 50px;font-family: 'Poppins-SemiBold'; font-size:22px; display: block; width: 380px; margin: 0px auto; text-align: center;    border-radius: 10px;}
#read-more a:hover{color: #000;}
	.sks_cpgcimg h1{font-family: 'Poppins-SemiBold'; color:#333;  text-align: center; line-height: 45px; font-sizd:20px; padding-top: 10px;}
	.cplista_a{width:25%; float: left; padding: 15px;}
	.cplista_aa{border:4px solid #eee; border-radius: 8px; text-align: center;}
	.cplista_aa h1{font-size:20px;color:#333;font-family: 'Poppins-SemiBold'; padding-bottom: 15px; }
	.x_sksb a{float:right;}
	.lxa_ma h1{font-size:28px; font-weight: bold;font-family: 'Poppins-SemiBold';color:#bf0008;}
	.lxa_ma p{font-size:18px;font-family: 'Poppins'; padding-bottom: 30px;}
	.lxa_mb dd{font-size:18px;font-family: 'Poppins';color:#bf0008; line-height: 45px; font-weight: bold;}
	.lxa_mb dd span{padding-right:10px;}
	.lx_conput input,.lx_conput textarea{background:#f1f1f1;}
	.about_sks{padding:0px 5%; text-align: left;}
	.fw_title{width:100%; float: left; color:#fff; font-size:18px;font-family: 'Poppins-SemiBold'; margin-bottom: 15px;}
	#a_a1 input{width:72%;border-top-left-radius: 6px;border-bottom-left-radius: 6px;  float: left; border: 0px; padding: 15px 4%;}
	#a_a1{padding-bottom:50px;}
	#a_a1 button{width:20%; height: 46px; background: #333; color:#fff;font-family: 'Poppins-SemiBold'; border: 0px; float: right; border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
	#read-more a span{font-size:40px; margin-right: 10px; float: left;transform: rotate(90deg);}
	#read-more a .up{transform: rotate(-90deg);}
	.cp_two{padding-top:60px;}
	.sy_banner{top:100px; left: 0px; z-index: 88; color:#fff;}
	.sycp_a{width:72%; float: left;}
	.sycp_b{width:28%; float: right; text-align: right; padding-top: 17%;}
	.sycp_aa{width:253px; margin-top: 40px; position: relative;float: left;}
	.mg_sybb{margin-left:80px;}
	.sycp_aa1{width:270px; transition: all 0.6s; height:230px; border: 3px solid #fff; background-color:rgba(255,255,255,0.25);}
	.sycp_aa2{margin-top:-270px; margin-left: -10px;}
	.sycp_aa2 img{width:100%; transition: all 0.3s;}
	.sycp_aa3{font-family: 'Poppins-SemiBold'; margin-top: 10px; font-size:20px; text-transform: uppercase;}
	.sycp_b h1{font-size:20px; text-transform: uppercase; font-family: 'Impact'; font-size:48px;}
	.sycp_b dd{color:#f84902; font-size:38px;font-family: 'Poppins-SemiBold';}
	.sycp_b p{font-size:18px;font-family: 'Poppins'; line-height: 30px;}
	.sycp_aa:hover .sycp_aa1{background-color:rgba(126,123,123,0.45);}
	.sycp_aa:hover .sycp_aa2 img{filter:gray;	/* filter为滤镜 gray为颜色 */	filter:grayscale(100);  /* 将图像转换为灰度图像 */	opacity:0.7;	/* 透明度 */
	transition:all 0.3s;		/* 上边那个加了之后 移入移出都会有过渡 */}
	.mg_leftaa{margin-left:4%;}
	.head_dh .jl_ycdha dd{text-align:left;}
	.head_dh .jl_ycdha dd a{padding-left:30px;}
	.dy_imgaa{height:580px;}
	.dy_imgaa img{max-height:580px;}
	.head_dh li a{transition: all 0.6s; font-size:20px; padding-left:76px; font-family: 'Poppins-SemiBold'; }
	.mg_leftaa{margin-left:2%;}
	.h_tt{font-size:30px; font-family: 'Poppins-SemiBold'; text-transform: uppercase;}
	.ly_ziduan li{width:48%; float: left; margin-bottom: 16px;}
	.left_ly{margin-left:4%;}
	.ly_ziduan li input{border:0px; padding:12px 2%; border-radius: 5px; width: 96%;}
	.ly_ziduanb li input{border:0px; padding:12px 1%; border-radius: 5px; width: 98%;}
	.ly_ziduanb li{width:100%; margin-bottom: 16px;}
	.ly_ziduanb li textarea{height:100px; padding: 15px 1%; width:98%; border: 0px;border-radius: 5px; }
	.zxly_menuc{width:100%; float: left;}
	.zxly_menuc input{width:160px;border: 0px;border-radius: 5px;  float: left;padding: 16px 1%; margin-right: 10px;}
	.zxly_menud button{width:200px; border: 0px; margin-top:18px; color:#fff;font-family: 'Poppins-SemiBold'; font-size:20px; height: 50px; background: #222;}
	.sks_lcmainwap{display:none;}
	.head_dhru{width:60%;}
	.thank_a{padding:10% 6%;}
	.thank_a h1{font-size:54px;font-family: 'Poppins-SemiBold';  padding-bottom: 20px;}
	.thank_a p{font-size:20px;font-family: 'Poppins'; padding-bottom: 10px;}
    .page_titlea{display:none;}
    .page_titleb{width:100%; float: left; margin: 3% 0px;}
    .page_list{width:23%; float: left; margin: 20px 1%; text-align: center;}
    .page_list img{width: 100%;}
    .page_list h1{font-size:18px;font-family: 'Poppins-SemiBold'; text-transform: uppercase; margin-top: 10px; margin-bottom: 10px;}
    .page_list p{font-family: 'Poppins'; font-size:14px;}
	.sks_cpmaina{width:100%; float: left; margin: 4% 0px;}
	.sks_cplist{width:23%; border: 1px solid #ddd;float: left; margin: 10px 1%; padding: 20px;}
	.sks_cplist img{width:100%;}
	.sks_cplistb{ text-align: center; margin-bottom: 20px;    font-size: 1.5rem;font-family: 'Poppins-SemiBold';}
	.sks_cplistc span{display:block; width: 100%; background:#bf0008; color:#fff; padding: 10px 0px; font-size:14px; text-align: center;}
	.nybanner{position:relative;}
	.ny_tt{position:absolute; top:3%; left: 5%; color:#fff; font-size:2.5rem;font-family: 'Poppins-SemiBold';}
	.cpread_left{width:35%; float: left; border: 1px solid #ddd; background: #fff; padding-right: 2.5%; }
	.cpread_right{width:30%; margin-left: 2.5%; float:left; background: #f1f1f1; padding: 30px; margin-top: 3%; text-align: left;}
	.cpread_pdf{width:30%; text-align: center; float: right;  margin-left: 2.5%; padding: 30px;}
	.cpmain{width:100%; float: left; background: #f1f1f1; margin: 3% 0px;}
	.cpread_righta{font-size:30px;font-family: 'Poppins-SemiBold';}
	.cpread_rightb{font-size:20px; margin-top: 10px; line-height: 30px;}
	
	.sks_news{margin:3% 0px;}
	.xwleft_a{width:45%; float: left;}
	.xwleft_b{width:50%; float: right;}
	.xwleft_ba{width:100%; float: left; margin-bottom: 18px; background: #f1f1f1; padding: 20px;}
	.xwleft_baa{width:30%; float: left;}
	.xwleft_bab{width:65%; float: right;}
	.xwleft_bab h1{font-size:18px;font-family: 'Poppins-SemiBold'; padding-bottom: 10px;}
	.xwleft_bab p{font-size:14px; line-height: 28px; padding-bottom: 20px;}
	
}
.sks_cplista,.sks_cplistb,.sks_cplistc{width:100%; float: left;}
.cp_ycsp a:link,.cp_ycsp a:visited{color:rgba(255,255,255,0.6);}
.cp_ycsp a:hover{color:rgba(255,255,255,1);}
.qm_maina,.qm_mainc,.bt_ha,.sy_abouta,.sy_aboutb,.sy_more,.sy_sla,.sy_slb,.sy_slc,.synews_a,.syxw_lista,.syxw_listb,.footer_end,.about_nr,.about_title,.about_wh,.cp_reada,.cp_readb,.cp_readc,.lx_lefta,.newsread_b,#page,.yw_untia,.yw_untib,.sy_tjnewsba,.zj_tt,.zj_tta,.lj_syaboutaa1,.lj_syaboutaa2,.lj_syaboutaa3,.jl_lxa,.jl_lxb,.jl_lxc,.jl_lxc,.td_gsa,.news_right,.news_righta,.cpxx_maina,.cpxx_mainb,.sks_syrighta,.sks_syrightb,.sks_syrightc,.sks_tt,.sks_hzhb,.sks_lylefta,.sks_pdfa1,.sks_pdfa2,.sks_pdfa3,.sks_pdfa4,.sks_pdfa5,.sks_pdfa6,.sks_lca,.sks_lcb h1,.sks_lcb p,.sks_cpgcimg,.lxa_ma,.lxa_mb,.sycp_aa3,.dy_imga,.ly_ziduan,.ly_ziduanb,.zxly_menud{width:100%; float: left;}
.bt_ha{ text-align: center;}
.sks_banner{position:relative;}
.sy_banner{position:absolute;}
.sks_pdf3 a:link,.sks_pdf3 a:visited,.wa_mainb a:link,.wa_mainb a:visited{color:#fff;}
.sks_pdfa2 a:link,.sks_pdfa2 a:visited{color:#bf0008;}
.sks_fc dd a:link,.sks_fc dd a:visited,#read-more a:link,#read-more a:visited{color:#fff;}
.sks_imglink a:link,.sks_imglink a:visited,.sks_lylefta a:link,.sks_lylefta a:visited{color:#fff;}
.sy_about{position:relative;}
.sycp_aa a:link,.sycp_aa a:visited{color:#fff;}
.cp_ycspv a:link,.cp_ycspv a:visited{color:#fff;}
.sks_fb a:link,.sks_fb a:visited{color:#d3d3d3;}
.sks_syrightc a{float:left;font-family: 'Poppins-SemiBold';}
.sks_syrightc a:link,.sks_syrightc a:visited{color:#fff;}
.sks_syrightb{margin-bottom:30px;}
.banner_tt dd a:link,.banner_tt dd a:visited{color:#fff;}
.sys_bgb{background:url(../images/bgb.jpg) center ;}
.jl_lxd a:link,.jl_lxd a:visited{color:#0c163e;}
.cp_more a:link,.cp_more a:visited{color:#fff;}
.cp_more a:hover{background: #fdb813;color:#fff;}
.qm_head{z-index: 333;color:#222; background: #bf0008;  }
.top_searchvv{display:none;}
.head_right li button{background:none; border: 0px;}
.head_dh li a:link,.head_dh li a:visited,.sycp_tj a:link,.sycp_tj a:visited{color:#fff;}
.head_dh li:hover a{color:#ffad01;}
.ce2 .head_right li button{background:none; border: 0px;color:#fff;}
.h_tt{font-size:30px; color:#fff; padding-bottom: 10px;}
.top_searchvv input{width:100%; border: 0px;}
.top_searchvv button{width:120px; height: 40px; border: 0px; margin-top: 15px; background: #333;color:#fff; }
.sy_cp{background:#1f2b51;}
.sycp_tj dd{border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
	.sycp_tj p{background:#364789; padding: 15px 0px; text-align: center;}
.sy_more a{padding:15px 30px; background: #dcdada; border-radius: 5px;}
.sy_more a:hover{ background: #f19911;}
.sy_more{text-align:center;}
.sy_slb a:link,.sy_slb a:visited{color:#3174e7;}
.synews_ab a:link,.synews_ab a:visited,.syxw_list a:link,.syxw_list a:visited{color:#222;}
.synews_ab .visd_a{background:#17479c;}
.synews_ab .visd_a:link,.synews_ab .visd_a:visited{color:#fff;}
.qm_footer{background:#1a1a1a; color:#fff;}
.footer_dh dd a:link,.footer_dh dd a:visited{color:#fff;}
.footer_end{border-top:1px solid #353535;}
.footer_enda img{float:left;}
.footer_enda a{padding-left:10px;}
.footer_enda a:link,.footer_enda a:visited{color:#8e8e8e;}

.about_title span{font-size:16px; font-family: 'Arial'; font-weight: normal; padding-left: 10px; color:#888; text-transform: uppercase;}
.about_lba a:link,.about_lba a:visited{color:#222;}
.about_lba .link_color{background:#17479c;}
.about_lba .link_color:link,.about_lba .link_color:visited{color:#fff;}
.about_lba a:hover{background:#17479c;color:#fff;}
.bg_color,.about_wh{background:#f4f8fb;}
.goodsxx_banner{background:#222;}
.goodsxx_bannera{background:#ebeeef;}
.dqwz_a span{padding:0px 10px;}
.dqwz_a font{color:#f19911; font-weight: bold;}
#zxly_menua{display:none; background:#f19911;}
.lx_lefta dd span{color:#f19911; padding-right: 15px; font-size: 22px;}
.sycp_tj a:link,.sycp_tj a:visited{color:#fff;}
.jl_ycdha dd a:link,.jl_ycdha dd a:visited{color:#222;}
.head_dh li .jl_ycdha dd:hover a{color:#fff;}
.sy_leibie{background:#000d3b;}
.topa{background:#fff;}
.sks_hzhb{background:#f1f1f1;}
.head_dh li a:link,.head_dh li a:visited{color:#fff;}
#a_a1{width:90%; padding: 30px 5%; float: left; background:#bf0008; display: none;}

/*================================1580======================================*/
@media screen and (min-width: 1600px) {
	.qm_mainb{width:90%; margin: 0px auto;}
	.head_padd{width:100%;}
	.cpxq_maina{padding:0px 8%;}
		.sks_pdfa1{text-align:center; padding-top:0px; height:462px;}
	.sks_pdf{  width:30%; float: right; padding-top: 6%;}
	.sy_sla h1{font-size:46px; padding-top:120px; padding-bottom: 10px;  font-family: 'Cambria';}
	.sy_slc p{padding-right:10%; margin-top: 25px; font-size:18px; line-height: 32px;color:#777676;}
	.sy_slc{margin-top:40px;}
	.syxw_list{width:506.6px; float: left;}
	.footer_dh{width:210px; float: left;}
	.footer_dhlx{width:530px;}
	.footer_ewma{width:130px;}
	.footer_dh li{width:130px; float: left; padding: 10px;}
	.news_righta2{width:1110px; float: right;}
	.xw_maina{margin-top:60px;}
	.wm_headr{margin-left:50px;}
	.footer_ewma{float:right;}
	.head_logo{padding-left: 0px;}
	.head_dh{ }
	.wm_headr{margin-right:5%;}
	.sks_jt{width:197.5px; float: left;}
	.sks_imgmaina{width:23.5%; float: left;}
	.sks_jt{width:12.5%; float: left;}
	.sks_cpgcimg li{width:48%; float: left;}
	.sks_pdfa{width:600px;float: right; margin-top:20px;  }
	.sks_pdf3 a{display:block; font-family: 'Poppins-SemiBold'; font-size:16px;width: 255px; float: left; background: #bf0008; border-radius: 6px; line-height: 60px; margin-bottom: 30px; margin-top: 25px;}
	.head_dh{float:right; }
	.head_dh{width:860px;}
	.head_dh li a{transition: all 0.6s; font-size:20px; padding-left:76px; font-family: 'Poppins-SemiBold'; }
	.sks_lyrighta,.sks_lyrightb{width:340.5px; float: left;}
	.sks_lyrightaa,.sks_lyrightbb{width:285px;}
	.sks_pdfa{width:100%x;float: right; margin-top:10px;  }
	.cp_ycsp{width:43%; float:right; margin-top: 190px; margin-bottom: 80px; position: relative;}
		.sycp_aa{width:290px; margin-top: 40px; position: relative;float: left;}
		.cp_ycsp a{display:block; width: 100%; height: 100%; top: 0px; text-align: center; position: absolute; line-height: 500px; font-size:75px; }
	.dy_imgaa{height:580px;}
	.dy_imgaa img{max-height:462px;}
		.sks_pdfa1{text-align:center; height: 580px; padding-top: 25px; }
		.sks_pdfa1{text-align:center; height: 580px; padding-top: 15px; }
	.head_dhru{width:60%;}
	.head_dhxa{width:55%;}
}



/*================================wap=======================================*/
/*moble*/
@media screen and (max-width: 1200px) {
.noticeb,.head_dh,.noticeb,.auto_kf{display:none;}
	.head_logo{width:40%; float: left;}
	.head_logo img{width:100%; padding-left: 4%; margin-top: 10px; margin-bottom: 10px;}
	.head_right{width:120px; float: right; margin-right: 4%; margin-top: 28px;}
	.head_right li{width:60px; float: left; text-align: center;}
	.bt_ha h1{font-size:30px; padding-top: 50px; font-weight: bold; padding-bottom: 12px;}
	.bt_ha dd{height:5px; background: url(../images/xt.png) center no-repeat; margin-bottom: 20px;}
	.sy_abouta{padding:0px 4%; font-size:16px; line-height: 30px;}
	.wm_headr{width:120px; float: right; margin-right: 4%;}
	.sy_gssla{width:33.33%; margin-bottom: 40px; float: left; text-align: center; padding: 0px 10px;}
	.sy_gssl{border:4px solid #e1e1e1; position: relative;border-radius: 20px; padding: 30px 0px;}
	.sy_gssl h2{ font-size:25px; font-weight: bold; padding-bottom: 15px;}
	.sy_gssl h2 span{font-size:12px; color:#666; font-weight: normal; padding-left: 10px;}
	.sy_gssl dd{font-sizd:14px; line-height: 28px;}
	.sy_gssl p{width:40px; height: 7px; left: 35%; background: #f19911; bottom: -6px; position: absolute;}
	.bt_ha p{padding:20px 5%; color:#fff; line-height: 30px; font-size:16px;}
	.sycp_tj{width:50%; float: left; padding: 13px;}
	.sy_more{width:100%; float: left; margin-top: 25px; margin-bottom: 40px;}
	.sy_aboutimg .swiper-paginationb{text-align:center;  margin-top: -20px; position: relative; z-index: 777;}
	.sy_aboutsla{width:100%; float: left; padding: 30px 4%;}
	.sy_sla h1{font-size:36px; padding-top:10px; padding-bottom: 10px;  font-family: 'Cambria';}
	.sy_slc p{ margin-top: 25px; font-size:16px; line-height: 32px;color:#777676;}
	.sy_slc h1{ font-size:24px;}
	.sy_slc{margin-top:20px;}
	.sy_slc h1 span{font-size:16px; font-family: 'Arial'; padding-left: 10px;}
	.sy_slb a{font-size:36px;  margin-left: 5%;}
	.sl_lx{width:100%; float: left; padding: 10px 4%;}
	.sl_lxa h2{font-size:30px; color:#f19911; padding-bottom: 10px;}
	.sl_lxa h2 span{color:#979695; font-size:20px; padding-left: 15px;}
	.sl_lxa dd{font-size:16px; line-height: 30px;}
	.sl_lxc img{width:40%;}
	.noticeb_wap{display:none;}
	.synews_aa,.synews_ab{width:100%; float: left; position:relative;}
	.synews_aa dd{font-size:16px; padding-top:39px; font-family: 'Arial';color:#888; padding-left: 100px;}
	.synews_aa .dw_a{font-size:120px;color:#e1e5ee; font-family: 'Aileron'; position: absolute; left: 0px; z-index: 1;}
	.synews_aa p{font-size:30px; color:#f19911; font-weight: bold; position: relative; z-index: 10; padding-left: 70px;}
	.synews_aa .dw_b{width:100px; height: 2px; background: #f19911; position: absolute; left: 53%; bottom: 20px;}
	.synews_ab a{ float:right; font-size:16px; float: left; background: #e1e1e1; padding: 10px 20px; border-radius: 8px; margin-left: 20px; margin-top: 50px; }
	.syxw_list{width:100%; margin-top:20px; margin-bottom: 20px; padding: 0px 4%; float: left;}
	.syxw_list img{border:1px solid #eeee; padding: 15px;}
	.syxw_listb h1{font-size:20px; font-weight: bold;padding-bottom: 10px;}
	.syxw_listb p{font-size:16px; line-height: 30px;color:#666;}
	.syxw_lista dd{padding-top:15px; padding-bottom: 15px;color:#888;}
	.footer_dh{padding:20px 4%; width: 100%; float: left; margin-bottom: 20px;}
	
	.wm_headrb{width:120px; text-transform: uppercase;position: relative;padding: 0px; float: left;  margin-top:10px; margin-bottom: 10px; margin-left: 30px;color:#444;}
	.pc_banner{display:none;}
	
	#unti_main{background:#fff;z-index: 555;  border-bottom: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;position: absolute;border-right: 1px solid #e1e1e1;  top: 38px; padding: 15px 20px; width:160px; float:right; right:4%; display:none;}
	#unti_main dd{padding:10px 20px; text-align: right;}
	.footer_dh h1{font-size:22px; padding-bottom: 15px;}
	.footer_dh p{width:40px; height: 2px; background: #f19911; margin-bottom: 15px;}
	.footer_dh dd{font-size:16px; width: 50%; float: left; line-height: 30px;}
	.footer_dhlx dd{width:100%;}
	.footer_dh li{width:30%; float: left; padding: 10px;}
	.footer_dh li{ float: left;}
	.footer_dhlx{width:100%;}
	.footer_ewma{width:100%;}
	.footer_enda{width:100%; padding: 0px 4%; float: left;}
	.footer_endb{width:100%; float: left;}
	.footer_enda{font-size:14px; line-height: 30px; padding:5px 0px; }
	.footer_endb{ line-height: 50px; padding-left: 4%; font-size:14px;}
	.footer_enda img{clear: both; padding-left: 4%;}
	.footer_enda span{display: block; width: 100%; float:left; padding: 0px 4%;}
	.footer_enda span a{display: block; width: 100%; float:left;  padding-left: 0px;}
	#zxly_menu{display:none; padding: 30px 4%;}
	.top_searchvv{padding:30px 4%;}
	.h_tt{font-size:22px; color:#fff; padding-bottom: 10px;}
.top_searchvv input{width:100%; border: 0px; padding: 10px 20px;}
.top_searchvv button{width:120px; height: 40px; border: 0px; margin-top: 15px; background: #333;color:#fff; }
	.head_dh{padding:10% 5%; margin-top: 20%;}
	.head_dh li{padding:14px 0px; line-height: 40px; width: 50%; padding: 0px 10%; float: left;}
	.head_dh li a{display:block; width: 100%; border: 1px solid #fff; text-align: center; border-radius: 12px; margin-bottom: 30px;}
	.about_bg{position:relative;  overflow: hidden;overflow: hidden;}
	.bga_pc{display:none;}
	.banner_tt{position:absolute; width:100%; padding: 10px 4%; top:18%;color:#fff; text-align:left; margin-bottom: 100px; }
	.about_bg{background:#111c31;}
	.banner_tt h1{font-size:30px; padding-bottom: 18px; }
	.banner_tt p{font-size:18px;}
	.xta{position:absolute; width: 4px; height: 30px; background: #fff; top:-8px; left: -20px;}
	.xtb{position:absolute; width: 30px; height: 4px; background: #fff; top: -8px;left: -20px;}
	.xtc{position:absolute; width: 30px; height: 4px; background: #fff; bottom: -8px;right: -20px;}
.xtd{position:absolute; width: 4px; height: 30px; background: #fff; bottom: -8px;right: -20px;}
	.about_lba{width:100%; float: left; background: #333;}
	.about_lba a{display:block; width: 25%; float: left; text-align: center; line-height: 55px;}
	.about_lba a:link,.about_lba a:visited{color:#fff;}
	.about_title{font-size:26px; padding: 20px 4%; font-weight: bold; padding-bottom: 20px;}
	.about_title p{font-size:16px; padding-top: 15px;color:#f19911; margin-bottom: 20px;}
	.about_nr{padding:0px 4%;}
	.about_nrb{font-size:16px; line-height: 30px;}
	#page{text-align:center; margin-bottom: 30px; margin-top: 30px;}
	#page a,#page span{padding:5px; background: #eee; margin: 3px;}
	.goodsxx_banner{padding-top:90px;}
	.goodsxx_bannera{font-size:16px; padding: 25px 0px;}
	.dqwz_a span{padding:0px 10px;}
	.goodsxx_bannera{padding:20px 4%;}
	.cp_read{width:100%; float: left; padding: 20px 4%;}
	.cp_readc a,.cp_readc button{display:block; width:50%;height:55px; text-align: center; line-height:55px; font-size:18px; float: left; margin-top: 40px; }
	.cp_readc a{background:#eee; float: left;}
	.cp_readc button{border:0px; background:#f19911;color:#fff;}
	.news_righta {width:100%;  border-bottom: 1px solid #e1e1e1;float: left; padding: 15px 4%;}
	.news_righta2 h1{font-size:18px; font-weight: bold; padding-bottom: 12px;}
	.news_righta2 dd{color:#666; padding-bottom: 20px; font-size:12px;}
	.news_righta2 dd span{padding-right:10px;}
	.news_righta2 p{font-size:16px; line-height: 30px;}
	.newsread_b{padding:30px 4%;}
	.newsread_b li{line-height:40px;}
	.lx_main{padding:30px 4%; background: #eee; float: left;}
	.lx_lefta h1{font-size:18px; font-weight: bold; padding-bottom: 15px;}
	.lx_lefta{margin-bottom:20px;}
	.lx_lefta dd{font-size:18px; line-height: 35px;}
	.my-map{height:450px;}
	.lx_right,.lx_left{width:100%; float: left;}
	.img_list{width:50%; float: left; padding: 10px 1%;}
	.about_wh{width:100%; padding:20px 4%;}
	.about_wha {padding:20px 0px;}
	.about_wha  h1{font-size:18px; padding-bottom: 10px;}
	.sks_syaba{position:absolute; top: 0px; left: 0px; padding-top: 30px; width:100%; height: 100px; background: url(../images/bga.jpg); color:#fff; padding-left: 8%;}
	.sks_syaba span{font-size:50px;font-family: 'Poppins-SemiBold'; float: left;}
	.sks_syaba font{font-size:30px; float: left; padding-left: 10px;padding-top: 10px;}
	.sks_syaba .sks_syabb{font-size:20px;font-family: 'Poppins-SemiBold'; margin-top: 20px; margin-left: 15px;}
	.sks_syleft{width:100%; float: left; position: relative; margin-top:100px;}
	.sks_syleft a{position:absolute; font-size:60px; width: 100%; left: 0px; display: block; top: 0px; text-align: center; line-height:300px; height: 100%;color:rgba(255,255,255,0.8); transition: all 0.6s;}
	.sks_syleft a:hover{color:#bf0008;}
	.sks_syright{width:100%; padding: 20px 4%; float: right;}
	.sks_syrighta h1{font-size:24px;font-family: 'Poppins-SemiBold'; color:#bf0008; padding-top: 20px;}
	.sks_syrighta p{font-size:16px;font-family: 'Poppins'; line-height: 28px; padding: 30px 0px;}
	.sks_syrightb dd{font-size:18px; color:#bf0008; margin-top: 15px;}
	.sks_syrightb dd span{font-size:12px; padding:5px; background:#bf0008; color:#fff; border-radius: 4px; margin-right: 10px;} 
	.sks_syrightc a{padding:15px 35px; background: #bf0008; border-radius: 500px;}
	.szgd{width:33.33%; float: left; padding: 20px 0px; text-align: center; color:#fff;}
	.szgd h1{font-size:26px; font-family: 'Poppins-SemiBold';}
	.szgd h1 span{font-size:12px;font-family: 'Poppins'; padding-left: 10px;}
	.szgd dd{font-size:14px;font-family: 'Poppins';}
	.sks_imga{width:50%; overflow: hidden;float: left;}
	.sks_imgb{width:53.55%; float: left;overflow: hidden;}
	.sks_imglink img{ z-index: 10; position: relative; }

	.sks_imglink h1{font-size:12px;font-family: 'Poppins-SemiBold'; color:#fff; position: relative; text-align: center; margin-top: -30px; z-index: 40;}
	.sks_imgc{width:33.33%; float: left; margin-top:-0px;}
	
		.sks_hzhb{margin-top:10px; padding:30px 0px;}
	.sks_tt h1{font-size:24px;font-family: 'Poppins-SemiBold'; padding: 0px 4%; text-align: center;}
	.sks_tt dd{width:100px; height: 5px; background: #bf0008; border-radius: 500px; margin: 10px auto;}
	.sks_hzhb li{width:25%; float: left; padding: 10px;}
	.sks_hzhb li img{width:100%;}
	
	.sks_lyleft{width:100%; padding: 20px 5%; float: left; color:#fff;}
	.sks_lylefta h1{font-size:34px;font-family: 'Poppins-SemiBold';}
	.sks_lylefta p{font-size:18px;font-family: 'Poppins'; padding: 30px 0px;}
	.sks_lylefta dd{margin-top:50px;font-family: 'Poppins-SemiBold'; font-size:22px;}
	.sks_lyright{width:100%; padding: 10px 5%; float: right;}
	.sks_lyrighta,.sks_lyrightb{width:48%; float: left;}
	.sks_lyrighta input,.sks_lyrightb input{width:100%; padding: 18px; border: 0px; border-radius: 7px;}
	.sks_lyrightb{margin-left:4%;}
	.sks_lyrightc{width:100%;}
	.sks_lyrightb input,.sks_lyrightc input,.sks_lyrightc textarea{width:100%; margin-bottom: 20px; padding: 18px; border-radius: 7px; border: 0px;}
	.sks_lyrightc textarea{height:100px;}
	.sks_lyrightc button{width:260px;font-family: 'Poppins-SemiBold'; height:50px; background: #222; border-radius: 7px; border: 0px;color:#fff;}
	.sks_syly{background:url(../images/sks_lybg.jpg) center no-repeat #bf0008; padding: 60px 0px;}
	.swiper-paginationwap{margin-top:-69px; position: relative; z-index: 876; padding-top: 50px;}
	.sks_banner{display:none;}
	.sks_fa,.sks_fb,.sks_fc{width:100%; float: left; padding: 10px 4%;}
	.jk_rt{ color:#fff; width:50px;margin-top:6px; position: relative; color:#fff; padding: 5px 10px; }
	.menu-list{padding:10%; text-align: center;}
	.menu-list .menu-item a:link,.menu-list .menu-item a:visited{color:#fff;}
	.sks_tt{margin-top:40px;}
	.sks_fa{margin-top:35px;}
	.sks_fa img{height:44px;}
	.sks_tt h1{font-size:28px;font-family: 'Poppins-SemiBold'; text-align: center;}
	.lc_main{background:url(../images/bgc.jpg) #f0f0f0 center no-repeat; padding: 50px 0px;}
	.sks_jt{width:50%; float: left;}
	.sks_lcmain{display:none;}
	.sks_lcmainwap{width:100%; float: left; padding: 20px 4%;}
	.sks_lcmainwapa{border-left:6px solid #5b5a5a; position: relative; padding-left: 30px;}
	.sks_lcmainwapa span{display:block; width: 20px; height: 20px; border-radius: 500px; border: 2px solid #5b5a5a; position: absolute; left: -15px;top:0px; background: #f1f1f1;}
	.sks_lcmainwapa h1{font-family: 'Poppins-SemiBold'; font-size:26px; color:#bf0008;}
	.sks_lcmainwapa p{font-size:16px; padding-bottom: 20px;font-family: 'Poppins';}
	.cpxxk .layui-tab-title{width:20%; float: left;}
	.cpxxk  .layui-tab-title li{padding:10px 0px; font-size:14px;}
	.cpxxk  .layui-tab-title li img{padding:0px 20px;}
	.cpxxk  .layui-tab-title li span{display:none;}
	.cpxxk .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 0px solid #5fb878;}
	.cpxxk .layui-tab-content{ width: 70%; padding-top: 10%; float: right; text-align: center;}
	.dy_imgaa img{width:100%; padding: 0px 3%;}
	.sks_pdf{  width:100%; padding: 20px 5%; float: right;}
	.sks_pdfa{width:100%;float: right; margin-top:60px;  }
	.sks_pdfa1 img{width:100%;}
	.sks_pdfa2 a{display:block; width: 100%; float: left;  border-radius: 8px; font-family: 'Poppins-SemiBold'; line-height: 50px; font-size:18px;}
	.sks_pdfa2 a span{padding-right:16px;}
	
	.sks_pdf3 p{font-size:16px; text-align: left;}
	.sks_pdf3{  width: 100%; text-align:center;float: right;font-family: 'Poppins';}
	.sks_pdf3 a{display:block; font-family: 'Poppins-SemiBold'; font-size:16px;width: 205px; float: left; background: #bf0008; border-radius: 6px; line-height: 60px; margin-bottom: 30px; margin-top: 25px;}
	.wa_maina,.wa_mainb{color:#fff; text-align: center; font-family: 'Poppins-SemiBold';}
	.wa_maina{ font-size:18px; padding: 10px 4%;}
	.wa_maina{color:#333; float: left; text-align: left;}
	.wa_mainb{width:100%; padding: 0px 4%; float: left;}
	.wa_mainb a{float:left;}
	.wa_mainb a{padding:10px 45px; font-size:18px;font-family: 'Poppins-SemiBold'; background: #bf0008; border-radius: 10px;}
	.cp_zcsm h1{font-size:20px; width: 100%; float: left; margin-bottom: 37px; font-family: 'Poppins-SemiBold';color:#bf0008; font-weight: bold; padding: 0px 4%; margin-top: 25px; }
	.cp_zcsm dd{font-family: 'Poppins';  font-size:18px; line-height: 32px; width: 100%; float: left; padding: 0px 4%;}
	.cp_zcsm dd span{font-family: 'Poppins-SemiBold';}
	.wa_maina h1{font-family: 'Poppins-SemiBold'; font-size:20px;}
	.wa_maina dd{font-size:16px;font-family: 'Poppins';}
	
	.sks_lcb{width:100%; border-left:4px solid #5b5a5a; padding-left: 30px; float: left; padding-right: 40px; position: relative;}
	.sks_lcb span{display:block;width: 25px; height: 25px; background: #f1f1f1;border:5px solid #5b5a5a; border-radius: 500px; margin-top: -19px; float: left; clear: both; position: absolute; left: -20px; top: 0px;}
	.sks_lcb font{font-size:50px; position: absolute; right:-20px; top:-29px;color:#5b5a5a;}
	.sks_lcb h1{color:#403d3e;  padding-bottom:2px; font-size:18px; text-transform:uppercase;font-family:'Poppins-SemiBold'; line-height: 35px; margin-top: -16px; }
	.sks_lcb p{font-family: 'Poppins';color:#666464; margin-bottom: 20px;}
	.sks_lca{width:100%; float: left; padding: 0px 4%;}
	.wa_maina h1{font-family: 'Poppins-SemiBold'; font-size:24px; text-transform: uppercase; padding: 20px 0px;}
	.sks_lcb font{display:none;}
	.sys_wla{width:100%; padding:10px 4%; margin-top: 28px; float: left; text-transform: uppercase;font-family: 'Poppins-SemiBold'; font-size:22px;}
	.sys_wlb{width:100%; float: left; padding: 10px 4%;}
	.sys_wlb dd{width:33.33%; float: left;}
	.sks_cpgcimg{width:100%; float: left; padding: 10px 4%;}
	.sks_cpgcimg h1{font-size:18px;font-family:'Poppins-SemiBold'; padding-bottom: 18px;}
	.sks_cptta{width:100%; float: left; padding: 20px 4%; text-align: center;}
	.sks_cptta h1{font-size:22px;font-family:'Poppins-SemiBold';}
	.cp_ycspva{float:left; position: relative;}
		.cp_ycspv a{display:block; width: 100%; top:0px; position: absolute; z-index: 87; text-align: center; padding: 30% 0px; font-size:60px;}
	.cp_two{width:100%; float: left; padding: 0px 4%;}
	#container{ float: left; width:100%; padding: 0px 4%;}
#container h2{font-size: 20px;color: #0087f1;}
#wrap{position: relative;overflow: hidden; line-height: 30px; font-family: 'Poppins'; width: 100%; float: left;}
#gradient{width: 100%;height: 35px;background: url() repeat-x;position: absolute;bottom: 0;left: 0;}
#read-more{padding: 5px;background: #fff;color: #333; width: 100%; float: left; margin-top: 40px; margin-bottom: 60px; text-align: center;}
#read-more a{background: url() no-repeat 100% 50%;font-weight: bold;text-decoration: none; padding: 15px 25px; background: #bf0008; margin-top: 50px;font-family: 'Poppins-SemiBold'; font-size:18px;margin: 0px auto; text-align: center;    border-radius: 10px;}
#read-more a:hover{color: #000;}
	.cplista_aa{border:4px solid #eee; border-radius: 8px; text-align: center; width: 48%; float: left; margin: 10px 1%;}
	.cplista_aa h1{font-size:16px;color:#333;font-family: 'Poppins'; padding-bottom: 15px; }
	.cplista_a{width:100%; float: left; padding: 0px 4%;}
	.news_sxp{width:100%; float: left; padding: 12px 4%;}
	.lxa_ma h1{font-size:22px; font-weight: bold;font-family: 'Poppins-SemiBold';color:#bf0008;}
	.lxa_ma p{font-size:16px;font-family: 'Poppins'; padding-bottom: 30px;}
	.lxa_mb dd{font-size:16px;font-family: 'Poppins';color:#bf0008; line-height: 45px; font-weight: bold;}
	.lxa_mb dd span{padding-right:10px;}
	
}
/*==============================================================================*/
@keyframes hideIndex{
0%{ opacity: 0; transform: translate(0, 50px) }
100%{opacity: 1; transform: translate(0, 0) }
}

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


.ly_ka2 input::-webkit-input-placeholder,.yusuan textarea::-webkit-input-placeholder{
color:#444; font-size:14px;
}
.ly_ka2   input::-moz-placeholder,.yusuan textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#444;font-size:14px;}
.ly_ka2  input:-moz-placeholder,.yusuan textarea::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#444;font-size:14px;}
.ly_ka2   input:-ms-input-placeholder,.yusuan textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#444;font-size:14px;}


@keyframes myfirst {
    0% {
        height: 0%;
    }
    10% {
        height: 10%;
    }
    20% {
        height: 20%;
    }
    30% {
        height: 30%;
    }
    40% {
        height: 40%;
    }
    50% {
        height: 50%;
    }
    60% {
        height: 60%;
    }
    70% {
        height: 70%;
    }
    80% {
        height: 80%;
    }
    90% {
        height: 90%;
    }
    100% {
        height: 100%;
    }
}

@keyframes mysecond {
    0% {
        height: 100%;
    }
    10% {
        height: 90%;
    }
    20% {
        height: 80%;
    }
    30% {
        height: 70%;
    }
    40% {
        height: 60%;
    }
    50% {
        height: 50%;
    }
    60% {
        height: 40%;
    }
    70% {
        height: 30%;
    }
    80% {
        height: 20%;
    }
    90% {
        height: 10%;
    }
    100% {
        height: 0%;
    }
}