body { }
.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder  {text-transform: uppercase}
a {color: #666;}
a:hover {text-decoration: none;}
iframe {border-width: 0;}
.input-group .input-group-addon-img {background: #fff;padding: 3px 6px;cursor: pointer}
.input-group .input-group-addon-img img { max-width: none !important}
.modal-dialog {margin: 80px auto;}
@media(min-width:992px) {
    .navbar .nav>li.desktop>.dropdown-menu {  display: none;} 
    .navbar .nav>li.desktop:hover>.dropdown-menu {  display: block;  }
    .navbar .nav>li.desktop>.dropdown-menu>li:hover>.dropdown-menu {display: block;}
}
.dropdown-submenu > a::after {border-left: 4px dashed #777;}

.fix-row{ margin-left:-8px;margin-right: -8px;}
.fix-row>[class*="col-"]{padding-left: 8px;padding-right: 8px;}



@media(min-width:992px) {
    .navbar-nav {float: left;margin: 0}
    .navbar-nav > li {float: left}
    .navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px}
    .navbar-text {float: left;margin-right: 15px;margin-left: 15px}
    .navbar-left {float: left !important}
    .navbar-right {float: right !important;margin-right: -15px}
    .navbar-right ~ .navbar-right {margin-right: 0}
    .navbar-form {width: auto;padding-top: 0;padding-bottom: 0;margin-right: 0;margin-left: 0;border: 0;-webkit-box-shadow: none;box-shadow: none}
    .navbar-form .form-group {display: inline-block;margin-bottom: 0;vertical-align: middle}
    .navbar-form .form-control {display: inline-block;width: auto;vertical-align: middle}
    .navbar-form .form-control-static {display: inline-block}
    .navbar-form .input-group {display: inline-table;vertical-align: middle}
    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {width: auto}
    .navbar-form .input-group > .form-control {width: 100%}
    .navbar-form .control-label {margin-bottom: 0;vertical-align: middle}
    .navbar-form .radio, .navbar-form .checkbox {display: inline-block;margin-top: 0;margin-bottom: 0;vertical-align: middle}
    .navbar-form .radio label, .navbar-form .checkbox label {padding-left: 0}
    .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {position: relative;margin-left: 0}
    .navbar-right .dropdown-menu {right: 0;left: auto}
    .navbar-right .dropdown-menu-left {right: auto;left: 0}
    .navbar-header {float: left}
    .navbar-collapse {width: auto;border-top: 0;-webkit-box-shadow: none;box-shadow: none}
    .navbar-collapse.collapse {display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important}
    .navbar-collapse.in {overflow-y: visible}
    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {padding-right: 0;padding-left: 0}
    .container > .navbar-header,.container-fluid > .navbar-header,.container > .navbar-collapse,.container-fluid > .navbar-collapse {margin-right: 0;margin-left: 0;}
    .navbar > .container .navbar-brand,.navbar > .container-fluid .navbar-brand {margin-left: -15px;}
    .navbar-toggle {display: none}
}
@media(max-width:991px) {
    .navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none}
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {padding: 8px 15px 8px 25px}
    .navbar-nav .open .dropdown-menu > li > a {line-height: 20px}
    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {background-image: none}
    .dropdown-submenu > a:after {float: right;margin-top: -10px;margin-right: 5px;display: inline-block;vertical-align: middle;border-top: 4px dashed #777;border-left: 4px solid transparent;border-right: 4px solid transparent;}
    .navbar-form .form-group {margin-bottom: 5px}
    .navbar-form .form-group:last-child {margin-bottom: 0}
}


.service-m{display: flex;position: fixed;z-index:99999;bottom:0;left:0;right:0;flex-flow: row nowrap;align-items: center;background: rgba(250,250,250,0.9);border-top:1px solid #eee;font-size:12px;}
.service-m>div{flex-grow: 1;padding:10px 10px;text-align: center}
.service-m>div span{display:block;}
.service-m>div i{font-size:1.5rem;color:#999;transition: all 0.2s ease;}
.service-m  .fa-qq{color:#55acee;}
.service-m .fa-qq:hover{color:#0061a5}
.service-m .fa-envelope{color:#32cdee;}
.service-m .fa-envelope:hover{color:#209eea}
.service-m .fa-phone-square{color:#dc4e41;}
.service-m .fa-phone-square:hover{color:#b8080a}
.service-m .fa-shopping-cart{color:#FF6501}


header{padding:0px 0 !important;}
.header-social{ padding-top: 8px;padding-bottom: 8px;text-align: right;}
header ul>li>i {width: 25px;height: 25px;background-image: url(../image/icon.png);background-repeat: no-repeat;transition: background-position ease 0.3s;}
.weixin {background-position: 2px 3px;}
.weixin:hover { background-position: -32px 3px}
.taobao { background-position: 2px -73px;}
.taobao:hover {background-position: -39px -103px; }
.alibaba {background-position: 2px -53px; }
.alibaba:hover {background-position: -30px -53px; }
.phone {background-position: 2px -26px; }
.phone:hover {background-position: -32px -26px; }
.popover-content h6 {color: #F60;font-size: 24px;}
.popover-title {font-weight: 600;}


.navbar {padding: 0;z-index: 9;min-height: 30px;background:linear-gradient(#0061a5,#004489)}
.navbar-brand {height: auto;padding: 10px 15px;}
.navbar-nav{margin-bottom:0;margin-top:24px;}
.navbar-nav>li>a {padding: 13px 25px;transition: all .2s ease-out;text-transform: uppercase;color:#fff;font-size:15px;font-weight: 600}
.navbar-nav>li>a:hover {background: #83C326;color: #fff;}
.navbar-nav > li.active > a, .navbar-nav > li > a:focus {background: #83C326;color:#fff}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-color: transparent;box-shadow: 0 2px 6px rgba(0,0,0,.1);}
.dropdown-menu {background: rgba(255,255,255,.9);   }
.navbar-toggle {padding: 6px 15px;margin-top: 18px;border: 1px solid #eee;color:#fff;}
.navbar-collapse {}
.dropdown-wide {position:static !important;}
.dropdown-wide>.dropdown-menu {
    
    background:#0061A5;
    padding:20px 0;
    width:100%;
    box-shadow: 0px 3px 4px 0px #f2f2f2
}
.dropdown-wide a{display:block;color:#fff;}
.dropdown-wide .list-unstyled a{padding:5px 0;font-size:12px;}
@media(max-width:1200px) {
    .navbar-brand>img{max-width:230px;}
    .navbar-nav{margin-top:20px;}
    .navbar-nav>li>a{padding:13px 15px;font-weight: normal}
}
@media(max-width:976px) {
    .navbar-brand{padding:5px 15px;}
    .navbar-nav > li>a {padding: 12px 15px;font-weight: normal;border-bottom:1px solid #007aaf}
}
.header-social{ background:#f2f2f2;padding:3px 25px;color:#777;border-radius: 0 0 20px 20px;text-align: right;float:right;margin-bottom:8px;}
.header-social .dropdown{margin-left:25px;background:#F3F3F3;border-radius: 23px;padding:3px 12px;cursor: pointer}
.header-social .form-control{height:28px;padding:3px 10px;}
.header-social .btn{padding:3px 8px;}




.banner {position: relative;}


.main-container { padding-top: 25px;padding-bottom: 15px;}
.main{}


.sub-nav {background: rgba(238,238,238,0.9);}
.banner .sub-nav { position: absolute;bottom: 0;left: 0;right: 0;}
@media(max-width:768px) {
    .banner .sub-nav {position: relative;}
}
.sub-nav .dropdown-menu {background: #fff;}
.sub-nav .dropdown-menu>li>a{ color: #666;}
.sub-nav .dropdown-menu>li>a:hover{ background:#209eea;color: #fff;}
.nav-row {list-style: none;padding: 0;margin-bottom: 0;margin: auto;float:left;}
.nav-row > li { float: left; }
.nav-row>li>a,.nav-row>li>.dropdown>a { display: block;color: #777;font-size: 14px;padding: 14px 35px;background:transparent;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav-row>li>a:hover,.nav-row>li>.dropdown>a:hover,.nav-row>li>.dropdown>a.active{ background:#209eea;color: #eee;}
.nav-row>li>a.active,.nav-row>li>.dropdown.active>a { background: #fff;color:#007AAF}
@media(max-width:1170px) {
    .nav-row>li>a { padding: 14px 20px;}
}
@media(max-width:576px) {
    .nav-row>li { width: 50%;margin-right: 0;margin-top: -1px;}
    .nav-row>li>a,.nav-row>li>.dropdown>a{border: 1px solid #fff;padding:14px 10px;}
    .nav-row>li:nth-of-type(even)>a,.nav-row>li:nth-of-type(even)>.dropdown>a{ margin-left: -1px;}
    .nav-row>li>a{font-size: 14px;padding:10px 10px}
    .nav-row>li>a.active { background: #f2f2f2}
}


.breadcrumb { background: transparent;padding: 0 0 15px;}
.breadcrumb:before {font-family: fontawesome;content: "\f015";color: #777;margin-right: 5px;}
.breadcrumb .active { color:#0061A5}


.heading {line-height: 1;margin-bottom: 20px;overflow:hidden;border-bottom: 1px solid #ddd;}
.heading h1,.heading h2,.heading h3,.heading h4 {float: left;font-size: 24px;font-weight: 400;color:#0061A5}
.heading h1:before,.heading h2:before,.heading h3:before,.heading h4:before{ font-family: fontawesome;content: "\f105";margin-right:10px}
.heading .breadcrumb{ float: right;margin-bottom: 5px;padding-top: 8px;}
@media(max-width:768px) {
    .heading h1,.heading h2,.heading h3,.heading h4,.heading .breadcrumb{ float: none;}
}



.sidebar .title{ margin-bottom: 3px;padding: 15px 15px;background: #023F98;color: #fff;}
.sidebar .title:before{ content: "";border-left: 5px solid #fff;padding-left: 18px;}
.menu-simple{ list-style-type: none;margin: 0;padding: 0;}
.menu-simple a{ display: block;padding: 18px 15px;border-bottom: 1px solid #fff;}
.menu-simple a:hover{ background: #eee;}
.menu-simple a:before{ font-family: fontawesome;content: "\f105";margin-right: 8px;}
.menu-simple a.active{color:#56D9B9}

.menu-complex a{ padding: 15px 10px;background: #f2f2f2;border-bottom:1px solid #fff}
.menu-complex a:hover{ background: #eee;}
.menu-complex a.active{color:#023F98}
.menu-complex>li>ul>li>a {padding:12px 10px 12px 25px}
.menu-complex>li>ul>li>ul>li>a {padding-left: 25px;}
.side-box{ background: #F2F2F2;padding: 5px;}




.list-item-row {overflow: hidden;height: 1%;}
.list-item-row .thumb {display: block;overflow: hidden;}
.list-item-row .thumb .img-responsive{margin: auto;transition: all 0.2s ease-in;}
.list-item-row .thumb:hover .img-responsive {transform: scale(1.05);}
.list-item-row .title{font-size: 18px;margin-top: 0;padding: 0px 0 6px;font-weight: 400;}
.list-item-row .title>a {color: #00538C;transition: all 0.2s ease;}
.list-item-row .title>a:hover { color:#209EEA}
.list-item-row .summary {color: #757575;margin-bottom:0;}

.list-item-row .more{ text-align: center;}
.list-item-row .more a{ display: inline-block;padding: 8px 50px ;margin: auto;text-align: center;border: 1px solid #D9D9D9;font-size: 1rem;color:#999}
.list-item-row .more a:hover { color: #00A390;border-color:#00A390}

.list-item-row.product-item{padding:15px 0;border-bottom:1px solid #f2f2f2;}
.list-item-row.article-item{padding:10px 0;margin-bottom:20px;}
.list-item-row.article-item:hover{}



.list-item-col {position: relative;margin-bottom: 25px;background:#fff;overflow: hidden;}
.list-item-col .thumb,.list-item-col .magicthumb {display: block !important;margin: 0px;overflow: hidden;text-align: center;line-height: 1;transition:all 0.2s ease;}
.list-item-col .thumb .img-responsive,.list-item-col .magicthumb .img-responsive {transition: all 0.2s ease 0.05s;margin: auto;}
.list-item-col .thumb:hover .img-responsive,.list-item-col .magicthumb:hover .img-responsive {opacity: 0.95;}
.list-item-col time{ display: block;font-size: 0.75rem;background: #F4F4F4;padding: 3px 10px;margin-top: 12px;}
.list-item-col .title { padding: 8px 6px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.list-item-col .title a{color:#555;}
.list-item-col .title a:hover{color:#0061A5}
.list-item-col .title-two{padding: 6px 6px;height: 52px;overflow: hidden;}

.list-item-col.product-item .thumb{border:2px solid #ddd}
.list-item-col.product-item .thumb:hover{border-color:#0060A4}


.list-item-col.img-item{border:1px solid #f2f2f2;}
.list-item-col.img-item .title{background:#fafafa;}
.list-item-col.img-item .title a{color:#666;}






.article-list {list-style-type: none;margin: 0;padding: 0;margin-bottom: 15px;}
.article-list li {border-bottom: 1px dashed #eee;padding-top: 12px;padding-bottom: 12px;}
.article-list>li>a {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.article-list>li>a:hover {color: #FE8301;}
.article-list li a:before{font-family:fontawesome;content:"\f105";margin-right:8px;margin-left: 4px;}
.article-list li time {float: right;padding-right: 5px;margin-left: 8px;color: #999;}



.product-head { }
.product-head .title {font-size: 1.75rem;color: #666;font-weight: 600;margin-bottom:20px;}
.product-head .list-unstyled{border-top:1px solid #eee;margin-top:20px;}
.product-head .list-unstyled>li{padding:10px 0}
.inquiry {background: #F6F6F6;text-align: center;}
.inquiry > a {display: inline-block;font-size: 22px;color: #fff;background: linear-gradient(#B8080A, #7B0505);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B8080A,endcolorstr= #7B0505,gradientType=0);padding: 20px 70px;border-radius: 5px;}



.thumb-items {overflow: hidden;height: 1%;padding-left: 6px;padding-right: 6px;margin: 0 0 15px 0;}
.thumb-items>ul {display: block;overflow: hidden;height: 1%;list-style-type: none;padding: 0;margin: 0 -6px;}
.thumb-items>ul>li {float: left;width: 20%;padding:2px;}
.thumb-items>ul>li>a,.thumb-items>ul>li>a[data-zoom-id], .mz-thumb, .mz-thumb:focus {display: block;max-width: 100%;border:1px solid #ddd;}
.thumb-items>ul>li>a.mz-thumb-selected {border-color: #ff6600;}
.thumb-items>ul>li>a> img {max-height: 80px;margin: auto;}



.content-container {line-height: 2;margin-bottom: 20px;}
.content-container.border{border:1px solid #ccc;padding:15px;}

.content-container .header { border-bottom:1px solid #e5e5e5;margin:-15px -15px 15px;line-height:1.5;background:#ececec;}
.content-container .header span{display: inline-block;margin-top: -1px;background: #fff;padding: 8px 15px;border-top: 2px solid #E04942;}
.content-container .header h1 { font-size: 26px;font-weight: 400;margin-bottom: 20px;}
.content-container .header .tag{ margin-bottom: 15px;font-size: 14px;color: #777;}
.content-container .header .tag .fa{ margin-right: 5px;}
.content-container .header .tag span+span{ margin-left: 25px;}

.content-container .title {text-align: center;font-size: 26px;margin-bottom: 25px;}
.content-container .summary {font-size: 12px;text-align: center; color: #999;margin-bottom: 15px;padding:6px 0;background: #F9F9F9;}
.content-container .summary span+span { margin-left: 25px;}
.content-container .summary .fa{ margin-right: 5px;}

.content-container h3,.content-container h4{font-size:18px;margin-bottom:15px;font-weight: 600;}
.content-container p{ text-indent: 2em;}
.content-container.no-indent p{text-indent: 0;}
.content-container p img {display: block;text-indent: 0;}
.content-container img {max-width: 100% !important;height: auto !important;}
.content-container table {width: 100%;max-width: 100%;margin-bottom: 1rem;background-color: transparent;}
.content-container table p {margin-bottom: 0;}



.table-container table th,.table-container table td {padding: 5px;vertical-align: middle;font-size: 14px;border: 1px solid #dee2e6;text-align: center;}
.table-container table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.table-container table tbody tr:hover {background-color: #a5d5e2;color: #fff;}

@media (max-width:  767.99px) {
     .table-container-responsive-md table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
}
@media (max-width:991.99px) {
    .table-container-responsive-lg table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
}
@media (max-width:1199.99px) {
  .table-container-responsive-xl table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;
  }
}


.sub-heading{ background: #f2f2f2;padding: 8px;font-size: 20px;margin-bottom: 20px;}


.down-item{ margin-bottom: 30px;}
.down-item h6 { font-size: 0.875rem;font-weight: 600}
.down-item span{ color: #666;}
.down-item .btn{ font-size: 0.75rem;padding: 3px 12px;}


.form-feedback { padding: 0;margin-bottom: 20px;}
.form-feedback h4 {font-size: 28px;font-weight: 700;margin-bottom: 25px;color: #333;}
.form-feedback .form-control {border-radius: 0;border-color: #EBEBEB;font-size: 14px;height: 40px;padding: 8px 12px;}
.form-feedback textarea.form-control { height: auto;}
.form-feedback .btn {font-size: 14px;padding: 9px 20px;}
@media(max-width:768px) {
    .form-feedback .btn{ width: 100%;}
}


footer {background: #00538C;color:#f2f2f2;padding-top: 20px;padding-bottom: 15px;text-align: center;}
footer h6 { font-size: 20px;margin-bottom: 1rem;}
footer p{margin-bottom:5px;font-size:12px;}
footer .line { margin-top: 10px;margin-bottom: 0;padding-top: 12px;font-size: 12px;}


.home-title{ position: relative;margin-bottom: 25px;color:#093F7B;font-size:26px;}
.home-title:after{ display: block;content: "";width: 50px;height: 2px;background: #F95949;margin: 6px 0 0;}
.home-title.text-center:after{margin-left:auto;margin-right:auto}
.home-product{padding-top:30px;padding-bottom:0px;}

.home-about {
    background: url(../image/company-bg.jpg) no-repeat top center;background-size: cover;color: #fff;line-height: 1.8;padding:35px 0;
}
.home-about .more{display:inline-block;padding:6px 35px;background:#fff;border-radius: 16px;color:#004489;}

.home-news .title{font-size:18px;}