/* CSS Document */
input[id*="_menu-filp"] {display:none;}
input[id*="_menu-filp"] + label {display:inline-block; width:60px; height:60px; line-height:60px; background:#FFF; cursor:pointer; color:#333; position:relative; overflow:hidden; top:0;}
#nav a,#nav a:link {display:block; height:40px; line-height:40px; background:#FFF; width:185px; padding-left:25px; text-decoration:none; text-align:left; font-size:0.9em; color:#333; border-top:1px solid #EEE;}
input[id*="_menu-filp"] ~ #nav a:nth-child(1) { transition-delay:.05s; }
input[id*="_menu-filp"] ~ #nav a:nth-child(2) { transition-delay:.10s; }
input[id*="_menu-filp"] ~ #nav a:nth-child(3) { transition-delay:.15s; }
input[id*="_menu-filp"] ~ #nav a:nth-child(4) { transition-delay:.20s; }
input[id*="_menu-filp"] ~ #nav a:nth-child(5) { transition-delay:.25s; }
input[id*="_menu-filp"] ~ #nav a:nth-child(6) { transition-delay:.30s; }
input[id*="_menu-filp"] ~ #nav a:nth-child(7) { transition-delay:.35s; }
input[id*="_menu-filp"] ~ #nav a:nth-child(8) { transition-delay:.40s; }
input[id*="_menu-filp"] ~ #nav a:nth-child(9) { transition-delay:.45s; }
input[id*="_menu-filp"] ~ #nav a:nth-child(10) { transition-delay:.50s; }
input[id*="_menu-filp"]:checked ~ #nav a { width:0px; padding-left:0; overflow:hidden; }
input[id*="_menu-filp"]:checked ~ #nav a:hover {}
input[id*="_menu-filp"] ~ #nav{ box-shadow:0px 0px 16px rgba(0, 0, 0, .2);transition:1s; }
input[id*="_menu-filp"]:checked ~ #nav{ box-shadow:0px 0px 0px rgba(0, 0, 0, 0); width:0px; }
input[id*="_menu-filp"] ~ #nav a { overflow:hidden; width:200px; transition:.4s; }
input[id*="_menu-filp"] ~ #nav a:hover { background:#EEE; color:#333; padding-left:30px; transition:.6s; }
._Fi-Nav{height:60px; line-height:60px; left:-200px;}

.M{width:1220px; margin-left:auto; margin-right:auto;}
header{width:100%; min-width:1220px; background:#FFF; height:80px; position:relative; z-index:500;}
header .Cell{vertical-align:middle;}header .Cell:frist-child{ width:220px;}
header nav a{display:inline-block; color:#333; height:80px; line-height:80px; padding:0 25px;}
header .login{padding:0 10px; width:150px;}
header .login a.btn{border: 1px solid #06bde5;color: #06bde5;display: inline-block;width: 80px; margin-left:auto; margin-right:0;background: #FFF;padding: .5em 1em;text-align: center;cursor: pointer;position: inherit;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
header nav a:hover,header .login a.btn:hover{background:#06bde5; color:#FFF;}
a.logo img{display:block;}

.video-bg{min-width:1220px; position:relative;}
.Banner{ background:#31404f; z-index:2; position:absolute; z-index:2; width:100%; height:100%; top:0;}
.Banner-Txt{ color:#FFF; font-size:48px; line-height:120%; text-align:center;}

.i-box{padding:70px 0;}
.i-box-title{text-align:center; font-size:32px; line-height:200%;}
.i-box-desc{text-align:center; color:#CCCCCC}
.min-width{width:1180px; margin:0px auto; margin-top:60px;}
.min-width a{width:90%; margin:0 auto; height:360px; position:relative; display:block;}
.min-width a:hover .i-box-icon{ height:150px; font-size:24px;}
.min-width .N4:nth-child(1) a{background:#55BDE3;}
.min-width .N4:nth-child(2) a{background:#F90;}
.min-width .N4:nth-child(3) a{background:#EE523A;}
.min-width .N4:nth-child(4) a{background:#44b549;}
.i-box-hover{width:100px; height:200px;}
.i-box-icon{width:100%; text-align:center; height:140px; color:#FFF; position:relative;}
.i-box-nav{font-size:18px; color:#FFF; border-top:2px solid #FFF; text-align:center; width:100px; margin:0 auto; padding-top:20px;}

.img-in-right,.img-in-left{position:relative;}
.img-in-right:after,.img-in-left:after{content:""; position:absolute;  top:50%; margin-top:-10px;width:0; height:0; border-top:20px solid transparent;border-bottom: 20px solid transparent;}
.img-in-right:after{right:-20px;border-left: 20px solid #F6F6F6;}.img-in-left:after{left:-20px;border-right: 20px solid #F6F6F6;}

footer{background:#242424; color:#999; padding:20px 0;} footer a{color:#999;}


dropdown{display: inline-block; width:100%; position:relative; height:40px; line-height:40px;}
dropdown label, dropdown ul li{ display: block; background: #FFF;height:100%;}
dropdown ul li a{display:block; padding-left:1.2em;}
dropdown ul li a:hover{background: #00BBe2;color: white;cursor: pointer;padding-left:1.8em;}
dropdown ul li:hover a{color:#FFF;}
dropdown label{color: #00BBe2;position: relative; z-index: 2; text-align:center;}
dropdown label ~ ul{ position:absolute; width:100%;visibility: hidden; opacity: 0;top: 0;z-index: 1;}
dropdown.hover:hover label{ background: #00BBe2;color: white; box-shadow:0px 0px 5px rgba(0, 0, 0, .2);}
dropdown.hover label{color: #00BBe2;position: relative; z-index: 2;}
dropdown.hover:hover label ~ ul{ visibility: visible;opacity: 1;top: 100%;box-shadow:0px 0px 5px rgba(0, 0, 0, .2);}