/*========menuBox==========*/
.conAutoMenu{
	width: 1260px; min-width: 1260px; margin-left: auto; margin-right: auto;
}
#menuBox{
	width: 100%;
	position: fixed;
	left: 0;
	background: #b23a48;
}
#menuBox.menufixed{
	top: 0px;
	background: #b23a48;
	z-index: 10;
	/*padding: 10px 0;*/
}
#menuBox .menu{
	color: #fff;
	font-size: 17px;
	margin-right: 35px;
	line-height: 67px;
}
#menuBox .menu.active{
	border-bottom: 2px solid #fff;
}
.logoBox{
	margin-right: 60px;
	margin-top: 10px;
           margin-bottom: 10px;
}
/*=========page1===========*/
#page{
	width: 100%;
	height: 957px;
	background: url(/special/2018/20180307zsln/images/pageBg01.png) no-repeat center center;
}
.title2019{
	width: 880px;
           height: 224px;
	margin-top: 245px;
	opacity: 0;
}
#page .sunTitle{
	width: 640px;
	height: 76px;
	margin-top: 78px;
	opacity: 0;
}
/*=========page2===========*/
#page1{
	width: 100%;
}
#page1 .pageTitle{
	width: 100%;
	height: 110px;
	background: url(/special/2018/20180307zsln/images/page02Title.png) no-repeat center 71px;
	padding-top: 69px;
	padding-bottom: 5px;
}
.pageCon1{
	width: 67%;
	margin: 0px auto;
	padding-bottom: 60px;
	line-height: 30px;
	font-size: 15px;
}
.pageCon2{
	width: 100%;
	height: 360px;
	background: url(/special/2018/20180307zsln/images/page02Bg.png);
	background-size: 100% 100%;
}
.pageCon2 .conAuto{
	height: 360px;
}
.lBox1{
	top: 52px;
	left: 36px;
	opacity: 0;
	cursor: pointer;
	transition: all 0.6s;
}
.lBox2{
	top: 52px;
	left: 339px;
	opacity: 0;
	cursor: pointer;
	transition: all 0.6s;
}
.lBox3{
	top: 52px;
	left: 642px;
	cursor: pointer;
	transition: all 0.6s;
}
.lBox4{
	top: 52px;
	left: 944px;
	opacity: 0;
	cursor: pointer;
	transition:0.6s;
}
.lBox1:hover,.lBox2:hover,.lBox3:hover,.lBox4:hover{
	transform:scale(1.1,1.1);
	margin-top: -10px;
}
.lingBox1{
	background: url(/special/2018/20180307zsln/images/lBg01.png);
	width: 231px;
	height: 165px;
	font-size: 24px;
	line-height: 44px;
	padding-top: 65px;
	top: 69px;
	left: -200px;
}
.lingBox2{
	background: url(/special/2018/20180307zsln/images/lBg02.png);
	width: 231px;
	height: 165px;
	font-size: 24px;
	line-height: 44px;
	padding-top: 65px;
	top: 69px;
	left: -200px;
}

.lingBox5{
	top: 311px;
	left: 429px;
	opacity: 0;
}
.down{
    width:54px;
    height:54px;
    position:absolute;
    left: 50%;
    top:717px;
    margin-left: -27px;
    background: url(/special/2018/20180307zsln/images/arrows.png) center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    animation:indexIconAnimation 1s infinite;
}
@keyframes indexIconAnimation{
    0%{top:717px;}
    100%{top:730px;}
}
@-webkit-keyframes indexIconAnimation{
    0%{top:717px;}
    100%{top:730px;}
}
@-moz-keyframes indexIconAnimation{
    0%{top:717px;}
    100%{top:730px;}
}
@-o-keyframes indexIconAnimation{
    0%{top:717px;}
    100%{top:730px;}
}
/*=========page3===========*/
#page2{
	width: 100%;
}
#page2 .pageTitle{
	width: 100%;
	height: 102px;
	background: url(/special/2018/20180307zsln/images/page03Title.png) no-repeat center 145px;
	padding-top: 145px;
	padding-bottom: 0px;
}
.pageCon3{
	width: 100%;
	height: 860px;
	background:#f0f0f0 url(../images/page03Bg.png) no-repeat center bottom;
}
.lBox5{
	top: 52px;
           left: 272px;
           opacity: 0;
           width:40%;
}
.lBox6{
	top: 52px;
	left: 440px;
	opacity: 0;
	width:40%;
}
/*=========page4===========*/
#page3{
	width: 100%;
}
#page3 .pageTitle{
	width: 100%;
	height: 76px;
	background: url(/special/2018/20180307zsln/images/page04Title.png) no-repeat center 100px;
	padding-top: 145px;
	padding-bottom: 0px;
}
.pageCon4{
	width: 100%;
	height: 2400px;
	background: url(/special/2018/20180307zsln/images/pageBg04.png);
	background-size: 100% 100%;
}
.lBox7{
	top: 205px;
          left: 235px;
	opacity: 1;
	width:50%;
}
.lBox8{
	top: 802px;
           left: 366px;
	opacity: 1;
	width:50%;
}
.lBox9{
	top: 1393px;
	left: 232px;
	opacity: 1;
	width:50%;
}
.lBox10{
	top: 1957px;
           left: 364px;
	opacity: 1;
	width:50%;
}
/*=========page5===========*/
#page4{
	width: 100%;
	/*background: url(/special/2018/20180307zsln/images/page05Bg.png) no-repeat right 80px;*/
}
#page4 .pageTitle{
	width: 100%;
	height: 145px;
	background: url(/special/2018/20180307zsln/images/page05Title.png) no-repeat center 103px;
	padding-top: 145px;
	padding-bottom: 7px;
}
.pageCon5{
	width: 100%;
	height: 860px;
}

