@charset "utf-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}/*input,button,textarea,select{*font-size:100%;}*/

/*reset*/

body{ width:100%; margin:0 auto; font-size:12px; font-family:宋体;}
a{ text-decoration:none; }

/*top*/
#top{ width:100%; margin:0 auto; overflow:hidden; height:72px; background-color:#F4F4F4;}
#topBg{ width:900px; margin:0 auto; overflow:hidden; height:72px; background:url(../images/logo.jpg) no-repeat;}
#topBg ul{ float:right; clear:both; margin-top:10px; }
#topBg ul li{ float:right;margin-left:10px; line-height:14px; color:#767676;}
#topBg ul li a{color:#767676;}
#topBg ul li a:hover{ color:#3EB4D0;}
#topBg ul li a#topLogin{color:#0E64AD;}
#topBg ul li a#topLogin:hover{color:#3EB4D0;}
#tele{ float:right; font-size:24px; color:#A30504; letter-spacing:1px; margin-top:14px;}
/*nav*/
#nav{ width:100%; margin:0 auto; overflow:hidden; height:50px; background:url(../images/navbg.jpg) repeat-x;}
#navBg{ width:900px; margin:0 auto; overflow:hidden; height:50px; background:url(../images/navbg2.jpg)  repeat-x;}
#navBg ul{ clear:both; margin-left:20px;}
#navBg ul li {float:left;}
#navBg ul li a{ display:inline-block; width:85px; height:50px; overflow:hidden; line-height:39px; color:#000; text-align:center; font-size:12px;}
#navBg ul li a:hover{background:url(../images/navhover.jpg) no-repeat;  color:#3EB4D0;}
#navBg ul li a.beSelected{background:url(../images/navhover.jpg) no-repeat; color:#3EB4D0;}
/*banner*/
#banner{ width:900px; margin:0 auto;}

/*content*/
#content{ width:900px; margin:0 auto; height:518px; overflow:hidden; clear:both;}
#contentLeft{ float:left; width:441px;}
#news{width:441px; height:176px; background:url(../images/newslogo.jpg) left top no-repeat; overflow:hidden;}
#newsTab{width:460px; height:21px; overflow:hidden; padding-top:8px; border-bottom:1px solid #C1C1C1; clear:both;}
#newsTab a{width:72px; height:21px; display:inline-block; text-align:center; line-height:21px; background-color:#C1C1C1; float:left; color:#FFF; font-weight:700;}
#newsTab a.unSelected{ color:#4C79FA; background-color:#FFF;}
#newsTab a.unSelected:hover{ color:#3EB4D0;}
#newsTab a.more{width:45px; height:21px; display:inline-block; float:left; margin-left:182px;}
#news ul{clear:both;}
#news ul li {float:left;}
#news ul li a{ display:block; line-height:20px; border-bottom:1px dotted #E4E4E4; width:358px; margin-left:75px; padding-left:8px; color:#666666;  cursor:pointer; height:20px;}
#news ul li a:hover{color:#3EB4D0;}
#news ul li a span{ float:right;}
#news ul li a span.newsContent{ float:right; width:298px;}

#career{width:441px; height:117px; background:url(../images/careerlgo.jpg) left top no-repeat; overflow:hidden;}
#career ul{clear:both;}
#career ul li{float:left;}
#career ul li a{ display:block; line-height:22px; border-bottom:1px dotted #E4E4E4; width:346px; margin-left:75px; padding-left:20px; color:#666666; clear:both;  cursor:pointer;}
#career ul li a:hover{color:#3EB4D0;}
#career ul li a span{ float:right;}
#career ul li a span.newsContent{ float:right; width:286px;}

#contentRight{width:436px; float:right;}
#content a img{ display:block;}
#contentRight #caseBlock{ width:434px; height:324px; overflow:hidden; border:1px solid #DCDCDC;}
#contentRight #partner{ width:434px; height:114px; border:1px solid #DCDCDC;}
#partner table{margin-top:10px;}
#partner table tr td a{border:1px solid #DCDCDC; display:block; width:88px; height:31px; margin-left:10px; margin-top:10px;}
#partner table tr td a:hover{border:1px solid #3EB4D0;}

#caseBlock ul li{width:414px; height:90px;  padding-top:8px; margin-left:10px; border-bottom:1px dashed #E1E1E1; padding-bottom:8px;}
#caseBlock ul li.last{ border:none;}
#caseBlock ul li table tr td.imgBlock img{border:1px solid #DCDCDC;}
#caseBlock ul li table tr td.textBlock{padding-left:10px; vertical-align:top;}
#caseBlock ul li table tr td.textBlock p.title{font-weight:700;width:150px;}
#caseBlock ul li table tr td.textBlock p{line-height:20px; color:#656565;width:150px;}
#caseBlock ul li table tr td.textBlock a{color:#656565; width:150px; }
#caseBlock ul li table tr td.textBlock a:hover{color:#3EB4D0;width:150px;}

