html,body{overflow-x:hidden !important;}
header{position:absolute; left:0; top:50px; width:100%; z-index:16;}
header .navbar-default{background:none;}
.carousel{width:100%; height:100%; overflow:hidden;}
.carousel-inner,.carousel-inner .carousel-item{width:100%;height:100%; overflow:hidden;}
.carousel .thisHide{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.2); z-index:6;}
.carousel header .navlist .nav-item .nav-link{color:#fff;}
.carousel header .navlist .nav-item .nav-link:hover{background:none;}
.navbar-default .navbar-nav .nav-link.active, .navbar-default .navbar-nav .nav-link.active:focus, .navbar-default .navbar-nav .nav-link.active:hover, .navbar-default .navbar-nav > .active > .nav-link, .navbar-default .navbar-nav > .active > .nav-link:focus, .navbar-default .navbar-nav > .active > .nav-link:hover{background:none;}
.carousel-control2{width:50%; opacity:1; height:100%; transition: all 0.5s; float:left; text-align:center; position:relative; }
.carousel-control2 img{width:32px; height:32px; position:absolute; left:50%; top:50%; margin-left:-16px; margin-top:-16px;}
.carousel-control2:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.5) inset;}
.carousel-inner .carousel-item .w-full{width:100% !important; height:100% !important;}

