#about {
    background: #f5f5f5;
}

#about .container {
    background: #fff;
    margin-top: -18px;
    padding: 42px 42px 0 24px;
    position: relative;
}

#about .container .about_left {
    border-right: 1px solid #dddddd;
    margin-right: 42px;
    padding: 0;
    position: absolute;
    height: 100%;
}

#about .container .about_left.col-md-3 {
    width: 20.66666%;
}

#about .container .about_left .aboutpromp {
    height: 116px;
    position: relative;
}

#about .container .about_left .aboutus {
    height: 100%;
    background: #37af83;
    width: 90%;
}

#about .container .about_left .title {
    width: 76%;
    height: 78px;
    background: #47dca5;
    position: absolute;
    top: 50%;
    margin-top: -39px;
    line-height: 78px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}

#about .container .about_left h3 {
    margin: 0;
    padding: 22px 0 12px 20px;
    border-bottom: 1px solid #dddddd;
    color: #000;
}

#about .container .about-right {
    padding: 0;
    margin-bottom: 120px;
}

#about .container .about-right .title {
    border-bottom: 1px solid #222222;
    padding: 20px 0 15px 0;
}

#about .container .about-right .title h3 {
    color: #000000;
    margin: 0;
}

#about .container .about-right .title p {
    margin: 0;
    margin-top: 8px;
    font-size: 14px;
    color: #999999;
}
#about .container .about-right .title p a{
    font-size: 14px;
    color: #999999;
}
#about .container .about-right .title p span {
    color: #222222;
}

#about .container .about_left .aboutinfo {
    padding-top: 16px;
}

#about .container .about_left .aboutinfo li {
    padding-left: 20px;
    line-height: 32px;
    font-size: 14px;
    margin-bottom: 10px;
}

#about .container .about_left .aboutinfo li a {
    color: #666666;
    display: block;
    width: 100%;
}

#about .container .about_left .aboutinfo li.active {
    font-size: 16px;
    color: #fff;
    background-color: #37af83;
}

#about .container .about_left .aboutinfo li.active a {
    color: #fff;
}

#about .container .about-right .content {
    margin-top: 46px;
}

#about .container .about-right .content p {
    font-size: 16px;
    color: #666666;
    text-indent: 32px;
    line-height: 28px;
    margin-bottom: 28px;
}

#about .container .about-right .content.aboutDLX p {
    margin-bottom: 160px;
}

#about .container .about-right .development {
    border-left: 1px solid #dddddd;
    margin-top: 20px;
    padding-left: 30px;
}

#about .container .about-right .development p {
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin: 0;
}

#about .container .about-right .development p.colorlv {
    position: relative;
    margin-bottom: 5px;
    padding-top: 23px;
}

#about .container .about-right .development p.colorlv span.big {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #9fd8c3;
    line-height: 21px;
    text-align: center;
    position: absolute;
    left: -40px;
}

#about .container .about-right .development p.colorlv span::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #37af83;
}

#about .container .about-right .development.culture .cul p{
    font-size:14px;
    color:#666666;
    line-height:18px;
    margin-bottom:10px;
}
#about .container .about-right .development.culture .cul p.cultitle{
    font-size:18px;
    color:#222222;
    margin-bottom:18px;
    margin-top:23px;
}
#about .container .about-right .development.culture .cul p.culinfo{
    font-size:16px;
    color:#535353;
    padding-bottom:18px;
}
#about .container .about-right .development.culture .company .left img:last-child{
    padding-top:24px;
}
#about .container .about-right .development.culture .col-sm-6,
#about .container .about-right .development.culture .col-xs-12{

}
#about .container .about-right .development.culture .activity p{
    font-size:14px;
    color:#222222;
    margin-top:16px;
    margin-bottom:36px;
}
#about .container .about-right .honor img {
    margin-top: 23px;
}
#about .container .about-right .patent{
    margin-top:35px;
}
#about .container .about-right .patent .swiperPatent{
   padding:0 90px;
   position:relative;
}
#about .container .about-right .patent h4{
    font-size:18px;
    color:#222222;
    margin:0;
    margin-bottom:24px;
}
#about .container .about-right .patent .swiperSoftware h4{
    margin-top:45px;
}
#about .container .about-right .patent img {
    height: 329px;
    cursor:pointer;
}
#about .container .about-right .patent .swiper-slide.swiper-slide-prev,
#about .container .about-right .patent .swiper-slide.swiper-slide-next{
    margin-top:73px;
    height:240px;
    overflow:hidden;
}
   
