@media (min-width:1400px) {
    .container {
        width: 1350px
    }
    .container-fluid {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (max-width:1600px) {
    .header {
        height: 100px;
        background: #fff;
        width: 100%;
        z-index: 3;
        position: relative
    }
    .header .logo {
        top: 25px;
        left: 100px;
        z-index: 2
    }
    .header .header_search {
        position: absolute;
        right: 100px;
        top: 50%;
        margin-top: -11px;
        cursor: pointer
    }
    .header .index_nav {
        right: 200px;
        top: 0
    }
    .header .index_nav>ul {
        text-align: center
    }
    .header .index_nav>ul>li {
        float: none;
        display: inline-block;
        height: 100px;
        position: relative;
        padding-left: 46px
    }
    .header .index_nav>ul>li>a {
        display: block;
        color: #222;
        font-size: 18px;
        line-height: 100px
    }
    .header .index_nav>ul>li>a.on,
    .header .index_nav>ul>li>a:hover {
        color: #e60113
    }
    .header .index_nav>ul>li .xl {
        position: absolute;
        top: 100px;
        left: 50%;
        display: none
    }
    .header .index_nav>ul>li .xl.xl1 {
        width: 1080px;
        background: #fff;
        margin-left: -340px !important;
        padding: 25px 80px 70px;
        border-top: solid 3px #e60113
    }
    .header .index_nav>ul>li .xl.xl1 ul li {
        width: 33.33%;
        margin-top: 30px
    }
    .header .index_nav>ul>li .xl.xl1 ul li a .pic {
        width: 134px
    }
    .header .index_nav>ul>li .xl.xl1 ul li a .tit {
        position: absolute;
        left: 150px;
        right: 0;
        top: 50%;
        margin-top: -15px;
        line-height: 30px;
        color: #222;
        font-size: 16px;
        text-align: left
    }
    .header .index_nav>ul>li .xl.xl1 ul li a:hover .tit {
        color: #e60113
    }
    .header .index_nav>ul>li .xl.xl2 {
        width: 200px;
        top: 100px;
        margin-left: -77px;
        background: #fff;
        border-top: solid 3px #e60113;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .header .index_nav>ul>li .xl.xl2 ul li {
        height: 40px;
        line-height: 40px
    }
    .header .index_nav>ul>li .xl.xl2 ul li a {
        color: #222;
        font-size: 16px
    }
    .header .index_nav>ul>li .xl.xl2 ul li a:hover {
        color: #e60113
    }
}

@media (max-width:1400px) {
    .container {
        width: 1170px
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
        width: 1170px
    }
    .header {
        height: 80px;
        background: #fff;
        width: 100%;
        z-index: 3;
        position: relative
    }
    .header .container-fluid {
        position: relative;
        height: 80px
    }
    .header .logo {
        top: 15px;
        left: 15px;
        z-index: 2
    }
    .header .header_search {
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -11px;
        cursor: pointer
    }
    .header .index_nav {
        right: 100px;
        top: 0
    }
    .header .index_nav>ul {
        text-align: center
    }
    .header .index_nav>ul>li {
        float: none;
        display: inline-block;
        height: 80px;
        position: relative;
        padding-left: 26px
    }
    .header .index_nav>ul>li>a {
        display: block;
        color: #222;
        font-size: 16px;
        line-height: 80px
    }
    .header .index_nav>ul>li>a.on,
    .header .index_nav>ul>li>a:hover {
        color: #e60113
    }
    .header .index_nav>ul>li .xl {
        position: absolute;
        top: 80px;
        left: 50%;
        display: none
    }
    .header .index_nav>ul>li .xl.xl1 {
        width: 1080px;
        background: #fff;
        margin-left: -480px !important;
        padding: 25px 80px 70px;
        border-top: solid 3px #e60113
    }
    .header .index_nav>ul>li .xl.xl1 ul li {
        width: 33.33%;
        margin-top: 30px
    }
    .header .index_nav>ul>li .xl.xl1 ul li a .pic {
        width: 134px
    }
    .header .index_nav>ul>li .xl.xl1 ul li a .tit {
        position: absolute;
        left: 150px;
        right: 0;
        top: 50%;
        margin-top: -15px;
        line-height: 30px;
        color: #222;
        font-size: 16px;
        text-align: left
    }
    .header .index_nav>ul>li .xl.xl1 ul li a:hover .tit {
        color: #e60113
    }
    .header .index_nav>ul>li .xl.xl2 {
        width: 160px;
        top: 80px;
        margin-left: -67px;
        background: #fff;
        border-top: solid 3px #e60113;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .header .index_nav>ul>li .xl.xl2 ul li {
        height: 36px;
        line-height: 36px
    }
    .header .index_nav>ul>li .xl.xl2 ul li a {
        color: #222;
        font-size: 14px
    }
    .header .index_nav>ul>li .xl.xl2 ul li a:hover {
        color: #e60113
    }
    .hengxian {
        margin-top: 15px;
        width: 40px;
        height: 4px
    }
    .index_main {
        padding-top: 70px
    }
    .index_main .tit {
        color: #222;
        font-size: 20px;
        line-height: 36px
    }
    .index_main .row {
        margin-left: -15px;
        margin-right: -15px
    }
    .index_main .row .col-xs-12 {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 15px;
        line-height: 30px;
        color: #333;
        font-size: 16px
    }
    .index_tit .tit {
        color: #222;
        font-size: 22px
    }
    .index_tit .more {
        padding-top: 20px
    }
    .index_tit .more a {
        color: #666;
        font-size: 16px;
        display: inline-block;
        padding-left: 20px;
        background: url(../images/diandian.png) no-repeat left center
    }
    .index_tit .more a:hover {
        color: #e60113;
        background: url(../images/diandian2.png) no-repeat left center
    }
    .index_main1 {
        padding-top: 60px;
        padding-bottom: 80px
    }
    .index_main1.pro_list {
        background: #fff;
        padding-top: 45px;
        padding-bottom: 50px
    }
    .index_main1.pro_list .row {
        padding-bottom: 50px
    }
    .index_main1.pro_list .row .col-xs-12 .item .tit {
        background: #f8f8f8
    }
    .index_main1.pro_list .row .col-xs-12 .item .item_abs {
        background: #f8f8f8
    }
    .index_main1 .row {
        margin-left: -12px;
        margin-right: -12px
    }
    .index_main1 .row .col-xs-12 {
        padding-left: 12px;
        padding-right: 12px
    }
    .index_main1 .row .col-xs-12 .item {
        margin-top: 40px;
        overflow: hidden;
        position: relative
    }
    .index_main1 .row .col-xs-12 .item:hover .item_abs {
        opacity: 1;
        bottom: 0
    }
    .index_main1 .row .col-xs-12 .item .tit {
        height: 50px;
        margin-top: 6px;
        background: #fff
    }
    .index_main1 .row .col-xs-12 .item .tit a {
        color: #222;
        font-size: 16px;
        display: block;
        padding-left: 30px;
        line-height: 50px
    }
    .index_main1 .row .col-xs-12 .item .item_abs {
        position: absolute;
        width: 100%;
        padding: 15px 30px 20px;
        background: #fff;
        bottom: 0;
        left: 0;
        opacity: 0;
        bottom: -100%;
        -webkit-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out
    }
    .index_main1 .row .col-xs-12 .item .item_abs .tit1 a {
        color: #e60113;
        font-size: 16px
    }
    .index_main1 .row .col-xs-12 .item .item_abs .note {
        color: #666;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 22px;
        height: 44px;
        overflow: hidden
    }
    .index_main1 .row .col-xs-12 .item .item_abs .more a {
        border-radius: 5px;
        background-color: #e60113;
        width: 120px;
        height: 36px;
        display: block;
        line-height: 36px;
        color: #fff;
        font-size: 14px;
        text-align: center
    }
    .index_main1 .row .col-xs-12 .item .item_abs .more a img {
        margin-left: 3px
    }
    .footer {
        background: #303030;
        padding: 45px 0 20px
    }
    .footer .footer_top .footer_cont {
        width: 360px;
        float: right
    }
    .footer .footer_top .footer_cont .tit {
        color: #fff;
        font-size: 18px
    }
    .footer .footer_top .footer_cont .cont {
        color: #c5c9cf;
        font-size: 14px;
        padding-top: 10px;
        line-height: 30px
    }
    .footer .footer_top .footer_cont .cont img {
        margin-top: 5px
    }
    .footer .footer_top .footer_cont .cont ul li .cont1 {
        margin-left: 35px
    }
    .footer .footer_top .footer_cont .cont ul li .cont1 a {
        color: #c5c9cf
    }
    .footer .footer_top .footer_nav {
        margin-right: 360px
    }
    .footer .footer_top .footer_nav ul {
        width: 20%
    }
    .footer .footer_top .footer_nav ul li.li_tit {
        padding-bottom: 10px
    }
    .footer .footer_top .footer_nav ul li.li_tit a {
        color: #fff;
        font-size: 18px
    }
    .footer .footer_top .footer_nav ul li.li_nr {
        line-height: 30px
    }
    .footer .footer_top .footer_nav ul li.li_nr a {
        color: #c5c9cf;
        font-size: 14px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .footer .footer_top .footer_nav ul li.li_nr a:hover {
        color: #fff
    }
    .footer .footer_bot {
        margin-top: 28px
    }
    .footer .footer_bot .tit {
        color: #979ca3;
        font-size: 14px
    }
    .footer .footer_bot .cont {
        margin-left: 40px
    }
    .footer .footer_bot .cont a {
        color: #979ca3;
        font-size: 14px
    }
    .footer .footer_bot .cont span {
        color: #979ca3;
        font-size: 14px;
        margin-left: 5px;
        margin-right: 5px
    }
    .copyRight {
        background: #ffc000;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #333;
        font-size: 14px
    }
    .copyRight a {
        color: #333;
        font-size: 14px
    }
    .backtop {
        position: fixed;
        bottom: 200px;
        right: 20px;
        box-shadow: 0 5px 46px 0 rgba(0, 0, 0, .13);
        z-index: 10;
        border-radius: 100%;
        cursor: pointer
    }
    .ej_tit .tit {
        color: #222;
        font-size: 34px
    }
    .ej_tit .hengxian1 {
        width: 40px;
        height: 1px;
        background: #e60113;
        margin-top: 15px
    }
    .case_main .case_m>ul {
        margin-bottom: 50px
    }
    .case_main .case_m>ul li {
        margin-top: 50px
    }
    .case_main .case_m>ul li .pic {
        float: left;
        width: 50%;
        overflow: hidden
    }
    .case_main .case_m>ul li .pic img {
        width: 100%;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .case_main .case_m>ul li .cont {
        margin-left: 50%;
        padding-left: 50px
    }
    .case_main .case_m>ul li .cont .note {
        margin-top: 25px;
        line-height: 36px;
        color: #333;
        font-size: 16px;
        height: 180px
    }
    .case_main .case_m>ul li .cont .bot {
        border-top: solid 1px #eee;
        padding-top: 15px;
        color: #888;
        font-size: 16px
    }
    .case_main .case_m>ul li .cont .bot .dib {
        margin-right: 30px
    }
    .case_main .case_m>ul li .cont .bot .dib img {
        margin-right: 10px
    }
    .case_main .case_m>ul li:nth-child(2n) .cont {
        padding-right: 30px
    }
    .about_tank {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    .news_details .tit {
        font-size: 28px
    }
    .news_details .bot {
        border-bottom: solid 1px #eee;
        padding-bottom: 15px;
        padding-top: 10px;
        line-height: 45px
    }
    .news_details .cont {
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: solid 1px #eee;
        color: #333;
        font-size: 16px;
        line-height: 30px;
        width: 100%
    }
    .news_details .picc {
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left: -10px;
        margin-right: -10px
    }
    .news_details .picc .col-xs-12 {
        padding-left: 10px;
        padding-right: 10px
    }
    .news_details .picc .col-xs-12 img {
        width: 100%
    }
    .news_details .fanye {
        padding-top: 45px
    }
    .video_tank {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    .contact_main .item .item_left {
        width: 440px
    }
    .contact_main .item .item_left .con_tit {
        margin-bottom: 40px
    }
    .contact_main .item .item_left .con_tit .tit {
        height: 60px;
        color: #222;
        font-size: 26px;
        padding: 0 35px;
        line-height: 60px;
        background: #f8f8f8;
        border-left: solid 3px #e60113
    }
    .contact_main .item .item_left .item1 {
        margin-top: 24px
    }
    .contact_main .item .item_left .item1 .icon {
        width: 72px;
        padding-top: 5px;
        float: left
    }
    .contact_main .item .item_left .item1 .cont {
        margin-left: 72px
    }
    .contact_main .item .item_left .item1 .cont .tit {
        color: #999;
        font-size: 16px
    }
    .contact_main .item .item_left .item1 .cont .note {
        color: #666;
        font-size: 18px;
        margin-top: 0
    }
    .contact_main .item .item_left .item1 .cont .note a {
        color: #666
    }
    .contact_main .item .map {
        margin-left: 440px
    }
    .contact_main .item .map img {
        width: 100%
    }
}

@media (max-width:1200px) {
    .container-fluid {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
    .container {
        width: 100%
    }
    .hsbtm1 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .3);
        z-index: 10;
        display: none
    }
    .search_tk {
        width: 90%;
        background: rgba(255, 255, 255, .9);
        padding: 15px 15px;
        position: fixed;
        z-index: 11;
        top: 120px;
        left: 5%;
        margin-left: 0;
        display: none
    }
    .search_tk .chacha {
        position: absolute;
        right: 0;
        top: -25px;
        width: 20px;
        height: 20px;
        background: url(../images/chacha.png) no-repeat center center;
        cursor: pointer
    }
    .search_tk .form {
        position: relative
    }
    .search_tk .form .inp1 {
        width: 100%;
        height: 36px;
        padding: 0 15px;
        line-height: 32px;
        background: #fff;
        border: solid 2px #e60113
    }
    .search_tk .form .btn1 {
        position: absolute;
        right: 0;
        top: 0;
        height: 36px;
        width: 84px;
        color: #fff;
        background: #e60113;
        border: 0
    }
    .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%
    }
    .header_top {
        height: 30px;
        line-height: 30px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3
    }
    body {
        padding-top: 90px
    }
    .header {
        height: 60px;
        position: fixed;
        top: 30px;
        left: 0;
        width: 100%;
        z-index: 3
    }
    .header .logo {
        top: 10px;
        left: 15px
    }
    .header .logo img {
        height: 40px
    }
    .header .header_search {
        right: 65px;
        top: 32px
    }
    .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: 320px;
        top: 0;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
        width: 200px;
        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-right: 0;
        background: 0 0;
        width: 100%;
        height: auto;
        margin-left: 0;
        padding-left: 0
    }
    .header .index_nav>ul>li .xl {
        position: static;
        display: block
    }
    .header .index_nav>ul>li .xl.xl1 {
        width: 100%;
        background: #fff;
        margin-left: 0 !important;
        padding: 0;
        display: none;
        border-top: solid 1px #e60113
    }
    .header .index_nav>ul>li .xl.xl1 ul li {
        width: 100%;
        margin-top: 10px
    }
    .header .index_nav>ul>li .xl.xl1 ul li a .pic {
        width: 134px;
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    .header .index_nav>ul>li .xl.xl1 ul li a .tit {
        position: static;
        display: block;
        left: 150px;
        right: 0;
        top: 50%;
        margin-top: 2px;
        line-height: 30px;
        color: #222;
        font-size: 14px;
        text-align: center
    }
    .header .index_nav>ul>li .xl.xl1 ul li a:hover .tit {
        color: #e60113
    }
    .header .index_nav>ul>li .xl.xl2 {
        width: 100%;
        margin-left: 0;
        background: #fff;
        border-top: solid 1px #e60113;
        padding-top: 0;
        padding-bottom: 10px
    }
    .header .index_nav>ul>li .xl.xl2 ul li {
        height: 30px;
        line-height: 30px
    }
    .header .index_nav>ul>li .xl.xl2 ul li a {
        color: #222;
        font-size: 14px
    }
    .header .index_nav>ul>li .xl.xl2 ul li a:hover {
        color: #e60113
    }
    .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
    }
    .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
    }
    .banner .prev {
        width: 30px;
        height: 30px;
        background: url(../images/zuojian.png) no-repeat center center #e60113;
        border-radius: 4px;
        cursor: pointer;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        right: 35px;
        z-index: 2;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .banner .prev:hover {
        opacity: .9
    }
    .banner .next {
        width: 30px;
        height: 30px;
        background: url(../images/youjian.png) no-repeat center center #e60113;
        border-radius: 4px;
        cursor: pointer;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        right: 0;
        z-index: 2;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .banner .next:hover {
        opacity: .9
    }
    .banner #owl-demo1 {
        height: auto
    }
    .banner #owl-demo1 .owl-dots {
        display: none
    }
    .banner #owl-demo1 .item {
        height: auto
    }
    .banner #owl-demo1 .item img {
        display: block
    }
    .mobileshow {
        display: block !important
    }
    .pcshow {
        display: none !important
    }
    .hengxian {
        margin-top: 10px;
        width: 30px;
        height: 3px;
        background: #e60113
    }
    .index_main {
        padding-top: 20px
    }
    .index_main .tit {
        color: #222;
        font-size: 16px;
        line-height: 28px
    }
    .index_main .row {
        margin-left: -15px;
        margin-right: -15px
    }
    .index_main .row .col-xs-12 {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 15px;
        line-height: 24px;
        color: #333;
        font-size: 14px
    }
    .index_tit .tit {
        color: #222;
        font-size: 18px
    }
    .index_tit .more {
        padding-top: 10px
    }
    .index_tit .more a {
        font-size: 14px;
        display: inline-block;
        padding-left: 20px;
        color: #e60113;
        background: url(../images/diandian2.png) no-repeat left center
    }
    .index_tit .more a:hover {
        color: #e60113;
        background: url(../images/diandian2.png) no-repeat left center
    }
    .index_main1 {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .index_main1.pro_list {
        background: #fff;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .index_main1.pro_list .row {
        padding-bottom: 20px
    }
    .index_main1.pro_list .row .col-xs-12 .item .tit {
        background: #f8f8f8
    }
    .index_main1.pro_list .row .col-xs-12 .item .item_abs {
        background: #f8f8f8
    }
    .index_main1 .row {
        margin-left: -8px;
        margin-right: -8px
    }
    .index_main1 .row .col-xs-12 {
        padding-left: 8px;
        padding-right: 8px;
        width: 50%
    }
    .index_main1 .row .col-xs-12 .item {
        margin-top: 15px;
        overflow: hidden;
        position: relative
    }
    .index_main1 .row .col-xs-12 .item:hover .item_abs {
        opacity: 0;
        bottom: -100%
    }
    .index_main1 .row .col-xs-12 .item .tit {
        height: 40px;
        margin-top: 5px;
        background: #fff;
        overflow: hidden
    }
    .index_main1 .row .col-xs-12 .item .tit a {
        color: #222;
        font-size: 16px;
        display: block;
        padding-left: 20px;
        line-height: 40px
    }
    .index_main1 .row .col-xs-12 .item .item_abs {
        display: none
    }
    .footer {
        background: #53575e;
        padding: 20px 0 20px
    }
    .footer .footer_top .footer_cont {
        width: 100%;
        float: right
    }
    .footer .footer_top .footer_cont .tit {
        color: #fff;
        font-size: 16px
    }
    .footer .footer_top .footer_cont .cont {
        color: #c5c9cf;
        font-size: 14px;
        padding-top: 15px;
        line-height: 38px
    }
    .footer .footer_top .footer_cont .cont img {
        margin-top: 3px
    }
    .footer .footer_top .footer_cont .cont ul li .cont1 {
        margin-left: 35px
    }
    .footer .footer_top .footer_cont .cont ul li .cont1 a {
        color: #c5c9cf
    }
    .footer .footer_top .footer_nav {
        display: none
    }
    .footer .footer_bot {
        margin-top: 8px
    }
    .footer .footer_bot .tit {
        color: #979ca3;
        font-size: 14px
    }
    .footer .footer_bot .cont {
        margin-left: 70px
    }
    .footer .footer_bot .cont a {
        color: #979ca3;
        font-size: 14px
    }
    .footer .footer_bot .cont span {
        color: #979ca3;
        font-size: 14px;
        margin-left: 5px;
        margin-right: 5px
    }
    .copyRight {
        background: #ffc000;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #333;
        font-size: 14px
    }
    .copyRight div {

    }
    .copyRight a {
        color: #333;
        font-size: 14px
    }
    .backtop {
        display: none
    }
    .ej_nav {
        border-bottom: solid 1px #eee;
        background: #fff
    }
    .ej_nav ul {
        margin-bottom: 0
    }
    .ej_nav ul li {
        width: 33.33%
    }
    .ej_nav ul li a {
        display: block;
        border-top: solid 2px #fff;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        color: #333;
        font-size: 14px
    }
    .ej_nav ul li a img {
        width: 60px
    }
    .ej_nav ul li a:hover {
        color: #333;
        border-top: solid 2px #fff;
        background: #fff
    }
    .ej_nav ul li a.on {
        color: #e60113;
        border-top: solid 2px #e60113;
        background: #f6f6f6
    }
    .ej_nav ul li a img {
        margin-bottom: 10px
    }
    .ej_tit .tit {
        color: #222;
        font-size: 18px
    }
    .ej_tit .hengxian1 {
        width: 30px;
        height: 1px;
        background: #e60113;
        margin-top: 10px
    }
    .ej_tit .note {
        font-size: 14px;
        padding-top: 10px
    }
    .pages ul li {
        display: inline-block
    }
    .pages ul li a {
        display: block;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        color: #333;
        font-size: 14px;
        margin-left: 0;
        margin-right: 0;
        background: #f5f5f5;
        border-radius: 3px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .pages ul li a.on,
    .pages ul li a:hover {
        background: #e60113;
        color: #fff
    }
    .ej_tit1 {
        color: #222;
        font-size: 18px
    }
    .pro_details {
        padding-top: 20px
    }
    .pro_details .pro_top {
        padding-top: 15px
    }
    .pro_details .pro_top .pic img {
        width: 100%
    }
    .pro_details .pro_top .item {
        padding-left: 0;
        margin-top: 15px;
        margin-bottom: 0
    }
    .pro_details .pro_top .item .name {
        color: #333;
        font-size: 16px
    }
    .pro_details .pro_top .item .cont {
        color: #666;
        font-size: 14px;
        line-height: 26px
    }
    .pro_details .pro_top .item_btn {
        padding-left: 0;
        padding-top: 22px
    }
    .pro_details .pro_top .item_btn a {
        border-radius: 2px;
        background-color: #e60113;
        width: 130px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        display: block;
        color: #fff;
        font-size: 16px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8
    }
    .pro_details .pro_top .item_btn a:hover {
        opacity: 1
    }
    .pro_details .pro_mid {
        padding-top: 20px
    }
    .pro_details .pro_mid .pro_mid_cont {
        padding-top: 15px;
        overflow-x: auto;
        overflow-y: hidden
    }
    .pro_details .pro_mid .pro_mid_cont table {
        background: #f4f4f4;
        text-align: center;
        min-width: 1000px
    }
    .pro_details .pro_mid .pro_mid_cont table th {
        border: solid 1px #fff;
        text-align: center;
        line-height: 40px;
        color: #222;
        font-size: 16px
    }
    .pro_details .pro_mid .pro_mid_cont table tr:first-child td {
        padding-top: 15px
    }
    .pro_details .pro_mid .pro_mid_cont table tr:last-child td {
        padding-bottom: 15px
    }
    .pro_details .pro_mid .pro_mid_cont table td {
        border: solid 1px #fff;
        border-top: solid 1px #f4f4f4;
        border-bottom: solid 1px #f4f4f4;
        line-height: 30px;
        color: #333;
        font-size: 14px
    }
    .pro_details .pro_bot {
        padding-bottom: 20px;
        padding-top: 20px
    }
    .pro_details .pro_bot .pro_bot_cont {
        margin-left: -8px;
        margin-right: -8px;
        padding-top: 0
    }
    .pro_details .pro_bot .pro_bot_cont .col-xs-12 {
        padding-left: 8px;
        padding-right: 8px
    }
    .pro_details .pro_bot .pro_bot_cont .col-xs-12 .item {
        margin-top: 15px
    }
    .pro_details .pro_bot .pro_bot_cont .col-xs-12 .item .pic {
        overflow: hidden
    }
    .pro_details .pro_bot .pro_bot_cont .col-xs-12 .item .pic .picspan {
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .pro_details .pro_bot .pro_bot_cont .col-xs-12 .item .tit {
        padding-top: 10px
    }
    .pro_details .pro_bot .pro_bot_cont .col-xs-12 .item .tit a {
        color: #222;
        font-size: 16px
    }
    .pro_details .pro_bot .pro_bot_cont .col-xs-12 .item:hover .pic .picspan {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    .ej_tit2 .tit {
        height: 40px;
        color: #222;
        font-size: 18px;
        padding: 0 15px;
        line-height: 40px;
        background: #f8f8f8;
        border-left: solid 2px #e60113
    }
    .js_main {
        background: #fff;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .js_main .js_m {
        margin-top: 0
    }
    .js_main .js_m .item {
        padding-top: 15px
    }
    .js_main .js_m .item .item_cont {
        margin-top: 15px;
        color: #222;
        font-size: 14px;
        line-height: 26px
    }
    .js_main .js_m .item .item_pic {
        padding-top: 0
    }
    .js_main .js_m .item .item_pic .item1 {
        position: relative;
        overflow: hidden;
        margin-top: 15px
    }
    .js_main .js_m .item .item_pic .item1 .item1_abs {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(230, 1, 19, .55);
        z-index: 2;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    .js_main .js_m .item .item_pic .item1 .item1_abs .tit a {
        color: #fff;
        font-size: 18px
    }
    .js_main .js_m .item .item_pic .item1 .item1_abs .note {
        color: #fff;
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
        height: 96px
    }
    .js_main .js_m .item .item_pic .item1 .item1_abs .more {
        margin-top: 15px
    }
    .js_main .js_m .item .item_pic .item1 .item1_abs .more a {
        display: block;
        width: 120px;
        height: 36px;
        border: solid 1px #fff;
        text-align: center;
        line-height: 34px;
        color: #fff;
        border-radius: 3px
    }
    .js_main .js_m .item .download_list ul li {
        border: solid 1px #eee;
        padding: 15px 15px 15px 0;
        margin-top: 15px
    }
    .js_main .js_m .item .download_list ul li:hover .icon {
        background: url(../images/pdf.png) no-repeat 10px center
    }
    .js_main .js_m .item .download_list ul li:hover .cont .tit {
        color: #222
    }
    .js_main .js_m .item .download_list ul li .icon {
        width: 50px;
        background: url(../images/pdf.png) no-repeat 10px center;
        background-size: 30px !important;
        height: 60px;
        border-right: solid 1px #eee;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .js_main .js_m .item .download_list ul li .cont {
        margin-left: 60px;
        padding-right: 20px;
        margin-right: 10px;
        background: url(../images/btn_download.png) no-repeat right center;
        background-size: 20px !important
    }
    .js_main .js_m .item .download_list ul li .cont .tit {
        color: #222;
        font-size: 16px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .js_main .js_m .item .download_list ul li .cont .date {
        color: #888;
        font-size: 14px;
        margin-top: 5px
    }
    .case_main {
        padding-top: 20px;
        padding-bottom: 20px;
        background: #fff
    }
    .case_main .case_m>ul {
        margin-bottom: 20px
    }
    .case_main .case_m>ul li {
        margin-top: 20px
    }
    .case_main .case_m>ul li:hover .pic img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    .case_main .case_m>ul li:hover .cont .tit a {
        color: #222
    }
    .case_main .case_m>ul li .pic {
        float: none;
        width: 100%;
        overflow: hidden
    }
    .case_main .case_m>ul li .cont {
        margin-left: 0;
        padding-left: 0;
        margin-top: 10px
    }
    .case_main .case_m>ul li .cont .tit a {
        color: #222;
        font-size: 16px
    }
    .case_main .case_m>ul li .cont .hengxian1 {
        width: 40px;
        height: 1px;
        background: #e60113;
        margin-top: 10px
    }
    .case_main .case_m>ul li .cont .note {
        margin-top: 10px;
        line-height: 24px;
        color: #333;
        font-size: 14px;
        height: auto;
        overflow: hidden
    }
    .case_main .case_m>ul li .cont .bot {
        border-top: solid 1px #eee;
        padding-top: 10px;
        color: #888;
        font-size: 14px;
        margin-top: 10px
    }
    .case_main .case_m>ul li .cont .bot .dib {
        margin-right: 20px;
        margin-top: 5px
    }
    .case_main .case_m>ul li .cont .bot .dib img {
        margin-right: 5px;
        width: 16px
    }
    .case_main .case_m>ul li:nth-child(2n) .pic {
        float: none
    }
    .case_main .case_m>ul li:nth-child(2n) .cont {
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0
    }
    .about_main {
        background: #fff;
        padding-top: 20px
    }
    .about_main .about_m {
        padding-top: 15px
    }
    .about_main .about_m .pic {
        width: 100%;
        border: solid 1px #eee;
        position: relative;
        top: 0;
        right: 0;
        float: none
    }
    .about_main .about_m .pic img {
        width: 100%;
        position: relative;
        top: 0;
        right: 0
    }
    .about_main .about_m .cont {
        margin-right: 0;
        color: #111;
        font-size: 14px;
        line-height: 28px
    }
    .about_main .about_m .cont p {
        margin-top: 15px
    }
    .about_main .about_m .cont p:nth-child(1) {
        margin-top: 15px
    }
    .about_main1 {
        background: #fff;
        padding-top: 20px
    }
    .about_main1 .ej_tit {
        float: none
    }
    .about_main1 .cont {
        width: 100%;
        float: right;
        margin-top: 15px
    }
    .about_main1 .cont ul li {
        padding-bottom: 15px;
        position: relative
    }
    .about_main1 .cont ul li:last-child .date:after {
        display: none
    }
    .about_main1 .cont ul li .date {
        color: #222;
        font-size: 20px;
        text-align: left;
        float: left;
        line-height: 46px;
        width: 100%;
        float: none
    }
    .about_main1 .cont ul li .date:before {
        display: none
    }
    .about_main1 .cont ul li .date:after {
        display: none
    }
    .about_main1 .cont ul li .cont1 {
        margin-left: 0;
        padding: 15px;
        background: #f8f8f8;
        border-top: solid 2px #e60113;
        color: #333;
        font-size: 16px
    }
    .about_main2 {
        background: #fff;
        padding-top: 10px;
        padding-bottom: 30px;
        overflow: hidden
    }
    .about_main2 .cont {
        margin-left: -15px;
        margin-right: -15px
    }
    .about_main2 .cont .col-xs-6 {
        padding-left: 15px;
        padding-right: 15px
    }
    .about_main2 .cont .col-xs-6 .item {
        margin-top: 15px;
        cursor: pointer
    }
    .about_tank {
        display: block;
        width: 100%;
        height: auto;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: 0;
        margin-left: 0;
        z-index: 10;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    .about_tank #owl-demo5 {
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }
    .about_tank .prev {
        width: 24px;
        height: 45px;
        background: url(../images/zuojiana1.png) no-repeat center center;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -22px;
        cursor: pointer;
        -webkit-tranform: scale(.6);
        transform: scale(.6)
    }
    .about_tank .next {
        width: 24px;
        height: 45px;
        background: url(../images/youjiana1.png) no-repeat center center;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -22px;
        cursor: pointer;
        -webkit-tranform: scale(.6);
        transform: scale(.6)
    }
    .about_tank .chacha {
        width: 24px;
        height: 24px;
        background: url(../images/chacha1.png) no-repeat center center;
        position: absolute;
        top: -40px;
        right: 0;
        cursor: pointer
    }
    .news_list {
        background: #fff;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .news_list .news_m {
        margin-top: 5px
    }
    .news_list .news_m>ul {
        padding-bottom: 20px
    }
    .news_list .news_m>ul li {
        padding-top: 15px;
        padding-bottom: 15px;
        position: relative;
        border-bottom: solid 1px #eee
    }
    .news_list .news_m>ul li:hover:before {
        width: 0
    }
    .news_list .news_m>ul li:hover .pic img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    .news_list .news_m>ul li:hover .cont .tit a {
        color: #333
    }
    .news_list .news_m>ul li .pic {
        width: 100%;
        float: none;
        overflow: hidden
    }
    .news_list .news_m>ul li .pic img {
        width: 100%;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .news_list .news_m>ul li .cont {
        margin-right: 0;
        margin-top: 15px
    }
    .news_list .news_m>ul li .cont .tit a {
        color: #333;
        font-size: 16px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .news_list .news_m>ul li .cont .note {
        margin-top: 10px;
        color: #666;
        font-size: 14px;
        line-height: 24px
    }
    .news_list .news_m>ul li .cont .date {
        color: #e60113;
        font-size: 14px;
        margin-top: 15px
    }
    .news_details {
        padding-top: 20px;
        padding-bottom: 20px;
        background: #fff
    }
    .news_details .tit {
        color: #222;
        font-size: 18px
    }
    .news_details .bot {
        border-bottom: solid 1px #eee;
        padding-bottom: 10px;
        padding-top: 8px;
        line-height: 30px
    }
    .news_details .bot .note {
        color: #999;
        font-size: 14px;
        padding-top: 10px
    }
    .news_details .bot .note span {
        margin-left: 10px;
        margin-right: 10px
    }
    .news_details .bot .share a {
        width: 30px;
        height: 30px;
        margin-left: 5px;
        background-size: cover !important
    }
    .news_details .cont {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: solid 1px #eee;
        color: #333;
        font-size: 14px;
        line-height: 24px;
        width: 100%
    }
    .news_details .picc {
        margin-top: 0;
        margin-bottom: 15px;
        margin-left: -10px;
        margin-right: -10px
    }
    .news_details .picc .col-xs-12 {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px
    }
    .news_details .picc .col-xs-12 img {
        width: 100%
    }
    .news_details .fanye {
        padding-top: 15px;
        position: relative;
        padding-right: 0
    }
    .news_details .fanye div {
        line-height: 34px;
        color: #333;
        font-size: 14px
    }
    .news_details .fanye div a {
        color: #666
    }
    .news_details .fanye div a:hover {
        color: #666
    }
    .news_details .fanye .backlist {
        border-radius: 5px;
        margin-top: 15px;
        background-color: #e60113;
        width: 122px;
        height: 40px;
        position: static;
        display: block;
        text-align: center;
        line-height: 40px;
        color: #fff;
        font-size: 16px;
        opacity: 1
    }
    .news_details .fanye .backlist:hover {
        opacity: 1
    }
    .video_list {
        padding-top: 20px;
        padding-bottom: 20px;
        background: #fff
    }
    .video_list .video_m {
        padding-top: 0;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 20px
    }
    .video_list .video_m .col-xs-12 {
        padding-left: 15px;
        padding-right: 15px
    }
    .video_list .video_m .col-xs-12 .item {
        margin-top: 15px
    }
    .video_list .video_m .col-xs-12 .item:hover .tit {
        color: #e60113
    }
    .video_list .video_m .col-xs-12 .item .pic .play_btn {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px
    }
    .video_list .video_m .col-xs-12 .item .pic .play_btn img {
        width: 100%
    }
    .video_list .video_m .col-xs-12 .item .tit {
        font-size: 16px;
        margin-top: 15px
    }
    .video_list .video_m .col-xs-12 .item .note {
        color: #666;
        font-size: 14px;
        line-height: 24px;
        margin-top: 5px;
        height: auto;
        overflow: hidden
    }
    .video_list .video_m .col-xs-12 .item .date {
        color: #e60113;
        font-size: 14px;
        margin-top: 10px
    }
    .video_tank {
        width: 90%;
        height: auto;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: 0;
        margin-left: 0;
        z-index: 11;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: none
    }
    .video_tank .chacha {
        width: 20px;
        height: 20px;
        background: url(../images/chacha1.png) no-repeat center center;
        position: absolute;
        background-size: cover !important;
        top: -40px;
        right: 0;
        cursor: pointer
    }
    .video_tank video {
        width: 100%;
        height: 100%;
        background: #000
    }
    .contact_main {
        padding-top: 20px;
        background: #fff
    }
    .contact_main .item {
        margin-top: 20px
    }
    .contact_main .item .item_left {
        width: 100%;
        float: none
    }
    .contact_main .item .item_left .con_tit {
        margin-bottom: 0
    }
    .contact_main .item .item_left .con_tit .tit {
        height: 40px;
        color: #222;
        font-size: 18px;
        padding: 0 20px;
        line-height: 40px;
        background: #f8f8f8;
        border-left: solid 2px #e60113
    }
    .contact_main .item .item_left .item1 {
        margin-top: 15px
    }
    .contact_main .item .item_left .item1 .icon {
        width: 72px;
        padding-top: 0;
        float: left
    }
    .contact_main .item .item_left .item1 .cont {
        margin-left: 72px
    }
    .contact_main .item .item_left .item1 .cont .tit {
        color: #999;
        font-size: 14px
    }
    .contact_main .item .item_left .item1 .cont .note {
        color: #666;
        font-size: 16px;
        margin-top: 0
    }
    .contact_main .item .item_left .item1 .cont .note a {
        color: #666
    }
    .contact_main .item .map {
        margin-left: 0;
        margin-top: 15px
    }
    .contact_main .item .map img {
        width: 100%
    }
    .contact_main1 {
        padding-top: 20px;
        padding-bottom: 20px;
        background: #fff
    }
    .contact_main1 .contact_m1 {
        padding-top: 0;
        margin-left: -24px;
        margin-right: -24px
    }
    .contact_main1 .contact_m1 .col-xs-12 {
        padding-left: 24px;
        padding-right: 24px
    }
    .contact_main1 .contact_m1 .col-xs-12 .item {
        margin-top: 15px
    }
    .contact_main1 .contact_m1 .col-xs-12 .item:hover {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .contact_main1 .contact_m1 .col-xs-12 .item:hover .tit a {
        color: #222
    }
    .contact_main1 .contact_m1 .col-xs-12 .item .tit {
        color: #222;
        font-size: 16px;
        margin-top: 15px
    }
    .contact_main1 .contact_m1 .col-xs-12 .item .hengxian2 {
        width: 20px;
        height: 1px;
        background: #e60113;
        margin-top: 5px
    }
    .contact_main1 .contact_m1 .col-xs-12 .item .cont {
        color: #666;
        font-size: 14px;
        line-height: 24px;
        padding-top: 5px
    }
}

@media screen and (max-width: 1500px) {
    .header .index_nav>ul>li .xl.xl1 {
        padding-bottom: 50px;
        padding-top: 30px;
    }
    .header .index_nav>ul>li .xl.xl1 ul li {
        margin-top: 15px;
    }
    .pro_details .pro_top .item .cont {
        font-size: 14px;
        line-height: 24px;
    }
    .about_main .about_m .cont {
        font-size: 14px;
        line-height: 28px;
    }
}

@media screen and (max-width: 640px) {
    .harde_lisrt {
        display: none;
    }
    #allmap,
    #allmap1 {
        height: 210px !important;
    }
    .search_tk .chacha {
        background-color: rgba(255, 255, 255, .5);
        background-size: 15px 15px;
        width: 25px;
        height: 25px;
        top: -30px;
    }
    .js_main .js_m .item .item_pic .item1 .item1_abs {
        position: relative;
        padding: 15px 15px;
    }
    .js_main .js_m .item .item_pic .col-xs-12 {
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .js_main .js_m .item .item_pic {
        margin-left: -5px;
        margin-right: -5px;
    }
    .js_main .js_m .item .item_pic .item1 .item1_abs .tit a {
        font-size: 17px;
    }
    .js_main .js_m .item .item_pic .item1 .item1_abs .note {
        font-size: 13px;
        line-height: 22px;
        margin-top: 5px;
    }
    .js_main .js_m .item .item_pic .item1 .item1_abs .note {
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .js_main .js_m .item .item_pic .item1 .item1_abs .more a {
        height: 30px;
        line-height: 28px;
        font-size: 12px;
        width: 105px;
    }
    .js_main .js_m .item .item_pic .item1 .item1_abs .more a img {
        width: 16px;
    }
    .js_main .js_m .item .item_pic .item1 .item1_abs .more {
        margin-top: 10px;
    }
    .ej_navv1 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .ej_navv1 a {
        line-height: 24px;
        color: #222222;
        font-size: 14px;
        display: inline-block;
        width: 33%;
        text-align: center;
    }
    .ej_navv1 a:hover {
        color: #222;
    }
    .ej_navv1 a.on {
        color: #e60113;
    }
}