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



@media(max-width:1280px) {
	.container {
		width: 1024px !important;
	}

	.head-menu ul li {
		width: 115px;
	}

	.index-search1 {
		float: left;
		width: 636px;
		height: 70px;
		overflow: hidden;
	}

	.index-class-r {
		width: calc(100% - 280px);
		overflow: hidden;
	}

	.multipleColumn .bd ul li {
		width: calc(33.333% - 2px - 30px);
		margin: 0 15px;
		margin-bottom: 35px;
		overflow: initial;
	}

	.multipleColumn .bd ul {
		width: 742px;
	}

	.index-class-list1-top {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.index-class-list1-top img {
		width: 100%;
		height: auto;
	}

	.index-class-list1-bot {
		border: 1px solid #e4e4e4;
		border-top: none;
	}

	.index-ser2-1 {
		width: 530px;
		margin-right: 0px;
		background: url(../img/index-ser1.jpg) center center no-repeat;
	}

	.index-ser2-2,
	.index-ser2-3,
	.index-ser2-4 {
		width: 150px;
		margin-right: 0;
		margin-left: 12px;
	}

	.picScroll-left {
		width: 1024px;
	}

	.picScroll-left .bd ul li {
		width: calc(25% - 20px);
		margin: 0 10px;
	}

	.picScroll-left .bd ul li .pic img {
		width: 100%;
		height: auto;
	}

	.index-case3 {
		position: absolute;
		top: 219px;
		left: 103px;
	}

	.picScroll-left .hd {
		margin-top: 32px;
	}

	.index-news2 ul li {
		width: 100%;
		margin-right: 0px;
	}

	.news-2 {
		width: 75%;
	}

	.foot2-con3 {
		float: left;
		width: 220px;
		margin-left: 35px;
	}

	.foot2-con4 {
		margin-left: 72px;
	}

	.tongyong-l {
		margin-right: 50px;
	}

	.tongyong-r {
		width: calc(100% - 280px);
	}

	.about-con1-r {
		width: 335px;
	}

	.about-con1-r img {
		width: 100%;
	}

	.about-con1-l {
		width: 405px;
	}

	.about-con1-l h2 {
		text-indent: 0;
	}

	.tongyong-r-bot ul li {
		width: calc(33.333% - 28px);
		margin: 0 14px;
		margin-bottom: 25px;
	}

	.news-shx ul li {
		margin-left: 50px;
		width: 300px;
		height: 70px;
		overflow: hidden;
	}

	.tongyong-r-news-bot ul li {
		width: 100%;
	}

	.newslist-r {
		width: 75%;
	}
}

@media(max-width:1100px) {
	.head-menu ul li {
		width: 110px;
	}
}

@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: #161616;
		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
	}

	.search1 {
		float: left;
		width: 67%;
		border-right: 1px solid #c0c0c0;
		height: 60px;
		line-height: 60px
	}

	.search2 {
		float: left;
		width: 31.6%;
		border-right: 1px solid #c0c0c0;
		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: #003883;
		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 #0044a0;
		text-align: center;
		font-size: 1.3em;
		color: #fff;
		height: 60px;
	}

	.head-i3 {
		float: left;
		width: 13.5%;
		border-left: 1px solid #0044a0;
		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: #004bb0;
		height: 100%
	}

	.menu2 img {
		display: block;
		margin: 0 auto;
		margin-top: 40px
	}

	.logo {
		width: 100%;
		float: left;
		margin-top: 23px
	}

	.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:#003883;}
	.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: #003883;
		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: #003883;
		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: 47.5%;
		float: left;
		height: 35px;
		margin-right: 5px;
		margin-bottom: 2px;
		float: left;
		background: #004bb0;
		line-height: 35px;
		text-align: center
	}

	.head-pro ul li a {
		color: #fff
	}

	.head-pro ul li:hover {
		background: #0092dd
	}

	/*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: #336fbf;
		color: #fff
	}

	.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
	}

	.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: #336fc0;
		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;
	}

	.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: #004bb0;
		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: #0076d2
	}

	.news-listr2 {
		float: left;
		width: 100%;
		font-size: 12px;
		color: #6f6f6f;
		line-height: 18px;
		margin-top: 10px
	}

	.head-news2 ul li:hover {
		background: #004bb0
	}

	.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;
	}

	/*foot*/
	.foot {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 200px;
		background: url(../image/hei-tm.png);
		display: block;
		z-index: 9;
		display: none;
		height: 245px !important;
	}

	.banyuan {
		height: 155px;
		width: 90%;
		bottom: -1px;
		left: 5%;
		z-index: 5;
		border-radius: 155px 155px 0 0;
		border: 1px solid #ccc;
		position: absolute
	}

	.foot1 {
		position: absolute;
		width: 22%;
		left: 0;
		bottom: 30px;
		z-index: 10
	}

	.foot h2 {
		text-align: center;
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 5px
	}

	.foot2 {
		position: absolute;
		width: 22%;
		left: 23%;
		bottom: 105px;
		z-index: 10
	}

	.foot3 {
		position: absolute;
		width: 22%;
		left: 54%;
		bottom: 105px;
		z-index: 10
	}

	.foot4 {
		position: absolute;
		width: 22%;
		left: 77%;
		bottom: 30px;
		z-index: 10
	}

	.foot5 {
		position: absolute;
		width: 22%;
		left: 39%;
		bottom: 8px;
		z-index: 10
	}

	/*分页头部head-top*/
	.head-top {
		width: 100%;
		float: left;
		height: 60px;
		background: #003883;
		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 #0044a0;
		border-right: 1px solid #002960;
		height: 60px;
	}

	.head-top3 {
		float: left;
		width: 48.75%;
		border-right: 1px solid #002960;
		border-left: 1px solid #0044a0;
		text-align: center;
		font-size: 1em;
		color: #fff;
		height: 60px;
	}

	.head-top4 {
		float: left;
		width: 12.3%;
		border-left: 1px solid #0044a0;
		border-right: 1px solid #002960;
		height: 60px;
	}

	.head-top5 {
		float: left;
		width: 11.8%;
		border-left: 1px solid #0044a0;
		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: 47.5%;
		float: left;
		height: 35px;
		margin-right: 5px;
		margin-bottom: 2px;
		float: left;
		background: #004bb0;
		line-height: 35px;
		text-align: center
	}

	.head-pro1 ul li a {
		color: #fff
	}

	.head-pro1 ul li:hover {
		background: #0092dd
	}

	/*产品列表页*/
	.pro-list {
		width: 100%;
		float: left;
	}

	.pro-list ul {
		width: 100%;
		margin-top: 3%;
		margin-left: 3%;
	}

	.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
	}

	.pro-list ul li:hover .prolist-bot {
		background: #004bb0;
		color: #fff
	}

	.more2 {
		margin-top: 10px;
		margin: 0 auto;
		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: #004bb0;
		color: #fff
	}

	.pro-con2 .slideTxtBox .bd {
		font-size: 14px
	}

	.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: #004bb0;
		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: #004bb0
	}

	.pro-con5 a:hover {
		color: #004bb0
	}

	.fanhui {
		width: 115px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: #0092dd;
	}

	.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: #004bb0
	}

	.news ul li:hover {
		background: #004bb0
	}

	.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: 5%
	}

	.news-top {
		width: 93%;
		margin: 0 auto;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 5%
	}

	.news-top h2 {
		text-align: center;
		font-size: 22px;
		color: #666;
		font-weight: 500;
		margin-top: 5%;
		margin-bottom: 3%
	}

	.news-top h3 {
		text-align: center;
		font-size: 14px;
		color: #8c8c8c;
		font-weight: 500
	}

	.news-bot {
		width: 100%;
		margin: 0 auto;
		font-size: 14px;
		color: #666;
		line-height: 25px;
		padding-top: 3%
	}

	.news-bot img{
		width: 100%!important;
		height: auto!important;
		display: block;
	}

	.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: #004bb0;
		color: #FFF
	}

	.show_zihao_on {
		background: #003883 !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;
	}
}