锘緻charset "utf-8"; @media screen and (min-width:1900px) { .pc { display: block; } .phone { display: none; } .head1 { padding: 20px 2.4% 0px; overflow: hidden; background: #fff; } .head1a { float: left; width: 40%; } .fffds .head1a { float: left; width: 24%; } .head1a img { height: 51px; } .head1b { float: left; margin-top: 10px; } .head1b1 img { margin-left: 10px; } .head1b1 { float: left; } .head1b2 { margin-left: 20px; float: left; } .mb10 tr td, .mb10 tr th { padding: 5px; font-size: 12px; } .head1c { float: right; margin-top: 10px; margin-right: 18px; } .head1c1 { float: left; } .head1c1 .qa1 { display: block; float: left; width: 28px; height: 28px; background: url(../images/ico_1.png) no-repeat; } .head1c1 .qa2 { display: block; float: left; width: 28px; height: 28px; background: url(../images/ico_2.png) no-repeat; margin-left: 2px; } .head1c2 { float: left; border: 2px solid #c6c6c6; line-height: 26px; } .head1c2a { float: left; } .head1c2a input { display: block; background: url(../images/ico_s.png) no-repeat center center; width: 24px; height: 24px; border: 0px; } .head1c2b { float: left; } .head1c2b input { display: block; height: 24px; border: 0px; width: 107px; font-size: 14px; } .head1d { float: right; margin-top: 8px; } .head1d img { width: 123px; margin-top: 6px; } .head2 { width: 100%; height: 60px; background: #fff; } .head2 ul { text-align: center; position: relative; } .head2 ul li { display: inline-block; margin: 0px 30px; } .head2 ul li h2 { margin: 0px; line-height: 60px; border: 0px; } .head2 ul li h2 a { font-size: 16px; color: #000; cursor: pointer; } .nav00 { position: relative; } .nav00:hover .nav2 { display: block; } .nav2 { position: absolute; top: 60px; left: -20px; z-index: 1000; display: none; } .nav1 { width: 100%; background: #fff; display: none; overflow: hidden; } .nav1 dl { margin: 0px; } .nav1 dl dt { width: 16%; float: left; margin: 2%; } .nav1 dl dt span img { width: 100%; } .nav1 dl dt p { text-align: left; padding-left: 1%; } .nav1 dl dt p a { line-height: 67px; font-size: 20px; color: #000; } .wrapper .nav1 dl dt p a { line-height: 67px; font-size: 14px; color: #000; } .head2 ul li:hover .nav1 { transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -o-transform: rotateX(0deg); opacity: 1; } .head2 ul li:hover .nav2 { transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -o-transform: rotateX(0deg); opacity: 1; } .nav2 dl dd { margin: 2%; text-align: left; width: 170px; } .nav2 dl { padding: 0%; background: #fff; overflow: hidden; } .nav2 dl dd a { line-height: 26px; font-size: 15px; color: #000; padding: 0px 20px; } .swiper-container9 { width: 100%; overflow: hidden; background: #000; } .swiper-container9 .ban10 { width: 100%; margin: 0 auto; overflow: hidden; padding: 6% 5%; } .swiper-container9 .ban11 { float: left; text-align: center; width: 50%; } .swiper-container9 .ban11a { margin-top: 20%; } .swiper-container9 .ban11b { margin-top: 3%; } .swiper-container9 .ban11c { margin-top: 3%; } .swiper-container9 .ban12 { float: right; width: 50%; } .swiper-container9 .ban12 img { text-align: right; max-width: 90%; } .swiper-pagination9 { background: #000000; padding: 10px 0px; text-align: center; } .swiper-container9 .swiper-pagination-bullet { width: 15px; height: 15px; border-radius: 100%; background: #4F5050; opacity: 1; cursor: pointer; } .swiper-container9 .swiper-pagination-bullet-active { width: 80px; height: 15px; border-radius: 10px; background: #7B7C7C; } .adv0 h2 { margin: 0px; } .adv0 a { text-decoration: none; } .adv0 { width: 100%; background: #262626; overflow: hidden; } .adva { width: 40%; float: right; } .advb { width: 60%; float: left; } .adva1 { width: 100%; position: relative; } .adva2 { width: 100%; overflow: hidden; } .adva21 { float: left; width: 50%; position: relative; } .adva22 { float: right; width: 50%; position: relative; } .advb1 { width: 100%; overflow: hidden; } .advb11 { width: 33.33%; float: left; position: relative; } .advb12 { width: 66.66%; float: left; position: relative; } .advb12 .sizer { padding-top: 50%; } .advb2 .sizer { padding-top: 66.66%; } .advb2 { width: 100%; position: relative; } .aa1 a { width: 100%; height: 100%; display: block; position: relative; background-size: cover; background-position: center center; } .aa11 { position: absolute; bottom: 20px; left: 20px; width: 35%; } .aa12 { position: absolute; bottom: 20px; right: 20px; width: 15%; } .aa11 img { width: 100%; } .aa12 img { width: 100%; } .aa2 a { width: 100%; height: 100%; display: block; position: relative; background-size: 90%; background-position: 50% 97%; background-repeat: no-repeat; } #adva21 .aa2 a { background-position: 50% 96%; } .aa21 { position: absolute; top: 20px; left: 20px; } .aa21 h2 { font-size: 26px; color: #fff; } .aa21 p { font-size: 15px; color: #fff; line-height: 250%; } .aa22 { position: absolute; bottom: 10px; left: 20px; } .aa22 p { font-size: 32px; color: #fff; } .aa3 a { width: 100%; height: 100%; display: block; position: relative; background-size: cover; background-position: center center; } .aa31 { padding: 0px 5%; } .aa31 h2 { font-size: 16px; color: #fff; text-align: center; line-height: 250%; } .aa31 p { font-size: 13px; color: #fff; line-height: 160%; text-align: center; } .aa32 { text-align: center; padding: 30% 0px 10%; } .aa4 a { width: 100%; height: 100%; display: block; position: relative; background-size: cover; background-position: center center; } .aa41 { position: absolute; bottom: 10px; right: 0px; } .aa42 { text-align: right; padding-right: 10px; } .aa41 p { background: #D60D03; color: #fff; font-size: 18px; padding: 2px 5px; margin-top: 5px; } .aa5 .af1 { width: 100%; height: 100%; display: block; position: relative; background-size: cover; background-position: center center; } .aa51 { position: absolute; bottom: 10px; left: 0px; } .aa52 { text-align: left; padding-left: 10px; } .aa51 p { background: #D60D03; color: #fff; font-size: 18px; padding: 2px 5px; margin-top: 5px; } .aa551 p a { color: #fff; } .aa551 { position: absolute; right: 10%; top: 10%; text-align: right; } .aa551 h2 { font-size: 50px; color: #fff; line-height: 160%; } .aa551 p { font-size: 33px; color: #fff; line-height: 160%; } .aa441 { position: absolute; bottom: 10px; left: 0px; } .aa442 { text-align: left; padding-left: 10px; } .aa441 p { background: #D60D03; color: #fff; font-size: 19px; padding: 4px 10px; margin-top: 5px; } .aa332 { position: absolute; bottom: 5%; left: 10px; width: 40%; } .aa331 { position: absolute; bottom: 10%; right: 10px; width: 45%; } .aa331 img { width: 100%; } .aa332 img { width: 100%; } .aa111 { position: absolute; top: 10%; left: 5%; } .aa112 { text-align: left; padding-left: 10px; } .aa111 p { color: #fff; font-size: 30px; padding: 4px 10px; margin-top: 5px; } .aa553 { background: url(../images/vv11.png) no-repeat center center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .aa66 { padding-top: 10%; } .aa66 h2 { font-size: 30px; color: #fff; text-align: center; line-height: 200%; } .aa66 p { font-size: 20px; color: #fff; line-height: 160%; text-align: center; } .aa771 { position: absolute; bottom: 10%; left: 5%; } .aa772 { text-align: left; padding-left: 10px; } .aa771 p { color: #000; font-size: 30px; padding: 4px 10px; margin-top: 5px; } .footer-two { background: #fff; border-top: 2px solid #E3E3E3; } .footer-twoRightList { border-right: 1px solid #000; } .footList h3 a, .footList ul li a { color: #000; } .foot1 { overflow: hidden; padding: 40px 0px 33px; } .foot11a { float: left; } .foot11a img, .foot11b img, .foot11c img { width: 50px; } .foot11b { float: left; margin-left: 18px; } .foot11b p { font-size: 14px; margin: 8px 0px 0px; line-height: 130%; } .foot11c { float: left; } .foot11c p { display: inline-block; background: #959595; border-radius: 10px; font-size: 12px; padding: 1px 5px; font-weight: 700; margin: 35% 0px 0px 10px; } .foot11c p a { color: #fff; } .foot11 { float: left; margin-left: 30px; } .foot12 { float: left; margin-left: 30px; } .foot13 { float: left; margin-left: 30px; } .foot2 ul { overflow: hidden; padding: 0px 30px 10px; border-bottom: 3px solid #E4E4E4; margin: 0px; } .foot2 ul li { float: left; font-size: 18px; border-left: 1px solid #000; line-height: 20px; margin-bottom: 20px; } .foot2 ul li a { color: #000; padding: 0px 18px; } .foot2 ul li.foot21 { border-left: 0px solid #000; } .foot2 ul li.foot21 a { padding-left: 0px; } .foot312 p { font-size: 12px; margin: 0px; line-height: 160%; } .foot312 { padding: 0px 30px 20px; } .foot311 { position: absolute; right: 20px; z-index: 11; } .foot31 { position: relative; padding: 20px 0px 0px; } .foot311 ul { margin: 0px; } .foot311 ul li { float: left; font-size: 12px; border-left: 1px solid #000; line-height: 20px; margin-bottom: 20px; } .foot311 ul li a { color: #000; padding: 0px 6px; } .foot311 ul li.foot21 { border-left: 0px solid #000; } .foot311 ul li.foot21 a { padding-left: 0px; } .foot3 { position: relative; } .foot33 { position: absolute; right: 0px; bottom: 0px; z-index: 10; } .foot33 img { width: 80px; } .head5 { background: #000; height: 60px; padding: 0px 30px; } .head51 { float: left; margin: 16px 0px 0px; } .head52 { float: right; margin: 12px 0px 0px; } .head53 { float: right; margin: 11px 35px 0px; } .cai0 { position: fixed; background: #000; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000; padding: 10% 8%; display: none; } .cai1 { overflow: hidden; } .cai1a { float: left; } .cai1b { float: right; margin-right: 30px; } .cai2 { overflow: hidden; margin-top: 30px; } .cai2 ul li { line-height: 90px; overflow: hidden; border-bottom: 2px solid #6f6f6f; } .cai2 ul li span { display: block; float: left; } .cai2 ul li span img { margin-top: 50%; } .cai2 ul li h2 { display: block; float: left; color: #fff; line-height: 90px; margin-left: 30px; font-size: 26px; } .cai3 { overflow: hidden; border-bottom: 2px solid #fff; } .cai31 { display: block; float: left; line-height: 90px; border: 0px; background: url(../images/xx11.png) no-repeat center center; width: 90px; } .cai32 { display: block; float: left; line-height: 90px; border: 0px; width: 80%; font-size: 26px; background: none; color: #fff; } .kai0 { position: fixed; background: #E5E5E5; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000; padding: 10% 8%; display: none; } .kai1 h2 { font-size: 50px; color: #000; } .kai2 { margin-top: 50px; } .kai2 ul li { line-height: 90px; overflow: hidden; border-bottom: 2px solid #8c8c8c; } .kai2 ul li a { font-size: 26px; color: #000; } .kai3 { position: fixed; z-index: 1001; width: 84%; left: 8%; bottom: 10%; } .kai31 { display: block; width: 33%; line-height: 85px; text-align: center; background: #6F6F6F; color: #fff; font-size: 34px; float: left; } .kai32 { display: block; width: 65%; line-height: 85px; text-align: center; background: #B93D3F; color: #E5E5E5; font-size: 34px; float: right; } .swiper-container91 { width: 100%; overflow: hidden; position: relative; } .swiper-container91 .ban1 { width: 100%; } .swiper-container91 .ban1 img { width: 100%; } .swiper-pagination91 { text-align: center; position: absolute; left: 0px; bottom: 10px; width: 100%; z-index: 600; } .swiper-container91 .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 100%; background: #B2B2B2; opacity: 1; cursor: pointer; } .swiper-container91 .swiper-pagination-bullet-active { width: 78px; height: 12px; border-radius: 10px; background: #7F7F7F; } .location { width: 100%; height: 46px; background: url(../images/crumbs.png) no-repeat; position: relative; } .location span { line-height: 46px; font-size: 1.5rem; font-weight: 600; } .location-one { padding: 0px 56px; color: #FFF; } .location-two { padding: 0px 15px; color: #616161; } .location span.location-three { padding: 0px 17px; color: #494747; } .location-four { padding: 0px 20px; color: #ba3d40; } .location-five { color: #BA3D40; cursor: pointer; } .location-six { position: absolute; width: 80%; margin-left: 10%; height: auto; display: none; } .location-six div { width: calc(98% - 50px); height: 30px; list-style: none; float: left; margin: 0px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .location-six div span { float: left; margin: 0px 20px; line-height: 30px; font-weight: 500; } .location-six-more { width: 50px; position: absolute; right: 0px; bottom: 0px; line-height: 30px; font-size: 14px; } .location-seven { float: right; margin-right: 5%; } .location-seven-ul { list-style: none; } .location-seven-li { float: left; font-size: 16px; margin: 13px 0px; padding: 0px 10px; border-right: 1px solid #494747; } .location-seven-li:last-child { border-right: none; } .CarouselBox { width: 100%; height: auto; } #tikj { clear: both; } .carousel { width: 100%; height: auto; } .carousel-inner { width: 100%; height: 100%; } .carousel-inner img { width: 100%; } .carousel-inner .active { width: 100%; height: 100%; } .listTopTabs { width: 90%; margin-left: 5%; } .listTopTabs>ul { width: 100%; margin-top: 62px; } .listTopTabs>ul>li { height: 50px; width: 33.4% !important; text-align: center; background: #fff; margin-left: 5px; } .listTopTabs>ul>li>a { color: #494747 !important; height: 100%; line-height: 50px; padding: 0px; font-size: 19px; letter-spacing: 5px; white-space: nowrap; overflow: hidden; font-size: 19px !important; text-overflow: ellipsis; background: #fff; } .listTopTabs>ul>li:first-child { width: 33.2% !important; margin-left: 0%; } .listTopTabs>ul>.active { height: 66px; margin-top: -16px; } .listTopTabs>ul>.active>a { height: 100%; background: #ba3d40; color: #fff !important; font-size: 24px; line-height: 66px; border: none; } .listTopTabs>ul>.active>a:hover { background: #ba3d40 !important; color: #fff !important; font-size: 24px; border: none; } .listTopTabs>ul li a:hover { background: #ba3d40 !important; color: #fff !important; font-size: 24px; border: none; } .selected { width: 100%; height: 40px; background: #494748; letter-spacing: 1px; color: #fff; font-size: 16px; line-height: 40px; } .selected>div { float: left; } .selected>div>span { font-size: 12px; padding-left: 12px; } .selected .choose { width: 5%; margin-left: 5%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .selected .selected-one { width: 15%; text-align: center; position: relative; cursor: pointer; z-index: 99; white-space: nowrap; text-overflow: ellipsis; } .selected .selected-one:hover span { color: #ba3d40; } .selectedBox { position: absolute; padding: 0px 20%; height: auto; background: #626061; text-align: left; display: none; z-index: 1000; } .selectBoxLine { width: 80%; height: 3px; background: #ba3d40; } .selectedBox-ul { padding-left: 10%; list-style: none; } .selectedBox-li:hover { color: #ba3d40; } .compositor { width: 100%; height: 50px; background: #fff; line-height: 50px; font-size: 18px; color: #000; } .compositor>div { float: left; cursor: pointer; } .compositor-name { color: #ba3d40; margin-left: 5%; margin-right: 2%; } .compositor-way { margin-left: 2%; cursor: pointer; } .compositor-icon { margin-left: 3%; } .compositor-ContactUs { float: right !important; margin-right: 5%; } .compositor-ContactUs-icon { width: 28px; height: 28px; margin-top: 11px; background: #212121; border-radius: 14px; color: #fff; text-align: center; line-height: 28px; float: left; } .compositor-ContactUs>span { float: left; margin-left: 2px; } .listTopTabs .tab-content { width: 100%; height: auto; background: #fff; float: left; } .listBox { width: 90%; margin-left: 5%; height: auto; float: left; padding: 30px 0px 70px 0px; } .listUl { width: 100%; overflow: hidden; } .listLi { float: left; width: 28%; height: auto !important; background: #f2f2f2; margin-left: 4%; position: relative; } .listLiTop { height: 250px; display: table; width: 100%; background: #fff; border: 1px solid #e2e2e2; text-align: center; vertical-align: middle; line-height: 250px; } .listLiTop img { max-width: 100%; margin: 0 auto; max-height: 240px; } .listLiTop .dffd3 img { max-width: 180px; margin: 0 auto; max-height: 240px; } .listLiBottom { width: 100%; height: 173px; background: #fff; letter-spacing: 2px; } .listLiBottom .listLi-name { width: 100%; font-size: 19px; padding: 10px 0px; line-height: 35px; margin-left: 0px; margin: 0px; height: 74px; color: #333; } .listLiBottom>div { width: 100%; margin-top: 10px; } .listLi-price { float: left; font-size: 21px; line-height: 30px; } .listLi-price span { font-size: 12px; line-height: 30px; color: #B93D3F; margin-left: 5px; } .listLi-contrast { float: right; font-size: 13px; line-height: 30px; } .listLi-contrast>div { width: 12px; height: 12px; margin-top: 9px; border: 2px solid #837f80; margin-right: 5px; float: left; cursor: pointer; } .listPage { width: 100%; height: auto; float: left; } .listPageOne { width: 40px; height: 40px; float: left; background: #ba3d40; margin-left: calc(50% - 20px); line-height: 40px; font-size: 16px; text-align: center; color: #fff; } .recommend { background: rgba(255, 255, 255, 0) !important; } #juHe #swiper-two .listLiTxtLink { margin-left: 44px; margin-top: 10px; font-size: 12px; color: #B93D3F; } #juHe #swiper-two .swiper-slide img { float: none; margin-top: 0px; margin-left: 35%; } #swiper-three { width: 100%; height: auto; float: left; z-index: 700; } #swiper-three .swiper-wrapper { width: 100%; height: auto; } #swiper-three .swiper-wrapper .swiper-slide { width: 11.11%; } .fixed { position: fixed !important; left: 0px; bottom: 0px; width: 100%; z-index: 999; } .jihe1 { border: 1px solid #000; height: 30px; line-height: 30px; margin-right: 10px; font-size: 14px; text-indent: 10px; display: none; } .gg1 { cursor: pointer; } .compositor-ContactUs a span { color: #000; margin-left: 10px; } .listBox0 { overflow: hidden; background: #fff; margin-bottom: 20px; width: 100%; } .gds { background: #ba3d40; } .adva22.aaa4 { float: left; } #juHe .selected .choose { width: 9%; font-size: 15px; } #juHe .selected .selected-one { width: 14%; font-size: 15px; } #juHe .listTopTabs>ul>li>a { font-size: 15px; } #juHe .listTopTabs>ul>.active>a:hover { font-size: 16px; } #juHe .listPage { margin: 50px 0px; } .Pagesize { overflow: hidden; text-align: center; margin: 50px 0px; height: 40px; } .Pagesize ul li { display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 0px 10px; } .Pagesize ul li a { display: block; background: #F1F1F1; color: #555; font-size: 20px; } .Pagesize ul li a:hover, .Pagesize ul li a.hover { background: #B93D3F; color: #fff; text-decoration: none; cursor: pointer; } .foot312 p a { color: #333; } .swiper-slide .listLiTxt { height: auto; border-left: 2px solid #616161; padding-left: 12px; margin: 0px 30px 0px 0px; } .listLiTxtTitle { font-size: 16px; font-weight: 700; } .listLiTxtTitle2 { font-size: 14px; color: #878787; line-height: 20px; font-weight: 700; } .listLiTxtTitle2 span { margin-right: 5px; } .listLiTxtTitle2 span:first-child { color: #B93D3F; } .listLiTxtPrice { font-size: 26px; color: #000; line-height: 20px; } .listLiTxtLink { font-size: 16px; color: #b00b0f; margin-top: 50px; } .rrw1 { text-align: right; } .rrw1 img { height: 115px; } .xx12 { width: 8px; height: 8px; background: url(../images/xx12.png) no-repeat; display: inline-block; margin-left: 10px; } .location-seven-li a { color: #494747; } #swiper-three img { margin: 10px 2% 0px; width: 96%; } #swiper-three img.on1 { transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; cursor: pointer; } #swiper-three img.on1:hover { transform: scale(1.2); margin-top: 0px; position: relative; z-index: 200; } .xx13 { width: 40px; height: 30px; background: url(../images/xx13.png) no-repeat; display: inline-block; margin-left: 10px; } .fixedBox { width: 104px; height: 104px; position: fixed; right: 0px; bottom: 300px; background: #b00b10; border-radius: 10px; z-index: 999; color: #f2f2f2; font-size: 15px; text-align: center; line-height: 25px; padding: 25px 0px 5px; } .fixedBox-new2 { width: 90px; height: 90px; position: relative; padding: 18px 0px 5px; cursor: pointer; bottom: 0px; } .fixedBox span:first-child { font-size: 22px; } .ddsq { position: absolute; bottom: 70px; left: -50%; width: 200%; display: none; } .swiper-button-prev1 { position: absolute; top: 30%; left: 0px; background: url(../images/ppd1.png) no-repeat; width: 26px; height: 49px; z-index: 200; } .swiper-button-next1 { position: absolute; top: 30%; right: 20px; background: url(../images/ppd2.png) no-repeat; width: 26px; height: 49px; z-index: 200; } #swiper-two { width: 100%; } .recommend { background: #fff none repeat scroll 0 0; height: auto; padding: 20px 2% 20px; width: 100%; } .swiper-slide .listLiTxt { height: auto; border-left: 0px solid #616161; padding-left: 12px; margin: 0px 30px 0px 30px; } #swiper-two .listLiTxtLink { margin-left: 42px; margin-top: 10px; font-size: 12px; color: #B93D3F; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0px; } .rrw1 { text-align: right; padding-right: 10px; } .dh0 { overflow: hidden; background: #323232; line-height: 36px; font-size: 14px; color: #fff; font-weight: 700; padding: 0px 40px; } .dh1 { float: left; } .dh2 { float: left; } .dh2 ul li { float: left; margin-right: 20px; } .dh2 ul li p { line-height: 36px; margin: 0px; } .dh2 ul li p b { display: block; float: left; } .dh2 ul li p span { display: block; float: left; width: 24px; height: 36px; background: url(../images/xx.png) no-repeat center center; } .dh3 { float: right; height: 20px; background: #BA3D40; line-height: 20px; border-radius: 20px; padding: 0px 10px; margin-top: 9px; cursor: pointer; } .listTopTabs1 .tibao #xing1 { width: 100%; margin-top: 62px; } .dffd { display: table-cell; text-align: center; vertical-align: middle; } .listTopTabs1 .tibao #xing1>li { height: 50px; width: 33.2%; text-align: center; background: #fff; margin-left: 0.2%; } .listTopTabs1 .tibao #xing1>li>a { color: #494747 !important; height: 100%; line-height: 50px; padding: 0px; font-size: 19px; letter-spacing: 3px; white-space: nowrap; overflow: hidden; font-size: 22px !important; text-overflow: ellipsis; background: #fff; } .listTopTabs1 .tibao #xing1>li:first-child { width: 33.2%; margin-left: 0%; } .listTopTabs1 .tibao #xing1>.active { height: 66px; margin-top: -16px; } .listTopTabs1 .tibao #xing1>.active>a { height: 100%; background: #ba3d40; color: #fff !important; font-size: 24px; line-height: 66px; border: none; } .listTopTabs1 .tibao #xing1.active>a:hover { background: #ba3d40; color: #fff; font-size: 24px; border: none; } .listTopTabs1 .tibao #xing1 li a:hover { background: #ba3d40; color: #fff !important; font-size: 24px; border: none; } #shai { display: none; } #tijiao.hover { position: fixed; top: 0px; z-index: 800; width: 90%; background: #F2F2F2; } #tijiao.hover #xing1 { margin-top: 16px; } .clodf { float: right; width: 20px; height: 20px; background: url(../images/oo2.png) no-repeat center center; cursor: pointer; margin-right: 30px; } .clodf.on { float: right; width: 20px; height: 20px; background: url(../images/oo1.png) no-repeat center center; margin-bottom: 0px; margin-right: 30px; } .clodf1 { background: #B10C10; height: 6px; display: none; clear: both; } .heng1 { height: 200px; width: 2px; background: #949494; position: absolute; left: 0px; left: 25%; } .heng2 { height: 200px; width: 2px; background: #949494; position: absolute; left: 0px; left: 50%; } .heng3 { height: 200px; width: 2px; background: #949494; position: absolute; left: 0px; left: 75%; } #eer { float: left; } .footer-two a { color: #000; } .footer-two a, .footerLogo a { color: #000; } .footerLogo { position: relative; } .footerLogo .cac { position: absolute; top: 0px; left: 40px; width: auto; height: auto; display: none; padding: 5px; background: #fff; z-index: 200; border: 5px solid #eeeeee; } .footerLogo:hover .cac { display: block; } .footerLogo p.floatLeft>a { text-decoration: none; } .bg0 { position: fixed; z-index: 4000; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; opacity: 0.8; display: none; } .bb0 { position: fixed; z-index: 4001; left: 50%; top: 50%; margin-left: -550px; margin-top: -300px; width: 1100px; height: 600px; padding: 0%; display: none; } .bb1 { overflow: hidden; position: absolute; z-index: 4001; top: 20px; right: 20px; } .bb2 { overflow: hidden; width: 1100px; margin: 0 auto; } .bb2 video { width: 100%; object-fit: fill; } .selectedBox-ul li { font-size: 14px; } .selected .selected-one { font-size: 16px; } .wrap { width: 100%; position: relative; margin: 0 auto; } .scroll { position: relative; overflow: hidden; } .scroll ul { position: absolute; width: 20000em; left: 30px; } .scroll ul li { float: left; } .bpic, ins.nm { text-align: center; } ins.nm { height: 100px; background-color: #218723; top: 540px; filter: alpha(opacity=60); opacity: 0.6; } .bpic img { max-width: 100%; } .b1 { width: 90%; overflow: hidden; } .b1 li, .b1 li ins { position: relative; } .b1 li { margin-right: 6px; cursor: pointer; } .b1 li div { display: none; } .b1 li img { width: 100px; } .b1 li.active img { border: 1px solid #fff; } a.arr_l { background: url(../images/arrow_left.png) no-repeat; width: 24px; height: 46px; display: block; position: absolute; bottom: 40px; left: 0px; z-index: 1; cursor: pointer; } a.arr_r { right: 0%; background: url(../images/arrow_right.png) no-repeat; width: 24px; height: 46px; display: block; position: absolute; bottom: 40px; cursor: pointer; } .fsff { position: relative; padding-left: 40px; width: 100%; } .fsff { margin-top: 20px; } .pro_info_area .scroll_three { display: none; } .goods-chooseColor { border: 2px solid #fff; } .goods-chooseColor.on { border: 2px solid #c10; } .goods_numList { border: 2px solid none; } .goods_numList.on { border: 2px solid #c10; } .pro_style_1 table { width: 100%; } .pro_style_1 table { border-top: 1px solid #fff; border-left: 1px solid #fff; background: #e2e2e2; } .pro_style_1 table tr th, .pro_style_1 table tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; font-size: 14px; } .pro_style_1 table tr:nth-child(odd) { background: #CECECE; } .box_1 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .box_1 h3 { line-height: 40px; font-size: 20px; } .box_10 { overflow: hidden; } .box_2 { float: left; width: 33.3%; } .box_2 img { width: 100%; max-width: 100%; } .box_3 { float: left; width: 66.7%; } .box_3 p { padding: 0px 20px; } .c3_1 { overflow: hidden; margin-top: 20px; font-size: 14px; line-height: 24px; } .c3_1 img { max-width: 100%; margin-bottom: 10px; } .c3_1 h3 { line-height: 33px; font-size: 26px; padding: 0px; } .c3_1 p { margin-top: 0px; padding: 0px; font-size: 14px; line-height: 23px; margin: 0px; } .c1_1 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .c1_1 h3 { line-height: 40px; font-size: 20px; } .c1_2 { float: left; width: 50%; } .c1_3 { float: left; width: 50%; } .c1_3 p { padding: 0px 20px; } .c1_2 img { width: 100%; max-width: 100%; } .c2_1 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .c2_1 h3 { line-height: 40px; font-size: 20px; } .c2_2 { float: left; width: 50%; } .c2_3 { float: left; width: 50%; } .c2_2 p { padding: 0px 20px 0px 0px; } .c2_3 img { width: 100%; max-width: 100%; } .b1_1 { width: 100%; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .b1_1 img { width: 100%; max-width: 100%; } .b2_1 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .b2_10 { overflow: hidden; } .b2_2 { float: left; width: 50%; display: table; vertical-align: middle; } .b2_3 { float: left; width: 50%; } .b2_3 img { width: 100%; max-width: 100%; } .b2_2 h3 { font-size: 26px; line-height: 33px; padding: 0% 20px 0px; } .b2_2 p { font-size: 14px; line-height: 23px; padding: 0 20px 0px; } .b3_1 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .b3_10 { overflow: hidden; } .b3_2 { float: right; width: 33.3%; vertical-align: middle; } .b3_3 { float: left; width: 66.7%; } .b3_3 img { width: 100%; } .b3_2 h3 { font-size: 26px; line-height: 33px; padding: 0% 20px 0px; } .dc1_1 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .dc1_10 { overflow: hidden; } .dc1_2 { float: left; width: 25%; vertical-align: middle; } .dc1_3 { float: left; width: 75%; } .dc1_2 img { max-width: 100%; } .dc1_3 h3 { font-size: 26px; line-height: 33px; padding: 0% 0px 0px; } .dc1_3 p { font-size: 14px; line-height: 23px; padding: 0% 0px 0px; } .dc2_1 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .dc2_10 { overflow: hidden; } .dc2_2 { float: left; width: 50%; } .dc2_2 img { width: 100%; } .dc2_2 h3 { font-size: 26px; line-height: 33px; padding: 0% 20px 0px; } .dc2_2 p { font-size: 14px; line-height: 23px; padding: 0% 20px 0px; } .dc3_1 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .dc3_2 { float: left; width: 33.333%; } .dc3_1 img { width: 100%; } .dc3_1 h3 { font-size: 26px; line-height: 33px; padding: 0% 20px 0px; } .dc3_1 p { font-size: 14px; line-height: 23px; padding: 3% 20px 0px; } .dc3_20 { display: none; } .dc4_1 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .dc4_2 { float: left; width: 25%; } .dc4_1 img { width: 100%; } .dc4_1 h3 { font-size: 26px; line-height: 33px; padding: 0% 20px 0px; } .dc4_1 p { font-size: 14px; line-height: 23px; padding: 3% 20px 0px; } .dc4_20 { display: none; } .swiper-wrapper { height: auto; } .xx0 .xx1 { width: 100px; } .swiper-container11 { overflow: hidden; width: 90%; position: relative; margin-bottom: 40px; } .swiper-container11 .bd { margin-left: 50px; } .swiper-container11 .bd ul { padding: 0px 40px; overflow: hidden; } .swiper-container11 .bd ul li { width: 25%; float: left; } .swiper-container11 .hd a.prev { width: 15px; height: 46px; background: url(../images/arrow_left.png) no-repeat center center; display: block; position: absolute; left: 0px; top: 10px; } .swiper-container11 .hd a.next { width: 15px; height: 46px; background: url(../images/arrow_right.png) no-repeat center center; display: block; position: absolute; right: 0px; top: 10px; } .dcc2_1 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .dcc2_10 { overflow: hidden; } .dcc2_2 { float: left; width: 50%; text-align: left; } .dcc2_2 h3 { font-size: 26px; line-height: 33px; padding: 5% 20px 0px; } .dcc2_2 p { font-size: 14px; line-height: 23px; padding: 0% 20px 0px; text-align: left; } .dcc3_1 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .dcc3_10 { overflow: hidden; } .dcc3_2 { float: left; width: 33.3%; text-align: center; } .dcc3_2 img { max-width: 100%; } .dcc3_2 h3 { font-size: 26px; line-height: 33px; padding: 5% 20px 0px; } .dcc3_2 p { font-size: 14px; line-height: 23px; padding: 0% 20px 0px; text-align: center; } .dc1_333 { padding: 0px 20px; font-size: 14px; line-height: 24px; } .a111 { font-size: 14px; line-height: 24px; } .dcc4_1 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .dcc4_10 { overflow: hidden; } .dcc4_2 { float: left; width: 25%; text-align: center; } .dcc4_2 img { max-width: 100%; } .dcc4_2 h3 { font-size: 26px; line-height: 33px; padding: 5% 20px 0px; } .dcc4_2 p { font-size: 14px; line-height: 23px; padding: 0% 20px 0px; text-align: center; } .table1 { margin-bottom: 30px; } .table1 table { width: 100%; } .table1 .spec_table { border-top: 1px solid #eee; border-left: 1px solid #eee; background: #fff; } .table1 .spec_table tr th, .table1 .spec_table tr td { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 10px; line-height: 145%; } .table1 .spec_table tr:nth-child(odd) { background: #f5f5f5; } .footer-one h3 { margin: 20px 0px 10px; } .guii { text-align: center; font-size: 16px !important; padding-bottom: 10px; clear: both; background: #fff; } .footer-twoLeft p { margin-bottom: 10px; } .bbfb { position: absolute; top: 15px; left: 15px; } .foot312 p a { color: #333; } .tab-content { background: #fff; padding: 30px 0px; } .bbi { background: #fff; } .tabs { width: 90% !important; margin: 0 auto !important; height: auto; float: none; } .bbi .tabs { width: 100% !important; margin: 0 auto !important; height: auto; float: none; } .e2a { overflow: hidden; margin-top: 40px; font-size: 14px; } .e2a1 { float: left; margin-right: 10px; } .e2a2 { float: left; } .e2a2 button { background: #b10c10; border: 0px; padding: 4px 20px; color: #fff; } #acc_type { height: 24px; line-height: 24px; } .table12 { margin: 5px 0px; } .overview_box h3 { margin: 0px 0px 5px; } .overview_box { width: 900px; margin: 0 auto; } .overview_box2 .overview_box { width: 880px; margin: 0 auto; } .overview_box p { font-size: 14px; } .overview_box p.img { float: left !important; } .aa551 .dda { text-decoration: underline; } .scs { overflow: hidden; } .fdfe { float: left; font-size: 14px; } .acc { float: left; } .acc_search { float: left; margin-left: 10px; background: #b10c10; color: #fff; padding: 5px 20px; cursor: pointer; } .nav-tabs>li>a { font-size: 16px; } .tab_box { border-top: 1px solid #fff; border-left: 1px solid #fff; background: #e2e2e2; } .tab_box tr th, .tab_box tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; } .tab_box tr:nth-child(odd) { background: #CECECE; } .trdss { overflow: hidden; } .trdss li { float: left; line-height: 40px; font-size: 16px; margin-right: 30px; } .trdss li.hover a { color: #b10c10 } .zty0 { overflow: hidden; } .zty0 h3 { font-size: 16px; } .zty1 { float: left; width: 35%; } .zty1 img { max-width: 90%; } .zty2 { float: left; width: 65%; padding: 0px 0px; font-size: 14px; line-height: 170%; } .listLiBottom .listLi-name b { background: #ba3d40; color: #fff; font-size: 14px; padding: 1px 5px; } .dv2_1 { overflow: hidden; margin-bottom: 40px; font-size: 14px; line-height: 24px; } .dv2_10 { overflow: hidden; } .dv2_2 { float: left; width: 44%; margin-left: 4%; } .dv2_2 img { max-width: 100%; } .overview_box .dv2_2 h3 { font-size: 16px; line-height: 33px; padding: 5% 20px 0px; } .dv2_2 p { font-size: 12px; line-height: 30px; padding: 0% 0px 0px; color: #ba3d40 } .dv2_20 .video { overflow: hidden; } .head1c2 .search { display: inline; float: left; margin: 0px 0 0 0; position: relative; width: 110px; height: 26px; border: 0px solid #d2d2d2; background: none; } .head1c2 .search input { outline: none; width: 100%; height: 26px; padding: 4px 0px; background-color: white; font-size: 14px; padding-left: 21px; border: 1px solid #fff; height: 26px\0; padding-top: 2px\0; margin: 0; border: 0; } .head1c2 .search .getfocus { width: 100%; padding-left: 5px; } .head1c2 a.search_but { display: block; width: 21px; height: 17px; background: url(../images/ico_s.png) no-repeat; position: absolute; left: 4px; top: 5px; z-index: 100000; } .head1c2 p.sub_logo { width: 144px; float: left; margin: 28px 0 0 40px; } .xa1 { width: 100%; font-size: 14px; line-height: 24px; } .xa1 img { width: 100%; } .xb1 { width: 100%; } .xb1 img { width: 100%; } .xb2 { overflow: hidden; } .xb21 { width: 50%; float: left; } .xb21 img { width: 100%; } .xb2 h3 { font-size: 26px; line-height: 33px; padding: 30px 20px 0px; } .xb2 p { font-size: 14px; line-height: 24px; padding: 20px 20px 20px; } .xb3 { overflow: hidden; font-size: 14px; line-height: 24px; } .xb31 { width: 66.7%; float: left; } .xb31 img { width: 100%; } .xb32 { width: 33.3%; float: left; padding: 30px 20px; } .xb32 h3 { font-size: 46px; line-height: 58px; padding: 30% 20px 0px; } .xc1 { overflow: hidden; font-size: 14px; line-height: 24px; } .xc11 { width: 33.3%; float: left; } .xc11 img { width: 100%; } .xc12 { width: 66.7%; float: left; padding: 30px 20px; } .xc12 h3 { font-size: 26px; line-height: 33px; } .xc12 p { font-size: 14px; line-height: 24px; } .xc12 h4 { font-size: 20px; line-height: 150%; } .xc121 { text-align: right; } .xc2 { overflow: hidden; font-size: 14px; line-height: 24px; } .xc21 { width: 50%; float: left; } .xc2 img { width: 100%; } .xc120 { padding: 20px; } .xc12 h3 { font-size: 26px; line-height: 33px; margin-bottom: 5px; } .xc12 p { font-size: 14px; line-height: 24px; margin-bottom: 5px; } .xc12 h4 { font-size: 20px; line-height: 150%; margin-bottom: 5px; } .xc121 { text-align: right; } .ll { float: left; } .lr { float: right; } .xc3 { overflow: hidden; font-size: 14px; line-height: 24px; } .xc31 { width: 50%; float: left; } .xc3 img { width: 100%; } .xc3 h3 { font-size: 26px; line-height: 33px; padding: 30px 20px 0px; } .xc3 p { font-size: 14px; line-height: 24px; padding: 20px 20px 20px; } .xc31bb .xc31.xc317 { width: 0%; float: left; } .xc31aa { float: left; width: 66.7% } .xc31bb { float: left; width: 33.3% } .xc31bb .xc31 { width: 100%; float: left; } .xcn-dsp { display: flex; display: -webkit-flex; width: 100%; } .banner_new { margin: 5px -5px 20px; } .banner_new a { display: block; text-align: center; } .banner_new #fdbaner { text-align: center; } .banner_new_dsp { margin: 0 auto; width: 100%; display: flex; display: -webkit-flex; } .banner_new-dsp .xc31 { padding: 5px; width: 100%; } .labelBar { width: 100%; padding: 10px; margin: 0 auto; } .xcn-dsp .xc31 a.xc11_new_a { display: inline-block; width: 100%; } .xcn-dsp .xc31 .xc11_new_h3 { font-size: 24px; padding: 20px 0 10px 0; text-align: center; } .xcn-dsp .xc31 .xc11_new_font { padding: 10px; } .xcn-dsp .xc31 img { width: 100%; max-width: 100%; } .xb4_dsp { display: flex; display: -webkit-flex; } .xc11_new { margin: 5px -5px 20px; } .xc11_new .xc31 { padding: 5px; width: 100% } .cdbanner { width: 100%; } .xb4_d { margin: 0 -10px; } .xc4 { overflow: hidden; font-size: 14px; line-height: 24px; } .xc41 { width: 50%; float: left; } .xc4 img { width: 100%; } .xc4 h3 { font-size: 26px; line-height: 33px; padding: 30px 20px 0px; } .xc4 p { font-size: 14px; line-height: 24px; padding: 20px 20px 20px; } .xc7 { overflow: hidden; font-size: 14px; line-height: 24px; } .xc72 { width: 66.7%; float: left; } .xc72 img { width: 100%; } .xc71 { width: 33.3%; float: left; padding: 40px 20px; } .xc71 h3 { font-size: 46px; line-height: 58px; } .xc7 h3 { font-size: 46px; line-height: 58px; } .xc7 p { font-size: 14px; line-height: 24px; } .xc7 h4 { font-size: 20px; line-height: 150%; padding: 0px 20px; } .xc7 .xc121 { text-align: right; padding: 0px 20px; } .xc8 { overflow: hidden; font-size: 14px; line-height: 24px; } .xc82 { width: 66.7%; float: left; padding: 30px 20px; } .xc82 img { width: 100%; } .xc81 { width: 33.3%; float: left; } .xc8 h3 { font-size: 26px; line-height: 33px; } .xc8 p { font-size: 14px; line-height: 24px; } .xc81a img { max-width: 100%; } .xc81b img { max-width: 100%; } .xc9 { overflow: hidden; padding: 20px; font-size: 14px; line-height: 24px; } .xc9 h3 { font-size: 26px; line-height: 33px; } .xc9 p { font-size: 14px; line-height: 24px; } .xc91 { font-size: 14px; line-height: 24px; padding: 0px 0px 20px; } .xd2 { overflow: hidden; font-size: 14px; line-height: 24px; } .xd2 h3 { font-size: 26px; line-height: 33px; } .xd2 p { font-size: 14px; line-height: 24px; } .zty01w { padding: 20px; font-size: 26px; line-height: 33px; } .xaxa { padding: 0px 20px 20px; } .xaxa li a { font-size: 16px; line-height: 24px; } .xaxa li { margin-bottom: 10px; } .zty01w h3 { font-size: 26px; line-height: 33px; } .xhtml { overflow: hidden; } .trdss { width: 90%; margin: 0 auto; font-size: 14px; line-height: 24px; } .dcc3_4 h3 { font-size: 26px; line-height: 37px; margin-top: 0px; } .dcc3_2 p { line-height: 220%; } .text_area { font-size: 14px; line-height: 24px; } .overview_box h3 { font-size: 20px; line-height: 170%; font-weight: 700; } .text_area p { font-size: 14px; line-height: 24px; padding: 10px 0px; } .content_image_3column_options { overflow: hidden; } .txt { padding: 10px 0px; } .pro_style_1 { margin-top: 0px; } .table1 .spec_table tr th, .table1 .spec_table tr td { font-size: 14px; padding: 10px; } .g3, .g1, .g2 { font-size: 20px; margin: 20px 0px; } .pro_accessory_nav form select { height: 24px; line-height: 24px; } .table12 { font-size: 12px; line-height: 170%; } #pro_dl .close { width: 672px; } .pro_style_2_l { width: 320px !important; } .pro_style_2_r { width: 320px !important; padding: 0px !important; margin: 0px !important; } .pro_style_2_l p span, .pro_style_2_r p span { display: block; } .pro_style_2_r h4 { font-size: 24px; line-height: 180%; } .close { opacity: 1; } #pro_dl { overflow: hiden; } #pro_dl .close { float: left; } .text_area table { width: 100%; } .text_area table { border-top: 1px solid #fff; border-left: 1px solid #fff; background: #e2e2e2; } .text_area table tr th, .text_area table tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; font-size: 14px; } .fsff { margin-top: 20px; } .text_area table tr:nth-child(odd) { background: #CECECE; } .pro_style_1 table { width: 100%; } .pro_style_1 table { border-top: 1px solid #fff; border-left: 1px solid #fff; background: #e2e2e2; } .pro_style_1 table tr th, .pro_style_1 table tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; font-size: 14px; } .pro_style_1 table tr:nth-child(odd) { background: #CECECE; } .scroll ul li.on { border: 2px solid #b10c10; } #table_color { width: 100%; border-top: 1px solid #fff; border-left: 1px solid #fff; background: #e2e2e2; } #table_color tr th, #table_color tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; font-size: 14px; } .overview1 { width: 90%; margin: 0 auto; } .footList h3 a { font-size: 24px; } .c3_13 { overflow: hidden; font-size: 14px; line-height: 24px; } .c3_13 ul li { float: left; margin: 20px 0px 20px 20px; } .pro_info_area .scroll_three { display: none; } .xc5 { overflow: hidden; font-size: 14px; line-height: 24px; } .xc51 { float: left; width: 50%; } .xc51 img { width: 100%; } .xc5 h3 { font-size: 26px; line-height: 33px; padding: 30px 20px 0px; } .xc5 p { font-size: 14px; line-height: 24px; padding: 20px 20px 0px; } .dcc2_1.xc10 { overflow: hidden; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .xc10 .dcc2_10 { overflow: hidden; } .xc10 .dcc2_2 { float: left; width: 50%; text-align: center; } .xc10 .dcc2_2 h3 { font-size: 26px; line-height: 33px; padding: 5% 20px 0px; } .xc10 .dcc2_2 p { font-size: 14px; line-height: 23px; padding: 0% 20px 0px; text-align: center; } .xd1 { font-size: 14px; line-height: 24px; } .xd1 .xd101 h3 { font-size: 26px; line-height: 33px; padding: 5% 0px 10px; } .xd102 ul li { width: 15%; margin-left: 1.4%; margin-bottom: 2%; float: left; } .xd102 ul { position: relative; } .xd102 ul li .xxxd1 p { border: 2px solid #000; text-align: center; } .xd102 ul li .xxxd1 { display: table; text-align: center; vertical-align: middle; } .xd102 ul li .xxxd1 p { display: table-cell; text-align: center; vertical-align: middle; } .xd102 ul li .xxxd1 { height: 300px; width: 100%; } .xd102 ul li .xxxd2 { background: #efefef; padding: 20px; display: none; position: absolute; top: 0px; left: 1.4%; width: 95.2%; overflow: hidden; } .xd102 ul li:hover .xxxd2 { display: block; } .xc51 img { width: 100%; } #bdshare_weixin_qrcode_dialog { height: 300px !important; } .b11 { width: 100%; } .c3_13 ul li { float: left; margin: 10px 10px 20px 0px; border: 1px solid #ccc; } .c3_13 ul li:hover { border: 1px solid #c10; } .cb110 { overflow: hidden; } .subheadline { color: #000; margin-top: 10px; } .font_weight { font-weight: 700 !important; } #pro_dl:hover { opacity: 1; } .download_bj { background: url(../images/download_bj.gif) no-repeat 0 0; height: 40px; width: 165px; padding-top: 40px; padding-bottom: 10px; margin-top: 12px; } .download_bj p { padding-left: 10px; margin: 0px; } .download_bj p.pd_10 { padding-top: 14px; } .download_bj p a var { padding-left: 5px; } table.table_style_all, .main_info table.table_style_all { width: 100%; } table.table_style_all, .main_info table.table_style_all { border-top: 1px solid #fff; border-left: 1px solid #fff; background: #e2e2e2; } table.table_style_all tr th, .main_info table.table_style_all tr th, table.table_style_all tr td, .main_info table.table_style_all tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; font-size: 14px; } table.table_style_all tr:nth-child(odd), .main_info table.table_style_all tr:nth-child(odd) { background: #CECECE; } .nav-tabs>li>a { text-align: center !important; color: #fff !important; background: #b6b6b6; letter-spacing: 5px; } .overview_box2 { margin: 0 auto; background: #848484 url(../images/body_bj.png) repeat-y center 0; *background: #848484 url(../img/body_bj_ie6.png) repeat-y center 0; overflow: hidden; _height: 100%; min-height: 100%; padding-bottom: 0px; } .cssd .tab-content .overview_box2 { background: none; } .goods_name { font-size: 48px; font-weight: normal; margin: 0; padding-top: 0px; } .goods_name1 { font-size: 42px; font-weight: normal; margin: 0; padding-top: 20px; } .goods_info { padding-top: 70px; } .bpic { border: 2px solid #231816; } .swiper-button-next16 { background: url(../images/xb12.png) no-repeat center center /cover; width: 40px; height: 40px; position: absolute; right: -50px; top: 0px; } .swiper-button-prev16 { background: url(../images/xb11.png) no-repeat center center /cover; width: 40px; height: 40px; position: absolute; left: -50px; top: 0px; } .swiper-button-next16.swiper-button-disabled { background: url(../images/xb121.png) no-repeat center center /cover; width: 40px; height: 40px; position: absolute; right: -50px; top: 0px; display: none; } .swiper-button-prev16.swiper-button-disabled { background: url(../images/xb111.png) no-repeat center center /cover; width: 40px; height: 40px; position: absolute; left: -50px; top: 0px; display: none; } .cssss { position: relative; width: 90%; margin: 0 auto; } .xc21 h3 { font-size: 26px; line-height: 33px; } .xc21 p { font-size: 14px; line-height: 24px; } .xc21 h4 { font-size: 20px; line-height: 150%; } .xc121 { text-align: right; } .xc120 { padding: 40px 20px; } .xc41a1 { float: left; width: 50%; } .xc41b1 { float: left; width: 50%; } .xc91ds { padding: 20px; } .intro_list li { float: none; line-height: auto; margin: 0px; padding: 0px; } .intro_list li p { margin: 0px; padding: 0px; } .intro_list li span { display: inline; } .pro_style_2_l { float: left; width: 48% !important; } .pro_style_2_r { float: right; width: 48% !important; margin-left: 2% !important; } .pro_info_r { float: none !important; clear: both; width: 500px; } .pro_info_r img { display: inline; float: left; margin-right: 10px; } .close { opacity: 1; } .close:hover { opacity: 1; } .pro_info_l { width: 100%; } .pro_info_l p { width: 100%; } h3.subheadline { margin: 0px; } .pro_style_box.z1 { padding: 0px; } .pro_style_box.d3 { padding: 0px; } .pro_style_1 .pro_style_box { padding: 0px; } .ac_items .ac_items_model { width: 445px; flex: 1; } .ttrr1 { float: left; width: 33.3%; } .ttrr1 img { max-width: 95%; } .ttrr2 { float: left; width: 66.7%; } .pro_style_2 { width: 800px; } .new_title, p.new_title { margin: 0px; } .pro_info_list dl.open .intro { display: block; } .pro_info_list dt span.close { display: none; } .pro_info_list dl.close { padding: 0px; margin-bottom: 10px; } .bottom_toolbar { background-color: #FFFFFF; clear: both; color: #666666; font: 12px Arial, Helvetica, SimSun; height: 18px; margin: 0 auto; overflow: hidden; padding: 0 19px 23px 10px; width: 951px; } .bottom_toolbar #goTop { background: url(../images/arrow_copy.gif) no-repeat scroll right -2px !important; padding-right: 45px; } .bottom_toolbar .hover { color: #BF2318; text-decoration: underline; } .bottom_toolbar span { cursor: pointer; float: right; } .scroll_up { clear: both; float: right; padding: 10px 0px 20px 0px; cursor: pointer; clear: both; width: 60px; text-align: right; } .scroll_up a { display: block; background: url(../images/scroll_up.png) no-repeat 0px 50%; padding: 0px 0px 0px 20px; font-size: 12px; } .scrolltop { cursor: pointer; } .ac_items_new img { padding-top: 30px; } .pay h2, h3, h4, h5, p, div, a, ul, li, img, span { margin: 0px; outline: none; padding: 0; } .pay0 { background: #FFF; width: 100%; overflow: hidden; } .pay1 { width: 100%; margin: 0 auto; } .pay2 { margin: 30px 0; } .pay2 h2 { font-size: 32px; color: #494747; } .pay3 { padding: 30px 0; font-size: 18px; color: #494747; line-height: 1.5em; } .pay4 { background: #F9F9F9; } .pay5 { margin: 15px 0; } .pay5 ul li { margin-bottom: 10px; width: 100%; overflow: hidden; } .pay5 ul li h3 { font-size: 22px; color: #FFF; background: #434343; line-height: 33px; width: 110px; text-align: center; float: left; } .pay5 ul li h2 { margin-left: 15px; font-size: 20px; color: #000; line-height: 33px; float: left; width: 80%; } .pay6 { position: relative; } .pay6 h2 img { width: 100%; } .pay7 { position: absolute; top: 15px; left: 15px; } .pay7 h3 { font-size: 32px; color: #000; line-height: 40px; font-weight: 700; padding-left: 15px; background: url(../images/zjn_09.png) no-repeat left center; } .pay7 h4 { font-size: 28px; color: #B93D3F; line-height: 35px; padding-left: 15px; } .pay8 { margin-top: 30px; } .pay8 ul li { background: #F9F9F9; width: 100%; overflow: hidden; margin-bottom: 40px; } .pay9 { position: relative; width: 40%; float: left; } .pay9 h2 img { width: 100%; } .pay10 { width: 58%; margin-left: 2%; float: left; padding: 10% 0 1% 0; } .pay10 p { font-size: 18px; color: #434343; line-height: 170%; overflow: hidden; padding-right: 30px; } .pay10 span { font-size: 16px; color: #B93D3F; } .pay11 ul li { width: 32%; margin: 0 2% 2% 0%; float: left; } .pay11 ul li.dsdse { margin: 0 0% 2% 0%; float: left; } .pat0 { margin: 50px 49px 30px; overflow: hidden; } .pat1 { margin-bottom: 25px; } .pat1 h2 { font-size: 30px; color: #494747; } .pat2 { width: 100%; overflow: hidden; margin-bottom: 25px; } .pat2 ul li { float: left; } .pat2 ul li h2 { font-size: 24px; color: #7C7C7C; } .pat2 ul li h2 span { margin: 0 10px; font-size: 20px; position: relative; top: -2px; } .pat3 ul li { width: 100%; overflow: hidden; padding: 10px 15px; } .pat3 ul li:nth-child(even) { background: #fff; } .pat4 { width: 70%; float: left; } .pat4 h2 { font-size: 24px; color: #494747; } .pat5 { width: 28%; float: right; } .pat5 h2 { float: right; font-size: 22px; color: #494747; line-height: 35px; margin-right: 10px; } .pat5 h3 { float: right; font-size: 22px; color: #FFFFFF; line-height: 35px; padding: 0 5px; background: #B93D3F; width: 150px; text-align: center; } .pat5 h4 { float: right; font-size: 22px; color: #FFFFFF; line-height: 35px; padding: 0 5px; background: #494747; width: 150px; text-align: center; } .pat5 h5 { float: right; font-size: 22px; color: #FFFFFF; line-height: 35px; padding: 0 5px; background: #00479C; width: 150px; text-align: center; } .pat6 { background: #F1F1F1; } .pat7 { float: right; } .pat7 select { margin-left: 10px; float: left; font-size: 18px; color: #494747; line-height: 36px; height: 36px; min-width: 100px; border: 1px solid #B7B7B7; border-radius: 5px; } .pat7 ul { margin-left: 10px; float: left; font-size: 18px; color: #494747; line-height: 36px; height: 36px; min-width: 100px; } .pat7 ul li { display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 0px 10px; text-align: center; } .pat7 ul li a { display: block; background: #F1F1F1; color: #555; font-size: 20px; } .pat7 ul li a:hover, .pat7 ul li a.hover { background: #B93D3F; color: #fff; text-decoration: none; cursor: pointer; } .pat7 h2 { float: left; margin-left: 10px; background: #B93D3F; font-size: 18px; color: #FFFFFF; line-height: 36px; border-radius: 5px; padding: 0 10px; } .par1 ul li { width: 100%; overflow: hidden; margin-bottom: 25px; background: url(../images/baa1.png) repeat-x bottom; padding-bottom: 25px; } .par2 { width: 35%; float: left; } .par2 img { width: 100%; } .par3 { width: 63%; float: right; } .par3 p { font-size: 18px; color: #494747; line-height: 30px; } .par3 h2 { font-size: 28px; color: #494747; margin-bottom: 15px; line-height: 1.2; } .par3 h3 { font-size: 16px; color: #B93D3F; margin-top: 30px; } .par3 a:hover { text-decoration: none !important; border: 0px; outline: 0; } .par4 { width: 100%; overflow: hidden; margin-top: 30px; } .par5 { float: right; font-size: 22px; color: #494747; line-height: 53px; margin-right: 10px; } .par6 { float: right; font-size: 22px; color: #FFFFFF; line-height: 35px; padding: 0 5px; background: #B93D3F; } .par7 { float: right; font-size: 22px; color: #FFFFFF; line-height: 35px; padding: 0 5px; background: #494747; } .par8 { float: right; font-size: 22px; color: #FFFFFF; line-height: 35px; padding: 0 5px; background: #00479C; } .par9 { width: 100%; margin: 0; } .par10 { text-align: center; } .par10 img { max-width: 100%; } .pap1 { width: 100%; overflow: hidden; } .pap1 ul li { float: left; width: 48%; margin: 0 1%; } .pap1 ul li img { width: 100%; } .pap1 ul li h2 { font-size: 28px; color: #494747; margin-top: 25px; line-height: 45px; } .pap1 ul li h3 { font-size: 18px; color: #B93D3F; margin-top: 15px; line-height: 160%; } .pap2 { margin-top: 50px; padding: 0 1%; } .pap2 ul li { width: 100%; overflow: hidden; margin-bottom: 40px; } .pap3 { width: 35%; float: left; } .pap3 img { width: 100%; } .pap4 { width: 63%; float: right; font-size: 22px; color: #494747; line-height: 30px; } .pap4 p { font-size: 22px; color: #494747; line-height: 30px; } .pap4 h2 { font-size: 32px; color: #494747; margin-bottom: 15px; } .pap4 h3 { font-size: 23px; color: #B93D3F; margin-top: 30px; } .pap5 { width: 100%; overflow: hidden; } .pap5 ul li { width: 48%; float: left; margin: 0 1% 2%; } .pap6 img { width: 100%; } .pap7 { margin-top: 25px; } .pap7 h2 { font-size: 28px; color: #494747; margin-bottom: 15px; } .pap7 p { font-size: 18px; color: #303030; line-height: 40px; height: 80px; overflow: hidden; } .pap8 { width: 100%; overflow: hidden; padding-left: 1%; margin-top: 30px; } .pap8 h3 { font-size: 23px; color: #303030; } .pap8 ul { width: 100%; overflow: hidden; margin-top: 25px; } .pap8 ul li { text-align: center; width: 20%; margin-right: 1.2%; float: left; margin-bottom: 1.2%; } .pap8 ul li h2 { font-size: 20px; color: #303030; margin-top: 15px; line-height: 30px; height: 60px; overflow: hidden; } .pap8 ul li img { width: 100%; } .psp0 { background: #000; overflow: hidden; } .psp1 { width: 100%; overflow: hidden; padding: 20px 4%; } .psp2 { float: left; } .psp2 img { height: 48px; } .psp3 { float: right; } .psp3 img { height: 48px; } .psp4 { width: 1200px; margin: 0 auto; } .psp5 { overflow: hidden; padding: 30px 0 0; } .psp6 { width: 10%; float: left; border-right: 1px solid #FFF; } .psp6 li h3 { line-height: 25px; font-size: 14px; color: #FFF; padding-left: 35px; background: url(../images/zpd_08.png) no-repeat left center; } .psp7 { width: 70%; float: left; overflow: hidden; position: relative; padding-bottom: 50px; } .psp7 ul li { float: left; } .psp7 ul li h2 { font-size: 14px; color: #FFF; line-height: 25px; padding: 0 15px; } .psp7 ul li dl { display: none; width: 100%; position: absolute; top: 25px; left: 0px; } .psp7 ul li:hover dl, .psp7 ul li.on dl { display: block; } .psp7 ul li:hover h2, .psp7 ul li.on h2 { color: #CB0001; } .psp7 ul li dl dd { float: left; } .psp7 ul li dl dd h3 { font-size: 14px; color: #FFF; padding: 0 15px; line-height: 25px; } .psp7 ul li dl dd:hover h3, .psp7 ul li dl dd.on h3 { color: #CB0001; } .psp7 a { text-decoration: none !important; } .psp8 { width: 20%; float: left; } .psp9 { float: left; width: 80%; float: left; border-radius: 50px; border: 0px; height: 25px; padding: 0 35px 0 10px; background: #FFF url(../images/zpd_09.png) no-repeat right 10px center; font-size: 14px; } .psp10 { width: 20%; background: none; border: 0px; color: 16px; color: #FFF; line-height: 25px; } .psp10:hover { color: #CB0001; } .psp11 { width: 100%; overflow: hidden; padding: 80px 0 80px; } .psp11 ul li { float: left; width: 23%; float: left; margin: 0 1% 5px; } .psp12 { width: 100%; } .psp12 img { width: 100%; } .psp13 h2 { font-size: 18px; color: #333; line-height: 25px; height: 50px; overflow: hidden; margin-top: 10px; } .psp13 span { font-size: 14px; color: #666; display: block; margin-top: 10px; } .psp14 { bottom: 0px; left: 0px; width: 100%; height: 20px; overflow: hidden; } .psp15 { margin: 15px 0; padding: hidden; } .psp15 img { width: 100%; } .psp16 { width: 100%; overflow: hidden; } .psp17 { float: left; width: 70%; padding-right: 5%; } .psp17 h2 { font-size: 26px; color: #000; line-height: 44px; } .psp17 h2 span { color: #cb0001; } .psp18 { float: right; } .psp19 p { font-size: 16px; color: #666666; line-height: 25px; } .psp19 ul { width: 100%; overflow: hidden; margin: 30px 0; } .psp19 ul li { margin-right: 15px; float: left; } .psp19 ul li h2 { padding: 0 10px; line-height: 35px; font-size: 18px; color: #FFF; border-radius: 15px; background: #CB0001; } .psp20 { margin: 30px 0; } .psp21 .swiper-slide h2 { font-size: 16px; color: #333; line-height: 25px; margin: 5px 0; } .psp21 .swiper-slide h3 img { width: 100%; } .psp23 { position: relative; margin-bottom: 50px; } .psp22 .swiper-button-prev { width: 22px; height: 40px; background: url(../images/psp2_10.png) no-repeat top left !important; position: absolute; top: 40% !important; left: -35px; z-index: 50; display: block; } .psp22 .swiper-button-next { width: 22px; height: 40px; background: url(../images/psp2_11.png) no-repeat top left !important; position: absolute; top: 40% !important; right: -35px; z-index: 50; display: block; } .psp24 { width: 70%; float: left; } .psp25 { margin-bottom: 20px; } .psp25 h2 { font-size: 24px; color: #FFF; } .psp26 { width: 100%; position: relative; } .psp27 { width: 30%; float: left; } .psp28 { text-align: center; border-bottom: 1px solid #FFF; padding-bottom: 30px; } .psp28 h2 { display: inline-block; font-size: 20px; color: #FFF; padding-left: 35px; line-height: 35px; background: url(../images/psp3_02.png) no-repeat center left; margin-right: 15px; } .psp28 h3 { display: inline-block; font-size: 20px; color: #FFF; padding-left: 35px; line-height: 35px; background: url(../images/psp3_01.png) no-repeat center left; } .psp29 .swiper-slide h2 { float: left; width: 50%; font-size: 14px; color: #FFF; line-height: 25px; padding: 0 10px; } .psp29 .swiper-slide h3 { float: left; width: 50%; } .psp29 .swiper-slide h3 img { width: 100%; } .psp30 { padding: 50px 0 100px; width: 100%; overflow: hidden; } .psp31 { width: 100%; margin-top: 30px; } .psp31 h2 { font-size: 14px; color: #FFF; line-height: 25px; } .psp31 img { width: 100%; } .psp32 .swiper-button-prev { width: 30px; height: 30px; background: url(../images/psp3_07.png) no-repeat top left !important; position: absolute; top: 110% !important; left: 0px; z-index: 50; display: block; } .psp32 .swiper-button-next { width: 30px; height: 30px; background: url(../images/psp3_06.png) no-repeat top left !important; position: absolute; top: 110% !important; left: 70px; z-index: 50; display: block; } .pspy0 { background: #000; padding-bottom: 10px; } .pspy2 { width: 42.49%; float: left; margin-right: 0.6%; } .pspy1 { width: 100%; overflow: hidden; } .pspy1 img { width: 100%; } .pspy3 { margin-bottom: 1.5%; } .pspy4 { width: 100%; overflow: hidden; position: relative; } .pspy5 { width: 65.5%; float: left; } .pspy6 { padding: 10px; text-align: center; width: 33%; float: left; background: #AC0B0F; position: absolute; top: 0px; right: 0px; height: 100%; } .pspy6 h2 { font-size: 16px; color: #FFF; margin-bottom: 30px; } .pspy6 p { font-size: 14px; color: #FFF; line-height: 20px; height: 60px; overflow: hidden; } .pspy6 span { display: block; font-size: 16px; color: #FFF; margin-top: 5px; } .pspy7 { width: 28.13%; float: left; margin-right: 0.6%; } .pspy8 { width: 100%; overflow: hidden; } .pspy9 { width: 49.3%; float: left; } .pspy10 { width: 49.2%; float: right; } .pspy11 { margin-top: 1.5%; } .pspy12 { width: 28.13%; float: left; } .pspy14 { margin-top: 1.5%; } .pspy15 { position: relative; } .pspy15 h2 { color: #FFF; font-size: 14px; line-height: 30px; padding: 0px 10px; position: absolute; bottom: 30px; left: 0px; background: #AC0B0F; height: 30px; overflow: hidden; } .zty01w { padding: 20px; font-size: 26px; line-height: 33px; } .xaxa { padding: 0px 20px 20px; } .xaxa li a { font-size: 16px; line-height: 24px; } .xaxa li { margin-bottom: 10px; } .zty01w h3 { font-size: 26px; line-height: 33px; } .pspy16 { margin-top: 40px; } .pspy17 { width: 100%; overflow: hidden; padding-bottom: 5px; border-bottom: 3px solid #AC0B0F; } .pspy17 h2 { font-size: 16px; color: #000; float: left; line-height: 25px; padding-right: 50px; background: url(../images/pspy_01.png) no-repeat right center; } .pspy17 h3 { font-size: 16px; color: #000; float: right; } .pspy18 { width: 100%; overflow: hidden; margin-top: 20px; } .pspy18 img { width: 100%; } .pspy18 h2 { height: 35px; overflow: hidden; line-height: 35px; text-align: center; background: #AC0B0F; font-size: 16px; color: #FFF; } .pspy19 { width: 33%; float: left; margin-right: 1.5%; } .pspy20 { width: 31%; float: left; margin-right: 1.5%; } .pspy20 ul li { float: left; width: 49%; margin-bottom: 1.5%; } .pspy20 ul li.pspy21 { float: right; } .pspy22 { width: 33%; float: left; } .pspy23 { margin-top: 40px; } .pspy23 img { width: 100%; } .pspy24 { margin-bottom: 50px; } .pdb { display: none; } .pdbt { display: none; } .vgdfs { position: fixed; top: 20px; right: 20px; z-index: 20001; } .pdb00 { position: fixed; overflow: auto; width: 100%; height: 100%; top: 0px; left: 0px; display: none; z-index: 20000; background: #fff; } .pdb0 { margin: 50px 0; } .pdb1 { width: 100%; } .pdb1 ul li { position: relative; width: 20%; border: 1px solid #e1e1e1; border-right: none; } .pdb1 ul li:last-child { border-right: 1px solid #e1e1e1; } .pdb3 { margin: 10%; position: relative; overflow: hidden; background: url(../images/db-add.svg) no-repeat center center; } .pdb4 { position: relative; z-index: 200; opacity: 0; } .pdb5 { width: 100%; height: 200px; } .pdb7 { position: absolute; top: 15px; right: 12px; z-index: 201; } .pdb8 { position: absolute; top: 20%; left: 0px; z-index: 199; background: #fff; } .pdb8 img { width: 100%; } .pdb9 { text-align: center; margin: 1% 10% 0; } .pdb9 h2 { font-size: 20px; color: #000; line-height: 30px; padding-bottom: 10px; } .pdb9 select { appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 100%; overflow: hidden; font-size: 20px; line-height: 30px; height: 30px; background: url(../images/ckdb_18.png) no-repeat right 5px center; padding: 0 40px 0 5px; } .pdb11 { width: 100%; } .pdb12 h2 { font-size: 22px; color: #FFF; } .pdb18 { width: 100%; border-left: 1px solid #000; } .pdb18 tr td { padding: 15px; } .pdb13 { width: 20%; background: #F6F4F5; border-bottom: 1px solid #000; border-right: 1px solid #000; text-align: right; } .pdb14 { width: 20%; border-bottom: 1px solid #000; border-right: 1px solid #000; } .pdb15 { width: 20%; border-bottom: 1px solid #000; border-right: 1px solid #000; } .pdb16 { width: 20%; border-bottom: 1px solid #000; border-right: 1px solid #000; } .pdb17 { width: 20%; border-bottom: 1px solid #000; border-right: 1px solid #000; } .ac_items_info .right { width: 1080px; } .c3_1.b11 { width: 65%; float: left; } .c3_13.b12 { float: right; } .c3_13.b12 ul li { float: none; margin-bottom: 10px; } #pics .thumbs2 { height: 128px !important; } .dddad { overflow: hidden; margin-bottom: 30px; } .pro_style_2 { margin: 0px !important; font-size: 14px; line-height: 170%; } .pro_style_2 p { font-size: 14px; line-height: 170%; } .pb10 { overflow: hidden; } .pb10 p { clear: both; } .html7 { margin-top: 40px; } #old.on a { color: #ba3d40; } .dsdd { display: none; } .listLi3 { width: 15%; margin: 0% 0px 20px 1.4%; float: left; } .listLiTop3 { background: #F2F2F2; line-height: 200px; text-align: center; } .listLi3 .listLiTop .dffd { width: 100%; background: #ffff; border: 1px solid #f2f2f2; } .listLi3 .listLiTop { line-height: 280px; height: 280px; } .listLiBottom3 { padding: 10px 10px 30px 10px; } .listLi-name3 { height: 60px; } .location-seven-li a { cursor: pointer; } .listLi-name4 { line-height: 170%; } .footer { background: #ffff; } .bottom_toolbar { width: 980px !important; } .clumb_content { width: 980px; } .crumbs { height: 49px !important; width: 980px !important; } .cc1 { padding: 0px 0px 0px 20px; } .cc2 { padding: 0px 20px 0px 0px; } .dc2_1 .ccc1 h3 { padding: 0px 0px 0px 20px; } .dc2_1 .ccc2 h3 { padding: 0px 20px 0px 0px; } .dddd1 { text-align: center; } .dddd1 .dcc2_2 { text-align: center; } .dddd1 .dcc2_2 p { text-align: center; line-height: 170%; font-size: 12px; } .dddd1 .dcc2_2 img { max-width: 98%; } .tabA0 { border-top: 1px solid #fff; border-left: 1px solid #fff; background: #e2e2e2; } .tabA0 tr th, .tabA0 tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; font-size: 14px; } .tabA0 tr:nth-child(odd) { background: #CECECE; } .dcc3_2 img { max-width: 98%; } .dcc3_2 p { font-size: 12px; } .dcc4_2 img { max-width: 98%; } .fff1 { padding-left: 20px; } .xd20 { overflow: hidden; } .xd21 { float: left; width: 50%; } .xd21 img { max-width: 100%; } .xd22 { width: 50%; padding: 0px; float: left; } .xd220 { padding: 20px; } .xd220 h3 { margin-bottom: 10px; } .table11 h3, .table11 p { font-size: 20px; margin: 20px 0px 10px; } .acc_detail_dtn a { background: url(//www.canon.com.cn/common/img/products/p2/accessory/acc_btn_01.png) 0 0; width: 88px; height: 26px; display: block; margin: 15px 20px 15px 0; text-indent: -9999px; } .acc_detail_dtn a:hover { background-position: 0 -26px; } .html7 table { border-top: 1px solid #fff; border-left: 1px solid #fff; background: #e2e2e2; } .html7 tr th, .html7 tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; font-size: 14px; } .html7 tr:nth-child(odd) { background: #CECECE; } .pdc1 { width: 100%; background: #F9F9F9; padding: 25px 0; } .pdc1 .select_show { width: 100%; height: auto; background: none; } .pdc1 .select_picBlock { border: 2px solid #B7B7B7; border-radius: 10px; width: 40%; float: left; margin: 20px 0 0px; height: 40px; } .pdc1 label { font-family: 寰蒋闆呴粦; margin-bottom: 0px; padding-left: 4px; } .pdc1 #form1 .form_label1 { border: 2px solid #B7B7B7; border-radius: 10px; font-family: 寰蒋闆呴粦; width: 40%; float: left; left: 0px; height: 38px; top: 21px; line-height: 38px; } .pdc1 #moniSelect { width: 28%; float: left; right: 30%; border: 2px solid #B7B7B7; border-radius: 10px; } .pdc1 #moniSelect .moniSelect_txt { width: 80%; float: left; right: 30%; } .pdc1 .select_button { border: 0px; background: #B93D3F; width: 28%; float: left; right: 0px; height: 40px; top: 20px; font-size: 22px; color: #FFF; border-radius: 10px; } .pdc2 { width: 100%; overflow: hidden; } .pdc2 h2 { width: 40%; float: left; font-size: 85px; color: #B93D3F; font-style: italic; } .pdc2 h3 { width: 28%; float: left; margin-left: 2%; font-size: 85px; color: #B93D3F; font-style: italic; } .pdc2 h4 { width: 28%; float: left; margin-left: 2%; font-size: 85px; color: #B93D3F; font-style: italic; } .pdc5 p { font-size: 16px; color: #B93D3F; } .pdc3 { width: 100%; overflow: hidden; } .pdc3 ul li { text-align: center; width: 31%; float: left; margin: 0 1.15%; margin-bottom: 40px; } .pdc3 ul li h2 { font-size: 33px; color: #303030; margin-top: 30px; } .pdc3 ul li h3 { font-size: 14px; color: #B93D3F; margin-top: 15px; } .pdc4 { margin-top: 15px; height: 60px; overflow: hidden; } .pdc4 p { font-size: 18px; color: #303030; line-height: 30px; } .pdc6 { width: 100%; overflow: hidden; background: #F9F9F9; padding: 25px 0; } .pdc6 .dealer_search { padding: 0px; background: none; width: 100%; height: auto; min-height: 118px; overflow: hidden; } .pdc6 .search_content { width: 100%; } .pdc6 .search_content select { font-size: 18px; color: #494747; width: 100%; margin-left: 0px; height: 48px; border: 2px solid #B7B7B7; border-radius: 10px; margin-top: 10px; } .pdc6 .dealer_search .search_content .aa0 a { background: #B93D3F; width: 100%; height: 48px; color: #FFF; font-size: 22px; text-indent: 0px; text-align: center; line-height: 48px; border-radius: 10px; display: block; } .pdc6 .search_content .a1 { width: 18%; margin: 0 1%; font-size: 22px; color: #494747; } .pdc6 .search_content .a2 { width: 18%; margin: 0 1%; font-size: 22px; color: #494747; } .pdc6 .search_content .a3 { width: 18%; margin: 0 1%; font-size: 22px; color: #494747; } .pdc6 .search_content .a4 { width: 18%; margin: 0 1%; font-size: 22px; color: #494747; } .pdc7 ul li { width: 31%; margin: 1.15%; float: left; } .pdc7 ul li h2 { margin-top: 25px; font-size: 28px; color: #494747; font-weight: 700; } .pdc7 ul li p { font-size: 16px; color: #494747; line-height: 25px; height: 100px; overflow: hidden; margin-top: 15px; } .pdc7 ul li h3 { font-size: 18px; color: #B93D3F; margin-top: 15px; } .pdc7 ul li h4 img { width: 100%; } .pdc8 { font-size: 30px; color: #494747; line-height: 180%; } .dnc1 h4 { font-size: 22px; color: #494747; line-height: 180%; } .dnff1 { float: left; width: 80%; } .dnffr { float: right; width: 20%; } .dnc1 { float: left; width: 22%; margin-right: 3%; } .dnffr { margin-top: 46px; } .pppp { width: 980px; margin: 0 auto; } .jjjj { width: 980px; margin: 0 auto; } .jjjj .footer-one-1, .fffds .footer-one-1 { padding-left: 0px; } #navlist { margin-bottom: 20px; } .content_box div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #csaa1 { width: 100%; } #csaa1 ul { width: 96%; } #csaa1 ul li { margin-right: 20px; } .wrapper .overview_box .pro_style_2_l h3 { clear: both; } .wrapper .overview_box .pro_style_2_r h3 { clear: both; } td.tabletitle { color: #777; font-size: 16px; font-weight: bold; background: #e7e7e7; padding: 0 6px; height: 36px; line-height: 36px; } td.tabletitle1 { color: #777; font-size: 16px; font-weight: bold; background: #ccc; padding: 3px 6px; height: 36px; line-height: 36px; } .shallow { background: #f7f7f7; font-size: 12px; line-height: 20px; color: #787878; padding: 3px 6px; } .deep { background: #e7e7e7; font-size: 12px; line-height: 20px; color: #787878; padding: 3px 6px; } .explanation { background: #f8f8f8; font-size: 12px; line-height: 20px; color: #787878; padding: 3px 6px; } td table.subtable { background: #dcdcdc; border-collapse: separate; } td table.subtable td { padding: 3px 6px; line-height: 20px; border: #b5b5b5 1px solid; background: #efefef; } span.red { color: #F00; } div.h20 { height: 20px; width: 782px; margin: auto; } table.detail td { text-align: center; } div.textright { height: 20px; line-height: 20px; text-align: right; width: 782px; color: #787878; } div.tablespace { height: 25px; } .wid_3 { border-top: 1px solid #fff; border-left: 1px solid #fff; background: #e2e2e2; } .wid_3 tr th, .wid_3 tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; font-size: 14px; } .wid_3 tr:nth-child(odd) { background: #CECECE; } .bgcolor_gray6 { border-top: 1px solid #fff; border-left: 1px solid #fff; background: #e2e2e2; } .bgcolor_gray6 tr th, .bgcolor_gray6 tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; font-size: 14px; } .bgcolor_gray6 tr:nth-child(odd) { background: #CECECE; } .cssss { margin-top: 40px; } .title_in { font-weight: 700; } .pro_info_area .pro_info_r { float: right !important; clear: none !important; } .pro_info_area { overflow: hidden; margin-bottom: 20px; } .xxxd1a { font-size: 26px; line-height: 33px; } .xxxd1b { font-size: 20px; line-height: 150%; } .xxxd1c { font-size: 14px; line-height: 24px; } .xxxd1d { text-align: right; } ul#topnav { width: 100% !important; padding-bottom: 40px; } ul#topnav li span { height: 35px; width: 100%; display: block } #juHe .content { background: #f2f2f2; } .pdb25 { width: 94%; position: relative; margin: 3%; } .pdb26 { border: 1px solid #e1e1e1; padding: 0 25px 0 15px; background: url(../images/ascto1.png) no-repeat right 5px center; } .pdb26.on { background: url(../images/ascto2.png) no-repeat right 5px center; } .pdb26 h2 { font-size: 20px; color: #000; line-height: 30px; } .pdb26 input { font-size: 20px; color: rgb(133, 133, 133); line-height: 30px; width: 100%; border: 0px; margin-top: 2px; height: 30px; cursor: pointer; } .pdb27 { max-height: 400px; overflow-y: auto; display: none; width: 100%; border: 1px solid #e1e1e1; padding: 5px; position: absolute; top: 34px; left: 0px; background: #FFF; border-top: none; } .pdb27 ul li { width: 100%; border: 0px; float: inherit; } .pdb27 ul li h2 { line-height: 30px; width: 100%; font-size: 20px; color: #000; padding-right: 25px; background: url(../images/ascto4.png) no-repeat right 5px center; margin: 10px 0; } .pdb27 ul li h2.on { background: url(../images/ascto3.png) no-repeat right 5px center; } .pdb27 ul li dl { margin: 0px; display: none; } .pdb27 ul li dl dd { padding-left: 15px; cursor: pointer; } .pdb27 ul li dl dd h3 { font-size: 20px; color: #000; padding: 8px 0; } .switch, #bigpics { margin: 0 auto; } .overview1 #bigpics { width: 100% !important; background: #fff; } .dcc2_2 a:hover h3 { color: #333; text-decoration: none; } .dcc2_2 a:hover p { color: #333; text-decoration: none; } .dcc2_2 a:hover { color: #333; text-decoration: none; } .pdc3 ul li a:hover h2 { color: #333; text-decoration: none; } .pdc3 ul li a:hover p { color: #333; text-decoration: none; } .moniUl_box { right: 40%; } #pro_dl2 .close { float: none; } #pro_dl3 .close { float: none; } #pro_dl4 .close { float: none; } #pro_dl5 .close { float: none; } #pro_dl6 .close { float: none; } .pppp .head1a { width: 31%; } .fsff .b1 { width: 600px; height: 100px; } .wrapper .overview_box h3 { font-size: 16px !important; line-height: auto !important; } .overview_box .shop a { left: 732px; top: 15px; } .wrapper .intro_list li { float: left; padding-bottom: 44px; } .wrapper p { font-size: 12px; } .wrapper { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .wrapper .p_r30 { padding-right: 30px; } .wrapper .overview_box { width: 690px; } .title { font-size: 36px; line-height: 58px; } .part1 { width: 940px !important; } .part2 { width: 670px !important; float: inherit; margin: 0 auto; padding-left: 0px; } .part3 { width: 100%; height: 50px; margin: 50px auto; } .pat0 .part3 { width: 90%; height: 50px; margin: 50px auto; } .part3 ul li { position: relative; width: 18%; margin: 0 1%; float: left; text-align: center; } .part3 ul li h2 { border: 4px solid #B7B7B7; border-radius: 5px; line-height: 40px; font-size: 20px; color: #494747; font-weight: 700; background: #FFF; } .part3 ul li h2:hover, .part3 ul li h2.on { border: 4px solid #B93D3F; background: #B93D3F; color: #FFF; } .part3 ul li dl { display: none; position: absolute; top: 100%; width: 100%; z-index: 222; } .part3 ul li dl dd { margin-top: 15px; } .goods_info { width: 90%; } .buy_visit_form_ietm { overflow: inherit !important; height: 35px; } .buy_visit_form label.buy_visit_form_6 { overflow: hidden; } .buy_visit_form label.buy_visit_form_9 { overflow: hidden; } .fffds .goods_info { width: 350px; } .wrapper33 { margin: 0 auto; background: #848484 url(../images/body_bj.png) repeat-y center 0; *background: #848484 url(../img/body_bj_ie6.png) repeat-y center 0; overflow: hidden; _height: 100%; min-height: 100%; padding-bottom: 0px; } .wrapper33 .pay { margin: 0 auto; width: 980px; } .anav { background: url(../images/c_tab.jpg) no-repeat left top; height: 50px; } .anav ul { list-style: none; margin: 0; padding: 0; border: 0; } .anav li { float: left; width: 129px; height: 43px; font: normal 16px/18px SimHei; text-align: center; line-height: 35px; padding-top: 8px; cursor: pointer; } .anav li.on { background: url(../images/c_tab_a.jpg) no-repeat left top; color: #FFF; } .anav li.on span { background: url(../images/cc_tab_a.jpg) no-repeat left top; color: #FFF; display: block; margin-top: -8px; padding-top: 8px; } .nei_tab { display: none; } .anav li a { color: #000; } .anav li.on a { color: #fff; } .ttt { width: 750px; } .ayou1 { overflow: hidden; margin-top: 40px; } .ayou1 h2 { line-height: 150%; padding: 10px; font-size: 26px; text-align: center; color: #000; } .ayou1 p { line-height: 150%; padding: 0px 0px 20px 0px; font-size: 12px; text-align: center; color: #999; } .cbodty { width: 1400px; margin: 0 auto; font-size: 14px; line-height: 150%; } .cbodty img { max-width: 100%; } .recommend .title { margin-bottom: 40px; } .introduction_g { margin: 0 auto; } .culture { width: 100% !important; } .ttt { width: 750px; margin: 0 auto; } .intro_corp_tab, .group_model { width: 732px; margin: 0 auto; } .content_box.group_model6 { width: 732px !important; margin: 0 auto; float: none !important; } .group_model6 { width: 732px !important; margin: 0 auto; float: none !important; } .hr_title { margin: 14px auto 0px; } .service6 .overview_box { padding: 0px; width: 100%; } .overview_box h1 { width: 100% !important; } .service6 ul { margin: 0 auto !important; } .jie_c_nei02_an { overflow: hidden; } .news_more { display: block; width: 100%; text-align: right; margin-bottom: 20px; } .news_more a { text-decoration: none; display: inline-block; color: #bf2318; font-size: 22px; line-height: 40px; padding-right: 1%; } .pap7 a:hover h2 { text-decoration: none; } .cssfsfs table { width: 580px; } .cssfsfs table { width: 580px; margin: 0 auto; } .jie_c_nei05 table { width: 580px; margin: 0 auto; } .pat3 ul li .pat4 h2 { font-size: 20px; line-height: 35px; } .pat2 ul li.on h2 { color: #B93D3F; } .pat2 ul li.on span { color: #7C7C7C; } .jie_c_nei02_an table { width: 580px !important; margin: 0 auto; } .pay1 .bottom_toolbar { width: 100% !important; margin-top: 20px; } .pdtt1 { margin-top: 35px; } .pdtt2 { width: 100%; overflow: hidden; } .pdtt2 ul li { background: #B7B7B7; width: 50%; float: left; border: 2px solid #B7B7B7; padding: 15px 10px; border-radius: 20px 20px 0 0; } .pdtt2 ul li h2 { font-size: 22px; color: #000000; text-align: center; line-height: 30px; font-weight: 700; } .pdtt2 ul li.on { background: #F9F9F9; } .pdtt3 { border: 2px solid #B7B7B7; border-top: 0px; width: 100%; overflow: hidden; } .pdtt4 { padding: 25px 40px; width: 80%; float: left; } .pdtt5 { width: 100%; overflow: hidden; } .pdtt5 ul li { text-align: center; width: 48%; margin: 0 1%; float: left; } .pdtt5 ul li h2 img { width: 100%; } .pdtt5 ul li h3 { margin: 10px 0; font-size: 16px; color: #494747; font-weight: 700; line-height: 25px; } .pdtt6 p { font-size: 16px; color: #494747; line-height: 25px; } .pdtt7 { width: 20%; float: left; } .pdtt8 { height: 300px; width: 100%; overflow: hidden; } .song_w p, .history_l p, .song_l span { font-size: 12px; } .pagrt { margin: 30px 0px; overflow: hidden; } .pagrt .dsss1 { float: left; } .pagrt .dsss2 { float: right; } .pay .bottom_toolbar { width: 100% !important; margin-top: 20px; } .content_box { overflow: hidden; } .cbodty .new_pic { text-align: center; margin: 20px 0px 30px; } .content_box2 { overflow: hidden; } .astp { width: 100% !important; max-width: 980px; } .astp1 h2 { font-size: 35px; } .content_box>strong { display: block; line-height: 170%; margin: 20px 0px 10px; } .horizontal_imgs { overflow: hidden; width: 542px !important; margin: 100px auto !important; } .content_box .article_picture { margin: 20px auto; } .tab { margin: 20px auto !important; } .article_word { margin: 0px auto 30px !important; width: 100% !important; padding: 0px !important; } .article_picture { margin: 0px auto 30px !important; padding: 0px !important; } .dnnxd2 { margin-bottom: 20px; } .jie_c_nei04.gdfds ul { width: 630px; } .jie_c_nei04.gdfds li { width: 300px; margin: 0px 0px 0px 10px; } table { border-collapse: collapse; border-spacing: 0; } .tab { overflow: hidden; width: 670px; margin-top: 20px; } .table_tit { background: url(../images/sub_page_title_dot.png) repeat-x scroll left bottom transparent; border-top: 1px solid #D93023; color: #000000; font-size: 14px; font-weight: bold; padding: 7px 0 7px 8px; } .table_div3, .table_div4, .table_div5 { margin-top: 0; } .table_div2 { margin-left: -1px; } .table_div3 .list1, .table_div4 .list1 { width: 150px; } .table_div2 .list1 { width: 151px; } .table_div3 .list2, .table_div4 .list2 { width: 298px; } .table_div2 .list2 { width: 108px; } .table_div3 .list3, .table_div4 .list3 { width: 132px; } .table_div2 .list3 { width: 108px; } .table_div3 .list4, .table_div4 .list4 { width: 86px; } .table_div2.table_div3 .list4 { width: 108px; } .table_div3 th { border-top: medium none; padding-left: 8px; } .table_div2.table_div3 th { background: url(../images/line_3.gif) repeat-x scroll left bottom transparent; border-left: 1px solid #BBBBBB; border-top: 1px solid #D93023; color: #000000; font: 12px SimHei; height: 30px; padding-left: 8px; } .table_div2.table_div3 tr.active td { background-color: #F4F5F5; } .table_div2.table_div3 td { background: url(../images/line_3.gif) repeat-x scroll left bottom transparent; border-left: 1px solid #BBBBBB; color: #666666; font: 12px SimHei; padding: 8px 0 9px 8px; } .pop_lesson { width: 635px !important; } .pdtt7 .calendar01 .cal_table td a:link, .pdtt7 .calendar01 .cal_table td a:visited { height: 28px !important; } .hall_lesson .right { height: auto !important; margin-right: 5px; padding: 20px 0px 20px !important; } .part2 img { max-width: 100%; } .m_class1_list li { height: auto !important; overflow: hidden; } .goback { margin: 40px 0px 0px; } .goback a { font-size: 13px; color: #B93D3F } .roommore { text-align: right; margin-top: 10px; margin-bottom: -10px; } .dealer_search_a { width: 100% !important; } .map_nav { width: 652px !important; height: 513px !important } .padd2 .select_show .moniUl_box { right: 113px; } .hall_info1 .right .btn_tel strong { font: bold 20px/26px Arial, Helvetica, SimHei, san-serif !important; } .info9 { padding: 0px 0px; margin: 0 auto; background: #fff; } .info99 .cbodty { width: 90%; } .part3 ul li dd h2 { font-size: 18px; background: #F9F9F9; } .part3 ul li dl { width: 90%; margin-left: 5%; } .hall_lesson .right.xdaas { float: left; } .csczcz .hall_gallery { width: 100%; } .csczcz { overflow: hidden; position: relative; } .swiper-pagination96.swiper-pagination-bullets { position: absolute; right: 20px; left: auto; text-align: right; z-index: 200; margin-right: 20px; } .rom2 p { font-size: 18px; line-height: 150%; color: #494747; } .rom2 h2 { font-size: 18px; font-weight: 700; line-height: 180%; color: #494747; margin-top: 20px; } .swiper-pagination-bullet-active { background: #B93D3F !important; } .swiper-container96 img { width: 100%; text-align: center; margin: 0px; padding: 2px; } .rom1 { overflow: hidden; } .rom2 { overflow: hidden; padding: 2px; } .fdsss { width: 980px; margin: 0 auto; padding: 0px 3%; } .xdda { padding: 10px 0px; color: #666; font: 13px/20px Arial, Helvetica, SimSun, san-serif; } .xdda p { padding: 10px 0px; font: 13px/20px Arial, Helvetica, SimSun, san-serif; color: #666; } .payeee p { font-size: 16px; line-height: 170%; } .payeee h3 { padding-bottom: 15px; } #free_content .clumb_content { padding: 0px 5%; } .banner strong { padding-left: 20px; } h2.balTitLine { MARGIN: 0PX 20PX; } .cbodty .content_box>div>img, .cbodty p>img { margin-top: 80px !important; } .cbodty .content_box>div>img~p, .cbodty p>img~span { margin-bottom: 80px !important; } .crumbs { display: none; } .showroom_nav { padding: 50px 0px 0px 0px !important; } .showroom_nav li { margin: 0px 5px 0px 0px !important; } .buyyu { font-size: 16px; line-height: 170%; margin-bottom: 20px; } .content_box_rightww { width: 90%; margin: 0 auto; } .support_new_dl { float: left; margin-right: 30px; } .support_new_dl dt { line-height: 220%; } .support_new_dl dd p { line-height: 150%; padding: 15px 0px; } .banner h1 { padding-left: 20px; } .wrapper .clumb_content { padding: 0px 40px; } .buy_tit, .description, .buy_content { width: 100%; } .buy_left, .buy_right { width: 47%; margin: 0px; } .buy_right { margin-left: 6%; } .guide_recomfsffs { width: 90%; margin: 20px auto 40px; overflow: hidden; } .guide_recomfsffs li { float: left; margin-right: 30px; margin-bottom: 20px; } .content_online { width: 100%; } .bb3 { position: relative; top: 10px; left: 20px; color: #eee; font-size: 16px; z-index: 200; } .pro_tab li.split01 { background: none; } .padd2 { width: 684px !important; margin: 0 auto; float: none !important; } .padd4 { width: 680px !important; margin: 0 auto; float: none !important; } .pop_lesson { position: fixed !important; top: 10% !important; left: 50% !important; margin-left: -318px !important; } .part3 ul li h2 a:hover { color: #fff !important; } .part3 ul li h2:hover a, .part3 ul li h2.on a { color: #fff; } .hall_event p.a1 strong { font-size: 14px; line-height: 20px; height: 40px; } .content_box_new { width: 675px !important; margin: 0 auto; float: none !important; padding: 0px !important; } .hotline_content .tab { float: left; } .overview_box2 .fsff .b1 { width: 320px; } .overview_box2 a.arr_r { right: -30px; } .ac_items:hover { cursor: auto; } .serf { font-size: 18px; color: #303030; line-height: 30px; } .tagsBotBox.bbf1 { left: 0px; width: 40%; } .moniUl_box.bbf3 { left: 42%; width: 28%; background: #fff; } .wrapper p.font16 { font-size: 16px; color: #000; font-weight: 700; line-height: 24px; font-family: Arial; } .border_wx h1 { font-size: 12px; font-weight: 400; } .border_wx h3 { font-size: 12px; font-weight: 400; } .label { padding: 0px; } div.zx { margin: 5px 20px 0 0 !important; } .goods_info_new { padding-top: 50px !important; } .new_supports_head_contents_c2 { min-height: 260px; } .new_csr_box_iconc { margin-left: 15%; } .new_about_box_iconc { margin-left: 26%; } .new_about_box_icon { width: 69%; } } #nav3 h2 a:hover, .footList h3 a:hover, .footList ul li a:hover, .footer-twoRightList-new a:hover { color: #CC0000; text-decoration: none; } .new_about_box_icon { margin-left: 3%; } .location a:hover { text-decoration: none !important; } .location a:hover>span { color: #ba3d40; } .location a:last-child span, .location>span.location-three:last-child { color: #ba3d40; } .hover_pro:hover img { box-shadow: 0px 5px 15px rgb(0 0 0 / 20%); -webkit-transition: -webkit-box-shadow .3s linear; transition: box-shadow .3s linear; } .hover_pro:hover p, .hover_act:hover p, .hover_pro:hover h4, .hover_act:hover span, .hover_act:hover em { color: #CC0000; } .hover_act:hover img { opacity: 0.7; } .listLi_new { width: 32% !important; background: #FFFFFF !important; margin-left: 2% !important; margin-bottom: 2%; } .listLi-price-new { padding-left: 6%; padding-top: 2%; } .listLi-contrast-new { padding-right: 6%; line-height: 38px !important; padding-top: 1%; } .listLiBottom-new { height: 105px !important; } .overview-menu { background-color: #333333; text-align: center; padding: 17.5px 0px 17.5px; cursor: pointer; border-radius: 10px; display: block; height: 90px; } .fixedBox-new>div, .fixedBox-new a { margin-bottom: 5px; } .overview-menu>p { margin-top: 5px; color: #ffffff; } .tab-content-new { background: none; padding: 0; } .listBox0-new { background: none; } .listLiTop-new { border: none !important; } .listLiBottom .listLi-name-new { text-align: center; padding-top: 0 !important; line-height: 19px !important; height: 45px !important; } .listLi-price-new { color: rgb(186, 62, 64); } .listLi-price-new span { color: #000 !important; } .toggle-button::after { transform: translateX(calc(100% + 2px)) !important; background-color: #fff !important; border: 1px solid rgb(171, 12, 16) !important; } .toggle-button { background-color: rgb(171, 12, 16) !important; } .fixedBox-new { position: fixed; right: 0px; top: 30%; z-index: 999; width: 90px; } .listLi-contrast-new>div { margin-top: 9px !important; float: left !important; position: relative; width: 40px !important; height: 20px !important; margin: 4px; vertical-align: top; background: rgb(221, 221, 221); border: 1px solid rgb(221, 221, 221) !important; border-radius: 30px; outline: none; cursor: pointer !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2); } .listLi-contrast-new>div:after { content: ""; position: absolute; left: 0.5px; top: 0px; width: 18px; height: 18px; background-color: #fff; border-radius: 50%; transform: translateX(0); transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2); } .db-new-title { font-size: 22px; margin: 0; padding: 15px; background-color: rgb(229, 229, 229); position: relative; } .pdb18 { border-left: 1px solid #e1e1e1 !important; } .pdb13 { border-bottom: 1px solid #e1e1e1 !important; border-right: 1px solid #e1e1e1 !important; } .pdb14 { border-bottom: 1px solid #e1e1e1 !important; border-right: 1px solid #e1e1e1 !important; } .pdb15 { border-bottom: 1px solid #e1e1e1 !important; border-right: 1px solid #e1e1e1 !important; } .pdb16 { border-bottom: 1px solid #e1e1e1 !important; border-right: 1px solid #e1e1e1 !important; } .pdb17 { border-bottom: 1px solid #e1e1e1 !important; border-right: 1px solid #e1e1e1 !important; } .pdb26 input:focus-visible { outline: none; } .vgdfs { position: absolute !important; top: 15px !important; right: 15px !important; width: 25px; height: 25px; cursor: pointer; } .pdb2 { position: absolute; top: 50%; left: 50%; width: 136px; height: 83px; margin-left: -68px; margin-top: -41.5px; } .pdb2 h2 { padding-right: 0px; font-size: 22px; color: rgb(55, 55, 55); line-height: 25px; } .pdb2 h2>span { display: inline-block; margin-bottom: 15px; } .pdb2 h2 b { font-weight: 400; color: rgb(55, 55, 55); } .pdb2 h2 span input { width: 24px; height: 24px; margin: 0px 5px 0 0; } .pdb2 h2 span input { width: 40px !important; height: 20px !important; margin: 4px !important; vertical-align: top; background: rgb(160, 160, 160); border: 1px solid rgb(160, 160, 160) !important; border-radius: 30px; outline: none; cursor: pointer !important; appearance: none; -webkit-appearance: none; transition: all 0.3S cubic-bezier(0.2, 0.85, 0.32, 1.2); position: relative; } .pdb2 h2 span input:focus-visible, .pdb2 h2 span input:focus { outline: none; } .pdb2 h2 span input::after { content: ""; position: absolute; left: 0.5px; top: 0px; width: 18px; height: 18px; background-color: #fff; border-radius: 50%; transform: translateX(0); } .pdb2 h2 span input:checked { background-color: rgb(171, 12, 16) !important; border: 1px solid rgb(171, 12, 16) !important; } .pdb2 h2 span input:checked::after { transform: translateX(calc(100% + 2px)) !important; } .count_num { padding: 0 5px; color: rgb(171, 12, 16) !important; } .pdb12 { background: #fff !important; padding: 15px; } .pdb12 h2 { color: #000 !important; } .pdb10 { margin-top: 0px !important; } .pdb12 { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .pdb27 ul li dl dd h3 { color: rgb(55, 55, 55) !important; } .pdb13 { background: #f2f2f2 !important; text-align: left !important; color: #9fa0a0; } .pdb27 ul li h2 { background: url(../images/db-add.svg) no-repeat right 5px center !important; background-size: 16px !important; font-weight: bold; font-size: 18px !important; } .pdb27 ul li h2.on { background: url(../images/db-jh.svg) no-repeat right 5px center !important; background-size: 16px !important; } .pdb2 h2 div b { font-size: 16px; padding-right: 5px; } #more_li { display: flex; } .goods_info_new { width: 74% !important; } .button_buy_new { width: 100% !important; } .sale_point { text-align: left; margin-left: 15px; margin-top: 10px; } .sale_point li { list-style: disc; margin-bottom: 5px; font-size: 18px; } .jp_price_name_new { padding-right: 8px; color: rgb(160, 160, 160); } .goods_name1_new { padding-top: 0px !important; } .goods_name_new { margin-bottom: 15px !important; } /* 20230613 hmz娣诲姞 start*/ .new_style_left_all { justify-content: space-between; } /* .new_toc_box .new_style_left_all { margin-bottom: 30px; } */ .left_icon { width: 77%; display: flex; flex-wrap: wrap; } .right_img,.right_img_toc { width: 22%; display: flex; flex-direction: column; justify-content: space-between; } .right_img { justify-content: unset; } .right_img::before { position: absolute; content: ''; height: 63%; border-left: 1px solid #DDDDDD; } .right_img_toc::before { position: absolute; content: ''; height: 50%; border-left: 1px solid #DDDDDD; } .new_style_left,.new_style_left_tob { flex-direction: column; align-items: center; } .new_style_left_name { margin-left:0 !important; white-space: nowrap; } .right_img_style { width: 100%; margin-bottom: 35px; } .right_img_style>a:hover { opacity: 0.7; } .rightimg_detail,.rightimg_detail_tob { max-width: 100%; max-height: 120px; } .left_icon .new_left_box_style { margin-bottom: 10px; } .two_style { display: flex; flex-direction: column; line-height: 25px !important; justify-content: center; } .new_button_style { border-radius: 15px; display: inline-block; background-color: #000; color: #fff; width: 80px; padding: 4px; position: absolute; bottom: -10px; font-size: 12px; } .new_a_stype { display: flex; flex-direction: column; position: relative; align-items: center; } .new_banner_style { position: relative; max-width: 90%; } .new_new_style { position: absolute; top: -16px; background: #cc0000; width: 50px; color: #fff; border-radius: 30px 0; font-style: italic; font-size: 12px; text-align: center; } .overview_box2 .rightimg_detail,.overview_box2 .rightimg_detail_tob,.pppp .rightimg_detail,.pppp .rightimg_detail_tob { max-height: 140px; } /* end */ /* 20230612 hmz 娣诲姞 start */ .overview_box2 .new_style_left_all { flex-direction: column; } .overview_box2 .new_left_box_style,.overview_box2 .new_left_box_style_last,.overview_box2 .new_left_box_style_toc,.overview_box2 .new_left_box_style_toc_last { width: 20% !important; } .overview_box2 .new_left_box_style_toc_last,.overview_box2 .new_left_box_style_last { margin-bottom: 30px !important; } .overview_box2 .left_icon,.overview_box2 .right_img, .overview_box2 .right_img_toc { width: 100%; } .overview_box2 .right_img,.overview_box2 .right_img_toc { flex-direction: row; justify-content: flex-start; } .overview_box2 .right_img::before,.overview_box2 .right_img_toc::before,.pppp .right_img_toc::before,.pppp .right_img::before{ display: none; } .overview_box2 .right_img_style{ width: 35%; } .overview_box2 .new_style_left_name,.new_style_left_name { line-height: 25px !important; } .overview_box2 .new_style_center,.new_style_center { line-height: 50px !important; } /* end */ @media screen and (min-width:975px) { .listLi_new:nth-child(3n+1) { margin-left: 0 !important; } } .product_icon_new_box { display: flex; display: -webkit-flex; width: 100%; flex-wrap: wrap; -webkit-flex-wrap: wrap; background-color: rgb(242, 242, 242); } .product_icon_new_box_child { position: relative; } .pinwid1 { width: 100%; } .pinwid2 { width: 50%; } .pinwid3 { width: 33.3333%; } .pinwid4 { width: 25%; } .overview_box2 .pinwid4, .overview_box2 .pinwid3 { width: 50%; } .goods_links_new { font-size: 16px; float: right; width: 100%; margin-top: 5px; } .product_icon_new_box_child a { display: block; text-align: center; padding: 15px 0; } .product_icon_new_box_child a>span { position: relative; padding-left: 45px; display: inline-block; text-align: left; min-width: 125px; } .product_icon_new_box_child a>span::before { content: ""; position: absolute; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; left: 7px; top: 50%; margin-top: -15px; } .product_icon_new_box_child a:hover { text-decoration: none; color: #000; } .down_icon_new::before { background-image: url(/Public/Front/images/pro_down_icon.svg); } .net_icon_new::before { background-image: url(/Public/Front/images/pro_net_icon.svg); } .dealer_icon_new::before { background-image: url(/Public/Front/images/pro_dealer_icon.svg); } .phone_icon_new::before { background-image: url(/Public/Front/images/pro_phone_icon.svg); } .common_icon_new::before { background-image: url(/Public/Front/images/pro_common_icon.svg); } .pinwid2::after, .pinwid3::after, .pinwid4::after { content: ""; position: absolute; width: 1px; height: 35px; background-color: rgb(170, 170, 170); right: 0; top: 50%; margin-top: -17.5px; } .pinwid2:last-child::after, .pinwid3:last-child::after, .pinwid4:nth-child(4n+4):after, .overview_box2 .pinwid4:nth-child(2n+2):after, .overview_box2 .pinwid3:nth-child(2n+2):after { width: 0; } .bdsharebuttonbox { display: flex; display: -webkit-flex; } .sharing_new_text { color: rgb(185, 185, 185); line-height: 44px; margin-right: 15px; } .sharing_new .bdshare-button-style0-32 a { float: none !important; display: block; margin: 6px 15px 6px 0 !important; width: 36px !important; line-height: 36px !important; height: 36px !important; } .sharing_new .bdshare-button-style0-32 a.bds_weixin { background-image: url(/Public/Front/images/share_wechat.svg) !important; background-position: center !important; } .sharing_new .bdshare-button-style0-32 a.bds_tsina { background-image: url(/Public/Front/images/share_weibo.svg) !important; background-position: center !important; } .banner-txt { position: relative; } .sharing_new { position: absolute; bottom: -60px; left: 13%; } .tab_fixed_box { background-color: rgb(242, 242, 242); position: fixed; top: 0; width: 100%; z-index: 3999; left: 0; height: auto; display: none; } .tab_fixed { width: 90%; margin: 0 auto; } .tab_fixed h2 { padding: 15px 0; font-weight: bold; font-size: 24px; position: relative; } .tab_fixed_jy { padding-left: 50px; font-size: 18px; font-weight: normal; } .tab_fixed_jy2 { font-weight: normal; font-size: 18px; } .tab_fixed_buy { font-weight: normal; position: absolute; right: 0; top: 50%; height: 19px; margin-top: -9.5px; } .tab_fixed_buy a { color: rgb(171, 12, 16); } .tab_fixed_buy a:hover { text-decoration: none; color: rgb(171, 12, 16); } .nav-tabs-new>li>a { background: rgb(185, 185, 185) !important; color: rgb(90, 90, 90) !important; } .nav-tabs-new>li.active>a, .nav-tabs-new>li.active>a:hover, .nav-tabs-new>li.active>a:focus { border: none !important; } .nav-tabs-new>li>a { border-radius: 0 !important; } .nav-tabs-new { border-bottom: none !important; } .nav-tabs-new>li.active>a { color: #fff !important; } .nav-tabs-new>li>a:hover { border: none; } .cssss_new { width: 100% !important; position: fixed !important; left: 0; margin-top: 0 !important; z-index: 3999; background: rgb(185, 185, 185); height: 44px; box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1); } .bbi .cssss_new .tabs { width: 90% !important; height: 44px; } .cssss_new .nav-tabs>li, .cssss_new .nav-tabs>li>a { position: relative; } .cssss_new .nav-tabs>li::before { position: absolute; content: ''; top: 0; height: 44px; width: 3px; background: #fff; left: 0; z-index: 1; } .cssss_new .nav-tabs>li:last-child::after { position: absolute; content: ''; top: 0; height: 44px; width: 3px; background: #fff; right: 0; z-index: 1; } .cssss_new .nav-tabs>li { margin-left: 0% !important; } .cssss_new .nav-tabs>li.active { height: 44px; } .cssss_new .nav-tabs>li.active a { height: 100%; } .cssss_new .nav-tabs>li>a { margin-right: 0; } .nav-tabs-new>li { position: relative; } .product_menu_new_2 { display: flex; display: -webkit-flex; position: absolute; bottom: 0; width: 1000%; z-index: 1; } .product_menu_new_2 li { margin-right: 30px; } .new_promenu_height { height: 80px !important; } .nav-tabs-new>li:last-child ul { right: 0; justify-content: right; -webkit-justify-content: right; } .nav-tabs-new>li:last-child ul li { margin-right: 0; margin-left: 30px; } .goods_buttons { margin-top: 20px; } .trdss_new { background-color: #fff; width: 100% !important; box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1); display: none; height: 40px; } .trdss_new3 { width: 90%; margin: 0 auto; position: relative; } .trdss_new2 { position: absolute; width: auto !important; top: 0; padding-left: 0 !important; } .product_menu_new_2 li.hover a { color: #b10c10; } .tab_fixed_mh { padding-left: 5px; font-size: 16px; color: #000; } .pdb14_price { color: #ba3d40; font-weight: bold; font-size: 17px; } .pdb27 ul li dl dd h3:hover { color: #ba3d40 !important; } .pro_buy_new { position: relative; } .pro_buy_new::before { position: absolute; content: ''; background-image: url("/Public/Front/images/shopcar_w.svg"); width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; top: 50%; left: -37px; margin-top: -15px; } .pro_fixed_top_car { position: relative; } .pro_fixed_top_car::before { position: absolute; content: ''; background-image: url("/Public/Front/images/shopcar_r.svg"); width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; top: 50%; left: -27px; margin-top: -10px; } .banner-img-new { margin-bottom: 0; } .banner-txt-new .goods_links { margin-top: 0 !important; } .new_supports_head_contents_box a:hover, .new_purchase_head_contents_c1 a:hover { color: #CC0000; text-decoration: none; } .new_supports_head_contents_box a:foucs { text-decoration: none; color: #CC0000; } .new_supports_head_contents_box a { text-decoration: none !important; } .new_supports_menu_hover2 { max-width: 1400px; margin: 0 auto; } .new_supports_menu_hover2 a:hover { text-decoration: none; color: unset; } .head_flex_set { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .head2 ul li h2 { max-height: 60px; } .new_head_hover:hover>h2>a { color: #CC0000; text-decoration: none; } .new_head_hover:hover::after { position: absolute; content: ""; bottom: -1.5px; width: 100%; height: 3px; background: #CC0000; left: 0; z-index: 199999; } .new_supports_box, .new_toc_box, .new_tob_box, .new_csr_box, .new_about_box, .new_video_box, .new_purchase_box, .new_btob_box { position: fixed; width: 100%; background-color: #fff; z-index: 99999; top: 131px; left: 0; border-top: 1px solid #EEEEEE; display: none; } .new_supports_box_c, .new_toc_box_c, .new_toc_box_c_news { max-width: 1400px; width: 100%; margin: 0 auto; } .new_toc_box_c_news { overflow: hidden; position: relative; } .new_supports_menu_hover1 { width: 100%; padding: 31px 0; margin: 0 auto; } .new_supports_head_title { text-align: left; padding-bottom: 20px; position: relative; } .new_supports_head_close { display: block; max-width: 22px; height: 22px; line-height: 22px; position: absolute; right: 0; top: 0; } .new_supports_head_title>a { color: #111111; font-size: 20px; font-weight: bold; font-family: Microsoft YaHei; } .new_supports_head_title>a:hover { text-decoration: none; color: #CC0000; } .new_supports_head_contents_box { width: 100%; } .new_supports_head_contents_c1 { width: 50%; position: relative; } .new_supports_head_contents_c1::after { position: absolute; right: 0; width: 1px; background-color: #DDDDDD; height: 100%; content: ''; } .new_supports_head_contents_c2 { width: 40%; margin-left: 40px; } .new_supports_head_contents_cc1 { width: 40%; padding-left: 2%; } .new_supports_head_contents_cc1>h3 { font-size: 16px; text-align: left; font-weight: bold; font-family: Microsoft YaHei; } .new_supports_head_contents_cc1>h3>a { color: #111111; font-family: Microsoft YaHei; } .new_supports_head_contents_cc1 ul { width: 98%; padding-left: 2%; text-align: left; margin-top: 20px; } .new_supports_head_contents_cc1 ul li { display: block !important; text-align: left; margin: 0 0 27px 0 !important; } .new_supports_head_contents_cc1 ul li:last-child { margin: 0 !important; } .new_supports_head_contents_cc1 ul li a { font-size: 16px; } .new_supports_head_zzfw { width: 40%; margin-bottom: 40px; margin-right: 10%; } .new_supports_head_zzfw>a { background: #EEEEEE; padding: 16px 0; max-height: 110px; width: 100%; display: flex; display: -webkit-flex; align-items: center; text-align: center; height: 100%; } .new_supports_head_zzfw>a:hover { opacity: 0.7; } .new_supports_head_zzfw:nth-child(2n+2) { margin-right: 0%; } .new_supports_head_zzfw>a p { width: 100%; } .new_supports_head_zzfw>a span { display: block; font-size: 16px; margin-top: 6px; color: #111111 !important; } .new_supports_head_zzfw>a:hover span { color: #CC0000 !important; } .xxxfl, .yxxx, .xxswlbg, .dxswlbg, .zydy, .scxg, .fjlstz, .aqxg, .cpxg, .newsall, .zzfwtitle { display: none; } .new_supports_head_active { display: block; position: relative; min-height: 260px; } .new_supports_menu_hover2 a { padding: 20px; width: 25%; } .new_supports_menu_hover2_bg { background-color: #E3E3E3; } .new_supports_menu_hover2_img { width: 20%; display: flex; display: -webkit-flex; align-items: center; text-align: center; } .new_supports_menu_hover2_img>img { max-width: 33px; margin: 0 auto; } .new_supports_menu_hover2_text { width: 78%; margin-left: 2%; text-align: left; align-items: center; display: flex; display: -webkit-flex; } .new_supports_box_c2 { background-color: #F5F5F5; } .new_supports_menu_hover2_text>p { font-size: 16px; font-weight: bold; text-align: left; color: #111111; } .new_supports_menu_hover2_text>p>span { color: #666666; font-size: 14px; display: block; font-weight: normal; } .head_scroll { top: 0 !important; z-index: 999999; } .new_supports_head_ul li.active a { color: #cc0000; } .new_supports_head_news a { display: block; } .new_supports_head_news a:hover>p { color: #CC0000; } .new_supports_head_news a>div div { font-size: 14px; color: #666666; line-height: 14px; margin-bottom: 6px; } .new_supports_head_news_date { padding-right: 10px; border-right: 1px solid #AAAAAA; } .new_supports_head_news_type { padding-left: 10px; } .new_supports_head_news a>p { font-size: 16px; color: #000; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .new_supports_head_news { margin-bottom: 30px; } .new_supports_head_more { font-size: 16px; font-weight: 400; color: #666666; font-family: Microsoft YaHei; } .new_supports_head_more_p { position: absolute; bottom: 3px; left: 0; line-height: 16px; } .new_head_bg { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); top: 131px; left: 0; display: none; z-index: 99998; transition: all 0.5s; } .overview_box2 .new_supports_box, .overview_box2 .new_head_bg, .overview_box2 .new_toc_box, .overview_box2 .new_tob_box, .overview_box2 .new_csr_box, .overview_box2 .new_about_box, .overview_box2 .new_video_box, .overview_box2 .new_purchase_box, .overview_box2 .new_btob_box { width: 980px; margin: 0px auto; left: 50%; margin-left: -490px; } .overview_box2 .head2 ul li { margin: 0px 19px; } .overview_box2 .new_supports_box_c, .overview_box2 .new_toc_box_c { width: 93%; } .overview_box2 .new_supports_head_contents_c1 { width: 46%; } .overview_box2 .new_supports_head_contents_c2 { width: 48%; } .overview_box2 .new_toc_box_img img { width: 100%; } .overview_box2 .new_toc_box_c_news { width: 93%; margin: 0 auto; } .overview_box2 .new_toc_box_c_contents_box, .overview_box2 .new_tob_box_c_contents_box { width: 33.333%; margin-bottom: 10px; } .overview_box2 .new_toc_box_c_all { margin-bottom: 25px; } .overview_box2 .new_purchase_head_contents_c1 { padding-bottom: 10px; } .overview_box2 .new_purchase_head_box01, .overview_box2 .new_purchase_head_box02 { max-width: 140px; } .overview_box2 .new_purchase_head_box03 { min-width: 209px; } .overview_box2 .new_purchase_head_box04 { max-width: 122px; } .overview_box2 .new_purchase_head_box05 { min-width: 195px; } .overview_box2 .new_purchase_head_contents_cc1 { margin-left: 1.6%; } .overview_box2 .new_csr_box_iconc { margin-left: 4%; } .overview_box2 .new_csr_box_c_all { margin-bottom: 0; } .overview_box2 .new_about_box_iconc { margin-left: 9%; } .overview_box2 .new_about_box_icon { width: 63%; } .overview_box2 .new_video_box_qrc img { width: 100%; } .overview_box2 .new_video_box_img_play { position: absolute; width: 40px !important; height: 39px; right: 5%; bottom: 5%; } .overview_box2 .new_video_box_qrc { width: 48.5%; } .overview_box2 .new_video_box_qr { width: 23%; align-items: normal; } .overview_box2 .new_video_box_qrc:nth-child(2n+1) { margin-left: 0; } .overview_box2 .new_video_box_qrc p { font-size: 13px; } .overview_box2 .new_video_box_banner { width: 35%; } .overview_box2 .new_video_box_icon { width: 42%; } .overview_box2 .new_btob_box_icon { justify-content: unset; -webkit-justify-content: unset; } .overview_box2 .new_btob_box_icon>div:last-child { width: auto; } .overview_box2 .new_btob_box_iconc { width: 33%; } .overview_box2 .new_btob_box_iconc-s { width: 260px; } .new_supports_head_contents_c2 div .head_flex_set .new_supports_head_zzfw:nth-child(3), .new_supports_head_contents_c2 div .head_flex_set .new_supports_head_zzfw:nth-child(4) { margin-bottom: 0; } .new_supports_head_active { min-height: 260px; } .new_supports_box_c2 .new_supports_menu_hover2>a:hover .new_supports_menu_hover2_text>p { color: #cc0000; } .new_head_sp_third>li>a>h2 { color: #DDDDDD !important; } #nav4>h2>a:hover, #nav1>h2>a:hover, #nav2>h2>a:hover, #nav7>h2>a:hover, #nav25>h2>a:hover, #nav5>h2>a:hover, #nav6>h2>a:hover, #nav3>h2>a:hover { text-decoration: none !important; } #nav1, #nav2, #nav7, #nav25, #nav5, #nav6, #nav3 { position: relative; } a.new_toc_box_link_a>.new_toc_box_name { font-size: 16px; color: #000; line-height: 66px; margin-left: 10px; text-align: left; } a.new_toc_box_link_a>.new_toc_box_img { max-width: 66px; max-height: 66px; } a.new_toc_box_link_a:hover, a.new_toc_box_c_newsc:hover { text-decoration: none; } a.new_toc_box_link_a:hover .new_toc_box_name, .new_toc_box_c_newsc:hover, a.new_toc_box_c_newsc:hover .new_head_newslogo>span, a.new_toc_box_c_newsc:hover h3 { color: #cc0000; } a.new_toc_box_link_a:hover img, a.new_toc_box_c_newsc:hover img { opacity: 0.7; } .new_toc_box_c_contents_box, .new_tob_box_c_contents_box { width: 20%; margin-bottom: 40px; } .new_toc_box_c_all { margin-top: 10px; } .new_toc_box_c_newsc { justify-content: space-between; -webkit-justify-content: space-between; color: #000; } .new_toc_box_c_swiper, .new_tob_box_c_swiper, .new_csr_box_c_swiper, .new_about_box_c_swiper, .new_purchase_box_c_swiper, .new_btob_box_c_swiper { padding: 15px 0; min-height: 124px; } .new_toc_box_c_newstitle { align-items: center; width: 70%; text-align: left; } .new_toc_box_c_newstitle>h3 { font-size: 17px; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .new_head_newslogo { text-align: left; font-weight: normal; font-size: 16px !important; margin-top: 8px; } .new_head_newslogo>span { color: #333333; position: relative; } .new_head_newslogo>span::before { content: "|"; position: absolute; right: -10px; width: 1px; height: 17px; top: 0; color: #AAAAAA; } .new_head_newslogo>span::after { content: "NEWS"; position: absolute; right: -70px; width: 48px; height: 17px; top: 1px; color: #CC0000; font-size: 16px; } .new_head_newslogo_btob>span::after { content: ""; } .new_head_newslogo>b { color: #CC0000; padding-left: 18px; font-weight: normal; } .new_btob_box_img_y { max-width: 166px !important; } .new_btob_box_icon { justify-content: space-between; -webkit-justify-content: space-between; } .new_btob_box_icon>div:last-child { width: 100%; } .new_btob_box_icon>div:last-child>div { max-width: 170px; } .new_btob_box_iconc { margin-bottom: 40px; } .new_purchase_box_c_swiper .new_head_newslogo_shanghai>span::after { content: "涓婃捣灞曞巺"; } .new_purchase_box_c_swiper .new_head_newslogo_guangzhou>span::after { content: "骞垮窞灞曞巺"; } .new_purchase_box_c_swiper .new_head_newslogo_shenzhen>span::after { content: "娣卞湷灞曞巺"; } .new_purchase_box_c_swiper .new_head_newslogo_chengdu>span::after { content: "鎴愰兘灞曞巺"; } .new_toc_box_c_newsimg { max-width: 170px; } .new_toc_box_c_newsimg img { width: 100%; } .new_product_menu_hover1 { padding-bottom: 0px; } .new_head_swiper_p>.swiper-pagination91>span.swiper-pagination-bullet-active { width: 27px; border-radius: 10px; } .new_csr_box_qr, .new_about_box_qr { width: 16%; margin-right: 4%; text-align: left; } .new_about_box_qr { width: 28%; max-width: 336px; } .new_about_box_qrc { margin-right: 4%; width: 48%; } .new_about_box_qrc:last-child { margin-right: 0; } .new_csr_box_qr>img, .new_about_box_qrc>img { width: 100%; max-width: 158px; } .new_csr_box_qr>p, .new_about_box_qrc>p { font-size: 16px; color: #111111; margin-top: 5px; max-width: 158px; text-align: center; } .new_csr_box_icon { width: 80% } .new_csr_box_iconc { width: 25%; margin-bottom: 40px; max-width: 145px; } .new_csr_box_iconc:nth-child(4n+1) { margin-left: 0%; } .new_about_box_iconc { width: 33.3333%; margin-bottom: 40px; max-width: 145px; } .new_about_box_iconc:nth-child(3n+1) { margin-left: 0%; } .new_toc_box_c_contents_box:nth-child(5n+1), .new_tob_box_c_contents_box:nth-child(5n+1) { margin-left: 0%; } .new_video_box_icon { width: 33.3333%; } .new_video_box_qr { align-items: center; width: 27.5%; } .new_video_box_qrc { width: 31.33%; margin-left: 3%; } .new_video_box_qrc:nth-child(3n+1) { margin-left: 0; } .new_video_box_banner { width: 39.16666%; min-height: 281px; } .new_video_box_banner:hover a>img, .new_video_box_banner_mini:hover a>img { opacity: 0.7; } .new_video_box_iconc { width: 50%; } .new_video_box_banner img { width: 100%; } .new_video_box_c_all { padding-bottom: 30px; } .new_video_box_banner>a { display: block; width: 90%; margin: 0 auto; position: relative; } .new_video_box_img_play { position: absolute; width: 72px !important; height: 72px; right: 5%; bottom: 5%; } .new_purchase_head_contents_c1 { width: 100%; } .new_purchase_head_contents_cc1 { width: 20%; padding-left: 0; } .new_purchase_head_contents_cc1:nth-child(5n+1) { padding-left: 0; margin-left: 0; } .new_purchase_head_contents_c1 { padding-bottom: 40px; } #goTop1 { padding: 0px; position: fixed; bottom: 64px; right: 32px; z-index: 999; width: 61px; height: 61px; background-image: url(/Public/Front/images/top.png); background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; display: none; } #goTop1:hover { background-image: url(/Public/Front/images/top_red.png); } .new_page_common_box { width: 90%; margin: 50px auto; } .new_purchase_head_box01 .new_supports_head_ul a:hover img { opacity: 0.7; } .footerLogo img.cac { max-width: 129px; border: 5px solid #eeeeee !important; } .new_supports_box_c2 .swiper-slide { background: transparent !important; } .new_supports_head_zzfwtitle.active { color: #CC0000; } .new_common_tab { display: flex; width: 100%; align-items: flex-end; } .new_common_tab li, .new_common_tab a { font-size: 20px; font-weight: 400; text-align: center; background-color: #F2F2F2; color: #7C7C7C; border: 0; border-radius: 0; height: 48px; line-height: 48px; width: 50%; cursor: pointer; display: block; border-right: 2px solid #fff; } .new_common_tab li:last-child, .new_common_tab a:last-child { border-right: none; } .new_common_tab li.is-active, .new_common_tab a.is-active { height: 60px; line-height: 60px; background-color: #B93D3F; color: white; } .footer-one-1 { margin-top: 6px; } @media screen and (min-width:975px) and (max-width:1080px) { .new_btob_box_icon { justify-content: unset; -webkit-justify-content: unset; } .new_btob_box_icon>div:last-child { width: auto; } .new_btob_box_iconc { width: 33%; } .new_btob_box_iconc-s { width: 260px; } } @media screen and (min-width:975px) and (max-width:1400px) { .new_tob_box_c_contents_box { margin-bottom: 15px; } /* 20230613 hmz 鏂板 */ .pppp .new_rightimg, .new_rightimg { height: 66px; width: 66px; } } /* 0619 hmz 娣诲姞 start */ .pppp .left_icon { width: 100%; display: flex; flex-wrap: wrap; } .pppp .right_img,.pppp .right_img_toc { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; } .pppp .new_style_left,.new_style_left_tob { flex-direction: column; align-items: center; } .pppp .right_img_style{ width: 35%; } .pppp .new_style_left_name { margin-left:0 !important; line-height: 25px !important; } .pppp .new_left_box_style_toc,.pppp .new_left_box_style,.pppp .new_left_box_style_toc_last,.pppp .new_left_box_style_last { width: 20%; margin-bottom: 5px !important; } .pppp .new_left_box_style_toc_last,.pppp .new_left_box_style_last { margin-bottom: 30px !important; } .pppp .rightimg_detail,.pppp .rightimg_detail_tob { max-width: 100%; max-height: 120px; } .pppp .two_style { display: flex; flex-direction: column; line-height: 25px !important; justify-content: center; } .pppp .new_style_center { line-height: 50px !important; } @media screen and (max-width:1499px) { /* 20230613 hmz鏂板 */ .new_style_left_tob .new_style_left_name { font-size: 16px !important; max-width:100% !important; white-space: nowrap; } .overview_box2 .new_style_left_name { line-height: 20px !important; } .overview_box2 .new_style_center,.new_style_center { line-height: 40px !important; } .overview_box2 .two_style,.two_style { display: flex; flex-direction: column; line-height: 20px !important; justify-content: center; } .new_left_box_style_toc,.new_left_box_style { margin-bottom: 5px !important; } .right_img::before { height: 60%; margin-bottom: 25px; } .rightimg_detail,.rightimg_detail_tob { max-height: 100px; } .new_style_left_all { margin-bottom: 10px; } /* end */ } /* 20230615 hmz 娣诲姞 start */ .new_sp_style { background: #fff !important; } .new_sp_style .cai2 ul li h2 { color: #000 !important; font-weight: bold; } .new_sp_style_child>li>a>h2 { color: #000 !important; font-weight: unset !important; } .new_sp_style_child>li>a>h2 { color:#000 !important } .phone_bannerimg { border-bottom: unset !important; overflow: visible !important; margin: 30px 0; } .phone_bannerimg_style { width: 95%; } .new_cai3 { border-bottom: 2px solid #6f6f6f !important; } .new_head_sp_show::before, .new_head_sp_show::after { background: #6f6f6f !important; } .new_head_sp_secend_click::after { border-top: 4px solid #6f6f6f !important; border-left: 4px solid #6f6f6f !important; } /* end */ @media screen and (max-width:974px) { /* 20230613 hmz鏂板 */ .new_button_style { border-radius: 20px; width: 100px; text-align: center; line-height: 20px; } .new_new_style { line-height: 25px; width: 70px; } .new_banner_style { width: 90%; } /* end */ } @media screen and (min-width:975px) and (max-width:1200px) { /* hmz 娣诲姞 20220621 */ .right_img_toc,.right_img { justify-content: space-evenly; } }