@media (min-width: 1920px){
    .mod-06-box{
        margin-top: -152px;
    }
    .mod-06 .content{
        height: 238px;
    }
}
@media (min-width: 1600px){
    .header-custom .nav-custom>li{
        margin-left: 40px;
    }
    .container-1440{
        width: 1440px;
    }
    .mod-25.login-box{
        margin-left: 40px;
    }
    .footer-block .container-1440{
        width: 1200px;
    }
}
@media (min-width: 1440px){
}
@media (min-width: 1366px){
    .footer-nav .li{
        width: 150px;
    }
    .mod-02.owl-carousel .owl-nav button.owl-next{
        right: -40px;
    }
    .mod-02.owl-carousel .owl-nav button.owl-prev{
        left: -40px;
    }
}
@media (min-width: 1200px){
    .col-lg-5ths{
        float: left;
        width: 20%;
    }
    .footer-nav{
        padding-right: 443px;
    }
    .footer-nav .footer-right{
        width: 443px;
    }
    .footer-nav .footer-right .rel{
        padding-right: 164px;
    }
    .footer-nav .footer-right .rel .footer-code{
        width: 135px;
    }
    .footer-down .down-left{
        float: left;
    }
    .footer-down .down-right{
        float: right;
    }
    .popupBox-01{
        width: 1000px;
        margin-left: -500px;
    }
    .popupBox-01 .content .explain{
        padding-right: 130px;
        padding-left: 130px;
    }
    .mod-06-box{
        top: 50%;
    }
    .mod-06{
        width: 45.6%;
    }
    .box-900{
        margin-right: 150px;
        margin-left: 150px;
    }
}
@media (min-width: 1025px){
    .mod-05 .title .tabs-tit.selected{
        padding-top: 62px;
    }
    .mod-05 .title .tabs-tit.selected .more{
        display: block;
    }
}
@media (min-width: 992px){
    .col-md-5ths{
        float: left;
        width: 20%;
    }
    .header-custom .nav-custom{
        margin-top: 22px;
    }
    .footer-nav .li{
        float: left;
    }
    .popupBox-01 .content .explain{
        margin-right: 25px;
        margin-left: 25px;
    }
    .mod-14 .other-page{
        float: left;
    }
    .mod-14 .bdsharebuttonbox{
        float: right;
    }
    .mod-22{
        min-height: 80px;
        padding-left: 288px;
        position: relative;
    }
    .mod-22 .tel{
        /*width: 270px;*/
        margin-top: -40px;
        position: absolute;
        top: 50%;
        left: 15px;
    }
    .mod-25.login-box{
        width: 460px;
    }
    .mod-25.login-box .content{
        padding-right: 10px;
        padding-left: 10px;
    }
    .mod-25.login-box .content.plr50{
        padding-right: 50px;
        padding-left: 50px;
    }
    .lookFor-password .mod-25{
        margin-left: 130px;
    }
    .lookFor-password .tips{
        width: 100%;
        position: absolute;
        top: 6px;
        left: 100%;
    }
}
@media (min-width: 768px){
    .col-sm-5ths{
        float: left;
        width: 20%;
    }
    .footer-nav .footer-right{
        position: absolute;
        top: 0;
        right: 0;
    }
    .popupBox-01{
        left: 50%;
    }
    .popupBox-01 .down .time-60{
        position: absolute;
        top: 25px;
        right: 25px;
    }
    .mod-05.index-style{
        min-height: 411px;
        padding-left: 240px;
        position: relative;
    }
    .mod-05 .title{
        width: 225px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mod-05 .title .tabs-tit{
        height: 205px;
        line-height: 26px;
        padding-top: 80px;
        padding-right: 15px;
        margin-bottom: 1px;
        background-image: url("../images/li_bg2.jpg");
        background-position: left center;
        background-repeat: no-repeat;
    }
    .mod-05 .title .tabs-tit.selected{
        background-image: url("../images/li_bg2_h.png");
    }
    .mod-06 .title{
        margin-bottom: 25px;
    }
    .mod-07-box{
        margin-bottom: 70px;
    }
    .mod-07 .owl-item:nth-child(4n-3){
        height: 241px;
        margin-top: 70px;
        background: url("../images/li_bg3.png") left bottom no-repeat;
    }
    .mod-07 .owl-item:nth-child(4n-2){
        height: 311px;
        padding-top: 227px;
        margin-top: 294px;
        background: url("../images/li_bg4.png") left top no-repeat;
    }
    .mod-07 .owl-item:nth-child(4n-1){
        height: 311px;
        background: url("../images/li_bg5.png") left bottom no-repeat;
    }
    .mod-07 .owl-item:nth-child(4n){
        height: 241px;
        padding-top: 157px;
        margin-top: 294px;
        background: url("../images/li_bg6.png") left top no-repeat;
    }
    .mod-12{
        text-align: right;
    }
    .mod-12 .item a{
        margin-left: 28px;
    }
    .nav-sub .list-03{
        text-align: right;
    }
    .mod-16{
        text-align: center;
    }
    .mod-16 input[type=text]{
        width: 350px;
    }
    .mod-18 .li{
        padding-right: 80px;
        padding-left: 118px;
        position: relative;
    }
    .mod-18 .li .date{
        position: absolute;
        top: 16px;
        left: 0;
    }
    .mod-18 .li .more{
        position: absolute;
        top: 16px;
        right: 0;
    }
    .mod-23 .box{
        padding-right: 229px;
        position: relative;
    }
    .mod-23 .box .text{
        width: 229px;
        height: 58px;
        margin-top: -29px;
        position: absolute;
        top: 50%;
        right: 0;
    }
    .mod-25 .content label.col-sm-3{
        padding-top: 10px;
    }
    .popupBox-02{
        width: 600px;
        margin-left: -300px;
        left: 50%;
    }
    .popupBox-02 .close-btn{
        right: -65px;
    }
}
@media (min-width: 414px){
    .mod-08>div{
        float: left;
        width: 20%;
    }
}
@media (min-width: 1600px) and (max-width : 1919px){
    .mod-06-box{
        margin-top: -135px;
    }
    .mod-06 .content{
        height: 204px;
    }
}
@media (min-width: 1440px) and (max-width : 1599px){
    .mod-06-box{
        margin-top: -118px;
    }
    .mod-06 .content{
        height: 170px;
    }
}
@media (min-width: 1366px) and (max-width : 1599px){
    .header-custom .nav-custom>li{
        margin-left: 30px;
    }
}
@media (min-width: 1200px) and (max-width : 1439px){
    .mod-06-box{
        margin-top: -101px;
    }
}
@media (min-width: 768px) and (max-width : 1439px){
    .mod-06 .content{
        height: 136px;
    }
}
@media (min-width: 1200px) and (max-width : 1365px){
    .header-custom .nav-custom>li{
        margin-left: 20px;
    }
    .footer-nav .li{
        width: 138px;
    }
    .mod-04 .text4{
        right: 31%;
        left: 31%;
    }


    .qmain1_r table tbody tr{
        height: 66px;
    }
    .qmain1_r2{
        height: 397px;
    }
}
@media (min-width: 992px) and (max-width : 1199px){
    .footer-nav .li{
        width: 115px;
    }
    .popupBox-01{
        width: 960px;
        margin-left: -480px;
    }
}
@media (min-width: 768px) and (max-width : 1200px){
    .footer-nav{
        padding-right: 364px;
    }
    .footer-nav .footer-right{
        width: 364px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .popupBox-01{
        width: 720px;
        margin-left: -360px;
    }
    .mod-25.login-box{
        width: 360px;
    }
}
@media only screen and (max-width: 1365px){
}
@media only screen and (max-width : 1199px){
    .footer-down{
        text-align: center;
    }
    .mod-06-box{
        bottom: 30px;
    }
    .index-mod04{
        display: none;
    }
    .index-mod07{
        display: block;
    }
    .mod-01{
        padding: 0 38px;
    }

    
    .qmain1_r{
        padding-left: 30px;
    }
    .qmain1_r table thead tr{
        height: 56px;
    }
    .qmain1_r table tbody tr{
        height: 57px;
    }
    .qmain1_r2{
        height: 343px;
    }
    .qmain2_l1{
        padding: 30px 30px 18px;
    }
    .qmain2_l1 .title{
        font-size: 22px;
        padding-bottom: 14px;
    }
    .qmain2_r{
        padding-left: 30px;
    }
    .qmain3_l{
        width: 70%;
    }
    .qmain3_l .title1{
        font-size: 22px;
    }
    .qmain3_r{
        width: 30%;
        padding-left: 30px;
	}
	
	
	.qmain4{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.qmain4_nr{
		width: 426px;
		padding: 20px;
	}
	.qmain4_nr h2{
		font-size: 26px;
	}
	.qmain4_nr ul{
		margin-top: 20px;
	}
	.qmain4_nr ul li{
		margin-top: 10px;
	}
	.qmain4_nr ul li .nr3{
		height: 54px;
	}
	.qmain4_nr ul li .wbk1{
		font-size: 14px;
		height: 54px;
		line-height: 54px;
		padding: 0 15px 0 70px;
		background-size: 35px 24px !important;
		background-position: 15px center !important;
	}
	.qmain4_nr ul li .btn1{
		font-size: 20px;
		height: 56px;
		line-height: 54px;
		margin-top: 10px;
	}
	.qmain5{
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.qmain5 .pages{
		padding-top: 40px;
		padding-bottom: 0px;
	}
	.qmain5_1 ul{
		margin: 0px -14px 0 0;
	}
	.qmain5_1 ul li{
		padding: 40px 14px 0 0;
	}
	.qmain5_1 ul li .item{
		padding: 40px 28px 20px;
	}
	.qmain5_1 ul li .item:before{
		height: 3px;
	}
	.qmain5_1 ul li .item .title{
		font-size: 20px;
		height: 142px;
		line-height: 32px;
		padding-top: 14px;
		margin-bottom: 20px;
	}
	.qmain5_1 ul li .item .more span{
		font-size: 14px;
		height: 40px;
		line-height: 38px;
		padding: 0 14px;
	}
	.qmain8{
		margin-top: 40px;
	}
	.qmain8 ul{
		margin: -14px -14px 0 0;
	}
	.qmain8 ul li{
		padding: 14px 14px 0 0;
	}
	.qmain8 ul li .item{
		padding: 20px;
	}
	.qmain8 ul li .item .title{
		font-size: 20px;
	}
	.qmain8 ul li .item .more{
		font-size: 14px;
		margin: 20px 0 4px;
	}
	.qmain8 ul li .item .icon .img{
		height: 24px;
	}




	





}
@media only screen and (max-width : 991px){
    .footer-nav .li .cont{
        display: none;
    }


    .qmain1_l{
        width: 100%;
    }
    .qmain1_r{
        width: 100%;
        margin-top: 30px;
        padding-left: 0px;
    }
    .qmain2_l{
        width: 100%;
    }
    .qmain2_r{
        width: 100%;
        margin-top: 16px;
        padding-left: 0px;
    }
    .qmain3_l{
        width: 100%;
    }
    .qmain3_r{
        width: 100%;
        margin-bottom: 16px;
        padding-left: 0px;
	}
	
		
	.header-custom .qoperation{
		padding: 15px 0;
	}
	.header-custom .qoperation img{
		height: 35px;
	}
}
@media only screen and (max-width : 767px){
    .col-xs-5ths{
        float: left;
        width: 20%;
    }
    .pages a{
        display: none;
    }
    .pages a:first-child,.pages a:last-child{
        display: inline-block;
        width: 40%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .footer-nav .nav-con{
        display: none;
    }
    .popupBox-01{
        right: 15px;
        left: 15px;
    }
    .popupBox-01 .title{
        line-height: 80px;
        margin-bottom: 30px;
        font-size: 30px;
    }
    .popupBox-01 .content{
        padding-right: 15px;
        padding-left: 15px;
    }
    .popupBox-01 .content .text{
        height: 168px;
        margin-bottom: 20px;
    }
    .popupBox-01 .down>div:first-child{
        margin-bottom: 20px;
    }
    .tit-1 .name-en{
        font-size: 18px;
    }
    .mod-05 .title{
        margin-bottom: 20px;
    }
    .mod-05 .title .tabs-tit{
        float: left;
        width: 50%;
        height: 80px;
        padding-top: 16px;
        background: #dfe0e1;
    }
    .mod-05 .title .tabs-tit.selected{
        background: #ea1a24;
    }
    .mod-06 .content{
        height: 78px;
        line-height: 26px;
    }
    .mod-07 .owl-item{
        height: 241px;
        margin-top: 70px;
        background: url("../images/li_bg3.png") left bottom no-repeat;
    }
    .mod-07 .owl-item:nth-child(2n){
        padding-top: 157px;
        margin-top: 294px;
        background: url("../images/li_bg6.png") left top no-repeat;
    }
    .mod-12 .item a{
        margin-right: 14px;
    }
    .mod-19 .li{
        padding-left: 110px;
    }
    .mod-23 .box .text{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .mod-26{
        font-size: 22px;
    }
    .popupBox-02{
        right: 15px;
        left: 15px;
    }
    .popupBox-02 .content .text .box .txt-1{
        font-size: 20px;
    }
    .popupBox-02 .content .text .box .con-1 .txt-2{
        font-size: 18px;
    }
    .mod-01{
        padding: 0 0px;
    }

    
    .qmain1_l .title{
        font-size: 14px;
        line-height: 50px;
        padding: 0 20px;
    }
    .qmain1_r table{
        font-size: 14px;
    }
    .qmain1_r table thead tr{
        height: 50px;
    }
    .qmain1_r table tbody tr{
        height: 50px;
    }
    .qmain1_r table td{
        padding: 0 10px 0 20px;
    }
    .qmain1_r2{
        height: 301px;
    }
    .qmain2_l1{
        padding: 20px;
	}
	.qmain5_1 ul li{
		width: 100%;
	}
	.qmain8 ul li{
		width: 100%;
	}
	
	
}
@media only screen and (max-width: 520px){
}
@media only screen and (max-width: 413px){

}
@media only screen and (max-width: 375px){
}
@media only screen and (max-width: 320px){
}