@charset "utf-8";
a { cursor:pointer;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,a,img{ margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,em,th{ font-size:100%; font-weight:normal;}
.clear{ display:block; height:0; overflow:hidden; clear:both; *zoom:1;}
.body{ width:100%; overflow:hidden; margin:0; padding:0;}
.hidden{ display:none !important;}
.inline { display:inline;}
.left{ float:left !important;}
.right{ float:right !important;}
.center{ text-align:center !important;}
.hover:hover{ color:#006db3 !important;}
.hover a:hover{ color:#006db3 !important;}
.a{ color:#1088d5;}
.a:hover{ color:#006db3; text-decoration:underline;}
.b{ background:#1088d5; color:#fff;}
.b:hover{ background:#006db3; color:#fff;}
/*图片垂直居中*/
img.v{ position:relative; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%);}
/*暂无数据*/
.NodataTips{ line-height:30px; display:block; overflow:hidden; padding:30px 10px; text-align:center; font-size:13px; color:#666;}
#trans-tooltip,#tip-arrow-bottom,#tip-arrow-top{ display:none;}
/*JSEnhancements.vsix插件可以在vs折叠代码，所以要用region包住*/
/* href="javascript:history.back();" */



/*#region ===========顶部===========*/
.saas_head_bg{ width:100%; height:80px; position:fixed; left:0; top:0; z-index:1000; background:#fff; border-bottom:1px solid #f1f1f1;}
.saas_head{ width:1200px; height:80px; margin:0 auto; position:relative;}
.saas_logo{ float:left; display:inline-block; overflow:hidden; margin:15px 0 0 0;} 


/*导航*/
.saas_nav{ float:left; width:auto; height:80px; padding-right:140px;}
.saas_nav li{ float:left; height:80px; padding:0 18px; margin:0 4px; position:relative;}
.saas_nav li a.title{ font-size:16px; color:#666; line-height:30px; display:block; overflow:hidden; margin:25px 0 0 0;}
.saas_nav li span.ico{ /*width:16px;*/ line-height:30px; font-size:14px; color:#bbb; display:block; overflow:hidden; text-align:center;
position:absolute; top:27px; right:0px; z-index:10; -webkit-animation:rotate .5s ease forwards; animation:rotate .5s ease forwards;}
.saas_nav li:hover span.ico{top:24px; -webkit-animation:rotateend .5s ease forwards;  animation:rotateend .5s ease forwards;}
.saas_nav li:hover a.title{ color:#1088d5;}
/*子导航*/
.saas_childnav{ display:none; width:110px; /*overflow:hidden;*/ position:absolute; left:-8px; top:60px; z-index:10;}
.saas_childnav i{ width:0; height:0; border-width:10px; border-style:solid; border-color:transparent transparent #000 transparent; -webkit-opacity:0.8; opacity:0.8; display:block; overflow:hidden; margin:-10px auto 0 auto;}
.saas_childnav a{ line-height:40px; display:block; overflow:hidden; background:#000; -webkit-opacity:0.8; opacity:0.8; font-size:14px; color:#fff;
text-align:center;}
.saas_childnav a:hover{ background:#000; color:#fff; -webkit-opacity:1; opacity:1;}
/*登录*/
.saas_login{ position:absolute; top:0; right:-70px; width:240px; line-height:30px; padding:25px 0 0 0; text-align:right; }
.saas_login img{ float:left; width:30px; height:30px; border-radius:100%; margin:0 10px 0 0;}
.saas_login i img {width:30px; height:20px;  border-radius:0; position:absolute; top:10px; right:-34px;}
@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-3px);}
    50%, 100% { -webkit-transform: translateY(0);}
    75% { -webkit-transform: translateY(3px);}
}
 
@keyframes bounce-down {
    25% {transform: translateY(-3px);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(3px);}
}
.animate-bounce-down{
    -webkit-animation: bounce-down 0.6s linear infinite;
    animation: bounce-down 0.6s linear infinite;
}
.saas_login a.link{  font-size:16px; color:#666; line-height:100%; padding:0 10px;}
.saas_login a.link:first-child { border-right:1px solid #bbb;}
.saas_login a.link:hover{ color:#1088d5;}
.saas_login em{ float:left; width:1px; height:24px; display:block; overflow:hidden; background:#ccc; margin:3px 10px;}

.saas_loginmenu { float:left; width:auto; height:35px; position:relative; width:120px; }
.saas_loginmenu a.online { height:30px; line-height:30px; display:block; overflow:hidden;font-size:14px; color:#666; width:100px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.saas_loginmenu a.online span.ico { width:20px; line-height:30px; font-size:20px; color:#bbb; display:block; overflow:hidden; text-align:center;
position:absolute; top:2px; right:0px; z-index:10; -webkit-animation:rotate .5s ease forwards; animation:rotate .5s ease forwards;}
.saas_loginmenu:hover a.online span.ico{ -webkit-animation:rotateend .5s ease forwards;  animation:rotateend .5s ease forwards;}
.saas_loginmenu:hover a.online{ color:#1088d5;}
.saas_loginnav { display:none; width:110px; overflow:hidden; position:absolute; left:-30px; top:35px; z-index:10;}
.saas_loginnav i{ width:0; height:0; border-width:10px; border-style:solid; border-color:transparent transparent #000 transparent; -webkit-opacity:0.8; opacity:0.8; display:block; overflow:hidden; margin:-10px auto 0 auto;}
.saas_loginnav a{ line-height:40px; display:block; overflow:hidden; background:#000; -webkit-opacity:0.8; opacity:0.8; font-size:14px; color:#fff;
text-align:center;}
.saas_loginnav a:hover{ background:#000; color:#fff; -webkit-opacity:1; opacity:1;}
.saas_loginnav a span { color:#fffb27;}

/*动画*/
@-webkit-keyframes rotate {
from {-webkit-transform:rotate(180deg)}to {-webkit-transform:rotate(0)}}
@keyframes rotate {
from {-webkit-transform:rotate(180deg)}to {-webkit-transform:rotate(0)}}
@-o-keyframes rotate {
from {-webkit-transform:rotate(180deg)}to {-webkit-transform:rotate(0)}}
@-moz-keyframes rotate {
from {-webkit-transform:rotate(180deg)}to {-webkit-transform:rotate(0)}}

@-webkit-keyframes rotateend {
from {-webkit-transform:rotate(0)}to {-webkit-transform:rotate(180deg)}}
@keyframes rotateend {
from {-webkit-transform:rotate(0)}to {-webkit-transform:rotate(180deg)}}
@-o-keyframes rotateend {
from {-webkit-transform:rotate(0)}to {-webkit-transform:rotate(180deg)}}
@-moz-keyframes rotateend {
from {-webkit-transform:rotate(0)}to {-webkit-transform:rotate(180deg)}}
/*#endregion */



/*#region ===========底部===========*/
.saas_foot_bg{ width:100%; overflow:hidden; background:#333; padding:40px 0 0 0; font-size:12px;}
.saas_foot_bg a{ color:#999; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; -moz-transition:all linear 0.3s; -o-transition:all linear 0.3s;}
.saas_foot_bg a:hover{ color:#fff;}
.saas_foot{ width:1200px; overflow:hidden; margin:0 auto; padding:0 0 40px 0;}

/*导航*/
.saas_fmenu{ float:left; width:635px; border-right:1px solid #424242;}
.saas_fmenu div{ float:left; width:180px; overflow:hidden; padding:0 30px 0 0;}
.saas_fmenu div.ffunction { width:280px;}
.saas_fmenu div.fnews { width:80px;}
.saas_fmenu h4{ font-size:16px; color:#ccc; padding-bottom:20px;}
.saas_fmenu ul{ overflow:hidden;}
.saas_fmenu ul li{ float:left; width:50%; height:26px; line-height:26px; overflow:hidden;}
.saas_fmenu div.ffunction ul li {width: 33.3%;}
.saas_fmenu div.fnews ul li {width: 100%;}
/*二维码*/
.saas_fqrcode{ float:left; width:116px; overflow:hidden; text-align:center; margin:0 55px 0 0;}
.saas_fqrcode img{ width:100%; display:block; margin-bottom:5px; background:#fff;}
.saas_fqrcode p{ line-height:24px; color:#ccc;}
/*联系方式*/
.foot_fcontact{ float:left; width:330px; overflow:hidden;}
.foot_fcontact h4{ font-size:30px; color:#ccc; padding-bottom:8px; font-family:Arial; font-style:oblique;}
.foot_fcontact p{ line-height:26px; color:#999;}

/*友链*/
.saas_under_bg{ background:#262626;}
.saas_under{ width:1200px; overflow:hidden; margin:0 auto;}
.saas_flink{ line-height:28px; overflow:hidden; padding:20px 0; border-bottom:1px solid #333; }
.saas_flink span{ color:#999; font-size:14px; margin-right:10px;color:#666;}
.saas_flink a{ margin-right:15px;color:#666;}
/*内容*/
.saas_copy{ overflow:hidden;}
.saas_copy a {color:#666;}
.saas_copy p{ line-height:25px; text-align:center; color:#666; padding:25px 0 20px 0;}
.saas_copy ul.img{ overflow:hidden; padding:0 0 25px 0; text-align:center;}
.saas_copy ul.img li{ height:49px; width:auto; padding:0 8px; display:inline-block; overflow:hidden; width:112px;}
.saas_copy ul.img li img{ height:40px; border-radius:3px;}
/*#endregion */



/*#region ===========悬浮===========*/
.saas_float{ position:fixed; right:30px; bottom:60px; z-index:1200;}
.saas_float_box{ width:50px; height:auto;}
.saas_fico{ width:50px; height:auto;}
.saas_fico li{ width:50px; height:50px; position:relative; margin-bottom:1px; background:#666;}
.saas_fico li:hover{ background:#1088d5;}
.saas_fico li a.ico{ width:50px; height:50px; line-height:50px; text-align:center; display:block; overflow:hidden; font-size:28px; color:#fff;}
.saas_fico li a.btn{ width:50px; height:50px; display:block; overflow:hidden; background:#1088d5;}
.saas_fico li a.btn img{ width:100%; display:block;}
.saas_fico li a.btn:hover{ background:#1088d5;}
.saas_fico li:hover div.saas_layer{ -webkit-opacity:1; opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);
visibility:visible;}
.saas_layer{ overflow:hidden; padding:0 15px 0 0; position:absolute; top:0; right:50px; z-index:10; visibility: hidden;
opacity:0; -webkit-opacity:0; transition:all .3s ease 0s; -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0);}
.saas_layer i{ width:0; height:0; border-width:10px; border-style:solid; border-color:transparent transparent transparent #000; position:absolute; top:16px; right:-5px; -webkit-opacity:0.8; opacity:0.8;}
.saas_layer_box{ padding:10px 15px; overflow:hidden; background:rgba(0,0,0,0.8); }
.saas_layer_box1{ width:180px;}
.saas_layer_box1 span{ line-height:30px; font-size:14px; color:#ccc;}
.saas_layer_box1 h4{ line-height:30px; font-size:24px; color:#fff; font-family:Arial;}
.saas_layer_box1 p{ line-height:30px; font-size:16px; color:#fff; font-family:Arial;}
.saas_layer_box1 p em{ font-style:normal; font-size:14px; font-family:"微软雅黑"; margin-left:8px;}
.saas_layer_box2{ width:180px;}
.saas_layer_box2 a{ line-height:30px;}
.saas_layer_box2 span{ color:#ccc; font-size:12px; margin-right:10px;}
.saas_layer_box2 em{ color:#fff; font-size:16px; font-family:Arial;}
.saas_layer_box3{ width:112px; padding:10px 10px 0 9px;}
.saas_layer_box3 img{ width:100%; display:block;}
.saas_layer_box3 p {color:#fff; text-align:center;font-size:12px; line-height: 260%;}
.saas_qq {padding-top:20px;}
.saas_qq p { line-height:200%; position:relative;}
.saas_qq p {padding-left:10px;}
.saas_qq p span { position:absolute; top:-2px; padding-left:12px;}
.saas_layer_box4{ width:100px;}
.qq-box p { line-height:240%; }
.qq-box p em {color:#ccc; font-style:normal; }
.qq-box p span { color:#fff; }
.qq-box img { width:20px; margin-right: 10px; margin-top: -4px; }
/*#endregion */





/*#region ===========图标字体===========*/
@font-face {font-family: "iconfont2";
  src: url('../iconfont2/iconfont.eot'); /* IE9*/
  src: url('../iconfont2/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../iconfont2/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../iconfont2/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../iconfont2/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont2 {
  font-family:"iconfont2" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {font-family: "iconfont";
  src: url('../iconfont/iconfont.eot'); /* IE9*/
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*#endregion */


/*#region ===========分页样式===========
.aspnetpager{ overflow:hidden; padding:15px;}
.paginator{ font-size:12px; line-height:14px; text-align:right; margin:0 auto; text-align:center;}
.paginator a{ height:14px; line-height:14px; margin:0px 1px; padding:4px 8px; display:inline-block; text-decoration:none; color:#666; background:#fff; border:1px solid #dadad8;}
.paginator a:hover{ text-decoration:none; color:#fff; background:#ff2200;}
.paginator span.cpb{ height:14px; line-height:14px; margin:0px 1px; padding:4px 8px; display:inline-block; color:#fff; background:#ff2200; border:1px solid #dadad8; font-weight:bold;}
.paginatordis{ display:none;}
.paginator input[type="text"]{ text-align:center; height:22px; line-height:22px; border:1px solid #dadad8; padding:0;}
.paginator input[type="submit"]{ padding:0 5px; height:24px; line-height:22px; margin-left:3px; border:1px solid #ddd; background:#f7f7f7; color:#666;}
#endregion */

.yxnav {position:absolute;width:100%;top:70px; left:64px; }
.yxnav .w1200 { position:relative; margin-left:-600px;}
.yxnav .wh { width:570px; position:absolute;left:536px; background:rgba(0,0,0,0.8); padding:8px 8px 12px 8px;}
.yxnav i {position:absolute; left:42px; top:-10px; z-index:999;}
.yxnav a, .yxnav a:hover { background:none;}
.yxnav ul { padding:0 10px;}
.yxnav ul li { height:auto!important; width:90px; padding:0 10px; margin:0!important; }
.yxnav ul li a { line-height:36px; text-align:left; }
.yxnav h5 img {width: 24px;height: 16px;position: absolute;}
.yxnav h5.hot1 img { top:10px;left:90px;}
.yxnav h5.hot2 img { top:10px;left:200px;}
.yxnav h5.hot3 img { top:10px;left:310px;}
.yxnav h5.hot4 img { top:10px;left:420px;}


.solnav {position:absolute;width:100%;top:70px; left:64px; }
.solnav .w1200 { position:relative;margin-left:-600px;}
.solnav .wh { width:470px; position:absolute;left:536px; background:rgba(0,0,0,0.8); padding:8px 8px 12px 8px;}
.solnav i {position:absolute; left:42px; top:-10px; z-index:999;}
.solnav a, .solnav a:hover { background:none;}
.solnav ul { padding:0 10px;}
.solnav ul li { height:auto!important; width:130px; padding:0 10px; margin:0!important; }
.solnav ul li a { line-height:36px; text-align:left; }

.newsnav {left:-20px; }