/*媒体查询，参考部分Bootstrap 框架*/
/*当页面大于1200px 时，大屏幕，主要是PC 端*/
@media (min-width: 1200px) {
    .contactRight {
    }
}
/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 100%;
    }

    .bannerAd {
       
    }

    .bannerAdTxt h2 {
        font-size: 20px;
    }

    .contactLeft {
        width: 94%;
        margin: 10px 3% 0;
        padding-left: 0px;
        float: none;
    }

        .contactLeft h3 {
            height: 60px;
            line-height: 60px;
            font-weight: bold;
            font-size: 20px;
        }

        .contactLeft h4 {
            line-height: 25px;
            color: #999;
        }

        .contactLeft ul {
            width: 80%;
            margin-top: 20px;
        }

            .contactLeft ul li {
                width: 100%;
                height: 40px;
                float: left;
                margin-right: 20px;
                margin-bottom: 20px;
            }

                .contactLeft ul li input {
                    border: 1px solid #e5e5e5;
                    width: 100%;
                    height: 38px;
                    text-indent: 25px;
                    color: #999;
                }



    .textArea {
        width: 100%;
        height: 160px;
    }

        .textArea textarea {
            width: 100%;
            height: 156px;
            padding-top: 42px;
            box-sizing: border-box;
        }

    .subBtn {
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-top: 15px;
        margin-bottom: 15px;
    }




    .contactRight {
        height: auto;
        overflow: hidden;
        width: 94%;
        float: none;
        margin: 10px 3% 0;
    }

        .contactRight ul li {
            width: 300px;
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-left: 0px;
            margin-bottom: 15px;
        }

            .contactRight ul li:nth-of-type(1) {
                background: url(../images/address.png) no-repeat 10px 0;
            }

            .contactRight ul li:nth-of-type(2) {
                background: url(../images/telp.png) no-repeat 10px 0;
            }




            .contactRight ul li h4 {
                width: 90%;
            }

            .contactRight ul li p {
                width: 75%;
                margin-right:15%;
            }
}
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 100%;
    }

    .bannerAd {
        
    }

    .bannerAdTxt h2 {
        font-size: 20px;
    }

    .contactLeft {
        width: 94%;
        margin: 10px 3% 0;
        padding-left: 0px;
        float: none;
    }

        .contactLeft h3 {
            height: 60px;
            line-height: 60px;
            font-weight: bold;
            font-size: 20px;
        }

        .contactLeft h4 {
            line-height: 25px;
            color: #999;
        }

        .contactLeft ul {
            width: 100%;
            margin-top: 20px;
        }

            .contactLeft ul li {
                width: 100%;
                height: 40px;
                float: left;
                margin-right: 20px;
                margin-bottom: 20px;
            }

                .contactLeft ul li input {
                    border: 1px solid #e5e5e5;
                    width: 100%;
                    height: 38px;
                    text-indent: 25px;
                    color: #999;
                }



    .textArea {
        width: 100%;
        height: 160px;
    }

        .textArea textarea {
            width: 100%;
            height: 156px;
            padding-top: 42px;
            box-sizing: border-box;
        }

    .subBtn {
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-top: 15px;
        margin-bottom: 15px;
    }




    .contactRight {
        height: auto;
        overflow: hidden;
        width: 94%;
        float: none;
        margin: 10px 3% 0;
    }

        .contactRight ul li {
            width: 300px;
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-left: 0px;
            margin-bottom: 15px;
        }

            .contactRight ul li:nth-of-type(1) {
                background: url(../images/address.png) no-repeat 10px 5px;
                background-size:40px;
            }

            .contactRight ul li:nth-of-type(2) {
                background: url(../images/telp.png) no-repeat 10px 5px;
                background-size:40px;
            }




            .contactRight ul li h4 {
                width: 90%;
            }

            .contactRight ul li p {
                width: 75%;
                margin-right:15%;
            }
}


