/*mobile*/   
@media screen and (max-width:1023px){
    
    /*menu*/
    .menu li{margin:0 2% 15px 0;}
    
    /*top*/
    .top {margin-top: 100px}
    .top .pink{font-size: 40px;}
    .top .pink span{font-size: 50px;}
    
    /*cont*/
    .cont {width: 558px;}
    .cont .flower1{margin: -30px 0 0 0px;}
    .cont .flower2{margin: 670px 0 0 470px;}
    .cont .flower3{margin: 1600px 0 0 -10px;}
    
    .cont .left{width: 100%;}
    .cont .right{width: 100%;}
    
    .cont .left .text{font-size: 20px;margin-bottom: 20px}
    .cont .left .text span{font-size: 27px;}
    
    .cont .blackbar {background:rgba(255,255,255,.8) ;width: 70%;margin: 0 auto;}
    .test_btn {font-size: 20px;margin-top: 15px}
    .cont .in {padding: 83px 0}
    
    .cont .matching {background: url(/skin/view/images/test1_m.jpg) no-repeat ;background-size: cover;height: 300px;width: 555px;border-radius: 50px 0 50px 0;margin-bottom: 20px}
    .cont .matching .end {background: url(/skin/view/images/test1_m_com.jpg) no-repeat;background-size: cover;border-radius:50px 0 50px 0;height: 300px;width: 555px;}
    .cont .matching .end img{height: 70px;margin: 91px 0 30px 0}
    
    .cont .find {background: url(/skin/view/images/test2_m.jpg) no-repeat;background-size: cover;height: 300px;width: 555px;border-radius: 50px 0 50px 0;margin-bottom: 20px}
    .cont .find .end {background: url(/skin/view/images/test2_m_com.jpg) no-repeat;background-size: cover;border-radius:50px 0 50px 0;height: 300px;width: 555px;}
    .cont .find .end img{height: 70px;margin: 91px 0 30px 0}
    
    .cont .review {background: url(/skin/view/images/test3_m.jpg) no-repeat ;background-size: cover;height: 300px;width: 555px;border-radius: 50px 0 50px 0;margin-bottom: 20px}
    .cont .review .end {background: url(/skin/view/images/test3_m_com.jpg) no-repeat;background-size: cover;border-radius:50px 0 50px 0;height: 300px;width: 555px;}
    .cont .review .end img{height: 70px;margin: 91px 0 30px 0}
    
    .cont .level {background: url(/skin/view/images/test4_m.jpg) no-repeat ;background-size: cover;height: 300px;width: 555px;border-radius: 50px 0 50px 0;margin-bottom: 20px}
    .cont .level .end {background: url(/skin/view/images/test4_m_com.jpg) no-repeat;background-size: cover;border-radius:50px 0 50px 0;height: 300px;width: 555px;}
    .cont .level .end img{height: 70px;margin: 91px 0 30px 0}
    
    .cont .doctor {background: url(/skin/view/images/test5_m.jpg) no-repeat ;background-size: cover;height: 300px;width: 555px;border-radius: 50px 0 50px 0;margin-bottom: 20px}
    .cont .doctor .end {background: url(/skin/view/images/test5_m_com.jpg) no-repeat;background-size: cover;border-radius:50px 0 50px 0;height: 300px;width: 555px;}
    .cont .doctor .end img{height: 70px;margin: 91px 0 30px 0}
    
    /*bot*/
    .bot .award{font-size: 11px;margin-top: 100px;}
    .bot .award span{font-size: 15px;}
    .bot .award img{height: 50px;}
    .bot .award p{margin-left: 65px}
    .bot .award li{margin-right: 10px;}
    
    .bot .numb{padding:10px 80px;height: 100px;}
    .bot .numb .call{font-size: 20px;margin-bottom: 10px}
    .bot .numb ul{text-align: center}
    .bot .numb li:nth-child(2){display: inline-block;margin-right: 30px;}
    .bot .numb li:last-child{display: inline-block}
    
    .bot .numb .btn1{line-height: 37px;width: 180px;font-size: 17px;}
    .bot .numb .btn1 p{margin-left: 13px}
    .bot .numb .btn1 .go{margin-left: 140px;}
    
    .bot .numb .btn2{line-height: 37px;width: 180px;font-size: 17px;}
    .bot .numb .btn2 p{margin-left: 13px}
    .bot .numb .btn2 .go{margin-left: 140px;}
}
 
    
/*pc*/  
@media screen and (min-width: 1024px){
    
    /*menu*/
    .menu li{margin:0 2% 15px 0;}
    
    /*top*/
    .top {margin-top: 100px}
    .top .pink{font-size: 45px;}
    .top .pink span{font-size: 55px;}
    
    /*cont*/
    .cont {width: 870px;}
    .cont .flower1{margin: 470px 0 0 370px;}
    .cont .flower2{margin: 175px 0 0 750px;}
    .cont .flower3{margin: 575px 0 0 700px;}
    
    .cont .left{width: 427px;}
    .cont .right{width: 427px;margin-bottom: 0}
    
    #align .margin_b{margin-bottom: 15px}
    
    .cont .left .text{font-size: 17px;}
    .cont .left .text span{font-size: 20px;}
    
    .cont .test_btn {margin-top: 15px}
    .cont .in:hover .test_btn {background: #596c73;transition: all 0.5s}
    .test_btn {font-size: 17px;}
    
    .cont .matching .blackbar {background: rgba(255,255,255,0.8);width: 77%;margin: 180px auto}
    .cont .matching .end {background: url(/skin/view/images/test1_com.jpg) no-repeat;background-size: cover;margin-left: 46px;border-radius: 0 50px 0 50px;height: 495px;width: 381px;}
    .cont .matching .end img{height: 70px;margin: 140px 0 30px 0}
    .cont .matching .in {background: url(/skin/view/images/test1.jpg) no-repeat ;background-size: cover; margin-left: 46px; width: 381px;border-radius: 0 50px 0 50px;height: 495px;float: right}
    .cont .matching .in, .link{position: absolute;}
    .cont .matching .hover{width: 100%;height: 495px;position: relative;}
    
    
    .cont .find .blackbar {background: rgba(255,255,255,0.8);width: 85%;margin:110px auto}
    .cont .find .end {background: url(/skin/view/images/test2_com.jpg) no-repeat;background-size: cover;border-radius: 0 50px 0 50px;height: 350px;width: 427px;}
    .cont .find .end img{height: 70px;margin: 123px 0 30px 0}
    .cont .find .in {background: url(/skin/view/images/test2.jpg) no-repeat ;background-size: cover; height:350px;width: 100%;border-radius: 0 50px 0 50px;}
    .cont .find .in, .link{position: absolute;}
    .cont .find .hover{width: 100%;height: 350px;position: relative;}
    
    
    .cont .review .blackbar {background: rgba(255,255,255,0.8);width:80%;margin: 65px auto}
    .cont .review .end {background: url(/skin/view/images/test3_com.jpg) no-repeat;background-size: cover;border-radius:50px 0 50px 0;height: 250px;width: 375px;}
    .cont .review .end img{height: 70px;margin: 60px 0 30px 0}
    .cont .review .in {font-size: 20px;background: url(/skin/view/images/test3.jpg) no-repeat ;background-size: cover; height: 250px;width: 375px;border-radius:50px 0 50px 0;}
    .cont .review .in, .link{position: absolute;}
    .cont .review .hover{width: 375px;height: 250px;position: relative;}
    
    
    .cont .level .blackbar {background: rgba(255,255,255,0.8);width: 87%;margin: 87px auto}
    .cont .level .end {background: url(/skin/view/images/test4_com.jpg) no-repeat;background-size: cover;border-radius:50px 0 50px 0;height: 305px;width: 428px;}
    .cont .level .end img{height: 70px;margin: 87px 0 30px 0}
    .cont .level .in {background: url(/skin/view/images/test4.jpg) no-repeat ;background-size: cover; height: 305px;width: 428px;border-radius:50px 0 50px 0 ;text-align: center}
    .cont .level .in, .link{position: absolute;}
    .cont .level .hover{width: 428px;height: 305px;position: relative;}
    
    
    .cont .doctor .blackbar {background: rgba(255,255,255,0.8);width: 90%;margin: 90px auto}
    .cont .doctor .end {background: url(/skin/view/images/test5_com.jpg) no-repeat;background-size: cover;border-radius:50px 0 50px 0;height: 312px;width: 321px;}
    .cont .doctor .end img{height: 70px;margin: 91px 0 30px 0}
    .cont .doctor .in {font-size: 20px;background: url(/skin/view/images/test5.jpg) no-repeat ;background-size: cover; height: 312px;width: 321px;border-radius:50px 0 50px 0 ;}
    .cont .doctor .in, .link{position: absolute;}
    .cont .doctor .hover{width: 321px;height: 312px;position: relative;}
    
    /*bot*/
    .bot .award{font-size: 11px;margin-top: 100px;}
    .bot .award span{font-size: 15px;}
    .bot .award img{height: 50px;}
    .bot .award p{margin-left: 65px}
    .bot .award li{margin-right: 13px;}
    
    .bot .numb{padding:20px 37px;height: 80px;}
    .bot .numb .call{font-size: 25px;margin-right: 50px;}
    .bot .numb ul{text-align: center}
    .bot .numb li{margin-right: 30px;display:inline-block;}
    
    .bot .numb .btn1{line-height: 37px;width: 180px;font-size: 17px;}
    .bot .numb .btn1 p{margin-left: 13px}
    .bot .numb .btn1 .go{margin-left: 140px;}
    
    .bot .numb .btn2{line-height: 37px;width: 180px;font-size: 17px;}
    .bot .numb .btn2 p{margin-left: 13px}
    .bot .numb .btn2 .go{margin-left: 140px;}