@charset "utf-8";
/* CSS Document */
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#333;
}

a{
	color:#333;
}


h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
	font-weight:normal;
}

p,li{
	overflow:hidden;
}

img{
	display:block;
}

#nav{
	position:fixed;
	left:0px;
	top:0px;
	width:220px;
	height:100%;
	background-image:url(images/nav-bg.jpg);
	background-size:100% 100%;
	z-index:999;
}

#nav .logo{
	position:absolute;
	top:15%;
	left:0px;
	width:100%;
}

#nav .links{
	position:absolute;
	left:0px;
	top:33%;
}

#nav .links a{
	position:relative;
	display:block;
	width:165px;
	padding-left:55px;
	height:50px;
	line-height:50px;
	font-family:"SimSun";
	font-size:12px;
	text-decoration:none;
}

#nav .links a i{
	position:absolute;
	left:43px;
	top:22px;
	width:6px;
	height:6px;
	background:#3ac335;
	border-radius:50%;
	display:none;
}

#nav .links a:hover{
	background:#f2f2f2;
	font-size:14px;
	color:#02547b;
}

#nav .links a:hover i{
	display:block;
}

#bg01{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-size:100% 100%;
	background-position:220px top;
	background-image:url(images/page1-bg.jpg);
	z-index:-200;
}

#bg02{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-size:100% 100%;
	background-position:220px top;
	background-image:url(images/page2-bg.jpg);
	z-index:-100;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

/* 模糊背景出现 Start */
@-ms-keyframes bg02{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
}

@-moz-keyframes bg02{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
}

@-o-keyframes bg02{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
}

@-webkit-keyframes bg02{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
}

@keyframes bg02{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
}

.active{
	animation:'bg02' 0.3s ease-in-out 0s normal forwards;
	-ms-animation:bg02 0.3s ease-in-out 0s normal forwards;
	-moz-animation:bg02 0.3s ease-in-out 0s normal forwards;
	-o-animation:'bg02' 0.3s ease-in-out 0s normal forwards;
	-webkit-animation:'bg02' 0.3s ease-in-out 0s normal forwards;
}
/* 模糊背景出现 End */

.page{
	margin-left:220px;
	position:relative;
	min-width:980px;
	overflow:hidden;
}

#page1{
	height:100%;
}

#page1 .phone{
	display:none;
}

#page1 .text{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#page1 .text img{
	width:100%;
	height:100%;
}

#page2{
	height:100%;
	color:#fff;
}

#page2 a{
	color:#fff;
}

#page2 .box{
	width:1070px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

#page2 .headline{
	margin-top:70px;
}

#page2 .headline h2{
	font-size:40px;
	height:50px;
	line-height:50px;
	font-weight:bold;
}

#page2 .first h2{
	background-image:url(images/page2-first.png);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:108px;
}

#page2 .headline p{
	line-height:28px;
	max-height:56px;
	font-size:16px;
	margin-top:20px;
}

#page2 .photo{
	float:left;
	width:495px;
	height:335px;
	position:relative;
	overflow:hidden;
	margin-top:75px;
}

#page2 .photo img{
	width:100%;
	height:100%;
	transition:all 0.3s ease 0s;
	transform:scale(1,1);
}

#page2 .photo img:hover{
	transform:scale(1.05,1.05);
}

#page2 .photo p{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:18px;
	text-align:center;
}

#page2 .photo .shadow{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:50px;
	background:#333;
	filter:alpha(opacity=75);
	opacity:0.75;
}

#page2 .list{
	float:left;
	display:inline;
	margin:75px 0px 0px 50px;
	width:470px;
}

#page2 .list li{
	height:48px;
	line-height:48px;
	font-size:20px;
}

#page2 .more{
	float:right;
	margin-top:320px;
	width:26px;
	font-size:16px;
	border:1px solid #fff;
	border-radius:2px;
	text-align:center;
	line-height:20px;
	padding:14px 0px;
	text-decoration:none;
}

#page2 .more:hover{
	box-shadow:0px 0px 8px #fff inset;
}

