@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; border-bottom: 1px solid #ececec;}
	.head_line .max *{ float:left; font-size:14px; color:#3b3b3b;}
	.head_line .text{ float:right;}
	.head_line .text a{ border-right:2px solid #959595; padding:0px 13px;}
	.head_line .text a:last-child{ border-right:0px;}
	.head_b{box-sizing:border-box; overflow:hidden; padding:24px 0px 14px 0px; background:url(../images/hd_01.jpg) no-repeat center top; background-size:cover;}	
	.head_b .logo{float:left; max-width:54%; width:100%; margin-top:6px;}
	.head_b .logo .picture{float:left; max-width:20.5%; width:100%;}
	.head_b .logo .content{ float:left; max-width:78%; box-sizing:border-box; margin-top:10px;}
	.head_b .pledge{ float:left; margin-left:3%;}
	
	.header .contact{ float:right; max-width:23%;display:flex; justify-content:space-between; margin-top:6px;}
	.header .contact .picture{ margin:0px 15px 0px 0px; float:left; width:50px;}
	.header .contact .picture img{ margin-top:5px;}
	.header .contact .content{ float:right;}
	.header .contact .content p{ font-size:26px; line-height:30px; color:#156fcf; font-family:"hzgb";}
	
	
	

	/*导航样式*/
	nav{ background:#156fcf; overflow:hidden;}
	.nav li{ float:left; max-width:calc(100% / 7); width:100%; text-align:center;}
	.nav li a{ display:block; font-size:16px; color:#fff; padding:20px 0px;}
	.nav li:hover{ background:#e60009;}
	
	#nav_select{background:#e60009;}

	.dh{ float:right; display:none;}
	.iconnav-list:before{ font-size:60px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:530px;}
	.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 #ea0404; opacity:0.8;}
	.banner ol li:hover{border:2px solid #ea0404; opacity:1;}
	.banner li img{min-height:150px; height:530px;}
	
	.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
	.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:calc(55% - 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(55% - 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:#ea0404; border:2px solid #ea0404; 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:#222; display:block; width:100%;}
	.often .title font{ color:#156fcf;}
	.often .text{ font-size:14px; color:#888; margin-top:12px;}
	
	section.search{ background:#fff; padding:19px 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:#333; 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:25%; width:100%;border-top-left-radius:40px; border-bottom-left-radius:40px;}	
	.search .find input[type=text]{ width:calc(100% - 53px); height:40px; float:left; border:0px; box-sizing:border-box; outline:none; padding-left:2%; box-sizing:border-box; background:#f1f1f1;}
	.search .find input[type=submit]{ cursor:pointer; width:53px; height:40px; float:left; border:0px; background:#156fcf; color:#fff; font-size:26px;}
	
	section.products{ overflow:hidden; background:url(../images/pro_01.jpg) no-repeat center; background-size:100% 100%; padding:50px 0px 20px 0px; display:block; width:100%;}
	.pro_l{ float:left; max-width:250px; width:100%;}
	.pro_l_title{background:#156fcf; color:#fff; text-align:center; padding:16.5px 20px; box-sizing:border-box; overflow:hidden;}
	.pro_l_title .picture{float:left;}
	.pro_l_title .content{ text-align:left; float:left; padding-left:20px; box-sizing:border-box;}
	.pro_l_title .content p.title{ font-size:20px; font-weight:bold;}
	.pro_l_title .content p.text{ font-size:12px; font-weight:bold; margin-top:4px;}
	.pro_l ul{ background:#fff; display:block; overflow:hidden; width:100%; box-sizing:border-box; border-top:4px solid #156fcf; border-bottom:14px solid #f5f5f5; margin-top:1px;}
	
	.pro_l li{float:left; width:100%; background:#f5f5f5; color:#fff; font-size:16px; padding:14px 24px 14px 28px; box-sizing:border-box; transition:padding linear 0.25s , background ease-out 0.2s; border-bottom:1px solid #fff;}
	.pro_l li .title{float:left; max-width:calc(100% - 20px); text-overflow:ellipsis; white-space:pre; width:100%; overflow:hidden; font-size:14px;}
	
	.pro_l li .text{float:right; width:20px; color:#afaeae; overflow:hidden; font-size:18px; font-family:"宋体"; text-align:center;}
	.pro_l li:hover{ background:#e0e0e0;padding:15px 24px 15px 28px; border-color:#e0e0e0;}
	.pro_l li:hover *{ color:#e60009;}


	.pro_l .contact{ background:url(../images/pro_01.png) no-repeat center; background-size:100% 100%; color:#fff; font-weight:bold; padding:20px 0px 44px 32px; overflow:hidden;}
	.pro_l .contact .title{ font-size:22px;}
	.pro_l .contact .tel{ font-size:16px; margin-top:8px; letter-spacing:1px; line-height:25px;}
	
	.pro_r{ max-width:914px; width:100%; float:right;}
	.pro_r ul{ display:flex; flex-wrap:wrap;}
	.pro_r ul li{ max-width:calc(25% - 12px); width:100%; box-sizing:border-box; float:left; background:#fff; margin:0px 16px 36px 0px;}
	.pro_r ul li:last-child{margin-right:0px;}
	.pro_r ul li .picture{ float:left; width:100%;  border:6px solid #e3e3e3; box-sizing:border-box;}
	.pro_r ul li .picture img{ height:155px; object-fit:cover; width:100%;}
	.pro_r ul li .title{ float:left; width:100%; overflow:hidden; text-align:center; font-size:16px; color:#fff; padding:6px 0px; background:#0083ec; white-space:pre; text-overflow:ellipsis;}
	.pro_r ul li .title::after{ content:"+"; color:#0083ec; margin:8px auto 1px auto; width:22px; height:22px; border-radius:100%; background:#fff; display:block;}
	.pro_r ul li:nth-of-type(4n){ margin-right:0px;}
	.pro_r ul li:hover .title{ background:#e60009;}
	.pro_r ul li:hover .title::after{ color:#e60009;}
	
	section.advantage{ background:#f4f4f4; display:block; overflow:hidden; width:100%; padding-bottom:70px;}
	.advan_b{ background:url(../images/ad_01.jpg) no-repeat top left; background-size:100% 100%; padding:14px; box-sizing:border-box; overflow:hidden;}
	.advan_b li:nth-of-type(n+2){ display:none;}
	.advan_b .content{ max-width:51%; padding-left:2%; box-sizing:border-box; width:100%; float:left;}
	.advan_b .content .column{ font-size:20px; color:#333; margin-top:30px;}
	.advan_b .content .title{ font-size:20px; font-weight:bold; color:#e60009;}
	.advan_b .content .title::after{ content:""; height:3px; width:33px; display:block; background:#156fcf; margin-top:18px;}
	.advan_b .content .text{ font-size:14px; line-height:28px; color:#666; margin-top:28px;}
	.advan_b .content a{ font-size:14px; color:#fff; background:#156fcf; width:114px; line-height:34px; float:left; text-align:center; margin-right:13px; margin-top:24px; transition:all linear 0.25s;}
	.advan_b .content a.more{background:#e60009;}
	.advan_b .content a:hover{ transform:translateY(-8px);}
	.advan_b .picture{ width:496px; float:right;}
	
	.advan_t{ overflow:hidden; margin-top:40px; display:block; width:100%;}
	.advan_t li{ float:left; background:#373838; max-width:25%; border-right:1px solid #f4f4f4; width:100%; padding:18px 23px; box-sizing:border-box; cursor:pointer;}
	.advan_t li:last-child{ border-right:0px;}
	.advan_t .icon{ float:left;}
	.advan_t .content{color:#fff; float:left; margin-left:16px;}
	.advan_t .content .title{ font-size:18px;}
	.advan_t .content .text{ font-size:12px;}
	.advan_t li:hover{ background:#156fcf;}
	#advan{ background:#156fcf;}
	
	section.brand{ display:block; overflow:hidden; width:100%; padding-bottom:62px;}
	.brand ul{ display:block; overflow:hidden; width:100%;}
	.brand li{ float:left; margin-right:18px; max-width:calc((100% / 6) - 15px); width:100%; padding:4px; box-sizing:border-box; border:1px solid #d8d8d8; height:110px; text-align:center; overflow:hidden; margin-bottom:24px;}
	.brand li img{ height:100%; transition:all ease-in 0.25s;}
	.brand li:nth-of-type(6n){margin-right:0px;}
	.brand .more{ width:144px; height:41px; line-height:41px; background:#156fcf; text-align:center; color:#fff; display:block; overflow:hidden; margin-top:25px; font-size:14px;}
	.brand li:hover img{ transform:scale(1.1);}
	
	section.about{ background:url(../images/ab_01.jpg) no-repeat top left; background-size:cover; overflow:hidden; padding-top:83px;}
	.about_b{ display:block; width:100%; overflow:hidden;}
	.about_b .picture{ float:left; max-width:38%;}
	.about_b .content{ float:right; max-width:58.75%; width:100%;}
	.about_b .content .title{ font-size:30px; color:#222; font-weight:bold; margin-top:4px;}
	.about_b .content .title font{ color:#156fcf;}
	.about_b .content .text{ font-size:14px; color:#888; margin-top:4px;}
	.about_b .content .text::after{ content:""; width:32px; height:3px; background:#e60009; display:block; margin-top:10px;}
	.about_b .content .intro{font-size:15px; color:#333; line-height:32px; margin-top:23px; text-indent:30px;}
	.about_b .content .more{font-size:14px; line-height:40px; height:40px; margin-top:22px; float:left; background:#e60009; text-align:center; max-width:144px; color:#fff; width:100%;}
	.about .repertory{ border:15px solid #156fcf; display:block; box-sizing:border-box; width:100%; margin-top:50px; border-bottom:0px; overflow:hidden; background:#fff;}
	.repertory .often{ margin:40px auto;}
	
	section.show{ padding:0px 15px; display:block; width:100%; overflow:hidden; box-sizing:border-box; padding-bottom:16px;}
	.show ul{ position:relative; overflow:hidden; width:9999px;}
	.show li{ max-width:218px; float:left; margin-right:20px;}
	.show li .picture{ width:100%;float:left; border:4px solid #f1f1f1;}
	.show li .picture img{float:left; width:100%; height:158px; object-fit:cover;}
	.show li .title{float:left; width:100%; text-align:center; white-space:pre; text-overflow:ellipsis; overflow:hidden; font-size:14px; color:#333; padding:24px 0px;}
	.show li:hover .picture{border-color:#e60009;}

	
	section.news{ display:block; width:100%; overflow:hidden; background:#f4f4f4; padding-bottom:56px;}
	.news_b{display:block; padding-bottom:27px; overflow:hidden;}
	.news_l{max-width:412px; width:100%; float:left;}
	.news_l .picture{ overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.10)}
	.news_l .picture img{ height:260px; width:100%; object-fit:cover;}
	.news_l .content{ background:#fff; padding:0px 10%; box-sizing:border-box; float:left; width:100%; padding-bottom:54px; position:relative;}
	.news_l .content .title{ display:block; width:100%; font-size:18px; font-weight:bold; color:#332c2b; margin-top:33px; white-space:pre; text-overflow:ellipsis; overflow:hidden; text-align:center}
	.news_l .content .text{ display:block; width:100%; font-size:14px; line-height:24px; color:#666; max-height:72px; overflow:hidden; margin-top:17px;}
	.news_l .content .more{ width:50px; height:50px; border-radius:100%; display:block; background:#156fcf; color:#fff; text-align:center; line-height:50px; font-size:20px; font-weight:bold; margin:auto; position:absolute; bottom:-23px; left:0px; right:0px;}
	.news_l:hover .content .more{ background:#e60009; color:#fff;}
	.news_l:hover .title{ color:#e60009;}
	
	.news_r{ max-width:760px; width:100%; float:right;}
	.news_r li{margin-bottom:15px; background:#fff; overflow:hidden; padding:6px; box-sizing:border-box;}
	.news_r li:last-child{ margin-bottom:0px;}
	.news_r li .picture{ float:left; max-width:192px;width:100%; overflow:hidden;}
	.news_r li .picture img{height:131px; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.news_r li .content{ float:right; max-width:70%; width:100%; padding-right:5.5%; box-sizing:border-box;}
	.news_r li .title{ margin-top:12px; font-size:16px; font-weight:bold; color:#332c2b; display:block; width:100%; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news_r li .text{ font-size:14px; line-height:24px; max-height:48px; overflow:hidden; color:#666; display:block; width:100%; margin-top:15px;}
	.news_r li time{ float:left;width:100%; font-size:12px; margin-top:12px;}
	.news_r li time .date{ float:left; color:#999;}
	.news_r li time .more{ color:#d92723; float:right;}
	
	.news_r li:hover .title{ color:#d92723;}
	.news_r li:hover .picture img{ transform:scale(1.1);}
	
	section.url{ overflow:hidden;background:linear-gradient(to right,#e60009 50%, #fff 50%); border-bottom:1px solid #fff; display:block; width:100%;}
	.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;}
	.url .content *{font-size:14px; line-height:24px; color:#333; margin-right:1%;}
	
			
	footer.footer{ background:#156fcf; background-size:cover; overflow:hidden; padding:30px 0px 24px 0px;}
	.footer .max{ display:flex; align-items:center;}
	.footer .logo{ float:left; max-width:32%; width:100%; margin:0px;}
	.footer .contact{ float:left; font-size:14px; color:#fff; line-height:30px; margin:0px; text-align:center;}
	.footer .contact *{ color:#fff;}
	.footer .code{ float:right; max-width:15%; width:100%; background:#c2e5f6; border:4px solid #66bfe9; overflow:hidden; padding:4px; box-sizing:border-box; margin-right:0px;}
	.footer .code div{ align-items:center; display:flex; float:left; max-width:100%;}
	.footer .code .title{ float:left; width:14px; font-size:14px; color:#333; margin:0px 15px; line-height:16px;}
	.footer .code .picture{ float:left;}
	
	.page_brand{ float:right; max-width:76%; width:100%;}
	.page_brand li{ float:left; max-width:calc(100% / 3 - 15px); margin-right:20px; width:100%; margin-bottom:20px;}
	.page_brand li:nth-of-type(3n){margin-right:0px;}
	.page_brand li .picture{ height:167px; float:left; width:100%; background:#f4f4f4; padding:10px 0px;}
	.page_brand li img{ height:167px; display:block;}
	.page_brand li .title{ padding:14px 0px; text-align:center; float:left; width:100%; background:#848484; margin-top:10px; color:#fff;}
	.page_brand li:hover .title{ background:#e60009;}
	
	.page_brand_title{ font-size:18px; color:#333; text-align:left; border-bottom:#dbdbdb 2px solid; padding:13px 0px;}
	.page_brand_text{ margin-top:30px; font-size:12px; color:#111; text-indent:24px; line-height:22px;}
	.page_brand table{ float:left; width:100%; background:#ccc; box-sizing:border-box; font-size:12px; color:#333; text-align:left; margin-top:40px;}
	.page_brand table tr{ float:left;width:100%; border-bottom:2px solid #ccc; display:flex;}
	.page_brand table tr:last-child{border-bottom:0px;}
	.page_brand table tr th{ float:left; max-width:calc(100% / 6); font-size:12px; border-right:2px solid #ccc; width:100%; background:#efefef; box-sizing:border-box; padding:5px 5px;}
	.page_brand table tr th:last-child{ border-right:0px;}
	.page_brand table tr td{ float:left; max-width:calc(100% / 6); width:100%; background:#fff; box-sizing:border-box; border-right:2px solid #ccc; padding:10px 5px; word-break:break-all;}
	.page_brand table tr td:last-child{ border-right:0px;}
	.page_brand table tr:hover td{ background:rgba(255,0,0,0.5); color:#fff;}





	
	/*新闻页面*/
	.ban_img .banner{ height:450px;}
	.ban_img .banner li img{ height:450px;}
	.page_address{ background:#f5f5f5; padding:16px 0px; box-shadow:0px 3px 3px #ddd; margin-bottom:40px; font-size:14px;}
	.page{padding:2px 2px 40px 2px; box-sizing:border-box; overflow:hidden;}	
	.page_contact{float:left; margin-top:20px; width:100%;}
	.page_contact div:nth-of-type(2){ background:#fff;float:left; width:100%;padding:10px 5%; box-sizing:border-box;}
	.page_contact div:nth-of-type(2) p{ line-height:30px; font-size:14px; color:#333;}
	
	
	
	.list_l{ max-width:250px; width:100%;overflow:hidden; float:left;}
	


	.list_l .contact{ margin-top:22px; border:1px solid #156fcf; float:left; width:100%; box-sizing:border-box;}
	.contact .title{ background:#156fcf; text-align:center; box-sizing:border-box; font-size:22px; color:#fff; line-height:47px;}
	.cont_b{ padding:0px 3%; box-sizing:border-box;}
	.cont_b .picture{margin-top:5px;}
	.cont_b .picture img{ width:100%;}
	.cont_b p{ font-size:14px; color:#333; margin:8px auto;}

	
	.page_r{ width:75%; float:right;}
	
	.news_list .page_r li{ width:calc(100% - 10px); float:left; background:rgba(255,253,255,0.60); padding:15px 1%; box-sizing:border-box; margin-bottom:10px; box-shadow:0px 0px 5px #ccc;}
	.news_list .page_r li .picture{ max-width:25%; float:left;}
	.news_list .page_r li .picture img{ height:160px;float:left; object-fit:cover; width:100%;}
	.news_list .page_r li .content{ max-width:98%; width:100%; float:right;}
	.news_list .page_r li .content .title{ font-size:17px; color:#111; text-overflow:ellipsis; white-space:pre; display:block; width:100%; overflow:hidden;}
	.news_list .page_r li .content time{ font-size:12px; color:#666; margin-top:10px; display:block;width:100%; overflow:hidden;}
	.news_list .page_r li .content .text{ font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
	.news_list .page_r li .content .more{ font-size:14px; color:#333; line-height:30px; border:1px solid #ddd; text-align:center; float:left; text-align:center; width:140px; margin-top:15px;}
	.news_list .page_r li .content .more:hover{background:#e60009; color:#fff; border-color:#e60009;}
	
	.news_list .page_r li:hover{background:rgba(255,253,255,1.00); box-shadow:0px 0px 5px #e60009;}
	
	.pro_list .page_r li{ max-width:calc( 100% / 3 - 13px); float:left; margin-right:18px; margin-bottom:10px; width:100%; box-shadow:0px 0px 5px #ddd;}
	.pro_list .page_r li:nth-of-type(3n){ margin-right:0px;}
	.pro_list .page_r li .picture{width:100%; display:block;}
	.pro_list .page_r li .picture img{ height:238px; width:100%; object-fit:cover; display:block;}
	.pro_list .page_r li .title{line-height:40px; background:rgba(255,255,255,0.50); float:left; width:100%; text-overflow:ellipsis; white-space:pre; text-align:center;}
	.pro_list .page_r li:hover{ box-shadow:0px 0px 5px #e60009;}
	.pro_list .page_r li:hover p{ background:rgba(255,255,255,1.00);}
	
	
	.page_odd{ overflow:visible;}
	.page_odd .page_r{background:rgba(255,255,255,0.75); padding:0 2%; box-sizing:border-box; box-shadow:0px 0px 3px rgba(0,0,0,0.30)}
	.page_odd_title{ width:100%; text-align:center; margin-bottom:1%; font-size:20px; font-weight:bold; margin:20px 0px;}
	.page_odd_time{ width:100%; text-align:center; display:block; margin-bottom:1%; padding:10px 0px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#333; font-size:12px;}
	.page_odd_img{ text-align:center; margin-bottom:1%;}
	.page_odd_content{margin-bottom:1%; font-size:14px;line-height:32px;}
	.page_odd_content p{ line-height:32px; font-size:14px;}
	
	.page_odd_list{ margin:1% 0;}
	.page_odd_list span{ float:left; width:100%; color:#333; line-height:24px;}
	.page_odd_list span a{ color:#666;}
	
	.page_list{ float:right; max-width:100%; width:100%; text-align:center; overflow:hidden; margin:32px auto;}
	.page_list a:first-child{ display:none;}
	.page_list *{font-size:12px; color:#333; display:inline-block; margin:0px 4px; border:1px solid #343434; padding:5px 10px;}
	.page_list a:hover,.page_list b{border-color:#e60009; background:#e60009; color:#fff;}
	
	
	
	

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