@media screen and (min-width:1601px) {
    .newsList li { width: 18%; }
}

@media screen and (max-width:1600px) {
    .newsList li { width: 23%; }
    .frame-title .t1 { font-size: 36px; }
    .honorCon { padding: 80px 0px; }
}

@media screen and (max-width:1440px) {
    .pbanner .pbtxt { font-size: 100px; }
    .frame-title .t1 { font-size: 30px; }
    .frame-ct-preview { padding: 46px 0px; }
    .list-description { padding: 45px 0px; }
    .mapbox { height: 500px; }
}

@media screen and (max-width:1280px) {
    .ibox { width: 70%; left: 15%; }
    .pbanner .pbtxt { font-size: 90px; }
    .gropLeft { left: 2%; }
    .gropRight { right: 2%; }
    .newsList li { width: 31.33%; }
    .frame-title .t1 { font-size: 28px; }
    .frame-ct-preview { padding: 36px 0px; }
    .list-description { padding: 35px 0px; }
    .frame-ct { margin: 0px auto 0px 80px; }
    .productList { width: 100%; }
    .productList { padding-top: 70px; }
    .mapbox { height: 450px; }
}

@media screen and (max-width:1024px) {
    .topBox, .mtop { height: 76px; }
    .tright, .nav { display: none; }
    .hdmain dd.b50 { width: 100%; display: block; height: auto; float: none; }
    .b25 { width: 50%; }
    .iaboutBox { display: block; height: auto; }
    .iaboutBox .wimg { height: auto; }
    .newH { height: 333px; }
    .follow { height: 120px; line-height: 120px; }
    .icolist li { width: 42%; padding: 0px 8% 0px 0px; }
    .inner { width: 90%; }
    .pbanner .pbtxt { width: 90%; left: 5%; margin-left: 0px; font-size: 80px; }
    .pageTBox { padding: 60px 0px; }
    .information { width: 50%; }
    .illustration { width: 45%; }
    .historyBox { width: 90%; left: auto; margin-left: 0px; padding: 30px 5%; position: relative; }
    #groupPage .inner { width: 90%; padding-left: 0px; }
    .apage { background-size: cover; }
    .honorCon { width: 90%; padding: 80px 0px; }
    .frame-title .t1 { font-size: 24px; }
    .paging .l, .paging .r { float: none; display: block; }
    .paging .r { margin-bottom: 10px; }
    .sharpBox { width: 50px; height: 50px; margin: 0px 0px 20px 5%; }
    .feedbacklist li { width: 47%; }
    .feedbacklist li.ir { margin-right: 6%; }
    .feedbacklist li .img { width: auto; }
    .addressList, .messageBox { width: 90%; }
    .addressList { margin-top: 0px; }
    .addressList dd { width: 30%; margin-left: 5%; font-size: 12px; }
    .addressList dd.item1 { margin-left: 0px; }
    .talentList ul { margin-left: 0px; }
    .talentList li { float: left; width: 24%; margin: 0px 1% 0px 0px; }
    .talentList li .txt { padding-top: 30px; height: 58px; }
    .productList { padding-top: 60px; }
    .productList li { width: 27%; padding: 0 3% 5%; }
    .pronav a { padding: 20px 0px; margin-right: 20px; }
    .mapbox { height: 400px; }
    .vwrap .videobox { width: 700px; margin-left: -350px; }
}

