@font-face {font-family:'AddFont'; src:local('AddFont light'),local('AddFont'),url(font/AddFont.woff) format('truetype');}
body,p,input,textarea,keygen,select,button{font-size:16px; line-height:1.75; font-family:'AddFont',Microsoft Yahei; color:#000; word-wrap:break-word;}
@media (max-width:1599px){
body,p,input,textarea,keygen,select,button{font-size:15px; line-height:1.7333333333333;}
h1,h1{font-size:32px}
.h2,h2{font-size:28px}
.h3,h3{font-size:22px}
.h4,h4{font-size:17px}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px; margin-bottom:10px;} }
@media (max-width:1199px){
body,p,input,textarea,keygen,select,button{font-size:14px; line-height:1.7142857142857;}
h1,h1{font-size:28px}
.h2,h2{font-size:24px}
.h3,h3{font-size:20px}
.h4,h4{font-size:16px}
.h1,.h2,.h3,h1,h2,h3{margin-top:18px; margin-bottom:9px;} }

.bootstrap-touchspin .input-group-btn .btn{padding:4px 16px !important;}

#map .anchorBL{display:none;}
#map .point_svg{cursor:default !important; width:28px; height:28px;}

.load-box{background:#fff url(font/ajax-loader.gif) center no-repeat; width:100%; height:100%; 
position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999999999;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s; visibility:visible; opacity:1;}
.load-box.active{opacity:0; visibility:hidden;}

