@charset "utf-8";
/* CSS Document */

body{
	background:#FFF;
    font:12px "宋体";
}
a{
    cursor:pointer;
}

/*header*/
header{
	padding-top:6px;
    background:#1f2229;
	height:22px;
	color:#999999;
}
header a{
    color:#999999;
}
header div.header{
	margin:0 auto;
	height:14px;
    width:1000px;
}
header p:first-child{
    float:left;
}
header p:first-child a:nth-child(even){
	padding-left:8px;
    border-left:1px dotted #999999;
}
header p:last-child{
    float:right;
	display:inline-block;
	height:28px;
	line-height:28px;
	position:relative;
	top:-6px;
}
header p:last-child a{
    padding:0 8px 0 25px;
    border-right:1px dotted #999999;
	background:url("../images/mobile.jpg") left 2px no-repeat;
	display:inline-block;
	height:28px;
}
header p:last-child em{
    color:#fff799;
	font:14px Arial, "微软雅黑";
}

/*nav*/
nav{
	margin:0 auto;
	padding:20px 0;
	position:relative;
	height:58px;
    width:1000px;
	z-index:10;
}
nav a.logo{
	float:left;
    display:block;
	height:58px;
	width:258px;
}
nav ul{
    float:right;
}
nav li{
    float:left;
	margin-left:1px;
	position:relative;
}
nav li span a{
	margin-top:15px;
	padding:0 20px;
	display:block;
    color:#121212;
	font:14px "微软雅黑";
	line-height:40px;
}
nav li.focus span a, nav li:hover span a{
    border-bottom:3px solid #ff6900;
	_color:#ff6900;
}
nav li div.more_nav{
    position:absolute;
	left:-20px;
	top:58px;
	_padding:15px 0 20px 20px;
	background:#FFF;
	background:rgba(255, 255, 255, 0.95);
	/*background-clip:padding-box;
	border:1px solid #e8e8e8;
	border:5px solid rgba(0, 0, 0, 0.2);
	border-radius:3px;*/
	background-clip:padding-box;
	border:1px solid #e8e8e8;
	border:1px solid rgba(0, 0, 0, 0.1);
	border-radius:3px;
	border-top-left-radius:0;
	display:block;
	height:0;
	opacity:0;
	width:420px;
	_width:430px;
	transition:left 0.6s ease 0s, opacity 0.6s ease 0s;
}
.no-csstransitions nav li div.more_nav{
    display:none;
}
.csstransitions nav li div.more_nav{
    overflow:hidden;
}
nav li:hover div.more_nav{
	left:0;
	padding:15px 10px 20px 30px;
	display:block;
	height:auto;
	opacity:1;
	overflow:hidden;
}
nav li div.more_nav h3{
	margin-bottom:15px;
    color:#8e9698;
	font:14px "微软雅黑";
}
nav li div.more_nav a{
	display:block;
    color:#30393b;
	font:12px "微软雅黑";
	line-height:28px;	
}
nav li div.more_nav a:hover{
    color:#ff6900;
}
nav li div.more_nav div{
    float:left;
	margin-right:40px;
}
nav li div.more_nav.first{
	_padding:15px 0 20px 20px;
    width:60px;
	z-index:11;
}
nav li:hover div.more_nav.first{
    padding:15px 10px 20px 20px;
}
nav li div.more_nav.first div{
    margin-right:0;
}
/*banner*/
.banner{
	position:relative;
	background:#0e6eb8;
    height:380px;
	overflow:hidden;
	z-index:9;
}
.banner .banner_con{
    margin:0 auto;
	height:380px;
	width:1000px;
	overflow:hidden;
}
.banner a{
	background:url(../images/normal_bg.png) no-repeat;
}
.banner a.prev, .banner a.next{
    position:absolute;
	top:150px;
	display:none;
	height:90px;
	width:30px;
}
.banner:hover a.prev, .banner:hover a.next{
    display:block;
}
.banner a.prev{
	left:10%;
    background-position:0 -60px;
}
.banner a.prev:hover{
    background-position:-33px -60px;
}
.banner a.next{
	right:10%;
    background-position:-85px -60px;
}
.banner a.next:hover{
    background-position:-116px -60px;
}
.banner .page_btn{
    position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	_display:none;
}
.banner .page_btn a{
    padding:10px;
	background-position:-208px -90px;
}
.banner .page_btn a.focus, .banner .page_btn a:hover{
	background-position:-182px -90px;
}

