.top {
    padding: 16px 0 14px;
}

.top a {
    font-size: 14px;
    color: rgb(150, 153, 154);
    line-height: 1.6;
    padding: 0 6px;
    transition: all 0.5s;
}

.top a:hover {
    color: #58c3e0;
    transition: all 0.5s;
}

.top a:nth-child(1) {
    border-right: 1px solid rgb(150, 153, 154);
}

.top a img {
    display: inline-block;
    width: 23px;
    height: 23px;
    overflow: hidden;
    border-radius: 50%;
    margin: -2px 4px 0 0;
}

.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 99;
}

header {
    padding-bottom: 40px;
    transition: all 0.5s;
}

.hot-phone img {
    vertical-align: top;
    margin-right: 16px;
}

.hot-phone .i-block p:nth-child(1) {
    font-size: 16px;
    color: rgb(72, 73, 73);
    line-height: 1.5;
    transition: all 0.5s;
}

.hot-phone .i-block p:nth-child(2) {
    font-size: 19px;
    font-family: "Arial";
    color: rgb(248, 2, 3);
    font-weight: bold;
    line-height: 1.333;
    transition: all 0.5s;
}

.search {
    margin-left: 28px;
}

.search input {
    width: 234px;
    height: 34px;
    border: 1px solid #dbd8d9;
    vertical-align: bottom;
    padding: 0 28px 0 10px;
    border-radius: 7px;
    font-size: 14px;
    color: rgb(166, 166, 166);
    line-height: 1.714;
}

.search input::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 14px;
    color: rgb(166, 166, 166);
    line-height: 1.714;
}

.search input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    color: rgb(166, 166, 166);
    line-height: 1.714;
}

.search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 14px;
    color: rgb(166, 166, 166);
    line-height: 1.714;
}

.search input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 14px;
    color: rgb(166, 166, 166);
    line-height: 1.714;
}

.search a {
    top: 7px;
    right: 7px;
    color: #585859;
}

/*导航*/
.navigation {
    background: #58c3e0;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover {
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 1.5;
}

.navbar {
    margin-bottom: 0;
}

.navbar-nav {
    width: 100%;
}

.navbar-collapse,
.container-fluid {
    padding: 0;
}

.navbar-nav>li>a {
    padding: 15px 0;
}

.navbar-nav>li {
    /*width:100%;*/
    text-align: center;
    white-space: nowrap;
    /*平分盒子大小*/
    flex-grow: 1;
}

.navbar-nav li.act {
    background: #50b3ce !important;
}

.inner {
    display: none;
    width: 100%;
    z-index: 100;
    background: #50b3ce;
    /*background: rgba(88,195,224,0.5);*/
}

