@charset "utf-8";
/* CSS Document */



/*
!*pc-1920*!
@media screen and (min-width: 1680px) {
    body{background: #fff;}
    .main{width: 1400px;margin: 20px auto;}
    .main .wrap{width: 100%;}
    .main .wrap .opt{font-size: 0; }
    .main .wrap .opt .question{cursor: pointer;}
    .main .wrap .opt .question>div{display: inline-block; white-space: normal; vertical-align: top}
    .main .wrap .opt .question{padding: 0 40px; white-space: nowrap; background:#d2d2d2; font-size:16px; height: 55px; line-height: 55px; color: #393d49;margin-top: 6px;}
    .main .wrap .active .question{ color: #fff; background: #f6ab00;}
    .main .wrap .opt .question .tit-l>i{font-size: 16px; margin-right: 30px;}
    .main .wrap .opt .answer{padding: 20px 100px; word-break: break-all; border: 1px solid #e6e5e5; border-top: none; font-size: 16px; color: #393d49; line-height: 54px;}
    .main .contact-btn{width: 240px; height: 81px; background: url('../images/contact.png')no-repeat; border-radius: 5px;margin: 70px auto; text-align: center; 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;}
    .main .banner{width: 1400px;margin: 20px auto 0;}
    .main .banner img{width: 100%;}

}
*/

/*pc-public*/
@media screen and (min-width: 1340px){
    body{background: #fff;}
    .main{width: 1200px;margin: 60px auto;}
    .main .wrap{width: 100%;}
    .main .wrap .opt{font-size: 0; }
    .main .wrap .opt .question{cursor: pointer;}
    .main .wrap .opt .question>div{display: inline-block; white-space: normal;vertical-align: top }
    .main .wrap .opt .question{padding: 0 40px; white-space: nowrap; background:#d2d2d2; font-size: 16px; height: 55px; line-height: 55px; color: #393d49;margin-top: 6px;}
    .main .wrap .active .question{ color: #fff; background: #f6ab00;}
    .main .wrap .opt .question .tit-l>i{font-size: 16px; margin-right: 30px;}
    .main .wrap .opt .answer{padding: 20px 100px; word-break: break-all; border: 1px solid #e6e5e5; border-top: none; font-size: 16px; color: #393d49;line-height: 54px;}
    .main .contact-btn{width: 240px; height: 81px; background: url('../images/contact.png')no-repeat; border-radius: 5px;margin: 70px auto; line-height: 140px; 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;}
    .main .banner{width: 1200px;margin: 20px auto 0;}
    .main .banner img{width: 100%;}
}

/*mobile*/
@media screen and (max-width: 1339px) {
    body{background: #fff;}
    .main{margin: 70px auto; width: 92%;}
    .main .wrap{width: 100%;}
    .main .wrap .opt{font-size: 0; }
    .main .wrap .opt .question>div{display: inline-block; white-space: normal;vertical-align: top }
    .main .wrap .opt .question{padding: 0 16px;white-space: nowrap; background:#d2d2d2; font-size: 12px; line-height: 32px; color: #393d49;margin-top: 3px;}
    .main .wrap .active .question{ color: #fff;  background: #f6ab00;}
    .main .wrap .opt .question .tit-l>i{font-size: 11px; margin-right: 5px;}
    .main .wrap .opt .question .tit-r{padding-right: 40px;}
    .main .wrap .opt .answer{padding: 20px 25px; word-break: break-all; border: 1px solid #e6e5e5; border-top: none; font-size: 12px; color: #393d49; line-height: 18px;}
    .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:active{background: url('../images/contact-h.png')no-repeat;}
    .main .banner{width:100%;margin: 20px auto 0;}
    .main .banner img{width:100%;}
}
