
<!--
body {
 background-color:;
	background-position: top center;
	margin-left: 0px;
	COLOR: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}
A:link {
	FONT-SIZE: 12px;
	COLOR: #333;
	TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 12px;
	COLOR: #333;
	TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 12px;
	COLOR: #333;
	TEXT-DECORATION: none
}
/*������ʽ��ʼ*/

#webdh {
	text-align: center;
	vertical-align: middle;
	width: 1200px;
	height: px;
	margin: 0 auto;
	font-size: 12px;
	font-weight: normal;
 COLOR:;
 background-color:;
	overflow: hidden;
}
#webdh A:link {
	FONT-SIZE: 12px;
COLOR:;
	TEXT-DECORATION: none
}
#webdh A:visited {
	FONT-SIZE: 12px;
COLOR:;
	TEXT-DECORATION: none
}
#webdh A:hover {
	FONT-SIZE: 12px;
COLOR:;
	TEXT-DECORATION: none
}
#copy {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	line-height: 150%;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
}
.clearfix:after {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
	visibility: hidden;
	content: ".";
}
-->
/*�м����ݿ�ʼ*/

#bodycon {
	width: 1200px;
	margin: 0 auto;
}
#bodycon #left {
	float: left;
	width: 0px;
 background-color:;
}
#bodycon #center {
	float: left;
	width: 1200px;
 background-color:;
}
#bodycon #right {
	float: left;
	width: 0px;
 background-color:;
}
/*�м����ݽ���*/


/*��ϸ���ݿ�ʼ*/

#bodycontent {
	width: 1200px;
	margin: 0 auto;
	line-height: 180%;
	text-align: center;
}
/*��ϸ���ݽ���*/

                /*�����б�Ĭ����ʽ��ʼ*/
.shopmrsc:hover {
	background-color: #f9f9f9;
}
.shopmrsc {
	border-bottom: #efefef solid 1px;
	overflow: hidden;
	padding: 15px 5px;
}
.shopmrsc a {
	float: left;
	display: block;
	height: 135px;
	text-decoration: none;
	position: relative;
}
.shopmrsc a:hover {
	color: red;
	text-decoration: none;
}
.xwlb_img {
	float: left;
	margin-right: 15px;
	width: 205px;
	height: 135px;
	background-color: #DBD9DA;
}
.xwlb_img img {
	max-width: 205px;
	max-height: 135px;
	display: table-cell;
}
.shopmrsc p {
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	text-align: left;
	margin: 0 auto;
	border-bottom: none;
}
.shopmrsc p.xwlbbt {
	font-size: 16px;
	font-family: "Microsoft YaHei";
	font-weight: normal;
}
.shopmrsc p.xwlbnr {
	font-size: 14px;
	font-weight: normal;
 #height: 50px;
	line-height: 24px;
	margin-top: 7px;
	color: #999;
}
.shopmrsc p.xwlbsj {
	font-size: 14px;
	font-weight: normal;
	color: #787878;
	position: absolute;
	line-height: 20px;
	bottom: 0;
}

nav {
	height: 71px;
	position:relative;z-index: 900;
	background-color:#0074c9;
	text-align: center;
	
}
.main {
	display: flex;
	justify-content: center;position:relative;z-index: 900;position: initial !important;
}

.main>li {
	    float: left;
    margin-right: 1px;
    width: 170px;
    height: 71px;
    
    text-align: center;
    line-height: 71px;
    font-size: 19px;
    font-weight: bold;
}


