@charset "utf-8";

	*{ margin:0 auto;font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none;}
	img{max-width:100%;}
	
	/*头部样式*/
	.max{ max-width:1200px;}
	
	.header_logo{ position:relative;}
	.header_logo img{ position:absolute; top:0px; left:0; box-shadow:0px 0px 8px #ccc;}
	.header{ max-width:1200px;}
	.header .max{ max-width:950px; min-height:125px; width:100%; float:right; display:flex; align-items:center;}
	.header_l{ font-size:20px; margin-left:0px; color:#444;}
	.header_l p{font-size:24px; display:inline-block;}
	.header_l font{font-size:24px; font-weight:bold; color:#1660fd; margin-left:15px;}
	.header_r{ font-size:20px; margin-right:0px;}
	.header_tel{padding-left:50px; box-sizing:border-box; font-size:14px; color:#414141;}
	.header_r span{ background:url(../images/01.png) no-repeat left center; display:block; padding-left:50px; box-sizing:border-box;}
	.header_r span p{font-size:30px; color:#414141; font-family:"Times New Roman";}
	
	.header_nav{ background:#1660fd; float:left; display:block; width:100%;}
	.header_nav ul{ max-width:995px; width:100%; float:right;}
	.header_nav ul>li{ float:left; max-width:calc(100% / 7); width:100%; position:relative; padding:14px 0px;}
	.header_nav ul>li>a{ color:#fff; text-align:center; display:block;}
	.header_nav ul>li>a p:nth-of-type(1){ font-size:16px;}
	.header_nav ul>li>a p:nth-of-type(2){ font-size:12px; color:rgba(255,255,255,0.60)}
	.header_nav ul>li>a::after{ content:""; right:0px; top:0px; bottom:0px; margin:auto; width:1px; height:24px; background:#fff; position:absolute;}
	.header_nav ul>li:last-child>a::after{ display:none;}
	.header_nav li ol{ position:absolute; width:100%; top:100%; text-align:center; z-index:2; display:none; background:rgba(29,0,0,0.90);}
	.header_nav li ol li{ line-height:45px;}
	.header_nav li ol li a{ color:#fff; display:block;}
	
	.header_nav li:hover{ background:#fcb201;}
	.header_nav li:hover ol{ display:block;}
	.header_nav ul>li:hover a::after{ display:none;}
	.header_nav li ol li:hover a{color:#fff;}

	/*导航样式*/
	#dh{ display:none; float:right; width:20%;}
	.dh{ display:none;text-align:center;max-width:64px; background:none; border:1px solid #999; font-size:36px; max-height:64px; width:100%; height:150px;}
	
	/*幻灯片样式*/	
	.banner{ max-width:100%; position:relative; overflow:hidden; min-height:100px; height:550px;}
	.banner ul{ position:absolute; z-index:0; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner ul li img{ min-height:150px; height:550px; width:100%; object-fit:cover;}
	.banner:hover ol{ opacity:1;}
	.banner ol{ list-style:none;  padding-left:48%;opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:50%; height:5px; width:5px; float:left; border:2px solid #1660fd; opacity:0.8;}
	.banner ol li:hover{border:2px solid #1660fd; opacity:1;}
	
	.lef_rig{ display:none;}
	.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:45%; position:absolute; height:53px; z-index:2; background:url(../images/left_right.png); width:50px; left:1%; }
	.lef_rig span:nth-child(2){ cursor:pointer;opacity:0.5; top:45%; position:absolute; height:53px; z-index:2; background:url(../images/left_right.png) bottom; width:50px; right:1%; }
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	#dot{ background:#1660fd; border:2px solid #1660fd; opacity:1;}
	
	nav{ overflow:hidden; display:block; width:100%;}
	.pro_all{ background:#1660fd; min-height:79px; display:flex; align-items: center;}
	.pro_all span{ background:url(../images/01.jpg) no-repeat left center; padding-left:35px; box-sizing:border-box;}
	.pro_all p:nth-of-type(1){ color:#fff; font-size:24px; font-weight:bold;}
	.pro_all p:nth-of-type(2){ color:#fff; font-size:12px;}
	.index_pro{ border-bottom:1px solid #dadada; overflow:hidden;}
	.index_pro .max div{ max-width:20%; float:left; width:100%; text-align:center;}
	.index_pro .max div a{ display:block; color:#515151; font-size:16px; font-weight:bold; line-height:79px; border-right:1px solid #dadada;}
	.index_pro .max div:last-child a{border:0px;}
	.index_pro .max div a:hover{ background:#1660fd; color:#fff;}
	
	.products{ background:#f9f9f9; overflow:hidden; padding-bottom:33px;}
	.pro_title{margin-top:39px; margin-bottom:50px; font-size:26px; color:#333; text-align:center;}
	.pro_title p{ font-size:24px; color:#3b3b3b;}
	.pro_title span{ height:1px; width:251px; background:#c7c7c7; position:relative; display:block; margin-top:20px;}
	.pro_title span font{ font-size:12px; color:#f9f9f9; background:#c7c7c7; padding:2px; position:absolute; top:-10px; left:0px; right:0px; box-sizing:border-box; display:inline-block; max-width:100px;}
	
	.pro li{ max-width:calc(25% - 12.75px); float:left; width:100%; margin-right:17px;}
	.pro li span{display:block; border:1px solid #dedede; box-sizing:border-box; padding:10px; overflow:hidden;}
	.pro li img{display:block; height:201px; width:100%; max-height:201px; object-fit:cover; transition:all linear 0.2s;}
	.pro li p{ text-align:center; color:#333; font-size:15px; padding:21px 0px; box-sizing:border-box; transition:all linear 0.2s;}
	.pro li:nth-of-type(4n){margin-right:0px;}
	.pro li:hover span img{ transform:scale(1.1,1.1)}
	.pro li:hover p{ background:#1660fd; color:#fff;}
	
	.reason{ padding-bottom:60px; overflow:hidden;}
	.reason_title{ text-align:center; margin:50px auto;}
	.reason_title p:nth-of-type(1){ font-size:30px; font-weight:bold; color:#333;}
	.reason_title p:nth-of-type(2){ font-size:20px; color:#333; margin-top:24px;}
	.reason_title p font{ font-size:12px; background:#f4f4f4; padding:10px 11px; margin-left:2%; color:#acacac;}
	.reason_content div{ max-width:25%; float:left;}
	.reason_content div span{ width:100%; height:256px; overflow:hidden; float:left; display:flex; align-items:center; align-content:center; flex-wrap:wrap;}
	.reason_content div span img{ width:100%; height:100%; overflow:hidden; float:left; object-fit:cover; transition:all linear 0.2s;}
	.reason_color{ background:#1660fd; color:#fff; padding:0px 35px; box-sizing:border-box; transition:all linear 0.2s;}
	.reason_color p:nth-of-type(1){ font-weight:bold; font-size:24px; margin-bottom:30px;}
	.reason_color p:nth-of-type(2){font-size:16px; line-height:34px;}
	.reason_content div:hover span img{ transform:scale(1.2,1.2);}
	.reason_content div:hover .reason_color{ background:#f1f1f1; color:#202020;}
	
	.case{ background:#f8f8f8; overflow:hidden; width:100%;}
	.case_title{ text-align:center; margin:50px auto 60px auto; overflow:hidden;}
	.case_title p:nth-of-type(1){ font-size:30px; font-weight:bold; color:#282828;}
	.case_title p:nth-of-type(2){ font-size:16px; color:#282828; margin:20px auto 12px auto;}
	
	.case_content{ overflow:hidden;}
	.case_content ul{position:relative; height:307px; overflow:hidden; width:9999px;}
	.case_content li{width:287px; float:left; margin-right:16px;}
	.case_content li span{padding:10px; box-sizing:border-box; background:#fff; border:1px solid #ededed; text-align:center; float:left; width:100%; transition:all linear 0.25s;}
	.case_content li span img{ max-width:100%; height:201px; width:100%; object-fit:cover;}
	.case_content li p{ text-align:center; margin:30px auto; max-width:100%; width:100%;white-space:pre; text-overflow:ellipsis; float:left; overflow:hidden; font-size:15px; color:#333; max-height:20px;}
	.case_content li:hover span{ background:#1660fd;}
	
	.about{ padding:55px 0px; overflow:hidden;}
	.about_l{ max-width:535px; float:left;}
	.about_l img{display:block; object-fit:cover; height:432px;}
	
	.about_r{ max-width:600px;float:right;}
	.about_rt{ background:url(../images/03.jpg) no-repeat right top; background-size:55% 100%; overflow:hidden;}
	.about_rt p:nth-of-type(1){ font-size:40px; color:#bebebe; font-family:"Arial";}
	.about_rt p:nth-of-type(2){ font-size:24px; color:#4b4b4b; margin-bottom:24px;}
	.about_rt::after{content:""; float:left; width:51px; height:3px; background:#e5e5e5;}
	
	
	.about_rb{ background:url(../images/04.jpg) no-repeat right top; overflow:hidden; margin-top:10px; padding-right:70px; box-sizing:border-box; background-size:auto 100%;}
	.about_title{display:block; font-size:18px; font-weight:bold; margin:20px auto;}
	.about_rb p{line-height:30px; font-size:14px; text-indent:28px; color:#404040;}
	.about_rb .more{ background:#1660fd; display:inline-block; width:143px; height:41px; line-height:41px; text-align:center; color:#fff; border-radius:41px; font-size:14px; margin-top:55px; transition:all linear 0.25s;}
	.about_rb .more:hover{ font-size:16px;}
	
	.news{ background:#f8f8f8; overflow:hidden;}
	.news_content{overflow:hidden;}
	.news_content ul{overflow:hidden; position:relative; height:460px; width:9999px;}
	.news_content li{width:374px; margin-right:39px; float:left;}
	.news_img{ text-align:center;}
	.news_img img{ height:260px; float:left; width:100%; object-fit:cover;}
	.news_text{ background:#fff; padding:15px; box-sizing:border-box; display:block; overflow:hidden;}
	.news_text p{ color:#a9a9a9; font-size:14px; max-height:78px; overflow:hidden; line-height:26px; margin-top:20px;}
	.news_title{ font-size:16px; font-weight:bold; color:#333; white-space:pre; text-overflow:ellipsis; overflow:hidden; max-width:100%; width:100%; display:block;}
	
	.news_text time{padding-top:12px; display:block; border-top:1px solid #ddd; margin-top:15px;}
	.news_text time span{ background:url(../images/02.png) no-repeat left center; padding-left:25px; font-size:14px; color:#a9a9a9;}
	.news_text time .more{float:right;}
	.news_more{ width:100%; max-width:100%; display:block; overflow:hidden; margin:50px auto;}
	.news_more a{ width:150px; height:44px; line-height:44px; display:block; background:#1660fd; text-align:center; color:#fff; font-size:16px; border-radius:44px; transition:all linear 0.25s; box-sizing:border-box;}
	.news_content li:hover .news_text{ background:#1660fd;}
	.news_content li:hover .news_text p{ color:#fff; background:#1660fd;}
	.news_content li:hover .news_text span{ color:#fff;}
	.news_more a:hover{ color:#333; background:#fff; border:1px solid #1660fd;}
	
	.footer{ background:#1660fd; overflow:hidden; display:block; padding:40px 0px 30px 0px;}
	.footer_l{ max-width:36%; width:100%;float:left; text-align:left;}
	.footer_l span{margin-bottom:18px; display:block; font-size:18px; color:#fff;}
	.footer_l a{ color:#f0f0f0; margin-right:12px; line-height:36px; font-size:14px;}
	.footer_l a:hover{color:#f0f0f0;}

	.footer_c{ overflow:hidden; max-width:40%; float:left; width:100%; display:flex; flex-wrap:wrap; align-content:center;}
	.footer_c span{margin-bottom:18px; display:block; font-size:18px; color:#fff;}
	.footer_c p{ color:#f0f0f0; line-height:36px; font-size:14px; display:block;}
	.footer_c p a{ color:#f0f0f0;}
	
 	.footer_r{ max-width:24%; float:right;}
	.footer_r span{margin-bottom:30px; display:block; font-size:18px; text-align:center; color:#fff;}
	.copyright{ text-align:center; background:#0449dc; color:#fff; padding:21px 0px; overflow:hidden; font-size:14px;}
	.copyright a{color:#fff;}
	
	
	

	
	/*新闻页面*/
	.page_address{ background:#fff; padding:16px 0px; box-shadow:0px 3px 3px #ddd; margin-bottom:40px; font-size:14px;}
	.page_address a{color:#666;}
	.page{ padding-bottom:20px; background-color:#f0f0f0; 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;}
	
	
	
	.page_list{ float:left; width:100%; text-align:center; font-size:14px;}
	.page_list a:first-child{ display:none;}
	.page_list a{ color:#666; padding:0 5px; display:inline-block;}
	.page_list a:hover{ color:#d50505;}
	.page_l{ float:left; width:20%;}
	.page_l_tel{ float:left; width:100%; margin-top:50px; border:1px solid #0057a4; box-sizing:border-box;}
	.page_l_tel div:first-child{background:#0057a4; font-size:28px; color:#fff; text-align:center; line-height:75px;}
	.page_l_tel div:nth-child(2){ padding:10px;}
	.page_l_tel div:nth-child(2) img{}
	
	.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:1%; box-sizing:border-box; margin-bottom:10px;}
	.news_list .page_r li a:first-child span{ max-width:25%; float:left; text-align:center;}
	.news_list .page_r li a:first-child span:first-child img{ height:160px;float:left; object-fit:cover; width:100%;}
	.news_list .page_r li a:nth-of-type(2) span{ max-width:73%; width:100%; float:right;}
	.news_list .page_r li a:nth-of-type(2) span .title{ font-size:20px; color:#111; text-overflow:ellipsis; white-space:pre; overflow:hidden;}
	.news_list .page_r li a:nth-of-type(2) span time{ font-size:12px; color:#666; margin:10px 0px; overflow:hidden; display:block;}
	.news_list .page_r li a:nth-of-type(2) span .content{ font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden;}
	.news_list .page_r li a:nth-of-type(2) span .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:10px;}
	.news_list .page_r li a:nth-of-type(2) span .more:hover{ background:#1660fd; color:#fff;}
	
	.news_list .page_r li:hover{background:rgba(255,253,255,1.00); box-shadow:2px 2px 5px #ccc;}
	
	.pro_list .page_r li{ max-width:calc( 100% / 3 - 2%); float:left; margin-left:2%; margin-bottom:10px; width:100%; overflow:hidden;}
	.pro_list .page_r li img{ height:200px; width:100%; object-fit:cover; display:block;}
	.pro_list .page_r li p{line-height:40px; background:rgba(255,255,255,0.50); transition:all linear 0.2s; text-overflow:ellipsis; white-space:pre; text-align:center; color:#333; overflow:hidden;}
	.pro_list .page_r li:hover{ box-shadow:2px 2px 5px #ddd;}
	.pro_list .page_r li:hover p{ background:#1660fd; color:#fff;}
	
	
	.page_odd{ margin-top:2%;}
	.page_odd .page_r{background:rgba(255,255,255,0.75); padding:0 2%; box-sizing:border-box;}
	.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%;}
	.page_odd_content p{ line-height:30px; font-size:14px;}
	.page_odd_content img{ max-width:100% !important;}
	
	.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;}
	
		.pro_l{ float:left; max-width:250px; width:100%;}
	.pro_l_title{  background:#1660fd; color:#fff; font-size:28px; text-align:center; padding:20px 0px;}
	.pro_l_title p:first-child{ font-size:28px; font-weight:bold;}
	.pro_l_title p:nth-of-type(2){ font-family:arial; color:#c6d7fc; font-size:14px; text-transform:uppercase;}
	.pro_l ul{ background:#fff; float:left; width:100%; box-sizing:border-box; padding:30px 15px;}
	.pro_l ul>li{ float:left; width:100%; margin-bottom:12px;}
	.pro_l ul>li:first-child{margin-top:0px;}
	
	.pro_l ul li span{ padding:13px 5%; box-sizing:border-box; float:left; width:100%; background:#949494; color:#fff; cursor:pointer;}
	.pro_l ul li p{float:left; max-width:calc(100% - 20px); text-overflow:ellipsis; white-space:pre; overflow:hidden;}
	.pro_l ul li img{float:right;}
	.pro_l ul li:hover span{background:#1660fd;}
	

	

	/*返回顶部*/
	.top{ width:50px; height:50px; line-height:50px; background:#393292; background:rgba(22,96,253,0.70); color:#fff; position:fixed; text-align:center; bottom:25%; cursor:pointer; display:none;font-weight:bold; font-size:30px; right:1%;}
	.top:hover{background:rgba(211,3,3,1.00);}
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc;}
	.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
	.sj_footer span{ width:100%; float:left; color:#333; font-family:"微软雅黑";}
	.sj_footer img{ max-width:20%;}

	@font-face{
		font-family:'hzgb';
		src:url(../font/hzgb.ttf);
	}
	
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #2a2a2a;
	}
		
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #2a2a2a;
	}
	
	input:-ms-input-placeholder{
	color: #2a2a2a;
	}
	
	input::-webkit-input-placeholder{
	color: #2a2a2a;
	}

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