.no-cssanimations .nocss3{/*支持与不支持css3展示*/
    display:block;
}
.no-cssanimations .havecss3{
    display:none;
}
.cssanimations .nocss3{
    display:none;
}
.cssanimations .havecss3{
    display:block;
}
.banner .nocss3{/*不支持css3*/
    position:relative;
}
.banner .nocss3 span{
	position:absolute;
	left:0;
	top:-380px;
    display:block;
	height:380px;
	width:1000px;
}
.banner .nocss3 span img{
    display:block;
}
.bannerbg0{
    background:#0e6eb8;
}
.bannerbg1{
    background:#f39801;
}
.bannerbg2{
    background:#727071;
}

.havecss3{
    position:relative;
}
.havecss3 .bc_in{
	position:absolute;
	left:0;
	top:0;
    height:380px;
	width:1000px;
}
.havecss3 .bc_in p{
    position:absolute;
	display:block;
}
.havecss3 .bc_in p img{
    display:block;
}
/*banner第一张图动画*/
.havecss3 #ban0 p:first-child{
    left:-1000px;
	top:130px;
	animation:bca2 0.5s ease-out;
	-webkit-animation:bca2 0.5s ease-out;
}
.havecss3 #ban0 p:last-child{
    right:-1000px;
	top:20px;
	animation:bca3 0.5s ease-out;
	-webkit-animation:bca3 0.5s ease-out;
}
.havecss3 #ban0.focus p:first-child{
	left:10px;
	animation:bca0 1s ease-in;
	-webkit-animation:bca0 1s ease-in;
}
.havecss3 #ban0.focus p:last-child{
	right:10px;
	animation:bca1 1s ease-in;
	-webkit-animation:bca1 1s ease-in;
}
@keyframes bca0{
    from{
	    left:-100px;
		opacity:0;
	}
	40%{
	    left:40px;
		opacity:0.2;
	}
	to{
	    left:10px;
		opacity:1;
	}
}
@-webkit-keyframes bca0{
    from{
	    left:-500px;
		opacity:0;
	}
	40%{
	    left:40px;
		opacity:0.2;
	}
	to{
	    left:10px;
		opacity:1;
	}
}
@keyframes bca1{
    from{
	    right:-500px;
		opacity:0;
	}
	40%{
	    right:40px;
		opacity:0.2;
	}
	to{
	    right:10px;
		opacity:1;
	}
}
@-webkit-keyframes bca1{
    from{
	    right:-500px;
		opacity:0;
	}
	40%{
	    right:40px;
		opacity:0.2;
	}
	to{
	    right:10px;
		opacity:1;
	}
}
@keyframes bca2{
    from{
	    left:10px;
		opacity:1;
	}
	to{
	    left:0;
		opacity:0;
	}
}
@-webkit-keyframes bca2{
    from{
	    left:10px;
		opacity:1;
	}
	to{
	    left:0;
		opacity:0;
	}
}
@keyframes bca3{
    from{
	    right:10px;
		opacity:1;
	}
	to{
	    right:0;
		opacity:0;
	}
}
@-webkit-keyframes bca3{
    from{
	    right:10px;
		opacity:1;
	}
	to{
	    right:0;
		opacity:0;
	}
}
/*banner第二张图动画*/
.havecss3 #ban1 p:first-child{
    right:0px;
	top:-380px;
	animation:bca6 0.5s ease-out;
	-webkit-animation:bca6 0.5s ease-out;
}
.havecss3 #ban1 p:last-child{
    left:0px;
	bottom:-380px;
	animation:bca7 0.5s ease-out;
	-webkit-animation:bca7 0.5s ease-out;
}
.havecss3 #ban1.focus p:first-child{
	top:135px;
	animation:bca4 1s ease-in;
	-webkit-animation:bca4 1s ease-in;
}
.havecss3 #ban1.focus p:last-child{
	bottom:20px;
	animation:bca5 1s ease-in;
	-webkit-animation:bca5 1s ease-in;
}
@keyframes bca4{
    from{
	    top:0;
		opacity:0;
	}
	40%{
	    top:150px;
		opacity:0.8;
	}
	to{
	    top:135px;
		opacity:1;
	}
}
@-webkit-keyframes bca4{
    from{
	    top:0;
		opacity:0;
	}
	40%{
	    top:150px;
		opacity:0.8;
	}
	to{
	    top:135px;
		opacity:1;
	}
}
@keyframes bca5{
    from{
	    bottom:0;
		opacity:0;
	}
	40%{
	    bottom:40px;
		opacity:0.8;
	}
	to{
	    bottom:20px;
		opacity:1;
	}
}
@-webkit-keyframes bca5{
    from{
	    bottom:0;
		opacity:0;
	}
	40%{
	    bottom:40px;
		opacity:0.8;
	}
	to{
	    bottom:20px;
		opacity:1;
	}
}
@keyframes bca6{
    from{
	    top:135px;
		opacity:1;
	}
	to{
	    top:80px;
		opacity:0;
	}
}
@-webkit-keyframes bca6{
    from{
	    top:135px;
		opacity:1;
	}
	to{
	    top:80px;
		opacity:0;
	}
}
@keyframes bca7{
    from{
	    bottom:20px;
		opacity:1;
	}
	to{
	    bottom:0;
		opacity:0;
	}
}
@-webkit-keyframes bca7{
    from{
	    bottom:20px;
		opacity:1;
	}
	to{
	    bottom:0;
		opacity:0;
	}
}
/*banner第三张图动画*/
.havecss3 #ban2 p:first-child{
    left:-1000px;
	top:140px;
	animation:bca2 0.5s ease-out;
	-webkit-animation:bca2 0.5s ease-out;
}
.havecss3 #ban2 p:last-child{
    right:-1000px;
	top:70px;
	animation:bca3 0.5s ease-out;
	-webkit-animation:bca3 0.5s ease-out;
}
.havecss3 #ban2.focus p:first-child{
	left:10px;
	animation:bca0 1s ease-in;
	-webkit-animation:bca0 1s ease-in;
}
.havecss3 #ban2.focus p:last-child{
	right:10px;
	animation:bca1 1s ease-in;
	-webkit-animation:bca1 1s ease-in;
}
/*our_service*/
h2.title_narrow{
	margin:20px auto;
    background:url(../images/icon-22.gif) repeat-x;
	display:block;
	height:50px;
	width:1000px;
	color:#121212;
	font:24px "微软雅黑";
	line-height:50px;
}
h2.title_narrow span{
	padding-right:5px;
    background:#FFF;
}
ul.our_service{
	margin:0 auto 40px;
	border:1px solid #eeeeee;
    display:block;
	height:188px;
	width:998px;
	overflow:hidden;
}
ul.our_service li{
	float:left;
	border-right:1px dashed #eeeeee;
    display:block;
	height:188px;
	width:165.33px;
	text-align:center;
}
ul.our_service li em, ul.our_service li b{
    display:block;
	line-height:24px;
}
ul.our_service li em{
	margin:30px 0 15px 0;
    color:#000000;
	font:14px "微软雅黑";
}
ul.our_service li b{
	margin-top:10px;
    color:#888888;
}
ul.our_service li:last-child{
    border-right:none;
}
h2.title_width{
    display:block;
	height:71px;
}
h2.title_width span{
    margin:0 auto;
	display:block;
	height:71px;
	width:1000px;
	text-align:right;
}
h2.title_width img{
    display:block;
}
h2.tw1 img, h2.tw3 img{
    float:right;
}
h2.tw0{
    background:url(../images/icon-5.gif) repeat-x;
}
h2.tw1{
    background:url(../images/icon-7.gif) repeat-x;
}
h2.tw2{
    background:url(../images/icon-9.gif) repeat-x;
}
h2.tw3{
    background:url(../images/icon-11.gif) repeat-x;
}
.serve_intro{
    margin:40px auto;
	width:1000px;
}
.serve_intro img{
	float:left;
    display:block;
}
.serve_intro dl{
    float:right;
	display:block;
	width:450px;
	font-family:"微软雅黑";
}
.serve_intro dt{
	margin-bottom:20px;
    color:#fa6700;
	font-size:24px;
}
.serve_intro dd{
    color:#868686;
	font-size:14px;
	line-height:32px;
}
.serve_intro dd span{
    color:#222222;
}
.serve_intro.exchange img{
    float:right;
}
.serve_intro.exchange dl{
    float:left;
}

