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

.pageContainer,.pageContainer *{ margin-top: 0; margin-bottom: 0; font-weight: normal;padding: 0; list-style-type: none;}


.systemTopNavWrap { height: 50px; }
.systemTopNav { background: #333; height: 50px; line-height: 50px; width: 100%; position: relative; top: 0; z-index: 1000 }
.systemTopNav ul { }
.systemTopNav li.first { float: left; }
.systemTopNav li.first a { display: block; width:240px; text-align: center; font-size: 14px; color: #fff; }
.systemTopNav li.first a:hover { background: #484848 }
.systemTopNav li.first.on a { background: #00b8b8 }
.systemTopNav li.last { float: right; padding: 9px 0 0 0; line-height: 33px; }
.systemTopNav li.last a { display: block; padding: 0 50px 0 45px; border-radius: 33px; background: #00b8b8; font-size: 14px; line-height: 33px; color: #fff; position: relative; }
.systemTopNav li.last a i { font-size: 13px; color: #fff; position: absolute; right: 10px; width: 43px; text-align: center; }
.systemTopNav li.last a:hover {/*padding-right:60px;*/ background: #00c7c7 }
.systemTopNav li.first a em{display: none;border: 5px solid #fff;border-color: #ffffff #00b8b8 #00b8b8 #00b8b8;border-width: 5px 5px 0px 5px;width: 0;height: 0px;margin: 0px 0 0 10px; }
.systemTopNav li.first.on a em{ display:inline-block;}
.systemTopNavWrap.on .systemTopNav { position: fixed; }
.systemDescribe { position: relative; }
.systemDescribe .sidebarNav { padding: 167px 35px 0 0; width: 210px; min-height: 200px; background: rgba(0, 18, 34, 0.35); position: fixed; z-index: 4; top: 0; text-align: right; }
.systemDescribe .sidebarNav.on { top: 0; padding: 100px 35px 0 0; }
.systemDescribe .sidebarNav.on2 { position: absolute!important; bottom: 0!important; top: inherit!important; }
.systemDescribe .sidebarNav h2 { font-size: 24px; line-height: 1;/* font-weight: bold; */color: #fff; padding: 0 0 30px; }
.systemDescribe .sidebarNav h3 { font-size: 18px; color: #fff; line-height: 1; padding: 30px 0 10px; cursor: pointer;}
.systemDescribe .sidebarNav .floorNum { }
.systemDescribe .sidebarNav .floorNum a,.systemDescribe .sidebarNav a { font-size: 15px; color: #cfcfcf; line-height: 26px; display: block; position: relative; }
.systemDescribe .sidebarNav .floorNum a:before { content: ''; background: url(img/section-icon.png) no-repeat; width: 12px; height: 22px; position: absolute; right: -47px; top: 50%; margin-top: -11px; display: none; }
.systemDescribe .sidebarNav .floorNum a:hover { color: #00cccc; }
.systemDescribe .sidebarNav .floorNum.first a, .systemDescribe .sidebarNav .floorNum.last a { font-size: 18px; line-height: 1; padding: 10px 0; color: #fff; }
.systemDescribe .sidebarNav .floorNum.on a {/*font-weight: bold;*/color: #32c1fc!important;display: block;}
.systemDescribe .sidebarNav .floorNum.on a:before { display: block; }
.systemDescribe .Item01 { }
.systemDescribe .Item01_1 { background: url(img/section001-01bg.jpg) no-repeat 50% 50%; background-size: cover; }
.systemDescribe .Item01_2 { background: url(img/section001-02bg.jpg) repeat-x #3c3e4a; padding: 70px 0 50px; }
.systemDescribe .Item01_2 { }
.systemDescribe .Item01_2 ul { color: #ccc; font-size: 18px; line-height: 33px; }
.systemDescribe .Item01_2 h3 {font-size: 20px;color: #32c1fc;padding: 0 0 10px;line-height: 1;}
.systemDescribe .Item01_2 p {}
.systemDescribe .Item01_2 .first { }
.systemDescribe .Item01_2 .first li { float: left; width: 50%; padding: 0 140px 0 50px; }
.systemDescribe .Item01_2 .last { }
.systemDescribe .Item01_2 .last li { float: left; width: 33.33%; padding: 0 0 0 50px; }
.systemDescribe .ItemTitle { padding: 0 0 0 80px; }
.systemDescribe .ItemTitle h2 {font-size: 30px;line-height: 1;color: #32c1fc;padding: 0 0 35px;}
.systemDescribe .ItemTitle .hd { padding: 0 0 0 30px; position: relative; line-height: 1; }
.systemDescribe .ItemTitle .hd span { font-size: 24px; line-height: 1; color: #fff; position: relative; display: block; }
.systemDescribe .ItemTitle .hd em { position: absolute; left: 0; top: -10px; font-size: 24px; line-height: 1; color: #515059; }
.systemDescribe .ItemTitle p { font-size: 18px; color: #ccc; line-height: 30px; padding: 5px 0 5px; }
.systemDescribe .Item02_1 { background: #1f1f1f; padding: 50px 0 0 0; }
.systemDescribe .Item02_2 { background: url(img/section002-02bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 70px 0 0 0; }
.systemDescribe .Item02_3 { background: #38373d; padding: 60px 0 0 0; }
.systemDescribe .Item03_1 { background: url(img/section003-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 50px 0 0 0; }
.systemDescribe .Item03_2 { background: url(img/section003-02bg.jpg) no-repeat 50% 50% #35343a; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item03_3 { background: url(img/section003-03bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item04_1 { background: url(img/section004-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 50px 0 0 0; }
.systemDescribe .Item04_2 { background: url(img/section004-02bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item04_3 { background: url(img/section004-03bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item05_1 { background: url(img/section005-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 70px 0 0 0; }
.systemDescribe .Item06_1 { background: url(img/section006-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 50px 0 0 0; }
.systemDescribe .Item06_2 { background: url(img/section006-02bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item06_3 { background: url(img/section006-03bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribeAD { background: url(img/section007.jpg) no-repeat 50% 50%; background-size: cover; }
.systemDescribeAD a { padding: 155px 0 0 85px; display: block; height: 590px; }
.systemDescribeAD a p { font-size: 50px; color: #fff; line-height: 72px; padding: 0 0 18px; }
.systemDescribeAD a span { width: 340px; line-height: 63px; display: block; font-size: 30px; color: #0f2428; text-align: center; background: #fff; border-radius: 63px; }

@media (max-device-width: 1600px){
    .systemDescribe .sidebarNav h3{padding-top: 15px;}
    .systemDescribe .sidebarNav h2{padding-bottom: 15px;}
    .systemDescribe .sidebarNav.on{padding-top: 130px;}
    .systemDescribe .sidebarNav .floorNum a, .systemDescribe .sidebarNav a{font-size: 14px; line-height: 22px;}
    .floorItem .wrap{max-width: 1200px;}
    
    
}

@media (max-device-width:1440px) {
    .systemDescribe .sidebarNav{width: 120px;    padding-right: 10px;}
    .systemDescribe .sidebarNav.on{padding-right: 10px;}
    .systemDescribe .sidebarNav h2{font-size: 16px;}
    .systemDescribe .sidebarNav h3{font-size: 14px;}
    .systemDescribe .sidebarNav .floorNum.first a, .systemDescribe .sidebarNav .floorNum.last a{font-size: 14px;}
    .systemDescribe .sidebarNav .floorNum a, .systemDescribe .sidebarNav a{font-size: 12px; line-height: 20px;}
    .systemDescribe .sidebarNav .floorNum a:before{right: -22px;}
    
}



@media (max-device-width: 1024px) {
.systemDescribe .sidebarNav { padding-top: 160px; }
.systemDescribe .floorItem .wrap { padding: 0 60px 0 200px!important; }
.floorItem11 { height: 400px; }
.floorItem11 p { font-size: 33px; padding: 70px 60px 60px; }
.floorItem11 a { margin-left: 60px; }
    .systemTopNav li{width: 17%;}
	.systemTopNav li.first a{width:100%;}
}
@media (max-device-width:770px) {
.systemDescribe .sidebarNav.on3 { padding-top: 1030px; }
.systemDescribeAD { }
.systemDescribeAD a { height: 400px; padding: 100px 0 0 100px; }
.systemDescribeAD a p { font-size: 40px; line-height: 1.5; }
.systemDescribeAD a span { }
}