@media (max-width: 1550px) {
	#page2 .box{ width:749px; margin-top:40px; }
	#page2 .headline{ margin-top:49px; }
	#page2 .headline h2{ font-size:28px; height:35px; line-height:35px; }
	#page2 .first h2{ background-position:left 3px; padding-left:76px; background-size:59px 28px; }
	#page2 .headline p{ line-height:20px; max-height:40px; font-size:12px; margin-top:14px; }
	#page2 .photo{ width:347px; height:234px; margin-top:53px; }
	#page2 .photo p{ height:35px; line-height:35px; font-size:14px; }
	#page2 .photo .shadow{ height:35px; }
	#page2 .list{ margin:53px 0px 0px 35px; width:329px; }
	#page2 .list li{ height:34px; line-height:34px; font-size:14px; }
	#page2 .more{ margin-top:224px; width:18px; font-size:12px; line-height:16px; padding:10px 0px; }
}
@media (min-width: 1550px) {
	#page2 .box{ width:865px; margin-top:20px; }
	#page2 .headline{ margin-top:56px; }
	#page2 .headline h2{ font-size:32px; height:40px; line-height:40px; }
	#page2 .first h2{ background-position:left 4px; padding-left:86px; background-size:67px 32px; }
	#page2 .headline p{ line-height:22px; max-height:44px; font-size:14px; margin-top:16px; }
	#page2 .photo{ width:396px; height:268px; margin-top:60px; }
	#page2 .photo p{ height:40px; line-height:40px; font-size:16px; }
	#page2 .photo .shadow{ height:40px; }
	#page2 .list{ margin:60px 0px 0px 40px; width:376px; }
	#page2 .list li{ height:38px; line-height:38px; font-size:16px; }
	#page2 .more{ margin-top:256px; width:20px; font-size:14px; line-height:18px; padding:11px 0px; }
}
@media (min-width: 1870px) {
	#page2 .box{ width:1070px; margin-top:20px; }
	#page2 .headline{ margin-top:70px; }
	#page2 .headline h2{ font-size:40px; height:50px; line-height:50px; }
	#page2 .first h2{ background-position:left 5px; padding-left:108px; background-size:84px 40px; }
	#page2 .headline p{ line-height:28px; max-height:56px; font-size:16px; margin-top:20px; }
	#page2 .photo{ width:495px; height:335px; margin-top:75px; }
	#page2 .photo p{ height:50px; line-height:50px; font-size:18px; }
	#page2 .photo .shadow{ height:50px; }
	#page2 .list{ margin:75px 0px 0px 50px; width:470px; }
	#page2 .list li{ height:48px; line-height:48px; font-size:20px; }
	#page2 .more{ margin-top:320px; width:26px; font-size:16px; line-height:20px; padding:14px 0px; }
}

#page3{
	background:#fff;
}

#footer{
	background:#3b4350;
	color:#eceff1;
	text-align:center;
	line-height:24px;
	padding:50px 0px;
}

.topic{
	text-align:center;
}

.topic img{
	display:inline-block;
}

.layout-box{
	padding-top:50px;
	padding-bottom:100px;
}

.layout-color1{
	background-color:#f7f8f9;
}

.layout-color2{
	background-color:#eceff1;
}

.layout-margin{
	width:1554px;
	margin:0px auto;
}

@media (max-width: 1390px) {
	#footer{ padding:29px 0px; }
	.topic img{ width:605px; }
	.layout-box{ padding-top:29px; padding-bottom:58px; }
	.layout-margin{	width:896px; }
}
@media (min-width: 1390px) {
	#footer{ padding:35px 0px; }
	.topic img{ width:773px; }
	.layout-box{ padding-top:35px; padding-bottom:69px; }
	.layout-margin{	width:1070px; }
}
@media (min-width: 1550px) {
	#footer{ padding:39px 0px; }
	.topic img{ width:821px; }
	.layout-box{ padding-top:39px; padding-bottom:78px; }
	.layout-margin{	width:1216px; }
}
@media (min-width: 1870px) {
	#footer{ padding:50px 0px; }
	.topic img{ width:1050px; }
	.layout-box{ padding-top:50px; padding-bottom:100px; }
	.layout-margin{	width:1554px; }
}

#layout2{
	background-image:url(images/ly2-bg.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:200px !important;
}

