﻿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;
	height: 90px;
}
.navbar-default .navbar-nav > li > a
{
	font-size: 16px;
	line-height: 20px;
	padding:35px 20px;
	border-right: solid #d4dde2 1px;
	color: #222222;
}
.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
{
	background: #0068b7;
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus
{
	background: #0068b7;
	color: #fff;
}
.navbar-default .navbar-nav > li.language span,.navbar-default .navbar-nav > li.language a
{
	display: block;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    text-decoration: none;
    padding: 10px 20px;
}

.navbar-default .navbar-nav > li.language span.selected
{
	background: #0068b7;
	color: #f1f1f1;

}
.navbar-default .navbar-nav > li.language a.en
{
	background: #c8c6c6;
	color: #075590;
}
.navbar-default .navbar-nav > li.language a.en:hover
{
	color: #fff;
}
/**
 首页视觉差滚动
 */


article h2 
{ 
	font-size: 56px; 
	color: #27465d;
	margin-top:150px;
}

.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/banner_xz.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;}
#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: 100px;
}
#third #sol_list ul li
{
	margin: 0 0 0 70px;
	display: block;
	float: left;
}
#third #sol_list ul li a
{
	height: 184px;
	width: 184px;
	display: block;
}
#third #sol_list ul #sol_phone a
{
        background: url(../images/sol_phone.png) no-repeat ;
}
#third #sol_list ul #sol_pad a
{
	background: url(../images/sol_pad.png) no-repeat ;
}
#third #sol_list ul #sol_tv a
{
	background: url(../images/sol_tv.png) no-repeat ;
}
#third #sol_list ul #sol_book a
{
	background: url(../images/sol_book.png) no-repeat ;
}
#third #sol_list ul #sol_radio a
{
	background: url(../images/sol_radio.png)  no-repeat ;
}
#third #sol_list ul #sol_phone a:hover
{
        background: url(../images/sol_phone_h.png) no-repeat ;
}
#third #sol_list ul #sol_pad a:hover
{
	background: url(../images/sol_pad_h.png) no-repeat ;
}
#third #sol_list ul #sol_phone.en a:hover
{
        background: url(../images/en/sol_phone_h.png) no-repeat ;
}
#third #sol_list ul #sol_pad.en a:hover
{
	background: url(../images/en/sol_pad_h.png) no-repeat ;
}
#third #sol_list ul #sol_tv a:hover
{
	background: url(../images/sol_tv_h.png) no-repeat ;
}
#third #sol_list ul #sol_tv.en a:hover
{
	background: url(../images/en/sol_tv_h.png) no-repeat ;
}
#third #sol_list ul #sol_book a:hover
{
	background: url(../images/sol_book_h.png) no-repeat ;
}
#third #sol_list ul #sol_book.en a:hover
{
	background: url(../images/en/sol_book_h.png) no-repeat ;
}
#third #sol_list ul #sol_radio a:hover
{
	background: url(../images/sol_radio_h.png)  no-repeat ;
}
#third #sol_list ul #sol_radio.en a:hover
{
	background: url(../images/en/sol_radio_h.png)  no-repeat ;
}

/* 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;
}
#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: 68px;
	clear:both;
}
#footer p
{
	margin-bottom: 0px;
}
.story span
{
	display: inline-block;
}
.story .icon_link
{
	height: 76px;
	width: 76px;
    background: url(../images/icon_link.png) no-repeat;
    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;
    margin:0px 20px;
    margin-top: 3px;
}
#six .icon_link:hover
{
	background: url(../images/icon_link2_h.png) no-repeat;
}
.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;
}

#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 30px;
	font-size: 18px;
}


#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;}