@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:16px 0 0 0;} 


/*导航*/
.saas_nav{ float:left; width:auto; height:80px; padding-right:220px;}
.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:-12px;  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:#20242b; padding:40px 0 0 0; font-size:13px;}
.saas_foot_bg a{ font-size:13px; color:#737c8b; 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:650px; border-right:1px solid rgba(255,255,255,0.1);}
.saas_fmenu div{ float:left; width:180px; overflow:hidden; padding:0 40px 0 0;}
.saas_fmenu div.ffunction { width:280px;}
.saas_fmenu div.fnews { width:80px;}
.saas_fmenu h4{ font-size:16px; color:#fff; padding-bottom:20px;}
.saas_fmenu ul{ overflow:hidden;}
.saas_fmenu ul li{ float:left; width:50%; line-height:240%; overflow:hidden;}
.saas_fmenu div.ffunction ul li {width: 33.3%;}
.saas_fmenu div.fnews ul li {width: 100%;}
.ftlogo {width:136px!important; margin:20px 0 0;}
.ftlogo img { max-width:100%; border-radius:6px;}
/*二维码*/
.saas_fqrcode{ float:left; width:116px; overflow:hidden; text-align:center; margin:0 40px 0 0;}
.saas_fqrcode img{ width:100%; display:block; margin-bottom:10px; background:#fff;}
.saas_fqrcode p{ line-height:24px; color:#fff;}
/*联系方式*/
.foot_fcontact{ float:left; width:330px; overflow:hidden;}
.foot_fcontact h4{ font-size:30px; color:#fff; padding-bottom:8px; font-family:Arial; font-style:oblique;}
.foot_fcontact p{  color:#737c8b;}

/*友链*/
.saas_under_bg{ background:#1c2027;}
.saas_under{ width:1200px; overflow:hidden; margin:0 auto;}
.saas_flink{ line-height:28px; overflow:hidden; padding:20px 0; border-bottom:1px solid rgba(255,255,255,0.1); }
.saas_flink span{ color:#999; font-size:14px; margin-right:10px;color:#737c8b;}
.saas_flink a{ margin-right:15px;color:#737c8b;}
/*内容*/
.saas_copy{ overflow:hidden;}
.saas_copy a {color:#737c8b;}
.saas_copy p{ line-height:25px; text-align:center; color:#737c8b; 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:#2486ee;}
.saas_fico li a.btn img{ width:100%; display:block;}
.saas_fico li a.btn:hover{ background:#207BDB;}
.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:620px; 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:100px; 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:46px;left:90px;}
.yxnav h5.hot2 img { top:46px;left:210px;}
.yxnav h5.hot3 img { top:46px;left:330px;}
.yxnav h5.hot4 img { top:46px;left:570px;}
.yxnav h5.hot5 img { top:82px;left:90px;}
.yxnav h5.hot6 img { top:82px;left:330px;}
.yxnav h5.hot7 img { top:82px;left:450px;}


.solnav {position:absolute;width:100%;top:70px; left:64px; }
.solnav .w1200 { position:relative;margin-left:-600px;}
.solnav .wh { width:560px; 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:160px; padding:0 10px; margin:0!important; }
.solnav ul li a { line-height:36px; text-align:left; }

.newsnav {left:-20px; }

.func-box { background:#f6f6f6; padding: 80px 0 40px; }
.funclist { width:1200px; margin:0 auto;  }
.funclist ul li { float:left; width:calc(20% - 32px); margin-right:40px; margin-bottom:40px; background:#fff; height:80px; line-height:80px;  box-shadow: 0 0 20px rgba(0,0,0,.05); border-radius:4px; transition: all .3s ease ;}
.funclist ul li:nth-child(5n) {margin-right:0;}
.funclist ul li:hover {transform: translateY(-10px); transition: all .3s ease ; }
.funclist ul li a { display:inline-block; width:100%;  }
.funclist ul li a img { max-width:50px; margin:15px 0 15px 30px; float:left;}
.funclist ul li a span { font-size:16px;  margin-left:20px; float:left; color:#666; }


/*.func-de .swiper-slide { display:block; }
.functab { background:#fff;}
.gt{ width:1200px; margin:0 auto; background:#f0f0f0; z-index:99; border-bottom: 1px solid #f1f1f1; }
.gt .swiper-slide { text-align: center; }
.gt .swiper-slide span { text-align: center; display: block; line-height: 60px; font-size:16px; cursor:pointer; }
.gt .swiper-slide.swiper-slide-active { border-bottom:2px solid #3954b1;  }
.gt .swiper-slide.swiper-slide-active span { color:#3954b1;}
.gb { width:1200px; margin:0 auto;  }
.functab .itembox { padding:20px 0; }
.functab .desc { box-sizing:border-box; width:100%; padding: 20px 0; text-align:left; font-size:15px; line-height:200%; }
.functab .desc .txt {margin-bottom: 0.36rem; padding-left:0.48rem; position:relative; }
.functab .desc .txt i { width:8px; height:8px; border-radius:8px; background:#3954b1; position:absolute; left:0; top:36%; }
.functab .desc .img img { max-width:100%;}*/

.func-de .hd { width:1200px; margin:0 auto; }
.func-de .hd ul li { float:left; width:20%; text-align:center; cursor:pointer; }
.func-de .hd ul li span { display:inline-block; width:100%; height:60px; line-height:60px; font-size:16px; position:relative; }
.func-de .hd ul li span::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:0;  height: 2px; background: #3954b1; z-index: 2; transition: all 0.3s ease;}
.func-de .hd ul li.on span::after, .func-de .hd ul li:hover span::after { width:100%; }
.func-de .cc { background:#fff; }
.func-de .bd { width:1200px; margin:0 auto; }
.func-de .bd .itembox {  font-size:15px; line-height:180%; }
.func-de .bd .itembox .desc { padding:40px 0; border-bottom:1px solid #ddd; }
.func-de .bd .itembox .desc .txt { background:#f6f6f6; padding:10px; margin-bottom:20px;  }
.func-de .bd .itembox .desc .txt i { font-size:18px; color:#3954b1; font-style:normal; margin-right:10px; }
.func-de .bd .itembox .desc .img { text-align:center; }

.pc-cc { display: block!important; } 
.m-cc { display: none!important; }

/*--------------------------------------------------------------------------导航--------------------------------------------------------------------------*/

.header { width:100%; background:#fff; box-shadow: 0 0 20px rgba(0,0,0,.1); position: relative; z-index: 99; transition: all 0.3s ease; }
.header .hlogo .hlbox { display: table; height: 100px; }
.header .hlogo .hlbox img { max-height: 50px; }
.commenu, .commenu ul, .commenu ul li, .commenu ul li a, .commenu .menu-button { position:relative; box-sizing:border-box; }
.commenu .menu-button { display:none; }
.commenu>ul>li  {  margin:0 30px; float:left; }
.commenu>ul>li> a span { display: inline-block; line-height: 100px; color:#333; position: relative; font-size: 18px; }
.commenu>ul>li> a span::after { content: " ";  position: absolute; left: 0; bottom: 0; width:0;  height: 2px; background: #333;  z-index: 2; transition: all 0.3s ease; }
.commenu>ul>li> a:hover span::after { width: 100%; }
.commenu ul li ul { width:200%;  background:#fff; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.1); position:absolute; left:-50%; top:120%;  visibility: hidden; opacity: 0; transition: all 0.3s ease; }
.commenu ul li:hover>ul {  visibility: visible; opacity: 1; top:100%; }
.commenu ul li ul li { float:left; width: 100%; line-height: 180%; border-bottom:1px solid #eee; }
.commenu ul li ul li:last-child { border: none; }
.commenu ul li ul li a span { margin:0;  font-size: 16px;  }
.commenu ul li ul li:hover ul { top:0;  }
.commenu ul li ul li a { width:100%; text-align: center; padding:10px; display: inline-block; }
.commenu ul li ul li a:hover { background: #333; color:#fff; transition: none; }
.header.active { position:fixed; top:0;  }

@media only screen and (max-width:981px){
	.header { position: fixed;}
	.header .hbox { width: 100%; height: 60px; }
	.header .hlogo, .header .hmenu { float:none;}
	.header .hlogo { position: absolute; left:0.32rem; top:0; z-index: 1;  }
	.header .hlogo .hlbox { height: 60px; }
	.header .hlogo .hlbox img { max-height:40px;}

	.header .hmenu { width: 60px; height: 60px; float: right; position:fixed; top:0; right:0; z-index: 9; }
	.commenu {width:100%; }
	.commenu ul.menubox { position:relative; width:calc(100% - 60px)!important; height: 100vh; overflow-y:scroll; position: fixed; left:-100%; z-index: 999;  /*display:none;*/ visibility: hidden; opacity: 0; transition: all 0.3s ease; }
	.commenu ul.menubox.open { left:0; opacity: 1;  visibility: visible; }
	.commenu ul { width:100%!important;  background: #333;  }
	.commenu ul li:hover ul { position: relative; border-top: 1px solid rgba(255,255,255,0.1); }
	.commenu ul li {  width:100%!important; line-height:normal; border-bottom: 1px solid rgba(255,255,255,0.1); margin:0; padding:0 0.64rem; }
	.commenu>ul>li, .commenu>ul>li:last-child { margin: 0; }
	.commenu>ul>li> a span { margin:0; line-height: 1.4rem; font-size: 0.38rem; color:#fff; }

	.maskbg { width:100%; height:100vh; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:1; display:none; }
	.maskbg.opened { display:block; }

	.commenu ul li.has-sub { padding:0; }
	.commenu ul li.has-sub>a { padding:0 0.64rem; }
	.commenu ul li ul { position: relative; left:0; opacity: 1; visibility: inherit; top:0; background: none; border-radius: 0; box-shadow:none; border-top:1px solid rgba(255,255,255,0.1); background: #3e3e3e;  }
	.commenu ul li ul li {  width:50%!important; padding:0; border-bottom: 1px solid rgba(255,255,255,0.1);}
	.commenu ul li ul li a { color:#fff; }
	.commenu ul li ul li a span { font-size:0.38rem; }
	.commenu ul li ul li a:hover { background: none; }

	.commenu .menu-button { display:block; width:60px; height: 60px; float:right; }
	.hamburger-menu { width:60px;height:60px; display: flex; align-items:center; justify-content: center; }
	.hamburger-menu div {width:24px; height:2px; border-radius:2px; background:#333; position:relative;z-index:1001; transition: all 0.3s ease;}
	.hamburger-menu div:before,.hamburger-menu div:after{content:''; position:absolute; width:inherit; height:inherit; background:#333; border-radius:2px; transition: all 0.3s ease;}
	.hamburger-menu div:before{transform:translateY(-8px); }
	.hamburger-menu div:after{transform:translateY(8px); }
	.menu-opened .hamburger-menu div{ background: transparent;  }
	.menu-opened .hamburger-menu div:before{ transform: translateY(0) rotate(-45deg); background:#fff;}
	.menu-opened .hamburger-menu div:after{ transform: translateY(0) rotate(45deg); background:#fff;}
	.commenu .submenu-button{ position:absolute; z-index:10; right:0; top:0;display:block; border-left: 1px solid rgba(255,255,255,0.1); width:1.4rem; height:1.4rem; line-height: 1.4rem;  }
	.commenu .submenu-button::before{content:'';position:absolute; left:0.5rem; top:0.7rem; display:block; width:0.4rem; height:1px; background:#fff; z-index:99}
	.commenu .submenu-button::after{content:'';position:absolute;  left:0.7rem; top:0.5rem; display:block; width:1px; height:0.4rem; background:#fff; z-index:99}
	.commenu .submenu-button.submenu-opened::after { transform: translateY(0) rotate(90deg); opacity: 0; }

	/*----------------------------------------------------------------------------移动端页脚----------------------------------------------------------------------------*/
	.footer { background:#fff; position: relative; padding:0;  }
	.footer:before { content: ""; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%;  border-top: 1px solid #f1f1f1; }
	.footer .footer-nav-container { padding: 10px 15px 0;  }
	.footer .footer-nav-container h2 { padding-top: 15px; font-size: 0.42rem; color: #333;  text-align: left; font-weight:normal;}
	.footer .footer-nav-container h3 { padding: 15px 0 5px 0; font-size: 0.42rem; color: #333;  text-align: left; font-weight:normal;}
	.footer .footer-nav-container .footer-nav { padding-top:5px; text-align: left; }
	.footer .footer-nav-container .footer-nav li {  float: left; width:25%; }
	.footer .footer-nav-container .footer-nav li a {  color: #999; line-height: 220%;  }
	.footer .footer-nav-container .footer-nav li:last-child { width:30%!important;}
	.footer .section-contact p { color: #999;  text-align: left; line-height:160%; font-family: Arial; margin:5px 0 0;}
	.footer .section-contact a { color:#2486ee;}
	.footer .section-contact .text { float: left; text-align: left; width: 70%; position: relative ;}
	.footer .section-contact .text-tel { display: inline-block;  color: #2486ee; text-align: left; font-family:Arial; font-size:0.42rem; }
	.footer .section-contact .text-available-hours { display: inline; position: absolute; min-width: 142px; color: #999; font-size: 12px; text-align: left; line-height: 22px; padding-left: 6px }
	.footer .section-contact .qrcode { padding-top: 20px; float: left; width: 30% }
	.footer .section-contact .qrcode p { padding-top: 5px;  text-align: center; }
	.footer .section-contact .qrcode-img { width: 78px; height: 78px; margin: auto; display: block;  border:1px solid #f1f1f1;   }
	.footer .copyright-container { width: 100%;  position: relative;  margin:10px 0 52px;}
	.footer .copyright-container:before { content: ""; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: left top; transform-origin: left top; pointer-events: none; border-top: 1px solid #f1f1f1 }
	.footer .copyright-container .copyright-text { padding: 6px 15px 6px 15px;  line-height: 200%; color: #999; font-family:Arial; border-top:1px solid #f1f1f1;  }
	.section-contact { border-top:1px solid #f1f1f1;  margin-top:20px; }
	.footer .copyright-container .copyright-text  a { color:#999;}
	.ftlogo { margin:0; }
	.ftlogo a { display:inline-block; }
	.ftlogo img { height:54px; margin:10px 0 0;}

	.side-pannel { position: fixed; width: 40px; bottom:50px; right: 10px; z-index: 9; }
	.side-bar>a { width: 40px; height: 40px; position: relative; text-align: center; margin-bottom: 10px; display: block; cursor: pointer; float: left; border-radius: 50%; background: rgba(0,0,0,.5);   transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
	.side-bar a i { font-size:0.48rem;  display:inline-block; color:#fff; line-height:40px;}
	.side-bar a span { display: inline-block; width: 80%; text-align: center; font-size: 0.34rem; color: #fff; line-height: 120%; margin-top: 4px; }

	.theme-mask { z-index: 999; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75; display: none; }
	.popover1 { width:260px; height: 320px; z-index: 9999; position: fixed; top: 50%; left: 50%; background: #fff; margin: -160px 0 0 -130px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; text-align: center; }
	.popover1 dl { margin-top: 30px; font-size: 0.38rem; color: #666; line-height: 30px; }
	.popover1 dl dd { display:inline-block;}
	.popover1 dl dd img {width:180px; height:180px; margin:0 auto;}
	.popover1 dl a.close { width: 100px; height: 32px; line-height: 32px; background: #2486ee; color: #fff; display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px; margin-top: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
	.popover1 dl a.close:hover { background: #2486ee; }

	.theme-maskss { z-index: 999; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75; display: none; }
	.popoverss { width:220px;padding:0 0 30px 0; z-index: 9999; position: fixed; top: 50%; left: 50%; background: #fff; margin: -160px 0 0 -110px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; text-align: center; }
	.popoverss dl { margin-top: 30px; font-size: 0.38rem; color: #666; line-height: 30px; }
	.popoverss dl dt.tel {position:relative; text-align: left;padding-left: 36px;}
	.popoverss dl dt a { display:inline-block; color:#333; line-height:240%;  }
	.popoverss dl dt a.active {color:#333; }
	.popoverss dl dt a span {padding-left:12px; }
	.popoverss dl dt a img { display:inline-block; vertical-align:middle; }
	.popoverss dl a.closess { width: 100px; height: 32px; line-height: 32px; background: #2486ee; color: #fff; display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px; margin-top: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
	.popoverss dl a.closess:hover { background: #2486ee; }


	.theme-masktt { z-index: 999; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75; display: none; }
	.popovertt { width:300px;padding:0 0 30px 0; z-index: 9999; position: fixed; top: 50%; left: 50%; background: #fff; margin: -160px 0 0 -150px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; text-align: center; }
	.popovertt dl { margin-top: 30px; font-size: 0.42rem; color: #666; line-height:28px; }
	.popovertt dl dt.title { font-weight:bold; font-size:0.42rem; color:#333;padding-bottom:8px;}
	.popovertt dl dt.tls, .popovertt dl dt.cls{ padding-top:16px;}
	.popovertt dl dt.ts { padding-top:10px; color:#999;}
	.popovertt dl dt a { display:inline-block; color:#666; line-height:200%;  }
	.popovertt dl dt a.active {color:#333; }
	.popovertt dl dt a span {padding-left:6px;}
	.popovertt dl a.closett { width: 100px; height: 32px; line-height: 32px; background: #2486ee; color: #fff; display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px;  transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
	.popovertt dl a.closett:hover { background: #2486ee; }

	.mnavfont {font-size:1.8rem; color:#2486ee;}
	.f-bottom {width:100%; border-top:1px solid #eee; background:#fff; position:fixed; z-index:9; bottom:0;}
	.f-bottom a { width:20%; display:block; float:left;  text-align:center; color:#666;}
	.f-bottom a i { display:inline-block; width:100%;  font-size:0.48rem; padding:0.12rem 0 0; }
	.f-bottom a span { float:left;  display:inline-block; width:100%; line-height:180%; text-align:center; font-size:0.36rem; }
	.f-bottom .regm {display:inline-block; font-size:0.42rem; float:right; width:40%; line-height:52px; background:#2486ee; color:#fff; }

}

/*--------------------------------------------------------------------------移动端样式--------------------------------------------------------------------------*/
@media only screen and (max-width:981px){

	html, body,a, p, li span { font-size:0.38rem; }
	.w1200 { width: calc(100% - 0.72rem); margin: 0 auto; }
    .pc-cc { display: none!important; } 
    .m-cc { display: block!important; }
	.mhdiv { height:60px; }

	.scenemain { margin:0; padding:0.96rem 0; }
	.scenebox { box-sizing:border-box; width: calc(100% - 0.72rem); padding:0; margin:0 auto 0.36rem; padding:0.36rem; }
	.scenebox:last-child { margin:0 auto; }
	.scenebox h1 { font-size:0.48rem; margin:0.24rem 0 0; }
	.scenebox .list { margin-top:0.36rem;}
	.scenebox .list .hd { float:none; width:100%;  }
	.scenebox .list .hd li { float:left; width:33.2%; border:none; font-size:0.38rem; padding:0; text-align:center; line-height:1.2rem;  }
	.scenebox .list .hd li::after { top:auto; right:auto; left:0;  bottom:0; border:none;  width:0; height:2px; background:#2486ee; }
	.scenebox .list .hd li:hover::after, .scenebox .list .hd li.on::after { height:2px; width:100%; }
	.scenebox .list .bd { float:none; width:100%; padding:0; border:none; }

	.tits { padding:0.96rem 0 0.64rem; }
    .tits h1 { font-size:0.56rem; margin:0.24rem 0 0; }
    .tits h2 { font-size:0.48rem; }
	.tits p { font-size:0.38rem; margin:0.36rem 0 0; }
	.rolemain { padding:0 0 0.96rem; }
	.rolemain .swiper-slide .pic, .rolemain .swiper-slide .txt { float:none; width:100%; margin:0; }
	.rolemain .content .swiper-container .swiper-slide { font-size:0.38rem; width:100%; display:block;  }
	.rolemain .swiper-slide .pic img { height:auto; width:72%;  }
	.rolemain .swiper-slide .txt h1 { font-size:0.48rem; margin:0.48rem 0 0.36rem; text-align:center; }
	.rolemain .swiper-slide .txt ul { padding:0.36rem 0 0; }
	.rolemain .swiper-slide .txt ul p {display: flex; flex-wrap: wrap; justify-content: space-between;  }
	.rolemain .swiper-slide .txt ul a { float:none; width:calc(50% - 0.18rem); margin:0 0 0.36rem; line-height:1.1rem; padding:0; text-align:center; }
	.rolemain .content .arrow a { top:20%;}
	.rolemain .swiper-slide .txt .btn { margin:0; }

	.solulist { padding:0.96rem 0 0.64rem;  }
	.solulist ul li {  width:calc(50% - 0.18rem); margin:0 0.36rem 0.36rem 0; }
	.solulist ul li:nth-child(2n) { margin-right:0; }
	.solulist ul li:nth-child(3), .solulist ul li:nth-child(9) { margin-right:0.36rem; }
	.solulist ul li .txt { box-sizing:border-box; width:100%; padding:0.36rem; }
	.solulist ul li .txt h3 { font-size:0.42rem; margin-bottom:0.38rem; }

	.banner { height:auto; }
	.soluban { height:auto; background-size:cover!important; padding:0.64rem 0; }
	.soluban h1 { padding:0.96rem 0 0.36rem; font-size:0.48rem; }
	.soluban .txt a { font-size:0.38rem; top:0; }
	.solude .cc { padding:0.72rem 0!important; }

	.parmain { padding:0.96rem 0 0.64rem; }
	.parmain .tit { margin-bottom:0.48rem; }
    .parmain .tit h1 { font-size:0.56rem; margin:0.24rem 0 0; }
    .parmain .tit h2 { font-size:0.48rem; }
	.parmain .list ul { display: flex; flex-wrap: wrap; justify-content: space-between;  border:none; }
    .parmain .list ul li {  float:none; width:calc(50% - 0.18rem); height:auto; line-height:normal; margin:0 0 0.36rem; border:none; }

	.h130, .m-news .bread { display:none; }
	.main { padding:0.96rem 0; }
	.mnl, .mnr { float:none; width:100%; }
	.mnl { margin-bottom:0.38rem; }
	.mnl .hd ul li { width:calc(33.3% - 1px); text-align:center;  }
	.mnl .hd ul li a { padding:0; }
	.mnl .mn-desc { padding:0 0.36rem 0.36rem; }
	.mnl .mn-desc ul li { padding:0.36rem 0; }
	.mnl .mn-desc p.title a { font-size:0.42rem; }
	.mnl .mn-desc p.desc { padding:.24rem 0 0; line-height:160%; }
	.mnl .mn-desc p.more { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.mnl .mn-desc p.more .read-more { position:static; padding:0 0.48rem; line-height:1rem; margin:0.12rem 0 0; }
	.mnl .mn-desc p.more>span { padding:0!important; width:calc(50% - 0.18rem); }
	.mnl .page { box-sizing:border-box; padding:0.36rem;}
	.paginator { float:none; }

	.right-con { padding:0 0.36rem 0.36rem; }
	.quote-title { font-size:0.48rem; font-weight:bold; color:#333; padding:0.48rem 0 0;}
	.quote-title p { font-size:0.38rem; font-weight:normal; font-family: Arial; }
	.right-con .top-articles .news_ul { margin:0.36rem 0 0; }
	.right-con .top-articles .news_ul li { float:left; width:calc(33.3% - 0.24rem);  margin:0 0.36rem 0.36rem 0; }
	.right-con .top-articles .news_ul li:nth-child(3n) { margin-right:0; }
	.right-con .top-articles .news_ul li p { margin:0; }
	.right-con .top-articles .news_ul li a { width:100%; height:1.1rem; line-height:1.1rem; font-size:0.38rem; }
	.right-con .service { padding-bottom: 0.36rem;}

	.quote-d-list li { padding:0.36rem 0 0; }
	.quote-d-list li .rec-articles-right { width:calc(100% - 120px - 0.36rem); }
	.quote-d-list li .rec-articles-right a { font-size:0.42rem; }
	.quote-d-list li .rec-articles-right p { font-size:0.37rem; line-height:180%; height:auto;}

	.hot-tags { margin:0.64rem 0 0; }
	.hot-tags .margin-top { margin:0.36rem 0 0; }
	.common-tags-con { width:100%; }
	.common-tags-con .common-tag-list { width:100%; }
	.common-tags-con .common-tag-list li { width:calc(50% - 0.18rem);  margin:0 0.36rem 0.36rem 0; }
	.common-tags-con .common-tag-list li a { width:100%; height:1.1rem; line-height:1.1rem; font-size:0.38rem;  }
	.common-tags-con .common-tag-list li:nth-child(2n)  { margin-right:0; }

	.mnl .mn-desc .mn-detail { padding:0.48rem 0 0; }
	.mnl .mn-desc .mn-detail h1 { font-size:0.48rem; line-height:160%; font-weight:bold; }
	.mnl .mn-desc .content { padding:0.36rem 0; }
	.mnl .mn-desc .content span { text-wrap:unset!important; }
	.mnl .mn-desc .mn-detail .ls { padding:0 0 0.36rem; }
	.mnl .mn-desc .mn-detail .next-previous { padding:0.36rem 0 0; }
	.mnl .mn-desc .mn-detail .next-previous p { line-height:180%; margin:0.12rem 0; }

	.mnl .recommend { padding:0 0.36rem 0.36rem; }
	.mnl .recommend .title span { font-size:0.48rem; font-weight:bold; }
	.mnl .recommend .rec-ul li { margin:0.36rem 0 0; }
	.mnl .recommend .rec-ul li .rec-articles-right a { font-size:0.42rem; }
	.mnl .recommend .rec-ul li .rec-articles-right p { font-size:0.38rem; }

	.content-sec ul .num { font-size:0.36rem; width:24px; height:24px; line-height:24px; margin: 0 10px 0 0;}
	.content-sec ul li a { line-height:160%;}
	.content-sec ul li dl { width: calc(100% - 36px);}

	/*.funcmain { padding:0.96rem 0.36rem 0.64rem; }
	.rowlist ul li { float:left; width: calc(50% - 0.18rem); margin-right:0.36rem; margin-bottom:0.36rem; background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.05);  border-radius: 4px; 
					   height: 68px; line-height: 68px; }
    .rowlist ul li:nth-child(2n){ margin-right:0; }
    .rowlist ul li:nth-child(5),.rowlist ul li:nth-child(15)  { margin-right:0.36rem; }
    .rowlist ul li a img { width:1.1rem;  margin: 0.36rem 0 0.36rem 0.36rem;}
    .rowlist ul li a span { margin-left:0.36rem; font-size: 0.38rem;  }*/

	/*.gt{ width:100%; background:#f6f6f6; z-index:99; border-bottom: 1px solid #f1f1f1; }
	.gt .swiper-slide span {  line-height: 1.2rem; font-size:0.38rem; }
	.gb { box-sizing:border-box; width:100%; }
	.functab .itembox { padding:0 0.36rem; }
	.functab .desc { font-size:0.38rem; padding:0.36rem 0; }
	.functab .desc .txt {margin-bottom: 0.36rem; padding-left:0.48rem; }
	.functab .desc .txt i { top:16%; }*/

	.func-box {  padding: 0.72rem 0 0.36rem; }
	.funclist { width:calc(100% - 0.72rem); margin:0 auto;  }
	.funclist ul li { width:calc(50% - 0.18rem); margin-right:0.36rem; margin-bottom:0.36rem;  height: 68px; line-height: 68px; transition: all .3s ease ;}
	.funclist ul li:nth-child(2n) {margin-right:0;}
	.funclist ul li:nth-child(5), .funclist ul li:nth-child(15) { margin-right:0.36rem; }
	.funclist ul li a img {width: 1.1rem; margin: 0.36rem 0 0.36rem 0.36rem;}
	.funclist ul li a span { margin-left: 0.36rem; font-size: 0.38rem; }

	.func-de .hd { width:100%; }
	.func-de .hd ul li { width:33.2%;  }
	.func-de .hd ul li span { height:1.1rem; line-height:1.1rem; font-size:0.38rem; }
	.func-de .bd { width:calc(100% - 0.72rem); }
	.func-de .bd .itembox {  font-size:0.38rem; }
	.func-de .bd .itembox .desc { padding:0.36rem 0;}
	.func-de .bd .itembox .desc .txt { padding:0.36rem; margin-bottom:0.36rem;  }
	.func-de .bd .itembox .desc .txt i { font-size:0.42rem; margin-right:0.24rem; }

	.saas_flink { padding:0.24rem 0 0; }
	.saas_flink span { font-size:0.38rem;}

}