#layout2 .box{
	width:1500px;
	margin:0px auto;
}

#layout2 .video{
	margin-top:90px;
}

#layout2 .video ul{
	zoom:1;
	margin-left:-24px;
}

#layout2 .video li{
	float:left;
	display:inline;
	margin:0px 0px 0px 24px;
	width:765px;
	height:480px;
	position:relative;
	overflow:hidden;
}

#layout2 .video img,#layout2 .video a{
	width:100%;
	height:100%;
	text-decoration:none;
}

#layout2 .video .play{
	position:absolute;
	left:50%;
	top:50%;
	margin:-47px 0px 0px -47px;
	width:95px;
	height:95px;
	background-image:url(images/play.png);
	background-size:100% 100%;
	z-index:10;
}

#layout2 .video .shadow{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#333;
	filter:alpha(opacity=50);
	opacity:0.5;
	z-index:20;
	display:none;
}

#layout2 .video table{
	position:absolute;
	width:86%;
	height:100%;
	left:7%;
	top:-100%;
	color:#fff;
	z-index:30;
	transition:all 0.3s ease 0s;
	transform:scale(0,0);
}

#layout2 .video table td{
	text-align:center;
	height:100%;
	width:100%;
}

#layout2 .video h3{
	font-size:20px;
	line-height:30px;
}

#layout2 .video p{
	line-height:24px;
	margin-top:40px;
	font-family:"SimSun";
	font-size:12px;
}

#layout2 .video li:hover .shadow{
	display:block;
}

#layout2 .video li:hover table{
	top:0%;
	transform:scale(1,1);
}

#layout2 .video li:hover .play{
	display:none;
}

#layout2 .phone{
	float:right;
	display:inline;
	margin-top:55px;
	margin-right:85px;
	width:372px;
	height:652px;
	position:relative;
	background-image:url(images/ly2-phone.png);
	background-size:100% 100%;
}

#layout2 .phone .weikan{
	position:absolute;
	left:69px;
	top:75px;
	border:1px solid #042463;
	width:279px;
	height:495px;
	overflow:hidden;
}

#layout2 .phone .weikan img{
	width:100%;
	height:100%;
}


@media (max-width: 1390px) {
	#layout2{ padding-bottom:116px !important; }
	#layout2 .video{ margin-top:23px; }
	#layout2 .video ul{ margin-left:-10px; }
	#layout2 .video li{	margin:0px 0px 0px 10px; width:443px; height:278px; }
	#layout2 .video .play{ margin:-27px 0px 0px -27px; width:55px; height:55px; }
	#layout2 .video h3{ font-size:14px; line-height:22px; }
	#layout2 .video p{ line-height:18px; margin-top:23px; }
}
@media (min-width: 1390px) {
	#layout2{ padding-bottom:136px !important; }
	#layout2 .video{ margin-top:61px; }
	#layout2 .video ul{ margin-left:-16px; }
	#layout2 .video li{	margin:0px 0px 0px 16px; width:527px; height:330px; }
	#layout2 .video .play{ margin:-33px 0px 0px -33px; width:66px; height:66px; }
	#layout2 .video h3{ font-size:16px; line-height:24px; }
	#layout2 .video p{ line-height:18px; margin-top:28px; }
}
@media (min-width: 1550px) {
	#layout2{ padding-bottom:156px !important; }
	#layout2 .video{ margin-top:70px; }
	#layout2 .video ul{ margin-left:-18px; }
	#layout2 .video li{	margin:0px 0px 0px 18px; width:597px; height:374px; }
	#layout2 .video .play{ margin:-37px 0px 0px -37px; width:74px; height:74px; }
	#layout2 .video h3{ font-size:18px; line-height:26px; }
	#layout2 .video p{ line-height:20px; margin-top:31px; }
}
@media (min-width: 1870px) {
	#layout2{ padding-bottom:200px !important; }
	#layout2 .video{ margin-top:90px; }
	#layout2 .video ul{ margin-left:-24px; }
	#layout2 .video li{	margin:0px 0px 0px 24px; width:765px; height:480px; }
	#layout2 .video .play{ margin:-47px 0px 0px -47px; width:95px; height:95px; }
	#layout2 .video h3{ font-size:20px; line-height:30px; }
	#layout2 .video p{ line-height:24px; margin-top:40px; }
}