.sun-index-about{width:100%; height:100%;}
.sun-index-about .left{width:40%; height:100%; float:left; position:relative;}
.sun-index-about .right{width:60%; height:100%; background:url(../images/indexabout.jpg) no-repeat left; background-size:40% 100%; float:right; position:relative;}
.sun-index-about .left .title{padding:10% 10%; color:#4d4d4d;}
.sun-index-about .left .title h2,.sun-index-about .left .title h3,.sun-index-about .left .title h4,.sun-index-about .left .title p{margin:0; padding:0;}
.sun-index-about .left .title h3{font-size:35px; font-weight:bold; font-family:Arial;}
.sun-index-about .left .title h2{font-size:49px; font-weight:bold; font-family:Arial;}
.sun-index-about .left .title h4{font-size:23px; font-weight:bold; font-family:"微軟正黑體";}
.sun-index-about .left .title p{font-size:16px; color:#bbb;font-family:Arial;}
.sun-index-about .left .title .hline{width:50px; height:3px; background:#d3d3d3; margin:25px 0 10px 0;}
.sun-index-about .left .cont{width:60%; height:auto; box-sizing:border-box; position:absolute; left:10%; bottom:10%; }
.sun-index-about .left .cont .cont-item{width:100%; height:auto; border-bottom:1px solid #bbb;}
.sun-index-about .left .cont .cont-item .tit{color:#2c2c2c; font-size:14px;}
.sun-index-about .left .cont .cont-item .tit .num{font-size:46px; font-weight:bold; margin-right:10px; font-family:Arial, Helvetica, sans-serif; font-style:italic;}
.sun-index-about .left .cont .cont-item p{margin:0; line-height:20px;}
.sun-index-about .left .cont .cont-item p.cn{color:#9f9f9f; font-size:14px;margin-bottom:10px; }
.sun-index-about .left .cont .cont-item p.en{color:#9f9f9f; font-size:12px;margin-bottom:15px; display:none;}
.sun-index-about .right .world {position:absolute; left:25%; top:20%; width:80%;}
.sun-index-about .right .world .let{font-size:45px; color:#109CEC; font-weight:bold;}
.sun-index-about .right .world .worl{font-size:60px; color:#109CEC; font-weight:bold;}
.sun-index-about .right .world .else{font-size:60px; color:#454545; font-weight:bold; padding-left:2%;}
.sun-index-about .right .cont{width:auto; height:auto; box-sizing:border-box; position:absolute; left:45%; bottom:15%;  font-family:"微軟正黑體";}
.sun-index-about .right .cont .tit{ font-size:30px; font-weight:bold; color:#545454;}
.sun-index-about .right .cont p{font-size:14px; color:#858585;}
.sun-index-about .right .cont .morebtn{background:#e73552; display:block; width:220px; height:60px; line-height:60px; color:#fff; text-align:center; font-size:18px; cursor:pointer; transition:all 800ms;}
.sun-index-about .right .cont .morebtn>span{transition:all 500ms; padding-left:10px;}
.sun-index-about .right .cont .morebtn:hover{box-shadow:0 0 15px rgba(0,0,0,0.5);}
.sun-index-about .right .cont .morebtn:hover span{padding-left:30px;}
@media screen and (min-width: 2000px) {
	.sun-index-about .left{width:37%; height:100%;}
	.sun-index-about .right{width:63%; height:100%;}
	.sun-index-about .right .cont{position:absolute; left:48%; bottom:15%;}
	.sun-index-about .right .world{position:absolute; left:29%; top:20%; width:50%;}
}
@media screen and (max-width: 1400px) {
	.sun-index-about .left .cont .cont-item:last-child{display:none;}
}

.wrapper_full {max-width: 100%;}
.wrapper {width: 100%;height:100%;margin: auto;box-sizing:border-box;}
.types__inner{position:relative;padding-top:52%;width:100%; height:100%;;}
.types__bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:500;}
.types__bg:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);-webkit-transition:opacity 0s ease;-o-transition:opacity 0s ease;transition:opacity 0s ease;opacity:0;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;z-index:500;}
.types__bg_active:after{opacity:1;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.types__img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:opacity 0.5s ease;-o-transition:opacity 0.5s ease;transition:opacity 0.5s ease;opacity:0;z-index:500;}
.types__img_active{opacity:1}
.types__list{font-size:0;letter-spacing:0;width:100%;position:absolute;top:0;left:0;z-index:502;height:100%}
.types__list:before{content:'';position:absolute;top:0;left:calc(100% / 3);width:1px;height:100%;background-color:rgba(255,255,255,0);z-index:501;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.types__list:after{content:'';position:absolute;top:0;left:calc((100% / 3) * 2);width:1px;height:100%;background-color:rgba(255,255,255,0);z-index:501;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.types__list_active:before,.types__list_active:after{background-color:rgba(255,255,255,0.1)}
.types .suncard{display:inline-block;width:calc(100% / 3);height:100%;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.types .suncard__bg{position:absolute;top:0;left:0;width:300%;height:100%;z-index:498;-webkit-transition:opacity 0.5s ease;-o-transition:opacity 0.5s ease;transition:opacity 0.5s ease}
.types .suncard__mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:499}
.types .suncard__content{width:100%;text-align:center;color:#fff;min-height:62px;-webkit-transition:opacity 0.5s ease;-o-transition:opacity 0.5s ease;transition:opacity 0.5s ease;position:absolute;top:calc(50% - 60px);left:0;padding:0 30px;z-index:500;}
.types .suncard__h2{line-height:36px}
.types .suncard:nth-of-type(2) .suncard__bg{left:-100%}
.types .suncard:nth-of-type(3) .suncard__bg{left:-200%}
.types .suncard_opacity .suncard__content{opacity:0.2}
.types .suncard_opacity .suncard__bg{opacity:0}
@media only screen and (max-width: 1200px){.types__bg{display:none}.types__inner{height:400px}.types__list{height:400px}.types .suncard__content{top:calc(50% - 23px)}.types .suncard__h2{font-size:24px}.types .suncard__h5{font-size:8px;padding-left:2px;letter-spacing:3.8px}.types .suncard:nth-of-type(1) .suncard__bg,.types .suncard:nth-of-type(2) .suncard__bg,.types .suncard:nth-of-type(3) .suncard__bg{left:0;width:100%}}
@media only screen and (max-width: 767px){.types__list{height:auto;position:static}.types__inner{height:auto;padding-top:0}.types .suncard{height:178px;width:100%;padding:0px}.types .suncard__hover{display:none}.types .suncard__content{min-height:auto;padding:0 16px}.types .suncard__h2{font-size:28px;text-align:left;margin-bottom:8px}.types .suncard__h5{text-align:left;font-size:10px;padding-left:0;letter-spacing:4.8px}.types .wrapper_full{padding:0}}

.wrapper_full h2, .wrapper_full .h2 {font: 700 36px/42px '微軟正黑體';margin: 0; }
.line {display: block;white-space: nowrap;overflow: hidden;}
[data-split-letters].show .letter {opacity: 1;-webkit-transform: translate3d(0, 0, 1px);transform: translate3d(0, 0, 1px);}
.letter {display: inline-block;}
.wrapper_full h5, .wrapper_full .h5 {font: 300 12px/12px '微軟正黑體';text-transform: uppercase;letter-spacing: 5.7px;padding-left: 5px;margin: 0; margin-top:15px;}
.fontcolor0{color:#BEBFC0;}
.fontcolor1{background: linear-gradient(to right, #E51420, #ED65AA);-webkit-background-clip: text;color: transparent;}
.fontcolor2{background: linear-gradient(to right, #54ADC2, #7BFFFF);-webkit-background-clip: text;color: transparent;}
.fontcolor3{background: linear-gradient(to right, #20FFFC, #B19857);-webkit-background-clip: text;color: transparent;}

.sun-index-case{width:100%; height:100%; margin:0; padding:0;}
.sun-index-case ul{list-style:none; width:100%; height:100%; margin:0; padding:0;}
.sun-index-case ul li{width:25%; height:25%; box-sizing:border-box; float:left; border-right:1px solid #CECECE; border-bottom:1px solid #CECECE; cursor:pointer; transition:all 0.5s;}
.sun-index-case ul li:nth-child(1){width:50%; height:50%; position:relative;}
.sun-index-case ul li:hover{box-shadow:0 0 20px #cecece;}
.sun-index-case ul li:nth-child(1):hover{box-shadow:none;}
.sun-index-case ul li:nth-child(1) > .case-banner{width:100%; height:100%; position:relative;}
.sun-index-case ul li:nth-child(1) > .case-banner img{width:100%; height:100%;}
.sun-index-case ul li:nth-child(1) > .case-banner .text{position:absolute; left:0; top:0; color:#fff; font-size:35px; padding-top:15%;padding-left:30%; box-sizing:border-box;}
.sun-index-case .banner-tab{width:180px; height:90px; position:absolute; right:0; top:0; background:rgba(255,255,255,0.5);}
.sun-index-case .banner-tab a{display:block; width:50%; height:100%; float:left; text-align:center; line-height:90px; font-size:20px; box-sizing:border-box; cursor:pointer; transition:all 1s;}
.sun-index-case .banner-tab a:nth-child(1){border-right:1px solid rgba(0,0,0,0.1);}
.sun-index-case .banner-tab a:hover{background:rgba(0,0,0,0.5);color:#fff;}

.sun-none{display:none;}

.strlengh-bg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.strlengh-bg div{float:left;}
.strlengh-bg .bg1{width:23%; height:100%; background:#2D2B33;}
.strlengh-bg .bg2{width:34%; height:100%; background:#fff;}
.strlengh-bg .bg3{width:43%; height:100%; background:#2D2B33;}
.strlengh-bg .bg2 .tit {padding:10% 0 10% 5%;}
.strlengh-bg .bg2 .tit h3{ font-size:34px; color:#232323;font-family:"微軟正黑體"; font-weight:bold; }
.strlengh-bg .bg2 .tit p{ font-size:35px; color:#E3E3E3; font-weight:bold; font-family:'Arial';}
.swiper-container {width: 100%;margin:120px auto 50px auto;}
.gallery-top {width: 100%; height:550px; z-index:2;}
.gallery-top .swiper-slide {max-width: 60%;max-width: 60%;width: auto;overflow: hidden;opacity: 1; position:relative;}
.gallery-top .swiper-slide img {max-width: 100%;height: 100%;}
.gallery-top .swiper-slide .desc{width:100%; box-sizing:border-box; padding:30px 20px; background:rgba(0,0,0,0.5); color:#fff; position: absolute; bottom:0; left:0; display:none;}
.gallery-top .swiper-slide .hover{background:rgba(0,0,0,0.7); position:absolute; left:0; top:0; width:100%; height:100%;}
.gallery-top .swiper-slide-active {opacity: 1;}
.gallery-top-box {position: relative;width: 100%;}
.gallery-top .swiper-slide .showLarger{width:80px; height:80px; position:absolute; right:0; top:0; background:#FF3366; display:none;}
.gallery-top .swiper-slide .showLarger span{display:block; margin:0 auto; width:30px; height:30px; border-radius:30px; border:1px solid #fff; color:#fff; text-align:center; line-height:25px; cursor:pointer; font-size:18px; margin-top:25px;}
.strlengh-ul .swiper-slide-active .hover{display:none;}
.strlengh-ul .swiper-slide-active .desc{display:block;}
.strlengh-ul .swiper-slide-active .showLarger{display:block;}
.largerImgContainer{width:100%; height:100%; background:rgba(0,0,0,0.98); position:absolute; left:0; top:0; z-index:3; box-sizing:border-box; padding:5%; display:none; text-align:center;}
@media screen and (min-width: 2000px) {
.gallery-top {width: 100%; height:650px; z-index:2;}
}


.sun-index-news {width:100%; height:100%; margin:0; padding:0; position:relative;}
.sun-index-news .news-head{width:100%; height:150px; background:#EBEBEB; position:absolute; left:0; top:0;}
.sun-index-news .news-head .container{position:relative;}
.sun-index-news .news-head .title{width:200px; height:auto; position:absolute; left:0; top:25px; }
.sun-index-news .news-head .circle{display:inline-block;width:20px; height:20px; border-radius:24px; border:3px solid #f00; vertical-align:middle; margin:0 10px;}
.sun-index-news .news-head .circle2{display:inline-block;width:12px; height:12px; border-radius:12px; border:2px solid #f00; vertical-align:middle; margin:0 5px; display:none;}
.sun-index-news .news-head .title p{ font-size:12px; color:#BBAFAF; margin:0; padding:0;}
.sun-index-news .news-head .news-tab{width:50%; height:50px; position:absolute; right:0; top:50px; text-align:right;}
.sun-index-news .news-head .news-tab .item{display:inline-block;width:100px; color:#3c3c3c; font-size:16px; cursor:pointer;}
.sun-index-news .news-head .news-tab .active > .circle2{display:inline-block;}
.sun-index-news .news-head .news-tab .item:hover > .circle2{display:inline-block;}
.sun-index-news .met-index-news .sun_home_news{width:75%; height:100%; float:left;}
.sun-index-news .met-index-news .sun_active_news{width:24.5%; height:598px; box-sizing:border-box; background:#33CCCC; float:right;}
.sun-index-news .met-index-news .sun_active_news .active_news_content{width:100%; height:100%; box-sizing:border-box; padding:90px 25px 30px 25px; color:#fff; position:relative;}
.sun-index-news .met-index-news .sun_active_news .active_news_content h3{color:#fff; font-family:"微軟正黑體";}
.sun-index-news .met-index-news .sun_active_news .active_news_content p{padding:30px 0 90px 0;}
.sun-index-news .met-index-news .sun_active_news .active_news_content a.btn{background:#D6F5F5; color:#000; display:inline-block; padding:10px 35px; font-size:14px; color:#444c4c; position:absolute; left:25px; bottom:80px;}
.sun-index-news .met-index-news{margin-top:200px;}
.sun-index-news .met-index-news .container{padding:0;}
.sun-index-news .met-index-news .sun-group{width:35%; height:598px; float:left;}
.sun-index-news .met-index-news .sun-group li{width:100%; height:200px; box-sizing:border-box; border-bottom:5px solid #fff; background:#f0f0f0; font-size:18px; font-family:"微軟正黑體"; padding:70px 25px; cursor:pointer; transition:all 0.5s; font-weight:bold;}
.sun-index-news .met-index-news .sun-group li:nth-child(3){border-bottom:0;}
.sun-index-news .met-index-news .sun-group li.active{background:#E41A45; color:#fff;}
.sun-index-news .met-index-news .sun-group li:hover{background:#E41A45; color:#fff;}
.sun-index-news .met-index-news ul{width:100%; height:100%; margin:0; padding:0;}
.sun-index-news .met-index-news .new-img{width:65%; height:598px; float:left;}
.sun-index-news .met-index-news .new-img .img{width:100%; height:100%; float:left;}
.sun-index-news .met-index-news .new-img .img img{width:100%; height:100%;}
.sun-index-news .met-index-news .new-img .desc{width:29.5%; height:100%; float:right; background:#33CCCC;}
.sun-index-news .met-index-news .new-img .desc h3{padding:120px 25px 30px 25px; color:#fff;}
.sun-index-news .met-index-news .new-img .desc p{padding:0 25px 90px 25px;color:#f5f5f5;}
@media screen and (min-width: 2000px) {
.sun-index-news .met-index-news .sun-group li{width:100%; height:260px;padding:100px 25px;}
.sun-index-news .met-index-news .new-img{width:65%; height:778px; float:left;}
.sun-index-news .met-index-news .sun_active_news{width:24.5%; height:778px; box-sizing:border-box; background:#33CCCC; float:right;}
.sun-index-news .met-index-news .sun_active_news .active_news_content{padding:120px 25px 30px 25px; color:#fff;}
.sun-index-news .met-index-news .sun_active_news .active_news_content p{padding:50px 0 200px 0;}
}
.sun-index-news .met-index-news .tabul{width:100%; height:auto; position:absolute; bottom:150px; list-style:none; box-sizing:border-box; padding-left:25px;}
.sun-index-news .met-index-news .tabul li{width:10px; height:10px; border-radius:10px; background:#fff; margin-right:10px; float:left; cursor:pointer; transition:all 800ms;}
.sun-index-news .met-index-news .tabul li:hover{background:#E41A45;}
.fp-auto-height{height:auto !important;}
/*手机版样式*/
@media (max-width:768px){
header{ position:absolute; top:0; left:0; background:#282828; padding:15px 0;}
.met-logo img{max-height:40px; margin-left:15px;}
.navbar-default .hamburger .hamburger-bar, .navbar-default .hamburger::after, .navbar-default .hamburger::before{background:#fff;}
.met-nav .nav-item .nav-link{color:#fff !important;}
.met-nav .nav-item .dropdown-item{color:#fff !important;}
.met-nav .navlist .nav-item .dropdown-item:hover{color:#000 !important;}
.showimg{display:none;}
.fp-slides{height:calc(100% - 90px); position:absolute; top:90px;}
.sun-index-about .video{display:none;}
.sun-index-about .left{width:100%; height:auto; float:none; position:static;}
.sun-index-about .right{width:100%; height:auto; float:none; position:static;}
.met-banner .met-banner-text .container .met-banner-text-con > div h3{padding:0 50px;}
.sun-index-about .right{background:none;}
.sun-index-about .right .world{display:none;}
.sun-index-about .left .title h3{font-size:24px;}
.sun-index-about .left .title h2{font-size:32px;}
.sun-index-about .left .title h4{font-size:18px;}
.sun-index-about .left .title p{font-size:14px;}
.sun-index-about .left .cont{width:100%; position:inherit; box-sizing:border-box; padding:0 10%;}
.sun-index-about .left .cont .cont-item .tit .num{font-size:30px;}
.sun-index-about .left .cont .cont-item p.en{display:none;}
.sun-index-about .left .cont .cont-item p.cn{padding-bottom:5px;}
.sun-index-about .right .cont{width:100%; height:100%; position:inherit; left:0; box-sizing:border-box; padding:0 10%;}
.sun-index-about .right .cont .tit{font-size:22px;}
.sun-index-about .right .cont{padding-top:30px;}
.sun-index-about .right .cont .morebtn{width:180px; height:45px; line-height:45px;}
.types__inner{height:100%;}
.types__list{height:100%;}
.types .suncard{height:33.33%;}
.sun-index-case ul li{width:50%; height:20%; background-size:70% 70% !important;}
.sun-index-case ul li:nth-child(1){width:100%; height:40%;}
.sun-index-case ul li:nth-child(n+8){display:none;}
.strlengh-bg .bg1,.strlengh-bg .bg3{display:none;}
.strlengh-bg .bg2{width:100%;}
.strlengh-bg .bg2 .tit h3{font-size:24px;}
.strlengh-bg .bg2 .tit p{font-size:18px;}
.gallery-top{height:450px;}
.gallery-top .swiper-slide{max-width:90%;}
.sun-index-news .news-head{height:150px; background:#fff; position:inherit;}
.sun-index-news .news-head .title{display:none;}
.sun-index-news .news-head .news-tab{width:100%; top:80px;}
.sun-index-news .news-head .news-tab .item{width:33.33%; float:left; text-align:center;}
.sun-index-news .met-index-news{margin:0;}
.sun-index-news .met-index-news .sun_active_news{display:none;}
.sun-index-news .met-index-news .sun_home_news{width:100%;}
.sun-index-news .met-index-news .new-img{display:none;}
.sun-index-news .met-index-news .sun-group{width:100%;}
.sun_index_footer{display:none;}
.footwebinfo{display:none;}
.met-foot-info .foot-nav{display:none;}
.masonry-item{width:100% !important;}
.met-foot-info .col-lg-3 .left{padding-left:5%;}
.met-foot-info .col-lg-3 .right{text-align:center;}
.met-foot-info .col-lg-3 .text-xs-center{float:none;}
.copy{display:none;}
.sun-index-case ul li:nth-child(1) > .case-banner .text{position:absolute; left:0; top:0; color:#fff; font-size:22px; padding-top:25%;padding-left:10%; box-sizing:border-box;}
}
li{list-style: none;}
.index-link li{float: left;width: 120px;height: 35px;line-height: 35px;text-align: center;color: #999999;}
.index-link{position: relative;top: 40px;}
.index-link p{float: left;height: 35px;line-height: 35px;color: #999999;}