/*customer_case*/
.customer_case{
    margin:0 auto 20px;
	padding-left:100px;
	position:relative;
	background:url(../images/icon-12.gif) no-repeat left;
	height:87px;
	width:900px;
}
.customer_case ul{
	padding-left:67.25px;
    background:url(../images/icon-15.gif) repeat-x;
	display:block;
	height:86px;
}
.customer_case li{
    float:left;
	display:block;
	height:86px;
	width:134.5px;
	text-align:center;
}
.customer_case li:nth-child(even){
    padding-top:5px;
}
.customer_case li a{
    display:block;
	color:#58585a;
	font:12px "微软雅黑";
	line-height:32px;
}
.customer_case a.morebtn{
    position:absolute;
	right:0;
	top:25px;
	display:block;
	height:19px;
	width:19px;
}

/*partner*/
.partner{
    margin:20px auto;
	border-left:1px dotted #c9c9c9;
	border-top:1px dotted #c9c9c9;
	width:999px;
}
/*图片变灰*/
.partner a{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	transition:all 0.5s 0 ease-in;
}
.partner a:hover{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
}
.partner a img{
    display:block;
}
.partner a{
	float:left;
	padding-left:3px;
	border-right:1px dotted #c9c9c9;
	border-bottom:1px dotted #c9c9c9;
    display:block;
	height:101px;
	opacity:0.8;
	width:245.75px;
}


