@charset "utf-8";

.g_transition{transition: all .5s ease}
.g_w{max-width:1410px; margin: 0 auto; }
.g_p_c{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.g_p_a{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.g_black{display: block; width: 100%;height: 100%;}
.g_df{display: flex;justify-content: space-between;align-items: center}
.g_flex{display: flex;}
.g_fr{float: right}
.g_fl{float: left}
.g_bg{background-size: cover;background-position: center}
.w50{width: 50%}


.list{}
.item-4{width: 24%;margin-right: 1.333%;}
.item-3{width: 31%;margin-right: 3.5%;}
.item-2{width: 49%;margin-right: 2%;}
.list .item-4:nth-child(4n){margin-right: 0}
.list .item-3:nth-child(3n){margin-right: 0}
.list .item-2:nth-child(2n){margin-right: 0}


.n_pro{}
.n_pro_tab{display: flex; padding-top:165px;}
.n_pro_tab .item{width: 20%;background: -webkit-linear-gradient(right bottom,#156bff,#7436ac);}
.n_pro_tab .item a{display: block;position: relative;transition:.4s all ease}
.n_pro_tab .item a:before{content: '';position: absolute;left: 0;top: 0;display: block; width: 100%;height: 100%;background: rgba(0,0,0,.34);transition:.4s all ease}
.n_pro_tab .item .g_bg{padding-top: 98.9%;transition: .4s all ease}
.n_pro_tab .item .item_title{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 30px;
  max-width: 80%; width: 200px;height:40px;line-height:40px;text-align: center;color: #fff;font-size:20px;z-index: 9;transition: .4s all ease}
.n_pro_tab .item{width: 20%;background: -webkit-linear-gradient(right bottom,#156bff,#7436ac);}
.n_pro_tab .item:hover .g_bg{transform: scale(.9)}
.n_pro_tab .item:hover a:before{background: rgba(0,0,0,0)}
.n_pro_tab .item:hover .item_title{top: 85%;background: #fff;color: #0054f9}
.n_pro_tab .item.active .g_bg{transform: scale(.9)}
.n_pro_tab .item.active a:before{background: rgba(0,0,0,0)}
.n_pro_tab .item.active .item_title{top: 85%;background: #fff;color: #0054f9}

.n_pro .con2{padding-bottom: 60px;}
.n_pro .con2_top{margin-top: 50px; display: flex;justify-content: space-between}
.n_pro .con2_top b{color: #fff;font-size: 30px;font-weight: 500}
.n_pro .con2_top .con2_search{display: flex;align-items: center;background: #fff;border-radius: 30px;padding: 4px}
.n_pro .con2_top .con2_search input{border: 0;background: none;padding: 0 10px;}
.n_pro .con2_top .con2_search i .sub {
    width:17px;
    height:45px;
    background: url(../images/so.jpg) no-repeat center;}
.n_pro .con2_top .con2_search i{width: 44px;height: 44px;line-height: 44px; text-align: center;color: #fff;border-radius: 50%;background: #156bff;cursor: pointer}
.n_pro .con2_top .con2_search i img{ margin-top:14px;}
.n_pro .tag{display: flex;}
.n_pro .tag a{font-size: 18px;color: #fff;margin-right: 20px;padding: 6px 16px; border-radius: 30px;border: 1px solid #fff;transition: .4s all ease;}
.n_pro .tag a:hover{background: #fff;color: #0054f9;}
.n_pro .tag a.active{background: #fff;color: #0054f9;}
.n_pro .pro_list{display: flex;flex-wrap: wrap;padding-top: 16px;}
.n_pro .pro_list .item{margin-top: 20px; border-radius: 10px; padding: 6px; background: #fff;position: relative;transition: .4s all ease}
.n_pro .pro_list .item a{display: none}
.n_pro .pro_list .item a.active{display: block}
.n_pro .pro_list .item_type{position: absolute;left: 26px;top: 34px; z-index: 9}
.n_pro .pro_list .item_type span{display: block;position: relative;border-radius: 50%;margin: 12px 0;width: 12px;height: 12px;cursor: pointer}
.n_pro .pro_list .item_type span .before{display: block; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
    width: 22px;height: 22px;border-radius: 50%;border: 1px solid #fff;opacity: 0;transition: .4s all ease}
.n_pro .pro_list .item_type span.active .before{opacity: 1}
.n_pro .pro_list .item_img{padding-top:92.4%;position: relative;background: #fff;transition: .4s all ease}
.n_pro .pro_list .item_img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%}
.n_pro .pro_list .item_text{padding: 24px 15px;transition: .4s all ease}
.n_pro .pro_list .item_title{color: #222222;font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.n_pro .pro_list .item_more{margin-top:9px; float: right; font-size: 14px;color: #0054f9;font-style: normal; }
.n_pro .pro_list .item_more i{font-style: normal;}
.n_pro .pro_list .item:hover{background: #0054f9}
.n_pro .pro_list .item:hover .item_text{text-align: center}
.n_pro .pro_list .item:hover .item_title{color: #fff}
.n_pro .pro_list .item:hover .item_more{color: #fff; display:block;  float:none; display:none;}

.pagination{margin-top:60px; display: flex; justify-content: center}
.pagination a{display: block;margin: 0 6px; width: 44px;height: 44px;line-height: 44px;text-align: center;border-radius: 50%;background: #fff;font-size: 16px;color: #888888;
transition: .4s all ease}
.pagination a:hover{background: #156bff;color: #fff}
.pagination a.active{background: #156bff;color: #fff}

.n_pro_d{background: #222222}
.n_pro_d .con1{padding: 50px 0 100px 0}
.n_pro_d .con1 .view{padding: 8px;background: -webkit-linear-gradient(right bottom,#156bff,#7436ac);}
.pro_d_img{position: relative;}
.pro_d_img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%}

.n_pro_con{padding:70px 76px 100px 50px; display: flex; background: #f1f1f1}
.n_pro_con .con_l{width:31.5%}
.n_pro_con .con_l .pro_d_img{padding-top: 111%}
.n_pro_con .con_r{width:68.5%;padding-left:7.8%;padding-right: 2px; }
.pro_d_top{display: flex;justify-content: space-between}
.pro_d_title{width: calc(100% - 140px);padding-right: 20px; font-size: 36px;color: #222}
.pro_d_a{display: block; width: 140px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #0054f9;transition: .4s all ease}
.pro_d_a i{margin-right: 8px}
.pro_d_a:hover{background: #7436ac}
.n_pro_con .pro_d_swiper{margin-top: 44px;}
.n_pro_con .pro_d_swiper .swiper-container{}
.n_pro_con .pro_d_swiper .pro_d_img{padding-top: 83.33%;background: #e9eaee;border: 1px solid #dadada;transition: .4s all ease}
.n_pro_con .swiper-slide-thumb-active .pro_d_img{border: 3px solid #0054f9}
.pro_d_bottom{margin-top: 50px;display: flex;justify-content: space-between;align-items: center}
.pro_d_btn{color: #0054f9;font-size: 18px;display: flex;align-items: center}
.pro_d_btn i{font-size: 32px;vertical-align: top;}
.pro_d_btn span{display: inline-block;vertical-align: top; border-bottom: 2px solid #0054f9;cursor: pointer}
.pro_d_bottom a{display: none}


.solution1-nav-list{}
.solution1-nav-list a{display: inline-block;font-size: 15px;transition: all .4s ease-in-out; margin-top:4px; line-height:34px;color: #858f9f;padding: 0 .1rem;border-radius: .1rem}
@media (max-width: 1580px){.solution1-nav-list a{font-size:13px}}
@media (max-width: 991px){.solution1-nav-list a{font-size:13px}}
@media (max-width: 991px){.solution1-nav-list a{height:30px;line-height: 30px;padding: 0 .13rem;margin-right: 5px}}
.solution1-nav-list a:hover,.solution1-nav-list a.active{background-color: #e9f1fe;color: #000;}

.protable table{border-collapse:collapse; width:100%; margin-top:2%; border-top:1px solid #141414;border-left:1px solid #141414;}
.protable table thead tr{ }
.protable table thead tr td{ text-align:center; font-size:18px; color:#fff; line-height:50px;border-bottom:1px solid #141414;/*border-right:1px solid #141414;*/}
.protable table thead tr{background-image:url(../images/cjpro_back_pic_1.jpg); background-repeat:repeat; background-position:center; background-size:cover;}		

.protable table thead.thead2 tr{ background-image:none;}
.protable table thead.thead2 tr td{ height:24px; padding-top:12px; padding-bottom:12px; background:#c7c7c7;}
.protable table thead.thead2 tr td select{ width:60%; margin:0px auto; border:1px solid #CCC; border-radius:5px; color:#666; height:24px;}

.protable table tbody tr td a{font-size:14px;line-height:24px;color:#005eb8;display:inline-block;position: relative;padding-left:16px;padding-right:20px;background:url(../images/hz_3_arrow.png) no-repeat left center;}
.protable table tbody tr td a::after{content:"";display:inline-block;width:15px;height:17px;background:url(../images/hz_3_down.png) no-repeat center;position: absolute;right:0;top:4px;}
.protable table tbody tr td a.none{color:#999;background:url(../images/hz_3_arrow_n.png) no-repeat left center;cursor:auto;text-decoration: none}
.protable table tbody tr td a.none::after{background:url(../images/hz_3_down_n.png) no-repeat center;}

.protable table tbody tr td{ /*text-align:center;*/ padding-left:7%; font-size:15px; color:#fff; height:45px; background:#4d4d4d;/* border-bottom:1px solid #FFFFFF;*/border-right:1px solid #000;    padding-top: 5px; padding-bottom: 5px; line-height: 28px;}
.protable table tbody tr:nth-child(2n+1) td{ background-color:#141414; }
.protable table tbody tr:nth-child(2n+1) td img{ margin:auto;}
/*.protable table tbody tr td:nth-child(3) img{width:35px;height:35px; margin:auto;}*/
.protable table tbody tr td img{ margin:auto;}