/*banner*/
.mx_banner { width: 100%; height: auto; overflow: hidden; display: block; overflow: hidden;  margin-top: -1px;  }
.mx_banner img { width: 100%; height: 580px;   object-fit: none;   }
.mx_banner_m { display: none; }
.mx_banner_m img { width: 100%; height: auto; }
@media (max-width:575px) {
    .mx_banner { display: none;}
    .mx_banner_m { display: block; margin-top: 50px;}
}

    


/*面包屑*/
/* .bnav { margin-top: 25px; max-width: 1280px; height: 70px; line-height: 60px; margin: auto;   }
    .bnav  span i { margin-left: 10px; margin-right: 10px; }
    @media (max-width:575px) {
        .bnav { padding:10px  30px;} 
    } */

/*次导航*/
.mx_snav { max-width: 100%; height: 58px;  margin: auto; background: #fbc300;     }
    .mx_snav .box {max-width: 1280px; margin: auto; text-align: center;} 
      .mx_snav .box span { color: #474335; font-size: 1.125rem; width: auto; height: 58px; line-height: 58px; text-align: center; display: inline-block; 
        border-bottom: #fbc300 4px solid; margin:0 30px; cursor: pointer; transition: all 0.5s;   }    
        .mx_snav .box span.active,.mx_snav .box span:hover { border-bottom: #474335 4px solid; color: #474335; }
   
        .mx_snav.set_fixed { width: 100%; position: fixed; top:0; left: 0; z-index: 199; }    
   
    @media (max-width:575px) {
        .mx_snav { padding:6px; height: auto; } 
        .mx_snav .box { max-width: 100%; text-align: left;  }
        .mx_snav .box span { text-align: left;  margin:0 10px;height: 30px; line-height: 24px; overflow: hidden; font-size: 1rem;  }
        .mx_snav .box span.active,.mx_snav .box span:hover { border-bottom: #474335 2px solid;  }
        .mx_snav.set_fixed { display: none; }
    }
   






/*main1*/
.mx_main1 { max-width: 100%; height: auto; margin:0 auto; background: #f5f5f5; padding-top: 70px;   }
    .mx_main1 .box { max-width: 1280px; margin: auto; padding-bottom: 80px;  }
        .mx_main1 .box .header h3 { width: 100%;height: 121px; line-height: 140px; background: url(../images/service/dse/t1.png) center center no-repeat; 
            font-size: 3rem; text-align: center;   }
            .mx_main1 .box .header h3 span { color: #fb9f00; }


            .mx_main1 .box  .row {   width: 1086px; height: 524px; margin:60px auto;  
                    background: url(../images/service/dse/d1_bg.png) center top no-repeat; overflow: hidden;   }

            .mx_main1 .box .content { width: 100%; height: 120px; overflow: hidden; margin-top: 30px;     }
            .mx_main1 .box .content p { width: 213px; height: auto; display: inline-block; font-size: 1.125rem; line-height: 24px; color: #fff; }
            
            .mx_main1 .box .content.c1 { padding-left: 50px;}
            .mx_main1 .box .content.c2 { padding-left: 230px; }
            .mx_main1 .box .content.c3 { padding-left: 20px; padding-top: 20px; }
            .mx_main1 .box .content.c4 { padding-left: 260px;   padding-top: 30px;}
            .mx_main1 .box .content.c5 { padding-left: 75px; padding-top: 40px; }
            .mx_main1 .box .content.c6 { padding-left: 200px; padding-top: 40px;}
            


        /* .mx_main1 .box .more {    text-align: center; margin-top: 55px;   }
            .mx_main1 .box .more a { width: auto; height: 52px; line-height: 42px; display: inline-block; padding: 5px 35px; border-radius: 28px; background: #ff9130; 
                color: #fff; font-size: 1.375rem;} */
               
                @media (max-width:575px) {
                    .mx_main1 { max-width: 100%;  padding-top: 20px;   }
                    .mx_main1 .box {padding-bottom:20px;  }
                    .mx_main1 .box .header h3 {height: 120px; line-height: 130px; background-size:100%;  font-size: 1.6rem;    }

                    .mx_main1 .box  .row {   width: 100%; height: auto; margin-top: 10px;
                        background-image:none; background-color: #f5f5f5;   }
                    .mx_main1 .box .content.c1 { padding: 10px 6px 10px 10px;  background: #5d99e0 ; }
                    .mx_main1 .box .content.c2 { padding: 10px 6px 10px 10px; background: #5d99e0 ; }
                    .mx_main1 .box .content.c3 { padding: 10px 6px 10px 10px; background: #5d99e0 ; }
                    .mx_main1 .box .content.c4 { padding: 10px 6px 10px 10px; background: #5d99e0 ; }
                    .mx_main1 .box .content.c5 { padding: 10px 6px 10px 10px; background: #5d99e0 ; }
                    .mx_main1 .box .content.c6 { padding: 10px 6px 10px 10px; background: #5d99e0 ; }


                    .mx_main1 .box .content { width: 100%;  height: 100px; color: #fff; border-radius: 10px; margin-top: 10px;  }
                    .mx_main1 .box .col-6{ padding: 0 5px 0 5px;  }
                    .mx_main1 .box .content p { width: 100%; line-height: 22px;  font-size: 1rem;}
                }
               






/*main2*/
.mx_main2 { max-width: 100%; height: auto; margin:0 auto;  padding-top: 55px;  background: url(../images/service/dse/gh2_bg.jpg) center top no-repeat;   }
    .mx_main2 .box { max-width: 1280px; margin: auto; padding-bottom: 120px;  }
        .mx_main2 .box .header h3 { width: 100%;height: 131px; line-height: 140px; background: url(../images/service/dse/t2.png) center center no-repeat; 
            font-size: 3rem; text-align: center; color: #fff;  }
            .mx_main2 .box .header h3 span { color: #fb9f00;}

        .mx_main2 .box .content { width: 347px; height: auto; padding-bottom: 30px; text-align: center; overflow: hidden;  margin-top: 50px; background: #f6f6f6;  border-radius:10px;  }
        .mx_main2 .box .content .img { width: 100%;  height: 200px; overflow: hidden;    }
        .mx_main2 .box .content .img img {  min-height: 200px; width: auto;  transition: all 0.5s;  }
            .mx_main2 .box .content h4 { line-height: 40px;  font-size: 1.375rem; padding: 10px 30px 0px 30px;    }
            .mx_main2 .box .content p {color: #5b5b5b;  font-size: 1.125rem; line-height: 24px; padding: 0px 30px;  }
            .mx_main2 .box .content:hover { box-shadow: 0 0 10px #000; background: #ffff99;}
            .mx_main2 .box .content:hover .img img { transform: scale(1.1);  }
            

            @media (max-width:575px) {
                .mx_main2 { max-width: 100%;  padding-top: 20px;   }
                .mx_main2 .box { width: 100%; height: auto; padding-bottom:20px; background:#1152b5;   }
                .mx_main2 .box .header h3 { height: 120px; line-height: 130px; background-size:100%;  font-size: 1.6rem;    }
                .mx_main2 .box .content { width: 100%; margin-top: 20px; } 
                .mx_main2 .box .content .img img { width: 100%; height: auto; }
                .mx_main2 .box .content h4 { height: 30px; line-height: 30px;  font-size: 1.125rem; }
                .mx_main2 .box .content p { font-size: 0.9rem;  }
            }          



/*main3*/
.mx_main3 { max-width: 100%; height: auto; margin:0 auto; background: #f5f5f5;  padding-top: 50px;     }
    .mx_main3 .box { max-width: 1280px; margin: auto; padding-top: 55px; padding-bottom: 100px; }
    .mx_main3 .box .header h3 { width: 100%;height: 131px; line-height: 140px; background: url(../images/service/dse/t3.png) center center no-repeat; 
        font-size: 3rem; text-align: center;  }
        .mx_main3 .box .header h3 span { color: #fb9f00;}
        .mx_main3  .header p { width: 100%; line-height: 40px; text-align: center; display:inline-block; font-size: 1.125rem;  } 

        .mx_main3 .box .tab { width: 100%; height: auto; overflow-x: auto; }
        .mx_main3 .box table {  margin-top: 50px; width: 1280px; }

            .mx_main3 .box table td { border: #fff 1px solid; color: #3b3b3b;  }
                .mx_main3 .box table tr.title td { text-align: center; line-height: 70px; height: 70px; font-weight: 600; background: #4a89d6; color: #fff;}
                .mx_main3 .box table tr.title td.t1 { font-size: 1.375rem;  width: 12%;  }
                .mx_main3 .box table tr.title td.t2 { font-size: 1.375rem; width: 16%; background: #4ab7d6;   }
                .mx_main3 .box table tr.title td.t3 { font-size: 1.375rem; width: 16%; background: #f4a50b; border-right:0 }
                .mx_main3 .box table tr.title td.t4 { font-size: 1.75rem; width: 34%; height: 70px; line-height: 30px;  background: #e9450f;  
                    border-left: #e9450f 4px solid;  border-right: #e9450f 4px solid;     border-top: #e9450f 18px solid;  
                       }

                .mx_main3 .box table tr.ts td:first-child { text-align: center; line-height: 70px; height: 70px;  font-size: 1.25rem; padding: 0; font-weight: 600;}   
                .mx_main3 .box table tr.ts td { padding: 5px 20px; background: #fff;  }
                    .mx_main3 .box table tr.ts td:nth-child(3) { border-right:0   }
                    .mx_main3 .box table tr.ts td:nth-child(4) {  border-left: #e9450f 4px solid;  border-right: #e9450f 4px solid;   }

                .mx_main3 .box table tr.ts1 td:first-child { text-align: center; line-height: 70px; height: 70px;font-size: 1.25rem; padding: 0; font-weight: 600;}   
                .mx_main3 .box table tr.ts1 td { padding: 5px 20px; background: #d5d5d5;    }
                    .mx_main3 .box table tr.ts1 td:nth-child(3) { border-right:0   }
                    .mx_main3 .box table tr.ts1 td:nth-child(4) {   border-left: #e9450f 4px solid;  border-right: #e9450f 4px solid;    }

                .mx_main3 .box table tr.ts p,.mx_main3 .box table tr.ts p { width: 100%; height: 100%; display: inline-block;  }

                .mx_main3 .box table tr.ts:last-child td:nth-child(4) {  border-bottom: #e9450f 24px solid;   }
                
               
        .mx_main3 .box .more {    text-align: center; margin-top: 55px;   }
        .mx_main3 .box .more a { width: auto; height: 52px; line-height: 42px; display: inline-block; padding: 5px 45px; border-radius: 28px; background: #f4a50b; 
            color: #fff; font-size: 1.375rem; overflow: hidden; vertical-align: middle;  }
            .mx_main3 .box .more img {  margin-top: -6px; }
            .mx_main3 .box .more a:hover {background: #e9450f;  }

            @media (max-width:575px) {
                .mx_main3 { max-width: 100%;  padding-top: 20px;   }
                .mx_main3 .box {padding-bottom:20px; padding-top: 10px;    }
                .mx_main3 .box .header h3 {height: 60px; line-height:70px; background-size:100%;  font-size: 1.6rem; overflow: hidden;    }
                .mx_main3 .box table td { font-size: 0.9rem;  }
                .mx_main3 .box table tr.ts td:first-child {  font-size: 1rem; }
                .mx_main3 .box table tr.ts1 td:first-child { font-size: 1rem; }
                .mx_main3 .box table tr.title td.t1 { font-size:1.125rem;    }
                .mx_main3 .box table tr.title td.t2 { font-size:1.125rem;    }
                .mx_main3 .box table tr.title td.t3 { font-size:1.125rem;    }
                .mx_main3 .box table tr.title td.t4 { font-size:1.125rem;    }
                
            }

            
/*main4*/
.mx_main4 { max-width: 100%; height: auto; margin:0 auto;  padding-top: 55px;    }
    .mx_main4 .box { max-width: 1280px; margin: auto; padding-bottom: 40px;  }
        .mx_main4 .box .header h3 { width: 100%;height: 131px; line-height: 148px; background: url(../images/service/dse/t4.png) center center no-repeat; 
            font-size: 3rem; text-align: center;  }
            .mx_main4 .box .header h3 span { color: #fb9f00;}

            

        .mx_main4 .box .con_top { width: 100%; height: auto; padding: 10px;overflow: hidden;  margin-top: 50px; background: #fff;  border-radius:10px; box-shadow: 0 0 5px #dedede;  }
            .mx_main4 .box .con_top .col-auto { width: 20%; }
        .mx_main4 .box .con_top .content  { width: 100%; padding-bottom: 20px;   overflow: hidden;  text-align: center;   }
            .mx_main4 .box .con_top .content h4 { height: 110px; line-height: 110px;  font-size: 2.812rem;     }
                .mx_main4 .box .con_top .content h4 sup { color: #999;}
            .mx_main4 .box .con_top .content p {color: #5b5b5b;  font-size: 1.125rem; line-height: 40px; padding: 0px 30px;  }


        .mx_main4 .box .con_bottom { width: 100%; height: auto; padding: 10px;overflow: hidden;  margin-top: 50px;  }
            .mx_main4 .box .con_bottom .col-auto { width: 20%; }
            .mx_main4 .box .con_bottom .content  { width: 100%; padding-bottom: 20px;   overflow: hidden;  text-align: center;   }
                .mx_main4 .box .con_bottom .content .img { overflow: hidden; transition: all 1s; transform-style: preserve-3d; }
                .mx_main4 .box .con_bottom .content .img:hover  {  transform: rotateY(180deg); }
                .mx_main4 .box .con_bottom .content h4 { height: 40px; line-height: 40px;  font-size: 1.375rem;  margin-top: 20px;    }
                .mx_main4 .box .con_bottom .content p {color: #5b5b5b;   line-height: 24px; padding: 0px 30px;  }

                @media (max-width:575px) {
                    .mx_main4 { max-width: 100%;  padding-top: 20px;   }
                    .mx_main4 .box {padding-bottom:20px; padding-top: 10px;    }
                    .mx_main4 .box .header h3 {height: 60px; line-height:70px; background-size:100%;  font-size: 1.6rem; overflow: hidden;    }

                    .mx_main4 .box .con_top {   border-radius:10px; margin: auto;  margin-top: 30px;  }
                    .mx_main4 .box .con_top .col-auto { width: 50%; }

                    .mx_main4 .box .con_top .content h4 { height: 50px; line-height: 50px;  font-size: 1.812rem;     }
                    .mx_main4 .box .con_top .content p {font-size: 1rem; line-height: 24px;   }

                    .mx_main4 .box .con_bottom {  margin-top: 30px;  }
                    .mx_main4 .box .con_bottom .col-auto { width: 50%; }
                    .mx_main4 .box .con_bottom .content h4 { height: 30px; line-height: 30px;  font-size: 1.125rem;   }
                    .mx_main4 .box .con_bottom .content p { font-size: 0.9rem; line-height: 24px; padding: 0px 0;  }

                   
                }


/*main5 offer*/
.st_offer { margin-top: 65px;  height:auto; background: #f5f5f5 ; padding-top: 60px; padding-bottom: 60px;    }
    .st_offer  .header h3 { width: 100%;height: 131px; line-height: 148px; background: url(../images/service/dse/t5.png) center center no-repeat; 
        font-size: 3rem; text-align: center;  }
        .st_offer  .header h3 span { color: #2db3a9;}
        .st_offer  .header p { width: 100%; line-height: 40px; text-align: center; display:inline-block; font-size: 1.125rem; margin-top: 30px; }  


    .st_offer .box { padding-top: 40px;   max-width: 1280px; margin: auto; height: auto;    } 
        .st_offer .box .list { width: 97%; height: auto; background: #fff; border: #fff 4px solid; padding: 20px; margin-top: 20px; display:inline-block; transition: all 0.3s;} 
             .st_offer .box .list:hover  { box-shadow: 0 0 20px #aaa; margin-top: 10px; border-bottom: #f49402 4px solid;  }
             /* .st_offer .box .list:hover img {  transform: scale(1.05);  } */

                .st_offer .box .list .left { width: 50%; float: left; overflow: hidden; }
                   .st_offer .box .list .left img { width: 100%; height: auto; transition: all 0.3s; }
                   /* .st_offer .box .list:hover .left img {transform: scale(1.1) ; } */

                .st_offer .box .list .right {width: 50%;   float: right; overflow: hidden;}
                   
                    .st_offer .box .list .right  ul li { text-align: center; color: #5b5b5b; }
                         .st_offer .box .list .right  ul li span.n1 { font-size: 1.125rem; font-weight: 600; color: #40d0bb; }
                         .st_offer .box .list .right  ul li span.n2 { font-size: 1.125rem; font-weight: 600; color: #ff7417; }
                         .st_offer .box .list .right  ul li:nth-child(6) { margin-top: 20px;}


                         .st_offer  .more { width: 100%; height: 50px; text-align: center; margin-top: 50px;}
                         .st_offer  a.btn { width: auto; height: 44px; background: #f49402; color: #fff; text-align: center; border-radius: 50px; 
                             font-size: 16px;   display: inline-block; padding-left: 30px; padding-right: 30px; }
                         .st_offer  a.btn:hover { background: #2db3a9; color: #fff;  }


                         @media (max-width:575px) { 
                            .st_offer  .header h3 {height: 60px; line-height:70px; background-size:100%;  font-size: 1.6rem; overflow: hidden;    }


                            .st_offer .box .list .right  ul li { font-size: 0.9rem; line-height: 20px; }
                            .st_offer .box .list .right  ul li span.n1 { font-size:  0.9rem; }
                            .st_offer .box .list .right  ul li span.n2 { font-size:  0.9rem;  }
                            .st_offer .box .list .right  ul li:nth-child(6) { margin-top: 10px;}
                        }

    

/*main6*/
.mx_main6 { max-width: 100%; height: auto; margin:0 auto;  overflow: hidden;       }
    .mx_main6 .box { max-width: 1280px; margin:25px auto; padding-top: 70px;   }
    .mx_main6 .box .header h3 { width: 100%;height: 131px; line-height: 148px; background: url(../images/service/dse/t6.png) center center no-repeat; 
        font-size: 3rem; text-align: center;   }
        .mx_main6 .box .header h3 span { color: #fb9f00; }

        .mx_main6 .box .row { background: #fff; box-shadow: 0 0 5px #ddd; border-radius: 10px; margin-top: 30px; padding-bottom: 50px;   }

        .mx_main6 .box .list { width: 100%; height: auto; overflow: hidden;   background: #fff; padding:30px 30px 30px 20px; border-radius: 10px;   }
            .mx_main6 .box .list .img { width: 45%; overflow: hidden; float: left; text-align: center; }
                .mx_main6 .box .list .img img { width: 100%; height: auto; transition: all 0.3s;  }
                .mx_main6 .box .list .img:hover img {  transform: scale(1.05);  }
            .mx_main6 .box .list .right { width: 55%; overflow: hidden; float: right; padding-top: 10px; padding-left: 30px;}
                .mx_main6 .box .list .right h4{ height: auto; line-height: 24px; font-size: 1.375rem; margin-bottom: 15px; }
                .mx_main6 .box .list .right p { line-height: 22px; font-size: 1rem;  }

        .mx_main6 .box .list2 { width: 100%; height: auto; overflow: hidden; }        
            .mx_main6 .box .list2 ul li { width: 100%;  padding: 0 30px 0 20px ; line-height: 30px;}
                .mx_main6 .box .list2 ul li i { margin-right: 10px; color: #ff8534; }
                .mx_main6 .box .list2 ul li span { font-size: 0.85rem;}


    
        .mx_main6 .box .more {    text-align: center; margin-top: 75px; margin-bottom: 110px;   }
        .mx_main6 .box .more a { width: auto; height: 52px; line-height: 42px; display: inline-block; padding: 5px 45px; border-radius: 50px; background: #11b2b0; 
            color: #fff; font-size: 1.375rem; overflow: hidden; vertical-align: middle;  }
            .mx_main6 .box .more img {  margin-top: -6px; }
            .mx_main6 .box .more a:hover { background: #666;}



            @media (max-width:575px) {
                .mx_main6 { max-width: 100%;  padding-top: 20px;   }
                .mx_main6 .box {padding-bottom:20px; padding-top: 10px;    }
                .mx_main6 .box .header h3 {height: 60px; line-height:70px; background-size:100%;  font-size: 1.6rem; overflow: hidden;    }
            


                .mx_main6 .box .row { background: #fff; box-shadow:none; border-radius: 0;  padding-bottom: 0; margin-top: 10px;   }
                .mx_main6 .box .list {padding:15px 30px 15px 20px;   }
                .mx_main6 .box .list .right { padding-top: 0; padding-left: 30px;}
                .mx_main6 .box .list .right h4{ font-size: 1.125rem; margin-bottom: 0; }
                .mx_main6 .box .list .right p { display: none; }
                .mx_main6 .box .list2 ul li span {  display: none; }

                .mx_main6 .box .more { margin-top: 45px; margin-bottom: 50px;    }
                .mx_main6 .box .more a { font-size: 1rem; height: 42px; line-height: 32px; }


            }