.point1{
	position: absolute;
	left: 262px;
          top: 237px;
}
.point2{
	position: absolute;
	left: 527px;
          top: 218px;
}
.point3{
	position: absolute;
	left: 601px;
           top: 206px;
}
.point4{
	position: absolute;
	left: 558px;
	top: 202px;
}
.point5{
	position: absolute;
	left: 581px;
	top: 191px;
}
.point6{
	position: absolute;
	left: 554px;
	top: 178px;
}
.point7{
	position: absolute;
	left: 567px;
	top: 152px;
}
.point8{
	position: absolute;
	left: 580px;
           top: 120px;
}
.point9{
	position: absolute;
	left: 598px;
	top: 127px;
}
.point10{
	position: absolute;
	left: 669px;
	top: 128px;
}
.point11{
	position: absolute;
	left: 874px;
	top: 320px;
}
.point12{
	position: absolute;
	left: 956px;
	top: 314px;
}
.point13{
	position: absolute;
	left: 1008px;
	top: 238px;
}
.point14{
	position: absolute;
	left: 972px;
	top: 229px;
}
.COUNTRY1{
	position: absolute;
	left: -202px;
	top: 260px;
	opacity: 0;
}
.COUNTRY2{
	position: absolute;
	left: -208px;
	top: 168px;
	opacity: 0;
}
.COUNTRY3{
	position: absolute;
	left: -210px;
	top: 79px;
	opacity: 0;
}
.COUNTRY4{
	position: absolute;
	left: 163px;
	top: 215px;
	opacity: 0;
}
.COUNTRY5{
	position: absolute;
	left: 797px;
	top: 105px;
	opacity: 0;
}
.COUNTRY6{
	position: absolute;
	left: 163px;
	top: 199px;
	opacity: 0;
}
.COUNTRY7{
	position: absolute;
	left: -187px;
	top: -34px;
	opacity: 0;
}
.COUNTRY8{
	position: absolute;
	left: 145px;
	top: -71px;
	opacity: 0;
}
.COUNTRY9{
	position: absolute;
	left: 819px;
	top: 148px;
	opacity: 0;
}
.COUNTRY10{
	position: absolute;
	left: 209px;
	top: 24px;
	opacity: 0;
}
.COUNTRY11{
	position: absolute;
	left: 890px;
	top: -19px;
	opacity: 0;
}
.COUNTRY12{
	position: absolute;
	left: 873px;
	top: 335px;
	opacity: 0;
}
.COUNTRY13{
	position: absolute;
	left: 1095px;
          top: 340px;
          opacity: 0;
}
.COUNTRY14{
	position: absolute;
	left: 1190px;
	top: 203px;
	opacity: 0;
}
.COUNTRY15{
	position: absolute;
	left: 1224px;
	top: 252px;
	opacity: 0;
}
.scalea{
    animation:scalea 0.9s linear 0s infinite alternate;
    -moz-animation:scalea 0.9s linear 0s infinite alternate;
    -webkit-animation:scalea 0.9s linear 0s infinite alternate;
}
.scalea2{
    animation:scalea 1.7s linear 0s infinite alternate;
    -moz-animation:scalea 1.7s linear 0s infinite alternate;
    -webkit-animation:scalea 1.7s linear 0s infinite alternate;
}
.scalea3{
    animation:scal 3s linear 0s infinite alternate;
    -moz-animation:scal 3s linear 0s infinite alternate;
    -webkit-animation:scal 3s linear 0s infinite alternate;
}
@keyframes scalea{
    from{opacity:0;transform:scale(1.2,1.2);}
    to{opacity:1;transform:scale(1,1);}
}
@-webkit-keyframes scalea{
    from{opacity:0;-webkit-transform:scale(1.2,1.2);}
    to{opacity:1;-webkit-transform:scale(1,1);}
}
@-moz-keyframes scalea{
    from{opacity:0;-moz-transform:scale(1.2,1.2);}
    to{opacity:1;-moz-transform:scale(1,1);}
}
@keyframes scal{
    from{opacity:0.7;transform:scale(1,1);}
    to{opacity:1;transform:scale(1.05,1.05);}
}
@-webkit-keyframes scal{
    from{opacity:0.7;-webkit-transform:scale(1,1);}
    to{opacity:1;-webkit-transform:scale(1.05,1.05);}
}
@-moz-keyframes scal{
    from{opacity:0.7;-moz-transform:scale(1,1);}
    to{opacity:1;-moz-transform:scale(1.05,1.05);}
}
/*=========page6===========*/
#page5{
	width: 100%;
}
#page5 .pageTitle{
	width: 100%;
	height: 53px;
	background: url(/special/2018/20180307zsln/images/page06Title.png) no-repeat center 79px;
	padding-top: 145px;
	padding-bottom: 4px;
}
.pageCon6{
	width: 100%;
	height: 510px;
  }

