@charset "gb2312";
/* CSS Document */
*html, _html {
	background-attachment:fixed;
}
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: 12px/1.5 "Î¢ÈíÑÅºÚ", Verdana, Geneva, sans-serif, tahoma, Srial, helvetica, sans-serif;
}
body {
	color:#343434;
	background-color:#FFF;

}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:normal;
}
em {
	font-style:normal;
}
ul, ol {
	list-style: none;
}
a {
	text-decoration: none;
	color:#333;
}
a:hover,a:focus {
	text-decoration: underline;
	color:#F40;
	outline:none;
}
img {
	border:0px;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;overflow:hidden;}
.clearfix {zoom:1;}
.blank {
	width:100%;
	height:10px;
	clear:both;
	overflow:hidden;
}
.blank15 {
	width:100%;
	height:15px;
	clear:both;
	overflow:hidden;
}
.blank30 {
	width:100%;
	height:30px;
	clear:both;
	overflow:hidden;
}
.clear {
	clear:both;
	overflow:hidden;
}
.red {
	color:#F00;
	text-decoration:none;
}
.pubW {
	width:1200px;
}
.center {
	margin:0px auto;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.display-i {
	display:inline;
}
.display-b {
	display:block;
}
.relative {position:relative;}
.absolute {position:absolute;}
#noMarginR {margin-right:0;}

.tall {-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.bt {-moz-transition:background 0.3s linear 0s;-webkit-transition:background 0.3s linear 0s;transition:background 0.3s linear 0s;}
.ot {-moz-transition:opacity 0.3s linear 0s;-webkit-transition:opacity 0.3s linear 0s;transition:opacity 0.3s linear 0s;}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.contentBox {-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
.borderBox {-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.backgroundSize {-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

.banner {width:100%;height:720px; background:url(../images/banner.jpg) no-repeat center;overflow:hidden;-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;}
.link1 {display:block;width:180px;height:180px; background-color:#f36f0e;border-radius:50%;position:relative;-moz-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}
.link1:hover { background-color:#e64709;-moz-transform:rotateY(360deg) perspective(200px);-ms-transform:rotateY(360deg) perspective(200px);-o-transform:rotateY(360deg) perspective(200px);-webkit-transform:rotateY(360deg) perspective(200px);transform:rotateY(360deg) perspective(200px);}
.link1 em {display:block;position:absolute;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.banner .link1 {float:right;margin-top:466px;margin-right:65px;display:inline;}

.content1 {width:100%;height:680px; background:url(../images/content1Bg.jpg) no-repeat center;overflow:hidden;-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;}

.content1 .link1 {margin-left:240px;margin-top:408px;display:inline;}
.content1 .txt {width:270px;text-align:center;margin-right:238px;margin-top:112px;}
.content1 .txt h5 {font-size:26px;line-height:2;}
.content1 .txt p {font-size:18px;line-height:1.6}
.content1 .txt span {display:block;width:100%;font-size:18px;line-height:30px; background-color:#de33fb;color:#fff;}

.link2 {display:block;width:143px;line-height:34px;border-radius:17px;font-size:18px;color:#fff;text-align:center;text-decoration:none; background-color:#ff6005;}
.link3 {display:block;width:236px;line-height:56px;border-radius:28px;font-size:30px;color:#fff;text-align:center;text-decoration:none; background-color:#ff6005;}
.link2:hover,.link3:hover { background-color:#e64709;color:#fff;text-decoration:none;}

.content2 {width:100%;height:720px; background:url(../images/content2Bg.jpg) no-repeat center;}
.content2 .txt {margin-top:120px;}
.content2 .txt .info {width:540px;height:145px;margin-top:150px;margin-left:68px;}
.content2 .txt .link2 {right:0;bottom:0}

.content3_1 {width:100%;height:240px; background:url(../images/content3_01.jpg) no-repeat center;}
.content3_2 {width:100%;height:240px; background:url(../images/content3_02.jpg) no-repeat center;}
.content3_3 {width:100%;height:240px; background:url(../images/content3_03.jpg) no-repeat center;}
.content3_3 .link3 {float:left;margin-top:100px;margin-left:624px;display:inline;}

.content4 {width:100%;padding:78px 0 65px; background-color:#1394f7;}
.content4 .title {margin-top:48px;}
.content4 .txt {margin-left:70px;display:inline;}

.content5 {width:100%;height:863px; background:url(../images/content5Bg.jpg) no-repeat center #7724d8;}
.content5 .pubW {padding-top:92px;}
.content5 .txt1 {width:595px;float:left;}
.content5 .txt1 .title {margin-bottom:38px;}
.itemTitle {width:137px;height:137px;font-size:38px;color:#fff;line-height:1.3; background-color:#343eff;left:-11px;top:-1px;-moz-box-shadow: 5px 5px 6px rgba(52,62,255,.4);-webkit-box-shadow: 5px 5px 6px rgba(52,62,255,.4);box-shadow: 5px 5px 6px rgba(52,62,255,.4);z-index:2;padding:16px 30px;}
.itemTitle1 { background-color:#a700fd;-moz-box-shadow: 5px 5px 6px rgba(137,66,210,.4);-webkit-box-shadow: 5px 5px 6px rgba(137,66,210,.4);box-shadow: 5px 5px 6px rgba(137,66,210,.4);}
.itemTitle2 { background-color:#ff5756;-moz-box-shadow: 5px 5px 6px rgba(136,80,80,.4);-webkit-box-shadow: 5px 5px 6px rgba(136,80,80,.4);box-shadow: 5px 5px 6px rgba(136,80,80,.4);}
.itemTitle3 { background-color:#1394f7;-moz-box-shadow: 5px 5px 6px rgba(0,142,141,.4);-webkit-box-shadow: 5px 5px 6px rgba(0,142,141,.4);box-shadow: 5px 5px 6px rgba(0,142,141,.4);}
.content5 .txt1 .items {width:584px;margin-left:12px;margin-bottom:12px;}
.itemhead {margin-left:125px;display:inline;}
.content5 .txt1 .item {height:136px;overflow:hidden;}
.content5 .txt1 .item em {display:block;width:100%;height:100%;position:relative;-moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;}
.content5 .txt1 .item1 {width:229px;}
.content5 .txt1 .item2 {width:292px;}
.content5 .txt1 .item3 {width:195px;height:186px;}
.content5 .txt1 .item4 {width:194px;height:186px;}
.content5 .txt1 .item img {width:100%;height:100%;position:absolute;left:50%;top:50%;-moz-transition:transform .3s ease-out 0s;-webkit-transition:transform .3s ease-out 0s;transition:transform .3s ease-out 0s;-moz-transform:translate(-50%,-50%) scale(1,1) perspective(200px);-webkit-transform:translate(-50%,-50%) scale(1,1) perspective(200px);transform:translate(-50%,-50%) scale(1,1) perspective(200px);}
.content5 .txt1 .item:hover em img{-moz-transform:translate(-50%,-50%) scale(1.05,1.05) perspective(200px);-webkit-transform:translate(-50%,-50%) scale(1.05,1.05) perspective(200px);transform:translate(-50%,-50%) scale(1.05,1.05) perspective(200px);
    }
.content5 .txt2 {float:right}
.content5 .txt2 p {font-size:16px;color:#fff;line-height:1.4;text-align:center;}

.content6 {width:100%;padding:90px 0; background-color:#7724d8;}
.content6 h3 {width:365px;height:93px;margin:0 auto;}
.content6 ul {width:100%;height:370px;-moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;margin-top:40px;}
.content6 ul li {width:223px;height:370px;overflow:hidden;float:left;margin-right:21px;display:inline; background-color:#FFF;border-radius:10px;-moz-box-shadow: 0px 0px 12px rgba(119,36,216,.5);-webkit-box-shadow:  0px 0px 12px rgba(119,36,216,.5);box-shadow:  0px 0px 12px rgba(119,36,216,.5);-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.content6 ul li:last-child{margin-right:0;}
.content6 ul li:hover {-moz-transform:translate3d(0,-15px,0);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}
.content6 h6 {font-size:24px;color:#000;text-align:center;line-height:1.3;margin-top:12px;}
.content6 p {font-size:16px;color:#5b5b5b;text-align:center;}
.content6 .priceTxt {display:block;margin:12px auto;}
.content6 .link2 {margin:20px auto 0;}


.content7 {width:100%;height:1391px; background:url(../images/content7Bg.jpg) no-repeat center #7923e0;}
.content7 .txt {width:325px;margin:370px auto 0;}
.content7  h5 {width:357px;height:92px;margin:80px auto 42px;}
.content7  h6 {width:764px;height:35px;margin:0 auto 34px;}
.content7 ul {width:1200px;height:359px;}
.content7 ul li {width:224px;height:359px;overflow:hidden;border-radius:112px;float:left;-moz-box-shadow:0 0 12px rgba(96,130,248,.4);-webkit-box-shadow:0 0 12px rgba(96,130,248,.4);box-shadow:0 0 12px rgba(96,130,248,.4);margin-right:20px;display:inline;position:relative;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.content7 ul li:hover {-moz-transform:translate3d(0,-15px,0);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}
.content7 ul li a {left:50%;bottom:36px;}
.content7 ul li:last-child{margin-right:0;}
.content7 .txt p {font-size:22px;color:#fff;width:100%;text-align:center;line-height:40px; background-color:#1394f7;}
.content7 .txt .link1 {margin:60px auto 0;}
.content7 .huangou {display:block;width:304px;height:304px;left:50%;top:900px;margin-left:-534px;}
.content7 .huangou4 {margin-left:230px;}
.content7 .huangou2 {margin-left:-152px;top:690px; -webkit-animation-duration:2.3s;animation-duration:2.3s;}

.updown {-webkit-animation:updown 2s ease-in-out 0s infinite;animation:updown 2s ease-in-out 0s infinite;}
@-webkit-keyframes updown{
		0%{-webkit-transform:translate3d(0,-10px,0);}
		50%{-webkit-transform:translate3d(0,0,0);}
		100%{
				-webkit-transform:translate3d(0,-10px,0);
			}
	}
@keyframes updown{
		0%{transform:translate3d(0,-10px,0);}
		50%{transform:translate3d(0,0,0);}
		100%{
				transform:translate3d(0,-10px,0);
			}
	}
.content8 {width:100%;height:642px; background:url(../images/content8Bg.jpg) no-repeat center #7923e0;}
.content8 h4 {font-size:54px;color:#fff;text-align:center;line-height:1.2;margin-top:110px;}
.content8 h5 {font-size:38px;color:#fff;text-align:center;line-height:1.2}
.content8 h6 {font-size:24px;color:#fff;text-align:center;line-height:2.6}
.content8 p {font-size:18px;color:#fff;text-align:center;}
.content8 .link1 {margin:40px auto 0}

