@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:1400px;}
	
	header.header{ width:100%; padding:16px 0px; background:rgba(255,255,255,0.7); overflow:hidden; display:block;}
	header.header.index{ position:fixed; z-index:999; left:0px; top:0px;}
	.header .logo{ float:left; max-width:30%; width:100%;}
	.header .logo img{ display:block;}
	.header .contact{ float:right; max-width:165px; width:100%; text-align:center; margin-top:20px;}
	.header .contact .text{float:left; width:100%; text-align:left; font-size:14px;}
	.header .contact .title{ float:right; font-size:24px; font-weight:bold; color:#0165ee; float:left; overflow:hidden; text-align:center;}
	

	/*导航样式*/
	.nav{ max-width:calc(60% - 0px); margin-left:10%; width:100%; float:left; text-align:center; margin-top:30px;}
	.nav li{ position:relative; max-width:16.6%; width:100%; float:left; text-align:center;}
	.nav li a{ font-size:16px; display:inline-block; color:#333; text-align:center; overflow:hidden; font-weight:bold;}
	.nav li:hover a{color:#0165ee;}
	#nav_select a{color:#0165ee;}
	
	/*导航样式*/

	.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:685px;}
	.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(28,144,59,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:685px; 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(1,101,238,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(28,144,59,1.00); border:2px solid rgba(28,144,59,1.00); opacity:1;}
	
	.often{ overflow:hidden; display:block; text-align:center;}
	.often .title{display:block; width:100%; overflow:hidden; font-size:36px; font-weight:bold; color:#06163a; margin-top:80px;}
	.often .picture{display:block; width:100%; overflow:hidden; margin-top:13px;}
	.often .picture img{display:block; overflow:hidden;}
	.often .text{display:block; width:100%; overflow:hidden; font-size:16px; color:#888; margin-top:10px;}
	
	.inventory{ position:absolute; top:0px; bottom:0px; z-index:1; margin:auto; display:flex; align-content:center;flex-wrap:wrap;}
	.inventory span{ width:100%; float:left; text-align:center; cursor:pointer; display:flex; align-items:center;}
	.inventory .push_r{ transform:rotate(180deg);}
	
	section.products{ display:block; overflow:hidden; width:100%; display:flex; position:relative; margin-top:76px;}
	.products ul{ float:left; position:relative; width:100%; height:624px;}
	.products li{ float:left; position:absolute; display:none; top:0px; left:0px; z-index:-1; display:flex;}
	.pro_l{max-width:50%; width:100%; float:left; overflow:hidden; box-sizing:border-box; padding-bottom:62px; background:url(../images/ab_01.jpg) no-repeat top center; background-size:cover; padding:0px 5.5% 0px 9.5%;transform:translateX(-50%); opacity:0;}
	.pro_l .often .title{ font-size:30px; color:#333; margin-top:84px;}
	.pro_l .often .picture{ display:none;}
	.pro_l .often .text{ font-size:12px; color:#666; margin-top:5px;}
	.pro_l .often .text::after{ content:""; width:48px; height:4px; background:linear-gradient(to right,#1e50ae,#0165ee); display:block; overflow:hidden; margin:0px auto; margin-top:14px;}
	.pro_l .content{ font-size:18px; line-height:36px; color:#666; display:block; width:100%; overflow:hidden; text-align:center; margin-top:65px;}
	.pro_l .content a{ width:32%;min-width: 130px; display:inline-block; font-size:20px; text-align:center; color:#666;}
	.pro_l .more,.ab_l .more{ background:linear-gradient(to right,#1e50ae,#0165ee); width:156px; display:block; overflow:hidden; text-align:center; color:#fff; line-height:40px; border-radius:40px; margin:58px auto; transition:all linear 0.25s;}
	.pro_l .more{ margin-top:70px;}
	.pro_l .more:hover,.ab_l .more:hover{ box-shadow:2px 2px 2px rgba(0,0,0,0.6);}
	.ab_l .more{ margin:0px auto;}
	
	.pro_r{ max-width:50%; width:100%; float:right; overflow:hidden; transform:translateX(50%); opacity:0;}
	.pro_r img{ height:624px; width:100%; float:left; object-fit:cover;}
	#pro .pro_l,#pro .pro_r{animation:left linear 0.5s forwards;}
	
	.products .inventory{left:calc(50% - 34px); width:68px;}
	.products .inventory span{height:68px; background:#fff; margin:2px 0px;}
	.products .inventory span:hover{ box-shadow:0px 0px 4px inset rgba(28,144,59,1.00);}
	
	
	section.case{ display:block; width:100%; padding-bottom:82px;}
	.case_b{ width:100%; margin:0px auto; margin-top:72px; position:relative; z-index:1;}
	.case_b .case_li{ max-width:calc(100% - 150px); width:100%; overflow:hidden;}
	.case_b ul{ width:9999px; display:block; overflow:hidden; padding:8px;}
	.case_b li{ width:380px; float:left; overflow:hidden; box-shadow:0px 0px 8px rgba(0,0,0,0.1); margin-right:52px; display:flex; flex-wrap:wrap;}
	.case_b li .picture{ float:left; width:100%; overflow:hidden; position:relative;}
	.case_b li .picture::before{ content:""; border:18px solid transparent; border-bottom-color:#fff; width:0px; height:0px; position:absolute; bottom:0px; left:0px; right:0px; margin:auto;}
	.case_b li .picture img{ float:left; width:100%; height:310px; object-fit:cover; transition:all linear 0.25s;}
	.case_b li .content{ float:left; width:100%; padding:0px 8%; box-sizing:border-box; padding-bottom:35px;}
	.case_b li .content .time{ float:left; font-size:16px; color:#666; width:100%; margin-top:26px;}
	.case_b li .content .title{ float:left; font-size:24px; color:#222; width:100%; margin-top:12px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.case_b li .content .more{ float:left; font-size:14px; color:#666; width:100%; margin-top:14px;}
	.case_b li .content .more font{ color:#0165ee;}
	.case_b li .content .more:hover{color:#666; width:100%; margin-top:14px;}
	.case_b .inventory{ width:100%; justify-content:space-between; z-index:-1;}
	.case_b .inventory span{ box-shadow:0px 0px 5px rgba(0,0,0,0.6); border-radius:100%; width:50px; line-height:50px; height:50px; background:#fff; left:0px; margin:0px; transition:all linear 0.25s;}
	.case_b .inventory span:nth-of-type(2){ right:0px; left:auto;}
	.case_b li:nth-of-type(even) .picture::before{ border:18px solid transparent; border-top-color:#fff; top:0px; bottom:auto;}
	.case_b li:nth-of-type(even) .picture{ order:1;}
	.case .case_more{ width:170px; height:50px; line-height:50px; border:4px solid #b5d0f9; background:linear-gradient(to right,#1e50ae,#0165ee); display:block; margin:0px auto; overflow:hidden; border-radius:50px; text-align:center; color:#fff; margin-top:80px;}
	.case_b li:hover .content{ background:#0165ee;}
	.case_b li:hover .content *{ color:#fff;}
	.case_b li:hover .content *{ color:#fff;}
	.case_b li:hover .picture::before{border-bottom-color:#71b92a;}
	.case_b li:nth-of-type(even):hover .picture::before{border-top-color:#71b92a;border-bottom-color:transparent;}
	.case_b .inventory span:hover{ box-shadow:0px 0px 5px rgba(28,144,59,0.9);}
	.case_b li:hover .picture img{ transform:scale(1.1);}
	
	section.news{ background:url(../images/ne_01.jpg) no-repeat center top; background-size:cover; display:block; overflow:hidden; width:100%; padding-bottom:88px;}
	.news_b{ display:block; margin-top:60px; width:100%; overflow:hidden;}
	.news_b li{ float:left; width:100%; overflow:hidden;}
	.news_b .picture{ float:left; width:100%; overflow:hidden;}
	.news_b .picture img{ float:left; width:100%; height:372px; object-fit:cover; transition:all linear 0.25s;}
	.news_b .content{ float:left; width:100%; overflow:hidden; background:#fff; padding:0px 8%; box-sizing:border-box;}
	.news_b .content .time{ float:left; width:100%; overflow:hidden; margin-top:34px;}
	.news_b .content .time .day{ 
		float:left; overflow:hidden; font-size:40px; font-weight:bold;
		background-image:-webkit-linear-gradient(left,#1e50ae,#0165ee);
		-webkit-text-fill-color:transparent;
		-webkit-background-clip:text; display:none\0;
	 }
	.news_b .content .time svg{float:left; overflow:hidden; font-size:40px; font-weight:bold; display:none;display:block\0;}
	.news_b .content .time .date{ float:left; width:100%; overflow:hidden; font-size:14px; color:#999;}
	.news_b .content .title{ float:left; width:100%; overflow:hidden; font-size:24px; color:#222; white-space:pre; text-overflow:ellipsis; overflow:hidden; margin-top:14px; transition:all linear 0.25s;}
	.news_b .content .intro{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:24px; color:#666; max-height:48px; height:48px; overflow:hidden; margin-top:14px;}
	.news_b .content .more{ float:left; overflow:hidden; width:100%; padding:16px 0px;}
	.news_b .content .more span{float:left; max-width:70%; width:100%; font-size:14px;}
	.news_b .content .more .icon{float:right; max-width:24px; height:24px; border-radius:100%; overflow:hidden; font-family:"仿宋"; line-height:24px; text-align:center; border:1px solid #e6e6e6;}
	.news_b .content hr{ border:0px; border-bottom:1px solid rgba(0,0,0,0.08); margin-top:35px; float:left; width:100%;}
	.news_l{ max-width:29.5%; float:left; width:100%; overflow:hidden;}
	.news_c{ max-width:32.5%; float:left; width:100%; overflow:hidden; margin-left:4%;}
	.news_c ul li:nth-of-type(n+2){ margin-top:36px;}
	.news_c ul li .content .time{margin-top:28px;}
	.news_c ul li .content hr{margin-top:25px;}
	.news_r{ max-width:30%; float:right; width:100%; overflow:hidden; padding-bottom:11px; background:#fff;}
	.news_r ul li .content .intro{max-height:24px; height:24px;}
	.news_r .content .time{margin-top:23px;}
	.news_r .content hr{margin-top:24px;}
	.news_b li:hover .picture img{ transform:scale(1.1);}
	.news_b li:hover .content .title{ color:#0165ee; text-indent:10px;}
	.news_b li:hover .content .more .icon{ background:#0165ee; color:#fff; border-color:#0165ee;}


	section.about{ display:block; overflow:hidden; width:100%; padding-bottom:85px; margin-top:68px;}
	.about .often{text-align:left;}
	.about .often .title{ margin-top:0px; text-align:left;}
	.about .often .text{ margin-top:6px;}
	.about .often .picture{ margin-top:12px;}
	.about .often .picture img{ float:left;}
	.ab_l{ max-width:40.5%; width:100%; float:left;}
	.ab_l .intro{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:34px; color:#333; margin-top:35px;}
	.ab_l .intro p{ float:left; text-indent:32px; text-align:justify;}
	.ab_l ul{ float:left; width:100%; overflow:hidden; padding:25px 0px 30px 0px;}
	.ab_l ul p{ text-align:center; font-size:24px; color:#0165ee; font-weight:bold; line-height:40px;}
	.ab_l ul li{ max-width:calc(100% / 6); width:100%; float:left;}
	.ab_l ul li .title{width:100%; overflow:hidden; float:left; text-align:center; color:#fff; font-size:18px; font-weight:bold; margin-top:10px;}
	.ab_l ul li .icon{ float:left; width:100%; text-align:center;}
	.ab_l ul li .icon img{ transition:all linear 0.25s;}
	.ab_r{ max-width:56.5%; width:100%; float:right; position:relative;}
	.ab_r .picture{ float:left; width:100%; overflow:hidden;}
	.ab_r .picture img{ height:510px; width:100%; object-fit:cover;}
	.ab_r .title{ position:absolute; left:0px; top:0px; z-index:1; height:100%; border-right:10px solid #fff;}
	.ab_l ul li:hover .icon img{ transform:translateY(-10px);}

	footer.footer{ background:#333333; display:block; width:100%; overflow:hidden;}
	.footer .url{ border-bottom:1px solid #575757; display:block; overflow:hidden; width:100%; padding:20px 0px 16px 0px;}
	.footer .url .title{ float:left; width:120px; margin-top:2px;}	
	.footer .url .title img{ float:left;}	
	.footer .url .content{ float:right; max-width:calc(100% - 120px); width:100%;}	
	.footer .url .content a{ float:left; line-height:26px; font-size:14px; color:#9a9a9a;}	
	.footer .url .content a img{ display:block; margin:0px auto;}
	.footer .url .content a:nth-of-type(n+2){ margin-left:20px;}
	.foot_b{ margin-top:48px; display:block; width:100%; overflow:hidden; padding-bottom:34px;}
	.foot_b .logo{ float:left;margin-top: 14px;}
	.foot_b .content{ float:left; max-width:600px; width:100%; font-size:14px; color:rgba(255,255,255,0.7); margin:0px 0px 0px 5%; line-height:36px; text-align:center;}
	.foot_b .content span{ display:inline-block; margin-right:34px;}
	.foot_b .content span:nth-of-type(3){ margin-right:15px;}
	.foot_b .code{max-width:330px; width:100%; font-size:14px; color:rgba(255,255,255,0.7); float:right;}
	.foot_b .code div{ float:left; max-width:calc(50% - 12px); width:100%;}
	.foot_b .code div:nth-of-type(2){ float:right;}
	.foot_b .code div .title{ float:left; font-size:12px; color:#fff; width:12px; line-height:14px; margin-top:10px;}
	.foot_b .code div .picture{ float:right; padding:7px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.5); border-radius:8px; margin:0px;}
	.foot_b .code div .picture img{ float:left; width:100px; height:100px; object-fit:cover;}
	footer.copyright{ background:#222; display:block; overflow:hidden; width:100%; padding:11px 0px;}
	.copy_l{ float:left; max-width:calc(100% - 500px); width:100%; font-size:14px; color:rgba(255,255,255,0.3); margin-top:12px;}
	.copy_l a{color:rgba(255,255,255,0.3);}
	.copy_r{ float:right; font-size:28px; max-width:440px; width:100%;}
	.copy_r .icon{ float:left;}
	.copy_r .text{ float:right; font-size:28px; color:rgba(255,255,255,0.8);}
	
	
	/*新闻页面*/
	.page_picture{ overflow:hidden; display:block; width:100%;}
	.page_picture .picture{ overflow:hidden; position:relative; z-index:-1;}
	.page_picture .picture img{height:600px; 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:#0165ee; 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{ overflow:hidden; margin-bottom:40px; margin-top:10px;}
	.column_list ul li{ float:left; color:#333;}
	.column_list ul li a{ color:#333; padding:10px 12px; float:left; font-size:20px; font-weight:bold;}
	.column_list ul li a:hover{ color:#0165ee;}
	#fl_select{color:#0165ee;}
	
	.phone_banner .banner, .phone_banner .banner li img {height: 500px;}
	
	.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{float:none; display:block; margin:0px auto;}
	.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:#0165ee; 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:#0165ee; border-bottom:3px solid #0165ee; padding-bottom:10px; margin-bottom:10px; font-weight:bold;}
	
	
	
	
	
	.pro_list{overflow:hidden; float:left; width:100%;}
	.pro_list li{ max-width:calc(100% / 4 - 19px); 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(4n){margin-right:0px;}
	.pro_list li .picture{ float:left; width:100%; overflow:hidden;}
	.pro_list li .picture img{ float:left; height:275px; 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 .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:#0165ee;}
	.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:#0165ee;}
	
	
	.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:#0165ee;}
	.news_list li:hover{ background:#fff; box-shadow:1px 1px 4px rgba(228,31,39,0.20);}
	.news_list li:hover .title{ color:#0165ee; 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:270px; 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:#0165ee;}
	.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:500px; 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:#0165ee;}
	.honor_list li:hover .title{color:#0165ee;}
	.honor_list li:hover .picture img{ transform:scale(1.1);}

	/*返回顶部*/
	.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(1,101,238,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(1,101,238,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 left{
	100%{ transform:translateX(0px); opacity:1;}
}
	
	
	
*::selection {
    background-color:#ccb265;
    color:#fff;
}
 
*::-moz-selection {
    background-color:#ccb265;
    color:#fff;
}
 
*::-webkit-selection {
    background-color:#ccb265;
    color:#fff;
}