@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ display:block; max-width:100%;}
	.picture img{ display:inline-block; max-width:100%;}
	
	/*头部样式*/
	.max{ max-width:1200px;}
	header.head_line{ float:left; width:100%; overflow:hidden;}
	.head_line{overflow:hidden; padding:12.5px 0px; background:#f7f7f7;}
	.head_line .max *{ float:left; font-size:14px; color:#999;}
	.head_line .text{ float:right;}
	.head_line .text a::after{content:"|"; padding:0px 5px;}
	.head_line .text a:last-child::after{ display:none;}
	
	header.header{overflow:hidden; width:100%; padding:22px 0px;}
	.header .logo{ float:left; max-width:24%; width:100%;}
	.header .logo img{ display:block; float:left;}
	.header .tel{ margin-right:0px;}
	.header .tel .title{ font-size:14px; color:#333; background:url(../images/01.png) no-repeat left center; padding-left:30px;}
	.header .tel span p{ text-align:left; font-family:"Impact";font-size:30px; letter-spacing:3px; margin-left:125px; color:#e4791f;}

	/*导航样式*/
	nav{max-width:65.5%; width:100%; float:right;}
	.nav{overflow:hidden; float:left; width:100%;}
	.nav li{ position:relative; max-width:calc(100% / 8); width:100%; float:left; text-align:center; text-align:center; margin-top:20px;}
	.nav li a{ font-size:16px; float:left; width:100%; color:#333; text-align:center; overflow:hidden; position:relative; padding:7px 0px;}
	.nav li:hover a{ background:#032e6d; color:#fff;}
	#nav_select a{background:#032e6d; color:#fff;}
	
	#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:600px;}
	.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(1,45,120,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:660px; 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(1,45,120,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(1,45,120,1.00); border:2px solid rgba(1,45,120,1.00); opacity:1;}
	
	.often{ overflow:hidden; display:block; text-align:center; font-size:26px; font-weight:bold; margin:64px auto;}
	.often .title{ float:left; overflow:hidden; width:100%; color:#333; background:url(../images/ot_01.png) no-repeat center;}
	.often .text{ color:#0193dc; float:left; width:100%; overflow:hidden; margin-top:10px;}
	
	.pro_title{ text-align:center; overflow:hidden; padding:55px 0px 40px 0px;}
	.pro_title .title{ color:#565455; font-size:36px; color:#000; display:block;width:100%; overflow:hidden; text-align:center;}
	.pro_title .title::after{ content:""; display:block; margin:5px auto 0px auto; width:80px; height:2px; background:#012d78;}
	.pro_title .text{ color:#888; font-size:24px; color:#b3b3b3; margin-top:2px; display:block; width:100%; overflow:hidden; text-align:center;}
	
	
	section.products{ overflow:hidden; display:block; width:100%; padding-bottom:74px;}
	.products .column{ display:flex; justify-content:center;}
	.products .column a{ float:left; max-width:180px; width:100%; border:1px solid #999; text-align:center; padding:11px 0px; margin:0px 8px; cursor:pointer; font-size:18px; color:#333;}
	.products .column a:hover{ border-color:#012d78; color:#012d78;}
	.pro_b{ display:block; overflow:hidden; width:100%;}
	.products ul{ display:block; overflow:hidden; width:9999px;}
	.products ul li{ float:left; width:386px; margin-right:21px; position:relative; padding-bottom:56px; transition:all linear 0.25s; height:320px; box-sizing:border-box;}
	.products ul li .content{ width:100%; font-size:18px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; padding:13.5px 2%; box-sizing:border-box;  transition:all linear 0.5s; max-height:56px; height:100%; position:absolute; bottom:0px; align-content:center;}
	.products ul li .content span{ font-size:18px; color:#333; padding:0px; width:100%; box-sizing:border-box; text-align:center; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.products ul li .content .icon{ opacity:0; display:none;}
	.products ul li .content .title{ font-size:22px; color:#333; float:left; width:100%; box-sizing:border-box; text-align:center; white-space:pre; text-overflow:ellipsis; overflow:hidden; transition:all linear 0.25s;}
	.products ul li .picture{ float:left; width:100%; overflow:hidden;}
	.products ul li .picture img{ float:left; height:264px; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.products ul li:hover{ padding-bottom:0px;}
	.products ul li:hover .content{ max-height:999px; transition-delay:0.25s; background:rgba(0,0,0,0.6);}
	.products ul li:hover .content .title{ color:#fff; transition-delay:0.15s; margin-top:8px;}
	.products ul li:hover .content .icon{ opacity:1; display:block; font-size:24px; color:#fff;}
	.products ul li:hover .picture img{ height:320px;}


	section.hotPro{ background:url(../images/pro_01.jpg) no-repeat center; display:block; overflow:hidden; width:100%; padding-bottom:65px;}
	.hotPro ul{ display:block; overflow:hidden; width:100%;}
	.hotPro li{ float:left; max-width:calc(25% - 15px); margin:20px 20px 0px 0px; width:100%; border:2px solid #ebebeb; box-sizing:border-box;}
	.hotPro li:nth-of-type(4n){ margin-right:0px;}
	.hotPro li:nth-of-type(-n+4){ margin-top:0px;}
	.hotPro li .picture{ float:left; width:100%; overflow:hidden; position:relative;}
	.hotPro li .picture::after{content:""; position:absolute; width:140%; height:40px; top:20%; transform-origin: bottom; right:0px; background:rgba(255,255,255,0.8); transform:rotate(300deg) translateY(300px); opacity:0;}
	.hotPro li .picture img{ float:left; height:240px; width:100%; object-fit:cover;}
	.hotPro li .title{ text-align:center; float:left; width:100%; overflow:hidden; padding:24px 0px; font-size:16px; color:#012d78; font-weight:bold; background:#fff;}
	.hotPro li:hover{ border-color:#f27023;}
	.hotPro li:hover .title{ background:#f27023; color:#fff;}
	.hotPro li:hover .picture::after{transform:rotate(300deg) translateY(-300px); transition:all linear 0.5s; opacity:1;}
	.often_more{ display:block; max-width:136px;background:#012d78; text-align:center; color:#fff; margin-top:64px; overflow:hidden; position:relative; transition:all linear 0.25s;}
	.often_more .title{ float:left; padding:10px 0px; max-width:92px; width:100%; font-size:14px;}
	.often_more .icon{ background:url(../images/mo_01.png) no-repeat left center; background-size:100% 100%; float:right; padding:10px 2%; max-width:50px; width:100%; position:absolute; right:0px; top:0px; transition:all linear 0.25s; box-sizing:border-box; overflow:hidden;}
	.often_more:hover .icon{ background-position:0px 3px; font-size:18px;}
	.often_more:hover{ border-top-left-radius:15px;}

	section.realm{ background:url(../images/rea_01.jpg) no-repeat center top;display:block; overflow:hidden; width:100%; padding-bottom:60px;}
	.realm_column{ text-align:center; color:#fff;}
	.realm_column .title{ font-size:30px; font-weight:bold; color:#fff; margin-top:52px;}
	.realm_column .text{ font-size:14px; font-weight:bold; color:#fff; margin-top:18px;}
	.realm_column .intro{ font-size:16px; color:#fff; margin-top:15px;}
	.realm_column::after{ content:""; display:block; width:60px; height:3px; background:#fff; margin:24px auto 0px auto;}

	.realm_b{ display:block;overflow:hidden; width:100%; margin-top:45px;}
	.realm ul{ width:9999px; float:left; overflow:hidden;}
	.realm ul li{ width:175px; float:left; overflow:hidden; padding:15px 12px;}
	.realm ul li .picture{ float:left;width:100%; object-fit:cover;border:7px solid #fff;box-shadow:0px 0px 20px rgba(4,0,0,0.3); border-radius:100%;box-sizing:border-box; overflow:hidden; }
	.realm ul li .picture img{ height:161px; width:100%; object-fit:cover; float:left; transition:all linear 0.25s;}
	.realm ul li .title{float:left; width:100%; text-align:center; font-size:17px; color:#333; margin-top:18px;}
	.realm ul li:hover .picture{box-shadow:0px 0px 20px rgba(242,112,35,0.5);}
	.realm ul li:hover .title{ color:#012d78;}
	.realm ul li:hover .picture img{ transform:scale(1.1);}

	section.about{ background:url(../images/ab_01.jpg) no-repeat center top; background-size:cover; float:left; width:100%; overflow:hidden; padding-bottom:46px;}
	.about .often *{ color:#fff;}
	.about .often .title{ background:url(../images/ot_02.png) no-repeat center;}
	.about_b{ display:block; width:100%; overflow:hidden;}
	.about_b .about_l{ float:left; max-width:46.5%; width:100%; border:3px solid #fff; box-sizing:border-box;}
	.about_b .about_r{ float:right; max-width:49%; width:100%;}
	.about_b .about_r .title{ margin: 14px 0px;float:left; width:100%; color:#fff; overflow:hidden; font-size:26px; color:#fff; font-weight:bold;}
	.about_b .about_r .content{ float:left; width:100%; font-size:16px; line-height:33px; color:#fff; overflow:hidden;}
	.about_b .about_r .content p{ text-indent:32px;line-height: 38px;}
	.about .often_more{ background:#fff; color:#333;}
	.about .often_more .icon{color:#fff;}

	.show{ display:block; overflow:hidden; width:100%;}
	.show .often{ margin-bottom:50px;}
	.show_b{ display:block; overflow:hidden; width:100%;}
	.show .column{ display:block; width:100%; overflow:hidden; display:flex; justify-content:center;}
	.show .column span{ float:left; padding:10px 36px; background:#012d78; margin:0px 20px; font-size:16px; color:#fff; cursor:pointer;}
	.show_b{ margin-top:64px; display:block; overflow:hidden; width:100%;}
	.show_b ul{float:left; width:9999px; overflow:hidden;}
	.show_b ul:nth-of-type(n+2){ display:none;}
	.show_b li{float:left; width:285px; margin-right:20px;}
	.show_b li .picture{ padding:5px; box-sizing:border-box; border:1px solid #e5e5e5; float:left; width:100%; overflow:hidden;}
	.show_b li .picture img{float:left; width:100%; height:204px; object-fit:cover;transition:all linear 0.25s;}
	.show_b li .title{float:left; width:100%; text-align:center; margin-top:20px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	#show{ background:#f27023;}
	.show_b li:hover .title{ color:#f27023;}
	.show_b li:hover .picture img{ transform:scale(1.1);}

	section.news{ overflow:hidden; float:left; display:block; width:100%; background:#eee; padding-bottom:78px; margin-top:50px;}
	.news .news_b{ display:block; margin-top:5px; overflow:hidden; width:100%;}
	.news_b .news_l{ float:left; max-width:42%; width:100%; position:relative;}
	.news_b .news_l .picture{ float:left; width:100%; overflow:hidden;}
	.news_b .news_l .picture img{ float:left; width:100%; height:324px; object-fit:cover; transition:all linear 0.25s;}
	.news_b .news_l .label{background:#f27023; font-size:14px; color:#fff; position:absolute; left:0px; top:0px; letter-spacing:4px; padding:8px 4px; transform:rotate(90deg) translateY(-100%); transform-origin:top left; font-weight:bold; z-index:9;}
	.news_b .news_l .content{background:#fff; float:left; width:100%; overflow:hidden; padding:38px 5.5% 26px 5.5%; box-sizing:border-box;}
	.news_b .news_l .content .title{ font-size:16px; color:#012d78; font-weight:bold; float:left; width:100%; text-overflow:ellipsis; overflow:hidden; transition:all linear 0.25s; white-space:pre;}
	.news_b .news_l .content .text{ font-size:14px; color:#666; line-height:24px; max-height:48px; height:48px; overflow:hidden; width:100%; margin-top:18px; float:left;}
	.news_b .news_l .content .time{ font-size:12px; color:#999; background:url(../images/ne_01.png) no-repeat left center; padding:2px 26px; box-sizing:border-box; float:left; margin-top:20px;}
	
	.news_b .news_r{ float:right; max-width:55%; width:100%;}
	.news_b .news_r li{ float:left; width:100%; position:relative; padding:8px; box-sizing:border-box; border-bottom:1px solid #eee; background:#fff;}
	.news_b .news_r li .picture{width:100%; max-width:25%; float:left; overflow:hidden;}
	.news_b .news_r li .picture img{width:100%; float:left; height:112px; overflow:hidden; object-fit:cover; transition:all linear 0.25s;}
	.news_b .news_r li .content{ float:right; max-width:70%; width:100%; overflow:hidden; margin-right:2%;}
	.news_b .news_r li .content .title{ font-size:16px; color:#012d78; font-weight:bold; float:left; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:pre; margin-top:8px; transition:all linear 0.25s;}
	.news_b .news_r li .content .text{ font-size:14px; color:#666; line-height:20px; float:left; width:100%; overflow:hidden; max-height:40px; height:40px; margin-top:10px; text-align:justify;}
	.news_b .news_r li .content .more{float:left; width:100%; overflow:hidden; margin-top:10px;}
	.news_b .news_r li .content .more .time{ float:left; font-size:12px; color:#999; overflow:hidden;}
	.news_b .news_r li .content .more .icon{ float:right; font-size:16px; font-weight:bold; color:#999; overflow:hidden; transform:rotate(90deg);}
	.news_b .news_l:hover .content .title{ color:#f27023; text-indent:16px;}
	.news_b .news_l:hover .picture img{ transform:scale(1.1);}
	.news_b .news_r li:hover .picture img{ transform:scale(1.1);}
	.news_b .news_r li:hover .content .title{ color:#f27023;}
	
	
	

	section.url{ float:left; width:100%; padding:29px 0px; display:block; overflow:hidden;}
	.url .content a{ font-size:14px; color:#333; margin-right:1%; float:left;}
	.url .title{ float:left; max-width:90px; width:100%; font-size:16px; font-weight:bold; color:#012d78; line-height:22px;}
	.url .content{float:right; max-width:calc(100% - 100px); font-size:14px; color:#333; width:100%; overflow:hidden; padding-top:2px; line-height:22px;}
	
	footer.footer{ background:#012d78; background-size:cover; float:left; width:100%; overflow:hidden; padding:32px 0px;}
	.foot_b{ display:flex; align-items:center; justify-content:space-between;}
	.foot_l{ float:left; max-width:30%; width:100%; margin-left:0px;}
	.foot_l .contact{ float:left; width:100%; border-bottom:1px solid #323232;}
	.foot_l .contact div{ float:left; color:#9d9c9c; max-width:calc((100% - 1px) / 3); width:100%;}
	.foot_l .contact .picture{ float:left; width:60px; height:60px; line-height:56px; text-align:center; border:2px solid #9d9c9c; border-radius:100%; font-size:26px; box-sizing:border-box;}
	
	.footer .code{ float:right; max-width:40%; width:100%; text-align:center;}
	.footer .content{ float:right; max-width:35%; width:100%;}
	.footer .content div{ float:left; width:100%; overflow:hidden; font-size:14px; color:#fff; margin:5px 0px;}
	.footer .content div.title{ font-size:24px;font-weight:bold;}
	.footer .content div span{ display:inline-block;}
	.footer .content div a{color:#fff;}

	
	
	
	/*新闻页面*/
	.phone_banner .banner,.phone_banner .banner li img{ height:500px;}
	.page_address{ border-bottom:1px solid #eee; overflow:hidden; display:block; width:100%; padding:15px 0px;}
	.page_address .address{ font-size:14px; color:#666;}
	.page_address .address span{ float:left; margin:5px 10px 0px 0px;}
	.page_address .address *{color:#666; margin:0px;}
	
	.page_column{ padding-top:20px; text-align:center; float:left; width:100%; overflow:hidden; background:rgba(240,240,240,0.30);}
	.page_column .often{ margin-bottom:40px;}
	.page_column a{ display:inline-block; font-size:16px; font-weight:400; color:#333; margin:0px 20px; padding-bottom:10px; border-bottom:2px solid transparent;}
	.page_column a:hover{ border-bottom:2px solid #f27023;}
	#fl_select{ border-bottom:2px solid #f27023;}
	
	.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:100%; width:100%; overflow:hidden; box-sizing:border-box; margin-right:24px; margin-bottom:25px; display:flex;}
	.list .page_news li:nth-of-type(3n){ margin-right:0px;}
	.list .page_news li .picture{ float:left; width:100%; max-width:260px; box-sizing:border-box; position:relative; overflow:hidden;}
	.list .page_news li .picture img{width:100%; height:180px; 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%; max-width:calc(100% - 260px); float:left; width:100%; overflow:hidden; border-left:0px; position:relative; z-index:1;}
	.list .page_news li .content::before{ content:""; position:absolute; width:100%; height:100%; background:#ed1b28; z-index:-1; left:-100%; top:0px; opacity:0; transition:all linear 0.25s;}
	.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; margin-top:15px;}
	.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::before{ left:0px; opacity:1;}
	
	.list .page_pro{ float:left; margin-top:40px; width:100%; overflow:hidden;}
	.list .page_pro li{ float:left; max-width:calc(100% / 3 - 16px); margin-right:24px;  margin-bottom:20px;}
	.list .page_pro li:nth-of-type(3n){margin-right:0px;}
	.list .page_pro li .picture{ float:left; width:100%; overflow:hidden; position:relative;}
	.list .page_pro li .picture img{ width:100%; display:block; height:320px; 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-top:10px; box-sizing:border-box; transition: all linear 0.25s; white-space:pre; text-overflow:ellipsis; text-align:center;}
	.list .page_pro li:hover .title{ color:#012d78;}
	.list .page_pro li:hover .picture img{ transform:scale(1.1)}
	.list .page_pro li .picture::after{content:""; position:absolute; width:140%; height:40px; top:20%; transform-origin: bottom; right:0px; background:rgba(255,255,255,0.8); transform:rotate(300deg) translateY(300px); opacity:0;}
	.list .page_pro li:hover .picture::after{transform:rotate(300deg) translateY(-300px); transition:all linear 0.5s; opacity:1;}

	.list .page_case{ float:left; margin-top:40px; width:100%; overflow:hidden;}
	.list .page_case li{ float:left; max-width:calc(25% - 18px); margin-right:24px;  margin-bottom:20px; position:relative; overflow:hidden;}
	.list .page_case li:nth-of-type(4n){margin-right:0px;}
	.list .page_case li .picture{ float:left; width:100%; overflow:hidden;}
	.list .page_case li .picture img{ width:100%; display:block; height:220px; object-fit:cover; transition:all linear 0.25s;}
	.list .page_case li .title{ position:absolute; bottom:-100%; left:0px; width:100%; float:left; width:100%; background:rgba(1,45,120,0.50); color:#fff; text-align:center; white-space:pre; text-overflow:ellipsis; overflow:hiddend; padding:10px 2%; box-sizing:border-box; transition:all linear 0.25s;}
	.list .page_case li:hover .title{ bottom:0px;}
	.list .page_case 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:#012d78;}
	
	.page{ display:block; overflow:hidden; width:100%; padding-bottom:30px; box-sizing:border-box;background-color:rgba(240,240,240,0.30);}
	.page .max{background:rgba(255,255,255,0.68); overflow:hidden; padding:0px 2% 40px 2%; box-sizing:border-box; margin-top:30px;}
	.page.pageText .title{ font-size:26px; text-align:center; margin-top:20px;}
	.page.pageText time{ font-size:12px; color:#999; float:left; width:100%; text-align:center; margin-top:30px;}
	.page.pageText time span{ margin:0px 10px;}
	.page.pageText .picture{ width:100%; text-align:center; margin-top:30px; float:left;}
	.page.pageText .picture img{ margin:0px auto;}
	.page.pageText .content{ margin-top:40px; display:block; width:100%; padding:40px 2%; box-sizing:border-box;}
	.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:#012d78;}
	.page.pageText .content p{ line-height:34px;}

	
	.page_message{ max-width:800px; padding-bottom:80px; display:block; overflow:hidden; margin-top:50px;}
	.page_message .text{ font-size:14px; color:#666; line-height:35px;}
	.page_message form{ float:left; width:100%; overflow:hidden; margin-top:20px;}
	.page_message form .line{ float:left; width:100%; overflow:hidden; margin-top:20px;}
	.page_message form .line:nth-of-type(1){ max-width:48%;}
	.page_message form .line:nth-of-type(2){ max-width:48%; float:right;}
	.page_message form .line:nth-of-type(3) .title{ max-width:100%; width:100%; margin:10px 0px 5px 0px;}
	.page_message form .line:nth-of-type(4){ margin-top:40px;}
	.page_message form .line .title{ font-size:16px; color:#333; letter-spacing:3px; float:left; max-width:80px; line-height:35px;}
	.page_message form .line input[type=text]{ float:left; max-width:calc(100% - 80px); width:100%; box-sizing:border-box; outline:none; border-radius:2px; border:1px #ccc solid; padding:8px 2%;}
	.page_message form .line textarea{ float:left; width:100%; box-sizing:border-box; outline:none; border-radius:2px; border:1px #ccc solid; padding:8px 2%; resize:none; height:200px;}
	.page_message form .line input[type=submit]{ display:block; background:#c33531; border:0px; padding:0px; color:#fff; font-size:14px; width:160px; line-height:40px; cursor:pointer;}

	/*返回顶部*/
	.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(1,45,120,0.50); right:1%; font-size:60px; display:none; z-index:999;}
	.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(1,45,120,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%; margin:0px auto; display:inline-block}

	@font-face{
		font-family:'hzgb';
		src:url(../font/hzgb.ttf);
	}
	
@keyframes nav{
	0%{ transform:translateX(0%);}
	100%{ transform:translateX(100%);}
}
@keyframes nat{
	0%{ transform:translateX(-100%);}
	100%{ transform:translateX(0%);}
}
	
	
	
*::selection {
    background-color:#012d78;
    color:#fff;
}
 
*::-moz-selection {
    background-color:#012d78;
    color:#fff;
}
 
*::-webkit-selection {
    background-color:#012d78;
    color:#fff;
}