@charset "utf-8";

.exawentVer .imgBox a img, .exawentBox .list a img, .terminiOne .cont .imgBox a img, .terminiTwo .list .li .img img, .terminiThree .mk .img img, .buildThree .list .li .img img, .itemBoxer .img a img, .itemBoxer .li a img, .introduceFour .list .li img, .terminiFour .list .form a .img img, .terminiSix .list a .img img{ width: 100%;}

/* CSS Document */

@media screen and (max-width:750px){
    .sjshow{ display:inline-block;color: #090909;
    opacity: 0.8;}
    .pcshow{ display:none;}
	html,body{ font-size: calc(100vw/7.5);}

	.header{ display: none;}

	.footer{ padding: 0.8rem 0.35rem 0.2rem 0.35rem; margin-bottom: 50px;}

	.w1680{ width: auto;}

	.footer .cont{ display: block;}

	.footer .cont .left .logo img{ margin: auto;}

	.footer .cont .left .p{ flex-wrap: wrap; justify-content: center; text-align: center;}

	.footer .cont .left .p, .footer .cont .left p, .footer .cont .left a, .footer .cont .right .mk .p{ font-size: 13px; line-height: 26px;}

	.footer .cont .right .img{ position: relative; right: auto; top: auto;}

	.footer .cont .right .img img{ margin: 25px auto 0;}

	.footer .cont .right{ width: auto; text-align: center;}

	.footer .cont .right .h1{ margin-top: 10px; font-size: 18px;}

	.footer .cont .right .mk{ margin-top: 10px;}

	.textitle .e, .abputsixbox .tit .e, .aboutmink .tit .e, .aboutmapbox .right .tit .e, .contactbanner .cont .text .e, .indexkongbox .mk .left .e, .indexabout .top .left .e, .indexabout .based .tit .e, .indexproject .one .text .mk .e, .titlewo .e, .medilbanner .text .e, .medilbannertwo .text .e, .propertytwo .one .e{ font-size: 18px; line-height: 18px;}

	.textitle .h1, .abputsixbox .tit .h1, .aboutmink .tit .h1, .aboutmapbox .right .tit .h1, .contactbanner .cont .text .h1, .indexkongbox .mk .left .h1, .indexabout .top .left .h1, .indexabout .based .tit .h1, .indexproject .one .text .mk .h1, .titlewo .h1, .medilbanner .text .p p, .medilbannertwo .text .p p, .propertytwo .one .h1{ font-size: 18px; line-height: 22px; font-weight: bold;}

	.textitle .p, .abputsixbox .tit .p, .aboutmink .tit .p, .aboutmapbox .right .tit .p, .indexproject .one .text .mk .p, .titlewo .h2{ font-size: 13px; line-height: 24px; margin-top: 8px;}

	.workmenk .went{ display: block;}

	.workmenk .textitle{ margin: 0 0.5rem;}

	.workmenk .went .textbox .text .h1{ font-size: 18px; font-weight: bold; line-height: 20px;}

	.workmenk .went .textbox .text .em{ font-size: 15px; line-height: 20px;}

	.workmenk .went .textbox .text .p{ font-size: 13px; line-height: 24px;}

	.workmenk .onebox .two .swiper-container, .workmenk .twobox .two .swiper-container{ padding: 0;}

	.workmenk .went .one, .workmenk .went .two{ width: auto;}

	.workmenk .went .swiper-slide-active .img, .workmenk .went .img{ width: 100%; height: 5.5rem;}

	.workmenk .twobox .went .textbox .text, .workmenk .went .textbox{ margin: 0; width: auto; height: auto;}

	.workmenk .went .textbox .text{ padding: 0.5rem 0.35rem 1.7rem 0.35rem;}

	.workmenk .went .textbox .text{ width: auto; margin: 0;}

	.workmenk .twobox .anBoot, .workmenk .onebox .anBoot, .workviewbox .anBoot{ width: 100%; left: 0; right: auto; justify-content: center;}

	.anBoot .em{ width: 0.6rem; height: 0.3rem;}

	.anBoot .num div{ font-size: 0.4rem; line-height: 0.4rem;}

	.workmenk .onebox .went .one{ padding-top: 5.5rem; position: relative;}

	.workmenk .onebox .went .two{ position: absolute; top: 0; left: 0; width: 100%;}

	.worksixbox{ padding: 1rem 0.35rem; width: auto;}

	.worksixbox .text .h1{ font-size: 15px; line-height: 24px;}

	.worksixbox .text .p, .worksixbox .text .p i, .worksixbox .text .p p{ font-size: 13px; line-height: 26px;}

	.worksixbox .icon{ justify-content: space-between;}

	.worksixbox .icon a{ width: 3.25rem; height: 2rem; margin-right: 0;}

	.workviewbox{ display: block; padding: 1rem 0;}

	.workviewbox .one .swiper-slide-active .text{ padding: 0;}

	.workviewbox .one{ width: auto; padding: 0; padding: 0 0.35rem;}

	.workviewbox .one .text .mk, .workthree .bot .p{ font-size: 13px; line-height: 24px;}

	.workviewbox .one .textitle{ text-align: center;}

	.workviewbox .two .swiper-container{ width: auto; padding: 0;}

	.workviewbox .two .img{ width: 100%; height: 5rem; margin: 0;}

	.workmapbox{ display: block;}

	.workmapbox .left{ width: 100%; height: 300px;}

	.workmapbox .right, .workthree{ width: auto; padding: 1rem 0.35rem;}

	.workmapbox .right .mk{ padding: 0; width: auto;}

	.workmapbox .list .li .h1{ font-size: 15px; line-height: 25px;}

	.workmapbox .list .li .p{ font-size: 13px; line-height: 24px;}

	.workthree .textitle, .workmapbox .textitle{ text-align: center;}

	.workthree .bot{ display: block; text-align: center;}

	.workthree .bot .h1{ font-size: 15px; line-height: 20px;}

	.workthree .bot .m{ width: auto;}

	.workthree .bot .m:nth-child(2){ width: auto; margin-top: 20px;}

	.workthree{ overflow: hidden;}

	.worktwobox{ display: block;}

	.worktwobox .img{ width: auto;}

	.worktwobox .textbox{ width: auto; height: auto; padding: 0; margin: 0; padding: 1rem 0.35rem 0.5rem 0.35rem; text-align: center;}

	.workboxer .cont{ position: relative; top: auto; bottom: auto; left: auto; right: auto;}

	.worktwobox .textbox .h1{ font-size: 17px; font-weight: bold; line-height: 20px;}

	.worktwobox .textbox .h2{ font-size: 13px; line-height: 20px;}

	.worktwobox .textbox .p{ font-size: 13px; line-height: 24px;}

	.workboxer .m img{ display: none;}

	.workboxer .cont .img{ width: 100%; height: 250px; position: relative; overflow: hidden;}

	.workboxer .cont .img img{ width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

	.workboxer .cont .text{ width: 100%; height: auto; left: 0; bottom: auto; top: 50%; transform: translateY(-50%); text-align: center;}

	.workboxer .cont .text .p{ font-size: 40px; line-height: 40px;}

	.workboxer .cont .text .bot{ margin: 0; justify-content: center; padding-top: 10px;}

	.workboxer .cont .text .bot .k{ line-height: 32px; font-size: 20px;}

	/*.workboxer{ margin-top: 50px;}*/

	.aboutmink .tit .h1{ margin: 0.15rem 0 0 0;}

	.abputsixbox{ padding: 1rem 0.35rem;}

	.abputsixbox .cont{ width: auto; margin-top: 25px;}

	.abputsixbox .cont::after{ display: none;}

	.abputsixbox .cont .li{ width: 2rem; height: 2rem; margin: 0 0.2rem 0.2rem 0;}

	.abputsixbox .cont .li:nth-child(3n){ margin: 0 0 0.2rem 0;}

	.abputsixbox .cont .li::after{ display: none;}

	.aboutmapbox .left{ width: 100%; height: 300px;}

	.aboutmapbox{ display: block;}

	.aboutmapbox .right{ width: auto; height: auto; padding: 1rem 0.35rem;}

	.aboutmapbox .right .list, .aboutmapbox .right .tit{ width: auto; position: relative; left: auto; bottom: auto; right: auto; top: auto; display: block;}

	.aboutmapbox .right .list .li, .aboutmapbox .right .list .li:nth-child(2n) .p, .aboutmapbox .right .list .li .p{ width: auto;}

	.aboutmapbox .right .tit{ text-align: center;}

	.aboutmapbox .right .list .h2{ font-size: 15px; line-height: 20px;}

	.aboutmapbox .right .list .p{ font-size: 13px; line-height: 24px;}

	.aboutmapbox .right .list .li:nth-child(2){ border-top: 1px solid hsla(0,0%,100%,0.10);}

	.aboutmapbox .right .list{ margin-top: 0.5rem;}

	.aboutmapbox .right{ position: relative; background: url(../images/a10.jpg) no-repeat top 3.2rem left; background-size: 110% auto;}

	.aboutmapbox .right .icon, .aboutmink .cont .li::after{ display: none;}

	.aboutmink .cont{ justify-content: center; flex-wrap: wrap; position: absolute; left: 0; width: 100%; bottom: 0.15rem;}

	.aboutmink .cont .li{ width: 33.33%; height: auto; padding: 0.2rem 0;}

	.aboutmink .cont .li .mk{ position: relative; top: auto; left: auto; bottom: auto; right: auto; margin: 0 0.15rem; width: auto;}

	.aboutmink .cont .li .mk .p{ font-size: 12px; line-height: 18px;}

	.aboutmink{ height: 9.5rem;}

	.aboutmink .cont .li:hover{ background: hsla(0,0%,0%,0.00);}

	.aboutinter .cont{ display: block; padding: 1rem 0.35rem 0.35rem 0.35rem; margin: 0;}

	.aboutinter .cont .right{ position: relative; top: auto; left: auto; bottom: auto; right: auto; width: auto; margin-top: 0.5rem;}

	.aboutinter .cont .left{ width: auto; height: auto; display: block; margin: 0;}

	.aboutinter .cont .left .h1{ font-size: 17px; line-height: 20px; text-align: center; font-weight: bold;}

	.aboutinter .cont .left .p{ font-size: 13px; line-height: 24px; margin-top: 0.3rem;}

	.aboutinter .cont .left .top{ font-size: 1rem; width: 100%; text-align: center; left: 0; top: 50%; transform: translateY(-50%); line-height: 1rem; margin: 0; display: none;}

	.aboutbanner .play{ top: 50%; transform: translate(-50%,-50%);}

	/*.aboutbanner, .compaybanner{ margin-top: 50px;}*/

	.aboutmink .cont .li .mk .h1{ font-size: 14px;}

	.compaybanner .m{ width: 100%; height: 300px; position: relative;}

	.compaybanner .m::after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.3; content: '';}

	.compaybanner .m img{ width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

	.compaybanner .textbox{ width: auto; height: auto; position: absolute; left: 0.35rem; right: 0.35rem; top: 50%; bottom: auto; transform: translateY(-50%); background: hsla(0,0%,100%,0.00); text-align: center;}

	.compaybanner .textbox .text{ padding: 0;}

	.comanytwobox{ padding: 1rem 0;}

	.comanytwobox .top, .comanythreebox .top{ padding: 0 0.35rem 0.5rem 0.35rem; margin: 0; text-align: center;}

	.compaybanner .anBoot, .comanytwobox .anBoot, .comanylinebox .anBoot{ width: 100%; justify-content: center; left: 0;}

	.comanytwobox .swiper-container{ width: auto;}

	.comanytwobox .swiper-slide-active .img, .comanytwobox .img{ width: 5rem; height: 3.8rem; margin: auto;}

	.comanytwobox .swiper-container, .comanythreebox .bot .swiper-container{ padding: 0 1.1rem;}

	.comanytwobox .swiper-slide-next .img{ position: relative; top: auto; left: auto;}

	.comanytwobox .bot{ height: 5.1rem;}

	.comanythreebox .bot{ margin-top: 0; margin-top: 0.25rem; padding-bottom: 2rem;}

	.comanythreebox .bot .img, .comanythreebox .bot .swiper-slide-active .img{ width: 5rem; margin: auto; height: 3.6rem;}

	.comanythreebox .bot .swiper-slide{ height: 3.6rem;}

	.comanylinebox{ display: block; background: #000;}

	.comanylinebox .two, .comanylinebox .two .img{ width: 100%; height: 4.7rem;}

	.comanylinebox .one{ width: auto; height: auto;}

	.comanylinebox .one .textbox{ width: auto; padding: 0.8rem 0.35rem 1.5rem 0.35rem; text-align: center;}

	.comanylinebox1 .one{ padding-top: 4.7rem;}

	.comanylinebox1 .two{ width: 100%; position: absolute; top: 0; left: 0;}

	/*.contactbanner{ margin-top: 50px;}*/

	.contactbanner .cont{ display: block; left: 0.35rem; top: 50%; right: 0.35rem; transform: translateY(-50%); text-align: center;}

	.contactbanner .cont .list{ width: auto; margin-top: 0.5rem; display: flex; justify-content: center; flex-wrap: wrap;}

	.contactbanner .cont .list .li{ font-size: 13px; line-height: 24px; padding-left: 0.6rem;}

	.contactbanner .cont .list .li:nth-child(2){ margin: 0 0.5rem;}

	.contactbanner .cont .list .li::after{ width: 24px; height: 24px;}

	.contactform .formbox{ position: relative; top: auto; left: auto; right: auto;}

	.contactform .formbox .form{ width: auto; height: auto;}

	.contactform .formbox .form .mk{ width: auto; padding: 1rem 0.5rem;}

	.contactform .formbox{ display: block;}

	.contactform .formbox .img{ width: 100%; height: 7.5rem;}

	.contactform .formbox .list .li{ width: 100%;}

	.contactform .formbox .list .li .h{ font-size: 13px; line-height: 30px;}

	.contactform .formbox .list .li .input input{ width: 5rem; height: 30px; font-size: 13px;}

	.contactform .formbox .list .li2 textarea{ font-size: 13px;}

	.contactform .formbox .list .li .input input{ width: 3rem; height: 30px;}

	.contactform .formbox .list .l .sm{ height: 30px;}

	.contactform .formbox .list .sub{ width: 100%; height: 40px; border-radius: 20px; font-size: 16px; margin-top: 20px;}

	.contactform .formbox .list .l{ width: 100%; margin: 0;}

	.contactform .mapbox{ height: 350px;}

	.bannerindex .icon .k img{ width: 90%; height: auto; margin: auto;}

	/*.indextopbox{ margin-top: 50px;}*/

	/*.indextopbox .imgmax{ position: relative; width: 100%; height: 400px;}

	.indextopbox .imgmax img{ width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}*/

	.indextopbox .cont{ width: auto; height: auto; position: relative; left: auto; bottom: auto; right: auto; top: auto; display: block;}

	.indextopbox .cont .text{ display: block; padding: 0.35rem;}

	.indextopbox .cont .text .mk{ width: auto; height: auto; display: block;}

	.indextopbox .cont .text .mk .left, .indextopbox .cont .text .mk .right{ padding: 0.5rem 0 0 0; margin: 0;}

	.indextopbox .cont .text .mk .left p{font-size: 27px;line-height: 35px;font-weight: bold;text-align: center;color:#242424;}

	.indextopbox .cont .text .mk .right .logo img{ /*height: 0.4rem;*/width:auto; margin: auto;height: 50px;}

	.indextopbox .cont .text .mk .right .p{ display: flex; justify-content: center; padding: 0.5rem 0; margin: 0; flex-wrap: wrap;}

	.indextopbox .cont .text .mk .right .p p{ font-size: 14px; line-height: 24px; margin: 0 4px;}

	.indextopbox .cont .text .img .m{ width: 100%; height: auto;}

	.indextopbox .cont .text .img{ margin: 0.25rem 0;}

	.indextopbox .cont .text .img .p p{ font-size: 13px; line-height: 24px;}

	.indexabout .top{ padding: 1rem 0.35rem; display: block; text-align: center;}

	.indexkongbox .mk .left .h1, .indexabout .top .left .h1, .indexabout .based .tit .h1, .indexkongbox .mk .left .h1 i, .indexabout .top .left .h1 i{ font-size: 18px; line-height: 22px; font-weight: bold;}

	.indexkongbox .mk .right .p, .indexabout .top .right .p, .indexabout .based .tit .p{ font-size: 13px; line-height: 24px;}

	.indexkongbox .mk .right, .indexabout .top .right{ width: auto; margin-top: 0.5rem;}

	.indexabout .top .right .moremax{ margin-top: 0.5rem; justify-content: center;}

	.indexabout .aboutimg{ width: auto; height: auto; padding: 0 0.35rem;display: block;}

	.indexabout .aboutimg .img1, .indexabout .aboutimg .img2, .indexabout .aboutimg .img3, .indexabout .aboutimg .img{ width: auto; height: auto; position: relative; top: auto; left: auto; bottom: auto; right: auto; margin-bottom: 0.35rem;margin-right: 0px;}

	.indexabout .based{ margin: 1rem 0.35rem; text-align: center;}

	.indexabout .based .tit .h2, .indexproject .one .text .mk .h2{ font-size: 15px; font-weight: bold; line-height: 20px;}

	.indexabout .based .tit .p{ width: auto;}

	.indexabout .based .moremax, .moremax{ justify-content: center;}

	.indexabout .based .bant .swiper-container{ padding: 0;}

	.indexabout .based .bant .m{ width: 100%; height: 4.2rem;}

	.indexabout{ padding: 0;}

	.indexabout .based .bot{ position: relative; top: auto; left: auto; bottom: auto; right: auto;}

	.indexabout .based .bot .h1, .indexabout .based .bot .h1 p{ font-size: 17px; line-height: 24px; font-weight: bold;}

	.indexabout .based .bot{ margin-top: 0.4rem;}

	.indexproject{ display: block;}

	.indexproject1 .one .text, .indexproject1 .one{ width: auto; height: auto;}

	.indexproject .one .text .mk{ padding: 1rem 0.35rem 1.8rem 0.35rem; text-align: center; margin: 0;}

	.indexproject1 .two{ width: 100%; height: auto;}

	.indexproject1 .two .swiper-slide-active .text .img1, .indexproject1 .two .text .img1{ width: 100%; height: 4.7rem;}

	.indexproject .two .swiper-container{ padding: 0;}

	.indexproject .two .num{ right: 0;}

	.indexkongbox{ padding: 1rem 0.35rem;}

	.indexkongbox .mk, .indexabout .top{ display: block; text-align: center;}

	.indexproject{ position: relative; padding-top: 4.7rem;}

	.indexproject .two{ width: 100%; position: absolute; top: 0; left: 0;}

	.indexproject .anBoot{ width: 100%; justify-content: center; left: 0;}

	.indexitembox .cont{ margin-top: 0; display: block;}

	.indexitembox .cont .mker{ display: block; margin: 0.35rem;}

	.indexitembox .cont .mker .m{ width: 100%; height: 5.8rem;}

	.indexitembox .cont .vent, .indexcommentr .toop .p, .indexcommentr .form{ width: auto;}

	.indexitembox .cont .mker .text{ width: 100%; height: auto;}

	.indexitembox .cont .mker .text .mk{ padding: 1rem 0.35rem 1.8rem 0.35rem; text-align: center; margin: 0;}

	.indexitembox .cont .mker .text .mk .h1{ font-size: 17px; font-weight: bold; line-height: 20px;}

	.indexitembox .cont .mker .text .mk .h2{ font-size: 14px; line-height: 20px;}

	.indexitembox .cont .mker .text .mk .p{ font-size: 13px; line-height: 24px;}

	.indexitembox .cont .num{ width: 100%; left: 0; top: 5rem;}

	.indexitembox .anBoot{ width: 100%; left: 0; justify-content: center; bottom: 1rem;}

	.indexcommentr .toop{ padding: 0 0.35rem 1rem 0.35rem;}

	.titlewo .p{ font-size: 13px; line-height: 24px;}

	.indexcommentr{ padding: 1rem 0; text-align: center;}

	.indexcommentr .boot .swiper-container{ padding: 0 1rem;}

	.indexcommentr .boot .img{ width: auto; height: auto;}

	.indexcommentr .boot .img .m, .indexcommentr .boot .swiper-slide-active .img .m{ width: 5rem; height: 3.2rem; margin: auto; position: relative; top: auto; left: auto; right: auto;}

	.indexcommentr .boot .swiper-slide-next .img .m{ position: relative; top: auto; right: auto; bottom: auto; left: auto;}

	.indexcommentr .boot .anBoot{ width: 100%; left: 0; justify-content: center;}

	.indexsevers{ display: block; padding: 1rem 0.35rem; text-align: center;}

	.indexsevers .left .moremax{ margin-top: 0.5rem;}

	.indexsevers .right{ width: 100%; margin-top: 0.5rem;}

	.indexsevers .right .li{ width: 50%;}

	.indexproject .one .text, .indexproject .one{ width: auto; height: auto;}

	.indexproject .two .swiper-slide-active .text .img1, .indexproject .two .text .img1{ width: auto; height: 4.7rem;}

	.indexproject .two .num{ top: 3rem;}

	.indexboutbanner .img{ height: 300px; position: relative; overflow: hidden;}

	.indexboutbanner .img img{ width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

	.comanyfourebox{ padding: 1rem 0.35rem;}

	.comanyfourebox .cont{ margin: 0;}

	.comanyfourebox .mink{ text-align: center; padding-bottom: 1rem;}

	.comanyfourebox .cont .img .m{ width: 3.3rem; height: 2.4rem;}

	.comanyfourebox .anBoot{ bottom: 0; left: 0; width: 100%; justify-content: center;}

	.medilcont{ padding: 1rem 0.35rem;}

	.medilcont .cont{ display: block; width: auto;}

	.medilcont .cont .left .input, .medilcont .cont .right{ width: auto;}

	.medilcont .cont .right .li{ width: auto; float: none; margin-bottom: 0.35rem; visibility: inherit!important;}

	.medilcont .cont .right .text .p{ font-size: 13px; line-height: 24px;}

	.medilcont .cont .right .text .moremax{ justify-content: flex-start;}

	.medilcont .cont .right .text{ height: auto; padding: 0 0.4rem 0.4rem 0.4rem;}

	.medilcont .cont .right .li:nth-child(2){ margin-top: 0;}

	.medilcont .cont .right .li:nth-child(2n){ float: none;}

	.medilcont .cont .right .more{ width: auto; justify-content: center; float: none;}

	.medilcont .cont .right{ margin-top: 0.35rem;}

	.medilcont .cont .left .list .mk .k{ line-height: 0.6rem;}

	.medilbannertwo{ /*margin-top: 50px;*/ padding-top: 0;}

	.medilbannertwo .text, .medilbanner .text{ position: relative; top: auto; left: auto; right: auto; width: 100%; height: 200px; display: flex; justify-content: center; align-items: center; text-align: center; bottom: auto;}

	.medilbannertwo .henter{ width: auto; padding: 0; margin: 0;}

	.medilbannertwo .henter .img{ width: 100%; height: 5.5rem;}

	.medilbannertwo .henter .two{ position: relative; top: auto; left: auto; width: auto; padding: 0.5rem 0.35rem;}

	.medilbannertwo .henter .two .h1{ font-size: 17px; line-height: 24px; font-weight: bold; padding: 0;}

	.medilbannertwo .henter .two .p{ font-size: 13px; line-height: 24px;}

	.medilbannertwo .henter .two .moremax{ justify-content: flex-start;}

	.medilbannertwo .henter .anBoot{ right: 0.35rem; left: auto; width: auto; bottom: 0.5rem;}

	.medilbanner{ /*margin-top: 50px;*/ display: flex; justify-content: center; align-items: center; height: auto;}

	.medildatas{ padding: 0.8rem 0.35rem;}

	.medildatas .center p{ font-size: 13px; line-height: 24px;}

	.medildatas .center{ width: auto;}

	.medildatas .bot .li a{ font-size: 14px; line-height: 20px;}

	.medildatas .top .more{ display: none;}

	.medildatas .top .h1{ font-size: 17px; line-height: 24px; font-weight: bold; text-align: center;}

	.medildatas .top{ display: block;}

	.medildatas .top .time{ display: flex; justify-content: center; line-height: 20px; margin-top: 15px; }

	.medildatas .top .time .m, .medildatas .top .time .p{ font-size: 14px; line-height: 20px; font-family: '';}

	.medildatas .top .time .m{ margin-right: 5px;}

	/*.databanner{ margin-top: 50px;}*/

	.propertyone{ padding: 1rem 0.35rem;}

	.titleper .h1{ font-size: 20px; line-height: 30px; font-weight: bold;}

	.titleper .p{ width: auto; font-size: 13px; line-height: 24px;}

	.propertyone .list{ padding: 0;}

	.propertyone .list .li:first-child, .propertyone .list .li:nth-child(2), .propertyone .list .li:nth-child(3){ width: auto; margin: 0; margin-top: 0.5rem;}

	.propertyone .list .li:first-child .text, .propertyone .list .li:nth-child(2) .text, .propertyone .list .li:nth-child(3) .text{ margin-top: 0.35rem;}

	.propertyone .list .text .h1{ font-size: 17px; font-weight: bold; line-height: 20px;}

	.propertyone .list .text .em{ font-size: 15px; line-height: 20px;}

	.propertyone .list .text .p, .propertytwo .one .p, .propertythree .p{ font-size: 13px; line-height: 24px;}

	.propertyone .list .li:nth-child(2) .img, .propertyone .list .li:nth-child(3) .text{ width: auto; position: relative; top: auto; left: auto; right: auto;}

	.propertytwo{ display: block; padding-top: 5.5rem; position: relative;}

	.propertytwo .one .text, .propertytwo .one, .propertytwo .two{ width: auto; height: auto;}

	.propertytwo .one .mk{ padding: 0.6rem 0.35rem 1rem 0.35rem;}

	.propertytwo .two .img{ height: 5.5rem;}

	.propertytwo .two{ position: absolute; top: 0; left: 0; width: 100%;}

	.propertytwo .anBoot{ bottom: 0.5rem; left: 0; width: 100%; justify-content: center;}

	.propertythree{ flex-wrap: wrap; padding: 0.5rem 0;}

	.propertythree .li{ width: 50%; justify-content: center; padding: 0.5rem 0; }

	.propertysix{ padding: 1rem 0.35rem;}

	.propertysix .list .swiper-container{ padding: 0;}

	.propertysix .list .swiper-slide-active .data, .propertysix .list .text{ position: relative; top: auto; left: auto; bottom: auto; right: auto;}

	.propertysix .list{ margin-left: 0;}

	.propertysix .list .swiper-slide-active .img, .propertysix .list .img{ width: auto; height: 5.2rem;}

	.propertysix .list .data, .propertysix .list .swiper-slide{ height: auto;}

	.propertysix .list .text{ width: auto; padding-bottom: 0.8rem;}

	.propertysix .list .text .h1{ font-size: 17px; line-height: 20px; font-weight: bold;}

	.propertysix .list .text .m{ font-size: 15px; line-height: 20px;}

	.propertysix .list .text .p{ font-size: 13px; line-height: 24px;}

	.propertysix .anBoot2{ width: 100%; justify-content: center; right: auto; left: 0; bottom: 0;}

	.headerCell{ display: block;}
	.indextopbox .imgmax{ position: relative; overflow: hidden;}
	.indextopbox .imgmax img{ width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	.indextopbox .imgmax i{ display: block;}
	
.cellNewBox{ display: flex;}

	.indexsupp{ overflow: hidden;}
	.navigation{ display: none;}
	.aboutunder{ background-size: auto 105%;}

.welcomeUp .cont{ width: 6.4rem; padding: 0.3rem;}
	.welcomeUp .cont .tel{ flex-wrap: wrap;}
	.welcomeUp .cont .tel p{ margin-top: 25px;}
	
	.comanytwobox .img img:hover, .comanythreebox .bot .img img:hover, .comanylinebox .two img:hover, .comanylinebox .two img:hover, .comanyfourebox .cont .img .m img:hover{ transform: scale(1);}

}

@media screen and (min-width:750px){

	

}

@media screen and (min-width:1280px) and (max-width: 1440px){

	

}

@media screen and (min-width:950px) and (max-width: 1280px){

	

	

	

}

@media screen and (min-width:750px) and (max-width: 950px){

	

}



.medildatas .bot .li a{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}

/*{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}*/