/******************************************************************************************
 * media query
 ******************************************************************************************/
/*wrap*/
@media (min-width:768px){
    .wrap {width:750px;}
}
@media (min-width:992px) {
    .wrap {width:970px}
}
@media (min-width:1180px) {
    .wrap {width:1180px}
}

/*index-news*/
@media (max-width:767px) {
    #index-news .tit{padding:20px 0;}
    #index-news .tit h2{font-size: 20px;line-height: 28px;}
    #index-news .tit h5{font-size: 12px;}
}
@media (min-width:768px) {
    #index-news .tit{padding:30px 0;}
    #index-news .tit h2{font-size: 30px;line-height: 30px;}
    #index-news .tit h5{font-size: 16px;}
}
@media (min-width:992px) {
    #index-news .tit{ padding:40px 0;}
    #index-news .tit h2{font-size: 40px;line-height: 50px;}
    #index-news .tit h5{font-size: 18px;}
}
@media (min-width:1180px) {
    #index-news .tit{padding:55px 0;}
    #index-news .tit h2{font-size: 46px;line-height: 50px;}
    #index-news .tit h5{font-size: 20px;}
}

@media (max-width:767px) {
    .topBar{display:none;}
    .news-more{padding:30px 0;}
    #brand{padding:25px 0;}
    #brand ul li{width:16.5%;}
    #brand ul li i{display:none}
    .news-more a{width:130px; height:35px; font-size:14px; line-height: 35px}
    #footer{padding:30px 0; }
    #footer p{font-size:12px}
    .goTop{width:30px;height:30px;top:-15px;margin-left:-15px;background:url("../images/i.png") no-repeat -50px 0; background-size: 100px auto; }


    #header{height:60px;}
    #header h1{
        width:127px;
        height:40px;
        margin:10px 20px;
    }
    #header ul li{font-size:14px;}
    #header .collapsed{
        display:inline-block;
        float: right;
        margin: 15px 30px;
        width:30px;
        height:30px;
        background: url("../images/i.png") no-repeat 0 -30px;
        background-size: 100px auto;
        border:0;
        cursor: pointer;
        outline: none;
    }
    #header ul{
        display:none;
        position:absolute;
        width:100%;
        top:60px;
        margin:0;
        background: rgba(0,0,0,.90);
        padding:10px 0;
        z-index: 10000;
    }
    #header ul li{
        float: none;
        margin:0;
        text-align: center;
    }
    #header ul li a{
        display: block;
        padding:10px 0;
        color:#fff;
    }
    .carousel-control {
        width:15px;
        height:52px;
        opacity:.5
    }
    .carousel-control.left {
        left:30px;
        background-position: 0 0;
    }
    .carousel-control.right {
        right:30px;
        background-position: -39px 0;
    }
    .carousel-indicators li{
        width:8px;
        height:8px;
    }

    .index-news-item li .format dt div{font-size: 12px;}
    .index-news-item li .format dt s{
        width:20px;
        height:15px;
        background: url("../images/i.png") no-repeat 0 0;
        background-size: 100px auto;
    }
    .index-news-item li .format.f2 dt s{
        background: url("../images/i.png") no-repeat 0 -15px;
        background-size: 100px auto;
    }
}
@media (min-width:768px) {
    .news-more{padding:30px 0 60px;}
    #brand{padding:40px 0;}
    #brand ul li{width:33.3333%;}
    #brand ul li i{display:none}
    .carousel-control.left{left:70px}
    .carousel-control.right{right:70px}

    #header{height:80px;}
    #header h1{
        width:158px;
        height:50px;
        margin:15px 10px;
    }
    #header ul{
        margin:30px 0;
    }
    #header ul li{font-size:14px;margin-left:25px}
    #header .collapsed{display:none;}

    .index-news-item li .format dt div{font-size: 14px;}

}
@media (min-width:992px) {
    .news-more{padding:40px 0 80px;}
    #brand{padding:60px 0;}
    #brand ul li{width:16.66665%;}
    #brand ul li i{display:block}
    .carousel-control.left{left:90px}
    .carousel-control.right{right:90px}

    #header{height:80px;}
    #header h1{
        width:158px;
        height:50px;
        margin:15px 10px;
    }
    #header ul{
        margin:30px 0;
    }
    #header ul li{font-size:15px; margin-left:40px}
    #header .collapsed{display:none;}

    .index-news-item li .format dt div{font-size: 14px;}
}
@media (min-width:1180px) {
    .news-more{padding:50px 0 90px;}
    #brand{padding:80px 0;}
    .carousel-control.left{left:100px}
    .carousel-control.right{right:100px}

    #header{height:100px;}
    #header h1{
        width:190px;
        height:60px;
        margin-top:20px;
    }
    #header ul{
        margin:40px 0;
    }
    #header ul li{font-size:18px; margin-left:60px}
    #header .collapsed{display:none;}

    .index-news-item li .format dt div{ font-size: 15px;}
}

/*index carousel*/
@media screen and (min-width:768px) {
    .carousel-indicators {
        bottom: 20px;
    }
}

