@charset "utf-8";

@media screen and ( max-width: 1500px) {
    .about_wrap{
        height: 350px;
    }
    .about_con .tit{
        background-size:100%;
        padding-bottom: 50px;
    }
    .advantage_img{
        top: 100px;
    }
}

@media screen and ( max-width: 1200px) {
	#header {
		height: 50px;
	}
	.header_wrap {
		width: 100%;
		padding: 0 15px 0 10px;
		left: 0;
		margin: 0;
		height: 50px;
		position: relative;
		z-index: 99999;
		background: #fff;
	}
	.header_on .header_wrap{
	    padding: 0;
	}
	.logo a{
	    background: none;
	    margin:12px 0 0;
	    width: auto;
	    height: auto;
	}
	.logo img{
	    height:26px;
	    margin:0;
	}
	.phone_menu_btn {
		display: block;
		padding-top: 14px;
	}
	.phone_top_nav {
		display: block;
	}
	.mb_none{
	    display: none!important;
	}
	.footer_contact span{
	    margin-right: 60px;
	}
	.marginClear{
	    margin: 0!important;
	}
}

@media screen and ( max-width: 992px) {

	.container {
		padding-left: 12px;
		padding-right: 12px;
	}

	.row {
		margin-right: -6px;
		margin-left: -6px;
	}

	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding-left: 6px;
		padding-right: 6px;
	}
	.mb_banner {
		display: block!important;
	}
	.banner{
	    margin-top: 0;
	}
    .banner .item .con h4{
        font-size:22px;
        margin:20px 0 5px;
    }
    .banner .item .con p{
        font-size:12px;
    }
    .banner .item .con p:before, .banner .item .con p:after{
        width: 30px;
        margin:0 10px;
    }
	.banner .owl-pagination {
		height: auto;
		bottom: 0;
	}
	.banner .owl-buttons>div{
	    display: none;
	}
	.banner .owl-pagination .owl-page {
		width: 4px;
		height: 4px;
	}
	.banner .owl-pagination .owl-page.active:after {
		width: 14px;
		height: 14px;
		left: -6px;
		top: -6px;
	}
	.phone_fixed_menu {
		display: block;
	}
	.tit_box1 {
		padding:30px 0 20px;
		border-width:5px;
	}
	.tit_box1 h4{
	    font-size:22px;
	}
	.tit_box1 p{
	    font-size:12px;
	    margin-top: 5px;
	}
	.tit_box1 h4:before, .tit_box1 h4:after{
	    height: 2px;
	}
	.tit_box2{
	    padding: 30px 0 20px;
	}
	.tit_box2 h4{
	    font-size:22px;
	}
	.tit_box2 h4:after{
	    margin-top: 10px;
	}
	.tit_box3 h4{
	    font-size:24px;
	}
	.tit_box4{
	    padding: 30px 0 20px;
	}
	.product_con .row{
	    margin:0 -6px;
	}
	.product_con li{
	    width: 50%;
	    padding: 0 6px;
	    margin-bottom: 12px;
	}
	.product_con li:last-child{
	    display: none;
	}
	.product_con li h4{
	    text-align: center;
	    font-size:16px;
	    height: 30px;
	    line-height: 30px;
	}
    .about_wrap{
       padding: 0;
       height: auto;
    }
    .about_con .tit h4{
        font-size:18px;
    }
    .about_con .tit p{
        font-size:24px;
    }
    .about_img{
        width: 100%;
        position: inherit;
        top: 0;
    }
    .about_img:after{
        display: none;
    }
    .about_con .button_wrap{
        text-align: center;
    }
    .about_img .owl-buttons>div{
        display: none;
    }
    .about_con{
        padding: 10px 0 0;
    }
    .about_con .con{
        padding:15px 0 0;
    }
    .advantage_con li{
        padding: 16px;
        margin-bottom: 16px;
    }
    .advantage_con li .con h4{
        font-size:18px;
    }
    .advantage_con li .con p{
        font-size:13px;
    }
    .advantage_img{
        position: initial;
        width: 100%;
    }
    .case_con .row{
        margin:0 -6px;
    }
    .case_con li{
        padding: 0 6px;
        margin-bottom: 12px;
    }
    
    .news_con li .con{
       padding: 20px 15px;
    }
    .news_con .owl-pagination{
        margin-top: 25px;
    }
	.footer{
	    padding:30px 0 60px;
	}
	.footer_logo{
	    margin-bottom: 20px;
	}
	.footer_contact span{
	    display: block;
	    margin-right: 0;
	    margin-bottom: 14px;
	}
	.footer_contact span i{
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    font-size:16px;
	}
	.footer_copyright{
	    margin-top: 20px;
	}
	.inner {
		padding: 25px 0;
	}
	.ibanner{
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	}
	.page_index .tit h1{
	    font-size:24px;
	}
	.page_honor_index li .img_scale{
	    padding: 10px;
	}
	.page_tit{
	    padding-bottom: 10px;
	}
	.page_tit h4{
	    font-size:24px;
	}
	.page_about_index .tit{
	    font-size:24px;
	}
	.page_service_index .con{
	    margin:0 auto;
	}
	.page_honor_index li{
	    margin-bottom: 12px;
	}
	/*.page_honor_index li .img{*/
	/*    max-height: 95px;*/
	/*}*/
	.page_honor_index li .con h4{
	    font-size:14px;
	    height: 40px;
	    line-height: 40px;
	}
	.page_picList li {
		width: 50%;
		margin-bottom: 10px;
	}
	.page_picList .row{
	    margin:0 -6px;
	}
	.page_picList li.col-md-4{
	    padding: 0 6px;
	}
	.page_serviceList .con{
	    padding:20px 0;
	}
	.page_serviceList{
	    padding: 0 0 30px;
	}
	.page_caseList li{
	    margin-bottom: 10px;
	}
	.page_caseList .img{
	    max-height:125px;
	}
	.page_caseList li .con{
	    padding: 15px 0 0;
	}
	.page_caseList li .con h4{
	    font-size:16px;
	}
	.page_caseList li .con p{
	    max-height: 40px;
	    font-size:12px;
	    margin-top: 6px;
	}
	.page_contact_index .tit{
	    margin-bottom: 0;
	}
	.page_contact_index p{
	    margin-bottom: 0;
	    padding: 14px 0;
	}
	.page_contact_index .map{
	    overflow: hidden;
	}
	.page_newsList li{
	    padding: 12px;
	}
	.page_newsList li .con{
	    padding: 0 0 0 15px;
	}
	.page_newsList li .con h4{
	    font-size:16px;
	    line-height: 18px;
	    height: auto;
	    max-height: 36px;
	    margin-bottom: 6px;
	}
	.page_newsList li .con p{
	    line-height: 20px;
	    height: 40px;
	    overflow: hidden;
	}
	.page_hotpic .tit{
	    margin: 10px 0;
	}
    .return_page{
        padding: 10px;
    }
    .layui-layer{
        max-width: 350px;
    }
    .page_contactindex ul{
       margin:20px 0;
       flex-flow: wrap;
   }
   .page_contactindex li{
       margin:0 6px 12px;
       width: auto;
       height: auto;
       flex-basis: 40%;
       flex-grow: 1;
       padding: 20px 10px;
       text-align: center;
   }
   .page_contactindex li h4{
       margin-top: 10px;
   }
   .page_contactindex li i{
       font-size:24px;
   }
   .page_contactindex .map{
       overflow: hidden;
       margin:0 0 30px;
   } 
}

@media screen and ( max-width: 768px) {

	.ibanner {
		height: 160px;
	}
	.page_newsList li .img img {
		max-width: 120px;
		height: 114px;
	}
	.xg_news ul li .con {
		margin-left: 14px;
	}
}