/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 100%;
    }

    .bannerAd {
        height: 150px;
        
    }

    .bannerAdTxt h2 {
        font-size: 20px;
    }

    .contactLeft {
        width: 94%;
        margin: 10px 3% 0;
        padding-left: 0px;
        float: none;
    }

        .contactLeft h3 {
            height: 60px;
            line-height: 60px;
            font-weight: bold;
            font-size: 20px;
        }

        .contactLeft h4 {
            line-height: 25px;
            color: #999;
        }

        .contactLeft ul {
            width: 100%;
            margin-top: 20px;
        }

            .contactLeft ul li {
                width: 100%;
                height: 40px;
                float: left;
                margin-right: 20px;
                margin-bottom: 20px;
            }

                .contactLeft ul li input {
                    border: 1px solid #e5e5e5;
                    width: 100%;
                    height: 38px;
                    text-indent: 25px;
                    color: #999;
                }



    .textArea {
        width: 100%;
        height: 160px;
    }

        .textArea textarea {
            width: 100%;
            height: 156px;
            padding-top: 42px;
            box-sizing: border-box;
        }

    .subBtn {
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-top: 15px;
        margin-bottom: 15px;
    }




    .contactRight {
        height: auto;
        overflow: hidden;
        width: 94%;
        float: none;
        margin: 10px 3% 0;
    }

        .contactRight ul li {
            width: 300px;
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-left: 0px;
            margin-bottom: 15px;
            background: pink;
        }

            .contactRight ul li:nth-of-type(1) {
                background: url(../images/address.png) no-repeat 10px 5px;
                background-size:35px;
            }

            .contactRight ul li:nth-of-type(2) {
                background: url(../images/telp.png) no-repeat 10px 5px;
                background-size:35px;
            }


            .contactRight ul li h4 {
                width: 90%;
            }

            .contactRight ul li p {
                width: 75%;
                margin-right:15%;
            }
}







/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
    .container {
        width: 100%;
    }

    .bannerAd {
        height: 150px;
        padding-top: 45px;
    }

    .bannerAdTxt h2 {
        font-size: 20px;
    }

    .contactLeft {
        width: 94%;
        margin: 10px 3% 0;
        padding-left: 0px;
        float: none;
    }

        .contactLeft h3 {
            height: 60px;
            line-height: 60px;
            font-weight: bold;
            font-size: 20px;
        }

        .contactLeft h4 {
            line-height: 25px;
            color: #999;
        }

        .contactLeft ul {
            width: 100%;
            margin-top: 20px;
        }

            .contactLeft ul li {
                width: 100%;
                height: 40px;
                float: left;
                margin-right: 20px;
                margin-bottom: 20px;
            }

                .contactLeft ul li input {
                    border: 1px solid #e5e5e5;
                    width: 100%;
                    height: 38px;
                    text-indent: 25px;
                    color: #999;
                }



    .textArea {
        width: 100%;
        height: 160px;
    }

        .textArea textarea {
            width: 100%;
            height: 156px;
            padding-top: 42px;
            box-sizing: border-box;
        }

    .subBtn {
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-top: 15px;
        margin-bottom: 15px;
    }




    .contactRight {
        height: auto;
        overflow: hidden;
        width: 94%;
        float: none;
        margin: 10px 3% 0;
    }

        .contactRight ul li {
            width: 300px;
            width: 90%;
            height: auto;
            overflow: hidden;
            margin-left: 0px;
            margin-bottom: 15px;
            padding-left: 8%;
        }

            .contactRight ul li:nth-of-type(1) {
                background: url(../images/address.png) no-repeat 10px 5px;
                background-size: 30px 30px;
            }

            .contactRight ul li:nth-of-type(2) {
                background: url(../images/telp.png) no-repeat 10px 5px;
                background-size: 30px 30px;
            }


            .contactRight ul li h4 {
                width: 90%;
            }

            .contactRight ul li p {
                width: 75%;
                margin-right:15%;
            }
}