/*product
====================================*/

.product_requer{
    background:#ffffff;
    padding: 30px 0 30px 0;

}

#solution_product1{
    background:#ffffff;
    padding: 30px 0 30px 0;

}

.product_detail{
    background:#f2f2f2;
    padding: 30px 0 30px 0;
}

.product_use{
    background:#19325b;
    padding: 30px 0 30px 0;
}



/*p.titleuse {
    font-size: 16px;
    font-weight: 550;
    margin-top: 25px;
    color: #238ffe;
 
}*/

/*requer*/
.bgWhite {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.kljDiv {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.kljDiv .gydyklBox01 .picDiv {
    width: 128px;
    text-align: center;
    margin: auto;
}


.kljDiv .gydyklBox01 h3 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    margin: 20px auto;
    font-weight: 500;
    color: #000;
}
.kljDiv .gydyklBox01 {
    float: left;
    width: calc(25% - 0px);
    padding: 10px 15px;
    background: #fff;
}
.kljDiv .gydyklBox01 .picDiv img {
    width: 128px;
}
.kljDiv .gydyklBox01 p {
    line-height: 24px;
    color: #798995;
    text-align: center;
}
.kljDiv .gydyklBox01 .picDiv img {
    width: 128px;
}

@media screen and (min-width: 0px) and (max-width: 800px){
.kljDiv .gydyklBox01 {
    float: left;
    width: calc(100% - 0px);
    padding: 20px;
}
}

@media screen and (min-width: 0px) and (max-width: 800px){
.kljDiv .gydyklBox01 p {
    line-height: 24px;
    color: #798995;
    margin-bottom: 0;
}
}


/*main*/

.zngpg_zy .zngpg_Cont {
    width: 100%;
}

.zngpg_zy .zngpg_Cont .zyboxDiv {
    width: calc(20% - 20px);
    padding: 20px;
    float: left;
    background: #195daa;
    margin: 10px;
    border-radius: 10px;
    color: #fff;
}

.zngpg_zy .zngpg_Cont .zyboxDiv span {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.zngpg_zy .zngpg_Cont .zyboxDiv .txtDiv {
    padding: 10 16px;
    margin-top: 25px;
}
.zngpg_zy .zngpg_Cont .zyboxDiv span{
    padding-top: 20px;
}
.zngpg_zy .zngpg_Cont .zyboxDiv span i {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    font-weight: bold;

}

.zngpg_zy .zngpg_Cont .zyboxDiv:hover {
    background: #5a9cd8;
}
@media screen and (min-width: 0px) and (max-width: 800px){
.zngpg_zy .zngpg_Cont .zyboxDiv {
    width: calc(100% - 20px);
    padding: 20px;
    float: inherit;
    background: #195daa;
    margin: 10px;
    border-radius: 10px;
    color: #fff;
}
}

/*ad*/

.pdtb40 {
    padding: 20px 0 20px 0;
}
.xtgcList3 {
    width: 100%;
    max-width: 1280px;
    margin: 0px auto;
}

/*@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .leftBox {
    float: inherit;
}
}
@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 {
    width: calc(100% - 20px);
    margin: 10px;
    background: #fff;
    border: #ededed solid 1px;
    min-height: inherit;
    overflow: inherit;
}
}*/
.xtgcList3 .leftBox {
    float: left;
}
.xtgcList3 .kfhjBox3 {
    width: calc(33.33333333333333% - 20px);
    margin: 10px;
    background: #fff;
    border: #ededed solid 1px;
    min-height: 252px;
    overflow: hidden;
}
.xtgcList3 .leftBox {
    float: left;
}

/*@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 .title {
    width: 100%;
    height: 90px;
    line-height: 90px;
    font-size: 23px;
    font-weight: bold;
    background: url(../images/btBj.jpg) no-repeat right top #eff3fc;
    padding-left: 30px;
    color: #1e3b69;
}
}*/
.xtgcList3 .kfhjBox3 .title {
    width: 100%;
    height: 90px;
    line-height: 90px;
    font-size: 23px;
    font-weight: bold;
    background: url(../images/btBj.jpg) no-repeat right top #eff3fc;
    padding-left: 30px;
    color: #1e3b69;
}

/*@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 .cont {
    width: 100%;
    padding: 10px 20px;
    position: relative;
}
}*/
.xtgcList3 .kfhjBox3 .cont {
    width: 100%;
    padding: 10px 20px;
    position: relative;

}


/*@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 .cont .picBox {
    float: inherit;
    width: 100%;
    text-align: center;
}
}*/
.xtgcList3 .kfhjBox3 .cont .picBox {
    float: right;
    width: 100px;
    text-align: center;
}

/*@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 .cont .txtBox {
    float: inherit;
    width: calc(100% - 0px);
    font-size: 16px;
    line-height: 30px;
    color: #9497ac;
    padding: 10px;
    min-height: 100px;
}
}*/
.xtgcList3 .kfhjBox3 .cont .txtBox {
    float: left;
    width: calc(100% - 100px);
    font-size: 16px;
    line-height: 30px;
    color: #9497ac;
    padding: 10px;
    min-height: 100px;

}



/*@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 .cont .txtBox {
    float: inherit;
    width: calc(100% - 0px);
    font-size: 16px;
    line-height: 30px;
    color: #9497ac;
    padding: 10px;
    min-height: 100px;
}
}*/
.xtgcList3 .kfhjBox3 .cont .txtBox {
    float: left;
    width: calc(100% - 100px);
    font-size: 16px;
    line-height: 30px;
    color: #9497ac;
    padding: 10px;
    min-height: 100px;
}

/*@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 .cont .picBox {
    float: inherit;
    width: 100%;
    text-align: center;
}
}*/
.xtgcList3 .kfhjBox3 .cont .picBox {
    float: right;
    width: 100px;
    text-align: center;
}

/*@media screen and (min-width: 0px) and (max-width: 1279px){
.poAB10 {
    position: absolute;
    bottom: 20px;
    left: 30px;
    display: block;
    color: #0f71ff;
}
}*/
.poAB10 {
    position: absolute;
    bottom: 10px;
    left: 30px;
    display: block;
    color: #0f71ff;
}

/*@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 .cont .picBox {
    float: inherit;
    width: 100%;
    text-align: center;
}
}*/
.xtgcList3 .kfhjBox3 .cont .picBox {
    float: right;
    width: 100px;
    text-align: center;
}

/*@media screen and (max-width: 1279px) and (min-width: 0px){
.xtgcList3 .kfhjBox3 .cont {
    width: 100%;
    padding: 10px 20px;
    position: relative;
}
}*/
.xtgcList3 .kfhjBox3 .cont {
    width: 100%;
    padding: 10px 20px;
    position: relative;
}

/*@media screen and (min-width: 0px) and (max-width: 1279px){
.product_detail1 .xtgcList3 .kfhjBox3 .cont {
    width: 100%;
    padding: 10px 20px;
    position: relative;
}
}*/
.xtgcList3 .kfhjBox3 .cont {
    width: 100%;
    padding: 10px 20px;
    position: relative;
}

@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .leftBox {
    float: inherit;
}
}
@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 {
    width: calc(100% - 20px);
    margin: 10px;
    background: #fff;
    border: #ededed solid 1px;
    min-height: inherit;
    overflow: inherit;
}
}

