@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1440px){
	header .header{width:100%;padding:0 3%;}
	.nav li{padding-right:0;}
	.container{width:90%;}
	.home-world .legend{width:96%;}
	.circle{right:0%}
	.circle li.hd img{left:380px;}
	.circle li.hn img{left:334px;}
	.circle li.hb img{left:360px;}
	.circle li.xn img{left:274px;}
	.circle li.hw img{left:364px;}
	.circle .xf{width:320px;}
	.area-hd{left:395px;}
	.area-hz{left:25px;}
	.area-db{left:375px;}
	.area-xb{left:285px;}
	.area-hw{left:55px;}
	.tit{margin-top:80px;}
	.home-product .item .bg{padding-top:35px}
	.home-product .item .bg h2{margin-bottom:50px;}
	.home-product .item .text{padding:30px}
	.culture{margin:70px 0;}
	.qywh ul li p,.fzlc_text p,.pcinfo ul li .contact3text p{font-size:14px;}
	.yffw_r{padding-left:0;}
	.pcinfo ul li .contact3text{
		-webkit-transform: translateY(-80px);
    	transform: translateY(-80px);
	}
	.pcinfo ul li .contact3text h2{font-size:18px;}
	.about .left h3{
        font-size: 32px;
        margin-bottom: 30px;
    }
    .about .left p{
        font-size: 14px;
        line-height: 1.8;
    }
    .about{padding:80px 0;}
}
@media only screen and (max-width:1368px){
	.circle li.hd img{top: 540px;left:415px;}
	.circle li.hn img{left:394px;}
	.circle li.hb img{top: 480px;left:410px;}
	.circle li.xn img{top: 490px;left:324px;}
	.circle li.hw img{top: 640px;left:414px;}
	.area-hd{top: 545px;left:425px;}
	.area-hz{top: 575px;left:85px;}
	.area-db{top: 495px;left:425px;}
	.area-xb{top: 505px;left:335px;}
	.area-hw{top: 650px;left:105px;}
	.yffw_l {width: 389px;}
	.yffw_l ul {margin: 48px 0;}
	.yffw_l h5 {padding-bottom: 28px;}
	.yffw_r {
        width: calc(100% - 389px);
        padding: 48px 5%;
        padding-left:0;
    }
    .pcinfo ul li .contact3text {
        width:100%;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        border-radius: 0px;
    }
    .about{padding:60px 0;}
    .about .left h3{
        font-size: 28px;
    }
    .ywbt_prev {
        left: 20px;
    }
    .ywbt_next {
        right: 20px;
    }
}
@media only screen and (max-width:1024px){
    header{
        position:fixed;
        box-shadow: 0 0 10px 1px #eee;
        top: 0;
        z-index: 999;
        height:76px;
        padding:10px 0;
    }
	header .header{padding:0 20px;;}
	header .header .logo{margin:0;}
	
	.nav li>a {
        font-size: 16px;
    }
    .banNull {
        height: 76px;
    }
    .phone_box {
        display:none;
        width:100%;
        height: calc(100vh - 45px);
        position: absolute;
        top: 76px;
        left: 0;
        background:#fff;
        z-index: 999;
    }
    .menu-handler{display:block}
    .nav{
        height: 100%;
        overflow: auto;
        width: 90%;
        margin: 0 auto;
        float:none;
	}
	.nav>li{
	    display:block;
	    width:100%;
	    line-height:2.1;
	    margin-top: 14px;
	}
    .nav>li>a {
        position: relative;
        line-height: 2;
        padding: 10px 0;
        font-size: 18px;
        color: #323232;
        text-transform: capitalize;
        text-align: left;
        display: block;
        border-bottom: 1px solid #eee;
        font-weight:bold;
    }
    .nav>li:nth-child(2)>a:after,
    .nav>li:nth-child(3)>a:after,
    .nav>li:nth-child(4)>a:after{
        width: 14px;
        height: 14px;
        content:'';
        position: absolute;
        right: 10px;
        top: 18px;
        -webkit-transition: all 0.48s;
        -o-transition: all 0.48s;
        -moz-transition: all 0.48s;
        transition: all 0.48s;
        background:url(../icon/right.png) center no-repeat;
    }
     .nav>li>.change:after{
         -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
     }
    .banner .st{
        position:static;
        width:100%;
    }
    .nbox{width:100%;}
    .nbox .intro{margin:20px 0;}
    .f-nav{display:none;}
    .home-about{background-size:100%!important}
    .home-world .map{width:100%;height:440px;background-size:100%;}
    .home-world .legend{width:100%;position:static;transform: translateX(0);}
    .container{width:100%;padding:0 15px;}
    .sub-menu {display:none}
    .about .left{width:100%;padding-right:0%;}
    .about .right{width:100%;margin-top:30px;}
    .count li{width:50%;float:left;}
    .count li:nth-child(4){
        background: #fff;
        color:  #b92e38;
    }
    .count li:nth-child(3){
        background: #b92e38;
        color: white;
    }
    .count li:nth-child(3) .about_1_4_mid_1 span:nth-child(1){
        color: white;
    }
    .count li:nth-child(4) .about_1_4_mid_1 span:nth-child(1) {
        color:#b92e38;
    }
    .history .container{text-align:center}
    .qywh ul li{padding:8% 2%;}
    .qywh ul li p, .fzlc_text p, .pcinfo ul li .contact3text p {
        font-size: 12px;
        letter-spacing: 1px;
    }
    .ywbt_next,.ywbt_prev {
        position: relative;
        top: 0;
        transform: translateY(0);
        display: inline-block;
        right: 0;
        left: 0;
        margin: 10px;
    }
    .honor{background-size:cover!important;}
    .yffw_l{
        width:100%;
        padding:0 5%;
    }
    .yffw_r{width:98%;margin:0 auto;padding-right:0;padding:30px 15px;}
    .news__list li{width:100%;float:none;}
    .gszl_l{width:100%;border-right:none;}
    .gszl_r{display:none;}
    .gszl_l .hzTit h1{font-size:26px;}
    .pcinfo ul li .img:after{font-size:18px;}
    footer .bottom{padding:0 15px;}
    .in-tit h2{font-size: 32px;}
	
	.ibusinnes-text {
		position: relative;
		background: none rgba(0,0,0,0.6);
	}
	.ibusinnes-text .item {
		height: auto;
		padding: 30px 5%;
	}
	.ibusinnes-text .zh {
		font-size: 14px;
	}
	.ibusinnes-box .con-box h2{
		font-size:24px;
		margin-bottom: 5px;
	}
	.ibusinnes-box .con-box p{
		font-size:12px;
		line-height: 24px;
		padding:0 15px;
	}
	.ibusinnes-img .slick-arrow {
		position: absolute;
		top: 50%;
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-top: -15px;
		color: #fff;
		z-index: 100;
	}
	.ibusinnes-img .slick-prev {
		left: 2%;
	}
	.ibusinnes-img .slick-prev i{
		background: url(../icon/arrow-left-light.png) center no-repeat;
		display:block;
		width:13px;
		height:24px;
		background-size:100%;
	}
	.ibusinnes-img .slick-next {
		right: 2%;
	}
	.ibusinnes-img .slick-next i{
		background: url(../icon/arrow-right-light.png) center no-repeat;
		display:block;
		width:13px;
		height:24px;
		background-size:100%;
	}
}
@media only screen and (max-width:480px){
	
	.banner .overlay{display:none;}
	.banner .st li{width:100%;}
	.tit-30{font-size:24px;}
	.tit-16{font-size:14px;}
	.usp-list li{width:50%;}
	.home-product .item{width:100%;float:none;}
	.home-product .items{margin:10px 0;}
	.grid-cols-3{display:block;}
	.home-world .legend{display:block;}
	.home-world .legend li{width:90%;margin:10px auto;padding:0;float:none}
	.home-world .legend li .m1{display:block}
	footer .bottom{padding:0px;}
	.bannerS .swiper-pagination{bottom:5%;}
	
	.in-tit h2{
        font-size: 26px;
        line-height: 1.4;
    }
	.qywh ul li{width:100%;padding:20px;}
	.fzlc_text{padding: 48px 28px 28px;min-height: 392px;}
	.fzlc_text dt{white-space:nowrap}
	
	.container{padding:0 15px;}
	#tabs{width:92%;}
	.news__list li a{padding:15px;height:450px;}
	.news__text figure{display:block;width:100%;float:none;margin-right:0}
	.news__fix{margin-top:20px;}
	.newsDet_con>p{font-size:14px;line-height:2;}
	.ndcon{padding-top:0;}
	.traThr_item{width:100%;margin-bottom:30px;}
	.joblist ul li .tlist{padding: 5px 60px 5px 3%;}
	.joblist ul li .tlist .tlist-con {padding-right: 3%;}
	.joblist ul li .tlist .titem{width:60px;}
	.joblist ul li .tlist .top .top-h1,.joblist ul li .tlist .top .top-h2{
	    font-size: 18px;
	}
	.joblist ul li .tlist .top .top-h2{
	    width:100%;
	    margin-left:0;
	    font-size:12px;
	}
	.joblist ul li .tlist .bottom{
	    line-height: 20px;
        padding-top: 5px;
        margin-top: 5px;
	}
	.joblist ul li .tlist .bottom p,.joblist ul li .note .note-left{width:100%;}
	.cbox{justify-content: center;}
	.pcinfo ul{display:block}
	.pcinfo ul li{width:100%;margin-bottom:30px;}
	.pcinfo ul li .contact3text{
	    position:static;
	    -webkit-transform: translateY(0px);
        transform: translateY(0px);
        margin-bottom: 0;
        height: auto;
	}
	.pcinfo ul li .img{z-index:0;}
	.cinfo{padding-top:30px;}
	.cway{display:none;}
	.yffw_l h5{display:none}
	.yffw_l ul{max-width:100%;margin-top:10px;display:none;}
	.yffw_l .phone-p h1{
	    display:block;
	    background:#bb0101 ;
	    color:#fff;
	    font-size:20px;
	    margin-top:30px;
	    width:100%;
	    padding:10px 15px;
		position: relative;
	}
	.yffw_l .phone-p h1:after{
		position: absolute;
		top:15px;
		right:10px;
		content:'';
		width:15px;
		height: 15px;
		background: url(../icon/arrow-right-light.png) center no-repeat;
		background-size: 100%;
	}
	.yffw_l .phone-p h1.down:after{
		transform: rotate(90deg)
	}
	.cplb li dd{width:50%!important;}
	.cplb li dd:nth-child(2),
	.cplb li dd:nth-child(3){
	    display:none;
	}
	.nav li .subnav{
	    width:100%;
	    left: 0;
	    transform: translateX(0%);
	    position: relative;
        /* background: #f8f8f8; */
        padding: 0 10px 20px;
        padding-right: 0 !important;
        display: none;
        border-bottom: 1px solid #eee;
	}
	.nav>li ul li{margin-bottom:0;padding-top:10px;}
	.nav>li ul li h6{display:none;}
	.nav>li ul li h5{font-size:15px;}
	.jqgh{padding:0 15px;}
	.jqgh_text,.jqgh_img{width:100%;}
	.jqgh_text{padding:0;}
	.jqgh_text h4{font-size:18px;}
	.jqgh_text p{font-size:14px;line-height:24px}
	.jqgh a:hover>.jqgh_text{
	    -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
	}
	
	.yffw_r h5{
	    font-size: 20px;
        margin-bottom: 14px;
	}
	.product__detail-third-box-wrapper{width:100%;padding:0;}
	.circle{width:100%;}
	.circle li img{width:14px;height:14px}
	.circle li.hd img {
		top: 410px;
		left: 325px;
	}
	.circle li.hn img {
		top: 425px;
		left: 314px;
	}
	.circle li.hb img {
		top: 390px;
		left: 320px;
	}
	.circle li.xn img {
		top: 395px;
		left: 294px;
	}
	.circle li.hw img {
		top: 450px;
		left: 314px;
	}
	.dot1 .circle li.hd img {top: 310px;}
    .dot1 .circle li.hn img {top: 325px;}
    .dot1 .circle li.hb img {top: 290px;}
    .dot1 .circle li.xn img {top: 295px;}
    .dot1 .circle li.hw img {top: 350px;}
	
    .circle .xf{opacity:0;}
    .fban .per-detailmian{width:94%;}
    .fban .per-detailmian .name-h2{font-size:24px;}
    header .header .logo img{max-height:60px}
	.ibusinnes-text .item {
		padding: 25px 5%;
	}
	.wenz .tit{margin-top:10px;}
	.home-product .item .bg{overflow:hidden;}
	.pd-con .item{margin-bottom:30px;}
	.yffw_r .cway{display:block;}
	.product__detail-section-table{overflow-x:auto;}
	.qywh ul li h4{font-size:22px;}
	.slick-slide{height:230px;}
	.slick-slide img{height:100%;}
	.ibusinnes-box .con-box{top:5%;}
	.ibusinnes-box .con-box h2{font-size:18px;}
}