/*#region global*/
body {color:#333;padding-top: 168px;}
[v-cloak]{display:none}
.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;}
.form-control{background:#FDFDFD}
.dropdown-menu{min-width:135px}
.dropdown-menu > li > a{text-align:center}
.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>.dropdown-menu {  display: none;} 
    .navbar .nav>li:hover>.dropdown-menu {  display: block;  }
    .navbar .nav>li>.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;}
/*#endregion*/
/*#region header*/
header {z-index: 9999;left:0;right:0;top:0;background:#fff}
header .logo { padding: 15px 0 20px 0;}
header .form-control{background:#F1F1F1;border-radius: 0;padding:10px 12px;height:auto;border-color: transparent}
header .btn{background:#00468C;padding:10px 15px;}
.header-social{ padding-top: 30px;text-align: right;}
.header-social .input-group-addon, .header-social .input-group-btn, .header-social .input-group .form-controll{}
header .input-group{ max-width: 240px;}
/*#endregion*/
/*#region navbar*/
.navbar {padding: 0;z-index: 9;background: #00468C;}
.navbar-brand {height: auto;padding: 3px 15px;}
.dropdown-submenu > a:after{ border-left-color: #fff}
.navbar-nav>li>a {padding: 20px 35px;text-transform: uppercase;color:#fff;border-bottom:1px solid transparent;font-size: 1rem;}
.navbar-nav>li>a:hover {background: #fff;color: #1c79c0;border-bottom:1px solid #E61721;box-shadow:0 -1px 2px #ccc;}
.navbar-nav > li.active > a, .navbar-nav > li > a:focus {background: #fff;color:#345B94;border-bottom:1px solid #E61721;box-shadow:0 -1px 2px #ccc;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-color: transparent;border-left-color: #333 !important;box-shadow: 0 2px 6px rgba(0,0,0,.1);}
.dropdown-menu {background: #00468C;   }
.dropdown-menu>li>a{color:#fff;font-size: 1rem;}
.navbar-toggle {padding: 9px 15px;margin-top: 25px;border: 1px solid #00468C;color:#00468C;}
.navbar-collapse {}
.dropdown-wide {position:static !important;}
.dropdown-wide>.dropdown-menu {
    padding:20px 0;
    width:100%;
}
@media(max-width:1170px) {
    .navbar-nav>li>a{padding:15px 30px}
}
@media(max-width:976px) {
    header{ min-height: 0;position: fixed;top:0;left: 0;right: 0;background:rgba(255,255,255,0.95);border-bottom:1px solid #ccc;box-shadow:1px 0 3px #ccc;}
    header .logo{padding:15px 0 15px 0;}
    body{padding-top:92px;}
    .navbar{min-height:0;background:rgba(0,70,140,.85)}
    .navbar>.container{max-width: 100%}
    .navbar-nav>li>a{padding:15px 15px;}
    .navbar-nav>li>a:hover,.navbar-nav > li.active > a, .navbar-nav > li > a:focus {background:#f9f9f9;border-bottom-color:transparent}
}
@media(max-width:576px) {
    .navbar-toggle{margin-top:17px;}
    body{padding-top:71px}
}
/*#endregion*/
/*#region banner*/
.banner {position: relative;}
/*#endregion*/
/*#region container*/
.main-container { padding:40px 15px 15px;}
.main{ padding-top: 0px;}
/*#endregion*/
/*#region nav row*/
.nav-row-container{}
.nav-row {list-style: none;padding: 0;margin-bottom: 0;margin: auto;overflow: hidden;display:inline-block;}
.nav-row > li { float: left; margin-right:10px;}
.nav-row>li>a { display: block;background:#EFEFEF;color: #555;font-size: 14px;padding: 14px 35px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav-row>li>a:hover{background: #01478D;color:#fff}
.nav-row>li>a.active,.nav-row .dropdown.active>a { background: #01478D;color:#fff}
@media(max-width:1170px) {
    .nav-row>li>a { padding: 14px 20px;}
}
@media(max-width:576px) {
    .nav-row{display:block;}
    .nav-row>li { width: 33.3333%;margin-right: 0;margin-top: -1px;}
    .nav-row.double>li{width:50%;margin-right:0;margin-top:-1px;}
    .nav-row>li>a{border: 1px solid #fff;}
    .nav-row>li:nth-of-type(even)>a{ margin-left: -1px;}
    .nav-row>li>a{font-size: 14px;padding:10px 10px}
    /*.nav-row>li>a.active { background: #f2f2f2}*/
}
/*#endregion*/
/*#region breadcrumb*/
.bread{background:#F7F7F7;padding:13px 0 10px;font-size:0.75rem}
.breadcrumb { background: transparent;padding-left: 0;padding-right: 0;margin-bottom:0;}
.breadcrumb:before {content: "您的位置：";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;}
@media(max-width:768px) {
    .heading h1,.heading h2,.heading h3,.heading h4 { font-size: 22px;}
    .heading h1,.heading h2,.heading h3,.heading h4,.heading .breadcrumb{ float: none;}
}

/*#endregion*/
/*#region sidebar*/
.sidebar{background:#FBFBFB;border:1px solid #E9E9E9}
.sidebar .title{ position: relative;margin-bottom: 3px;padding: 15px 15px;color: #00468C;font-weight: 600;}
.sidebar .title:after{ display:block;margin-top:5px;content: "";width:40px;height:3px;background:#003a84}
.menu-simple{ list-style-type: none;margin: 0;padding: 0;}
.menu-simple a{ display: block;padding: 6px 15px;color:#333;}
.menu-simple a:hover{ background: #eee;}
.menu-simple a:before{ font-family: fontawesome;content: "\f105";margin-right: 8px;}
.menu-simple a.active{color:#277abe}

.menu-complex a{ padding: 15px 10px;background: #f2f2f2;border-bottom:1px solid #fff}
.menu-complex a:hover{ background: #eee;}
.menu-complex a.active{color:#56D9B9}
.menu-complex>li>ul>li>a {padding-left: 15px;}
.menu-complex>li>ul>li>ul>li>a {padding-left: 25px;}
.side-box{ background: #F2F2F2;padding: 5px;}
/*#endregion*/
/*#region list-row*/
.item-row {overflow: hidden;}
.item-row .thumb {display: block;overflow: hidden;}
.item-row .thumb .img-responsive{margin: auto;transition: all 0.2s ease-in;}
.item-row .thumb:hover .img-responsive {transform: scale(1.05);}
.item-row .title{font-size: 18px;margin-top: 0;padding: 0px 0 6px;font-weight: 600;}
.item-row .title>a {color: #666;transition: all 0.2s ease;}
.item-row .title>a:hover { color:#209EEA}
.item-row .summary {color: #757575;margin-bottom:0;}

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

.item-row.product{padding:15px 0;border-bottom:1px solid #eee;}

.item-row.article{padding:10px 0;margin-bottom:20px;}
.item-row.article time{color:#e61721}
.item-row.article:hover{}


/*#endregion*/
/*#region list-col*/
.item-col {position: relative;margin-bottom: 25px;background:#fff;overflow: hidden;}
.item-col .thumb,.item-col .magicthumb {display: block !important;margin: 0px;overflow: hidden;text-align: center;line-height: 1}
.item-col .thumb .img-responsive,.item-col .magicthumb .img-responsive {transition: all 0.2s ease 0.05s;margin: auto;}
.item-col .thumb:hover .img-responsive,.item-col .magicthumb:hover .img-responsive {transform: scale(1.1);opacity: 0.95;}
/*.item-col time{ display: block;font-size: 0.75rem;background: #F4F4F4;padding: 3px 10px;margin-top: 12px;}*/
.item-col .title { padding: 6px 6px;text-overflow: "";white-space: nowrap;overflow: hidden;}
.item-col .title a{color:#333;}
.item-col .title-two{padding: 6px 6px;height: 50px;line-height: 1.43;overflow: hidden;}
.item-col .summary{padding:5px 8px;}
.item-col .summary h6{font-size:16px;text-align: center;}
.item-col .summary p{margin-bottom:0;color:#888;}
@media(max-width:576px) {
    .item-col .title-two{ font-size: 12px;height: 44px;}
}
.item-col.article .title{font-size:20px;font-weight: 600;}
.item-col.article .title a{color:#333;transition: color ease 0.2s;}
.item-col.article .title a:hover{color:#00468A}
.item-col.article .more{border-radius: 12px;border: 1px solid #ccc;padding:6px 16px;float:left;}
.item-col.article time{float:right;font-style: italic;margin-top:5px;}
.item-col.certificate {border:1px solid #f1f1f1;padding:15px;}

.item-col.service{border:1px solid #EAEAEA;padding:20px;transition:all ease 0.3s}
.item-col.service:hover{box-shadow: 2px 2px 10px #00468c;}
.item-col.service .title{font-weight: 600;font-size:1.25rem;text-align: center;}
.item-col.service .summary{text-align: center;}

.item-col.img-item{border:1px solid #f2f2f2;}
.item-col.img-item .title{background:#fafafa;}
.item-col.img-item .title a{color:#666;}
/*#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;font-size: 20px;margin-bottom: 20px;}

/*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: #0C4F93;color:#CBE1F8;padding-top: 0px;padding-bottom: 20px;font-size:12px;}
footer .container{max-width:1500px;}
footer h6{font-weight: 500;}
footer a{color:#CBE1F8}
footer h5{margin-bottom:1.5rem;font-weight: 500;}
footer h5:after{ display: block;content: "";width: 40px;height: 2px;background: #E71A21;margin-top: 0.5rem;}
footer .link{background:#051A2F;padding:15px 30px;border-radius: 0 0 5px 5px;margin-bottom:30px;font-size:14px;box-shadow: 1px 1px 5px #888888;}
footer .link span{font-size:18px;font-weight: 600;display:inline-block;margin-left:15px;margin-right:30px;color:#f2f2f2;}
footer .link a{color:#C0C4C7}
footer .link .fa{background:#DDDED9;color:#333;font-size:14px;padding:8px;border-radius: 50%;}
footer ul{margin-bottom:0;}
footer ul>li{padding:4px 0;}
footer .bottom>.col-4{min-height:188px}
.bottom a:hover{color:#E71A21}
/*#endregion*/
/*#region homepage*/
.home-title{overflow: hidden;margin-top:40px;margin-bottom:40px;}
.home-title .title{float:left}
.home-title h4{font-size:30px;font-weight: 600;color:#00478B;margin-bottom:5px;}
.home-title .title p{font-size:12px;text-transform: uppercase;margin-bottom:0;}
.home-title ul{float:right;margin-top:15px;}
.home-title ul>li>a{display:block;padding: 3px 12px;font-size: 16px;}
.home-title ul>li>a:hover,.home-title ul>li>a.active{background:#00468E;color:#fff}
.home-title .more{color:#02488d;}
@media(max-width:768px) {
    .home-title{margin-bottom:30px;}
    .home-title .title{float:none;}
    .home-title ul{float:none;margin-bottom:0;}
    .home-title ul>li>a{display:block;padding:3px 6px}
}

.home-business{background:url(images/home-business-bg.jpg) no-repeat center center;background-size:cover;color:#f2f2f2;text-align: center;padding-top:30px;padding-bottom:120px}
.home-business h6{margin-top:25px;margin-bottom:20px;font-weight: 600}
.home-business a{ color: #fff;}
.col-custom .col{ float: left;width: 20%;padding: 0 15px;}
.home-business p{ font-size: 0.75rem;color:#9CB5D3}
@media(max-width:768px) {
    .home-business p{min-height:108px }
    .col-custom .col{width:33.3333%}
    .col-custom .col-2{ width: 50%;}
}
.home-about{position: relative;margin-top:-80px;padding:40px 80px;background:#fff;border-radius: 3px;text-align: center;line-height: 1.8;box-shadow: 0 0 10px #999}
.home-about .title h2{ color: #00468C;font-weight: 600;}
.home-about h5{font-weight:600;}
.home-about .row p{ margin-top: 6px;}
.home-about .more{display:inline-block;padding:5px 60px;background:url(images/arrow.jpg) no-repeat center center;border:1px solid #f2f2f2;text-indent:-9999px}
@media(max-width:991px) {
    .home-business{padding-bottom:120px;}
    .home-about{padding:20px 15px;}
}

.home-news {background:#F5F5F5;padding-top:40px;padding-bottom:40px;}
.head-news{background:#fff;padding:20px 15px;}
.head-news h6 a{ color: #333;}
.news-item{background:#fff;padding:20px 15px;transition: background-color ease 0.3s;}
.news-item h6 a{ color: #333;}
.news-item p{color:#777;font-size:12px;margin-bottom: 0;}
.news-item:hover{background:#00468C;color:#fff;box-shadow:2px 2px 10px #999;}
.news-item:hover p{color:#fff}
.news-item:hover a{color:#f2f2f2;}

.news-item .media-left{text-align: center;padding-top:15px;}
.news-item .media-left span{font-weight: 600;font-size:20px;border-bottom: 1px solid #eee;}

.head-news .media-left{text-align: center;padding-top:10px;}
.head-news .media-left span{font-weight: 600;font-size:20px;border-bottom: 1px solid #eee;}
.head-news .media p{font-size:12px;margin-bottom:0;}
@media(max-width:991px) {
    .home-news .home-title{margin-top:20px;}
}
.home-customer .no-gutters{border:1px solid #eee;border-bottom-width:0;}
.home-customer .no-gutters>div{border-right:1px solid #eee;border-bottom:1px solid #eee;}
/*#endregion*/
/*#region other*/
.main-nav{position:fixed;z-index:99;width:150px;background:#00468C; top:500px;left:190px;}
.main-nav li>a{display:block;color:#fff;padding:5px;}
.brand{border:1px solid #999;padding:40px 20px;text-align: center;font-weight: 600;font-size:1.25rem;}
.brand-summary h2{font-size:1rem;font-weight: 600;color:#44679D}
.list-cate a{display:block;border:1px solid #eee;padding:8px 10px;margin-bottom: 30px;}
.list-cate a:after{font-family: fontawesome;content:"\f101";float:right;margin-bottom:15px;}
.list-cate a:hover{background:#00468B;color:#fff;}
.dl-list{margin-bottom:20px;}
.dl-list dt{border-bottom:1px solid #004785;padding:6px 0;margin-bottom:15px;font-size:1rem;}
.dl-list dt .more{float:right;font-size:14px;font-weight: normal}
.dl-list dt a{color:#004785;}
.dl-list dd{padding:5px 0;border-bottom:1px dashed #ddd;font-size:0.75rem}
.dl-list dd time{float:right;}

.heading-2{border-bottom:1px solid #E9E9E9;margin-bottom:40px;}
.heading-2 h1{font-size:24px;margin-bottom:-1px;}
.heading-2 h1:after{display: block;content:"";width:60px;height:3px;background:#003A84;margin:30px auto 0;}
.heading-3 {text-transform: uppercase;text-align: center;margin-bottom:80px;}
.heading-3 p{font-size:12px;}
.heading-3 h1{display:inline-block;padding:0 120px;margin-bottom:0;font-size:34px;color:#333;letter-spacing: 0.1em;background:url(images/line.jpg) repeat-x 0 50%;}
.heading-3 h1 span{background:#fff;padding:0 8px;}
@media(max-width:768px) {
    .heading-3{margin-bottom:30px;}
    .heading-3 h1{font-size:24px;padding:0 60px;}
}
.cert-query{margin-bottom:20px;}
.cert-query .title{background:#01478D;font-size:18px;color:#fff;padding:8px 20px;font-weight:600;text-align: center}
.cert-query .title .fa{margin-left:20px;}
.cert-query .box{background:#F5F5F5;font-size:12px;padding:15px 20px;line-height: 1.8;}
.cert-query .box h6:after{content:"";display: block;width:60px;height:1px;background:#B5B5B5;margin-top:5px;}
.btn-lg{font-size:18px !important;;}
.about h6{font-size:20px;font-weight: 600;color:#003A84;margin-bottom:30px;}
.about h6 span{text-transform: uppercase;font-size:10px;padding-left:10px;color:#777;}

.home-container{position: relative;z-index: 999;padding-top: 40px;}
.company-info{color:#00478B;background:#fff;border-radius: 2px;box-shadow: 1px 2px 6px #ccc;text-align: center;padding:30px 15px;}
.company-info h6{font-size:42px;font-weight: 700;}
.company-info p{margin-bottom:0;}
.company-info .row>div{background:url(images/h-line.jpg) no-repeat right center;}
.compnay-info .row>div:last-child{background:none;}
.swiper-product{padding-bottom: 30px;margin-bottom: 30px;}
@media(max-width:768px) {
    .company-info{padding:15px 15px}
    .company-info .row > div {
        padding:15px;
        background: none;
    }
    .company-info h6{font-size:24px}
}

.about-1{line-height: 1.8;}
.about-1 h1{font-size:26px;margin-bottom:20px;}
.about-1 h1:after{content:"";display: block;width:60px;height:1px;background:#555;margin-top:8px;}
.about-1 h4{font-size:20px;}
.about-2 h5{font-weight: 600;color:#555}
.about-2 p{margin-top:17px;}

.about-3{background:url(images/about-bg.jpg) no-repeat center center;background-size:cover;text-align: center;color:#fff;font-size:12px;line-height:2;padding-top:40px;padding-bottom:160px;}
.about-3 h6{font-size:12px;color:#0078ED;margin-top:30px;}
.about-3 h4{font-size:16px;margin-bottom:40px;color:#0078ED;margin-top:20px;}
.about-heading-3{color:#0078ED;margin-bottom:40px;}
.about-heading-3 h1{font-size:32px;}
@media(max-width:576px){
    .about-heading-3 h1{font-size:24px;}
}

.about-3-intro{background:#fff;padding:40px 30px;margin-top:-140px;box-shadow: 0 0 10px #999;line-height:1.6}
.about-3-intro .heading-3{margin-bottom:30px;}
.about-3-intro .heading-3 h1{color:#02488D}

.about-hope{background:url(images/about-bg-2.jpg) no-repeat center center;background-size: cover;padding-top:60px;padding-bottom:50px;color:#fff;line-height:1.6}
/*#endregion*/