@media (max-width: 767px) {
    .nav>li{border-bottom: 1px solid #e7e7e7}
    .jxy_nav{display: none}
    .pc_jxy{display: none}
    .web_jxy{display: block}
}
@media (min-width: 768px) {
    .pc_jxy{display: block}
    .web_jxy{display: none}
}
@media (max-width: 992px) {
    .px_content ul{overflow: hidden}
    .px_content ul li{float: left; width: 50%;padding: 0 1%;margin-bottom: 15px;}
    .px_content .tabsconBtxt{padding: 0 15px}
    .px_content .tabsconB{margin-bottom: 15px}
    .small_nav {
        margin-top: 20px;
    }
    .small_nav a {
        text-decoration: none;
		display: block;
    }
    .small_nav a span{color:#4c4c4c;font-size:18px;margin: 0 37px 0 12px;}

    .small_nav > li .nav_title {
        display: block;
        padding: 10px;
        position: relative;
        background: url("../images/lcbg.png") no-repeat left center;
        background-size:290px 100%;
        font-size: 16px;
        color:#4c4c4c;
    }
    .small_nav > li.active .nav_title{
        background: url("../images/lcbg_act.png") no-repeat left center;
        color:#fff;
        background-size: 290px 100%;


    }
    .small_nav > li.active .nav_title span{color:#fff}
    .gaishu_nav_ph > li .nav_title{ background: url("../images/gaishubg.png") no-repeat left center;text-align:center;display:inline-block;width:156px;}
    .gaishu_nav_ph > li.active .nav_title{background: url("../images/gaishubg-act.png") no-repeat left center}
    .gaishu_nav_ph img{width:100%}
    .px_nav > li .nav_title{background: #e8e8e8;color: #ababab; line-height: 30px; text-align:center;display:inline-block;width: 100%;font-size: 20px;}
    .px_nav > li.active .nav_title{background: #f61e37;color: #fff}
    .small_nav > li .nav_title .fa {
        position: absolute;
        right: 10px;
        display: none;
    }
    .small_nav > li .nav_content {
        transition: all 0.4s ease-in-out;
        opacity: 0;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding: 0 10px;
    }
    .small_nav > li .nav_content h4{
        color:#1a1a1a;
        font-size:24px;
    }
    .small_nav > li .lccon01{margin:10px 0}
    .small_nav > li .lccon01 img{width:100%;}

    .small_nav > li .nav_content dl{font-size:16px;color:#1a1a1a;}
    .small_nav > li .nav_content dl dd{line-height:28px}
    .small_nav > li .nav_content .acticon{}
    .small_nav > li{margin-bottom:20px}

    .small_nav > li.active .nav_title .fa:before {
        content: "\f106";
    }
    .small_nav > li.active .nav_content {
        position: relative;
        height: auto;
        opacity: 1;
        padding: 20px 10px;
        background: #eff0fd;
        border: 1px solid #a6aaf1;
        margin: 20px 0;
    }
    .small_nav > li.active .px_content{
        background: #f82734;
        border: 0;
        margin: 3px 0;
        padding: 20px 0 0 ;

    }
    .small_nav > li.active .px_content .pxcon{
        border-bottom: 1px solid #d2d2d2;
        margin-bottom: 20px;
        padding-bottom: 60px;
    }
    .small_nav > li.active .px_content .pxcon:last-child{
        border-bottom: 0;
        margin-bottom: 0;
    }
    .liucbox {display: none; }
    .small_nav{display:block}
    .pxcon{margin: 0 0 20px ;padding-bottom: 40px; border-bottom: 1px solid #d2d2d2;overflow: hidden;}

    .jxy_nav{overflow: hidden}
    .jxy_nav li{float: left;background: none;border: 1px solid rgba(77,86,227,.5);border-radius: 6px;width: 173px;text-align: center;margin: 3px 10px 10px 0;height: 42px;
        line-height: 42px; }
    .jxy_nav li.current{background: none;border: 1px solid rgba(77,86,227,1);}
    .jxy_nav li a{color: rgba(77,86,227,.5);font-size: 16px;display: block}
    .jxy_nav li.current a{color: rgba(77,86,227,1)}
}

@media (min-width: 992px) {
    .small_nav {display: none; }
    .liucbox{display:block;margin-top:30px}
    .liuc_nav li{background: url("../images/lcbg.png") no-repeat left center; background-size: 100%;height:42px;line-height:42px;margin:20px 0;position:relative}
    .liuc_nav li a{font-size: 16px; color:#4c4c4c;display:block}
    .liuc_nav li a span{margin:0 37px 0 26px;font-size: 16px;}
    .liuc_nav li.current{ background: url("../images/lcbg_act.png") no-repeat left center; color:#fff;background-size: 100%;}
    .liuc_nav li.current a{color:#fff}
    .jxy_nav{overflow: hidden}
    .jxy_nav li{float: left;background: none;border: 1px solid rgba(77,86,227,.5);border-radius: 6px;width: 173px;text-align: center;margin: 3px 10px 10px 0; }
    .jxy_nav li.current{background: none;border: 1px solid rgba(77,86,227,1);}
    .jxy_nav li a{color: rgba(77,86,227,.5);font-size: 16px;}
    .jxy_nav li.current a{color: rgba(77,86,227,1)}
    .lccond{padding:20px 40px;background: #eff0fd;  border: 1px solid #a6aaf1;}
    .pxcon{margin: 0 -20px 20px ;padding-bottom: 20px; border-bottom: 1px solid #d2d2d2;overflow: hidden;}
    .pxcon:last-child{border-bottom: 0}
    .btn_view{bottom: 45%}
    .bnt_view2{bottom: 10%}
    .liuc_nav li.current .acticon{position:absolute;right:-19%;top:10px;background: url("../images/acticon.png") no-repeat;display:block;width:16px;height:27px;z-index: 10}
    .gaishu_nav li{background:url("../images/gaishubg.png") no-repeat left center;background-size: 100%;height:47px;line-height:47px;text-align:center}
    .gaishu_nav li.current{background:url("../images/gaishubg-act.png") no-repeat left center;color:#fff;background-size:100%}
    .gaishucon>div{min-height:398px}
    .gaishucon img{width:100%;margin-top:20px}
    .imgL img{margin-top: 0}
    .lccond h4{ color:#1a1a1a;font-size:24px;}
    .liuccon{overflow: hidden}

    .lccond  dl{font-size:16px;color:#1a1a1a;}
    .lccond  dl.mb26{margin-bottom:26px}
    .lccond dl dd{line-height:28px}
    .lccond .lccon01{margin:10px 0}
    .lccond .lccon01 img{width:100%;max-width:559px}

    .liuc_nav li.current .acticon{right:-26%;}
    .jxyconB{background: #fff;border: 0}
}
@media screen and (min-width:996px) and (max-width:1200px) {
    .liuc_nav li.current .acticon{right:-31px}
}

@media (min-width: 1200px) {
    .liuc_nav li{width:311px;}
    .liuc_nav li.current .acticon{right:-80px}
    .gaishu_nav li.current .acticon{right:-31px}
    .gaishu_nav li{width:auto}
    .jxy_nav li{width: auto;padding: 0 12px;line-height: 35px;height: 35px;margin: 0 10px 0 0}
}