*{
	margin:0;
	padding:0;
	list-style:none;
	font-family:"微软雅黑";
}
img{
	width:100%;
	display: block;
}
a{
	text-decoration:none;
}

#header{
	width:100%;
	overflow: hidden;
	background:#fff;
	z-index: 99;
	border-bottom:1px solid #ddd;
}
#header .top{
	width:100%;
	height:46px;
	overflow:hidden;
	border-bottom:1px solid #ececec;
}
#header .top .content{
	width:1200px;
	margin:auto;
}
#header .top p{
	font-size:16px;
	color:#bcbcbc;
	line-height:46px;
}
#header .top p:first-child{
	float:left;
}
#header .top p:last-child{
	float:right;
}
#header .nav{
	width:1200px;
	margin:auto;
	height:126px;
}
#header .nav .left{
	width:344px;
	height:47px;
	float:left;
	margin:37px 75px 40px 0;
}
#header .nav .left .logo{
	width:100%;
	height:100%;
	background:url(../img3/icon_logo_1.png)no-repeat;
	background-size:cover;
}
#header .nav .right{
	width:calc(1200px - 419px);
	float:left;
}
#header .nav .right ul{
	width:100%;
	padding-bottom:10px;
	margin-top:24px;
	overflow: hidden;
}
#header .nav .right ul li{
	float:left;
	margin-right:5px;
}
#header .nav .right ul li:last-child{
	margin-right:0;
}
#header .nav .right ul li a{
	display: block;
	padding:3px 26px;
	padding-top:3px;
	padding-bottom:5px;
	color:#333;
	font-size:20px;
	text-align: center;
	position:relative;
}
#header .nav .right ul li a:hover,#header .nav .right ul li a.active{
	background:#d2ae7c;
	color:#fff;
	border-radius:5px;
}
#header .nav .right ul li a:hover::after,#header .nav .right ul li a.active::after{
	content:"";
	position:absolute;
	width:0;
    height:0;
    border-width:7px 7px 0;
    border-style:solid;
    border-color:#d2ae7c transparent transparent;
    bottom:-7px;
    left:50%;
    transform:translateX(-50%);
}

/*banner*/
.banner{
	width:100%;
	height:504px;
	overflow: hidden;
}
.banner a{
	display: block;
	width:100%;
	height:100%;
	background:url(../img3/banner_sjx.jpg) center top;
	overflow: hidden;
	background-size:cover;
}

/*part1*/
#part1{
	width:100%;
	overflow: hidden;
	padding-top:100px;
	margin-top:-100px;
}
#part1 ul{
	width:1200px;
	margin:auto;
	padding-top:100px;
}
#part1 ul li{
	width:204px;
	float:left;
	margin-right:127px;
	position:relative;
}
#part1 ul li:last-child{
	margin-right:0;
}
#part1 ul li>a{
	display: block;
	width:204px;
	height:204px;
	border-radius:20px;
	background:#d2ae7c;
	overflow: hidden;
	transition:all .3s linear;
}
#part1 ul li>a i{
	display: block;
	margin:40px auto;
	margin-bottom:30px;
	transition:all .3s linear;
}
#part1 ul li:nth-child(1)>a i{
	width:83px;
	height:75px;
	background:url(../img3/icon_part1_1.png)no-repeat;
}
#part1 ul li:nth-child(2)>a i{
	width:81px;
	height:79px;.
	margin:38px auto;
	margin-bottom:28px;
	background:url(../img3/icon_part1_2.png)no-repeat;
}
#part1 ul li:nth-child(3)>a i{
	width:61px;
	height:79px;
	margin:38px auto;
	margin-bottom:28px;
	background:url(../img3/icon_part1_3.png)no-repeat;
}
#part1 ul li:nth-child(4)>a i{
	width:75px;
	height:75px;
	background:url(../img3/icon_part1_4.png)no-repeat;
}
#part1 ul li p{
	font-size:22px;
	position:absolute;
	bottom:34px;
	left:50%;
	transform:translateX(-50%);
	transition:all .3s linear;
	cursor:pointer;
}
#part1 ul li p > a{
	color:#fff;
}
#part1 ul li:hover p a{
	color:#d2ae7c;
	transition:all .3s linear;
}
#part1 ul li:hover>a{
	background:#f7ecdd;
	box-shadow:inset 0 0 10px #f7ecdd;
	transition:all .3s linear;
}
#part1 ul li:nth-child(1):hover>a i{
	background:url(../img3/icon_part1_11.png)no-repeat;
}
#part1 ul li:nth-child(2):hover>a i{
	background:url(../img3/icon_part1_22.png)no-repeat;
}
#part1 ul li:nth-child(3):hover>a i{
	background:url(../img3/icon_part1_33.png)no-repeat;
}
#part1 ul li:nth-child(4):hover>a i{
	background:url(../img3/icon_part1_44.png)no-repeat;
}
#part1 ul li:hover>a i{
	margin-top:30px;
	transition:all .3s linear;
}