/*news*/
.news{
    margin:20px auto 40px;
	width:1000px;
}
.news ul{
	float:left;
	padding-left:120px;
	background:url(../images/icon-16-0.gif) no-repeat left;
    display:block;
	width:339px;
	color:#aeaeae;
	line-height:24px;
}
.news ul li{
	display:block;
    height:24px;
}
.news ul li a{
	float:left;
    color:#121212;
}
.news ul li a b{
	margin-right:2px;
    color:#aeaeae;
}
.news ul li span{
    float:right;
}
.news ul:first-child{
	padding-right:40px;
	background-image:url(../images/icon-16.gif);
    border-right:1px dashed #e2e2e2;
}
.news ul:nth-child(2){
    margin-left:41px;
}
.news ul li:last-child{
    background:url(../images/icon-23.gif) repeat-x;
}
.news ul li:last-child a{
    float:right;
	background:#FFF;
	color:#aeaeae;
}
.experience{
	padding:50px 0;
	background:#efefef;
	font:24px "微软雅黑";
    text-align:center;
}
.experience p{
	margin-bottom:30px;
    color:#0d0d0d;
}
.experience a{
	padding:8px 20px;
	background:#fc6800;
	border-radius:3px;
    color:#FFF;
}

/*footer*/
footer{
	padding:20px 0;
    background:#101010;
	text-align:center;
}
footer p{
    color:#8d8d8d;
	line-height:32px;
}

