@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ display:block; max-width:100%;margin: auto;}
	
	/*头部样式*/
	.max{ max-width:1400px;margin: 0px auto;}
	.header{padding:12px 0px 18px 0px;background:rgba(0,0,0,0.15); position:absolute; top:0px; overflow:hidden; z-index:10; width:100%;}
	.logo{ float:left; margin-left:0px;}
	.logo img{ display:block;}
	
	.tel{ margin-right:0px;}
	.tel .title{ font-size:14px; color:#333; background:url(../images/01.png) no-repeat left center; padding-left:30px;}
	.tel span p{ text-align:left; font-family:"Impact";font-size:30px; letter-spacing:3px; margin-left:125px; color:#e4791f;}

	/*导航样式*/
	nav{max-width:1000px; width:100%; float:right;}
	.nav{overflow:hidden; float:left; width:100%;}
	.nav li{ position:relative; max-width:calc(100% / 9); width:100%; float:left; text-align:center; padding:18px 0px; text-align:center;}
	.nav>li>a{ font-size:16px; color:#fff; border-bottom:3px solid transparent; padding-bottom:2px;font-weight:bold;}
	
	.nav ol{ background:rgba(0,87,164,0.50); float:left; overflow: hidden; z-index:-5; position:absolute; opacity:0; top:100%;}
	.nav ol li{ float:left; width:100%; text-align:center; border-bottom:1px solid rgba(255,255,255,0.70);}
	.nav ol li:last-child{margin-bottom:8px;}
	.nav ol li a{ padding:15px; width:100%;float:left; line-height:normal; box-sizing:border-box; color:#fff;}
	.nav>li a:hover{ color:#ff6637; border-bottom:3px solid #ff6637;}
	#dh{ display:none; float:right; width:20%;}
	.dh{text-align:center;max-width:64px; background:none; font-size:36px; max-height:64px; width:100%; height:150px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:800px;}
	.banner ul{ position:absolute; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner:hover ol{ opacity:1;}
	.banner ol{opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s; text-align:center;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:100%; height:5px; width:5px; display:inline-block; border:2px solid rgba(4,20,106,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:756px; width:100%; object-fit:cover;}
	
	.ban_ny .banner li img{height:556px;}
	
	.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
	.lef_rig span{ opacity:0.5; cursor:pointer;top:calc(50% - 50px); position:absolute;  z-index:2; font-size:50px;text-align:center; color:rgba(4,20,106,1.00);}
	.lef_rig span:first-child{ transform:rotate(180deg);left:1%; }
	.lef_rig span:nth-child(2){right:1%;}
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	.banner:hover .lef_rig{ opacity:1;}
	#dot{ background:rgba(4,20,106,1.00); border:2px solid rgba(4,20,106,1.00); opacity:1;}
	
	.often{ text-align:center; overflow:hidden; padding:54px 0px 35px 0px;}
	.often .title{ color:#0b133e; font-size:46px; font-weight:bold; text-transform:uppercase;}
	.often .text{ color:#111; font-size:30px; margin-top:6px;}
	
	
	
	section.search{ background:#fff; padding:16px 0px; overflow:hidden;}	
	.search .max{ overflow:visible;}	
	.search .hotword{ float:left; width:65%; line-height:44px; height:44px;}	
	.search .hotword span{font-size:18px; color:#0b133e; font-weight:bold;}	
	.search .hotword a{ color:#333; font-size:14px; font-weight:normal; display:inline-block; margin-right:1%;}	
	.search .find{ float:right; max-width:30%; width:100%; box-shadow:0px 3px 3px rgba(0,0,0,0.15); border-top-left-radius:44px; border-bottom-left-radius:44px;}	
	.search .find input[type=text]{ width:calc(100% - 53px); height:44px; float:left; border:0px; box-sizing:border-box; outline:none; padding-left:2%; box-sizing:border-box;}	
		
	.search .find input[type=submit]{ cursor:pointer; width:53px; height:44px; float:left; border:0px; background:#0b133e; color:#fff; font-size:26px;}
	
	section.products{ background:url(../images/pro_01.jpg) no-repeat center; background-size:100% 100%; overflow:hidden; padding-bottom:60px;}
	.pro_l{ width:50%;max-width: 520px;margin-bottom: 38px;}
	.pro_l ul{ display:flex;}
	.pro_l li{ width:100%; float:left; overflow:hidden; background:#dddddd;  padding:19px 0px; max-width:160px; text-align:center;}
	.pro_l li .number{ font-size:60px; color:#a9a8a8; float:left; font-family:"汉真广标"; max-width:90px; width:100%; text-align:center;}
	.pro_l li .content{ }
	.pro_l li .title{ font-size:16px; color:#0b133e;  font-weight:bold;}
	#pro_l .title{ color:#FFF;}
	.pro_l li .text{ font-size:12px; color:#a9a8a8; float:left; width:100%; margin-top:8px;}
	.pro_l .contact{ background:#b67a24; overflow:hidden; float:left; width:100%; color:#fff; padding:20px 0px; font-size:20px; font-weight:bold; box-sizing:border-box; line-height:35px;}
	.pro_l .contact .picture{float:left; width:100%;max-width:70px;}
	.pro_l .contact .text{ float:left; max-width:calc(100% - 70px); margin-left:2px;}
	.pro_l .contact .text p{ font-size:24px; letter-spacing:1px;}
	.pro_l .contact .text p:nth-of-type(2){ letter-spacing:0px;}
	.pro_l li:hover{background:#04146a;}
	.pro_l li:hover .title{color:#fff;}
	.pro_l li:hover .number{color:#fff;}
	#pro_l{background:#04146a;}
	#pro_l .text{color:#fae6ca;}
	#pro_l .number{color:#fff;}
	
	.pro_r{width:100%;}
	.pro_r .pro_show{ width:100%; border:8px solid #0e3585; box-sizing:border-box; padding:16px 17px; background:#fff; overflow:hidden;}
	.pro_r .pro_show .picture{ width:100%; max-width:280px; float:left;}
	.pro_r .pro_show .picture img{ width:100%; height:200px; object-fit:cover;}
	.pro_r .pro_show .content{ max-width:calc(100% - 320px); float:right; width:100%;}
	.pro_r .pro_show .content .title{ font-size:18px; font-weight:bold; color:#111;padding-top: 10px;}
	.pro_r .pro_show .content .text{ font-size:14px; line-height:24px; min-height:48px; height:48px; overflow:hidden; color:#555; margin-top:26px;}
	.pro_r .pro_show .content .tel{ font-size:18px; color:#111; font-weight:bold; margin-top:16px;}
	.pro_r .pro_show .content .tel font{ font-size:24px; color:#b67a24; font-weight:bold;}
	.pro_r .pro_show .content a{ float:left; width:127px; line-height:35px; border:1px solid #e3e3e3; text-align:center; font-size:14px; color:#666; margin:26px 10px 0px 0px; height:35px; box-sizing:border-box;}
	.pro_r .pro_show .content a:hover{ background:#0e3585; color:#fff; border:1px solid #0e3585;}
	.pro_r ul{ margin-top:21px; overflow:hidden;}
	.pro_r ul li{ float:left; margin-right:18px; max-width:calc(25% - 14px); width:100%;}
	.pro_r ul li:last-child{margin-right:0px;}
	.pro_r ul li .picture{ height:238px; width:100%; object-fit:cover; border:5px solid #fff; overflow:hidden; float:left; box-sizing:border-box; background:#fff;}
	.pro_r ul li .picture img{ height:235px; width:100%; object-fit:cover;}
	.pro_r ul li .hide{ display:none !important;}
	.pro_r ul li:hover .picture{ border:5px solid #0e3585;}
	#pro_show .picture{ border:5px solid #0e3585;}
	.pro_r ul:nth-of-type(n+2){ display:none;}
	
	section.honor{ padding-bottom:63px; overflow:hidden;}
	.hon_b{ overflow:hidden;}
	.hon_b ul{ overflow:hidden; position:relative; width:9999px;}
	.hon_b li{ width:335px; float:left; background:#f4f4f4; margin-right:20px;  border-bottom:4px solid #e9e9e9;}
	.hon_b li .picture{width:100%; display:block;}
	.hon_b li .picture img{ height:256px; width:100%; object-fit:cover;}
	.hon_b li .title{ font-size:16px; color:#111111; text-align:center; float:left; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:pre; padding:22px 2% 16px 2%; box-sizing:border-box;}
	.hon_b li:hover{border-bottom:4px solid #04146a;}
	.hon_b li:hover .title{ color:#04146a;}

	section.about{ background:url(../images/ab_01.jpg) no-repeat center; padding-bottom:76px; box-sizing:border-box; overflow:hidden;}
	.about .often{padding:54px 0px 60px 0px;}
	.about .often .title{ color:#fff;}
	.about .often .text{ color:#fff;}
	.about_b{ background:rgba(255,255,255,0.95); padding:12px 26px 12px 12px; box-sizing:border-box; overflow:hidden;}
	
	.about_l{ float:left; max-width:664px; width:100%;}
	.about_l img{ float:left; height:443px; object-fit:cover; width:100%;}
	.about_r{ float:right; max-width:calc(100% - 700px); line-height:24px; width:100%; text-align:left;}
	.about_r .title{font-size:24px; font-weight:bold; color:#04146a; margin-top:14px;}
	.about_r .content{ margin-top:18px;}
	.about_r .content p{ text-indent:28px; color:#111111; font-size:16px; line-height:30px;}
	.about_r .slogan{ font-size:18px; font-weight:bold; color:#b67a24; margin-top:10px;}
	.about_r a{background:#04146a; color:#fff;width:140px; margin-right:10px; display:inline-block;text-align:center; line-height:40px; font-size:14px; margin-top:20px;}
	

	section.news{ padding-bottom:58px; overflow:hidden;}
	.news_l{ max-width:600px; width:100%; float:left; background:#f2f2f2; overflow:hidden; margin-top:20px;}
	.news_l .picture{float:left; overflow:hidden; width:100%;}
	.news_l .picture img{width:100%; height:366px; object-fit:cover; transition:all linear 0.2s;}
	.news_l .content{float:left; width:100%; padding:26px; box-sizing:border-box;}
	.news_l time{ overflow:hidden; display:block; font-size:16px; line-height:20px;}
	.news_l time font{ float:left; color:#0048b5; margin-right:7px;}
	.news_l time p{ float:left; color:#0048b5; padding-left:1%; font-size:14px;}
	.news_l .title{background:url(../images/ne_01.png) no-repeat right center; margin-top:30px; overflow:hidden; display:block; margin-bottom:10px;}
	.news_l .title p{ font-size:24px; color:#0048b5; float:left; max-width:80%; width:100%; overflow:hidden; white-space:pre; text-overflow:ellipsis;}
	
	.news_r{ max-width:780px; float:right;margin-top:20px;}
	.news_r li{background:#f2f2f2; float:left; max-width:100%; width:100%; margin-bottom:12px; overflow:hidden; padding:13px 0px;}
	.news_r li:last-child{margin-bottom:0px;}
	.news_r li{ display:flex; align-items:center;}
	.news_r li::after{ content:">"; font-family:"仿宋"; font-size:20px; color:#666; margin-left:auto; margin-right:32px;}
	.news_r li a{margin:0px;}
	.news_r li time{ max-width:97px;  width:100%;display:inline-block; margin:0px;text-align:center; border-right:1px solid #666; box-sizing:border-box; padding:8px 20px;}
	.news_r li time .date{ font-size:24px;color:#0048b5}
	.news_r li time .year{ font-size:14px; color:#0048b5;}
	.news_r li .content{ padding-left:20px; float:left;width:78%; box-sizing:border-box; margin:0px;}
	.news_r li .content .title{white-space:pre; font-size:16px; overflow:hidden; text-overflow:ellipsis;color:#111111;}
	.news_r li .content .text{ font-size:14px; line-height:36px; color:#666; max-height:36px; overflow:hidden; float:left; max-width:100%; margin-top:4px;}
	.news_r li:hover{ background:#0048b5;}
	.news_r li:hover .content *{ color:#fff;}
	.news_r li:hover time{ border-color:#fff;}
	.news_r li:hover time *{ color:#fff;}
	.news_r li:hover::after{ content:"→"; color:#fff;}
	.news .more{ width:100%; display:block; overflow:hidden;}
	.news .more a{ font-size:14px; color:#c5ac6e; height:45px; width:169px; box-sizing:border-box; border:1px solid #c5ac6e; overflow:hidden; display:block; text-align:center; line-height:45px; margin-top:42px;}
	
	.news_l:hover .picture img{ transform:scale(1.2);}
	.news_l:hover .content{ background:#0048b5;}
	.news_l:hover .title p{ color:#fff;}
	.news_l:hover time font{ color:#fff;}
	.news_l:hover time p{ color:#fff; border-color:#fff;}
	.news .more a:hover{ background:#c5ac6e; color:#fff;}
	
	

	
	footer.footer{overflow:hidden; width:100%; background:#0b133e;}
	.footer_b{ padding:58px 0px 42px 0px; overflow:hidden;}
	.footer_b .address,.footer_b .code{ width:27%;float:left;}
	.footer_b .contact{width:46%;float:left;}
	.footer_b .contact *{ color:#fff; font-size:14px; line-height:40px;}
	.footer_b .address .title{ font-size:20px; color:#fff; font-weight:bold; margin-top:15px;}
	.footer_b .address .records{ font-size:14px; color:#fff; margin-top:14px;}
	.footer_b .address .records a{ color:#FFF;}
	.footer_b .address .tel{ font-size:26px; margin-top:22px; font-weight:bold; color:#fff; display:flex; align-items:center;}
	.footer_b .address .tel *{ margin:0px;}
	.footer_b .address .tel img{ margin-right:10px;}
	.footer_b .code{ text-align:right;}
	.footer_b .code div{ display:inline-block; margin-left:8%; text-align:center;}
	.footer_b .code div img{ height:136px; width:136px; object-fit:cover;}
	.footer_b .code div p{ font-size:14px; color:#fff; margin-top:12px;}
	.footer .url{background:#070c26; padding:28px 0px; overflow:hidden;}
	.footer .url *{ color:#cccccf; font-size:14px;}
	.footer .url a{ margin-right:1%;}

	
	/*新闻页面*/
	.page_address{ background:#f5f5f5; padding:20px 0px; box-shadow:0px 3px 3px #ddd; margin-bottom:40px; font-size:14px;}
	.page{padding:2px 2px 20px 2px; box-sizing:border-box; overflow:hidden;}	
	.page_contact{float:left; margin-top:20px; width:100%;}
	.page_contact div:nth-of-type(2){ background:#fff;float:left; width:100%;padding:10px 5%; box-sizing:border-box;}
	.page_contact div:nth-of-type(2) p{ line-height:30px; font-size:14px; color:#333;}
	
	
	
	.list_l{ max-width:280px; width:100%;overflow:hidden; float:left;}
	
	.pro_center{ border:1px solid #0e3585;}
	.pro_center .title{ background:#0e3585; padding:10px 15px; font-size:22px; color:#fff; display:flex; align-items:center; }
	.pro_center .iconall-fill:before{ font-size:34px; margin-right:10px;}
	.pro_center ul li{ padding:0px 8px; box-sizing:border-box;}
	.pro_center ul li a{border-bottom:1px solid #ddd; padding:15px 5%; display:block; width:100%; box-sizing:border-box; overflow:hidden;white-space:pre; text-overflow:ellipsis; overflow:hidden; color:#111;}
	.pro_center ul li:hover{ background:#0e3585;}
	.pro_center ul li:hover a{color:#fff; border-color:#0048b5;}
	#fl_select{ background:#0048b5;}
	#fl_select a{color:#fff; border-color:#0048b5;}
	
	
	.iconright-circle:before{ margin-right:10px;}
	.pro_center ul li:last-child a{ border:0px;}
	.pro_center ul li .text{ max-width:calc(100% - 25px); width:100%; float:left; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.pro_center ul li .picture{ max-width:16px; width:100%; float:right;}


	.list_l .contact{ margin-top:22px; border:1px solid #0e3585;}
	.contact .title{ background:#0e3585; text-align:center; box-sizing:border-box; font-size:22px; color:#fff; line-height:47px;}
	.cont_b{ padding:0px 3%; box-sizing:border-box;}
	.cont_b .picture{margin-top:5px;}
	.cont_b .picture img{ width:100%;}
	.cont_b p{ font-size:14px; color:#333; margin:8px auto;line-height: 22px;}

	
	.page_r{ width:78%; float:right;}
	
	.news_list .page_r li{ width:calc(100% - 10px); float:left; background:rgba(255,253,255,0.60); padding:15px 1%; box-sizing:border-box; margin-bottom:10px; box-shadow:0px 0px 5px #ccc;}
	.news_list .page_r li .picture{ max-width:25%; float:left;}
	.news_list .page_r li .picture img{ height:160px;float:left; object-fit:cover; width:100%;}
	.news_list .page_r li .content{ max-width:73%; width:100%; float:right;}
	.news_list .page_r li .content .title{ font-size:17px; color:#111; text-overflow:ellipsis; white-space:pre; display:block; width:100%; overflow:hidden;}
	.news_list .page_r li .content time{ font-size:12px; color:#666; margin-top:10px; display:block;width:100%; overflow:hidden;}
	.news_list .page_r li .content .text{ font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
	.news_list .page_r li .content .more{ font-size:14px; color:#333; line-height:30px; border:1px solid #ddd; text-align:center; float:left; text-align:center; width:140px; margin-top:15px;}
	.news_list .page_r li .content .more:hover{background:#b67a24; color:#fff; border-color:#b67a24;}
	
	.news_list .page_r li:hover{background:rgba(255,253,255,1.00); box-shadow:0px 0px 5px #b67a24;}
	
	.pro_list .page_r li{ max-width:calc( 100% / 4 - 13px); float:left; margin-right:17px; margin-bottom:20px; width:100%; box-shadow:0px 0px 5px #ddd;}
	.pro_list .page_r li:nth-of-type(4n){ margin-right:0px;}
	.pro_list .page_r li .picture{width:100%; display:block;}
	.pro_list .page_r li .picture img{ height:195px; width:100%; object-fit:cover; display:block;}
	.pro_list .page_r li .title{line-height:50px; background:rgba(255,255,255,0.50); float:left; width:100%; text-overflow:ellipsis; white-space:pre; text-align:center;overflow: hidden;}
	.pro_list .page_r li:hover{ box-shadow:0px 0px 5px #04146a;}
	.pro_list .page_r li:hover p{ background:rgba(255,255,255,1.00);}
	.pro_list .page_r li:hover .title{ color:#04146a;}
	
	
	.page_odd{ overflow:visible;}
	.page_odd .page_r{background:rgba(255,255,255,0.75); padding:0 2%; box-sizing:border-box; box-shadow:0px 0px 3px rgba(0,0,0,0.30)}
	.page_odd_title{ width:100%; text-align:center; margin-bottom:1%; font-size:24px; font-weight:bold; margin:20px 0px;}
	.page_odd_time{ width:100%; text-align:center; display:block; margin-bottom:1%; padding:10px 0px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#333; font-size:12px;}
	.page_odd_img{ text-align:center; margin-bottom:1%;}
	.page_odd_content{margin-bottom:1%;}
	.page_odd_content p{ line-height:32px; font-size:16px;}
	
	.page_odd_list{ margin:1% 0;}
	.page_odd_list span{ float:left; width:100%; color:#333; line-height:24px;}
	.page_odd_list span a{ color:#666;}
	
	.page_list{ float:right; max-width:100%; width:100%; text-align:center; overflow:hidden; margin:32px auto;}
	.page_list a:first-child{ display:none;}
	.page_list *{font-size:12px; color:#333; display:inline-block; margin:0px 4px; border:1px solid #343434; padding:5px 10px;}
	.page_list a:hover,.page_list b{border-color:#04146a; background:#04146a; color:#fff;}
	
	
	

	/*返回顶部*/
	.top{ cursor:pointer; position:fixed; bottom:5%; background:rgba(4,20,106,0.60); right:1%; font-size:60px; display:none;}
	.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(182,122,36,1.00);}
	.top:hover::before{color:rgba(255,255,255,1);}
	
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc; z-index:999;}
	.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
	.sj_footer span{ width:100%; float:left; color:#333; font-family:"微软雅黑";}
	.sj_footer img{ max-width:20%;}

	@font-face{
		font-family:'hzgb';
		src:url(../font/hzgb.ttf);
	}