.clearfix:after { clear: both; content: ""; display: block; height: 0; line-height: 0; visibility: hidden } .clearfix { zoom: 1 } .about-page { height: 42.8vw; background: url(../images/about-ban.jpg) center top no-repeat; background-size: cover } .about-page .breadcrumb, .contact-page .breadcrumb { margin-left: 10.7% } .about-page .article-banner { width: 100%; padding-top: 60px } .contact-page .article-banner { width: 100%; padding-top: 80px; padding-bottom: 80px } .about-page .article-banner h2, .contact-page .article-banner h2 { font-size: 96px; text-transform: uppercase; color: #fff; text-align: center; letter-spacing: 10px; line-height: 1; margin-top: 30px } .about-page .article-banner p, .contact-page .article-banner p { margin-top: 30px; font-size: 16px; color: #fff; text-align: center; line-height: 36px } .about1 { margin-top: 30px } .about1 .wrap { padding-bottom: 150px } .about1 dl dd { width: 51.44%; float: left; padding-right: 8% } .about1 dl dd h3 { font-size: 60px; color: #01122e; text-transform: uppercase; line-height: 1.1; padding: 0 0 20px 0; margin-bottom: 70px; position: relative } .about1 dl dd h3::before, .about1 dl dd h3::after { content: ""; width: 155px; height: 2px; background: #f39700; display: block; position: absolute; left: 0; bottom: 0; box-shadow: 0 10px 20px #fbc773 } .about1 dl dd h3::after { width: 105px; bottom: 2px } .about1 dl dd p { font-size: 16px; color: #aaaaaa; line-height: 36px } .about1 dl dt { width: 48.56%; float: right } .about1 dl dt img, .about5 dl dt img, .about4 .pic img { width: 100% } .about1 ul { overflow: hidden; width: 1040px; background: #fff; border-radius: 10px; padding: 40px 0; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); position: relative; top: -100px; font-size: 0; } .about1 ul li { width: 25%; display: inline-block; vertical-align: top; text-align: center; position: relative } .about1 ul li::before { content: ""; width: 2px; height: 85px; background: #f3f3f3; display: block; position: absolute; left: -1px; top: 22px } .about1 ul li:first-child::before { display: none } .about1 ul li p { font-size: 18px; line-height: 26px; color: #253c67; margin-top: 20px } .about2 { width: 100%; padding: 220px 0 100px 0; position: relative; z-index: 1 } .about2 i, .about5 i { font-size: 300px; color: #e8ecf1; line-height: 0.2; font-weight: bold; font-style: initial; text-transform: capitalize; position: absolute; left: 0; top: 0; z-index: -1 } .about2 h3 { font-size: 60px; color: #01122e; font-weight: bold } .about2 .text { width: 85%; font-size: 18px; color: #aaaaaa; line-height: 36px; margin: 30px 0 100px 0 } .about2 .left { width: 67.5%; float: left; position: relative; padding: 25px 25px 0 0 } .about2 .left::before { content: ""; border: 6px solid #253c67; position: absolute; left: 5%; right: -4%; top: 0; bottom: 3%; z-index: -1 } .about2 .left img { width: 100%; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4) } .about2 .center { width: 25%; float: right; position: relative; } .about2 .center:before { content: ""; display: block; width: 1px; height: 96%; border-left: 2px dashed #dcdcdc; position: absolute; top: 0; left: 4.8% } .about2 .center p { font-size: 18px; color: #333333; font-weight: bold; padding: 5px 0 5px 70px; min-height: 36px; line-height: 26px; position: relative } .about2 .center p span { display: block; position: absolute; width: 36px; height: 36px; text-align: center; line-height: 36px; color: #fff; font-size: 16px; border-radius: 100%; left: 0; top: 50%; margin-top: -18px; background: linear-gradient(to right, #2b3fbc, #65b5ff) } .about2 .center p+p { margin-top: 56px } .about2 .right { width: 26.6%; float: left } .about2 .right h3 { font-size: 30px; color: #01122e; line-height: 1.3; text-transform: uppercase; text-align: right } .about2 .right p { font-size: 18px; color: #aaaaaa; line-height: 36px; margin-top: 10px } .about3 { width: 100%; background: url(../images/about-pic03.jpg) center top no-repeat; background-size: 100% 75%; color: #fefefe; text-align: center } .about3 .wrap { padding: 100px 140px 0 } .about3 h3 { width: 60%; font-size: 36px; line-height: 1.3; text-transform: uppercase; margin: 0 auto } .about3 p { font-size: 18px; line-height: 36px; margin: 40px 0 50px 0 } .about3 ul li { width: 47.32%; float: left } .about3 ul li+li { margin-left: 5.36% } .about3 ul li img { width: 100%; border-radius: 20px } .about4 { padding: 140px 0 60px 0; text-align: center } .about4 h3 { width: fit-content; font-size: 70px; color: #01122e; line-height: 1; margin: 0 auto; position: relative } .about4 h3::before { content: ""; width: 100%; height: 24px; background: #b2b7c0; display: block; position: absolute; left: 0; bottom: 10px; z-index: -1 } .about4 h3::after { content: ""; width: 76px; height: 5px; background: #01122e; border-radius: 50px; display: block; position: absolute; left: 50%; bottom: -30px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .about4 .text { width: 38%; font-size: 22px; color: #333333; line-height: 36px; margin: 90px auto 0 auto; position: relative } .about4 .pic { margin-top: -80px } .about5 { width: 100%; background: #fcfdfd; position: relative; z-index: 1 } .about5 .wrap { padding: 100px 140px 100px 140px } .about5 i { line-height: 1.2 } .about5 dl dd { width: 42%; float: left } .about5 dl dd h3 { font-size: 30px; color: #01122e; line-height: 1.3; text-transform: uppercase; margin: 100px 0 30px 0 } .about5 dl dd p { font-size: 18px; color: #aaaaaa; line-height: 36px } .about5 dl dt { width: 45.179%; float: right } .contact-page { background: url(../images/contact-ban.jpg) center top no-repeat; background-size: cover } .contact-page .article-banner p.contact-p { font-size: 22px; text-transform: uppercase; letter-spacing: 4px } .message-panel2.message-panel { background: url(../images/contact_form_bg.jpg) center top no-repeat; padding: 60px 0; margin: 0 } .message-panel2.message-panel .wrap .message-wrap { position: relative; border-radius: 30px } .message-panel2.message-panel .wrap .message-wrap .message-form { width: 63.5%; background: url(../images/msg-bg.jpg) 33% 140% no-repeat; padding: 120px 6% 60px 10%; position: relative } .message-panel2.message-panel .wrap .message-wrap .message-form:before { content: ""; width: 114px; height: 82px; background: url(../images/lx-lyzs.png) no-repeat; background-size: 100%; display: block; position: absolute; left: 110px; bottom: 0 } .message-panel2.message-panel .wrap .message-wrap .message-form h3 { width: auto; display: inline-block } .message-panel2.message-panel .wrap .message-wrap .message-form h3::after { content: ""; width: 100%; height: 13px; background: #f8c166; display: block; margin-top: -24px } .message-panel2.message-panel .wrap .message-wrap .message-form .item-panel { margin-top: 30px } .message-panel2.message-panel .wrap .message-wrap .message-form .item-panel>a, .message-panel2.message-panel .wrap .message-wrap .message-form .item-panel input[type="button"], .message-panel2.message-panel .wrap .message-wrap .message-form .item-panel input[type="submit"] { width: 210px; height: 55px; background: #273f6b; line-height: 55px; border-radius: 100px } .message-panel2.message-panel .left { width: 36.5%; position: absolute; right: 0; top: 0; bottom: 0; background: url(../images/lx-lybg.jpg) center top no-repeat; background-size: cover; padding: 165px 100px 180px } .message-panel2.message-panel .left h3 { width: 100px; font-size: 36px; color: #fff; text-transform: uppercase; line-height: 1.3; margin-bottom: 60px } .message-panel2.message-panel .left p { font-size: 18px; line-height: 30px; color: #fff; margin-top: 50px; padding-left: 55px } .message-panel2.message-panel .left p span { display: block } .message-panel2.message-panel .left .p1 { background: url(../images/lx-address.png) left top no-repeat } .message-panel2.message-panel .left .p2 { background: url(../images/lx-tel.png) left top no-repeat } .message-panel2.message-panel .left .p3 { background: url(../images/lx-email.png) left center no-repeat } .contact-info { background: url(../images/contact_bg.jpg) center top no-repeat; padding: 30px 0 70px } .info-list { width: 100% } .info-list li { width: 28%; float: left; padding: 40px 0 40px; position: relative } .info-list li:after { content: ""; display: block; width: 30%; height: 8px; border-radius: 4px; background: #f39800; position: absolute; bottom: 0; left: 35% } .info-list li+li { margin-left: 8% } .info-list li .item-content { width: 100%; position: relative; border-radius: 10px; -webkit-box-shadow: 0 5px 5px rgba(97, 119, 178, 0.4); -moz-box-shadow: 0 5px 5px rgba(97, 119, 178, 0.4); box-shadow: 0 5px 5px rgba(97, 119, 178, 0.4) } .info-list li .item-content img { display: block; width: 100%; border-radius: 10px } .info-list li .item-content dl { width: 100%; overflow: hidden; position: absolute; padding-right: 30%; bottom: 0; left: 0 } .info-list li .item-content dl dt { width: 100%; height: 40px; overflow: hidden; padding-left: 14px } .info-list li .item-content dl dt p { display: table; height: 40px; vertical-align: middle } .info-list li .item-content dl dt p a, .info-list li .item-content dl dt p span { display: table-cell; line-height: 18px; vertical-align: middle; font-size: 16px; color: #fa9e04; font-weight: bold; text-decoration: underline } .info-list li .item-content dl dd { width: 100%; height: 20px; padding-left: 14px; margin: 0 0 6px } .info-list li .item-content dl dd p { width: 100%; height: 20px; line-height: 20px; font-size: 16px; color: #fff } .info-list li .item-content:after, .info-list li .item-content:before { content: ""; width: 24px; height: 24px; border-radius: 100%; position: absolute; top: 50%; margin-top: -12px } .info-list li .item-content:after { right: -12px } .info-list li .item-content:before { left: -12px } .info-list li.item-01 .item-content:after, .info-list li.item-02 .item-content:before { background: #f8fafc } .info-list li.item-02 .item-content:after, .info-list li.item-03 .item-content:before { background: #fff } .info-list li.item-01 .item-content:before, .info-list li.item-03 .item-content:after { display: none } .pro-tit { width: 100%; position: relative } .pro-tit:before { content: ""; width: 90%; height: 100px; background: #fff; display: block; border-radius: 20px; position: absolute; left: 50%; top: -55px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .pro-tit h3 { background: url(../images/md-zs.png) center right no-repeat; font-size: 36px; line-height: 64px; font-weight: bold; text-transform: capitalize; font-family: Impact, Arial, Helvetica, sans-serif; margin-bottom: 30px; padding-bottom: 20px; position: relative } .pro-tit h3::before, .pro-tit h3::after { content: ""; width: 50px; height: 2px; background: #f39800; position: absolute; left: 0; bottom: 4px } .pro-tit h3::after { left: 28px; bottom: 0 } .pro-tit p { font-size: 18px; color: #666666; margin: 30px 0 } .pro-tit ul { overflow: hidden } .pro-tit li { width: 25%; background: #f0f7ff; float: left } .pro-tit li a { font-size: 16px; color: #666; text-align: center; line-height: 60px; display: block; cursor: pointer } .pro-tit li a::before { content: ""; width: 10px; height: 10px; background: #666666; border-radius: 50%; display: inline-block; margin-right: 10px } @media (max-width: 1600px) { .about1 .wrap { padding-bottom: 40px } .about2 .center { width: 40% } .about2 .left { width: 56% } .about2 .right { width: 28.64% } .about3 .wrap { padding: 100px 0 0 } .about5 .wrap { padding: 100px 0 } .message-panel2.message-panel .left { padding: 165px 60px 180px } .about2 .center:before { height: 96%; left: 18px } .about2 .center p { padding: 5px 0 5px 70px } .about2 .center p+p { margin-top: 40px } } @media (max-width: 1366px) { .about-page .article-banner h2, .contact-page .article-banner h2 { font-size: 60px } .about-page .article-banner p, .contact-page .article-banner p, .about1 dl dd p, .about2 .center p, .about2 .right p, .about3 p, .about5 dl dd p { font-size: 14px; line-height: 30px } .about1 dl dd h3 { font-size: 40px; padding-bottom: 30px } .about1 ul { width: 100%; top: -50px } .about2 .right h3 { font-size: 20px } .about2 i, .about5 i { font-size: 200px } .about2 .left, .about2 .right { margin-top: 10px } .about3 h3 { width: 100% } .about4 h3, .about2 h3 { font-size: 40px } .about4 .text, .about2 .text { font-size: 18px } .about2 .center { padding: 0 2% } .about2 .center:before { height: 92%; left: 9% } .about2 .center p { padding: 5px 0 5px 50px } .about2 .center p+p { margin-top: 10px } .message-panel2.message-panel .left { padding: 165px 40px 180px } } @media (min-width: 1280px) { .info-list li .item-content dl dt { height: 48px } .info-list li .item-content dl dt p { height: 48px } .info-list li .item-content dl dt p a, .info-list li .item-content dl dt p span { line-height: 20px; font-size: 18px } .info-list li .item-content dl dd { margin: 4px 0 8px } } @media (min-width: 1366px) { .info-list li .item-content dl dt { height: 56px } .info-list li .item-content dl dt p { height: 56px } .info-list li .item-content dl dt p a, .info-list li .item-content dl dt p span { line-height: 24px; font-size: 20px } .info-list li .item-content dl dd { margin: 4px 0 8px } } @media (min-width: 1600px) { .info-list li .item-content dl dt { height: 64px } .info-list li .item-content dl dt p { height: 64px } .info-list li .item-content dl dt p a, .info-list li .item-content dl dt p span { line-height: 26px; font-size: 24px } .info-list li .item-content dl dd { margin: 4px 0 10px } } @media (max-width: 1024px) { .pro-tit li { width: 50%; padding: 0 20px } .pro-tit li a { text-align: left } .message-panel2.message-panel .left h3 { font-size: 24px; text-align: center } .message-panel2.message-panel .wrap .message-wrap .message-form h3 { width: fit-content; margin: 0 auto; font-size: 24px; display: block } .message-panel2.message-panel .wrap .message-wrap .message-form { background-size: 230%; padding: 20px 5% } .message-panel2.message-panel .wrap .message-wrap .message-form .item-panel { margin-top: 0 } .message-panel .wrap .message-wrap .message-form .item-panel input[type="text"] { width: 100%; height: 50px; font-size: 14px; margin-top: 20px } .message-panel .wrap .message-wrap .message-form .item-panel>p { font-size: 14px } .message-panel2.message-panel .wrap .message-wrap .message-form .item-panel>a, .message-panel2.message-panel .wrap .message-wrap .message-form .item-panel input[type="button"], .message-panel2.message-panel .wrap .message-wrap .message-form .item-panel input[type="submit"] { width: 140px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 auto; float: none; display: block; margin-top: 20px } .message-panel2.message-panel .wrap .message-wrap .message-form:before { display: none } .message-panel2 .left { padding: 30px 5%; background-size: 100% } .message-panel2 .left h3 { width: 180px; margin: 0 auto } .message-panel2 .left p { margin-top: 20px; background-size: 24px !important; padding-left: 40px } .message-panel .wrap .message-wrap .message-form .item-panel input+input { margin: 0 } } @media (max-width: 1000px) { .about-page { height: 9.6rem; background-position: 30% center } .about-page .article-banner { padding-top: 0.8rem; } .breadcrumb, .about-page .breadcrumb, .contact-page .breadcrumb { height: .8rem; margin-left: 0 } .breadcrumb, .breadcrumb a, .breadcrumb span { font-size: .37333rem; line-height: .8rem } .about-page .article-banner h2, .contact-page .article-banner h2 { font-size: 1.06667rem; letter-spacing: initial } .about-page .article-banner p, .contact-page .article-banner p, .about1 dl dd p, .about2 .center p, .about2 .right p, .about3 p, .about5 dl dd p, .about1 ul li p, .about4 .text, .message-panel2 .left p { font-size: .37333rem; line-height: 1.7 } .about1 { margin-top: 0 } .about1 .wrap { padding-bottom: 1.33333rem } .about2, .about3 .wrap, .about5 .wrap { padding: 1.33333rem .53333rem } .about1 dl dd { width: 100%; padding: 0 0 .53333rem 0 } .about1 dl dd h3 { margin-bottom: .8rem; padding: .53333rem 0 } .about1 dl dd h3, .about2 h3, .about2 .right h3, .about3 h3, .about4 h3, .about5 dl dd h3 { font-size: .64rem; text-align: center; text-transform: uppercase } .about1 dl dd h3::before, .about1 dl dd h3::after { left: 50%; transform: translateX(-50%) } .about3 h3 br { display: none } .about1 dl dt { width: 100% } .about1 ul { top: 0; padding: .53333rem 0 } .about1 ul li { width: 50%; padding: .26667rem 5% } .about1 ul li p { margin-top: .26667rem } .about1 ul li img { width: 1.06667rem } .about2 i, .about5 i { right: 0; font-size: 2.13333rem; text-align: center } .about2 .left, .about2 .center, .about2 .right, .about5 dl dd, .about5 dl dt { width: 100% } .about2 { padding-left: 0; padding-right: 0 } .about2 .left { margin-top: .26667rem } .about2 .center { padding: 1.06667rem 0 0 0 } .about2 .right { margin: 0 } .about3 p { margin: .53333rem 0 } .about3 ul li img { border-radius: .26667rem } .about4 h3::before { height: .21333rem; bottom: .10667rem } .about4 h3::after { height: .05333rem; bottom: -.4rem } .about4 .text, .about2 .text { width: 100%; margin: .26667rem 0 .53333rem; font-size: .37333rem; line-height: 1.7 } .about4 .pic { margin: 0 } .about5 dl dd h3 { margin: 0 } .about5 dl dd p { margin: .53333rem 0 } .about2 .left { padding: 0 } .about2 .left::before { display: none } .about2 .center { padding: 0; margin: .8rem 0 0 } .about2 .center:before { height: 92%; left: 1.01333rem } .about2 .center p { padding: .13333rem 0 .13333rem 1.33333rem } .about2 .center p+p { margin-top: .26667rem } .about3 { background-size: cover } .about4 { padding-top: 0; padding-bottom: 0 } .about5 .wrap { padding-bottom: .8rem } .contact-page .article-banner { padding: 0.8rem 3% 1.06667rem; } .contact-page .article-banner h2.contact-h2 { margin-top: .53333rem } .contact-page .article-banner p.contact-p { margin-top: .4rem; font-size: .53333rem } .contact-info { padding-top: .8rem; padding-bottom: 1.6rem } .info-list li { width: 100%; padding: .8rem 0 } .info-list li+li { margin: 0 } .info-list li .item-content, .info-list li .item-content img { border-radius: .26667rem } .info-list li .item-content:before, .info-list li .item-content:after { display: none } .info-list li .item-content dl { bottom: .32rem } .info-list li .item-content dl dt { height: 1.06667rem; padding-left: .37333rem } .info-list li .item-content dl dd { height: .50667rem; padding-left: .35467rem; margin: 0 0 .152rem } .info-list li .item-content dl dt p { height: 100% } .info-list li .item-content dl dt p a, .info-list li .item-content dl dt p span { line-height: .456rem; font-size: .40533rem } .info-list li .item-content dl dd p { height: .50667rem; line-height: .50667rem; font-size: .40533rem } .message-panel2.message-panel .wrap .message-wrap { border-radius: 0 } .message-panel2.message-panel { padding: 0 } .message-panel2.message-panel .wrap .message-wrap .message-form { width: 100%; padding-top: 1.06667rem; padding-bottom: 1.33333rem; background-size: cover } .message-panel2.message-panel .left { display: none } .message-panel .wrap .message-wrap .message-form .item-panel textarea { padding: .26667rem .34667rem; font-size: .37333rem; line-height: 1.6 } .message-panel .wrap .message-wrap .message-form .item-panel #button_sub { margin-top: 0 } } .pro-comparison { width: 100%; background: #eff6ff; padding: 60px 0; margin: 0 0 100px 0 } .pro-comparison h3 { font-size: 36px; line-height: 64px; font-weight: bold; text-transform: capitalize; font-family: Impact, Arial, Helvetica, sans-serif; margin-bottom: 50px } .pro-comparison ul { padding: 0px 0px 0px 20px } .pro-comparison li { margin-top: 60px } .pro-comparison .db-t { background: #fff; border-radius: 30px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); position: relative } .pro-comparison .db-t::before, .pro-comparison .db-t::after { content: ""; width: 14px; height: 192px; background: url(../images/cpdb-zs2.png) center no-repeat; display: block; position: absolute; bottom: -166px } .pro-comparison .db-t::before { left: 75px } .pro-comparison .db-t::after { right: 75px } .pro-comparison .db-t dd { width: 100%; position: relative } .pro-comparison .db-t dd i { width: 40px; height: 40px; border: 1px dashed #f39800; border-radius: 50%; font-style: normal; font-size: 26px; color: #f39800; font-family: Impact, Arial, Helvetica, sans-serif; text-align: center; line-height: 40px; position: absolute; left: -20px; top: 45% } .pro-comparison .db-t dd img { width: 100% } .pro-comparison .db-t dt { padding: 20px 15px 42px 15px } .pro-comparison .db-t dt h4 { font-size: 20px; font-family: Impact, Arial, Helvetica, sans-serif; color: #2a2a2a; line-height: 24px; display: block; margin-bottom: 15px; font-weight: 100 } .pro-comparison .db-t dt p { font-size: 16px; margin-top: 5px } .pro-comparison .db-b { background: #ebf2fe; border-radius: 45px; box-shadow: 0 5px 10px #d9e2f3 inset; margin-top: 26px; padding: 30px 35px; position: relative } .pro-comparison .db-b .ys-bq { background: url(../images/cpdb-zs.png) -25px center no-repeat; font-size: 19px; color: #fec76c; font-family: Impact, Arial, Helvetica, sans-serif; text-transform: capitalize; line-height: 77px; padding-left: 5px; position: absolute; right: -87px; top: 20%; display: none } .pro-comparison .db-b .ys-bq em { font-style: normal; color: #fff } .pro-comparison .db-b h4 { font-size: 18px; font-weight: bold; margin-bottom: 20px } .pro-comparison .db-b p { font-size: 16px; color: #50607b; line-height: 30px; margin: 10px 0 } .pro-comparison .db-b p span { display: block; font-weight: bold; margin-bottom: 10px } .pro-comparison .db-b .more { background: #f39800; font-size: 16px; font-weight: bold; line-height: 30px; color: #fff; text-align: center; text-transform: uppercase; border-radius: 10px; position: absolute; right: 10%; bottom: -13px; padding: 0 15px 0 30px; cursor: pointer } .pro-comparison .db-b .more i { width: 30px; height: 30px; background: #2d4a7e; border-radius: 50%; display: block; position: absolute; left: -12px; top: 0 } .pro-comparison .db-b .csbg-nr { display: none } @media (min-width: 1000px) { .pro-comparison ul { padding: 0 13.6% } .pro-comparison .db-t::before, .pro-comparison .db-t::after { bottom: -130px } .pro-comparison .db-t dd { width: 43.066%; position: absolute; left: 0; top: 12% } .pro-comparison .db-t dt { padding: 60px 0 60px 43% } .pro-comparison .db-t dt h4 { font-size: 30px; margin-bottom: 25px; line-height: 45px } .pro-comparison .db-t dt p { font-size: 20px; margin-top: 15px } .pro-comparison .db-b .ys-bq { display: block } } .privacyBox { padding: 66px 0; overflow: hidden } .privacyBox h3 { font-size: 50px; color: #333333; font-family: "Alibaba-PuHuiTi-Heavy"; text-transform: uppercase; text-align: center } .privacyBox .privacyfl { float: left; width: 67% } .privacyBox .privacyfl h4 { margin-top: 30px; font-size: 24px; color: #333232; line-height: 1.5 } .privacyBox .privacyfl h4:first-child { margin-top: 0 } .privacyBox .privacyfl p { margin-top: 15px; font-size: 15px; line-height: 1.8; color: #666666 } .privacyBox .privacyfl ul li { margin-top: 15px; font-size: 15px; line-height: 1.8; list-style: inside } .privacyBox .privacyfr { float: right; width: 27% } .privacyBox .privacyfr .privacyfrtit { font-size: 18px; color: #333232; line-height: 1.5; font-weight: bold } .privacyBox .privacyfr .privacyfrtxt { margin-top: 10px; color: #333232; line-height: 1.8; font-size: 15px } .privacyBox .privacyfr ul { clear: both; padding: 10px 0px } .privacyBox .privacyfr ul li { line-height: 1.8; margin-top: 10px; color: #666; font-size: 15px; list-style: inside } @media screen and (max-width: 1000px) { .privacy { padding: 0 20px } .privacyBox { padding: 30px 0 } .privacyBox .privacyfl { width: 100%; float: none } .privacyBox .privacyfr { display: none } .privacyBox .privacyfl h4 { margin-top: 20px; font-size: 18px } .privacyBox .privacyfl p, .privacyBox .privacyfl ul li { margin-top: 10px } } .ru_body .about3 h3{width: 100%;}