@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; visibility: hidden; }
.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; visibility: visible; }
.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 */
.cul-list li:hover .txts { padding-top: 31px; }
.cul-list li:hover .en { opacity: 0; visibility: hidden; }
.cul-list li:hover .ch { margin-top: -48px; }
.cul-list li:hover .tx { opacity: 1; visibility: visible; }
.sermore:hover { background: #e81223; }
.honor-list .honors a:hover { color: #e81223; }
.pro-nav a:hover:before { width: 100%; left: 0; right: auto; }
.pro-list a:hover .picbox:after { opacity: 1; visibility: visible; }
.pro-list a:hover { background: #fff; }
.pro-list a:hover .txts:before { width: 100%; left: 0; right: auto; }
.pro-list a:hover .picbox:before { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.pd-back a:hover { background: #e81223; color: #fff; }
.pro-list.job-list a:hover .seeBtn { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.jp-list li:hover:before { width: 100%; }
.jp-list .freeTx a:hover { color: #e81223; }
.news-list a:hover .ti { color: #e81223; }
.pager a:hover:before { width: 100%; right: auto; left: 0; }
.bannertxts:hover .ico { background-position: center bottom; }
.banner .slick-next:hover { background: #e60012; }
.ixprolist .txts .c:hover .ipbtn { background: #e60012; }
.ixmore:hover,
.ixpte .ipbtn:hover { background: #e60012; }
.moreLogo:hover { background: #e60012; }
.moreLogo:hover .ico { background-position: center bottom; }
.pnav a:hover { background: #e81223; color: #fff; }
.sosbox .btns a:hover { background: #e70c1d; border-color: #e70c1d; color: #fff; }
.bannertxts2:hover{ color: #fff; }
.ah-list a:hover{ color: #e60012; }
.logo-btn:hover .txts .ico{ transform: rotate(180deg); -webkit-transform: rotate(180deg); background-position: center bottom; }
.logo-btn:hover .txts{ background: #e70c1d; color: #fff; }
} /* 1153 */
@media screen and (max-width:1600px) {
.pw6 { width: 1280px; }
.ixprolist .item2 .pic { margin-left: 70px; }
.ixprolist .item2 .txts { margin-right: 40px; }
.ixprolist .item1 .txts { margin-left: 20px; }
.ixprolist .txts .c { padding-right: 43px; }
.ipm li:after { left: 7px; }
.ipm .nowti { padding-left: 35px; }
.ixprolist .txts { padding-top: 5.36%; }
.ixprolist a:nth-child(2) .txts { padding-top: 4.5%; }
.ixprolist a:nth-child(3) .txts { padding-top: 8%; }
.ixprolist a:nth-child(4) .txts { padding-top: 11%; }
.header .nav { margin-left: 23%; }
.pnav { margin-top: 157px; left: 10%; }
.content { padding-top: 130px; min-height: 765px; }
.ser-ctt .abti { margin-bottom: 115px; }
.ab .abti { margin-bottom: 114px; }
.ab .abtxts .txts { padding-bottom: 200px; }
.ab2 { padding-top: 151px; }
.pro-pa { padding-left: 52px; padding-right: 52px; }
.cul-list { margin-top: 120px; }
.abth1 { margin-top: 110px; }
.ctactt { margin: 158px auto 198px auto; }
} /* 1600 */
@media screen and (max-width:1440px) {
.pw6 { width: 1100px; }
.bannertxts2 { left: 50px; }
.ixprolist .item1 .txts { margin-left: 15px; }
.ixprolist .item2 .pic { margin-left: 55px; }
.ixprolist .item2 .txts { margin-right: 30px; }
.ixprolist .txts .c { padding-right: 33px; padding-left: 33px; }
.ixprolist .txts { padding-top: 4.2%; }
.ixprolist a:nth-child(2) .txts { padding-top: 3.6%; }
.ixprolist a:nth-child(3) .txts { padding-top: 6%; }
.ixprolist a:nth-child(4) .txts { padding-top: 7%; }
.header .nav { margin-left: 19%; }
.flogos .txts{ font-size: 12px; }
.flogos .txts .ico{ margin-bottom: 2px; }
} /* 1440 */
@media screen and (max-width:1366px) {
.pw6 { width: 1000px; }
.ixprolist .item1 .txts { margin-left: 0; }
.ixprolist .item2 .pic { margin-left: 30px; }
.ixprolist .item2 .txts { margin-right: 15px; }
.ixprolist .txts { width: 40%; }
.ixprolist a:nth-child(4) .txts { padding-top: 4%; }
.ixprolist a:nth-child(3) .txts { padding-top: 3%; }
.ixprolist .txts { padding-top: 3.36%; }
.ixprolist a:nth-child(2) .txts { padding-top: 2.88%; }
.ixprolist a { margin-bottom: 132px; }
.ix1 .ixmore { margin-top: -38px; }
.ipm .nowti { padding-left: 30px; }
.ipm li:after { left: 5px; }
.ix1 { padding: 124px 0 121px 0; }
.ixpte { padding: 125px 0 143px 0; }
.footer .t { padding: 90px 0 77px 0; }
.header .nav { margin-left: 15%; }
.pw { width: 1000px; }
.pnav a { height: 70px; }
.pnav a > p { padding-top: 23px; }
.abti .ti { font-size: 62px; }
.ser-ctt .abti { margin-bottom: 115px; }
.abtx span { margin-right: 35px; }
.abtx { font-size: 16px; }
.abfixbg { height: 440px; }
.ab .abtxts .txts { padding-bottom: 160px; }
.ab2 { padding-top: 131px; }
.content { min-height: 600px; }
.cul-list { margin-top: 120px; }
.cul-list .txts { padding: 66px 25px 0 25px; }
.cul-list .en { font-size: 32px; }
.his-list li { padding-right: 65px; }
.his-list .date { font-size: 38px; padding-left: 43px; }
.his-list .freeTx { padding-top: 0; }
.his-list { margin-top: 108px; }
.abtpanel { padding-bottom: 167px; }
.abth1 { margin-top: 130px; }
.abth2 { padding-bottom: 210px; }
.pro-pa { padding-left: 32px; padding-right: 32px; }
.pw2 { width: 1000px; }
.job1 .abti { margin-bottom: 91px; }
.job1 .abfixbg { margin-top: 162px; }
.pro-list.job-list a { width: 50%; }
.job2 { padding-top: 110px; }
.pro-list.job-list { margin-top: 98px; }
.job3 { padding: 112px 0 136px 0; }
.jp-list { margin-top: 108px; }
.pw3 { width: 780px; }
.news-list .txts1 .pa { padding-top: 12px; }
.news-list .txts2 .pa { padding-top: 11px; }
.content2 .pnav { left: 13px; }
.ctactt { margin: 138px auto 178px auto; }
.sosbox .img { width: 357px; }
.sosbox { margin-top: -225px; }
.pro-list .txb .tx{ height: 120px; }
.pro-list .txts,
.pro-list .txb{ padding-left: 20px; padding-right: 20px; }
.pro-search{ width: 300px; }
.pro-search input{ width: 260px; }
.flogos li { width: 10%; margin: 0 5px; }
} /* 1366 */
@media screen and (max-width:1281px) {
.bannertxts{ width: 358px; height: 200px; }
.bannertxts .ch { font-size: 24px; line-height: 38px; height: 76px;  }
.pro-nav a { padding: 11px 12px; }
} /* 1281 */
@media screen and (max-width:1153px) {
.header .nav { margin-left: 5%; }
.pro-list .txb{ display: none; }
} /* 1153 */
@media screen and (max-width:1024px) {
.vwrap .videobox { width: 700px; margin-left: -350px; }
.fixbg { background-attachment: scroll; }
.pw,
.pw2 { width: 90%; }
.header .logo > img{ display: none; }
.header .logo > img:first-child{ display: block; }
.header .nav { display: none; }
.header .tools { display: none; }
.header,
.mtop { height: 60px; }
.header { box-shadow: 0 0 5px rgba(0,0,0,.5); }
.header .logo { position: absolute; margin: 0; left: 5%; top: 50%; width: 371px; margin-top: -34px; transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.4); -webkit-transform: scale(0.4); }
.menu-handler { display: block; }
.banner { overflow: hidden; width: 100%; }
.banner .slick-next { display: none !important; }
.banner .line { display: none; }
.banner .slick-list { overflow: hidden !important; }
.pw6 { width: 90%; }
.ixprolist .txts { padding-top: 20px !important; width: 44%; }
.banner .item .baa:before { display: none; }
.ixprolist .item2 .pic { margin-left: 0; }
.ixprolist .item2 .txts { margin-right: 0; }
.ixprolist .txts .tx { height: 36px; margin-bottom: 32px; }
.ixprolist a { margin-bottom: 112px; }
.ix1 .ixmore { margin-top: -8px; }
.flogos li:nth-child(n+6):not(:last-child) { display: none; }
.flogos li{ width: 12%; margin: 0 5px; }
.bannertxts2 { display: none; }
.ctaclose { position: fixed; right: 15px; top: auto; bottom: 15px; z-index: 99; }
.ctactt { margin-top: 158px; position: static; }
.bannertxts { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.pnav { margin-top: 0; left: 0; width: 100%; border-bottom: 1px solid #e5e5e5; }
.mcv { display: block; }
.pnav ul { position: absolute; left: 0; right: 0; top: 45px; background: rgba(255,255,255,.9); z-index: 99; display: none; }
.pnav a { height: auto; padding: 10px 5%; }
.pnav a > p { padding-top: 0; }
.abpa { padding-left: 0; }
.content { padding-top: 150px; min-height: 0; }
.cul-list .tx { opacity: 1; visibility: visible; }
.cul-list .ch { margin-bottom: 22px; }
.cul-list .bodr { height: 278px; }
.cul-list .txts { padding-top: 36px; }
.his-list .datebox { width: 100%; float: none; }
.his-list .freeTx { width: 100%; float: none; margin-top: 35px; }
.his-list .date { font-size: 48px; }
.abtpanel { padding-bottom: 127px; }
.abth1 { margin-top: 90px; }
.abth2 { padding-bottom: 170px; }
.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; }
.pro-nav ul { float: none; position: absolute; left: 0; right: 0; top: 44px; z-index: 99; background: rgba(255,255,255,.8); display: none; }
.pro-nav { position: relative; overflow: visible; background: #e5e5e5; }
.pro-nav ul li { width: 100%; padding: 0; }
.pro-nav a { padding: 10px 5%; text-align: center; }
.pro-pa { padding-left: 5%; padding-right: 5%; }
.propanel { padding-top: 60px; }
.pro-list { margin-top: 60px; }
.pro-list a { width: 33.333%; }
.pd-mass { width: 100%; box-sizing: border-box; float: none; }
.pd-tx .freeTx { width: 100%; float: none; margin-top: 48px; }
.pd-back { width: 100%; position: relative; top: 0; right: 0; margin-top: 60px; overflow: hidden; }
.pd-back a { float: left; width: 60px; }
.pd-back .back { margin: 0; position: absolute; left: 50%; margin-left: -30px; top: 0; }
.pd-back a:nth-child(3) { float: right; }
.pdpanel { padding-bottom: 177px; }
.content2 .pnav { margin-top: 0; left: 0; }
.menuBtn { display: block; font-size: 0; }
.banner-tx-list,
.banner-black{ display: none; }
.banner .slick-dots{ display: block !important; }
.pro-search{ position: relative; width: 100%; margin-top: 2px; }
.pro-search input{ box-sizing: border-box; width: 100%; }
} /* 1024 */
@media screen and (max-width:861px) {
.vwrap .videobox { width: 100%; left: 0; margin-left: 0; }
.ixprolist .pic { width: 100%; float: none !important; }
.ixprolist .txts { padding-top: 0 !important; width: 100%; float: none !important; }
.ixprolist .txts .tx { height: 54px; margin-bottom: 42px; }
.ixprolist a { margin-bottom: 72px; }
.flogos li:nth-child(n+4):not(:last-child) { display: none; }
.flogos li { width: 16%; }
.abti .ti { font-size: 52px; }
.ser-ctt .abti { margin-bottom: 75px; }
.ser-imgs { margin-top: 137px; }
.pbanner .pic2 img { display: none; }
.pbanner .pic2 { height: 360px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.ab .abti { margin-bottom: 74px; }
.abti2 .ti { font-size: 28px; }
.ab .abti2 { margin-bottom: 40px; }
.abtx span { display: block; margin-right: 0; }
.ab .abtxts .txts { padding-bottom: 120px; }
.cul-list li { width: 100%; float: none; margin-left: 0; margin-bottom: 20px; }
.cul-list { margin-left: 0; margin-top: 100px; }
.cul-list .bodr { height: auto; }
.cul-list .txts { padding-bottom: 46px; }
.abopanel { padding-bottom: 158px; }
.pro-list a { width: 50%; }
.pdpanel { padding: 108px 0 157px 0; }
.job1 .abfixbg { margin-top: 122px; }
.job2 .abfixbg { margin-top: 116px; }
.jp-list .jp-l,
.jp-list .jp-r { float: none; width: 100%; }
.jp-list .jp-l { margin-bottom: 33px; }
.news-list .pic { display: none; }
.news-list .txts1 { width: 100%; float: none; }
.news-list .ti { height: auto; max-height: 64px; }
.news-list .txts1 .pa { padding-top: 0; padding-left: 0; }
.news-list .txts2 { width: 100%; float: none; margin-top: 14px; }
.news-list .txts2 .pa { padding-top: 0; padding-left: 0; }
.news-list .ti { margin-bottom: 9px; }
.news-list .tx { height: auto; max-height: 84px; }
.ctas li { width: 100%; margin-left: 0; float: none; }
.ctas { margin-left: 0; }
} /* 861 */
@media screen and (max-width:641px) {
.vwrap .videobox { height: 350px; margin-top: -175px; }
.logo-list li { width: 31.33%; }
.abti .ti { font-size: 42px; }
.pro-list .txts { padding-left: 25px; padding-right: 25px; }
} /* 641 */
@media screen and (max-width:481px) {
.vwrap .videobox { height: 300px; margin-top: -150px; }
.bannertxts .pa { padding: 30px 15px 0 15px; }
.banner .slick-dots { padding: 0 15px; }
.bannertxts { background: rgba(0,0,0,.5); height: 170px; }
.ixprolist .txts .c { padding: 45px 15px 36px 15px; }
.ixprolist .txts .tii { font-size: 22px; }
.ipm li { width: 50%; border-bottom: 1px solid #e5e5e5; }
.ipm li:nth-child(3) { border-bottom: none; }
.ipm li:nth-child(2):before { display: none; }
.ipm li:last-child:before { display: block; }
.ipm li:after { left: 12px; }
.ipm .nowti { padding-left: 45px; }
.ixprolist .txts .tx { margin-bottom: 32px; }
.ixprolist a { margin-bottom: 22px; }
.ix1 .ixmore { margin-top: 40px; }
.ix1 { padding: 54px 0 51px 0; }
.ixpte { padding: 105px 0 123px 0; }
.flogos li:nth-child(n+3):not(:last-child) { display: none; }
.flogos li { width: 28%; margin: 0 2px; }
.footer .t { padding: 40px 0 37px 0; }
.ctactt { margin-top: 60px; margin-bottom: 98px }
.logo-list li { width: 48%; }
.flogos { width: 90%; margin: 0 auto; }
.pbanner .pic2 { height: 260px; }
.abti .ti { font-size: 28px; letter-spacing: -2px; }
.serti { font-size: 24px; }
.ser-ctt .abti { margin-bottom: 55px; }
.content { padding-top: 110px; }
.ser-imgs { margin-top: 77px; }
.abti2 .ti { font-size: 20px; }
.abti2 .line { width: 22px; }
.abti2 { padding-left: 30px; }
.abti2 .num { bottom: 3px; padding-bottom: 0; }
.ab .abti { margin-bottom: 54px; }
.ab .abti2 { margin-bottom: 30px; }
.ab .abtxts .txts { padding-bottom: 70px; }
.ab2 { padding-top: 71px; }
.abfixbg { height: 340px; }
.cul-list { margin-top: 40px; }
.cul-list .txts { padding-left: 15px; padding-right: 15px; }
.abopanel { padding-bottom: 68px; }
.his-list { margin-top: 40px; }
.his-list li { padding: 50px 15px 48px 15px; }
.his-list .num { top: 15px; left: auto; right: 15px; }
.his-list .date { font-size: 38px; }
.his-list .freeTx { margin-top: 25px; }
.abtpanel { padding-bottom: 47px; }
.abti3 { margin-bottom: 35px; }
.abth1 { margin-top: 50px; padding-bottom: 60px; }
.abth2 { padding-bottom: 70px; }
.pro-list a { width: 100%; float: none; }
.pro-list .txts { padding: 25px 15px; }
.pro-list { margin-top: 40px; }
.propanel { padding-bottom: 42px; padding-top: 50px; }
.pd-ti { font-size: 28px; }
.pd-tx { margin-top: 38px; }
.pd-tx .freeTx { margin-top: 38px; }
.pd-back { margin-top: 30px; }
.pdpanel { padding: 58px 0 77px 0; }
.job1 .abti { margin-bottom: 36px; }
.job1 .abfixbg { margin-top: 62px; }
.pro-list.job-list a { width: 100%; }
.pro-list.job-list { margin-top: 38px; }
.job2 { padding-top: 60px; }
.job2 .abfixbg { margin-top: 46px; }
.jp-list li { padding-left: 15px; padding-right: 15px; }
.jp-list { margin-top: 38px; }
.job3 { padding: 62px 0 76px 0; }
.news-list .pic { display: block; width: 100%; float: none; margin-bottom: 20px; }
.news-list { margin-bottom: 26px; }
.nwpanel { padding: 74px 0 70px 0 !important; }
.ndpanel .nw-date { margin-bottom: 38px; }
.ndpanel { padding: 57px 0 70px 0; }
.pro-list.video-list a { width: 100%; }
.navMobile dd p a { font-size: 15px; padding-top: 15px; padding-bottom: 15px; }
.mtnav a { font-size: 13px; padding-top: 10px; padding-bottom: 10px; }
.mtnav{ padding: 12px 0; }
.sosbox .img { width: 257px; transform-origin:center bottom; -webkit-transform-origin:center bottom; transform:scale(0.8); -webkit-transform:scale(0.8); }
.sosbox .btns a{ width:70px; height:26px; line-height:26px; font-size:12px; margin:0; }
.sosbox .btns{ margin-top:15px; }
.sosbox{ margin-top:-187px; }
.bannertxts .ch { font-size: 22px; line-height: 1.4; text-align: justify; height: auto; margin-top: 12px; }
.bannertxts .ico{ right: 15px; }
.no-pro p { margin-top: 15px; }
.no-pro img{ width: 149px; }
.flogos .txts .ico{ margin-bottom: 0; transform: scale(0.8); -webkit-transform: scale(0.8); }
} /* 481 */
@media screen and (max-width:321px) {
.vwrap .videobox { height: 260px; margin-top: -130px; }
} /* 321 */
