@charset "utf-8";
/* CSS Document */

.pc_none{
    display: none;
}
.float_l{
	float: left;
}
.float_r{
	float: right;
}
.clear{
	clear: both;
}
.news li {
	list-style-position: unset;
}
.news li a{
	/*width: calc(100% - 60px);*/
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	float: left;
}

@media(max-width:1280px) {
	.top_m,.logo,.menu ul,.index_01,.ind_pro_m,.index_01_con,
	.ind_case_con,.ind_contact_con,.footer_mid,.index_01_tit,
	.index_01_tit_en,.index_01_tit_ch,.ind_case_tit,.index_case_tit_en,
	.index_case_tit_ch,.ind_contact_tit,.ind_about,.content{
		width: 1024px;
	}
	.top_l {
		width: auto;
	}
	.top_r {
		width: auto;
	}
	.menu ul li {
		width: 112px;
	}
	.menu ul li a {
		width: 112px;
	}
	.banquan {
		width: auto;
		float: left;
	}
	.links {
		width: auto;
		float: right;
	}
	.ind_about_rig {
		width: 570px;
	}
	.ind_news {
		width: 630px;
	}
	.ind_news_tj {
		width: 100%;
	}
	.ind_news_con {
		width: 100%;
	}
	.ind_news_tj_r {
		width: calc(100% - 230px);
	}
	.index_01 .ms{
		width: 100%;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;
		padding-top: 6px; 
	}
	.ind_news_con ul {
		width: 100%;
	}
	.ind_news_con ul li {
		width: 47%;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1;
	}
	.ind_news_con ul li:nth-child(odd){
		float: left;
	}
	.ind_news_con ul li:nth-child(even){
		float: right;
	}
	.ind_news_con ul li a{
		display: block;
		height: 100%;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1;
	}
	.ind_pro_r{
		width: calc(100% - 300px);
	}
	.ind_sea_tel {
		width: 100%;
	}
	.ind_pro_img{
		width: 100%;
	}
	.ind_pro_img ul{
		width: 100%;
	}
	.ind_pro_img ul li{
		margin: 0 10px !important;
		margin-top: 25px !important;
	}
	.ind_pro_img ul li:nth-child(7),
	.ind_pro_img ul li:nth-child(8){
		display: none;
	}
	.side_right{
		width: calc(100% - 290px);
	}
	.about_tit{
		width: 100%;
	}
	.about_con{
		width: 100%;
	}
	.about_con video{ width:100%; height:100% !important;}
	ul.product{
		width: 100%;
	}
	ul.product li{
		width: calc(33.3333% - 12px);
		margin: 0 6px;
	}
	.pro_img {
		width: 100%;
		height: auto;
	}
	.pro_img a,
	.pro_img a img{
		display: block;
		width: 100%;
		height: auto;
	}
	.content{
		margin-bottom: 70px;
	}
	.news_content{
		padding: 20px 0;
	}
}

@media(max-width:1100px) {
	.top_m,.logo,.menu ul,.index_01,.ind_pro_m,.index_01_con,
	.ind_case_con,.ind_contact_con,.footer_mid,.index_01_tit,
	.index_01_tit_en,.index_01_tit_ch,.ind_case_tit,.index_case_tit_en,
	.index_case_tit_ch,.ind_contact_tit,.ind_about,.content{
		width: 1000px;
	}
	.menu ul li {
		width: 110px;
	}
	.menu ul li a {
		width: 110px;
	}
	.ind_pro_r {
		width: calc(100% - 290px);
	}
}