/*aside*/
aside{
	position:fixed;
	right:0;
	top:35%;
    width:36px;
	z-index:99;
}
aside a{
	position:absolute;
	right:0;
	background:#1b1b1d;
    display:block;
	height:36px;
	width:36px;
}
aside a img{
	float:left;
    margin:8px 0 0 10px;
}
aside a:first-child{
    background:#FFF;
	height:15px;
	top:0;
}
aside a:first-child img{
    margin:0 0 0 1px;
}
aside a:nth-child(2){
    top:17px;
}
aside a:nth-child(3){
    top:55px;
}
aside a:nth-child(4){
    top:93px;
}
#aebtnCon1{
	position:absolute;
	left:0;
	top:0;
    background:#d30000;
	display:none;
	height:36px;
	line-height:36px;
	width:100px;
	cursor:pointer;
	overflow:hidden;
}
#aebtnCon1 img{
    float:left;
	margin:8px 10px 0 10px;
}
#aebtnCon1 em{
    float:left;
	color:#FFF;
}

.aebtn_con2{
	position:absolute;
	left:-135px;
	top:-70px;
	display:none;
	width:150px;
}
.aebtn_con2 img.icon{
    margin-top:140px;
}
.aebtn_con2_con{
	float:left;
	padding:20px;
	background:#1b1b1d;
    width:90px;
	text-align:center;
}
.aebtn_con2_con h3{
	margin-bottom:10px;
    color:#505050;
	font:14px "微软雅黑";
}
.aebtn_con2_con em{
    padding:5px 10px;
	background:#eb0000;
	border-radius:3px;
    color:#FFF;
	cursor:pointer;
}
.input_wrap{
	margin:10px 0 15px 0;
	position:relative;
	background:#393939;
	height:24px; 
}
.input_wrap input{
	padding-left:5px;
	position:absolute;
	left:0;
	top:0;
	background:none;
	border:none;
    height:24px;
	width:80px;
	z-index:1;
}
.input_wrap span{
	position:absolute;
	left:5px;
	top:0;
    color:#686767;
	font:12px "微软雅黑";
	line-height:24px;
	z-index:1;
}
.aebtn_con3{
    position:absolute;
	left:-152px;
	top:0px;
	display:none;
	width:162px;
}
.aebtn_con3_con{
	padding:20px;
    background:#FFF;
	border:1px solid #cccccc;
	width:100px;
	text-align:center;
}
.aebtn_con3_con img{
    margin-bottom:5px;
}
.aebtn_con3 img.icon{
    position:absolute;
	right:1px;
	top:100px;
}
.other_banner{
    background:#8fc320;
}
.other_banner_blue{
    background:#418fb5;
}
.other_banner .banner_con span{
    display:block;
}

/*statistics*/
.statistics{
	margin:20px auto;
    padding:20px 10px;
	border:1px solid #e8e8e8;
	width:978px;
}
.statistics p{
    float:left;
	padding-left:20px;
	display:block;
	width:306px;
	color:#3a3a3a;
	font-size:14px;
}
.statistics p span{
    color:#0065ca;
	font:18px "微软雅黑";
}
.statistics p:first-child{
    background:url(../images/icon-0-12.gif) no-repeat left;
}
.statistics p:nth-child(2){
    background:url(../images/icon-0-13.gif) no-repeat left;
}
.statistics p:nth-child(3){
    background:url(../images/icon-0-14.gif) no-repeat left;
}

.title_narrow b{
    color:#dc0700;
}
p.conp{
	margin:0 auto;
    width:1000px;
	color:#7a7878;
	line-height:24px;
	text-indent:2em;
}
.title_narrow em{
	color:#dc0700;
	font-size:18px;
}
.title_narrow a{
	float:right;
	padding-left:5px;
	background:#FFF;
    color:#7a7878;
	font-family:"宋体";
	font-size:12px;
}

