﻿
/*最大768px*/
@media (max-width: 768px){
    .hidden-l{display: none !important;}
    .hidden-g{display: block !important;}

    .banner2{    height: 120px;}
    .main-title{padding: 15px 0;}
    .main-title b{font-size: 20px;margin:5px 0;}
    .main-title span,.main-title small{font-size: 14px;}
    .main-title strong{font-size: 1.8rem;top: 26px;}

    .banner{margin-top: 60px;}

    .company{padding-bottom: 10px;}
    .company ul{margin: 10px 0;}
    .company ul li{margin-bottom: 5px;}
    .company ul li p{background-size: 25px;}
    .company ul li p span{font-size: 18px;}
    .company ul li p{ height: 45px;}
    .company ul li p span{padding-top: 0;font-size: 16px !important;line-height: 20px !important;}

    .sidebar2{margin-bottom: 20px;}
    .sidebar2 ul li{padding: 0 5px;}
    .pdc-right{padding: 0;}
    ul.pdc-list li{padding: 0 5px;margin-bottom: 45px;}
    ul.pdc-list li div{padding: 0 5px;}
    ul.pdc-list li div p span{line-height: 35px;}
    ul.pdc-list li div{bottom: -35px;}
    ul.pdc-list li b{ height: 130px;}
    ul.pdc-list li b img{max-height: 130px;}

    .case-itr .case-itr-con{text-align: center;}
    .case-itr .case-itr-con h3{margin-top: 10px;}
    .case-itr .case-itr-con span{margin: 10px 0;}
    .case-itr .case-itr-con a{margin: 0 auto;}

    .adv{background: #00b1ac;padding: 0;}
    .adv-left{background: #00b1ac;}
    .honor{background: #0e8adc;}
    .adv .container{padding: 0;}
    .adv .adv-left ul li{padding-right: 0;line-height: 18px;}
    .adv h3{text-align: center;padding-top: 20px;}
    .adv .honor .honor-wrap{left: 0;}


    .news .news-title h3{font-size: 24px;}
    .news .news-title span{font-size: 18px;}
    .news{padding: 30px 0;}
    .news .news-title{margin-bottom: 15px;}
    .news ul{margin-bottom: 15px;}
    .news ul li{border-bottom: 1px solid #ccc;}
    .news ul li a small{display: block;text-align: right;margin-top: 5px;float: none;}


    .join h3{margin-bottom: 18px;}
    .join h3 span{font-size: 24px;}
    .join h3 small{margin-top: 5px;}
    .join h3:nth-of-type(1){margin-top:60px;}
    .join{height: 300px;}


    .pdc_list li a b img{border: 0;}
    .pdc_list li{
        border-left: 0;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #e8e8e8;}

    .msg{padding: 25px 0}
    .msg-left{margin-bottom: 25px;}
    .msg .msg-left ul li{margin-bottom: 20px;}
    .msg .msg-left ul li p{ margin-left:5px;margin-top: 5px;}
    .msg .msg-left ul li i{ width: 50px; height: 50px;line-height: 50px;font-size: 20px;}
    .msg .msg-right form input[type=text]{margin-bottom: 10px;}
    .msg .msg-right span{margin: 15px 0;}

    footer{padding-bottom: 75px;}
    footer .row{padding: 15px 0;}
    footer .f-bottom{padding: 5px 0 10px 0;text-align: center;}
    footer .gtop{position: fixed;
        right: 15px;
        top: 92%;
        background: rgba(244, 49, 54, 0.5);}
    footer .f-bottom span{float: none;display: block;}



    /*.info_maps {*/
        /*margin-left: 8.333333% !important;*/
        /*margin-top: 20px;*/
    /*}*/

    .input-group{padding-right: 25px; width: 100%;}
    .input-group input[type=text]{ width: 100%;}
    .input-group textarea{ width:100%;}
    #submit{margin-left: 0;}
    .input-group textarea:focus{ width: 100%;}
    .input-group input[type=text]:focus{ width: 100%;}

    .info2{padding-top: 25px;}
    .new_right li b{font-size: 14px;}
    #info{padding-bottom: 35px;}

    .msg .msg-left ul li p b.b_2{font-size: 16px;}
    .join h3 small{line-height: 25px;}


    #prev_next li{float: none !important;margin-bottom: 10px !important;}
    #prev_next li.li-info-next{float: none;}


    .back_btn{position: relative;overflow: hidden;margin-top: 10px; top: 0;}
    .back_btn li{margin-left:0;margin-right: 5px;}
    .p_info_title{padding-bottom: 10px;}

    .location>h3{float: none;}
    .location>span{display: block;float: none;}

    .info_t{padding-bottom: 10px;}
    .info_t h2{float: none;}
    .info_t>span{float: none;}
}

/*最小768px*/
@media (min-width: 768px){
    .hidden-l{display: none;}
    .hidden-g{display: block;}

}

@media (max-width: 992px){
    .banner .swiper-slide p{
        padding: 5px 0 10px 0;
        bottom: 26px;
        font-size: 23px;
    }
}

/*768px至992px*/
@media (min-width: 768px) and (max-width: 992px){
    .hidden-l{display: none !important;}
    .hidden-g{display: block !important;}
    .f-right{display: none;}
    .main-title strong{font-size: 5rem;top: 59px;}
    .container2{margin-right: auto;margin-left: auto; width: 720px;}
    .company ul{margin: 20px 0;}
    .company ul li p{background-size: 44px;}
    .company ul li:nth-of-type(2) p{background-size: 34px;}
    .company ul li p span{font-size: 18px;    line-height: 14px !important;}
    .company ul li p{ height: 65px;}
    .banner{margin-top: 60px;}


    ul.pdc-list li{margin-bottom: 73px;}

    .case-itr .case-itr-con{text-align: center;}
    .case-itr .case-itr-con h3{margin-top: 10px;}
    .case-itr .case-itr-con span{margin: 10px 0;}
    .case-itr .case-itr-con a{margin: 0 auto;}


    .adv{background: #00b1ac;padding: 0;}
    .adv-left{background: #00b1ac;padding: 0 15px;}
    .adv .container{padding: 0; width: 100%;}

    .honor{background: #0e8adc;}
    .honor .container{padding: 0; width: 100%;}
    .adv .adv-left ul li{padding-right: 0;line-height: 18px;background-size: 35px;}
    .adv h3{text-align: center;padding-top: 20px;}
    .adv .honor .honor-wrap{left: 0;}

    .news{padding: 40px 0;}
    .news .news-title h3{font-size: 40px;}
    .news ul li{margin-bottom: 10px;}

    .join h3{margin-bottom: 40px;}
    .join h3:nth-of-type(1){margin-top: 75px;}
    .join{height: 350px;}

    .msg .msg-left ul li{margin-bottom: 10px;}
    .msg .msg-left ul li p{ margin-left: 0;margin-top: 10px;}
    .msg .msg-left ul li i{float: none;display: block; width: 50px; height: 50px;line-height: 50px;font-size: 20px;}

    footer .f-links ul li{ width: 100%;}
    footer .f-links img{display: block;margin-bottom: 10px;}
    footer .f-links ul{border-left: 0;}
    footer .f-links ul li{font-size: 12px;margin-bottom: 2px;}
    footer .f-links{margin-top: 0;}

    .contact_info_list b{text-align-last: auto;}
    .banner2 {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 254px;
    }
    .contact_info_list b{font-size: 23px;}
}

/*992px至1200pox*/
@media (min-width: 992px) and (max-width: 1200px){
    .hidden-l{display: block;}
    .hidden-g{display: none;}
    .main-title strong{font-size: 5rem;top: 59px;}
    .container2{margin-right: auto;margin-left: auto; width: 940px;}

    .sidebar ul li{line-height: 49px;}


    .adv .honor  h3{margin-left: 40px;}
    .adv .honor .honor-wrap{ left: 0;}

    .news ul li{margin-bottom: 12px;}

    footer .f-links img{margin-top: 35px;}

    .banner2 {height: 322px; }
}

/*最小1200px*/
@media (min-width: 1200px){
    .hidden-l{display: block;}
    .hidden-g{display: none;}
    .container2{margin-right: auto;margin-left: auto; width: 1018px;}

    footer .f-links img{margin-top: 1px;}
    .case-itr .case-itr-con{margin-top: 25px;}
    .company ul li p span{margin-right: 22px;}
}
