/* style.css */

    @import url("https://fonts.googleapis.com/css?family=Overpass:400,700");



    * {

        font-family: "Microsoft JhengHei", Arial, sans-serif;

    }



    a {

        color: #f08200;

    }







    a:hover {

        color: #f08200;

        text-decoration: none;

    }









    a:focus,

    a:active {

        text-decoration: none;

        outline: 0;

    }



    .flag-country a {

        font-weight: bolder;

        border-bottom-width: 2px;

        border-bottom-style: solid;

        border-bottom-color: #f08200;

        line-height: 20px;

        position: relative;

    }



    .flag-country a.active:after {

        content: url(../images/line.png);

        position: absolute;

        left: 45%;

        bottom: -15px;



    }



    .flag-country a:active,

    .flag-country a:focus {

        color: #f08200;

    }



    .petc_falg {

        background-color: #f08200;

        width: 270px;

        padding-top: 10px;

        padding-bottom: 10px;

        padding-left: 5px;

        padding-right: 5px;

        margin-top: 20px;

        -webkit-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        -o-user-select: none;

        user-select: none;

        border-radius: 5px;

    }



    .petc_falg:hover {

        background-color: #ed9c28;

    }



    .petc_falg a {

        color: #FFF;

        border-bottom-style: none;

    }



    .petc_falg a:active {

        color: #FFF;

        border-bottom-style: none;

    }



    .petc_falg a:hover {

        color: #FFF;

        border-bottom-style: none;



    }



    .petc_falg a:focus {

        color: #FFF;

        border-bottom-style: none;

    }



    .petc_falg a.active:after {

        content: url(../images/line.png);

        position: absolute;

        left: 45%;

        top: 23px;



    }



    h1 {

        font-size: 32px;

    }



    h2 {

        font-size: 22px;

        color: #f08200;

        font-weight: bold;

    }



    h3 {

        font-size: 23px;

    }



    .margin-bottom-10 {

        margin-bottom: 10px;

    }



    .margin-bottom-20 {

        margin-bottom: 20px;

    }



    .margin-bottom-30 {

        margin-bottom: 30px;

    }



    .margin-bottom-40 {

        margin-bottom: 40px;

    }



    hr {

        border-top: 1px solid #e4e4e4;

    }



    .clear {

        clear: both;

    }



    .container {

        margin: 0 auto;

    }





    /* header */



    .header {

        background: url(../images/header-bg.jpg) left top repeat-x;

    }



    .logo {

        height: 60px;

        margin: 20px 10px;

        display: inline-block;

        float: left;

    }



    .topbar {

        z-index: 101;

        padding: 3px 0;

        position: relative;

    }



    .topbar ul.loginbar {

        margin: 0 15px;

    }



    .topbar ul.loginbar > li {

        display: inline-block;

        list-style: none;

        position: relative;

    }



    .topbar ul.loginbar > li > a {

        color: #343434;

        font-size: 11px;

    }



    .topbar ul.loginbar > li > a:hover {

        color: #f08200;

        text-decoration: none;

    }



    .topbar ul.loginbar li.topbar-devider {

        top: -1px;

        padding: 0;

        font-size: 8px;

        position: relative;

        margin: 0 9px 0 5px;

        border-right: solid 1px #bbb;

    }



    .lang {

        cursor: pointer;

    }



    .topbar ul.languages {

        top: 20px;

        left: -5px;

        display: none;

        padding: 5px 0;

        list-style: none;

        min-width: 100px;

        position: absolute;

        background: #f08200;

    }



    .topbar ul.languages li a {

        color: #fff;

        display: block;

        font-size: 10px;

        padding: 4px 12px;

        margin-bottom: 1px;

        text-transform: uppercase;

    }



    .topbar ul.languages li a:hover,

    .topbar ul.languages li.active a {

        background: #343434;

        color: #fff;

    }



    .nav-btn {

        display: none;

        margin-right: 10px;

        background: url(../images/nav-btn.jpg) left top no-repeat;

        width: 32px;

        height: 32px;

    }



    .nav-btn.close {

        background: url(../images/nav-btn-close.jpg) left top no-repeat;

    }



    .sc {

        color: #FFFFFF;

        font-size: 6px;

    }



    /* top */



    ul.navbar {

        margin: 35px 0 0 0;

        float: right;

    }



    ul.navbar > li {

        position: relative;

        float: left;

        list-style: none;

        z-index: 100;

        margin: 0 6px;

    }



    ul.navbar > li > a {

        padding: 45px 10px;

        color: #000;

        font-weight: bold;

        font-size: 16px;

        text-decoration: none;

    }



    ul.navbar > li > a:hover {

        color: #f08200;

        text-decoration: none;

    }



    li.dropdown > a:after {

        font-family: "FontAwesome";

        content: "\f107";

        position: absolute;

        top: 0;

        right: 0;

    }





    /*Search Box*/



    .input-group {

        width: 100%;

    }



    .search {

        color: #aaa;

        cursor: pointer;

        min-width: 35px;

        font-size: 15px;

        text-align: center;

        padding: 3px 0;

        display: inline-block;

    }



    .search:hover {

        color: #f08200;

    }



    .search-open {

        right: 0;

        top: 38px;

        display: none;

        padding: 5;

        position: absolute;

        width: 225px;

    }



    .search-open form {

        margin: 0;

    }



    i.search-btn.close {

        opacity: 1;

    }



    i.search-btn.close:hover {

        opacity: 0.5;

    }



    i.search-btn.close:before {

        content: "\f00d";

        color: #e67817;

    }





    /* dropdown menu*/



    li.drop-down-menu > a {

        padding-right: 60px;

    }



    li.drop-down-menu > a:after {

        font-family: "FontAwesome";

        content: "\f105";

        position: absolute;

        top: 10px;

        right: 10px;

    }



    ul.navbar li ul.layer2 {

        position: absolute;

        top: 64px;

        white-space: nowrap;

        background: #666;

        display: none;

        box-shadow: 2px 2px 5px #333;

        height: auto !important;

    }



    ul.navbar li ul.layer2 li {

        position: relative;

    }



    ul.navbar li ul.layer2.layer2 li a {

        padding: 10px 40px 10px 20px;

        display: block;

    }



    ul.navbar li ul.layer2 li:hover {

        background: #f08200;

    }



    ul.navbar li ul li a {

        text-decoration: none;

        color: #fff;

    }



    ul.navbar li ul.layer2 li ul.layer3 {

        position: absolute;

        top: 0;

        left: 100%;

        background: #666;

        display: none;

        box-shadow: 2px 2px 5px #333;

    }



    ul.navbar li ul.layer2 li ul.layer3 li {

        position: relative;

    }



    ul.navbar li ul.layer2 li ul.layer3 li:hover {

        background: #f08200;

    }



    ul.navbar li ul.layer2 li ul.layer3 li ul.layer4 {

        position: absolute;

        top: 0;

        left: 100%;

        background: #666;

        display: none;

        box-shadow: 2px 2px 5px #333;

    }



    ul.navbar li ul.layer2 li ul.layer3 li ul.layer4 li:hover {

        background: #f08200;

    }





    /* main wrapper */



    .main-wrapper-index {

        position: relative;

        margin-top: 60px;

    }



    .main-wrapper {

        position: relative;

    }





    /* index */



    .slider div ol.carousel-indicators {

        bottom: 15px;

    }



    .slider .carousel-inner {

        height: 360px;

    }



    .slider .carousel-inner .carousel-caption img {

        opacity: 0.9;

        filter: alpha(opacity=90);

    }



    .index-box div {

        padding: 0;

        margin: 0;

    }



    .index-box div h2 {

        margin: 18px 0 20px;

        color: #f08200;

    }



    .index-box-products {

        position: relative;

        background: #f7f7f7;

    }



    .index-box-products h2 {

        position: absolute;

        left: 30px;

        top: 0px;

        z-index: 2

    }



    .index-box-news {

        min-height: 218px;

        position: relative;

        background: #f08200;

        color: #fff;

        padding: 0 60px 30px 30px !important;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        cursor: pointer;

    }



    .index-box-news h2 {

        color: #fff !important;

        padding-top: 30px;

    }



    .index-box-news .arrow-btn {

        position: absolute;

        background: url(../images/arrow-btn-white.png) left top no-repeat;

        width: 46px;

        height: 46px;

        top: 50%;

        right: 20px;

        transition: all 0.2s;

        margin-top: -23px;

        z-index: 2

    }



    .index-box-news a {

        color: #fff;

    }



    .index-box-news:hover .arrow-btn {

        right: 10px;

    }



    .index-box-exhi {

        position: relative;

        background: #e0e0e0;

        padding: 0 60px 3px 30px !important;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        cursor: pointer;

        transition: all 0.2s;

    }



    .index-box-exhi .arrow-btn {

        position: absolute;

        background: url(../images/arrow-btn-orange.png) left top no-repeat;

        width: 46px;

        height: 46px;

        top: 50%;

        right: 20px;

        margin-top: -23px;

        z-index: 2;

        transition: all 0.2s;

    }



    .index-box-exhi h3 {}



    .index-box-exhi p {

        line-height: 22px;

    }



    .index-box-exhi:hover .arrow-btn {

        right: 10px;

    }



    .arrow-btn a {

        display: block;

        width: 46px;

        height: 46px;

        text-indent: -2000px;

    }



    .index-box-company {

        padding: 0 30px 30px !important;

        text-align: justify;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        cursor: pointer;

        ;

    }



    .intro-more a i span {

        font-family: Microsoft JhengHei;

    }



    .intro-more.pull-right {

        bottom: 24px;

        position: absolute;

        right: 25px;

        font-size: 13px;

    }





    /* page */



    .banner {

        width: 100%;

        height: 180px;

        background: url(../images/temp/banner-inner.jpg) left top no-repeat;

        background-size: cover;

    }



    .breadcrumb {

        margin-top: 20px;

    }



    .breadcrumbs .container {

        padding: 0;

    }



    .breadcrumb > li {

        border: 1px solid #d2d2d2;

        margin: 5px 0;

    }



    .breadcrumb > li a {

        color: #999;

        display: block;

        padding: 8px 20px;

    }



    .breadcrumb > li a:hover {

        color: #f08200;

    }



    .breadcrumb > li + li:before {

        content: none;

    }



    .breadcrumb > li:nth-child(even) {

        border: none;

        padding: 0 5px;

    }



    .breadcrumb > li:nth-child(even):before {

        font-family: "FontAwesome";

        content: "\f105";

        font-size: 20px;

    }



    .breadcrumb > li:last-child {

        border: none;

        border-bottom: 2px solid #f08200;

        padding: 8px 0;

    }





    /* comapny */



    .profile {

        width: 100%;

        padding: 140px 0;

        margin-bottom: 40px;

        background: url(../images/temp/about.jpg) center center no-repeat;

        background-size: cover;

    }



    .profile .row {

        background: rgba(255, 255, 255, .85);

        width: 50%;

    }



    .about-title {

        text-align: center;

        margin-bottom: 40px;

    }



    .about-title h3 {

        font-size: 28px;

        font-weight: bold;

        color: #f08200;

    }



    .profile-info {

        font-size: 14px;

        padding: 0 15px;

    }



    .profile-info p {

        margin-bottom: 20px;

        line-height: 23px;

    }



    .homeSlide {}



    .slogan {

        color: #fff;

        padding: 50px 0;

    }



    .slogan h2 {

        font-size: 28px;

        color: #fff;

        text-align: center;

    }



    .slogan p {

        font-size: 14px;

        text-align: left;

        padding-left: 30px;

    }



    .sloagn-row {

        margin: 0 !important;

    }



    .bcg {

        background-position: center center;

        background-repeat: no-repeat;

        background-attachment: fixed;

        background-size: cover;

        height: auto;

        width: 100%;

    }



    #slide-1 {

        height: auto !important;

        margin-top: 65px;

        margin-bottom: 35px;

    }



    #slide-1 .bcg {

        background-image: url('../images/temp/about-bg.jpg');

    }



    #slide-1 .hsContent {

        bottom: 8px;

    }



    .history {

        margin: 30px 10px 60px;

    }



    .history-item {

        margin-bottom: 10px;

    }



    .history-year {

        font-size: 16px;

        font-weight: bold;

        text-align: center;

        color: #e67817;

        display: inline-block;

        vertical-align: top;

        width: 10%;

    }



    .history-year:after {

        font-family: 'FontAwesome';

        content: '\A\f107';

        white-space: pre;

    }



    .history-text {

        width: 89%;

        padding: 0 0 0 10px;

        display: inline-block;

    }



    .main-wrapper.about .container:nth-child(5) {

        background: #f1f1f1;

        padding-top: 20px;

        padding-bottom: 20px;

    }



    .support {

        margin: 30px 0;

    }



    .support-info {

        margin: 0 7px;

        padding: 0;

    }



    .support-info div {

        padding: 0 5px;

    }



    .support-info div h4 {

        text-align: center;

        font-weight: bold;

    }



    .support-info div p {

        text-align: center;

        font-size: 14px;

    }



    .support-video {

        margin-top: 20px;

        height: 480px;

    }





    /* news */



    .news {

        padding: 0;

    }



    .news.item {

        margin-bottom: 20px;

    }



    .news-box {

        border: 1px solid #eee;

    }



    .news-box .news-date {

        font-size: 13px;

    }



    .news-box .news-date i {

        font-size: 20px;

        margin-right: 5px;

        background: #ffb400;

        color: #fff;

        padding: 10px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        transition: all 300ms ease-in-out;

    }



    .news-box .news-date.video-icon:after {

        font-family: "FontAwesome";

        content: "\f03d";

        position: absolute;

        right: 25px;

        top: 14px;

        color: #ffb400;

    }



    .news-box .news-img {

        position: relative;

    }



    .news-box .news-text {

        position: relative;

        padding: 20px;

        background: #F3f3f3;

        transition: all 300ms ease-in-out;

    }



    .news-box .news-text .news-info {

        background: #fff;

        padding: 5px 10px 35px 10px;

        margin-top: -40px;

        min-height: 200px;

    }



    .news-box .news-text .news-info h4 {

        font-size: 15px;

        font-weight: bold;

        line-height: 21px;

    }



    .news-box .news-text .news-info a {

        color: #343434;

    }



    .news-box .news-text .news-info p {

        font-size: 13px;

        max-height: 56px;

        overflow: hidden;

        margin: 0 auto;

    }



    .news-box .news-text .news-info .intro-more a {

        color: #777;

    }



    .news-box:hover .news-date i {

        background: #f08200;

        color: #fff;

    }



    .news-box:hover .news-date.video:after,

    .news-box:hover .news-info h4,

    .news-box:hover .news-info .intro-more a {

        color: #f08200;

    }



    .news-box:hover .news-text {

        background: #f08200;

    }



    .news-box:hover .news-info .intro-more {

        marign-top: 5px;

    }



    .news-detail {

        padding: 0 15px;

    }



    .news-detail h2 {

        color: #000;

        margin-bottom: 20px;

    }



    .news-detail .news-date {

        font-size: 13px;

    }



    .news-detail .news-date i {

        margin-right: 5px;

    }



    .news-detail img {

        width: 100%;

    }



    .news-detail .intro-more.pull-right {

        bottom: -5px;

    }





    /* exhibition */



    .exhi {

        padding: 0;

    }



    .exhi-box {

        position: relative;

        overflow: hidden;

        border: 1px solid #f1f1f1;

    }



    .exhi-text {

        position: absolute;

        display: inline-block;

        background: #f08200;

        width: 100%;

        left: 0;

        bottom: 0;

        height: 60px;

    }



    .exhi-date {

        float: left;

        width: 27%;

        padding: 6px 15px;

        color: #fff;

        font-size: 13px;

    }



    .exhi-info {

        float: right;

        width: 73%;

        height: 100%;

        padding: 5px 10px;

        background: #f3f3f3;

    }



    .exhi-info h5 {

        font-weight: bold;

        line-height: 21px;

    }



    .exhi-info h5:after {

        font-family: "FontAwesome";

        content: "\f0ab";

        position: absolute;

        right: 8px;

        top: 14px;

        color: #f08200;

        font-size: 18px;

        font-weight: normal;

    }



    .exhi-info h5.down:after {

        content: "\f0aa";

        color: #000;

    }



    .exhi-info p i {

        color: #f08200;

        margin-left: 5px;

        font-size: 16px;

    }





    /* product */



    .products {

        width: 100%;

        height: 100%;

        background: url(../images/temp/pro-bg.jpg) center top fixed;

        padding: 60px 0;

    }



    .products .container {

        display: block;

    }



    .products .container .products-list {

        margin-left: 0;

        margin-right: -5px;

    }



    .products .container .row div {

        padding: 0;

    }



    .products .container .pro-class {

        height: 317px;

        position: relative;

    }



    .products .container .products-list1 .pro-class {

        background: #f08200;

    }



    .products .container .products-list2 .pro-class {

        background: #AD0620;

    }



    .products .container .products-list3 .pro-class {

        background: #1FABF8;

    }



    .products .container h2 {

        position: absolute;

        font-size: 44px;

        color: #fff;

        padding: 0 18px;

        top: 50%;

        transform: translateY(-75%);

    }



    .products .container .products-list1 .pro-class h2 {

        margin-top: 45px;

        text-transform: uppercase;

    }



    .pro-series {

        position: relative;

        background: #666;

        height: 65px;

    }



    .pro-series h3 {

        color: #fff;

        padding: 15px 15px 31px 15px !important;

        margin: 0;

        font-size: 18px;

    }



    .pro-series h4 {

        position: absolute;

        left: 15px;

        top: 30px;

        font-size: 13px;

        color: #fff;

    }



    .pro-series h3 a {

        color: #fff;

    }



    .pro-series h4 a {

        color: #000;

    }



    .pro-item,

    .contact-inquiry {

        cursor: pointer;

    }



    .products-list1 .pro-item .pro-hover {

        background: rgba(240, 130, 0, 0.8);

    }



    .products-list2 .pro-item .pro-hover {

        background: rgba(189, 6, 34, 0.8);

    }



    .products-list3 .pro-item .pro-hover {

        background: rgba(9, 162, 248, 0.8);

    }



    .pro-item .pro-hover {

        position: absolute;

        left: 0;

        top: 0;

        z-in2ex: 9;

        display: none;

        filter: alpha(opacity=90);

        opacity: 0.9;

        width: 100%;

        height: 100%;

        overflow: hidden;

    }



    .pro-item .pro-hover .btn-more {

        position: absolute;

        background: url(../images/btn-more.png) left top no-repeat;

        width: 88px;

        height: 88px;

        top: 50%;

        left: 50%;

        margin-left: -40px;

        margin-top: -40px;

    }





    /* product-detail */



    .pro-detail-img {

        width: 75%;

        padding: 0;

        position: relative;

    }



    .pro-detail-img .pro-detail-name {

        position: absolute;

        left: 30px;

        top: 10px;

        z-index: 10;

        white-space: nowrap;

    }



    .pro-detail-img .pro-detail-name-bg {

        position: absolute;

        left: 10px;

        top: 10px;

        z-index: 9;

        background: rgb(255, 255, 255);

        opacity: 0.7;

        filter: alpha(opacity=70);

        width: 97%;

        height: 120px;

    }



    .pro-detail-img .pro-detail-name h2 {

        position: absolute;

        color: #000;

        padding-bottom: 5px;

        border-bottom: 2px solid #f08200;

        font-size: 28px;

        top: 40px;

    }



    .pro-detail-img .pro-detail-name h3 {

        font-weight: bold;

        font-size: 22px;

        text-transform: uppercase;

    }



    .pro-detail-img .pro-detail-name h4 {

        position: absolute;

        font-weight: bold;

        font-size: 20px;

        color: #777;

/*      left: 320px;

        top: 10px;*/

        left: 450px;

        top: 18px;

    }



    .pro-detail-btn {

        width: 25%;

        padding: 0;

        font-size: 13px;

    }



    .pro-detail-btn i {

        font-size: 20px;

        margin-bottom: 10px;

    }



    .pro-detail-img .carousel-indicators {

        left: 20px;

        margin-left: 0;

        text-align: left;

        margin-bottom: 35px;

    }



    .detail-btn {

        text-align: center;

    }



    .detail-btn p {

        margin: 0;

    }



    .detail-btn a {

        display: block;

        padding: 44px 0;

        color: #fff;

        text-decoration: none;

    }



    .detail-btn:nth-child(even) {

        background: #f08200;

    }



    .detail-btn:nth-child(odd) {

        background: #777;

    }



    .detail-btn:hover {

        opacity: 0.8;

        filter: opacity(alpha=80);

    }



    .pro-feature {

        background: #f3f3f3;

        padding: 20px;

        margin: 0px;

    }



    .pro-example {

        margin-top: 30px;

        padding-bottom: 20px;

    }



    .pro-feature-title,

    .pro-example-title,

    .pro-spec-title {

        color: #f08200;

    }



    .pro-feature-title h3,

    .pro-example-title h3,

    .pro-spec-title h3 {

        font-weight: bold;

        margin-bottom: 20px;

    }



    .pd-gallery {

        padding: 20px;

    }



    .pd-gallery h3 {

        color: #f08200;

        font-weight: bold;

        margin-bottom: 30px;

    }



    .pd-gallery li {

        width: 178px;

        margin-right: 10px;

        margin-bottom: 10px;

        float: left;

        transition: all 0.5s;

        overflow: hidden;

    }



    .pd-gallery li:hover {

        transition: all 0.5s;

        opacity: 0.8;

    }



    .pd-gallery li img {

        transition: all 0.5s;

    }



    .pd-gallery li img:hover {

        transition: all 0.5s;

        transform: scale(1.1)

    }



    .pd-gallery li:nth-child(5n) {

        margin-right: 0px;

    }





    /* product - tab */



    .pro-spec {

        margin-top: 30px;

    }



    .pro-spec .col-md-12 {

        padding: 0;

    }



    .new-tab {

        width: 100%;

        margin-top: 30px;

    }



    .tanshing_tab {

        width: 100%;

        margin: 0;

    }



    ul.tabs {

        width: 100%;

        display: inline-block;

    }



    ul.tabs li {

        float: left;

        width: calc(100% / 5 - 2px);

        line-height: 38px;

        position: relative;

        margin-bottom: 2px;

        margin-right: 2px;

        background: #ccc;

        -webkit-border-top-right-radius: 5px;

        -moz-border-top-right-radius: 5px;

        border-top-right-radius: 5px;

        -webkit-border-top-left-radius: 5px;

        -moz-border-top-left-radius: 5px;

        border-top-left-radius: 5px;

    }



    ul.tabs li:hover {

        background: #f08200;

    }



    ul.tabs li a {

        position: relative;

        display: block;

        color: #fff;

        font-size: 16px;

        text-decoration: none;

        text-align: center;

        padding: 8px 0;

        line-height: 22px;

    }



    ul.tabs li span {

        position: absolute;

        width: 100%;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        -webkit-transform: translate(-50%, -50%);

        -o-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

    }



    ul.tabs li.active a {

        color: #fff;

        background: #f08200;

        -webkit-border-top-right-radius: 5px;

        -moz-border-top-right-radius: 5px;

        border-top-right-radius: 5px;

        -webkit-border-top-left-radius: 5px;

        -moz-border-top-left-radius: 5px;

        border-top-left-radius: 5px;

    }



    .tab_container {

        width: 100%;

    }



    .tab_content {}



    .pro-spec-text {

        width: 100%;

        padding: 10px 0 20px;

        -webkit-overflow-scrolling: touch;

        position: relative;

        max-width: 1000px;

        font-size: 13px;

        overflow-y: auto;

    }



    .table-scroll {

        position: absolute;

        left: 50%;

        top: 30px;



        width: 360px;

        height: 150px;

        margin-left: -180px;

        z-index: 99;

    }



    .table-scroll-g {

        display: none;

    }



    .table-spec {

        margin-bottom: 10px;

    }



    .table-spec tr {

        border-bottom: 1px dashed #777;

    }



    .table-spec tr td,

    .table-spec tr th {

        padding: 5px;

    }



    .table-spec tr th:first-child {

        background: #f2f2f2;

        color: #000;

        padding: 10px;

    }



    .table-spec tr:first-child th {

        background: #777;

        color: #fff;

        font-weight: normal;

        padding: 10px;

    }



    .table-spec tr:first-child th:not(:first-child) {

        padding: 10px 5px;

    }



    .table-spec tr:first-child {

        border: none;

    }



    .table-spec tr th {

        background: #f1f1f1;

        padding: 10px;

    }



    .table-item {

        padding: 10px !important;

    }



    .tb-line {

        border-bottom: 1px dashed #777 !important;

    }



    .detail-btn.disable {

        cursor: not-allowed;

    }



    .detail-btn.disable:hover {

        opacity: 1;

        filter: alpha(opacity=100);

    }



    a.disable {

        pointer-events: none;

    }





    /* video */



    .video {

        margin: 10px;

    }



    .video-list {

        margin: 10px 25px;

    }



    .video-list div {

        padding: 0;

    }



    .video-screen iframe {

        height: 520px;

    }



    .video-screen label h2 {

        font-size: 18px;

    }



    .video-screen-pro label h2 {

        color: #ad0620;

    }



    .video-gallery {

        position: relative;

        height: 229px;

        background: #f08200;

    }



    .video-gallery-pro {

        background: #AD0620;

    }



    .video-gallery p {

        position: absolute;

        color: #fff;

        padding-bottom: 5px;

        border-bottom: 1px solid #fff;

        font-size: 28px;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

    }



    .video-item {

        position: relative;

        overflow: hidden;

        cursor: pointer;

    }



    .video-hover {

        position: absolute;

        left: 0;

        bottom: -60px;

        width: 100%;

        z-index: 9;

    }



    .video-bg {

        position: absolute;

        left: 0;

        bottom: 0;

        background: rgb(0, 0, 0);

        opacity: 0.7;

        filter: alpha(opacity=70);

        width: 100%;

        height: 60px;

    }



    .video-title {

        position: absolute;

        left: 0;

        bottom: 20px;

        color: #fff;

        z-index: 9;

        height: 40px;

        width: 100%;

    }



    .video-title a {

        display: block;

        padding: 10px 10px 20px 10px;

        line-height: 21px;

    }



    .video-play {

        background: url('../images/video-play.png') center center no-repeat;

        width: 100px;

        height: 100px;

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        opacity: 0.3;

        filter: alpha(opacity=30);

        ;

        -webkit-transition: opacity 0.3s ease-in-out;

        -moz-transition: opacity 0.3s ease-in-out;

        -ms-transition: opacity 0.3s ease-in-out;

        -o-transition: opacity 0.3s ease-in-out;

        transition: opacity 0.3s ease-in-out;

    }



    .video-item:hover .video-play {

        display: block;

        zoom: 1;

        filter: alpha(opacity=100);

        opacity: 1;

    }





    /* contact */



    .contact {

        margin: 0px;

    }



    .contact .col-md-4 {

        padding: 0

    }



    .contact-title {

        position: relative;

        height: 238px;

        background: #343434;

    }



    .contact-title p {

        position: absolute;

        color: #fff;

        padding-bottom: 5px;

        border-bottom: 1px solid #fff;

        font-size: 28px;

        top: 50%;

        left: 50%;

        transform: translateX(-50%);

        margin-top: -17px;

    }



    .contact .col-md-4.contact-info {

        padding: 50px 30px;

        height: 238px;

        background: #343434;

        color: #fff;

    }



    .contact-info-icon {

        width: 20px;

        float: left;

        font-size: 13px;

    }



    .contact-info-t {

        width: 90%;

        float: left;

        font-size: 13px;

    }



    .contact-info-icon i.fa-envelope-o {

        color: #f08200;

    }



    .contact-info-t a:hover {

        text-decoration: underline;

    }



    .space {

        height: 10px;

        content: "";

        clear: both;

    }



    .contact-inquiry {

        position: relative;

        height: 234px;

        background: #f08200;

    }



    .contact-inquiry p {

        position: absolute;

        font-size: 28px;

        color: #fff;

        top: 50%;

        left: 50%;

        margin-left: -115px;

        transform: translateY(-50%);

    }



    .contact-inquiry .arrow-btn {

        position: absolute;

        background: url(../images/arrow-btn-white.png) left top no-repeat;

        width: 46px;

        height: 46px;

        top: 50%;

        right: 40px;

        margin-top: -23px;

        z-index: 2

    }





    /* inquiry */



    .inquiry {

        width: 100%;

        height: 100%;

        margin-bottom: 0;

        overflow: hidden;

    }



    .inquiry .container {

        width: 100%;

        max-width: 750px;

        margin: 30px auto;

        color: #fff;

        padding: 0;

    }



    .inquiry p {

        font-size: 14px;

        line-height: 20px;

        padding: 0 10px;

        color: #333;

    }



    .SJ_feild {

        font-weight: normal !important;

    }



    .SJ_feild .SJ_label {

        display: none;

    }



    .SJ_feild .SJ_text,

    .SJ_select.SJ_feild_5_0,

    .SJ_textarea {

        border-radius: 3px;

        font-size: 15px !important;

        padding-left: 10px !important;

    }



    .SJ_textarea.SJ_textarea.SJ_feild_14_0 {

        height: 100px;

        padding-top: 10px;

    }





    /* agent */



    .agent-map {

        position: relative;

        width: 100%;

        height: 100%;

        background: url(../images/temp/agent-bg.jpg) center top no-repeat;

        background-size: cover;

        margin-bottom: 0;

        overflow: hidden;

    }



    .agent-map .container {

        position: relative;

        text-align: center;

        padding: 60px 0 120px;

    }



    .text {

        position: absolute;

        color: #fff;

        bottom: 0;

        width: 100%;

    }



    .text p {

        position: absolute;

        left: 0;

        bottom: 0;

        z-index: 10;

        text-align: left;

        line-height: 22px;

        padding: 10px 118px;

    }



    .text-bg {

        background: rgb(0, 0, 0);

        opacity: 0.7;

        filter: alpha(opacity=70);

        height: 90px;

        left: 0;

        bottom: 0;

        z-index: 9;

    }



    .c-agent {

        padding: 0;

    }



    .agent {

        display: table;

        width: 100%;

    }



    .agent-item {

        display: table-row;

    }



    .agent-item .agent-country {

        display: table-cell;

        width: 30%;

        vertical-align: middle;

        color: #fff;

        text-align: center;

        padding: 10px 0;

        font-size: 22px;

    }



    .agent-item .agent-flag {

        display: table-cell;

        width: 70%;

    }



    .agent-item:nth-child(odd) .agent-country {

        background: #f08200;

    }



    .agent-item:nth-child(even) .agent-country {

        background: #777;

    }



    .agent-item:nth-child(odd) .agent-flag {

        background: #e0e0e0;

    }



    .agent-item:nth-child(even) .agent-flag {

        background: #f3f3f3;

    }



    .agent-item .agent-flag {

        padding: 30px 20px;

        font-size: 14px;

    }



    .agent-item .agent-flag ul {

        width: 100%;

    }



    .agent-item .agent-flag ul li {

        height: 21px;

        margin: 10px 0;

        display: inline-block;

        width: calc((100% - 14px) / 5);

    }



    .agent-item .agent-flag ul li div {

        float: left;

    }



    .agent-item .agent-flag ul li .flag {

        margin-right: 18px;

        width: 30px;

    }



    .agent-item .agent-flag ul li .flag-country {

        width: calc(100% - 48px);

        line-height: 17px;

        font-size: 14px;

    }



    .agent-corp {

        clear: both;

        font-size: 15px;

        display: inline-block;

        background: #777;

        box-shadow: 2px 2px 5px #ccc;

        padding: 15px;

        color: #fff;

        display: none

    }



    .agent-corp .col-md-12 {

        float: inherit

    }



    .agent-corp .agent-corp-info {

        padding-bottom: 20px;

        margin-bottom: 20px;

        border-bottom: 1px solid #bbb;

    }





    /*.agent-corp .agent-corp-info:nth-child(even){border-left:1px solid #ccc;}*/



    .agent-corp .agent-corp-info:last-child {

        margin-bottom: 0;

        border-bottom: none;

    }



    .agent-corp .agent-corp-info img {

        margin: 10px 0;

    }





    /* footer */



    footer {

        line-height: 21px;

        text-align: center;

        font-size: 13px;

        padding-top: 60px;

    }



    .footer-top {

        padding: 14px 0 7px 0;

        border-top: 1px solid #ddd;

        border-bottom: 1px solid #ddd;

    }



    .footer-top .container .row {

        margin-left: 0;

        margin-right: 0;

    }



    .footer-top.fixed {

        bottom: 0;

        z-index: 100;

        width: 100%;

        background: rgba(255, 255, 255, 0.9)

    }



    .logo-footer {

        text-align: center;

    }



    .logo-footer a img {

        width: 128px;

    }



    .footer div button {

        margin-top: 5px;

        background: #f08200;

    }



    .footer i {

        color: #f08200;

    }



    .footer-bottom {

        background: #f1f1f1;

        padding-bottom: 5px;

    }



    .footer-bottom .container {

        padding: 0;

    }



    .footer-bottom ul {

        width: 850px;

        margin: 40px auto 90px;

        font-size: 15px;

        font-weight: bold;

    }



    .footer-bottom ul li {

        float: left;

        position: relative;

    }



    .footer-bottom ul li a {

        padding: 5px 25px 5px 20px;

        color: #000;

        display: block;

    }



    .footer-bottom ul li:hover a {

        color: #f08200;

    }



    .footer-bottom ul li a:before {

        font-family: "FontAwesome";

        content: "\f138";

        position: absolute;

        left: 0;

        top: 4px;

        color: #f08200;

    }



    .footer-bottom p {

        clear: both;

        padding: 0 15px;

    }



    .footer-bottom p.copyright {

        font-size: 12px;

    }



    .footer-bottom p a:hover {

        text-decoration: underline;

    }



    .line {

        width: 80px;

        height: 1px;

        display: block;

        content: "";

        background: #ccc;

        margin: 10px auto;

    }



    .gotop {

        position: fixed;

        right: 10px;

        bottom: -48px;

        width: 48px;

        height: 48px;

        cursor: pointer;

        z-index: 999;

    }



    .gotop .btn {

        position: absolute;

        top: 50%;

        left: -80px;

        transform: translateY(-50%);

        display: none;

    }





    /* sitemap */



    .sitemap {

        margin: 30px 15px;

    }



    .sitemap > div {

        margin: 10px 6px;

        border: 1px solid #ddd;

        width: 32%;

        float: left;

        min-height: 120px;

        padding: 8px 0;

    }



    .sitemap > div > a {

        padding: 10px 20px;

        display: block;

    }



    .sitemap > div:hover {

        border: 1px solid #f08200;

    }



    .sitemap > div:hover > a {

        font-weight: bold;

    }



    .sub {

        padding-left: 20px;

    }



    .sub a {

        width: 100%;

        display: block;

        padding: 5px 20px;

        color: #343434;

        font-size: 13px;

        position: relative;

    }



    .sub a:hover {

        color: #f08200;

    }



    .sub a:before {

        font-family: "FontAwesome";

        content: "\f105";

        position: absolute;

        top: 5px;

        left: 6px;

    }



    .sub2 a {

        padding-left: 38px;

    }



    .sub2 a:before {

        left: 22px;

    }



    .sub3 a {

        padding-left: 52px;

    }



    .sub3 a:before {

        left: 38px;

    }





    /* search */



    .products.search-result {

        background: none;

        padding: 20px 0 0 0;

    }



    .products.search-result .container .row div {

        padding: 1px;

    }



    .products.search-result .pro-series {

        min-height: 100px;

    }



    .products.search-result .pro-series p {

        color: #fff;

        padding: 0 10px;

    }



    .products.search-result .pro-series p:first-child {

        font-size: 16px;

        margin-top: 5px;

    }



    .products.search-result .pro-series p:nth-child(3) {

        font-size: 13px;

    }



    .carousel-inner {

        background: #e4e4e4

    }



    .carousel-inner .title-name {

        font-size: 18px;

        font-weight: bold;

        position: absolute;

        top: 60px;

        left: 30px;

        color: #666;

        border-bottom: 2px solid #f08200

    }





    /*index_dlc*/



    .dlc_box {

        min-height: 200px;

        color: #fff;

        background: url(../images/dlc_bg.jpg) left top;

        margin-top: 30px;



    }



    .dlc_box .col-md-offset-7 {

        margin-left: 58.333333333333336%;

    }



    .dlc_date {

        padding: 0 60px 30px 30px !important;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        cursor: pointer;

    }



    .dlc_date h2 {

        color: #fff !important;

        padding-top: 15px;

    }



    .dlc_date a {

        color: #fff;

        padding: 2px 10px;

        border: solid 1px #fff;

    }



    .dlc_date p {

        margin-bottom: 15px;

    }



    @media screen and (max-width: 1024px) {

        .dlc_date h2 {

            text-shadow: 2px 2px 2px #000000;

        }

        .dlc_date p {

            text-shadow: 2px 2px 2px #000000;

        }



    }



    @media screen and (max-width: 768px) {

        .seo{

            color: #fff;

            padding: 0 18px;

        }

        .dlc_box {

            /*    background: none;*/

            background-color: #f08200;

            margin-top: 0px;



        }

        .dlc_date a {

            font-size: 18px;

        }

        .dlc_box .col-md-offset-7 {

            margin-left: 0px;

        }

    }



    @media screen and (min-width: 1200px) {

        .products .container .row .pro-class {

            height: 325px;

        }

        .seo{

        margin-top: 45px;

        text-transform: uppercase;

        position: absolute;

        font-size: 44px;

        color: #fff;

        padding: 0 18px;

        top: 50%;

        transform: translateY(-75%);

    }

    }



    @media screen and (max-width: 1200px) {

        .search-open {

            width: 300px;

        }

        .index-box-news {

            min-height: 207px;

        }

        .index-box-news,

        .index-box-exhi {

            padding: 0 60px 0 30px !important;

        }

        .detail-btn a {

            padding: 42px 0;

        }



        /* company */

        .profile .container .row {

            margin-left: 0;

            margin-right: 0;

        }

        .slogan p {

            padding-left: 15px;

        }

        /* video */

        .video-company {

            height: 222px;

        }

        .contact-inquiry {

            height: 227px;

        }

    }



    @media screen and (max-width: 1024px) {

        .search {

            display: none;

        }

        .header .navbar .search-open {

            top: 5px;

            padding: 0;

            left: 20px;

            width: 93%;

            display: block;

        }

        .nav .container {

            position: relative;

        }

        .nav-btn {

            display: block;

            position: absolute;

            right: 10px;

            top: 27px;

            cursor: pointer;

            text-align: right;

            opacity: 1;

        }

        .nav-btn:hover {

            opacity: 1;

        }

        ul.navbar {

            display: none;

            position: absolute;

            left: 0;

            top: 100px;

            margin: 0;

            z-index: 1001;

            background: #fff;

            width: 100%

        }

        ul.navbar li {

            float: none;

            margin: 0;

        }

        ul.navbar > li:last-child {

            height: 45px;

            border-bottom: 1px solid #ccc;

        }

        ul.navbar li a {

            display: block;

            color: #343434;

            padding: 10px 22px;

            font-size: 14px;

            font-weight: normal;

            border-bottom: 1px solid #ccc;

        }

        ul.navbar li:hover {}

        ul.navbar li:hover a {

            color: #f08200;

            border-bottom: 1px solid #f08200;

        }

        ul.navbar li ul.dropdown-menu,

        ul.navbar li ul.dropdown-menu li ul.dropdown-menu {

            position: static;

            top: 100%;

        }

        li.dropdown > a:after {

            position: absolute;

            top: 10px;

            right: 10px;

        }

        li.drop-down-menu > a:after {

            content: "\f107";

        }

        ul.navbar li ul.layer2 li {

            padding: 0 10px 0 25px;

        }

        ul.navbar li ul.layer2 li ul.layer3 li {

            padding: 0 0 0 25px;

        }

        ul.navbar li ul.layer2,

        ul.navbar li ul.layer2 li ul.layer3,

        ul.navbar li ul.layer2 li ul.layer3 li ul.layer4 {

            position: initial;

            background: none;

            box-shadow: none;

        }

        ul.navbar li ul.layer2 li:hover,

        ul.navbar li ul.layer2 li ul.layer3 li:hover,

        ul.navbar li ul.layer2 li ul.layer3 li ul.layer4 li:hover {

            background: none;

        }

        ul.navbar li ul.layer2.layer2 li a {

            color: #343434;

            border-bottom: 1px dashed #ccc;

        }

        ul.navbar li ul.layer2 li ul.layer3 li a {

            color: #343434;

            font-size: 13px;

        }

        ul.navbar li ul.layer2 li ul.layer3 li ul.layer4 li a {

            color: #343434;

        }

        ul.navbar li ul.layer2.layer2 > li:hover > a,

        ul.navbar li ul.layer2 li ul.layer3 li:hover a,

        ul.navbar li ul.layer2 li ul.layer3 li ul.layer4 li:hover a {

            color: #f08200;

            border-bottom: 1px dashed #f08200;

        }

        .index-box-news {

            min-height: 206px;

        }

        .index-box-news,

        .index-box-exhi {

            padding: 1px 30px !important;

        }

        .index-box-news .arrow-btn,

        .index-box-exhi .arrow-btn {

            right: 50px;

        }

        /* comapny */

        .slogan h2 {

            text-align: left;

        }

        .slogan p {

            padding-left: 0;

        }

        .support-video {

            height: 480px;

        }

        /* exhi */

        .exhi-date {

            padding: 15px 10px;

        }

        /* product */

        .products .container .row .pro-class {

            height: 317px;

            text-transform: uppercase;

        }

        .pro-detail .pro-detail-img {

            width: 100%;

        }

        .pro-detail .pro-detail-btn {

            width: 100%;

            display: inline-block;

            margin-top: -20px;

        }

        .pro-detail .pro-detail-btn .detail-btn {

            float: left;

            width: 25%;

        }

        ul.tabs li {

            width: 49%;

            margin-bottom: 1px;

            border-radius: 5px;

        }

        ul.tabs li.active a {

            border-radius: 5px;

        }

        .pro-spec .col-md-12 {

            padding: 0 15px;

        }

        /* news */

        .news-box .news-text .news-info {

            min-height: 1px;

            height: auto;

        }

        /* video */

        .video-company {

            height: 251px;

        }

        /* contact */

        .contact-title,

        .contact-inquiry {

            height: 120px;

        }

        .contact .col-md-4.contact-info {

            padding: 0 100px;

            height: 180px;

        }

        /*.contact-map iframe{height: 300px;}*/

        /* agent */

        .text p {

            padding: 2px 55px;

        }

        .agent-corp {

            width: 100%;

        }

        .agent-corp .agent-corp-info:nth-child(even) {

            border-left: none;

        }

        /*.agent-corp .agent-corp-info{border-top:1px solid #ccc; margin-bottom: 20px;}*/

        /* sitemap */

        .sitemap > div {

            width: 48%;

        }

        .pd-gallery .col-md-12 {

            padding: 0;

        }

        .pd-gallery .mb-scroll {

            overflow: auto

        }

        .pd-gallery {

            position: relative;

        }

        .pd-gallery .table-scroll-g {

            width: 173px;

            height: 34px;

            background: url(../images/scroll-small.png);

            left: 58%;

            top: 90px;

            position: absolute;

            margin-left: -173px;

        }

        .pd-gallery ul {}

        .pd-gallery li {

            width: 120px;

        }

        .pd-gallery li:nth-child(5n) {

            margin-right: 10px;

        }

    }



    @media screen and (max-width:1200px) {

        .profile {

            padding: 100px 0;

        }

        .profile .row {

            width: 100%;

        }

        .video-gallery {

            height: 222px

        }

    }



    @media screen and (max-width:1000px) {

        .pro-spec-text {

            width: 100%;

            overflow: auto;

        }

        .table-spec {

            min-width: 750px;

        }

    }



    @media screen and (max-width: 992px) {

        .container {

            width: 100%;

        }

        .video-screen iframe {

            height: 380px;

        }

        .video-gallery {

            height: 251px

        }

        .row.pro-example {

            margin: 0;

            padding: 0 15px;

        }

        .row.pro-example div {

            padding: 0;

        }

        .pro-feature {

            margin: 30px 0 10px 0;

        }

        .support-info {

            padding: 0;

            margin: 0;

            clear: both;

        }

        .support-info div {

            padding: 0;

            margin-bottom: 40px;

        }

        .products .container .row .pro-class {

            height: 329px;

        }

    }



    @media screen and (min-width: 768px) and (max-width: 991px) {

        .agent-item .agent-flag ul li {

            width: calc((100% - 11px) / 4);

        }

    }



    @media screen and (max-width: 767px) {

        .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: 0 5px;

        }

        .container {

            padding: 0;

        }

        .row {

            margin: 0;

        }

        .row.pro-feature {

            margin-top: 0px;

        }

        .row.pro-feature div {

            padding: 0;

        }

        .search-open {

            display: block;

        }

        .main-wrapper-index {

            margin-top: 0;

        }

        .index-box div h2 {

            margin: 20px 0 30px;

            color: #f08200;

        }

        .index-box-news {

            color: #fff;

            padding: 10px 15px 30px !important;

            -webkit-box-sizing: border-box;

            -moz-box-sizing: border-box;

            box-sizing: border-box;

        }

        .index-box-exhi {

            background: #e0e0e0;

            padding: 10px 15px 30px !important;

            -webkit-box-sizing: border-box;

            -moz-box-sizing: border-box;

            box-sizing: border-box;

        }

        .main-wrapper.products {

            background: none;

            max-height: 100%;

        }

        .products .container {

            max-height: 100%;

        }

        .products .container .row {

            margin-right: 0;

        }

        .exhi-text {

            position: relative;

            height: auto;

        }

        .exhi-date,

        .exhi-info {

            float: none;

            width: 100%;

        }

        .index-box-news .arrow-btn,

        .index-box-exhi .arrow-btn {

            right: 10px;

        }

        /* company */

        .slogan h2 {

            font-size: 21px;

            text-align: center;

        }

        .slogan p {

            display: none;

        }

        .profile {

            padding: 10px;

        }

        /* product */

        .products {

            background: none;

            padding: 0;

        }

        .products .container .products-list .pro-class {

            height: 80px;

        }

        .products .container .products-list .pro-class h2 {

            font-size: 32px;

            position: absolute;

            top: 50%;

            margin-top: -12px;

        }

        .pro-series h3 {

            padding: 15px 15px 37px 15px !important;

        }

        .pro-series h4 {

            font-size: 17px;

            top: 30px;

        }

        /* product-detail */

        .pro-detail .pro-detail-btn .detail-btn {

            width: 50%;

        }

        .pro-detail .pro-detail-btn .detail-btn a {

            padding: 20px 0;

        }

        .pro-detail .pro-detail-btn .detail-btn:nth-child(3) {

            background: #f08200;

        }

        .pro-detail .pro-detail-btn .detail-btn:nth-child(4) {

            background: #777;

        }

        .pro-detail-img .pro-detail-name-bg {

            height: 150px;

        }

        .pro-detail-img .pro-detail-name h4 {

            left: 0;

            top: 100px;

        }

        /* video */

        .video-item {

            margin-bottom: 5px;

        }

        .video-list {

            margin: 0 15px;

        }

        .video-company {

            height: 100px;

        }

        .video-screen {

            display: none;

        }

        .video-play {

            opacity: 1;

            filter: alpha(opacity=100);

        }

        /* contact */

        .contact .col-md-4.contact-info {

            padding: 0 40px;

            height: 180px

        }

        /* agent */

        .text p {

            padding: 0 20px;

            font-size: 13px;

        }

        .text-bg {

            display: none;

        }

        .agent-map .container img {

            width: 95%;

        }

        .agent-item .agent-country,

        .agent-item .agent-flag {

            display: block;

            width: 100%;

        }

        .agent-item .agent-flag ul {

            display: inline-block;

        }

        /* search */

        .products.search-result .pro-series {

            min-height: auto;

        }

        .products.search-result {

            padding: 20px;

        }

        /* sitemap */

        .sitemap > div {

            width: 100%;

        }

        /* footer */

        .footer-bottom ul {

            width: 100%;

            text-align: left;

            margin: 0 auto 20px;

        }

        .footer-bottom ul li {

            float: none;

            border-bottom: 1px solid #ccc;

            font-weight: normal;

            padding: 2px 0;

        }

        .footer-bottom ul li:hover {

            border-bottom: 1px solid #f08200;

        }

        .footer-bottom ul li a:before {

            content: "";

        }

        .footer-bottom ul li a:after {

            font-family: "FontAwesome";

            content: "\f105";

            position: absolute;

            top: 5px;

            right: 10px;

        }

        .footer .col-sm-4 {

            margin-bottom: 10px;

        }

        .video-hover {

            bottom: 0;

        }

        .exhi-date {

            padding: 8px 10px;

        }

        .exhi-box {

            overflow: inherit;

        }

        /* breadcrumb */

        .breadcrumbs {

            border-bottom: 1px solid #f1f1f1;

        }

        .main-wrapper {

            padding-top: 30px;

        }

        /* sitemap */

        .sitemap > div {

            min-height: 1px;

        }

        .pd-gallery .table-scroll-g {

            position: absolute;

            left: 75%;

        }

    }



    @media screen and (max-width: 720px) {

        .breadcrumb > li a {

            padding: 8px;

        }

        .breadcrumb > li:nth-child(even) {

            padding: 0;

        }

        /* agent */

        .agent-item .agent-flag ul li {

            width: calc((100% - 11px) / 4);

        }

        .agent-item .agent-flag ul li .flag {

            margin-right: 10px;

        }

        /* sitemap */

    }



    @media screen and (max-width: 640px) {

        ul.tabs li a {

            padding: 8px 0;

        }

        .topbar {

            top: 10px;

            font-weight: bold;

        }

        p,

        ul.navbar li a,

        .breadcrumb > li a,

        .breadcrumb > li,

        .table-history {

            font-size: 14px

        }

        .index-box-news p,

        .index-box-exhi p {

            font-size: 16px;

            line-height: 30px

        }



        .footer-bottom p {

            font-size: 15px

        }

        /* agent */

        .agent-item .agent-flag ul li {

            width: calc((100% - 7px) / 3);

        }

    }



    @media screen and (max-width: 480px) {

        /* product */

        .products .container .products-list .pro-class h2 {

            font-size: 30px;

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

        }

        /* product-detail */

        .pro-detail {

            margin-top: 20px;

        }

        .pro-detail-img {

            margin-top: 100px;

        }

        .pro-detail-img .pro-detail-name {

            top: -120px;

            left: 15px;

        }

        .pro-detail-img .pro-detail-name-bg {

            width: 100%;

            height: 120px;

            top: -120px;

            left: 0;

            background: #343434;

        }

       .pro-detail-img .pro-detail-name h1 {

             font-size: 28px;

        }



        .pro-detail-img .pro-detail-name h2 {

            font-size: 22px;

            top: 30px;

            color: #fff;

        }

        .pro-detail-img .pro-detail-name h3 {

            font-size: 18px;

            color: #ccc

        }

        .pro-detail-img .pro-detail-name h4 {

            font-size: 16px;

            top: 45px;

            color: #ddd;

            left: 250px;

        }

        ul.tabs li a {

            padding: 8px 10px;

        }

        /* company */

        .history-item {

            margin-bottom: 40px;

        }

        .history-year,

        .history-text {

            display: block;

            width: 100%;

            text-align: center;

        }

        /* agent */

        .agent-map .container img {

            margin: -20px 0 20px 0;

        }

        .agent-item .agent-flag ul li {

            width: calc((100% - 4px) / 2);

        }

        .agent-corp {

            padding: 5px;

        }

        /* footer */

        .contact .col-md-4.contact-info {

            padding: 0 24px;

        }

        .breadcrumb > li {

            border: none;

            margin: 0;

        }

        .breadcrumb > li a {

            padding: 0;

        }

        /* search */

        .products.search-result {

            padding: 20px 15px;

        }

    }



    @media screen and (max-width: 414px) {

        /* product */

        .products .container .products-list .pro-class h2 {

            font-size: 26px;

        }

    }



    @media screen and (max-width: 320px) {

        /* agent */

        .agent-item .agent-flag ul li {

            width: 100%;

            margin: 5px 0;

        }

    }





