/*#region global*/
body { font-family: Roboto,Helvetica, Calibri, Arial, sans-serif;background: #fdfdfd;padding-top: 125px;}
body.bg1{background:#f3f3f3}
body.home{ padding-top: 134px;}
@media(max-width:996px) {
    body{padding-top:60px}
    body.home{padding-top:70px}
}
[v-cloak]{display:none}
.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder  {text-transform: uppercase}
a {color: #555;}
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: #fff;z-index: 999;left: 0;right: 0;top: 0;}
header .logo { padding: 10px 0;}
header .ad{text-transform: uppercase;color: #037AA4;font-size: 18px;padding: 30px 15px 15px 35px;font-weight: 700;background: url(images/line.png) no-repeat 15px 15px;}
@media(min-width:1100px) {
    header .ad{ font-size: 20px;}
}
header .dropdown.lang {margin-right: 10px;background: #0781AD;color: #fff;border-radius: 23px;padding: 3px 12px;cursor: pointer;border-radius: 18px;}
header .dropdown.lang .fa {margin-left: 10px;}
.header-social{ padding-top: 8px;padding-bottom: 8px;text-align: right;}
.header-social .dropdown{margin-left:25px;background:#F3F3F3;border-radius: 23px;padding:3px 12px;cursor: pointer}
@media(max-width:576px) {
    header .header-right { padding-left: 0;padding-right: 0;}
}
.search-group .form-control,.search-group .btn{ font-size: 12px;background: #EFEFEF;border-radius: 15px;border: 1px solid #ccc;}
.search-group .btn{ background: #fff;padding: 7px 12px;background: #EFEFEF;border-left-width: 0;}
/*#endrfgion*/
/*#region navbar*/
.navbar {padding: 0;z-index: 9;background: #fff}
.navbar-brand {height: auto;padding: 3px 15px;}
.navbar-nav>li{ padding-left: 30px;padding-right: 30px;}
.navbar-nav>li>a {padding: 15px 0;transition: color .2s ease-out;font-weight: 500;}
.navbar-nav>li>a:after{ position: absolute;z-index: 222;content: "";background: #68B930;height: 2px;width: 0;bottom: 1px;left: 50%;right: 0;transition: all 0.3s ease;}
.navbar-nav>li>a:hover {background: transparent;color: #68B930;}
.navbar-nav>li>a:hover:after{ left: 0;width: 100%;}
.navbar-nav > li.active > a, .navbar-nav > li > a:focus {background: transparent;color:#68B930}
.navbar-nav>li.active>a:after {  left: 0;width: 100%;}
.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: 20px;border: 1px solid #eee;color:#999;}
.navbar-collapse {}

.dropdown-wide {position:static !important;}
.dropdown-wide>.dropdown-menu {
    /*display:block !important;*/
    padding:20px 0;
    width:100%;

}
@media(max-width:976px) {
    .navbar{ min-height: 0;position: absolute;left: 0;right: 0;background:rgba(255,255,255,0.9)}
    .navbar-nav > li {padding: 0px 15px;}
    .navbar-nav>li>a{ padding: 10px 0;}
    .navbar-nav > li > a:after{left:0}
}
/*#endregion*/
/*#region banner*/
.banner {position: relative;}
.banner img{margin:auto;}
.banner .sub-nav { position: absolute;bottom: 0;left: 0;right: 0;}
.banner .nav{ max-width: 1170px;padding-left: 15px;padding-right: 15px;margin: auto;}
@media(max-width:991px) {
    .banner .sub-nav { position: relative;}
}
.banner .dropdown-menu{ z-index: 999;}
/*#endregion*/
/*#region container*/
.main-container { padding-top: 20px;padding-bottom: 15px;}
.main{ padding-top: 0px;}
/*#endregion*/
/*#region sub-nav horizontal*/
.sub-nav{background: rgba(32,137,174,0.8);}
.sub-nav .dropdown-menu{ background: rgba(32, 137, 174, 0.8);}
.sub-nav .dropdown-menu>li>a{ color: #fff;}
.sub-nav .dropdown-menu>li>a:hover{ background: transparent;color: #f2f2f2;}
.nav-row {list-style: none;padding: 0;margin-bottom: 0;margin: auto;}
.nav-row:after{ font-size: 0;width: 0;height: 0;}
.nav-row > li { float: left; }
.nav-row>li>a { display: block;color: #fff;font-size: 16px;padding: 14px 35px;background:transparent;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav-row>li>a:hover,.thirdly-nav>li>a:focus { color: #eee;}
.nav-row>li>a.active,.nav-row .dropdown.active>a { background: #fff;color:#007AAF}

.profl .sub-nav{background: #ff8244;}
.profl .sub-nav .dropdown-menu{ background: #ff8244;}
.profl .nav-row>li>a.active, .nav-row .dropdown.active>a{color:#ff8244}

.nav-row.sm>li>a{ font-size: 14px;padding: 14px 16px;}
@media(max-width:1170px) {
    .nav-row>li>a { padding: 14px 20px;}
}
@media(max-width:768px) {
    .nav-row>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{ text-align: center;font-size: 14px;padding:10px 10px}
    .nav-row.sm>li>a { padding: 10px 12px;}
    .nav-row>li>a.active { background: #f2f2f2}
}
/*#endregion*/
/*#region thridly nav*/
.thirdly-nav { display: inline-block;margin-bottom:0}
.thirdly-nav>li { float: left;display: block;}
.thirdly-nav>li>a { display: block;border: 1px solid #eeeeee;padding: 8px 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all 0.3s ease}
.thirdly-nav>li>a:hover,.thirdly-nav>li>a:focus { background: #37BA92;border-color: #37BA92;color:#fafafa}
.thirdly-nav>li>a.active { background: #00A390;border-color:#00A390;color:#fff}
.thirdly-nav>li+li { margin-left: -1px;}
@media(max-width:768px) {
    .thirdly-nav>li { width:50%}
}
/*#endregion*/
.child-catalog { text-align: center;margin-bottom: 30px; }
.child-catalog>a{ display: inline-block;padding: 8px 25px;background: #0A7299;color:#fff}
.child-catalog>a.active{ background: #6C6C6C;}

/*#region breadcrumb*/
.breadcrumb { background: transparent;padding-left: 0;padding-right: 0;margin-bottom: 15px;font-size: 13px;}
.breadcrumb:before {font-family: cmsfont;content: "\f80a";color: #777;margin-right: 5px;}
.breadcrumb .active { color:#209eea}
/*#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;color:#178AB8}
.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 .title{ margin-bottom: 3px;padding: 25px 15px;background: #56D9B9;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;background: #F2F2F2;}
.menu-simple a:hover{ background: #eee;}
.menu-simple a:before{ font-family: cmsfont;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:#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*/
.list-item-row {}
.list-item-row .thumb {display: block;overflow: hidden;}
.list-item-row .thumb .img-responsive{margin: auto;transition: all 0.2s ease;}
.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: 600;}
.list-item-row .title>a {color: #555;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 time{ font-size: 12px;}
.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}
@media(max-width:768px) {
    .list-item-row .title{ font-size: 14px;}
}

.list-item-row.product-item{background: #EBEBEB;margin-bottom: 25px;}
.list-item-row.product-item .title{ font-weight: normal;}
.list-item-row.product-item .box{ padding-top: 30px;padding-right: 20px;}
.list-item-row.product-item .box p{ margin-bottom: 5px;}
.list-item-row.product-item .box span{color:#0781ad}
.list-item-row.product-item .box span.text-danger{color:#ce0606}
.list-item-row.product-item .box .detail{ display: inline-block;margin-top: 25px;padding: 5px 45px;border: 1px solid #f2f2f2;border-radius: 12px;}
.link{ text-align: center;margin-top: 25px;}
.link a{display: inline-block;min-width: 115px;padding: 5px 15px;border: 1px solid #f2f2f2;border-radius: 12px;}
@media(max-width:1025px) {
    .link{ display: none;}
}
@media(max-width:576px) {
    .list-item-row.product-item .box{ padding-top: 10px;padding-left: 0px;}
    .list-item-row.product-item .title{ font-weight: normal;}
    .list-item-row.product-item{ font-size: 12px;}
}
.list-item-row.article-item{padding-bottom: 15px;margin-bottom:20px;border-bottom:1px solid #EDEEF2}
.list-item-row.article-item:hover{}
/*#endregion*/

/*#region list-item-col*/
.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}
.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: 50px;line-height: 1.43;overflow: hidden;}
@media(max-width:576px) {
    .list-item-col .title-two{ font-size: 12px;height: 44px;}
}

.list-item-col.product-item{border:1px solid #eee}
.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 #f1f1f1;padding:15px;}

.list-item-col.img-item{border:1px solid #eee;}
.list-item-col.img-item .title{background:#fafafa;padding: 5px 6px;}
.list-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:cmsfont;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 { margin-bottom: 30px;}
.product-head .title {font-size: 1.5rem;color: #0781AD;font-weight: 600;border-bottom: 1px solid #C5C5C5;padding-bottom: 15px;margin-bottom: 20px;}
.product-head .magiczoom{ border: 1px solid #CDCBCC;padding: 3px;background:#fff}
.product-head .box p{ margin-bottom: 12px;}
.product-head .box{ margin-bottom: 70px;}
.product-head .box span{color:#0781ad}
.product-head .box span.text-danger{color:#ce0606}
.product-head .social{ margin-bottom: 30px;}
.product-head .social:before{ content: "Shared To:";margin-right: 5px;}
.product-head .btn{ background: #0781AD;color: #fff;font-size: 16px;padding: 8px 35px;}
@media(max-width:576px) {
    .product-head .title{ font-size: 1.25rem;}
    .product-head .box p{ margin-bottom: 5px;}
    .product-head .box{ margin-bottom: 15px;}
    .product-head .btn{font-size: 14px;padding: 6px 30px;}
}
/*#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.product{ background: #fff;padding: 30px;}
.content-container .title {text-align: center;font-size: 24px;margin-bottom: 25px;}
.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;}
@media(max-width:768px) {
    .content-container .title { font-size: 20px;}
    .content-container.product{ padding: 15px;}
}
.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;}
/*#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: #B3B3B3;padding: 12px 20px;font-size: 18px;margin-bottom: 20px;color: #fff;text-transform: uppercase}

/*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: #2F2F2F;padding-top: 30px; font-size: 12px;}
footer h6{ text-transform: uppercase;color:#fff}
footer .list-unstyled a{ display: block;text-transform: uppercase;color: #ADADAD;padding:3px 0}
footer .bottom{ background: #f3f3f3;padding: 15px 0;}
/*#endregion*/
/*region homepage*/
.home-title{ position: relative;text-align: center;padding: 50px 0;text-transform: uppercase;font-size: 30px;color:#0781ad}
.home-title-2{ text-transform: uppercase;color: #0781ad;padding: 10px 0px 10px 40px;margin-top: 40px;margin-bottom: 20px;background:url(images/ico.jpg) no-repeat left center;}
@media(max-width:768px) {
    .home-title{ font-size: 20px;padding: 25px 0;margin-bottom: 0;}
}
.home-container{ max-width: 1350px;margin: auto;padding-left: 15px;padding-right: 15px;}
.home-slide {
    position: relative;
    margin: auto;
}
.home-slide .list-item-row{background:#EBEBEB;}
.home-slide .list-item-row .title{ margin-bottom: 0;}
.home-slide .pic{ width: 100%;}
.home-slide .box{ position: absolute;display: none;width: 100%;background: rgba(64,186,231, 0.8);top: 0;left: 0;right: 0;bottom: 0;text-align: center;color: #fff;padding-top: 30px;padding-right: 20px;line-height: 1.2;}
.home-slide .list-item-row:hover .box{ display: block;}
.home-slide .box a{ color: #fff;}
.home-slide .box a:hover{ color: #f2f2f2;}
.home-case .home-slide .box{ padding-top: 70px;}
@media(max-width:576px) {
    .home-slide .pic{ width: 50%;}
    .home-slide .box{ display: block;width: 50%;position: relative;background: transparent;color: #555;}
    .home-slide .box a{ color: #555;}
    .home-slide .box a:hover{ color: #68B930;}
    .home-slide .swiper-button-next, .home-slide .swiper-button-prev{ display: none;}
    .home-case .home-slide .box{ padding-top: 15px;}
}
.home-news{ background: #fff;margin-bottom: 15px;padding: 10px;}
.home-news h6 a{ color: #333;}
.home-news .media-left{ width: 100px;}
.home-news .media-left img{ max-width: 81px;}
.home-news .media-body{ overflow: hidden}
.home-news h6{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
@media(min-width:976px) {
    .home-news-fix>div:nth-of-type(odd){padding-right:10px;}
    .home-news-fix>div:nth-of-type(even){padding-left:10px;}
}


.home-case { background: url(images/home-bg-case.jpg) no-repeat top center; }
.case-top{ position: relative;height: 210px;}
.case-top a{ position: absolute;display: block;width: 130px;height: 32px;top: 113px;right: 60px;background:url(images/more.png) no-repeat center center;text-indent:-9999px}
@media(max-width:768px) {
    .home-case{ background-position: center -60px;}
    .case-top{ position: static;height: auto;margin-bottom: 30px;text-align: center;}
    .case-top a{ position: static;display: inline-block;margin-top: 140px;}
}
.mm{padding: 10px 8px;}
.mm:nth-of-type(odd){ background: #EBEBEB;}
.mm .media-left{ width: 94px;position: relative}
.mm .media-left .img-2{ position: absolute;top: 25px;left: 25px;}
.mm .media-left img{ max-width: 94px;}
.mm .media-body{ font-size: 16px;padding-top: 20px;}

@keyframes T0{
    100%{ opacity:0; filter:alpha(opacity=0); transform:scale(1.5);}
}
.home-do{position: relative;margin: auto;max-width: 1170px;height: 745px;background:url(images/home-bg.jpg) no-repeat center center;text-transform: uppercase;font-size: 12px;}
.home-do  a{ display: block;position: relative;margin-left: 10px;margin-right: 10px;text-align: center;margin: auto;}
.home-do p{ margin-top: 6px;text-align: center;font-size: 16px;font-weight: 700}
@media(max-width:768px) {
    .home-do{ display: none;}
}
.a1{ position: absolute;width: 140px;top: 80px;left: 20px;}
.a1 a{width: 93px;background: rgba(104, 185, 46,0.3);padding: 6px;border-radius: 100%;transition: all 0.3s ease;}
.a1 a:hover {background: rgba(104, 185, 46, 1);}
.a2{ position: absolute;width: 180px;top: 170px;left: 230px;}
.a2 a{text-align: center;}
.a2 .img2{ position: absolute;top: 28px;left: 70px;}
.a2 a .img1{ transition: all 0.3s ease;}
.a2 a:hover .img1{transform:rotateY(180deg)}
.a3{position: absolute;width: 280px;top: 50px;left: 470px;}
.a4{ position: absolute;right: 230px;top:170px}
.a4 a{text-align: center;}
.a4 .img2{ position: absolute;top: 23px;left: 28px;}
.a4 a .img1{ transition: all 0.3s ease;}
.a4 a:hover .img1{transform:rotateY(180deg)}
.a5{position: absolute;right: 40px;top: 80px;width: 140px;}
.a5 a{ width: 93px;background: rgba(104, 185, 46,0.3);padding: 6px;border-radius: 100%;transition: all 0.3s ease;}
.a5 a:hover {background: rgba(104, 185, 46, 1);}
.a6{position: absolute;width: 140px;top: 340px;left:270px}
.a6 a{width: 93px;background: rgba(104, 185, 46,0.5);padding: 6px;border-radius: 100%;transition: all 0.3s ease;}
.a6 a:hover {background: rgba(104, 185, 46, 1);}
.a7{position: absolute;top: 430px;left: 490px;width:180px}
.a7 a{text-align: center;}
.a7 .img2{ position: absolute;top: 25px;left: 65px;}
.a7 a .img1{ transition: all 0.3s ease;}
.a7 a:hover .img1{transform:rotateY(180deg)}
.a8{position: absolute;bottom: 100px;left:240px}
.a9{position: absolute;width: 140px;top: 340px;right: 260px;}
.a9 a{width: 93px;background: rgba(104, 185, 46,0.5);padding: 6px;border-radius: 100%;transition: all 0.3s ease;}
.a9 a:hover {background: rgba(104, 185, 46, 1);}
.a10{position: absolute;top: 600px;left: 490px;width:180px}
.a10 a{text-align: center;}
.a10 .img2{ position: absolute;top: 25px;left: 70px;}
.a10 a .img1{ transition: all 0.3s ease;}
.a10 a:hover .img1{transform:rotateY(180deg)}
@media(max-width:1040px) {
    .home-do{ height: 600px;background-size: 95%;background-position: top center;}
    .a1{ left: 0;top: 10px;}
    .a2{ left: 150px;top: 85px;}
    .a3{top: 0px;left: 380px;}
    .a4{right: 190px;top: 85px;}
    .a5{ right: 0;top: 10px;}
    .a6{top: 260px;left: 210px;}
    .a7{top: 320px;left: 395px;}
    .a9{top: 260px;right: 200px;}
    .a10{top: 460px;left: 400px;}
}
@media(max-width:810px) {
    .home-do{ height: 500px;background-size: 90%;background-position: top center;}
    .a1{ left: 0;top: 10px;}
    .a2{ left: 140px;top: 85px;}
    .a3{top: 0px;left: 300px;}
    .a3 img{max-width:200px}
    .a4{right: 130px;top: 85px;}
    .a5{ right: 0;top: 10px;}
    .a6{top: 240px;left: 190px;}
    .a7{top: 220px;left: 300px;}
    .a9{top: 230px;right: 180px;}
    .a10{top: 360px;left: 300px;}
}
/*#endregion*/
/*#region other*/
.swiper-button-prev,.swiper-button-next{ width: 41px;height: 81px;margin-top: -40.5px;top: 45%;background-size: auto;}
.swiper-button-prev {

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABRCAYAAABPEY9aAAACKElEQVRoge2aPUtsMRCGz0W4YGNjY3ErkV1NwMrkn4oWFoJgsZ2FrpiQ4x9QsLCwsfEW4heZ+ImIWgVW3Z1zXCQzAz51Bh42O8l7klQVc0yAA2oHFBPgntoBxdZwSu2AYut0Ru2AYgLcUTugmBoOqR1QTEhP1A4oNqRjagcUE+CK2gGFvaCAKWbeJOyXGVvDLbUDCvutTkJYeKB2QBGQB9MbtQOKqdMztQOKDemF2gHF1OmV2gGFfRezbxIBaYZ5HmQvKGCKfwPrR3q9ie5eXGo9niKw6u2LGeVgq9VgisDa8XFWubiiPZw3DqYIrN3+zaJy0Ssfk/IxoYMptjrdO/6rfFzNgqgkwQnrH70LVjnYHhQcKWnr9FhYsJrbuZ5acHHzs+BQSRPgpLRgt3+zqH1c0x7OGyVtSM2d9MPM+8uOdnF3mNwXSRMglhf8P61dXFYOrholbUhHpQU7HszgMoNKUgTWf72zyYU9WG8jSPZLahf3m6aY/D/ZdprJu1t52BhLsqrKrpNtRYcWl9xx2oiOLC65dzeJosUlUxAm2lhcMk+OEm1VXDKZDxNtXVzyG+ez6LeKS34tDop+u7jkd3cWHau45AmG8rAxdjH7s6CMGFH2h1cZ9ie9GfZn5hn2tw8Z9vc4GfY3YhkxzcT+ljYjpuvZvxzIsH+DkWH/miXD/l1Qhv2FVUZMehKTR8WICpp6Ic0kaHli/s48I2kLlRFKxORRE+DgHbG9plj/Ee+oAAAAAElFTkSuQmCC")
}
.swiper-button-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABRCAYAAABPEY9aAAACH0lEQVRogdWbO0sEMRDHI4JgY2NjYSVy6i5YmXxT0cJCECyus/CBG7J+AQWLK2xszuLQUzLjExHPwgc+7nQiXGbmD1tt82NmJ/NPMmtsgEOjQTbALTcDSa6GU24GklyNbW4GkmyAG24GkmwNR9wMJNmAD9wMJLmALW4GkmyALjcDSWpAFaVeSTGpWZ5cDdfcDCSpaaGaTMkdNwNJivwo9rgZSLI1PnIzkOQCPnEzkGRrfOZmIElN1aspJkXuSYkfVQOqKPX/MM5z+3HJNJujQ+AZqGTjXFSwVW6fTw2JZ6CSjHPpoVNUcaXh48wQmfqKbJwLH7HwEYsq+rndq8Uhc/0QyTh/QL4+q2WzNZaB7Yv+bKHfILGoYLvcA2eMGcmD+KpfT5x/QPqIC1XcnN25nMjIaIwxxtV43/dFP8jSQ6f0cY3jG7UBTkiQH7BV3Jv3F43coC5ghwxZVNAtq7g8788mc4PaAJEG+Wl5aniwuUFdwGM6pI+4sA/r0832eHbQGntkyLfUH2QFTI3ke9pzAaZ/kz5i4WEjF2BadTMAJq+T2SOY0nGYIpjWuxkimOiCsgOm+8ncEUx05vkjSN/jsBRJ8m4xexX/Y9+duZPIPsEQfxYkHlB8isWf9Io/Mxd/+yD+Hkf8jZj4IhF/Syu+isVPDoifwRA/zSJ+Lkj8hJV4NyPeD4oHVJBi4UWiYJkRPmeuodXJNgvi/aCG/3FeANiGplg/8YHeAAAAAElFTkSuQmCC")
}
/*#endregion*/

/*手机端底部菜单*/
.mobile-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 48px; background: #037AA4;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: cmsfont; font-size: 14px; color: #fff;display: block; line-height: 16px;}
.mobile-nav .mobile-nav-home:before{content: "\f80a";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-pro:before{content: "\f07a";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-tel:before{content: "";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-feedback:before{content: "\f0e0";font-family: cmsfont; 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:cmsfont;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; }
}