.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;
}
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: 10px 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("../img/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-container1,
.swiper-container4{
    width:100%;
    overflow: hidden;
}
.swiper-container1 .swiper-slide,
.swiper-container4 .swiper-slide{
    overflow: hidden;
}
.swiper-container4 .swiper-slide img{
	height:258px;
	width:259px;
    border: 1px solid #a6a6a6;
	}
.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;
}
/*技术*/
.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;

}
/*案例展示*/
.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{
    width:24.8%;
    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;
}
.case-det-swiper .box .img{
    border:2px solid #58c3e0;
    width:32.2%;
    height:auto !important;
}

.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;
}


/*****************************************************************************************************技术支持*/
.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("../img/weixin.png");
}
.bdshare-button-style0-16 a.bds_tsina{
    background-image: url("../img/xinlalng.png");
}
.bdshare-button-style0-16 a.bds_sqq{
    background-image: url("../img/qq.png");
}
.bdshare-button-style0-16 a.bds_renren{
    background-image: url("../img/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("../img/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-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;
    }
}




















@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("../img/arr-r.png");
    }

    .swiper-button-prev {
        background-image: url("../img/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 {
        right: 25px;
    }

    .swiper-container1 .swiper-button-prev,
    .swiper-container4 .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:200%;
}
.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;}
.event_wrap .list .ev_t9{top: 305px;}
.event_wrap .list .ev_t11{top: 350px;}
.event_wrap .list .ev_t12{top: 395px;}
}



/*手机分享样式*/
.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("../img/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:100%;
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;}
}


.main-timeline .year{ font-size: 16px !important; }