@charset "utf-8";
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html, body, a, div, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, /*sup,*/ var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; border-collapse:collapse; border-spacing:0; font-weight:normal;}                  
a:hover, a:active, a:focus, object, embed { outline:none; }


html { overflow: auto;}
body{
    font-family:Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; 
	font-size:14px;
	line-height: 1.8;
    padding:0;  
    margin:0 auto;
    width:100%;
    color:#000;
	background:#fff;
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}
img{border:0px;}
input{border:solid 1px #B9B9B9;}
ul{list-style:none;}
li{list-style:none;}

a {blr:expression(this.onFocus=this.blur())}

a:link {color:#222;text-decoration: none;-webkit-transition:color 0.1s linear;-moz-transition:color 0.1s linear;-o-transition:color 0.1s linear;transition:color 0.1s linear;}
a:visited {color:#222;text-decoration: none;}
a:hover {text-decoration: none;color:#2abfff;}
a:active {text-decoration: none;}

hr { border:none; background:none; height:0; }
ul, li { list-style:outside none; }

::-moz-selection { background: #000; color:#FFFFFF; text-shadow: none; }
::selection { background: #000; color:#FFFFFF; text-shadow: none; }

::-webkit-scrollbar{width: 6px;height: 6px;background-color: #F5F5F5;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #53b7de;}


.page {position:relative;z-index:2}
.page>* {-moz-transition:-moz-transform 0.2s ease-out;-o-transition:-o-transform 0.2s ease-out;-webkit-transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out}
.nav-open .page>* {-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-webkit-transform:translateX(-260px);transform:translateX(-260px)}


#mainNav { background:#000;background:rgba(0,0,0,0);height:120px;position:fixed;top:0;left:0;width:100%;z-index:10000;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/*#mainNav:hover{background:rgba(0,48,109,1);
background-image:-webkit-linear-gradient(  
    to right,   
    rgba(0,0,0,0) 0%,   
    rgba(0,0,0,0.4) 10%,   
    rgba(0,0,0,0.6) 30%,   
    rgba(0,0,0,0.6) 70%,   
    rgba(0,0,0,0.4) 90%,   
    rgba(0,0,0,0) 100%); 
  background-image: linear-gradient(  
    to right,   
    rgba(0,0,0,0) 0%,   
    rgba(0,0,0,0.4) 10%,   
    rgba(0,0,0,0.6) 30%,   
    rgba(0,0,0,0.6) 70%,   
    rgba(0,0,0,0.4) 90%,   
    rgba(0,0,0,0) 100%);
}*/
.logo { position:fixed; top:32px; left:80px;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.logo .logo_blue{ position:absolute; top:0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.logo .logo_white{ position:absolute; top:-300px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.logo img{ width:150px;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.logo:hover {opacity:0.8}
#mainNav.sticky{background:rgba(0,48,109,1); height:70px; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;
background-image:-webkit-linear-gradient(  
    to right,   
    rgba(0,0,0,0) 0%,      
    rgba(0,0,0,0.6) 30%,   
    rgba(0,0,0,0.6) 70%,    
    rgba(0,0,0,0) 100%); 
  background-image: linear-gradient(  
    to right,   
    rgba(0,0,0,0) 0%,     
    rgba(0,0,0,0.6) 30%,   
    rgba(0,0,0,0.6) 70%,  
    rgba(0,0,0,0) 100%);
}
#mainNav.sticky .logo{ top:12px;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#mainNav.sticky .logo .logo_blue{top:-300px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#mainNav.sticky .logo .logo_white{ top:0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#mainNav.sticky .logo img{ width:95px;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#mainNav.sticky .nav-primary .level0>ul {top:70px;}
#mainNav.sticky .nav-primary a.level0 {height:70px;line-height:70px;}

#Index #mainNav {background:rgba(0,0,0,.1);height:120px;}
#Index #mainNav:hover{background:rgba(0,48,109,1);}
#Index .logo {margin:30px 0 0 60px;webkit-transition: all 0.2s ease; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#Index #mainNav.sticky{background:rgba(0,48,109,1); height:70px;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#Index #mainNav.sticky .logo{margin:12px 0 0 30px;}
#Index #mainNav .nav-primary a.level0 {height:120px;line-height:120px;}
#Index #mainNav .nav-primary .level0>ul {top:120px;}
#Index #mainNav.sticky .nav-primary a.level0 {height:70px;line-height:70px;}
#Index #mainNav.sticky .nav-primary .level0>ul {top:70px;}



#mainNav.push {-moz-transform:translateY(-80px);-ms-transform:translateY(-80px);-webkit-transform:translateY(-80px);transform:translateY(-80px)}
#mainNav.child-fixed {-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-webkit-transition-delay:0.3s;transition-delay:0.3s}


.header-shopnav {display:none;height:100%;opacity:1;position:absolute;text-align:center;top:0;right:115px;z-index:1;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}
#mainNav .FB{ position:absolute; top:48px; right:80px;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#mainNav .FB img{ height:24px;}
#mainNav.sticky .FB{ top:23px;}

.nav-primary {margin:0}
.nav-primary a {border-bottom:1px solid #e6e6e6;text-decoration:none;position:relative;display:block;color:#fff;font-size:14px;line-height:1em;padding:20px;text-align:left;}
.nav-primary a:hover {color:#2abfff;text-decoration:none}
.nav-primary a.level0 {border:none;height:120px;line-height:120px;padding:0 25px;text-shadow:#000 0 1px 3px;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav-primary a.level0 .glyphicon {font-size:90%;padding:0 0 0 5px}

.nav-primary ul {padding:0;opacity:0;visibility:hidden;-moz-transition:opacity 0.2s ease-in,visibility 0s 0.2s;-o-transition:opacity 0.2s ease-in,visibility 0s 0.2s;-webkit-transition:opacity 0.2s ease-in,visibility 0s;-webkit-transition-delay:0s,0.2s;transition:opacity 0.2s ease-in,visibility 0s 0.2s}
.nav-primary .level0>ul {background:#fafafa;left:0;top:100px;z-index:10;}
.no-csstransforms3d .nav-primary .level0>ul {left:0}
.nav-primary .level0>ul a{ color:#333; font-size:12px;}
.nav-primary .level0>ul a:hover {background:#e6e6e6;color:#2abfff}
.nav-primary .level1 ul {background:#f5f5f5;min-height:100%;top:0;left:100%}
.nav-primary .level1 ul a:hover {background:#e6e6e6}
.nav-primary li.level0 {position:relative}
.nav-primary li.level0 ul {position:absolute;width:235px}
.nav-primary li.level1:last-child>a {border-bottom:none}
.nav-primary .menu-active {z-index:200}
.nav-primary .menu-active>ul {opacity:1;visibility:visible;-moz-transition:opacity 0.2s ease-out,visibility 0s 0s;-o-transition:opacity 0.2s ease-out,visibility 0s 0s;-webkit-transition:opacity 0.2s ease-out,visibility 0s;-webkit-transition-delay:0s,0s;transition:opacity 0.2s ease-out,visibility 0s 0s}
.nav-primary .menu-active>a {color:#2abfff}
.nav-primary .menu-active.level1>a {background:#e6e6e6;color:#2abfff}

@media (max-width:1199px) {
#mainNav {height:70px;background:rgba(0,48,109,1);
background-image:-webkit-linear-gradient(  
    to right,   
    rgba(0,0,0,0) 0%,      
    rgba(0,0,0,0.6) 30%,   
    rgba(0,0,0,0.6) 70%,    
    rgba(0,0,0,0) 100%); 
  background-image: linear-gradient(  
    to right,   
    rgba(0,0,0,0) 0%,     
    rgba(0,0,0,0.6) 30%,   
    rgba(0,0,0,0.6) 70%,  
    rgba(0,0,0,0) 100%);
}
.logo { top:12px;left:50px;}
.logo img{ width:85px;}
.logo .logo_blue{top:-300px;}
.logo .logo_white{top:0;}
.header-shopnav {right:80px;}
.nav-primary a {}
.nav-primary a.level0 {height:70px;line-height:70px; font-size:12px;padding:0 20px}
.nav-primary li.level0 ul {width:200px}
.nav-primary .level0>ul {top:70px;}

#mainNav .FB{ top:25px; right:50px}
#mainNav .FB img{ height:20px;}
#mainNav.sticky .FB{ top:25px;}
}

@media only screen and (min-width:992px) {
#mainNav {padding:0 20px}
.header-shopnav {display:block;}
.nav-primary a {text-transform:uppercase}
.nav-open .page>* {-moz-transform:translateX(0px);-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}
.nav-primary li.level0,.nav-primary a.level0 {display:inline-block}
.nav-primary li.level0 ul.level0.position-test {display:block}
.nav-primary li.level0 ul.level0.spill {right:0;left:auto}
.nav-primary li.level0 ul.level0.spill li.level1 ul {left:auto;right:50px;top:20px}
.nav-primary li.level0 li.parent>a {position:relative}
.nav-primary li.level0 li.parent>a .glyphicon {font-size:90%;padding:0 20px 0 0;position:absolute;top:50%;right:0;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
}
.header-controls {float:right;height:60px;position:relative;z-index:2; display:none}
.header-controls-item {display:block;float:left;position:relative}

.header-controls .header-trigger {display:block;color:#fff;float:left;font-size:12px;line-height:14px;height:100%;margin-left:10px;opacity:1;padding:23px 10px;text-transform:uppercase;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}
@media (min-width:768px) {.header-controls .header-trigger {margin-left:20px}
}
@media (min-width:992px) {.header-controls .header-trigger {margin:0;padding:23px 20px}
}
.header-controls .header-trigger:hover,.header-controls .header-trigger.hover,.header-controls .header-trigger.active {color:#2abfff;text-decoration:none}
.header-controls .header-trigger.menu-active,.header-controls .header-trigger.skip-active {color:#2abfff;text-decoration:none}
.header-controls .header-trigger.menu-active:hover,.header-controls .header-trigger.skip-active:hover {color:#fff}
.header-controls .header-trigger.control {pointer-events:auto !important}
.header-controls .header-trigger .glyphicon {font-size:16px}
.header-controls .header-trigger-label {display:none;padding:0;position:relative}
.nav-open .header-controls .header-trigger {opacity:0.25}
.header-controls .header-trigger.cart .count {font-size:12px;vertical-align:middle}
.header-controls .header-trigger.control {opacity:1 !important}
.header-controls .header-trigger.control .glyphicon-remove {display:none}
.nav-open .header-controls .header-trigger.control .glyphicon-menu-hamburger {display:none}
.nav-open .header-controls .header-trigger.control .glyphicon-remove {display:inline-block}
.header-controls .header-trigger+.menu-active,.header-controls .header-trigger+.skip-active {opacity:1;visibility:visible;pointer-events:auto;-moz-transition:opacity 0.2s ease-in,visibility 0s 0s;-o-transition:opacity 0.2s ease-in,visibility 0s 0s;-webkit-transition:opacity 0.2s ease-in,visibility 0s;-webkit-transition-delay:0s,0s;transition:opacity 0.2s ease-in,visibility 0s 0s}
.header-controls .header-trigger+.menu-active *,.header-controls .header-trigger+.skip-active * {pointer-events:auto !important}
@media (min-width:992px) {.cp-shopnav {display:none}
}
#controlPanel .nav-cp {margin:0}
@media (max-width:1199px) {
#controlPanel {background:#2d2d2d;box-shadow:2px 0 2px rgba(0,0,0,0.1) inset;height:100%;overflow:auto;padding:20px;position:fixed;right:0;top:0;width:260px;z-index:100;-moz-transition:-moz-transform 0.2s ease-out;-o-transition:-o-transform 0.2s ease-out;-webkit-transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out}
.nav-open #controlPanel {right:0px;-moz-transition:-moz-transform 0.2s ease-out;-o-transition:-o-transform 0.2s ease-out;-webkit-transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out}
#controlPanel a {color:#fff;display:block;font-size:14px;font-weight:300;line-height:24px;text-decoration:none;-moz-transition:color 0.1s;-o-transition:color 0.1s;-webkit-transition:color 0.1s;transition:color 0.1s}
#controlPanel a:hover {color:#15b0f2;text-decoration:none}
#controlPanel a:active {text-decoration:none}
#controlPanel .level0>a {line-height:1em;text-transform:uppercase}
#controlPanel {margin-bottom:20px;padding:0;-moz-transform:translateX(260px);-ms-transform:translateX(260px);-webkit-transform:translateX(260px);transform:translateX(260px);-moz-transition:visibility 0s 0.2s,opacity 0s 0.2s,-moz-transform 0.2s ease-out;-o-transition:visibility 0s 0.2s,opacity 0s 0.2s,-o-transform 0.2s ease-out;-webkit-transition:visibility 0s,opacity 0s,-webkit-transform 0.2s ease-out;-webkit-transition-delay:0.2s,0.2s,0s;transition:visibility 0s 0.2s,opacity 0s 0.2s,transform 0.2s ease-out}
.nav-open #controlPanel {-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);-moz-transition:visibility 0s 0s,opacity 0s 0s,-moz-transform 0.2s ease-out;-o-transition:visibility 0s 0s,opacity 0s 0s,-o-transform 0.2s ease-out;-webkit-transition:visibility 0s,opacity 0s,-webkit-transform 0.2s ease-out;-webkit-transition-delay:0s,0s,0s;transition:visibility 0s 0s,opacity 0s 0s,transform 0.2s ease-out}
#controlPanel .level0>a {color:#fff !important;display:block;opacity:1;padding:20px;visibility:visible;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);-moz-transition:opacity 0.15s ease-out 0.15s,visibility 0s 0.15s,-moz-transform 0.2s cubic-bezier(0.66,0.1,0.66,1) 0.2s;-o-transition:opacity 0.15s ease-out 0.15s,visibility 0s 0.15s,-o-transform 0.2s cubic-bezier(0.66,0.1,0.66,1) 0.2s;-webkit-transition:opacity 0.15s ease-out,visibility 0s,-webkit-transform 0.2s cubic-bezier(0.66,0.1,0.66,1);-webkit-transition-delay:0.15s,0.15s,0.2s;transition:opacity 0.15s ease-out 0.15s,visibility 0s 0.15s,transform 0.2s cubic-bezier(0.66,0.1,0.66,1) 0.2s}
#controlPanel .level0>a:hover {background:#2abfff}
#controlPanel .level0>a.noshow {opacity:0;visibility:hidden;-moz-transition:opacity 0.15s ease-out,visibility 0s 0.15s;-o-transition:opacity 0.15s ease-out,visibility 0s 0.15s;-webkit-transition:opacity 0.15s ease-out,visibility 0s;-webkit-transition-delay:0s,0.15s;transition:opacity 0.15s ease-out,visibility 0s 0.15s}
#controlPanel .level0>a.active {background:#2abfff;border-color:#15b0f2;-moz-transition:-moz-transform 0.2s cubic-bezier(0.66,0.1,0.66,1);-o-transition:-o-transform 0.2s cubic-bezier(0.66,0.1,0.66,1);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.66,0.1,0.66,1);transition:transform 0.2s cubic-bezier(0.66,0.1,0.66,1)}
#controlPanel .level0>a.active:hover {background-color:#15b0f2}
#controlPanel .level0>a .glyphicon {float:right;font-size:90%;-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-moz-transition:-moz-transform 0.2s ease-out;-o-transition:-o-transform 0.2s ease-out;-webkit-transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out}
#controlPanel ul.level0 {display:block;height:100%;padding:55px 0 0;position:absolute;left:0;top:0;opacity:0;overflow-x:hidden;overflow-y:auto;visibility:hidden;width:100%;z-index:1;-moz-transition:opacity 0.15s ease-out 0s,visibility 0s 0.15s;-o-transition:opacity 0.15s ease-out 0s,visibility 0s 0.15s;-webkit-transition:opacity 0.15s ease-out,visibility 0s;-webkit-transition-delay:0s,0.15s;transition:opacity 0.15s ease-out 0s,visibility 0s 0.15s}
#controlPanel ul.level0.visible {opacity:1;visibility:visible;-moz-transition:opacity 0s 0s,visibility 0s 0s;-o-transition:opacity 0s 0s,visibility 0s 0s;-webkit-transition:opacity 0s,visibility 0s;-webkit-transition-delay:0s,0s;transition:opacity 0s 0s,visibility 0s 0s}
#controlPanel ul.level0.visible a {opacity:1;-moz-transform:scale(1) translateY(0) translateX(0);-ms-transform:scale(1) translateY(0) translateX(0);-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0);-moz-transition:opacity 0.15s ease-out 0.25s,-moz-transform 0.25s ease-out 0.25s;-o-transition:opacity 0.15s ease-out 0.25s,-o-transform 0.25s ease-out 0.25s;-webkit-transition:opacity 0.15s ease-out,-webkit-transform 0.25s ease-out;-webkit-transition-delay:0.25s,0.25s;transition:opacity 0.15s ease-out 0.25s,transform 0.25s ease-out 0.25s}
#controlPanel ul.level0 a {border-bottom:1px solid #000;color:#fff !important;display:block;line-height:1em;opacity:0;padding:20px 30px;text-transform:uppercase;-moz-transform:scale(1.2) translateY(-30px) translateX(-20px);-ms-transform:scale(1.2) translateY(-30px) translateX(-20px);-webkit-transform:scale(1.2) translateY(-30px) translateX(-20px);transform:scale(1.2) translateY(-30px) translateX(-20px);-moz-transition:opacity 0.15s ease-out,-moz-transform 0s 1s;-o-transition:opacity 0.15s ease-out,-o-transform 0s 1s;-webkit-transition:opacity 0.15s ease-out,-webkit-transform 0s;-webkit-transition-delay:0s,1s;transition:opacity 0.15s ease-out,transform 0s 1s}
#controlPanel ul.level0 a:hover {background-color:#2abfff}
#controlPanel li.level0>a {border-bottom:1px solid #000;position:relative;z-index:2}
#controlPanel .level1 ul {display:none}
#controlPanel .menu-active.level0>a .glyphicon {-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}
}
@media (min-width:1200px) {#controlPanel li.level0 {padding:10px 20px}
#controlPanel li.level0>a {line-height:24px;text-transform:none}
#controlPanel li.level0>a .glyphicon {display:none !important}
#controlPanel li.level0 a {display:block}
#controlPanel .cp-account li.level0>a {line-height:1em;text-transform:uppercase}

}

@media (max-width:992px) {
.header-controls {display:block; margin-right:6%}
#mainNav {height:60px;}
#mainNav.sticky{height:60px;}
#mainNav .logo,#mainNav.sticky .logo{ top:11px; left:8%}
#mainNav .logo img,#mainNav.sticky .logo img{ width:80px;}
#mainNav.sticky .nav-primary .level0>ul {top:70px;}
#mainNav.sticky .nav-primary a.level0 {height:70px;line-height:70px;}

#mainNav .FB{ top:20px; right:16%}
#mainNav.sticky .FB{ top:20px;}
}


@media (max-width:540px) {
#mainNav .FB{right:20%}
}



div.raw-theme-slider-wrapper {width:100%;height:1200px;background:#000}
div.raw-theme-slider-wrapper .raw-slider-left:link,div.raw-theme-slider-wrapper .raw-slider-right:link,div.raw-theme-slider-wrapper .raw-slider-left:hover,div.raw-theme-slider-wrapper .raw-slider-right:hover,div.raw-theme-slider-wrapper .raw-slider-left:active,div.raw-theme-slider-wrapper .raw-slider-right:active,div.raw-theme-slider-wrapper .raw-slider-left:visited,div.raw-theme-slider-wrapper .raw-slider-right:visited {color:#ffffff;-background-color:rgba(0,0,0,0.6);display:block;position:absolute;width:50px;height:50px;top:50%;margin-top:-25px;border-radius:2px;font-size:50px;font-family:'EntypoRegular';line-height:1px;vertical-align:0;padding:13px 16px;}
div.raw-theme-slider-wrapper .raw-slider-left,div.raw-theme-slider-wrapper .raw-slider-right {-webkit-transition:background-color 0.1s linear;-moz-transition:background-color 0.1s linear;-o-transition:background-color 0.1s linear;transition:background-color 0.1s linear;}
div.raw-theme-slider-wrapper .raw-slider-left:hover,div.raw-theme-slider-wrapper .raw-slider-right:hover {-background-color:rgba(160,201,86,0.9);}
div.raw-theme-slider-wrapper .raw-slider-left:hover i,div.raw-theme-slider-wrapper .raw-slider-right:hover i {transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out}
div.raw-theme-slider-wrapper .raw-slider-left {left:10px}
div.raw-theme-slider-wrapper .raw-slider-right {right:10px}
a.raw-slider-down,a.slider-down {color:#f8f3e7;position:absolute;left:50%;margin-left:-150px;bottom:20px;display:block;width:300px;z-index:300}
a.raw-slider-down span,a.slider-down span {font-size:14px;display:block;width:auto; line-height:10px;text-align:center}
a.raw-slider-down i,a.slider-down i {display:block;text-align:center;font-size:30px; line-height:14px; vertical-align:top}
div.raw-theme-slider-inner {position:relative;overflow:hidden;height:100%}
div.raw-theme-slider {-webkit-backface-visibility:hidden;position:relative}
div.raw-theme-slider div.raw-slide {height:100%;width:100%;background-size:cover;background-position:50% 50%;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
div.raw-theme-slider div.raw-slide.raw-slide-type-video {background-position:top center}
div.raw-theme-slider div.raw-slide div.raw-video-background,div.raw-theme-slider div.raw-slide .imgbg {position:absolute;z-index:1}
div.raw-theme-slider div.raw-slide div.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
div.raw-theme-slider div.raw-slide div.column {position:absolute;z-index:3;top:0;width:84%;margin:0 auto;}
div.raw-theme-slider div.raw-slide div.MobileDevices {position:absolute;z-index:3;top:50%;left:50%;margin:0 auto;}
div.raw-theme-slider div.raw-slide .heading,div.raw-theme-slider div.raw-slide .sub-heading,div.raw-theme-slider div.raw-slide a.button {opacity:0;transform:translate3d(0,40px,0);-webkit-transform:translate3d(0,40px,0)}
div.raw-theme-slider div.raw-slide a.button{color:#FFF; font-size:18px; line-height:18px;border-radius: 6px;background:rgba(0,48,109,0);border:#FFF 1px solid !important;display:inline-block; padding:18px 30px;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
div.raw-theme-slider div.raw-slide a.button:hover{ background:rgba(0,48,109,1);border:rgba(0,48,109,1) 1px solid !important;;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
div.raw-theme-slider div.raw-slide .Devices1 {opacity:0;transform:translate3d(100px,0,0);-webkit-transform:translate3d(100px,0,0)}
div.raw-theme-slider div.raw-slide .Devices2 {opacity:0;transform:translate3d(200px,0,0);-webkit-transform:translate3d(200px,0,0)}
div.raw-theme-slider div.raw-slide .Devices3 {opacity:0;transform:translate3d(0,50px,0);-webkit-transform:translate3d(0,50px,0)}
div.raw-theme-slider div.raw-slide .Devices4 {opacity:0;transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0)}
div.raw-theme-slider div.raw-slide .DevicesText {opacity:0;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
div.raw-theme-slider div.raw-slide .heading {font-family:"FuturaPT-Medium",Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; font-size:62px; line-height:66px;text-shadow:rgba(0,0,0,.5) 0 1px 8px; text-transform:uppercase;color:#FFF;}
div.raw-theme-slider div.raw-slide .sub-heading { width:50%;font-style:normal;color:#fff;font-size:18px;text-shadow:rgba(0,0,0,.8) 0 1px 5px; line-height:24px;padding-top:5px;padding-bottom:20px;white-space:pre-wrap;display:block}
div.raw-theme-slider div.raw-slide .sub-heading p {}
div.raw-theme-slider div.raw-slide.slide-align-center div.column {text-align:center}
div.raw-theme-slider div.raw-slide.slide-align-center .sub-heading {width:60%;margin:0 auto;text-align:center}
div.raw-theme-slider div.raw-slide.slide-align-right div.column {text-align:right}
div.raw-theme-slider div.raw-slide.slide-align-right .heading {float:right;clear:right}
div.raw-theme-slider div.raw-slide.slide-align-right .sub-heading {width:600px;right:0;float:right;clear:right;text-align:right}
div.raw-theme-slider div.raw-slide.slide-align-right a.button {float:right;clear:right}
div.raw-theme-slider div.raw-slide.slide-visible .heading {transition:transform 500ms ease-in-out 0ms,opacity 500ms ease-in-out 0ms;-webkit-transition:-webkit-transform 500ms ease-in-out 0ms,opacity 500ms ease-in-out 0ms}
div.raw-theme-slider div.raw-slide.slide-visible .sub-heading {transition:transform 500ms ease-in-out 250ms,opacity 500ms ease-in-out 250ms;-webkit-transition:-webkit-transform 500ms ease-in-out 250ms,opacity 500ms ease-in-out 250ms}

div.raw-theme-slider div.raw-slide.slide-visible a.button {transition:transform 500ms ease-in-out 500ms,opacity 500ms ease-in-out 500ms;-webkit-transition:-webkit-transform 500ms ease-in-out 500ms,opacity 500ms ease-in-out 500ms}
div.raw-theme-slider div.raw-slide.slide-visible .heading,div.raw-theme-slider div.raw-slide.slide-visible .Devices1,div.raw-theme-slider div.raw-slide.slide-visible .Devices2,div.raw-theme-slider div.raw-slide.slide-visible .Devices3,div.raw-theme-slider div.raw-slide.slide-visible .Devices4,div.raw-theme-slider div.raw-slide.slide-visible .DevicesText,div.raw-theme-slider div.raw-slide.slide-visible .sub-heading,div.raw-theme-slider div.raw-slide.slide-visible a.button {opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
div.raw-theme-slider div.raw-slide.slide-visible .sub-heading {}
.royalSlider {width:600px;height:400px;position:relative;direction:ltr}
.royalSlider>* {float:left}
.rsWebkit3d .rsSlide {-webkit-transform:translateZ(0)}
.rsWebkit3d .rsSlide,.rsWebkit3d .rsContainer,.rsWebkit3d .rsThumbs,.rsWebkit3d .rsPreloader,.rsWebkit3d img,.rsWebkit3d .rsOverflow,.rsWebkit3d .rsBtnCenterer,.rsWebkit3d .rsAbsoluteEl,.rsWebkit3d .rsABlock,.rsWebkit3d .rsLink {-webkit-backface-visibility:hidden}
.rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img,.rsFade.rsWebkit3d .rsContainer {-webkit-transform:none}
.rsOverflow {width:100%;height:100%;position:relative;overflow:hidden;float:left;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsVisibleNearbyWrap {width:100%;height:100%;position:relative;overflow:hidden;left:0;top:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsVisibleNearbyWrap .rsOverflow {position:absolute;left:0;top:0}
.rsContainer {position:relative;width:100%;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsArrow,.rsThumbsArrow {cursor:pointer}
.rsThumb {float:left;position:relative}
.rsArrow,.rsNav,.rsThumbsArrow {opacity:1;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}
.rsHidden {opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .3s,opacity .3s linear;-moz-transition:visibility 0s linear .3s,opacity .3s linear;-o-transition:visibility 0s linear .3s,opacity .3s linear;transition:visibility 0s linear .3s,opacity .3s linear}
.rsGCaption {width:100%;float:left;text-align:center}
.royalSlider.rsFullscreen {position:fixed!important;height:auto!important;width:auto!important;margin:0!important;padding:0!important;z-index:2147483647!important;top:0!important;left:0!important;bottom:0!important;right:0!important}
.royalSlider .rsSlide.rsFakePreloader {opacity:1!important;-webkit-transition:0s;-moz-transition:0s;-o-transition:0s;transition:0s;display:none}
.rsSlide {position:absolute;left:0;top:0;display:block;overflow:hidden;height:100%;width:100%}
.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide {height:auto}
.rsContent {width:100%;height:100%;position:relative}
.rsPreloader {position:absolute;z-index:0}
.rsNav {-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}
.rsNavItem {-webkit-tap-highlight-color:rgba(0,0,0,0.25)}
.rsThumbs {cursor:pointer;position:relative;overflow:hidden;float:left;z-index:22}
.rsTabs {float:left;background:none!important}
.rsTabs,.rsThumbs {-webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsVideoContainer {width:auto;height:auto;line-height:0;position:relative}
.rsVideoFrameHolder {position:absolute;left:0;top:0;background:#141414;opacity:0;-webkit-transition:.3s}
.rsVideoFrameHolder.rsVideoActive {opacity:1}
.rsVideoContainer iframe,.rsVideoContainer video,.rsVideoContainer embed,.rsVideoContainer .rsVideoObj {position:absolute;z-index:50;left:0;top:0;width:100%;height:100%}
.rsVideoContainer.rsIOSVideo iframe,.rsVideoContainer.rsIOSVideo video,.rsVideoContainer.rsIOSVideo embed {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:44px}
.rsABlock {left:0;top:0;position:absolute;z-index:15}
img.rsImg {max-width:none}
.grab-cursor {cursor:url(../../../../themes/raw/assets/plugins/royalslider/grab.png) 8 8,move}
.grabbing-cursor {cursor:url(../../../../themes/raw/assets/plugins/royalslider/grabbing.png) 8 8,move}
.rsNoDrag {cursor:auto}
.rsLink {left:0;top:0;position:absolute;width:100%;height:100%;display:block;z-index:20;background:url(../../../../themes/raw/assets/plugins/royalslider/blank.gif)}
.pattern-dots {background-image:url(/images/pattern-dots.png);background-repeat:repeat;background-position:top left;}
.BgOpacity60 {background-color:rgba(0,0,0,0.6);}
.BgOpacity50 {background-color:rgba(0,0,0,0.5);}
.BgOpacity40 {background-color:rgba(0,0,0,0.4);}
.BgOpacity30 {background-color:rgba(0,0,0,0.3);}
.BgOpacity28 {background-color:rgba(0,0,0,0.28);}
.BgOpacity20 {background-color:rgba(0,0,0,0.2);}
.BgOpacity10 {background-color:rgba(0,0,0,0.1);}
div.raw-theme-slider div .column a,div.raw-theme-slider div .column a:link,div.raw-theme-slider div .column a:active,div.raw-theme-slider div .column a:visited {border-color:rgba(255,255,255,0.5);color:#ffffff;}

@media (max-width:1380px) {
div.raw-theme-slider div.raw-slide .heading{font-size:34px; line-height:40px;}
div.raw-theme-slider div.raw-slide .sub-heading {font-size:14px;line-height:22px; width:70%;}
div.raw-theme-slider div.raw-slide a.button{ font-size:14px; line-height:14px; padding:14px 26px;}
}

@media (max-width:1000px) {
div.raw-theme-slider-wrapper .raw-slider-left {left:-10px;font-size:40px !important;}
div.raw-theme-slider-wrapper .raw-slider-right {right:-10px;font-size:40px !important;}
}

@media (max-width:767px) {
div.raw-theme-slider div.raw-slide .heading{font-size:26px; line-height:30px;}
div.raw-theme-slider div.raw-slide .sub-heading {font-size:12px;line-height:18px; width:100%}
div.raw-theme-slider div.raw-slide a.button{ font-size:12px; line-height:13px; padding:12px 22px;}
}

@media only screen and (max-width:767px){.HomeVideo { visibility:hidden}
}

.slick-slider {position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track {position:relative;top:0;left:0;display:block;}
.slick-track:before,.slick-track:after {display:table;content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}


.slick-prev,.slick-next {font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:none;outline:none;background:transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {color:transparent;outline:none;background:transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {opacity:1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {opacity:.25;}
.slick-prev:before,.slick-next:before {font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-prev {left:-25px;}
[dir='rtl'] .slick-prev {right:-25px;left:auto;}
.slick-prev:before {content:'←';}
[dir='rtl'] .slick-prev:before {content:'→';}
.slick-next {right:-25px;}
[dir='rtl'] .slick-next {right:auto;left:-25px;}
.slick-next:before {content:'→';}
[dir='rtl'] .slick-next:before {content:'←';}
/* Dots */
.slick-dots {position:absolute;bottom:50px;display:block;width:100%;padding:0;list-style:none;text-align:center;}
.slick-dots li {position:relative;display:inline-block;width:10px;height:10px;margin:0 5px;padding:0;cursor:pointer; }
.slick-dots li button {font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;background:rgba(255,255,255,0.3);-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.slick-dots li button:hover,.slick-dots li button:focus {outline:none; background:#2abfff}
.slick-dots li.slick-active button {background:#2abfff}


.slider {/*cursor:grab!important;cursor:-moz-grab!important;cursor:-webkit-grab!important; */ background:#000;width:100%; height:100vh !important; position:relative; overflow:hidden}
.slider .slick-next,.slider .slick-prev {top:50%;margin:-25px 0 0;width:50px;height:50px;overflow:hidden;font-size:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.slider .slick-next:before,.slider .slick-prev:before {font-size:30px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slider .slick-prev {left:10px;}
.slider .slick-prev:before {content:"\f104"}
.slider .slick-next {right:10px; padding:0 10px;}
.slider .slick-next:before {content:"\f105"}
.slider .title {font-size:22px;margin-top:4px}
.slider .subtitle {font-size:14px!important;line-height:20px!important;padding-bottom:10px}
.slider .slick-dots button:before {font-size:14px}



a.slider-down{color:#f8f3e7;position:absolute;left:50%;margin-left:-150px;bottom:10px;display:block;width:300px;z-index:10}
a.slider-down span{font-size:14px;display:block;width:auto;text-align:center}
a.slider-down i{display:block;text-align:center;font-size:20px;line-height:60%;vertical-align:top}

.slider .slick-next,.slider .slick-prev {background-color:#f9f9f9;background-color:rgba(255,255,255,.7)}
.slider .slick-next:before,.slider .slick-prev:before {color:#222;background-color:transparent}
.slider .slick-next:hover,.slider .slick-prev:hover {background-color:#efefef;background-color:rgba(255,255,255,.6)}
.slider .slick-dots li button:before {color:#d1c9c9;color:rgba(209,201,201,.4);opacity:1}
.slider .slick-dots li.slick-active button:before {color:#b0a69e;color:rgba(209,201,201,.7);opacity:1}

.white {color:white !important;}
.yellow {color:#FFF200 !important;}
.black {color:black !important;}
.shadow {text-shadow:0px 0px 4px rgba(148,150,150,1);}
.bgslide {height:100%;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.slidecont { width:100%; height:100%; position:relative; display:table;}
.slidecont .box{color:#FFF; text-align:center;max-width:900px; width:92%; margin:0 auto; padding:0 20px; display:table-cell; vertical-align:middle}
.slidecont .box h1{-webkit-animation: bounceInUp 2s;font-family:"FuturaPT-Medium",Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; font-size:62px; line-height:66px;text-shadow:rgba(0,0,0,.5) 0 1px 8px; text-transform:uppercase;}
.slidecont .box h2{-webkit-animation: bounceInUp 2.2s;font-size:18px;text-shadow:rgba(0,0,0,.8) 0 1px 5px; line-height:24px;}
.slidecont .box a.Btn{-webkit-animation: bounceInUp 2.3s;color:#FFF; font-size:18px; line-height:18px;border-radius: 6px; border:#FFF 1px solid; margin-top:40px; display:inline-block; padding:18px 30px; text-transform:uppercase;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.slidecont .box a.Btn:hover{ background:rgba(0,48,109,1);border:rgba(0,48,109,1) 1px solid; }
.slidecont .box hr {-webkit-animation: bounceInUp 2.1s;width:50px;height: 2px; border: 3px;background:#fff; margin-bottom:35px; margin-top:35px}

.pattern-dots{background-image:url(../images/pattern-dots.png);background-repeat:repeat;background-position:top left;}
.BgOpacity{background-color: rgba(0, 0, 0, 0.2);}

#HomeAbout{ text-align:center; padding-top:80px; padding-bottom:80px; background:#fff}
#HomeAbout h2{max-width:960px;width:90%;margin:0 auto;  font-size:50px;font-family:'FuturaPT-Medium',Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; line-height:50px; margin-bottom:30px;}
#HomeAbout h3{max-width:960px;width:90%;margin:0 auto;  font-size:24px; line-height:36px; color:#222; margin-bottom:20px;}
a.ReadMore{ color:#333;display:inline-block; border:#999 1px solid; height:60px; line-height:60px; padding:0 40px; font-size:18px; letter-spacing:2px;margin:0 auto; margin-top:30px; text-transform:uppercase;border-radius: 6px;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
a.ReadMore:hover{ background:#2abfff; color:#FFF; border:#39F 1px solid;}


#ProdustsBox{max-width:1920px;width:100%;margin:0 auto;position: relative; margin-top:70px;margin-bottom:80px;}
#ProdustsBox h2{ font-size:50px;font-family:'FuturaPT-Medium',Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; line-height:50px;text-align:center}
#ProdustsBox h3 {font-family:'FuturaPT-Medium',Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif;font-size:36px; line-height:36px;text-transform:uppercase;color:#3a3a3a; text-align:center}

#Banner{ width:100%; height:300px;color:#FFF; text-align:center; text-transform:uppercase; background:rgba(5,60,129,1);
background-image:-webkit-linear-gradient(  
    to top,   
    rgba(0,100,200,1) 0%,  
    rgba(5,60,129,1) 100%); 
background-image: linear-gradient(  
    to top,   
    rgba(0,100,200,1) 0%,  
    rgba(5,60,129,1) 100%);
}
#Banner	.BannerPic{ width:100%; height:100%;background-attachment:scroll!important;background-position:center!important;-webkit-background-size:100% 100%;-moz-background-size:cover cover;-o-background-size:cover;background-size:cover;background-position:center bottom;}
#Banner h1{font-size:50px;font-family:'FuturaPT-Medium',Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif;padding-top:130px;text-shadow:rgba(0,0,0,.5) 0 1px 8px;}
#Banner h1 span{font-family:Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; }

.breadcrumbs{ color:#999; line-height:40px;font-size:8px; text-align:center;text-transform:uppercase; height:40px; border-bottom:#f7f7f7 1px solid}
.breadcrumbs a{ color:#999; font-size:8px;}
.breadcrumbs a:hover{ text-decoration:underline; color:#000}
.breadcrumbs span{ padding:0 10px;}

.Mt50{ padding-top:50px;}
.prodFilter{padding: 30px 0px 0px; text-align:center; color: #999;  height: auto;width:100%;text-transform: uppercase;}
.prodFilter ul{margin: 0; padding: 0; width:100%; margin: auto; webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;text-align: center;}
.prodFilter ul li{display: inline-block; margin:5px 0;}
.prodFilter ul li a{color: #333; font-size:10px;webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;border-radius:3px; display:block; background:none; padding:5px 20px;}
.prodFilter ul li a i{ border-bottom:#ccc 1px solid}
.prodFilter ul li a img{ width:200px;}
.prodFilter ul li a span{ display:block; line-height:18px; padding:5px 0 10px 0}

.prodFilter ul li a:hover{text-decoration: none;background:#555; color: #fff;}
.prodFilter ul li strong{display: block; padding: 10px; font-weight: normal;color:#3a3a3a; margin: 0;webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease; }
.prodFilter ul li a.sel{background:#000;color: #fff;}
.prodFilter.scroll-to-fixed-fixed .losefix {margin-top:55px;padding: 5px 0px 5px; background: #F9F9F9; }
.prodFilter.scroll-to-fixed-fixed ul li a{ border:none; background:none; padding:0 10px;border-radius: 3px; }
.prodFilter.scroll-to-fixed-fixed ul li a:hover{background:#555;color: #fff;}
.prodFilter.scroll-to-fixed-fixed ul li a i{ display:none}
.prodFilter.scroll-to-fixed-fixed ul li a span{ display:block; line-height:18px; padding:5px 0 5px 0}
.prodFilter.scroll-to-fixed-fixed ul li a.sel{background:#000;color: #fff;}


#Work{width: 100%; margin: auto; text-align:center}
#Work ul{ margin:50px 0}
#Work ul li{display:inline-block;vertical-align:top; width:24%; background:#FFF; margin-bottom:50px; position:relative; overflow:hidden}
#Work ul li h2{  width:94%; margin:0 auto;line-height:18px; height:70px; padding:15px 0;}
#Work ul li img{ width:100%;webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);}
#Work ul li:hover img{opacity:.8}

.VideoCls{ text-align:center; margin-top:30px;}
.VideoCls a{color: #333; font-size:10px;webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;border-radius:3px; background:none; padding:8px 20px;}
.VideoCls a:hover{background:#555;color: #fff;}
.VideoCls a.cur{background:#000;color: #fff;}

.VideoList li .pic{ width:100% ;position:relative; overflow:hidden}
.VideoList li .pic i{ position:absolute; z-index:1; color:#fff;left:50%; top:50%; margin:-22px 0 0-22px;text-shadow:0px 3px 5px rgba(0, 0, 0, .4); font-size:50px; line-height:50px;}

.VideoDetail{width:100%; position:relative}
.VideoDetail video{ width:100%;}
.VideoDetail h1{ color:#FFF; text-align:center; font-size:18px; padding:15px}


#BoxDetail{margin:auto;max-width:1400px;position:relative;background:#FFF; margin-bottom:80px;}
#BoxDetail h1{font-size:44px; line-height:50px;font-family:'FuturaPT-Medium',Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif;text-transform:uppercase; text-align:center; padding-top:40px;}
#BoxDetail h5{ text-align:center; color:#999}
#BoxDetail .Detail{text-align:center;padding:50px 0;max-width:950px;width:100%; font-size:16px; margin:0 auto; margin-top:40px; border-top:#EBEBEB 1px solid; border-bottom:#EBEBEB 1px solid; clear:both}
#BoxDetail .Detail table{ margin:0 auto; text-align:left !important}
#BoxDetail .Detail table p{ padding:0; margin:0;}
.BottomBack{ padding-bottom:50px;display:block}
.BottomBack a{margin:0 auto;text-align:center; width:100px; height:40px; line-height:40px; margin-top:45px;  background:#CCC; color:#000; display:block;}
.BottomBack a:hover{ background:#2abfff; color:#FFF;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

#About{margin:auto;max-width:1400px;position:relative;background:#FFF; margin-bottom:80px;}
#About .Detail{text-align:center;padding:50px 0;max-width:950px;width:100%; font-size:16px; margin:0 auto;border-bottom:#EBEBEB 1px solid; clear:both}
#About .Detail table{ margin:0 auto; text-align:left !important}
#About .Detail table p{ padding:0; margin:0;}

#list_container{width: 100%; margin: auto;}
#list_container h2{font-size:50px;font-family:'FuturaPT-Medium',Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif;line-height:54px; text-align:center;padding:0; text-transform:uppercase}

.list_product{width:100%;margin:0 auto;position: relative;text-align:center; margin-top:20px; margin-bottom:50px;}

.ProList {width: 100%; text-align:center}
.ProList div.prod{text-transform: none;width:19%; position: relative;display:inline-block;vertical-align:top; margin-bottom:30px;overflow: hidden}
.ProList div.prod .imgprd{display: block; padding-top:20px; width:80%; margin: auto;webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);}
.ProList div.prod .text{width:94%; margin:0 auto; text-align: center; padding:0; z-index: 2; webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;z-index: 100; position: relative}
.ProList div.prod .text h4{font-size:16px; line-height:20px;color: #333;font-family:'Walsheim',Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif;margin-top:20px;margin-bottom: 0px;webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.ProList div a:hover .text h4{color: #0d3f88; text-decoration:underline}
.ProList div.prod a:hover .imgprd{-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);-webkit-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.1);}

.img-responsive{max-width:100% !important;height:auto}

.mainbox {margin:auto;max-width:1400px;position:relative;background:#FFF;/* overflow:hidden */}
.content .prodListBox {display:block;}
.content .prodDetailBox {display:block;}
.prodDetailBox .magnify {position:relative;}
.prodDetailBox .small {display:block;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);}
.prodDetailBox .large {z-index:9000;width:300px;height:300px;position:absolute;background-repeat:no-repeat;background-color:#fff;border-radius:100%;box-shadow:0 0 0 7px rgba(255,255,255,0.85),0 0 7px 7px rgba(0,0,0,0.25),inset 0 0 40px 2px rgba(0,0,0,0.25);display:none;}
.detail.skate .magnify {display:block;}
.detail.skate .image{ float:left;width:45%; margin-left:5%;margin-top:3%;}
.detail.skate .image img {display:block;width:100%;}
.detail .compra {margin-bottom:35px;}
.detail.skate .text {margin-top:4%; margin-left:3%;position:relative; float:left; width:46%;}
.detail.skate .text h1 {font-size:36px; line-height:40px;font-family:'FuturaPT-Medium',Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif;text-transform:uppercase;color:#3a3a3a;text-align:left;margin:0 !important;}
.detail.skate .text h4 {font-size:1.4em;text-transform:uppercase;color:#3a3a3a;}
.detail.skate .text h3 {font-size:1.6em;text-transform:uppercase;color:#aaa;}
.detail.skate.gender28 .text h1 {color:#3E99B5;}
.detail.skate.gender29 .text h1 {color:#f6429f}
.detail.skate.gender30 .text h1 {color:#f6bc21}
.detail.skate.gendern .text h1 {color:#333}

.detail.skate .MoreImages { margin-top:10px;}

.detail.skate .gallery-altreviste a{display: inline-block; width:16%;}
.detail.skate .gallery-altreviste a h4{ font-size:12px; text-transform:none; text-align:center; height:15px; display:none}
.detail.skate .gallery-altreviste a img{width:100%;display:block;webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease; vertical-align: baseline}
.detail.skate .gallery-altreviste a.active01{ border-bottom:#2abfff 5px solid;}
.detail.skate .gallery-altreviste a.active01 h4{color:#2abfff;}
.detail.skate .gallery-altreviste a:hover img{opacity: 0.8}
.detail.skate .gallery-altreviste a:hover h4{color:#2abfff;}


.detail.skate .text h5 {font-size:1.2em;color:#666;margin-bottom:3px;display:block;font-family:ProximaNova-Bold;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:20px}
.detail.skate .text .textBox {padding:4% 4% 4% 0;font-size:16px;line-height:22px; color:#333}

#panning {position:relative;cursor:pointer;}
#panning img {width:100%;}
#lob {display:none;}
#dragmag {background:#2abfff;position:relative; line-height:18px; text-align:center;padding:5px;color:#fff;}

.visible-xs {display:none !important;}

hr {color:#c3c3c3; width:50px;height: 2px; border: 3px;background-color:#EBEBEB; margin-bottom:40px; margin-top:30px}

.detail.skate .ProDetail {text-align:center;padding:50px 0;max-width:950px;width:100%; font-size:16px; margin:0 auto; margin-top:50px; border-top:#EBEBEB 1px solid; border-bottom:#EBEBEB 1px solid; clear:both}
.detail.skate .ProDetail table{ margin:0 auto; text-align:left !important}
.detail.skate .ProDetail table p{ padding:0; margin:0;}
.detail.skate .ProDetail h3 {font-family:'FuturaPT-Medium',Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif;font-size:36px; line-height:36px;text-transform:uppercase;color:#3a3a3a}


#Video{max-width:950px; width:100%;margin:0 auto; margin-top:20px ; margin-bottom:30px;}
#Video video{ width:100%}


#Footer{ width:100%; clear:both; color:#999; text-align:center; height:60px;position:relative; display:block; font-size:10px;background:rgba(0,48,109,1); -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;
background-image:-webkit-linear-gradient(  
    to right,   
    rgba(0,0,0,0) 0%,      
    rgba(0,0,0,0.6) 30%,   
    rgba(0,0,0,0.6) 70%,    
    rgba(0,0,0,0) 100%); 
  background-image: linear-gradient(  
    to right,   
    rgba(0,0,0,0) 0%,     
    rgba(0,0,0,0.6) 30%,   
    rgba(0,0,0,0.6) 70%,  
    rgba(0,0,0,0) 100%);}
#Footer .FootLogo{ position:absolute; left:80px; top:10px;opacity:.8;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#Footer .FootLogo:hover {opacity:1;}
#Footer .Copy{ line-height:60px;}
#Footer .FootLogo img{ height:40px;}
#Footer .web{ position:absolute; right:80px; top:18px;}
#Footer .web img{ height:22px;}
#HomeCls{ text-align:center;}
#HomeCls ul li{ width:33.3333%; height:200px; float:left; position:relative; overflow:hidden;background:#000;}
#HomeCls ul li h3{ position:absolute; z-index:2; text-align:center; width:100%; font-size:40px; line-height:200px;color:#FFF;font-family:'FuturaPT-Medium',Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif;text-shadow:rgba(0,0,0,.5) 0 1px 8px;}
#HomeCls ul li .Pic{ width:100%; height:100%;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#HomeCls ul li:hover .Pic{opacity:.8;-moz-transform:translateZ(0) scale(1.3);-ms-transform:translateZ(0) scale(1.3);-o-transform:translateZ(0) scale(1.3);-webkit-transform:translateZ(0) scale(1.3);transform:translateZ(0) scale(1.3);}

#CallUs{ display:none;position:fixed;bottom:15px;left:15px;width:40px;height:40px;z-index:60000;cursor:pointer;border-radius:3px;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#CallUs span{ display:none}
#CallUs:after{content:'\f095';font-family:FontAwesome;color:#fff;font-size:22px;width:40px;height:40px;position:absolute;top:0;left:0;text-align:center;line-height:41px;border-radius:3px;background:#2abfff;transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-webkit-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear}


#back-to-top{position:fixed;bottom:-30px;right:15px;width:30px;height:30px;z-index:50000;cursor:pointer;webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#back-to-top.sticky{bottom:15px; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#back-to-top:hover:after{opacity:1}
#back-to-top:after{content:'\f106';font-family:FontAwesome;color:#fff;font-size:22px;width:30px;height:30px;position:absolute;top:0;left:0;opacity:0.7;text-align:center;line-height:28px;background:#2abfff;border-radius:3px;transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-webkit-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear}

#Contact{ max-width:1170px; width:92%; margin:0 auto; padding:80px; background:#FFF; margin-bottom:50px;}
#Contact .MainForm{ float:left; width:55%;}
#Contact .MainForm .CTit{ font-size:36px;font-family:'FuturaPT-Medium',Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; font-weight:bold;  text-transform:uppercase; margin-bottom:20px;}
#Contact .MainForm p{ font-size:14px; margin:15px 0 30px; line-height:18px;}
#Contact .ContactDetail{ float:right; width:44%}
#Contact .ContactDetail{ font-size:14px}
#Contact .ContactDetail .CTit{ font-size:36px;font-family:'FuturaPT-Medium',Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; font-weight:bold;  text-transform:uppercase; margin-bottom:20px;}
.Inputbox{ width:80%; height:42px; line-height:42px; font-size:18px; padding:0 20px; border:#c8d1d7 1px solid;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; margin:10px 0 10px 0}
.InputMsg{ width:80%; height:140px; line-height:24px; font-size:18px; padding:20px; border:#c8d1d7 1px solid;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; display:block; margin:10px 0 15px 0}
.SubmitBtnbg{ width:110px; height:44px; line-height:44px; margin-top:30px;text-align:center; font-size:18px; color:#FFF; background:#000; border:none;font-family:Microsoft YaHei,"Microsoft YaHei",Arial, sans-serif; cursor:pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.SubmitBtnbg:hover{ background:#2abfff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.Codebox{ padding:8px 10px; width:120px; font-size:12px;border:#c8d1d7 1px solid;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.cursor1{ cursor:pointer;margin-left:5px}

#Map{ width:100%; height:500px;}

@media (max-width:1300px) {
#Banner{height:250px;}
#Banner h1{padding-top:110px;}

.prodFilter ul li a img{ width:150px;}
.ProList div.prod{width:24%;}

#Work ul li{width:30%;}
.slidecont .box h1{font-size:34px; line-height:40px;}
.slidecont .box h2{font-size:14px;line-height:18px;}
.slidecont .box hr {margin-bottom:25px; margin-top:25px}
}

@media only screen and (max-width: 1199px){
#HomeAbout h2{ font-size:60px;line-height:60px;}
#HomeAbout h3{ font-size:20px; line-height:30px;}
#Footer .FootLogo{left:50px;}
#Footer .web{right:50px;}
#HomeCls ul li h3{font-size:30px;}
.prodFilter.scroll-to-fixed-fixed .losefix {margin-top:45px;}
#Banner{height:200px;}
#Banner h1{padding-top:80px;}
.detail.skate .gallery-altreviste a{display: inline-block; width:19%}
}
@media (max-width:1000px) {
.ProList div.prod{width:32%;}
.ProList div.prod .imgprd{width:96%;}
.ProList div.prod a:hover .imgprd{-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transform:none;}
}

@media only screen and (max-width: 988px){
.slider {height:100% !important;}
#HomeCls ul li h3{font-size:26px;}
#HomeCls ul li:hover .Pic{-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transform:none;}
}
@media (max-width:860px) {
#Footer{ height:auto}
#Footer .FootLogo{ position:relative; left:auto; top:auto; padding-top:30px;}
#Footer .Copy{ line-height:18px; padding:10px 20px}
#Footer .web{ position:relative; right:auto; top:auto; padding-bottom:10px; padding-top:5px;}
.prodFilter ul li a img{ width:100px;}
#Contact{ padding:50px}
#Contact .MainForm{ float:none; width:100%;}
#Contact .ContactDetail{ float:none; width:100%; margin-top:50px;}
.Inputbox{ width:100%;}
.InputMsg{ width:100%;}

#Work ul li{width:49%;}
}
@media (max-width:767px) {
.visible-xs {display:block !important;}
.detail.skate .image,.detail.skate .text { float:none;width:90%; margin:0 auto;margin-top:5%;}
.detail.skate .image img {display:block;width:100%;margin-top:0; }
.detail.skate .gallery-altreviste a{width:16%;}

}

@media only screen and (max-width: 720px){
#HomeCls ul li{ width:100%;float:none; height:160px;}
}
@media (max-width:689px) {
#HomeAbout{padding-top:70px; padding-bottom:70px;}
#HomeAbout h2,#HomeProdusts h2{ font-size:36px;line-height:40px; }
#HomeAbout h3{ font-size:18px; line-height:24px;}
.ProList div.prod{width:49%;}
.prodFilter{padding: 20px 0px 20px; }
.prodFilter ul{ padding:0 10px;}
.prodFilter ul li a i{ display:none}
.prodFilter ul li a{ border:none; background:none; padding:2px 12px;border-radius: 3px; }
.prodFilter ul li a:hover{background:#555;color: #fff;}
.prodFilter ul li a i{ display:none}
.prodFilter ul li a span{ display:block; line-height:18px; padding:5px 0 5px 0}
.prodFilter ul li a.sel{background:#000;color: #fff;}
.breadcrumbs{ display:none}
.prodFilter.scroll-to-fixed-fixed .losefix {margin-top:55px;}
#ProdustsBox h2,#list_container h2{ font-size:40px; line-height:44px;}
.detail.skate .image{margin-top:0;}
#Banner.Daerrr{ height:60px; margin-bottom:40px;}
#Contact{ width:100%; padding:20px; margin:0}
}

@media only screen and (max-width: 620px){
.slider .slick-next,.slider .slick-prev {background-color:rgba(255,255,255,0); visibility:hidden}
.slider .slick-next:before,.slider .slick-prev:before {color:#fff;background-color:transparent}
}

@media (max-width:540px) {
.list_product{ margin-top:0;}
.list_container{ margin:0; padding:0;}
.ProList div.prod{ margin-bottom:40px;}
.ProList div.prod .imgprd{width:100%; padding-top:0;}
#Banner h1{padding-top:100px;font-size:35px;}
#ProdustsBox h2,#list_container h2{ font-size:32px; line-height:36px;}
.detail.skate .gallery-altreviste a{width:19%;}
.detail.skate .text h1 {font-size:30px; line-height:34px;}

#Work ul li{width:100%; margin-bottom:20px;}
#BoxDetail h1{font-size:40px; line-height:40px; width:96%; margin:0 auto}
#CallUs{ display:block}
}


@media only screen and (max-width:480px){
}

@media(-webkit-min-device-pixel-ratio:2){
.pattern-dots{background-size:2px 2px; background-image:none}
.BgOpacity{background-color: rgba(0, 0, 0, 0.4);}
}

.clear{clear:both;}