@media screen and (min-width:1025px) {
    .shopList .tel:hover .ico, .shopList .pos:hover .ico { transform: translateY(-8px); -webkit-transform: translateY(-8px); }
}

@media screen and (max-width:1800px) {
    #s2.active .probox .ip-prev, #s3.active .probox .ip-prev, #s4.active .probox .ip-prev, #s5.active .probox .ip-prev, #s6.active .probox .ip-prev, #s7.active .probox .ip-prev{ left: -8%; }
    #s2.active .probox .ip-next, #s3.active .probox .ip-next, #s4.active .probox .ip-next, #s5.active .probox .ip-next, #s6.active .probox .ip-next, #s7.active .probox .ip-next{ right: -8%; }
    .sidedot li .tii { font-size: 14px; left: 30px; }
    .sidedot li.active { width: 25px; }
}

@media screen and (max-width:1600px) {
    .ixtxts .tx2 { margin-top: 55px; }
    .ixtxts, .ixnews { height: 400px; margin-top: -200px; }
    .ixtxts .pa { padding-top: 70px; }
    .banner .bx-wrapper .bx-pager { bottom: 13%; }
    .ixen { font-size: 38px; }
    .ixab .pa { padding-top: 14%; }
    .ixnews .pa { padding-top: 30px; }
    .rowaw { bottom: 3%; }
    .abLeader .pic { width: 360px; }
    .abLeader .txts { padding-top: 25px; }
    .abLeader .txts .name { margin-top: 35px; }
    .abti { font-size: 20px; }
    .abLeader .txts .tx { margin-top: 10px; }
    .abLeader { padding-top: 9%; }
    .abhis .pic2 { margin-top: 35px; }
    .abhis .year { font-size: 33px; }
    .abhis .tx { margin-top: 15px; }
    .ab3 .pa { padding-top: 9%; }
    .ab4 .abStory .picbox { width: 42%; }
    .ab4 .abStory .txts { width: 55%; }
    .abTitle .ch, .abStory .video .abTitle .ch { font-size: 18px; }
    .abTitle .en { font-size: 22px; margin-top: 2px; }
    .abStory .txts .tx { margin-top: 20px; }
    .ab4 .abTitle .logo3 { width: 35px; top: 5px; }
    .ab4 .abStory .item1 .pic .name { left: 20px; bottom: 12px; }
    .ab1.ixab .pa { padding-top: 12%; }
    .evipics { margin-top: 35px; }
    .abevi .tx { margin-top: 25px; }
    .ab5.ixab .pa { padding-top: 10%; }
    .abStory .video .abTitle .en { font-size: 22px; }
    .abStory .video .txts2 { padding-top: 15%; }
    .ab6 .abStory { padding-top: 9%; }
    #s2.active .probox .ip-prev, #s3.active .probox .ip-prev, #s4.active .probox .ip-prev, #s5.active .probox .ip-prev, #s6.active .probox .ip-prev, #s7.active .probox .ip-prev { left: -8%; }
    #s2.active .probox .ip-next, #s3.active .probox .ip-next, #s4.active .probox .ip-next, #s5.active .probox .ip-next, #s6.active .probox .ip-next, #s7.active .probox .ip-next { right: -8%; }
    .sertxts { padding-top: 10%; }
    .jobtxts { padding-top: 16%; }
    .jbIdea { padding-top: 12%; }
    .bratxts { padding-top: 11%; }
    .abhis { top: 38%; }
    .sidedot li .tii { font-size: 14px; left: 30px; }
    .sidedot li.active { width: 25px; }
	
}

@media screen and (max-width:1440px) {
    .abLeader { padding-top: 10%; }
    .ab3 .pa { padding-top: 10%; }
    .ab1.ixab .pa { padding-top: 14%; }
    .abStory { padding-top: 10%; }
    .ab5.ixab .pa { padding-top: 11%; }
    .ab6 .abStory { padding-top: 10%; }
    .probox { width: 1000px; margin-left: -500px; margin-top: -188px; }
    .proheap .bpa { width: 495px; }
    .proheap .spa { width: 495px; }
    .proheap .spa .tp .pic { width: 304px; }
    .proheap .spa .tp .proTitle { width: 181px; height: 183px; }
    .proheap .spa .bop .pic1 { width: 302px; }
    .proheap .spa .bop .pic2 { width: 183px; }
    .proTitle .en { font-size: 25px; }
    .proTitle .ch { font-size: 18px; }
    .proheap .proTitle .pa { padding-top: 65px; }
    .sertxts { padding-top: 12%; }
    .shopbox { margin-top: 30px; }
    .bratxts { padding-top: 12%; }
	.edites{ float:left; margin-left:10px;}
}

