@charset "utf-8"; #visual .visual .item01{background:#eff4ea url("../img/main/main_visual01.png") no-repeat 50% 50%;background-size:cover} #visual .visual .item02{background:#f0f5ff url("../img/main/main_visual02.png") no-repeat 50% 50%;background-size:cover} #visual .visual .item03{background:#f1edd4 url("../img/main/main_visual03.png") no-repeat 50% 50%;background-size:cover} #visual .visual .item04{background:#eff4ea url("../img/main/m_visual01.png") no-repeat 50% 50%;background-size:cover} #visual .visual .item05{background:#f0f5ff url("../img/main/m_visual02.png") no-repeat 50% 50%;background-size:cover} #visual .visual .item06{background:#f1edd4 url("../img/main/m_visual03.png") no-repeat 50% 50%;background-size:cover} #visual .visual .item .tit strong:nth-child(1){display:block;color:#2e3092} #visual .visual .item .tit strong:nth-child(2){display:block;color:#f58232} #visual .visual .item .txt span{display:block;color:#333} @media all and (min-width:1260px) { /**/ #index{position:relative;padding-top:162px;overflow:hidden} /**/ #visual{} #visual .visual{position:relative;background:#000;overflow:hidden} #visual .visual .slick-list{overflow:visible} #visual .visual .item{position:relative;height:600px} #visual .visual .item .box{position:absolute;z-index:11;top:50%;left:50%;padding:0 0 0 68px;width:100%;max-width:1400px;height:auto;transform:translate(-50%,-50%)} #visual .visual .item .tit{position:relative;opacity:0;visibility:hidden;transform:translateY(50px)} #visual .visual .item .tit strong{line-height:1.2;font-size:60px;font-family:GmarketSansBold;letter-spacing:-1px} #visual .visual .item .tit em{font-style:italic} #visual .visual .item .txt{padding:40px 0 0 0;opacity:0;visibility:hidden;transform:translateY(50px)} #visual .visual .item .txt span{line-height:30px;font-size:18px;font-weight:500} #visual .visual .item .small strong, #visual .visual .item .small span{font-size:48px} #visual .visual .item .act{margin-top:45px;opacity:0;visibility:hidden;transform:translateY(50px)} #visual .visual .item .act a{display:inline-block;padding:0 45px;line-height:48px;font-size:16px;font-weight:300;color:#fff;border:1px solid #fff;border-radius:50px;vertical-align:top;transition:all 0.5s} #visual .visual .item .act a:hover{letter-spacing:2px} #visual .visual .item.swiper-slide-active .tit{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275)} #visual .visual .item.swiper-slide-active .txt{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-delay:0.2s;transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275)} #visual .visual .item.swiper-slide-active .act{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-delay:0.4s;transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275)} #visual .visual .swiper-dots{position:absolute;z-index:10;/*display:inline-block;*/bottom:50px;left:50%;transform:translateX(-50%)} #visual .visual .swiper-dots .dots{display:inline-block;ping-right:36px;width:auto;border-radius:50px;text-align:center} #visual .visual .swiper-dots .dots > span{display:inline-block;position:relative;margin:0 10px;width:auto;height:auto;line-height:30px;font-size:16px;color:#fff;background:none;vertical-align:top;transition:all .3s} #visual .visual .swiper-dots .dots > span:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;opacity:0;visibility:hidden} #visual .visual .swiper-dots .dots .playBtn{display:none;position:absolute;top:0;right:0;width:36px;height:36px;background:rgba(0,0,0,0.5) url("../img/icon_pause.png") no-repeat 50% 50%;border-radius:50%} #visual .visual .swiper-dots .dots .playBtn.on{background-image:url("../img/icon_play.png")} #visual .visual .swiper-dots .arrow{display:inline-block;position:relative;width:40px;height:40px;text-indent:-9999em;border-radius:50%;background:none;overflow:hidden;cursor:pointer;vertical-align:top;transition:all .3s} #visual .visual .swiper-dots .arrow.prev{background:rgba(0,0,0,0.5) url("../img/icon_left_arrow.png") no-repeat 50% 50%} #visual .visual .swiper-dots .arrow.next{background:rgba(0,0,0,0.5) url("../img/icon_right_arrow.png") no-repeat 50% 50%} #visual .visual .swiper-dots .arrow:hover{background-color:rgba(0,0,0,0.8)} #visual .visual .swiper-dots .dots > span.swiper-pagination-bullet-active:before{opacity:1;visibility:visible} #visual .visual .swiper-ctrl .arrow{position:absolute;z-index:100;top:50%;margin:-28px 0 0 0;width:46px;height:13px;text-indent:-999em;background:none;overflow:hidden;cursor:pointer} #visual .visual .swiper-ctrl .arrow i{width:70px;height:70px} #visual .visual .swiper-ctrl .arrow:hover{opacity:1} #visual .visual .swiper-ctrl .prev{left:50%;margin-left:-731px;position:absolute;background:url("../img/main/main_arrow_left.png") no-repeat 50% 50%} #visual .visual .swiper-ctrl .next{left:50%;margin-left:685px;background:url("../img/main/main_arrow_right.png") no-repeat 50% 50%} /**/ #about{position:relative;background:#fff} #about .sec_title{position:absolute;z-index:10;top:50px;left:50px;line-height:90px;font-weight:600;font-size:100px;color:#000;font-family:'Barlow Condensed'} #about .sec_content{position:relative;z-index:9;padding:50px;padding-top:180px} #about .sec_content .txt{line-height:30px;font-size:22px;font-weight:500;color:#231916} #about .sec_content .img{position:absolute;top:0;left:50%;right:0;bottom:0} #about .sec_content .img img{display:block;width:100%;height:100%} /**/ #service{position:relative;padding:50px 0;background:#fff} #service .titbox{margin-bottom:50px;text-align:center;letter-spacing:-0.5px} #service .titbox .tit{line-height:50px;font-size:48px;font-weight:bold;color:#000} #service .titbox .txt{margin-top:20px;line-height:20px;font-size:18px;color:#777 } #service .cntbox{} #service .cntbox ul{display:flex} #service .cntbox li{flex:1;align-items:center;text-align:center} #service .cntbox li + li{border-left:1px solid #e9e9e9} #service .cntbox li .inner{display:block} #service .cntbox li .inner .img{position:relative;margin:0 auto 30px;width:130px;height:130px;border-radius:50%;background:#f0f0f0} #service .cntbox li .inner .img img{position:absolute;top:50%;left:50%;width:50%;height:50%;transform:translate(-50%,-50%)} #service .cntbox li .inner .tit{font-size:18px;font-weight:500;color:#000} #service .cntbox li .inner .txt{margin-top:10px;font-size:16px;font-weight:300;color:#000;letter-spacing:-0.5px} /**/ #news{position:relative;padding:50px 0;background:#ecf0f4} #news .titbox{margin-bottom:50px;text-align:center;letter-spacing:-0.5px} #news .titbox .tit{line-height:50px;font-size:48px;font-weight:bold;color:#000} #news .titbox .txt{margin-top:20px;line-height:20px;font-size:18px;color:#777} #news .titbox .txt span{color:#2a3cee} #news .cntbox{display:inline-flex;flex-direction:row} #news .cntbox .desc{flex:1} #news .cntbox .desc .box{position:relative;padding:35px;height:100%} #news .cntbox .desc .box.ntc{width:420px;background:#2e3192} #news .cntbox .desc .box.press{margin-left:40px;width:420px;background:#f58233} #news .cntbox .desc .box.cus{margin-left:40px;background:#607b96;width:320px} #news .cntbox .desc .box .title{margin-bottom:40px;line-height:20px;font-size:20px;color:#fff;letter-spacing:-0.5px} #news .cntbox .desc .box .title .tabs{overflow:hidden} #news .cntbox .desc .box .title .tabs li{float:left} #news .cntbox .desc .box .title .tabs li + li{margin-left:20px;padding-left:20px;border-left:1px solid #fff} #news .cntbox .desc .box .title .tabs li a{color:rgba(255,255,255,0.5)} #news .cntbox .desc .box .title .tabs li a.sel{color:#fff} #news .cntbox .desc .box .cnt{} #news .cntbox .desc .box .cnt .list{} #news .cntbox .desc .box .cnt .list li{} #news .cntbox .desc .box .cnt .list li.empty{line-height:150px;font-size:14px;font-weight:300;color:rgba(255,255,255,0.75);text-align:center} #news .cntbox .desc .box .cnt .list li .inner{display:block;position:relative;padding:17px 0;padding-left:95px} #news .cntbox .desc .box .cnt .list li + li{margin-top:10px} #news .cntbox .desc .box .cnt .list li .tit{line-height:20px;font-size:17px;font-weight:500;color:#fff;letter-spacing:-0.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #news .cntbox .desc .box .cnt .list li .txt{margin-top:5px;line-height:16px;font-size:15px;font-weight:300;color:#fff;letter-spacing:-0.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #news .cntbox .desc .box .cnt .list li .date{position:absolute;top:0;left:0;padding:15px 0 10px 0;width:75px;text-align:center;border:1px solid rgba(255,255,255,0.2)} #news .cntbox .desc .box .cnt .list li .date strong{display:block;line-height:30px;font-size:30px;font-weight:500;color:#fff} #news .cntbox .desc .box .cnt .list li .date span{display:block;margin-bottom:3px;line-height:15px;font-size:15px;font-weight:300;color:#fff} #news .cntbox .desc .box .cnt .list li .inner:hover .tit{text-decoration:underline} #news .cntbox .desc .box .cnt .tel{position:relative;line-height:30px;font-size:30px;font-weight:500;color:#fff;letter-spacing:-0.5px} #news .cntbox .desc .box .cnt .tel:before{content:'';position:absolute;top:-20px;width:26px;height:1px;background:#fff} #news .cntbox .desc .box .cnt .fax{margin-top:10px;font-size:20px;font-weight:300;color:#fff;letter-spacing:-0.5px} #news .cntbox .desc .box .cnt .fax strong{display:inline-block;margin-right:15px;font-weight:300} #news .cntbox .desc .box .cnt .fax span{display:inline-block} #news .cntbox .desc .box .cnt .info{margin-top:35px;letter-spacing:-0.5px} #news .cntbox .desc .box .cnt .info strong{display:block;font-size:16px;font-weight:500;color:#fff} #news .cntbox .desc .box .cnt .info span{margin-top:35px;font-size:15px;font-weight:300;color:#fff} #news .cntbox .desc .box .more{position:absolute;top:35px;right:35px;width:20px;height:20px;transition:all 0.5s} #news .cntbox .desc .box .more:hover{transform:rotate(90deg)} #news .cntbox .desc .box .more:before{content:'';position:absolute;top:50%;left:50%;margin-left:-9px;width:19px;height:1px;background:#fff} #news .cntbox .desc .box .more:after{content:'';position:absolute;top:50%;left:50%;margin-top:-9px;width:1px;height:19px;background:#fff} } @media (max-width:1259px) and (min-width:748px) { /**/ #index{position:relative;padding-top:125px;overflow:hidden} /**/ #visual{} #visual .visual{position:relative;background:#000;overflow:hidden} #visual .visual .slick-list{overflow:visible} #visual .visual .item{position:relative;height:600px;text-align:center} #visual .visual .item .box{position:absolute;z-index:11;top:50%;left:50%;padding:0 40px;width:100%;height:auto;text-align:center;transform:translate(-50%,-50%)} #visual .visual .item .tit{position:relative;margin-bottom:20px;line-height:1;font-size:45px;color:#fff;letter-spacing:-0.5px;opacity:0;visibility:hidden;transform:translateY(50px)} #visual .visual .item .tit strong{font-weight:500} #visual .visual .item .tit span{margin-left:20px;font-weight:100} #visual .visual .item .tit em{font-style:italic} #visual .visual .item .txt{font-size:18px;font-weight:300;color:#fff;opacity:0;visibility:hidden;transform:translateY(50px)} #visual .visual .item .act{margin-top:25px;opacity:0;visibility:hidden;transform:translateY(50px)} #visual .visual .item .act a{display:inline-block;padding:0 35px;line-height:38px;font-size:14px;font-weight:300;color:#fff;border:1px solid #fff;border-radius:50px;vertical-align:top;transition:all 0.5s} #visual .visual .item .act a:hover{letter-spacing:2px} #visual .visual .item.swiper-slide-active .tit{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275)} #visual .visual .item.swiper-slide-active .txt{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-delay:0.2s;transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275)} #visual .visual .item.swiper-slide-active .act{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-delay:0.4s;transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275)} #visual .visual .swiper-dots{position:absolute;z-index:10;/*display:inline-block;*/bottom:35px;left:50%;transform:translateX(-50%)} #visual .visual .swiper-dots .dots{display:inline-block;position:relative;padding-right:36px;width:auto;border-radius:50px;text-align:center} #visual .visual .swiper-dots .dots > span{display:inline-block;position:relative;margin:0 10px;width:auto;height:auto;line-height:30px;font-size:14px;color:#fff;background:none;vertical-align:top;transition:all .3s} #visual .visual .swiper-dots .dots > span:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;opacity:0;visibility:hidden} #visual .visual .swiper-dots .dots .playBtn{display:none;position:absolute;top:0;right:0;width:36px;height:36px;background:rgba(0,0,0,0.5) url("../img/icon_pause.png") no-repeat 50% 50%;border-radius:50%} #visual .visual .swiper-dots .dots .playBtn.on{background-image:url("../img/icon_play.png")} #visual .visual .swiper-dots .arrow{display:inline-block;position:relative;width:40px;height:40px;text-indent:-9999em;border-radius:50%;background:none;overflow:hidden;cursor:pointer;vertical-align:top;transition:all .3s} #visual .visual .swiper-dots .arrow.prev{background:rgba(0,0,0,0.5) url("../img/icon_left_arrow.png") no-repeat 50% 50%} #visual .visual .swiper-dots .arrow.next{background:rgba(0,0,0,0.5) url("../img/icon_right_arrow.png") no-repeat 50% 50%} #visual .visual .swiper-dots .arrow:hover{background-color:rgba(0,0,0,0.8)} #visual .visual .swiper-dots .dots > span.swiper-pagination-bullet-active:before{opacity:1;visibility:visible} #visual .visual .swiper-ctrl .arrow{position:absolute;z-index:100;top:50%;margin:-28px 0 0 0;width:46px;height:13px;text-indent:-999em;background:none;overflow:hidden;cursor:pointer} #visual .visual .swiper-ctrl .arrow i{width:70px;height:70px} #visual .visual .swiper-ctrl .arrow:hover{opacity:1} #visual .visual .swiper-ctrl .prev{left:50%;margin-left:-731px;position:absolute;background:url("../img/main/main_arrow_left.png") no-repeat 50% 50%} #visual .visual .swiper-ctrl .next{left:50%;margin-left:685px;background:url("../img/main/main_arrow_right.png") no-repeat 50% 50%} /**/ #service{position:relative;padding:50px 15px;background:#fff} #service .titbox{margin-bottom:50px;text-align:center;letter-spacing:-0.5px} #service .titbox .tit{line-height:40px;font-size:32px;font-weight:bold;color:#000} #service .titbox .txt{margin-top:10px;line-height:18px;font-size:16px;color:#777} #service .cntbox{} #service .cntbox ul{display:flex} #service .cntbox li{flex:1;align-items:center;text-align:center} #service .cntbox li + li{border-left:1px solid #e9e9e9} #service .cntbox li .inner{display:block} #service .cntbox li .inner .img{position:relative;margin:0 auto 30px;width:130px;height:130px;border-radius:50%;background:#f0f0f0} #service .cntbox li .inner .img img{position:absolute;top:50%;left:50%;width:50%;height:50%;transform:translate(-50%,-50%)} #service .cntbox li .inner .tit{font-size:18px;font-weight:500;color:#000} #service .cntbox li .inner .txt{margin-top:10px;font-size:14px;font-weight:300;color:#000;letter-spacing:-0.5px} /**/ #news{position:relative;padding:50px 15px;background:#ecf0f4} #news .titbox{margin-bottom:50px;text-align:center;letter-spacing:-0.5px} #news .titbox .tit{line-height:40px;font-size:32px;font-weight:bold;color:#000} #news .titbox .txt{margin-top:10px;line-height:18px;font-size:16px;color:#777} #news .titbox .txt span{color:#2a3cee} #news .cntbox{overflow:hidden} #news .cntbox .desc{float:left;width:50%} #news .cntbox .desc:nth-child(3){width:100%} #news .cntbox .desc .box{position:relative;padding:20px;height:100%} #news .cntbox .desc .box.ntc{background:#2e3192} #news .cntbox .desc .box.press{margin-left:15px;background:#f58233} #news .cntbox .desc .box.cus{margin-top:15px;background:#607b96} #news .cntbox .desc .box .title{margin-bottom:20px;line-height:20px;font-size:15px;color:#fff;letter-spacing:-0.5px} #news .cntbox .desc .box .title .tabs{overflow:hidden} #news .cntbox .desc .box .title .tabs li{float:left} #news .cntbox .desc .box .title .tabs li + li{margin-left:20px;padding-left:20px;border-left:1px solid #fff} #news .cntbox .desc .box .title .tabs li a{color:rgba(255,255,255,0.5)} #news .cntbox .desc .box .title .tabs li a.sel{color:#fff} #news .cntbox .desc .box .cnt{} #news .cntbox .desc .box .cnt:after{content:'';display:table;line-height:0;clear:both} #news .cntbox .desc .box .cnt .list{min-height:120px} #news .cntbox .desc .box .cnt .list li.empty{line-height:120px;font-size:14px;font-weight:300;color:rgba(255,255,255,0.75);text-align:center} #news .cntbox .desc .box .cnt .list li .inner{display:block;position:relative;padding:7px 0;padding-left:70px} #news .cntbox .desc .box .cnt .list li + li{margin-top:10px} #news .cntbox .desc .box .cnt .list li .tit{line-height:20px;font-size:15px;font-weight:500;color:#fff;letter-spacing:-0.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #news .cntbox .desc .box .cnt .list li .txt{margin-top:5px;line-height:16px;font-size:13px;font-weight:300;color:#fff;letter-spacing:-0.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #news .cntbox .desc .box .cnt .list li .date{position:absolute;top:0;left:0;padding:8px 0 4px 0;width:55px;text-align:center;border:1px solid rgba(255,255,255,0.2)} #news .cntbox .desc .box .cnt .list li .date strong{display:block;line-height:26px;font-size:20px;font-weight:500;color:#fff} #news .cntbox .desc .box .cnt .list li .date span{display:block;margin-bottom:2px;line-height:13px;font-size:11px;font-weight:300;color:#fff} #news .cntbox .desc .box .cnt .tel{float:left;position:relative;line-height:40px;font-size:26px;font-weight:500;color:#fff;letter-spacing:-0.5px} #news .cntbox .desc .box .cnt .tel:before{content:'';position:absolute;top:-10px;width:16px;height:1px;background:#fff} #news .cntbox .desc .box .cnt .fax{float:left;margin:15px 0 5px 10px;font-size:14px;font-weight:300;color:#fff;letter-spacing:-0.5px} #news .cntbox .desc .box .cnt .fax strong{display:inline-block;margin-right:10px;font-weight:300} #news .cntbox .desc .box .cnt .fax span{display:inline-block} #news .cntbox .desc .box .cnt .info{float:left;margin:15px 0 5px 50px} #news .cntbox .desc .box .cnt .info strong{display:inline-block;font-size:14px;font-weight:500;color:#fff;vertical-align:top} #news .cntbox .desc .box .cnt .info span{display:inline-block;margin-left:5px;line-height:20px;font-size:13px;font-weight:300;color:#fff;vertical-align:top} #news .cntbox .desc .box .more{position:absolute;top:20px;right:20px;width:16px;height:16px;transition:all 0.5s} #news .cntbox .desc .box .more:hover{transform:rotate(90deg)} #news .cntbox .desc .box .more:before{content:'';position:absolute;top:50%;left:50%;margin-left:-7px;width:15px;height:1px;background:#fff} #news .cntbox .desc .box .more:after{content:'';position:absolute;top:50%;left:50%;margin-top:-7px;width:1px;height:15px;background:#fff} } @media all and (max-width:747px) { /**/ #index{position:relative;padding-top:60px;overflow:hidden} /**/ #visual{} #visual .visual{position:relative;background:#000;overflow:hidden} #visual .visual .slick-list{overflow:visible} #visual .visual .item{position:relative;height:300px} #visual .visual .item .box{position:absolute;z-index:11;top:20%;left:0;padding:0 30px;width:100%;height:auto} #visual .visual .item .tit{position:relative;margin-bottom:20px;line-height:1;font-size:32px;color:#fff;letter-spacing:-0.5px;opacity:0;visibility:hidden;transform:translateY(50px);word-break:keep-all} #visual .visual .item .tit strong{font-weight:500} #visual .visual .item .tit span{display:block;font-weight:100} #visual .visual .item .tit em{font-style:italic} #visual .visual .item .txt{font-size:14px;font-weight:300;color:#fff;opacity:0;visibility:hidden;transform:translateY(50px)} #visual .visual .item .txt br{display:none} #visual .visual .item .act{margin-top:25px;opacity:0;visibility:hidden;transform:translateY(50px)} #visual .visual .item .act a{display:inline-block;padding:0 30px;line-height:32px;font-size:12px;font-weight:300;color:#fff;border:1px solid #fff;border-radius:50px;vertical-align:top;transition:all 0.5s} #visual .visual .item .act a:hover{letter-spacing:2px} #visual .visual .item.swiper-slide-active .tit{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275)} #visual .visual .item.swiper-slide-active .txt{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-delay:0.2s;transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275)} #visual .visual .item.swiper-slide-active .act{opacity:1;visibility:visible;transform:translateY(0px);transition-property:all;transition-duration:1s;transition-delay:0.4s;transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275)} #visual .visual .swiper-dots{position:absolute;z-index:10;/*display:inline-block;*/bottom:35px;left:50%;transform:translateX(-50%)} #visual .visual .swiper-dots .dots{display:inline-block;position:relative;padding-right:36px;width:auto;border-radius:50px;text-align:center} #visual .visual .swiper-dots .dots > span{display:inline-block;position:relative;margin:0 10px;width:auto;height:auto;line-height:30px;font-size:14px;color:#fff;background:none;vertical-align:top;transition:all .3s} #visual .visual .swiper-dots .dots > span:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;opacity:0;visibility:hidden} #visual .visual .swiper-dots .dots .playBtn{display:none;position:absolute;top:0;right:0;width:36px;height:36px;background:rgba(0,0,0,0.5) url("../img/icon_pause.png") no-repeat 50% 50%;border-radius:50%} #visual .visual .swiper-dots .dots .playBtn.on{background-image:url("../img/icon_play.png")} #visual .visual .swiper-dots .arrow{display:inline-block;position:relative;width:40px;height:40px;text-indent:-9999em;border-radius:50%;background:none;overflow:hidden;cursor:pointer;vertical-align:top;transition:all .3s} #visual .visual .swiper-dots .arrow.prev{background:rgba(0,0,0,0.5) url("../img/icon_left_arrow.png") no-repeat 50% 50%} #visual .visual .swiper-dots .arrow.next{background:rgba(0,0,0,0.5) url("../img/icon_right_arrow.png") no-repeat 50% 50%} #visual .visual .swiper-dots .arrow:hover{background-color:rgba(0,0,0,0.8)} #visual .visual .swiper-dots .dots > span.swiper-pagination-bullet-active:before{opacity:1;visibility:visible} #visual .visual .swiper-ctrl .arrow{position:absolute;z-index:100;top:50%;margin:-28px 0 0 0;width:46px;height:13px;text-indent:-999em;background:none;overflow:hidden;cursor:pointer} #visual .visual .swiper-ctrl .arrow i{width:70px;height:70px} #visual .visual .swiper-ctrl .arrow:hover{opacity:1} #visual .visual .swiper-ctrl .prev{left:50%;margin-left:-731px;position:absolute;background:url("../img/main/main_arrow_left.png") no-repeat 50% 50%} #visual .visual .swiper-ctrl .next{left:50%;margin-left:685px;background:url("../img/main/main_arrow_right.png") no-repeat 50% 50%} /**/ #service{position:relative;padding:30px 10px;background:#fff} #service .titbox{margin-bottom:30px;text-align:center;letter-spacing:-0.5px} #service .titbox .tit{line-height:40px;font-size:28px;font-weight:bold;color:#000} #service .titbox .txt{margin-top:10px;line-height:18px;font-size:13px;color:#777} #service .cntbox{} #service .cntbox ul{overflow:hidden} #service .cntbox li{float:left;width:50%;text-align:center} #service .cntbox li .inner{display:block;padding-bottom:20px} #service .cntbox li .inner .img{position:relative;margin:0 auto 10px;width:100px;height:100px;border-radius:50%;background:#f0f0f0} #service .cntbox li .inner .img img{position:absolute;top:50%;left:50%;width:50%;height:50%;transform:translate(-50%,-50%)} #service .cntbox li .inner .tit{line-height:18px;font-size:15px;font-weight:500;color:#000} #service .cntbox li .inner .txt{margin-top:5px;font-size:12px;font-weight:300;color:#000;letter-spacing:-0.5px} /**/ #news{position:relative;padding:30px 10px;background:#ecf0f4} #news .titbox{margin-bottom:30px;text-align:center;letter-spacing:-0.5px} #news .titbox .tit{line-height:40px;font-size:28px;font-weight:bold;color:#000} #news .titbox .txt{margin-top:5px;line-height:18px;font-size:13px;color:#777} #news .titbox .txt span{color:#2a3cee} #news .cntbox{overflow:hidden} #news .cntbox .desc + .desc{margin-top:10px} #news .cntbox .desc .box{position:relative;padding:20px;height:100%} #news .cntbox .desc .box.ntc{background:#2e3192} #news .cntbox .desc .box.press{background:#f58233} #news .cntbox .desc .box.cus{background:#607b96} #news .cntbox .desc .box .title{margin-bottom:20px;line-height:20px;font-size:15px;color:#fff;letter-spacing:-0.5px} #news .cntbox .desc .box .title .tabs{overflow:hidden} #news .cntbox .desc .box .title .tabs li{float:left} #news .cntbox .desc .box .title .tabs li + li{margin-left:20px;padding-left:20px;border-left:1px solid #fff} #news .cntbox .desc .box .title .tabs li a{color:rgba(255,255,255,0.5)} #news .cntbox .desc .box .title .tabs li a.sel{color:#fff} #news .cntbox .desc .box .cnt{} #news .cntbox .desc .box .cnt:after{content:'';display:table;line-height:0;clear:both} #news .cntbox .desc .box .cnt .list li.empty{line-height:120px;font-size:14px;font-weight:300;color:rgba(255,255,255,0.75);text-align:center} #news .cntbox .desc .box .cnt .list li .inner{display:block;position:relative;padding:7px 0;padding-left:70px} #news .cntbox .desc .box .cnt .list li + li{margin-top:10px} #news .cntbox .desc .box .cnt .list li .tit{line-height:20px;font-size:14px;font-weight:500;color:#fff;letter-spacing:-0.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #news .cntbox .desc .box .cnt .list li .txt{margin-top:5px;line-height:16px;font-size:11px;font-weight:300;color:#fff;letter-spacing:-0.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #news .cntbox .desc .box .cnt .list li .date{position:absolute;top:0;left:0;padding:8px 0 4px 0;width:55px;text-align:center;border:1px solid rgba(255,255,255,0.2)} #news .cntbox .desc .box .cnt .list li .date strong{display:block;line-height:26px;font-size:20px;font-weight:500;color:#fff} #news .cntbox .desc .box .cnt .list li .date span{display:block;margin-bottom:2px;line-height:13px;font-size:11px;font-weight:300;color:#fff} #news .cntbox .desc .box .cnt .tel{float:left;position:relative;line-height:40px;font-size:26px;font-weight:500;color:#fff;letter-spacing:-0.5px} #news .cntbox .desc .box .cnt .tel:before{content:'';position:absolute;top:-10px;width:16px;height:1px;background:#fff} #news .cntbox .desc .box .cnt .fax{float:left;margin:15px 0 5px 10px;font-size:12px;font-weight:300;color:#fff;letter-spacing:-0.5px} #news .cntbox .desc .box .cnt .fax strong{display:inline-block;margin-right:5px;font-weight:300} #news .cntbox .desc .box .cnt .fax span{display:inline-block} #news .cntbox .desc .box .cnt .info{float:left;margin:15px 0 5px} #news .cntbox .desc .box .cnt .info strong{display:inline-block;line-height:20px;font-size:12px;font-weight:500;color:#fff;vertical-align:top} #news .cntbox .desc .box .cnt .info span{display:inline-block;line-height:20px;font-size:12px;font-weight:300;color:#fff;vertical-align:top} #news .cntbox .desc .box .more{position:absolute;top:20px;right:20px;width:16px;height:16px;transition:all 0.5s} #news .cntbox .desc .box .more:hover{transform:rotate(90deg)} #news .cntbox .desc .box .more:before{content:'';position:absolute;top:50%;left:50%;margin-left:-7px;width:15px;height:1px;background:#fff} #news .cntbox .desc .box .more:after{content:'';position:absolute;top:50%;left:50%;margin-top:-7px;width:1px;height:15px;background:#fff} }