/* Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,menu,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,dfn,var,kbd,samp,tt,optgroup{font-size:1em;font-weight:normal;font-style:normal;}
body{line-height:1.5;}
input,label,select,option,textarea,button,fieldset,legend{font-size:1em;}
header,footer,aside,article,section,hgroup,nav,figure{display:block;}
abbr,acronym{border:none;font-variant:normal;}
table{border-collapse:collapse;border-spacing:0;}
sup,sub{font-size:1em;vertical-align:baseline;}
ul,ol,menu{list-style:none outside none;}
fieldset,img{border:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
:focus{outline:0;}
:link,:visited,ins{text-decoration:none;}


/* ----------------------------------------------------------Body---------------------------------------------------------------------- */
body{
	background:url(bg.png) repeat-x #f3f3f3;
}
.auto{
	width:990px; 
	margin:0 auto;
}
.auto2{
	width:982px; 
	margin:0 auto;
}
.cf:after {
    clear:both;
    content:" ";
    display:block;
    font-size 0;
    height:0;
    line-height:0;
    visibility:hidden;
    width:0;
}
#header{
	height:60px;
	margin-top:3px;
}	
.header_logo{
	float:left;
	width:177px;
	height:60px;
	margin-left:5px;
}
.header_logo a{
	display:block;
	width:177px;
	height:60px;
	background:url(../img/logo.png) no-repeat;
	overflow:hidden;
    text-indent:-999px;
}
#phone{
	width:190px;
	height:60px;
	float:right;
	margin-right:5px;
}
#nav{
	background:url(../img/nav_bg.png) no-repeat;
	width:980px;
	height:43px;
	padding:0 0 0 10px;
	margin-top:5px;
}
.cow{
	margin:8px 0 0 8px;
}
.na{
	width:114px;
	height:45px;
	display:block;
	float:left;
	margin-right:1px;
}
.home{
	background:url(../img/nav.gif) -10px top no-repeat;
}
.home:hover{
	background:url(../img/nav.gif) -10px -45px no-repeat;
}
#homee{
	background:url(../img/nav.gif) -10px -90px no-repeat;
}
.products{
	background:url(../img/nav.gif) -125px top no-repeat;
}
.products:hover{
	background:url(../img/nav.gif) -125px -45px no-repeat;
}
#productss{
	background:url(../img/nav.gif) -125px -90px no-repeat;
}
.demo{
	background:url(../img/nav.gif) -240px top no-repeat;
}
.demo:hover{
	background:url(../img/nav.gif) -240px -45px no-repeat;
}
#demoo{
	background:url(../img/nav.gif) -240px -90px no-repeat;
}
.news{
	background:url(../img/nav.gif) -355px top no-repeat;
}
.news:hover{
	background:url(../img/nav.gif) -355px -45px no-repeat;
}
#newss{
	background:url(../img/nav.gif) -355px -90px no-repeat;
}
.case{
	background:url(../img/nav.gif) -470px top no-repeat;
}
.case:hover{
	background:url(../img/nav.gif) -470px -45px no-repeat;
}
#casee{
	background:url(../img/nav.gif) -470px -90px no-repeat;
}
.qa{
	background:url(../img/nav.gif) -585px top no-repeat;
}
.qa:hover{
	background:url(../img/nav.gif) -585px -45px no-repeat;
}
#qaa{
	background:url(../img/nav.gif) -585px -90px no-repeat;
}
.contact{
	background:url(../img/nav.gif) -701px top no-repeat;
}
.contact:hover{
	background:url(../img/nav.gif) -701px -45px no-repeat;
}
#contactt{
	background:url(../img/nav.gif) -701px -90px no-repeat;
}
#main{
	width:980px;
	height:245px;
	margin-bottom:10px;
}
#content_in{
	background:#fbfbfb; 
	width:694px;
	height:326px;
	margin-left:10px;
	_margin-left:5px;
	float:left;
}
.main_img{
	float:left;
	width:698px;
	height:315px;
}
.main_login_box{
	width:240px;
	height:145px;

}
.qabtn{
	width:236px;
	height:27px;
}
.main_login{
	background:url(../img/login_bg.jpg) no-repeat;
	width:240px;
	height:278px;
	padding:25px 18px 11px 18px;
	margin:0 auto;
	float:left;
}
.main_login_name{
	background:url(../img/slt_name.png) no-repeat;
	width:240px;
	height:27px;
	margin-bottom:15px;
}
.loginlist{
	font-size:12px;
	color:#578aa2;
	height:22px;
	width:240px;
	margin-bottom:10px;
	_margin-bottom:6px;
}
.username,.password{
	border:1px solid #bcd2f5;
	width:190px;
	height:18px;
	padding:2px;
	color:#759fb6;
}
.code{
	border:1px solid #bcd2f5;
	width:70px;
	height:18px;
	padding:2px;
	color:#759fb6;	
}
.loginlist_name{
	float:left;
	height:24px;
	width:120px;
}
.loginlist_yzm{
	float:left;
	height:24px;
	width:110px;
	margin-left:5px;
}
.loginbtn{
	margin-left:40px;
}
.login_btn{
	background:url(../img/login_btn.png) no-repeat;
	width:93px;
	height:34px;
	line-height:34px;
	color:#583707;
	font-size:14px;
	font-weight:bold;
	border:none;
	cursor:pointer;
	margin-bottom:10px;
}
.login_btn:hover{
	background:url(../img/login_btn.png) left -34px no-repeat;
	width:93px;
	height:34px;
	line-height:34px;
	color:#583707;
}
.register{
	width:246px;
	height:26px;
	border-bottom:1px dashed #acc5d2;
}
.register a{
	font-size:12px;
	color:#496daa;
	text-decoration:none;
	float:left;
	margin-right:5px;
	text-indent:9px;
	background:url(../img/arrow.png) left 45% no-repeat;
}
.register a:hover{
	color:#124191;
	text-decoration:underline;
}
.qabtn{
	margin:10px 0 0 0;
}
.download_soft{
	font-size:12px;
	color:#578aa2;
	width:236px; 
	height:24px;
	line-height:24px;
	text-align:center;
	margin-top:5px;
}
.download_soft a{
	text-decoration:underline;
	font-size:12px;
	color:#fe6215;
}
#content_title{
	width:990px;
	height:114px;
}
.content_title_point{
	background:url(../img/three_title_bg.png) no-repeat;
	width:704px;
	height:114px;
	float:left;
	border-right:1px solid #e5e5e5;
}
.content_title_share{
	width:280px;
	height:37px;
	padding-top:20px;
	margin-left:420px;
}
.content_title_point h2{
	float:left;
	font-size:16px; 
	font-weight:bold;
	color:#333;
	margin:3px 30px 0 20px;
	_margin:3px 35px 0 10px;
}
.content_title_one{
	background:url(../img/icon01.png) left top no-repeat;
	width:170px;
	height:40px;
	line-height:40px;
	text-indent:40px;
}
.content_title_two{
	background:url(../img/icon02.png) left top no-repeat;
	width:170px;
	height:40px;
	line-height:40px;
	text-indent:40px;
}
.content_title_three{
	background:url(../img/icon03.png) left top no-repeat;
	width:170px;
	height:40px;
	line-height:40px;
	text-indent:40px;
}
.content_title_img{
	background:url(../img/three_title_img.jpg) no-repeat;
	width:277px;
	height:114px;
	float:left;
}
.content_p{
	width:694px;
	height:223px;
	background:#f9f9f9;
	margin-bottom:5px;
}
.content_ads{
	width:277px;
	height:326px;
	float:left;
	background:#f5f5f5;
	border-left:1px solid #e5e5e5;
}
.content_ads a{
	width:250px;
	height:90px;
	display:block;
	border:1px solid #ddd;
	margin-bottom:10px;
}
.content_ads a:hover{
	width:250px;
	height:90px;
	display:block;
	border:1px solid #aaa;
}
.content_p_one{
	float:left; 
	color:#444; 
	width:205px; 
	margin-left:10px;
	_margin-left:5px;
	margin-top:3px;
	height:220px;
	padding-right:5px;
	border-right:1px solid #dcdcdc;
}
.content_p_three{
	float:left; 
	color:#444; 
	width:240px; 
	margin-left:10px;
	_margin-left:5px;
	margin-top:3px;
	height:220px;
}
.content_p_one p,.content_p_three p{
	margin-bottom:10px; 
	font-size:12px; 
	line-height:20px; 
}
.point1{
	font-size:7px; 
	color:#ff9e13; 
	font-family:"ËÎÌå";

}
.share{
	height:20px;
	float:left;
	width:210px;
}
.recommend{
	float:left;
	font-size:12px;
	color:#333;
	font-weight:bold;
	margin-top:0px;
	margin-right:10px;

}
.share a {
    background: url("http://pic.ctrip.com/special_sale/icon_share.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    text-decoration: none;
    width: 16px;
	float:left;
	margin-right:5px;
}
#email{
	height:20px;
	margin-top:3px;
}
.share span,.recommend span{
	font-size:12px;
	color:#333;
	font-weight:bold;
	height:20px;
	line-height:20px;
	display:block;
	float:left;
	margin-right:5px;
}
.look{
	font-size:12px; 
	color:#444; 
	text-decoration:none; 
	margin-right:5px;
}
.look2{
	font-size:12px; 
	color:#fe6215; 
	margin-right:5px;
	text-decoration:underline;
}
.step{
	width:694px;
	height:98px;
	clear:both;
}
#footer{
	/*background:url(../img/footer_bg.png) no-repeat;*/
	width:973px;
	height:30px;
	clear:both;
	margin:0 auto;
}
.why_cont{
	margin-left:16px;
	padding-top:10px;
	width:900px;
	height:164px;
}
.why_cont p{
	font-size:12px; 
	color:#fff;
	line-height:18px;
}
.why_cont_title{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	height:30px;
	line-height:30px;
}
.point2{
	font-size:7px; 
	color:#fff;
}
.point3{
	font-size:7px; 
	color:#333;
}
.point5{
	color: #FF9E13;
    font-family: "ËÎÌå";
    font-size: 7px;
}
.copyright{
	width:970px;
	margin-left:10px;
	height:30px;
	line-height:30px;
	font-size:12px;
	margin-bottom:10px;
}
.copyright_p{
	float:left;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}
