html { font-size: 12px; color:#333; font-family:Arial, Helvetica, sans-serif;}
body{ margin:0 auto; padding:0; background:#0b284b url(../images/bg.jpg);}
body,div,input{ font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
input,textarea { outline:none;}
a {color:#333; text-decoration:none; }
a:hover{ color:red; text-decoration:none;}
.clr, .clear{ clear:both;}
p,h2,h1,h3,h4,h5,h6 { margin:0; padding:0;}
img {border:0; vertical-align:middle;}
.bgw { background: #fff;}
.nobg { background: none !important;}
.fl { float:left;}
.fr { float:right;}
.mr0 { margin-right:0 !important;}
.nomp { margin:0; padding:0;}
.noliststyle { margin:0; padding:0; list-style-type:none; }
.mh300 { min-height:300px;}
.w100 { width:100%;}
/*-----------------------#header_box----------------------------*/
.headerTop  { width:100%; margin: 0 auto; height:38px; background: #00479d/*001f34*/;}
.headerShare { display:inline-block; padding:5px 0 0 0; }
.headerShare li { display:inline-block; margin:0; }
.headerShare li a { color:#000; display:block; width:20px; height:20px; line-height:20px; text-align:center;}
.headerShare li a img { width:100%; border-radius:50%;}
/*.headerShare li a:hover { color:#fff; background: #e94529;}*/
.headRight { float:right; color:#fff; font-size:14px; text-transform:uppercase;}
.headRight span { display:inline-block;}
.headRight .contact { display:none;}
.headRight .lang { margin-left:8px; padding-top:4px; line-height:30px; }
.headRight .lang a { margin:0 5px 0 0; padding-left:20px; display:inline-block; width:44px; height:20px; line-height:20px; color:#333;}
.headRight .lang a.sp { background:#fff url(../images/sp.gif) no-repeat 4px 6px;}
.headRight .lang a.en { background:#fff url(../images/en.gif) no-repeat 4px 6px;}

.headerWrapper { padding:20px 0;  }
.logo { text-align:center; padding-left:0;}
.logo img { max-height:50px;}

.search { padding-top: 10px; padding-right:0; }
.search form { position:relative; }
.search input::-webkit-input-placeholder { /* WebKit browsers */color:#fff; font-size:14px;}
.search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#fff; font-size:14px;}
.search input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#fff; font-size:14px;}
.search input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#fff; font-size:14px;}

.headerNav { background: #0e56ad;}
.headerNav .navbar-default { background: none;}
.headerNav .navbar { margin-bottom:0; border:0; min-height:40px; }

.nav-menu .navbar-nav>li>a { font-family:Arial; font-size:14px; font-weight:500; color:#fff; text-transform:uppercase; }
.nav-menu .navbar-nav>li>a:focus, .nav-menu .navbar-nav>li>a:hover,
.nav-menu .navbar-nav>.active>a, .nav-menu .navbar-nav>.active>a:focus, .nav-menu .navbar-nav>.active>a:hover  { background: #00479d; color:#fff;}
.nav-menu .navbar-nav>.open>a, .nav-menu .navbar-nav>.open>a:focus, .nav-menu .navbar-nav>.open>a:hover  { background: #00479d; color:#fff;}

.nav-menu .navbar-brand { font-szie:12px; color:#fff; text-transform:capitalize; height:40px;}
.nav-menu .navbar-brand:focus, .nav-menu .navbar-brand:hover { color: #fff; background-color: transparent;}
.nav-menu .navbar-toggle { padding:7px 8px;}
.nav-menu .navbar-toggle .icon-bar{ background-color: #fff; }
.nav-menu .navbar-toggle:focus, .nav-menu .navbar-toggle:hover { background-color: #fff; }
.nav-menu .navbar-toggle:focus .icon-bar, .nav-menu .navbar-toggle:hover .icon-bar { background-color:#00479d; border:1px solid #00479d; }
.nav-menu .navbar-nav .open .dropdown-menu>li>a {color: #fff;}

.nav-menu .dropdown-menu { text-transform:uppercase;}
.nav-menu .dropdown-menu li a { padding-top:5px; padding-bottom:5px;}

.showBan .swiper-slide { min-height:200px; background-size: auto 100% !important;}
.showBan .swiper-slide a { display:block; width:100%; height:100%;}
.smallBanner { padding-top:10px; padding-bottom:10px;}
.smallBanner img { width:100%;}
.smallBanner .ban { padding:0 5px;}

.mainCentent {}
.main-title { padding:8px 0; text-align:center; color:#fff; text-transform:uppercase; background: #004c92;}
.mainBox { padding:20px 0; background: #fff;}
.module-title {  padding: 30px 0 30px; color: #fff; text-align: center; }
.module-title .tt { position: relative; width: 200px; height: 38px; line-height: 38px; border: 1px solid #fff; margin: 0 auto; font-size: 16px; text-transform:uppercase; }
.module-title .tt:before, .module-title .tt:after {   position: absolute;   top: 20px;   content: '';   display: inline-block;   width: 60px;   height: 1px;   background-color: #fff; }
.module-title .tt:before {   left: -50px; } 
.module-title .tt:after {   right: -50px; }
.module-title > p { font-size: 16px; text-transform: uppercase; }


.goods { padding-top:10px; padding-bottom:10px; text-align:center;}
.good-img { display:table; padding:0px; background: #fff; width:100%; border:1px solid #014a8d;}
.good-img a { display:table-cell; vertical-align:middle; text-align:center; height:120px; }
.good-img img { max-width:100%; max-height:120px;  }
.good-info { padding:10px 0; font-size:14px; min-height:158px; text-align:left; overflow:hidden; }
.good-name { display:block;  line-height:18px; text-align:left}
.good-name a { color:#000;}
.good-name a:hover { color:#004c92;}
.good-price { display:block; padding:5px 0; font-family:Arial; font-size:12px; font-weight:100; color:#f00; text-transform:uppercase; }
.good-price b { font-size:14px;}
.good-price strong { display:none;}
.goods .blue { background: #004c92; padding-left:2px;}
.goods .blue a { color:#fff;}
.goods .blue .good-price { color:#f4b203}

.newsList { margin:0 auto; padding:10px 0; border-bottom:1px solid #ddd;}
.newsList .media-heading { height:18px;  overflow: hidden; text-overflow:ellipsis;}
.newsList .media-heading a:hover { color:#004c92}
.newsList .media-object { width:100%;}
.newsList .pull-left { padding-left:0;}
.news-body { max-height:80px; overflow:hidden; text-overflow:ellipsis; line-height:20px; font-size:14px; color:#999}
.news-date { padding:5px 0; color:#004c92}

.articleTitle { padding-bottom:10px; margin:30px auto; padding-bottom:10px; text-align:center;  width: 100%; border-bottom: 1px solid #e9e9e9; }
.new_tit {  width: 100%;  color: #004c92; font-size: 22px; line-height: 28px; font-weight:bold; }
.articleTitle .new_time {  width: 100%; padding:25px 0 20px 0; height: 15px; line-height: 15px; color:#004c92 }
.newsContent { font-size:14px; line-height:26px;}
.newsContent img { max-width:100%;}
.pnpage a { display:block; line-height:30px; font-size:14px}
.pnpage a:hover,
.pnpage a:focus { color:#004c92; text-decoration:none;}
.btn-doctor { color:#fff; background: #004c92;}
.btn-doctor:focus,
.btn-doctor:hover { color:#fff; background: #001f34;}
.main-menu { padding-bottom:10px;}
.main-menu li a { display:block; padding:5px 3px; color:#fff; text-align:center; background: #004c92; border-radius:5px; text-decoration:none;}
.main-menu li a:hover,
.main-menu li a:focus,
.main-menu li a.set { background: #f60; text-decoration:none}

.cata li {display:block; border-bottom:1px solid #ddd;}
.cata li a { display:block; padding:8px 2px; font-size:14px }
.cata li a i { margin-right:10px; color:#f60}
.cata li span { float:right; font-size:12px;}

/* View */
.tags-big { text-align:center;}
.tags-big img { max-width:100%;}
.tabs { padding:10px 0; text-align: center;}
.tabs a img { display:none;}
.tabs a span { display:inline-block; margin:3px; background: #f60829; height:11px; width:11px; border-radius:50%;}
.tabs a.active span { border:1px solid #f60829; background: #fff; width:11px; height:11px;}
.product-shop__product .single-option-selector,
.product-shop__product .product__quantity,
.product-shop__product .form__label { color:#f60829;}
.product-shop__product .product__title {  line-height:28px; text-transform:uppercase; font-size:16px; color:#000; border-bottom:1px solid #ddd; padding-bottom:10px;}
.product__form-hint { margin: 10px 0 -5px 0; font-size: 13px; text-align: center; color:#f60829;}
.view_buy .product__form-status { position:absolute;}
.share-buttons { padding-top:10px;}
.share-buttons__label { display: inline-block; margin-right: 25px; text-transform: uppercase; font-size: 14px; font-weight: bolder; vertical-align: text-bottom;color:#f60829; }
.share-buttons__list { display: inline-block } 
.share-buttons__item { display: inline-block }
.share-buttons__item a {color:#f60829;}
.share-buttons__item:not(:last-child) { margin-right: 8px; }
.share-buttons__item:hover { color: #e80e1c }

.product__tabs-title { display: none } 
.product__tabs { clear: both; padding-top: 35px; } 
.product__tab-selector { margin-bottom: 20px; }

.product__prices { padding:10px 0; border-bottom:1px solid #ddd;}
.product__price { font-weight: bolder; font-size: 16px;  color: #e80e1c }
.product__price  b { font-size:20px;}
.product__price--old { margin-right: 15px; font-weight: normal; text-decoration: line-through }
.product__sale-percent { margin-left: 15px;  padding: 5px 10px; color: #fff; background: #e95842; font-size: 16px; font-size: 1rem; font-weight: bolder; border-radius: 3px }

.product__tabs select { -webkit-appearance: none; -moz-appearance: none; display: inline-block; width: 100%; height: 45px; padding-left: 15px; padding-right: 45px; border-radius: 2px; font-size: 14px; cursor: pointer; line-height: normal; background: transparent; border: 1px solid #e4e4e4 }
.product__tabs select:active, .product__tabs select:focus {outline: none}
.product__tabs select:focus {border-color: #e80e1c}
.product__tabs select:focus::-ms-value { background:inherit; color:inherit }
.product__tabs .ie9 select { padding-right: 0 }
.product__tabs select:-moz-focusring { color:transparent; text-shadow:0 0 0 #f60829 }
.form__select { position: relative; border: none }
.form__select .icon { position: absolute; top: calc(50% - 8px); right: 15px; width: 18px; height: 18px; line-height: normal; pointer-events: none; fill: currentColor}
.form__select .icon i { color:#f60829; line-height:18px;}
.form__label, .spr-form-label { display: block;  margin-bottom: 10px; font-size: 14px; text-transform: uppercase; font-weight: bolder }

/* Footer */
.footer { background: #001f3f;}
.footer-menu { padding:10px 0; text-align:center; background: #00479d; color:#fff;}
.footer-menu a { margin:0 5px; font-size:14px; color:#fff; text-transform:uppercase;}
.footer-logo { padding:50px 0 30px 0; text-align:center}
.footer-logo img { max-width:100%;}
.copyright { padding-bottom:10px; font-size:12px; color:#ccd8e4; text-align:center; text-transform:uppercase;}
.copyright a { color:#ccd8e4;}
.footer-mail { padding-top:20px; }
.footer-mail .form-group { position:relative; border:1px solid #66798b; width:99%;}
.footer-mail .form-group input { background: none; border:0; color:#66798b}
.footer-mail .form-group input:focus { box-shadow:none;}
.footer-mail .form-group button { position:absolute; top:0; right:0px; border:0; background: none; outline:none;}
.footer-mail .form-group button:hover,
.footer-mail .form-group button:focus { background: none; border:0; outline:none;}
.footer-mail .form-group button i { color:#66798b}
.footer-mail label { color:#fbb601; font-size:14px;}

@media screen and (min-width: 500px) {
.headRight .contact { display:inline-block; line-height:30px; margin-top:-8px !important;}
.showBan .swiper-slide { min-height:300px; background-size: auto 100% !important;}
.smallBanner { padding-top:15px; padding-bottom:15px;}
.smallBanner .ban { padding:0 10px;}
.good-img { padding:2px; }
.good-info { min-height:100px; }
.good-img a { height:180px;}
.good-img img { max-width:248px; max-height:180px; }
.good-price strong { display:inline-block;}

/* View */
.tabs a img { display:inline-block; width: 60px; height: 60px; margin: 10px; object-fit: cover; vertical-align: middle; cursor: pointer; transition: all 0.25s ease-in-out; }
.tabs a span,
.tabs a.active span { display:none;}

.product-shop__product .product__title {font-size:22px;}
.product__tabs { padding-top: 65px; } 
.product__tab-selector { display: none } 
.product__tabs-title { display: block; text-align: center;  }
.product__tab-title { display: inline-block; margin: 0 15px; text-transform: uppercase; opacity: 0.6; transition: all 0.25s ease-in-out; font-size:16px; font-weight: bolder; cursor: pointer; border-bottom: 2px solid transparent }
.product__tab-title:hover { opacity: 1} 
.product__tab-title a { color:rgb(246,8,41); font-weight:bold}
.product__tab-title a:hover { color:#f60829; text-decoration:none; }
.product__tab-title--active {color: #161e26; border-bottom-color: #161e26; opacity: 1 }
.product__tab-title--active a { color: inherit; text-decoration:none;}
.product__tabs-content { margin: 50px 0 30px 0; }

}
/*@media screen and (min-width: 600px) {
.good-img a { height:238px;}
.good-img img { max-width:297px; max-height:238px; }
}
@media screen and (min-width: 700px) {
.good-img a { height:266px;}
.good-img img { max-width:332px; max-height:266px; }
}*/
@media (min-width: 768px) {
.headerShare li {margin:0 2px;}
.headerShare li a { width:24px; height:24px; line-height:24px;  font-size:1.333333em}
.headRight .lang a { padding-left:20px; width:44px; height:22px; line-height:22px; }
.headerWrapper { padding:30px 0; }
.logo { text-align:left;}
.logo img { max-height:66px;}
.search form {display:block; width:100%; height:40px; background: #f60;}
.search input { padding:0 20px 0 5px; width:100%; height:40px; background:none; border:0; color:#fff;}
.search button { position:absolute; top:0; right:0; height:40px; width:40px; background:none; border:0; color:#fff; font-size:16px}
.headerNav .navbar-collapse { padding-left:0; padding-right:0;}
.nav-menu .navbar-nav { width:100%;}
.nav-menu .navbar-nav>li { width:16.66666%; }
.nav-menu .navbar-nav>li>a { font-size:12px; text-align:center;}
.nav-menu .navbar-nav .open .dropdown-menu>li>a {color: #777;}

.showBan .swiper-slide { min-height:400px; background-size: auto 100% !important;}
.showBan .swiper-button-next { right:15%;}
.showBan .swiper-button-prev { left:15%;}
.smallBanner .ban { padding:0 15px;}

.main-title { font-size:22px; font-weight:400;}
.module-title {  padding: 60px 0 30px; }
.module-title .tt { width: 378px; height: 48px; line-height: 48px; font-size: 24px; }
.module-title .tt:before, .module-title .tt:after {top: 20px; width: 120px; }
.module-title .tt:before { left: -90px; } 
.module-title .tt:after { right: -90px; }
.module-title > p { font-size: 20px;}

.good-img a { height:120px;}
.good-img img { max-width:150px; max-height:120px; }

.newsList .pull-left { padding-left:15px;}

.footer-mail .form-group { width:80%;}

}
@media (min-width: 992px) {
.good-img a { height:168px;}
.good-img img { max-width:210px; max-height:168px; }
}
@media (min-width: 1200px) {
.nav-menu .navbar-nav>li>a { font-size:14px;}
.showBan .swiper-slide { min-height:564px;  background-size: auto 100% !important;}
.good-img a { height:204px;}
.good-img img { max-width:256px; max-height:204px; }
}