@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%;}
	.picture img{ display:block; margin:0px auto;}
	
	/*头部样式*/
	.max{ max-width:1200px;}
	header.header{ border-bottom:3px solid #15499a;width:100%; display:block; float:left; background:linear-gradient(to right,#fff 50%, #15499a 50%);}
	.head_b{ display:flex;}
	.header .logo{ float:left; margin-left:0px; max-width:30%; padding:40px 0px; overflow:hidden;}
	.header .logo img{ display:block;}
	.head_r{ max-width:70%; float:right; width:100%; background:url(../images/head_01.jpg) no-repeat left top #15499a; background-size:auto 100%; padding-left:30px; box-sizing:border-box; padding-top:25px;}
	.head_r .content div{ float:left; color:#fff; line-height:36px;}
	.head_r .content div.title{ font-size:22px; font-weight:bold; padding-left:20px; box-sizing:border-box;}
	.head_r .content div.tel{ margin-left:28px; font-size:18px; font-weight:bold; float:right;}
	.head_r .content div.tel .picture{ float:left;}
	.head_r .content div.tel .text{ float:left; margin-left:15px;}
	
	/*导航样式*/
	nav{max-width:100%; width:100%; float:right; margin-top:18px;}
	.nav{ display:block; width:100%;}
	.nav .nav_column{ position:relative; max-width:calc(100% / 7); width:100%; float:left; text-align:center; z-index:1;}
	.nav .nav_column>a{ font-size:16px; color:#fff;display:inline-block; padding:25px 0px; display:inline-block; transition:all linear 0.25s; position:relative;}
	.nav .nav_column>a::after{ content:""; height:4px; width:100%; background:transparent; position:absolute; bottom:-3px; left:0px;}
	.nav .nav_column>a:hover::after{background:#f08519;}
	
	#nav_select a::after{background:#f08519;}
	#dh{ display:none; float:right; width:20%;}
	.dh{text-align:center;max-width:64px; background:none; font-size:36px; max-height:64px; width:100%; height:150px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:550px;}
	.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(0,50,126,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:698px; width:100%; object-fit:cover;}
	
	.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
	.lef_rig span{ opacity:0.5; cursor:pointer;top:calc(50% - 50px); position:absolute;  z-index:2; font-size:50px;text-align:center; color:rgba(0,50,126,1.00);}
	.lef_rig span:first-child{ transform:rotate(180deg);left:1%; }
	.lef_rig span:nth-child(2){right:1%;}
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	.banner:hover .lef_rig{ opacity:1;}
	#dot{ background:rgba(0,50,126,1.00); border:2px solid rgba(0,50,126,1.00); opacity:1;}
	
	.often{text-align:center; margin:42px auto; display:block; overflow:hidden;}
	.often .title{ font-size:32px; color:#333; font-weight:bold;}
	.often .text{ font-size:14px; color:#666; margin-top:11px;}

	.recommend{ float:left; width:100%; border-bottom:3px solid #15499a; margin-top:-9px; position:relative; z-index:1;}
	.recom_l{ float:left; max-width:67.5%; width:100%; background:url(../images/recom_01.jpg) left top; padding:24px 0px;}
	.recom_l .title{ background:#f08519; float:left; max-width:142px; width:100%; text-align:center; font-size:18px; font-weight:bold; color:#fff; margin-left:-25px; padding:7.5px 0px; box-shadow:7px 5px 5px rgba(0,50,126,0.30);}
	.recom_l .content{ float:left; padding:10px 0px 10px 1%; box-sizing:border-box;}
	.recom_l a{ font-size:14px; float:left; color:#fff; margin:0px 6px;}
	.recom_r{ max-width:30.5%; width:100%; float:right; margin-top:9px; padding-top:19px;}
	.recom_r input{ float:left;line-height:40px; height:40px; box-sizing:border-box; padding:0px;width:100%; outline:none;}
	.recom_r input[type=text]{ max-width:85%; border:1px solid #e5e5e5; padding-left:2%;}
	.recom_r input[type=submit]{ max-width:15%; background:#15499a; color:#fff; border:0px; font-size:20px; cursor:pointer;}


	section.products{ display:block; width:100%; overflow:hidden; padding-bottom:50px;}
	.pro_l{ float:left; max-width:22%; width:100%;}
	.pro_l_title{background:url(../images/pro_01.jpg) no-repeat 0px 5px , #15499a; background-size:cover; color:#fff; font-size:28px; text-align:center; padding:35px 0px;}
	.pro_l_title .title{ font-size:24px; color:#fff;}
	.pro_l_title .text{ font-family:arial; color:rgba(255,255,255,0.50); font-size:12px; margin-top:6px;}
	.pro_l ul{ background:#f0f0f0; display:block; overflow:hidden; width:100%; box-sizing:border-box; padding:5px 30px 22px 30px;}
	
	.pro_l li{float:left; width:100%; background:#f0f0f0; color:#fff; font-size:16px; padding:17px 0px; box-sizing:border-box; border-bottom:1px dashed #c6c6c6;}
	.pro_l li .title{float:left; max-width:calc(100% - 30px); text-overflow:ellipsis; white-space:pre; width:100%; overflow:hidden; font-size:16px; color:#333;}
	
	.pro_l li .text{float:right; width:15px; height:15px; border-radius:100%; background:#d2d2d2; overflow:hidden; font-size:12px; font-family:"仿宋"; text-align:center; color:#fff; font-weight:bold; transition:all linear 0.25s;}
	.pro_l li:hover .title{ color:#f08519;}
	.pro_l li:hover .text{ background:#f08519; transform:translateX(-15px);}

#fl_select .title{ color:#15499a;}
#fl_select .text{ background:#f08519; transform:translateX(-15px);}

	.pro_r{ max-width:76%; width:100%; float:right;}
	.pro_r ul{ float:left; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
	.pro_r ul li{ max-width:33.3%; width:100%; float:left; border:1px solid #dcdcdc; border-top:0px; border-left:0px; background:#fff; padding:6px; box-sizing:border-box;}
	.pro_r ul li .picture img{ height:220px; object-fit:cover; width:100%;}
	.pro_r ul li .more{ font-size:16px; color:#15499a; display:block; text-align:center; margin-top:9px;}
	.pro_r ul li .title{ float:left; width:100%; overflow:hidden; text-align:center; font-size:16px; margin-top:4px; margin-bottom:9px; white-space:pre; text-overflow:ellipsis;}
	.pro_r ul li:hover .title::after{ color:#ff9900;}
	.pro_r ul li:hover{ background:#f08519}
	.pro_r ul li:hover .title{ color:#fff}

	section.about{ background:url(../images/ab_01.jpg) no-repeat top center; background-size:cover; overflow:hidden; padding:50px 0px;}
	.about_l{ float:left; max-width:50%; font-size:14px; color:#fff;}
	.about_l .picture{ float:left; text-align:left; width:100%;}
	.about_l .picture img{ float:left;}
	.about_l .title{ font-size:24px; color:#f08519; margin-top:33px; float:left; width:100%;}
	.about_l .text{ margin-top:32px; color:#fff; float:left; width:100%; font-size:14px; line-height:32px;}
	.about_l .text p{ text-indent:28px;}
	.about_l ul{ float:left; width:100%; margin-top:22px;}
	.about_l li{ float:left; width:160px; background:#012257; text-align:center; margin-right:20px; padding:8px 0px 8px 20px; box-sizing:border-box; border-radius:5px; display:flex; align-items:center;}
	.about_l li .icon{float:left; margin:0px;}
	.about_l li .icon img{float:left;}
	.about_l li .intro{ font-size:18px; float:left; margin:0px; margin-left:11px; transition:all linear 0.25s;}
	.about_l li:nth-of-type(3n){margin-right:0px;}
	.about_l .more{ margin-top:26px; float:left; width:132px; background:#f08519; color:#fff; height:38px; line-height:38px; text-align:center; border-radius:5px; font-size:14px;}
	.about_l li:hover .intro{ transform:translateX(5px);}

	.about_r{ max-width:46.6%; float:right; width:100%;}
	.about_r .title{ font-size:24px; color:#fff; float:left; width:100%;}
	.about_r .title span{ font-size:16px; color:#fff;}
	.about_r .title .more{ float:right; font-size:14px; color:#fff; line-height:31px;}
	.about_r .content{ float:left; width:100%;}
	.about_r .picture{ margin-top:10px; float:left; width:100%; overflow:hidden;}
	.about_r .picture ul{ width:9999px; position:relative; height:350px;}
	.about_r .picture li{width:559px; height:350px; object-fit:cover; float:left;}
	.about_r .picture li img{width:100%; height:350px; object-fit:cover;}
	
	section.area{ background:url(../images/ar_01.jpg) no-repeat top center; max-width:1400px; background-size:cover; overflow:hidden; padding:48px 0px; margin-top:-27px;}
	.area_b{ padding:32px 0px; background:linear-gradient( to right, transparent 5%, #fff 5%); overflow:hidden; display:block; box-sizing:border-box;}
	.area_l{ max-width:142px; width:100%; float:left;}
	.area_l .content{ background:#15499a; float:left; width:100%; color:#fff; text-align:center; padding:10px 0px; margin-top:42px;}
	.area_l .content .title{ font-size:24px; color:#fff;}
	.area_l .content .text{ font-size:12px; color:#f08519; margin-top:3px;}
	.area_l .more{ float:left; background:#f08519; width:100%; color:#fff; text-align:center; margin-top:95px; padding:5.5px 0px; font-size:14px;}
	.area_r{ max-width:calc(100% - 170px); width:100%; float:right; overflow:hidden;}
	.area_r ul{ position:relative; width:9999px; height:240px;}
	.area_r li{width:238px; float:left; margin-right:20px;}
	.area_r li .picture img{ height:186px; width:100%; object-fit:cover; float:left;}
	.area_r li .title{width:100%; float:left; background:#f2f3f2; text-align:center; color:#333; padding:16.5px 0px;white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.area_r li:hover .title{background:#f08519;color:#15499a;}

	section.news{ display:block; overflow:hidden; width:100%; padding-bottom:70px;}
	.news_b{ overflow:hidden;}
	.news_b ul{ position:relative; height:315px; width:9999px;}
	.news_b li{ width:285px; float:left; margin-right:20px; box-sizing:border-box; border:1px solid #dcdcdc;}
	.news_b li .picture{ overflow:hidden; float:left; width:100%;}
	.news_b li .picture img{ float:left; width:100%; height:150px; object-fit:none; transition:all linear 0.25s;}
	.news_b li:nth-of-type(4n){margin-right:0px;}
	.news_b .news_li{ position:relative; float:left; width:100%; padding:8px 8px 34px 8px; box-sizing:border-box;}
	.news_b .news_li .title{ font-size:16px; color:#484848; text-align:center; float:left; width:100%; margin-top:22px;white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news_b .news_li .text{ font-size:12px; color:#666; line-height:22px; max-height:44px; height:44px; text-align:center; float:left; width:100%; margin-top:14px;}
	.news_b .news_li .more{ position:absolute; background:#15499a; height:35px; width:35px; font-size:24px; color:#fff; text-align:center; border-radius:100%; margin:auto; left:0px; right:0px; bottom:-17px;}
	.news_b li:hover .picture img{ transform:scale(1.2)}
	.news_b li:hover .title{ color:#15499a;}
	

	section.contact{ background:url(../images/cont_01.jpg) no-repeat top center; background-size:cover; overflow:hidden;}
	.conta_b{ padding-top:45px;}
	.conta_l{ float:left; max-width:50%; overflow:hidden; width:100%; position:relative;}
	.conta_b .picture{ float:left;}
	.conta_b .code{ position:absolute; left:0px; bottom:15px; border:5px solid rgba(0,0,0,0.50)}
	.conta_b .code img{ float:left;}
	.conta_r{ float:right; background:rgba(255,255,255,0.70); max-width:35%; width:100%; border-radius:4px; padding:24px 0px 46px 4%; box-sizing:border-box;}
	.conta_r .title{ font-size:30px; color:#f08519; float:left; width:100%;}
	.conta_r .text{ font-size:18px; color:#f08519; margin-top:4px; float:left; width:100%;}
	.conta_r .content{ font-size:14px; line-height:36px; margin-top:20px; color:#000; float:left; width:100%;}


	section.url{ overflow:hidden; padding:22px 0px; display:block; width:100%;}
	.url .title{ float:left; padding-right:16px; margin-right:16px;max-width:90px; width:100%; box-sizing:border-box; border-right:1px solid rgba(0,50,126,0.08); font-weight:bold;}
	.url .title .CH{ font-size:18px; color:#333;}
	.url .title .EN{ color:#15499a; font-size:16px;}
	.url .content{ float:left; max-width:calc(100% - 106px); width:100%;}
	.url .content a{font-size:14px;  color:#333; margin-right:1%; margin-top:14px; float:left;}
	
	footer.footer{ background:#121212; overflow:hidden; display:block; padding:14px 0px;}
	.footer{ color:rgba(255,255,255,0.50); text-align:center; font-size:14px;}
	.footer *{ color:rgba(255,255,255,0.50);}
	.footer div{ padding:11px 0px;}
	


	/*新闻页面*/
	.page_ban .banner li img{ height:550px;}
	.page_address{ display:block;color:#707070; color:#666; font-size:14px; padding:21px 0px; overflow:hidden; border-bottom:1px dashed #d8d8d8;}
	.page_address *{ font-size:14px; color:#666; display:inline-block;}
	.page_address div{padding-left:10px; border-left:8px solid #15499a; float:left;}
	
	section.page{ display:block; overflow:hidden; margin-top:42px;}
	.page_l{ max-width:21%; float:left; width:100%;}
	.page_l .pro_l{ max-width:100%; float:left; width:100%;}
	
	.page_contact{ position:relative; padding-bottom:88px; background:#ececeb; float:left; width:100%; margin-top:28px;}
	.page_contact .picture img{ height:180px; width:100%; object-fit:cover;}
	.page_contact .content{ position:absolute; background:#15499a; max-width:calc(100% - 20px); margin:0px 10px; width:100%; bottom:10px; padding:16px 0px 12px 0px;}
	.page_contact .content .title{font-size:14px; color:#fff; display:flex; align-items:center; justify-content:center;}
	.page_contact .content .title img{ margin:0px;}
	.page_contact .content .title span{ margin:0px; margin-left:10px;}
	.page_contact .content .tel{font-size:28px; color:#fff; text-align:center; margin-top:5px; font-weight:bold;}
	
	.page_r{ max-width:75%; float:right; width:100%; padding-bottom:46px;}
	.page_r .page_column{ font-size:22px; color:#333; float:left; position:relative; width:100%; overflow:hidden;}
	.page_r .page_column span{ border-bottom:2px solid #15499a; float:left; padding-bottom:7px;}
	.page_r .page_column::after{ content:""; float:left; width:100%; background:#ececeb; height:2px; position:absolute; bottom:0px;}
	.page_news{ margin-top:10px; float:left; width:100%; overflow:hidden;}
	.page_news li{ margin-top:20px; float:left; width:100%; overflow:hidden; border:1px solid #ececeb; padding:16px 18px; box-sizing:border-box;}
	.page_news li .picture{ float:left; max-width:29%; width:100%;}
	.page_news li .picture img{width:100%; height:214px; object-fit:cover;}
	.page_news li .content{ float:left; max-width:63%; width:100%; margin-left:4%;}
	.page_news li .content .title{ font-size:18px; font-weight:bold; color:#111; margin-top:12px; float:left; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:pre;}
	.page_news li .content .text{ font-size:14px; line-height:28px; color:#555; margin-top:27px; max-height:84px; height:84px; overflow:hidden; float:left; width:100%;}
	.page_news li .content .more{ font-size:14px;color:#333; float:right; width:115px; height:37px; line-height:37px; border:1px solid #ececeb; box-sizing:border-box; text-align:center; margin-top:20px;}
	.page_news li:hover .content .more{ color:#fff; background:#15499a; border-color:#15499a;}
	.page_news li:hover .title{color:#15499a;}
	
	.page_list{ margin-top:45px; float:left; width:100%; text-align:center;}
	.page_list a{ font-size:14px; color:#555; display:inline-block; padding:0px 2px;}
	.page_list a:hover{color:#15499a;}
	.page_r .page_pro li{ float:left; max-width:calc(100% / 3 - 14px); margin-top:23px; margin-right:20px; overflow:hidden; border:1px solid #ececeb; box-sizing:border-box;}
	.page_r .page_pro li:nth-of-type(3n){margin-right:0px;}
	.page_r .page_pro li .picture{ float:left; width:100%; overflow:hidden;}
	.page_r .page_pro li .picture img{ height:216px; float:left; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.page_r .page_pro li .title{ font-size:16px; color:#333; text-align:center; float:left; width:100%; padding:18px 2%; white-space:pre; text-overflow:ellipsis; box-sizing:border-box; overflow:hidden;}
	.page_r .page_pro li:hover .picture img{ transform:scale(1.1);}
	.page_r .page_pro li:hover .title{ color:#15499a;}
	.page_odd .page_column{ font-size:20px;}
	.page_odd .page_intor{ margin-top:35px; float:left; width:100%; overflow:hidden;}
	.page_odd .page_intor .title{ text-align:center; font-size:20px; margin-top:10px;}
	.page_odd .page_intor time{ text-align:center; display:block; margin-top:25px; font-size:14px; color:rgba(0,0,0,0.40);}
	.page_odd .page_intor .picture{ text-align:center; display:block; margin-top:25px;}
	.page_odd .page_intor .content{margin-top:25px;}
	.page_odd .page_intor .content p{ line-height:32px;}


	/*返回顶部*/
	.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(0,50,126,0.50); right:1%; font-size:60px; display:none;}
	.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(0,50,126,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; font-family:"微软雅黑";}
	.sj_footer img{ max-width:20%;}

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