#teammate{width:441px; height:128px; overflow:hidden;}
#teammate table{ margin-top:10px;}
#teammate table tr td{width:80px;text-align:center; line-height:20px; color:#666;}
#teammate table tr td a{width:80px; text-align:center; display:block; line-height:20px; color:#017189;}
#teammate table tr td a img{display:inline;}
#teammate table tr td a span{ width:80px; line-height:20px; display:block;}
#teammate table tr td span{ width:80px; line-height:20px; display:block;}
#teammate table tr td a span.inner{color:#666;}
#teammate table tr td a:hover{color:red;}
/*footNav*/
#footNav{ width:900px; margin:0 auto; height:40px; overflow:hidden;background-color:#A6C3D5;}
#footNav ul{ clear:both; color:#FFF; margin-left:15px;}
#footNav ul li{float:left; margin-right:10px; line-height:40px;}
#footNav ul li a{ color:#FFF;}
#footNav ul li a:hover{color:#3EB4D0;}
/*footer*/
#footer{ width:900px; margin:0 auto; height:118px; overflow:hidden; clear:both;}
#footer .left{ float:left; line-height:18px; color:#6B8BA3; margin-top:14px;margin-left:18px; height:14px; display:inline;}
#footer .right{ float:right; color:#6B8BA3; margin-top:14px;margin-right:18px; height:100px; display:inline; width:325px;overflow:hidden;}
#footer .right .qqlink{ width:325px; height:42px; background-color:#fff; overflow:hidden;}
.qqlink ul{ margin-top:4px;  margin-left:10px;}
.qqlink ul li{ float:left; margin-right:5px;}
.qqlink ul li a{ height:38px; width:81px; display:inline-block; overflow:hidden; background:url(../images/QQlink.jpg) top left no-repeat; text-align:center; line-height:60px; color:#999;}
.qqlink ul li a.support{ height:38px; width:81px; display:inline-block; overflow:hidden; background:url(../images/QQsupport.jpg) top left no-repeat; text-align:center; line-height:60px; color:#999;}
.qqlink ul li a.support:hover{background:url(../images/QQsupport.jpg) top left no-repeat;}
.qqlink ul li a:hover{background:url(../images/QQlink2.jpg) top left no-repeat; color:#000;}
.qqlink ul li a.linker{ width:50px; height:36px; line-height:30px; }
.safelink{background-color:#fff;}
.safelink a{ margin-left:10px;}

/*参考案例*/
#content.case{ height:auto; padding-bottom:10px;}
#caseTitle{width:900px; height:35px; line-height:20px; border-bottom:1px solid #C0C0C0; font-size:12px;}
#caseTitle span{ color:#2A4B92; margin-right:5px;}
#caseTitle a{ margin-left:4px; margin-right:4px; color:#000;}
#caseTitle a:hover{color:#F00;}
#caseTitle.normal{ margin-top:15px;}
#caseTitle.noneborder{ border-bottom:none;}

#caseTitleNoborder{width:900px; height:35px; line-height:20px; margin-bottom:10px; font-size:12px; border-bottom:1px solid #C0C0C0;}
#caseTitleNoborder span{ color:#2A4B92; margin-right:5px;}
#caseTitleNoborder a{ margin-left:4px; margin-right:4px; color:#000;}
#caseTitleNoborder a:hover{color:#F00;}
#caseTitleNoborder.normal{ margin-top:15px;}

.caseName{margin-top:20px; margin-bottom:20px;}
.casemz{background-image:url(../images/caseName.jpg); width:750px; height:17px; margin:10px 0px; padding-top:10px; padding-left:150px;}
.casemz a{ text-decoration:none;color:#7E7E7E;}
.casemz a:hover{color:#3EB4D0;}
#caseTable{margin:0 auto; color:#7E7E7E;}
#caseTable tr td{ padding-left:42px; padding-bottom:10px;}
#caseTable tr td p{line-height:22px;}
#caseTable tr td a{ text-decoration:none;color:#7E7E7E;}
#caseTable tr td a:hover{color:#3EB4D0;}
#caseTable tr td a img{ border:1px solid #ccc;}
#caseTable tr td a:hover img{ border:1px solid #3EB4D0;}
#caseTable tr td.first{padding-left:0px;}
#case_table tr td{padding-left:0px;}
/*pageList*/
.pageList{ height:14px; margin:10px auto;}
.pageList ul{ text-align:center;}
.pageList li{ display:inline;color:#666; }
.pageList li a{color:#666;}
.pageList li a:hover{color:#3EB4D0;}
.pageList li a img{vertical-align:middle;}