/*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: #1770be;     }
 .mx_snav .box {max-width: 1280px; margin: auto; text-align: center;} 
   .mx_snav .box span { color: #fff; font-size: 1.125rem; width: auto; height: 58px; line-height: 58px; text-align: center; display: inline-block; 
     border-bottom: #1770be 4px solid; margin:0 30px; cursor: pointer; transition: all 0.5s;   }    
     .mx_snav .box span.active,.mx_snav .box span:hover { border-bottom: #ffd819 4px solid; color: #ffd819; }

     .mx_snav.set_fixed { width: 100%; position: fixed; top:0; left: 0; z-index: 199; }    

 @media (max-width:575px) {
     .mx_snav { padding:10px  10px; 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: #ffd819 2px solid;  }
     .mx_snav.set_fixed { display: none; }
 }




/*main1*/
.mx_main1 { max-width: 100%; height: auto; margin:55px auto; padding-bottom: 30px;     }
    .mx_main1 .box { max-width: 1280px; margin: auto;  }
        .mx_main1 .box .header h3 { width: 100%;height: 131px; line-height: 131px; background: url(../images/service/mingxiao/t1.png) center center no-repeat; 
            font-size: 3rem; text-align: center;   }
            .mx_main1 .box .header h3 span { color: #ff9130; }

        .mx_main1 .box .content { width: 347px; height: 175px; overflow: hidden; padding: 20px; margin-top: 50px; transition: all 0.5s;   }
            .mx_main1 .box .content.c1 { background: url(../images/service/mingxiao/mx_1_1.png) left top no-repeat;}
            .mx_main1 .box .content.c2 { background: url(../images/service/mingxiao/mx_1_2.png) left top no-repeat;}
            .mx_main1 .box .content.c3 { background: url(../images/service/mingxiao/mx_1_3.png) left top no-repeat;}
            .mx_main1 .box .content.c4 { background: url(../images/service/mingxiao/mx_1_4.png) left top no-repeat;}
            .mx_main1 .box .content.c5 { background: url(../images/service/mingxiao/mx_1_5.png) left top no-repeat;}
            .mx_main1 .box .content.c6 { background: url(../images/service/mingxiao/mx_1_6.png) left top no-repeat;}

            .mx_main1 .box .content h4 {color: #fff; margin-left: 80px; margin-top: 40px; line-height: 35px; font-size: 1.5rem;  }
            .mx_main1 .box .content p {color: #fff; margin-left: 40px; font-size: 1rem; line-height: 22px;  }

            .mx_main1 .box .content:hover  {  margin-top: 40px;  }


        .mx_main1 .box .more {    text-align: center; margin-top: 65px;   }
            .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;}
                .mx_main1  .box .more a:hover { background: #ff6f30;   }

                @media(max-width:575px) {
                    .mx_main1 { margin-top:15px; }
                    .mx_main1 .box .header h3 {height: 131px; line-height: 131px; background-size:25%;    font-size: 1.5rem;   }
                    .mx_main1 .box .content { width: 100%; height: 175px;  margin-top: 20px;   }
                }


/*main2*/
.mx_main2 { max-width: 100%; height: 720px; margin:55px auto; background: url(../images/service/mingxiao/mx_2_bg.jpg) center top no-repeat;       }
    .mx_main2 .box { max-width: 1060px; margin: auto; padding-top: 55px; }
    .mx_main2 .box .header h3 { width: 100%;height: 131px; line-height: 131px; background: url(../images/service/mingxiao/t2.png) center center no-repeat; 
        font-size: 3rem; text-align: center; color: #fff;   }
        .mx_main2 .box .header h3 span { color: #ff9130; }

        .mx_main2 .box .content { width: 100%; height: 270px; overflow: hidden;  margin-top: 50px; background: #fff; transition: all 0.5s; border-radius: 4px; overflow: hidden;   }
            .mx_main2 .box .content h4{ height: 57px; line-height: 57px; padding-left: 100px; font-size: 1.5rem; color: #fff; margin-bottom: 30px;  }
                .mx_main2 .box .content h4.t1 { background: url(../images/service/mingxiao/mx_2_1.jpg) left top no-repeat;  }
                .mx_main2 .box .content h4.t2 { background: url(../images/service/mingxiao/mx_2_2.jpg) left top no-repeat;  }
                .mx_main2 .box .content p { color: #5b5b5b; font-size: 1rem; padding-left: 30px; padding-right: 30px; }

                .mx_main2 .box .content:hover.con1{   box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); }
                .mx_main2 .box .content:hover.con2 {   box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); }

        .mx_main2 .box .more {    text-align: center; margin-top: 65px;   }
        .mx_main2 .box .more a { width: auto; height: 52px; line-height: 42px; display: inline-block; padding: 5px 45px; border-radius: 28px; background: #ff9130; 
            color: #fff; font-size: 1.375rem; overflow: hidden; vertical-align: middle;  }
            .mx_main2 .box .more img {  margin-top: -6px; }
            .mx_main2  .box .more a:hover { background: #ff6f30;   }
            
            @media(max-width:575px) {
                .mx_main2 { margin-top:15px; height: auto; }
                .mx_main2 .box .header h3 { height: 131px; line-height: 131px; background-size:25%;    font-size: 1.5rem;   }
                .mx_main2 .box .content { width: 100%; height: auto;  margin-top: 20px; padding-bottom: 20px;   }
                
            }


/*main3*/
.mx_main3 { max-width: 100%; height: 770px; margin:55px auto;      }
    .mx_main3 .box { max-width: 1280px; margin: auto; padding-top: 55px; }
    .mx_main3 .box .header h3 { width: 100%;height: 131px; line-height: 131px; background: url(../images/service/mingxiao/t3.png) center center no-repeat; 
        font-size: 3rem; text-align: center;   }
        .mx_main3 .box .header h3 span { color: #ff9130; }

        .mx_main3 .box .content { width: 100%; height: 390px; overflow: hidden;  margin-top: 50px; background: #fff; border-radius: 10px; transition: all 0.5s;   }
            .mx_main3 .box .content h4{ width: 40%; margin-top: 40px; border-top-right-radius:50px ;border-bottom-right-radius:50px ; height: 50px; line-height: 50px; 
                padding-left: 25px; font-size: 1.5rem; color: #fff; margin-bottom: 30px; transition: all 0.5s;   }
                .mx_main3 .box .content h4.t1 { background: #3373c4;  }
                .mx_main3 .box .content h4.t2 { background: #dd8e3a;  }
                .mx_main3 .box .content h4.t3 { background: #40b47b;  }
                .mx_main3 .box .content p { width: 90%; margin: auto; margin-left: 30px; margin-bottom: 10px; color: #5b5b5b; line-height: 26px; font-size: 1rem; padding-left: 10px; padding-right: 30px; 
                    background: url(../images/service/mingxiao/dot.png) left top no-repeat; }
                    .mx_main3 .box .content p strong { font-weight: 600; }
        .mx_main3 .box .content.c1  { background: #d0e0f5; }
        .mx_main3 .box .content.c2  { background: #f5dfd0; }
        .mx_main3 .box .content.c3  { background: #d0f5e3; }

        .mx_main3 .box .content.c2 p  { margin-bottom: 4px; line-height: 24px; }

        .mx_main3 .box .content:hover h4  {  width: 50%; padding-left: 50px;  }
               
        .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: #ff9130; 
            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: #ff6f30; }

            @media(max-width:575px) {
                .mx_main3 { margin-top:15px; height: auto; }
                .mx_main3 .box .header h3 { height: 131px; line-height: 131px; background-size:25%;    font-size: 1.5rem;   }
                .mx_main3 .box .content { width: 100%; height: auto;  margin-top: 20px; padding-bottom: 20px;   }

                .mx_main3 .box .content h4{margin-top: 40px; height: 40px; line-height: 40px; 
                    padding-left: 25px; font-size: 1.375rem;    }
                
            }



/*main4*/
.mx_main4 { max-width: 100%; height: 720px; margin:0 auto; background: #f5f5f5;      }
    .mx_main4 .box { max-width: 1280px; margin:45px auto; padding-top: 70px; }
    .mx_main4 .box .header h3 { width: 100%;height: 131px; line-height: 131px; background: url(../images/service/mingxiao/t4.png) center center no-repeat; 
        font-size: 3rem; text-align: center;   }
        .mx_main4 .box .header h3 span { color: #ff9130; }
        

        .mx_main4 .box .swp3 { padding-top: 55px;}
        .mx_main4 .box .swiper-pagination.sp3 { width: 100%; padding: 0; height: 50px; margin: auto; margin-top: 50px; left: 0;  }
        .mx_main4 .box .swiper-pagination-bullet { background: #f60; vertical-align: middle; margin-right: 5px; margin-left: 5px; }
        .mx_main4 .box .swiper-pagination-bullet-active { width: 18px; height: 18px; vertical-align: middle;}

        .mx_main4 .box .swp3 .img_box img { transition: all 0.5s;}       
        .mx_main4 .box .swp3 .img_box img:hover  { box-shadow: 0 0 20px #cacaca;}

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

            @media(max-width:575px) {
                .mx_main4 { margin-top:15px; height: auto; }
                .mx_main4 .box {  padding-top: 30px; }
                .mx_main4 .box .header h3 { height: 131px; line-height: 131px; background-size:25%;    font-size: 1.5rem; overflow: hidden;   }
                .mx_main4 .box .content { width: 100%; height: auto;  margin-top: 20px; padding-bottom: 20px;   }

                .mx_main4 .box .swp3 { padding-top: 25px;}
            }

/*main5*/
.mx_main5 { max-width: 100%; height: 790px; margin:0 auto; background: url(../images/service/mingxiao/mx_5_bg.jpg) center top no-repeat;       }
    .mx_main5 .box { max-width: 1280px; margin: auto; padding-top: 55px; }
    .mx_main5 .box .header h3 { width: 100%;height: 131px; line-height: 131px; background: url(../images/service/mingxiao/t5.png) center center no-repeat; 
        font-size: 3rem; text-align: center; color: #fff; margin-bottom: 30px;   }
        .mx_main5 .box .header h3 span { color: #ff9130; }

        .mx_main5 .box .list { width: 98%; height: 165px; overflow: hidden;  margin-top: 30px; background: #fff; padding: 20px; border-radius: 10px;  
                 transition: all 0.5s; }
                 .mx_main5 .box .list:hover { background: #fbddaf;}
            .mx_main5 .box .list .left { width: 32%; overflow: hidden; float: left; line-height: 115px;}
                .mx_main5 .box .list .left img { width: auto; transition: all 1s;  }
                .mx_main5 .box .list:hover .left img { transform: rotate(360deg); }
                
            .mx_main5 .box .list .right { width: 60%; overflow: hidden; float: right;}
                .mx_main5 .box .list .right h4{ height: 30px; line-height: 30px; font-size: 1.375rem; transition: all 1s;  }
                .mx_main5 .box .list .right p { line-height: 22px;  }
                .mx_main5 .box .list .toright { width: 27px; height: 30px; position: absolute; z-index: 20; right: -10px; margin-top: 40px;   }
                .mx_main5 .box .list .todown { width: 27px; height: 30px; position: absolute; z-index: 20; right: 50%; bottom: -30px;    }
                
               
        .mx_main5 .box .more {    text-align: center; margin-top: 55px;   }
        .mx_main5 .box .more a { width: auto; height: 52px; line-height: 35px; display: inline-block; padding: 5px 45px; border-radius: 28px; 
            color: #fff; font-size: 1.375rem; overflow: hidden; vertical-align: middle; border: #fff 2px solid;  }
            .mx_main5 .box .more a:hover {color: #fff;  border: #ff9130 2px solid;  background: #ff9130;  }
            .mx_main5 .box .more img {  margin-top: -6px; }

            @media(max-width:575px) {
                .mx_main5 { margin-top:15px; height: auto; background-size: cover; padding-bottom: 40px;   }
                .mx_main5 .box {  padding-top: 30px; }
                .mx_main5 .box .header h3 { height: 131px; line-height: 131px; background-size:25%;    font-size: 1.5rem; overflow: hidden;   }

                .mx_main5 .box .list { width: 100%; height: auto;  margin-top: 10px; padding: 20px;  }
                .mx_main5 .box .list .toright {  display: none; }
                .mx_main5 .box .list .todown {  display: none;   }
            }

/*main6*/
.mx_main6 { max-width: 100%; height: 720px; margin:0 auto; background: #f5f5f5; 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: 131px; background: url(../images/service/mingxiao/t6.png) center center no-repeat; 
        font-size: 3rem; text-align: center;   }
        .mx_main6 .box .header h3 span { color: #2db3a9; }

        .mx_main6 .box .list { width: 100%; height: 100px; overflow: hidden;  margin-top: 30px; background: #fff; padding:15px 20px; border-radius: 10px;  transition: all 0.5s;   }
        .mx_main6 .box .list .img { width: 25%; overflow: hidden; float: left; text-align: center; }
            .mx_main6 .box .list .img img { width: auto; transition: all 0.5s;  }
        .mx_main6 .box .list .right { width: 75%; overflow: hidden; float: right; padding-top: 10px; transition: all 0.5s; }
            .mx_main6 .box .list .right h4{ height: 30px; line-height: 30px; font-size: 1.375rem; }
            .mx_main6 .box .list .right p { line-height: 22px; font-size: 1.125rem;  }

            .mx_main6 .box .list:hover { box-shadow: 0 0 20px #ccc;} 
                .mx_main6 .box .list:hover  .right  { padding-left: 30px;}
                .mx_main6 .box .list:hover  .img img { margin-left: 20px; }
    
                @media(max-width:575px) {
                    .mx_main6 { margin-top:0px; height: auto; padding-bottom: 40px;   }
                    .mx_main6 .box {   padding-top: 20px; }
                    .mx_main6 .box .header h3 { height: 131px; line-height: 131px; background-size:25%;    font-size: 1.5rem; overflow: hidden;   }
    
                    .mx_main6 .box .list {   margin-top: 20px; }
                }



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

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

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

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


    
        .mx_main7 .box .more {    text-align: center; margin-top: 75px; margin-bottom: 110px;   }
        .mx_main7 .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_main7 .box .more img {  margin-top: -6px; }
            .mx_main7 .box .more a:hover { background: #666; }

            



            @media (max-width:575px) { 
                .mx_main7 .box {margin-top:0; padding-top: 20px;   }
                .mx_main7 .box .header h3 { height: 131px; line-height: 131px; background-size:25%;    font-size: 1.5rem; overflow: hidden;   }

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

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