@CHARSET "UTF-8";

@font-face {
    font-family: 'cabinsketchregular';
    src: url('font/cabinsketch-regular-webfont.eot');
    src: url('font/cabinsketch-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/cabinsketch-regular-webfont.woff') format('woff'),
         url('font/cabinsketch-regular-webfont.ttf') format('truetype'),
         url('font/cabinsketch-regular-webfont.svg#cabinsketchregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cabinsketchbold';
    src: url('font/cabinsketch-bold-webfont.eot');
    src: url('font/cabinsketch-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/cabinsketch-bold-webfont.woff') format('woff'),
         url('font/cabinsketch-bold-webfont.ttf') format('truetype'),
         url('font/cabinsketch-bold-webfont.svg#cabinsketchbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'neucharegular';
    src: url('font/neucha-webfont.eot');
    src: url('font/neucha-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/neucha-webfont.woff') format('woff'),
         url('font/neucha-webfont.ttf') format('truetype'),
         url('font/neucha-webfont.svg#neucharegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'patrick_handregular';
    src: url('font/patrickhand-regular-webfont.eot');
    src: url('font/patrickhand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/patrickhand-regular-webfont.woff') format('woff'),
         url('font/patrickhand-regular-webfont.ttf') format('truetype'),
         url('font/patrickhand-regular-webfont.svg#patrick_handregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body , html {margin:0px;padding:0px;height:100%;}
table , td {border-collapse:collapse;padding:0px;}
img , a {border:0px;outline:0px;}
.cssClear {clear:both}
.cssHide {display:none}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
   display: block;
}

* html .clearfix {
   height: 1%;
}

.layer div {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swing-1 {
  -moz-animation: 3s ease 0s normal none infinite swing;
  -moz-transform-origin: center center;
  -webkit-animation:swing 3s infinite ease-in-out;
  -webkit-transform-origin:center;
}

.swing-2 {
  -moz-animation: 3s ease 0s normal none infinite swing;
  -moz-transform-origin: center top;
  -webkit-animation:swing 3s infinite ease-in-out;
  -webkit-transform-origin:top;
}

.swing-3 {
  -moz-animation: 2s ease 0s normal none infinite swing;
  -moz-transform-origin: center center;
  -webkit-animation:swing 2s infinite ease-in-out;
  -webkit-transform-origin:center;
}

.swinging-4 {
  -moz-animation: 7s ease 0s normal none infinite swing;
  -moz-transform-origin: center top;
  -webkit-animation:swing 7s infinite ease-in-out;
  -webkit-transform-origin:top;
}

.swinging-5 {
  -moz-animation: 10s ease 0s normal none infinite swing;
  -moz-transform-origin: center top;
  -webkit-animation:swing 10s infinite ease-in-out;
  -webkit-transform-origin:top;
}

@-moz-keyframes swing{
    0%{-moz-transform:rotate(-3deg)}
    50%{-moz-transform:rotate(3deg)}
    100%{-moz-transform:rotate(-3deg)}
}
@-webkit-keyframes swing{
    0%{-webkit-transform:rotate(-3deg)}
    50%{-webkit-transform:rotate(3deg)}
    100%{-webkit-transform:rotate(-3deg)}
}

@-moz-keyframes swinging{
    0%{-moz-transform:rotate(-1deg)}
    50%{-moz-transform:rotate(1deg)}
    100%{-moz-transform:rotate(-1deg)}
}
@-webkit-keyframes swinging{
    0%{-webkit-transform:rotate(-1deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(-1deg)}
}



.horizontal-only{height: auto;max-height: 200px;}

body {width:100%;height:100%;}
#container {position : absolute; top : 50%; left: 49%;}
.cssContent{min-height:400px;}
.cssContentPanel{min-height:650px; height:650px;}

#content_2 .cssContent{min-height:200px !important;}

.cssMasterPanel {position:relative;width:100%;min-width:960px;min-height:100%;}
.cssMasterPanel .cssHeaderPanel {}
.cssMasterPanel .cssContentPanel {}
.cssMasterPanel .cssFooterPanel {}

.cssHeaderPanel {position:absolute;bottom:0px;width:100%;text-align:center;z-index:10; }
.cssHeaderPanel .cssFrame {width:100%;margin:0 auto;text-align:left;position:relative;background:url('main/logo_bg.png') 0 24px repeat-x;}
.cssHeaderPanel .cssFrame .cssLogo {float:left;margin:9px 0 0 10px;}
.cssHeaderPanel .cssFrame .cssShare {position:absolute; right:30px;top: 50px;}
.cssHeaderPanel .cssFrame .cssShare ul{list-style-type: none;padding: 0px;margin: 10px 0 0 0;}
.cssHeaderPanel .cssFrame .cssShare li{float: left; margin:0 5px 0 0;}

.cssFooterPanel {z-index:8;text-align:center;position:absolute;top:0px;width:100%;}
.cssFooterPanel .cssNavContainer {position:relative;height:150px;width:990px;margin:0 auto;text-align:left;}
.cssLanding .cssFooterPanel .cssNav {position:absolute;top:0px;/*60px;*/z-index:2;}
.cssFooterPanel .cssNav {position:absolute; top:0px;}
.cssFooterPanel .cssNav .cssItem {float:left;position:relative;}
.cssFooterPanel .cssNav .cssItem.nav1{margin:10px 5px 0 5px;}
.cssFooterPanel #nav1{display: inline-block; width:103px; height:50px;background-image: url(nav/nav1.png);  background-repeat: no-repeat;}
.cssFooterPanel #nav1:hover, .cssItem.cssPicked #nav1{background-image: url(nav/nav1_r.png);  background-repeat: no-repeat;}
.cssFooterPanel .cssNav .cssItem.nav2{margin:15px 5px 0 5px;}
.cssFooterPanel #nav2{display: inline-block; width:137px; height:60px;;background-image: url(nav/nav2.png);  background-repeat: no-repeat;}
.cssFooterPanel #nav2:hover,.cssItem.cssPicked #nav2{background-image: url(nav/nav2_off.png);  background-repeat: no-repeat;}
.cssFooterPanel .cssNav .cssItem.nav3{margin:5px 5px 0 5px;}
.cssFooterPanel #nav3{display: inline-block; width:115px; height:49px;;background-image: url(nav/nav3.png);  background-repeat: no-repeat;}
.cssFooterPanel #nav3:hover,.cssItem.cssPicked #nav3{background-image: url(nav/nav3_off.png);  background-repeat: no-repeat;}
.cssFooterPanel .cssNav .cssItem.nav4{margin:5px 5px 0 5px;}
.cssFooterPanel #nav4{display: inline-block; width:120px; height:55px;;background-image: url(nav/nav4.png);  background-repeat: no-repeat;}
.cssFooterPanel #nav4:hover,.cssItem.cssPicked #nav4{background-image: url(nav/nav4_off.png);  background-repeat: no-repeat;}
.cssFooterPanel .cssNav .cssItem.nav5{margin: 14px 5px 0 5px;}
.cssFooterPanel #nav5{display: inline-block; width:166px; height:45px;;background-image: url(nav/nav5.png);  background-repeat: no-repeat;}
.cssFooterPanel #nav5:hover,.cssItem.cssPicked #nav5{background-image: url(nav/nav5_off.png);  background-repeat: no-repeat;}
.cssFooterPanel .cssNav .cssItem.nav6{margin:0px 7px 0 7px;}
.cssFooterPanel #nav6{display: inline-block; width:120px; height:80px;;background-image: url(nav/nav6.png);  background-repeat: no-repeat;}
.cssFooterPanel #nav6:hover, .cssItem.cssPicked #nav6{background-image: url(nav/nav6_off.png);  background-repeat: no-repeat;}
.cssFooterPanel .cssNav .cssItem.nav7{margin: 10px 5px 0 5px;}
.cssFooterPanel #nav7{display: inline-block; width:148px; height:50px;background-image: url(nav/nav7.png);  background-repeat: no-repeat;}
.cssFooterPanel #nav7:hover, .cssItem.cssPicked #nav7{background-image: url(nav/nav7_off.png);  background-repeat: no-repeat;}
.cssFooterPanel .cssNav .cssItem a.nav1{display: inline-block; width:100px; height:40px;}
.cssFooterPanel .cssSub {height:60px;/*text-align:center; */position:absolute; bottom:25px;}
.cssFooterPanel .cssSub .cssFrame {width:960px;margin:0 auto;text-align:left;height: 55px;overflow: hidden;}
.cssFooterPanel .cssSub a,.cssFooterPanel .cssSub img{float:left; display:inline-block; *display:inline; zoom:1;}
.cssFooterPanel .cssSub a{ font-family: 'patrick_handregular','arial';  color:#fff; font-size:17px; text-decoration:none; padding:0 7px;}
.cssFooterPanel .cssSub a.cssPicked{text-decoration:underline;}
.cssFooterPanel .cssSub .submenu{padding: 15px 0px 0 25px;}
.cssFooterPanel .cssSub .cssG1 .submenu {margin-left:0px; background: url('1_1/submenu/subMenuBg.png') 0 0 no-repeat; width:546px; height:45px; }
.cssFooterPanel .cssSub .cssG2 .submenu {margin-left:90px;background: url('2_1/submenu/subMenuBg.png') 0 0 no-repeat; width:446px;height:45px;}
.cssFooterPanel .cssSub .cssG3 .submenu {margin-left:125px;background: url('3_1/submenu/subMenuBg.png') 0 0 no-repeat; width:446px;height:45px;}
.cssFooterPanel .cssSub .cssG4 .submenu {margin-left:270px;background: url('4_1/submenu/subMenuBg.png') 0 0 no-repeat; width:446px;height:45px;}
.cssFooterPanel .cssSub .cssG5 .submenu {}
.cssFooterPanel .cssSub .cssG6 .submenu {margin-left:350px;margin-top:3px;background: url('6_1/submenu/subMenuBg.png') 0 0 no-repeat;height:50px;width: 500px;}


.cssIndexTop {position:absolute; top:50px; right:195px; margin:9px 10px 0 0}
.cssIndexTop ul{margin:0; padding:0; list-style-type: none;}
.cssIndexTop li{padding:0 8px;float:left;cursor:pointer;}
.cssIndexTop li.topnav{background: url(index/topNavIcon.png) left 2px no-repeat;line-height:18px;padding:0 0 0 25px; font-family: 'patrick_handregular','arial'; font-size:15px;color:#283897; -webkit-font-smoothing: antialiased; -webkit-transition:  0.5s ease-out;   -moz-transition:  0.5s ease-out;   -o-transition:  0.5s ease-out;
   -ms-transition:  0.5s ease-out;   transition:  0.5s ease-out;}
.cssIndexTop li.topnav a{color:#283897; text-decoration:none; -webkit-transition:  0.5s ease-out;   -moz-transition:  0.5s ease-out;   -o-transition:  0.5s ease-out;
   -ms-transition:  0.5s ease-out; transition:  0.5s ease-out;}
.cssIndexTop li.topnav a:hover{color:#ed1c24;}
.cssIndexTop li.topnav:hover{background: url(index/topNavIcon_hover.png) left 2px no-repeat;color:#ed1c24;}
.cssIndexTop li.topnav.item1{width:120px}
.cssIndexTop li.topnav.item2{width:150px}
.cssIndexTop li.topnav.item3{width:65px}
li.topnav.item4{line-height:16px; background:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0 10px;}
li.topnav.item4 a{color: #283897;text-decoration: none;-webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out;
-ms-transition: 0.5s ease-out;transition: 0.5s ease-out;}
li.topnav.item4 a:hover{color: #ed1c24;text-decoration: none;-webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out;
-ms-transition: 0.5s ease-out;transition: 0.5s ease-out;}

.cssContentPanel {padding-bottom:60px;width:100%;}
.cssContentPanel .cssBg {text-align:center;}
.cssContentPanel .cssBg.index {background:url('index/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set2 {background:url('1_1/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set2b {background:url('1_2/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set2c {background:url('1_3/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set3a {background:url('2_1/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set3b {background:url('2_2/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set4a {background:url('3_1/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set4b {background:url('3_2/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set5a {background:url('4_1/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set5b {background:url('4_2/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set6a {background:url('5_1/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set6b {background:url('5_2/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set7a {background:url('6_1/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}
.cssContentPanel .cssBg.set7b {background:url('6_2/bg.jpg') bottom right no-repeat; width:1200px; height:750px;margin:0 auto;}

.scene{width:960px;height: 650px; padding:0; margin:0;}
.scene ul, .scene li{list-style-type: none;  padding:0; margin:0;}

.cssIndexPanel {width:1200px;position:relative;margin: 0 auto; min-height:600px;}
.cssIndexPanel .scene {height:700px;margin: 0 auto; }
.cssIndexPanel .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssIndexPanel .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssIndexPanel .cssFItem {position:absolute;top:0px;left:0px;}
.cssIndexPanel .cssTxt {z-index:2;position:absolute;top:180px;left:43px;}
.cssIndexPanel .cssTxt h1{font-family: 'cabinsketchbold', 'arial'; font-size:52px; font-weight:normal; line-height:48px; color:#2a295c;}
.cssIndexPanel .cssTxt p{margin:0 5px 10px 5px;width:415px; font-family: 'patrick_handregular','arial'; font-size:19px; line-height: 25px; -webkit-font-smoothing: antialiased;}
.cssIndexPanel .cssTxtBg {position:absolute;top:130px;left:-15px; }
.cssIndexPanel #txtBg{width:540px; height:365px; background:url('index/pop.png') no-repeat}
.cssIndexPanel .cssItem1 {left:-62px;top:475px;}
.cssIndexPanel #item1 {width:230px; height:160px; background:url('index/item1_animate.gif') no-repeat}
.cssIndexPanel .cssItem2 {left:-120px;top:248px;}
.cssIndexPanel #item2 {width:127px; height:130px; background:url('index/item2_animate.gif') no-repeat}
.cssIndexPanel .cssItem3 {left:863px;top:59px;}
.cssIndexPanel #item3 {width:160px; height:180px; background:url('index/item3_animate.gif') no-repeat}
.cssIndexPanel .cssItem4 {left:912px;top:552px;}
.cssIndexPanel .cssItem5 {left:-120px;top:685px;}
.cssIndexPanel .cssItem6 {left:502px;top:156px;}
.cssIndexPanel #Item6, .cssIndexPanel #Item7, .cssIndexPanel #Item8{width:50px; height:50px; background:url(index/item6_animate.png) no-repeat;}
.cssIndexPanel .cssItem7 {left:962px;top:295px;}
.cssIndexPanel .cssItem8 {left:349px;top:480px;}


.cssAboutPanel11 {position:relative;margin: 0 auto;min-height:550px;height:550px;}
.cssAboutPanel11 .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssAboutPanel11 .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssAboutPanel11 .cssFItem {position:absolute;top:0px;left:0px;}
.cssAboutPanel11 .cssTxt {z-index:2;position:absolute;left:108px;top:220px;}
.cssAboutPanel11 .cssTxtBg {z-index:1;position:absolute;left:-120px;top:185px;}
.cssAboutPanel11 .cssTxt p{width:350px; font-family: 'patrick_handregular','arial'; font-size:17px;line-height: 25px; -webkit-font-smoothing: antialiased; margin:5px 0;}
.cssAboutPanel11 .cssFItem {}
.cssAboutPanel11 .cssItem1 {left:700px;top:410px;}
.cssAboutPanel11 .cssItem2 {left:817px;top:337px;width:172px; height:72px; background-image:url('1_1/item2.png')}
.cssAboutPanel11 .cssItem3 {left:824px;top:253px;}
.cssAboutPanel11 .cssItem3 {width:45px; height:45px; background:url('1_1/item3.png') no-repeat}
.cssAboutPanel11 .cssItem4 {left:783px;top:299px;}
.cssAboutPanel11 .cssItem4 {width:45px; height:45px; background:url('1_1/item4.png') no-repeat}
.cssAboutPanel11 .cssItem5 {left:482px;top:460px;}
.cssAboutPanel11 .cssItem5 {width:125px; height:130px; background:url('1_1/item5.png') no-repeat}
.cssAboutPanel11 .cssItem6 {left:-30px;top:490px;}
.cssAboutPanel11 .cssItem6 {width:160px; height:220px; background:url('1_1/item6.png') no-repeat}
.cssAboutPanel11 .cssItem7 {left:594px;top:214px;}

.cssAboutPanel12 .scene {}
.cssAboutPanel12 {position:relative;margin: 0 auto;min-height:550px;height:550px;}
.cssAboutPanel12 .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssAboutPanel12 .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssAboutPanel12 .cssFItem {position:absolute;top:0px;left:0px;z-index:3;}
.cssAboutPanel12 .cssTxtContent {left: 70px;height: 350px;width: 400px;z-index:1;position: absolute;top: 200px; }
.cssAboutPanel12 .cssTxt{width: 325px; height: 300px;z-index: 6;}
.cssAboutPanel12 .cssMag{position:absolute; width:883px; height:569px; background:url('1_2/mag.png') no-repeat; left: 40px;top: 85px; z-index:1;}
.cssAboutPanel12 .cssTxt p{font-family: 'patrick_handregular','arial';font-size: 17px;line-height: 25px;-webkit-font-smoothing: antialiased;margin: 5px 0; color:#fff;}
.cssAboutPanel12 .cssItem1 {left:566px;top:0px;}
.cssAboutPanel12 .cssItem2 {left:480px;top:454px;}
.cssAboutPanel12 .cssItem3 {left:5px;top:130px;}
.cssAboutPanel12 .content{width:350px; height:300px;overflow:auto;}


.cssAboutPanel13 {position:relative;margin: 0 auto; min-height:550px;height:550px;}
.cssAboutPanel13 .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssAboutPanel13 .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssAboutPanel13 .cssFItem {position:absolute;top:0px;left:0px;}
.cssAboutPanel13 .cssTxt {z-index:2;position:absolute;left:126px;top:210px; width:385px;}
.cssAboutPanel13 .cssTxt p{font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 25px;-webkit-font-smoothing: antialiased;margin: 5px 0; color:#000;}
.cssAboutPanel13 .cssTxtBg {z-index:1;position:absolute;left:-120px;top:140px;}
.cssAboutPanel13 .cssItem1 {left:521px!important;top:83px !important;width:79px; height:85px; background:url('1_3/item1.png') no-repeat}
.cssAboutPanel13 .cssItem2 {left:791px!important;top:55px!important;}
.cssAboutPanel13 .cssItem3 {left:912px!important;top:87px!important;}
.cssAboutPanel13 #item3{width:35px !important; height:35px !important; background:url('1_3/item3.png') no-repeat}
.cssAboutPanel13 .cssItem4 {left:671px!important;top:223px!important;}
.cssAboutPanel13 #item4{width:80px !important; height:80px !important; background:url('1_3/item4.png') no-repeat}
.cssAboutPanel13 .cssItem5 {left:807px!important;top:309px!important;}
.cssAboutPanel13 #item5{width:130px !important; height:130px !important; background:url('1_3/item5.png') no-repeat}
.cssAboutPanel13 .cssItem6 {left:908px!important;top:560px!important;}
.cssAboutPanel13 .cssItem7 {left:399px!important;top:470px!important;width:91px;height:98px;  background:url('1_3/item7.png') no-repeat}
.cssAboutPanel13 .cssItem8 {left:41px!important;top:478px!important;}
.cssAboutPanel13 #item8{width:35px !important; height:35px !important; background:url('1_3/item8.png') no-repeat}

.cssAboutPanel21 {position:relative;margin: 0 auto; min-height:550px;height:550px;}
.cssAboutPanel21 .scene{z-index:2;}
.cssAboutPanel21 .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssAboutPanel21 .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssAboutPanel21 .cssFItem {position:absolute;top:0px;left:0px;}
.cssAboutPanel21 .cssTxt {z-index:3;position:absolute;left:450px;top:220px; width:400px;}
.cssAboutPanel21 .cssTxt p{font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 25px;-webkit-font-smoothing: antialiased;margin:0 0 10px 0;}
.cssAboutPanel21 .cssTxtBg {width:512px; height:393px; z-index:1; background:url('2_1/txtbg.png') no-repeat;position:absolute;left:390px;top:170px;}
.cssAboutPanel21 .cssItem1 {left:67px;top:190px;}
.cssAboutPanel21 .cssItem2 {left:734px;top:-20px;}
.cssAboutPanel21 .cssItem3 {left:854px;top:125px;z-index:5;}
.cssAboutPanel21 .cssItem4 {left:913px;top:236px;}
.cssAboutPanel21 .cssItem5 {left:305px;top:420px;z-index:5;}
.cssAboutPanel21 .cssItem6 {left:738px;top:410px;z-index:5;}
.cssAboutPanel21 .cssItem7 {left:399px;top:490px;}
.cssAboutPanel21 .cssItem8 {left:41px;top:478px;}

.cssAboutPanel22 {position:relative;margin: 0 auto;min-height:550px;height:550px;}
.cssAboutPanel22 .scene{z-index:2;}
.cssAboutPanel22 .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssAboutPanel22 .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssAboutPanel22 .cssFItem {position:absolute;top:0px;left:0px;}
.cssAboutPanel22 .cssTxt {z-index:2;position:absolute;left:87px;top:170px;width:400px;}
.cssAboutPanel22 .cssTxt p{font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 25px;-webkit-font-smoothing: antialiased;margin:0 0 5px 0;}
.cssAboutPanel22 .cssTxtBg {z-index:1;position:absolute;left:24px;top:140px;}
.cssAboutPanel22 .cssItem1 {left:-120px;top:210px;}
.cssAboutPanel22 .cssItem2 {left:-11px;top:490px;}
.cssAboutPanel22 .cssItem3 {left:520px;top:380px;z-index:5;}
.cssAboutPanel22  #item3{width:120px !important; height:120px !important; background:url('2_2/item3.png') no-repeat}
.cssAboutPanel22 .cssItem4 {left:781px;top:120px;}
.cssAboutPanel22 .cssItem5 {left:809px;top:220px;z-index:5;}


.cssAboutPanel31 {position:relative;margin: 0 auto;min-height:550px;height:550px;}
.cssAboutPanel31 .scene{z-index:2;}
.cssAboutPanel31 .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssAboutPanel31 .content {width: 380px;height: 320px;overflow: auto;}
.cssAboutPanel31 .cssFrame {position:relative;width:990px;margin:0 auto;text-align:left;}
.cssAboutPanel31 .cssFItem {position:absolute;top:0px;left:0px;}
.cssAboutPanel31 .cssTxt {z-index:2;position:absolute;left: 40px;top: 210px; width:380px;}
.cssAboutPanel31 .cssTxt p{font-family: 'patrick_handregular','arial';font-size: 19px;line-height: 24px;-webkit-font-smoothing: antialiased;margin: 5px 0;}
.cssAboutPanel31 .cssTxtBg {z-index:1;position:absolute;left:0px;top:80px;}
.cssAboutPanel31 .cssItem1 {left:397px;top:530px;z-index:5;}
.cssAboutPanel31 .cssItem2 {left: -230px;top: 200px;}
.cssAboutPanel31 .cssItem3 {left:850px;top:100px;z-index:5;}
.cssAboutPanel31 .cssItem4 {left:880px;top:320px;}
.cssAboutPanel31  #item4{width:170px !important; height:180px !important; background:url('3_1/item4.png') no-repeat}



.cssAboutPanel32 {position:relative;margin: 0 auto;min-height:550px;height:550px;}
.cssAboutPanel32 .scene{z-index:2;}
.cssAboutPanel32 .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssAboutPanel32 .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssAboutPanel32 .cssFItem {position:absolute;top:0px;left:0px;}
.cssAboutPanel32 .cssTxt {z-index:2;position:absolute;left:85px;top:200px;width:400px;}
.cssAboutPanel32 .cssTxt p{font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 25px;-webkit-font-smoothing: antialiased;margin: 5px 0;}
.cssAboutPanel32 .cssTxtBg {z-index:1;position:absolute;left:-80px;top:150px;}
.cssAboutPanel32 .cssItem1 {left:950px;top:97px;z-index:5;}
.cssAboutPanel32 .cssItem2 {left:567px;top:485px;}
.cssAboutPanel32 .cssItem3 {left:477px;top:-10px;z-index:5;}
.cssAboutPanel32 .cssItem4 {left:-80px;top:399px;}
.cssAboutPanel32 .cssItem5 {left:-120px;top:520px;z-index:5;}
.cssAboutPanel32 .cssItem6 {left:-85px;top:68px;z-index:5;}
.cssAboutPanel32 .cssItem7 {left:900px;top:315px;z-index:5;}
.cssAboutPanel32 .cssItem8 {left:980px;top:315px;z-index:5;width: 100px; overflow:hidden; height:197px;}


.cssAboutPanel41 {position:relative;margin: 0 auto; min-height:550px;height:550px;}
.cssAboutPanel41 .cssContent {position:absolute;top:0px;overflow:hidden; height: 750px;width:100%;text-align:center}
.cssAboutPanel41 .content {width: 380px;height: 320px;overflow: auto;}
.cssContentContainer .content {width: 525px;height: 345px;overflow: auto;}
.cssAboutPanel41 .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssAboutPanel41 .cssFItem {position:absolute;top:0px;left:0px;}
.cssAboutPanel41 .cssTxt {z-index:2;position:absolute;left:27px;top:200px; width:400px;}
.cssAboutPanel41 .cssTxt p{font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 25px;-webkit-font-smoothing: antialiased;margin: 5px 0;}
.cssAboutPanel41 .cssTxt p span.cssLogo{padding:0 3px;}
.cssAboutPanel41 .cssTxtBg {z-index:1;position:absolute;left:-5px;top:0px;}
.cssAboutPanel41 .cssItem1 {left:805px;top:200px;z-index:5;}
.cssAboutPanel41 .cssItem2 {left:518px;top:185px;}
.cssAboutPanel41 #item2 {width:55px !important; height:55px !important; background:url('4_1/item2.png') no-repeat}
.cssAboutPanel41 .cssItem3 {left:824px;top:105px;z-index:5;}
.cssAboutPanel41 .cssItem4 {left:919px;top:475px;}
.cssAboutPanel41 #item4 {width:180px !important; height:200px !important; background:url('4_1/item4.png') no-repeat}
.cssAboutPanel41 .cssItem5 {left:469px;top:260px;z-index:5;}
.cssAboutPanel41 .cssItem6 {left:629px;top:170px;z-index:5;}
.cssAboutPanel41 .cssItem7 {left: 750px;top: 380px;}
.cssAboutPanel41 .cssItem8 {left: 546px;top: 410px;}
.cssAboutPanel41 .cssItem9 {left:-180px;top:359px;z-index:5;}
.cssAboutPanel41 .cssItem10 {left:210px;top:600px;}
.cssAboutPanel41 #item10 {width:55px !important; height:55px !important; background:url('4_1/item10.png') no-repeat}
.cssAboutPanel41 .cssItem11 {left:470px;top:532px;}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
		-webkit-transform-origin: center center;
    }
    to{
        -webkit-transform: rotate(360deg);
		-webkit-transform-origin: center center;
    }
}

.rotating {
    -webkit-animation: rotating 4s linear infinite;
}

.rotating2 {
    -webkit-animation: rotating 10s linear infinite;
}

.cssAboutPanel42 {position:relative;margin: 0 auto;min-height:550px;height:550px;}
.cssAboutPanel42 .scene{z-index:2;}
.cssAboutPanel42 .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssAboutPanel42 .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssAboutPanel42 .cssFItem {position:absolute;top:0px;left:0px;}
.cssAboutPanel42 .cssTxt {z-index:2;position:absolute;left: 90px;top:210px;width: 340px;}
.cssAboutPanel42 .cssTxt p{font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 25px;-webkit-font-smoothing: antialiased;margin:0 0 10px 0;}
.cssAboutPanel42 .cssTxtBg {z-index:1;position:absolute;left: -20px;top: 170px;}
.cssAboutPanel42 .cssItem1 {left: 800px;top: 100px;z-index:5;}
.cssAboutPanel42 #item1 {width:90px !important; height:90px !important; background:url('4_2/item1.png') no-repeat}
.cssAboutPanel42 .cssItem2 {left: 600px;top: 220px;}
.cssAboutPanel42 #item2 {width:85px !important; height:85px !important; background:url('4_2/item2.png') no-repeat}
.cssAboutPanel42 .cssItem3 {left:-120px;top:114px;z-index:5;}
.cssAboutPanel42 .cssItem4 {z-index: 5;left: 425px;top: 490px;}


.cssOlMask {top:0px;left:0px;display:none;z-index:100;position:fixed;width:100%;height:100%;background:url('4_1/mask.png')}
.cssOlContent {display:none;position:fixed;z-index:101; background:url('4_1/overBg.png'); width:721px; height:527px;}
.cssOlContent .cssContentContainer{padding:90px 100px;}
.cssOlContent .cssContentContainer p{font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 22px;-webkit-font-smoothing: antialiased;margin:10px 0;}

.cssOlMask2 {top:0px;left:0px;display:none;z-index:100;position:fixed;width:100%;height:100%;background:url('6_1/black_bg.png')}
.cssOlContent2 {display:none;position:fixed;z-index:101; background:url('6_1/over.png') no-repeat; width:790px; height:544px;}
.cssOlContent2 .cssContentContainer{position:relative; font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 25px;-webkit-font-smoothing: antialiased; padding: 50px 55px 0 55px; color:#fff; }
.cssOlContent2 .cssContentContainer .cssCloseBtn{position:absolute; right:10px; top:-30px;}
.cssOlContent2 .cssContentContainer p{font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 25px;-webkit-font-smoothing: antialiased;margin:0 0 10px 0;}
.cssOlContent2 .cssContentContainer p span.cssLogo{display:inline; * display:inline; margin-right:4px; }
.cssOlContent2 .cssContentContainer p a{coor:#fff;}
.cssOlContent2 .cssContentContainer p.cssContent{margin:0 20px;}
.cssOlContent2 .cssContentContainer p.cssParag1{width:80%; margin:50px auto; text-align:center;line-height:24px;}
.cssOlContent2 .cssContentContainer.cssPopup p.cssParag1{ font-size: 20px;width:80%; margin:120px auto;}
.cssOlContent2 .cssContentContainer.cssPopup span{ text-align:center; font-size: 20px;}
.cssOlContent2 .cssContentContainer.cssPopup p.cssParag2{ font-size: 20px;width:80%; margin:70px auto;font-size: 17px;}
.cssOlContent2 .cssContentContainer.cssPopup p.cssParag3{ font-size: 20px;width:80%; margin:70px auto;font-size: 17px;}
.cssOlContent2 .cssContentContainer .content {width: 670px;height: 340px;overflow: auto;}
.cssOlContent2 .cssContentContainer h2{font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 22px;-webkit-font-smoothing: antialiased;margin:10px 0 ;}
.cssOlContent2 .cssContentContainer ul{margin:0; padding:0 20px; }
.cssOlContent2 .cssContentContainer li{margin:0; padding:0 0 0 5px;font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 22px;-webkit-font-smoothing: antialiased;}

.cssAboutPanel51 {position:relative;margin: 0 auto;min-height:550px;height:550px;}
.cssAboutPanel51 .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssAboutPanel51 .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssAboutPanel51 .cssFItem {position:absolute;top:0px;left:0px;}
.cssAboutPanel51 .cssTxt {z-index:2;position:absolute;left:14px;top:146px;}
.cssAboutPanel51 .cssTxtBg {z-index:1;position:absolute;left:135px;top:260px;}
.cssAboutPanel51 .cssItem1 {left:55px;top:220px;z-index:5;}
.cssAboutPanel51 #item1 {width:170px !important; height:70px !important; background:url('5_1/item1.png') no-repeat}
.cssAboutPanel51 .cssItem2 {left:10px;top:440px;z-index:5;}
.cssAboutPanel51 #item2 {width:190px !important; height:70px !important; background:url('5_1/item2.png') no-repeat}
.cssAboutPanel51 .cssItem3 {left:60px;top:535px;z-index:5;}
.cssAboutPanel51 #item3 {width:230px !important; height:50px !important; background:url('5_1/item3.png') no-repeat}
.cssAboutPanel51 .cssItem4 {left:325px;top:525px;z-index:5;}
.cssAboutPanel51 #item4 {width:255px !important; height:50px !important; background:url('5_1/item4.png') no-repeat}
.cssAboutPanel51 .cssItem5 {left:450px;top:480px;z-index:5;}
.cssAboutPanel51 #item5 {width:220px !important; height:50px !important; background:url('5_1/item5.png') no-repeat}
.cssAboutPanel51 .cssItem6 {left:510px;top:270px;z-index:5;}
.cssAboutPanel51 #item6 {width:250px !important; height:50px !important; background:url('5_1/item6.png') no-repeat}
.cssAboutPanel51 .cssItem7 {left:245px;top:200px;z-index:5;}
.cssAboutPanel51 #item7 {width:250px !important; height:50px !important; background:url('5_1/item7.png') no-repeat}


.cssAboutPanel52 {position:relative;margin: 0 auto;min-height:550px;height:550px;}
.cssAboutPanel52 .content{width:350px; height:300px;overflow:auto;}
.cssAboutPanel52 .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssAboutPanel52 .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssAboutPanel52 .cssFItem {position:absolute;top:0px;left:0px;}
.cssAboutPanel52 .cssTxt {position:absolute;left:30px;top:130px;background:url('5_2/txtbg.png') no-repeat; width:480px; height:480px;z-index:4;}
.cssAboutPanel52 .cssTxtContent {position:absolute;left:100px;top:210px;width:350px;}
.cssAboutPanel52 .cssTxtContent p{font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 25px;-webkit-font-smoothing: antialiased;margin:0 0 10px 0;}
.cssAboutPanel52 .cssItem1 {left:505px;top:151px;z-index:2;}
.cssAboutPanel52 .cssItem2 {left:880px;top:330px;}
.cssAboutPanel52 #item2 {width:120px !important; height:80px !important; background:url('5_2/item2.png') no-repeat}
.cssAboutPanel52 .cssItem3 {left:430px;top:515px;z-index:1;}
.cssAboutPanel52 .cssItem4 {left:440px;top:130px;}
.cssAboutPanel52 #item4 {width:70px !important; height:85px !important; background:url('5_2/item4.png') no-repeat}
.cssAboutPanel52 .cssItem5 {left:-10px;top:353px;}
.cssAboutPanel52 #item5 {width:70px !important; height:85px !important; background:url('5_2/item5.png') no-repeat}
.cssAboutPanel52 .cssItem6 {left:370px;top:125px;z-index:2;}
.cssAboutPanel52 #item6 {width:52px !important; height:72px !important; background:url('5_2/item6.png') no-repeat}
.cssAboutPanel52 .cssItem7 {left:20px;top:230px;}
.cssAboutPanel52 #item7 {width:65px !important; height:65px !important; background:url('5_2/item7.png') no-repeat}

.cssAboutPanel61 {position:relative;margin: 0 auto;min-height:550px;height:550px;}
.cssAboutPanel61 .scene{z-index:2;}
.cssAboutPanel61 .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssAboutPanel61 .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssAboutPanel61 .cssFItem {position:absolute;top:0px;left:0px;}
.cssAboutPanel61 .cssTxt {z-index:2;position:absolute;left:49px;top:229px;}
.cssAboutPanel61 .cssContent2 {font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 25px;-webkit-font-smoothing: antialiased;}
.cssAboutPanel61 .cssContent2 p{margin:10px 0;}
.cssAboutPanel61 .cssContent2 a{color:#283897}
.cssAboutPanel61 .cssTxtBg {z-index:1;position:absolute;left:15px;top:155px;}
.cssAboutPanel61 .cssItem1 {left:580px;top:120px;z-index:5;}
.cssAboutPanel61 .cssItem2 {left:850px;top:251px;}
.cssAboutPanel61 .cssItem3 {left:910px;top:492px;z-index:5;}
.cssAboutPanel61 .cssItem4 {left:-59px;top:241px;z-index:5;}
.cssAboutPanel61 .cssItem5 {left:-42px;top:444px;z-index:5;}
.cssAboutPanel61 #item5 {width:160px !important; height:180px !important; background:url('6_1/item5.png') no-repeat}
.cssAboutPanel61 .cssItem6 {left:629px;top:201px;z-index:5;}

.cssOlMask1 {display:none;top:0px;left:0px;z-index:100;position:fixed;width:100%;height:100%;background:url('6_1/mask.png')}
.cssOlContent1 {display:none;position:fixed;z-index:101;}

.cssAboutPanel62 {position:relative;margin: 0 auto;min-height:550px;height:550px;}
.cssAboutPanel62 .scene{z-index:2;}
.cssAboutPanel62 .cssContent {position:absolute;top:0px;width:100%;text-align:center}
.cssAboutPanel62 .cssFrame {position:relative;width:960px;margin:0 auto;text-align:left;}
.cssAboutPanel62 .cssFItem {position:absolute;top:0px;left:0px;}
.cssAboutPanel62 .cssTxt {z-index:2;position:absolute;left:47px;top:170px;width: 420px;}
.cssAboutPanel62 .cssTxt .cssTitle{margin: 0;background:url('6_2/titleBg.png') repeat; padding:15px 20px;width:100%;}
.cssAboutPanel62 .cssTxt h1{color:#fff;font-family: 'patrick_handregular','arial';font-size: 21px;line-height: 20px;-webkit-font-smoothing: antialiased; font-weight:normal;float:left; width:100px;margin:0; padding:0;}
.cssAboutPanel62 .cssTxt .cssPaging{float:right;width:200px;text-align:right;}
.cssAboutPanel62 .cssTxt .cssPaging ul{text-align:right;list-style-type: none; margin:0; padding:0;}
.cssAboutPanel62 .cssTxt .cssPaging li{padding:0 2px;}
.cssAboutPanel62 .cssTxt .cssPaging li{display:inline;color:#fff;font-family: 'patrick_handregular','arial';font-size: 13px; margin:0 1px; padding:0 5px;}
.cssAboutPanel62 .cssTxt .cssPaging li.cssPicked{background-color:#fff; color:#283897;border-radius: 3px; }
.cssAboutPanel62 .cssTxt .cssPaging li.cssBtn:hover{cursor:pointer; color:#ed1c24;}
.cssAboutPanel62 .cssTxt .cssPaging li.cssBtn{padding:0 5px;}
.cssAboutPanel62 .cssTxt .topic{width:100%; padding:10px 0; background:url('6_2/columnSplit.png') left bottom repeat-x;}
.cssAboutPanel62 .cssTxt .innerDetail{width:99%; padding:10px 0;}
.cssAboutPanel62 .cssTxt .innerDetail .cssImg{width:420px; text-align:center; margin:0 0 10px 0;}
.cssAboutPanel62 .cssTxt .innerDetail .cssImg img{border:3px solid #fff; }
.cssAboutPanel62 .cssTxt .innerDetail a.cssPdf{color:#000;font-family: 'patrick_handregular','arial';font-size: 17px; background:url('6_2/pdfIcon.png') left center no-repeat; padding:0 0 0 20px;}
.cssAboutPanel62 .cssTxt .innerDetail p{width:420px;font-family: 'patrick_handregular','arial';font-size: 18px;line-height: 22px;-webkit-font-smoothing: antialiased; margin:0 0 10px 0;}
.cssAboutPanel62 .cssTxt table.listing{width:100%; font-family: 'patrick_handregular','arial';font-size: 19px;line-height: 24px;-webkit-font-smoothing: antialiased;}
.cssAboutPanel62 .cssTxt td.date{width:30%;}
.cssAboutPanel62 .cssTxt td.title a{color:#000; text-decoration:none;}
.cssAboutPanel62 .cssTxt td.title a:hover{color:#283897;}
.cssAboutPanel62 .cssTxtBg {z-index:1;position:absolute;left:0px;top:114px;}
.cssAboutPanel62 .cssItem1 {left:750px;top:60px;z-index:5;}
.cssAboutPanel62 #item1 {width:250px !important; height:200px !important; background:url('6_2/item1.png') no-repeat}
.cssAboutPanel62 .cssItem2 {left:-83px;top:209px;}
.cssAboutPanel62 .cssItem3 {left:-120px;top:477px;z-index:5;}
.cssAboutPanel62 #item3 {width:120px !important; height:180px !important; background:url('6_2/item3.png') no-repeat}
.cssAboutPanel62 .cssItem4 {left:520px;top:464px;z-index:5;}
.cssAboutPanel62 .content{width:450px; height:280px;overflow:auto; margin-top:10px;}
.cssAboutPanel62 .cssLink{margin:20px 0 0 0;}
.cssAboutPanel62 .cssLink a{ font-family: 'patrick_handregular','arial';font-size: 19px;line-height: 24px;-webkit-font-smoothing: antialiased; color:#273896; text-decoration:none;}