@font-face{font-family:Oswald-Light;src:url(../font/Oswald-Light.woff)}
@font-face{font-family:Roboto-Medium;src:url(../font/Roboto-Medium.woff)}
body,html{font-family:Roboto-Medium,sans-serif;overflow-x:hidden}
.div-center{float:none;display:block;margin:auto}
.form3 input{width:180px;height:25px}
.form3 button{width:50px;height:25px;background-color:#fff;color:#000;border-color:#fff}
.footer{padding:4.5vw 0 3vw 0;background:#2f3439;background-image:url(../images/map.jpg);background-position:right;background-repeat:no-repeat}
.footer h3{font-size:25px;margin-bottom:10px;padding-bottom:5px;border-bottom:2px #fff solid;display:inline-block;white-space:nowrap;margin-top:15px}
.footer li{line-height:1.3;margin-left:3px;list-style:none}
.footer li a{color:#fff}
.footer li::before{content:' > '}
.footerzhong>div{padding:3px 0}
.footerzhong>div>p,.footerzhong>div>span{display:table-cell;line-height:1.3}
.footerzhong>div>span{padding-right:5px}
.footer2{background-color:#272c31;padding:1vw 0}
.footer2 p{text-align:center;padding-bottom:10px}
.footer2 a{color:#fff}
.bg-Facebook{background:url(../images/css_sprites.jpg) -10px -10px}
.bg-linkedIn{background:url(../images/css_sprites.jpg) -68px -10px}
.bg-Pinterest{background:url(../images/css_sprites.jpg) -10px -68px}
.bg-twitter{background:url(../images/css_sprites.jpg) -68px -68px}
.bg-YouTube{background:url(../images/css_sprites.jpg) -126px -10px}
.bg-Facebook,.bg-Pinterest,.bg-YouTube,.bg-linkedIn,.bg-twitter{display:inline-block;height:38px;width:38px;border-radius:7px;margin:20px 4px 4px 4px}
.pagehead{background-image:url(../images/about.png);background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;position:relative;z-index:1;color:#fff}
.pagehead:before{background-color:rgba(0,0,0,.3);position:absolute;content:"";width:100%;height:100%;left:0;top:0;z-index:-1}
.pagehead h2{font-size:30px;margin:0;font-weight:700}
.pagehead h2:before{content:"";position:absolute;background-color:#a6ce39;width:105px;height:2px;left:15px;bottom:36px}
.pagehead h2:after{content:"";position:absolute;left:118px;bottom:30px;border:2px solid #a6ce39;border-radius:100%;width:14px;height:14px}
.pagehead p{line-height:1.5;margin:20px 0 0 0;font-size:16px}
.mid_nav a{float:left;height:40px;line-height:40px;border-radius:5px;background:#6d6d6d;box-sizing:border-box;padding:0 15px;color:#fff;margin:10px 20px 10px 0;font-size:15px}
.mid_nav .act{background-color:#a6ce39}
.mid_tl{display:inline;color:#000;font-size:30px;line-height:36px;font-style:normal;text-decoration:none;font-family:Roboto-Medium,sans-serif;font-weight:700;padding:0;text-transform:none}
.mid_pos{float:right}
.mid_pos ul{margin:10px;padding:0}
.mid_pos li{list-style:none;display:inline-block;text-transform:capitalize}
.mid_pos a{color:#a6ce39;text-transform:capitalize}
.mid_t{margin:2vw 0}
.mid_cont p{font-size:15px;line-height:30px;margin:20px 0;color:#666}
.mid_cont ul{margin:20px 0}
.mid_cont li{font-size:15px;line-height:30px;color:#666}
.mid_cont img{width:100%}
#product_view>img,#validateimg,.img_fg{width:auto!important;max-width:100%}
@media screen and (max-width:992px){.gn-icon-menu{display:block;font-size:27px;font-weight:700;margin:10px 15px 0 0}
.gn-icon-menu:hover span{color:#5f6f81!important}
.logo{margin-left:15px;height:60px}
.bg-gq_china{background:url(../images/gq.png) -5px -5px}
.bg-gq_usa{background:url(../images/gq.png) -40px -5px}
.bg-gq_espanol{background:url(../images/gq.png) -5px -30px}
.bg-gq_china,.bg-gq_espanol,.bg-gq_usa{width:25px;vertical-align:middle;margin:0 10px 0 0}
.bg-gq_china,.bg-gq_espanol,.bg-gq_usa{display:inline-block;height:15px;line-height:26px}
.gn-menu-main{padding:0;position:fixed;top:0;left:0;width:100%;height:65px;z-index:100;background:#fff;box-shadow:0 10px 20px -12px rgba(0,0,0,.42),0 3px 20px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}
.gn-menu-main,.gn-menu-main ul{line-height:50px;padding:0}
.gn-menu li{list-style:none}
.gn-menu li span{display:inline-block;width:60px;text-align:center;font-size:18px}
input.gn-search{position:relative;z-index:10;outline:0;border:none;background:0 0;color:#5f6f81;font-weight:300;font-family:Lato,Arial,sans-serif;cursor:pointer}
.gn-menu-main a{color:#5f6f81;text-decoration:none;cursor:pointer;display:block}
.gn-menu li.gn-search-item:hover,.gn-menu li.gn-search-item:hover a,.gn-menu-main nav a:hover{background:#5f6f81;color:#fff}
.gn-search-item:hover input,.gn-search-item:hover input::-webkit-input-placeholder{color:#fff}
.gn-search-item:hover input:-moz-placeholder{color:#fff}
.gn-search-item:hover input::-moz-placeholder{color:#fff}
.gn-search-item:hover input:-ms-input-placeholder{color:#fff}
.gn-menu-wrapper.gn-open-all .gn-submenu li{line-height:40px;padding-left:60px;height:40px}
.gn-menu-main>li{display:block;float:left;height:100%;text-align:center}
.gn-menu-main>li:last-child{float:right}
.gn-menu-wrapper{position:fixed;top:65px;bottom:0;right:0;overflow:hidden;width:60px;border-top:1px solid #c6d0da;background:#fff;transform:translateX(60px);transition:transform .3s,width .3s}
.gn-scroller{position:absolute;overflow-y:scroll;width:330px;height:100%}
.gn-menu{text-align:left;font-size:16px}
.gn-menu li li,.gn-menu li:not(:first-child){box-shadow:inset 0 1px #c6d0da}
.gn-submenu li{overflow:hidden;height:0;transition:height .3s}
.gn-submenu li a{color:#c1c9d1}
.gn-menu-wrapper.gn-open-all{transform:translateX(0);box-shadow:-5px 10px 20px 0 rgba(0,0,0,.48)}
.gn-menu-wrapper.gn-open-all{width:300px}
.header1,.header2{display:none}
.pagehead h2:before{left:15px;bottom:29px;width:55px}
.pagehead h2:after{left:70px;bottom:25px;width:10px;height:10px}
.pagehead h2{font-size:25px}
.pagehead p{margin:15px 0 0 0;font-size:13px;line-height:21px}
.mid_pos ul{margin:0;font-size:12px;line-height:47px}
.pagehead{margin-top:65px}
.mid_nav a{height:30px;line-height:30px;padding:0 10px;margin:3px 6px 3px 0;font-size:13px}
.footer li a,.footerzhong>div>p,.footerzhong>div>span{font-size:13px}
.mid_tl{display:none}
.mid_pos{float:left}
}
@media screen and (max-width:422px){.gn-menu-wrapper.gn-open-all{transform:translateX(0);width:100%}
.gn-menu-wrapper.gn-open-all .gn-scroller{width:130%}
.mid_pos ul{line-height:normal}
}
@media screen and (min-width:992px){#gn-menu{display:none}
.top{padding:0}
.topyou ul li{display:inline-block;padding:0;font-size:12px}
.bg-gq_china{background:url(../images/gq.png) -5px -5px}
.bg-gq_usa{background:url(../images/gq.png) -40px -5px}
.bg-gq_espanol{background:url(../images/gq.png) -5px -30px}
.bg-gq_china,.bg-gq_espanol,.bg-gq_usa{width:25px;vertical-align:bottom}
.bg-gq_china,.bg-gq_espanol,.bg-gq_usa,.topyou span{display:inline-block;height:15px;line-height:15px;vertical-align:bottom;color:#000}
.topyou .form1{float:right}
.form2 input,.topyou .form1 input{width:174px;height:27px;margin-top:4px}
.topyou .form1 button{height:27px;border:2px solid #000;background-color:#000;color:#fff;vertical-align:bottom}
.form2{display:none;padding:9px 10px}
.form2 button{color:#000;background-color:#fff;border:2px #fff solid;height:27px}
.form2 input{border-right:1px #000 solid;border-top:2px #fff solid;border-bottom:2px #fff solid;width:140px}
.navbar{margin:0;border-radius:0;min-height:30px;background:#000;border:none;padding:10px 0}
.nav>li>a{padding:0 8px;font-family:Oswald-Light,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase}
.navbar-default .navbar-nav>li>a{color:#fff}
.navbar-nav>li>.dropdown-menu{min-width:180px;padding-left:10px;background-color:#000}
.navbar-nav>li>.dropdown-menu a{line-height:25px;display:block;font-size:14px;color:#aaa}
.navbar-nav>li>.dropdown-menu a:hover{color:#a6ce39}
.navbar-nav{float:none;display:flex;justify-content:space-between}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#a6ce39;background:0 0}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#a6ce39}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background:0 0}
.item img,.service img,.welcome img{width:100%}
.navbar .nav>li:hover .dropdown-menu{display:block;animation:mymove 5s linear;overflow:hidden}
@keyframes mymove{from{max-height:0}
to{max-height:1000px}
}
}