/*serve_con*/
ul.serve_con{
    margin:0 auto 20px;
	width:1000px;
}
ul.serve_con li{
    float:left;
	margin:0 35px 20px 0;
	padding:10px;
	border:1px solid #ededed;
	height:210px;
	width:288px;
	color:#424242;
}
ul.serve_con li span{
	display:block;
    text-align:center;
}
ul.serve_con li.nomargin{
	float:right;
    margin-right:0;
}
ul.serve_con li img{
    margin:10px 0 0;
}
ul.serve_con li p{
	margin-bottom:10px;
	border-bottom:1px dashed #dbdbdb;
    font-size:14px;
	line-height:40px;
}
ul.serve_con li b{
	line-height:24px;
}

.middle_line{
	margin:0 auto 20px;;
    background:url(../images/icon-24.gif) repeat-x;
	height:3px;
	width:1000px;
}

/*serve_items*/
.serve_items{
    margin:0 auto 20px;
	width:1000px;
}
.serve_items div{
    float:left;
	margin:0 65px 20px 0;
	height:110px;
	width:290px;
	cursor:pointer;
}
.serve_items div:hover dt{
    color:#0065ca;
}
 .serve_items div:hover dd{
    color:#005cb7;	
}
.serve_items div.nomargin{
    margin:0 0 20px 0;
}
.serve_items div img{
    float:left;
	margin-top:40px;
	display:block;
}
.serve_items div dl{
    float:right;
	width:230px;
	color:#999999;
	line-height:24px;
}
.serve_items div dt{
	margin-bottom:10px;
    color:#333333;
	font-size:16px;
	font-weight:bold;
}

.title_narrow span.icontitle img{
    float:left;
	margin-top:15px;
	display:block;
}
.title_narrow span.icontitle em{
    float:left;
	background:#FFF;
	color:#fa6700;
}

p.conpa{
    margin:0 auto 10px;
	width:1000px;
	color:#2f2f2f;
	font:14px "微软雅黑";
	line-height:32px;
	text-indent:2em;
}
.picwarap{
    margin:20px auto;
	width:1000px;
	text-align:left;
}
dl.feature{
    margin:20px auto;
	width:1000px;
	color:#868686;
	font:14px "微软雅黑";
	line-height:24px;
}
dl.feature dt{
	padding:10px 0;
    border-bottom:1px dashed #ececec;
}
dl.feature dt img{
    float:left;
	display:block;
}
dl.feature dt b{
   float:left;
   color:#000000;
   font-size:18px;
   line-height:48px;
}
dl.feature dd{
    margin-top:20px;
	text-indent:2em;
}
ul.larks_con{
    margin:20px auto;
	width:1000px;
}
ul.larks_con li{
	float:left;
	margin:0 20px 20px 0;
	padding:20px 20px 0 20px;
	background:#5ab800;
	display:block;
	height:210px;
    width:280px;
}
ul.larks_con li span{
    display:block;
	text-align:center;
}
ul.larks_con li b{
    display:block;
	color:#FFF;
	font:22px "微软雅黑";
}
ul.larks_con li img{
    margin:10px 0 10px 0;
}
ul.larks_con li.nomargin{
    margin:0 0 20px 0;
}
ul.larks_con li em{
    margin-top:10px;
    display:block;
    color:#FFF;
    font:12px "微软雅黑";
    line-height:18px;
}
ul.larks_con li.lc2{
    background:#fe9900;
}
ul.larks_con li.lc3{
    background:#0091e4;
}
ul.larks_con li.lc4{
    background:#ff4d7f;
}
ul.larks_con li.lc5{
    background:#00be91;
}