html,body{width:100%; max-width:100%; min-width:320px;}
html{height:100%;}
body{height:auto; min-height:100%; overflow-x:hidden;}
b,strong{font-weight:bold;}
a{color:#000;}
a:focus,
a:hover{color:#023894; text-decoration:none;}
img[src*='data:image/png;base64,iVB'],
img[src^='data:image/png;base64,iVB']{background:url(img/loading.gif) #fff no-repeat center;}
.padding-box{padding:0 !important;}
@media (min-width:768px){
.padding-box{padding:0 5px !important;} }
@media (min-width:1200px){
.padding-box{padding:0 15px !important;} }
.after:after{display:block; content:''; clear:both;}

.less-link{color:#2a333c;}
.less-link:hover{color:#023894;}
.less-decorationnone{text-decoration:none;}
.less-decorationnone:active,
.less-decorationnone:focus,
.less-decorationnone:hover{text-decoration:none;}
.height-20{height:20px;}
.less-page-content{padding:30px; background:#ffffff;}
@media (max-width:767px){
.less-page-content{padding:10px;} }
.less-page-body{padding:30px 0px; background:#ffffff;}
@media (max-width:767px){
.less-page-body{padding:0px;} }
.less-uldestyle{padding:0px; list-style:none;}

.qnm-editor{padding:30px; background:#fff; width:100%; max-width:100%; font-size:18px; font-weight:300; line-height:1.8; color:#222; word-wrap:break-word;}
@media (max-width:767px){
.qnm-editor{padding:10px;}
.qnm-editor img{height:auto !important;} }
.qnm-editor p{margin-bottom:16px;}
.qnm-editor img{max-width:100%;}
.qnm-editor img:not(.imgloading){height:auto !important;}
.qnm-editor table{color:#2a333c;}
.qnm-editor .table-saw{overflow-x:auto;}
.qnm-editor .metvideobox,
.qnm-editor video,
.qnm-editor .metvideo,
.qnm-editor iframe,
.qnm-editor embed{max-width:100% !important; margin:auto; display:block;}
.qnm-editor .lg-item-box{display:inline;}
.qnm-pager{margin-top:20px; text-align:center;}
.qnm-pager *{display:inline-block;}
.qnm-pager a{padding:7px 15px; min-width:40px; border:1px solid #e4eaec; border-right:none; background:#fff; text-align:center; color:#76838f;}
.qnm-pager a:hover{background:#f5f5f5; text-decoration:none;}
.qnm-pager a.NextA{border-right:1px solid #e4eaec;}
.qnm-pager .PreSpan,
.qnm-pager .NextSpan{padding:9px 15px; border:1px solid #e4eaec; background:#fff; color:#ccd5db; cursor:default;}
.qnm-pager .firstPage,
.qnm-pager .lastPage{height:28px; line-height:28px;}
.qnm-pager a.Ahover{border-color:#023894; background:#023894; color:#fff; cursor:default;}
.qnm-pager a.Ahover:hover{border-color:#023894; background:#023894; color:#fff;}
.qnm-pager a{text-decoration:none;}
.qnm-pager a:active,
.qnm-pager a:focus,
.qnm-pager a:hover{text-decoration:none;}
.qnm-pager .PageText{display:none; margin-left:10px; color:#aaa;}
.qnm-pager input{display:none;}
.pager li{width:49%; display:inline-block;}
.pager li a{max-width:100%;}
.qnm-scroll-top{position:fixed; right:10px; bottom:80px; z-index:10;}
.flex{display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:flex;}
.less-flex-vm{-webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.overflow-visible{overflow:visible!important;}
.dropdown-menu,
.dropdown-menu > li > a{-webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; border-radius:0px; font-weight:normal;}
.dropdown-menu > li{padding:0px;}
.dropdown-menu > li > a{color:#2a333c !important; transition:color 0.5s; -moz-transition:color 0.5s; -webkit-transition:color 0.5s; -o-transition:color 0.5s; transition:background 0.5s; -moz-transition:background 0.5s; -webkit-transition:background 0.5s; -o-transition:background 0.5s;}
.dropdown-menu > li > a:hover{color:#023894 !important;}
.dropdown-menu > li > a:hover{background:#f5f5f5;}
.fnGallery .lg-item-box img{cursor:zoom-in;}
.qnm-white-lightGallery .lg-backdrop,
.qnm-white-lightGallery .lg-actions .lg-next,
.qnm-white-lightGallery .lg-actions .lg-prev,
.qnm-white-lightGallery .lg-toolbar{background:#fff;}
.qnm-white-lightGallery .lg-sub-html{background:rgba(255, 255, 255, 0.7); color:#555;}
.qnm-white-lightGallery .lg-toolbar.opacity0{opacity:0; -moz-opacity:0; filter:alpha(opacity=0); transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transform:translateY(-50px); -moz-transform:translateY(-50px); -o-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px);}
.qnm-white-lightGallery .lg-toolbar .lg-icon:hover,
.qnm-white-lightGallery .lg-actions .lg-next:hover,
.qnm-white-lightGallery .lg-actions .lg-prev:hover,
.qnm-white-lightGallery .lg-outer .lg-toogle-thumb:hover{color:#333;}
.qnm-white-lightGallery .lg-outer{z-index:9999; background:#fff;}
.qnm-white-lightGallery .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:84px;}
.qnm-white-lightGallery .lg-outer .lg-thumb-outer,
.qnm-white-lightGallery .lg-outer .lg-toogle-thumb{background-color:#f2f2f2;}
.qnm-white-lightGallery .lg-outer .lg-thumb-outer{padding:0 10px;}
.qnm-white-lightGallery .lg-outer .lg-thumb-outer .lg-thumb-item{margin-bottom:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;}
.qnm-white-lightGallery .lg-outer .lg-thumb-outer .lg-thumb-item.active,
.qnm-white-lightGallery .lg-outer .lg-thumb-outer .lg-thumb-item:hover{border-color:#023894;}
.qnm-form .form-control,
.input-group-addon{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;}
.swiper-navtab.swiper-container-horizontal .swiper-scrollbar{width:100%; height:3px; left:0; bottom:0; display:none;}
@media (max-width:767px){
.swiper-navtab.swiper-container-horizontal .swiper-scrollbar-drag{display:block;} }
.swiper-navtab.swiper-container-horizontal .swiper-scrollbar-drag{background:rgba(0, 0, 0, 0.2);}
.swiper-navtab .swiper-wrapper{width:auto;}
.swiper-navtab .swiper-wrapper.flex-start{-webkit-justify-content:flex-start !important; justify-content:flex-start !important;}
.swiper-navtab .swiper-slide{width:auto;}
.slh,
.pager li a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.slick-loading .slick-list{background:none;}
.slick-arrow{width:auto; height:auto; z-index:1; color:#fff !important;}
.slick-arrow:before,
.slick-arrow:after{font-family:inherit; display:none;}
.slick-arrow:hover{color:#023894 !important;}
.slick-arrow.slick-next{right:0;}
.slick-arrow.slick-prev{left:0;}
.slick-arrow i{font-size:60px;}
.slick-slide{outline:none;}/
img.imgloading:not([src*=base64]),
img.slick-loading:not([src*=base64]){object-fit:none;}
@media (max-width:767px){
.invisible-xs{visibility:hidden;}}
.animation-slide-top10{animation-name:slide-top10; -webkit-animation-name:slide-top10; -moz-animation-name:slide-top10; -ms-animation-name:slide-top10; -o-animation-name:slide-top10;}
.animation-slide-bottom10{animation-name:slide-bottom10; -webkit-animation-name:slide-bottom10; -moz-animation-name:slide-bottom10; -ms-animation-name:slide-bottom10; -o-animation-name:slide-bottom10;}
.animation-slide-left10{animation-name:slide-left10; -webkit-animation-name:slide-left10; -moz-animation-name:slide-left10; -ms-animation-name:slide-left10; -o-animation-name:slide-left10;}
.animation-slide-right10{animation-name:slide-right10; -webkit-animation-name:slide-right10; -moz-animation-name:slide-right10; -ms-animation-name:slide-right10; -o-animation-name:slide-right10;}
.animation-slide-top50{animation-name:slide-top50; -webkit-animation-name:slide-top50; -moz-animation-name:slide-top50; -ms-animation-name:slide-top50; -o-animation-name:slide-top50;}
.animation-slide-bottom50{animation-name:slide-bottom50; -webkit-animation-name:slide-bottom50; -moz-animation-name:slide-bottom50; -ms-animation-name:slide-bottom50; -o-animation-name:slide-bottom50;}
.animation-slide-left50{animation-name:slide-left50; -webkit-animation-name:slide-left50; -moz-animation-name:slide-left50; -ms-animation-name:slide-left50; -o-animation-name:slide-left50;}
.animation-slide-right50{animation-name:slide-right50; -webkit-animation-name:slide-right50; -moz-animation-name:slide-right50; -ms-animation-name:slide-right50; -o-animation-name:slide-right50;}
@-webkit-keyframes slide-top10{
0%{opacity:0; -webkit-transform:translate3d(0, -10%, 0); transform:translate3d(0, -10%, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-o-keyframes slide-top10{
0%{opacity:0; -webkit-transform:translate3d(0, -10%, 0); transform:translate3d(0, -10%, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@keyframes slide-top10{
0%{opacity:0; -webkit-transform:translate3d(0, -10%, 0); transform:translate3d(0, -10%, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-webkit-keyframes slide-bottom10{
0%{opacity:0; -webkit-transform:translate3d(0, 10%, 0); transform:translate3d(0, 10%, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-o-keyframes slide-bottom10{
0%{opacity:0; -webkit-transform:translate3d(0, 10%, 0); transform:translate3d(0, 10%, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@keyframes slide-bottom10{
0%{opacity:0; -webkit-transform:translate3d(0, 10%, 0); transform:translate3d(0, 10%, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-webkit-keyframes slide-left10{
0%{opacity:0; -webkit-transform:translate3d(-10%, 0, 0); transform:translate3d(-10%, 0, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-o-keyframes slide-left10{
0%{opacity:0; -webkit-transform:translate3d(-10%, 0, 0); transform:translate3d(-10%, 0, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@keyframes slide-left10{
0%{opacity:0; -webkit-transform:translate3d(-10%, 0, 0); transform:translate3d(-10%, 0, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-webkit-keyframes slide-right10{
0%{opacity:0; -webkit-transform:translate3d(10%, 0, 0); transform:translate3d(10%, 0, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-o-keyframes slide-right10{
0%{opacity:0; -webkit-transform:translate3d(10%, 0, 0); transform:translate3d(10%, 0, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@keyframes slide-right10{
0%{opacity:0; -webkit-transform:translate3d(10%, 0, 0); transform:translate3d(10%, 0, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-webkit-keyframes slide-top50{
0%{opacity:0; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-o-keyframes slide-top50{
0%{opacity:0; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@keyframes slide-top50{
0%{opacity:0; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-webkit-keyframes slide-bottom50{
0%{opacity:0; -webkit-transform:translate3d(0, 50%, 0); transform:translate3d(0, 50%, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-o-keyframes slide-bottom50{
0%{opacity:0; -webkit-transform:translate3d(0, 50%, 0); transform:translate3d(0, 50%, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@keyframes slide-bottom50{
0%{opacity:0; -webkit-transform:translate3d(0, 50%, 0); transform:translate3d(0, 50%, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-webkit-keyframes slide-left50{
0%{opacity:0; -webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-o-keyframes slide-left50{
0%{opacity:0; -webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@keyframes slide-left50{
0%{opacity:0; -webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-webkit-keyframes slide-right50{
0%{opacity:0; -webkit-transform:translate3d(50%, 0, 0); transform:translate3d(50%, 0, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@-o-keyframes slide-right50{
0%{opacity:0; -webkit-transform:translate3d(50%, 0, 0); transform:translate3d(50%, 0, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}
@keyframes slide-right50{
0%{opacity:0; -webkit-transform:translate3d(50%, 0, 0); transform:translate3d(50%, 0, 0);}
100%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}}

body[class*=qnm-navfixed]{padding-top:80px;}
@media (min-width:768px){
body.qnm-navfixed-langlist{padding-top:130px;} }
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
.qnm-nav{min-height:80px; margin-bottom:0px; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none; position:relative; z-index:1601;}
.qnm-nav.navbar-shadow{-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}
.qnm-nav.navbar-fixed-top{position:fixed;}
.qnm-nav .row{position:relative;}
.qnm-nav .navbar-logo{height:80px; margin:0px; margin-left:0!important; padding:0px; display:block; font-size:0;}
.qnm-nav .navbar-logo *{font-size:0 !important;}
.qnm-nav .navbar-logo img{max-height:70px;}
.qnm-nav .navbar-toggle{height:80px; border:none; margin:0 !important;}
.qnm-nav .nav > li > a{color:inherit !important;
transition:color 0.5s; -moz-transition:color 0.5s; -webkit-transition:color 0.5s; -o-transition:color 0.5s; 
transition:background 0.5s; -moz-transition:background 0.5s; -webkit-transition:background 0.5s; -o-transition:background 0.5s;}
.qnm-nav .nav > li > a:hover,
.qnm-nav .nav li a.active,
.qnm-nav .dropdown.open > a{color:#023894 !important;}
.qnm-nav .nav > li > a:hover,
.qnm-nav .dropdown.open > a{background:#fff!important;}
.qnm-nav .nav > li.openallsub.open .dropdown-menu{display:block;}
.qnm-nav .nav > li.openallsub.open .dropdown-menu .dropdown-submenu > a:after{display:none;}
.qnm-nav .nav > li.openallsub.open .dropdown-menu .dropdown-menu{position:static; float:none; border-right:none; border-left:none;}
.qnm-nav .nav > li.openallsub.open .dropdown-menu .dropdown-menu li a{padding:5px 15px 5px 30px;}
@media (max-width:992px){
.qnm-nav .nav > li.openallsub.open .dropdown-menu .dropdown-menu li a{padding-left:35px;}}
.qnm-nav .dropdown-menu.overflow-visible .dropdown-submenu:hover .dropdown-menu{display:table;}
.qnm-nav .dropdown-menu > .dropdown-submenu.dropdown-menu-left .dropdown-menu{left:auto; right:100%;}
.qnm-nav .qnm-langlist{height:80px; margin:0 !important;}
.qnm-nav .qnm-langlist .dropdown-menu{top:48px; bottom:auto;}
.modal{background:rgba(0, 0, 0, 0.3);}
.qnm-nav .navlist.flex{width:100%; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:flex;}
.qnm-nav .navlist.flex > li{flex:1; text-align:center;}
.qnm-nav .navlist.flex > li > a{height:50px; line-height:50px;}
.qnm-nav .navlist.flex > li > .dropdown-menu{top:55px;}
@media (min-width:992px){
.qnm-nav.navbar-fixed-top .navbar-collapse{padding:0 15px;}
.qnm-nav .nav-langlist > *:first-child{margin-right:90px;}
.qnm-nav .nav > li > a{padding:0 10px; height:80px; line-height:80px;}
.qnm-nav .dropdown-menu{top:80px;}
.qnm-nav .dropdown-menu.bullet{top:80px;}
.qnm-nav .qnm-nav-login{height:80px; padding-top:0px; margin-left:30px;}
.qnm-nav .qnm-langlist{position:absolute; right:20px; top:0;}}
@media (min-width:1199px){
.qnm-nav .qnm-langlist{right:30px;}
}
#qnm-wechat-modal .modal-lg{width:300px; text-align:center;}
#qnm-wechat-modal .modal-lg img{max-width:100%;}
@media (max-width:1199px){
.qnm-nav .caret{margin:0;}
.qnm-nav .navlist > li{margin-left:0px !important;}
.qnm-nav .nav-shop .navlist > li{margin-left:0 !important;}
.qnm-nav .qnm-nav-login{margin-left:10px;} }
@media (max-width:992px){
.qnm-nav .navbar-toggle{padding-right:0;}
.qnm-nav .navlist > li{margin-left:0px!important;}
.qnm-nav .dropdown-menu.bullet:before,
.qnm-nav .dropdown-menu.bullet:after{display:none;}
.qnm-nav .dropdown-menu.dropdown-menu.animate,
.qnm-nav .dropdown-menu.animate.overflow-visible .dropdown-menu{width:100%;}
.qnm-nav .dropdown-menu.dropdown-menu.animate > li > a,
.qnm-nav .dropdown-menu.animate.overflow-visible .dropdown-menu > li > a{width:100%; white-space:normal; word-break:break-all;}
.qnm-nav .dropdown-menu .dropdown-submenu .dropdown-menu > li > a{padding-left:40px;} 
.qnm-nav.navbar-fixed-top .navbar-collapse-toolbar{max-height:340px; overflow-y:auto;}
.qnm-nav .qnm-nav-login,
.qnm-nav .qnm-nav-right-shop{margin:12px 0 0 !important;}
.qnm-nav .qnm-langlist{float:right; margin-right:5px !important;}
.qnm-nav .qnm-langlist .btn{padding:6px 10px;}
.qnm-nav .nav-langlist>*:first-child{margin-right:0;}
}
@media (max-width:767px){
.qnm-nav .navbar-logo img{max-width:130px;}
}
/*banner & sidebar*/
/*banner*/
.banner-box{width:100%; position:relative; z-index:1600; overflow:hidden;}
.qnm-banner{width:100%; height:300px; margin:0 !important; display:table; background:#ccc;}
.qnm-banner:before{content:''; position:absolute; background:#023894; height:100%; width:500px; right:100%; top:0; z-index:8;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
.qnm-banner:after{content:''; position:absolute; background:#023894; height:100%; width:500px; left:100%; bottom:0; z-index:9;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
.qnm-banner.fixedheight{display:-moz-deck;}
.qnm-banner.fixedheight .slick-slide{height:100%;}
.qnm-banner.fixedheight .slick-slide img{width:auto; height:100%; position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.qnm-banner.banner-ny-h{height:150px;}
.qnm-banner.banner-ny-h .slick-slide img{min-height:100px;}
@media (max-width:991px){
.qnm-banner.banner-ny-h{height:100px;}}
.qnm-banner.slick-slider{display:block;}
.qnm-banner .slick-list,
.qnm-banner .slick-track{height:100%;}
.qnm-banner .slick-slide{width:100%; height:auto; position:relative; overflow:hidden;}
.qnm-banner .slick-slide:first-child{display:block;}
.qnm-banner .slick-slide a{display:block;}
.qnm-banner .slick-slide img{min-height:150px;}
.qnm-banner .slick-arrow{width:15%; height:100%; display:none !important; top:50%; text-align:center;}
.qnm-banner .slick-arrow.slick-prev{
background:linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); 
background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); 
background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); 
background:-o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); 
background:-ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);}
.qnm-banner .slick-arrow.slick-next{
background:linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); 
background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); 
background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); 
background:-o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); 
background:-ms-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);}
.qnm-banner .slick-arrow:hover i{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.qnm-banner .slick-arrow i{font-size:70px; color:#fff !important; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50);}
@media (max-width:767px){
.qnm-banner .slick-arrow i{font-size:50px;}}
.qnm-banner .slick-dots{margin:0; bottom:20px;}
.qnm-banner .slick-dots li{margin:0 2px;}
@media (max-width:991px){
.qnm-banner{height:150px;}}
@media (min-width:768px){
.qnm-banner:hover .slick-arrow{display:block !important;}}
@media (max-width:767px){
.qnm-banner .slick-dots{bottom:5px;}
.qnm-banner .slick-dots li{width:15px; height:15px; margin:0;}} 
.qnm-banner-ny{background-color:#f00; height:120px;}
.qnm-banner-ny h1,
.qnm-banner-ny h2{margin:0px; padding:10px 30px; font-size:35px; font-weight:300; text-shadow:none; color:#fff;}
@media (max-width:767px){
.qnm-banner-ny{height:90px;}
.qnm-banner-ny h1,
.qnm-banner-ny h2{font-size:26px;}}
@media (min-width:1200px){
.banner-box i.fa{ background:#fff; width:75px; height:75px; display:block; position:absolute; z-index:10; top:77.5%; right:1.5%;
border:10px solid #023894; line-height:55px; text-align:center; color:#444; border-radius:50%; cursor:pointer; font-size:25px;}
.qnm-banner .slick-dots{bottom:40px;}
.qnm-banner .slick-dots li{width:auto; height:auto; margin:0 6px;}
.qnm-banner .slick-dots li button{display:none;}
.qnm-banner .slick-dots li img{border:4px solid transparent; transition:.8s; -moz-transition:.8s; -webkit-transition:.8s;}
.qnm-banner .slick-dots li.slick-active img{border-color:#fff;} }
@media (max-width:1199px){
.banner-box i.fa{display:none;}
.qnm-banner .slick-dots li img{display:none;} }


.skew-title{background:#023894; text-align:center; padding:40px 0;}
.skew-title h2{color:#fff;}
.skew-title p{color:#fff; opacity:.5;}
.skew-title a{color:#fff; opacity:.95;}
@media (max-width:1599px){
.skew-title{padding:35px 0;}}
@media (max-width:1199px){
.skew-title{padding:30px 0;}}
@media (max-width:767px){
.skew-title{padding:20px 10px;}
.skew-title p br{display:none;}}


.skew-box{width:100%; overflow:hidden; position:relative;}
.skew-box:before{content:''; position:absolute; background:#023894; height:100%; width:500px; right:100%; top:0; z-index:8;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
.skew-box:after{content:''; position:absolute; background:#023894; height:100%; width:500px; left:100%; bottom:0; z-index:9;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
.skew-box ul{display:block; list-style:none; padding:0; margin:0; overflow:hidden; position:relative; z-index:7;}
@media (min-width:992px){ 
.skew-box ul li{list-style:none; padding:0; margin:0; width:50%; position:relative; z-index:1; 
transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.skew-box ul li:nth-child(2){position:absolute; z-index:2; left:0; top:0; transform:translateX(50%); 
-moz-transform:translateX(50%); -ms-transform:translateX(50%); -o-transform:translateX(50%); -webkit-transform:translateX(50%);}
.skew-box ul li:nth-child(3){position:absolute; z-index:3; left:0; top:0; transform:translateX(100%);
-moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); -webkit-transform:translateX(100%);}
.skew-box ul li:nth-child(4){position:absolute; z-index:4; left:0; top:0; transform:translateX(150%);
-moz-transform:translateX(150%); -ms-transform:translateX(150%); -o-transform:translateX(150%); -webkit-transform:translateX(150%);}
.skew-box ul:hover li:nth-child(2){transform:translateX(44%); -moz-transform:translateX(44%);
-ms-transform:translateX(44%); -o-transform:translateX(44%); -webkit-transform:translateX(44%);}
.skew-box ul:hover li:nth-child(3){transform:translateX(88%); -moz-transform:translateX(88%);
-ms-transform:translateX(88%); -o-transform:translateX(88%); -webkit-transform:translateX(88%);}
.skew-box ul:hover li:nth-child(4){transform:translateX(132%); -moz-transform:translateX(132%);
-ms-transform:translateX(132%); -o-transform:translateX(132%); -webkit-transform:translateX(132%);}
.skew-box ul:hover li:nth-child(3):hover+li{transform:translateX(156%); -moz-transform:translateX(156%);
-ms-transform:translateX(156%); -o-transform:translateX(156%); -webkit-transform:translateX(156%);}
.skew-box ul:hover li:nth-child(2):hover+li{transform:translateX(112%); -moz-transform:translateX(112%);
-ms-transform:translateX(112%); -o-transform:translateX(112%); -webkit-transform:translateX(112%);}
.skew-box ul:hover li:nth-child(2):hover+li+li{transform:translateX(156%); -moz-transform:translateX(156%);
-o-transform:translateX(156%); -ms-transform:translateX(156%); -webkit-transform:translateX(156%);}
.skew-box ul:hover li:nth-child(1):hover+li{transform:translateX(68%); -moz-transform:translateX(68%);
-ms-transform:translateX(68%); -o-transform:translateX(68%); -webkit-transform:translateX(68%);}
.skew-box ul:hover li:nth-child(1):hover+li+li{transform:translateX(112%); -moz-transform:translateX(112%);
-ms-transform:translateX(112%); -o-transform:translateX(112%); -webkit-transform:translateX(112%);}
.skew-box ul:hover li:nth-child(1):hover+li+li+li{transform:translateX(156%); -moz-transform:translateX(156%);
-ms-transform:translateX(156%); -o-transform:translateX(156%); -webkit-transform:translateX(156%);}
.skew-box ul li strong{position:absolute; left:-4.5%; bottom:25%; width:50%; text-align:center; z-index:999; visibility:visible; opacity:1;
transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);
transition:.25s; -moz-transition:.25s; -ms-transition:.25s; -o-transition:.25s; -webkit-transition:.25s;}
.skew-box ul li:hover strong{visibility:hidden; opacity:0;
transform:scale(.6,.6); -moz-transform:scale(.6,.6); -ms-transform:scale(.6,.6); -o-transform:scale(.6,.6); -webkit-transform:scale(.6,.6);
transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.skew-box ul li strong img{max-width:100px; max-height:100px; margin:0 auto; display:block;}
.skew-box ul li strong i{font-size:55px; color:#fff; line-height:1.2;}
.skew-box ul li strong h2{color:#fff; margin:0; white-space:nowrap; overflow:hidden; display:block;}
.skew-box ul li strong b{color:#fff; font-weight:normal; white-space:nowrap; overflow:hidden; display:block;}
.skew-box ul li font{position:absolute; z-index:999; width:75%; padding:0 20%;
left:-5%; bottom:20%; color:#fff; font-weight:normal; visibility:hidden; opacity:0;
transform:scale(.6,.6); -moz-transform:scale(.6,.6); -ms-transform:scale(.6,.6); -o-transform:scale(.6,.6); -webkit-transform:scale(.6,.6);
transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.skew-box ul li:hover font{visibility:visible; opacity:1;
transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);
transition:.25s .4s; -moz-transition:.25s .4s; -ms-transition:.25s .4s; -o-transition:.25s .4s; -webkit-transition:.25s .4s;}
.skew-box ul li font h1{color:#fff; margin:0; white-space:nowrap; overflow:hidden; display:block;}
.skew-box ul li font b{color:#fff; font-weight:normal; white-space:nowrap; overflow:hidden; display:block;}
.skew-box ul li font p{color:#fff; margin-top:10px; overflow:hidden; max-height:140px;}
.skew-box ul li font a{color:#023894; float:right; width:180px; height:50px; margin:15px 15px 0 0;
line-height:50px; text-align:center; position:relative;}
.skew-box ul li font a:before{background:#fff; left:0; top:0; right:0; bottom:0; content:''; position:absolute; z-index:-1; 
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.skew-box ul li font a:hover:before{background:#e6e6e6;} 
.skew-box ul li span{width:100%; transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg); overflow:hidden; display:block; position:relative;}
.skew-box ul li span:before{width:100%; height:100%; background:#023894; opacity:0; position:absolute; left:0; top:0; content:''; z-index:999;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.skew-box ul li:hover span:before{opacity:.6;}
.skew-box ul li span img{transform:skewX(15deg); -moz-transform:skewX(15deg); -ms-transform:skewX(15deg); -o-transform:skewX(15deg); -webkit-transform:skewX(15deg); width:100%; margin-left:-15%; display:block;} }
@media (max-width:1599px){
.skew-box ul li strong i{font-size:50px;}
.skew-box ul li font{padding:0 15%; left:-4%; bottom:17%;}
.skew-box ul li font p{max-height:130px;} 
.skew-box ul li font a{width:160px; height:45px; line-height:45px; margin:10px 10px 0 0;}}
@media (max-width:1199px){ 
.skew-box ul li strong i{font-size:45px;}
.skew-box ul li font{padding:0 13%; left:-3%; bottom:13%;}
.skew-box ul li font p{max-height:120px;}
.skew-box ul li font a{width:140px; height:40px; line-height:40px; margin:10px 10px 0 0;} }
@media (max-width:991px){
.skew-box ul:before{height:50%;}
.skew-box ul:after{height:50%;}
.skew-box ul:after{display:block; clear:both; content:'';}
.skew-box ul li{list-style:none; padding:0; margin:0; width:50%; float:left; position:relative;}
.skew-box ul li span{width:100%; display:block; position:relative;}
.skew-box ul li span:before{width:100%; height:100%; background:#023894; opacity:0; position:absolute; left:0; top:0; content:''; z-index:995;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.skew-box ul li:hover span:before{opacity:.6;}
.skew-box ul li span img{width:100%; display:block;}
.skew-box ul li a{display:block; width:100%; height:100%;}
.skew-box ul li strong{position:absolute; left:0; bottom:30%; width:100%; text-align:center; z-index:999;}
.skew-box ul li strong i{font-size:45px; color:#fff; line-height:1.2;}
.skew-box ul li strong img{max-width:100px; max-height:100px; margin:0 auto; display:block;}
.skew-box ul li strong h2{color:#fff; margin:0; white-space:nowrap; overflow:hidden; display:block;}
.skew-box ul li strong b{color:#fff; font-weight:normal; white-space:nowrap; overflow:hidden; display:block;}
.skew-box ul li font{display:none;} }
@media (max-width:767px){
.skew-box ul li strong{bottom:25%; line-height:1.2;}
.skew-box ul li strong img{max-width:50px; max-height:50px;}
.skew-box ul li strong i{font-size:30px; line-height:1;}
.skew-box ul li strong h2{font-size:20px;}
.skew-box ul li strong b{font-size:12px;} }

.about-title{background:#e6e6e6; text-align:center; padding:40px 0;}
.about-title h2{color:#333;}
.about-title h3{color:#333;}
.about-title p{color:#333; opacity:.5;}
.about-title a{display:inline-block; margin-bottom:5px; opacity:.8;}
.about-text *{max-width:100%;}
@media (max-width:1599px){
.about-title{padding:35px 0;} }
@media (max-width:1199px){
.about-title{padding:30px 0;} }
@media (max-width:767px){
.about-title{padding:20px 10px;}
.about-title p br{display:none;} }
.about-box{background:center #000; background-size:cover; padding:200px 0; position:relative; overflow:hidden;}
.about-box hr{opacity:.5;}
.about-box *{color:#fff;}
.about-box video{box-shadow:0 0 3px rgba(255,255,255,.7);}
.about-box b{display:block; margin:25px 0 30px 0;}
.about-box b:after{display:block; content:''; clear:both;}
.about-box b a{display:block; float:left; padding:10px; border-radius:99px; background:#333; margin-right:15px; overflow:hidden;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.about-box b a:hover{background:#023894;}
.about-box b a i{display:block; font-size:18px; width:22px; height:22px; line-height:22px; text-align:center;}
.about-box b a img{display:block; max-width:80px;}
.about-box:before{content:''; position:absolute; background:#023894; height:100%; width:500px; right:100%; top:0; z-index:8;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
.about-box:after{content:''; position:absolute; background:#023894; height:100%; width:500px; left:100%; bottom:0; z-index:9;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
.about-box>div{z-index:10; position:relative;}
@media (max-width:1599px){
.about-box{padding:150px 0;} }
@media (max-width:1199px){
.about-box{padding:100px 0;} }
@media (max-width:992px){
.about-box:before{height:50%;}
.about-box:after{height:50%;}
.about-box video{width:80%;} }
@media (max-width:767px){
.about-box{padding:50px 0;}
.about-box video{width:100%;} }



.info-box{background:center; background-size:cover; padding:60px 0; position:relative; overflow:hidden;}
.info-box:before{content:''; position:absolute; background:#023894; height:100%; width:500px; right:100%; top:0; z-index:8;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
.info-box:after{content:''; position:absolute; background:#023894; height:100%; width:500px; left:100%; bottom:0; z-index:9;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
@media (max-width:1199px){
.info-box:before{height:50%;}
.info-box:after{height:50%;} }
.info-box>div{position:relative; z-index:10;}
.info-list{background:#fff; margin:30px 0;}
.info-top{padding:25px 20px; position:relative;}
.info-top a.tit{font-size:18px; margin-bottom:8px; display:block; opacity:1; visibility:visible;
transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; -webkit-transition:.2s;
white-space:nowrap; overflow:hidden; padding-right:70px; text-overflow:ellipsis;}
.info-top.active a.tit,
.info-top:hover a.tit{transform:translateY(-30px); -moz-transform:translateY(-30px); -ms-transform:translateY(-30px);
-o-transform:translateY(-30px); -webkit-transform:translateY(-30px); opacity:0; visibility:hidden;}
.info-top a.img{display:block; position:absolute; left:0; top:0; bottom:0; right:0; background:center no-repeat; background-size:cover;
visibility:hidden; opacity:0; transform:scale(.4,.4); -moz-transform:scale(.4,.4); z-index:3;
-ms-transform:scale(.4,.4); -o-transform:scale(.4,.4); -webkit-transform:scale(.4,.4);
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.info-top.active a.img,
.info-top:hover a.img{visibility:visible; opacity:1; transform:scale(1,1); -moz-transform:scale(1,1);
-ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);}
.info-top p{opacity:.5; margin:0; height:112px; overflow:hidden; visibility:visible;
transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; -webkit-transition:.2s;}
.info-top.active p,
.info-top:hover p{transform:translateY(30px); -moz-transform:translateY(30px); -ms-transform:translateY(30px); 
-o-transform:translateY(30px); -webkit-transform:translateY(30px); opacity:0; visibility:hidden;}
.info-top i{background:#023894; text-align:center; z-index:4; font-style:normal; 
position:absolute; right:20px; top:-20px; line-height:1.3; padding:8px;}
.info-top i b{color:#fff; font-size:28px; display:block;}
.info-top i u{color:#fff; text-decoration:none; display:block; font-size:14px;}
.info-bottom{border-top:1px solid #eee;}
.info-bottom a{font-size:12px; text-align:right; display:block; padding:15px 20px;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.info-bottom a:before{width:22px; height:1px; background:#555; display:inline-block; content:''; margin:0 30px 4px 0;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.info-bottom a:hover{background:#023894; color:#fff;}
.info-bottom a:hover:before{background:#fff;}
@media (max-width:1599px){
.info-box{padding:50px 0;}
.info-top a.tit{font-size:17px;}
.info-top p{height:104px;} }
@media (max-width:1199px){
.info-box{padding:40px 0;}
.info-top a.tit{font-size:16px;}
.info-top p{height:96px;} }
@media (max-width:767px){
.info-box{padding:30px 0;}
.info-top p{height:auto;} }





.qnm-position{background:#ffffff; border-bottom:1px solid #f0f2f5;}
.qnm-position.bordernone{border-bottom:none;}
@media (max-width:767px){
.qnm-position{border-bottom:1px solid #f0f2f5;}}
.qnm-position .breadcrumb{margin:0px; padding:15px;}
.qnm-position a{text-decoration:none;}
.qnm-position a:active,
.qnm-position a:focus,
.qnm-position a:hover{text-decoration:none;}
.qnm-position.pattern-show{background:#f2f2f2; border-bottom:none;}
.qnm-position.pattern-show .breadcrumb{padding:10px;}
.qnm-column-nav{border-bottom:1px solid #e5e5e5; text-align:center;}
.qnm-column-nav.bordernone{border-bottom:none;}
.qnm-column-nav .qnm-column-nav-ul{padding:0px; list-style:none; margin:0 auto; padding:0; text-align:center; float:left\9;
display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:flex; 
-webkit-justify-content:center; justify-content:center;}
.qnm-column-nav .qnm-column-nav-ul > li{white-space:nowrap; float:left;}
.qnm-column-nav .qnm-column-nav-ul > li:first-child{margin-left:0 !important;}
.qnm-column-nav .qnm-column-nav-ul > li a.link{text-decoration:none; display:block; padding:0 10px; line-height:70px; height:70px; position:relative;}
.qnm-column-nav .qnm-column-nav-ul > li a.link:active,
.qnm-column-nav .qnm-column-nav-ul > li a.link:focus,
.qnm-column-nav .qnm-column-nav-ul > li a.link:hover{text-decoration:none;}
.qnm-column-nav .qnm-column-nav-ul > li a.link:hover,
.qnm-column-nav .qnm-column-nav-ul > li a.link.active{color:#023894;}
.qnm-column-nav .qnm-column-nav-ul > li a.link.active:after{content:''; display:block; position:absolute; 
left:0; bottom:-1px; right:0; height:1px; background:#023894;}
.qnm-column-nav .qnm-column-nav-ul > li > ul > li > a.active{color:#023894 !important;}
.qnm-column-nav .qnm-column-nav-ul > li .dropdown-menu{top:40px;}
.qnm-column-nav .product-search:first-child{margin-top:20px;}
.qnm-column-nav .product-search .form-group{max-width:500px; margin:0 auto;}
.qnm-column-nav .form-control, .has-success .form-control{border-color:#e5e5e5; background-color:#f2f2f2;}
.qnm-column-nav .input-search{background:none;}
@media (max-width:767px){
.qnm-column-nav{border-bottom:1px solid #f0f2f5;}
.qnm-column-nav .row{margin:0;}
.qnm-column-nav .sidebar-tile{height:60px;}
.qnm-column-nav .qnm-column-nav-ul > li{margin-left:0 !important;}
.qnm-column-nav .qnm-column-nav-ul > li a.link{line-height:60px; height:60px;}}

.qnm-links{padding:0px; color:#fff; background:#2d2d2d;}
.qnm-links a{color:#fff;}
.qnm-links ol{margin-bottom:0px;}
.qnm-links .breadcrumb{padding:0;}
.qnm-links .breadcrumb > li + li:before{color:#aaaaaa;}
.qnm-links li{white-space:nowrap; opacity:.9;}
.qnm-links li:hover{opacity:1;}
.qnm-links li img{height:40px;}

.powered{float:right; opacity:.8;}
@media (max-width:991px){
.powered{float:none;}
.powered div{display:none;}
}

.qnm-footnav{padding:40px 0 30px 0; background:#2d2d2d;}
@media (max-width:991px){
.qnm-footnav{padding:30px 0;} 
.qnm-footnav .list{margin-bottom:20px;}}
@media (max-width:767px){ 
.qnm-footnav{padding:20px 0;}
.qnm-footnav .list{margin-bottom:15px;}}
.qnm-footnav h4{margin-top:10px; text-shadow:none;}
.qnm-footnav h4 a{color:#fff; text-decoration:none;}
.qnm-footnav h4 a:hover{color:#fff;}
.qnm-footnav h4 a:active,
.qnm-footnav h4 a:focus,
.qnm-footnav h4 a:hover{text-decoration:none;}
.qnm-footnav ul{padding:0px; margin-bottom:0px; list-style:none;}
.qnm-footnav ul li{margin-bottom:3px;}
.qnm-footnav ul li a{color:#fff; opacity:.75; text-decoration:none; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap;}
.qnm-footnav ul li a:active,
.qnm-footnav ul li a:focus,
.qnm-footnav ul li a:hover{text-decoration:none;}
.qnm-footnav ul li a:hover{opacity:1;}
.foot-text{float:right;}
.foot-text h4{color:#fff;}
.qnm-footnav .info em{display:block; font-size:30px; line-height:1; font-style:normal;}
@media (max-width:1599px){.qnm-footnav .info em{font-size:28px;}}
@media (max-width:1199px){.qnm-footnav .info em{font-size:24px;}}
@media (max-width:767px){
.qnm-footnav .info em{font-size:28px;}
.foot-text{float:none;} }
.qnm-footnav .info em a{color:#fff; transition:color 0.5s; -moz-transition:color 0.5s; -webkit-transition:color 0.5s; -o-transition:color 0.5s;}
.qnm-footnav .info em a:hover{color:#fff; opacity:.8;}
.qnm-footnav .info p{color:#fff; margin:5px 0 0 0; opacity:.75;}
.qnm-footnav .info i{font-size:20px; cursor:pointer;}
.qnm-footnav .social-box{margin-top:15px;}
.qnm-footnav .social-box a{margin:0 5px 0 0; display:inline-block; width:40px; height:40px; line-height:40px; 
text-align:center; background:rgba(255,255,255,.15); border-radius:50%; color:#2d2d2d;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.qnm-footnav .social-box a:hover{background:rgba(255,255,255,.9);}
.qnm-footnav .info a:hover,
.qnm-footnav .info a:focus{text-decoration:none;}
@media (max-width:991px){
.qnm-footnav .info{margin-top:0;}}

footer{height:auto; padding:0 0 20px 0; color:#fff; line-height:1.8; background:#2d2d2d;}
footer p{margin-bottom:0px; color:#fff; opacity:.9;}
footer a{color:#fff;}
footer a:hover{color:#fff;}
footer .container-fluid:before{width:100%; height:1px; background:#fff; opacity:.1; margin-bottom:20px; content:'';}

.no-padding{padding:0;}

.qnm-langlist .flag-icon{margin-right:3px; font-size:15px;}
.qnm-langlist .dropdown-menu{min-width:100%;}
@media (max-width:767px){#qnm-langlist-modal .modal-center{height:auto!important;}}
#qnm-langlist-modal .modal-content{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;}
#qnm-langlist-modal .modal-content .modal-body{padding:40px 40px 20px; position:relative;}
#qnm-langlist-modal .modal-content .modal-body .close{position:absolute; right:10px; top:0px; font-size:40px;}
#qnm-langlist-modal .modal-content a.btn{padding:0px 15px; border:none; font-size:16px; height:50px; line-height:50px;}
#qnm-langlist-modal .modal-content a.btn span.flag-icon{margin-right:8px; top:7px; font-size:30px;}
 
/*简介模块*/
.qnm-show{padding:50px 0px; background:#f5f5f5; word-break:break-all;}
@media (max-width:1199px){
.qnm-show{padding:30px 0px;} }
@media (max-width:767px){
.qnm-show{padding:20px 0;} } 


.qnm-news{padding:30px 0px; border-top:1px solid #f0f2f5; background:#f2f2f2;}
@media (max-width:767px){
.qnm-news{padding:0px;}}
.qnm-news .qnm-news-body{-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);}
.qnm-news .qnm-news-list{padding:30px; background:#ffffff;}
@media (max-width:767px){
.qnm-news .qnm-news-list{padding:10px;}}
@media (max-width:767px){
.qnm-news .qnm-news-list{padding:15px;}}
.qnm-news .news-headlines{padding-bottom:30px; border-bottom:1px solid #f0f2f5; margin-bottom:30px; overflow:hidden;}
.qnm-news .news-headlines .slick-slide{width:100%; position:relative;}
.qnm-news .news-headlines .slick-slide:first-child{display:block;}
.qnm-news .news-headlines .headlines-text{width:100%; position:absolute; left:0; bottom:30px; text-align:center;}
.qnm-news .news-headlines .headlines-text h3{margin:0px; font-size:20px; line-height:1.5; color:#fff;}
.qnm-news .news-headlines .slick-dots{bottom:35px;}
@media (max-width:767px){
.qnm-news .news-headlines{padding-bottom:20px; margin-bottom:20px;}
.qnm-news .news-headlines .headlines-text{bottom:20px;}
.qnm-news .news-headlines .headlines-text h3{font-size:16px;}
.qnm-news .news-headlines .slick-dots{bottom:20px;}}
.qnm-news ul.qnm-page-ajax{padding:0px; list-style:none;}
.qnm-news ul.qnm-page-ajax li{border-bottom:1px solid #f0f2f5; padding:30px 0;}
.qnm-news ul.qnm-page-ajax li h4{margin:0 0 20px; font-size:22px;}
.qnm-news ul.qnm-page-ajax li h4 a{color:#2a333c;}
.qnm-news ul.qnm-page-ajax li h4 a:hover{color:#023894;}
.qnm-news ul.qnm-page-ajax li p{font-size:16px; font-weight:300;}
.qnm-news ul.qnm-page-ajax li p.des{color:#76838f; margin-bottom:10px;}
.qnm-news ul.qnm-page-ajax li p.info{margin-bottom:0px; font-size:16px; font-weight:300; color:#a3afb7;}
.qnm-news ul.qnm-page-ajax li p.info span{margin-left:10px;}
.qnm-news ul.qnm-page-ajax li p.info span:first-child{margin:0;}
.qnm-news ul.qnm-page-ajax li p.info i{color:#a3afb7; font-weight:300;}
@media (max-width:991px){
.qnm-news ul.qnm-page-ajax li h4{font-size:18px; margin-bottom:10px;}}
@media (max-width:767px){
.qnm-news ul.qnm-page-ajax li{padding:20px 0;}
.qnm-news ul.qnm-page-ajax li .media-left{padding-right:10px;}
.qnm-news ul.qnm-page-ajax li .media-left .media-object{width:100px;}
.qnm-news ul.qnm-page-ajax li h4{font-size:16px; margin-bottom:5px;}
.qnm-news ul.qnm-page-ajax li p{font-size:14px;}
.qnm-news ul.qnm-page-ajax li p.des{margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}}
@media (max-width:349px){
.qnm-news ul.qnm-page-ajax li .media-left,
.qnm-news ul.qnm-page-ajax li .media-body{width:100%; display:block;}
.qnm-news ul.qnm-page-ajax li .media-left{padding:0;}
.qnm-news ul.qnm-page-ajax li .media-left .media-object{width:auto; max-width:100%;}
.qnm-news ul.qnm-page-ajax li .media-body{margin-top:15px;}}
.qnm-news.type-3 .qnm-news-body{-webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none;}
.qnm-news.type-3 .widget{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;}
.qnm-news.type-3 .widget .widget-body,
.qnm-news.type-3 .widget .widget-header{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;}
.qnm-news.type-3 .widget .widget-title{font-size:24px;}
.qnm-news.type-3 .widget .widget-title a{color:#2a333c;}
.qnm-news.type-3 .widget .widget-title a:hover{color:#023894;}
.qnm-news.type-3 .widget .widget-metas span{margin-left:10px;}
.qnm-news.type-3 .widget .widget-metas span:first-child{margin:0;}
@media (max-width:767px){
.qnm-news.type-3 .widget{margin:15px 0 0;}
.qnm-news.type-3 .widget:first-child{margin:0;}
.qnm-news.type-3 .widget .widget-title{font-size:18px;}
.qnm-news.type-3 .widget .widget-body{padding:15px 10px;}}
.qnm-news-bar{margin-left:30px; padding:20px; background:#ffffff; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);}
@media (max-width:991px){
.qnm-news-bar{margin-left:0px; margin-top:30px; padding:30px;}}
@media (max-width:767px){
.qnm-news-bar{margin:0; padding:15px;}}
.qnm-news-bar ul.column{padding:0px; list-style:none;}
.qnm-news-bar ul.column li{margin-bottom:10px;}
.qnm-news-bar ul.column li a{font-size:16px; color:#2a333c;}
.qnm-news-bar ul.column li a:hover{color:#023894;}
.qnm-news-bar ul.column li a.active{color:#023894;}
.qnm-news-bar .recommend{margin:20px 0px; padding:20px 0px; border-top:1px solid #f0f2f5; border-bottom:1px solid #f0f2f5;}
.qnm-news-bar .recommend h3{font-size:18px; font-weight:300; margin:0px;}
.qnm-news-bar .recommend .list-group{margin-top:10px; margin-bottom:0px;}
.qnm-news-bar .recommend .list-group a{color:#2a333c; font-size:15px;}
.qnm-news-bar .recommend .list-group a:hover{color:#023894;}

.qnm-shownews{padding:30px 0px; border-top:1px solid #f0f2f5; background:#f2f2f2;}
.qnm-shownews .qnm-shownews-body{-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);}
.qnm-shownews .qnm-shownews-header,
.qnm-shownews .qnm-shownews-footer{padding:30px; background:#ffffff;}
@media (max-width:767px){
.qnm-shownews .qnm-shownews-header,
.qnm-shownews .qnm-shownews-footer{padding:10px;}}
.qnm-shownews .qnm-shownews-header{padding-bottom:0px;}
.qnm-shownews h1{margin:0px; margin-bottom:5px; font-size:32px; line-height:1.5;}
.qnm-shownews .info{padding-bottom:20px; border-bottom:1px solid #f0f2f5; font-size:16px; font-weight:300; color:#a3afb7;}
.qnm-shownews .info span{padding-right:10px;}
@media (max-width:767px){
.qnm-shownews .info{padding-bottom:20px;}}
.qnm-shownews .qnm-shownews-footer{padding-top:0px;}
.qnm-shownews .qnm-shownews-footer ul.pager{margin:0px; border-top:1px solid #f0f2f5; padding-top:20px;}
@media (max-width:767px){
.qnm-shownews{padding:20px 15px;}
.qnm-shownews h1{font-size:24px;}
.qnm-shownews .qnm-shownews-header{padding-top:20px;}}
.met_tools_code{margin-top:30px; text-align:center; font-size:0px;}
@media (max-width:767px){
.met_tools_code{margin-top:10px;}}
.met_tools_code .bdsharebuttonbox{display:inline;}
.met_tools_code .bdsharebuttonbox a{float:none; display:inline-block;}

.qnm-product-class{position:relative;}
.qnm-product-class .class-desc{padding:15px; }
.qnm-product-class .class-text h1{margin:0;}
.qnm-product-class .class-text h1 a{color:#023894;}
.qnm-product-class .class-text p{opacity:.5; margin:15px 0 25px 0;}
.qnm-product-class .class-text h4{margin:0;}
.qnm-product-class .class-image:before{content:''; position:absolute; right:100%; top:0; width:300px; height:100%; background:#fff;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); 
-o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg); z-index:993;}
.qnm-product-class .class-image:after{content:''; position:absolute; width:100%; height:100%; 
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;
left:0; top:0; background:#023894; z-index:1; opacity:0;}
.qnm-product-class .class-image:hover:after{opacity:.5;}
.qnm-product-class .class-image a{color:#023894; width:180px; height:50px; margin:-25px 0 0 -90px;
transition:.3s .2s; -moz-transition:.3s .2s; -ms-transition:.3s .2s; -o-transition:.3s .2s; -webkit-transition:.3s .2s;
line-height:50px; text-align:center; position:absolute; top:50%; left:50%; z-index:995; opacity:0;}
.qnm-product-class .class-image:hover a{opacity:1;}
.qnm-product-class .class-image a:before{background:#fff; left:0; top:0; right:0; bottom:0; content:''; position:absolute; z-index:-1; 
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.qnm-product-class .class-image a:hover:before{background:#e6e6e6;}
@media (max-width:992px){
.qnm-product-class .class-text{padding-top:15px !important; padding-bottom:10px !important;}
.qnm-product-class .class-text p{margin:5px 0 15px 0;}
.qnm-product-class .class-image:before{right:0; left:100%;}
.qnm-product-class .class-image{position:relative; height:200px; background:center; background-size:cover; overflow:hidden;} }
@media (min-width:992px){
.qnm-product-class:after{display:block; content:''; clear:both;}
.qnm-product-class .class-text{float:left; width:46.7%; padding-top:100px !important; padding-bottom:150px !important;}
.qnm-product-class .class-image{position:absolute; top:0; right:0; width:53.3%; height:100%; background:center; background-size:cover; overflow:hidden;}
.qnm-product-class .class-image:before{ transform-origin:left bottom; -moz-transform-origin:left bottom; 
-ms-transform-origin:left bottom; -o-transform-origin:left bottom; -webkit-transform-origin:left bottom;}
.qnm-product-class:nth-child(2n+1) .class-text{float:right;}
.qnm-product-class:nth-child(2n+1) .class-image{position:absolute; right:auto; left:0;}
.qnm-product-class:nth-child(2n+1) .class-image:before{right:auto; left:100%; transform:skewX(15deg); transform-origin:right bottom;}
.qnm-product-class:nth-child(2n+1) .class-image a:before{ 
transform:skewX(15deg); -moz-transform:skewX(15deg); -ms-transform:skewX(15deg); -o-transform:skewX(15deg); -webkit-transform:skewX(15deg);} }
@media (max-width:1599px) and (min-width:992px){
.qnm-product-class .class-text{padding-top:80px !important; padding-bottom:120px !important;}
.qnm-product-class .class-image a{width:160px; height:45px; line-height:45px; margin:-22px 0 0 -80px;} }
@media (max-width:1199px) and (min-width:992px){
.qnm-product-class .class-text{padding-top:30px !important; padding-bottom:60px !important;}
.qnm-product-class .class-text p{margin:5px 0 15px 0;}
.qnm-product-class .class-image a{width:140px; height:40px; line-height:40px; margin:-20px 0 0 -70px;} }


.qnm-product.type-0 li{margin-bottom:30px;}
.product-box{background:#fff;}
.product-box:after{display:block; clear:both; content:'';}
.product-left{float:left; width:50%; padding:20px;}
.product-left h3{margin:0; opacity:.8;}
.product-left p{margin:15px 0 0 0; opacity:.5; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:14;}
.product-left b{margin:15px 0 0 0; display:block; font-weight:normal; font-size:18px;}
.product-left div a{background:#023894; display:inline-block; color:#fff; padding:5px 20px; margin:15px 0 0 0;}
.product-left div a:hover{background:#023387;}
.product-left div a i{position:relative; left:4px; top:1px;}
.product-right{float:right; width:50%; position:relative;}
.product-right a{float:left; overflow:hidden; display:block;}
.product-right a img{width:100%; display:block; transition:.35s; -moz-transition:.35s;
-ms-transition:.35s; -o-transition:.35s; -webkit-transition:.35s;}
.product-right a:hover img{transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); 
-ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15);}
@media (max-width:1199px){
.qnm-product.type-0 li{margin-bottom:10px;} }
@media (max-width:1199px) and (min-width:992px){
.product-left{float:right; width:100%;}
.product-left p{height:92px !important; max-height:none !important; -webkit-line-clamp:4 !important;}
.product-right{float:left; width:100%;} }
@media (max-width:767px) and (orientation:portrait){
.qnm-product.type-0 li{margin-bottom:10px;}
.product-left p{max-height:none !important; -webkit-line-clamp:14 !important;}
.product-left{float:right; width:100%;}
.product-right{float:left; width:100%;} }
@media (max-width:767px) and (orientation:landscape){}


.qnm-product{background:#f2f2f2;}
.qnm-product .container{padding:30px 0;}
.qnm-product .container-fluid{padding:30px;}
.qnm-product .qnm-grid li{clear:none;}
.qnm-product .widget,
.qnm-product .widget .widget-header,
.qnm-product .widget-body{-webkit-border-radius:0 !important; -moz-border-radius:0 !important; -o-border-radius:0 !important; -ms-border-radius:0 !important; border-radius:0 !important;}
.qnm-product .widget-metas{word-wrap:break-word;}
.qnm-product .widget-body-footer{margin-top:15px;}
.qnm-product.type-1 h4{margin:0; font-size:16px; text-align:center;}
.qnm-product.type-1 h4 a{color:#2a333c;}
.qnm-product.type-1 h4 a:hover{color:#023894;}
.qnm-product.type-2 .container-fluid{padding:15px;}
.qnm-product.type-2 h4{margin:0; font-weight:300;}
@media (max-width:767px){
.qnm-product.type-2 .qnm-grid{padding-bottom:10px;}
.qnm-product.type-2 .qnm-grid li{background:#f2f2f2;}}
@media (max-width:767px){
.qnm-product .container,
.qnm-product:not(.type-0) .container-fluid{padding:10px !important;}
.qnm-product.type-1 .qnm-grid,
.qnm-product.type-3 .qnm-grid{margin:0 -10px 0 0;}
.qnm-product.type-1 .qnm-grid li,
.qnm-product.type-3 .qnm-grid li{margin-bottom:10px; padding:0 10px 0 0;}
.qnm-product .widget-body{padding:15px;}
.qnm-product .widget-body .widget-body-footer{margin-top:10px;}}
.no-js .grid li,
.no-cssanimations .qnm-grid li{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.qnm-grid li{opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
.qnm-grid li.shown{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.qnm-grid li.animate{-webkit-transform:translateY(50%); -moz-transform:translateY(50%); -o-transform:translateY(50%); -ms-transform:translateY(50%); transform:translateY(50%); -webkit-animation:moveUp 0.65s ease forwards; -moz-animation:moveUp 0.65s ease forwards; -o-animation:moveUp 0.65s ease forwards; -ms-animation:moveUp 0.65s ease forwards; animation:moveUp 0.65s ease forwards;}
@-webkit-keyframes moveUp{100%{-webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}}
@-moz-keyframes moveUp{100%{-webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}}
@-o-keyframes moveUp{100%{-webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}}
@keyframes moveUp{100%{-webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}}
#qnm-imgs-carousel{min-height:200px; overflow:hidden;}
#qnm-imgs-carousel.slick-dotted{padding-bottom:74px;}
#qnm-imgs-carousel .slick-track{display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#qnm-imgs-carousel.slick-slider .slick-slide{width:100%; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab;}
#qnm-imgs-carousel .slick-slide{width:100%;}
#qnm-imgs-carousel .slick-slide:first-child{display:block;}
#qnm-imgs-carousel .slick-slide span{display:inline-block;}
#qnm-imgs-carousel .slick-slide img{display:inline;}
#qnm-imgs-carousel .slick-dots{bottom:0; overflow:hidden; z-index:2;}
#qnm-imgs-carousel .slick-dots div{margin:auto; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:flex; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; position:relative;}
#qnm-imgs-carousel .slick-dots li{width:64px; height:64px; margin:0 0 0 10px; opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70); border:2px solid#ddd;}
#qnm-imgs-carousel .slick-dots li:first-child{margin:0;}
#qnm-imgs-carousel .slick-dots li.slick-active{opacity:1; -moz-opacity:1; filter:alpha(opacity=100); border-color:#023894;}
#qnm-imgs-carousel .slick-dots li img{width:60px; height:60px; object-fit:fill;}
#qnm-imgs-carousel .slick-arrow{width:15%; height:100%; top:50%;}
#qnm-imgs-carousel .slick-arrow:hover i{color:#999;}
#qnm-imgs-carousel .slick-arrow.slick-prev{text-align:left;}
#qnm-imgs-carousel .slick-arrow.slick-next{text-align:right;}
#qnm-imgs-carousel .slick-arrow i{font-size:70px; color:#ccc;}
@media (max-width:767px){#qnm-imgs-carousel .slick-arrow i{font-size:50px;}}
.qnm-showproduct{}
.qnm-showproduct .para li{margin:0; padding:3px 15px; font-size:14px; line-height:1.5; word-wrap:break-word; color:#5e7387;}
@media (min-width:992px){
.qnm-showproduct .para.blocks-md-4 li:nth-child(4n+3){clear:none;}}
.qnm-showproduct .qnm-showproduct-list{margin:0;}
.qnm-showproduct.pagetype1{background:#f2f2f2;}
.qnm-showproduct.pagetype1 .less-page-content{background:#f2f2f2;}
.qnm-showproduct.pagetype1 .qnm-showproduct-head{background:#fff; padding:30px 0px;}
.qnm-showproduct.pagetype1 .qnm-showproduct-head .product-intro h1{margin-top:0px; font-size:28px;}
.qnm-showproduct.pagetype1 .qnm-showproduct-head .product-intro p.description{margin-bottom:15px; color:#5e7387;}
@media (max-width:992px){
.qnm-showproduct.pagetype1 .qnm-showproduct-head .product-intro{margin-top:20px;}}
@media (max-width:767px){
.qnm-showproduct.pagetype1 .qnm-showproduct-head{padding:15px 0;}}
.qnm-showproduct.pagetype1 .para{margin:0; padding:10px 0; border-top:1px solid #f0f2f5; border-bottom:1px solid #f0f2f5;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body{padding:30px 0px 0px;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .panel{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-content-body .qnm-editor{padding:0px;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-content-body .qnm-editor .para{margin-bottom:15px; border-top:none;}
@media (min-width:992px){
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-content-body .panel{margin-right:15px;}}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-content-body .nav-tabs{margin-bottom:20px;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot h4.example-title{margin-bottom:15px; font-size:16px; font-weight:300;}
@media (min-width:992px){
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot{margin-left:45px;}}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot .mob-masonry li{text-align:center; clear:none;}
@media (min-width:992px){
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot .mob-masonry li{width:100%;}}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot .mob-masonry a.img{margin:0px auto; margin-bottom:5px; display:block;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot .mob-masonry a.img img{margin:0px auto;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot .mob-masonry a.txt{color:#5e7387; text-decoration:none;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot .mob-masonry a.txt:active,
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot .mob-masonry a.txt:focus,
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot .mob-masonry a.txt:hover{text-decoration:none;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot .mob-masonry a.txt:hover{color:#023894;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot .mob-masonry p{color:#f96868; margin-bottom:0px;}
@media (max-width:767px){
.qnm-showproduct.pagetype1 .qnm-showproduct-body{padding:15px 0px 0px;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .panel{margin-bottom:15px; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .panel-body{padding:15px;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-content-body .panel{margin-right:0px;}
.qnm-showproduct.pagetype1 .qnm-showproduct-body .product-content-body .nav-tabs{margin-bottom:15px; margin-top:-10px;}}
.qnm-showproduct.pagetype2{background:#fff;}
.qnm-showproduct.pagetype2 .less-page-content{background:#f2f2f2;}
.qnm-showproduct.pagetype2 nav.navbar{min-height:50px; margin-bottom:0px; background:#f5f5f5; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;}
.qnm-showproduct.pagetype2 nav.navbar.navbar-fixed-top{-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); background:rgba(255, 255, 255, 0.95);}
.qnm-showproduct.pagetype2 nav.navbar h1{margin:0px; height:50px; line-height:50px; padding-top:0px; padding-bottom:0px;}
.qnm-showproduct.pagetype2 nav.navbar .nav{display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:flex;}
.qnm-showproduct.pagetype2 nav.navbar .nav > li > a{padding-top:0px; padding-bottom:0px; height:50px; line-height:50px; white-space:nowrap;}
.qnm-showproduct.pagetype2 nav.navbar .navbar-toggle{height:50px; padding-top:0px; padding-bottom:0px;}
.qnm-showproduct.pagetype2 nav.navbar .navbar-right li.active a{color:#023894;}
@media (max-width:767px){
.qnm-showproduct.pagetype2 nav.navbar .nav{float:none;}}
.qnm-showproduct.pagetype2 .content{padding:30px 0px;}
.qnm-showproduct.pagetype2 .content-2,
.qnm-showproduct.pagetype2 .content-4,
.qnm-showproduct.pagetype2 .content-6{background:#f2f2f2;}
.qnm-showproduct.pagetype2 .content-2 .qnm-editor,
.qnm-showproduct.pagetype2 .content-4 .qnm-editor,
.qnm-showproduct.pagetype2 .content-6 .qnm-editor{background:#f2f2f2;}
@media (max-width:767px){
.qnm-showproduct.pagetype2 .content{padding:10px 0px;}
.qnm-showproduct.pagetype2 .blocks{padding-left:10px;}
.qnm-showproduct.pagetype2 .blocks li{width:50%; word-wrap:break-word;}
.qnm-showproduct.pagetype2 .blocks li:nth-child(2n+1){clear:both;}
.qnm-showproduct.pagetype2 .blocks li .widget{margin-right:10px;}}
.qnm-download{padding:30px 0px; background:#f2f2f2; border-top:1px solid #f0f2f5;}
.qnm-download .list-group{margin-bottom:30px;}
.qnm-download .qnm-download-body{-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);}
.qnm-download .qnm-download-list{padding:30px; background:#ffffff;}
@media (max-width:767px){
.qnm-download .qnm-download-list{padding:10px;}}
.qnm-download .qnm-download-list .list-group-item{padding:30px 0px;}
.qnm-download .qnm-download-list .media-left{padding-right:5px; padding-left:10px;}
.qnm-download .qnm-download-list .media-left i{font-size:38px; color:#a3afb7;}
.qnm-download .qnm-download-list h4.media-heading a{color:#2a333c; font-size:16px;}
.qnm-download .qnm-download-list h4.media-heading a:hover{color:#023894;}
.qnm-download .qnm-download-list small{color:#76838f; font-size:14px;}
.qnm-download .qnm-download-list a.btn{margin-right:10px;}
@media (max-width:767px){
.qnm-download .list-group{margin:0;}
.qnm-download .qnm-download-list{padding:15px;}
.qnm-download .qnm-download-list .list-group-item{padding:20px 0;}}
.qnm-download .qnm-download-header,
.qnm-download .qnm-download-footer{padding:30px; background:#ffffff;}
@media (max-width:767px){
.qnm-download .qnm-download-header,
.qnm-download .qnm-download-footer{padding:10px;}}
.qnm-download .qnm-download-header{padding-bottom:0px;}
.qnm-download h1{margin:0px; font-size:32px; margin-bottom:5px;}
.qnm-download .info{padding-bottom:20px; border-bottom:1px solid #f0f2f5; font-size:16px; color:#a3afb7;}
.qnm-download .info span{padding-right:10px;}
@media (max-width:767px){
.qnm-download .info{padding-bottom:20px;}}
@media (max-width:767px){
.qnm-download{padding:0px;}
.qnm-download h1{font-size:24px;}
.qnm-download .qnm-download-header{padding-top:20px;}}

.paralist{padding:30px; background:#ffffff; padding-bottom:0px;}
.img-paralist dl{border-top:1px solid #f0f2f5; padding-top:30px;}
@media (max-width:767px){
.img-paralist dl{padding-top:10px;}
.paralist{padding:10px;}}
.paralist dl{margin-bottom:0px; padding-bottom:5px; border-bottom:1px solid #f0f2f5; font-size:16px;}
.paralist dl dd{margin-bottom:5px; color:#76838f;}
@media (min-width:768px){
.paralist dl{padding-bottom:25px;}
.paralist dl dt{width:100px; margin-bottom:5px;}
.paralist dl dd{margin-left:120px; margin-bottom:5px;}}
.paralist .qnm-download-btn{margin-top:20px;}

.qnm-img{}
.qnm-img.type-0{padding:30px 25px; border-top:1px solid #f0f2f5; background:#f2f2f2;}
.qnm-img.type-0 li{float:left; padding:5px; background:none; opacity:1;}
.qnm-img.type-0 li div{overflow:hidden; position:relative; background:#fff;} 
.qnm-img.type-0 li font{display:block; width:100%; overflow:hidden; position:relative; z-index:3; background:#023894;}
.qnm-img.type-0 li font:before{display:block; content:''; position:absolute; top:0; z-index:5; right:140%; height:100%; width:500px; background:#023894;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.qnm-img.type-0 li font:hover:before{right:100%;}
.qnm-img.type-0 li font:after{display:block; content:''; position:absolute; top:0; z-index:5; left:100%; height:100%; width:500px; background:#023894;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
.qnm-img.type-0 li font i{position:absolute; z-index:9; width:50px; height:50px; background:rgba(255,255,255,.95); font-size:18px; color:#000;
line-height:40px; text-align:center; left:50%; top:50%; margin:-25px 0 0 -25px; border:5px solid #023894; border-radius:50%;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;
visibility:hidden; opacity:0;}
.qnm-img.type-0 li font:hover i{visibility:visible; opacity:1;}
.qnm-img.type-0 li font i:hover{background:rgba(255,255,255,1);}
.qnm-img.type-0 li font img{display:block; width:100%;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.qnm-img.type-0 li font:hover img{transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05);
-o-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); opacity:.8;}
.qnm-img.type-0 li span{display:block; z-index:4; top:0; right:0; width:100%; padding:15px 20px;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.qnm-img.type-0 li:hover span{right:0;}
.qnm-img.type-0 li span b{display:block; font-size:18px; margin-bottom:8px; font-weight:normal; height:32px\9; position:relative; z-index:9;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qnm-img.type-0 li span p{display:block; opacity:.5; position:relative; z-index:9; margin:0; height:28px\9;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qnm-img .widget,
.qnm-img .cover,
.qnm-img .cover-image{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;}
@media (max-width:1199px){
.qnm-img.type-0{padding:30px 15px;} }
@media (max-width:767px){
.qnm-img.type-0{padding:10px;} }
@media (min-width:480px) and (max-width:767px){
.qnm-img ul.qnm-page-ajax li{width:50%;}}

.qnm-showimg-con{padding:30px;}
@media (max-width:767px){
.qnm-showimg-con{padding:20px 10px;}}
.qnm-job{padding:30px 0px; background:#f2f2f2;}
@media (max-width:767px){
.qnm-job{padding:0px;}}
.qnm-job .widget{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;}
.qnm-job .widget .widget-body:last-child{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;}
.qnm-job .widget .widget-title a{color:#2a333c;}
.qnm-job .widget .widget-title a:hover{color:#023894;}
.qnm-job .widget .widget-metas span{margin-right:10px;}
.qnm-job .widget .qnm-editor{padding:0px 20px;}
@media (max-width:767px){
.qnm-job .widget{margin:15px 10px;}
.qnm-job .widget .widget-body{padding:15px 10px;}
.qnm-job .widget .qnm-editor{padding:0px;}
.qnm-job .widget hr{margin-top:15px; margin-bottom:15px;}}
#qnm-job-cv .modal-header{border-radius:0px;}
@media (max-width:767px){#qnm-job-cv .modal-body{padding:15px;}}
.qnm-form .form-group .control-label{font-weight:normal;} 

.qnm-message{padding:30px 0px; background:#f5f5f5;}
.qnm-message .qnm-message-body .media-body{width:auto; float:none !important;}
@media (max-width:767px){
.qnm-message{padding:0px;}}
.qnm-message .col-md-6{float:none; margin:auto;}
.qnm-message .qnm-message-body,
.qnm-message .qnm-message-submit{padding:30px; background:#ffffff; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);}
@media (max-width:767px){
.qnm-message .qnm-message-body,
.qnm-message .qnm-message-submit{padding:10px;}}
.qnm-message .qnm-message-body .media-left{padding-right:0px; display:block; float:left;}
.qnm-message .qnm-message-body .media-left i{font-size:36px; color:#a3afb7;}
.qnm-message .qnm-message-body .media-body{word-wrap:break-word; display:block; float:left;} 
@media (min-width:992px){
.qnm-message .qnm-message-submit{margin-left:30px;}}
@media (max-width:767px){
.qnm-message .qnm-message-submit{padding-bottom:20px;}}
.qnm-feedback{padding:30px 0px; background:#f2f2f2;}
.qnm-feedback .container{max-width:800px;}
.qnm-feedback .qnm-feedback-body{padding:30px; background:#ffffff; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);}
@media (max-width:767px){
.qnm-feedback .qnm-feedback-body{padding:10px;}}
@media (max-width:767px){
.qnm-feedback{padding:10px;}}
.qnm-search{padding:30px 0px; border-top:1px solid #f0f2f5; background:#f2f2f2;}
@media (max-width:767px){
.qnm-search{padding:0px;}
.qnm-search .qnm-search-body{padding:20px 10px;}}
.qnm-search .qnm-search-body{min-height:500px; padding:30px; background:#ffffff; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);}
@media (max-width:767px){
.qnm-search .qnm-search-body{padding:10px;}}
.qnm-search .qnm-search-body .page-search-form{margin-bottom:10px;}
.qnm-search .qnm-search-body .qnm-pager{margin-top:30px; text-align:left;}
.qnm-search .qnm-search-body .page-search-title{font-size:26px;}
.qnm-search .qnm-search-body .list-group-item{padding-top:10px; padding-bottom:10px;}
.qnm-search .qnm-search-body .list-group-item p{color:#76838f;}
.qnm-search .qnm-search-body .list-group-item > h4{margin-bottom:5px;}
.qnm-search .qnm-search-body .list-group-item > h4 a{text-decoration:none; color:#526069;}
.qnm-search .qnm-search-body .list-group-item > h4 a :hover{text-decoration:none; color:#37474f;}
.qnm-search .qnm-search-body .list-group-item > p:last-child{margin-bottom:0;}
.qnm-sitemap{padding:30px 0px; background:#f2f2f2;}
@media (max-width:767px){
.qnm-sitemap{padding:0px;}}
.qnm-sitemap .qnm-sitemap-body{padding:30px; background:#ffffff; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);}
@media (max-width:767px){
.qnm-sitemap .qnm-sitemap-body{padding:10px;}}
.sitemap-list{padding:0; margin:0px; list-style-type:none;}
.sitemap-list a{color:#76838f;}
.sitemap-list > li{margin-bottom:25px;}
.sitemap-list > li:last-child{margin-bottom:0px;}
.sitemap-list > li.is-single{margin-bottom:10px;}
.sitemap-list > li > a{display:block; padding:14px 15px; line-height:1; text-decoration:none; border:1px solid #e4eaec; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.sitemap-list > li > ul{position:relative; padding:10px 10px 20px 40px; margin:0; list-style-type:none;}
.sitemap-list > li > ul a:hover{color:#023894;}
.sitemap-list > li > ul::before{position:absolute; top:0; left:20px; width:1px; height:100%; content:" "; background:#e4eaec;}
.sitemap-list > li > ul > li > a{position:relative; display:block; min-width:220px; padding:10px; margin-bottom:5px; line-height:1; text-decoration:none; border:1px solid #e4eaec;}
.sitemap-list > li > ul > li > a::after,
.sitemap-list > li > ul > li > a::before{position:absolute; top:50%; content:" "; background:#e4eaec;}
.sitemap-list > li > ul > li > a::before{left:-20px; width:20px; height:1px; margin-top:-1px;}
.sitemap-list > li > ul > li > a::after{left:-23px; width:5px; height:5px; margin-top:-3px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.sitemap-list-sub{position:relative; padding:5px 0 9px 40px; margin-top:-5px; list-style-type:none;}
.sitemap-list-sub::before{position:absolute; top:0; left:20px; width:1px; height:100%; content:" "; background:#e4eaec;}
.sitemap-list-sub > li{position:relative; line-height:30px;}
.sitemap-list-sub > li::after,
.sitemap-list-sub > li::before{position:absolute; top:50%; left:-22px; content:" "; background:#e4eaec;}
.sitemap-list-sub > li::before{width:15px; height:1px; margin-top:-1px;}
.sitemap-list-sub > li::after{width:5px; height:5px; margin-top:-3px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
@media (max-width:479px){
.sitemap-list{padding-left:40px; list-style-type:disc;}
.sitemap-list .icon{display:none;}
.sitemap-list > li:first-child{margin-bottom:20px; margin-left:-16px; list-style-type:none;}
.sitemap-list > li > a{display:inline; padding:10px; border:none;}
.sitemap-list > li > a i{display:none;}
.sitemap-list > li > ul{padding:5px 0 5px 26px; list-style-type:circle;}
.sitemap-list > li > ul::before{display:none;}
.sitemap-list > li > ul > li > a{display:inline; padding:10px 0; border:none;}
.sitemap-list > li > ul > li > a::after,
.sitemap-list > li > ul > li > a::before{display:none;}
.sitemap-list-sub{padding:5px 0 5px 20px; list-style-type:square;}
.sitemap-list-sub::before{display:none;}
.sitemap-list-sub > li{line-height:normal;}
.sitemap-list-sub > li::after,
.sitemap-list-sub > li::before{display:none;}}
.qnm-nav-right-shop.nav > li{background:#f5f5f5; margin-bottom:10px;}
.qnm-nav-right-shop.nav > li:last-child{margin-bottom:0px;}
.qnm-nav-right-shop.nav > li > a{padding-top:0px; padding-bottom:0px; height:40px; line-height:40px;}
.qnm-nav-right-shop .dropdown-menu li i{color:#9E9E9E;}
.qnm-nav-right-shop .dropdown > a > i{margin-right:5px; color:#76838f;}
.qnm-nav-right-shop #topcart-body .avatar{width:50px;}
.qnm-nav-right-shop #topcart-body .avatar img{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;}
.qnm-nav-right-shop .dropdown-menu-header{padding:20px 20px;}
.qnm-nav-right-shop .dropdown-menu-footer{height:55px; line-height:55px; padding:0px 15px!important;}
@media (min-width:992px){
.qnm-nav-right-shop{margin-top:20px; margin-left:30px;}
.qnm-nav-right-shop.nav > li{margin-left:20px; margin-left:5px; margin-bottom:0px;}
.qnm-nav-right-shop.nav > li:first-child{margin-left:0;}
.qnm-nav-right-shop .dropdown-menu{top:55px;}}
@media (max-width:991px){
.qnm-nav-right-shop{margin-left:10px;}}
@media (max-width:767px){
.qnm-nav-right-shop{margin-left:0; margin-right:0;}}
.shop-product-intro + .para{margin-top:20px;}
.shop-product-intro #price{font-size:32px;}
.shop-product-intro .form-group{margin-bottom:0px;}
.shop-product-intro del{position:relative; top:-2px; font-weight:300;}
.shop-product-intro del:not(:first-child){margin-left:20px;}
.shop-product-intro label{margin-bottom:0px;}
.shop-product-intro .selectpara-body a.btn{margin-top:8px;}
.shop-product-intro .selectpara-body .selectpara{min-width:70px; text-align:center;}
.shop-product-intro .selectpara-body .selectpara.btn-outline.btn-danger:focus,
.shop-product-intro .selectpara-body .selectpara.btn-outline.btn-danger:hover{background-color:transparent; color:#f96868;}
.shop-product-intro .height-10{height:10px;}
.shop-product-intro .text-default{padding:20px; background:#F3F7F9;}
.shop-product-intro .purchase-btn a.btn{width:100%; display:block;}
.shop-product-intro .purchase-btn a.btn i{margin-right:8px;}
@media (min-width:768px){
.shop-product-intro .purchase-btn a.btn{width:auto; display:inline-block; padding:10px 35px;}}
@media (max-width:767px){
.shop-product-intro .price{padding:10px 20px !important;}
.shop-product-intro .product-tocart{margin-top:10px;}}
@media (min-width:768px){
.qnm-showproduct.pagetype2 .shop-btn-body{margin-left:20px;}}
@media (max-width:767px){
.qnm-showproduct.pagetype2 .navbar-toggle{padding:0px; float:none;}
.qnm-showproduct.pagetype2 .shop-btn{padding:6px 13px; font-size:12px; line-height:1.5;}}
.qnm-showproduct.pagetype2 #shop-fashion-option .modal-content,
.qnm-showproduct.pagetype2 #shop-fashion-option .modal-header{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0;}
@media (max-width:767px){
.qnm-showproduct.pagetype2 #shop-fashion-option .modal-body{padding:15px;}}


.gify-text{font-size:56px; color:#f7f7f7; font-family:Helvetica; font-weight:bold;}
@media (max-width:767px){
.gify-text{font-size:36px;} }
.gify-box{background:#f5f5f5; height:30px; margin:0 -30px 30px -30px; clear:both;}

.qnm-form .form-control,
.input-group-addon,
.btn-squared{font-family:Microsoft Yahei;}
.input-group-btn{font-size:12px;}

.blocks-2 > li:nth-child(2n+3),
.blocks-3 > li:nth-child(3n+4),
.blocks-4 > li:nth-child(4n+5),
.blocks-5 > li:nth-child(5n+6),
.blocks-6 > li:nth-child(6n+7),
.block-first {  clear:none; }

.qnm-langlist .btn-outline.btn-default{color:#023894; padding:0; border:none; font-family:Microsoft Yahei;}

@media (min-width:992px){
.modal-lg{width:660px;} }

.btn-outline.btn-default.active,
.btn-outline.btn-default:active,
.btn-outline.btn-default:focus,
.btn-outline.btn-default:hover,
.open>.dropdown-toggle.btn-outline.btn-default{background:none;}

.nav-tabs-line>li.active>a, 
.nav-tabs-line>li.active>a:focus, 
.nav-tabs-line>li.active>a:hover{color:#023894; border-bottom:2px solid #023894;}

.checkbox-primary input[type="checkbox"]:checked+label::before,
.checkbox-primary input[type="radio"]:checked+label::before{background-color:#023894; border-color:#023894;}

.btn-outline.btn-primary.active, 
.btn-outline.btn-primary:active, 
.btn-outline.btn-primary:focus, 
.btn-outline.btn-primary:hover, 
.open>.dropdown-toggle.btn-outline.btn-primary {color:#fff; background-color:#023894; border-color:#023894;}

.btn-primary{color:#fff; background-color:#023894; border-color:#023894;}

.wechat *{max-width:100%;}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover{background-color:#023387; border-color:#023387;}

.input-group-addon{background-color:#ccc; cursor:pointer;}

.qnm-img  .vertical-align:before{ }
.qnm-img .overlay-panel>.vertical-align-middle{width:98%; margin:0 auto;}

.form-control,
.has-success .form-control{border-color:#e4eaec;}

.has-success .form-control.focus,
.has-success .form-control:focus{border-color:#023894;}

.modal-primary .modal-header{background-color:#023894;}

.btn-outline.btn-primary{color:#023894;}

.form-control.focus, .form-control:focus{border-color:#023894;}

.radio-primary input[type="radio"]:checked+label::before{border-color:#023894;}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{text-shadow:none;}

*{outline:none;}

::selection{background:#023894; color:#fff;} 
::-moz-selection{background:#023894; color:#fff;} 
::-webkit-selection{background:#023894; color:#fff;}

.vjs-fullscreen-body footer,
.vjs-fullscreen-body .qnm-footnav,
.vjs-fullscreen-body .shop-product-intro,
.vjs-fullscreen-body #qnm-imgs-carousel .slick-dots,
.vjs-fullscreen-body #qnm-imgs-carousel .slick-arrow,
.vjs-fullscreen-body .qnm-showproduct.pagetype1 .qnm-showproduct-body .product-hot{display:none !important;}
.vjs-fullscreen-body .qnm-nav,
.vjs-fullscreen-body .qnm-showproduct-list{visibility:hidden !important;}

*{
scrollbar-arrow-color:#023894;  /*图6,三角箭头的颜色*/
scrollbar-face-color:#023894;  /*图5,立体滚动条的颜色*/
scrollbar-3dlight-color:#023894;  /*图1,立体滚动条亮边的颜色*/
scrollbar-highlight-color:#023894;  /*图2,滚动条空白部分的颜色*/
scrollbar-shadow-color:#023894;  /*图3,立体滚动条阴影的颜色*/
scrollbar-darkshadow-color:#023894;  /*图4,立体滚动条强阴影的颜色*/
scrollbar-track-color:#ccc;  /*图7,立体滚动条背景颜色*/
scrollbar-base-color:#ccc;  /*滚动条的基本颜色*/ }

html:not(.isMobile) *::-webkit-scrollbar{width:10px; background:#ccc;} /*滚动条整体部分*/
html:not(.isMobile) *::-webkit-scrollbar-thumb{background:#023894;}  /*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/
html:not(.isMobile) *::-webkit-scrollbar-track{}  /*滚动条的轨道（里面装有Thumb）*/
html:not(.isMobile) *::-webkit-scrollbar-button{} /*滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。*/
html:not(.isMobile) *::-webkit-scrollbar-track-piece{width:10px;} /*内层轨道，滚动条中间部分（除去）*/
html:not(.isMobile) *::-webkit-scrollbar-corner{} /*边角，即两个滚动条的交汇处*/
html:not(.isMobile) *::-webkit-resizer{}