@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;font-family:"Microsoft YaHei";font-family:"微软雅黑"; list-style-type:none;}
.bodybg01{ background-color:#cdcdcd;}
.head01{ background-image:url(../images/head_bg.jpg); height:700px; background-position:center; background-repeat:no-repeat; position:relative;}
.head02{ background-image:url(../images/head_bg02.jpg); height:700px; background-position:center; background-repeat:no-repeat; position:relative;}
.head03{ background-image:url(../images/head_bg03.jpg); height:700px; background-position:center; background-repeat:no-repeat; position:relative;}
.head01 .tab{ bottom:0px; position:absolute; text-align:center; width:100%;}
.head01 .tab ul{ width:480px; margin:auto;}
.head01 .tab a{ color:#fff;background-color:#000; font-size:30px; text-decoration:none; height:90px; line-height:90px; width:240px; display:block; float:left; }
.head01 .tab .active{ background-color:#fff; color:#000;}

.listbox01{ width:1460px; margin:auto; border-left:1px solid #dfdfdf;margin-top:88px;  margin-bottom:88px; padding-left:1px; overflow:hidden;}
.listbox01 .box{ width:50%; float:left;}
.listbox01 .div01{ padding:40px; border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf; height:220px;}
.listbox01 .div01 .text{ font-size:30px; color:#666666; line-height:40px;}
.listbox01 .div01 .text02{ font-size:30px; color:#666666; padding-top:20px; padding-bottom:20px;}
.listbox01 .div01 .text02 img{ margin-right:10px; }
.listbox01  .bg01{ background-color:#eeeeee;}
.listbox01  .bg02{ background-color:#f9f9f9;}
.pic01{ background-color:#CDCDCD; height:400px; background-repeat:no-repeat; background-position:center;}
.foot{ background-color:#000; text-align:center; height:115px;}
.foot ul{ border-left:1px solid #3d3d3d; display:inline-block; margin-top:40px;}
.foot a{ border-bottom:1px solid #3d3d3d; border-top:1px solid #3d3d3d; border-right:1px solid #3d3d3d; float:left;  }
.listbox02{width:1460px; margin:auto; position:relative; margin-top:88px; margin-bottom:88px; overflow:hidden;}
.listbox02 .pic{ position:absolute;}
.listbox02 .pic span{ display:block; margin-bottom:40px;}
.listbox02 .text{ margin-left:480px;} 
.listbox02 .text .title{ line-height:60px; font-size:30px; display:block;}
.listbox02 .text .txt{ font-size:24px; line-height:42px;color:#44413a;}
.listbox03{width:1460px; margin:auto; position:relative; margin-top:88px; margin-bottom:88px;}
.listbox03 .title{ font-size:30px; line-height:60px; margin-top:30px; margin-bottom:20px;}
.listbox03 .txt01{ text-indent:50px; font-size:20px; line-height:28px; color:#44413a;}
.listbox03 .pic{ margin-bottom:30px; border-bottom:5px solid #c9c9c9; padding-bottom:20px;}

.listbox04{ overflow:hidden; width:1460px; margin:auto; margin-top:88px; margin-bottom:188px;}
.listbox04 a{ display:block; background-color:#fff; margin:5px;}
.listbox04 li{ float:left;}

.listbox05{width:1460px; margin:auto; position:relative; margin-top:88px; margin-bottom:88px; overflow:hidden;}
.listbox05 .pic{ position:absolute;}
.listbox05 .pic span{ display:block; margin-bottom:40px;}
.listbox05 .text{ margin-left:420px;} 
.listbox05 .text .title{ line-height:60px; font-size:30px; display:block;}
.listbox05 .text .txt{ font-size:24px; line-height:42px;color:#44413a;}


.listbox06{width:1460px; margin:auto; position:relative; margin-top:88px; margin-bottom:88px; overflow:hidden;}
.listbox06 .pic{}
.listbox06 .pic span{ display:block; margin-bottom:40px;}
.listbox06 .text{ } 
.listbox06 .text .title{ line-height:60px; font-size:30px; display:block;}
.listbox06 .text .txt{ font-size:24px; line-height:42px;color:#44413a;}



/* wrapper css */
#wrapper{
	margin-top:70px;
	width:100%;
}
#wrapper hgroup{
	text-align:center;
}
#wrapper h2{
	margin:5px 0;
	color:#FF6D99;
	text-shadow:1px 1px 2px #A50031;
	font-size:33px;
	font-family:Arial Narrow, Arial, sans-serif;
}
#wrapper h3{
	font-style:italic;
	font-weight:normal;
	font-size:18px;
	text-shadow:1px 1px 0 #fff;
	color:#888;
	margin:5px 0;
}

#container{
	position:relative;
	
	margin:0 auto 25px;
	padding-bottom: 10px;
	
}
.grid{
	width:188px;
	min-height:100px;
	padding: 15px;
	background:#fff;
	margin:8px;
	font-size:12px;
	float:left;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}

.grid strong {
	border-bottom:1px solid #ccc;
	margin:10px 0;
	display:block;
	padding:0 0 5px;
	font-size:17px;
}
.grid .meta{
	text-align:right;
	color:#777;
	font-style:italic;
}
.grid .imgholder img{
	max-width:100%;
	background:#ccc;
	display:block;
}

@media screen and (max-width : 1240px) {
	body{
		overflow:auto;
	}
}
@media screen and (max-width : 900px) {
	#backlinks{
		float:none;
		clear:both;
	}
	#backlinks a{
		display:inline-block;
		padding-right:20px;
	}
	#wrapper{
		margin-top:90px;
	}
}
#container .grid .imgholder img{ width:100%; height:auto;}
#container .grid .text{ text-align:right; position:relative;}
#container .grid .text span{ background-color:#fff; padding:2px 10px; margin-top:5px; font-size:18px; position:absolute; right:0px; top:-15px; color:#999;}
#container .grid .text .line{ background-color:#ff8600; height:5px; margin-top:25px;}
#container .grid p{ font-size:22px; display:block; padding:15px 10px;}
.listbox07{width:1460px; margin:auto; margin-top:88px; margin-bottom:88px;  }
.listbox07{ position:relative;}
.listbox07 .left{ margin-right:507px;}
.listbox07 .right{ position:absolute; top:0px; right:0px;}
.boxpic{ background-color:#b2b2b2; border-radius:18px; width:452px; overflow:hidden;}
.boxpic span{ padding:20px 20px; display:block; font-weight:bold; color:#fff;}

.boxpic ul{ margin:0px 20px; margin-bottom:20px; margin-top:5px;}
.boxpic ul img{ width:100%; border-radius:18px;}
.boxpic{ margin-bottom:20px;}
.listbox08{width:1460px; margin:auto; margin-top:88px; margin-bottom:88px;  }
.listbox08 .page{ text-align:center; color:#333;}
.listbox08 .page a{ text-decoration:none; color:#333;}
.listbox08 .page a:hover{ color:#ff3600;}
.picbox .jpgbox{ background-position:center; background-repeat:no-repeat;}
.picbox .piclist01{ background-image:url(../images/bar/jpg01.jpg)}
.picbox .piclist01{ background-image:url(../images/bar/jpg02.jpg)}
.picbox .piclist01{ background-image:url(../images/bar/jpg03.jpg)}
.btnpage{ position:absolute; top:50%; margin-top:-80px; right:0px;}
.btnpage .btncss{ cursor:pointer; background-color:#000; margin-bottom:10px; border:1px solid #434343;}
.btnpage .btncss:hover{ background-color:#2d3192;}







/* 懒人图库 搜集整理 www.lanrentuku.com */

html, body, .container {
	height: 100%;
}

.js .boxgallery,
.js .boxgallery div {
	position: absolute;
}

.js .boxgallery,
.bg-tile,
.bg-img {
	overflow: hidden;
}

.js .boxgallery,
.js .panel {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.panel {
	z-index: 0;
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.bg-tile {
	width: 50%;
	height: 50%;
}

.bg-tile:nth-child(2),
.bg-tile:nth-child(4) {
	left: 50%;
}

.bg-tile:nth-child(3),
.bg-tile:nth-child(4) {
	top: 50%;
}

.bg-img {
	width: 100%;
	height: 100%;
	background: #999;
}

.bg-img img {
	position: absolute;
	display: block;
	height: 200%;
}

@media screen and (min-aspect-ratio: 1280/850) {
	.bg-img img {
		width: 200%;
		height: auto;
	}
}

.bg-tile:nth-child(2) .bg-img img,
.bg-tile:nth-child(4) .bg-img img {
	left: -100%;
}

.bg-tile:nth-child(3) .bg-img img,
.bg-tile:nth-child(4) .bg-img img {
	top: -100%;
}

/* Navigation Arrow */
.boxgallery > nav span {
	position: absolute;
	top: 50%;
	z-index: 1000;
	display: block;
	width: 100px;
	height: 100px;
	outline: none;
	text-align: left;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.boxgallery > nav span.prev {
	left: 0;
}

.boxgallery > nav span.next {
	right: 0;
}

.boxgallery > nav i {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.boxgallery > nav span::before,
.boxgallery > nav span::after,
.boxgallery > nav i::before,
.boxgallery > nav i::after {
	position: absolute;
	left: 50%;
	width: 3px;
	height: 50%;
	outline: 1px solid transparent;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.boxgallery > nav i::before,
.boxgallery > nav i::after {
	z-index: 100;
	height: 0;
	background: #fff;
	-webkit-transition: height 0.3s, -webkit-transform 0.3s;
	transition: height 0.3s, transform 0.3s;
}

.boxgallery > nav span::before,
.boxgallery > nav i::before {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-135deg);
	transform: translateX(-50%) rotate(-135deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.boxgallery > nav span.next::before,
.boxgallery > nav span.next i::before {
	-webkit-transform: translateX(-50%) rotate(135deg);
	transform: translateX(-50%) rotate(135deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.boxgallery > nav span::after,
.boxgallery > nav i::after {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.boxgallery > nav span.next::after,
.boxgallery > nav span.next i::after {
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	-webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}

.no-touch .boxgallery > nav span:hover i::before,
.no-touch .boxgallery > nav span:hover i::after {
	height: 50%;
}

.no-touch .boxgallery > nav span:hover::before,
.no-touch .boxgallery > nav span:hover i::before {
	-webkit-transform: translateX(-50%) rotate(-125deg);
	transform: translateX(-50%) rotate(-125deg);
}

.no-touch .boxgallery > nav span.next:hover::before,
.no-touch .boxgallery > nav span.next:hover i::before {
	-webkit-transform: translateX(-50%) rotate(125deg);
	transform: translateX(-50%) rotate(125deg);
}

.no-touch .boxgallery > nav span:hover::after,
.no-touch .boxgallery > nav span:hover i::after {
	-webkit-transform: translateX(-50%) rotate(-55deg);
	transform: translateX(-50%) rotate(-55deg);
}

.no-touch .boxgallery > nav span.next:hover::after,
.no-touch .boxgallery > nav span.next:hover i::after {
	-webkit-transform: translateX(-50%) rotate(55deg);
	transform: translateX(-50%) rotate(55deg);
}

/* Transitions and individual delays/effects */
/* The "active" class is given to the panel that is coming */

.panel.current {
	z-index: 2;
}

.panel.active {
	z-index: 1;
}

.panel.current .bg-img {
	-webkit-transition: -webkit-transform 1.1s ease-in-out;
	transition: transform 1.1s ease-in-out;
}

.boxgallery[data-effect="effect-1"] .panel.active .bg-tile,
.boxgallery[data-effect="effect-2"] .panel.active .bg-tile {
	-webkit-animation: scaleDown 1.1s ease-in-out;
	animation: scaleDown 1.1s ease-in-out;
}

@-webkit-keyframes scaleDown {
	from { -webkit-transform: translate3d(0,0,380px); transform: translate3d(0,0,380px); }
	to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@keyframes scaleDown {
	from { -webkit-transform: translate3d(0,0,380px); transform: translate3d(0,0,380px); }
	to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

/* Variation 2 */
.boxgallery[data-effect="effect-2"] .panel.current .bg-img {
	-webkit-transition: -webkit-transform 0.9s cubic-bezier(0.7,0,0.3,1);
	transition: transform 0.9s cubic-bezier(0.7,0,0.3,1);
}

.boxgallery[data-effect="effect-2"] .panel.current .bg-tile:nth-child(2) .bg-img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.boxgallery[data-effect="effect-2"] .panel.current .bg-tile:nth-child(3) .bg-img {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.boxgallery[data-effect="effect-2"] .panel.current .bg-tile:nth-child(4) .bg-img {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

/* Variation 3 */
.boxgallery[data-effect="effect-3"] .panel::after {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	content: '';
	-webkit-transition: opacity 1.1s ease-in-out;
	transition: opacity 1.1s ease-in-out;
}

.boxgallery[data-effect="effect-3"] .panel.current::after,
.boxgallery[data-effect="effect-3"] .panel.active::after {
	opacity: 0;
}

.boxgallery[data-effect="effect-3"] .panel.current::after {
	-webkit-transition: none;
	transition: none;
}

.boxgallery[data-effect="effect-3"] .panel.current .bg-img {
	-webkit-transition: -webkit-transform 1.1s cubic-bezier(0.7,0,0.3,1);
	transition: transform 1.1s cubic-bezier(0.7,0,0.3,1);
}

.boxgallery[data-effect="effect-3"] .panel.current .bg-tile:nth-child(2) .bg-img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.boxgallery[data-effect="effect-3"] .panel.current .bg-tile:nth-child(3) .bg-img {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.boxgallery[data-effect="effect-3"] .panel.current .bg-tile:nth-child(4) .bg-img {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

@media screen and (max-width: 380px) {
	.boxgallery > nav span {
		width: 50px;
		height: 50px;
	}
}
.menu{ position:absolute; left:0px; top:0px; z-index:2000;}
.menu a{ background-color:#000; display:block;}
.menu a:hover{ background-color:#2d3192;}


.news{ position:absolute; right:0px; top:0px; z-index:2000;}
.news a{ background-color:#000; display:block;}
.news a:hover{ background-color:#2d3192;}
.topbox{ background-image:url(../images/top.png); height:170px; width:100%; background-position:center; background-repeat:repeat; position:absolute; top:0px;z-index:1999;}

.footindex{text-align:center; height:90px; z-index:2000; position:fixed; bottom:0px; width:100%; }
.footindex ul{ border-left:1px solid #3d3d3d; display:inline-block;}
.footindex a{ border-bottom:1px solid #3d3d3d; border-top:1px solid #3d3d3d; border-right:1px solid #3d3d3d; float:left;  }
.footindex img{ display:block;}
.leftmenu{ background-color:#000; z-index:1999; position:absolute; top:0px; left:-440px; }
.leftmenu ul{ margin-left:100px; }
.leftmenu a{ display:block; font-size:30px; color:#fff; text-decoration:none; line-height:80px; padding-right:30px; border-bottom:1px solid #1f1e1e; margin-right:60px;}


.right-news{ background-color:#000; z-index:1999; position:absolute; top:0px; right:-640px; padding-right:90px; padding-left:40px;}

.right-news h1{ font-size:30px; font-weight:normal;color:#fff; line-height:75px;}
.right-news h3{ font-size:22px; font-weight:normal;color:#fff; line-height:75px;}
.right-news h3 a{text-decoration:none;  color:#fff;}
.right-news ul{ width:400px; background-color:#333333; ;}
.right-news .box{ color:#fff; font-size:16px; line-height:22px;padding:20px}
.right-news .box a{ text-decoration:none;  color:#fff;}
.right-news .foottxt{ display:block; line-height:28px; height:28px; background-image:url(../images/dot02.png); padding-left:28px; background-position:left center; background-repeat:no-repeat; color:#999999;}
.right-news a{ transition:0.5s;}
.right-news a:hover{ color:#fbca05;}
.right-news .css{ background-color:#2d2d2d;}