ul.larks_con li.lc6{
    background:#7843fe;
}
.larks_content{
    margin:20px auto;
    width:1000px;
}
.larks_content dl{
    float:left;
    margin:0 20px 20px 0;
	padding:20px;
    border:1px solid #e7e7e7;
    width:278px;
}
.larks_content dl.nomargin{
    float:right;
    margin:0 0 20px 0;
}
.larks_content dt{
    float:right;
	display:block;
}
.larks_content dd{
    float:left;
	display:block;
	width:180px;
}
.larks_content dd h3{
	margin:5px 0 10px;
    color:#000000;
	font:16px "微软雅黑";
}
.larks_content dd b{
    color:#858585;
	font:12px "微软雅黑";
	line-height:18px;
}

.aside_part{
    position:fixed;
	left:0;
	top:40%;
	background:url(../images/icon-25.png) repeat-y;
	width:66px;
	z-index:101;
}
.aside_part a{
	margin-bottom:5px;
	background:#FFF;
	border:1px solid #e3e3e3;
	display:block;
	line-height:32px;
}
.aside_part a span{
	margin-left:5px;
	padding-left:15px;
	background:url(../images/icon-26.gif) no-repeat left;
    display:block;
}
.aside_part a.last{
    margin-bottom:0;
}

/*main_wrap*/
.main_wrap{
    background:url(../images/big-bg.gif) repeat-y;
	border-top:1px solid #e6e6e6;
}
.main{
	background:url(../images/big-bg-0.gif) repeat-y;
    margin:0 auto;
	width:1000px;
}
.left{
	float:left;
	background:#f4f4f4;
    width:176px;
	line-height:30px;
}
.left h3, .left dl dt{
	border-bottom:1px dashed #e1e1e1;
    display:block;
	height:42px;
}
.left h3 img, .left dl dt img{
    float:left;
	margin:12px 7px 0 0;
}
.left h3 b, .left dl dt b{
    color:#da251d;
	font-size:14px;
	line-height:42px;
}
.left dl{
	margin-bottom:5px;
	padding-bottom:10px;
    border-bottom:1px dashed #e1e1e1;
}
.left dl dt{
    border-bottom:none;
}
.left dl dt b{
    color:#666666;
}
.left dl dd a{
	margin-left:15px;
	padding-left:10px;
	background:url(../images/icon-left-5.gif) no-repeat left;
    display:block;
	color:#121212;
}
.right{
    float:right;
	padding:20px;
	width:784px;
}
.right h2{
	margin-bottom:10px;
    color:#121212;
	font:16px "微软雅黑";
}
.picon{
	margin-left:20px;
	height:828px;
    width:746px;
}
.picon img{
    display:block;
}

.top_intro{
	position:relative;
    background:url(../images/right-bg-0.gif) no-repeat right top;
	height:297px;
}
.top_intro h3{
	margin:30px 0;
    height:54px;
	color:#333333;
	font:40px "微软雅黑";
	line-height:54px;
}
.top_intro h3 img{
    float:left;
    margin-right:10px;
}
.top_intro p{
	margin-bottom:40px;
	width:500px;
    color:#868686;
	font:14px "微软雅黑";
	line-height:24px;
	text-indent:2em;
}
.top_intro a{
    display:block;
}
.top_intro em{
	position:absolute;
	bottom:0;
	right:0;
    color:#868686;
	font-size:12px;
}
.right h4{
    background:url(../images/icon-22.gif) repeat-x;
	height:50px;
}
.right h4 span{
	margin-left:20px;
	padding:0 5px;
	background:#FFF;
    color:#131313;
	font:24px "微软雅黑";
	line-height:50px;
}
.func_con{
    margin-bottom:20px;
}
.func_con dl{
	float:left;
	border-right:1px dashed #dddddd;
	display:block;
	width:195px;
}
.func_con dl dt{
	margin:10px 0 10px 10px;
	background:url(../images/right-bg-1.gif) no-repeat right;
	height:49px;
    color:#666666;
	font:18px "微软雅黑";
	line-height:49px;
}
.func_con dl dd{
	margin:0 30px 0 10px;
    color:#999999;
	line-height:24px;
}
.func_con dl.fc1 dt{
    background-image:url(../images/right-bg-2.gif);
}
.func_con dl.fc2 dt{
    background-image:url(../images/right-bg-3.gif);
}
.func_con dl.fc3 dt{
    background-image:url(../images/right-bg-4.gif);
}
.show{
    margin-top:20px;
	padding-bottom:20px;
}
.show ul{
    float:left;
	display:block;
	width:300px;
}
.show ul li{
	padding-left:15px;
    background:url(../images/right-bg-5.gif) no-repeat left;
	height:48px;
	color:#868686;
	font:16px "微软雅黑";
	line-height:48px;
}
.show .picbox{
	float:right;
	padding:21px 0 0 38px;
    background:url(../images/right-bg-6.gif) no-repeat;
	height:314px;
	width:442px;
}

