.w12{ width: 100.00rem; margin-left: auto; margin-right: auto; } .w290{ width: 24.17rem; } .w900{ width: 75.00rem; } .w12{ max-width: 1200px; } body{ overflow-x: hidden; } /* index */ .navTop-w12{ height: 8.67rem; position: relative; } .navTop-logo{ } .navTop-logo .l{ width: 7.00rem; height: 6.00rem; background: url(../image/logo.jpg) center center no-repeat; background-size: 7.00rem auto; } .navTop-logo .l-s{ width: 30rem; height: 6.00rem; margin-left: 1.33rem; line-height: 6rem;font-size: 26px;color:#00609d;letter-spacing: 1px;font-weight: bold;} .navTop-info{ } .navTop-info .contact{ font-size: 1.08rem; color:#6a6969; line-height: 1.08rem; margin-left: 1.50rem; cursor: pointer; min-width: 4em; text-align: center; } .navTop-info .contact span{ display: block; height: 3.00rem; } .navTop-info .contact.wechat span{ background: url(../image/contact-1.png) center center no-repeat; background-size: 2.33rem auto; } .navTop-info .contact.qq span{ background: url(../image/contact-2.png) center center no-repeat; background-size: 1.83rem auto; } .navTop-info .contact.collect span{ background: url(../image/contact-3.png) center center no-repeat; background-size: 1.92rem auto; } .navTop-info .contact.wechat.open, .navTop-info .contact.wechat:hover{ color:#82d842; } .navTop-info .contact.qq.open, .navTop-info .contact.qq:hover{ color:#0574d3; } .navTop-info .contact.collect.open, .navTop-info .contact.collect:hover{ color:#f1cd5f; } .navTop-info .contact.wechat.open span, .navTop-info .contact.wechat:hover span{ background: url(../image/contact-1-h.png) center center no-repeat; background-size: 2.33rem auto; } .navTop-info .contact.qq.open span, .navTop-info .contact.qq:hover span{ background: url(../image/contact-2-h.png) center center no-repeat; background-size: 1.83rem auto; } .navTop-info .contact.collect.open span, .navTop-info .contact.collect:hover span{ background: url(../image/contact-3-h.png) center center no-repeat; background-size: 1.92rem auto; } .navTop-info .codeImg{ height: 17rem; position: absolute; left: 0; top: 8rem; left: 50%; margin-left: -12.2rem; width: 27.4rem; background: #fff; border: 0.1rem solid #dcdddd; z-index: 6678; -moz-box-shadow: 0 0.33rem 0.67rem #999; -webkit-box-shadow: 0 0.33rem 0.67rem #999; box-shadow: 0 0.33rem 0.67rem #999; } .navTop-info .codeImg.hide{ display: none; } .navTop-info .codeImg::after{ content: ''; position: absolute; left: 50%; background: url(../image/sex.png) center center no-repeat; background-size: 1.8rem auto; top: -1.1rem; margin-left: -0.9rem; width: 1.8rem; height: 1.1rem; } .navTop-info .codeImg .img{ width: 10.00rem; height: 10.00rem; border: 0.1rem solid #1191d7; padding: 0.25rem; margin-top: 0.58rem; position: relative; margin-top: -2.48rem; } .navTop-info .codeImg .img:not(:first-child){ margin-left: 2rem; } .navTop-info .codeImg .img::after{ content: '寰俊鈥? attr(data); display: block; text-align: center; font-size: 1.33rem; color:#a8a8a8; line-height: 1.33rem; position: absolute; top: 11.83rem; left: 0; right: 0; } .navTop-info .codeImg .img img{ width: 100%; height: 100%; } .navTop-info .phone{ height: 3.33rem; border-left: 0.1rem solid #e8e8e8; font-size: 1.83rem; color:#e95442; margin-left: 2.00rem; padding-left: 5.33rem; background: url(../image/phone-1.png) 1.50rem center no-repeat; background-size: 3.08rem auto; width: 13.83rem; line-height: 1.58rem; } .navTop-info .phone span{ display: block; margin-bottom: 0.67rem; } .navTop-info .phone em{ display: block; font-size: 1.08rem; color:#757575; line-height: 1.08rem; } .navTop-info .phone2{ height: 3.33rem; font-size: 1.50rem; color:#727272; padding-left: 2.50rem; line-height: 1.33rem; background: url(../image/phone-2.png) left center no-repeat; background-size: 2.00rem auto; } .navTop-info .phone2 span{ display: block; } .navTop-info .phone2 span:first-child{ margin-bottom: 0.50rem; } .navTop-openMain{ display: none; width: 30px; height: 30px; border: 1px solid #138ad3; border-radius:4px; position: relative; } .navTop-openMain i{ position: absolute; left: 6px; right: 6px; top: 7px; background: #138ad3; border-radius: 16px; height: 2px; display: block; } .navTop-openMain i:nth-child(2){ top: 14px; } .navTop-openMain i:nth-child(3){ top: 21px; } /*.navTop-language{ border: 0.1rem solid #2c80c3; border-radius: 1.4rem; overflow: hidden;height: 2rem;} .navTop-language .ki{ font-size: 1.17rem; line-height: 2rem; color:#2c80c3; position: relative;padding: 0 0.8rem;display: block;float: left; } .navTop-language .ki.cur{ background: #2c80c3; color:#fff; }*/ .navTop-language{ display: none; } .navTop-language .ki{ font-size: 1.17rem; line-height: 1.17rem; color:#118FD7; position: relative; margin: 0 0.2rem; } .navTop-language .ki.cur{ background: #118FD7; border-radius: 1.8rem; padding: 0.3rem 1rem; color:#fff; } .navBox{ background: #118FD7; } .navBox-w12{ height: 5.00rem; } .navBox-list{ } .navBox-list .li{ font-size: 1.17rem; line-height: 5.00rem; width: 9.00rem; text-align: center; color:#fff; } .navBox-list .li:hover{ background: #0b84cb; } .navBox-list .li.cur{ color:#118FD7; font-weight: bold; background: #fff; } /*.navBox-language{ margin: 0 1.2rem; background: #fff; border-radius: 1.4rem; padding: 0.5rem 0.2rem; } .navBox-language .ki{ font-size: 1.17rem; line-height: 1.17rem; color:#118FD7; padding: 0 0.8rem; position: relative; } .navBox-language .ki:last-child{ padding-left: 0.9rem; } .navBox-language .ki:last-child::after{ content: ''; width: 0.1rem; height: 1.2rem; position: absolute; left: 0; top: 50%; margin-top: -0.6rem; background: #a1a1a1; }*/ .navBox-language{ margin: 0 1.2rem; } .navBox-language .ki{ font-size: 1.17rem; line-height: 1.17rem; color:#fff; position: relative; margin: 0 0.6rem; } .navBox-language .ki.cur{ background: #fff; border-radius: 1.4rem; padding: 0.5rem 1rem; color:#118FD7; } .navBox-map{ cursor: pointer; width: 9.33rem; background: #0b84cb; font-size: 1.00rem; color:#fff; line-height: 5.00rem; text-align: center; background: #0b84cb url(../image/arrow.png) 7.50rem center no-repeat; background-size: 0.50rem auto; } .bannerBox{ position: relative; z-index: 666; } .bannerBox .swiper-container{ z-index: 665; } .bannerBox .swiper-slide{ height: 43.67rem; } .bannerBox .swiper-slide a{ display: block; width: 100%; height: 100%; } .bannerBox .prevBtn,.bannerBox .nextBtn{ width: 3.33rem; height: 7.17rem; position: absolute; top: 50%; margin-top: -3.58rem; z-index: 666; cursor: pointer; } .bannerBox .prevBtn{ background: url(../image/swipe-prev.png) center center no-repeat; background-size: 3.33rem auto; left: 50%; margin-left: -53.33rem; } .bannerBox .nextBtn{ background: url(../image/swipe-next.png) center center no-repeat; background-size: 3.33rem auto; right: 50%; margin-right: -53.33rem; } .bannerBox .swiper-pagination-bullet{ width: 0.50rem; height: 0.50rem; background: #fff; opacity: 1; } .bannerBox .swiper-pagination-bullet-active{ background: #128AD4; } .bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 0.33rem; } .searchBox{ position: relative; z-index: 667; } .searchBox-w12{ height: 8.67rem; margin-top: -4.33rem; background: #fff; /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5); */ -moz-box-shadow: 0 0.33rem 0.67rem #c1c1c1; -webkit-box-shadow: 0 0.33rem 0.67rem #c1c1c1; box-shadow: 0 0.33rem 0.67rem #c1c1c1; } .searchBox-hot{ padding-left: 3.33rem; font-size: 1.17rem; line-height: 1.17rem; width: 62.00rem; background: url(../image/arrow2.png) right center no-repeat; background-size: 14.50rem auto; height: 8.67rem; } .searchBox-hot .cap{ color:#afafaf; } .searchBox-hot .li{ color:#5c5a5a; margin: 0 0.50rem; } .searchBox-input{ padding-left: 3.33rem; } .searchBox-input input{ width: 100%; height: 2.00rem; line-height: 2.00rem; background: #fff; border: none; font-size: 1.33rem; color:#333; } .searchBox-btn{ width: 5.00rem; height: 8.67rem; background: url(../image/search.png) center center no-repeat; background-size: 5.00rem auto; outline: none; border:none; } .eTitle{ height: 11.50rem; } .eTitle-1{ background: url(../image/title1.png) center center no-repeat;} .eTitle-2{ background: url(../image/title2.png) center center no-repeat;} .eTitle-3{ background: url(../image/title3.png) center center no-repeat;} .eTitle-4{ background: url(../image/title4.png) center center no-repeat;} .eTitle-5{ background: url(../image/title5.png) center center no-repeat;} .appAreaBox{ height: 20.42rem; border-bottom: 0.1rem solid #E6E6E6; margin-bottom: 9.83rem; margin-top: 1.33rem; } .appAreaBox-w12{ } .appAreaBox .li{ width: 19.67rem; height: 26.33rem; border:0.1rem solid transparent; cursor: pointer; text-align: center; padding-top: 3.83rem; } .appAreaBox .li .icon{ position: relative; width: 10.58rem; height: 10.58rem; margin: 0 auto; background: url(../image/appArea-g1.png) center center no-repeat; background-size: 100% auto; border-radius: 50%; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; } .appAreaBox .li .icon::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .appAreaBox .li .icon1::before{ background: url(../image/appArea1.png) center center no-repeat; background-size: 4.75rem auto; } .appAreaBox .li .icon2::before{ background: url(../image/appArea2.png) center center no-repeat; background-size: 4.67rem auto; } .appAreaBox .li .icon3::before{ background: url(../image/appArea3.png) center center no-repeat; background-size: 4.65rem auto; } .appAreaBox .li .icon4::before{ background: url(../image/appArea4.png) center center no-repeat; background-size: 5.25rem auto; } .appAreaBox .li .icon5::before{ background: url(../image/appArea5.png) center center no-repeat; background-size: 5.23rem auto; } .appAreaBox .li .name{ font-size: 1.50rem; color:#3d3e3f; line-height: 1.50rem; font-weight: bold; padding: 3.17rem 0 1.33rem 0; position: relative; } .appAreaBox .li .name::after{ content: ''; width: 1.83rem; height: 0.25rem; background: #A0A0A0; position: absolute; left: 50%; bottom: -0.08rem; margin-left: -0.92rem; } .appAreaBox .li .eng{ font-size: 1.17rem; color:#a1a1a1; line-height: 1.17rem; padding-top: 1.50rem; } .appAreaBox .li .data{ display: none; margin: 2.67rem 1.50rem 0 1.50rem; } .appAreaBox .li .data .img{ height: 11.17rem; border: 0.1rem solid #E3E3E3; border-bottom: 0; } .appAreaBox .li .data .img img{ width: 100%; height: 100%; } .appAreaBox .li .data .title{ font-size: 1.17rem; color:#fff; line-height: 2.67rem; background: #E95542; } .pcOnline .appAreaBox .li:hover{ background: #fff; -moz-box-shadow: 0 0.83rem 3.33rem #e1e1e1; -webkit-box-shadow: 0 0.83rem 3.33rem #e1e1e1; box-shadow: 0 0.83rem 3.33rem #e1e1e1; border-color: #dcdddd; } .pcOnline .appAreaBox .li:hover .icon{ width: 7.17rem; height: 7.17rem; background: url(../image/appArea-g2.png) center center no-repeat; background-size: 100% auto; -moz-box-shadow: 0 0.83rem 1.33rem #c1c1c1; -webkit-box-shadow: 0 0.83rem 1.33rem #c1c1c1; box-shadow: 0 0.83rem 1.33rem #c1c1c1; margin-top: -7.42rem; } .pcOnline .appAreaBox .li:hover .icon1::before{ background: url(../image/appArea1.png) center center no-repeat; background-size: 3.50rem auto; } .pcOnline .appAreaBox .li:hover .icon2::before{ background: url(../image/appArea2.png) center center no-repeat; background-size: 4.00rem auto; } .pcOnline .appAreaBox .li:hover .icon3::before{ background: url(../image/appArea3.png) center center no-repeat; background-size: 3.50rem auto; } .pcOnline .appAreaBox .li:hover .icon4::before{ background: url(../image/appArea4.png) center center no-repeat; background-size: 4.17rem auto; } .pcOnline .appAreaBox .li:hover .icon5::before{ background: url(../image/appArea5.png) center center no-repeat; background-size: 3.40rem auto; } .pcOnline .appAreaBox .li:hover .name{ padding-top: 3.00rem; } .pcOnline .appAreaBox .li:hover .name::after{ background: #1094DA; } .pcOnline .appAreaBox .li:hover .data{ display: block; } .productCenterBox{ background: #797979 url(../image/bg.jpg) center center no-repeat; background-size: auto 60.17rem; height: 60.17rem; } .productCenterBox-tool{ padding: 2.33rem 0 1.50rem 0;} .productCenterBox-tool .li{ font-size: 1.17rem; color:#7b7a7a; background: url(../image/productCenter-b1.png) center top no-repeat; background-size: 14.67rem auto; width: 8.33rem; height: 3.58rem; line-height: 3.00rem; position: relative; padding-left: 6.33rem; cursor: pointer; margin-left: 0.50rem; } .productCenterBox-tool .li::after{ content: ''; width: 1.75rem; height: 2.00rem; position: absolute; left: 4.00rem; top: 0.50rem; } .productCenterBox-tool .li1::after{ background: url(../image/productCenter-1.png) center center no-repeat; background-size: 1.75rem auto; } .productCenterBox-tool .li2::after{ background: url(../image/productCenter-2.png) center center no-repeat; background-size: 1.75rem auto; } .productCenterBox-tool .li3::after{ background: url(../image/productCenter-3.png) center center no-repeat; background-size: 1.75rem auto; } .productCenterBox-tool .li4::after{ background: url(../image/productCenter-4.png) center center no-repeat; background-size: 1.75rem auto; } .productCenterBox-tool .li5::after{ background: url(../image/productCenter-5.png) center center no-repeat; background-size: 1.75rem auto; } .productCenterBox-tool .li.cur{ background: url(../image/productCenter-b2.png) center top no-repeat; background-size: 14.67rem auto; color:#fff; } .productCenterBox-tool .cur.li1::after{ background: url(../image/productCenter-1a.png) center center no-repeat; background-size: 1.75rem auto; } .productCenterBox-tool .cur.li2::after{ background: url(../image/productCenter-2a.png) center center no-repeat; background-size: 1.75rem auto; } .productCenterBox-tool .cur.li3::after{ background: url(../image/productCenter-3a.png) center center no-repeat; background-size: 1.75rem auto; } .productCenterBox-tool .cur.li4::after{ background: url(../image/productCenter-4a.png) center center no-repeat; background-size: 1.75rem auto; } .productCenterBox-tool .cur.li5::after{ background: url(../image/productCenter-5a.png) center center no-repeat; background-size: 1.75rem auto; } .productCenterBox-nav{ width: 24.17rem; margin-right: 0.08rem; } .productCenterBox-nav .cap{ line-height: 3.67rem; height: 3.67rem; font-size: 1.25rem; color:#333; background: #E2E2E2; font-weight: bold; } .productCenterBox-nav .cap span{ padding-left: 2.50rem; display: block; background: url(../image/pin.png) 1.00rem center no-repeat; background-size: 0.83rem auto; } .productCenterBox-nav .more{ color:#595959; padding-right: 1.17rem; background: url(../image/arrow3.png) center right no-repeat; background-size: 0.50rem auto; margin-right: 1.17rem; } .productCenterBox-nav .cap.choose{ background: #1270B7; color:#fff; } .productCenterBox-nav .cap.choose span{ background: url(../image/pin2.png) 1.00rem center no-repeat; background-size: 0.83rem auto; } .productCenterBox-nav .cap.choose .more{ color:#fff; background: url(../image/arrow4.png) center right no-repeat; background-size: 0.50rem auto; } .productCenterBox-nav .ped{ height: 5.00rem; background: #fff; padding-left: 1.67rem; padding-top: 1.22rem; } .productCenterBox-nav .pedLi{ color:#676767; font-size: 1.17rem; line-height: 1.36rem; width: 50%; float: left; margin-bottom: 0.80rem; padding-right: 1rem; box-sizing: border-box; } .productCenterBox-nav .pedLi.choose{ color:#00589f; } .productCenterBox-list{ } .productCenterBox-list .li{ height: 24.25rem; float: left; width: 24.25rem; margin-left: 1.00rem; margin-bottom: 1.08rem; cursor: pointer; position: relative; } .productCenterBox-list .li a{display: block;} .productCenterBox-list .img{ height: 20.92rem; } .productCenterBox-list .img img{ width: 100%; height: 100%; } .productCenterBox-list .name{ font-size: 1.33rem; text-align: center; line-height: 3.33rem; background: #1280d2; color:#fff; } .productCenterBox-list .li:hover::after{ position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; border:0.17rem solid #e3513d; } .productCenterBox-list .li:hover .name{ background: #e3513d; } .hotSaleBox{ height: 20.00rem; background: #EEEEEE; margin-bottom: 3.33rem; } .hotSaleBox-w12{ position: relative; } .hotSaleBox-w12::before{ content: ''; position: absolute; left: 0; top: 0; height: 22.00rem; width: 26.08rem; background: url(../image/hotSale.png) center center no-repeat; background-size: auto 22.00rem; } .hotSaleBox-w12 .dec{ position: absolute; left: 46px; top: 197px; } .hotSaleBox-w12 .dec .dec-li{ width: 11px; height: 11px; border-radius: 50%; margin-right: 7px; border: 1px solid transparent; } .hotSaleBox-w12 .dec .dec-li i{ background: #fff; width: 7px; height: 7px; border-radius: 50%; } .hotSaleBox-w12 .dec .dec-li.now{ border-color: #fff; } .hotSaleBox-list{ position: relative; margin-left: 24.17rem; height: 20.00rem; overflow: hidden; } .hotSaleBox-list .move{ position: absolute; left: 0; top: 0; bottom: 0; } .hotSaleBox-list .page{ height: 20.00rem; float: left; } .hotSaleBox-list .li{ width: 18.08rem; height: 18.08rem; float: left; margin-left: 0.83rem; } .hotSaleBox-list .li img{ width: 100%; height: 100%; } .hotSaleBox-prevBtn,.hotSaleBox-nextBtn{ width: 4.50rem; height: 4.50rem; position: absolute; background: url(../image/prev.png) center center no-repeat; background-size: 4.50rem auto; top: 5.42rem; right: -6.00rem; cursor: pointer; } /*.hotSaleBox-nextBtn{ background: url(../image/next.png) center center no-repeat; background-size: 4.50rem auto; top: 9.92rem; }*/ .hotSaleBox-prevBtn{ background: url(../image/new_prev3.png) center center no-repeat; background-size: 4.50rem auto; } .hotSaleBox-nextBtn{ background: url(../image/new_next3.png) center center no-repeat; background-size: 4.50rem auto; top: 10rem; } .chooseProfessBox{ height: 42.83rem; } .chooseProfessBox-w12{ } .chooseProfessBox-tool{ padding-left: 19.67rem; position: relative; z-index: 666; } .chooseProfessBox-tool .li{ border-top-left-radius: 1.50rem; border-top-right-radius: 1.50rem; width: 10.50rem; height: 3.33rem; background: #f5f5f5; font-size: 1.25rem; color:#555; line-height: 3.33rem; text-align: center; margin-right: 0.50rem; cursor: pointer; } .chooseProfessBox-tool .li.cur{ background: #118fd7; color:#fff; } .chooseProfessBox-page{ position: relative; width: 100%; height:45.08rem; z-index: 665; margin-top: -3.42rem; overflow: hidden; color:#fff; font-size: 1.17rem; } .chooseProfessBox-page .img{ /*width: 81.67rem; */position: absolute; left: 0.50rem; /*top: 7.83rem; */ top: 3.4rem; right: 0.5rem; bottom: 0; display: none; } .chooseProfessBox-page .img img{ width: 100%; height: 100%; } /*.chooseProfessBox-page .bg{ position: absolute; background: url(../image/chooseProfess.png) center center no-repeat; background-size: auto 45.08rem; left: 0; top: 0; right: 0; bottom: 0; z-index: 665; }*/ .chooseProfessBox-page .bg{ position: absolute; background: url(../image/chooseProfess3.png) center top no-repeat; background-size: auto 38.33rem; width: 24rem; height: 39rem; top: 0; right: 6rem; z-index: 666; } .chooseProfessBox-page .cap{ font-size: 1.50rem; position: absolute; left: 70.00rem; top: 0; line-height: 3.42rem; text-align: center; width: 23.83rem; z-index: 667; } .chooseProfessBox-page .name{ font-size: 1.92rem; position: absolute; left: 72.67rem; top: 7.83rem; line-height: 1.92rem; z-index: 667; } .chooseProfessBox-page .name::after{ content: ''; width: 2.67rem; height: 0.25rem; background: #fff; position: absolute; left: 0; bottom: -2.17rem; } .chooseProfessBox-page .txt{ position: absolute; left: 72.67rem; top: 13.17rem; line-height: 1.67rem; width: 18.50rem; text-align: justify; z-index: 667; } .chooseProfessBox-page .btn{ position: absolute; left: 70.75rem; top: 31.08rem; padding-left: 3.00rem; width: 15.33rem; height: 2.92rem; line-height: 2.92rem; color:#fff; z-index: 667; } .aboutBox{ background: #2983cf url(../image/bg3.jpg) center center no-repeat; background-size: auto 51.25rem; height: 46.08rem; padding-top: 5.00rem; position: relative; } .aboutBox-page{ background: url(../image/about2.png) top center no-repeat; background-size: auto 30.42rem; height: 22.92rem; width:69.33rem; position: absolute; left: 50%; margin-left: -56.75rem; top: 15.00rem; padding-left: 44.17rem; padding-top: 7.50rem; } .aboutBox-page{ width:61.00rem; margin-left: -52.58rem; } .aboutBox-page .cap{ font-size: 2.00rem; color:#565656; line-height: 2.00rem; padding-bottom: 1.67rem; position: relative; } .aboutBox-page .cap::after{ content: ''; width: 2.67rem; height: 0.25rem; background: #148ED4; position: absolute; left: 0; bottom: 0; } .aboutBox-page .txt{ font-size: 1.33rem; color:#565656; line-height: 2.17rem; width: 48.67rem; text-align: justify; padding-top: 1.50rem; } .aboutBox-w12{ margin-top: 26.67rem; position: relative; } .aboutBox-list{ overflow: hidden; position: relative; /*height: 17.08rem; */ z-index: 9999; padding-bottom: 0.1rem; } .aboutBox-list .move{ width: 333.33rem; /*position: absolute; left: 0; top: 0; height: 16.25rem; */} .aboutBox-list .li{ /*width:24.67rem;*/ width: 230px; position: relative; /*padding-right: 0.33rem;*/ cursor: pointer; padding: 0 5px; } .aboutBox-list .li::after{ content: ''; width: 0.67rem; height: 0.67rem; background: #fff; border: 0.1rem solid #00589f; border-radius: 50%; position: absolute; left: 50%; top: 7.92rem; margin-top: -0.42rem; margin-left: -0.67rem; } .aboutBox-list .year{ height:7.92rem; line-height: 7.92rem; font-size: 2.00rem; color:#fff; text-align: center; } .aboutBox-list .txt{ /* height: 8.33rem; */line-height: 2.00rem; font-size: 1.17rem; color:#5b5b5b; text-align: center; padding: 0 1.67rem 0 3.00rem; border-bottom-left-radius: 0.67rem; border-bottom-right-radius: 0.67rem; padding: 1.2rem 0.8rem; } .aboutBox-list .li:hover::after{ width: 1.00rem; height: 1.00rem; background: #e8442e; border: 0; margin-top: -0.50rem; margin-left: -0.83rem; } .aboutBox-list .li:hover .year{ color:#00589f; background: #F6F6F6; } .aboutBox-list .li:hover .txt{ -moz-box-shadow: 0 0.33rem 0.67rem #e1e1e1; -webkit-box-shadow: 0 0.33rem 0.67rem #e1e1e1; box-shadow: 0 0.33rem 0.67rem #e1e1e1; } .aboutBox-prevBtn,.aboutBox-nextBtn{ width: 4.50rem; height: 4.50rem; position: absolute; background: url(../image/prev2.png) center center no-repeat; background-size: 4.50rem auto; top: 5.75rem; cursor: pointer; z-index: 666; } .aboutBox-prevBtn{ left: -5.33rem; } .aboutBox-nextBtn{ background: url(../image/next2.png) center center no-repeat; background-size: 4.50rem auto; right: -5.33rem; } .aboutPersonBox{ padding-top: 14.33rem; height: 14.83rem; position: relative; } .aboutPersonBox::before{ position: absolute; content: ''; left: 0; bottom: -6.92rem; right: 0; background: url(../image/shadow.png) top center no-repeat; background-size: auto 3.58rem; height: 3.58rem; } .aboutPersonBox-tool{ border-bottom: 0.17rem solid #E4E4E4; } .aboutPersonBox-tool .tab{ } .aboutPersonBox-tool .li{ width:8.17rem; height: 2.83rem; line-height: 2.83rem; text-align: center; font-size: 1.33rem; color:#5b5b5b; background:#F5F5F5; margin-right: 0.67rem; cursor: pointer; } .aboutPersonBox-tool .li.cur{ background: #118FD7; color:#fff; } .aboutPersonBox-tool .more{ font-size: 1.33rem; color:#5b5b5b; line-height: 1.33rem; } .aboutPersonBox-page{ padding: 1.75rem 0 1.25rem 1.25rem; background: #fff; position: relative; z-index: 666; } .aboutPersonBox-page .li{ width:18.50rem; height: 12.17rem; margin-right: 1.25rem; position: relative; } .aboutPersonBox-page .li { overflow: hidden; } .aboutPersonBox-page .li.li-type1{ width: 9rem; margin-right: 1.90rem; margin-left: 0.7rem; } .aboutPersonBox-page .li a{ display: block; height: 12.17rem; } .aboutPersonBox-page .li img{ width: 100%; height: 100%; } .aboutPersonBox-page .li.li-type2 img,.aboutPersonBox-page .li.li-type3 img{ width: auto; } .aboutPersonBox-page .li:hover{ -moz-box-shadow: 0 0.50rem 1.17rem #a1a1a1; -webkit-box-shadow: 0 0.50rem 1.17rem #a1a1a1; box-shadow: 0 0.50rem 1.17rem #a1a1a1; } .aboutPersonBox-page .li:hover::after{ content:''; border: 0.1rem solid #e12b13; left: 0; top: 0; right: 0; bottom: 0; z-index: 666; position: absolute; background: rgba(255,255,255,0.7) url(../image/logo.png) center center no-repeat; background-size: auto 3.83rem; } .partnersBox{ background: #f4f5f7 url(../image/bg4.jpg) top center no-repeat; background-size: auto 27.25rem; height: 19.58rem; padding-top: 7.67rem; } .partnersBox-w12{ position: relative; } .partnersBox-title{ } .partnersBox-title .cap{ font-size: 1.50rem; line-height: 1.50rem; } .partnersBox-title .cap span{ font-weight: bold; color:#404040; margin-right: 0.50rem; } .partnersBox-title .cap em{ color:#999; } .partnersBox-title .more{ font-size: 1.33rem; color:#5b5b5b; line-height: 1.33rem; } .partnersBox-list{ overflow: hidden; height: 10.33rem; position: relative; margin-top: 2.00rem; } .partnersBox-list .move{ position: absolute; left: 0; top:0; bottom: 0; margin-left: -1.00rem; } .partnersBox-list .li{ width: 15.67rem; height: 10.33rem; border: 0.1rem solid #eeeeef; margin-left: 1.00rem; display: block; float: left; } .partnersBox-list .li .img,.partnersBox-list .li .img img{ width:15.67rem; height:8.00rem; } .partnersBox-list .li span{ display: block; text-align: center; font-size: 1.17rem; color:#6f6f6f; line-height: 1.17rem; padding-top: 1.00rem; } .partnersBox-list .li:hover .img{ -moz-box-shadow: 0 0.50rem 1.17rem #a1a1a1; -webkit-box-shadow: 0 0.50rem 1.17rem #a1a1a1; box-shadow: 0 0.50rem 1.17rem #a1a1a1; } .partnersBox-list .li:hover span{ color:#118ed8; } .partnersBox-prevBtn,.partnersBox-nextBtn{ width: 4.50rem; height: 4.50rem; position: absolute; background: url(../image/prev2.png) center center no-repeat; background-size: 4.50rem auto; top: 5.17rem; cursor: pointer; z-index: 666; } .partnersBox-prevBtn{ left: -5.33rem; } .partnersBox-nextBtn{ background: url(../image/next2.png) center center no-repeat; background-size: 4.50rem auto; right: -5.33rem; } .newsBox{ padding: 2.50rem 0 4.17rem 0; } .newsBox-w12{ padding-top: 2.33rem; } .newsBox-hot{ width: 31.00rem; display: block; margin-right: -3.08rem; } .newsBox-hot .img{ width: 31.00rem; height: 16.83rem; } .newsBox-hot .img img{ width: 100%; height: 100%; } .newsBox-hot .title{ font-size: 1.00rem; color:#fff; background: #c93a25; line-height: 3.00rem; padding: 0 1.50rem; } .newsBox-list{ width: 29.67rem; margin-left: 6.17rem; } .newsBox-list .tool{ border-bottom: 0.25rem solid #dddddd; margin-bottom: 1.17rem; position: relative;} .newsBox-list .tool::after{content: '';width: 5.83rem;height: 0.25rem;background: #128cd2;position: absolute;bottom: -0.25rem;left: 0;position: absolute;} .newsBox-list .tool .cap{ font-size: 1.42rem; color:#4f4f4f; line-height: 2.17rem; font-weight: bold; } .newsBox-list .tool .more{ width: 2.75rem; height: 2.75rem; background: #118ed8; position: relative; overflow: hidden; } .newsBox-list .tool .more::after{ content: ''; left: 0; top: 0; width: 100%; height: 100%; background: url(../image/jt.png) center center no-repeat; background-size: 1.08rem auto; position: absolute; } .newsBox-list .tool .more:hover::after{ -webkit-animation: jt 0.3s ease-in-out; -ms-animation: jt 0.3s ease-in-out; -moz-animation: jt 0.3s ease-in-out; -o-animation: jt 0.3s ease-in-out; animation: jt 0.3s ease-in-out; } @-webkit-keyframes jt{ 0%{ left: -100%; } 100%{ left: 0; } } @-ms-keyframes jt{ 0%{ left: -100%; } 100%{ left: 0; } } @keyframes jt{ 0%{ left: -100%; } 100%{ left: 0; } } .newsBox-list .li{ height: 8.75rem; } .newsBox-list .li:last-child{ border-top: 0.08rem dotted #ddd; } .newsBox-list .li .one{ line-height: 1.22rem; padding-bottom: 0.50rem; } .newsBox-list .li .title{ font-size: 1.17rem; color:#474747; padding-right: 1.67rem;line-height: 1.22rem; } .newsBox-list .li .date{ font-size: 1.00rem; color:#a1a1a1; } .newsBox-list .li .txt{ font-size: 1.17rem; line-height: 1.83rem; color:#888; } .newsBox-list .li:hover .title{ color:#00589f; font-weight: bold; } .newsBox-list .li2{ font-size: 1.17rem; color:#5b5b5b; display: block; line-height: 3.33rem; } .newsBox-list .li2:not(:last-child){ border-bottom: 0.08rem dotted #ddd; } .newsBox-list .li2:hover{ color:#00589f; font-weight: bold; } .messageBox{ background: #313131; height: 40.50rem; } .messageBox-form{ width: 44.17rem; padding-top: 10.33rem; background: url(../image/footLogo.png) 0.33rem 4.67rem no-repeat; background-size: auto 3.75rem; } .messageBox-form .input{ /*border: 0.1rem solid #4C4C4C;*/ border: 1px solid #4C4C4C; padding: 0.83rem 1.00rem; margin-bottom: 0.67rem; } .messageBox-form .input input{ background: #313131; border: none; outline: none; font-size: 1.17rem; color:#f6f6f6; width: 100%; height: 1.50rem; line-height: 1.50rem; } .messageBox-form .text{ /*border: 0.1rem solid #4C4C4C;*/ border: 1px solid #4C4C4C; margin-bottom: 1.33rem; } .messageBox-form .text textarea{ background: #313131; border: none; outline: none; font-size: 1.17rem; color:#f6f6f6; width: 42.00rem; height: 6.50rem; line-height: 1.50rem; padding: 0.83rem 1.00rem; resize: none; } .messageBox-form .btn{ } .messageBox-form .btn input{ width: 10.00rem; height: 3.33rem; line-height: 3.33rem; font-size: 1.17rem; color:#f6f6f6; background: #118ed8; border: none; outline:none; cursor: pointer; } .messageBox-form .btn input:hover{ background: #0f81c5; } .messageBox-form .input input::-webkit-input-placeholder,.messageBox-form .text textarea::-webkit-input-placeholder{ color:#888; } .messageBox-form .input input::-moz-placeholder,.messageBox-form .text textarea::-moz-placeholder{ color:#888; } .messageBox-form .input input:-moz-placeholder,.messageBox-form .text textarea:-moz-placeholder{ color:#888; } .messageBox-form .input input:-ms-input-placeholder,.messageBox-form .text textarea:-ms-input-placeholder{ color:#888; } .messageBox-info{ padding-top: 5.50rem; width: 50.00rem; position: relative; } .messageBox-info::after{ content: ''; width: 17.67rem; height: 4.75rem; background: url(../image/footEt.png) left center no-repeat; background-size: auto 4.75rem; position: absolute; right: 0; top: 31.17rem; } .messageBox-info .contact{ min-height: 12.67rem; } .messageBox-info .contact .tool{ background: url(../image/contactUs.png) left center no-repeat; background-size: auto 2.00rem; height: 4.50rem; border-bottom: 0.25rem solid #383838; position: relative; } .messageBox-info .contact .tool::after{ content: ''; width: 5.83rem; height: 0.25rem; background: #128cd2; position: absolute; bottom: -0.25rem; left: 0; position: absolute; } .messageBox-info .contact .phone{ font-size: 2.50rem; line-height: 2.50rem; color:#118ed8; background: url(../image/footPhone.png) left center no-repeat; background-size: auto 2.00rem; padding-left: 2.67rem; } .messageBox-info .contact .data{ position: relative; padding-top: 1.50rem; } .messageBox-info .contact .data::after{ content: ''; clear:both; height:0; display: block; } .messageBox-info .contact .li{ font-size: 1.00rem; color:#888; line-height: 1.50rem; width: 20.50rem; float: left; padding: 0.25rem 0; } .messageBox-info .contact .li em{display: block;white-space: nowrap;} .messageBox-info .contact .li span{display: block;padding-right: 1rem;} .messageBox-info .contact .code{ position: absolute; top: 1.67rem; right: 0; width: 8rem; height: 8rem; } .messageBox-info .contact .code img{ width: 100%; height: 100%; } .messageBox-info .link{ } .messageBox-info .link .tool{ height: 3.33rem; border-bottom: 0.25rem solid #383838; position: relative; line-height: 3.33rem; font-size: 1.17rem; color:#c1c1c1; } .messageBox-info .link .tool::after{ content: ''; width: 5.83rem; height: 0.25rem; background: #128cd2; position: absolute; bottom: -0.25rem; left: 0; position: absolute; } .messageBox-info .link .data{ padding-top: 1.33rem; } .messageBox-info .link .li{ width: 20%; float: left; padding: 0.42rem 0; } .messageBox-info .link .li a{ font-size: 1.00rem; color:#888; line-height: 1.00rem; } .footBox{ font-size: 1.00rem; color:#888; height: 3.17rem; line-height: 3.17rem; background: #2d2d2d; } .footBox a{color:#888;font-size: 1rem;margin-left: 1rem;} .floatBox{ position: fixed; right: 0; top: 50%; margin-top: -8.33rem; background: #fff; width: 8.33rem; border-top-left-radius: 0.83rem; border-bottom-left-radius: 0.83rem; z-index: 998; } .floatBox .li{ display: block; height: 3.00rem; font-size: 1.17rem; color:#fff; padding-top: 4.67rem; background: url(../image/float-bg.png) center center no-repeat; background-size: 100% 100%; text-align: center; position: relative; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; cursor: pointer; } .floatBox .li:first-child{ border-top-left-radius: 0.83rem; } .floatBox .li:last-child{ border-bottom-left-radius: 0.83rem; } .floatBox .li:not(:last-child){ margin-bottom: 0.1rem; } .floatBox .li::after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .floatBox .li1::after{ background: url(../image/float-1.png) center center no-repeat; background-size: 8.33rem auto; } .floatBox .li2::after{ background: url(../image/float-2.png) center center no-repeat; background-size: 8.33rem auto; } .floatBox .li3::after{ background: url(../image/float-3.png) center center no-repeat; background-size: 8.33rem auto; } .floatBox .li4::after{ background: url(../image/float-4.png) center center no-repeat; background-size: 8.33rem auto; } .floatBox .li5::after{ background: url(../image/float-5.png) center center no-repeat; background-size: 8.33rem auto; } .floatBox .li:hover{ margin-left: -0.83rem; } /* product & productDetail */ .productBannerBox{ height: 23.17rem; } .sourceBox{ margin-bottom: 4.33rem; } .sourceBox-w12{ height: 7.67rem; margin-top: -3.83rem; background: #fff; -moz-box-shadow: 0 0.33rem 0.67rem #c1c1c1; -webkit-box-shadow: 0 0.33rem 0.67rem #c1c1c1; box-shadow: 0 0.33rem 0.67rem #c1c1c1; } .sourceBox-source{ font-size: 1.17rem; color:#afafaf; line-height: 1.17rem; padding-left: 4.50rem; width: 60.83rem; background: url(../image/arrow2.png) right center no-repeat; background-size: 14.50rem auto; height: 7.67rem; position: relative; } .sourceBox-source::before{ content: ''; position: absolute; width: 1.00rem; top: 0; bottom: 0; left: 2.67rem; background: url(../image/from.png) center center no-repeat; background-size: 1.00rem auto; } .sourceBox-source span,.sourceBox-source a{ color:#5c5a5a; } .sourceBox-source span::after,.sourceBox-source a::after{ content: '>'; padding: 0 0.67rem; font-size: 1.00rem; } .sourceBox-source a:last-child{ color:#118ed8; } .sourceBox-source a:last-child::after{ display: none; } .sourceBox .searchBox-btn{ height: 7.67rem; } .defaultTitle,.defaultTitle2{ background: url(../image/titleBg.png) center top no-repeat; background-size: auto 6.17rem; height: 6.17rem; line-height: 6.17rem; font-size: 2.00rem; color:#fff; padding-left: 2.33rem; } .defaultTitle2{ height: 5.33rem; line-height: 5.33rem; margin-top: 1.00rem; font-size: 1.67rem; margin-bottom: 0; } .productCenterTypeBox{ } .productCenterTypeBox .cap{ line-height: 3.67rem; height: 3.67rem; font-size: 1.25rem; color:#333; background: #eaeaea; font-weight: bold; margin-top: 0.08rem; } .productCenterTypeBox .cap span{ padding-left: 2.50rem; display: block; background: url(../image/pin3.png) 1.00rem center no-repeat; background-size: 0.83rem auto; } .productCenterTypeBox .arrow{ width: 1.17rem; height: 3.67rem; background: url(../image/arrow3.png) center right no-repeat; background-size: 0.50rem auto; margin-right: 1.17rem; } .productCenterTypeBox .cap.choose{ background: #e65440; color:#fff; } .productCenterTypeBox .cap.choose span{ background: url(../image/pin2.png) 1.00rem center no-repeat; background-size: 0.83rem auto; } .productCenterTypeBox .cap.choose .arrow{ background: url(../image/arrow4.png) center right no-repeat; background-size: 0.50rem auto; } .productCenterTypeBox .ped{ min-height: 5.00rem; /* overflow: hidden; */ background: #fff; padding-left: 1.67rem; padding-top: 1.25rem; border-left: 0.1rem solid #e6e6e6; border-right: 0.1rem solid #e6e6e6; } .productCenterTypeBox .ped::after{ content: ''; clear:both; height:0; display: block; } .productCenterTypeBox .ped:last-child{ border-bottom: 0.1rem solid #e6e6e6; } .productCenterTypeBox .pedLi{ color:#676767; font-size: 1.17rem; line-height: 1.22rem; width: 50%; float: left; margin-bottom: 1.00rem; } .productCenterTypeBox .pedLi.choose{ color:#00589f; } .productCenterHotBox{ } /*.productCenterHotBox .swiper-slide{ height: 21.00rem; }*/ /*.productCenterHotBox .swiper-slide a{ display: block; width: 100%; height: 100%; }*/ .productCenterHotBox .swiper-slide a{ display: block; width: 100%; height: 0; padding-bottom: 100% } .productCenterHotBox .tool{ position: relative; background:rgba(0,0,0,0.4); height: 3.17rem; overflow: hidden; } .productCenterHotBox .move{ position: absolute; left: 1.50rem; right: 6.00rem; top: 0; } .productCenterHotBox .title{ display: block; line-height: 3.17rem; font-size: 1.25rem; color:#fff; } .productCenterHotBox .swiper-pagination{ position: absolute; width: 6.00rem; right: 0; top: 0; bottom: 0; } .productCenterHotBox .swiper-pagination-bullet{ width: 0.50rem; height: 0.50rem; background: #fff; opacity: 1; margin: 0 0.33rem; } .productCenterHotBox .swiper-pagination-bullet-active{ background: #128AD4; } .productCenterHotBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 0.33rem; } .smallContactBox{ padding: 2.08rem 1.83rem; border:0.1rem solid #e6e6e6; margin-bottom: 1.00rem; } .smallContactBox .cap{ font-size: 2.00rem; color:#127fd2; line-height: 3.50rem; } .smallContactBox .info{ font-size: 1.17rem; color:#6d6d6d; line-height: 2.67rem; /*text-align: justify;*/ } .defaultTitle3{ padding: 0 1.67rem; height: 5.00rem; border:0.1rem solid #e6e6e6; -moz-box-shadow: 0 0.33rem 0.67rem #d1d1d1; -webkit-box-shadow: 0 0.33rem 0.67rem #d1d1d1; box-shadow: 0 0.33rem 0.67rem #d1d1d1; } .defaultTitle3 .cap{ font-size: 1.58rem; color:#1271b8; line-height: 1.67rem; padding-left: 0.83rem; border-left: 0.42rem solid #126eb2; font-weight: bold; } .defaultTitle3 .cap em{font-size: 1.34rem;font-weight: normal;} .productListBox{ padding-top: 1.00rem; margin-right: -1.00rem; } .productListBox .li{ width: 24.33rem; margin-right: 1.00rem; float: left; display: block; padding-bottom: 2.00rem; border-bottom: 0.33rem solid #1272b9; margin-bottom: 2.50rem; } .productListBox .li a{display: block;} .productListBox .li .img{ width: 24.33rem; height: 24.33rem; } .productListBox .li .img img{ width: 100%; height: 100%; } .productListBox .li .title{ font-size: 1.50rem; color:#1270b7; margin: 2.00rem 0 0.75rem 0; line-height: 1.50rem;height: 1.54rem; } .productListBox .li .info{ font-size: 1.33rem; color:#707070; word-break: break-all; line-height: 1.8rem; min-height: 3.6rem; } .productListBox .li:hover{ border-bottom-color: #dd4936; } .productListBox .li:hover .img{ -moz-box-shadow: 0 0.83rem 1.67rem #a1a1a1; -webkit-box-shadow: 0 0.83rem 1.67rem #a1a1a1; box-shadow: 0 0.83rem 1.67rem #a1a1a1; } .productListBox .li:hover .title{ color:#de4a38; } .defaultPage{ height: 3.83rem; margin-bottom: 2.50rem; } .defaultPage .now,.defaultPage .page,.defaultPage .deo{ width: 3.83rem; height: 3.83rem; line-height: 3.83rem; text-align: center; font-size: 1.17rem; color:#7c7c7c; } .defaultPage .now{ background: #1280d2; color:#fff; } .defaultPage .prev,.defaultPage .next{ width: 3.83rem; height: 3.83rem; background: url(../image/prev3.png) center center no-repeat; background-size: 3.83rem auto; } .defaultPage .prev{ margin-right: 1.17rem; } .defaultPage .next{ background: url(../image/next3.png) center center no-repeat; background-size: 3.83rem auto; margin-left: 1.17rem; } .productCenterHotBox2{ } .productCenterHotBox2 .li{ display: block; margin-bottom: 1.00rem; } .productCenterHotBox2 .li .img{ height: 24.00rem; border: 0.1rem solid #e6e6e6; } .productCenterHotBox2 .li .img img{ width: 100%; height: 100%; } .productCenterHotBox2 .li:first-child .img{ border-top: 0; } .productCenterHotBox2 .li .beg{ background: #f2f2f2; padding: 2.00rem 1.33rem 1.67rem 1.33rem; } .productCenterHotBox2 .li .title{ font-size: 1.50rem; color:#474747; margin-bottom: 0.75rem; line-height: 1.50rem; } .productCenterHotBox2 .li .info{ font-size: 1.33rem; color:#696666; word-break: break-all; line-height: 1.83rem; } /*.productCenterHotBox2 .li:hover .img{ -moz-box-shadow: 0 0.83rem 1.67rem #a1a1a1; -webkit-box-shadow: 0 0.83rem 1.67rem #a1a1a1; box-shadow: 0 0.83rem 1.67rem #a1a1a1; }*/ /*.productCenterHotBox2 .li:hover .title{ color:#de4a38; }*/ .productDetailBox{ padding: 0 1.67rem; border:0.1rem solid #e6e6e6; -moz-box-shadow: 0 0.33rem 0.67rem #d1d1d1; -webkit-box-shadow: 0 0.33rem 0.67rem #d1d1d1; box-shadow: 0 0.33rem 0.67rem #d1d1d1; margin-bottom: 1.67rem; } .productDetailBox .slideImg{ width: 28.75rem; padding: 1.50rem 0; } .productDetailBox .slideImg .bigImg{ width: 28.58rem; height: 28.58rem; } .productDetailBox .slideImg .bigImg img{ width: 100%; height: 100%; } .productDetailBox .slideImg .smallImg{ padding-top: 0.67rem; } .productDetailBox .slideImg .prevBtn,.productDetailBox .slideImg .nextBtn{ width:1.75rem; height:5.83rem; cursor: pointer; } .productDetailBox .slideImg .prevBtn{ background: url(../image/prev4.png) center center no-repeat; background-size: auto 5.83rem; margin-right: 0.33rem; } .productDetailBox .slideImg .nextBtn{ background: url(../image/next4.png) center center no-repeat; background-size: auto 5.83rem; margin-left: 0.33rem; } .productDetailBox .slideImg .group{ overflow: hidden; position: relative; height: 5.83rem; } .productDetailBox .slideImg .move{ width: 75.00rem; margin-left: -0.42rem; position: absolute; left: 0; top: 0; bottom: 0; } .productDetailBox .slideImg .smallImg .img{ width: 5.67rem; height: 5.67rem; float: left; margin-left: 0.42rem; border: 0.1rem solid #e6e6e6; cursor: pointer; position: relative; } .productDetailBox .slideImg .smallImg .img img{ width: 100%; height: 100%; } .productDetailBox .slideImg .smallImg .img.cur::after{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 0.17rem solid #dd4a34; content:''; } .productDetailBox .pedInfo{ padding: 1.50rem 3.67rem 1.50rem 2.50rem; } .productDetailBox .pedInfo .title{ font-size: 1.67rem; color:#127fd2; line-height: 2.33rem; height: 6.33rem; border-bottom: 0.1rem solid #e6e6e6; text-align: justify; } .productDetailBox .pedInfo .txt{ font-size: 1.17rem; line-height: 2.00rem; color:#7d7d7d; padding: 1.42rem 0; text-align: justify; border-bottom: 0.1rem solid #e6e6e6; } .productDetailBox .pedInfo .phone{ font-size: 1.50rem; line-height: 5.83rem; color:#727272; padding-left: 2.00rem; background: url(../image/phone-3.png) 0.33rem center no-repeat; background-size: 1.08rem auto; height: 5.83rem; border-bottom: 0.1rem solid #e6e6e6; } .productDetailBox .pedInfo .phone span{ padding-right: 1.50rem; } .productDetailBox .pedInfo .call{ width: 9.50rem; height: 3.17rem; line-height: 3.17rem; padding-left: 1.33rem; background: #1280d2; color:#fff; font-size: 1.17rem; color:#fff; display: block; margin-top: 1.67rem; position: relative; } .productDetailBox .pedInfo .call::after{ content: ''; width: 5.00rem; position: absolute; right: 1.17rem; top: 0; bottom: 0; background: url(../image/arrow4.png) center right no-repeat; background-size: 0.50rem auto; } .defaultTitle4{ height: 5.83rem; } .defaultTitle4 .cap{ font-size: 1.58rem; color:#1271b8; line-height: 1.67rem; padding-left: 0.83rem; border-left: 0.42rem solid #126eb2; font-weight: bold; } .defaultTitle4 .more{ font-size: 1.33rem; color:#1271b8; line-height: 1.33rem; font-weight: normal; } .defaultTitle4 .more2{ float: right; font-weight: normal; font-size: 1.2rem; line-height: 1.33rem; font-weight: normal; display: none; } .defaultTitle4 .more2::after { content: '>>'; margin-left: 0.2rem; } .productDetailBox .showImg{ padding: 2.50rem 0; } .productDetailBox .showImg img{ max-width: 100%; display: block; margin: 0 auto; } .productDetailBox .showCap{ font-size: 1.33rem; color:#126fb6; line-height: 2.50rem; text-align: justify; } .productDetailBox .showTxt{ font-size: 1.17rem; color:#626262; line-height: 2.00rem; padding: 0.50rem 0; text-align: justify; margin-bottom: 3.33rem; } .productDetailBox .showTxt img{ max-width: 100%;} .productDetailBox .showTxt video{ max-width: 100%; height:auto} /* case */ .cooperationPartnerBox{ padding: 1.00rem 0.83rem 0 0.83rem; border: 0.1rem solid #e6e6e6; } .cooperationPartnerBox .li{ display: block; margin-bottom: 1.00rem; height: 11.17rem; } .cooperationPartnerBox .li img{ width: 100%; height: 100%; } .caseListBox{ padding: 0 1.67rem; border:0.1rem solid #e6e6e6; -moz-box-shadow: 0 0.33rem 0.67rem #d1d1d1; -webkit-box-shadow: 0 0.33rem 0.67rem #d1d1d1; box-shadow: 0 0.33rem 0.67rem #d1d1d1; margin-bottom: 1.67rem; } .caseListBox .cap{ font-size: 1.67rem; color:#1271b8; font-weight: bold; line-height: 6.00rem; padding-left: 4.17rem; background: url(../image/appArea-g1.png) left center no-repeat; background-size: 3.33rem auto; position: relative; } .caseListBox .cap::after{ content: ''; position: absolute; left: 0; top: 50%; height: 3.33rem; width: 3.33rem; margin-top: -1.67rem; } .caseListBox .cap1::after{ background: url(../image/appArea1.png) center center no-repeat; background-size: 1.50rem auto; } .caseListBox .cap2::after{ background: url(../image/appArea2.png) center center no-repeat; background-size: 1.67rem auto; } .caseListBox .cap3::after{ background: url(../image/appArea3.png) center center no-repeat; background-size: 1.50rem auto; } .caseListBox .cap4::after{ background: url(../image/appArea4.png) center center no-repeat; background-size: 1.33rem auto; } .caseListBox .cap5::after{ background: url(../image/appArea5.png) center center no-repeat; background-size: 1.67rem auto; } .caseListBox .cap a.more{ float: right; font-weight: normal; font-size: 1.2rem; display: none; } .caseListBox .cap a.more::after{ content: '>>'; margin-left: 0.2rem; } /*.caseListBox .bigImg{ height: 35.83rem; }*/ .caseListBox .bigImg img{ width: 100%;/* height: 100%;*/ } .caseListBox .bigName{ font-size: 1.67rem; color:#1271b8; text-align: center; line-height: 1.67rem; padding: 1.17rem 0 2.33rem 0; font-weight: bold; } .caseListBox .smallList{ padding-bottom: 1.50rem; } .caseListBox .smallList .li{ width: 23.08rem; height: 14.50rem; position: relative; cursor: pointer; position: relative; } .caseListBox .smallList .img{ height: 14.50rem; } /*.caseListBox .smallList .img img{ width: 100%; height: 100%; }*/ .caseListBox .smallList .img img{ max-width: 100%; max-height: 100%; } .caseListBox .smallList .name{ position: absolute; left: 0; right: 0; bottom: 0; font-size: 1.50rem; color:#fff; line-height: 2.83rem; text-align: center; background: rgba(0,0,0,0.6); z-index: 66; } .caseListBox .smallList .li.cur::after{ content: ''; border: 0.17rem solid #1a7fca; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 67; } /* about */ .companyIntroduceBox,.companyDevelopBox,.companyHonorBox,.companyPhotoBox,.companyPersonBox,.companyPartnerBox{ padding: 0 1.67rem; border:0.1rem solid #e6e6e6; -moz-box-shadow: 0 0.33rem 0.67rem #d1d1d1; -webkit-box-shadow: 0 0.33rem 0.67rem #d1d1d1; box-shadow: 0 0.33rem 0.67rem #d1d1d1; margin-bottom: 1.67rem; } .companyIntroduceBox .data{ /*padding: 0 25.00rem;*/ padding-left: 25.00rem; height: 20.50rem; background: url(../image/logo2.png) 6.92rem center no-repeat; background-size: 11.08rem auto; border-bottom: 0.1rem solid #e6e6e6; } .companyIntroduceBox .data .name{ font-size: 2.00rem; color:#565656; line-height: 2.00rem; padding-bottom: 1.67rem; position: relative; } .companyIntroduceBox .data .name::after{ content: ''; width: 2.50rem; height: 0.17rem; background: #128cd2; position: absolute; bottom: 0; left: 0; position: absolute; } .companyIntroduceBox .data .info{ font-size: 1.33rem; line-height: 2.17rem; color:#565656; padding-top: 1.25rem; } .companyIntroduceBox .utype{ padding-bottom: 1.83rem; height: 19.17rem; } .companyIntroduceBox .icon{ position: relative; width: 5.83rem; height: 5.83rem; margin: 0 auto; background: url(../image/appArea-g1.png) center center no-repeat; background-size: 100% auto; border-radius: 50%; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; } .companyIntroduceBox .icon::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .companyIntroduceBox .icon1::before{ background: url(../image/appArea1.png) center center no-repeat; background-size: 2.50rem auto; } .companyIntroduceBox .icon2::before{ background: url(../image/appArea2.png) center center no-repeat; background-size: 2.8rem auto; } .companyIntroduceBox .icon3::before{ background: url(../image/appArea3.png) center center no-repeat; background-size: 2.4rem auto; } .companyIntroduceBox .icon4::before{ background: url(../image/appArea4.png) center center no-repeat; background-size: 3.17rem auto; } .companyIntroduceBox .icon5::before{ background: url(../image/appArea5.png) center center no-repeat; background-size: 3.17rem auto; } .companyIntroduceBox .name{ font-size: 1.50rem; color:#424242; line-height: 1.50rem; font-weight: bold; padding: 1.67rem 0 0.83rem 0; } .companyIntroduceBox .eng{ font-size: 1.17rem; color:#a1a1a1; line-height: 1.17rem;text-align: center; } .companyDevelopBox{ position: relative; } .companyDevelopBox .list{ position: relative; overflow: hidden; height: 31.17rem; margin-bottom: 3.83rem; } .companyDevelopBox .list::before{ content: ''; width: 0.08rem; background: #e6e6e6; position: absolute; left:11.08rem; top: 0; bottom: 0; } .companyDevelopBox .move{ position: absolute; left:0; right: 0; top: 0; height: 75.00rem; padding: 0.75rem 7.67rem 0.75rem 1.92rem; } .companyDevelopBox .li{ height: 7.00rem; position: relative; } .companyDevelopBox .li::before{ content: ''; width: 0.67rem; height: 0.67rem; border-radius: 50%; background: #fff; position: absolute; left:9.17rem; top: 50%; border: 0.1rem solid #00589f; margin-left: -0.42rem; margin-top: -0.42rem; } .companyDevelopBox .li .date{ font-size: 1.17rem; color:#7a7a7a; line-height: 2.00rem; width: 9.17rem; text-align: center; } .companyDevelopBox .li .txt{ font-size: 1.33rem; color:#5b5b5b; line-height: 2.00rem; padding: 0 2.17rem; text-align: justify; word-break: break-all; } .companyDevelopBox .li.cur{ height: 8.67rem; } .companyDevelopBox .li.cur::before{ width: 1.00rem; height: 1.00rem; background: #e75340; border-color: #e75340; margin-left: -0.58rem; margin-top: -0.58rem; } .companyDevelopBox .li.cur::after{ content: ''; position: absolute; left:0; top: 0; bottom: 0; right: 0; border: 0.1rem solid #e6e6e6; -moz-box-shadow: 0 0.33rem 0.67rem #d1d1d1; -webkit-box-shadow: 0 0.33rem 0.67rem #d1d1d1; box-shadow: 0 0.33rem 0.67rem #d1d1d1; } .companyDevelopBox .li.cur .date{ color:#137fcf; } .companyDevelopBox .li.cur .txt{ } .companyDevelopBox .prevBtn,.companyDevelopBox .nextBtn{ width: 3.83rem; height: 3.83rem; position: absolute; right: 2.50rem; cursor: pointer; } .companyDevelopBox .prevBtn{ background: url(../image/new_prev.png) center center no-repeat; background-size: 3.83rem auto; top: 17.00rem; } .companyDevelopBox .nextBtn{ background: url(../image/new_next.png) center center no-repeat; background-size: 3.83rem auto; top: 21.33rem; } .companyDevelopBox .prevBtn.end{ background: url(../image/new_prev2.png) center center no-repeat; background-size: 3.83rem auto; top: 17.00rem; } .companyDevelopBox .nextBtn.end{ background: url(../image/new_next2.png) center center no-repeat; background-size: 3.83rem auto; top: 21.33rem; } .companyHonorBox .data{ } .companyHonorBox .swiper-container{ height: 32.00rem; padding-bottom: 3.17rem; } .companyHonorBox .swiper-slide { width: 22.67rem; height: 39.00rem; } .companyHonorBox .swiper-slide { width: 21.67rem; height: 30.00rem; padding: 1.00rem 0; } .companyHonorBox .swiper-slide img{ display:block; width: 100%; height: 100%; -moz-box-shadow: 0 0.33rem 0.67rem #b1b1b1; -webkit-box-shadow: 0 0.33rem 0.67rem #b1b1b1; box-shadow: 0 0.33rem 0.67rem #b1b1b1; } .companyHonorBox .tool{ border-top: 0.1rem solid #e6e6e6; } .companyHonorBox .info{ height: 8.50rem; } .companyHonorBox .name{ font-size: 1.50rem; color:#555555; line-height: 1.50rem; padding-bottom: 0.83rem; } .companyHonorBox .date{ font-size: 1.17rem; color:#a1a1a1; line-height: 1.17rem; } .companyHonorBox .prevBtn,.companyHonorBox .nextBtn{ width: 3.83rem; height: 3.83rem; cursor: pointer; } .companyHonorBox .prevBtn{ background: url(../image/new_prev3.png) center center no-repeat; background-size: 3.83rem auto; top: 17.00rem; } .companyHonorBox .nextBtn{ background: url(../image/new_next3.png) center center no-repeat; background-size: 3.83rem auto; top: 21.33rem; } /*.companyHonorBox .prevBtn.end{ background: url(../image/new_prev4.png) center center no-repeat; background-size: 3.83rem auto; top: 17.00rem; }*/ /*.companyHonorBox .nextBtn.end{ background: url(../image/new_next4.png) center center no-repeat; background-size: 3.83rem auto; top: 21.33rem; }*/ .companyPhotoBox{ } .companyPhotoBox .list{ overflow: hidden; margin-left: -1.00rem; } .companyPhotoBox .li{ width: 33.33%; float: left; padding-bottom: 0.92rem; } .companyPhotoBox .li .img{ margin-left: 1.00rem; height: 15.17rem; position: relative; } .companyPhotoBox .li img{ width: 100%; height: 100%; } .companyPhotoBox .li .img:hover::after{ content: attr(data-name); text-align: center; line-height: 15.17rem; font-size: 1.17rem; color:#fff; background: rgba(17, 142, 216, 0.7); position: absolute; left:0; right: 0; top: 0; bottom: 0; } .companyPersonBox{ padding-bottom: 1.33rem; } .companyPersonBox .cat{ overflow: hidden; margin-left: -1.00rem; } .companyPersonBox .one{ float: left; width: 66.66%; } .companyPersonBox .one .img{ margin-left: 1.00rem; height: 31.25rem; padding-bottom: 0.92rem; } .companyPersonBox .one .img img{ width: 100%; height: 100%; } .companyPersonBox .two{ float: left; width: 33.33%; } .companyPersonBox .two .img{ margin-left: 1.00rem; height: 15.17rem; padding-bottom: 0.92rem; } .companyPersonBox .two .img img{ width: 100%; height: 100%; } .companyPartnerBox{ margin-bottom: 5.00rem; padding-bottom: 1.33rem; } .companyPartnerBox .list{ overflow: hidden; margin-left: -0.67rem; } .companyPartnerBox .li{ width: 20%; float: left; padding-bottom: 0.67rem; } .companyPartnerBox .li .img{ margin-left: 0.67rem; height: 6.83rem; position: relative; border: 0.1rem solid #e6e6e6; } .companyPartnerBox .li .img:hover{ border-color: #c1c1c1; -moz-box-shadow: 0 0.25rem 0.50rem #a1a1a1; -webkit-box-shadow: 0 0.25rem 0.50rem #a1a1a1; box-shadow: 0 0.25rem 0.50rem #a1a1a1; } .companyPartnerBox .li img{ width: 100%; height: 100%; } /* news & newsDetail & newsHealthDetail */ .dynamicBox,.newsListBox,.newsDetailBox{ padding: 0 1.67rem; border:0.1rem solid #e6e6e6; -moz-box-shadow: 0 0.33rem 0.67rem #d1d1d1; -webkit-box-shadow: 0 0.33rem 0.67rem #d1d1d1; box-shadow: 0 0.33rem 0.67rem #d1d1d1; margin-bottom: 1.67rem; } .dynamicBox .li{ display: block; padding-bottom: 2.00rem; } /*.dynamicBox .li .img{ height: 38.67rem; margin-bottom: 2.50rem; }*/ /*.dynamicBox .li .img img{ width: 100%; height: 100%; }*/ .dynamicBox .li .img{ height: 38.67rem; margin-bottom: 2.50rem; position: relative; overflow: hidden; } .dynamicBox .li .img img{ position: absolute; left: 50%; top: -1%; height: 102%; width: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .dynamicBox .li .name{ font-size: 1.50rem; color:#565656; line-height: 1.50rem; width: 44.17rem; margin-bottom: 0.83rem; } .dynamicBox .li .date{ font-size: 1.17rem; color:#a1a1a1; line-height: 1.17rem; position: absolute; right: 0; top: 41.17rem; } .dynamicBox .li .info{ font-size: 1.17rem; color:#777; line-height: 1.83rem; width: 44.17rem; } .dynamicBox .swiper-pagination{ position: absolute; right: 0; width: auto; left: auto; top: 45.67rem; } .dynamicBox .swiper-pagination-bullet{ width: 0.58rem; height: 0.58rem; opacity: 1; background: #d2d2d2; position: relative; } .dynamicBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 0.50rem; } .dynamicBox .swiper-pagination-bullet-active{ background: #1a90d3; } .dynamicBox .swiper-pagination-bullet-active::after{ content:''; width: 0.92rem; height: 0.92rem; position: absolute; left: 50%; top: 50%; margin-left: -0.54rem; margin-top: -0.54rem; border: 0.1rem solid #1a90d3; border-radius: 50%; } .newsListBox .list{ margin-top: -2.00rem; } .newsListBox .li{ height: 16.00rem; } .newsListBox .li:not(:first-child){ border-top: 0.1rem solid #e6e6e6; } /*.newsListBox .li .img{ width: 18.00rem; height: 12.00rem; } .newsListBox .li .img img{ width:100%; height: 100%;} */ .newsListBox .li .img{ height: 12rem; width: 22rem; position: relative; overflow: hidden; } .newsListBox .li .img img{ position: absolute; left: 50%; top: -1%; height: 102%; width: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .newsListBox .li .info{ padding-left: 1.67rem; } .newsListBox .li .date{ font-size:1.17rem; color:#a1a1a1; line-height: 1.17rem; } .newsListBox .li .title{ font-size:1.50rem; color:#565656; line-height: 1.50rem; padding-top: 0.33rem; } .newsListBox .li .txt{ font-size: 1.17rem; color:#a1a1a1; line-height: 1.83rem; text-align: justify; word-break: break-all; margin: 1.00rem 0 2.00rem 0; height: 3.67rem; } .newsListBox .li .btn{ width: 8.33rem; height: 2.50rem; line-height: 2.50rem; text-align: center; font-size: 1.00rem; color:#888; background: #f2f2f2; } .newsListBox .li:hover .title{ color:#126fb6; } .newsListBox .li:hover .btn{ background: #126fb6; color:#fff; } .newsDetailBox{ padding: 0 2.83rem; } .newsDetailBox .title{ font-size: 1.67rem; line-height: 2.50rem; color:#484848; text-align: center; padding: 4.17rem 0 0.83rem 0; } .newsDetailBox .date{ font-size: 1.17rem; line-height: 1.17rem; color:#a1a1a1; text-align: center; padding-bottom: 1.67rem; position: relative; } .newsDetailBox .date::after{ content: ''; width: 3.17rem; height: 0.25rem; background: #148ED4; position: absolute; left: 50%; bottom: 0; margin-left: -1.58rem; } .newsDetailBox .content{ font-size: 1.17rem; line-height: 1.83rem; color:#888; text-align: justify; word-break: break-all; padding: 1.17rem 0 3.67rem 0; /* min-height: 88.33rem; */ } .newsDetailBox .content img{ max-width: 100%; margin: 1.67rem auto; display: block; height: auto!important; } .newsDetailBox .tool{ height: 5.67rem; border-top: 0.1rem solid #e6e6e6; padding: 0 0.67rem; } .newsDetailBox .tool a{ font-size: 1.17rem; line-height: 1.50rem; color:#565656; } .newsOtherBox{ margin-top: 1.67rem; margin-left: -0.83rem; overflow: hidden; } .newsOtherBox .li{ width: 33.33%; float: left; margin-bottom: 1.4rem; } .newsOtherBox .li a{ display: block; margin-left: 0.83rem; } /*.newsOtherBox .img{ height: 16.17rem; }*/ /*.newsOtherBox .img img{ width: 100%; height: 100%; }*/ .newsOtherBox .img{ height: 13.2rem; position: relative; overflow: hidden; } .newsOtherBox .img img{ position: absolute; left: 50%; top: -1%; height: 102%; width: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .newsOtherBox .title{ font-size:1.33rem; color:#565656; line-height: 1.67rem; padding-top: 1.83rem; } .newsOtherBox .txt{ font-size: 1.17rem; color:#a1a1a1; line-height: 1.83rem; text-align: justify; word-break: break-all; margin: 0.67rem 0 1.33rem 0; height: 3.67rem; } .newsOtherBox .btn{ width: 8.33rem; height: 2.50rem; line-height: 2.50rem; text-align: center; font-size: 1.00rem; color:#888; background: #f2f2f2; } .newsOtherBox .li:hover .title{ color:#126fb6; } .newsOtherBox .li:hover .btn{ background: #126fb6; color:#fff; } /* technology */ .technologyBox{ padding: 0 1.67rem; border:0.1rem solid #e6e6e6; -moz-box-shadow: 0 0.33rem 0.67rem #d1d1d1; -webkit-box-shadow: 0 0.33rem 0.67rem #d1d1d1; box-shadow: 0 0.33rem 0.67rem #d1d1d1; margin-bottom: 1.67rem; } .technologyBox .img{ height: 30.50rem; } .technologyBox .img img{ width: 100%; height: 100%; } .technologyBox .txt{ font-size: 1.33rem; color:#656565; line-height: 2.00rem; text-align: justify; word-break: break-all; padding: 2.17rem 0.42rem 4.33rem 0.42rem; } /* contact */ .welcomeBox{ border-bottom: 0.1rem solid #e6e6e6; margin-top: -2.67rem; } .welcomeBox-w12{ background: url(../image/contactPerson.png) 3.17rem bottom no-repeat; background-size: 23.83rem auto; height: 26.17rem; } .welcomeBox-w12 .data{ padding-left: 32.50rem; } .welcomeBox-w12 .title{ font-size: 1.67rem; color:#434343; line-height: 1.67rem; font-weight: bold; padding-bottom: 2.00rem; position: relative; } .welcomeBox-w12 .title::after{ content: ''; width: 2.83rem; height: 0.25rem; background: #128cd2; position: absolute; bottom: -0; left: 0; position: absolute; } .welcomeBox-w12 .txt{ font-size: 1.33rem; color:#565656; line-height: 2.17rem; padding: 1.33rem 0 1.92rem 0; } .welcomeBox-w12 .btn{ padding: 0 1.83rem 0 2.83rem; border: 0.1rem solid #118ed8; font-size: 1.17rem; color:#118ed8; line-height: 2.67rem; display:inline-block; cursor: pointer; background: url(../image/phone-4.png) 1.17rem center no-repeat; background-size: 1.08rem auto; } .contactDetailBox{ padding-top: 6.17rem; } .contactDetailBox .data{ width: 36.50rem; margin-right: 1.00rem; } .contactDetailBox .cap{ height: 6.83rem; line-height: 6.83rem; background: #118fd7; font-size: 2.00rem; color:#fff; padding-left: 3.00rem; } .contactDetailBox .info{ border: 0.1rem solid #e6e6e6; border-top: 0; height: 5rem; line-height: 1.83rem; font-size: 1.33rem; color:#575757; padding: 0 5.83rem 0 7.67rem; position: relative; /*text-align: justify; */} .contactDetailBox .info1{ height: 5.00rem; font-size: 2.08rem; line-height: 2.08rem; color:#e95442; background: url(../image/contact-u1.png) 1.92rem center no-repeat; background-size: 3.83rem auto; } .contactDetailBox .info2{ height: 5rem; background: url(../image/contact-u2.png) 1.92rem center no-repeat; background-size: 3.83rem auto; } .contactDetailBox .info3{ background: url(../image/contact-u3.png) 1.92rem center no-repeat; background-size: 3.83rem auto; } .contactDetailBox .info4{ background: url(../image/contact-u4.png) 1.92rem center no-repeat; background-size: 3.83rem auto; } .contactDetailBox .info5{ height: 7.00rem; background: url(../image/contact-u5.png) 1.92rem center no-repeat; background-size: 3.83rem auto; } .contactDetailBox .map{ height: 55.5rem; /*background: #000; */} .contactWechatBox{ padding-top: 5.17rem; } .contactWechatBox .ucap{ font-size: 1.67rem; color:#1271b8; line-height: 1.67rem; font-weight: bold; border-left: 0.42rem solid #126eb2; padding-left: 0.83rem; } .contactWechatBox .code{ padding: 4.50rem 0 6.00rem 0; } .contactWechatBox .codeImg{ height: 14.33rem; } .contactWechatBox .codeImg:not(:first-child){ border-left: 0.1rem solid #e6e6e6; } .contactWechatBox .codeImg .img{ width: 10.00rem; height: 10.00rem; border: 0.1rem solid #1191d7; padding: 0.25rem; margin-top: 0.58rem; position: relative; } .contactWechatBox .codeImg .img:not(:first-child){ margin-left: 3.83rem; } .contactWechatBox .codeImg .img::after{ display: block; text-align: center; font-size: 1.33rem; color:#a8a8a8; line-height: 1.33rem; position: absolute; top: 11.83rem; left: 0; right: 0; } .contactWechatBox .codeImg .img img{ width: 100%; height: 100%; } .contactWechatBox .codeImg[type="wechat"]{ width: 42.50rem; } .contactWechatBox .codeImg[type="wechat"] .img::after{ content: '寰俊鈥?attr(data); } .contactWechatBox .codeImg[type="qq"] .img::after{ content: attr(data); } .contactWechatBox .codeImg[type="ali"] .img::after{ content: attr(data); } .contactNewsBox{ background: #fafafa; padding-top: 5.17rem; padding-bottom: 5.33rem; } .contactNewsBox .ucap{ font-size: 1.67rem; color:#1271b8; line-height: 1.67rem; font-weight: bold; border-left: 0.42rem solid #126eb2; padding-left: 0.83rem; } .contactNewsBox .ucap .more{ font-size: 1.33rem; color:#1271b8; line-height: 1.33rem; font-weight: normal; } .contactNewsBox .li{ width: 25%; } /* 鑻辨枃鐗 */ .englishWebsite .messageBox-info .contact .tool{ background: url(../image/contactUs-english.png) left center no-repeat; background-size: auto 2.00rem; } .englishWebsite .eTitle-1{ background: url(../image/title1-english.png) center center no-repeat; background-size: auto 6.00rem; } .englishWebsite .eTitle-2{ background: url(../image/title2-english.png) center center no-repeat; background-size: auto 6.08rem; } .englishWebsite .eTitle-3{ background: url(../image/title3-english.png) center center no-repeat; background-size: auto 6.08rem; } .englishWebsite .eTitle-4{ background: url(../image/title4-english.png) center center no-repeat; background-size: auto 6.08rem; } .englishWebsite .eTitle-5{ background: url(../image/title5-english.png) center center no-repeat; background-size: auto 6.08rem; } /* 銆恗obile銆 index */ .mobileOnline .w12{ width: auto; } .mobileOnline .navTop-w12{ height: 4.00rem; padding: 0 0.83rem; z-index: 999; } .mobileOnline .navTop-openMain{ display: block; } .mobile-navList{ position: absolute; left:0; top: 4.00rem; right: 0; background: #222; padding: 0.83rem 0; -moz-box-shadow: 0 0.33rem 0.67rem #666; -webkit-box-shadow: 0 0.33rem 0.67rem #666; box-shadow: 0 0.33rem 0.67rem #666; display: none; } .mobile-navList a{ display: block; color: #9d9d9d; ; font-size: 1.24rem; line-height: 2.80rem; padding: 0 1.67rem; } .mobile-navList a.cur{ color:#118FD7; font-weight: bold; } .mobileOnline .navTop.open .mobile-navList{ display: block; } .mobileOnline .navTop-logo .l{ width: 3.33rem; height: 4.00rem; background-size: 3.33rem auto; } .mobileOnline .navTop-logo .l-s{ width: 15.3rem;font-size: 1rem; margin-left: 1rem;} .mobileOnline .navBox{ display: none; } .mobileOnline .navTop-info{ display: none; } .mobileOnline .bannerBox .swiper-slide{ height: 11.67rem; } .mobileOnline .bannerBox .prevBtn, .mobileOnline .bannerBox .nextBtn{display: none;} .mobileOnline .searchBox-w12{ margin-top: 0; display: block; height: auto; box-shadow: none; border-bottom: 0.1rem solid #e6e6e6; } .mobileOnline .searchBox-hot{ width: auto; height: auto; margin-top: 3.17rem; padding: 0.83rem 0.83rem 1.00rem 0.83rem; display: block; overflow: hidden; margin-left: -0.50rem; position: relative; background: transparent; background: #f1f1f1; } .mobileOnline .searchBox-hot .cap{ margin-left: 0.50rem; font-size: 1.00rem; } .mobileOnline .searchBox-hot .li{ float: left; margin-top: 0.67rem; color:#777; font-size: 1.00rem; } .mobileOnline .searchBox-input{ position: absolute; top: -3.17rem; left: 0; right: 0; padding: 0.67rem 3.83rem 0.50rem 1.08rem; font-size: 1.17rem; border-bottom: 0.1rem solid #e6e6e6; } .mobileOnline .searchBox-input input{ font-size: 1.17rem; } .mobileOnline .searchBox-btn{ position: absolute; right: 0; top: -3.17rem; height: 3.17rem; width: 3.83rem; outline: none; border:none; } .mobileOnline .eTitle{ height: 9.75rem; } .mobileOnline .eTitle-1{ background-size: auto 5.00rem; } .mobileOnline .eTitle-2{ background-size: auto 6rem; } .mobileOnline .eTitle-3{ background-size: auto 9rem; } .mobileOnline .eTitle-4{ background-size: auto 7rem; } .mobileOnline .eTitle-5{ background-size: auto 9rem; } /*.mobileOnline .appAreaBox{ margin: 0; height: auto; } .mobileOnline .appAreaBox-w12{ display: block; } .mobileOnline .appAreaBox .li{ width: auto; padding: 0.33rem 0.83rem 0.33rem 6.33rem; height: auto; border: 0; position: relative; margin-bottom: 0.67rem; } .mobileOnline .appAreaBox .li .icon{ margin: 0; position: absolute; left: 1.67rem; top: 50%; width: 3.33rem; height: 3.33rem; margin-top: -1.67rem; } .mobileOnline .appAreaBox .li .icon1::before{ background-size: 1.33rem auto; } .mobileOnline .appAreaBox .li .icon2::before{ background-size: 1.50rem auto; } .mobileOnline .appAreaBox .li .icon3::before{ background-size: 1.33rem auto; } .mobileOnline .appAreaBox .li .icon4::before{ background-size: 1.17rem auto; } .mobileOnline .appAreaBox .li .icon5::before{ background-size: 1.67rem auto; } .mobileOnline .appAreaBox .li .name{ font-size: 1.17rem; padding: 0 0 0.50rem 0; text-align: left; font-weight: normal; color:#333; } .mobileOnline .appAreaBox .li .name::after{ display: none; } .mobileOnline .appAreaBox .eng{ font-size: 1.00rem; text-align: left; padding-top: 0; } .mobileOnline .appAreaBox-w12{ overflow: hidden; padding: 0 1rem 0 1.67rem; } .mobileOnline .appAreaBox .li{ width: 50%; float: left; box-sizing: border-box; padding: 0.54rem 0 0.54rem 4.33rem; } .mobileOnline .appAreaBox .li .icon{ left: 0; }*/ .mobileOnline .appAreaBox{ margin: 0; height: auto; } .mobileOnline .appAreaBox-w12{ display: block; overflow: hidden; padding: 0 1rem; position: relative; } .mobileOnline .appAreaBox .li{ width: 33.33%; padding: 0.33rem 0; height: auto; float: left; border: 0; position: relative; margin-bottom: 0.67rem; } .mobileOnline .appAreaBox .li .icon{ margin: 0 auto; width: 3.33rem; height: 3.33rem; } .mobileOnline .appAreaBox .li .icon1::before{ background-size: 1.33rem auto; } .mobileOnline .appAreaBox .li .icon2::before{ background-size: 1.50rem auto; } .mobileOnline .appAreaBox .li .icon3::before{ background-size: 1.33rem auto; } .mobileOnline .appAreaBox .li .icon4::before{ background-size: 1.67rem auto; } .mobileOnline .appAreaBox .li .icon5::before{ background-size: 1.17rem auto; } .mobileOnline .appAreaBox .li .name{ font-size: 1.17rem; padding: 0.6rem 0; font-weight: normal; color:#333; } .mobileOnline .appAreaBox .li .name::after{ display: none; } .mobileOnline .appAreaBox .eng{ font-size: 1.00rem; padding-top: 0; } .mobileOnline .appAreaBox .li:nth-child(1){ position: absolute; left: 33.33%; top: 4rem; } .mobileOnline .appAreaBox .li:nth-child(2),.mobileOnline .appAreaBox .li:nth-child(4){ margin-right: 33.33%; } .mobileOnline .productCenterBox{ height: auto; background: #fff; } .mobileOnline .productCenterBox-tool{ padding: 0; -moz-box-shadow: 0 0.25rem 0.50rem #c1c1c1; -webkit-box-shadow: 0 0.25rem 0.50rem #c1c1c1; box-shadow: 0 0.25rem 0.50rem #c1c1c1; position: relative; z-index: 667; } .mobileOnline .productCenterBox-tool .li{ width: 20%; padding-left: 0; text-align: center; margin-left: 0; font-size: 1.00rem; height: 3.00rem; background: #f1f1f1; } .mobileOnline .productCenterBox-tool .li:not(:first-child)::before{ content: ''; width: 0.04rem; height: 1.50rem; position: absolute; left: 0; top: 50%; margin-top: -0.75rem; background: #d1d1d1; } .mobileOnline .productCenterBox-tool .li::after{ display: none; } .mobileOnline .productCenterBox-tool .li.cur{ background: #1489d8; } .mobileOnline .productCenterBox-nav{ display: none; } .mobileOnline .productCenterBox-list{ padding: 0.83rem 0.83rem 0.83rem 0; } .mobileOnline .productCenterBox-list .li{ width: 50%; box-sizing: border-box; margin-left: 0; padding-left: 0.83rem; margin-bottom: 0.83rem; height: auto; } .mobileOnline .productCenterBox-list .img{ height:10.00rem; } .mobileOnline .productCenterBox-list .name{ font-size: 1.00rem; line-height: 2.50rem; } .mobileOnline .hotSaleBox{ display: none; } .mobileOnline .chooseProfessBox{ height: auto; border-bottom: 0.1rem solid #e6e6e6; } .mobileOnline .chooseProfessBox-tool{ padding: 0; -moz-box-shadow: 0 0.25rem 0.50rem #c1c1c1; -webkit-box-shadow: 0 0.25rem 0.50rem #c1c1c1; box-shadow: 0 0.25rem 0.50rem #c1c1c1; position: relative; z-index: 667; } .mobileOnline .chooseProfessBox-tool .li{ width: 25%; margin-right: 0; font-size: 1.00rem; border-radius: 0; height: 3.00rem; line-height: 3.00rem; background: #f1f1f1; position: relative; } .mobileOnline .chooseProfessBox-tool .li:not(:first-child)::before{ content: ''; width: 0.04rem; height: 1.50rem; position: absolute; left: 0; top: 50%; margin-top: -0.75rem; background: #d1d1d1; } .mobileOnline .chooseProfessBox-tool .li::after{ display: none; } .mobileOnline .chooseProfessBox-tool .li.cur{ background: #1489d8; } .mobileOnline .chooseProfessBox-page{ background: rgba(0,0,0,0.6); margin-top: 0; height: auto; padding: 1.00rem 0.83rem; width: auto; } .mobileOnline .chooseProfessBox-page .img,.mobileOnline .chooseProfessBox-page .bg,.mobileOnline .chooseProfessBox-page .cap,.mobileOnline .chooseProfessBox-page .name{ display: none; } .mobileOnline .chooseProfessBox-page .img{display: none!important;} .mobileOnline .chooseProfessBox-page .txt{ left: auto; top: auto; position: static; width: auto; height: auto; } .mobileOnline .chooseProfessBox-page .btn{ background: url(../image/chooseProfess2.png) center center no-repeat; background-size: 12.83rem auto; position: static; display: block; left:auto; top: auto; margin: 0; margin-left: -0.83rem; padding-right: 1.67rem; width: 11.17rem; margin-top: 0.83rem; padding-left: 0; text-align: center; } .mobileOnline .aboutBox{ padding-top: 0; background-size: auto 100%; height: auto; padding-bottom: 1.00rem; border-bottom: 0.1rem solid #e6e6e6; } .mobileOnline .aboutBox-page{ background: #fff; padding: 1.17rem 1.00rem; width: auto; position: static; margin: 0 1.17rem; border-radius: 0.67rem; height: auto; } .mobileOnline .aboutBox-page .cap{ font-size: 1.50rem; line-height: 2.17rem; padding-bottom: 1.17rem; } .mobileOnline .aboutBox-page .txt{ font-size: 1.17rem; line-height: 1.83rem; width: auto; padding-top: 1.00rem; } .mobileOnline .aboutBox-w12{ display: none; } .mobileOnline .aboutPersonBox{ padding-top: 0; height: auto; } .mobileOnline .aboutPersonBox::before{ display: none; } .mobileOnline .aboutPersonBox-tool{ padding: 0; border-bottom: 0; -moz-box-shadow: 0 0.25rem 0.50rem #c1c1c1; -webkit-box-shadow: 0 0.25rem 0.50rem #c1c1c1; box-shadow: 0 0.25rem 0.50rem #c1c1c1; position: relative; z-index: 667; } .mobileOnline .aboutPersonBox-tool .tab{ flex: 1; -webkit-flex: 1; box-flex:1; -webkit-box-flex:1; } .mobileOnline .aboutPersonBox-tool .li{ width: 33.33%; margin-right: 0; font-size: 1.00rem; border-radius: 0; height: 3.00rem; line-height: 3.00rem; background: #f1f1f1; position: relative; } .mobileOnline .aboutPersonBox-tool .li:not(:first-child)::before{ content: ''; width: 0.04rem; height: 1.50rem; position: absolute; left: 0; top: 50%; margin-top: -0.75rem; background: #d1d1d1; } .mobileOnline .aboutPersonBox-tool .li::after{ display: none; } .mobileOnline .aboutPersonBox-tool .li.cur{ background: #1489d8; } .mobileOnline .aboutPersonBox-tool .more{ font-size: 1.00rem; width: 25%; text-align: center; background: #f1f1f1; display: block; line-height: 3.00rem; } .mobileOnline .aboutPersonBox-page{ display: block; overflow: hidden; padding: 0.83rem 0.83rem 0 0; } .mobileOnline .aboutPersonBox-page .li{ float: left; width: 50%; box-sizing: border-box; padding-left: 0.83rem; margin: 0; margin-bottom: 0.83rem; } .mobileOnline .aboutPersonBox-page .li.li-type1{ height: 21.2rem;} .mobileOnline .aboutPersonBox-page .li.li-type2{ height: 12.14rem;} .mobileOnline .aboutPersonBox-page .li.li-type3{ height: 10.24rem;} .mobileOnline .aboutPersonBox-page .li.li-type2 img,.mobileOnline .aboutPersonBox-page .li.li-type3 img{width: 100%;} .mobileOnline .aboutPersonBox-page .li:nth-child(n+5){ display: none; } .mobileOnline .partnersBox{ padding-top: 1.33rem; background-size: auto 100%; height: auto; /*padding-bottom: 2.00rem; */-moz-box-shadow: 0 0.25rem 0.50rem #c1c1c1; -webkit-box-shadow: 0 0.25rem 0.50rem #c1c1c1; box-shadow: 0 0.25rem 0.50rem #c1c1c1; } .mobileOnline .partnersBox-title{ padding: 0 0.83rem; } .mobileOnline .partnersBox-title .cap{ font-size: 1.25rem; } .mobileOnline .partnersBox-title .more{ font-size: 1.17rem; } .mobileOnline .partnersBox-list{ margin: 2.00rem 0.83rem 0 0.83rem; overflow-x: auto; height: 12.00rem; } .mobileOnline .partnersBox-list .move{ display: -webkit-box; display: box; display: -webkit-flex; display: flex; } .mobileOnline .partnersBox-prevBtn,.mobileOnline .partnersBox-nextBtn{ display: none; } .mobileOnline .newsBox{ padding: 0.83rem 0; } .mobileOnline .newsBox-w12{ padding-top: 0; display: block; } /*.mobileOnline .newsBox-hot{ width: auto; display: block; margin: 0; } .mobileOnline .newsBox-hot .img{ width: 100%; } .mobileOnline .newsBox-hot .title{ line-height: 2.67rem; }*/ .mobileOnline .newsBox-hot{ display: none; } .mobileOnline .newsBox-list{ margin: 1.33rem 0.83rem 0 0.83rem; width: auto; } .mobileOnline .newsBox-list .tool{ margin-bottom: 0; } .mobileOnline .newsBox-list .li{ height: 6.33rem; } .mobileOnline .newsBox-list .li .txt{ font-size: 1.00rem; line-height: 1.33rem; } .mobileOnline .newsBox-list .li2{ font-size: 1.08rem; line-height: 3.00rem; } .mobileOnline .messageBox{ height: auto; } .mobileOnline .messageBox .w12{ display: block; } /*.mobileOnline .messageBox-form{ padding: 0.83rem; background: transparent; width: auto; }*/ .mobileOnline .messageBox-form{ background: url(../image/footLogo.png) 1.2rem 1.2rem no-repeat; background-size: auto 3rem; padding: 5.2rem 0.83rem 0.83rem 0.83rem; width: auto; } .mobileOnline .messageBox-form .text textarea{ width: 100%; box-sizing: border-box; } .mobileOnline .messageBox-form .btn input{ width: 100%; } .mobileOnline .messageBox-info{ padding: 0.83rem; width: auto; } .mobileOnline .messageBox-info::after{ display: none; } .mobileOnline .messageBox-info .contact{ height: auto; margin-bottom: 0.83rem; } .mobileOnline .messageBox-info .contact .data{ overflow: hidden; } .mobileOnline .messageBox-info .contact .tool{ background-size: auto 1.42rem; height: 4.17rem; } .mobileOnline .messageBox-info .contact .phone{ background: transparent; padding-left: 0; font-size: 1.33rem; } .mobileOnline .messageBox-info .link .data{ overflow: hidden; margin-left: -0.83rem; } .mobileOnline .messageBox-info .link .li{ width: auto; margin-left: 0.83rem; } .mobileOnline .footBox{ text-align: center; line-height: 2.00rem; height: auto; padding: 0.6rem 0; } .mobileOnline .footBox em{display: block;} .mobileOnline .floatBox{ display: none; } /* 銆恗obile銆 product & productDetail */ .mobileOnline .productBannerBox{ height: 5.83rem; } .mobileOnline .sourceBox{ padding-top: 3.25rem; } .mobileOnline .sourceBox-w12{ margin-top: 0; height: auto; } .mobileOnline .sourceBox-w12 .searchBox-input,.mobileOnline .sourceBox-w12 .searchBox-btn{ top: 0; } .mobileOnline .sourceBox-source{ background: transparent; height: auto; font-size: 1.00rem; padding: 0.50rem 0.83rem 0.50rem 2.50rem; display: block; line-height: 1.67rem; } .mobileOnline .sourceBox-source::before{ left: 0.83rem; background-size: 0.83rem auto; } .mobileOnline .sourceBox-source em{ display: none; } .mobileOnline .sourceBox-source span::after,.mobileOnline .sourceBox-source a::after{ padding: 0 0.25rem; } .mobileOnline .sourceBox{ margin-bottom: 1.00rem; } .mobileOnline .twoDubt{ display: block; } .mobileOnline .twoDubt .w290,.mobileOnline .twoDubt .w900{ width: auto; } .mobileOnline .defaultTitle{ background: url(../image/titleBg.png) center top no-repeat; background-size: 100% auto; height: 3.33rem; line-height: 3.33rem; font-size: 1.17rem; padding: 0 0.83rem; } .mobileOnline .productCenterTypeBox .cap{ margin-top: 0; background: #f5f5f5; color:#333; font-weight: normal; font-size: 1.08rem; line-height: 3.00rem; height: 3.00rem; } .mobileOnline .productCenterTypeBox .cap span{ background: transparent; padding-left: 0.83rem; } .mobileOnline .productCenterTypeBox .arrow{ height: 100%;margin-right: 0.83rem; } .mobileOnline .productCenterTypeBox .cap.choose { background: #e65440; color: #fff; } /*.mobileOnline .productCenterTypeBox .cap.choose .arrow{ background: url(../image/arrow3.png) center right no-repeat; background-size: 0.50rem auto; }*/ .mobileOnline .productCenterTypeBox .ped{ border: none; padding: 0.33rem 0.83rem;height: auto;overflow: hidden; border-bottom: 0.1rem solid #e6e6e6;margin-top: -0.67rem;background: #f5f5f5; } .mobileOnline .productCenterTypeBox .pedLi{ font-size: 1.00rem; color:#888;margin: 0.50rem 0; } .mobileOnline .productCenterTypeBox .pedLi.choose{ color:#00589f; } /*.mobileOnline .defaultTitle2{ background: url(../image/titleBg.png) center top no-repeat; background-size: 100% auto; height: 3.33rem; line-height: 3.33rem; font-size: 1.17rem; padding: 0 0.83rem; margin-top: 0; }*/ .mobileOnline .productCenterTypeBox{display: -webkit-box; display: box; display: -webkit-flex; display: flex;padding-top: 0.1rem;-moz-box-shadow: 0 0.25rem 0.50rem #c1c1c1; -webkit-box-shadow: 0 0.25rem 0.50rem #c1c1c1; box-shadow: 0 0.25rem 0.50rem #c1c1c1;} .mobileOnline .productCenterTypeBox .cap{flex: 1; -webkit-flex: 1; box-flex:1; -webkit-box-flex:1;font-size: 1rem;} .mobileOnline .productCenterTypeBox .cap span{padding: 0;display: block;width:100%;text-align: center;} .mobileOnline .productCenterTypeBox .arrow{padding: 0;display: none;} .mobileOnline .productCenterTypeBox .ped{ display: none; } .mobileOnline .productCenterTypeBox .cap.choose{background: #1489d8;} .mobileOnline .defaultTitle2{ display: none; } .mobileOnline .smallContactBox{ display: none; } .mobileOnline .productCenterHotBox{ display: none; } .mobileOnline .defaultTitle3{ border: 0; height: 3.33rem; padding: 0 0.83rem; } .mobileOnline .defaultTitle3.mobileNoShaw{box-shadow: none;} .mobileOnline .defaultTitle3 .cap{ font-size: 1.17rem; border-left-width: 0.25rem; line-height: 1.17rem; padding-left: 0.50rem; } .mobileOnline .productListBox{ margin-right: 0; padding: 0.83rem 0 0 0.83rem; } .mobileOnline .productListBox .li{ width: 50%; display: block; padding: 0 0.83rem 0 0; box-sizing: border-box; margin: 0 0 0.83rem 0; border-bottom: 0; } .mobileOnline .productListBox .li .img{ width: 100%; height: 13.33rem; } .mobileOnline .productListBox .li .title{ margin: 0.67rem 0; font-size: 1.17rem; line-height: 1.17rem; } /*.mobileOnline .productListBox .li .info{ font-size: 1.00rem; line-height: 1.33rem; }*/ /*.mobileOnline .productListBox .li .img{ height: 10rem; }*/ .mobileOnline .productListBox .li .img{ width: 100%; padding-bottom: 100%; height:auto; position: relative; margin-left: 0; overflow: hidden; } .mobileOnline .productListBox .li .img img{ position: absolute; left: 50%; top: 0; height: 100%; width: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mobileOnline .productListBox .li .title{ color:#fff; text-align: center; background: #1280d2; margin: 0; padding: 0.8rem 0; font-size: 1.08rem; line-height: 1.08rem; } .mobileOnline .productListBox .li .info{ display: none; } .mobileOnline .defaultPage{ -webkit-box-pack: justify; -webkit-justify-content: space-between; box-pack: justify; justify-content: space-between; padding: 0.83rem; margin-bottom: 0; height: auto; } .mobileOnline .defaultPage .prev,.mobileOnline .defaultPage .next{ width: 2.50rem; height: 3.00rem; } .mobileOnline .defaultPage .now{ background: #fff; color:#1280d2; font-weight: bold; width: auto; padding: 0 0.50rem; line-height: 3.00rem; height: 3.00rem; } .mobileOnline .defaultPage .now, .mobileOnline .defaultPage .page, .mobileOnline .defaultPage .deo{ width: auto; padding: 0 0.50rem; line-height: 3.00rem; height: 3.00rem; } .mobileOnline .productCenterHotBox2{ display: none; } .mobileOnline .productDetailBox{ padding: 0 0.83rem; display: block; border: 0; overflow: hidden; margin-bottom: 0; } .mobileOnline .productDetailBox .slideImg{ padding: 0.83rem 0; width: auto; } .mobileOnline .productDetailBox .slideImg .bigImg{ width: 100%; padding-bottom: 100%; height:auto; position: relative; } .mobileOnline .productDetailBox .slideImg .bigImg img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .mobileOnline .productDetailBox .pedInfo{ padding: 0; } .mobileOnline .productDetailBox .pedInfo .title{ font-size: 1.33rem; line-height: 1.83rem; min-height: 1.83rem; height: auto; padding: 0.67rem 0.33rem; } .mobileOnline .productDetailBox .pedInfo .txt{ font-size: 1.08rem; line-height: 1.58rem; padding: 0.67rem 0.33rem; } .mobileOnline .productDetailBox .pedInfo .phone{ font-size: 1.08rem; height: 3.83rem; line-height: 3.83rem; border-bottom: 0; } .mobileOnline .productDetailBox .pedInfo .call{ width: auto; margin: 0 0 0.83rem 0; padding: 0; text-align: center; } .mobileOnline .productDetailBox .pedInfo .call::after{ display: none; } .mobileOnline .defaultTitle4{ border: 0; height: 3.33rem; padding: 0; } .mobileOnline .defaultTitle4 .cap{ font-size: 1.17rem; border-left-width: 0.25rem; line-height: 1.17rem; padding-left: 0.50rem; } .mobileOnline .defaultTitle4 .more{ font-size: 1.08rem; line-height: 1.08rem; } .mobileOnline .defaultTitle4 .more2{ display: block; } .mobileOnline .productDetailBox .defaultTitle4{ border-bottom: 0.1rem solid #e6e6e6; } .mobileOnline .productDetailBox .showImg { padding: 0.83rem 0; } .mobileOnline .productDetailBox .showCap{ font-size: 1.17rem; line-height: 1.67rem; } .mobileOnline .productDetailBox .showTxt { font-size: 1.08rem; line-height: 1.75rem; padding: 0.33rem 0; margin-bottom: 0; } /* 銆恗obile銆 case */ .mobileOnline .cooperationPartnerBox{ display: none; } .mobileOnline .caseListBox{ border: 0; padding: 0 0.83rem; } .mobileOnline .caseListBox .cap{ font-size: 1.25rem; line-height: 4.00rem; background-size: 2.33rem auto; padding-left: 3.00rem; } .mobileOnline .caseListBox .cap::after{ width: 2.33rem; height: 2.33rem; margin-top: -1.17rem; } .mobileOnline .caseListBox .cap1::after{ background-size: 1.17rem auto; } .mobileOnline .caseListBox .cap2::after{ background-size: 1.42rem auto; } .mobileOnline .caseListBox .cap3::after{ background-size: 1.17rem auto; } .mobileOnline .caseListBox .cap4::after{ background-size: 1.00rem auto; } .mobileOnline .caseListBox .cap5::after{ background-size: 1.33rem auto; } .mobileOnline .caseListBox .cap a.more{ display: block; } /*.mobileOnline .caseListBox .bigImg{ width: 100%; padding-bottom: 100%; height:auto; position: relative; }*/ /*.mobileOnline .caseListBox .bigImg img{ position: absol: ;ute; left: 0; top: 0; right: 0; bottom: 0; }*/ .mobileOnline .caseListBox{ margin-bottom: 0; } .mobileOnline .caseListBox .bigName{ font-size: 1.25rem; font-weight: normal; padding: 1.17rem 0; line-height: 1.25rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mobileOnline .caseListBox .smallList .li{ width: 33.33%; box-sizing: border-box; padding-right: 0.83rem; height: auto; } /*.mobileOnline .caseListBox .smallList .img{ width: 100%; padding-bottom: 100%; height:auto; position: relative; }*/ /*.mobileOnline .caseListBox .smallList .img img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; }*/ .mobileOnline .caseListBox .smallList .img{height: 6.4rem;} .mobileOnline .caseListBox .smallList .name{ font-size: 1.00rem; right: 0.83rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 1rem; } .mobileOnline .caseListBox .smallList .li.cur::after{ right:0.83rem; } /* 銆恗obile銆 about */ .mobileOnline .companyIntroduceBox,.mobileOnline .companyDevelopBox,.mobileOnline .companyHonorBox,.mobileOnline .companyPhotoBox,.mobileOnline .companyPersonBox,.mobileOnline .companyPartnerBox{ padding: 0 0.83rem; margin-bottom: 0; border: 0; overflow: hidden; } .mobileOnline .companyIntroduceBox .data{ padding: 0.83rem 0 1.67rem 9.17rem; height: auto; border: 0; background: url(../image/logo2.png) 0.83rem center no-repeat; background-size: 6.67rem auto; border-bottom: 0.1rem solid #e6e6e6; } .mobileOnline .companyIntroduceBox .data .name{ font-size: 1.33rem; line-height: 1.33rem; padding: 0.83rem 0; } .mobileOnline .companyIntroduceBox .data .info{ padding-top: 0.83rem; font-size: 1.08rem; line-height: 1.58rem; text-align: justify; padding-right: 0.33rem; } /*.mobileOnline .companyIntroduceBox .utype{ display: block; height:auto; padding: 0.83rem 0; margin: 0 -0.83rem; } .mobileOnline .companyIntroduceBox .utype .flex{ width: auto; padding: 0.33rem 0.83rem 0.33rem 6.33rem; height: auto; border: 0; position: relative; margin-bottom: 0.67rem; display: block; } .mobileOnline .companyIntroduceBox .icon{ margin: 0; position: absolute; left: 1.67rem; top: 50%; width: 3.33rem; height: 3.33rem; margin-top: -1.67rem; } .mobileOnline .companyIntroduceBox .icon1::before{ background-size: 1.33rem auto; } .mobileOnline .companyIntroduceBox .icon2::before{ background-size: 1.50rem auto; } .mobileOnline .companyIntroduceBox .icon3::before{ background-size: 1.33rem auto; } .mobileOnline .companyIntroduceBox .icon4::before{ background-size: 1.17rem auto; } .mobileOnline .companyIntroduceBox .icon5::before{ background-size: 1.67rem auto; } .mobileOnline .companyIntroduceBox .name { font-size: 1.17rem; padding: 0 0 0.50rem 0; text-align: left; font-weight: normal; color: #333; } .mobileOnline .companyIntroduceBox .eng { font-size: 1.00rem; text-align: left; padding-top: 0; }*/ .mobileOnline .companyIntroduceBox .utype{ height:auto; padding: 1.2rem 0 0 0; margin: 0 -0.83rem; } .mobileOnline .companyIntroduceBox .utype .flex{ position: relative; padding-bottom: 0.6rem;} .mobileOnline .companyIntroduceBox .icon{ margin: 0; width: 3.33rem; height: 3.33rem; } .mobileOnline .companyIntroduceBox .icon1::before{ background-size: 1.33rem auto; } .mobileOnline .companyIntroduceBox .icon2::before{ background-size: 1.50rem auto; } .mobileOnline .companyIntroduceBox .icon3::before{ background-size: 1.33rem auto; } .mobileOnline .companyIntroduceBox .icon4::before{ background-size: 1.17rem auto; } .mobileOnline .companyIntroduceBox .icon5::before{ background-size: 1.67rem auto; } .mobileOnline .companyIntroduceBox .name { font-size: 1rem; padding: 0.4rem 0 0.3rem 0; text-align: left; font-weight: normal; color: #333; } /*.mobileOnline .companyIntroduceBox .eng { font-size: 1rem; text-align: center; padding-top: 0; -webkit-transform:scale(0.6,0.6); transform:scale(0.6,0.6); width: 10rem; position: absolute; left: 50%; margin-left: -5rem; top: 5.4rem; }*/ .mobileOnline .companyIntroduceBox .eng { font-size: 1rem; text-align: left; -webkit-transform:scale(0.6,0.6); transform:scale(0.6,0.6); text-align: center;line-height: 1.4rem; margin-top: -0.4rem; } .mobileOnline .companyDevelopBox .list::before{ left: 5.33rem; } .mobileOnline .companyDevelopBox .move{ padding-right: 3.83rem; padding-left: 0; } .mobileOnline .companyDevelopBox .li::before{ left: 5.33rem; } .mobileOnline .companyDevelopBox .li .date{ font-size: 1rem; width: 5.33rem; } .mobileOnline .companyDevelopBox .li .txt{ padding: 0 0.83rem 0 1.33rem; font-size: 1.00rem; line-height: 1.50rem; } .mobileOnline .companyDevelopBox .prevBtn, .mobileOnline .companyDevelopBox .nextBtn{ right: 0; } .mobileOnline .companyHonorBox .info{ height: 5.33rem; } .mobileOnline .companyHonorBox .name{ font-size: 1.17rem; line-height: 1.17rem; } .mobileOnline .companyHonorBox .date{ font-size: 1.08rem; line-height: 1.08rem; } .mobileOnline .companyPhotoBox .li{ padding-left: 0.83rem; box-sizing: border-box; } .mobileOnline .companyPhotoBox .li .img{ width: 100%; height: 8rem; position: relative; margin-left: 0; overflow: hidden; border: 0.1rem solid #f1f1f1; box-sizing: border-box; } .mobileOnline .companyPhotoBox .li .img img{ position: absolute; left: 50%; top: 0; height: 100%; width: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mobileOnline .companyPhotoBox .li .img:hover::after{ line-height: 8rem; } .mobileOnline .companyPersonBox .cat{ margin-left: -0.83rem; } /*.mobileOnline .companyPersonBox .one .img{ height: 100%; margin-left: 0.83rem; padding-bottom: 0.83rem; } .mobileOnline .companyPersonBox .two{ padding-left: 0.83rem; box-sizing: border-box; } .mobileOnline .companyPersonBox .two .img{ width: 100%; padding-bottom: 100%; height:auto; position: relative; margin-left: 0; } .mobileOnline .companyPersonBox .two .img:first-child{ margin-bottom: 0.83rem; } .mobileOnline .companyPersonBox .two .img img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; }*/ .mobileOnline .companyPersonBox .one{ padding-bottom: 0.8rem; } .mobileOnline .companyPersonBox .one .img{ height: 14.4rem; margin-left: 0.83rem; padding-bottom: 0; position: relative; overflow: hidden; } .mobileOnline .companyPersonBox .one .img img{ position: absolute; left: 50%; top: 50%; height: 108%; width: auto; -webkit-transform: translate(-50%,-54%); transform: translate(-50%,-54%); } .mobileOnline .companyPersonBox .two .img{ height: 6.8rem; margin-left: 0.83rem; padding-bottom: 0; position: relative; overflow: hidden; margin-bottom: 0.8rem; } .mobileOnline .companyPersonBox .two .img img{ position: absolute; left: 50%; top: 50%; height: 108%; width: auto; -webkit-transform: translate(-50%,-54%); transform: translate(-50%,-54%); } .mobileOnline .companyPartnerBox .li .img{height: 3.2rem; overflow: hidden;} .mobileOnline .companyPartnerBox .li .img img{height: 101%;width: auto;} /* 銆恗obile銆 news & newsDetail & newsHealthDetail */ .mobileOnline .dynamicBox,.mobileOnline .newsListBox,.mobileOnline .newsDetailBox,.mobileOnline .newsOtherBox{ padding: 0 0.83rem; margin-bottom: 0; border: 0; overflow: hidden; } .mobileOnline .dynamicBox .li{ padding-bottom: 3.00rem; } .mobileOnline .dynamicBox .li .img{ height: 16.67rem; margin-bottom: 0.83rem; } .mobileOnline .dynamicBox .li .name{ font-size: 1.17rem; width: auto; font-size: 1.17rem; color:#333; margin-bottom: 0.50rem; } .mobileOnline .dynamicBox .li .info{ font-size: 1.00rem; width: auto; line-height: 1.67rem; color:#a1a1a1; } .mobileOnline .dynamicBox .li .date{ display: none; } .mobileOnline .dynamicBox .swiper-pagination{ bottom: 1.17rem; top: auto; left: 0; } .mobileOnline .newsListBox .list{ margin-top: 0; } .mobileOnline .newsListBox .li{ height: 7.50rem; } .mobileOnline .newsListBox .li .img{ width: 10rem; height: 5.50rem; } .mobileOnline .newsListBox .li .info{ padding-left: 0.83rem; overflow: hidden; } .mobileOnline .newsListBox .li .title{ font-size: 1.08rem; line-height: 1.08rem; padding-top: 0; padding-right: 0.83rem; } .mobileOnline .newsListBox .li .date{ font-size: 1.00rem; white-space:nowrap; line-height: 1.00rem; } .mobileOnline .newsListBox .li .txt{ font-size: 1.00rem; line-height: 1.50rem; height: 3.00rem; margin: 0.83rem 0 0 0; } .mobileOnline .newsListBox .li .btn{ display: none; } .mobileOnline .newsDetailBox .title{ padding: 1.00rem 0 0.67rem 0; font-size: 1.25rem; line-height: 1.92rem; text-align: left; } .mobileOnline .newsDetailBox .date{ padding-bottom: 0; font-size: 1.08rem; text-align: left; } .mobileOnline .newsDetailBox .date::after{ display: none; } .mobileOnline .newsDetailBox .content{ font-size: 1.08rem; line-height: 1.75rem; } .mobileOnline .newsDetailBox .content img{ margin: 0.83rem 0; } .mobileOnline .newsDetailBox .tool{ height: auto; display: block; padding: 0.17rem 0; } .mobileOnline .newsDetailBox .tool a{ display: block; margin: 0.50rem 0; font-size: 1.08rem; line-height: 1.25rem; } .mobileOnline .newsOtherBox{ margin-top: 0; } .mobileOnline .newsOtherBox .li{margin-bottom: 0.4rem;} /*.mobileOnline .newsOtherBox .img{ width: 100%; padding-bottom: 100%; height:auto; position: relative; margin-left: 0; } .mobileOnline .newsOtherBox .img img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; }*/ .mobileOnline .newsOtherBox .img{ height: 6rem; position: relative; overflow: hidden; } .mobileOnline .newsOtherBox .img img{ position: absolute; left: 50%; top: -1%; height: 102%; width: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mobileOnline .newsOtherBox .title{ font-size: 1.08rem; line-height: 1.08rem; padding-top: 0.67rem; } .mobileOnline .newsOtherBox .txt{ font-size: 1.00rem; line-height: 1.33rem; height: 2.67rem; margin: 0.50rem 0; } .mobileOnline .newsOtherBox .btn{ display: none; } /* 銆恗obile銆 technology */ .mobileOnline .technologyBox{ padding: 0 0.83rem; margin-bottom: 0; border: 0; overflow: hidden; } .technologyBox .img{width: auto;height: auto;} .technologyBox .txt{font-size: 1.08rem;line-height: 1.75rem;padding: 0.83rem 0.42rem;} /* 銆恗obile銆 contact */ .mobileOnline .welcomeBox{ margin-top: 0; padding: 0.83rem; } .mobileOnline .welcomeBox-w12{ background: transparent; height: auto; } .mobileOnline .welcomeBox-w12 .data{ padding-left: 0; } .mobileOnline .welcomeBox-w12 .title{ font-size: 1.25rem; line-height: 1.25rem; padding: 0; } .mobileOnline .welcomeBox-w12 .title::after{ display: none; } .mobileOnline .welcomeBox-w12 .txt{ font-size: 1.08rem; line-height: 1.58rem; padding: 0.83rem 0; } .mobileOnline .welcomeBox-w12 .btn{ margin: 0.83rem auto 0.83rem auto; display: block; width: 14.6rem; } .mobileOnline .contactDetailBox{ padding-top: 0; } .mobileOnline .contactDetailBox .w12{ display: block; } .mobileOnline .contactDetailBox .data{ width: auto; margin: 0; } .mobileOnline .contactDetailBox .cap{ font-size: 1.17rem; line-height: 3.33rem; height: 3.33rem; padding-left: 0.83rem; font-weight: bold; } .mobileOnline .contactDetailBox .info{ font-size: 1.08rem; line-height: 1.58rem; min-height: 2.83rem; height: auto; border: 0; border-bottom: 0.1rem solid #e6e6e6; padding: 0.67rem 0.83rem 0.67rem 3.83rem; } .mobileOnline .contactDetailBox .info1{ font-weight: bold; color:#e95442; background: url(../image/contact-u1.png) 0.67rem center no-repeat; background-size: 2.67rem auto; } .mobileOnline .contactDetailBox .info2{ background: url(../image/contact-u2.png) 0.67rem center no-repeat; background-size: 2.67rem auto; } .mobileOnline .contactDetailBox .info3{ background: url(../image/contact-u3.png) 0.67rem center no-repeat; background-size: 2.67rem auto; } .mobileOnline .contactDetailBox .info4{ background: url(../image/contact-u4.png) 0.67rem center no-repeat; background-size: 2.67rem auto; } .mobileOnline .contactDetailBox .info5{ background: url(../image/contact-u5.png) 0.67rem center no-repeat; background-size: 2.67rem auto; } .mobileOnline .contactDetailBox .map{ border-top: 0.83rem solid #e6e6e6; border-bottom: 0.83rem solid #e6e6e6; height: 25.00rem; } .mobileOnline .contactWechatBox{ padding: 0 0.83rem; text-align: center; } .mobileOnline .contactWechatBox .code{ display: inline-block; padding: 0; overflow: hidden; } .mobileOnline .contactWechatBox .codeImg{ float: left; height: auto; padding-bottom: 2.50rem; } .mobileOnline .contactWechatBox .codeImg[type]{ width: auto; } .mobileOnline .contactWechatBox .codeImg .img{ width: 5.00rem; height: 5.00rem; white-space: nowrap; } .mobileOnline .contactWechatBox .codeImg .img::after{ top: 6.17rem; font-size: 0.92rem; color:#888; line-height: 0.92rem; margin-bottom: 1.67rem; } .mobileOnline .contactWechatBox .codeImg:not(:first-child){ border-left: 0; margin-left: 1.00rem; } .mobileOnline .contactWechatBox .codeImg .img:not(:first-child){ margin-left: 1.00rem; } .mobileOnline .contactNewsBox{ padding: 0 0.83rem; } .mobileOnline .contactNewsBox .newsOtherBox{ padding: 0; } .mobileOnline .contactNewsBox .newsOtherBox .li{ width: 33.33%; } .mobileOnline .contactNewsBox .newsOtherBox .li:nth-child(n+4){ display: none; } .mobileOnline .caseWebBody .productCenterTypeBox{ display: none; } .mobileOnline .productWebBody .defaultTitle3{ display: none; } .mobileOnline .aboutWebBody .productCenterTypeBox{ display: none; } /*.mobileOnline .newsWebBody .productCenterTypeBox{ display: none; }*/ .mobileOnline .technologyWebBody .productCenterTypeBox{ display: none; } .mobileFloatBox{ position: fixed; left: 0; bottom: 0; right: 0; z-index: 1013; height: 3.6rem; background: #fff; font-size: 1.13rem; line-height: 3.6rem; text-align: center; color:#666; -moz-box-shadow: 0 0 0.8rem #c1c1c1; -webkit-box-shadow: 0 0 0.8rem #c1c1c1; box-shadow: 0 0 0.8rem #c1c1c1; display: none; } .mobileFloatBox .li{ position: relative; width: 33.33%; } .mobileFloatBox .li:not(:first-child)::after{ content: ''; width: 0.1rem; background: #dcdddd; top: 1rem; bottom: 1rem; left: 0; position: absolute; } .mobileFloatBox .li span{ display: inline-block; } .mobileFloatBox .li.onlineCall span{ padding-left: 2.3rem; background: url(../image/mobileFloat-1.png) left center no-repeat; background-size: 1.6rem auto; } .mobileFloatBox .li.phoneCall span{ padding-left: 2.3rem; background: url(../image/mobileFloat-2.png) left center no-repeat; background-size: 1.4rem auto; } .mobileFloatBox .li.returnTop span{ padding-left: 2.3rem; background: url(../image/mobileFloat-3.png) left center no-repeat; background-size: 1.8rem auto; } /*.mobileOnline .mobileFloatBox{ display: block; }*/ /*.mobileOnline .webBody{ padding-bottom: 3.6rem; }*/ .mobileFloatCallBox{ width: 6.3rem; font-size: 1.1rem; color:#fff; background: url(../image/mobileFloat-4.png) center center no-repeat; background-size: 6.6rem auto; height: 4.6rem; line-height: 4.3rem; text-align: center; position: fixed; right: 1rem; top: 12.6rem; z-index: 8888; padding-right: 0.3rem; display: none; overflow: hidden; } .mobileOnline .mobileFloatCallBox{ display: block; } .mobileFloatCallBox.hasRedIcon::after{ content: ''; position: absolute; width: 0.4rem; height: 0.4rem; background: #f80308; border-radius: 50%; top: 1.3rem; right: 0.8rem; } .mobileFloatMainBox{ position: fixed; left: 0; bottom: 0; right: 0; z-index: 1013; height: 4.8rem; background: #fff; -moz-box-shadow: 0 0 0.8rem #999; -webkit-box-shadow: 0 0 0.8rem #999; box-shadow: 0 0 0.8rem #999; display: none; } .mobileFloatMainBox .mode{ } .mobileFloatMainBox .mode .up{ width: 20%; } .mobileFloatMainBox .mode .ut{ font-size: 0.9rem; line-height: 1rem; text-align: center; color:#333; padding: 3.2rem 0 0.6rem 0; display: block; position: relative; } .mobileFloatMainBox .mode .ut::before{ content:''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .mobileFloatMainBox .mode .ut3{ background: #fafafa; border: 0.1rem solid #dcdddd; border-radius: 50%; width: 4.8rem; margin: -2rem auto 0 auto; padding: 3rem 0 0.8rem 0; } .mobileFloatMainBox .mode .ut1::before{ background: url(../image/mobileFloat-u1.png) center 0.6rem no-repeat; background-size: 2rem auto; } .mobileFloatMainBox .mode .ut2::before{ background: url(../image/mobileFloat-u2.png) center 0.6rem no-repeat; background-size: 2rem auto; } .mobileFloatMainBox .mode .ut3::before{ background: url(../image/mobileFloat-u3.png) center 0.9rem no-repeat; background-size: 1.5rem auto; } .mobileFloatMainBox .mode .ut4::before{ background: url(../image/mobileFloat-u4.png) center 0.6rem no-repeat; background-size: 2rem auto; } .mobileFloatMainBox .mode .ut5::before{ background: url(../image/mobileFloat-u5.png) center 0.5rem no-repeat; background-size: 1.8rem auto; } /*.mobileFloatMainBox .mode .nowUp .ut{ background: #fafafa; border: 0.1rem solid #dcdddd; border-radius: 50%; width: 4.8rem; margin: -2rem auto 0 auto; padding: 3rem 0 0.8rem 0; }*/ .mobileFloatMainBox .mode .nowUp .ut1::before{ background: url(../image/mobileFloat-u1-h.png) center 0.6rem no-repeat; background-size: 2rem auto; } .mobileFloatMainBox .mode .nowUp .ut2::before{ background: url(../image/mobileFloat-u2-h.png) center 0.6rem no-repeat; background-size: 2rem auto; } .mobileFloatMainBox .mode .nowUp .ut3::before{ background: url(../image/mobileFloat-u3-h.png) center 0.9rem no-repeat; background-size: 1.5rem auto; } .mobileFloatMainBox .mode .nowUp .ut4::before{ background: url(../image/mobileFloat-u4-h.png) center 0.6rem no-repeat; background-size: 2rem auto; } .mobileFloatMainBox .mode .nowUp .ut5::before{ background: url(../image/mobileFloat-u5-h.png) center 0.5rem no-repeat; background-size: 1.8rem auto; } .mobileFloatMainBox .mode .ut5::after{ content: ''; width: 0; height: 0; border: 0.6rem solid transparent; border-top-color: rgba(51, 51, 51, 0.8); top: -0.4rem; left: 50%; margin-left: -0.6rem; position: absolute; z-index: 888; display: none; } .mobileFloatMainBox .ket{ display: block; position: absolute; bottom: 5.2rem; right: 0.4rem; background: rgba(51, 51, 51, 0.9); padding: 0.83rem 0; -moz-box-shadow: -0.2rem 0.3rem 0.6rem #666; -webkit-box-shadow: -0.2rem 0.3rem 0.6rem #666; box-shadow: -0.2rem 0.3rem 0.6rem #666; border-radius: 0.4rem; display: none; } .mobileFloatMainBox .ket a{ display: block; color: #e1e1e1; ; font-size: 1.2rem; line-height: 2.80rem; padding: 0 1.67rem; } .mobileFloatMainBox .ket a.now{ color: #1f9ee6; font-weight: bold; } .mobileFloatMainBox.open .ket{ display: block; } .mobileFloatMainBox.open .mode .ut5::after{ display: block; } .mobileOnline .mobileFloatMainBox{ display: block; } .mobileOnline .webBody{ padding-bottom: 4.8rem; } .mobileOnline .navTop-language{ display: block; } /* map */ .mapBox{ } .mapBox .mapLi{ -moz-box-shadow: 0 0.3rem 1rem #c1c1c1; -webkit-box-shadow: 0 0.3rem 1rem #c1c1c1; box-shadow: 0 0.3rem 1rem #c1c1c1; margin-bottom: 1.8rem; } .mapBox .defaultTitle4{ height: 4.6rem; margin: 0 2rem; } .mapBox .defaultTitle4.gray .cap{ color:#656565; border-color:#b0b0b0; } .mapBox .list{ overflow: hidden; padding: 0.4rem 4rem 0.6rem 0; } .mapBox a.li{ font-size: 1.3rem; color:#969696; line-height: 2.9rem; float: left; margin-left: 3.2rem; margin-bottom: 0.8rem; border-radius: 0.2rem; padding: 0 0.6rem; } .mapBox a.li:hover{ background: #158ad9; color:#fff; } /* 銆恗obile銆 contact */ .mobileOnline .mapBox{ margin-top: 0; padding: 0.6rem 1.2rem; } .mobileOnline .mapBox .defaultTitle4{ height: 3.8rem; margin: 0 1.2rem; } .mobileOnline .mapBox .list{ padding: 0.2rem 2rem 0.2rem 0; } .mobileOnline .mapBox a.li{ margin-left: 1.2rem; margin-bottom: 1rem; line-height: 1.7rem; } /* video */ video::-internal-media-controls-download-button { display:none;} video::-webkit-media-controls-enclosure { overflow:hidden;} video::-webkit-media-controls-panel {width: calc(100% + 30px);}