@charset "utf-8"; /* CSS Document */ /* fixed */ html, body { font: 14px/1.8 "Microsoft Yahei", "寰蒋闆呴粦", "Hiragino Sans GB", "鍐潚榛戜綋", tahoma, "times new roman", helvetica, arial; color: #666; } .pw { width: 1400px; margin: 0 auto; } .pw2 { width: 1200px; margin: 0 auto; } .tx { } .freeTx { line-height: 2.14; overflow: hidden; } @font-face { font-family: 'futurabt-medium'; src: url('../fonts/futurabt-medium_.eot'); src: local('鈽?), url('../fonts/futurabt-medium_.woff') format('woff'), url('../fonts/futurabt-medium_.ttf') format('truetype'), url('../fonts/futurabt-medium_.svg') format('svg'); font-weight: normal; font-style: normal; } .ff-1 { font-family: 'futurabt-medium'; } /* fixed end */ .header { height: 87px; transition: 300ms; -webkit-transition: 300ms; } .logo { width: 200px; float: left; margin: 28px 0 0 13.54%; } .nav { float: left; margin-left: 6.1%; } .nav li { float: left; padding: 0 18px; } .nav li > a { color: #333; font-size: 16px; display: block; line-height: 24px; padding: 37px 2px 26px 2px; position: relative; } .nav li > a:before { content: ""; position: absolute; left: auto; right: 0; bottom: 0; height: 7px; background: #d4b364; width: 0; transition: 300ms; -webkit-transition: 300ms; } .nav li > a:hover { color: #d4b364; } .nav li > a:hover:before { width: 100%; right: auto; left: 0; } .nav li > a.act { color: #d4b364; } .nav li > a.act:before { width: 100%; right: auto; left: 0; } .langbox { float: right; margin: 37px 13.54% 0 0; transition: 300ms; -webkit-transition: 300ms; } .langbox a { display: block; float: left; height: 24px; line-height: 24px; color: #333; text-transform: uppercase; font-size: 16px; } .langbox .lang { padding-left: 20px; margin-left: 20px; position: relative; } .langbox .lang:before { content: ""; height: 10px; width: 1px; position: absolute; top: 50%; margin-top: -5px; left: 0; background: #ccc; } .langbox .lang:hover { color: #d4b364; } .langbox .lang.act { color: #d4b364; } .searchBtn .ico { width: 24px; height: 100%; background-image: url(../images/search-btn.png); background-position: top center; } .searchBtn { position: relative; } .searchBox { width: 254px; position: absolute; top: 24px; right: 0; padding-top: 26px; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .searchBox .s { height: 60px; background: #666; overflow: hidden; } .searchBox .s-input { line-height: 24px; padding: 10px 20px; margin: 8px; background: #fff; width: 198px; } .searchBtn:hover .searchBox { opacity: 1; visibility: visible; } .searchBtn:hover .ico { background-position: center bottom; } .mtop { height: 87px; } .banner-box, .banner .item { position: relative; overflow: hidden; } .banner .pic2 { position: absolute; top: 0; left: 0; } .switch-line { position: absolute; left: 0; bottom: 0; height: 7px; width: 100%; background: #c6992d; background: rgba(17,92,185,.5); z-index: 99; } .banner .slick-active .pic2 img, .ixpro .slick-active .pic img, .pd-pics .slick-active .pic img { -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { -webkit-transform: scale(1); transform: scale(1); } } .bannertxts { position: absolute; left: 0; right: 0; transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0; visibility: hidden; transition: 800ms; -webkit-transition: 800ms; } .item1 .bannertxts { color: #000; padding-left: 18.75%; top: 38%; } .item1 .bannertxts .en { font-size: 27px; margin-bottom: 5px; } .item1 .bannertxts .ch { font-size: 54px; margin-bottom: 23px; } .item1 .bannertxts .txx { font-size: 16px; } .item1 .bannertxts .b { display: inline-block; } .item2 .bannertxts { color: #fff; padding-left: 13.54%; top: 53%; } .item2 .bannertxts .en { font-size: 19px; } .item2 .bannertxts .ch { font-size: 45px; } .item2 .bannertxts { transform: translateX(80px); -webkit-transform: translateX(80px); } .item3 .bannertxts { color: #fff; top: 42%; } .item3 .bannertxts .txx { line-height: 1.4; font-size: 30px; margin-bottom: 4px; } .item3 .bannertxts .ch { font-size: 60px; margin-bottom: 23px; } .item3 .bannertxts .en { font-size: 19px; } .banner .slick-active .bannertxts { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; } .banner .slick-dots { position: absolute; left: 0; right: 0; padding: 0 13.54%; bottom: 36px; z-index: 99; margin-top: 0; text-align: right; } .banner .slick-dots li { border: 3px solid #fff; width: 6px; height: 6px; margin-left: 10px; margin-right: 0; } .banner .slick-dots li.slick-active, .banner .slick-dots li:hover { background: #fff !important; } .mouse-box { width: 80px; position: absolute; left: 50%; margin-left: -40px; bottom: 33px; color: #fff; cursor: pointer; } .mouse-box .en { font-size: 10px; } .mouse { display: block; height: 34px; background: url(../images/mouse.png) no-repeat center center; position: relative; margin-bottom: 15px; } .mouse i { display: block; width: 2px; height: 7px; border-radius: 1px; background: #fff; top: 5px; left: 50%; margin-left: -1px; position: absolute; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; } @keyframes mouse-dot { from { opacity: 0; } 33% { opacity: 1; } to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; } } @-webkit-keyframes mouse-dot { from { opacity: 0; } 33% { opacity: 1; } to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; } } .ix1 { background: #f8f8f8; padding: 54px 0 70px 0; } .ix-ab-l { width: 45%; } .ix-ti .line { width: 19px; height: 6px; background: #d4b364; margin-bottom: 14px; } .c-black { color: #333; } .ix-ti .en { font-size: 53px; margin-bottom: 5px; } .ix-ti .ch { font-size: 24px; } .ix-ab-l .tx { font-size: 16px; line-height: 36px !important; height: 180px; margin: 41px 0 69px 0; } .ixmore { display: block; border: 1px solid #707070; width: 112px; height: 28px; line-height: 28px; font-size: 12px; color: #707070; position: relative; } .ixmore p { padding-left: 14px; position: relative; } .ixmore:after { content: ""; width: 4px; position: absolute; top: 0; bottom: 0; right: 19px; background: url(../images/ix-ico-1.png) no-repeat right center; } .ixmore:before { content: ""; position: absolute; top: 0; bottom: 0; left: auto; right: 0; background: #c6992d; width: 0; transition: 300ms; -webkit-transition: 300ms; } .ix-ab-r { width: 45%; } .ix-ab-r a { width: 50%; float: left; color: #fff; position: relative; } .ix-ab-r .c1:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../img/iximg15.png) no-repeat 0 0/cover; transition: 600ms; -webkit-transition: 600ms; } .ix-ab-r .c1 .txts { position: absolute; top: 0; left: 0; right: 0; padding: 32px 30px 0 30px; transition: 300ms; -webkit-transition: 300ms; } .ix-ab-r .c1 .txts .tx1 { font-size: 24px; margin-bottom: 3px; } .ix-ab-r .item4 .txts { text-align: right; } .ix-ab-r .c2 .txts { position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/black.png); background: rgba(0,0,0,.6); line-height: 24px; padding: 12px 0; } .ix-ab-r .c2 .txts .ico { width: 24px; height: 24px; display: inline-block; margin-right: 8px; transition: 300ms; -webkit-transition: 300ms; } .ix-ab-r .item2 .txts .ico { background-image: url(../images/ix-ico-2.png); } .ix-ab-r .item3 .txts .ico { background-image: url(../images/ix-ico-3.png); } .ixnews { width: 1424px; margin-top: 55px; position: relative; } .news-a { display: block; margin-right: 24px; color: #666; position: relative; } .news-a .nowti { color: #333; font-size: 18px; margin-bottom: 9px; } .news-a .date { font-size: 12px; } .news-a .date em { padding-left: 15px; margin-left: 20px; position: relative; } .news-a .date em:before { content: ""; width: 1px; height: 10px; background: #ccc; position: absolute; top: 50%; margin-top: -5px; left: 0; } .news-a .txts { border-bottom: 2px solid #959595; padding: 18px 0 16px 0; } .news-a:before { content: ""; position: absolute; width: 0; height: 2px; background: #c6992d; left: auto; right: 0; bottom: 0; transition: 400ms; -webkit-transition: 400ms; } .ixnews .slick-arrow { position: absolute; top: -82px; } .ixnews .slick-prev { right: 93px; } .ixnews .slick-next { right: 41px; } .ix2 { padding: 65px 0 84px 0; } .pro-a { display: block; overflow: hidden; color: #fff; position: relative; } .pro-a .pic { width: 66.64%; float: right; } .pro-a .txts { width: 530px; background: #d4b364; position: absolute; left: 0; bottom: 0; z-index: 9; } .pro-a .txts .pa { padding: 44px 55px 68px 55px; position: relative; z-index: 9; } .pro-a .txts .nowti { font-size: 20px; margin-bottom: 20px; } .pro-a .txts .line { width: 33px; height: 1px; background: #fff; background: rgba(255,255,255,.5); margin-bottom: 15px; } .pro-a .txts .tx { height: 50px; } .pro-a .txts:before, .pro-a .txts:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-repeat: no-repeat; transition: 600ms; -webkit-transition: 600ms; } .pro-a .txts:before { background-image: url(../img/iximg33.png); } .pro-a .txts:after { background-image: url(../img/iximg34.png); } .ixpro { position: relative; } .ixpro .slick-arrow { bottom: 24px; position: absolute; background: #fff; } .ixpro .slick-prev { left: 583px; } .ixpro .slick-next { left: 632px; } .ix3 .pw { position: relative; } .ix3 .ix-ti { position: absolute; left: 0; top: 40px; } .ix3 { padding: 79px 0 83px 0; } .footer { background: #666; color: #fff; } .footer a { color: #fff; } .f-ctas { overflow: hidden; } .f-ctas a { line-height: 24px; display: block; float: left; padding-left: 28px; position: relative; margin-right: 60px; transition: 0ms; -webkit-transition: 0ms; } .f-ctas a:before { content: ""; width: 28px; height: 24px; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center top; } .f-ctas .c1:before { background-image: url(../images/footer-ico-1.png); } .f-ctas .c2:before { background-image: url(../images/footer-ico-2.png); } .f-ctas .c3:before { background-image: url(../images/footer-ico-3.png); } .sharebox { overflow: hidden; line-height: 24px; font-size: 15px; text-transform: capitalize; } .sharebox p { float: left; margin-right: 9px; } .sharebox .share { float: left; overflow: hidden; } .share a { display: block; width: 28px; height: 24px; background-repeat: no-repeat; background-position: center top; float: left; margin-right: 4px; } .share .s1 { background-image: url(../images/footer-ico-4.png); } .share .s2 { background-image: url(../images/footer-ico-5.png); } .share .s3 { background-image: url(../images/footer-ico-6.png); } .erweima li { width: 107px; font-size: 12px; color: #c3c3c3; float: left; text-align: center; margin-left: 22px; } .erweima { overflow: hidden; } .erweima .pic { margin-bottom: 3px; } .footer .t { padding: 64px 0 23px 0; } .footer .sharebox { margin-top: 24px; } .footer .b { border-top: 1px solid #505050; padding: 17px 0 30px 0; } .f-cop a { margin-left: 17px; } .sheader { height: 60px; /*animation: 800ms 300ms; -webkit-animation: 800ms 300ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown;*/ } .sheader .logo { margin-top: 12px; transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.9); -webkit-transform: scale(0.9); } .sheader .nav li > a { padding-top: 18px; padding-bottom: 18px; } .sheader .langbox { margin-top: 18px; } .sheader .searchBox { padding-top: 18px; } @keyframes fadedown { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @-webkit-keyframes fadedown { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .navMobile { margin-top: 60px; } .navMobile dd a { display: block; } .navMobile dd p a { line-height: 1.4; color: #333; padding: 15px 25px; font-size: 18px; position: relative; } .navMobile dd { border-bottom: 1px solid #cecece; } .navMobile dd p a:before { content: ""; position: absolute; top: 0; bottom: 0; width: 7px; background: url(../images/ix-ico-6.png) no-repeat right center; right: 25px; } .mtnav { padding: 25px; overflow: hidden; display: none; } .mtnav a { color: #777; line-height: 30px; width: 50%; float: left; } .navMobile dd p a.act { background: #d4b364; color: #fff; } .navMobile dd p a.act:before { background-position: left center; } .black { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/black.png); z-index: 1000; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .black.show { opacity: 1; visibility: visible; } .ixpro .slick-dots, .ixnews .slick-dots { display: none !important; } .pbanner { position: relative; overflow: hidden; } .pbtxts { width: 1200px; position: absolute; left: 50%; margin-left: -600px; bottom: 75px; z-index: 99; color: #fff; text-shadow:0 0 5px rgba(0,0,0,.6); } .pbtxts .en { font-size: 60px; position: relative; padding-top: 37px; } /*.pbtxts .en:before { content: ""; width: 19px; height: 6px; background: #fff; position: absolute; top: 0; left: 0; }*/ .pbtxts .ch { font-size: 30px; margin-top: -5px; } .pnav li { float: left; } .pnav a { display: block; font-size: 15px; color: #858585; padding: 13px 22px; } .pnav { background: #fafafa; } .pnav a.act { background: #d4b364; color: #fff; } .spnav { position: fixed; left: 0; right: 0; background: url(../images/black.png); background-color: rgba(0,0,0,0.6); top: 60px; z-index: 1003; } .spnav a { padding: 8px 22px; color: #fff; } /*.spnav a.act{ background:none; }*/ .abti .ch { font-size: 24px; margin-bottom: 7px; } .abti .en { font-size: 12px; color: #999; } .ab-num .num { font-size: 12px; line-height: 1; } .ab-num .num strong { font-size: 60px; color: #c6992d; letter-spacing: -6px; } .ab-num .txx { margin-top: -4px; } .ab-num li { margin: 0 40px; } .ab1 .ab-num { margin-top: 89px; } .ab1 .freeTx { margin-top: 49px; } .ab1 .ixmore { margin: 60px auto 0 auto; } .ab1 { padding: 110px 0 100px 0; } .ab2 { background: #f5f7f8; padding: 64px 0 128px 0; } .ab2 .freeTx { margin-top: 39px; } .ab2 .bf-slide { margin-top: 63px; } .bf-a { overflow: hidden; background: #fff; } .bf-a .pic { width: 62.5%; float: left; } .bf-a .txts { width: 37.5%; float: left; } .bf-a .txts .ti { font-size: 20px; color: #000; margin-bottom: 17px; } .bf-a .txts .pa { padding: 110px 35px 0 35px; } .bf-a .txts .line { width: 37px; height: 1px; background: #d0d0d0; margin: 0 auto; margin-bottom: 22px; } .bf-a .txts .tx { width: 240px; max-width: 100%; margin: 0 auto; } .bf-slide .slick-dots { width: 37.5%; position: absolute; bottom: 0; right: 0; margin-top: 0; background: #e7e7e7; } .bf-slide .slick-dots li { width: 25px; text-align: center; height: 67px; line-height: 67px; border-radius: 0; margin: 0 8px; border: none; font-size: 20px; font-weight: bold; color: #c6992d; position: relative; } .bf-slide .slick-dots li:before { content: ""; width: 0; height: 5px; background: #c6992d; position: absolute; left: 0; bottom: 0; transition: 300ms; -webkit-transition: 300ms; } .bf-slide .slick-dots .slick-active, .bf-slide .slick-dots li:hover { background: none !important; } .bf-slide .slick-dots .slick-active:before, .bf-slide .slick-dots li:hover:before { width: 100%; } .bf-slide .slick-arrow { border: 5px solid #c6992d; background: none; height: 57px; width: 57px; border-radius: 0; position: absolute; bottom: 0; } .bf-slide .slick-next { right: 0; } .bf-slide .slick-prev { right: 37.5%; margin-right: -67px; } .bf-slide .slick-arrow i { width: 100%; } .bf-slide .slick-prev i { right: 0; background: url(../images/ab-ico-1.png) no-repeat left center; } .bf-slide .slick-next i { left: 0; background: url(../images/ab-ico-2.png) no-repeat right center; } .eh-slide .pic { border: 30px solid #fff; margin: 0 23px; cursor: pointer; transition: 400ms; -webkit-transition: 400ms; } .eh-slide { padding: 0 48px; } .eh-slide .slick-arrow { width: 23px; height: 44px; border-radius: 0; background: none; position: absolute; top: 50%; margin-top: -22px; } .eh-slide .slick-arrow i { width: 100%; left: auto; right: auto; } .eh-slide .slick-prev { left: 0; } .eh-slide .slick-next { right: 0; } .eh-slide .slick-prev i { background: url(../images/ab-ico-3.png) no-repeat left center; } .eh-slide .slick-next i { background: url(../images/ab-ico-4.png) no-repeat right center; } .eh-slide .slick-arrow:hover { background: none; } /* big */ html.openImg { /* overflow: hidden; */ } .overlayClose { width: 80px; height: 80px; display: block; transition: 300ms; -webkit-transition: 300ms; } .overlayClose i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; } .overlayClose:hover { background-color: #c6992d; } .imgstools { position: absolute; right: 0px; top: 0px; z-index: 1000; width: 330px; color: #fff; background-color: #000000; } .imgstools .imgPrev { background: url(../images/img_l3.png) no-repeat scroll center center; width: 100%; height: 100%; cursor: pointer; } .imgstools .imgNext { background: url(../images/img_r3.png) no-repeat scroll center center; width: 100%; height: 100%; cursor: pointer; } .imgstools .imgPrev:hover { background-color: #333; } .imgstools .imgNext:hover { background-color: #333; } .imgstools li { float: left; display: block; border-left: 1px solid #333; width: 80px; height: 80px; text-align: center; } .imgstools li.lastitem { padding-left: 8px; border-left-color: #333; } .imgstools li .snumBox { color: #fff; height: 80px; line-height: 80px; font-size: 18px; font-family: "婵帗绋掗崹宕囩礊閿燂拷", arial, helvetica, sans-serif; } .overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } .imgShowBox { background-color: #333333; bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; z-index: 1010; width: 100%; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; } .no-csstransitions .imgShowBox { display: none; } .imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; } .imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; } .imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 80px; right: 0px; bottom: 0px; } .imgShowDemo .con { position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%; } .imgShowDemo .con .t { font-size: 16px; color: #333; } .imgShowDemo .txt { background: #000000; font-size: 14px; color: #fff; position: absolute; left: 0; right: 0; top: 0; padding: 15px 0px; height: 50px; line-height: 50px; overflow: hidden; text-align: center; z-index: 10; } .hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; } .img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; } .no-csstransitions .img-show { display: block; } .imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 50px; height: 50px; border-radius: 50%; background-color: transparent; overflow: hidden; top: 50%; margin-top: -25px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; } .imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(../images/img_l4.png); } .imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image: url(../images/img_r4.png); } .imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color: #e2bfa5; } .imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #e2bfa5; } /* big end */ .ab3 .eh-slide { margin-top: 118px; } .ab3 { padding: 106px 0 187px 0; } .cul-list li { border: 3px solid #707070; width: 227px; height: 227px; border-radius: 100%; position: relative; margin: 0 31px; } .cul-list .ico { height: 60px; } .cul-list .ch { font-size: 18px; margin-top: 10px; } .cul-list .en { color: #b7b7b7; font-size: 12px; margin-top: 5px; } .cul-list .txts-1 { padding-top: 49px; position: relative; z-index: 5; transition: 400ms; -webkit-transition: 400ms; } .cul-list .txts-2 { position: absolute; z-index: 5; left: 0; right: 0; top: 0; color: #fff; padding-top: 65px; transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .cul-list .ti { font-size: 24px; margin-bottom: 7px; } .cul-list .line { width: 1px; height: 29px; background: #fff; margin: 0 auto 8px auto; } .cul-list .bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; background: #d4b364; transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .cul-list .txx { padding: 0 10px; } .cul-list li:before, .cul-list li:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; transition: 800ms; -webkit-transition: 800ms; } .cul-list li:before { background-image: url(../images/ab-ico-8.png); transform: translate(-100%); -webkit-transform: translate(-100%); opacity: 0; visibility: hidden; } .cul-list li:after { background-image: url(../images/ab-ico-9.png); transform: translate(100%); -webkit-transform: translate(100%); opacity: 0; visibility: hidden; } .ab4 .freeTx { width: 810px; max-width: 100%; margin: 0 auto; margin-top: 37px; } .ab4 .cul-list { margin-top: 80px; } .ab4 { padding: 114px 0 134px 0; } .his-a { display: block; border: 3px solid #666; height: 60px; line-height: 60px; overflow: hidden; text-align: center; margin: 0 9px; font-size: 30px; color: #666; } .his-slide { width: 992px; padding: 0 28px; margin: 0 auto; } .his-slide .slick-current .his-a { background: #d4b364; border-color: #d4b364; color: #fff; } .his-slide .slick-arrow { width: 13px; position: absolute; top: 0; bottom: 0; background: none; border-radius: 0; height: auto; } .his-slide .slick-arrow i { left: auto; right: auto; width: 100%; } .his-slide .slick-prev { left: 0; } .his-slide .slick-next { right: 0; } .his-slide .slick-arrow:hover { background: none; } .his-slide .slick-prev i { background: url(../images/ab-ico-10.png) no-repeat left center; } .his-slide .slick-next i { background: url(../images/ab-ico-11.png) no-repeat right center; } .his-txts { background: #fff; border-bottom: 8px solid #cce8f7; margin-top: 56px; } .his-txts .pa { padding: 32px 90px 62px 70px; } .his-list .freeTx { font-size: 16px; color: #999; line-height: 3.25; } .his-list .freeTx .date { margin-right: 35px; } .his-list { height: 260px; overflow: hidden; overflow-y: scroll; } .ab5 .his-slide { margin-top: 63px; } .ab5 { padding: 85px 0 141px 0; } .his-list li { display: none; } .gp-list a { display: block; width: 48%; margin-left: 2%; margin-bottom: 2%; float: left; background: #fff; color: #666; overflow: hidden; position: relative; } .gp-list { margin-left: -2%; } .gp-list a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #e5e5e5; } .gp-list .ma { position: relative; margin: 10px; min-height: 252px; } .gp-list .pic { width: 176px; position: absolute; top: 0; left: 0; } .gp-list .txts { margin-left: 176px; padding: 9px 20px 0 35px; } .gp-list .txts .nowti { font-size: 20px; color: #2e2e2e; margin-bottom: 32px; } .gp-list .txts .tx { line-height: 28px !important; height: 56px; margin-bottom: 92px; } .gp-list .date { width: 113px; height: 32px; line-height: 32px; text-align: center; background: #c6992d; color: #fff; position: absolute; bottom: 10px; right: -10px; } .ab6 .gp-list { margin-top: 113px; } .ab6 .ixmore { margin: 50px auto 0 auto; } .ab6 { padding: 83px 0 73px 0; } .c-blue { color: #c6992d; } .aboti .ch { font-size: 36px; } .aboti .en { font-size: 20px; margin-top: 6px; } .abotxts .freeTx { font-size: 16px; line-height: 2.25; margin-top: 78px; } .abotxts { padding: 114px 0 172px 0; } .abtpanel { padding: 114px 0 172px 0; } .snews { overflow: hidden; background: #fafafa; } .snews .pic { width: 49.75%; float: left; } .snews .txts { width: 50.25%; float: left; } .snews .txts .nowti { font-size: 24px; margin-bottom: 8px; } .snews .txts .date { color: #969696; padding-left: 28px; font-family: Arial; position: relative; line-height: 24px; margin-bottom: 41px; } .snews .txts .date:before { content: ""; width: 28px; height: 24px; position: absolute; top: -2px; left: 0; background: url(../images/date.png) no-repeat left center; } .snews .txts .tx { line-height: 28px !important; height: 84px; margin-bottom: 81px; } .snews .txts .pa { padding: 46px 40px 0 40px; } .news-list a { display: block; color: #969696; border-top: 1px solid #eee; overflow: hidden; } .news-list .rel { min-height: 39px; margin: 9px 30px 12px 30px; } .news-list .date { color: #9d9d9d; font-family: Arial; line-height: 1; text-align: center; position: absolute; top: 0; left: 0; padding-top: 3px; } .news-list .date .fwb { display: block; font-size: 16px; color: #969696; margin-bottom: 4px; } .news-list .txts { margin-left: 70px; padding-left: 55px; position: relative; padding-right: 105px; } .news-list .txts:before { content: ""; width: 1px; height: 39px; background: #eee; position: absolute; top: 0; left: 0; transition: 300ms; -webkit-transition: 300ms; } .news-list .txts .nowti { color: #646464; margin-bottom: 26px; padding-top: 9px; transition: 300ms; -webkit-transition: 300ms; } .news-list .txts .tx { line-height: 28px !important; height: 56px; margin-bottom: 35px; } .news-list .txts .more { color: #d4b364; } .news-list .txts .b { display: none; } .news-list a.act .txts .nowti, .news-list a.act .date, .news-list a.act .date .fwb { color: #d3a63a; } .news-list a.act .txts:before { background: #d3a63a; } .news-list a.act { border-color: #d3a63a; } .news-list a.act .txts .nowti { font-size: 16px; font-weight: bold; padding-top: 0; } .news-list { margin-top: 68px; border-bottom: 1px solid #eee; margin-bottom: 78px; } .pager a { border: 1px solid #dddddd; color: #666; font-size: 16px; height: 40px; width: 42px; line-height: 40px; margin: 0 5px; } .pager .prev, .pager .next { width: 70px; } .pager .btn { width: 72px; height: 42px; border: 1px solid #dddddd; color: #666; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; } .pager .btn:hover { background: #d4b364; color: #fff; } .pager .txx { width: 42px; height: 40px; border: 1px solid #dddddd; text-align: center; } .pager span, .pager input { margin: 0 5px; } .newspanel { padding: 118px 0 225px 0; } .pager a.act { background: #d4b364; color: #fff; border-color: #d4b364; } .abtpanel .pager { margin-top: 78px; } .back-list { background: #fafafa; padding: 13px 0; } .back-a { display: block; color: #858585; font-size: 12px; line-height: 24px; } .nd-ti .ti { font-size: 35px; margin-bottom: 32px; } .nd-ti .date { line-height: 24px; padding-left: 28px; position: relative; margin-right: 30px; } .nd-ti .date:before { content: ""; width: 28px; height: 24px; position: absolute; top: -1px; left: 0; background: url(../images/date.png) no-repeat left center; } .share2 .s1 { background-image: url(../images/nd-ico-1.png); } .share2 .s2 { background-image: url(../images/nd-ico-3.png); } .share2 .s3 { background-image: url(../images/nd-ico-2.png); } .nd-ti { border-bottom: 1px solid #e8e8e8; padding: 59px 0 51px 0; } .nd-txts .freeTx { width: 1000px; max-width: 100%; line-height: 2; margin: 0 auto; padding: 108px 0 210px 0; } .nd-change a { display: block; color: #787878; width: 50%; float: left; } .nd-change { overflow: hidden; border-bottom: 1px solid #e8e8e8; padding-bottom: 37px; } .nd-change .prev .nowti { padding-right: 30px; } .nd-change .next .nowti { padding-left: 30px; } .nd-change .next { text-align: right; } .nd-change .nowti { margin-top: 5px; } .back { display: block; border: 1px solid #d3a63a; width: 136px; height: 52px; text-align: center; line-height: 52px; color: #d3a63a; margin: 0 auto; } .nd-txts .back { margin-top: 48px; } .ndpanel { padding-bottom: 123px; } .pro-txts .freeTx { width: 958px; max-width: 100%; margin: 0 auto; text-align: center; } .pro-txts { padding: 78px 0 90px 0; } .pro-city { background: #fbfbfb; padding: 37px 0 38px 0; } .pro-city .ti { font-size: 18px; color: #080808; margin-bottom: 8px; } .pro-city .freeTx { font-size: 13px; color: #858585; } .pro-list a { display: block; width: 32%; margin-left: 1.33%; float: left; background: #fff; color: #737373; margin-bottom: 47px; } .pro-list { margin-left: -1.33%; margin-bottom: 60px; } .pro-list .bodr { border: 1px solid #d0d0d0; } .pro-list .tx1 { font-size: 28px; color: #000; margin-bottom: 9px; } .pro-list .tx2 { font-size: 16px; } .pro-list .txts { padding: 13px 33px 19px 23px; } .pro-ctt { padding: 35px 25px 130px 25px; } .pd-pics .item { position: relative; } .pd-pics .txts { position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/black.png); background: rgba(0,0,0,.7); color: #fff; padding: 24px 0; } .pd-pics .txts .nowti { font-size: 30px; line-height: 30px; } .pd-pic-box { position: relative; } .pp-btn { width: 1200px; position: absolute; left: 50%; margin-left: -600px; bottom: 0; z-index: 99; } .pp-num { color: #fff; line-height: 30px; font-size: 18px; font-family: Arial; position: absolute; right: 35px; bottom: 24px; } .pp-btn .arrow { width: 17px; height: 30px; position: absolute; bottom: 24px; cursor: pointer; } .pp-btn .next { background: url(../images/pd-ico-2.png) no-repeat right center; right: 0; } .pp-btn .prev { background: url(../images/pd-ico-3.png) no-repeat left center; right: 78px; } .pd-txts .l { width: 28.33%; } .pd-txts .r { width: 58.66%; } .pd-txts .ti { font-size: 24px; color: #585858; border-bottom: 1px solid #b2b2b2; padding-bottom: 17px; margin-bottom: 30px; } .pd-txts .freeTx { font-size: 15px; } .pd-txts { padding: 77px 0 200px 0; } .pd-back { overflow: hidden; } .pd-back a { display: block; float: left; height: 57px; text-align: center; line-height: 57px; color: #fff; } .pd-back .pv, .pd-back .nt { width: 39%; background: #d4b364; } .pd-back .bk { width: 22%; background: #c6992d; } .pd-back .c-prev, .pd-back .c-next { display: inline-block; } .coop-list li { border-bottom: 1px solid #8e8e8e; } .coop-list .t .nowti { line-height: 24px; color: #8e8e8e; font-size: 18px; } .coop-list .t { padding: 18px 30px; position: relative; cursor: pointer; transition: 400ms; -webkit-transition: 400ms; } .coop-list .t:before { content: ""; width: 20px; height: 4px; position: absolute; top: 50%; margin-top: -2px; right: 30px; background: #8e8e8e; transition: 400ms; -webkit-transition: 400ms; } .coop-list .t:after { content: ""; width: 4px; height: 20px; background: #8e8e8e; position: absolute; top: 50%; margin-top: -10px; right: 38px; transition: 400ms; -webkit-transition: 400ms; } .coop-list .b { background: #fafafa; padding: 73px 60px 130px 50px; overflow: hidden; display: none; } .coop-list .b .pic { width: 34.5%; float: right; } .coop-list .b .freeTx { width: 54.4%; float: left; font-size: 16px; } .coop-list .t.act { background: #d4b364; } .coop-list .t.act .nowti { color: #fff; } .coop-list .t.act:before, .coop-list .t.act:after { background: #fff; } .coop-list .t.act:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .coop-cta .ti { font-size: 30px; color: #313131; margin-bottom: 16px; } .coop-cta .freeTx { line-height: 36px; color: #8e8e8e; } .coop-cta a { color: #d4b364; text-decoration: underline; } .coop-cta { padding-left: 30px; margin-top: 83px; } .cooppanel { padding: 100px 0 103px 0; } .sug-cta { width: 48.4%; float: left; padding-top: 8px; } .sug-ti .ch { font-size: 30px; margin-bottom: 5px; } .sug-ti .en { font-size: 17px; } .sug-cta .t { border-bottom: 1px solid #c6c6c6; padding-bottom: 20px; } .sug-cta .b a { display: block; font-size: 18px; line-height: 30px; color: #8e8e8e; padding-left: 35px; position: relative; margin-bottom: 18px; } .sug-cta .b a:before { content: ""; width: 35px; height: 30px; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center top; } .sug-cta .c1:before { background-image: url(../images/sug-ico-1.png); } .sug-cta .c2:before { background-image: url(../images/sug-ico-2.png); } .sug-cta .c3:before { background-image: url(../images/sug-ico-3.png); } .sug-cta .c4:before { background-image: url(../images/sug-ico-4.png); } .sug-cta .b { margin-top: 68px; } #map { width: 50%; float: right; height: 468px; } .sug1 { padding: 113px 0 121px 0; } /*.abti.c-blue .en{ color:#c6992d; }*/ .cta-form li { overflow: hidden; } .cta-form input { display: block; } .cta-form textarea { display: block; resize: vertical; min-height: 200px; } .cta-form .s-input, .cta-form .s-textarea { width: 880px; line-height: 24px; border: 2px solid #b3b3b3; color: #8e8e8e; padding: 10px 8px; margin-bottom: 20px; transition: border 300ms; -webkit-transition: border 300ms; font-family: "寰蒋闆呴粦"; } .cta-form .s-input2{ float: left; width: 170px; margin-right: 10px;} .cta-form .ymzA{ float: left;} .cta-form .ymzA img{ vertical-align: middle;} .cta-form .l, .cta-form .r { width: 420px; } .cta-form .s-textarea { height: 192px; } .subBtn { width: 100%; text-align: left; background: #c6992d url(../images/input-aw.png) no-repeat 875px center; color: #fff; height: 55px; padding: 0 20px; cursor: pointer; transition: 400ms; -webkit-transition: 400ms; } /*.ctatBox{ padding:110px 0 138px 0; }*/ .cta-form .s-input:focus, .cta-form .s-textarea:focus { color: #c6992d; border-color: #c6992d; } /*.ctafixbg{ position:fixed; top:0; bottom:0; left:0; right:0; background-position:center center; background-size:cover; background-repeat:no-repeat; z-index:-1; }*/ .cta-form { width: 75%; float: left; } .om-intro { font-size: 16px; font-weight: bold; margin-top: 17px; } .sug2 .sug-ti { margin-bottom: 57px; } .om-cta { width: 20%; float: right; } .om-cta a { display: block; height: 208px; overflow: hidden; color: #fff; line-height: 30px; cursor: auto; } .om-cta .oc1 { background: #d4b364; margin-bottom: 10px; } .om-cta .oc2 { background: #c6992d; } .om-cta .ico { height: 60px; margin-bottom: 6px; margin-top: 50px; } .om-cta .oc1 .ico { background-image: url(../images/sug-ico-5.png); } .om-cta .oc2 .ico { background-image: url(../images/sug-ico-6.png); } .sug2 { padding: 54px 0 53px 0; } .join-nav a { width: 153px; height: 153px; position: relative; color: #fff; font-size: 15px; margin: 0 20px; } .join-nav a:before, .join-nav a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; transition: 400ms; -webkit-transition: 400ms; } .join-nav a:before { background: #8e8e8e; } .join-nav a:after { background: #c6992d; transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; visibility: hidden; } .join-nav .pa { position: relative; z-index: 9; padding-top: 32px; } .join-nav .ico { height: 60px; } .join-nav .j1 .ico { background-image: url(../images/join-ico-1.png); } .join-nav .j2 .ico { background-image: url(../images/join-ico-2.png); } .join-nav .j3 .ico { background-image: url(../images/join-ico-3.png); } .join-nav .nowti { margin-top: 6px; } .join-nav .aw { position: absolute; left: 0; right: 0; height: 10px; background: url(../images/join-ico-6.png) no-repeat center bottom; bottom: -18px; z-index: 99 transition:400ms; -webkit-transition: 400ms; transform: translateY(-20px); -webkit-transform: translateY(-20px); opacity: 0; visibility: hidden; } .join-nav a.act:before { transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; visibility: hidden; } .join-nav a.act:after { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; } .join-nav a.act .aw { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; } .join-nav { padding: 66px 0 56px 0; } .join2 { background: #fafafa; } .join-list a { display: block; color: #8e8e8e; background: #fff; overflow: hidden; margin-bottom: 24px; } .join-list .pic, .join-list .txts { width: 50%; } .join-list .item1 .pic { float: left; } .join-list .item1 .txts { float: right; } .join-list .item2 .pic { float: right; } .join-list .item2 .txts { float: left; } .join-list .txts .pa { padding: 47px 40px 0 35px; } .join-list .txts .nowti { font-size: 24px; color: #3b3b3b; margin-bottom: 27px; } .join-list .txts .tx { line-height: 30px !important; height: 90px; margin-bottom: 67px; } .join-list .b .ixmore { float: left; } .join-list .b .date { float: right; line-height: 30px; font-size: 12px; } .join-list { margin-bottom: 70px; } .join2 { padding: 60px 0 140px 0; } .jo-intro .ti { font-size: 30px; margin-bottom: 25px; } .jo-intro .freeTx { font-size: 15px; line-height: 2; width: 824px; max-width: 100%; margin: 0 auto; } .jo1 { padding: 94px 0 99px 0; } .u-arrow-box { width: 27px; z-index: 99; margin: 90px auto 0 auto; } .u-arrow { background: url(../images/u_arrow.png) no-repeat; width: 27px; height: 13px; display: block; } .u-arrow3 { margin-top: -3px; animation: arrow 900ms 0ms linear infinite running; -webkit-animation: arrow 900ms 0ms linear infinite running; } .u-arrow2 { margin-top: -3px; animation: arrow 900ms 300ms linear infinite running; -webkit-animation: arrow 900ms 300ms linear infinite running; } .u-arrow1 { animation: arrow 900ms 600ms linear infinite running; -webkit-animation: arrow 900ms 600ms linear infinite running; } @-webkit-keyframes arrow { 0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); } } @keyframes arrow { 0% { opacity: 0; transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 10px, 0px); } } .jo-nav { border: 1px solid #b5b5b5; overflow: hidden; } .jo-nav a { width: 50%; float: left; font-size: 24px; color: #8e8e8e; position: relative; } .jo-nav p { font-size: 24px; line-height: 84px; } .jo-nav .j1:before { content: ""; width: 1px; position: absolute; top: 0; bottom: 0; background: #b5b5b5; right: 0; } .jo-nav .ico { width: 60px; height: 84px; display: inline-block; background-position: center top; margin-right: -2px; } .jo-nav .j1 .ico { background-image: url(../images/join-ico-4.png); } .jo-nav .j2 .ico { background-image: url(../images/join-ico-5.png); } .jo-nav a.act { background: #c6992d; } .jo-nav a.act p { color: #fff; } .jo-nav a.act .ico { background-position: center bottom; } .search-city { overflow: hidden; } .search-city .s-select { height: 29px; width: 185px; border: 1px solid #dbdbdb; padding: 0 10px; color: #666; background: url(../images/join-ico-7.png) no-repeat 168px center; float: left; } .search-city p { float: left; margin-right: 18px; } .search-city .btn { height: 29px; width: 53px; color: #666; background: #dbdbdb; cursor: pointer; margin-left: 23px; transition: 300ms; -webkit-transition: 300ms; } .society-list li, .society-list .t { overflow: hidden; } .society-list .so1 { width: 33%; float: left; } .society-list .so2 { width: 31.5%; float: left; } .society-list .so3 { width: 26%; float: left; } .society-list .so4 { width: 9.5%; float: left; } .society-list { border-top: 5px solid #f2f2f2; /*margin-top:88px; */ } .society-list .nowti { line-height: 24px; padding: 12px 10px 12px 0; position: relative; height: 24px; } .society-list li { margin-bottom: 2px; } .society-list li:first-child .nowti { padding: 18px 0; } .society-list li:first-child { margin-bottom: 0; } .society-list .t { background: #8e8e8e; color: #fff; cursor: pointer; transition: 400ms; -webkit-transition: 400ms; } .society-list li .so1 .nowti { padding-left: 60px; } .society-list .t .so4 .nowti:before { content: ""; width: 20px; height: 4px; background: #fff; position: absolute; top: 50%; margin-top: -2px; left: 19px; } .society-list .t .so4 .nowti:after { content: ""; width: 4px; height: 20px; background: #fff; position: absolute; top: 50%; margin-top: -10px; left: 27px; } .society-list .t.act { background: #d4b364; } .society-list .b { padding: 27px 85px 30px 60px; display: none; color: #969696; } .society-list .b .freeTx .email-box { border-top: 1px solid #eee; padding-top: 20px; margin-top: 75px; } .society-list .b .freeTx { line-height: 2; } .society-list .b .freeTx a { color: #d4b364; text-decoration: underline; } .jo-email { width: 120px; height: 36px; text-align: center; color: #fff; display: block; line-height: 36px; background: #d4b364; } .society-list .b .freeTx .jo-email { color: #fff; text-decoration: none; } .jo2 .jo-tx { margin-top: 48px; } .jo2 .search-city { margin-top: 24px; } .jo2 .society-list { margin-top: 76px; } .jo2 { padding-bottom: 116px; } .sero1 { padding: 130px 0 66px 0; } .sero-list .pw2 { overflow: hidden; padding: 64px 0; } .sero-list .pic { width: 49%; } .sero-list .item1 .pic { float: left; } .sero-list .item2 .pic { float: right; } .sero-list .item1 .txts { float: right; } .sero-list .item2 .txts { float: left; } .sero-list .txts { width: 47.66%; padding-top: 26px; } .sero-list .txts .ti { font-size: 24px; margin-bottom: 30px; } .sero-list .txts .tx { font-size: 15px; line-height: 30px !important; } .sero-list li { border-top: 1px solid #e5e5e5; } .jo-intro .sero-list li { border-bottom: 1px solid #e5e5e5; border-top: 0px none; } .sero-cta { background: #fafafa; padding: 67px 0; } .sero-cta a { color: #606060; display: block; font-size: 24px; line-height: 1.5; text-align: center; } .pbtxts.tac { bottom: 42%; } .pbtxts.tac .en:before { left: 50%; margin-left: -10px; } .pbtxts.tac .ch { margin-top: 1px; } .ser-search { width: 620px; margin: 0 auto; position: relative; height: 44px; } .ser-search .btn { display: block; width: 85px; position: absolute; top: 0; bottom: 0; right: 0; font-size: 0; border-radius: 0 5px 5px 0; background: #c6992d url(../images/ser-ico-1.png) no-repeat center center; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; } .ser-search .txx { line-height: 24px; border: 1px solid #d3d3d3; padding: 9px 14px; width: 503px; border-radius: 5px 0 0 5px; color: #c8c8c8; transition: 300ms; -webkit-transition: 300ms; } .ser-search .txx:focus { border-color: #c6992d; } .ser1 { padding: 72px 0 42px 0; } .ser2 { background: #fbfbfb; padding: 28px 0 7px 0; } .ser-nav li { overflow: hidden; position: relative; line-height: 20px; padding-left: 60px; margin-bottom: 15px; } .ser-nav .name { line-height: 20px; width: 60px; color: #080808; font-weight: bold; font-size: 15px; position: absolute; top: 0; left: 0; } .ser-nav a { float: left; padding: 0 10px; margin-right: 2px; font-size: 13px; color: #858585; margin-bottom: 8px; } .ser-nav a.act { background: #d4b364; color: #fff; } .ser-nav span { float: left; padding: 0 10px; } .search-result { border: 1px solid #d3d3d3; padding: 10px 15px; } .search-result .b { position: relative; padding: 0 100px 0 70px; } .search-result .txx { display: block; height: 28px; line-height: 28px; width: 100%; } .search-result .name { display: block; line-height: 28px; position: absolute; top: 0; left: 0; } .search-result .btn { width: 80px; height: 28px; background: #c6992d; border-radius: 13px; color: #fff; text-align: center; line-height: 28px; font-size: 13px; cursor: pointer; position: absolute; top: 0; right: 0; transition: 300ms; -webkit-transition: 300ms; } .ser-list a { width: 30.83%; margin-left: 2.5%; float: left; margin-bottom: 54px; background: #fff; color: #858585; position: relative; } .ser-list { margin-left: -2.5%; } .ser-list a:before, .ser-list a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #d3d3d3; transition: 400ms; -webkit-transition: 400ms; /*z-index:5;*/ } .ser-list a:after { border: 2px solid #d3d3d3; border-color: transparent; transition: 400ms; -webkit-transition: 400ms; } .ser-list .btn .ico { height: 30px; background: url(../images/ser-ico-2.png) no-repeat center center; margin-bottom: 12px; } .ser-list .btn { z-index: 1; color: #fff; text-align: center; line-height: 20px; position: absolute; top: 50%; left: 0; right: 0; font-size: 16px; margin-top: -31px; transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .ser-list .pic:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: url(../images/black.png); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .ser-list .txts { padding: 21px 20px 32px 20px; } .ser-list .txts .tx1 { font-size: 20px; color: #010101; margin-bottom: 19px; } .ser-list .txts .tx2 { margin-bottom: 14px; } .ser-list .txts .tx2 span { margin-left: 14px; } .ser-list .txts .tx2 strong { color: #d4b364; font-size: 20px; } .ser-list .txts .tx3 { line-height: 24px; padding-left: 34px; position: relative; } .ser-list .txts .tx3:before { content: ""; width: 34px; height: 24px; position: absolute; top: 0; left: 0; background: url(../images/ser-ico-3.png) no-repeat left center; } .ser3 .ser-list { margin-top: 92px; margin-bottom: 31px; } .ser3 { padding: 33px 0 205px 0; } .sd-top { overflow: hidden; background: #fafafa; margin: 39px auto 47px auto; } .sd-top .l { width: 59%; position: relative; } .smi-carousel { position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/black.png); padding: 8px 152px 8px 152px; } .smi-slider .flex-direction-nav .flex-prev, .smi-slider .flex-direction-nav .flex-next { width: 52px; height: 52px; border-radius: 100%; background: url(../images/black.png); position: absolute; top: 50%; margin-top: -26px; font-size: 0; z-index: 99; } .smi-slider .flex-direction-nav .flex-prev { left: 8px; transform: translateX(-10px); -webkit-transform: translateX(-10px); opacity: 0; visibility: hidden; } .smi-slider .flex-direction-nav .flex-next { right: 8px; transform: translateX(10px); -webkit-transform: translateX(10px); opacity: 0; visibility: hidden; } .smi-slider .flex-direction-nav .flex-prev i, .smi-slider .flex-direction-nav .flex-next i { display: block; width: 100%; height: 100%; } .smi-slider .flex-direction-nav .flex-prev i { background: url(../images/ser-ico-4.png) no-repeat center center; } .smi-slider .flex-direction-nav .flex-next i { background: url(../images/ser-ico-5.png) no-repeat center center; } .smi-carousel .flex-direction-nav a { font-size: 0; position: absolute; top: 0; bottom: 0; width: 13px; z-index: 9; } .smi-carousel .flex-direction-nav .flex-prev { background: url(../images/ser-ico-6.png) no-repeat center center; left: 30px; transform: translateX(-10px); -webkit-transform: translateX(-10px); opacity: 0; visibility: hidden; } .smi-carousel .flex-direction-nav .flex-next { background: url(../images/ser-ico-7.png) no-repeat center center; right: 30px; transform: translateX(10px); -webkit-transform: translateX(10px); opacity: 0; visibility: hidden; } .smi-carousel .pic:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; border: 2px solid #d4b364; transition: 300ms; -webkit-transition: 300ms; border-color: transparent; } .smi-carousel .flex-active-slide .pic:before { border-color: #d4b364; } .sd-top .txts { width: 41%; color: #858585; } .sd-top .txts > .t { background: #eaeaea; padding: 22px 48px; } .sd-top .txts > .t .nowti { font-size: 13px; } .sd-top .txts > .t .nowti strong { font-size: 30px; color: #151515; margin-right: 14px; } .sd-top .txts > .b { padding: 13px 48px 0 48px; } .sd-top .txts > .b .price strong { font-size: 18px; color: #d4b364; } .sd-top .txts > .b .price span { font-size: 13px; margin-left: 28px; } .tx-show li { border-bottom: 1px solid #e1e1e1; font-size: 13px; line-height: 24px; padding-left: 30px; position: relative; padding-bottom: 5px; margin-bottom: 3px; } .tx-show strong { color: #000; font-weight: bold; } .tx-show li:before { content: ""; width: 30px; height: 24px; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: left center; } .tx-show .ts1:before { background-image: url(../images/ser-ico-8.png); } .tx-show .ts2:before { background-image: url(../images/ser-ico-9.png); } .tx-show .ts3:before { background-image: url(../images/ser-ico-10.png); } .tx-show .ts4:before { background-image: url(../images/ser-ico-11.png); } .tx-show { margin-top: 24px; } .ser-man { overflow: hidden; margin-top: 50px; } .ser-man .pic { width: 32.5%; float: left; } .ser-man .tb { width: 67.5%; float: left; } .ser-man .tb .paa { padding: 0 0 0 20px; } .ser-man .tb .nowti { font-size: 18px; color: #000; margin-bottom: 24px; } .m-ctas a { display: block; color: #858585; font-size: 13px; line-height: 30px; cursor: auto; padding-left: 15px; position: relative; } .m-ctas a:before { content: ""; width: 15px; height: 30px; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: left center; } .m-ctas .mc1:before { background-image: url(../images/ser-ico-14.png); } .m-ctas .mc2:before { background-image: url(../images/ser-ico-15.png); } .m-ctas .mc3:before { background-image: url(../images/ser-ico-16.png); } .m-ctas strong { color: #000; font-weight: bold; } .m-ctas .num { font-size: 20px; color: #d4b364; } .sd2 { background: #fafafa; } .sd-nav { border-top: 1px solid #e5e5e5; background: #fff; } .sd-nav li { float: left; margin-right: 16px; } .sd-nav a { color: #a6a6a6; display: block; font-weight: bold; line-height: 24px; padding: 12px 22px; position: relative; } .sd-nav a:before { content: ""; height: 2px; position: absolute; width: 0; right: 0; left: auto; bottom: 0; background: #d4b364; transition: 300ms; -webkit-transition: 300ms; } .sd-nav a.act { color: #d4b364; } .sd-nav a.act:before { width: 100%; left: 0; right: auto; } .home-txts { margin-top: 30px; } .home-txts li { background: #fff; border: 1px solid #efefef; padding: 22px 40px 46px 40px; margin-bottom: 20px; } .home-txts .ti, .sd3 .ti { font-size: 20px; color: #000; } .home-txts .freeTx { line-height: 36px; color: #a6a6a6; margin-top: 25px; } .hp-a .pic { border: 1px solid #efefef; } .hp-a .nowti { color: #a6a6a6; font-weight: bold; margin-top: 10px; line-height: 20px; } .hp-a { margin-right: 18px; } .home-pics { margin-top: 24px; position: relative; } .home-pics .slick-arrow { width: 11px; height: 21px; background: none; position: absolute; top: 50%; border-radius: 0; margin-top: -25px; } .home-pics .slick-arrow i { left: auto; right: auto; width: 100%; } .home-pics .slick-prev i { background: url(../images/ser-ico-12.png) no-repeat left center; } .home-pics .slick-next i { background: url(../images/ser-ico-13.png) no-repeat right center; } .home-pics .slick-prev { left: -27px; } .home-pics .slick-next { right: -9px; } #home5 .ti { padding: 0 40px; } #home5 { padding-bottom: 0; padding-left: 0; padding-right: 0; } #h-map { height: 436px; border-top: 1px solid #efefef; margin-top: 25px; } .sd2 { padding-bottom: 123px; } .sd3 .ser-list { margin-top: 25px; } .sd3 { padding: 45px 0 28px 0; } .or-box { position: fixed; top: 0; left: 0; right: 0; height: 100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1999; background: url(../images/black.png); background: rgba(0,0,0,.2); display: none; } .or-ctt { position: absolute; width: 850px; left: 50%; margin-left: -465px; background: #fff; top: 60px; padding: 0 40px 50px 40px; transform: translateX(60px); -webkit-transform: translateX(60px); opacity: 0; visibility: hidden; transition: 600ms; -webkit-transition: 600ms; } .or-ctt.show { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; } .or-ctt .ti { font-size: 30px; color: #000; border-bottom: 1px solid #666; padding: 26px 0 20px 0; margin-bottom: 35px; } .or-ctt .ti .zw { font-size: 18px; font-weight: normal; color: #666; margin-left: 9px; } .fill-in { overflow: hidden; } .fill-in li { overflow: hidden; width: 50%; padding: 10px 0; float: left; position: relative; } .fill-in .nm { float: left; width: 100px; margin-right: 20px; line-height: 24px; text-align: right; padding-top: 10px; } .fill-in .s-input { float: left; box-shadow: 1px 1px 3px rgba(0,0,0,.15); line-height: 24px; padding: 10px; width: 275px; border-radius: 2px; color: #666; transition: 300ms; -webkit-transition: 300ms; } .fill-in .dw { display: block; line-height: 24px; padding-top: 20px; right: 30px; position: absolute; top: 0; } .fill-in .s-select { float: left; box-shadow: 1px 1px 3px rgba(0,0,0,.15); height: 44px; width: 295px; border-radius: 2px; color: #666; padding: 0 5px; background: url(../images/join-ico-8.png) no-repeat; background-position: 262px center; } .search-sex { overflow: hidden; } .search-sex dd { height: 44px; float: left; overflow: hidden; margin-right: 40px; } .search-sex .dot { width: 6px; height: 6px; display: block; float: left; border: 5px solid #e8e8e8; border-radius: 100%; margin-top: 14px; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; } .search-sex .txx { line-height: 24px; float: left; padding-top: 10px; margin-left: 10px; } .search-sex .dot.act { border-color: #0066cc; } .fill-in .s-input:focus, .fill-in .s-textarea:focus { background: #fafafa; } .fi-ti { font-size: 24px; color: #333; margin-bottom: 20px; } .fi-2 { border-bottom: 1px dashed #ccc; padding-bottom: 15px; margin-bottom: 15px; } .fi-1 { border-bottom: 1px dashed #ccc; padding-bottom: 30px; margin-bottom: 28px; } .fill-in.fi-3 li { float: none; width: 100%; } .fill-in .s-textarea { min-height: 70px; resize: vertical; float: left; box-shadow: 1px 1px 3px rgba(0,0,0,.15); line-height: 24px; padding: 10px; border-radius: 2px; color: #666; transition: 300ms; -webkit-transition: 300ms; width: 700px; } .fill-in .s1 .nm { width: 180px; } .fill-in .s1 .s-select { width: 215px; background-position: 182px center; } .fi-tx { margin-top: 42px; } .fiSubBtn { width: 705px; max-width: 100%; height: 53px; color: #fff; background: #0066cc; display: block; font-size: 18px; margin: 6px auto 0 auto; cursor: pointer; transition: 400ms; -webkit-transition: 400ms; } .or-close { display: block; width: 28px; height: 28px; background: url(../images/join-ico-9.png) no-repeat center top; position: absolute; right: 40px; top: 32px; z-index: 99; transition: transform 400ms; -webkit-transition: transform 400ms; } .open { overflow: hidden; } .banner .pic2 { background-repeat: no-repeat; background-position: center center; background-size: cover; } .sc-ti { font-size: 36px; color: #d4b364; margin-bottom: 20px; } .sc-search-box { background: #afd9ef; padding: 35px 25px; overflow: hidden; } .sc-search { width: 35%; float: left; overflow: hidden; } .sc-tx { width: 65%; float: left; line-height: 24px; } .sc-tx p { padding: 3px 0 0 12px; color: #d4b364; } .sc-search .xtx { display: block; float: left; border: 1px solid #9dc3d7; background: #fff; line-height: 24px; padding: 3px 14px; width: 276px; color: #a9a9a9; transition: 300ms; -webkit-transition: 300ms; } .sc-search .btn { width: 85px; height: 32px; background: #d4b364; color: #fff; float: right; cursor: pointer; } .searchpanel { background: #fafafa; padding: 66px 0 276px 0; } .sc-search .xtx:focus { border-color: #c6992d; } .sc-search .btn:hover { background: #c6992d; } .search-list a { display: block; color: #6f6f6f; padding: 15px 0; overflow: hidden; border-bottom: 1px solid #c9c9c9; } .search-list .nowti { line-height: 24px; } .search-list .p { width: 10.5%; float: left; color: #d4b364; } .search-list .c { width: 89.5%; float: left; } .search-list .c .s { color: #d4b364; } .search-list { margin: 88px 0 80px 0; } /* 鍙戝睍鍘嗙▼ */ .about-lc .carousel { position: relative; margin: 15px 37px 0; z-index: 1; } .about-lc .carousel:before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 2px; margin-top: -1px; background: #e8e8e8; z-index: -1; } .about-lc .carousel-item .b{ position: relative; width:90px; height: 90px; font-weight: bold; font-size: 16px; font-family: Arial, sans-serif; color: #fff; text-align: center; line-height: 20px; border-radius: 50%; cursor: pointer; transition: all .5s; z-index: 1; margin: 35px auto 50px auto; } .about-lc .carousel-item .b:before { content: ''; position: absolute; top: 7px; left: 7px; right: 7px; bottom: 7px; background: #fff; border: 1px solid #d4b364; border-radius: 50%; transition: all .5s; z-index: -1; } .about-lc .carousel-item .b:after { content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -8px; border-top: 7px solid #d4b364; border-left: 8px solid transparent; border-right: 8px solid transparent; opacity: 0; visibility: hidden; transition: all .3s; } .about-lc .carousel-item .box { position: relative; display: block; padding: 35px 0; background: #d4b364; border-radius: 50%; z-index: 1; } .about-lc .carousel-item .box:before { content: ''; position: absolute; top: 7px; left: 7px; right: 7px; bottom: 7px; border: 1px solid #fff; border-radius: 50%; transition: all .5s; z-index: -1; } .about-lc .carousel-item.active .b:before { top: -10px; left: -10px; right: -10px; bottom: -10px; } .about-lc .carousel-item.active .b:after { bottom: -30px; opacity: 1; visibility: visible; } .about-lc .carousel-item.active .box:before { top: -10px; left: -10px; right: -10px; bottom: -10px; opacity: 0; visibility: hidden; } .about-lc .slick-arrow { position: absolute; cursor: pointer; top:50%; margin-top:-15px; width: 50px; height: 30px; border-radius: 15px; background-color:#e5e5e5; background-position:center center; background-repeat:no-repeat; transition: all .3s; } .about-lc .slick-arrow.slick-prev { left: -36px; background-image: url("../images/prev.png"); } .about-lc .slick-arrow.slick-next { right: -36px; background-image: url("../images/next.png"); } .about-lc .slick-arrow.slick-disabled.slick-prev { background-image: url("../images/prevh.png"); } .about-lc .slick-arrow.slick-disabled.slick-next { background-image: url("../images/nexth.png"); } .about-lc .tab { position: relative; padding: 50px 60px; border: 1px solid #ccc; background: #fff; z-index: 1; } .about-lc .tab:before { content: ''; position: absolute; left: -1px; right: -1px; bottom: -11px; height: 10px; background: #c3d0b3; z-index: 1; } .about-lc .tab .date { position: relative; float: left; width: 155px; margin-right: 70px; font-size: 15px; line-height: 20px; text-align: right; z-index: 1; } .about-lc .tab .date:before { content: ''; position: absolute; top: 50%; right: -33px; width: 7px; height: 7px; margin-top: -3px; border-radius: 50%; background: #999; z-index: 2; } .about-lc .tab .info { display: block; font-size: 16px; line-height: 20px; overflow: hidden; } .about-lc .tab-cont { position: relative; padding: 15px 0; z-index: 1; } .about-lc .tab-cont:before { content: ''; position: absolute; top: -15px; left: 184px; bottom: -15px; width: 1px; background: #ccc; z-index: 1; } .about-lc .tab-cont:after { content: ''; display: block; clear: both; } .about-lc .tab-item { display: none; overflow: hidden; } .about-lc .tab-item.active { display: block; }