@media screen and (max-width:861px) {
    .banner .bx-wrapper .bx-pager.bx-default-pager a { height: 8px; line-height: 8px; width: 8px; border: 1px solid #3471b8; background: none; border-radius: 50%; cursor: pointer; }
    .banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #3471b8; }
    .inewPicUl li .wimg, .iproDemo li .wimg { height: 100%; }
    .foot { padding: 80px 5%; }
    .pbanner .pbtxt { font-size: 60px; }
    .information { width: 100%; float: none; }
    .illustration { width: 100%; float: none; margin-bottom: 30px; }
    .pageTBox { padding: 50px 0px; }
    .gropLeft { left: 0%; }
    .gropRight { right: 0%; }
    #groupPage .pBT { padding-bottom: 40px; }
    .newsType { text-align: left; padding: 40px 5%; }
    .newsType a { margin: 0px 20px 0px 0px; display: inline-block; }
    .newsList { width: 100%; padding-left: 0px; }
    .newsList li { width: 44%; margin-left: 4%; }
    .frame-ct { margin: 0px auto; }
    .framBlack { width: 100%; }
    .frameClose { top: auto; bottom: 5%; left: auto; right: 2%; margin-top: 0px; width: 50px; height: 50px; z-index: 1012; background-color: #174f90; border-radius: 50%; }
    .frameClose span.i0 { display: none; }
    .frameClose span.i1 { left: 15px; top: 15px; width: 20px; height: 20px; background-size: cover; }
    .frameClose:hover span.i1 { left: 15px; }
    .inList .c { width: 50%; }
    .feedbacklist li .img { padding: 5%; }
    .addressList dd { float: none; margin-left: 0px; width: 100%; margin-bottom: 80px; height: auto; padding-bottom: 40px; font-size: 14px; }
    .addressList dd.item3 { margin-bottom: 0px; }
    .talentList li { width: 49%; margin: 0px 1% 1% 0px; }
    .talentList li .txt { padding-top: 20px; height: 48px; }
    .joinlist { width: 100%; }
    .joinlist li { width: 31%; margin: 0px 2% 16px 0px; }
    .productList { padding: 40px 0px 20px; }
    .productList li { width: 42.5%; padding: 0 0px 5% 5%; }
    .pronav { padding: 20px 0px; }
    .pronav a { padding: 0px; margin-bottom: 10px; }
    .pronav a.act { background: none; }
    .mapbox { height: 300px; }
    .vwrap .videobox { width: 560px; margin-left: -298px; }
}

@media screen and (max-width:641px) {
    .topBox, .mtop { height: 52px; }
    .ibox .txt .c { font-size: 25px; }
    .newH { height: auto; background-color: #efefef; }
    .inews { background-color: #fff; }
    .inews, .inewsPic { width: 100%; float: none; display: block; }
    .inews .ipadding { width: 90%; }
    .inewPicUl li .txt { width: 66%; height: 20px; overflow: hidden; }
    .inewsPic { width: 90%; margin: 5% auto; }
    .inewsPic, .inewPicUl { height: 100%; }
    .inewPicUl li { height: auto; }
    .hdmain dd { float: none; height: auto; }
    .b25 { width: 100%; }
    .iproBox { height: 260px; }
    .iproPic, .iproDemo, .iproDemo li { height: auto; }
    .newDemo { width: 90%; padding: 50px 0px 65px; }
    .newDemo .list li, .newDemo .more { font-size: 16px; }
    .newbtns { position: relative; width: 100%; padding: 0px; left: auto; }
    .newbtns .btnLeft, .newbtns .btnRight { width: 50%; }
    .newbtns .btnLeft a { background-position: 90% center; }
    .newbtns .btnRight a { background-position: 10% center; }
    .footBox .item1, .footBox .item2 { width: 100%; margin-bottom: 44px; padding-bottom: 54px; border-bottom: 1px solid #8ba7c8; }
    .footBox .item2 { padding-bottom: 34px;}
    .icolist { width: 100%; }
    .link { position: relative; right: auto; bottom: auto; }
    .foot { padding: 60px 5%; }
    .pbanner { height: 260px!important; }
    .pbanner img.vt { display: none; }
    .pbanner .pbtxt { font-size: 50px; }
    .pageTBox { padding: 40px 0px; }
    .jiagouList { width: 100%; }
    .gropBox { height: 420px; }
    .gropBox .item { width: 100%; }
    .gropI { width: 120px; height: 120px; padding-right: 0px; border-radius: 50%; background: none #fff; margin-bottom: 20px; }
    .gropI .name { font-size: 16px; font-weight: bold; }
    .honorBox { height: auto; }
    .honorBox .item { width: 90%; margin: 0px auto; }
    .honorBox .owl-controls .owl-page span, .staffDemo .owl-controls .owl-page span { height: 10px; width: 10px; background-size: cover; margin: 0px 5px; }
    .honorBox .owl-controls .owl-page.active span, .honorBox .owl-controls.clickable .owl-page:hover span, .staffDemo .owl-controls .owl-page.active span,
    .staffDemo .owl-controls.clickable .owl-page:hover span { background-size: cover; }
    .honorI { margin: 0 auto 20px; }
    .frame-title .t1 { font-size: 20px; }
    .investorList li { width: 45%; }
    .inList li { height: auto; }
    .inList .year { padding: 8px 15px; height: auto; width: auto; margin: 0px 15px 0px 0px; }
    .inList .year .day { font-size: 25px; }
    .inList .c { padding: 16px 0px 0px 30px; font-size: 12px; line-height: 25px; }
    .inList .downbtn { width: 56px; height: 56px; }
    .inListDt .t { font-size: 18px; line-height: 1.8; }
    .listingTBL { font-size: 12px; }
    .listingTBL td.wl { width: 85px; }
    .messageBox { width: 100%; }
    .messForm .mtxt { float: none; width: 92%; display: block; padding: 15px 4%; }
    .bigImg { width: 98%; height: auto; }
    .bigImg img { display: block; }
    .prosharp .sharpA { display: block; margin-top: 10px; }
    .searchT { padding: 15px 0px; font-size: 16px; }
    .searchList dd a { line-height: 1.4; padding: 15px 10px; }
    .fancybox-prev { left: -13px !important; }
    .fancybox-next { right: -13px !important; }
    .fancybox-prev span { left: 0px !important; }
    .fancybox-next span { right: 0px !important; }
    .vwrap .videobox { width: 400px; margin-left: -218px; height: 350px; margin-top: -175px; }
}

@media screen and (max-width:481px) {
    .menuBtn .line { width: 30px; margin-left: -15px; }
    .banner .binbox { padding: 40px 0px 70px; }
    .banner .binbox .t1 { font-size: 18px; line-height: 1.5; margin-bottom: 20px; }
    .banner.owl-theme .owl-controls { bottom: 35px; }
    .iaboutBox .txt { position: relative; background-color: #efefef; left: auto; bottom: auto; padding: 5%; color: #828282; text-align: justify; }
    .icolist li { width: 50%; padding: 0px; }
    .icolist .i4 { margin-bottom: 20px; }
    .pbanner .pbtxt { font-size: 40px; }
    .pBT { font-size: 24px; padding-bottom: 36px; }
    .newsList li { width: 90%; float: none; margin-left: 5%; }
    .paging2 a { margin: 0px; }
    .feedbacklist li { float: none; width: 100%; }
    .feedbacklist li.ir { margin-right: 0px; }
    .joinlist li { width: 45%; margin: 0px 2.5% 16px; }
    .productList li { width: 90%; padding: 0 0px 25px 0; float: none; margin: 0px auto; }
    .vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top: -150px; }
    .messForm .mbtn { width: 80%; }
}

@media screen and (max-width: 363px) {
    .vwrap .videobox { width: 240px; margin-left: -138px; height: 300px; margin-top: -150px; }
}