* {
	margin: 0;
	padding: 0;
}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {
	border: medium none;
	margin: 0;
	padding: 0;
}

body,button,input,select,textarea {
	font: 14px/1.5 '\5FAE\8EDF\6B63\9ED1\9AD4',"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;
	outline: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

ul,ol,li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #3e3e3e;
}

a:hover {
	color: #fe5627;
}

img {
	border: 0px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html,body {
	height: auto;
	color: #3e3e3e;
	background: #fff;
	margin: 0 auto;
	overflow-x: hidden;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}

.container {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

#header {
	width: 100%;
	height: auto;
	position: relative;
}
.float-left{ float:left;}
.float-right{ float:right;}
.logo {
	width: 265px;
	height: 25px;
	position: absolute;
	left: 50px;
	top: 30px;
}

.tips {
	width: 225px;
	height: 50px;
	position: absolute;
	right: 50%;
	margin-right: -500px;
	top: 30px;
	text-transform: uppercase;
	font-size: 12px;
	color: #e10000;
}

.tips .tips_email {
	color: #0068c8;
	width: 225px;
	height: 25px;
	line-height: 25px;
}

.tips .tipsList {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 18px;
	width: 155px;
	height: 25px;
	float: right;
	color: #e10000;
	position: relative;
}

.tips .tipsList li {
	width: auto;
	height: 25px;
	float: left;
	line-height: 25px;
	padding: 0px 1px;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 18px;
}

.banner {
	width: 1920px;
	height: 710px;
	position: relative;
	background: url(../images/top_bg.jpg) top center no-repeat;
}

.banner_inner {
	position: relative;
	height: 710px;
	width: 990px;
	margin: 0 auto;
}

.banner_img {
	width: 20000px
}

.banner_img li {
	float: left;
	width: 1920px;
	position: relative;
	height: 710px;
}

.banner_img li.bgli01 {
	background: url(../images/bShadow.png) center bottom no-repeat;
}

.child1 {
	position: absolute;
	width: 427px;
	height: 262px;
	left: 0px;
	top: 310px;
}

.child2 {
	position: absolute;
	width: 665px;
	height: 565px;
	left: 240px;
	top: 60px;
}

.bannerIcon {
	width: 40px;
	height: 265px;
	position: absolute;
	left: 50%;
	margin-left: 450px;
	top: 200px;
}

.bannerIcon ul li {
	width: 40px;
	height: 54px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-bottom: 15px;
	margin-top: -350px;
	opacity: 0;
	cursor: pointer;
}

.bannerIcon ul li.b2 {
	top: 69px;
}

.bannerIcon ul li.b3 {
	top: 138px;
}

.bannerIcon ul li.b4 {
	top: 207px;
}

.bannerIcon ul li .iconBg {
	width: 40px;
	height: 54px;
	background: url(../images/icon.png) no-repeat;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	position: absolute;
	left: 0px;
	top: 0px;
}

.bannerIcon ul li.b2 .iconBg {
	background-position: -40px 0px;
}

.bannerIcon ul li.b3 .iconBg {
	background-position: -80px 0px;
}

.bannerIcon ul li.b4 .iconBg {
	background-position: -120px 0px;
}

.bannerIcon ul li .iconR {
	width: 28px;
	height: 28px;
	background: url(../images/bannerIcon.png) no-repeat;
	position: absolute;
	left: 6px;
	top: 5px;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
}

.bannerIcon ul li.b2 .iconR {
	background-position: -28px 0px;
}

.bannerIcon ul li.b3 .iconR {
	background-position: -56px 0px;
}

.bannerIcon ul li.b4 .iconR {
	background-position: -84px 0px;
}

.bannerIcon ol li {
	width: 10px;
	height: 3px;
	background: url(../images/bannerShadow.png) no-repeat;
	position: absolute;
	left: -10px;
	top: 45px;
	opacity: 0;
	margin-top: 100px;
}

.bannerIcon ol li.b2 {
	top: 114px;
}

.bannerIcon ol li.b3 {
	top: 183px;
}

.bannerIcon ol li.b4 {
	top: 252px;
}

.bannerIcon ul li:hover .iconBg {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.bannerIcon ul li:hover .iconR {
	top: 12px;
	left: 12px;
}

.control {
	width: 130px;
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: 440px
}

.control li {
	margin-left: 10px;
	width: 40px;
	height: 54px;
	cursor: pointer;
	margin-bottom: 30px;
	background: url(../images/icon1.png) no-repeat;
}

#nav {
	width: 100%;
	height: 95px;
	background: #393939;
	position: relative;
	z-index: 1000;
}
.navNews{
	width:1000px;
	height:95px; 
	margin:auto; 
	position:relative;
}
.navNews h1{
	margin-top:27px;
	float:left;	
}
.newNav{
	width:400px; height:20px; line-height:20px; text-align:center; font-size:14px; font-weight:bold; float:right; margin-top:37px;
}
.newNav a{
	display:block; width:100px; height:20px; line-height:20px; float:left; color:#fff; position:relative; opacity:0.8;
}
.animate{ -webkit-transition-duration:0.5s;transition-duration:0.5s; -moz-transition-duration:0.5s;}
.newNav a span{ width:0px; height:16px; border-right:1px dotted #fff;  position:absolute; right:0px; top:2px; opacity:0.5;}
.newNav a:hover{ opacity:1;}
#newService{ width:100%; height:315px; background:#ededed;}
#newService ul{ width:1000px; height:315px; margin:auto;}
#newService ul li{ width:250px; height:185px; float:left; margin-top:65px; position:relative;}
#newService ul li .newServiceNav{ width:131px; height:120px;  margin-left:59px; position:relative;}
#newService ul li .newServiceNav .navBox{background:url(../images/navS1.png) no-repeat; width:131px; height:120px; position:absolute;}
#newService ul li:hover .newServiceNav.nav1 .navBox{ background-position:0px -120px;}
#newService ul li .newServiceNav.nav2 .navBox{ background-image:url(../images/navS2.png);}
#newService ul li .newServiceNav.nav3 .navBox{ background-image:url(../images/navS3.png);}
.cxIcons{ width:45px; height:45px; position:relative; left:13px; top:-3px; background:url(../images/s.png); border:3px solid #ededed; border-radius:45px;}
#newService ul li:hover .cxIcons{ background-position:-45px 0px;}
#newService ul li .newServiceNav.nav4 .navBox{ background-image:url(../images/navS4.png);}
#newService ul li .newServiceEn{ width:100%; height:12px; line-height:12px; text-align:center; color:#a69e9e; margin-top:10px; text-transform:uppercase;}
#newService ul li .newServiceCn{ width:100%; height:28px; line-height:28px; text-align:center; font-size:20px; font-weight:bold; color:#282626;}
#newService ul li .newServiceLine{ width:1px; height:145px; position:absolute; right:0px; top:0px; background:#c3bcbb;}
#newService ul li:hover .newServiceNav.nav2 .navBox,#newService ul li:hover .newServiceNav.nav4 .navBox{-webkit-animation: iphone 2s ease-in infinite;background-position:0px -120px; -webkit-animation-delay:0.5s;animation-delay:0.5s;}
#work{ width:100%; height:95px; background:url(../images/workBg.jpg);}
.works{ width:150px; height:40px; position:relative; left:50%; margin-left:-75px; top:15px;}
.workInfo{ width:100%; height:30px; line-height:30px; text-align:center; font-size:22px; color:#fff; margin-top:13px;}
@-webkit-keyframes iphone {
    10% { -webkit-transform: rotate(3deg) }
	10% { -webkit-transform: rotate(3deg) }
    11% { -webkit-transform: rotate(3deg); }
    12% { -webkit-transform: rotate(-3deg); }
    13% { -webkit-transform: rotate(3deg); }
    14% { -webkit-transform: rotate(-3deg); }
    15% { -webkit-transform: rotate(3deg); }
    16% { -webkit-transform: rotate(-3deg); }
    17% { -webkit-transform: rotate(3deg); }
    18% { -webkit-transform: rotate(-3deg); }
	19% { -webkit-transform: rotate(3deg); }
    20% { -webkit-transform: rotate(-3deg); }
	21% { -webkit-transform: rotate(3deg); }
    22% { -webkit-transform: rotate(-3deg); }
	23% { -webkit-transform: rotate(3deg); }
    24% { -webkit-transform: rotate(-3deg); }
	25% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(0deg); }
}
#newService ul li .newServiceNav.nav3:hover .navBox{-webkit-animation: movie 2s linear infinite;}
@-webkit-keyframes movie {
    0% { background-position:0px 0px;}
	100% { background-position:0px -95px;}
}
.navL {
	width: 1000px;
	height: 95px;
	background: #2f2f2f;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -1350px;
}

.navL img {
	float: right;
	margin-top: 14px;
	margin-right: 5px;
}

.navR {
	width: 2850px;
	padding-left: 20px;
	height: 95px;
	background: #f6f6f6 url(../images/nav_bg.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -350px;
}

.navR ul {
	width: 1850px;
	height: 95px;
	position: relative;
}

.navR li {
	width: 118px;
	height: 95px;
	float: left;
	cursor: pointer;
	position: relative;
}

.navR li .navIcon {
	width: 35px;
	height: 35px;
	float: left;
	background: url(../images/navIcon.png) no-repeat;
	margin-left: 55px;
	margin-top: 15px;
	_display: inline;
}

.navR li .navText {
	width: 100%;
	height: 20px;
	float: left;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
}

.navR li a {
	width: 144px;
	height: 80px;
	position: absolute;
	left: 0px;
	top: -5px;
	display: block;
}

.navR li a:hover {
	background: url(../images/navHoverBg.png) no-repeat;
}

.navR li a:hover .navIcon {
	background-position-y: -35px;
}

.navR li a:hover .navText {
	color: #e82600;
}

.caseMenu li {
	height: 0px;
	overflow: hidden;
}

.caseMenu li .caseMenuTop {
	width: 100%;
	height: 510px;
}

.caseMenu li .caseMenuBottom {
	width: 100%;
	height: 187px;
}

.navR li .navIcon.navIcon2 {
	background-position: -35px 0px;
}

.navR li .navIcon.navIcon3 {
	background-position: -70px 0px;
}

.navR li .navIcon.navIcon4 {
	background-position: -105px 0px;
}

.navR li .navIcon.navIcon5 {
	background-position: -140px 0px;
}

.navR li .navIcon.navIcon6 {
	background-position: -175px 0px;
}

.navR li .navIcon.navIcon7 {
	background-position: -210px 0px;
}

#title {
	width: 100%;
	height: 80px;
	margin-top: 80px;
}

.caseTitle {
	width: 1000px;
	height: 80px;
	margin: 0 auto;
	position: relative;
	background: url(../images/caseTitle.jpg) no-repeat;
}

.caseTitle .caseText {
	width: 50px;
	height: 20px;
	position: absolute;
	left: 145px;
	top: 0px;
	color: #e93600;
	font-size: 16px;
	font-weight: bold;
}

.caseTitle a {
	width: 152px;
	height: 23px;
	display: block;
	text-align: center;
	line-height: 23px;
	color: #fff;
	position: absolute;
	right: 0px;
	top: 32px;
	background: url(../images/moreBG.png) no-repeat;
}
.caseNav{ width:200px; height:100%; float:left; background:#900;}
.case {
	width: 70%;
	padding:4% 15%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
.case ul li{
	width: 29%;
	height: auto;
	float: left;
	margin:0 2%;
	margin-bottom: 50px;
	overflow: hidden;
}
.case ul li .thum{
	width: 100%;
	height: auto;
	background: #000;
	overflow: hidden;
}
/*.case ul li:hover .name{
	height: 40px;
}*/
.case ul li:hover .thum img{
	opacity: .8;
}
.case ul li:hover .name strong{
	margin-left: 65px;
	font-size: 20px;
}
.case ul li:hover .name p{
	width: 65px;
}
.case ul li .thum img{
	display: block;
	display: block;
	transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
}
.case ul li.three{
	margin-right: 0%;
}
.case ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
ase ul li img{
	display: block;
}
.case ul li .name{
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
	position: relative;
	overflow: hidden;
	color: #C0C0C0;
}
.case ul li .name p{
	width: 0px;
	height: 1px;
	position: absolute;
	left: -5px;
	top: 19px;
	background: #F2F2F2;
	opacity: .5;
}
.case ul li .name strong{
	margin-right: 10px; color:#333;
}
.case ul li .name span{
	font-size: 12px;
	opacity: .5;
	
}
.casePage {
	width: 1000px;
	height: 50px;
	margin: 0 auto;
	clear: both;
	padding-top: 35px;
}

.casePage .casePrev {
	width: 35px;
	height: 35px;
	float: left;
	line-height: 35px;
	text-align: center;
	margin-right: 10px;
	background: #878585;
	color: #fff;
}

.casePage .caseNext {
	width: 35px;
	height: 35px;
	float: left;
	line-height: 35px;
	text-align: center;
	background: #878585;
	color: #fff;
}

.casePage a {
	display: block;
	width: 35px;
	height: 35px;
	float: left;
	margin-right: 10px;
	text-align: center;
	line-height: 35px;
	background: #d0d0d0;
	color: #fff;
}

.casePage a:hover {
	background: #878585;
}

#menu {
	width: 100%;
	height: 95px;
	background: #111312;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

#menu .menu {
	width: 825px;
	height: 105px;
	position: relative;
	left: 50%;
	margin-left: -350px;
	overflow: hidden;
}

#menu .menu ul {
	width: 8250px;
	height: 1035px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#menu .menu ul li {
	width: 825px;
	height: 105px;
	overflow: hidden;
	color: #fff;
	opacity: 0;
	position: relative;
}

#menu .menu ul li .n0 {
	width: 265px;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#menu .menu ul li .n1 {
	width: 130px;
	height: 47px;
	position: absolute;
	left: 0px;
	top: 30px;
}

#menu .menu ul li .n2 {
	width: 285px;
	height: 35px;
	font-size: 28px;
	line-height: 35px;
	position: absolute;
	left: 140px;
	top: 25px;
	letter-spacing: 4px;
}

#menu .menu ul li .n02 {
	width: 385px;
	height: 35px;
	font-size: 28px;
	line-height: 35px;
	position: absolute;
	left: 240px;
	top: 15px;
}

#menu .menu ul li .n03 {
	width: 385px;
	height: 35px;
	font-size: 28px;
	line-height: 35px;
	position: absolute;
	left: 270px;
	top: 50px;
}

#menu .menu ul li .n3 {
	width: 285px;
	height: 14px;
	font-size: 12px;
	text-transform: uppercase;
	position: absolute;
	left: 140px;
	top: 58px;
}

#menu .menu ul li .n4 {
	width: 583px;
	height: 30px;
	background: url(../images/moreBg.jpg) no-repeat;
	line-height: 30px;
	position: absolute;
	left: 410px;
	top: 42px;
	color: #3e3e3e;
}

#menu .menu ul li .n5 {
	width: 200px;
	height: 50px;
	font-size: 38px;
	position: absolute;
	left: 180px;
	top: 5px;
	line-height: 45px;
}

#menu .menu ul li .n6 {
	width: 120px;
	height: 15px;
	line-height: 15px;
}

#menu .menu ul li .n7 {
	left: 285px;
	width: 390px;
	font-size: 18px;
	position: absolute;
	top: 45px;
	font-size: 36px;
}

#news {
	width: 100%;
	height: auto;
	padding: 0px 0px;
	overflow: hidden;
	margin-top: 50px;
}

