@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%;}
	.delighter{ transition:all linear 1s;}
	/*头部样式*/
	.max{ max-width:1800px; width:100%;}
	.header{padding:20px 0px 22px 0px;overflow:hidden; z-index:10; width:100%; position:absolute; left:0px; right:0px;}
	.header .logo{ float:left; margin-left:0px; max-width:80%; opacity:0;}
	.header .logo img{ display:block;}
	.header .logo.delighter{opacity:1;}
	.header .search{ float:right;}
	.header .search span{ float:right; color:#fff; font-size:24px; cursor:pointer; float:right; width:100%; text-align:right;}
	.header .search .sea_b{ float:right; background:#fff; margin-top:10px; transition:all linear 0.25s;}
	.header .sea_b{ float:left; width:100%; max-height:0px; overflow:hidden;}
	.header .search form{ max-width:210px; width:100%; float:right; overflow:hidden;}
	.header .search input{ border:0px; padding:10px 0px; box-sizing:border-box; outline:none;}
	.header .search input[type=text]{ max-width:calc(100% - 40px); width:100%; float:left; padding-left:2%;}
	.header .search input[type=submit]{ padding:10px 15px; max-width:40px; width:100%; float:right; cursor:pointer; background:#fff;}
	.header .search:hover .sea_b{ max-height:100%;}

	/*导航样式*/
	nav{position:absolute; top:750px; left:0px; right:0px; margin:auto; z-index:9999;}
	nav .max{width:100%; background:rgba(255,255,255,0.8); overflow:hidden; height:80px; line-height:80px; width:110px !important; transition:width linear 1s !important;}
	nav .logo{float:left; max-width:0px; width:100%; padding:0px 2%; box-sizing:border-box; height:0px; transition:all linear 0.25s; overflow:hidden;}
	nav .logo img{float:left; max-width:none;}
	.nav{float:left; width:100%; max-width:100%;}
	.nav li:first-child{ max-width:110px; width:100%;}
	.nav li:first-child a .icon{ font-size:24px; color:#fff; background:#e41f27;}
	.nav li{max-width:calc(100% / 7); width:100%; float:left; text-align:center; opacity:0; transition-delay:1s; transition-duration:0.3s; height:80px; overflow:hidden;}
	.nav li a{ font-size:16px; color:#333;float:left; width:100%; transition:all linear 0.25s 0.25s; position:relative;}
	.nav li a::before{ content:"|"; float:left; color:#cfcfd1; position:absolute; left:0px; top:0px; bottom:0px;}
	.nav li:first-child{ opacity:1;}
	.nav li:first-child a::before{ opacity:0;}
	.nav li:nth-of-type(2) a::before{ opacity:0;}
	nav .special{ float:right; margin-right:1%; opacity:0; transition-delay:1s; overflow:hidden;}
	nav .special a{ font-size:16px;color:#e41f27;}
	.nav li:hover a{ background:#e41f27; color:#fff;}
	.nav li:hover a::before{ display:none;}
	#nav_select a{ background:#e41f27; color:#fff;}
	#nav_select a::before{ display:none;}
	nav .max.delighter.started{ width:1800px !important;}
	.nav.delighter.started{max-width:60%;}
	.nav li.delighter{opacity:1;}
	nav .special.delighter{opacity:1;}
	.nav li:nth-of-type(3){transition-delay:1.1s;}
	.nav li:nth-of-type(4){transition-delay:1.2s;}
	.nav li:nth-of-type(5){transition-delay:1.3s;}
	.nav li:nth-of-type(6){transition-delay:1.4s;}
	.nav li:nth-of-type(7){transition-delay:1.5s;}
	#sn{ padding:5px 0px 10px 0px;}
	#sn .logo{ max-width:20%; height:auto; margin-top:6px;}
	#sn li:first-child a{ transform:translateY(-50%);}
	#sn li:nth-of-type(2) a::before{ opacity:1;}
	
	nav.ban .logo{ max-width:20%; height:auto;}
	nav.ban{ width:100%; background:#fff; max-width:100%; display:block; overflow:hidden; top:0px; padding:5px 0px 10px 0px;}
	nav.ban .nav{ max-width:60% !important;}
	nav.ban li:first-child a{ transform:translateY(-50%); transition:linear 0s all;}
	nav.ban .nav li:nth-of-type(2) a::before{ opacity:1;}
	
	.dh{ float:right; display:none; position:relative; max-height:100%;}
	.dh input[type=checkbox]{ height:80px; width:100%; position:absolute; top:0px; left:0px; opacity:0;}
	.iconnav-list:before{ font-size:60px;}
	
	


	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:900px;}
	.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(182,122,36,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:900px; 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(220,19,19,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(220,19,19,1.00); border:2px solid rgba(220,19,19,1.00); opacity:1;}
	
	.often{ text-align:center; position:relative; margin:64px auto 62px auto; display:block; overflow:hidden;}
	.often .title{float:left; width:100%; font-size:70px; color:rgba(0,0,0,0.1); font-weight:bold; overflow:hidden; text-align:center; position:relative;}
	.often .title span{ position:absolute; width:100%; float:left; color:#222; font-size:22px; font-weight:bold; top:0px; left:0px; right:0px; bottom:0px; margin:auto; height:30px; text-align:center;}
	
	section.products{ display:block; width:100%; overflow:hidden;}
	.products .column{ float:left; max-width:28%; width:100%; background:#f30000; padding:61px 0px; min-width:400px; box-sizing:border-box; margin:0px; opacity:0;}
	.products .column.often .title{ color:rgba(244,244,244,0.2);}
	.products .column.often .title span{ position:absolute; width:100%; float:left; color:#fff; font-size:22px; font-weight:bold; top:0px; left:0px; right:0px; bottom:0px; margin:auto; height:30px; text-align:center;}
	.products .column .down{width:100%; float:left; color:#fff; text-align:center; font-family:"宋体"; transform:rotate(90deg); margin-top:18px; animation: ease-out down 1s infinite;}
	.products ul{ float:right; max-width:70%; width:100%; padding:67.5px 0px;}
	.products ul li{ float:left; max-width:20%; width:100%; text-align:center; opacity:0;transition-delay:1s; transition-duration:0.3s;}
	.products ul li .title{float:left; width:100%; overflow:hidden; text-align:center; white-space:pre; text-overflow:ellipsis; box-sizing:border-box; margin-top:15px;}
	.products ul li .picture{ transition:all linear 0.25s; float:left; width:100%; overflow:hidden;}
	.products ul li .text{ display:inline-block; overflow:hidden; text-align:center;box-sizing:border-box; font-size:12px; color:#999; margin-top:9px;}
	.products ul li .text span{ white-space:pre; text-overflow:ellipsis; float:left; margin:0px 4px;}
	.products ul li .text::before{content:url(../images/pr_01.png); float:left;}
	.products ul li .text::after{content:url(../images/pr_01.png); float:left; transform:rotateY(180deg);}
	.products ul li .content{ height:65px; overflow:hidden; float:left; width:100%;}
	.products ul li .content div{transition:all linear 0.25s;}
	.products ul li:nth-of-type(2){transition-delay:1.1s;}
	.products ul li:nth-of-type(3){transition-delay:1.2s;}
	.products ul li:nth-of-type(4){transition-delay:1.3s;}
	.products ul li:nth-of-type(5){transition-delay:1.4s;}
	.products .column.delighter.started.ended{ opacity:1;}
	.products ul li.delighter.started.ended{ opacity:1;}
	.products ul li:hover .title{ color:#df0506;}
	.products ul li:hover .content div:first-child{ margin-top:-65px;}
	
	
	section.details{display:block; width:100%; overflow:hidden; background:#f1f1f1;}
	.details .max{ background:linear-gradient(to right,#f1f1f1 63.5%,#fff 63.5%); display:block; overflow:hidden;transform:translate(0,-100%);padding-bottom:68px;}
	.det_b{ float:left; width:100%; overflow:hidden; max-width:94.5%;}
	.det_b li{ float:left; width:100%; overflow:hidden;}
	.det_l{float:left; overflow:hidden; max-width:38%; padding-left:10px; box-sizing:border-box; animation:fadeOutRight linear 0.5s;}
	.det_l .title{ font-size:36px; float:left; width:100%; overflow:hidden; color:#222; margin-top:68px; white-space:pre; text-overflow:ellipsis;}
	.det_l .text{float:left; width:100%; overflow:hidden; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:12px 0px; margin-top:27px;}
	.det_l .text p{ font-size:14px; line-height:24px; color:#555; float:left; width:100%; height:72px; overflow:hidden;}
	.det_l .content{ float:left; width:100%; overflow:hidden; margin-top:40px; display:flex; flex-wrap:wrap;}
	.det_l .content span{ color:#999; font-size:14px; float:left; max-width:50%; width:100%; margin:9px 0px;}
	.det_l .content span font{ color:#333;}
	.det_l .more{ float:left; width:100%; margin-top:52px;}
	.det_l .more a{ float:left; width:100%; max-width:37%; text-align:center; overflow:hidden; border:1px solid #a8a8a8; font-size:14px; padding:12px 0px;}
	.det_l .more a:nth-of-type(2){ margin-left:9%;}
	.det_r{float:right; overflow:hidden; max-width:53%; width:100%; animation:fadeOutRight linear 0.5s;}
	.det_r img{ height:580px; width:100%; object-fit:cover;}
	.det_li{ float:left; width:100%; max-width:5.5%; position:relative; height:580px; background:#fff;}
	.det_li table{ float:left; width:100%; display:flex; align-items:center; height:100%;}
	.det_li tr{ float:left; width:100%; text-align:center; margin:13px 0px;}
	.det_li td{ width:9px; height:9px; background:#c0c0c0; border-radius:100%; cursor:pointer; display:block;}
	.det_li td p{font-size:18px; color:#fff; opacity:0;}
	.det_li .inventory{ position:absolute; left:-137px;width:137px;bottom:0px;}
	.det_li .inventory span{ max-width:50%; width:100%; background:#fff; height:68.5px; float:left; line-height:68.5px; text-align:center; font-family:"宋体"; font-size:26px; color:#333; cursor:pointer;}
	.det_li .inventory span:hover{ color:#e41f27; font-weight:bold;}
	.details .max.delighter.started{ transform:translate(0,0);}
	.det_l .more a:hover{ border-color:#df0506; color:#df0506;}

	#det{ opacity:1; z-index:2;}
	#det .det_l{ animation:fadeInRight linear 0.5s;}
	#det .det_r{ animation:fadeInLeft linear 0.5s;}
 	#chunk td{ height:30px; line-height:30px; width:30px; background:#f30000;}
 	#chunk td p{ opacity:1;}
	#cannot{ opacity:0.5; cursor:default;}
	#cannot:hover{ color:unset; font-weight:400;}
	.inventory{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select:none;z-index:99;}
	
	.slide ul{position:relative;}
	.slide li{ position:absolute; top:0px; left:0px; width:100%;opacity:0;}
	
	.technical{ display:block; width:100%; overflow:hidden; display:flex;}
	.technical .tec_l{ float:left; max-width:50%; background:#666; transform:translateX(-100%);}
	.technical .more{ display:block; max-width:135px; width:100%; height:33px; line-height:33px;box-sizing:border-box; font-size:12px; color:#fff; margin-top:16px; max-height:0px; overflow:hidden; border-collapse:#fff; border-style:solid; border-width:0px; transition:all linear 0.25s;}
	.technical .more:hover{ background:#fff; color:#df0506;}
	.tec_lt{ position:relative; float:left; width:100%;}
	.tec_lt .picture{float:left; width:100%; overflow:hidden; position:relative;}
	.tec_lt .picture::before{ content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:all linear 0.25s; z-index:1;}
	.tec_lt .picture img{ height:515px; width:100%; overflow:hidden; float:left; object-fit:cover; transition:all linear 0.25s;}
	.tec_lt .content{ position:absolute; bottom:0px; left:0px; width:100%; overflow:hidden; text-align:center; padding-bottom:21px; z-index:10;}
	.tec_lt .content .title{ font-size:20px; color:#fff; display:block; width:100%; overflow:hidden;}
	.tec_lt .content .text{ font-size:16px; color:rgba(255,255,255,0.5); display:block;width:100%; margin-top:10px; overflow:hidden;}
	.tec_lb{ margin-top:60px; float:left; width:100%; display:block; text-align:center; position:absolute; bottom:0px;}
	.tec_r{ background:#e41f27; float:right; max-width:50%; width:100%; overflow:hidden; transform:translateX(100%);}
	.tec_rt{ float:left; padding-left:7%; width:100%; box-sizing:border-box; overflow:hidden; padding-bottom:72px; margin-top:50px;}
	.tec_rt .title{ font-size:52px; font-weight:bold; color:#fff; float:left; width:100%; overflow:hidden; white-space:pre; }
	.tec_rt .text{ font-size:24px; color:#fff; margin-top:14px; float:left; width:100%;}
	.tec_rt .text::after{ content:""; height:4px; width:54px; display:block; background:#fff; margin-top:27px;}
	.tec_rb{ float:left; width:100%; overflow:hidden;}
	.tec_rb li{ float:right; max-width:50%; width:100%; position:relative;}
	.tec_rb li .picture{ overflow:hidden; float:left; width:100%; position:relative;}
	.tec_rb li .picture::before{ background:rgba(0,0,0,0.3); position:absolute; left:0px; top:0px; z-index:1; content:""; width:100%; height:100%; transition:all linear 0.25s;}
	.tec_rb li .picture img{width:100%; float:left; object-fit:cover; transition:all linear 0.25s;}
	.tec_rb li .content{ position:absolute; bottom:0px; left:0px; text-align:center; float:left; width:100%; padding:0px 2% 36px 2%; box-sizing:border-box; z-index:10;}
	.tec_rb li .content .title{ font-size:20px; color:#fff; display:block; width:100%; overflow:hidden;}
	.tec_rb li .content .text{ font-size:14px; color:rgba(255,255,255,0.5); margin-top:11px; display:block; width:100%; overflow:hidden;}
	.tec_rb li:first-child{ float:left;}
	.tec_rb li:first-child .picture img{ height:520px;}
	.tec_rb li:nth-of-type(2) .picture img{ height:222px;}
	.tec_rb li:nth-of-type(3) .picture img{ height:298px;}
	.tec_l.delighter.started{ transform:translateX(0);}
	.tec_r.delighter.started{ transform:translateX(0);}
	.tec_lt:hover .picture img,.tec_rb li:hover .picture img{ transform:scale(1.1);}
	.tec_lt:hover .picture::before{ opacity:0;}
	.tec_lt:hover .more{ border-width:1px; max-height:33px;}
	.tec_rb li:hover .more{ border-width:1px; max-height:33px;}
	.tec_rb li:hover .picture::before{opacity:0;}
	
	section.news{ display: block; overflow:hidden;}
	.news_b{ overflow:hidden; transform:scale(0.3); opacity:0;}
	.news ul{ padding:0px 5px; box-sizing:border-box; width:99999px; overflow:hidden; transition:all linear 0.25s;}
	.news li{ margin-right:60px; width:560px; float:left; border-bottom:7px solid #d80506; box-shadow:0px 0px 15px rgba(0,0,0,0.1);}
	.news li .picture{ float:left; width:100%; overflow:hidden;}
	.news li .picture img{ float:left; width:100%; height:320px; object-fit:cover; transition:all linear 0.25s;}
	.news li .content{ padding:36px 6%; box-sizing:border-box; float:left; width:100%;}
	.news li .content .title{ float:left; width:100%; font-size:20px; color:#111; text-overflow:ellipsis; white-space:pre; overflow:hidden;}
	.news li .content .text{ float:left; width:100%; font-size:14px; color:#666; line-height:26px; overflow:hidden; margin-top:18px; height:78px;}
	.news li .content .more{ float:left; width:100%; font-size:12px; color:#999; margin-top:54px;}
	.news li .content .more .learn{ float:left; border-bottom:2px solid #8c8c8c; padding-bottom:4px;}
	.news li .content .more .time{ float:right;}
	.news li:hover .content .more .learn{border-bottom-color:#df0506; padding-bottom:4px;}
	.news li:hover .picture img{ transform:scale(1.1)}
	.news li:hover .title{ color:#df0506;}
	.tableNews{ display:block; overflow:hidden; width:100%; display:flex; justify-content:center; padding:57px 0px;}
	.tableNews td{ width:11px; height:11px; border-radius:100%; background:#7f7f7f; margin:0px 9px; float:left; cursor:pointer;}
	#news{ background:#df0506;}
	.news_b.delighter.started{ transform:scale(1); opacity:1;}
	
	section.about{ display:block; overflow:hidden; width:100%; display:flex;}
	.about_l{ background:url(../images/ab_01.jpg) no-repeat top center; background-size:cover; max-width:50%; width:100%; float:left; overflow:hidden; padding:0px calc((100% - 1800px) / 2); box-sizing:border-box; padding-bottom:62px; opacity:0; transform:translate(0,-100%);}
	.about_l .often{ margin:54px 0px 30px 0px;}
	.about_l .often .title{ width:auto; color:#f7f7f7;}
	.about_l .often .text{ font-size:22px; font-weight:bold; color:#3b3b3b;}
	.about_l .often .title::after{ content:""; display:block; width:105px; height:4px; background:#e41f27; position:absolute;top:64px; margin:auto; left:50%;}
	.about_l .text{ font-size:16px; line-height:34px; color:#333; text-indent:32px; float:left; width:100%; overflow:hidden;}
	.about_l .text .more{color:#e41f27;}
	.about_l .content{ float:left; width:100%; overflow:hidden; margin-top:50px;}
	.about_l .content li{ float:left; max-width:25%; width:100%; overflow:hidden;}
	.about_l .content li .picture{ width:90px; height:90px; display:block; margin:0px auto; border:2px solid #9f9f9f; border-radius:100%;}
	.about_l .content li .picture span{ width:48px; display:block; margin-top:21px; overflow:hidden;}
	.about_l .content li .picture span img{ max-width:200%;}
	.about_l .content li .title{ display:block; margin:0px auto; text-align:center; font-size:16px; color:#999; font-weight:bold; margin-top:18px;}
	.about_l .content li:hover .picture{ border-color:#e41f27;}
	.about_l .content li:hover .picture span img{ margin-left:-100%;}
	.about_l .content li:hover .title{ color:#e41f27;}
	
	.about_r{ max-width:50%; width:100%; float:right; position:relative; transform:translate(100%,0);}
	.about_r li{ transition:all linear 0.25s;}
	.about_r .picture img{ height:624px; width:100%; float:left; object-fit:cover;}
	.about_r .inventory{ position:absolute; width:68px; left:-34px; top:0px; bottom:0px; margin:auto; display:flex; align-content:center;flex-wrap:wrap;}
	.about_r .inventory span{ width:100%;height:68px; float:left; background:#fff; margin:2px 0px; text-align:center; display:flex; align-items:center; cursor:pointer;}
	.inventory .push_r{ transform:rotate(180deg);}
	.about_l.delighter.started{ transform:translate(0); opacity:1;}
	.about_r.delighter.started{ transform:translate(0); opacity:1;}

	section.url{overflow:hidden; padding:30px 0px;}
	.url *{ line-height:25px;}
	.url .picture{ font-size:18px; font-weight:bold; color:#e41f27; float:left;}
	.url a{ margin-right:1%; font-size:14px; float:left; color:#333;}
	
	
	
	
	footer.footer{overflow:hidden; width:100%; background:#333; padding:44px 0px;}
	.footer .max{ display:flex;}
	.footnav{ float:left; max-width:26.5%; width:100%; padding-left:7%; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.3)}
	.footnav:first-child{padding-left:0%; box-sizing:border-box; max-width:16%;}
	.footnav dt{ font-size:18px; color:#fff; font-weight:bold; margin-bottom:14px;}
	.footnav dd{ float:left; width:100%; overflow:hidden; margin:5px 0px;}
	.footnav dd a{ font-size:14px; color:rgba(255,255,255,0.3);}
	.footnav dd::before{ float:left; content:"-"; margin-right:5px; color:rgba(255,255,255,0.3);}
	.footer .foot_r{ float:right; max-width:31%; width:100%; padding:5px 0px 0px 5%;}
	.foot_r .content{ float:left; max-width:255px;}
	.foot_r .content .logo{ float:left; width:100%; overflow:hidden;}
	.foot_r .content .logo img{ float:left;}
	.foot_r .content .contact{ float:left; width:100%; margin-top:29px; overflow:hidden;}
	.foot_r .content .contact .icon{ float:left; width:72px; overflow:hidden;}
	.foot_r .content .contact .text{ float:left; max-width:calc(100% - 72px); width:100%; overflow:hidden;}
	.foot_r .content .contact .text p{ color:#e41f27; font-size:24px; line-height:30px; font-weight:bold;}
	.foot_r .code{ float:right; width:140px;}
	.foot_r .code .picture{ float:left; width:100%;}
	.foot_r .code .text{ font-size:14px; color:rgba(255,255,255,0.3); text-align:center; margin-top:12px; float:left; width:100%; overflow:hidden;}
	

	.copyright{ background:#1d1d1d; float:left; width:100%; overflow:hidden; color:rgba(255,255,255,0.2); padding:20px 0px;}
	.copyright *{ font-size:14px; color:rgba(255,255,255,0.2)}
	.copy_l{ float:left; max-width:50%;}
	.copy_r{ float:right; max-width:50%;}
	
	/*新闻页面*/
	.page_picture{ overflow:hidden; display:block; width:100%; margin-top:95px;}
	.page_picture .picture{ overflow:hidden; position:relative; z-index:-1;}
	.page_picture .picture img{height:350px; 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;}
	#fl_select a{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:34px;}
	.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); transform:translate(50%,0); opacity:0.1;}
	.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);}
	.news_list li.delighter.started{ transform:translate(0,0); opacity: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:320px; object-fit:cover; transition:all linear 0.25s;}
	.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);}
	
	
	
	
	
	
	
	
	

	/*返回顶部*/
	.top{ cursor:pointer; position:fixed; bottom:5%; background:rgba(220,19,19,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(220,19,19,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:99999;}
	.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);
	}
	@keyframes down{
		20%{ transform:translateY(3px) rotate(90deg);}
		50%{ transform:translateY(0px) rotate(90deg);}
		80%{ transform:translateY(-2px) rotate(90deg);}
	}