@charset "utf-8"; /* CSS Document */ body { margin-left: 0px; margin-top: 0px; margin-right: 0px; } .body-index { width: 1009px; height: 568px; margin: 0 auto; background-image: url(/images/zongchou0.png); } .menu { width: 450px; float: right; margin-right: 250px; margin-top: 600px; height: 0px; clear: left; margin-bottom: 0px; margin-left: 0px; } img { border: 0; margin: 0; padding: 0; } html { -webkit-text-size-adjust: none; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } body, button, input, select, textarea { font: 12px/1.5 arial, Microsoft YaHei, SimHei, \5b8b\4f53; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } code, kbd, pre, samp { font-family: courier new, courier, monospace; } small { font-size: 12px; } ul, ol { list-style: none; } a { text-decoration: none; } a:hover { text-decoration: underline; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } legend { color: #000; } fieldset, img { border: 0; } button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } body { background: #fff; color: #555; overflow-x: hidden } a { color: #555; } a:hover { color: #35a4de; text-decoration: none; } .fl { float: left; } .fr { float: right; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .public-w { margin: 0 auto; max-width: 1200px; } .public-a a { color: #35a4de; } .public-a a:hover { color: #35a4de; text-decoration: underline; } .public-a9 a { color: #999; } .public-a9 a:hover { color: #35a4de; } /*-home-*/ .head .logo { margin-top: 10px; } .head .EnglishSwitch { height: 24px; margin-top: 42px; line-height: 24px; color: #999; float: right; } .head .EnglishSwitch span { margin: 0 15px; } .head .topSearch { height: 24px; margin-top: 42px; position: relative; float: right; margin-right: 16px; } .head .topSearch input { border: 2px solid #f0f0f0; border-radius: 10px; color: #999; padding: 0px 22px 0 8px; width: 124px; line-height: 20px; height: 20px; } .head .topSearch .searchBnt { width: 12px; height: 12px; display: block; background: url(/images/search.jpg) no-repeat; position: absolute; top: 6px; right: 10px; } .head .topSearch .searchBnt:hover { background-position: -20px 0; } .nav { width: 100%; height: 37px; line-height: 37px; background: #fff url(/images/nav-line.jpg) top repeat-x; font-size: 14px; } .nav .column { margin-right: 2%; float: left; position: relative; z-index: 9999; width: 14%; } .nav .column a { font-weight: bold; display: block; text-align: center; color: #555555 } .nav .column a:hover { color: #36a5df; } .nav .column .ba_cl { display: none; width: 126px; height: 10px; position: absolute; top: 32px; left: 0; z-index: 999; background: #fff; } .nav .column:hover, .nav .curr .ba_cl { display: block } .nav .column:hover, .nav .curr { background: url(/images/nav-line_1.jpg) top repeat-x; position: relative; margin-top: 0px; zoom: 1; } .nav .column ol { position: absolute; width: 500px; padding: 20px 0 15px 0; background: #fff; top: 38px; left: -200px; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #ccc; box-shadow: 0px 0px 4px #ccc; display: none; z-index: 99911; } .nav .column ol li { display: block; width: 200px; float: left; margin: 0 0 0 20px; line-height: 36px; border-right: 1px dotted #eaeaea; padding-right: 15px; } .nav .column ol li a { color: #555; font-weight: normal; display: block; border-bottom: 1px dotted #ddd; } .nav .column ol li a:hover { color: #36a5df; border-bottom: 1px solid #36a5df; display: block } .nav .column ol li .Mod_title { line-height: 22px; margin-bottom: 10px; display: block; background: url(/images/icon_03.png) no-repeat 0 -104px; padding-left: 10px; font-weight: bold; color: #35a4de; } .nav .column .mall { width: 172px; left: 1px; padding-right: 5px; padding-left: 7px; } .nav .column .mall li { width: 150px; margin: 0; line-height: 33px; margin: 0 auto; text-align: center } .nav .column .mall li a { color: #333; display: block; border: none; text-align: center; -webkit-transition: All .5s ease; -moz-transition: All .5s ease; -o-transition: All .5s ease; width: auto } .nav .column .mall li a:hover { border: none; color: #36a5df; } .nav .column a img { display: block; margin: 0 auto } .nav .column .mall_logo { height: 40px; display: block; text-align: center; -webkit-transition: All .5s ease; -moz-transition: All .5s ease; -o-transition: All .5s ease } .nav .column .mall li a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } .wrap { width: 100%; position: relative; z-index: 9; } .home_kv1 { background: url(/images/home_kv_1.jpg) center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } .home_kv1 img { width: 1900px; height: 940px; min-height: 700px; min-width: 700px; } .homecon .public-w1 { position: relative; height: 225px; } .homecon .tout .collapsed { height: 30px; font-size: 14px; line-height: 30px; background: #333333; color: #fff; padding: 0 20px; cursor: pointer; } .homecon .tout .collapsed span { float: right; } .homecon .tout .collapsed span a { color: #fff; padding: 0 10px } .homecon .tout .expanded { background: #eee; height: 175px; padding: 10px 18px; display: none; } .homecon .tout_curr .collapsed { background: #35a5df; } .homecon .tout1 .collapsed { height: 30px; font-size: 14px; line-height: 30px; background: #333333; color: #fff; padding: 0 20px; cursor: pointer; } .homecon .tout1 .collapsed span { float: right; } .homecon .tout1 .collapsed span a { color: #fff; padding: 0 10px } .homecon .tout1 .expanded { background: #eee; height: 175px; padding: 10px 18px; display: none; } .homecon .products li { height: 66px; display: block; background: url(/images/icon_03.png) no-repeat right -36px; margin-top: 5px; } .homecon .products li .pic { width: 122px; height: 66px; float: left; margin-right: 14px; } .homecon .products li a .title { line-height: 24px; font-size: 14px; color: #000; height: 24px; overflow: hidden; padding-top: 10px; } .homecon .products li a .ad { line-height: 20px; color: #555; } .homecon .products li a:hover .title { color: #36a5df; } .homecon .products li.line { height: 2px; width: 100%; background: url(/images/products_line.jpg) repeat-x; overflow: hidden; margin: 12px 0; } .homecon .media li { line-height: 24px; } .homecon .media .article { height: 78px; display: block; overflow: hidden; margin: 10px 0 10px 0; } .homecon .media .article .mediaPic { width: 105px; margin-right: 10px; float: left; } .homecon .media .article a .title { line-height: 24px; font-weight: bold; color: #36a5df; } .homecon .media .article a p { line-height: 18px; } .homecon .about .comPic { height: 78px; margin: 10px 0 15px 0; display: block; } .homecon .about .expanded p { line-height: 21px; } /*-foot-*/ .foot { width: 100%; height: 30px; background: #fff; color: #999; line-height: 30px; font-size: 12px; z-index: 999; bottom: 0; clear: both } .foot .line { margin: 0 10px; } .foot .social { float: right; height: 18px; line-height: 18px; margin-top: 5px; } .foot .social a { float: right; margin-left: 20px; } .foot .social i { width: 21px; height: 17px; float: left; margin-right: 6px; background: url(/images/social_icon.png) no-repeat; } .foot .social .wx i { background-position: 0 0; } .foot .social .wb i { background-position: -77px 0; } .foot .social a.wx:hover i { background-position: -39px 0; } .foot .social a.wb:hover i { background-position: -116px 0; } .SubpageFoot { background: #f4f5f6; border-top: 1px solid #eee; } .bottom_map { height: 160px; padding: 20px 0; background: #012947; } .bottom_map dd { width: 238px; text-align: center; float: left; } .bottom_map dd a { display: block; color: #8094A3; line-height: 24px; font-size: 12px; } .bottom_map dd a:hover, .bottom_map dd a.ModTitle:hover { color: #36a5df; } .bottom_map dd a.ModTitle { color: #fff; font-size: 14px; line-height: 32px; } .bottom_map dt { width: 1px; height: 160px; background: #1b3949; float: left; } /*--*/ /*.about_kv{ height:563px; background:url(/images/about_kv.jpg) no-repeat center;}*/ .about_kv img { width: 100%; } .eq-apb-main { line-height: 26px; padding-top: 2px; color: #999; border-bottom: 1px solid #ddd; } .eq-apb-main span { margin: 0 8px; font-family: "宋体"; } /*-company-*/ .about_w920 { width: 1200px; margin: 0px auto; padding: 80px 0; overflow: hidden } .company_warp .comItem { background: url(/images/company.jpg) no-repeat left top; overflow: hidden; min-height: 344px; } .company_warp .combox { float: right; } .combox { width: 564px; font-size: 14px; line-height: 24px; color: #666; } .company_warp .info { line-height: 24px; } /*-Introduction-*/ .Introduction_warp { background: #eeeeee; } .Introduction_warp .comItem { background: url(/images/Introduction.jpg) no-repeat right center; min-height: 370px; } .Introduction_warp .combox { width: 440px; } /*-Development-*/ .Development_warp { height: 568px; background: url(/images/Development.jpg) no-repeat center; } .Development_warp .comItem { width: 564px; float: right; background: none; min-height: 410px; } .Development_warp .info { height: 288px; } .Development_warp .info ul { background: url(/images/Dashed.gif) repeat-y; display: block; } .Development_warp .info li { line-height: 18px; padding: 15px 0; padding-left: 28px; font-size: 14px; color: #666; position: relative; } .Development_warp .info i { font-size: 16px; line-height: 16px; color: #c6cdd0; position: absolute; left: -1px; top: 30%; } .Development_warp .info .Time { color: #34a3de; margin-right: 12px; } /*-Team-*/ .Team_warp { background: #eeeeee; } .Team_warp .comItem { float: none; background: none; min-height: 540px; } .Team_warp .combox { width: auto; } .Team_warp .combox h2 { text-align: center; padding-top: 20px; } .Team_warp .combox h2 .en { margin: 0; padding: 0; line-height: 30px; text-align: center; display: block; } .Team_warp .text { line-height: 24px; margin: 0 25px; } .Team_warp .info ul { width: 130%; } .Team_warp .info li { width: 135px; margin: 20px 25px 0 25px; float: left; } .Team_warp .info .Avatar { width: 135px; height: 135px; background: url(/images/Avatar.jpg) no-repeat; display: block; } .Team_warp .info .Post { font-size: 16px; color: #000; font-weight: bold; line-height: 26px; margin-top: 15px; } .Team_warp .info .name { font-size: 13px; color: #333; font-weight: normal; line-height: 20px; padding-bottom: 10px; } .Team_warp .info .Record { font-size: 12px; line-height: 20px; } .Team_warp .info .Important .Post { color: #35a4de; } /*-Honors-*/ .Honors_warp .comItem { float: none; background: none; min-height: 400px; } .Honors_warp .combox { width: auto; } .Honors_warp .combox h2 { text-align: center; padding-top: 20px; } .Honors_warp .combox h2 .en { margin: 0; padding: 0; line-height: 30px; text-align: center; display: block; } .Honors_warp .text { line-height: 34px; text-align: center; font-size: 18px; padding-top: 15px; } .Honors_warp .info { height: 200px; width: auto; position: relative; margin-top: 40px; } .Honors_warp .info .no-select { width: 17px; height: 33px; background: url(/images/shortcut.gif) no-repeat; display: block; } .Honors_warp .info .slide-shortcut-prev { background-position: 0 0; position: absolute; left: 0; top: 55px; } .Honors_warp .info .slide-shortcut-next { background-position: 0 -66px; position: absolute; right: 0; top: 55px; } .Honors_warp .info .slide-shortcut-prev:hover { background-position: 0 -132px; } .Honors_warp .info .slide-shortcut-next:hover { background-position: 0 -198px; } .Honors_warp .info .slide-shortcut-prev1 { background-position: 0 0; position: absolute; left: 0; top: 55px; } .Honors_warp .info .slide-shortcut-next1 { background-position: 0 -66px; position: absolute; right: 0; top: 55px; } .Honors_warp .info .slide-shortcut-prev1:hover { background-position: 0 -132px; } .Honors_warp .info .slide-shortcut-next1:hover { background-position: 0 -198px; } .Honors_warp .picWarp { width: 824px; height: 180px; margin: 0 auto; overflow: hidden; position: relative; } .Honors_warp .picWarp ul { width: 200%; height: 180px; position: absolute; left: 0; } .Honors_warp .picWarp li { width: 202px; margin-right: 4px; float: left; } .Honors_warp .picWarp li .honorsPic { width: 202px; height: 142px; display: block; } .Honors_warp .picWarp p { line-height: 24px; padding: 7px 0; text-align: center; display: block; } .aboutMenu { position: fixed; right: 20px; top: 50%; } .aboutMenu li { display: block; width: 14px; height: 13px; margin: 7px; } .aboutMenu li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } .aboutMenu li a .dot { position: absolute; z-index: 1; top: 5px; left: 5px; width: 4px; height: 4px; background: #777; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .aboutMenu li a .hover-text { position: absolute; top: -2px; right: 20px; width: 0px; overflow: hidden; white-space: nowrap; font-size: 1em; color: #4aade1; text-align: right; } .aboutMenu li a.curr .hover-text { width: 50px; } .aboutMenu li a.curr .dot { left: 2px; top: 2px; width: 8px; height: 8px; border: 1px solid #4aade1; background: transparent; } .aboutMenu li a.hover .dot { border: 1px solid #4aade1; background: transparent; } /*翻页*/ .green-black { height: 30px; margin-top: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 15px; text-align: center; } .green-black A { PADDING: 5px 8px; BACKGROUND: #c1c1c1; COLOR: #fff; MARGIN: 0 1px; TEXT-DECORATION: none; border-radius: 4px; border-shadow: #eaeaea; } .green-black A:hover { BACKGROUND: #71B4DE; color: #fff; } .green-black A:active { BACKGROUND: #71B4DE; color: #fff; } .green-black .current { FONT-WEIGHT: bold; color: #fff; BACKGROUND: #71B4DE; } .green-black SPAN.disabled { PADDING: 4px 8px; BACKGROUND: #c1c1c1; COLOR: #fff; MARGIN-RIGHT: 1px; } .green-black i { font-family: "宋体"; font-size: 12px; font-weight: bold; } .leftnav { width: 100%; height: 55px; line-height: 55px; font-size: 26px; font-family: '微软雅黑'; text-align: center; background: #36a5df; border-bottom: 1px dotted #999; color: #fff; border-top-left-radius: 6px; border-top-right-radius: 6px; } /*-up-*/ .up { width: 36px; height: 36px; background: url(/images/top_11.png) no-repeat left top; position: fixed; right: 50px; bottom: 100px; cursor: pointer; display: none } .up:hover { background-position: bottom left; } /*-mediaCenter-*/ /*.mediaCenter_kv{ height:563px; background:url(/images/mediaCenter_kv.jpg) no-repeat center;}*/ .mediaCenter_kv{width:1248px; height:340px; margin:0 auto; text-align:center;} .mediaCenter_kv img { width:1248px; text-align:center; height: 340px; } .mediaCenter_warp .about_w920 { overflow: hidden; background: url(/images/menu_bj_05.gif) repeat-y left; padding: 0 0 40px 0; margin: 40px auto; min-height: 620px; } .mediaCenter_warp .menu_fl { width: 181px; float: left; } .mediaCenter_warp .menu_fl li { line-height: 40px; height: 40px; display: block; margin: 6px 0; text-indent: 50px; font-size: 16px; } .mediaCenter_warp .menu_fl li a { color: #666; display: block; } .mediaCenter_warp .menu_fl li i { width: 6px; height: 8px; display: block; background: url(/images/icon_03.png) no-repeat 0 -111px; float: right; margin: 16px 32px 0 0; display: none; } .mediaCenter_warp .menu_fl li.curr a { border-bottom: 1px solid #eaeaea; color: #36a5df; background: #eaeaea; } .mediaCenter_warp .menu_fl li.curr i { display: block; } .mediaCenter_warp .Content_fr { width: 880px; margin-left: 40px; float: left; } .mediaCenter_warp .Content_fr h2 { line-height: 48px; padding: 22px 0 18px 0; color: #35a4de; font-size: 40px; font-weight: normal; } .mediaCenter_warp .Content_fr h2 .en { font-size: 12px; text-transform: uppercase; color: #666; padding-left: 12px; } .mediaCenter_warp .list { font-size: 14px; } .mediaCenter_warp .list li { line-height: 36px; background: url(/images/dotted.gif) repeat-x bottom; padding: 0 6px; } .mediaCenter_warp .list li span { float: right; } .mediaCenter_warp .list .pictu { width: 105%; } .mediaCenter_warp .list .pictu li { line-height: 19px; background: none; padding: 0px; width: 188px; height: 220px; float: left; margin-right: 40px; } .mediaCenter_warp .list .pictu li img { width: 188px; height: 116px; } .mediaCenter_warp .list .pictu li p { float: left; clear: both; height: 38px; display: block; overflow: hidden } .mediaCenter_warp .list .pictu li span { float: left; clear: both; font-size: 10px; color: #ccc } .mediaCenter_warp .ContentDetail { } .mediaCenter_warp .ContentDetail .title { padding-bottom: 15px; background: url(/images/dotted.gif) repeat-x bottom; } .mediaCenter_warp .ContentDetail .title h1 { line-height: 32px; font-size: 18px; color: #333; font-weight: bold; } .mediaCenter_warp .ContentDetail .title h4 { line-height: 24px; font-size: 14px; color: #666; font-weight: normal; } .mediaCenter_warp .ContentDetail .text { font-size: 14px; line-height: 26px; padding: 20px 0; } .mediaCenter_warp .ContentDetail .text p { padding-bottom: 26px; } .Return { padding: 0 26px; line-height: 30px; background: #36a5df; color: #fff; float: right; margin-top: 10px; } .Return:hover { background: #48b4ec; color: #fff; } /*-products-*/ .products_banner { width: 100%; overflow: hidden; position: relative; } .products_banner .ba_l_50 { width: 50%; } .products_banner .ba_l_pic { width: 100%; height: 100%; background: #002e68; overflow: hidden; } .products_banner a .popup { position: absolute; height: 100%; top: 0; left: 0; width: 100%; background: #000; opacity: 0; filter: alpha(opacity=0); } .products_banner a .popup .inner { color: #fff; padding: 30px; font-size: 14px; } .products_banner a .popup .inner h1 { font-size: 20px; } .products_banner .ba_l_50 a { display: block; width: 100%; height: 100%; position: relative; } .products_banner .ba_r_50 { width: 50%; height: 100%; position: absolute; right: 0; top: 0; background: #002e68; overflow: hidden; } .products_banner .ba_r_50 .l50 { width: 50%; position: absolute; left: 0; top: 0; } .products_banner .ba_r_50 .r50 { width: 50%; position: absolute; right: 0; top: 0; } .products_banner .ba_r_50 a { display: block; width: 100%; height: 50%; position: relative; } .productsWarp { padding: 34px 0; } .productsWarp .list { width: 952px; margin: 0 auto; } .productsWarp .productsMod { width: 444px; height: 400px; background: #f5f5f5; margin: 16px; float: left; } .productsWarp .productsMod:hover { background: #efefef; } .productsWarp .productsMod:hover .info h2 { color: #000; } .productsWarp .productsMod .pic { width: 444px; height: 200px; display: block; } .productsWarp .productsMod .info { padding: 16px 28px 0 28px; line-height: 24px; color: #777; font-size: 14px; } .productsWarp .productsMod .info h2 { font-weight: bold; font-size: 20px; color: #555555; line-height: 42px; } .productsWarp .productsMod .info p { height: 72px; display: block; overflow: hidden; } .productsWarp .productsMod .info .more { color: #36a5df; line-height: 22px; display: block; margin-top: 18px; padding-left: 26px; background: url(/images/products_moer.jpg) no-repeat left center; } /*-productsWarp_detail-*/ /*.productsWarp_detail{ width:1200px; margin:0 auto;}*/ .productsWarp_detail { width: 100%; max-width: 1200px; margin: 0 auto; } .section { height: 320px; position: relative; border-bottom: 1px solid #ddd; background: #fff; overflow: hidden; _zoom: 1; } .section h3 { line-height: 36px; font-size: 26px; font-weight: normal; color: #000; padding-bottom: 15px; } .section p { width: 620px; line-height: 24px; font-size: 14px; color: #596166; font-weight: normal; } .productsWarp .Detail_Title { padding: 30px 0 40px 0; height: auto; border: none; } .productsWarp .Detail_Title h1 { line-height: 64px; font-size: 56px; font-weight: normal; color: #333333; text-align: center; } .productsWarp .Detail_Title h2 { font-size: 16px; line-height: 50px; font-weight: normal; color: #333333; text-align: center; } .productsWarp .Detail_Title .Pro_btn { width: 132px; text-align: center; line-height: 36px; margin: 0 auto; display: block; font-size: 14px; background: #36a5df; color: #fff; } .productsWarp .Detail_Title .Pro_btn:hover { background: #2f9dd6; } .productsWarp .detail_kv { overflow: hidden; height: auto; border: none; } .section_MatchColors { padding-top: 34px; height: 335px; background: url(/images/Detail_2_2.jpg) no-repeat center 95px; } .section_Pixel { padding: 80px 0 0 455px; height: 240px; background: url(/images/Detail_2_3.jpg) no-repeat 115px 53px; } .section_defend { padding: 70px 0 0 50px; height: 250px; background: url(/images/Detail_2_4.jpg) no-repeat right bottom; } .section_defend p { width: 410px; } .section_Video { padding: 72px 0 0 455px; height: 238px; background: url(/images/Detail_2_5.jpg) no-repeat 44px 50px; } .section_Wireless { padding: 68px 0 0 50px; height: 252px; background: url(/images/Detail_2_6.jpg) no-repeat 535px bottom; } .section_Interface { padding: 80px 0 0 460px; height: 240px; background: url(/images/Detail_2_7.jpg) no-repeat 35px 50px; } .Product_bd { overflow: hidden; padding: 30px 0 50px 0; } .Product_bd .Features { width: 48%; float: left; } .Product_bd .Inventory { width: 48%; float: right } .Product_bd h3 { line-height: 69px; color: #000; font-size: 24px; font-weight: normal; } .Product_bd dd, .Product_bd dt { line-height: 36px; font-size: 14px; color: #666; display: block; padding-left: 15px; } .Product_bd dd { background: #f2f2f2; } .section_Per { padding: 80px 0 0 455px; height: 240px; background: url(/images/Detail_3_2.jpg) no-repeat 22px bottom; } .section_Induction { padding: 70px 0 0 50px; height: 250px; background: url(/images/Detail_3_3.jpg) no-repeat 526px bottom; } .section_Savingo { padding: 66px 0 0 455px; height: 244px; background: url(/images/Detail_3_4.jpg) no-repeat 36px bottom; } .section_Message { padding: 76px 0 0 50px; height: 244px; background: url(/images/Detail_3_5.jpg) no-repeat 490px 52px; } .section_NightVision { padding: 80px 0 0 460px; height: 240px; background: url(/images/Detail_3_6.jpg) no-repeat 35px 28px; } .section_Intelligent { padding: 65px 0 0 455px; height: 255px; background: url(/images/Detail_5_2.jpg) no-repeat left bottom; } .section_Anti-skid { padding: 110px 0 0 50px; height: 210px; background: url(/images/Detail_5_3.jpg) no-repeat 513px 69px; } .section_HD { padding: 88px 0 0 455px; height: 232px; background: url(/images/Detail_5_4.jpg) no-repeat 39px 60px; } .section_Shot { padding: 105px 0 0 50px; height: 215px; background: url(/images/Detail_5_5.jpg) no-repeat 550px 10px; } .section_Shooting { padding: 110px 0 0 50px; height: 210px; background: url(/images/Detail_5_6.jpg) no-repeat 550px bottom; } .section_Family { padding: 65px 0 0 455px; height: 255px; background: url(/images/Detail_4_2.jpg) no-repeat left bottom; } .section_Doorbell { padding: 98px 0 0 50px; height: 222px; background: url(/images/Detail_4_3.jpg) no-repeat 505px 54px; } .section_Message_r { padding: 76px 0 0 455px; height: 244px; background: url(/images/Detail_3_5.jpg) no-repeat 42px 52px; } .section_WideSight { padding: 98px 0 0 50px; height: 222px; background: url(/images/Detail_4_4.jpg) no-repeat 505px 54px; } .section_MatchColors_2 { padding-top: 34px; height: 335px; background: url(/images/Detail_1_2.jpg) no-repeat center 95px; } .section_Experience { padding: 75px 0 0 50px; height: 245px; background: url(/images/Detail_1_3.jpg) no-repeat right bottom; } .section_defend_r { padding: 60px 0 0 455px; height: 260px; background: url(/images/Detail_2_4.jpg) no-repeat left bottom; } .section_WideSight_l { padding: 85px 0 0 50px; height: 235px; background: url(/images/Detail_1_4.jpg) no-repeat 455px 36px; } .section_SD { padding: 106px 0 0 455px; height: 214px; background: url(/images/Detail_1_5.png) no-repeat 19px 96px; } .section_HD720p { padding: 65px 0 0 455px; height: 255px; background: url(/images/Detail_6_2.jpg) no-repeat left bottom; } .section_wifi { padding: 105px 0 0 50px; height: 215px; background: url(/images/Detail_6_3.jpg) no-repeat right bottom; } .section_Care { padding: 88px 0 0 450px; height: 232px; background: url(/images/Detail_6_4.jpg) no-repeat 104px bottom; } .section_Care p { width: 450px; } .section_Interface_6 { width: auto; padding: 52px 0 298px; height: 118px; background: url(/images/Detail_6_5.jpg) no-repeat center 170px; } .section_Interface_6 h3 { text-align: center; padding-bottom: 10px; } .section_Interface_6 p { text-align: center; width: auto; } .section_Omnipotent { width: auto; padding: 52px 0 266px; height: 100px; background: url(/images/Detail_7_2.jpg) no-repeat center 120px; } .section_Omnipotent h3 { text-align: center; font-size: 30px; padding-bottom: 10px; } .section_Omnipotent p { text-align: center; width: auto; } .section_SmartMatching { padding: 88px 0 0 450px; height: 232px; background: url(/images/Detail_7_3.jpg) no-repeat 20px 60px; } .section_Exterior { padding: 105px 0 0 50px; height: 215px; background: url(/images/Detail_7_4.jpg) no-repeat right bottom; } .section_Battery { padding: 118px 0 0 450px; height: 202px; background: url(/images/Detail_8_2.jpg) no-repeat 19px 36px; } .section_Technology { padding: 98px 0 0 50px; height: 222px; background: url(/images/Detail_8_3.jpg) no-repeat 476px 44px; } /*-BrandJoin_kv-*/ /*.joinBrand_kv{ height:563px; background:url(/images/joinBrand_kv.jpg) no-repeat center;}*/ .joinBrand_kv img { width: 100%; } .JoinBlock { font-size: 14px; } .JoinBlock li { overflow: hidden; margin-bottom: 20px; line-height: 24px; } .JoinBlock h4 { font-size: 16px; font-weight: bold; line-height: 42px; margin-bottom: 15px; border-bottom: 2px solid #ddd; text-indent: 2px; } .JoinBlock li p { padding: 0 12px; display: block; } .JoinBlock .title { line-height: 32px; border-bottom: 2px solid #ddd; font-size: 16px; font-weight: bold; } .JoinBlock .search { width: 440px; margin: 0 auto; overflow: hidden; } .JoinBlock .search input { width: 308px; height: 30px; line-height: 30px; margin: 25px 0; padding: 0 5px; background: #f8f8f8; border: 1px solid #ddd; float: left; } .JoinBlock .search .btn { padding: 0 34px; line-height: 32px; margin-top: 25px; float: right; color: #fff; font-size: 14px; background: #36a5df; font-weight: bold; display: block; } .mediaCenter_warp .query_wrap { width: 70%; } .search_c_box { display: block; padding-top: 20px; border-top: 1px dotted #ddd; } .search_c_box li { width: 100%; float: left; font-size: 12px; border-bottom: 1px dotted #ddd; padding-bottom: 20px; } .search_c_box li .com_logo { width: 95px; height: 95px; float: left; margin-right: 12px; background: #f8f8f8; border: 1px solid #ccc; padding: 2px } .search_c_box li .com_logo img { width: 90px; margin: 0 auto; display: block } .hiden { display: none; } .bigkv { width: 100%; position: relative; } .bigkv ul { position: fixed; height: 16px; bottom: 100px; left: 50%; margin-left: -20px } .bigkv ul li { cursor: pointer; width: 16px; float: left; height: 16px; background: url(/images/kvqhm.png) no-repeat left center; margin: 6px; } .bigkv ul li.current { background: url(/images/kvqh.png) no-repeat; } .bigkv ul li.left { margin-left: 0; } .bigkv div { position: absolute; left: 0; top: 0; width: 100%; height: 120px; text-align: center; font-size: 40px; color: #FFF; line-height: 97px; } /*ContactUs*/ .ContactUs_kv { height: 244px; background: url(/images/ContactUs_Kv.jpg) no-repeat center; } .mediaCenter_warp .contactus_wrap { width: 970px; float: right } .contactus_wrap .info { font-size: 14px; color: #555; line-height: 24px; } .contactus_wrap .info h1 { font-size: 18px; font-weight: bold; color: #333; line-height: 46px; margin-top: 40px; } .mebtn { width: 132px; line-height: 36px; display: block; text-align: center; font-size: 14px; background: #36a5df; color: #fff; } .mebtn:hover { background: #2f9dd6; color: #fff; } .onlineM { padding-top: 20px; border-top: 1px solid #ddd; } .onlineM td { line-height: 32px; font-size: 14px; padding: 5px; } .input { border: 1px solid #ddd; width: 240px; line-height: 24px; padding: 3px 4px; color: #555; } .tag { color: #f60; font-weight: bold; font-size: 14px; } .tagText { font-size: 12px; color: #999; } .weixinbox { position: absolute; top: -135px; height: 137px; width: 112px; left: -31px; display: none } .wx:hover .weixinbox { display: block } /*--search--*/ .searchCenter_kv { height: 120px; background: url(/images/search_kv.jpg) no-repeat center #0d6cee; } .searchMain { width: 930px; margin: 0 auto; padding: 45px 0 80px; overflow: hidden; } .searchMain .title { line-height: 84px; color: #3da4f3; font-size: 36px; padding-bottom: 12px; } .searchMain .searchBox { width: 928px; height: 48px; border: 1px solid #bcbcbc; position: relative; margin-bottom: 42px; } .searchMain .searchBox input { width: 98%; padding: 0 1%; font-size: 24px; display: block; height: 48px; border: none; background: none; line-height: 48px; color: #2f2f2f; } .searchMain .searchBox .btn { width: 98px; height: 50px; line-height: 50px; text-align: center; font-size: 24px; position: absolute; top: -1px; right: -1px; background: #36a4df; color: #fff; display: block; } .searchMain .searchBox .btn:hover { background: #2793cd; } .searchMain .search-eq-apb { line-height: 36px; color: #464646; font-size: 14px; text-align: left; } .searchMain .list { border-top: 1px solid #dedede; overflow: hidden; margin-bottom: 60px; } .searchMain .list li { border-bottom: 1px solid #dedede; padding: 18px 0; color: #383838; font-size: 18px; line-height: 30px; } .searchMain .list li p { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .searchMain .list li span { color: #c7c7c7; } .searchMain .list li b { color: #3599f1; font-weight: normal; } /*-0610产品列表-*/ .box-bd { background: #fff; margin: 30px 0; } .xm-star-goods-list { border-left: 1px solid #dfdfdf; } .xm-star-goods-list-wrap { width: 1238px; _zoom: 1; } .xm-star-goods-list-wrap .xm-star-goods-item { float: left; width: 299px; height: 309px; border-right: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf } .xm-star-goods-list-wrap .xm-star-goods-item .item-content { display: block; height: 288px; padding: 4px; border: 6px solid #fff; text-align: center; color: #000; -webkit-transition: border-color .5s; transition: border-color .5s } .xm-star-goods-list-wrap .xm-star-goods-item .item-content:hover { border-color: #f3f3f3; border-color: rgba(243,243,243,0.8) } .xm-star-goods-list-wrap .xm-star-goods-item .item-thumb { display: block; margin-bottom: 10px } .xm-star-goods-list-wrap .xm-star-goods-item .item-thumb img { width: 220px; height: 220px } .xm-star-goods-list-wrap .xm-star-goods-item .item-title { display: block; font-size: 16px } .xm-star-goods-list-wrap .xm-star-goods-item .item-title a { color: #000 } .xm-star-goods-list-wrap .xm-star-goods-item .item-title a:hover { color: #36a5df } .xm-star-goods-list-wrap .xm-star-goods-item .item-desc { display: block; font-size: 12px; color: #8c8c8c } .xm-start-goods-list-bt { font-size: 28px; line-height: 55px; padding-top: 30px; color: #35A4DE } .topSearch .topnav420 { display: none } .navspho { display: none } .mainNav { position: fixed; right: -142px; width: 140px; z-index: 999; top: 30%; border: 1px solid #35a4de; background: #FFF; padding-bottom: 10px; box-shadow: 2px } .mainNav .navLogo { width: 28px; height: 117px; position: absolute; top: 50px; left: -28px; z-index: 3; cursor: pointer; background: url(/images/kefu_03.png) no-repeat } .tqkflist { padding-top: 10px; } .tqkflist li { background: url(/images/zxkfqq_06.jpg) left center no-repeat; line-height: 30px; padding-left: 25px; margin: 0 12px; border-bottom: 1px solid #dddddd; } .tqtitle { font-size: 16px; display: block; text-align: center; background: #35a4de; line-height: 30px; height: 30px; color: #FFF; font-weight: bold } #divQQbox { display: none } .public-w1pc { display: block } .public-w1ipho { display: none } .column div { display: none } .column:hover > div { display: block } . J_carouselList { width:1240px; } .prolistwidh { width: 1200px; } .videoPlayer { width: 700px; padding: 15px; position: fixed; top: 50%; left: 50%; margin: -328px 0 0 -350px;/* background:#fff; box-shadow: 0 5px 5px rgba(0,0,0,.8);*/ z-index: 102; } .videoPlayer .hd_title { line-height: 25px; position: relative; padding-top: 16px; } .videoPlayer .hd_title h1 { font-size: 20px; color: #fff; } .videoPlayer .hd_title .Date { color: #999; font-size: 13px; line-height: 18px; } .videoPlayer .hd_title .Close { width: 49px; height: 49px; position: fixed; top: 0px; right: 0; display: block; background: url(/images/Close.png) no-repeat center; } .page a { border: 1px solid #e2e2e2; background: #e8e8e8; padding: 5px 10px; float: left; border-radius: 5px; border-shadow: #eaeaea; margin-right: 3px; } /* FILE ARCHIVED ON 20:37:21 Feb 04, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 21:35:25 Jan 22, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms):  captures_list: 0.662  exclusion.robots: 0.032  exclusion.robots.policy: 0.02  esindex: 0.012  cdx.remote: 13.077  LoadShardBlock: 174.581 (3)  PetaboxLoader3.datanode: 135.859 (4)  PetaboxLoader3.resolve: 271.237 (2)  load_resource: 277.135 */