/*part2*/
#part2{
	width:100%;
	overflow: hidden;
	padding-top:180px;
	margin-bottom:100px;
	margin-top:-60px;
}
#part2 .content{
	width:1200px;
	margin:auto;
	overflow: hidden;
}
#part2 .title{
	width:100%;
	overflow: hidden;
	position:relative;
	border-bottom:1px solid #ababab;
	margin-bottom:42px;
}
#part2 .title h1{
	font-size:36px;
	color:#333;
	float:left;
	border-bottom:3px solid #d2ae7c;
	padding-bottom:14px;
}
#part2 .title p{
	font-size:30px;
	float:left;
	line-height:64px;
	margin-left:20px;
	font-family: "arial";
	color:#9a9a9a;
}
#part2 ul{
	width:100%;
	height:550px;
	overflow: hidden;
	position:relative;
}
#part2 ul li{
	float:left;
	width:149px;
	height:149px;
	margin:0;
}
#part2 ul li a{
	display: block;
	width:100%;
	height:100%;
	overflow: hidden;
}
#part2 ul li a i{
	display: block;
	height:57px;
	margin:20px auto;
	overflow: hidden;
}
#part2 ul li a p{
	font-size:20px;
	color:#222;
	text-align: center;
}
#part2 ul li:first-child{
	width:415px;
	height:299px;
	position:relative;
	margin-right:36px;
	margin-bottom:40px;
}
#part2 ul li:first-child img{
	transition:all .3s linear;
}
#part2 ul li:first-child p{
	width:100%;
	height:64px;
	background-color: rgba(247, 236, 221, .6);
	position:absolute;
	bottom:0;
	left:0;
	color:#555;
	line-height:64px;
	text-align: center;
	font-size:22px;
	transition:all .2s linear;
}
#part2 ul li:first-child:hover img{
	transform:scale(1.02);
	transition:all .3s linear;
}
#part2 ul li:first-child:hover p{
	height:80px;
	font-size:24px;
	line-height:80px;
	color:#555;
	transition:all .2s linear;
}
#part2 ul li:hover a p{
	color:#d2ae7c;
}
#part2 ul li:nth-child(2) a i{
	width:57px;
	background:url(../img3/icon_part2_a.png)no-repeat;
}
#part2 ul li:nth-child(2):hover a i{
	background:url(../img3/icon_part2_aa.png)no-repeat;
}
#part2 ul li:nth-child(3) a i{
	width:57px;
	background:url(../img3/icon_part2_b.png)no-repeat;
}
#part2 ul li:nth-child(3):hover a i{
	background:url(../img3/icon_part2_bb.png)no-repeat;
}
#part2 ul li:nth-child(4) a i{
	width:64px;
	background:url(../img3/icon_part2_c.png)no-repeat;
}
#part2 ul li:nth-child(4):hover a i{
	background:url(../img3/icon_part2_cc.png)no-repeat;
}
#part2 ul li:nth-child(5) a i{
	width:57px;
	background:url(../img3/icon_part2_d.png)no-repeat;
}
#part2 ul li:nth-child(5):hover a i{
	background:url(../img3/icon_part2_dd.png)no-repeat;
}
#part2 ul li:nth-child(6) a i{
	width:57px;
	background:url(../img3/icon_part2_e.png)no-repeat;
}
#part2 ul li:nth-child(6):hover a i{
	background:url(../img3/icon_part2_ee.png)no-repeat;
}
#part2 ul li:nth-child(7) a i{
	width:57px;
	background:url(../img3/icon_part2_f.png)no-repeat;
}
#part2 ul li:nth-child(7):hover a i{
	background:url(../img3/icon_part2_ff.png)no-repeat;
}
#part2 ul li:nth-child(8) a i{
	width:57px;
	background:url(../img3/icon_part2_g.png)no-repeat;
}
#part2 ul li:nth-child(8):hover a i{
	background:url(../img3/icon_part2_gg.png)no-repeat;
}
#part2 ul li:nth-child(9) a i{
	width:59px;
	background:url(../img3/icon_part2_h.png)no-repeat;
}
#part2 ul li:nth-child(9):hover a i{
	background:url(../img3/icon_part2_hh.png)no-repeat;
}
#part2 ul li:nth-child(10) a i{
	width:61px;
	background:url(../img3/icon_part2_i.png)no-repeat;
}
#part2 ul li:nth-child(10):hover a i{
	background:url(../img3/icon_part2_ii.png)no-repeat;
}
#part2 ul li:nth-child(11) a i{
	width:67px;
	background:url(../img3/icon_part2_j.png)no-repeat;
}
#part2 ul li:nth-child(11):hover a i{
	background:url(../img3/icon_part2_jj.png)no-repeat;
}
#part2 ul li:nth-child(12),#part2 ul li:nth-child(13),#part2 ul li:nth-child(14){
	width:389px;
	height:210px;
}
#part2 ul li:nth-child(12) img,#part2 ul li:nth-child(13) img,#part2 ul li:nth-child(14) img{
	transition:all .3s linear;
}
#part2 ul li:nth-child(12){
	position: absolute;
	left:0;
	top:339px;
}
#part2 ul li:nth-child(13){
	position: absolute;
	left:406px;
	top:339px;
}
#part2 ul li:nth-child(14){
	position: absolute;
	right:0;
	top:339px;
}
#part2 ul li:nth-child(12) p,#part2 ul li:nth-child(13) p,#part2 ul li:nth-child(14) p{
	width:100%;
	height:32px;
	background-color: rgba(247, 236, 221, .6);
	position:absolute;
	bottom:0;
	left:0;
	color:#555;
	line-height:32px;
	text-align: center;
	font-size:18px;
	transition:all .3s linear;
}

