@charset "utf-8";
.basebox{ width:100%; min-width:320px; max-width:2000px; height:auto; overflow:hidden; position:relative; margin:0 auto; font-family:Arial, Helvetica, sans-serif; z-index:1;}
.centerArea{  height:auto; margin:0 auto; clear:both; overflow:hidden; }

#fixmenu{ width:60%; height:auto; overflow:hidden; background: url(../Images/cover2.png) repeat; position:fixed; left:0px; top:0px; z-index:100000; display:none}
#fixmenu .boxmenu{ width:96%; margin:0 auto; height:auto; position:relative; overflow:hidden;}
#fixmenu .close{ width:96%; margin:0 auto; margin-top:20px; overflow:hidden; text-align:right}
#fixmenu .themenu{ width:96%; margin:0 auto; overflow:hidden;}
#fixmenu .themenu ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li{ margin:0px padding:0px; list-style:none; font-size:16px; height:50px; line-height:50px; text-align:center}


.gotop{  width:40px; height:auto; cursor: pointer; z-index:200; right:10px;position: fixed;bottom: 100px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020;display: none;
}
.gotop ul{ margin:0px; padding:0px; list-style:none}
.gotop ul li{ margin:0px 0 5px 0; padding:0px; list-style:none;width:40px; height:42px; position:relative; overflow: visible}
.gotop ul li.t1 p{ display:block; cursor:pointer}
.gotop ul li.t1 p{ width:40px; height:42px; background:url(../Images/float1.png) no-repeat;}
.gotop ul li.t2 p{ width:40px; height:42px; background:url(../Images/float2.png)no-repeat;}
.gotop ul li.t3 p{ width:40px; height:42px; background:url(../Images/float3.png) no-repeat;}
.gotop ul li .ercode{ width:100px; height:100px; position:absolute; right:42px; top:0px; display:none}

.fixvideo{ position: fixed; z-index:100; right:15px; bottom:5px; width:125px;text-align:center;color:#FFF;
	line-height: 35px;
	font-size: 12px; }

.floatbottom{ width:100%; height:50px; line-height:50px; background:#FFF; overflow:hidden; position: fixed; left:0px; bottom:0px; z-index:100; display:none}
.floatbottom ul{ margin:0px; padding:0px; list-style:none}
.floatbottom ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; height:50px; line-height:50px; text-align:center; font-size:16px;}

.headbox{ width:100%; height:95px;position:relative; z-index:100;overflow:hidden; background: url(../Images/headbg.jpg) repeat-x; }
.headbox .box{ width:94%; max-width:1400px; height:95px;margin:0 auto; overflow:hidden; position:relative;}
.headbox .box .logobox{ position:absolute; left:0px; top:18px;}

