html,
body {
    padding: 0;
    height: 100%;
    color: #333;
    font-family: Arial,helvetica neue,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
}
article {
    display: block;
}
ul{
    padding: 0;
    margin: 0 0 20px!important;
    list-style: none;
}
p {
    margin-bottom: 1rem;
}
a{
    color: #333;
}
a:hover {
    color: #ef7c2e;
    text-decoration: none;
}
a:focus {
    outline: none;
    outline-offset: 0;
}
a.button {
    padding: 8px 20px;
    font-size: .8rem;
    font-weight: 600;
    border-radius: 30px;
}
a.button.orange:hover {
    background: #fdf0e7;
    color: #333;
}
a.button.blue:hover {
     background: #e8f2fb;
     color: #333;
 }
a.button.orange {
    color: #fff;
    background: #ef7c2e;
    border: #ef7c2e 1px solid;
}
a.button.blue {
    color: #fff;
    background: #0c5aa9;
    border: #0c5aa9 1px solid;
}


button{
    outline: none!important;
}
input:focus{
    border-color: #0c5aa9;
    outline: none;
}
h1,h2,h3,h4,b,strong,label {
    font-weight: 600;
}
h1,h2,h3,h4 {
    font-family: "Lato", Arial, Helvetica, sans-serif;
}

.txt_orange {
    color: #ef7c2e;
}

.content {
    margin: 0 auto 30px;
    padding: 0;
    min-height: 560px;
}
.sub_content {
    margin-top: 110px;
}
.sub_content table {
    font-size: 1rem;
}
.updating {
    text-align: center;
    margin-top: 100px;
}

