@charset "UTF-8";

	/* common ****************************************************************/
	* { padding:0; margin:0}
	body { min-width:980px; width:expression_r( document.body.clientWidth < 1000 ? "1000px" : "auto"); font:14px/1.5 'Microsoft YaHei', 微软雅黑, tahoma, arial, simsun, 宋体; color:#666; /*line-height:25px;*/ background:#fff; overflow-y:scroll}
	body * { max-height:999999px}
	h1,h2,h3,h4,h5 { font-weight:normal}
	ul,ol,li { list-style:none}
	a { color:#333; text-decoration:none}
	a:hover { color:#1acfe4;}
	a:focus { outline:none; -moz-outline:none}
	em { font-style:normal}
	img { max-width:100%; vertical-align:middle; border:0; border:none; outline:none}
	table { border-collapse:collapse}

	input, button, select, textarea { outline:none; resize:none; font:14px/1.5 'Microsoft YaHei', 微软雅黑, tahoma, arial, simsun, 宋体; font-size:14px; color:#333; border:1px solid #d7d7d7;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:0; background:#fff}
	textarea { height:auto}
	input[type='checkbox'], input[type='radio'] { height:auto; margin-right:10px; box-sizing:border-box; cursor:pointer; background:transparent; border:none;}

	::-webkit-input-placeholder { font-size:14px; font-weight:normal; color:#ccc}
	:-moz-placeholder { font-size:14px; font-weight:normal; color:#ccc}
	::-moz-placeholder { font-size:14px; font-weight:normal; color:#ccc}
	:-ms-input-placeholder { font-size:14px; font-weight:normal; color:#ccc}


	.ellipsis { text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
	
	.scale { overflow:hidden}
	.scale img { width:100%; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear}
	.scale:hover img { -webkit-transform:scale(1.1); -moz-transform: scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}

	.fl { float:left}
	.fr { float:right}

	.tl { text-align:left !important}
	.tc { text-align:center !important}
	.tr { text-align:right !important}

	.f12 { font-size:12px !important}
	.f14 { font-size:14px !important}
	.f16 { font-size:16px !important}
	.f18 { font-size:18px !important}
	.f24 { font-size:24px !important}
	.f30 { font-size:30px !important}
	.f40 { font-size:40px !important}
	.f48 { font-size:48px !important}

	.black { color:black !important}
	.red { color:red !important}
	.gray3 { color:#333 !important}
	.gray6 { color:#666 !important}
	.gray9 { color:#999 !important}
	.blue { color:#1dbaff !important}
	.orange { color:#f70 !important}

	.bold { font-weight:bold}

	.block { display:block}
	.inline-block { display:inline-block}

	.pd10 { padding:10px}
	.pd20 { padding:20px}
	.p0{ padding:0px;}.pt5{ padding-top:5px;}.pt10{ padding-top:10px;}.pt15{ padding-top:15px;}.pt20{ padding-top:20px;}.pt30{ padding-top:30px;}
	.mt30 { margin-top:30px}
	.mb30 { margin-bottom:30px}
	.ml30 { margin-left:30px}
	.mr30 { margin-right:30px}
	
	.onborder{ border:none!important;}

	/*.clearfix { zoom:1}
	.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden}*/
	
	.clearfix{ *zoom:1;/*IE/7/6*/}
	.clearfix:before,.clearfix:after { content:"";display:table}
	.clearfix:after { clear:both}

	.fadeInUp { -webkit-animation:fadeInUp .6s ease both; -moz-animation:fadeInUp .6s ease both}
	 @-webkit-keyframes fadeInUp {0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}

	 
	.item-a { display:block; overflow:hidden}
	.item-img { transition:all .6s; -moz-transition:all .6s; -ms-transition:all .6s; -webkit-transition:all .6s}
	.item-img:hover { transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1)}


	.box-shadow { box-shadow:0px 2px 6px #ccc}
	.row { margin-left:-8px; margin-right:-8px}
	.row:before,.row:after { display:table; content:" "}
	.row:after { clear:both}

	
	/* online */

	.online { position:fixed; right:10px; top:50%; width:50px; margin-top:-100px; z-index:150}

	.online li { width:50px; height:50px; display:block;  background:url(../images/online_icon.png) no-repeat /*-webkit-transition:all 0.15s linear;*/}

	.online li a { width:50px; height:50px; display:block}



	.online .online_tel { background-position:0 0;}

	.online .online_tel:hover { background-position:0 -50px; }



	.online .online_qq { background-position:-55px 0}

	.online .online_qq:hover { background-position:-55px -50px}



	.online .online_service { background-position:-110px 0}

	.online .online_service:hover { background-position:-110px -50px}



	.online .online_back { background-position:-165px 0}

	.online .online_back:hover { background-position:-165px -50px}



	.online .online_dm { background-position:-180px 0; border-color:#f2812d}

	.online .online_dm:hover { background-position:-180px -45px; background-color:#f2812d}



	.online li:hover .online_tck { position:relative; right:251px; width:200px; padding:20px; overflow:visible; display:block; border:1px solid #e1ebf2; box-shadow:0 5px 20px rgba(102,102,102,.3); transition:transform .3s ease-in,box-shadow .3s ease-in; background:#fff}



	.online .online_tck { position:absolute; right:50px; top:-1px; width:0; font-size:14px; color:#666; text-align:center; z-index:8; overflow:hidden}

	.online .online_tck i { position:absolute; right:-10px; top:1px; display:block; width:10px; height:50px; z-index:99; background:url(../images/online_arrow.png) no-repeat center}

	.online .online_tck input { width:200px; margin:10px 0; padding:0 10px; height:37px; line-height:35px !important; font-size:16px; color:#000; border:1px solid #ddd}

	.online .online_tck button { width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center; border:none; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#1acfe4; cursor:pointer}

	.online .online_tck button:hover { background:#1dd7ed}



	/* placeholder */

	.online .online_tck ::-webkit-input-placeholder { color:#999}

	.online .online_tck ::-moz-placeholder { color:#999}

	.online .online_tck :-moz-placeholder { color:#999}

	.online .online_tck :-ms-input-placeholder { color:#999}





	.feedback-tip { word-break:break-all}

	.tipCon { display:none; padding-bottom:10px}

	.tipSucc { color:#2b92df}

	.tipFail { color:#e71c4a}
	
	

	/*验证码浮层*/
	#mid-scodeLayer { position:absolute; width:324px; height:228px; background: url(../images/scode.png) 0 0 no-repeat; z-index:160; overflow:hidden}
	.close { position:absolute; right:10px; top:10px; font-size:24px; color:#fff; text-decoration:none}
	.box-line { overflow:hidden}
	#mid-scodeLayer input { float:left; width:165px; height:45px; line-height:45px; margin-right:5px; background:#e3e1df; border:0; padding-left:5px; font-size:14px}
	#mid-scodeLayer img { float:left;= width:80px; height:44px; border:0; vertical-align:middle; cursor:pointer}
	.error-tip { height:29px; line-height:29px; font-size:14px; color:#f00}
	.layer-box { clear:both; margin:0 auto; padding-top:78px; width:266px}
	.layer-btn { display:inline-block; *display:inline; *zoom:1; height:41px; line-height:41px; border:1px solid #3fb2e8; padding:0 42px; color:#3fb2e8; text-decoration:none}
	.layer-btn-em { background:#3fb2e8; color:#fff; margin-left:28px}
	#layer-mask { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#666; opacity:.5; filter:alpha(opacity=50); -moz-opacity:.5; z-index:159; display:none}


	/* 在线咨询 弹框 */
	#popWinClose { position:absolute; right:15px; top:15px; width:20px; height:20px; cursor:pointer; background:url(../images/icon_close.png) no-repeat 0 0}
	#popWinClose:hover { background-position:0 -20px}
	#mask { position:fixed; left:0; top:0; width:100%; height:100%; background:#ccc; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity:0.5; z-index:1999}
	#maskTop { position:fixed; left:50%; top:50%; color:#333; background:#fff; z-index:2999}
	#maskTitle { position:relative; padding-left:20px; height:50px; line-height:50px; font-size:20px; font-weight:bold; color:#fff; text-align:left; background:#4587e8}


	/* 申请试用弹框 */
	.popup { position:fixed; left:-100%; right:100%; top:0; bottom:0; text-align:center; font-size:0; z-index:102; display:none}
	.popup:after { content:""; display:inline-block; vertical-align:middle; height:100%; width:0}
	.popup_box {  font-size:14px; color:#000; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; position:relative; right:-100%; background:#fff; overflow:hidden}
	.popup h1 { position:relative; padding-left:20px; height:50px; line-height:50px; font-size:20px; font-weight:bold; color:#fff; text-align:left; background-color:#4587e8}
	.popup h1 a { position:absolute; right:15px; top:15px; width:20px; height:20px; background:url(../images/icon_close.png) no-repeat 0 0; display:block; cursor:pointer}
	.popup h1 a:hover { background-position:0 -20px}
	.popup_info { width:450px; text-align:left;  margin:50px; overflow:hidden}
	.popup_info p { padding:10px 0; line-height:35px}
	.popup_info label { float:left; width:100px; text-align:right}
	.popup_info input, .popup_info select { padding:0 10px; width:300px; height:35px; line-height:35px; font-size:14px}
	.popup_success { margin-left:50px; padding-left:70px !important; line-height:30px !important; background:url(../images/icon_success.jpg) no-repeat left center}
	.popup_btn a { margin:0 auto; margin-top:30px; display:block; width:200px; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#4587e8}
	.popup_bg { width:100%; height:100%; position:fixed; left:0; top:0; opacity:0.4; filter:alpha(opacity=40); background:#000; z-index:101; display:none}
	
	
	
/* header *********************************************************/
	/* 首页部分 */
	.headerHome { overflow:hidden}
	.topHome { height:80px !important; /*background:url(../images/home/top_bg.png) repeat-x !important;*/}

	.header { position:relative; width:100%; height:80px}
	.top { position:fixed; left:0; top:0; width:100%; height:80px; background-color:#191b27; z-index:10}
	.top .logo { float:left; position:relative; padding-top:18px}
	.top .logo h6 { font-weight:normal; font-size:12px; color:#bcc6cf; line-height:22px}	
	.top .logo .logo_letter10 { letter-spacing:8.8px}
	.top .logo .logo_letter12 { letter-spacing:5.2px}
	.top .logo .logo_letter13 { letter-spacing:2.4px}
/*	.top.topFix { position:fixed; height:80px !important; -webkit-box-shadow:0px 0 6px rgba(0, 0,0, 0.6);  -moz-box-shadow:0 0 6px rgba(0, 0,0, 0.6); box-shadow:0 0 6px rgba(0, 0,0, 0.6); background:#172639 !important}*/

	.top .tel { float:right; padding-left:40px; height:32px; line-height:32px; font-size:20px; margin-bottom:3px; color:#fff; letter-spacing:1.3px; background:url(../images/home/icon_tel.png) no-repeat 0 0px}
	.top .tel a { color:#fff !important}
	.top .tel span { font-family:Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:0}
	
/* menu ***********************************************************/

	.menu { float:left; margin:24px 0 0 60px}
	.menu .one { position:relative; float:left; display:inline; margin-left:15px; text-align:center}
	.menu .one a { display:block; padding:0 5px; font-size:18px; line-height:32px; color:#e4e4e4; display:block; zoom:1}
	.menu .one a:hover, .menu .on a { color:#05cbe2}

	.wrap980 .menu .one a{ font-size:15px;}
	.wrap980 .menu { margin:24px 0 0 15px}
	.wrap980 .top .chat_qq,.wrap980 .top .chat_wx{ display:none;}