.fontfamily{ font-family: "Microsoft Yahei";}
dd {
     margin: 0;
}
h3 {
     line-height: 30px;
     margin-bottom: 0;
}
header{
    overflow: hidden;
}
ul{
    -webkit-padding-start: 0px;
    padding: 0;
    margin:0;
}
/*
----------------------------------
- Navbar Section
----------------------------------
*/
.nav .btn{
    border:none;
}
.nav .open>a, .nav .open>a:focus{
    border:none;
    color: #fff;
}
.nav a:hover,.nav a:active,.nav  a:focus{
    /* color: #fff !important; */
    color: #333 !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    border:none;
}
.navbar-brand {
    height: auto;
}
.sticky .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.94);
    /* box-shadow: 0px 2px 10px 2px rgba(51,153,153,0.9);
    -webkit-box-shadow: 0px 2px 10px 2px rgba(51,153,153,0.9); */
    box-shadow: 0px 2px 10px 2px #ccc;
    -webkit-box-shadow: 0px 2px 10px 2px #ccc;
}
.dropdown-menu{
     /* -webkit-box-shadow: 0px 2px 10px 2px rgba(51,153,153,0.9);
     box-shadow: 0px 2px 10px 2px rgba(51,153,153,0.9); */
    box-shadow: 0px 2px 10px 2px #ccc;
    -webkit-box-shadow: 0px 2px 10px 2px #ccc;
}
.dropdown-menu > li{
    text-align: center;
}
.dropdown-menu > li > a {
    color: #444;
}
/* .dropdown-menu > li > a:hover{
    background-color: #07aca7;
    color: #fff !important;
} */
.sticky .nav a:hover{
    /* color: #fff !important; */
    color: #333 !important;
    text-decoration: none;
    outline: 0;
}
.navbar-nav a:hover{
    /* color: #fff !important; */
    color: #333 !important;
    text-decoration: none;
    outline: 0;
}
/*
----------------------------------
- banner Section
----------------------------------
*/
.banner-logo{
    width: 100%;
    height:100%;
    height: auto;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items:  center;
    align-items:  center;
    text-align: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.banner-pic{
    width: 100%;
    height: auto;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items:  center;
    align-items: center;
    text-align: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
/*.logo-content dl{ display:none;}*/
/*.logo-content dt,.banner-pic img,.company-idea img{ display:none;}*/
.company-name{ margin-top:30px;}
.company-name,.company-idea{
    width: 100%;
    height: auto;
}
.banner-item {
    padding: 0;
    position: relative;
    overflow: hidden;
}
/*
----------------------------------
- main Section
----------------------------------
*/
.who-content-box{
    overflow: hidden;
}
.who-content p{
	margin-bottom:5px;
}
.dl-content{
    width: 74%;
}
.mian-service{
    background:#f8f8f8;
}
.service-dl{
    padding: 30px 0;
    background: #fff;
    margin: 0 auto;
    border-radius: 5px;
    display: flex;
    display: -webkit-flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items:  center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.my-service-dt,.my-service-dt2,.my-service-dt3,.my-service-dt4{
    width: 102px;
    height: 102px;
    text-align: center;
    padding: 22px;
    border:1px solid #ccc;
    border-radius: 50%;
    margin: 0 auto;
}
.service-icon-dt,.service-icon-dt2,.service-icon-dt3,.service-icon-dt4{
    display: block;
    width: 56px;
    height: 56px;
    background: url(../img/service-icon4.png) no-repeat;
}

.service-icon-dt2{
    background: url(../img/service-icon3.png) no-repeat;
}
.service-icon-dt3{
    background: url(../img/service-icon2.png) no-repeat;
}
.service-icon-dt4{
    background: url(../img/service-icon.png) no-repeat;
}
.service-item {
    box-shadow: 0 0 15px #FAFAFA;
}
.my-serice-logo {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.my-service-dd {
    width: 100%;
}
.my-service-dd p{
    font-size: 24px;
    font-weight: 400;
}
.my-service-dd .my-service-info{
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}
.my-service-dd .my-service-info li{
    font-size: 16px;
}
.service-item:hover .service-dl {
    transition: all .3s ease-in-out;
    box-shadow: 0 0 30px #ccc;
    -webkit-box-shadow: 0 0 30px #ccc;
}
.service-item:hover .service-icon-dt{
    background: url(../img/service-icon4-white.png) no-repeat;
}
.service-item:hover .service-icon-dt2{
    background: url(../img/service-icon3-white.png) no-repeat;
}
.service-item:hover .service-icon-dt3{
    background: url(../img/service-icon2-white.png) no-repeat;
}
.service-item:hover .service-icon-dt4{
    background: url(../img/service-icon-white.png) no-repeat;
}
.service-item:hover .my-service-dt{
    border: 1px solid #fff;
}
.service-item:hover .my-service-dd{
    color: #fff;
    width: 100%;
}
/*
----------------------------------
- technology Section
----------------------------------
*/
.technology-lists-box{
    width: 100%;
    height: auto;
    padding-left: 52px;
}
.technology-item{
    width: 100%;
    height: auto;
    background-color: #f8f8f8;
}
.technology-lists-box .technology-bg {
    width: 80px;
    height: 80px;
    line-height:73px;
    text-align: center;
    font-size: 20px;
    color: #444;
    font-weight: normal;
    letter-spacing:0px;
    border: 2px solid #f8f8f8;
    background-color: #fff;
    border-radius: 80px;
    position: absolute;
    left: -40px;
    top: 50%;
    margin-top: -40px;
}
.technology-info-lists{
    position: relative;
}

.padding-left-right{
    padding-left: 0;
    padding-right:0;
}
.our-technology{
    background-color: #f8f8f8;
    padding: 60px 0;
}
.technology-lists-box ul{
    margin: 0;
}
.technology-lists-box ul>li{
    margin: 0;
    line-height:24px;
}
.technology-lists-box dl{
    width:auto;
}
.technology-lists-box dd{
    width:100%;
    padding: 30px 0;
    line-height: 102px;
    padding-left: 50px;
    background-color: #f8f8f8;
}
.technology-thought dd{
    padding-top: 40px;
    padding-bottom: 44px;
}
.title-border-bottom{
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 4px solid #07aca7;
}

/* 
----------------------------------
- dynamic Section
----------------------------------
*/
.dynamic-item .dynamic-dl{
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.dynamic-item:hover .dynamic-dl {
    box-shadow: 0 0 30px #ccc;
    -webkit-box-shadow: 0 0 30px #ccc;
}
.my-dynamic-logo {
    width: 100%;
    height: auto;
}
.my-dynamic-dd {
    text-align: left;
    padding: 0 0 20px;
    width: 90%;
    margin: 15px auto 0;
}
.my-dynamic-dd p {
    margin-bottom: 5px;
    color: #444;
    font-weight: bold;
    font-size: 16px;
}
.my-dynamic-dd .my-dynamic-info {
    font-weight: normal;
    margin-bottom: 0;
    color: #777;
    font-size: 14px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.font-more {
    text-align: center;
    color: #666;
    margin-top: 20px;
}
.font-more a {
    color: #666;
}

/*
----------------------------------
- post Section
----------------------------------
*/
.position-item .position-dl{
    background: #fff;
    overflow: hidden;
    padding: 30px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.position-item:hover .position-dl {
    box-shadow: 0 0 30px #ccc;
    -webkit-box-shadow: 0 0 30px #ccc;
}
.my-position-dd {
    text-align: left;
    padding: 0 0 20px;
    width: 90%;
    margin: 30px auto 0;
}
.position-title {
    font-size: 22px;
    font-weight: bold;
    position: relative;
    color: #444;
    margin-bottom: 60px;
}
.position-title::after {
    content: "";
    display: block;
    width: 40px;
    background: #00CBBD;
    height: 4px;
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -20px;
}
.my-position-dd p:first-child {
    margin-bottom: 5px;
    color: #444;
    font-weight: bold;
}
.position-dl div {
    display: flex;
    justify-content: flex-end;
    color: #999;
    font-size: 14px;
    margin-right: 20px;
}
.my-position-info {
    white-space: pre-wrap;
    margin-bottom: 50px;
}


/*
----------------------------------
- project Section
----------------------------------
*/
.our-project{
    background-color: #f8f8f8;
}
.project-items-dl{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background: #fff;
}
.project-dt{
    position: relative;
}
.dynamic-dt {
    text-align: left;
    width: 95%;
    margin: 20px auto;
    color: #666;
    font-size: 14px;
}
.dynamic-title {
    font-size: 16px;
    font-weight: bold;
    color: #444;
}
.dynamic-desc {
    line-height: 20px;
}
.load-more-btn {
    text-align: center;
    width: 150px;
    margin: 20px auto;
    background: #ffffff;
    color: #666666;
    border: 1px solid #02cbbb;
    padding: 10px 0;
    transition: all 0.3s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.load-more-btn:hover {
    width: 180px;
    padding: 15px 0;
    font-size: 18px;
}
.project-items:hover .project-dt:after{
   opacity: .7;
}
.project-items:hover .project-dt{
    z-index: 10;
}
.project-items:hover .our-case-dd{
    background-color:#11ABB0;
}
.our-case-dd{
    width: inherit;
    height: 42px;
    position: absolute;
    bottom: 0px;
    line-height: 42px;
    padding:0 10px;
    background-color:#777;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.our-case-dd>p{
    margin-bottom: 0;
    color: #fff;
    line-height: 42px;
	font-size:16px;
}
.our-case-dd>p span{
    display:inline-block;
    font-size: 24px;
    line-height: 42px;
}
.project-dt:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.project-dt img {
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.project-dt:hover>img{
    width: 105%;
}
.project-items{
/*    cursor: pointer;*/
}
.check-more {
    margin-top: 45px;
}
.check-more-btn{
    padding: 12px 45px;
    border: 1px solid #07aca7;
    background-color: #fff;
    color: #07aca7;
    font-size: 18px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.check-more-btn>a{
    color: #07aca7;
    font-size: 18px;
}
.check-more-btn:hover>a{
    color: #fff !important;
}
.check-more-btn:hover{
    background-color: #07aca7;
    color: #fff;
}
/*
----------------------------------
- blogs Section
----------------------------------
*/
.blogs-describe{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}
.blogs-describe>dd{
    margin-left: 15px;
}
.blogs-tip-box{
    margin:0 0 11px;
}
.blogs-tip-title{
    margin: 0;
    line-height: 36px;
    margin-top:6px;
    color: #444;
    font-size: 16px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.blogs-tip-title:hover{
    color: #07aca7;
}
.blogs-tip-top{
    font-size: 30px;
    background-color: #07aca7;
    color: #fff;
    border-radius: 6px 6px 0 0 ;
}
.blogs-tip-top,.blogs-tip-bottom{
    display: block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
}
.blogs-tip-bottom{
    font-size:16px;
    color: #fff;
    border-radius: 0 0 6px 6px;
    background-color: #333;
}
/*
----------------------------------
- select Section
----------------------------------
*/

.select-our-icon{
    background: url(../img/select-our-icon1.png) no-repeat;
}
.select-our-icon2{
    background: url(../img/select-our-icon2.png) no-repeat;
}
.select-our-icon3{
    background: url(../img/select-our-icon3.png) no-repeat;
}
.select-our-icon4{
    background: url(../img/select-our-icon4.png) no-repeat;
}
.contact-our>button{
    padding: 18px 32px;
    font-size: 24px;
    border: none;
    background-color: #07aca7;
    color: #fff;
    margin: 0 auto;
}
.contact-our>button>a{
    font-size: 24px;
    color: #ff0;
}
.contact-our>button>a:hover{
    color: #d2e63a !important;
}

/*
----------------------------------
- footer Style
----------------------------------
*/
.footer-content dt{
    font-size: 16px;
    font-weight: normal;
}
.footer-content li>a{
    color: #ccc;
}
.address-content>p>a{
    color: #ccc;
}
.footer-copyright>a{
    color: #999;
	font-size:12px;
}
/*
----------------------------------
- else Style
----------------------------------
*/

.img-100{
    width: 100%;
}
.margin-top-15{
    margin-top: 15px;
}
.margin-top-30{
    margin-top: 30px;
}
.margin-top-50{
    margin-top: 50px;
}
.font-color{
    color: #11ABB0;
}
.font-color-444{
    color: #444;
}
.font-color-666{
    color: #666;
}
.font-color-999{
    color: #999;
}
.font-title{
    font-weight: normal;
    font-size: 30px;
    margin-bottom: 30px;
}
.font-size-24{
    font-size: 24px;
}
.font-size-20{
    font-size: 20px;
}
.font-size-16{
    font-size: 16px;
}
.border-none{
    border:none;
}
.border-right{
    border-right: 1px solid #ccc;
}
.padding-left-0{
    padding-left: 0;
}
.padding-right-0{
    padding-right: 0;
}
.padding-rl-0{
    padding-left: 0;
    padding-right: 0;
}
.padding-left-30{
    padding-left: 30px;
}
#padding-bottom-50{
    padding-bottom: 150px;
}
.flex-center{
    width: 100%;
    height: auto;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
}
.logo-content{
    /* position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -151px;
    margin-left: -125px; */
}
.who-are-content{
    background-color: #fff;
    padding: 80px 0;
}
.mian-service,.our-project,.our-blogs,.select-our{
    padding: 60px 0;
}
.vertical-ul{
    display: flex;
    display: -webkit-flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.vertical-center{
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.our-blogs{
    background-color: #fff;
}
footer{
    background-color: rgba(255, 255, 255, 0.1);
}
.footer-bg{
    width: 100%;
    height: auto;
    padding: 40px 0;
    background: #ffffff;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.footernone{
    font-size: 14px;
    color: #878787;
    text-align: center;
}
.footernone a {
    font-size: 14px;
    color: #878787;
}
.footer-dd{
    background-color: rgba(255, 255, 255, 0.1);
}
.address-list li {
    margin-bottom: 15px;
}
.gray-bg{
    background-color: #f8f8f8;
}
.white-bg{
    background-color: #fff;
}

/*------------------------------- service Page style ---------------------------------*/

/*
----------------------------------
- header Style
----------------------------------
*/
.service-page-logo-bg{
    width: 100%;
    height: 380px;
    padding: 0;
    background: url(../img/service-imgs/service-banner.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
.app-logo-bg{
    background: url(../img/service-imgs/service-banner2.jpg) no-repeat center center;
}
.wechat-logo-bg{
    background: url(../img/service-imgs/service-banner3.jpg) no-repeat center center;
}
.soft-logo-bg{
    background: url(../img/service-imgs/service-banner4.jpg) no-repeat center center;
}

.page-title{
    max-width: 100%;
    height: 94px;
    padding: 0 15px;
    margin: auto;
    position: absolute;
    top: 80px; left: 0; bottom: 0; right: 0;
}
.service-h1>h1{
    font-size: 36px;
    line-height: 52px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 5px;
}
.service-page-logo dd p{
    color:#ffffff;
	font-size: 28px;
}
.service-despriction{
    font-size: 16px;
}
.service-our-icon1{
    background: url(../img/service-imgs/service-page-icon1.png) no-repeat;
}
.service-our-icon2{
    background: url(../img/service-imgs/service-page-icon2.png) no-repeat;
}
.service-our-icon3{
    background: url(../img/service-imgs/service-page-icon3.png) no-repeat;
}
.service-our-icon4{
    background: url(../img/service-imgs/service-page-icon4.png) no-repeat;
}

.service-app-icon1{
    background: url(../img/service-imgs/service-app-icon1.png) no-repeat center;
}
.service-app-icon2{
    background: url(../img/service-imgs/service-app-icon2.png) no-repeat center;
}
.service-app-icon3{
    background: url(../img/service-imgs/service-app-icon3.png) no-repeat center;
}
.service-app-icon4{
    background: url(../img/service-imgs/service-app-icon4.png) no-repeat center;
}

/*
----------------------------------
- use Style
----------------------------------
*/

.user-content{
    width: 100%;
    padding-left:90px;
    padding-right:48px;    
    font-size: 16px;
}
.user-content p{
    font-size: 16px;
	line-height: 30px;
}
.user-content .small-p{
    font-size: 14px;
}
.service-flow-box{
    position: relative;
}
.service-flow-box p{
    color: #333;
    font-weight: 400;
}
.service-flow{
    background: url(../img/service-imgs/service-page-icon5.png) no-repeat;
}
.service-flow2{
    background: url(../img/service-imgs/service-page-icon6.png) no-repeat;
}
.service-flow3{
    background: url(../img/service-imgs/service-page-icon7.png) no-repeat;
}
.service-wechat-icon1{
    background: url(../img/service-imgs/service-wechat-icon1.png) no-repeat;
}
.service-wechat-icon2{
    background: url(../img/service-imgs/service-wechat-icon2.png) no-repeat;
}
.service-wechat-icon3{
    background: url(../img/service-imgs/service-wechat-icon3.png) no-repeat;
}
.service-soft-icon1{
    background: url(../img/service-imgs/service-soft-icon1.png) no-repeat;
}
.service-soft-icon2{
    background: url(../img/service-imgs/service-soft-icon2.png) no-repeat;
}
.service-soft-icon3{
    background: url(../img/service-imgs/service-soft-icon3.png) no-repeat;
}
.service-soft-icon4{
    background: url(../img/service-imgs/service-soft-icon4.png) no-repeat;
}

.jiantou-bg{
    width: 50px;
    height: 40px;
    background: url(../img/service-imgs/jiantou.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 0;
}

/*------------------
--- this is case-page style
--------------------*/
/*------------------
--- this is header
--------------------*/
.case-banner{
    background: url(../img/case-imgs/case-banner.jpg) no-repeat;
}
.nav-list{
    height: 192px;
    padding:80px 20%;
    position: relative;
}
.nav-list>ul{
    max-width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    text-align: center;
    position: absolute;
    margin: auto;
    padding:80px 0;
    top: 0;bottom:0;right: 0;left: 0;
}
.nav-list>ul>li{
    font-size: 16px;
    padding: 8px 28px;
    float: left;
    margin-bottom:0;
    border:1px solid #ccc;
    margin:0 20px;
    cursor: pointer;
}
.nav-list>ul>.active{
    background-color: #099;
    border:1px solid #099;
    color: #fff;
}
.portfolio-area {
    background: #f8f8f8;
}
.our-case{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 50px;
}
.case-name{
    width: 100%;
    height: 300px;
    background-color: #099;
}
.portfolio-filter .active{
    color: #fff;
    background-color: #099;
    border:1px solid #099;
}
.case-box{
    height: auto;
    overflow: hidden;
    margin-top: 50px;
}
.case-items{
    min-height: 0px;
}
.project-case-item{
    padding: 15px;
}
.inner-padding7 {
    padding: 80px 0;
}

/*------------------
--- this is every projects style
--------------------*/
/*********canhome-app***********/
.canhome-app-banner{
    height: 252px;
    background-position: bottom center;
}
.service-page-logo dd .title-despriction{
    font-size: 30px;
    color: #fff;
    font-weight: 500;
}
.about-case{
    color: #099;
    font-size: 24px;
    font-weight: 400;
    line-height: 42px;
	margin-bottom:5px;
}
.case-content{
    padding: 66px 45px 0px 88px;
    height: auto;
}
.case-content>p{
    font-size: 16px;
	line-height:30px;
}
.case-content-item{
    padding: 96px 90px 0px 47px;
}
.case-content-domayi{
    padding-top:15px;
}
.post-heading a {
    font-size: 16px;
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: #444444;
    text-transform: capitalize;
}
/*------------------
--- this is every blogs style
--------------------*/
.blogs-banner {
    background: url(../img/job-imgs/jobs-banner.jpg) no-repeat center center;
}
.blog-items {
    min-height: 0px;
}
.post-meta {
    font-size: 14px;
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0;
    color: #999;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.post-header{
    overflow: hidden;
    clear: both;
}
.post-sticker{
    width: 60px;
    height: 40px;
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}
.post-sticker small {
    font-size: 30px;
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: #fff;
    padding: 10px 0px;
    display: block;
}
.post-sticker .month {
    font-size: 16px;
    font-family: 'Microsoft YaHei ', sans-serif;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    background-color: #303030;
    margin: 0;
    padding: 10px 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.blogs-details-banner{
    height: 253px;
    background-position: bottom center;
}
.blogs-right-content{
    width: 100%;
    height: auto;
}
.blogs-right-content h4{
    font-size: 18px;
}
.blogs-right-content li{
    line-height: 40px;
}
.pages-counter {
    color: #999;
}

.detail-left{
    float: left;
}

.top-content h3{
    display: inline-block;
}
.top-content {
    padding: 22px 0;
    border-bottom: 1px solid #ccc;
	margin-bottom:20px;
}
.time-box{
    display: inline-block;
    float: right;
}
.pages-counter i{
    font-style: normal;
}
.blogs-right-content li a{
    color: #099;
}
.blogs-details-content{
    padding: 70px 0 76px 0;
}
.top-content{
    width: 100%;
}
.top-content span{
    font-size: 16px;
    color: #999;
};
.detail-pic{
    text-align: center;
}
.detail-pic img{
    margin:15px 0;
}
.detail-despriction{
    width: 100%;
    text-align: left;
}
.detail-despriction p{
    text-indent: 32px;
    color: #333;
    line-height: 32px;
    font-size: 16px;
	margin:20px 0;
}
.blog-detail-right{
    float: right;
}
/*------------------
--- this is every contact style
--------------------*/
.address-widget h5 {
    color:#099;
    font-size: 16px;
    font-family: 'Microsoft YaHei', sans-serif;
}
.contact-banner {
    background : url(../img/contact-banner.jpg) no-repeat center center;
    height: 380px;
}
.contact-list{
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 42px;
}
.address-widget p{
    font-size: 14px;
}
.address-widget .company-phone a{
    font-size: 18px;
	color:#666666;
}
.baidu-map{
    height: auto;
    padding: 0 62px;
    overflow: hidden;
    margin-bottom: 80px;
}
#dituContent {
    height: 400px;
    border: 1px solid #ccc;
}

.BMap_shadow div{ display:none;}

















/*------------------
--- this is app-page jquery.eventFlow.js style
--------------------*/
/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;}
div.dib{*display:inline; *zoom:1;}/* other block level tag(eg. p, li, h1~h6), using 'inline_any' instead */
/* height */
.h0{height:0;}
.h16{height:14px;}
.h16{height:16px;}
.h18{height:18px;}
.h20{height:20px;}
.h22{height:22px;}
.h24{height:24px;}
.h30{height:30px;}
/* width */

/* percent width value */
.pct10{width:10%;}
.pct15{width:15%;}
.pct20{width:20%;}
.pct25{width:25%;}
.pct30{width:30%;}
.pct33{width:33.3%;}
.pct40{width:40%;}
.pct50{width:50%;}
.pct60{width:60%;}
.pct66{width:66.6%;}
.pct70{width:70%;}
.pct75{width:75%;}
.pct80{width:80%;}
.pct90{width:90%;}
.pct100{width:100%;}
/* line-height */
.lh0{line-height:0;}
.lh16{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh30{line-height:30px;}
/* margin */
.m0{margin:0;}
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
/* margin negative */
.ml-1{margin-left:-1px;}
.mr-1{margin-right:-1px;}
.mt-1{margin-top:-1px;}
.mb-1{margin-bottom:-1px;}
.ml-3{margin-left:-3px;}
.mr-3{margin-right:-3px;}
.mt-3{margin-top:-3px;}
.mb-3{margin-bottom:-3px;}
.ml-20{margin-left:-20px;}
.mr-20{margin-right:-20px;}
.mt-20{margin-top:-20px;}
.mb-20{margin-bottom:-20px;}
/* padding */
.p0{padding:0;}
.p1{padding:1px;}
.pl1{padding-left:1px;}
.pt1{padding-top:1px;}
.pr1{padding-right:1px;}
.pb1{padding-bottom:1px;}
.p2{padding:2px;}
.pl2{padding-left:2px;}
.pt2{padding-top:2px;}
.pr2{padding-right:2px;}
.pb2{padding-bottom:2px;}
.pl5{padding-left:5px;}
.p5{padding:5px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.p10{padding:10px;}
.pl10{padding-left:10px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.p15{padding:15px;}
.pl15{padding-left:15px;}
.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.p20{padding:20px;}
.pl20{padding-left:20px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.p30{padding:30px;}
.pl30{padding-left:30px;}
.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}
/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc{border:1px solid #ccc;}
.blc{border-left:1px solid #ccc;}
.brc{border-right:1px solid #ccc;}
.btc{border-top:1px solid #ccc;}
.bbc{border-bottom:1px solid #ccc;}
.bdd{border:1px solid #ddd;}
.bld{border-left:1px solid #ddd;}
.brd{border-right:1px solid #ddd;}
.btd{border-top:1px solid #ddd;}
.bbd{border-bottom:1px solid #ddd;}
.bde{border:1px solid #eee;}
.ble{border-left:1px solid #eee;}
.bre{border-right:1px solid #eee;}
.bte{border-top:1px solid #eee;}
.bbe{border-bottom:1px solid #eee;}
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh{background-color:#fff;}

/* safe color */
.g0{color:#000;}
.g3{color:#333;}
.g6{color:#666;}
.g9{color:#999;}
.gc{color:#ccc;}
.wh{color:white;}
/* font-size */
.f0{font-size:0;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
/* font-family */
.fa{font-family:Arial;}
.ft{font-family:Tahoma;}
.fv{font-family:Verdana;}
.fs{font-family:Simsun;}
.fl{font-family:'Lucida Console';}
.fw{font-family:'Microsoft Yahei';}
/* font-style */
.n{font-weight:normal; font-style:normal; white-space: normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}
/* text-decoration */
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
/* letter-spacing */
.lt-1{letter-spacing:-1px;}
.lt0{letter-spacing:0;}
.lt1{letter-spacing:1px;}
/* white-space */
.nowrap{white-space:nowrap;}
/* word-wrap */
.bk{word-wrap:break-word;}
/* vertical-align */
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.v-1{vertical-align:-1px;}
.v-2{vertical-align:-2px;}
.v-3{vertical-align:-3px;}
.v-4{vertical-align:-4px;}
.v-5{vertical-align:-5px;}
/* float */
.l{float:left;}
.r{float:right;}
/* clear */
.cl{clear:both;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
/*z-index*/
.zx1{z-index:1;}
.zx2{z-index:2;}
/* cursor */
.poi{cursor:pointer;}
.def{cursor:default;}
/* overflow */
.ovh{overflow:hidden;}
.ova{overflow:auto;}
/* visibility */
.vh{visibility:hidden;}
.vv{visibility:visible;}
/* opacity */
.opa0{opacity:0; filer:alpha(opacity=0);}
/* zoom */
.z{*zoom:1;}


/* ------------------- multiply CSS ------------------ */

/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 清除浮动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}
/*清除浮动*/
.clearfix:after{
      display:block;height:0;content:'.';clear:both;overflow:hidden;
}
/* 基于display:table-cell的自适应布局 */
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/* 双栏自适应cell部分连续英文字符换行 */
.cell2{overflow:hidden; _display:inline-block;}
/* 单行文字溢出虚点显 示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* css3过渡动画效果 */
.trans{
    -webkit-transition:all .15s;
            transition:all .15s;
}
/* 大小不定元素垂直居中 */
.dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}
/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
.loading{background:url(about:blank) no-repeat center;}
/* 无框文本框文本域 */
.bd_none{border:0; outline:none;}
/* 绝对定位隐藏 */
.abs_out{position:absolute; left:-999em; top:-999em;}
.abs_clip{position:absolute; clip:rect(0 0 0 0);}
/* 按钮禁用 */
.disabled{outline:0 none; cursor:default!important; opacity:.4; filer:alpha(opacity=40); -ms-pointer-events:none; pointer-events:none;}
/*inline-block与float等宽列表*/
.inline_box{font-size:1em; letter-spacing:-.25em; font-family:Arial;}
.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any{display:inline-block; *display:inline; letter-spacing:0; vertical-align:top; *zoom:1;}
.float_two, .float_three, .float_four, .float_five, .float_six{float:left;}
.inline_two, .float_two{width:50%; *width:49.9%;}
.inline_three, .float_three{width:33.33333%; *width:33.3%;}
.inline_four, .float_four{width:25%; *width:24.9%;}
.inline_five, .float_five{width:20%; *width:19.9%;}
.inline_six, .float_six{width:16.66666%; *width:16.6%;}
.inline_fix{display:inline-block; width:100%; height:0; overflow:hidden;}


.w1000{width:80%;margin:0 auto;}
.header.contrainer{background-color: #ccc;height:60px;line-height: 60px;}
.header a{display:block;color:#000;text-decoration: none}
.body{line-height: 40px;}
.body .header{font-size: 20px;margin: 50px 0 100px;}
.event_wrap{position:relative;}
.event_wrap .middle_line{position:absolute;left:50%;top:80px;width:8px;margin-left: 0px;border-left: 1px solid #000;height:100%;}
.event_wrap .middle_line i{display:block;height:3.31%;border-bottom: 1px solid #000;width:60%;}
.event_wrap .middle_line i.first{padding-top: 75px;}
.event_wrap .middle_line i.last{margin-bottom: 25px;}
.big_squre-end{margin-left:-30px;left:50%;display:block;position:absolute;bottom:8px;width:60px;height:60px;background-color: #6e6e6e;border-radius: 10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.big_squre{margin-left:-30px;left:50%;display:block;position:absolute;top:8px;width:60px;height:60px;background-color: #6e6e6e;border-radius: 10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.big_squre span{transform:rotate(-45deg);-webkit-transform: rotate(-45deg);display: block;position: absolute;left: 4px;color: #fff;top: 10px;font-size: 18px}
.big_squre-end span{transform:rotate(-45deg);-webkit-transform: rotate(-45deg);display: block;position: absolute;left: 11px;color: #fff;top: 11px;font-size: 18px}
.small_squire{position:absolute;top:12px;display:block;height:16px;width:16px;padding:3px;border-radius: 3px;transform:rotate(225deg);-webkit-transform:rotate(225deg);background-color: #6e6e6e;}
.small_squire i{display:block;width:12px;height:12px;background-color: #fff;border-radius: 2px; margin:-1px;}
.event_wrap .list{height:300px;position:relative;padding-top: 75px;top:80px;}
.aActiveWid{width:50% !important;filter:alpha(opacity=100) !important;opacity:1 !important;}
.event_wrap .list:last-child{height:275px;}
.event_wrap .list .ev_text{position:absolute;opacity:0.1;filter:alpha(opacity=10);width:0px;overflow: hidden;
    -o-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -ms-transition: all 3s ease;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;}
.event_wrap .list_right .ev_text_odd,.event_wrap .list_left .ev_text_event{text-align: left;left:51%;}
.event_wrap .list_right .ev_text_event,.event_wrap .list_left .ev_text_odd{text-align: right;left:initial;right:50%;}
.event_wrap .list .ev_t1{top: 55px;}
.event_wrap .list .ev_t2{top: 80px;}
.event_wrap .list .ev_t3{top: 105px;}
.event_wrap .list .ev_t4{top: 130px;}
.event_wrap .list .ev_t5{top: 155px;}
.event_wrap .list .ev_t6{top: 180px;}
.event_wrap .list .ev_t7{top: 205px;}
.event_wrap .list .ev_t8{top: 230px;}
.event_wrap .list .ev_t9{top: 255px;}
.event_wrap .list .ev_t10{top: 280px;}
.event_wrap .list .ev_t11{top: 305px;}
.event_wrap .list .ev_t12{top: 330px;}

.event_wrap .list_right .small_squire,.event_wrap .list_left .ev_text_event .small_squire{left:3px;}
.event_wrap .list_left .small_squire,.event_wrap .list_right .ev_text_event .small_squire{right:4px;left:inherit;}
.event_wrap .list .small_line,.event_wrap .list_left .ev_text_event .samll_line{display: inline-block;position: absolute;height: 1px;overflow: hidden;border-top: 1px solid #000;top: 19px;left:21px;width: 13%;}
.event_wrap .list_left .ev_text_odd .small_line,.event_wrap .list_right .ev_text_event .small_line{right:23px;left:initial;}
.ev_text h3{font-size: 18px;padding-left: 20%;width:80%; font-weight:normal;}
.ev_text p{line-height: 20px;padding-left:20%;width:80%;height:auto;overflow: hidden;}
.list_right .ev_text_event h3,.list_right .ev_text_event p,.list_left .ev_text_odd h3,.list_left .ev_text_odd p{padding-left: inherit}

.who-contentnone{ display:none;}

@media (min-width: 768px){
    .navbar-nav {
        float: right;
        margin: 0;
    }
    .dl-horizontal dd {
         margin-left: 0px;
    }
    .mobile-views {
        display: none;
    }
    .pc-views {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .mobile-views {
        display: block;
    }
    .pc-views {
        display: none;
    }
    .banner-logo .logo-content{
        height: 380px;
    }
    .banner-logo .logo-content img {
        height: 380px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
	.who-contentnone{ display:block;}
	.who-contentin{ display:none;}
    .service-h1>h1{
        font-size: 24px;
    }
    .service-page-logo dd .title-despriction {
        font-size: 20px;
    }
    .owl-dots {
        bottom: -30px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        padding: 15px 15px 15px 25px;
    }
    .contact-our>button{
        padding: 15px 30px;
        font-size: 18px;
        border: none;
        background-color: #07aca7;
        color: #fff;
        margin: 0 auto;
    }
    .contact-our>button>a{
        font-size: 18px;
        color: #d2e63a;
    }
    .user-content{
        padding: 0 15px;
        text-indent: 28px;
        margin-top: 30px;
    }
    .user-content .small-p{
        text-indent: 0;
    }
    #footer-logo{
        width: 80%;
    }
    .technology-lists-items{
        padding-right: 0;
		padding-left: 0;
    }
    .ev_text p{
        line-height: 16px;
    }
    .ev_text h3{
        line-height: 16px;
    }
    .ev_text p,.ev_text h3{
        font-size: 12px;
    }
    .case-content{
        padding:0 0 0 0 ;
    }
    .about-case{
        font-size: 18px;
		text-align:center
    }
	.my-service-dd{
        margin-top:15px;
        width: 100%;
    }
	.my-service-dd p{ margin-bottom:10px;}
    .case-content>p{
        font-size: 14px;
    }
    .top-content h3 {
        font-size: 16px;
    }
    .detail-despriction p {
        font-size: 14px;
        line-height: 24px;
    }
	.top-content{ float:left;padding:5px 0;}
    .top-content span {
		width:100%;
    }
    .blog-detail-right{
        float: right;
        width: 100%;
    }
    .blogs-right-content li {
        line-height: 40px;
        float: left;
        margin: 10px;
        text-align: center;
    }
	.logo-content{top:58%;}
	.company-idea.vertical-ul.wow.fadeIn.margin-top-15.animated img{ 
	    width:60%;
		margin:0 auto;
	}	
	.banner-pic img{
	    width:35%;
	}
	.company-name{
		margin-top:15px;
	}
	.company-name img{
	    width:40%;
	}
	.navbar-header a{
		/*display:none;*/
	}
	.navbar-brand img{ height:30px;}
	.nav-area{ 
	   /* background-color:rgba(30, 30, 30, 0.0)*/
	}
	.nav-areadisplay{ 
	    background-color:rgba(30, 30, 30, 0.94)
	}
	.dl-content{
    width:100%;
	}
	.who-content p{ text-align:left; margin-bottom:15px;}
	.dl-content-font{ font-size:12px;}
	.dl-content .margin-top-30{ margin-top:0;}
	.dl-content .margin-top-30 p{ margin-bottom:5px;}
	
	.font-title{ font-size:28px;}
	
	.my-service-dd .my-service-info{ font-size:11px;}
	.title-border-bottom{ margin-top:30px;}
	.our-technology-top{ padding-bottom:0;}
	.who-are-content,.mian-service,.our-technology,.our-project,.our-blogs,.select-our,.footer-bg,.inner-padding7,.blogs-details-content{ padding:40px 0;}
	
	.technology-lists-box{ padding:0 15px;}
	.technology-lists-box .technology-bg{left: 50%; top:0;margin-top: -40px ;margin-left: -40px;}
	.technology-lists-box dd { margin-top:60px; padding:50px 15px 20px;	}
	.post-meta{ font-size:12px;}
	.post-heading a{ font-size:14px;}
	.post-sticker{top:15px;}
	
	.my-service-info{ font-size:12px;}
	.footernone a{ font-size: 12px; }
	.footerblock{ display:block;}
	.footer-content dt{ text-align:center;}
	.footer-copyright,.footer-copyright>a {font-size: 11px;display: block;}
	.footer-copyright{ margin-top:0;}
	
	.portfolio-filter ul{ margin-bottom:20px;} 
	.case-items,.blog-items,.detail-left{ padding:0;}
	.contact-list{ padding:10px 0 0 0;}
	.baidu-map{ margin:20px -15px; padding:0 0;}
	.navbar-nav .dropdown-menu-right{ width:100%;}
}
@media only screen and (max-width: 980px){
    .mobile-views {
        display: block;
    }
    .pc-views {
        display: none;
    }
    .service-flow-box{
        padding-bottom: 80px;
    }
    .jiantou-bg{
        width: 50px;
        height: 40px;
        background: url(../img/service-imgs/jiantou.png) no-repeat center center;
        background-size: cover;
        position: absolute;
        left: 50%;
        margin-left: -25px;
        top: 85%;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .service-flow-last{
        padding-bottom: 0;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .mobile-views {
        display: block;
    }
    .pc-views {
        display: none;
    }
}