.container {
    position: relative;
}
/* Navigation */
.navbar{
    font-size: 1.4rem;
    border-radius: 0;
    margin-bottom: 0;
    border: none;
    /*padding: 0 15px;*/
}
.navbar-inverse{
    background: none;
    border: none;
}
.bg_w {
    background: #fff;
}
.navbar-brand{
    width: 225px;
    display: block;
    float: none;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse.bg_w .navbar-nav > li > a {
    color: #333;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ef7c2e;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ef7c2e;
    background-color: #fff;
}
.navbar-inverse .navbar-nav > .partner.active > a {
    background: #ef7c2e;
    border-radius: 30px;
}
.navbar-inverse .navbar-nav > .partner.active a {
    color: #fff;
}
.navbar-inverse .navbar-toggle{
    border: none;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background: none;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #444;
}
.navbar-nav {
    padding: 15px 0;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus{
    color: #ef7c2e;
    background-color: unset;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}
.navbar-toggle{
    margin-top: 15px;
    margin-right: -10px;
}
.navbar-inverse .navbar-collapse {
    border: none;
}

.navbar-inverse .navbar-nav > li.partner {
    margin-left: 30px;
    margin-top: 10px;
    background: #ef7c2e;
    border-radius: 30px;
}
.navbar-inverse .navbar-nav > li.partner a {
    color: #fff;
    padding: 5px 15px;
}
.navbar-inverse .navbar-nav > li.tel a {
    margin-left: 40px;
    padding-left: 20px;
    font-size: 1rem;
    background: url("/image/icon_tel.png") 0 50% no-repeat;
    background-size: 16px;
    /*background-size: 50% 50%;*/
    /*color: #fff;*/
    /*padding: 5px 15px;*/
}
.navbar-inverse .navbar-nav > li.tel a:hover {
    cursor: text;
    color: #fff;
}
/*.open .dropdown-menu{*/
    /*-webkit-transition: all .3s ease;*/
    /*transition: all .3s ease;*/
    /*-webkit-transform: translateY(40px);*/
    /*-ms-transform: translateY(40px);*/
    /*transform: translateY(40px);*/
/*}*/
.dropdown-menu {
    font-size: 16px;
}
.dropdown-menu li a{
    padding: 10px 30px;
}
.nav > li > a {
    text-transform: uppercase;
}

/*banner*/
.banner{
    position:relative;
    width:100%;
    height: 100vh;
    overflow: hidden;
    text-align:center;
    margin-bottom: 20px;
}
.banner img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.banner .wrap {
    position: absolute;
    width: 50%;
    color: #ffffff;
    top: 20%;
    right: 5%;
    text-align: left;
}
.banner .wrap .title {
    font-size: 3rem;
    font-weight: 600;
    text-transform: uppercase;
}

.banner:after{

}
.banner .swiper-slide{
    position: relative;
    width:100%;
    float:left;
    height:100%;
}
.banner .swiper-slide .visual {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
}
.banner .swiper-slide img {
    position: relative;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    left: 50%;
    top: auto;
    /*width: 100%;*/
    height: 100%;
}
.banner .swiper-slide .inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.banner .swiper2-btn{
    position:relative;}
.banner .swiper2-btn .ie7{
    position:absolute;
    top:2px;
    right:8px;
    transform:scale(0.8);
    color:#ef7c2e;
    font-size:12px;
    font-weight:bold;
    font-family: "Times New Roman", Times, serif;}
.banner .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
    z-index:999;
}
.banner .swiper-pagination-bullet {
    display: inline-block;
    width: 6px;
    height: 6px;
    opacity:1;
    border-radius: 10px;
    background: white;
    margin: 0 3px;
    cursor: pointer;
    transition: width 0.3s ease-in-out;

}
.banner .swiper-pagination-bullet-active{
    background: #ef7c2e;
    width:12px;
}
.banner #mainTheme{

    letter-spacing: 5px;
    margin-top: 100px;
    margin-bottom:20px;
    color:#fff;
    text-align:center;
    position:relative;
    display:inline-block;
    font-size: 4.2rem;
    font-weight: 600;
    text-transform: uppercase;
    /*font: italic bold 120px/100% Arial;*/
}
.banner .inner p {
    color: #fff;
    font-weight: 500;
    text-align: center;
    letter-spacing: 2px;
    margin: 0 25% 80px;
}
.banner #mainTheme h1 span{
    color:#ff7200;
}
.banner .blue #mainTheme,
.banner .blue p{
    color: #0c5aa9;
}
.banner .subbtn{
    text-align:center;
}
.banner .button{
    font-size:16px;
    color:#fff;
    margin:0 7px;
    padding:10px 25px;
    border-radius:20px;
    text-decoration:none;
    border:1px solid #fff;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.banner .button:hover{
    color:#065fe3;
    background-color:#fff;}
.banner .mainbtn{
    text-align:center;
    margin-top:50px;
}
.banner .mainbtn a{
    font-size: .9rem;
    text-transform: uppercase;
    color:#fff;
    margin:20px auto;
    padding:10px 25px;
    background: #ef7c2e;
    border-radius:20px;
    text-decoration:none;
    letter-spacing: 2px;
}
/* Section Content */
.section-content.no-bottom-pad{
    padding-bottom: 0;
}
.section-content {
    margin-bottom: 30px;
}
.section-content .cols2 h1 {
    margin-top: 100px;
}
.section-content h1{
    font-size: 3rem;
}
.section-content h2 {
    clear: both;
    font-size: 2rem;
    color: #ef7c2e;
}
.section-content h3 {
    clear: both;
    font-size: 1.4rem;
    color: #0c5aa9;
    margin: 20px 0;
}
.section-content h4 {
    clear: both;
    font-size: 1.2rem;
    color: #ef7c2e;
    margin: 20px 0;
}
.section-content a {
    color: #0c5aa9;
}
.brief_header {
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-flex-flow: column nowrap;*/
    /*-ms-flex-flow: column nowrap;*/
    /*flex-flow: column nowrap;*/
    /*margin: 0 auto 2em;*/
    /*-webkit-box-pack: justify;*/
    /*-webkit-justify-content: space-between;*/
    /*-ms-flex-pack: justify;*/
    /*justify-content: space-between;*/
}
.brief_header .images {
    text-align: center;
}
.brief_header .image {
    width: 40%;
    margin-left: 30px;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.brief_header .image img {
    width: 100%;
}
.brief_header .text {
    width: 60%;
}
.applications ul li{
    float: left;
    width: 20%;
    /*width: 175px;*/
    /*margin: 0 15px;*/
    text-align: center;
}
.brochures ul li div,
.applications ul li div{
    margin: 0 15px;
}
.applications ul > li:first-child{
    margin-left: 0;
}
.applications ul > li:last-child{
    margin-right: 0;
}
.applications ul li img{
    max-width: 100%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.site-index .section {
    position: relative;
    /*margin: 20px auto;*/
    /*padding-bottom: 20px;*/
    /*text-align: center;*/
}

.section h2 {
    margin: 50px 0 20px;
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
}

.cols2 {
    display: flex;
    flex-direction: row;
}
/*.cols2 .col {*/
/*    flex: 1 1 50%;*/
/*}*/
.cols2 .col {
    flex: 1 0 49%;
    margin-left: 2%;
}
.cols2 .col:first-child {
    margin-left: 0;
}

.cols2 .col:nth-child(odd) p {
    margin-right: 10px;
}
.cols2 .col:nth-child(even) p {
    margin-left: 10px;
}
/*.cols2 .col_l, .cols2 .col_r {*/
/*    flex: 1 1 50%;*/
/*}*/
/*.cols2 .col_r .brief {*/
/*    padding-left: 20px;*/
/*}*/
.cols2 ul {
    margin-bottom: 10px;
}

/* 3 columns */
.cols3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
}
.cols3 .col {
    flex: 1 0 32%;
    margin-left: 2%;
    margin-bottom: 20px;
}
.cols3 .col:nth-child(3n+1) {
    margin-left: 0;
}
.cols3 .col .title {
    font-weight: 600;
}

/* 4 columns */
.cols4 {
    display: flex;
    flex-direction: row;
}
.cols4 .col {
    flex: 1 0 24%;
    margin-left: 1.33%;
    margin-bottom: 20px;
}
.cols4 .col:first-child {
    margin-left: 0;
}
.cols4 .col .title {
    padding-top: 20px;
    font-weight: 600;
}
.cols4 .col .info {
    font-size: 1rem;
    color: #666;
}
.why .col {
    flex:1 0 22%;
    margin-left: 4%;
    text-align: center;
}

/* Service */
.service .wrap {
    min-height: 635px;
    color: #fff;
    background: url("/image/service_bg.jpg") 50% 50% no-repeat;
    background-size: cover;
}
.service .container {
    padding: 60px 0;
}
.service .container .col:first-child {
    padding-top: 100px;
}
.service .container ul {
    margin: 20px 0 20px 12px;
}
.service .container .col:first-child ul li {
    list-style-type: disc;
}
.service .container .col:last-child ul {
    padding-left: 50px;
    display: flex;
    flex-wrap: wrap;
}
.service .container .col:last-child ul li {
    flex: 1 0 49%;
    margin-left: 1%;
    /*width: 49%;*/
    /*float: left;*/
    /*margin-left: 1%;*/
    margin-bottom: 1%;
    background: #fff;
    border-radius: 3px;
    color: #333;
    font-size: 1rem;
    text-align: center;
    list-style-type: none;
    /*aspect-ratio: 5 / 3;*/
}
.service .container .col:last-child ul li:nth-child(odd) {
    margin-left: 0;
}
.service .container .col:last-child ul li div {
    padding: 20px 10px;
}
.service .container .col:last-child ul li div span {
    color: #ef7c2e;
}
.service .container .col:last-child div.title {
    font-weight: 600;
    font-size: 1.4rem;
    padding: 5px 0;
}

/* Technology */
.tech {
    text-align: center;
}
.tech ul {
    display: flex;
    flex-wrap: wrap;
}
.tech ul li {
    flex: 1 1 50%;
    margin-bottom: 10px;
}

.tech ul li div {
    height:100%;
    background-color: #eee;border-radius: 5px;

}
.tech ul li div {
    padding: 30px;
}
.tech ul li:nth-child(odd) div {
    margin-right: 5px;
}
.tech ul li:nth-child(even) div {
    margin-left: 5px;
}
.tech ul li p.title {
    font-size: 1rem;
    color: #ef7c2e;
    font-weight: 600;
}
.tech ul li p {
    font-size: 1rem;
}
/*.section ul li:before {*/
/*    content:"·";*/
/*    color:#C8C8C8;*/
/*    font-size:30px;*/
/*}*/

.product_list li {
    width: 28%;
    float: left;
    margin-left: 8%;
}
.product_list li:first-child {
    margin-left: 0;
}
.product_list li img {
    width: 100%;
}
.product_list li p {
    font-weight: 600;
}
.product_list li div {
    color: #666;
}

.about{
    color: #fff;
    background-color: #0c5aa9;
}
.about article {
    padding: 0 15px 3rem;
}
.about article img {
    position: absolute;
    /*z-index: -1;*/
    bottom: 0;
    right: 23%;
    max-height: 100%;
}
.about article .cols{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.about .col-left{
    width: 42%;
    line-height: 3rem;
}
.about .col-right{
    max-width: 300px;
}
.about .col-right ul li {
    padding-top: 45px;
    margin-bottom: 30px;
    text-align: center;
    background-size: 36px 36px;
    background-position-x: 50%;
    background-repeat: no-repeat;
}
.about .col-right .pure {
    background-image: url("/image/diamond.png");
}
.about .col-right .property {
    background-image: url("/image/chem.png");
}
.about .col-right .perform {
    background-image: url("/image/perfect.png");
}
.customer{
    color: #fff;
    background-color: #424b55;
    padding: 20px 0;
}
.customer h3 {
    font-size: 16px;
    font-weight: normal;
    padding: 0 15px;
}
.customer ul {
    margin: 45px 15px;
}
.customer ul:after {
    clear:both;
    content:'.';
    display:block;
    width: 0;
    height: 0;
    visibility:hidden;
}
.customer ul li {
    float: left;
    width: 16.66%;
    margin: 0;
}
.customer ul li img{max-width: 100%;}
.customer ul li:first-child{
    margin-left: 0;
}
.customer ul li:last-child{
    margin-right: 0;
}
.news h2{padding: 0;}
.news ul li { margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news span{color: #888; margin-right: 20px;}
.media-heading {
    font-weight: normal;
    font-size: 1.2rem;
    color: #888;
}
.breadcrumbs{
    color: #0c5aa9;
    /*background-color: #f1f1f1;*/
    font-size: 1rem;
}
.breadcrumbs .breadcrumb{
    padding: 10px 0;
    margin-bottom: 0;
    background-color: inherit;
    border-radius: inherit;
}
.breadcrumbs a{
    color: #666;
}
.breadcrumb > .active{
    font-weight: 600;
    color: #0c5aa9;
}
.table_wrap {
    overflow-x: auto;
}
ul.img_list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
ul.img_list li {
    /*float: left;*/
    text-align: center;
}
ul.img_list li div {
    padding: 1px;
}
ul.img_list li div img {
    width: 100%;
}
ul.img_list li p {
    padding: 10px 0;
    font-size: .9rem;
    /*background: #d1dee9;*/
}
ul.col2 li {
    width: 50%;
}
ul.col3 li {
    width: 33.3%;
}
ul.col4 li {
    width: 25%;
}
ul.img_list:after {
    clear:both;
    content:'.';
    display:block;
    width: 0;
    height: 0;
    visibility:hidden;
}

.image_list {
    text-align: center;
}
.image_list > img:nth-child(3n+2) {
    margin-left: 2px;
    margin-right: 2px;
}
.image_list > img {
    margin-bottom: 2px;
}

.quote-form {
    width: 60%;
    margin: 0 auto;
}
.quote_wrap {
    padding: 50px;
    color: #fff;
    background: #0c5aa9;
}
.quote_wrap .title {
    font-size: 2rem;
    font-weight: 600;
}
.quote_wrap p {
    padding: 20px 10%;
}
/* button */
.btns {
    clear: both;
    margin: 50px 0;
    text-align: center;
}
.btns > a {
    display: inline-block;
    width: 300px;
    margin: 0 20px;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.3rem;
    color: #fff;
    background: #0c5aa9;
    border-radius: 30px;
}
.btns > a.btn-inquiry {
    background: #ef7c2e;
}

.btn-primary {
    padding: 0 50px;
    font-size: 16px;
    height: 60px;
    background: #ef7c2e;
    border: none;
    border-radius: 30px;
}
.btn-primary:hover {
    background: #ef7c2e;
}

/* table */
.tbl_strip {
    /*border: #0c5aa9 1px solid;*/
    font-size: 1rem;
    margin-bottom: 2rem;
    /*background: #adc3d7;*/
    border-collapse: collapse;
}
.tbl_strip th,td{
    padding: 10px 15px;
}
.tbl_strip.centered th,
.tbl_strip.centered td,
.tbl_strip .centered th,
.tbl_strip .centered td,
.tbl_strip th.centered,
.tbl_strip td.centered
{
    text-align: center;
}
.tbl_strip th{
    color: #fff;
    background-color: #0c5aa9;
    /*border: 1px solid #0c5aa9;*/
    font-weight: 600;
    /*border: 1px solid #0c5aa9;*/
}

.tbl_strip td{
    background-color: #fff;
    /*border: 1px solid #d1dee9*/
    /*border-bottom: 1px solid #d1dee9;*/
}
.tbl_strip .border th,
.tbl_strip .border td {
    /*border-right: 1px solid #adc3d7*/
}
.tbl_strip th.b_r {
    border-right: 1px solid #2366a1;
}
.tbl_strip td.b_r{
    /*border-right: 1px solid #adc3d7;*/
}
.tbl_strip th.b_b {
    border-bottom: 1px solid #2366a1;
}
.tbl_strip td.b_b{
    /*border-bottom: 1px solid #adc3d7;*/
}
.tbl_strip th.n_b,
.tbl_strip td.n_b {
    border-right: none;
}
.tbl_strip tr:nth-child(even) td{
    background-color: #e8f2fb;
    /*background-color: #d1dee9;*/
}
.tbl_strip .two-cols >tbody > tr > td:first-child {
    font-weight: 600;
}
.tbl_strip .two-cols >tbody > tr:nth-child(odd) td {
    background: #d1dee9;
}
.tbl_strip td ul li {
    list-style-type: disc;
    margin-left: 12px;
}

.success-page{
    min-height: 280px;
}
.form-control{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.footer {
    background: #e8f2fb;
    padding: 40px 0 0;
    color: #666;
    font-size: 1rem;
}
.footer a{
    color: #666;
}
.footer a:hover {
    color: #ef7c2e;
}
.footer .container:after {
    clear:both;
    content:'.';
    display:block;
    width: 0;
    height: 0;
    visibility:hidden;
}
.footer .container {
    padding-bottom: 30px;
}

.company img {
    border-radius: 5px;
}
.company ul li {
    list-style-type: disc;
    color: #ef7c2e;
    margin-left: 25px;
}
.company ul li b {
    color: #333;
}

.solutions .col {
    border-radius: 5px;
}
.solutions .col:first-child {
    margin-left: 0;
}
.solutions .col:nth-child(odd) {
    background: #fdf0e7;
}
.solutions .col:nth-child(even) {
    background: #e8f2fb;
}
.solutions .col .title {
    padding: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px 5px 0 0;
}
.solutions .col:nth-child(odd) .title {
    background: #ef7c2e;
}
.solutions .col:nth-child(even) .title {
    background: #0c5aa9;
}
.solutions .col ul {
    margin: 0 10px;
    padding: 10px 20px;
    font-size: 1rem;
}
.solutions ul li {
    list-style-type: disc;
}
.solutions ul.resolve {
    height: 120px;
}
.solutions ul.resolve li {
    color: #0c5aa9;
}
.solutions .handle {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    padding: 30px 50px;
}
/*.solutions .col ul li:before {*/
/*    content:"•";*/
/*    !*color:#ef7c2e;*!*/
/*    margin-right: 10px;*/
/*}*/
.solutions .pro {
    bottom: 20px;
    padding: 10px 20px;
    border-top: #fff 1px dashed;
}
.solutions .pro a {
    display: inline-block;
    width: 50%;
    text-align: center;
}
.solutions .pro img {
    width: 100%;
    max-width: 124px;
}
.partners .container {
    overflow: hidden;
}

.partners img {
    margin: 0 20px;
    display: inline-block;
}

.picMarquee-left{ width:100%;  overflow:hidden; position:relative;  }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:150px; height:73px; display:block; padding:2px; }

.knowledge .title {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}
.knowledge .cols2 .col:first-child .title {
    color: #ef7c2e;
}
.knowledge .cols2 .col:last-child .title {
    color: #0c5aa9;
}
.knowledge .wrap .img {
    float: left;
    width:40%;
    padding-right: 20px;
    border-radius: 5px;
}
.knowledge .wrap .img img {
    width: 100%;
    border-radius: 5px;
}
.knowledge .wrap .info {
    float: left;
    width: 60%;
    font-size: 1rem;
}
.knowledge .wrap .info .sub_title {
    font-weight: 600;
    margin-bottom: 10px;
}

.cols2l, .cols2r {
    display: flex;
    margin-bottom: 30px;
}
.cols2l {
    flex-direction: row;
}
.cols2r {
    flex-direction: row-reverse;
}
/*.cols2r .col {*/
/*    flex: 1 0 20%;*/
/*}*/
.cols2l .col:first-child , .cols2r .col:first-child {
    flex: 1 1 20%;
}
.cols2l .col:last-child, .cols2r .col:last-child {
    margin-top: 50px;
    flex: 1 1 80%;
    vertical-align: center;
}
.cols2l .col:last-child{
    padding-left: 10%;
}
.cols2r .col:last-child{
    padding-right: 10%;
}
.cols2l .col img, .cols2r .col img {
    width: 100%;
    border-radius: 5px;
}


.copyright {
    padding: 15px 0;
    background: #0c5aa9;
    text-align: center;
    color: #fff;
    font-size:1rem
}
.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}


/* Contact */
.cols:after {
    clear:both;
    content:'.';
    display:block;
    width: 0;
    height: 0;
    visibility:hidden;
}
.worldmap {
    background: #d1dee9;
    padding: 50px 0;
    text-align: center;
}
.worldmap img {
    width: 70%;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    padding-left: 0;
    padding-right: 0;
}
.interval_l {
    padding-left: 30px;
}
.list {
    margin-bottom: 20px;
}
.list li {
    list-style-type: disc;
    list-style-position: inside;
}

.main_pic {
    background: url("/image/pro_main_bg.jpg") 50% 50% no-repeat;
    background-size: cover;
    text-align: center;
    border-radius: 5px;
    vertical-align: bottom;
    margin-bottom: 20px;
}
.main_pic img {
    width: 100%;
}

/*
 * Component: Timeline
 * -------------------
 */
.timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}
.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #d1dee9;
    left: 31px;
    margin: 0;
    border-radius: 2px;
}
.timeline > li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-item {
    /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
    /*border-radius: 3px;*/
    margin-top: 0;
    /*background: #fff;*/
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative;
}
/*.timeline > li > .timeline-item > .time {*/
/*    color: #999;*/
/*    float: right;*/
/*    padding: 10px;*/
/*    font-size: 12px;*/
/*}*/
.timeline > li > .timeline-item > .timeline-header {
    margin: 0;
    color: #555;
    /*border-bottom: 1px solid #f4f4f4;*/
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.1;
}
.timeline > li > .timeline-item > .timeline-header > a {
    font-weight: 600;
}
.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
    /*padding: 10px;*/
}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
    width: 12px;
    height: 12px;
    /*font-size: 15px;*/
    /*line-height: 16px;*/
    position: absolute;
    color: #666;
    background: #adc3d7;
    border-radius: 50%;
    text-align: center;
    left: 27px;
    top: 12px;
    /*background-image: url("/image/dot.png");*/
}
.timeline > li.active > .fa{
    background: #eb5f1a;
}
.timeline > li.active > .fa,
.timeline > li.active > .timeline-item > .timeline-header {
    color: #eb5f1a!important;
}
/*.timeline > .time-label > span {*/
/*    font-weight: 600;*/
/*    padding: 5px;*/
/*    display: inline-block;*/
/*    background-color: #fff;*/
/*    border-radius: 4px;*/
/*}*/
.timeline-inverse > li > .timeline-item {
    background: #f0f0f0;
    /*border: 1px solid #ddd;*/
    -webkit-box-shadow: none;
    box-shadow: none;
}
.timeline-inverse > li > .timeline-item > .timeline-header {
    /*border-bottom-color: #ddd;*/
}

