﻿@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	div,p,span{ overflow:hidden;}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ display:block; max-width:100%;}
	/* 首页 */
	/*头部样式*/
	.max{ max-width:1200px;}
	header.head_line{ background:#f7f7f7; overflow:hidden;}
	.headline{border-bottom: 1px solid #e0e0df;}
	.headline .max *{ float:left; font-size:14px; color:#666; padding:11px 0px;}
	.headline .text{ float:right;}
	.headline .text a{ border-right:2px solid #959595; padding:0px 13px;}
	.headline .text a:last-child{ border-right:0px;}
	
	header.header{ overflow:hidden;}
	.head_b{box-sizing:border-box; overflow:hidden; padding:23px 0px;}	
	.head_b .logo{float:left; max-width:42.5%; width:100%;}	
	.head_b .logo img{float:left;}	
	.head_b .content{ float:left; max-width:400px; width:100%; text-align:center; border-left:1px solid #d6d4d3; padding:12.5px 0px; cursor:context-menu;}
	.head_b .content .title{ font-size:18px; color:#0098e1;font-weight:bold;}
	.head_b .content .text{ font-size:14px;color:#666; margin-top:6px;}
	.head_b .contact{ float:right; max-width:220px; width:100%; margin-top:10px;}
	.head_b .contact div{ float:left;text-align:left;margin-left: 10px;margin-right: 0px;}
	.head_b .contact .content p{ font-size:18px; color:#333;}

	/*导航样式*/
	nav{background-color: #0098e1;}
	.nav{ overflow:hidden;}
	.nav>li{ position:relative; width:14.28571429%; max-width:calc(100% / 7); float:left; max-width:-moz-calc(100% / 7); max-width:-webkit-calc(100% / 7);}
	.nav>li>a{ font-size:16px; text-align:center; float:left; width:100%;line-height:55px; color:#fff;}
	.nav ol{ background:rgba(0,87,164,0.50); float:left; overflow: hidden; z-index:-5; position:absolute; opacity:0; top:100%;}
	.nav ol li{ float:left; width:100%; text-align:center; border-bottom:1px solid rgba(255,255,255,0.70);}
	.nav ol li:last-child{margin-bottom:8px;}
	.nav ol li a{ padding:15px; width:100%;float:left; line-height:normal; box-sizing:border-box; color:#fff;}
	.nav>li:hover{ background:linear-gradient( to bottom,#ffce26,#feaf18);}
	.nav>li:hover a{ color:#fff;}
	#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;}
	#nav_select{background:linear-gradient( to bottom,#ffce26,#feaf18);}
	
	
	/*幻灯片样式*/
	.ban .banner{height:400px;}
	.ban .banner li img{height:400px;}
	.banner{ max-width:100%; position:relative; min-height:150px; display:block; overflow:hidden; height:500px;}
	.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(19,55,171,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:600px; 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,152,225,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(19,55,171,1.00); border:2px solid rgba(19,55,171,1.00); opacity:1;}
	/*热门推荐*/
	section.hot{ display:block; width:100%; overflow:hidden;}	
	.hot .recommend{float:left; max-width:calc(100% - 100px); width:100%; padding:14.5px 0px;}
	.hot .recommend .title{color:#0098e1; float:left; font-size:16px;}	
	.hot .recommend .content{ float:left; max-width:calc(100% - 80px); width:100%; overflow:hidden; height:21px}	
	.hot .recommend a{ color:#666; float:left; margin-right:5px;}	
	.hot .picture{ float:right; max-width:25px;margin-top:12px;}
	
	.often{ display:block; width:100%; overflow:hidden; position:relative; margin-top:65px;}
	.often::before{content:""; position:absolute; left:2.5%; width:100%; height:11px;max-width:30.5%; border:1px solid #cdcdcd;border-left:0px;border-right:0px; top:0px; bottom:0px; margin:auto;}
	.often::after{content:""; position:absolute; right:2.5%; width:100%; height:11px;max-width:30.5%; border:1px solid #cdcdcd;border-left:0px;border-right:0px; top:0px; bottom:0px; margin:auto;}
	.often .title{width:100%; font-size:28px;color:#0098e1; display:block; overflow:hidden; text-align:center;}
	.often .text{width:100%;font-size:16px;color:#999; display:block; overflow:hidden; width:100%; text-align:center;}

	
	
	
     /*产品展示*/
	section.products{ background:#fdfdfd; background-size:100% 100%; padding-bottom:70px; display:block; overflow:hidden; width:100%;}
	.pro_b{margin-top:40px; display:block; width:100%; overflow:hidden;}
	.pro_l .column{ text-align:center; max-width:1200px; background:url(../images/pro_01.jpg) no-repeat center; background-size:cover; float:left; width:100%; overflow:hidden; padding:16.5px 0px;}
	.pro_title p{ font-size:16px; color:#666; margin:16px 0px;}
	
	.pro_l{ float:left; max-width:19%; width:100%;background-color: #fff;}
	.pro_l .title{font-size:24px; font-weight:bold; color:#fff; float:left; width:100%;}
	.pro_l .text{color:#fff; font-size:12px; float:left; width:100%; overflow:hidden;}
	.pro_l ul{float:left; width:100%; box-sizing:border-box; padding:8px 5px;}
	.pro_l ul li{margin-top:10px; padding:0px 8.5% 0px 13%; box-sizing:border-box; float:left; width:100%; background:#e5e5e5; color:#fff;}
	.pro_l ul li a{ float:left; max-width:calc(100% - 20px); width:100%; padding:10px 0px; text-overflow:ellipsis; white-space:pre; font-size:16px; color:#333; overflow:hidden;}
	.pro_l ul li::after{ content:""; border:10px solid transparent; border-top-width:8px; border-bottom-width:8px; border-right:0px; float:right; border-left-color:#fff; margin-top:12px; opacity:0; transform:translateX(-100%); transition:all linear 0.25s;}
	.pro_l ul li:hover{ background:#fecb18;}
	.pro_l ul li:hover a{ color:#fff;}
	.pro_l ul li:hover::after{ transform:translateX(0%); opacity:1;}
	
	
	
	.pro_r{ float:right; max-width:79%; width:100%;}	
	.pro_r li{margin-bottom: 10px; width:calc(100% / 3 - 10px); float:left; margin-right:10px; box-sizing:border-box;border:1px solid #e4e4e4; padding:2px; float:left;}
	.pro_r li:nth-of-type(3n){margin-right:0px;}
	.pro_r li .picture{ float:left; width:100%; overflow:hidden;}
	.pro_r li .picture img{height:213px; object-fit:cover; transition:all linear 0.25s;}
	.pro_r li .title{ float:left; width:100%; padding:14px 2%; color:#333; text-align:center;}
	.pro_r li:hover{ border-color:#0034a3;}
	.pro_r li:hover .title{color: #0034a4;}
	.pro_r li:hover .picture img{ transform:scale(1.1);}
	
    /*烦恼*/
    section.trouble{background:#f4f4f4; display:block; overflow:hidden; width:100%;}
	.trou_b{ margin-top:66px;}
	.trou_b.max{ max-width:1070px; width:100%;}
	.trou_b ul{ float:left; max-width:31%;}
	.trou_b ul li{ position:relative; float:left; width:100%; overflow:hidden;}
	.trou_b ul li::before{ width:8px; height:8px; float:left; background:#0098e1; position:absolute; content:""; top:0px; bottom:0px; margin:auto; transform:rotate(45deg) translateX(3px);}
	.trou_b ul li div{ float:right; width:100%; max-width: calc(100% - 50px); overflow:hidden; border-bottom:1px dashed #909090; padding:29.5px 0px;}
	.trou_b ul li div p{ float:left; width:100%; color:#333; font-weight:bold; font-size:20px;}
	.trou_b ul.tro_r{ float:right;}
	.trou_b ul.tro_r li div{float:left;}
	.trou_b ul.tro_r li div p{ text-align:right;}
	.trou_b ul.tro_r li::before{ left:auto; right:0px; transform: translateX(-3px) rotate(45deg);}
	.trou_b .picture{ max-width:38%; width:100%; float:left; text-align:center;}
	.trou_b .picture img{ float:none; display:block; margin:0px auto;}
	.trouble .advert{ background:url(../images/tro_01.png) no-repeat center bottom; background-size:cover; text-align:center; padding:81px 0px 50px 0px; margin-top:-75px; position:relative; z-index:1;}
	.trouble .advert .title{ font-size:30px; color:#fff; margin-top:26px;}
	.trouble .advert .text{ font-size:24px; color:#fff; margin-top:23px;}
	.trouble .advert .icon{ font-size:24px; color:#fff; border:1px solid #fff; max-width:210px; width:100%;margin-top:17px; padding:7px 0px;}

     /*优势*/
	 section.goodness{ background:url(../images/gdn_01.png) no-repeat top center; display:block; width:100%; overflow:hidden; padding-bottom:74px;}
	 .goodness .max{ max-width:1100px;}
	 .goodness_b{ display:block; overflow:hidden; width:100%; margin-top:40px;}
	 .goodness_b li{ float:left; width:100%; overflow:hidden; display:flex; position:relative; z-index:1; flex-wrap:wrap;}
	 .goodness_b li:nth-of-type(n+2){padding-top:40px;}
	 .goodness_b li::before{ content:""; position:absolute; top:0px; left:0px; right:0px; width:1px; height:100%; border-left:1px dashed #cdcdcd; z-index:-1; margin:auto;}
	 .goodness_b li .picture{ float:left; max-width:calc(50% - 50px); width:100%; overflow:hidden; margin:0px;}
	 .goodness_b li .picture img{ float:left; width:100%; overflow:hidden;}
	 .goodness_b li .number{ float:left; max-width:45px; width:100%; background:url(../images/tb1.png) no-repeat top center; text-align:center; margin:0px;margin:0px 7px 0px 28px; font-size:24px; color:#fff; font-weight:bold; font-family:"Arial"; padding-top:12px; transition:all linear 0.25s;}
	 .goodness_b li .content{ float:right; max-width:calc(50% - 30px); width:100%; overflow:hidden; padding-left:40px; box-sizing:border-box; margin:0px;}
	 .goodness_b li .content .icon{ float:left; width:100%; overflow:hidden; margin-top:66px; transform:translateX(-40px);}
	 .goodness_b li .content .icon img{ float:left;}
	 .goodness_b li .content .title{font-size:24px;font-weight:bold;line-height:30px; float:left; width:100%; overflow:hidden;}
	 .goodness_b li .content .title font{color:#0098e1;}
	 .goodness_b li .content .intro{font-size:16px;color:#333; padding:5.5px 0px 20px 0px; float:left; width:100%; overflow:hidden; border-bottom:1px dashed #a7a7a7;}
	 .goodness_b li .content .text{font-size: 14px;color:#333;line-height:30px;margin-top:10px; float:left; width:100%; overflow:hidden;}
	 .goodness_b li:nth-of-type(even) .picture{ order:2;}
	 .goodness_b li:nth-of-type(even) .number{ order:1;margin:0px 28px 0px 7px;}
	 .goodness_b li:nth-of-type(even) .content{ order:0;}
	 .goodness_b li:hover .number{ background:url(../images/tb.png) no-repeat top center;}
	 
	/*公司*/
	section.about{background:url(../images/ab_01.jpg) no-repeat top center; background-size:cover;padding:80px 0px; display:block; overflow:hidden; width:100%;}
	.about_b{ display:block; overflow:hidden; width:100%; position:relative;}
	.about_b .picture{ float:left; max-width:55%; width:100%; overflow:hidden;}
	.about_b .about_r{ float:right; max-width:50%; width:100%; overflow:hidden; z-index:1; position:absolute; right:0px; top:0px;}
	.about_b .aboutTitle{padding-right: 20px;border-right: 4px solid #ffe114;}
	.about_b .aboutTitle .title{font-size: 28px;color: #fff;font-weight: bold;line-height: 40px;text-align: right;}
	.about_b .aboutTitle .text{font-size: 14px;color: #fff;line-height: 20px;text-align: right;}
	.about_b .content{background: #ffffff;margin-top:30px;padding:30px 30px;}
	.about_b .content .title{color: #333333;font-size: 20px;line-height: 50px;text-align: left;}
	.about_b .intro{ float:left; width:100%; overflow:hidden;color:#666;font-size: 14px;line-height:30px;text-indent:28px;}
	.about_b .more{width:120px;box-sizing: border-box; margin-top:26px; margin-right:0px;padding:10px 25px;font-size:15px;color:#0098e1;border-radius: 30px;border:1px solid #0098e1; float:right;}
	.about_b .more:hover{color:#fff; background-color: #0098e1;}
    /*厂房*/
    section.workshop{padding-bottom:70px; display:block; width:100%; overflow:hidden;}
	.zs{ margin-top: 50px;padding: 0px;list-style-type: none; width:9999px;}
	.zs li{float: left;margin-left: 12px;overflow: hidden; width:285px;}
	.zs li .picture{ float:left; width:100%; overflow:hidden;}
	.zs li .picture img{ float:left; width:100%; height:217px; object-fit:cover; transition:all linear 0.25s;}
	.zs li:hover{box-shadow: 0px 0px 5px #0098e1; }
	.zs li:hover .picture img{ transform:scale(1.1);}
	
	.zs li .title{ text-align: center;line-height: 60px;background-color: #0098e1;font-size: 16px;color: #fff; float:left; width:100%;}
	.workshop .button{width:130px;box-sizing: border-box; background-color: #0098e1;   margin-right: 0px;padding:10px 20px;font-size: 14px;color: #fff;border-radius: 10px;line-height: 25px;line-height: 25px;margin-left:calc((100% - 130px) / 2);margin-top: 50px;border: 1px solid #0098e1; display:block;} 
	.workshop .button:hover{background-color: #fff;color:#0098e1 ;border: 1px solid #0098e1;}
    /*新闻*/
    section.news{background:linear-gradient(280deg,#e9edf1,#fcfdfe);padding-bottom:70px;background: url(../images/newsBG.jpg) no-repeat 100%; display:block; overflow:hidden; width:100%;}
    .n{padding-top: 40px; display:block; width:100%; overflow:hidden; }
    .news_l{max-width: 415px; width:100%; float:left; overflow:hidden;}
    .news_l .text{padding:20px;box-shadow:0px 0px 5px #E5E5E5;}
    .news_l .news_l_p1{color: #0098e1;font-size:20px;line-height: 40px;text-align: center; float:left; width:100%; overflow:hidden; white-space:pre; text-overflow:ellipsis;}
    .news_l .news_l_p2{color: #4d4d4d;font-size:14px;line-height: 30px;overflow: hidden;margin-top: 10px; float:left; width:100%; overflow:hidden;}
    .news_l .button{width: 30px;height: 30px; background-color: #0098e1;border-radius:100%;text-align: center; float: left; line-height: 25px;font-size: 28px;color: #fff;box-sizing: border-box;margin-left:calc((100% - 30px) / 2); transform: translateY(-15px); margin-bottom:20px;}
	.news_l:hover .button{animation:turn 1s linear infinite;}
    .news_l .picture{float:left; width:100%; overflow:hidden;}
    .news_l .picture img{ transition:all linear 0.25s; height:370px; width:100%; object-fit:cover; float:left;}
    .news_l:hover .picture img{ transform:scale(1.1);}
	
    .news_r{max-width:780px; float:right;}
    .news_r .r1{display: flex;justify-content: space-between;margin-bottom: 25px;box-shadow: 5px 5px 5px #E5E5E5;margin-right: 2px; transition:all linear 0.25s;}
	.news_r .r1 img{ width:100%; float:left; height:155px; object-fit:cover;}
    .r1_left{max-width:237px;height: 155px;width:100%;}
    .r2_right{padding:10px 30px;max-width: 498px;box-sizing: border-box;height:auto;}
    .r2_right .title{font-size: 20px;color: #0d0d0d;line-height: 30px; transition:all linear 0.25s;}
	
    .r2_right .content{font-size:14px;color:#4d4d4d;line-height: 20px;height:60px;box-sizing: border-box;text-overflow: ellipsis;margin-top: 18px;overflow: hidden;}
	.r2_right .lj{color: #0098e1;font-size: 12px;margin-top: 10px;float: right;}
	.news_r .r1:hover{ box-shadow:none;}
	.news_r .r1:hover .r2_right .title{color:#0098e1; transform:translateX(10px);}
	
    /*底部友情链接*/
	.url{ background:#e5e5e5;}
	.url .max{padding:7px 0px;}
	.url .max .title{float:left; max-width:90px; width:100%;font-size:16px; color:#333333;}
	.url .max .content{ float:left; max-width:calc(100% - 90px); width:100%;}
	.url .max .content a{ color:#333; margin-right:12px;font-size:12px;}
	/*底部footer*/
	.footer{background:url(../images/footer.jpg) no-repeat center top; background-size:cover; display:block; overflow:hidden; width:100%;}
	.footer_l{ max-width:80%;width:100%; float:left;}
	.footer_icon{padding-bottom: 20px; margin-top: 60px; float:left; width:100%; overflow:hidden; display:flex; justify-content:flex-start;}
	.footer_l hr{ width:90%;border: 1px solid #9d9d9d;background-color: #9d9d9d!important;height: 1px;border: none; margin-left: 0px;}
	.footer_icon .tel{background: url(../images/tel1.png) no-repeat; background-position:5px 0px;max-width:30%;width: 100%;padding-left: 70px; box-sizing:border-box; float:left; overflow:hidden; margin:0px;}
	.footer_icon .email{background: url(../images/ema.png) no-repeat;max-width:30%;width: 100%;padding-left: 70px; float:left; overflow:hidden; margin:0px; box-sizing:border-box;}
	.footer_icon .add{background: url(../images/add.png) no-repeat;max-width:40%;width: 100%;padding-left: 70px; float:left; overflow:hidden; margin:0px; box-sizing:border-box;}
	.footer_icon p{font-size: 14px;color:#fff;line-height: 24px;}
    .footer_nav{margin-top:35px;}
    .footer_nav a{ float:left;border-left: 1px solid #fff; list-style: none; padding:0px 19px;display: inline-block;color: #fff;font-size: 14px;}
    .footer_nav a:first-child{ padding-left:0px; border-left:0px;}
    .footer_infor{margin-top: 18px;padding-bottom: 10px;}
	.footer_infor>p{ font-size: 12px;color: #fff;margin-left:0;margin-right: 20px;float: left; } 
	.footer_infor a{ color:#fff;}
 	.footer_r{ width:20%; float:right;}
 	.footer_r {padding:15px; box-sizing: border-box;margin-top: 60px;border:1px solid #fff;max-width: 150px; }
 	.footer_r  span{font-size: 14px;color: #fff;margin-top: 10px;}
    
	/*新闻页面*/
	.page_ban .banner{ height:450px;}
	.page_ban .banner li img{ height:450px;}
	.lef_rig span img{ width:35px;}
	.page_address{padding:8px 1%; box-sizing:border-box; margin-bottom:45px; font-size:14px; overflow:hidden; text-align:right; line-height:42px; border-bottom:1px dashed #ccc;}
	.page_address.list{ border:0px; box-shadow:1px 0px 1px rgba(0,0,0,0.40); text-align:left;}
	.page_address .page_column{ font-size:20px; font-weight:bold; float:left;}
	.page_address .content{float:left;text-align:right; margin-right:0px;}
	.page_address .content *{color:#333;}

	.page{ overflow:hidden; padding:60px 0px;}
	.page.list{ padding-top:0px;}
	.page_list{ float:left; width:100%; text-align:center; font-size:14px; margin-top:20px;}
	.page_list a:first-child{ display:none;}
	.page_list a{ color:#666;}
	.page_list a:hover{ color:#10488e;}
	.page_l{ float:left; max-width:20%; width:100%;}
	.page_l .pro_l{ float:left; max-width:100%;}
	.page_l .pro_l ul{ border:1px solid rgba(0,0,0,0.2); box-sizing:border-box; border-top:0px;}
	.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_contact{ margin-top:30px; float:left; width:100%;}
	
	.page_r{ width:75%; float:right; padding:5px; box-sizing:border-box; overflow:hidden;}
	.page_r .page_odd_picture{ overflow:hidden; text-align:center; margin-bottom:20px;}
	.page_r .page_odd_picture img{ max-height:300px; margin:0 auto;}
	
	.page_odd{ padding:5px;}
	.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.50)}
	.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{ text-align:left; line-height:30px; font-size:14px; overflow:hidden;}
	
	.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_next{ border-top:1px dashed rgba(0,0,0,0.40); margin-top:20px;}
	
	
	.pro_list .page_r li{ max-width:calc( 100% / 3 - 14px); float:left; margin-right:21px; margin-bottom:21px; width:100%; box-shadow:0px 0px 4px #ddd;}
	.pro_list .page_r li:nth-of-type(3n){margin-right:0px;}
	.pro_list .page_r li .picture{ float:left;width:100%;}
	.pro_list .page_r li .picture img{ height:180px; width:100%; object-fit:cover; display:block;}
	.pro_list .page_r li .title{ float:left; text-align:center; width:100%;line-height:40px; background:rgba(255,255,255,1.0); text-overflow:ellipsis; white-space:pre; text-align:center; font-size:16px; color:#333; overflow:hidden;}
	.pro_list .page_r li:hover{ box-shadow:0px 0px 4px #10488e;}
	.pro_list .page_r li:hover p{ background:rgba(255,255,255,1.00);}
	.pro_l .pro_li:hover .pro_title{ background:#ec8e24;}
	
	.news_list .page_r li{ max-width:calc(100% - 10px); width:100%; float:left; background:rgba(255,253,255,0.60); padding:1%; box-sizing:border-box; margin-bottom:10px;}
	.news_list .page_r li .picture{max-width:25%; float:left; width:100%;}
	.news_list .page_r li .picture img{ height:160px;float:left; object-fit:cover; width:100%;}
	.news_list .page_r li .content{ max-width:73%; width:100%; float:right;}
	.news_list .page_r li .content .title{ font-size:17px; color:#111; text-overflow:ellipsis; white-space:pre;}
	.news_list .page_r li .content time{ font-size:12px; color:#666; display:block; margin:8px 0px;}
	.news_list .page_r li .content .text{ font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden}
	.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:20px;}
	.news_list .page_r li .content .more:hover{ background:#0083ec; color:#fff;}
	.news_list .page_r li:hover .content .title{ color:#0083ec;}
	
	.news_list .page_r li:hover{background:rgba(255,253,255,1.00); box-shadow:2px 2px 5px #ccc;}
	
	

	/*返回顶部*/
	.top{ width:50px; height:50px; line-height:50px; background:#0098e1;  color:#fff; position:fixed; text-align:center; bottom:25%; cursor:pointer; display:none;right:1%;}
	.top::before{font-weight:bold; font-size:50px;}
	
	.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);
	}
	
	
	 @keyframes turn{
	      0%{-webkit-transform:translateY(-15px) rotate(0deg);}
	      25%{-webkit-transform:translateY(-15px) rotate(90deg);}
	      50%{-webkit-transform:translateY(-15px) rotate(180deg);}
	      75%{-webkit-transform:translateY(-15px) rotate(270deg);}
	      100%{-webkit-transform:translateY(-15px) rotate(360deg);}
	    }
