/*#region global*/
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:-7px;margin-right: -7px;}
.fix-row>[class*="col-"]{padding-left: 7px;padding-right: 7px;}

/*#endregion*/
/*customer service*/
.mobile-service{display: flex;position: fixed;bottom:0;left:0;right:0;flex-flow: row nowrap;align-items: center;background: #fafafa;border-top:1px solid #eee;}
.mobile-service>div{flex-grow: 1;padding:10px 10px;text-align: center;font-size:12px;}
.mobile-service>div i{font-size:1.5rem;color:#999;transition: all 0.2s ease;}
.mobile-service>div .fa-qq:hover{color:#55ACEE}
.mobile-service>div .fa-envelope:hover{color:#32cd32}
.mobile-service>div .fa-phone:hover{color:#DC4E41}
/*#region reset navbar responsive*/
/*default 768px/767px*/
@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}
}
/*#endregion*/
/*#region header*/
header{background:url(images/header-bg.jpg) repeat-x left center;}
header .logo { padding: 15px 0;}
header .dropdown{margin-right:10px;background:#F3F3F3;border-radius: 23px;padding:3px 12px;cursor: pointer;background:#F3F3F3;border-radius: 18px;}
header .dropdown .fa{margin-left:25px;}
@media(max-width:768px) {
    header{background:#DFE3E6}
}
/*#endrfgion*/
/*#region navbar*/
.navbar {padding: 0;z-index: 9;background: url(images/nav-bg.jpg) repeat-x left center;}
.navbar-brand {height: auto;padding: 3px 15px;}
.navbar-nav{margin-bottom:0;}
.navbar-nav>li{padding:0 10px;}
.navbar-nav>li>a {padding: 15px 20px;transition: background .2s ease-out;}
.navbar-nav>li>a:hover {background: transparent;color: #1c79c0;}
.navbar-nav > li.active > a, .navbar-nav > li > a:focus {background: transparent;border-bottom:2px solid #024A92}
.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: 10px;border: 1px solid #999;color:#999;}
.navbar-collapse {}
@media(max-width:968px) {
    .navbar-header{border-bottom:1px solid #ddd;}
    .navbar-nav>li{padding:0;}
    .navbar{background:#EEF3F7}
    .navbar-nav > li.active > a, .navbar-nav > li > a:focus{border-bottom:1px solid #024A92}
}
/*#endregion*/


/*#region banner*/
.banner {position: relative;}
.banner .sub-nav { position: absolute;bottom: 0;left: 0;right: 0;background: rgba(242, 242, 242,0.8);}
.banner .nav{ max-width: 1170px;padding-left: 15px;padding-right: 15px;margin: auto;}
@media(max-width:991px) {
    .banner .sub-nav { position: relative;}
}
/*#endregion*/
/*#region container*/
.main-container { padding:20px 15px 15px;}
.main{ padding-top: 0px;}
/*#endregion*/

/*#region breadcrumb*/
.breadcrumb { background: transparent;padding-left: 0;padding-right: 0;margin-bottom: 15px;border-bottom:1px solid #E0E0E0}
.breadcrumb:before {font-family: fontawesome;content: "\f015";color: #777;margin-right: 5px;}
.breadcrumb .active { color:#777}
/*#endregion*/
/*#region heading*/
.heading {border-bottom: 1px solid #EAEAEA;line-height: 1;margin-bottom: 25px;overflow:hidden}
.heading h1,.heading h2,.heading h3,.heading h4 {float: left;font-size: 26px;}
.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: 10px;margin-top: 3px;border-bottom-width: 0;}
@media(max-width:768px) {
    .heading h1,.heading h2,.heading h3,.heading h4,.heading .breadcrumb{ float: none;}
}
h1 span{ font-size: 24px;padding: 6px 25px;background: #014B92;color: #fff;}
/*#endregion*/


/*#region list-row*/
.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: 24px;margin-top: 0;padding: 0px 0 6px;font-weight: 600;}
.list-item-row .title>a {color: #666;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{}
.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 #eee;}

.list-item-row.article-item{padding:10px;margin-bottom:20px;border:1px solid #F0F0F0}
.list-item-row.article-item .title{ font-size: 18px;font-weight: 500;}
.list-item-row.article-item:hover{}
.list-item-row.article-item p{font-size:12px;}
.list-item-row.article-item time{display:block;font-size:12px;}
.list-item-row.article-item .more{display:inline-block;background:#3488EA;color:#fff;padding:8px 20px;font-size:12px;}
.article-item .box{ padding-right: 200px;}
@media(max-width:996px) {
    .article-item .box{ padding-right: 0;}
}
.category-item{}
.category-item .title { background: #024D91;color: #fff;font-weight: 400;font-size: 18px;padding: 10px 25px;}
.category-item .title a{ color: #fff;}
.category-item .title a:hover { color: #f2f2f2;}
.category-item .summary{ line-height: 2;}
.category-item .more>a{ border-radius: 20px;background: #FE0000;color: #fff;border-width: 0;padding: 8px 35px;}
.category-item .more>a:hover{ color: #f2f2f2;}
/*#endregion*/

/*#region list-item-col*/
.list-item-col {position: relative;margin-bottom: 20px;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}
.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 {transform: scale(1.1);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-two{padding: 6px 6px;height: 52px;overflow: hidden;}
.list-item-col.product-item{border:1px solid #ddd}
.list-item-col.product-item .title,.product-item .title-two{background:#fafafa}
.list-item-col.product-item .title a, .product-item .title-two a {color: #666}

.list-item-col.certificate {border:1px solid #ddd;margin-left:-1px;padding:15px;}

.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;}
/*@media(max-width:576px) {
    .list-item-col .title-two{ height: auto;}
}*/
/*#endregion*/


/*#region article list*/
.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;}
/*#endregion*/

/*#region content-head-container*/
.product-head { }
.product-head .title {font-size: 1.5rem;color: #777;}
.product-service h6{ font-weight: 600;font-size: 14px;margin-bottom: 12px;text-transform: uppercase}
.product-service p{ margin-bottom: 6px;color: #9A9A9A;font-weight: 700;}
.product-service a{color:#9a9a9a}
/*#endregion*/

/*#region thumb-items*/
.thumb-items {overflow: hidden;height: 1%;padding-left: 6px;padding-right: 6px;margin: 0 0 10px 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;}
/*#endregion*/

/*#region content-container*/
.content-container {line-height: 1.8;margin-bottom: 20px;}
.content-container.border{border:1px solid #DCDCDC}
.content-container .header { border-bottom:1px solid #e5e5e5;margin-bottom: 25px;line-height:1.5}
.content-container .header>span{display: inline-block;margin-top: -1px;background: #fff;padding: 8px 20px;border-top: 2px solid #e04942;}

.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 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;}
/*#endregion*/

/*#region content table container*/
.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;
  }
}
/*#endregion*/
/*#region sub content*/
.sub-heading{ background: #f2f2f2;padding: 8px 30px 8px 8px;font-size: 20px;margin-bottom: 20px;font-size:16px;}
.sub-heading-2{background:#0058AA;color:#fff;padding:8px 15px;}
/*region download*/
.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;}
/*#endregion*/
/*region feedback*/
.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%;}
}
/*endregion*/
/*#region footer*/
footer { background: #fafafa;padding-top: 20px}
footer .bottom{background:#014B92;color:#fff;padding-top:10px;padding-bottom:10px;}

/*#endregion*/
/*region homepage*/
.home-heading {
    padding: 15px 0;
}
.home-news {
    border-bottom: 1px solid #D8D8D8;
   /* border-top: 1px solid #D8D8D8;*/
    /*padding-bottom: 20px;*/
}

.news-col{ padding-bottom: 15px;border-bottom: 1px solid #f2f2f2;margin-bottom: 15px;}
.news-col:last-child{ border-bottom-width: 0;margin-bottom: 0;}
.home-news .left{ border-right: 1px solid #f2f2f2;}
@media(max-width:768px) {
    .home-news .left{ border-right-width: 0;}
}
.news-col h5{ font-size: 14px;font-weight: 600;}
.news-col p{ font-size: 12px;}
.home-news .caption{ background: #F2F2F2;padding: 20px;}
.home-news .caption p{ font-size: 12px;}
.home-title{ font-size: 20px;font-weight: 600;padding-left: 10px;margin-bottom: 0;position: relative;border-left: 5px solid #E60501;text-transform:uppercase;color:#033783}
/*#endregion*/
/*#region other*/
.category-tabs>li>a,.category-tabs>li>a:hover{ margin-right: 6px;padding-left: 25px;padding-right: 25px;border: 1px solid #024D91;background:linear-gradient(#fff,#E8E6E9)}
.category-tabs>li.active>a,.category-tabs>li.active>a:hover,.category-tabs>li.active>a:focus{background:#024D91;color: #fff;}
.content-box{ background: #F6F7F9;padding: 20px 0px 20px 20px;border-top:2px solid #004E91}
@media(max-width:768px) {
    .content-box{ padding-left: 15px;padding-right: 15px;}
}
.tab-content{background:#024D91;}
.tab-content a{display:block;padding:10px 10px;color:#fff;}
.tab-content a:hover,.tab-content a.active { background: #FE0000;color: #fff;}
.category-summary{background:#F6F7F9;padding:20px;}
.category-summary h1{font-size:20px;text-transform:uppercase;margin-bottom:25px;}
.article-col {box-shadow: 0px 0px 10px #eee;padding: 10px;margin-bottom: 20px;}
.article-col p {font-size: 12px;color: #777;}
.bottom-cate { background: #F4F4F4;font-size: 12px;padding-top: 10px;padding-bottom: 10px;}
.bottom-cate .col-4 { padding-top: 5px;padding-bottom: 5px;}

/*#endregion*/
/*手机端底部菜单*/
.mobile-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 48px; background: #024A92;z-index: 999;display: flex;border-top: 2px solid #fff;}
.mobile-nav .item{width: 25%;border-left: 1px solid rgba(255,255,255,.2);}
.mobile-nav .item a{font-size: 12px;color: #fff;display: block; text-align: center;line-height: 20px;padding-top: 8px;}
.mobile-nav .item:first-child{border-left: 0px;}
.mobile-nav .item a:before{font-family: fontawesome; font-size: 14px; color: #fff;display: block; line-height: 16px;}
.mobile-nav .mobile-nav-home:before{content: "\f015";font-family: fontawesome; font-size: 14px;}
.mobile-nav .mobile-nav-pro:before{content: "\f07a";font-family: fontawesome; font-size: 14px;}
.mobile-nav .mobile-nav-tel:before{content: "";font-family: fontawesome; font-size: 14px;}
.mobile-nav .mobile-nav-feedback:before{content: "\f0e0";font-family: fontawesome; font-size: 14px;}

.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8);}
.reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF;}
.reveal-modal h2{font-size:20px;text-align:center;}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}
.reveal-modal-pro{visibility:hidden;top:0;left:0;width:100%;position:absolute;z-index:1001;background-color:#f7f7f7;height:100vh; overflow-y:auto;}
.reveal-modal-pro h2{width:100%;text-align:center;font-size:18px;text-transform:uppercase;line-height:45px;background:#fff;margin-bottom:0;}
.reveal-modal-pro h3{width:100%;font-size:16px;text-transform:uppercase;line-height:45px;font-weight:bold;background:#e4e4e4;padding-left:15px;margin-bottom:0;}
.reveal-modal-pro ul,.reveal-modal-pro ul li{list-style:none;padding:0;margin:0;}
.reveal-modal-pro .mb-pro-nav>li{border-top:1px solid #fff;border-bottom:1px solid #ddd;font-size:14px;line-height:1.2;text-transform:capitalize;position:relative;}
.reveal-modal-pro .mb-pro-nav>li>a{padding-left:20px;}
.reveal-modal-pro .mb-pro-nav>li a{display:block;padding-top:12px;padding-bottom:12px;padding-right:20px;}
.reveal-modal-pro .mb-pro-nav>li ul{display:none;}
.reveal-modal-pro .mb-pro-nav .hasul>a:after{content:'\f107';font-family:fontawesome;color:#999;font-size:18px;position:absolute;width:12px;height:18px;line-height:18px;text-align:center;right:10px;top:13px;font-weight:400;}
.reveal-modal-pro .mb-pro-nav>li.active>a{font-weight:bold;background:#eee;}
.reveal-modal-pro .mb-pro-nav>li.active{background:#eee;border-bottom:3px solid #dadada;}
.reveal-modal-pro .mb-pro-nav>li ul li{border-top:1px dotted #ccc;font-size:12px;}
.reveal-modal-pro .mb-pro-nav>li ul li a{padding-left:36px;}
.reveal-modal-pro .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:42px;padding: 15px; right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}

@media(max-width:768px) {
    .totop{z-index: 99;bottom: 60px;}
    footer {margin-bottom: 48px; }
}