/*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: #0b5aa5;     }
 .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: #0b5aa5 4px solid; margin:0 30px; cursor: pointer; transition: all 0.5s;   }    
     .mx_snav .box span.active,.mx_snav .box span:hover { border-bottom: #fcb131 4px solid; color: #fcb131; }

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

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






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

        .mx_main1 .box .content { width: 347px; height: 290px; overflow: hidden;  margin-top: 50px; background: #fff;  border-radius:10px; transition: all 0.5s;  }
        .mx_main1 .box .content img { width: 100%; min-height: 173px;   }
            .mx_main1 .box .content p {color: #5b5b5b;  font-size: 1.125rem; line-height: 24px; padding: 30px;  }

            .mx_main1 .box .content:hover { box-shadow: 0 0 20px #aaa;}

        /* .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 {padding-top: 0;   }
                    .mx_main1 .box { padding-bottom:0;  }
                    .mx_main1 .box .header h3 { font-size: 1.6rem; background-size: 100%;     }
                    .mx_main1 .box .content {margin-top: 10px; height: auto; }
                    .mx_main1 .box .content p { font-size: 1rem; padding-top: 20px;  }
                    .mx_main1 .box .more { margin-top: 25px;   }
                }





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

        .mx_main2 .box .box_img { margin-top: 60px; height: 300px; overflow: hidden;  }
        .mx_main2 .box .box_img img { width: 100%; height: auto;  transition: all 0.5s; }
        .mx_main2 .box .box_img .col-sm-3 img:hover { margin-top: 30px;}
        
        .mx_main2 .box .myform2 { width: 80%; margin: auto; height: auto; overflow: hidden; margin-top: 50px;   }
            .mx_main2 .box .myform2 h4{ height: 80px; line-height: 80px; text-align: center;  font-size: 2.25rem; color: #fff; margin-bottom: 30px; border-bottom: #fff 2px solid;  }

        .mx_main2 .box .myform { width: 80%; margin: auto; height: auto; overflow: hidden;  color: #fff; line-height: 30px;  }
                .mx_main2 .box .myform input { width: 100%; background: #fff; border-radius: 4px; border: 0; height: 48px; line-height: 48px; padding-left: 45px; margin-bottom: 10px;}
                    .mx_main2 .box .myform input.name { background: url(../images/service/yimin/icon1.png) 10px center no-repeat #fff; }
                    .mx_main2 .box .myform input.md { background: url(../images/service/yimin/icon2.png) 10px center no-repeat #fff; }
                    .mx_main2 .box .myform input.tel { background: url(../images/service/yimin/icon3.png) 10px center no-repeat #fff; }
                    .mx_main2 .box .myform select { width: 100%; background: #fff; border-radius: 4px; border: 0; height: 48px; line-height: 48px; padding-left: 10px; margin-bottom: 10px;}

               


               
        .mx_main2 .box .more {    text-align: center; margin-top: 55px;   }
        .mx_main2 .box .more input.submit { 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; border: 0;  }
            .mx_main2 .box .more input.submit:hover { background: #f47a02;}

            @media (max-width:575px) {
                .mx_main2 {padding-bottom: 50px;   }
                .mx_main2 .box { padding-top:0;   }
                .mx_main2 .box .header h3 { font-size: 1.6rem; background-size: 100%;     }
                .mx_main2 .box .myform2 { width: 90%; margin-top: 10px;   }
                .mx_main2 .box .myform { width: 90%;   }
                .mx_main2 .box .box_img { margin-top: 20px;  }
                .mx_main2 .box .myform2 h4{ height: auto; line-height: 24px; font-size: 1.25rem; padding-bottom: 10px; margin-top: 20px; } 


                .mx_main2 .box .content {margin-top: 10px; height: auto; }
                .mx_main2 .box .content p { font-size: 1rem; padding-top: 20px;  }
                .mx_main2 .box .more { margin-top: 25px;   }
            }






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

        .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 6px solid;}
                .mx_main3 .box table tr.title td { text-align: center; line-height: 70px; height: 70px; font-weight: 600;}
                .mx_main3 .box table td.t1 { background: #17b1b3; color: #fff; font-size: 1.375rem; width: 12%;  }
                .mx_main3 .box table td.t2 { background: #80c7b5; color: #fff; font-size: 1.375rem; width: 22%;   }
                .mx_main3 .box table td.t3 { background: #ffbb50; color: #fff; font-size: 1.375rem; width: 22%;  }
                .mx_main3 .box table td.t4 { background: #87befe; color: #fff; font-size: 1.375rem; width: 22%;  }
                .mx_main3 .box table td.t5 { background: #ff8a90; color: #fff; font-size: 1.375rem; width: 22%;  }

                .mx_main3 .box table tr.ts td:first-child { text-align: center; line-height: 70px; height: 70px;background: #17b1b3; color: #fff; font-size: 1.25rem; padding: 0;}   
                .mx_main3 .box table tr.ts td { padding: 20px; color: #5b5b5b; }
                    .mx_main3 .box table tr.ts td:nth-child(2) { background: #f1f9ec; }
                    .mx_main3 .box table tr.ts td:nth-child(3) { background: #fffaee; }
                    .mx_main3 .box table tr.ts td:nth-child(4) { background: #f4f4fe; }
                    .mx_main3 .box table tr.ts td:nth-child(5) { background: #ffeeee; }
                    .mx_main3 .box table tr.ts td a {  width: auto; height: 40px; line-height: 30px; display: inline-block; padding: 5px 45px; border-radius: 28px; background: #ff9130; 
                        color: #fff; font-size: 1.125rem; overflow: hidden; vertical-align: middle;}
                        .mx_main3 .box table tr.ts td a:hover {  background: #17b1b3; }


               
        /* .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; } */



            @media (max-width:575px) {
                .mx_main3 {padding-top: 0;   }
                .mx_main3 .box { padding-top:0; padding-bottom: 0px;   }
                .mx_main3 .box .header h3 { font-size: 1.6rem; background-size: 100%;     }
                .mx_main3 .box table {  margin-top: 10px; width: 1280px; }
                .mx_main3 .box table td { border: #fff 4px solid;}

                .mx_main3 .box table td.t1 {  font-size: 1.125rem; }
                .mx_main3 .box table td.t2 { font-size: 1.125rem;  }
                .mx_main3 .box table td.t3 { font-size: 1.125rem;  }
                .mx_main3 .box table td.t4 { font-size: 1.125rem;  }
                .mx_main3 .box table td.t5 { font-size: 1.125rem;  }
                .mx_main3 .box table tr.ts td:first-child { font-size: 1.125rem;}
                .mx_main3 .box table tr.ts td a { font-size: 1rem;}



                .mx_main3 .box .content {margin-top: 10px; height: auto; }
                .mx_main3 .box .content p { font-size: 1rem; padding-top: 20px;  }
                .mx_main3 .box .more { margin-top: 25px;   }
            }







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

        .mx_main4 .box .content { width: 347px; height: auto; overflow: hidden;  margin-top: 50px; background: #f6f6f6;  border-radius:10px; transition: all 0.5s;  }
        .mx_main4 .box .content img { width: 100%; min-height: 173px;   }
            .mx_main4 .box .content h4 { line-height: 24px;  font-size: 1.125rem; padding: 10px 30px 0px 30px;    }
            .mx_main4 .box .content p {color: #5b5b5b;  font-size: 1rem; line-height: 24px; padding: 0px 30px;  }
            .mx_main4 .box .content a.submit { width: 100%; height: 48px; line-height: 48px; text-align: center; color: #fff; font-size: 1.125rem; display: inline-block; margin-top: 30px; }
                .mx_main4 .box .content a.submit.s1 { background: #2b9be9;}
                .mx_main4 .box .content a.submit.s2 { background: #17b1b3;}
                .mx_main4 .box .content a.submit.s3 { background: #e79b0a;}

                .mx_main4 .box .content:hover { box-shadow: 0 0 20px #aaa;}
                .mx_main4 .box .content:hover  a.submit { background: #666;}
            

        /* .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_main4 {padding-top: 15px;    }
                    .mx_main4 .box { padding-top:0;   }
                    .mx_main4 .box .header h3 { font-size: 1.6rem; background-size: 100%;     }
                  
                    .mx_main4 .box .more { margin-top: 25px;   }
                    .mx_main4 .box .more a { font-size: 1rem; height: 42px; line-height: 32px; }
                }







/*main5*/
.mx_main5 { max-width: 100%; height: 800px; margin:0 auto; background: url(../images/service/yimin/map_bg.png) center 100px no-repeat #f5f5f5; overflow: hidden;      }
    .mx_main5 .box { max-width: 1280px; margin:25px auto; padding-top: 70px; }
     .mx_main5 .box .header h3 { width: 100%;height: 131px; line-height: 131px; background: url(../images/service/yimin/t5.png) center center no-repeat; 
        font-size: 3rem; text-align: center;   }
        .mx_main5 .box .header h3 span { color: #dfb57a; }

        .mx_main5 .box .tt { width: 500px;height: 110px;  background: url(../images/service/yimin/tt.png) left center no-repeat; padding-left: 160px; margin: auto; margin-top: 60px;  }
        .mx_main5 .box .tt p { font-size: 2.875rem; color: #3b3b3b; line-height: 40px; padding-top: 10px; }
        .mx_main5 .box .tt p span { border-bottom: #17b1b3 5px solid; }


        .mx_main5 .box .row { margin-top: 80px;}

        .mx_main5 .box .list { width: 100%; height: auto; overflow: hidden;  margin-top: 70px;  padding:15px 20px;  }
        .mx_main5 .box .list ul li { width: 20%; height:auto; display: inline-block; float:left; }
        .mx_main5 .box .list ul li .bg { width: 152px; height: 152px;  background: url(../images/service/yimin/s1.png) left center no-repeat; transition:all 0.5s ; 
            position: absolute;  margin-left: auto; margin-right: auto; z-index: 15; } 
        .mx_main5 .box .list ul li h4 { width: 152px; height: 152px; padding: 40px 10px; text-align: center; margin: auto;  position: absolute; }
            .mx_main5 .box .list ul li .bg:hover {
                /* background: url(../images/service/yimin/s2.png) left center no-repeat; */
                -moz-transform:rotate(90deg); 
                -webkit-transform:rotate(90deg);
                transform:rotate(90deg);
                }
        .mx_main5 .box .list ul li h4 strong.b1 { font-size: 2.5rem; display: block; line-height: 50px; color: #17b1b3;}
        .mx_main5 .box .list ul li h4 strong.b2 { font-size: 1.375rem; display: block; font-weight: normal; }
        .mx_main5 .box .list ul li p  { width: 80%; height: auto; display: inline-block; text-align: center;   line-height: 22px; font-size: 0.95rem; 
            position:relative; margin-top: 170px;   } 


        

        /* .mx_main5 .box .list { width: 100%; height: auto; overflow: hidden;  margin-top: 30px; background: #fff; padding:15px 20px; border-radius: 10px; box-shadow: 0 0 10px #ddd;   }
            .mx_main5 .box .list  h4{ height: 30px; line-height: 30px; font-size: 1.5rem; }
            .mx_main5 .box .list  p { line-height: 22px; font-size: 1rem; margin-top: 20px;  }
                .mx_main5 .box .t1::after { content: ''; width: 0; height: 0; position:absolute;border: solid transparent; left: 96%; border-width: 10px;  
                        border-left-color: #fff; top:90px;  }
                .mx_main5 .box .t2::after { content: ''; width: 0; height: 0; position:absolute;border: solid transparent; left: 96%; border-width: 10px;  
                        border-left-color: #fff; top:220px; }
                .mx_main5 .box .t3::after { content: ''; width: 0; height: 0; position:absolute;border: solid transparent; left: -5px; border-width: 10px;  
                        border-right-color: #fff; top:90px; }
                .mx_main5 .box .t4::after { content: ''; width: 0; height: 0; position:absolute;border: solid transparent; left: -5px; border-width: 10px;  
                        border-right-color: #fff; top:220px; } */


            .mx_main5 .box .team_img { width: 95%; margin: auto; max-height: 370px; max-width: 370px; overflow: hidden; border-radius: 50%; border: #fff 28px solid; 
                    box-shadow: 0 0 10px #ddd; }
                .mx_main5 .box .team_img img { width: 100%; height: auto;  }


                @media (max-width:575px) {
                    .mx_main5 {padding-top: 15px; height: auto;    }
                    .mx_main5 .box  { margin-top: 0; padding-top: 20px; }
                    .mx_main5 .box .header h3 { font-size: 1.6rem; background-size: 100%;     }
                  
                    .mx_main5 .box .tt { width: 100%;height: 110px;  margin-top: 20px; padding-left: 140px;  }
                    .mx_main5 .box .tt p { font-size: 1.5rem; }
                    .mx_main5 .box .tt p:first-child { font-size: 2rem;}
                    .mx_main5 .box .tt p span { border-bottom: #17b1b3 3px solid; }
                    .mx_main5 .box .list { padding:15px 10px;  }
                    .mx_main5 .box .list ul li { width: 50%; }
                    

                }




    

/*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: 131px; background: url(../images/service/yimin/t6.png) center center no-repeat; 
        font-size: 3rem; text-align: center;   }
        .mx_main6 .box .header h3 span { color: #dfb57a; }

        .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;  }
            .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 .box {margin-top:0; padding-top: 20px;   }
                    .mx_main6 .box .header h3 { font-size: 1.6rem; background-size: 100%; height: 111px; line-height: 111px;     }

                .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; }
            }