@charset "utf-8";

blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:lighter}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:12px/1.14 'Arial',\5b8b\4f53;color:#333;outline:0}
body{font-family: "Julius Sans One","PingFang SC","HanHei TC","Microsoft Yahei","Helvetica Neue",Helvetica,STHeitiTC-Light,Arial,serif;line-height:1.75;font-size:1.6rem;color:#333;line-height:1.75}
a,a:active,a:focus,a:hover,a:visited{color:#333;text-decoration:none}
body,html{width:100%;height:100%;position:relative;}

h1,h2,h3,h4,h5,h6{clear:both;margin:0 0 1.2em;padding:0;line-height:1.4}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{padding-top:0}
h1{text-transform:uppercase;font-weight:300;font-size:64px;font-size:6rem}
h2{text-transform:uppercase;letter-spacing:1.5px;font-weight:300;font-size:38px;font-size:3.6rem}
h3{text-transform:uppercase;letter-spacing:1.2px;font-weight:300;font-size:28px;font-size:3rem}
h4{font-weight:700;font-size:1.8rem}
h5{font-weight:700;font-size:1.6rem}
h6{letter-spacing:.6px;font-weight:700;font-size:1.4rem;}
@media (max-width:767px){h1{font-size:4rem}
h2,h3{font-size:24px;font-size:1.375rem}
h4{font-size:17px}
}
/*公共样式*/
.container{width:100%;max-width:1600px;margin:auto}
.imgcut{ position: relative; padding-bottom: 75%;}
.imgcut1{ position: relative; padding-bottom: 135%;}
.imgcut img,.imgcut1 img{ position: absolute; display: block; width: 100%; height: 100%; object-fit: cover;}


.flex{display: flex; display: -webkit-flex;  -webkit-justify-content: space-between; justify-content: space-between;  -webkit-align-items: center;align-items: center;}
.fixed{ position: fixed;}
.hids{ display: none;}
.shos{ display: block;}

.vh-center{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto auto}
.v-center{/*! display:-ms-flexbox; */display:flex;height:100%;/*! -ms-flex-align:center; */align-items:center}
.v-line{display:block;margin-left:calc(50% - 1px);width:1px;height:6rem;background:#ccc}
.h-line{display:block;margin:2rem 0 1rem;width:100%;height:1px;background:#ccc}

/*头部*/
.header{ width: 100%; padding:1rem 3rem; box-sizing:border-box; z-index: 999; background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));}
.navbox{width: 100%; -webkit-justify-content:flex-end;justify-content:flex-end}
.nav{width: 100%; max-width:90rem; height: 6rem;line-height: 6rem; padding:0 5rem}
.nav ul li{ position: relative; width: 16%;}
.nav ul li>a{ position: relative; z-index: 1; display: block; width: 100%; color:#fff; text-align: center; font-size: 1.4rem;text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
.nav ul li:hover a,.nav ul li.active > a,.list .nav ul li.active > a{ color:#ff6000}
.nav ul li .subnav{ position: absolute; top: 5rem; width: 100%; min-width:12rem; height:auto; max-height: 0; overflow: hidden; transition: all 0.5s; background:#f5f5f5;}
.nav ul li:hover .subnav{max-height: 100rem;}
.nav .subnav a{ display: block; width: 100%; line-height: 2rem; padding: 1rem 2rem; border-bottom: 1px solid rgba(255,255,255,0.2); color:#333; font-size: 1.4rem; text-align: center; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.nav .subnav a:hover{ color:#ff6000;}
.list .nav ul li>a{color:#333}

.lang a{display: block; position: relative; color: #fff;margin-top: -2px; margin-left: 1.5rem;}
.lang a::after{ content: ""; display: block; position: absolute; bottom: 0; width: 10px; height: 1px; background: #fff; transition: all 0.5s;}
.lang a:hover::after{ width: 16px;}
.mlang{ position: absolute; bottom: 3rem; right: 3rem;}
.mlang a{ color: #333; font-size: 2.4rem; margin-left: 2rem;}
.mlang a::after{ background: #333; width: 100%;}
.mlang a:hover::after{ width: 100%;}

/*移动端导航样式*/
.menu-handler{position: relative;z-index:1012;left:0;top:0;width:auto;height:6rem;overflow:hidden;cursor:pointer;}
.menu-handler .flex{ height: 6rem; line-height: 6rem; -webkit-justify-content: flex-start;justify-content: flex-start;}
.menu-handler .icon-menu{ width: 4rem; height: 6rem;}
.menu-handler span{ color: #fff;}
.menu-handler .burger{position:absolute;z-index:5;top:1.8rem;left:0;display:block;width:2.5rem;height:2px;margin:0;background:#fff;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center}
.menu-handler .burger-2{top:2.7rem}
.menu-handler .burger-3{top:3.6rem}
.menu-handler.active .burger-1{top:3rem;-webkit-transform:rotate(225deg);transform:rotate(225deg);background: #222;}
.menu-handler.active .burger-2{opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{top:3rem;-webkit-transform:rotate(-225deg);transform:rotate(-225deg);background: #222;}
.menu-handler.active span{ color: #333;}
.menuBlack{position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;background:#e4e4e4;display:none}
.menuBox{position:fixed;width:100%;top:0;left:-100%;height:100%; z-index:1000;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}
.navMobile{margin-top:8rem;padding:3rem 0;border-top:1px solid rgba(0,0,0,.1)}
.navMobile dd a{display:block;line-height:8rem;color:#333;font-weight:400;font-size:2.4rem;text-align:center}
.navMobile dd p a.act{color:#ff6000}
.navMobile dd a:hover{color: #ff6000;}
.navMobile .mtnav a{display:inline-block; padding:1rem 5rem;font-size:2rem;line-height:6rem;}
.navMobile .mtnav{ text-align:center; background:#f5f5f5;display:none}

.header .menubtn,.header .tel{ width: 17rem;}
.tel a{ color: #fff; font-size: 1.8rem; padding-left: 4rem; height: 6rem; line-height: 6rem; background: url(../images/tel.png) no-repeat left center;}
.mhbg .logo,.mhbg .tel{ position: relative; z-index: 1001;}
.mhbg .tel a{ background-image: url(../images/tel1.png); color: #333;}
.logo img{ max-height: 5rem;}
.mhbg .logo img.shos{ display: none;}
.mhbg .logo img.hids{ display: block;}

@media (max-width:1199px){
    .navbox{width: auto}
}

@media (max-width:767px){
	.logo img{ max-height: 4rem;}
	.navMobile dd{ padding: 2rem 0;}
    .navMobile dd a{ font-size:2.4rem; line-height:1.5; }
	.navMobile dd a small{ font-family: "微软雅黑";text-transform: uppercase; font-size: 1.8rem;}
    .navMobile .mtnav a{padding:1rem 2rem;}
	.navMobile{margin-top:8.5rem;}
	.header{ padding:1rem;}
	.header .menubtn,.header .tel{ width: 6rem;}
	.tel a{ display: block; background-position: center;}
}

main{ position: relative; z-index: 2;}
.home .video-container{position:fixed;top:0;left:0;z-index:0;width:100%;height:100vh}
.home .video-container #hero-video{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto auto;min-width:100%;min-height:100%}
.home .video-container .overlap-bg{position:absolute;top:-20%;left:0;z-index:2;width:100%;height:120%;background:#000;opacity:.8;transition:all 10s}
.home .video-container .overlap-bg.loaded{opacity:.1}
.home .full-height{position:relative;z-index:1;width:100%;height:100vh;color:#fff;text-align:center}
.home .full-height .v-line{position:absolute;left:0;height:30vh;opacity:.7}
.home .full-height .v-line.bottom{bottom:0;height:30vh;opacity:0;transition:all 2s ease}
.home .full-height .v-line.bottom.loaded{opacity:1}
.home .full-height .v-line.top{top:0;height:10vh;opacity:1;transition:all 2s ease}
.home .full-height .v-line.top.loaded{height:35vh;opacity:1}
.home .full-height h1,.home .full-height h2{margin:0 auto;opacity:0;transition:all 6s;filter:blur(5px)}
.home .full-height h1.loaded,.home .full-height h2.loaded{opacity:1;filter:blur(.3px)}
.home .full-height h1.loaded{transition:all 0s!important;line-height: 4rem;letter-spacing: 1rem;}
.home .full-height h1.loaded small{ font-size: 2rem;line-height: 2rem; color: #fff}
.home .full-height h2{transition:all 2s;text-transform:none; }
.home .full-height h2 small{ font-size:2rem; color:#fff}
.home .full-height h3{margin:0 auto}
.home .full-height .button-wrapper{display:inline-block;margin:0 auto}
.home .full-height .button-wrapper h4{margin:3rem;text-transform:uppercase}
.home .full-height .button-wrapper h4 a{ display: inline-block; position: relative;}
.home .full-height .button-wrapper h4 a::after{ content: ""; position: absolute; bottom: -1rem; left: 25%; width: 50%; height: 1px; background: #fff; transition: all 0.5s;}
.home .full-height .button-wrapper h4 a:hover::after{ left: 0; width: 100%;}

.home .full-works{position:relative;top:0;z-index:2;overflow:hidden;height:auto;background:#faf5f0}
.home .full-works-box{ width: 100%; max-width: 1800px; margin: auto; padding:5rem 3rem;}
.home .full-works-box ul{ padding: 5rem 0;}
.home .full-works-box ul li{ width: 22%;}
.home .full-works-box ul li .imgcut{ padding-bottom: 150%;}
.home .full-works-box ul li .imgcut{ overflow: hidden;}
.home .full-works-box ul li img{ transition: all 1s;}
.home .full-works-box ul li:hover img{transform: scale(1.2);}
.home .full-works-box ul li .title{padding: 3rem 0; font-family:Raleway,"Noto Sans TC","PingFang TC","Helvetica Neue",Helvetica,STHeitiTC-Light,Arial,serif !important;}
.home .full-works-box ul li h5{ line-height: 1.5; font-size: 1.4rem; color: #555; margin-bottom: 0;}
.home .full-works-box ul li h6{ font-size: 1.8rem; color: #555; font-weight: 600;}
.home .full-works-box .more{ text-align: center;}
.home .full-works-box .more a{ display: inline-block; line-height: 2; font-size: 1.8rem; position: relative;}
.home .full-works-box .more a::after{ content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -1.5rem; width: 3rem; height: 1px; background: #666; transition: all 0.5s;}
.home .full-works-box .more a:hover::after{ left: 0; width: 100%; margin-left: 0;}

.home .full-works-box .more a::before{ content: ""; position: absolute; top: 0; left: 50%; margin-left: -1.5rem; width: 3rem; height: 1px; background: #666; transition: all 0.5s;}
.home .full-works-box .more a:hover::before{ left: 0; width: 100%; margin-left: 0;}


.footer-contact{position:relative;z-index:1;padding:3rem 0 0;background:#fff}
.footer-contact p{margin-bottom:0}
.footer-contact h4{margin-bottom:0}
.Copyright{ font-size: 1.2rem; padding: 3rem 0; color: #999;}
.Copyright a{ color: #999;}
@media (max-width:767px){
    
	.home .full-works-box > h5{ font-size: 2rem;}
	.home .full-works-box ul{ padding: 1rem 0; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	.home .full-works-box ul li{ width:100%;}
	.home .full-works-box ul li .title{ padding:1rem 0}
	.home .full-works-box ul li h5{font-size: 1.8rem;}
	.home .full-works-box ul li h6{font-size: 2.4rem; margin-bottom:0}
	.home .full-works-box .more{ padding: 3rem 0;}
	.home .full-works-box .more a{ font-size: 3rem;}
	.home .video-container .overlap-bg{opacity:.2}
	.home .full-height h1{width:70%;opacity:1;filter:blur(0); transition: all 0s;}
	.home .full-height h1 small{ color:#fff}
	.home .full-height h2{width:70%;font-size:2.4rem;line-height:1.5;opacity:1;filter:blur(0)}
	.home .full-height h3{margin-bottom:3rem;width:100%; font-size: 3rem;}
	.home .full-height .v-line{opacity:1!important}
	.home .full-height .v-line.bottom{height:25vh;opacity:1}
	.home .full-height .v-line.top{height:25vh}
}

footer{padding:3rem 0;background:#fff;text-align:center;font-size:12px;position: relative; z-index: 2; color: #aaa;}
footer a{ color: #999;}

@media (max-width:1600px){

}
@media (max-width:1400px){


}
@media (max-width:1199px){
	
}
@media (max-width:767px){
	.footerBg ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 3rem 0;}
	.footerBg ul li{ width: 49%; margin-bottom: 3rem;}
	.footerBg ul li:last-child{ width: 100%;}
	.Copyright{ text-align: center;}
	#navPage{display:none}
}
/*单页*/
.page{ background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.page .wrapper{ padding-top: 10rem;}
.page .wrapper .box{ padding: 5rem; height: auto; overflow: hidden; background: rgba(255,255,255,0.8);}

@media (max-width:767px){
	.page .wrapper .box{ padding: 2rem;}
}
/* 简介 */
.page_about{}
.page_about .wrapper{ padding-top: 10rem;}
.page_about .wrapper .box{ padding: 5rem; height: auto; overflow: hidden; background: rgba(255,255,255,0.8);}
.wrapper .Copyright{ padding-top: 3rem;}

.page_about .box .item{ -webkit-align-items: flex-start; align-items: flex-start;}
.page_about .box .item:first-child{ margin-bottom: 5rem;}
.page_about .box .item .img{width: 35%;}
.page_about .box .item .txt{width: 60%;}
.page_about .box .item h3{ font-weight: normal; font-size: 2rem; padding: 2rem 0;}
.page_about .box .item p.ch{ line-height: 2.4rem; font-size: 1.4rem; color: #666; margin-bottom: 2rem;}
.page_about .box .item p.en{ line-height: 2rem; font-size: 1.2rem; color: #666; margin-bottom: 5rem;}
@media (max-width:1560px){
    .page_about .box .item h3{margin-bottom:0}
}
@media (max-width:767px){
	.page_about .wrapper .box{ padding: 1.5rem;}
	.page_about .box .item{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	.page_about .box .item .img{ margin-bottom: 3rem;}
	.page_about .box .item .img,.page_about .box .item .txt{width: 100%;}
	.page_about .box .item p.ch{font-size: 1.6rem; line-height: 3rem; color: #333;}
	.page_about .box .item p.en{ font-size: 1.4rem;}
}

/* 联系 */
.page_contact{}
.page_contact .wrapper{ height: 100%; padding-top: 10rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
.page_contact .wrapper .box{ padding: 5rem; height: auto; overflow: hidden; background: rgba(255,255,255,0.8);}

/*.page_contact .box .flex{ -webkit-align-items: flex-start; align-items: flex-start;}*/
.page_contact .mapbox{ width:50%;background:#ddd; padding:1rem}
.page_contact .txt{ width: 45%;}
#map{ width: 100%; height: auto; font-size: 1.2rem;}
#map .anchorBL{display: none;}
#map #allmap{ height: 450px;}
.page_contact .txt p{ font-size: 1.6rem; line-height: 1; color: #333;}
.page_contact .txt p span{ color: #ff6000; font-weight: bold; font-size: 2rem;}
@media (max-width:767px){
	#map #allmap{ height: 300px;}
	.page_contact .wrapper .box{ padding: 1.5rem;}
	.page_contact .flex{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	.page_contact .mapbox,.page_contact .txt{ width: 100%;}
	.page_contact .txt{ padding: 5rem 0;}
	.page_contact .txt p{ line-height: 1.5;}
}
.wechat-qr {
	position: relative;
	width: 100px;
	height: 100px;
  }
  .wechat-qr img{ max-width: 100%;}
/*列表页*/
.list .header{ border-bottom: 1px solid #ddd; background: #fff;}
.list .header .menu-handler span{ color: #333;}
.list .header .menu-handler .burger{ background: #333;}
.list .header .tel a{ background-image: url(../images/tel1.png); color: #333;}
.list .wrapper{ padding-top: 9rem;}
.list .wrapper .box{ padding: 5rem 0; height: auto; overflow: hidden; background: rgba(255,255,255,1);}
.list .lang a{ color: #333;}
.list .lang a::after{ background: #333;}

.submenu{ width: 100%; padding: 3rem;}
.submenu ul{ justify-content: center;} 
.submenu ul li a{font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";font-size: 1.4rem;display: block;padding: 0 2rem;text-transform: uppercase;}
.submenu ul li.act{ background:#222;}
.submenu ul li.act a{ color:#fff}
.submenu ul li.on a{ color:#ff6000}
.submenu ul li:hover a{ color:#fff}
.submenu ul li:hover{ background:#ff6000; color:#fff;}
.submenu ul li.act:hover{ background:#222}


ul.list_article.flex{ -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items:stretch; align-items:stretch;}
.list_article li{ width: 25%; background: #fff; transition: all 0.5s; padding:1.5rem;}
.list_article li .img{ width: 100%; overflow: hidden;}
.list_article li img{ transition: all ease-in-out 0.5s; transform: scale(1);}
.list_article li:hover img{ transform: scale(1.05);} 
.list_article li .txt{ width: 100%; padding: 1rem;}
.list_article li .txt h3{ height:7rem; font-size: 2.4rem; font-weight: normal; margin:0; overflow:hidden}
.list_article li .txt p{ font-size: 1.6rem; color: #888; line-height: 3rem; padding: 2rem 0;}
.list_article li .txt span{ font-size: 3rem; color: #aaa;}
.list_article li .txt small{ font-size: 1.4rem;}
.list_article li span.more{ width: 100%; display: block; text-align: center;}
.list_article li:hover{ background: #f5f5f5;}
.list_article li:hover .txt h3{ color: #ff6000;}
.list_article li:hover .txt p{ color: #666;}
.list_article li:hover span.more{ color: #ff6000;}
@media (max-width:1440px){
	.list_article li .txt p{ font-size: 1.4rem; line-height: 2.4rem;}
	.list_article li .txt span{ font-size: 2.4rem;}
}
@media (max-width:1199px){
    .list_article li{ width:100%}
	.list_article li .img{ width: 25%;}
	.list_article li .txt h3{ line-height: 1.5;}
	.list_article li .txt p{ display: none;}
}
@media (max-width:767px){
	.submenu{ padding: 1rem 0;}
	.submenu.text-center a{ margin:0 1rem;}
	.list .wrapper .box{ padding: 1.5rem 0;width: 100%;}
	.list_article li{ margin-bottom: 3rem;}
	.list_article li a{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	.list_article li .img{ margin: 0;}
	.list_article li .txt{ padding: 3rem 0; border: 0;}
	.list_article li .img,.list_article li .txt,.list_article li span.more{ width: 100%;}
	.list_article li .txt h3{ line-height: 1.5;}
	.list_article li .txt p{ display: block; font-size: 1.8rem; line-height: 1.5;}
	.list_article li span.more{ display: none;}
}
/*分页*/
div.paginationbox{width:100%;height:auto;padding:5rem 0; overflow:hidden}
ul#pages{display:inline-block;padding:0;margin:0}
ul#pages li{display:inline}
ul#pages li a,ul#pages li span{color:#000;float:left;font-size:1.4rem;padding:1rem 1.5rem; margin:0 1rem;text-decoration:none;border:1px solid #ddd}
#pages li:first-child a,#pages li:last-child a{border-radius:0}
ul#pages li.bor0 a{border-color:#fff;cursor:auto}
ul#pages li a.active,ul#pages li.thisclass a{color:#fff;border:1px solid #222;cursor:default}
ul#pages li.thisclass a{ background-color:#222;}
ul#pages li a:hover:not(.active){background-color:#222;color:#fff;border-color:#222}
ul#pages li.bor0 a:hover{background:0 0;color:#333;border-color:#fff}
ul.preNext{position:relative;width:100%;display:block;padding:0;margin:0;float:left}
ul.preNext li{height:4rem;line-height:4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666}
ul.preNext li a{color:#333;}
ul.preNext li a:hover{color:#ff6000}
ul.preNext li.return{position:absolute;right:0;top:50%;margin-top:-1.5rem;background:#ff6000;padding:0 1.5rem}
ul.preNext li.return a,ul.preNext li.return a:hover{color:#fff}
ul#pages li.active span
{
  background-color: #222;
  color: #fff;
  border-color: #222;
}
@media (max-width:767px){
	div.paginationbox{ padding-top: 0;}
	ul#pages li a, ul#pages li span{ margin: 0.2rem;}
}
/*详情页*/
.list .content{ width: 100%; max-width: 1280px; margin: auto; height: auto; overflow: hidden;}
.list .content .tit{ font-size: 3rem; line-height: 1.5; text-align: center;}
.list .content .dot{ -webkit-justify-content: center; justify-content: center;}
.list .content .dot span{ font-size: 1.4rem; display: block; padding-left: 2.5rem; color: #aaa; margin: 0 3rem}
.list .content .dot span.date{ background: url(../images/date.png) no-repeat left center;}
.list .content .dot span.eye{ background: url(../images/eye.png) no-repeat left center;}
.list .content .des{ padding:3rem; line-height: 1.5; font-size: 1.4rem; color: #666; margin: 2rem 0; background: #faf5f0;}
@media (max-width:767px){
	.list .content .dot span.date,.list .content .dot span.eye{ background-size: 2rem; font-size: 1.6rem;}
	.list .content .des{ padding: 1rem;}
}

/*作品列表*/
.list .wrapper .box.list_case{ max-width: 1440px; width: 100%; margin: auto; padding: 1.5rem;}
.list .list_case ul.flex{ -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start;}
.list .list_case ul.flex li{ width: 25%; padding: 5px; overflow: hidden;}
.list .list_case ul.flex li .img{ width: 100%; height: 100%; overflow: hidden;}
.list .list_case ul.flex li .imgcut{ padding-bottom: 150%;}
.list .list_case ul.flex li img{ transform: scale(1); transition: all ease-in-out 0.5s; opacity: 1;}
.list .list_case ul.flex li:hover img{ transform: scale(1.1); opacity: 0.5;}
.list .list_case ul.flex li a{ display: block; position: relative; background: #000;}
.list .list_case ul.flex li .txt{ width: 100%; height: 100%; position: absolute; z-index: 999; top: 0; right: 100%; padding: 2rem; transition: all 0.5s;-webkit-justify-content: flex-end;justify-content: flex-end; -webkit-flex-direction:column;flex-direction:column; -webkit-align-items:flex-start; align-items:flex-start;}
.list .list_case ul.flex li .txt h3{margin: 0; height: 3rem; line-height: 3rem; font-size: 1.6rem; color: #fff;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.list .list_case ul.flex li .txt p{ color: #eee; font-size: 1.4rem; line-height: 1.5;}
.list .list_case ul.flex li:hover .txt{ right: 0;}

.list .list_case ul.flex li .tit{ position: absolute; z-index: 9; width: 100%; text-align: center; color: #fff; line-height: 6rem; bottom: 0; left: 0; font-size: 1.4rem; transition: all 0.5s;}
.list .list_case ul.flex li:hover .tit{ left: 100%;}

@media (max-width:767px){
	.list .list_case ul.flex li{ width: 100%; padding:0.5rem 3rem}
	.list .list_case ul.flex{ padding-bottom: 5rem;}
	.list .list_case ul.flex li .txt{ position:relative; right:0; text-align:center;padding:0.5rem 1rem;}
	.list .list_case ul.flex li a{ background:none}
	.list .list_case ul.flex li .txt h3,.list .list_case ul.flex li .txt p{ width:100%; color:#666}
	.list .list_case ul.flex li .txt h3{ font-size:2rem}
	.list .list_case ul.flex li .txt p{ font-size:1.6rem}
	
}


.case{ max-width: 1200px; margin:auto; }
.case .case_content{ width: 100%; padding-left:450px; position: relative;}
.case .case_sidebar { position: fixed; width: 300px; left: 50%; margin-left: -600px; top: 14rem;}
.case .case_sidebar .tit{ font-size: 2rem; text-align: left; padding:0;}
.case .case_content .des{ width: 100%; padding-top: 2rem; padding-bottom:1rem}
.case .case_content .des p{ font-size: 1.4rem; padding:0 2rem; color: #333; line-height: 2;}
.case .sidebar_img{ padding-top: 3rem }
.case .sidebar_img ul{-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.case .sidebar_img ul li{ width: 48%; margin-top: 1rem;}
.case .sidebar_img ul li .txt{ text-align:center; font-size: 1.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .sidebar_img ul li .img{ overflow: hidden; }
.case .sidebar_img ul li .imgcut{ padding-bottom: 150%;}
.case .sidebar_img ul li img{ transform: scale(1); transition: all 0.5s;}
.case .sidebar_img ul li:hover img{ transform: scale(1.1); }
.case .sidebar_img h3{ font-size: 2.4rem; margin: 0;}
.case .sidebar_img p{ font-size: 1.4rem; padding-bottom: 1rem}

.list .case .info img{display:block; max-width: 100%; margin-bottom:0.5rem;}
.list .case .info p.flex{ width: 100%; }
.list .case .info p.flex img{ width: 49.9%; }

.list .info img{ display: inline-block; max-width: 100%; margin-top:5px }

.list .info p{text-align: justify;}
.case_content .des{
  position: relative;
  border: 1px #e3e3e3 solid;
  margin:2rem 0;
  border-radius: 4px;
}
.case_content .des .column {
  position: absolute;
  top: -2rem;
  left: 1.5rem;
  padding: 0 1.5rem;
  background: #fff;
}

.case_content .des .column label {
  padding-right: 5px;
  font-size: 2rem;
  color: #666;
}

.case_content .des .column {
  color: #999;
  font-size: 1.4rem;
}

@media (max-width:1300px){
	.case{ max-width: 1200px; margin:auto; }
	.case .case_sidebar{ margin-left: -585px }
}
@media (max-width:1199px){
	.case .case_content{ padding:0; }
	.case .case_sidebar{ position: relative; width: 100%;margin: 0; top: 0; left: 0; margin-bottom: 3rem;}
}
@media (max-width:767px){
	.case .case_sidebar .tit{ font-size: 2.4rem; text-align: center;}
	.case .case_sidebar span.parameter{ display:block; text-align:center}
	.case .case_content .des p{ font-size: 1.6rem;}
	.case .sidebar_img a.more{ margin:2rem auto; text-align:center;padding:1rem;background: #eee;}
}


.imglist{ width: 100%; padding: 10rem 0;}
.imglist h3{ font-size: 3rem;}
.imglist p{ font-size: 1.4rem; color: #666;}
.imglist .imgbox ul{ padding: 3rem 0;}
.imglist .imgbox ul li{ width: 25%; padding: 0.5px;}
.imglist .imgbox ul li a{ display: block;}
.imglist .imgbox ul li .img{ overflow: hidden;}
.imglist .imgbox ul li .imgcut{ padding-bottom: 66%;}
.imglist .imgbox ul li img{ transform: scale(1); transition: all ease-in-out 0.5s;}
.imglist .imgbox ul li .txt{ height: 5rem; line-height: 5rem; text-align: center; background: #f5f5f5; transition: all 0.5s;}
.imglist .imgbox ul li:hover .txt{ background: #222; color: #fff;}
.imglist .imgbox ul li:hover img{ transform: scale(1.1);}

@media (max-width:767px){
	.imglist .imgbox ul{ flex-wrap: wrap; flex-wrap: wrap;}
	.imglist .imgbox ul li{ width: 50%;}
}

.manifesto .page-content{transition:2s all;background: #e4dedf;}
.manifesto .page-content.color2{color:#fff}
.manifesto .page-content.color2 .v-line{background:#fff!important}
.manifesto .page-content h2{margin-bottom:0}
.manifesto .page-content .v-line{margin-top:2rem;margin-bottom:2rem;background:#333;transition:all 3s ease}
.manifesto .page-content .number,.manifesto .page-content .number-shadow{position:fixed;display:none;width:97%;height:100%}
.manifesto .page-content .number .svgContanner,.manifesto .page-content .number-shadow .svgContanner{margin:12% auto;width:20%;height:auto;opacity:.5;filter:blur(4px)}
.manifesto .page-content .number .svgContanner svg #mid,.manifesto .page-content .number-shadow .svgContanner svg #mid{display:none}
.manifesto .page-content .number .svgContanner svg #end,.manifesto .page-content .number-shadow .svgContanner svg #end{display:none}
.manifesto .page-content .number-shadow .svgContanner{margin-top:23%;margin-left:29%;opacity:.05;filter:blur(10px)}
.manifesto .page-content .number-shadow .svgContanner svg #mid{display:none}
.manifesto .page-content .number-shadow .svgContanner svg #end{display:none}
.manifesto .page-content .page-body{margin:0 auto;width:calc(60vw);max-width:600px}
.manifesto .page-content .page-body .full{width:100%;height:100vh}
.manifesto .link-to-interview{margin-bottom:0;padding-bottom:8rem}
.manifesto .link-to-interview a{padding-bottom:.5rem;border-bottom:1px solid #fff;color:#fff}
@media (max-width:768px){.manifesto .page-content .v-line{margin-top:1rem;margin-bottom:1rem}
.manifesto .page-content .page-body{width:calc(100% - 4rem)}
.manifesto .page-content .page-body .full{position:relative;z-index:1;height:135vh}
.manifesto .page-content .page-body .full h5{margin-top:9rem}
.manifesto .link-to-interview{position:relative;z-index:2;margin-top:-6rem;padding-bottom:6rem}
}

.list .info_article img{ width: 100%; margin-top: 10px;}

@media (max-width:768px){

    .submenu{ position:relative; z-index:2;}
    .m_toggle{ position:relative; padding:0;}
    .m_toggle span{ display:block; padding:1rem; background:#eee; float:right;}
    .m_listnav{ position:absolute; display:none; right:0;top:5.8rem; background:#eee}
    .submenu ul li a{ padding:1rem 2rem}

}