.mainVis{ width:100%; height:100vh; overflow:hidden; position:relative; }
.mainVis .visual{ width:100%; height:100%; position:relative; }
.mainVis .visual .slick-slide li{ height:100vh; }
.mainVis .visual .item1{ background:url(/img/main/mainVis01.jpg) no-repeat center center /cover; }
.mainVis .visual .item2{ background:url(/img/main/mainVis02.jpg) no-repeat center center /cover; }
.mainVis .visual .item3{ background:url(/img/main/mainVis03.jpg) no-repeat center center /cover; }
.mainVis .visual .item4{ background:url(/img/main/mainVis04.jpg) no-repeat center center /cover; }
.mainVis .visual .item5{ background:url(/img/main/mainVis05.jpg) no-repeat center center /cover; }
.mainVis .visTxt{ width:1400px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:4; color:#fff; }
.mainVis .visTxt .count,
.mainVis .visTxt .slideTxt span,
.mainVis .visTxt .slideTxt p,
.mainVis .visTxt .loc,
.mainVis .arrow{ margin-left:-50px; opacity:0; transition:all 1s; }
.mainVis.on .visTxt .count,
.mainVis.on .visTxt .slideTxt span,
.mainVis.on .visTxt .slideTxt p,
.mainVis.on .visTxt .loc,
.mainVis.on .arrow{ margin-left:0; opacity:1; }
.mainVis .visTxt .count{ transition-delay:0.3s; }
.mainVis .visTxt .count span{  font-family: 'Exo', sans-serif; }
.mainVis .visTxt .count .current{ font-size:24px; font-weight:700; }
.mainVis .visTxt .count .langth{ font-size:14px; font-weight:400; }
.mainVis .visTxt .slideTxt{ margin:40px 0 50px; }
.mainVis .visTxt .slideTxt span{ font-size:4.4rem; font-weight:500; transition-delay:0.5s; }
.mainVis .visTxt .slideTxt p{ font-size:5.6rem; font-weight:700; font-family: 'Exo', sans-serif; margin-top:30px; transition-delay:0.6s; }
.mainVis .visTxt .loc{ font-size:2.2rem; margin-bottom:70px; position:relative; transition-delay:0.7s; }
.mainVis .visTxt .loc:before{ content:''; display:inline-block; width:14px; height:20px; background:url(/img/main/location.png) no-repeat 0 0 /cover; margin-right:10px; vertical-align:middle; }
.mainVis .arrow{ transition-delay:0.9s; }
.mainVis .arrow span{ display:inline-block; margin-left:-3px;}
.mainVis .arrow span:first-child{ margin-right:10px; }

#mainCont article:not(.about){ padding:180px 0; }
#mainCont article:not(.about) .pl{ padding-left:13.54166666667%; box-sizing:border-box; }
#mainCont .art-tit{ margin-bottom:70px; }
#mainCont .art-tit h2{ font-size:5rem; color:#333; font-weight:700; font-family: 'Exo', sans-serif; margin-bottom:40px; }
#mainCont .art-tit p{ font-size:18px; color:#666; font-weight:300; line-height:27px; letter-spacing:-0.01em; }
#mainCont .business{ background:#f7f7f7; }
#mainCont .business .art-in > *{ float:left; }
#mainCont .business .art-in .tab-box{ width:608px; }
#mainCont .business .art-in .tab-box .tab{ background:#fff; text-align:center; box-shadow:0 0 50px rgba(0,0,0,.05); }
#mainCont .business .art-in .tab-box .tab ul{ display:inline-block; padding:50px 0; }
#mainCont .business .art-in .tab-box .tab .slick-slide{ outline:none; cursor:pointer; display:inline-block; font-size:20px; color:#333; margin-right:60px; }
#mainCont .business .art-in .tab-box .tab .slick-slide:nth-child(1){ background:url(/img/main/business_icon1.jpg) no-repeat 0 0 ; width:67px !important; height:99px; }
#mainCont .business .art-in .tab-box .tab .slick-slide:nth-child(1).slick-current{ background-image:url(/img/main/business_icon01on.jpg); }
#mainCont .business .art-in .tab-box .tab .slick-slide:nth-child(2){ background:url(/img/main/business_icon02.jpg) no-repeat 0 0 ; width:67px !important; height:99px; }
#mainCont .business .art-in .tab-box .tab .slick-slide:nth-child(2).slick-current{ background-image:url(/img/main/business_icon02on.jpg); }
#mainCont .business .art-in .tab-box .tab .slick-slide:nth-child(3){ background:url(/img/main/business_icon03.jpg) no-repeat 0 0 ; width:90px !important; height:99px; }
#mainCont .business .art-in .tab-box .tab .slick-slide:nth-child(3).slick-current{ background-image:url(/img/main/business_icon03on.jpg); }
#mainCont .business .art-in .tab-box .tab .slick-slide:last-child{ margin-right:0; }
#mainCont .business .art-in .img-box{ width:calc(100% - 608px); }
#mainCont .business .art-in .img-box .item-wrap{ overflow:hidden; position:relative; }
#mainCont .business .art-in .img-box .item-wrap .item-img{ height:600px; }
#mainCont .business .art-in .img-box .item-wrap .item-img img{ display:block; margin:0 auto; height:100%; }
#mainCont .business .art-in .img-box .item-wrap .item-ov{ opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); transition:opacity .4s; }
#mainCont .business .art-in .img-box .item-wrap:hover .item-ov{ opacity:1; }
#mainCont .business .art-in .img-box .item-wrap .item-ov img{ position:absolute; right:0; bottom:0; }

.business .slick-slide{ margin:0 14px; height:100%; }
.business .tab .slick-slide img{ display:inline-block; }


/*
.business .swiper-pagination-bullet{ width:auto; height:95px; border:1px solid #fff; box-sizing:border-box; text-align:center; background:#fff no-repeat center /cover; border-radius:0; margin-right:100px; outline:none;}
.business .swiper-pagination-bullet:last-child{ margin-right:0; }
.business .swiper-pagination-bullet:nth-child(1){ background-image:url(/img/main/business_icon01.jpg); width:66px; }
.business .swiper-pagination-bullet:nth-child(2){ background-image:url(/img/main/business_icon02.jpg); width:65px; }
.business .swiper-pagination-bullet:nth-child(3){ background-image:url(/img/main/business_icon03.jpg); width:78px;}
.business .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{ background-image:url(/img/main/business_icon01_on.jpg); }
.business .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{ background-image:url(/img/main/business_icon02_on.jpg); }
.business .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{ background-image:url(/img/main/business_icon03_on.jpg); }
*/

/*#mainCont .business .swiper-slide{ overflow:hidden; }*/

/*#mainCont .business .art-in .img-box li{ width:760px; height:485px; margin-right:30px;background:red; }
/*#mainCont .business .art-in .img-box ul li p{ height:100%; }*/

/*.business .swiper-slide .item-wrap{ position:relative; max-width:763px; height:483px; overflow:hidden; background:no-repeat 50% center /cover; }
.business .swiper-slide .item-wrap .item-img img{ width:100%; height:100%; transform:scale(1.14); transition:all .5s; }
.business .swiper-slide:hover .item-wrap .item-img img{ transform:scale(1); }
.business .swiper-slide .item-wrap .item-ov{ position:absolute; bottom:-1px; right:-1px; opacity:0; transition:all .3s; }
.business .swiper-slide:hover .item-wrap .item-ov{ opacity:1; }
.business .swiper-pagination-bullet{ width:auto; height:auto; border:1px solid #fff; box-sizing:border-box; text-align:center; background:#fff no-repeat center /cover; border-radius:0; margin-right:100px; outline:none;}
.business .swiper-pagination-bullet:last-child{ margin-right:0; }
/.business .swiper-pagination-bullet:nth-child(1){ background-image:url(/img/main/business_icon01_off.png); }
.business .swiper-pagination-bullet:nth-child(2){ background-image:url(/img/main/business_icon02_off.png); }
.business .swiper-pagination-bullet:nth-child(3){ background-image:url(/img/main/business_icon03_off.jpg); }
.business .swiper-pagination-bullet:nth-child(1){ background-image:url(/img/main/business_icon01_off.png); }
.business .swiper-pagination-bullet:nth-child(2){ background-image:url(/img/main/business_icon02.png); }
.business .swiper-pagination-bullet:nth-child(3){ background-image:url(/img/main/business_icon03.jpg); width:77px; margin-right:0; }/
.business .swiper-pagination-bullet:nth-child(1){ background-image:url(/img/main/business_icon01.jpg); width:66px; height:95px; }
.business .swiper-pagination-bullet:nth-child(2){ background-image:url(/img/main/business_icon02.jpg); width:65px; height:95px; }
.business .swiper-pagination-bullet:nth-child(3){ background-image:url(/img/main/business_icon03.jpg); width:78px; height:95px;}
.business .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{ background-image:url(/img/main/business_icon01_on.jpg); }
.business .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{ background-image:url(/img/main/business_icon02_on.jpg); }
.business .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{ background-image:url(/img/main/business_icon03_on.jpg); }
*/
#mainCont .about .slide-container{ position:relative; }
#mainCont .about .item{ width:100%; height:670px; background:no-repeat center 70% /cover; }
#mainCont .about .txtbox{ width:1400px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; }
#mainCont .about .txtbox > *{ float:left; width:50%; }
#mainCont .about .txtbox .left_txt{ font-size:5rem; font-weight:700; font-family: 'Exo', sans-serif; line-height:1.5; }
#mainCont .about .txtbox .right_txt{ padding-left:9%; box-sizing:border-box; }
#mainCont .about .txtbox .right_txt p{ font-size:18px; font-weight:300; line-height:1.5; margin-bottom:35px; }
#mainCont .about .txtbox .viewmore{ display:inline-block; margin-top:15px; }
#mainCont .about .txtbox .viewmore a{ display:inline-block; padding-right:30px; background:url(/img/main/plus.png) no-repeat right center; font-family: 'Exo', sans-serif; font-size:14px; text-transform:uppercase; color:#fff; }
#mainCont .about .controls-box{ z-index:3; position:absolute; left:0; bottom:0; width:830px; background:#fff; padding:40px 0 40px 13.54166666667%; box-sizing:border-box; }
#mainCont .about .controls-box .controls{ width:460px; position:relative; }
#mainCont .about .controls-box .controls .arrows > *{ position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; }
#mainCont .about .controls-box .controls .arrows .prev{ left:0; }
#mainCont .about .controls-box .controls .arrows .next{ right:0; }
#mainCont .about .controls-box .knot{ width:370px; margin:0 auto; position:relative; }
#mainCont .about .process-bar{ width:310px; height:2px; background:#999; position:relative; margin:0 auto; }
#mainCont .about .process-bar p{ position:absolute; width:50%; height:100%; background:#333; }
#mainCont .about .controls-box .count > *{ position:absolute; top:50%; transform:translateY(-50%); font-size:16px; font-weight:500; font-family: 'Exo', sans-serif; color:#999; }
#mainCont .about .controls-box .count .length{ right:0; }

#mainCont .project .art-in{ position:relative; }
#mainCont .project .slide_ul li{ margin-right:30px; }
#mainCont .project .slide_ul li .item { position:relative; overflow:hidden; max-width:348px; max-height:497px; }
#mainCont .project .slide_ul li .item a{ display:block; }
#mainCont .project .slide_ul li .item .item_img img{ transform:scale(1); transition:all .5s; height:500px; }
#mainCont .project .slide_ul li .item:hover .item_img img{ transform:scale(1.1); }
#mainCont .project .slide_ul li .item .item_ov{ position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:5; opacity:0; transition:all .5s; }
#mainCont .project .slide_ul li .item:hover .item_ov{ opacity:1; }
#mainCont .project .slide_ul li .item .item_ov .item_name{ position:absolute; width:100%; text-align:center; top:50%; transform:translateY(-50%); color:#fff; font-size:18px; margin-top:60px; opacity:0; transition:all .6s; }
#mainCont .project .slide_ul li .item:hover .item_ov .item_name{ margin-top:0; opacity:1; }
#mainCont .project .slide_ul li .item .item_ov .more{ position:absolute; right:0; bottom:0; }
#mainCont .project .slide-arrow{ position:absolute; top:0; right:13.54166666667%; }
#mainCont .project .slide-arrow > span{ display:block; float:left; }
#mainCont .project .slide-arrow > span:nth-child(1){ margin-right:20px; }


#mainCont .contact .art-tit p{ padding-left:25px; box-sizing:border-box; position:relative; }
#mainCont .contact .art-tit p:before{ content:''; display:block; position:absolute; left:0; }
#mainCont .contact .art-tit p.addr{ margin-bottom:10px; }
#mainCont .contact .art-tit p.addr:before{ width:14px; height:20px; top:5px; background:url(/img/main/contact_icon.png) no-repeat 0 0; }
#mainCont .contact .art-tit p.tel:before{ width:16px; height:16px; top:7px; background:url(/img/main/contact_icon2.png) no-repeat 0 0; }
#mainCont .contact .contact_type li{ float:left; width:50%; box-sizing:border-box; }
#mainCont .contact .contact_type li:nth-child(1){ padding-right:30px; }
#mainCont .contact .contact_type li:nth-child(2){ padding-left:30px; position:relative; top:-70px; }
#mainCont .contact .contact_type li > div{ position:relative; }
#mainCont .contact .contact_type li > div > a{ display:block; }
#mainCont .contact .contact_type .contact_img img{ width:100%; }
#mainCont .contact .contact_type .contact_name{ position:absolute; bottom:-1px; left:0; background:#fff; z-index:2; width:420px; padding:40px 130px 23px 50px; box-sizing:border-box; transition:all .7s; }
#mainCont .contact .contact_type .contact_name:before,
#mainCont .contact .contact_type .contact_name:after{ content:''; display:block; width:2px; height:100%; background:#fff; position:absolute; top:0; }
#mainCont .contact .contact_type .contact_name:before{ left:-1px; }
#mainCont .contact .contact_type .contact_name:after{ right:-1px; }
#mainCont .contact .contact_type li:hover .contact_name{ width:100%; }
#mainCont .contact .contact_type .contact_name > *{ display:inline-block; vertical-align:middle; color:#333; }
#mainCont .contact .contact_type .contact_name strong{ font-size:36px; font-weight:700; font-family: 'Exo', sans-serif; padding-right:30px; }
#mainCont .contact .contact_type .contact_name span{ font-size:18px; padding-left:20px; position:relative; }
#mainCont .contact .contact_type .contact_name span:before{ content:''; display:block; width:1px; height:100%; background:#333; position:absolute; top:0; left:0; }