#layout3{
	background-image:url(images/ly3-bg.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-size:25% auto;
}

#layout3 .title img{
	width:100%;
	height:100%;
}

#layout3 .hot{
	width:730px;
	margin-top:42px;
}

#layout3 .hot .photo{
	float:left;
	width:285px;
	height:180px;
	overflow:hidden;
}

#layout3 .hot .photo img{
	width:100%;
	height:100%;
	transition:all 0.3s ease 0s;
	transform:scale(1,1);
}

#layout3 .hot .photo img:hover{
	transform:scale(1.05,1.05);
}

#layout3 .hot .text{
	float:right;
	width:420px;
	margin-top:25px;
}

#layout3 .hot .text h3{
	font-size:24px;
	height:30px;
	line-height:30px;
	font-weight:bold;
}

#layout3 .hot .text h3 a{
	color:#e05f18;
}

#layout3 .hot .text p{
	line-height:24px;
	max-height:72px;
	color:#85939b;
	margin-top:20px;
}

#layout3 .hot .text p a{
	color:#85939b;
}

#layout3 .list{
	background:#e7ebee;
	margin-top:45px;
	padding:25px 35px;
	zoom:1;
}

#layout3 .list .left,#layout3 .list .right{
	width:680px;
}

#layout3 .list li{
	height:40px;
	line-height:40px;
	font-size:20px;
}

#layout3 .list li a{
	float:left;
	width:550px;
}

#layout3 .list li span{
	float:right;
	color:#a3a6a8;
}

@media (max-width: 1390px) {
	#layout3 .hot{ width:423px; margin-top:24px; }
	#layout3 .hot .photo{ width:165px; height:104px; }
	#layout3 .hot .text{ width:244px; margin-top:15px; }
	#layout3 .hot .text h3{ font-size:14px; height:18px; line-height:18px; }
	#layout3 .hot .text p{ line-height:16px; max-height:48px; margin-top:12px; font-size:12px; }
	#layout3 .list{	margin-top:26px; padding:15px 20px; }
	#layout3 .list .left,#layout3 .list .right{	width:395px; }
	#layout3 .list li{ height:24px; line-height:24px; font-size:12px; }
	#layout3 .list li a{ width:319px; }
}
@media (min-width: 1390px) {
	#layout3 .hot{ width:511px; margin-top:29px; }
	#layout3 .hot .photo{ width:200px; height:126px; }
	#layout3 .hot .text{ width:294px; margin-top:18px; }
	#layout3 .hot .text h3{ font-size:16px; height:22px; line-height:22px; }
	#layout3 .hot .text p{ line-height:18px; max-height:54px; margin-top:14px; font-size:12px; }
	#layout3 .list{	margin-top:31px; padding:18px 25px; }
	#layout3 .list .left,#layout3 .list .right{	width:476px; }
	#layout3 .list li{ height:28px; line-height:28px; font-size:14px; }
	#layout3 .list li a{ width:385px; }
}
@media (min-width: 1550px) {
	#layout3 .hot{ width:570px; margin-top:33px; }
	#layout3 .hot .photo{ width:222px; height:140px; }
	#layout3 .hot .text{ width:328px; margin-top:20px; }
	#layout3 .hot .text h3{ font-size:18px; height:24px; line-height:24px; }
	#layout3 .hot .text p{ line-height:18px; max-height:54px; margin-top:15px; font-size:12px; }
	#layout3 .list{	margin-top:35px; padding:20px 27px; }
	#layout3 .list .left,#layout3 .list .right{	width:530px; }
	#layout3 .list li{ height:31px; line-height:31px; font-size:16px; }
	#layout3 .list li a{ width:429px; }
}
@media (min-width: 1870px) {
	#layout3 .hot{ width:730px; margin-top:42px; }
	#layout3 .hot .photo{ width:285px; height:180px; }
	#layout3 .hot .text{ width:420px; margin-top:25px; }
	#layout3 .hot .text h3{ font-size:24px; height:30px; line-height:30px; }
	#layout3 .hot .text p{ line-height:24px; max-height:72px; margin-top:20px; font-size:14px; }
	#layout3 .list{	margin-top:45px; padding:25px 35px; }
	#layout3 .list .left,#layout3 .list .right{	width:680px; }
	#layout3 .list li{ height:40px; line-height:40px; font-size:20px; }
	#layout3 .list li a{ width:550px; }
}

