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

/*index*/
@media screen and (max-width: 1680px) {
    .header .logo img{ width:160px;}
    .header .m-list>a{ padding:30px 0 48px 0;}
	.header .m-list>a:before{ bottom: 24px;  }
	.header .m-list>a:after{bottom: 20px;}
    .header .m-list.more { padding: 32px 10px 53px 10px;}
    .ip,.iplink,.iab{ padding:70px 0;}
    .itits .itl h3{ font-size:2.4em;}
    .itits .itl h4{ font-size:3.2em;}
    .ip .ipimg .txt h3{ font-size:4em;}
    .ip .ipimg .txt h4{ font-size:2em;}
    .ip .ipimg .txt p{ font-size:2em;}
    .ipnew .ipnd .ipndr>div .txt h3{ font-size:2.4em; margin-left:-8px;}
    .iab .dots .dot .txt h4{ font-size:3.2em;}
}
@media screen and (max-width: 1500px) {
     .warp{ max-width:1240px;}
     .iplink .ipboxs .ipbox .pbdt{  width: calc(100% + 20px); margin-left: -10px; overflow: hidden; padding: 20px 0 40px 0;}
     .iplink .ipboxs .ipbox .pbdt .pb{  width: calc(25% - 20px); margin: 0 10px;}
    .iplink .ipboxs{ margin-top:40px;}
    .iplink .ipboxs .ipbox .pbd{ transform: translateY(-75px);  }
    .iplink .ipboxs .ipbox .pbd a{ width:90px; font-size:1.4em;}
    .itits .itr h3,.itits .itr h4{ font-size:1.4em;}
    .ipnew .ipnd .ipndr>div .txt h3{ font-size:2em;}
    .ipnew .ipnd .ipndr .ipd2 .txt{ padding-left:20px;}
    .ipnew .ipnd .ipndr .ipd1 .txt{ padding-right:20px;}
    .ipnew .ipnd .ipndl{ height:605px;}
    .footer .fo1 .fr .links a{ padding-left:60px;}
}
@media screen and (max-width: 1240px) {
    .ivideo img{ width:80px;}
    .header .m-list>a{ font-size:1.4em;}
    .ip,.iplink,.iab{ padding:50px 0;}
    .iplink .ipboxs .ipbox .pbdt .pb .txt h3{ font-size:2em;}
    .ipnew .ipnd{ padding:50px 0 70px 0;}
    .ipnew .ipnd .ipndl{ height:593px;}
    .iab .dots .dot .txt{ padding:30px;}
    .iab .dots .dot .txt h4{ font-size:3.2em;}
    .iab2 .txt h3{ font-size:3.2em;}
}

/*club*/
@media screen and (max-width: 1920px) {
	.club-t .cl5{ background-size:auto auto !important; }
}
@media screen and (max-width: 1500px) {
    .banners .lists.cl-list h3{ font-size:2em;}
    .banners .lists a{ padding:20px 10px 15px 10px;}
    .banners .lists.cl-list p{ font-size:1.6em;}
    .banners{ height:550px;}
    .club-t .tit h3{ font-size:2.4em;}
    .club-t .tit h4{ font-size:3.6em;}
    .club-t .cl3 .ce-boxs .ce-box .txt p{ font-size:1.4em;}
}

/*product*/
@media screen and (max-width: 1500px) {
    .product-t{ padding:60px 0;}
    .product-t .tit h3{ font-size:2.4em;}
    .product-banner .p-list a{ font-size:1.6em;}
    .product-t .dots{  width: calc(100% + 20px); margin: 0 0 0 -10px;}
    .product-t .dots .dot{  width: calc(33.33% - 20px); margin:  20px 10px;}
    .product-t .dots .dot .txt p{ font-size:1.6em;}
}