@media screen and (min-width:1153px) {
.scapic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }
.transY { transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0; }
.transY2 { transform: translateY(-80px); -webkit-transform: translateY(-80px); opacity: 0; }
.transX { transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; }
.transX2 { transform: translateX(-80px); -webkit-transform: translateX(-80px); opacity: 0; }
.transShow { transform: translate(0); -webkit-transform: translate(0); opacity: 1; }
.footer .t a:hover { color: #fff; }
.footer .b a:hover { color: #0071ac; }
.fnav a:hover .ico { animation: logoShow .5s 1; -webkit-animation: logoShow .5s 1; }
.ftools a:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); }
.ba-video:hover .txts .nowti { transform: translateX(15px); -webkit-transform: translateX(15px); }
.coline:hover .line1 { width: 100%; left: 0; }
.coline:hover .line2 { width: 100%; right: 0; }
.coline:hover .line3 { height: 100%; top: 0; }
.coline:hover .line4 { height: 100%; bottom: 0; }
.coline:hover .line { opacity: 1; }
.bamore:hover { background: #fff; color: #51b3e4; }
.bamore:hover p { background-position: 22px bottom; }
.ecsList a:hover .txts { transform: translateY(-10px); -webkit-transform: translateY(-10px); }
.esctList a:hover .txts .aw { transform: translateX(-10px); -webkit-transform: translateX(-10px); }
.esctList a:hover .line { width: 0; right: 0; left: auto; }
.ixnwList a:hover .bg { height: 100%; }
.ixnwList a:hover { color: #fff; }
.ixmore:hover .line, .nwList a:hover .ixmore .line { width: 100%; }
.ixmore:hover .aw, .nwList a:hover .ixmore .aw { transform: translateX(10px); -webkit-transform: translateX(10px); }
.pnav a:hover .bg { opacity: 0.8; }
.proList a:hover .pic img { transform: translateY(-30px); -webkit-transform: translateY(-30px); }
.pager a:hover { background: url(../images/bg10.png); }
.backbox a:hover .bg { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }
.backbox a:hover { background: #fff; }
.ctas a:hover { color: #18aae9; }
.header .lang a:hover { background: #32a3db; color: #fff; }
.header .hlink li:hover p { color: #fff; }
.header .hlink li:hover { background: #2aa1dc; border-color: #2aa1dc; }
.header .hlink .oa:hover .ico { background-position: left bottom; }
.header .hlink .email:hover .ico { background-position: right bottom; }
.pro-t-list a:hover .nowti { color: #1a87be; }
.pro-t-list a:hover .nowti:before { border-color: #1a9dda; }
} /* 1153 */
@media screen and (max-width:1700px) {
.logo { margin-left: 8.75%; }
} /* 1700 */
@media screen and (max-width:1600px) {
.logo { margin-left: 4.75%; }
.nav { margin-left: 3.75%; }
.header .fr { margin-right: 27px; }
} /* 1600 */
@media screen and (max-width:1440px) {
.nav li { padding: 0 16px; }
} /* 1440 */
@media screen and (max-width:1366px) {
.pw { width: 1000px; }
.h-search, .nav li > a { font-size: 14px; }
.header .lang a { font-size: 12px; }
.fnav { margin-left: 25px; width: 250px; }
.bavibox { width: 1000px; margin-left: -500px; bottom: 40px; }
/*.ba-video { width: 400px; }*/
.iitxts { padding: 0 0 0 505px; }
.ecsList .txts { padding: 10px; bottom: 10px; }
.ecsList .txts .en { font-size: 15px; line-height: 20px !important; height: 40px; }
.esctList .en { font-size: 16px; padding: 0 10px; }
.esctList .txts .clearfix { padding: 0 10px; bottom: 15px; }
.esctList .txts .nowti { font-size: 16px; }
.ixnwL { padding-top: 0; }
.ixnwList a { padding: 0 10px 0 5px; }
.ixnwList { margin-bottom: 15px; }
.ixnwList .nowti { line-height: 36px; }
.mpwtxts .freeTx { line-height: 24px; }
.mpwtxts .freeTx .men { margin-bottom: 15px; }
.abti .en { font-size: 28px; }
.abti .ch { font-size: 20px; }
.abLi .abtxts .freeTx { line-height: 24px; height: 192px; margin: 30px 0 40px 0; }
.inwnav .iv1 { width: 248px; }
.inwnav .iv1 .bg { width: 276px; }
.inwnav .iv2, .inwnav .iv2 .bg { width: 216px; }
.inwnav .iv2 .pa { padding-left: 34px; }
} /* 1366 */
@media screen and (max-width:1281px) {
.nav li { padding: 0 13px; }
.nav { margin-left: 2.75%; }
.logo { margin-left: 3.75%; }
} /* 1281 */
@media screen and (max-width:1200px) {
.header .fr, .nav { display: none; }
.header, .mtop { height: 60px; }
.logo { position: absolute; left: 5%; top: 50%; margin-top: 0; margin-left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%); height: 50px;}
.menu-handler { display: block; }
} /* 1200 */
@media screen and (max-width:1153px) {
/*.ba-video { width: 320px; }*/
} /* 1153 */
@media screen and (max-width:1024px) {
.vwrap .videobox { width: 700px; margin-left: -350px; }
.fixbg { background-attachment: scroll; }
.pw { width: 90%; }
.fctas, .fnav, .ftools { float: none; }
.fnav { margin-left: 0; overflow: hidden; margin-top: 10px; }
.fctas { padding-right: 0; border-right: none; }
.fnav a { margin-bottom: 0; }
.ftools { overflow: hidden; margin-top: 10px; }
.ftools a { margin: 0 15px 0 0; background-position: left center; }
.footer .t { padding: 42px 0; }
.bavibox { width: 90%; margin-left: 0; left: 5%; bottom: 20px; }
/*.ba-video { width: 280px; }*/
/*.iipics, .iipics .pic { width: 420px; }*/
/*.ixideas { min-height: 235px; }*/
.iitxts { padding-left: 450px; }
.iitxts .nowti { font-size: 20px; margin-bottom: 15px; }
.iitxts .tx { margin-bottom: 40px; }
.ecsList a, .esctList a { width: 32.83%; margin-left: 0.5%; margin-bottom: 0.5%; }
.ecsList, .esctList { margin-left: -0.5%; }
.ecsList .txts { left: 5px; right: 5px; bottom: 5px; }
.ixTitle { font-size: 24px; }
.ix2 { padding: 70px 0 0 0; }
.ixTitle2 { font-size: 30px; }
.ndtxts { width: 100%; }
.ixnw .pic { display: block; width: 100%; float: none; margin-top: 15px; }
.ixnwL { width: 100%; float: none; }
.header .lang { display: none; }
.pnav .bg { display: none; }
.pnav a { background: #cecfcf; width: 49.75% !important; margin-right: 0.5%; margin-bottom: 0.5%; margin-left: 0 !important; }
.pnav a:nth-child(2n) { margin-right: 0; }
.pnav .pv2 .pa { padding-left: 30px; }
.pro-t-b { width: 100%; }
.pnav a.act { background: #1a82b9; }
} /* 1024 */
@media screen and (max-width:861px) {
.vwrap .videobox { width: 100%; left: 0; margin-left: 0; }
/*.ba-video { width: 180px; }*/
.ba-video .txts { padding-left: 5px; }
.ba-video .txts .nowti { line-height: 30px; font-size: 12px; background-size: 18px 18px; padding-left: 25px; }
/*.iipics, .iipics .pic { width: 300px; }*/
/*.ixideas { min-height: 176px; }*/
.iitxts { padding-left: 320px; }
.iitxts .tx { height: 48px; font-size: 14px; line-height: 24px !important; margin-bottom: 30px; }
.iitxts .nowti { font-size: 18px; margin-bottom: 10px; }
.ecsList a, .esctList a { width: 48%; margin-left: 2%; margin-bottom: 2%; }
.ecsList, .esctList { margin-left: -2%; }
.ecsList a:nth-child(3), .esctList a:nth-child(3) { display: none; }
.proList a { width: 48%; }
.ndtxts .t .ti { font-size: 24px; }
.mpwtxts .l { width: 100%; float: none; }
.mpwtxts .r { width: 100%; float: none; margin-top: 15px; }
.ctas { width: 100%; float: none; }
#map { width: 100%; float: none; margin-top: 25px; }
.abLi .abtxts, .abLi .abpic { float: none !important; width: 100%; }
.abLi .abtxts .freeTx { height: auto !important; margin-bottom: 20px; }
.abLi .abpic { margin-top: 25px; }
.pubtn, pubtn2 { display: none; }
.pro-table table td, .pro-table table th { padding: 10px 30px; font-size: 16px; }
.nwnav a{ width:24.4%; }
} /* 861 */
@media screen and (max-width:641px) {
.vwrap .videobox { height: 350px; margin-top: -175px; }
.footer .b .r { float: left; }
.footer .b .l { margin-right: 15px; }
.banner .slick-dots { bottom: 10px; }
.iipics, .iipics .pic { width: 100%; position: relative; }
.iipics{ float:none; }
/*.iipics .slick-dots { text-align: center; }
.iipics .slick-dots li { margin: 0 5px; }*/
.iitxts { padding-left: 0; padding-top: 25px; }
.ecsList a, .esctList a { width: 49.5%; margin-left: 0.5%; margin-bottom: 0.5%; }
.ecsList, .esctList { margin-left: -0.5%; }
.bavibox { position: relative; left: 0; bottom: 0; width: 90%; background: #fcfcfc; padding: 25px 5%; }
.ba-video { width: 100%; float:none; margin-top:25px; }
.ba-video .txts .nowti { line-height: 40px; padding-left: 35px; background-size: 24px; font-size: 14px; }
.ba-video .txts { padding-left: 20px; margin-top: 6px; }
.proIntro .ch { font-size: 18px; }
.proIntro .en { font-size: 16px; }
.nwList .pic { width: 194px; }
.nwList .txts { padding-left: 214px; }
.nwList a { min-height: 124px; }
.nwList .txts .nowti { font-size: 18px; margin-bottom: 10px; }
.nwList .txts .tx { height: 48px; margin-bottom: 15px; }
.nwList a { padding-bottom: 25px; margin-top: 25px; }
.ndtxts .t .ti { font-size: 22px; }
.mpwIntro .en { font-size: 20px; }
.inwnav .bg { display: none; }
.inwnav li { background: #cecfcf; width: 49.75% !important; margin-left: 0 !important; margin-right: 0.5%; }
.inwnav li:nth-child(2n) { margin-right: 0; }
.inwnav .iv2 .pa { padding-left: 18px; }
.inwnav li.act { background: #1a84ba; }
.freeTx .clearfix img { width: 100%; float: none; }
.nwnav a{ width:32.733%; }
} /* 641 */
@media screen and (max-width:601px) {
.pnav .ch { font-size: 14px; line-height:50px; }
.pnav .en { font-size: 16px; }
.pnav a { height: 50px; }
.pnav .pa { padding: 0 0 0 20px !important; }
.pro-t-list a { font-size: 16px; }
.pro-t-list .item{  width: 100%; margin-left: 0; margin-bottom:30px; }
.pro-t-list { margin-left: 0; }
.pnav2 .pa { padding-top: 20px !important; }
.pro-table table { width: 540px; }
.pro-table { overflow: hidden; overflow-x: auto; }
.pnav.no{ display:none; }
.m-ti{ display:block; }
} /* 601 */
@media screen and (max-width:481px) {
.vwrap .videobox { height: 300px; margin-top: -150px; }
.navMobile dd p a { font-size: 16px; }
.iitxts .nowti { font-size: 16px; }
.ixTitle { font-size: 18px; }
.ecsList a, .esctList a { width: 100%; margin-left: 0; margin-bottom: 10px; }
.ecsList, .esctList { margin-left: 0; }
.ecsList { margin-top: 15px; }
.ecsbox { padding-top: 25px; }
.ix2 { padding-top: 35px; }
.esctList .txts .aw { display: none; }
.ecstbox { padding-top: 15px; }
.esctList { margin-top: 15px; }
.ixnwbox { padding: 15px 0 35px 0; }
.proIntro .en { font-size: 14px; margin-bottom: 10px; }
.proIntro .ch { font-size: 16px; }
.proIntro { margin-top: 20px; }
.propanel { padding: 50px 0; }
.mpwpanel { padding: 50px 0; }
.proList a { display: block; width: 100%; margin-left: 0; margin-bottom: 15px; float: none; }
.probox { margin-top: 35px; padding-top: 35px; }
.addprobox{ margin-top: 0; padding-top: 0;}    
.proList .en { font-size: 14px; }
.proList .ch { font-size: 12px; }
.nwList .pic { width: 100%; position: relative; }
.nwList .txts { padding-left: 0; padding-top: 15px; }
.tx, .freeTx { font-size: 14px; }
.nwList .txts .nowti { font-size: 16px; }
.nwList { margin-bottom: 35px; }
.pager a { margin: 0 1px; }
.newspanel { padding: 40px 0 50px 0; }
.ndtxts .t .ti { font-size: 16px; }
.ndtxts .t .date { font-size: 12px; }
.ndtxts { padding-top: 15px; }
.ndtxts .t { padding-bottom: 10px; }
.ndtxts .freeTx { padding: 25px 0 35px 0; }
.ctas a { font-size: 14px; }
#map { margin-top: 15px; }
.abpanel { padding-top: 50px; }
.abti .en { font-size: 18px; }
.abti .ch { font-size: 16px; }
.abLi { padding-bottom: 40px; }
.abvideo .txts .nowti, .apbox .txts .nowti { line-height: 40px; }
.ecsList a:nth-child(3), .esctList a:nth-child(3) { display: block; }
.inwnav .pa { padding-left: 15px !important; }
.pnav .pa { padding: 0 0 0 10px !important; }
.pnav2 .pa { padding-top: 20px !important; }
.pro-table table td, .pro-table table th { padding: 10px 20px; font-size: 14px; }
.pro-table{ margin-top:40px; }
.nwnav a{ width:49.4%; }
.nwnav{ margin-top:37px; }
} /* 481 */
@media screen and (max-width:361px) {
} /* 361 */
@media screen and (max-width:321px) {
.vwrap .videobox { height: 260px; margin-top: -130px; }
} /* 321 */