.space1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.clamp3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.position-relative{position: relative;}
.position-absolute{position: absolute;}
.lineheight1{line-height: 1;}
.lineheight2{line-height: 2;}
.overflowhidden{overflow: hidden;}
.fbold{font-weight: bold;}

.mtop10{margin-top: 10px;}
.mtop20{margin-top: 20px;}
.mtop30{margin-top: 30px;}

.padding60{padding: 60px 0;}
.padding20{padding: 20px;}
.background1{background: #f7f7f7;}

.color1{color: #dadada;}
.color2{color: #333;}
.color3{color: #fff;}
.color4{color: #23a9f5;}
.color5{color: #000;}
.color6{color: #888;}

.fsize72{font-size: 72px;}
.fsize36{font-size: 36px;}
.fsize20{font-size: 20px;}
.fsize24{font-size: 24px;}
.fsize16{font-size: 16px;}
.fsize14{font-size: 14px;}
.fsize0{font-size: 0;}

@media(max-width: 1230px){
    .padding60{padding: 40px 0;}
    .fsize72{font-size: 48px;}
    .fsize36{font-size: 24px;}
    .fsize24{font-size: 20px;}
}
@media(max-width: 1020px){
    .padding60{padding: 30px 0;}
    .fsize72{font-size: 36px;}
    .fsize36{font-size: 18px;}
    .fsize24{font-size: 16px;}
    .fsize20{font-size: 14px;}
    .fsize16{font-size: 14px;}
}

/*解决方案*/
.in-title{top: 50%;transform: translateY(-50%);left: 0;}
.viewdetails{display: inline-block;width: 100px;height: 30px;line-height: 30px;color: #f7f7f7;}
.soultion-bj a{display: block;background: #fff;}
.soultion-bj-1 a{background: #fff;}
.soultion-bj a .viewdetails{display: inline-block;}
.soultion-bj a:hover .viewdetails{background: #23a9f5;color: #fff;}
.soultion-bj a:hover{background: #fff;box-shadow: 0 7px 12px rgba(0,0,0,0.2);}
.soultion-line-1 a{position: relative;}
.soultion-line-1 a:before{content: "";width: 0;height: 2px;background: #23a9f5;position: absolute;left: 0;bottom: 0;transition: all 0.5s;}
.soultion-line-1 a:hover:before{width: 100%;transition: all 0.5s;}
.prevnext li,.prevnext li a{color: #888;}
.prevnext li a:hover{color: #23a9f5;}

.sol_hight1{height: 260px;}
.sol_hight2{height: 300px;}

@media(max-width: 1230px){
    .sol_hight1{height: 210px;}
    .sol_hight2{height: 240px;}
}
@media(max-width: 768px){
    .soultion-bj a .viewdetails{background: #23a9f5;color: #fff;}
    .soultion-bj a{background: #fff;}
    .soultion-bj a{margin: 10px 0;}
    .sol_hight1,.sol_hight2{height: auto;}  
}


/*产品服务*/
.product-bj{height: 300px;}
.pro-top{width: 100%;left: 0;top: 50%;transform: translateY(-50%);padding: 20px;}
.product-bj a{height: 100%;display: block;background: #fff;}
.product-bj a:hover{background: #fff;box-shadow: 0 7px 12px rgba(0,0,0,0.2);}
.pro-left,.pro-right{width: 50%;display: inline-block;vertical-align: middle;}
.viewdetails1{color: #23a9f5;}
.product-bj a:hover .viewdetails1{background: #23a9f5;color: #fff;}
.product-bj1,.product-bj1 a,.product-bj1 a:hover{background: #23a9f5;}
.viewdetails2{background: #fff;color: #23a9f5;}

.indexpro_left{width: 22%;}
.recruit_join{display: none;}
.js-item.open .recruit_join{display: block;}
.open .recruit_join{display: block;}
/*.download{padding: 0 10px;}*/
.download a{color: #888;line-height: 2.2;}
.download a:hover,.open .download a{display: block;color: #fff;background: #23a9f5;}
.download:hover,.open .download{color: #fff;background: #23a9f5;}
.download a{position: relative;padding: 0 25px 0 35px;}
.download i:before,.download i:after{content: "";position: absolute;top: 50%;transform: translateY(-50%);display: block;background: #414141;}
.download i:before{left: 16px;width: 10px;height: 2px;}
.download i:after{left: 20px;width: 2px;height: 10px;}
.open .download i:after,.download:hover i:after{display: none;}
.open .download i:before,.download:hover i:before{background: #fff;}
/*.open .download i{background: url(../images/minus.png) center no-repeat;}*/
.data_nav{padding-left: 35px;}
.data_nav li a{line-height: 2.2;color: #888;}
.data_nav li.active a,.data_nav li a:hover{color: #23a9f5;text-decoration: underline !important;}

.indexpro_right{width: 76%;}
.product-bj-1 a{display: block;background: #fff;padding: 20px;border: 2px solid #fff;}
.product-bj-1 a:hover{border-color: #23a9f5;}
.product-bj-1 a:hover .viewdetails{background: #23a9f5;color: #fff;}

.prodetails_left,.prodetails_right{width: 40%;display: inline-block;vertical-align: middle;}
.prodetails_right{margin-left: 20%;}

@media(max-width: 1230px){
    .product-bj{height: 260px;}
}
@media (min-width: 769px){ 
    .indexnav{margin-top: 10px;background: #fff;}
    .indexnav h3{display: none;}
    .indexnav .phone{display: block;padding-top: 10px;}
    .mobile{text-align: center;padding-top: 10px;}
}
@media(max-width: 768px){
    .product-bj{margin: 5px 0;}
    .product-bj{height: auto;}
    .pro-top{position: static !important;transform: none !important;padding: 10px;}
    .pro-left,.pro-right{width: 100%;}
    .pro-title{font-size: 14px !important;}
    .pro-text{display: none;}

    .indexpro_left{width: 100%;position: relative;z-index: 99;}
    .indexnav h3{background: #23a9f5;text-align: center;color: #fff;padding: 10px;font-size: 16px;}
    .indexnav .mobile{display: none;}
    .indexnav{position: relative;}
    .indexnav .phone{display: none;width: 100%;background: #fff;position: absolute;left: 0;top: 100%;z-index: 9999;}
    .indexpro_right{width: 100%;margin-top: 20px;}
    .download a,.data_nav li a{line-height: 2.5;font-size: 16px;}
}


/*关于我们*/

.aboutus_left{width: 60%;background: rgba(0,0,0,0.7);padding: 60px 80px;}
.aboutus_text p{margin: 0;text-indent: 2em;}
.aboutus_text{max-height: 260px;overflow-y: auto;}
.aboutus_text::-webkit-scrollbar{width: 3px;background-color: #aaa;}
.aboutus_text::-webkit-scrollbar-thumb{background-color: #23a9f5;}
.aboutus_video{width: 45%;right: 0;top: 50%;transform: translateY(-50%);}
.aboutus_video video{width: 100%;}

.us-title{left: 50%;top: 50%;transform: translate(-50%,-50%);}
.header_nav{border-bottom: 1px solid #f2f2f2;padding-bottom: 10px;}
.header_nav li{display: inline-block;vertical-align: top;margin: 0 20px;}
.header_nav li a{display: block;color: #999;line-height: 2;position: relative;padding: 0 16px;border-radius: 4px;}
.header_nav li.active a,.header_nav li a:hover{color: #fff;background: #23a9f5;}
/*.header_nav li.active a:before,.header_nav li a:hover:before{content: "";width: 40px;height: 4px;background: #1eabec;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;border-radius: 20px;overflow: hidden;}
*/
.introduction{position: relative;padding-bottom: 20px;letter-spacing: 2px;}
.introduction:before{content: "";width: 50%;height: 3px;background: rgba(30,171,236,0.1);position: absolute;left: 0;bottom: 0;}
.introduction_left,.introduction_right{width: 49%;display: inline-block;vertical-align: middle;}
.introduction_right{margin-left: 2%;max-height: 400px;}

.partner-padding{padding: 0 5px;}
.partnership{padding: 10px;}
.shipline a{display: block;border: 2px solid #dedede;}

@media(max-width: 1230px){
    .aboutus_left{padding: 20px 30px;}
    .aboutus_video{width: 42%;}

    .introduction_right{max-height: 320px;}
}
@media(max-width: 768px){
    .aboutus_left{width: 100%;padding: 20px;}
    .aboutus_text{height: auto;}
    .aboutus_video{width: 100%;position: static !important;transform: none !important;}

    .header_nav li{margin: 0 10px;}
    .introduction_left,.introduction_right{width: 100%;}
    .introduction_right{margin-left: 0;margin-top: 20px;height: auto;}

    .partner-padding{padding: 0 10px;}
    .partnership{padding: 5px;}
    .introduction{display: none;}
}


/*新闻资讯*/
.news-padding{padding: 20px;}
.news-bj a{height: 100%;display: block;background: #fff;}
.news-bj a:hover{background: #fff;box-shadow: 0 7px 12px rgba(0,0,0,0.2);}
.news-bj a:hover .new-title{color: #23a9f5;}
.new-text-1{line-height: 1.6;height: 4.8em;}

/*联系我们*/
.contactus_right{width: 60%;}
#dituContent{width: 100%;height: 400px;}
.iw_poi_title{color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content{font: 12px arial,sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}
.contactus_left{left: 0;top: 50%;transform: translateY(-50%);width: 45%;padding: 40px;z-index: 9; background: #23a9f5;}
.contactus_text p{margin: 0;}
.contactus_text a{color: #fff;}

@media(max-width: 768px){
    .contactus_right{width: 100%;}
    .contactus_left{width: 100%;padding: 20px;position: static !important;transform: none !important;}
    #dituContent{height: 300px;}
}


/*服务支持*/
.service-bj a{display: block;padding: 30px;background: #fff;border: 2px solid #c8c8c8;}
.service-bj a:hover{border-color: #23a9f5;}
.dervice_down{display: inline-block;width: 80px;height: 36px;background: url(../images/download1.png) no-repeat;background-size: 100% 100%;}
.service-bj a:hover .dervice_down{background: url(../images/download2.png) no-repeat;background-size: 100% 100%}

.service_form{position: relative;}
.service_form input{width: 100%;height: 60px;line-height: 60px;border: 2px solid #c8c8c8;padding: 0 60px 0 20px;}
.service_form .btn_button{width: 60px;height: 60px;
    background: url(../images/search.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 0;right: 20px;}

@media(max-width: 768px){
    .service-bj a{padding: 10px;}
    img.img_height{height: 60px;}
    .dervice_down{width: 60px;height: 27px;}

    .service_form input{height: 40px;line-height: 40px;padding: 0 40px 0 10px;}
    .service_form .btn_button{width: 40px;height: 40px;right: 0;}

}


/*新闻资讯*/
.newslist a{background: #fff;display: block;padding: 20px;position: relative;}
.newslist a:hover{box-shadow: 0 3px 6px rgb(0,0,0,0.4);}
.newsleft,.newsright{display: inline-block;vertical-align: middle;}
.newsleft{width: 24%;}
.newsright{width: 63%;margin-left: 3%;}
.newslist a .spectop{position: absolute;top: 0;right: 0;background: #999;padding: 4px 20px;}
.viewdetails2{border: 1px solid #ccc;color: #333;}
.newslist a:hover .viewdetails2{background: #23a9f5;border-color: #23a9f5;color: #fff;}
.newslist a:hover .spectitle{color: #23a9f5;}
.spectext{line-height: 1.6;height: 4.8em;}

@media(max-width: 1230px){
    .spectext,.viewdetails2{margin-top: 10px !important;}
}
@media(max-width: 768px){
    .newslist a{padding: 10px;}
    .newsleft{display: none;}
    .newsright{width: 82%;margin-left: 0;}
    .newslist a .spectop{position: absolute;top: 0;right: 0;background: #999;padding: 4px;}
}


/*联系我们*/
.online-color{background: #fff;border-radius: 6px;overflow: hidden;box-shadow: 0 7px 12px #d1d1d1;}
.online-left,.online-right{width: 50%;display: inline-block;vertical-align: middle;}

.online-left .online_em{position: absolute;top: 50%;transform: translateY(-50%);padding: 0 80px;}
.ustext{margin: 10px 0 20px;}
.ustext1{margin-bottom: 0;}
.ustext a{color: #fff;}
.ustitle{position: relative;padding-left: 10px;line-height: 1;}
.ustitle:before{content: "";width: 2px;height: 100%;background: #fff;position: absolute;left: 0;top: 0;}
#dituContent1{width: 100%;height: 600px;}

@media(max-width: 1230px){
    .online-left{height: 400px;}
    .online-left .online_em{padding: 0 30px;}
    #dituContent1{height: 400px;}
}
@media(max-width: 768px){
    .online-left,.online-right{width: 100%;}
    .online-left{height: 300px;}
    #dituContent1{height: 300px;}
}


/*网站地图*/
.map_title{width: 100%;padding: 10px 20px;background: #f1f1f1;border-bottom: 2px solid #23a9f5;}
.map_title a{color: #333;}
.map_title a:hover{color: #23a9f5;}
.map_text{margin-left: 10px;}
.map_nav li{margin: 10px;display: inline-block;vertical-align: top;}
.map_nav li a{padding: 8px 16px;display: block;font-size: 14px;color: #666;border: 1px solid #d1d1d1;}
.map_nav li a:hover{background: #23a9f5;color: #fff;border-color: #23a9f5;}
.linkheight{min-height: 640px;}

@media(max-width: 768px){
    .map_title{padding: 6px 12px;}
    .map_text{margin-left: 6px;}
    .map_nav li{margin: 6px;}
    .map_nav li a{padding: 4px 8px;}
    .linkheight{min-height: 300px;}
}

.table tbody tr td{width: auto;border: 1px solid #d1d1d1!important;padding: 8px !important;vertical-align: middle;}
.table tbody tr td p{margin: 0;}