.inner li {
    padding: 15px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inner li a {
    color: #fff;
}

/*轮播*/
.swiper-container {
    width: 100%;
    overflow: hidden;
}

.swiper-pagination-bullet {
    opacity: 1;
    background: #58c3e0;
}

.swiper-pagination-bullet-active {
    background: #fff;
}

/*产品*/
.product {
    margin: 22px 0 28px 0;
}

.pd-list {
    border: 2px solid #58c3e0;
    padding: 0 !important;
}

.pd-lidt-t {
    font-size: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1;
    background: #58c3e0;
    text-align: center;
    padding: 28px 0 !important;
    transition: all 0.5s;
}

.pd-list>ul {
    padding: 6px;
}

.pd-list>ul>li>a {
    display: inline-block;
    font-size: 16px;
    color: rgb(95, 99, 100);
    line-height: 3.67;
    width: 88%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd-list>ul>li {
    background: #f2f8f7;
    margin-bottom: 1px;
    padding: 0 15px 0 43px;
    cursor: pointer;

}

.pd-list>ul>li>i {
    margin-top: 22px;
}

.pd-inner {
    display: none;
    top: 0;
    left: 100%;
    background: #f2f8f7;
    border: 2px solid #58c3e0;
    border-left: 0;
    z-index: 102;
    padding: 8px 0;
}

.pd-inner:before {
    position: absolute;
    top: -2px;
    left: -2px;
    border-top: 6px solid #f2f8f7;
    border-left: 8px solid transparent;
    content: "";
}

.pd-inner:after {
    position: absolute;
    bottom: -2px;
    left: -2px;
    border-bottom: 6px solid #f2f8f7;
    border-left: 8px solid transparent;
    content: "";
}

.pd-inner a {
    white-space: nowrap;
    padding: 10px 20px;
    display: block;
    color: rgb(95, 99, 100);
    font-size: 13px;
    line-height: 1.8;
}

.pd-inner a:hover {
    color: #58c3e0;
}

.pd-nav {
    display: none;
}

.dingzhi-phone {
    margin: 6px;
    margin-top: 0;
    /*padding: 48px 0 58px;*/
    padding: 38px 0;
    background-image: url("../images/bg-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    transition: all 0.5s;
}

.dingzhi-phone p:nth-child(1) {
    font-size: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.5;
}

.dingzhi-phone p:nth-child(2) {
    font-size: 32px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 0.833;
    margin-top: 6px;
    transition: all 0.5s;
}

.pd-content {
    padding: 0 0 0 25px;
}

.pd-content-t {
    background: #f2f8f7;
}

.pd-content-t p {
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 2.25;
    background: #58c3e0;
    padding: 6px 86px;
    transition: all 0.5s;
}

.pd-content-t a {
    text-transform: uppercase;
    font-size: 16px;
    color: rgb(166, 166, 166);
    line-height: 2.25;
    margin: 5px 16px 0 0;
    transition: all 0.5s;
}

.pd-content-t a:hover {
    color: #58c3e0;
    transition: all 0.5s;
}

.pd-swiper1 {
    margin-top: 28px;
    transition: all 0.5s;
}

.swiper-container-al {
    position: relative;
}

.swiper-container1,
.swiper-container4,
.swiper-container-al {
    width: 100%;
    overflow: hidden;
}

.swiper-container1 .swiper-slide,
.swiper-container4 .swiper-slide,
    {
    overflow: hidden;
}

.swiper-container-al .swiper-slide {
    overflow: hidden;
    border: 1px solid #a6a6a6;
}

.swiper-container-al .swiper-slide a img {
    border: none;
}

.swiper-container4 .swiper-slide img {

    border: 1px solid #a6a6a6;
}

.swiper-container-al .swiper-button-next {
    top: 35%;
}

.swiper-container-al .swiper-button-prev {
    top: 35%;
}

.wrap_anli_main .pic_num.active {
    background: #57c3e0;
}

.wrap_anli_main .pic_num.active .en {
    color: #92dae9;
}



.wrap_anli_main:hover .pic_num {
    background: #57c3e0;
}

.wrap_anli_main:hover .pic_num .en {
    color: #92dae9;
}

.anli_pd {
    padding: 0 15px;
}

.swiper-slide a {
    width: 100%;
}

.swiper-slide a img {
    width: 100%;
    border: 1px solid #a6a6a6;
}

.swiper1-text,
.swiper1-text>a {
    background: #a6a6a6;
    font-size: 16px;
    color: rgb(255, 255, 255);
    /*line-height: 2.25;*/
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 10px;
}

.swiper1-text img {
    top: 10px;
    left: 18px;
}
/*耗材*/
.pro_haocai .hc_cs{
    overflow: auto;
}

.pro_haocai .title p{
   line-height: 28px;
  
    color: #fff;
    padding-left: 2%;
    font-size: 16px;
}
.pro_haocai .title p span{
    color: #846962;
    padding-left: 2%;
    font-size: 14px;
    font-family: "Arial";
}

.pro_haocai .hc_cs .shu{
    overflow: auto;
    margin-top: 10px;
}

.pro_haocai .hc_cs .shu div ul{
    margin-top: 10%;
}
.pro_haocai .hc_cs .shu div ul li{
    padding: 10px 0;
    border-bottom: 1px solid #dad2d0;
}
.pro_haocai .hc_cs .tz{
    text-align: center;
    margin-top: 35px;
}
.pro_haocai .hc_cs .tz .titi{
    font-weight: bold;
    margin-bottom: 20px;
    color:#333;
}

.pro_haocai .xijie,.pro_haocai .zhanshi{
    overflow: auto;
  
}
.pro_haocai .title{
    margin-bottom: 20px;
    margin-top: 35px;
}
.pro_haocai .xijie .tw{
     overflow: auto;
}
.pro_haocai .xijie .tw .col-md-3{
    width: 33.33%;
    text-align: center;
    float:left;
    padding-left: 2px;
    padding-right: 2px;
}
.pro_haocai .xijie .tw  p.bt{
    font-size: 18px;
    border-bottom: 1px dashed #7f7f7f;
    padding: 5px 0;
    width:90%;
        margin:0 auto;
}
.pro_haocai .xijie .tw  p{
    color: #7f7f7f;
}
.pro_haocai .hb{
    width: 100%;
}

.pro_haocai img{
    max-width: 100%;
}
.pro_haocai{
    margin-bottom: 40px;
}
.auto{
    overflow: auto;
}






/*技术*/
.plate {
    background: #f2f8f7;
    padding: 48px 0 88px;
}

.plate-t {
    font-size: 24px;
    color: rgb(54, 53, 53);
    line-height: 1;
}

.title-hr {
    width: 174px;
    border-top: 1px solid #58c3e0;
    margin: 0 auto;
    margin-top: 14px;
    margin-bottom: 23px;
}

.title-hr hr {
    width: 56px;
    border-top: 5px solid #58c3e0;
    margin-top: -3px;
    margin-bottom: 0;
}

.tech-det {
    background: #fff;
    margin-left: 2%;
    width: 23.5%;
    padding: 30px 24px;
    box-sizing: border-box;
}

.tech-det:nth-child(1) {
    margin-left: 0;
}

.tech-img {
    width: 50%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #fff;
}

.tech-img img {
    width: 100%;
}

.tech-con-t {
    font-size: 18px;
    color: #58c3e0;
    font-weight: bold;
    line-height: 3;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tech-con-text {
    font-size: 14px;
    color: rgb(98, 97, 97);
    line-height: 1.857;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: center;

}

/*案例展示*/
.case {
    background: #fff;
    padding: 34px 0;
}

.nav-tabs {
    border-bottom: none;
    padding: 0 20px;
}

.nav-tabs>li {
    margin-left: 29px;
}

.nav-tabs>li>a {
    font-size: 16px;
    color: #616161;
    line-height: 2.25;
    border: none !important;
}

.nav-tabs>li>a:hover {
    color: #58c3e0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none !important;
    color: #58c3e0;

}

.tab-content {
    margin-top: 30px;
}

.swiper2 {
    padding-left: 0;
    padding-right: 0;
    width: 68%;
}

.ps-current {
    border: 2px solid #58c3e0;
}

.case-name {
    background: #f6f6f6;
    padding: 30px 17px;
    margin-left: 1%;
    width: 31%;
    transition: all 0.5s;
}

.case-name-t {
    font-size: 18px;
    color: rgb(86, 85, 85);
    text-align: center;
    margin-bottom: 22px;
}

.case-detail {
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s;

}

.case-detail p {
    display: inline-block;
    vertical-align: middle;
}

.case-detail p:nth-child(1) {
    box-sizing: border-box;
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 3;
    background: #58c3e0;
    width: 116px;
    padding-left: 20px;
    transition: all 0.5s;
}

.case-det-name p:nth-child(1) {
    background: #8fbcb1;
}

.case-detail p:nth-child(2) {
    padding-left: 10px;
    font-size: 14px;
    color: rgb(86, 85, 85);
    line-height: 3.786;
    transition: all 0.5s;
}

/*服务流程*/
.service {
    padding: 36px 0 28px;
}

.service-det:nth-child(1) {
    background: #58c3e0;
}

.service-det:nth-child(2) {
    background: #c8c8c8;
}

.service-det:nth-child(3) {
    background: #71bcd3;
}

.service-det:nth-child(4) {
    background: #a6a6a6;
}

.service-det:nth-child(5) {
    background: #71bcd3;
}

.service-det:nth-child(6) {
    background: #a6a6a6;
}

.service-det {
    width: 16.5%;
    margin-left: 1px;
    padding: 26px 0 16px;
    color: #fff;
}

.service-det>a {
    cursor: pointer;
}

.service-det>a .iconfont {
    color: #fff;

}

.service-det>a:hover .iconfont {
    -webkit-transform: rotate3d(0, 1, 0, 360deg);
    -moz-transform: rotate3d(0, 1, 0, 360deg);
    transform: rotate3d(0, 1, 0, 360deg);
    transition: all .5s;
}

.service-det p {
    text-align: center;
}

.service-det p:nth-child(1) {
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 1.875;
}

.service-det p:nth-child(2) {
    font-size: 50px;
}

.service-det p:nth-child(3) {
    text-align: right;
    padding-right: 24px;
    font-size: 36px;
    color: rgba(255, 255, 255, 0.251);
    font-weight: bold;
    line-height: 0.833;
}

/*关于德信*/
.about {
    background: #fff;
    padding: 46px 0 56px;
}

.about-det-left {
    padding-left: 0;
    padding-right: 30px;
}

.about-det-left .text {
    max-height: 232px;
    overflow: hidden;
}

.about-det-left .text p {
    font-size: 14px;
    color: rgb(103, 103, 103);
    line-height: 2.143;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    transition: all 0.5s;
}

.about-det-left .text p:last-child {
    margin-bottom: 0;
}

.xiangqing {
    display: inline-block;
    /*text-align: right;*/
    color: #58c3e0;
    border: 1px solid #58c3e0;
    font-size: 14px;
    float: right;
    padding: 4px 10px;
    margin-bottom: 10px;
}

.xiangqing:hover {
    opacity: 0.7;
    color: #58c3e0;

}

.about-det-left .text a {
    bottom: 10px;
    right: 0;
    color: #58c3e0;
    border: 1px solid #58c3e0;
    padding: 2px 20px;
    background: #fff;
    transition: all 0.5s;
}

.about-icon>div {
    border: 1px solid #e0dfdf;
    width: 32%;
    text-align: center;
    color: #58c3e0;
    padding: 8px 0;
    transition: all 0.5s;
}

.about-icon>div p {
    font-size: 44px;
    color: #58c3e0;
    margin-bottom: 10px;
    transition: all 0.5s;
}

.about-icon>div p.ab_p001 {
    font-size: 14px;
    color: rgb(88, 195, 224);
    line-height: 2.143;
    transition: all 0.5s;
}

.ab_p001 .ab_span001 {
    font-size: 36px;
    color: rgb(88, 195, 224);
    font-weight: bold;
    line-height: 0.833;
    transition: all 0.5s;
}

.about-det-right {
    padding: 32px 15px;
    background: #58c3e0;
    margin-top: 8px;
}

.about-right-t {
    font-size: 18px;
    color: rgb(255, 255, 255);
    line-height: 1.333;
    text-align: center;
    margin-bottom: 14px;
}

.swiper-container2 {
    width: 100%;
    overflow: hidden;
}

.swiper-container2 img {
    width: 100%;
}

.swiper-pagination2 {
    bottom: 6px !important;
}

.swiper-pagination2 .swiper-pagination-bullet {
    background: #000;
    opacity: 0.3;
}

.swiper-pagination2 .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;

}

.news {
    padding: 42px 0 33px;
}

/*公司动态*/
.swiper-container3 {
    width: 100%;
    overflow: hidden;
}

.swiper-container3 a img {
    width: 100%;
    border: 2px solid #58c3e0;
}

.swiper3-text {
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 1.714;
    padding: 14px 16px;
}

.swiper-pagination3 {
    /*box-sizing: border-box !important;*/
    bottom: 14px !important;
    text-align: right;
    width: 94% !important;
    /*width:auto !important;*/
}

.news-det-left {
    padding-left: 0;
}

.news-content .more {
    text-align: center;
    padding-top: 26px;
}

.news-content .more a {
    display: inline-block;
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 1.714;
    background: #58c3e0;
    padding: 12px 70px;
    border-radius: 5px;
}

.news-content .more a:hover {
    opacity: 0.7;
}

.news-first-t {
    display: block;
    font-size: 16px;
    color: rgb(69, 170, 197);
    line-height: 1;
    margin-bottom: 12px;
}

.news-first-t:hover,
.news-first-t:active,
.news-first-t:visited {
    color: rgb(69, 170, 197);
}

.news-first .date span {
    margin-right: 20px;
}

.news-first .date,
.news-first-con {
    font-size: 12px;
    color: rgb(141, 140, 140);
    line-height: 2;
}

.news-first-con {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-det-right {
    padding-right: 0;
}

.news-first {
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
}

.news-det-right li {
    font-size: 12px;
    color: rgb(141, 140, 140);
    line-height: 1;
    padding: 12px 0;
    border-top: 1px dotted #c1c1c1;
}

.news-det-right li:nth-child(1) {
    border-top: none;
}

.news-det-right li a {
    display: inline-block;
    font-size: 14px;
    color: #434343;
    width: 80%;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-det-right li a:hover {
    color: rgb(69, 170, 197);
}

.news-det-right li span {
    float: right;
}


/*footer*/
footer {
    background: #58c3e0;
    padding: 44px 50px;
    /*margin-top: 30px;*/
}

.footer-top {
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 1.875;
    text-align: center;
}

.footer-form {
    padding-left: 0;
    padding-right: 48px;
    border-right: 1px solid #fff;
}

.footer-form-info {
    width: 48%;
    float: left;
}

.footer-form-info:nth-child(n+3) {
    margin-top: 8px;
}

.footer-form-info:nth-child(2n) {
    margin-left: 4%;
}

.footer-form-info p {
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 2.143;
}

.footer-form-info input {
    border: none;
    width: 90%;
    height: 36px;
    border-radius: 4px;
    padding: 0 15px;
}

.submit {
    display: inline-block;
}

.t-area {
    width: 100%;
}

.t-area textarea {
    width: 92%;
    height: 88px;
    border-radius: 4px;
    padding: 0 15px;

}

.t-area input:nth-child(3) {
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 2.143;
    background: #6edcfa;
    width: 7%;
    height: 88px;
    white-space: normal;
    box-sizing: border-box;
    padding: 0 10px;
    vertical-align: top;
}

.footer-contact {
    padding-left: 30px;
    padding-right: 0;
}

.footer-contact-text {
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 1;
    vertical-align: top;
}

.footer-form,
.footer-contact {
    margin-top: 40px;
}

.footer-form form {
    margin-top: -28px;
}

.footer-contact-text p {
    margin-bottom: 16px;
}

.erweima {
    float: right;
}

.link p {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    padding-top: 6px;
}

.link p a {
    color: #fff;
}

.link p a:hover {
    color: #fff;
}

.erweima p {
    font-size: 14px;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 2.143;
}

.bottom {
    background: #39a6c3;
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    color: rgb(255, 255, 255);
}

.bottom p {
    font-size: 12px;
    padding: 5px;
}

/*手机端底部*/
.mobile-footer {
    background: #58c3e0;
    padding: 10px 0;
}

.mobile-footer a {
    display: inline-block;
    width: 25%;
    color: #fff;
    text-align: center;
}

.mobile-footer p {
    font-size: 24px;
}

/*间隔*/
.mobile-footer a:nth-child(1),
.mobile-footer a:nth-child(4) {
    width: 25%;
}

.mobile-footer a:nth-child(2),
.mobile-footer>div {
    width: 17%;
}

.mobile-footer a:nth-child(1) {
    margin-right: 8% !important;
}

.mobile-footer a:nth-child(4) {
    margin-left: 8% !important;
}

.mobile-footer>div {
    text-align: center;
}

.bdshare-button-style0-16 a,
.bdshare-button-style0-16 .bds_more {}

/**************************************************************************************************产品中心*/
.pd-contact {
    margin: 24px;
    margin-top: 0;
    transition: all 0.5s;
}

.pd-con-det {
    margin-top: 20px;
    font-size: 14px;
    color: rgb(76, 76, 76);
    line-height: 1.714;
}

.pd-con-det .title {
    font-weight: bold;
}

.pd-border {
    border-left: 1px solid #eeeeee;
    padding-left: 20px;
}

.pd-border .pd-content-t {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.pd-border p.i-block {
    background: #fff;
    font-size: 16px;
    color: rgb(95, 99, 100);
    line-height: 2.375;
    text-align: left;
    padding: 10px 0;
}

.pd-border .pd-content-t a {
    font-size: 14px;
    color: rgb(162, 163, 163);
    line-height: 1.714;
    margin: 0;
    margin-left: 6px;
}

.pd-border .pd-content-t a:hover {
    color: #58c3e0;
}

.pd-border .pd-content-t i {
    color: rgb(162, 163, 163);
}

.pd-border .fr {
    margin-top: 18px;
    color: rgb(162, 163, 163);
}

.pd-content-quick {
    border: 1px solid #ebe8e9;
    margin-top: 13px;
    /*padding: 10px;*/
    /*padding-top: 0;*/
    padding: 0 20px 10px;
    transition: all 0.5s;
}

.pd-content-quick span {
    display: inline-block;
    margin-top: 10px;
    transition: all 0.5s;
}

.pd-content-quick>span {
    margin-right: 20px;

}

.pd-content-quick span a {
    font-size: 14px;
    color: rgb(95, 99, 100);
    line-height: 2.143;
}

.pd-content-quick span a:visited {
    color: rgb(95, 99, 100);

}

.pd-content-quick span a:hover {
    color: #58c3e0;
}

.pd-content-quick span.act a {
    color: #58c3e0;
}

/********************************************************************************************************产品详情*/

.product-detail {
    margin-top: 14px;
}

.pd-img {
    margin-bottom: 35px;
}

.pd-img .pd-img-det {
    padding: 0;
}

.pd-img .pd-img-det img {
    width: 100%;
    border: 1px solid #e1e1e1;
}

.pd-img .title {
    font-size: 24px;
    color: rgb(88, 195, 224);
    line-height: 1.5;
}

.pd-img .text {
    font-size: 14px;
    color: rgb(121, 121, 121);
    line-height: 1.857;
    margin-bottom: 14px;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 7;*/
    /*overflow: hidden;*/
}

.pd-img .pd-img-text {
    padding-left: 46px;
    padding-right: 0;
}

.pd-img-text a,
.jiejing-more {
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 1.857;
    background: #58c3e0;
    padding: 9px 25px;
}

.pd-img-text a:hover,
.jiejing-more:hover {
    opacity: 0.7;
}

.jiejing-more {
    float: right;
    margin-top: 20px;

}

.jiejing-more:hover {
    color: #fff;
}

.pd-nav {
    padding: 0;
    padding-bottom: 1px;
    border-bottom: 1px solid #dcdcdc;
}

.pd-nav>li {
    margin-left: 0;
    background: #f2f8f7;
    padding: 4px 25px;
}

.pd-nav>li.active {
    background: #58c3e0;

}

.pd-nav>li>a,
.pd-nav>li>a:active,
.pd-nav>li>a:hover {
    background: none !important;
    font-size: 16px;
    color: rgb(49, 49, 49);
    line-height: 2.25;
}

.pd-nav>li.active>a,
.pd-nav>li.active>a:focus,
.pd-nav>li.active>a:hover {
    color: #fff;
}

.tab-content-pd {
    margin-top: 22px;
}

#pd-case4 img {
    width: 100%;
    border: 1px solid #e1e1e1;
}

#pd-case4 .pd-tab-det>div:nth-child(2n+1) {
    padding-left: 0;
    padding-right: 11px;
}

#pd-case4 .pd-tab-det>div:nth-child(2n) {
    padding-right: 0;
    padding-left: 11px;
}

#pd-case4 .pd-tab-det>div:nth-child(n+3) {
    margin-top: 22px;
}

#pd-case4 .pd-tab-det>div .text {
    background: #a6a6a6;
    color: #fff;
    font-size: 16px;
    line-height: 2.25;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 38px;
}

/***********************************************************************************************************联系我们*/

.contact-t {
    margin-top: 6px;
}

.map {
    margin-top: 15px;
}

.about-text {
    font-size: 14px;
    color: rgb(100, 100, 100);
    line-height: 1.857;
    margin-top: 10px;
}

.about-text .text {
    text-indent: 35px;
}

.about-text img {
    width: 100%;
}

.about-ul li.act {
    background: #58c3e0 !important;
}

.about-ul li.act a {
    color: #fff !important;
}

.about-ul li.act i {
    color: #fff !important;
}

/**********************************************************************************************成功案例*/
.case-list>ul>li {
    padding: 0 15px 0 15px;
}

.case-success {
    padding-top: 15px;
}

.case-success-det {
    margin-bottom: 40px;
}

.case-success-det img {
    border: 2px solid #58c3e0;
    width: 26%;
    margin-right: 3%;
}

.case-success-det .case-success-text {
    width: 70%;
    margin-top: 0;
}

.case-success-det .case-success-text .title {
    font-size: 16px;
    color: rgb(96, 97, 97);
    padding-bottom: 16px;
    border-bottom: 1px solid #eeeeee;
    transition: all 0.5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-success-det .case-success-text .date {
    font-size: 12px;
    color: rgb(141, 140, 140);
    line-height: 3;
    transition: all 0.5s;
}

.case-success-det .case-success-text .content {
    font-size: 14px;
    color: rgb(96, 97, 97);
    line-height: 1.714;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 10px;
}

.case-success-det .case-success-text a {
    font-size: 14px;
    color: rgb(88, 195, 224);
    /*line-height: 2.929;*/
}

/**********************************************************************************************成功案例详情*/
.case-det-swiper {
    margin-top: 20px;
}

.case-det-swiper .case-det-title {
    font-size: 18px;
    color: rgb(86, 85, 85);
    /*line-height: 2;*/
    text-align: center;
}

.case-det-swiper .case-info {
    font-size: 14px;
    color: rgb(138, 138, 138);
    line-height: 2.571;
    text-align: center;
}

.case-det-swiper .case-info span {
    margin-right: 30px;
}

.case-det-swiper .case-info span:last-child {
    margin-right: 0;
}

.case-swiper {
    width: 100%;
    margin-top: 10px;
}

.swiper-container6 {
    width: 100%;
    overflow: hidden;
}

.swiper-container6 img {
    width: 100%;
    border: 2px solid #58c3e0;
}

.swiper-pagination6 {
    left: 0 !important;
    bottom: 15px !important;
}

.swiper6 {
    width: 53%;
    padding: 0;
}

.case-swiper-name {
    /*padding: 0;*/
    margin: 0;
    width: 47%;
    padding: 12px 15px 11px 34px;
}

.case-det-swiper .box {
    margin-top: 12px;
    border-bottom: 1px solid #eee;
    padding-bottom: 28px;
    overflow: hidden;
    display: block;
}

.case-det-swiper .box .img {
    border: 2px solid #58c3e0;
    width: 32.2%;
    height: auto !important;
    float: left;
}

.case-det-swiper .text {
    font-size: 14px;
    color: rgb(100, 100, 100);
    line-height: 1.714;
    padding: 20px 0;
    border-bottom: 1px solid #eee;

}

/*网站地图*/
.net-map,
.online-message {
    padding-top: 20px;
}

.net-map .title,
.online-message .title {
    text-align: center;
    color: #58c3e0;
    font-size: 24px;
    font-weight: bold;
}

.net-map .component {
    background: rgba(162, 163, 163, 0.3);
    padding: 10px;
    margin-top: 10px;
}

.net-map .component>a {
    color: #58c3e0;
    font-size: 18px;
    font-weight: bold;
}

.net-map .component ul {
    margin-top: 4px;
}

.net-map .component li>a {
    color: #666666;
    font-size: 16px;
    margin-right: 20px;
}

.no-border {
    border-left: none;
}

/*在线留言*/
.online-message .box1 {
    margin-top: 20px;
}

.online-message .box1 input,
.online-message .box2 input,
.online-message textarea {
    width: 30%;
    border: 1px solid #eee;
    padding: 10px 15px;
    margin-left: 4.5%;
    border-radius: 8px;
    color: #666;
    font-size: 14px;
}

.online-message .box1 input:nth-child(1) {
    margin-left: 0;
}

.online-message .box1 input::-webkit-input-placeholder,
.online-message .box2 input::-webkit-input-placeholder,
.online-message textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #666;
    font-size: 14px;
}

.online-message .box1 input:-moz-placeholder,
.online-message .box2 input:-moz-placeholder,
.online-message textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666;
    font-size: 14px;
}