@media screen and (max-width:1366px) {
    .ixtxts, .ixnews { height: 320px; margin-top: -160px; }
    .ixtxts .tx1 { width: 420px; }
    .ixtxts .pa { padding-top: 55px; }
    .ixen { font-size: 38px; }
    .ixab .ch { width: 288px; height: 38px; font-size: 18px; line-height: 38px; margin-top: 25px; }
    .ixab .tx { margin-top: 25px; }
    .ixab .pa { padding-top: 13%; }
    .ip-controls { width: 370px; height: 370px; margin-top: -185px; margin-left: -185px; }
    .ip-controls li { width: 130px; height: 130px; }
    .ip-controls .ipc1 { top: 120px; left: 25px; }
    .ip-controls .ipc2 { left: 120px; top: 25px; }
    .ip-controls .ipc3 { right: 25px; top: 120px; }
    .ip-controls .ipc4 { left: 120px; bottom: 25px; }
    .ip-controls .txx { font-size: 20px; line-height: 22px; height: 44px; padding-top: 43px; }
    .ixnews .pa { width: 670px; }
    .ixnews .pa { padding-top: 25px; }
    .ixnewsList .txts { top: 10px; left: 10px; bottom: 10px; right: 10px; }
    .ixTitle .en { font-size: 20px; }
    .ixTitle .ch { font-size: 18px; }
    .ixnews .ixTitle { top: -40px; }
    .ixtxts .tx2 { margin-top: 50px; }
    .ctaBtn { height: 38px; line-height: 38px; font-size: 20px; width: 108px; }
    .ixcta .addr { font-size: 16px; }
    .ixcta .tel { font-size: 28px; }
    .nav a { font-size: 14px; }
    .header { padding-top: 25px; }
    .ixcta { top: 25%; }
    .ab1.ixab .pa { padding-top: 11%; }
    .ab1.ixab .ch { margin-top: 20px; }
    .abLeader .pic { width: 308px; }
    .abLeader .txts { padding-top: 20px; }
    .abLeader .txts .name > img { width: 75px; }
    .abLeader .txts .name .tii { font-size: 12px; }
    .abLeader .txts .name { margin-top: 25px; }
    .abLeader { padding-top: 9%; }
    .abhis .year { font-size: 24px; }
    .abhis .pic2 { width: 438px; margin-top: 30px; }
    .abhis .tx { margin-top: 8px; }
    .ab3 .pa { padding-top: 9%; }
    .abStory .txts .tx { max-height: 150px; }
    .ab4 .abStory .picbox { width: 38%; }
    .ab4 .abStory .txts { width: 60%; }
    .abStory .txts .tx { margin-top: 15px; }
    .abStory .video { margin-top: 0px; }
    .abStory .video .txts2 { padding-top: 12%; }
    .abTitle .en, .abStory .video .abTitle .en { font-size: 20px; }
    .abStory { padding-top: 8%; }
    .abevi .ch { margin-top: 5px; width: 138px; }
    .abevi .ixen { font-size: 38px; }
    .evipics { margin-top: 25px; }
    .abevi .tx { margin-top: 15px; }
    .ab5.ixab .pa { padding-top: 9%; }
    .abtec .picbox { width: 42%; }
    .abtec .txts { width: 55%; }
    .abtec .item2 .txts { padding-top: 50px; }
    .ab6 .abStory { padding-top: 9%; }
    .protxts { height: 308px; margin-top: -154px; }
    .protxts .pa { padding-top: 36px; }
    /*.lacon2 { width: 70%; left: 15%; }*/
    .picbooks .name { font-size: 18px; /* margin-top:15px; */ }
    /*.lacon2 .picbooks .slick-arrow{ margin-top:-41px; }*/
    .lacon3 { height: 550px; margin-top: -275px; }
    .anss { height: 396px; }
    .sertxts { padding-top: 10%; }
    .sertxts .ixen { font-size: 38px; }
    .sertxts .ch { font-size: 20px; }
    .protxts .ti, .sertxts .ti { height: 38px; line-height: 38px; }
    .protxts .pa a {width: 14%; font-size: 14px; height: 35px; line-height: 35px;}
    .idea { margin-top: 35px; }
    .jbIdea { padding-top: 10%; }
    .recList { margin-top: 35px; }
    .recbox { padding-top: 10%; }
    .recbox .txb { margin-top: 25px; }
    #s2.active .advbox .ip-prev { left: 10%; }
    #s2.active .advbox .ip-next { right: 10%; }
    .bustxts { padding-top: 12%; }
    .advslide { width: 800px; }
    .advtxts .txts { padding: 25px 20px 0 20px; }
    .advtxts2 .txts .tx { padding: 25px 15px 0 15px; }
    .advbox { margin-top: -194px; }
    .bratxts .en { font-size: 70px; }
    .bratxts .ch { margin-top: 15px; }
    .bratxts .pic { width: 360px; margin-top: 25px; }
    .bratxts .tx { margin-top: 20px; }
    .bratxts { padding-top: 10%; }
    .probox { width: 800px; margin-left: -400px; margin-top: -150px; }
    .proheap .bpa, .proheap .spa { width: 395px; }
    .proheap .spa .tp .pic { width: 240px; }
    .proheap .spa .tp .proTitle { width: 145px; height: 145px; }
    .proheap .spa .bop .pic2 { width: 145px; }
    .proheap .spa .bop .pic1 { width: 240px; }
    .proTitle .en { font-size: 28px; }
    .proTitle .ch { font-size: 16px; }
    .proheap .proTitle .pa { padding-top: 55px; }
}

