﻿@charset "gb2312";
/*��������*/
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{
    margin: 0;
	padding: 0;
	font-style:normal; }
.clr:after{content:'';display:block;height:0;clear:both;}
.clr{*zoom:1;}
ul,li{
	list-style:none;}
img{ border:none;}
input,button,select,textarea{outline:none}
textarea{resize:none}
a{
	text-decoration:none;}
a:hover{
	text-decoration:none;
-webkit-transition:  0.4s linear !important;
-moz-transition:  0.4s linear !important;
-o-transition:  0.4s linear !important;
transition:  0.4s linear !important; }

/* ����HTML5Ԫ��Ϊ�� */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;padding:0px; margin:0px; border:none;}

/* �������� */
.overflow{ overflow:hidden;} 

/* ���ȥ����Ӱ */
a,button,input,i{-webkit-tap-highlight-color:rgba(0,0,0,0); -moz-tap-highlight-color:rgba(0,0,0,0); -ms-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
a{cursor:pointer;
color:#333;
}       
		          
/* ������ʽ */
.fl{ float: left; }
.fr{ float: right;}
.db{ display:block;}
.w12{width:1200px;
margin:0 auto;}
div{
	background:none;}
/*��ʼ*/
body{
	margin:0 auto;
	background:url(../images/bg.jpg) center top;
	font-size:14px;
	font-family:"΢���ź�", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#666;
	overflow-x:hidden;
	}
header{
	background:#fff;
	width:100%;
	height:auto;
	}
.logo{
	padding:20px auto 20px 20px;}
.logofr{
	margin-top:25px;
	padding-right: 12px;
color: #666;
line-height: 25px;
text-align: right;}
.logofr a{
	color:#666;}
.logofr a:hover{
	color:#007dcd;
	text-decoration:underline;}
.header{
	margin:0 auto;
	height:94px;
	}
.head_border{
	width:100%;
	background:url(../images/top.png) repeat-x;
	height:11px;}
.login{
	height:10px;
	line-height:60px;
	padding-right:10px;
	color:#333;}
.logbtn{
	color:#333;
width: 76px;
line-height: 40px;
margin-top: 8px;
height: 40px;
text-align: center;
border: solid 1px #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}	
a.logbtn:hover{
	color:#fff;
	border-color:#fff;}
.main{
	background:#FFF;
	padding:0;
	height:auto;}
.title{
	width:100%;
	text-align:center;
	height:60px;
	font-size:20px;
	line-height:60px;
	}
.title1{
	width:780px;
	color:#fff;
	background:#007dcd;}
a.title1:hover{
	color:#cfecfe;}
a.title1:active{
	color:#fff;}
.title2{
	width:420px;
	color:#fff;
	background:#F28801;
	}
a.title2:hover{
	color:#cfecfe;}
a.title2:active{
	color:#333;}
.tit2{
	width:100%;
	height:auto;}
.tit2 span{
	display:block;
	float:right;
	width:780px;
	height:20px;
	background:url(../images/arr.png) center top no-repeat;}
.step{
	height:146px;
	background:url(../images/1.jpg) center 55% no-repeat;}
.inputsec{

width: 420px;
height:530px;
left: 20px;
background: #fff;
float:left;

 
}
.inputsec ul,.inputsec ul li{
	display:block;
	min-width:400px;}
.inputsec ul li{
	clear: both;
zoom: 1;
overflow: visible;
	height:54px;
	line-height:50px;
	color:#333;}
.inputsec ul li label{
	display:block;
	width:72px;
	text-align:right;}
.txt-m {
margin:10px 12px 0 0;
height: 28px;
line-height: 28px;
padding: 2px 3px;
padding-left: 15px;
border: 1px solid #dedede;
color: #666;
width: 292px;
font-size: 14px;}
.yzm{
	margin:10px 12px 0 0;
	height: 32px;
	line-height: 32px;
	border: 1px solid #dedede;
	width: 310px;}
.txt-y,.txt-j{
line-height: 28px;
height: 28px;
padding-top: 2px;
padding-left:15px;
color: #666;
width: 160px;
border:none;
font-size: 14px;}
.chg{display:block;
color:#007dcd;}
a.chg:hover{
	color:#249deb;}
a.chg:active{
	color:#333;}
.mt2{
	margin-top:2px;}
.mr2{
	margin-right:3px;}
.msg-normal{
	color:#777;}
.msg-error{
	color:#e82020;}
.msg-info{
	color:#e82020;}
.yzm2{
	background:#f5f5f5;
	margin:10px 12px 0 0;
	height: 32px;
	line-height: 32px;
	border: 1px solid #dedede;
	width: 200px;}
.txt-j{
	background:#f5f5f5;}
.send{
width: 96px;
height: 32px;
line-height: 32px;
text-align: center;
margin: 10px 0 0 0;
border: 1px #dedede solid;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
a.send:hover{
	border: 1px #007dcd solid;
	color:#249deb;}
a.send:active{
	border: 1px #dedede solid;
	color:#333;}
.next{
	margin-top:8px;
	width:300px;
	height:42px;
	line-height:42px;
	text-align:center;
	color:#fff;
	font-size:16px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background:#007dcd;}
a.next:hover{
	background:#27c42d;}
a.next:active{
	background:#19861d;}

/*ע��ɹ�*/
.success{
	margin:0 auto;
	width:426px;
	height:168px;
	padding-bottom:100px;
	}
.success ul,.success ul li{
	display:block;
	width:426px;
	text-align:center;
	color:#333;}
.success ul li{
	height:56px;
	line-height:56px;
	overflow: hidden;  
    text-overflow: ellipsis;  
    white-space: nowrap;  }
.suc1{
	background:url(../images/yes.png) 26% center no-repeat;
	font-size:20px;}
.success ul li em{
	color:##007dcd;
	}
.mr3{
	margin-right:10px;}
.suc2{
	width:300px !important;
	height:36px !important;
	padding:10px 63px;}
.mr4{
	margin-right:30px;
	_margin-right:15px;}
.success ul li a{
	display:block;
	width:135px;
	line-height:36px;
	font-size:16px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	color:#fff;
	background:#007dcd;}
.success ul li a:hover{
	background:#2896dd;
	}
.success ul li a:active{
	background:#007dcd;
	}
	
	

.home_solutions{ no-repeat top center; }
.home_solutions_title{text-align:center;padding-top:55px;}
.home_solutions_text{color:#222222;font-size:14px;text-align:center;line-height:20px;margin-top:12px;}
.home_solutions_list{ margin-left:20px; margin-right:20px; }
.home_solutions_list_inner{width:850px;}
.home_solutions_list dl{float:left;width:154px;margin-right:63px;margin-top:18px;padding:10px;text-align:center;padding-top:0px;padding-bottom:35px;position:relative;z-index:3;}
.home_solutions_list dt{z-index:1;position:relative;margin-left:28px;}
.home_solutions_list dd.bg{position:absolute;z-index:0;left:0;right:0;bottom:0;height:0;width:100%;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}
.home_solutions_list dd.t{line-height:30px;height:30px;margin:16px 0px;z-index:1;position:relative;}
.home_solutions_list dd.t a{color:#000000;font-size:18px;transition-delay:0.2s;}
.home_solutions_list dd.spec{color:#666666;font-size:12px;font-family:"����";line-height:14px;width:154px;z-index:1;position:relative;transition-delay:0.2s;}

.home_solutions_list dl:hover{}
.home_solutions_list dl:hover dd.t a{color:#fff;}
.home_solutions_list dl:hover dd.bg{height:270px;}
.home_solutions_list dl:hover dd.spec{color:#fff;}

dl.solu_dl_0 dd.bg{background-color:#2eafbb;}
dl.solu_dl_1 dd.bg{background-color:#1a8fd1;}
dl.solu_dl_2 dd.bg{background-color:#d1771e;}
dl.solu_dl_3 dd.bg{background-color:#2ebb8b;}
dl.solu_dl_4 dd.bg{background-color:#bb2eb3;}
dl.solu_dl_5 dd.bg{background-color:#7e2ebb;}

dl.solu_dl_0 dt a{display:block;width:100px;height:100px;background:url(../images/index201601/s_1.png) no-repeat 0 0;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;transition-delay:0.3s;}
dl.solu_dl_0:hover dt a{background:url(../images/index201601/s_1.png) no-repeat 0 -100px;}
dl.solu_dl_1 dt a{display:block;width:100px;height:100px;background:url(../images/index201601/s_2.png) no-repeat 0 0;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;transition-delay:0.3s;}
dl.solu_dl_1:hover dt a{background:url(../images/index201601/s_2.png) no-repeat 0 -100px;}
dl.solu_dl_2 dt a{display:block;width:100px;height:100px;background:url(../images/index201601/s_3.png) no-repeat 0 0;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;transition-delay:0.3s;}
dl.solu_dl_2:hover dt a{background:url(../images/index201601/s_3.png) no-repeat 0 -100px;}
dl.solu_dl_3 dt a{display:block;width:100px;height:100px;background:url(../images/index201601/s_4.png) no-repeat 0 0;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;transition-delay:0.3s;}
dl.solu_dl_3:hover dt a{background:url(../images/index201601/s_4.png) no-repeat 0 -100px;}

dl.solu_dl_4 dt a{display:block;width:100px;height:100px;background:url(../images/index201601/s_5.png) no-repeat 0 0;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;transition-delay:0.3s;}
dl.solu_dl_4:hover dt a{background:url(../images/index201601/s_5.png) no-repeat 0 -100px;}

dl.solu_dl_5 dt a{display:block;width:100px;height:100px;background:url(../images/index201601/s_6.png) no-repeat 0 0;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;transition-delay:0.3s;}
dl.solu_dl_5:hover dt a{background:url(../images/index201601/s_6.png) no-repeat 0 -100px;}

.btn_solutions_more{width:120px;height:36px;border:1px solid #555;margin:50px auto;text-align:center;}
.btn_solutions_more a{line-height:36px;color:#555;font-size:12px;font-family:"����";width:100px;height:36px;display:block;stransition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}
.btn_solutions_more a:hover{background-color:#555;}
.btn_solutions_more a:hover{color:#fff;}

