@charset "utf-8";
/* common */
body {margin: 0px; font-family: Microsoft YaHei,'宋体',Arial,Helvetica,sans-serif; font-size: 12px; color:#000; background-color:#FFF;}
a {color:#585858;text-decoration: none;}
a:link,a:visited {color:#585858;}
a:hover,a:active {color:#333; text-decoration: none;}
:focus {outline: 0px;}
h1,h2,h3,h4,ul,li,input,select,dl,dt,dd,img,p {margin: 0px; padding: 0px;}
h1,h2,h3,h4{font-weight:normal;}
ul,li {list-style: none;}
input{vertical-align:middle;}
img {vertical-align: middle; border:none;}

.hide{ display:none;}
.yellow{ color:#F90;}
.fleft{ float:left;width: 100%;}
.tc{text-align:center;}
.mgtop60{margin-top:60px;}
.fright{ float:right;}
.clearfix {*zoom:1;}
.clearfix h4{ font-size:12px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* main */
.container{}
.w{ width:1136px;}

/* header */
.header{ background-color:#F2F2F2;}
.top{ width:1136px; height:100px; margin:0 auto;}
.top .logo{ width:235px; margin-top:15px;}
.top .lan{ width:200px; height:30px; line-height:30px; margin-top:60px; font-size:12px;}
a.lan_home{ line-height:14px; padding:7px; background:url("../images/ico_home.gif") center center no-repeat;}
.menuOverlay{ position:fixed; left:0; top:0; width:100%; height:1000px; background:url("../images/overlay.png"); z-index:100000; display:none;}
.nav_wrap{ background:url("../images/nav_bg.jpg") top repeat-x;}
.nav{ width:1136px; height:40px; margin:0 auto;}
.nav ul{ width:955px;}
.nav > .fleft >li{ font-weight: bold; font-size:13px;float:left; height:40px; line-height:40px; position:relative;background: url("../images/nav_sp.gif") right center no-repeat;}
.nav > .fleft >li.current{ position:relative; z-index:100001;}
.nav > .fleft >li.current > a{color:#1F1F1F}
.nav > .fleft >li a{color:#1F1F1F; padding:10px 33px;}
.nav > .fleft >li > a:hover{ background: url("../images/nav_bg_on.gif") top repeat-x;}

.nav .menu_off{color:#fff;}
.nav .menu_on{ color:#FFF; background:url("../images/nav_bg_on.gif") top repeat-x; color:#FFFFFF;}
.nav > .fleft >li > a{color:#fff;}
.nav > .fleft >li.current > a{ color:#FFF; background:url("../images/nav_bg_on.gif") top repeat-x; color:#FFFFFF;}
.nav > .fleft >li i{ padding:13px 1px; background:url("../images/nav_sp.gif") center 3px no-repeat;}
.subnav{ display:none; width:520px; border-top:none; position:absolute; left:0; top:40px; z-index:10001;}
.nav > .fleft >li h3{ color:#DA121F; font-size:14px; padding-left:8px; background:url("../images/point_r.gif") left center no-repeat;}
.nav > .fleft >li h3 a{ color:#DA121F;}
.nav > .fleft >li .subnav a{ padding:0;}
.subnav_ftxt{ font-size:13px;}
.nav > .fleft >li .subnav_ftxt a{ color:#304a85; width:100%;}
.subnav_fpic{}
.subnav_item{ float:left; margin:0 15px;}
.subnav_w{ width:100%}
.subnav_w1{ width:180px;left: -30px;}
.subnav_w2{ width:445px}  
.subnav_w3{ width:645px}
.subnav_w4{ width:845px}
.subnav_w5{ width:1045px}
.subnav_txt{ margin-top:0;}
.nav > .fleft >li .subnav_txt a{ display:block; color:#000; font-weight:normal; font-size:12px; height:22px; line-height:22px;}
.nav > .fleft >li .subnav_txt a:hover{ color:#DA121F;}
.subnav_pic{}
.nav .nav_search{ width:180px; height:22px; line-height:22px; margin-top:10px; background:url("../images/search_bg.gif") no-repeat;}
.nav .nav_search input.search_txt{ width:136px; height:20px; line-height:20px; padding:0 1px 1px 5px; border:none; background:none; color:#716F70; font-size:12px; font-family:"微软雅黑";}
.nav .nav_search input.search_btn{ width:30px; height:20px; padding:1px; border:none; background:none; cursor:pointer;}
.subnav_main{ padding:10px 0 10px 0; background-color:#FFF;}
.subnav_bottom{ clear:both;}
.nav_bleft{float:left; width:50%; height:10px; background:url("../images/nav_bg.png") left bottom no-repeat;}
.nav_bright{float:right; width:50%; height:10px; background:url("../images/nav_bg.png") right bottom no-repeat;}

.main{ width:1136px; margin:0 auto;}

/* index */
.index_box_tit{ float:left; color:#FFF; font-weight: bold; text-align:center; width:93px; height:22px; line-height:22px; background:url("../images/index_tabtit_bg.gif") no-repeat; letter-spacing:2px;}
.index_box_tit a{ color:#FFF;}
.index_box_con{ clear:left; height:216px; border:1px solid #D3D3D3; }
.index_tab_tit{ padding:20px; padding-bottom:0;}
.index_tab_tit a{ float:left; width:85px; height:27px; line-height:27px;font-weight: bold;font-size: 14px; padding-left:30px; background:url("../images/ico_store.gif") left bottom no-repeat;}
.index_tab_tit a.tab_tit2{ background-image:url("../images/ico_drive.gif");}
.index_tab_tit a.tab_tit3{ background-image:url("../images/ico_backup.gif");}
.index_tab_tit a.tab_tit4{ background-image:url("../images/ico_newtec.gif");}
.index_tab_tit a.cur{background-position:left top;}
.index_subtab_tit a{ float:left; text-align:center; width:41px; height:17px; line-height:17px; margin-right:12px; background:url("../images/index_stabtit_bg.gif") left top no-repeat; overflow:hidden;}
.index_subtab_tit a.cur{background-position:left bottom;}
.index_tab_con{ padding:20px; padding-top:16px;}
.index_tab_product{ width:207px; height:134px; padding:4px 0 0 5px; background:url("../images/index_product_bg.gif") no-repeat;}
.index_tab_subtab{ width:288px;}
.index_subtab_con{ margin-top:12px; font-size:12px; color:#707070; line-height:180%;}
.index_product{ width:558px;}
.index_news{ width:284px; margin-left:9px;}
.index_news_list{ padding:14px 10px;}
.index_news_list li{ height:22px; line-height:22px; padding-left:12px; background:url("../images/arw_r.gif") left center no-repeat;}
.index_video{ width:276px;}

/*footer*/
.footer_wrap{ overflow: hidden; padding-top:30px; padding-bottom:20px; margin-top:36px; border-bottom:1px solid #ADADAD; background: #f8f8f8;}
.footer{ width:1136px; margin:0 auto;}
.footer .fnav{ width:1136px;}
.footer .fnav_item{ float:left; width:140px; margin-bottom:15px; font-size:11px;}
.footer .fnav_item h3{ font-size:14px; color:#505050; font-weight:bold;}
.footer .fnav_item ul{ margin-top:6px; color:#505050;}
.footer .fnav_item ul li{padding-bottom: 5px;}
.footer .flink{ width:283px;}
.footer .flink .plinks{ height:30px;}
.footer .flink .dlinks{ margin-top:26px; height:30px; margin-left:-20px;}
.footer .flink .dlinks li{ float:left; text-align:center; width:110px;}
.footer .flink .dlinks li h3{ font-size:12px; color:#515151;}
.copy{ text-align:center; height:30px; line-height:30px; background:#2f4984; color:#fff;}
.copy a{color:#fff;}
/*focus*/
.focus{ margin-bottom:36px; position:relative; background-color:#F4F4F4;}
.focus_content{ position:relative; width:100%; min-width:1136px; height:469px; margin:0 auto;}
.focus_content a{ display:block; width:100%; height:469px;}
.focus_controls { width:120px; height: 8px; margin-left:460px; position:absolute; left:50%; bottom:-14px; z-index:100; text-align:right;}
.focus_controls a {text-indent:-1000px; float: left; width: 19px; height:9px; line-height:100px; overflow:hidden; background:url("../images/focus_num.gif")  no-repeat; margin-right:9px;}
.focus_controls a:hover,.focus_controls a.activeSlide { background:url("../images/focus_now.gif") no-repeat;}

/*slider*/
.bannerAccordianHolder{ position:absolute; left:50%; top:0;z-index:10000; width:1136px; height:469px; margin-left:-568px; overflow:hidden;}
.bannerAccordian{ position:relative; z-index:2;}
.bannerAccordian > li{ float:left; width:24.8%; height:469px;  margin-right:-1px; position:relative; overflow:hidden;}
.bannerAccordian > li div.bannerSec{border-left:1px solid #FFF; border-right:1px solid #FFF; background:url("../images/overlay.png") repeat; position:absolute; width:calc(100% - 2px); left:0; bottom:0; text-align:right;} 
.bannerAccordian > li div.bannerSec h2{ color:#FFF; font-size:16px; text-align:right; padding:0 15px 0 25px; line-height: 35px; background:url("../images/arrow-new.gif") no-repeat 0 21px; display:inline-block;}
.bannerAccordian > li div.bannerSec div.bannerSec2{ padding:4px 15px 15px; text-align:right; position:relative;}
.bannerAccordian > li div.bannerSec div.bannerSec2 img{ margin:0 0px 15px; border:1px solid #FFF;}
.bannerAccordian > li div.bannerSec div.bannerSec2 p{ color:#FFF; font-size:14px; padding-bottom:15px;}
.bannerAccordian > li div.bannerSec div.bannerSec2 a.more{ display:inline-block; background:url("http://www.ritarpower.cn/images/arrow.png") no-repeat 97% 7px; padding:3px 15px 3px 7px; color:#FFF; font-size:14px; position:absolute; right:10px; top:360px; z-index:2;}
.bannerAccordian > li div.bannerSec div.bannerSec2 a.more:hover{ }

/*location*/
.location_wrap{ height:30px; line-height:30px; border-bottom:1px solid #D6D6D6; background-color:#F0F0F0;}
.location{ width:1136px; margin:0 auto;}

/*subpages*/

/*banner*/
.banner{}
.banner a{ display:block;}

/*about*/
.leftmenu{ text-align:center; width:190px; margin-top:60px;}
.leftmenu h3{ color:#FFF; font-size:14px; height:47px; line-height:47px; background:url("../images/lmenu_tit.gif") repeat-x;}
.leftmenu li{ display:block; color:#5C5C5C; height:38px; line-height:38px; margin-top:-1px;background-color:#FFF;}
.leftmenu li a{ display:block; color:#5C5C5C; height:38px; line-height:38px; margin-top:-1px; border:1px dotted #8A8A8A; background-color:#FFF;}
.leftmenu li{ height:auto;}
.leftmenu li a:hover{ background-color:#EEE;}
.leftmenu li.cur,.leftmenu li.cur a{ color:#445d97; background:url("../images/lmenu_cur.gif") repeat-x;}
.leftmenu li a.mainmenu{ background:url("../images/arw_mr.gif") 160px center no-repeat;}
.leftmenu li a.open{ background:url("../images/arw_md.gif") 160px center no-repeat;}
.leftmenu li .submenu a{ color:#5A5A5A; background:#F6F6F6;}
.leftmenu li .submenu a:hover,.leftmenu li .submenu a.cur{ color:#5A5A5A; background:#DEDCE7;}
.content{ width:814px; min-height:300px; padding:66px; margin-left:-1px; border-left:1px solid #C4C4C4;}
.content_list li h3{ font-size:14px;}
.content_list li{ padding:20px 0; border-bottom:1px dashed #CCC;}
.content_pic{ width:170px; margin-right:20px;}

/*feedback*/
.feedback p{margin-bottom:20px;}
.feedback label{ text-align:right; float:left; width:50px; margin-right:10px;}
.feedback input{height:20px; line-height:20px;}
.feedback .sm_button{ float:right; font-size:16px; width:100px; height:30px; line-height:30px; margin-right:30px; border:none; background-color:#CCC;}

/*popwindow*/
.html-box {position:absolute;top:0;left:0; background:#FFF; z-index: 999;}
.html-box .close-button {position:absolute;top:39%;right:-70px;width:61px;height:61px;line-height:61px;background: url("http://www.ritarpower.cn/images/x.gif") center center no-repeat;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/x.png");cursor:pointer;}
.html-box .scrollup-button {position:absolute;top:50%;right:-70px;width:61px;height:61px;line-height:61px;background: url("http://www.ritarpower.cn/images/srcoll_up.gif") center center no-repeat;cursor:pointer;}
.html-box .scrolldown-button {position:absolute;top:61%;right:-70px;width:61px;height:61px;line-height:61px;background: url("http://www.ritarpower.cn/images/srcoll_down.gif") center center no-repeat;cursor:pointer;}
.mask-layer{position: absolute;left: 0;top: 0;background-color: #000;filter: alpha(opacity=60);opacity: 0.6;width: 100%;height: 100%;z-index: 998;}
.frame_news{ width:680px; padding:30px; margin:0 auto;}
.frame_news h1{ font-size:18px; font-weight:bold; height:40px; line-height:40px; border-bottom:1px solid #666; margin-bottom:30px;}
.frame_news_content{ color:#666; font-size:14px; line-height:26px;}

/*login*/
.login_container{ position:relative; background:#FFF url("http://www.ritarpower.cn/images/login_bg.jpg") center top no-repeat;}
.login_header{ text-align:center; vertical-align:middle;}
.login_main{ width:100%; height:300px; background-color:#FFF; position:absolute; left:0; bottom:-300px;}
.login_main .login_main_content{ width:334px; margin:0 auto; margin-top:20px;}
.login_main .login_main_content h3{ line-height:30px; margin-bottom:10px;}
.login_main ul li input{ color:#666; font-size:20px; width:326px; height:40px; padding:4px; line-height:40px; border:1px solid #D7D7D7; margin-bottom:20px;}
.login_main ul li input.input_login{ color:#FFF; width:334px; padding:0; background-color:#A1C400; cursor:pointer;}

/*pager*/
.pager{ margin-top:14px; margin-right:20px;}
.pager li{float:left; text-align:center; height:30px; line-height:30px; margin-right:10px; overflow:hidden; background:#F0F0F0;}
.pager li a{display:block;height:30px;padding:0 10px;}
.pager li span{padding:0 10px;}
.pager li.active{color:#445d97;}
.pager li.img{ width:40px; padding:0 10px; background:#666;}
.pager li.img a{ width:40px; background:#666;}
.pager li.next a{ width:40px; background:#666;}

/*controls*/
.controls{ margin-top:14px; margin-right:20px; position:absolute; right:20px; bottom:20px;}
.controls li{float:left; width:20px; height:30px; line-height:300px; overflow:hidden; background:url("http://www.ritarpower.cn/images/show_page_cur.png") center center no-repeat;}
.controls li a{display:block; color:#FFF; font-size:18px; width:20px; height:30px; line-height:30px; background:url("http://www.ritarpower.cn/images/show_page.png") center center no-repeat;}
.controls li.img{ width:80px; background:none;}
.controls li.img a{ width:60px; padding-left:20px; background:url("http://www.ritarpower.cn/images/show_pre.png") left center no-repeat;}
.controls li.next a{ text-align:right; width:60px; padding-left:0; padding-right:20px; background:url("http://www.ritarpower.cn/images/show_next.png") right center no-repeat;}

/*product*/
.content h3{ color:#445d97; font-size:16px; font-weight:bold; height:30px; line-height:30px; margin-bottom:6px; border-bottom:1px solid #C4C4C4;}
.content .txt{ margin-bottom:30px;}
.content .desc{ font-size:18px; margin-bottom:46px;}
.product ul{ width:940px;}
.product li{ float:left; width:260px; margin-right:17px; margin-bottom:27px;text-align: center;}
.product li img{max-width: 260px;max-height: 180px;min-height: 180px;}
.apparea ul{ width:940px;}
.apparea li{ float:left; width:180px; margin-right:30px; margin-bottom:30px;}
.apparea li h4{ text-align:center; height:36px; line-height:36px;}

.float_chat{ position:fixed; right:10px; top:326px; z-index:10000;}
.float_chat a{ display:block; margin:10px 0;}

.search_s_t{ border:#cccccc 1px solid; height:20px;}
.search_s_b{ border:#cccccc 1px solid; height:20px;}

.navl {color: #f0f0f0; margin-top:-10px;z-index:10001;position:absolute; margin-left:-170px;}
.navl a {display: block;padding: 0 26px 0 16px;line-height: inherit;cursor: pointer;}
.nav_menul {line-height: 37px;font-weight: 500;}
.nav_menu-iteml {display: inline-block;position: relative;line-height: 22px;}
.navl .onl{ background:url("../images/nav_line.gif") no-repeat right 5px center;}
.onl:hover {background-color: #DDDDDD;}
.onl:hover .nav_submenul {display: block;}
.nav_submenul {font-weight: 300;text-transform: none;display: none;position: absolute;width: 88px;background-color: #DDDDDD;}
.nav_submenu-iteml:hover { background: rgba(0, 0, 0, 0.1);}

.navc {color: #f0f0f0; margin-top:-10px;z-index:10001;position:absolute; margin-left:-90px;}
.navc a {display: block;padding: 0 26px 0 16px;line-height: inherit;cursor: pointer;}
.nav_menuc {line-height: 37px;font-weight: 500;}
.nav_menu-itemc {display: inline-block;position: relative;line-height: 22px;}
.navc .onc{ background:url("../images/nav_line.gif") no-repeat right 5px center;}
.onc:hover {background-color: #DDDDDD;}
.onc:hover .nav_submenuc {display: block;}
.nav_submenuc {font-weight: 300;text-transform: none;display: none;position: absolute;width: 108px;background-color: #DDDDDD;}
.nav_submenu-itemc:hover { background: rgba(0, 0, 0, 0.1);}
.nav_title{color: #445d97;
font-size: 16px;
font-weight: bold;
height: 30px;
line-height: 30px;
margin-bottom: 6px;
border-bottom: 1px solid #C4C4C4;}
.nav_content{
	padding: 15px 0 20px 0;
	color: #50504E;
	line-height: 220%;
}
.nav_content img{
	max-width: 100%;
}
.red{
	color: #DC0F1E;
}
.nav_details{
	width: 814px;
}
.nav_details_title{
	padding: 0 10px;
	line-height: 35px;
	background: #445d97;
	color: #fff;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
}
.nav_details_co{
	display: block;
	padding: 0 20px;
}
.nav_details_co .cell{
	display: inline-block;
	margin-right: 30px;
	width: 370px;
	line-height: 25px;
	border-bottom: 1px solid #D6D6D6;
	display: flex;
	float: left;
	overflow: hidden;
	padding: 7px 0;
}
.nav_details_co .cell span{
	color: #445d97;
	font-weight: bold;
	width: 70px;
}
.nav_details_co.en-us .cell span{
	width: 128px;
}
.nav_details_co .cell div{
	display: inline-block;
	word-wrap: break-word;
	flex: 1;
}
.nav_details_co .cell:nth-child(2n){
	float: right;
	margin-right: 0;
}
.nav_details_co .cell.delt{
	width: 100%;
	margin-right: 0;
}
.nav .subnav_ftxt > ul{
	width: 100%;
	display: inline-block;
}
.nav .subnav_ftxt li{
	display: block;
	padding: 0 20px 0 30px;
	position: relative;
	background:url("../images/point_r.gif") 20px center no-repeat;
}
.nav .subnav_ftxt li ul {
	display: none;
    position: absolute;
    left: 180px;
    top: -10px;
    background: #f3f3f3;
    width: 84px;
    padding: 0 20px;
}
.nav .subnav_ftxt li:hover ul{
	display: block;
}
.nav > .fleft > li .subnav_ftxt ul li ul a{
	display: block;
}
.moreli > a{
	display: block;
	background: url(../images/arw_mr.gif) right center no-repeat;
}