*{font-family:"微軟正黑體";}
.sun-none{display:none;}
.liaojie2{width:100%; height:auto; margin:100px 0; padding:0; position:relative;}
.liaojie2 .liaojie_title{position:absolute; left:5%; top:350px;}
.liaojie2 .liaojie_title h3{color:#fff; font-size:50px; font-weight:600;}
.liaojie2 .liaojie_title p{color:#fff; font-size:30px;}
.liaojie2 .level{position:absolute; box-sizing:border-box; font-family:"微軟正黑體"; color:#fff; font-size:16px; padding:90px 60px;}
.liaojie2 .level1{width:25%; height:230px; right:0; top:200px; background:#444444; }
.liaojie2 .level2{width:30%; height:280px; right:0; top:430px; background:#E7BC37; padding:115px 60px;}
.liaojie2 .level3{width:35%; height:280px; right:0; top:710px; background:#D9D8D4; color:#3a3a3a; padding:115px 60px;}
.tiles {margin:30px 0 100px 0; height:440px;}
.tiles .container{ height:100%;}
.tiles .left{width:50%; height:100%; float:left;}
.tiles .right{width:45%; height:100%; float:right;}
.tiles .left .listitem{width:100%; height:auto;}
.tiles .left .listitem .item{width:30%; float:left; height:260px; box-sizing:border-box; border:1px solid #DEDEDE; margin-right:5%; transition:all 1s; position:relative; text-align:center;}
.tiles .left .listitem .item .squre{width:37px; height:37px; position:absolute; left:50%; margin-left:-18.5px; bottom:-18.5px; opacity:0; background:url(../images/squresmall.png) no-repeat center;}
.tiles .left .listitem .item:nth-child(3n){margin-right:0;}
.tiles .left .hline{width:60px; height:5px; background:#ddd; margin:30px 0 60px 0;}
.tiles .left .listitem .item h3{padding:55px 0 20px 0;font-family:"微軟正黑體"; font-size:18px; font-weight:bold;}
.tiles .left .listitem .item p{padding:0 10px;font-family:"微軟正黑體"; font-size:14px;}
.tiles .left .listitem .item:hover{background:#171717; box-shadow:0 0 15px rgba(25,25,25,.8); border:none;}
.tiles .left .listitem .item:hover > .squre{opacity:1;}
.tiles .left .listitem .item:hover > h3{color:#fff;}
.tiles .left .listitem .item:hover > p{color:#fff;}
.tiles .right .tileitem{width:100%; height:100%; position:relative;}
.tiles .right .tileitem .hover{width:100%; height:100%; position: absolute; background:rgba(0,0,0,0.6); left:0; top:0; color:#fff; box-sizing:border-box; padding:100px 30px; font-size:16px;}

@media screen and (min-width: 2000px) {
.tiles {height:540px;}
.tiles .left .listitem .item{height:360px;}
.tiles .left .listitem .item h3{padding:85px 0 35px 0;font-family:"微軟正黑體"; font-size:22px;}
.tiles .left .listitem .item p{padding:0 30px;font-family:"微軟正黑體"; font-size:16px;}
.tiles .right .tileitem .hover{padding:200px 30px;}
}

.partner{margin: 100px 0;}
.partner h3,.partner p,.partner h4{color:#fff; font-weight:bold; font-family:"微軟正黑體";}
.partner .title h3{font-size:30px;}
.partner .title p{font-size:12px;}
.partner .title .hline{width:50px; height:5px; background:#fff; margin:30px 0 100px 0;}
.partner h4{font-size:24px;}
.partner .btncontainer{margin:50px 0;}
.partner .btncontainer button{ padding:20px 70px; background:#FF3366; border:none; color:#fff;}
.partnerlist{margin:200px 0 100px 0;padding:0;}
.partnerlist .tab{width:100%; height:100px; line-height:100px; margin:0; padding:0; float:left;}
.partnerlist .tab p{color:#b3b3b3; width:50%; float:left;}
.partnerlist .tab .tabitem{width:100px; height:100%; float:right; background:rgba(255,255,255,0.3); border-right:1px solid rgba(0,0,0,0.1); box-sizing:border-box; text-align:center; transition:all 1s; cursor:pointer;}
.partnerlist .tab .tabitem:hover{background:rgba(59,59,59,0.5);}
.partnerlist .listcontainer{width:100%; height:auto; margin:0; padding:0; float:left;}
.partnerlist .listcontainer .item{width:25%;height:250px;box-sizing:border-box; background:#fff;position:relative;border-right:1px solid rgba(0,0,0,0.5);border-bottom:1px solid rgba(0,0,0,0.5); float:left; cursor:pointer; transition:all 0.5s; z-index:54;}
.partnerlist .listcontainer .item:hover{border:none;box-shadow:0 0 15px #000;z-index:55;}

.proQueryContainer{width:100%; margin:30px 0 50px 0; padding:30px 0; background:#fff;}
.proQueryContainer .queryItem{width:100%; height:auto; float:left; border-right:1px solid #dedede; box-sizing:border-box; padding:10px 35px;}
.proQueryContainer .queryItem:nth-child(2n){border-right:0;}
.proQueryContainer .queryItem .title{font-size:18px; font-weight:500;}
.proQueryContainer .queryItem .queryCon{width:100%;}
.proQueryContainer .queryItem ul{list-style:none;margin:15px 0; width:100%; padding:0;}
.proQueryContainer .queryItem ul li{float:left; padding:0 20px 0 0;}
.proQueryContainer .queryItem ul li a{color:#333;}
.proQueryContainer .queryItem ul li a:hover{color:#33cccc;}

.sunpro{position:relative; transition:all 1s;}
.sunpro .sunprohover{opacity:0; transition:all 1s; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff;}
.sunpro .sunprohover .title{position:absolute; bottom:30px; left:30px;}
.sunpro .sunprohover .title .hline{width:80px; height:2px; background:#fff;}
.sunpro .sunprohover .title h3{color:#fff; font-size:18px; margin:10px 0 5px 0;}
.sunpro .sunprohover .title p{color:#fff; font-size:14px;}
.sunpro:hover > .sunprohover{opacity:1; background:#ED395A;}

/*about页面*/
.aboutKnow{width:100%; min-height:500px; position:relative;}
.aboutKnow .know-title{position:absolute; top:15%; left:10%; z-index:6;}
.aboutKnow .know-title p{color:#fff; font-size:42px; padding:0; margin:0;}
.aboutKnow .know-title p.h3{font-weight:bold;}
.aboutKnow .img{position:absolute; right:60%; bottom:10%; z-index:5;}
.aboutKnow .bg{max-width:100%;}
.aboutKnow .text{width:53%; height:70%; background:#fff; position:absolute; bottom:10%; right:7%; box-sizing:border-box; font-family:"微軟正黑體"; padding:3%;}
.aboutKnow .text h3{ font-family:"微軟正黑體"; font-size:28px; margin-bottom:30px; margin-top:0;}
.aboutKnow .text p{line-height:36px; font-size:15px;}
.aboutKnow .text button{ background:none; border:1px solid #BBBBBB; padding:8px 25px; margin-top:60px; cursor:pointer;}
.kehufuwu{margin:60px 0;}
.kehufuwu .left{width:48%; height:100%; float:left;}
.kehufuwu .right{width:45%; height:100%; float:right;}
.kehufuwu .left .title{margin:80px 0 50px 0;}
.kehufuwu .left .content{box-sizing:border-box; padding-right:25px;}
.kehufuwu .right p{display:block; width:50%; max-height:200px; height:auto; float:left; margin:0; padding:0;}
.kehufuwu .right p img{width:100%; height:100%; transition:all .5s;}
.kehufuwu .right p img:hover{transform:scale(1.1);}
.honorlist{margin-top:120px;}
.honorlist ul{list-style:none; margin:0; padding:0;}
.honorlist ul li{width:20%; height:auto; float:left; cursor:pointer; position:relative;}
.honorlist ul li img{width:100%; height:auto;}
.honorlist ul li .hovershow{position:absolute; width:100%; height:100%; left:0; top:0; text-align:center; background:rgba(0,0,0,0.7); padding-top:calc(50% - 30px); opacity:0; transition:all 1s;}
.honorlist ul li .hovershow h3{font-family: "微軟正黑體"; color:#fff;}
.honorlist ul li .hovershow p{color:#fff;}
.honorlist ul li:hover > .hovershow{opacity:1;}
@media (min-width:2000px){
	.kehufuwu .left .title{margin:120px 0 50px 0;}
}

.aboutbottom{margin:25px 0; line-height:35px;}
.aboutbottom span{font-family:"微軟正黑體"; font-size:16px; color:#525252;}
.aboutbottom span.btn{border:1px solid #232323;display:block;  width:120px; height:35px; line-height:20px; border-radius:35px;}

.sun-none{display:none;}
.knowbanner{min-height:980px; position:relative;}
.knowbanner .navbar-default{background:none;}
.knowbannerleft{width:55%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.knowbannerleft .zm{width:100px; height:100px; font-size:98px; text-align:center;color:#505050;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold;}
.knowbannerleft .m{position:absolute; top:calc(50% - 270px); left:calc(50% - 50px);}
.knowbannerleft .y{position:absolute; top:calc(50% + 170px); left:calc(50% - 50px);}
.knowbannerleft .axd{color:#EC2747 !important;position:absolute; top:calc(50% - 50px); right:-50px;}
.knowbannerleft .text{font-size:18px; color:#a4a4a4; font-weight:bold;}
.knowbannerleft .vtext{width:auto; height:40px; line-height:40px; position:absolute; top:calc(50% - 20px); left:calc(50% - 200px);}
.knowbannerleft .htext{width:20px; height:auto; line-height:20px; position:absolute; top:calc(50% - 100px); left:10%;}
.knowbannerright{width:45%; height:100%; background:#fafafa; position:absolute; right:0; top:0; z-index:-2;}
.knowbannerright .knowimg{width:100%; height:100%;}
.knowbannerright .knowimg h3{font-size:14px; text-align:right;}

.btncontainer{text-align:center;}
.btncontainer .loadMoreBtn{padding:20px 100px; display:inline-block; background:#33cccc; color:#fff; cursor:pointer;}
.partner .btncontainer{text-align:left;}
@media screen and (max-width: 1400px) {
	.aboutKnow .text{padding:2%;}
	.aboutKnow .text h3{font-size:18px;margin-bottom:15px;}
	.aboutKnow .text p{font-size:13px; line-height:22px;}
	.met-foot-info .col-lg-3{width:30%;}
	.liaojie2 .liaojie_title{top:260px;}
	.liaojie2 .level{padding:60px 30px;}
	.liaojie2 .level1{top:100px; height:180px;}
	.liaojie2 .level2{top:280px; height:200px;}
	.liaojie2 .level3{top:480px; height:220px;}
	.msg_list .msgcontainer .formlist{width:50% !important;padding:30px !important;}
	.advanlist ul li .icon{height:90px !important;}
	.advanlist ul li{padding:0 10px !important;}
	.newsIntro{width:60% !important;}
	.met-banner .met-banner-text .container .met-banner-text-con > div h3{color:#fff !important; font-size:50px;}
	.partnerlist .tab p{width:60%;}
	.laifangform .lfform{padding:2% !important;}
	.laifangform .title{padding-top:5% !important;}
}
@media (max-width:768px){
.met-logo img{max-height:40px; margin-left:15px;}
.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;}
.gallery-top{height:350px !important;}
.knowbannerleft{display:none;}
.knowbannerright{width:100%; background:#fff; position:inherit; height:730px;}
.knowbanner{min-height:730px;}
.aboutKnow .know-title{display:none;}
.aboutKnow .img{display:none;}
.aboutKnow .text{width:90%; height:80%; overflow:hidden; top:10%; left:5%; padding:15px;}
.aboutKnow .bg{width:100%; height:100%;}
.aboutKnow .text h3{font-size:20px; margin-bottom:5px; margin-top:5px;}
.aboutKnow .text p{font-size:12px; line-height:25px;}
.kehufuwu .left{width:100%; box-sizing:border-box; padding:0 20px;}
.kehufuwu .right{width:100%;}
.kehufuwu .container{padding:0;}
.honorlist{display:none;}
.aboutbottom{display:none;}
.kehufuwu{margin:30px 0 0 0;}
.kehufuwu .left .title{padding:20px 0; margin:0;}
.kehufuwu .left .title h3{margin:10px 0;}
.kehufuwu .left .title p{margin:0;}
.swiper-container{margin:0 !important;}
.gallery-top .swiper-slide{max-width:60% !important;}
.gallery-top .swiper-slide img{height:50% !important;}
.gallery-top .swiper-slide h3{font-size:22px !important;}
.gallery-top .swiper-slide p{font-size:12px !important;}
.liaojie2{margin:0;}
.liaojie2 .liaojie_title{display:none !important;}
.liaojie2 .liaojie_title h3{font-size:16px;}
.liaojie2 .liaojie_title p{font-size:12px;}
.liaojie2 .level{height:30% !important; padding:0; font-size:12px; overflow:hidden; box-sizing:border-box; padding:10px;}
.liaojie2 .level1{top:15px; width:60%;}
.liaojie2 .level2{top:calc(30% + 15px); width:70%;}
.liaojie2 .level3{top:calc(60% + 15px); width:80%;}
.tiles{height:auto;}
.tiles .left{width:100%; height:auto; float:none; padding-bottom:30px;}
.tiles .left .listitem .item{width:33%;margin-right:0.5%;}
.tiles .left .listitem .item h3{font-size:14px;}
.tiles .right{width:100%; height:200px; float:none;}
.tiles .left .hline{margin:15px 0;}
.tiles .right .tileitem .hover{padding:30px;}
.partnerlist .tab{position:relative; line-height:25px; height:50px;}
.partnerlist .tab p{position:absolute; width:100%; top:-100px;}
.partnerlist .tab .tabitem{line-height:50px; width:50px;}
.partnerlist .listcontainer .item{width:50%; background-size:70% 70% !important;}
.queryContainer .queryitem{width:100% !important; margin-bottom:8px;}
.sun-img .row{margin:0;}
.sun-img ul li{width:49% !important; margin-right:2% !important;}
.sun-img ul li:nth-child(n+6){margin-top:auto !important;}
.sun-img ul li:nth-child(2n){margin-right:0 !important;}
.sun-img ul li .img {background-size:90% 90% !important;}
.sun-img ul li .img img{max-width:90% !important; margin:0 auto; }
.sun_head header{position:inherit !important;}
.carousel-inner > .signword{display:none;}
.carousel-inner > .sun-carousel-tab{display:none;}
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img, .img-fluid{max-width:100% !important; float:none !important;}
.carousel-inner > .BannerText{position:inherit !important; width:100% !important;}
.carousel-inner > .BannerText h3{font-size:22px !important;}
.carousel-inner > .BannerText p{font-size:14px !important;}
.advanlist .advcontainer{width:95%;}
.advanlist .advcontainer .title{display:none;}
.advanlist ul{display:block !important; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}
.advanlist ul li{width:50%; float:left; background:none !important; border-bottom:1px solid #dcdcdc; padding:0 10px !important;}
.laifangform{min-height:720px !important;}
.laifangform .bgimg{display:none;}
.laifangform .lfcontainer{height:auto !important; padding:20px 0;}
.laifangform .lfform .form-group:nth-child(11){width:100% !important;}
.laifangform .lfform .btn-primary{width:50%;}
.newsIntro{display:none;}
.bodydiv{display:none;}
.navbar-default, .met-news{margin-top:0 !important;}
.met-news .pagetit{padding:20px !important;}
.met-news .pagetit h3{font-size:30px !important;}
.met-news .pagetit h4{font-size:22px !important;margin:10px 0 10px 0 !important;}
.met-news .sun-new{padding:20px !important;}
.met-news .sun-new .slider{width:100% !important;}
.met-news .tuijian{display:none;}
.met-news .newlist{width:100% !important;padding:0 !important; }
.met-news .newlist ul li{border-top:0 !important; border-bottom:1px solid #dcdcdc !important;}
.sunpage{height:auto !important;}
.sunpage .carousel{position:inherit !important;}
.met-banner .met-banner-text .container .met-banner-text-con > div h3{padding:0;}
.contline{padding:30px 0 !important;}
.needback .form-group:nth-child(-n+8){width:100% !important;}
.needback .form-group:nth-child(9){width:100% !important;}
.needback .form-group:nth-child(10){width:100% !important;}
.needback .form-group:nth-child(11){width:100% !important;}
.needback .form-group:nth-child(11) > .btn-primary{width:50% !important;}
.msg_list .msgcontainer .intro h3{display:none;}
.msg_list .msgcontainer .intro h4{display:none;}
.msg_list .msgcontainer .intro .hline{display:none;}
.msg_list .msgcontainer .intro h5{font-size:18px !important;}
.msg_list .msgcontainer .intro p.phone{font-size:14px !important;}
.msg_list .msgcontainer .intro{width:90% !important; margin:0 auto; float:none !important;}
.msg_list .msgcontainer .formlist{width:90% !important;float:none !important; margin:0 auto; padding:20px !important;}
.msg_list .bgimg{min-height:810px;}
.msgcontainer .btn-primary{width:50%;}
.msg_imglist p{width:50% !important;}
.msg_list .msgcontainer .intro p{font-size:14px !important;}
.met-banner .met-banner-text .container .met-banner-text-con > div h3{font-size:24px; font-weight:1000 !important;}
.met-banner .met-banner-text .container .met-banner-text-con > div p{font-size:24px; font-weight:1000 !important;}
.met-shownews ul.column{display:none;}
}