.pc{display: block}
.wap{display: none}
.left{float: left}
.right{float: right}

/***********新闻内页************/
.wrap{ max-width:1200px; margin:0 auto; width:100%; min-width:300px}
.mg40{margin-top:40px}
.news_tt{ width:100%;font-size:24px; text-align:left;line-height:1.6;}
.news_time{border-bottom:1px solid #ddd; padding:10px 0 20px; font-family:Arial; color:#999}
.article{line-height:2; font-size:16px; padding:40px 0}
.pre_next{ line-height:30px; color:#999; margin-bottom:50px;}
.pre_next a{color:#999}
/***********新闻内页结束************/
/*******案例详情*******/
.pro_box{width: 1200px;margin: 0 auto;}
.swiper-slide {background-size: cover;background-position: center;}

.cc{display: none}
.gallery-thumbs {
    /*width: 260px;*/
    width: 500px;
    height: 50px;
    box-sizing: border-box;
    margin-top: 15px;
    text-align: center;
    padding: 0 50px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.gallery-thumbs .swiper-slide {
    width: 50px !important;
    height: 50px;
    opacity: 1;
    border: 1px solid #0199ea;
    cursor: pointer;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
    border-color: #0199ea;
}
.swiper-button-next.swiper-button-white{  background: url(../img/ind_icon03.png) no-repeat;background-size: 100% 100%;right: 0;}
.swiper-button-prev.swiper-button-white{background: url(../img/ind_icon02.png) no-repeat;background-size: 100% 100%;left: 0;}
/*.swiper-button-next, .swiper-button-prev{width: 27px;height: 50px;}*/
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1}
.pro_lg{overflow: hidden;}
.xq_lf{display: inline-block;width: 630px;position: relative;vertical-align: top;}
.xq_rg{display: inline-block;width: 500px;float: right;vertical-align: top;padding-top: 15px;}
.xq_rg h2{color:#0199ea;font-size: 24px;margin-bottom: 20px;}
.xq_list{width: 100%;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;padding: 15px 0;}
.xq_list p{display: inline-block;font-size: 16px;width: 100%;line-height: 25px;margin-bottom: 10px;color: #787878;}
.pro_box{padding-top: 50px;}
.pro_xq{width: 100%;margin-top: 50px;overflow: hidden;}
.pro_xq_lf{display: inline-block;width: 850px;vertical-align: top;}
.pro_xq_rg{display: inline-block;width: 300px;float: right;vertical-align: top;}
.pro_xq_rg h4{text-align: center;color:#5398FF;font-size: 18px;margin-bottom: 20px;}
.pro_xq_rg ul li{width: 300px;height: 300px;text-align: center;border: 1px solid #EEEEEE;border-top: 0;padding: 10px 0;}
.pro_xq_rg ul li img{width: 250px;height: 250px;}
.pro_xq_rg ul li p{color: #999999;font-size: 16px;margin-top: 5px;}
.pro_xq_rg ul li:hover p{color:#5398FF;}
.pro_xq_rg ul li:first-child{border-top: 1px solid #EEEEEE;}
.gallery-thumbs .swiper-wrapper{transform:none !important;}
.xq_zx a{display: inline-block;width: 150px;height: 40px;line-height: 40px;background: #0199ea;text-align: center;color: white;font-size: 16px;}
.xq_zx{margin-top: 20px;}
.pro_xq{width: 100%;margin-top: 60px;}
.pro_xq h3{color: #666666;font-size: 18px;border-bottom: 1px solid #a0a0a0;padding-bottom: 10px;}
.xq_nr{padding-top: 20px;text-align: center;}

/********案例内页结束********/
/********导航开始**********/
/********版心**********/
.nr{width: 1200px;margin: 0 auto;}
/********版心**********/
/*头部*/
.nr{width: 1200px;margin: 0 auto;}
.header{display: flex;justify-content: space-between;background-color: #f5f5f5}
.logo{float: left;line-height: 80px}
.head_rg{display: flex;padding-top: 6px;}
.yuyan{line-height: 80px;margin-right: 10px}
.ser{float: right}
.ser{border:1px solid #d71d1a;height: 40px;border-radius: 20px;margin: 20px 0}
/*.ser form{width:130px;}*/
.ser input{width: 120px;height: 20px;margin:10px 0 10px 20px;border-right: 1px solid #d71d1a}
.ser form button {
    float: right;
    border: none;
    background: transparent;
    height: 20px;
    width: 20px;
    margin:10px 10px 10px 10px;
}
.top_ul{margin-left: 90px}
.top_ul li{float: left;height: 80px;line-height: 80px;font-size: 16px;margin-right: 50px}
.top_ul li a{color: #333;font-weight: 700}
.top_ul_en li{margin-right: 25px}
.top_ul>li.active,.top_ul>li:hover{color: #0199ea;}
.top_ul>li:hover a{color: #0199ea}
.top_ul>li.active a{color: #0199ea}
/*导航*/
.nav_box{width: 100%;height: 60px;background: #f5f5f5;border-top:1px solid #0199ea }
.nav_list{display: flex;}
.nav_list>li{width: 11%;height: 60px;line-height: 60px;text-align: center;position: relative;overflow: hidden;}
.nav_list>li>a{color: #333;font-size: 16px;}
.nav_list>li.active,.nav_list>li:hover{background: #0199ea;}
.nav_list>li:hover a{color: #fff}
.nav_list>li.active a{color: #fff}
.nav_meu{width: 100%;transition:all 0.5s;}
.nav_meu li{height: 45px;line-height: 45px;text-align: center;background:#f5f5f5;margin-top: 1px;}
.nav_list .nav_meu li>a{color: #333;font-size: 15px;}
.nav_meu li:hover{background:#0199ea;}
.nav_list .nav_meu li:hover a{color:#fff;}
.nav_list>li:hover{overflow: inherit;}
.nav_list>li:hover .nav_meu{opacity: 1;top: 50px;transition:all 0.5s;}
.y_nav{display: none;}
/********导航结束**********/
/*banner*/
.ban_swi .swiper-pagination-bullet-active{background:#0199ea;}
.ban_swi .swiper-slide img{width: 100%;}

/*首页*/
.section{margin-top: 50px}

.tit{text-align:center;margin-bottom: 40px}
.tit h2{margin: 20px 0;color:#0199ea;font-size: 36px}
.tit h5{color:#666;font-size: 16px;position: relative;}
.tit h5:before{
    content: "";
    width: 30px;
    height: 3px;
    background: #0199ea;
    position: absolute;
    bottom: 0;
    margin-left: -20px;
}

.ind_tit{text-align: center;padding: 60px 0;}
.ind_about{background: url("../img/ind_about_back.png")no-repeat;height: 700px;padding: 70px 0}

.ind_about .left h2{font-size: 38px;margin-bottom: 30px;}
.ind_about .left a{font-size: 18px;color: #d71d1a}
.ind_about .left p{font-size: 16px;color:#666;margin-bottom: 30px;line-height: 1.5}
.ind_about .left{width: 600px}
.left .ind_gy_sj{padding: 50px 0;width: 840px;background-color: #fff;margin-top: 30px}
.left .ind_gy_sj li p{color: #333;font-size: 30px;margin: 10px 0}
.left .ind_gy_sj li span{color: #333;font-size: 14px}
.left .ind_gy_sj li img{position: initial}
.ind_about .ind_about_en{font-size: 14px}
.ind_about .ind_about_en .ind_gy_sj{padding: 0}
.ind_zyyw{background: url("../img/ind_zyywback.png")no-repeat;padding: 30px 0}
.ind_zyyw .tit_h4{color: #fff;text-align: left}
.ind_zyyw .left{width: 780px}
.ind_zyyw .right{width: 380px}
.ind_zyyw_ul li{float: left;width: 380px;color: #fff;position: relative}
.ind_zyyw_ul li:nth-child(1){margin-right: 20px}
.ul_con{position: absolute;bottom: 0;padding: 30px;background-color: rgb(1,153,243,0.7)}
.ind_zyyw_ul li h4{font-size: 24px;margin-bottom: 30px}
.ind_zyyw_ul li p{font-size: 16px}

.ind_fwly_ul li{position: relative;margin-bottom: 20px}
.ind_fwly_ul li h4{color: #fff;font-size: 24px;position: absolute;bottom: 10px;left:10px}

.zpzs{background: url("../img/zpzs_back.png");padding: 30px 0}
.fanan_ul{display: flex;flex-wrap: wrap}
.fanan_ul li{float: left;width: 25%;text-align: center;margin: 30px 0}
.fanan_ul li p{margin-top: 10px}

.al_more {
    text-align: center;
    float: left;
    margin-right: 20px;
}
.al_more a {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #d71d1a;
    border: 1px solid #d71d1a;
    font-size: 16px;
    transition: all 0.3s;
}
.al_more:hover a{color: #fff;background-color: #d71d1a}

.al_mg {width: 100%}
.cp_lb{display: flex;flex-wrap: wrap;}
.cp_lb li{width:280px;overflow: hidden;position: relative;margin-right:25px;margin-bottom: 30px;}
.cp_lb li:nth-child(4n){margin-right: 0;}
.cp_lb li img{width: 100%;transition: all 0.5s;}
.cp_wz{width: 100%;height: 100%;background: rgba(1,153,234,0.7);text-align: center;color: #fff;font-size: 16px;position: absolute;top: 82%;left: 0;transition: all 0.5s;overflow: hidden;}
.cp_wz p{line-height:50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cp_wz span{font-size: 14px}
.cp_lb li:hover .cp_wz{top:0;padding-top: 80px;transition: all 0.5s;background: rgba(1,153,234,0.7);color: #fff}
.cp_lb li .cp_wz img{width: auto}

.ind_liuyan{background: url("../img/ind_liuyan_back.png")no-repeat;height: 260px;position: relative;margin-bottom: -70px}
.ind_youshi{background-color: #1c222e;margin-bottom: -50px;display: flex;flex-wrap: wrap;}
.ind_youshi_con{width: 25%;float: left;position: relative;padding: 100px 30px 30px 100px}
.ind_youshi_con img{position: absolute;left: 0}
.ind_youshi_con p{color: #fff}
.ind_youshi_con span{color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.ind_liuyan h2{text-align: center;color: #fff;font-size: 34px;padding: 40px 0}
.ind_liuyan .zx_form{padding: 0 40px}
.ind_liuyan .zx_form .inp{width: 220px;
    margin-right: 30px;margin-left:0;height: 40px;border: 1px solid #c6c6c6;background: white;display: flex;float: left;margin-bottom: 20px}

.ind_liuyan .zx_form .inp span{display: inline-block;width:35px;height: 40px;display: inline-flex;justify-content: center;align-items: center;position: relative;}
.ind_liuyan .zx_form .inp input{width: 83%;height: 40px;padding-left: 10px;margin-top: 0;border: none;background: transparent;}
.ind_liuyan .zx_form .inp span:before{content: "";width:1px;height: 20px;background:#da251c;position: absolute;top: 10px;right: -1px;}
.ind_liuyan .zx_form .inps {
    width: 100%;
    height: auto;
}
.ind_liuyan .zx_form .inp_sub input{width: 120px;height: 40px;color: white;background:#d71d1a;border: none;font-size: 16px;}
.ind_liuyan .zx_form .inp textarea {
    width: 100%;
    height: 138px;
    border: 1px solid white;
    background: transparent;
    padding: 15px;

}
/*二级导航*/
.subnav{
    height: 60px;
    background-color: #f5f5f5;
}
.position{
    line-height: 60px;
    color: #888888;
    width:auto;
    float: right;
}
.position img{margin-right: 10px}
.position a{
    color: #888888;
    font-size: 16px;
    text-align: center;
    display:inline-block;
    vertical-align:middle
}
.mytab{
    /*width: 70%;*/
    height: 60px;
    float: left;
}
.pro_tab{
    width: 100%;
    height: 100%;}
.pro_tab li{
    display: inline-block;
    width: 150px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background:#f5f5f5;
    float: left;
}
.pro_tab li a{color: #696868;font-size: 16px;}
.pro_tab li:last-child{margin-right: 0;}
.pro_tab .active,.pro_tab li:hover{background: #0199ea;}
.pro_tab .active a,.pro_tab li:hover a{color: white;}


.pro_tabs{margin-top: 30px;}
.pro_tabs li{display: inline-block;width: 150px;height: 40px;text-align: center;line-height: 40px;background:#f5f5f5;margin-right: 15px;margin-bottom: 15px;}
.pro_tabs li a{color: #666;font-size: 16px;}
.pro_tabs li:last-child{margin-right: 0;}
.pro_tabs .active,.pro_tabs li:hover{background: #0199ea;}
.pro_tabs .active a,.pro_tabs li:hover a{color: white;}
/*.mytabs{border-bottom: 1px solid #e6e5e5;}*/
/*二级导航*/
/* 关于我们 */
.about .left{width: 540px;padding: 40px 0}
.about .right{width: 600px}
.about h4{text-align: left}
.tit_h4{font-size: 38px;color: #0199ea;margin: 30px 0;text-align: center}
.about_img {background: url("../img/about_img.png")no-repeat;padding: 80px 0;margin-top: 30px}
.gy_sj{display: flex;justify-content: space-between;}
.gy_sj li{width: 33%;text-align: center;position: relative}
.gy_sj li p{color: #fff;font-size: 40px;font-weight: bold;}
.gy_sj li img{position: absolute;left: 40px;top: 10px;}
.gy_sj li span{color: #fff;font-size: 20px;display: block}
.ceo .right{width: 800px;padding: 50px ;background-color: #f5f5f5;}
.ceo .right p{font-size: 20px;text-indent:2em;line-height: 2}
.ceo .right .tit_h4{text-align: right;border-bottom: 1px solid #d71d1a;padding-bottom: 50px;margin: 0 0 26px}
.ceo .right .tit_h4 b{font-size: 30px;color: #333;float: left}
.ceo .right .tit_h4 span{font-size: 20px;color: #333;float: left;margin-top: 10px}
.en_p{font-size: 14px}
.shiming {background: url("../img/shiming_back.png")no-repeat;}
.shiming_ul{padding: 60px 0}
.shiming_ul li{float: left;width: 580px;height: 300px;padding: 40px 40px 0 40px}
.shiming_ul li h4{font-size: 30px;color: #0199ea;margin: 30px 0}
.shiming_ul li p{font-size: 20px}
.shiming_ul li:nth-child(1){margin-right: 40px;background: url("../img/zongzhi.png")}
.shiming_ul li:nth-child(2){background: url("../img/shiming.png")}
.fzlc {position: relative;width: 1400px;margin: 4% auto 0}
.fzlc .nr>p{text-align: center;color: #666;font-size: 16px}
.about_fzlc:before{
    content: "";
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    position: absolute;
    top: 70px;

}
.about_fzlc{padding-top: 110px}
.about_fzlc .swiper-wrapper .swiper-slide em{background: url(../img/fzlc_mr.png) no-repeat;width: 100%;height: 30px;position: absolute;  top: -80px;}
.about_fzlc .swiper-wrapper .swiper-slide-active em{background: url(../img/fzlc_dq.png) no-repeat;width: 100%}
.about_fzlc .swiper-wrapper .swiper-slide:hover em{background: url(../img/fzlc_dq.png) no-repeat;}
.about_fzlc .swiper-wrapper .swiper-slide:hover h4{color: #0199ea}
.about_fzlc .swiper-wrapper .swiper-slide-active h4{color: #0199ea}
.about_fzlc .swiper-wrapper .swiper-slide h4{font-size: 30px;margin-bottom: 20px}
.about_fzlc .swiper-wrapper .swiper-slide p{font-size: 16px}
.lzp{top: 170px;left: 5%;}
.lzn{top: 170px;right: 5%;}
/*荣誉见证*/
.rongyu{background: url(../img/romgyu_back.png) no-repeat;padding: 60px 0;margin-top: 50px}
.jcbg{position: relative;width: 1400px;margin: 0 auto }
.lzn,.lzp,.hor-next,.hor-prev{ width: 30px; height: 30px; outline: none; opacity: 1 !important;}
.lzn,.hor-next{ background: url("../img/right_ar.png") no-repeat;}
.lzp,.hor-prev{ background: url("../img/left_ar.png") no-repeat;}
.lzn:hover,.hor-next:hover{ background: url("../img/right_ar_on.png") no-repeat;}
.lzp:hover,.hor-prev:hover{ background: url("../img/left_ar_on.png") no-repeat;}
/*产品*/
.pro_list{background-color: #f5f5f5;padding: 20px;margin-bottom: 20px}
.pro_list .right{width: 650px;}
.pro_list .right h4{font-size: 30px;color: #0199ea;margin: 40px 0}
.pro_list .right p{line-height: 2}
.more{font-size: 16px;
    background-color: #d71d1a;
    color: #fff;
    width: 100px;
    display: block;
    line-height: 40px;
    text-align: center;
    margin-top: 20px;
}
.more:hover{color: #fff}
/*技术支持*/
.smt .right{width: 580px}
.smt .right p{text-indent:2em;color: #666}
.smt .right .smt_cn_p {padding-top: 40px;font-size: 16px}
.nr_list{margin-bottom: 20px;display: flex;flex-wrap: wrap}
.nr_wz{padding: 62px 70px 0 70px;width: 640px;background-color: #f5f5f5}
.nr_wz h4{font-size: 24px;font-weight: 700;margin-left: 20px;margin-bottom:30px;position: relative}
.nr_wz h4:before{
    content: "";
    width: 3px;
    height: 26px;
    background: #0199ea;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: -20px;
}
.nr_wz p{font-size: 16px;color: #666}
.nr_wz p span{color: #0199ea}
.nr_wz p img{margin-right: 10px}
.tgfw{background: url("../img/tgfw_back.png")no-repeat;padding: 50px 0}
.tgfw .nr h4{color: #fff}
.tgfw .nr p{color: #fff;font-size: 20px;margin-bottom: 30px}
.tgfw .nr .more{margin: 0 auto}
/*新闻*/
.news_list{display: flex;flex-wrap: wrap;}
.news_list li{width: 380px;height: 400px;margin-right: 30px;margin-bottom: 60px;border: 1px solid #eeeeee;}
.news_list li:nth-child(3n){margin-right: 0;}
.news_list li span{display: block;margin-bottom: 15px;padding-bottom: 5px;}
.news_m{width: 100%;overflow: hidden;position: relative}
.news_wz h4{margin-bottom: 15px;color: #333}
.news_list li .news_wz{padding: 15px 20px;background-color: #f5f5f5}
.news_list li p{margin-bottom: 15px;color: #888888;font-size: 14px}
.news_list li p {
    line-height: 25px;
    margin: 12px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.xw_more{font-size: 18px;color: #0199ea}
.time{width: 80px;height: 90px;background-color: #0199ea;position: absolute;bottom: 0}
.news_list li .time p{color: #fff;text-align: center;margin-bottom: 0px;}
.news_list li .time p:nth-child(1){font-size: 32px;margin-top: 10px}
.new_left:hover img,.news_list li:hover img{transform: scale(1.1);transition: all 0.5s;;}


/*工程案例*/
.hzpp{text-align: center;}
.hzpp h3{font-size: 36px;color: #0199ea}
.hzpp h4{font-size: 30px;margin: 30px 0}
.hzpp_ul{display: flex;flex-wrap: wrap}
.hzpp_ul li{float: left;width: 180px;margin-right: 24px;margin-bottom: 24px}
.hzpp_ul li:nth-child(6n){margin-right: 0}

/*联系我们*/

.con h4{font-size: 20px;color: #0199ea;margin-bottom:10px;}

.con_lxfs{font-size: 16px;width: 70%;float: left}
.con_lxfs li{
    /*width: 50%;*/
    /*float: left;*/
    margin-bottom: 10px}
.con_lxfs .ls{color:#0199ea;font-weight: 700 }
.con_lxfs li span{color: #666;font-weight:400}
.contact_right{float: right}
.clear{clear: both;}
/*联系我们*/
.contact{padding-top: 60px;color: #fff}
.contact .left{width: 460px;height: 500px;padding: 70px 40px 0;background: url("../img/lx-dtimg.png") no-repeat}
.contact .left h3{margin-bottom: 70px}
.contact .left h3 span{float: right}
.contact .right{width: 740px;height: 500px}
.map{width: 740px;height: 500px}
.contact_lx li{margin-bottom: 40px;}
.contact_lx img{float: left;margin-right: 30px;width: 37px}
.contact_lx span{font-size: 16px;color: #fff}
.contact_lx p{font-size: 16px;}
/*留言*/
.cont2{  height: auto; overflow: hidden;}
.cont2 .left{width: 600px;float: left}
.cont2 .right{width: 600px;float: right;}
.cont2 .right .zx_box{margin-top:0;}
.cont2 .right .zx_box .zx_p{margin-bottom: 26px;;}
.cont2 .right form{padding: 0 40px;}

.zx_box h3{color: #0199ea;font-size: 22px;}
.zx_box .zx_form{margin-top: 30px;justify-content: space-between;}
.zx_form .inp{width:49%;height: 74px;margin-left:2%;border: 1px solid #c6c6c6;background: white;display: flex;float: left;margin-bottom: 20px}
.inp:nth-child(2n){margin-left: 0}
.zx_form .inp span{width:24%;height: 74px;margin-right: 15px;font-size: 16px;background: #f5f5f5;display: inline-flex;justify-content: center;align-items: center;position: relative;}
.zx_form .inp input,.zx_form .inp select{width: 70%;height: 40px;border: 1px solid #c6c6c6;padding-left: 10px;margin-top: 16px;background: transparent;}

.zx_form .inp_sub input{width: 200px;height: 40px;float: left;color: white;background:#0199ea;border: none;font-size: 16px;}
.zx_box .zx_p{margin-top:10px;color:#666666;font-size: 14px;}
.zx_box .zx_p em{color:#333;}
.zx_form .inp textarea {
    width: 70%;
    height:62px;
    background: transparent;
    padding: 15px;
    border: 1px solid #c6c6c6;
    margin-top: 5px;

}
/*分页*/
.pagination{width: 100%;text-align: center;margin-top: 35px;margin-bottom: 0;}
.pagination a,.pagination p{display:inline-block;height: 30px;line-height: 30px;margin-right:5px;padding: 0 10px;background:#fff;text-decoration:none;color:#666666;font-size:14px;border: 1px solid #666666;border-radius: 50px;}
.pagination a:hover{color:#0199ea;border-color:#0199ea;}
.pagination a.cur{background:#0199ea;color:#fff;border-color:#0199ea;}
/*底部*/
.footer{width: 100%;background: #1c222e;margin-top: 50px}

.foot_box{display: flex;justify-content: space-between;margin-top: 30px}
.foot_lx,.foot_lf{margin-top: 20px;padding-top: 20px}
.foot_lf .con_lxfs li{color: #fff}
.foot_lf .con_lxfs li span{color: #fff}
.foot_lx li{color:#333;line-height: 26px;margin-bottom: 7px;font-size: 20px}
.foot_w p{color: #fff;font-size: 16px;text-align: right;margin-bottom: 10px}
.foot_w li{float: left;margin-left: 10px}
.foot_w li img {width: 120px}
.foot_cent{padding-top: 20px;}
.foot_nav{display: flex;}
.foot_nav li{width: 130px;margin-right:30px;}
.foot_nav li a{display: inline-block;width: 100%;color: #666;font-size: 14px;text-align: left;margin-top: 10px;}
.foot_nav li a:first-child{padding-bottom: 5px;margin-top: 0;font-size: 16px;color: #fff}
/*.foot_nav li a:hover{color:#0199ea;}*/

.foot_bq{margin-top: 10px;border-top: 1px solid #dadada;padding: 15px 0;text-align: center;}
.foot_bq p,.foot_bq p a{color: #a1a1a6;font-size: 16px;}
/*****资料下载*****/
.xz_lb li{width: 100%;height: 80px;border: 1px solid #eeeeee;padding: 0 30px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;transition-duration: 0.2s;}
.xz_lb li p{color: #666666;font-size: 18px;width: 75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xz_lb li p img{margin-right: 15px;}
.xz_btn a{display: inline-block;width:150px;line-height: 40px;text-align: center;border: 1px solid #0199ea;color: #0199ea;font-size:16px;margin-left: 15px;}
.xz_btn a:hover{background:#0199ea;color: white;}
.xz_lb li:hover{box-shadow:3px 3px 6px #c0bebe;-moz-box-shadow:3px 3px 6px #c0bebe; -webkit-box-shadow:3px 3px 6px #c0bebe;}

@media (max-width: 768px){
    .pc,.nav_box{display: none}
    .wap{display: block}
    .nr {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .section{margin-top: 30px}
    .section .right {
        width: 100%;
    }
    .pagination a, .pagination p{font-size: 12px;margin-right: 0;padding: 0 6px;height: 20px;line-height: 20px;}
    .zyw{padding: 5px 0 0 230px}
    /********导航开始**********/
    .header{display: none;}
    .container-fluid>.navbar-header{width: 100%;margin: 0;}
    .navbar{margin-bottom: 0;}
    .navbar-brand{width: auto;padding-top:0;padding-left: 0;}
    .navbar-brand>img{width:100%;}
    .navbar-default .navbar-toggle {border-color: transparent;margin-right: 0;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #0199ea;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: #0199ea;color: white;}
    .navbar-default{background: white;}
    .nav{padding: 0}
    .y_nav{display: block;width: 100%;position: fixed;top: 0;left: 0;z-index: 999;box-shadow:2px 2px 5px #A1A1A1;-moz-box-shadow:2px 2px 5px #A1A1A1; -webkit-box-shadow:2px 2px 5px #A1A1A1;}
    .banner,.ban_swi{margin-top: 53px;}
    .nr{width: 100%;padding-left: 15px;padding-right: 15px;}
    /********导航结束**********/
    /*首页*/
    .tit h2{font-size: 24px}
    .tit h5{font-size: 14px}
    .tit h5::before,.tit h5:after{display: none}
    .left .ind_gy_sj{width: 100%;padding: 20px 15px;}
    .ind_about{padding: 5% 0;height: auto}
    .ind_about .left{width: 100%}
    .ind_about .nr{padding: 20px 15px 15px}
    .ind_zyyw{background: #0199ea}
    .ind_zyyw .left,.ind_zyyw .right{width: 100%}
    .ind_zyyw_ul li{width: 100%;margin-bottom: 5%}
    .ind_zyyw_ul li:nth-child(1){margin-right:0 }
    .ind_zyyw_ul li h4{font-size: 22px;margin-bottom: 5%}
    .ind_zyyw_ul li p{font-size: 14px}
    .section {margin-right: 0}
    .al_more{margin-top: 0}
    .al_mores{margin-right: 0}
    .al_more a{width: 155px}
    .cp_lb{justify-content: space-between;}
    .cp_lb li{width: 48%;margin-right: 0;margin-bottom: 15px;}
    .cp_lb li:hover .cp_wz{padding-top: 2%}
    .cp_wz p{line-height: 40px}
    .cp_wz{top: 78%;font-size: 14px;}
    .ind_liuyan h2{font-size: 20px;padding: 5% 0}
    .ind_liuyan{background: #0199ea;height: auto;margin-bottom: 0}
    .ind_liuyan .zx_form .inp{width: 100%;margin-right: 0}
    .ind_liuyan .zx_form{padding: 5% 0}
    .ind_youshi{display: none}
    /*二级导航*/
    .position{display: none}
    .mytab{width: 100%;margin-right: 0;height: auto}
    .mytab .pro_tab li em{display: none}
    .mytab .pro_tab li {
        width: auto;
        min-width: 30%;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        text-align: center;
        margin-right: 6px;
        margin-bottom: 6px;
    }
    .pro_tab{display: flex;flex-wrap: wrap;}
    .pro_tab li a{font-size: 14px;}
    .pro_tab li:nth-child(3n){margin-right: 0;}

    .pro_tabs{display: flex;flex-wrap: wrap;}
    .pro_tabs li a{font-size: 14px;}
    .pro_tabs li{margin-right: 6px;margin-bottom: 10px;width: 32%;height: 35px;line-height: 35px;}
    .pro_tabs li:nth-child(3n){margin-right: 0;}
    /*二级导航*/
    /*关于我们*/
    .tit_h4{font-size: 24px;margin: 5% 0}
    .about .left{width: 100%}
    .about .right{width: 100%}
    .gy_sj{margin-top: 0;padding: 20px 15px}
    .gy_sj li{width: auto;text-align: left}
    .gy_sj li p,.gy_sj li span{font-size: 14px}
    .gy_sj li img{margin: 0;position: inherit;top:0;left: 0}
    .ry_lf{display: none}
    .about_img{padding: 0}
    .ceo .right{padding: 5%}
    .ceo .right .tit_h4 b{font-size: 20px}
    .ceo .right .tit_h4 span{font-size: 14px}
    .ceo .right .tit_h4{padding-bottom: 14px;margin: 0 0 10px;}
    .ceo .right p{font-size: 14px}
    .shiming{background: #0199ea}
    .shiming_ul{padding: 5%}
    .shiming_ul li{width: 100%;padding: 5%;margin-bottom: 5%;height: auto}
    .shiming_ul li:nth-child(1){margin-right: 0}
    .shiming_ul li h4{font-size: 20px}
    .shiming_ul li p{font-size: 16px}
    .fzlc{width: 100%}
    .fzlc .nr > p{font-size: 14px}
    .about_fzlc .swiper-wrapper .swiper-slide-active em{display: none}
    .about_fzlc .swiper-wrapper .swiper-slide:hover em{display: none}
    .about_fzlc{padding-top: 40px}
    .about_fzlc::before {top:20px}
    .about_fzlc .swiper-wrapper .swiper-slide h4{font-size: 24px;margin-bottom: 10px}
    .lzp,.lzn{top:116px}
    .jcbg{width: 100%}
    .rongyu{padding: 2px 0}
    /*技术支持*/
    .nr_wz{padding: 5%}
    .nr_wz h4{font-size: 20px;margin-left: 15px}
    .nr_wz p{font-size: 14px}
    .tgfw{padding: 5% 0}
    .tgfw .nr p{font-size: 14px}
    /*工程案例*/
    .hzpp h3{font-size: 24px;}
    .hzpp h4{font-size: 22px;}
    .hzpp_ul li{width: 32%;margin-right: 1%}
    /*售后服务*/
    .shfw .nr > p{font-size: 14px}
    .shfw_ul li{width: 50%}
    .dhzc .left,.dhzc .right{width: 100%}
    /*新闻资讯*/
    .news_list{justify-content: space-between;}
    .news_list li{width: 48%;margin-right: 0;margin-top: 20px;height: 226px;}
    .news_list li h4{margin-bottom: 5px;font-size: 14px}
    .news_list li p{line-height: 20px;margin: 10px 0;height: 40px;}
    .news_list li span{margin-bottom: 0;}

    .news_m{width: 100%;height: auto;overflow: hidden;}
    .news_list li .news_wz{padding: 10px;}
    .news_list li .xw_more{font-size: 12px;}
    .time{width: 80px;height: 60px;}
    .news_list li .time p:nth-child(1){font-size: 16px;margin-top: 0px;height: 20px}
    /*二级导航*/


    .subnav{height:auto;display: flex}
    .yw_lb li .yw_mg,.yw_lb li .yw_nr,.yw_lb li:nth-child(even) .yw_mg,.yw_lb li:nth-child(even) .yw_nr{width: 100%;float: none;}
    .yw_lb li .yw_nr{height: auto;margin-top: 20px;}
    .yw_nr h4{margin-bottom: 15px;font-size: 17px;padding-left: 15px;}
    .yw_nr p {font-size: 14px;line-height: 24px;}
    .yw_nr h4:before{height: 20px;top: 0px;}
    .yw_nr a{width: 120px;height: 35px;line-height: 35px;font-size: 14px;margin-top: 20px;}
    .yw_lb li{margin-bottom: 30px;}

    /*产品中心*/
    .pro_list .right h4{margin: 5% 0;font-size: 24px}
    /*在线留言*/
    .cont2 .left{width: 100%}
    .cont2 .right form{padding: 0}
    .zx_form .inp{width: 100%;margin-left: 0}
    /*联系我们*/
    .contact{padding: 40px 15px 0}
    .contact .left{width: 100%;height: 450px;padding: 60px 20px 0}
    .contact .right{width: 100%;height: 200px}
    .map{width: 100%;height: 200px;}
    .con_lxfs{width: 100%}
    .con_lxfs li{width: 100%}
    .contact_right{float: none}
    .zx_form .inp span{font-size: 14px}
    /*底部*/
    .foot_box,.link{display: none;}
    .footer{padding-top: 0;}
    .foot_bq{margin-top: 0;border: none;padding: 15px 10px;}
    .foot_bq .nr{flex-wrap: wrap;justify-content: center;}
    .foot_bq p, .foot_bq p a{font-size: 12px;}
    .foot_bq p{width: 100%;text-align: center;}
    .foot_w p{text-align: left}
    /*下载*/
    .xz_lb li{padding: 15px;flex-wrap: wrap;height: auto;}
    .xz_lb li p{width: 100%;font-size: 14px;}
    .xz_lb li p img{width: 20px;margin-right: 10px;}
    .xz_btn{margin-top: 15px;width: 100%;text-align: center;}
    .xz_btn a{width: 130px;line-height: 25px;margin: 0 10px;font-size: 12px;}
    /********新闻内页********/
    .mg40{ margin-top:20px}
    .wrap{width:auto}
    .news_tt{font-size:18px;}
    .article{ padding:20px 0; font-size:14px;}

    .article img[align="right"]{ display:block; margin:5px auto;}
    .article img[align="left"]{ display:block; margin:5px auto;}
    /********新闻内页结束********/
    /*******案例内页********/
    .pro_box{width: 100%;padding-top: 30px;}
    .xq_lf{width: 100%;}
    .gallery-top{width: 250px;height: 250px;}
    .xq_rg{width: 100%;margin-top: 20px;padding-top: 0;}
    .xq_rg h2{font-size: 18px;margin-bottom: 10px;}
    .xq_list li{font-size: 14px;margin-bottom: 0;}
    .pro_xq{margin-top: 35px;}
    .pro_xq h3{font-size: 16px;}
    .cc{display: block}
    .gallery-thumbs .swiper-slide{width: 70px !important;height: 50px;}
    .gallery-thumbs{width: 100%}
    .xq_zx a{font-size: 14px;width: 120px;height: 35px;line-height: 35px;}
    /********案例内页结束*************/
}