.wrapper {

    z-index: 4999;

    position: relative;

}

.wrapper.sjchannel {

    top: 0;

    width: 100%;

    position: absolute;

    left: 0;

    

}

.wrapper.sjchannel.fix {

    position: fixed;

}



.jpc_ai {

  display: none!important;

  position: fixed;

  right: 10px;

  bottom: 20px;

  font-family: 'Overpass', sans-serif!important;

  font-weight: 400;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  transform: translateZ(0);

  margin-bottom: 0;

  opacity: 1;

  z-index: 4999;

}

.jpc_ai.load {

  opacity: 0;

  bottom: -375px;

}

.jpc_ai.fix {

  margin-bottom: 60px;

}

@media screen and (max-width: 767px) {

  .jpc_ai {

    right: 20px;

    bottom: 15px;

  }

  .jpc_ai.load {

    bottom: -280px;

  }

  .jpc_ai.fix {

    margin-bottom: 65px;

  }

}

@media screen and (max-width: 320px) {

  .jpc_ai {

    right: 15px;

  }

}

.jpc_ai .close_icon {

  display: block;

  width: 25px;

  height: 25px;

  position: absolute;

  cursor: pointer;

  background: #f1f0f0;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  z-index: 9;

  opacity: 1 !important;

}

.jpc_ai .close_icon:before, .jpc_ai .close_icon:after {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  content: '';

  display: block;

  background: #000;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.jpc_ai .close_icon:before {

  width: 10px;

  height: 2px;

}

