body { font-family:Arial,"宋体","Hiragino Sans GB",sans-serif; } .container { width: 1170px; } .navbar-fixed-top { border-bottom:solid #c3cdd4 1px; } .navbar-default { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); } .navbar-collapse .navbar-nav { float: right; position: absolute; right: -27px; top: 35px; } .navbar-default .navbar-nav > li > a { font-size: 14px; line-height: 20px; color: #222222; white-space: nowrap; } .navsubmenu{ text-align:right; margin-top:15px;} .navbar-mobile .navsubmenu{ text-align: center; float:right; width:3.2rem; font-size:0.34rem; height: 0.7rem; line-height: 0.7rem; margin-top:0; margin-right: 0.4rem; } .navsubmenu a{color:#222222;} .navsubmenu .selected{color:#0068b7;} .nav-mid-line:first-child { display: none; } .nav-mid-line{ padding:0!important; margin:0!important; width:2px!important; min-width:2px!important; background: #e5e5e5!important; height:15px!important; margin-top:18px !important; margin-right: 4px !important; } .addPadding{ /**padding:35px 20px !important;**/ } .addPaddingLR{ padding-left: 20px !important; padding-right: 20px !important; } .languageLineH{ line-height: 90px; !important; } .languageLineHChange{ line-height: 45px; !important; line-height: 45px; !important; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > li > a.active { font-weight: bold; color: #0068b7 ; box-sizing: border-box; border-bottom: 2px solid #0068b7; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { font-weight: bold; color: #0068b7 ; box-sizing: border-box; border-bottom: 2px solid #0068b7; } .navbar-default .navbar-nav > li.language{ padding:0 10px; color:#777; } .navbar-default .navbar-nav > li.language span,.navbar-default .navbar-nav > li.language a { display: inline; font-size: 14px; /*line-height: 90px;*/ text-decoration: none; padding: 0; border-right:none; } .navbar-default .navbar-nav > li.language span.selected { color: #0068b7; } .navbar-default .navbar-nav > li.language a.en { color: #777; } .navbar-default .navbar-nav > li.language a.en:hover { background:none; color: #0068b7; } /** 首页视觉差滚动 */ article h2 { font-size: 56px; color: #27465d; margin-top:150px; font-family: Arial,"Hiragino Sans GB",sans-serif; } .story { height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; } .story .container { padding-left: 15px; } #first { background: url(../images/home_bg1.jpg) 50% 0 no-repeat fixed; } #second { background: url(../images/home_bg2.jpg) 50% 0 no-repeat fixed; } #third { background: url(../images/home_bg3.jpg) 50% 0 no-repeat fixed; } #fourth { background: url(../images/home_bg4.jpg) 50% 0 no-repeat fixed; } #fifth { background: url(../images/home_bg5.jpg) 50% 0 no-repeat fixed; } #six { background: url(../images/home_bg6.jpg) 50% bottom no-repeat ; } #six_en { background: url(../images/home_bg6_en.jpg) 50% bottom no-repeat ; } #seven { background: url(../images/home_bg7.jpg) 50% 0 no-repeat fixed; } #eight { background: url(../images/home_bg_yqh.jpg) 50% 0 no-repeat fixed; } #nine { background: url(../images/index_iot_bg.png) 50% 0 no-repeat fixed; } #ten { background: url(/plus/img/3399/RK3399_banner_bg.jpg) 50% 0px no-repeat fixed; } #ten_en { background: url(../images/banner_op1_en.jpg) 50% 0px no-repeat fixed;} /**#ten_en { background: url(../images/banner_op1_en.jpg) 50% 0px no-repeat fixed;height:11.6rem!important}**/ #nine article { position: absolute; text-align: left; top: 160px; width: 1140px; } #nine article a { display: block; text-align: center; text-decoration: underline; } #ten article { position: absolute; text-align: left; top: 180px; width: 140px; } #ten article a { display: block; text-align: center; text-decoration: underline; } #ten_en article { position: absolute; text-align: left; top: 180px; width: 140px; } #ten_en article a { display: block; text-align: center; text-decoration: underline; } #eight article { position: absolute; text-align: left; top: 150px; width: 1140px; } #eight article a { display: block; text-align: center; text-decoration: underline; } #seven article { position: absolute; text-align: left; top: 100px; width: 1140px; } #seven article a { display: block; text-align: center; text-decoration: underline; } /* Introduction */ #first .smashinglogo { background: url(../images/s1_product.png) 40% 150px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; } #first article { top: 200px; position: absolute; text-align: left;} #first article p, #first article a { color: #ccc; } #first article a { text-decoration: underline; } #first article a:hover { color: #fff; } /* Background Only */ #second { padding: 50px 0;} #second article { padding: 0px ; line-height: 1.5em; } #second article p { margin-bottom: 25px; } #second article a { color: #ff0;} /* Photograph */ #third article { position: absolute; top: 0; text-align: right;width: 1140px;} #third article p { width: 300px; margin-bottom: 25px; } #third #sol_list { margin-top: 90px; } #third #sol_list .nav { margin-bottom: 80px; } #third #sol_list ul li { margin: 0 0 90px 43px; display: block; float: left; } #third #sol_list ul li a { height: 184px; width: 184px; display: block; } /* 应用方案8套图标 */ #third #sol_list ul #sol_pads a { background: url(../images/sol_pads.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_media a { background: url(../images/sol_media.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_business a { background: url(../images/sol_business.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_home a { background: url(../images/sol_home.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_ai a { background: url(../images/sol_ai.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_visual a { background: url(../images/sol_visual.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_vehicle a { background: url(../images/sol_vehicle.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_open a { background: url(../images/sol_open.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_fast a { background: url(../images/sol_fast.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_pads a:hover { background: url(../images/sol_pads_ch.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_pads.en a:hover { background: url(../images/en/sol_pads_en.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_media a:hover { background: url(../images/sol_media_ch.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_media.en a:hover { background: url(../images/en/sol_media_en.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_business a:hover { background: url(../images/sol_business_ch.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_business.en a:hover { background: url(../images/en/sol_business_en.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_home a:hover { background: url(../images/sol_home_ch.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_home.en a:hover { background: url(../images/en/sol_home_en.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_ai a:hover { background: url(../images/sol_ai_ch.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_ai.en a:hover { background: url(../images/en/sol_ai_en.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_visual a:hover { background: url(../images/sol_visual_ch.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_visual.en a:hover { background: url(../images/en/sol_visual_en.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_vehicle a:hover { background: url(../images/sol_vehicle_ch.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_vehicle.en a:hover { background: url(../images/en/sol_vehicle_en.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_open a:hover { background: url(../images/sol_open_ch.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_open.en a:hover { background: url(../images/en/sol_open_en.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_fast a:hover { background: url(../images/sol_fast_ch.png) no-repeat ; background-size: 100%; } #third #sol_list ul #sol_fast.en a:hover { background: url(../images/en/sol_fast_en.png) no-repeat ; background-size: 100%; } /* HTML5 Video */ #fourth article { position: absolute; top: 0; } #fourth article p { width: 300px; margin: 50px 0; } #fourth video { position: fixed; left: 50%; box-shadow: 0 0 25px rgba(0,0,0,0.7); z-index: 1;} #fifth .photograph { min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; } #fifth .item1{background: url(../images/s5_qiu.png) transparent 40% 100px no-repeat fixed;} #fifth .item2{background: url(../images/s5_he.png) transparent 40% 100px no-repeat fixed;} #fifth .container #home_about { border-radius: 5px; width: 540px; padding: 10px 40px; background: url(../images/about_bg.png) ; color: #a9b9c3; margin:0 auto; margin-top: 50px; line-height: 2; } #fifth .container #home_about h3 { text-align: center; color: #fff; background: url(../images/about_line.png) repeat-x bottom; line-height: 45px; margin-top: 5px; } #fifth .container #home_about a { color: #9ab2c0; } #fifth .container #home_about a:hover,#fifth .container #home_about a:focus { color: #fff; } /* The End */ #six, #six_en { height: 706px; padding-top: 150px; } #six h2, #six_en h2 { color: #6e7a84; font-size: 56px; font-family: Arial,"Hiragino Sans GB",sans-serif; } #six #info, #six_en #info { padding-left: 70px; } #six address, #six_en address { color: #bbc3c9; font-size: 16px; line-height: 28px; } #six address strong, #six_en address strong { color: #9daab4; font-size: 24px; text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.6); line-height: 42px; } #footer { background: url(../images/footer_bg.jpg) repeat-x ; margin-top: -2px; color: #6e7a84; text-shadow: 0 -2px 0 rgba(12, 3, 7, 0.75); line-height: 190%; clear:both; padding-top:10px; height:68px; } #footer p { margin-bottom: 0px; } .story span { display: inline-block; } .carousel-inner .item { padding:0px 100px; } #second .slide { margin: 70px 100px 0px 100px; } #carousel-example-generic .carousel-control { height: 72px; width: 72px; margin-top: 70px; filter:none; } .img-pro { display: block; width: 202px; height: 264px; } .carousel-control.left { background: url(../images/slide_left.png) no-repeat; } .carousel-control.right { background: url(../images/slide_right.png) no-repeat; } .carousel-control.left:hover,.carousel-control.left:focus { background: url(../images/slide_left_h.png) no-repeat; } .carousel-control.right:hover,.carousel-control.right:focus { background: url(../images/slide_right_h.png) no-repeat; } .carousel-indicators { bottom: -50px; } .carousel-indicators li { border: solid #67848f 1px; } .carousel-indicators .active { background: #67848f; } #second .slide .carousel-inner .p_content { margin-left: 30px; } #second .slide .carousel-inner .p_content h3 { color: #234d6e; font-size: 48px; margin-top: 0px; margin-bottom: 0px; line-height: 1; } #second .slide .carousel-inner .p_content ul { color: rgba(21,48,69,0.8); margin-left: -20px; font-size: 18px; line-height: 34px; width: 520px; } #first #p_img { /*margin-left: 450px;*/ position: relative; animation:myfirst 1s linear 500ms 1 alternate; /* Firefox: */ -moz-animation:myfirst 1s linear 500ms 1 alternate; /* Safari and Chrome: */ -webkit-animation:myfirst 1s linear 500ms 1 alternate; /* Opera: */ -o-animation:myfirst 1s linear 500ms 1 alternate; } @keyframes myfirst { 0% { top:-200px;} 100% { top:0px;} } @-moz-keyframes myfirst /* Firefox */ { 0% { top:-200px;} 100% { top:0px;} } @-webkit-keyframes myfirst /* Safari and Chrome */ { 0% { top:-200px;} 100% { top:0px;} } @-o-keyframes myfirst /* Opera */ { 0% { top:-200px;} 100% { top:0px;} } #eight #p_content { margin-top: -23px; } #seven #p_content { margin-top: -23px; padding-top: 200px; margin-left: 550px; } #first #p_content { margin-top: -63px; } #fourth .bs-example-tabs { margin-top: 50px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #0068b7; border-color: #0068b7; color: #fff; } .nav-tabs > li > a { border-radius: 0px; background: #879095; font-size: 16px; color: #fff; padding: 10px 30px; margin-right: 1px; } .nav-tabs { border-bottom: 3px solid #0068b7; width: 800px; margin-left: 105px; } .nav-tabs > li { margin-bottom: 0px; } .nav-tabs > li > a:hover { background: #0068b7; } .tab-content ul { padding-left: 0px; } .tab-content ul li { font-family: Arial,"宋体","Hiragino Sans GB",sans-serif; line-height: 20px; padding: 15px 0px; border-bottom: dotted #c7c7c7 1px; } .tab-content ul li a { color: #4d4c4c; } .tab-content ul li span.news_time { color: #c20000; margin-right: 30px; } #fourth #news_title { margin-left: 105px; } #fifth .container #home_about p { font-family: Arial,"宋体","Hiragino Sans GB",sans-serif; text-indent: 2em; } #fifth .container #home_about.en p,.tab-content.en ul li { font-family: Arial,"宋体","Hiragino Sans GB",sans-serif; } #b_tab { height: 54px; border-bottom: solid #dcdcdc 1px; margin-top:50px; } #b_tab ul { width: 100%; margin:0px; border-bottom: none; padding-left: 120px; } #b_tab ul > li > a { background: url(../images/tab_bg_n.png) 50% 38px no-repeat; color: #6d6d6d; padding:10px 30px 34px; font-size: 16px; text-align: center } #b_tab ul > li.active > a, #b_tab ul > li.active > a:hover, #b_tab ul > li.active > a:focus { border: none; color: #0068b7; border: solid 1px #fff; background: url(../images/tab_bg.png) 50% 38px no-repeat; } #b_tab ul > li > a:hover, #b_tab ul > li > a:focus { border: solid 1px #fff; color: #0068b7; background: url(../images/tab_bg.png) 50% 38px no-repeat; } .nav-home { position: fixed; bottom: 30px; margin-left: 1170px; } .nav-home .nav-pills > li > a { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: #bcc3c6; color: #075590; width: 18px; height: 18px; padding: 0px; background: url(../images/dot_gray.png) no-repeat\9; } .nav-home .nav-pills > li.active > a, .nav-home .nav-pills > li > a:hover,.nav-home .nav-pills > li > a:focus { background: #0068b7; color: #ffffff; background: url(../images/dot_blue.png) no-repeat\9; } .nav-home .nav-stacked > li + li { margin-top:10px; } @media screen and (max-width: 900px){ .nav-home{ display: none; } } .tooltip-inner,.nav-home .tooltip.left .tooltip-arrow { background-color:#c8c6c6; } #jobs_search .keyword{ width:670px; margin: 50px auto 18px auto;} #jobs_search .keyword input{ width:650px; height:45px; border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);border-radius:5px; background-color: #f9f9f9; background-image: url(../images/job_search_search_btn01.png); background-position: right center; background-repeat: no-repeat;color:#cccccc; font-size: 12px;} #jobs_search .area{ width:670px; margin: 0 auto 42px auto; font-size:14px; font-family:"宋体"; color: #6d6d6d;height:20px;} #jobs_search .area span{ display: block; float: left; } #jobs_search .area .areatitle{width:70px;} #jobs_search .area .areasel{width:60px; cursor: hand; text-align: center;} #jobs_search .area .sel{font-weight: bold; color:#0068b7;} /* @media screen and (min-device-width:1025px){ */ /* 十字型图标只在PC端下有hover */ .story .icon_link { height: 76px; width: 76px; background: url(../images/icon_link.png) no-repeat; background-size: 100% 100%; margin:0px 20px; margin-top: 3px; position:relative; } .story .icon_link:hover { background: url(../images/icon_link_h.png) no-repeat; } #six .icon_link { height: 76px; width: 76px; background: url(../images/icon_link2.png) no-repeat; background-size: 100%; margin:0px 20px; margin-top: 3px; } #six .icon_link:hover { background: url(../images/icon_link2_h.png) no-repeat; background-size: 100%; } /* 首页二维码 */ #six .new_erwm{ width: 490px; height: 160px; } #six .wx_erwm,#six .wb_erwm{ margin-right: 40px } /* } */ /* 移动端部分 */ /* @media screen and (max-device-width:1024px){ */ /* common */ /* *{-webkit-user-select: none!important} */ .is_mobile body{ font-size: 0.28rem; background:#FFF; } .is_mobile h1,.is_mobile .h1, .is_mobile h2, .is_mobile .h2, .is_mobile h3, .is_mobile .h3{ margin: 0.14rem 0; padding: 0; } .is_mobile{ -webkit-tap-highlight-color:transparent!important; } /* 去除UC */ .is_mobile .delete_next+*,.is_mobile .delete_next+* iframe{ display: none; overflow: hidden; } .is_mobile iframe[id*="head_"]{ display: none; } .is_mobile iframe[src*='ucweb.com']{ display: none; } /* 首屏以及通用 */ .is_mobile #main_0{ width:100%; } .is_mobile #ten,.is_mobile#ten_en { height: 13.8rem; } .is_mobile article{ width: 9rem; } .is_mobile #seven{ background: url(../images/home_bg7.jpg) 50% 0 no-repeat; background-size: auto 100% } .is_mobile #seven article{ top:3rem; width: 9rem!important; z-index: 20; } .is_mobile #seven article #p_content{ margin-top: 0; } .is_mobile #seven article img{ width: 100%; z-index: 21; } .is_mobile #third article{ width:9rem; } .is_mobile article h2{ font-size: 0.56rem; margin-top: 1.1rem; } .is_mobile .story .container { width: 9rem!important; padding: 0; } .is_mobile .story{ max-width: none!important;width: 100%; } .is_mobile section img{ max-width: 100%; max-height: 100%; } .is_mobile #ten article,.is_mobile #ten_en article{ width: 9rem; left: 0.5rem; } .is_mobile #ten article{ top: 4rem; } .is_mobile #ten_en article{ top: 6.8rem; } .is_mobile #ten article img,.is_mobile #ten_en article img{ display: none; } .is_mobile #ten article a,.is_mobile #ten_en article a{ width: 100%; } .is_mobile #ten article a{ height: 6.7rem; background: url(/templets/new_2014_9/images/mobile-img/banner_img_ch.png) no-repeat; background-size: 100% 100%; } .is_mobile #ten_en article a{ height: 5.4rem; background: url(/templets/new_2014_9/images/mobile-img/banner_img_en.png) no-repeat; background-size: 100% 100%; } .is_mobile section.story{ height: 10.2rem; } /* 去掉第一部分后,需要加高Second */ .is_mobile #main_0{ overflow: hidden; } .is_mobile #second.ch{ /**margin-top:1.4rem;**/ } .is_mobile section .pull-left,.is_mobile section .pull-right{ max-width: 7.3rem; height: 0.7rem; } .is_mobile section .pull-left .tt,.is_mobile section .pull-right .tt{ height: 100%; } .is_mobile .story .icon_link { height: 0.7rem; width: 0.7rem; background: url(../images/icon_link.png) no-repeat; background-size: 100%; margin:0 0.2rem; margin-top: 0.028rem; position:relative; } .is_mobile .story .icon_link:active { background: url(../images/icon_link_h.png) no-repeat; background-size: 100%; } .is_mobile #six .icon_link{ height: 0.7rem; width: 0.7rem; background: url(../images/icon_link2.png) no-repeat; background-size:100%; margin:0 0.2rem; margin-top: 0.028rem; position:relative; } .is_mobile #six .icon_link:active{ background: url(../images/icon_link2_h.png) no-repeat; background-size:100%; } /* bg */ /* #first { background: url(../images/mobile-img/home_bg1.jpg) no-repeat; } */ .is_mobile #second { background: url(../images/mobile-img/product_bg.jpg) no-repeat!important ; } .is_mobile #third { background: url(../images/mobile-img/solution_bg.jpg) no-repeat!important; height:12rem;} .is_mobile #fourth { background: url(../images/mobile-img/news_bg.jpg) no-repeat!important; } .is_mobile #fifth { background: url(../images/mobile-img/about_bg.jpg) no-repeat!important; } .is_mobile #six { background: url(../images/mobile-img/contact.jpg) bottom no-repeat!important; } .is_mobile #six_en { background: url(../images/mobile-img/contact_en.jpg) bottom no-repeat!important; } .is_mobile #ten { background: url(../images/mobile-img/banner.jpg) no-repeat!important; } .is_mobile #ten_en { background: url(../images/mobile-img/banner_en.jpg) no-repeat!important; height:11.6rem!important;} .is_mobile body #ten,.is_mobile body #ten_en,.is_mobile body #six,.is_mobile body #six_en,.is_mobile body #second,.is_mobile body #third,.is_mobile body #fourth,.is_mobile body #fifth{background-size: 100% 100%!important;} /* 产品中心 */ .is_mobile #second{ padding: 0px; height: 11rem; } .is_mobile #second .slide{ margin :0.5rem 0 0; } .is_mobile #second .carousel-inner .item{ padding: 0 0.8rem; } .is_mobile #second .img-pro{ max-width: 100%; width: 2rem; height: auto; max-height:3rem; } .is_mobile #second .img-pro img{ width:100% } .is_mobile #second .slide .carousel-inner .p_content{ width: 5.2rem; margin-left: 0.1rem; height: auto; } .is_mobile #second .slide .carousel-inner .p_content h3{ font-size: 0.56rem; padding-left: 0.38rem } .is_mobile #second .slide .carousel-inner .p_content ul{ font-size: 0.28rem; margin-left: 0rem; padding-left: 0.38rem; line-height: 0.5rem; height: 6.5rem; overflow: hidden; width: 100%; } .is_mobile #second #carousel-example-generic .carousel-control{ width: 0.7rem; height: 0.7rem; margin-top: 0.54rem; background-size:100%!important; } .is_mobile .carousel-control.left{ background:url(../images/slide_left.png) no-repeat; background-size: 100% 100%; } .is_mobile .carousel-control.right{ background:url(../images/slide_right.png) no-repeat; background-size: 100% 100%; } /* 应用方案 */ .is_mobile #third h2{ margin-top: 2.5rem } .is_mobile #third #sol_list{ margin-top:0.8rem; } .is_mobile #third #sol_list .nav{ margin-bottom:0.4rem; } .is_mobile #third #sol_list ul li{ margin:0 0.45rem 0.5rem 0; } .is_mobile #third #sol_list #sol_radio{ margin: 0 } .is_mobile #third #sol_list ul li a{ width: 1.8rem; height: 1.8rem; background: transparent no-repeat; background-size: 100%!important; } /* 八个图标 */ .is_mobile #third #sol_list ul #sol_pads.en a:active { background: url(../images/sol_pads_ch.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_pads.en a:active { background: url(../images/en/sol_pads_en.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_media a:active { background: url(../images/sol_media_ch.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_media.en a:active { background: url(../images/en/sol_media_en.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_business a:active { background: url(../images/sol_business_ch.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_business.en a:active { background: url(../images/en/sol_business_en.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_home a:active { background: url(../images/sol_home_ch.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_home.en a:active { background: url(../images/en/sol_home_en.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_ai a:active { background: url(../images/sol_ai_ch.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_ai.en a:active { background: url(../images/en/sol_ai_en.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_visual a:active { background: url(../images/sol_visual_ch.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_visual.en a:active { background: url(../images/en/sol_visual_en.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_vehicle a:active { background: url(../images/sol_vehicle_ch.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_vehicle.en a:active { background: url(../images/en/sol_vehicle_en.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_open a:active { background: url(../images/sol_open_ch.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_open.en a:active { background: url(../images/en/sol_open_en.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_fast a:active { background: url(../images/sol_fast_ch.png) no-repeat ; background-size: 100%; } .is_mobile #third #sol_list ul #sol_fast.en a:active { background: url(../images/en/sol_fast_en.png) no-repeat ; background-size: 100%; } /* 新闻中心 */ .is_mobile #fourth h2{ margin-top:1.5rem } .is_mobile #fourth #news_title{ margin-left:0.1rem; } .is_mobile #fourth .bs-example-tabs{ margin-top: 0.5rem; } .is_mobile #fourth .nav-tabs{ height: 0.64rem; margin-left: 0.1rem; width: 8.6rem; border-bottom:0.05rem solid #0068b7; } .is_mobile #fourth .nav-tabs li { height: 0.64rem; } .is_mobile #fourth .nav-tabs > li.active > a,.is_mobile #fourth .nav-tabs > li.active > a:hover,.is_mobile #fourth .nav-tabs > li.active > a:focus{ font-size: 0.34rem; line-height: 0.34rem; padding: 0.15rem 0.24rem; border: none; } /* 新闻的内容 */ .is_mobile #fifth{ height: 11rem; } .is_mobile #fifth .container #home_about{ border-radius: 0.05rem; width: 98%; padding:0.22rem 0.44rem; background: url(../images/about_bg.png) ; color: #a9b9c3; margin:0 auto; margin-top: 0.33rem; line-height: 2; } .is_mobile #fifth .container #home_about h3{ line-height: 0.6rem; margin: 0.1rem auto 0.26rem; font-size: 0.34rem; font-family: Arial,"Hiragino Sans GB",sans-serif; } .is_mobile .tab-content{ width: 8.4rem; } .is_mobile .tab-content ul li{ padding:0.4rem 0 0.16rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 0.28rem; background: url(../images/mobile-img/index_news_list.png) no-repeat 0.06rem 0.44rem; background-size: 0.1rem; } .is_mobile .tab-content ul li span{ padding-left: 0.3rem; } .is_mobile .tab-content ul li span.news_time{ margin-right:0.3rem; } .is_mobile #fifth .container #home_about p{ text-indent: 2em; font-size: 0.28rem; } .is_mobile #fifth .container #home_about p a{ font-size: 0.28rem; } /* 联系我们 */ .is_mobile #six h2,.is_mobile #six_en h2 { color: #6e7a84; font-size: 0.56rem!important; } .is_mobile #six #info,.is_mobile #six_en #info{ padding: 0; margin: 0.6rem 0.1rem 0 3.0rem; } .is_mobile #six .pull-left{ max-width:5.3rem; height: 0.7rem; } .is_mobile #six .pull-left .tt,.is_mobile #six_en .pull-left .tt{ height: 100%; } .is_mobile #six,.is_mobile #six_en{ height: 11rem; padding-top:0.8rem; } .is_mobile #six img{ max-width: 100%; max-height: 100% } .is_mobile #six .col-xs-6,.is_mobile #six_en .col-xs-6{ float: none; width: 6rem; } .is_mobile #six address, .is_mobile #six_en address{ font-size:0.28rem; line-height: 0.46rem } .is_mobile #six address strong, .is_mobile #six_en address strong{ font-size: 0.34rem; line-height: 0.5rem; /* padding-bottom: 0.1rem; */ text-shadow: none; } .is_mobile #six .new_erwm{ width: 6rem; height: 2rem; } .is_mobile #six .wx_erwm,.is_mobile #six .wb_erwm{ margin-right: 0.4rem } .is_mobile #six .wx_erwm,.is_mobile #six .zp_erwm{ width: 1.7rem; height: 100%; } .is_mobile #six .wb_erwm{ width: 1.6rem; height: 100%; } .is_mobile address img{ width: 100%; } /* 底部 */ .is_mobile #footer{ margin-top: -0.02rem; line-height:150%; text-shadow: none; background:url(../images/footer_bg.jpg) repeat-x; background-size: 0.48rem 1rem; height:1rem; } .is_mobile #footer p{ font-size: 0.21rem; } .is_mobile #footer a img{ /*display: none;*/ } /* header footer index 到此完成 */ /* 人力资源 */ /* 人力资源搜索栏 */ .is_mobile #jobs_search .keyword{ width:8.2rem; height: 0.83rem; margin: 0.36rem auto; } .is_mobile #jobs_search .keyword input{ width: 100%; height: 0.7rem; font-size: 0.33rem; border-radius: 0.05rem; background-position:97% center; background-size:0.50rem; } .is_mobile #jobs_search .area{ width: 8.2rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.28rem; margin: 0 auto 0.5rem; } .is_mobile #jobs_search .area .areatitle{ width: 1.3rem; } /* tab */ .is_mobile .info_showcontent.job_list #b_tab{ /* height: 1.8rem; */ height: auto; width: 8.2rem; border: none; margin: 0 auto; } .is_mobile .info_showcontent.job_list #b_tab ul{ padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-content:space-between; } .is_mobile .info_showcontent.job_list #b_tab ul > li { width: 2.5rem; border: 1px solid #9f9f9f; margin-bottom:0.3rem; } .is_mobile .info_showcontent.job_list #b_tab ul > li > a{ font-size: 0.33rem; padding: 0.2rem 0.32rem; background: #FFF; margin-right: 0; border: none!important; } .is_mobile .info_showcontent.job_list #b_tab ul > li.active > a, .is_mobile .info_showcontent.job_list #b_tab ul > li.active > a:hover, .is_mobile .info_showcontent.job_list #b_tab ul > li.active > a:focus{ background:#1977be; color: #FFF } .is_mobile .guesttable #b_tab{ height: 0.8rem; margin-top: 0.3rem; } .is_mobile .guesttable #b_tab ul{ padding-left: 0.3rem; } .is_mobile .guesttable #b_tab .nav-tabs > li >a{ background: url(../images/tab_bg_n.png) 50% 0.55rem no-repeat; background-size: 0.45rem; font-size:0.33rem; padding:0.1rem 0.2rem 0.6rem; } .is_mobile .guesttable #b_tab .nav-tabs > li.active >a{ background: url(../images/tab_bg.png) 50% 0.55rem no-repeat!important; background-size: 0.45rem!important; } /* } */