@charset "utf-8";
/* Olerp Home StyleSheet File
 * Version: 1.01
 * Author: catyou
 * Created: 2009-04-02
 * Update: 2008-08-07
 * Copyright: olerp.com (www.olerp.com)
 */


/*====================HEADER=========================*/
#header{
position:relative;
margin:0 auto;
height:185px;
width:985px;
overflow:hidden;
}
.topbar{
padding-top:4px;
height:15px;
text-align:right;
overflow:hidden;
}
.topbar a,.topbar a:hover{ 
font-size:11px; 
text-decoration:underline; 
padding:0 5px;
}
.topbar a{ color:#999;}
/*topbar --end*/
.logo{
float:left;
margin-top:-5px;
padding-left:10px;
width:270px;
height:85px;
}
.logo a{ 
display:block;
width:270px;
height:85px;
}
.tel{
padding-top:40px;
height:45px;
text-align:right;
}

/* style the outer div to give it width */
.menu {}
.menu .current{ height:55px; background:#fbfbf9;}
.menu .current a{
color:#c00 !important; 
background:#fbfbf9 url(../images/nav_bg.gif) no-repeat top center !important;
}
.menu .current li a{ color:#666!important; background:url(../images/line_04.gif) no-repeat right top!important;}
.menu .current ul a:hover{ color:#c00!important;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:42px; background:transparent;}

/* style the sub-level lists */
.menu ul ul {width:800px; height:40px; margin-left:-70px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:25px;line-height:25px; display:block;}
.menu ul .last ul{ margin-left:-300px; text-align:right !important;}

/* style the sub level list items  90改成150*/
.menu ul ul li {display:inline;width:90px; height:40px; line-height:1.5em;}
.menu .menu11 ul li {display:inline;width:150px; height:40px; line-height:1.5em;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left; height:25px; width:138px; font-size:1em;text-decoration:none;color:#fff;background:url(../images/nav_bg.gif) bottom center; padding:17px 0 0 0; text-align:center; font-weight:600;}
/* hack IE5.x to get the correct the faulty box model and get the width right */


/* style the sub level links 90改成150 */
.menu ul ul a, .menu ul ul a:visited {display:inline; padding:0; margin-top:6px; color:#666;width:90px;height:100%; line-height:20px;  background:url(../images/line_04.gif) no-repeat right top; font-weight:400;}
.menu .menu11 ul a, .menu .menu11 ul a:visited {display:inline; padding:0; margin-top:6px; color:#666;width:150px;height:100%; line-height:20px;  background:url(../images/line_04.gif) no-repeat right top; font-weight:400;}
.menu ul a:hover{ text-decoration:none; }

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:none;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:none;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#c00;background:url(../images/nav_bg.gif) top center; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#c00;background:url(../images/nav_bg.gif) top center;}
/* second */
* html .menu ul ul a:hover{color:#c00; background:url(../images/line_04.gif) no-repeat right top; text-decoration:underline; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative; color:#c00; background:url(../images/line_04.gif) no-repeat right 6px;}
.menu ul ul :hover > a {color:#c00; text-decoration:underline;background:none;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:42px; left:0; width:800px;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto;}

	
/*===========================content===================================*/
#content{
margin:0 auto;
width:1000px;
overflow:hidden;
}

#content .mainbox{
float:left;
padding-left:22px;
width:735px;
overflow:hidden;
}

#content .sidebar{
float:left;
padding-left:12px;
width:230px;
overflow:hidden;
}

/*content Left 230px*/
#contentL230{
margin:5px auto;
width:1000px;
overflow:hidden;
}

#contentL230 .mainbox{
float:left;
padding-left:4px;
width:740px;
overflow:hidden;
}

#contentL230 .sidebar{
float:left;
padding-left:12px;
width:230px;
overflow:hidden;
}

/*===================sidebar==================*/
.loginbar{
position:relative;
margin-bottom:15px;
width:208px;
height:298px;
overflow:hidden;
background:url(../images/login_bg.gif) repeat-y;
}
.loginbar h2{
height:30px;
text-indent:-9999px;
background:url(../images/login_title.gif) no-repeat;
}
.regbtn{
position:absolute;
left:0;
bottom:0;
}
/*--------login box--------*/
.login_box{
margin:8px auto;
width:85%;
}
.login_box td{ padding:3px 1px;}
.login_input{
padding:2px 0;
width:115px;
color:#666;
border:1px #c9c19c solid;
}
.login_btn{
cursor:pointer;
width:66px;
height:29px;
border:none;
background:url(../images/login_btn.gif) no-repeat;
}

/*----olerp_notice----*/
.olerp_notice{
padding:8px 12px;
background:url(../images/line_01.gif) repeat-x;
}
.olerp_notice h3{
height:22px;
font-size:13px;
color:#989896;
}
.olerp_notice ul{}
.olerp_notice li{
padding-left:12px;
height:20px;
background:url(../images/arrow_01.gif) no-repeat 2px 8px;
overflow:hidden;
}


/*----olerp_service----*/
.service_online{ margin-bottom:10px;}


/*----olerp_feedback----*/
.feedback{
position:relative;
margin-left:5px;
}
.feedback .leftbtn,.feedback .rightbtn{
position:absolute;
display:block;
top:265px;
width:25px;
height:25px;
cursor:pointer;
background:url(../images/arrow_04.gif) no-repeat center;
}
.feedback .leftbtn{
right:210px;
background-position:top left;
}
.feedback a.leftbtn:hover{ background-position:bottom left;}
.feedback .rightbtn{
right:5px;
background-position:top right;
}
.feedback a.rightbtn:hover{ background-position:bottom right;}

.feedback .container,.feedback .container img{width:210px; height:313px; overflow:hidden;}

.feedback .item{
position:relative;
height:313px;
}
.feedback .item .con_text{
position:absolute;
top:180px;
left:25px;
width:165px;
text-align:left;
color:#999;
}
.feedback .item h3{
margin-top:10px;
padding-top:5px;
text-align:center;
border-top:2px #ccc solid;
}
/*===================mainbox==================*/


/*----banner----*/
.banner{ margin-bottom:16px; height:298px; overflow:hidden;}

/*----olerp_solution----*/
.olerp_solution{ position:relative;}
.olerp_solution h2{
padding:5px;
width:725px;
height:30px;
text-align:center;
background:url(../images/olerp_solution_titlebg.gif) no-repeat;
}
.olerp_solution .list{
display:none;
position:absolute;
top:4px; 
left:0;
width:100%;
overflow:hidden;
}
a.solution_drop{
display:block;
margin-left:700px;
width:23px;
height:23px;
padding-right:8px;
background:url(../images/olerp_solution_drop.gif) no-repeat top;
}

a.solution_drop:hover{
display:block;
margin-left:700px;
width:23px;
height:23px;
padding-right:8px;
background:url(../images/olerp_solution_drop.gif) no-repeat bottom;
}

.olerp_solution .list .list_detail{
margin-top:2px;
padding:10px 20px;
border:1px #ccc solid;
background:#f1f1f1;
}

.olerp_solution .item{
float:left;
width:120px;
}

.olerp_solution .item h3{
font-size:13px;
padding-left:3px;
font-weight:400;
color:#ba1f0f;
}


/*------soft_stage------*/
.soft_stage{
margin-bottom:10px;
padding-top:10px;
height:125px;
background:url(../images/soft_stage_bg.gif) no-repeat bottom;
}
.soft_stage li{
float:left;
width:235px;
height:100px;
}
.soft_stage li a{ display:block; width:235px; height:100px;}
	/*js css*/
	.soft_stage .pcont{
	float:left;
	width:690px;
	overflow:hidden;
	}
	
	.soft_stage .ScrCont{
	width:32766px;

	}
	.soft_stage a.leftbtn,
	.soft_stage a.rightbtn{
	float:left;
	width:20px;
	height:100px;
	background:url(../images/arrow_02.gif) no-repeat left center;
}
	.soft_stage a.leftbtn:hover,
	.soft_stage a.rightbtn:hover{
	background:url(../images/arrow_02_on.gif) no-repeat left center;
	}
	.soft_stage a.rightbtn,
	.soft_stage a.rightbtn:hover{ background-position:right center;}
	
	

/*----------------*/
.news_row{ width:110%;}
.news,.industry_info,.featured_solutions{
float:left;
padding:10px 6px 6px 12px;
width:230px;
height:180px;
background:url(../images/line_02.gif) no-repeat right -5px;
}
.news h2,.industry_info h2,.featured_solutions h2{
padding-top:10px;
margin-bottom:8px;
height:22px;
font-size:13px;
color:#404040;
}
.news .more,
.industry_info .more,
.featured_solutions .more{
clear:both;
display:block;
padding:0 13px 0 0;
text-align:right;
}
.more a{
color:#c91602;
text-decoration:underline;
}
/*news*/
.news .photo{
float:left; 
width:125px;
height:100px;
text-align:center;
}
/* industry_info */
.industry_info ul{ height:100px;} 
.industry_info li{
width:100%;
height:19px; 
overflow:hidden; 
}

/*featured_solutions*/
.featured_solutions li{
padding-left:11px;
background:url(../images/arrow_03.gif) no-repeat left 8px;
}



/*==============q_menu==================*/
.q_menu{ 
margin:0 0 10px 6px;
width:207px; 
overflow:hidden;
}
.q_menu h2{
height:47px;
}
.q_menu ul{
padding-bottom:40px;
background:#f1f0ec url(../solution/images/olerp_solution_b.gif) no-repeat bottom;
}
.q_menu li{
}
.q_menu li a{
display:block;
padding-left:30px;
height:27px;
line-height:27px;
color:#454545;
font-weight:600;
background:#f5f4f0 url(../images/line_03.gif) repeat-x bottom;
}
.q_menu li a:hover{ text-decoration:none;}
.q_menu li a.current{ color:#ad0407;}

/* ul ul*/
.q_menu ul ul{
padding:0 30px 10px 30px;
background:#fcfcfc url(../solution/images/olerp_solution_bg.gif) repeat-y left;
}
.q_menu ul ul li {
border-bottom:1px solid #f4f4f4;
background: url(../images/arrow_05.gif) no-repeat 6px center;
}
.q_menu ul ul li a{
padding-left:20px;
font-weight:400;
background:transparent;
}
.q_menu ul ul li a:hover{ color:#ad0407; text-decoration:underline;}

/*sub con*/
.sub_bc{
clear:both;
height:31px;
overflow:hidden;
background:url(../images/breadcrumb_bg.gif) repeat-x;
}
.sub_bc div{
height:31px;
overflow:hidden;
background:url(../images/breadcrumb_r.gif) no-repeat right top;
}
.sub_bc ul{
padding-left:10px;
height:31px;
background:url(../images/breadcrumb_l.gif) no-repeat left top;
}
.sub_bc li{
display:inline;
text-align:left;
}
.sub_bc span{
padding:5px 20px 5px 10px;
height:31px;
line-height:31px;
background:url(../images/breadcrumb_li.gif) no-repeat right;
}
.sub_bc .current{ color:#c00;}
/*con*/
.con{ clear:both; padding:10px 0 20px 0; color:#747474; }
.con h2{
margin:10px 0;
height:27px;
line-height:27px;
font-size:16px;
}
.con h2 span{ color:#9e0a04;}
.con h4{ color:#9e0a04; font-size:13px;}
.con h5{ color:#9e0a04; font-size:16px; margin:10px; padding-left:5px;}
.con p{ padding:5px 0; line-height:1.8em;}
.con p .right{ padding:15px 0; color:#9e0a04;}
.con .left{ padding:15px 0; color:#9e0a04;}

.con ul.share{ padding:8px 0;}
.con .share li{ padding-left:15px; background:url(../images/arrow_03.gif) no-repeat 3px 6px;}

.con .help_title{
padding-left:15px;
background:url(../service/images/help_icon.gif) no-repeat 3px center; 
font-size:14px; 
color:#000;
}
.con .help_down { width:200px;}
.con .help_down li{
margin:6px 2px;
padding:3px 6px;
border:1px #f1f0ec solid;
background:#fafaf9;
}

/*inset banner*/
.p_banner{ 
position:relative; 
margin-bottom:10px;
height:250px;
text-align:center;
background:url(../product/images/solution_banner_bg.jpg) no-repeat;
overflow:hidden;
}
.p_banner .scroller{
overflow: hidden !important;
margin:30px 20px 0 10px;
height:220px;
width:707px;
}
.p_banner .content{
width: 10000px;
}
.p_banner .section{
float:left;
width:737px;
height:250px;
overflow:hidden;
}
.p_banner .leftbtn,.p_banner .rightbtn{
position:absolute;
display:block;
top:10px;
width:75px;
height:25px;
text-indent:-9999px;
background:url(../product/images/arrow_06.gif) no-repeat;
}
.p_banner .leftbtn{
right:100px;
background-position:bottom left;
}
.p_banner a.leftbtn:hover{ background-position:bottom left;}
.p_banner .rightbtn{
right:25px;
background-position:bottom right;
}
.p_banner a.rightbtn:hover{ background-position:bottom right;}


/*=============about us=================*/
/*news*/
.news_item{margin:10px 0 30px 0; width:100%;}
.news_item .news_date{ float:left; position:relative; margin:0 10px 0 15px; width:64px; height:65px; background:url(../about/images/icon_date.gif) center top no-repeat; display:inline;}
.news_item .month{ position:absolute; top:5px; right:15px; color:#fff; font-size:10px; font-family:Verdana;}
.news_item .day{ position:absolute; top:25px; right:15px; color:#444; font-size:14px; font-weight:400; font-family:"Arial Black";}
.news_content{ float:left; width:80%;}
.news_content h3{ margin-bottom:10px; height:30px; line-height:30px; font-size:14px; color:#000; border-bottom:1px #eee solid; }
.news_content h3 .right{ color:#666; font-weight:400; font-size:12px;}
.news_content .photo img{ float:left; width:135px; height:90px; margin:5px 10px 5px;}
.news_content .parts{ font-size:13px;}
.news_content .parts p{ margin:0 0 0 10px; padding:0;  text-indent:0; line-height:1.7em; font-size:13px;}
.news_content .parts img{ margin:5px;}
.news_content .parts .more{ display:block; text-align:right;}
.news_content .parts .more a{ color:#c00; padding:0 5px;} 

/**/
.about_news_list{ padding:0 10px;}
.about_news_list h3{ padding-left:15px; background:url(../about/images/icon_arrow.gif) no-repeat left 5px;}
.about_news_list h3 a{ font-size:14px; color:#000;}
.about_news_list li{ height:85px; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #ddd solid;}
.about_news_list .date{ color:#cecdc9;}
.about_news_list h3 .right{font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-right:10px;}
.about_news_list p{  text-indent:0;}
.about_news_list .new h3 a{ color:#c00;}
.about_news_list .photo{ float:right; padding:8px 10px 10px; height:60px; overflow:hidden;}
.about_news_list .photo img{width:110px; height:60px;}

.about_zs_list{ clear:both;}
.about_zs_list li{ float:left; width:185px; height:165px; text-align:center;}
.about_zs_list li img{ width:160px;} 

.about_photo{ margin:15px 0;}
.about_photo li{ display:inline; padding:0 12px;}

/*news reports*/
.news_report{ 
float:left;
padding:10px 40px 10px 10px;
width:43%;
height:188px;
overflow:hidden;
}
.news_report h3,.news_report_detail h3{
margin-bottom:5px;
padding:0 0 5px 12px;
color:#333;
border-bottom:1px #ccc dashed;
background:url(../images/arrow_05.gif) no-repeat 2px 8px;
}
.news_report h3 a{ color:#333;}
.news_report p{ height:130px; padding-left:3px; line-height:1.5em; text-align:justify;}
.news_report .link,.news_report_detail .link{ padding:2px 4px; background:#f8f8f7; border:1px #e6e5e1 solid;}
.news_report .link a,.news_report_detail .link a{
padding-right:5px;
color:#cc3b3a;
text-decoration:underline;
}
.news_report .link a:hover,.news_report_detail .link a:hover{ color:#f00;}

.news_report_detail{padding:10px;}
.news_report_detail p{ margin-bottom:15px;}

/**/
.solution{}

/**/
.product-item{
float:left;
margin:20px 30px 20px 10px;
width:300px;
height:145px;
border-bottom:1px #ccc dashed;
}
.product-item .icon{
float:left;
width:120px;
}
.product-item .o_r{ float:left; width:170px;}
.product-item h3{
color:#444;
}
.product-item h3 em{ color:#c00; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.product-item p{
text-indent:0;
line-height:1.7em;
color:#999;
}

/*trade*/
.trade_item .photo{float:left; width:150px; text-align:center; }
.trade_item .col_r{ float:left; width:580px;}
.trade_item p{ text-indent:0;}

/**/
.sitemap{ padding:0 15px;} 
.sitemap h2{
margin-bottom:20px;
padding-left:20px;
height:31px;
line-height:31px;
color:#000;
background:url(../images/breadcrumb_bg.gif) repeat-x;
}
.sitemap dl{
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px #ccc dashed;
}
.sitemap dt{
float:left;
padding-left:28px;
font-weight:600;
color:#000;
width:150px;
background:url(../images/arrow_03.gif) no-repeat 15px 6px;
}
.sitemap dd span{ padding:0 8px;}

/*buying*/
.buying{
margin:0 auto;
padding:1px;
width:900px;
background:#fff;
border:1px #e2e0d9 solid;
}
.buying h2{
height:31px;
line-height:31px;
background:url(../images/breadcrumb_bg.gif) repeat-x;
}

.buying .buying_box{
padding:20px 30px;
}
.buying h3{
margin-bottom:16px;
padding:25px 5px 25px 80px;
font-size:12px;
color:#888;
font-weight:400;
border-bottom:1px #ebecf7 solid;
background:url(../service/images/pi1.gif) no-repeat left bottom;
}
.buying h3 span{ font-size:18px; color:#333; font-family:'微软雅黑'; font-weight:600;}
.buying td.title{ font-size:12px; color:#000; text-align:right;}
.buying td.title span{ color:#f00; padding-right:6px;}
.buying .inpt_01{
padding:1px 2px;
color:#666;
}
.inpt_long{width:400px;}
.inpt_short{width:200px;}
.buying .btn{
width:66px;
height:30px;
border:0;
cursor:pointer;
background:url(../service/images/submit.gif) no-repeat;
}
.buy_table td{ padding:2px;}

/**/
.left-photo{
float:left;
width:150px;
text-align:center;
}
.right-con{
float:left;
width:550px;
}

/**/
.faq_list{ padding:5px 10px;}
.faq_list li{ margin-bottom:10px; padding-bottom:4px; border-bottom:1px #eaeaea solid;}
.faq_list li h3{ padding-left:21px; background:url(../images/icon_q.gif) no-repeat 1px 3px;}
.faq_list li h3 a{ margin-bottom:5px;}
.faq_list .con_a{ padding:3px 0 2px 22px; background:url(../images/icon_a.gif) no-repeat left 9px; line-height:1.5em;}



/**/
.link_box{ width:967px; margin:0 auto;}
.link_top{ height:8px; overflow:hidden; background:url(../images/link_box.gif) no-repeat top;}
.link_bot{ height:8px; overflow:hidden; background:url(../images/link_box.gif) no-repeat left -30px;}
.link_box .con_box{ padding:0 10px 0 30px; background:#f4f3f0; border-left:1px #e2ddd3 solid; border-right:1px #e2ddd3 solid;}
.link_box .con_box span{ padding:0 10px;}
.link_box .con_box img{ width:88px; height:31px; border:1px #ccc solid; background:#fff;}
/*====================footer======================*/
#footer{
clear:both;
margin-top:10px;
padding-top:10px;
height:120px;
background:#e7e7df;
}
#footer .footer_box{
margin:0 auto;
width:980px;
}
/*-------------------------*/
#footer .leftbox{
float:left;
width:350px;
height:80px;
}
#footer .shortcut li{
float:left;
width:85px;
text-align:center;
}
/*-------------------------*/
#footer .rightbox{
float:right;
width:620px;
}
.soonlink{}
.soonlink ul{
float:left;
padding:25px 0 0 10px;
width:108px;
height:45px;
overflow:hidden;
}
.soonlink li{
padding-left:30px;
background:url(../images/icon_01.gif) repeat-y;
}
.soonlink a{
font-size:11px;
text-decoration:underline;
}
/*-------copyright--------*/
#footer .copyright{
padding-left:13px;
}

/*=====page====*/
.page{ margin:5px 0; text-align:center;}
.page a{padding:1px 5px; border:1px #ccc solid;}
.page a.current{ background:#c00; color:#fff;}
span.prev,span.next{ padding:1px 5px; border:1px #ccc solid; color:#999;}
a.prev,a.next{ padding:1px 5px; border:1px #ccc solid; color:#000;}