@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ display:inline-block; max-width:100%;}
	.picture img{ display:block; margin:0px auto;}
	
	/*头部样式*/
	.max{ max-width:1200px;}
	header.header{ transition:all linear 0.3s;padding:18px 0px 14px 0px;width:100%; display:block; float:left; position:relative; z-index:99;}
	.header .logo{ float:left; margin-left:0px; max-width:33%;}
	.header .logo img{ display:block;}
	
	/*导航样式*/
	nav{max-width:64%; width:100%; float:right; margin-right:0px; margin-top:19px;}
	.nav{float:left; width:100%;}
	.nav li{ position:relative; max-width:calc(100% / 6); width:100%; float:left; text-align:center; z-index:1;}
	.nav li a{ font-size:16px; color:#111; padding-bottom:2px; display:inline-block;}
	.nav li::after{ content:"◆"; float:left; width:100%; text-align:center; color:transparent;}
	.nav li:hover a{color:#d40201;}
	.nav li:hover::after{color:#d40201;}
	#nav_select a{color:#d40201;}
	#nav_select::after{color:#d40201;}
	
	#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:635px;}
	.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:600px; 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{text-align:center; margin:60px auto; display:block; overflow:hidden;}
	.often .title{ font-size:28px; font-weight:bold; color:#292c2d; position:relative;}
	.often .title::after{ content:"◇"; color:#d40201; font-size:12px; font-weight:bold; position:absolute; top:0px; margin-left:5px;}
	.often .text{ font-size:14px; color:#808080; margin-top:6px;}
	.often .intor{ font-size:12px; color:#808080; margin-top:10px;}
	
	section.advantage{ overflow:hidden; display:block; width:100%; padding-top:20px; padding-bottom:76px;}
	.adv_b{margin-top:74px; overflow:hidden; box-sizing:border-box;}
	.adv_b .picture{ float:left; max-width:50%; width:100%;}
	.adv_b .content{ float:right; max-width:45%; width:100%; box-sizing:border-box;}
	.adv_b .content .title{ font-size:24px; color:#323232;}
	.adv_b .content .text{ font-size:16px; line-height:30px; color:#222; margin-top:22px;}
	.adv_b .content li{ max-width:calc(100% / 3); float:left; width:100%; box-sizing:border-box;}
	.adv_b .content .icon{ display:block; margin-top:26px; overflow:hidden; width:100%;}
	.adv_b .content .icon li .icon_img{ display:block; text-align:center; transition:all linear 0.25s;}
	.adv_b .content .icon li .icon_title{ text-align:center; color:#d40201; font-size:18px; margin-top:12px;}
	.adv_b .content .icon li .icon_text{ text-align:center; color:#444; line-height:20px; font-size:14px; margin-top:14px;}
	.adv_b .content .class{ margin-top:38px; float:left; width:100%;}
	.adv_b .content .class li{ float:left; max-width:calc(25% - 4.5px); margin-right:6px; width:100%; position:relative; overflow:hidden;}
	.adv_b .content .class li:last-child{margin-right:0px;}
	.adv_b .content .class li .class_title{ position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.40); width:100%; height:100%; text-align:center; font-size:16px; color:#fff; display:flex; justify-content:center; align-items:center;}
	.adv_b .content .class li .class_img{ overflow:hidden; float:left; width:100%;}
	.adv_b .content .class li .class_img img{width:100%; height:102px; object-fit:cover; float:left; transition:all linear 0.25s;}
	.adv_b:nth-of-type(even) .picture{ float:right;}
	.adv_b:nth-of-type(even) .content{float:left; box-sizing:border-box; margin-top:10px;}
	.adv_b .content .icon li:hover .icon_img{ transform:rotateY(180deg);}
	.adv_b .content .class li:hover .class_img img{ transform:scale(1.3)}

	section.products{ background:url(../images/feat_01.jpg) no-repeat bottom center; background-size:cover; overflow:hidden; padding-bottom:60px;}
	.pro_column{ display:block; overflow:hidden;}
	.pro_column ul{ float:left; width:100%; text-align:center;}
	.pro_column li{ display:inline-block; max-width:132px; width:100%; background:#d40201; text-align:center; margin:0px 25px; transform:skew(-30deg); cursor:pointer;}
	.pro_column li .title{transform:skew(30deg); float:left; width:100%; padding:9.5px 0px; font-size:14px; color:#fff;}
	.pro_column li:hover{ background:#5d5d5d;}
	.pro_column li .title a{color:#fff;}
	#pro{ background:#d40201;}
	.pro_b{ overflow:hidden; display:block; width:100%; margin-top:50px;}
	.pro_b .pro_li:nth-of-type(n+2){ display:none;}
	.pro_b ul{ position:relative; display:block; width:9999px; height:291px; min-width:1200px; overflow:hidden;}
	.pro_b ul li{ float:left; width:285px; margin-right:20px;}
	.pro_b ul li .content{ float:left; width:100%;position:relative;}
	.pro_b ul li .picture{ float:left; width:100%; overflow:hidden;}
	.pro_b ul li .picture img{ float:left; width:100%; overflow:hidden; height:220px; object-fit:cover;}
	.pro_b ul li .title{ float:left; width:100%; text-align:center; background:#fff; font-size:16px; color:#333; padding:25px 0px;}
	.pro_b ul li .more{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.50); opacity:0;}
	.pro_b ul li .more div{ max-width:104px; height:33px; display:block; width:100%; color:#fff; border:1px solid #fff; line-height:33px; text-align:center; margin-top:35%;}
	.pro_b ul li:hover .more{opacity:1;}
	
	.onck{width:100%; overflow:hidden; text-align:center; max-width:164px; display:block; margin:52px auto 0px auto;}
	.onck div{ float:left; width:30px; background:#d40201; font-size:12px; color:#fff; font-family:"仿宋"; padding:14px 0px; margin:0px 1px; cursor:pointer;}
	.onck a{ font-size:12px; color:#fff; width:100px; float:left; text-align:center; padding:13px 0px; background:#d40201;}
	.onck *:hover{ background:#d40201;}
	
	section.features{ background:url(../images/feat_01.png) no-repeat bottom center; overflow:hidden; padding-bottom:100px;}
	.feat{ float:left; max-width:26%; width:100%; overflow:hidden; margin-right:24%; margin-bottom:28px;}
	.feat_b{ background:url(../images/feat_01.jpg) no-repeat center bottom;overflow:hidden; padding-bottom:10px;}
	.feat:nth-of-type(even){ float:right; margin-right:0px; margin-left:24%;}
	.feat .text{ font-size:14px; line-height:25px; color:#666; height:75px; margin-top:8px;}
	.feat .title{font-size:30px; color:#444; font-weight:bold;}
	.feat .number{ font-family:"汉真广标"; font-size:50px; color:#d40201; font-style:italic; float:left; width:80px; max-width:80px;}
	.feat .content{ float:left; margin-left:18px; max-width:calc(100% - 100px)}
	
	section.case{ overflow:hidden; display:block; width:100%; background:url(../images/case_01.png) no-repeat center top; background-size:cover; padding-bottom:60px;}
	.case_b{ display:block; width:100%; overflow:hidden;}
	.case_b ul{ display:block; width:9999px; min-width:1200px; overflow:hidden; position:relative; height:230px;}
	.case_b li{ float:left; width:285px; margin-right:20px; overflow:hidden;}
	.case_b li .content{ float:left; position:relative; overflow:hidden; width:100%;}
	.case_b li .picture{ float:left; width:100%; overflow:hidden;}
	.case_b li .picture img{ float:left; width:100%; height:230px; object-fit:cover; transition:all linear 0.25s;}
	.case_b li .title{position:absolute; bottom:0px; width:100%; left:0px; background:rgba(0,0,0,0.50); text-align:center; white-space:pre; font-size:16px; color:#fff; padding:13.5px 2%; box-sizing:border-box;}
	.case .onck{ margin-top:67px;}
	.case_b li:hover .picture img{ transform:scale(1.2)}
	
	section.about{ position:relative; overflow:hidden; padding-bottom:35px;}
	.about_l{ max-width:61%; width:100%; float:left; padding-left:calc((100% - 1200px) / 2); padding-right:3.5%; box-sizing:border-box;}
	.about_l .title{ font-size:20px; font-weight:bold; color:#333;}
	.about_l .title::after{ content:""; height:2px; width:70px; background:#d40201; display:block; margin-top:12px;}
	.about_l .content{ font-size:15px; color:#333; line-height:36px;}
	.about_l .content p{ text-indent:30px;}
	.about_l .honor{ background:#ebedec; float:left; width:100%; padding:20px 0px; position:relative; z-index:1;}
	.about_l .honor .picture{ float:left; max-width:calc(100% / 3 - 14px); width:100%; margin-right:20px; border:2px solid #fff; box-sizing:border-box; border-radius:2px; overflow:hidden;}
	.about_l .honor .picture img{ height:148px; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.about_l .honor .picture:last-child{margin-right:0px;}
	.about_l .honor::before{ background:#ebedec; position:absolute; content:""; top:0px; right:calc((100% - 1200px) / 2); height:100%; width:300%; z-index:-1;}
	.about_r{max-width:38%; float:left; position:absolute; right:0px; z-index:1;}
	.about_r img{ height:445px; width:100%; object-fit:cover;}
	.about_l .honor .picture:hover img{ transform:scale(1.2);}

	section.news{ overflow:hidden; margin-bottom:60px; display:block; width:100%; background:linear-gradient(to right,#f7f7f7 calc((100% - 1200px) / 2 + 680px),#fff calc((100% - 1200px) / 2 + 680px));}
	.news_b{ overflow:hidden; display:block; width:100%;}
	.news_l{ float:left; max-width:632px; width:100%; overflow:hidden; box-sizing:border-box; position:relative; margin:62px auto 72px auto;}
	.news_l .picture{ float:left; max-width:435px; width:100%; overflow:hidden; box-sizing:border-box; background:#f7f7f7;}
	.news_l .picture img{ float:left; height:315px; width:100%; object-fit:cover;}
	.news_l .content{ position:absolute; background:rgba(0,0,0,0.50); max-width:500px; width:100%; right:0px; top:60px; padding:38px 38px 19px 38px; box-sizing:border-box;}
	.news_l .content .title{ font-size:16px; font-weight:bold; color:#fff;}
	.news_l .content .text{ font-size:14px; line-height:24px; color:rgba(255,255,255,0.80); margin-top:25px;}
	.news_l .content time{ font-size:12px; color:rgba(255,255,255,0.60); margin-top:8px; float:left; width:100%;}
	
	.news_r{ float:right; max-width:calc(100% - 712px); width:100%; box-sizing:border-box; overflow:hidden;}
	.news_r li{float:left; width:100%; overflow:hidden; padding:20px 0px; border-bottom:1px solid #eee;}
	.news_r li:last-child{border-bottom:0px;}
	.news_r .content{ float:left; overflow:hidden; width:100%; display:flex; align-items:center;}
	.news_r .content time{ float:left; overflow:hidden; width:70px;color:#fff; background:#d40201; text-align:center; padding:9px 0px;}
	.news_r .content time .date{ font-size:20px; font-weight:bold;}
	.news_r .content time .year{ font-size:12px; margin-top:10px;}
	.news_r .content .text{ float:right; overflow:hidden; max-width:calc(100% - 70px); width:100%; padding-left:15px; box-sizing:border-box;}
	.news_r .content .text .intor{float:left; width:100%; font-size:12px; line-height:18px; color:#7e7e7e; overflow:hidden; max-height:48px; margin-top:4px;}
	.news_r .title{ float:left; width:100%; font-size:16px; color:#242424; overflow:hidden; white-space:pre; text-overflow:ellipsis;}

	.news_l:hover .title{ color:#f0831d;}
	.news_r li:hover time{background:#5d5d5d;}
	.news_r li:hover .title{color:#d40201;}

	footer.footer{overflow:hidden; width:100%; background:#333;}
	.footer_b .max{ display:flex;}
	.footer_b .url{ max-width:43.5%; width:100%; float:left; padding-right:50px; box-sizing:border-box;}
	.footer_b .url .title{ color:#d40201; font-size:16px; font-weight:bold; margin:28px auto 16px auto;}
	.footer_b .url a{ line-height:26px; font-size:14px; color:rgba(255,255,255,0.60);}
	.footer_b .code{ background:#d40201; float:left; max-width:13%; width:100%; text-align:center; padding:15px 0px;}
	.footer_b .code p{ color:#fff; font-size:14px; margin-top:13px;}
	.footer_b .contact{ float:right; max-width:43.5%; width:100%; padding:42px 0px 0px 30px; box-sizing:border-box;}
	.footer_b .contact .con_b{ float:left; max-width:50%; width:100%; margin-bottom:16px; overflow:hidden;}
	.footer_b .contact .con_b .picture{ float:left; max-width:40px; width:100%;}
	.footer_b .contact .con_b .content{ float:left; max-width:calc(100% - 55px); margin-left:15px; width:100%;}
	.footer_b .con_b .content .title{ color:rgba(255,255,255,0.30); float:left; width:100%;  margin-bottom:5px;}
	.footer_b .con_b .content .text{ font-size:13px; color:rgba(255,255,255,0.80); float:left; width:100%; overflow:hidden;}
	.footer_b .con_b .content .tel{ font-size:20px; font-weight:bold; color:#d40201;}
	
	.copyright{ background:#212121; overflow:hidden; float:left; width:100%; padding:24px 0px; border-top:1px solid #444;}
	.copyright span{ display:inline-block; margin:0px 5px;}
	.copyright *{color:rgba(255,255,255,0.50); font-size:14px;}
	.copy_l{ float:left;}
	.copy_r{ float:right;}


	/*新闻页面*/
	.page{ padding-bottom:70px; overflow:hidden; display:block;}
	.page_ban .banner img{ height:450px;}
	
	.page_address{ border-bottom:1px solid #eee; overflow:hidden; display:block; width:100%; padding-top:14px;}
	.page_address .max{overflow:hidden; display:block; width:100%;}
	.page_address .address{ font-size:14px; color:#666; max-width:40%; width:100%; float:left;padding-bottom: 15px;}
	.page_address .address *{color:#666;}
	.page_address .page_column{ float:right; font-size:14px; color:#333; max-width:60%;}
	.page_address .page_column a{ float:left; font-size:14px; color:#333; margin:0px 19px; border-bottom:3px solid transparent; padding-bottom:10px;pointer-events:auto}
	.page_address .page_column a:hover{border-color:#d40201;}
	#fl_select{border-bottom:3px solid transparent;border-color:#d40201;}
	
	.page_often{ display:block; text-align:center; overflow:hidden; margin:40px auto;}
	.page_often span{ font-size:24px; color:#333; border-bottom:2px solid #707070; margin:0px auto; display:inline-block; overflow:hidden; padding-bottom:8px;}
	
	.list{ overflow:hidden; margin-top:20px; display:block; width:100%; text-align:center;}
	.list *{ font-size:14px; color:#666; margin:0px 2px; display:inline-block; border:1px solid #bfbfbf; padding:2px 10px;}
	.list a:first-child{ display:none;}
	.list a:hover{ background:#d40201; color:#fff; border-color:#d40201;}
	
	.page_about{ padding-bottom:50px; display:block; overflow:hidden; width:100%;}
	.page_about p{ text-align:center; font-size:14px; line-height:30px; color:#444; float:left; width:100%;}
	.page_about ul{ margin-top:44px; float:left; width:100%; overflow:hidden;}
	.page_about ul li{ margin-right:11px; max-width:calc(100% / 7 - 10px); float:left; width:100%; border:3px solid #e5e5e5; box-sizing:border-box;}
	.page_about ul li:last-child{ margin-right:0px;}
	.page_about ul li img{ height:86px; width:100%; object-fit:cover; float:left;}

	.page_art{ display:block; overflow:hidden; background:#f2f2f2; width:100%; padding-bottom:72px;}
	.page_art li{ float:left; max-width:calc(100% / 3); width:100%; display:flex;}
	.page_art li .picture{float:left; max-width:50%; width:100%; position:relative; overflow:hidden;}
	.page_art li .picture::before{ position:absolute; content:""; border:12px solid transparent; border-right-color:#fff; right:0px; top:0px; bottom:0px; height:0px; width:0px; margin:auto; z-index:1;}
	.page_art li .picture img{ height:131px; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.page_art li .content{float:left; max-width:50%; width:100%; background:#fff; padding:0px 15px; box-sizing:border-box; text-align:center;}
	.page_art li .content .title{ font-size:18px; color:#333; font-weight:bold; border-bottom:2px solid #d40201; display:inline-block; margin:14px auto 8px auto; padding-bottom:3px;}
	.page_art li .content p{ font-size:14px; color:#555; line-height:22px;}
	.page_art li:nth-of-type(n+4) .picture{ order:1;}
	.page_art li:nth-of-type(n+4) .picture::before{left:0px; right:auto; border-left-color:#fff;border-right-color:transparent;}
	.page_art li:hover .picture img{ transform:scale(1.2);}
	
	.page_show .page_often{margin-top:50px;}
	.page_show .move{ overflow:hidden; display:block; width:100%;}
	.page_show ul{ position:relative; height:311px; width:9999px;}
	.page_show li{ border:3px solid #e8e8e8; box-sizing:border-box; float:left; width:224px; margin-right:20px;}
	.page_show li:last-child{margin-right:0px;}
	.page_show li img{ height:305px; width:100%; object-fit:cover; float:left;}
	.page_show li:hover{ border-color:#d40201;}
		
	.page_odd{ overflow:hidden; margin-top:64px;}
	.page_odd .title{ font-size:24px; float:left; width:100%; text-align:center; color:#333;}
	.page_odd time{float:left; width:100%; text-align:center; font-size:12px; color:#999; margin-top:20px;}
	.page_odd time span{ margin:0px 8px;}
	.page_odd .content{float:left; width:100%; margin-top:55px;}
	.page_odd .content p{ line-height:28px; font-size:14px;}
	.page_odd .picture{ float:left; width:100%; text-align:center; margin-top:42px; text-align:center;}
	.page_odd .picture img{ max-height:500px;}
	
	.page_pro{ display:block; margin-top:50px; width:100%; overflow:hidden;}
	.page_pro li{ float:left; max-width:calc(25% - 15px); width:100%; margin:0px 20px 38px 0px; box-shadow:0px 0px 8px rgba(0,0,0,0.15);}
	.page_pro li:nth-of-type(4n){margin-right:0px;}
	.page_pro li .title{ font-size:16px; color:#333; white-space:pre; text-overflow:ellipsis; width:100%; overflow:hidden; text-align:center; float:left; padding:24.5px 0px;}
	.page_pro li .picture{ width:100%; float:left; overflow:hidden;}
	.page_pro li .picture img{ height:220px; object-fit:cover; width:100%; float:left; transition:all linear 0.25s;}
	.page_pro li:hover .picture img{ transform:scale(1.1);}
	.page_pro li:hover .title{ background:#d40201; color:#fff;}

	.page_news{ display:block; width:100%; margin-top:40px; overflow:hidden;}
	.page_news li{ float:left; width:100%; overflow:hidden; background:#f7f7f7; margin-bottom:20px; display:flex;}
	.page_news li .picture{ float:left; border:16px solid transparent; box-sizing:border-box; max-width:19.5%; transition:all linear 0.25s;}
	.page_news li .picture img{ height:130px; width:100%; float:left; object-fit:cover;}
	.page_news li .content{ float:left; max-width:66%; width:100%; padding:0px 100px 0px 34px; box-sizing:border-box; transition:all linear 0.25s;}
	.page_news li .content .title{ font-size:16px; color:#717171; float:left; width:100%; overflow:hidden; margin-top:38px; transition:all linear 0.25s;}
	.page_news li .content .text{ font-size:12px; color:#a8a8a8; line-height:24px; margin-top:22px; max-height:24px; height:24px; overflow:hidden; float:left; width:100%;}
	.page_news li .time{ float:right; max-width:14%; width:100%; margin-top:38px; padding-right:20px; box-sizing:border-box;}
	.page_news li .time time{ font-size:14px; color:#999; font-weight:bold;}
	.page_news li .time .more{ font-size:12px; color:#ccc; border:1px solid #ccc; float:left; width:90px; height:30px; line-height:30px; text-align:center; border-radius:30px; margin-top:40px;}
	.page_news li:hover .picture{border-color:#ccc;}
	.page_news li:hover .content{padding:0px 84px 0px 50px;}
	.page_news li:hover .content .title{color:#333;}
	.page_news li:hover .time .more{ float:right; background:#ccc; color:#fff;}



	/*返回顶部*/
	.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(212,2,1,0.50); right:1%; font-size:60px; display:none; z-index:999;}
	.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(0,85,169,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);
	}