@charset "utf-8";

	*{ margin: 0 auto; font-family:"Microsoft YaHei";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ max-width:100%; display:inline-block;}
	.picture img{display:block;}
	/*头部样式*/
	.max{ max-width:1200px;}
	

	
	
	header.header{ overflow:hidden;box-sizing:border-box; overflow:hidden; padding:20px 0px 20px 0px;}
	.roof{ width:100%; display:block; overflow:hidden; background:#0E90D5; background:linear-gradient(45deg, #3032A2, #0E90D5);}
	.roof .max{overflow:hidden; display:block;padding:12px 0px;}
	.roof .max div{ float:left; font-size:14px; color:#fff; display:flex; align-items:center;}
	.roof .max div a{ color:#fff;font-size:14px; float:left; display:flex; align-items:center;}
	.roof .max div a::after{content:"";border-right:1px solid #fff; margin:0px 14px; height:20px;}
	.roof .max div a:last-child::after{ display:none;}
	.roof .max .title i{ font-size:18px; float:left; max-height:24px; overflow:hidden; margin-right:10px;}
	.roof .max .title a:nth-of-type(2) i{ font-size:22px; float:left;}
	.roof .max .text{ float:right; padding-left:35px;}

	.header .logo{float:left; max-width:30%;}
	.header .logo img{float:left;}
	

	/*导航样式*/
	nav{max-width:66.5%; width:100%; float:right; margin-right:0px; margin-top:20px;}
	.nav{float:left; width:100%;}
	.nav .nav_column{ position:relative; max-width:12.5%; width:100%; float:left; text-align:center; z-index:1;}
	.nav .nav_column a{ font-size:16px; color:#333; border-bottom:3px solid transparent; padding-bottom:9px; display:inline-block; text-align:center;}
	#dh{ display:none; float:right; width:20%;}
	.dh{text-align:center;max-width:64px; background:none; font-size:36px; width:100%;}
	.nav .nav_column a:hover{ border-color:#0c59db;}
	#nav_select a{border-color:#0c59db;}
	
	.dh{ float:right; display:none;}
	.iconnav-list:before{ font-size:60px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:770px;}
	.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(0,85,169,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:700px; width:100%; object-fit:cover;}
	.ban{height:300px;}
	.ban img{height:300px; float:left; 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(0,85,169,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(0,85,169,1.00); border:2px solid rgba(0,85,169,1.00); opacity:1;}


	/*网站主体*/
	.often{display:block; overflow:hidden; width:100%; text-align:center; margin:62px auto 50px auto;}
	.often .title{font-size:36px; color:#333; font-weight:bold; float:left; width:100%;}
	.often .text{ font-size:12px; color:#aaa; letter-spacing:1px; margin-top:10px; float:left; width:100%;}
	
	section.products{ display:block; width:100%; overflow:hidden;padding-bottom:72px; background:url(../images/pr_01.jpg);}
	.pro_b{ display:block; width:100%; margin-top:95px;}
	.pro_b li{ float:left; max-width:calc(100% / 3 - 22px); width:100%; margin-right:32px; position:relative; padding-bottom:20px; margin-top: 30px;}
	.pro_b li:last-child{margin-right:0px;}
	.pro_b li .content{ float:left; width:100%; padding:0px 12.5% 54px 12.5%; box-sizing:border-box; overflow:hidden; background:#fff; border-bottom-left-radius:32px; border-bottom-right-radius:32px;  transition:all linear 0.25s;}
	.pro_b li .title{ float:left; width:100%; text-align:center; white-space:pre; text-overflow:ellipsis; font-size:24px; font-weight:bold; margin-top:36px;}
	.pro_b li .text{ float:left; width:100%; font-size:16px; color:#555; text-align:center; overflow:hidden; margin-top:24px; line-height:28px;}
	.pro_b li .picture{ float:left; width:100%; border-top-left-radius:32px; border-top-right-radius:32px; background:#FFF;}
	.pro_b li .picture img{ text-align:center;object-fit:cover; margin-top:-70px; height:130px; max-width:100%;}
	.pro_b li .icon{ position:absolute; bottom:0px; left:0px; right:0px; margin:0px auto; height:40px; width:40px; border-radius:100%; background:linear-gradient(45deg, #1391d5, #3436a4); text-align:center; line-height:40px; color:#fff; font-size:24px; transition:all linear 0.25s;}

	
	section.about{ display:block; width:100%; overflow:hidden; padding-bottom:8px;}
	.about_b{ background:url(../images/ab_02.png) no-repeat center right; display:block; overflow:hidden; width:100%; margin-top:66px;}
	.about_l{ float:left; max-width:40%; width:100%;}
	.about_l .intro::before{ content:"√"; float:left; font-size:36px; font-weight:bold; background-image:linear-gradient(to right,#0e90d5,#3032a2);-webkit-background-clip: text;color: transparent;}
	.about_l .title{margin-top:30px; font-size:36px; line-height:36px; color:#0c59db; float:left; width:100%; overflow:hidden;}
	.about_l .text{ font-size:40px; margin-bottom:10px; color:#333; float:left; width:100%; overflow:hidden; margin-top:32px;}
	.about_b .intro{ font-size:23px; line-height:62px; color:#555; width:100%; overflow:hidden; text-indent:12px;}
	.about_b .intro p{ font-size:16px; line-height:32px;}
	.about_l .more{ font-size:16px; line-height:32px; color:#fff; float:left; max-width:176px; width:100%; overflow:hidden; height:59px; line-height:59px;background:#0e90d5; background:linear-gradient(to right,#0e90d5,#3032a2); text-align:center; border-radius:8px; overflow:hidden; margin-top:74px;}
	.about_l .more font{ font-size:24px; display:inline-block; height:24px; line-height:24px; transform:translateY(5px);}
	.about_r{ float:right; max-width:55%; width:100%;}
	
	section.advert{ display:block; overflow:hidden; width:100%; padding:40px 0px;border-bottom:1px solid rgba(237,237,237,1);}
	.advert_b{display:flex;}
	.advert_b li{ float:left; max-width:25%; width:100%; overflow:hidden; border-left:1px solid rgba(237,237,237,1); box-sizing:border-box; padding:16px 0% 16px 1.5%; display:flex; align-items:center;}
	.advert_b li .icon{ float:left; max-width:75px; overflow:hidden; margin:0px;}
	.advert_b li .icon img{ float:left;}
	.advert_b li .content{ float:left; box-sizing:border-box; max-width:calc(100% - 75px); margin-left:8%;}
	.advert_b li .content .number{ font-size:24px; font-weight:bold; color:#333; padding-bottom:6px;}
	.advert_b li .content .title{ font-size:14px; color:#666; line-height:22px;}
	.advert_b li:last-child{border-right:1px solid rgba(237,237,237,1);}
	
	section.team{ display:block; overflow:hidden; width:100%; background:url(../images/team_01.jpg) no-repeat top center; padding-bottom:76px; background-size:cover;}
	.team .often{ margin-bottom:30px;}
	.team_b .intro{ font-size:14px; color:#555; text-align:center; float:left; width:100%; overflow:hidden; line-height:24px;}
	.team_b ul{ display:block; overflow:hidden; width:100%; display:flex; flex-wrap:wrap; float:left;}
	.team_b li{ max-width:calc(33.3% - 22.5px); width:100%; float:left; overflow:hidden; margin:30px 30px 0px 0px; box-shadow:0px 0px 8px rgba(0,0,0,0.05); background:#fff; padding:0px 5% 51px 5%; box-sizing:border-box; position:relative; z-index:1;}
	.team_b li::before{content:""; position:absolute; z-index:-1; top:0px; left:0px; width:100%; height:0px; background:linear-gradient(to top,#001489,#076ce0); transition:all linear 0.25s;}
	.team_b li:nth-of-type(3n){margin-right:0px;}
	.team_b li .icon{ height:90px; width:90px; margin:54px auto 0px auto; display:block; border-radius:100%; background:linear-gradient(to right,#001489,#076ce0); overflow:hidden; padding:1px; box-sizing:border-box; transition:all linear 0.25s;}
	.team_b li .icon div{ float:left; width:100%; height:100%; background:#fff; border-radius:100%; display:flex; align-items:center;transition:all linear 0.25s;}
	.team_b li .icon div span{ float:left; width:58px; overflow:hidden;transition:all linear 0.25s;}
	.team_b li .icon img{ display:block; margin:0px auto; width:200%; max-width:none;}
	.team_b li .title{width:100%; float:left; text-align:center; font-size:20px; font-weight:bold; color:#3e3e3e; margin-top:20px; transition:all linear 0.25s;}
	.team_b li .title::after{ content:""; display:block; width:40px; height:3px; background:#0c59db; margin:4px auto 0px auto;}
	.team_b li .text{width:100%; float:left; text-align:center; font-size:16px; line-height:24px; color:#555; margin-top:20px; transition:all linear 0.25s;}
	.team_b li:hover::before{ height:100%;}
	.team_b li:hover *{ color:#fff;}
	.team_b li:hover .title::after{ background:#fff;}
	.team_b li:hover .icon{ background:none; border:1px solid #fff; transform:rotateY(180deg);}
	.team_b li:hover .icon div{ background:none;}
	.team_b li:hover .icon img{ margin-left:-100%;}
	
	section.process{ float:left; width:100%; overflow:hidden; padding-bottom:60px;}
	.process ul{ display:block; width:100%; overflow:hidden; box-sizing:border-box;}
	.process li{ float:left; max-width:17%; width:100%; margin-left:2%;}
	.process li .prc_b{width:100%; float:right; margin-top:80px;}
	.process li .icon{ float:left; width:83px; overflow:hidden; text-align:center; height:83px; display:flex; align-items:center; justify-content:center;}
	.process li .prc_b .number{ float:left; width:83px; overflow:hidden; text-align:center; height:83px; line-height:83px; font-family:"Arial"; font-size:40px; color:#fff;}
	.process li .prc_b .content{ float:left; width:100%; max-width:calc(100% - 83px); }
	.process li .prc_b .content .title{ float:right; font-size:18px; color:#333; font-weight:bold; transition:all linear 0.25s;}
	.process li .prc_b .content .text{ float:right; width:100%; overflow:hidden; font-size:14px; line-height:22px; color:#555; margin-top:35px;}
	.process .often.dia{ margin-top:90px; margin-bottom:0px;}
	.process li:hover .prc_b .content .title{ color:#3032a2; transform:translateY(-10px);}
	
	.process .more{ font-size:16px; line-height:32px; color:#fff; float:left; max-width:176px; width:100%; overflow:hidden; height:49px; line-height:49px;background:#0e90d5; background:linear-gradient(to right,#001489,#076ce0); text-align:center; border-radius:8px; overflow:hidden; margin-top:74px;}
	.process .more font{ font-size:24px; display:inline-block; height:24px; line-height:24px; transform:translateY(5px);}
	
	section.shop{ background:url(../images/sp_01.jpg) no-repeat center top; background-size:cover; float:left; width:100%; padding-bottom:92px;}
	.shop_b{ position:relative; display:block; width:100%;}
	.shop_b .picture{ float:left;}
	.shop_b .content{ position:absolute; top:-100px; max-width:43%; width:100%; background:#fff; box-shadow:0px 0px 25px rgba(0,0,0,0.1); right:0px; z-index:1; background:#fff url(../images/sp_03.jpg) no-repeat top left; background-size:100% auto; padding:40px 4% 62px 4%; box-sizing:border-box;}
	.shop_b .content .title{ font-size:30px; font-weight:bold; color:#333;}
	.shop_b .content .text{ font-size:16px; color:#555; margin-top:10px;}
	.shop_b .content .intro{ font-size:20px; font-weight:bold; color:#555; margin-top:34px;}
	.shop_b .content from{ margin-top:5px; float:left; overflow:hidden; width:100%;}
	.shop_b .content input{ float:left; width:100%; overflow:hidden; height:59px; line-height:59px; box-sizing:border-box; border:1px solid #dfdce6; border-radius:5px; padding:0px 6.5%; margin-top:18px; font-size:14px; color:#333;}
	.shop_b .content input[type=submit]{ background:#0e90d5; background:linear-gradient(to right,#0e90d5,#3032a2); color:#fff; cursor:pointer; font-size:16px;}
	
	
	footer.footer{ float:left; width:100%; overflow:hidden; background:url(../images/ft_01.jpg) no-repeat center top; background-size:cover; padding:40px 0px;}
	.foot_b{ display:block; width:100%; overflow:hidden; display:flex;}
	.foot_b .logo{ float:left; max-width:17%; width:100%; border-right:1px solid rgba(255,255,255,0.2);}
	.foot_b .logo img{ float:left;}
	.foot_b .content{ float:left; color:#fff; font-size:14px; max-width:44%; width:100%; padding:0px 2%; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.2);}
	.foot_b .content .column{ float:left; width:100%; overflow:hidden; display:flex; justify-content:space-between; margin:18px auto 24px auto;}
	.foot_b .content .column span:last-child{ display:none;}
	.foot_b .content .column a{ float:left; font-size:14px; box-sizing:border-box; text-align:center; color:#fff;}
	.foot_b .content .column a:first-child{ margin-left:0px;}
	.foot_b .content .column a:last-child{ margin-right:0px;}
	.foot_b .content .contact{ float:left; width:100%; margin:3px 0px;}
	.foot_b .code{ float:right; max-width:37%; width:100%; overflow:hidden; display:flex; align-items:center;}
	.foot_b .code .text{ float:left; font-size:14px; color:#fff; line-height:36px; max-width:30%;}
	.foot_b .code .code_b{ float:right; font-size:14px; color:#fff; max-width:70%; width:100%; border:1px solid rgba(255,255,255,0.3); padding:7px 6px; display:flex; align-items:center; box-sizing:border-box;}
	.foot_b .code .code_b .title{ float:left; font-size:14px; line-height:14px; color:#fff; max-width:14px; padding:0px 12px 0px 10px; margin:0px;}
	.foot_b .code .code_b .picture{ float:left; font-size:14px; color:#fff; max-width:112px;}


	
	/*新闻页面*/
	.crumbs{ background:#f5f5f5; padding:16px 0px; box-shadow:0px 3px 3px #ddd; font-size:14px;}
	.crumbs .max{overflow:hidden; display:block; width:100%;}
	.crumbs .address{ font-size:14px; color:#666; max-width:50%; width:100%; float:left; display:flex; align-items:center;}
	.crumbs .address span{ float:left; margin-right:5px;}
	.crumbs .address *{color:#666; margin:0px;}
	.crumbs .page_column{ float:right; font-size:14px; color:#333; max-width:50%;}
	.crumbs .page_column a{ float:left; font-size:15px; color:#333; margin:0px 19px; font-weight:bold; }
	.crumbs .page_column a:hover{color:#0c59db;}
	
	#fl_select{color:#0c59db;}
	
	.page_case{ display:block; width:100%; overflow:hidden; margin-top:40px;}
	.page_case .often{ margin:10px auto;}
	.page_contact{display:block; width:100%; overflow:hidden; margin-top:30px; line-height:32px;}
	
	.pro_list{ display:block; overflow:hidden; background:url(../images/pr_05.png) no-repeat center top; background-size:cover; box-sizing:border-box; margin-top:55px; padding-bottom:18px;}
	.pro_list li{ max-width:calc(100% / 4 - 15px); width:100%; float:left; margin:10px 15px 10px 0px; transition:all linear 0.25s; position:relative; overflow:hidden;}
	.pro_list li:nth-child(4n){ margin-right:0px;}
	.pro_list li .picture{ max-width:100%; width:100%; display:block; overflow:hidden;}
	.pro_list li .picture img{ height:170px; object-fit:cover; width:100%; transition:all linear 0.5s;}
	.pro_list li .title{color:#fff; font-size:20px;background:linear-gradient(to top,rgba(39,39,129,0.9),rgba(12,89,219,0.9)); display:block; text-align:center; padding:50px 0px; font-weight:bold;}
	.pro_list li:hover .title{ top:0px;}
	
	.case_list{ display:block; overflow:hidden; box-sizing:border-box; margin-top:55px;}
	.case_list li{ max-width:calc(100% / 3 - 25px); width:100%; float:left; margin:0px 20px 30px 0px; transition:all linear 0.25s;}
	.case_list li:hover{ box-shadow:0px 2px 6px -1px #888;}
	.case_list li:nth-child(3n){ margin-right:0px; margin-left:0px;}
	.case_list li .picture{ max-width:100%; width:100%; display:block; overflow:hidden;}
	.case_list li .picture img{ height:240px; object-fit:cover; width:100%; transition:all linear 0.5s;}
	.case_list li .title{ line-height:50px; text-align:center; padding:0 2%; box-sizing:border-box; text-align:center; white-space:pre; text-overflow:ellipsis; width:100%; float:left; color:#333; font-size:16px;}
	.case_list li p{ font-size:14px; color:#666; line-height:24px;}
	.case_list li span{ font-size:12px; color:#999;}
	
	
	
	
	
	
	
	.page_list{ float:left; width:100%; text-align:center; margin:20px auto;}
	.page_list a{ font-size:16px; margin:0 1%; color:#333;}
	.page_list a:first-child{ display:none;}
	.page_list a:hover{ color:#005197;}
	
	section.process.inside{ padding-bottom:40px;}
	
	section.page_service{ overflow:hidden; padding-bottom:60px;}
	.page_serb li{ float:left; width:100%; overflow:hidden; margin-bottom:40px;}
	.page_serb li .content{ float:left; max-width:47%; width:100%; margin-top:50px;}
	.page_serb li .content .column{ float:left; width:100%; font-size:26px; color:#333; margin-top:10px; letter-spacing:2px;}
	.page_serb li .content .gfbh{ font-size:30px;}
	.page_serb li .content .text{ float:left; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:18px;}
	.page_serb li .content .text span{ margin:5px 0px; font-size:16px; color:#555; line-height:26px; width:100%;}
	.page_serb li .content .gftext span{ font-size:18px;}
	.page_serb li .content .text span:nth-of-type(even){ float:right;}
	.page_serb li .content .text span::before{ content:">"; float:left; font-family:"仿宋"; font-weight:bold; color:#0e90d5; font-size:20px; line-height:23px; margin-right:5px;}
	.page_serb li .picture{ float:right; max-width:49%; width:100%;}
	.page_serb li .picture img{ display:block;width:100%;}
	.page_serb li:nth-of-type(even) .content{ float:right;}
	.page_serb li:nth-of-type(even) .picture{ float:left;}
	.page_serb li:nth-of-type(even) .content .column{ float:right; text-align:right;}
	.page_serb li:nth-of-type(even) .content .column::after{ margin-left:calc(100% - 55px);}
	.page_serb li:nth-of-type(even) .content .column::after{background:linear-gradient(to right,#3032a2,#0e90d5);}
	.page_serb li:last-child{ margin-bottom:0px;}
	.cfimg{ text-align:center;}
	
	section.page_guarantee{ background:url(../images/pr_01.jpg) no-repeat center top; background-size:cover; overflow:hidden; width:100%; padding-bottom:70px;}
	.page_guarb{ display:flex; flex-wrap:wrap; margin-top:40px;}
	.page_guarb li{ float:left; max-width:calc(33.3% - 15px); width:100%; margin:0px 15px 20px 0px; position:relative; padding-top:30px}
	.page_guarb li:nth-of-type:nth-of-type(3n){ margin-right:0px;}
	.page_guarb li .number{ position:absolute; height:60px; width:60px; top:0px; left:0px; right:0px; margin:auto; border-radius:100%; background:#3032a2; text-align:center; line-height:60px; font-size:20px; color:#555;box-shadow:0px 0px 8px rgba(0,0,0,0.2);background:linear-gradient(to top,#0e90d5,#3032a2); color:#fff; z-index:3; transition:all linear 0.25s;}
	.page_guarb li span{text-align:center; font-size:28px; color:#333; line-height:60px;}
	.page_guarb li p{ display:block;}
	.page_guarb li .content{ padding:60px 30px 50px 30px; box-sizing:border-box; background:#fff; box-shadow:0px 0px 8px rgba(0,0,0,0.2); font-size:16px; text-align:center; color:#555; line-height:30px; position:relative; z-index:1; overflow:hidden; transition:all linear 0.25s; height:100%; justify-content:center;}
	.page_guarb li .content::before{content:""; position:absolute; top:-100%;left:0px; width:100%; height:100%; background:linear-gradient(to top,#0e90d5,#3032a2); z-index:-1; transition:all linear 0.25s;}
	.page_guarb li:hover .content::before{ top:0px;}
	.page_guarb li:hover .content{ color:#fff;}
	.page_guarb li:hover span{ color:#FFF;}
	.page_guarb li:hover .number{ color:#555; background:#fff;}
	
	section.page_case{ overflow:hidden; display:block; width:100%; padding-bottom:60px;}
	.page_caseb{display:block; width:100%; overflow:hidden; margin-top:40px;}
	.page_caseb .picture{ float:left; width:280px;}
	.owl-carousel .owl-stage-outer{ position:relative; overflow:hidden;}
	.page_caseb .owl-item{ float:left;}
	.owl-nav{ display:none;}
	.owl-stage-outer{ display:block; overflow:hidden;}
	.page_caseb .picture img{ height:200px; width:100%; object-fit:cover; float:left; transition:all linear 0.25s;}
	.page_caseb .picture:hover img{ transform:scale(1.1);}
	
	section.page_people{ width:100%; float:left; overflow:hidden; margin-bottom:60px;}
	.page_people ul{ display:block; width:100%; overflow:hidden;}
	.page_people ul li{ float:left; max-width:21%; width:100%; margin:5px 2%; background:#f6f6f6; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1); border-radius:8px; overflow:hidden; padding-bottom:30px; position:relative; z-index:1;}
	.page_people ul li .picture{ float:left; width:100%; overflow:hidden; border-bottom-left-radius:40px; border-top-left-radius:8px; transition:all linear 0.25s;}
	.page_people ul li .picture img{ float:left; width:100%; height:230px; object-fit:cover;}
	.page_people ul li .content{ float:left; width:100%; text-align:center; padding:20px; box-sizing:border-box; margin-top:20px;}
	.page_people ul li .content .title{ float:left; width:100%; font-size:22px; font-weight:bold; color:#151a33; transition:all linear 0.25s;}
	.page_people ul li .content .text{ float:left; width:100%; font-weight:bold; color:rgba(12,89,219,0.9); margin-top:10px; transition:all linear 0.25s;}
	.page_people ul li::before{ content:""; position:absolute; height:70px; width:80px; bottom:-30px; left:-50px; transform:rotate(45deg); background:linear-gradient(-20deg,#0e90d5,#3032a2) !important; opacity:0.6; transition:all linear 0.25s;}
	.page_people ul li::after{ content:""; position:absolute; height:70px; width:80px; bottom:-30px; right:-70px;background:linear-gradient(-20deg,#0e90d5,#3032a2) !important; opacity:0.6; transition:all linear 0.25s;}
	.page_people ul li:last-child{ margin-right:0px;}
	.page_people ul li:hover{ background:linear-gradient(to top,#0e90d5,#3032a2);}
	.page_people ul li:hover::before{ transform:rotate(0deg); opacity:0;}
	.page_people ul li:hover::after{opacity:0;}
	.page_people ul li:hover .content *{ color:#fff;}
	.page_people ul li:hover .picture{ transform:translateX(3%);}
	
	section.page_science{ display:block; overflow:hidden; width:100%;}
	.page_science li{ float:left; max-width:calc(25% - 7.5px); width:100%; margin:15px 10px 0px 0px; position:relative; overflow:hidden;}
	.page_science li:nth-of-type(4n){margin-right:0px;}	
	.page_science li .picture{ float:left; width:100%; overflow:hidden;}
	.page_science li .picture img{ float:left; width:100%; overflow:hidden; height:240px; object-fit:cover; transition:all linear 0.25s;}
	.page_science li .title{ position:absolute; float:left; width:100%; bottom:-48px; left:0px; color:#fff; background:rgba(0,0,0,0.5); text-align:center; padding:13.5px 2%; box-sizing:border-box; transition:all linear 0.25s; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.page_science li:hover .title{ bottom:0px;}
	.page_science li:hover .picture img{ transform:scale(1.1);}
	
	.page{ display:block; overflow:hidden; margin:0px auto 10px auto; padding:30px 2%; box-sizing:border-box;}
	.page .often{ margin:30px auto;}
	.page .page_title{ display:block; width:100%; overflow:hidden; font-size:40px; font-weight:bold; margin-top:30px; color:#333;}
	.page time{ display:block; overflow:hidden; text-align:center; font-size:12px; color:#666; margin-top:40px; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); padding:15px 0px;}
	.page time span{ margin:0px 15px;}
	.page .picture{ display:block; width:100%; overflow:hidden; text-align:center;margin-top:30px;}
	.page .content{ display:block; width:100%; overflow:hidden; line-height:32px; color:#333; padding-top:30px;}
	.page .content ol{ list-style:inside;}
	.page .content ul{ list-style:inside;}
	
	section.news_list{ display:block; overflow:hidden; padding:0px 0px 60px 0px;}
	.news_list .often .title{}
	.news_list .often font{ color:rgba(24,70,155,1);}
	.news_list .news_l{ float:left; max-width:46%; width:100%;}
	.news_list .news_l .often{ margin:14px 0px; float:left; text-align:left;}
	.news_list .news_l ul{ margin-top:12px; float:left; width:100%; overflow:hidden;}
	.news_list .news_l ul li{ float:left; width:100%; overflow:hidden;border-bottom:1px dashed #ddd; padding:14px 0px 10px 0px;}
	.news_list .news_l ul li .title{ float:left; width:100%; overflow:hidden; font-size:15px; color:#333; max-width:calc(100% - 80px); white-space:pre; text-overflow:ellipsis; overflow:hidden; background:url(../images/ne_01.png) no-repeat left center; padding-left:25px; box-sizing:border-box; transition:all linear 0.25s;}
	.news_list .news_l ul li .time{ float:right; font-size:12px; color:#666; max-width:70px; width:100%; margin-top:4px; text-align:right;}
	.news_list .news_r{ float:right; max-width:50%; width:100%;}
	.news_list .news_r img{ float:left; width:100%;}
	.news_list .news_l ul li:hover .title{ color:rgba(24,70,155,1); padding-left:30px;}
	
	
	section.page_news{ margin-top:30px;}
	.page_news ul{ display:block; overflow:hidden; width:100%;}
	.page_news .list_news{background:url(../images/pr_05.png) no-repeat center top; background-size:cover; padding-bottom:40px; display:block; overflow:hidden;}
	.page_news .list_news li{ float:left; max-width:20%; width:100%; border-bottom:1px dashed #ededed; padding:6px 0px; margin-top:10px;}
	.page_news .list_news li .title{ float:left; width:100%; overflow:hidden; font-size:18px; color:#333; max-width:calc(100% - 80px); white-space:pre; text-overflow:ellipsis; overflow:hidden; background:url(../images/ne_01.png) no-repeat left center; padding-left:25px; box-sizing:border-box; transition:all linear 0.25s;}
	.page_news .list_news li .time{ font-size:14px; color:#666; float:right; max-width:80px; margin-top:5px;}
	.page_news .list_news li:hover .title{ color:rgba(24,70,155,1); padding-left:30px;}
	
	.page_about .about_l .intro{ margin-top:20px;}
	.page_about .about_l::before{ display:none;}
	.page_about .about_l .column{ float:left; margin:0px; color:#4f4f4f; width:100%; display:flex; align-items:flex-end;}
	.page_about .about_l .column a{ float:left; cursor:pointer; text-align:center;z-index:1; overflow:hidden; margin:0px; padding:0px 10px; color:#4f4f4f;}
	.page_about .about_l .column a span{background:#fff; float:left; font-weight:bold; box-sizing:border-box; border-bottom:3px solid transparent; font-size:16px; padding-bottom:12px;}
	.page_about .about_l .intro li{ float:left; width:100%; overflow:hidden;}
	.page_about .about_l .intro li:nth-of-type(n+2){ display:none;}
	.page_about #about span{ color:#0c59db; border-image:linear-gradient(to right,#0e90d5,#3032a2) 30 30; font-size:20px;}
	
	
	

	/*返回顶部*/
	
	.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(24,70,155,1); right:1%; font-size:60px !important; display:none; z-index:99;color:#fff; animation:white-shadow .8s infinite, red-shadow .8s infinite;}
	.top::after{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(24,70,155,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-size: 14px;}
	.sj_footer img{ max-width:20%;}

	@keyframes white-shadow {
	  0% {
		-webkit-box-shadow: 0 0 0 0 rgba(24,70,155, 0.5);
		box-shadow: 0 0 0 0 rgba(24,70,155, 0.5);
		-webkit-transition: box-shadow .3s ease-in-out;
		-webkit-transition: -webkit-box-shadow .3s ease-in-out;
		-o-transition: box-shadow .3s ease-in-out;
		transition: box-shadow .3s ease-in-out;
		transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
	  }
	  100% {
		-webkit-box-shadow: 0 0 0 30px transparent;
		box-shadow: 0 0 0 30px transparent;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: box-shadow .4s ease-in-out;
		-webkit-transition: -webkit-box-shadow .4s ease-in-out;
		-o-transition: box-shadow .4s ease-in-out;
		transition: box-shadow .4s ease-in-out;
		transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
	  }
	}


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

	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666;
	}
		
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666;
	}
	
	input:-ms-input-placeholder{
	color: #666;
	}
	
	input::-webkit-input-placeholder{
	color: #666;
	}

	
	textarea:-ms-input-placeholder{
	color: #666;
	}
	
	textarea::-webkit-input-placeholder{
	color: #666;
	}
@-webkit-keyframes rotateT{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}	
}
@keyframes rotateT{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}	
}