.jpc_ai .close_icon:after {

  width: 2px;

  height: 10px;

}

@media screen and (min-width: 768px) {

  .jpc_ai .jpc_mob {

    display: none;

  }

}

.jpc_ai .jpc_mob .jpc_link {

  width: 100px;

  height: 100px;

  background: #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  -webkit-box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.1);

  display: block;

  padding: 15px;

  margin-bottom: 12px;

  margin-right: 0;

  margin-left: auto;

  opacity: 1 !important;

}

.jpc_ai .jpc_mob .jpc_text {

  position: relative;

  background: #fff;

  width: 274px;

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  border-radius: 15px;

  -webkit-box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.1);

  padding: 10px 15px;

}

.jpc_ai .jpc_mob .jpc_text p {

  font-size: 15px;

  line-height: 25px;

  font-weight: bold;

  color: #333;

  margin: 0;

  font-family: 'Overpass', sans-serif!important;  

}

.jpc_ai .jpc_mob .jpc_text p.jpc_mob_out {

  font-weight: 400;

}

.jpc_ai .jpc_mob .jpc_text .close_icon {

  right: -12px;

  top: -12px;

  background: #00a4f1;

}

.jpc_ai .jpc_mob .jpc_text .close_icon:before {

  background: #fff;

}

.jpc_ai .jpc_mob .jpc_text .close_icon:after {

  background: #fff;

}