#part2 ul li:nth-child(12):hover img,#part2 ul li:nth-child(13):hover img,#part2 ul li:nth-child(14):hover img{
	transform:scale(1.03);
	transition:all .3s linear;
}
#part2 ul li:nth-child(12):hover p,#part2 ul li:nth-child(13):hover p,#part2 ul li:nth-child(14):hover p{
	height:40px;
	line-height:40px;
	color:#333;
	transition:all .3s linear;
}

/*part3*/
#part3{
	width:100%;
	padding-top:130px;
	margin-top:-130px;
}
#part3 .content{
	width:100%;
	height:500px;
	background:#595758;
	padding-top:100px;
	overflow: hidden;
}
#part3 .content .main{
	width:1200px;
	height:100%;
	margin:auto;
	position: relative;
	overflow: hidden;
}
#part3 ul{
	width:1918px;
	height:385px;
	overflow: hidden;
	position:absolute;
	top:0;
	left:0;
}
#part3 ul li{
	width:296px;
	height:382px;
	float:left;
	margin-right:2px;
	border:1px solid #e2eaed;
	cursor:pointer;
	overflow: hidden;
}
#part3 ul li:last-child{
	margin-right:0;
}
#part3 ul li .top{
	width:100%;
	height:100%;
	overflow: hidden;
	transition:all .3s linear;
}
#part3 ul li .top img{
	transition:all .3s linear;
}
#part3 ul li .bottom{
	width:100%;
	height:145px;
	overflow: hidden;
	text-align:center;
	transition:all .3s linear;
}
#part3 ul li .bottom h1{
	font-size:20px;
	color:#fff;
	font-weight:nonr;
	margin:18px 0 4px 0;
}
#part3 ul li .bottom h2{
	font-size:20px;
	color:#d2ae7c;
	margin-bottom:16px;
	font-weight:normal;
}
#part3 ul li .bottom a{
	display: block;
	margin:auto;
	width:145px;
	height:33px;
	border-radius:5px;
	text-align: center;
	line-height:33px;
	color:#fff;
	border:1px solid #fff;
	font-size:18px;
}