#about .container .about-right .patent .swiper-slide.swiper-slide-prev img,
#about .container .about-right .patent .swiper-slide.swiper-slide-next img{
    height: 250px;
}
#about .container .about-right .patent .swiper-button-next,
#about .container .about-right .patent .swiper-button-prev{
   top: 75%;
   background: none;
   width: 28px;
   height: 55px;
}
#about .container .about-right .patent .swiper-button-next{
   background-image: url('../Images/right.png');
}
#about .container .about-right .patent .swiper-button-prev{
   background-image: url('../Images/left.png');
}
#about .container .about-right .patent .table > thead > tr > th{
    text-align:center;
    border:none;
    font-size:16px;
    color:#535353;
    background:#dddddd;
    font-weight:normal;
    
}
#about .container .about-right .patent .table > tbody > tr > td{
    font-size:14px;
    color:#222222;
    border-top:none;
    border-bottom:1px dashed #e4e4e4;
    line-height:14px;
    padding:20px 0;
}
#about .container .about-right .patent .table caption{
    font-size:18px;
    color:#222222;
    margin:57px 0 22px 0;
}
.colorlv {
    color: #37af83 !important;
}

#main-blog .aboutus p {
    text-indent: 32px;
    font-size: 16px;
    color: #666666;
    margin: 0;
}

#main-blog .aboutus .aboutinfo {
    padding: 20px 0;
}

#main-blog .aboutus .aboutinfo img {
    margin-bottom: 25px;
}

#main-blog .aboutus .aboutinfo img:first-child {
    margin-bottom: 62px;
}

#main-blog .market {
    background-color: #f5f5f5;
}

#main-blog .market .form-group {
    border-bottom: 1px solid #dddddd;
    margin-right: 42px;
    margin-left: 42px;
}

#main-blog .market .form-group:first-child {
    padding-top: 48px;
}

#main-blog .market .form-group .form-control {
    border: none;
    background-color: #f5f5f5;
    outline: none;
    box-shadow: none;
    height: 40px;
}

#main-blog .market .form-group .col-xs-9 {
    padding: 0;
}

#main-blog .market .control-label {
    font-size: 14px;
    color: #666666;
    padding: 0;
    text-align: left;
}

#main-blog .market .form-group.submit {
    border: none;
}

#main-blog .market .form-group.submit input {
    width: 20%;
    background-color: #37af83;
    border: none;
    box-shadow: none;
    outline: none;
    color: #ffffff;
    font-size: 16px;
    border-radius: 5px;
    line-height: 48px;
    margin: 54px 0 100px 0;
}
#main-blog .personnel table{
    width:100%;
    margin-top:30px;
}
#main-blog .personnel table > thead > tr {
    font-size: 16px;
    color: #666666;
    height: 48px;
    background: #f5f5f5;
    line-height:48px;
}
#main-blog .personnel thead > tr > th {
    text-align: center;
    font-weight: normal;
}
#main-blog .personnel tbody > tr {
    border: none;
    height:70px;
    line-height:70px;
    font-size:14px;
    color:#222222;
    border-bottom: 1px dashed #dfdfdf;
}
#main-blog .personnel tbody > tr >td a{
    font-size:14px;
    color:#fff;
    padding:9px 21px;
    background:#37af83;
    border-radius:20px;
}
#main-blog .personnel tbody > tr > td:last-child:hover a{
    background:#42cf9b;
}
#main-blog .personnel thead > tr > th,
#main-blog .personnel tbody > tr > td{
    display:inline-block;
    width:20%;
    
}
#jobDetails {
    background:#f5f5f5;
}
#jobDetails .container{
    padding:24px 42px 120px 42px;
}
#jobDetails .container .details{
    background-color:#fff;
    padding-top:32px;
    padding-bottom:100px;
}
#jobDetails .container .details div.title{
    border-bottom:1px dashed #e3e3e3;
    
}
#jobDetails .container .details .title div{
    padding-left:120px;
}
#jobDetails .container .details .title h3{
    color:#222222;
    margin:0;
    margin-bottom:24px;
}
#jobDetails .container .details .title p{
    font-size:16px;
    color:#666666;
    margin-bottom:30px;
}
#jobDetails .container .details .title p .type{
    margin-right:70px;
}
#jobDetails .container .details .info{
    padding-left:120px;
}
#jobDetails .container .details .info p.title{
    padding:35px 0 20px 0;
    font-size:16px;
    color:#666666;
}
#jobDetails .container .details .info p.contact{
    font-size:16px;
    color:#222222;
    margin-top:40px;
}
#jobDetails .container .details .info p{
    font-size:14px;
    color:#999999;
    margin:0;
}
#contactus .info {
    margin: 48px 42px 120px 42px;
}

