@import url("//at.alicdn.com/t/font_2453696_7mhiekgu6s.css");
@font-face {
  font-family: "Athelasfont";
  src: url("/skin/fonts/Athelas.woff") format("woff"),
}
div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a,p { border: 0;margin:0px;padding:0px;font-family:Athelasfont,Cambria Math,Arial;outline:none;font-size:15px;}
a{transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s}
body{background:#b4b4ac;}
ul,li{list-style-type:none;margin:0px;padding:0px;text-indent:0px;}
.clearfix:after{content:'';display:block;clear:both}
.fl{float:left}
.fr{float:right}
.hidden{display:none}
img{max-width:100%;max-height:100%;}
.container{width:1000px;margin-left:auto;margin-right:auto;font-family:Athelasfont;}
.container:after{content:'';float:none;clear:both;display:block;width:100%}
.home-banner {position: relative;width: 100%;overflow: hidden;background:#000;}
.home-banner .swiper-wrapper{position:relative !important;}
.home-banner .banner-logo{position:absolute;left:23.43%;margin-top:300px;z-index:2;}
.home-banner .banner-logo img{max-width:380px;}
.home-banner .swiper-slide{position:relative;width:100%;float:left;top:0px;height:798px;background:#000;}
.home-banner .swiper-slide .banner-pic{position:absolute;height:798px;right:200px;float:left;top:0px;}
.home-banner .swiper-slide .banner-pic img{max-height:100%;opacity:0.62;}

.home-banner .pagination{position:absolute;z-index:9;bottom:20px !important;text-align:center;font-size:0}
.home-banner .pagination span{opacity:1;width:9px;height:9px;border-radius:4.5px;opacity:0.5;background:none;background:#fff;}
.home-banner .pagination span.active{opacity:1;}
.language{position:absolute;z-index:2;left:100px;top:60px;}
.language a{color:#aeaeae;font-size:18px;}
.language a.active{color:#ff3a3a;}
.right-title{position:absolute;z-index:2;right:100px;top:60px;}
.right-title img{max-width:30px;}

.navi{width:100%;float:left;background:#b4b3ac;padding-top:50px;}
a.item-navi{width:calc(25% - 30px);float:left;margin-right:40px;position:relative;}
a.item-navi:nth-child(4n){margin-right:0px;}
.item-navi-pic{float:left;width:100%;position:relative;overflow:hidden;}
.item-navi-pic img{transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s}
.item-navi-pic .img1{position:absolute;left:0px;top:0px; width:100%; height:100%; object-fit:cover;z-index:1;}
.item-navi-pic .img2{width:100%;z-index:2;position:relative;transition:all 0.6s ease 0s;}
.item-navi-pic:hover img{transform:scale(1.1);transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s}
.item-navi-txt{width:100%;float:left;position:absolute;top:70%;z-index:3;font-size:35px;color:#fff;left:30px;}
.copyright{width:100%;float:left;text-align:center;padding-top:30px;font-size:16px;background:#8c8c86;margin-top:30px;padding-bottom:30px;}
.copyright span{color:#fff;}


/**ÄÚÒ³Ñùʽ**/
.header{width:100%;float:left;height:100px;background:#000;}
.header .logo{width:160px;float:left;margin-left:60px;margin-top:10px;}
.header .language{position:static;margin-left:70px;margin-top:115px;float:left;}
.header .right-title{top:20px;right:60px;}
.header .right-title img{height:60px;}
.nav{float:right;color:#fff;margin-right:230px;font-size:50px;margin-top:25px;}
.nav a{font-size:50px;}
.inside-main{width:100%;float:left;background:#b4b4ac;padding-top:50px;padding-bottom:50px;}
.inside-main .container{width:1200px;}
.inside-about{width:100%;float:left;}
.inside-about-title{width:37%;float:left;}
.inside-about-title-pic{width:320px;height:320px;float:left;margin-left:calc(50% - 160px);border-radius:160px;overflow:hidden;}
.inside-about-title-name{width:100%;float:left;font-size:45px;text-align:center;}
.inside-about-txt{width:60%;float:right;}
.inside-about-txt p,.inside-about-txt span{font-size:20px !important;line-height:1.8em;}
.inside-about-zl{width:100%;float:left;margin-top:100px;}
.inside-about-zl ul{width:100%;float:left;border-top:2px solid #000;padding-top:20px;padding-bottom:20px;padding-left:calc(50% - 600px);padding-right:calc(50% - 600px);}
.inside-about-zl ul li{width:calc(33.33% - 18px);float:left;padding-left:20px;padding-right:20px;font-size:20px;line-height:1.8em;}
.inside-about-zl ul li i{width:18px;height:18px;float:left;border-radius:9px;background:#000;margin-left:-18px;margin-top:-30px;}

.inside-about-work{width:100%;float:left;}
.inside-about-work ul{width:100%;float:left;}
.inside-about-work ul li{width:20%;float:left;padding-left:20px;padding-right:20px;font-size:25px;line-height:1.8em;}
span.line{width:100%;float:left;border-bottom:2px solid #7a7a7a;margin-top:20px;margin-bottom:30px;}
.inside-about-work ul li span.pic{float:left;width:100%;position:relative;overflow:hidden;}
.inside-about-work ul li span.pic img{transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s}
.inside-about-work ul li span.pic .img1{position:absolute;left:0px;top:0px; width:100%; height:100%; object-fit:cover;z-index:1;}
.inside-about-work ul li span.pic .img2{width:100%;z-index:2;position:relative;transition:all 0.6s ease 0s;}
.inside-about-work ul li:hover span.pic img{transform:scale(1.1);transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s}
.inside-about-work ul li span.t1{width:100%;float:left;text-align:center;font-size:20px;margin-top:5px;margin-bottom:5px;}
.inside-about-work ul li a{width:80%;float:left;text-align:center;font-size:33px;margin-left:10%;background:#a2a29b;border-radius:25px;margin-bottom:10px;}
.inside-about-work ul li:hover a{background:#ff3a3a;color:#fff;}

.work-detail{width:100%;float:left;}
.work-detail p,.work-detail span{font-size:20px !important;line-height:1.8em !important;}
.work-other{width:100%;float:left;border-top:2px solid #7a7a7a;margin-top:50px;padding-top:50px;}
.item-work{width:calc(20% - 16px);float:left;margin-right:20px;}
.item-work:nth-child(5n){margin-right:0px;}

.wo .item-work{width:calc(25% - 15px);float:left;margin-right:20px;}
.wo .item-work:nth-child(4n){margin-right:0px;}

.item-work span.pic{float:left;width:100%;position:relative;overflow:hidden;}
.item-work span.pic img{transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s}
.item-work span.pic .img1{position:absolute;left:0px;top:0px; width:100%; height:100%; object-fit:cover;z-index:1;}
.item-work span.pic .img2{width:100%;z-index:2;position:relative;transition:all 0.6s ease 0s;}
.item-work:hover span.pic img{transform:scale(1.1);transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s}
.item-work span.t1{width:100%;float:left;text-align:center;font-size:16px;margin-top:5px;margin-bottom:5px;}
.item-work a.detail{width:80%;float:left;text-align:center;font-size:33px;margin-left:10%;background:#a2a29b;border-radius:25px;margin-bottom:10px;}
.item-work:hover a.detail{background:#ff3a3a;color:#fff;}

.image-detail{width:100%;float:left;position:relative;}
.image-detail-pic{width:65%;float:left;position:relative;}
.image-detail-desc{width:30%;float:right;position:absolute;bottom:-8px;left:70%;}
.image-detail-desc p{font-size:18px;line-height:1.7em;}
.image-detail-desc span{font-size:18px;line-height:1.7em;white-space: normal !important;}


.item-news{width:100%;float:left;padding-bottom:20px;margin-bottom:20px;position:relative;}
.item-news .item-news-l{width:40%;float:left;position:absolute;bottom:0px;left:0px;font-size:15px;padding-bottom:20px;}
.item-news .item-news-l span{font-size:33px;margin-right:10px;}
.item-news .item-news-r{width:58%;float:right;position:relative;font-size:15px;line-height:1.8em;}
.item-news .item-news-r a.detail{float:right;}

.news-detail{width:100%;float:left;}
.news-detail .item-news-l{width:40%;float:left;bottom:0px;left:0px;font-size:15px;padding-bottom:20px;}
.news-detail .item-news-l span{font-size:33px;margin-right:10px;}
.news-detail .item-news-r{width:58%;float:right;position:relative;font-size:15px;line-height:1.8em;}
.inside-main .containerwk{width:1000px;}
.item-news-r video{width:100% !important;height:500px;}
.videocon{width:100%;text-align:center;}
.videocon  video{width:80% !important;height:500px;text-align:center;}