/************** deafault css******************/

.floatleft {
    float: left
}

.floatright {
    float: right
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0px solid
}

a:hover {
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto;
}

.fix {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
    font-family: 'Cabin', sans-serif;
}

html,
body {
    -webkit-tap-highlight-color: transparent;
}

.section_padding {
    padding: 50px 0px
}

p {
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color:#606266;
}

/************** main css ******************/
/************** header css ******************/

#header_area {
    background-size: cover;
    background-position: center center
}
.navbar-brand{
    margin: 0px 10px;
    padding:6px;
    height: 70px;
    padding-left: 100px;
}
.navbar-toggle {
    border-color: #f2f2f2;
}

.navbar-toggle .icon-bar {
    background-color: #f2f2f2;
}

.nav > li > a:hover {
    padding: 10 30 10 30;
    background-color: rgba(0,0,0,.2);
    color: #fff;
}

.nav > li:hover .dropdown-menu {
	display: block;
}

.nav > li > a {
    padding: 10 30 10 30;
    color: #f5f5f5;
    line-height: 40px;
}

.nav > li > a.title {
    background-color: #f2f2f2;
    color: #028fcc;
    padding: 0px 10 20;
}

.nav > li > a.active {
    background-color: rgba(0,0,0,.2);
    color: #fff;
}

.nav > li > ul > li > a.active {
    background-color: #005f88;
    color: #fff;
}
.dropdown-menu {
   padding: 0;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 0px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu > li {
    margin: 0;
    padding: 10;
}
.dropdown-menu > li > a {
    background: #028fcc;
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover {
    background: #007fb6;
    color: #fff;
}

.nav-title {
    padding-left: 15%;
}

.navbar {
    margin-bottom: 0px;
    background: #028fcc;
    border: 0px;
}
.nav .nav-divider{
  height:1px;margin: 0px 0;overflow:hidden;background-color: rgba(0, 0, 0, 0.05);
}
.container
{
    padding-right:10px;
    padding-left:10px;
}

/************** footer area css ******************/

#footer_area {
    background: #028fcc;
    padding: 30px 20px;
    color: #fff;
}

#footer_area p{
    color: #fff;
}

.tsgswj img{
    width: 36px;
}

.company_logo {
    margin-top: 10px
}

.license_logo_image {
    height: 50px;
    margin-bottom: 10px;
}

.company_logo_image {
    height: 80px;
    margin-bottom:10px;
}

.company_address {
    padding: 10px 0px;
}

.company_address h3 {
    font-size: 14px;
}

.company_address p {
    font-size: 14px;
    font-weight: 300
}

#preloader {
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

#preloader i {
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}

/************** 通用右侧浮动条 ******************/
dl, dd, dt {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.floating_ck {
    position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 999;
}

.floating_ck dl dd {
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #028fcc;
    border-bottom: solid 1px #028fcc;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 20%;
    cursor: pointer;
}

.floating_ck dl dd:hover,
.floating_ck dl dd:active,
.floating_ck dl dd:focus {
    background-color: #005f88;
    border-bottom: solid 1px #005f88;
}

.floating_ck dl dd:hover .floating_left {
    display: block;
}

.consult,
.words {
    background-image: url(../images/ck/qq.png);
}

.quote {
    background-image: url(../images/ck/kficon.png);
}

.qrcord {
    background-image: url(../images/ck/erweima.png);
}

.return {
    background-image: url(../images/ck/fanhui.png);
}

.floating_ck dd span {
    color: #fff;
    display: block;
    padding-top: 54px;
}

.floating_left {
    position: absolute;
    left: -160px;
    top: 0px;
    width: 160px;
    height: 80px;
    background-color: #005f88;
    border-bottom: solid 1px #005f88;
    display: none;
}

.floating_left a {
    color: #fff;
    line-height: 80px;
}

.floating_ewm {
    height: 220px;
    top: -140px;
}

.floating_ewm i {
    background-image: url(../images/ck/qrcode.jpg);
    display: block;
    width: 145px;
    height: 145px;
    margin: auto;
    margin-top: 7px;
}

.floating_ewm p {
    color: #fff;
    margin-top: 5px;
}

.floating_ewm .qrcord_p01 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
}

/********************** 通用卡式样式：开始 *******************/