#contactus .info .col-sm-6 {
    padding: 0;
}

#contactus .info h2 {
    color: #000000;
    margin-bottom: 32px;
}

#contactus .info p {
    margin: 0;
    font-size: 18px;
    color: #666666;
    margin-bottom: 15px;
}

#contactus .info p.company {
    font-size: 20px;
    color: #222222;
    margin-bottom: 20px;
}

.marginT {
    margin-top: 36px;
}

.marginR {
    margin-right: 40px;
}

.paddingL {
    padding-left: 0;
}

.paddingR {
    padding-right: 0;
}

@media (max-width: 1200px) {

}

@media (max-width: 990px) {
    #main-blog .aboutus .aboutinfo img:first-child {
        margin-bottom: 0px;
    }
    #main-blog .aboutus .aboutinfo {
        padding: 0;
    }
}

@media (max-width: 768px) {
    #main-blog .aboutus .aboutinfo img:first-child {
        margin-bottom: 40px;
    }
    #main-blog .market .control-label.col-sm-1 {
        width: 14%;
    }
    #main-blog .market .control-label.col-xs-3 {
        /* width: 25%; */
    }
    #main-blog .market .control-label {
        font-size: 13px;
    }
    #main-blog .market .form-group.submit input {
        line-height: 35px;
        margin: 10px 0 30px 0
    }
    #jobDetails .container .details .title div,
    #jobDetails .container .details .info {
        padding-left:20px;
    }
    #about .container .about-right .patent .swiper-slide.swiper-slide-prev,
    #about .container .about-right .patent .swiper-slide.swiper-slide-next {
        margin-top:0;
        height:auto;
    }
    #about .container .about-right .patent .swiper-slide.swiper-slide-prev img,
    #about .container .about-right .patent .swiper-slide.swiper-slide-next img {
        height: auto;
    }
    #about .container .about-right .patent img {
        height: auto;
    }
    #about .container .about-right .patent .swiperPatent {
        padding: 0 30px;
    }
}

@media (min-width: 768px) {
    #main-blog .market .control-label.col-sm-1 {
        width: 13%;
    }
}

@media (max-width: 675px) {
    #about .container .about_left .aboutpromp {
        height: 58px;
    }
    #about .container .about_left .title {
        height: 39px;
        top: 50%;
        margin-top: -21px;
        line-height: 39px;
        font-size: 16px;
    }
    #about .container .about_left h3 {
        padding: 10px 0 10px 20px;
        font-size: 18px;
    }
}

@media (max-width: 525px) {
    #main-blog .personnel thead > tr > th, 
    #main-blog .personnel tbody > tr > td{
        width:23%;
    }
    #main-blog .personnel tbody > tr{
        height:50px;
        line-height:50px;
        font-size:12px;
    }
    #main-blog .personnel table > thead > tr{
        font-size:14px;
    }
    #main-blog .personnel tbody > tr > td a {
        font-size: 12px;
        padding: 5px 8px;
    }
}

@media (max-width: 480px) {
    #map_canvas {
        height: 300px !important;
    }
    #contactus .info {
        margin: 0;
    }
    #contactus .info h2 {
        margin-bottom: 15px;
        font-size: 26px;
    }
    #contactus .info p.company {
        font-size: 16px;
    }
    #contactus .info p {
        margin-bottom: 10px;
        font-size: 14px;
    }
    #main-blog .market .form-group {
        margin: 0 10px 15px 10px;
    }
    #main-blog .market .control-label.col-xs-3 {
        width: 25%;
    }
    #main-blog h2 {
        margin-bottom: 20px;
        font-size: 20px;
    }
    #main-blog .market .form-group:first-child {
        padding-top: 20px;
    }
    #main-blog .market .form-group.submit input {
        line-height: 25px;
        margin: 0 0 20px 0
    }
    #about .container .about_left h3 {
        font-size: 18px;
        padding-left: 10px;
    }
    #about .container .about_left .aboutinfo li.active {
        font-size: 14px;
    }
    #about .container .about_left .aboutinfo li {
        padding-left: 10px;
        font-size: 12px;
    }
    #about .container .about_left .title {
        font-size: 14px;
    }
    #jobDetails .container .details .info p.title {
        padding: 20px 0 10px 0;
        font-size:14px;
    }
    #jobDetails .container .details .title h3{
        margin-bottom:5px;
    }
    #jobDetails .container .details .title p{
        margin-bottom:10px;
    }
    #jobDetails .container .details .info p.contact{
        font-size:14px;
    }
    #jobDetails .container .details .info p{
        font-size:12px;
    }
}