@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 .cont .picBox {
    float: inherit;
    width: 100%;
    text-align: center;
}
}

@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 .cont .txtBox {
    float: inherit;
    width: calc(100% - 0px);
    font-size: 16px;
    line-height: 30px;
    color: #9497ac;
    padding: 10px;
    min-height: 100px;
}
}

@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 .title {
    width: 100%;
    height: 90px;
    line-height: 90px;
    font-size: 23px;
    font-weight: bold;
    padding-left: 30px;
    color: #1e3b69;
}
}

.xtgcList3 .kfhjBox3 .cont .picBox {
    float: right;
    width: 100px;
    text-align: center;
}

.xtgcList3 .kfhjBox3 .cont {
    width: 100%;
    padding: 10px 40px 10px 20px;
    position: relative;
}

@media screen and (min-width: 0px) and (max-width: 1279px){
.xtgcList3 .kfhjBox3 .cont .picBox {
    float: inherit;
    width: 100%;
    text-align: center;
}
}


/*use*/

.zhyq_xjbx_Div .zhyq_xjbx_Box {
    max-width: 1280px;
    margin: auto;
}

.titleDiv {
    text-align: center;
    padding: 0 0 20px 0;
}


@media screen and (min-width: 0px) and (max-width: 1279px){
.product_use .zhyq_xjbx_Div .zhyq_xjbx_Box .xjbxNr01 {
    width: calc(50% - 20px);
    margin: 10px;
    float: left;
    padding: 20px 10px 10px;
    text-align: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10);
}
}


.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbx_Box1 {
    width: 100%;
    margin: 20px auto;
}

.zhyq_xjbx_Div .zhyq_xjbx_Box .titleDiv h2 {
    color: #fff;
}

.titleDiv p {
    font-size: 16px;
    color: #a3acbc;
    max-width: 800px;
    margin: auto;
}
.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbx_Box1 {
    width: 100%;
    margin: 20px auto;
}

.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbxNr01 {
    width: calc(20% - 20px);
    margin: 10px;
    float: left;
    padding: 20px 10px 10px;
    text-align: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10);
}

.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbxNr01 i {
    font-size: 3rem;
    color: #fff;
    line-height: 60px;
}
.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbxNr01 h4 {
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
}

/*关联产品*/



@media screen and (min-width: 0px) and (max-width: 1023px){
#solution_product1 .pdsbDiv {
    width: 100%;
    margin: auto;
}
}

/*@media screen and (min-width: 0px) and (max-width: 1279px)
.ptsbDiv {
    width: 100%;
    margin: auto;
}*/
#solution_product1 .pdsbDiv {
    width: 100%;
    margin: auto;
}