#layout4 .layout-margin{
	margin-top:50px;
}

#layout4 li{
	float:left;
	position:relative;
	width:518px;
	height:345px;
}

#layout4 li img,#layout4 li a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

#layout4 .shadow{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background:#333;
	filter:alpha(opacity=75);
	opacity:0.75;
	display:none;
}

#layout4 li:hover .shadow{
	display:block;
}

#layout4 table{
	position:absolute;
	width:86%;
	height:100%;
	left:-100%;
	top:0px;
	transition:all 0.5s ease 0s;
	transform:scale(0,0);
}

#layout4 table td{
	font-size:20px;
	line-height:30px;
	color:#fff;
	text-align:center;
}

#layout4 li:hover table{
	left:7%;
	transform:scale(1,1);
}

@media (max-width: 1390px) {
	#layout4 .layout-margin{ margin-top:29px; }
	#layout4 li{ width:298px; height:198px; }
	#layout4 table td{ font-size:14px; line-height:20px; }
}
@media (min-width: 1390px) {
	#layout4 .layout-margin{ margin-top:35px; }
	#layout4 li{ width:355px; height:236px; }
	#layout4 table td{ font-size:16px; line-height:22px; }
}
@media (min-width: 1550px) {
	#layout4 .layout-margin{ margin-top:39px; }
	#layout4 li{ width:405px; height:270px; }
	#layout4 table td{ font-size:18px; line-height:26px; }
}
@media (min-width: 1870px) {
	#layout4 .layout-margin{ margin-top:50px; }
	#layout4 li{ width:518px; height:345px; }
	#layout4 table td{ font-size:20px; line-height:30px; }
}

#layout4 .drop-photo{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:1000;
	display:none;
}

#layout4 .drop-photo .close{
	position:absolute;
	right:30px;
	top:30px;
	background:url(images/ly4-close.png);
	width:16px;
	height:16px;
	cursor:pointer;
}

#layout4 .drop-photo .arrow1{
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-24px;
	background:url(images/ly4-prev.png);
	width:48px;
	height:48px;
	cursor:pointer;
}

#layout4 .drop-photo .arrow2{
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-24px;
	background:url(images/ly4-next.png);
	width:48px;
	height:48px;
	cursor:pointer;
}

#layout4 .show{
	position:absolute;
	left:50%;
	top:50%;
	margin:-243px 0px 0px -360px;
	width:720px;
	height:486px;
}

#layout4 .show img{
	width:100%;
	height:100%;
}

.pic-list3{
	zoom:1;
	margin-left:-27px;
	margin-top:50px;
}

.pic-list3 li{
	float:left;
	display:inline;
	width:500px;
	margin-left:27px;
	text-align:center;
}

.pic-list3 .photo{
	width:100%;
	height:330px;
	overflow:hidden;
}

.pic-list3 img{
	width:100%;
	height:100%;
	transition:all 0.3s ease 0s;
	transform:scale(1,1);
}

.pic-list3 img:hover{
	transform:scale(1.05,1.05);
}

.pic-list3 h4{
	font-size:14px;
	line-height:20px;
	height:20px;
	margin-top:30px;
}

.pic-list3 h3{
	font-size:20px;
	line-height:30px;
	height:60px;
	margin-top:10px;
}

.pic-list3 p{
	line-height:28px;
	max-height:84px;
	color:#85939b;
	margin-top:5px;
}

.pic-list3 p a{
	color:#85939b;
}

.more2{
	text-align:center;
	margin-top:35px;
}

.more2 a{
	display:inline-block;
	padding:0px 70px;
	height:36px;
	line-height:36px;
	border:1px solid #a46abc;
	color:#a46abc;
}

.more2 a:hover{
	text-decoration:none;
	box-shadow:0px 0px 2px #a46abc inset;
}

