@charset "UTF-8";

/* reset
-----------------------------------------------*/
html{ color:#000; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ margin:0; padding:0;}
body,button,input,select,textarea{ font:12px/1.5 arial,"Hiragino Sans GB", "Microsoft YaHei";}
input,select,textarea{ font-size:100%;}
table{ border-collapse:collapse; border-spacing:0;}
th{ text-align:inherit;}
fieldset,img{ border:0;}
iframe{ display:block;}
abbr,acronym{ border:0; font-variant:normal;}
del{ text-decoration:line-through;}
address,caption,cite,code,dfn,em,i,th,var{ font-style:normal; font-weight:500;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:500;}
q:before,q:after{ content:'';}
a{ color:#333 !important;}
a:hover{ color:#03a0e7 !important; text-decoration:none !important;}
ins,a{ text-decoration:none;}

/* common
-----------------------------------------------*/
.fn-clear:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.fn-clear{ zoom:1;}
.fn-left { float: left;}
.fn-right { float: right;}
.fn-fwb { font-weight: bold;     line-height: 2;
    font-size: 18px;
    color: #000;
    line-height: 50px; text-align: center}
.fn-relative{ position: relative;}
.text-center { text-align: center;}
.f18 { font-size: 18px;}
.color-gray { color: #666;}

.wrapper { width: 1133px; margin: 0 auto;}

.blue {
    color: #03a0e7;
}

.mt50 {
    margin-top: 50px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb80 {
    margin-bottom: 80px;
}

.icon {
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
}

/* banner
-----------------------------------------------*/
.common-banner {
	width: 100%;
    height: 442px;
    background-repeat: no-repeat;
    background-position: center;
}
.common-banner.banner-1 {
    background-image: url(../images/banner-1.jpg);
}
.common-banner.banner-2 {
    background-image: url(../images/banner-2.jpg);
}
.common-banner.banner-3 {
    background-image: url(../images/banner-3.jpg);
}
.common-banner.banner-4 {
    background-image: url(../images/banner-4.jpg);
}
.common-banner.banner-5 {
    background-image: url(../images/enterprise.jpg);
}

/* 通用分页
-----------------------------------------------*/
.paging{ padding:30px 0; height:30px; border-top:1px #ddd solid;}
.paging ul{ float:right;}
.paging ul li{ float:left; height:30px; line-height:30px; margin-right:10px; color:#666; font-size:14px;}
.paging ul li a{ display:block; float:left; height:30px; line-height:30px; padding:0 10px; background:#fff; color:#666; border: 1px solid #ddd; border-radius: 3px;}
.paging ul li a:hover{ background:#eee; text-decoration:none; border-color: #ccc;}
.paging ul li.current{ padding:0 10px; background:#03a0e7; color:#fff; border-radius: 3px;}

/* 动画
-----------------------------------------------*/
.header .nav-a:hover {
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -ms-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}

/* 字体颜色
-----------------------------------------------*/
.red {
    color: #dc1e06;
}

/* header
-----------------------------------------------*/
.header {
    height: 100px;
}
.header .logo {
    float: left;
    width: 180px;
    height: 80px;
    margin-top: 20px;
}
.header .user {
    float: left;
    margin: 40px 0 0 10px;
}
.header .user li {
    line-height: 22px;
    font-size: 14px;
}
.header .user a {
    border-bottom: 1px solid transparent;
}
.header .user .login,
.header .user .register {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.header .login {
    background-position: 0 0;
}
.header .register {
    background-position: 0 -25px;
}
.header .user a {
    display: block;
}
.header .user a:hover {
    border-bottom: 1px solid #03a0e7;
}
.header .user a:hover .login {
    background-position: -25px 0;
}
.header .user a:hover .register {
    background-position: -25px -25px;
}
.header .nav {
    float: right;
    margin-top: 35px;
}
.header .nav-li {
    position: relative;
    z-index: 1000;
    float: left;
    width: 110px;
    text-align: center;
}
.header .nav-a {
    font-size: 18px;
}
.header .subnav-wrapper {
    display: none;
    position: absolute;
    top: 27px;
    left: 50%;
    margin-left: -47px;
    width: 90px;
}
.header .subnav {
    margin-top: 9px;
    background: #fff;
    border: 2px solid #03a0e7;
}
/*.header .nav-li.active .nav-a,
.header .nav-li:hover .nav-a {
    color: #03a0e7;
}
.header .nav-li.active .nav-a:after,
.header .nav-li:hover .nav-a:after {
    content: ' ]';
}
.header .nav-li.active .nav-a:before,
.header .nav-li:hover .nav-a:before {
    content: '[ ';
}
.header .nav-li:hover .subnav-wrapper {
    display: block;
}*/
.header .subnav-ul {
    padding: 5px 0;
}
.header .subnav-li {
    text-align: center;
    line-height: 28px;
}
.header .subnav-a {
    display: block;
    color: #666;
    font-size: 14px;
}
.header .subnav-a:hover {
    color: #03a0e7;
}
.header .subnav .arrow {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 19px;
    height: 9px;
    background-position: -50px 0;
}

/* slider
-----------------------------------------------*/
.slider {
    position: relative;
    height: 500px;
    overflow: hidden;
}
.slider .triggers {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 100;
    text-align: center;
}
.slider .triggers li {
    display: inline-block;
    font-size: 46px;
    cursor: pointer;
    padding: 0 3px;
    color: #333;
}
.slider .triggers li.current {
    color: #fff;
}
.slider .item {
    position: absolute;
    width: 100%;
    height: 500px;
}
.slider .item-1 {
    background: url(../images/slider-1.jpg) center no-repeat;
}
.slider .item-2 {
    background: url(../images/slider-2.jpg) center no-repeat;
}
.slider .item-3 {
    background: url(../images/slider-3.jpg) center no-repeat;
}

/* titlebar
-----------------------------------------------*/
.titlebar {
    padding: 50px 0 30px 0;
}
.titlebar h2 {
    text-align: center;
    font-size: 30px;
}
.titlebar .line {
    position: relative;
    margin: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}
.titlebar .line i {
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -9px;
    display: block;
    width: 18px;
    height: 19px;
    background-position: -50px -23px;
}
.titlebar .line.min {
    width: 380px;
    margin: 20px auto;
}
.titlebar .subhead {
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #666;
}

/* 智能商圈
-----------------------------------------------*/
.block-business {
    height: 390px;
    background: url(../images/bg-business.png) center no-repeat;
}
.business-left {
    width: 270px;
    float: left;
    text-align: right;
}
.business-right {
    width: 270px;
    float: right;
    text-align: left;
}
.business-icon i {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
}
.business-item {
    margin-top: 30px;
}
.block-business .icon-room {
    background-image: url(../images/icon-room.png);
}
.block-business .icon-code {
    background-image: url(../images/icon-code.png);
}
.block-business .icon-wifi {
    background-image: url(../images/icon-wifi.png);
}
.block-business .icon-user {
    background-image: url(../images/icon-user.png);
}
.business-title {
    margin-bottom: 10px;
    font-size: 18px;
}
.business-description {
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
}

/* 智能客户端
-----------------------------------------------*/
.block-mobile {

}
.block-mobile .mobile-tabs {
    position: relative;
}
.block-mobile .mobile-tabs .item {
    position: absolute;
    width: 360px;
    cursor: default;
}
.block-mobile .mobile-tabs .item-1 {
    left: 0;
    top: 80px;
}
.block-mobile .mobile-tabs .item-2 {
    right: 0;
    top: 80px;
}
.block-mobile .mobile-tabs .item-3 {
    left: 0;
    top: 300px;
}
.block-mobile .mobile-tabs .item-4 {
    right: 0;
    top: 300px;
}
.block-mobile .mobile-tabs .item-1 .mobile-info,
.block-mobile .mobile-tabs .item-3 .mobile-info {
    margin-right: 90px;
    text-align: right;
}
.block-mobile .mobile-tabs .item-2 .mobile-info,
.block-mobile .mobile-tabs .item-4 .mobile-info {
    margin-left: 90px;
    text-align: left;
}
.block-mobile .mobile-tabs .mobile-icon {
    width: 70px;
    height: 70px;
    font-size: 20px;
    text-align: center;
    line-height: 70px;
    color: #fff;
    background-image: url(../images/icon-circle.png);
    background-repeat: no-repeat;
}
.block-mobile .mobile-tabs .icon-1 {
    background-position: 0 0;
}
.block-mobile .mobile-tabs .icon-2 {
    background-position: 0 -80px;
}
.block-mobile .mobile-tabs .icon-3 {
    background-position: 0 -160px;
}
.block-mobile .mobile-tabs .icon-4 {
    background-position: 0 -240px;
}

.block-mobile .mobile-tabs .mobile-info {

}
.block-mobile .mobile-tabs .mobile-title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #999;
}
.block-mobile .mobile-tabs .mobile-intro {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}
.block-mobile .mobile-tabs .active .mobile-title {
    color: #333;
}
.block-mobile .mobile-tabs .active .mobile-intro {
    color: #666;
}

.block-mobile .mobile-content {
    position: relative;
    margin: 0 auto;
    width: 300px;
    height: 500px;
    background: url(../images/bg-mobile.png) no-repeat;
}
.block-mobile .mobile-content .item {
    position: absolute;
    left: 56px;
    top: 83px;
    width: 186px;
    height: 328px;
}
.block-mobile .mobile-content .item-home {
    background: url(../images/bg-mobile-home.png) no-repeat;
}
.block-mobile .mobile-content .item-1 {
    background: url(../images/bg-mobile-1.png) no-repeat;
}
.block-mobile .mobile-content .item-2 {
    background: url(../images/bg-mobile-2.png) no-repeat;
}
.block-mobile .mobile-content .item-3 {
    background: url(../images/bg-mobile-3.png) no-repeat;
}
.block-mobile .mobile-content .item-4 {
    background: url(../images/bg-mobile-4.png) no-repeat;
}

/* 智能搜索
-----------------------------------------------*/
.block-search {
    overflow: hidden;
    margin-top: 30px;
    height: 350px;
    background: url(../images/bg-search.jpg) no-repeat;
}
.block-search ul {
    margin-top: 70px;
}
.block-search li {
    float: left;
    width: 380px;
}
.block-search .search-icon {
    width: 116px;
    height: 116px;
    margin: 0 auto;
    background-image: url(../images/icon-search.png);
    background-repeat: no-repeat;
}
.block-search .icon-1 {
    background-position: 0 -126px;
}
.block-search .icon-2 {
    background-position: -126px -126px;
}
.block-search .icon-3 {
    background-position: -252px -126px;
}
.block-search li:hover .icon-1 {
    background-position: 0 0;
}
.block-search li:hover .icon-2 {
    background-position: -126px 0;
}
.block-search li:hover .icon-3 {
    background-position: -252px 0;
}
.block-search .search-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 10px 0 15px 0;
}
.block-search .search-description {
    text-align: center;
    font-size: 14px;
    color: #bcbec1;
    line-height: 24px;
}

/* 企业管理平台
-----------------------------------------------*/
.block-enterprise {
    margin-top: 20px;
}
.enterprise-tabs {
    margin-bottom: 40px;
}
.enterprise-tabs li {
    position: relative;
    float: left;
    width: 228px;
    cursor: default;;
}
.enterprise-tabs li i {
    display: block;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    background-image: url(../images/icon-enterprise.png);
    background-position: no-repeat;
}
.enterprise-tabs li i.enterprise-icon-1 {
    background-position: 0 0;
}
.enterprise-tabs li i.enterprise-icon-2 {
    background-position: 0 -90px;
}
.enterprise-tabs li i.enterprise-icon-3 {
    background-position: 0 -180px;
}
.enterprise-tabs li i.enterprise-icon-4 {
    background-position: 0 -270px;
}
.enterprise-tabs li i.enterprise-icon-5 {
    background-position: 0 -350px;
}
.enterprise-tabs li.active i.enterprise-icon-1 {
    background-position: -90px 0;
}
.enterprise-tabs li.active i.enterprise-icon-2 {
    background-position: -90px -90px;
}
.enterprise-tabs li.active i.enterprise-icon-3 {
    background-position: -90px -180px;
}
.enterprise-tabs li.active i.enterprise-icon-4 {
    background-position: -90px -270px;
}
.enterprise-tabs li.active i.enterprise-icon-5 {
    background-position: -90px -350px;
}
.enterprise-tabs li.active span {
    color: #1aa9e9;
}
.enterprise-tabs li span {
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}
.enterprise-tabs li s {
    position: absolute;
    left: 50%;
    top: 142px;
    margin-left: -16px;
    display: none;
    width: 32px;
    height: 18px;
    background: url(../images/icon-arrow.png) no-repeat;
}
.enterprise-tabs li.active s {
    display: block;
}
.enterprise-content {
    background: #f5f9fa;
    height: 340px;
}
.enterprise-content .item {
    width: 1140px;
    height: 340px;
    margin: 0 auto;
}
.enterprise-content .item-1 {
    background: url(../images/bg-enterprise-1.png) no-repeat;
}
.enterprise-content .item-2 {
    background: url(../images/bg-enterprise-2.png) no-repeat;
}
.enterprise-content .item-3 {
    background: url(../images/bg-enterprise-3.png) no-repeat;
}
.enterprise-content .item-4 {
    background: url(../images/bg-enterprise-4.png) no-repeat;
}
.enterprise-content .item-5 {
    background: url(../images/bg-enterprise-5.png) no-repeat;
}

/* 公司简介
-----------------------------------------------*/
.block-about {
    overflow: hidden;
    height: 380px;
    background: url(../images/bg-about.jpg) center no-repeat;
}
.about-info {
    width: 640px;
    margin:  0 auto;
    line-height: 28px;
    font-size: 14px;
    color: #666;
    text-indent: 2em;
}

/* 案例
-----------------------------------------------*/
.block-cases {
    margin-top: 20px;
}
.block-cases .cases-wrapper {
    position: relative;
    width: 1140px;
    height: 260px;
    overflow: hidden;
}
.block-cases .cases-content {
    width: 1180px;
}
.block-cases .cases-item {
    float: left;
    width: 233px;
    margin-right: 40px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0 9px;
}
.block-cases .cases-thumb {
    width: 233px;
    height: 150px;
}
.block-cases .cases-thumb img {
    display: block;
    width: 233px;
    height: 150px;
}
.block-cases .cases-title {
    display: inline-block;
    padding: 0 10px;
    font-size: 16px;
    background: #03a0e7;
    margin: 8px 0;
    height: 30px;
    line-height: 30px;
    max-width: 233px;
    overflow: hidden;
}
.block-cases .cases-title a {
    color: #fff;
}
.block-cases .cases-intro {
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    color: #666;
}
.block-cases .cases-btn {
    margin: 50px auto 0 auto;
    width: 90px;
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 25px;
}
.block-cases .cases-btn .prev,
.block-cases .cases-btn .next {
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.block-cases .cases-btn .prev {
    float: left;
    background-position: -35px -59px;
}
.block-cases .cases-btn .next {
    float: right;
    background-position: -35px -90px;
}
.block-cases .cases-btn .prev.disabled {
    background-position: 0 -59px;
    cursor: default;
}
.block-cases .cases-btn .next.disabled {
    background-position: 0 -90px;
    cursor: default;
}
.cases-triggers {
    display: none;
}

/* 新闻中心
-----------------------------------------------*/
.block-news {
    margin-bottom: 60px;
}
.block-news li {
    float: left;
    position: relative;
    width: 380px;
    overflow: hidden;
}
.block-news .thumbnail {
    float: left;
}
.block-news .thumbnail img {
    display: block;
    width: 120px;
    height: 90px;
}
.block-news .title {
    position: absolute;
    left: 130px;
    top: 0;
    width: 230px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    overflow: hidden;
}
.block-news .intro {
    margin: 30px 0 0 130px;
    font-size: 14px;
    line-height: 20px;
    width: 230px;
    height: 60px;
    overflow: hidden;
    color: #999;
}

/* 系统产品
-----------------------------------------------*/
.block-product {
    background: #f5f9fa;
    overflow: hidden;
}
.block-product ul {
    margin: 50px auto;
}
.block-product li {
    float: left;
    width: 285px;
}
.block-product li.line {
    width: 284px;
    border-right: 1px dashed #ccc;
}
.block-product .product-icon {
    width: 77px;
    height: 77px;
    margin: 0 auto;
    background-image: url(../images/icon-product.png);
    background-repeat: no-repeat;
}
.block-product .icon-1 {
    background-position: 0 0;
}
.block-product .icon-2 {
    background-position: 0 -87px;
}
.block-product .icon-3 {
    background-position: 0 -174px;
}
.block-product .icon-4 {
    background-position: 0 -261px;
}
.block-product .product-title {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    margin: 15px 0 5px 0;
}
.block-product .product-description {
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
}
.block-product .product-button {
    text-align: center;
}
.block-product .product-button a {
    display: inline-block;
    padding: 3px 20px;
    border: 1px dashed #ccc;
    border-radius: 3px;
    font-size: 14px;
}
.block-product .product-button a:hover {
    border-color: #03a0e7;
}

/* 合作伙伴
-----------------------------------------------*/
.block-links {

}
.links-logo {
    margin-bottom: 20px;
}
.links-logo li {
    float: left;
    padding: 0 10px;
    border-right: 1px dashed #ccc;
}
.links-logo li:last-child {
    border: none;
}
.links-logo img {
    display: block;
    width: 80px;
    height: 30px;
}
.links-text li {
    float: left;
    padding: 0 10px;
    border-right: 1px solid #ccc;
}
.links-text li:last-child {
    border: none;
}

/* footer
-----------------------------------------------*/
.footer {
    margin-top: 30px;
    /*border-top: 10px solid #03a0e7;*/
    background: #f7f7f7 !important;
    color:#868686 !important; 
}
.footer .links {
    margin-top: 60px;
}
.footer .item {
    float: left;
    width: 180px;
    margin-left: 48px;
}
.footer .item h2 {
    font-size: 18px;
    margin-bottom: 5px;
}
.footer .item li {
    line-height: 24px;
    font-size: 14px;
}
.footer .item a {
    color: #666;
}
.footer .item a:hover {
    color: #03a0e7;
}
.footer .copyright {
    padding: 20px 0 30px;
}
.footer .copyright li {
    line-height: 24px;
    font-size: 14px;
    text-align: center;
}


/* 案例分享-列表页
-----------------------------------------------*/
.list-cases {
    margin-top: 20px;
}
.list-cases .cases-content {
    margin-right: -60px;
}
.list-cases .cases-item {
    float: left;
    width: 340px;
    margin: 0 60px 40px 0;
}
.list-cases .cases-thumb {
    width: 340px;
    height: 180px;
}
.list-cases .cases-thumb img {
    display: block;
    width: 340px;
    height: 180px;
}
.list-cases .cases-title {
    display: inline-block;
    padding: 0 10px;
    font-size: 16px;
    background: #03a0e7;
    margin: 8px 0;
    height: 30px;
    line-height: 30px;
    max-width: 233px;
    overflow: hidden;
}
.list-cases .cases-title a {
    color: #fff;
}
.list-cases .cases-intro {
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    color: #666;
}

/* 解决方案-列表页
-----------------------------------------------*/
.list-solution {
    margin-top: 20px;
    padding-bottom: 20px;
}
.list-solution .solution-content {
    margin-right: -21px;
}
.list-solution .solution-item {
    float: left;
    display: block;
    width: 366px;
    margin-right: 21px;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.list-solution .solution-item:hover {
    background: #f5f9fa;
}
.list-solution .solution-thumb {
    float: left;
}
.list-solution .solution-thumb,
.list-solution .solution-thumb img {
    width: 116px;
    height: 110px;
}
.list-solution .solution-info {
    margin-left: 136px;
}
.list-solution .solution-title {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
}
.list-solution .solution-intro {
    font-size: 14px;
    line-height: 30px;
    height: 60px;
    padding-right: 20px;
    overflow: hidden;
    color: #999;
}


/* 新闻中心-列表页
-----------------------------------------------*/
.list-news {
    margin-top: 20px;
}
.list-news .news-tabs {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.list-news .news-tabs li {
    position: relative;
    float: left;
    font-size: 18px;
    padding: 0 20px;
}
.list-news .news-tabs li a {
    color: #888;
}
.list-news .news-tabs .active i {
    position: absolute;
    left: 50%;
    margin-left: -9px;
    bottom: -20px;
    display: block;
    width: 18px;
    height: 19px;
    background-position: -79px -23px;
}
.list-news .news-tabs li.active a,
.list-news .news-tabs li a:hover {
    color: #1aa9e9;
}

.list-news .news-item {
    padding: 20px 0;
    border-bottom: 1px dotted #ddd;
}
.list-news .news-item:last-child {
    border: none;
}
.list-news .news-thumb {
    float: left;
    width: 200px;
    height: 130px;
}
.list-news .news-thumb img {
    width: 200px;
    height: 130px;
}
.list-news .news-info {
    margin-left: 220px;
}
.list-news .news-title {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
}
.list-news .news-intro {
    line-height: 26px;
    height: 54px;
    overflow: hidden;
    font-size: 14px;
    color: #999;
}
.list-news .news-time {
    margin-top: 5px;
    line-height: 20px;
    font-size: 14px;
    color: #999;
}

/* 新闻中心-内容页
-----------------------------------------------*/
.detail-news {
    margin: 50px 0;
}
.detail-news .news-content {
    float: left;
    width: 740px;
}
.detail-news .news-content .news-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
}
.detail-news .news-content .news-info {
    padding: 20px 0;
    border-bottom: 1px dotted #ddd;
}
.detail-news .news-content .news-info li {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    color: #999;
}
.detail-news .news-content .news-info li .icon {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 18px;
    height: 19px;
    background-position: -79px -23px;
    vertical-align: middle;
    margin-right: 5px;
}
.detail-news .news-content .news-body {
    padding: 20px 0;
    line-height: 2;
    font-size: 14px;
}
.detail-news .news-sidebar {
    float: right;
    width: 330px;
}

.detail-news .news-sidebar .news-item {
    padding: 20px 0;
    border-bottom: 1px dotted #ddd;
}
.detail-news .news-sidebar .news-thumb {
    float: left;
    width: 110px;
    height: 80px;
}
.detail-news .news-sidebar .news-thumb img {
    width: 110px;
    height: 80px;
}
.detail-news .news-sidebar .news-info {
    margin-left: 130px;
}
.detail-news .news-sidebar .news-intro {
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    font-size: 14px;
    color: #999;
}
.detail-news .news-sidebar .news-time {
    line-height: 20px;
    font-size: 14px;
    color: #999;
}

/* 商圈合作
-----------------------------------------------*/
.detail-business {
    position: relative;
}
.detail-business .business-superiority {
    width: 900px;
    height: 330px;
    margin: 0 auto;
    background: url(../images/bg-business-1.png) center no-repeat;
}
.detail-business .business-cooperate-wrapper {
    margin-top: 30px;
    background: #f5f9fa;
}
.detail-business .business-cooperate {
    width: 1000px;
    height: 330px;
    margin: 0 auto;
    background: url(../images/bg-business-2.png) center no-repeat;
}
.detail-business .business-question li {
    line-height: 2;
    font-size: 18px;
}
.detail-business .business-hot {
    position: relative;
    width: 1140px;
    margin: 50px auto;
}
.detail-business .business-hot .hot-wrapper {
    position: relative;
    width: 900px;
    height: 140px;
    overflow: hidden;
    margin: 0 auto;
}
.detail-business .business-hot .hot-content {
    margin-right: -60px;
}
.detail-business .business-hot .hot-item {
    float: left;
    width: 100px;
    height: 140px;
    margin-right: 60px;
}
.detail-business .business-hot .hot-thumb {
    width: 100px;
    height: 100px;
}
.detail-business .business-hot .hot-thumb img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50px;
}
.detail-business .business-hot .hot-title {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
}
.detail-business .business-hot .prev,
.detail-business .business-hot .next {
    position: absolute;
    top: 25px;
    width: 42px;
    height: 67px;
    cursor: pointer;
}
.detail-business .business-hot .prev {
    left: 0;
    background: url(../images/icon-prev.png) no-repeat;
}
.detail-business .business-hot .next {
    right: 0;
    background: url(../images/icon-next.png) no-repeat;
}

.detail-business .business-hot .business-triggers {
    width: 100%;
    position: absolute;
    bottom: -50px;
    text-align: center;
}
.detail-business .business-hot .business-triggers li {
    display: inline-block;
    font-size: 40px;
    padding: 0 3px;
    cursor: default;
}
.detail-business .business-hot .business-triggers li.current {
    color: #2abfff;
}

/* 商家合作
-----------------------------------------------*/
.detail-merchant .merchant-a {
    height: 350px;
    border-bottom: 1px solid #ddd;
    background: url(../images/bg-merchant-1.jpg) center right no-repeat;
}
.detail-merchant .merchant-a .text {
    padding-top: 80px;
    font-size: 18px;
    line-height: 50px;
    color: #666;
}
.detail-merchant .merchant-a b {
    font-size: 30px;
}
.detail-merchant .merchant-b {
    height: 500px;
    background: url(../images/bg-merchant-2.jpg) center left no-repeat;
}

.detail-merchant .merchant-b .text {
    padding-top: 180px;
    margin-left: 700px;
    font-size: 18px;
    line-height: 50px;
    color: #666;
}

/* 解决方案详情页
-----------------------------------------------*/
.detail-solution .table-wrapper {
    border-top: 2px solid #1aa9e9;
    border-bottom: 2px solid #1aa9e9;
}
.detail-solution .table {
    width: 100%;
}
.detail-solution .table th {
    font-size: 18px;
    font-weight: bold;
    color: #1aa9e9;
}
.detail-solution .table td {
    font-size: 14px;
    color: #666;
}
.detail-solution .table th,
.detail-solution .table td {
    padding: 15px 0;
    text-align: center;
    border: 2px solid #fff;
}
.detail-solution .odd {
    background: #ededed;
}
.detail-solution .icon-vs {
    display: inline-block;
    width: 24px;
    height: 23px;
    background: url(../images/solution/solution-common/icon-2.png) no-repeat;
}
.detail-solution .solution-title {
    font-size: 18px;
    font-weight: bold;
}
.detail-solution .solution-title img {
    vertical-align: middle;
    margin-right: 10px;
}
.detail-solution .solution-description {
    margin-top: 15px;
    font-size: 14px;
    color: #999;
    line-height: 30px;
}
.detail-solution .solution-image {
    padding: 20px 0;
    text-align: center;
}

/* 关于我们
-----------------------------------------------*/
.page-about {
    margin-top: 30px;
}
.page-about .sidebar {
    float: left;
    width: 187px;
}
.page-about .sidebar li {
    position: relative;
    font-size: 18px;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.page-about .sidebar li a {
    font-size: 18px;
}
.page-about .content {
    float: right;
    width:871px;
    overflow: hidden;
    padding-left: 75px;
}
.page-about .content .title {
    padding: 15px 0;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.page-about .content .body {
    line-height: 2;
    font-size: 18px;
    color: #000;
    line-height: 50px;
}
.page-about .content .body img {
    margin: 15px 0;
}
.sidebar li.active,.sidebar li:hover{
	color:#09a7b1;
}
.page-about .content .body p{text-indent: 2em;}
.map{width: 100%;height:200px;z-index: 99;}