.jpc_ai .jpc_mob .jpc_text .close_icon.active:before {

  transform: rotate(45deg);

  transform-origin: center;

  margin-top: -1px;

  margin-left: -5px;

}

.jpc_ai .jpc_mob .jpc_text .close_icon.active:after {

  transform: rotate(45deg);

  transform-origin: center;

  margin-left: -1px;

  margin-top: -5px;

}

.jpc_ai .jpc_pc {

  background: #fff;

  width: 370px;

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  border-radius: 15px;

  -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);

  padding: 10px 15px;

}

@media screen and (max-width: 767px) {

  .jpc_ai .jpc_pc {

    display: none;

  }

}

.jpc_ai .jpc_pc .jpc_in {

  padding: 0 5px;

}

.jpc_ai .jpc_pc .jpc_in .jpc_top {

  position: relative;

  font-size: 0;

}

.jpc_ai .jpc_pc .jpc_in .jpc_top .close_icon {

  top: 0;

  right: -13px;

}

.jpc_ai .jpc_pc .jpc_in .jpc_top .close_icon:before {

  transform: rotate(45deg);

  transform-origin: center;

  margin-top: -1px;

  margin-left: -5px;

}

.jpc_ai .jpc_pc .jpc_in .jpc_top .close_icon:after {

  transform: rotate(45deg);

  transform-origin: center;

  margin-left: -1px;

  margin-top: -5px;

}