.headbox .box .menubox{ position:absolute; right:0px; top:42px; width:65%;}
.headbox .box .menubox ul{ margin:0px; padding:0px; list-style:none}
.headbox .box .menubox ul li{ margin:0px; padding:0px; list-style:none; height:77px; line-height:77px; overflow:hidden; font-size:14px; font-family:"Microsoft Yahei"; width:20%; float:left; overflow:hidden; text-align:right}
.headbox .box .menubox ul li.onfocus{ color:#3f5992}
.headbox .box .menubox ul li.onfocus a{ color:#3f5992}


.headbox .box .menubtn{ position:absolute; right:0px; top:29px; width:47px; height:40px; font-size:30px; font-weight:normal; cursor:pointer;  z-index:100; color:#fff; text-align:right}







.homeSlide{ width:100%; height:604px; overflow:hidden; position:relative; z-index:10;  }
.homeSlide .list{width:100%; height:604px; overflow:hidden; position:relative}
.homeSlide .list ul{ margin:0px; padding:0px; list-style:none; }
.homeSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:604px; overflow:hidden; float:left; position:relative}
.homeSlide .cover{ position:absolute; left:0; bottom:0; width:100%; height:46px; background: url(../Images/slidecover.png) center center no-repeat; z-index:10}



.erSlide{ width:100%; height:366px; overflow:hidden; position:relative;z-index:5; }
.erSlide .list{width:100%; height:366px; overflow:hidden; position:absolute; left:0px; top:0px;}
.erSlide .list ul{ margin:0px; padding:0px; list-style:none}
.erSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:366px; overflow:hidden; float:left; position:relative}

.erSlide .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1400px; margin:0 auto; clear:both; overflow:hidden; position:relative; z-index:10 }
.erSlide .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.erSlide .titbox{ width:100%; height:43px; line-height:43px; font-size:30px; color:#FFF; margin-top:130px}
.erSlide .mlist{ width:100%; height:auto; overflow:hidden; margin-top:34px; overflow:hidden;}
.erSlide .mlist ul{ margin:0px; padding:0px; list-style:none}
.erSlide .mlist ul li{ margin:0px 37px 0 0; padding:0px; list-style:none; height:32px; line-height:32px; overflow:hidden; font-size:18px; font-weight:bold; float:left; color:#cbcdff}
.erSlide .mlist ul li a{ color:#cbcdff}
.shineimg { display:block; position: relative; width:800px; height:450px; margin:0 auto;}
.shineimg:before { content: ""; position: absolute; width:200px; height: 100%; top: 0; left: -150px; overflow: hidden;
background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg)
}
.shineimg:hover:before { left: 150%; transition: left 1s ease 0s; }


.pubmenu{ width:11.25%; position:fixed; left:0px; bottom:0px; height:100%; z-index:10; background:url(../Images/leftbg.jpg) left top no-repeat; background-size:cover;}
.pubmenu .logo{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:46px;}
.pubmenu .mlist{ width:100%; height:auto; overflow:hidden; margin-top:39px;}
.pubmenu .mlist ul{ margin:0px; padding:0px; list-style:none}
.pubmenu .mlist ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.pubmenu .mlist ul li .tit{ width:100%; height:70px; line-height:70px; border-bottom:1px solid #1c6abd; font-size:16px; color:#FFF; text-indent:70px;cursor:pointer}
.pubmenu .mlist ul li .list{ width:100%; height:auto; overflow:hidden; display:none}
.pubmenu .mlist ul li .list ul{ margin:0px; padding:0px; list-style:none}
.pubmenu .mlist ul li .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:35px; line-height:35px; color:#dae0e0; text-indent:70px; cursor:pointer}


.pubmenu .mlist ul li.t1 .tit{ background:url(../Images/menu1.png) 39px 26px no-repeat;}
.pubmenu .mlist ul li.t2 .tit{ background:url(../Images/menu2.png) 39px 26px no-repeat;}
.pubmenu .mlist ul li.t3 .tit{ background:url(../Images/menu3.png) 39px 26px no-repeat;}
.pubmenu .mlist ul li.t4 .tit{ background:url(../Images/menu4.png) 39px 26px no-repeat;}
.pubmenu .mlist ul li.t5 .tit{ background:url(../Images/menu5.png) 39px 26px no-repeat;}
.pubmenu .mlist ul li.t6 .tit{ background:url(../Images/menu6.png) 39px 26px no-repeat;}
.pubmenu .mlist ul li.t7 .tit{ background:url(../Images/menu7.png) 39px 26px no-repeat;}

.pubmenu .mlist ul li.onfocus{ background:url(../Images/leftbg1.jpg) repeat-y #137fe4; }
.pubmenu .mlist ul li.onfocus .tit{border:0}

.pubmenu .mlist ul li.onfocus .list{ display:block}
.pubmenu .ercode{ width:100%; height:auto; overflow:hidden;  margin-top:20px; text-align:center}
.pubmenu .ercodetit{ width:100%; height:50px; line-height:50px; font-size:16px; color:#FFF; text-align:center;}

.pubfoot{ width:100%; height:41px; background:#00398c; overflow:hidden; position:fixed; z-index:11; left:0px; bottom:0px;}
.pubfoot .copyright{ width:60%; float:left; line-height:41px; overflow:hidden; color:#FFF; text-indent:15px;}
.pubfoot .copyother{ width:40%; float:right; text-align:right; line-height:41px; color:#FFF; overflow:hidden;}
.pubtel{ position:absolute; width:352px; height:30px; background:url(../Images/telbg.png) no-repeat; line-height:30px; text-align:center; font-size:14px; color:#e8ed16; right:36px; top:36px; z-index:10; position:fixed}

.footbox{ width:100%; height:auto; overflow:hidden; clear:both; padding:25px 0;  background:#037cd1}
.footbox .cbox{ width:92%; margin:0 auto; overflow:hidden;}
.footbox .cbox .topone{ width:100%; height:auto; overflow:hidden;}
.footbox .cbox .topone .leftbox{ width:30%; float:left; height:auto; overflow:hidden;}
.footbox .cbox .topone .leftbox .box{ width:96%; height:auto; background:#FFF; overflow:hidden; padding:10px 0;}
.footbox .cbox .topone .leftbox .box .ercode{ width:90%; margin:0 auto; overflow:hidden; height:auto}
.footbox .cbox .topone .leftbox .box .ercode img{ width:100%; height:auto}
.footbox .cbox .topone .leftbox .box .tit{ width:90%; margin:0 auto; height:35px; line-height:35px; text-align:center; font-size:14px}
.footbox .cbox .topone .rightbox{ width:70%; float:left; height:auto; overflow:hidden;}
.footbox .cbox .topone .rightbox .tit{ width:100%; height:auto; overflow:hidden; font-size:16px; font-weight:bold; color:#FFF}
.footbox .cbox .topone .rightbox .tit2{ width:100%; height:auto; overflow:hidden; font-size:16px; font-weight:bold; color:#FFF; margin-top:25px;}
.footbox .cbox .topone .rightbox .telbox{ width:100%; height:auto; font-size:20px; overflow:hidden; color:#f0f300; line-height:200%;}

.footbox .cbox .bottomone{ width:100%; height:auto; overflow:hidden; line-height:200%; color:#FFF; margin-top:20px; }

.pubnext{ width:34px; height:56px; background:url(../Images/gonext.png) no-repeat; overflow:hidden; position:absolute; left:50%; bottom:90px;}

.mbtitbox{ width:100%; margin:0 auto; overflow:hidden; background:url(../Images/mtit.jpg) 0 0 no-repeat; height:50px; margin-top:30px; display:none}
.mbtitbox p.t1{ display:block; width:100%; height:30px; line-height:30px; font-size:20px; font-weight:bold; color:#0177ce; text-indent:17px;}
.mbtitbox p.t2{ display:block; width:100%; height:30px; line-height:30px; font-size:14px;  color:#bcc2c2; text-indent:17px;}

.pcshow{ display:block}
.mbshow{ display:none}


.section { position: relative; overflow: hidden; z-index:1}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}
.theinbox{ width:100%; height:850px; overflow:hidden ; position:relative}

.page1{ width:100%; height:100%; overflow:hidden; background:url(../Images/page1bg.jpg) center center no-repeat; background-size:cover;}
.page1 .page1_person{ width:50%; height:100%; overflow:hidden; background:url(../Images/page1person.png) right bottom no-repeat; position:absolute; right:-100%; bottom:0px;opacity: 0; transition: all 1.7s;background-size:auto 100%;}
.page1 .page1_tit{ position:absolute; left:16.14%; width:39%; overflow:hidden; top:136px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page1 .page1_tit img{ max-width:90%; height:auto}
.page1 .page1_water{ position:absolute; left:-100%; bottom:100px;opacity: 0; transition: all 1.7s;}
.page1 .page1_water img{ max-width:90%;}
.page1 .page1_shinewater{ position:absolute; left:300px; bottom:200px; background:url(../Images/waterquan.png) no-repeat; width:1000px; height:1000px; opacity:0.1;animation: page1Water 20s linear infinite;}

.page1 .slidebox{ position:absolute; right:0px; top:0px; width:90%; height:100%; overflow:hidden;}
.page1 .slidebox .list{ width:100%; height:100%; overflow:hidden;}
.page1 .slidebox .list ul{ margin:0px; padding:0px; list-style:none}
.page1 .slidebox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:100%; overflow:hidden;} 

@keyframes page1Water {
  0 { opacity:0.1;bottom:200px}
  25% { opacity:0.5;bottom:150px}
  50% { opacity:0.7;bottom:100px}
  75% { opacity:0.5;bottom:50px}
  100% { opacity:0.2;bottom:0px}
}


.page2{ width:100%; height:100%; overflow:hidden; background: url(../Images/page2bg.jpg) center center no-repeat; background-size:cover;}
.page2 .thebox{ width:79.20%; position:absolute; left:16.14%; bottom:231px; overflow:hidden;}
.page2 .topone{ width:100%; height:450px; overflow:hidden;}
.page2 .topone .leftone{ width:36%; float:left; overflow:hidden; height:auto}
.page2 .topone .leftone .tit{ width:100%; height:66px; line-height:66px; text-align:right; font-size:30px; font-weight:bold; color:#1962cc; margin-top:36px;}
.page2 .topone .leftone .word1{ width:100%; height:121px; overflow:hidden; line-height:40px; font-size:18px; margin-top:28px; overflow:hidden; text-align:left; color:#333333}
.page2 .topone .leftone .word2{ width:100%; height:40px; line-height:40px; overflow:hidden; text-align:right; font-size:20px; font-weight:bold; color:#000}
.page2 .topone .leftone .word3{width:100%; height:40px; line-height:40px; overflow:hidden; text-align:right; font-size:16px; color:#666666}

.page2 .topone .rightbone{ width:62%; float:right; overflow:hidden;height:519px; overflow:hidden; position:relative}
.page2 .topone .rightbone .listone{ width:39%; float:left; overflow:hidden;}
.page2 .topone .rightbone .listone ul{ margin:0px; padding:0px; list-style:none}
.page2 .topone .rightbone .listone ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:519px; overflow:hidden;transition: all 1s; }
.page2 .topone .rightbone .listtwo{ width:100%; height:519px; overflow:hidden; float:left; position:relative}
.page2 .topone .rightbone .list{ width:600px; height:519px; overflow:hidden; overflow:hidden;  position:relative; margin:0 auto;}
.page2 .topone .rightbone .list ul{ margin:0px; padding:0px; list-style:none}
.page2 .topone .rightbone .list ul li{ margin:0px; padding:0px; list-style:none; float:left; overflow:hidden; transition: all 1s;}
 

.three-slide{ position: absolute; }
.only01 .three-slide01{ top: 0; left: 120px; z-index: 6; width: 330px; height: 453px; }

.only02 .three-slide01{ top: 0; left: 120px; z-index: 6; width: 330px; height: 453px; }
.only02 .three-slide02{ top: 159px; left: 0; z-index: 5; width: 184px; height: 253px;  }


.only03 .three-slide01{ top: 0; left: 120px; z-index: 6; width: 330px; height: 453px; }
.only03 .three-slide02{ top: 117px; left: 430px; z-index: 4; width: 121px; height: 162px; }
.only03 .three-slide03{ top: 159px; left: 0px; z-index: 5; width: 185px; height: 253px; }

.only04 .three-slide01{ top: 0; left: 120px; z-index: 6; width: 330px; height: 453px; }
.only04 .three-slide02{ top: 117px; left: 430px; z-index: 4; width: 120px; height: 162px; }
.only04 .three-slide03{ top: 170px; left: 223px; z-index: 3; width: 82px; height: 113px; }
.only04 .three-slide04{ top: 159px; left: 0; z-index: 5; width: 184px; height: 253px; }

/*
.page2 .topone .rightbone .list ul li.t1{ width:40%}
.page2 .topone .rightbone .list ul li.t2{ width:30%}
.page2 .topone .rightbone .list ul li.t3{ width:20%;}
*/
.page2 .topone .rightbone .larr{ position:absolute; left:0px; top:50%; margin-top:-40px; height:80px; width:30px; background:url(../Images/qhleft.png) no-repeat; background-size:100% auto; cursor:pointer; overflow:hidden; z-index:100}

.page2 .topone .rightbone .rarr{ position:absolute; right:0px; top:50%; margin-top:-40px; height:80px; width:30px; background:url(../Images/qhright.png) no-repeat; background-size:100% auto; cursor:pointer; overflow:hidden;z-index:100}


.page2 .navmenu{ width:495px; margin:0 auto; overflow:hidden; margin-top:80px; overflow:hidden;}
.page2 .navmenu ul{ margin:0px; padding:0px; list-style:none}
.page2 .navmenu ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:41px; line-height:41px; text-align:center; background:url(../Images/nav1.png) center center no-repeat; font-size:14px; font-weight:bold; color:#037dd2; cursor:pointer; float:left}
.page2 .navmenu ul li.onfocus{ background:url(../Images/nav2.png) center center no-repeat; color:#ffffff}

.page2 .navmenu2{ width:495px; margin:0 auto; overflow:hidden; margin-top:80px; overflow:hidden;}
.page2 .navmenu2 ul{ margin:0px; padding:0px; list-style:none}
.page2 .navmenu2 ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:41px; line-height:41px; text-align:center; background:url(../Images/nav1.png) center center no-repeat; font-size:14px; font-weight:bold; color:#037dd2; cursor:pointer; float:left}
.page2 .navmenu2 ul li.onfocus{ background:url(../Images/nav2.png) center center no-repeat; color:#ffffff}

.page2 .page2show{opacity: 0; transition: all 1.7s;}

.dynamic-area1{position: absolute;width: 100%;height: 100%; top: 0;left: 0;background: url(../Images/poster-drop-animate2.png) repeat-x 0px 0px;background-size: cover;
  animation: posterDrop1 6000s linear infinite; opacity:0.3}
@keyframes posterDrop1 {
  from { background-position: 0 0; }
  to { background-position: 4000% 0; }
}

.dynamic-area2{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url(../Images/poster-drop-animate1.png) repeat-x 0px 0px;background-size: cover;animation: posterDrop2 8000s linear infinite;opacity:0.4}

@keyframes posterDrop2 {
  from { background-position: 0 0; }
  to { background-position: 30000% 0; }
}



.page3{ width:100%; height:100%; overflow:hidden;  background-size:cover;}
.page3 .theinbox{ height:920px;}

.page3 .onebox{ width:100%; height:100%; overflow:hidden;}
.page3 .page3_1bg{ background:url(../Images/page3_1.jpg) center center no-repeat; background-size:cover;}
.page3 .page3_1bg .cbox{ position:absolute; left:11.25%; bottom:69px; height:788px; width:73%; overflow:hidden;}
.page3 .page3_1bg .page3_1watertop{ width:341px; height:603px; overflow:hidden; background:url(../Images/watertop.png) center center no-repeat; position:absolute; left:215px; top:
-603px;opacity: 0;transition: all 1s;}
.page3 .page3_1bg .page3_1waterbottom{ width:341px; height:185px; overflow:hidden; background:url(../Images/wanterbotttom.png) center center no-repeat; position:absolute; left:215px; bottom:-185px;opacity: 0;transition: all 1s;}
/*
.page3 .page3_1bg .page3_1waterwave{ width:1020px; height:442px; position:absolute; left:0px; bottom:0px; background:url(../Images/bowen.png) center center no-repeat;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; background-size:100% 100%}
*/
.page3 .page3_1bg .page3_1waterwave{ width:864px; height:346px; position:absolute; left:0px; bottom:0px; background:url(../Images/thecloud.png) center center no-repeat;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; background-size:100% 100%}
.page3 .page3_1bg .page3_1word{ position:absolute; right:0px; top:260px; font-size:60px; font-weight:bold; color:#018bc9;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}

.page3 .page3_2bg{ background:url(../Images/page3_2.jpg) center center no-repeat; background-size:cover;display:none}
.page3 .page3_2bg .page3_2tit{ position:absolute; right:400px; top:20px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page3 .page3_2bg .page3_2word{ position:absolute; right:126px; top:260px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page3 .page3_2bg .page3_2list{ position:absolute; right:520px; bottom:281px; overflow:hidden;}
.page3 .page3_2bg .page3_2list ul{ margin:0px; padding:0px; list-style:none}
.page3 .page3_2bg .page3_2list ul li{ margin:15px 0 0 0; padding:0px; list-style:none; width:276px; height:187px; border:7px solid #149dd5;}


.page3 .page3_3bg{ background:url(../Images/page3_3.jpg) center center no-repeat; background-size:cover;display:none}
.page3 .page3_3bg .page3_3tit{ width:556px; height:1033px; background:url(../Images/page3_3tit.png) center center no-repeat; position:absolute; left:0px; top:0px;opacity: 0;  transition: all 1s;}

.page3 .page3_4bg{ background:#ffffff; display:none}
.page3 .page3_4bg .page3_4tit{ position:absolute; right:231px; top:157px; overflow:hidden;}
.page3 .page3_4bg .page3_4list{ width:70%; height:auto; overflow:hidden; position:absolute; right:231px; top:240px;}

.page3 .page3_4bg .page3_4listone{ width:50%; height:auto; overflow:hidden; float:left; margin:0 0 15px 0}
.page3 .page3_4bg .page3_4listone .box{ width:96%; float:right; overflow:hidden;}
.page3 .page3_4bg .page3_4listone .tit{ width:100%; height:28px; overflow:hidden; background:url(../Images/.page3_4listonetit.jpg) center center no-repeat; background-size:cover; line-height:28px; font-size:14px; color:#FFF; text-indent:10px;}
.page3 .page3_4bg .page3_4listone .list{ width:100%; height:auto; overflow:hidden; clear:both}
.page3 .page3_4bg .page3_4listone .list ul{ margin:0px; padding:0px; list-style:none}
.page3 .page3_4bg .page3_4listone .list ul li{ margin:6px 0 0 0; padding:0px; list-style:none; width:25%; float:left; overflow:hidden;}
.page3 .page3_4bg .page3_4listone .list ul li .pic{ width:96%; height:80px; border:1px solid #f4f4f4;}

.page3 .page3_4bg .page3_4word{ width:100%; height:30px; line-height:30px; text-align:right; float:left}


.page3 .themenu{ width:640px; position:absolute; left:50%; margin-left:-320px; bottom:160px; overflow:hidden; z-index:100}
.page3 .themenu ul{ margin:0px; padding:0px; list-style:none}
.page3 .themenu ul li{ margin:0px; padding:0px; list-style:none; width:160px; height:41px; line-height:41px; text-align:center; font-size:14px; color:#0364c3; cursor:pointer; float:left; background:url(../Images/nav1.png) center center  no-repeat}
.page3 .themenu ul li.onfocus{ background:#ffffff; background:url(../Images/nav2.png) center center no-repeat; color:#FFF}

.page4{ width:100%; height:100%; overflow:hidden; background: url(../Images/page4bg.jpg) center center no-repeat; background-size:cover;}
.page4 .page4word{ width:75.67%; position:absolute; overflow:hidden; font-size:14px; line-height:200%; overflow:hidden; position:absolute; left:16.09%; top:100px; color:#0266c1;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page4 .page4history{ width:88.75%; height:570px; position:absolute; right:0; top:290px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page4 .page4history .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:30px; color:#0266c1}
.page4 .page4history .word{ width:100%; height:auto; overflow:hidden; display:none;transition: all 1s;}
.page4 .page4history .word img{ width:100%;}
.page4 .page4history .word2{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:14px; color:#333333}

.page4 .page4history:hover .word{ display:block}


.page4 .themenu{ width:80%; margin:0 auto; overflow:hidden; z-index:100; margin-top:30px}
.page4 .themenu ul{ margin:0px; padding:0px; list-style:none}
.page4 .themenu ul li{ margin:0px 2%; padding:0px; list-style:none; width:46%; height:41px; line-height:41px; text-align:center; font-size:14px; color:#0364c3; cursor:pointer; float:left; background:url(../Images/nav1.png) center center  no-repeat}
.page4 .themenu ul li.onfocus{ background:#ffffff; background:url(../Images/nav2.png) center center no-repeat; color:#FFF}



.page5{ width:100%; height:100%; overflow:hidden; background:url(../Images/page5bg.jpg) center center no-repeat;  background-size:cover;}
.page5 .page5_cbox{ width:62%; position:absolute; overflow:hidden; left:24.90%; top:100px;}
.page5 .page5_tit{ width:100%; height:50px; line-height:50px; font-size:30px; color:#0266c1;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; text-align:center}

.page5 .page5_word{ width:100%; height:auto; line-height:200%; font-size:14px; color:#0266c1;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; text-align:center; margin-top:33px;}
.page5 .page5_list1{ width:70%; margin:0 auto; overflow:hidden; margin-top:100px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
.page5 .page5_list1 ul{ margin:0px; padding:0px; list-style:none}
.page5 .page5_list1 ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:191px; float:left; overflow:hidden;}
.page5 .page5_list2{ width:100%; margin:0 auto; overflow:hidden; margin-top:58px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
.page5 .page5_list2 ul{ margin:0px; padding:0px; list-style:none}
.page5 .page5_list2 ul li{ margin:0px; padding:0px; list-style:none; width:20%; height:165px; float:left; overflow:hidden;}

.page5 .themenu{ width:80%; margin:0 auto; overflow:hidden; position:relative; z-index:100; margin-top:30px}
.page5 .themenu ul{ margin:0px; padding:0px; list-style:none}
.page5 .themenu ul li{ margin:0px 2%; padding:0px; list-style:none; width:46%; height:41px; line-height:41px; text-align:center; font-size:14px; color:#0364c3; cursor:pointer; float:left; background:url(../Images/nav1.png) center center  no-repeat}
.page5 .themenu ul li.onfocus{ background:#ffffff; background:url(../Images/nav2.png) center center no-repeat; color:#FFF}



.page6{ width:100%; height:100%; overflow:hidden;  background-size:cover;}
.page6 .theinbox{ height:920px;}

.page6 .onebox{ width:100%; height:100%; overflow:hidden;}
.page6 .page6_1bg{ background:url(../Images/page6_1.jpg) center center no-repeat; background-size:cover; }
.page6 .page6_1bg .cbox{ width:72.13%; height:auto; overflow:hidden; position:absolute; left:20.31%; top:200px;}
.page6 .page6_1bg .page6_1tit{ width:100%; height:50px; line-height:50px; font-size:30px; overflow:hidden; font-weight:bold; color:#1962cc} 
.page6 .page6_1bg .page6_1list{ width:56.53%; margin-top:86px; overflow:hidden; margin-left:17.18%;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.page6 .page6_1bg .page6_1list ul{ margin:0px; padding:0px; list-style:none}
.page6 .page6_1bg .page6_1list ul li{ margin:0px 0 90px 0; padding:0px; list-style:none; width:100%; height:203px; overflow:hidden; background:url(../Images/kuohao.png) center center no-repeat; background-size:100% 100%; position:relative}
.page6 .page6_1bg .page6_1list ul li .pic{ width:42.27%; height:203px; overflow:hidden; position:absolute; left:4%; top:0px; border-radius:10px;}
.page6 .page6_1bg .page6_1list ul li .wordbox{width:42.27%; height:203px; overflow:hidden; position:absolute; left:51.72%; top:0px; color:#1962cc}
.page6 .page6_1bg .page6_1list ul li .tit{ width:100%; height:42px; line-height:42px; text-align:right; font-size:30px;}
.page6 .page6_1bg .page6_1list ul li .word{ width:100%; height:auto; overflow:hidden; margin-top:30px; line-height:200%; font-size:16px;}

.page6 .page6_1bg .page6_1list ul li.even .pic{left:51.72%; }
.page6 .page6_1bg .page6_1list ul li.even .wordbox{left:4%; }
.page6 .page6_1bg .page6_1list ul li.even .tit{ text-align:left}

.page6 .page6_2bg{ background:url(../Images/page6_2.jpg) center center no-repeat; background-size:cover;display:none}
.page6 .page6_2bg .cbox{ width:72.13%; height:auto; overflow:hidden; position:absolute; left:20.31%; top:200px;}
.page6 .page6_2bg .page6_2tit{ width:100%; height:50px; line-height:50px; font-size:30px; overflow:hidden; font-weight:bold; color:#1962cc} 

#produce{ width:100%; height:560px; overflow:hidden; position:relative}
.page6 .page6_2bg .page6_2list{ width:100%; margin-top:86px; overflow:hidden; height:425px; }
.page6 .page6_2bg .page6_2list ul{ margin:0px; padding:0px; list-style:none}
.page6 .page6_2bg .page6_2list ul li{ margin:0; padding:0px; list-style:none; width:33.33%; height:425px; overflow:hidden; position: relative; float:left}
.page6 .page6_2bg .page6_2list ul li .box{ width:96%; height:425px; overflow:hidden; margin:0 auto}
.page6 .page6_2bg .page6_2list ul li .pic{ width:100%; height:310px; overflow:hidden;}
.page6 .page6_2bg .page6_2list ul li .pic .img{width:100%; height:310px; overflow:hidden;transition: all 0.5s ease;}
.page6 .page6_2bg .page6_2list ul li .titbox{ width:100%; height:113px; overflow:hidden; background:url(../Images/cover1.png) repeat;}
.page6 .page6_2bg .page6_2list ul li .in{ width:90%; margin: auto; color:#FFF}
.page6 .page6_2bg .page6_2list ul li .in .tit{ width:100%; height:36px; line-height:36px; overflow:hidden; font-size:18px; margin-top:10px;}
.page6 .page6_2bg .page6_2list ul li .in .word{ width:100%; height:60px; line-height:20px; overflow:hidden; font-size:12px; }

.page6 .page6_2bg .page6_2list ul li:hover .pic .img{webkit-transform: scale(1.1); transform: scale(1.1);}


.page6 .themenu{ width:320px; position:absolute; left:20.31%;top:100px; overflow:hidden; z-index:100}
.page6 .themenu ul{ margin:0px; padding:0px; list-style:none}
.page6 .themenu ul li{ margin:0px; padding:0px; list-style:none; width:160px; height:41px; line-height:41px; text-align:center; font-size:14px; color:#0364c3; cursor:pointer; float:left; background:url(../Images/nav1.png) center center  no-repeat}
.page6 .themenu ul li.onfocus{ background:#ffffff; background:url(../Images/nav2.png) center center no-repeat; color:#FFF}




.page7{ width:100%; height:100%; background: url(../Images/page7bg.jpg) center center no-repeat; overflow:hidden; background-size:cover;}
.page7 .themenu{ width:320px; position:absolute; left:20.31%;top:60px; overflow:hidden; z-index:100}
.page7 .themenu ul{ margin:0px; padding:0px; list-style:none}
.page7 .themenu ul li{ margin:0px; padding:0px; list-style:none; width:160px; height:41px; line-height:41px; text-align:center; font-size:14px; color:#0364c3; cursor:pointer; float:left; background:url(../Images/nav1.png) center center  no-repeat}
.page7 .themenu ul li.onfocus{ background:#ffffff; background:url(../Images/nav2.png) center center no-repeat; color:#FFF}

.page7 .page7_tit{ width:100%; height:50px; line-height:50px; font-size:30px; overflow:hidden; font-weight:bold; color:#1962cc;position:absolute; left:20.31%;top:160px;} 
.page7 .page7_tit span{ height:50px; line-height:50px;}
.page7 .page7_tit span.t1{ display:block}
.page7 .page7_tit span.t2{ display:none}

.page7 .cbox{ position:absolute; left:20.31%; top:125px; overflow:hidden; width:79.01%; height:auto; overflow:hidden; z-index:10}
.page7 .cbox .onebox{ width:100%; height:auto; overflow:hidden;}
.page7 .cbox .listbox{ width:50%; float:left; overflow:hidden; margin-top:141px;}
.page7 .cbox .listbox .box{ width:96%; height:auto; overflow:hidden; height:365px; background:#FFF; border-radius:10px;}
.page7 .cbox .listbox .tit{ width:100%; height:53px; overflow:hidden; background:#4480d6; font-size:20px; text-indent:50px; line-height:53px; color:#FFF}
.page7 .cbox .listbox .list{width:100%; height:auto; overflow:hidden;} 
.page7 .cbox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.page7 .cbox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:40px; line-height:40px; font-size:14px; text-indent:50px; overflow:hidden;}
.page7 .cbox .listbox .list ul li.even{ background:#eaebec}
.page7 .page7water{ width:88.75%; height:173px; overflow:hidden; background:url(../Images/page7water.png) bottom center no-repeat; position:absolute; left:11.25%; bottom:70px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; z-index:0}

.page7 .page7quan{ width:1450px; height:764px; overflow:hidden; position:relative}
.page7 .page7quan .quan{ width:764px; height:764px; overflow:hidden; position:absolute; right:0px; top:0px;}
.page7 .page7quan .quan .quanout{ background:url(../Images/quan3.png) no-repeat; width:764px; height:764px; overflow:hidden; position:absolute; left:0px; top:0px;}
.page7 .page7quan .quan .quancenter{ background:url(../Images/quan2.png) no-repeat; width:688px; height:688px; overflow:hidden;position:absolute; left:38px; top:38px;}
.page7 .page7quan .quan .quanin{ background:url(../Images/quan1.png) no-repeat; width:740px; height:740px; overflow:hidden;position:absolute; left:12px; top:12px;}

.page7 .page7quan .list{ width:100%; height:764px; overflow:hidden; position:absolute; left:0px; top:0px; z-index:100 }
.page7 .page7quan .list ul{ margin:0px; padding:0px; list-style:none}
.page7 .page7quan .list ul li{ margin:0px; padding:0px; list-style:none; width:64%; height:auto; overflow: visible; position:absolute;}
.page7 .page7quan .list ul li .tit{ width:100%; height:40px; line-height:40px; font-size:14px; color:#FFF; text-indent:15px; border-radius:15px; background:#325f9a; position:absolute; right:0px;transition: all 0.5s ease; overflow:hidden;}
.page7 .page7quan .list ul li .word{ width:100%; height:150px; line-height:30px; overflow:hidden; font-size:14px; display:none; position:absolute; left:0px; top:40px;transition: all 0.5s ease;transition-duration:1s; transition-delay:2s; padding:15px; color:#345e9a}
.page7 .page7quan .list ul li .word .inbox{ width:50%; height:auto; overflow:hidden; line-height:30px;}

.page7 .page7quan .list ul li.t1{ right:500px; top:105px;}
.page7 .page7quan .list ul li.t1 .tit{ background: url(../Images/quan/1.png) right top no-repeat; width:50%}

.page7 .page7quan .list ul li.t2{ right:600px; top:204px; max-width:58%;}
.page7 .page7quan .list ul li.t2 .tit{ background: url(../Images/quan/2.png) right top no-repeat;width:35%;}

.page7 .page7quan .list ul li.t3{ right:630px; top:284px; max-width:56%}
.page7 .page7quan .list ul li.t3 .tit{ background: url(../Images/quan/3.png) right top no-repeat;width:30%}

.page7 .page7quan .list ul li.t4{ right:630px; top:364px;max-width:54%}
.page7 .page7quan .list ul li.t4 .tit{ background: url(../Images/quan/4.png) right top no-repeat;width:25%}

.page7 .page7quan .list ul li.t5{ right:588px; top:445px;max-width:54%}
.page7 .page7quan .list ul li.t5 .tit{ background: url(../Images/quan/5.png) right top no-repeat;width:20%}

.page7 .page7quan .list ul li.t6{ right:515px; top:524px;}
.page7 .page7quan .list ul li.t6 .tit{ background: url(../Images/quan/6.png) right top no-repeat;width:15%}

.page7 .page7quan .list ul li.onfocus .tit{ width:100%;}
.page7 .page7quan .list ul li.onfocus .word{ display:block}

.move1 {
	animation: myMove1 5s ease-in infinite alternate;
	-webkit-animation: myMove1 5s ease-in infinite alternate;
}
.move2 {
	animation: myMove2 3s ease infinite alternate;
	-webkit-animation: myMove1 3s ease infinite alternate;
}
.move3 {
	animation: myMove3 2s ease-in infinite alternate;
	-webkit-animation: myMove1 2s ease-in infinite alternate;
}
@keyframes myMove1 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
@-webkit-keyframes myMove1 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
@keyframes myMove2 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
@-webkit-keyframes myMove2 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
@keyframes myMove3 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
@-webkit-keyframes myMove3 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}




/*

*/
.page8{ width:100%; height:100%; overflow:hidden; background:url(../Images/page8bg.jpg) center center no-repeat;  background-size:cover;}
.page8 .page8tel{ width:485px; height:103px; background:url(../Images/page8tel.png) no-repeat; position:absolute; overflow:hidden;position:absolute; left:20.31%; top:121px; color:#FFF; line-height:103px; font-size:20px; text-indent:162px; font-weight:bold;  }
.page8 .cbox{ width:78.51%; position:absolute; left:20.31%; top:250px;}
.page8 .cbox .onebox{ width:50%; float:left; overflow:hidden;}
.page8 .cbox .onebox .box{ width:96%; height:auto; overflow:hidden;}
.page8 .cbox .onebox .box .tit{ width:100%; height:50px; line-height:50px; font-size:30px; font-weight:bold; overflow:hidden; color:#1962cc}
.page8 .cbox .onebox .box .wordbox{width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%; margin-top:15px; color:#1962cc}

.page8 .cbox .other{ display:block}

.page8 .themenu{ width:80%; margin:0 auto;overflow:hidden; z-index:100; margin:25px auto 25px auto;}
.page8 .themenu ul{ margin:0px; padding:0px; list-style:none}
.page8 .themenu ul li{ margin:0px 2%; padding:0px; list-style:none; width:46%; height:41px; line-height:41px; text-align:center; font-size:12px; color:#0364c3; cursor:pointer; float:left; background:url(../Images/nav1.png) center center  no-repeat}
.page8 .themenu ul li.onfocus{ background:#ffffff; background:url(../Images/nav2.png) center center no-repeat; color:#FFF}



.page9{ width:100%; height:100%; overflow:hidden; background-size:cover;}





.active .page1_person { opacity: 1; transition-delay: 0.7s; right:0px; }
.active .page1_tit { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s; }
.active .page1_water{left:16.14%;opacity: 1; transition-delay: 0.7s;  }

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

.active .page3_1bg .page3_1watertop{opacity: 1; top:0 }
.active .page3_1bg .page3_1waterbottom{opacity: 1; bottom:0 }
.active .page3_1bg .page3_1waterwave{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1s; }
.active .page3_1bg .page3_1word{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

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

.active .page3_3bg .page3_3tit{opacity: 1;  transition-delay: 0.7s; left:11.25%;}

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

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

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

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

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