@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none;}
	img{ max-width:100%;}
	
	
	.max{ max-width:1200px;}
	/*头部样式*/
	.header{ align-items:center; overflow:hidden;width:100%;}
	.header_line{ background:#095ca6; color:#fff; overflow:hidden; font-size:14px; line-height:39px;}
	.line_l{ float:left;}
	.line_r{ float:right;}
	.line_r font{ font-weight:bold; font-size:22px;}
	.header_logo{ display:flex; align-items:center; margin:13px auto; margin-bottom:8px;}
	.phone_logo{ display:none;}
	.logo{ font-size:34px; float:left; max-width:200px; margin:0px; width:100%;}
	.header_r{ max-width:1000px; width:100%; margin:0px;}
	.header_tel{line-height:64px;}
	.header_tel span:first-child{ float:left; color:#333; font-size:16px;}
	.header_tel span:nth-child(2){ float:right; color:#f5002e; font-size:14px;}
	
	/*导航样式*/
	.nav{ float:right; width:100%; text-align:right; display:flex; flex-wrap:wrap; overflow:visible;}
	.nav>li{ max-width:calc(100% / 8); float:left; text-align:center; width:100%; position:relative;}
	.nav>li a{ font-size:16px; text-align:center; color:#333; padding-bottom:9px;}
	.nav>li:hover>a{ color:#3787ff; border-bottom:2px solid #095da6;}
	#nav_select a{ color:#3787ff; border-bottom:2px solid #095da6;}
	#dh{ display:none; float:right; width:20%;}
	.dh{text-align:center;max-width:64px; border:1px solid #999; font-size:36px; max-height:64px; width:100%; height:150px;}
	
	/*幻灯片样式*/	
	.banner{ max-width:100%; position:relative; overflow:hidden; min-height:150px; height:380px;}
	.banner ul{ position:absolute; z-index:0; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner:hover ol{ opacity:1;}
	.banner ol{ list-style:none;  padding-left:48%;opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:50%; height:5px; width:5px; float:left; border:2px solid #3574db; opacity:0.8;}
	.banner ol li:hover{border:2px solid #3574db; opacity:1;}
	
	.lef_rig{ display:none;}
	.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:45%; position:absolute; height:53px; z-index:2; background:url(../images/left_right.png); width:50px; left:1%; }
	.lef_rig span:nth-child(2){ cursor:pointer;opacity:0.5; top:45%; position:absolute; height:53px; z-index:2; background:url(../images/left_right.png) bottom; width:50px; right:1%; }
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	#dot{ background:#3574db; border:2px solid #3574db; opacity:1;}

	.often{ overflow:hidden; text-align:center; margin:50px auto 75px auto;}
	.often .title{ font-size:30px; font-weight:bold; color:#333; padding-bottom:19px; background:url(../images/01.png) no-repeat bottom center;}
	.often .content{ margin-top:10px; font-size:14px; line-height:28px; color:#777;}
	
	.sever{ background:#f1f1f1; overflow:hidden; padding-bottom:75px;}
	.sever_b{ display:block; position:relative;}
	.sever_pic{ overflow:hidden; height:255px;}
	.sever_b .sever_pic li{float:left; width:300px; text-align:center; border-right:1px solid #cbcbcb; box-sizing:border-box; padding:0px 53px;}
	.sever_b .sever_pic li .picture{ filter:grayscale(1); transition:all linear 0.2s;}
	.sever_b .sever_pic li .title{ font-size:20px; line-height:22px; color:#333; font-weight:bold; margin-top:28px;}
	.sever_b .sever_pic li .content{ font-size:14px; line-height:22px; color:#777; margin-top:22px;}
	.sever_b .sever_pic li .more{background:#444; width:75px; height:27px; line-height:27px; color:#fff; font-size:12px; margin-top:20px;}
	.sever_b .sever_pic li a:hover .more{background:#095ca6;}
	.sever_b .sever_pic li a:hover .picture{ filter:grayscale(0);}
	.inve_l{ position:absolute; left:-60px; top:0px; bottom:0px; margin:auto; font-weight:bold; font-family:"仿宋"; z-index:1; width:40px; height:40px; background:#bebebe; text-align:center; line-height:40px; border-radius:100%; color:#fff; cursor:pointer;}
	.inve_r{ position:absolute; right:-60px; top:0px; bottom:0px; margin:auto; font-weight:bold; font-family:"仿宋"; z-index:1; width:40px; height:40px; background:#bebebe; text-align:center; line-height:40px;border-radius:100%; color:#fff; cursor:pointer;}
	.inve_r:hover,.inve_l:hover{background:#387ab6;}
	
	
	.mien{ margin-bottom:80px; overflow:hidden;}
	.mien li{ max-width:calc(25% - 15px); overflow:hidden; float:left; width:100%; margin-right:19px; margin-bottom:24px;}
	.mien li a{ display:block; overflow:hidden; position:relative;}
	.mien li:nth-of-type(4n){margin-right:0px;}
	.mien li .title{ width:100%; line-height:40px; height:40px; position:absolute; bottom:0px; left:0px; z-index:1; white-space:pre; background:rgba(0,0,0,0.50); overflow:hidden; display:block; text-align:center; font-size:14px; color:#fff;}
	.mien li .picture img{ display:block; text-align:center; width:100%; height:223px; object-fit:cover;}
	.mien li:hover .title{ background:rgba(0,0,0,1.00);}
	
	.about{ background:url(../images/01.jpg) no-repeat center top; background-size:cover; overflow:hidden; padding-bottom:60px;}
	.about_l{ max-width:500px; background:url(../images/ab_01.png) no-repeat right top; float:left; width:100%;}
	.about_l img{ float:left; margin-top:20px;}
	.about_r{ max-width:635px; float:right; width:100%;}
	.about_r .text{font-size:14px; line-height:32px; color:#444; text-indent:28px;}
	.about_r .ts{ font-size:24px; color:#e59610;}
	.about_r .more{ width:146px; height:42px; font-size:14px; margin-top:32px; color:#fff; background:#095ca6; float:left; line-height:42px; text-align:center;}
	
	.advantage{ background-image:linear-gradient(to right,#007eff 50%,#095ca6 52%);overflow:hidden;}
	.advantage .advan_b{ display:flex; align-items:center;}
	.advantage .advan_l{ max-width:300px; width:100%; float:left; background:#007eff; height:100%;  padding:24px 0px; text-align:center;color:#fff;}
	.advantage .advan_l .title{width:100%; display:block; font-size:28px; font-weight:bold;}
	.advantage .advan_l .english{ font-family:"Arial";width:100%; display:block; font-size:18px; margin:10px auto;}
	.advantage .advan_l .text{width:100%; display:block; font-size:16px;}
	.advantage ul{ max-width:900px; width:100%; float:left;background:#095ca6; display:flex; align-self:stretch;}
	.advantage li{ max-width:25%; width:100%; float:left; padding:24px 0px;  border-right:1px solid #538dc1;box-sizing:border-box; height:100%; text-align:center;}
	.advantage li .title{ font-size:18px; color:#fff;}
	.advantage li:hover{ background:#007eff;}
	
	.honor{ padding-bottom:70px;}
	.honor_b{ position:relative;}
	.honor_b li{ float:left; width:280px; text-align:center; margin-right:20px;}
	.honor_b li .picture{ display:block;}
	.honor_b li .picture img{ display:block; height:202px; width:100%; object-fit:cover;}
	.honor_b li .title{ font-size:14px; line-height:40px; height:40px; background:#0a5ca6; color:#fff; margin-top:3px;}
	.honor_b li:hover .title{ background:#007eff;}
	
	.news{ overflow:hidden; background:#f1f1f1; padding-bottom:70px;}
	.news_l{ max-width:553px; width:100%; float:left; position:relative; overflow:hidden; height:385px;}
	.news_l ul{position:absolute; left:0px; top:0px;}
	.news_l li{ height:385px; float:left; position:relative; width:100%; width:553px;}
	.news_l li img{object-fit:cover;display:block; width:100%; height:385px;}
	.news_l li div{ position:absolute; bottom:0px; width:100%; color:#fff; padding:26px 0px 26px 2.5%; padding-left:2.5%; box-sizing:border-box; background:rgba(0,0,0,0.50); white-space:pre; text-overflow:ellipsis; overflow:hidden; font-size:16px;}
	.chunk table{position:absolute; bottom:30px; right:1%; z-index:5;}
	.chunk td{cursor:pointer;width:8px; border-radius:100%; height:8px; background:#fff; float:left; margin-right:5px;}
	#chunk{background:#007eff;}
	
	.news_r{ max-width:605px; width:100%; float:right; overflow:hidden;}
	.news_r li{ padding:13px 0px; border-bottom:1px solid #d5d5d5; overflow:hidden;}
	.news_r li:nth-of-type(1){border-top:1px solid #d5d5d5;}
	.news_r li .picture{ max-width:143px; float:left; overflow:hidden;}
	.news_r li .picture img{ height:101px; width:100%; transition:all linear 0.2s; float:left; object-fit:cover;}
	.news_r li .contact{ float:right; max-width:calc(100% - 155px); width:100%;}
	.news_r li .contact .title{ font-size:16px; color:#272727; margin-bottom:12px; overflow:hidden; white-space:pre; text-overflow:ellipsis;}
	.news_r li .contact .text{ font-size:14px; color:#757575; line-height:30px; max-height:60px; overflow:hidden;}
	.news_r li:hover .contact .title{ color:#007eff;}
	.news_r li:hover .picture img{ transform:scale(1.1,1.1);}
	
	.url{ background:#6297c6; padding:30px 0px;}
	.url span{ color:#fff; font-size:16px;}
	.url a{ color:#e2ecf8; font-size:14px; margin-right:1%; margin-bottom:5px;}
	
	.footer_b{ background:#095ca6; overflow:hidden;}
	.footer{ max-width:1200px; padding:3% 0; overflow:hidden; display:flex; align-items:center;}
	.footer img{ max-width:100%; display:block; margin:2% auto;}
	.footer span{width:20%; float:left;}
	.footer span:nth-child(2){width:60%;}
	.footer span p{ text-align: center; color:#dbe8f8; line-height:30px; font-size:14px;}
	.footer span a{ color:#dbe8f8;}
	.footer span p:first-child{ font-size:24px; margin-top:1%; color:#e8f0fa; line-height:36px;}
	.footer span:nth-of-type(3) img{width:161px;}
	
	
	
	
		
	/*新闻页面*/
	.page_address{ background:#fff; padding:16px 0px; box-shadow:0px 3px 3px #ddd; margin-bottom:40px; border-bottom:1px solid #efefef; font-size:14px;}
	.page_address a{color:#666;}
	
	.page_pic{ display:block; width:100%;}	
	.page_pic img{width:100%; max-height:300px; object-fit:cover;}	
	.page_odd{box-shadow:0px 0px 6px -3px #adadad; margin:20px auto; padding:15px 2%; box-sizing:border-box;}
	.page_odd .title{ text-align:center; font-size:20px; font-weight:bold;}
	.page_odd .content{ margin-top:20px; line-height:32px;}
	.page_odd .picture{ margin-top:20px; text-align:center; display:block; width:100%;}
	.page_odd time{ text-align:center; display:block; font-size:14px; margin-top:20px; color:#333;}
	.page_next{ margin:15px 0px; overflow:hidden; width:100%;}
	.page_next p{font-size:13px; font-weight:bold; color:#555;}
	.page_next p a{color:#999; font-size:12px;}
	
	.pro_list li{ max-width:calc(100% / 3); width:100%; padding:0px 0px 18px 18px; float:left; box-sizing:border-box;}
	.pro_list li a{ position:relative; overflow:hidden; display:block;}
	.pro_list li a span img{ float:left; height:254px; object-fit:cover; width:100%;}
	.pro_list li a div{ position:absolute; bottom:0px; z-index:1; background:linear-gradient(to top, rgba(0,0,0,1.00),rgba(0,0,0,0.00)); width:100%; color:#fff; padding:30px 26px; box-sizing:border-box;}
	.page_list{ display:block; width:100%; overflow:hidden; text-align:center; margin:10px auto;}
	.page_list a{ color:#000;}
	
	.pro_list li .title{ font-size:22px; line-height:30px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.pro_list li .text{ font-size:14px; line-height:22px;height:0px; overflow:hidden; transition:all linear 0.2s; max-height:88px;}
	.pro_list li .more{ font-size:14px; background:#306ab4; text-align:center; float:left; border-radius:36px; width:130px; line-height:36px; overflow:hidden; height:0px; transition:all linear 0.2s;}
	.pro_list li:hover .text{height:66px; margin-top:10px; margin-bottom:20px; }
	.pro_list li:hover .more{ height:36px;}


	.news_list{ display:block; width:100%;}
	.news_list li{ margin:2% 0px; overflow:hidden; background:#f5f5f5; box-shadow:0px 0px 5px #ccc;}
	.news_list_img{ float:left; max-width:360px; width:100%; height:220px;}
	.news_list_img img{ width:100%; height:100%; object-fit:cover;}
	.news_list_text{ max-width:calc(100% - 380px); height:220px; padding:20px 0px 20px 50px; box-sizing:border-box; float:left;}
	.news_list_text .title{  font-size:20px; font-weight:bold; color:#222; white-space:pre; text-overflow:ellipsis; overflow:hidden; float:left; width:100%;}
	.news_list_text time{ font-size:14px; display:block; margin-top:10px; color:#999; float:left; width:100%;}
	.news_list_text .text{ line-height:24px; height:72px; font-size:14px;color:#666; float:left; width:100%;}
	.news_list_text .more{ background:#adadad; margin-top:10px; color:#fff; width:120px; height:40px; line-height:40px; float:left; text-align:center;}
	.news_list_text .more:hover{ background:#3787ff;}
	.news_list li:hover{ background:#fff;}

	.honor_list{ overflow:hidden;}
	.honor_list li{ max-width:calc(100% / 4 - 25px); float:left; margin:10px 15px 10px 15px; transition:all linear 0.25s;}
	.honor_list li:hover{ box-shadow:0px 2px 6px -1px #888;}
	.honor_list li:nth-child(4n){ margin-right:0px; margin-left:0px;}
	.honor_list li span{ max-width:100%; display:block; overflow:hidden;}
	.honor_list li span img{ height:200px; object-fit:cover; width:100%;transition:all linear 0.3s;}
	.honor_list li p:nth-of-type(1){ overflow:hidden; 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:#666; font-size:16px;}
	
	
	
	

	/*返回顶部*/
	.top{ width:50px; height:50px; line-height:50px;background:rgba(18,70,179,0.90); color:#fff; position:fixed; text-align:center; bottom:25%; cursor:pointer; display:none;font-weight:bold; font-size:30px; right:1%; z-index:50;}
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc;}
	.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%;}

	
	
	.animate{ transition:all linear 0.25s;}	
	
	@-webkit-keyframes rotation{
		from{
			-webkit-transform: rotateZ(0deg);	
		}
		
		to{
			-webkit-transform: rotateZ(360deg);
		}
	}