.os_pop{
	background:#FFF;
	border-radius:3px;
	display:none;
    width:660px;
	behavior:url(js/PIE.htc);
}
.os_pop h3{
	padding:0 10px;
	background:#3c3c43;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
    display:block;
	height:45px;
	color:#FFF;
	font-size:14px;
	line-height:45px;
	position:relative;
	behavior:url(js/PIE.htc);
}
.os_pop h3 span{
	float:left;
    font-weight:bold;
}
.os_pop h3 a{
    float:right;
	font-size:24px;
	font-weight:bold;
}
.os_pop table{
    margin:20px auto;
	width:90%;
}
.os_pop table td{
    padding:5px;
}
.os_pop table td input{
    background:#FFF;
	border:1px solid #d9d9d9;
	width:170px;
	height:24px;
	line-height:24px;
}
.os_pop table td input.leng{
    width:465px;
}
.os_pop table td.tdone a{
    color:#606060;
}
.os_pop table td.tdtwo input, .os_pop table td.tdtwo span{
    float:right;
	margin-left:5px;
	border:none;
	height:auto;
	width:auto;
	cursor:pointer;
}
.os_pop table td.tdthree{
    padding-top:10px;
}
.os_pop table td.tdthree input.it{
	border-radius:3px;
    width:260px;
	position:relative;
	behavior:url(js/PIE.htc);
}
.os_pop table td.tdthree input.ib{
	margin-left:3px;
	padding:0 10px;
    background:url(../images/btnbg-0.gif) repeat-x;
	border-radius:3px;
	height:28px;
	width:auto;
	position:relative;
	behavior:url(js/PIE.htc);
}
.os_pop .btnbox{
	padding-bottom:40px;
    text-align:center;
}
.os_pop .btnbox a{
	margin:0 10px;
	padding:8px 20px;
    background:url(../images/btnbg.gif) repeat-x;
	border-radius:3px;
	color:#FFF;
	font:14px "微软雅黑";
	line-height:35px;
	position:relative;
	behavior:url(js/PIE.htc);
}
.ospopcon{
    margin:20px 40px;
	height:450px;
	color:#404040;
	line-height:24px;
}
.ospopcon h4{
	margin:10px 0 5px;
    font-weight:bold;
}

.beipin{
    background-image:url(../images/productbg/beipin.gif);
}
.crm{
    background-image:url(../images/productbg/crm.gif);
}
.diaodu{
    background-image:url(../images/productbg/diaodu.gif);
}
.yonghu{
    background-image:url(../images/productbg/crm.gif);
}
.jiameng{
    background-image:url(../images/productbg/jiamengs.gif);
}
.kefu{
    background-image:url(../images/productbg/kefu.gif);
}
.yunwei{
    background-image:url(../images/productbg/yunwei.gif);
}
.zhishi{
    background-image:url(../images/productbg/zhishigongxiang.gif);
}
.zhuanjia{
    background-image:url(../images/productbg/zhuanjiaku.gif);
}
.cmdb{
    background-image:url(../images/productbg/peizhiku.gif);
}

.ospopcon_in{
    margin-right:20px;
}