body{background:#fff;padding-top:0;}
.head{height:128px;background:#fff;top:0;left:0;width:100%;z-index:100;}
.head_content{height:100%;}
.welcome{height:42px;background:#000;line-height:42px;}
.welcome_l a{display:inline-block;}
.welcome_l a:hover{color:#fff;}
.welcome_tel{padding-left:20px;background:url(../images/pic2_03.png) no-repeat left center;color:#fff;margin-right:20px;}
.lang{padding-left:12px;color:#fff;position: relative;}
.lang::after,.welcome_r a::after{
    content:'';display:inline-block;
    width:2px;height:12px;background:#808080;
    position: absolute;top:50%;transform: translateY(-50%);
    display:none;
}
.lang::after{left:0;}
.lang + .lang{margin-left:12px;}
.lang + .lang::after{display:block;}
.lang_on{padding-left:32px;background-repeat: no-repeat;background-position: left center;}
.welcome_r a{display: inline-block;margin-left:20px;padding-right:20px;position: relative;color:#fff;padding-left:20px;background-repeat: no-repeat;background-position: left center;}
.welcome_r a::after{display: block;right:0}
.welcome_r a:last-child::after{display: none;}

.head_t_box {
  background: #F7F7F7;
  line-height:35px;
}

.head_top {
  height: 35px;
  justify-content: space-between;
  align-items: center;
}

.head_t_left{font-size:12px;color:#666666;}
.head_t_right ul li {
    border-right: 2px dashed #666666;
    color: #666666;
    font-size: 12px;
    text-align: center;
    padding:0 10px;
    height:25px;
    margin:5px 0;
    line-height:25px;
}

.head_t_right ul li:last-child {
  border: none;
}

.head_t_right ul li a {
  color: inherit;
  font-size: inherit;
}
.divder{height:1px;background:#ddd;width:100%;margin:10px 0;}

.logo{display:block;}
.nav_box{height:80px;background:#fff;background-size: 100% 100%;}
.nav{height:100%}
.nav ul{height:100%;}
.nav ul>li{height:100%;position:relative;width:110px;position: relative;}
.nav ul>li::after{
    content:'';display:block;height:4px;
    width:0;background:#000;bottom:0;
    left:0;position: absolute;
    transition:width 0.5s;
}
.nav ul>li:hover::after{width:100%;transition:width 0.5s;}
.nav li{text-align:center;}
.nav ul>li > a {padding:0 5px;font-size:18px;position: relative;color:#000;line-height: 80px;font-weight: bold;}
.nav a{display:block;color:#333;font-size:16px;height:100%;}
.nav_En{font-size:12px;color:#A0CBFB;padding-top:3px}
.gzhewm{padding:15px;background:#fff;z-index:99;width:155px;height:155px;position: absolute;top:60px;left:50%;transform: translateX(-50%);display:none;}
.gzhewm::after{
    content:'';display:block;
    width:0;height:0;border:5px solid #fff;
    border-bottom-color:transparent;
    border-right-color:transparent;
    transform: rotate(45deg) translateX(-50%);
    position: absolute;top:0px;
    left:50%;
}
.nav ul>li.show_ewm:hover .gzhewm{display:block}
.ewm_img{width:95px;height:95px;border:1px solid #19D3C5;padding:3px;margin:0 auto}
.gzhewm p{font-size:12px;color:#666;line-height:1.8}


.twoMenu_box{width:100%;position: absolute;top:122px;z-index:998;background:#fff;}
.twoMenu{display:block;background:#fff;left:0;padding-bottom:20px;z-index:99;}
.twoMenu li{padding:none;}
.sanMenu li:hover a{color:#000;}
.twoMenu a{background-image:none;font-size:14px;text-align:left;}
.twoMenu_list {width:205px;}
.twoMenu_list li{height:50px;}
.twoMenu_list li + li{border-top:1px solid #ddd;}
.twoMenu_list li a{line-height:50px;}
.twoMenu_list li:hover{background:#00922C}
.twoMenu_list li:hover a{color:#fff !important;}
.head_ewm{padding-top:20px;}
.head_ewm img{width:85px;}
.head_tel{text-align:left;position: relative;padding-left:45px;background:url(../images/tel_icon.png) no-repeat left center;margin-left:15px;margin-top:30px}
.head_tel p{display:inline-block;position: relative;font-size:14px;color:#333333}
.head_tel p span{color:#095AB5;font-size:24px;display:block;font-weight:bold}
.search{position: absolute;right:0;top:0}
.search_btn{display:inline-block;width:40px;height:40px;background:#00922C url(../images/search.png) no-repeat center;cursor: pointer;}
.twoMenu_list_right {padding:20px 25px 20px 5px;position: absolute;right:0;top:0}
.twoMenu_list_info {font-size:12px;color:#666}
.nz_twoMenu .nv_nav{width:12.5%;padding:0 10px }
.nv_nav a{font-size:12px;display: block;padding:5px 0;}
.nv_nav a:hover{font-weight:bold;color:#000;}
.nanz_twoMenu .nv_nav{width:16.5%;padding:0 10px }
.twoMenu_box,.twoMenu{display:none;}
.product_content{font-size:14px;color:#333}
.you_like{font-size:24px;font-weight:bold;color:#000;text-align:center;margin-top:100px;}


.banners{position: relative;}
.banners .swiper-pagination,.cooperation .swiper-pagination{left:50%;transform: translateX(-50%);bottom:20px}
.banners .swiper-pagination{bottom:15px;}
.swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:10px;}
.banners .swiper-pagination-bullet{width:30px;height:5px;opacity: 1;background:#ACA7AD;outline:none;border-radius:0;}
.banners .swiper-pagination-bullet-active,
.cooperation .swiper-pagination-bullet-active{background:#033E50}
.banners .swiper-button-next,.banners .swiper-button-prev{background-color:rgba(0,0,0,.5);width:55px;height:55px;background-size:15px}
.banners_entrance{height:115px;background:rgba(0,0,0,0.5);padding:20px 0;position:absolute;bottom:0;left:0;width:100%;z-index:99;}
.banners_entrance li{background:url(../images/rk_bg_03.jpg);border-radius: 5px;height:100%;}
.banners_entrance li:hover{background:url(../images/btn_bg_03.jpg)}
.banners_entrance li a{justify-content: center;align-items:center;color:#fff;height:100%;}
.banner_enInfo{font-size:30px;padding-left:12px;}
.banner_enInfo p{font-size:14px;}

.topSearch{font-size:18px;color:#000;padding-left:25px;font-weight:bold;background:url(../images/pic2_17.png) no-repeat left center;cursor: pointer;}
/**/   
.hot-mobile {
    position: relative;
    background: #FFFFFF;
    height: 204px;
}
.hot-mobile ul {
    height: 204px;
    padding: 64px 0px;
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    background: #FFFFFF;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 0 24px 0 rgba(0, 0, 0, 0.04);
    border-radius: 10px;
}
.hot-mobile ul li {
    width: 24%;
    display: inline-block;
}
.hot-mobile ul li .number {
    position: relative;
    line-height: 42px;
    font-size: 36px;
    color: #666666;
    letter-spacing: 0;
    text-align: center;
}
.hot-mobile ul li .number .counter {
    position: relative;
}
.hot-mobile ul li .number .sup {
    display: inline-block;
    position: relative;
    top: -20px;
    left: 0px;
    color: #19d3c5;
    font-size: 20px;
}
.hot-mobile ul li .type {
    text-align: center;
    font-family: PingFangSC-Light;
    font-size: 16px;
    color: #999999;
    letter-spacing: 0;
    line-height: 28px;
}
/* 业务范围 */
.ibox1 .ibox1_item{text-align:center;padding:15px;margin-top:15px;position: relative;top:0;transition:all 0.5s}
.ibox1 .content .info .title{font-size:24px;color:#666;text-align:center;margin:20px 0;}
.ibox1 .content .info .text{font-size:13px;color:#666666}
.ibox1 .ibox1_item:hover{box-shadow: 0 0 15px #ddd;top:-5px;transition:all 0.5s;}

.ibox2{background-position:center;background-repeat:no-repeat;height:460px;display:flex;flex-direction: column;align-items:center;justify-content: center;color:#fff;}
.ibox2 h3{font-size:44px;}
.ibox2 div{font-size:24px;}
.ibox2 a{display:block;width:160px;line-height:58px;height:60px;border:1px solid #999999;text-align:center;font-size:16px;margin-top:35px;color:#fff;}

/* 产品中心 */
.ibox3{padding:80px 0 40px;}
.ibox3 .content .hd ul{text-align:center;display:flex;justify-content: center;align-items:center;}
.ibox3 .content .hd ul li{width:130px;height:45px;line-height:normal;text-align:center;color:#666;font-size:12px;border:1px solid #E2E8EA;cursor:pointer;padding:5px 0;display:flex;align-items:center;justify-content: center;}
.ibox3 .content .hd ul li.on{background:#88D4FA;color:#fff;border-color:#88D4FA;}
.ibox3 .content .hd ul li + li{margin-left:10px;}
.ibox3 .content .bd {margin-top:40px}
.ibox3 .content .bd .img{position: relative;height:275px;border:8px solid #F8F8F8;overflow:hidden;text-align:center;line-height:267px;}
.ibox3 .content .bd .img img{max-height:100%;}
.ibox3 .content .bd .img span{position: absolute;bottom:-50px;left:0;width:100%;background:#88D4FA;color:#fff;text-align:center;font-size:14px;line-height:50px;transition: all 0.5s;}
.ibox3 .content .bd li:hover .img span{bottom:0;transition:all 0.5s;}
.ibox3 .content .bd .title{font-size:16px;color:#333333;text-align:center;margin:20px 0;}

.ibox4{padding:60px 0;background:#eee;}
.ibox4 .content .left{width:405px;float:left;}
.ibox4 .content .swiper-slide {position:relative;}
.ibox4 .content .swiper-slide .info{position: absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.5);padding:20px 30px;color:#fff}
.ibox4 .content .swiper-slide .info p{font-size:14px;font-family: Arial;}
.ibox4 .content .swiper-slide .info div{font-size:16px;}
.ibox4 .content .right {width:755px;float:right;}
.ibox4 .content .right .news_item {
    padding: 8px 0;
    border-bottom: 1px solid #D6D6D6;
    transition: all 1s;
    -ms-transition: all 1s;
    display: block;
}
.ibox4 .content .right .news_item:first-child{padding-top:0;}
.ibox4 .content .right .news_time {
    width: 108px;
    height: auto;
    position: static;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
}
.ibox4 .content .right .news_time p {
    font-size: 40px;
    color: #bbb;
    font-family: Arial;
    font-weight: normal;
}
.ibox4 .content .right .news_time span {
    font-size: 14px;
    display: block;
    text-align: right;
    color:#C2C2C2
}
.ibox4 .content .right .news_t_con {
    width: 80%;
    padding-left:30px
}
.ibox4 .content .right .news_t_con h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-size: 18px;
    display: inline-block;
    width: 100%;
}
.ibox4 .content .right .news_item .news_t_con p {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
}

.server_center_item a{position: relative;top:0;transition:all 0.5s;}
.server_center_img{position: relative;}
.server_center_img .img_mask{position:absolute;top:-100%;left:0;width:100%;height:100%;transition:all 0.5s;background:rgba(0,0,0,.5)}
.server_center_img span{position:absolute;bottom:-50%;left:50%;transform: translate(-50%,-50%);}
.server_center_item:hover a{box-shadow: 0 0 5px #eee;top:-5px;transition:all 0.5s;}
.server_center_item:hover .img_mask{top:0;transition:all 0.5s;}
.server_center_item:hover span{bottom:50%;transition:all 0.5s;}
/*  */
.main{margin-top:40px;}
@media screen and (min-width:1200px){
    .ibox1{padding:70px 0;}
}
/* 位置导航 */
.location{height:55px;line-height:55px;border-bottom:5px solid #EDEDED;margin:40px auto 30px;width:100%;}
.location_title{font-size:24px;color:#333;position: relative;}
@media screen and (max-width:991px){
   .mobileNav_mask{width:100%;position: fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index: 99}
    body{padding-top:60px}
    #closeMenu,#closeSearch{display:block;right:10px;top:15px;position: absolute;}
    #showMenu,#showSearch{display:block;right:10px;top:50%;position: absolute;transform: translateY(-50%)}
    #showSearch{right:60px}
    .width{width:100%;padding:0 15px;}
    .head{display:block;height:60px;padding:10px;position:fixed;}
    .logo{margin-top:5px;}
    .logo img{width:20%;vertical-align: middle}
    .logo_txt{padding-left:10px;margin-left:10px;font-size:12px}
    .logo_txt strong{font-size:14px}
    .head_ewm,.head_tel,
    .banners .swiper-button-next, .banners .swiper-button-prev{display:none;}
    .nav_box{height:0;}
    .nav,.search{position:fixed;top:0;right:-65%;width:65%;height:100%;z-index:99;background:#000;margin-left:0;padding-top:50px;display: block;z-index:100;}
    .search{margin-top:0;padding-left:10px;padding-right:10px;padding-top:100px}
    .search button{background-color:#fff;}
    .nav li{width:100%;border-bottom:1px solid #aaa;text-align:left;}
    .nav > ul >li{background:transparent;height:auto;line-height:40px;width:100%;padding-left:10px;}
    .nav > ul >li >a{width:100%;color:#fff;line-height:45px}
    .nav a{color:#fff;padding:15px 30px 15px 15px;background-image:none;height:auto;}
    .nav ul>li:hover, .nav ul>li.on{background:transparent;}
    .nav ul>li.on::after,.nav ul>li::after,.nav ul>li:hover::after{display:none;}
    .twoMenu{background:transparent;display:none;}
    .twoMenu li{padding-left:10px;}
    .twoMenu li a{font-size:14px}

    
    .hotNews_img{float:none;}
    .hotNews_info{height:auto;padding:10px;}
    .news_item{padding:20px 0}
    .news_item a{display:flex;width:100%;}
    .news_time{width:75px;height:75px}
    .news_t_con{width:calc(100% - 80px);padding-left:10px;}
    .news_time p{font-size:20px}
    .news_time span{font-size:12px}
    
    .news_t_con h3{font-size:16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom:5px;}
    
    .zh_list li{padding:0 5px;}
    .zh_img,.zh_info,.zh_time,.zh_detail{width:50%;margin:0;padding:0;height:75px;padding:10px 0;overflow:hidden;}
    .zh_detail{text-align:center;}
    .zh_detail .box1_arrow{margin:auto;}

    .floor{padding:20px 10px}
    .floor_box,.fl_l{flex-wrap:wrap;}
    .floor_box{padding-bottom:5px;}
    .fl_b_box{flex-wrap:wrap;line-height:normal;height:auto;}
    .fl_b_box p{font-size:12px;text-align:center;line-height:30px}
    .fl_l{width:100%;border:none;height:auto;}
    .fl_l .fl_title::after, .fl_m .fl_title::after{display:none;}
    .fl_item{width:25%;margin:0;}
    .fl_item h3{padding-bottom:0;}
    .fl_l ul{display:flex;}
    .fl_m ul{margin-top:5px;}
    .hot_line{font-size:16px;}
    .fl_tel{font-size:14px}
    .fl_item li{width:32%;line-height:30px}
    .fl_r{width:100%;text-align:center;height:auto;padding-left:0;padding-top:5px;}
    .fl_r h3{display:none;}
    .fl_r img{margin:auto;}
    .floor_b{margin-top:15px;padding-bottom:15px;}
    .floor_b p{font-size:10px;line-height:22px}
    .fl_ewm,
    .fl_contact{width:100%;padding-top:10px}
    .fl_contact li{width:100%;}
    .fl_ba {text-align:center;font-size:12px;margin-top:0;}
    .fl_ba p,.fl_ba div{float:none;}
    .fl_m{padding-left:0;height:auto;}
    .fl_m .fl_item,.fl_r .fl_item{width:100%;}

    /* 在线留言 */
    .form_list{width:100%;padding:10px;}
    .form_list li{line-height:35px;height:35px;margin-bottom:10px;}
    .form_list li input{line-height:33px;height:33px;}
    .form_list .form_textarea{height:150px;}
    .topClass{padding:10px;display:none;}
    .topClass li{width:33.333%;margin-right:0;}
    .topClass li a{line-height:40px;}
    .top_title{padding:10px;}
    .top_title_l,.top_title_r{float:none;}
    .top_title_l{border-bottom:1px solid #ddd;padding-bottom:10px;}
    .top_title_l strong{font-size:20px;}
    .top_title_l span{font-size:18px}
    .top_title_r{margin-top:5px;}
    .top_title_r li{font-size:12px;margin-left:0;margin-right:10px;}

    /*  */
    .ibox1 .content .info .title{font-size:20px;}
    .ibox2{height:350px;}
    .ibox4 .content .left{margin:auto;}
}

@media screen and (max-width:767px){
    .leftCommon{display: none;}
    .logo{height:100%;padding-right:45px;display:flex;}
    .logo img{width:auto;max-height:100%;}
    .logo_txt{text-align: left;display:block;border-left:none;margin-left:0;}
    
    .floor{height:auto;min-height:auto;}
    .fl_l_item{line-height:25px;height:25px;}
    .fl_title{height:30px;line-height:30px;}
    .fl_l{margin-bottom:20px;}
    .fl_r{width:100%;}
    .fl_m{width:100%;border:none;}
    .fl_item{line-height:25px;}
    .hot_line{font-size:14px;}
    .fl_b_box p{width:100%;line-height: 22px;}
    .location{margin:10px 0;height:40px;line-height:40px;border-width:1px;}
    .main{margin-top:10px;}
}

@media screen and (max-width:767px){
    .width{padding:0 15px}
    .lay{padding:0 5px;width:100%;overflow: hidden;}
    /*  */
    .ibox1 .content .info .title{margin:5px 0;font-size:14px;font-weight:bold;}
    .ibox1 .content .info .text{font-size:10px;}
    .ibox1 .content .img img{width:75px;}
    .ibox2{height:150px;padding:20px 0;}
    .ibox2 h3{font-size:24px;}
    .ibox2 div{font-size:14px;margin-top:10px;}
    .ibox2 a{margin-top:15px;width:120px;height:45px;line-height:43px;}
    .ibox3{padding:30px 0;}
    .ibox3 .content .hd ul {display:flex;flex-wrap:wrap;justify-content: center;}
    .ibox3 .content .hd ul li{width:32%;margin-top:10px;margin-right:1%}
    .ibox3 .content .hd ul li + li{margin-left:0;}
    .ibox3 .content .hd ul li:nth-child(3n){margin-right:0;}
    .ibox3 .content .bd .img{border-width:2px;padding:5px;height:150px;line-height:146px;}
    .ibox3 .content .bd .title{font-size:14px;margin:10px 0;}
    .ibox4{padding:30px 0;}
    .ibox4 .content .left,.ibox4 .content .right{width:100%;}
    .ibox4 .content .right .time_box{display:none;}
    .ibox4 .content .right .news_t_con{padding-left:0;width:100%;margin-top:10px;}
    .ibox4 .content .swiper-slide .info{padding:10px;}
    .ibox4 .content .right .news_t_con h3{font-size:14px;font-weight:bold;}
    .ibox4 .content .right .news_item .news_t_con p{font-size:12px;height:auto;line-height:normal}
}
@media screen and (min-width:768px) and (max-width:991px){
    .p_head{display:none;}
    .wap_head{display:block;}
    /* .side-box dl dd ul li{width:33.33%} */
    .ibox1{padding:30px 0;}
    .fl_m{width:60%;}
    .fl_r{width:40%}
}

@media screen and (max-width:1024px) and (min-width:992px){
    .p_head{display:none;}
    .wap_head{display:block;}
    body{}
    /* .side-box dl dd ul li{width:33.33%} */
    .width{width:100%;overflow-x:hidden}
    .ibox1{padding:30px 0;}
    .ibox4 .content .left{width:40%}
    .ibox4 .content .right{width:60%}
    .fl_m{width:60%;}
    .fl_r{width:40%}
}