.online-message .box1 input::-moz-placeholder,
.online-message .box2 input::-moz-placeholder,
.online-message textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666;
    font-size: 14px;
}

.online-message .box1 input:-ms-input-placeholder,
.online-message .box2 input:-ms-input-placeholder,
.online-message textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #666;
    font-size: 14px;
}

.online-message .box2,
.online-message textarea {
    margin-top: 10px;
}

.online-message .box2 input,
.online-message textarea {
    width: 100%;
    margin-left: 0;
}

.online-message textarea {
    height: 100px;
}

.yanzhengma {
    width: 200px !important;
}

.online-message .box3 {
    text-align: center;
}

.submit1 {
    width: 200px !important;
}

/*****************************************************************************************************首页案例展示改版*/

/* wrap */
.wrap_anli_main {
    height: 725px !important;
    position: relative;
}

.wrap_anli_main.active {
    width: 72.8% !important;
   
}








.wrap_anli_main.active .pic_num,
.wrap_anli_main.active .text {
    display: block;
    
}

.wrap_anli {
    margin: 50px auto;
    width: 100%;
    height: 752px;
    position: relative;
    overflow: hidden;
}

.wrap_anli_main {
    width: 6.8%;
    height: 100%;
    cursor: pointer;
    float: left;
}

.wrap_anli .pic1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}



