@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:#111;}
@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 14%; float: left; }
    .lin_top{}
    .l_logo{width:20%; float: left; padding: 10px 0px;}
    .l_logo img{width:100%;}
    .l_daohang{width:78%;float:right;justify-content: center; text-transform: uppercase;float: left;display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex; }
    .l_daohang li{float:left; padding: 0px 2%; line-height: 85px; font-size:16px; font-weight:bold;font-family: 'Roboto-Bold'; position: relative;}
    .l_search{width:10%; float: right;color:#fff; padding-top:46px; font-size:20px;justify-content:right; display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;}
    .l_search li{float:right; padding-left: 20px;}
    .l_search li a:link,.l_search li a:visited{color:#111;}
    .l_search li img{height:30px;}
    .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:18.4%; 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;  margin-bottom:12%;}
    .l_untica{width:100%; float: left; z-index: 100;  position: relative;  margin-top: 32px;}
    .l_untica h1{font-size:18px; width: 100%; float: left; line-height: 40px; margin-bottom: 30px; color:#fff; font-family: 'Roboto-Bold'; padding-bottom: 10px;}
    .l_untica h1 span{background:#fff; color:#141b4d; float: left; margin-right: 15px; display:block; width:35px; line-height: 35px; text-align: center; height:35px; border-radius: 500px;}
    .l_untica p{font-size:16px; color:#fff; 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{ padding:7% 0px;}
    .l_sy_about_img{width:45%;  float:right; position: relative;}
    .l_sy_about_nr{width:50%; float:left;}
    .l_sy_about_nra h1{font-size:46px;font-family: 'Roboto-Bold';  text-transform: uppercase;color:#111;}
    .l_sy_about_nra dd{font-size:26px; padding: 10px 0px;}
    .l_sy_about_nra p{font-size:18px; padding: 2% 0px; line-height: 35px;}
    .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 #970404;background: #af0000; 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; border-top:1px solid #eee;}
    .l_sy_about_nrc span{background:#970404; 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 a:link,.l_sy_about_nrc a:visited{color:#fff;}
    .l_sy_about_nrc:hover a{background:#fff;color:#111; }
    .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; color:#132353;background-color: #1d1d1d;}
    .footer_logo{width:20%; float: left; }
    .footer_logo img{margin-bottom:40px;}
    .footer_logo dd{color:#fff; font-size:16px; line-height: 38px;}
    .footer_logo a{padding:6px; border-radius: 5px;  color:#1c2161; background: #f1f1f1; font-size:20px; margin: 10px;}
    .footer_dh{width:18%; float: left; margin-left:3%; margin-top: 2%;}
    .footer_dh h1,.footer_lx h1{font-size:20px; margin-bottom: 20px;font-family: 'Roboto-Bold';}
    .footer_lx h1{color:#fff; font-weight: bold;}
    .footer_dh dd,.footer_lx dd{font-size:16px; line-height: 36px;font-family: 'Roboto-Bold';}
	.footer_dh dd{margin-bottom:16px;}
    .footer_dh dd a:link,.footer_dh dd a:visited{color:#fff;}
	.footer_dh dd a span{float:left; padding: 3px; background: #fff; color:#141b4d; border-radius: 500px; font-size:14px; margin-right:10px; margin-top: 5px;}
    .footer_lx{width:26%;  float: right; margin-top: 2%;}
    .footer_lx dd{color:#fff;}
    .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:240px; z-index: 555;padding: 30px 8%; background-color:rgba(255,255,255,0.9); }
    .l_ycdha{width:100%; 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;  text-align: center;  width: 100%; bottom:50%; padding: 0px 8%;color:#fff;}
	.ny_wz h1{font-size:46px;font-family: 'Roboto-Bold';}
    .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; font-size:18px;}
    .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_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:100%; 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:25%; 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;}
    .mySwiperab{width:100%; float: left; margin-top: 4%; margin-bottom: 2%;}
    .swiper-paginationab{width:100%; float: left; padding-top: 30px; text-align: center;}
    .qm_server{background-color: #1fc8db;
    background-image: linear-gradient(140deg, #122e64 0%, #141f52 50%, #141b4d 75%); padding: 3% 0px;}
    .xd_title{font-size:46px; color:#fff;font-family: 'Poppins-SemiBold'; border-bottom: 1px solid #fff; margin-bottom: 3%;}
    .xd_title a{font-family: 'Poppins'; font-size:16px; float: right; line-height: 90px;}
    .xd_title a:link,.xd_title a:visited{color:#fff;}
	.xt_meu{width:100%; float: left; position: relative; margin-top: 6%;}
	.xt_meua,.xt_meuc{width:5px; height: 5px; background: #fff; border-radius: 500px; position: absolute;}
	.xt_meub{width:100%; height: 1px; margin-top: 2px; background:  #fff; float: left;}
	.xt_meuc{ right: 0px;}
	.xt_meua{ left: 0px;}
	.server_sm{width:100%; float: left; padding-bottom: 5%; padding-top: 4%;color:#fff; position: relative;}
	.server_sma h1{font-size:24px;font-family: 'Poppins-SemiBold'; margin-bottom: 30px;}
	.server_sma dd{font-size:16px;line-height: 40px;}
	.server_sma p{font-size:18px; margin-top: 50px;font-family: 'Poppins-SemiBold';}
	.server_smb{position:absolute; width: 50%; top: 5%; right:0px;}
	.xd_titlen{color:#111; border-bottom: 1px solid #111;}
	.xd_titlen a:link,.xd_titlen a:visited{color:#111;}
	.foo_xt_meu .xt_meua,.foo_xt_meu .xt_meuc,.foo_xt_meu .xt_meub{background: #111;}
	.footer_dhom{width:13%;}
	.footer_lx dd{font-size: 14px;font-family: 'Poppins';color:#fff;}
	.hzcgs_list{width:100%; float: left;justify-content: center;  float: left;display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;}
	.hzcgs_list li{width:16.66%; float: left; background: #f1f1f1; margin: 15px 0%;}
    .fw_text{width:100%; float: left; padding: 0px 12%; position: absolute; top:40%;color:#fff;}
    .fw_text h1{font-size:46px;font-family: 'Poppins-SemiBold'; margin-bottom: 20px;}
    .fw_text p{font-size:18px; line-height: 30px;}
    .server_case{width:100%; float: left; margin-top: 3%; margin-bottom: 3%;}
    .sy_dingz{background:#1f3588; color:#fff;}
    .dz_wenan{width:100%; float: left;justify-content: center; text-transform: uppercase;float: left;display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex; }
    .dz_wenan li{width:25%; text-align: center; padding:2.2% 2%;}
    .dz_wenan li h1{font-size:30px;padding-bottom: 15px; font-weight: bold;}
    .dz_wenan li dd{font-size:18px; line-height: 35px;}
    .title_h{width:100%; float: left; padding-top: 5%; text-align: center; padding-left:35%; padding-right:35%; }
    .title_h h1{font-size:46px; font-weight: bold;}
    .title_h dd{width:100%;float: left; position: relative; font-size:18px; margin-top: 15px;}
    .title_h dd span{display:block; width: 90px; height: 1px; top: 14px; background: #111; position: absolute;}
    .x_a{left:0px;}
    .x_b{right:0px;}
    .layui-tab-title{border:1px solid #ccc;}
    .layui-tab .layui-tab-title li{ line-height: 60px; width:16.66%; font-size:20px;}
    .layui-tab .layui-tab-title{height:auto;}
    .layui-tab{margin-top:3%;}
    .layui-tab .layui-tab-title .layui-this{background:#1f3588;color:#fff;}
    .sy_cplist{width:23.5%; float: left; position: relative; padding: 2%;}
    .sy_cplista{width:100%; float: left; height: 180px; background: #1f3588; position: absolute; transition: all 0.6s; top: 0px; left:0px;  z-index: 1;}
    .layui-tab-content{width:100%; float: left; padding-top: 3%; margin-bottom: 6%;}
    .sy_cplistb{position:relative; z-index: 10; background:#fff; text-align: center;}
    .sy_cplistb img{width:100%; border: 1px solid #ccc;}
    .sy_cplistb h1{font-size:20px; text-align: center; padding-top: 3%;}
    .sy_cplist:hover .sy_cplista{ height: 250px;}
    .sy_nengli{background-image: url("../images/nl_bg.jpg");  background-position: center;  background-repeat: no-repeat; background-size: cover; }
    .nengli_left{width:50%; float:right; margin-top: 4%; margin-bottom: 4%;}
    .nengli_right{width:46%; margin-top: 4%; margin-bottom: 4%; float: left;}
    .nengli_righta{width:100%; margin-bottom: 9%; float: left; position: relative; padding-left:8%; z-index: 10;}
    .nengli_righta span{position:absolute; left:20px; top:18px;width:30px; height:30px; border-radius: 500px; border: 5px solid #fff; z-index: 20;}
    .nengli_righta h1{font-size:28px; margin-top: 12px; color:#fff; margin-bottom:10px; font-weight: bold;z-index: 20; position: relative;}
    .nengli_righta dd{font-size:18px; line-height: 32px;color:#fff;z-index: 20;position: relative;}
    .nengli_rightb{ transform: skew(-10deg, 0); display: none;position: absolute; z-index: 2; transition: all 0.6s; top: 0px; left: 0px; background-color: #fff; width: 100%; height: 120px; line-height: 100px;}
    .nengli_righta:hover .nengli_rightb{display:block;}
    .nengli_righta:hover h1{color:#111;}
    .nengli_righta:hover span{border: 5px solid #222; }
    .nengli_righta:hover dd{color:#111;}
    .sy_newsl{width:40%; float: left; margin-top: 4%; margin-bottom: 5%;}
    .sy_newsl h1{font-size:30px; font-weight: bold; margin: 15px 0px;}
    .sy_newsl a:link,.sy_newsl a:visited{color:#222;}
    .sy_newsl p{font-size:18px; line-height: 30px;color:#444; margin-top: 15px; width: 100%; float: left;}
    .sy_newsr{width:55%; float: right;margin-top: 4%; margin-bottom: 5%;}
    .sy_newsra{width:100%; float: left; background: #f1f1f1; padding:3%; margin-bottom: 20px;}
    .sy_newsraa{width:10%; float: left;text-align: center;}
    .sy_newsraa dd{font-size:26px; font-weight: bold;}
    .sy_newsraa p{font-size:16px;}
    .sy_newsrab{width:87%; float: right;}
    .sy_newsrab h1{font-size:24px;font-weight: bold; margin-bottom: 15px;}
    .sy_newsrab p{font-size:18px; line-height: 30px;}
    .footer_dh h1{color:#fff; font-weight: bold;}
    .footer_lx img{width:34%; margin-right:6%; float: left;}
    .f_banquan{width:100%; float: left;color:#fff; padding-top:3%;}
    .footer_lx h2{font-weight:bold; font-size:24px;color:#fff; margin-bottom: 3%;}
    .weizhi_ma{background:#f1f1f1;}
    .weizhi_mal,.weizhi_mar{width:50%; float: left; }
    .weizhi_mar{text-align: right;}
    .weizhi_mal a{padding:20px 3%; float: left; font-size:18px;}
    .weizhi_mal a:link,.weizhi_mal a:visited{color:#222;}
    .weizhi_mal .linka:link,.weizhi_mal .linka:visited{color:#1f3588;}
    .weizhi_mal .linka{font-weight:bold;}
    .weizhi_mar{line-height:69px;}
    .weizhi_mar font{padding:0px 15px;}
    .cp_menu{width:100%; float: left; border: 1px solid #ccc; margin-top: 3%;}
    .cp_menu a{display:block; float: left; width:16.66%; text-align: center; font-size:18px; line-height: 65px;}
    .cp_menu .linkb{background:#1f3588;}
    .cp_menu .linkb:link,.cp_menu .linkb:visited{color:#fff;font-weight: bold;}
    .cpxq_wenza{width:50%; float: left; position: relative; padding-left: 50px;}
    .cpxq_wenza span{position:absolute; left: 0px;top:20px; font-size:36px;color:#f60; }
    .cpxq_wenza h1{font-size:18px; font-weight: bold;color:#111; margin-top: 15px;}
    .cpxq_wenza dd{color:#222;}
    .cpxq_wenzb{width:50%; float: right; text-align: right;}
    .cpxq_wenzb a{padding:15px 40px; background: #f60; float: right; margin-top: 20px;}
    .cpxq_wenzb a:link,.cpxq_wenzb a:visited{color:#fff;}
    .scsb_list{width:100%; float: left; background: #f1f1f1; margin-top: 3%; margin-bottom: 5%;}
    .scsb_lista{width:20%; float: left; text-align: center; padding: 3% 0px;}
    .scsb_lista h1{font-size:30px; font-weight: bold; margin-bottom: 10px;}
    .scsb_lista dd{font-size:18px;}
    .ny_aboutma{width:100%; float: left; padding:5% 0px;}
    .wh_list{width:100%; margin-bottom: 3%; float: left;}
    .wh_lista{width:45%; float: left; margin-top: 3%; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-top: 1px solid #eee; padding:3% 4%; position: relative;}
    .wh_lista span{position:absolute; font-size: 18px; padding:10px 18px; background: #f60; color:#fff; top: -25px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);}
    .wh_lista h1{font-size:18px; font-weight: bold; padding-bottom: 15px;}
    .wh_lista p{font-size:16px; line-height: 32px;color:#555;}
    .wh_listb{width:55%; float: right;}
    .wh_list_os .wh_lista{float:right;border-right: 1px solid #eee;}
    .wh_list_os .wh_listb{float:left;}
    .wh_list_os  .wh_lista span{right:4%;}
    .ce2 .l_logo{width:7%;}
    .dz_main{width:100%; float: left;}
    .dz_maina{width:70%; float: left;}
    .dz_mainb{width:30%; float: right;}
    .dz_maina h1{font-size:32px; font-weight: bold; padding-bottom: 15px; color:#ff8b00; border-bottom: 1px solid #eee; margin-bottom: 20px;}
    .dz_maina dd{color:#333; font-size:22px; margin-bottom: 15px;}
    .dz_maina p{font-size:16px;color:#777; padding-bottom: 15px;}
    .dz_maina p a{float:left; padding: 10px 30px; border: 1px solid #ccc; margin-top: 30px;}
    .zj_shili{width:100%; float: left; margin-top: 3%; margin-bottom: 5%:}
    .zj_shilia{width:23.5%; float: left; background: #f1f1f1;}
    .zj_shiliaa,.zj_shiliab{width:100%; float: left; position: relative;}
    .zj_shiliab{padding:30px;}
    .zj_shiliab h1{font-size:24px; font-weight: bold; padding-bottom: 15px;color:#ff8b00;}
    .zj_shiliab p{font-size:16px; line-height: 30px; min-height: 90px;}
    .zj_shiliab span{position:absolute; padding:5px 15px; font-size:30px; font-weight: bold; background:#ff8b00; font-style: italic;top:-59px;color:#fff;}
}
@media screen and (min-width: 1201px) {
	
	.l_logo{width:34%; float: left; padding: 10px 0px;}
    .l_logo img{width:100%;}
    .l_daohang{width:64%; 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:13%; float: left; padding: 10px 0px;}
    .l_logo img{width:100%;}
     .ce2 .l_logo{width:9%;}
    .ce2 .l_daohang li{line-height:90px;}
    .ce2 .l_search{padding-top:30px;}
    .l_daohang{width:63%;  float:right;}
    .l_daohang li{float:left; padding: 0px 3%; line-height:135px; font-size:18px;}
	
}

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