.copyright_link{
	float:right;
	color:#548fb0;
}
.copyright_link a{
	color:#548fb0;
	text-decoration:none;
	margin:2px;
}
.copyright_link a:hover{
	color:#4e7c96;
	text-decoration:underline;
}
/* ----------------------------------------------------------Contact---------------------------------------------------------------------- */
#contact_main{
	margin: 8px auto 0;
	width:973px;
	height:auto;
	
}
.contact_main_img{
	background:url(../img/contact_img.jpg) no-repeat;
	width:973px;
	height:230px;
}
.main_content{
	width:955px;
	height:100%;
	background:#fff;
	padding:0 0 18px 18px;
	overflow-x: auto;
	overflow-y: visible;
}
.main_content h2{
	font-size:16px;
	font-weight:bold;
	color:#124191;
	padding-bottom:12px;
	font-family:Arial, Helvetica, sans-serif;
}
	
.main_content p{
	font-size:12px;
	color:#333;
	line-height:20px;
}
.color{
	font-size:14px;
	color:#ff7a17;
	font-weight:bold;
}
/* ----------------------------------------------------------QA---------------------------------------------------------------------- */
#qa_main{
	margin: 8px auto 0;
	width:973px;
	height:auto;
}
.qa_main_img{
	background:url(../img/qa_img.jpg) no-repeat;
	width:973px;
	height:230px;
}
.qa_title{
	color:#666;
	font-size:12px;
	font-weight:normal;
}
.has_children{
	background:#fff;
	color:#124191;
	font-size:14px;
	border-bottom:1px dashed #ccc;
	cursor:pointer;
	line-height:40px;
	_padding:10px 5px;
}
.highlight{
	color:#124191;
	background:#f3f7ff;
}
#menu{
	padding:0;
	width:940px;
}
#menu a{
	text-decoration:none;
	color:#FF7A17;
}
#menu a:hover{
	text-decoration:underline;
	color:#FF7A17;
}
#menu p{
	background : #fff;
	display : none;
	float:left;
	line-height:22px;
	width:930px;
	padding:2px 0 2px 10px;
}
.point4{
	font-size:10px; 
	color:#124191;
	font-family:Verdana, Geneva, sans-serif;
}
.has_children_p{
	margin-top:10px;
}