.main>li a {
 float: left;
    margin-right: 1px;
    width: 170px;
    height: 71px;
    
    text-align: center;
    line-height: 71px;
    font-size: 19px;
    font-weight: bold;background: url("../images/navbor.jpg") center right no-repeat; color:#fff;
}
.main>li a:hover{ background: #71bd43;}
.drop li {
	opacity: 0;
	transform-origin: top center
}

.drop li a {
	color:#666; height: 40px; line-height: 40px;  font-weight: normal; font-size: 16px; background: none;background-color: rgba(250, 250, 250, .7); border-bottom: #dedede 1px solid;
	padding: 10px 0
}

.drop li a:hover{ color: #fff;}
.main li:hover .menu1 li:first-of-type {
	animation: menu1 .3s ease-in-out forwards;
	animation-delay: .3s
}

.main li:hover .menu1 li:nth-of-type(2) {
	animation: menu1 .3s ease-in-out forwards;
	animation-delay: .6s
}

.main li:hover .menu1 li:nth-of-type(3) {
	animation: menu1 .3s ease-in-out forwards;
	animation-delay: .9s
}
.main li:hover .menu1 li:nth-of-type(4) {
	animation: menu1 .3s ease-in-out forwards;
	animation-delay: .9s
}
.main li:hover .menu1 li:last-of-type {
	animation: menu1 .3s ease-in-out forwards;
	animation-delay: 1.2s
}

@keyframes menu1 {
	from {
		opacity: 0;
		transform: translateX(30px) rotateY(90deg)
	}

	to {
		opacity: 1;
		transform: translateX(0) rotateY(0)
	}
}

.main li:hover .menu2 li:first-of-type {
	animation: menu2 .3s ease-in-out forwards;
	animation-delay: .3s
}

.main li:hover .menu2 li:nth-of-type(2) {
	animation: menu2 .3s ease-in-out forwards;
	animation-delay: .6s
}

.main li:hover .menu2 li:nth-of-type(3) {
	animation: menu2 .3s ease-in-out forwards;
	animation-delay: .9s
}

.main li:hover .menu6 li:nth-of-type(4) {
	animation: menu6 .3s ease-in-out forwards;
	animation-delay: .9s
}
.main li:hover .menu2 li:last-of-type {
	animation: menu2 .3s ease-in-out forwards;
	animation-delay: 1.2s
}

@keyframes menu2 {
	0% {
		opacity: 0;
		transform: scale(.7)
	}

	50% {
		opacity: .5;
		transform: scale(1.1)
	}

	100% {
		opacity: 1;
		transform: scale(1)
	}
}

.main li:hover .menu3 li:first-of-type {
	animation: menu3 .3s ease-in-out forwards;
	animation-delay: .3s
}

.main li:hover .menu3 li:nth-of-type(2) {
	animation: menu3 .3s ease-in-out forwards;
	animation-delay: .6s
}

.main li:hover .menu3 li:nth-of-type(3) {
	animation: menu3 .3s ease-in-out forwards;
	animation-delay: .9s
}

.main li:hover .menu3 li:last-of-type {
	animation: menu3 .3s ease-in-out forwards;
	animation-delay: 1.2s
}

@keyframes menu3 {
	0% {
		opacity: 0;
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

.main li:hover .menu4 li:first-of-type {
	animation: menu4 .3s ease-in-out forwards;
	animation-delay: .3s
}

.main li:hover .menu4 li:nth-of-type(2) {
	animation: menu4 .3s ease-in-out forwards;
	animation-delay: .6s
}

.main li:hover .menu4 li:nth-of-type(3) {
	animation: menu4 .3s ease-in-out forwards;
	animation-delay: .9s
}

.main li:hover .menu4 li:last-of-type {
	animation: menu4 .3s ease-in-out forwards;
	animation-delay: 1.2s
}

@keyframes menu4 {
	0% {
		opacity: 0;
		transform: translateX(50px) rotate(-90deg)
	}

	100% {
		opacity: 1;
		transform: translateX(0) rotate(0)
	}
}

.main li:hover .menu5 li:first-of-type {
	animation: menu5 .3s ease-in-out forwards;
	animation-delay: .3s
}

.main li:hover .menu5 li:nth-of-type(2) {
	animation: menu5 .3s ease-in-out forwards;
	animation-delay: .6s
}

.main li:hover .menu5 li:nth-of-type(3) {
	animation: menu5 .3s ease-in-out forwards;
	animation-delay: .9s
}

.main li:hover .menu5 li:last-of-type {
	animation: menu5 .3s ease-in-out forwards;
	animation-delay: 1.2s
}

@keyframes menu5 {
	0% {
		opacity: 0;
		transform: rotateX(-90deg)
	}

	100% {
		opacity: 1;
		transform: rotateX(0)
	}
}

.main li:hover .menu6 li:first-of-type {
	animation: menu6 .3s ease-in-out forwards;
	animation-delay: .2s
}

.main li:hover .menu6 li:nth-of-type(2) {
	animation: menu6 .3s ease-in-out forwards;
	animation-delay: .4s
}

.main li:hover .menu6 li:nth-of-type(3) {
	animation: menu6 .3s ease-in-out forwards;
	animation-delay: .6s
}
.main li:hover .menu6 li:nth-of-type(4) {
	animation: menu6 .3s ease-in-out forwards;
	animation-delay: .6s
}
.main li:hover .menu6 li:last-of-type {
	animation: menu6 .3s ease-in-out forwards;
	animation-delay: .8s
}

@keyframes menu6 {
	0% {
		opacity: 0;
		transform: scale(2)
	}

	100% {
		opacity: 1;
		transform: scale(1)
	}
}

.white-mode {
	text-decoration: none;
	padding: 7px 10px;
	background-color: #122;
	border-radius: 3px;
	color: #fff;
	transition: .35s ease-in-out;
	position: absolute;
	left: 15px;
	bottom: 15px;
	font-family: sans-serif
}

.white-mode:hover {
	background-color: #fff;
	color: #122
}


.leftprocomt {
	padding-top: 10px;
}
.leftprocomt li {
	float: left;
	text-align: center;
	width: 104px;
	margin: 0 10px;
}
.leftprocomt li img {
	width: 104px;
	height: 78px;
	border-radius: 3px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.leftprocomt li p {
	font-size: 12px;
	line-height: 30px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.leftprocomt li:hover img {
	-webkkit-filter: brightness(105%);
	filter: brightness(105%);
}
.leftprocomt li:hover p {
	color: #1048a0;
}
.contxt {
	padding: 8px 10px 15px;
	line-height: 30px;
}
.contxt .img {
	float: left;
	display: block;
	border: 1px solid #e5e5e5;
	margin: 0 auto 10px;
}
.contxt img {
	width: 215px;
	height: 215px;
}