锘緻charset "utf-8"; @media screen and (min-width:200px) and (max-width:768px) { .dnnxd2 .xd21 img { max-width: 100%; } .clearfix .proDesTxt { margin-left: 0px; } .clearfix .proDesTxt p { width: auto; } .xd2, .xd101, .proDescription { width: 90%; margin: 0 auto; } .proDescription .clearfix .fl { float: none; } #swiper-one { float: none; } .pc { display: none; } .phone { display: block; } .head1 { padding: 20px 30px 18px; overflow: hidden; height: 80px; background: #fff; } .head1a { float: left; width: 35%; } .head1a img { width: 192px; max-width: 129% !important; } .head1b { float: left; width: 25%; } .head1b1 img { margin-left: 10px; } .head1b1 { float: left; } .head1b2 { margin-left: 20px; float: left; } .head1c { float: left; } .head1c1 { float: left; } .head1c1 .qa1 { display: inline-block; width: 28px; height: 28px; background: url(../images/ico_1.png) no-repeat; } .head1c1 .qa2 { display: inline-block; width: 28px; height: 28px; background: url(../images/ico_2.png) no-repeat; } .head1c2 { float: left; border: 2px solid #c6c6c6; line-height: 24px; margin-left: 18px; } .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; width: 23%; margin-top: 1%; } .head1d img { width: 75%; margin-left: 37px; margin-top: 6px; } .head2 { width: 100%; height: 60px; } .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; } .nav00 { position: relative; } .nav00:hover .nav2 { display: block; } .nav2 { position: absolute; top: 60px; left: -20px; display: none; z-index: 1000; } .nav1 { position: absolute; top: 60px; left: 0px; width: 100%; background: #fff; z-index: 1000; padding: 0% 3% 0px; display: none; overflow: hidden; } .nav1 dl dt { width: 21%; float: left; margin: 2%; } .nav1 dl dt span img { width: 100%; } .nav1 dl dt p { text-align: left; padding-left: 0%; } .nav1 dl dt p a { line-height: 67px; font-size: 14px; color: #000; } .head2 ul li:hover .nav1 { display: block; } .head2 ul li:hover .nav2 { display: block; } .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 { text-align: center; } .swiper-container9 .ban11 img { max-width: 90%; } .swiper-container9 .ban11a { margin-top: 20%; } .swiper-container9 .ban11b { margin-top: 3%; } .swiper-container9 .ban11c { margin-top: 3%; } .swiper-container9 .ban12 {} .swiper-container9 .ban12 img { text-align: center; max-width: 90%; } .swiper-pagination9 { background: #000000; padding: 10px 0px; text-align: center; } .swiper-container9 .swiper-pagination-bullet { width: 80px; height: 8px; border-radius: 10px; background: #4F5050; opacity: 1; cursor: pointer; } .swiper-container9 .swiper-pagination-bullet-active { width: 80px; height: 8px; border-radius: 10px; background: #7B7C7C; } .adv0 h2 { margin: 0px; } .adv0 a { text-decoration: none; } .adv0 { width: 100%; background: #262626; overflow: hidden; } .adva { width: 100%; float: left; } .advb { width: 100%; float: left; } .adva1 { width: 100%; position: relative; float: left; } .adva2 { width: 100%; overflow: hidden; float: left; } .adva21 { float: left; width: 100%; position: relative; } .adva22 { float: left; width: 100%; position: relative; } .advb1 { width: 100%; overflow: hidden; } .advb11 { width: 100%; float: left; position: relative; } .advb12 { width: 100%; float: left; position: relative; } .advb2 { width: 100%; position: relative; } .aa1 {} #adva2 .sizer { padding: 0%; } #adva21 .aa3 { position: static; } .adva22 .aa32 { padding: 0px 0px 20px; } .adva22 .aa31 { padding: 10% 30px; } .adva22 .aa31 h2 { font-size: 28px; } .adva22 .aa31 p { font-size: 24px; } #adva21 { width: 100%; } #adva22 { width: 100%; } #adva22 .aa3 { position: static; text-align: center; } #adva21 .aa2 a { background: none !important; } #adva21 .sizer { padding: 0%; } #adva22 .sizer { padding: 0%; } .aa2 { position: static; text-align: center; background: #fff; } .aa21 { position: static; text-align: center; } .aa22 { position: static; text-align: center; } .aa96 { text-align: center; padding: 30px 0px; } .aa96 img { max-width: 90%; } .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: 96px; left: 20px; width: 15%; } .aa11 img { width: 100%; } .aa12 img { width: 100%; } .advb11 .sizer { padding: 0%; } .advb11 .aa3 { position: static; } .advb11 .aa32 { padding: 0px 0px 20px; } .advb11 .aa31 { padding: 10% 30px; } .advb11 .aa31 h2 { font-size: 28px; } .advb11 .aa31 p { font-size: 24px; } .aa2 a {} .aa21 {} .aa21 h2 { font-size: 44px; color: #000; } .aa21 p { font-size: 26px; color: #000; line-height: 250%; } .aa22 { padding-bottom: 60px; } .aa22 p { font-size: 40px; color: #000; } .aa3 a { width: 100%; height: 100%; display: block; position: relative; } .aa31 { padding: 0px 5%; } .aa31 h2 { font-size: 24px; color: #fff; text-align: center; line-height: 250%; } .aa31 p { font-size: 20px; color: #fff; line-height: 160%; text-align: center; } .aa32 { text-align: center; padding: 20% 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: 28px; padding: 2px 5px; margin-top: 5px; } .aa5 {} .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: 26px; 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: 26px; padding: 4px 10px; margin-top: 5px; } .aa332 { position: absolute; bottom: 5%; left: 10px; width: 40%; display: none; } .aa331 { position: absolute; bottom: 10%; right: 10px; width: 45%; display: none; } .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: 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; } .foot1 { overflow: visible; padding: 40px 0px 33px; height: 120px; } .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: 16px; } .foot12 { float: left; margin-left: 16px; } .foot13 { float: left; margin-left: 16px; } .foot2 ul { overflow: hidden; margin: 0px auto; max-width: 453px; width: 100%; } .foot2 { padding: 0px 30px 10px; border-bottom: 3px solid #E4E4E4; } .foot2 p { text-align: center; font-size: 16px !important; } .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; } .foot313 { position: absolute; right: 100px; bottom: 22px; } .foot313 p { font-size: 12px; } .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: 150%; z-index: 1000; padding: 5% 8%; display: none; overflow-y: auto; z-index: 999999; } .cai1 { overflow: hidden; } .cai1a { float: left; } .cai1b { float: right; } .cai2 { overflow: hidden; margin-top: 30px; } .cai2 ul li { line-height: 80px; overflow: hidden; border-bottom: 2px solid #6f6f6f; } .cai2 ul li span { display: block; width: 13%; } .cai2 ul li span img { margin-top: 0%; max-width: 100%; vertical-align: middle; } .cai2 ul li h2 { display: block; color: #fff; line-height: 80px; margin: 0px 0px 0px 30px; font-size: 26px; } .cai3 { overflow: hidden; border-bottom: 2px solid #fff; } .cai31 { display: block; float: left; line-height: 80px; border: 0px; background: url(../images/xx11.png) no-repeat center center; width: 90px; outline: none; } .cai32 { display: block; float: left; line-height: 80px; border: 0px; width: 80%; font-size: 26px; background: none; color: #fff; outline: none; } .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.active a { color: #B93D3F; border-bottom: 2px solid #8c8c8c; } .cai32:hover, .cai32:active { border: 0px; box-shadow: 0px 0px 0px #fff; } .cai31:hover, .cai31:active { border: 0px; box-shadow: 0px 0px 0px #fff; } .kai2 ul li a { font-size: 26px; color: #000; } .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; } #more_div_phone { overflow: hidden; position: relative } #more_li_phone .more_li_item { width: 25% !important } #more_div_phone .pdb11 { overflow: scroll } #more_div_phone .pdb11 .scrollDiv { width: 1080px; } .pdb16 { width: 25%; } .pdb4 { z-index: 199 !important } .scrollPhone { overflow-x: scroll; height: auto; -webkit-overflow-scrolling: touch } .scrpsd11 { height: 100vw } .trFix { width: 100%; font-size: 16px; position: absolute; top: 0 } .pdb14 { font-size: 16px } .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: 20px; } .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; } .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: 32.2% !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: 32.3% !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; } #swiper-one .swiper-slide { width: 32.3% !important; } .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 { height: auto; background: #626061; text-align: left; z-index: 1000; } .selectBoxLine { width: 100%; height: 3px; background: #ba3d40; } .selectedBox-ul { background: #fff; overflow: hidden; list-style: none; } .selectedBox-li:hover { color: #ba3d40; } .selectedBox-ul li { width: 25%; float: left; color: #000; text-indent: 20px; font-size: 24px; } .compositor { width: 100%; height: 50px; line-height: 50px; font-size: 26px; color: #000; } .tabs { margin-top: 0px; } .compositor>div { float: left; } .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; font-size: 18px; } .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%; background: #f2f2f2; overflow: hidden; } .listLi { float: left; width: 44%; height: auto !important; background: #f2f2f2; margin-left: 4%; position: relative; } .listLiTop { width: 100%; height: 200px; background: #fff; border: 1px solid #e2e2e2; text-align: center; display: table; text-align: center; vertical-align: middle; } .dffd { display: table-cell; text-align: center; vertical-align: middle; } .listLiTop img { max-width: 88%; padding-top: 3%; max-height: 190px; } .listLiBottom { width: 100%; height: 173px; letter-spacing: 2px; } .listLiBottom .listLi-name { width: 100%; font-size: 30px; padding: 10px 0px; line-height: 35px; margin-left: 0px; margin: 0px; height: 100px; color: #333; } .listLiBottom>div { width: 100%; margin-top: 10px; } .listLi-price { float: left; font-size: 21px; line-height: 30px; } .listLi-price span { font-size: 20px; 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: 70px; margin-top: -50px; font-size: 16px; color: #B93D3F; margin-bottom: 40px; } #swiper-two .listLiTxtLink { margin-left: 20px; margin-top: -50px; font-size: 16px; color: #B93D3F; margin-bottom: 40px; } #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: 36px; line-height: 36px; margin-right: 10px; font-size: 20px; text-indent: 10px; display: none; position: relative; top: -5px; } .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; } .foot312 p a { color: #333; } #juHe .selected .choose { width: 9%; font-size: 15px; } #juHe .selected .selected-one { width: 14%; font-size: 30px; } #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; } .swiper-slide .listLiTxt { height: auto; padding-left: 12px; margin: 0px 40px 0px 40px; } .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; margin-left: 70px; } .rrw1 { text-align: right; } .rrw1 img {} .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: 0px 5px; } #swiper-three img.on1 { transition: 2s; -moz-transition: 2s; -webkit-transition: 2s; -o-transition: 2s; cursor: pointer; } #swiper-three img.on1:hover { transform: scale(1.1); } .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 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: 0px; background: url(../images/ppd2.png) no-repeat; width: 26px; height: 49px; z-index: 200; } #swiper-one { width: 100% !important; margin: 0px !important; } .xing0 { overflow: hidden; margin: 30px 0px; } .xing1 { float: left; width: 44%; margin-left: 4%; height: 80px; line-height: 80px; text-align: center; background: #949494; font-size: 25px; color: #fff; } .xing2 { float: left; width: 44%; margin-left: 4%; height: 80px; line-height: 80px; text-align: center; background: #949494; font-size: 25px; color: #fff; } .xing1.on { background: #B93D3F; } .xing2.on { background: #B93D3F; } .listTopTabs>ul { margin-top: 20px; } #xing1 { display: none; } .selectedBox { width: 100%; } #juHe .selected .selected-one { width: 100%; margin: 0px 0px 0px 0%; background: #949494; } #juHe .selected .choose { display: none; } .selected { background: #fff; } #juHe .selected>div>span { display: block; } .selected-one .glyphicon { top: -25px; left: 10%; } .recommend { padding: 30px 0px 20px; } #swiper-two { width: 100%; } #swiper-two .swiper-slide { margin: 0px !important; width: 50% !important; height: auto !important } .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; } #fdfdf {} .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 5px 0px; width: 90%; } #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; } .headpc { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999999; } .bodymain { padding-top: 140px; } .selected4 h2 { line-height: 60px; border-bottom: 1px solid #000; } .selected4 h2 span { float: right; display: block; width: 40px; background: url(../images/ttt1.png) no-repeat center center; height: 60px; } .kai28 { height: 100%; overflow: auto; } .kai281 {} .sli { font-size: 26px; line-height: 50px; } .sli.on { font-size: 30px; line-height: 70px; color: #B93D3F; } .selected4 h2 span.on { float: right; display: block; width: 40px; background: url(../images/ttt2.png) no-repeat center center; height: 60px; } .tabs { float: left; height: auto; margin-left: 0% !important; width: 100% !important; } .heng1 { height: 200px; width: 2px; background: #949494; position: absolute; left: 0px; left: 50%; } .mm1 img { width: 100%; } .mm1 { text-align: center; } .index_content { position: static; } .sizer { padding: 0px; } .index_block._5x3 .sizer { padding: 0px; } .aaa4 { width: 50%; } .aaa4 .sizer { padding-top: 100%; } .aaa4 .index_content { bottom: 0; left: 0; margin: 4px; position: absolute; right: 0; top: 0; } .index_ad h6 { font-size: 26px; } .foot12 { position: relative; } .foot13 { position: relative; } .foot12 .cac { position: absolute; top: -100px; left: 40px; width: auto; height: auto; display: none; padding: 5px; background: #fff; z-index: 1200; border: 2px solid #000; } .foot12:hover .cac { display: block; } .foot13 .cac { position: absolute; top: -100px; left: 40px; width: auto; height: auto; display: none; padding: 5px; background: #fff; z-index: 1200; border: 2px solid #000; } .foot13:hover .cac { display: block; } .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: 0%; top: 0%; width: 100%; height: 90%; padding: 3% 0px; display: none; } .bb1 { overflow: hidden; position: absolute; z-index: 4004; top: 30%; right: 2%; } .bb2 { overflow: hidden; width: 720px; margin: 0 auto; position: fixed; z-index: 4004; top: 50%; left: 50%; margin-left: -360px; margin-top: -200px; } .bb2 video { width: 100%; } .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; } .b1 li.active ins {} 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; } a.arr_l:hover, ul.page li a.p:hover, a.pv:hover {} a.arr_r:hover, ul.page li a.n:hover, a.nv:hover {} .fsff { position: relative; padding-left: 40px; width: 100%; } .banner45 { margin-top: 0px; } .cssd { overflow: hidden; clear: both; } .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; } .box_1 { overflow: hidden; margin-bottom: 40px; font-size: 24px; line-height: 170%; } .box_1 h3 { line-height: 40px; font-size: 20px; } .box_10 { overflow: hidden; } .box_2 { float: left; width: 100%; } .box_2 img { max-width: 100%; } .box_3 { float: left; width: 100%; } .box_3 p { padding: 20px 0px 0px; } .c3_1 { overflow: hidden; margin-bottom: 40px; font-size: 24px; line-height: 170%; } .c3_1 img { max-width: 100%; margin-bottom: 10px; } .c3_1 h3 { line-height: 40px; font-size: 20px; padding: 0px; } .c3_1 p { margin-top: 20px; padding: 20px 0px 0px; } .c1_1 { overflow: hidden; margin-bottom: 40px; font-size: 24px; line-height: 170%; } .c1_1 h3 { line-height: 40px; font-size: 20px; } .c1_2 { float: left; width: 100%; } .c1_3 { float: left; width: 100%; } .c1_3 p { padding: 20px 0px 0px; } .c1_2 img { max-width: 100%; } .c2_1 { overflow: hidden; margin-bottom: 40px; font-size: 24px; line-height: 170%; } .c2_1 h3 { line-height: 40px; font-size: 20px; } .c2_2 { float: left; width: 100%; } .c2_3 { float: left; width: 100%; } .c2_2 p { padding: 20px 20px 0px 0px; } .c2_3 img { max-width: 100%; } .overview_box { padding: 0px 20px; } .b1_1 { width: 100%; margin-bottom: 40px; font-size: 24px; line-height: 170%; } .b1_1 img { max-width: 100%; } .b2_1 { overflow: hidden; margin-bottom: 40px; font-size: 24px; line-height: 170%; } .b2_10 { overflow: hidden; } .b2_2 {} .b2_3 {} .b2_3 img { max-width: 100%; } .b2_2 h3 { font-size: 36px; line-height: 48px; padding: 5% 20px 0px; } .b2_2 p { font-size: 24px; line-height: 36px; padding: 0 20px 0px; } .b3_1 { overflow: hidden; margin-bottom: 40px; font-size: 24px; line-height: 170%; } .b3_10 { overflow: hidden; } .b3_2 { vertical-align: middle; } .b3_3 {} .b3_3 img { max-width: 100%; } .b3_2 h3 { font-size: 26px; line-height: 33px; padding: 5% 20px 0px; } .dc1_1 { overflow: hidden; margin-bottom: 40px; font-size: 24px; line-height: 170%; } .dc1_10 { overflow: hidden; } .dc1_2 { vertical-align: middle; float: left; clear: both; padding-right: 10px; } .dc1_3 {} .dc1_2 img { max-width: 100%; } .dc1_3 h3 { font-size: 28px; line-height: 48px; padding: 0px 0px 0px; } .dc1_3 p { font-size: 24px; line-height: 36px; padding: 0% 0px 0px; } .dc2_1 { overflow: hidden; margin-bottom: 40px; font-size: 24px; line-height: 170%; } .dc2_10 { overflow: hidden; } .dc2_2 {} .dc2_2 img { max-width: 100%; } .dc2_2 h3 { font-size: 36px; line-height: 48px; padding: 5% 20px 0px; } .dc2_2 p { font-size: 24px; line-height: 36px; padding: 0% 20px 0px; } .dc3_1 { overflow: hidden; margin-bottom: 40px; font-size: 24px; line-height: 170%; } .dc3_2 { float: left; width: 50%; } .dc3_1 img { max-width: 100%; } .dc3_1 h3 { font-size: 36px; line-height: 48px; padding: 5% 20px 0px; } .dc3_1 p { font-size: 24px; line-height: 36px; padding: 3% 20px 0px; } .dc3_20 { float: left; width: 50%; } .dc4_1 { overflow: hidden; margin-bottom: 40px; font-size: 24px; line-height: 170%; } .dc4_2 { float: left; width: 50%; } .dc4_1 img { max-width: 100%; } .dc4_1 h3 { font-size: 36px; line-height: 48px; padding: 5% 20px 0px; } .dc4_1 p { font-size: 24px; line-height: 36px; padding: 3% 20px 0px; } .dc4_20 { display: none; } .vb0 { position: fixed; top: 200px; right: 10px; z-index: 700; width: auto; } .vb1 { width: 0px; height: 0px; border-top: 50px solid transparent; border-right: 50px solid #b83939; border-bottom: 50px solid transparent; } .vb2 { position: fixed; top: 200px; right: 10px; z-index: 3000; width: auto; display: none; } .vb20 { position: relative; background: #b83939; padding: 40px 20px 20px; } .vb20 ul li a { line-height: 50px; font-size: 24px; color: #fff; } .vb20 b { display: block; top: 0px; right: 0px; width: 0px; height: 0px; border-left: 20px solid transparent; border-top: 20px solid #fff; border-right: 20px solid transparent; border-bottom: 20px solid transparent; position: absolute; z-index: 700; } .bbfb { position: absolute; top: 15px; left: 15px; } .glyphicon-search { font-size: 34px; } .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: 20px; } .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; padding: 0px 30px; } .trdss li { float: left; line-height: 40px; font-size: 18px; margin-right: 30px; } .trdss li.hover a { color: #b10c10 } .zty0 { overflow: hidden; } .zty0 h3 { font-size: 26px; line-height: 200%; } .zty1 { float: left; width: 100%; } .zty1 img { max-width: 90%; } .zty2 { float: left; width: 65%; padding: 0px 0px; font-size: 14px; line-height: 170%; } .content.bbi { background: #fff; padding-top: 180px; } .listLiBottom .listLi-name b { background: #ba3d40; color: #fff; font-size: 14px; padding: 1px 5px; } .dv2_1 { overflow: hidden; margin-bottom: 40px; } .dv2_10 { overflow: hidden; } .dv2_2 { float: left; width: 47%; margin-left: 2%; } .dv2_2 img { max-width: 100%; } .overview_box .dv2_2 h3 { font-size: 24px; line-height: 40px; padding: 5% 0px 0px; } .dv2_2 p { font-size: 22px; line-height: 40px; 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: 126px; height: 26px; border: 0px solid #d2d2d2; background: none; } .head1c2 .search input { outline: none; width: 105px; width: 103px; height: 18px; height: 16px; padding: 4px 0px; font-size: 14px; padding-left: 21px; border: 1px solid #fff; height: 20px\0; padding-top: 2px\0; margin: 0; border: 0; } .cai3 .search { float: none; margin: 0; } .head1c2 .search .getfocus { width: 120px; 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; } .head1c2 p.sub_logo { width: 144px; float: left; margin: 28px 0 0 40px; } #bdshare_weixin_qrcode_dialog { height: 300px !important; } .xa1 { width: 100%; } .xa1 img { max-width: 100%; } .xb1 { width: 100%; } .xb1 img { max-width: 100%; } .xb2 { overflow: hidden; } .xb21 { width: 100%; } .xb21 img { max-width: 100%; } .xb2 h3 { font-size: 36px; line-height: 170%; padding: 30px 20px 0px; } .xb2 p { font-size: 24px; line-height: 170%; padding: 20px 20px 20px; } .xb3 { overflow: hidden; } .xb31 { width: 100%; } .xb31 img { max-width: 100%; } .xb32 { width: 100%; } .xb32 h3 { font-size: 46px; line-height: 58px; padding: 50px 20px 0px; } .xc1 { overflow: hidden; } .xc11 { width: 100%; float: left; } .xc11 img { max-width: 100%; } .xc12 { width: 100%; float: left; padding: 20px; } .xc12 h3 { font-size: 36px; line-height: 170%; margin-bottom: 5px; } .xc12 p { font-size: 24px; line-height: 170%; margin-bottom: 5px; } .xc12 h4 { font-size: 28px; line-height: 150%; margin-bottom: 5px; } .xc121 { text-align: right; } .xc2 { overflow: hidden; } .xc21 { width: 100%; } .xc2 img { max-width: 100%; } .xc120 { padding: 20px; } .xc12 h3 { font-size: 36px; line-height: 170%; } .xc12 p { font-size: 24px; line-height: 170%; } .xc12 h4 { font-size: 20px; line-height: 150%; } .xc121 { text-align: right; } .xc3 { overflow: hidden; } .xc31 { width: 50%; float: left; } .xc3 img { max-width: 100%; } .xc3 h3 { font-size: 36px; line-height: 170%; padding: 30px 20px 0px; } .xc3 p { font-size: 24px; line-height: 170%; padding: 20px 20px 20px; } .xc31aa { overflow: hidden; } .xc31bb { overflow: hidden; } .xcn-dsp { display: block; 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% !important; display: block; } .banner_new-dsp .xc31 { padding: 5px; width: 100%; } .labelBar { width: 90% !important; margin: 0 auto; padding: 10px; } .labelBarD .ke-labelbar { width: 100% !important; } .xcn-dsp .xc31 a.xc11_new_a { display: inline-block; } .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; text-align: left; } .xcn-dsp .xc31 img { width: 100%; max-width: 100%; } .zommD { zoom: 2; } .xb4_dsp { display: block; width: 90%; margin: auto; } .xb4_dsp>a { margin-bottom: 10px; } .xc11_new .xc31 { padding: 0; width: 90%; margin: 15px auto; float: none; text-align: center; } .xc4 { overflow: hidden; } .xc41 { width: 50%; float: left; } .xc4 img { max-width: 100%; } .xc4 h3 { font-size: 36px; line-height: 170%; padding: 30px 20px 0px; } .xc4 p { font-size: 24px; line-height: 170%; padding: 20px 20px 20px; } .xc7 { overflow: hidden; } .xc72 { width: 100%; float: left; } .xc72 img { max-width: 100%; } .xc71 { width: 100%; float: left; padding: 40px 20px; } .xc71 h3 { font-size: 46px; line-height: 170%; } .xc7 h3 { font-size: 46px; line-height: 170%; } .xc7 p { font-size: 24px; line-height: 170%; } .xc7 h4 { font-size: 20px; line-height: 150%; padding: 0px 20px; } .xc7 .xc121 { text-align: right; padding: 0px 20px; } .xc8 { overflow: hidden; } .xc82 { width: 100%; padding: 30px 20px; } .xc82 img { max-width: 100%; } .xc81 { width: 100%; } .xc8 h3 { font-size: 36px; line-height: 170%; } .xc8 p { font-size: 24px; line-height: 170%; } .xc9 { overflow: hidden; padding: 20px; } .xc9 h3 { font-size: 36px; line-height: 170%; } .xc9 p { font-size: 24px; line-height: 170%; } .xc91 { font-size: 24px; line-height: 170%; padding: 0px 0px 20px; } .xhtml { overflow: hidden; } .trdss { padding: 0px 20px; } .xd2 { overflow: hidden; } .xd2 h3 { font-size: 36px; line-height: 170%; } .xd2 p { font-size: 24px; line-height: 170%; } .zty00 {} .zty01 { padding: 20px; } .zty00w {} .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: 36px; line-height: 170%; } .dcc3_4 h3 { font-size: 26px; line-height: 37px; margin-top: 0px; } .dcc3_2 p { line-height: 220%; } .text_area { font-size: 24px; line-height: 36px; } .overview_box h3 { font-size: 32px; line-height: 170%; margin-top: 0px; color: #000; font-weight: 700; } .text_area p { font-size: 24px; line-height: 37px; padding: 10px 0px; } .content_image_3column_options { overflow: hidden; } .txt { padding: 10px 0px; } .pro_style_1 { margin-top: 0px; } .content_image_3column_options.pt10 p {} .overview_box p {} .overview_box p.img { float: left !important; } .table1 .spec_table tr th, .table1 .spec_table tr td { font-size: 24px; padding: 10px; } .g3, .g1, .g2 { font-size: 20px; margin: 20px 0px; } .pro_accessory_nav form select { height: 24px; line-height: 24px; } .dcc2_2 p, .dcc3_5 p, .c3_1 p { font-size: 24px; line-height: 37px; padding: 10px 0px; } .content_image_3column_options .img { float: left; width: 94% !important; padding: 0px 0px 0px 3% !important; text-align: center; } #compare_box { width: 100% !important; } .pt10 { padding-top: 10px; line-height: 170%; font-size: 24px; clear: both; } .dcc3_10 { overflow: hidden; } .dcc3_2 { width: 100%; } .dcc3_2 p { font-size: 24px; line-height: 37px; padding: 10px 0px; } .content_image_4column_options { width: 100%; } .content_image_4column_options .img { width: 100% !important; float: left; margin: 10px 0px 0px !important; padding: 0% !important; } .content_image_4column_options .img span { display: block; font-size: 24px; line-height: 170%; } .content_image_4column_options .img_last { width: 100% !important; float: left; margin: 10px 0px 0px !important; padding: 0% !important; } .content_image_4column_options .img_last span { display: block; font-size: 24px; line-height: 170%; } .content_image_3column_options .img_last { width: 100% !important; float: left; margin: 10px 0px 0px !important; padding: 0% !important; } .content_image_3column_options .img_last span { display: block; font-size: 24px; line-height: 170%; } .spec_table .tab_gray01, .spec_table .tab_gray01 td {} .spec_table .noright { font-size: 12px; line-height: 180%; } .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 {} .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; } .dcc2_10 { overflow: hidden; } .dcc2_2 { text-align: center; } .dcc2_2 img {} .dcc2_2 h3 { font-size: 26px; line-height: 33px; padding: 5% 20px 0px; } .dcc2_2 p { font-size: 24px; line-height: 170%; padding: 0% 20px 0px; text-align: left; } .dcc3_1 { overflow: hidden; margin-bottom: 40px; } .dcc3_10 { overflow: hidden; } .dcc3_2 { 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; } .dcc4_1 { overflow: hidden; margin-bottom: 40px; } .dcc4_10 { overflow: hidden; } .dcc4_2 { 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: 40px; } .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; } .pro_style_2_l {} .pro_style_2_r { font-size: 22px; } .table12 { font-size: 22px; line-height: 170%; } #pro_dl .close { width: 672px; } .pro_style_2_l { width: 100% !important; } .pro_style_2_r { width: 100% !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; margin-top: 0px; } #pro_dl .close { float: left; } .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: 100%; padding: 0px; } .footList h3 a { font-size: 24px; } .c3_13 { overflow: hidden; } .c3_13 ul li { float: left; margin: 10px 10px 20px 0px; border: 1px solid #ccc; } .c3_13 ul li:hover { border: 1px solid #c10; } .fsff { margin-top: 20px; } .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; } .pro_info_area .scroll_three { display: none; } .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; } .xc5 { overflow: hidden; } .xc51 { float: left; 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; } .xc10 .dcc2_10 { overflow: hidden; } .xc10 .dcc2_2 { float: left; width: 100%; text-align: center; } .xc10 .dcc2_2 img {} .xc10 .dcc2_2 h3 { font-size: 36px; line-height: 48px; padding: 5% 20px 0px; } .xc10 .dcc2_2 p { font-size: 24px; line-height: 36px; 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: 44%; margin-left: 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: 200px; width: 100%; } .xd102 ul li .xxxd2 { background: #efefef; padding: 20px; display: none; position: absolute; top: 0px; left: 4%; width: 92%; overflow: hidden; } .xd102 ul li:hover .xxxd2 { display: block; } .xc51 img { max-width: 100%; } .subheadline { color: #000; margin-top: 10px; } .font_weight { font-weight: 700 !important; } .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; } .mb10 tr td, .mb10 tr th { padding: 5px; font-size: 12px; } .goods_name { font-size: 48px; font-weight: normal; margin: 0; padding-top: 0px; } .goods_name_new { text-align: left; } .goods_name1 { font-size: 48px; font-weight: normal; margin: 0; padding-top: 20px; } .goods_info { padding-top: 70px; } .bpic { border: 3px solid #231816; } .swiper-button-next16 { background: url(../images/xb12.png) no-repeat center center /cover; width: 40px; height: 40px; position: absolute; right: -46px; top: 0px; } .swiper-button-prev16 { background: url(../images/xb11.png) no-repeat center center /cover; width: 40px; height: 40px; position: absolute; left: -46px; 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: 84%; margin: 0 auto; } .xc21 h3 { font-size: 36px; line-height: 170%; } .xc21 p { font-size: 24px; line-height: 170%; } .xc21 h4 { font-size: 28px; line-height: 150%; } .xc121 { text-align: right; } .xc120 { padding: 40px 20px; } .xc41a1 { overflow: hidden; } .xc41b1 { overflow: hidden; } .xc91ds { padding: 20px; } .intro_list li { float: none; line-height: auto; margin: 0px; padding: 0px; } .intro_list li span { display: inline; } .intro_list li p { margin: 0px; padding: 0px; } .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%; } .banner-img { width: 600px !important; margin: 40px auto 0px; float: none; } 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_info .right { width: 580px; } .ac_items .ac_items_model { width: 445px; flex: -1 !important; font-size: 26px; } .ac_items_info .right { font-size: 24px; line-height: 150%; } .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: 90%; margin: 0 auto; } .pay2 { margin: 30px 0; } .pay2 h2 { font-size: 32px; color: #494747; } .pay3 { padding: 30px 0; font-size: 25px; 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 {} .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: 100%; } .pay9 h2 img { width: 100%; } .pay10 { width: 100%; margin-left: 2%; float: left; padding: 16% 0 1% 0; } .pay10 p { font-size: 25px; color: #434343; line-height: 1.5em; height: 75px; overflow: hidden; } .pay10 span { font-size: 25px; color: #B93D3F; } .pay11 {} .pay11 ul li { width: 100%; margin-bottom: 15px; } .pat0 { margin: 50px 0 30px; overflow: hidden; } .pat1 { margin-bottom: 25px; } .pat1 h2 { font-size: 50px; color: #494747; } .pat2 { width: 100%; overflow: hidden; margin-bottom: 25px; } .pat2 ul { width: 100%; overflow: hidden; } .pat2 ul li { float: left; } .pat2 ul li h2 { font-size: 34px; color: #7C7C7C; } .pat2 ul li h2 span { margin: 0 10px; font-size: 20px; position: relative; top: -2px; } .pat3 {} .pat3 ul {} .pat3 ul li { width: 100%; overflow: hidden; padding: 10px 15px; } .pat3 ul li:nth-child(even) { background: #fff; } .pat3 ul li .pat4 h2 { font-size: 24px; line-height: 35px; } .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; } .pat5 h4 { float: right; font-size: 22px; color: #FFFFFF; line-height: 35px; padding: 0 5px; background: #494747; } .pat5 h5 { float: right; font-size: 22px; color: #FFFFFF; line-height: 35px; padding: 0 5px; background: #00479C; } .pat6 { background: #F1F1F1; } .pat7 { width: 100%; overflow: hidden; margin-top: 20px; } .pat7 select { margin-right: 10px; float: left; font-size: 18px; color: #494747; line-height: 36px; height: 36px; min-width: 100px; border: 1px solid #B7B7B7; border-radius: 5px; } .pat7 h2 { float: left; margin-right: 10px; background: #B93D3F; font-size: 18px; color: #FFFFFF; line-height: 36px; border-radius: 5px; padding: 0 10px; } .par1 {} .par1 ul {} .par1 ul li { width: 100%; overflow: hidden; margin-bottom: 25px; background: url(../images/baa1.png) repeat-x bottom; padding-bottom: 25px; } .par2 { width: 100%; } .par2 img { width: 100%; } .par3 { width: 100%; margin-top: 30px; } .par3 p { font-size: 22px; color: #494747; line-height: 30px; } .par3 h2 { font-size: 38px; color: #494747; margin-bottom: 15px; } .par3 a:hover { text-decoration: none !important; border: 0px; outline: 0; } .par3 h3 { font-size: 23px; color: #B93D3F; margin-top: 30px; } .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 {} .pap1 ul li { width: 100%; margin: 0 0% 20px; } .pap1 ul li img { width: 100%; } .pap1 ul li h2 { font-size: 30px; color: #494747; margin-top: 25px; line-height: 45px; } .pap1 ul li h3 { font-size: 30px; color: #B93D3F; margin-top: 15px; line-height: 35px; } .pap2 { margin-top: 50px; padding: 0 1%; } .pap2 ul {} .pap2 ul li { width: 100%; overflow: hidden; margin-bottom: 40px; } .pap3 { width: 100%; } .pap3 img { width: 100%; } .pap4 { width: 100%; margin-top: 15px; font-size: 22px; color: #494747; line-height: 160%; } .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 {} .pap5 ul li { width: 100%; margin: 0 0% 20px; } .pap6 {} .pap6 img { width: 100%; } .pap7 { margin-top: 25px; } .pap7 h2 { font-size: 30px; color: #494747; margin-bottom: 15px; } .pap7 p { font-size: 24px; 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: 24%; margin-right: 1%; float: left; } .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: 100%; 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: 70px; } .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: 50px; left: 0px; } .psp7 ul li.on dl { display: block; } .psp7 ul li.on h2 { color: #CB0001; } .psp7 ul li dl dd { float: left; } .psp7 ul li dl dd:hover h3, .psp7 ul li dl dd.on h3 { color: #CB0001; } .psp7 ul li dl dd h3 { font-size: 14px; color: #FFF; padding: 0 15px; line-height: 25px; } .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: 48%; float: left; margin: 0 1% 5px; } .psp12 { width: 100%; } .psp12 img { width: 100%; } .psp13 {} .psp13 h2 { font-size: 22px; color: #333; line-height: 25px; height: 50px; overflow: hidden; margin-top: 10px; } .psp13 span { font-size: 20px; 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 {} .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; } .psp23 {} .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 {} .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: 100%; margin-bottom: 1%; } .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; } .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%; } #pics .thumbs2 { height: 128px !important; } .dddad { overflow: hidden; margin-bottom: 30px; } .pro_style_2 { margin: 0px !important; font-size: 12px; line-height: 170%; } .pro_style_2 p { font-size: 12px; line-height: 170%; } .pb10 { overflow: hidden; } .pb10 p { clear: both; } .html7 { margin-top: 40px; } #old.on a { color: #ba3d40; } .dsdd { display: none; } .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; z-index: 20000; background: #fff; } .pdb0 { margin: 140px 0 0; } .pdb1 { width: 100%; } .pdb1 ul li { position: relative; width: 50%; border: 1px solid #e1e1e1; border-right: none; } .pdb2 {} .pdb2 h2 { padding-right: 0px; font-size: 22px; color: #000; line-height: 25px; } .pdb2 h2 b { font-weight: 400; } .pdb2 h2 span input { width: 24px; height: 24px; margin: 0px 5px 0 0; } .pdb3 { margin: 10%; position: relative; overflow: hidden; } .pdb4 { position: relative; z-index: 200; opacity: 1; } .pdb5 { width: 100%; height: 200px; } .pdb7 { position: absolute; top: 0px; right: 0px; z-index: 201; } .pdb8 { position: absolute; top: 20%; left: 0px; z-index: 199; width: 100%; background: #fff; } .pdb8 img { width: 100%; } .pdb9 { text-align: center; margin: 1% 10% 0; } .pdb9 h2 { font-size: 20px; color: #000; line-height: 30px; border-bottom: 1px solid #000; height: 30px; overflow: hidden; } .pdb9 select { border: 1px solid #e1e1e1; 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 25px 0 5px; } .pdb11 { width: 100%; } .pdb11 {} .pdb12 { background: #ba3d40; padding: 15px; } .pdb12 h2 { font-size: 22px; color: #FFF; } .pdb18 { width: 100%; border-left: 1px solid #000; } .pdb18 tr td { padding: 15px; } .pdb13 { text-align: left; width: 100%; background: #F6F4F5; border-bottom: 1px solid #000; border-right: 1px solid #000; } .pdb14 { width: 25%; border-bottom: 1px solid #000; border-right: 1px solid #000; } .pdb15 { width: 50%; border-bottom: 1px solid #000; border-right: 1px solid #000; } .pdb25 { width: 94%; position: relative; margin: 0 3%; z-index: 200; } .pdb26 { border: 1px solid #333; 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: #000; line-height: 30px; width: 100%; border: 0px; margin-top: 2px; height: 30px; } .pdb27 { overflow-y: auto; display: none; width: 100%; border: 1px solid #333; padding: 5px; position: absolute; top: 30px; left: 0px; background: #FFF; } .pdb27 ul {} .pdb27 ul li { width: 100%; border: 0px; float: inherit; } .pdb27 ul li h2 { line-height: 30px; width: 100%; font-size: 23px; 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; } .pdb27 ul li dl dd h3 { font-size: 20px; color: #000; } .pdb20 { background: #D8D8D8; width: 100%; overflow: hidden; padding: 15px; } .pdb21 { float: left; width: 33.3%; } .pdb21 h2 { font-size: 24px; color: #000; line-height: 30px; } .pdb22 { float: left; width: 33.3%; text-align: center; } .pdb22 h2 { font-size: 24px; color: #000; line-height: 30px; } .pdb22 h2 span {} .pdb22 h2 b { display: none; } .pdb22.on h2 span { display: none; } .pdb22.on h2 b { display: inline-block; } .pdb23 { float: left; width: 33.3%; text-align: right; } .pdb23 h2 { font-size: 24px; color: #000; line-height: 30px; } .pdb24 { text-align: center; padding: 15px 0; } .pdb24 h2 { font-size: 21px; color: #000; line-height: 30px; } .listLi3 { width: 30%; margin: 0% 0px 20px 2.5%; float: left; } .listLiTop3 { background: #F2F2F2; line-height: 170px; text-align: center; } .listLi3 .listLiTop .dffd { width: 100%; background: #fff; } .listLi3 .listLiTop { line-height: 170px; height: 170px; } .listLiBottom3 { padding: 10px 10px 30px 10px; } .dsdd { padding-left: 5%; } .listLi-name3 { height: 60px; } .location-seven-li a { cursor: pointer; } .listLi-name4 { line-height: 170%; } .bottom_toolbar { width: 100% !important; } .clumb_content { width: 100%; } .crumbs { height: 49px !important; width: 980px !important; } .dddd1 { text-align: center; } .dddd1 .dcc2_2 p { text-align: center; line-height: 170%; font-size: 24px; margin-bottom: 20px; } .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: 24px; line-height: 170%; margin-bottom: 20px; } .dcc4_2 img { max-width: 98%; } .dcc3_5 { font-size: 24px; line-height: 170%; } .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; font-size: 12px; } .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: 55px; color: #B93D3F; font-style: italic; } .pdc2 h3 { width: 28%; float: left; margin-left: 2%; font-size: 55px; color: #B93D3F; font-style: italic; } .pdc2 h4 { width: 28%; float: left; margin-left: 2%; font-size: 55px; color: #B93D3F; font-style: italic; } .pdc5 {} .pdc5 p { font-size: 16px; color: #B93D3F; } .pdc3 { width: 100%; overflow: hidden; margin-top: 50px; } .pdc3 ul li { text-align: center; width: 46%; float: left; margin: 0 2%; margin-bottom: 40px; } .pdc3 ul li {} .pdc3 ul li h2 { font-size: 33px; color: #303030; margin-top: 30px; } .pdc3 ul li h3 { font-size: 24px; color: #B93D3F; margin-top: 15px; } .pdc4 { margin-top: 15px; height: 60px; overflow: hidden; } .pdc4 p { font-size: 24px; color: #303030; line-height: 30px; } .pdc3 ul li img { width: 45%; } .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 .search_content .a0 { padding-left: 15px; width: 18%; margin: 0 1%; height: auto; right: 0px; top: 36px; position: unset; } .pdc6 .dealer_search .search_content .a0 a { background: #B93D3F; width: 100%; height: 48px; color: #FFF; font-size: 22px; text-indent: 0px; text-align: center; line-height: 48px; border-radius: 10px; } .pdc6 .search_content .a1 { width: 48%; margin: 0 1%; font-size: 22px; color: #494747; } .pdc6 .search_content .a2 { width: 48%; margin: 0 1%; font-size: 22px; color: #494747; } .pdc6 .search_content .a3 { width: 48%; margin: 0 1%; font-size: 22px; color: #494747; } .pdc6 .search_content .a4 { width: 48%; margin: 0 1%; font-size: 22px; color: #494747; } .pdc7 {} .pdc7 ul li { width: 100%; margin-top: 30px; } .pdc7 ul li h2 { margin-top: 25px; font-size: 33px; color: #494747; font-weight: 700; text-align: center; } .pdc7 ul li p { font-size: 19px; color: #494747; line-height: 25px; margin-top: 15px; } .pdc7 ul li h3 { font-size: 18px; color: #B93D3F; margin-top: 15px; } .pdc7 ul li h4 img { width: 60%; margin: 0 auto; } .pdc7 ul li h4 { text-align: center; } .pdc8 { font-size: 30px; color: #494747; margin-left: 1%; padding-left: 15px; } .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; } .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; } .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; } .dcc2_2 img { max-width: 100%; } .xd1 .xd101 h3, .table11 h3, .table11 p, .overview1 .g2 h3, .overview1 .g3 h2 { font-size: 26px; line-height: 33px; padding: 5% 20px 10px; } .pdc3 ul li a:hover h2 { color: #333; text-decoration: none; } .pdc3 ul li a:hover p { color: #333; text-decoration: none; } #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; } .fsff .b1 { width: 100%; height: 100px; } .dcc2_20 { font-size: 24px; line-height: 170%; } .pro_info_l { font-size: 24px; line-height: 170%; } .pro_info_l p { font-size: 24px; line-height: 170%; } .pro_info_l p { font-size: 24px !important; line-height: 170% !important; color: #333; } .pro_info_l .pro_h3 { font-size: 32px !important; line-height: 190%; height: auto !important; margin-top: 20px; color: #000 !important; } .dcc2_2 h2 { font-size: 32px !important; line-height: 160% !important; height: auto !important; margin-top: 20px; text-align: left !important; padding: 10px 0px !important; color: #000 !important; } .dcc2_2 p { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .dcc2_2 { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .intro_list li { width: 100% !important; font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .pro_style_2_l h2 { font-size: 32px !important; line-height: 160% !important; height: auto !important; margin-top: 20px; text-align: left !important; padding: 10px 0px !important; color: #000 !important; } .pro_style_2_l p { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .pro_style_2_r h2 { font-size: 32px !important; line-height: 160% !important; height: auto !important; margin-top: 20px; text-align: left !important; padding: 10px 0px !important; color: #000 !important; } .pro_style_2_r p { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .main_info h2 { font-size: 32px !important; line-height: 160% !important; height: auto !important; margin-top: 20px; text-align: left !important; padding: 10px 0px !important; color: #000 !important; } .dcc2_2 h3 { font-size: 28px !important; line-height: 160% !important; height: auto !important; margin-top: 20px; text-align: left !important; padding: 10px 0px !important; color: #000 !important; } .dcc2_2 p { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .dcc2_2 p span { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .pro_style_2_l { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .pro_style_2_r { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .pro_style_box h2 { font-size: 26px !important; line-height: 160% !important; height: auto !important; margin-top: 20px; text-align: left !important; padding: 10px 0px !important; color: #000 !important; } .pro_style_box { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .ipf_spec_box { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .overview_box2.fffds { width: 100% !important; } .specTable { border-top: 1px solid #fff; border-left: 1px solid #fff; background: #e2e2e2; } .specTable tr th, .specTable tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; font-size: 14px; } .specTable tr:nth-child(odd) { background: #CECECE; } .pro_info_list { width: 100% !important; } .overview_box2 img { max-width: 100% !important; } .cssd { margin-top: 50px; } .wid_1 { width: 100% !important; } .html70 table { max-width: 97% } .pro_style_1 { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .news_content { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .news_content pre { font-size: 24px !important; line-height: 170% !important; color: #333 !important; } .box_01 .jieshao_left { padding: 10px; } .box_01 .jieshao_left p span { font-size: 32px !important; line-height: 170% !important; color: #333 !important; } .box_01 { font-size: 24px !important; line-height: 170% !important; color: #333 !important; padding: 10px; } .box_01 p { font-size: 24px !important; line-height: 170% !important; color: #333 !important; padding: 0px; } .box_01 .text_title span { font-size: 28px !important; line-height: 170% !important; color: #333 !important; } .table_con.tab_mb { border-top: 1px solid #fff; border-left: 1px solid #fff; background: #e2e2e2; width: 100% !important; margin: 0px !important; } .table_con.tab_mb tr th, .table_con.tab_mb tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 5px !important; font-size: 14px; } .table_con.tab_mb tr:nth-child(odd) {} .dc1_333 span { font-size: 32px !important; line-height: 170% !important; color: #333 !important; height: auto !important; } .html70 table table:nth-child(1) { max-width: 100%; } .html70 td { max-width: 70%; } .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: 670px; } .title { font-size: 36px; line-height: 58px; } .part1 {} .part1 { width: 940px !important; } .part2 { width: 670px !important; float: inherit; margin: 0 auto; padding-left: 0px; } .part3 { width: 100%; height: 50px; margin: 50px 0; } .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: 22px; color: #494747; font-weight: 700; background: #FFF; } .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; } .anav ul li { font-size: 16px; float: left; margin-right: 20px; line-height: 40px; } .anav { overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #ccc; } .anav ul li a { display: block; color: #333; } .anav ul li.on a { display: block; background: #C81D16; color: #fff; padding: 0px 20px; } .wrapper33 img { max-width: 100%; } .group_pinpai_left { float: none !important; width: 100% !important; } .group_pinpai_right { float: none !important; width: 100% !important; } .hr_content ul { overflow: hidden; } .hr_content li { float: none !important; width: 100% !important; } .group_expos_left { float: none !important; width: 100% !important; } .group_expos_right { float: none !important; width: 100% !important; margin-left: 0px !important; } .ayou1 { overflow: hidden; margin-top: 40px; } .ayou1 h2 { line-height: 150%; padding: 10px; font-size: 36px; text-align: center; color: #000; } .ayou1 p { line-height: 150%; padding: 0px 0px 20px 0px; font-size: 20px; text-align: center; color: #999; } .cbodty { width: 94%; margin: 0 auto; font-size: 24px; line-height: 170%; } .cbodty img { max-width: 100%; } .culture { width: 100% !important; } .jie_c_nei02_an { overflow: hidden; } .news_more { display: block; width: 100%; text-align: right; margin-top: 20px; } .news_more a { text-decoration: none; display: inline-block; color: #bf2318; font-size: 22px; line-height: 40px; padding-right: 1%; } .pat2 ul li.on h2 { color: #B93D3F; } .pat2 ul li.on span { color: #7C7C7C; } .pdtt1 { margin-top: 35px; } .pdtt2 { width: 100%; overflow: hidden; } .pdtt2 ul {} .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: 100%; } .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 {} .pdtt6 p { font-size: 16px; color: #494747; line-height: 25px; } .pdtt7 { width: 20%; float: left; } .pdtt8 { height: 300px; width: 100%; overflow: hidden; } .pagrt { margin: 30px 0px; overflow: hidden; } .pay .bottom_toolbar { width: 100% !important; margin-top: 20px; } .content_box2 { overflow: hidden; } .cbodty .new_pic { text-align: center; margin: 20px 0px 30px; } .content_box>strong { display: block; line-height: 170%; margin: 20px 0px 10px; } .horizontal_imgs { overflow: hidden; width: 542px !important; margin: 80px 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: 44px !important; } .hall_lesson .right { height: auto !important; } .part2 img { max-width: 100%; } .m_class1_list li { height: auto !important; overflow: hidden; } .jianbaian_img img, .colorful_overview_banner img { max-width: 100% !important; } .colrful_right { width: 95% !important; } .colorful_detail { padding: 0px; width: 94% !important; margin: 0 auto; padding: 0px 3% !important } .wrapper33 { background: #fff; } .color_canon_teaser { height: auto !important; width: 94% !important; padding: 0px 3% !important } .colorful_detail img { text-align: center; margin: 0 auto; display: block; } .colorful_slide_teaser .colrful_left { float: none !important; margin: 0 auto; } .content_box { height: auto !important; } .pay .scroll { height: auto !important; margin-bottom: 20px; } .scroll_le { height: auto !important; width: 94% !important; } .scroll_ce { height: auto !important; width: 94% !important; } .scroll_r { height: auto !important; width: 94% !important; } .song { width: 100% !important; overflow: hidden; height: auto !important; } .song_w .song_text1 { width: 100% !important; clear: both; float: none !important; } .song_w .song_text1 p { width: 100% !important; } .song_text { width: 100% !important; clear: both; float: none !important; } .goback { margin: 40px 0px 0px; } .goback a { font-size: 24px; 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; } .part3 ul li dd h2 { font-size: 18px; background: #F9F9F9; } .part3 ul li dl { width: 130%; margin-left: 2%; } .hall_lesson .right.xdaas { float: left; margin-left: 35%; } .csczcz .hall_gallery { width: 100%; } .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: 140px 0% 0px; } .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 .payeee p { font-size: 20px; line-height: 170%; } .clumb_content.part1 { width: 100% !important; } .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; } .pop_lesson { position: fixed !important; top: 10% !important; left: 50% !important; margin-left: -318px !important; } .buyyu { font-size: 20px; 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 20px; } .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 { width: 44%; text-align: center; float: left; margin-left: 4%; margin-top: 30px; font-size: 20px; line-height: 150%; } .guide_recomfsffs li img { max-width: 100%; } .content_online { width: 100%; } .payeee p { font-size: 20px; line-height: 170%; } .bb3 { overflow: hidden; width: 720px; margin: 0 auto; margin-top: 0px; margin-left: auto; position: fixed; z-index: 4004; top: 54.8%; left: 50%; margin-left: -330px; margin-top: 150px; color: #fff; font-size: 16px; } .pro_tab li.split01 { background: none; } .calendar01 .cal_table { width: 420px; } .calendar01 .cal_table table { width: 420px; } .room_right { float: right; padding-top: 30px; width: 210px; } .calendar01 { overflow: hidden; width: 208px; border-right: 1px solid #EAEAEA; border-left: 1px solid #EAEAEA; } .calendar01 .cal_head { position: relative; height: 48px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; background: none; } .calendar01 .cal_head a { position: absolute; top: 6px; padding-bottom: 4px; outline: none; text-decoration: none; font: 24px/36px SimSun; blr: expression(this.onFocus=this.blur()); } .calendar01 .cal_head a#cal_pre { left: 10px; display: none; } .calendar01 .cal_head a#cal_next { right: 10px; } .calendar01 .cal_head p { text-align: center; font: 20px/40px Arial, Helvetica, SimSun, san-serif; padding-top: 5px; color: #666; } .calendar01 .cal_table { width: 410px; border: none; display: none; } .calendar01 .cal_table td { width: 58px; height: 46px; font-size: 20px; border-right: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; text-align: center; color: #666; } .calendar01 .cal_table td.s01 { color: #BF2318; } .calendar01 .cal_table td a:link, .calendar01 .cal_table td a:visited { display: block; width: 58px; height: 31px; font: 20px/32px Arial, Helvetica, SimSun, san-serif; color: #666; text-decoration: none; text-align: center; padding: 7px 0; cursor: pointer; background: #eee; } .calendar01 .cal_table td a:hover {} .calendar01 .cal_table td a.on:link, .calendar01 .cal_table td a.on:visited { color: #000; background: url(../../img/buy/showroom/classes_page/oday.jpg) 0 0 repeat-x; } .hall_lesson .right { width: 422px; float: left !important; } .calendar01 { width: 420px; } .pop_lesson .pop_close:link, .pop_lesson .pop_close:visited { background: url(../images/oo2.png) no-repeat; width: 24px; height: 23px; } .lesson_parent .lesson_teaser .right, .lesson_parent .lesson_teaser .right a:link, .lesson_parent .lesson_teaser .right a:visited { font-size: 18px; line-height: 24px; } .pop_map { position: fixed; top: 50% !important; left: 50% !important; margin-top: -180px; margin-left: -306px; } .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: 531px; } .overview_box2 a.arr_r { right: -30px; } .ac_items:hover { cursor: auto; } .buy_visit_form_ietm { overflow: inherit !important; height: 35px; } .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, Helvetica, SimHei; } .border_wx h1 { font-size: 12px; font-weight: 400; } .border_wx h3 { font-size: 12px; font-weight: 400; } .room_right.sdsd1 { clear: both; float: none; } .part3 ul li:nth-child(5) dl { margin-left: -30%; } .pdc6 .search_content .aa0 { margin-top: 15px; } .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; } .label { padding: 0px; } div.zx { margin: 5px 20px 0 0 !important; } .dnc1 h4 { font-size: 30px; line-height: 200%; } .h_40 { width: 100% !important; } .foonter_media_img_qr { top: -88px; } .zhihu_img { left: -20px; } .db-new::before { left: 47%; } .listLiBottom .listLi-name-new { height: 66px !important; line-height: 31px !important; font-size: 24px !important; } .goods_info { padding-top: 70px; } .goods_info_new { padding-top: 45px; } .goods_name1 { text-align: left; } .goods_price { text-align: left; padding-bottom: 10px; } .goods_info_new { width: 100% !important; padding-bottom: 0 !important; } .sharing_new { position: relative; bottom: 0px; left: 0%; float: left; } .tab_fixed_box { top: 140px; } .cssss_new { top: 196px; } .banner-txt { width: 90% !important; margin-left: 4% !important; } .category-new-child, .category-new-child li a { font-size: 21px !important; margin-left: 35px !important; margin-right: 25px; } .category-new-child li a { margin-left: 0px !important; text-decoration: none; margin-right: 0; } .fixedBox-phone { width: 140px; } .fixedBox-phone div p { line-height: 1.8; } .category-new-child::before { width: 30px; height: 30px; } .pdb5 { height: 130px !important; } .pdb24 h2 { width: 85%; margin: 0 auto; text-align: left; } .fixedBox-phone { margin: -20px 0 0 0 !important; } } .hp_header_logo_club,.hp_header_logo_shop{ margin-left: 20px; } .head1a_230824,.head1b_230824,.head1d_230824,.head1c_230824,.head1c2_230824,.head1c2_230824 .search{ float: unset!important; } .head1_230824{ display: flex; } .head1a_230824{ width: 160px!important; } .head1cd_230824{ display: flex; width: 255px!important; } .head1b_230824{ width: calc(100% - 255px - 160px); } .head1b_230824>.head1b3{ text-align: center; } .head1c2_230824>.search{ display: block!important; } .head1a_230824 img{ height: auto!important; width: 100%!important; } @media screen and (min-width:1201px) and (max-width:1399px) { .head1cd_230824 { width: 270px !important; } .head1b_230824 { width: calc(100% - 270px - 160px); } } @media screen and (min-width:975px) and (max-width:1200px){ .head1a_230824{ width: 142px!important; } .head1cd_230824{ width: auto!important; } .head1b_230824{ width: calc(100% - 142px - 97px)!important; } .head1c_230824{ margin-right: 0!important; width: auto!important; } .head1c2_230824{ margin-left: 0!important; } .head1d_230824{ width: 87px!important; margin-left: 10px; } .head1d_230824 img{ width: 100%!important; margin-left: 0!important; } .head1b_230824 img{ max-width: 150px!important; } } @media screen and (max-width:974px){ .head1d_230824 img,.head1d_230824{ width: 100%!important; } .head1d_230824 img{ margin-left: 0!important; } .head1cd_230824{ width: 119px!important; } .head1_230824{ justify-content: space-between; } .head1cd_230824{ align-items: flex-end; } .head51_230824>a{ margin-left: 30px!important; } } @media screen and (max-width:790px){ .head51_230824>a{ margin-left: 15px!important; } .head5{ padding: 0px 15px!important; } } .overview_box2 .hp_header_logo_sports{ display: none; }