/* ----------------------------------------------------------CASE---------------------------------------------------------------------- */
#case_main{
	margin: 8px auto 0;
	width:973px;
	height:auto;
	
}
.case_main_img{
	background:url(../img/case_img.jpg) no-repeat;
	width:973px;
	height:230px;
}
.case_content{
	width:955px;
	height:100%;
	background:#fff;
	padding:0 0 18px 18px;
	overflow-x: auto;
	overflow-y: visible;
}
.case_content_left{
	width:655px;
	float:left;
}
.case_content_title{
	background:url(../img/case_title.jpg) no-repeat;
	width:352px;
	height:57px;
}
.case_content_left h2{
	font-size:14px;
	color:#124191;
	margin-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	height:50px;
}
.case_content_left h3 {
    color: #333333;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 12px 30px 0 0;
}
.reflection_title{
	background:url(../img/case_left_title.png) no-repeat;
	width:650px;
	height:40px;
}
.reflection{
	width:655px;
	height:100%;
	margin-bottom:10px;
	clear:both;
}
.reflection_title h4{
	font-size:14px;
	font-weight:bold;
	color:#7b4f04;
	text-align:left;
	line-height:36px;
	margin-left:12px;
}
.reflection_box{
	width:650px;
	background:url(../img/case_left_box_bg.png) #f7f7f7 repeat-x;
}
.reflection_box h4{
	float:left;
	font-size:14px;
	color:#325aa0;
	width:400px;
	margin-left:12px;
	line-height:30px;
}
.reflection_box span{
	float:right;
	font-size:14px;
	color:#325aa0;
	width:200px;
	text-align:right;
	margin-right:12px;
	line-height:30px;
}
.reflection_box p{
	clear:both;
	font-size:12px;
	color:#333;
	margin:0 12px 0 12px;
	line-height:22px;
}
	