@media screen and (max-width:1281px) {
    /*#s2.active .probox .ip-prev,#s4.active .probox .ip-prev,#s5.active .probox .ip-prev{ left: -6%; }
#s2.active .probox .ip-next,#s4.active .probox .ip-next,#s5.active .probox .ip-next { right: -6%; }*/
}

@media screen and (max-width:1200px) {
    #s2.active .qusbox .ip-prev { left: 8%; }
    #s2.active .qusbox .ip-next { right: 8%; }
	
}

@media screen and (max-width:1024px) {
    .protxts .pa a {width: 44%; font-size: 14px; height: 35px; line-height: 35px;}
    .vwrap .videobox { width: 700px; margin-left: -350px; }
    .fixbg { background-attachment: scroll; }
    .nav { margin-right: 25px; }
    .nav a { padding: 0 12px; font-size: 13px; }
    .logo { margin-left: 25px; transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.85); -webkit-transform: scale(0.85); }
    .ixab .pa { padding-top: 17%; }
    .ixnewsList .txts { display:none;  transform: none !important; opacity: 1; visibility: visible; }
    .ixctabg { background-attachment: scroll; -webkit-background-attachment: scroll; }
    .ab1.ixab .pa { padding-top: 15%; }
    .abLeader { padding-top: 12%; }
    .ab3 .pa { padding-top: 12%; }
    .pw { width: 780px; }
    .sidedot li .tii { font-size: 14px; }
    .abStory .txts .tx { font-size: 12px; line-height: 20px !important; margin-top: 10px; }
    .abTitle .ch, .abStory .video .abTitle .ch { font-size: 16px; }
    .abTitle .en, .abStory .video .abTitle .en { font-size: 18px; }
    .ab4 .abTitle .logo3 { width: 28px; }
    .abStory { padding-top: 13%; }
    .ab5.ixab .pa { padding-top: 15%; }
    .laclose { right: -60px; }
    .picbooks .slick-next { right: -55px; }
    .picbooks .slick-prev { left: -55px; }
    img { transform: none !important; -webkit-transform: none !important; }
    .probox { width: 395px; margin-left: -197px; }
    .proheap .bpa { display: ;width: 100%;padding-top: 2%; }
    #s2.active .probox .ip-prev, #s3.active .probox .ip-prev, #s4.active .probox .ip-prev, #s5.active .probox .ip-prev, #s6.active .probox .ip-prev, #s7.active .probox .ip-prev { left: -20%; }
    #s2.active .probox .ip-next, #s3.active .probox .ip-next, #s4.active .probox .ip-next, #s5.active .probox .ip-next, #s6.active .probox .ip-next, #s7.active .probox .ip-next { right: -20%; }
    .sertxts { padding-top: 14%; }
    #s2.active .qusbox .ip-prev { left: 5%; }
    #s2.active .qusbox .ip-next { right: 5%; }
    .jobtxts { padding-top: 20%; }
    .jbIdea { padding-top: 13%; }
    .recbox { padding-top: 14%; }
    .sidedot li .tii { display: none; }
    .sidedot li.active { width: 20px; }
    #s2.active .advbox .ip-prev { left: 5%; }
    #s2.active .advbox .ip-next { right: 5%; }
    .bustxts { padding-top: 15%; }
    .bustxts .en { font-size: 68px; }
    .bratxts { padding-top: 14%; }
    #s3.active .ab3 .ixpro .ip-prev { left: 10%; }
    #s3.active .ab3 .ixpro .ip-next { right: 10%; }
    .ab6 .abStory { padding-top: 15%; }
    .banner .item1 > pic { display: block; }
    .banner .item1 #vido { display: none !important; }
    .tools { display: none; }
    .share3 { display: none; }
    .ixtxts { display: none; }

}

