a { padding: 0px 9px 15px 9px; } } @-moz-document url-prefix() { .menu li>a { padding: 0px 9px 14px 9px; } .small-advantage .single-advantage { margin-left: 14px; } .small-advantage img { width: 188px; } .small-advantage .single-advantage { max-width: 188px; } } .show-list { display: none; } .show-list.active { display: block; } .product-slider { height: 0; opacity: 0; } .product-slider .slick-list { height: 0; } .product-slider.active { height: auto; opacity: 1; } .product-slider.active .slick-list { height: auto; } .top_banner { position: relative; } .top_content { position: absolute; left: 0; top: 0; width: 100%; max-width: 1920px; height: 100%; } .group01, .group03, .group02 { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .group01 { max-height: 48%; z-index: 3; } .group03 { max-height: 70%; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -webkit-animation: rotate 20s linear infinite; -moz-animation: rotate 20s linear infinite; -o-animation: rotate 20s linear infinite; animation: rotate 20s linear infinite; } .group02 { max-height: 47.285%; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -webkit-animation: rotate1 20s linear infinite; -moz-animation: rotate1 20s linear infinite; -o-animation: rotate1 20s linear infinite; animation: rotate1 20s linear infinite; } @-webkit-keyframes rotate { from { -webkit-transform: translate(-50%, -50%) rotate(0deg) } to { -webkit-transform: translate(-50%, -50%) rotate(360deg) } } @-moz-keyframes rotate { from { -moz-transform: translate(-50%, -50%) rotate(0deg) } to { -moz-transform: translate(-50%, -50%) rotate(359deg) } } @-o-keyframes rotate { from { -o-transform: translate(-50%, -50%) rotate(0deg) } to { -o-transform: translate(-50%, -50%) rotate(359deg) } } @keyframes rotate { from { transform: translate(-50%, -50%) rotate(0deg) } to { transform: translate(-50%, -50%) rotate(359deg) } } @-webkit-keyframes rotate1 { from { -webkit-transform: translate(-50%, -50%) rotate(0deg) } to { -webkit-transform: translate(-50%, -50%) rotate(-360deg) } } @-moz-keyframes rotate1 { from { -moz-transform: translate(-50%, -50%) rotate(0deg) } to { -moz-transform: translate(-50%, -50%) rotate(-360deg) } } @-o-keyframes rotate1 { from { -o-transform: translate(-50%, -50%) rotate(0deg) } to { -o-transform: translate(-50%, -50%) rotate(-360deg) } } @keyframes rotate1 { from { transform: translate(-50%, -50%) rotate(0deg) } to { transform: translate(-50%, -50%) rotate(-360deg) } } .rotate_box, .rotate_item, .department { position: relative; left: 0; top: 0; width: 100%; height: 100%; } .rotate_box { position: absolute; width: 62.5%; max-width: 1200px; max-height: 700px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rotate_box>img { position: absolute; left: 50%; top: 50%; max-width: 1200px; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rotate_item { position: absolute; } .department { position: absolute; } .department>div, .department_msg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .department_item a { display: inline-block; } .department>div>img { position: absolute; max-height: 19.857%; z-index: 8; cursor: pointer; } .department>div span { position: absolute; } .department>div span { font-size: 20px; color: #fff; z-index: 9; cursor: pointer; } .department .department01>img { left: -2%; top: 20.01%; cursor: pointer; } .department .department01 span { left: 4.81%; top: 24.12%; cursor: pointer; } .department .department02>img { left: 6.156%; bottom: 14%; } .department .department02 span { left: 17.53%; bottom: 18.857%; } .department .department03>img { right: 6.3%; top: 15.5%; } .department .department03 span { right: 13.92%; top: 19.57%; } .department .department_msg { display: none; } .department .department_msg img { position: absolute; max-height: 29.857%; } .department .department_msg p { position: absolute; padding: 0 25px 0 30px; max-width: 32%; max-height: 29.857%; line-height: 28px; overflow: hidden; font-size: 14px; color: #fff; } .department .department_msg p a { color: #fff; } .department .msg03 img { right: -10.542%; top: 27%; } .department .msg03 p { right: -10.542%; top: 30.71%; } .department .msg01 img { left: -16.542%; top: 32.285%; } .department .msg01 p { left: -16.542%; top: 36.71%; } .department .msg02 img { left: -5.542%; top: 42.285%; } .department .msg02 p { left: -5.542%; top: 46.71%; } @media (max-width: 1720px) { .department .department_msg p { position: absolute; padding: 0 15px 0 20px; max-height: 21.857%; line-height: 20px; overflow: hidden; font-size: 14px; color: #fff; } } @media (max-width: 1500px) { .department .department_msg p { padding: 0 15px 0 20px; line-height: 18px; font-size: 12px; } } @media (max-width: 1360px) { .department .department_msg p { padding: 0 15px 0 20px; line-height: 16px; font-size: 12px; } } @media (max-width: 1280px) { .department .department_msg p { padding: 0 5px 0 15px; line-height: 12px; font-size: 12px; max-height: 22.857%; } } @media (max-width: 750px) { .department>div span { font-size: 12px; } .department .department01 span { top: 22.12%; } } #leftcontrol .second_list { display: none; margin: 0; border: 0; padding-bottom: 0; } #leftcontrol ul dd .second_list a { padding-left: 47px; } @media (max-width: 750px) { .top_banner { display: none; } .mb_banner { position: relative; width: 100%; height: 100%; } .mb_banner>img { width: 100%; } .mb_banner .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .mb_banner .box .mb_img1, .mb_banner .box .mb_img2, .mb_banner .box .mb_img3 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .mb_banner .box .mb_img3 { width: 64%; animation: rotate 20s linear infinite; } .mb_banner .box .mb_img2 { width: 45%; animation: rotate1 20s linear infinite; } .mb_banner .box .mb_img1 { width: 64%; } .mb_banner .box .content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .mb_banner .box .c1>img { position: absolute; left: 13%; top: 19%; width: 15.3%; z-index: 99; } .mb_banner .box .c1>a { position: absolute; left: 20%; top: 20%; color: #fff; font-size: 14px; z-index: 100; } .mb_banner .box .content .content-box { position: relative; display: none; width: 100%; height: 100%; } .mb_banner .box .content .content-box img { width: 51.46%; } .mb_banner .box .content .content-box a { position: absolute; left: 0; top: 0; width: 50%; padding: 4% 3%; font-size: 6px; color: #fff; } .mb_banner .box .c1 .content-box img { position: absolute; left: 18%; top: 6%; } .mb_banner .box .c1 .content-box a { left: 19%; top: 6%; } .mb_banner .box .c2 .content-box img { position: absolute; left: 40%; top: 6%; } .mb_banner .box .c2 .content-box a { left: 41%; top: 6%; } .mb_banner .box .c3 .content-box img { position: absolute; left: 30%; top: 73%; } .mb_banner .box .c3 .content-box a { left: 31%; top: 73%; } .mb_banner .box .content .content-box a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical } .mb_banner .box .c2>img { position: absolute; left: 76%; top: 26%; width: 15.3%; z-index: 99; } .mb_banner .box .c2>a { position: absolute; left: 75%; top: 27%; color: #fff; font-size: 14px; z-index: 100; } .mb_banner .box .c3>img { position: absolute; left: 12%; bottom: 18%; width: 15.3%; z-index: 99; } .mb_banner .box .c3>a { position: absolute; left: 20%; bottom: 24%; color: #fff; font-size: 14px; z-index: 100; } } @media (min-width: 751px) { .mb_banner { display: none; } } .highlight .text > a { display:inline-block; padding:6px 12px; margin-top:205px; font-size:14px; background-color:#cf302c; color:#fff; } .highlight .text > a:last-child { margin-left:20px; } @media (max-width:768px) { .highlight .text > a { margin-top:60px; } } @font-face { font-family: 'iconfont'; /* project id 974744 */ src: url('//at.alicdn.com/t/font_974744_a8yg9v75n7r.eot'); src: url('//at.alicdn.com/t/font_974744_a8yg9v75n7r.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_974744_a8yg9v75n7r.woff2') format('woff2'), url('//at.alicdn.com/t/font_974744_a8yg9v75n7r.woff') format('woff'), url('//at.alicdn.com/t/font_974744_a8yg9v75n7r.ttf') format('truetype'), url('//at.alicdn.com/t/font_974744_a8yg9v75n7r.svg#iconfont') format('svg'); } .massage .saler_item ol { padding:0; } .massage .saler_item { display:inline-block; width:23%; padding: 20px 5px; text-align:center; background-color:#fff; border: 1px solid #eee; box-shadow: 0px 5px 14px #ececec; line-height:1.5; } .massage .saler_item i { font-size:30px; color:#cf302c; } .massage .saler { display:flex; justify-content: space-between; flex-wrap:wrap; margin-top:40px; } .massage .saler_item h6 { margin:10px 0 15px; font-size:16px; font-weight:bold; } @media (max-width: 750px) { .massage .saler_item { width:100%; margin-bottom:20px; padding:20px 15px; } }世界竞猜网
隐秘的角落 影帝教学班 新产品
澳维州新增确诊数再创新高 悉尼机场将进行健康检查 产品展示
工业镜头

工业镜头

了解更多>
1784年 法国哲学家狄德罗逝世

如何看待电子科技大学邓旭教授团队发表Nature封面文章?

了解更多>
盈米基金肖雯:改变国人买基金方式,帮助更多人实现可持续回报 | 70华诞

建议教育局放开市区学生到区县借读

了解更多>
其他镜头

其他镜头

了解更多>
信托业上半年业绩加速分化 头部公司优势凸显
在npm发布自己造的轮子 - Lemoncool HPA/拿起镜头,记录最美瞬间,总有一个画面戳中你的泪点 ! 1月27日,湖南省文联、湖南摄协
好消息!自贡这里即将兴建两座通行大桥!
民法典承载“中国之治”制度结晶 生命力在于实施近日,第七届全国管理案例精英赛“长步道杯”中山大学管理学院突围赛在我院圆满落幕。经过激烈的角逐,“追光者队”荣
男子分饰多角行骗
蔚来反充引发的思考:换电是否会成为一场新革命? 广角镜头又称短镜头。摄影辅助镜头的一种。镜头焦距显著地小于像场直径(底片对角线长度),约
《高达EXVS. MBON》公布单人模式预告片
用反编译工具能把这个软件的右键显示菜单栏中的“帮助”去掉吗?现使用4K相机方案,要求2.2m视野,选择哪款镜头? 根据以上信息,可以算出倍率, 放大倍率=Image
联系我们
广州公司

「中国国家地理」这些连本地人都不一定知道的地名由来,其实超简单!

联系地址:广州市番禺区金山工业园1号楼2层
Tel:2020女神大会第17期:“星女郎”黄圣依,你的评分是?
Fax:(+86)020-34698633
Email:sales@chiopt.com
在线客服
热线电话

卑微业主,下跪维权!“地产范冰冰”专割中产


扫描二维码

    <ul class="WkqxyOb"><li id="BgHDdB2" class="BA4TVZl"></li></ul>


    <i id="vbRhtc2" class="v7P9q2v"><rp id="aof16UE"></rp></i>


      <u class="Yny6EsY"><area id="r1qKn9y"></area></u>

    • <del id="dvulxjx"><ruby class="esoX08b"><thead id="nAAwFl0"><q class="Eld4fpl"></q></thead></ruby></del>