/*=========page7===========*/
#page6{
	width: 100%;
}
#page6 .pageTitle{
	width: 100%;
	height: 0px;
	background: url(/special/2018/20180307zsln/images/page07Title.png) no-repeat center 93px;
	padding-top: 115px;
	padding-bottom: 94px;
}
.pageCon7{
	width: 100%;
}
.pageCon7 .conAuto{
	width: 100%;
	min-height: 160px;
	z-index: 9;
	transition:.5s;
}
.liucheng_box{
	position: relative;
	width: 1200px;
	height: 128px;
	background: url(/special/2018/20180307zsln/images/liucheng.png) no-repeat center 0;
	margin: 0px auto;
	display: block;
	z-index: 8;
}
.liucheng_box li{
    float:left;
    height: 128px;
    width: 200px;
    margin-right: 120px;
    cursor: pointer;
}
.liucheng_box li:last-child{
    margin-right: 0px;
}
.bk_01{
    position: absolute;
    width: 217px;
    height: 511px;
    background: url(/special/2018/20180307zsln/images/01.png);
    margin-top:-138px;
    margin-left: 0px;	
    z-index: 1;
    opacity: 0;
    transition:1s;
}
.bk_02{
    position: absolute;
    width: 217px;
    height: 511px;
    background: url(/special/2018/20180307zsln/images/02.png);
    margin-top: -138px;
    margin-left: 330px;	
    z-index: 1;
    opacity: 0;
    transition:1s;
}
.bk_03{
    position: absolute;
    width: 217px;
    height: 511px;
    background: url(/special/2018/20180307zsln/images/03.png);
    margin-top: -138px;
    margin-left: 661px;	
    z-index: 1;
    opacity: 0;
    transition:1s;
}
.bk_04{
    position: absolute;
    width: 217px;
    height: 511px;
    background: url(/special/2018/20180307zsln/images/04.png);
    margin-top: -138px;
    margin-left: 983px;	
    z-index: 1;
    opacity: 0;
    transition:1s;
}
.domovedown{
	margin-top: -118px;
	opacity: 1;
}
/*=========page8===========*/
#page7{
	width: 100%;
}
#page7 .pageTitle{
	width: 100%;
	height: 145px;
	background: url(/special/2018/20180307zsln/images/page09Title.png) no-repeat center 145px;
	padding-top: 120px;
	padding-bottom: 100px;
}
.pageCon8{
	width: 100%;
	height: 350px;
	padding-top: 85px;
	background: #ab1827;
}
.pageCon8 .leftBox{
	width: 658px;
	height: 350px;
/*	border-right: 1px solid #fff;*/
	display: none;
	margin-left: 23px;
}
.pageCon8 .f_white{
	line-height: 9px;
}
.pageCon8 img{
	margin-top: 53px;
	margin-left: 30px;
	display: none;
}
.weichat{
	width:170px;
	height: 200px;
	background: url(/special/2018/20180307zsln/images/weichat.png) no-repeat 0px 0px;
	background-size: 100%;
	margin-top: 45px;
}
.qq{
	width:170px;
	height: 200px;
	background: url(/special/2018/20180307zsln/images/qq.png) no-repeat 0px 0px;
	background-size: 100%;
	margin-left: 45px;
	margin-top: 45px;
}
/*=========CSS3¶¯»­Ð§¹û=========*/
.scale3{
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-ms-transform: scale(0.3);
	transform: scale(0.3);		
}
.scale6{
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);		
}
@media only screen and (max-width: 1480px) {
	.pageCon7 .moduleBox .colorBlock{
		width: 18%;
	}
}