@media screen and (min-width:1153px) {
/* animation */
.scapic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.transY { transform: translateY(60px); -webkit-transform: translateY(60px); opacity: 0; }
.transY2 { transform: translateY(-60px); -webkit-transform: translateY(-60px); opacity: 0; }
.transX { transform: translateX(60px); -webkit-transform: translateX(60px); opacity: 0; }
.transX2 { transform: translateX(-60px); -webkit-transform: translateX(-60px); opacity: 0; }
.transShow { transform: translate(0); -webkit-transform: translate(0); opacity: 1; }
.trans-2 { position: relative; }
.trans-2:before { content: ""; position: absolute; right: 0; bottom: 0; top: 0; left: 0; background: #fff; transform: scaleY(1); -webkit-transform: scaleY(1); transition: transform 1.88s 0.2s cubic-bezier(.4, 0, .2, 1); -webkit-transition: transform 1.88s 0.2s cubic-bezier(.4, 0, .2, 1); -webkit-transform-origin: center top; transform-origin: center top; z-index: 10; }
.trans-2.transShow:before { transform: scaleY(0); -webkit-transform: scaleY(0); }
/* animation end */
.footer a:hover { color: #fff; }
.footer .weixin:hover { background-position: center bottom; }
.footer .sym:hover { border-color: #fff; }
.ixmore:hover { background: #666; }
.pnav > a:hover { border-color: #303030; background: #252525; color: #f7c300; }
.pnav > a:hover:before { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.cta-us a:hover { color: #f7c300; }
.cta-us a:hover .ico { background-position: center bottom; }
.pager a:hover { background: #333; border-color: #333; color: #fff; }
.honorList a:hover { color: #f7c300; }
.osList .sec-nav span:hover { background: #ffc100; border-color: #ffc100; padding: 0 16px; color: #303030; }
.osList .sec-nav span:hover:before { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0; visibility: hidden; }
.osList .t:hover { background: #969696; }
.osList .t:hover .nowti { color: #303030; }
.osList .t:hover:after, .osList .t:hover:before { background: #303030; }
.leaders li:hover { background: #333; }
.culnav a:hover { background: #dcdcdd; }
.culnav a:hover p { color: #303030; }
.culnav a:hover .ico { background-position: center bottom; }
.culList a:hover { background: #282828; }
.culList a:hover p { color: #dcdcdd; }
.backbox .next:hover { color: #f7c300; }
.abmore2:hover .aw { transform: translateX(-3px); -webkit-transform: translateX(-3px); }
.ptnav a:hover { color: #f7c300; }
.proList a:hover { background: #404040; }
.panav a:hover { background: #dcdcdd; }
.panav a:hover .now { color: #303030; font-weight: bold; }
.paList a:hover { color: #f7c300; }
.prooArea .freeTx a:hover { color: #f7c300; }
.ctas a:hover { color: #f7c300; }
.link-list a:hover .bor { background-color: transparent; border-color: #917417; }
} /* 1153 */
@media screen and (max-width:1600px) {
.bannertxts { top: 32%; }
} /* 1600 */
@media screen and (max-width:1440px) {
.header .navbox { margin-right: 40px; }
.footer .b { padding-right: 72px; }
.header .logo { margin-left: 50px; }
.bannertxts { top: 30%; }
} /* 1440 */
@media screen and (max-width:1366px) {
/* .pw { width: 1000px; } */
} /* 1366 */
@media screen and (max-width:1281px) {
.footer .b { padding-right: 47px; }
.header .navbox { margin-right: 25px; }
.header .nav li { margin-right: 8px; }
} /* 1281 */
@media screen and (max-width:1153px) {
} /* 1153 */
@media screen and (max-width:1024px) {
.vwrap .videobox { width: 700px; margin-left: -350px; }
.fixbg { background-attachment: scroll; }
.pw { width: 90%; }
.header .navbox { display: none; }
.header { height: 60px; }
.header .logo { margin: 5px 0 0 5%; }
.banner .flex-direction-nav { display: none; }
.menuBtn { display: block; }
.footer .b { padding: 18px 5%; float: none; }
.footer .b > .l { float: none; overflow: hidden; }
.footer .sym { margin-left: 0; }
.footer .b > div.l { margin-top: 15px; }
.bannertxts { top: 35%; }
.bannertxts .tx1 { font-size: 24px; letter-spacing: 0; margin-bottom: 8px; }
.bannertxts .ch { font-size: 40px; margin-bottom: 16px; }
.bannertxts .en { margin-bottom: 16px; }
.bannertxts .ico { margin-bottom: 14px; }
.bannertxts .line { height: 28px; margin-bottom: 20px; }
.page .header > .clearfix, .page .footer .b { width: 90%; }
.page .footer .b div.l { float: none; }
.pnav > a:before { display: none; }
.page .header { position: fixed; background: #000; background: rgba(0,0,0,.7); }
.imgShowDemo .txt { top: auto; bottom: 50px; padding: 8px 0px; height: auto; line-height: 1.5; background-color: rgba(0,0,0,0.4); z-index: 100; }
.imgShowDemo .img { bottom: 0px; top: 0px; }
.imgstools { width: 100%; }
.imgstools li, .overlayClose { height: 50px; width: 50px; }
.imgstools li .snumBox { height: 50px; line-height: 55px; font-size: 14px; }
.imgstools li.lastItem { padding-left: 0; float: right; }
.overlayClose i { background-size: 30% auto; }
.imgstools { position: relative; left: auto; top: 0; }
.imgstools .imgNext, .imgstools .imgPrev { background-size: 50% auto; }
.cdbox .freeTx { overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
} /* 1024 */
@media screen and (max-width:861px) {
.vwrap .videobox { width: 100%; left: 0; margin-left: 0; }
.ctt-l.l, .ctt-r.l { float: none; width: 100%; border: 1px solid #323232; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.8); }
.ctt-l:before, .ctt-r:before { display: none; }
.ctt-l.l { padding-bottom: 0; margin-bottom: 10px; }
.cta-us { overflow: hidden; }
.cta-us a { float: left; width: 50%; }
.pnav > a { width: 25%; float: left; border: none; }
.pnav > a.act { background: none; border: none; }
.pagebox .content > .pw { border: none; border-radius: 0; box-shadow: none; }
.abti { font-size: 26px; }
.abArea { padding: 75px 0 115px 0; }
.honorList a { width: 47.5%; }
.osList .sec-nav span { margin-right: 6px; }
.leaders li { padding-right: 30px; }
.leaders .nowti { width: 30%; }
.abaArea { padding-top: 70px; }
.ptnav { display: none; }
.panav a:after { display: none; }
.panav a { width: 25%; margin-bottom: 1px; }
.paList a { width: 47%; }
.ctaList li { width: 49.5%; }
.ctas { padding-left: 0; background: none; }
.ctaArea { padding-top: 40px; }
} /* 861 */
@media screen and (max-width:641px) {
.vwrap .videobox { height: 350px; margin-top: -175px; }
.link-list a { width: 48%; margin-left: 2%; margin-bottom: 2%; }
.link-list { margin-left: -2%; }
} /* 641 */
@media screen and (max-width:601px) {
.vwrap .videobox { height: 350px; margin-top: -175px; }
.bannertxts .tx1 { font-size: 20px; margin-bottom: 6px; }
.bannertxts .ch { font-size: 32px; margin-bottom: 12px; }
.bannertxts .en { margin-bottom: 12px; }
.bannertxts .ico { margin-bottom: 12px; }
.bannertxts .line { height: 22px; margin-bottom: 16px; }
.ctt-r .pa { padding: 22px 28px; }
.pageTitle { padding-right: 28px; }
.leaders .nowti { width: 35%; }
.leader-details .pic { float: none; width: 100%; }
.leader-details .txts { float: none; width: 100%; padding-top: 35px; }
.abaArea { padding: 50px 0 53px 0; }
.culList .nowti { width: 75%; }
.culList .date { width: 25%; }
.prooArea { padding-top: 43px; }
.pd-tx { padding-bottom: 80px; }
} /* 641 */
@media screen and (max-width:481px) {
.vwrap .videobox { height: 300px; margin-top: -150px; }
.header .logo { transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.8); -webkit-transform: scale(0.8); }
.bannertxts .ch { font-size: 22px; margin-bottom: 8px; }
.bannertxts .tx1 { font-size: 15px; margin-bottom: 4px; }
.bannertxts .en, .bannertxts .line { display: none; }
.bannertxts .ixmore { width: 94px; height: 24px; line-height: 24px; font-size: 12px; }
.bannertxts { top: 40%; }
.abti { font-size: 20px; }
.ctt-r .pa { padding: 20px 15px; }
.pageTitle { padding-right: 15px; }
.abArea { padding: 45px 0; }
.pnav > a { width: 33.333%; margin-bottom: 8px; }
.cta-us { margin-top: 20px; }
.menuTop { padding-bottom: 23px; }
.pageTitle .ti { font-size: 30px; line-height: 1.1; }
.pagebox .top > .pw { padding-top: 108px; }
.honorList a { width: 100%; margin-left: 0; margin-bottom: 25px; }
.honorList { margin-left: 0; }
.aboArea { padding: 40px 0 35px 0; }
.pageTitle .ti { float: none; text-align: right; }
.pageTitle .b { float: none; margin-right: 0; }
.osList .b { padding: 23px 15px 15px 15px; }
.osList .sec-ctt { padding: 10px 15px; }
.osList .t { padding: 15px; }
.osList .t:before { right: 15px; }
.osList .t:after { right: 20px; }
.abtArea { padding-bottom: 45px; }
.leaders li { padding: 15px; }
.leaders .nowti { width: 50%; }
.leaders .tx2 { display: none; }
.abthArea { padding: 45px 0 38px 0; }
.leader-details .txts .ti { margin-bottom: 23px; }
.abaArea { padding: 40px 0 43px 0; }
.honorText .freeTx { font-size: 14px; }
.ht-ti { font-size: 16px; }
.honorText { padding: 35px 0 27px 0; }
.abfiArea { padding-bottom: 0px; }
.culList a { padding-right: 0; }
.culList .nowti { width: 70%; }
.culList .date { width: 30%; }
.culnav a { width: 50%; margin-right: 0; }
.pager a:first-child, .pager a:last-child { display: none; }
.absArea { padding-bottom: 35px; }
.cdbox .freeTx { font-size: 14px; margin-top: 25px; padding-bottom: 60px; }
.cdbox .t .date { margin-top: 5px; }
.cdbox .t .ti { font-size: 16px; }
.abbArea { padding-top: 42px; }
.backbox .abmore2 { position: relative; top: 0; margin-top: 15px; }
.backbox .next { width: 100%; }
.proList a { width: 100%; margin-left: 0; float: none; margin-bottom: 15px; }
.proList { margin-left: 0; margin-top: 28px; }
.proArea { padding: 40px 0 15px 0; }
.paList a { width: 100%; margin-left: 0; margin-bottom: 15px; }
.paList { margin: 40px 0 33px 0; }
.panav a { width: 33.333%; }
.pd-pic-control { display: none; }
.pd-pic-slide .flex-control-nav { display: block; }
.pdbox .freeTx { margin-top: 38px; padding-bottom: 45px; }
.prooArea { padding-top: 33px; }
.po-ti.mat { margin-top: 35px; }
.pd-tx { padding: 43px 0 40px 0; }
.ctaArea { padding: 30px 0 0 0; }
#map { height: 233px; margin-top: 25px; }
.ctaList li { width: 100%; margin-left: 0; margin-bottom: 20px; }
.ctaList { margin-left: 0; margin-top: 35px; }
.protArea { padding: 33px 0; }
.link-list .nowti { line-height: 38px; }
} /* 481 */
@media screen and (max-width:361px) {
} /* 361 */
@media screen and (max-width:321px) {
.vwrap .videobox { height: 260px; margin-top: -130px; }
.bannertxts .ico { display: none; }
.flex-control-nav { bottom: 15px; }
.bannertxts { top: 45%; }
} /* 321 */