@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;}
	.head_line{overflow:hidden; padding:12.5px 0px; background:#e6e6e6;}
	.head_line .max *{ float:left; font-size:14px; color:#888;}
	.head_line .text{ float:right;}
	.head_line .text a::after{content:"|"; padding:0px 5px;}
	.head_line .text a:last-child::after{ display:none;}
	.head_b{box-sizing:border-box; overflow:hidden; padding:25px 0px;}	
	.head_b .logo{float:left; margin-top:7px; max-width:80%;}
	.head_b .logo img{float:left;}
	.head_b .text{ font-size:20px; font-weight:bold; color:#ff9900; line-height:30px; margin-left:1.5%; padding:9px 0px 9px 1.5%; border-left:1px solid #e5e5e5; float:left; max-width:30%; box-sizing:border-box;}
	.head_b .text p:nth-of-type(1){ color:#ff9900;}
	.head_b .text p:nth-of-type(2){ color:#222222;}
	
	.header .contact{ float:right; max-width:18%; width:100%;display:flex; justify-content:space-between; margin-top:11px;}
	.header .contact .picture{ float:left; width:50px; margin:0px;}
	.header .contact .picture img{ float:left; margin-top:calc((100% - 40px) / 2)}
	.header .contact .content{ font-size:14px; color:#262626; float:right; margin:0px; max-width:170px;}
	.header .contact .content font{ float:left; width:100%; font-size:24px; color:#0083ec; font-weight:bold; line-height:26px;}
	

	/*导航样式*/
	nav{ background:#0083ec; background-size:cover; float:left; width:100%;}
	.nav li{ float:left; max-width:calc(100% / 8); width:100%; text-align:center;}
	.nav li a{ float:left; width:100%; font-size:16px; color:#fff; padding:17px 0px; position:relative; transition:all linear 0.25s;}
	.nav li:hover a{ background:#ff9900;}
	.nav li a::before{content:""; height:8px; width:100%; position:absolute; top:-8px; left:0px; float:left; overflow:hidden; transition:all linear 0.2s;}
	.nav li:hover a::before{background:#ff9900; }
	#nav_select a{background:#ff9900;}
	#nav_select a::before{background:#ff9900; }

	.dh{ float:right; display:none;}
	.iconnav-list:before{ font-size:60px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; width:100%; position:relative; min-height:150px; overflow:hidden; height:592px;}
	.banner ul{ position:absolute; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; 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(249,114,0,1); opacity:0.8;}
	.banner ol li:hover{border:2px solid rgba(249,114,0,1); opacity:1;}
	.banner li img{min-height:150px; height:592px;}
	.phone_banner .banner li img, .phone_banner .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(56% - 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(56% - 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(249,114,0,1); border:2px solid rgba(249,114,0,1); opacity:1;}


	/*网站主体*/
	.often{display:block; overflow:hidden; width:100%; text-align:center; margin:52px auto 60px auto;}
	.often .title{ font-size:30px; font-weight:bold; color:#0083ec; display:block; width:100%;}
	.often .text{ font-size:12px; color:#bebebe; margin-top:5px;}
	.often .intro{ font-size:16px; color:#666; margin-top:14px;}
	
	section.search{ background:#fff; padding:15px 0px; overflow:hidden; box-shadow:0px 5px 5px rgba(244,244,244,0.75); display:block; width:100%;}
	.search .max{ overflow:visible;}	
	.search .hotword{ float:left; max-width:65%; line-height:40px; height:40px; overflow:hidden;}	
	.search .hotword span{font-size:16px; color:#0083ec; font-weight:bold;}
	.search .hotword a{ color:#333; font-size:14px; font-weight:normal; display:inline-block; margin-right:1%;}
	
	.search .find{ float:right; max-width:27%; width:100%; background:#ff9900; padding:3px; box-sizing:border-box; transform:skew(335deg); overflow:hidden;}
	.search .find div{ width:calc(100% - 53px); float:left; box-sizing:border-box; outline:none;background:#fff;}
	.search .find input[type=text]{ width:100%; height:40px; float:left; border:0px; box-sizing:border-box; outline:none; padding-left:5%; transform:skew(25deg); background:none;}
	.search .find input[type=submit]{ cursor:pointer; width:53px; height:40px; float:left; border:0px; color:#fff; font-size:26px; background:none; transform:skew(25deg); outline:none;}
	
	
	section.products{ background:url(../images/pro_01.jpg) no-repeat center top; background-size:cover; overflow:hidden; padding-bottom:65px;}
	.products .column{ display:block; text-align:center; display:flex; flex-wrap:wrap; justify-content:center;}
	.products .column span{ font-size:14px; color:#333; background:#c7c4c2; padding:7.5px 14px; float:left; overflow:hidden; border-radius:8px; margin:0px 8px; cursor:pointer;}
	.pro_b{ margin-top:52px; display:block; overflow:hidden;}
	.pro_b .move{ float:left; overflow:hidden; max-width:100%; width:100%;}
	.pro_b .move:nth-of-type(n+2){ display:none;}
	.pro_b .title{ float:left; width:100%; text-align:center; overflow:hidden; font-size:16px; color:#333;}
	.pro_b ul{ position:relative; display:block; width:9999px; overflow:hidden; height:326px;}
	.pro_b ul li{width:285px; float:left; margin-right:20px; padding-bottom:14px; box-sizing:border-box;}
	.pro_b ul li .content{ float:left; width:100%;position:relative; background:#fff;}
	.pro_b ul li .picture{ float:left; width:100%; overflow:hidden; border:6px solid #fff; border-bottom:0px; box-sizing:border-box;}
	.pro_b ul li .picture img{ float:left; width:100%; overflow:hidden; height:220px; object-fit:cover;}
	.pro_b ul li .title{ float:left; width:100%; text-align:center; background:#fff; font-size:16px; color:#333; padding:24px 2% 35px 2%; box-sizing:border-box; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.pro_b ul li .icon{ position:absolute; bottom:-14px; left:0px; right:0px; margin:auto; background:rgba(0,0,0,0.50); width:28px; height:28px; background:#0083ec; text-align:center; line-height:28px; color:#fff; border-radius:100%;}
	#pro{ background:#ff9900; color:#fff;}
	.pro_b ul li:hover .picture{border-color:#ff9900;}
	.pro_b ul li:hover .title{background:#ff9900;}
	.pro_b ul li:hover .title{ color:#fff;}
	.pro_b ul li:hover .icon{ color:#ff9900; background:#fff;}
	
	.onck{width:100%; overflow:hidden; text-align:center; max-width:150px; display:block; margin:52px auto 0px auto;}
	.onck div{ float:left; width:30px; background:#0083ec; font-size:12px; color:#fff; font-family:"仿宋"; padding:11px 0px; margin:0px 1px; cursor:pointer;}
	.onck a{ font-size:12px; color:#fff; width:86px; float:left; text-align:center; padding:10px 0px; background:#0083ec;}
	.onck div:hover,.onck a:hover{ background:#fff; color:#333; font-weight:bold;}

	section.slogan{ display:block; overflow:hidden; width:100%; background:#0083ec;}	
	.slogan .picture{ float:left;overflow:hidden; max-width:50%; border-bottom-right-radius:250px; border-top-right-radius:250px;}
	.slogan .picture img{ float:left; width:100%; object-fit:cover; height:250px;}
	.slogan .content{ float:left; max-width:600px; width:100%; overflow:hidden; margin-top:50px;}
	.slogan .content .title{ font-size:28px; font-weight:bold; color:#fff; text-align:center;}
	.slogan .content .text{ font-size:20px; color:#fff; text-align:center; background:url(../images/ad_01.png) no-repeat center; margin-top:28px;}
	.slogan .content .more{ max-width:385px; width:100%; display:block; margin:24px auto 0px auto;}
	.slogan .content .more .tel{ float:left; max-width:calc(100% - 122px); width:100%; font-size:26px; font-weight:bold; color:#fff;}
	.slogan .content .more .tel img{ margin-top:3px; float:left;}
	.slogan .content .more .tel span{ float:left; margin-left:10px;}
	.slogan .content .more .contact{ float:right; background:#ff9900; line-height:36px; height:36px; width:122px; text-align:center; border-radius:36px; font-size:14px; color:#fff; font-weight:bold; transition:all linear 0.25s;}
	.slogan .content .more .contact:hover{ border-bottom-left-radius:0px; border-top-right-radius:0px;}
	
	section.case{ display:block; width:100%; overflow:hidden; padding-bottom:70px;}
	.case_b li{ float:left; max-width:25%; width:100%; overflow:hidden;}
	.case_b li:nth-of-type(2){ max-width:34%; margin:0px 0.5%;}
	.case_b li:nth-of-type(2) .picture img{ height:486px;}
	.case_b li:nth-of-type(3){ max-width:40%;}
	.case_b li .picture{ float:left; width:100%; overflow:hidden; transition:all linear 0.25s;}
	.case_b li .picture img{ height:240px; width:100%; float:left; object-fit:cover;}
	.case_b li .case_li{float:left; margin-bottom:6px; width:100%; overflow:hidden; position:relative; background:#000;}
	.case_b li .case_li:last-child{margin-bottom:0px;}
	.case_b li:nth-of-type(3) .case_li{ max-width:calc(50% - 3px);}
	.case_b li:nth-of-type(3) .case_li:nth-of-type(even){float:right;}
	.case_b li:nth-of-type(3) .case_li:last-child{ max-width:100%;}
	.case_b li .title{ position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto; opacity:0; max-width:140px; height:47px; text-align:center; color:#fff; border:1px solid #fff; line-height:47px; transition:all linear 0.25s; overflow:hidden;}
	.case_b li .case_li:hover .picture{ opacity:0.5;}
	.case_b li .case_li:hover .title{opacity:1;}

	section.about{ background:url(../images/ab_01.jpg) no-repeat top center; background-size:cover; display:block; overflow:hidden; width:100%; padding-bottom:50px;}
	.about_b{ display:block; overflow:hidden; padding:0px 30px; box-sizing:border-box; margin-top:50px;}
	.about_b .picture{float:left; max-width:46.5%; border:5px solid #fff; box-sizing:border-box; width:100%;}
	.about_b .picture img{float:left;width:100%; object-fit:cover; height:380px;}
	.about_b .content{float:right; max-width:50.5%; width:100%; margin-top:65px;}
	.about_b .content .title{float:left; color:#fff; font-size:24px; font-weight:bold; width:100%; overflow:hidden; letter-spacing:1px;}
	.about_b .content .text{ font-size:12px; color:#fff; float:left; width:100%; overflow:hidden; margin-top:4px;}
	.about_b .content .intro{ font-size:14px; line-height:28px; color:#fff; float:left; width:100%; overflow:hidden; text-indent:28px; margin-top:30px;}
	.about_b .content .more{ float:left; width:120px; line-height:40px; height:40px; background:#fff; text-align:center; font-size:14px; color:#0083ec; margin-top:25px; transition:all linear 0.25s;}
	.about_b .content .more:hover{ border-top-left-radius:15px; border-bottom-right-radius:15px;}

	section.choosing{ display:block; overflow:hidden; width:100%; padding-bottom:62px;}
	.choosing .often{ margin-top:30px;}
	.chos_b{ background:url(../images/ch_01.jpg) no-repeat center top; background-size:cover; display:block; overflow:hidden; width:100%;}
	.chos_b ul{ float:left;width:9999px;}
	.chos_b li{ float:left; max-width:1200px; width:100%; overflow:hidden; position:relative; padding:0px 40px; box-sizing:border-box;}
	.chos_b .picture{float:left; margin-top:50px; max-width:50%;}
	.chos_b .picture .contact{ max-width:74%; margin:33px auto 37px auto; display:block; overflow:hidden;}
	.chos_b .picture .contact .icon{ float:left; max-width:calc(100% - 150px); margin-top:5px;}
	.chos_b .picture .contact .icon span{ float:left; font-size:24px; font-weight:bold; color:#fff;}
	.chos_b .picture .contact .icon span:nth-of-type(1){ margin-right:12px;}
	.chos_b .picture .contact .more{ float:right; max-width:150px; width:100%; border:1px solid #fff; color:#fff; padding:8.5px 4.5%; box-sizing:border-box;}
	.chos_b .picture .contact .more span{ display:inline-block;}
	.chos_b .picture .contact .more span:nth-of-type(2){ float:right; margin-top:4px;}
	
	.chos_b .content{ position:absolute; right:40px; max-width:51%; width:100%; top:0px;}
	.chos_b .content .cloumn{ float:right; text-align:right; width:100%; overflow:hidden; margin-top:38px;}
	.chos_b .content .cloumn .title{font-size:20px; color:#b3b4b5;}
	.chos_b .content .cloumn .text{font-size:20px; font-weight:bold; color:#ff9900; margin-top:2px;}
	
	.chos_b .intro{ float:left; width:100%; background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.30); overflow:hidden; padding:35px 8%; box-sizing:border-box; margin-top:30px;}
	.chos_b .intro img{transition:all linear 0.25s;}
	.chos_b .intro .icon{ float:left; max-width:70px; width:100%; border-bottom:2px solid #ff9900; text-align:center; padding-bottom:16px;}
	.chos_b .intro .title{ float:left; width:100%;overflow:hidden; color:#3d4345; font-size:18px; font-weight:bold; margin-top:25px;}
	.chos_b .intro .text{ float:left; width:100%;overflow:hidden; font-size:14px; line-height:25px; color:#3d4345; margin-top:22px;}
	.chos_icon{ float:left; margin-top:30px; width:100%; position:relative;}
	.chos_icon::before{ content:""; border-top:1px dashed #b7b7b7; top:45px;width:100%; position:absolute; height:1px; z-index:-1;}
	.chos_icon li{ float:left; max-width:25%; width:100%;}
	.chos_icon li .picture{ width:90px; height:90px; display:block; overflow:hidden; border:1px solid #f97301; border-radius:100%; background:#fff;}
	.chos_icon li .picture span{ height:35px; margin-top:calc((100% - 35px) / 2); display:block; overflow:hidden;}
	.chos_icon li .title{ color:#3d4345; font-size:16px; text-align:center; font-weight:bold; margin-top:18px;}
	.chos_icon .chos_button{ max-width:170px; width:100%; position:absolute; right:0px; top:-62px;}
	.chos_icon .chos_button span{ background:#3d4345; max-width:calc(50% - 5px); width:100%; text-align:center; float:left; display:flex; align-items:center; padding:10px 0px; cursor:pointer;}
	.chos_icon .chos_button span:nth-of-type(1){ transform:rotate(180deg);}
	.chos_icon .chos_button span:nth-of-type(2){ float:right;}
	.chos_icon .chos_button span:hover{ background:#ff9900;}
	.chos_b .intro:hover img{ transform:rotateY(180deg);}
	.chos_b .picture .contact .more:hover{ background:#fff;}
	.chos_b .picture .contact .more:hover span{color:#000;}
	.chos_b .picture .contact .more:hover span img{filter:invert(100%);}
	#chos_icon .picture{ background:#ff9900;}
	#chos_icon .picture span img{ transform:translateY(-50%);}
	#chos_icon .title{ color:#ff9900;}








	section.slogan_2{ display:block; overflow:hidden; width:100%; background:url(../images/ad_03.jpg) no-repeat center top; background-size:cover; padding:41px 0px;}	
	.slogan_2 .content{ float:left; color:#fff; max-width:43%; width:100%;}
	.slogan_2 .content .title{ font-size:28px; color:#fff; font-family:"汉真广标"; letter-spacing:2px;}
	.slogan_2 .content .text{ font-size:22px; color:#fff; font-weight:bold; text-align:center; margin-top:28px;}
	.slogan_2 .content .text span{ display:inline-block; margin:0px 21px;}
	.slogan_2 .content .contact{ display:block; margin:0px auto; max-width:360px; width:100%; margin-top:28px;}
	.slogan_2 .content .contact .picture{ float:left; margin-top:4px;}
	.slogan_2 .content .contact .tel{ float:left;font-size:26px; color:#fff; font-weight:bold; margin-left:10px;}
	.slogan_2 .content .contact .more{ float:right; max-width:120px; width:100%;border:1px solid #fff; border-radius:6px; text-align:center; font-size:14px; color:#fff; padding:6.5px 0px; box-sizing:border-box;}
	.slogan_2 .content .contact .more:hover{ background:#fff; color:#ff9900;}


	section.news{ display:block; width:100%; overflow:hidden; padding-bottom:70px;}
	.news_b{ overflow:hidden; display:block; width:100%; box-sizing:border-box;}
	.news_l{ float:left; max-width:calc(100% / 3 - 10px); background:#fff; width:100%; margin-right:15px; border:1px solid #eee; box-sizing:border-box; border-radius:3px; overflow:hidden; padding:22px 1.5% 20px 1.5%;}
	.news_l:last-child{margin-right:0px;}
	.news_l .column{ box-sizing:border-box; float:left; width:100%; overflow:hidden; line-height:25px;}
	.news_l .column .title{ float:left; font-size:20px; color:#333;}
	.news_l .column .more{ float:right; color:#999; font-size:12px;}
	.news_l .column .more:hover{ color:#ff9900;}

	.news_l .news_t{ float:left; overflow:hidden; width:100%; position:relative; margin-top:25px;}
	.news_l .news_t .picture{ float:left; width:100%; overflow:hidden; position:relative;}
	.news_l .news_t .picture img{ float:left; height:200px; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.news_l .news_t .picture::before{content:""; position:absolute; bottom:0px; height:50px; left:0px; width:100%; background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0)); z-index:1;}
	.news_l .news_t .content{ position:absolute; bottom:0px; left:0px; z-index:1; width:100%; padding:10px 4%; box-sizing:border-box;}
	.news_l .news_t .content .title{ font-size:14px; color:#fff; white-space:pre; text-overflow:ellipsis; overflow:hidden; float:left; max-width:calc(100% - 35px); width:100%;}
	.news_l .news_t .content .icon{float:right;}
	
	.news_li{ float:left; width:100%; overflow:hidden; margin-top:20px;}
	.news_li li{ float:left; width:100%; overflow:hidden; line-height:40px;}
	.news_li li .title{ font-size:14px; color:#666; float:left; max-width:calc(100% - 70px); width:100%; white-space:pre; text-overflow:ellipsis; overflow:hidden; margin-right:0px;}
	.news_li li .time{ font-size:12px; float:right; max-width:70px; color:#999;}
	.news_li li:hover a{ color:#f97301;}
	.news_l .news_t:hover .picture img{ transform:scale(1.1);}
	.news_l .news_t:hover .title{ color:#f97301;}
	

	
	
	section.url{ overflow:hidden;background:linear-gradient(to right,#0083ec 50%, #fff 50%); display:block; width:100%; border-bottom:1px solid #fff;}
	.url .max{ display:flex; align-items:center;}
	.url .title{ float:left; max-width:90px; width:100%; box-sizing:border-box; padding:13px 0px;}
	.url .title .CH{ font-size:14px; color:#fff; float:left; margin-top:5px;}
	.url .title .EN{ color:#fff; font-size:20px; text-align:center; font-weight:bold; float:left;}
	.url .content{ float:left; max-width:calc(100% - 106px); width:100%; background:#fff; padding:26px 0px 26px 16px; min-height:20px;}
	.url .content *{font-size:14px; line-height:24px; color:#333; margin-right:1%;}

	
	footer.footer{ background:#262626; overflow:hidden; padding:28px 0px 24px 0px;}
	.footer .max{ display:flex; align-items:center;}
	.footer .logo{ float:left; max-width:35%; width:100%; margin:0px;box-sizing:border-box; padding:27px 0px;}
	.footer .contact{ float:left; font-size:14px; color:rgba(255,255,255,0.9) !important; margin:0px; max-width:50%; width:100%; text-align:center; box-sizing:border-box;}
	.footer .contact div{ margin:11px 0px;}
	.footer .contact div span{ margin:0px 8px;}
	.footer .contact div a{ color:rgba(255,255,255,0.9);}
	.footer .code{ float:right; max-width:175px; width:100%; background:#cbcbcb; border:4px solid #7d7d7d; overflow:hidden; padding:4px; box-sizing:border-box; margin-right:0px;}
	.footer .code{ align-items:center; display:flex; float:left;}
	.footer .code .title{ float:left; width:33px; font-size:14px; color:#333; padding:0px 10px; box-sizing:border-box; overflow:hidden; line-height:16px;}
	.footer .code .picture{ float:right; max-width:calc(100% - 33px); width:100%;}
	
	



	
	/*新闻页面*/
	.page_address{ border-bottom:1px solid #eee; overflow:hidden; display:block; width:100%; padding-top:20px;}
	.page_address .max{overflow:hidden; display:block; width:100%;}
	.page_address .address{ font-size:14px; color:#666; max-width:30%; width:100%; float:left; display:flex; align-items:center;padding-bottom:16px;}
	.page_address .address span{ float:left; margin-right:5px;}
	.page_address .address *{color:#666; margin:0px;}
	.page_address .page_column{ float:right; font-size:14px; color:#333; max-width:70%;}
	.page_address .page_column a{ float:left; font-size:14px; color:#333; margin:0px 19px; border-bottom:3px solid transparent; padding-bottom:16px;pointer-events:auto}
	.page_address .page_column a:hover{border-color:#f88204;}
	#fl_select{border-color:#f88204;}
	
	
	.list{ display:block; width:100%; background:rgba(240,240,240,0.4); overflow:hidden; padding-bottom:40px;}
	.list .max{ display:block; width:100%; background:#fff; overflow:hidden; padding:0px 2%; margin-top:40px; box-sizing:border-box;}
	.list .often{ margin-bottom:10px;}
	.list .page_news{ margin-top:50px; float:left; width:100%;}
	.list .page_news li{ float:left; max-width:calc(100% / 3 - 16px); width:100%; overflow:hidden; box-sizing:border-box; margin-right:24px; margin-bottom:25px;}
	.list .page_news li:nth-of-type(3n){ margin-right:0px;}
	.list .page_news li .picture{ float:left; width:100%; box-sizing:border-box; position:relative; overflow:hidden;}
	.list .page_news li .picture img{width:100%; height:230px; object-fit:cover; float:left; transition:all linear 0.20s;}
	.list .page_news li .content{ border:1px solid #ddd; box-sizing:border-box; padding:15px 5%; float:left; width:100%; overflow:hidden;}
	.list .page_news li .title{ float:left; font-size:16px; color:#666; width:100%; font-weight:bold; margin-bottom:10px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.list .page_news li .text{ float:left; font-size:14px; line-height:24px; color:#808080; width:100%; max-height:72px; height:72px; overflow:hidden;}
	.list .page_news li:hover .content *{ color:#fff;}
	.list .page_news li:hover .picture img{ transform:scale(1.1)}
	.list .page_news li:hover .content{ background:#f88204;}
	
	.list .page_pro{ float:left; margin-top:60px; width:100%; overflow:hidden; padding:2px; box-sizing:border-box;}
	.list .page_pro li{ float:left; max-width:calc(25% - 18px); margin-right:24px;  margin-bottom:30px; box-shadow:0px 0px 8px -3px rgba(0,0,0,0.50)}
	.list .page_pro li:nth-of-type(4n){margin-right:0px;}
	.list .page_pro li .picture{ float:left; width:100%; overflow:hidden;}
	.list .page_pro li .picture img{ width:100%; display:block; height:200px; object-fit:cover; transition:all linear 0.25s;}
	.list .page_pro li .title{ float:left; width:100%; overflow:hidden; color:#333; font-size:16px; padding:18px 0px; box-sizing:border-box; transition: all linear 0.25s; white-space:pre; text-overflow:ellipsis; text-align:center;}
	.list .page_pro li .text{ float:left; width:100%; overflow:hidden; color:#333; font-size:12px; white-space:pre; text-overflow:ellipsis; margin-top:5px;}
	.list .page_pro li:hover .title{ color:#f88204;}
	.list .page_pro li:hover .picture img{ transform:scale(1.1)}
	
	
	.page_list{ overflow:hidden; text-align:center; float:left; width:100%; margin:35px auto 40px auto;}
	.page_list *{ font-size:14px; color:#666;}
	.page_list a:hover{color:#f88204;}
	
	.page{ display:block; overflow:hidden; width:100%; padding-bottom:30px; box-sizing:border-box; background-position: center; background-repeat:no-repeat; background-color:rgba(240,240,240,0.30);}
	.page .often{ margin:20px auto 15px auto}
	.page>.max{background:rgba(255,255,255,0.9); overflow:hidden; padding:0px 2% 40px 2%; box-sizing:border-box; margin-top:30px;}
	.page .title{ font-size:26px; text-align:center; margin-top:40px;}
	.page time{ font-size:12px; color:#999; float:left; width:100%; text-align:center; margin-top:30px;}
	.page time span{ margin:0px 10px;}
	.page .picture{ width:100%; text-align:center; margin-top:30px; float:left;}

	.page .picture img{ margin:0px auto;}
	.page .content{ margin-top:50px; float:left; width:100%;}
	.page .content p{line-height:32px;}
	.page .page_next{ border-top:1px solid #dcdcdc; overflow:hidden; padding:10px 0px; box-sizing:border-box; float:left; width:100%; margin-top:40px;}
	.page .page_next p{ font-size:14px; color:#333; margin-top:10px;}
	.page .page_next a{ font-size:14px; color:#666;}
	.page .page_next a:hover{color:#f88204;}

	
	
	
	

	/*返回顶部*/
	
	.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(0,131,236,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(249,114,0,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%;}


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

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

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