@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ max-width:100%; display:block; margin:0px auto;}
	/*头部样式*/
	.max{ max-width:1200px;}
	
	header.header{ overflow:hidden;}
	.head_line{ background:#f7f7f7; overflow:hidden;}
	.head_line .max{padding:11px 0px; overflow:hidden;}
	.head_line .max .title{ float:left; font-size:14px; color:#666;}
	.head_line .text{ float:right; color:#4a4a4a; font-size:14px;}
	.head_line .text font{ color:#fe0000; font-size:16px}
	.head_b{box-sizing:border-box; overflow:hidden; padding:21px 0px; display:flex; align-items:center;}	
	.head_b .logo{float:left; max-width:38%; width:100%; margin-left:0px;}	
	

	/*导航样式*/
	nav{max-width:60%; width:100%; float:right; margin-right:0px;}
	.nav{float:left; width:100%;}
	.nav li{ position:relative; max-width:calc(100% / 7); width:100%; float:left; text-align:center;}
	.nav li a{ font-size:16px; color:#000; border-bottom:3px solid transparent; padding-bottom:6px;}
	.nav li a:hover{ color:#1f50a8; border-bottom:2px solid #1f50a8;}
	#nav_select a{color:#1f50a8; border-bottom:2px solid #1f50a8;}

	.dh{ float:right; display:none;}
	.iconnav-list:before{ font-size:60px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:620px;}
	.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 #3574db; opacity:0.8;}
	.banner ol li:hover{border:2px solid #3574db; opacity:1;}
	.banner li img{min-height:150px; height:620px;}
	
	.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
	.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:calc(55% - 90px); position:absolute;  z-index:2; width:50px; left:1%; text-align:center;}
	.lef_rig span:nth-child(2){ cursor:pointer;opacity:0.5; top:calc(55% - 90px); position:absolute;  z-index:2; width:50px; right:1%; text-align:center}
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	.banner:hover .lef_rig{ opacity:1;}
	#dot{ background:#fe0000; border:2px solid #fe0000; opacity:1;}


	/*网站主体*/
	.often{text-align:center; margin:65px auto 45px auto; display:block; overflow:hidden; position:relative;}
	.often .title{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; font-size:30px; z-index:2; color:#000; background:rgba(255,255,255,0.50); height:40px; line-height:40px; max-width:130px; text-align:center; width:100%;}
	.often .text{ font-size:60px; color:#e4e5e5;}
	
	.solid{ overflow:hidden;}
	.solid ul{position:relative;}
	.btn{ position:absolute; top:calc(50% - 10px); max-width:1300px; width:100%; left:0px; right:0px; margin:auto; height:100%; z-index:-1;}
	.btn span{ width:40px; height:40px;background:#339cf0; color:#fff; border-radius:100%; line-height:40px; text-align:center; font-family:"仿宋"; float:left; cursor:pointer;user-select:none;}
	.btn span:last-child{ float:right;}
	.btn span:hover{ background:#e99000;}
	
	section.hot{ padding:23px 0px; overflow:hidden;}
	.hot span{ float:left; font-size:16px; font-weight:bold; color:#0083ec; margin-top:3px;}
	.hot ul{ float:left; max-width:calc(100% - 150px); width:100%; margin-top:3px; line-height:21px; height:21px; overflow:hidden;}
	.hot ul li{ float:left; margin-right:1%;}
	.hot ul li *{ font-size:14px; color:#333;}
	.hot img{ float:right; display:block;}
	.hot ul li a:hover{ color:#ffa51e;}
	
	section.products{ overflow:hidden; background:url(../images/pro_01.jpg) no-repeat center; background-size:100% 100%; padding-bottom:72px;}
	.products .pro_list{ display:block; overflow:hidden; text-align:center;}
	.products .pro_list span{ display:inline-block; text-align:center; min-width:111px; margin:0px 3.5px;padding: 0px 8px; line-height:34px; box-sizing:border-box; border:1px solid #dedede; font-size:12px; color:#3d3d3d; cursor: pointer;}
	.products .pro_list span:hover{border:1px solid #000; color:#000;}
	.pro_b{ margin-top:46px;}
	.pro_b:nth-of-type(n+2){ display:none;}
	.pro_b li{ max-width:285px; width:100%; float:left; margin-right:20px; background:#fff; padding:0px 15px; box-sizing:border-box; border-top:2px solid #1f50a8; padding-bottom:35px; margin-bottom:18px;}
	.pro_b li:nth-of-type(even){border-top:2px solid #fe0000;}
	.pro_b li:nth-of-type(4n){margin-right:0px;}
	.pro_b li .title{ font-size:18px; color:#000; text-align:center; float:left; width:100%; margin-top:32px; overflow:hidden; white-space:pre; text-overflow:ellipsis; transition:all linear 0.25s;}
	.pro_b li .text{ font-size:12px; color:#777; text-align:center; float:left; width:100%; line-height:22px; margin-top:16px;}
	.pro_b li .line{overflow:hidden; width:34px; height:2px; background:#7f7f7f; margin-top:15px; float:left; margin-left:calc((100% - 34px) / 2); transition:all linear 0.25s;}
	.pro_b li .picture{ margin-top:65px; float:left; width:100%; overflow:hidden;}
	.pro_b li .picture img{ height:181px; width:100%; object-fit:cover; transition:all linear 0.25s;}
	
	.pro_b li:hover .line{ background:#fe0000;}
	.pro_b li:hover .title{ color:#1f50a8;}
	.pro_b li:nth-of-type(even):hover .line{ background:#1f50a8;}
	.pro_b li:nth-of-type(even):hover .title{ color:#fe0000;}
	.pro_b li:hover .picture img{ transform:scale(1.2);}
	
	section.scheme{ overflow:hidden; padding-bottom:50px;}
	.scheme li{max-width:calc(20% - 16px); margin:0px 19px 20px 0px; width:100%; float:left; position:relative;}
	.scheme li:nth-of-type(5n){margin-right:0px;}
	.scheme li .picture{ float:left; width:100%; overflow:hidden}
	.scheme li .picture img{ height:200px; object-fit:cover; width:100%;  transition:all linear 0.25s;}
	.scheme li .content{ position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.40); height:100%; width:100%; text-align:center;}
	.scheme li .content .icon{ margin-top:50px;}
	.scheme li .content .icon img{ margin:0px auto;}
	.scheme li .content .title{ font-size:16px; color:#fff; margin-top:15px;}
	.scheme li .content .title::after{ content:""; margin:0 auto; display:block; margin-top:10px; background:#fff; height:2px; width:40px;}
	.scheme li:hover .picture img{transform:scale(1.2);}
	
	section.about{ background:url(../images/ab_01.jpg) no-repeat center; background-size:cover; overflow:hidden; padding-bottom:80px;}
	.about .often .title{ background:rgba(93,128,191,0.90); color:#fff;}
	.about .often .text{color:#abbdde;}
	.about_b{ background:rgba(255,255,255,0.80); overflow:hidden;}
	.about_b .picture{ float:left; max-width:50%; width:100%;}
	.about_b .picture img{width:100%; height:396px; object-fit:cover;}
	.about_b .content{ float:right; max-width:50%; width:100%; padding:0px 3%; box-sizing:border-box;}
	.about_b .content .title{ font-size:30px; color:#1f50a8; margin-top:25px;}
	.about_b .content .text{ font-size:14px; line-height:30px; color:#222; margin-top:14px;}
	.about_b .content .text p{ text-indent:28px;}
	.about_b .content .more{ max-width:120px; margin-top:17px; line-height:36px; background:#1f50a8; font-size:14px; color:#fff; float:left; width:100%; text-align:center;}
	.about_b .content .more:hover{background:#fe0000;}
	
	section.news{ overflow:hidden; padding-bottom:70px;}
	.news_b{ position:relative; overflow:hidden; left:0px; right:0px;}
	.news_b li{ max-width:50%; float:left; background:#f5f5f5; padding:30px 6% 50px 0px; box-sizing:border-box;}
	.news_b li a{float:left; width:100%; padding-left:5%; box-sizing:border-box;}
	.news_b li .title{ font-size:18px; color:#000; padding-left:5%; border-left:5px solid #1f50a8; white-space:pre; text-overflow:ellipsis; overflow:hidden; transition:all linear 0.25s;}
	.news_b li .text{ font-size:12px; color:#444; margin-top:20px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news_b li time{ font-size:12px; color:#888; margin-top:15px; float:left; width:100%;}
	
	.news_b li:nth-of-type(even){ padding-right:2.5%; padding-left:6%;}
	.news_b li:nth-of-type(even) .title,.news_b li:nth-of-type(even) a{padding-left:4.5%;}
	.news_b li:nth-of-type(2),.news_b li:nth-of-type(3){ background:#1f50a8;}
	.news_b li:nth-of-type(2) a,.news_b li:nth-of-type(3) a{ color:#fff;}
	.news_b li:nth-of-type(2) .title,.news_b li:nth-of-type(3) .title{ border-color:#fff;}
	.news_b li:nth-of-type(2) time,.news_b li:nth-of-type(3) time{color:#fff;}
	.news_b .more{ width:100px; height:100px; position:absolute; text-align:center; line-height:100px; left:0px; top:0px; right:0px; bottom:0px; margin:auto; background:#fff; transform:rotate(45deg); border:1px solid transparent; box-sizing:border-box; transition:all linear 0.25s;}
	.news_b .more p{ transform:rotate(-45deg); font-size:18px; letter-spacing:1px;}
	.news_b .more:hover{border-left:1px solid #1f50a8;border-bottom:1px solid #fff;border-right:1px solid #1f50a8;border-top:1px solid #fff; box-shadow:0px 0px 4px rgba(255,255,255,1.00)}
	.news_b li:hover .title{ padding-left:2.5%;}
	
	section.case{ background:url(../images/case_01.jpg) no-repeat center top; background-size:cover; overflow:hidden; padding-bottom:48px;}
	.case ul{overflow:hidden;}
	.case li{ float:left; max-width:calc(20% - 20px); margin:0px 25px 25px 0px; padding-top:7px; background:#fff; box-sizing:border-box; overflow:hidden;}
	.case li:nth-of-type(5n){margin-right:0px;}
	.case li .picture{padding:0px; box-sizing:border-box; float:left; width:100%; overflow:hidden;}
	.case li .picture img{ height:134px; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.case li .title{ font-size:14px; color:#666; text-align:center; float:left;width:100%; margin:24px auto 16px auto;}
	.case li .content{font-size:14px; color:#666; border-top:1px solid #e3e3e3; float:left;width:100%; padding:10px 0px;}
	.case li .content a{max-width:50%; float:left; width:100%; text-align:center;}
	.case li .content .now{ font-size:14px; color:#1f50a8; border-right:1px solid #e3e3e3; box-sizing:border-box;}
	.case li .content .contact{ font-size:14px; color:#666;}
	
	.case_b .more{ width:117px; line-height:36px; height:36px; color:#dedede; font-size:14px; color:#666; text-align:center; border:1px solid #dedede; display:block; margin:26px auto 0px auto; overflow:hidden;}
	.case li:hover .picture img{ transform:scale(1.2);}
	.case_b .more:hover{ background:#1f50a8; color:#fff;}
	
	
	
	
	
	
	footer.url{overflow:hidden; padding:13px 0px; background:#212121; display:block; width:100%;}
	.url *{ line-height:25px;}
	.url .picture{ font-size:16px; color:#fff; float:left;}
	.url a{ margin-right:1%; font-size:14px; float:left; color:#bcbcbc;}
	
	
	
			
	footer.footer{ background:#292929; background-size:cover; overflow:hidden; padding:37px 0px; display:block; width:100%;}
	.foot_b{ display:flex; align-item:center;}
	.foot_b .title{ font-size:18px; color:#e1e1e1; margin-bottom:16px;}
	.foot_b ul a{ font-size:14px; color:#888888; line-height:30px;}
	.foot_b .footer_pro{ max-width:22%; float:left; width:100%; overflow:hidden; border-right:1px solid #353535; box-sizing:border-box;}
	.foot_b .footer_about{ max-width:22%; float:left; width:100%; overflow:hidden; border-right:1px solid #353535; box-sizing:border-box; padding-left:3%;}
	
	.foot_b .contact{ float:left; max-width:40%; width:100%; border-right:1px solid #353535; box-sizing:border-box; padding-left:2.5%;}
	.foot_b .contact div{ float:left;width:100%; margin-bottom:20px;}
	.foot_b .contact .picture{ float:left; max-width:40px; width:100%;}
	.foot_b .contact .text{ float:left; max-width:calc(100% - 40px); font-size:14px; color:#bcbcbc; width:100%;}
	.foot_b .contact .text a{color:#bcbcbc;}
	
	
	.foot_b .code{ float:right; max-width:16%; width:100%;}
	.foot_b .code .picture{ float:right;}
	.foot_b .code .picture img{max-width:140px; width:100%; display:block;}
	.foot_b .code .text{ text-align:center; font-size:14px; color:#888; margin-top:10px; float:right; max-width:140px; width:100%;}
	
	
	/*新闻页面*/
	.page_ban .banner ul li,.page_ban .banner li img{ height:500px;}
	section.list{ background:#fafafa; overflow:hidden; padding-bottom:60px;}
	.list .address{ float:right;text-align:right; overflow:hidden; color:#888; font-size:14px;overflow:hidden; max-width:50%; float:right; margin-top:20px;}
	.list .address span{ max-width:100px; display:inline-block;}
	.list .address span img{ float:left; margin:3px 5px auto auto;}
	.list .address *{ color:#888; font-size:14px;}
	
	.list .column_title{ font-size:30px; color:#333; float:left; max-width:100%; width:100%; margin-top:32px; padding-bottom:20px; overflow:hidden; border-bottom:1px solid #ededed;}
	.list .column_title .title{ max-width:50%; letter-spacing:2px; float:left;}
	
	.list .page_columnlist{ margin-top:30px; float:left; width:100%;overflow:hidden;}
	.list .page_columnlist li{ max-width:20%; width:100%;float:left; margin:10px auto;}
	.list .page_columnlist li a{ max-width:85%;width:100%; padding:13px 5%; box-sizing:border-box; text-align:center; display:block; font-size:14px; color:#555; transition:all linear 0.1s; margin:0px auto; border:1px solid #dfdfdf;}
	.list .page_columnlist li a:hover{ background:#0083ec; color:#fff;}
	#fl_select a{background:#0083ec; color:#fff;}
	.list .pro_list{ margin-top:30px; float:left; width:100%; overflow:hidden;}
	.list .pro_list li{ float:left; margin-right:17px; max-width:calc(25% - 13px); width:100%; margin-bottom:20px; border:1px solid #ededed; box-sizing:border-box;}
	.list .pro_list li:nth-of-type(4n){ margin-right:0px;}
	.list .pro_list li .picture{ float:left; overflow:hidden; width:100%;}
	.list .pro_list li .picture img{ height:200px; width:100%; width:100%; object-fit:cover;}
	.list .pro_list li .title{ float:left; width:100%;color:#555; font-size:16px; text-align:center; padding:20px 0px; background:#fff;}
	.list .pro_list li:hover{ border:1px solid #0083ec;}
	
	.page_list{ float:right; display:flex; align-items:flex-end; flex-wrap:wrap; overflow:hidden; margin-top:10px;}
	.page_list a{ min-width:20px; font-size:14px; color:#555; background:#fff; margin:0px 5px; line-height:30px; padding:0px 8px; float:left; text-align:center; border:1px solid #dbdbdb;}
	.page_list a:hover{color:#fff; background:#0083ec;border:1px solid #0083ec;}
	
	.list .news_list{ overflow:hidden; float:left; width:100%; margin-top:5px;}
	.list .news_list li{ float:left; width:100%; padding:20px 0px; border-bottom:1px solid #dfdfdf; overflow:hidden;}
	.list .news_list li .picture{ float:left; max-width:300px; width:100%; overflow:hidden}
	.list .news_list li .picture img{width:100%; height:180px; object-fit:cover;}
	.list .news_list li .content{ float:right; max-width:calc(100% - 300px); width:100%; padding:10px 3% 10px 30px; box-sizing:border-box; height:180px; background:#fff;}
	.list .news_list li .content .title{ font-size:18px; color:#333; font-weight:bold; margin-top:10px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.list .news_list li .content .text{ max-height:56px; overflow:hidden; margin-top:15px; text-indent:28px; line-height:28px; font-size:14px; color:#666;}
	.list .news_list li .content .more{ font-size:12px; color:#999; float:right;}
	.list .news_list li .content .date{ font-size:12px; color:#999; float:left;}
	.list .news_list li .content time{ margin-top:15px; font-size:12px; color:#999; float:left; width:100%;}
	.list .news_list li:hover .title{color:#0083ec;}
	.list .news_list li:hover .more{color:#0083ec;}
	
	.page{ display:block; width:100%; box-shadow:0px 0px 3px rgba(0,0,0,0.50); margin:50px auto; padding:0px 2%; box-sizing:border-box; overflow:hidden; padding-bottom:30px;}
	.page .address{ float:right;text-align:right; overflow:hidden; color:#888; font-size:14px;overflow:hidden; max-width:50%; float:right; margin-top:10px;}
	.page .address span{ max-width:100px; display:inline-block;}
	.page .address span img{ float:left; margin:3px 5px auto auto;}
	.page .address *{ color:#888; font-size:14px;}
	
	.page .column_title{ font-size:26px; color:#333; float:left; max-width:100%; width:100%; margin-top:32px; padding-bottom:20px; overflow:hidden; border-bottom:1px solid #ededed;}
	.page .column_title .title{ max-width:50%; letter-spacing:2px; float:left;}
	.page .page_title{ font-size:24px; text-align:center; margin-top:30px; float:left; width:100%; overflow:hidden;}
	.page .page_content{margin-top:25px; float:left; width:100%; overflow:hidden;}
	.page .page_content p{ line-height:30px;}
	.page .page_picture{ margin-top:30px; overflow:hidden; width:100%; display:block; float:left;}
	.page .page_picture img{ margin:0px auto; max-height:450px;}
	.page time{ font-size:14px; text-align:center; float:left; width:100%; margin-top:15px; color:#666;}
	
	.page .page_next{ margin-top:30px; font-size:14px;}
	.page .page_next p{ margin-top:8px; color:#333;}
	.page .page_next *{color:#666;}
		
	

	/*返回顶部*/
	
	.top{ cursor:pointer; position:fixed; bottom:5%; background:rgba(0,131,236,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(0,131,236,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%; margin:0px auto;}


	

	:-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;
	}