@media screen and (min-width: 0px) and (max-width: 1023px){
#solution_product1 .pdsbDiv .main_poduct {

    float: inherit;
    width: calc(100% - 20px);
    margin: 10px auto;

}
}

/*@media screen and (min-width: 0px) and (max-width: 1279px){
.ptsbDiv a {
    display: block;
    float: left;
    width: calc(20% - 16px);
    margin: 10px 0;
    float: left;
    margin-right: 16px;
}
}*/
.container .pdsbDiv .main_poduct {
    float: left;
    width: calc(20% - 16px);
    margin: 10px 0;
    margin-right: 16px;
}
/*a {
    color: inherit;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}*/

/*@media screen and (min-width: 0px) and (max-width: 1023px){
.container .ptsbDiv a p {
    width: 100%;
}
}*/

/*@media screen and (min-width: 0px) and (max-width: 1279px)
.ptsbDiv a p {
    width: 100%;
}*/
.container .pdsbDiv .main_poduct p {
    width: 100%;
}
/*p {
    margin-top: 0;

    margin-bottom: 16px;
}*/

/*@media screen and (min-width: 0px) and (max-width: 1023px){
.solution_product .container .ptsbDiv a span {
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
}
}

*/
@media screen and (min-width: 0px) and (max-width: 1023px){
.pdsbDiv .main_poduct p img {
    width: 90%;
    border: #eee solid 1px;

}

}




/*@media screen and (min-width: 0px) and (max-width: 1279px){
.ptsbDiv a span {
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
}
}*/

/*暂定*/
/*.container .pdsbDiv .main_poduct span {
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
}*/
/*暂定*/
.container .pdsbDiv .main_poduct p img {
    border: #eee solid 1px;
    max-width: 100%;
}

/*gai*/

@media (max-width: 900px){
.product_main {
    line-height: 32px;
    height:33px;
}

}

.product_main {
    line-height: 32px;
    height: 33px;
    border-top: 1px solid #F5F5F5;
    position: relative;
    padding: 0 8px 0 10px;
}

@media (max-width: 900px){
.product_main strong {
    font-size: 15px;
}

}
.product_main strong {
    display: block;
    float: left;
    position: relative;
    font-weight: normal;
    font-size: 15px;
    /*max-width: calc(100% - 60px);*/
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;*/
}
@media (max-width: 900px){
.product_main span {
    font-size: 15px;
}

}


.product_main span {
    float: right;
    position: relative;
    font-size: 14px;
    color: #1353b3;
    /*transform: rotate(30deg);*/
    transition:all 0.5s ease;
    
}
.product_main a span:hover{

    color: #f98d44;
}


/*关联产品*/
/*tab*/
#tabnav {
           /* background-color: aquamarine;*/
           /* width: 100%;*/
            height: 32px;
            margin: 20px auto;
            /* display: table; */
            /*display: flex;*/
                   }

        #tabnav li {
            /* display: table-cell; */
          
            text-align: center;
            display: inline-block;
         /*   width: 150px;*/
            border: #3475f7 solid 1px;
            border-radius: 30px;
            margin-right: 5px;
            padding: 6px 10px;
            width: auto;
            float:left;
            

        }

         #tabnav li:hover {
            background-color: #608add;
        }
@media screen and (min-width: 0px) and (max-width: 600px){
   #tabnav li{
    width:170px;
    height: 34px;
    border-radius: 10px;

   }

}

        .color {
            background-color: #3475f7;
            border: #3475f7 solid 1px;
            border-radius: 30px;
            color: #ffffff;
        }
        .itemtab{
            font-size: 18px;
            font-family: "华文行楷"
            color:#ffffff;
            /*padding: 0 6px;*/
        }
       .tabtable{
        float:left;
        overflow:hidden;
        padding: 0 0 40px 0;
       }
       .tabtable table td{
        border:1px solid #8c8989;
        height:40px;
        line-height:30px;


       }

.itemtab .tabtable table.tabtrtd{
    width:640px;
    border:1px solid #8c8989;
}
@media screen and (min-width: 1000px) and (max-width: 1280px){
   .itemtab .tabtable table.tabtrtd{
    width:1050px;
    border:1px solid #8c8989;
    margin-left: 40px;
   }

}

/*@media screen and (min-width: 850px) and (max-width: 1000px){
   .itemtab .tabtable table.tabtrtd{
    width:500px;
    border:1px solid #8c8989;
   }

}*/

@media screen and (min-width: 0px) and (max-width: 850px){
   .itemtab .tabtable table.tabtrtd{
    width:660px;
    border:1px solid #8c8989;
   }

}

.itemtab .tabimg img{
    width:540px;
}
@media screen and (min-width: 0px) and (max-width: 1280px){
  .itemtab .tabimg{
    width:740px;
    text-align:center;
   }

}

.tabtable td.tdtab_tr{
width: 100px;
}

/* #tabtable td{padding: 0 20px 0 5px;}*/
       
     /*  #tabimg img{
        float:right;
       
       }*/
        .maintab{
            width: 100%;
        }
/*tab*/