@media(max-width:1024px) {
	.phone_none{
		display: none;
	}
	.pc_none{
		display: block;
	}
	body{
		FONT-SIZE: 14px;
		margin:0px;
		padding: 0px;
		font-family:"微软雅黑";
		color:#6c6c6c;
		margin:0px;
		padding:0px;
		background-color:#ffffff;
	}
	a{text-decoration:none;}
	ul li{list-style:none}
	ul{margin:0 0;padding:0 0}
	a{color:#6b6b6b}
	.container{ margin:0 auto; background:#ffffff;}
	input, select{font-family:"微软雅黑";cursor: pointer;}
	input, select{
		outline: medium none;
		}
	h1,h2,h3,h4,h5,p{margin:0 0;padding:0 0}
	input,textarea,select{outline:none}
	img{border:none}
	.img-responsive{max-width:100%;height:auto}
	#dituContent img{
		width: auto;
	}

	.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
	.message_block p{padding:12px;}
	.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
	.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
	.message_labes{font-size:14px;}
	.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
	.message_title span{float:right;font-weight:bold;}
	.message_info{color:#8ea6b6;text-align:right;}
	.msg_btn_area{margin:16px 0;text-align:left;}
	.msg_btn_area a{display:inline-block;padding:10px 50px;background:#002f64; text-decoration:none; color:#fff;text-align:center;font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
	.msg_btn_area a:hover{text-decoration:none;background:#014083}

	.search{
		position:absolute;
		width:100%;
		top:60px;
		height:60px;
		background:url(../image/sear1.png);
		z-index:999;
		overflow:hidden;
		display:none;
		padding-left: 0;
		padding-top: 0;
		border-radius: 0;
	}
	.search1{float:left;width:78%;border-right:1px solid #c0c0c0;height:60px;line-height:60px}
	.search2{float:left;width:20%;height:60px;line-height:60px}
	.search3{float:left;width:15.6%;height:60px;line-height:60px}
	.sear1{width:90%;margin-left:8%;border:none;background:none;font-size:16px;color:#666}
	.sear2{width:100%;border:none;background:none;font-size:16px;color:#666}
	.sear3{display:block;margin:0 auto;cursor:pointer;margin-top:18px}
	.head-index{width:100%;float:left;height:60px;background:#002f64;line-height:60px;position:relative}
	.head-i1{float:left;width:14.5%;border-right:1px solid #002960;cursor:pointer;height:60px;}
	.head-i1 img{display:block;margin:0 auto;margin-top:15px}
	.head-i2{float:left;width:70%;border-right:1px solid #002960;border-left:1px solid #023882;text-align:center;font-size:1.2em;color:#fff;height:60px;}
	.head-i3{float:left;width:13.5%;border-left:1px solid #023882;cursor: pointer;height:60px;}
	.head-i3 img{display:block;margin:0 auto;margin-top:20px}

	.menu{width:100%;float:left;position:absolute;top:0;right:0;height:1185px;display:none;z-index:8}
	.menu1{width:80.5%;float:left;background:url(../image/menu-bg.png);height:100%;}
	.menu2{float:left;width:19.5%;background:#002f64;height:100%}
	.menu2 img{display:block;margin:0 auto;margin-top:40px}
	.logo{
		width:100%;
		float:left;
		margin-top:23px;
		height: auto;
	}
	.logo1{float:left;width:20%;margin:25px 3% 0 3%}
	.logo1 img{display:block;float:right}
	.logo2{float:left;width:40%;margin:0 4%}
	.logo2 img{display:block;margin:0 auto}
	.logo3{float:left;width:20%;margin:25px 3% 0 3%}
	.logo3 img{display:block;float:left}
	.caidan{float:left;width:100%;font-size:24px;margin-top:10px}
	.caidan a{color:#fff}
	.caidan ul{width:100%}
	.caidan ul li{float:left;width:100%;text-indent:90px}
	#guanbi {
		width:19.5%;float:right;position:absolute;top:0;right:0;height:1185px;display:none
	}

	/*banner*/
	.banner{width:100%;float:left;}
	/**
	.fullSlide{width:100%;position:relative;height:282px;}
	.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
	.fullSlide .bd ul{width:100% !important;}
	.fullSlide .bd li{width:100% !important;height:282px;overflow:hidden;text-align:center;}
	.fullSlide .bd li a{display:block;height:282px;}
	.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
	.fullSlide .hd ul{text-align:center;}
	.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
	.fullSlide .hd ul .on{background:#002f64;}
	.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../image/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
	.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}
	**/
	/* 本例子css */
			.slideBox{ width:100%; overflow:hidden; position:relative; }
			.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
			.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
			.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
			.slideBox .hd ul li.on{ background:#002f64; color:#fff; }
			.slideBox .bd{ position:relative; height:100%; z-index:0;   }
			.slideBox .bd li{ zoom:1; vertical-align:middle; }
			.slideBox .bd img{ max-width:100%; width:100%;height:auto; display:block;  }

			/* 下面是前/后按钮代码，如果不需要删除即可 */
			.slideBox .prev,
			.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow1.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
			.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
			.slideBox .prev:hover,
			.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
			.slideBox .prevStop{ display:none;  }
			.slideBox .nextStop{ display:none;  }
			
			
	/*head-menu*/
	.head-menu{width:100%;float:left;height:50px;background:#002f64;line-height:50px}
	/*.head-menu ul{width:100%}
	.head-menu ul li{float:left;width:14%;text-align:center;background:url(../image/shx.png) right center no-repeat}
	.head-menu ul li img{display:block;margin:0 auto;margin-top:17px}
	.head-menu ul li a{color:#fff}*/

	/* 本例子css */
		.scrollBox{ width:100%;  background:url(../image/scrollBg.png) ; position:relative; }
		.scrollBox .piclist{ overflow:hidden; zoom:1;}
		.scrollBox .ohbox{overflow:hidden; position:relative;width:80%;left:10%}
		.scrollBox {position:relative;overflow:hidden;zoom:1;}
		.scrollBox .piclist li{
			height: 52px;
			float:left; display:inline; width:30%;margin-right:5px;text-align:center;background:url(../image/shx.png) right center no-repeat}
		.scrollBox .piclist li a{color:#fff}
		.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
		.scrollBox .pageBtn span{ background:url(../image/bntBg.png) no-repeat; display:block;width:8px;height:36px;position:absolute;top:72px;cursor:pointer;text-indent:-999em;overflow:hidden; }
		.scrollBox .pageBtn .prev{left:20px;background:url(../image/left.png) left 18px no-repeat;top:0}
		.scrollBox .pageBtn .next{right:20px;background:url(../image/right.png) right 18px no-repeat;top:0}
		

	/*head-pro*/
	.head-pro{width:100%;float:left;}
	.head-pro h2{font-weight:500;font-size:22px;color:#000;text-align:center;margin-top:7.1875%}
	.head-pro h3{font-weight:500;font-size:25px;color:#898989;text-align:center;background:url(../image/pro1.png) center 30px no-repeat}
	.head-pro h4{text-align:center;}
	.head-pro ul{width:93.75%;margin:0 auto;margin-top:3.6%}
	.head-pro ul li{width:48%;float:left;height:35px;margin:0 1%;margin-bottom:5px;float:left;background:#002f64;line-height:35px;text-align:center}
	.head-pro ul li a{color:#fff}
	.head-pro ul li:hover{background:#0F58AB}

	/*head-pro1*/
	.head-pro2{width:100%;float:left;}
	.protab{width:93.75%;margin:0 auto;margin-top:3.6%}
	/* 本例子css */
	.slideTxtBox{ width:100%; text-align:left;  }
	.slideTxtBox .hd{  width:100%;  position:relative;float:left ;margin-top:2.34375%}
	.slideTxtBox .hd ul{ float:left; width:100%; }
	.slideTxtBox .hd ul li{ float:left;  cursor:pointer;width:31.25%;margin-right:3.125%; margin-bottom:2%;}
	.slideTxtBox .hd ul li.on{ }
	.slideTxtBox .hd ul li.on .hd-bot{
		background:#002f64;
		padding: 8px 0;
		color:#fff
	}
	.hd-bot{
		padding: 8px 0;
	}
	.slideTxtBox .bd ul{ width:100%;  zoom:1;  }
	.slideTxtBox .bd{float:left;width:100%}
	.slideTxtBox .bd li{ width:100%  }
	.slideTxtBox .bd li .date{ float:right; color:#999;  }

	.hd-top{border:1px solid #e5e5e5;width:99%;float:left;margin-bottom:1px; line-height:0;}
	.hd-bot{float:left;width:100%;background:#e5e5e5;text-align:center}
	.hd-top1{border:1px solid #e5e5e5;width:99.75%;float:left;margin-bottom:1px}
	.hd-top1 img{display:block;margin:0 auto}
	.hd-bot1{float:left;width:100%;background:#e5e5e5;heihgt:45px;line-height:45px;text-align:center;background:#002f64;color:#fff}


	/*ad*/
	.ad{width:100%;float:left;margin-top:5.9375%}
	.ad img{
		width: 100%;
	}
	.about-con1-l {
		width: 100%;
	}

	/*head-about*/
	.head-about{width:100%;float:left;margin-top:5.9375%}
	.head-about h2{font-weight:500;font-size:22px;color:#000;text-align:center;}
	.head-about h3{font-weight:500;font-size:25px;color:#898989;text-align:center;background:url(../image/pro1.png) center 30px no-repeat}
	.head-about h4{text-align:center;}
	.head-about1{width:100%;float:left;}
	.head-about2{width:93.75%;margin:0 auto;}
	.head-about2l{float:left;width:99%;border:1px solid #e4e4e4;padding:2px 2px}
	.head-about2r{float:left;width:100%;line-height:22px;margin-top:8px}
	.head-about2r img{width:150px;height:100px;border:1px solid #e4e4e4;padding:2px 2px}
	.more{width:110px;height:35px;line-height:35px;text-align:center;border:1px solid #d0d0d0;margin:0 auto; background:none; text-indent:0;}
	.more span{border-bottom:2px solid #c2c2c2}

	/*head-news*/
	.head-news{width:100%;float:left;margin-top:5.9375%}
	.head-news h2{font-weight:500;font-size:22px;color:#000;text-align:center;}
	.head-news h3{font-weight:500;font-size:25px;color:#898989;text-align:center;background:url(../image/pro1.png) center 30px no-repeat}
	.head-news h4{text-align:center;}
	.head-news1{width:100%;float:left;}
	.head-news2{width:100%;float:left;margin-top:6%}
	.head-news2 ul{float:left;width:100%}
	.head-news2 ul li{float:left;width:100%;border-bottom:1px solid #e3e3e3;padding-bottom:3%}
	.news-list{width:93.75%;margin:0 auto;margin:3% 3%}
	.news-listl{float:left;width:14.333%}
	.news-listr{float:left;width:79.5%;margin-left:6%}
	.news-listl1{width:100%;line-height:40px;float:left;background:#002f64;font-size:30px;text-align:center;color:#fff;}
	.news-listl2{width:100%;line-height:34px;float:left;font-size:22px;text-align:center;color:#003983}
	.news-listr1{float:left;width:100%;font-size:16px;}
	.news-listr1 a{color:#002960}
	.news-listr2{float:left;width:100%;font-size:12px;color:#6f6f6f;line-height:18px;margin-top:10px}
	.head-news2 ul li:hover{background:#002f64}
	.head-news2 ul li:hover a{color:#fff}
	.head-news2 ul li:hover .news-listr2{color:#77b1ff}
	.head-news2 ul li:hover .news-listl2{color:#fff}
	.head-news2 ul li:hover .news-listl1{background:#ffae00}
	.more1{width:110px;height:35px;line-height:35px;text-align:center;border:1px solid #d0d0d0;margin:0 auto;margin-bottom:5%}
	.more1 span{border-bottom:2px solid #c2c2c2}

	/*guding*/
	.guding{position:fixed;width:64px;height:115px;right:5px;bottom:5%;z-index:9}
	.guding1{float:left;width:100%;height:59px;}
	.guding2{float:left;width:100%;height:56px;}

	

	/*分页头部head-top*/
	.head-top{width:100%;height:60px;background:#002f64;line-height:60px;position:relative}
	.head-top1{float:left;width:12.3%;border-right:1px solid #002960;height:60px;}
	.head-top2{float:left;width:12.3%;border-left:1px solid #023882;border-right:1px solid #002960;height:60px;}
	.head-top3{float:left;width:48.75%;border-right:1px solid #002960;border-left:1px solid #023882;text-align: center;
		font-size: 1.6em;
		color: #fff;height:60px;}
	.head-top4{float:left;width:12.3%;border-left:1px solid #023882;border-right:1px solid #002960;height:60px;}
	.head-top5{float:left;width:11.8%;border-left:1px solid #023882;height:60px;}
	.head-top1 img{display:block;margin:0 auto;margin-top:15px}
	.head-top2 img{display:block;margin:0 auto;margin-top:15px}
	.head-top4 img{display:block;margin:0 auto;margin-top:15px}
	.head-top5 img{display:block;margin:0 auto;margin-top:17px}

	/*head-pro1*/
	.head-pro1{width:100%;float:left;display:none}
	.head-pro1 h2{font-weight:500;font-size:22px;color:#000;text-align:center;margin-top:7.1875%}
	.head-pro1 h3{font-weight:500;font-size:25px;color:#898989;text-align:center;background:url(../image/pro1.png) center 30px no-repeat}
	.head-pro1 ul{width:93.75%;margin:0 auto;margin-top:3.6%}
	.head-pro1 ul li{width:48%;float:left;height:35px;margin:0 1%;margin-bottom:5px;float:left;background:#002f64;line-height:35px;text-align:center}
	.head-pro1 ul li a{color:#fff}
	.head-pro1 ul li:hover{background:#0F58AB}

	/*产品列表页*/
	.pro-list{width:100%;float:left;}
	.pro-list ul{width:100%;margin-top:3%;margin-left:3%; line-height:0;}
	.pro-list ul li{float:left;width:45%;margin-right:3%;margin-bottom:3%}
	.prolist-top{width:99%;border:1px solid #e4e4e4;margin-bottom:1px}
	.prolist-bot{
		width:100%;
		background:#e5e5e5;
		line-height:22px;
		text-align:center;
		padding: 8px 0;
	}
	.pro-list ul li:hover .prolist-bot{background:#002f64;color:#fff}

	.more2{ margin:10px auto 100px;width:93.75%;height:45px;line-height:45px;text-align:center;font-size:15px;background:#e3e3e3}
	.more2 a{color:#6f6f6f}

	/*产品内容页*/
	.pro-con{width:93.75%;margin:0 auto;margin-top:5%}
	.pro-con1{margin:0 auto;width:93%}
	.pro-con1 h2{text-align:center;font-size:22px;color:#666;font-weight:500}
	.pro-con1 img{display:block;margin:0 auto;margin-top:3%}
	.pro-con2{margin:0 auto;width:93%;margin-top:5%;margin-bottom:5%}
	/* 本例子css */
	.pro-con2 .slideTxtBox{ width:100%; text-align:left;  }
	.pro-con2 .slideTxtBox .hd{ height:50px; line-height:50px; font-size:16px;color:#666;    position:relative; }
	.pro-con2 .slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:0px; height:50px;   }
	.pro-con2 .slideTxtBox .hd ul li{ float:left;width:100px;height:40px;cursor:pointer;text-align:center;line-height:40px;background:#e5e5e5 ;margin-right:2px }
	.pro-con2 .slideTxtBox .hd ul li.on{  background:#002f64;color:#fff}
	.pro-con2 .slideTxtBox .bd{font-size:14px}
	.pro-con2 .slideTxtBox .bd img{ max-width:100%;}
	.pro-con2 .slideTxtBox .bd ul{ line-height:25px;color:#666;font-size:14px;margin-top:10px;  zoom:1;  }
	.pro-con2 .slideTxtBox .bd li{ height:20px; line-height:20px; font-size:14px  }
	.pro-con2 .slideTxtBox .bd li .date{ float:right; color:#999;  }

	.message {
		width: 100%;
		float:left;
	}
	.mes1 {
		width: 100%;
		float: left;
		height: 30px;
		line-height: 30px;
		color: #646464;
		margin-bottom: 20px;
	}
	.mes1-l {
		float: left;
		width: 12%;
		text-indent:0;
		
	}
	.mes1-label {
		width: 50px;
		float: left;
		height: 30px;
		font-size: 16px;
	}
	.mes1-r {
		float: left;
		width:88%;
	}
	.mes1-input {
		width:73%;
		float: left;
		border: 0px;
		height: 30px;
		border:1px solid #ccc;
	}
	.mes2 {
		width: 100%;
		float: left;
		height: 145px;
		color: #646464;
	}
	.mes2-l {
		float: left;
		width:12%;
		text-indent:0;
		
	}
	.mes2-r {
		float: left;
		width: 78%;
	}
	.mes1-label {
		width: 100%;
		float: left;
		height: 30px;
		font-size: 16px;
	}
	.text {
		width:100%;
		float: left;
		border: 0px;
		height: 120px;
		border:1px solid #ccc;
		font-size:16px;
	}
	.tijiao {
		float: right;
		width: 90px;
		height: 30px;
		
		background: #002f64;
		line-height: 30px;
		text-indent: 10px;
		border: 0px;
		color: #fff;
		font-size: 16px;
		margin-top: 13px;
		font-family: "微软雅黑";
		letter-spacing: 8px;
	}
	.pro-con3{margin:0 auto;width:93%;margin-top:5%;border-bottom:1px solid #dcdcdc;padding-bottom:30px}
	.bshare-custom{float:right}
	.pro-con4{margin:0 auto;width:93%;border-bottom:1px solid #dcdcdc;height:40px;line-height:40px}
	.pro-con5{
		overflow: hidden;
		margin:0 auto;width:93%;border-bottom:1px solid #dcdcdc;height:40px;line-height:40px}
	.pro-con6{margin:0 auto;width:93%;}
	.pro-con4 a:hover{color:#002f64}
	.pro-con5 a:hover{color:#002f64}

	.fanhui{width:115px;height:40px;line-height:40px;text-align:center;background:#0F58AB;}
	.fanhui a{color:#fff;font-size:16px}

	/*新闻列表*/
	.news{float:left;width:100%;margin-bottom:10%}
	.container{
		width:100% !important;
	}
	.container1{
		width:93%;
		margin:0 auto
	}
	.news ul{width:100%;}
	.news ul li{float:left;width:100%;border-bottom:1px solid #e3e3e3;padding-bottom:5px}
	.more3{margin-top:10px;margin:0 auto;width:100%;height:45px;line-height:45px;text-align:center;font-size:15px;background:#e3e3e3}
	.more3 a{color:#6f6f6f}
	.more3 a:hover{color:#002f64}
	.news ul li:hover{background:#002f64}
	.news  ul li:hover a{color:#fff}
	.news  ul li:hover .news-listr2{color:#77b1ff}
	.news  ul li:hover .news-listl2{color:#fff}
	.news  ul li:hover .news-listl1{background:#ffae00}

	/*新闻内容*/
	.news-con{float:left;width:100%;margin-bottom:100px; padding-top:20px; }
	#dituContent1{ display:none;}
	.text_single{ line-height:36px; margin:0; margin-bottom:70px;}
	.text_single img{ max-width:100%;}
	.news-top{width:93%;margin:0 auto;border-bottom:1px solid #dcdcdc;padding-bottom:0;}
	.news-top h2{text-align:center;font-size:22px;color:#666;font-weight:500; margin-bottom:0; line-height:25px;}
	.news-top h3{text-align:center;font-size:14px;color:#8c8c8c;font-weight:500; height:40px; line-height:40px;}
	.news-bot{width:100%;margin:0 auto;font-size:14px;color:#666;line-height:25px;padding-top:3%}
	.news-bot img{ max-width:100%;}
	.news-bot1{width:93%;margin:1px auto;font-size:14px;color:#666;text-indent:2em;line-height:25px;padding-top:100%}

	.show_zihao {
		position: relative;
		float: left;
		text-align: center;
		color: #FFF;
	}
	.show_zihao ul {
		position: absolute;
		width: 100%;
		display: none;
		top:60px;
	}
	.show_zihao ul li {
		width: 100%;
		height: 35px;
		line-height: 35px;
		background: #002f64;
		color: #FFF
	}
	.show_zihao_on {
		background: #002f64 !important;
		color: #fff
	}
	.show_zihao ul li:nth-child(1) {
		font-size: 0.9em
	}
	.show_zihao ul li:nth-child(2) {
		font-size: 1em
	}
	.show_zihao ul li:nth-child(3) {
		font-size: 1.1em
	}
	.clear{
		clear: both;
	}
	.news li{
		list-style-position: unset;
		height: auto;
		line-height: 35px;
		list-style: none;
	}
	.news-listr1 a{
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1;
	}
	.about-con table,
	.about-con table tbody,
	.about-con table tbody tr{
		width: 100%;
		display: block;
	}
	.about-con table tbody{
		width: 100%;
		display: block;
	}
	.msg_input {
		width: calc(100% - 80px)!important;
		/* width: 80px !important; */
	}
	.msgtitle{
		width: 72px;
		float: left;
	}
	.about-con table tbody td{
		display: block;	
		width: 100% !important;
	}
	.banner img{
		width: 100%;
		display: block;
	}
	.swiper-button-prev{
		background: url("../image/swiper_button_004.png") center left no-repeat !important;
	}
	.swiper-button-next{
		background: url("../image/swiper_button_004.png") center right no-repeat !important;
	}
	.footer ul li {
        float: left;
        width: 25%;
        text-align: center;
    }
    
    .footer ul li h2 {
        height: 19px;
        margin-bottom: 12px;
    }
    
    .footer ul li h2 img {
        display: block;
        margin: 0 auto;
    }
    
    .footer ul li h3 {
        font-size: 14px;
        color: #fff;
    }
    
    .footer {
        background: #002960;
        position: fixed;
        padding: 8px 0 10px 0;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        bottom: 0;
		z-index: 99;
		height: auto;
	}
	.swiper-pagination-bullet-active{
		background: #002960 !important;
	}
	#page { 
		width: 100vw; 
	}
	.panel {
		display: none;
		width: 220px;
		background-color: #002f64;
		color: #fff;
		box-shadow: inset 0 0 25px 10px #01244c;
		position: absolute;
	}
	.panel a{
		display: block;
		width: calc(100% - 40px);
		padding: 0 20px;
		height: 40px;
		line-height: 40px;
		color: #fff;
		text-align: center;
		font-size: 16px;
		color: #fff;
		border-top: solid 1px #034794;
		border-bottom: solid 1px #01234a;
	}
	.panel a:last-child{
		border-bottom: none;
	}
	.panel a:nth-child(1){
		margin-top: 20px;
		border-top: none;
	}





}