.card-container {
  padding:10px;text-align:center;float: left;
}
.card {
  text-align:center;-moz-box-shadow: 3px 3px 5px #E4E7ED;box-shadow: 3px 3px 5px #E4E7ED;border:1px solid #E4E7ED;border-radius:5px;margin:10px 10px 20px 10px;padding:15px;
}
.card:hover {
  -moz-box-shadow: 3px 3px 5px #DCDFE6;box-shadow: 3px 3px 5px #DCDFE6;border:2px solid #70b6ff;cursor: pointer;
}
.img-scale:hover{
    -webkit-transform:scale(1.05);transform:scale(1.05);
}
.card-nolink {
  text-align:center;-moz-box-shadow: 3px 3px 5px #E4E7ED;box-shadow: 3px 3px 5px #E4E7ED;border:1px solid #E4E7ED;border-radius:5px;margin:10px 10px 20px 10px;padding:15px;
}
.card-normal {
  text-align:center;-moz-box-shadow: 3px 3px 5px #E4E7ED;box-shadow: 3px 3px 5px #E4E7ED;border:1px solid #E4E7ED;margin:10px 10px 20px 10px;padding:0px;border-radius:10px;
}
.card-nolink:hover {
  -moz-box-shadow: 3px 3px 5px #DCDFE6;box-shadow: 3px 3px 5px #DCDFE6;border:1px solid #70b6ff;
}
.card img,
.card-nolink img,
.card-normal img{
  width:100%;padding:5px;
}
.card-line{
  height:1px;margin: 0px 30% 15px 30%;background-color:#999999;border-radius:1px;max-height:1px;
}
.img-w120 img{
  width:120px;height:120px;padding:0px;
}
.img-w80 img{
  width:80px;height:80px;padding:0px;
}
.card h3,
.card-nolink h3,
.card-normal h3{
  font-size:16px;font-weight:700;color:#303133;padding:10px;overflow:hidden;white-space:nowrap;
}
.card p,
.card-nolink p,
.card-normal p{
    /* overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap */
  font-size:14px;font-weight:500;color:#606266;padding:0px 10px 0px 10px;line-height:18px;height:54px;overflow:hidden;text-overflow:ellipsis;
}
a {
  text-decoration:none;
}
/********************** 通用卡式样式：结束 *******************/
/********************** 产品介绍：微分销 *******************/
.wfx-fl1 img{
   max-width:265px;width:100%;padding:0px;
}
.wfx-fl2 {
  padding:15px 30px;
}
.wfx-fl2 img{
  width:88px;height:66px;padding:0px;
}
.wfx-fl3 img{
  max-width:279px;width:100%;padding:0px;
}
.wfx-fl5 img{
  width:80px;height:80px;padding:0px;
}
/********************** 产品介绍：微商城 *******************/  
.wsc-fl1 img{
  width:80px;height:80px;padding:0px;
} 
.wsc-fl2 img{
   max-width:272px;width:100%;-moz-box-shadow: 3px 3px 5px #E4E7ED;box-shadow: 3px 3px 5px #E4E7ED;border:1px solid #E4E7ED;margin:10px;
}
.wsc-fl3 img{
  max-width:279px;width:100%;padding:0px;
}
.wsc-fl5 img{
  width:80px;height:80px;padding:0px;
}
/********************** 软件开发：APP *******************/   
.app-fl1 img{
    max-width:560px;width:100%;padding:0px;
}
.app-fl1-text {
    margin-top: 100px;
}
.app-fl1-text p{
    font-size:15px;color:#606266;padding:0px 30px;line-height:28px;text-align:left;
}
.app-fl2 img{
   max-width:382px;width:100%;margin-bottom:20px;padding:5px;
}
.app-fl3 img{
  max-width:72px;width:100%;margin:20px;padding:0px;
}
.app-fl5 img{
  max-width:288px;width:100%;padding:5px;
}
/********************** 软件开发：微信公众号（全部通用样式） *******************/   

/********************** 软件开发：微信小程序 *******************/   
.wxapp-fl1 img{
    max-width:660px;width:100%;padding:5px;
}
.wxapp-fl1-text {
    margin-top: 100px;
}
.wxapp-fl1-text p{
    font-size:15px;color:#606266;padding:0px 80px 0 80px;line-height:28px;text-align:left;
}
.wxapp-fl2 {
  padding:15px 30px;
}
.wxapp-fl2 img{
  width:79px;height:79px;padding:0px;
}
.wxapp-fl3 {
  padding:15px 30px;
}
.wxapp-fl3 img{
  width:100px;padding:0px;
}