@media screen and (max-width:861px) {
	
    .vwrap .videobox { width: 560px; margin-left: -298px; }
    .nav, .sidedot, .share, .rowaw { display: none; }
    .rowbox { position: relative; top: 0 !important; }
    .banner { height: auto; }
    .banner .item { height: 308px !important; }
    .banner .pic { position: relative; height: 100% !important; top: 0 !important; left: 0 !important; width: auto !important; }
    .banner .pic img { display: none; }
    .mtop { height: 60px; }
    .ixtxts { background: none; height: auto; width: 90%; left: 5%; top: 10%; margin-top: 0; }
    .ixtxts .pa { padding-top: 0; }
    .banner .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
    .banner .bx-wrapper .bx-pager.bx-default-pager a { margin: 0 4px; }
    .banner .bx-wrapper .bx-pager { width: 100%; left: 0; margin-left: 0; bottom: 18px; }
    #s1.active .ixtxts .tx1,
    #s1.active .ixtxts .tx2,
    #s1.active .ixtxts,
    #s2.active .ixab .en,
    #s2.active .ixab .ch,
    #s2.active .ixab .tx,
    #s4.active .ixnews .ixnewsList,
    #s4.active .ixnews .ixTitle,
    #s4.active .ixnews,
    #s5.active .ixcta .en,
    #s5.active .ixcta .ctaBtn,
    #s1.active .ab1 .en,
    #s1.active .ab1 .ch,
    #s1.active .ab1 .tx,
    #s4.active .ab2 .abLeader .pic,
    #s3.active .ab3 .abhis,
    #s2.active .abevi .en,
    #s2.active .abevi .ch,
    #s2.active .abevi .tx,
    #s1.active .protxts,
    #s1.active .protxts .ixen,
    #s1.active .protxts .ch,
    #s1.active .protxts .ti,
    #s1.active .protxts .pa a,	
    #s2.active .probox,
    #s3.active .probox,
    #s4.active .probox,
    #s5.active .probox,
    #s6.active .probox,
    #s7.active .probox,
    #s1.active .sertxts .shopbox,
    #s2.active .qusslide,
    #s3.active .down,
    #s1.active .jobtxts .ixen,
    #s1.active .jobtxts .ch,
    #s1.active .jobtxts .ctaBtn,
    #s1.active .jobtxts .ti,
    #s1.active .jobtxts .joinBtn,
    #s3.active .recbox .txb,
    #s2.active .advbox,
    #s3.active .bustxts .ico,
    #s3.active .bustxts .en,
    #s3.active .bustxts .joinBtn,
    #s3.active .bustxts .tel,
    .bra1.active .bratxts .en,
    .bra1.active .bratxts .ch,
    .bra1.active .bratxts .tx,
    .bra1.active .bratxts .pic { animation: none; -webkit-animation: none; animation-delay: 0ms; -webkit-animation-delay: 0ms; }
    .ixcta .en, .ixcta .ctaBtn, .ixcta .addr, .ixcta .tel, .ixcta .comp,.ixcta .comc,.ixcta .email,.ixcta .pos { transform: none; -webkit-transform: none; opacity: 1; visibility: visible; }
    .ixtxts .tx1 { width: 324px; }
    .ixtxts .tx2 { transform-origin: center top; -webkit-transform-origin: center top; transform: scale(0.8); -webkit-transform: scale(0.8); }
    .ixab .pa { padding: 50px 5%; }
    .ixab .tx { width: 100%; }
    .ixab { height: auto; }
    .ixpro { background: #000; padding-bottom: 20px; }
    .ixproslide .item, .ixpro .pic { position: relative; }
    .ixpro .pic { top: 0 !important; left: 0 !important; width: auto !important; }
    .ixpro .cover, .ixpro .ip-controls, .ixpro .ip-arrow { display: none; }
    .ixpro2 .slick-dots { width: 370px; height: 370px; margin: 0 auto; position: relative; margin-top: 20px; }
    .ixpro2 .slick-dots li { width: 130px; height: 130px; position: absolute; margin: 0; border-radius: 0; background: none; }
    .ixpro2 .slick-dots li:nth-child(1) { top: 120px; left: 25px; }
    .ixpro2 .slick-dots li:nth-child(2) { top: 25px; left: 120px; }
    .ixpro2 .slick-dots li:nth-child(3) { top: 120px; right: 25px; }
    .ixpro2 .slick-dots li:nth-child(4) { right: 120px; bottom: 25px; }
    .ixpro2 .slick-dots li a { position: relative; }
    .ixpro2 .slick-dots li a .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
    .ixpro2 .slick-dots li a .txx { position: relative; font-size: 20px; line-height: 22px; height: 44px; padding-top: 43px; text-align: center; overflow: hidden; color: #fff; }
    .ixpro2 .slick-dots li.slick-active, .ixpro2 .slick-dots li:hover { background: none !important; }
    .ixpro2 .slick-dots li.slick-active a .bg { background: #fff; }
    .ixpro2 .slick-dots li.slick-active a .txx { color: #1ab9ec; }
    .ixnews { position: relative; background: none; top: 0; height: auto; margin-top: 0; }
    .ixnews .pa { width: 90%; padding: 50px 0; }
    .ixnews .ixTitle { position: static; top: 0; margin-bottom: 25px; }
    .ixnewsList a { width: 31.33%; margin-left: 2%; margin-bottom: 2%; }
    .ixnewsList { margin-left: -2%; }
    .logo { display: none; }
    .logo2 { display: block; width: 232px; margin-left: 5%; margin-top: 8px; }
    .header { height: 60px; padding-top: 0; background: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); }
    /*menu-handler*/ .menu-handler { display: block; }
    .ixab .tx { height: auto; }
    .ixctabg { height: 308px; background-position: center bottom; }
    .ixcta { background: #1ab9ec; position: relative; top: 0; padding: 40px 5% 50px 5%; }
    .ab1.ixab .pa { padding-top: 50px; }
    .ab1.ixab .ch { margin-top: 25px; }
    .abLeader { padding: 50px 5%; }
    .abLeader .txts { width: 100%; }
    .ab3 .pa { padding: 50px 0; }
    .abhis .pic2 { width: 80%; }
    .transX3, .transX, .transX2, .transY, .transY2 { transform: none; -webkit-transform: none; opacity: 1; }
    .abhis .ip-arrow { display: none; }
    .pw { width: 90%; }
    .abStory .txts, .abStory .picbox { width: 100% !important; float: none !important; }
    .abStory .picbox { margin-top: 25px; }
    .abStory .txts .tx { font-size: 13px; line-height: 26px !important; max-height: none; margin-top: 20px; }
    .abTitle .ch, .abStory .video .abTitle .ch { font-size: 18px; }
    .abTitle .en, .abStory .video .abTitle .en { font-size: 22px; }
    .abTitle .en { margin-top: 5px; }
    .abStory { padding: 50px 0 15px 0; }
    .abStory li { margin-bottom: 35px; }
    .abStory .video .txts2 { padding-top: 20%; }
    .ab5.ixab .pa { padding: 50px 0; }
    .evipics { margin-top: 30px; }
    .abevi .tx { margin-top: 25px; max-height: none; }
    .evipics .bigpic { transform: none; -webkit-transform: none; opacity: 1; visibility: visible; }
    .abtec .item2 .txts { padding-top: 0; }
    .abtec .item2 .txts .tx { margin-top: 0; }
    .abLeader .txts .name { margin-top: 40px; }
    .abLeader .txts .name > img { width: 107px; }
    .abLeader .txts .name .tii { font-size: 14px; }
    .abLeader .txts .tx { margin-top: 15px; }
    .abLeader .txts { padding-top: 25px; }
	
	.protools a { box-sizing:border-box;}
	.protools .txx { text-align: center;margin: 0 20px 0 20px; }
	.laclose { top: 10px; right: 10px; background: #1ab9ec; }
    .picbooks .slick-prev { background-position: right center; left: 10px; }
    .picbooks .slick-next { background-position: left center; right: 10px; }
    /*.lacon{ width:90%; }*/
    .wsh { height: auto; }
    .protxts { position: relative; left: 0; top: 0; margin-top: 0; height: auto; }
    .protxts .pa { padding: 50px 0; }
    .probox { position: relative; left: 0; top: 0; margin-left: 0; margin-top: 0; width: 90%; margin: 0 auto; padding: 50px 0; }
    .proheap .spa { width: 100%; }
    .proheap .spa .tp .pic { width: 62%; }
    .proheap .spa .bop .pic1 { width: 61%; }
    .proheap .spa .bop .pic2 { width: 37%; }
    .proheap .spa .tp .proTitle { width: 38%; height: auto; }
    .proheap .spa .tp { background: #fff; }
    .proheap .proTitle .pa { padding-top: 35%; }
    .probox .slick-dots li { border: 1px solid #fff; background: none; }
    .probox .slick-dots li.slick-active, .slick-dots li:hover { background: #fff !important; }
    .proheap .mat10 { margin-top: 2%; }
    .probox .ip-arrow { display: none; }
    /*.lacon2{ left:5%; }*/
    /*.lacon2 .laclose { top: 0px; background:none; }*/
    .sertxts { padding: 50px 0; }
    .qusbox { position: relative; top: 0; width: 90%; margin: 0 auto; }
    .down { width: 90%; margin: 0 auto; position: relative; left: 0; top: 0; }
    .shopbox { width: 90%; margin-top: 30px; }
    .ipbox .s-select { width: 49%; margin-right: 2%; box-sizing: border-box; background-position: right center; background-origin: content-box; padding-right: 10px; }
    .ipbox .s-select:nth-child(2n) { margin-right: 0; }
    .shop2 { position: fixed; z-index: 1010; bottom: 0; min-height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
    /* .shopList { height: auto; overflow: hidden; }*/
    .ip-prev { left: 15px !important; }
    .ip-next { right: 15px !important; }
    .ip-arrow { transition: none; -webkit-transition: none; }
    .ser2, .ser3 { padding: 50px 0; }
    .qusslide { width: 100%; }
    .lacon3 { width: 100%; height: auto; min-height: 100%; top: 0; bottom: 0; left: 0; margin: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
    .anss { height: auto; padding-right: 0; overflow: hidden; }
    .down .pic { height: 252px; }
    .down .pic img { display: none; }
    /*.shopList a { width: 48%; margin-left: 2%; }*/
    /*.shopList li { margin-left: -2%; }*/
    .ansbox { padding-bottom: 50px; }
    .jobtxts, .recbox { padding: 50px 0; }
    .jbIdea { width: 90%; padding: 50px 0; }
    .idea .pic { width: 100%; float: none; }
    .idea .txts { width: 100%; float: none; margin-top: 25px; }
    .idea .txts .pa { height: auto; padding-bottom: 35px; padding-top: 35px; }
    .idea .txts .tx { height: auto; }
    .recbox { width: 90%; margin: 0 auto; }
    .footer { position: static; background: #1ab9ec; padding: 15px 5%; }
    .advbox { position: relative; top: 0; width: 90%; margin: 0 auto; padding: 50px 0; }
    .advslide { width: 100%; }
    .advbox .ip-arrow { display: none; }
    .advtxts .txts { position: static; padding: 0; }
    .advtxts .pic, .advtxts2 .pic { display: none; }
    .advbus li { float: none; width: 100%; margin-top: 25px; }
    .advbus .advti { margin-top: 0; }
    .advtxts .txts .tx, .advtxts2 .txts .tx { height: auto; padding: 0; }
    .advtxts2 .txts { width: 100%; }
    .advtxts2 { background: none; }
    .advti .jdTitle { padding-top: 0; }
    .bustxts { padding: 50px 0; }
    .bustxts .en { font-size: 58px; }
    .lacon6 { width: 100%; bottom: 0; margin-top: 0; top: 0; margin-left: 0; left: 0; height: auto; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
    .joinwords .s-input { width: 100%; box-sizing: border-box; }
    .lacon6 .laclose { bottom: auto; left: auto; margin: 0; top: 15px; right: 15px; }
    .lacon5 { left: 5%; margin-left: 0; }
    .lacon5 .laclose { background: none; }
    .brandpanel .header, .ndpanel .header { position: fixed; }
    .bratxts { width: 90%; margin: 0 auto; padding: 50px 0 25px 0; }
    .bratxts .tx { width: auto; }
    .brabox { width: 90%; }
    .bra2 .brabg { padding: 25px 0 50px 0; }
    .bratxts .tx { white-space: normal; }
    .ndbox { width: 90%; padding: 35px 0 50px 0; }
    .ndtxts .pa { padding: 35px 35px 60px 35px; }
    .ndtxts .ti { font-size: 32px; }
    .ndbox .ndnav { margin-bottom: 15px; }
    .ab3 .ixpro .pic { display: none; }
    .abhis { position: static; margin: 0; top: 0; left: 0; width: 90%; margin: 0 auto; }
    .ab3 { padding: 50px 0 30px 0; }
    .ab3 .slick-dots li.slick-active, .ab3 .slick-dots li:hover { background: #fff !important; }
    .ab3 .slick-dots li { border: 1px solid #fff; background: none; }
    .advbus { position: relative; left: 0; top: 0; margin: 0 auto; width: 90%; }
    .bus2 { padding: 50px 0; }
    .imnav { background: #e4e4e4; display: block; }
    .imnav a { color: #000; font-size: 18px; float: left; display: block; width: 20%; text-align: center; line-height: 24px; padding: 15px 0; }
    .imnav a:hover { background: #1ab9ec; color: #fff; }
    .picbooks .name { padding: 0 5%; }
    .bra2 .brabg { background: url(../images/ixbg22.jpg) repeat center top !important; }
	.shop { height: auto; padding-bottom:50px;  }

}

@media screen and (max-width:641px) {
    /* video layer */ .vwrap .videobox { width: 400px; margin-left: -218px; height: 350px; margin-top: -175px; }
    /* video layer end*/
    .lacon5-1 { width: 90%; left: 0; margin-left: 5%; }
    .laclose { width: 50px; height: 50px; }
    .ixen { font-size: 35px; }
    .ixab .ch { margin-top: 12px; font-size: 17px; }
    .ixnewsList a { width: 47%; margin-left: 3%; margin-bottom: 3%; }
    .ixnewsList .txts { display:none;  top: 25px; left: 25px; bottom: 25px; right: 25px; }
    .abhis .pic2 { width: 100%; }
    .evipics li { width: 31%; margin-left: 2%; margin-bottom: 2%; }
    .evipics { margin-left: -2%; }
    .ab1.ixab .tx { text-align: justify; }
    .ab1.ixab .ch { margin-top: 12px; }
    .abevi .ixen { font-size: 35px; }
    .protxts .ixen, .jobtxts .ixen { font-size: 28px; }
    .shop { padding: 35px 25px 0 25px; }
    .queList .ti { top: auto; margin-top: 0; bottom: 0; background: url(../images/black.png); line-height: 1.4; padding: 6px 0; font-size: 18px; white-space: normal; font-weight: normal; }
    .sertxts .ixen { font-size: 38px; }
    .ansbox, .shop2 .pa { padding-left: 25px; padding-right: 25px; }
    /*.shopList a { width: 100%; margin-left: 0; float: left; padding: 8px 0; border-bottom: 1px solid #e2e2e2; }*/
    /*.shopList li { margin-left: 0; }*/
    .ixnewsbox, .ixab { background: url(../images/ixbg22.jpg) no-repeat center top; background-size: auto; }
    .ab2, .bluebg { background: url(../images/ixbg22.jpg) no-repeat center top; background-size: auto; }
	.shop { height: auto; padding-bottom:50px;  }
}

@media screen and (max-width:601px) {
    .ixnewsList .txts { display:none;  top: 10px; left: 10px; bottom: 10px; right: 10px; }
    .proTitle .en { font-size: 22px; }
    .down .txts .en { font-size: 48px; }
    .down .txts .pa { height: 170px; padding-top: 40px; }
    .down .pic { height: 214px; }
    .queList .ti { font-size: 16px; }
    .bustxts .en { font-size: 48px; }
    .bratxts .en { font-size: 58px; }
}

@media screen and (max-width:481px) {
    /* video layer */ .vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top: -150px; }
    /* video layer end*/
    .banner .item { height: 268px !important; }
    .ixtxts .tx2 { margin-top: 25px; }
    .ixtxts { top: 25%; }
    .ixpro2 .slick-dots { width: 284px; height: 284px; }
    .ixpro2 .slick-dots li { width: 100px; height: 100px; }
    .ixpro2 .slick-dots li:nth-child(1) { top: 92px; left: 19px; }
    .ixpro2 .slick-dots li:nth-child(2) { top: 19px; left: 92px; }
    .ixpro2 .slick-dots li:nth-child(3) { top: 92px; right: 19px; }
    .ixpro2 .slick-dots li:nth-child(4) { bottom: 19px; right: 92px; }
    .ixpro2 .slick-dots li a .txx { font-size: 18px; line-height: 20px; height: 40px; padding-top: 30px; }
    .ixnewsList a { width: 100%; margin-left: 0; margin-bottom: 2%; float: none; }
    .ixnewsList { margin-left: 0; }
    .ixctabg { height: 168px; }
    .ixcta .addr { font-size: 14px; }
    .ixcta .tel { font-size: 22px; }
    .abLeader .pic { width: 100%; }
    .abStory .video .txts2 { padding-top: 12%; }
    .evipics li { width: 100%; margin-left: 0; float: none; }
    .evipics { margin-left: 0; }
    .picbooks .slick-prev { transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.5); -webkit-transform: scale(0.5); left: 5px; }
    .picbooks .slick-next { transform-origin: right center; -webkit-transform-origin: right center; transform: scale(0.5); -webkit-transform: scale(0.5); right: 5px; }
    .laclose { transform-origin: top right; -webkit-transform-origin: top right; top: 5px; right: 5px; }
    .proTitle .en { font-size: 24px; }
    .proTitle .ch { font-size: 16px; margin-top: 0; }
    .protxts .ixen, .jobtxts .ixen { font-size: 28px; }
    .protxts .ch, .jobtxts .ch { font-size: 16px; letter-spacing: 5px; margin-top: 0; }
    .protxts .ti { height: 38px; line-height: 38px; }

    .protools { margin-bottom: 15px; }
    /*.lacon2 .laclose{ top:-50px; right:0; }*/
    .picbooks .name { font-size: 14px; line-height: 45px; height: 45px; }
    .sertxts .ixen { font-size: 38px; }
    .shop { padding: 25px 15px 25px 15px; height: auto; }
    .shop .tii { font-size: 16px; }
    .ipbox .s-select, .ipbox .s-select option { padding: 0 5px; }
    .sertxts .ch { font-size: 16px; letter-spacing: 5px; }
    .sertxts .ti { margin-top: 20px; }
    .queList .ti { font-size: 13px; }
    .ip-prev { transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.5); -webkit-transform: scale(0.5); left: 5px !important; }
    .ip-next { transform-origin: right center; -webkit-transform-origin: right center; transform: scale(0.5); -webkit-transform: scale(0.5); right: 5px !important; }
    .down .txts .en { font-size: 35px; }
    .down .txts .ch { font-size: 16px; }
    .down .txts .ico { transform-origin: center bottom; -webkit-transform-origin: center bottom; transform: scale(0.65); -webkit-transform: scale(0.65); }
    .down .txts .pa { height: 138px; padding-top: 12px; }
    .down .pic { height: 154px; }
    .ansbox, .shop2 .pa { padding-left: 15px; padding-right: 15px; }
    .ansc { padding-top: 10px; }
    .jobtxts .ti { margin-top: 25px; }
    .jdTitle .en { font-size: 30px; }
    .jdTitle .ch { font-size: 16px; margin-top: 8px; }
    .idea .txts .pa { padding: 25px 15px; text-align: left; }
    .idea .txts .tx { text-align: justify; }
    .recList { width: 100%; }
    .recbox .txb, .idea .txts { margin-top: 15px; }
    .idea, .recList { margin-top: 25px; }
    .bustxts .en { font-size: 35px; }
    .joinBtn { height: 44px; line-height: 44px; }
    #s3.active .bustxts .ico { transform-origin: center bottom; -webkit-transform-origin: center bottom; transform: scale(0.75); -webkit-transform: scale(0.75); }
    .bustxts { padding-top: 40px; }
    .joinwords { padding: 35px 15px 0 15px; }
    .lacon4 .laclose { transform: scale(0.8); -webkit-transform: scale(0.8); }
    .lacon6 .laclose { top: 5px; right: 5px; }
    .lacon5 .laclose { transform-origin: center center; -webkit-transform-origin: center center; }
    .bratxts .en { font-size: 35px; }
    .bratxts .ch { height: 38px; line-height: 38px; font-size: 16px; width: 200px; margin-top: 8px; }
    .bratxts .tx { font-size: 16px; margin-top: 15px; }
    .bratxts .pic { width: 100%; margin-top: 20px; }
    .ndtxts .pa { padding: 25px 15px 50px 15px; }
    .ndtxts .ti { font-size: 20px; margin-bottom: 0; }
    .ndtxts .date { font-size: 12px; }
    .ndtxts .freeTx { font-size: 14px; margin-top: 20px; }
    .ixtxts .tx1 { width: 200px; }
    .ixtxts .tx2 { width: 36px; }
    .share3 .mshare a { font-size: 0; width: 45px; }
    .share3 .mshare .txx { padding-left: 0; background-position: center center !important; }
    .share3 .mshare .bodr { width: 90px; }
    .share3.act .mshare { width: 92px; }
    .jiathis_weixin_modal { width: 320px !important; margin: -180px 0px 0px -160px !important; }
    .ixnews .ixnewsList a:nth-child(n+4) { display: none; }
    .imnav a { font-size: 15px; }
    .ixpro .pic { height: 230px !important; }
    .ixpro .pic img { display: none; }
    .dateSelect li { width: 50%; margin: 0; }
    .dateSelect label { margin-right: 5px; font-size: 12px; }
    .dateSelect select { font-size: 12px; }

    .shopList .name { font-size: 18px; margin-bottom: 8px; }
    .shopList .addr { font-size: 14px; }
    .shopList .tel, .shopList .pos { font-size: 16px; }
    .shopList .tel .ico, .shopList .pos .ico { transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.75); -webkit-transform: scale(0.75); }
    .shopList .tel { padding-left: 35px; }
    .shopList .pos { padding-left: 25px; }
    .shopList .tel { margin-right: 25px; }
    .shopList .addr { margin-bottom: 20px; }
}

@media screen and (max-width:321px) {
    /* video layer */ .vwrap .videobox { width: 260px; margin-left: -158px; height: 260px; margin-top: -130px; }
    /* video layer end*/
    .ixcta .addr { font-size: 13px; }
    .ixcta .tel { font-size: 20px; }
    .abStory .video .videobtn { margin-top: 10px; }
    .abTitle .ch, .abStory .video { font-size: 16px; }
    .abStory .video .abTitle .en { font-size: 18px; }
    .bustxts .en { font-size: 30px; }
    .queList .ti { font-size: 12px; }
    .dateSelect label { margin-right: 0; font-size: 12px; }
    .dateSelect select { font-size: 12px; }
}