@media screen and (min-width: 1025px) {
    .transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
    .transYT20 { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
    .transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
    .transYT502 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
    .action.transYT50, .action.transYT502, .action.transYT20 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
    .action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
    .introduction-txt { opacity: 0; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); transition: opacity .2s linear,-webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: opacity .2s linear,transform .6s cubic-bezier(.19,1,.22,1); transition: opacity .2s linear,transform .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1); }
    .action.introduction-txt { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) }
    .u-text { position: relative; }
    .u-text:after { content: ""; width: 101%; height: 100%; background: #fff; background: linear-gradient(90deg,hsla(0,0%,100%,.5) 0,#fff 50%,#fff); background-size: 180% auto; background-position: 100% 0; position: absolute; top: 0; left: 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; transition: opacity 1s linear,-webkit-transform 1s cubic-bezier(.23,1,.32,1); transition: transform 1s cubic-bezier(.23,1,.32,1),opacity 1s linear; transition: transform 1s cubic-bezier(.23,1,.32,1),opacity 1s linear,-webkit-transform 1s cubic-bezier(.23,1,.32,1) }
    .action.u-text:after { -webkit-transform: scaleX(0); transform: scaleX(0); opacity: 0 }
    .c-figure { overflow: hidden; }
    .c-figure { position: relative; transition: opacity .2s linear,-webkit-transform .6s cubic-bezier(.075,.82,.165,1); transition: opacity .2s linear,transform .6s cubic-bezier(.075,.82,.165,1); transition: opacity .2s linear,transform .6s cubic-bezier(.075,.82,.165,1),-webkit-transform .6s cubic-bezier(.075,.82,.165,1); -webkit-transform: translate3d(-20%,0,0); transform: translate3d(-20%,0,0); opacity: 0 }
    .c-figure:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: -webkit-transform .6s cubic-bezier(.075,.82,.165,1) .6s; transition: transform .6s cubic-bezier(.075,.82,.165,1) .6s; transition: transform .6s cubic-bezier(.075,.82,.165,1) .6s,-webkit-transform .6s cubic-bezier(.075,.82,.165,1) .6s; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; /*background-image:linear-gradient(90deg,#c40000,#de8282);*/ background-color: #de8282; z-index: 2; transition-duration: 1s }
    .action.c-figure { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 }
    .action.c-figure:after { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    .dly_1, .dly_1.u-text:after { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
    .dly_2, .dly_2.u-text:after { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
    .dly_3, .dly_3.u-text:after { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
    .dly_4, .dly_4.u-text:after { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
    .dly_5, .dly_5.u-text:after { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
    .dly_6, .dly_6.u-text:after { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
    .dly_7, .dly_7.u-text:after { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
    .dly_8, .dly_8.u-text:after { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
    .dly_9, .dly_9.u-text:after { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
    .dly_10, .dly_10.u-text:after { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
    .dly_11, .dly_11.u-text:after { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }

    .fixedImg { background-attachment: fixed; }
    .banner .item { opacity: 1 !important; }
    .banner .binbox { opacity: 0; visibility: hidden; transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); }
    .banner .slick-active { z-index: 400 !important; }
    .banner .slick-active .img { -webkit-animation: decreaseHeight 1.2s forwards; animation: decreaseHeight 1.2s forwards; overflow: hidden; }
    .banner .slick-active .binbox { opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: .78s 0.55s cubic-bezier(.215,.61,.355,1); -webkit-transition: .78s 0.55s cubic-bezier(.215,.61,.355,1); }
    .business-list dd:hover .bot { opacity: 1; visibility: visible\9; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    .business-list dd:hover .sj { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
    .business-list dd:hover .sj:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }
    .business-list dd:hover .cbg { opacity: 1; visibility: visible\9; transform: inherit; -webkit-transform: inherit; }
    .business-list dd:hover .icon:before { opacity: 0; visibility: visible; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
    .business-list dd:hover .icon { background-color: #b3000e; color: #fff; border-color: #b3000e; }
    .business-list dd:hover .iconfont { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
    .about-ibox-ico li:hover .icon:before { opacity: 0; visibility: visible; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
    .about-ibox-ico li:hover .icon { background-color: #b3000e; color: #fff; border-color: #b3000e; }
    .about-ibox-ico li:hover .iconfont { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }

    .social-demo .item:hover .black-10 { opacity: 1; visibility: visible\9; }
}

@media screen and (min-width: 1900px) {
    .newIBox .iboxT { position: absolute; left: 0; top: 0; }
    .new-idemo { float: none; margin: 0px auto; }
    .new-ibot { margin: 0px auto; }
}

@media screen and (max-width: 1700px) {
    .iboxT { width: 150px; }
    .iboxT .en { font-size: 16px; }
    .iboxT .zh { font-size: 28px; }
    .iboxT .bot { margin-top: 15px; }
}

@media screen and (max-width: 1600px) {
    .logo { top: 12px; }
    .pageH { height: 80px; }
    .logo { left: 60px; }
    .nav { margin-right: 60px; }
    .nav > ul > li { margin-left: 35px; }
    .nav > ul > li > a { font-size: 15px; height: 80px; line-height: 80px; }
    .page { padding: 0 60px; }
    .foot { margin: 0 60px; }
    .mousedown, .box-h { height: 75px; }
    .scroll-btn { left: 25px; }
    .isider { right: 8px; width: 44px; }
    .isider a { width: 44px; font-size: 12px; padding: 8px 0; height: 28px; }
    .banner .binbox .by { font-size: 50px; }
    .newIBox { padding: 60px 0px; }
    .newIBox .iboxT { float: none; }
    .new-idemo { float: none; margin: 0px auto; }
    .new-ibot { margin: 0px auto; }
    .group-ibox { padding: 200px 0px 60px; }
    .group-ibox .iboxT { margin-bottom: 180px; }
    .about-ibox-list { padding: 180px 0px 200px; }
    .about-ibox-list .con .title { font-size: 20px; }
    .about-ibox-list .desc { font-size: 16px; }
    .pbanner-c { left: 5%; width: 90%; margin-left: 0; }
    .pbanner-c .en { font-size: 22px; }
    .pbanner-c .zh { font-size: 42px; }
    .page-nav-box { height: 50px; }
    .page-nav-btn a { padding: 0px 22px; font-size: 14px; height: 50px; line-height: 50px; }
    .page-m { margin: 0px 60px; }
}

@media screen and (max-width: 1370px) {
    .banner .binbox .by { font-size: 40px; }
    .new-idemo { width: 100%; }
    .new-idemo h4 { font-size: 20px; }
    .new-ibot { width: auto; }
    .group-ibox { padding: 160px 0px 50px; }
    .group-ibox .iboxT { margin-bottom: 140px; }
    .about-ibox-list { padding: 160px 0px 180px; }
    .about-ibox-list .con .title { font-size: 18px; }
    .about-ibox-list .desc { font-size: 14px; }
    .about-ibox-ico li { width: 180px; }
    .about-ibox-ico .icon { width: 100px; height: 100px; }
    .about-ibox-ico .icon .iconfont { font-size: 50px; line-height: 100px; }
    .pbanner-c .en { font-size: 18px; }
    .pbanner-c .zh { font-size: 38px; }
    .senior-list h4 { padding-top: 0; }
    .senior-list .by { margin-bottom: 15px; }
    .honor-demo { width: 840px; height: 252px; }
    .infoPage-box { padding: 50px 100px; }
}

@media screen and (max-width: 1280px) {
    .inner { width: 900px; }
    .nav > ul > li { margin-left: 28px; }
    .nav > ul > li > a { font-size: 14px; }
    .group-ibox { padding: 150px 0px 50px; }
    .group-ibox .iboxT { margin-bottom: 120px; }
    .business-list dd { width: 94px; margin-right: 25px; }
    .about-ibox-list { padding: 140px 0px 160px; }
    .pbanner-c .zh { font-size: 34px; }
    .w1000 { width: 900px; }
    .honor-demo .slick-arrow { width: 40px; height: 40px; line-height: 40px; margin-top: -20px; }
    .honor-demo .slick-prev { left: -40px; }
    .honor-demo .slick-next { right: -40px; }
    .honor-demo .slick-arrow i { font-size: 16px; }
    .w1080 { width: 900px; }
    .senior-demo { width: 650px; }
    a.apading { width: 48px; height: 48px; }
    a.apading .iconfont { font-size: 22px; line-height: 48px; }
    .culture-list figure { width: 45%; }
    .culture-list .con { width: 40%; }
    .culture-list h4 { font-size: 16px; max-height: 48px; }
    .culture-list a.more { left: 55%; bottom: 30px; }
    .join-list { width: 900px; }
}

@media screen and (max-width: 1260px) {
    .foot { padding: 30px 0px; }
    .foot .item1, .foot .item2 { float: none; width: auto; text-align: center; }
    .foot .item1 .icon-dizhi { font-size: 14px; margin-bottom: 5px; }
    .foot-rbox { float: none; padding: 25px 0px 15px; margin: 25px 0; border-top: 1px solid #3A3A3A; border-bottom: 1px solid #3A3A3A; }
    .link-select-box { height: 40px; line-height: 40px; }
    .link-select-box .mt { line-height: 38px; border-radius: 0; }
    .link-select-box { float: none; margin: 0px auto 8px; }
    .link-select-box ul { border-radius: 0; }
    .fsharp { float: none; }
    .fsharp a { display: inline-block; float: none; margin: 0px 8px; }
    .btn-pagetop { width: 70%; margin-top: -58px; }
    .btn-pagetop span { padding: 24px 0px; }
    .btn-pagetop:after { bottom: 75px; height: 34px; }
    .new-idemo .con, .new-idemo .img { width: 46%; }
    /* .new-ilist { width: 46%; } */
    .business-list dd { margin-right: 20px; }
    .business-list dd:last-child { margin-right: 0; }
    .about-ibox-list { padding: 120px 0px 140px; }
    .about-ibox-list li { width: 160px; }
    .w1000 { width: 90%; }
    .honor-demo .slick-prev { left: 2%; }
    .honor-demo .slick-next { right: 2%; }
    .w1080 { width: 90%; }
    .info-img { height: 300px; }
    .infoPage-box { padding: 50px; }
}

@media screen and (max-width: 1024px) {
    .vwrap .videobox { width: 700px; height: 394px; margin: -175px 0 0 -350px; }
    .pvideo-box { width: 80%; left: 50%; transform: translate(-50%,-50%); margin-left: 0;}
    .inner { width: 90%; }
    .top { height: 54px; }
    .logo { position: relative; top: auto; left: auto; float: left; margin: 10px 0 0 3%; width: 160px; }
    .nav { display: none; }
    .menu-handler, .menuBox { display: block; }
    .pageH { height: 54px; }
    .page { padding: 0; }
    .foot { margin: 0; }
    .foot .w90 { width: 94%; font-size: 12px; }
    .banner .img { position: relative; left: auto; top: auto; right: auto; bottom: auto; }
    .banner .pimg { width: 130%; margin-left: -15%; position: relative; }
    .scroll-btn, .mouseBox { display: none; }
	.isider{ top: 90px; right: 0; padding: 0; margin-top: 0;}
	.isider:before{ display: none;}
	.isider li{ padding: 0 0 8px;}
    .banner .slick-dots { width: 90%; bottom: 3%; }
    .banner .slick-dots li { width: 10px; height: 10px; margin: 0px 5px; padding: 0px 2px; }
    .banner .slick-dots li a { width: 6px; height: 6px; line-height: 6px; border-radius: 50%; border: 2px solid #fff; font-size: 0; background-color: transparent; }
    .banner .slick-dots li.slick-active a { width: 6px; background-color: #fff; }
    .banner .binbox { left: 5%; bottom: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0; text-align: center; }
    .banner .binbox .by { font-size: 30px; line-height: 1.5; }
    .banner .btn-more { margin: 25px auto 15px; }
    .btn-more { width: 130px; height: 42px; line-height: 42px; }
    .btn-more b { font-weight: normal; }
    .btn-more .txt { padding-right: 24px; }
    .btn-more .txt:before { border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #fff; margin-top: -4px; }
    .mousedown, .box-h { height: 60px; }
    .box-h2 { height: 95px; }
    .ibox-w { width: 90%; margin: 0px auto; }
    .iboxT { width: 140px; margin: 0px auto 50px; text-align: center; }
    .iboxT .en { font-size: 14px; }
    .iboxT .zh { font-size: 24px; }
    .iboxT .bot { margin-top: 12px; }
    /*.new-idemo{ width: 452px;}
	.newIBox .iboxT{ text-align: center; margin: 0px auto 40px; float: none;}*/
    .new-idemo .img { margin-top: 45px; }
    .new-idemo .con { width: 55%; }
    .new-idemo .img { width: 40%; }
    .group-ibox { padding: 80px 0px 50px; }
    .group-ibox .iboxT { margin-bottom: 50px; }
    .business-list { text-align: center; }
    .business-list dd { width: 25%; margin: 0 0 28px 0; }
    .business-list .icon { margin-bottom: 8px; }
    .business-list .bot { display: none; }
    .about-ibox-list { padding: 80px 0px; }
    .about-ibox-list dd { float: none; width: auto; }
    .about-ibox-list .con { text-align: center; padding: 0px 10%; }
    .about-ibox-list .con .btn-more { margin: 0px auto; }
    .about-ibox-ico { float: none; text-align: center; padding-top: 60px; }
    .about-ibox-ico li { display: inline-block; float: none; }
    .page-nav-box { width: 100%; height: 40px; padding: 0; }
    .page-nav-btn { position: absolute; left: 0; top: 0; width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; }
    .page-nav-btn > ul { display: inline-flex; display: -webkit-inline-flex; }
    .page-nav-btn li { float: left; display: block; margin: 0; }
    .page-nav-btn a { line-height: 40px; height: 40px; padding: 0px 20px; font-size: 13px; }
    .page-nav-btn a:after { display: none; }
    .page-nav-btn a.active, .page-nav-btn a:hover { background-color: #B3000E; color: #fff; }
    .pbanner-c .en { font-size: 16px; font-weight: normal; }
    .pbanner-c .zh { font-size: 30px; font-weight: normal; }
    .pbanner-c .bot { width: 45px; }
    .page-m { margin: 0; }
    .p-page { margin: 0px; padding: 0px 5%; }
    .pagePadding { padding: 80px 0px; }
    .pagePadding2 { padding: 80px 0px 95px; }
    .w820 { width: 90%; }
    .aboutPage .pageC { font-size: 14px; }
    .pboxT { margin-bottom: 40px; }
    .pboxT .zh { font-size: 22px; }
    .pboxT .en { font-size: 15px; }
    .senior-list { padding-bottom: 20px; }
    .senior-list dd { float: none; width: 100%; margin: 0 0 25px 0; }
    .senior-list h4 { font-size: 18px; }
    .senior-list figure { width: 204px; }
    .senior-list .item { padding: 25px; }
    .senior-list .con { float: none; width: auto; padding: 0 0 0 230px; }
    .senior-list .desc { margin-bottom: 20px; }
    .history-box { transform: translateX(5%); -webkit-transform: translateX(5%); }
    .history-demo .slick-arrow { width: 40px; height: 40px; line-height: 40px; top: 15px; }
    .history-demo .slick-center .i:before { width: 14px; height: 14px; margin: -7px 0 0 -7px; }
    .history-demo .slick-center .i:after { width: 40px; height: 40px; margin: -20px 0 0 -20px; }
    .history-demo .slick-prev { left: 0; }
    .history-demo .slick-next { right: 0; }
    .history-demo:before { left: 50px; right: 50px; }
    .socialPage .by { width: 80%; margin-bottom: 40px; }
    .social-demo .bot { margin: 15px 0px 20px; }
    .social-demo .con { padding: 25px 0; }
    .social-demo h4 { font-size: 15px; max-height: 44px; }
    .social-demo .slick-dots { bottom: 8%; }
    .honor-demo { width: 90%; height: auto; }
    .honor-demo .slick-prev { left: 0; }
    .honor-demo .slick-next { right: 0; }
    .honor-demo .item { margin: 0px 10px; padding: 15px; }
    .honor-demo .slick-arrow { background: none #d8261e; }
    .w840 { width: 90%; }
    .profilePage .pageC { font-size: 14px; }
    .w1080 { width: 90%; }
    .senior-box { width: auto; }
    a.apading { position: relative; left: auto; top: auto; right: auto; margin-top: 0; display: block; border-radius: 0; width: 50%; float: left; display: block; }
    a.apading:before { display: none; }
    .pading2 { padding-top: 20px; }
    .senior-demo { width: 90%; padding: 50px 5%; }
    .new-list h4 { font-size: 14px; height: 42px; }
    .paging a { margin: 0px 4px !important; width: 34px; height: 34px; line-height: 34px; }
    .new-list li .more { color: #db0037; }
    .new-list li .more:before { width: 100%; }
    .new-list li .icon-youjiantou { transform: translateX(0); -webkit-transform: translateX(0); visibility: visible\9; opacity: 1; }
    .party-item .img { width: 35%; }
    .party-item .con h4 { font-size: 15px; margin: 0 0 10px; }
    .party-item .timeBox { position: relative; right: auto; top: auto; width: auto; padding: 0 0 15px 0; color: #D80000; }
    .party-item .ico-jt { display: none; }
    .party-item .con { width: 60%; }
    .party-item { padding-bottom: 25px; margin-bottom: 30px; }
    .business-demo { padding-bottom: 70px; }
    .business-demo .con { padding: 35px 0px 0; height: 70px; }
    .business-demo .title { padding-left: 50px; }
    .business-demo .title .zh { font-size: 18px; }
    .business-demo .title .en { font-size: 14px; }
    .business-demo .title .iconfont { font-size: 34px; }
    .business-demo .item .btnBox { opacity: 1; visibility: visible\9; transform: initial; -webkit-transform: initial; bottom: auto; position: relative; left: auto; }
    .business-demo .btn-more i { font-size: 24px; }
    .business-demo .slick-arrow { width: 46px; height: 46px; line-height: 46px; }
    .business-demo .slick-prev { right: 52%; }
    .business-demo .slick-next { left: 52%; }
    .business-demo .slick-arrow i { font-size: 16px; }
    .business-T .pageprevs, .pading-sharp .sharelist1 { display: none; }
    .pading-sharp .pageprevs { display: block; }
    .business-T .zh { font-size: 24px; }
    .business-T .en { font-size: 18px; }
    .pading-sharp { border-top: 0px none; padding-top: 0; }
    .pageprevs { float: none; width: 272px; margin: 0px auto; }
    .pageprevs a { height: 40px; line-height: 40px; }
    .culture-list { margin-left: 0; }
    .culture-list dd { float: none; width: auto; margin-left: 0; }
    .info-img { height: 200px; background-size: cover; }
    .infoPage-box { width: 80%; padding: 40px 5%; margin-top: -60px; }
    .join-list .hspan:nth-child(3), .join-list .hspan:nth-child(4) { display: none; }
    .join-list .hspan { width: 20%; }
    .join-list .hspan1 { width: 55%; }
    .join-list { width: auto; }
    .contact-list li { /*float: none; margin-left: 0; display: block;*/ }
    .noPage { margin-top: -220px; }
    .map { height: 400px; }
}

@media screen and (max-width: 860px) {
    .vwrap .videobox { width: 560px; height: 315px; margin: -156px 0 0 -298px; }
    .new-idemo h4 { font-size: 16px; }
    .new-ibot .line { display: none; }
    .new-ilist { float: none; width: auto; }
    .new-ilist2 { margin-top: 40px; }
    .business-list dd { width: 25%; }
    .pbanner-c .en { font-size: 14px; }
    .pbanner-c .zh { font-size: 26px; }
    .history-box { width: 500px; }
    .social-demo { width: 500px; margin: 0px auto; background-color: transparent; }
    .social-demo figure, .social-demo .con { float: none; width: auto; }
    .social-demo .con { width: 90%; margin: 0px auto; padding: 25px 5% 35px; background-color: #fff; }
    .social-demo .bot { margin: 15px 0 25px; }
    .social-demo .desc { height: auto; margin-bottom: 0px; }
    .social-demo .slick-dots { position: relative; margin-top: 20px; bottom: auto; width: 100%; left: auto; text-align: center; }
    .social-demo .slick-dots li { margin: 0px 5px; }
    .new-list { margin-left: -5%; }
    .new-list li { width: 45%; margin-left: 5%; }
    .previous .arrow { float: none; width: auto; }
    .previous a.backlist { float: none; margin-bottom: 15px; }
    .map { height: 300px; }
}

@media screen and (max-width: 640px) {
    .vwrap .videobox { width: 400px; height: 225x; margin: -114px 0 0 -218px; }
    .pvideo-box { width: 100%; left: 0%; transform: translateY(-50%); }
    .pv-close { right: 0; top: -40px; width: 40px; height: 40px; font-size: 16px; line-height: 40px; background-color: #fff;  color: #333;}
    .foot .item1 .icon-dianhua { display: block; }
    .foot .item1, .foot .item2 { text-align: left; }
    .link-select-box { margin: 0 0 6px; }
    .link-select-box .mt { padding: 0px 15px; }
    .btn-pagetop { width: 94%; }
    .btn-pagetop span { padding: 12px 0px; font-size: 12px; }
    .btn-pagetop:after { bottom: 46px; height: 24px; width: 1px; }
    .banner .binbox .by { font-size: 24px; }
    .btn-more { width: 100px; height: 34px; line-height: 34px; }
    .btn-more .txt { padding-right: 0px; }
    .btn-more .txt:before { display: none; }
    .mousedown, .box-h { height: 30px; }
    .box-h2 { height: 65px; }
    .ibox-w { width: 94%; }
    .iboxT .en { font-size: 12px; }
    .iboxT .zh { font-size: 20px; }
    .iboxT .bot { margin-top: 10px; }
    .newIBox { padding: 50px 0px; }
    .new-idemo .title { width: 90px; height: 30px; line-height: 30px; font-weight: normal; font-size: 12px; margin-bottom: 15px; }
    .new-idemo h4 { margin-bottom: 15px; }
    .new-idemo .con, .new-idemo .img { float: none; width: auto; }
    .new-idemo .img { margin: 0 0 25px; }
    .new-ilist .name { font-size: 12px; font-weight: normal; padding: 6px 10px; }
    .business-list .icon { width: 60px; height: 60px; }
    .business-list .icon .iconfont { font-size: 30px; line-height: 60px; }
    .about-ibox-list { padding: 60px 0px; }
    .about-ibox-ico li { width: 120px; }
    .about-ibox-ico .icon { width: 70px; height: 70px; margin-bottom: 10px; }
    .about-ibox-ico .icon .iconfont { font-size: 30px; line-height: 70px; }
    .about-ibox-list .con { padding: 0px 5%; }
    .pbanner-c .en { font-size: 12px; }
    .pbanner-c .zh { font-size: 18px; }
    .pbanner-c .bot { height: 2px; margin-top: 8px; }
    .pbanner-c .bot { width: 32px; }
    .p-page { padding: 0px 3%; }
    .pagePadding { padding: 50px 0px; }
    .pagePadding2 { padding: 50px 0px 65px; }
    .pboxT { margin-bottom: 35px; }
    .pboxT .zh { font-size: 18px; }
    .pboxT .en { font-size: 14px; }
    .aboutPage .pageC { text-align: left; }
    .aboutPage .btn-more { margin-top: 30px; }
    .senior-list figure { width: 180px; }
    .senior-list .con { padding-left: 200px; }
    .history-box { width: 100%; margin-bottom: 50px; }
    .history-box .title { padding: 12px 5%; }
    .history-box .time { font-size: 15px; }
    .history-box .desc { padding: 25px 5%; }
    .history-box .c { font-size: 14px; padding-bottom: 25px; }
    .control a { width: 30px; height: 30px; line-height: 30px; }
    .control a.next { margin-left: 10px; }
    .seniorPage .btn-more { width: 120px; height: 30px; line-height: 30px; }
    .socialPage .by { width: auto; text-align: left; }
    .social-demo { width: auto; }
    .social-demo h4 { font-size: 14px; max-height: 42px; }
    .senior-dl figure { width: 180px; }
    .senior-dl article { padding-left: 195px; }
    .senior-dl h4 { padding-top: 0; font-size: 16px; }
    .senior-dl h4 .en { font-size: 14px; padding-left: 8px; }
    .senior-dl .by { margin-bottom: 5px; }
    .paging { padding-top: 20px; }
    .party-item .con h4 { font-size: 14px; margin-bottom: 5px; }
    .business-demo .btnBox { padding: 20px 0px; }
    .business-demo .btn-more i { line-height: 34px; font-size: 16px; }
    .business-demo .btn-more span { font-size: 12px; padding-right: 25px; }
    .business-demo .con { padding: 25px 0px 0; height: 60px; }
    .business-demo .title { padding-left: 36px; }
    .business-demo .title .zh { font-size: 15px; }
    .business-demo .title .en { font-size: 12px; }
    .business-demo .title .iconfont { font-size: 26px; }
    .business-T:before { height: 4px; bottom: -2px; }
    .business-T .zh { font-size: 18px; }
    .business-T .en { font-size: 14px; }
    .business-c { font-size: 14px; }
    .culture-list dd { padding: 20px 0; }
    .culture-list figure { margin: 0px 3%; }
    .culture-list .con { width: 45%; }
    .culture-list h4 { font-size: 14px; max-height: 100%; }
    .culture-list a.more { position: relative; left: auto; bottom: auto; margin-top: 10px; }
    .infoPage-box { padding: 30px 5%; width: 84%; }
    .info-img { height: 120px; }
    .info-T { text-align: left; }
    .info-T h3 { font-size: 18px; }
    .info-T .time { margin-right: 0; }
    .info-T .sharp-box { display: none; }
    .info-C { font-size: 14px; }
    .previous a.backlist { width: 120px; height: 40px; line-height: 40px; }
    .join-list .joinDT { font-size: 14px; }
    .join-list .joinT .hspan { height: 44px; line-height: 44px; }
    .join-list .ib { margin-top: 14px; }
    .join-list .hspan:nth-child(2) { display: none; }
    .join-list .hspan { width: 30%; }
    .join-list .hspan1 { width: 65%; }
    .map { height: 200px; }
    .contact-list { text-align: left; }
    .contact-list li { display: block; margin: 0; }
    .contact-list .iconfont { font-size: 14px; }
    .noPage { margin-top: -130px; }
    .noimg img { width: 220px; }
    .no-t { font-size: 16px; }
    .no-t2 { font-size: 12px; margin-bottom: 25px; }
    .dock-box {   padding: 10px; }
    .dock-box figure { width: 60px; margin-right: 8px; }
    .dock-box h4 { font-size: 14px; padding: 0 0 4px; }
    .dock-box .c { padding-bottom: 2px; font-size: 12px; line-height: 1.5; }
    .dock-box .more { font-size: 12px; }
}

@media screen and (max-width: 481px) {
    .senior-list .item { padding: 12px; font-size: 12px; }
    .senior-list figure { width: 100px; }
    .senior-list .con { padding-left: 115px; }
    .senior-list h4 { font-size: 14px; }
    .senior-list h4 .en { font-size: 12px; padding-left: 6px; }
    .senior-list .by { margin-bottom: 5px; }
    .senior-list .desc { height: 42px; margin-bottom: 8px; }
    .honor-demo .item { margin: 0px 14px; padding: 10px; }
    .senior-dl figure { width: 100px; }
    .senior-dl article { padding-left: 115px; }
    .senior-dl h4 { font-size: 14px; }
    .senior-dl h4 .en { font-size: 12px; padding-left: 6px; }
    .senior-dl .desc { font-size: 12px; height: 42px; margin-bottom: 6px; }
    .senior-demo .item { padding: 35px 0px; }
    .senior-demo .img { float: none; width: auto; margin-bottom: 25px; }
    .senior-demo .con { float: none; width: auto; }
    .senior-demo .title { margin-bottom: 20px; }
    .senior-demo .line { margin-bottom: 30px; }
    .party-item .img, .party-item .con { float: none; width: auto; }
    .party-item .img { margin: 0 0 20px; }
    .party-item .con h4 { font-size: 15px; line-height: 1.5; margin-bottom: 10px; white-space: normal; }
    .culture-list dd { padding: 20px; }
    .culture-list figure { float: none; margin: 0 0 10px 0; width: auto; }
    .culture-list .con { float: none; width: auto; }
}

@media screen and (max-width: 421px) {
    .vwrap .videobox { width: 300px; height: 240px; margin: -120px 0 0 -150px; }
    .banner .binbox .by { font-size: 18px; }
    .group-ibox { padding: 60px 0px 40px; }
    .business-list { font-size: 12px; }
    .business-list .icon { width: 50px; height: 50px; margin-bottom: 5px; }
    .business-list .icon .iconfont { font-size: 24px; line-height: 50px; }
    .new-list { margin-left: 0; }
    .new-list li { float: none; width: auto; margin-left: 0; margin-bottom: 25px; }
    .new-list h4 { height: auto; font-size: 15px; }
}

@media screen and (max-width: 340px) {
    .p-page { padding: 0; }
    .join-list { margin: 0px 3%; }
}