.news {
	width: 990px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.news ul li {
	width: 330px;
	height: 250px;
	float: left;
	position: relative;
	overflow: hidden;
}

.news ul li .newsThum {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.news ul li .newsInfo {
	width: 150px;
	height: 125px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: #fff;
}

.newsPage {
	width: 990px;
	height: 36px;
	margin-top: 15px;
	display: block;
	margin: 15px auto;
}

.newsPage a {
	display: block;
	width: 34px;
	height: 34px;
	float: right;
	border: 1px solid #e5e5e5;
	background: #fff url(../images/page.jpg) no-repeat;
	cursor: pointer;
	margin-left: 2px;
}

.newsPage span {
	background: #fff;
	width: 65px;
	height: 34px;
	border: 1px solid #e5e5e5;
	line-height: 34px;
	text-align: center;
	float: right;
	font-family: Georgia,"Times New Roman",Times,serif;
	margin-left: 2px;
}

.newsPage a.pagePrev {
	background-position: -34px 0px;
}

.newsPage a.pagePrev:hover {
	background-position: -34px -34px;
}

.newsPage a.pageNext:hover {
	background-position: 0px -34px;
}

.newsInfoTime {
	width: 130px;
	margin-top: 2px;
	height: 20px;
	padding: 0px 10px;
	font-size: 12px;
	line-height: 20px;
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #a3a3a3;
}

.newsInfoTitle {
	width: 130px;
	height: 36px;
	padding: 2px 10px;
	line-height: 18px;
	font-size: 12px;
}

.newsInfoDes {
	width: 130px;
	padding: 0px 10px;
	height: auto;
	font-size: 12px;
	color: #a3a3a3;
	line-height: 16px;
	margin-top: 5px;
}

.newsTrans {
	border-color: transparent #fff transparent transparent;
	border-style: solid;
	border-width: 5px 5px 5px 0px;
	width: 0;
	height: 0;
	position: absolute;
	left: -5px;
	top: 20px;
}

.news li .bor {
	width: 330px;
	height: 125px;
	position: relative;
	overflow: hidden;
}

#footer {
	width: 100%;
	height: 300px;
	background: #2f2f2f url(../images/footerShadow.png) center bottom no-repeat;
	position: fixed;
	left: 0px;
	bottom: -400px;
	z-index: 17;
}

.footer {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

.backTop {
	width: 54px;
	height: 86px;
	position: absolute;
	right: -54px;
	top: -86px;
}

.backTop a {
	width: 54px;
	height: 43px;
	display: block;
	background: #e93600;
}

.backTop .back {
	width: 54px;
	height: 43px;
	background: #2f2f2f;
	color: #fff;
	cursor: pointer;
}

.footerNav {
	width: 100%;
	height: 25px;
	padding-top: 45px;
	font-size: 12px;
	border-bottom: 1px solid #464646;
}

.footerNav li {
	width: auto;
	height: 15px;
	float: left;
}

.footerNav li a {
	width: auto;
	padding: 0px 10px;
	height: 12px;
	line-height: 12px;
	display: block;
	color: #a1a1a1;
	border-right: 1px solid #a1a1a1;
	_width: 75px;
	_text-align: center;
}

.footerNav li a:hover {
	color: #fff;
}

.footerNav span {
	float: right;
	color: #ff5420;
	line-height: 12px;
	_display: block;
	_margin-bottom: 10px;
}

.friendLink {
	width: 100%;
	height: auto;
	padding: 20px 0px 5px 0px;
	border-bottom: 1px solid #464646;
	color: #7b7b7b;
	font-size: 12px;
	overflow: hidden;
}

.friendLink span {
	display: block;
	width: 70px;
	height: auto;
	float: left;
	line-height: 12px;
}

.friend {
	width: 930px;
	height: auto;
	float: right;
}

.friend ul li {
	width: auto;
	height: 12px;
	line-height: 12px;
	display: block;
	color: #a1a1a1;
	float: left;
	margin-bottom: 15px;
}

.friend ul li a {
	padding: 0px 10px;
	display: block;
	width: auto;
	color: #7b7b7b;
	border-right: 1px solid #7b7b7b;
}

.friend ul li a:hover {
	color: #ccc;
}

.copyright {
	width: 100%;
	height: auto;
	padding-top: 15px;
}

.copyright .weixin {
	width: 235px;
	height: 90px;
	float: left;
}

.weixin .wx {
	width: 70px;
	padding: 5px;
	padding-top: 7px;
	height: 71px;
	background: url(../images/weixin.png) no-repeat;
	float: left;
}

.weixin .wxTitle {
	width: 130px;
	height: 40px;
	float: left;
	margin-left: 10px;
	margin-top: 35px;
	color: #959595;
}

.weixin .wxTitle span {
	color: #ff5420;
	text-transform: uppercase;
}

.copyright .add {
	width: 385px;
	height: 90px;
	float: left;
}

.add ul {
	width: 385px;
	height: 90px;
	float: left;
}

.add ul li {
	width: 100%;
	height: 15px;
	margin-top: 15px;
}

.add ul li .addIcon {
	width: 25px;
	height: 15px;
	float: left;
	line-height: 15px;
	background: url(../images/addIcon.png) no-repeat;
	border-right: 1px solid #7b7b7b;
	border-left: 1px solid #7b7b7b;
}

.add ul li .addText {
	width: 340px;
	height: 15px;
	float: left;
	font-size: 12px;
	margin-left: 15px;
	color: #7b7b7b;
	text-transform: uppercase;
}

.addInfo {
	display: block;
	width: 370px;
	height: 40px;
	float: right;
	text-align: right;
	font-size: 12px;
	margin-top: 15px;
	color: #7b7b7b;
}

#bottom {
	width: 100%;
	height: 200px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.bottom {
	width: 100%;
	height: 200px;
	position: relative;
}

.elephant {
	width: 230px;
	height: 160px;
	background: url(../images/elephant.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -115px;
}

.bottomImg {
	width: 2500px;
	height: 74px;
	background: url(../images/footerImg.png) repeat-x;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.hd {
	width: 100%;
	height: 74px;
	background: url(../images/hd.png) top center repeat-x;
	position: absolute;
	left: 0px;
	bottom: 20px;
}

.flower {
	width: 163px;
	height: 43px;
	background: url(../images/flower.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -300px;
	bottom: 80px;
}

.flower1 {
	width: 104px;
	height: 43px;
	background: url(../images/flower1.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -700px;
	bottom: 80px;
}

.flower2 {
	width: 145px;
	height: 13px;
	background: url(../images/flower2.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: 300px;
	bottom: 80px;
}

/*#about {
	width: 100%;
	height: auto;
	margin-top: 100px;
}

.about {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.about .aboutTitle {
	width: 100%;
	height: 80px;
}

.about .aboutL {
	width: 605px;
	height: 800px;
	float: left;
	margin-top: 45px;
}

.aboutPic {
	width: 605px;
	height: 147px;
}

.aboutLC {
	width: 605px;
	height: 635px;
	margin-top: 25px;
	position: relative;
	overflow: hidden;
}

.aboutH {
	width: 1px;
	height: 1px;
	position: absolute;
	left: 300px;
	top: 317px;
	background: #bebebe;
}

.aboutS {
	width: 1px;
	height: 1px;
	position: absolute;
	left: 302px;
	top: 310px;
	background: #bebebe;
}

.aboutRadius {
	width: 283px;
	height: 283px;
	background: url(../images/radius.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -141px;
	margin-top: -141px;
	opacity: 0;
	-webkit-transition-duration: 1s;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-webkit-transform: scale(1.5,1.5) rotate(360deg);
	-moz-transform: scale(1.5,1.5) rotate(360deg);
	-ms-transform: scale(1.5,1.5) rotate(360deg);
}

.aboutDx {
	width: 481px;
	height: 202px;
	background: url(../images/aboutElephone.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -840px;
	margin-top: 500px;
	-webkit-transition-delay: 1.5s;
	-webkit-transition-duration: 1s;
	-moz-transition-delay: 1.5s;
	-moz-transition-duration: 1s;
	opacity: 0;
	-ms-transition-delay: 1.5s;
	-ms-transition-duration: 1s;
}

.aboutDx.aboutDxAnimate {
	margin-left: -240px;
	margin-top: -100px;
	opacity: 1;
}

.aboutRadius.radiusCur {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	opacity: 1;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
}

.aboutBook {
	width: 129px;
	height: 58px;
	background: url(../images/aboutBook.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 425px;
	margin-top: -340px;
	-webkit-transition-delay: 1.7s;
	-webkit-transition-duration: 1s;
	-moz-transition-delay: 1.7s;
	-moz-transition-duration: 1s;
	opacity: 0;
	-ms-transition-delay: 1.7s;
	-ms-transition-duration: 1s;
}

.aboutBook.aboutBookAnimate {
	margin-left: 25px;
	margin-top: 60px;
	opacity: 1;
}

.aboutNav {
	width: 160px;
	height: 90px;
	position: absolute;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
}

.aboutNav.aboutNav1 {
	left: -200px;
	top: -150px;
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-ms-transition-delay: 2s;
}*/

.navText1 {
	width: 40px;
	height: 90px;
	float: left;
	font-size: 16px;
	color: #e93600;
	font-weight: bold;
}

.navPic1 {
	width: 120px;
	height: 90px;
	float: left;
	position: relative;
}

.navQt1 {
	position: absolute;
	left: 40px;
	top: 0px;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
}

.navQt1.navQcur1 {
	-webkit-transform-origin: bottom right;
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
}

.navQt2 {
	position: absolute;
	left: 10px;
	top: 35px;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
}

.navQt2.navQcur2 {
	-webkit-transform-origin: bottom right;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
}

.aboutNav.aboutNav1.nav1Cur {
	left: 0px;
	top: 50px;
}

.aboutNav.aboutNav2 {
	right: -200px;
	top: -150px;
	-webkit-transition-delay: 2.1s;
	-moz-transition-delay: 2.1s;
	-ms-transition-delay: 2.1s;
}

.aboutNav.aboutNav2.nav2Cur {
	right: 0px;
	top: 50px;
}

.aboutNav.aboutNav3 {
	left: -200px;
	bottom: -150px;
	-webkit-transition-delay: 2.2s;
	-moz-transition-delay: 2.2s;
	-ms-transition-delay: 2.2s;
}

.aboutNav.aboutNav3.nav3Cur {
	left: 0px;
	bottom: 50px;
}

.aboutNav.aboutNav4 {
	right: -200px;
	bottom: -150px;
	-webkit-transition-delay: 2.3s;
	-moz-transition-delay: 2.3s;
	-ms-transition-delay: 2.3s;
}

.aboutNav.aboutNav4.nav4Cur {
	right: 0px;
	bottom: 50px;
}

.aNav4 {
	width: 120px;
	height: 90px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/n4.png) no-repeat;
}

.aNav5 {
	width: 58px;
	height: 58px;
	position: absolute;
	left: 20px;
	top: 5px;
	background: url(../images/sun.png) no-repeat;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
}

.aNav5.nav5Active {
	top: -5px;
	-webkit-animation: sun 8s ease infinite;
	-moz-animation: sun 8s ease infinite;
	-ms-animation: sun 8s ease infinite;
}

.about .aboutR {
	width: 350px;
	height: 800px;
	float: right;
	background: #e3e3e3;
	margin-top: 45px;
	position: relative;
}

.aboutCase {
	width: 350px;
	height: 57px;
	background: url(../images/ourCase.jpg) no-repeat;
	position: absolute;
	bottom: -70px;
	left: 0px;
}

.aboutCase a {
	width: 350px;
	height: 57px;
	display: block;
}

.aboutCase span {
	width: 40px;
	height: 40px;
	float: right;
	border: 1px solid #e93600;
	display: block;
	position: absolute;
	top: 5px;
	right: 6px;
	border-radius: 42px;
	background: url(../images/nextIcon.png) -40px 0px no-repeat;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
}

.aboutCase:hover span {
	background-position: 0px 0px;
}

.aboutRPic {
	width: 348px;
	height: 98px;
	background: url(../images/why.jpg) no-repeat;
	position: relative;
}

.aboutRPic img {
	position: absolute;
	top: 7px;
	left: 260px;
}

.aboutDetails {
	width: 330px;
	height: 295px;
	margin-top: 10px;
	line-height: 20px;
	font-size: 12px;
	background: url(../images/chooseUs.png) no-repeat;
}

.aboutDetails strong {
	font-size: 18px;
	margin-top: 10px;
	display: block;
	margin-bottom: 3px;
}

.aboutDetails span {
	color: #ff0000;
}

.aboutIdea {
	width: 350px;
	height: 39px;
	margin-top: 15px;
}

.aboutIdea .aboutB {
	width: 130px;
	height: 39px;
	float: left;
	background: url(../images/b.png);
}

.aboutIdea .aboutI {
	width: 220px;
	height: 39px;
	float: left;
	line-height: 38px;
	font-size: 38px;
	color: #278ecc;
	text-align: center;
}

.ideaDetails {
	width: 330px;
	height: 325px;
	padding: 0px 10px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 25px;
	background: url(../images/ourIdear.png) no-repeat;
}

.nextMenu {
	width: 1000px;
	height: 50px;
	background: url(../images/b.png);
	margin: 100px 0px;
	float: left;
	position: relative;
}

.nextMenu strong {
	width: 540px;
	height: 50px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	line-height: 50px;
	font-size: 20px;
	text-align: center;
	font-weight: normal;
}

.contactNav {
	width: 445px;
	height: 50px;
	background: url(../images/contactMenu.jpg) no-repeat;
	display: block;
	position: relative;
}

.contactNav span {
	width: 40px;
	height: 40px;
	float: right;
	border: 1px solid #e93600;
	display: block;
	position: absolute;
	top: 5px;
	right: 6px;
	border-radius: 42px;
	background: url(../images/nextIcon.png) -40px 0px no-repeat;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
}

.contactNav:hover span {
	background-position: 0px 0px;
}

#join {
	width: 1000px;
	height: 285px;
	background: #e1e1e1;
	margin-top: 60px;
}

.join {
	width: 1000px;
	height: 90px;
	background: #e93600;
	font-size: 60px;
	color: #fff;
	line-height: 60px;
	letter-spacing: 10px;
}

.join span {
	display: block;
	float: left;
	color: #000;
	border: 1px solid #ba2b00;
	padding: 5px;
	margin: 10px 15px 0px 15px;
}

.join div {
	float: left;
	line-height: 90px;
}

.joinList {
	width: 1000px;
	height: 180px;
}

.joinList li {
	width: 235px;
	height: 180px;
	float: left;
	border-right: 1px solid #cacaca;
	padding: 15px 10px 0px 10px;
	font-size: 12px;
	line-height: 26px;
}

.joinList li strong {
	color: #e93600;
	font-size: 24px;
	font-weight: normal;
}

.jobList {
	width: 1000px;
	height: auto;
	margin-top: 65px;
}

.jobList ul li {
	width: 290px;
	height: 300px;
	float: left;
	border-right: 1px solid #bebebe;
	margin-bottom: 45px;
	padding: 0px 20px;
}

.jobList ul li .jobTitle {
	width: 290px;
	height: 45px;
	background: url(../images/b.png);
}

.jobList ul li .jobTitle .jT {
	width: 160px;
	height: 45px;
	background: #ededed;
	font-size: 30px;
	color: #e9009f;
	line-height: 28px;
	position: relative;
}

.jobList ul li .jobTitle .jT span {
	text-transform: uppercase;
	color: #9e9e9e;
	font-size: 14px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	line-height: 14px;
	letter-spacing: 2px;
	width: 160px;
	display: block;
}

.jobList ul li .jobDetails {
	width: 290px;
	height: 235px;
	margin-top: 20px;
	line-height: 24px;
	font-size: 12px;
}

.newsTitle {
	width: 1000px;
	height: 80px;
	margin: 40px auto;
}

.newsCat {
	width: 1000px;
	height: 36px;
	margin: 0px auto;
	margin-bottom: 50px;
}

.newsCat .newsIcon {
	width: 135px;
	height: 35px;
	display: block;
	background: url(../images/newsTitleBg.jpg) 0px -65px no-repeat;
	line-height: 35px;
	float: left;
	margin-right: 110px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.testIcon {
}

.newsCat .newsIcon span {
	display: block;
	width: 35px;
	height: 35px;
	float: left;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.newsCat .newsIcon div {
	float: left;
	width: 100px;
	height: 35px;
	text-align: center;
	font-weight: normal;
}

.newsCat .newsIcon:hover,.newsCat a.newsActive {
	background-position: 0px 0px;
}

.newsCat .newsIcon:hover div,.newsCat a.newsActive div {
	color: #fff;
}

.newsCat .newsIcon:hover span,.newsCat a.newsActive span {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

#details {
	width: 1000px;
	height: auto;
	margin: 80px auto;
}

.detailsTop {
	width: 1000px;
	height: 205px;
	background: #fff;
}

.detailsTop .detailsThum {
	width: 275px;
	height: 205px;
	float: left;
	background: #ccc;
}

.detailsTop .detailsTitle {
	width: 725px;
	height: 205px;
	float: left;
}

.detailsTitle h2 {
	width: 100%;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 22px;
	margin-top: 55px;
	float: left;
}

.detailsTitle .info {
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	text-align: center;
	float: left;
	color: #9f9f9f;
}

.detailsTitle .share {
	width: 400px;
	float: left;
	margin-left: 530px;
	margin-top: 15px;
}

.detailsBottom {
	width: 960px;
	min-height: 600px;
	padding: 45px 20px 45px 20px;
	background: #fff;
	line-height: 26px;
	text-indent: 27px;
	border-top: 1px solid #ccc;
}

.page {
	width: 1000px;
	height: 36px;
	margin-top: 35px;
}

.backBtn {
	width: 115px;
	height: 34px;
	background: url(../images/newsPage.jpg) no-repeat;
	line-height: 34px;
	float: right;
}

.backBtn a {
	width: 80px;
	height: 34px;
	float: right;
	line-height: 34px;
	text-align: center;
	display: block;
}

.prevNews {
	width: 400px;
	height: 34px;
	float: left;
}

.prevNews .newsIcon {
	width: 34px;
	height: 34px;
	float: left;
	background: url(../images/page.jpg) no-repeat;
}

.prevNews .newsName {
	width: 354px;
	height: 34px;
	background: #f6f6f6;
	margin-left: 2px;
	padding: 0px 5px;
	float: left;
	line-height: 34px;
}

.sameList {
	width: 1000px;
	height: auto;
	margin-top: 35px;
	float: left;
}

.sameList h3 {
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px dotted #666;
	font-size: 16px;
	color: #3e3e3e;
}

.sameList h3 span {
	margin-left: 15px;
	color: #C00;
	font-style: italic;
	font-family: Georgia,"Times New Roman",Times,serif;
	text-transform: uppercase;
}

.sameList ul {
	margin-top: 15px;
}

.sameList li {
	width: 100%;
	height: 35px;
	border-bottom: 1px dotted #999;
	line-height: 35px;
	margin: 2px 0px;
}

.sameList li a {
	width: 100%;
	height: 35px;
	display: block;
	position: relative;
	overflow: hidden;
}

.sameList li span {
	width: 10px;
	height: 35px;
	background: url(../images/newsIcon.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.sameList li div {
	width: 980px;
	height: 35px;
	position: absolute;
	left: 18px;
	top: -35px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.sameList li b {
	width: 100%;
	height: 35px;
	font-weight: normal;
	display: block;
}

.sameList li a:hover span {
	background-position: 0px -35px;
}

.sameList li a:hover div {
	top: 0px;
}

.sameList li strong {
	position: absolute;
	right: 0px;
	top: 0px;
	font-weight: normal;
	font-size: 12px;
}

#contact {
	width: 1000px;
	height: 505px;
	margin: 80px 0px;
}

.contactContent {
	width: 100%;
	/*height: 800px;*/
	position: relative;
}
.joinTips{
	max-width: 1000px;
	height: auto;
	margin: auto;
	padding: 100px 0px;
}
.joinTips .jT{
	width: 100%;
	line-height: 50px;
	text-align: center;
	font-size: 40px;
	position: relative;
}
.joinTips .jT:after{
	content: '';
	width: 350px;
	height: 2px;
	position: absolute;
	left: 50%;
	margin-left: -175px;
	bottom: -2px;
	background: #e34c26;
}
.joinTips .jC{
	width: 100%;
	height: auto;
	padding: 100px 0px;
	position: relative;
}
.joinTips .jC .l{
	position: absolute;
	left: -100px;
	top: 50px;
	width: 655px;
	height: 444px;
	background: url(../images/h5.jpg) center left no-repeat;
}
.joinTips .jC .r{
	width: 600px;
	height: auto;
	line-height: 28px;
	float: right;
	position: relative;
	z-index: 10;
	margin-bottom: 50px;
}
.joinB{
	width: 500px;
	margin-right: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #e34c26;
	color: #fff;
	float: right;
	cursor: pointer;
	position: relative;
	z-index: 10;
}
.map {
	width: 100%;
	height: 800px;
}

.contact {
	width: 345px;
	/*height: 505px;*/
	position: absolute;
	left: 50%;
	margin-left: 100px;
	z-index: 100;
	top: 210px;
	background: #f3ecf3;
	padding: 20px;
}

.contactPic {
	width: 345px;
	height: 160px;
	background: #fff;
}

.contactList {
	width: 345px;
	height: auto;
	/*border-bottom: 1px solid #bebebe;
	padding-bottom: 20px;*/
	padding-top: 5px;
}

.contactList li {
	width: 345px;
	height: 40px;
	margin-top: 20px; font-size:12px;
}

.contactList li .contactIcon {
	width: 40px;
	height: 40px;
	float: left;
	background: url(../images/contactIcon.jpg) no-repeat;
}

.contactList li .contactInfo {
	width: 280px;
	height: 40px;
	float: right;
	line-height: 20px;
	margin-right: 10px;
	text-transform: uppercase;
}

.contactWx {
	width: 345px;
	height: 115px;
	border-bottom: 1px solid #bebebe;
	padding: 10px 0px;
}

.contactWx .cwx {
	width: 105px;
	height: 105px;
	float: left;
	background: #fff;
	padding: 5px;
}

.contactWx .cwxInfo {
	width: 225px;
	height: 115px;
	float: right;
	font-size: 12px;
}

.cwxInfo h3,.cwxInfo h4 {
	font-weight: normal;
	color: #e93600;
	font-size: 12px;
}

.cwxInfo h4 {
	font-size: 16px;
	text-transform: uppercase;
}

.service {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

.serviceImg {
	width: 1000px;
	height: 145px;
	background: url(../images/serviceImg.jpg) no-repeat;
	margin: 50px 0px 10px 0px;
	position: relative;
}

.serviceT1 {
	width: 300px;
	height: 40px;
	position: absolute;
	left: 0px;
	bottom: 23px;
	font-size: 24px;
	line-height: 20px;
}

.serviceT1 span {
	display: block;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	position: absolute;
	left: 0px;
	bottom: -2px;
	letter-spacing: -1px;
	color: #989898;
}

.serviceT2 {
	position: absolute;
	left: 300px;
	top: 30px;
	font-size: 14px;
	text-transform: uppercase;
	color: #989898;
}

.serviceT3 {
	position: absolute;
	left: 300px;
	top: 46px;
	font-size: 20px;
}

.serviceT4 {
	position: absolute;
	left: 300px;
	top: 58px;
	font-size: 48px;
}

.serviceT4 span {
	color: #e93600;
	font-size: 50px;
}

.serviceT5 {
	position: absolute;
	right: 0px;
	bottom: 18px;
	font-size: 45px;
	color: #fff;
	text-transform: uppercase;
}

.website {
	width: 1000px;
	height: 275px;
	background: url(../images/b1.png);
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}

.website .websiteL {
	width: 330px;
	height: 235px;
	float: left;
	line-height: 24px;
	margin-top: 20px;
	margin-left: 20px;
	color: #7e7e7e;
}

.website .websiteL h2 {
	font-size: 24px;
	display: block;
	margin-bottom: 10px;
	font-weight: normal;
	color: #3e3e3e;
}

.website .websiteC {
	width: 250px;
	height: 250px;
	float: left;
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 5px;
}

.serviceImg1 {
	width: 1000px;
	height: 90px;
	margin: 80px 0px 10px 0px;
	position: relative;
}

.website1 {
	width: 1000px;
	height: 275px;
	background: url(../images/b1.png);
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	margin-top: 25px;
	position: relative;
}

.website1 .webInfo {
	width: 720px;
	height: 215px;
	margin-left: 25px;
	margin-top: 25px;
	line-height: 24px;
	color: #7e7e7e;
}

.website1 .webInfo h2 {
	font-size: 24px;
	display: block;
	margin-bottom: 10px;
	font-weight: normal;
	color: #3e3e3e;
}

.website1 img {
	position: absolute;
	right: -16px;
	bottom: 0px;
}

.website2 {
	width: 1000px;
	height: 200px;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	margin-top: 25px;
	position: relative;
}

.website2 .model {
	width: 285px;
	height: 185px;
	float: left;
	margin-top: 10px;
}

.website2 .demelC {
	width: 520px;
	height: 180px;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 22px;
	color: #7e7e7e;
}

.web3 {
	width: 1000px;
	height: 300px;
	margin-top: 5px;
	margin-bottom: 50px;
	position: relative;
}

.web3 img {
	position: absolute;
	left: 38px;
	top: -200px;
}

#content {
	width: 100%;
	height: 100%;
}

#caseNav {
	width: 100%;
	height: 75px;
	background: #2f2f2f;
	position: relative;
}

#caseNav h1 {
	position: absolute;
	left: 50px;
	top: 15px;
}

#caseBox {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.caseInfo {
	width: 30%;
	height: 100%;
	background: #f4f4f4;
	float: left;
	position: relative;
}

.caseInfo .caseContent {
	width: 250px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -125px;
	margin-top: -200px;
}

.caseContent .caseName {
	width: 100%;
	height: 30px;
	line-height: 20px;
	font-size: 18px;
	background: url(../images/sjx_bg.png) right top no-repeat;
	font-weight: normal;
}

.caseContent .caseLogo1 {
	width: 100%;
	height: 80px;
	padding: 10px 0px;
	border-bottom: 1px solid #b7b7b7;
	border-top: 1px solid #b7b7b7;
}

.caseContent .caseDetail {
	width: 100%;
	height: 120px;
	padding: 10px 0px;
	line-height: 22px;
	overflow: hidden;
	font-size: 12px;
}

.caseContent .keywords {
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	margin-top: 5px;
}

.caseContent .keywords b {
	float: left;
	margin-right: 5px;
}

.caseContent .keywords strong {
	float: left;
	font-weight: normal;
	padding: 0px 5px;
	color: #666;
}

.caseContent .webUrl {
	width: 248px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	border: 1px solid #e83401;
	background: none;
	margin-top: 5px;
	color: #e83401;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
}

.loading {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	background: url(../images/loading.GIF) no-repeat;
	z-index: 50;
	border-radius: 50px;
}

.urlList {
	width: 250px;
	height: 35px;
	margin-top: 20px;
	font-size: 12px;
}

.urlList a {
	display: block;
	width: 75px;
	height: 33px;
	border: 1px solid #bdbdbd;
	line-height: 33px;
	text-align: center;
	float: left;
}

.urlList a:hover {
	background: #e83401;
	color: #fff;
}

.caseContent .webUrl:hover {
	background: #e83401;
	color: #fff;
}

.caseGrally {
	width: 70%;
	height: 100%;
	background: #21282c;
	float: left;
	overflow: hidden;
	position: relative;
}

.caseGrally ul {
	width: 100%;
	height: 3000px;
}

.caseGrally ul li {
	width: 100%;
	float: left;
	height: 100%;
}

.caseGrally ol {
	width: 10px;
	height: 80px;
	position: absolute;
	right: 35px;
	top: 50%;
	margin-top: -40px;
}

.caseGrally ol li {
	width: 15px;
	height: 15px;
	background: #d5d5d5;
	border-radius: 15px;
	margin-bottom: 15px;
	cursor: pointer;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	border: 2px solid #21282c;
}

.caseGrally ol li:hover,.caseGrally ol li.caseCur {
	background: #21282c;
	border: 2px solid #e83401;
	width: 20px;
	height: 20px;
	margin-left: -2px;
	margin-top: -2px;
}

.sameCase {
	width: 28px;
	height: 94px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: 80px;
	background: url(../images/sameCase.png) no-repeat;
	cursor: pointer;
}

.sameCase:hover {
	background-position: -28px 0px;
}

.sameCaseList {
	width: 960px;
	height: 205px;
	background: #d5d5d5;
	position: absolute;
	right: -980px;
	top: 50%;
	margin-top: 80px;
	margin-top: -40px;
	padding: 5px;
}

.sameCaseList ul li {
	width: 320px;
	height: 205px;
	float: left;
	background: #fff;
	position: relative;
}

.sameCaseList ul li a .caseThum {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.sameCaseList ul li a .caseLogos {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.sameCaseList ul li a .caseShadow {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
}

.sameClose {
	width: 30px;
	height: 30px;
	background: #fff url(../images/close.png) no-repeat;
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
	border-radius: 30px;
	overflow: hidden;
	-webkit-transform: rotate(0deg);
	-webkit-transition-duration: 0.5s;
}

.sameClose:hover {
	-webkit-transform: rotate(90deg);
}

.caseTop {
	width: 100%;
	height: 697px;
	overflow: hidden;
	position: relative;
}

.caseTopBg {
	width: 100%;
	height: 697px;
}

.caseTopBg ul li {
	width: 100%;
	height: 697px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.caseTopBg ul li ol {
	width: 1920px;
	height: 697px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -960px;
}

.caseTopBg ul li ol li {
	height: 697px;
	float: left;
	position: absolute;
	top: 0px;
	height: 0px;
}

.caseTopBgtext {
	z-index: 9;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 130px;
	left: 50%;
	margin-left: -322px;
	width: 645px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	font-size: 50px;
	color: #fff;
	font-weight: bold;
	text-shadow: 4px 4px 2px #3c78b7;
}

.caseTopBgtext01 {
	z-index: 9;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 220px;
	left: 50%;
	margin-left: -155px;
	width: 313px;
	height: 33px;
	line-height: 33px;
	font-size: 22px;
	color: #fff;
	text-align: center;
}

.caseTopBgtext01 strong {
	font-weight: normal;
}

.caseTopBglogo {
	z-index: 9;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 240px;
	height: 30px;
	position: absolute;
	left: 70px;
	top: 105px;
}

.caseTopBgelep {
	z-index: 9;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 266px;
	height: 222px;
	position: absolute;
	top: 260px;
	left: 50%;
	margin-left: -133px;
	background: url(../images/elephantAnimate.png) 0px 0px no-repeat;
}

.caseTopBgelep1 {
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 300px;
	height: 250px;
	position: absolute;
	top: 195px;
	left: 50%;
	margin-left: -150px;
	background: url(../images/elephantAnimate.png) 0px 0px no-repeat;
}

.caseTopBglogo1 {
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 375px;
	height: 60px;
	position: absolute;
	top: 535px;
	left: 50%;
	margin-left: -183px;
}

.caseTopBgtext1 {
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 400px;
	height: 28px;
	position: absolute;
	top: 610px;
	left: 50%;
	margin-left: -200px;
	line-height: 28px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.caseTopBggoBottom {
	cursor: pointer;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 48px;
	height: 48px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -27px;
	background: url(../images/bottom.png) no-repeat;
	overflow: hidden;
}

.caseTopBggoBottom:hover {
	background-position: -48px 0px;
}

.caseList {
	width: 100%;
	height: auto;
}

.caseList ul li {
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
}

.caseList ul li .caseImg {
	width: 1920px;
	height: 400px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.caseLogo {
	width: 340px;
	height: 150px;
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: -170px;
}

.caseMore {
	position: absolute;
	top: 300px;
	left: 50%;
	margin-left: -325px;
}

.caseBottom {
	width: 100%;
	height: auto;
	background: url(../images/casefooter1.jpg) bottom center no-repeat #FFF;
	position: relative;
}

.caseFooterTit {
	margin: 0px auto;
	width: 1000px;
	height: auto;
	padding: 35px 0px;
	font-size: 28px;
}

.caseFooterTit span {
	display: block;
	width: 100%;
	height: 14px;
	font-size: 12px;
	font-family: Georgia,"Times New Roman",Times,serif;
	opacity: 0.5;
	letter-spacing: 1px;
}

#caseContent {
	width: 100%;
	height: auto;
	margin: 50px 0px;
	overflow: hidden;
}

.li2 {
	width: 100%;
	height: 697px;
	background: url(../images/caseTopBg.jpg) repeat-x;
	position: relative;
}

.house {
	width: 100%;
	height: 230px;
	background: url(../images/house.png) repeat-x;
	top: 250px;
	position: absolute;
	left: 0px;
}

.zxc {
	width: 94px;
	height: 99px;
	background: url(../images/zxc.png) no-repeat;
	position: absolute;
	top: 400px;
	left: 450px;
}

.moreCase {
	width: 100%;
	height: 130px;
	background: url(../images/b.png);
	position: relative;
}

.moreCase img {
	position: absolute;
	left: 50%;
	margin-left: -490px;
	top: 32px;
}

.work {
	width: 100%;
	height: 645px;
	overflow: hidden;
	position: relative;
	background: url(../images/caseBottomBg.jpg) center bottom no-repeat;
}

.workS {
	width: 100%;
	height: 426px;
	position: relative;
	left: 0px;
	padding-top: 110px;
	overflow: hidden;
}

.workS .workContent {
	width: 2550px;
	height: 426px;
	position: relative;
	background: url(../images/caseS.png) repeat-x;
}

.workContent li {
	width: 250px;
	height: 40px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.workContent li a {
	width: auto;
	height: auto;
	display: block;
	position: relative;
}

.workContent li .workLogo {
	width: 10px;
	border: 5px solid #818181;
	height: 10px;
	position: absolute;
	left: 0px;
	top: 12px;
	background: #fff;
	border-radius: 100%;
	overflow: hidden;
}

.workContent li .workLogo .workImg {
	opacity: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	overflow: hidden;
}

.workContent li .workName {
	width: 250px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	left: 25px;
	top: 0px;
}

#top {
	width: 100%;
	height: 90vh;
	position: relative;
	overflow: hidden;
}
/*#top img{
	display: block;
	width: 100%;
}*/
#top .slogan{
	width: auto;
	height: auto;
	position: absolute;
	left: 20%;
	bottom: 20%;
	font-size: 24px;
	color: #FFF;
}
#top .slogan strong{
	font-size: 18px;
}
.topNav{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0; background:rgba(0,0,0,.8);
	 color: #fff; z-index:9999; height:100px;
}

.anniu{ width:40px; height:20px; display:none;}
.anniu a{ width:20px; height:20px; padding:10px 20px;}
.anniu img{ width:20px; height:20px;}
.topNav-ny{/* position:relative;*/  background:rgba(0,0,0,.7); padding:0 10%; width:80%;}
.topNavn{ /*width:1200px; margin:0 auto;*/}
.topNav .float-right{ padding-top:40px;}
.topNav a{
	 margin:0 25px;
	 color: #fff;
	 font-size: 16px;
}
.topNav a.current,.topNav a:hover{
	text-decoration: underline;
}
.topTips{
	width: 92%;
	margin: 0px 4%;
	padding: 50px 0px;
	height: auto;
	line-height: 28px;
	border-bottom: 1px solid #e1e0e0;
	overflow: hidden;
}
.topTips .p{
	 width: 65%;
	 float: left;
}
.ttt{
	width: 92%;
	padding: 50px 4% 0px 4%;
	height: auto;
	font-size: 16px;
	font-weight: bold;
}
.topTips img{ float: right;}
.dx {
	background: url(../images/shuwonMascot.png) -1010px 0px no-repeat;
	width: 505px;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -225px;
	-webkit-animation: elephanAnimate 22s ease-in infinite;
	-ms-animation: elephanAnimate 22s ease-in infinite;
	-moz-animation: elephanAnimate 22s ease-in infinite;
}

.yanj1 {
	width: 195px;
	height: 100px;
	position: absolute;
	left: 50%;
	margin-left: -135px;
	top: 200px;
	background: url(../images/glasses1.png) no-repeat;
	-webkit-animation: yjs1 22s ease infinite;
	-ms-animation: yjs1 22s ease infinite;
	-moz-animation: yjs1 22s ease infinite;
}

.gy {
	width: 200px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 260px;
	background: url(../images/light.png) no-repeat;
	margin-left: -140px;
	-webkit-animation: guangyun 22s ease infinite;
	-ms-animation: guangyun 22s ease infinite;
	-moz-animation: guangyun 22s ease infinite;
	opacity: 0;
}

.js {
	width: 290px;
	height: 200px;
	background: url(../images/js.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: 235px;
	top: 135px;
	-webkit-animation: jiaosou 22s ease infinite;
	-ms-animation: jiaosou 22s ease infinite;
	-moz-animation: jiaosou 22s ease infinite;
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	opacity: 0;
}

.dx2 {
	background: url(../images/shuwonMascot.png) no-repeat;
	width: 505px;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -225px;
	opacity:1;
	-webkit-animation: pic_3_linghtning2 22s ease-in 1;
	
}

.dxE {
	width: 505px;
	height: 500px;
	-webkit-animation: color 22s ease 1;
	background: url(../images/shuwonMascot.png) -505px 0px no-repeat;
}

.di2 {
	width: 720px;
	height: 205px;
	background: url(../images/bShadow.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -360px;
	top: 500px;
	opacity:1;
	-webkit-animation: pic_3_boom2 22s ease 1;
	overflow: hidden;
}

.maozi {
	width: 150px;
	height: 100px;
	background: url(../images/maozi.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -105px;
	top: -520px;
	-webkit-transform: rotate(720deg);
	-webkit-animation: mz 22s ease infinite;
	-moz-animation: mz 22s ease infinite;
	-ms-animation: mz 22s ease infinite;
}

.bi {
	width: 151px;
	height: 307px;
	position: absolute;
	left: 50%;
	margin-left: -238px;
	top: 300px;
	background: url(../images/bi.png) no-repeat;
	-webkit-transform: rotate(360deg);
	-webkit-transform-origin: bottom;
	opacity:1;
	-webkit-animation: biAnimate 22s ease 1;
}

.ljl {
	width: 330px;
	height: 300px;
	background: url(../images/case.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	top: 300px;
	-webkit-animation: buluo 22s ease 1;
	-ms-animation: buluo 22s ease 1;
	-moz-animation: buluo 22s ease 1;
}

.ljl .homeCase {
	width: 260px;
	height: 170px;
	margin-left: 22px;
	margin-top: 35px;
	position: relative;
}

.wz {
	width: 400px;
	height: 125px;
	position: absolute;
	left: 50%;
	margin-left: 200px;
	top: 170px;
	background: url(../images/artist.png) no-repeat;
	-webkit-animation: fuck 22s ease infinite;
	opacity: 0;
	-ms-animation: fuck 22s ease infinite;
	opacity: 0;
	-moz-animation: fuck 22s ease infinite;
	display:none;
}

.wzShadow {
	width: 265px;
	height: 40px;
	position: absolute;
	left: 50%;
	margin-left: -430px;
	top: 520px;
	background: url(../images/caseShadow.png) no-repeat;
	opacity: 0;
	-webkit-animation: shadow 22s ease infinite;
	-ms-animation: shadow 22s ease infinite;
	-moz-animation: shadow 22s ease infinite;
}

.yanj {
	width: 195px;
	height: 100px;
	position: absolute;
	left: 50%;
	margin-left: -130px;
	top: 200px;
	background: url(../images/glasses.png) no-repeat;
	-webkit-animation: yjs 22s ease infinite;
	-ms-animation: yjs 22s ease infinite;
	-moz-animation: yjs 22s ease infinite;
	display:none;
}

.flowers {
	position: absolute;
	left: 0px;
	top: 0px;
}

.flowers span {
	display: block;
	top: -100px;
	left: 1900px;
	opacity: 0;
}

.flowers .fl1 {
	width: 145px;
	height: 160px;
	background: url(../images/flower3.png) no-repeat;
	position: absolute;
	-webkit-animation: flow1 22s ease infinite;
	-moz-animation: flow1 22s ease infinite;
	-ms-animation: flow1 22s ease infinite;
}

.flowers .fl2 {
	width: 135px;
	height: 110px;
	background: url(../images/flower4.png) no-repeat;
	position: absolute;
	-webkit-animation: flow2 22s ease infinite;
	-moz-animation: flow2 22s ease infinite;
	-ms-animation: flow2 22s ease infinite;
}

.flowers .fl3 {
	width: 80px;
	height: 145px;
	background: url(../images/flower5.png) no-repeat;
	position: absolute;
	-webkit-animation: flow3 22s ease infinite;
	-moz-animation: flow3 22s ease infinite;
	-ms-animation: flow3 22s ease infinite;
}

.flowers .fl4 {
	width: 65px;
	height: 60px;
	background: url(../images/flower6.png) no-repeat;
	position: absolute;
	-webkit-animation: flow4 22s ease infinite;
	-moz-animation: flow4 22s ease infinite;
	-ms-animation: flow4 22s ease infinite;
}

.flowers .fl5 {
	width: 46px;
	height: 56px;
	background: url(../images/flower7.png) no-repeat;
	position: absolute;
	-webkit-animation: flow5 22s ease infinite;
	-moz-animation: flow5 22s ease infinite;
	-ms-animation: flow5 22s ease infinite;
}

.flowers .fl6 {
	width: 420px;
	height: 330px;
	background: url(../images/flower8.png) no-repeat;
	position: absolute;
	-webkit-animation: flow6 22s ease infinite;
	-moz-animation: flow6 22s ease infinite;
	-ms-animation: flow6 22s ease infinite;
}

.flowers .fl7 {
	width: 252px;
	height: 161px;
	background: url(../images/flower9.png) no-repeat;
	position: absolute;
	-webkit-animation: flow7 22s ease infinite;
	-moz-animation: flow7 22s ease infinite;
	-ms-animation: flow7 22s ease infinite;
}

.skill {
	width: 375px;
	height: 65px;
	position: absolute;
	left: 50%;
	margin-left: 60px;
	top: 550px;
	opacity: 0;
	-webkit-animation: skill 22s ease infinite;
	-ms-animation: skill 22s ease infinite;
	-moz-animation: skill 22s ease infinite;
}

.toufa {
	width: 205px;
	height: 115px;
	background: url(../images/toufa.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 100px;
	-webkit-animation: toufa 22s ease infinite;
	-ms-animation: toufa 22s ease infinite;
	-moz-animation: toufa 22s ease infinite;
	margin-left: -135px;
}

.mgh {
	width: 188px;
	height: 170px;
	background: url(../images/mgh.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 270px;
	margin-left: -38px;
	opacity: 0;
	-webkit-animation: mgh 22s ease infinite;
	-ms-animation: mgh 22s ease infinite;
	-moz-animation: mgh 22s ease infinite;
}

.mghF {
	width: 163px;
	height: 163px;
	background: url(../images/mghFlower.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 400px;
	opacity: 0;
	-webkit-animation: mghF 22s ease infinite;
	-ms-animation: mghF 22s ease infinite;
	-moz-animation: mghF 22s ease infinite;
}

.mghB {
	width: 42px;
	height: 163px;
	background: url(../images/mghB.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 320px;
	margin-left: 200px;
	-webkit-animation: mghB 22s ease infinite;
	-ms-animation: mghB 22s ease infinite;
	-moz-animation: mghB 22s ease infinite;
}

.loadMore {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #111312;
	text-align: center;
}

.loadMore a {
	cursor: pointer;
	color: #9a9a9a;
}

.loadMore a:hover {
	color: #fe5627;
}

@-webkit-keyframes elephanAnimate {
	0% {
		top: 100px;
		opacity: 0
	}

	47% {
		top: 100px;
		opacity: 0
	}

	48% {
		top: 100px;
		opacity: 1
	}

	98% {
		top: 100px;
		opacity: 1
	}

	100% {
		top: 100px;
		opacity: 0
	}
}

@-ms-keyframes elephanAnimate {
	0% {
		top: 100px;
		opacity: 0
	}

	47% {
		top: 100px;
		opacity: 0
	}

	48% {
		top: 100px;
		opacity: 1
	}

	98% {
		top: 100px;
		opacity: 1
	}

	100% {
		top: 100px;
		opacity: 0
	}
}

@-moz-keyframes elephanAnimate {
	0% {
		top: 100px;
		opacity: 0
	}

	47% {
		top: 100px;
		opacity: 0
	}

	48% {
		top: 100px;
		opacity: 1
	}

	98% {
		top: 100px;
		opacity: 1
	}

	100% {
		top: 100px;
		opacity: 0
	}
}

@-webkit-keyframes toufa {
	0% {
		opacity: 0;
		top: 95px;
	}

	52% {
		opacity: 0;
		top: 95px;
	}

	54% {
		opacity: 1;
		top: 100px;
	}

	98% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes toufa {
	0% {
		opacity: 0;
		top: 95px;
	}

	52% {
		opacity: 0;
		top: 95px;
	}

	54% {
		opacity: 1;
		top: 100px;
	}

	98% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes toufa {
	0% {
		opacity: 0;
		top: 95px;
	}

	52% {
		opacity: 0;
		top: 95px;
	}

	54% {
		opacity: 1;
		top: 100px;
	}

	98% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes mgh {
	0% {
		opacity: 0;
		top: 270px;
	}

	52% {
		opacity: 0;
		top: 270px;
		transform: rotate(-10deg);
	}

	54% {
		opacity: 1;
		top: 270px;
		transform: rotate(0deg);
	}

	98% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes mgh {
	0% {
		opacity: 0;
		top: 270px;
	}

	52% {
		opacity: 0;
		top: 270px;
		transform: rotate(-10deg);
	}

	54% {
		opacity: 1;
		top: 270px;
		transform: rotate(0deg);
	}

	98% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes mgh {
	0% {
		opacity: 0;
		top: 270px;
	}

	52% {
		opacity: 0;
		top: 270px;
		transform: rotate(-10deg);
	}

	54% {
		opacity: 1;
		top: 270px;
		transform: rotate(0deg);
	}

	98% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes mghF {
	0% {
		opacity: 0;
		top: 400px;
	}

	52% {
		opacity: 0;
		top: 400px;
	}

	54% {
		opacity: 1;
		top: 400px;
	}

	60% {
		opacity: 1;
		top: 405px;
	}

	65% {
		opacity: 1;
		top: 400px;
	}

	70% {
		opacity: 1;
		top: 405px;
	}

	75% {
		opacity: 1;
		top: 400px;
	}

	80% {
		opacity: 1;
		top: 405px;
	}

	85% {
		opacity: 1;
		top: 400px;
	}

	90% {
		opacity: 1;
		top: 405px;
	}

	95% {
		opacity: 1;
		top: 400px;
	}

	100% {
		opacity: 0;
		top: 405px;
	}
}

@-moz-keyframes mghF {
	0% {
		opacity: 0;
		top: 400px;
	}

	52% {
		opacity: 0;
		top: 400px;
	}

	54% {
		opacity: 1;
		top: 400px;
	}

	60% {
		opacity: 1;
		top: 405px;
	}

	65% {
		opacity: 1;
		top: 400px;
	}

	70% {
		opacity: 1;
		top: 405px;
	}

	75% {
		opacity: 1;
		top: 400px;
	}

	80% {
		opacity: 1;
		top: 405px;
	}

	85% {
		opacity: 1;
		top: 400px;
	}

	90% {
		opacity: 1;
		top: 405px;
	}

	95% {
		opacity: 1;
		top: 400px;
	}

	100% {
		opacity: 0;
		top: 405px;
	}
}

@-ms-keyframes mghF {
	0% {
		opacity: 0;
		top: 400px;
	}

	52% {
		opacity: 0;
		top: 400px;
	}

	54% {
		opacity: 1;
		top: 400px;
	}

	60% {
		opacity: 1;
		top: 405px;
	}

	65% {
		opacity: 1;
		top: 400px;
	}

	70% {
		opacity: 1;
		top: 405px;
	}

	75% {
		opacity: 1;
		top: 400px;
	}

	80% {
		opacity: 1;
		top: 405px;
	}

	85% {
		opacity: 1;
		top: 400px;
	}

	90% {
		opacity: 1;
		top: 405px;
	}

	95% {
		opacity: 1;
		top: 400px;
	}

	100% {
		opacity: 0;
		top: 405px;
	}
}

@-webkit-keyframes mghB {
	0% {
		opacity: 0;
		top: 320px;
	}

	54% {
		opacity: 0;
		top: 320px;
	}

	56% {
		opacity: 1;
		top: 325px;
	}

	62% {
		opacity: 1;
		top: 320px;
	}

	67% {

		opacity: 1;
		top: 325px;
	}

	72% {
		opacity: 1;
		top: 320px;
	}

	77% {
		opacity: 1;
		top: 325px;
	}

	82% {
		opacity: 1;
		top: 320px;
	}

	87% {
		opacity: 1;
		top: 325px;
	}

	92% {
		opacity: 1;
		top: 320px;
	}

	97% {
		opacity: 1;
		top: 325px;
	}

	100% {
		opacity: 0;
		top: 320px;
	}
}

@-moz-keyframes mghB {
	0% {
		opacity: 0;
		top: 320px;
	}

	54% {
		opacity: 0;
		top: 320px;
	}

	56% {
		opacity: 1;
		top: 325px;
	}

	62% {
		opacity: 1;
		top: 320px;
	}

	67% {
		opacity: 1;
		top: 325px;
	}

	72% {
		opacity: 1;
		top: 320px;
	}

	77% {
		opacity: 1;
		top: 325px;
	}

	82% {
		opacity: 1;
		top: 320px;
	}

	87% {
		opacity: 1;
		top: 325px;
	}

	92% {
		opacity: 1;
		top: 320px;
	}

	97% {
		opacity: 1;
		top: 325px;
	}

	100% {
		opacity: 0;
		top: 320px;
	}
}

@-ms-keyframes mghB {
	0% {
		opacity: 0;
		top: 320px;
	}

	54% {
		opacity: 0;
		top: 320px;
	}

	56% {
		opacity: 1;
		top: 325px;
	}

	62% {
		opacity: 1;
		top: 320px;
	}

	67% {
		opacity: 1;
		top: 325px;
	}

	72% {
		opacity: 1;
		top: 320px;
	}

	77% {
		opacity: 1;
		top: 325px;
	}

	82% {
		opacity: 1;
		top: 320px;
	}

	87% {
		opacity: 1;
		top: 325px;
	}

	92% {
		opacity: 1;
		top: 320px;
	}

	97% {
		opacity: 1;
		top: 325px;
	}

	100% {
		opacity: 0;
		top: 320px;
	}
}

@-webkit-keyframes guangyun {
	0% {
		opacity: 0;
	}

	54.12% {
		opacity: 0;
	}

	55% {
		opacity: 0;
	}

	57.5% {
		opacity: 1;
	}

	98% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes guangyun {
	0% {
		opacity: 0;
	}

	54.12% {
		opacity: 0;
	}

	55% {
		opacity: 0;
	}

	57.5% {
		opacity: 1;
	}

	98% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes guangyun {
	0% {
		opacity: 0;
	}

	54.12% {
		opacity: 0;
	}

	55% {
		opacity: 0;
	}

	57.5% {
		opacity: 1;
	}

	98% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes yjs1 {
	0% {
		top: -300px;
		opacity: 0;
	}

	55% {
		top: -300px;
		opacity: 1;
	}

	56.25% {
		top: 205px
	}

	56.75% {
		top: 200px
	}

	57.25% {
		top: 205px
	}

	57.75% {
		top: 200px
	}

	72.5% {
		top: 200px;
		opacity: 1;
	}

	98% {
		top: 200px;
		opacity: 1;
	}

	100% {
		top: 200px;
		opacity: 0;
	}
}

@-ms-keyframes yjs1 {
	0% {
		top: -300px;
		opacity: 0;
	}

	55% {
		top: -300px;
		opacity: 1;
	}

	56.25% {
		top: 205px
	}

	56.75% {
		top: 200px
	}

	57.25% {
		top: 205px
	}

	57.75% {
		top: 200px
	}

	72.5% {
		top: 200px;
		opacity: 1;
	}

	98% {
		top: 200px;
		opacity: 1;
	}

	100% {
		top: 200px;
		opacity: 0;
	}
}

@-moz-keyframes yjs1 {
	0% {
		top: -300px;
		opacity: 0;
	}

	55% {
		top: -300px;
		opacity: 1;
	}

	56.25% {
		top: 205px
	}

	56.75% {
		top: 200px
	}

	57.25% {
		top: 205px
	}

	57.75% {
		top: 200px
	}

	72.5% {
		top: 200px;
		opacity: 1;
	}

	98% {
		top: 200px;
		opacity: 1;
	}

	100% {
		top: 200px;
		opacity: 0;
	}
}

@-webkit-keyframes jiaosou {
	0% {
		opacity: 0;
	}

	51.5% {
		opacity: 0;
		-webkit-transform: rotate(-45deg);
	}

	54% {
		opacity: 1;
		-webkit-transform: rotate(2deg);
	}

	55% {
		opacity: 1;
		-webkit-transform: rotate(-2deg);
	}

	56% {
		opacity: 1;
		-webkit-transform: rotate(0deg);
	}

	95% {
		opacity: 1;
		-webkit-transform: rotate(0deg);
	}

	100% {
		opacity: 0;
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes jiaosou {
	0% {
		opacity: 0;
	}

	51.5% {
		opacity: 0;
		-moz-transform: rotate(-45deg);
	}

	54% {
		opacity: 1;
		-moz-transform: rotate(2deg);
	}

	55% {
		opacity: 1;
		-moz-transform: rotate(-2deg);
	}

	56% {
		opacity: 1;
		-moz-transform: rotate(0deg);
	}

	95% {
		opacity: 1;
		-moz-transform: rotate(0deg);
	}

	100% {
		opacity: 0;
		-moz-transform: rotate(0deg);
	}
}

@-ms-keyframes jiaosou {
	0% {
		opacity: 0;
	}

	51.5% {
		opacity: 0;
		-ms-transform: rotate(-45deg);
	}

	54% {
		opacity: 1;
		-ms-transform: rotate(2deg);
	}

	55% {
		opacity: 1;
		-ms-transform: rotate(-2deg);
	}

	56% {
		opacity: 1;
		-webkit-transform: rotate(0deg);
	}

	95% {
		opacity: 1;
		-ms-transform: rotate(0deg);
	}

	100% {
		opacity: 0;
		-ms-transform: rotate(0deg);
	}
}

@-webkit-keyframes pic_3_linghtning2 {
	0% {
		top: -500px;
		opacity: 0
	}

	3.25% {
		top: -420px;
		opacity: 0
	}

	3.75% {
		top: 100px;
		opacity: 1
	}

	4% {
		opacity: 0
	}

	4.1% {
		opacity: 1
	}

	4.25% {
		opacity: 0.2
	}

	4.1% {
		opacity: 1
	}

	4.5% {
		opacity: 0.4
	}

	4.65% {
		opacity: 1
	}

	18.12% {
		top: 100px;
		opacity: 1
	}

	22.5% {
		top: 100px;
		opacity: 1
	}

	48% {
		top: 100px;
		opacity: 1
	}

	50% {
		top: 100px;
		opacity: 0
	}

	97.5% {
		top: 100px;
		opacity: 0
	}

	100% {
		top: 100px;
		opacity: 0
	}
}

@keyframes pic_3_linghtning2 {
	0% {
		top: -500px;
		opacity: 0
	}

	3.25% {
		top: -420px;
		opacity: 0
	}

	3.75% {
		top: 100px;
		opacity: 1
	}

	4% {
		opacity: 0
	}

	4.1% {
		opacity: 1
	}

	4.25% {
		opacity: 0.2
	}

	4.1% {
		opacity: 1
	}

	4.5% {
		opacity: 0.4
	}

	4.65% {
		opacity: 1
	}

	18.12% {
		top: 100px;
		opacity: 1
	}

	22.5% {
		top: 100px;
		opacity: 1
	}

	48% {
		top: 100px;
		opacity: 1
	}

	50% {
		top: 100px;
		opacity: 0
	}

	97.5% {
		top: 100px;
		opacity: 0
	}

	100% {
		top: 100px;
		opacity: 0
	}
}

@-moz-keyframes pic_3_linghtning2 {
	0% {
		top: -500px;
		opacity: 0
	}

	3.25% {
		top: -420px;
		opacity: 0
	}

	3.75% {
		top: 100px;
		opacity: 1
	}

	4% {
		opacity: 0
	}

	4.1% {
		opacity: 1
	}

	4.25% {
		opacity: 0.2
	}

	4.1% {
		opacity: 1
	}

	4.5% {
		opacity: 0.4
	}

	4.65% {
		opacity: 1
	}

	18.12% {
		top: 100px;
		opacity: 1
	}

	22.5% {
		top: 100px;
		opacity: 1
	}

	48% {
		top: 100px;
		opacity: 1
	}

	50% {
		top: 100px;
		opacity: 0
	}

	97.5% {
		top: 100px;
		opacity: 0
	}

	100% {
		top: 100px;
		opacity: 0
	}
}

@-ms-keyframes pic_3_linghtning2 {
	0% {
		top: -500px;
		opacity: 0
	}

	3.25% {
		top: -420px;
		opacity: 0
	}

	3.75% {
		top: 100px;
		opacity: 1
	}

	4% {
		opacity: 0
	}

	4.1% {
		opacity: 1
	}

	4.25% {
		opacity: 0.2
	}

	4.1% {
		opacity: 1
	}

	4.5% {
		opacity: 0.4
	}

	4.65% {
		opacity: 1
	}

	18.12% {
		top: 100px;
		opacity: 1
	}

	22.5% {
		top: 100px;
		opacity: 1
	}

	48% {
		top: 100px;
		opacity: 1
	}

	50% {
		top: 100px;
		opacity: 0
	}

	97.5% {
		top: 100px;
		opacity: 0
	}

	100% {
		top: 100px;
		opacity: 0
	}
}

@-webkit-keyframes pic_3_boom2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0,0)
	}

	4.12% {
		opacity: 0;
		-webkit-transform: scale(0.5,0.5)
	}

	4.37% {
		opacity: 1;
	}

	4.5% {
		opacity: 0;
		-webkit-transform: scale(1,1)
	}

	4.62% {
		opacity: 1;
	}

	18.12% {
		opacity: 1;
	}

	22.5% {
		opacity: 1;
	}

	98% {
		opacity: 1;
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes pic_3_boom2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0,0)
	}

	4.12% {
		opacity: 0;
		-webkit-transform: scale(0.5,0.5)
	}

	4.37% {
		opacity: 1;
	}

	4.5% {
		opacity: 0;
		-webkit-transform: scale(1,1)
	}

	4.62% {
		opacity: 1;
	}

	18.12% {
		opacity: 1;
	}

	22.5% {
		opacity: 1;
	}

	98% {
		opacity: 1;
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes pic_3_boom2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0,0)
	}

	4.12% {
		opacity: 0;
		-webkit-transform: scale(0.5,0.5)
	}

	4.37% {
		opacity: 1;
	}

	4.5% {
		opacity: 0;
		-webkit-transform: scale(1,1)
	}

	4.62% {
		opacity: 1;
	}

	18.12% {
		opacity: 1;
	}

	22.5% {
		opacity: 1;
	}

	98% {
		opacity: 1;
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes mz {
	0% {
		top: -300px;
		opacity: 0;
	}

	5% {
		top: -300px;
		-webkit-transform: rotate(180deg);
		opacity: 0;
	}

	6.25% {
		top: 60px;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}

	6.5% {
		top: 65px;
		-webkit-transform: rotate(4deg);
		opacity: 1;
	}

	6.75% {
		top: 65px;
		-webkit-transform: rotate(-4deg);
		opacity: 1;
	}

	7% {
		top: 65px;
		-webkit-transform: rotate(4deg);
		opacity: 1;
	}

	7.25% {
		top: 65px;
		-webkit-transform: rotate(-4deg);
		opacity: 1;
	}

	7.75% {
		top: 60px;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}

	25.5% {
		top: 60px;
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}

	40.5% {
		top: 60px;
		margin-left: -105px;
		-webkit-transform: rotate(0deg);
		opacity: 1;
		-webkit-transform-origin: left bottom;
	}

	41.5% {
		top: 60px;
		margin-left: -105px;
		-webkit-transform: rotate(-2deg);
		opacity: 1;
	}

	43.5% {
		top: 60px;
		margin-left: -105px;
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}

	48.5% {
		top: -100px;
		margin-left: -305px;
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(-180deg);
		opacity: 0;
	}

	97.5% {
		top: -100px;
		margin-left: -305px;
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(-180deg);
		opacity: 0;
	}

	100% {
		top: -100px;
		margin-left: -305px;
		-webkit-transform: rotate(0deg);
		opacity: 0;
	}
}

@-moz-keyframes mz {
	0% {
		top: -300px;
		opacity: 0;
	}

	5% {
		top: -300px;
		-moz-transform: rotate(180deg);
		opacity: 0;
	}

	6.25% {
		top: 60px;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}

	6.5% {
		top: 65px;
		-moz-transform: rotate(4deg);
		opacity: 1;
	}

	6.75% {
		top: 65px;
		-moz-transform: rotate(-4deg);
		opacity: 1;
	}

	7% {
		top: 65px;
		-moz-transform: rotate(4deg);
		opacity: 1;
	}

	7.25% {
		top: 65px;
		-moz-transform: rotate(-4deg);
		opacity: 1;
	}

	7.75% {
		top: 60px;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}

	25.5% {
		top: 60px;
		-moz-transform: rotate(0deg);
		opacity: 1;
	}

	40.5% {
		top: 60px;
		margin-left: -105px;
		-moz-transform: rotate(0deg);
		opacity: 1;
		-moz-transform-origin: left bottom;
	}

	41.5% {
		top: 60px;
		margin-left: -105px;
		-moz-transform: rotate(-2deg);
		opacity: 1;
	}

	43.5% {
		top: 60px;
		margin-left: -105px;
		-moz-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		opacity: 1;
	}

	48.5% {
		top: -100px;
		margin-left: -305px;
		-moz-transform: rotate(0deg);
		-moz-transform: rotate(-180deg);
		opacity: 0;
	}

	97.5% {
		top: -100px;
		margin-left: -305px;
		-moz-transform: rotate(0deg);
		-moz-transform: rotate(-180deg);
		opacity: 0;
	}

	100% {
		top: -100px;
		margin-left: -305px;
		-moz-transform: rotate(0deg);
		opacity: 0;
	}
}

@-ms-keyframes mz {
	0% {
		top: -300px;
		opacity: 0;
	}

	5% {
		top: -300px;
		-ms-transform: rotate(180deg);
		opacity: 0;
	}

	6.25% {
		top: 60px;
		-ms-transform: rotate(0deg);
		opacity: 1;
	}

	6.5% {
		top: 65px;
		-ms-transform: rotate(4deg);
		opacity: 1;
	}

	6.75% {
		top: 65px;
		-ms-transform: rotate(-4deg);
		opacity: 1;
	}

	7% {
		top: 65px;
		-ms-transform: rotate(4deg);
		opacity: 1;
	}

	7.25% {
		top: 65px;
		-ms-transform: rotate(-4deg);
		opacity: 1;
	}

	7.75% {
		top: 60px;
		-ms-transform: rotate(0deg);
		opacity: 1;
	}

	25.5% {
		top: 60px;
		-ms-transform: rotate(0deg);
		opacity: 1;
	}

	40.5% {
		top: 60px;
		margin-left: -105px;
		-ms-transform: rotate(0deg);
		opacity: 1;
		-ms-transform-origin: left bottom;
	}

	41.5% {
		top: 60px;
		margin-left: -105px;
		-ms-transform: rotate(-2deg);
		opacity: 1;
	}

	43.5% {
		top: 60px;
		margin-left: -105px;
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}

	48.5% {
		top: -100px;
		margin-left: -305px;
		-ms-transform: rotate(0deg);
		-ms-transform: rotate(-180deg);
		opacity: 0;
	}

	97.5% {
		top: -100px;
		margin-left: -305px;
		-ms-transform: rotate(0deg);
		-ms-transform: rotate(-180deg);
		opacity: 0;
	}

	100% {
		top: -100px;
		margin-left: -305px;
		-ms-transform: rotate(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes color {
	0% {
		height: 1px
	}

	10% {
		height: 1px;
	}

	15% {
		height: 500px;
	}

	22.5% {
		height: 500px;
	}

	97.5% {
		height: 500px;
	}

	100% {
		height: 500px;
	}
}

@-moz-keyframes color {
	0% {
		height: 1px
	}

	10% {
		height: 1px;
	}

	15% {
		height: 500px;
	}

	22.5% {
		height: 500px;
	}

	97.5% {
		height: 500px;
	}

	100% {
		height: 500px;
	}
}

@-ms-keyframes color {
	0% {
		height: 1px
	}

	10% {
		height: 1px;
	}

	15% {
		height: 500px;
	}

	22.5% {
		height: 500px;
	}

	97.5% {
		height: 500px;
	}

	100% {
		height: 500px;
	}
}

@-webkit-keyframes yjs {
	0% {
		top: -300px;
		opacity: 0;
	}

	15% {
		top: -300px;
		opacity: 1;
	}

	16.25% {
		top: 205px
	}

	16.75% {
		top: 200px
	}

	17.25% {
		top: 205px
	}

	17.75% {
		top: 200px
	}

	22.5% {
		top: 200px;
		opacity: 1;
	}

	44.5% {
		top: 200px;
		opacity: 1;
		-webkit-transform: rotate(0deg);
		margin-left: -130px;
	}

	49.5% {
		top: 100px;
		opacity: 0;
		-webkit-transform: rotate(-180deg);
		margin-left: -550px;
	}

	97.5% {
		top: 100px;
		opacity: 0;
		-webkit-transform: rotate(-180deg);
		margin-left: -550px;
	}

	100% {
		top: 100px;
		opacity: 0;
	}
}

@-ms-keyframes yjs {
	0% {
		top: -300px;
		opacity: 0;
	}

	15% {
		top: -300px;
		opacity: 1;
	}

	16.25% {
		top: 205px
	}

	16.75% {
		top: 200px
	}

	17.25% {
		top: 205px
	}

	17.75% {
		top: 200px
	}

	22.5% {
		top: 200px;
		opacity: 1;
	}

	44.5% {
		top: 200px;
		opacity: 1;
		-ms-transform: rotate(0deg);
		margin-left: -130px;
	}

	49.5% {
		top: 100px;
		opacity: 0;
		-ms-transform: rotate(-180deg);
		margin-left: -550px;
	}

	97.5% {
		top: 100px;
		opacity: 0;
		-webkit-transform: rotate(-180deg);
		margin-left: -550px;
	}

	100% {
		top: 100px;
		opacity: 0;
	}
}

@-moz-keyframes yjs {
	0% {
		top: -300px;
		opacity: 0;
	}

	15% {
		top: -300px;
		opacity: 1;
	}

	16.25% {
		top: 205px
	}

	16.75% {
		top: 200px
	}

	17.25% {
		top: 205px
	}

	17.75% {
		top: 200px
	}

	22.5% {
		top: 200px;
		opacity: 1;
	}

	44.5% {
		top: 200px;
		opacity: 1;
		-moz-transform: rotate(0deg);
		margin-left: -130px;
	}

	49.5% {
		top: 100px;
		opacity: 0;
		-moz-transform: rotate(-180deg);
		margin-left: -550px;
	}

	97.5% {
		top: 100px;
		opacity: 0;
		-moz-transform: rotate(-180deg);
		margin-left: -550px;
	}

	100% {
		top: 100px;
		opacity: 0;
	}
}

@-webkit-keyframes biAnimate {
	0% {
		top: -500px;
		margin-left: 100px;
		opacity: 0;
	}

	7.5% {
		top: -300px;
		margin-left: 200px;
		-webkit-transform: rotate(-30deg);
		opacity: 1;
	}

	9.5% {
		top: 0px;
		margin-left: 200px;
		-webkit-transform: rotate(-45deg);
	}

	10.5% {
		top: 60px;
		margin-left: 0px;
		-webkit-transform: rotate(-45deg);
	}

	11% {
		top: 120px;
		margin-left: 200px;
		-webkit-transform: rotate(-45deg);
	}

	11.5% {
		top: 180px;
		margin-left: 0px;
		-webkit-transform: rotate(-45deg);
	}

	12% {
		top: 240px;
		margin-left: 200px;
		-webkit-transform: rotate(-45deg);
	}

	12.5% {
		top: 300px;
		margin-left: 0px;
		-webkit-transform: rotate(-45deg);
	}

	13% {
		top: 360px;
		margin-left: 200px;
		-webkit-transform: rotate(-45deg);
	}

	13.5% {
		top: 420px;
		margin-left: 100px;
		-webkit-transform: rotate(-45deg);
	}

	16.25% {
		top: 300px;
		margin-left: -238px;
		-webkit-transform: rotate(360deg);
	}

	22.5% {
		top: 300px;
		margin-left: -238px;
		-webkit-transform: rotate(360deg);
		opacity: 1;
	}

	41.5% {
		top: 300px;
		margin-left: -238px;
		-webkit-transform: rotate(360deg);
		opacity: 1;
	}

	43.5% {
		opacity: 1;
		-webkit-transform: rotate(357deg);
	}

	46% {
		opacity: 1;
		-webkit-transform: rotate(360deg);
		top: 300px;
		margin-left: -238px;
	}

	50% {
		opacity: 0;
		-webkit-transform: rotate(300deg);
		top: 500px;
		margin-left: -450px;
	}

	97.5% {
		top: 500px;
		margin-left: -450px;
		-webkit-transform: rotate(360deg);
		opacity: 0;
	}

	100% {
		top: 500px;
		margin-left: -450px;
		-webkit-transform: rotate(360deg);
		opacity: 0;
	}
}

@-moz-keyframes biAnimate {
	0% {
		top: -500px;
		margin-left: 100px;
		opacity: 0;
	}

	7.5% {
		top: -300px;
		margin-left: 200px;
		-moz-transform: rotate(-30deg);
		opacity: 1;
	}

	9.5% {
		top: 0px;
		margin-left: 200px;
		-moz-transform: rotate(-45deg);
	}

	10.5% {
		top: 60px;
		margin-left: 0px;
		-moz-transform: rotate(-45deg);
	}

	11% {
		top: 120px;
		margin-left: 200px;
		-moz-transform: rotate(-45deg);
	}

	11.5% {
		top: 180px;
		margin-left: 0px;
		-moz-transform: rotate(-45deg);
	}

	12% {
		top: 240px;
		margin-left: 200px;
		-moz-transform: rotate(-45deg);
	}

	12.5% {
		top: 300px;
		margin-left: 0px;
		-moz-transform: rotate(-45deg);
	}

	13% {
		top: 360px;
		margin-left: 200px;
		-webkit-transform: rotate(-45deg);
	}

	13.5% {
		top: 420px;
		margin-left: 100px;
		-webkit-transform: rotate(-45deg);
	}

	16.25% {
		top: 300px;
		margin-left: -238px;
		-webkit-transform: rotate(360deg);
	}

	22.5% {
		top: 300px;
		margin-left: -238px;
		-moz-transform: rotate(360deg);
		opacity: 1;
	}

	41.5% {
		top: 300px;
		margin-left: -238px;
		-moz-transform: rotate(360deg);
		opacity: 1;
	}

	43.5% {
		opacity: 1;
		-moz-transform: rotate(357deg);
	}

	46% {
		opacity: 1;
		-moz-transform: rotate(360deg);
		top: 300px;
		margin-left: -238px;
	}

	50% {
		opacity: 0;
		-moz-transform: rotate(300deg);
		top: 500px;
		margin-left: -450px;
	}

	97.5% {
		top: 500px;
		margin-left: -450px;
		-moz-transform: rotate(360deg);
		opacity: 0;
	}

	100% {
		top: 500px;
		margin-left: -450px;
		-webkit-transform: rotate(360deg);
		opacity: 0;
	}
}

@-ms-keyframes biAnimate {
	0% {
		top: -500px;
		margin-left: 100px;
		opacity: 0;
	}

	7.5% {
		top: -300px;
		margin-left: 200px;
		-ms-transform: rotate(-30deg);
		opacity: 1;
	}

	9.5% {
		top: 0px;
		margin-left: 200px;
		-ms-transform: rotate(-45deg);
	}

	10.5% {
		top: 60px;
		margin-left: 0px;
		-ms-transform: rotate(-45deg);
	}

	11% {
		top: 120px;
		margin-left: 200px;
		-ms-transform: rotate(-45deg);
	}

	11.5% {
		top: 180px;
		margin-left: 0px;
		-ms-transform: rotate(-45deg);
	}

	12% {
		top: 240px;
		margin-left: 200px;
		-ms-transform: rotate(-45deg);
	}

	12.5% {
		top: 300px;
		margin-left: 0px;
		-ms-transform: rotate(-45deg);
	}

	13% {
		top: 360px;
		margin-left: 200px;
		-ms-transform: rotate(-45deg);
	}

	13.5% {
		top: 420px;
		margin-left: 100px;
		-ms-transform: rotate(-45deg);
	}

	16.25% {
		top: 300px;
		margin-left: -238px;
		-ms-transform: rotate(360deg);
	}

	22.5% {
		top: 300px;
		margin-left: -238px;
		-ms-transform: rotate(360deg);
		opacity: 1;
	}

	41.5% {
		top: 300px;
		margin-left: -238px;
		-ms-transform: rotate(360deg);
		opacity: 1;
	}

	43.5% {
		opacity: 1;
		-ms-transform: rotate(357deg);
	}

	46% {
		opacity: 1;
		-ms-transform: rotate(360deg);
		top: 300px;
		margin-left: -238px;
	}

	50% {
		opacity: 0;
		-ms-transform: rotate(300deg);
		top: 500px;
		margin-left: -450px;
	}

	97.5% {
		top: 500px;
		margin-left: -450px;
		-ms-transform: rotate(360deg);
		opacity: 0;
	}

	100% {
		top: 500px;
		margin-left: -450px;
		-ms-transform: rotate(360deg);
		opacity: 0;
	}
}

@-webkit-keyframes buluo {
	0% {
		top: 350px;
		opacity: 0;
	}

	16.25% {
		top: 350px;
		opacity: 0;
	}

	18.25% {
		top: 300px;
		opacity: 1;
	}

	22.5% {
		top: 300px;
		opacity: 1;
	}

	47% {
		top: 300px;
		opacity: 1;
		margin-left: -470px;
		-webkit-transform: rotate(0deg);
	}

	97% {
		top: 300px;
		opacity: 1;
		margin-left: -470px;
		-webkit-transform: rotate(0deg);
	}

	100% {
		top: 300px;
		opacity: 1;
		margin-left: -470px;
	}
}

@-ms-keyframes buluo {
	0% {
		top: 350px;
		opacity: 0;
	}

	16.25% {
		top: 350px;
		opacity: 0;
	}

	18.25% {
		top: 300px;
		opacity: 1;
	}

	22.5% {
		top: 300px;
		opacity: 1;
	}

	47% {
		top: 300px;
		opacity: 1;
		margin-left: -470px;
		-webkit-transform: rotate(0deg);
	}

	97% {
		top: 300px;
		opacity: 1;
		margin-left: -470px;
		-webkit-transform: rotate(0deg);
	}

	100% {
		top: 300px;
		opacity: 1;
		margin-left: -470px;
	}
}

@-moz-keyframes buluo {
	0% {
		top: 350px;
		opacity: 0;
	}

	16.25% {
		top: 350px;
		opacity: 0;
	}

	18.25% {
		top: 300px;
		opacity: 1;
	}

	22.5% {
		top: 300px;
		opacity: 1;
	}

	47% {
		top: 300px;
		opacity: 1;
		margin-left: -470px;
		-webkit-transform: rotate(0deg);
	}

	97% {
		top: 300px;
		opacity: 1;
		margin-left: -470px;
		-webkit-transform: rotate(0deg);
	}

	100% {
		top: 300px;
		opacity: 1;
		margin-left: -470px;
	}
}

@-webkit-keyframes fuck {
	0% {
		top: 150px;
		opacity: 0;
		margin-left: 200px;
	}

	16.25% {
		top: 150px;
		opacity: 0;
		margin-left: 200px;
	}

	18.75% {
		top: 170px;
		opacity: 1;
	}

	21.25% {
		top: 170px;
		opacity: 1;
		margin-left: 200px;
	}

	45% {
		top: 170px;
		opacity: 1;
		margin-left: 200px;
		-webkit-transform: rotate(0deg);
	}

	49% {
		top: 100px;
		margin-left: -100px;
		opacity: 0;
		-webkit-transform: rotate(-90deg);
	}

	97.5% {
		top: 100px;
		margin-left: -100px;
		opacity: 0;
	}

	100% {
		top: 100px;
		opacity: 0;
		margin-left: -100px;
	}
}

@-moz-keyframes fuck {
	0% {
		top: 150px;
		opacity: 0;
		margin-left: 200px;
	}

	16.25% {
		top: 150px;
		opacity: 0;
		margin-left: 200px;
	}

	18.75% {
		top: 170px;
		opacity: 1;
	}

	21.25% {
		top: 170px;
		opacity: 1;
		margin-left: 200px;
	}

	45% {
		top: 170px;
		opacity: 1;
		margin-left: 200px;
		-moz-transform: rotate(0deg);
	}

	49% {
		top: 100px;
		margin-left: -100px;
		opacity: 0;
		-moz-transform: rotate(-90deg);
	}

	97.5% {
		top: 100px;
		margin-left: -100px;
		opacity: 0;
	}

	100% {
		top: 100px;
		opacity: 0;
		margin-left: -100px;
	}
}

@-ms-keyframes fuck {
	0% {
		top: 150px;
		opacity: 0;
		margin-left: 200px;
	}

	16.25% {
		top: 150px;
		opacity: 0;
		margin-left: 200px;
	}

	18.75% {
		top: 170px;
		opacity: 1;
	}

	21.25% {
		top: 170px;
		opacity: 1;
		margin-left: 200px;
	}

	45% {
		top: 170px;
		opacity: 1;
		margin-left: 200px;
		-ms-transform: rotate(0deg);
	}

	49% {
		top: 100px;
		margin-left: -100px;
		opacity: 0;
		-ms-transform: rotate(-90deg);
	}

	97.5% {
		top: 100px;
		margin-left: -100px;
		opacity: 0;
	}

	100% {
		top: 100px;
		opacity: 0;
		margin-left: -100px;
	}
}

@-webkit-keyframes shadow {
	0% {
		top: 550px;
		opacity: 0;
	}

	16.25% {
		top: 550px;
		opacity: 0;
	}

	18.75% {
		top: 520px;
		opacity: 1;
	}

	22.5% {
		top: 520px;
		opacity: 1;
	}

	97.5% {
		top: 520px;
		opacity: 1;
	}

	100% {
		top: 550px;
		opacity: 0;
	}
}

@-moz-keyframes shadow {
	0% {
		top: 550px;
		opacity: 0;
	}

	16.25% {
		top: 550px;
		opacity: 0;
	}

	18.75% {
		top: 520px;
		opacity: 1;
	}

	22.5% {
		top: 520px;
		opacity: 1;
	}

	97.5% {
		top: 520px;
		opacity: 1;
	}

	100% {
		top: 550px;
		opacity: 0;
	}
}

@-ms-keyframes shadow {
	0% {
		top: 550px;
		opacity: 0;
	}

	16.25% {
		top: 550px;
		opacity: 0;
	}

	18.75% {
		top: 520px;
		opacity: 1;
	}

	22.5% {
		top: 520px;
		opacity: 1;
	}

	97.5% {
		top: 520px;
		opacity: 1;
	}

	100% {
		top: 550px;
		opacity: 0;
	}
}

@-webkit-keyframes skill {
	0% {
		top: 550px;
		opacity: 0;
	}

	54.25% {
		top: 480px;
		opacity: 0;
	}

	56.75% {
		top: 520px;
		opacity: 1;
	}

	61.25% {
		top: 520px;
		opacity: 1;
	}

	97% {
		top: 520px;
		opacity: 1;
		margin-left: 60px;
		-webkit-transform: rotate(0deg);
	}

	100% {
		top: 520px;
		opacity: 0;
	}
}

@-ms-keyframes skill {
	0% {
		top: 550px;
		opacity: 0;
	}

	54.25% {
		top: 480px;
		opacity: 0;
	}

	56.75% {
		top: 520px;
		opacity: 1;
	}

	61.25% {
		top: 520px;
		opacity: 1;
	}

	97% {
		top: 520px;
		opacity: 1;
		margin-left: 60px;
		-webkit-transform: rotate(0deg);
	}

	100% {
		top: 520px;
		opacity: 0;
	}
}

@-moz-keyframes skill {
	0% {
		top: 550px;
		opacity: 0;
	}

	54.25% {
		top: 480px;
		opacity: 0;
	}

	56.75% {
		top: 520px;
		opacity: 1;
	}

	61.25% {
		top: 520px;
		opacity: 1;
	}

	97% {
		top: 520px;
		opacity: 1;
		margin-left: 60px;
		-webkit-transform: rotate(0deg);
	}

	100% {
		top: 520px;
		opacity: 0;
	}
}

@-webkit-keyframes flow1 {
	0% {
		left: 1900px;
		top: 0px;
	}

	40% {
		left: 1900px;
		top: 0px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	41% {
		opacity: 1;
	}

	45% {
		opacity: 1;
	}

	51% {
		left: -100px;
		top: 500px;
		opacity: 0;
		-webkit-transform: rotate(180deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: -100px;
		top: 550px;
		opacity: 0;
		-webkit-transform: rotate(180deg);
	}
}

@-moz-keyframes flow1 {
	0% {
		left: 1900px;
		top: 0px;
	}

	40% {
		left: 1900px;
		top: 0px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	41% {
		opacity: 1;
	}

	45% {
		opacity: 1;
	}

	51% {
		left: -100px;
		top: 500px;
		opacity: 0;
		-webkit-transform: rotate(180deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: -100px;
		top: 550px;
		opacity: 0;
		-webkit-transform: rotate(180deg);
	}
}

@-ms-keyframes flow1 {
	0% {
		left: 1900px;
		top: 0px;
	}

	40% {
		left: 1900px;
		top: 0px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	41% {
		opacity: 1;
	}

	45% {
		opacity: 1;
	}

	51% {
		left: -100px;
		top: 500px;
		opacity: 0;
		-webkit-transform: rotate(180deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: -100px;
		top: 550px;
		opacity: 0;
		-webkit-transform: rotate(180deg);
	}
}

@-webkit-keyframes flow2 {
	0% {
		left: 2200px;
		top: 0px;
	}

	40.5% {
		left: 2200px;
		top: 0px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	41.5% {
		opacity: 1;
	}

	45.5% {
		opacity: 1;
	}

	51.5% {
		left: 100px;
		top: 600px;
		opacity: 0;
		-webkit-transform: rotate(90deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: 100px;
		top: 650px;
		opacity: 0;
		-webkit-transform: rotate(90deg);
	}
}

@-moz-keyframes flow2 {
	0% {
		left: 2200px;
		top: 0px;
	}

	40.5% {
		left: 2200px;
		top: 0px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	41.5% {
		opacity: 1;
	}

	45.5% {
		opacity: 1;
	}

	51.5% {
		left: 100px;
		top: 600px;
		opacity: 0;
		-webkit-transform: rotate(90deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: 100px;
		top: 650px;
		opacity: 0;
		-webkit-transform: rotate(90deg);
	}
}

@-ms-keyframes flow2 {
	0% {
		left: 2200px;
		top: 0px;
	}

	40.5% {
		left: 2200px;
		top: 0px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	41.5% {
		opacity: 1;
	}

	45.5% {
		opacity: 1;
	}

	51.5% {
		left: 100px;
		top: 600px;
		opacity: 0;
		-webkit-transform: rotate(90deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: 100px;
		top: 650px;
		opacity: 0;
		-webkit-transform: rotate(90deg);
	}
}

@-webkit-keyframes flow3 {
	0% {
		left: 2200px;
		top: 0px;
	}

	40% {
		left: 1400px;
		top: 0px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	41% {
		opacity: 1;
	}

	45% {
		opacity: 1;
	}

	51% {
		left: 600px;
		top: 600px;
		opacity: 0;
		-webkit-transform: rotate(90deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: 600px;
		top: 650px;
		opacity: 0;
		-webkit-transform: rotate(90deg);
	}
}

@-moz-keyframes flow3 {
	0% {
		left: 2200px;
		top: 0px;
	}

	40% {
		left: 1400px;
		top: 0px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	41% {
		opacity: 1;
	}

	45% {
		opacity: 1;
	}

	51% {
		left: 600px;
		top: 600px;
		opacity: 0;
		-webkit-transform: rotate(90deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: 600px;
		top: 650px;
		opacity: 0;
		-webkit-transform: rotate(90deg);
	}
}

@-ms-keyframes flow3 {
	0% {
		left: 2200px;
		top: 0px;
	}

	40% {
		left: 1400px;
		top: 0px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	41% {
		opacity: 1;
	}

	45% {
		opacity: 1;
	}

	51% {
		left: 600px;
		top: 600px;
		opacity: 0;
		-webkit-transform: rotate(90deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: 600px;
		top: 650px;
		opacity: 0;
		-webkit-transform: rotate(90deg);
	}
}

@-webkit-keyframes flow4 {
	0% {
		left: 2200px;
		top: 0px;
	}

	42% {
		left: 1600px;
		top: 0px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	43% {
		opacity: 1;
	}

	47% {
		opacity: 1;
	}

	52% {
		left: 200px;
		top: 650px;
		opacity: 0;
		-webkit-transform: rotate(-90deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: 200px;
		top: 750px;
		opacity: 0;
		-webkit-transform: rotate(-90deg);
	}
}

@-moz-keyframes flow4 {
	0% {
		left: 2200px;
		top: 0px;
	}

	42% {
		left: 1600px;
		top: 0px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	43% {
		opacity: 1;
	}

	47% {
		opacity: 1;
	}

	52% {
		left: 200px;
		top: 650px;
		opacity: 0;
		-webkit-transform: rotate(-90deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: 200px;
		top: 750px;
		opacity: 0;
		-webkit-transform: rotate(-90deg);
	}
}

@-ms-keyframes flow4 {
	0% {
		left: 2200px;
		top: 0px;
	}

	42% {
		left: 1600px;
		top: 0px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	43% {
		opacity: 1;
	}

	47% {
		opacity: 1;
	}

	52% {
		left: 200px;
		top: 650px;
		opacity: 0;
		-webkit-transform: rotate(-90deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: 200px;
		top: 750px;
		opacity: 0;
		-webkit-transform: rotate(-90deg);
	}
}

@-webkit-keyframes flow6 {
	0% {
		left: 2200px;
		top: 0px;
	}

	37.5% {
		left: 2500px;
		top: -200px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	39.5% {
		opacity: 1;
	}

	42.5% {
		opacity: 1;
	}

	47.5% {
		left: -300px;
		top: 700px;
		opacity: 0;
		-webkit-transform: rotate(270deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: -300px;
		top: 750px;
		opacity: 0;
		-webkit-transform: rotate(270deg);
	}
}

@-ms-keyframes flow6 {
	0% {
		left: 2200px;
		top: 0px;
	}

	37.5% {
		left: 2500px;
		top: -200px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	39.5% {
		opacity: 1;
	}

	42.5% {
		opacity: 1;
	}

	47.5% {
		left: -300px;
		top: 700px;
		opacity: 0;
		-webkit-transform: rotate(270deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: -300px;
		top: 750px;
		opacity: 0;
		-webkit-transform: rotate(270deg);
	}
}

@-moz-keyframes flow6 {
	0% {
		left: 2200px;
		top: 0px;
	}

	37.5% {
		left: 2500px;
		top: -200px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	39.5% {
		opacity: 1;
	}

	42.5% {
		opacity: 1;
	}

	47.5% {
		left: -300px;
		top: 700px;
		opacity: 0;
		-webkit-transform: rotate(270deg);
		-webkit-transform: scale(1,1)
	}

	100% {
		left: -300px;
		top: 750px;
		opacity: 0;
		-webkit-transform: rotate(270deg);
	}
}

@-webkit-keyframes flow7 {
	0% {
		left: 1800px;
		top: 0px;
	}

	38.5% {
		left: 1600px;
		top: -200px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	40.5% {
		opacity: 1;
	}

	43.5% {
		opacity: 1;
	}

	48.5% {
		left: 300px;
		top: 700px;
		opacity: 0;
		-webkit-transform: rotate(360deg);
		-webkit-transform: scale(1.2,1.2)
	}

	100% {
		left: 300px;
		top: 750px;
		opacity: 0;
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes flow7 {
	0% {
		left: 1800px;
		top: 0px;
	}

	38.5% {
		left: 1600px;
		top: -200px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	40.5% {
		opacity: 1;
	}

	43.5% {
		opacity: 1;
	}

	48.5% {
		left: 300px;
		top: 700px;
		opacity: 0;
		-webkit-transform: rotate(360deg);
		-webkit-transform: scale(1.2,1.2)
	}

	100% {
		left: 300px;
		top: 750px;
		opacity: 0;
		-webkit-transform: rotate(360deg);
	}
}

@-ms-keyframes flow7 {
	0% {
		left: 1800px;
		top: 0px;
	}

	38.5% {
		left: 1600px;
		top: -200px;
		opacity: 0;
		-webkit-transform: rotate(0deg);
		-webkit-transform: scale(0,0)
	}

	40.5% {
		opacity: 1;
	}

	43.5% {
		opacity: 1;
	}

	48.5% {
		left: 300px;
		top: 700px;
		opacity: 0;
		-webkit-transform: rotate(360deg);
		-webkit-transform: scale(1.2,1.2)
	}

	100% {
		left: 300px;
		top: 750px;
		opacity: 0;
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes sun {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes sun {
	0% {
		-moz-transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(360deg);
	}
}

@-ms-keyframes sun {
	0% {
		-ms-transform: rotate(0deg);
	}

	100% {
		-ms-transform: rotate(360deg);
	}
}

.detailsBottom img {
	text-indent: 0px;
}

.zixun {
	width: 115px;
	height: 270px;
	position: fixed;
	left: 0xp;
	top: 50%;
	margin-top: -135px;
	z-index: 1000;
}

.zixun .zxFo {
	width: 111px;
	height: 143px;
	background: url(../images/foxiang.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-animation: zixun 2s ease-in infinite;
	-moz-animation: zixun 2s ease-in infinite;
	-ms-animation: zixun 2s ease-in infinite;
}

.zixun .zxText {
	width: 52px;
	height: 161px;
	position: absolute;
	left: 30px;
	top: 110px;
	background: url(../images/zx.jpg) no-repeat;
}

.zixun a {
	display: block;
}

.zixun a:hover .zxText {
	background-position: -52px 0px;
}

@-webkit-keyframes zixun {
	0% {
		top: 0px;
	}

	50% {
		top: -5px;
	}

	100% {
		top: 0px;
	}
}

@-moz-keyframes zixun {
	0% {
		top: 0px;
	}

	50% {
		top: -5px;
	}

	100% {
		top: 0px;
	}
}

@-ms-keyframes zixun {
	0% {
		top: 0px;
	}

	50% {
		top: -5px;
	}

	100% {
		top: 0px;
	}
}

.footerNav a {
	color: #ff5420;
}

.pr {
	width: 500px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	clear: both;
	padding-left: 80px;
}

.contactClose {
	width: 100px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/shuwonIcon.png) no-repeat #f3ecf3;
	margin-top: -300px;
	margin-left: 240px;
	text-align: center;
	line-height: 30px;
	color: #3e3e3e;
	cursor: pointer;
}

.contactClose.closeCur {
	background-position: 0px -30px;
}

.Client {
	width: 1560px;
	height: auto;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.Client ul {
	width: 100%;
	height: 65px;
	padding: 25px 0px 0px 0px;
	border-bottom: 1px solid #333;
}

.Client ul li {
	width: 30%;
	height: 65px;
	float: left;
}

.Client ul li span {
	display: block;
	float: left;
	font-size: 60px;
	font-weight: bold;
	line-height: 65px;
}

.Client ul li div {
	float: left;
	line-height: 20px;
	width: 80px;
	height: auto;
	margin-left: 5px;
}

.Client ul li.clientCur span {
	color: #de4221;
}

.Client ul li a {
	width: 100%;
	height: 65px;
	display: block;
}

.Client ul li a:hover div {
	color: #3e3e3e;
}

.Client ul li a:hover span {
	color: #de4221;
}



.clinetNav {
	width: 100px;
	height: auto;
	position: fixed;
	right: 20px;
	top: 50%;
	margin-top: -230px;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	z-index: 500;
	display: none;
}

.clinetNav ul li {
	width: 100px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-bottom: 1px dotted #ccc;
}

.clinetNav ul li a {
	display: block;
	width: 100px;
	height: 35px;
	background: #ededed;
	font-size: 12px;
}

.clinetNav ul li a:hover,.clinetNav ul li a.clientNavCur {
	background: #3e3e3e;
	color: #fff;
}



.clientPage {
	width: 1200px;
	height: auto;
	overflow: hidden;
	padding: 50px 0px;
}

.clientPage li {
	width: auto;
	height: 37px;
	float: left;
	margin-right: 5px;
}

.clientPage li a {
	width: 35px;
	height: 35px;
	display: block;
	border: 1px solid #a0a0a0;
	line-height: 35px;
	text-align: center;
	font-size: 12px;
}

.clientPage li a:hover,.clientPage li a.pageActive {
	background: #2a2a2a;
	color: #fff;
}

.clientPage li a.clientPrev {
	width: 60px;
}

.holder {
	margin: 15px 0
}

.holder a {
	font-size: 12px;
	cursor: pointer;
	width: 27px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	display: block;
	float: left;
	margin-right: 10px;
	color: #333;
	background: url(../images/newspagebg.png) no-repeat;
	text-decoration: none
}

.holder a:hover {
	background: url(../images/newspagebg.png) -27px 0px no-repeat;
	color: #fff
}

.holder a.jp-previous {
	margin-right: 15px
}

.holder a.jp-next {
	margin-left: 15px
}

.holder a.jp-current,a.jp-current:hover {
	color: #FF4242;
	font-weight: bold
}

.holder a.jp-disabled,a.jp-disabled:hover {
	color: #bbb
}

.holder a.jp-current,a.jp-current:hover {
	cursor: default;
	background: url(../images/newspagebg.png) -27px 0px no-repeat;
	color: #fff
}

.holder a.jp-disabled,a.jp-disabled:hover {
	cursor: default;
	background: none
}

.holder span {
	margin: 0 5px
}

.caseStyle {
	width: 60px;
	height: 25px;
	position: absolute;
	right: 0px;
	top: 15px
}

@media screen and (max-width: 1550px) {
	.Client {
		width: 1180px;
		margin: 0 auto;
	}
}


.audio {
	width: 35px;
	height: 30px;
	position: absolute;
	left: 115px;
	bottom: 10px;
	overflow: hidden;
	border-radius: 5px;
	background: url(../images/play.jpg) no-repeat;
	cursor: pointer;
	z-index:1000000000000000000;
}
#shuwon{ position:relative; z-index:10000000000000000000000000000;}

.audio.auCur {
	background-position: -35px 0px;
}

.audio audio {
	margin-left: 50px;
	margin-top: 50px;
	opacity: 0;
}
.mpage{width:100%;height:715px;overflow:hidden; position:absolute; left:0px; top:0px; overflow:hidden; opacity:0.2;}
.anitOut{position:absolute;left:0;top:0;width:100%;height:715px;}
.snow{ width:131px; height:173px; position:absolute; left:50%; margin-left:250px; opacity:1; -webkit-transform:scale(1,1); top:400px;-webkit-animation: sAnimate 22s linear 1;-webkit-transform-origin: bottom center;}
.diwen{ width:100px; height:10px; border-radius:100px/10px; opacity:0.4; border:1px solid #FFF; position:absolute; left:50%; margin-left:850px; top:560px;-webkit-animation: dwAnimate 22s linear 1; opacity:0;}
.diwen2{ width:100px; height:10px; border-radius:100px/10px; opacity:0.4; border:1px solid #FFF; position:absolute; left:50%; margin-left:850px; top:560px;margin-left:550px;-webkit-animation: dwAnimate2 22s linear 1; opacity:0;}
.diwen3{ width:100px; height:10px; border-radius:100px/10px; opacity:0.4; border:1px solid #FFF; position:absolute; left:50%; margin-left:850px; top:560px;margin-left:250px;-webkit-animation: dwAnimate3 22s linear 1; opacity:0;}
@-webkit-keyframes dwAnimate {
	0%{-webkit-transform:scale(1,1); opacity:0;}
	17%{-webkit-transform:scale(1,1); opacity:0;}
	17.1%{-webkit-transform:scale(1,1); opacity:0.4;}
	19%{-webkit-transform:scale(1.5,1.5); opacity:0;}
	100%{-webkit-transform:scale(2,2); opacity:0;}
}
@-webkit-keyframes dwAnimate2 {
	0%{-webkit-transform:scale(1,1); opacity:0;}
	19%{-webkit-transform:scale(1,1); opacity:0;}
	19.1%{-webkit-transform:scale(1,1); opacity:0.4;}
	21%{-webkit-transform:scale(1.5,1.5); opacity:0;}
	100%{-webkit-transform:scale(2,2); opacity:0;}
}
@-webkit-keyframes dwAnimate3 {
	0%{-webkit-transform:scale(1,1); opacity:0;}
	21%{-webkit-transform:scale(1,1); opacity:0;}
	21.1%{-webkit-transform:scale(1,1); opacity:0.4;}
	23%{-webkit-transform:scale(1.5,1.5); opacity:0;}
	100%{-webkit-transform:scale(2,2); opacity:0;}
}
@-webkit-keyframes sAnimate {
	0% {margin-left:1150px; }
	15% {margin-left:1150px; top:300px;-webkit-animation-timing-function: ease-out;}
	16% {margin-left:1000px; top:300px;-webkit-animation-timing-function: ease-out;-webkit-transform:scale(1,1);}
	17%{ margin-left:850px; top:400px;-webkit-animation-timing-function: ease-in; -webkit-transform:scale(1,0.9);}
	18% {margin-left:700px; top:300px;-webkit-animation-timing-function: ease-out;-webkit-transform:scale(1,1);}
	19%{ margin-left:550px; top:400px;-webkit-animation-timing-function: ease-in;-webkit-transform:scale(1,0.9);}
	20%{ margin-left:400px; top:300px;-webkit-animation-timing-function: ease-out;-webkit-transform:scale(1,1);}
	21%{ margin-left:250px; top:400px;-webkit-animation-timing-function: ease-in;-webkit-transform:scale(1,1);}
	100% {
		-webkit-transform:scale(1,1);
		top:400px;
		margin-left:250px;
	}
}
.snow img{ position:absolute; left:0px;}
.snow .snowShadow{ bottom:-15px; left:15px;}
.snow .snower{-webkit-transform-origin: bottom center;-webkit-animation: snowAnimate 3s linear infinite;}
#snowEffct{ position:absolute;}
#snowEffct canvas { position:absolute; left:0% !important; top:0px; height:710px !important; width:1920px !important; }
@-webkit-keyframes snowAnimate {
	0% {
		-webkit-transform:rotate(-3deg);
	}

	50% {
		-webkit-transform:rotate(3deg);
	}

	100% {
		-webkit-transform:rotate(-3deg);
	}
}
.spinner {
  width: 60px;
  height: 60px;
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-30px;
  margin-left:-30px;
}
 
.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
   
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
 
.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
 
@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}



.dlWj2{ width:89px; height:81px;left:50%; margin-left:-575px; background:url(../images/dl2.png); position:absolute; bottom:140px;-webkit-animation: mz4 22s ease 1;}
@-webkit-keyframes mz4 {
	0% { -webkit-transform: rotate(360deg); margin-left:-1200px;}
	20% { -webkit-transform: rotate(360deg); margin-left:-1200px;}
	24% {margin-left:-575px;-webkit-transform:rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);margin-left:-575px;}
}
.dlWj{ width:78px; height:73px; left:50%; margin-left:-600px; background:url(../images/dl1.png); position:absolute; bottom:150px;-webkit-transform: rotate(360deg);-webkit-animation: mz3 22s ease 1;}
@-webkit-keyframes mz3 {
	0% { -webkit-transform: rotate(360deg); margin-left:-1200px;}
	21% { -webkit-transform: rotate(360deg); margin-left:-1200px;}
	25% {margin-left:-600px;-webkit-transform:rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);margin-left:-600px;}
}

@-webkit-keyframes buluo {
	0% { top:900px;}
	4% { top:900px; -webkit-transform:rotate(90deg);}
	6% {top:280px;}
	7%{-webkit-transform:rotate(0deg);}
	8% {top:300px; }
	100% {top:300px;}
}

.bp{ width:112px; height:159px; margin-left:-510px; margin-top:-55px; position:absolute; left:50%; top:50%; background:url(../images/bianpao.png); -webkit-animation:bpAnimate 22s ease 1; opacity:1;}
@-webkit-keyframes bpAnimate {
	0%{ opacity:0; -webkit-transform:scale(0,0);}
	10%{ opacity:0; -webkit-transform:scale(0,0);}
	11.5%{ opacity:1; -webkit-transform:scale(1.4,1.4);}
	12.5%{ opacity:1; -webkit-transform:scale(1,1);}

	13%,14%,15%,16%,17%,21%,22%,23%,24%,25%{background:url(../images/bianpao1.png);}
	13.5%,14.5%,15.5%,16.5%,17.5%,21.5%,22.5%,23.5%,24.5%,25.5%{background:url(../images/bianpao.png);}
	100%{ opacity:1; -webkit-transform:scale(1,1);}
}
#newCase{ width:90%; height:auto; overflow:hidden; padding:50px 5% 150px 5%;}
#newCase ul li{ width:25%; height:40px; float:left; line-height:40px; overflow:hidden;}
#newCase ul li b{ margin-right:10px;}
@media screen and (max-width: 1180px) {
	.Client {
		width: 780px;
		margin: 0 auto;
	}
	#newCase ul li{ width:50%;}
}
@media screen and (max-width: 350px) {
	#newCase ul li{ width:100%;}
}


.animate{ -webkit-transition-duration: .5s; -moz-transition-duration: .5s;transition-duration: .5s;}
.testA{ width: 1050px; height: 274px; margin: auto; background: url(../images/footerBg.jpg) no-repeat;}
.borderImg{ width: 100%; height: auto;}
.borderImg img{ display: block; width: 100%;}
.testNews{ width: 80%; height: auto; position: relative; overflow: hidden;  margin-left: 10%; margin-bottom: 25px; margin-top:25px;}
.testNews ul li{ width: 25%; height: 600px; float: left; position: relative; background:#fff;}
.testNews ul li .bgs{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;   background-size: cover; opacity: 0; background: #000 url(../images/11.jpg) no-repeat; background-size: cover;}
.testNews ul li .bgColor{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #000000; opacity: 0;filter:alpha(opacity=0);}

.testNews ul li .nBox{ width: 80%; height: 300px; position: absolute; left: 10%; top: 50%; margin-top: -150px;}
.testNews ul li .nBox .date{ width: 100%; line-height: 30px; font-size: 14px; opacity: .5;}
.testNews ul li .nBox .title{ width: 100%; line-height: 24px; font-size: 18px;}
.testNews ul li .nBox .des{ width: 100%; line-height: 20px; font-size: 12px; opacity: .6; margin-top: 35px;}
.testNews ul li a{ display: block; width: 100%; height: 100%; position: absolute;}
.testNews ul li a:hover .bgs{ opacity: 1;}
.testNews ul li a:hover .bgs img{ opacity:0.7;}
.testNews ul li a:hover .bgColor{ opacity:0.5;filter:alpha(opacity=50);}
.testNews ul li a:hover{ color: #fff;}
.testNews ul li a:hover .nBox{ margin-top: 0px;}
.testNews ul li a:hover .nBox .date{ font-size: 24px;}
.bobo{ width: 30px; height: 80px; position: absolute; top: 50%; margin-top: -40px; cursor: pointer;}
.bobo.pp{ left: -30px; background: url(../images/pp.jpg) center top no-repeat;}
.bobo.nn{ right: -40px;  background: url(../images/nn.jpg) center top no-repeat;}
.testNews:hover .bobo.pp{ left: 0px;}
.testNews:hover .bobo.nn{ right: 0px;}
.bumpy-char {
    line-height: 2em;
    position: relative;
    
}
.footer{ background:#333; color:#aaa;}
.footerList{
	max-width: 1000px;
	height: auto;
	margin: auto;
	overflow: hidden;
	opacity: .8;
	line-height: 24px;
	padding: 50px 0px;
}
.footerList ul li{
	width: 225px;
	padding-right: 25px;
	height: auto;
	float: left;
}
.footerList ul li .footerTop{
	margin-bottom: 25px;
}
.footerList ul li a{
	margin-top: 15px;
	display: block;
	line-height: 20px;
}
.footerList ul li a span{
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(../images/newMapIcon.png) no-repeat;
	background-size: cover;
	float: left;
	opacity: .5;
}
.newCp{
	width: 80%; background:#000;
	padding: 20px 10%;
	height:24px;
	font-size: 12px;
	opacity: .6;
	line-height: 24px;
	text-align: right;
	
}
.newCp .a{
	padding: 0px 15px;
	position: relative;
	
	
	float: right;
}
.newCp b{
	position: relative;
	padding: 0px 15px;
	overflow: hidden;height:24px; line-height:24px; display:inline-flex;text-align:left; margin-left:10px;background:url(../images/beian.png) no-repeat left 2px; background-size:20px; padding-left:30px;
}
.newCp b img{
	position: absolute;
	top: -40px;
	left: -50px;
	display: none;
}
.newCp b:hover img{
	display: block;
}
.newCp .a span{
	width: 1px;
	height: 10px;
	/*position: absolute;
	right: 0px;
	top: 2px;*/
	background: #3E3E3E;
	display: inline-block; margin-left:15px;
}
.mobleNav{
	width: 100%;
	height: 50px;
	position: fixed;
	left: 0px;
	top: 0px;
	background: #3E3E3E;
	display: none;
	z-index: 100;
}
.mobleNav h1{
	height: 10px;
	width: 78.5px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
.mobleNav h1 img{
	display: block;
	width: 100%;
}
.mobleNav .breadNav{
	width: 50px;
	height: 50px;
	float: right;
	position: relative;
}
.mobleNav .breadNav span{
	width: 20px;
	height: 2px;
	display: block;
	position: absolute;
	left: 15px;
	top: 18px;
	background: #FFFFFF;
}
.mobleNav .breadNav span.s2{
	top: 25px;
}
.mobleNav .breadNav span.s3{
	top: 32px;
}
.mobleNav .breadNav.active span{
	opacity: 0;
}
.mobleNav .breadNav.active span.s2{
	-webkit-transform: rotate(45deg);
	opacity: 1;
	top: 28px;
}
.mobleNav .breadNav.active span.s3{
	-webkit-transform: rotate(-45deg);
	opacity: 1;
	top: 28px;
}
.mobleSlide{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 50px;
	display: none;
}
.mobleSlide .slideBg{
	 width: 100%;
	 height: 100%;
	 background: #000;
	 opacity: .5;
}
.slideNav{
	width: 100%;
	height: auto;
	line-height: 50px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}
.slideNav a{
	display: block;
	background: #3E3E3E;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	display: block;
	line-height: 50px;
	height: 50px;
	border-bottom: 1px solid #3c3c3c;
	border-top: 1px solid #2a2a2a;
}
.joinBar{
	width: 140px;
	height: 73px;
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 100;
}
/*首页3d*/
.stars {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  width: 2px;
		  height: 2px;
		  box-shadow: -447px 387px #c4c4c4, -401px 118px #fafafa, -109px 217px #d9d9d9, -680px -436px #e3e3e3, 514px 360px #cccccc, -708px 298px #e8e8e8, -696px -270px #ededed, 116px -128px #f7f7f7, 179px 35px white, -404px -90px whitesmoke, -331px -309px #c4c4c4, -363px -24px #d1d1d1, 277px 416px #fafafa, -145px -244px whitesmoke, 123px 62px #d4d4d4, -407px 418px #d9d9d9, 535px 237px #d9d9d9, -466px -78px #f7f7f7, 257px 287px #dedede, 327px -398px #e0e0e0, -602px -38px #c2c2c2, 128px 398px #e6e6e6, 274px -446px #d1d1d1, -602px -298px #c7c7c7, 526px -5px #c4c4c4, -90px -158px #fcfcfc, 5px 294px whitesmoke, -633px 229px #c4c4c4, -475px 427px #dedede, 586px -453px #f2f2f2, 180px -432px #c7c7c7, -637px -88px #cfcfcf, -453px 308px #d6d6d6, -111px 1px #d9d9d9, 573px -450px #ededed, 198px 300px #d6d6d6, -355px 166px #dedede, -715px 13px #e3e3e3, 262px -104px #d1d1d1, 147px 325px #dbdbdb, 1px 399px #dbdbdb, 286px -100px white, 43px -329px #e8e8e8, 617px 55px #d9d9d9, -168px -392px #cccccc, 84px 219px #c9c9c9, 507px -226px #d9d9d9, -327px -70px #e6e6e6, 386px -212px #c4c4c4, -717px 4px #cfcfcf, 502px -231px #e3e3e3, 302px 56px #ededed, 649px 341px #c7c7c7, 569px 350px #c9c9c9, 516px -31px #e6e6e6, 689px 447px #c2c2c2, 591px -206px #fafafa, 422px -137px #e6e6e6, -510px -324px #cccccc, -649px 287px #c2c2c2, -194px -48px #f7f7f7, -279px -329px #d1d1d1, -406px 478px #dbdbdb, -735px -87px #c9c9c9, 30px -197px #dedede, -564px 233px #e6e6e6, -486px -324px #ededed, -54px -7px #ededed, -441px -194px #e3e3e3, -133px -95px #e0e0e0, -722px -73px #d6d6d6, 595px 423px #ededed, 568px -39px #ededed, 370px 377px #d1d1d1, -419px -102px #fcfcfc, -450px 109px #c4c4c4, -57px -119px #d1d1d1, -582px 150px #e6e6e6, 206px -263px #cfcfcf, 582px -461px #c9c9c9, -268px -141px #d9d9d9, -148px 291px #c7c7c7, 254px -179px #c9c9c9, 725px 424px #f0f0f0, 391px -150px #ebebeb, 89px -299px #d4d4d4, 170px 1px #c9c9c9, 243px 209px #c7c7c7, 27px 460px #c9c9c9, -465px -380px #d4d4d4, 530px -360px whitesmoke, -626px 53px #e0e0e0, 706px 218px #d9d9d9, 40px -82px #cccccc, -5px -212px #e6e6e6, -742px 33px #ebebeb, -714px 478px #e0e0e0, -585px -125px #cccccc, -216px 348px #cfcfcf, 601px 332px #ededed, 344px -88px #c4c4c4, 659px -22px #d1d1d1, -411px 188px #d6d6d6, -423px -206px #fcfcfc, -359px -136px #cfcfcf, 612px 406px whitesmoke, 725px 96px whitesmoke, 363px -446px white, -204px 325px #c9c9c9, 740px 176px #fafafa, -489px -352px white, -638px 64px #dbdbdb, 537px -65px #dbdbdb, 151px -32px #ebebeb, 681px 212px #fcfcfc, 604px -149px #e6e6e6, -542px -398px #c4c4c4, -707px 66px whitesmoke, -381px 258px #cfcfcf, -30px 332px #d6d6d6, 512px -381px #c9c9c9, 195px 288px #cccccc, -278px 479px #c7c7c7, 27px -208px #d6d6d6, -288px 15px white, -680px 248px #dedede, 433px 31px #c9c9c9, 150px -206px #d4d4d4, -79px 247px white, -594px 115px #e0e0e0, 99px 292px #e0e0e0, 673px -269px #dedede, -257px -64px #d1d1d1, 449px 81px #f2f2f2, 18px -99px #d1d1d1, -694px 415px #f7f7f7, 240px 264px #e0e0e0, 450px -172px white, 383px 7px #e8e8e8, 338px -73px #c9c9c9, 291px -19px #ebebeb, 659px 137px #d1d1d1, 602px -6px #fcfcfc, 554px 249px #ebebeb, 625px 356px #d9d9d9, 579px -183px #d6d6d6, -20px 250px white, -401px 431px #c4c4c4, -645px -232px #cccccc, -265px -148px white, 553px 258px #d1d1d1, 166px -360px #ebebeb, 719px 51px #ededed, 612px -129px #ebebeb, -465px -104px #f2f2f2, -154px -121px #d9d9d9, -1px 330px #f2f2f2, -666px 248px #f7f7f7, -720px 264px #ededed, 148px -365px #e6e6e6, -388px -349px #c4c4c4, 128px -88px #e3e3e3, -683px -274px #fafafa, -341px 41px #c9c9c9, -59px -471px #f0f0f0, -3px -427px #c2c2c2, 418px 167px #d6d6d6, 343px 247px #c7c7c7, 623px -347px #d1d1d1, 716px -217px white, 243px -409px whitesmoke, -75px -126px #d6d6d6, -730px -91px #c9c9c9, -210px -397px #cfcfcf, -349px 180px #c9c9c9, -567px -281px #e0e0e0, -460px 381px #fcfcfc, -310px -22px #ededed, 450px -1px #dbdbdb, -405px -328px #e3e3e3, 5px 332px #d6d6d6, -294px 302px #fcfcfc, -398px 97px whitesmoke, -696px 325px #cfcfcf, -589px 110px #d6d6d6, 353px -411px #dbdbdb, -697px -318px #ebebeb, -114px -72px #f0f0f0, 259px -193px #fcfcfc, 60px 26px #e6e6e6, -63px -232px white, 205px -372px #f7f7f7, -464px -333px #f2f2f2, -374px 123px white, -377px -386px #c7c7c7, -80px 337px #cccccc, 478px -178px #dbdbdb, 222px 420px #ebebeb, -707px 99px #c4c4c4, 716px -132px #fafafa, -253px -286px #e3e3e3, 646px 178px #f0f0f0, 201px 24px #d1d1d1, 178px -58px #c7c7c7, -557px 368px #ededed, 0px 219px #d9d9d9, -266px -269px #cccccc, 242px -197px #c9c9c9, -419px 193px #c2c2c2, -47px 91px #c7c7c7, -109px 75px #c2c2c2, -146px -453px #d6d6d6, 671px -350px #f2f2f2, 421px -91px #d9d9d9, 738px 19px #ededed, -316px -155px #dedede, 419px 244px #fcfcfc, -278px -418px #d6d6d6, -581px -181px #fcfcfc, 139px 264px #d9d9d9, 691px -11px #ebebeb, -622px 402px #c2c2c2, 219px 396px #f0f0f0, -149px -423px white, -716px -78px #d9d9d9, -590px 341px #e6e6e6, -208px 79px #d6d6d6, -227px -24px #f7f7f7, 239px 262px #d1d1d1, 740px 443px #f7f7f7, 509px 134px #d6d6d6, -555px 232px #e8e8e8, -67px -427px #cfcfcf, -368px 250px #f7f7f7, 715px -415px #fafafa, 411px -301px #f0f0f0, -322px 287px #d9d9d9, -429px -90px #f2f2f2, -327px -387px #f0f0f0, -491px 183px #c2c2c2, -133px 250px #d4d4d4, 538px 139px #e3e3e3, -417px -125px #f0f0f0, 653px -351px #e6e6e6, -549px 38px #d4d4d4, 602px 110px whitesmoke, 415px 105px #e0e0e0, -733px -371px #cfcfcf, 286px 403px #d4d4d4, 11px 320px #c4c4c4, -597px 158px whitesmoke, 716px -350px whitesmoke, 321px 67px #fafafa, -237px -300px #cfcfcf, 74px 152px #c9c9c9, 587px -123px #fcfcfc, 699px -332px whitesmoke, 399px 355px #f7f7f7, -323px 314px #dbdbdb, 89px 416px #c7c7c7, 445px 38px #e3e3e3, 572px 122px #c4c4c4, -258px 372px white, 49px 306px #d9d9d9, 437px -35px #dedede, 566px 174px #f2f2f2, 732px -299px whitesmoke, -410px 394px #ededed, 131px -415px white, 19px -326px #e8e8e8, -700px -188px #d1d1d1, 96px -1px #e0e0e0, -328px -396px #f0f0f0, -117px -214px #fcfcfc, -53px 261px #ebebeb, 80px 134px #d6d6d6, -364px -216px white, -636px -125px #dbdbdb, -639px -265px #e3e3e3, 208px 98px #c7c7c7, 172px 467px #e0e0e0, 435px 309px #e3e3e3, 194px -259px #f0f0f0, 209px -186px #c9c9c9, -312px 418px #fafafa, 229px 407px #c9c9c9, -449px -357px #fafafa, 674px 121px #e8e8e8, 608px -429px #ebebeb, -431px -428px #cfcfcf, 105px 462px #e3e3e3, -179px -372px #e3e3e3, 143px -317px #d6d6d6, -449px -149px #fafafa, -544px 250px #dedede, -220px -323px whitesmoke, 658px 8px whitesmoke, -656px -244px #e8e8e8, 347px 11px whitesmoke, 694px -230px #f7f7f7, -317px 1px #c4c4c4, 28px 23px #fcfcfc, -382px 321px #dbdbdb, 632px -74px #c4c4c4, 154px -245px #c2c2c2, -553px 337px #d6d6d6, -48px -243px #d1d1d1, 92px -391px #cccccc, -71px -256px #cfcfcf, -372px 57px #d9d9d9, 369px -140px #fcfcfc, 675px 81px #c2c2c2, -663px 254px #cccccc, 703px -203px #ededed, 74px -363px #c2c2c2, 643px -458px #d1d1d1, 198px 359px #cccccc, 265px 309px #d4d4d4, -353px -368px #e8e8e8, -465px 439px whitesmoke, 693px 360px #c9c9c9, 634px -397px #d1d1d1, 467px 25px whitesmoke, -558px -272px #e6e6e6, 671px 69px #dbdbdb, 407px 357px #cfcfcf, 379px 80px white, 10px -203px #c9c9c9, 104px -292px #f0f0f0, -667px -29px #d1d1d1, 557px -155px #e6e6e6, -505px 115px #cfcfcf, -605px 164px #f2f2f2, -108px -223px #e0e0e0, 523px -156px #ebebeb, 691px 230px white, -507px -13px #d1d1d1, -349px 332px #dedede, 520px 266px whitesmoke, -66px -250px #e6e6e6, -496px -449px #ebebeb, 414px -170px #dedede, -649px 230px #ebebeb, 598px -92px #c7c7c7, -638px 113px #c2c2c2, 151px 363px #f7f7f7, -445px -241px #f0f0f0, 527px -14px #dedede, 203px -61px #cfcfcf, -716px -284px #ebebeb, -525px 134px #c2c2c2;
		  
		  animation: fly 3s linear infinite;
		  -webkit-animation: fly 3s linear infinite;
		  -moz-animation: fly 3s linear infinite;
		  
		  transform-style: preserve-3d;
		  -webkit-transform-style: preserve-3d;
		  -moz-transform-style: preserve-3d;
		}
		.stars:before, .stars:after {
		  content: "";
		  position: absolute;
		  width: inherit;
		  height: inherit;
		  box-shadow: inherit;
		}
		.stars:before {
		  transform: translateZ(-300px);


		  -webkit-transform: translateZ(-300px);
		  -moz-transform: translateZ(-300px);
		  
		  opacity: .6;
		}
		.stars:after {
		  transform: translateZ(-600px);
		  -webkit-transform: translateZ(-600px);
		  -moz-transform: translateZ(-600px);
		  opacity: .4;
		}

		@keyframes fly {
		  from {
		    transform: translateZ(0px);
			-webkit-transform: translateZ(0px);
			-moz-transform: translateZ(0px);
		    opacity: .6;
		  }
		  to {
		    transform: translateZ(300px);
			-webkit-transform: translateZ(300px);
			-moz-transform: translateZ(300px);
		    opacity: 1;
		  }
		}
/*12-27*/
.mt40{ margin-top:40px !important;}
.mt0{ margin-top:0px !important;}
.w80{ width:80%; margin:0 auto;}
.overflow-hidden{ overflow:hidden;}
.leixing-w{ padding:50px 0 100px 0;}
.leixing{ width:80%; margin:0 auto; padding-bottom:40px}
h1.title{ text-align:center; font-size:40px; font-weight:normal; margin-bottom:60px; margin-top:20px;}
h1.title p{ font-size:16px; color:#666;}
.leixing ul li{ float:left; width:22%; text-align:center; border:1px #eee solid; margin:0 1.5%; box-sizing:border-box;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);cursor: pointer;transition: all 200ms ease-in-out;}
.leixing ul li:hover{ transform: translate(0,-20px);box-shadow: 0px 10px 20px rgba(71, 124, 208, 0.2);}
.leixing ul li img{-webkit-animation: el-pop-in 0.5s forwards; -moz-animation: el-pop-in 0.5s forwards; -ms-animation: el-pop-in 0.5s forwards; animation: el-pop-in 0.5s forwards;}

.leixing ul li p.title{ font-size:18px; margin-bottom:10px;}
.leixing ul li p.des{ color:#999;}
#top .slogan{ z-index:999; bottom:0; top:20%; left:auto; right:20%;}
.baom{ position:absolute; top:40%; right:20%; z-index:999; width:500px; background:rgba(16,111,163,.4)}
.baom .title{ padding:10px 10px; background:#106fa3; color:#fff; font-size:16px;}
.baomn{ padding:20px 0;}
.baomn .top{ text-align:center; padding:15px 0;}
.baomn .top a{ width:108px; height:35px; line-height:35px; background:#fff; margin:0px 5px; border-radius:5px; display:inline-block; text-align:center; border:1px #fff solid;}
.baomn .top a.current{ background:url(../images/bg-hover.png) no-repeat right #fff; color:#fe5627; border:1px #fe5627 solid;}
.baom-table tr td{ padding:5px 20px;}
.baom-txt{ height:40px; line-height:40px; border-radius:5px; width:100%; padding:0 10px; box-sizing:border-box; margin-top:20px;}
.baom-btn{ width:100%; height:40px; background:#106fa3; color:#fff; border-radius:5px; margin-top:10px; cursor:pointer; font-size:16px;}
.baom-btn:hover{/* border:1px #fe5627 solid;*/ background:#1881bb;}
/*作品*/
.fenlei{ text-align:center; margin-bottom:40px;}
.fenlei a{ display:inline-block; padding:8px 10px; border:1px #eee solid; margin:0 3px; background:#666; color:#fff; border-radius:5px;}
.fenlei a.current,.fenlei a:hover{ background:#106fa3;}
/*动态*/
.news-list ul li{ width:21%;}
.news-list ul li .name{ height:50px; line-height:24px;}
.news-list ul li .name p{ top:10px;}
.news-list ul li .title{ height:24px;display:block; white-space:nowrap; text-overflow: ellipsis;overflow:hidden;}
/*新闻详情*/
.ny-ban{ position:relative; height:400px; /*background:url(../images/customerbg.jpg) no-repeat center;*/ font-size:16px; color:#fff;}
.ny-ban img{ position:absolute; left:50%; margin-left:-960px;}
.ny-bann{ padding-top:300px;}
.ny-ban p{ font-size:40px; font-weight:bold;}
.new-xql{ width:100%;}
.new-xql .title{ font-size:24px; border-bottom:1px #dedede dashed; padding-bottom:20px;}
.new-xql .title p{ font-size:14px; color:#999;}
.new-xqln{ line-height:28px; padding:20px 0;}
.new-xqln img{ max-width:100%;}
.new-xqr{ width:25%; padding:0; margin:0;}
.new-xqr h1.title{ height:40px; line-height:40px; background:#106fa3; color:#fff; text-align:center; font-size:20px; margin-bottom:20px;}
.new-xqr ul li{ width:100%;}
/*折叠起来的导航样式*/
.mainnav1{ position:fixed; top:0px; left:0; width:100%; display:none; background:rgba(0,0,0,.8); padding:0 !important;}
.mainnav1 a{ display:block; border-top:1px #444647 dashed; padding:10px 10px;}
.close{ float:right; display:inline-block !important; text-decoration:none;}


/*2017-05-19*/

.holding {
	width: 70%;
	padding:4% 15%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
.holding ul li{ border:1px #ddd dashed; text-align:center; padding:20px; background:#eee; border-radius:10px;
	width: 23%;
	height: auto;
	float: left;
	margin:0 1%;
	margin-bottom: 50px;
	overflow: hidden; box-sizing:border-box; font-size:16px;
}
.holding ul li a{ display:block;}
.holding ul li img{ width:80px;}
.holding ul li p{display:block; white-space:nowrap; text-overflow: ellipsis;overflow:hidden;}
/*企业概况*/
.mb40{ margin-bottom:40px;}
.about-gy{ width:1140px; margin:0 auto; max-width:100%;}
.about-gy img{ max-width:100%;}
.title-h1{ font-size:30px; text-align:center;}
.about-js{ background:#fafafa; padding:70px 0; width:100%;}
.about-jsn{ line-height:30px; font-size:14px; margin-top:35px;}
.about-gn{ padding:80px 0; line-height:24px;}
.about-gn .title-h1{ margin-bottom:80px;}
.about-gnl{ width:411px; text-align:right; padding-top:10px;}
.about-gn h2{ font-size:18px; font-weight:normal;}
.about-gn p{ color:#666;}
.about-gnm{ margin-left:30px; width:213px; margin:0 auto;}
.about-gnr{ text-align:left;}
.index-js{ padding:80px 0 40px 0;}
.about-ln{ height:420px; background:url(../images/about-yf1.jpg) no-repeat center; color:#fff; line-height:30px;}
.about-lnn{ padding-left:60%; text-align:left; margin:0 auto; padding-top:120px;}
.about-lnn h1{ font-size:24px; font-weight:normal;}
.about-lnn p{ font-size:14px; margin-top:10px;}


/**/
.qingwang-ul li{ line-height:30px; margin-bottom:10px;}
.qingwang-ul li span{ width:10px; height:10px; display:inline-block; background:#fd6f33; margin-right:10px;}
.qingwang-ul li b{ font-size:18px; color:#0e647c;}
.qingwang-des{ width:50%;}
.qingwang-ull{ padding-bottom:10%; overflow:hidden;}
.qingwang-ull li{ float:left; width:50%; padding:0 2% 0 0; box-sizing:border-box; margin-top:20px;}
.qingwang-ull li .float-left,.qingwang-ull li .float-right{ width:50%; padding-right:4%; box-sizing:border-box;}
.qingwang-ull li .float-right h1{ font-size:20px; color:#0e647c;}
.qingwang-ull li p.zhiwei{ font-size:16px; margin-bottom:10px;}
.qingwang-ull li p{ font-size:12px;}
.qingwang-ull li h2{ font-size:16px; font-weight:bold; margin-top:10px;}
.qingwang-des1{/*background:url(../images/about-qw2.jpg) no-repeat 0 top;min-height:390px; background-size:cover; */ background:url(../images/qw16.jpg) no-repeat;padding-top:50px;}
.ruanlan_des{ padding-top:30px;}
.ruanlan-ul{ padding-left:45%;}
/**/
.hongbo { padding:0 10%; overflow:hidden;}
.hongbo dl{ float:left; margin:1%; width:46%; background:#35928a; text-align:left; padding:2% 3%; box-sizing:border-box; color:#fff; position:relative; padding-left:80px;}
.hongbo dl dt{ float:left; margin-right:20px; height:75px; position:absolute; top:80px; left:20px;}
.hongbo dl dt img{ width:40px;}
.hongbo dl dd h1{ margin-bottom:10px; font-size:18px;}
.hongbo dl dd p{ line-height:24px;}
.hongbo-des{ width:50%; line-height:30px;}

.about-baizhin .p01{ text-align:center; line-height:30px; padding:70px 0;}
.about-baizhin2 h1{ font-size:30px; text-align:center; color:#000; margin-bottom:30px; font-weight:normal;}
.about-baizhin2 h1 p{ font-size:14px; color:#999;}
.about-baizhin2 ul li{ float:left; width:33%; padding:2%; box-sizing:border-box;}
.about-baizhin2 ul li .float-left{ width:25%;}
.about-baizhin2 ul li .float-left img{ width:100%;}
.about-baizhin2 ul li .float-right{ width:70%;}
.about-baizhin2 ul li .float-right h1{ font-size:30px; color:#000; text-align:left; margin-bottom:0;}
.about-baizhin2 ul li .float-right p.p01{ font-size:18px; color:#000; margin-bottom:10px;}
.about-baizhin2 ul li .float-right p{ font-size:12px; color:#999;}
.about-baizhin3{background:#eeeeee; padding:40px;}
.ruanlan_des{ background:url(../images/ruanlan2.png) no-repeat left; min-height:260px;}
.ruanlan-fanwei{ width:100%;}
.ruanlan-fanwei ul li{ float:left; width:21%; margin-bottom:10px;}
.ruanlan-fanwei ul li img{ margin-bottom:15px;}

.qingwang-xiangm h2{ text-align:center; background:#fafafa; font-size:24px; padding:20px 0; color:#666;}
.qingwang-xiangm h2 span{ display:block; font-size:12px; color:#999; font-weight:normal;}
.qingwang-xiangm h2 p{ font-size:14px; color:#999; font-weight:normal;}
.qingwang-xiangmb h1{ font-size:24px; margin-top:30px;}
.qingwang-xiangmb h1 span{ display:inline-block; background:#666; padding:0 10px; color:#fff; margin-left:130px;}
.qingwang-xiangm ul{ background:url(../images/qw12.png) repeat-y -2px; margin-bottom:20px;}
.qingwang-xiangm ul li{ padding-left:130px; overflow:hidden; padding-top:10px; padding-bottom:10px; }
.qingwang-xiangm ul li h1{ font-size:18px; margin-bottom:15px; margin-top:10px;}

.qingwang-xiangm{ margin-top:40px;}

.contain {
	width: 70%;
	padding:2% 15%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
/*合作单位*/
.parner{background:url(../images/parter.jpg) no-repeat center; width:60%; padding:4% 20%;}
.parner-table{ text-align:center;}
.parner-table tr td{ padding:5px;}
.parner-table tr td img{ max-width:100%;}
/*运营项目*/
.ny-ban-sj{ display:none;}
.xiangmu1-list1 ul li{ float:left; width:48%; margin:1%; border:0; background:none; color:#fff; min-height:150px; padding:50px 30px;}
.xiangmu1-list1 ul li h1{ font-size:18px; margin-bottom:15px;}
.xiangmu1-list2{ background:#f9fdff;}
.xiangmu1-list2 ul li{ border-bottom:1px #9dcfea dashed; overflow:hidden; padding:50px;}
.xiangmu1-list2 ul li img{ max-width:100%;}
.xiangmu1-list2lil{ width:40%;}
.xiangmu1-list2lir{ width:55%; padding-top:80px; font-size:16px;}
.xiangmu1-list2lir h1{ font-size:30px; margin-bottom:15px;}
.xm3{ background:url(../images/xm3bg.png); overflow:hidden;}
.xm3-ul01 li{ border-left:1px #817e71 solid; padding-left:70px; position:relative; line-height:30px; padding-bottom:80px;}
.xm3-ul01 li.li01{background:url(../images/xm301.png) no-repeat right bottom 80px; min-height:400px;}
.xm3-ul01 li span{ position:absolute; left:-10px; width:20px; height:20px; background:#817e71; display:inline-block;}
.xm3-ul01 li h1{ font-size:30px; text-decoration:underline; margin-bottom:10px;}
.xm3-title{ background:rgba(122,48,11,.2); text-align:center; padding:15px 0;}
.xm3-title img{ max-width:100%;}
.xm3n{ background:url(../images/xm3bgg.png) no-repeat bottom; background-size:100%; overflow:hidden; padding-bottom:100px;}
.xm3-ul02 li{ float:left; width:33.3%; padding:0 5%; box-sizing:border-box;}
.xm3-ul02 li img{ width:100%;}

/*11-10*/
.service-leixing{ width:100% !important;}
.service-leixing ul{ margin-top:60px;}
.service-leixing ul li{ width:16%; min-height:310px;box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.02);cursor: pointer;transition: all 200ms ease-in-out;}
.service-leixing ul li:hover{transform: translate(0,-20px);box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04);}
.about-ban p{ width:70%; margin:0 auto; margin-top:-50px;}
.about-ban p a{ display:inline-block; padding:10px 15px; background:#469ca5; color:#fff; margin-right:10px; border-radius:10px; font-size:16px;}
.zhengshu{ width:100%; text-align:center;}
.zhengshu img{ width:80%; margin:0 auto;}
.more-a{display:inline-block; padding:5px 20px; border:1px #91d4f9 solid; border-radius:5px; color:#91d4f9; margin:0 auto;}
.more-a:hover{ color:#fff; background:#91d4f9;}
/*2019-11-8*/
.dingw{ position:relative}
.dingw .case-info{position:absolute; left:0; top:0; width:100%; height:100%; padding:15px; box-sizing:border-box; color:#fff; background:url(../images/case_bg.png) repeat; display:none;}
.dingw .case-info h1{ width:240px; margin:0 auto; margin-bottom:5px; padding-top:40px; font-size: 25px; text-align:center; -webkit-filter: blur(10px); font-weight: normal;}
.dingw .case-info p{ line-height:21px; padding:0 10%; padding-top:5px;  overflow:hidden}
.dingw .case-info h1{
	-moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0; 
	-webkit-filter: blur(10px);}
.dingw:hover .case-info{ display:block;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
	
.dingw:hover .case-info h1{ 
	-moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
	opacity: 1;
	-webkit-filter: blur(0px);
	-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;
	}
.holding a:hover{ color:#333}
.index-about{ background:url(../images/aboutbg.jpg) no-repeat center; color:#fff;padding:8% 15%}
.about-con{ padding-left:55%;}
.about-con h1{ font-size:20px}
.about-con p{ margin-top:20px; line-height:28px;}
#top{ height:100vh}
.yw-title{ background:#f5faf7; padding:10px 5px 5px 5px;}
.yw-title p{ font-size:14px !important;}
.leixing ul li .des{ padding:10%; color:#333; line-height:30px; background:url(../images/ywbg.png) no-repeat right bottom; min-height:320px; box-sizing:border-box}
.leixing ul li img{ width:40px;}
.leixing ul li:hover .yw-title{ background:#222; color:#fff; font-weight:bold}
.holding ul li:hover{ box-shadow:0 2px 5px rgba(51,51,51,.2);}
.yw-title * {
	-webkit-transition: all .3s;
	-o-transition: all .3s;/* transition:all .3s */
}
.yw-title .icon-c {
	margin:0 auto;
	height: 40px; width:40px;
	text-align: center;
	
	position: relative
}
.yw-title .icon-c .poa {
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	opacity: 0
}
.yw-title img {
	margin: 0 auto
}
.leixing ul li:hover .icon-c {
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}
.leixing ul li:hover .icon-c .icon {
	opacity: 0
}
.leixing ul li:hover .icon-c .poa {
	opacity: 1
}
.contact-list ul li{ position:relative; background:none; width:29%; height:169px;  margin:0 2%; border:1px #cacaca solid; padding:2% 0 2% 2%; text-align:center; box-sizing:border-box}
.contact-list ul li dl dt{margin-top:5px;}
.contact-list ul li dl img.ewmm{ width:100px}
#top .slogan{ left:25% !important; top:30% !important}

.zzx-left{ width:60%; float:left; text-align:left !important}
.zzx-right{ width:30%; float:right; padding:70px 0}
.zzx-right img{}
.zhiz-ul li{ width:29.3%; margin:2%; min-height:174px; background:#fff; float:left; text-align:center; padding:20px; box-sizing:border-box}
.zhiz-ul li h3{ font-size:18px;}
.shim{ padding:100px 0 50px 0;}
.shim ul{ margin-top:50px;}
.shimw{background:url(../images/shimbg.png) center no-repeat; background-size:100% 100%;}
.price-imgg{ display:block}
.price-img{ display:none}
.price-title{ background:#e6ebf3; line-height:40px; font-size:18px; margin:20px 0; padding:0 20px;}
.price-title span{ float:right; font-size:14px; color:#666666}
.pricen{ background:#fff; padding:20px; margin-bottom:20px;}
.pricen table tr td{ padding:10px; border:1px #e4e5e5 solid; text-align:center}
@media screen and (max-width:1024px)  {
	/*2016-11-15*/
	/*#top{ height: auto;}*/
	#top .slogan{ /*display: none;*/}
	.topNav {/*display: none;*/ height:50px;}
	.mainnav{ display:none;}
	.anniu{ display:block;}
	.topNav img.logo1{ width:10% !important; margin:15px !important;}
	.topNav .float-right{ padding-top:15px;}
	.topNav a{ margin:0;}
	.topNav-ny{ width:94%; padding:0 3%;}
	.about-ban{ margin-top:50px !important;}
	.dingw .case-info p{ height:40px;}
}
@media screen and (max-width:1005px)  {	
	#top .slogan{ left: 10%; font-size: 14px;}
	#top .slogan strong{ font-size: 35px;}
	.bumpy-char{ line-height: 1.6em;}
	.topNav{ right: 0px;}
	.footerList{ max-width: 94%; padding: 50px 3%; font-size: 12px;}
	.footerList ul li{ width: 22%; padding-right: 3%;}
	.leixing{ width: 94%; margin-left: 3%;}
	.testNews{ width: 94%; margin-left: 3%;}
	.testNews ul li a .bgs{ opacity: 1;}
	.testNews ul li a .bgs img{ opacity:0.7;}
	.testNews ul li a .bgColor{ opacity:0.5;filter:alpha(opacity=50);}
	.testNews ul li a { color: #fff;}
	.testNews ul li a:hover .nBox{ }
	.testNews ul li a:hover .nBox .date{ }
	
	
}
@media screen and (max-width:767px)  {	
	.case ul li{ width: 100%; margin-right: 0%;}
	.leixing ul li{ width:100%; margin:0; margin-bottom:20px;}
	.leixing ul li .des{ min-height:auto}
	.testNews ul li{ width: 50%;}
	.footerList{ padding-bottom: 0px;}
	.footerList ul li{ width: 48%; height: 200px; padding-right: 2%;}
	.newCp{ /*display: none;*/ line-height:24px; height:auto; width:100%; box-sizing:border-box; overflow:hidden; text-align:center; padding:20px 10px;}
	.newCp .a{ padding:0 5px; float:none;}
	.topTips .p{ width: 100%; margin-top: 15px;}
	.topTips{padding: 25px 0px}
	.ttt{ padding-top: 25px;}
	.case{ margin-top: 25px;}
	.case ul li{ margin-bottom: 25px;}
	.case ul li .name{ margin-top: 15px;}
	.testNews ul li{ height: 400px;}
	.topNav{ /*display: none;*/ height:50px;}
	.mainnav{ display:none;}
	.anniu{ display:block;}
	.topNav img.logo1{ width:20% !important; margin:15px !important;}
	.topNav .float-right{ padding-top:15px;}
	.topNav a{ margin:0;}
	.topNav-ny{ width:94%; padding:0 3%;}
	.about-ban{ margin-top:50px !important;}
	.jianjiel{ width:100% !important; text-align:center;}
	.jianjier{ width:100% !important;}
	.contact{ position:relative; left:0; margin-left:0; top:0; width:100%; box-sizing:border-box; height:auto;}
	.contactPic,.contactWx,contactWx,.contactList,.contactList li{ width:100%;}
	.contactIcon{ width:40px !important;}
	.contactInfo{ width:80% !important;}
	.contactPic img{ width:100% !important;}
	.cwx{ width:25% !important; height:auto !important;}
	.cwx img{ width:100% !important;height:auto !important;}
	.cwxInfo{ width:70% !important;}
	.map{ height:250px;}
	.ewm{ bottom:0; top:auto !important; right:0 !important;}
	.new-xq{ padding-top:100px !important;}
	.buy{ width:80% !important; left:10% !important; margin-left:0 !important; height:auto !important; padding-bottom:10px;}
	.buy ul{ padding:20px 5% !important;}
	.buy p{ padding:0 10px;}
	.new-xq h1 span{ font-size:20px !important;}
	.youshi li{ width:48% !important;}
	.new-xql{ width:100%;}
	.new-xqr{ display:none;}
	#top{ /*margin-top: 50px; height: auto;*/}
	#top .slogan{ left: 5%;}
	.mobleNav{ display: block;}
	#top .slogan strong{
		font-size: 16px;
	}
	#top .slogan{ width:80% !important; left:10% !important; margin-left:0 !important;}
	.wz01{ font-size:24px !important; margin-bottom:15px;}
	.wz02{ font-size:16px !important;}
	.holding{ width:100%; padding:4% 15px; box-sizing:border-box;}
	.holding ul li{ width:100%; margin:10px 0;}
	.hongbo-des{ width:100%; padding:0 10px; box-sizing:border-box;}
	.about-gy{ padding:0 10px; box-sizing:border-box;}
	.hongbo{ padding:10px;}
	.hongbo dl{ width:100%; font-size:12px; padding-top:4%; padding-bottom:4%;}
    .hongbo dl dt{ top:60px; left:20px;}
	.qingwang-des1{ padding-top:150px;}
	.qingwang-ul{ padding-left:0; padding:20px 10px 0 10px;}
	.qingwang-des1{ background:none; padding-top:0;}
	.qingwang-ull li{ width:100%; background:#fafafa; padding:20px; box-sizing:border-box;}
	.qingwang-ull li .float-left{ text-align:center;}
	.qingwang-ull li .float-left, .qingwang-ull li .float-right{ float:none; width:100%;}
	.about-yufei{ padding-top:50px;}
	.about-gnl{ width:100%; padding:0 15px; box-sizing:border-box;}
	.about-gnr{ text-align:right; margin-top:40px;}
	.about-ln{ background:url(../images/about-yf1.jpg) no-repeat right; height:auto; padding:0 20px;}
	.about-lnn{ padding:50px 0;}
	.index-js{ padding-top:50px;}
	.about-baizhin2 ul li{ width:100%; border-bottom:1px #999 dashed; padding:10px 0;}
	.about-baizhin2 ul li .float-right h1{ font-size:20px;}
	.about-baizhin3{ padding:20px 10px;}
	.parner{ width:90%; padding:4% 5%;}
	.showtd{ display:none;}
	.qingwang-xiangm{ margin:0;}
	.qingwang-xiangm ul li{ width:100%; margin:0 1%}
	.qingwang-xiangm h1{ height:auto;}
	.qingwang-xiangm ul li{ padding-left:50px; box-sizing:border-box;}
	.qingwang-xiangm ul li .float-left img{display:none;}
	.qingwang-xiangm ul li .float-right{ width:auto;}
	.qingwang-xiangmb h1{ text-align:center;}
	.qingwang-xiangmb h1 span{ margin-left:0;}
	.qingwang-xiangm ul{ background:url(../images/qw12.png) repeat-y 11px;}
	.qingwang-xiangm ul li h1{ text-align:left;}
	.newCp b{  background:none; padding:0;}
	.BMap_Marker BMap_noprint{ width:20px !important; height:20px !important;}
	.ruanlan-fanwei ul li{ margin-bottom:10px; border:1px #eee solid;}
	.ny-ban-sj{ display:block;}
	.ny-ban-sj img{ width:100%;}
	.ewm{ display:none;}
	.xiangmu1-list1{ padding:0% 5% !important;}
	.xiangmu1-list2lil,.xiangmu1-list2lir{ width:100%;}
	.xiangmu1-list2 ul li{ padding:20px 0;}
	.xiangmu1-list2lir{ padding-top:0;}
	.xiangmu1-list2lir h1{ font-size:18px;}
	h1.title{ font-size:24px;}
	.xm3-ul01 li{ padding-left:30px;}
	.xm3-ul01 li h1{ line-height:24px; font-size:18px;}
	.xm3-ul01 li img{ max-width:100%;}
	.xm3-ul01 li.li01{background:url(../images/xm301.png) no-repeat right bottom 0px; background-size:100%; min-height:400px; padding-bottom:250px;}
	.xm3-ul02 li{ width:100%; margin-bottom:10px;}
	.ny-ban-sj{ margin-bottom:-10px;}
	.service-leixing ul li{ width:100%;}
	.about-ban p{ width:100%; margin:0 auto; margin-top:0;}
.about-ban p a{ display:inline-block; padding:10px 0; text-align:center; width:23%; background:#469ca5; color:#fff; margin:0 1%; border-radius:10px; font-size:12px;}
.zhengshu{ width:100% !important;}
.zhengshu img{ width:100%;}

.dingw .case-info p{ height:40px;}
.about-con h1{ font-size:22px !important;}
.index-about{ background:#333}
.index-about .about-con{ padding:0}
.contact-list ul li{ height:auto;padding:4% 0 4% 8%}
#top .slogan img{ width:100%}

.zzx-left,.zzx-right{ float:none; width:100%}
.zzx-right{ padding-top:0}
.shim ul li{ width:46%}
.shimw{ background-size:auto}
.price-imgg{ display:none}
.price-img{ display:block}
}
@media screen and (max-width:375px){
	.testNews ul li{ width: 100%;}
}