@charset "utf-8";
/* CSS Document */

			*{ padding: 0; margin: 0; list-style:none; font-style:normal; text-decoration:none; outline:none; color:#ccc;font: 18px "Microsoft Yahei";}
			h2{ font-size: 50px; font-weight:bold;}
			h3{ font-size: 40px;}
			h4{ font-size: 32px; font-weight:600; color:#fff;}
			ul,li,ol{ list-style: none;}
			a{text-decoration:underline;}
			a:hover{text-decoration:underline;}
			img{border:none;}
			.fl{float: left;}
			.fr{float: right;}
			.page1 .bgcon{position:absolute; top:0; left:0; width:100%; height:100%;  -webkit-transition: all 3s;-o-transition: all 3s;-moz-transition: all 3s;-ms-transition: all 3s;}
			.page1 .bgcon:hover{-webkit-transform:scale(1.05);-o-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
			img{max-width:100%; display:block; margin:0 auto;}
			.logo{width:108px; height:30px; position:absolute; top:70px; left:22%;} 
			.page1 .words,.words2{position:absolute; left:22%; top:26%;}
			.sleft{width:530px;}
			.words2{top:57%; opacity:0;}
			.p1{animation:1.5s pp 1;-webkit-animation:1.5s pp 1;-moz-animation:1.5s pp 1;-ms-animation:1.5s pp 1;-o-animation:1.5s pp 1;}
			@keyframes pp{
			
				0%{
					left:0; 
				}
				
				100%{
					left:22%;
				}
			}
			.p2{animation:1s donghua 1s 1;-webkit-animation:1s donghua 1s 1;-moz-animation:1s donghua 1;-ms-animation:1s donghua 1s 1;-webkit-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;}
			@keyframes donghua{
			
				0%{
					left:0; 
					opacity:0;
				}
				
				100%{
					left:22%;
					opacity:1;
				}
			}
			/*第二屏*/
			.title1{ font-size: 46px; text-align:center; padding-bottom:24px; color:#fff;}
			.con{width:1100px; position:absolute; min-height:660px;left:50%; margin-left:-550px; top:50%; margin-top:-330px;}
			.con .jianjie p{ text-align:center; height:32px; line-height:32px; font-size:20px; letter-spacing:4px;}
			.page2 .con .brand{padding-left:43px; overflow:hidden;}
			.page2 .con .brand li{width:310px; float:left; padding-right:63px; height:230px; overflow:hidden; padding-bottom:30px;}
			.page2 .con .brand li.nopadding{padding-right:0;}
			.page2 .con .brand li p{font-size:18px;line-height:30px; padding-top:10px;}
			ol.list{width:100px; position:absolute; left:50%; margin-left:-50px; bottom:95px;}
			ol.list li{width:15px; height:15px; background:#5a5a5c; border-radius:50%; float:left; margin:0 10px; cursor:pointer;}
			ol.list li.current{background:#f7af00;}
			.page2 .brandName{text-align:center;}
			.page2 .brandscon{width:3300px; position:absolute; top:180px;}
			.page2 .brandscon ul{width:1057px; float:left;}
			.page2 .con{overflow:hidden;}
			/*第三屏*/
			.page3 .slide4 ul{ overflow: hidden;}
			.page3 .slide4 ul li{ float: left; position: relative;cursor:pointer;}
			.page3 .slide4 .popTxt{ position: absolute; left: 0; top: 0; background:rgba(0,0,0,0.2); font-size:18px; width:100%; color:#fff; height:410px;}
			.page3 .slide4 .popTxt p{font-size:24px; color:#f7af00; text-align:center; line-height:42px; font-weight:bold;}
			.page3 .series li{float:left; width:340px; height:410px; margin-right:40px;}
			.page3 .series li.last{margin-right:0;}
			.page3 .series{padding-top:60px;}
			.shortLine{width:40px; height:2px; display:block; background:#f7af00; margin:2px auto;}
			.page3 .hide{padding:0 10px; line-height:28px; position:absolute; bottom:-140px;}
			
			.page3 .slide4 .popTxt .topsec{width:410px; position:absolute; left:50%; margin-left:-205px; top:50%; margin-top:-30px;}
			/*第四屏*/
			.page4 .slide1 .focussec li{ box-shadow:10px 10px 28px #222222; -webkit-box-shadow:10px 10px 28px #222222;-o-box-shadow:10px 10px 28px #222222;-ms-box-shadow:10px 10px 28px #222222;-moz-box-shadow:10px 10px 28px #222222;}
			.page4 .slide1 .sright{ height: 600px;margin-left: 106px; width: 514px;}
			.page4 .slide1 .sright .title2{font-size: 46px; color: #f7af00; padding-bottom:15px;}
			.page4 .slide2 .sleft img{ display: block;}
			.page4 .slide2 .sleft .tiyan{ width: 30px; background:#f7b000; color:#000; text-align:center; padding:24px 5px; font-size:20px; line-height:20px;}
			.page4 .slide2 .sright{ width: 506px; margin-left: 64px;}
			.page4 .slide3{ padding: 0;}
			.page4 .slide3 .container{ width: 1100px; margin:0 auto; }
			.page4 .line{display:block; height:1px;background: -webkit-linear-gradient(left, #e1dbdd 10%,#6d6d6f 35%,#373739 45%); width:350px;margin:15px 0 15px;}
			/*样式细节*/
			.name{color:#f9af00;}
			.yellowstar{display:inline-block; width:140px; height:25px; background:url(../images/star.png) repeat-x left center; vertical-align:middle;}
			.experience a{background:url(../images/arrow3.png) no-repeat left 13px; padding:10px 30px 40px;display:block; font-size:18px; color:#ccc;}
			.detailInfor p{font-size:24px; line-height:36px;}
			.detailInfor .impress{font-size:22px; line-height:32px; font-weight:normal; padding-top:5px;}
			.topics{font-size:18px; padding-top:25px;}
			.topics p{margin-bottom:21px; line-height:25px; font-size:18px;}
			.moretopic{width:228px; height:30px; line-height:30px; border:1px solid #fff; display:block; text-align:center; font-size:18px; text-decoration:none; position: absolute; top: 575px;}
			.simpleSec{padding-bottom:38px;}
			.secondDiv{padding-bottom:35px;}
			.simpleSec p{padding-bottom:5px;font-size:24px;}
			.secondDiv p,.thirdDiv p{font-size:18px; line-height:30px;}
			.thirdDiv h4 span{font-size:24px; color:#000; background:#f7b000; height:30px; line-height:30px; width:140px; display:inline-block; text-align:center; margin-left:16px; font-weight:normal;}
			.tiezi a{line-height:21px; padding:0 0 16px 30px; background-position:left 1px; text-decoration:underline;}
			
			.zy-Slide{
				font-size: 12px;
				position:relative;
				margin:0 auto 0;
			}
			.zy-Slide ul{
				position:relative;
				width:1100px;
				height:292px;
				margin:0;
				padding:0;
			}
			.zy-Slide li{
				position:absolute;
				list-style:none;
				background:#000;
				width:900px;
				height:600px;
				top:146px;
				left:377px;
				z-index:0;
				cursor:pointer;
				border-radius:3px;
				margin:0;
				padding:0;
				box-shadow:0 0 40px #222222;
				-webkit-box-shadow:0 0 40px #222222;
				-moz-box-shadow:0 0 40px #222222;
				-ms-box-shadow:0 0 40px #222222;
				-o-box-shadow:0 0 40px #222222;
			}
			.zy-Slide li img{
				width:100%;
				height:100%;
				vertical-align:middle;
				
			}

		#imgList ul,#imgList2 ul,#imgList3 ul,#imgList4 ul,#imgList5 ul,#imgList6 ul,#imgList7 ul,#imgList7 ul,#imgList8 ul,#imgList9 ul{ position:relative; width:480px; height:600px;}
        #imgList ul li.active,#imgList2 ul li.active,#imgList3 ul li.active,#imgList4 ul li.active,#imgList5 ul li.active,#imgList6 ul li.active,#imgList7 ul li.active,#imgList8 ul li.active,#imgList9 ul li.active{ z-index:10 !important;}
        .tag{position: absolute; left: 0; bottom: 7px;}