@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%;}
	.picture img{ display:inline-block; max-width:100%;}
	.switch span{-webkit-touch-callout: none; /* iOS Safari */-webkit-user-select: none; /* Chrome/Safari/Opera */-khtml-user-select: none; /* Konqueror */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* Internet Explorer/Edge */user-select: none; /* Non-prefixed version, currentlynot supported by any browser */}
	
	/*头部样式*/
	.max{ max-width:1680px;}
	
	header.header{max-width:100%; width:100%; padding:13px 0px; float:left; background:rgba(255,255,255,0.7);}
	header.header.index{ position:fixed; z-index:999; left:0px; top:0px;}
	.header .logo{ float:left; max-width:17%; width:100%;}
	.header .logo img{ display:block;height: 80px;object-fit: scale-down;}
	.header .contact{ float:right; max-width:185px; width:100%; text-align:center; margin-top:10px;}
	.header .contact .icon{ color:#e91d29; width:52px; height:52px; line-height:52px; border-radius:100%; font-size:26px; float:left;}
	.header .contact .title{ float:right; color:#e91d29; margin-top:16px; float:left; overflow:hidden; text-align:center;}
	

	/*导航样式*/
	.nav{ max-width:calc(76% - 190px); width:100%; float:left; text-align:center; margin-left:3%; margin-top:28px;}
	.nav li{ position:relative; max-width:11.1%; width:100%; float:left; text-align:center;}
	.nav li a{ font-size:16px; display:inline-block; color:#333; text-align:center; overflow:hidden; position:relative; border-bottom:2px solid transparent; padding-bottom:6px;}
	.nav li:hover a{ border-color:#e91d29;}
	#nav_select a{border-color:#e91d29;}
	
	/*导航样式*/

	.dh{ float:right; display:none; position:relative; overflow:hidden;}
	.dh input[type=checkbox]{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; padding:0px; border:0px;}
	.iconnav-list:after,.iconnav-list:before{ font-size:60px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:860px;}
	.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(233,29,41,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:859px; 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(233,29,41,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(233,29,41,1.00); border:2px solid rgba(233,29,41,1.00); opacity:1;}
	
	.often{ overflow:hidden; display:block; text-align:center;}
	.often .content{ float:left; position:relative; max-width:calc(100% - 100px); overflow:hidden;}
	.often .content .title{ position:absolute; bottom:0px; left:0px; font-size:30px; font-weight:bold; color:#222; border-top:2px solid #e91d29; z-index:1;}
	.often .content .text{ font-size:72px; font-weight:bold; color:rgba(255,255,255,0.5); float:left;}
	.often .switch{ float:right; max-width:70px; width:100%;}
	.often .switch span{ float:left; max-width:50%; width:100%; text-align:left; font-family:"宋体"; font-weight:bold; font-size:30px; line-height:95px; cursor:pointer;}
	.often .switch span:nth-of-type(2){text-align:right;}
	.often .more{ background:#e91d29; float:right; font-size:12px; color:#fff; width:77px; height:33px; line-height:33px; border-radius:33px; margin-top:31px;}
	.often .switch span:hover{ color:#e91d29;}
	
	section.products{ display:block; width:100%; position:relative; margin-top:-62px; padding-top:154px; overflow:hidden;}
	.pro_b{ transform:translateX(-420px); display:block; width:100%;}
	.pro_b ul{ width:99999px; display:block; overflow:hidden;}
	.pro_b li{ width:840px; float:left; overflow:hidden; margin-right:80px; transform:scaleY(0.8); transform-origin:top;transition:all linear 0.25s;}
	.pro_b li .picture{ float:left; width:100%; overflow:hidden;}
	.pro_b li .picture img{ width:100%; height:511px; object-fit:cover; float:left;}
	.pro_b li .content{ position:absolute; bottom:-215px; left:0px; width:100%; background:rgba(0,0,0,0.7); max-height:0px; padding:0px 5.5%; box-sizing:border-box;transition:all linear 0.25s;}
	.pro_b li .content .title{ font-size:18px; font-weight:bold; color:#fff; float:left; width:100%; overflow:hidden; white-space:pre; text-overflow:ellipsis; margin-top:31px;}
	.pro_b li .content .intro{ font-size:14px; color:rgba(255,255,255,0.7); float:left; width:100%; line-height:26px; max-height:52px; height:52px; overflow:hidden; margin-top:15px;}
	.pro_b li .content .parameter{ float:left; width:100%; overflow:hidden; border-top:1px solid rgba(255,255,255,0.3); margin-top:21px; padding-top:18px; margin-bottom:18px;}
	.pro_b li .content .parameter span{ float:left; max-width:50%; width:100%; color:rgba(255,255,255,0.7); margin:8px 0px;}
	.pro_b li .content .parameter span:last-child{ max-width:100%;}
	.products .column{ position:absolute; left:calc((100% - 1680px) / 2); background:#e91d29; z-index:1; padding:0px 1%; box-sizing:border-box; padding-top:25px; max-width:205px; width:100%; padding-bottom:22px; top:0px;}
	.products .column .title{ font-size:30px; color:#fff; float:left; width:100%;}
	.products .column .text{ font-size:12px; color:#fff; float:left; width:100%;}
	.products .column .text::after{ content:""; width:36px; height:2px; display:block; background:#fff; margin-top:13px;}
	.products .column ul{ margin-top:8px; overflow:hidden; width:100%; float:left;}
	.products .column ul li{ float:left; text-align:center; width:100%; overflow:hidden; font-size:18px; font-weight:bold;}
	.products .column ul li a{ display:block; border-bottom:1px solid rgba(255,255,255,0.5); width:100%; color:#fff; max-width:80px; padding:11.5px 0px;}
	.products .column .more{ float:right; font-size:12px; margin-top:42px;}
	.products .column .more a{color:#fff;}
	.products .switch{ position:relative; width:100%;}
	.products .switch span{ height:67px; width:67px; border:3px solid #fff; color:#fff; float:left; border-radius:100%; box-sizing:border-box; overflow:hidden; font-size:40px; line-height:67px; text-align:center; position:absolute; top:160px; left:0px; position:absolute; z-index:1; cursor:pointer; transition:all linear 0.25s;}
	.products .switch span:nth-of-type(2){ right:0px; left:auto;}
	.products .switch span:hover{ background:#fff; color:#333;}
	#pro{ transform:scaleY(1); transition-delay:0.5s;}
	#pro .content{ max-height:999px; transition-delay:0.75s;}
	.pro_b li:hover .content{ bottom:0px; transition-delay:0s !important;}
	.pro_b li:hover .content .title{ color:#e91d29;}

	section.about{ display:block; overflow:hidden; width:100%; background:url(../images/ab_01.jpg) no-repeat center top; background-size:cover; padding:83px 0px; margin-top:98px;}
	.about .max{ display:flex;}
	.ab_l{ float:left; max-width:51.5%; width:100%; position:relative; z-index:1;}
	.ab_l .picture{ float:right; text-align:right; position:absolute; z-index:-1; top:0px; right:0px; max-width:93%; width:100%; overflow:hidden;}
	.ab_l .picture img{ float:left; height:309px; object-fit:cover; width:100%; transition:all linear 0.25s;}
	.ab_l .picture:hover img{ transform:scale(1.1)}
	.ab_l .content{ float:left; width:100%; background:rgba(255,255,255,0.9); max-width:93%; margin-top:234px; padding:0px 6% 37px 6%; box-sizing:border-box;}
	.ab_l .content .title{ float:left; font-size:36px; color:#e91d29; font-weight:bold; width:100%; overflow:hidden; margin-top:32px; transition:all linear 0.25s;}
	.ab_l .content .title::after{ content:""; height:3px; width:92px; background:#e91d29; display:block; margin-top:12px;}
	.ab_l .content .intro{ float:left; font-size:16px; line-height:36px; color:#333; width:100%; overflow:hidden; text-align:justify; text-indent:32px; margin-top:32px;}
	.ab_l .content .more{ float:left; font-size:16px; width:164px; background:#e91d29; text-align:center; font-size:16px; color:#fff; padding:12.5px 0px; border-radius:46px; margin-top:30px; transition:all linear 0.25s;}
	.ab_l .content .more:hover{ background:#fff; color:#e91d29;}
	.ab_l .content:hover .title{ transform:translateX(10px);}
	.ab_c{ float:left; max-width:21.5%; width:100%; overflow:hidden; margin:0px 2.5%; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.ab_c .column{ text-align:center; font-weight:bold; color:rgba(255,255,255,0.2);  float:left; overflow:hidden; width:100%;position:relative;}
	.ab_c .column .text{ text-align:center; font-size:74px; font-weight:bold; color:rgba(255,255,255,0.2); background:#e91d29; float:left; overflow:hidden; width:100%; line-height:88px;}
	.ab_c .column .title{ text-align:center; position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:auto; font-size:36px; font-weight:bold; color:#fff; display:flex; align-items:center; justify-content:center; transition:all linear 0.25s;}
	.ab_c .column:hover .title{ transform:scale(1.1);}
	.ab_c .showroom{float:left; width:100%; overflow:hidden; align-self:flex-end; position:relative;}
	.ab_c .showroom ul{float:left; width:9999px; overflow:hidden;}
	.ab_c .showroom li{ float:left; width:362px; overflow:hidden; position:relative;}
	.ab_c .showroom li .picture{width:100%; float:left; overflow:hidden;}
	.ab_c .showroom li .picture img{ height:330px; width:100%; float:left; object-fit:cover; transition:all linear 0.25s;}
	.ab_c .showroom li .title{ position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.7); color:#fff; width:100%; font-size:16px; padding:17px 8%; box-sizing:border-box;}
	.ab_c .showroom li .title span{ float:left; max-width:70%; text-overflow:ellipsis; white-space:pre; overflow:hidden; min-height:21px;}
	.ab_c .showroom table{ position:absolute; bottom:17px; right:3%; max-width:45%;}
	.ab_c .showroom table td{ float:left; background:#fff; height:10px; width:10px; border-radius:100%; margin-right:5px;}
	.ab_c .showroom li:hover .picture img{ transform:scale(1.1)}
	#about{ background:#e91d29;}
	
	.ab_r{ float:right; max-width:22%; width:100%; overflow:hidden; position:relative;}
	.ab_r .picture img{ float:left; width:100%; height:652px; object-fit:cover;}
	.ab_r .content{ position:absolute; bottom:0px; left:0px; width:100%; overflow:hidden; background:linear-gradient(to top,#e91d29, transparent); padding:0px 20% 34px 20%; box-sizing:border-box; padding-top:123px;}
	.ab_r .content .title{ font-size:30px; color:#fff; font-weight:bold; transition:all linear 0.25s;}
	.ab_r .content .title::after{ content:""; width:90px; height:3px; background:#fff; display:block; margin-top:12px;}
	.ab_r .content .more{ font-size:12px; color:#fff; margin-top:8px; float:left; width:100%;}
	.ab_r:hover .content .title{ transform:translateY(-20px);}
	
	section.news{ display:block; overflow:hidden; background:#f5f5f5; width:100%; padding:48px 0px 76px 0px;}
	.news_b{ margin-top:64px; display:block; overflow:hidden; width:100%;}
	.news_b ul{ width:9999px;}
	.news_b li{ width:520px; float:left; overflow:hidden; margin-right:60px;perspective:50px;}
	.news_b li .picture{ float:left; width:100%; overflow:hidden;}
	.news_b li .picture img{ float:left; width:100%; height:355px; object-fit:cover; overflow:hidden; transition:all linear 0.25s;}
	.news_b li .content{ float:left; width:100%; max-width:96%; background:#fff; padding:0px 7.5%; box-sizing:border-box; margin-top:-72px;padding-bottom:60px; transition:all linear 0.25s;transform:translateZ(0px);}
	.news_b li .content .title{ float:left; width:100%; font-size:24px; color:#222; white-space:pre; text-overflow:ellipsis; overflow:hidden; margin-top:45px;}
	.news_b li .content .text{ float:left; width:100%; text-align:justify; font-size:14px; line-height:24px; color:#666; margin-top:20px; max-height:72px; height:72px; overflow:hidden;}
	.news_b li .more{ float:left; width:84px; overflow:hidden; text-align:center; background:#333; line-height:50px; height:50px;font-size:14px; color:#fff; border-radius:50px; transform:translateY(-25px); margin-left:calc((96% - 84px) / 2);}
	.news_b li:hover .more{background:#e91d29;}
	.news_b li:hover .picture img{ transform:scale(1.1);}
	
	section.honor{ display:block; overflow:hidden; width:100%; padding-bottom:84px; margin-top:65px;}
	.honor .often .text{ color:rgba(0,0,0,0.06);}
	.hon_b{ float:left; margin-top:50px; overflow:hidden; width:100%; padding:10px; box-sizing:border-box;}
	.hon_b ul{ float:left; width:9999px;}
	.hon_b ul li{ width:312px; float:left; margin-right:24px; padding:8px; box-sizing:border-box; box-shadow:0px 0px 10px rgba(0,0,0,0.16)}
	.hon_b ul li .picture{ float:left; width:100%; overflow:hidden;}
	.hon_b ul li .picture img{ float:left; width:100%; height:432px; object-fit:cover; transition:all linear 0.25s;}
	.hon_b ul li:hover .picture img{ transform:scale(1.1);}









	
	

	footer.footer{ background:#1d1d1d; background-size:cover; display:block; width:100%; overflow:hidden; padding-top:30px;}
	.foot_b{ align-items:center; justify-content:space-between; display:block; box-sizing:border-box; display:flex;}
	.foot_l{ float:left; max-width:68.5%; width:100%; margin-left:0px;}
	.foot_l .contact{ float:left; width:100%; border-bottom:1px solid #323232; padding-bottom:47px; display:flex;}
	.foot_l .contact div{ float:left; color:#9d9c9c; margin-right:30px; margin-left:0px; display:flex;}
	.foot_l .contact div:last-child{margin-right:0px;}
	.foot_l .contact .picture{ float:left; width:60px; height:60px; line-height:56px; text-align:center; border:2px solid #9d9c9c; border-radius:100%; font-size:26px; box-sizing:border-box;flex-shrink:0;}
	.foot_l .contact .content{ float:right;line-height:26px; color:#9d9c9c; font-size:14px; margin-left:10px;}
	.foot_l .contact .content p font{display:inline-block;}
	
	.foot_l .url{float:left; width:100%; overflow:hidden; margin-top:30px;}
	.foot_l .url .title{float:left; font-size:14px; color:#9d9c9c; max-width:65px; width:100%;}
	.foot_l .url .content{ float:left; max-width:calc(100% - 70px); width:100%; overflow:hidden;}
	.foot_l .url .content a{color:#9d9c9c; font-size:14px; overflow:hidden; margin-left:13px;}
	.foot_l .url .content a:first-child{margin-left:0px;}
	.foot_l .copy{ color:#6a6a6a; font-size:14px; float:left; width:100%; margin-top:24px; padding-bottom:30px;}
	.foot_l .copy *{ color:#6a6a6a;}
	.foot_l .copy span{ display:inline-block;}
	.footer .code{ float:right; max-width:28.5%; width:100%; box-sizing:border-box; margin-right:0px; overflow:hidden;align-self:flex-end;}
	.footer .code .picture{ float:left; max-width:50%; width:100%; text-align:center;}
	.foot_l ul li:hover a{color:#ccb265;}
	
	
	
	/*新闻页面*/
	.page_picture{ overflow:hidden; display:block; width:100%;}
	.page_picture .picture{ overflow:hidden; position:relative; z-index:-1;}
	.page_picture .picture img{height:550px; width:100%; object-fit:cover; float:left;}
	.page_column{background:rgba(255,255,255,0.9); padding:10px 2%; border-radius:3px; overflow:hidden;}
	.page_column .content{ width:100%; overflow:hidden; padding:10px 0px;}
	.page_column .title{ float:left; font-size:20px; color:#e41f27; font-weight:bold;}
	.page_column .page_address{ float:right; color:#333; font-size:14px; line-height:26px;}
	.page_column .page_address *{color:#333; margin:0px 5px;}
	.column_list{ border-top:1px solid #e41f27; overflow:hidden; padding-top:10px;}
	.column_list ul li{ float:left; color:#333;}
	.column_list ul li a{ color:#333; padding:10px 15px; float:left;}
	.column_list ul li a:hover{ color:#e41f27;}
	
	.page{ display:block; margin-top:25px; overflow:hidden;}
	.page.odd{ padding-bottom:20px;}
	.page_odd .title{ font-size:26px; text-align:center;}
	.page_odd time{ font-size:12px; color:#666; text-align:center; float:left; width:100%; text-align:center; padding:10px 0px; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); margin:30px auto;}
	.page_odd .content{ margin-top:25px; float:left; width:100%;}
	.page_odd .content p{ line-height:36px;}
	.page_odd .picture{overflow:hidden; float:left; width:100%;}
	.page_odd .picture img{ max-height:350px;}
	.page_list{ margin-top:20px; padding:10px 0px 15px 0px; overflow:hidden; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; float:left; width:100%;}
	.page_list p{ font-size:14px; margin-top:8px; color:#111;}
	.page_list a{ color:#666;}
	.page_odd .page_intro{ margin:30px auto; overflow:hidden; float:left; width:100%;}
	.page_odd .page_intro .picture{ float:left; max-width:50%; width:100%; overflow:hidden;}
	.page_odd .page_intro .picture img{ float:left; width:100%; height:430px; object-fit:cover; overflow:hidden; max-height:450px;}
	.page_odd .page_intro .intro{ float:right; width:100%; max-width:45%;overflow:hidden;}
	.page_odd .page_intro .intro div{ float:left; margin:10px 0px; width:100%; overflow:hidden; line-height:21px;}
	.page_odd .page_intro .intro div .inTitle{ float:left; font-size:16px; color:#e41f27; font-weight:bold;}
	.page_odd .page_intro .intro div .introText{ float:left; font-size:14px; color:#666;}
	.page_odd .content .content_column{ float:left; width:100%; font-size:20px; color:#e41f27; border-bottom:3px solid #e41f27; padding-bottom:10px; margin-bottom:10px; font-weight:bold;}
	
	
	
	
	
	.pro_list{overflow:hidden; float:left; width:100%;}
	.pro_list li{ max-width:calc(100% / 3 - 17px); width:100%; margin:0px 25px 30px 0px; float:left; box-sizing:border-box; background:#f3f3f3; transition:all linear 0.25s;}
	.pro_list li:nth-of-type(3n){margin-right:0px;}
	.pro_list li .picture{ float:left; width:100%; overflow:hidden;}
	.pro_list li .picture img{ float:left; height:280px; object-fit:cover; width:100%; overflow:hidden; transition:all linear 0.25s;}
	.pro_list li .content{ float:left; padding:30px 25px; box-sizing:border-box; width:100%; overflow:hidden; transition:all linear 0.25s;}
	.pro_list li .content .title{ font-size:22px; line-height:30px; white-space:pre; text-overflow:ellipsis; overflow:hidden; float:left; width:100%; text-align:center; transition:all linear 0.25s;}
	.pro_list li .content table{ background:#5b5b5b; text-align:center; font-size:13px; line-height:25px; margin-top:15px; float:left; max-width:100%; width:100%; overflow:hidden;}
	.pro_list li .content table tr td{ float:left; max-width:50%; width:100%; background:#f3f3f3; color:#333; transition:all linear 0.25s; max-height:25px; overflow:hidden; height:25px;}
	.pro_list li .content table tr th{background:#6e6e6e; float:left; max-width:50%; width:100%; color:#fff; transition:all linear 0.25s; max-height:25px; overflow:hidden; height:25px;}
	.pro_list li .content .text{ float:left; width:100%; overflow:hidden; font-size:14px; color:#333;padding-left:15px; box-sizing:border-box; position:relative; line-height:24px; margin-top:15px; transition:all linear 0.25s; height:48px; max-height:48px; overflow:hidden;}
	.pro_list li .content .text::before{ content:"·"; max-width:15px; width:100%; font-size:18px; font-weight:bold; color:#333; position:absolute; left:0px; top:-2px;}
	.pro_list li .content .more{ float:left; margin-top:20px; overflow:hidden; width:100%;}
	.pro_list li .content .more a{ max-width:48%; float:left; width:100%; border:1px solid #5b5b5b; text-align:center; font-size:14px; height:34px; line-height:34px; color:#333; transition:all linear 0.25s;}
	.pro_list li .content .more .contact{ float:right;}
	.pro_list li:hover{ background:#e41f27;}
	.pro_list li:hover .content .text,.pro_list li:hover .content .text::before,.pro_list li:hover .content .title{ color:#fff;}
	.pro_list li:hover .content .more a{ border-color:#fff; color:#fff;}
	.pro_list li .content .more a:hover{ background:#fff; color:#333;}
	.pro_list li:hover .content table tr td{ background:rgba(255,255,255,0.9); color:#333;}
	.pro_list li:hover .picture img{ transform:scale(1.1);}
	.pro_list li:hover{ box-shadow:4px 4px 10px #828282;-webkit-box-shadow:4px 4px 10px #828282;}
	
	
	
	
	.list{ display:block; width:100%; overflow:hidden; text-align:center; margin:30px auto 35px auto;}
	.list *{ color:#333; font-size:14px;}
	.list a:hover{ color:#e41f27;}
	
	
	.news_list{ display:block; width:100%;}
	.news_list ul{ float:left; overflow:hidden; width:100%; padding:3px; box-sizing:border-box;}
	.news_list li{ margin-bottom:20px; overflow:hidden; float:left; padding:10px 15px; box-sizing:border-box; width:100%; box-shadow:1px 1px 4px rgba(0,0,0,0.20);}
	.news_list_img{ float:left; max-width:370px; width:100%; height:220px; overflow:hidden;}
	.news_list_img img{ width:100%; height:100%; object-fit:cover; transition:all linear 0.25s;}
	.news_list_text{ max-width:calc(100% - 410px); width:100%; height:220px; padding:10px 0px; box-sizing:border-box; float:right;}
	.news_list_text .title{  font-size:20px; font-weight:bold; color:#333; white-space:pre; text-overflow:ellipsis; overflow:hidden; text-align:left; transition:all linear 0.25s;}
	.news_list_text time{ font-size:14px; display:block; margin-top:10px; color:#999; border:0px; text-align:left; padding-top:0px}
	.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; transition:all linear 0.25s;}
	.news_list_text .more:hover{ background:#e41f27;}
	.news_list li:hover{ background:#fff; box-shadow:1px 1px 4px rgba(228,31,39,0.20);}
	.news_list li:hover .title{ color:#e41f27; transform:translateX(10px);}
	.news_list li:hover .news_list_img img{ transform:scale(1.1);}
	
	
	.case_list{ display:block; overflow:hidden; width:100%;}
	.case_list ul{ padding:5px; box-sizing:border-box;}
	.case_list li{ float:left; max-width:calc(25% - 18.75px); width:100%; margin:0px 25px 15px 0px; box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
	.case_list li:nth-of-type(4n){margin-right:0px;}
	.case_list li .picture{ overflow:hidden; float:left; width:100%;}
	.case_list li .picture img{width:100%; height:570px; object-fit:cover; transition:all linear 0.25s; float:left;}
	.case_list li .title{ float:left; width:100%; overflow:hidden; text-align:center; margin:15px 0px; color:#333; text-overflow:ellipsis; white-space:pre;}
	.case_list li:hover{ background:#e41f27;}
	.case_list li:hover .title{color:#fff;}
	.case_list li:hover .picture img{ transform:scale(1.1);}

	.honor_list{ display:block; overflow:hidden; width:100%;}
	.honor_list ul{ padding:5px; box-sizing:border-box;}
	.honor_list li{ float:left; max-width:calc(100% / 3 - 18.75px); width:100%; margin:0px 25px 15px 0px; box-shadow:0px 0px 10px rgba(0,0,0,0.3); position:relative;}
	.honor_list li:nth-of-type(3n){margin-right:0px;}
	.honor_list li .picture{ overflow:hidden; float:left; width:100%;}
	.honor_list li .picture img{width:100%; height:405px; object-fit:cover; transition:all linear 0.25s; float:left;}
	.honor_list li .title{ float:left; width:100%; overflow:hidden; text-align:center; padding:15px 0px; color:#333; text-overflow:ellipsis; white-space:pre; position:absolute; bottom:0px; left:0px; background:rgba(255,255,255,0.8);}
	.honor_list li:hover{ background:#e41f27;}
	.honor_list li:hover .title{color:#e41f27;}
	.honor_list li:hover .picture img{ transform:scale(1.1);}

	/*返回顶部*/
	.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(233,29,41,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(233,29,41,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; display:inline-block}

	@font-face{
		font-family:'hzgb';
		src:url(../font/hzgb.ttf);
	}
	
@keyframes nav{
	0%{ transform:translateX(0%);}
	100%{ transform:translateX(100%);}
}
@keyframes nat{
	0%{ transform:translateX(-100%);}
	100%{ transform:translateX(0%);}
}
	
	
	
*::selection {
    background-color:#ccb265;
    color:#fff;
}
 
*::-moz-selection {
    background-color:#ccb265;
    color:#fff;
}
 
*::-webkit-selection {
    background-color:#ccb265;
    color:#fff;
}