@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 */ .ixmore:hover:before, .join-list a:hover .ixmore:before { width: 100%; right: auto; left: 0; } .ixmore:hover, .join-list a:hover .ixmore { border-color: #c6992d; } .ixmore:hover:after, .join-list a:hover .ixmore:after { background-position: left center; } .ixmore:hover p, .join-list a:hover .ixmore p { color: #fff; } .ix-ab-r .c1:hover:after { background-position: -15px 0; } .ix-ab-r .c1:hover .txts { transform: translateY(10px); -webkit-transform: translateY(10px); } .news-a:hover .nowti { color: #c6992d; } .news-a:hover:before { right: auto; left: 0; width: 100%; } .pro-a:hover .txts:before { background-position: -15px 0; } .pro-a:hover .txts:after { background-position: 15px 0; } .f-ctas a:hover { color: #333; } .f-ctas a:hover:before { background-position: center bottom; } .share a:hover { background-position: center bottom; } .f-cop a:hover { color: #333; } .ix-ab-r .c2:hover .txts .ico { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .slick-arrow:hover { background-color: #c6992d; } .slick-prev:hover i { background-position: right center; transform: translateX(-5px); -webkit-transform: translateX(-5px); } .slick-next:hover i { background-position: left center; transform: translateX(5px); -webkit-transform: translateX(5px); } .pnav a:hover { background: #d4b364; color: #fff; } .cul-list li:hover .bg { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; } .cul-list li:hover { border-color: #d4b364; } .cul-list li:hover:before, .cul-list li:hover:after { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; } .cul-list li:hover .txts-1 { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; } .cul-list li:hover .txts-2 { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; } .his-a:hover { background: #d4b364; border-color: #d4b364; color: #fff; } .gp-list a:hover { box-shadow: 0 0 5px rgba(0,0,0,.3); } .eh-slide .pic:hover { border-color: #c6992d; } .pager a:hover { background: #d4b364; color: #fff; border-color: #d4b364; } .back-a:hover { color: #d4b364; } .nd-change a:hover { color: #d3a63a; } .back:hover { background: #d3a63a; color: #fff; } .pro-list a:hover { box-shadow: 0 0 5px rgba(0,0,0,.3); } .pp-btn .slick-arrow:hover { background: none; } .pp-btn .next:hover { background-position: left center; background-image: url(../images/pd-ico-2.png); } .pp-btn .prev:hover { background-position: right center; background-image: url(../images/pd-ico-3.png); } .pd-back .bk:hover { background: #bd8d1a; } .pd-back .pv:hover .c-prev { background: #c6992d; } .pd-back .pv:hover .c-prev:before { transform: translateX(-5px); -webkit-transform: translateX(-5px); } .pd-back .nt:hover .c-next { background: #c6992d; } .pd-back .nt:hover .c-next:before { transform: translateX(5px); -webkit-transform: translateX(5px); } .coop-list .t:hover { background: #d4b364; } .coop-list .t:hover .nowti { color: #fff; } .coop-list .t:hover:before, .coop-list .t:hover:after { background: #fff; } .sug-cta .b a:hover { color: #c6992d; } .sug-cta .b a:hover:before { background-position: center bottom; } .subBtn:hover { background-color: #d4b364; } .join-nav a:hover:before { transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; visibility: hidden; } .join-nav a:hover:after { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; } .join-list a:hover { box-shadow: 0 0 5px rgba(0,0,0,.2); } .jo-nav a:hover { background: #d4b364; } .jo-nav a:hover p { color: #fff; } .jo-nav a:hover .ico { background-position: center bottom; } .search-city .btn:hover { background: #c6992d; color: #fff; } .society-list .t:hover { background: #d4b364; } .jo-email:hover { background: #c6992d; } .ser-search .btn:hover { background-color: #d4b364; } .ser-nav a:hover { color: #d4b364; } .search-result .btn:hover { background: #d4b364; } .ser-list a:hover:after { border-color: #d4b364; } .ser-list a:hover .pic:after { opacity: 1; visibility: visible; } .ser-list a:hover .btn { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; } .smi-slider .flex-direction-nav a:hover { background: #d4b364; } .sd-nav a:hover { color: #d4b364; } .sd-nav a:hover:before { width: 100%; left: 0; right: auto; } .home-pics .slick-arrow:hover { background: none; } .fiSubBtn:hover { background: #666; } .or-close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); background-position: center bottom; } .search-list a:hover { background: #fff; } .about-lc .carousel-item:hover .b { z-index: 5; } .about-lc .carousel-item:hover .b:before { top: -10px; left: -10px; right: -10px; bottom: -10px; } .about-lc .carousel-item:hover .box:before { top: -10px; left: -10px; right: -10px; bottom: -10px; opacity: 0; visibility: hidden; } .about-lc .slick-arrow:hover { background-color: #d4b364; } .about-lc .slick-arrow:hover.slick-prev { background-image: url("../images/prevh.png"); } .about-lc .slick-arrow:hover.slick-next { background-image: url("../images/nexth.png"); } .about-lc .slick-arrow.slick-disabled:hover { background-color: #e5e5e5; } } /* 1153 */ @media screen and (max-width:1800px) { .logo { margin-left: 8.5%; } .langbox { margin-right: 8.5%; } .banner .slick-dots { padding: 0 8.5%; } .item2 .bannertxts { padding-left: 8.5%; } .item1 .bannertxts { padding-left: 13.75%; } } /* 1800 */ @media screen and (max-width:1600px) { .item1 .bannertxts { top: 35%; } .item2 .bannertxts { top: 48%; } .item3 .bannertxts { top: 38%; } .logo { margin-left: 4.5%; } .langbox { margin-right: 4.5%; } .banner .slick-dots { padding: 0 4.5%; } .item2 .bannertxts { padding-left: 4.5%; } .item1 .bannertxts { padding-left: 9.75%; } .pbtxts.tac { bottom: 35%; } } /* 1600 */ @media screen and (max-width:1440px) { .pw { width: 1200px; } .ix-ab-r .c1 .txts { padding: 22px 20px 0 20px; } .ix-ab-r .c1 .txts .tx1 { font-size: 22px; } .ix-ab-l .tx { font-size: 14px; line-height: 28px !important; height: 140px; margin: 31px 0 59px 0; } .ix-ti .en { font-size: 43px; } .ixnews { width: 1224px; } } /* 1440 */ @media screen and (max-width:1366px) { .pw, .pw2 { width: 1000px; } .logo { margin-left: 2.5%; } .langbox { margin-right: 2.5%; } .banner .slick-dots { padding: 0 2.5%; } .item2 .bannertxts { padding-left: 2.5%; } .item1 .bannertxts { padding-left: 5.75%; } .item1 .bannertxts { top: 30%; } .item2 .bannertxts { top: 43%; } .item3 .bannertxts { top: 33%; } .ix-ab-l { width: 48%; } .ix-ab-r .c1 .txts .tx1 { font-size: 20px; } .ix-ti .en { font-size: 33px; } .ix-ti .ch { font-size: 20px; } .ix-ab-l .tx { margin: 21px 0 39px 0; line-height: 26px !important; height: 130px; } .ixnews { width: 1024px; } .pro-a .txts { width: 400px; } .pro-a .txts .pa { padding: 34px 35px 38px 35px; } .pro-a .txts .nowti { font-size: 18px; } .ixpro .slick-prev { left: 453px; } .ixpro .slick-next { left: 502px; } .ix3 .ix-ti { top: 20px; } .f-ctas a { float: none; margin-bottom: 8px; margin-right: 0; } .nav li { padding: 0 15px; } .pbtxts { width: 1000px; margin-left: -500px; bottom: 60px; } .bf-a .txts .pa { padding-top: 80px; } .cul-list li { width: 197px; height: 197px; margin: 0 21px; } .cul-list .txts-1 { padding-top: 34px; } .cul-list .txts-2 { padding-top: 50px; } .cul-list .ti { font-size: 20px; } /*.his-slide { width: 944px; }*/ .newspanel { padding-bottom: 125px; } .snews .txts .nowti { font-size: 20px; } .snews .txts .tx { margin-bottom: 61px; } .snews .txts .date { margin-bottom: 31px; } .pro-list .tx1 { font-size: 24px; } .pp-btn { width: 1000px; margin-left: -500px; } .pd-pics .txts .nowti { font-size: 24px; } .coop-list .b .freeTx { font-size: 15px; } .sug-cta { width: 46%; } .sug-ti .ch { font-size: 24px; } .sug-ti .en { font-size: 12px; } .sug-cta .b a { font-size: 16px; } .sug-cta .b { margin-top: 48px; } .cta-form .s-input, .cta-form .s-textarea { width: 730px; } .cta-form .s-input2{ width: 60%;} .cta-form .l, .cta-form .r { width: 348px; } .subBtn { background-position: 725px center; } .om-cta { width: 23%; } .join-list .txts .tx { margin-bottom: 47px; } .join-list .txts .nowti { margin-bottom: 17px; } .join-list .txts .pa { padding: 37px 35px 0 35px; } .society-list li .so1 .nowti { padding-left: 30px; } .society-list .b { padding: 27px 55px 30px 30px; } .sero1 { padding-top: 110px; } .sero-list .txts .ti { margin-bottom: 20px; } .sero-list .txts { padding-top: 16px; } .ser3 { padding-bottom: 125px; } .sd-top .txts > .b { padding-left: 35px; padding-right: 35px; } .sd-top .txts > .t .nowti strong { font-size: 24px; } .sd-top .txts > .t { padding: 17px 35px; } .ser-man { margin-top: 35px; } .tx-show { margin-top: 19px; } .ser-man .tb .nowti { margin-bottom: 14px; } .sc-search .xtx { width: 210px; } .searchpanel { padding-bottom: 138px; } .about-lc .carousel { margin-left: 50px; margin-right: 50px; } /*.about-lc .carousel-item { margin-left: 41px; margin-right: 41px; }*/ } /* 1366 */ @media screen and (max-width:1281px) { .nav { margin-left: 4.1%; } .nav li > a { padding-left: 0; padding-right: 0; } } /* 1281 */ @media screen and (max-width:1200px) { .langbox .searchBtn, .nav { display: none; } .langbox a:nth-child(2) { margin-left: 0; } .langbox a:nth-child(2):before { display: none; } .header, .mtop { height: 60px; } .logo { margin: 12px 0 0 5%; } .langbox { margin-right: 90px; margin-top: 18px; } .menu-handler { display: block; } .banner .slick-dots { padding: 0 5%; } .item2 .bannertxts { padding-left: 5%; } .item1 .bannertxts { padding-left: 8%; } } /* 1200 */ @media screen and (max-width:1024px) { .vwrap .videobox { width: 700px; margin-left: -350px; } .fixbg { background-attachment: scroll; } .pw, .pw2 { width: 90%; } .mouse-box, .switch-line { display: none; } .banner .slick-dots { text-align: center; } .item1 .bannertxts .b { display: block; } .item1 .bannertxts { padding-left: 0; } .bannertxts { padding: 0 5% !important; } .ix-ab-l { width: 100%; float: none; padding-bottom: 54px; } .ix-ab-l .tx { height: auto; max-height: 130px; } .ix-ab-r { float: none; width: 100%; } .ix-ab-r .c1 .txts { padding: 32px 30px 0 30px; } .ix-ab-r .c1 .txts .tx1 { font-size: 24px; } .ixnews { width: 100%; } .ix3 .ix-ti { position: static; margin-bottom: 55px; } .pbanner .pic2 { transform: translate(0px, 0px) !important; } .pbtxts { width: 90%; margin-left: 0; left: 5%; bottom: 48px; } .mcv { display: block; } .pnav { position: relative; } .pnav ul { width: 100%; display: none; position: absolute; left: 0; right: 0; top: 44px; z-index: 99; background: rgba(255,255,255,.8); padding: 8px 0; } .pnav a.act { background: none; color: #858585; } .pnav ul li { width: 50%; text-align: center; } .pnav a { padding: 8px 0; } .ab-num .num strong { font-size: 50px; } .ab-num li { margin: 0 30px; } .bf-slide .slick-dots li { height: 47px; line-height: 47px; } .bf-slide .slick-arrow { height: 37px; width: 37px; } .bf-slide .slick-arrow i { background-size: 74px 37px; } .bf-slide .slick-prev { margin-right: -47px; } .bf-a .txts .pa { padding-top: 20%; } .eh-slide .pic { border: 15px solid #fff; margin: 0 10px; } .ab4 .cul-list { width: 490px; margin: 0 auto; margin-top: 60px; } .cul-list li { margin: 21px; } .cul-list .txts-1 { display: none; } .cul-list .txts-2 { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; color: #666; } .cul-list .ti { color: #333; } .cul-list .line { background: #ccc; } .ab4 { padding-bottom: 113px; } /*.his-slide { width: 100%; box-sizing: border-box; }*/ .gp-list .pic { width: 140px; } .gp-list .ma { min-height: 200px; } .gp-list .txts { margin-left: 140px; padding: 9px 15px 0 25px; } .gp-list .txts .nowti { font-size: 18px; margin-bottom: 17px; } .gp-list .txts .tx { margin-bottom: 55px; } .his-list { height: auto; } .snews .txts .date { margin-bottom: 21px; } .snews .txts .tx { margin-bottom: 41px; } .snews .txts .pa { padding: 36px 30px 0 30px; } .snews .txts .nowti { font-size: 18px; } .newspanel { padding: 98px 0 105px 0; } .pager .wsib { display: none; } .nd-ti .ti { font-size: 30px; } .nd-txts .freeTx { padding: 88px 0 190px 0; } .pro-list a { width: 48%; margin-left: 2%; } .pro-list { margin-left: -2%; } .pro-ctt { padding-left: 5%; padding-right: 5%; } .pp-btn { width: 90%; left: 5%; margin-left: 0; } .coop-list .b .pic { width: 100%; float: none; display: none; } .coop-list .b .freeTx { width: 100%; float: none; } .coop-list .b { padding: 53px 30px 70px 30px; } .cta-form .s-input, .cta-form .s-textarea { width: 100%; box-sizing: border-box; } .cta-form .s-input2{ width: 50%;} .cta-form .l, .cta-form .r { float: none; } .subBtn { background-origin: content-box; background-position: right center; } .cta-form { width: 72%; } .om-cta { width: 25%; } .pbtxts .en { font-size: 50px; padding-top: 27px; } .join-list .txts .tx { height: 60px; } .join-list .txts .nowti, .sero-list .txts .ti, .sero-cta a { font-size: 20px; } .sero-list .txts .ti { margin-bottom: 10px; } .sero-list .txts { padding-top: 6px; } .sero1 { padding-top: 90px; } .pbtxts.tac { bottom: 25%; } .ser-list a { width: 48%; margin-left: 2%; } .ser-list { margin-left: -2%; } .jo-intro .sero-list .pw2 { width:auto;} .sd-top .l, .sd-top .txts { width: 100%; float: none; } .sd-top .txts { padding-bottom: 35px; } .ser-man .pic { width: 15%; } .cul-list .bg, .cul-list li:before, .cul-list li:after { display: none; } .or-ctt { width: 100%; left: 0; margin-left: 0; top: 0; padding: 0 5% 50px 5%; box-sizing: border-box; } .fill-in li { padding: 10px; padding-left: 120px; box-sizing: border-box; } .fill-in .s-input, .fill-in .s-textarea { width: 100%; box-sizing: border-box; } .fill-in .nm { position: absolute; top: 10px; left: 0; } .fill-in .s-select, .fill-in .s1 .s-select { width: 100%; background-origin: content-box; background-position: right center; padding-right: 20px; } .fill-in .s1 { padding-left: 200px; } .or-close { right: 5%; } .sc-search { padding-right: 95px; box-sizing: border-box; position: relative; } .sc-search .xtx { width: 100%; box-sizing: border-box; } .sc-search .btn { position: absolute; top: 0; right: 0; } .search-list .c { width: 88%; } .search-list .p { width: 12%; } .about-lc .carousel { margin-left: 30px; margin-right: 30px; } .about-lc .carousel-item .b { /*margin-left: 37px; margin-right: 37px;*/ margin-bottom: 40px; } .about-lc .tab { padding: 30px 40px; } .about-lc .tab .tab-cont { padding: 10px 0; } .about-lc .tab .tab-cont:before { left: 174px; } .about-lc .tab .date { margin-right: 50px; font-size: 14px; } .about-lc .tab .date:before { right: -28px; } .about-lc .tab .info { font-size: 15px; } } /* 1024 */ @media screen and (max-width:861px) { .vwrap .videobox { width: 100%; left: 0; margin-left: 0; } .item1 .bannertxts .ch, .item3 .bannertxts .ch { font-size: 40px; margin-bottom: 15px; } .item1 .bannertxts .en { font-size: 19px; } .item2 .bannertxts .ch { font-size: 40px; } .item3 .bannertxts .txx { font-size: 16px; } .bannertxts { top: 38% !important; } .pro-a .pic { width: 100%; float: none; } .pro-a .txts { width: 100%; position: relative; } .pro-a .txts .tx { height: auto; width: 430px; max-width: 100%; } .ixpro .slick-arrow { display: none !important; } .ixpro .slick-dots { display: block !important; } .footer .sharebox { display: none; } .footer .t .l, .footer .t .r { float: none; } .erweima li:first-child { margin-left: 0; } .erweima { margin-top: 25px; } .pbtxts .ch { font-size: 24px; } .pbtxts { bottom: 28px; } .ab-num li { margin: 15px 30px; } .ab-num .num strong { font-size: 40px; } .ab1 .ab-num { margin-top: 54px; } .ab1 .freeTx { margin-top: 34px; } .ab1 { padding: 80px 0; } .bf-a .txts, .bf-a .pic { width: 100%; float: none; } .bf-a .txts .pa { padding-top: 40px; padding-bottom: 80px; } .bf-slide .slick-dots { width: 100%; } .bf-slide .slick-prev { margin-right: 0; left: 0; right: auto; } .ab2 { padding-bottom: 108px; } .ab3 .eh-slide { margin-top: 78px; } .ab3 { padding: 86px 0 107px 0; } .ab4 { padding: 94px 0; } /*.his-txts .pa { padding: 32px 50px; } .his-list .freeTx { font-size: 14px; line-height: 2; }*/ .his-a { border: 3px solid #666; height: 50px; line-height: 50px; margin: 0 5px; font-size: 24px; } .ab5 { padding: 85px 0 101px 0; } .gp-list a { width: 100%; margin-left: 0; margin-bottom: 20px; } .gp-list { margin-left: 0; } .ab6 .gp-list { margin-top: 73px; } .aboti .ch { font-size: 26px; } .aboti .en { font-size: 16px; } .abotxts .freeTx { margin-top: 38px; } .abotxts, .abtpanel { padding: 74px 0 112px 0; } .snews .pic, .snews .txts { width: 100%; float: none; } .snews .txts .pa { padding: 36px 30px 40px 30px; } .news-list .txts { padding-right: 0; } .newspanel { padding: 78px 0 85px 0; } .nd-ti .ti { font-size: 24px; margin-bottom: 22px; } .nd-txts .freeTx { padding: 68px 0 98px 0; } .pro-list .tx1 { font-size: 20px; } .pro-list .tx2 { font-size: 14px; } .pro-list .txts { padding-right: 23px; } .pro-list a { margin-bottom: 27px; } .pp-num { display: none; } .pp-btn { position: static; } .pp-btn .arrow { top: 50%; margin-top: -15px; } .pp-btn .next { right: 15px; } .pp-btn .prev { left: 15px; right: auto; } .pd-pics .txts .nowti { line-height: 1; font-size: 20px; } .pd-txts li { width: 100% !important; float: none; } .pd-txts .l { margin-bottom: 40px; } .pd-txts .ti { font-size: 20px; } .coop-cta .ti { font-size: 24px; } .sug-cta, #map { width: 100%; float: none; } #map { margin-top: 58px; } .sug1 { padding: 93px 0 101px 0; } .om-cta { width: 35%; } .cta-form { width: 62%; } .pbtxts .en { font-size: 40px; padding-top: 17px; } .join-nav a { width: 133px; height: 133px; margin: 0 15px; } .join-nav .pa { padding-top: 22px; } .join-list .pic, .join-list .txts { width: 100%; float: none !important; } .join-list .txts .pa { padding: 37px 35px 40px 35px; } .society-list .b { padding-right: 30px; } .jo1 { padding: 74px 0 79px 0; } .jo-intro .ti { font-size: 24px; } .u-arrow-box { margin-top: 70px; } .jo-nav p { font-size: 20px; line-height: 64px; } .jo-nav .ico { height: 64px; background-size: 46px 128px; width: 46px; } .sero1 { padding-top: 70px; } .sero-list .pic { width: 100%; float: none; margin-bottom: 25px; } .sero-list .txts { width: 100%; float: none; } .ser-search { width: 100%; padding-right: 87px; box-sizing: border-box; } .ser-search .txx { width: 100%; box-sizing: border-box; } .ser-man .pic { width: 22%; } .sd-nav li { width: 16.666%; margin-right: 0; } .sd-nav a { text-align: center; padding-left: 0; padding-right: 0; } #h-map { height: 336px; } .sd2 { padding-bottom: 83px; } .smi-carousel { padding: 8px 76px; } .search-sex dd { margin-right: 30px; } .fill-in .s-select, .fill-in .s1 .s-select { padding-right: 10px; } .fill-in .dw { right: 20px; } .sc-search { width: 100%; } .sc-tx { width: 100%; float: none; } .sc-tx p { padding-left: 0; padding-top: 5px; } .search-list .p { width: 15%; } .search-list .c { width: 85%; } .sc-ti { font-size: 28px; } .search-list { margin-top: 68px; } .about-cc .cc-cont { margin-top: 50px; } /*.about-lc .carousel-item { margin-left: 35px; margin-right: 35px; }*/ .about-lc .tab { padding: 20px; } .about-lc .tab .tab-cont { padding: 5px 0; } .about-lc .tab .tab-cont:before { top: -5px; bottom: -5px; } .about-lc .tab .date { font-size: 13px; } .about-lc .tab .info { font-size: 14px; } } /* 861 */ @media screen and (max-width:641px) { .vwrap .videobox { height: 350px; margin-top: -175px; } .item1 .bannertxts .ch, .item3 .bannertxts .ch { font-size: 30px; margin-bottom: 10px; } .item2 .bannertxts .ch { font-size: 30px; } .news-a { margin-right: 0; } .ixnews .slick-arrow { display: none !important; } .ixnews .slick-dots { display: block !important; } .pbtxts .ch { font-size: 20px; margin-top: 0; } .ab-num .num strong { font-size: 30px; letter-spacing: -3px; } .ab-num li { margin: 10px 25px; } .ab1 .ab-num { margin-top: 34px; } .eh-slide .pic { margin: 0; } .ab3 .eh-slide { margin-top: 58px; } .ab3 { padding-bottom: 87px; } .cul-list li { width: 100%; margin: 0; box-sizing: border-box; border-radius: 0; margin-bottom: 10px; height: auto; } .ab4 .cul-list { width: 100%; } .cul-list .txts-2 { position: relative; padding: 35px 0; } /*.his-txts .pa { padding: 32px 35px; }*/ .news-list .txts { padding-left: 35px; } .nd-ti .ti { font-size: 20px; } .nd-change a { width: 100%; float: none; } .nd-change .next { text-align: left; margin-top: 10px; } .nd-change .next .nowti { padding-left: 0; } .nd-change .prev .nowti { padding-right: 0; } .pro-list .tx1 { font-size: 18px; } .pd-pics .txts { padding: 14px 0; } .pd-pics .txts .nowti { font-size: 16px; } .pd-txts { padding-bottom: 100px; } .om-cta { width: 40%; } .cta-form { width: 57%; } .pbtxts .en { font-size: 30px; } .join-nav a { width: 33.333%; margin: 0; } .join-nav a:before, .join-nav a:after { border-radius: 0; } .join2 { padding-bottom: 100px; } /*.society-list { margin-top: 68px; }*/ .society-list .so2 { display: none; } .society-list .so1 { width: 42%; } .society-list .so3 { width: 35%; } .society-list .so4 { width: 23%; } .ser-list .txts .tx2 strong { font-size: 16px; } .ser-list .txts .tx1 { font-size: 18px; } .ser-man .pic { width: 28%; } .sd-nav li { width: 20%; } .fill-in li { width: 100%; float: none; } .banner .pic2 img { display: none; } .banner .pic2 { position: relative; height: 100%; } .search-list .c { width: 80%; } .search-list .p { width: 20%; } } /* 641 */ @media screen and (max-width:601px) { .pro-list a { width: 100%; margin-left: 0; margin-bottom: 20px; } .pro-list { margin-left: 0; } .ser-list a { width: 100%; margin-left: 0; float: none; display: block; margin-bottom: 20px; } .ser-list { margin-left: 0; } .ser3 .ser-list { margin-top: 72px; } .ser3 { padding-bottom: 85px; } .about-lc .carousel-item .b { width: 70px; height: 70px; /*margin-left: 22px; margin-right: 22px;*/ } .about-lc .carousel-item .box { padding: 25px 0; } .about-lc .slick-arrow { width: 40px; border-radius: 12px; } .about-lc .tab { padding: 20px 10px; } .about-lc .tab .tab-cont:before { left: 84px; } .about-lc .tab .date { width: 70px; margin-right: 30px; font-size: 12px; } .about-lc .tab .date:before { right: -18px; } .about-lc .tab .info { font-size: 12px; } } /*601*/ @media screen and (min-width:482px) { .smi-carousel:hover .flex-direction-nav a, .smi-slider:hover .flex-direction-nav a { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; } } @media screen and (max-width:481px) { .vwrap .videobox { height: 300px; margin-top: -150px; } .langbox .lang { padding-left: 10px; margin-left: 10px; font-size: 14px; } .langbox a:nth-child(2) { padding-left: 0; } .langbox { margin-right: 80px; } .logo { width: 150px; margin-top: 16px; } .item1 .bannertxts .ch, .item3 .bannertxts .ch, .item2 .bannertxts .ch { font-size: 22px; } .item1 .bannertxts .txx { font-size: 14px; } .item1 .bannertxts .en, .item2 .bannertxts .en, .item3 .bannertxts .en { font-size: 16px; } .bannertxts { top: 33% !important; } .ix-ab-r .c1 .txts { padding: 22px 20px 0 20px; } .ix-ab-r .c1 .txts .tx1 { font-size: 20px; } .ix-ab-r a { width: 100%; float: none; display: block; } .ix-ab-l { padding-bottom: 44px; } .ix1 { padding: 44px 0 50px 0; } .slick-dots li { width: 5px; height: 5px; border: 2px solid #959595; margin: 0 4px; } .ixnews { margin-top: 35px; } .ix2 { padding: 45px 0 44px 0; } .ix3 .ix-ti { margin-bottom: 35px; } .pro-a .txts .pa { padding: 24px 15px 28px 15px; } .ix3 { padding: 49px 0 53px 0; } .f-cop a { display: block; margin-left: 0; } .footer .t { padding-top: 44px; } .pbtxts .en { font-size: 20px; padding-top: 12px; } .pbtxts .ch { font-size: 16px; } .pbtxts { bottom: 15px; } .ab-num li { width: 50%; float: left; margin: 0; margin-bottom: 20px; text-align: left; } .ab-num { overflow: hidden; } .ab-num li:nth-child(2n) { text-align: right; } .ab-num .num strong { letter-spacing: 0; } .ab1 .freeTx { margin-top: 14px; } .ab1 .ixmore { margin-top: 40px; } .ab1 { padding: 40px 0 50px 0; } .ab2 .freeTx { margin-top: 25px; } .ab2 .bf-slide { margin-top: 33px; } .bf-a .txts .ti { font-size: 16px; margin-bottom: 12px; } .bf-a .txts .line { margin-bottom: 12px; } .bf-a .txts .pa { padding: 30px 15px 73px 15px; } .ab2 { padding: 44px 0 48px 0; } .eh-slide .slick-prev { transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.6); -webkit-transform: scale(0.6); } .eh-slide .slick-next { transform-origin: right center; -webkit-transform-origin: right center; transform: scale(0.6); -webkit-transform: scale(0.6); } .eh-slide { padding: 0 28px; } .ab3 .eh-slide { margin-top: 38px; } .ab3 { padding: 46px 0 47px 0; } .cul-list .ti { font-size: 18px; } .cul-list .line { height: 19px; } .cul-list li { border: 1px solid #707070; } .cul-list .txts-2 { padding: 25px 0; } .ab4 .cul-list { margin-top: 30px; } .ab4 .freeTx { margin-top: 27px; } .ab4 { padding: 44px 0; } .his-a { border: 1px solid #666; margin: 0 1px; font-size: 20px; } /*.his-slide { padding: 0 18px; } .his-slide .slick-prev, .pp-btn .prev { transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.6); -webkit-transform: scale(0.6); } .his-slide .slick-next, .pp-btn .next { transform-origin: right center; -webkit-transform-origin: right center; transform: scale(0.6); -webkit-transform: scale(0.6); }*/ /*.his-txts .pa { padding: 30px 15px; } .his-txts { margin-top: 36px; }*/ /*.ab5 .his-slide { margin-top: 33px; }*/ .ab5 { padding: 45px 0 50px 0; } .gp-list .pic { display: none; } .gp-list .txts { margin-left: 0; padding: 20px 5px 52px 5px; } .gp-list .ma { min-height: 0; } .gp-list .txts .nowti { margin-bottom: 10px; } .gp-list .txts .tx { margin-bottom: 20px; } .gp-list .date { bottom: 0; } .ab6 .ixmore { margin-top: 24px; } .ab6 .gp-list { margin-top: 33px; } .ab6 { padding: 43px 0 53px 0; } .aboti .ch { font-size: 22px; } .aboti .en { font-size: 14px; } .abotxts .freeTx { font-size: 14px; line-height: 2; margin-top: 28px; } .abotxts, .abtpanel { padding: 44px 0 52px 0; } .snews .txts .pa { padding: 26px 15px 30px 15px; } .snews .txts .nowti { font-size: 16px; } .snews .txts .tx { margin-bottom: 31px; } .news-list .rel { margin: 9px 15px 12px 15px; } .news-list .txts { padding-left: 15px; margin-left: 50px; } .news-list { margin: 38px 0; } .pager a { font-size: 14px; height: 30px; width: 32px; line-height: 30px; margin: 0 1px; } .pager .prev, .pager .next { width: 60px; } .newspanel { padding: 48px 0 45px 0; } .abtpanel .pager { margin-top: 18px; } .nd-txts .freeTx { padding: 38px 0 48px 0; } .ndpanel { padding-bottom: 53px; } .nd-txts .back { margin-top: 38px; } .nd-ti .date { margin-right: 0; } .nd-ti .sharebox { display: none; } .nd-ti .ti { font-size: 16px; margin-bottom: 12px; } .nd-ti { padding: 49px 0 21px 0; } .pro-txts .freeTx { text-align: justify; } .pro-txts { padding: 38px 0 40px 0; } .pro-list .txts { padding-left: 15px; padding-right: 15px; } .pro-list { margin-bottom: 20px; } .pro-ctt { padding-bottom: 50px; } .pd-pics .txts .nowti { font-size: 14px; } .pd-txts .ti { font-size: 18px; padding-bottom: 10px; margin-bottom: 15px; } .pd-txts .freeTx { font-size: 14px; } .pd-txts .l { margin-bottom: 20px; } .pd-txts { padding: 47px 0 50px 0; } .coop-list .b { padding: 33px 15px; } .coop-list .t { padding: 18px 15px; } .coop-list .t .nowti { font-size: 16px; } .coop-list .t:before { right: 15px; } .coop-list .t:after { right: 23px; } .coop-cta .ti { font-size: 20px; margin-bottom: 8px; } .coop-cta { padding-left: 15px; margin-top: 43px; } .cooppanel { padding: 50px 0 53px 0; } .sug-cta .b { margin-top: 28px; } #map { margin-top: 38px; height: 268px; } .sug1 { padding: 43px 0 51px 0; } .cta-form { width: 100%; float: none; } .sug2 .sug-ti { margin-bottom: 27px; } .om-cta { width: 100%; float: none; margin-top: 30px; } .sug2 { padding: 44px 0 43px 0; } .pbtxts .en:before { width: 10px; height: 3px; } .join-list .txts .pa { padding: 27px 15px 30px 15px; } .join-list .txts .nowti { font-size: 18px; margin-bottom: 12px; } .join-list .txts .tx { margin-bottom: 27px; } .join-list { margin-bottom: 40px; } .join2 { padding: 40px 0 50px 0; } .join-nav { padding: 46px 0; } .coop-list .b .pic { display: block; margin-bottom: 15px; } .society-list li .so1 .nowti { padding-left: 15px; } .society-list .b { padding: 27px 15px 30px 15px; } .society-list .so1 { width: 50%; } .society-list .so3 { width: 50%; } .society-list .so3 .nowti { padding-right: 40px; } .society-list .so4 { width: 0; } .society-list .so4 .nowti { font-size: 0; } .society-list .t .so4 .nowti:before { right: 15px; left: auto; } .society-list .t .so4 .nowti:after { right: 23px; left: auto; } .society-list .t { position: relative; } .society-list .nowti { position: static; } .society-list .b .freeTx .email { padding-top: 10px; margin-top: 35px; } .jo-intro .ti { font-size: 20px; margin-bottom: 15px; } .jo-intro .freeTx { font-size: 14px; } .u-arrow-box { margin-top: 30px; } .jo1 { padding: 44px 0 49px 0; } .jo-nav p { font-size: 14px; } .jo-nav .ico { transform: scale(0.8); -webkit-transform: scale(0.8); } .jo-nav p { margin-left: -8px; } .jo2 .jo-tx { margin-top: 28px; } .search-city p { margin-right: 0; } .search-city .btn { margin-left: 2px; } .search-city .s-select { width: 155px; background-origin: content-box; background-position: right center; } .jo2 .society-list { margin-top: 46px; } .jo2 .search-city { margin-top: 14px; } .society-list .b .freeTx .email-box { margin-top: 45px; } .jo2 { padding-bottom: 50px; } .sero1 { padding: 40px 0 46px 0; } .sero-list .txts .ti { font-size: 18px; } .sero-list .pic { margin-bottom: 15px; } .sero-list .pw2 { padding: 34px 0; } .sero-cta a { font-size: 16px; } .sero-cta { padding: 37px 0; } .pbtxts.tac { bottom: 20%; } .ser1 { padding: 32px 0; } .ser3 .ser-list { margin-top: 42px; margin-bottom: 21px; } .ser3 { padding-bottom: 50px; } .smi-carousel { display: none; } .smi-slider .flex-direction-nav .flex-prev, .smi-slider .flex-direction-nav .flex-next { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; transform: scale(0.6); -webkit-transform: scale(0.6); } .smi-slider .flex-direction-nav .flex-prev { transform-origin: left center; -webkit-transform-origin: left center; } .smi-slider .flex-direction-nav .flex-next { transform-origin: right center; -webkit-transform-origin: left right; } .sd-top .txts > .t .nowti strong { font-size: 20px; } .sd-top .txts > .t { padding: 12px 15px; } .sd-top .txts > .b { padding-left: 15px; padding-right: 15px; } .ser-man .pic { display: none; } .ser-man .tb { width: 100%; float: none; } .ser-man .tb .paa { padding: 0; } .sd-nav li { width: 25%; } .home-txts li { padding: 22px 15px 26px 15px; } .home-txts .freeTx { line-height: 2; margin-top: 15px; } .hp-a { margin-right: 0; } .home-pics .slick-prev { left: 5px; } .home-pics .slick-next { right: 5px; } #h-map { height: 236px; } .sd2 { padding-bottom: 33px; } #home5 .ti { padding: 0 15px; } .or-ctt .ti { font-size: 24px; } .or-ctt .ti .zw { font-size: 16px; } .or-close { top: 12px; } .fill-in .nm { width: 90px; margin-right: 10px; } .fill-in li { padding-left: 100px; } .fill-in .s1 .nm { width: 170px; } .fill-in .s1 { padding-left: 180px; } .fi-ti { font-size: 20px; } .fi-tx { margin-top: 22px; } .or-ctt .ti { margin-bottom: 25px; } .sc-ti { font-size: 24px; } .sc-search-box { padding: 25px 15px; } .search-list .c { width: 70%; } .search-list .p { width: 30%; } .search-list { margin-top: 18px; margin-bottom: 40px; } .searchpanel { padding: 46px 0 48px 0; } } /* 481 */ @media screen and (max-width:361px) { } /* 361 */ @media screen and (max-width:321px) { .vwrap .videobox { height: 260px; margin-top: -130px; } } /* 321 */