/* Contact Mainer Star */
#contact-mainer { padding: 25px 0;}
    .contact-mainer { }
    .contact-mainer .lefts { float: none; width: 100%; text-align: left;}
    .contact-mainer .lefts .titles { font-size: 20px; font-weight: 700; color: #0e6eb8; margin-bottom: 20px;}

    .contact-mainer .rights { display:none; float: right; width: 40%;}
    .contact-mainer .rights dl { float: left; width: 50%; text-align: center; }
    .contact-mainer .rights dl img { max-width: 100%;}

    .contact-message { margin: 25px 0; text-align: left;  }
    .contact-message .form-group { margin-bottom: 10px;}
    .contact-message label { white-space : nowrap; line-height: 34px;}
    .contact-message h1 { font-size: 20px; font-weight: 700; color: #000; margin-bottom: 20px;}
    .contact-message h2 { font-size: 14px;}

    .contact-message form { margin: 25px 0;}

    .contact-maps { margin: 25px 0 0 0; text-align: left;  }
    .contact-maps h1 { font-size: 20px; font-weight: 700; color: #000; margin-bottom: 20px;}
    .contact-maps .maps { height: 320px; -moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc); border: solid 1px #ddd;}

	.contact-maps .maps img{display:inline !important;max-width:inherit !important;}

/* Contact Mainer End */


/* About Mainer Star */
#about-mainer { padding: 25px 0;}
    .about-mainer { text-align: left; margin: 20px 0 0 0;}
    .about-mainer .tabs { padding-bottom: 20px;}
    .about-mainer .tabs a { color: #FFF; background-color: #000; padding: 5px 30px; font-size: 17px; float: left; margin-right: 15px;}
    .about-mainer .tabs a.active,.about-mainer .tabs a:hover { background-color: #0e6eb8;}

    .about-mainer .contents { padding: 5px 0;}
    .about-mainer .contents .titles { font-size: 24px; color: #000; margin-bottom: 20px; font-weight: 700; text-align: center;}
    .about-mainer .contents .intros .company-lists li { float: left; width: 33.333333%;}

    .about-mainer .list-contents { margin: 5px 0 0 0;}
    .about-mainer .list-contents ul li { margin-right: 1%; margin-bottom: 15px; float: left; width: 24.250000%; background-color: #f5f3f4; padding: 10px;}
    .about-mainer .list-contents ul li img { max-width: 100%;}
    .about-mainer .list-contents ul li:nth-child(4n) { margin-right: 0px;}

    .about-mainer .list-contents ul li .names { font-size: 16px; margin: 10px 0;}
    .about-mainer .list-contents ul li .industrys { font-size: 16px;}
    .about-mainer .list-contents ul li .mores { color: #0e6eb8; margin: 50px 0 20px 0;}

    .about-mainer .list-contents ul li:hover { background-color: #0e6eb8;}
    .about-mainer .list-contents ul li:hover .names,.about-mainer .list-contents ul li:hover .industrys,.about-mainer .list-contents ul li:hover .mores { color: #FFF;}
/* About Mainer End */

/* Service Mainer Star */
#service-mainer { padding: 25px 0;}
    .service-mainer { text-align: left;}
    .service-mainer .service-item { margin-bottom: 30px;}
    .service-mainer .service-item .titles { font-size: 20px; color: #000; font-weight: 700; margin-bottom: 10px;}
/* Service Mainer End */



/* News Mainer Star */
#news-mainer { padding: 25px 0 0 0;}
    .news-mainer { }
    .news-mainer ul li { text-align: left; height: 32px; line-height:32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

    .news-mainer .titles { text-align: left; font-size: 18px; font-weight: 700; color: #000; margin-bottom: 10px;}
/* News Mainer End */



/* Detail Mainer Star */
#detail-mainer { padding: 25px 0; text-align: left;}
    .detail-mainer .detail-titles { color: #000; font-weight: 700; text-align: center; font-size: 18px; margin: 20px 0 10px 0;}
    .detail-mainer .detail-contents { margin: 0 0 30px 0;}
    .detail-mainer .detail-contents img { max-width: 100%;}

    .detail-mainer .detail-pages { padding-bottom: 5px; padding-top: 5px; }
    .detail-mainer .detail-pages .lefts { text-align: right;}
    .detail-mainer .detail-pages .rights { text-align: left;}
/* Detail Mainer End */


/* Case Mainer Star */
#case-mainer { padding: 25px 0; }
    .case-mainer { text-align: left;}

    .case-mainer .industry-tabs { }
    .case-mainer .industry-tabs a { text-align: center; color: #FFF; margin-bottom: 20px; background-color: #000; width: 13.428571%; font-size: 17px; padding: 8px 0; float: left; margin-right: 1%;}
    .case-mainer .industry-tabs a:nth-child(7n) { margin-right: 0px;}
    .case-mainer .industry-tabs a.active,.case-mainer .industry-tabs a:hover { background-color: #0e6eb8;}

    .case-mainer .category-titles { font-size: 18px; font-weight: 700; margin-bottom: 10px;}
    .category-tabs { padding-bottom: 0px; }
    .category-tabs a { text-align: center; color: #FFF; margin-bottom: 20px; background-color: #000; width: 13.428571%; font-size: 17px; padding: 8px 0; float: left; margin-right: 1%;}
    .category-tabs a:nth-child(7n) { margin-right: 0px;}
    .category-tabs a.active,.category-tabs a:hover { background-color: #0e6eb8;}

    .case-mainer .list-contents { margin: 5px 0 0 0;}
    .case-mainer .list-contents ul li { margin-right: 1%; margin-bottom: 15px; float: left; width: 24.250000%; background-color: #f5f3f4; padding: 10px;}
    .case-mainer .list-contents ul li img { max-width: 100%;}
    .case-mainer .list-contents ul li:nth-child(4n) { margin-right: 0px;}

    .case-mainer .list-contents ul li .titles { font-size: 16px; margin: 10px 0;}
    .case-mainer .list-contents ul li .industrys { font-size: 16px;}
    .case-mainer .list-contents ul li .mores { color: #0e6eb8; margin: 50px 0 20px 0;}

    .case-mainer .list-contents ul li:hover { background-color: #0e6eb8;}
    .case-mainer .list-contents ul li:hover .titles,.case-mainer .list-contents ul li:hover .industrys,.case-mainer .list-contents ul li:hover .mores { color: #FFF;}


    .case-mainer .industry-contents { margin: 5px 0 0 0;}
    .case-mainer .industry-contents .titles { font-size: 18px; color: #000; font-weight: 700; text-align: center; margin: 0 0 30px 0;}
    .case-mainer .industry-contents .contents { padding-bottom: 20px;}

    .detail-cases { }
    .detail-cases .titles { margin: 5px 0 10px 0; text-align: center; font-weight: 700; font-size: 18px; color: #000;}
    .detail-cases .imgs { }


    .gallery_slide {
        width: 800px;
        margin: 50px auto 0px
    }

    .gallery_slide .slick-next,.gallery_slide .slick-prev {
        width: 42px;
        height: 62px
    }

    .gallery_slide .slick-next:before,.gallery_slide .slick-prev:before {
        content: ''
    }

    .gallery_slide .slick-prev {
        background: url(../img/g_arrow.png) 0px 0px no-repeat #e8e8e8;
        left: -240px
    }

    .gallery_slide .slick-prev:hover {
        background: url(../img/g_arrow.png) -42px 0px no-repeat #0071c1
    }

    .gallery_slide .slick-next {
        background: url(../img/g_arrow.png) 0px -62px no-repeat #e8e8e8;
        right: -240px
    }

    .gallery_slide .slick-next:hover {
        background: url(../img/g_arrow.png) -42px -62px no-repeat #0071c1
    }

    .gallery_slide .slider-for .slick-slide img {
        width: 100%;
        height: 540px
    }

    .gallery_slide .slider-for .slick-dots {
        bottom: 10px
    }

    .gallery_slide .slider-for .slick-dots li button:before {
        color: #fff;
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .gallery_slide .slider-for .slick-dots li.slick-active button:before {
        color: #0071c1;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .gallery_slide .slider-nav .slick-slide {
        opacity: .4;
        filter: alpha(opacity=40);
        margin: 0px 10px;
        border: 2px solid #fff;
        cursor: pointer;
        overflow: hidden;
    }

    .gallery_slide .slider-nav .slick-slide img {
        width: 100%;
        border: 2px solid #0071c1
    }

    .gallery_slide .slider-nav .slick-current {
        opacity: 1;
        filter: alpha(opacity=100);
        border: 2px solid #fff;
    }
    .am-img-responsive{ display:block; max-width:100%; height:auto; float: left;}


    .detail-cases .intros { margin: 20px 0 0 0; padding-top: 20px;}

    .detail-cases .pages { margin: 20px 0 0 0; padding: 0px 0; }
    .detail-cases .pages .lefts { text-align: right;}
    .detail-cases .pages .rights { text-align: left;}

/* Case Mainer End */



/* Pro Mainer Star */
#pro-mainer { padding: 25px 0 0 0; }
    .pro-mainer { text-align: left; margin: 5px 0 0 0;}
    .pro-mainer .category-lists { padding-bottom: 0px; }
    .pro-mainer .category-lists ul li { margin-bottom: 20px; float: left; width: 16.666666%; text-align: center;}
    .pro-mainer .category-lists ul li img { max-width: 100%;}
    .pro-mainer .category-lists ul li b { font-weight: 700; display: block; font-size: 18px; margin: 10px 0 0 0;}
    .pro-mainer .category-lists ul li.active b { color: #0e6eb8;}

    .pro-mainer .list-contents { margin: 5px 0 0 0;}
    .pro-mainer .list-contents ul li { background-color: #f5f3f4; padding: 50px 30px; transition: all .2s linear; -webkit-transition: all .2s linear; position:relative;}
    .pro-mainer .list-contents ul li:hover { transform:translate3d(0,-2px,0); -webkit-transform:translate3d(0,-2px,0); -moz-transform:translate3d(0,-2px,0); box-shadow:0 15px 20px rgba(0,0,0,.1); -webkit-box-shadow:0 15px 20px rgba(0,0,0,.1); -moz-box-shadow:0 15px 20px rgba(0,0,0,.1)}
    .pro-mainer .list-contents ul li:hover .lefts .mores { background-color: #0e6eb8; color: #FFF;}

    .pro-mainer .list-contents ul li:nth-child(2n) { background-color: #FFF;}

    .pro-mainer .list-contents ul li .lefts { float: left; width: 70%;}
    .pro-mainer .list-contents ul li .lefts .titles { font-size: 18px; font-weight: 700; color: #000; padding-bottom: 20px; margin-bottom: 20px; }
    .pro-mainer .list-contents ul li .lefts .intros {}

    .pro-mainer .list-contents ul li .lefts .mores { color: #0e6eb8; padding: 10px 30px; border: solid 1px #0e6eb8; display: inline-table; margin:15px 0 0 0;}
	.pro-mainer .list-contents ul li .lefts .mores-mb { display:none;}
    .pro-mainer .list-contents ul li .rights { float: right; width: 25%; text-align: center;}
    .pro-mainer .list-contents ul li:hover .rights img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);}
    .pro-mainer .list-contents ul li .rights img { max-width: 100%;}

/* Pro Mainer End */


/* Pro Details Star */
#pro-details { padding: 25px 0; }
    .pro-details { text-align: left; margin: 15px 0 0 0;}

    .pro-details .category-titles { font-size: 18px; font-weight: 700; margin-bottom: 10px;}
    .pro-details .category-tabs { padding-bottom: 0px;}
    .pro-details .category-tabs a { text-align: center; color: #FFF; margin-bottom: 20px; background-color: #000; width: 13.428571%; font-size: 15px; padding: 8px 0; float: left; margin-right: 1%;}
    .pro-details .category-tabs a:nth-child(7n) { margin-right: 0px;}
    .pro-details .category-tabs a.active,.pro-details .category-tabs a:hover { background-color: #0e6eb8;}


    .pro-details .detail-contents { margin: 10px 0 0 0;}
    .pro-details .detail-contents .lefts { width: 40%; float: left; }
    .pro-details .detail-contents .lefts .titles { font-size: 18px; font-weight: 700; color: #000; margin: 0 0 30px 0;}

    .pro-details .detail-contents .lefts .intros { padding-right: 20px;}
    .pro-details .detail-contents .rights { width: 50%; float: right; text-align: right;}

    .pro_d_slide {
        width: 600px;
        margin: 0px;
        float: right;
        overflow: hidden
    }

    .pro_d_slide .slick-next,.pro_d_slide .slick-prev {
        width: 42px;
        height: 62px;
        z-index: 1009;
        margin-top: -32px;
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .pro_d_slide .slick-next:before,.pro_d_slide .slick-prev:before {
        content: ''
    }

    .pro_d_slide .slick-prev {
        background: url(../img/g_arrow.png) 0px 0px no-repeat #e8e8e8;
        left: 0px
    }

    .pro_d_slide .slick-prev:hover {
        background: url(../img/g_arrow.png) -42px 0px no-repeat #0071c1
    }

    .pro_d_slide .slick-next {
        background: url(../img/g_arrow.png) 0px -62px no-repeat #e8e8e8;
        right: 0px
    }

    .pro_d_slide .slick-next:hover {
        background: url(../img/g_arrow.png) -42px -62px no-repeat #0071c1
    }

    .pro_d_slide .slider-for {
        margin-bottom: 10px
    }

    .pro_d_slide .slider-for .slick-slide img {
        width: 100%;
        height: 420px;
        border: solid 1px #CCC;
    }

    .pro_d_slide .slider-for .slick-dots {
        bottom: 10px;
    }

    .pro_d_slide .slider-for .slick-dots li button:before {
        color: #ddd;
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .pro_d_slide .slider-for .slick-dots li.slick-active button:before {
        color: #0071c1;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .pro_d_slide .slider-nav .slick-slide {
        opacity: .4;
        filter: alpha(opacity=40);
        margin: 0px 5px;
        cursor: pointer;
    }

    .pro_d_slide .slider-nav .slick-slide img {
        border: 2px solid #e1e1e1;
        width: 100%;
        height: 87px;
    }
    .pro_d_slide .slider-nav .slick-current {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .pro_d_slide .slider-nav .slick-current img {
        border: 2px solid #0071c1
    }

    .detail-tabs { overflow: hidden; margin: 20px 0 0 0;}
    .detail-tabs .nav-tabs { border-bottom: none; height: 40px; margin-left: -14px; background: #000;}
    .detail-tabs .nav-tabs > li { margin: 0px -10px;  background: #fff;}


    .detail-tabs .nav-tabs > li span.left {
        width: 24px;
        background: url(../img/p_tab.png) 0 -40px no-repeat
    }

    .detail-tabs .nav-tabs > li >a {
        margin: 0;
        padding: 0;
        display: block;
        font-size: 16px;
        color: #0071c1;
        cursor: pointer;
        border: none;
        height: 40px;
        position: relative;
        z-index: 22
    }

    .detail-tabs .nav-tabs > li>a span {
        display: block;
        float: left;
        height: 40px;
        line-height: 40px;
        overflow: hidden
    }

    .detail-tabs .nav-tabs > li>a span.l {
        width: 24px;
        background: url(../img/p_tab.png) 0 -40px no-repeat
    }

    .detail-tabs .nav-tabs > li>a span.c {
        width: auto;
        padding: 0px 15px;
        background-color: #000;
        color: #fff
    }

    .detail-tabs .nav-tabs > li>a span.r {
        width: 24px;
        background: url(../img/p_tab.png) 0 0 no-repeat
    }

    .detail-tabs .nav-tabs > li span {
        display: block;
        float: left;
        height: 40px;
        line-height: 40px;
        overflow: hidden
    }



    .detail-tabs .nav-tabs>li.active>a,.detail-tabs .nav-tabs>li.active>a:focus,.detail-tabs .nav-tabs>li.active>a:hover,.detail-tabs .nav-tabs>li>a:focus,.detail-tabs .nav-tabs>li>a:hover {
        background: none;
        border: none
    }

    .detail-tabs .nav-tabs>li.active>a span,.detail-tabs .nav-tabs>li.active>a:focus span,.detail-tabs .nav-tabs>li.active>a:hover span,.detail-tabs .nav-tabs>li>a:focus span,.detail-tabs .nav-tabs>li>a:hover span {
        display: block;
        float: left;
        height: 40px
    }

    .detail-tabs .nav-tabs>li.active>a span.l,.detail-tabs .nav-tabs>li.active>a:focus span.l,.detail-tabs .nav-tabs>li.active>a:hover span.l,.detail-tabs .nav-tabs>li>a:focus span.l,.detail-tabs .nav-tabs>li>a:hover span.l {
        background: url(../img/p_tab.png) -24px -40px no-repeat
    }

    .detail-tabs .nav-tabs>li.active>a span.c,.detail-tabs .nav-tabs>li.active>a:focus span.c,.detail-tabs .nav-tabs>li.active>a:hover span.c,.detail-tabs .nav-tabs>li>a:focus span.c,.detail-tabs .nav-tabs>li>a:hover span.c {
        color: #fff;
        background-color: #0e6fb8;
        cursor:pointer;
    }

    .detail-tabs .nav-tabs>li.active>a span.r,.detail-tabs .nav-tabs>li.active>a:focus span.r,.detail-tabs .nav-tabs>li.active>a:hover span.r,.detail-tabs .nav-tabs>li>a:focus span.r,.detail-tabs .nav-tabs>li>a:hover span.r {
        background: url(../img/p_tab.png) -24px 0px no-repeat
    }




    .detail-tabs .nav-tabs > li > a:hover {
        border-color:transparent;
    }
    .detail-tabs .nav-tabs > li.active > a,
    .detail-tabs .nav-tabs > li.active > a:hover,
    .detail-tabs .nav-tabs > li.active > a:focus {
        color: #555;
        cursor: default;
        background-color:transparent;
        border:none;
        border-bottom-color: transparent;
    }


    .detail-tabs .tab-content { padding: 15px 0 0 0;}
    .detail-tabs .tab-content img { max-width: 100%;}


    .pro-list-contents { margin: 0px 0 0 0;}
    .pro-list-contents ul li { margin-right: 1%; margin-bottom: 15px; float: left; width: 24.250000%; background-color: #f5f3f4; padding: 10px;}
    .pro-list-contents ul li img { max-width: 100%;}
    .pro-list-contents ul li:nth-child(4n) { margin-right: 0px;}

    .pro-list-contents ul li .titles { font-size: 16px; margin: 10px 0;}
    .pro-list-contents ul li .industrys { font-size: 16px;}
    .pro-list-contents ul li .mores { color: #0e6eb8; margin: 50px 0 20px 0;}

    .pro-list-contents ul li:hover { background-color: #0e6eb8;}
    .pro-list-contents ul li:hover .titles,.pro-list-contents ul li:hover .industrys,.pro-list-contents ul li:hover .mores { color: #FFF;}


/* Pro Details End */


/* Area Type List Star */
.area-type-list { border-top: solid 1px #191814; text-align: left; padding: 30px 0 0 0; overflow: hidden;}
    .area-type-list .area-type-item { margin: 0 0 20px 0;  border-bottom: solid 1px #FAFAFA;}
    .area-type-list ul { margin: 10px 0 0 0;}
    .area-type-list ul li { font-size: 13px; height: 28px; line-height: 28px; overflow: hidden; text-align: left;}
/* Area Type List Star */

/* Area List Select Star */
.area-list-select { border-top: solid 1px #191814; padding-top: 30px;}
    .area-list-select ul li { text-align: left; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  overflow: hidden;}
/* Area List Select Star */

/* Area Detail Star */
.area-detail { margin: 20px 0 0 0; text-align: left; border-top: solid 1px #191814; padding: 30px 0 0 0;}
    .area-detail .detail-titles { color: #000; font-weight: 700; text-align: center; font-size: 20px; margin: 0 0 20px 0;}
    .area-detail .detail-contents { margin: 0 0 30px 0;}
    .area-detail .detail-contents img { max-width: 100%;}

    .area-detail .detail-pages { padding-bottom: 5px; padding-top: 5px; }
    .area-detail .detail-pages .lefts { text-align: right;}
    .area-detail .detail-pages .rights { text-align: left;}
/* Area Detail End */




/* Main Pager Star */
.main-pages { text-align: center; padding: 0 0 0 0;}
    .page-lists { text-align: center; margin: 10px auto 0 auto; font-size:12px;}
    .page-lists .prev-page { -moz-border-radius:3px; padding: 3px 8px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists .next-page { -moz-border-radius:3px; padding: 3px 8px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

    .page-lists .num-page { -moz-border-radius:3px; padding:  3px 8px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists .act { background-color: #0e6fb8; border: solid 1px #0e6fb8; color: #FFF;}
    .page-lists .act:hover { background-color: #0e6fb8; border: solid 1px #0e6fb8; color: #FFF;}
    .page-lists .ipts-page { padding: 2px 5px; text-align: center; width: 30px; margin-left: 5px; margin-right: 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists .btns-page { height:22px; line-height:22px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

    .page-lists .last-page { display: none;}
    .page-lists a { margin: 0 2px;}
    .page-lists a:hover { background-color: #ddd; color: #888;}

/* Main Pager End */


/* Maps Detail Star */
.maps-detail { text-align: left;}
.maps-detail .sitemaps { margin: 0 0 0 0;}
.maps-detail .sitemaps h1 { margin: 0 0 10px 0;}
.maps-detail .sitemaps h1 a { background: #0e6fb8; padding: 10px 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color: #FFF; font-size: 16px;}
.maps-detail .sitemaps ul {}
.maps-detail .sitemaps ul li { float: left; margin: 10px 20px 0 0;}

@media (max-width: 992px) {
    /* Pro Mainer Star */
    #pro-mainer { padding: 20px 0 0 0; }
	#pro-mainer .container { padding-left:0; padding-right:0;}
    .pro-mainer { text-align: left;}
    .pro-mainer .category-lists { padding-bottom: 20px;}
    .pro-mainer .category-lists ul li { margin-bottom: 0; float: left; width: 50%; text-align: center; min-height: 142px;}
    .pro-mainer .category-lists ul li img { max-width: 100%;}
    .pro-mainer .category-lists ul li b { font-weight: normal; display: block; font-size: 12px; margin: 10px 0 0 0;}
    .pro-mainer .category-lists ul li.active b { color: #0e6eb8;}

    .pro-mainer .list-contents { margin: 0px 0 0 0;}
    .pro-mainer .list-contents ul li { background-color: #f5f3f4; padding: 10px 15px; transition: all .2s linear; -webkit-transition: all .2s linear;}
    .pro-mainer .list-contents ul li:hover { transform:translate3d(0,-2px,0); -webkit-transform:translate3d(0,-2px,0); -moz-transform:translate3d(0,-2px,0); box-shadow:0 15px 20px rgba(0,0,0,.1); -webkit-box-shadow:0 15px 20px rgba(0,0,0,.1); -moz-box-shadow:0 15px 20px rgba(0,0,0,.1)}
    .pro-mainer .list-contents ul li:hover .lefts .mores { background-color: #0e6eb8; color: #FFF;}

    .pro-mainer .list-contents ul li:nth-child(2n) { background-color: #FFF;}

    .pro-mainer .list-contents ul li .lefts { float: right; width: 100%;}
    .pro-mainer .list-contents ul li .lefts .titles { font-size: 18px; font-weight: 700; color: #000; padding-bottom: 10px; margin-bottom: 0px;}
    .pro-mainer .list-contents ul li .lefts .intros { height: auto; overflow: hidden; margin: 0 0 15px 0;}

    .pro-mainer .list-contents ul li .lefts .mores { display:none;}
    .pro-mainer .list-contents ul li .rights { float: left; width: 100%; text-align: center;}
    .pro-mainer .list-contents ul li:hover .rights img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);}
    .pro-mainer .list-contents ul li .rights img { max-width: 100%;}
	
	.pro-mainer .list-contents ul li .lefts .mores-mb { display:block; color: #0d6fb8; padding: 0; text-align:center; margin:0 auto;}
	.pro-mainer .list-contents ul li .lefts .mores-mb b { border-top: solid 1px #0d6fb8; display: inline-table;}
	.pro-mainer .list-contents ul li .lefts .mores-mb i { display: block; margin: 10px 0 0 0;}

    /* Pro Mainer End */


    /* Pro Details Star */
    #pro-details { padding: 0px 0 15px 0; }
    .pro-details { text-align: left; margin: 20px 0 0 0;}

    .pro-details .category-titles { font-size: 18px; font-weight: 700; margin-bottom: 10px;}
    .pro-details .category-tabs { padding-bottom: 10px; }
    .pro-details .category-tabs a { text-align: center; color: #FFF; margin-bottom: 3px; background-color: #000; width: 49.500000%; font-size: 14px; padding: 6px 0; float: left; margin-right: 1%;}
    .pro-details .category-tabs a:nth-child(2n) { margin-right: 0px;}
    .pro-details .category-tabs a:nth-child(7n) { margin-right: 1%;}
    .pro-details .category-tabs a.active,.pro-details .category-tabs a:hover { background-color: #0e6eb8;}


    .pro-details .detail-contents { margin: 0px 0 0 0;}
    .pro-details .detail-contents .lefts { width: 100%; float: none;}
    .pro-details .detail-contents .lefts .titles { font-size: 18px; font-weight: 700; color: #000; margin: 0 0 10px 0;}
    .pro-details .detail-contents .rights { width: 100%; float: none; text-align: right;}

    .pro_d_slide {
        width: 100%;
        margin: 0 0 0 0;
        float: right;
        overflow: hidden
    }

    .pro_d_slide .slick-next,.pro_d_slide .slick-prev {
        width: 42px;
        height: 62px;
        z-index: 1009;
        margin-top: -2px;
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .pro_d_slide .slick-next:before,.pro_d_slide .slick-prev:before {
        content: ''
    }

    .pro_d_slide .slick-prev {
        background: url(../img/g_arrow.png) 0px 0px no-repeat #e8e8e8;
        left: 0px
    }

    .pro_d_slide .slick-prev:hover {
        background: url(../img/g_arrow.png) -42px 0px no-repeat #0071c1
    }

    .pro_d_slide .slick-next {
        background: url(../img/g_arrow.png) 0px -62px no-repeat #e8e8e8;
        right: 0px
    }

    .pro_d_slide .slick-next:hover {
        background: url(../img/g_arrow.png) -42px -62px no-repeat #0071c1
    }

    .pro_d_slide .slider-for {
        margin-bottom: 10px
    }

    .pro_d_slide .slider-for .slick-slide img {
        width: 100%;
        height: auto;
    }

    .pro_d_slide .slider-for .slick-dots {
        bottom: 10px;
    }

    .pro_d_slide .slider-for .slick-dots li button:before {
        color: #ddd;
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .pro_d_slide .slider-for .slick-dots li.slick-active button:before {
        color: #0071c1;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .pro_d_slide .slider-nav .slick-slide {
        opacity: .4;
        filter: alpha(opacity=40);
        margin: 0px 5px;
        cursor: pointer;
    }

    .pro_d_slide .slider-nav .slick-slide img {
        border: 2px solid #e1e1e1;
        width: 100%;
        height: 87px;
    }
    .pro_d_slide .slider-nav .slick-current {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .pro_d_slide .slider-nav .slick-current img {
        border: 2px solid #0071c1
    }

    .detail-tabs { overflow: hidden; margin: 20px 0 0 0;}
    .detail-tabs .nav-tabs { border-bottom: none; height: 72px; overflow:hidden; margin-left: 0px; background: transparent;}
    .detail-tabs .nav-tabs > li { margin: 0 1% 3px 0;  background: #000; width: 32.666666%;}
    .detail-tabs .nav-tabs > li.active { background: #0e6fb8;}
    .detail-tabs .nav-tabs > li:nth-child(3n) { margin-right: 0;}

    .detail-tabs .nav-tabs > li span.left {
        width: 0px;
        background:none;
    }

    .detail-tabs .nav-tabs > li >a {
        margin: 0;
        padding: 0;
        display: block;
        font-size: 14px;
        color: #0071c1;
        cursor: pointer;
        border: none;
        height: 33px;
        position: relative;
        z-index: 22
    }

    .detail-tabs .nav-tabs > li>a span {
        display: block;
        float: left;
        height: 33px;
        line-height: 33px;
        overflow: hidden
    }

    .detail-tabs .nav-tabs > li>a span.l {
        width: 0px;
        background:none;
    }

    .detail-tabs .nav-tabs > li>a span.c {
        background-color: #000;
        color: #fff;
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }

    .detail-tabs .nav-tabs > li>a span.r {
        width: 0px;
        background:none;
    }

    .detail-tabs .nav-tabs > li span {
        display: block;
        float: left;
        height: 33px;
        line-height: 33px;
        overflow: hidden
    }



    .detail-tabs .nav-tabs>li.active>a,.detail-tabs .nav-tabs>li.active>a:focus,.detail-tabs .nav-tabs>li.active>a:hover,.detail-tabs .nav-tabs>li>a:focus,.detail-tabs .nav-tabs>li>a:hover {
        background: none;
        border: none
    }

    .detail-tabs .nav-tabs>li.active>a span,.detail-tabs .nav-tabs>li.active>a:focus span,.detail-tabs .nav-tabs>li.active>a:hover span,.detail-tabs .nav-tabs>li>a:focus span,.detail-tabs .nav-tabs>li>a:hover span {
        display: block;
        float: left;
        height: 33px
    }

    .detail-tabs .nav-tabs>li.active>a span.l,.detail-tabs .nav-tabs>li.active>a:focus span.l,.detail-tabs .nav-tabs>li.active>a:hover span.l,.detail-tabs .nav-tabs>li>a:focus span.l,.detail-tabs .nav-tabs>li>a:hover span.l {
        background:none;
    }

    .detail-tabs .nav-tabs>li.active>a span.c,.detail-tabs .nav-tabs>li.active>a:focus span.c,.detail-tabs .nav-tabs>li.active>a:hover span.c,.detail-tabs .nav-tabs>li>a:focus span.c,.detail-tabs .nav-tabs>li>a:hover span.c {
        color: #fff;
        background-color: #0e6fb8;
    }

    .detail-tabs .nav-tabs>li.active>a span.r,.detail-tabs .nav-tabs>li.active>a:focus span.r,.detail-tabs .nav-tabs>li.active>a:hover span.r,.detail-tabs .nav-tabs>li>a:focus span.r,.detail-tabs .nav-tabs>li>a:hover span.r {
        background:none;
    }




    .detail-tabs .nav-tabs > li > a:hover {
        border-color:transparent;
    }
    .detail-tabs .nav-tabs > li.active > a,
    .detail-tabs .nav-tabs > li.active > a:hover,
    .detail-tabs .nav-tabs > li.active > a:focus {
        color: #555;
        cursor: default;
        background-color:transparent;
        border:none;
        border-bottom-color: transparent;
    }


    .detail-tabs .tab-content { padding: 5px 0 0 0;}
    .detail-tabs .tab-content img { max-width: 100%;}


    .pro-list-contents { margin: 0px 0 0 0;}
    .pro-list-contents ul li { margin-right: 0; margin-bottom: 15px; float: none; width: 100%; background-color: #FFF; padding: 0;}
    .pro-list-contents ul li:last-child { margin-bottom: 0;}
    .pro-list-contents ul li .imgs { float: left; width: 48%;}
    .pro-list-contents ul li .contents { float: right; width: 48%; padding:10px 0 0 0;}

    .pro-list-contents ul li img { max-width: 100%;}
    .pro-list-contents ul li:nth-child(2n) { margin-right: 0px;}

    .pro-list-contents ul li .titles { font-size: 14px; font-weight: normal; margin: 0 0 10px 0;}
    .pro-list-contents ul li .industrys { font-size: 14px; font-weight: normal; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    .pro-list-contents ul li .mores { color: #0e6eb8; font-size:12px; margin: 20px 0 0 0; text-align: right;}

    .pro-list-contents ul li:hover { background-color: #0e6eb8;}
    .pro-list-contents ul li:hover .titles,.pro-list-contents ul li:hover .industrys,.pro-list-contents ul li:hover .mores { color: #FFF;}


    /* Pro Details End */



    /* Case Mainer Star */
    #case-mainer { padding: 20px 0 15px 0; }
    .case-mainer { text-align: left;}

    .case-mainer .industry-tabs { margin: 0 0 5px 0;}
    .case-mainer .industry-tabs a { text-align: center; color: #FFF; margin-bottom: 3px; background-color: #000; width: 49.500000%; font-size: 14px; padding: 6px 0; float: left; margin-right: 1%;}
    .case-mainer .industry-tabs a:nth-child(7n) { margin-right: 1%;}
    .case-mainer .industry-tabs a:nth-child(2n) { margin-right: 0px;}
    .case-mainer .industry-tabs a.active,.case-mainer .industry-tabs a:hover { background-color: #0e6eb8;}

    .case-mainer .category-titles { font-size: 18px; font-weight: 700; margin-bottom: 10px;}
    .category-tabs { padding-bottom: 0px; }
    .category-tabs a { text-align: center; color: #FFF; margin-bottom: 3px; background-color: #000; width: 49.500000%; font-size: 14px; padding: 8px 0; float: left; margin-right: 1%;}
    .category-tabs a:nth-child(7n) { margin-right: 1%;}
    .category-tabs a:nth-child(2n) { margin-right: 0px;}
    .category-tabs a.active,.category-tabs a:hover { background-color: #0e6eb8;}

    .case-mainer .list-contents { margin: 5px 0 0 0;}
    .case-mainer .list-contents ul li { margin-right: 0; margin-bottom: 15px; float: none; width: 100%; background-color:#FFF; padding: 0;}
    .case-mainer .list-contents ul li:last-child { margin-bottom: 0;}
    .case-mainer .list-contents ul li img { max-width: 100%;}
    .case-mainer .list-contents ul li:nth-child(2n) { margin-right: 0px;}

    .case-mainer .list-contents ul li .imgs { float: left; width: 48%;}
    .case-mainer .list-contents ul li .contents { float: right; width: 48%; padding:10px 0 0 0;}

    .case-mainer .list-contents ul li .titles { font-size: 14px; font-weight: normal; margin: 0 0 10px 0; height: auto; overflow: hidden;}
    .case-mainer .list-contents ul li .industrys { font-size: 14px; font-weight: normal; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    .case-mainer .list-contents ul li .mores { color: #0e6eb8; font-size:12px; margin: 20px 0 0 0; text-align: right;}

    .case-mainer .list-contents ul li:hover { background-color: #0e6eb8;}
    .case-mainer .list-contents ul li:hover .titles,.case-mainer .list-contents ul li:hover .industrys,.case-mainer .list-contents ul li:hover .mores { color: #FFF;}


    .case-mainer .industry-contents { margin: 10px 0 0 0;}
    .case-mainer .industry-contents .titles { font-size: 18px; color: #000; font-weight: 700; text-align: center; margin: 0 0 15px 0;}
    .case-mainer .industry-contents .contents { padding-bottom: 10px;}

    .detail-cases { }
    .detail-cases .titles { margin: 10px 0 12px 0; text-align: center; font-weight: 700; font-size: 18px; color: #000;}
    .detail-cases .imgs { }


    .gallery_slide {
        width: 100%;
        margin: 0 auto 20px 0;
    }

    .gallery_slide .slick-next,.gallery_slide .slick-prev {
        width: 42px;
        height: 62px
    }

    .gallery_slide .slick-next:before,.gallery_slide .slick-prev:before {
        content: ''
    }

    .gallery_slide .slick-prev {
        background: url(../img/g_arrow.png) 0px 0px no-repeat #e8e8e8;
        left: -240px
    }

    .gallery_slide .slick-prev:hover {
        background: url(../img/g_arrow.png) -42px 0px no-repeat #0071c1
    }

    .gallery_slide .slick-next {
        background: url(../img/g_arrow.png) 0px -62px no-repeat #e8e8e8;
        right: -240px
    }

    .gallery_slide .slick-next:hover {
        background: url(../img/g_arrow.png) -42px -62px no-repeat #0071c1
    }

    .gallery_slide .slider-for .slick-slide img {
        width: 100%;
        height: auto;
    }

    .slick-dotted.slick-slider { margin-bottom: 10px;}

    .gallery_slide .slider-for .slick-dots {
        bottom: 10px
    }

    .gallery_slide .slider-for .slick-dots li button:before {
        color: #fff;
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .gallery_slide .slider-for .slick-dots li.slick-active button:before {
        color: #0071c1;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .gallery_slide .slider-nav .slick-slide {
        opacity: .4;
        filter: alpha(opacity=40);
        margin: 0px 10px;
        border: 2px solid #fff;
        cursor: pointer;
        overflow: hidden;
    }

    .gallery_slide .slider-nav .slick-slide img {
        width: 100%;
        border: 2px solid #0071c1;
    }

    .gallery_slide .slider-nav .slick-current {
        opacity: 1;
        filter: alpha(opacity=100);
        border: 2px solid #fff;
    }
    .am-img-responsive{ display:block; max-width:100%; height:auto; float: left;}


    .detail-cases .intros { margin: 10px 0 0 0; padding-top: 0px;}

    .detail-cases .pages { margin: 20px 0 0 0; padding: 0px 0; }
    .detail-cases .pages .lefts { text-align: left; height: 26px; overflow: hidden;}
    .detail-cases .pages .rights { text-align: left; height: 26px; overflow: hidden;}

    /* Case Mainer End */

    /* News Mainer Star */
    #news-mainer { padding: 20px 0 0 0;}
    .news-mainer { }
    .news-mainer ul li { text-align: left; height: 32px; overflow: hidden;}

    .news-mainer .titles { text-align: left; font-size: 18px; font-weight: 700; color: #000; margin-bottom: 10px;}
    /* News Mainer End */

    /* Detail Mainer Star */
    #detail-mainer { padding: 20px 0; text-align: left;}
    .detail-mainer .detail-titles { color: #000; font-weight: 700; text-align: center; font-size: 18px; margin: 10px 0 20px 0;}
    .detail-mainer .detail-contents { margin: 0 0 30px 0;}
    .detail-mainer .detail-contents img { max-width: 100%;}

    .detail-mainer .detail-pages { padding-bottom: 5px; padding-top: 5px; }
    .detail-mainer .detail-pages .lefts { text-align: left; height: 26px; overflow: hidden;}
    .detail-mainer .detail-pages .rights { text-align: left; height: 26px; overflow: hidden;}
    /* Detail Mainer End */

    /* Service Mainer Star */
    #service-mainer { padding: 20px 0;}
    .service-mainer { text-align: left; margin: 10px 0 0 0;}
    .service-mainer .service-item { margin-bottom: 30px;}
    .service-mainer .service-item .titles { font-size: 20px; color: #000; font-weight: 700; margin-bottom: 10px;}
    /* Service Mainer End */

    /* About Mainer Star */
    #about-mainer { padding: 20px 0;}
    .about-mainer { text-align: left;}
    .about-mainer .tabs { padding-bottom: 0px;}
    .about-mainer .tabs a { color: #FFF; width: 32.666666%; margin-bottom: 3px; background-color: #000; padding: 6px 0; text-align: center; font-size: 17px; float: left; margin-right: 1%;}
    .about-mainer .tabs a:nth-child(3n) { margin-right: 0px;}
    .about-mainer .tabs a.active,.about-mainer .tabs a:hover { background-color: #0e6eb8;}

    .about-mainer .contents { padding: 10px 0 0 0;}
    .about-mainer .contents .titles { font-size: 24px; color: #000; margin-bottom: 13px; font-weight: 700; text-align: center;}
    .about-mainer .contents .intros .company-lists li { float: left; width: 33.333333%;}


    .about-mainer .list-contents { margin: 5px 0 0 0;}
    .about-mainer .list-contents ul li { margin-right: 0; margin-bottom: 15px; float: none; width: 100%; background-color:#FFF; padding: 0;}
    .about-mainer .list-contents ul li:last-child { margin-bottom: 0;}
    .about-mainer .list-contents ul li img { max-width: 100%;}
    .about-mainer .list-contents ul li:nth-child(2n) { margin-right: 0px;}

    .about-mainer .list-contents ul li .imgs { float: left; width: 48%;}
    .about-mainer .list-contents ul li .contents { float: right; width: 48%; padding:10px 0 0 0;}

    .about-mainer .list-contents ul li .names { font-size: 14px; font-weight: normal; margin: 0 0 10px 0; height: auto; overflow: hidden;}
    .about-mainer .list-contents ul li .industrys { font-size: 14px; font-weight: normal; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    .about-mainer .list-contents ul li .mores { color: #0e6eb8; font-size:12px; margin: 15px 0 0 0; text-align: right;}

    .about-mainer .list-contents ul li:hover { background-color: #0e6eb8;}
    .about-mainer .list-contents ul li:hover .names,.about-mainer .list-contents ul li:hover .industrys,.about-mainer .list-contents ul li:hover .mores { color: #FFF;}
    /* About Mainer End */


    /* Contact Mainer Star */
    #contact-mainer { padding: 20px 0;}
    .contact-mainer { }
    .contact-mainer .lefts { float: none; width: 100%; text-align: left;}
    .contact-mainer .lefts .titles { font-size: 20px; font-weight: 700; color: #0e6eb8; margin-bottom: 20px;}

    .contact-mainer .rights { display:none; float: none; width: 100%;}
    .contact-mainer .rights dl { float: left; width: 50%; text-align: center; }
    .contact-mainer .rights dl img { max-width: 100%;}

    .contact-message { margin: 10px 0; text-align: left;  }
    .contact-message h1 { font-size: 20px; font-weight: 700; color: #000; margin-bottom: 10px;}
    .contact-message h2 { font-size: 14px;}

    .contact-message form { margin: 10px 0;}

    .contact-message .form-group { margin-bottom: 5px;}

    .contact-maps { margin: 10px 0 0 0; text-align: left;  }
    .contact-maps h1 { font-size: 20px; font-weight: 700; color: #000; margin-bottom: 10px;}
    .contact-maps .maps { height: 320px; -moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc); border: solid 1px #ddd;}


    /* Contact Mainer End */

    /* Main Pager Star */
    .main-pages { text-align: center; padding: 15px 0 0 0;}
    .page-lists { text-align: center; margin: 0 auto; font-size:12px;}
    .page-lists>.prev-page { -moz-border-radius:3px; padding: 3px 8px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists>.next-page { -moz-border-radius:3px; padding: 3px 8px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

    .page-lists>.num-page { display: none; -moz-border-radius:3px; padding: 3px 8px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists>.act { background-color: #0e6fb8; border: solid 1px #0e6fb8; color: #FFF;}
    .page-lists>.act:hover { background-color: #0e6fb8; border: solid 1px #0e6fb8; color: #FFF;}
    .page-lists>.ipts-page { text-align: center; width: 50px; margin-left: 10px; margin-right: 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists>.btns-page { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

    .page-lists .last-page { display:inline-block; -moz-border-radius:3px; padding: 1px 8px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

    .page-lists .mobile-page { display: block; margin: 10px 0 0 0;}

    .page-lists a { margin: 0 5px;}
    .page-lists a:hover { background-color: #ddd; color: #888;}

    /* Main Pager End */
	
	.pro-details .detail-contents .lefts .intros {padding-right: 0;}
}

@media (min-width: 992px) {
    /* About Mainer Star */
    .about-mainer .list-contents { margin: 5px 0 0 0;}
    .about-mainer .list-contents ul li { margin-right: 1%; margin-bottom: 15px; float: left; width: 24.250000%; background-color: #f5f3f4; padding: 10px;}
    .about-mainer .list-contents ul li img { max-width: 100%;}
    .about-mainer .list-contents ul li:nth-child(4n) { margin-right: 0px;}

    .about-mainer .list-contents ul li .names { font-size: 16px; margin: 10px 0;}
    .about-mainer .list-contents ul li .industrys { font-size: 16px;}
    .about-mainer .list-contents ul li .mores { color: #0e6eb8; margin: 50px 0 20px 0;}

    .about-mainer .list-contents ul li:hover { background-color: #0e6eb8;}
    .about-mainer .list-contents ul li:hover .names,.case-mainer .list-contents ul li:hover .industrys,.case-mainer .list-contents ul li:hover .mores { color: #FFF;}
    /* About Mainer End */

    /* Case Mainer Star */
    #case-mainer { padding: 25px 0; }
    .case-mainer { text-align: left;}

    .case-mainer .industry-tabs { }
    .case-mainer .industry-tabs a { text-align: center; color: #FFF; margin-bottom: 20px; background-color: #000; width: 13.428571%; font-size: 14px; padding: 8px 0; float: left; margin-right: 1%;}
    .case-mainer .industry-tabs a:nth-child(7n) { margin-right: 0px;}
    .case-mainer .industry-tabs a.active,.case-mainer .industry-tabs a:hover { background-color: #0e6eb8;}

    .case-mainer .category-titles { font-size: 18px; font-weight: 700; margin-bottom: 10px;}
    .category-tabs { padding-bottom: 0px; }
    .category-tabs a { text-align: center; color: #FFF; margin-bottom: 20px; background-color: #000; width: 13.428571%; font-size: 14px; padding: 8px 0; float: left; margin-right: 1%;}
    .category-tabs a:nth-child(7n) { margin-right: 0px;}
    .category-tabs a.active,.category-tabs a:hover { background-color: #0e6eb8;}

    .case-mainer .list-contents { margin: 5px 0 0 0;}
    .case-mainer .list-contents ul li { margin-right: 1%; margin-bottom: 15px; float: left; width: 24.250000%; background-color: #f5f3f4; padding: 10px;}
    .case-mainer .list-contents ul li img { max-width: 100%;}
    .case-mainer .list-contents ul li:nth-child(4n) { margin-right: 0px;}

    .case-mainer .list-contents ul li .titles { font-size: 16px; margin: 10px 0;}
    .case-mainer .list-contents ul li .industrys { font-size: 16px;}
    .case-mainer .list-contents ul li .mores { color: #0e6eb8; margin: 50px 0 20px 0;}

    .case-mainer .list-contents ul li:hover { background-color: #0e6eb8;}
    .case-mainer .list-contents ul li:hover .titles,.case-mainer .list-contents ul li:hover .industrys,.case-mainer .list-contents ul li:hover .mores { color: #FFF;}


    .case-mainer .industry-contents { margin: 5px 0 0 0;}
    .case-mainer .industry-contents .titles { font-size: 18px; color: #000; font-weight: 700; text-align: center; margin: 0 0 30px 0;}
    .case-mainer .industry-contents .contents { padding-bottom: 20px;}

    .detail-cases { }
    .detail-cases .titles { margin: 5px 0 10px 0; text-align: center; font-weight: 700; font-size: 18px; color: #000;}
    .detail-cases .imgs { }


    .gallery_slide {
        width: 800px;
        margin: 50px auto 0px
    }

    .gallery_slide .slick-next,.gallery_slide .slick-prev {
        width: 42px;
        height: 62px
    }

    .gallery_slide .slick-next:before,.gallery_slide .slick-prev:before {
        content: ''
    }

    .gallery_slide .slick-prev {
        background: url(../img/g_arrow.png) 0px 0px no-repeat #e8e8e8;
        left: -240px
    }

    .gallery_slide .slick-prev:hover {
        background: url(../img/g_arrow.png) -42px 0px no-repeat #0071c1
    }

    .gallery_slide .slick-next {
        background: url(../img/g_arrow.png) 0px -62px no-repeat #e8e8e8;
        right: -240px
    }

    .gallery_slide .slick-next:hover {
        background: url(../img/g_arrow.png) -42px -62px no-repeat #0071c1
    }

    .gallery_slide .slider-for .slick-slide img {
        width: 100%;
        height: 540px
    }

    .gallery_slide .slider-for .slick-dots {
        bottom: 10px
    }

    .gallery_slide .slider-for .slick-dots li button:before {
        color: #fff;
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .gallery_slide .slider-for .slick-dots li.slick-active button:before {
        color: #0071c1;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .gallery_slide .slider-nav .slick-slide {
        opacity: .4;
        filter: alpha(opacity=40);
        margin: 0px 10px;
        border: 2px solid #fff;
        cursor: pointer;
        overflow: hidden;
    }

    .gallery_slide .slider-nav .slick-slide img {
        width: 100%;
        border: 2px solid #0071c1
    }

    .gallery_slide .slider-nav .slick-current {
        opacity: 1;
        filter: alpha(opacity=100);
        border: 2px solid #fff;
    }
    .am-img-responsive{ display:block; max-width:100%; height:auto; float: left;}


    .detail-cases .intros { margin: 20px 0 0 0; padding-top: 20px;}

    .detail-cases .pages { margin: 20px 0 0 0; padding: 0px 0; }
    .detail-cases .pages .lefts { text-align: right;}
    .detail-cases .pages .rights { text-align: left;}

    /* Case Mainer End */
	
	.pro-details .detail-contents .lefts .intros {padding-right: 0;}
}

@media (min-width: 1200px) {
    /* About Mainer Star */
    .about-mainer .list-contents { margin: 5px 0 0 0;}
    .about-mainer .list-contents ul li { margin-right: 1%; margin-bottom: 15px; float: left; width: 24.250000%; background-color: #f5f3f4; padding: 10px;}
    .about-mainer .list-contents ul li img { max-width: 100%;}
    .about-mainer .list-contents ul li:nth-child(4n) { margin-right: 0px;}

    .about-mainer .list-contents ul li .names { font-size: 16px; margin: 10px 0;}
    .about-mainer .list-contents ul li .industrys { font-size: 16px;}
    .about-mainer .list-contents ul li .mores { color: #0e6eb8; margin: 50px 0 20px 0;}

    .about-mainer .list-contents ul li:hover { background-color: #0e6eb8;}
    .about-mainer .list-contents ul li:hover .names,.about-mainer .list-contents ul li:hover .industrys,.about-mainer .list-contents ul li:hover .mores { color: #FFF;}
    /* About Mainer Star */

    /* Case Mainer Star */
    #case-mainer { padding: 25px 0; }
    .case-mainer { text-align: left;}

    .case-mainer .industry-tabs { }
    .case-mainer .industry-tabs a { text-align: center; color: #FFF; margin-bottom: 20px; background-color: #000; width: 13.428571%; font-size: 14px; padding: 8px 0; float: left; margin-right: 1%;}
    .case-mainer .industry-tabs a:nth-child(7n) { margin-right: 0px;}
    .case-mainer .industry-tabs a.active,.case-mainer .industry-tabs a:hover { background-color: #0e6eb8;}

    .case-mainer .category-titles { font-size: 18px; font-weight: 700; margin-bottom: 10px;}
    .category-tabs { padding-bottom: 0px; }
    .category-tabs a { text-align: center; color: #FFF; margin-bottom: 20px; background-color: #000; width: 13.428571%; font-size: 14px; padding: 8px 0; float: left; margin-right: 1%;}
    .category-tabs a:nth-child(7n) { margin-right: 0px;}
    .category-tabs a.active,.category-tabs a:hover { background-color: #0e6eb8;}

    .case-mainer .list-contents { margin: 5px 0 0 0;}
    .case-mainer .list-contents ul li { margin-right: 1%; margin-bottom: 15px; float: left; width: 24.250000%; background-color: #f5f3f4; padding: 10px;}
    .case-mainer .list-contents ul li img { max-width: 100%;}
    .case-mainer .list-contents ul li:nth-child(4n) { margin-right: 0px;}

    .case-mainer .list-contents ul li .titles { font-size: 16px; margin: 10px 0;}
    .case-mainer .list-contents ul li .industrys { font-size: 16px;}
    .case-mainer .list-contents ul li .mores { color: #0e6eb8; margin: 50px 0 20px 0;}

    .case-mainer .list-contents ul li:hover { background-color: #0e6eb8;}
    .case-mainer .list-contents ul li:hover .titles,.case-mainer .list-contents ul li:hover .industrys,.case-mainer .list-contents ul li:hover .mores { color: #FFF;}


    .case-mainer .industry-contents { margin: 5px 0 0 0;}
    .case-mainer .industry-contents .titles { font-size: 18px; color: #000; font-weight: 700; text-align: center; margin: 0 0 30px 0;}
    .case-mainer .industry-contents .contents { padding-bottom: 20px;}

    .detail-cases { }
    .detail-cases .titles { margin: 5px 0 10px 0; text-align: center; font-weight: 700; font-size: 18px; color: #000;}
    .detail-cases .imgs { }


    .gallery_slide {
        width: 800px;
        margin: 50px auto 0px
    }

    .gallery_slide .slick-next,.gallery_slide .slick-prev {
        width: 42px;
        height: 62px
    }

    .gallery_slide .slick-next:before,.gallery_slide .slick-prev:before {
        content: ''
    }

    .gallery_slide .slick-prev {
        background: url(../img/g_arrow.png) 0px 0px no-repeat #e8e8e8;
        left: -240px
    }

    .gallery_slide .slick-prev:hover {
        background: url(../img/g_arrow.png) -42px 0px no-repeat #0071c1
    }

    .gallery_slide .slick-next {
        background: url(../img/g_arrow.png) 0px -62px no-repeat #e8e8e8;
        right: -240px
    }

    .gallery_slide .slick-next:hover {
        background: url(../img/g_arrow.png) -42px -62px no-repeat #0071c1
    }

    .gallery_slide .slider-for .slick-slide img {
        width: 100%;
        height: 540px
    }

    .gallery_slide .slider-for .slick-dots {
        bottom: 10px
    }

    .gallery_slide .slider-for .slick-dots li button:before {
        color: #fff;
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .gallery_slide .slider-for .slick-dots li.slick-active button:before {
        color: #0071c1;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .gallery_slide .slider-nav .slick-slide {
        opacity: .4;
        filter: alpha(opacity=40);
        margin: 0px 10px;
        border: 2px solid #fff;
        cursor: pointer;
        overflow: hidden;
    }

    .gallery_slide .slider-nav .slick-slide img {
        width: 100%;
        border: 2px solid #0071c1
    }

    .gallery_slide .slider-nav .slick-current {
        opacity: 1;
        filter: alpha(opacity=100);
        border: 2px solid #fff;
    }
    .am-img-responsive{ display:block; max-width:100%; height:auto; float: left;}


    .detail-cases .intros { margin: 20px 0 0 0; padding-top: 20px;}

    .detail-cases .pages { margin: 20px 0 0 0; padding: 0px 0; }
    .detail-cases .pages .lefts { text-align: right;}
    .detail-cases .pages .rights { text-align: left;}

    /* Case Mainer End */
}

@media (min-width: 1366px) {

    /* About Mainer Star */
    .about-mainer .list-contents { margin: 5px 0 0 0;}
    .about-mainer .list-contents ul li { margin-right: 1%; margin-bottom: 15px; float: left; width: 24.250000%; background-color: #f5f3f4; padding: 10px;}
    .about-mainer .list-contents ul li img { max-width: 100%;}
    .about-mainer .list-contents ul li:nth-child(4n) { margin-right: 0px;}

    .about-mainer .list-contents ul li .names { font-size: 16px; margin: 10px 0;}
    .about-mainer .list-contents ul li .industrys { font-size: 16px;}
    .about-mainer .list-contents ul li .mores { color: #0e6eb8; margin: 50px 0 20px 0;}

    .about-mainer .list-contents ul li:hover { background-color: #0e6eb8;}
    .about-mainer .list-contents ul li:hover .names,.about-mainer .list-contents ul li:hover .industrys,.about-mainer .list-contents ul li:hover .mores { color: #FFF;}
    /* About Mainer End */

    /* Case Mainer Star */
    #case-mainer { padding: 25px 0; }
    .case-mainer { text-align: left;}

    .case-mainer .industry-tabs { }
    .case-mainer .industry-tabs a { text-align: center; color: #FFF; margin-bottom: 20px; background-color: #000; width: 13.428571%; font-size: 15px; padding: 8px 0; float: left; margin-right: 1%;}
    .case-mainer .industry-tabs a:nth-child(7n) { margin-right: 0px;}
    .case-mainer .industry-tabs a.active,.case-mainer .industry-tabs a:hover { background-color: #0e6eb8;}

    .case-mainer .category-titles { font-size: 18px; font-weight: 700; margin-bottom: 10px;}
    .category-tabs { padding-bottom: 0px; }
    .category-tabs a { text-align: center; color: #FFF; margin-bottom: 20px; background-color: #000; width: 13.428571%; font-size: 15px; padding: 8px 0; float: left; margin-right: 1%;}
    .category-tabs a:nth-child(7n) { margin-right: 0px;}
    .category-tabs a.active,.category-tabs a:hover { background-color: #0e6eb8;}

    .case-mainer .list-contents { margin: 5px 0 0 0;}
    .case-mainer .list-contents ul li { margin-right: 1%; margin-bottom: 15px; float: left; width: 24.250000%; background-color: #f5f3f4; padding: 10px;}
    .case-mainer .list-contents ul li img { max-width: 100%;}
    .case-mainer .list-contents ul li:nth-child(4n) { margin-right: 0px;}

    .case-mainer .list-contents ul li .titles { font-size: 16px; margin: 10px 0;}
    .case-mainer .list-contents ul li .industrys { font-size: 16px;}
    .case-mainer .list-contents ul li .mores { color: #0e6eb8; margin: 50px 0 20px 0;}

    .case-mainer .list-contents ul li:hover { background-color: #0e6eb8;}
    .case-mainer .list-contents ul li:hover .titles,.case-mainer .list-contents ul li:hover .industrys,.case-mainer .list-contents ul li:hover .mores { color: #FFF;}


    .case-mainer .industry-contents { margin: 5px 0 0 0;}
    .case-mainer .industry-contents .titles { font-size: 18px; color: #000; font-weight: 700; text-align: center; margin: 0 0 30px 0;}
    .case-mainer .industry-contents .contents { padding-bottom: 20px;}

    .detail-cases { }
    .detail-cases .titles { margin: 5px 0 10px 0; text-align: center; font-weight: 700; font-size: 18px; color: #000;}
    .detail-cases .imgs { }


    .gallery_slide {
        width: 800px;
        margin: 50px auto 0px
    }

    .gallery_slide .slick-next,.gallery_slide .slick-prev {
        width: 42px;
        height: 62px
    }

    .gallery_slide .slick-next:before,.gallery_slide .slick-prev:before {
        content: ''
    }

    .gallery_slide .slick-prev {
        background: url(../img/g_arrow.png) 0px 0px no-repeat #e8e8e8;
        left: -240px
    }

    .gallery_slide .slick-prev:hover {
        background: url(../img/g_arrow.png) -42px 0px no-repeat #0071c1
    }

    .gallery_slide .slick-next {
        background: url(../img/g_arrow.png) 0px -62px no-repeat #e8e8e8;
        right: -240px
    }

    .gallery_slide .slick-next:hover {
        background: url(../img/g_arrow.png) -42px -62px no-repeat #0071c1
    }

    .gallery_slide .slider-for .slick-slide img {
        width: 100%;
        height: 540px
    }

    .gallery_slide .slider-for .slick-dots {
        bottom: 10px
    }

    .gallery_slide .slider-for .slick-dots li button:before {
        color: #fff;
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .gallery_slide .slider-for .slick-dots li.slick-active button:before {
        color: #0071c1;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .gallery_slide .slider-nav .slick-slide {
        opacity: .4;
        filter: alpha(opacity=40);
        margin: 0px 10px;
        border: 2px solid #fff;
        cursor: pointer;
        overflow: hidden;
    }

    .gallery_slide .slider-nav .slick-slide img {
        width: 100%;
        border: 2px solid #0071c1
    }

    .gallery_slide .slider-nav .slick-current {
        opacity: 1;
        filter: alpha(opacity=100);
        border: 2px solid #fff;
    }
    .am-img-responsive{ display:block; max-width:100%; height:auto; float: left;}


    .detail-cases .intros { margin: 20px 0 0 0; padding-top: 20px;}

    .detail-cases .pages { margin: 20px 0 0 0; padding: 0px 0; }
    .detail-cases .pages .lefts { text-align: right;}
    .detail-cases .pages .rights { text-align: left;}

    /* Case Mainer End */
}