/*reset*/
* {margin:0;padding:0}
*:before,*:after {display:inline-block;font-family:Verdana,Arial,sans-serif;}
html,body {width:100%;height:100%;font-family:Verdana,Arial,sans-serif;font-size:12px;color:#3f3f3f;background:#fff;}
a,img{border:none}
a{text-decoration:none;color:inherit}
a:hover {text-decoration:underline}
ul,li,ol {list-style:none}
h1,h2,h3,h4,h5,h6 {font-weight:normal;color:#202020}
h1{font-size:2em}h2{font-size:1.83em}h3{font-size:1.67em}h4{font-size:1.5em}h5{font-size:1.33em}
textarea,select,option,input{font-family:Verdana,Arial,sans-serif;}
.clear {clear:both}
/*Header*/
.header {width:100%;height:84px;font-family:Calibri;border-bottom:3px solid #fd6d0d}
.header a:hover {color:#fd6d0d;text-decoration:none}
.head {position:relative;width:1200px;margin:0 auto}
.logo {float:left;width:279px;height:60px;margin:13px auto;text-indent:300px;line-height:60px;background:url('../images/logo-pc.png');overflow:hidden}
.topnav {position:absolute;top:0;right:0;width:auto;height:25px;padding:0 5px;font-size:12px;line-height:25px;background:url('../images/icon-bg.png') -10px -75px repeat-x;}
.topnav a {display:inline-block;color:#fd6d0d;text-transform:uppercase}
.topnav li:hover .lanauge{display: block;list-style:none}
.lanaugeone{width:80px;display:inline-block;}
.lanauge{display:none; position:absolute;z-index:999;right:0}
.lanauge li{ border:1px solid #bdbdbd;background-color:white;margin-top:-1px;}
.lanaugeone p{display: inline-block;padding-left: 20px;margin: 0 5px;color: #b5b5b5;text-transform: uppercase;}
.topnav a {display:inline-block;padding-left:20px;margin:0 5px;color:#b5b5b5;text-transform:uppercase;}
.topnav a:nth-child(1) {background:url('../images/icon-bg.png') -8px 5px no-repeat}
.topnav a:nth-child(2) {background:url('../images/icon-bg.png') -6px -20px no-repeat}
.topnav a:nth-child(3) {background:url('../images/icon-bg.png') -7px -46px no-repeat}
.lanaugeone p:nth-child(1){background:url('../images/icon-bg.png') -7px -46px no-repeat}
.lanauge a:nth-child(1){background:url('') }
.lanauge a{padding-right: 10px}
.menu {float:right;margin-right:5px;margin-top:45px;height:42px;line-height:42px;font-size:18px;}
.nav a {padding:0 20px}
.nav li {position:relative;float:left}
.nav>li:nth-child(1) {display:none}
.nav>li:after {content:"|"}
.nav>li:nth-child(7):after,ul>li:nth-child(8):after{content:""}
.nav li ul {position:absolute;display:none;z-index:200;width:228px;font-family:Verdana,Arial,sans-serif;font-size:13px;background:#fff;}
.nav li ul li {width:100%;height:40px;line-height:40px}
.nav li ul ul {left:228px;top:0}
.nav li ul a {display:block;padding:0;text-indent:20px;}
.nav li ul a:hover {background:#f7f9fa}
.nav>li>ul>li>a:after {float:right;margin-right:5%;content:">"}
.nav li:nth-child(7) ul {width:160px;text-indent:0px;}
.nav li:nth-child(7) ul a:after {content:""}
.lang {display:none;position:absolute;right:0;top:25px;z-index:200;width:95px;text-align:center;background:#fff;border:1px solid #f1f1f1;}
.topnav .lang a {display:block;width:100%;padding:0;margin:0;line-height:30px;background:none;border-bottom:1px solid #f1f1f1}
.ico-search {width:21px;height:21px;margin:10px 10px 10px 20px;background:url('../images/icon-bg.png') -6px -102px no-repeat;cursor:pointer}
.navsearch {position:absolute;top:88px;right:5px;z-index:100;height:30px;display:none}
.navsearchinput{float:left;width:5px;height:30px;line-height:30px;text-indent:5px;border:1px solid #e1e1e1;border-right:none}
.navsearchbutton{width:34px;height:32px;background:url('../images/icon-bg.png') -1px -126px no-repeat,#b92a21;border:1px solid #e1e1e1;cursor:pointer}
.mobile-nav-button {display:none;float:right;margin-right:5px;cursor:pointer}
.main {width:1200px;margin:0 auto;}
/**inquiry**/
.inquiry-form {width:100%;margin-top:20px;font-size:12px;color:#6a6a6a;clear:both}
.inquiry-form form {float:left}
.inquiry-form .required {color:#b92a21}
.inquiry-form h3 {width:100%;height:50px;line-height:50px;font-size:1.8em;background:url('../images/icon-bg.png') 300px -206px no-repeat;padding-left:15px;}
.inquiry-form p {float:left;width:47.5%;height:50px;margin-top:5px;line-height:50px}
.inquiry-form p.note {height:auto;line-height:normal}
.inquiry-form p.note,.inquiry-form p.product,.inquiry-form p.details,.inquiry-form p.submit {width:100%;clear:both}
.inquiry-form p.name,.inquiry-form p.email {margin-right:5%}
.inquiry-form p.product,.inquiry-form p.details {height:auto;line-height:20px}
.inquiry-form p input#name,.inquiry-form p input#whatsapp,.inquiry-form p input#email,.inquiry-form p input#tel,.inquiry-form p input#area{width:200px;width:calc(97.5% - 80px);height:30px;line-height:30px}
.inquiry-form p input#messenger {width:calc(100% - 268px);height:30px;line-height:30px}
.inquiry-form p select{width:90px;height:30px;line-height:30px}
.inquiry-form label{display:inline-block;width:80px;font-size:1.1em;color:#202020}
.inquiry-form p.messenger label {width:140px}
.inquiry-form p.details label {float:left}
.inquiry-form p.details {margin-top:20px}
.inquiry-form p input#messenger{margin-left:20px}
.inquiry-form p.product input {margin-left:5px;margin-right:1px}
.inquiry-form p.product input:nth-child(2){margin-left:0}
.inquiry-form p textarea {width:98%;height:125px;padding:5px;margin-top:5px;resize:none;font-size: 13px;}
.inquiry-form p.submit input {width:128px;height:40px;color:#fff;background:#fd6d0d;border:none;cursor:pointer;float:right}
/*footer*/
footer {width:100%;margin-top:30px;color:#fff}
footer a:hover {text-decoration:underline}
.footnavwrap {width:100%;height:230px;background:#3f3f3f}
.footnav {width:1200px;height:230px;margin:0 auto;background:url('../images/world-map.png') 920px center no-repeat}
.footnav dl {float:left;width:300px;margin-top:40px;text-indent:30px;line-height:30px;}
.footnav dt {font-size:18px;margin-bottom:5px}
.footnav dd,.footnav a {color:#b5b5b5}
.copyrightwrap {width:100%;height:30px;line-height:30px;font-size:11px;background:#303030}
.copyright {width:1200px;margin:0 auto}
.footlinks {float:right;}
.footlinks a {margin:0 10px}
/*service button*/
.topshow {position:fixed;right:2px;top:40%;z-index:999;}
.topshow>ul>li:nth-child(5) {position:absolute;bottom:0;}
.tooltip li {position:relative;}
.tooltip li a{display: block;}
.tooltiptext{display: none; position:absolute;width: 160px;height: 35px;line-height: 35px;background-color:  #fd6d0d;color: #fff;text-align: center;border-radius: 8px;z-index: 1;top: 0;bottom: 0;margin: auto;right: 85%;font-size: 14px;}
@media(max-width:1200px){
    /*reset*/
    .head {width:100%}
    .header,.main {width:90%;padding:0 5%}
    .topnav {display:none}
    .nav>li:after {content:""}
    .nav>li>a {padding:0}
    .ico-search {display:none}
    .mobile-nav-button {display:block;background: url(../images/mobile-nav.png) no-repeat;width: 47px;height: 37px;margin-top: 10px;}
    .header{height:60px;border-bottom:none}
    .logo {margin:0;line-height:50px;background:url('../images/logo-mobile.png') 10px no-repeat;background-size:190px;max-width: 80%;}
    .menu {display:none;position:absolute;top:0;left:0;z-index:300;width:100%;height:100%;margin-top:0;background:rgba(0,0,0,.6);}
    .nav {float:right;width:250px;height:100%;padding-left:20px;background:#fff}
    .nav:before {display:block;width:210px;height:45px;margin-top:15px;content:"";background:url(../images/logo-mobile.png);background-size:210px 45px;}
    .nav>li {width:210px;border-bottom:1px solid #dedede}
    .nav>li:nth-child(1) {display:block}
    .nav>li:nth-child(2)>ul {display:block;position:static;padding-left:20px;padding-bottom:20px}
    .nav>li:nth-child(2)>ul li {height:30px;line-height:30px}
    .nav>li:nth-child(2)>ul li a:after{content:""}
    .footnav,.copyright {width:100%}
    .footnav dl {width:50%}
    .footlinks,.footnav dl:nth-child(1),.footnav dl:nth-child(2) {display:none}
    .copyright {text-align:center}
}
@media(max-width:680px){
    .inquiry-form p {width:100%;height:auto;line-height:inherit;}
    .inquiry-form p.tel,.inquiry-form p.area,.inquiry-form p.messenger {display:none}
    .inquiry-form p.details{margin-top:0;}
    .footnavwrap {display:none}
}
@media(max-width:768px){
    .nav li ul {display:block;}
}
@media(max-width:290px){
    .logo {background: url(../images/logo-mobile.png) 0px no-repeat;background-size: 100%;width: 70%;height: auto;}
	.mobile-nav-button {margin-right:0;}
}
#cookie-bar.fixed{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 666}
#cookie-bar{background: #323232;font-color: #666;height: auto;line-height: 24px;text-align: center;padding: 20px 0;box-shadow: 0 -1px 2px #363636;opacity: .9;}
#cookie-bar p {margin: 0;padding: 0;color: #fff;margin: 0 auto;display: table;padding-right: 190px;position: relative;font-size: 14px;}
#cookie-bar a {color: #fff;text-decoration: underline}
#cookie-bar .cb-enable {background: #1863DC;border-radius: 5%;color: #fff;padding: 6px 12px;position: absolute;right: -10px;top: 0;font-size: 14px;text-decoration: none;transition: all .5s ease-out 0s}
#cookie-bar .cb-disable {background: #fff;border-radius: 5%;color: #000;padding: 6px 12px;position: absolute;right: 90px;top: 0;font-size: 14px;text-decoration: none;transition: all .5s ease-out 0s}
@media screen and (max-width:480px){
    #cookie-bar.fixed{bottom: 60px;}
    #cookie-bar p {padding-bottom: 50px; padding-right:0;}
    #cookie-bar .cb-disable,#cookie-bar .cb-enable  {top: 74%;}
}