@charset "utf-8";
/* CSS Document */
#middle .main1{height:750px;position: relative; background-size:100% 100%;}
#middle .main1 .frame{width: 100%;height: 750px;position: relative;overflow: hidden;}
#middle .main1 .frame .child {float:left; height:750px; width:100%;position: relative;}

#middle .main1 .title{ position:absolute; top:330px; left:50%; margin-left:-625px; width:1250px; text-align:center;}
#middle .main1 .title h3{ font-family:Impact; font-size:70px; color:#ffffff;position: absolute;
	left: 50%;
	width: 100%;
	margin-left: -625px;
	line-height: 1.2;
	
 text-transform:uppercase;}
#middle .main1 .title h4{font-size:36px; color:#ffffff;position: absolute;
	left: 50%;
	width: 100%;
	margin-left: -625px;
	top: 75px;
	
	line-height: 1.2; font-weight:bold; }
#middle .main1 .title p{font-size:18px; color:#ffffff;position: absolute;
	left: 50%;
	width: 100%;
	margin-left: -625px;
	top: 130px;
	
	line-height: 1.2;}
#middle .main1 .click{position:absolute; top:650px; left:50%;margin-left:-35px; width:70px; height:60px; text-align:center;}
#middle .main1 .click p{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; line-height:2;}	
#middle .main2{position:relative;}	
#middle .main2 .title h3{font-size:30px; color:#474747; line-height:1.2;}
#middle .main2 .title h4{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#b38d2f; line-height:1.2; text-transform:uppercase; font-weight:bold; margin-top:10px;}
#middle .main2 .title p{ font-size:14px; color:#474747;  line-height:1.5; margin-top:30px; text-align:left;}
#middle .main2 .title{ position:absolute; top:110px; left:28px; text-align:center;}
#middle .main2 .click p{ font-size:12px; color:#474747; line-height:55px;  }
#middle .main2 .click{ width:100%; text-align:center; position:absolute; top:330px; }
#middle .main2 .click .scroll1{background:url(../img/click2.png) center center no-repeat; width:31px; height:19px; display:block; position:absolute; left:50%; margin-left:-15.5px; top:50px;}
#middle .main3{height:354px; overflow:hidden; position:relative; }
#middle .main3 .focus{ width:50%;height: 754px;position: relative;overflow: hidden; float:left;}
#middle .main3 .focus .frame{width: 960px;height: 754px;position: relative;overflow: hidden;}
#middle .main3 .focus .frame .child {float:left; height:754px; width:100%; }
#middle .main3 .focus .frame .child .pic{position:relative; width:100%;height:754px; overflow:hidden;}
#middle .main3 .focus .frame .child .pic .img{ width:100%;height: 754px;overflow: hidden;}
#middle .main3 .focus .frame .child .pic .img{width:100%; height:100%;}
#middle .main3 .focus .nav{position:absolute;right:55px;bottom:45px; }
#middle .main3 .focus .nav .fl{color:#ffffff;display:block;font-size:36px;font-family:Arial, Helvetica, sans-serif;}
#middle .main3 .focus .nav .fl span{font-size:48px; font-family:Arial, Helvetica, sans-serif;}
#middle .main3 .text1{ width:50%; height:380px; float:left; position:relative;}	
#middle .main3 .text1 .title h3{ font-size:30px; color:#474747; line-height:1.2;}
#middle .main3 .text1 .title h4{font-size:30px; font-family:Arial, Helvetica, sans-serifl; color:#b38d2f; line-height:1.2; text-transform:uppercase; font-weight:bold; margin-top:2px;}
#middle .main3 .text1 .title{position:absolute; top:115px; left:110px;}
#middle .main3 .text1 .div{position:relative; top:225px; width:200px; left:110px;}
#middle .main3 .text1 .div .prev{ position:absolute;left:0;top:0; background:url(../img/next2.png) center center no-repeat; width:29px; height:29px; float:left;}
#middle .main3 .text1 .div .prev:hover{ background:url(../img/pre.png) center center no-repeat;}
#middle .main3 .text1 .div .pic{ position:absolute; left:50px; top:0; background:url(../img/picp.png) center center no-repeat;float:left; width:29px; height:29px;} 
#middle .main3 .text1 .div .next{ position:absolute; top:0; left:100px; background:url(../img/next.png) center center no-repeat;float:left; width:29px; height:29px;}
#middle .main3 .text1 .div .next:hover{background:url(../img/pre2.png) center center no-repeat;}
#middle .main3 .text2{ width:50%; height:375px;float:left; background:#2c2c2c;}
#middle .main3 .text2 .title h3{font-size:22px; color:#ffffff; line-height:1.2; }
#middle .main3 .text2 .title p{font-size:12px; color:#ffffff; line-height:1.5; margin-top:20px; padding-right:41px;}
#middle .main3 .text2 .title .text .p{font-size: 12px; float:left; color:#ffffff;}
#middle .main3 .text2 .title .text .a{background:url(../img/a.png) 0 2px no-repeat;display:block; width:15px; height:25px;line-height:1.2; float:left; margin-left:10px;}
#middle .main3 .text2 .title .text{margin-top:50px; height:25px;}
#middle .main3 .text2 .title {margin-top:105px; margin-left:105px;}
#middle .main4{ background:url(../img/main44.jpg);height:829px; position:relative; padding-top:50px;}
#middle .main4 .cricle1{background:url(../img/cricle1.png) center center no-repeat; position:absolute; top:380px; left:455px;  width:65px; height:60px; display:none;}
#middle .main4 .cricle2{background:url(../img/cricle2.png) center center no-repeat; position:absolute; top:390px; left:610px; width:120px; height:115px;display:none;}
#middle .main4 .cricle3{background:url(../img/cricle3.png) center center no-repeat; position:absolute; top:235px; left:705px;  width:150px; height:145px;display:none;}
#middle .main4 .cricle4{background:url(../img/cricle5.png) center center no-repeat; position:absolute; top:290px; left:805px;  width:180px; height:180px;display:none;}
#middle .main4 .cricle6{display:none; background:url(../img/cricle6.png) left center no-repeat;position:absolute; top:330px; left:895px;}
#middle .main4 .cricle6 h3{ font-size:18px; color:#ffffff; line-height:1.2;padding-left:15px;}
#middle .main4 .cricle6 h4{font-family:Arial, Helvetica, sans-serif; color:#ffffff; line-height:1.2; font-size:22px; padding-left:15px;}
#middle .main4 .div1{float:left; width:360px; margin-top:-80px; margin-left:50px; }
#middle .main4 .div1.frist{margin-left:28px;}
#middle .main4 .div1 img{overflow:hidden;}
#middle .main4 .div1 .title h3{font-size:22px; color:#ffffff; line-height:1.2; font-weight:bold; margin-top:15px;}
#middle .main4 .div1 .title p{ font-size:12px; color:#ffffff; margin-top:15px; line-height:1.5;}
#middle .main4 .map{background:url(../img/map.png) no-repeat;  height:645px; margin-left:230px;}
#middle .main5{height:590px;border-top: 1px solid #ccc;}
#middle .main5 .mark{width:100%; text-align:center;background:url(../img/mainj.png) top center no-repeat; height:35px;}
#middle .main5 .title h3{font-size:30px; color:#474747; line-height:1.2;}
#middle .main5 .title h4{font-size:30px; font-family:Arial; color:#b38d2f; line-height:1.2; text-transform:uppercase; font-weight:bold; margin-top:9px;}
#middle .main5 .title .click a{display:block; border:1px solid #d6d6d6; margin-left:515px; width:215px; height:40px; line-height:40px; color:#707070; margin-top:22px;}
#middle .main5 .title{text-align:center;width:1250px;}
#middle .main5 .div1{float:left;margin-left:26px;margin-top: 180px;width:388px;}
#middle .main5 .div1 .inner h3 .span1{ font-family:Arial, Helvetica, sans-serif; font-size:80px; color:#474747; margin-left:11px;}
#middle .main5 .div1 .inner h3 .span2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#474747; margin-left:8px;}
#middle .main5 .div1 .inner h3{line-height:1.2;}
#middle .main5 .div1 .inner h4{ font-size:18px; color:#474747; line-height:1.2; margin-left:22px; margin-top:3px;}
#middle .main5 .div1 .inner p{font-size:12px; color:#707070; width:370px; line-height:1.5; margin-left:22px; margin-top:10px;}
#middle .main5 .div1 .more .p{text-transform:uppercase; float:left; color:#707070;}
#middle .main5 .div1 .more .pp{ float:left; margin-left:10px;  background:url(../img/more.png) top center no-repeat; width:10px; height:10px; margin-top:1px; }
#middle .main5 .div1 .more{line-height:1.2; margin-left:22px; margin-top:24px;}
#middle .main5 .div1.a{margin-left:23px;}