ul.dotted li::before {
    content: " • ";
    /*list-style-type: disc;*/
    /*margin-left: 15px;*/
}
ul.dotted.orange li::before {
    color: #eb5f1a
}
ul.dotted ul li:before {
    content: "";
}
ul.dashed li::before {
    content: "- "!important;
    color: #333!important;
}

@media screen and (max-width: 991px) {
    .top {
        display: none;
    }
    .navbar-brand {
        width: 150px;
        padding: 15px 0 15px 15px;
    }
    .navbar .container {
        padding: 0;
    }
    .navbar-nav {
        padding-top: 10px;
    }
    .navbar-collapse.collapse{
        display: none!important;
    }
    .navbar-collapse.collapse.in{
        display: block!important;
        background: #fff;
        height: 100vh;
        width: 100vw;
    }
    .navbar-inverse .navbar-nav > li.partner {
        margin: 0 15px;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #333;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: inherit;
    }
    .navbar-toggle {
        display: inherit;
        z-index: 9999;
        margin-right: 10px;
    }
    .brief_header .image, .brief_header .text {
        width: 100%;
    }
    .brief_header .image {
        margin-left: 0;
    }
    .navbar{
        font-size: 1.2rem;
    }
    /*.nav > li > a{*/
    /*padding: 10px 0px;*/
    /*}*/

    .banner .wrap {
        width: 80%;
        right: 10%;
        /*font-size: .8rem;*/
    }
    /*.banner .wrap .title {*/
    /*    font-size: 1rem;*/
    /*}*/
    .section-content .cols2 h1 {
        margin-top: 0;
    }
    .sub_content {
        margin-top: 80px;
    }
    .cols2 {
        flex-direction: column;
    }
    .cols2 .col {
        margin-left: 0;
    }
    .cols2 .col:nth-child(odd) p {
        margin-right: 0;
    }
    .cols2 .col:nth-child(even) p {
        margin-left: 0;
    }
    .cols4 {
        flex-direction: column;
    }
    .cols4 .col {
        flex: 1 1 100%;
        margin-left: 0;
    }
    .solutions ul.resolve {
        height: auto;
    }
    .service .wrap {
        padding: 0 15px;
    }
    .service .container .col:first-child {
        padding-top: 0;
    }
    .service .container .col:last-child ul {
        padding-left: 0;
    }
    .service .container .col:last-child ul {
        margin: 20px 0;
    }

    .applications ul li {
        width: 50%;
    }

    .company ul li {
        margin-left: 15px;
    }


    .about article .cols{
        display: block;
    }
    .about .col-left{
        width: 100%;
    }
    .about .col-right{
        margin-top: 3.5rem;
        /*max-width: 320px;*/
    }
    .about article img {
        right: 10%;
        max-height: 380px;
    }
    .interval_l {
        padding-left: 0!important;
    }


    .cols2l, .cols2r {
        flex-direction: column;
    }
    .cols2l .col:last-child, .cols2r .col:last-child {
        margin-top: 10px;
    }
    .cols2l .col:last-child{
        padding-left: 0;
    }
    .cols2r .col:last-child{
        padding-right: 0;
    }

    .quote_wrap {
        padding: 30px;
    }
    /*.quote_wrap .title {*/
    /*    font-size: 1.2rem;*/
    /*    font-weight: 600;*/
    /*}*/
    .quote-form {
        width: 100%;
    }
    .quote_wrap p {
        font-size: 1rem;
    }
}
@media screen and (max-width: 767px){
    .header .container .pull-right{
        position: absolute;
        top: 30px;
        right: 30px;
    }
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a
    {
        color: #444;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover
    {
        color: #ef7c2e;
    }
    .banner #mainTheme {
        font-size: 2.8rem!important;
    }
    .about .col-right{
        max-width: 100%;
    }
    .about article img {
        display: none;
    }
    .applications ul li p {
        height: 32px;
    }
    .customer ul{
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .section-content{
        padding: 1rem 0;
    }
    /*.solutions ul{display: flex;flex-wrap: wrap}*/

    ul.col2 li {width: 100%;}
    ul.col3 li,
    ul.col4 li {width: 50%;}
    table th,td{
        padding-left: 5px!important;
        padding-right: 5px!important;
    }
    .btns {
        margin: 0;
    }
    .btns > a {
        width: 100%;
        margin: 10px 0;
    }
    .image_list > img:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0;
    }
    .image_list > img {
        margin-bottom: 0;
    }
    .tbl_strip {
        font-size: .8rem!important;
    }
    .tech ul li {
        flex: 1 1 100%;
    }
    .tech ul li:nth-child(odd) div {
        margin-right: 0;
    }
    .tech ul li:nth-child(even) div {
        margin-left: 0;
    }
}
@media screen and (min-width: 768px){
    .navbar-header {
        float: none;
    }
    .navbar-collapse.collapse{display: none;}
    .navbar-right {
        float: right !important;
        /*margin-left: 50px;*/
    }
}
@media screen and (min-width: 992px){
    .navbar-header {
        float: left;
    }
    .navbar{
        font-size: .8rem;
        font-weight: 600;
    }
    .nav li:hover .dropdown-menu {
        display: block;
    }
    .brief_header {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (min-width: 1200px) {
    .navbar{
        font-size: 1.1rem;
        font-weight: 400;
    }
    .nav > li > a{
        padding: 15px 16px;
        letter-spacing: 2px;
    }
    .container {
        width: 1200px;
        padding: 0;
    }
}
@media screen and (min-width: 1920px) {
    .banner .swiper-slide img {
        width: 100%;
    }
}