

@media screen and (min-width:750px) {
    .bannerr {width: 100%;height: auto;background: url(../img/YM/YMbanner.jpg);overflow: hidden;margin-top: 140px;}
.bannerr .banner_center { width: 100%; height: 370px; margin: 0 auto; }
.bannerr .banner_center h3 {    color: #fff;
    font-size: 42px;
    text-align: center;}
.bannerr .banner_center p {color: #ffffff;font-size: 26px;text-align: center;height: 50px;line-height: 50px;margin-bottom: 23px;}
.bannerr .banner_center .banner_onep { padding: 100px 0 0 0; }
.bannerr .banner_center .button { font-size: 40px; }
.bannerr .banner_center button { background-color: #40a4fc; border: none; font-size: 20px; color: #ffffff; width: 150px; height: 50px; line-height: 50px; border-radius: 6px; }
.bannerr .banner_center a {position: relative;top: 33px;display: block;width: 280px;height: 64px;background: #03a1fc;color: #fff;text-align: center;line-height: 64px;margin: 0 auto;font-size: 30px;border-radius: 5px;}
.con { width: 100%; height: 507px; margin: 0px auto; display: flex; justify-content: center; }
.con dl { width: 314px; height: 346px; border: 1px solid #cccccc; float: left; text-align: center; margin: 83px 20px 56px 55px; }
.con dl:nth-child(1) { }
.con dt { height: 220px; border-bottom: 1px solid #cccccc; }
.con dt img { padding: 17% 0 0 0; }
.con dl .con_one { color: #333333; font-size: 24px; height: 30px; line-height: 30px; margin: 12px 0; }
.con dl .con_two { color: #333333; font-size: 14px; width: 77%; margin: 0 auto; height: auto; line-height: 25px; }
.about { width: 100%; height: 488px; background-color: #fafafa; overflow: hidden; }
.about .about_center { height: 488px; min-width: 960px; max-width: 1200px; margin: 0 auto; }
.about .about_center .about_left { float: left; width: 41%; text-align: center; padding: 65px 20px; padding-left: 60px; }
.about .about_center .about_right { float: right; width: 35%; height: 480px; padding-right: 48px; min-width: 395px; }
.about .about_center .about_right p { color: #333333; font-size: 30px; line-height: 40px; word-wrap: break-word; padding-top: 162px; }
.about .about_center .about_right .divv { width: 50px; border: 1px solid #40a4fc; margin-top: 10px; margin-bottom: 27px; }
.about .about_center .about_right span { color: #999999; font-size: 16px; width: 400px; height: 28px; line-height: 28px; }

.two .about_center .aboutright { float: right; padding-right: 110px; }
.two .about_center .aboutleft { float: left; padding-right: 0; }
.two .about_center .aboutright img { width: 100%; height: auto; padding-top: 68px; }
.fix {width: 100%;height: 882px;background-color: #fafafa;overflow: hidden;}

.fix h3 {color: #333333;font-size: 30px;text-align: center;padding: 75px 0 0 0;height: 40px;line-height: 40px;padding-bottom: 66px; position: relative;}
.fix h3::after {    content: '';
    position: absolute;
    left: 50%;
    bottom: 33px;
    width: 64px;
    height: 3px;
    background: #40a4fc; margin-left:-32px;}

.fix>p {color: #999999;font-size: 16px;height: 25px;line-height: 25px;text-align: center;padding-bottom: 50px;width: 600px;margin: 0 auto;}
.tabs {width:1000px;margin:0 auto;display: flex;}
.tabs .table {width:488px;margin: 0;}
.tabs .table h4.el {    width: 126px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    background: #40a4fc;
    border-radius: 8px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 14px;}
.tabs .table h4.el::after {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    left: 50%;
    bottom: -14px;
    margin-left: -7px;
    background: url('../img/YM/jiantou.png') no-repeat center;
    background-size: cover;
}
.tabs .table ul {    width: 488px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff;
    overflow: hidden;}
.table ul li {    height: 106px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0 16px; }
.table ul li:last-child {border:none;}
.table ul li h4 {font-size:24px; color:#333; float: left; line-height: 106px; padding-right: 15px;}
.table ul li p {    font-size: 16px;
    line-height: 22px; padding-top:40px; color:#999999;}
    .tabs .img {width:102px;}
    .tabs .img img {    margin-top: 200px;}
.table.two h4 {font-size: 22px;
    padding-bottom: 24px;
    padding-top: 8px;
    text-align: center;}
    .table.two ul li {
        
font-size: 22px;
        
text-align: center;
        
line-height: 106px;
    }

.feed { width: 1200px; height: 780px; margin: 0 auto; }
.feed .agein { width: 100%; height: 570px; }
.feed .feedagein { margin-left: 20px; }
.feed .feedp { color: #333333; font-size: 30px; text-align: center; padding: 75px 0 0 0; height: 40px; line-height: 40px; }
.feed .feeddiv { text-align: center; border: 1px solid #40a4fc; width: 64px; margin-top: 28px; margin-left: 48%; margin-bottom: 23px; }
.feed dl { width: 484px; height: 148px; border: 1px solid #cccccc; float: left; margin-left: 115px; margin-top: 28px; }
.feed dl dt { width: 16%; float: left; padding-top: 11%; padding-left: 5%; }
.feed dl .feed_onedd { color: #333333; font-size: 24px; width: 78%; float: right; height: 40px; line-height: 40px; padding-top: 30px; }
.feed dl .feed_twodd { color: #999999; font-size: 14px; width: 70%; float: left; height: 20px; line-height: 20px; padding-left: 5px; }
.fot { width: 100%; height: 548px; background-color: #fafafa; overflow: hidden; }
.fot .fotcen { width: 1200px; height: 548px; margin: 0 auto; }
.fot .fotcen .feedp { color: #333333; font-size: 30px; text-align: center; padding: 75px 0 0 0; height: 40px; line-height: 40px; }
.fot .fotcen .feeddiv { text-align: center; border: 1px solid #40a4fc; width: 64px; margin-top: 28px; margin-left: 47%; margin-bottom: 40px; }
.fot .fotcen .fot_for { width: 230px; background-color: #ffffff; height: 282px; border: 1px solid #cccccc; float: left; margin: 9px 0 0 53px; overflow: hidden; }
.fot .fotcen .fot_for img { border-bottom: 1px solid #cccccc; }
.fot .fotcen .fot_for .fotonep { padding-top: 15px; color: #333333; font-size: 20px; margin: 0 auto; height: 42px; line-height: 44px; width: 84%; }
.fot .fotcen .fot_for .fottwop { color: #999999; font-size: 14px; width: 85%; height: auto; margin: 0 auto; line-height: 20px; }
}

@media screen and (min-width:1600px) and (max-width:1920px) {
    html { font-size: 90%; }
}
@media screen and (min-width:1440px) and (max-width:1599px) {
    html { font-size: 79.1%; }
    .bannerr { margin-top: 112px; }
    .about .about_center .about_right { padding-right: 0px; }
}
@media screen and (min-width:1360px) and (max-width:1439px) {
    html { font-size: 72.8%; }
    .about .about_center .about_right { margin-right: 0px; }
}
@media screen and (min-width:1200px) and (max-width:1359px) {
    html { font-size: 66.6%; }
    .about .about_center .about_right { margin-right: 0px; }
}
@media screen and (min-width:1080px) and (max-width:1199px) {
    html { font-size: 59.3%; }
    .banner .banner_center { width: 100%; }
    .two .about_center .aboutleft { padding-left: 0; }
    .banner .banner_center p { width: 100%; text-align: center; }
    .about .about_center .about_right { margin-left: 52px; }
    .fix .fix_center .fix_left { margin-left: 0px; margin-right: 27px; }
    .fix .fix_center .fix_right .fix_left_mo { margin-left: -31px; }
    .feed dl { margin-left: 33px; }
    .fot .fotcen .fot_for { margin: 9px 0 0 25px; }
}
@media screen and (min-width:960px) and (max-width:1079px) {
    html { font-size: 53%; }
    .banner .banner_center { width: 100%; }
    .fix .fix_center { width: 100%; }
    .fix .fix_center .fix_left { margin-left: 14px; }
    .fix .fix_center .fix_left .sjqdao { margin-left: 29% }
    .fix .fix_center .fix_left img { padding-left: 45%; }
    .fix .fix_center .fix_left { width: 360px; }
  / .fix .fix_center .fix_left .fix_left_mo { width: 120%; }
    .fix .fix_center .centerimg { display: none; }
    .fix .fix_center .fix_left .fix_left_mo dt { padding-left: 8px; }
    .fix .fix_center .fix_left .fix_left_mo dd { font-size: 14px; width: 64%; }
    .feed { width: 100%; }
    .feed dl { margin-left: 25px; width: 440px; }
    .fot .fotcen { width: 100%; }
    .fot .fotcen .fot_for { margin: 9px 0 0 0px; }
    .about .about_center { width: 100%; }
    .two .about_center .aboutright { padding-right: 0; }
    .two .about_center .aboutleft { padding-left: 45px; }
    .bounceInRight { width: 450px; }
    .two .about_center .about_left { padding: 65px 0; width: 52%; }
    .two .about_center .aboutleft { margin-left: 0px; }
}
@media screen and  (max-width:960px) {
    html { font-size: 50%; }
}

@media screen and (max-width:750px) {
    .mbanner {background:url('../img/YM/ymmbg.jpg') no-repeat center; background-size:cover; color:#fff;}
    .mbanner h3 {font-size:.58rem;padding-top: .8rem;}
    .mbanner p {font-size: .26rem;padding-top:.2rem;color:#fff;}
    .mbanner a {margin-top: .2rem;color:#fff;background:#5eaeeb;}

    .con {width:100%; height:5.48rem; background:#fff; overflow-x:scroll; box-sizing: border-box; padding:.48rem .24rem;}
    .con .dls {width:12.9rem;}
    .con dl {width:4.1rem; height:4.52rem; box-sizing: border-box; border:.01rem solid #cccccc; background:#fff;float: left; margin-right:.2rem;}
    .con dl dt {width:100%; border-bottom: .01rem solid #cccccc;}
    .con dl dt img{margin:0 auto;width: 1.56rem;padding: .5rem 0;}
    .con dl dd.con_one {text-align: center; font-size:.32rem; padding-top:.25rem; }
    .con dl dd.con_two { box-sizing: border-box; padding:0 .1rem; font-size:.22rem; line-height: .34rem;padding-top:.15rem; }
    
    .about , .fix{width:100%;height:auto;overflow:hidden;box-sizing: border-box;padding:0 .24rem;background:#fafafa;padding-bottom: .48rem;}
    .about.two {background:#fff;}
    .about h3, .fix h3 {font-size:.32rem;line-height: .9rem;position: relative;margin-left:.16rem;font-weight: bold;}
    .about h3::after, .fix h3::after {content: ''; position: absolute; left:0; bottom:0; width:.8rem; height:.03rem; background:#40a4fc;}
    .about p , .fix>p{font-size:.26rem;line-height: .42rem;color:#888888;width:100%;box-sizing: border-box;padding:0 .16rem;padding-top:.18rem;padding-bottom: .4rem;}
    .about img {margin:.4rem auto .48rem; width:3.95rem;}
    .about.two img {width:5.95rem;}

    .fix .table{
    margin: 0;
}
    .table>h4 {
    text-align: center;
    font-size: .34rem;
    margin-bottom: .2rem;
}
    .table h4.el {
    width: 1.8rem;
    height: .64rem;
    text-align: center;
    line-height: .64rem;
    border-radius: .1rem;
    font-size: .28rem;
    color: #fff;
    background: #40a4fc;
    margin: 0 auto;
    position: relative;
    margin-bottom: .2rem;
}
    .table h4.el::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -.2rem;
        background: url('../img/YM/jiantou.png') no-repeat center;
        background-size: cover;
        width: .2rem;
        height: .2rem;
        margin-left: -.1rem;
    }
    .table ul {
    background: #fff;
    box-sizing: border-box;
    border: .01rem solid #cccccc;
}
    .table ul li {
    font-size: .34rem;
    height: 1.52rem;
    border-bottom: .01rem solid #ccc;
    box-sizing: border-box;
    padding: 0 .2rem;
}
    .fix .img {width:100%;}
    .fix img.centerimg {    height: 1.2rem;
    margin: .2rem auto;}
    .table ul li:last-child {border-bottom: none;}
    

     .table.two ul{}
    .table.two ul li {
    height: 1.78rem;
    line-height: 1.78rem;
    text-align: center;
}
    .table ul li h4{
    font-size: .34rem;
    float: left;
    line-height: 1.52rem;
    padding-right: .25rem;
}
    .table ul li p {font-size: .26rem;line-height: .42rem;color: #999999;padding-top: 0.5rem;}

    
    .feed , .fot {width:100%; height:auto; overflow:hidden; box-sizing: border-box; padding:0 .24rem;text-align: center;}
    .feed h3 , .fot h3{font-size:.34rem;line-height: .9rem;position: relative;padding-top:.2rem;font-weight: bold;}
    .feed h3::after,.fot h3::after {content:''; width:.8rem; height:.03rem; background:#40a4fc; position: absolute; bottom:0; left:50%; margin-left:-.4rem;}
    .feed .agein {width:100%; padding-top:.48rem; padding-bottom:.28rem;}
    .agein dl {margin-bottom: .2rem; box-sizing: border-box; border:.01rem solid #cccccc; position: relative; }
    .agein dl img {
       position: absolute;
       left: .2rem;
       top:50%;
       width:.68rem;
       -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
       transform: translateY(-50%);
       }
    .agein dl dd {padding-left:1.14rem; text-align: left;}
    .agein dl dd.feed_onedd {font-size:.34rem; padding-top:.42rem; }
    .agein dl dd.feed_twodd {font-size:.26rem; padding-top:.2rem; padding-bottom: .2rem; line-height: .42rem; color:#999999; padding-right: .1rem;}
    .fot {background:#fafafa;}
    .fot .fots {width:100%; padding-top:.46rem; padding-bottom: .28rem; display: flex;flex-wrap: wrap; justify-content: space-between;}
    .fots .fot_for {width:3.36rem;height: 4.32rem;box-sizing: border-box;border:.01rem solid #cccccc;background: #fff;margin-bottom: .2rem;text-align: left;overflow: hidden;}
    .fot_for img {height:1.36rem;border-bottom: .02rem solid #ccc;padding-top: .01rem;box-sizing: border-box;}
    .fot_for p {box-sizing: border-box; padding:0 .15rem;}
    .fot_for p.fotonep {font-size:.3rem;padding-top: .2rem;}
    .fot_for p.fottwop {font-size:.22rem; line-height: .34rem; padding-top:.15rem; color:#999999;}

    

}