#part3 ul li:hover .top{
	height:240px;
	transition:all .5s linear;
}
#part3 ul li:hover .top img{
	transform: scale(1.05);
	transition:all .3s linear;
}

/*part4*/
#part4{
	width:100%;
	overflow: hidden;
	padding:100px 0;
	padding-top:200px;
	margin-top:-100px;
}
#part4 .content{
	width:1200px;
	margin:auto;
}
#part4 .left{
	width:45%;
	float:left;
}
#part4 .left #LR_User_Icon0{
	width:100%;
	overflow: hidden;
	font-size:22px;
}
#part4 .right{
	width:45%;
	float:right;
}
#part4 .left .title,#part4 .right .title{
	width:100%;
	overflow: hidden;
	margin-bottom:40px;
}
#part4 .left .title h1,#part4 .right .title h1{
	font-size:26px;
	color:#333;
	float:left;
	position:relative;
	padding-bottom:10px;
}
#part4 .left .title h1::after,#part4 .right .title h1::after{
	position:absolute;
	content:"";
	width:50px;
	height:3px;
	background:#d2ae7c;
	bottom:0;
	left:0;
}
#part4 .left .title p,#part4 .right .title p{
	font-size:20px;
	float:left;
	margin-left:12px;
	color:#888;
	line-height:45px;
}
#part4 .left input{
	border:none;
	outline:none;
	width:100%;
	height:58px;
	padding-left:20px;
	background:#f4f4f4;
	color:#999;
	line-height:58px;
	font-size:16px;
	margin-bottom:20px;
}
#part4 .left #LR_button1{
	display: block;
	width:160px;
	height:40px;
	border-radius:3px;
	border:1px solid #d2ae7c;
	text-align: center;
	line-height:40px;
	font-size:20px;
	color:#d2ae7c;
	margin-top:40px;
	padding:0;
	background:#fff;
	cursor:pointer;
}

#part4 .left #LR_button1:hover{
	background:#d2ae7c;
	color:#fff;
}
#part4 .right>p:first-of-type{
	margin-top:20px;
}
#part4 .right>p{
	font-size:16px;
	color:#666;
	margin-bottom:10px;
}
#part4 .right p i{
	display: inline-block;
	width:23px;
	height:23px;
	margin-right:5px;
	vertical-align: middle;
}
#part4 .right p:nth-of-type(1) i{
	background:url(../img3/metro.png)no-repeat;
	background-size:cover;
}
#part4 .right p:nth-of-type(2) i{
	background:url(../img3/bus.png)no-repeat;
	background-size:cover;
}
#part4 .right p:nth-of-type(3) i{
	background:url(../img3/plane.png)no-repeat;
	background-size:cover;
}
#part4 .right p span{
	font-size:16px;
}


/*part5*/
#part5{
	width:100%;
	overflow: hidden;
	padding-top:150px;
	margin-top:-150px;
}
#part5 h1{
	width:1200px;
	margin:auto;
	font-size:.36rem;
	color:#0A5EC1;
	text-align: center;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	position:relative;
}
#part5 h1::after{
	content:"";
	position:absolute;
	width:150px;
	height:3px;
	background:#0A5EC1;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
}
#part5 .content{
	width:100%;
	height:100%;
	padding-top:20px;
	padding-bottom:50px;
}
.container{
	width:200px;
	height:150px;
	margin: 0 auto;
	margin-top:-100px;
	position:relative;
	perspective:1000px;
	padding:200px 0;
}
.container:hover .box>div{opacity:1;}		
.box{
	width:200px;
	height:150px;
	transform-style: preserve-3d;
	transform:rotateX(-20deg);
	animation:play 15s linear infinite;
	
	
}
.box:hover{animation:play 15s linear infinite paused;}
.box>div{
	width:200px;
	height:150px;
	position:absolute;
	top:0;
	left:0;
	opacity:0.5;
	transform-style: preserve-3d;
	transition:all 1s;
}
.box>div img{
	border:4px solid #fff;
	border-radius:8px;
	overflow: hidden;
	box-shadow:0 6px 10px #999;
}