.case_content_reflection {
    background: url("../img/icon04.png") no-repeat scroll left top transparent;
    height: 40px;
    line-height: 40px;
    text-indent: 40px;
    width: 170px;
}
.case_content_right{
	width:247px;
	height:815px;
	float:right;
	background:#f1f1f1;
	border-radius:5px;
	margin-right:14px;
	_margin-right:7px;
	padding:10px;
}
.case_content_right p{
	font-size:12px;
	text-indent:2em;
	color:#333;
	height:75px;
	margin-bottom:10px;
}
.logo_img{
	height:72px;
	width:247px;
	background:#fff;
	margin-bottom:10px;
}
.ads{
	width:650px;
	height:140px;
	border:1px solid #ccc;
}
/* ----------------------------------------------------------News---------------------------------------------------------------------- */
#news_main{
	margin: 8px auto 0;
	width:973px;
	height:auto;
	
}
.news_main_img{
	background:url(../img/news_img.jpg) no-repeat;
	width:973px;
	height:230px;
}
.news_content h2 {
    color: #124191;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
}
.news_content{
	width:955px;
	height:100%;
	background:#fff;
	padding:0 0 18px 18px;
	overflow-x: auto;
	overflow-y: visible;
}
.news_list ul li{
	height:30px;
	line-height:30px;
}
.news_list_left{
	float:left;
	border-right:1px solid #e7e7e7;
	width:460px;
	height:160px;
}
.news_list_right{
	float:left;
	width:460px;
	height:160px;
	margin-left:20px;
}
.news_list_left li a,
.news_list_right li a{
	font-size:12px;
	color:#333;
}
/* ----------------------------------------------------------demo---------------------------------------------------------------------- */
#demo_main{
	margin: 8px auto 0;
	width:973px;
	height:auto;
	
}
.demo_main_img{
	background:url(../img/demo_img.jpg) no-repeat;
	width:973px;
	height:230px;
}
.demo_content_left h2 {
    color: #124191;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
}
.demo_content{
	width:955px;
	height:100%;
	background:#fff;
	padding:0 0 18px 18px;
	overflow-x: auto;
	overflow-y: visible;
}
.demo_content_left{
	float:left;
	width:670px;
	height:260px;
}
.demo_content_right{
	width:240px;
	height:280px;
	float:left;
	background:#f1f1f1;
    border-radius:5px;
	margin-left:10px;
	padding:10px;
}
.software_demo{
	color:#333;
	font-weight:bold;
	font-size:14px;
}
.software_demo {
    background: url("../img/icon05.png") no-repeat;
    height: 35px;
    line-height: 35px;
    text-indent: 35px;
    width: 170px;
}
.demo_content_right a{
	margin-top:5px;
}
.demo_btn_01{
	width:243px;
	height:56px;
	background:url("../img/demo_btn_01.jpg") no-repeat;
	display:block;
}
.demo_btn_01:hover{
	width:243px;
	height:56px;
	background:url("../img/demo_btn_01.jpg") left -56px no-repeat;
	display:block;
}
.demo_btn_02{
	width:243px;
	height:56px;
	background:url("../img/demo_btn_02.jpg") no-repeat;
	display:block;
}
.demo_btn_02:hover{
	width:243px;
	height:56px;
	background:url("../img/demo_btn_02.jpg") left -56px no-repeat;
	display:block;
}
.demo_btn_03{
	width:243px;
	height:56px;
	background:url("../img/demo_btn_03.jpg") no-repeat;
	display:block;
}
.demo_btn_03:hover{
	width:243px;
	height:56px;
	background:url("../img/demo_btn_03.jpg") left -56px no-repeat;
	display:block;
}
.demo_btn_04{
	width:243px;
	height:56px;
	background:url("../img/demo_btn_04.jpg") no-repeat;
	display:block;
}
.demo_btn_04:hover{
	width:243px;
	height:56px;
	background:url("../img/demo_btn_04.jpg") left -56px no-repeat;
	display:block;
}
/* ----------------------------------------------------------Products---------------------------------------------------------------------- */
#products_main{
	margin: 8px auto 0;
	width:973px;
	height:auto;
	
}
.products_main_img{
	background:url(http://pages.ctrip.com/commerce/promote/201204/other/zxqy/img/products_img3.jpg) no-repeat;
	width:973px;
	height:230px;
}
.products_content h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
}
.products_content{
	width:955px;
	height:100%;
	background:#fff;
	padding:0 0 18px 18px;
	overflow-x: auto;
	overflow-y: visible;
}
.products_content_left{
	width:680px;
	height:auto;
	float:left;
	border-right:1px solid #E7E7E7;
}
.products_content_left p{
	font-size:12px;
	color:#333;
	margin-top:5px;
}
.pro_six_box{
	width:214px;
	height:250px;
	float:left;
	margin-top:10px;
	margin-right:10px;
}
.pro_six_box h2{
	font-weight:bold;
	font-size:14px;
	color:#333;
	height:30px;
	line-height:30px;
}
.pro_six_box p{
	font-size:12px;
	line-height:20px;
}
.products_content_right{
	float:right;
	width:255px;
}
.login_title {
    background: url("../img/icon06.png") no-repeat;
    height: 20px;
    line-height: 20px;
    text-indent: 25px;
    width: 170px;
	font-size:14px;
	margin-bottom:10px;
}