@charset "gb2312";

body,html,a_ {	margin: 0px;padding: 0px;height:100%;width:100%;font-family: Sans-serif, Verdana,微软雅黑;font-size: 14px;color: #5b5b5b ;text-decoration: none;}
div{font-family: Sans-serif, Verdana, 微软雅黑 ; font-size: 14px; }


#top {	height: 90px;	width: 1024px;	border: 0px solid #F00 ;	margin-right: auto;	margin-left: auto;}
#top .logo {	float: left;		padding-top: 25px;}
#top .nav {	float: right;	border: 0px solid #F00 ;	font-size:16px;}
#top .navtext2 {	padding-top: 50px;	overflow: hidden;	border: 0px solid #abc ;}
#top .navtext2 li {	height: 25px;	line-height: 25px;	display: block;	float: left;	padding-right: 20px;	padding-left: 20px;}
#top .navtext2 li a{	height: 25px;	line-height: 25px;	display: block;	float: left;	color:#fff;}
#top .navtext2 li.hover {	color: #1b8ec9;	font-weight: bold;}
#top .navtext2 li.last {	padding-right: 0;	border-right: none;}

#divLogin  li a{	color:#fff;}
#divBtnDownload a{	display:block}
#divBtnDownload a:hover{	background:#63F;	color:#fff;	border-radius:3px;	text-decoration:none;}
#divBtnStartSampleService a:hover{	background:rgba(0,191,111,1);	color:#fff;	border-radius:3px;	text-decoration:none;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{margin:0;padding:0}

table{table-layout:fixed;border-collapse:collapse}
section,article,aside,header,footer,nav,dialog,figure{display:block}
/*.clearfix:after{content:"\20";display:block;height:0;line-height:0;font-size:0;clear:both} */
/*body,button,input,select,textarea,td,th{color_:#fff;font:14px/1.5 tahoma,arial,\5b8b\4f53} */
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}ul,ol{list-style:none}a{text-decoration:none;color:#06C}
a:hover{text-decoration:underline;color_:#fff}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0 none}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
input:focus{outline:none}



/*.hd-main{z-index:15;border-bottom:#b3b3b3 1px solid;box-shadow:0 0 5px #333} */
.hd-main_{padding:0 5px;height:49px;min-width:400px;background:#252525;border-bottom:0}
.f-icon_{background-image:url('images/frame-icon.png');background-repeat:no-repeat}

.hd-main .has-pulldown{cursor:pointer;position:relative;*z-index:10000}
.hd-main .pulldown{position:absolute;cursor:default;display:none;top:30px;left:0}
.hd-main .pulldown .arrow{*margin-bottom:-1px;_margin-bottom:0;height:0;width:0;font-size:0;line-height:0;border-width:7px;border-style:solid;border-color:transparent transparent #F6F6F9 transparent;_filter:chroma(color=tomato);_border-color:tomato tomato #F6F6F9 tomato;position:relative;display:block;left:-20px;z-index:2}
.hd-main .pulldown .content{background:#fff;color:#333;text-align:left;border-radius:3px;border:rgb(175,175,175) 0px solid;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1;height:200px}
.hd-main .pulldown-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}
.hd-main .logo{background-image:url('images/logo.png');background-repeat:no-repeat;display:block;height:36px;width:175px;float:left;margin-left:10px;background-position:0 0;margin-top:5px;display:inline}
.hd-main .navs{padding:10px 0 7px 20px;height:25px;float:right}
.hd-main .navs a,.hd-main .info a,.hd-main .navs a:visited,.hd-main .info a:visited,.hd-main .navs a:active,.hd-main .info a:active{color:#fff}
.hd-main .navs a:hover,.hd-main .navs a:active{text-decoration:none;background-color_:#0f0f0f;color:#CCC;}
.hd-main .navs .def-nav,.hd-main .navs .pulldown-nav,.hd-main .navs .separate{display:block;float:left;width:90px;height:25px;line-height:25px;font:16px/18px "Microsoft YaHei","Microsoft JhengHei";color_:#d8d8d8;text-align:center;}
/*.hd-main .navs .def-nav .app-url_{left:185px;width:641px;top:48px}
.hd-main .navs .def-nav .pulldown-canvas-url_{width:575px;height:109px}  */
.hd-main .navs .def-nav .app-url .arrow{left:140px}
.hd-main .navs .app-url .content{padding:17px 0 0 22px;height:91px}
.hd-main .navs .app-url .content a,.hd-main .navs .app-url .content a:hover{font-size:14px;color:#333}
.hd-main .navs .app-url .li{cursor:pointer;padding-top:8px;width:66px;height:66px;border-radius:3px;display:block;float:left;text-align:center}
.hd-main .navs .app-url .li:hover{background-color_:#e0e1e5}
.hd-main .navs .app-url .li .icon{margin:0 auto;width:35px;height:38px;display:block;background:url('images/dropdown_menu.png') no-repeat}
.hd-main .navs .app-url .li:hover .icon{background-image:url('images/dropdown_menu_hover.png')}
.hd-main .navs .app-url .li .text{height:30px;display:block;font:14px/30px "Microsoft YaHei","Microsoft JhengHei"}
.hd-main .navs .separate{margin:0;height:48px;width:2px;background_:#2A2B2D}
.hd-main .navs .pulldown-nav{position:relative}
.hd-main .navs .pulldown-nav em{position:absolute;display:block;left:69px;top:18px;height:12px;width:12px;font-size:0;background-position:-89px -45px}
.hd-main .navs .pulldown-nav:hover .f-icon,.hd-main .navs .pulldown-nav:active .f-icon{position:absolute;display:block;right:11px;top:18px;height:12px;width:12px;font-size:0;background-position:-89px -55px}
.hd-main .navs .current,.hd-main .navs .current .pulldown-nav{font-weight:bold;color:#FFF;display:inline-block;width:90px;height:49px;background-color:#0f0f0f;text-align:center;line-height:48px}
.hd-main .navs .current:hover{color:#ECECEC}
.hd-main .navs .current .hover{background-color:#f6f6f6;color:#333;}

#subnav{border-radius_:0}
#subnav li {height:40px;line-height:40px;display: block;margin-bottom: 1px;background-color: #8be;background-color: #bababa;background:#fff;font-size_: 16px;*margin-bottom: -5px;}
#subnav li span {	padding-left: 10px;font-size_:14px;}
#subnav li.hover {	color: #FFF;background-color: #2a95cd;text-align: right;*margin-bottom: 0px;}
#subnav li a {font-size:15px;display: block;color: #444;text-decoration: none;}
#subnav li a:hover {color:#fff;background:#2a95cd;background:rgba(83,51,255,1);}

#subuser li {	line-height: 30px;display: block;height: 30px;margin-bottom: 1px;background-color: #8be;background-color: #bababa;background:#fff;font-size: 16px;*margin-bottom: -5px;}
#subuser li span {	padding-left: 10px;}
#subuser li.hover {	color: #FFF;background-color: #2a95cd;text-align: right;*margin-bottom: 0px;}
#subuser li a {font-size:14px;display: block;color: #444;text-decoration: none;}
#subuser li a:hover {	color:#fff;	background-color: #daf0fb;	background:#2a95cd;	background:rgba(8,205,255,1);	background:rgba(83,51,255,1);
}


.part{background:#fefefe;padding-top:70px;padding-bottom:70px;	}
.centerandwidth{margin:auto;width:1150px;}
.srvstitle{font-size:36px;text-align:center;color:#000;margin-bottom:50px;	}
.stepmain{width:450px;padding-top:10px;background_:red;height:300px;	}
.stepnum{width:60px;height:67px;line-height:60px;color:#fff;font-size:40px;text-align:center;background-image:url(gzbindeximg/stepnum.png);}
.steptitle{font-size:20px;height:60px;line-height:60px;color:#444;text-align:center;}
.stepdesc{padding-left:80px;padding-right:80px;font-size:18px;height:30px;line-height:30px;color:#777;background_:#239;}
.gray{ background:#fbfbfb; border-bottom:solid 1px #efefef;}
.gray_{background:rgb(244,244,245,1)}
.white{ background:#fff; border-bottom:solid 0px #efefef;}
.full{width:100%;}
.b{font-weight:bold}

.cssbutton {display: block;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 12px/100% ΢���ź�, Arial, Helvetica, sans-serif;	width:90px;height:25px;	line-height:25px;  text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: 3px;-moz-border-radius: 3px;	border-radius: 3px;	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);color:#fff;}
.cssbutton:hover {text-decoration: none;color:#fff;}
.cssbutton:active {position: relative;top: 0px;}
.cssbutton a {color:#fff;}
.cssblue { border: solid 1px #0076a3;background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top,  #00adee,  #0078a5); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}
.cssblue:hover {background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top,  #0095cc,  #00678e); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}
.cssblue:active {background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background: -moz-linear-gradient(top,  #0078a5,  #00adee); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');	}


	#content {
	width: 1000px;
	background-color:#fff;
	border: 1px solid #ccc;
	margin-right: auto;
	margin-left: auto;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
	box-shadow:2px 2px 2px 2px #ddd;
	-moz-box-shadow:2px 2px 2px 2px #ddd;
	-webkit-box-shadow:2px 2px 2px #ddd;
}


.newindex_banner{	width:100%; height:720px;
	background: -webkit-linear-gradient(left top, rgba(83,51,255,1) 0, rgba(83,51,255,1) 10%, rgba(8,205,255,1) 50%, rgba(8,205,255,1) 80%, rgba(8,205,255,1) 100%);
	background: linear-gradient(left top, rgba(83,51,255,1) 0, rgba(83,51,255,1) 10%, rgba(8,205,255,1) 50%, rgba(8,205,255,1) 80%, rgba(8,205,255,1) 100%);
	background: -ms-linear-gradient(left top, rgba(83,51,255,1) 0, rgba(83,51,255,1) 10%, rgba(8,205,255,1) 50%, rgba(8,205,255,1) 80%, rgba(8,205,255,1) 100%);
	background: -moz-linear-gradient(left top, rgba(83,51,255,1) 0, rgba(83,51,255,1) 10%, rgba(8,205,255,1) 50%, rgba(8,205,255,1) 80%, rgba(8,205,255,1) 100%);
}

.newindex_banner_from_paypal{	width:100%; height:720px;
	background: -webkit-linear-gradient(left top, rgba(0,48,135,1), rgba(8,205,255,1));
    background: -moz-linear-gradient(left top, rgba(0,48,135,1), rgba(8,205,255,1));
	background: -ms-linear-gradient(left top, rgba(0,48,135,1), rgba(8,205,255,1));
	background: linear-gradient(left top, rgba(0,48,135,1), rgba(8,205,255,1));	
	color:#fff;
}

.newindex_banner_from_qualtrics_{	width:100%;height:600px;
	background: -webkit-linear-gradient(left top, rgba(85,34,228,1) 0, rgba(85,34,228,1) 10%, rgba(33,219,170,1) 50%, rgba(33,219,170,1) 80%, rgba(3,219,170,1) 100%);
	background: linear-gradient(left top, rgba(83,51,255,1) 0, rgba(83,51,255,1) 10%, rgba(8,205,255,1) 50%, rgba(8,205,255,1) 80%, rgba(8,205,255,1) 100%);
	background: -ms-linear-gradient(left top, rgba(83,51,255,1) 0, rgba(83,51,255,1) 10%, rgba(8,205,255,1) 50%, rgba(8,205,255,1) 80%, rgba(8,205,255,1) 100%);
	background: -moz-linear-gradient(left top, rgba(83,51,255,1) 0, rgba(83,51,255,1) 10%, rgba(8,205,255,1) 50%, rgba(8,205,255,1) 80%, rgba(8,205,255,1) 100%);
}

.solution-list{position:relative;height:412px;z-index:9;width:1150px;margin:0 auto;}
.short-bar_{position:absolute;top:187px;left:50%;margin-left:-15px;width:30px;height:3px;background-color:#fff}
.active .short-bar_{top:201px;background-color:#009dff}
.solution-list ul li{float:left;width:230px;position:relative;height:412px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.solution-item-wrapper{width:230px;height:412px;background:url(/asset/img/newindex/solution_item_bg_01.jpg) center no-repeat}
.solution-item-02{background-image:url(/asset/img/newindex/solution_item_bg_02.jpg)}
.solution-item-03{background-image:url(/asset/img/newindex/solution_item_bg_03.jpg)}
.solution-item-04{background-image:url(/asset/img/newindex/solution_item_bg_04.jpg)}
.solution-item-05{background-image:url(/asset/img/newindex/solution_item_bg_05.jpg)}
.active .solution-item-wrapper{position:absolute;z-index:9;top:-62px;left:-51px;width:341px;height:526px;background:url(/asset/img/newindex/solution_item_bg_active_01.jpg) no-repeat;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.5);-moz-box-shadow:0 5px 40px rgba(0,0,0,.5);box-shadow:0 5px 40px rgba(0,0,0,.5)}

@media only screen and (max-width:1200px){
	.product-special-li-5.active .solution-item-wrapper{left:-102px}
}
.active .solution-item-02{background-image:url(/asset/img/newindex/solution_item_bg_active_02.jpg)}
.active .solution-item-03{background-image:url(/asset/img/newindex/solution_item_bg_active_03.jpg)}
.active .solution-item-04{background-image:url(/asset/img/newindex/solution_item_bg_active_04.jpg)}
.active .solution-item-05{background-image:url(/asset/img/newindex/solution_item_bg_active_05.jpg)}
.solution-list ul li p.solution-title{position:absolute;top:211px;width:100%;text-align:center;color:#fff;font-size:18px;z-index:2}
.solution-list ul li p.solution-intro{position:absolute;top:282px;left:50%;margin-left:-121px;width:242px;overflow:hidden;color:#eee;line-height:2;z-index:2;opacity:0;filter:alpha(opacity=0);font-size:16px;text-align:justify}
.solution-list ul li a{display:none;position:absolute;top:452px;left:50%;margin-left:-87px;width:174px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;z-index:2;background-color:#0af}
.solution-list ul li a:hover{background-color:#0099e5;transition:all .6s;-moz-transition:all 0.6s;-webkit-transition:all .6s;-o-transition:all .6s}
.solution-list ul li.active p.solution-title{top:158px;font-size:22px}
.solution-list ul li.active p.solution-intro{top:230px;opacity:1;filter:alpha(opacity=100)}
.solution-list ul li.active a{top:388px;display:block}



.colorblock{
	margin:40px 40px 40px 40px ;
	float:left;
	width:345px;
	height:175px;
	color:#ffffff;
	border-radius_:10px;
	-webkit-box-shadow:0 0px 40px rgba(0,0,0,.2); -moz-box-shadow:0 0px 40px rgba(0,0,0,.2); box-shadow:0 0px 40px rgba(0,0,0,.2);
}
.textincolor{	width:240px; font-size:16px;}
.logoincolor{
	
}
.grayblock{background:#fff;width:360px;height:350px;color:#ffffff;border-radius:3px;-webkit-box-shadow:0 0px 20px rgba(0,0,0,.2); -moz-box-shadow:0 0px 20px rgba(0,0,0,.2); box-shadow:0 0px 20px rgba(0,0,0,.2);padding:30px;}
.title_in_grayblock{margin-top:60px;height:40px;font-size:36px;color:#345}
.desc_in_grayblock{margin-top:50px;height:300px;line-height:35px;font-size:20px;color:#678;padding:20px;text-align:left;}


.idxcorp{height:50px;line-height:50px;width:110px;border:1px solid #dcdcdc;	float:left;	margin-left:15px;padding:auto auto auto auto;text-align:center;	valign:middle;background:#fff;}
.idxcorp_innerpic{	max-width:100px;	max-height:50px;	margin:auto auto auto auto;}

#bottom {	color:#8BA8BD;	height: 60px;	width: 100%;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #e4e4e4;	background:#1f2f3f;}
#bottom .text1{	color:#fff;	font-size: 12px;	line-height: 24px;	float: left;	margin-right: 110px;}
#bottom .text2{	font-size: 12px;	line-height: 24px;	float: left;}
#bottom .text3{	width: 1024px;	margin-right: auto;	margin-left: auto;	font-size: 12px;	padding-top: 20px;	padding-bottom:20px;	color:#bbb;	color:#8BA8BD;}
#bottom .text3 a {	color: #bbb;color:#8BA8BD;text-decoration: none;}
#bottom .text3 a:hover {	color: #FF0;text-decoration: underline;}
#bottomup {	height: 60px;width: 100%;border-top-width: 1px;border-top-style: solid;border-top-color: #e4e4e4;background:#345;}
#bottomup .textup{	width: 1024px;margin-right: auto;margin-left: auto;font-size: 12px;padding-top: 20px;padding-bottom:20px;color:#bbb;}
#bottomup .textup a {	color: #FF0;text-decoration: none;}
#bottomup .textup a:hover {	color: #1b8ec9;text-decoration: none;}


.ov{overflow:auto;}
.lft { 	float:left; }

.rht { float:right ;}
.ctr{margin-left:auto;margin-right:auto;}
.lf1 {margin-left:1px} .lf20{margin-left:20px;} .lf30{margin-left:30px;} .lf50{margin-left:50px;} .lf70{margin-left:70px;}
.lf80{margin-left:80px;} .lf100{margin-left:100px;}
.rt50{margin-right:50px;}
.rt100{margin-right:100px;}
.rt200{margin-right:200px;}
.rt300{margin-right:300px;}
.tp5 {margin-top:5px;}
.tp10 {margin-top:10px;}
.tp20 {margin-top:20px;}
.tp80 {margin-top:80px;}
.tp300{margin-top:300px;}
.tp400{margin-top:400px;}
.tp450{margin-top:450px;}
.ft18 {font-size:18px;}
.ft40 {font-size:40px;}
.ft50 {font-size:50px;}
.ft60 {font-size:60px;}
.red {	background:red;}
.blu {	background:blue;}
.gre {	background:green;}
.gry{	background:#F2F2F2;}
.darkgry{	background:#dddddd; }
.textrht { text-align:right;}
.textlft { text-align:left;}
.textctr { text-align:center;}