@media (min-width: 1900px){
	#xqbox .contop *{font-size: 18px;}
	.header .w .img .logo{height: 60px;}
	.header .w .img .logotxt{width: 221px;height: 40px;}
	.title{margin: 90px;}
	.fleft, .fright{padding-top: 8%;}
	#content5 .title{margin-bottom: 100px;}
	#content6 .title{margin-top: 160px;}
}

@media (max-width: 1900px) {
	.header{height: 70px;}
	.header .w .img{height: 70px;}
	.header .subnav li .subnav-a{height: 70px;line-height: 69px;font-size: 16px;}
	#content2 .title{margin: 100px 0 30px;}
	.title{margin: 60px 0;}
	#content5 .title{margin-bottom: 100px;}
	
	.fleft, .fright{padding-top: 7%;}
	.fleftcon, .frightcon{max-width: 720px;}
	.l-txt-1, .r-txt-1{font-size: 28px;}
	.l-txt-2{font-size: 24px;margin: 15px auto 10px;}
	.l-txt-3 *{font-size: 18px;}
	.r-txt-2 ul li span{font-size: 18px;}
	.fleft .img,.fright .img{height: 250px;}
	.fleft .img img,.fright .img img{height: 100%;}
	.fleft .img{margin-top: 20px;}
	.foobot{height: 60px;line-height: 60px;}
	.foobot span{font-size: 14px;}
	.foobot .mobile{width: 100px;height: 120px;top: -182%;}
	.foobot .mobile div{font-size: 12px;line-height: 9px;}
	
@media (max-width: 1600px) {
	#content1 .title{margin: 100px 0 30px;}
	.title{margin: 70px 0;}
	#content1 .txt{margin-top: 0;}
	#content1 .c1box{margin-top: 30px;}
	#content2 .img-b{width: 100%;height: 260px;}
	#content2 .img-b img{height: 100%;width: 100%;}
	#content2 .img-b img{max-width: 100%;}
	#content2 .item{height: auto;margin-top: 30px;}
	#content2 .txt-2{margin-bottom: 10px;}
	#content5 .title{margin: 30px;}
	#content5 .item .c5-txt-1{font-size: 20px;margin-bottom: 10px;}
	#content5 .title{margin-bottom: 40px;}
	
	.fleft, .fright{padding-top: 5%;}
	.fleftcon, .frightcon{max-width: 600px;}
	.l-txt-1, .r-txt-1{font-size: 20px;}
	.l-txt-2{font-size: 16px;margin: 15px auto 10px;}
	.l-txt-3 *{font-size: 14px;}
	.r-txt-2 ul li span{font-size: 14px;}
	.fleft .img,.fright .img{height: 200px;}
	.fleft .img img,.fright .img img{height: 100%;}
	.fleft .img{margin-top: 10px;}
	.foobot{height: 50px;line-height: 50px;}
	.foobot span{font-size: 12px;}
	.foobot .mobile{width: 100px;height: 120px;top: -227%;}
	.foobot .mobile div{font-size: 12px;line-height: 9px;}
}
@media (max-width: 1440px) {
	.w{max-width: 1200px;}
	.header{height: 60px;}
	.header .w .img{height: 60px;}
	.header .subnav li .subnav-a{height: 60px;line-height: 59px;font-size: 16px;}
	.header .w .img .logo{height: 35px;}
	
	.titletop{font-size: 20px;}
	#content1 .txt div{font-size: 16px;}
	#content1,#content2,#content4,#content5,#content6{align-items: initial;}
	#content1 .txt{margin-top: 0;}
	#content1 .c1box{margin-top: 20px;}
	#content1 .w{display: flex;justify-content: center;align-items: center;flex-direction: column;}
	#content1 .title{margin-top: 90px;}
	
	#content2 .title{margin: 20px;margin-top: 100px;}
	#content2 .item{height: auto;margin-top: 30px;}
	#content2 .img-b{width: 100%;height: 160px;}
	#content2 .img-b img{height: 100%;width: 100%;}
	#content2 .img-b img{max-width: 100%;}
	#content2 .txt-2{margin-bottom: 10px;}
	
	#content3 .c1title{margin-top: 50px;}
	
	#content4 .title{margin: 20px;margin-top: 100px;}
	#content4 .c4box{margin-top: 30px;}
	
	#content5 .item .c5-txt-1{font-size: 20px;margin-bottom: 10px;}
	#content5 .title{margin-bottom: 40px;}
	
	#content6 .c6box .item{height: auto;}
	#content6 .c6box{margin-top: 20px;}
	#content6 .c6more img{left: 26%;}
}
@media (max-width: 1200px) {
}
@media (max-width: 1150px) {
}
@media (max-width: 1100px) {
}
@media (max-width: 914px) {
}
@media (max-width: 768px) {
	.header .w .img{flex-direction: row;}
	.header .w .img .logotxt{width: 138px;height: 21px;margin-top: 4px;}
	.header{height: 50px;}
	.header .w .img{height: 50px;}
	.header .w nav{width: 104%;height: 100%;}
	.header .subnav li .subnav-a{height: auto;line-height: 40px!important;}
	.header .subnav{overflow-y: scroll;}
	.clickdown{display: none;}
	.menu{display: block;width: 35px;height: 35px;position: absolute;right: 0;top: 2px;}
	.header .subnav{flex-direction: column;display: none;background: rgba(255,255,255,0.8);text-align: center;}
	.subnav .seabox{width: 70%;margin: 0 auto;}
	.header .subnav .sea{display: inline-block;right: 45.5%;transition: all .5s linear;}
	.header .subnav .inp{display: none;width: 0%;height: 40px;border: none;font-size: 14px;color: orangered;line-height: 40px;padding: 0 10px;overflow: hidden;position: absolute;top: 0px;left: 0px;transition: all .3s linear;}
	.header .sub2nav{position: static;background-color: rgba(230,230,230,.8);}
	.header .subnav li:nth-of-type(2):hover .sub2nav{display: block;}
	.header .sub2nav li a{font-size: 14px;}
	.header .sub2nav li{height: 30px;line-height: 30px;}
	.inpclick{width: 100%!important;}
	.seaclick{right: 0!important;}
	.header .w{position: relative;}
	.header .w nav{position: absolute;top: 100%;right: -7px;}
	.menu span{transition: all .3s linear;}
	.span1{transform: rotate(45deg);top: 8px!important;left: 8px!important;}
	.span2{opacity: 0;}
	.span3{transform: rotate(-45deg);top: 8px!important;left: -10px!important;}
	
	
	#content1 .title{margin: 0;}
	#content1{height: 1000px!important;}
	#content1 .txt{width: 95%;}
	#content1 .item{height: 240px;}
	#content1 .c1box,
	#content2 .c2box,
	#content4 .c4box{flex-wrap: wrap;}
	#content1 .item,
	#content2 .item,
	#content3 .item{width: calc(50% - 10px);margin-bottom: 10px;}
	#content2 .txt-1{font-size: 14px;margin-top: 7px;}
	#content2 .img-s{display: none;}
	#content2 .img-b img{object-fit: cover;}
	#content2{height: auto!important;}
	#content2 .title{margin: 20px;}
	#content2{background-size: cover;}
	#content3{height: 533px!important;}
	#content3{justify-content: space-around;flex-wrap: wrap;padding-top: 15px;}
	#content3 .item{height: 250px;}
	#content3 .img{margin: 0;}
	#content3 .c1more{margin: 0;width: 100px;height: 35px;line-height: 35px;font-size: 14px;margin-top: 40px;}
	#content3 .img{display: none;}
	#content3 .c1title{font-size: 24px;margin-top: 10px;}
	#content3 .intro{margin-top: 10px;line-height: 24px;}
	#content3 .intro span{font-size: 14px;}
	#content4 .item{width: 80%;max-height: 300px;margin-bottom: 20px!important;background-size: 100% 100%;}
	#content4{height: auto!important;padding-bottom: 20px;}
	#content4 .c4box{justify-content: center;}
	#content4 .title{margin-top: 0;}
	#content4 .hovertxt{height: 185px;padding: 10px 0;}
	#content4 .hovertxt a{margin-top: 10px;}
	#content4 .swiper-slide{height: auto;width: 50%!important;}
	#content4 .mySwiper{overflow: hidden;}
	#content4 .swiper-wrapper{margin-left: -26px;}
	#content5 .item .img{width: 50px;height: 50px;}
	#content5 .item .img img{width: 100%;}
	#content5 .item .c5-txt-1{font-size: 16px;width: auto;}
	#content5 .item{width: 100%!important;border-right: none!important;height: 190px!important;margin-top: 20px;}
	#content5{height: 1400px!important;}
	#content5 .item .img img{transform: translate(0);}
	#content5 .item .c5-txt-1{margin: 20px 0;}
	#content5 .item .c5-txt-2{margin: 0 auto;}
	#content5 .c5box .item:nth-of-type(n+4){padding: 0;border-bottom: 1px solid rgba(255,255,255,.3);}
	#content5 .c5box .item:nth-of-type(6){border-bottom: 0;}
	
	#content6{height: auto!important;padding: 50px 0;}
	#content6 .title{margin: 0;}
	#content6 .c6box{flex-wrap: nowrap;}
	#content6 .swiper-wrapper{margin-left: 48px;}
	#content6 .c6box .item{width: 45%!important;margin-top: 20px;height: auto;padding-bottom: 20px;}
	#content6 .c6box .item .img img{object-fit: none;}
	#content6 .c6-txt-1{margin: 10px auto;}
	#content6 .c6more img{left: 30%;}
	
	.l-txt-1, .r-txt-1{font-size: 28px;}
	.l-txt-2{font-size: 22px;}
	.l-txt-3 *{font-size: 16px;}
	.r-txt-2 ul li span{font-size: 16px;margin-left: 0;}
	
	footer{height: auto!important;}
	.foocon{flex-wrap: wrap;}
	.fleft, .fright{width: 100%;text-align: center;height: auto;margin: 10px auto;}
	.r-txt-2 ul{width: 90%;margin: 0 auto;min-width: 50%;}
	.r-txt-2 ul li{min-width: 55%;width: 65%;justify-content: space-between;margin: 0 auto;}
	.r-txt-2 ul li span{white-space: nowrap;}
	.foobot .mobile{top: -155%;left: 200%;}
	.foobot{height: auto;line-height: 40px;}
	/* .fbleft{width: 65%;display: flex;flex-direction: column;} */
	.foobot span{margin-right: 2px;}
	.fbright{align-self: center;transform: translate(-16px);width: 35%;}
	.foobot .mobile{position: static;margin-top: 2%;height: 110px;}
	#banner .htitle{font-size: 26px;}
	#banner .hftitle{font-size: 18px;}
	.foobot .fbright{display: none;}
	#banner{height: 284px!important;}
	.swiper-container{height: 284px!important;top: 0;}
	.swiper-pagination-bullet{border-radius: 0;width: 35px;height: 6px;display: inline-block;opacity: .5;cursor: pointer;border: 2px solid #979797;transition: all .05s ease-in;}
	.ubolt-black{background: #0E0E0E;}
	.ubolt-white{background: #D8D8D8;}
	
	#xqbox .banner{height: 200px;}
	.contop .w .left{width: 100%;}
	.contop .w .left ul li{padding: 0;margin-right: 15px;}
	#xqbox .contop *{font-size: 16px;}
	.contop .w .right{display: none;}
	#xqbox .conbox1{flex-direction: column;}
	#xqbox .conbox1 .left{width: 95%;}
	#xqbox .fleft{flex-direction: column;}
	#xqbox .fl-2-2 a{display: inline-block;}
	#xqbox .fl-1-1{font-size: 24px;}
	#xqbox .fl-2-1{margin-top: 20px;margin-bottom: 0;}
	#xqbox .fl-3-1{margin-top: 20px;margin-bottom: 10px;font-size: 18px;}
	.fl-3-2 *{font-size: 14px;}
	.foocon{flex-direction: column-reverse;}
	#xqbox .c3nav li{width: 130px;}
	#xqbox .fleft,#xqbox .fright{padding-top: 1%!important;}
	#xqbox .title .ztitle{font-size: 28px;padding: 0;}
	#xqbox .row{flex-direction: column;height: auto;margin-bottom: 30px;margin-top: 0;}
	#xqbox .row .left,#xqbox .row .right{width: 100%;}
	#xqbox .row:nth-of-type(2n){flex-direction: column;}
	#xqbox .row .left div:nth-of-type(1){font-size: 28px;margin-bottom: 0;}
	#xqbox .row .left div:nth-of-type(2){font-size: 16px;}
	#xqbox .row .left div:nth-of-type(3){margin: 10px 0;font-size: 13px;}
	#xqbox .title .ftitle{margin: 10px 0;}
	#xqbox .title{flex-direction: column;text-align: center;}
	#xqbox .title div:nth-of-type(2):not(.ftitle){padding: 0;font-size: 13px;}
	#xqbox .conbox3{margin: 0;width: 100%;}
	#xqbox .c3nav{margin-top: 10px;}
	#xqbox .c3con li,#xqbox .c3con li:nth-of-type(n+4){width: calc(50% - 10px);}
	#xqbox .c3con li img{width: 80%;}
	#xqbox .dialog-con{width: 80%;height: 80%;}
	#xqbox .swiper-container{display: none;}
	#xqbox .newsitem{width: 100%;}
	#xqbox .newstitle{font-size: 18px;margin-top: 20px;}
	#xqbox .newstitle::before{height: 18px;top: 5px;}
	#xqbox .newsftitle div{margin-right: 15px;}
	#xqbox .newscon .img{height: auto;}
	#xqbox .newscon{padding: 10px;}
	#xqbox .newspage{flex-direction: column;align-items: flex-start;}
	#xqbox .newspage .nextpage{align-self: flex-end;margin-top: 10px;}
	#xqbox .protitle{height: 150px;font-size: 16px;}
	#xqbox .procon .proitem{width: 98%!important;margin: 0 auto;}
	#xqbox .procon .proitem:first-child, #xqbox .procon .proitem:last-child{flex-direction: column;}
	#xqbox .procon .proitem:first-child .protxt, #xqbox .procon .proitem:last-child .protxt{width: 100%;}
	#xqbox .proitem .protxt{padding: 0;}
	#xqbox .procon .proitem:first-child .proline2, #xqbox .procon .proitem:last-child .proline2{height: 100px;}
	#xqbox .proitem .proline1{font-size: 16px;font-weight: 400;}
	#xqbox .proitem .proline2{font-size: 14px;}
	#xqbox .pro2line1{flex-direction: column;height: auto;}
	#xqbox .pro2line1 .pro2l1item{flex-direction: column;width: 100%;}
	#xqbox .pro2line1 .left{padding: 10px;}
	#xqbox .pro2line1 .pro2lefttitle, #xqbox .pro2line3 .p2l3ztitle{margin-bottom: 10px;}
	#xqbox .pro2line1 .right{height: 300px;}
	#xqbox .pro2line1 .right img{object-fit: cover;}
	#xqbox .pro2line2 .p2l2item{flex-direction: column;height: auto;}
	#xqbox .pro2line2 .p2l2item li{width: 100%;border-width: 1px;height: 200px;margin-bottom: 10px;}
	#xqbox .pro2line2 .p2l2item .p2l2txt{top: 0;left: 50%;transform: translate(-50%);text-align: center;}
	
	#xqbox .pro2line3{flex-direction: column;height: auto;}
	.p2l3left,#xqbox .pro2line3 .p2l3right{width: 100%;}
	.pro2line3 .p2l3item{width: 100%;}
	#xqbox .pro2line3 .itemboxb{padding-bottom: 20px;height: auto;}
	.pro2line4 .title .ztitle{text-align: center;margin-top: 20px;}
	.pro2line4 .item{width: 100%;}
	.pro2line4 .item{height: 300px;}
	.pro2line4 .txt-1{font-size: 16px;margin: 0;}
	.pro2line4 .txt-2{font-size: 14px;margin: 0;height: 40px;}
	.c3box .c3txt{padding: 0;}
	.c3box .c3title{font-size: 16px;font-weight: bold;}
	.c3box .c3txt{font-size: 14px;}
	.c3boxa a{height: 30px;line-height: 30px;width: 40%;font-size: 14px;margin-bottom: 20px;}
	.cttcon .top, .cttcon .bot{flex-direction: column;}
	.cttcon .left,.cttcon .right{width: 100%;}
	.cttcon .rtitem{width: 100%;margin: 5px 0;}
	.cttcon{height: auto;}
	.contop .joinbox .right{display: flex;width: 50%;}
	.contop .joinbox .right a{font-size: 14px;}
	.joinbox .line1{flex-direction: column;}
	.joinbox .txt p{width: 95%;}
	.joinbox .line2{height: 220px;}
	.joinbox .title{width: 100%!important;text-align: center!important;}
	.joinbox .line3 .item{height: 230px;width: calc(33% - 5px);}
	.joinbox .line3 .item .img{height: 85%;}
	.joinbox .line3 .item p{font-size: 16px;line-height: 22px;}
	.joinbox .txt-1{font-size: 16px;height: 20px;}
	.joinbox .txt-2{font-size: 14px;}
	.joinbox .txt p{font-size: 14px;}
	#banner .htitle{font-size: 38px;padding-top: 12%!important;}
	.fleftcon, .frightcon{margin: 0 auto;}
	.newspagecon .img{height: 100px;}
	#nav_select a:active,#nav_select a,#nav_select a.active{border-bottom: none;}
}
@media (max-width: 500px) {
	#content6 .swiper-wrapper{margin-left: 28px;}
}
@media (max-width: 477px) {
	#banner{height: 240px!important;}
	#banner .htitle{font-size: 22px;margin-top: 5%;}
	#banner .hftitle{font-size: 16px;}
	.swiper-container{height: 240px!important;}
	#content1{height: 878px!important;}
	#content1 .item{height: 190px;}
	#content1 .item span:nth-of-type(1){margin-top: 10px;}
	.r-txt-2 ul li{width: 80%;}
}
@media (max-width: 459px) {
	#content6 .c6more img{left: 50%;}
}
@media (max-width: 375px) {
	#banner .htitle{font-size: 22px;margin-top: 10%;}
	.r-txt-2 ul li{width: 90%;}
}