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

div, dl, dt, dd, ul, ol, li, form, p {margin: 0px; padding: 0px;}
ul, ol, li {list-style: none; list-style-type: none;}
img {border: 0px;}

.left {width: 305px; height: 100%; background: #FFF; position: fixed; left: 0px; top: 0px; z-index: 999;}
.logo {width: 150px; height: 155px; margin: 0px 0px 0px 35px; overflow: hidden;}
	.logo img {width: 100%; height: auto; margin-top: 25px; display: block;}
.menu {width: 162px; height: auto; margin: 0px 0px 0px 35px;}
	#menubtn {display: none;}
	.menu ul {width: 100%; height: auto; overflow: hidden;}
		.menu ul li {width: 100%; height: auto; padding: 5px 0px; letter-spacing: 2px; font-size: 16px; overflow: hidden;}
			.menu ul li a {color: #949392; font-family: SourceHanSansCNBold; display: block;}
			.menu ul li.home a {font-weight: bold;}
				.menu ul li a span.ld {width: 100%; height: 20px; line-height: 20px; overflow: hidden; display: block;}
				.menu ul li a span.lc {width: 100%; height: 20px; line-height: 20px; font-size: 15px; overflow: hidden; display: none;}
				.menu ul li a span.line {width: 15px; height: 1px; background: #ababab; display: block; transition: all 0.5s;}
			.menu ul li a:hover, .menu ul li a.cur {color: #949392;}
				.menu ul li a:hover span.ld {display: none;}
				.menu ul li a:hover span.lc {display: block;}
				.menu ul li a:hover span.line, .menu ul li a.cur span.line {width: 100%; transition: all 0.5s;}
.leftb {width: 235px; height: auto; font-family: SourceHanSansCNMedium; overflow: hidden; position: fixed; left: 35px; bottom: 30px; z-index: 999;}
	.leftb .title {width: 100%; height: auto; line-height: 16px; font-size: 14px; color: #949392; overflow: hidden;}
	.leftb .tel {width: 100%; height: 30px; margin-top: 14px; line-height: 30px; letter-spacing: 3px; font-size: 20px; color: #949392; overflow: hidden;}
	.leftb .address {width: 100%; height: auto; margin-top: 3px; line-height: 18px; font-size: 12px; color: #999; overflow: hidden;}
	.leftb .copyright {width: 100%; height: auto; line-height: 18px; letter-spacing: 1px; font-size: 12px; color: #999; overflow: hidden;}
	.leftb .icp {width: 100%; height: auto; line-height: 18px; font-size: 12px; color: #999; overflow: hidden;}

.right {width: 80%; height: 100%; overflow: hidden; float: right;}
.banner {width: 100%; height: auto; overflow: hidden;}
	.banner img {width: 100%; height: auto; display: block;}
.ibanner {overflow: hidden; position: relative;}
.indexbanner {width: 100% !important; height: 100% !important; overflow: hidden; position: relative;}
	.indexbanner ul {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 30;}
		.indexbanner ul li {height: 100%; overflow: hidden; z-index: 1;}
		.indexbanner ul li.curr {z-index: 2;}
			.indexbanner li img {width: 100%; height: 100%;}
			.indexbanner ul li > a {left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 50;}
	.indexbanner dl {left: 0px; width: 100%; text-align: center; bottom: 70px; position: absolute; z-index: 5000;}
		.indexbanner dl dd {background: rgb(255, 255, 255); margin: 0px 10px 0px 0px; outline: 0px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); border-image: none; width: 10px; height: 10px; text-indent: 9999px; overflow: hidden; display: inline-block; cursor: pointer;}
		.indexbanner dl dd:last-child {margin-right: 0px;}
		.indexbanner dl dd.active {background: rgb(234, 91, 36); border-radius: 50%; border: 1px solid rgb(234, 91, 36); border-image: none;}
.indexbannerbox {overflow: hidden; position: relative;}
	.indexbannerbox .bx-wrapper {top: 0px !important; width: 100% !important; height: 100% !important; position: absolute !important;}
	.indexbannerbox .bx-controls {left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;}
.banner_left {background: url("../images/lm.png") no-repeat left; left: 2%; top: 50%; width: 28px; height: 40px; margin-top: -41px; display: block; position: absolute; z-index: 10000;}
.banner_right {background: url("../images/rm.png") no-repeat left; top: 50%; width: 28px; height: 40px; right: 2%; margin-top: -41px; display: block; position: absolute; z-index: 10000;}

.footer {width: 80%; height: 68px; background: rgba(255, 255, 255, 0.7); overflow: hidden; position: fixed; right: 0px; bottom: 0px; z-index: 99999;}
	.footer .fleft {width: auto; height: 68px; padding-left: 40px; overflow: hidden; float: left;}
		.footer .fleft .en {width: auto; height: 20px; padding-top: 15px; white-space: nowrap; line-height: 20px; letter-spacing: 0px; font-size: 12px; color: #383635; overflow: hidden;}
		.footer .fleft .cn {width: auto; height: 33px; white-space: nowrap; letter-spacing: 3px; line-height: 33px; font-size: 16px; color: #595656; overflow: hidden;}
	.footer .news {width: 400px; height: 43px; margin: 20px 40px 0px 0px; overflow: hidden; float: right; display: inline;}
		.footer .news .title {width: 67px; height: 43px; border-right: #9f9fa0 1px solid; font-size: 14px; color: #818080; overflow: hidden; float: left;}
		.footer .news #marnews {width: 313px; height: 43px; overflow: hidden; float: right;}
			.footer .news #marnews ul {width: 313px; height: auto; overflow: hidden;}
				.footer .news #marnews ul li {width: 313px; height: 22px; line-height: 22px; letter-spacing: 0px; overflow: hidden;}
					.footer .news #marnews ul li p {width: 253px; height: 22px; color: #595757; overflow: hidden; float: left;}
						.footer .news #marnews ul li p a {color: #595757;}
					.footer .news #marnews ul li span {color: #595757; float: right;}

.mainbody {width: 80%; height: auto; padding-bottom: 68px; overflow: hidden; float: right;}
	.mainbody .main_c {width: 60%; height: auto; overflow: hidden; float: left;}
		.mainbody .main_c img {width: 100%; height: auto;}
	.mainbody .main_r {width: 40%; height: auto; overflow: hidden; float: right;}
.pagetitle {width: 87%; height: auto; margin: 40px auto 0px auto; border-bottom: #999 1px solid; line-height: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #777; overflow: hidden;}
.submenu {width: 87%; height: auto; margin: 20px auto 0px auto; overflow: hidden;}
	.submenu li {width: 100%; height: auto; line-height: 30px; overflow: hidden;}
		.submenu li a {color: #7e7e7e; display: inline-block;}
		.submenu li a span {height: 1px; background: #ababab; display: block; transition: all 0.5s;}
		.submenu li.m1 a span {width: 230px;}
		.submenu li.m2 a span {width: 180px;}
		.submenu li.m3 a span {width: 174px;}
		.submenu li.m4 a span {width: 167px;}
		.submenu li.m5 a span {width: 234px;}
		.submenu li a:hover span, .submenu li a.cur span {width: 100%; transition: all 0.5s;}
.singlepage {width: 87%; height: auto; margin: 25px auto 0px auto; line-height: 30px; color: #999; overflow: hidden;}
.share {width: 87%; height: auto; margin: 100px auto 0px auto;}
.list {width: 100%; height: auto; overflow: hidden;}
	.list li {width: 33.2%; height: auto; margin: 0px 0.2% 2px 0px; overflow: hidden; float: left; display: block;}
	.list li:nth-child(3n) {margin: 0px 0px 2px 0px;}
		.list li a {position: relative; z-index: 9; display: block;}
			.list li a img {width: 100%; height: auto; display: block;}
			.list li a p {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0px; top: 0px; z-index: 9; display: none;}
			.list li:hover a p {display: block;}
				/*
				.list li a p span {width: 93%; height: auto; padding: 0px 0px 30px 7%; font-size: 16px; font-weight: bold; color: #FFF; display: block; position: absolute; left: 0px; bottom: 0px; z-index: 9;}
				*/
				.list li a p span.title {width: 90%; height: 30px; padding: 0px 5%; line-height: 30px; font-size: 16px; font-weight: bold; color: #FFF; overflow: hidden; display: block; position: absolute; left: 0px; bottom: 30px; z-index: 9;}
				.list li a p span.summary {width: 90%; height: 20px; padding: 0px 5%; line-height: 20px; font-size: 14px; color: #FFF; overflow: hidden; display: block; position: absolute; left: 0px; bottom: 10px; z-index: 9;}
.newslist {width: 92%; height: auto; margin: 30px auto 0px auto; overflow: hidden;}
	.newslist li {width: 100%; height: auto; padding: 12px 0px; border-bottom: #CACACA 1px solid; overflow: hidden;}
		.newslist li .time {width: 10%; height: auto; padding-top: 20px; line-height: 20px; letter-spacing: 0px; font-size: 16px; color: #787878; overflow: hidden; float: left;}
		.newslist li .image {width: 12%; height: auto; overflow: hidden; float: left;}
			.newslist li .image img {width: 100%; height: auto; display: block;}
		.newslist li .title {width: 76%; height: 35px; line-height: 35px; font-size: 30px; overflow: hidden; float: right;}
			.newslist li .title a {color: #717171;}
		.newslist li .summary {width: 76%; height: 48px; padding-top: 10px; line-height: 24px; font-size: 16px; color: #9f9f9f; overflow: hidden; float: right;}