.wrap_anli .pic2 {
    position: absolute;
    top: 0;
    left: 68%;
    z-index: 3;
    background-position: 0 69%;
}



.wrap_anli .pic3 {
    position: absolute;
    top: 0;
    left: 76%;
    z-index: 5;
}



.wrap_anli .pic4 {
    position: absolute;
    top: 0;
    left: 84%;
    z-index: 7;
}



.wrap_anli .pic5 {
    position: absolute;
    top: 0;
    left: 92%;
    z-index: 9;
}


.click_img {
    width: 100%;
    height: 100%;
    background: #000;
    float: right;
    color: #fff;    z-index: 9;
    position: relative;
}
.wrap_anli_main.active .click_img  {
    width: 10%;
}
.wrap_anli_main .text {
    
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none;
    padding: 4.8% 60px;
    background-color: rgba(227,232,226,0.5);
    
}



.wrap_anli_main .text h3 {
    color: #333;
    margin-bottom: 10px;
}

.wrap_anli_main .text ul {
    float: left;

}

.wrap_anli_main .text .left {
    margin-right: 5%;
}

.wrap_anli_main .text ul li {

    color: #333;
    line-height: 30px;
}

.wrap_anli_main .pic_num .title {
    writing-mode: vertical-lr;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 75%;
    right: 20px;
    letter-spacing: 5px;
}

.wrap_anli_main .pic_num .en {
    transform: rotate(90deg);
    position: absolute;
    top: 8%;
    font-size: 30px;
    width: 100%;
    white-space: nowrap;
    left: -30%;
    display: none;
}

.wrap_anli .pic1 .text {
    padding-left: 15%;
}

.wrap_anli .pic2 .text {
    padding-left: 15%;
}

.wrap_anli .pic3 .text {
    padding-left: 15% !important;
}

.wrap_anli .pic4 .text {
    padding-left: 15%;
}

.wrap_anli .pic5 .text {
    padding-left: 15%;
}