/*news*/
@media screen and (max-width:767px) {
    .banner {
        margin: 1px auto 10px;
        height: 108px;
    }

    #leftSider {
        float: none;
        width: 100%;
        min-height: auto;
        margin-bottom: 10px;
    }

    #leftSider ul {
        padding-bottom: 0;
        overflow: hidden;
    }

    #leftSider ul li {
        float: left;
        width: 32%;
        margin-right: 1%;
    }

    #leftSider h3 {
        font-size: 16px;
        color: #8c8c8c;
        line-height: 24px;
        margin: 0 0 15px;
    }

    #leftSider li a {
        padding: 10px 7px;
        font-size: 14px;
        line-height: 16px;
        background: #efefef;

    }

    #mainCont {
        margin-left: 0;
    }

    .pdBox {
        padding: 15px 10px;
    }

    .conBox {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        min-height: auto;
    }

    .news-info h4 {
        font-size: 14px;

    }

    .news-item li {
        padding: 15px 0
    }

    .news-item li img {
        width: 154px;
    }

    .news-info p {
        margin-bottom: 0;
        height: 65px;
        line-height: 23px;
    }

    .news-info {
        margin-left: 165px;
    }

    .news-info .other {
        display: none
    }

    .news-item {
        padding-bottom: 20px
    }

    .pages {
        margin-bottom: 10px
    }

    .pages ul li a, .pages ul li span {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    .content {
        margin-bottom: 40px;
    }

    .news-txt img {
        margin-bottom: 10px;
    }

    .news-txt p {
        font-size: 14px;
        line-height: 30px;
    }

    .ch-item li {
        width: 50%;
        margin-bottom: 10px;
    }

    .ch-item li img {
        width: 100%;
    }

    .ch-item li a {
        margin-right: 5px;
    }

    .c-detail-box ul {
        float: none;
        width: 96%;
        margin: 0 2%
    }

    .c-detail-box .c-pic-box {
        right: 5px;
        width: 40%;
    }

    .c-detail-box .c-pic-box p {
        font-size: 12px;
        line-height: 30px;
    }

    .picSlide {
        float: none;
        width: 100%;
    }

    .picIntro {
        margin-left: 0;
    }

    #picCarousel .carousel-control.left, #picCarousel .carousel-control.right {
        width: 25px;
        height: 45px;
        background-size: 50px auto;
    }

    #picCarousel .carousel-control.right {
        background-position: -25px 0;
    }

    .hd-box li {
        width: 50%;
    }

    .picDetail-box {
        margin-bottom: 10px
    }

    .hd-box li a div {
        display: block;
    }

    .hd-box li a div p span {
        margin: 0 22px 6px 6px;
        font-size: 14px;
    }

    .hd-box li a div p i {
        bottom: 6px;
        margin: 0;
        right: 5px;
        width: 15px;
        height: 14px;
        background-size: 135px auto;
    }
    .total-bar {
        margin: 15px 10px 10px;
        font-size: 14px;
    }
    .loginBox{
        float: none;
        margin:0 auto;
        padding:20px 10px 20px;
        height:auto;
    }
    .loginCon{
        padding:35px 0;
        height:auto;
    }
    .index-news-item li .format dd s{
        margin-top: -7px;
        border: 7px solid transparent;
        border-left: 7px solid #fff;
    }
    .index-news-item li .format.f2 dd s{
        border-right: 7px solid #fff;
        border-left: 7px solid transparent;
    }
}
@media screen and (min-width:767px) {
    .banner {
        margin: 1px auto 20px;
        height:150px;
    }
    .pdBox{
        padding:20px 15px;
    }
    .ch-item li{
        width:33.3333%;
        margin-bottom:15px;
    }
    .ch-item li a{
        margin-right:10px;
    }
    .c-detail-box ul{
        float: none;
        width:96%;
        margin:0 2%
    }
    .hd-box li a div {
        display: block;
    }
    .hd-box li a div p span{
        margin: 0 30px 10px 10px;
        font-size: 14px;
    }
    .hd-box li a div p i{
        bottom:6px;
        right:15px;
        width:22px;
        height:20px;
        background-size: 150px auto;
    }
    .total-bar {
        margin: 30px 10px 10px;
        font-size: 18px;
    }

}
@media screen and (min-width:992px) {
    .banner {
        margin: 1px auto 30px;
        height:215px;
    }
    .pdBox{
        padding:15px;
    }
    .c-detail-box ul {
        float: left;
        width: 35%;
    }
    .c-detail-box .c-pic-box{
        width:23%
    }
    .ch-item{
        margin-right:-10px
    }
    .ch-item li{
        width:25%
    }
    .ch-item li a{
        margin-right:10px;
    }
    .ch-item li a img{
        width:100%
    }
    .hd-box li a div {
        display: none;
    }
    .hd-box li a div p span{
        margin:0 40px 15px 20px;
        font-size: 18px;
    }
    .hd-box li a div p i{
        bottom:17px;
        right:15px;
        width:22px;
        height:20px;
        background-size: 200px auto;
    }
}
@media screen and (min-width:1180px) {
    .banner {
        margin: 1px auto 30px;
        height: 215px;
    }

    .pdBox {
        padding: 25px;
    }

    .news-item li img {
        width: 25%;
    }

    .news-info {
        margin-left: 27%;
    }
    .hd-box li a div {
        display: none;
    }
    .hd-box li a div p span{
        margin:0 45px 15px 25px;
        font-size: 24px;
    }
    .hd-box li a div p i{
        bottom:17px;
        right:15px;
        width:22px;
        height:20px;
        /*background-size: 100px auto;*/
    }

}