@charset "utf-8";


@media screen and ( min-width:992px) {
    .pc_none{
        display: none;
    }
}

@media screen and ( max-width: 1200px) {
	#header {
		height: 50px;
	}
	.header_flex{
	    height: 50px;
	}
	#header.header_on .header_flex{
	    height: 50px;
	}
	.header_wrap {
		width: 100%;
		padding: 0 15px 0 10px;
		left: 0;
		margin: 0;
		height: 50px;
		position: relative;
		z-index: 99999;
		background: var(--theme-color);
	}
	.header_on .header_wrap{
	    padding: 0;
	}
	.logo a{
	    background: none;
	    width: auto;
	    height: auto;
	    padding: 0;
	}
	.logo img{
	    height:18px;
	}
	#header.header_on .logo img{
	    height: 16px;
	}
	.phone_menu_btn {
		display: block;
		padding-top:0;
	}
	.phone_top_nav {
		display: block;
	}
	.mb_none{
	    display: none!important;
	}
	.mb_banner{
	    display: block!important;
	    margin-top: 50px;
	}
	.more_style3{
	    margin: 20px auto 0;
	}
	.more_style4{
	    margin-top: 30px;
	    width: 200px;
	    height: 50px;
	    line-height: 50px;
	}
	.more_style4:after{
	    top: 25px;
	}
	.more_style4 span{
	    font-size:16px;
	}
	.more_style4:hover:after{
	    right: 60px;
	}
	.about_wrap{
	    padding-top: 0;
	}
	.mb_banner img{
	    width: 100%;
	}
}