.box>div p{
	position:absolute;
	width:100%;
	height:30px;
	left:4px;
	bottom:-30px;
	background-color: rgba(17, 25, 59, .6);
	text-align: center;
	line-height:30px;
	font-size:16px;
	color:#fff;
	opacity:0;
}	
.box>div:nth-child(1){
	transform:translateZ(300px);
}	
.box>div:nth-child(2){
	transform: rotateY(40deg) translateZ(300px);
}
.box>div:nth-child(3) {
	transform: rotateY(80deg) translateZ(300px);
}
.box>div:nth-child(4) {
	transform: rotateY(120deg) translateZ(300px);
}
.box>div:nth-child(5) {
	transform: rotateY(160deg) translateZ(300px);
}
.box>div:nth-child(6) {
	transform: rotateY(200deg) translateZ(300px);
}
.box>div:nth-child(7) {
	transform: rotateY(240deg) translateZ(300px);
}
.box>div:nth-child(8) {
	transform: rotateY(280deg) translateZ(300px);
}
.box>div:nth-child(9) {
	transform: rotateY(320deg) translateZ(300px);
}

.box>div:nth-child(1):hover{
	transform:scale(1.2) translateZ(300px);
}
.box>div:nth-child(2):hover{
	transform: rotateY(40deg) translateZ(300px) scale(1.2);
}
.box>div:nth-child(3):hover{
	transform: rotateY(80deg) translateZ(300px) scale(1.2);
}
.box>div:nth-child(4):hover{
	transform: rotateY(120deg) translateZ(300px) scale(1.2);
}
.box>div:nth-child(5):hover{
	transform: rotateY(160deg) translateZ(300px) scale(1.2);
}
.box>div:nth-child(6):hover{
	transform: rotateY(200deg) translateZ(300px) scale(1.2);
}
.box>div:nth-child(7):hover{
	transform: rotateY(240deg) translateZ(300px) scale(1.2);
}
.box>div:nth-child(8):hover{
	transform: rotateY(280deg) translateZ(300px) scale(1.2);
}
.box>div:nth-child(9):hover{
	transform: rotateY(320deg) translateZ(300px) scale(1.2);
}
.box>div:nth-child(1):hover p{
	opacity:1;
}
.box>div:nth-child(2):hover p{
	opacity:1;
}
.box>div:nth-child(3):hover p{
	opacity:1;
}
.box>div:nth-child(4):hover p{
	opacity:1;
}
.box>div:nth-child(5):hover p{
	opacity:1;
}
.box>div:nth-child(6):hover p{
	opacity:1;
}
.box>div:nth-child(7):hover p{
	opacity:1;
}
.box>div:nth-child(8):hover p{
	opacity:1;
}
.box>div:nth-child(9):hover p{
	opacity:1;
}
@keyframes play{
	0% {
		transform:rotateX(-10deg) rotateY(0deg);
	}
	100% {
		transform:rotateX(-10deg) rotateY(360deg);
	}
}	



/*part6*/
#part6{
	width:100%;
	height:534px;
	overflow: hidden;
	background:#999;
}


.pt9{
	width: 100%;
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	left: 50%;
	max-width: 720px;
	min-width: 320px;
	transform:translatex(-50.1%);
	overflow: hidden;
	z-index: 667;
}
.pt9 ul{
	width: 100%;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.pt9 ul li{
	width: 33.33%;
	float: left;
	margin:  0 0;
	height: 120px;
}