.jpc_ai .jpc_pc .jpc_in .jpc_top img {

  width: 57px;

  display: inline-block;

  vertical-align: middle;

}

.jpc_ai .jpc_pc .jpc_in .jpc_top p {

  color: #666666;

  font-size: 15px;

  line-height: 25px;

  display: inline-block;

  vertical-align: middle;

  margin: 0;  

  font-family: 'Overpass', sans-serif!important;   

}

.jpc_ai .jpc_pc .jpc_in .jpc_text {

  position: relative;

  font-size: 0;

  padding-top: 15px;

  padding-bottom: 15px;

  border-top: solid 1px #f1f0f0;

  border-bottom: solid 1px #f1f0f0;

  margin-top: 9px;

  margin-bottom: 9px;

}

.jpc_ai .jpc_pc .jpc_in .jpc_text img {

  width: 45px;

  display: inline-block;

  vertical-align: top;

  margin-right: 15px;

}

.jpc_ai .jpc_pc .jpc_in .jpc_text p {

  width: calc(100% - 60px);

  padding: 8px 15px;

  color: #000;

  font-size: 15px;

  line-height: 25px;

  display: inline-block;

  vertical-align: top;

  background: #f1f0f0;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  font-family: 'Overpass', sans-serif!important;  

}

.jpc_ai .jpc_pc .jpc_in .jpc_link {

  color: #fff;

  background: #00a4f1;

  font-size: 15px;

  line-height: 25px;

  display: inline-block;

  margin-left: 60px;

  padding: 4px 24px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  border-radius: 16px;

}