#layout6 h4,#layout6 h4 a{
	color:#0a3679;
}

@media (max-width: 1390px) {
	.pic-list3{	margin-left:-13px; margin-top:29px; }
	.pic-list3 li{ width:290px; margin-left:13px; }
	.pic-list3 .photo{ height:191px; }
	.pic-list3 h4{ font-size:12px; line-height:18px; height:18px; margin-top:18px; }
	.pic-list3 h3{ font-size:14px; line-height:24px; height:48px; margin-top:10px; }
	.pic-list3 p{ line-height:22px; max-height:88px; margin-top:2px; font-size:12px; }
	.more2{	margin-top:20px; }
	.more2 a{ padding:0px 40px;	height:22px; line-height:22px; font-size:12px; }
}
@media (min-width: 1390px) {
	.pic-list3{	margin-left:-17px; margin-top:35px; }
	.pic-list3 li{ width:345px; margin-left:17px; }
	.pic-list3 .photo{ height:228px; }
	.pic-list3 h4{ font-size:12px; line-height:18px; height:18px; margin-top:20px; }
	.pic-list3 h3{ font-size:16px; line-height:26px; height:52px; margin-top:7px; }
	.pic-list3 p{ line-height:22px; max-height:88px; margin-top:3px; font-size:12px; }
	.more2{	margin-top:24px; }
	.more2 a{ padding:0px 48px;	height:25px; line-height:25px; font-size:12px; }
}
@media (min-width: 1550px) {
	.pic-list3{	margin-left:-23px; margin-top:39px; }
	.pic-list3 li{ width:390px; margin-left:23px; }
	.pic-list3 .photo{ height:257px; }
	.pic-list3 h4{ font-size:14px; line-height:20px; height:20px; margin-top:24px; }
	.pic-list3 h3{ font-size:18px; line-height:28px; height:56px; margin-top:8px; }
	.pic-list3 p{ line-height:26px; max-height:78px; margin-top:4px; font-size:14px; }
	.more2{	margin-top:27px; }
	.more2 a{ padding:0px 55px;	height:28px; line-height:28px; font-size:13px; }
}
@media (min-width: 1870px) {
	.pic-list3{	margin-left:-27px; margin-top:50px; }
	.pic-list3 li{ width:500px; margin-left:27px; }
	.pic-list3 .photo{ height:330px; }
	.pic-list3 h4{ font-size:14px; line-height:20px; height:20px; margin-top:30px; }
	.pic-list3 h3{ font-size:20px; line-height:30px; height:60px; margin-top:10px; }
	.pic-list3 p{ line-height:28px; max-height:84px; margin-top:5px; }
	.more2{	margin-top:35px; }
	.more2 a{ padding:0px 70px;	height:36px; line-height:36px; font-size:14px; }
}

#layout7 .layout-margin{
	position:relative;
	height:735px;
	margin-top:50px;
}

#layout7 li{
	position:absolute;
	overflow:hidden;
}

#layout7 li:hover{
	box-shadow:2px 2px 4px #333;
}

#layout7 li img{
	width:100%;
	height:100%;
}

#ly7-pic1{ width:508px; height:235px; left:0px; top:0px; }
#ly7-pic2{ width:508px; height:485px; left:0px; bottom:0px; }
#ly7-pic3{ width:246px; height:235px; left:523px; top:0px; }
#ly7-pic4{ width:246px; height:235px; right:523px; top:0px; }
#ly7-pic5{ width:246px; height:235px; left:523px; top:250px; }
#ly7-pic6{ width:246px; height:235px; right:523px; top:250px; }
#ly7-pic7{ width:508px; height:235px; left:523px; bottom:0px; }
#ly7-pic8{ width:508px; height:485px; right:0px; top:0px; }
#ly7-pic9{ width:508px; height:235px; right:0px; bottom:0px; }

#layout7 li .shadow{
	position:absolute;
	width:100%;
	height:40px;
	left:0px;
	bottom:0px;
	background:#000;
	filter:alpha(opacity=75);
	opacity:0.75;
}

#layout7 li p{
	position:absolute;
	height:40px;
	line-height:40px;
	font-size:20px;
	width:90%;
	left:5%;
	bottom:0px;
}

