@charset "utf-8";
/* base 公共部分 */
body {font: 14px/22px 思源黑体 !important;color: #555;margin: 0px;text-align: left; background:#f1f1f1;}
* {padding: 0;margin: 0;font-family:"思源黑体" !important;}
a {color: #555;text-decoration: none;}
a:hover {color: #e52931;text-decoration: none !important;}
ul, li {list-style: none;}
img {border: none;}
.clearboth {clear: both;}
.page {text-align: center; margin-bottom:20px;width: 100%;float: left;}
.page a {background: #b3b3b3;color: #fff;margin: 0 2px;padding: 2px 8px;}
.page a.dq, .page a:hover {background: #555;}

input[type=radio],input[type=checkbox]{  display: inline-block;  vertical-align: middle;  width: 20px;  height: 20px;  margin-left: 5px;  -webkit-appearance: none;  background-color: transparent;  border: 0;  outline: 0 !important;  line-height: 20px;  color: #d8d8d8;  }  
input[type=radio]:after{content: "";  display:block;  width: 20px;  height: 20px;  border-radius: 50%;  text-align: center;  line-height: 14px;  font-size: 16px;  color: #fff;  border: 2px solid #ddd;  background-color: #fff;  box-sizing:border-box;}  
input[type=checkbox]:after{  content: "";  display:block;  width: 20px;  height: 20px;  text-align: center;line-height: 14px;font-size: 16px;color: #fff;border: 2px solid #ddd;background-color: #fff;box-sizing:border-box;}  
input[type=checkbox]:checked:after{border: 4px solid #ddd;background-color: #37AF6E;}  
input[type=radio]:checked:after{content: "L";  transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);  -webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);  border-color: #37AF6E;  background-color: #37AF6E;}


.menu{ height:60px;background:#FFF !important;border:none!important; position:fixed;  top:0px; left:0; z-index:998; width:100%; line-height:60px;}
.menu ul{ margin-left:0; float:left; width:100%;}
.menu li{list-style:none; /*float:left; display:inline-block;*/ font-size:16px;}
.menu li a{ color:#666; text-decoration:none; text-align:center; display:block; padding:0px 15px}
.menu li a:hover{color:#f00;border-bottom: 2px solid #f00 !important;}
.menu li.active{ color:#f00; border-bottom:2px solid #f00;}
.menu .navbar{ height:50px !important; line-height:50px; color:#fff; margin:5px 0 !important;}
.menu .navbar a{ color:#666 !important;}
.menu .navbar a:hover{background-color:none !important;}
.navbar-brand{ width:80%;}
.navbar-default .navbar-toggle .icon-bar {/*background-color: #ddd !important;color:#fff !important;*/}
.navbar-default .navbar-toggle:hover {background-color: #ddd; color:#fff;}
.menu.white .navbar-default .navbar-toggle .icon-bar {background-color: #666 !important; color:#fff !important;}
.navbar-collapse.in {background: #fff;width: 100%;height: 600px;}
.navbar-collapse.in a{display: block;font-size:16px;line-height: 44px;padding: 0 1px 22px; width:100%; text-align:left; border-bottom:1px solid #ccc;}
.nav > li > a{ padding:0 5px !important;}

.login{width:100%; background:#fff; margin:40px auto; margin-top:120px;}
.login .nr{width:90%; padding:50px 0; margin:0 auto;}
.login .nr .l{ padding:0 15px;}
.login .nr .title{height:40px;color:#34495e;line-height:40px;font-size:20px; margin-bottom:20px;}
.login .nr .title span{font-size:14px;padding-top:12px;}
.login .nr .title span a{color:#3498db;}
.login .jihuo{ text-align:center; padding:80px 0;}
.login .jihuo img{ margin:0 auto;}
.login .jihuo p{font-size: 30px;color: #222; margin:0 auto;}
.login .jihuo a{ color:#e52931; font-size:16px;text-decoration: underline;}
.login .form-group{border-bottom: #e9ecee 1px solid;margin-top: 30px;}
.login .form-group input{/*background: url(../images/b_1.png) no-repeat left center;*/padding-left: 30px;border: none !important;box-shadow:none;-webkit-box-shadow:none;}
.login .form-group input::placeholder{color: #b8c4ce; font-size:16px;}
.login .btn-default{display: inline-block;position: relative;vertical-align: middle;cursor: pointer;white-space: nowrap;background: #e71f27;height: 40px;line-height: 40px;font-size: 16px;color: #fff;border: none;letter-spacing: 1px;overflow: hidden;text-align: center;border-radius: 2px; width:100%; margin-top:30px; padding:0;}
.login-msg {height: 28px;line-height: 28px;margin-top: 15px;display: block;font-size: 14px;color: #555; text-align:right;}
.login .zhuce{background: #ff424f;color: #fff;padding: 11px 49px;border-radius: 3px;}

.liuyan{width:100%; /*background:#fff;*/ margin:30px auto; margin-top:90px;}
.liuyan .nr{width:90%; padding:0 0; margin:0 auto;}
.liuyan .tit{ font-size:16px; color:#222; margin-bottom:0; padding:15px; padding-top:0; line-height:27px; text-align:left;}
.liuyan .tit h2{ font-size:24px; margin-top:0; margin-bottom:15px;}
.liuyan .tit p{ color:#666; margin-bottom:0;}
.liuyan .form-group input{box-shadow:none;-webkit-box-shadow:none;border: none !important;}
.liuyan .form-group textarea{box-shadow:none;-webkit-box-shadow:none;border: none !important;}
.mine_log{ width:92%; margin:0 auto;height:45px; line-height:45px; font-size:18px; background:#f79d29; color:#fff; text-align:center; display:block; cursor:pointer; text-transform:capitalize;border:none; border-radius:4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); margin-top:20px;-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.mine_log:hover{ color:#fff; text-decoration:none;}
.btn-bubble {color: white;background-color: #f79d29;background-repeat: no-repeat;}
.btn-bubble:hover, .btn-bubble:focus {-webkit-animation: bubbles 1s forwards ease-out;animation: bubbles 1s forwards ease-out;background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em;background-color: #f79d29; background-repeat: no-repeat;}

@-webkit-keyframes bubbles {
  100% {background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;box-shadow: inset 0 -6.5em 0 #f79d29;}
}

@keyframes bubbles {
  100% {background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;box-shadow: inset 0 -6.5em 0 #f79d29;}
}
.control-label1{ width: 16.66666667% !important;}
.control-right1{ width: 83.33333333% !important;}


.xieyi{margin:40px auto; margin-top:120px;}
.xieyi h3{text-align: center;color: #444;line-height: 64px;font-size: 28px;}

.fasong{ width:90%;background:#fff; margin:40px auto; margin-top:120px; padding:40px;}
.fasong h3{ font-weight:bold; margin-bottom:40px;}
.fasong p{ font-size:12px; line-height:22px;}
#about_hide{display:none}
.layer_text{background-color:#fff; padding:20px;}
.layer_text p{margin-bottom: 10px; text-indent: 2em; line-height: 23px;}
.button{display:inline-block; *display:inline; *zoom:1; line-height:30px; padding:0 20px; background-color:#56B4DC; color:#fff; font-size:14px; border-radius:3px; cursor:pointer; font-weight:normal;}
.tubiao{/*height: 32px;*/line-height:24px;background: url(../images/dh.png) no-repeat;background-position-x: 0%;background-position-y: 0%; padding-left:40px; margin:10px 20px;}
.queren{ width:79px; height:32px; line-height:32px; background:#f06066; color:#fff; display:block; margin:0 auto; text-align:center;}
.layui-layer{top:30% !important;}

.i-footer { padding-top:100px; width:100%; height:100%; background:url(../images/i-contactbg.jpg) center top no-repeat; background-size:cover; /*display: table; */ }
.i-footer .tits { text-align:center;}
.i-footer .ft1{background: #333;padding: 40px 0; width:100%;}
.i-footer .ft1 .left{border-right: 1px solid #424242;}
.i-footer .ft1 .right{color: #ccc; display:none;}
.i-footer .ft1 .right h4{ font-size:30px; color:#ccc; padding-bottom:8px; font-style:oblique; text-align:left;}
.i-footer .ft1 .right p{ line-height:26px; color:#999;text-align:left;}
.i-footer .ft1 .right p a{color:#999;}
/*友链*/
.saas_under_bg{ background:#262626;}
.saas_under{ /*width:1200px;*/ overflow:hidden; margin:0 auto; padding:50px 0;}
.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{ width:100%;border-radius:3px;}


 @media(min-width:768px) {
	.menu{ height:80px;line-height:80px;}
	.menu .navbar{ height:50px !important; line-height:50px; margin:15px 0 !important;}
	.menu ul{ margin-left:30px; float:right;width: auto;}
	.menu li{list-style:none; /*float:left; display:inline-block;*/ font-size:13px;}
	.menu li a{ color:#fff; text-decoration:none; text-align:center; display:block; padding:0px 0;}
	.nav > li > a{ padding:0 3px !important; margin-top:20px;}
	.menu li.active{ color:#f00; border-bottom:2px solid #fff;}
	.navbar-brand{ width:100%;}
	/*.i-pro .list .li{ margin-bottom:40px;}
	.i-pro .list .li a img {margin:15px 0 15px 30px;}
	.i-pro .list .li a span {margin-left:20px;}*/
	.navbar-collapse.in {background:none;}
	.login .nr{width:90%; padding:50px 0; margin:0 auto;}
	.login .nr .l{ padding:0 30px;}
	.fasong{ width:50%;}
	.liuyan{margin-top:120px;}
	.liuyan .nr{width:90%; padding:50px 0; margin:0 auto;}
	.liuyan .tit{ font-size:18px; margin-bottom:20px; text-align:center;}
	.liuyan .tit h2{ font-size:30px;}
	.mine_log{ margin-top:40px; width:200px;}
	.control-label1{ width:53px !important;}
	.control-right1{ width:91.8% !important;}
}

 @media(min-width:992px) {
.navbar-brand{ width:100%;}
.i-pro .list .li{ margin-bottom:40px;}
.i-smart{ padding-top:25%;}
.login .nr{width:90%; padding:50px 0; margin:0 auto;}
.login .nr .l{ padding:0 30px;}
.liuyan .nr{width:90%; padding:50px 0;}
.control-label1{ width:36px !important;}
.control-right1{ width:100% !important;}
.mine_log{ margin-top:40px; width:200px;}
}

 @media(min-width:1200px) {
.i-smart{ padding-top:25%;}
.nav > li > a{ padding:0 20px !important;}
.menu ul{ margin-left:30px; float:right;width: auto;}
.menu li{list-style:none; /*float:left; display:inline-block;*/ font-size:16px;}
.menu li a{ color:#fff; text-decoration:none; text-align:center; display:block; padding:0px 15px}
.menu li.active{ color:#f00; border-bottom:2px solid #fff;}
.login .nr{width:50%; padding:50px 0; margin:0 auto;}
.login .nr .l{ padding:0 40px;}
.liuyan .nr{width:70%; padding:50px 0;}
.control-label1{ width:43px !important;}
.control-right1{ width:95.8% !important;}
.mine_log{ margin-top:40px; width:200px;}
}
 @media(min-width:1600px) {
.i-smart{ padding-top:25%;}
.nav > li > a{ padding:0 20px !important;}
.menu ul{ margin-left:30px; float:right;width: auto;}
.menu li{list-style:none; /*float:left; display:inline-block;*/ font-size:16px;}
.menu li a{ color:#fff; text-decoration:none; text-align:center; display:block; padding:0px 15px}
.menu li.active{ color:#f00; border-bottom:2px solid #fff;}
.login .nr{width:50%; padding:50px 0; margin:0 auto;}
.login .nr .l{ padding:0 40px;}
.liuyan .nr{width:60%; padding:50px 0;}
.control-label1{ width:53px !important;}
.control-right1{ width:95.8% !important;}
}