@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;
	}
	.jy_case_con .item .item_img img{
	    height:140px;
	}
	.jy_tab_list ul{
	    flex-wrap: wrap;
	}
	.jy_tab_list ul li{
	    font-size:12px;
	    line-height: 1.2;
	    text-align: center;
	}
	.inner_tit .wrap p{
	    font-size:12px;
	}
	.mb_banner {
		display: block!important;
	}
	.banner .item .con{
	    margin-top: 20px;
	}
    .banner .item .con h4{
        font-size:22px;
        margin:5px 0;
    }
    .banner .item .con span{
        font-size:16px;
    }
	.banner .owl-pagination {
		height: auto;
		right: 20px;
		top: 45%;
	}
	.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;
	}
	.jy_page_solution .panel1 .con{
	    text-align: left;
	}
	.jy_page_solution .panel1 .con p{
	    display: contents;
	}
	.j-product-select .list .item .item-tit{
	    width: 80px!important;
	    font-size:13px!important;
	    padding:10px!important;
	}
	.j-product-select .list .item ul li{
	    font-size:12px!important;
	}
	.tit_box1 {
		padding:30px 0 20px;
		flex-wrap: wrap;
	}
	.tit_box1 .tit{
	    flex: auto;
	}
	.tit_box1 .tit h4{
	    font-size:22px;
	}
	.tit_box1 .tit p{
	    font-size:16px;
	}
	.tit_box1 .tit span{
	    font-size:14px;
	    margin-top: 20px;
	}
	.tit_box1 .menu a{
	    font-size:14px;
	    margin-right: 20px;
	}
	.more_style3{
	    width: 130px;
	    height: 40px;
	    line-height: 40px;
	    text-align: center;
	    font-size:12px;
	}
	.jy_about_con li{
	    width:90px;
	    height: 90px;
	    margin:0 10px;
	}
	.jy_about_con li h4{
	    font-size:18px;
	    margin-bottom: 0;
	}
	.jy_about_con li p{
	    font-size:14px;
	}
	.more_style1{
	    font-size:12px;
	    width: 100px;
	    height: 30px;
	    line-height: 26px;
	}
	.jy_solution_icons{
	    overflow-x: scroll;
	    justify-content: flex-start;
	}
	.jy_solution_icons .item .ico{
	    width: 60px;
	}
	.jy_solution_icons .item .tit{
	    font-size:12px;
	    height: 20px;
	    line-height: 20px;
	    overflow: hidden;
	}
	.jy_solution_slide .item .item_con{
	    padding:0 15px 20px;
	}
	.jy_solution_slide .item .item_con .con{
	    padding-right: 30px;
	}
	.jy_solution_slide .item .item_con .con h4{
	    font-size:18px;
	}
	.jy_solution_slide .item .item_con .con p{
	    font-size:12px;
	}
	.jy_case_con{
	    flex-wrap: wrap;
	    padding:0 10px;
	}
	.jy_case_con .item_wrap{
	    width:50%;
	    padding:0 5px 10px;
	}
	.jy_case_con .item .item_con{
	    padding:10px;
	}
	.jy_case_con .item .item_con .more_time .time{
	    display: none;
	}
	.jy_case_con .item .item_con .more_time a{
	    margin-top: 0;
	}
	.about{
	    flex-wrap: wrap;
	    padding:30px 0 0;
	}
	.about_con{
	    width: 100%;
	}
	.about_con ul{
	    flex-wrap: wrap;
	}
	.about_con li{
	    flex:auto;
	    margin-bottom: 15px;
	}
	.about_con .con p{
	    font-size:14px;
	    margin-top: 15px;
	}
	
	.team_con{
	    width: 100%;
	}
	.team_con .item .con{
	    margin-left: 20px;
	}
	.team_con .item .con h4{
	    font-size:16px;
	}
	.team_con .item .con span{
	    font-size:12px;
	    margin:5px 0 10px;
	}
	.team_con .item .con p{
	    font-size:12px;
	}
	.btn_style .owl-pagination{
	    margin-top: 20px;
	}
	.case_con .item{
	    margin-right: 10px;
	}
	.product_con{
	    margin:0;
	}
	.product_con .item{
	    padding:0;
	}
	.product_con .owl-buttons>div{
	    display: none;
	}
    .news_con li a{
        margin-bottom: 15px;
    }
    .news_con li .con h4{
        font-size:16px;
        margin-bottom: 10px;
    }
    .footer{
        padding: 30px 0 80px;
    }
    .footer_logo .img span{
        font-size:12px;
    }
    .footer_logo img{
        height: 20px;
    }
	.footer .text-right{
	    text-align: left;
	}
	.footer_logo{
	    justify-content:flex-start;
	}
	.inner {
		padding: 25px 0;
	}
	.inner_tit{
	    bottom: 0;
	}
	.inner_tit .wrap{
	    padding:20px 10px;
	}
	.inner_tit .wrap h4{
	    font-size:20px;
	}
	.jy_page_solution .panel1{
	    padding:30px 0;
	}
	.jjfa_panel_tit .tit{
	    font-size:24px;
	}
	.page_jjfa_panel1 .list{
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.page_jjfa_panel1 .list .item{
	    width: 50%;
	}
	.jy_page_solution_panel2_layer .layui-layer{
	    width: 90%!important;
	    height: 75%!important;
	}
	.jy_page_solution_panel2_layer .item{
	    padding:30px 20px;
	}
	.jy_page_solution_panel2_layer .item .tit{
	    font-size:24px;
	}
	.page_jjfa_panel2 .tab .item .ico{
	    width: 40px;
	    height: 40px;
	}
	.page_jjfa_panel2 .tab .item .tit{
	    height: 24px;
	    line-height: 24px;
	    overflow: hidden;
	}
	.page_jjfa_panel2 .list{
	    margin-bottom: 30px;
	}
	.page_jjfa_panel2 .list .item .item_con .desc{
	    display: none;
	}
	.page_jjfa_panel3 .list{
	    flex-direction: column;
	}
	.page_jjfa_panel3 .list .item .item_img{
	    height:150px;
	    overflow: hidden;
	    position: relative;
	}
	.page_jjfa_panel3 .list .item .item_img img{
	    object-fit: cover;
	    position: absolute;
	    left: 0;
	    top: -192%;
	}
	.page_jjfa_panel3 .list .item .item_con .more{
	    display: none;
	}
	.jy_page_solution_panel2 .panel2_tit{
	    padding-top: 30px;
	}
	.jy_page_solution_panel2 .panel2_tit{
	    font-size:24px;
	}
	.jy_page_solution_panel2 .panel2_tit:after{
	    margin-bottom: 30px;
	}
	.j-product-list_item ul{
	    width: auto!important;
	    margin:0 -6px!important;
	}
	.j-product-list_item ul li{
	    width: 50%!important;
	    padding:0 6px!important;
	}
	.j-product-list_item ul li .item_tit{
	    padding:0 25px!important;
	    height: 50px!important;
	    line-height: 1.4!important;
        text-align: center!important;
	}
    .jy_top_menu ul li>a{
        font-size:14px;
    }
    .page_newsList_1{
        max-width:90%;
    }
    .page_newsList_1 .item .item_con{
        padding-right: 15px;
    }
    .page_newsList_1 .item .item_img img{
        width: 150px;
        height:100px;
    }
    .page_newsList_1 .item .item_con .tit_time{
        flex-direction: column;
        height: auto;
        align-items: flex-start;
    }
    .page_newsList_1 .item .item_con .tit_time h4{
        -webkit-line-clamp:2; 
        line-height:20px;
        margin-bottom: 10px;
    }
    .page_caseList li .con span{
        font-size:12px;
    }
    .jy_page_question li .tit .jy_btn{
        width: 10%;
    }
    .page_downList li a .info span{
        display: none;
    }
    .jy_page_join.jy_page_question li .tit h4{
        width: 40%;
    }
    .jy_page_contact_index .panel3_code{
        padding:0 20px;
    }
    .jy_page_contact_index .panel3_code .item{
        width: auto;
        flex:1;
        padding:0 5px;
    }
    .page_about_panel1{
        width: 100%;
        padding:30px 0;
    }
    .page_about_panel1 .item_video{
        width: 100%;
        padding-right: 0;
        height: auto;
        float: initial;
    }
    .page_about_panel1 .item_con{
        padding-top: 15px;
    }
    .page_newsList_1 .item .item_con .tit_time h4:after{
       display: none;
    }
    .page_newsList_1 .item .item_con p{
        display: none;
    }
    .page_about_panel2{
        padding:30px 0;
    }
    .page_about_panel2 .list{
        width: 100%;
        flex-wrap: wrap;
    }
    .page_about_panel2 .list .item{
        flex: none;
        padding:0 10px 15px;
        width: 50%;
    }
    .page_about_panel2 .list .item .ico{
        width: 100px;
        height: 100px;
    }
    .page_about_panel2 .list .item p:after{
        display: none;
    }
    .page_about_panel3{
        padding:30px 0;
    }
    .jy_tit3{
        margin-bottom: 20px;
    }
    .jy_tit3 h4{
        font-size:18px;
    }
    .jy_tit3:after{
        width: 22px;
        height: 2px;
        margin: 13px auto 0;
    }
    .page_about_panel5_tit{
        padding-top: 30px;
    }
    .page_about_panel5_scroll{
        width: 100%;
    }
    .page_about_panel5_scroll_wrap{
        padding:50px 0;
    }
    .page_about_panel5_scroll .swiper-button-prev{
        left: 40%;
    }
    .page_about_panel5_scroll .swiper-button-next{
        right: 40%;
    }
    .page_about_panel6{
        padding:30px 0;
    }
    .jy_page_join_wrap .container{
        width: 100%;
    }
    .jy_page_question{
        padding:0;
    }
    .jy_page_join.jy_page_question li{
        padding:8px 15px;
    }
    .jy_page_contact_index .container{
        width: 100%;
    }
    .jy_page_contact_index .panel1{
        padding:0;
        flex-direction: column;
    }
    .jy_page_contact_index .panel1_con{
        width: 100%;
    }
    .jy_page_contact_index .panel1_map{
        padding-left: 0;
    }
    .jy_page_contact_index .panel2{
        padding:30px 0;
    }
    .jy_page_contact_index .panel3{
        padding:30px 0;
    }
	.ibanner{
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	}
	.page_index .tit h1{
	    font-size:22px;
	}
	.page_honor_index li .img_scale{
	    padding: 10px;
	}
	.page_tit{
	    padding-bottom: 10px;
	}
	.page_tit h4{
	    font-size:24px;
	}
	.page_tit p{
	    font-size:12px;
	    margin-top: 5px;
	    padding-bottom: 20px;
	}
	.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 {
		margin-bottom: 10px;
	}
	.page_picList .row{
	    margin:0 -6px;
	}
	.page_picdetails .info{
	    padding-left: 6px;
	}
	.page_picdetails .info h1{
	    font-size:18px;
	}
	.page_picList li .con{
	    padding: 10px 0;
	}
	.page_index .con img{
	    max-width: 100%!important;
	}
	.page_picList li .con h4{
	    font-size:16px;
	}
	.page_picList li.col-md-4{
	    padding: 0 6px;
	}
	.page_serviceList{
	    padding: 0 0 30px;
	}
	.page_caseList li{
	    margin-bottom: 10px;
	}
	.page_caseList .img{
	    max-height: 110px;
	}
	.page_caseList li .con{
	    padding:12px;
	}
	.page_caseList li .con h4{
	    font-size:16px;
	    height: 17px;
	    line-height: 17px;
	}
	.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 .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 h5{
        font-size:16px;
    }
    .page_contactindex p{
        font-size:16px;
    }
}

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

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