@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%;}
	
	/*头部样式*/
	.max{ max-width:1200px;}
	header{padding:12px 0% 18px 0%; background:rgba(255,255,255,0.85); position:absolute; top:0px; overflow:hidden; z-index:10; width:100%;}
	.header{ max-width:1400px; overflow:hidden; width:100%;}
	.logo{ float:left; margin-left:0px; max-width:46%; width:100%;}
	.logo img{ display:block; float:left;}
	
	.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:45%; width:100%; float:right;}
	.nav{overflow:hidden; float:left; width:100%;}
	.nav li{ position:relative; max-width:calc(100% / 6); width:100%; float:left; text-align:center; padding:18px 0px; text-align:center;}
	.nav>li>a{ font-size:16px; color:#111; border-bottom:2px solid transparent; padding-bottom:8px;}
	.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:#1763af; border-color:#1763af;}
	#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;}
	#nav_select a{color:#1763af; border-color:#1763af;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:756px;}
	.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(23,99,175,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:756px; width:100%; object-fit:cover;}
	
	.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(23,99,175,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(23,99,175,1.00); border:2px solid rgba(23,99,175,1.00); opacity:1;}
	
	.often{ text-align:center; overflow:hidden; padding:54px 0px 45px 0px;}
	.often .title{ color:#1f1f1f; font-size:36px; font-weight:bold;}
	.often .text{ color:#1f1f1f; font-size:16px; margin-top:5px;}
	.often .intor{ color:#333; font-size:16px; color:#333; margin-top:15px;}
	
	
	
	section.about{padding-bottom:72px; box-sizing:border-box; overflow:hidden;}
	.about_b{ background:#fff; box-sizing:border-box; overflow:hidden;}
	
	.about_r{ float:right; max-width:50%; width:100%;}
	.about_r img{ float:left; height:322px; object-fit:cover; width:100%;}
	.about_l{ float:left; max-width:45%; width:100%; text-align:left;}
	.about_l .content *{font-size:16px; line-height:32px; color:#1f1f1f; text-indent:32px;}
	.about_l .slogan{ font-size:18px; font-weight:bold; color:#b67a24; margin-top:10px;}
	.about_l .more{background:#1763af; color:#fff;width:175px; display:inline-block;text-align:center; font-size:14px; margin-top:48px; padding:14px 15px 14px 23px; text-align:left; transition:all linear 0.25s; box-sizing:border-box;}
	.about_l .more font{ float:right;}
	.about_l .more:hover{ transform:translateX(15px);}
	
	section.life{ background:url(../images/lf_01.jpg) no-repeat center; overflow:hidden; background-size:cover; padding-bottom:52px;}
	.life .column{ display:block; width:100%; text-align:center;padding:0px 15px 7px 15px; overflow:hidden;}
	.life .column span{background:#1763af; color:#fff; min-width:100px; display:inline-block; padding:13.5px 15px; margin:0px 7.5px; position:relative; cursor:pointer;}
	.life .column span a{color:#fff;}
	.life .column span::after{ content:""; width:0px; height:0px; margin:auto; border:7px solid transparent; position:absolute; left:0px; right:0px; bottom:-14px;}
	.life .column span:hover::after{border-top-color:#1763af;}
	.life_b{ margin-top:50px; overflow:hidden;}
	.life_b ul{ float:left; width:100%; overflow:hidden;}
	.life_b ul:nth-of-type(n+2){ display:none;}
	.life_b li{ float:left; max-width:calc(25% - 15px); width:100%; margin:0px 20px 28px 0px;}
	.life_b li:nth-of-type(4n){margin-right:0px;}
	.life_b li .picture{ float:left; width:100%; overflow:hidden; position:relative;}
	.life_b li .picture img{width:100%; height:216px; object-fit:cover; transition:all linear 0.25s;}
	.life_b li .title{ background:#fff; width:100%; float:left; text-align:center; white-space:pre; text-overflow:ellipsis; overflow:hidden; padding:22px 0px; box-shadow:0px 1px 1px rgba(227,227,227,1.00)}
	#life_b::after{border-top-color:#1763af;}
	.life_b li:hover .picture img{ transform:scale(1.1);}
	.life_b li:hover .picture::before{ content:"+"; background:rgba(0,0,0,0.45); position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; z-index:1; color:#fff; font-size:60px; font-family:"仿宋"; display:flex; align-items:center; justify-content:center;}
	
	section.dilkas{ overflow:hidden; padding-bottom:70px;}
	.dilkas .cloumn{ overflow:hidden; text-align:center;}
	.dilkas .cloumn span{ display:inline-block; min-width:160px;padding:12.5px 27px; border-radius:46px; font-size:18px; color:#333; cursor:pointer;}
	.dil_b{ margin-top:56px; overflow:hidden; width:100%;}
	.dil_b ul{ float:left; width:100%; overflow:hidden;}
	.dil_b ul:nth-of-type(n+2){ display:none;}
	.dil_b li{ position:relative; float:left; width:100%; overflow:hidden;}
	.dil_b li .picture{width:100%; float:left; overflow:hidden;}
	.dil_b li .picture img{ height:493px; width:100%; float:left; object-fit:cover;}
	.dil_b li .content{ background:rgba(255,255,255,0.93); position:absolute; right:8.5%; max-width:26%; top:70px; padding:30px; box-sizing:border-box;}
	.dil_b li .content .title{ font-size:24px;color:#1f1f1f;}
	.dil_b li .content .title::after{ content:""; height:3px; width:45px; background:#1763af; display:block; margin-top:10px;}
	.dil_b li .content .text{ font-size:15px; line-height:28px; color:#444; margin-top:22px;}
	.dilkas .cloumn span:hover{background:#1763af; color:#fff;}
	#dilkas{ background:#1763af; color:#fff;}

	section.news{ padding-bottom:58px; overflow:hidden; background:url(../images/ne_01.jpg) no-repeat center; background-size:cover;}
	
	.news_l{ max-width:56%; width:100%; float:left;}
	.news_l li{background:#fff; float:left; width:100%; margin-bottom:6px; overflow:hidden; padding:36px 40px; box-sizing:border-box; display:flex;}
	.news_l li .content{ float:left; max-width:77%; padding-right:52px; box-sizing:border-box;}
	.news_l li .content .title{ font-size:20px; color:#1f1f1f; float:left; width:100%; overflow:hidden; white-space:pre; text-overflow:ellipsis;}
	.news_l li .content .text{ font-size:14px; color:#8c8c8c; margin-top:24px; line-height:28px; max-height:56px; overflow:hidden; float:left; width:100%;}
	.news_l li .number{ float:right; max-width:23%; width:100%; border-left:1px solid #ededed; box-sizing:border-box; padding-left:40px;}
	.news_l li .number .date{ font-size:20px; color:#8c8c8c; float:left; width:100%;}
	.news_l li .number .year{ font-size:14px; color:#8c8c8c; float:left; width:100%; margin-top:13px;}
	.news_l li .number .more{ width:48px; height:48px; float:right; text-align:center; line-height:48px; font-size:18px; font-family:"仿宋"; border:1px solid #c5c5c5; border-radius:100%; font-weight:bold; color:#aeaeae; transition:all linear 0.25s;}
	.news_l li:hover .content .title{ font-size:20px; color:#1763af;}
	.news_l li:hover .content .text{ font-size:14px; color:#333;}
	.news_l li:hover .number .more{ transform:rotateZ(180deg);}
	
	.news_r{ max-width:43.5%; width:100%; float:right; background:#f2f2f2; overflow:hidden;}
	.news_r .picture{float:left; overflow:hidden; width:100%; position:relative;}
	.news_r .picture img{width:100%; height:334px; object-fit:cover; transition:all linear 0.2s;}
	.news_r .picture time{ position:absolute; background:#fff; background:linear-gradient(45deg,#fff 90%, transparent 10%); bottom:1px; left:0px; max-width:56%; width:100%; padding:6px 0px 6px 42px; box-sizing:border-box; font-size:14px; color:#8c8c8c; transition:all linear 0.25s;}
	.news_r .content{float:left; width:100%; padding:30px 42px; box-sizing:border-box; background:#fff;}
	.news_r .title{ float:left; overflow:hidden; display:block; font-size:20px; color:#1f1f1f; width:100%; white-space:pre; text-overflow:ellipsis;}
	.news_r .text{ font-size:15px; color:#8c8c8c; margin-top:14px; float:left; line-height:28px; width:100%; height:112px; overflow:hidden;}
	.news_r:hover .picture time{ max-width:60%; background:linear-gradient(45deg,#1763af 90%, transparent 10%); color:#fff;}
	.news_r:hover .title{ color:#1763af;}
	
	section.url{ overflow:hidden; padding:20px 0px;}
	.url .title{ float:left; padding-right:16px;max-width:8%; width:100%; box-sizing:border-box;}
	.url .title .CH{ font-size:16px; color:#1763af;}
	.url .title .EN{ color:#333; font-size:14px;}
	.url .content{ float:left; max-width:91%; width:100%; padding:9px 0px;}
	.url .content *{font-size:14px; line-height:24px; color:#333; margin-right:1%;}
	
	

	
	footer.footer{overflow:hidden; width:100%; background:#333;}

	.footer_b{ padding:36px 0px; overflow:hidden; display:flex;}
	.footer_b .column{ float:left; max-width:26%; width:100%; border-right:1px solid rgba(255,255,255,0.10); padding:0px 3%; box-sizing:border-box; margin:0px; padding-bottom:12px;}
	.footer_b .column:first-child{ max-width:16.25%; padding-left:0px;}
	.footer_b .column .title{ float:left;width:100%; overflow:hidden; font-size:18px; color:#b3b3b3;}
	.footer_b .column ul{ margin-top:18px; overflow:hidden; float:left; width:100%;}
	.footer_b .column li a{font-size:14px; line-height:30px; color:#818181;}
	
	.footer_b .contact{ float:left; max-width:38%; width:100%; border-right:1px solid rgba(255,255,255,0.10); padding-left:5.5%; margin:0px; box-sizing:border-box;}
	.footer_b .contact .title{ float:left;width:100%; overflow:hidden; font-size:18px; color:#b3b3b3;}
	.footer_b .contact .tel{ float:left; overflow:hidden; margin-top:28px; width:100%; font-size:14px; color:#818181;}
	.footer_b .contact .content{ float:left; width:100%; overflow:hidden; margin-top:14px;}
	.footer_b .contact .content .picture{ float:left; margin:9px 10px 0px 0px;}
	.footer_b .contact .content .text{ font-size:20px; line-height:24px; color:#fff; float:left;}
	.footer_b .contact .address{ margin-top:18px; float:left; width:100%; overflow:hidden;}
	.footer_b .contact .address .picture{ float:left; margin:0px 10px 0px 0px;}
	.footer_b .contact .address .text{ float:left; color:#818181; font-size:14px;}
	.footer_b .code{float:right; max-width:17%; width:100%; margin-right:0px; padding-top:10px;}
	.footer_b .code .text{ text-align:center; font-size:12px; color:#818181; margin-top:10px;}
	
	.footer .statement{ padding:21px 0px; background:#222;overflow:hidden;}
	.footer .statement *{font-size:14px; color:rgba(230,230,230,0.30);}
	.footer .statement .yuanbo{ float:right;}
	.footer .statement span{ display:inline-block; margin-right:12px;}
	
	/*新闻页面*/
	.page_ban .banner{ height:550px;}
	.page_ban .banner li img{ height:550px;}
	.lef_rig span img{ width:35px;}
	.page_address{ box-sizing:border-box; margin:0px auto 45px auto; font-size:14px; overflow:hidden; text-align:right; line-height:42px; border-bottom:1px solid #d92723; padding:10px 0px 6px 0px;}
	.page_address.list{ border:0px; box-shadow:1px 0px 1px rgba(0,0,0,0.40); text-align:left;}
	.page_address.list *{ color:#333;}
	.page_address .page_column{ font-size:20px; font-weight:bold; float:left;}
	.page_address .address span{ color:#1763af; font-weight:bold;}
	.page_address .content{float:left;text-align:right; margin-right:0px;}
	.page_address .content *{color:#333;}

	.page{ overflow:hidden; padding-bottom:60px;}
	.page.list{ padding-top:0px;}
	.page_list{ float:left; width:100%; text-align:center; font-size:14px; margin-top:20px;}
	.page_list a:first-child{ display:none;}
	.page_list a{ color:#666;}
	.page_list a:hover{ color:#10488e;}
	
	.page_l{ float:left; width:21%; box-sizing:border-box; padding:15px 0px 0px 0px;}
	.page_l .pro_l_title{ float:left; width:100%; background:#1763af; text-align:center; padding:20px 0px 16px 0px;}
	.page_l .pro_l_title p:nth-of-type(1){font-size:24px; color:#fff;}
	.page_l .pro_l_title p:nth-of-type(2){font-size:12px; color:#fff; margin-top:5px;}
	.page_l ul{ float:left; width:100%; box-sizing:border-box; padding:15px 0px 0px 0px;}
	.page_l ul li{float:left; width:100%; box-sizing:border-box; background:#f0f0f0; margin-bottom:10px;}
	.page_l ul li::after{ content:">"; font-family:"仿宋"; font-size:20px; color:#666; float:right; width:40px; line-height:44px; text-align:center;}
	.page_l ul li .title{ float:left; width:100%; max-width:calc(100% - 40px); overflow:hidden; white-space:pre; text-overflow:ellipsis; line-height:44px; font-size:14px; color:#333; height:44px;padding:0px 15px; box-sizing:border-box; transition:all linear 0.25s;}
	.page_l .contact .title{ float:left; width:100%; background:#1763af; text-align:center; padding:20px 0px 16px 0px; font-size:24px; color:#fff;}
	.page_l .contact .tel{ float:left; width:100%; border:1px solid #1763af; box-sizing:border-box;}
	.page_l .contact .tel p{ padding:0px 14px; line-height:28px;font-size:14px; color:#333;}
	.page_l .contact .picture{ float:left; width:100%; overflow:hidden; margin-bottom:10px;}
	.page_l .contact .picture img{ width:100%; float:left;}
	.page_l .contact .content{ padding:10px 5%; float:left; width:100%; box-sizing:border-box;}
	.page_l ul li:hover{ background:#1763af;}
	.page_l ul li:hover .title{ padding-left:8px; color:#fff;}
	.page_l ul li:hover::after{color:#fff;}
	#fl_select{background:#1763af;}
	#fl_select .title{ padding-left:8px; color:#fff;}
	#fl_select::after{color:#fff;}
	
	.page_l .contact{ margin-top:30px; float:left; width:100%;}
	
	.page_r{ width:75%; float:right; box-sizing:border-box;}
	.page_r .page_odd_picture{ overflow:hidden; text-align:center; margin-bottom:20px;}
	.page_r .page_odd_picture img{ max-height:300px; margin:0 auto;}
	
	.page_odd .page_r{background:rgba(255,255,255,0.75);box-sizing:border-box;}
	.page_odd_title{ width:100%; text-align:center; margin-bottom:1%; font-size:20px; 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:36px;}
	
	.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_next{ border-top:1px dashed rgba(0,0,0,0.40); margin-top:20px;}
	
	
	.pro_list .page_r li{ max-width:calc( 100% / 3 - 14px); float:left; margin-right:21px; margin-bottom:21px; width:100%; box-shadow:0px 0px 4px #ddd;}
	.pro_list .page_r li:nth-of-type(3n){margin-right:0px;}
	.pro_list .page_r li .picture{ float:left;width:100%;}
	.pro_list .page_r li .picture img{ height:180px; width:100%; object-fit:cover; display:block;}
	.pro_list .page_r li .title{ float:left; text-align:center; width:100%;line-height:40px; background:rgba(255,255,255,1.0); text-overflow:ellipsis; white-space:pre; text-align:center; font-size:16px; color:#333; overflow:hidden;}
	.pro_list .page_r li:hover{ box-shadow:0px 0px 4px #10488e;}
	.pro_list .page_r li:hover p{ background:rgba(255,255,255,1.00);}
	.pro_l .pro_li:hover .pro_title{ background:#ec8e24;}
	
	.news_list .page_r li{ max-width:calc(100% - 10px); width:100%; float:left; background:rgba(255,253,255,0.60); padding:1%; box-sizing:border-box; margin-bottom:10px;}
	.news_list .page_r li .picture{max-width:25%; float:left; width:100%;}
	.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;}
	.news_list .page_r li .content time{ font-size:12px; color:#666; display:block; margin:8px 0px;}
	.news_list .page_r li .content .text{ font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden}
	.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:20px;}
	.news_list .page_r li .content .more:hover{ background:#1763af; color:#fff;}
	.news_list .page_r li:hover .content .title{ color:#1763af;}
	
	.news_list .page_r li:hover{background:rgba(255,253,255,1.00); box-shadow:2px 2px 5px #ccc;}
	
	
	

	/*返回顶部*/
	.top{ cursor:pointer; position:fixed; bottom:5%; background:rgba(23,99,175,0.50); right:1%; font-size:60px; display:none;}
	.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(23,99,175,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);
	}