.jpc_ai .jpc_pc .jpc_out {

  display: none;

  font-size: 0;

  position: relative;

  padding: 5px 0;

}

.jpc_ai .jpc_pc .jpc_out img {

  width: 45px;

  display: inline-block;

  vertical-align: middle;

  margin-right: 15px;

}

.jpc_ai .jpc_pc .jpc_out .out_img {

  display: inline-block;

  vertical-align: middle;

}

.jpc_ai .jpc_pc .jpc_out .out_img img {

  width: 57px;

}

.jpc_ai .jpc_pc .jpc_out .out_img p {

  margin-top: 3px;

  display: block;

  font-size: 15px;

  line-height: 25px;

  color: #666666;

  font-family: 'Overpass', sans-serif!important;    

}

.jpc_ai .jpc_pc .jpc_out .open_icon {

  cursor: pointer;

  position: absolute;

  width: 40px;

  height: 40px;

  background: #00a4f1;

  top: 50%;

  transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

  right: -2px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  background: url(../images/jpc_icon.png) no-repeat center center #00a4f1;

  background-size: 21px;

}

/* catalog */
.catalog_area{
    margin-bottom: 50px;
  }
  .cata_item{
    margin-bottom: 50px;
  }
  .cata_title{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 24px;
    height: 48px;
    margin-bottom: 0px;
  }
  .cata_btnblock{
    margin-top: 15px;
  }
  .cata_btn{
    width: 100%;
    display: inline-block;
  }
@media(max-width: 991px){
    .cata_title{
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      overflow : hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 20px;
      height: 40px;
      margin-bottom: 0px;
    }
  }
  @media(max-width: 450px){
    .cata_item{
      margin-bottom: 30px;
    }
    .cata_title{
      text-align: center;
      font-size: 14px;
      font-weight: 600;
      overflow : hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 18px;
      height: 36px;
      margin-bottom: 0px;
    }
  }