@charset "utf-8";

	*{ margin: 0 auto; font-family:"Microsoft YaHei";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ max-width:100%; display:inline-block;}
	.picture img{display:block;}
	/*头部样式*/
	.max{ max-width:1200px;}
	
	header.header{ overflow:hidden;}
	.roof{ width:100%; background:#f6f6f6; padding:14.5px 0px; display:block; overflow:hidden;}
	.roof span{ float:left; font-size:14px; color:#666;}
	.roof span a{ color:#6b6b6b;font-size:14px;}
	.roof .text{ float:right;}

	.head_b{box-sizing:border-box; overflow:hidden; padding:26px 0px 26px 0px;}	
	.head_b .logo{float:left; max-width:80%;}
	.head_b .logo img{float:left;}
	.head_b .text{ font-size:16px; color:#fe7701; font-weight:bold; margin:4px 0px 0px 2%; padding:5px 0px 5px 1.5%; border-left:1px solid #d1d1d1; float:left; max-width:30%; box-sizing:border-box;}
	.head_b .text p:nth-of-type(2){ color:#249344; font-size:22px; letter-spacing:4px;font-weight:bold; margin-top:4px;}
	
	.header .contact{ float:right; max-width:19.5%; width:100%;display:flex; justify-content:space-between; margin-top:8px;}
	.header .contact .picture{ float:left; width:55px; margin:0px;}
	.header .contact .picture img{ float:left; transform:translate(10px,15px)}
	.header .contact .content{ font-size:14px; color:#666; float:right; margin:0px; max-width:170px;}
	.header .contact .content font{ float:left; width:100%; font-size:18px; color:#e90000; color:#333;}
	

	/*导航样式*/
	nav{ background:#249344; float:left; width:100%; position:relative;}
	.nav{ max-width:1180px;}
	.nav li{ float:left; max-width:calc(100% / 7); width:100%; text-align:center; padding:19.5px 0px; transition:all linear 0.25s;}
	.nav li a{ float:left; width:100%; font-size:16px; color:#fff; font-weight:bold; box-sizing:border-box; position:relative; transition:all linear 0.25s;}
	.nav li:last-child a{ border-right:0px;}
	.nav li:hover{ background:#fe7701;}
	.nav li:hover a{color:#fff;}
	#nav_select{ background:#fe7701;}
	#nav_select a{}

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


	/*网站主体*/
	.often{display:block; overflow:hidden; width:100%; text-align:center; margin:62px auto 50px auto;}
	.often .title{ font-size:36px; font-weight:bold; color:#249344; display:inline-block; padding:0px 135px; background:url(../images/ot_01.png) no-repeat left center,url(../images/ot_01.png) no-repeat right center;}
	.often .title font{ color:#fe7701; font-size:56px; font-weight:bold; margin:0px 16px;}
	.often .text{ margin-top:16px; color:#676767;}
	.often .contact{ display:block; background:#fe7701; max-width:490px; width:100%; display:flex; align-items:center; justify-content:center; transform:skew(-25deg); padding:3px 0px; margin-top:28px;}
	.often .contact .icon{ display:block; margin:0px; transform:skew(25deg);}
	.often .contact .icon img{ display:block;}
	.often .contact .text{ display:block; margin:0px; margin-left:10px; font-size:20px; color:#fff; display:flex; align-items:center; transform:skew(25deg);}
	.often .contact .text font{ font-size:30px; font-weight:bold; color:#fff;}
	
	section.search{ background:#fff; padding:19.5px 0px; overflow:hidden;display:block; width:100%;}
	.search .max{ overflow:visible;}	
	.search .hotword{ float:left; max-width:65%; width:100%; line-height:40px; height:40px; overflow:hidden;}	
	.search .hotword span{font-size:14px; color:#333; font-weight:bold;}
	.search .hotword a{ color:#249344; font-size:14px; font-weight:normal; display:inline-block; margin-right:1%;}
	
	.search .find{ float:right; max-width:21.75%; width:100%; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #eaeaea;}
	.search .find input[type=text]{ width:100%; height:40px; float:left; border:0px; box-sizing:border-box; outline:none; padding:0px; padding-left:18px; background:none; max-width:calc(100% - 50px); border-top-left-radius:4px; border-bottom-left-radius:4px; border-right:0px;}
	.search .find input[type=submit]{ cursor:pointer; width:50px; height:40px; float:left; border:0px; color:#212121; font-size:26px; background:none; outline:none; border-radius:4px; padding:0px;}
	
	
	
	section.pro_column{ background:url(../images/pro_01.jpg) no-repeat center top; background-size:cover; overflow:hidden; padding-bottom:70px; display:block; width:100%;}
	.pro_column ul{ display:block; overflow:hidden; width:100%; max-width:1217px;}
	.pro_column li{ float:left; max-width:149px; width:100%; margin-right:29px;}
	.pro_column li:last-child{margin-right:0px;}
	.pro_column li .picture{ float:left; width:100%; overflow:hidden; transition:all linear 0.25s;}
	.pro_column li .title{ font-size:18px; color:#249344; font-weight:bold; text-align:center; text-overflow:ellipsis; white-space:pre; float:left; width:100%; overflow:hidden; margin-top:20px;}
	.pro_column li::after{ content:""; float:left; margin-left:12.5%; max-width:75%; width:100%; height:2px; background:#fe7701; margin-top:12px;}
	.pro_column li:hover .picture{ transform:scale(1) rotateY(180deg);}
	
	section.products{ display:block; overflow:hidden; width:100%; padding-bottom:64px;}
	.products .pro_t{ display:block; width:100%; background:#249344; background:linear-gradient( to right, #249344 50%, #fff 50%); overflow:hidden;}
	.products .pro_t .max{ display:block; width:100%; background:#249344; overflow:hidden; padding:28px 0px;}
	.products .pro_t .max .title{ float:left; font-size:18px; font-weight:bold; color:#fff; max-width:11%;}
	.products .pro_t .max .text{ float:left; max-width:83%; padding-right:60px; box-sizing:border-box;}
	.products .pro_t .max .text a{ float:left; font-size:18px; color:#fff;}
	.products .pro_t .max .text a::after{content:" / "; float:right; margin:0px 9px;}
	.products .pro_t .max .text a:last-child::after{ display:none;}
	.products .pro_t .max .more{ float:left; font-size:18px; color:#fff; max-width:5.5%; width:100%;}
	
	.products .pro_b{ display:block; width:100%; margin-top:30px;}
	.products .pro_b ul{ display:block; width:100%; float:left;}
	.products .pro_b ul li{ float:left; max-width:calc(100% / 3 - 17px); margin-right:25px; width:100%; overflow:hidden; border-radius:8px; box-shadow:0px 0px 8px rgba(0,0,0,0.1); margin-top:25px}
	.products .pro_b ul li:nth-of-type(3n){ margin-right:0px;}
	.products .pro_b ul li .picture{ float:left; width:100%; overflow:hidden;}
	.products .pro_b ul li .picture img{ height:285px; float:left; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.products .pro_b ul li .title{ float:left; width:100%; font-size:18px; color:#333; text-align:center; white-space:pre; text-overflow:ellipsis; padding:24px 1%; box-sizing:border-box; transition:all linear 0.25s;}
	.products .pro_b .more{ float:left;width:154px; height:48px; line-height:48px; color:#fff; font-size:14px; background:#249344; text-align:center;border-radius:6px; margin:52px auto 0px calc((100% - 154px) / 2); transition:all linear 0.25s;}
	.products .pro_b ul li:hover .picture img{ transform:scale(1.1);}
	.products .pro_b ul li:hover .title{ background:#249344; color:#fff;}
	.products .pro_b .more:hover{ border-top-left-radius:70px;}
	
	.pro_super{ display:block; overflow:hidden; width:100%; background:url(../images/pro_02.jpg) no-repeat top center; background-size:cover; padding:52px 0px;}
	.pro_super li{ max-width:calc(100% / 3 - 34px); float:left; margin-right:50px;}
	.pro_super li:nth-of-type(3n){margin-right:0px; float:right;}
	.pro_super li .picture{ max-width:102px; width:100%; display:block; margin:0px auto; background:#fff; padding:28px 0px; border-radius:100%; transition:all linear 0.25s;}
	.pro_super li .title{ font-size:18px; font-weight:bold; color:#fff; text-align:center; margin-top:24px;}
	.pro_super li .text{ font-size:14px; text-align:center; line-height:24px; color:#fff; margin-top:18px;}
	.pro_super li:hover .picture{ transform:rotateY(180deg);}

	
	section.case{ display:block; overflow:hidden; width:100%; padding-bottom:80px;}
	.case_b{ display:block; overflow:hidden; width:100%;}
	.case_b li{ float:left; max-width:23.75%; width:100%; position:relative; margin:0px 0px 20px 20px;}
	.case_b li .picture{ float:left; width:100%; overflow:hidden;}
	.case_b li .picture img{ float:left; height:215px; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.case_b li .content{ position:absolute; left:0px; bottom:0px; width:100%; background:#249344; background:linear-gradient(45deg,#249344 84%, transparent 84%); padding:7.5px 16% 7.5px 7%; box-sizing:border-box; max-width:88%; transition:all linear 0.25s;}
	.case_b li .content .title{float:left; color:#fff; line-height:31px; max-width:calc(100% - 40px); width:100%; text-overflow:ellipsis; white-space:pre; overflow:hidden;}
	.case_b li .content .more{float:right; color:#fe7701; font-size:24px; border:2px solid #fe7701; box-sizing:border-box; border-radius:100%; width:31px; height:31px; text-align:center; line-height:24px;}
	.case_b li:nth-last-of-type(-n+2){margin-bottom:0px;}
	.case_b li:nth-of-type(1){float:left; max-width:49%; width:100%; margin:0px;}
	.case_b li:nth-of-type(1) .content{text-align:center; font-size:16px; color:#fff; padding:12.5px 2%; white-space:pre; text-overflow:ellipsis; overflow:hidden; max-width:100%; background:#249344;}
	.case_b li:nth-of-type(1) .picture img{float:left; height:450px; width:100%; object-fit:cover;}
	.case_b li:hover .picture img{ transform:scale(1.1);}
	.case_b li:hover .content{ background:#249344; max-width:100%; padding-right:7%;}
	.case_b li:hover .content .more{ border-color:#fff; color:#fff;}
	
	section.about{ background:url(../images/ab_01.jpg) no-repeat top center; background-size:cover; display:block; overflow:hidden; width:100%; padding-top:195px;}
	.about_b{ position:relative; display:block; overflow:hidden; width:100%;}
	.about_l{ float:left; max-width:53%; width:100%; overflow:hidden; background:#249344; padding:0px 4% 64px 4%; box-sizing:border-box;}
	.about_l .title{ font-size:30px; font-weight:bold; color:#fff; text-align:right; margin-top:70px;}
	.about_l .text{ font-size:20px; color:#fff; text-align:right; margin-top:12px;}
	.about_l .intro{ font-size:16px; line-height:34px; color:#fff; margin-top:46px; text-indent:32px;}
	.about_l .contact{ float:left; max-width:100%; width:100%; margin-top:58px;}
	.about_l .contact .content{ float:left; max-width:57%;}
	.about_l .contact .content .icon{ float:left; max-width:50px; margin-top:10px;}
	.about_l .contact .content .icon img{ display:block;}
	.about_l .contact .content .tel{ float:left; max-width:calc(100% - 50px); padding-left:17px; box-sizing:border-box;}
	.about_l .contact .content .tel p{ float:left; font-size:16px; color:#fff; width:100%;}
	.about_l .contact .content .tel p:nth-of-type(2){font-size:36px; font-weight:bold;}
	.about_l .contact .more{ float:right; font-size:14px; color:#fff; max-width:200px; width:100%; text-align:center; border:1px solid #0dcd43; box-sizing:border-box; padding:12.5px 0px; margin-top:18px;}
	.about_r{ float:right; max-width:47%; width:100%; position:absolute; right:0px; bottom:0px; padding-bottom:50px;}
	.about_r li{ float:left; max-width:25%; width:100%;}
	.about_r li .icon{ width:66px; height:66px; margin:0px auto; border:1px solid #fe7701; display:block; box-sizing:border-box; border-radius:100%; overflow:hidden; transition:all linear 0.25s;}
	.about_r li .icon img{ display:block; margin:15px auto;}
	.about_r li .title{ text-align:center; font-size:20px; font-weight:bold; color:#333; margin-top:22px;}
	.about_r li:hover .icon{ transform:scale(1.2) translateY(-5px);}
	.about_l .contact .more:hover{ background:#fff; color:#249344;}

	section.advantage{ float:left; width:100%; background:url(../images/ad_01.jpg) no-repeat bottom center; padding-bottom:75px; position:relative;}
	.advan_b{ max-width:1240px; width:100%;}
	.advan_b ul{ display:block; overflow:hidden; width:100%; height:560px; position:relative;}
	.advan_b li{float:left; height:190px; max-width:190px; width:100%; box-sizing:border-box; border-radius:100%; overflow:hidden; border:5px solid rgba(255,255,255,0.5); position:absolute; bottom:0px; transition:all linear 0.25s;}
	.advan_b li .advan_li{background:#249344; float:left; width:100%; height:100%;}
	.advan_b li .advan_li .picture{ display:block; margin:30px auto 0px auto;}
	.advan_b li .advan_li .title{ display:block; font-size:16px; color:#fff; text-align:center; line-height:24px; margin-top:14px;}
	.advan_b li:nth-of-type(1){ left:0px;}
	.advan_b li:nth-of-type(2){ position:absolute; top:150px; left:11%;}
	.advan_b li:nth-of-type(3){ position:absolute; top:5px; left:31%;}
	.advan_b li:nth-of-type(4){ position:absolute; top:5px; right:31%;}
	.advan_b li:nth-of-type(5){ position:absolute; top:150px; right:11%;}
	.advan_b li:nth-of-type(6){ right:0px;}
	.adv_img{ position:absolute; bottom:-160px; left:0px; right:0px; margin:auto; max-width:554px;}
	.advan_b li:hover{ border-color:#fe7701; animation:sup linear 2s infinite;}

	section.news{ display:block; width:100%; overflow:hidden; padding-bottom:47px; background:url(../images/ne_01.jpg) top center;}
	.news .often{ margin-top:68px;}
	.news_b{ display:block; width:100%; overflow:hidden; max-width:1220px; padding:0px 10px; box-sizing:border-box;}
	.news_b li{ float:left; max-width:49%; width:100%; overflow:hidden; background:#fff; padding:17px 1.25%; box-sizing:border-box; box-shadow:0px 0px 10px rgba(0,0,0,0.2); margin:10px 0px; z-index:1; position:relative; z-index:1;}
	.news_b li:nth-of-type(even){ float:right;}
	.news_b li .picture{ float:left; max-width:28.5%; width:100%; overflow:hidden;}
	.news_b li .picture img{ float:left; height:130px; width:100%; object-fit:cover;}
	.news_b li .content{ float:right; max-width:68%; width:100%; overflow:hidden;}
	.news_b li::after{ position:absolute; content:""; left:0px; top:0px; width:0px; height:100%; background:#249344; transition:all linear 0.25s; z-index:-1;}
	.news_b li .content .title{ float:left; width:100%; font-size:18px; font-weight:bold; color:#3a3a3a; overflow:hidden; margin-top:23px; transition:all linear 0.25s; white-space:pre; text-overflow:ellipsis;}
	.news_b li .content .text{ float:left; width:100%; line-height:26px; font-size:16px; color:#3a3a3a; margin-top:12px; max-height:52px; height:52px; overflow:hidden; transition:all linear 0.25s;}
	.news .more{ display:block; margin:0px auto; width:175px; height:46px; line-height:46px; background:#249344; color:#fff; text-align:center; margin-top:58px; transition:all linear 0.25s;}
	.news_b li:hover::after{ width:100%;}
	.news_b li:hover .content *{ color:#fff;}
	.news .more:hover{ border-radius:20px;}
	
	footer.footer{ float:left; width:100%; background:#3a3a3a; overflow:hidden;}
	.footer .foot_b{ display:block; overflow:hidden; width:100%; padding:30px 0px 23px 0px;}
	.foot_b .logo{ float:left; max-width:40%; width:100%; padding-top:30px;}
	.foot_b .logo .picture{ float:left; width:100%; text-align:center; overflow:hidden;}
	.foot_b .logo .title{ float:left; width:100%; text-align:center; color:#fff; font-size:36px; margin-top:20px;}
	.foot_b .logo .title font{ color:#fe7701; font-weight:bold;}
	.foot_b .logo .content{ max-width:90%; width:100%; background:#249344; float:left; text-align:center; font-size:16px; color:#fff; margin-left:5%; border-radius:38px; overflow:hidden; padding-left:5%; box-sizing:border-box; margin-top:20px;}
	.foot_b .logo .content span{ float:left; line-height:38px; height:38px; margin:0px 4px;}
	.foot_b .logo .content .icon img{ float:left; margin-top:7px;}
	.foot_b .logo .content .tel{ font-size:18px; font-weight:bold; color:#fff;}
	.foot_b .contact{ float:left; max-width:30%; width:100%; font-size:14px; color:#fff; margin-left:10%; margin-top:20px;}
	.foot_b .contact div{ float:left; max-width:100%; width:100%; margin:10.5px 0px;}
	.foot_b .contact div *{ color:#fff;}
	.foot_b .code{ float:right; max-width:14%; width:100%; text-align:center;}
	.foot_b .code .picture{ float:left; width:100%; overflow:hidden;}
	.foot_b .code .title{ float:left; text-align:center; font-size:14px; color:#fff; width:100%; margin-top:18px;}
	.footer .url{ float:left; width:100%; background:#1f1f1f; padding:23.5px 0px;}
	.footer .url .title{ float:left; font-size:16px; color:#fe7701; max-width:80px;}	
	.footer .url .content{ float:left; max-width:calc(100% - 80px); width:100%;}
	.footer .url .content a{ float:left; font-size:14px; color:#fff; margin-right:1%; line-height:21px;}



	/*新闻页面*/
	.news_list{ display:block; overflow:hidden; width:100%; margin-top:30px;}
	.news_list li{ margin:2% 0px; overflow:hidden;}
	.news_list_img{ float:left; max-width:360px; width:100%; height:220px;}
	.news_list_img img{ width:100%; height:100%; object-fit:cover;}
	.news_list_text{ max-width:calc(100% - 380px); width:100%; height:220px; padding:20px 0px 20px 50px; box-sizing:border-box; float:left;}
	.news_list_text .title{  font-size:20px; font-weight:bold; color:#222; white-space:pre; text-overflow:ellipsis; float:left; overflow:hidden; transition:all linear 0.25s;}
	.news_list_text time{ font-size:14px; display:block; margin-top:10px; color:#999; float:left; width:100%;}
	.news_list_text .text{ line-height:24px; height:72px; font-size:14px;color:#666; float:left; width:100%; overflow:hidden;}
	.news_list_text .more{ margin-top:10px; border:1px solid #249344; color:#249344; width:120px; height:40px; line-height:40px; float:left; text-align:center;}
	.news_list_text a:hover{ background:#249344; color:#fff;}
	.news_list li:hover{ background:#f5f5f5;}
	.news_list li:hover .title{ transform:translateX(5px); color:#249344;}
	.news_list_text .more:hover{ background:#249344; color:#fff;}
	
	.page_list{ float:left; width:100%; text-align:center; margin:20px auto 60px auto;}
	.page_list a{ font-size:16px; margin:0 1%; color:#333;}
	.page_list a:first-child{ display:none;}
	.page_list a:hover{ color:#249344;}
	
	.pro_list{ margin-top:10px;}
	.pro_list li{ max-width:calc(100% / 4 - 25px); width:100%; float:left; margin:10px 15px 10px 15px; transition:all linear 0.25s;}
	.pro_list li:hover{ box-shadow:0px 2px 6px -1px #888;}
	.pro_list li:nth-child(4n){ margin-right:0px; margin-left:0px;}
	.pro_list li .picture{ max-width:100%; display:block; overflow:hidden;}
	.pro_list li .picture img{ height:200px; object-fit:cover; width:100%; transition:all linear 0.5s;}
	.pro_list li .title{ line-height:50px; text-align:center; padding:0 2%; box-sizing:border-box; text-align:center; white-space:pre; text-overflow:ellipsis; width:100%; float:left; color:#666; font-size:16px;}
	.page_pro{ margin:20px auto;}
	.pro_title{ font-size:26px; color:#333; text-align:center; margin-bottom:15px;}
	.page_pro time{ display:block; width:100%; margin-bottom:15px; color:#999; text-align:center;}
	.page_content p{ text-align:left; line-height:30px; color:#333;}
	.pro_img{ text-align:center; margin:15px 0px;}
	.page_next{ margin:1% 0px;}
	.page_next p{font-size:13px; font-weight:bold; color:#555;}
	.page_next p a{color:#999; font-size:12px;}
	.pro_class{ margin:25px 0px;}
	.pro_class div{ font-size:24px; margin-bottom:20px;}
	.pro_class a{ width:calc(100% / 7 - 13px); border-radius:8px; float:left; border:1px solid #fbdcb7; box-sizing:border-box; color:#333; margin-right:15px; margin-bottom:5px; line-height:40px; text-align:center;}
	.pro_class a:nth-of-type(7n){ margin-right:0px;}
	.pro_class a:hover{background:#249344; color:#fff;}
	.pro_list li:hover span img{transform:scale(1.1,1.1)}
	.pro_list .text{ display:block; width:100%; max-height:84px; height:84px; line-height:28px; padding:0px 2%; box-sizing:border-box; font-size:14px; color:#656565;}
	.pro_list time{font-size:12px; text-align:left; color:#656565; display:block; padding:0px 2%; margin:10px auto;}
	
	.page_header_ins{line-height:60px; overflow:hidden; box-shadow:0px 2px 2px rgba(0,0,0,0.15);}
	.page_header_ins span:first-child{ float:left; text-transform:uppercase; font-size:13px; color:#666;}
	.page_header_ins span:first-child font{ font-size:24px;margin-right:10px; color:#249344; font-weight:bold;}
	.page_header_ins span:nth-of-type(2){ float:right; color:#666; transform:translateY(10%); font-size:14px;}
	.page_header_ins span:nth-of-type(2) a{color:#666; margin:0 5px;}
	.page_header_ins span:nth-of-type(2) a:hover{ color:#249344; font-weight:bold;}
	
	.second{ width:100%; max-width:100%; text-align:center; margin-top:5px; background:#fff;}
	.second li{ display:inline-block;margin:15px 20px; border-bottom:2px solid #fff;}
	.second a{color:#666; font-size:16px; display:block; padding:10px 0px;}
	.second a:nth-last-of-type(1){margin-right:0%;}
	.second li:hover{ border-bottom:2px solid #249344;}
	.second a:hover{color:#249344;}
	#fl_select{ border-bottom:2px solid #249344;}
	#fl_select a{color:#249344;}
	
	
	.pro_brand{ overflow:hidden; margin-top:20px;}
	.pro_brand li{ max-width:calc(100% / 5 - 8px); margin:4px; float:left;}
	.pro_brand span{ max-width:100%; width:100%; float:left; text-align:center;}
	.pro_brand span img{ display:block; height:167px; object-fit:cover; transition:all linear 0.25s;}
	.pro_brand li:hover img{ transform:scale(0.92,0.92);}
	

	
	
	
	

	/*返回顶部*/
	
	.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(27,175,69,0.50); right:1%; font-size:60px; display:none; z-index:99;}
	.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(27,175,69,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;}
	.sj_footer img{ max-width:20%;}

	@keyframes sup{
		0%{ transform:translateY(0px);}
		25%{ transform:translateY(-5px);}
		75%{ transform:translateY(5px);}
		100%{ transform:translateY(0px);}
	}



	@font-face {
		font-family:hzgb;
		src:url(../font/hzgb.ttf);
	}

	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #b2b2b2;
	}
		
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #b2b2b2;
	}
	
	input:-ms-input-placeholder{
	color: #b2b2b2;
	}
	
	input::-webkit-input-placeholder{
	color: #b2b2b2;
	}

	
	textarea:-ms-input-placeholder{
	color: #b2b2b2;
	}
	
	textarea::-webkit-input-placeholder{
	color: #b2b2b2;
	}