/* CSS Document */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
.showproducttext img{
	max-width: 100%;height: auto;
}
.head_logocenter li a.hover{
	color: #0362a0;
	font-weight: bold;
}
.submit {
    display: block;
    background: #23b7e5;
    border: 0 none;
    height: 34px;
    line-height: 26px;
    padding: 0 35px;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
   font-family: 'Microsoft YaHei',Tahoma,Verdana,'Simsun';
  }
body {
	font-size: 12px;
	font-family: "微软雅黑";
}
.showgsjjright img{width: 100%;}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}
	.showzs img{
		width: 100%;
	}
ul,
li {
	list-style: none;
}
.banner .swiper-pagination-bullet{
	width: 30px;
	height: 21px;
	background: url(../images/zhua_02.png) center no-repeat;
	opacity: 1;
}
.banner .swiper-pagination-bullet-active{background: url(../images/zhua_03.png) center no-repeat;}
a {
	color: #000;
	text-decoration: none;
}
.newstext p {
		height: 50px;
		overflow: hidden;
	}
img {
	border: none;
}
.m_list{
	position: absolute;
    top: 0;
    left: 62%;display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;z-index: 999;
}
.m_list a{
	display: block;
	width: 30px;height: 30px;
	line-height: 30px;
	text-align: center;border-radius: 50%;
	color: #fff;
	background-color: #93bfe4;margin: 0px 5px;
}
i,
em {
	font-style: normal;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.clear {
	clear: both;
}

.auto {
	width: 1200px;
	margin: 0 auto;
}

.clearfloat:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.clearfloat {
	zoom: 1
}

.showzxly{
	width: 70%;
	margin: 20px auto;
}
.showzxly h2{
	font-size: 32px;
	text-align: center;
	color: #333;
	margin-bottom: 30px;
}
.showzxly td,.showzxly tbody,.showzxly table,.showzxly tr{display: block;}
.showzxly .text{display: none;}
.showzxly tbody{display: flex;justify-content: space-between;flex-wrap: wrap;}
.showzxly tr:nth-child(1){
	width: 48%;
}
.showzxly tr:nth-child(2){
	width: 48%;
}
.showzxly tr:nth-child(3){
	width: 48%;
}
.showzxly tr:nth-child(4){
	width: 48%;
}
.showzxly tr{
	width: 100%;
	margin-bottom: 15px
}
.showzxly tr input{
	width: 100%;border: none;
	border: 1px solid #e5e5e5;
	height: 40px;line-height: 40px;
	text-indent: 1em;outline: none;
}
.showzxly .textarea-text{
	width: 100%;border: none;
	border: 1px solid #e5e5e5;
	line-height: 40px;
	text-indent: 1em;
	outline: none;
}
.showzxly .submit{
	width: 130px;text-indent: 0em;
	background-color: #0362a0;
}
.index_xxzx td,.index_xxzx tbody,.index_xxzx table,.index_xxzx tr{display: block;}
.index_xxzx .text{display: none;}
.index_xxzx table{
	width: 750px;
	margin: 0 auto;
	margin-top: 30px;
}
.index_xxzx tr {display: none;}
.index_xxzx tr:nth-child(3){
	display: block;
	width: 75%;
}
.index_xxzx tr:nth-child(3) input{
	width: 100%;width: 100%;border: none;
	border: 1px solid #e5e5e5;
	height:48px;line-height: 50px;
	text-indent: 1em;outline: none;

}
.index_xxzx tr:last-child{
	display: block;
}
.index_xxzx tbody{
	display: flex;justify-content: space-between;
}
.index_xxzx .submit{
	background: url(../images/zhua_03.png) center no-repeat;
	background-color: #0362a0;
	line-height: 50px;
	height: 50px;
	font-size: 14px;
	text-indent: 2em;
	    background-position: 25px 8px;
	outline: none;overflow: hidden;
}
.head_logoright{
	display: flex;
	justify-content: space-between;
}
.yuyan{
	display: flex;
}
.yuyan a{
	display: block;
	width: 40px;
	height: 40px;
	border:1px solid  #f0f0f0;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #cac9c9;
	margin-left: 10px;
}
.yuyan a:hover{background-color: #0362a0;color: #fff;border-color: #0362a0}
.ss{
	width:215px;
	height: 40px;border: 1px solid #d0cece;
	border-radius: 40px;overflow: hidden; 
}
.navsearch_input input{
	float: left;
    background-color: #fff;
    border: none;
    text-indent: 2em;
    outline: none;
    line-height: 40px;
    width: 80%;
}
.searchgo {
    float: left;
    border: none;
    outline: none;
    height: 30px;
    color: #fff;
    width: 13%;
    font-size: 16px;
    background: url(../images/ssou_03.png) center no-repeat;
    background-size: cover;
    margin-top: 5px;
}
.fd{
	position: relative;
	top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    transition: all 1s;
}
@media screen and ( min-width: 1400px) {
	.showpld{
		display: none;
	}
	.diss{
		display: block;
		height: 0px;
	}
	.showgsjj{
		width: 1400px;
		margin:30px auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.showgsjjright{
		width: 48%;
		text-align: center;
	}
	.showgsjjleft{
		width: 48%;
		line-height: 50px;
		font-size: 14px;color: #666;
	}
	.b_img2{
		display: none;
	}
	.b_img1{
		display: block;
	}
	.headfoot{
		display: none;
	}	
	.headfot{
		display: none;
	}
	.htmleaf-container{
		display: none;
	}
	.head_top {
		width: 100%;
		height: 40px;
		background-color: #0362a0;
	}
	.head_top_dv {
		width: 1400px;
		height: 40px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.head_top_dvleft {
		display: flex;
		line-height: 40px;
	}
	.head_top_dvleft p {
		font-size: 16px;
		color: #fff;
		font-family: "AvantGarde Bk BT";
		margin-right: 50px;
	}
	.head_top_dvright ul {
		display: flex;line-height: 40px;color: #fff;
	}
	.head_top_dvright ul li {
		color: #fff;line-height: 40px;
		width: 80px;
		text-align: center;
	}
	.head_top_dvright ul li a {
		line-height: 40px;
		color: #fff;
		margin: 0 10px;
		font-size: 14px;
	}
	.head_logo {
		width: 1400px;
		margin: 0 auto;
		height: 90px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.head_logoleft {
		max-height: 100%;
	}
	.head_logoleft img {
		max-height: 100%;
	}
	.head_logocenter ul {
		display: flex;
	}
	.head_logocenter li {
		margin: 0 20px;
	}
	.head_logocenter li a {
		font-size: 14px;
		color: #333333;
		font-weight: bold;
		line-height: 90px;
	}
	.head_logoright {
		width: 330px;
		max-width: 330px;
	}
	.head_logocenter li a.hover{
		color: #0362a0;
		font-weight: bold;
	}
	.banner img {
		width: 100%;
	}
	.index_aboutright {
		width: 50%;
	}
	.index_aboutleft {
		width: 50%;
	}
	.index_aboutleft img {
		width: 100%;
	}
	.index_about {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.index_aboutright h2 {
		font-size: 32px;
		color: #333333;
	}
	.index_aboutright h2 i {
		font-size: 32px;
		color: #0362a0;
	}
	.index_aboutright span {
		display: block;
		width: 10%;
		height: 2px;
		border-bottom: 3px solid #d4d4d4;
		margin-top: 5px;
	}
	.index_aboutright h3 {
		font-size: 24px;
		color: #666666;
		margin-top: 20px;
	}
	.index_aboutright p {
		width: 70%;
		font-size: 14px;
		color: #666666;
		line-height: 35px;
		margin-top: 20px;
	}
	.index_aboutright a {
		display: flex;
		width: 180px;
		height: 60px;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 14px;
		background-color: #0362a0;
		border-radius: 60px;
		margin-top: 20px;
	}
	.index_cp1 {
		width: 100%;
		display: flex;
		justify-content: center;    max-height: 555px;
	}
	.index_cp1left {
		width: 50%;overflow: hidden;
		position: relative;
	}
	.index_cp1left div {
		font-size: 32px;
		color: #ffffff;
		position: absolute;
		top: 25%;
		text-align: center;
		width: 100%;
	}
	.index_cp1left div span {
		width: 2px;
		display: block;
		height: 60px;
		background-color: #fff;
		margin: 10px auto;
	}
	.index_cp1left div a {
		color: #ffffff;
		font-size: 16px;
	}
	.index_cp1left img {
		width: 100%;    height: 100%;
	}
	.index_cp1right {
		width: 50%;
		max-height: 555px;
	}
	.index_sp {
		width: 100%;
	}
	.index_sp img {
		width: 100%;
	}
	.index_zz {
		width: 100%;
		background-color: #f0f0f0;
	}
	.index_zz h2 {
		text-align: center;
		padding: 30px 0;
		color: #333333;
		font-size: 36px;
	}
	.index_zzdv {
		width: 90%;
		margin: 0 auto;
	}
	.zzdv img {
		width: calc(100% - 10px);
		border: 5px solid #e5e5e5;
	}
	.index_zzdv {
		padding-bottom: 30px;
	}
	.index_news {
		width: 100%;
		background: url(../images/newlogo_02.jpg) left top no-repeat;
	}
	.index_newdv {
		width: 90%;
		margin: 0 auto;
		display: flex;
		margin-top: 40px;
	}
	.index_newdvleft {
		width: 80%;
	}
	.index_newdvright {
		width: 20%;
	}
	.index_newdvright img {
		width: 100%;
	}
	.slideTxtBox {
		width: 100%;
		text-align: left;
		display: flex;
	}
	.slideTxtBox .hd {
		position: relative;
		margin-right: 1%;
		width: 14%;
		min-height: 435px;
	}
	.slideTxtBox .hd h5 {
		font-size: 35px;
		color: #333333;
		line-height: 100px;
		text-align: right;
	}
	.slideTxtBox .hd ul li {
		font-size: 16px;
		color: #898888;
		text-align: right;
		margin-bottom: 10px;
		width: 100%;
	}
	.slideTxtBox .hd ul li.on {
		color: #0362a0;
		font-weight: bold;
	}
	.slideTxtBox .bd li img {
		width: 100%;
	}
	li {
		width: 31%;
	}
	.slideTxtBox .bd li .bdtext h2 {
		color: #333333;
		font-size: 16px;
		line-height: 50px;
		height: 50px;
		overflow: hidden;
	}
	.slideTxtBox .bd li .bdtext p {
		color: #666666;
		font-size: 14px;
		line-height: 30px;
		height: 60px;overflow: hidden;
	}
	.slideTxtBox .bd li .date {
		float: right;
		color: #999;
	}
	.hoverdv {
		display: flex;
		border-top: 1px solid #d7d6d6;
		line-height: 55px;
		justify-content: space-between;
	}
	.hoverdv span {
		color: #c8c6c6;
		font-size: 14px;
	}
	.hoverdv p {
		font-size: 14px;
		font-weight: bold;
		color: #c8c6c6;
	}
	.slideTxtBox .bd {
		width: 80%;
	}
	.slideTxtBox .bd li:hover .hoverdv span{
		display: flex;color: #0362a0;
	}
	.slideTxtBox .bd li:hover .hoverdv p{
		display: flex;color: #0362a0;
	}
	.slideTxtBox .bd li:hover h2{
		color: #0362a0;
	}
	.slideTxtBox .bd li {
		width: 31%;margin: 0 10px;
	}
	.head_logocenter {
		width: 50%;
	}
	.head_logocenter ul {
		width: 100%;
	}
	.slideTxtBox .arrow{  position:absolute; right:-125px; top:100%; z-index: 20;}
		.slideTxtBox .arrow a{ display:block;  width:46px; height:46px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url(../images/zou_03.jpg) 0 0 no-repeat; }
		.slideTxtBox .arrow .next{background:url(../images/zou_05.jpg)  }
	.index_xxzx {
		width: 100%;
		margin: 0 auto;
		height: 355px;
		background: url(../images/foot_03.jpg) center no-repeat;
		margin-top: 40px;background-size: cover;
	}
	.showtop {
		width: 100%;
		height: 50px;
		background-color: #f6f6f6;
	}
	.showdv {
		width: 1400px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.showdv ul li {
		float: left;
		width: 140px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 20px;
	}
	.showdv ul li a {
		display: block;
		color: #666666;
	}
	.showdv ul li:hover a {
		color: #ffffff;
		background-color: #0362a0;
	}
	.showdv ul li a.hover{
		color: #ffffff;
		background-color: #0362a0;
	}
	.showdv div {
		color: #999999;
		font-size: 14px;
	}
	.showdv div a {
		font-size: 14px;
		color: #999999;
		line-height: 50px;
	}
	.showdv div a:hover {
		color: #0362a0;
	}
	.shownew {
		width: 1400px;
		margin: 30px auto;
	}
	.shownewtop li {
		width: 430px;
		background-color: #f6f6f6;
		display: flex;
		flex-flow: wrap;
		padding-bottom: 15px;
	}
	.dvimg {
		width: 400px;
		margin: 15px;
		height: 290px;
		overflow: hidden;
	}
	.dvimg img {
		width: 100%;
	}
	.dvtext {
		width: 400px;
		margin: 0 auto;
	}
	.dvtext h2 {
		font-size: 16px;
		color: #333333;
		margin-bottom: 15px;
	}
	.dvtext p {
		font-size: 14px;
		color: #666666;
		line-height: 30px;
		height: 60px;
		overflow: hidden;
	}
	.shownewtop ul {
		display: flex;
		justify-content: space-between;
	}
	.shownewtop ul li:hover {
		background-color: #ceebfd;
	}
	.shownewtop ul li:hover div img {
		transition: all 1s;
		transform: scale(1.1);
	}
	.shownewtop ul li:hover div h2 {
		color: #0362a0;
		font-weight: bold;
	}
	.shownewslist {
		width: 1400px;
		margin: 30px auto;
	}
	.shownewslist ul li {
		width: 678px;
		border: 1px solid #e5e5e5;
		height: 160px;
	}
	.shownewslist ul li a {
		display: flex;
		align-items: center;
	}
	.shownewslist ul {
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
	}
	.newstime {
		margin: 15px;
		width: 130px;
		height: 130px;
		border-radius: 50%;
		background-color: #f2f2f2;
		text-align: center;
	}
	.newstime h2 {
		font-size: 36px;
		color: #bbbbbb;
		margin-top: 20px;
	}
	.newstime p {
		font-size: 20px;
		color: #d3d3d3;
	}
	.newstext {
		width: 490px;
		margin-left: 5px;
	}
	.newstext h2 {
		font-size: 16px;
		color: #333333;
		line-height: 35px;
	}
	.newstext p {
		font-size: 14px;
		color: #666666;
		line-height: 25px;
	}
	.shownewslist ul li:hover .newstime {
		background-color: #ceebfd;
	}
	.shownewslist ul li:hover .newstext h2 {
		color: #0362a0;
		font-weight: bold;
	}
	.shownewslist ul li {
		margin-bottom: 40px;
	}
	.shownewsall {
		width: 1400px;
		margin: 30px auto;
	}
	.newsalldvtop h2 {
		font-size: 26px;
		color: #333333;
		margin-bottom: 10px;
	}
	.newsalldvtop p {
		color: #a8a7a7;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.newsalldvtext {
		margin: 20px auto;
	}
	.pages {
		width: 1400px;
		display: flex;
		justify-content: center;
		justify-content: space-between;
	}
	.pages p {
		width: 680px;
		height: 60px;
		background-color: #f6f6f6;
		overflow: hidden;
		line-height: 60px;
		border-radius: 60px;
	}
	.pages p a {
		display: block;
		color: #666666;
		font-size: 14px;
		text-indent: 2em;
	}
	.pages p:hover {
		background-color: #0362a0;
	}
	.pages p:hover a {
		color: #FFFFFF;
	}
	.products {
		width: 1400px;
		margin: 30px auto;
	}
	.products li {
		width: 325px;
		margin: 12px;
	}
	.products li div {
		width: 325px;
		height: 325px;
		overflow: hidden;
		position: relative;
		background-color: #efefef;
	}
	.products li div img {
		margin: 10px;
		width: 305px;
		height: 305px;
	}
	.products li:hover div span {
		width: 100%;
		height: 100%;
		display: block;
		background-color: #68a1c6;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.7;
	}
	.products li p {
		color: #333333;
		font-size: 16px;
		text-align: center;
		line-height: 45px;
	}
	.products li:hover div {
		background-color: #0362a0;
	}
	.products li:hover p {
		color: #0362a0;
	}
	.products li:hover i {
		display: block;
		width: 87px;
		height: 87px;
		background: url(../images/shizi_03.png) center no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -43px;
		margin-left: -43px;
	}
	.products ul {
		display: flex;
		flex-flow: wrap;
	}
	.cffm {
		width: 1400px;
		margin: 30px auto;
	}
	.cffm li {
		width: 420px;
		margin: 23px;
	}
	.cffm ul {
		display: flex;
		flex-flow: wrap;
	}
	.cffm li img {
		width: 100%;
	}
	.cffm li p {
		display: flex;
		justify-content: space-between;
		line-height: 40px;
		font-size: 14px;
		color: #333333;
	}
	.cffm li p span {
		color: #b4b3b3;
		font-size: 14px;
	}
	.showproduct {
		width: 1400px;
		margin: 30px auto;
		display: flex;
		justify-content: space-between;
	}
	.showproductleft{
		width: 540px;
		height: 540px;
		background-color: #f9f8f8;
	}
	.box {
		width: 540px;
	}
	.left-pro {
		width: 520px;
		text-align: left;
		float: left;
		margin: 10px;
		background-color: #FFFFFF;
	}
	
	.left-pro .t2 {
		width: 520px;
		text-indent: 0;
		float: left;
	}
	.left-pro .t2 img {
		text-indent: 0;
	}
	#showArea img {
		cursor: pointer;
		display: block;
		margin-bottom: 5px;
		width: 68px;
		padding: 1px;
		border: 1px solid #ccc;
		height: 68px;
		float: left
	}
	#main_img {
		cursor: pointer;
		display: block;
		width:520px;height:520px;
	}
	.t2 img{
		width: 100%;
	}
	#gotop {
		cursor: pointer;
		display: block;
		margin-left: 9px
	}
	#gobottom {
		cursor: pointer;
		display: block;
		margin-left: 9px
	}
	
	.MagicZoomBigImageCont {
		border: 1px solid #91b817;
		overflow: hidden
	}
	.MagicZoomBigImageCont img {
		width: 800px;
		height: 800px
	}
	.MagicZoomBigImageCont iframe {
		width: 300px;
		height: 300px
	}
	.MagicZoomHeader {
		font: 10px Tahoma, Verdana, Arial, sans-serif;
		color: #fff;
		background: #91b817;
		text-align: center !important
	}
	.MagicZoomPup {
		border: 1px solid #aaa;
		background: #fff;
		cursor: hand;
		left: 0
	}
	.MagicZoomLoading {
		text-align: center;
		background: #fff;
		color: #444;
		opacity: 0.8;
		padding: 3px 3px 3px 3px !important;
		display: none
	}
	.MagicZoomLoading img {
		padding-top: 3px !important
	}
	.MagicThumb {
		cursor: url(cursor/zoomin.cur), pointer;
		outline: none
	}
	.MagicThumb-zoomed {
		cursor: default
	}
	.MagicThumb span {
		display: none
	}
	.MagicThumb-image {
		border: 1px solid #ccc;
		outline: none
	}
	.MagicThumb-image-zoomed {
		cursor: url(cursor/zoomout.cur), pointer
	}
	.MagicThumb-caption {
		color: #333333;
		background-color: #F0F0F0;
		border: 1px solid #CCC;
		border-top: none;
		font-family: Verdana, Helvetica;
		font-size: 11px;
		padding: 8px 16px
	}
	.MagicThumb-controlbar {
		display: block;
		height: 18px
	}
	.MagicThumb-controlbar a {
		display: block;
		width: 180px;
		height: 180px;
		margin: 0px 1px;
		outline: none;
		float: left;
		overflow: hidden
	}
	.MagicThumb-controlbar a span {
		display: block;
		width: 1000px;
		height: 1000px;
		background: transparent url(graphics/controlbar.png) no-repeat 0 0;
		outline: none;
		position: absolute;
		left: 0px;
		top: 0px
	}
	.MagicThumb-loading {
		border: 1px solid #000;
		background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
		padding: 2px 2px 2px 22px;
		margin: 0;
		text-decoration: none;
		text-align: left;
		font-size: 8pt;
		font-family: sans-serif;
	}
	.showproductright{
		width: 810px;
	}
	.showproductright h2{
		font-size: 32px;
		color: #333333;
		margin-bottom: 10px;
	}
	.showproductright h3{
		font-size: 14px;
		color: #666666;
		line-height: 25px;
		
	}
	.showproductright p{
		line-height: 30px;
		color: #666666;
		font-size: 14px;
		margin-top: 15px;
	}
	.showproductright h4{
		display: flex;
		margin-top: 10px;
	}
	.showproductright h4 a{
		display: block;
		width: 145px;height: 50px;
		background-color: #0362a0;
		margin-right: 30px;
		text-align: center;
		line-height: 50px;
		color: #fff;font-size: 14px;
	}
	.showproductright h4 a:last-child{
		background-color: #fd6600;
	}
	.showproductright ul {
		display: flex;justify-content: space-between;
	}
	.showproductright ul  li{
		width: 188px;
		height: 188px;
		background-color: #f6f6f6;
	}
	.showproductright ul  li img{
		width: 176;height: 176px;
		margin: 6px;
	}
	.showproductright h5{
		font-size: 20px;color: #333;
		line-height: 35px;margin-top: 10px;
		border-bottom: 1px solid #e6e8e9;
		margin-bottom: 10px;
	}
	.showproductright ul  li:hover{
		background-color: #0362a0;
	}
	.showproducttext{
		width: 1400px;
		margin: 20px auto;
	}
	.showproducttext h6{
		font-size: 16px;
		color: #666666;
		line-height: 50px;
		background-color: #f5f6f6;
		text-indent: 1em;
		margin-bottom: 15px;
	}
	.showppjs{
				width: 100%;
		padding:50px 0;
		background: url(../images/cat_03.jpg) left bottom no-repeat;
		background-color: #f6f6f6;background-position: 300px 200px;

	}
	.ppjsbt{
		text-align: center;
		font-size: 32px;
		color: #333333;
		margin-bottom: 40px;
	}
	.ppjsbt i{
		display: block;
		width: 50px;
		height: 2px;
		border-bottom: 2px solid #5d5d5d;
		margin: 0 auto;
	}
	.ppjstext{
		text-align: center;
		font-size: 14px;
		color: #666666;
		line-height: 35px;
	}
	.showcptd{
		width: 100%;
		display: flex;
	}
	.showcptdright{
		width: 100%;
		background-color: #0362a0;
	}
	.index_newdv .bd ul {
	    display: flex;
	    width: 100%;
	    align-items: flex-start;
	}
	.showcptdright h6{
		margin-left: 50px;
		font-size: 28px;
		color: #FFFFFF;
		margin-top: 40px;
	}
	.showcptdright h6 i{
		font-size: 48px;
	}
	.showcptdright ul{
		margin-left:50px ;
		margin-top: 20px;
		display: flex;
	}
	.showcptdright ul li {text-align: center;margin: 0 10px;}
	.showcptdright ul li span{
		display: block;
		color: #ffffff;
		font-size: 20px;
		text-align: center;
		line-height: 30px;
	} 
	.showcptdright ul li h2{
		color: #ffffff;
		font-size: 26px;
		margin-bottom: 5px;
	}
	.showcptdright ul li p{
		line-height: 25px;
		font-size: 14px;
		color: #ffffff;
	}
	.scbt{
		color: #333333;
		font-size: 36px;
		text-align: center;
		margin-bottom: 30px;
	}
	.showsc{
		margin: 70px auto;
		width: 1400px;
	}
	.showsclist ul {
		display: flex;justify-content: space-between;
	}
	.showsclist ul li{
		width: 350px;
		background: url(../images/bj_03.jpg) center  no-repeat;
		height: 303px;
	}
	.showsclist ul li h1{
		height: 60px;
	}
	.showsclist ul li span{
		display: block;
		margin-left: 30px;
		font-size: 18px;
		color: #ffffff;
	}
	.showsclist ul li h2{
		font-size: 24px;
		font-weight: bold;
		color: #ffffff;
		width: 100%;margin-left: 30px;
	}
	.showsclist ul li i{
		display: block;
		width: 50px;
		height: 2px;
		border-bottom: 1px solid #FFFFFF;
		margin-left: 30px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.showsclist ul li p{
		line-height: 35px;
		width: 70%;
		margin-left: 30px;
		font-size: 14px;
		color: #FFFFFF;
	}
	.showsclist ul li:nth-child(2){
		background-image: url(../images/bj_04.jpg);
	}
	.showsclist ul li:nth-child(3){
		background-image: url(../images/bj_05.jpg);
	}
	.showsclist ul li:nth-child(4){
		background-image: url(../images/bj_06.jpg);
	}
	.showzs{
		width: 100%;
		text-align: center;
		padding: 60px 0;
		padding-bottom: 30px;
		background: url(../images/zs_02.jpg) center no-repeat;
		font-size: 36px;
		color: #ffffff;background-size: cover;
	}
	.showzs h2{
		margin-bottom: 30px;
	}
	.showzs ul {
		width: 1400px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.showzs ul li{
		width: 20%;
	}
	.showzs img{
		width: 100%;
	}
	.showzs ul li img{
	}
	.showzss{
		width: 1400px;margin: 0 auto;
	}
	.lxwm_top{
		width: 1400px;
		margin: 30px auto;
		background-color: #f6f6f6;
		display: flex;
		justify-content: space-between;
	}
	.lxwm_topright img{
		border: 5px solid #e7e5e5;
	}
	.lxwm_topleft{
		width: 300px;
	}
	.lxwm_topleft h2{
		color: #333333;
		font-size: 18px;
		font-weight: bold;
		margin-left: 30px;
		margin-bottom: 10px;
	}
	.lxwm_topleft p{
		line-height: 35px;
		margin-left: 30px;
		font-size: 14px;
		color: #666666;
	}
	.bd ul{
		display: flex;
		width: 100%;align-items: center;
	}
	.slideTxtBoxs{ width:100%; display: flex;    max-height: 555px; }
		.slideTxtBoxs .hd{width: 41%; position:relative;background: url(../images/r_03.jpg) center no-repeat;background-size: cover; }
		.slideTxtBoxs .hd ul{ margin-left: 50px;     }
		.slideTxtBoxs .hd ul li{ cursor:pointer; margin-top: 20px; color: #FFFFFF;font-size: 14px;color: #ffffff;}
		.slideTxtBoxs .hd ul li.on{color: #fd6600;}
		.slideTxtBoxs .bd ul{  zoom:1;    max-height: 555px;  }
		.slideTxtBoxs .bd{
			width: 59%;
			overflow: hidden;
		}
		.slideTxtBoxs .bd li{ height:24px; line-height:24px;   }
		.slideTxtBoxs .bd li .date{ float:right; color:#999;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBoxs .arrow{  position:absolute;left: -46px; top:40%; }
		.slideTxtBoxs .arrow a{ display:block;  width:46px; height:46px; float:right; margin-top:10px;margin-right: 1px;  overflow:hidden;
			 cursor:pointer; background:url(../images/zhua_03.jpg) 0 0 no-repeat; background-size: cover;}
		.slideTxtBoxs .arrow .next{background:url(../images/zhua_04.jpg) 0 0 no-repeat; }
		.slideTxtBoxs .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBoxs .arrow .nextStop{ background-position:-60px -50px; }
		.slideTxtBoxs .hd h2{
			font-size: 20px;
			color: #ffffff;
			margin-left: 50px;
			margin-top: 35px;
		}
		.slideTxtBoxs .hd h2 i{
			display: block;
			width: 30px;
			height: 2px;
			border-bottom: 2px solid #FFFFFF;
			margin-top: 5px;
		}
		
		.slideTxtBoxs1{ width:100%; display: flex;    max-height: 555px; }
		.slideTxtBoxs1 .hd{width: 41%; position:relative;background: url(../images/dw_02.jpg) center no-repeat; background-size: cover;}
		.slideTxtBoxs1 .hd ul{ margin-left: 50px;     }
		.slideTxtBoxs1 .hd ul li{ cursor:pointer; margin-top: 20px; color: #FFFFFF;font-size: 14px;color: #ffffff;}
		.slideTxtBoxs1 .hd ul li.on{color: #0362a0;}
		.slideTxtBoxs1 .bd ul{  zoom:1;    max-height: 555px;  }
		.slideTxtBoxs1 .bd li{ height:24px; line-height:24px;   }
		.slideTxtBoxs1 .bd{
			width: 59%;overflow: hidden;
		}
		.slideTxtBoxs1 .bd li .date{ float:right; color:#999;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBoxs1 .arrow{  position:absolute;right: -48px; top:40%;z-index: 55; }
		.slideTxtBoxs1 .arrow a{ display:block;  width:46px; height:46px; float:right; margin-top:10px;margin-right: 1px;  overflow:hidden;
			 cursor:pointer; background:url(../images/zhua_03.jpg) 0 0 no-repeat; background-size: cover;}
		.slideTxtBoxs1 .arrow .next{background:url(../images/dsa_08.jpg) 0 0 no-repeat; }
		.slideTxtBoxs1 .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBoxs1 .arrow .nextStop{ background-position:-60px -50px; }
		.slideTxtBoxs .bd ul img{width: 100%;display: block;}
		.slideTxtBoxs1 .bd ul img{width: 100%;}
		.slideTxtBoxs1 .hd h2{
			font-size: 20px;
			color: #ffffff;
			margin-left: 50px;
			margin-top: 35px;
		}
		.slideTxtBoxs1 .hd h2 i{
			display: block;
			width: 30px;
			height: 2px;
			border-bottom: 2px solid #FFFFFF;
			margin-top: 5px;
		}
	.index_cp2 {
	    width: 100%;
	    display: flex;
	    justify-content: flex-end;
	    flex-direction:row-reverse;    max-height: 555px;
	}
	.index_xxzx h2{
		text-align: center;
		font-size: 36px;
		color: #ffffff;
		padding-top: 80px;
	}
	.index_xxzx p{
		font-size: 14px;
		color: #ffffff;
		text-align: center;
		margin-top:15px ;
	}
	.foot{
		width: 100%;
		height: 245px;
		background: url(../images/footbg_06.jpg) center no-repeat;
		margin-top: 35px;background-size: cover;
	}
	.footdv{
		width: 1400px;
		margin: 0 auto;height: 245px;	
		display: flex;
	}
	.fdv1{
		width: 25%;
		border-right: 1px solid #024a78;
		height: 100%;
	}
	.fdv1 img{
		padding-top: 15px;
		
	}
	.fdv1 ul{
		display: flex;
	}
	.fdv1 ul li{
		text-align: center;
	}
	.fdv1 ul li p{
		color: #ffffff;
		font-size: 16px;
		margin-top: 5px;
	}
	.fdv2{
		width: 25%;border-right: 1px solid #024a78;height: 100%;
		text-align: center;
	}
	.fdv2 p{
		font-size: 14px;
		color: #f2f2f2;
	}
	.wdl{
		width: 100%;
		height: 60px;
		background-color: #023e66;
	}
	.wdldv{
		width: 1400px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		line-height: 60px;
		color: #ffffff;
		font-size: 14px;
	}
	.wdldv a{
		color: #ffffff;

	}
	.head_top_dvleft p i{
		font-size: 20px;
		color: #FFFFFF;
		margin: 0 15px;
	}
	.fdv2 i{
		display: block;
		width: 70px;
		height: 70px;
		border: 1px solid #fff;
		margin: 20px auto; 
		margin-top: 60px;
		border-radius: 50%;
		color: #FFFFFF;
		font-size: 30px;
		line-height: 70px;
	}
}

@media only screen and (min-width: 1201px) and (max-width: 1399px) {
	.showpld{
		display: none;
	}
	.showgsjj{
		width: 90%;
		margin:30px auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.showgsjjright{
		width: 48%;
		text-align: center;
	}
	.showgsjjleft{
		width: 48%;
		line-height: 30px;
		font-size: 14px;color: #666;
	}
	.htmleaf-container{
		display: none;
	}
	.b_img2{
		display: none;
	}
	.b_img1{
		display: block;
	}
	.headfoot{
		display: none;
	}	
	.headfot{
		display: none;
	}
	.head_top {
		width: 100%;
		height: 40px;
		background-color: #0362a0;
	}
	.head_top_dv {
		width: 100%;
		height: 40px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.head_top_dvleft {
		display: flex;
		line-height: 40px;
	}
	.head_top_dvleft p {
		font-size: 16px;
		color: #fff;
		font-family: "AvantGarde Bk BT";
		margin-right: 50px;
	}
	.head_top_dvright ul {
		display: flex;line-height: 40px;color: #fff;
	}
	.head_top_dvright ul li {
		color: #fff;line-height: 40px;
		width: 80px;
		text-align: center;
	}
	.head_top_dvright ul li a {
		line-height: 40px;
		color: #fff;
		margin: 0 10px;
		font-size: 14px;
	}
	.head_logo {
		width: 100%;
		margin: 0 auto;
		height: 90px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.head_logoleft {
		max-height: 100%;
	}
	.head_logoleft img {
		max-height: 100%;
	}
	.head_logocenter ul {
		display: flex;
		text-align: center;
	}
	.head_logocenter li {
		margin: 0 20px;
	}
	.head_logocenter li a {
		font-size: 14px;
		color: #333333;
		font-weight: bold;
		line-height: 90px;
	}
	.head_logoright {
		width: 330px;
		max-width: 330px;
	}
	.banner img {
		width: 100%;
	}
	.index_aboutright {
		width: 50%;
	}
	.index_aboutleft {
		width: 50%;
	}
	.index_aboutleft img {
		width: 100%;
	}
	.index_about {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 20px auto;
	}
	.index_aboutright h2 {
		font-size: 32px;
		color: #333333;
	}
	.index_aboutright h2 i {
		font-size: 32px;
		color: #0362a0;
	}
	.index_aboutright span {
		display: block;
		width: 10%;
		height: 2px;
		border-bottom: 3px solid #d4d4d4;
		margin-top: 5px;
	}
	.index_aboutright h3 {
		font-size: 24px;
		color: #666666;
		margin-top: 20px;
	}
	.index_aboutright p {
		width: 100%;
		font-size: 14px;
		color: #666666;
		line-height: 35px;
		margin-top: 20px;
	}
	.index_aboutright a {
		display: flex;
		width: 180px;
		height: 60px;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 14px;
		background-color: #0362a0;
		border-radius: 60px;
		margin-top: 20px;
	}
	.index_cp1 {
		width: 100%;
		display: flex;
		justify-content: center;    max-height: 555px;
	}
	.index_cp1left {
		width: 50%;
		position: relative;
	}
	.index_cp1left div {
		font-size: 32px;
		color: #ffffff;
		position: absolute;
		top: 25%;
		text-align: center;
		width: 100%;
	}
	.index_cp1left div span {
		width: 2px;
		display: block;
		height: 60px;
		background-color: #fff;
		margin: 10px auto;
	}
	.index_cp1left div a {
		color: #ffffff;
		font-size: 16px;
	}
	.index_cp1left img {
		width: 100%;    height: 100%;
	}
	.index_cp1right {
		width: 50%;
		max-height: 555px;
	}
	.index_sp {
		width: 100%;
	}
	.index_sp img {
		width: 100%;
	}
	.index_zz {
		width: 100%;
		background-color: #f0f0f0;
	}
	.index_zz h2 {
		text-align: center;
		padding: 30px 0;
		color: #333333;
		font-size: 36px;
	}
	.index_zzdv {
		width: 90%;
		margin: 0 auto;
	}
	.zzdv img {
		width: calc(100% - 10px);
		border: 5px solid #e5e5e5;
	}
	.index_zzdv {
		padding-bottom: 30px;
	}
	.index_news {
		width: 100%;
		background: url(../images/newlogo_02.jpg) left top no-repeat;
	}
	.index_newdv {
		width: 95%;
		margin: 0 auto;
		display: flex;
		margin-top: 40px;
	}
	.index_newdvleft {
		width: 80%;
	}
	.index_newdvright {
		width: 20%;
	}
	.index_newdvright img {
		width: 100%;
	}
	.slideTxtBox {
		width: 100%;
		text-align: left;
		display: flex;
	}
	.slideTxtBox .hd {
		position: relative;
		margin-right: 1%;
		width: 14%;
		min-height: 435px;
	}
	.slideTxtBox .hd h5 {
		font-size: 30px;
		color: #333333;
		line-height: 100px;
		text-align: right;
	}
	.index_newdv .bd ul {
	    display: flex;
	    width: 100%;
	    align-items: flex-start;
	}
	.slideTxtBox .hd ul li {
		font-size: 16px;
		color: #898888;
		text-align: right;
		margin-bottom: 10px;
		width: 100%;
	}
	.slideTxtBox .hd ul li.on {
		color: #0362a0;
		font-weight: bold;
	}
	.slideTxtBox .bd li img {
		width: 100%;
	}
	li {
		width: 31%;
	}
	.slideTxtBox .bd li .bdtext h2 {
		color: #333333;
		font-size: 16px;
		line-height: 50px;
	}
	.slideTxtBox .bd li .bdtext p {
		color: #666666;
		font-size: 14px;
		line-height: 30px;
		height: 60px;
		overflow: hidden;
	}
	.slideTxtBox .bd li .date {
		float: right;
		color: #999;
	}
	.hoverdv {
		display: flex;
		border-top: 1px solid #d7d6d6;
		line-height: 55px;
		justify-content: space-between;
		
	}
	.hoverdv span {
		color: #d7d6d6;
		font-size: 14px;
	}
	.hoverdv p {
		font-size: 14px;
		font-weight: bold;
		color: #d7d6d6;
	}
	.slideTxtBox .bd {
		width: 80%;
	}
	.slideTxtBox .bd li:hover .hoverdv span{
		display: flex;color: #0362a0;
	}
	.slideTxtBox .bd li:hover .hoverdv p{
		display: flex;color: #0362a0;
	}
	.slideTxtBox .bd li:hover h2{
		color: #0362a0;
	}
	.slideTxtBox .bd li {
		width: 29%;margin: 0 15px;
	}
	.head_logocenter {
		width: 50%;
	}
	.head_logocenter ul {
		width: 100%;
	}
	.slideTxtBox .arrow{  position:absolute; right:-125px; top:85%; z-index: 55;}
	.slideTxtBox .arrow a{ display:block;  width:46px; height:46px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url(../images/zou_03.jpg) 0 0 no-repeat; }
	.slideTxtBox .arrow .next{background:url(../images/zou_05.jpg)  }
	.index_xxzx {
		width: 100%;
		margin: 0 auto;
		height: 355px;
		background: url(../images/foot_03.jpg) center no-repeat;
		margin-top: 40px;
	}
	.showtop {
		width: 100%;
		height: 50px;
		background-color: #f6f6f6;
	}
	.showdv {
		width: 95%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.showdv ul li {
		float: left;
		width: 140px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 20px;
	}
	.showdv ul li a {
		display: block;
		color: #666666;
	}
	.showdv ul li:hover a {
		color: #ffffff;
		background-color: #0362a0;
	}
	.showdv div {
		color: #999999;
		font-size: 14px;
	}
	.showdv div a {
		font-size: 14px;
		color: #999999;
		line-height: 50px;
	}
	.showdv div a:hover {
		color: #0362a0;
	}
	.shownew {
		width: 95%;
		margin: 30px auto;
	}
	.shownewtop li {
		width: 430px;
		background-color: #f6f6f6;
		display: flex;
		flex-flow: wrap;
		padding-bottom: 15px;
		overflow: hidden;
	}
	.dvimg {
		width:calc(100%-20px);
		margin: 15px;
		overflow: hidden;
	}
	.dvimg img {
		width:calc(100%-20px);
	}
	.dvtext {
		width: 90%;
		margin: 0 auto;
	}
	.dvtext h2 {
		font-size: 16px;
		color: #333333;
		margin-bottom: 15px;
	}
	.dvtext p {
		font-size: 14px;
		color: #666666;
		line-height: 30px;
		height: 60px;
		overflow: hidden;
	}
	.shownewtop ul {
		display: flex;
		justify-content: space-between;
	}
	.shownewtop ul li:hover {
		background-color: #ceebfd;
	}
	.shownewtop ul li:hover div img {
		transition: all 1s;
		transform: scale(1.1);
	}
	.shownewtop ul li:hover div h2 {
		color: #0362a0;
		font-weight: bold;
	}
	.shownewslist {
		width: 95%;
		margin: 30px auto;
	}
	.shownewslist ul li {
		width: 47%;
		border: 1px solid #e5e5e5;
		height: 160px;
	}
	.shownewslist ul li a {
		display: flex;
		align-items: center;
	}
	.shownewslist ul {
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
	}
	.newstime {
		margin: 15px;
		width: 130px;
		height: 130px;
		border-radius: 50%;
		background-color: #f2f2f2;
		text-align: center;
	}
	.newstime h2 {
		font-size: 36px;
		color: #bbbbbb;
		margin-top: 20px;
	}
	.newstime p {
		font-size: 20px;
		color: #d3d3d3;
	}
	.newstext {
		width: 65%;
		margin-left: 5px;
	}
	.newstext h2 {
		font-size: 16px;
		color: #333333;
		line-height: 35px;
	}
	.newstext p {
		font-size: 14px;
		color: #666666;
		line-height: 25px;
	}
	.shownewslist ul li:hover .newstime {
		background-color: #ceebfd;
	}
	.shownewslist ul li:hover .newstext h2 {
		color: #0362a0;
		font-weight: bold;
	}
	.shownewslist ul li {
		margin-bottom: 40px;
	}
	.shownewsall {
		width: 95%;
		margin: 30px auto;
	}
	.newsalldvtop h2 {
		font-size: 26px;
		color: #333333;
		margin-bottom: 10px;
	}
	.newsalldvtop p {
		color: #a8a7a7;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.newsalldvtext {
		margin: 20px auto;
	}
	.pages {
		width: 100%;
		display: flex;
		justify-content: center;
		justify-content: space-between;
	}
	.pages p {
		width: 680px;
		height: 60px;
		background-color: #f6f6f6;
		overflow: hidden;
		line-height: 60px;
		border-radius: 60px;
	}
	.pages p a {
		display: block;
		color: #666666;
		font-size: 14px;
		text-indent: 2em;
	}
	.pages p:hover {
		background-color: #0362a0;
	}
	.pages p:hover a {
		color: #FFFFFF;
	}
	.products {
		width: 95%;
		margin: 30px auto;
	}
	.products li {
		width: 22%;
		margin: 12px;
	}
	.products li div {
		position: relative;
		background-color: #efefef;
	}
	.products li div img {
		margin: 10px;
		width: calc(100% - 20px);
	}
	.products li:hover div span {
		width: 100%;
		height: 100%;
		display: block;
		background-color: #68a1c6;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.7;
	}
	.products li p {
		color: #333333;
		font-size: 16px;
		text-align: center;
		line-height: 45px;
	}
	.products li:hover div {
		background-color: #0362a0;
	}
	.products li:hover p {
		color: #0362a0;
	}
	.products li:hover i {
		display: block;
		width: 87px;
		height: 87px;
		background: url(../images/shizi_03.png) center no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -43px;
		margin-left: -43px;
	}
	.products ul {
		display: flex;
		flex-flow: wrap;
	}
	.cffm {
		width: 95%;
		margin: 30px auto;
	}
	.cffm li {
		width: 31%;
		margin: 1%;
	}
	.cffm ul {
		display: flex;
		flex-flow: wrap;
	}
	.cffm li img {
		width: 100%;
	}
	.cffm li p {
		display: flex;
		justify-content: space-between;
		line-height: 40px;
		font-size: 14px;
		color: #333333;
	}
	.cffm li p span {
		color: #b4b3b3;
		font-size: 14px;
	}
	.showproduct {
		width: 95%;
		margin: 30px auto;
		display: flex;
		justify-content: space-between;
	}
	.showproductleft{
		width: 45%;
		background-color: #f9f8f8;
	}
	.box {
		width: 100%;
	}
	.left-pro {
		width:calc( 100% - 20px);
		text-align: left;
		float: left;
		margin: 10px;
		background-color: #FFFFFF;
	}
	
	.left-pro .t2 {
		width: 100%;
		text-indent: 0;
		float: left;
	}
	.left-pro .t2 img {
		text-indent: 0;
	}
	#showArea img {
		cursor: pointer;
		display: block;
		margin-bottom: 5px;
		width: 68px;
		padding: 1px;
		border: 1px solid #ccc;
		height: 68px;
		float: left
	}
	#main_img {
		cursor: pointer;
		display: block;
		width:520px;height:520px;
	}
	.t2 img{
		width: 100%;
	}
	#gotop {
		cursor: pointer;
		display: block;
		margin-left: 9px
	}
	#gobottom {
		cursor: pointer;
		display: block;
		margin-left: 9px
	}
	
	.MagicZoomBigImageCont {
		border: 1px solid #91b817;
		overflow: hidden
	}
	.MagicZoomBigImageCont img {
		width: 800px;
		height: 800px
	}
	.MagicZoomBigImageCont iframe {
		width: 300px;
		height: 300px
	}
	.MagicZoomHeader {
		font: 10px Tahoma, Verdana, Arial, sans-serif;
		color: #fff;
		background: #91b817;
		text-align: center !important
	}
	.MagicZoomPup {
		border: 1px solid #aaa;
		background: #fff;
		cursor: hand;
		left: 0
	}
	.MagicZoomLoading {
		text-align: center;
		background: #fff;
		color: #444;
		opacity: 0.8;
		padding: 3px 3px 3px 3px !important;
		display: none
	}
	.MagicZoomLoading img {
		padding-top: 3px !important
	}
	.MagicThumb {
		cursor: url(cursor/zoomin.cur), pointer;
		outline: none
	}
	.MagicThumb-zoomed {
		cursor: default
	}
	.MagicThumb span {
		display: none
	}
	.MagicThumb-image {
		border: 1px solid #ccc;
		outline: none
	}
	.MagicThumb-image-zoomed {
		cursor: url(cursor/zoomout.cur), pointer
	}
	.MagicThumb-caption {
		color: #333333;
		background-color: #F0F0F0;
		border: 1px solid #CCC;
		border-top: none;
		font-family: Verdana, Helvetica;
		font-size: 11px;
		padding: 8px 16px
	}
	.MagicThumb-controlbar {
		display: block;
		height: 18px
	}
	.MagicThumb-controlbar a {
		display: block;
		width: 180px;
		height: 180px;
		margin: 0px 1px;
		outline: none;
		float: left;
		overflow: hidden
	}
	.MagicThumb-controlbar a span {
		display: block;
		width: 1000px;
		height: 1000px;
		background: transparent url(graphics/controlbar.png) no-repeat 0 0;
		outline: none;
		position: absolute;
		left: 0px;
		top: 0px
	}
	.MagicThumb-loading {
		border: 1px solid #000;
		background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
		padding: 2px 2px 2px 22px;
		margin: 0;
		text-decoration: none;
		text-align: left;
		font-size: 8pt;
		font-family: sans-serif;
	}
	.showproductright{
		width: 50%;
	}
	.showproductright h2{
		font-size: 32px;
		color: #333333;
		margin-bottom: 10px;
	}
	.showproductright h3{
		font-size: 14px;
		color: #666666;
		line-height: 25px;
		
		overflow: hidden;
	}
	.showproductright p{
		line-height: 30px;
		color: #666666;
		font-size: 14px;
		margin-top: 15px;
	}
	.showproductright h4{
		display: flex;
		margin-top: 10px;
	}
	.showproductright h4 a{
		display: block;
		width: 145px;height: 50px;
		background-color: #0362a0;
		margin-right: 30px;
		text-align: center;
		line-height: 50px;
		color: #fff;font-size: 14px;
	}
	.showproductright h4 a:last-child{
		background-color: #fd6600;
	}
	.showproductright ul {
		display: flex;justify-content: space-between;
	}
	.showproductright ul  li{
		width: 23%;
		background-color: #f6f6f6;
	}
	.showproductright ul  li img{
		width: calc(100% - 12px);
		margin: 6px;
	}
	.showproductright h5{
		font-size: 20px;color: #333;
		line-height: 35px;margin-top: 10px;
		border-bottom: 1px solid #e6e8e9;
		margin-bottom: 10px;
	}
	.showproductright ul  li:hover{
		background-color: #0362a0;
	}
	.showproducttext{
		width: 95%;
		margin: 20px auto;
	}
	.showproducttext h6{
		font-size: 16px;
		color: #666666;
		line-height: 50px;
		background-color: #f5f6f6;
		text-indent: 1em;
		margin-bottom: 15px;
	}
	.showppjs{
				width: 100%;
		padding:50px 0;
		background: url(../images/cat_03.jpg) left bottom no-repeat;
		background-color: #f6f6f6;
	}
	.ppjsbt{
		text-align: center;
		font-size: 32px;
		color: #333333;
		margin-bottom: 40px;
	}
	.ppjsbt i{
		display: block;
		width: 50px;
		height: 2px;
		border-bottom: 2px solid #5d5d5d;
		margin: 0 auto;
	}
	.ppjstext{
		text-align: center;
		font-size: 14px;
		color: #666666;
		line-height: 35px;
	}
	.showcptd{
		width: 100%;
		display: flex;
	}
	.showcptdright{
		width: 100%;
		background-color: #0362a0;
	}
	.showcptdright h6{
		margin-left: 20px;
		font-size: 28px;
		color: #FFFFFF;
		margin-top: 40px;
	}
	.showcptdright h6 i{
		font-size: 48px;
	}
	.showcptdright ul{
		margin-left:20px ;
		margin-top: 20px;
		display: flex;
	}
	.showcptdright ul li {text-align: center;margin: 0 10px;}
	.showcptdright ul li span{
		display: block;
		color: #ffffff;
		font-size: 20px;
		text-align: center;
		line-height: 30px;
	} 
	.showcptdright ul li h2{
		color: #ffffff;
		font-size: 26px;
		margin-bottom: 5px;
	}
	.showcptdright ul li p{
		line-height: 25px;
		font-size: 14px;
		color: #ffffff;
	}
	.scbt{
		color: #333333;
		font-size: 36px;
		text-align: center;
		margin-bottom: 30px;
	}
	.showsc{
		margin: 70px auto;
		width: 100%;
	}
	.showsclist ul {
		display: flex;justify-content: space-between;
	}
	.showsclist ul li{
		width: 350px;
		background: url(../images/bj_03.jpg) center  no-repeat;
		height: 303px;
	}
	.showsclist ul li h1{
		height: 60px;
	}
	.showsclist ul li span{
		display: block;
		margin-left: 30px;
		font-size: 18px;
		color: #ffffff;
	}
	.showsclist ul li h2{
		font-size: 24px;
		font-weight: bold;
		color: #ffffff;
		width: 85%;margin-left: 30px;
	}
	.showsclist ul li i{
		display: block;
		width: 50px;
		height: 2px;
		border-bottom: 1px solid #FFFFFF;
		margin-left: 30px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.showsclist ul li p{
		line-height: 35px;
		width: 70%;
		margin-left: 30px;
		font-size: 14px;
		color: #FFFFFF;
	}
	.showsclist ul li:nth-child(2){
		background-image: url(../images/bj_04.jpg);
	}
	.showsclist ul li:nth-child(3){
		background-image: url(../images/bj_05.jpg);
	}
	.showsclist ul li:nth-child(4){
		background-image: url(../images/bj_06.jpg);
	}
	.showzs{
		width: 100%;
		text-align: center;
		padding: 60px 0;
		padding-bottom: 30px;
		background: url(../images/zs_02.jpg) center no-repeat;
		font-size: 36px;
		color: #ffffff;
	}
	.showzs h2{
		margin-bottom: 30px;
	}
	.showzs ul {
		width: 90%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.showzs ul li{
		border: 10px solid #e5e5e5;
		width: 20%;
	}
	.showzs ul li img{
		width: 100%;
		height: 100%;
	}
	.lxwm_top{
		width: 95%;
		margin: 30px auto;
		background-color: #f6f6f6;
		display: flex;
		justify-content: space-between;
	}
	.lxwm_topright img{
		border: 5px solid #e7e5e5;    width: 100%;
	}
	.lxwm_topleft{
		width: 300px;
	}
	.lxwm_topleft h2{
		color: #333333;
		font-size: 18px;
		font-weight: bold;
		margin-left: 30px;
		margin-bottom: 10px;
	}
	.lxwm_topleft p{
		line-height: 35px;
		margin-left: 30px;
		font-size: 14px;
		color: #666666;
	}
	.bd ul{
		display: flex;
		width: 100%;    align-items: center;
	}
	.slideTxtBoxs{ width:100%; display: flex;    }
		.slideTxtBoxs .hd{width: 41%; position:relative;background: url(../images/r_03.jpg) center no-repeat; }
		.slideTxtBoxs .hd ul{ margin-left: 50px;     }
		.slideTxtBoxs .hd ul li{    width: 120px; cursor:pointer; margin-top: 20px; color: #FFFFFF;font-size: 14px;color: #ffffff;}
		.slideTxtBoxs .hd ul li.on{color: #fd6600;}
		.slideTxtBoxs .bd{width: 59%;}
		.slideTxtBoxs .bd ul{  zoom:1;    max-height: 555px;  }
		.slideTxtBoxs .bd ul img{width: 100%;}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBoxs .arrow{  position:absolute;left: -46px; top:40%; }
		.slideTxtBoxs .arrow a{ display:block;  width:46px; height:46px; float:right; margin-top:10px;margin-right: 1px;  overflow:hidden;
			 cursor:pointer; background:url(../images/zhua_03.jpg) 0 0 no-repeat; background-size: cover;}
		.slideTxtBoxs .arrow .next{background:url(../images/zhua_04.jpg) 0 0 no-repeat; }
		.slideTxtBoxs .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBoxs .arrow .nextStop{ background-position:-60px -50px; }
		.slideTxtBoxs .hd h2{
			font-size: 20px;
			color: #ffffff;
			margin-left: 50px;
			margin-top: 35px;
		}
		.slideTxtBoxs .hd h2 i{
			display: block;
			width: 30px;
			height: 2px;
			border-bottom: 2px solid #FFFFFF;
			margin-top: 5px;
		}
		
		.slideTxtBoxs1{ width:100%; display: flex;    max-height: 555px; }
		.slideTxtBoxs1 .hd{width: 41%; position:relative;background: url(../images/dw_02.jpg) center no-repeat; }
		.slideTxtBoxs1 .hd ul{ margin-left: 50px;     }
		.slideTxtBoxs1 .hd ul li{ cursor:pointer; margin-top: 20px; color: #FFFFFF;font-size: 14px;color: #ffffff;}
		.slideTxtBoxs1 .hd ul li.on{color: #0362a0;}
		.slideTxtBoxs1 .bd ul{  zoom:1;    max-height: 555px;  }
		.slideTxtBoxs1 .bd li{ height:24px; line-height:24px;   }
		.slideTxtBoxs1 .bd li .date{ float:right; color:#999;  }
		.slideTxtBoxs1 .bd{
			width: 59%;
		}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBoxs1 .arrow{  position:absolute;right: -48px; top:40%;z-index: 99 }
		.slideTxtBoxs1 .arrow a{ display:block;  width:46px; height:46px; float:right; margin-top:10px;margin-right: 1px;  overflow:hidden;
			 cursor:pointer; background:url(../images/zhua_03.jpg) 0 0 no-repeat; background-size: cover;}
		.slideTxtBoxs1 .arrow .next{background:url(../images/dsa_08.jpg) 0 0 no-repeat; }
		.slideTxtBoxs1 .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBoxs1 .arrow .nextStop{ background-position:-60px -50px; }
		.slideTxtBoxs1 .bd ul img{width: 100%;}
		.slideTxtBoxs1 .hd h2{
			font-size: 20px;
			color: #ffffff;
			margin-left: 50px;
			margin-top: 35px;
		}
		.slideTxtBoxs1 .hd h2 i{
			display: block;
			width: 30px;
			height: 2px;
			border-bottom: 2px solid #FFFFFF;
			margin-top: 5px;
		}
	.index_cp2 {
	    width: 100%;
	    display: flex;
	    justify-content: flex-end;
	    flex-direction:row-reverse;
	}
	.index_xxzx h2{
		text-align: center;
		font-size: 36px;
		color: #ffffff;
		padding-top: 80px;
	}
	.index_xxzx p{
		font-size: 14px;
		color: #ffffff;
		text-align: center;
		margin-top:15px ;
	}
	.foot{
		width: 100%;
		height: 245px;
		background: url(../images/footbg_06.jpg) center no-repeat;
		margin-top: 35px;
	}
	.footdv{
		width: 95%;
		margin: 0 auto;height: 245px;	
		display: flex;
	}
	.fdv1{
		width: 25%;
		border-right: 1px solid #024a78;
		height: 100%;
	}
	.fdv1 img{
		padding-top: 15px;
		
	}
	.fdv1 ul{
		display: flex;
	}
	.fdv1 ul li{
		text-align: center;
	}
	.fdv1 ul li p{
		color: #ffffff;
		font-size: 16px;
		margin-top: 5px;
	}
	.fdv2{
		width: 25%;border-right: 1px solid #024a78;height: 100%;
		text-align: center;
	}
	.fdv2 p{
		font-size: 14px;
		color: #f2f2f2;
	}
	.wdl{
		width: 100%;
		height: 60px;
		background-color: #023e66;
	}
	.wdldv{
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		line-height: 60px;
		color: #ffffff;
		font-size: 14px;
	}
	.wdldv a{
		color: #ffffff;

	}
	.head_top_dvleft p i{
		font-size: 20px;
		color: #FFFFFF;
		margin: 0 10px;
	}
	.fdv2 i{
		display: block;
		width: 70px;
		height: 70px;
		border: 1px solid #fff;
		margin: 20px auto; 
		margin-top: 60px;
		border-radius: 50%;
		color: #FFFFFF;
		font-size: 30px;
		line-height: 70px;
	}
	.showzs .swiper-container{
		width: 95%;margin: 0 auto;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.showgsjj{
		width: 90%;
		margin:30px auto;
	}
	
	.showgsjjright{
		width: 100%;
		text-align: center;
	}
	.showgsjjleft{
		width: 100%;
		line-height: 30px;
		font-size: 14px;color: #666;
	}
	.showpld{
		display: none;
	}
	.b_img2{
		display: none;
	}
	.b_img1{
		display: block;
	}
	.headfoot{
		display: none;
	}	
	.headfot{
		display: none;
	}
	.head_top {
		width: 100%;
		height: 40px;
		background-color: #0362a0;
		display: none;
	}
	.head_top_dv {
		width: 100%;
		height: 40px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.head_top_dvleft {
		display: flex;
		line-height: 40px;
	}
	.head_top_dvleft p {
		font-size: 16px;
		color: #fff;
		font-family: "AvantGarde Bk BT";
		margin-right: 50px;
	}
	.head_top_dvright ul {
		display: flex;line-height: 40px;color: #fff;
	}
	.head_top_dvright ul li {
		color: #fff;line-height: 40px;
		width: 80px;
		text-align: center;
	}
	.head_top_dvright ul li a {
		line-height: 40px;
		color: #fff;
		margin: 0 10px;
		font-size: 14px;
	}
	.head_logo {
		display: none;
		width: 100%;
		margin: 0 auto;
		height: 90px;
		display: none;
		justify-content: space-between;
		align-items: center;
	}
	.head_logoleft {
		max-height: 100%;
	}
	.head_logoleft img {
		max-height: 100%;
	}
	.head_logocenter ul {
		display: flex;
		text-align: center;
	}
	.head_logocenter li {
		margin: 0 20px;
	}
	.head_logocenter li a {
		font-size: 14px;
		color: #333333;
		font-weight: bold;
		line-height: 90px;
	}
	.head_logoright {
		width: 330px;
		max-width: 330px;
	}
	.banner img {
		width: 100%;
	}
	.index_aboutright {
		width: 50%;
	}
	.index_aboutleft {
		width: 50%;
	}
	.index_aboutleft img {
		width: 100%;
	}
	.index_about {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 20px auto;
	}
	.index_aboutright h2 {
		font-size: 32px;
		color: #333333;
	}
	.index_aboutright h2 i {
		font-size: 32px;
		color: #0362a0;
	}
	.index_aboutright span {
		display: block;
		width: 10%;
		height: 2px;
		border-bottom: 3px solid #d4d4d4;
		margin-top: 5px;
	}
	.index_aboutright h3 {
		font-size: 24px;
		color: #666666;
		margin-top: 20px;
	}
	.index_aboutright p {
		width: 100%;
		font-size: 14px;
		color: #666666;
		line-height: 35px;
		margin-top: 20px;
	}
	.index_aboutright a {
		display: flex;
		width: 180px;
		height: 60px;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 14px;
		background-color: #0362a0;
		border-radius: 60px;
		margin-top: 20px;
	}
	.index_cp1 {
		width: 95%;
		display: flex;
		justify-content: center;   
	}
	.index_cp1left {
		width: 50%;
		position: relative;
	}
	.index_cp1left div {
		font-size: 32px;
		color: #ffffff;
		position: absolute;
		top: 25%;
		text-align: center;
		width: 100%;
	}
	.index_cp1left div span {
		width: 2px;
		display: block;
		height: 60px;
		background-color: #fff;
		margin: 10px auto;
	}
	.index_cp1left div a {
		color: #ffffff;
		font-size: 16px;
	}
	.index_cp1left img {
		width: 100%;    height: 100%;
	}
	.index_cp1right {
		width: 50%;
		max-height: 555px;
	}
	.index_sp {
		width: 100%;
	}
	.index_sp img {
		width: 100%;
	}
	.index_zz {
		width: 100%;
		background-color: #f0f0f0;
	}
	.index_zz h2 {
		text-align: center;
		padding: 30px 0;
		color: #333333;
		font-size: 36px;
	}
	.index_zzdv {
		width: 90%;
		margin: 0 auto;
	}
	.zzdv img {
		width: calc(100% - 10px);
		border: 5px solid #e5e5e5;
	}
	.index_zzdv {
		padding-bottom: 30px;
	}
	.index_news {
		width: 100%;
		background: url(../images/newlogo_02.jpg) left top no-repeat;
	}
	.index_newdv {
		width: 95%;
		margin: 0 auto;
		display: flex;
		margin-top: 40px;
	}
	.index_newdvleft {
		width: 100%;
	}
	.index_newdvright {
		width: 20%;display: none;
	}
	.index_newdvright img {
		width: 100%;
	}
	.slideTxtBox {
		width: 100%;
		text-align: left;
	}
	.slideTxtBox .hd {
		position: relative;
		width: 100%;
		min-height: 135px;
	}
	.slideTxtBox .hd ul{
		display: flex;
		text-align: center;
		justify-content: center;
	}
	.slideTxtBox .hd h5 {
		font-size: 30px;
		color: #333333;
		line-height: 100px;
		text-align: right;
		text-align: center;
	}
	.index_newdv .bd ul {
	    display: flex;
	    width: 100%;
	    align-items: flex-start;justify-content: space-between;
	}
	.slideTxtBox .hd ul li {
		font-size: 16px;
		color: #898888;
		text-align: center;
		margin-bottom: 10px;
		width: 100%;
	}
	.slideTxtBox .hd ul li.on {
		color: #0362a0;
		font-weight: bold;
	}
	.slideTxtBox .bd li img {
		width: 100%;
	}
	li {
		width: 31%;
	}
	.slideTxtBox .bd li .bdtext h2 {
		color: #333333;
		font-size: 16px;
		line-height: 50px;
	}
	.slideTxtBox .bd li .bdtext p {
		color: #666666;
		font-size: 14px;
		line-height: 30px;
		height: 60px;
		overflow: hidden;
	}
	.slideTxtBox .bd li .date {
		float: right;
		color: #999;
	}
	.hoverdv {
		display: flex;
		border-top: 1px solid #d7d6d6;
		line-height: 55px;
		justify-content: space-between;
		display: none;
	}
	.hoverdv span {
		color: #c8c6c6;
		font-size: 14px;
	}
	.hoverdv p {
		font-size: 14px;
		font-weight: bold;
		color: #0362a0;
	}
	.slideTxtBox .bd {
		width: 100%;
	}
	.slideTxtBox .bd li:hover .hoverdv {
		display: flex;
	}
	.slideTxtBox .bd li {
		width: 31%;margin: 0 10px;
	}
	.head_logocenter {
		width: 50%;
	}
	.head_logocenter ul {
		width: 100%;
	}
	.slideTxtBox .arrow{  position:absolute; left:0px; bottom:-60%; z-index: 55;width: 100%;display: none;}
	.slideTxtBox .arrow a{ display:block;  width:46px; height:46px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url(../images/zou_03.jpg) 0 0 no-repeat; }
	.slideTxtBox .arrow .next{background:url(../images/zou_05.jpg);    position: absolute;right:00px;  }
	.slideTxtBox .arrow .prev{  position: absolute;left: 00px;  }
	.index_xxzx {
		width: 100%;
		margin: 0 auto;
		height: 355px;
		background: url(../images/foot_03.jpg) center no-repeat;
		margin-top: 40px;
	}
	.showtop {
		width: 100%;
		height: 50px;
		background-color: #f6f6f6;
	}
	.showdv {
		width: 95%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.showdv ul li {
		float: left;
		width: 140px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 20px;
	}
	.showdv ul li a {
		display: block;
		color: #666666;
	}
	.showdv ul li:hover a {
		color: #ffffff;
		background-color: #0362a0;
	}
	.showdv div {
		color: #999999;
		font-size: 14px;
	}
	.showdv div a {
		font-size: 14px;
		color: #999999;
		line-height: 50px;
	}
	.showdv div a:hover {
		color: #0362a0;
	}
	.shownew {
		width: 95%;
		margin: 30px auto;
	}
	.shownewtop li {
		width: 31%;
		background-color: #f6f6f6;
		display: flex;
		flex-flow: wrap;
		padding-bottom: 15px;
	}
	.dvimg {
		width:calc(100%-20px);
		margin: 15px;
		overflow: hidden;
	}
	.dvimg img {
		width:100%;
	}
	.dvtext {
		width: 90%;
		margin: 0 auto;
	}
	.dvtext h2 {
		font-size: 16px;
		color: #333333;
		margin-bottom: 15px;
	}
	.dvtext p {
		font-size: 14px;
		color: #666666;
		line-height: 30px;
		height: 60px;
		overflow: hidden;
	}
	.shownewtop ul {
		display: flex;
		justify-content: space-between;
	}
	.shownewtop ul li:hover {
		background-color: #ceebfd;
	}
	.shownewtop ul li:hover div img {
		transition: all 1s;
		transform: scale(1.1);
	}
	.shownewtop ul li:hover div h2 {
		color: #0362a0;
		font-weight: bold;
	}
	.shownewslist {
		width: 95%;
		margin: 30px auto;
	}
	.shownewslist ul li {
		width: 100%;
		border: 1px solid #e5e5e5;
		height: 160px;
	}
	.shownewslist ul li a {
		display: flex;
		align-items: center;
	}
	.shownewslist ul {
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
	}
	.newstime {
		margin: 15px;
		width: 130px;
		height: 130px;
		border-radius: 50%;
		background-color: #f2f2f2;
		text-align: center;
	}
	.newstime h2 {
		font-size: 36px;
		color: #bbbbbb;
		margin-top: 20px;
	}
	.newstime p {
		font-size: 20px;
		color: #d3d3d3;
	}
	.newstext {
		width: 65%;
		margin-left: 5px;
	}
	.newstext h2 {
		font-size: 16px;
		color: #333333;
		line-height: 35px;
	}
	.newstext p {
		font-size: 14px;
		color: #666666;
		line-height: 25px;
	}
	.shownewslist ul li:hover .newstime {
		background-color: #ceebfd;
	}
	.shownewslist ul li:hover .newstext h2 {
		color: #0362a0;
		font-weight: bold;
	}
	.shownewslist ul li {
		margin-bottom: 40px;
	}
	.shownewsall {
		width: 95%;
		margin: 30px auto;
	}
	.newsalldvtop h2 {
		font-size: 26px;
		color: #333333;
		margin-bottom: 10px;
	}
	.newsalldvtop p {
		color: #a8a7a7;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.newsalldvtext {
		margin: 20px auto;
	}
	.pages {
		width: 100%;
		display: flex;
		justify-content: center;
		justify-content: space-between;
	}
	.pages p {
		width: 680px;
		height: 60px;
		background-color: #f6f6f6;
		overflow: hidden;
		line-height: 60px;
		border-radius: 60px;
	}
	.pages p a {
		display: block;
		color: #666666;
		font-size: 14px;
		text-indent: 2em;
	}
	.pages p:hover {
		background-color: #0362a0;
	}
	.pages p:hover a {
		color: #FFFFFF;
	}
	.products {
		width: 95%;
		margin: 30px auto;
	}
	.products li {
		width: 23%;
		margin: 1%;
	}
	.products li div {
		position: relative;
		background-color: #efefef;
	}
	.products li div img {
		margin: 10px;
		width: calc(100% - 20px);
	}
	.products li:hover div span {
		width: 100%;
		height: 100%;
		display: block;
		background-color: #68a1c6;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.7;
	}
	.newsalldvtop{
		text-align: center;
	}
	.products li p {
		color: #333333;
		font-size: 16px;
		text-align: center;
		line-height: 45px;
	}
	.products li:hover div {
		background-color: #0362a0;
	}
	.products li:hover p {
		color: #0362a0;
	}
	.products li:hover i {
		display: block;
		width: 87px;
		height: 87px;
		background: url(../images/shizi_03.png) center no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -43px;
		margin-left: -43px;
	}
	.products ul {
		display: flex;
		flex-flow: wrap;
	}
	.cffm {
		width: 95%;
		margin: 30px auto;
	}
	.cffm li {
		width: 31%;
		margin: 1%;
	}
	.cffm ul {
		display: flex;
		flex-flow: wrap;
	}
	.cffm li img {
		width: 100%;
	}
	.cffm li p {
		display: flex;
		justify-content: space-between;
		line-height: 40px;
		font-size: 14px;
		color: #333333;
	}
	.cffm li p span {
		color: #b4b3b3;
		font-size: 14px;
	}
	.showproduct {
		width: 95%;
		margin: 30px auto;
		display: flex;
		justify-content: space-between;
	}
	.showproductleft{
		width: 45%;
		background-color: #f9f8f8;
	}
	.box {
		width: 100%;
	}
	.left-pro {
		width:calc( 100% - 20px);
		text-align: left;
		float: left;
		margin: 10px;
		background-color: #FFFFFF;
	}
	
	.left-pro .t2 {
		width: 100%;
		text-indent: 0;
		float: left;
	}
	.left-pro .t2 img {
		text-indent: 0;
	}
	#showArea img {
		cursor: pointer;
		display: block;
		margin-bottom: 5px;
		width: 68px;
		padding: 1px;
		border: 1px solid #ccc;
		height: 68px;
		float: left
	}
	#main_img {
		cursor: pointer;
		display: block;
		width:520px;height:520px;
	}
	.t2 img{
		width: 100%;
	}
	#gotop {
		cursor: pointer;
		display: block;
		margin-left: 9px
	}
	#gobottom {
		cursor: pointer;
		display: block;
		margin-left: 9px
	}
	
	.MagicZoomBigImageCont {
		border: 1px solid #91b817;
		overflow: hidden
	}
	.MagicZoomBigImageCont img {
		width: 800px;
		height: 800px
	}
	.MagicZoomBigImageCont iframe {
		width: 300px;
		height: 300px
	}
	.MagicZoomHeader {
		font: 10px Tahoma, Verdana, Arial, sans-serif;
		color: #fff;
		background: #91b817;
		text-align: center !important
	}
	.MagicZoomPup {
		border: 1px solid #aaa;
		background: #fff;
		cursor: hand;
		left: 0
	}
	.MagicZoomLoading {
		text-align: center;
		background: #fff;
		color: #444;
		opacity: 0.8;
		padding: 3px 3px 3px 3px !important;
		display: none
	}
	.MagicZoomLoading img {
		padding-top: 3px !important
	}
	.MagicThumb {
		cursor: url(cursor/zoomin.cur), pointer;
		outline: none
	}
	.MagicThumb-zoomed {
		cursor: default
	}
	.MagicThumb span {
		display: none
	}
	.MagicThumb-image {
		border: 1px solid #ccc;
		outline: none
	}
	.MagicThumb-image-zoomed {
		cursor: url(cursor/zoomout.cur), pointer
	}
	.MagicThumb-caption {
		color: #333333;
		background-color: #F0F0F0;
		border: 1px solid #CCC;
		border-top: none;
		font-family: Verdana, Helvetica;
		font-size: 11px;
		padding: 8px 16px
	}
	.MagicThumb-controlbar {
		display: block;
		height: 18px
	}
	.MagicThumb-controlbar a {
		display: block;
		width: 180px;
		height: 180px;
		margin: 0px 1px;
		outline: none;
		float: left;
		overflow: hidden
	}
	.MagicThumb-controlbar a span {
		display: block;
		width: 1000px;
		height: 1000px;
		background: transparent url(graphics/controlbar.png) no-repeat 0 0;
		outline: none;
		position: absolute;
		left: 0px;
		top: 0px
	}
	.MagicThumb-loading {
		border: 1px solid #000;
		background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
		padding: 2px 2px 2px 22px;
		margin: 0;
		text-decoration: none;
		text-align: left;
		font-size: 8pt;
		font-family: sans-serif;
	}
	.showproductright{
		width: 50%;
	}
	.showproductright h2{
		font-size: 32px;
		color: #333333;
		margin-bottom: 10px;
	}
	.showproductright h3{
		font-size: 14px;
		color: #666666;
		line-height: 25px;
		
		overflow: hidden;
	}
	.showproductright p{
		line-height: 30px;
		color: #666666;
		font-size: 14px;
		margin-top: 15px;
	}
	.showproductright h4{
		display: flex;
		margin-top: 10px;
	}
	.showproductright h4 a{
		display: block;
		width: 145px;height: 50px;
		background-color: #0362a0;
		margin-right: 30px;
		text-align: center;
		line-height: 50px;
		color: #fff;font-size: 14px;
	}
	.showproductright h4 a:last-child{
		background-color: #fd6600;
	}
	.showproductright ul {
		display: flex;justify-content: space-between;
	}
	.showproductright ul  li{
		width: 23%;
		background-color: #f6f6f6;
	}
	.showproductright ul  li img{
		width: calc(100% - 12px);
		margin: 6px;
	}
	.showproductright h5{
		font-size: 20px;color: #333;
		line-height: 35px;margin-top: 10px;
		border-bottom: 1px solid #e6e8e9;
		margin-bottom: 10px;
	}
	.showproductright ul  li:hover{
		background-color: #0362a0;
	}
	.showproducttext{
		width: 95%;
		margin: 20px auto;
	}
	.showproducttext h6{
		font-size: 16px;
		color: #666666;
		line-height: 50px;
		background-color: #f5f6f6;
		text-indent: 1em;
		margin-bottom: 15px;
	}
	.showppjs{
				width: 100%;
		padding:50px 0;
		background: url(../images/cat_03.jpg) left bottom no-repeat;
		background-color: #f6f6f6;
	}
	.ppjsbt{
		text-align: center;
		font-size: 32px;
		color: #333333;
		margin-bottom: 40px;
	}
	.ppjsbt i{
		display: block;
		width: 50px;
		height: 2px;
		border-bottom: 2px solid #5d5d5d;
		margin: 0 auto;
	}
	.ppjstext{
		text-align: center;
		font-size: 14px;
		color: #666666;
		line-height: 35px;
	}
	.showcptd{
		width: 100%;
	}
	.showcptd img{
		width: 100%;
	}
	.showcptdright img{
		width: auto;
	}
	.showcptdright{
		width: 100%;
		background-color: #0362a0;
		padding: 20px 0;
	}
	.showzs  .swiper-container{
		width: 95%;margin: 0 auto;
	}
	.showcptdright h6{
		margin-left: 20px;
		font-size: 28px;
		color: #FFFFFF;
	}
	.showcptdright h6 i{
		font-size: 48px;
	}
	.showcptdright ul{
		margin-left:20px ;
		margin-top: 20px;
		display: flex;
	}
	.showcptdright ul li {text-align: center;margin: 0 10px;}
	.showcptdright ul li span{
		display: block;
		color: #ffffff;
		font-size: 20px;
		text-align: center;
		line-height: 30px;
	} 
	.showcptdright ul li h2{
		color: #ffffff;
		font-size: 26px;
		margin-bottom: 5px;
	}
	.showcptdright ul li p{
		line-height: 25px;
		font-size: 14px;
		color: #ffffff;
	}
	.scbt{
		color: #333333;
		font-size: 36px;
		text-align: center;
		margin-bottom: 30px;
	}
	.showsc{
		margin: 70px auto;
		width: 100%;
	}
	.showsclist ul {
		display: flex;justify-content: center;flex-flow: wrap;
	}
	.showsclist ul li{
		width: 50%;
		background: url(../images/bj_03.jpg) center  no-repeat;
		height: 303px;
		background-size: cover;
	}
	.showsclist ul li h1{
		height: 60px;
	}
	.showsclist ul li span{
		display: block;
		margin-left: 30px;
		font-size: 18px;
		color: #ffffff;
	}
	.showsclist ul li h2{
		font-size: 24px;
		font-weight: bold;
		color: #ffffff;
		width: 85%;margin-left: 30px;
	}
	.showsclist ul li i{
		display: block;
		width: 50px;
		height: 2px;
		border-bottom: 1px solid #FFFFFF;
		margin-left: 30px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.showsclist ul li p{
		line-height: 35px;
		width: 70%;
		margin-left: 30px;
		font-size: 14px;
		color: #FFFFFF;
	}
	.showsclist ul li:nth-child(2){
		background-image: url(../images/bj_04.jpg);
	}
	.showsclist ul li:nth-child(3){
		background-image: url(../images/bj_05.jpg);
	}
	.showsclist ul li:nth-child(4){
		background-image: url(../images/bj_06.jpg);
	}
	.showzs{
		width: 100%;
		text-align: center;
		padding: 60px 0;
		padding-bottom: 30px;
		background: url(../images/zs_02.jpg) center no-repeat;
		font-size: 36px;
		color: #ffffff;
	}
	.showzs h2{
		margin-bottom: 30px;
	}
	.showzs ul {
		width: 90%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.showzs ul li{
		border: 10px solid #e5e5e5;
		width: 20%;
	}
	.showzs ul li img{
		width: 100%;
		height: 100%;
	}
	.lxwm_top{
		width: 95%;
		margin: 30px auto;
		background-color: #f6f6f6;
		display: flex;
		justify-content: space-between;
	}
	.lxwm_topright img{
		border: 5px solid #e7e5e5;    width: 100%;
	}
	.lxwm_topleft{
		width: 300px;
	}
	.lxwm_topleft h2{
		color: #333333;
		font-size: 18px;
		font-weight: bold;
		margin-left: 30px;
		margin-bottom: 10px;
	}
	.lxwm_topleft p{
		line-height: 35px;
		margin-left: 30px;
		font-size: 14px;
		color: #666666;
	}
	.bd ul{
		display: flex;
		width: 100%;    align-items: center;
	}
	.slideTxtBoxs{ width:100%; display: flex;    }
		.slideTxtBoxs .hd{width: 41%; position:relative;background: url(../images/r_03.jpg) center no-repeat; }
		.slideTxtBoxs .hd ul{ margin-left: 50px;     }
		.slideTxtBoxs .hd ul li{    width: 120px; cursor:pointer; margin-top: 20px; color: #FFFFFF;font-size: 14px;color: #ffffff;}
		.slideTxtBoxs .hd ul li.on{color: #fd6600;}
		.slideTxtBoxs .bd{width: 59%;}
		.slideTxtBoxs .bd ul{  zoom:1;    max-height: 555px;  }
		.slideTxtBoxs .bd ul img{width: 100%;}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBoxs .arrow{  position:absolute;left: -46px; top:40%; }
		.slideTxtBoxs .arrow a{ display:block;  width:46px; height:46px; float:right; margin-top:10px;margin-right: 1px;  overflow:hidden;
			 cursor:pointer; background:url(../images/zhua_03.jpg) 0 0 no-repeat; background-size: cover;}
		.slideTxtBoxs .arrow .next{background:url(../images/zhua_04.jpg) 0 0 no-repeat; }
		.slideTxtBoxs .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBoxs .arrow .nextStop{ background-position:-60px -50px; }
		.slideTxtBoxs .hd h2{
			font-size: 20px;
			color: #ffffff;
			margin-left: 50px;
			margin-top: 35px;
		}
		.slideTxtBoxs .hd h2 i{
			display: block;
			width: 30px;
			height: 2px;
			border-bottom: 2px solid #FFFFFF;
			margin-top: 5px;
		}
		
		.slideTxtBoxs1{ width:100%; display: flex;    max-height: 555px; }
		.slideTxtBoxs1 .hd{width: 41%; position:relative;background: url(../images/dw_02.jpg) center no-repeat; }
		.slideTxtBoxs1 .hd ul{ margin-left: 50px;     }
		.slideTxtBoxs1 .hd ul li{ cursor:pointer; margin-top: 20px; color: #FFFFFF;font-size: 14px;color: #ffffff;}
		.slideTxtBoxs1 .hd ul li.on{color: #0362a0;}
		.slideTxtBoxs1 .bd ul{  zoom:1;    max-height: 555px;  }
		.slideTxtBoxs1 .bd li{ height:24px; line-height:24px;   }
		.slideTxtBoxs1 .bd li .date{ float:right; color:#999;  }
		.slideTxtBoxs1 .bd{
			width: 59%;
		}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBoxs1 .arrow{  position:absolute;right: -48px; top:40%; }
		.slideTxtBoxs1 .arrow a{ display:block;  width:46px; height:46px; float:right; margin-top:10px;margin-right: 1px;  overflow:hidden;
			 cursor:pointer; background:url(../images/zhua_03.jpg) 0 0 no-repeat; background-size: cover;}
		.slideTxtBoxs1 .arrow .next{background:url(../images/dsa_08.jpg) 0 0 no-repeat; }
		.slideTxtBoxs1 .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBoxs1 .arrow .nextStop{ background-position:-60px -50px; }
		.slideTxtBoxs1 .bd ul img{width: 100%;}
		.slideTxtBoxs1 .hd h2{
			font-size: 20px;
			color: #ffffff;
			margin-left: 50px;
			margin-top: 35px;
		}
		.slideTxtBoxs1 .hd h2 i{
			display: block;
			width: 30px;
			height: 2px;
			border-bottom: 2px solid #FFFFFF;
			margin-top: 5px;
		}
	.index_cp2 {
	    width: 100%;
	    display: flex;
	    justify-content: flex-end;
	    flex-direction:row-reverse;
	}
	.index_xxzx h2{
		text-align: center;
		font-size: 36px;
		color: #ffffff;
		padding-top: 80px;
	}
	.index_xxzx p{
		font-size: 14px;
		color: #ffffff;
		text-align: center;
		margin-top:15px ;
	}
	.foot{
		width: 100%;
		height: 245px;
		background: url(../images/footbg_06.jpg) center no-repeat;
		margin-top: 35px;
	}
	.footdv{
		width: 95%;
		margin: 0 auto;height: 245px;	
		display: flex;
	}
	.fdv1{
		width: 25%;
		border-right: 1px solid #024a78;
		height: 100%;
	}
	.fdv1 img{
		padding-top: 15px;    width: 100%;
		
	}
	.fdv1 ul{
		display: flex;
	}
	.fdv1 ul li{
		text-align: center;
	}
	.fdv1 ul li p{
		color: #ffffff;
		font-size: 16px;
		margin-top: 5px;
	}
	.fdv2{
		width: 25%;border-right: 1px solid #024a78;height: 100%;
		text-align: center;
	}
	.fdv2 p{
		font-size: 14px;
		color: #f2f2f2;
	}
	.wdl{
		width: 100%;
		height: 60px;
		background-color: #023e66;
	}
	.wdldv{
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		line-height: 60px;
		color: #ffffff;
		font-size: 14px;
	}
	.wdldv a{
		color: #ffffff;

	}
	.head_top_dvleft p i{
		font-size: 20px;
		color: #FFFFFF;
		margin: 0 10px;
	}
	.fdv2 i{
		display: block;
		width: 70px;
		height: 70px;
		border: 1px solid #fff;
		margin: 20px auto; 
		margin-top: 60px;
		border-radius: 50%;
		color: #FFFFFF;
		font-size: 30px;
		line-height: 70px;
	}
}

@media screen and (max-width: 767px) {
	.showcptdright{
		display: none;
	}
	
	.showgsjj{
		width: 90%;
		margin:30px auto;
	}
	.showgsjjright{
		width: 100%;
		text-align: center;
	}
	.showgsjjleft{
		width: 100%;
		line-height: 30px;
		font-size: 14px;color: #666;
	}
	.b_img1{
		display: none;
	}
	.b_img2{
		display: block;
	}
	.showpld{
		width: 100%;
		background-color: #0362a0;
		padding: 20px 0;margin-top: -5px;
	}
	.showpld h6{
		margin-left: 20px;
		font-size: 20px;
		color: #FFFFFF;
	}
	.showpld h6 i{
		font-size: 24px;
	}
	.showpld  li {text-align: center;margin: 0 10px;width: 90%;text-align: center;}
	.showpld  li span{
		display: block;
		color: #ffffff;
		font-size: 16px;
		text-align: center;
		line-height: 30px;
	} 
	.showpld   h2{
		color: #ffffff;
		font-size: 20px;
		margin-bottom: 5px;
	}
	.showpld   p{
		line-height: 25px;
		font-size: 14px;
		color: #ffffff;
	}
	.headfot ul{
		display: flex;
		text-align: center;
		line-height: 40px;
		justify-content: space-between;
	}
	.headfot ul li a{
		color: #fff;
		font-size: 14px;
	}
	.headfot ul li {
		width: 100%;
		border-right: 1px solid #026f9e;
	}
	.headfoot{
		height: 60px;
	}	
	.headfot{
		width: 100%;
		background-color: #0077AA;
		height: 40px;position: fixed;
		bottom: 0;z-index: 999;
	}
	.headfot{
		width: 100%;
		background-color: #0077AA;
		height: 40px;
	}
	.headfot ul{
		display: flex;
		justify-content: center;
		
	}	
	.head_top {
		width: 100%;
		height: 40px;
		background-color: #0362a0;
		display: none;
	}
	.head_top_dv {
		width: 100%;
		height: 40px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.head_top_dvleft {
		display: flex;
		line-height: 40px;
	}
	.head_top_dvleft p {
		font-size: 16px;
		color: #fff;
		font-family: "AvantGarde Bk BT";
		margin-right: 50px;
	}
	.head_top_dvright ul {
		display: flex;line-height: 40px;color: #fff;
	}
	.head_top_dvright ul li {
		color: #fff;line-height: 40px;
		width: 80px;
		text-align: center;
	}
	.head_top_dvright ul li a {
		line-height: 40px;
		color: #fff;
		margin: 0 10px;
		font-size: 14px;
	}
	.head_logo {
		display: none;
		width: 100%;
		margin: 0 auto;
		height: 90px;
		display: none;
		justify-content: space-between;
		align-items: center;
	}
	.head_logoleft {
		max-height: 100%;
	}
	.head_logoleft img {
		max-height: 100%;
	}
	.head_logocenter ul {
		display: flex;
		text-align: center;
	}
	.head_logocenter li {
		margin: 0 20px;
	}
	.head_logocenter li a {
		font-size: 14px;
		color: #333333;
		font-weight: bold;
		line-height: 90px;
	}
	.head_logoright {
		width: 330px;
		max-width: 330px;
	}
	.banner img {
		width: 100%;
	}
	.index_aboutright {
		width: 95%;margin: 0 auto;
	}
	.index_aboutleft {
		width: 95%;margin: 0 auto;
	}
	.index_aboutleft img {
		width: 100%;
	}
	.index_about {
		width: 100%;
		align-items: center;
		margin: 20px auto;
	}
	.index_aboutright h2 {
		font-size: 24px;
		color: #333333;
	}
	.index_aboutright h2 i {
		font-size: 24px;
		color: #0362a0;
	}
	.index_aboutright span {
		display: block;
		width: 10%;
		height: 2px;
		border-bottom: 3px solid #d4d4d4;
		margin-top: 5px;
	}
	.index_aboutright h3 {
		font-size: 16px;
		color: #666666;
		margin-top: 20px;
	}
	.index_aboutright p {
		width: 100%;
		font-size: 14px;
		color: #666666;
		line-height: 35px;
		margin-top: 20px;
	}
	.index_aboutright a {
		display: flex;
		width: 120px;
		height: 40px;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 14px;
		background-color: #0362a0;
		border-radius: 60px;
		margin-top: 20px;
	}
	.slideTxtBoxs .arrow{
		display: none;
	}
	.slideTxtBoxs1 .arrow{
		display: none;
	}
	.slideTxtBox .arrow {
		display: none;
	}
	.index_cp1 {
		width: 100%;
	}
	.index_cp1left {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.index_cp1left div {
		font-size: 20px;
		color: #ffffff;
		position: absolute;
		top: 25%;
		text-align: center;
		width: 100%;
	}
	.index_cp1left div span {
		width: 2px;
		display: block;
		height: 60px;
		background-color: #fff;
		margin: 10px auto;
	}
	.index_cp1left div a {
		color: #ffffff;
		font-size: 16px;
	}
	.index_cp1left img {
		width: 100%;    height: 100%;
	}
	.index_cp1right {
		width: 100%;
		margin: 0 auto;
		max-height: 555px;
		margin-top: -5px;
	}
	.index_sp {
		width: 100%;
	}
	.index_sp img {
		width: 100%;
	}
	.index_zz {
		width: 100%;
		background-color: #f0f0f0;
	}
	.index_zz h2 {
		text-align: center;
		padding: 30px 0;
		color: #333333;
		font-size: 24px;
	}
	.index_zzdv {
		width: 90%;
		margin: 0 auto;
	}
	.zzdv img {
		width: calc(100% - 10px);
		border: 5px solid #e5e5e5;
	}
	.index_zzdv {
		padding-bottom: 30px;
	}
	.index_news {
		width: 100%;
		background: url(../images/newlogo_02.jpg) left top no-repeat;
	}
	.index_newdv {
		width: 95%;
		margin: 0 auto;
		display: flex;
		margin-top: 40px;
	}
	.index_newdvleft {
		width: 100%;
	}
	.index_newdvright {
		width: 20%;display: none;
	}
	.index_newdvright img {
		width: 100%;
	}
	.slideTxtBox {
		width: 100%;
		text-align: left;
	}
	.slideTxtBox .hd {
		position: relative;
		width: 100%;
		min-height: 135px;
	}
	.slideTxtBox .hd ul{
		display: flex;
		text-align: center;
		justify-content: center;
	}
	.slideTxtBox .hd h5 {
		font-size: 24px;
		color: #333333;
		line-height: 100px;
		text-align: right;
		text-align: center;
	}
	.index_newdv .bd ul {
	    width: 100%;
	    display: block;
	}
	.slideTxtBox .hd ul li {
		font-size: 16px;
		color: #898888;
		text-align: center;
		margin-bottom: 10px;
		width: 100%;
	}
	.slideTxtBox .hd ul li a{
		display: flex;
	}
	.slideTxtBox .hd ul li.on {
		color: #0362a0;
		font-weight: bold;
	}
	.foot{
		display: none;
	}
	
	.slideTxtBox .bd li img {
		width: 30%;
	}
	.slideTxtBox .bd li .bdtext h2 {
		color: #333333;
		font-size: 16px;
		line-height: 35px;
		height: 35px;overflow: hidden;
	}
	.slideTxtBox .bd li .bdtext p {
		color: #666666;
		font-size: 14px;
		line-height: 30px;
		height: 60px;
		overflow: hidden;
	}
	.slideTxtBox .bd li .date {
		float: right;
		color: #999;
	}
	.hoverdv {
		display: flex;
		border-top: 1px solid #d7d6d6;
		line-height: 55px;
		justify-content: space-between;
		display: none;
	}
	.hoverdv span {
		color: #c8c6c6;
		font-size: 14px;
	}
	.hoverdv p {
		font-size: 14px;
		font-weight: bold;
		color: #0362a0;
	}
	.slideTxtBox .bd {
		width: 100%;
	}
	.slideTxtBox .bd li:hover .hoverdv {
		display: none;
	}
	.slideTxtBox .bd li {
		width: 100%;    margin-bottom: 15px;
	}
	.slideTxtBox .bd li  a{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.slideTxtBox .bd li  a .bdtext{
		width: 68%;
	}
	.head_logocenter {
		width: 50%;
	}
	.head_logocenter ul {
		width: 100%;
	}
	.slideTxtBox .arrow{  position:absolute; left:0px; bottom:-60%; z-index: 55;width: 100%;}
	.slideTxtBox .arrow a{ display:block;  width:46px; height:46px; float:right;  margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url(../images/zou_03.jpg) 0 0 no-repeat; }
	.slideTxtBox .arrow .next{background:url(../images/zou_05.jpg);    position: absolute;right:00px;  }
	.slideTxtBox .arrow .prev{  position: absolute;left: 00px;  }
	.index_xxzx {
		width: 100%;
		margin: 0 auto;
		height: 355px;
		background: url(../images/foot_03.jpg) center no-repeat;
		margin-top: 40px;
	}
	.showtop {
		width: 100%;
		background-color: #f6f6f6;
	}
	.showdv {
		width: 95%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.showdv ul li {
		float: left;
		width: 100px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 16px;
	}
	.shownewtop{
		display: none;
	}
	.showdv ul li a {
		display: block;
		color: #666666;
	}
	.showdv ul li:hover a {
		color: #ffffff;
		background-color: #0362a0;
	}
	.showdv div {
		color: #999999;
		font-size: 14px;
	}
	.showdv div a {
		font-size: 14px;
		color: #999999;
		line-height: 50px;
	}
	.showdv div a:hover {
		color: #0362a0;
	}
	.shownew {
		width: 95%;
		margin: 30px auto;
	}
	.shownewtop li {
		width: 31%;
		background-color: #f6f6f6;
		display: flex;
		flex-flow: wrap;
		padding-bottom: 15px;
	}
	.dvimg {
		width:calc(100%-20px);
		margin: 15px;
		overflow: hidden;
	}
	.dvimg img {
		width:100%;
	}
	.dvtext {
		width: 90%;
		margin: 0 auto;
	}
	.dvtext h2 {
		font-size: 16px;
		color: #333333;
		margin-bottom: 15px;
	}
	.dvtext p {
		font-size: 14px;
		color: #666666;
		line-height: 30px;
		height: 60px;
		overflow: hidden;
	}
	.shownewtop ul {
		display: flex;
		justify-content: space-between;
	}
	.shownewtop ul li:hover {
		background-color: #ceebfd;
	}
	.shownewtop ul li:hover div img {
		transition: all 1s;
		transform: scale(1.1);
	}
	.shownewtop ul li:hover div h2 {
		color: #0362a0;
		font-weight: bold;
	}
	.shownewslist {
		width: 95%;
		margin: 30px auto;
	}
	.shownewslist ul li {
		width: 100%;
		border: 1px solid #e5e5e5;
		
	}
	.shownewslist ul li a {
		display: flex;
		align-items: center;
	}
	.shownewslist ul {
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
	}
	.newstime {
		margin: 15px;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		background-color: #f2f2f2;
		text-align: center;
	}
	.newstime h2 {
		font-size: 24px;
		color: #bbbbbb;
		margin-top: 20px;
	}
	.newstime p {
		font-size: 18px;
		color: #d3d3d3;
	}
	.newstext {
		width: 65%;
		margin-left: 5px;
	}
	.newstext h2 {
		font-size: 16px;
		color: #333333;
		line-height: 35px;
	}
	.newstext p {
		font-size: 14px;
		color: #666666;
		line-height: 25px;
		height: 80px;
		overflow: hidden;
	}
	.shownewslist ul li:hover .newstime {
		background-color: #ceebfd;
	}
	.shownewslist ul li:hover .newstext h2 {
		color: #0362a0;
		font-weight: bold;
	}
	.shownewslist ul li {
		margin-bottom: 40px;
	}
	.shownewsall {
		width: 95%;
		margin: 30px auto;
	}
	.newsalldvtop h2 {
		font-size: 26px;
		color: #333333;
		margin-bottom: 10px;
	}
	.newsalldvtop p {
		color: #a8a7a7;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.newsalldvtext {
		margin: 20px auto;
	}
	.pages {
		width: 100%;
		display: flex;
		justify-content: center;
		justify-content: space-between;
	}
	.pages p {
		width: 680px;
		height: 60px;
		background-color: #f6f6f6;
		overflow: hidden;
		line-height: 60px;
		border-radius: 60px;
	}
	.pages p a {
		display: block;
		color: #666666;
		font-size: 14px;
		text-indent: 2em;
	}
	.pages p:hover {
		background-color: #0362a0;
	}
	.pages p:hover a {
		color: #FFFFFF;
	}
	.products {
		width: 95%;
		margin: 30px auto;
	}
	.products li {
		width: 48%;
		margin: 1%;
	}
	.products li div {
		position: relative;
		background-color: #efefef;
	}
	.products li div img {
		margin: 10px;
		width: calc(100% - 20px);
	}
	.products li:hover div span {
		width: 100%;
		height: 100%;
		display: block;
		background-color: #68a1c6;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.7;
	}
	.newsalldvtop{
		text-align: center;
	}
	.products li p {
		color: #333333;
		font-size: 16px;
		text-align: center;
		line-height: 45px;
	}
	.products li:hover div {
		background-color: #0362a0;
	}
	.products li:hover p {
		color: #0362a0;
	}
	.products li:hover i {
		display: block;
		width: 87px;
		height: 87px;
		background: url(../images/shizi_03.png) center no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -43px;
		margin-left: -43px;
	}
	.products ul {
		display: flex;
		flex-flow: wrap;
	}
	.cffm {
		width: 95%;
		margin: 30px auto;
	}
	.cffm li {
		width:48%;
		margin: 1%;
	}
	.cffm ul {
		display: flex;
		flex-flow: wrap;
	}
	.cffm li img {
		width: 100%;
	}
	.cffm li p {
		display: flex;
		justify-content: space-between;
		line-height: 40px;
		font-size: 14px;
		color: #333333;
	}
	.cffm li p span {
		color: #b4b3b3;
		font-size: 14px;
	}
	.showproduct {
		width: 95%;
		margin: 30px auto;
	}
	.showproductleft{
		width: 95%;
		margin: 0 auto;
		background-color: #f9f8f8;
	}
	.box {
		width: 100%;
	}
	.left-pro {
		width:calc( 100% - 20px);
		text-align: left;
		float: left;
		margin: 10px;
		background-color: #FFFFFF;
	}
	
	.left-pro .t2 {
		width: 100%;
		text-indent: 0;
		float: left;
	}
	.left-pro .t2 img {
		text-indent: 0;
	}
	#showArea img {
		cursor: pointer;
		display: block;
		margin-bottom: 5px;
		width: 68px;
		padding: 1px;
		border: 1px solid #ccc;
		height: 68px;
		float: left
	}
	#main_img {
		cursor: pointer;
		display: block;
		width:520px;height:520px;
	}
	.t2 img{
		width: 100%;
	}
	#gotop {
		cursor: pointer;
		display: block;
		margin-left: 9px
	}
	#gobottom {
		cursor: pointer;
		display: block;
		margin-left: 9px
	}
	.bc194292{
		display: none;
	}
	.MagicZoomBigImageCont {
		border: 1px solid #91b817;
		overflow: hidden;display: none;

	}
	.MagicZoomBigImageCont img {
		width: 800px;
		height: 800px
	}
	.MagicZoomBigImageCont iframe {
		width: 300px;
		height: 300px
	}
	.MagicZoomHeader {
		font: 10px Tahoma, Verdana, Arial, sans-serif;
		color: #fff;
		background: #91b817;
		text-align: center !important
	}
	.MagicZoomPup {
		border: 1px solid #aaa;
		background: #fff;
		cursor: hand;
		left: 0
	}
	.MagicZoomLoading {
		text-align: center;
		background: #fff;
		color: #444;
		opacity: 0.8;
		padding: 3px 3px 3px 3px !important;
		display: none
	}
	.MagicZoomLoading img {
		padding-top: 3px !important
	}
	.MagicThumb {
		cursor: url(cursor/zoomin.cur), pointer;
		outline: none
	}
	.MagicThumb-zoomed {
		cursor: default
	}
	.MagicThumb span {
		display: none
	}
	.MagicThumb-image {
		border: 1px solid #ccc;
		outline: none
	}
	.MagicThumb-image-zoomed {
		cursor: url(cursor/zoomout.cur), pointer
	}
	.MagicThumb-caption {
		color: #333333;
		background-color: #F0F0F0;
		border: 1px solid #CCC;
		border-top: none;
		font-family: Verdana, Helvetica;
		font-size: 11px;
		padding: 8px 16px
	}
	.MagicThumb-controlbar {
		display: block;
		height: 18px
	}
	.MagicThumb-controlbar a {
		display: block;
		width: 180px;
		height: 180px;
		margin: 0px 1px;
		outline: none;
		float: left;
		overflow: hidden
	}
	.MagicThumb-controlbar a span {
		display: block;
		width: 1000px;
		height: 1000px;
		background: transparent url(graphics/controlbar.png) no-repeat 0 0;
		outline: none;
		position: absolute;
		left: 0px;
		top: 0px
	}
	.MagicThumb-loading {
		border: 1px solid #000;
		background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
		padding: 2px 2px 2px 22px;
		margin: 0;
		text-decoration: none;
		text-align: left;
		font-size: 8pt;
		font-family: sans-serif;
	}
	.showproductright{
		width: 95%;
		margin: 0 auto;
	}
	.showproductright h2{
		font-size: 32px;
		color: #333333;
		margin-bottom: 10px;
	}
	.showproductright h3{
		font-size: 14px;
		color: #666666;
		line-height: 25px;
		
	}
	.showproductright p{
		line-height: 30px;
		color: #666666;
		font-size: 14px;
		margin-top: 15px;
	}
	.showproductright h4{
		display: flex;
		margin-top: 10px;
	}
	.showproductright h4 a{
		display: block;
		width: 145px;height: 50px;
		background-color: #0362a0;
		margin-right: 30px;
		text-align: center;
		line-height: 50px;
		color: #fff;font-size: 14px;
	}
	.showproductright h4 a:last-child{
		background-color: #fd6600;
	}
	.showproductright ul {
		display: flex;justify-content: space-between;
	}
	.showproductright ul  li{
		width: 23%;
		background-color: #f6f6f6;
	}
	.showproductright ul  li img{
		width: calc(100% - 12px);
		margin: 6px;
	}
	.showproductright h5{
		font-size: 20px;color: #333;
		line-height: 35px;margin-top: 10px;
		border-bottom: 1px solid #e6e8e9;
		margin-bottom: 10px;
	}
	.showproductright ul  li:hover{
		background-color: #0362a0;
	}
	.showproducttext{
		width: 95%;
		margin: 20px auto;
	}
	.showproducttext h6{
		font-size: 16px;
		color: #666666;
		line-height: 50px;
		background-color: #f5f6f6;
		text-indent: 1em;
		margin-bottom: 15px;
	}
	.showppjs{
				width: 100%;
		padding:50px 0;
		background: url(../images/cat_03.jpg) left bottom no-repeat;
		background-color: #f6f6f6;
	}
	.ppjsbt{
		text-align: center;
		font-size: 24px;
		color: #333333;
		margin-bottom: 40px;
	}
	.ppjsbt i{
		display: block;
		width: 50px;
		height: 2px;
		border-bottom: 2px solid #5d5d5d;
		margin: 0 auto;
	}
	.ppjstext{
		text-align: center;
		font-size: 14px;
		color: #666666;
		line-height: 35px;
		width: 95%;
		margin: 0 auto;
	}
	.showcptd{
		width: 100%;
	}
	.showcptd img{
		width: 100%;
	}
	.showcptdright{
		width: 100%;
		background-color: #0362a0;
	}
	.showcptdright h6{
		margin-left: 20px;
		font-size: 28px;
		color: #FFFFFF;
		margin-top: 40px;
	}
	.showcptdright h6 i{
		font-size: 48px;
	}
	.showcptdright ul{
		margin-left:20px ;
		margin-top: 20px;
		display: flex;
	}
	.showcptdright ul li {text-align: center;margin: 0 10px;}
	.showcptdright ul li span{
		display: block;
		color: #ffffff;
		font-size: 20px;
		text-align: center;
		line-height: 30px;
	} 
	.showcptdright ul li h2{
		color: #ffffff;
		font-size: 26px;
		margin-bottom: 5px;
	}
	.showcptdright ul li p{
		line-height: 25px;
		font-size: 14px;
		color: #ffffff;
	}
	.scbt{
		color: #333333;
		font-size: 24px;
		text-align: center;
		margin-bottom: 30px;
	}
	.showsc{
		margin:30px auto;
		width: 100%;
	}
	.showsclist ul {
		display: flex;justify-content: center;flex-flow: wrap;
	}
	.showsclist ul li{
		width: 50%;
		background: url(../images/bj_03.jpg) center  no-repeat;
		height: 303px;
		background-size: cover;
	}
	.showsclist ul li h1{
		height: 35px;
	}
	.showsclist ul li span{
		display: block;
		margin-left: 30px;
		font-size: 18px;
		color: #ffffff;
	}
	.showsclist ul li h2{
		font-size: 20px;
		
		font-weight: bold;
		color: #ffffff;
		width: 85%;margin-left: 30px;
	}
	.showsclist ul li i{
		display: block;
		width: 50px;
		height: 2px;
		border-bottom: 1px solid #FFFFFF;
		margin-left: 30px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.showsclist ul li p{
		line-height: 35px;
		width: 70%;
		margin-left: 30px;
		font-size: 14px;
		color: #FFFFFF;
	}
	.showsclist ul li:nth-child(2){
		background-image: url(../images/bj_04.jpg);
	}
	.showsclist ul li:nth-child(3){
		background-image: url(../images/bj_05.jpg);
	}
	.showsclist ul li:nth-child(4){
		background-image: url(../images/bj_06.jpg);
	}
	.showzs{
		width: 100%;
		text-align: center;
		padding: 60px 0;
		padding-bottom: 30px;
		background: url(../images/zs_02.jpg) center no-repeat;
		font-size: 24px;
		color: #ffffff;
	}
	.showzs h2{
		margin-bottom: 30px;
	}
	.showzs .swiper-container{    width: 95%;}
	.showzs ul {
		width: 90%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.showzs ul li{
		width: 20%;
		height: auto;
	}
	.showzs ul li img{
		width: 100%;
		height: 100%;
	}
	.showdv div{
		display: none;
	}
	.lxwm_top{
		width: 95%;
		margin: 30px auto;
		background-color: #f6f6f6;
	}
	.lxwm_topright img{
		   width: 100%;
	}
	.lxwm_topleft{
		width: 300px;
	}
	.lxwm_topleft h2{
		color: #333333;
		font-size: 18px;
		font-weight: bold;
		margin-left: 30px;
		margin-bottom: 10px;
	}
	.lxwm_topleft p{
		line-height: 35px;
		margin-left: 30px;
		font-size: 14px;
		color: #666666;
	}
	.bd ul{
		display: flex;
		width: 100%;    align-items: center;
	}
	.slideTxtBoxs{ width:100%; display: flex;    }
		.slideTxtBoxs .hd{width: 41%; position:relative;background: url(../images/r_03.jpg) center no-repeat; }
		.slideTxtBoxs .hd ul{ margin-left: 50px;     }
		.slideTxtBoxs .hd ul li{    width: 120px; cursor:pointer; margin-top: 20px; color: #FFFFFF;font-size: 14px;color: #ffffff;}
		.slideTxtBoxs .hd ul li.on{color: #fd6600;}
		.slideTxtBoxs .bd{width: 59%;}
		.slideTxtBoxs .bd ul{  zoom:1;    max-height: 555px;  }
		.slideTxtBoxs .bd ul img{width: 100%;display: block;}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBoxs .arrow{  position:absolute;right: -46px; top:40%;z-index: 99; }
		.slideTxtBoxs .arrow a{ display:block;  width:46px; height:46px; float:right; margin-top:10px;margin-right: 1px;  overflow:hidden;
			 cursor:pointer; background:url(../images/zhua_03.jpg) 0 0 no-repeat; background-size: cover;}
		.slideTxtBoxs .arrow .next{background:url(../images/zhua_04.jpg) 0 0 no-repeat; }
		.slideTxtBoxs .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBoxs .arrow .nextStop{ background-position:-60px -50px; }
		.slideTxtBoxs .hd h2{
			font-size: 20px;
			color: #ffffff;
			margin-left: 50px;
			margin-top: 35px;
		}
		.slideTxtBoxs .hd h2 i{
			display: block;
			width: 30px;
			height: 2px;
			border-bottom: 2px solid #FFFFFF;
			margin-top: 5px;
		}
		
		.slideTxtBoxs1{ width:100%; display: flex;    max-height: 555px; }
		.slideTxtBoxs1 .hd{width: 41%; position:relative;background: url(../images/dw_02.jpg) center no-repeat; }
		.slideTxtBoxs1 .hd ul{ margin-left: 50px;     }
		.slideTxtBoxs1 .hd ul li{ cursor:pointer; margin-top: 20px; color: #FFFFFF;font-size: 14px;color: #ffffff;    width: 100%;}
		.slideTxtBoxs1 .hd ul li.on{color: #0362a0;}
		.slideTxtBoxs1 .bd ul{  zoom:1;    max-height: 555px;  }
		.slideTxtBoxs1 .bd li{ height:24px; line-height:24px;   }
		.slideTxtBoxs1 .bd li .date{ float:right; color:#999;  }
		.slideTxtBoxs1 .bd{
			width: 59%;
		}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBoxs1 .arrow{  position:absolute;right: -48px; top:40%; z-index: 99;}
		.slideTxtBoxs1 .arrow a{ display:block;  width:46px; height:46px; float:right; margin-top:10px;margin-right: 1px;  overflow:hidden;
			 cursor:pointer; background:url(../images/zhua_03.jpg) 0 0 no-repeat; background-size: cover;}
		.slideTxtBoxs1 .arrow .next{background:url(../images/dsa_08.jpg) 0 0 no-repeat; }
		.slideTxtBoxs1 .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBoxs1 .arrow .nextStop{ background-position:-60px -50px; }
		.slideTxtBoxs1 .bd ul img{width: 100%;}
		.slideTxtBoxs1 .hd h2{
			font-size: 20px;
			color: #ffffff;
			margin-left: 50px;
			margin-top: 35px;
		}
		.slideTxtBoxs1 .hd h2 i{
			display: block;
			width: 30px;
			height: 2px;
			border-bottom: 2px solid #FFFFFF;
			margin-top: 5px;
		}
	.index_cp2 {
	    width: 100%;
	}
	.index_xxzx h2{
		text-align: center;
		font-size: 24px;
		color: #ffffff;
		padding-top: 80px;
	}
	.index_xxzx p{
		font-size: 14px;
		color: #ffffff;
		text-align: center;
		margin-top:15px ;
	}
	.foot{
		width: 100%;
		height: 245px;
		background: url(../images/footbg_06.jpg) center no-repeat;
		margin-top: 35px;
	}
	.footdv{
		width: 95%;
		margin: 0 auto;height: 245px;	
		display: flex;
	}
	.fdv1{
		width: 25%;
		border-right: 1px solid #024a78;
		height: 100%;
	}
	.fdv1 img{
		padding-top: 15px;    width: 100%;
		
	}
	.fdv1 ul{
		display: flex;
	}
	.fdv1 ul li{
		text-align: center;
	}
	.fdv1 ul li p{
		color: #ffffff;
		font-size: 16px;
		margin-top: 5px;
	}
	.fdv2{
		width: 25%;border-right: 1px solid #024a78;height: 100%;
		text-align: center;
	}
	.fdv2 p{
		font-size: 14px;
		color: #f2f2f2;
	}
	.wdl{
		width: 100%;
		padding: 20px 0px;
		background-color: #023e66;
	}
	.wdl a{
		color: #ffffff;
	}
	.wdldv{
		width: 90%;
		margin: 0 auto;
		
		justify-content: space-between;
		line-height: 30px;
		color: #ffffff;
		font-size: 14px;
	}
	.head_top_dvleft p i{
		font-size: 20px;
		color: #FFFFFF;
		margin: 0 10px;
	}
	.fdv2 i{
		display: block;
		width: 70px;
		height: 70px;
		border: 1px solid #fff;
		margin: 20px auto; 
		margin-top: 60px;
		border-radius: 50%;
		color: #FFFFFF;
		font-size: 30px;
		line-height: 70px;
	}
	.showzxly{
		width: 95%;
		margin: 20px auto;
	}
	.showzxly tr:nth-child(1){
		width: 100%;
	}
	.showzxly tr:nth-child(2){
		width: 100%;
	}
	.showzxly tr:nth-child(3){
		width: 100%;
	}
	.showzxly tr:nth-child(4){
		width: 100%;
	}
	.index_xxzx table{
		width: 95%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.banner .swiper-pagination-bullet {
    background-size: 70%;
}
}