@charset "utf-8";
/* CSS Document */

/*pc*/
@media screen and (min-width: 1340px) {
    body{background: #fff;}
    .main{width: 1200px;margin: 0 auto;}
    .main img{width: 100%; }
    .main .title{padding: 70px 80px 60px; font-size: 28px; color: #393d49; border-bottom: 1px solid #e5e5e5; font-weight: 600; }
    .main .content{padding: 50px 0; }
    .main .contact-btn{width: 240px; height: 81px; background: url('../images/contact.png')no-repeat; border-radius: 5px;margin: 70px auto; cursor: pointer; }
    .main .contact-btn:hover{background: url('../images/contact-h.png')no-repeat;}
    .main .contact-btn:active{background: url('../images/contact-h.png')no-repeat;}
}

/*mobile*/
@media screen and (max-width: 1339px) {
    body{background: #fff;}
    .main{width: 90%;margin: 44px auto 0;}
    .main img{width: 100%; }
    .main .title{padding: 30px 0; margin: 0 auto; font-size: 15px; color: #393d49; border-bottom: 1px solid #e5e5e5;font-weight: 600; }
    .main .content{padding: 30px 0; }
    .main .contact-btn{width: 240px; height: 81px; background: url('../images/contact.png')no-repeat; border-radius: 5px;margin: 30px auto;cursor: pointer; }
    .main .contact-btn:hover{background: url('../images/contact-h.png')no-repeat;}
    .main .contact-btn:active{background: url('../images/contact-h.png')no-repeat;}
}