@media (max-width:1500px) {
    .layout {
        border: 0
    }

    .breadCrumb {
        padding-right: 50px;
        text-align: right
    }
}

@media (max-width:767px) {
    .tk{
        -webkit-transform:translate(-50%,-50%) scale(0.4);
        transform:translate(-50%,-50%) scale(0.4);
    }
    .menu {
        display: block;
        font-size: 18px;
        top: 15px;
        right: 15px
    }

    .menu_close {
        position: fixed;
        display: block;
        font-size: 14px;
        left: auto;
        right: 0;
        z-index: 11;
        border-radius: 0 0 100% 100%
    }

    body {
        padding-top: 60px
    }

    .header {
        height: 60px;
        box-shadow: 0 0 10px 4px rgba(0, 0, 0, .05);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%
    }

    .header .logo {
        top: 10px;
        left: 15px
    }

    .header .logo img {
        height: 40px
    }

    .header .header_top {
        display: none
    }

    .header .index_nav {
        -webkit-transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
        position: fixed;
        right: 0;
        top: 0;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
        width: 150px;
        bottom: 0;
        background: #fff;
        z-index: 1115 !important;
        padding-top: 20px;
        margin-right: 0;
        margin-top: 0;
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    .header .index_nav>ul>li {
        margin-left: 0;
        margin-right: 0;
        background: 0 0;
        width: 100%;
        height: auto
    }

    .header .index_nav>ul>li>.xl {
        width: 100%;
        margin-left: 0;
        position: static;
        display: block;
        line-height: 24px;
        margin-top: -5px;
        background: 0 0;
        padding-top: 5px;
        height: auto;
        padding-bottom: 5px
    }

    .header .index_nav>ul>li>.xl a {
        color: #333;
        font-size: 13px;
        display: block;
        margin-left: 0;
        margin-right: 0
    }

    .header .index_nav>ul>li>a {
        height: auto;
        line-height: 40px;
        text-align: center;
        padding-left: 0;
        padding-top: 0;
        padding-right: 0;
        color: #000;
        display: block;
        font-size: 16px;
        border-top: 0;
        background: 0 0 !important
    }

    .header .index_nav>ul>li>a span {
        display: none
    }

    .header .index_nav>ul>li>a.on,
    .header .index_nav>ul>li>a:hover {
        border-top: 0
    }

    .breadCrumb {
        display: none;
        padding-right: 15px;
        height: 40px;
        background: #f3f3f3;
        text-align: right;
        color: #999;
        font-size: 14px;
        line-height: 40px
    }

    .breadCrumb span {
        margin-left: 5px;
        margin-right: 5px
    }

    .breadCrumb a {
        color: #999
    }

    .ejnav {
        height: auto
    }

    .ejnav a {
        border-top: solid 2px #fff;
        margin-right: 12px;
        margin-left: 12px;
        line-height: 36px;
        font-size: 14px
    }

    .ej_tit {
        font-size: 14px
    }

    .ejmain {
        padding-top: 15px;
        padding-bottom: 20px
    }

    .ejmain .col-md-8 ul {
        margin-top: -10px
    }

    .ejmain .col-md-8 ul li {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 15px
    }

    .ejmain .col-md-8 ul li:hover {
        margin-left: -15px;
        margin-right: -15px;
        padding-right: 30px;
        padding-left: 15px
    }

    .ejmain .col-md-8 ul li .cont {
        margin-left: 130px
    }

    .ejmain .col-md-8 ul li .cont .tit a {
        font-size: 16px;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
        display: block
    }

    .ejmain .col-md-8 ul li .cont .date {
        font-size: 12px
    }

    .ejmain .col-md-8 ul li .cont .date img {
        width: 14px
    }

    .ejmain .col-md-8 ul li .cont .note {
        line-height: 18px;
        font-size: 14px;
        height: 54px;
        overflow: hidden
    }

    .ejmain .col-md-8 .ej_more {
        margin-top: 0;
        height: 30px;
        line-height: 30px
    }

    .ejmain .col-md-8 .ej_more img {
        width: 15px
    }

    .ejmain .col-md-4 {
        margin-top: 20px
    }

    .ejmain .col-md-4 .ejm_div1 {
        padding: 15px 15px 10px;
        border-top: solid 2px #82d400
    }

    .ejmain .col-md-4 .ejm_div1 .pic {
        margin-top: 10px
    }

    .ejmain .col-md-4 .ejm_div1 .tit1 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .ejmain .col-md-4 .ejm_div1 .tit1 a {
        font-size: 14px
    }

    .ejmain .col-md-4 .ejm_div1 .more2 {
        padding-top: 0;
        padding-bottom: 5px
    }

    .ejmain .col-md-4 .ejm_div1 .more2.on img {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .ejmain .col-md-4 .ejm_div1 .cont {
        border-top: solid 1px #bfbfbf;
        padding-top: 10px
    }

    .ejmain .col-md-4 .ejm_div1 .cont ul li a {
        line-height: 20px
    }

    .ejmain .col-md-4 .ejm_div2 {
        margin-top: 15px;
        padding: 15px 15px 10px;
        border-top: solid 2px #82d400
    }

    .ejmain .col-md-4 .ejm_div2 .cont {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .ejmain .col-md-4 .ejm_div2 .cont a {
        margin-right: 5px
    }

    .ejmain .col-md-4 .ejm_div3 {
        margin-top: 15px;
        border-top: solid 2px #82d400
    }

    .ejmain .col-md-4 .ejm_div3 .ejm_a {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .ejmain .col-md-4 .ejm_div3 .ejm_a .tit {
        font-size: 14px;
        font-weight: 700
    }

    .footer1 {
        height: auto;
        line-height: 24px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: solid 1px #dcdcdc;
        text-align: center
    }

    .footer1 div {
        display: inline-block;
        margin-right: 0
    }

    .footer1 div span {
        font-size: 14px
    }

    .footer2 {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 12px;
        padding-bottom: 12px;
        color: #909090;
        text-align: center;
        font-size: 13px
    }

    .footer2 a {
        font-size: 13px
    }

    .footer2 .footer2_right {
        display: none
    }

    .banner {
        height: 160px
    }

    .banner .prev {
        width: 30px;
        height: 30px;
        left: 15px;
        background-size: cover !important;
        margin-top: -15px;
        opacity: 1;
        z-index: 3
    }

    .banner .next {
        width: 30px;
        height: 30px;
        right: 15px;
        background-size: cover !important;
        margin-top: -15px;
        opacity: 1;
        z-index: 3
    }

    .banner .item {
        height: 160px;
        background-size: cover !important
    }

    .index_main1 {
        padding-top: 5px;
        padding-bottom: 20px
    }

    .index_main1 .col-xs-12 {
        margin-top: 15px
    }

    .index_main1 .row_div a.abs span.abs {
        padding-left: 15px;
        padding-right: 15px
    }

    .index_main1 .row_div a.abs span.abs span.fr {
        width: 70px
    }

    .index_main1 .row_div a.abs span.abs span.cont {
        margin-right: 80px
    }

    .index_main1 .row_div a.abs span.abs span.cont .tit {
        font-size: 18px
    }

    .contact_main {
        padding-top: 10px
    }

    .contact_main .tit {
        font-size: 16px
    }

    .contact_main .cont {
        padding-top: 5px
    }

    .contact_main .cont .cont_div {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .contact_main .cont .cont_div span.fl {
        font-size: 14px
    }

    .contact_main .cont .cont_div .cont1 {
        font-size: 14px;
        margin-left: 85px
    }

    .about_m {
        padding-top: 10px;
        padding-bottom: 0
    }

    .about_m .date {
        font-size: 34px;
        line-height: 34px
    }

    .about_m .tit {
        font-size: 18px
    }

    .about_m .note {
        line-height: 22px;
        padding-top: 15px
    }

    .about_m img.fr {
        margin-left: 0;
        margin-bottom: 10px
    }

    .about_bot .row_div {
        margin-top: -5px
    }

    .news_details .tit {
        font-size: 16px
    }

    .news_details .note {
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 10px
    }

    .news_details .note div {
        margin-right: 20px
    }

    .news_details .cont1 {
        line-height: 22px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .news_details .cont {
        line-height: 22px
    }

    .news_details .cont .cont_pic {
        padding-top: 10px;
        padding-bottom: 0
    }

    .news_details .cont .cont_pic img {
        margin-bottom: 10px
    }

    .news_details .backlist {
        padding-top: 15px
    }

    .news_details .backlist a {
        height: 36px;
        font-size: 14px;
        line-height: 36px
    }

    .pro_main {
        padding-top: 5px;
        padding-bottom: 0;
        margin-top: -20px
    }

    .pro_main .col-md-4 {
        margin-top: 0
    }

    .pro_main .row_div {
        border: solid 1px #e5e5e5;
        margin-top: 15px
    }

    .pro_main .row_div:hover {
        box-shadow: 0 0 10px 4px rgba(0, 0, 0, .1);
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    .pro_main .row_div .tit {
        padding-top: 15px
    }

    .pro_main .row_div .tit a {
        font-size: 16px
    }

    .pro_main .row_div .note {
        max-width: 280px;
        font-size: 14px;
        margin-top: 5px;
        padding-left: 15px;
        padding-right: 15px
    }

    .pro_main .row_div .more {
        margin-top: 12px;
        line-height: 40px
    }

    .pro_details_top .pro_main2 {
        margin-left: 0
    }

    .pro_details_top .pro_main2 .tit {
        height: 36px;
        line-height: 36px;
        padding-left: 15px;
        font-size: 14px
    }

    .pro_details_top .pro_main2 .cont {
        height: 300px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        margin-top: 15px;
        line-height: 22px
    }

    .pro_details_top .pro_main1 {
        width: 100%;
        height: auto;
        float: none
    }

    .pro_details_top .pro_main1 img {
        max-width: 100%
    }

    .pro_details_top .pro_main1 .pro_m .item {
        width: 100%;
        height: auto
    }

    .pro_details_top .pro_main1 .pro_m1 .item.on {
        border: solid 2px #82d400
    }

    .pro_details_main {
        padding-top: 14px
    }

    .pro_details_main .tit {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        padding-left: 15px
    }

    .pro_details_main .pro_details_list {
        padding-top: 0
    }

    .pro_details_main .pro_details_list .pro_div1 {
        margin-top: 10px
    }

    .pro_details_main .pro_details_list .pro_div1 .tit1 {
        height: auto;
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 25px;
        font-size: 14px;
        background-size: 15px !important
    }

    .pro_details_main .pro_details_list .pro_div1 .more1 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .pro_details_main .pro_details_list .pro_div1 ul li {
        height: 36px;
        line-height: 36px;
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden
    }

    .pro_details_main .pro_details_list .pro_div1 ul li a {
        display: inline-block
    }

    .pro_details_main .pro_details_list .pro_div1 ul li a.a1 {
        color: #666;
        font-size: 14px;
        margin-right: 15px
    }

    .pro_details_main .pro_details_list .pro_div1 ul li a.a2 {
        color: #fed328;
        display: none;
        font-size: 14px
    }

    .ly_main {
        margin-top: 0;
        top: 0;
        padding-bottom: 20px
    }

    .ly_main .tit {
        font-size: 16px
    }

    .ly_main .cont {
        margin-top: 15px
    }

    .ly_main .cont .form_divv {
        margin-left: 0;
        position: relative;
        top: -40px
    }

    .ly_main .cont .form_div {
        width: 100%
    }

    .ly_main .cont .form_div .form_btn1 {
        height: 40px;
        font-size: 16px;
        position: relative;
        top: 180px
    }

    .ly_main .cont .form_div .form_div1 {
        margin-bottom: 15px;
        height: 40px;
        border: solid 1px #c9c9c9;
        line-height: 38px
    }

    .ly_main .cont .form_div .form_div1 span.xing {
        color: red;
        padding-left: 10px;
        font-size: 14px
    }

    .ly_main .cont .form_div .form_div1 .cont1 {
        margin-left: 20px
    }

    .ly_main .cont .form_div .form_div1 .cont1 .cont1_inp {
        width: 100%;
        height: 38px;
        border: 0;
        line-height: 38px;
        background: 0 0
    }

    .ejmainn {
        background: #fafafa;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .ejmainn .tit {
        font-size: 16px;
        line-height: 16px
    }

    .ejmainn .cont {
        padding-top: 15px
    }

    .ejmainn .cont .cont_div {
        margin-bottom: 15px
    }

    .ejmainn .cont .cont_div .tit1 {
        padding-left: 15px
    }

    .ejmainn .cont .cont_div .tit1 span {
        display: block
    }

    .ejmainn .cont .cont_div .tit1 div.dib {
        margin-right: 10px
    }

    .ejmainn .cont .cont_div .cont1 {
        padding-left: 15px;
        padding-right: 15px
    }

    .ejmainn .cont .cont_div .cont1 .cont1_div {
        line-height: 22px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .pages a {
        padding: 4px 8px;
        font-size: 12px
    }

    .pages strong {
        padding: 4px 10px;
        font-size: 12px
    }

    .banner .owl-dots {
        right: 0;
        width: 100%;
        bottom: 10px
    }

    .pro_details_top .pro_main2 .cont1 {
        height: auto;
        margin-top: 10px;
        overflow-y: auto;
        line-height: 22px;
        margin-bottom: 0;
        padding-left: 10px
    }

    .pro_details_top .pro_main2 .cont1 ul li {
        line-height: 26px
    }

    .pro_details_top .pro_main2 .cont1 ul li a {
        color: #fed328;
        font-size: 14px;
        font-weight: 700
    }

    .pro_details_top .pro_main2 .cont1 ul li a span {
        color: #666;
        font-size: 14px;
        margin-right: 15px
    }

    .pro_details_bot1 {
        padding-top: 20px;
        padding-bottom: 10px;
        background: #fafafa
    }

    .pro_details_bot1 .row_div {
        border: solid 1px #e5e5e5;
        margin-bottom: 20px
    }

    .pro_details_bot1 .row_div:hover {
        box-shadow: 0 0 10px 4px rgba(0, 0, 0, .1);
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    .pro_details_bot1 .row_div .tit {
        padding-top: 10px;
        text-align: center
    }

    .pro_details_bot1 .row_div .tit a {
        font-size: 16px
    }

    .pro_details_bot1 .row_div .more {
        margin-top: 12px;
        line-height: 40px
    }

    .pro_details_bot1 .row_div .more a {
        color: #999
    }

    .pro_details_bot1 .row_div .more a:hover {
        color: #fed328
    }

    .footer2 .footer2_left .cont div {
        width: 220px !important;
        margin: 0 auto !important;
        padding: 5px 0 0 !important
    }
}