@charset "utf-8";
/* CSS Document */
.l_daohang li a:visited,.l_daohang li a:link,.l_untib dd a:link,.l_untib dd a:visited,.l_sy_about_nrc a:link,.l_sy_about_nrc a:visited,.ny_wz a:link,.ny_wz a:visited,.cp_read_rightb a:link,.cp_read_rightb a:visited{color:#fff;}
@media screen and (min-width: 800px) {
    .qm_maina,.qm_mainc,.l_sy_about_nra,.l_sy_about_nrb,.l_sy_about_nrc{width:100%; float: left;}
    .qm_mainb{width:100%; padding: 0px 12%; float: left;}
    .lin_top{background:#171b53;}
    .l_logo{width:20%; float: left; padding: 10px 0px;}
    .l_logo img{width:100%;}
    .l_daohang{width:78%; padding-left: 8%; float: left;}
    .l_daohang li{float:left; padding: 0px 2%; line-height: 85px; font-size:16px;}
    .l_search{width:2%; float: right;color:#fff; padding-top: 30px; font-size:20px;}
    .l_title{width:100%; float: left; padding: 3% 12%; text-align: center; }
    .l_title h1{ font-family: 'Roboto-Bold'; font-size:48px; text-transform: uppercase;color:#1c2161;}
    .l_title dd{font-size:16px;font-family: 'Roboto'; padding-top: 10px;color:#1c2161;}
    .l_unti{width:32%; float: left;overflow: hidden;}
    .l_unti_left{margin-left:2%;}
    .l_untia{ width:100%; position: relative; float: left;}
    .l_untib{ width:100%; padding:10%; float: left; position: absolute; width: 100%; left: 0px; top: 0px; background:rgba(0,0,0,0.7); height: 100%; transition: all 0.6s; display: none;} 
    .l_untib dd{float:left; width: 50%; line-height: 50px; font-size:16px;}
    .l_untic{width:100%; float: left; padding: 0px 7%; margin-bottom:12%;}
    .l_untica{width:100%; float: left; background: #fff; box-shadow: 0px 2px 7px rgba(0,0,0,0.2); z-index: 100; margin-top: -25px; position: relative; padding: 8%;}
    .l_untica h1{font-size:22px; color:#1c2161; font-family: 'Roboto-Bold'; padding-bottom: 10px;}
    .l_untica p{font-size:16px; color:#323770; line-height: 28px; margin-bottom: 20px; height:140px;}
    .l_untica dd a{float:left; padding: 6px 15px; border: 1px solid #323770;}
    .l_unti:hover .l_untib{display:block;}
    .l_sy_about{background: #1c2161; padding: 4% 0px;color:#fff; position: relative;}
    .l_sy_about_img{width:45%;  position: absolute; left: 0px; bottom: -5%;}
    .l_sy_about_nr{width:50%; float: right;}
    .l_sy_about_nra h1{font-size:30px;font-family: 'Roboto-Bold';  text-transform: uppercase;}
    .l_sy_about_nra dd{font-size:20px; padding: 10px 0px;}
    .l_sy_about_nra p{font-size:16px; padding: 2% 0px; line-height: 30px;}
    .l_sy_about_nrb{padding:10px; margin-top: 3%; margin-bottom: 4%; background: #356cc7; font-size:16px;}
    .l_sy_about_nrc{position:relative; margin-top: 3%;}
    .l_sy_about_nrc a{float:left; border: 2px solid #242e90;background: #1c2161; padding: 12px 30px; font-size: 16px; position: relative; z-index: 10; transition: all 0.6s;}
	.h_fbt {font-size:20px;font-family: 'Roboto-Bold'; margin-top: 3%; margin-bottom: 20px;}
	.cpxq_wenz{margin-top:50px; width: 100%; float: left; font-size:16px;font-family: 'Roboto';font-size:16px;color:#777; margin-bottom: 30px;}
    .l_sy_about_nrc span{background:#262d95; display: block; transition: all 0.6s; height: 54px; width: 153px; float: left; position: absolute; top:10px; left: 10px; z-index: 1;}
    .l_sy_about_sz{width:50%; float: left;color:#33366b;font-family: 'Roboto-Bold'; font-size:80px;}
    .l_sy_about_nrc:hover  span{top:0px; left:0px;}
    .l_sy_about_nrc:hover a{background:#262d95; }
    .l_sy_pdd{padding:6% 0px;}
    .l_sy_hqly{padding:3% 0px; background: #ff0656;color:#fff;}
    .l_sy_hqlya{width:100%; float: left; padding:0px 15%; }
    .l_sy_hqlyaa,.l_sy_hqlyab{width:50%; float: left;}
    .l_sy_hqlyaa dd{font-size:18px;}
    .l_sy_hqlyaa h1{font-size:52px;font-family: 'Roboto-Bold';}
    .l_sy_hqlyab input{border:0px solid #fff; background: #1c2161; padding: 10px; width: 50%; float: left;}
    .l_sy_hqlyab{margin-top:30px;}
    .l_sy_hqlyab input::-webkit-input-placeholder {color:#fff;}
    .l_sy_hqlyab button{width:60px; float: left;background: #1c2161; text-align: center; border: 0px; line-height: 43px; }
    .l_sy_news{margin:3% 0px;}
    .l_sy_newsa{width:32%; padding-bottom: 30px; float: left; transition: all 0.6s;}
    .l_sy_newsa h1{border-left:3px solid #1c2161; margin-top: 25px; padding: 0px 7%;font-size:20px;font-family: 'Roboto-Bold'; margin-bottom: 30px;}
    .l_sy_newsa p{font-size:16px; line-height: 28px; padding: 0px 7%;color:#666;}
    .l_sy_newsa dd{padding:0px 7%; margin-top: 30px;}
    .l_sy_newsa:hover{box-shadow:0px 2px 17px rgba(0,0,0,0.2);}
    .l_footer{padding:3% 0px; background: #1c2161;color:#fff;}
    .footer_logo{width:20%; float: left; text-align: center;}
    .footer_logo img{margin-bottom:40px;}
    .footer_logo a{padding:6px; border-radius: 5px;  color:#1c2161; background: #fff; font-size:20px; margin: 10px;}
    .footer_dh{width:15%; float: left; margin-left:5%; margin-top: 2%;}
    .footer_dh h1,.footer_lx h1{font-size:20px; margin-bottom: 20px;font-family: 'Roboto-Bold';}
    .footer_dh dd,.footer_lx dd{font-size:16px; line-height: 36px;}
    .footer_dh dd a:link,.footer_dh dd a:visited{color:#7a7fbe;}
    .footer_lx{width:30%; float: right; margin-top: 2%;}
    .footer_lx dd{color:#7a7fbe;}
    .footer_lx p a{ float: left; margin-top: 30px; border-bottom: 2px solid #fff; font-size:18px;font-family: 'Roboto-Bold'; line-height: 30px; text-transform: uppercase;}
    .footer_lx p a:link,.footer_lx p a:visited{color:#fff;}
    .l_footer_end{padding:20px 0px; text-align: center;}
    .l_ycdh{position:absolute;  transition: all 0.6s; display: none;left: 0px; width: 100%; z-index: 555;padding: 30px 8%; background-color:rgba(0,0,0,0.9); }
    .l_ycdha{width:15%; float: left;}
    .l_ycdha h1{font-size:20px;font-family: 'Roboto-Bold'; }
    .l_ycdha dd{font-size:16px; line-height: 35px; }
    .l_daohang li:hover .l_ycdh{display:block;}
    .kf_zj{position:fixed; right: 5px; bottom:30%;width: 80px;  z-index: 888;}
    .kf_zja{width:100%; height: 60px; padding:10px 3px; font-size:12px; border: 1px solid #eee; margin-bottom: 10px; background: #fff; border-radius: 5px; text-align: center;}
    .kf_zja span{font-size:18px;}
    .swiper-paginationv{width:100%; float: left; text-align: center; padding-top: 30px;}
    .ny_banner{position:relative;}
    .ny_wz{position:absolute; line-height: 68px; background-color:rgba(0,0,0,0.4); width: 100%; bottom:0px; padding: 0px 8%;color:#fff;}
    .ny_wz font,.ny_wz span,.ny_wz a{float:left;line-height: 68px;}
    .ny_wz span{margin:0px 15px;}
    .ny_wz font{font-size:20px;margin-right: 20px;}
    .ny_wz i{color:#af68d5; font-weight: bold;}
    .zl_unti{width:100%; float: left;justify-content:center;display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex; border-top:1px solid #eee;border-bottom:1px solid #eee; margin-bottom: 26px;}
    .zl_unti a{padding:20px 3%; font-size:18px;font-family: 'Roboto-Bold';}
    .ny_text{width:100%; float: left; margin-bottom: 4%; line-height: 28px;}
    .left_dh{width:20%; float: left; margin-top: 3%; margin-bottom: 3%;}
    .left_dha{background:#171b53;color:#fff; font-size:22px;font-family: 'Roboto-Bold'; padding: 15px 20px;}
    .left_lbdh dl{display:none; margin-top: 20px;}
    .left_lbdh{border:1px solid #eee; padding: 15px 20px; margin-top: 5px;}
    .left_lbdh h1{font-family: 'Roboto-Bold'; font-size:18px;}
    .left_lbdh h1 span i{float:right;}
    .left_lbdh dl dd{line-height:32px;}
    .left_lbdh dl dd font{margin-right:14px;}
    .right_nr{width:76%; float: right; margin-top: 3%;}
    .right_nra{width:100%; float: left;}
    .right_nra h1{font-size:32px;font-family: 'Roboto-Bold'; border-bottom: 1px solid #eee; line-height: 50px; margin-bottom:10px;}
    .right_nra p{font-size:16px; line-height: 28px; margin-bottom: 5%;}
    .l_goods{width:100%; float: left; margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 30px; transition: all 0.6s;}
    .l_goods:hover .l_goods_img{box-shadow: 0px 2px 7px rgba(0,0,0,0.2); }
    .l_goods_img{width:100%; float:left; border: 1px solid #eee; padding: 10px;transition: all 0.6s;}
    .l_goods_nr{width:100%; float: right; }
    .l_goods_nr h1{font-size:18px; line-height: 30px; padding-top: 12px; font-family: 'Roboto-Bold'; margin-bottom: 18px;}
    .l_goods_nr p{line-height:30px;}
    .l_goods_nr dd a{ float: left; padding: 15px 30px;}
    #page{justify-content: center; width: 100%; float: left;display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex; margin-bottom: 30px;}
    #page span,#page a{padding:5px 10px; margin: 0px 5px; border: 1px solid #eee;line-height:35px;}
    #page span{line-height:35px;}
    .tj_cp{margin-top:30px;}
    .left_news_cp{width:100%; padding: 10px 16px; float: left; border-left:1px solid #eee;border-bottom:1px solid #eee;border-right:1px solid #eee;}
    .left_news_cpa{width:100%; float: left; border-bottom: 1px solid #eee;}
    .left_news_cpaa{width:36%; float: left;}
    .left_news_cpab{width:58%;padding-top: 12px; font-size:16px; float: right;font-family: 'Roboto'; line-height: 28px;}
    .left_news_cp .l_sy_about_nrc{margin-bottom:40px;}
    .right_nra h1 span{float:right;font-family: 'Roboto'; font-size:16px; }
    .right_nra h1 span font{margin-right:8px;}
    .cp_leftimg{width:40%; float: left;}
    .cp_read_right{width:54%; float: right;}
    .cp_read_righta,.cp_read_rightb{width:100%; float: left;}
    .cp_read_righta h1{font-size:22px;font-family: 'Roboto-Bold'; border-bottom: 1px solid #eee; line-height: 55px; margin-bottom: 30px;}
    .cp_read_righta p{font-size:16px; line-height: 30px; margin-bottom: 8%;}
    .cp_read_rightb a{float:left; padding: 8px 18px; border-radius: 500px;background:#171b53; margin-right: 18px;}
    .cp_read_rightb a span{margin-right:10px;}
    .cp_read_tt{width:100%; float: left; margin-top: 4%; margin-bottom: 3%;}
    .cp_read_tta,.cp_read_ttb{width:100%; float: left;}
    .cp_read_ttb{margin-bottom:60px;}
    .cp_read_tta{border-bottom:1px solid #eee; margin-bottom: 30px;}
    .cp_read_tta span{float:left; padding: 8px 30px; background:#171b53;color:#fff;}
    .l_goods{width:23%; float: left; margin: 10px 1%;}
    .swiper-slide-thumb-active{border:1px solid #171b53; box-shadow: 0px 2px 10px rgba(0,0,0,0.3);}
    .pb{position:absolute; top:35%; left: 35%;font-size:30px; line-height: 100%;color:#fff;}
	.l_sy_about_img button{position:absolute; color:#fff; top:40%; left: 50%; font-size:80px; border: 0px; background:none;}
	#zxly_menua{display:none;}
	 .about_tt{width:20%; margin-top: 3%; margin-bottom: 20px; float: left; font-size:42px; line-height: 50px; border-right:3px solid #2c5ba9;font-family: 'MyriadPro-Semibold'; }
	 .news_list{width:100%; transition: all 0.6s; margin-top: 2vw; float: left; }
    .news_lista{width:25%; float: left;}
    .news_listb{width:64%; padding-left:3%; float: left;}
    .news_listb h1{font-size:20px;font-family: 'MyriadPro-Regular'; margin-top: 1vw; font-weight: bold; margin-bottom: 26px;}
    .news_listb p{font-size:16px; line-height: 28px;}
    .news_listc{width:100px;margin-top: 1vw; text-align: center; padding: 15px; float: right; background:#ededed; font-size:18px; transition: all 0.6s;}
    .news_listb dd span{float:left; transition: all 0.6s; background: #eee; transition: all 0.6s; border-radius: 5px; padding: 10px 20px; margin-top: 2vw; font-size:18px;}
    .news_list:hover  .news_listb dd span{background:#2c5ba9; color:#fff;}
    .news_list:hover .news_listc{background:#2c5ba9; color:#fff; border-radius:6px;}
    .news_list:hover .news_listb h1{color:#2c5ba9;}
    .news_read_tt,.news_read_nr{width:100%; float: left;}
    .news_read_tt{ text-align: center; border-bottom:1px dotted #bfbebe; margin-top:3%;}
    .news_read_tt h1{font-family: 'MyriadPro-Regular';  font-weight: bold;font-size:28px;}
    .news_read_tt dd{padding:25px 0px;}
    .news_read_tt dd span{margin:0px 15px;}
    .news_read_nr{padding:2vw 0px; line-height: 30px; font-size:16px;}
    .news_read_nr p{margin-bottom:2vw;}
    .news_read_fy dd{border-bottom:1px dotted #bfbebe;line-height: 32px; }
    .news_read_fy{width:50%; line-height: 32px; float: left; margin-bottom:4%;}
    .videoo_ma{width:100%; float: left; margin-bottom: 4%;}
     .lx_lefta{width:100%; float: left; margin-bottom: 20px; background: #f1f1f1;}
	.lx_maina{margin-top:30px;width: 100%; float: left; }
	.lx_mu{padding:0px 8%;}
	.lx_left{width:27%; float: left;}
	.lx_right{width:100%; float: right; background: #fff; padding:0px 0px;}
	.lx_lefta{padding:20px;}
	.lx_lefta1{width:25%; line-height: 95px; float: left; background:#171b53; color:#fff; border-radius: 10px; 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; margin-bottom: 50px; width: 100%; float: left;}
	.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';}
    .zxly_mainb input,.zxly_mainb textarea{width:100%; border: 0px; background: #f1f1f1; }
    .m_left{margin-left:1%;}
    .zxly_main .cp_tt{margin-top:4%; margin-bottom: 2%;}
    .my-map { margin: 0 auto; width:100%; height:570px; }
    .zxly_mainb input,.zxly_mainb textarea{width:100%; border: 0px;}
    .cp_tt{width:100%; float: left; text-align: center;}
    .cp_tt h1{font-size:46px; font-weight: bold;color:#34382e; margin-bottom: 16px;}
    .cp_tt p{font-size:16px; color:#7f7f7f; font-weight: normal;font-family: 'Poppins';}
    .contact_lxa{width:49%; margin-top: 3%; margin-bottom: 2%; float: left; border: 1px solid #eee; padding: 35px;}
    .contact_lxaa{width:100%; height: 87px; float: left; border-bottom: 1px solid #eee; font-size:30px; padding-bottom: 12px;font-family: 'Roboto-Bold'; }
    .contact_lxab{width:100%; float: left;}
    .lxfs_a{width:100%; float: left; margin: 30px 0px; padding-left: 70px; position: relative; padding-right: 30px;}
    .lxfs_a span{position:absolute; left: 0px; top: 0px; font-size:26px;color:#089140; border: 1px solid #089140; padding: 10px; border-radius: 500px;}
    .lxfs_a h2{font-size:18px;font-family: 'Roboto-Bold'; margin-bottom: 10px;}
    .lxfs_a dd{font-size:14px; line-height: 28px;}
		.img_list{width:100%; float: left; margin-bottom: 4%;}
	.img_listd{margin-bottom:10px;}
	 .img_listcf li{width:23.875%; position: relative; z-index: 1; float: left; margin-bottom: 1.5%;}
    .img_listcf li h1{font-size:18px; padding: 10px 0px;}
	.img_left{margin-left:1.5%;}
    .lxleft{margin-left:2%;}
	.sc_ma{width:100%; padding-right: 40%; float: left; margin-bottom: 36px; /*box-shadow: 0px 2px 7px rgba(0,0,0,0.2); border-radius: 20px; padding: 25px;*/}
	.sc_ma h1{font-size:24px;font-family: 'Poppins-SemiBold'; margin-bottom: 10px;}
	.sc_list{/*box-shadow: 0px 2px 12px rgba(0,0,0,0.1);*/ margin-bottom: 40px;  width: 100%; float: left;}
	.sc_lista{width:50%; float: left;}
	.sc_listb{width:45%; float: right;}
	.sc_listb h1{font-size:28px; margin-top: 30px; font-family: 'Poppins-SemiBold';  margin-bottom: 20px;}
	.sc_listb p{font-size:18px; margin-bottom: 20px;}
	.sc_listb dd{font-size:16px; background: #f1f1f1; border-radius: 8px; padding: 10px; margin-bottom: 15px; line-height: 32px;}
	.sc_bg{background:#f1f1f1; padding: 3% 0px;}
	.sc_bg .sc_lista{float:right;}
	.sc_bg .sc_listb{float:left;}
	.sc_bg .sc_listb dd{ background: #f9f9f9;}
	.sc_mg{ margin:3% 0px;}
	.ny_banner h2{position: absolute; top:30%; text-align: center; width: 100%; font-size:30px;font-family: 'Poppins-SemiBold';  color:#fff;}
    .layui-table td, .layui-table th{line-height:30px; padding:9px 15px;}
    .cp_read_ttb img{width:100%;}
    .kf_zja{position:relative;z-index: 20;} 
    .kf_zja .kfnr_tel{width:300px; z-index: 10; transition: all 0.6s; display: none;position: absolute; right:0px; background: #fff; line-height: 60px; top:-1px; font-size:16px; border-radius: 10px;}
    .kf_zja:hover .kfnr_tel{display:block; right: 60px;}
    
}
@media screen and (min-width: 1201px) {
	
	.l_logo{width:34%; float: left; padding: 10px 0px;}
    .l_logo img{width:100%;}
    .l_daohang{width:64%; padding-left: 4%; float: left;}
    .l_daohang li{float:left; padding: 0px 2%; line-height: 85px; font-size:14px;}
}
@media screen and (min-width: 1400px) {}
@media screen and (min-width: 1600px) {
	.l_logo{width:30%; float: left; padding: 10px 0px;}
    .l_logo img{width:100%;}
    .l_daohang{width:68%; padding-left: 4%; float: left;}
    .l_daohang li{float:left; padding: 0px 3%; line-height: 85px; font-size:18px;}
	
}

/*手机端*/
@media screen and (max-width: 800px) {}