.al_phone {
    display: none;
}
.wrap_anli_main .click_img .en{
    transform:rotate(90deg);
        -ms-transform:rotate(90deg); /* Internet Explorer 9*/
        -moz-transform:rotate(90deg); /* Firefox */
        -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
        -o-transform:rotate(90deg); /* Opera */
        white-space:nowrap;
        font-size: 25px;
        padding-left: 20%;
        padding-top: 50%;
}
.wrap_anli_main .click_img .title{
    writing-mode: vertical-lr;
    padding-top: 283%;
    font-size: 20px;
    letter-spacing: 5px;
        padding-left: 60%;
}
.wrap_anli_main.active .click_img .title{
    padding-top: 261%;
}
.wrap_anli_main:nth-child(1) .click_img{background: #58c3e0;}
.wrap_anli_main:nth-child(2) .click_img{background: #34abc6;}
.wrap_anli_main:nth-child(3) .click_img{background: #1691b2;}
.wrap_anli_main:nth-child(4) .click_img{background: #249bdd;}
.wrap_anli_main:nth-child(5) .click_img{background: #3089c6;}

.wrap_anli_main:nth-child(1) .click_img .en{color:#92d8eb;}
.wrap_anli_main:nth-child(2) .click_img .en{color:#76c6d8;}
.wrap_anli_main:nth-child(3) .click_img .en{color:#6bb9ce;}
.wrap_anli_main:nth-child(4) .click_img .en{color:#7cc3eb;}
.wrap_anli_main:nth-child(5) .click_img .en{color:#68a9d5;}



/*
.anli_pd .alswiper-text .text{
        position: absolute;
    bottom:60px;
    width: 100%;
}*/

/*****************************************************************************************************技术支持*/
.technology-list {
    padding-top: 13px;
}

.technology-list>div {
    border: 1px solid #f1f4f4;
    padding: 3px 10px;
    margin-bottom: 3px;
}

.technology-list>div>i {
    color: #58c3e0;
    vertical-align: middle;
    margin-right: 10px;
}

.technology-list>div>span:nth-child(2) {
    display: inline-block;
    font-size: 14px;
    color: rgb(96, 97, 97);
    line-height: 2.714;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.technology-list>div>span:nth-child(3),
.technology-list>div>span:nth-child(4) {
    font-size: 14px;
    color: rgb(136, 138, 138);
    line-height: 2.714;
    vertical-align: middle;
    /*margin-right: 60px;*/
}

.technology-list>div>a {
    float: right;
    margin-top: 8px;
    font-size: 14px;
    color: rgb(88, 195, 224);
    /*line-height: 2.714;*/
}

.technology-list>div>a:hover {
    opacity: 0.7;
}

.technology-list>div>a i {
    margin-right: 4px;
}

/**********************************************************************************************模态框*/
.modal-content {
    border-radius: 0;
}

.modal-header {
    background: #f6f6f6;
    padding: 15px 40px;
}

.modal-title {
    font-size: 24px;
    color: rgb(79, 78, 78);
    line-height: 1;
}

.modal-title a,
.modal-title span {
    font-size: 18px;
    color: rgb(79, 78, 78);
    margin-top: 2px;
    margin-right: 6px;
}

.modal-title a {
    color: #58c3e0;
    margin-right: 14px;
}

button.close {
    color: #353535;
    opacity: 1;
    font-size: 26px;
}

.modal-body {
    padding: 40px 0 30px;
}

.modal-body .inp {
    width: 84%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.modal-body .inp input {
    width: 100%;
    height: 46px;
    border: 1px solid #e7e7e7;
    padding: 0 50px;
    font-size: 14px;
    color: rgb(188, 187, 187);
}



.username i,
.password i:nth-child(2),
.password a {
    display: inline-block;
    top: 1px;
    width: 44px;
    height: 44px;
    text-align: center;
    background: #f6f6f6;
    border-right: 1px solid #e7e7e7;
    padding-top: 10px;
    color: #d7d5d5;
}

.username i {
    left: 1px;
}

.password i:nth-child(2) {
    left: 1px;
}

.password a {
    right: 1px;
    border-right: none;
    background: #fff
}

.modal-body .inp input::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 14px;
    color: rgb(188, 187, 187);
}

.modal-body .inp input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    color: rgb(188, 187, 187);
}

.modal-body .inp input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 14px;
    color: rgb(188, 187, 187);
}

.modal-body .inp input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 14px;
    color: rgb(188, 187, 187);
}

.login button,
.register button {
    background: #58c3e0;
    border: none;
    width: 100%;
    height: 46px;
    font-size: 18px;
    color: rgb(255, 255, 255);
}

/*注册*/
.modal-body-register {
    text-align: center;
    font-size: 14px;
    color: rgb(82, 83, 83);
    line-height: 1.714;
    padding: 8px 0 60px;
}

.xing {
    color: #58c3e0;
}

.modal-body-register .inp {
    margin-bottom: 10px;
}

.modal-body-register .inp p {
    text-align: left;
}

.inp .i-block {
    width: 48%;
}

.inp .i-block:nth-child(2) {
    margin-left: 3%;
}

div.register {
    margin-top: 30px !important;
}

.modal-body-register .inp input {
    padding: 0 20px;
}


/**********************************************************************************************************手机导航*/
#wrapper {
    position: relative;
    transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);



}

.sidebar-menu.is-active+#wrapper {
    transform: translateX(-300px);
}

.sidebar-menu {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0px;
    width: 300px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #e7e9eb;
    transition: right 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */
    z-index: 99999;

}

.sidebar-menu.is-active {
    display: block;

    transition: right 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */

}

.sidebar-menu__header {
    height: 60px;
    background: #333;
}

.sidebar-menu__title {
    position: relative;
    display: block;
    padding: 0 25px;
    height: 100%;
    width: 100%;
    color: #ccc;
    font-size: 16px;
    line-height: 60px;
    font-weight: normal;
    text-transform: uppercase;
}

.sidebar-menu__title>i {
    display: inline-block;
    float: right;
    font-size: 28px;
    line-height: inherit;
}

.sidebar-menu__title:hover,
.sidebar-menu__title:active,
.sidebar-menu__title:focus {
    color: #6e6e6e;
    text-decoration: none;
}

.sidebar-menu__title::first-letter {
    text-transform: uppercase;
}


.sidebar-menu__title::before {
    content: '\e907';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -8px;
    color: #fff;
    font-size: 20px;
    font-family: 'ge-corporate-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    font-feature-settings: 'liga'1;
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.sidebar-menu__list {
    position: fixed;
    top: 60px;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 300px;
    list-style: none;
    background-color: #FFF;
    transition: right 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.sidebar-menu__item {
    padding: 0;
    width: 100%;
    /*border-top: 2px solid #e2e4e6;*/
}

.sidebar-menu__item:first-child {
    border-top: 0;
}

.sidebar-menu__item.sidebar-menu__item--back {
    background-color: #333;
}

.sidebar-menu__item.sidebar-menu__item--back .sidebar-menu__link {
    color: #fff;
}

.sidebar-menu__item:hover {
    background-color: #FFF;
    cursor: pointer;
}

.sidebar-menu__item:hover>.sidebar-menu__link {
    color: #6e6e6e;
}

.sidebar-menu__item:hover>.sidebar-menu__link .glyphicon-menu-right {
    color: #6e6e6e;
}

.sidebar-menu__item .sidebar-menu__list {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    transform: translateX(300px);
    transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.sidebar-menu__item .sidebar-menu__list.is-active {
    transform: translateX(0);
}

.sidebar-menu__item .sidebar-menu__list .sidebar-menu__list {
    z-index: 2;
}

.sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list {
    z-index: 3;
}

.sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list {
    z-index: 4;
}

.sidebar-menu__link {
    display: block;
    padding: 20px 25px;
    color: #828282;
    font-size: 16px;
    font-weight: normal;
    transition: color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}


.sidebar-menu__link::first-letter {
    text-transform: uppercase;
}

.sidebar-menu__link:hover,
.sidebar-menu__link:active,
.sidebar-menu__link:focus {
    text-decoration: none;
}

.sidebar-menu__link span.glyphicon-menu-left {
    float: left;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 20px;
    margin-right: 4px;
}


.sidebar-menu__link .glyphicon-menu-right {
    color: #bababa;
    float: right;
}

/*手机导航修改部分*/
.mobile-logo {
    padding: 15px;
    padding-bottom: 7px;
}

.mobile-logo .fl {
    width: 60%;
}

.mobile-logo .fl img {
    width: 100%;
}

.mobile-logo .fr p {
    font-size: 20px;
    color: #58c3e0;
    vertical-align: top;
    margin-top: -2px;
}

.sidebar-menu__header {
    background: #58c3e0;
}

.sidebar-menu__title,
.sidebar-menu__title:visited,
.sidebar-menu__title:focus {
    color: #fff;
}

.sidebar-menu__close {
    top: 6px;
    right: 0;
    color: #fff;
    font-size: 30px;
    width: 50px;
    background: #58c3e0;
}

.sidebar-menu__item.sidebar-menu__item--back {
    background: #58c3e0;
}

/*.sidebar-menu__list{*/
/*top:42px;*/
/*}*/
.sidebar-menu__title {
    font-size: 20px;
    /*line-height: 44px;*/
}

.sidebar-menu,
.sidebar-menu__list {
    width: 250px;
}

.sidebar-menu__link {
    padding: 9px 25px;
}

.lang {
    padding: 10px 25px;
}

.lang a img {
    border-radius: 50%;
    margin-right: 6px;
}

.lang a:nth-child(1) {
    margin-right: 10px;
}

.lang a {
    color: #828282;
}

.mobile-search {
    padding: 10px 22px;
}

.mobile-search .search {
    margin-left: 0;
}

.mobile-search .search input {
    width: 210px;
}

.daohang {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    padding: 0 25px;
    margin-top: 14px;
}

.mobile-menu-back span {
    /*top:0;*/
    /*right:0;*/
    display: inline-block;
    color: #fff;
    border: 1px solid red;
}

/**************************************************************侧边*/

.g_senav {
    width: 62px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 51;
    transition: all 0.3s;
}

.g_senav i {
    font-size: 20px !important;
    text-align: center;
    color: #000;
    display: block;
    padding: 12px 0;
    transition: all .5s;
}

.g_senitm {
    cursor: pointer;
    position: relative;
    border: 0.5px solid #dedede;
}

.g_senitma {
    width: 100%;
    display: block;
    position: relative;
    left: 0;
    top: 0;
}

.g_senitmb {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.g_senitmqq .g_senweix {
    width: 145px;
    top: 0;
    bottom: inherit;
    transform: translate(100%, 0);
    left: 0;
    transition: all 1s;
    position: absolute;
}

.g_senitm:hover i {
    color: #fff;
    background-color: #58c3e0;
    transition: all 1s;

}

.g_senitmqq .g_senweiximg {
    width: auto;
    height: 100%;
    border: 1px solid #f3f7f3;
    transition: all 1.3s;
}

.g_senitmqq .g_senweix p {
    font-size: 16px;
    color: 333333;
    background: #ffffff;
    line-height: 51px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    white-space: nowrap;
}

.g_senav .g_senitm:nth-child(2n - 1) {
    background: #ffffff;
}

.g_senav .g_senitm:nth-child(2n) {
    background: #eaeaea;
}

.g_senweix1 {
    width: 105px;
    position: absolute;
    top: 0;
    z-index: 50;
    transform: translate(100%, 0);
    transition: all .5s;
}

.g_senweix1 img {
    width: 100%;
}

.g_senitmtop {
    display: none;
}

.g_senav i {
    color: #8f8f8f;
}

.g_senitmtop {
    text-transform: uppercase;
    text-align: center;
}

.g_senitmtop i {
    padding-top: 6px;
    padding-bottom: 18px;
}

.g_senitmtop p {
    margin-top: -20px;
    color: #8f8f8f;
}

/*********************************************************************************分享*/



.bdshare-button-style0-16 a.bds_weixin {
    background-image: url("../images/weixin.png");
}

.bdshare-button-style0-16 a.bds_tsina {
    background-image: url("../images/xinlalng.png");
}

.bdshare-button-style0-16 a.bds_sqq {
    background-image: url("../images/qq.png");
}

.bdshare-button-style0-16 a.bds_renren {
    background-image: url("../images/renren.png");
}

#bdshare_weixin_qrcode_dialog {
    width: 250px !important;
    height: 333px !important;
}

@media screen and (min-width:768px) {
    .bdshare-button-style0-16 a {
        background-position: center !important;
        display: inline-block;
        width: 30px;
        height: 30px !important;
        border: 1px solid #fff;
        border-radius: 50%;
    }

    .bdshare-button-style0-16 a.bds_mshare {
        background-image: url("../images/fenxiang.png");
    }
}

/*********************************************************************************分享*/


.news-det-right .plate-t {
    text-align: left;
    padding-left: 24px;
}

.news-det-right .title-hr {
    margin-left: 0;
}

.article-img {
    width: 25%;
}

.article {
    max-width: 70%;
}

.title-hr>a {
    top: 0;
    right: 0;
}

.news-det-right .plate-t>a {
    top: 0;
    right: 20px;
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 1.714;
    background: #58c3e0;
    padding: 2px 20px;
    border-radius: 5px;
    transition: all 0.5s;
}

.news-det-right .plate-t>a:hover {
    background: rgba(88, 195, 224, 0.5);
}




/*优势*/
.advantage-content {
    overflow: hidden;
}

.advantage-content .fl {
    vertical-align: top;
}

.circle {
    display: inline-block;
    background: #58c3e0;
    color: #fff;
    font-size: 24px;
    padding: 20px;
    border-radius: 50%;
    box-shadow: 4px 0 4px #eee;
}

.advantage-text {
    padding-left: 20px;
    max-width: 87%;
}

.h1 {
    min-height: 92px;
}

.h2 {
    min-height: 150px;
}

.advantage-text .title {
    color: #58c3e0;
    font-size: 22px;
}

.advantage-text .text {
    font-size: 14px;
    color: rgb(103, 103, 103);
    line-height: 2.143;
    margin-top: 10px;
}

.advantage-content .img {
    padding: 6px;
    border-radius: 4px;
}

.advantage-content .img>img {
    border-radius: 4px;
}

.advantage-content>.row>div {
    padding-top: 20px;
    padding-bottom: 20px;

}

.advant {
    padding-bottom: 0;

}

@media screen and (max-width: 1600px) {
   .wrap_anli_main .click_img .title{
    padding-top: 380%;
   }
   .wrap_anli_main.active .click_img .title{
    padding-top: 338%;
}
.pro_haocai .title p span{
    padding-left: 3%;
}
.tech-det{
    padding: 30px 14px;
}
}

@media screen and (max-width: 1200px) {
    .wrap_anli_main .pic_num .en {
        font-size: 25px;
    }

    .wrap_anli_main .text h3 {
        font-size: 18px;
    }


    .wrap_anli_main .click_img .en{
        font-size: 25px;
    }
}

@media screen and (max-width: 990px) {
    .wrap_anli_main .pic_num .en {
        font-size: 16px;
    }
    .wrap_anli_main{
        height: 474px !important;
    }
    .pro_haocai .hc_cs .shu div ul{
        margin-top: 0;
    }


     .wrap_anli_main .click_img .en{
        font-size: 16px;
    }
    .wrap_anli_main .click_img .title{
        font-size: 14px;
    }


      .wrap_anli_main .click_img .title{
    padding-top: 330%;
   }
   .wrap_anli_main.active .click_img .title{
    padding-top: 288%;
}

  .pro_haocai .shu .col-sm-6{
    width:100%;
  }

}



/*修改企业文化*/
@media screen and (max-height: 767px) {
    .event_wrap .list:last-child {
        height: 500px;
    }

    .event_wrap .middle_line {
        height: 80%;
    }






}

@media screen and (min-height: 768px) {
    .event_wrap .list:last-child {
        height: 700px;
    }

    .event_wrap .middle_line {
        height: 100%;
    }

    .event_wrap .list .ev_t2 {
        top: 110px;
    }

    .event_wrap .list .ev_t3 {
        top: 175px;
    }

    .event_wrap .list .ev_t5 {
        top: 240px;
    }

    .event_wrap .list .ev_t6 {
        top: 305px;
    }

    .event_wrap .list .ev_t8 {
        top: 370px;
    }

    .event_wrap .list .ev_t9 {
        top: 435px;
    }

    .event_wrap .list .ev_t11 {
        top: 500px;
    }

    .event_wrap .list .ev_t12 {
        top: 565px;
    }
}



@media screen and (max-width:767px) {
    .circle {
        padding: 4px;
    }

    .advantage-content {
        padding: 0 15px;
    }

    .advantage-text {
        max-width: 87%;
    }

    .advantage-text .title {
        font-size: 19px;
    }

    .advantage-text .text {
        font-size: 13px;
        line-height: 1.6;
    }

    .advantage-content>.row>div {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pc_anli {
        display: none;
    }

    .al_phone {
        display: block;

    }

    .alswiper-text .text {
        background-color: rgba(227,232,226,0.5);
        padding: 5%;
        overflow: auto;
    }

    .alswiper-text .text h3 {
        color: #333;
        font-size: 14px;
        
        padding-bottom: 10px;
    }

    .alswiper-text .text ul {
        color: #333;
        float: left;
    }

    .alswiper-text .text ul li {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .alswiper-text .text .left {
        margin-right: 5%;
    }


    .alswiper-text .pic_num {
        background: #c8c8c8;
        color: #fff;
        text-align: center;
        display: block;
    }
    .alswiper-text .pic_num{height: 60px;line-height: 60px;}


    .alswiper-text .pic_num .en {
        display: none;
    }

    .alswiper-text .pic_num .title {
        
        font-size: 16px;
    }


}



@media screen and (min-width:768px) {
    .mlogo {
        display: none;
    }

    .pc-none {
        display: none;
    }

    .mobile-footer {
        display: none;
    }

    .mobile-nav {
        display: none;
    }

    .modal-dialog {
        margin: 160px auto;
    }
}

@media screen and (max-width:1199px) {
    .hot-phone img {
        width: 37px;
    }

    .hot-phone .i-block p:nth-child(1),
    .hot-phone .i-block p:nth-child(2) {
        font-size: 14px;
        transition: all 0.5s;
    }

    header {
        padding-bottom: 30px;
        transition: all 0.5s;
    }

    .dingzhi-phone {
        padding: 12px 0;
        transition: all 0.5s;
    }

    .dingzhi-phone p:nth-child(2) {
        font-size: 30px;
        transition: all 0.5s;
    }

    .pd-lidt-t {
        padding: 22px 0 !important;
        transition: all 0.5s;
    }

    .pd-content-t p {
        padding: 6px 71px;
        transition: all 0.5s;
    }

    .case-name-t {
        margin-bottom: 12px;
        transition: all 0.5s;
    }

    .case-name {
        padding: 22px 17px;
        transition: all 0.5s;
    }

    .case-detail p:nth-child(1) {
        padding-left: 12px;
        width: 100px;
        transition: all 0.5s;

    }

    .case-detail p:nth-child(1),
    .case-detail p:nth-child(2) {
        line-height: 2.8;
        transition: all 0.5s;
    }

    .case-detail {
        margin-bottom: 13px;
        transition: all 0.5s;
    }

    .about-det-left .text p {
        margin-bottom: 12px;
        transition: all 0.5s;
    }

    .news-first-con {
        -webkit-line-clamp: 1;
        transition: all 0.5s;
    }

    .news-det-right li {
        padding: 11px 0;
        transition: all 0.5s;
    }

    .case-success-det .case-success-text .title {
        padding-bottom: 8px;
        transition: all 0.5s;
    }

    .case-success-det .case-success-text .date {
        line-height: 2;
        transition: all 0.5s;
    }

    .about-icon>div p {
        margin-bottom: 0;
    }

    .about-icon>div {
        padding: 0;
    }

    .pd-list>ul>li>a {
        line-height: 3.5;
    }

    .pd-list>ul>li>i {
        margin-top: 19px;
    }

}

@media screen and (min-width:768px) and (max-width:991px) {
    .hot-phone {
        display: none;
    }

    header .fl {
        width: 60%;
        transition: all 0.5s;
    }

    header {
        padding-bottom: 20px;
        transition: all 0.5s;
    }

    .pd-lidt-t {
        padding: 13px 0 !important;
    }

    .pd-list>ul>li>i {
        margin-top: 10px;
    }

    .pd-content-t p {
        padding: 6px 37px;
    }

    .pd-swiper1 {
        margin-top: 14px;
        transition: all 0.5s;
    }

    .pd-list>ul>li {
        padding: 0 15px 0 20px;
    }

    .pd-list>ul>li>a {
        line-height: 2.5;
    }

    .pd-inner a {
        padding: 1px 20px;
    }

    .dingzhi-phone p {
        font-size: 15px !important;
        transition: all 0.5s;
    }

    .dingzhi-phone {
        padding: 18px 0 20px !important;
        transition: all 0.5s;
    }

    .dingzhi-phone p:nth-child(2) {
        margin-top: 0;
        transition: all 0.5s;
    }

    .swiper2,
    .case-name {
        width: 100%
    }

    .case-name {
        margin-left: 0;
        margin-top: 6px;
    }

    .about-det-left .text a {
        bottom: 7px;
        transition: all 0.5s;
    }

    .about-icon>div p {
        font-size: 30px;
        margin-bottom: 0;
        transition: all 0.5s;
    }

    .about-icon>div span:nth-child(2) {
        font-size: 20px;
        transition: all 0.5s;
    }

    .about-icon>div {
        padding: 0;
        transition: all 0.5s;
    }

    .news-det-right li a {
        width: 70%;
    }

    .news-det-right li:nth-child(n+5) {
        display: none;
    }

    .t-area textarea {
        width: 90%;
    }

    .t-area input:nth-child(3) {
        width: 8%;
    }

    .erweima {
        display: none;
    }

    .pd-content-quick {
        padding-bottom: 0;
        transition: all 0.5s;
    }

    .pd-content-quick span {
        margin-top: 0;
        transition: all 0.5s;
    }

    .pd-contact {
        margin: 10px;
        transition: all 0.5s;
    }

    .case-success-det .case-success-text .title {
        padding-bottom: 4px;
        transition: all 0.5s;
    }

    /*.case-success-det .case-success-text .date{*/
    /*line-height: 1.6;*/
    /*}*/
    .case-success-det .case-success-text .content {
        -webkit-line-clamp: 1;
        margin-bottom: 0;
    }

    .technology-list>div>span:nth-child(2) {
        width: 48%;
    }

    .xiangqing {
        margin-top: 10px;
    }

    .online-message .box1 input {
        margin-left: 4.2%;
    }

    footer {
        padding: 10px 0;
    }

    .swiper6 {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .swiper6 {
        width: 100%;
    }

    .pd-content-t .fr {
        display: none;
    }

    .mobile-none {
        display: none;
    }

    .nav-mobile {
        position: relative;
        top: 0;
        left: 0;
        z-index: 200;
        display: block;
        margin: 0;
    }

    .nav-mobile>li {
        text-align: left !important;
    }

    .nav-mobile>li>a {
        box-sizing: border-box !important;
        padding: 15px 10px;
    }

    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-left: 0;
        margin-right: 0;
    }

    .inner>li {
        padding: 15px 30px;
    }

    .navbar-header {
        padding: 10px 0 8px 0;
    }

    .mlogo {
        display: inline-block;
        margin: 3px 0 0 15px;
        width: 70%;
    }

    .mlogo img {
        width: 100%;
    }

    .navigation {
        background: #fff;
    }

    .navbar-toggle {
        margin: 0 15px 0 0;
    }

    .navbar-nav {
        background: #58c3e0;
    }

    .pd-content {
        padding: 0;
    }

    .swiper-button-next {
        background-image: url("../images/arr-r.png");
    }

    .swiper-button-prev {
        background-image: url("../images/arr-l.png");
    }

    .swiper-button-next,
    .swiper-button-prev {
        background-size: 34px 34px;
        width: 34px;
        height: 34px;
    }

    .pd-content-t p {
        padding: 2px 20px;
    }

    .pd-content-t a {
        font-size: 14px;
        margin-top: 2px;
    }

    .pd-swiper1 {
        margin-top: 6px;
    }

    .swiper2,
    .case-name {
        width: 100%
    }

    .case-name {
        margin-left: 0;
        margin-top: 6px;
    }

    .technology-content {
        padding-left: 4%;
    }

    .tech-det {
        width: 46%;
        margin: 0;
    }

    .tech-det:nth-child(2n) {
        margin-left: 4%;
    }

    .tech-det:nth-child(n+3) {
        margin-top: 4%;
    }

    .tech-det {
        padding: 10px 14px;
    }

    .tech-con-t {
        line-height: 2;
    }

    .plate {
        padding: 24px 0;
    }

    .pd-content-t p,
    .swiper1-text {
        line-height: 2;
    }

    .swiper1-text img {
        top: 6px;
    }

    .nav-tabs>li {
        margin-left: 10px;
    }

    .tab-content {
        margin-top: 12px;
    }

    .service-det {
        width: 49%;
        margin-left: 1%;
    }

    .service-content {
        /*padding-left: 1%;*/
        padding: 0 15px;
    }

    .service-det:nth-child(n+3) {
        margin-top: 3px;
    }

    .about-det-left {
        padding: 0 15px;
    }

    .news-det-left {
        padding-right: 0;
    }

    .news-det-right {
        padding-left: 0;
        margin-top: 15px;
    }

    .news-det-right li a {
        width: 65%;
    }

    .news-content .more a {
        padding: 6px 36px;
    }

    .news-content .more {
        padding-top: 10px;
    }

    .about-icon>div span:nth-child(2) {
        font-size: 24px;
    }

    .about-icon>div {
        padding: 0;
    }

    /*产品*/
    .pd-border {
        padding-left: 0;
        border: none;
    }

    .pd-border p.i-block {
        padding: 0;
    }

    .pd-border .fr {
        margin-top: 8px;
    }

    .pd-img .pd-img-text {
        padding-left: 0;
        margin-top: 15px;
    }

    .pd-nav>li {
        margin-left: 0;
        padding: 0 1px;
    }

    #pd-case4 .pd-tab-det>div {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }

    .case-success-det .case-success-text .title {
        padding-bottom: 4px;
    }

    /*.case-success-det .case-success-text .date{*/
    /*line-height: 1.6;*/
    /*}*/
    .case-success-det .case-success-text .content {
        /*-webkit-line-clamp:1;*/
        /*margin-bottom: 0;*/
    }

    .case-success-det .case-success-text {
        margin-top: 0;
    }

    .technology-list>div {
        padding: 2px 0;
    }

    .technology-list>div>span:nth-child(2) {
        width: 46%;
    }

    .inp .i-block {
        width: 100%
    }

    .inp .i-block:nth-child(2) {
        margin-left: 0;
    }

    .xiangqing {
        margin-top: 10px;
    }

    .plate-t {
        font-size: 20px;
        padding: 5px;
    }

    .news-det-right {
        padding-left: 15px;
        padding-right: 15px;

    }

    .swiper-container1 .swiper-button-next,
    .swiper-container4 .swiper-button-next,
    .swiper-container-al .swiper-button-next {
        right: 25px;
    }

    .swiper-container1 .swiper-button-prev,
    .swiper-container4 .swiper-button-prev,
    .swiper-container-al .swiper-button-prev {
        left: 25px;
    }

    .pd-content {
        padding: 0 15px;
    }

    .swiper2 {
        padding: 0 15px;
    }

    .news-det-left {
        padding: 0 15px;
    }

    .pd-tab>ul>li>a {
        font-size: 14px;
        padding: 5px;
    }

    .modal-dialog {
        margin-top: 100px;
    }

    .neiye img {
        min-height: 100px;
    }

    .online-message .box1 input {
        width: 100%;
        display: block;
    }

    .online-message .box1 input {
        margin-left: 0;
        margin-top: 10px;
    }
}


#page {
    clear: both;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    display: table;
}

#page li {
    float: left;
    border: 1px solid #CCCCCC;
    margin-right: 6px;
    color: #666;
    font-size: 12px;
    list-style: none;
}

#page li:hover {
    border: 1px solid #0060ad;
}

#page li:hover a {
    color: #0060ad
}

#page li a {
    color: #666;
    padding: 5px 14px;
    display: inline-block;
}

#page li.active {
    border: 1px solid #58c3e0;
    background-color: #58c3e0;
    color: #FFFFFF
}

#page li.active a {
    color: #fff
}

.lujing {
    height: 25px;
    line-height: 25px;
    background: url(../images/wu.jpg) left 2px no-repeat;
    padding-left: 25px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
}

.pd-det-content-t {
    min-height: 58px;
}

.navbar-nav>li:nth-child(5) .inner {
    width: 100%;
}

.navbar-nav>li:nth-child(5) .inner li {
    width: 100%;
    float: left;
}

.inner li {
    color: #fff;
}

.ev_text h3 {
    font-size: 23px;
}

.big_squre i {
    left: 5px;
    font-size: 22px;
}

.ev_text p {
    font-size: 18px;
    margin-top: 20px;
}

.event_wrap .middle_line {
    border-left: 4px solid #58c3e0;
    margin-left: -1px;
}

.event_wrap .list .small_line,
.event_wrap .list_left .ev_text_event .samll_line {
    border-top: 4px solid #58c3e0;
    top: 14px;

}

@media screen and (max-width:767px) {
    .ev_text p {
        font-size: 14px;
        margin-top: 2px;
    }

    .ev_text h3 {
        font-size: 18px;
        margin-top: 6px;
        margin-left: 5px;
    }

    .ev_text_odd h3 {
        margin-left: 0;
        margin-right: 5px;
    }

    .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-right: 8px;
    }

    .big_squre i {
        left: 11px;
        font-size: 18px;
    }
}



.case-success-inner {
    display: none;

    padding-left: 15px;
}

.case-success-inner a {
    line-height: 2.8;
}

.case-success-inner a:hover {
    color: rgb(95, 99, 100) !important;
}


/*文化*/
.ev_text p {
    height: auto !important;
}

@media screen and (max-width: 767px) {
    .event_wrap .list .ev_t2 {
        top: 80px;
    }

    .event_wrap .list .ev_t3 {
        top: 125px;
    }

    .event_wrap .list .ev_t5 {
        top: 170px;
    }

    .event_wrap .list .ev_t6 {
        top: 215px;
    }

    .event_wrap .list .ev_t8 {
        top: 260px;
    }
    .pro_haocai .title p{
            padding-left: 3%;
    }
    .pro_haocai .xijie .tw p.bt{
        font-size: 16px;

    }
    .pro_haocai .title p span{
        padding-left: 4%;
    }

    .event_wrap .list .ev_t9 {
        top: 305px;
    }

    .event_wrap .list .ev_t11 {
        top: 350px;
    }

    .event_wrap .list .ev_t12 {
        top: 395px;
    }

}

@media screen and (max-width: 580px) {
    .pro_haocai .title p{
        padding-left: 4%;
    }
}
@media screen and (max-width: 480px) {
    .pro_haocai .title p{
        padding-left: 5%;
    }
    .pro_haocai .title p span{
        padding-left: 5%;
    }
}
@media screen and (max-width: 380px) {
    .pro_haocai .title p{
        padding-left: 6%;
    }
    .pro_haocai .title p span{
        padding-left: 6%;
    }
}

/*手机分享样式*/
.bdsharebuttonbox span {
    display: block;
    color: #fff;
    font-size: 14px;

    padding-top: 2px;
}

.bdshare-button-style0-16 a {
    background-position: center !important;
    display: inline-block;
    width: 30px;
    height: 30px !important;

}

.bdshare-button-style0-16 a.bds_more {
    margin: 4px 6px -8px 0 !important;
    background-image: url("../images/mob-share.png");
    background-size: 21px 21px;
}

span.mamai {
    padding-top: 6px;
    display: inline-block;
    margin-top: 2px;
    color: #fff;
}


/*产品详情样式*/
.pd-tab-det {
    font-size: 14px;
    color: rgb(121, 121, 121);
    line-height: 1.857;
}

.pd-tab-det strong span:nth-child(1) {

    color: #58c3e0;
}


/*act*/
.pd-list>ul>li.act {
    color: #fff !important;
    background: #58c3e0 !important;
}

.pd-list>ul>li.act>a {
    color: #fff !important;
}

/*手机菜单*/
.mobile-logo .fr span {
    display: inline-block;
    color: #58c3e0;
    font-size: 18px;
    padding-right: 10px;
}

.mobile-logo .fr p {
    display: inline-block;
}

/*手机图片*/
.pd-tab-det img {
    display: inline-block;
    max-width: 90%;
    margin: 0 auto;
}

/*手机footer*/
.mobile-footer {
    transition: all 0.5s;
    transform: translate(0, 0);
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
}





@media (max-width: 480px) {

    .ab_p001 .ab_span001 {
        font-size: 32px;
    }
}

.xgxw {
    color: rgb(95, 99, 100);
    line-height: 35px;
}

.xgxw a {
    color: rgb(95, 99, 100);
}

.xgxw a:hover {
    color: #58c3e0
}