@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ display:inline-block; max-width:100%;}
	
	/*头部样式*/
	.max{ max-width:1200px;}
	header{ position:absolute; z-index:2; top:0px; left:0px; background:rgba(0,0,0,0.6); width:100%;color:#fff;box-sizing:border-box; animation:bounceInDown ease-in-out 2s;}
	header .max{ align-items:center; height:84px;}
	.header_l{ margin:15px 0px; max-width:200px; width:100%; float:left;}
	.header_l span{ float:left;}
	.nav{ max-width:calc(100% - 280px); width:100%;float:left;}
	.nav ul{ text-align:center; box-sizing:border-box;}
	.nav ul>li{ line-height:90px; display:block; float:left; max-width:14%; width:100%; font-size:16px; text-align:center; position:relative;}
	.nav ul>li>a{color:#fff; display:block;}
	.nav ul>li .nav_show{ height:0px;right:0px; background:rgba(0,0,0,0.60); overflow:hidden; transition:height linear 0.2s;}

	.nav ul>li:hover{background:#db2314;}
#nav_select{background:#db2314;}
	.nav>ul>li:hover .nav_show{ position:absolute; z-index:25; height:auto; display:flex; width:445px; align-items:center;}
	
	.nav_show ol{float:left; width:232px; overflow:hidden; padding:10px 0px; margin-top:0px;align-self:flex-start;}
	.nav_show ol li{ max-width:50%; float:left; width:50%; line-height:44px; border-left:1px solid #ccc; box-sizing:border-box;}
	.nav_show ol li:last-child{ border-right:1px solid #ccc; box-sizing:content-box; max-width:calc(50% - 1px);}
	.nav_show ol li:nth-of-type(even){ border-right:0px !important;}
	.nav>ul>li div ol a{ color:#fff; display:block; font-size:14px;}
	.nav>ul>li div ol a:hover{ background:#db2314; color:#fff;}
	.nav_pic{width:200px; float:left; padding:10px;overflow:hidden;}
	.nav_pic img{width:100%; object-fit:cover; display:block;}
	
	.header_r{ font-size:18px; max-width:175px;box-sizing:border-box; float:right; margin:0px; border-left:1px solid #e9e9e9; padding-left:17px; margin:15px 0px;}
	.header_r p{ font-size:16px; display:inline-block; color:#fff;line-height: 26px;}
	.header_r font{ display:block; color:#fff;}
	.header_r p a{color:#fff;}
	.dh{ display:none;}

	/*导航样式*/
	#dh{ display:none; float:right; width:20%;}
	.dh{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%; width:100%; position:relative; overflow:hidden; height:670px;}
	.banner ul{ position:absolute; z-index:-1; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; width:100%; overflow:hidden;}
	.banner ul li img{ width:100%; height:670px; 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 #db241c; opacity:0.8;}
	.banner ol li:hover{border:2px solid #db241c; 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:#db241c; border:2px solid #db241c; opacity:1;}
	
	.often{ text-align:center; margin-bottom:55px;}
	.often p:first-child{ font-size:30px; font-weight:bold; color:#333; margin-top:45px;}
	.often p:nth-of-type(2){ font-size:12px; letter-spacing:3px; color:#aaa; margin-top:15px; text-transform:uppercase;}
	
	.products{ background:#f1f1f1; overflow:hidden; padding-bottom:80px;}
	.products .often{transform: scale3d(0.1, 0.1, 0.1);}
	
	.often{ position:relative; text-align:center; margin-top:60px; margin-bottom:45px;}
	.bgsize{ color:#e9e9e9; font-size:48px;}
	.prospect{ font-size:30px; color:#202020; z-index:1; position:absolute; left:0px; right:0px; top:9px; display:flex; justify-content:center; align-items:center;}
	.prospect::after{ content:""; display:inline-block;width:23px; height:2px; margin:0px 18px; background:#db241c;}
	.prospect::before{ content:""; display:inline-block; width:23px; height:2px; margin:0px 18px; background:#db241c;}
	
	.list{ overflow:hidden; margin-bottom:50px; display:block;}
	.list span{ max-width:calc(100% / 8 - 12px); display:block; float:left; width:100%; text-align:center; line-height:41px; height:41px; border:1px solid #ccc; box-sizing:border-box; margin:0 6px; border-radius:41px; font-size:16px; color:#333; transition:all linear 0.15s; opacity:0; cursor:pointer;}
	.list span:hover{border:1px solid #db241c; background:#db241c; color:#fff;}
	#click{ background:#db241c; color:#fff;}
	
	.index_pro{ position:relative; height:381px; display:block;}
	.index_pro ul{ overflow:hidden; position:relative; height:381px;}
	.index_pro li{ width:289px; float:left; background:#fff; padding:12px 12px 0px 12px; margin-right:15px; position:absolute; box-sizing:border-box;}
	.index_max{ max-width:1200px; overflow:hidden; opacity:0;}
	.products .picture{ overflow:hidden; text-align:center; box-sizing:border-box; display:block;}
	.products .picture img{ display:block; height:225px; width:100%; object-fit:cover;}
	.products .text{ text-align:center; display:block; max-width:208px; width:100%; background:url(../images/01.png) no-repeat center; line-height:47px; color:#fff; font-size:16px; margin:32px auto; transition:all linear 0.2s; text-overflow:ellipsis; white-space:pre; overflow:hidden; padding:0 2%; box-sizing:border-box;}
	.index_pro li:hover{ background:#db241c;}
	.products li:hover .text{ background:url(../images/09.png) no-repeat center; color:#db241c;}
	.products .index_pro:nth-of-type(n+4){ display:none;}
	.proshow{ display:block !important;}
	
	.index_prol{ position:absolute; left:40%; width:37px; height:37px; border-radius:100%; background:#7f7f7f; text-align:center; line-height:37px; font-family:"宋体"; margin:auto; top:0px; bottom:0px; color:#fff; font-weight:bold; cursor:pointer; z-index:1; opacity:0;}
	.index_pror{ position:absolute; right:40%; width:37px; height:37px; border-radius:100%; background:#7f7f7f; text-align:center; line-height:37px; font-family:"宋体"; margin:auto; top:0px; bottom:0px; color:#fff; font-weight:bold; cursor:pointer; z-index:1; opacity:0;}
	.index_prol:hover,.index_pror:hover{ background:#e47671;}
	
	.about{background-image:url(../images/01.jpg); background-repeat:no-repeat; background-position: left top; overflow:hidden; background-size: auto 100%;}
	.about_r{ background:#fff; float:right; max-width:64%; width:100%; padding-top:60px; padding-left:5%; box-sizing:border-box;transform: translate3d(3000px, 0, 0);}
	.about_r .title{ background:url(../images/02.jpg) no-repeat left bottom; font-size:30px; color:#202020; padding:20px 0px 8px 0px;}
	.about_r .title::after{ content:""; display:block; height:3px; width:51px; background:#db241c; margin-top:19px;}
	.about_r .text{ font-size:16px; color:#504f4f; line-height:38px; margin-top:35px;}
	.about_r .text p{ text-indent:32px;}
	.about_r .text a{color:#db241c;}
	
	.icon{ display:flex; align-items:center; margin:60px 0px 80px 0px;}
	.icon div:first-child{ margin-left:0px;}
	.icon div:last-child{ margin-right:0px;}
	.icon div span{ width:102px; display:block; text-align:center; border:5px solid #e8e8e8; box-sizing:border-box; border-radius:100%;height:102px; display:flex; align-items:center; transition:all linear 0.2s;}
	.icon div span p{ display:none;}
	.icon div span p img{ display:none;}
	.icon div p{ text-align:center; font-size:14px; padding:13px 0px; transition:all linear 0.2s;}
	.icon div:hover span{border-color:#e01313;}
	.icon div:hover p{ color:#e01313;}
	.icon div:hover img{ display:none;}
	.icon div:hover span p{ display:block;}
	.icon div:hover span p img{ display:block;}
	
	.choose{ background:url(../images/03.jpg) no-repeat center top; overflow:hidden; padding-bottom:90px;}
	.choose .often{ margin-bottom:60px;}
	.choose .often .prospect{ color:#fff;}
	.choose .often .bgsize{ color:#a22e3b;}
	.choose .often .prospect::before{background:#fff;}
	.choose .often .prospect::after{background:#fff;}
	
	.choose .content div{ float:left; max-width:20%; width:100%; border-right:1px solid #bf777f; box-sizing:border-box; text-align:center; padding:0px 1%; transform:rotate3d(0, 1, 0, 270deg);}
	.choose .content div:last-child{border-right:0px;}
	.choose .content div ul{ list-style:disc; overflow:hidden; box-sizing:border-box; padding-left:20px;}
	.choose .content div li{ text-align:left; color:#fff; line-height:28px; font-size:14px; white-space:pre; text-overflow:ellipsis; max-width:100%; width:100%; overflow:hidden;}
	.choose .content div:hover span img{transform:rotateY(360deg); transition:all linear 0.5s;}
	
	.news{ overflow:hidden; background:#f1f1f1;}
	.news .often{ margin-bottom:70px;}
	.news_b{ display:block;}
	.news_l{ max-width:470px; float:left; background:#fff; width:100%;}
	.news_l .img{ display:block; width:100%; padding:0px; overflow:hidden; max-width:100%;}
	.news_l img{float:left; width:100%; max-height:284px; object-fit:cover;max-width:100%; transition:all linear 0.2s;}
	.news_l span{float:left; width:100%; padding:0px 5%; box-sizing:border-box;}
	.news_l .title{ font-size:16px;white-space:pre;text-overflow:ellipsis;color:#2d2d2d; margin:34px 0px 31px 0px;}
	.news_l .text{ font-size:14px; line-height:28px; color:#7d7d7d;}
	.news_l time{ width:100%; display:block; text-align:right; background:url(../images/07.png) no-repeat left center; font-size:14px; color:#7d7d7d; margin:30px 0px;}
	.news_l:hover .title{ color:#db241C;}
	.news_l:hover img{ transform:scale(1.2,1.2);}
	
	.news_r{ max-width:685px; width:100%; float:right;}
	.news_r li{background:#fff; float:left; max-width:100%; width:100%; padding:28px 52px 22px 34px; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #e4e4e4;}
	.news_r li:last-child{border-bottom:0px;}
	.news_r li div{ padding-right:15px; box-sizing:border-box; background:url(../images/08.png) no-repeat right center; overflow:hidden; transition:0.25s all linear;}
	.news_r li div p{white-space:pre; font-size:16px;text-overflow:ellipsis;color:#2d2d2d; overflow:hidden; transition:all linear 0.25s;}
	.news_r li:hover div p{ color:#db241c; padding-left:16px; box-sizing:border-box;}
	.news_r li:hover div{background:url(../images/ne_08.png) no-repeat right center;}
	
	.news_r time{ float:left; width:100%; font-size:14px; text-align:left;color:#adadad; margin-top:16px;}
	.more{ overflow:hidden; text-align:center; display:block; padding:45px 0px; width:100%;}
	.more a{text-align:center;display:block; width:159px; box-sizing:border-box; height:45px; font-size:14px; line-height:45px; font-weight:bold; color:#db241c; border:2px solid #db241c;}
	.more a:hover{ background:#db241c; color:#fff;}
	
	.serve{ background:url(../images/04.jpg) no-repeat center top; background-size:cover; overflow:hidden;}
	.serve_pic{ margin:95px auto; overflow:hidden;}
	.serve_pic div{ float:left; margin-right:19px; width:285px; height:194px; border-radius:8px; overflow:hidden; position:relative; transform: scale3d(0, 0, 0);}
	.serve_pic div:last-child{margin-right:0px;}
	.serve_a{ width:100%; overflow:hidden;}
	.serve_a img{display:block; width:100%; height:194px; object-fit:cover; transition:all linear 0.2s;}
	.serve_b{ position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.30); width:100%; height:100%; text-align:center; display:flex; align-items:center; flex-wrap:wrap; z-index:1; align-content:center;}
	.serve_b a{ width:100%; display:inline-block; color:#fff; margin-bottom:10px;}
	.serve_b img{ display:block;}
	.serve_b a:first-child p{ width:100%; display:inline-block; color:#fff; margin-bottom:10px;}
	.serve_b a:nth-of-type(2) p{ font-size:14px;}
	.serve_b a:nth-of-type(3) p{ font-size:18px;}
	.serve_b hr{ width:29px; height:1px; border:0px; background:#fff; margin-top:6px;}
	
	.serve_pic div:hover .serve_a img{ transform:scale(1.2,1.2);}
	
	.footer{ background:#2a2a2a; overflow:hidden; padding:55px 0px 64px 0px;}
	.footer_l{ max-width:800px; float:left; width:100%; border-right:1px solid #353535; display:flex; box-sizing:border-box;}
	.footer_r{ max-width:400px; float:left; padding-left:6%; box-sizing:border-box;}
	.footer_l div{ float:left; padding:0 4.5%; width:auto; background:url(../images/06.jpg) no-repeat right top; background-size:auto 100%;}
	.footer_l div:first-child{padding-left:0px;}
	.footer_l div:last-child{ background:none; padding-right:75px;}
	.footer_l div p{ font-size:14px; margin-bottom:34px; font-weight:bold; color:#fff;}
	.footer_l div a{ display:block;color:#999; font-size:12px; line-height:26px;}
	.footer_l div a:hover{ color:#db2314;}
	.records{font-size:14px; text-align:center; color:#666; padding:23px 0px;}
	.records a{font-size:14px; color:#666; padding:23px 0px;}
	
	.footer_r div{ float:left; color:#cecece;}
	.footer_r div:nth-of-type(2){padding-left:35px; box-sizing:border-box; width:calc(100% - 100px);}
	.tel{ font-size:26px;}
	.tel p:nth-of-type(1){ font-size:14px;}
	.tel p:nth-of-type(2){ line-height:36px;}
	.tel p:nth-of-type(3){ line-height:36px;}
	.mail{font-size:14px; line-height:24px; margin-top:24px;}
	.address{font-size:14px; line-height:20px;}
	
	
	/*新闻页面*/
	
	.news_list{overflow:hidden; background:#f5f5f5;}
	.news_list li{ margin:2% 0px; overflow:hidden; background:#f5f5f5;}
	.news_list_img{ float:left; max-width:360px; height:220px;}
	.news_list_img img{ width:100%; height:100%; object-fit:cover;}
	.news_list_text{ max-width:calc(100% - 380px); height:220px; padding:20px 0px 20px 50px; box-sizing:border-box; float:left;}
	.news_list_text .news_title{  font-size:20px; font-weight:bold; color:#222; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news_list_text time{ font-size:14px; display:block; margin:10px 0px; color:#999;}
	.news_list_text .news_text{ line-height:24px; height:72px; font-size:14px;color:#666;}
	.news_list_text .news_more{ background:#202020; margin-top:10px; color:#fff; width:120px; height:40px; line-height:40px; float:left; text-align:center;}
	.news_list_text .news_more:hover{ background:#f00;}
	.news_list li:hover{ background:#fff;}
	
	.page_list{ float:left; width:100%; text-align:center; margin-bottom:2%;}
	.page_list a{ font-size:16px; margin:0 1%; color:#333;}
	.page_list a:first-child{ display:none;}
	.page_list a:hover{ color:#f00;}
	
	.page_news{ background:#f1f1f1; overflow:hidden;}
	.page_odd{ background:#fff; padding:2%; box-sizing:border-box; margin:40px auto; border-radius:5px;}
	.pro_list{ overflow:hidden; background:#f1f1f1; padding-top:30px;}
	.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 span{ max-width:100%; display:block; overflow:hidden;}
	.pro_list li span img{ height:235px; object-fit:cover; width:100%;transition:all linear 0.3s;}
	.pro_list li p:nth-of-type(1){ overflow:hidden; 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{padding:20px 0px; background:#f1f1f1;}
	.pro_title{ font-size:26px; color:#333; text-align:center;}
	.page_odd time{ display:block; width:100%; margin:1% 0px; color:#999; text-align:center;}
	.page_content{ overflow:hidden;}
	.page_content img{height: auto !important;}
	.page_content p{ line-height:30px; color:#333;}
	.page_next{ margin:15px 0px; overflow:hidden; width:100%;}
	.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:#f08200; 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;}
	
	.second{ width:100%; max-width:100%; text-align:left;border-bottom:3px solid #f4f4f4; background:#fff;}
	.second li{ display:inline-block; margin-right:1%; line-height:54px; border-bottom:2px solid #fff;}
	.second a{color:#444; font-size:16px; display:block;}
	.second a:nth-last-of-type(1){margin-right:0%;}
	.second li:hover{ border-bottom:2px solid #db2314;}
	#fl_select a{border-bottom:2px solid #db2314;color:#db2314; font-weight:bold;}
	.second a:hover{color:#db2314; font-weight:bold;}
	.pro_img{ text-align:center; max-width:100%; float:left; width:100%; margin-bottom:20px;}
	.pro_img img{ max-height:450px;}
	.page_pro_text .pro_img{ max-width:35%; margin-right:20px; margin-bottom:20px;}
	.page_pro_text .pro_img img{ max-height:400px;}
	.pro_intro .pro_title{ text-align:left; margin-bottom:20px;}
	.page_about{ margin-bottom:20px;}
	
	
	.page_pro_text{ overflow:hidden;}
	.page_text_l{ float:left; max-width:45%; width:100%; text-align:center; overflow:hidden;}
	.page_text_l img{ height:420px; object-fit:cover; width:100%; display:block;}
	.page_text_r{ float:right; max-width:50%; width:100%;}
	.page_text_r div{ margin-bottom:20px; color:#333; display:block; width:100%; overflow:hidden;}
	.page_text_r div:last-child{ margin-bottom:0px;}
	.page_text_r div .name{ float:left;font-weight:bold; max-width:100px; font-size:16px;}
	.page_text_r div .intor{ float:left; max-width:calc(100% - 100px); width:100%;}
	.page_text_r .title{font-weight:bold; color:#db2314; display:flex; align-items:center;}
	.page_text_r .title *{ margin:0px;}
	.page_text_r .text{ line-height:28px; overflow:hidden;}
	.page_text_r .text1{margin-bottom:0px;}
	
	.page_text_r .url a{ max-width:157px; width:100%; color:#fff; text-align:center; line-height:38px; display:inline-block; background:#db2314; transition:all linear 0.2s;}
	.page_text_r .url a:nth-of-type(2){ background:#2a2a2a; margin-left:35px;}
	.page_text_r .url a:hover{background:#000;}
	.page_text_r .url a:nth-of-type(2):hover{ background:#db2314;}
	.page_text_r .url{ margin-bottom:0px;}
	
	.page_pro_content{ overflow:hidden; width:100%; display:block; margin-top:30px;}
	.page_pro_content .title{background:#f1f1f1;}
	.page_pro_content .title span{ display:inline-block; font-size:18px; color:#fff; padding:10px 15px; text-align:center; max-width:155px; box-sizing:border-box; width:100%; background:#db2314;}
	
	.page_pro_content .text{ margin-top:20px; line-height:30px; font-size:20px; font-weight:bold; color:#db2314;}
	

	/*返回顶部*/
	.top{ width:50px; height:50px; line-height:50px; background:#393292; background:rgba(219,36,28,0.50); color:#fff; position:fixed; text-align:center; bottom:25%; cursor:pointer; display:none;font-weight:bold; font-size:30px; right:1%; z-index:3;}
	.top:hover{background:rgba(219,36,28,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;
	}