@charset "utf-8";
/* CSS Document */
*, *:after, *:before{ box-sizing:border-box; -webkit-box-sizing:border-box;}
html{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
body{ width:expression(document.body.clientWidth <= 320? "320px": "auto"); min-width:320px; background-color:#fff;}
html,body,div,ul,li,dl,dt,dd,ol,form,a,span,p,h1,h2,h3,h4,h5,h6,label,table,tbody,tr,th,td,object,iframe,icon{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555; line-height:24px; margin:0px; padding:0px;}
img{ width:100%; vertical-align:bottom; border:none;}
ul,li{ list-style:none;}
a{ color:#555; text-decoration:none; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
a:hover{ color:#cf000e; text-decoration:none;}
a{ outline:none;}
a:active{ star:expression(this.onFocus=this.blur());}
:focus{ outline:0;}
.clearf:after{ content:""; display:block; clear:both; height:0;}
.center{ max-width:1200px; margin:auto;}
@font-face {
  font-family:"HORATIOM";
  src:url("../Fonts/HORATIOM.woff2") format("woff2"),
      url("../Fonts/HORATIOM.woff") format("woff"),
      url("../Fonts/HORATIOM.ttf") format("truetype"),
      url("../Fonts/HORATIOM.eot") format("embedded-opentype"),
      url("../Fonts/HORATIOM.svg") format("svg");
}

@media screen and (max-width:1280px){
.center{ max-width:inherit; margin:0 25px;}
}
@media screen and (max-width:1024px){
html,body,div,ul,li,dl,dt,dd,ol,form,a,span,p,h1,h2,h3,h4,h5,h6,label,table,tbody,tr,th,td,object,iframe,icon{ font-size:12px; line-height:20px;}
.center{ margin:0 3.5%;}
}

/* Css Head */
.head-bg{ position:fixed; width:100%; height:100px; background:#cf000e; z-index:100; box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.08);}
.logo{ float:left; width:100px; height:60px; margin-top:20px; margin-left:25px; background:url(../Images/index_01.png) no-repeat center; background-size:100px 60px;}
.logo a{display:block; width:100%; height:100%;}

.head-menu{ float:right; margin-right:30px;}
.head-menu a{ display:block; float:left; height:100px; line-height:100px; margin:0 22px; color:#fff; text-transform:uppercase; position:relative;}
.head-menu a span{ position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#fff; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.head-menu a:hover span{ width:100%;}

.language{ float:right; margin-right:25px;}
.language a{ float:left; width:34px; height:34px; margin-top:33px; margin-left:10px; border-radius:50%; border:1px solid #fff;}
.language a span{ display:block; width:28px; height:28px; line-height:28px; font-size:12px; color:#fff; text-align:center; margin:2px; border-radius:50%;}
.language a:nth-of-type(1) span{ background:rgba(255,255,255,0.95); color:#cf000e;}
.language a:hover{ background:rgba(255,255,255,1);}
.language a:hover span{ color:#cf000e;}

#wrapper{ display:none; z-index:2000;}
.nav a{ font-size:12px; color:#fff; text-transform:uppercase;}
.nav a:hover{ color:#cf000e;}

@media screen and (max-width:1280px){
.head-menu a{ margin:0 12px;}
}
@media screen and (max-width:1024px){
#wrapper{ display:block;}
.head-bg{ height:80px;}
.logo{ width:67px; height:40px; background-size:67px 40px;}
.head-menu{ display:none;}
.language{ margin-right:69px;}
.language a{ margin-top:23px;}
}
@media screen and (max-width:800px){
.head-bg{ height:60px;}
.logo{ margin-top:10px; margin-left:3.5%;}
.language{ margin-right:3.5%;}
.language a{ margin-top:13px;}
.language a:nth-of-type(2){ margin-right:46px;}
}

/* Css Bottom */
.bottom-bg{ width:100%; height:235px; background:url(../Images/index_71.jpg) no-repeat center; background-size: cover;}
.bottom-txt{ float:left; padding-top:50px;}
.bottom-txt dl{ font-family:"HORATIOM"; font-size:24px; color:#fff; letter-spacing:.3px; text-transform:uppercase;}
.bottom-txt p{ margin-top:20px; font-size:18px; color:#fff;}
.bottom-txt p span{ font-size:30px; font-style:italic; font-weight:bold; color:#fff;}
.bottom-img{ float:right; overflow:hidden;}
.bottom-img ul li{ float:left; width:114px; height:138px; background-color:#fff; text-align:center; margin-top:45px; margin-left:20px; border-radius:4px; -webkit-border-radius:4px;}
.bottom-img ul li img{ display:block; width:96px; height:96px; margin:9px auto 0;}
.bottom-img ul li p{ color:#000;}

@media screen and (max-width:1024px){
.bottom-txt dl{ font-size:20px;}
.bottom-img ul li:nth-of-type(1){ display:none;}
}
@media screen and (max-width:800px){
.bottom-bg{ display:none;}
}

/* Css Copyright */
.copyright-bg{ width:100%; height:100px; background:#cf000e;}
.copyright-zb{ float:left; width:65%; font-size:13px; color:#fff; line-height:100px;}
.copyright-yb{ float:right; width:35%; padding-top:35px;}
.copyright-yb a{ display:block; float:right; width:30px; height:30px; border:1px solid #fff; margin-left:5px; text-align:center; border-radius:50%; -webkit-border-radius:50%;}
.copyright-yb a img{ width:15px; height:14px; vertical-align:top; margin-top:7px;}
.copyright-yb a:hover{ border:1px solid #000; background-color:#000;}

@media screen and (max-width:1280px){
.copyright-bg{ height:80px;}
.copyright-zb{ line-height:80px;}
.copyright-yb{ padding-top:25px;}
}
@media screen and (max-width:1024px){
.copyright-zb{ font-size:12px;}
}
@media screen and (max-width:800px){
.copyright-bg{ height:auto; padding:25px 0;}
.copyright-zb{ float:inherit; width:100%; line-height:24px; text-align:center;}
.copyright-yb{ float:inherit; width:218px; padding-top:10px; margin:auto;}
.copyright-yb a{ margin:0 3px;}
}