#layout7 li p a{
	color:#fff;
}

@media (max-width: 1390px) {
	#layout7 .layout-margin{ height:423px; margin-top:29px; }
	#layout7 li .shadow{ height:24px; }
	#layout7 li p{ height:24px;	line-height:24px; font-size:12px; }
	#ly7-pic1{ width:292px; height:135px; }
	#ly7-pic2{ width:292px; height:279px; }
	#ly7-pic3{ width:141px; height:135px; left:301px; }
	#ly7-pic4{ width:141px; height:135px; right:301px; }
	#ly7-pic5{ width:141px; height:135px; left:301px; top:144px; }
	#ly7-pic6{ width:141px; height:135px; right:301px; top:144px; }
	#ly7-pic7{ width:292px; height:135px; left:301px; }
	#ly7-pic8{ width:292px; height:279px; }
	#ly7-pic9{ width:292px; height:135px; }
}
@media (min-width: 1390px) {
	#layout7 .layout-margin{ height:506px; margin-top:35px; }
	#layout7 li .shadow{ height:28px; }
	#layout7 li p{ height:28px;	line-height:28px; font-size:14px; }
	#ly7-pic1{ width:350px; height:162px; }
	#ly7-pic2{ width:350px; height:334px; }
	#ly7-pic3{ width:170px; height:162px; left:360px; }
	#ly7-pic4{ width:170px; height:162px; right:360px; }
	#ly7-pic5{ width:170px; height:162px; left:360px; top:172px; }
	#ly7-pic6{ width:170px; height:162px; right:360px; top:172px; }
	#ly7-pic7{ width:350px; height:162px; left:360px; }
	#ly7-pic8{ width:350px; height:334px; }
	#ly7-pic9{ width:350px; height:162px; }
}
@media (min-width: 1550px) {
	#layout7 .layout-margin{ height:576px; margin-top:39px; }
	#layout7 li .shadow{ height:32px; }
	#layout7 li p{ height:32px;	line-height:32px; font-size:16px; }
	#ly7-pic1{ width:397px; height:184px; }
	#ly7-pic2{ width:397px; height:380px; }
	#ly7-pic3{ width:192px; height:184px; left:409px; }
	#ly7-pic4{ width:192px; height:184px; right:409px; }
	#ly7-pic5{ width:192px; height:184px; left:409px; top:196px; }
	#ly7-pic6{ width:192px; height:184px; right:409px; top:196px; }
	#ly7-pic7{ width:397px; height:184px; left:409px; }
	#ly7-pic8{ width:397px; height:380px; }
	#ly7-pic9{ width:397px; height:184px; }
}
@media (min-width: 1870px) {
	#layout7 .layout-margin{ height:735px; margin-top:50px; }
	#layout7 li .shadow{ height:40px; }
	#layout7 li p{ height:40px;	line-height:40px; font-size:20px; }
	#ly7-pic1{ width:508px; height:235px; }
	#ly7-pic2{ width:508px; height:485px; }
	#ly7-pic3{ width:246px; height:235px; left:523px; }
	#ly7-pic4{ width:246px; height:235px; right:523px; }
	#ly7-pic5{ width:246px; height:235px; left:523px; top:250px; }
	#ly7-pic6{ width:246px; height:235px; right:523px; top:250px; }
	#ly7-pic7{ width:508px; height:235px; left:523px; }
	#ly7-pic8{ width:508px; height:485px; }
	#ly7-pic9{ width:508px; height:235px; }
}





@media (max-width: 1200px) {
	#nav{ display:none; }
	.page{ margin-left:0px; }
	#bg01,#bg02{ background-position:0px top; }
}

@media (max-width: 1000px) {
	#bg01,#bg02{ display:none; }
	#page1,#page2{ height:auto; }
	#page1 .text{ display:none; }
	#page1 .phone{ display:block; }
	#page1 .phone img{ width:100%; }
	#page2{ color:#333; }
	#page2 a{ color:#333; }
	#page2 .box{ padding-bottom:40px; margin-top:0px; }
	#page2 .photo p a{ color:#fff; }
	#page2 .more{ border:1px solid #333; }
}