@charset "utf-8";

.header{ width:100%; height:113px; background:#FFF; clear:both; position: fixed; left:0px; top:0px; z-index:9999999999}




.page1{ width:100%; height:490px; overflow: hidden; position:relative; margin-top:113px;}
/*
.page1 .menubox{ width:100%; height:118px;}

.page1 .menubox{ width:100%; height:118px; background:url(../Images/menubg.jpg) top center no-repeat #004EA1; z-index:100}
.page1 .menubox .box{ width:1200px; height:118px; margin:0 auto; clear:both; overflow:visible; position:relative; }
.page1 .menubox .box .share{ position:absolute; left:0px; top:0px; color:#C9DEF5;}
.page1 .menubox .box .share ul{ margin:0px; padding:0px; list-style:none;}
.page1 .menubox .box .share ul li{ margin:0px; padding:0px; list-style:none; float:left; height:20px; line-height:20px; overflow:hidden; float:left; padding: 0 15px 0 0px;}
.page1 .menubox .box .share ul li.t1{ width:22px; height:20px; overflow:hidden; position:relative; cursor:pointer}
.page1 .menubox .box .share ul li.t2{ width:24px; height:20px; overflow:hidden; position:relative; cursor:pointer}
.page1 .menubox .box .share ul li.t3{ width:38px; height:20px; overflow:hidden; position:relative; cursor:pointer}
.page1 .menubox .box .share ul li.t1 img{ display:block; padding:2px 0 0 0px;}
.page1 .menubox .box .share ul li.t2 img{ display:block; padding:1px 0 0 0px;}
.page1 .menubox .box .share ul li.t3 img{ display:block; padding:5px 0 0 0px;}
.page1 .menubox .box .share ul li .img1{ position:absolute; left:0px; top:0px;}
.page1 .menubox .box .share ul li .img2{ position:absolute; left:0px; top:20px;}

.page1 .menubox .box .tel{ position:absolute; top:0px; right:0px; font-size:14px; font-family:"Microsoft Yahei"; font-size:14px; color:#C9DDF6; height:20px; line-height:20px; overflow:hidden;}
.page1 .menubox .box .tel a:link{color:#C9DDF6;}
.page1 .menubox .box .tel a:visited{color:#C9DDF6;}
.page1 .menubox .box .tel a:hover{color:#FFFFFF;}
.page1 .menubox .box .tel a:actived{color:#C9DDF6;}
.page1 .menubox .box .tel span{ color:#FFF; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}


.page1 .menubox .box .menu{ position:absolute; left:0px; top:50px; width:1200px; overflow: visible; }
.page1 .menubox .box .menu ul{ margin:0px; padding:0px; list-style:none;}
.page1 .menubox .box .menu ul li{ margin:0px; padding:0px; list-style:none; float:left; width:125px; height:35px; position:relative; overflow:hidden;}
.page1 .menubox .box .menu ul li .img1{ position:absolute; left:0px; top:0px;}
.page1 .menubox .box .menu ul li .img2{ position:absolute; left:-35px; top:0px;}
.page1 .menubox .box .menu ul li  i{ font-style:normal; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:95px; position:absolute; height:16px; top:0px; left:40px;}
.page1 .menubox .box .menu ul li  span{ display:block; position: absolute; font-size:14px; overflow:hidden; font-family:"Microsoft yahei"; position:absolute; left:40px; top:16px; height:23px;}

.page1 .menubox .box .menu ul li.zx{ width:200px; }
.page1 .menubox .box .menu a:link{ color:#FFF;}
.page1 .menubox .box .menu a:visited{ color:#FFF;}
.page1 .menubox .box .menu a:hover{ color:#F8AB03;}
.page1 .menubox .box .menu a:actived{ color:#F8AB03;}

.logo{ position:absolute; left:503px; top:-132px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
*/
.page1 .slidebox{ width:100%; height:auto; overflow:hidden; z-index:1; height:490px; position:relative;}
.page1 .slidebox .list { width:100%; height:490px; position:relative}
.page1 .slidebox .list ul{ margin:0px; padding:0px; list-style:none; position:absolute; left:0px; top:0px;}
.page1 .slidebox .list ul li{ margin:0px; padding:0px; list-style:none; float:left; width:100%; overflow:hidden;height:490px}
.page1 .slidebox .left{ width:21px; height:39px; overflow:hidden; cursor:pointer; background:url(../Images/bg1.png) no-repeat; position:absolute; left:30px; top:225px;}
.page1 .slidebox .right{ width:21px; height:39px; overflow:hidden; cursor:pointer; background:url(../Images/bg2.png) no-repeat; position:absolute; right:30px; top:225px;}

/*
.page1 .showbox{ width:1200px; height:300px;; overflow:hidden; z-index:10;  margin:0 auto; position:relative;}
.page1House{ position:absolute; right:0px; bottom:-487px;  transition: all 1s; background:url(../Images/house.png) no-repeat; width:358px; height:487px; z-index:1;}
.page1word{position:absolute; width:643px; height:139px; left:10px; top:100px; background:url(../Images/page1word.png) no-repeat;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page1word2{ position:absolute; left:10px; top:365px; width:208px; height:47px; background:url(../Images/word1.png) no-repeat;opacity: 0;transition: all 1s;}
.page1word3{ width:441px; height:41px; background:url(../Images/word2.png) no-repeat; position:absolute; right:0px; bottom:15px; z-index:10;}

.page1 .cloud{position:absolute; top:118px; left:0px; width:100%; height:250px; background:url("../Images/cloud.png") 0 0 no-repeat;z-index:1;
opacity:0.8;
}
.page1 .cloud2{z-index:3;background:url("../Images/cloud2.png") 0 0 no-repeat; top:118px; left:0px;} 
*/


.page2{width:100%; height:526px; overflow:hidden; background: url(../Images/page2bg.jpg) repeat-x #FFF ;  position:relative;}
.page2bg2{ width:100%; height:526px; background:url(../Images/fly.png)  right 40px no-repeat;}
.page2 .box{ width:1200px; height:526px; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; position:relative;}
.page2aboutbg{ width:332px; height:111px; position:absolute; left:42px; top:50px; background: url(../Images/aboutbg.png) no-repeat; text-indent:-9999px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page2list{ position:absolute; left:42px; top:235px;}
.page2list ul{ margin:0px; padding:0px; list-style:none;}
.page2list ul li{ margin:0px; padding:0px; list-style:none; width:300px; height:30px; background:url(../Images/atab.png) no-repeat; font-size:14px; color:#4d3500; line-height:30px; font-family:"Microsoft yahei"; font-size:14px; text-indent:32px; margin-top:15px;}
.page2list ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.page2list ul li:hover{background:url(../Images/atab2.png) no-repeat; margin-left:10px;}
.page2list ul li a{display:block;width:100%;height:100%; color:#4d3500}
.page2list ul li:hover a{ color:#FFF}
.page2house{ width:715px;height:430px; background: url(../Images/page2house3.png) no-repeat; position:absolute; right:0px; top:30px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
/*.page2group{ position:absolute; width:522px; height:146px; background:url(../Images/group.png) no-repeat; left:480px; top:55px;}*/
.page2groupList{ position:absolute; left:490px; top:55px;padding-top:153px;}
.page2groupList .grouplogo{width:100%;height:117px;position:absolute;left:0px;top:0px;background-image:url(../Images/grouplogo.png);background-position:top center;background-repeat:no-repeat;}
.page2groupList .groupxian{width:100%;height:25px;position:absolute;left:0px;top:117px;overflow:hidden;}
.page2groupList .groupxian .xian-l{width:32px;height:25px;float:left;background-image:url(../Images/xian-l.png);background-position:top right;background-repeat:no-repeat;}
.page2groupList .groupxian .xian-c{height:25px;float:left;background-image:url(../Images/xian.png);background-position:top;background-repeat:repeat-x;}
.page2groupList .groupxian .xian-r{width:32px;height:25px;float:left;background-image:url(../Images/xian-r.png);background-position:top left;background-repeat:no-repeat;}
.page2groupList ul{ margin:0px; padding:0px; list-style:none}
.page2groupList ul li{ margin-right: 38px; padding:0px; list-style:none; float:left; width:32px; height:255px; background:url(../Images/groupbg.png) no-repeat; text-align:center; font-size:12px; font-family:"Microsoft Yahei";}
.page2groupList ul li:last-child{margin-right:0px;}
.page2groupList ul li span{ display:table-cell; padding:0  0 0 5px;  width:20px; margin:0 auto; height:255px; text-align:center; overflow:hidden;vertical-align:middle; }


.page3{width:100%; height:493px; background:#EDEDED; overflow:hidden;  position:relative}
.page3 .box{ width:1200px; height:1007px; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; position:relative; }
.page3 .newstit{ width:502px; height:85px; position:absolute; right:0px; top:35px; background: url(../Images/gpztit.png) no-repeat;text-indent: -9999px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page3people{ width:608px; height:430px; background:url(../Images/people2.png) no-repeat; position:absolute; bottom:0px; left:-782px; transition: all 1s; z-index:1}

.page3 .arrbg{ width:917px; height:90px; background: url(../Images/arrbg.png) no-repeat; z-index:10; position:absolute; right:-100px; top:250px; z-index:101}
.page3 .arrbg ul{ margin:0px; padding:0px; list-style:none;}
.page3 .arrbg ul li{ margin:0px; padding:0px; list-style:none; width:86px; height:88px; background:url(../Images/quan.png) no-repeat; float:left; font-size:14px; font-family:"Microsoft Yahei"; line-height:88px; text-align:center; float:left; margin-left:40px; cursor:pointer; color:#4d3500;}
.page3 .arrbg ul li a{color:#4d3500;}
.page3 .arrbg ul li:hover{ background:url(../Images/quan2.png) no-repeat; color:#FFF;}
.page3 .arrbg ul li:hover a{ color:#FFF;}


.page3 .wordlist{ width:870px; height:300px; position:absolute;  right:0px; top:130px; z-index:100;}
.page3 .wordlist ul{ margin:0px; padding:0px; list-style:none;}
.page3 .wordlist ul li{ margin:0px; padding:0px; list-style:none; position:absolute; }
.page3 .wordlist ul li.t1{ background:url(../Images/dot.png) right top no-repeat; padding-top:11px; left:0px; top:211px; line-height:200%; text-align:right}
.page3 .wordlist ul li.t2{background:url(../Images/dot.png) right bottom no-repeat; padding-bottom:11px; left:60px; top:30px; line-height:200%; text-align:right}
.page3 .wordlist ul li.t3{background:url(../Images/dot.png) right top no-repeat; padding-top:11px; left:180px; top:211px; line-height:200%; text-align:right }
.page3 .wordlist ul li.t4{background:url(../Images/dot.png) right bottom no-repeat; padding-bottom:11px; left:300px; top:30px; line-height:200%; text-align:right}
.page3 .wordlist ul li.t5{background:url(../Images/dot.png) right top no-repeat; padding-top:11px; left:420px; top:211px; line-height:200%; text-align:right}
.page3 .wordlist ul li.t6{background:url(../Images/dot.png) right bottom no-repeat; padding-bottom:11px; left:570px; top:79px; line-height:200%; text-align:right}


.page4{width:100%; height:510px; overflow:hidden; background:#FFF; position:relative}
.page4 .box{ width:1200px; height:510px; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; position:relative}
.page4 .newstit{ width:489px; height:100px; position:absolute; left:40px; top:42px; background: url(../Images/zsk.jpg) no-repeat;text-indent: -9999px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}

.page4list{ position:absolute; left:42px; top:164px;}
.page4list ul{ margin:0px; padding:0px; list-style:none;}
.page4list ul li{ margin:0px; padding:0px; list-style:none; width:300px; height:30px; background:url(../Images/atab.png) no-repeat; font-size:14px; color:#4B3400; line-height:30px; font-family:"Microsoft yahei"; font-size:14px; text-indent:32px; margin-top:15px;}
.page4list ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.page4list ul li:hover{background:url(../Images/atab2.png) no-repeat;  margin-left:10px;}
.page4list ul li a{display:block;width:100%;height:100%; color:#4d3500;}
.page4list ul li:hover a{ color:#FFF}

.page4right{ width:518px; height:399px; background: url(../Images/gg2.png) no-repeat; position:absolute; right:100px; top:40px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}



.page5{width:100%; height:746px; overflow:hidden;position:relative; background:#06a9c5; }
.page5 .box{ width:1200px; height:746px; overflow:hidden; margin:0 auto; clear:both; position:relative;}
.page5 .box .prolist{ width:1200px; height:300px; overflow:hidden; position:absolute; left:0px; bottom:10px;}
.page5 .box .prolist ul{ margin:0px; padding:0px; list-style:none;}
.page5 .box .prolist ul li{ margin:0px; padding:0px; list-style:none; width:1200px; height:300px; overflow:hidden; float:left; text-align:center; }
.page5 .box .prolist ul li dl{ width:1200px; height:300px; overflow:hidden;}
.page5 .box .prolist ul li dl dd{width:300px; height:300px; overflow:hidden; float:left;}
.page5 .box .prolist ul li img{  border:0px;}
.page5 .box .prolist ul li dl dd{ position:relative;}
.page5 .box .prolist ul li dl dd p{ display:block; width:300px; height:30px; line-height:30px; text-align:center; position:absolute; left:0px; bottom:0px;}
.page5 .box .prolist ul li dl dd p em{ background:#52a8fe; border-radius:10px; color:#FFFFFF; font-size:14px; font-style:normal; padding:5px;}

.page5 .box .pintro{ position:absolute; right:0px; top:19px;}

.page5 .box .glist{ width:781px; height:353px; position:absolute; right:20px;top:20px; overflow:hidden;}
.page5 .box .glist ul{ margin:30px 0 0 0; padding:0px; list-style:none}
.page5 .box .glist ul li{ margin:0px; padding:0px; list-style:none; position:absolute; left:390px; overflow:hidden;transition: all 1s;transform:rotate(0deg);
-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg); 	/* Opera */
transform-origin: 31px 344px;
-ms-transform-origin:31px 344px; 	/* IE 9 */
-moz-transform-origin:31px 344px; 	/* Firefox */
-webkit-transform-origin:31px 344px; /* Safari 和 Chrome */
-o-transform-origin:31px 344px; 	/* Opera */

 }
.page5 .box .glist ul li.t1{width:63px; height:344px; z-index:6; background:url(../Images/p3.png) left bottom no-repeat; bottom:0px;}
.page5 .box .glist ul li.t2{width:63px; height:344px; z-index:6; background:url(../Images/p3.png) left bottom no-repeat; bottom:0px;}
.page5 .box .glist ul li.t3{width:63px; height:344px; z-index:6; background: url(../Images/p3.png) left bottom no-repeat; bottom:0px;}

.page5 .box .glist ul li.t4{width:63px; height:344px; z-index:6; background: url(../Images/p2.png) left bottom no-repeat; bottom:0px;}

.page5 .box .glist ul li.t5{width:63px; height:344px; z-index:6; background: url(../Images/p2.png) left bottom no-repeat; bottom:0px;}
.page5 .box .glist ul li.t6{width:63px; height:344px; z-index:6; background: url(../Images/p1.png) left bottom no-repeat; bottom:0px;}

.page5 .box .glist  em{ background:#52a8fe; border-radius:10px; color:#FFFFFF; font-size:14px; font-style:normal;  position:absolute; right:0px; bottom:0px; display:block; width:171px; height:31px; line-height:31px; overflow:hidden; text-align:center;}
.page5 .box .glist span{ background:#FFC33E; border-radius:10px; color:#A87812; font-size:14px; font-style:normal;  position:absolute; right:0px; top:30px; display:none; width:171px; height:31px; line-height:31px; overflow:hidden; text-align:center;}

.page5 .newstit{ width:379px; height:112px; position:absolute; left:0px; top:20px; background: url(../Images/gtcp.png) no-repeat;text-indent: -9999px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}

.page5 .plist{ position:absolute; left:0; top:135px;}
.page5 .plist ul{ margin:0px; padding:0px; list-style:none;}
.page5 .plist ul li{ margin:0px; padding:0px; list-style:none; width:300px; height:30px; background: url(../Images/pbg1.png) no-repeat; font-size:14px; color:#4B3400; line-height:30px; font-family:"Microsoft yahei"; font-size:14px; text-indent:35px; margin-top:15px;}
.page5 .plist ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.page5 .plist ul li:hover{ margin-left:10px;}
.page5 .plist ul li a{display:block;width:100%;height:100%; color:#4d3500}
/*.page5 .plist ul li:hover a{ color:#FFF;}*/

.page5 .leftarr{ position:absolute; width:24px; height:80px; background:url(../Images/leftarr.png) no-repeat; cursor:pointer; left:0px; bottom:164px;}
.page5 .rightarr{ position:absolute; width:24px; height:80px; background:url(../Images/rightarr.png) no-repeat; cursor:pointer; right:0px; bottom:164px;}



.page6{width:100%; height:713px; overflow:hidden;position:relative;background-size:cover; }
.page6 .box{ width:1200px; height:713px; overflow:hidden; margin:0 auto; clear:both; position:relative;}
.page6 .newstit{ width:431px; height:112px; position:absolute; left:0px; top:27px; background: url(../Images/anli.png) no-repeat;text-indent: -9999px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page6 .newstit2{  position:absolute; right:0px; top:51px;  opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; color:#724E00; text-align:right; line-height:25px}
.page6 .newstit2 i.t1{ font-size:26px; font-family:"Microsoft yahei";}
.page6 .newstit2 i.t2{ font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.page6 .intro{ width:100%; height:50px; line-height:25px; overflow:hidden; position: absolute; left:0px; top:160px;font-family:"Microsoft yahei"; font-size:14px;}
.page6 .newstit2 a{color:#724E00;}

.page6 .caseslist{ width:1200px; height:402px; overflow:hidden; position:absolute; left:0px; top:260px; }
.page6 .caseslist ul{ margin:0px; padding:0px; list-style:none;}
.page6 .caseslist ul li{ margin:0px; padding:0px; list-style:none; width:177px; height:134px; position:absolute;}
.page6 .caseslist ul li img{ width:177px; height:134px; position:absolute; left:0px; top:0px; z-index:1;}
.page6 .caseslist ul li span{ display:block; left:0px; top:0px; background:url(../Images/cover.png) repeat; z-index:100; width:100%; height:134px;height:134px; z-index:100; position:absolute; left:0px; top:0px;font-family:"Microsoft yahei"; font-size:16px; text-align:center; line-height:134px; color:#000; display:none}
.page6 .caseslist ul li.t1{ width:354px; height:268px; left:0px; top:0px;}
.page6 .caseslist ul li.t1 img{width:354px; height:268px;}
.page6 .caseslist ul li.t1 span{ height:268px;line-height:268px;}

.page6 .caseslist ul li.t2{  left:354px; top:0px;}
.page6 .caseslist ul li.t3{  left:531px; top:0px;}
.page6 .caseslist ul li.t4{  left:708px; top:0px;}
.page6 .caseslist ul li.t5{width:236px; height:268px;  left:885px; top:0px;}
.page6 .caseslist ul li.t5 img{ width:236px; height:268px;}
.page6 .caseslist ul li.t5 span{ height:268px;line-height:268px;}

.page6 .caseslist ul li.t6{  left:354px; top:134px;}
.page6 .caseslist ul li.t7{  left:531px; top:134px;}
.page6 .caseslist ul li.t8{  left:708px; top:134px;}

.page6 .caseslist ul li.t9{ left:0; top:268px;}
.page6 .caseslist ul li.t10{ left:177px; top:268px;}
.page6 .caseslist ul li.t11{ left:354px; top:268px;}
.page6 .caseslist ul li.t12{ left:531px; top:268px;}
.page6 .caseslist ul li.t13{ left:708px; top:268px;}
.page6 .caseslist ul li.t14{ left:885px; top:268px;}
.page6 .caseslist ul li.t14 img{width:236px; height:134px;}
.page6 .caseslist ul li.t14 span{ width:236px; height:134px;}

.page7{width:100%; height:506px; overflow:hidden;position:relative; background: url(../Images/ccbf.jpg) repeat-x #edf4fc;}
.page7 .box{ width:1200px; height:506px; overflow:hidden; margin:0 auto; clear:both; position:relative;}
.page7 .box .people{ width:415px; height:512px; position:absolute; left:0px; top:0px; background:url(../Images/kefu.png) no-repeat;}
.page7 .newstit{ width:419px; height:85px; position:absolute; left:430px; top:70px; background: url(../Images/service.png) no-repeat;text-indent: -9999px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page7list{ position:absolute; left:430px; top:170px; z-index:10}
.page7list ul{ margin:0px; padding:0px; list-style:none;}
.page7list ul li{ margin:0px; padding:0px; list-style:none; width:300px; height:30px; background:url(../Images/atab.png) no-repeat; font-size:14px; color:#4B3400; line-height:30px; font-family:"Microsoft yahei"; font-size:14px; text-indent:32px; margin-top:10px;}
.page7list ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.page7list ul li:hover{ margin-left:10px;background:url(../Images/atab2.png) no-repeat;}
.page7list ul li a{display:block;width:100%;height:100%; color:#color:#4d3500;}
.page7list ul li:hover a{ color:#FFF}
.page7 .newstit2{ width:503px; height:443px; position:absolute; right:0px; bottom:15px; background:url(../Images/plane.png) no-repeat; text-indent: -9999px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; z-index:0}

.page8{width:100%; height:auto; overflow:hidden;position:relative;}
.page8 .box{ width:1200px; height:300px; overflow:hidden; margin:0 auto; clear:both; position:relative;}
.page8 .newstit{ width:521px; height:58px; position:absolute; left:50%; margin-left:-260px; top:150px; background:url(../Images/contacttit.jpg) no-repeat;text-indent: -9999px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;} 
.page8 .newstit2{ width:800px; height:auto; overflow:hidden; position:absolute; left:200px; top:230px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; text-align:center; line-height:250%; font-size:20px; font-family:"Microsoft yahei";}
.page8 .code1{ width:138px; height:178px; border:0px; position:absolute; left:350px; bottom:-178px; transition: all 1s; }
.page8 .code2{ width:138px; height:178px; border:0px; position:absolute; right:350px; bottom:-178px; transition: all 1s; } 


/* for active */
.active .logo { opacity: 1; top:0px; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .page1House{ top:10px; transition-delay: 0.7s;}
.active .page1word{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .page1word2{opacity: 1;transition-delay: 1s;}

.active  .page2aboutbg{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active  .page2house{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active  .page3people{ left:-100px;transition-delay: 0.7s;}

.active  .page4right{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active  .box .glist ul li{ }
.active  .box .glist ul li.t1{transform:rotate(-45deg);
-ms-transform:rotate(-70deg); 	/* IE 9 */
-moz-transform:rotate(-70deg); 	/* Firefox */
-webkit-transform:rotate(-70deg); /* Safari 和 Chrome */
-o-transform:rotate(-70deg); 	/* Opera */
 transition-delay: 0.7s;
}
.active  .box .glist ul li.t2{transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */
 transition-delay: 0.7s;
}

.active  .box .glist ul li.t3{transform:rotate(-15deg);
-ms-transform:rotate(-15deg); 	/* IE 9 */
-moz-transform:rotate(-15deg); 	/* Firefox */
-webkit-transform:rotate(-15deg); /* Safari 和 Chrome */
-o-transform:rotate(-15deg); 	/* Opera */
 transition-delay: 0.7s;
}

.active  .box .glist ul li.t4{transform:rotate(15deg);
-ms-transform:rotate(15deg); 	/* IE 9 */
-moz-transform:rotate(15deg); 	/* Firefox */
-webkit-transform:rotate(15deg); /* Safari 和 Chrome */
-o-transform:rotate(15deg); 	/* Opera */
 transition-delay: 0.7s;
}
.active  .box .glist ul li.t5{transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
 transition-delay: 0.7s;
}

.active  .box .glist ul li.t6{transform:rotate(70deg);
-ms-transform:rotate(70deg); 	/* IE 9 */
-moz-transform:rotate(70deg); 	/* Firefox */
-webkit-transform:rotate(70deg); /* Safari 和 Chrome */
-o-transform:rotate(70deg); 	/* Opera */
 transition-delay: 0.7s;
}




.active .aboutbox1{ width:510px; height:257px;}
.active .aboutbox2{ width:510px; height:257px;}
.active .aboutbox3{ width:510px; height:257px;}
.active .aboutbox4{ width:510px; height:257px;}

.active .aboutbox1 .box{opacity: 1; transition-duration: 1s; transition-delay: 1.5s;}
.active .aboutbox2 .box{opacity: 1; transition-duration: 1s; transition-delay: 1.5s;}
.active .aboutbox3 .box{opacity: 1; transition-duration: 1s; transition-delay: 1.5s;}
.active .aboutbox4 .box{opacity: 1; transition-duration: 1s; transition-delay: 1.5s;}

.active .newstit { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .newstit2 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .jobtit { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active .jobintro { margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.active .jobbox { opacity: 1; transition-delay: 1.5s;}
.active .plane { margin-left:0; opacity: 1; transition-delay: 1.5s;}

.active .contacttit { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active .code1{ bottom:150px; transition-delay: 0.7s;}
.active .code2{ bottom:150px; transition-delay: 0.7s;}


/* for lt ie 10 */
.ltie10  .box .glist{ background: url(../Images/glist.png) bottom center no-repeat; }
.ltie10  .box .glist ul li{ display:none;}




.homefix{ width:100%; height:45px; position:fixed; left:0px; bottom:0px; z-index:99999; background:url(../Images/fixbg.png) repeat;}
.homefix .box{ width:800px; height:45px; line-height:45px; margin:0 auto; overflow: hidden; background:url(../Images/notice.png) 0 10px no-repeat; text-indent:35px; font-size:14px; font-family:"Microsoft Yahei"}