body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin:0;padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
audio, canvas, video{display:inline-block;*display:inline;*zoom:1;}
body, button, input, select, textarea{font:12px/1.5 Arial,"Microsoft Yahei","微软雅黑", \5b8b\4f53;}
input, select, textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
fieldset, img{border:0;}
iframe{display:block;}
abbr, acronym{border:0;font-variant:normal;}
del{text-decoration:line-through;}
address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:500;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:500;}
q:before, q:after{content:'';}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
ins, a{text-decoration:none;}



.cc:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.cc{zoom:1;}
.float-l, .float-r{display:inline;}
.float-l{float:left;}
.float-r{float:right;}

.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}

.mt0{margin-top:0 !important;}
.mr0{margin-right:0 !important;}
.mb0{margin-bottom:0 !important;}
.ml0{margin-left:0 !important;}

.section{width:1500px;margin:0 auto;}

@font-face {
  font-family: "SourceHanSerifCN-Heavy";
  src:        url("font/SourceHanSerifCN-Heavy.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SpinweradBold-lKLX";
  src:        url("font/SpinweradBold-lKLX.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AlibabaSans-Medium";
  src:        url("font/AlibabaSans-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

.c-font{font-family: "AlibabaSans-Medium";}
/*.c-font{font-family: "SourceHanSerifCN-Heavy";}*/
.c-font2{font-family: "SpinweradBold-lKLX";}

body{color:#1b1b1b;background:#fff;min-width:1500px;}
a{color:#1b1b1b;}
a:hover{color:#0055a2;}

/* 顶部 */
.top{height:40px;line-height:40px;background:#313131;color:#fff;margin-bottom:100px;}
.top ul{float:left;}
.top ul li{float:left;margin-right:10px;}
.top ul li a{display:inline-block;line-height:11px;padding-right:10px;color:#fff;border-right:1px solid #fff;}
.top ul li.last{margin:0;}
.top ul li.last a{border:none;padding:0;}
.top ul.contact{float:right;}

/* 头部 */
.header{height:60px;padding:20px;background:#fff;}
.header .logo{float:left;display:block;width:140px;height:93px;background:url(../images/logo.png) no-repeat;text-indent:-9999px;}
.header .logo:hover{background-image:url(../images/logo.gif);}

.header .nav{float:right;}
/*.header .nav-btn{display:block;position:absolute;top:21px;right:30px;z-index:1001;cursor:pointer;}
.header .nav-btn span{margin-top:4px;display:block;width:24px;height:2px;background:#000;}
.header .nav-btn .s1{}
.header .nav-btn .s2{}
.header .nav-btn .s3{width:15px;}
.header .nav-btn em{display:none;font-size:26px;position:relative;top:-5px;right:2px;}

.header .nav-btn.on{position:fixed;}
.header .nav-btn.on span{display:none;}
.header .nav-btn.on em{display:block;}*/



.nav-btn{pointer-events: bounding-box;display: block;width: 72px;height: 72px;right: calc(3.75% - 24px);top: 14px;z-index: 10001;transition: transform 0.5s ease-in-out 0.125s;cursor:pointer;position: absolute;}
.nav-btn div{position: absolute;left: 24px;width: 16px;height: 2px;background: #1b1b1b;background: var(--button-color, #1b1b1b);transition: width 0.125s ease-in-out, top 0.25s ease-in-out 0.5s, transform 0.25s ease-out 0.25s, opacity 0.001s linear 0.5s, background-color 0.25s linear;}
.nav-btn.animating div{transition: width 0.125s ease-in-out, top 0.25s ease-in-out 0.5s, transform 0.25s ease-out 0.25s, opacity 0.001s linear 0.5s;}
.nav-btn.light div{background: white;}

.nav-btn div:nth-child(1), .nav-btn div:nth-child(2), .nav-btn:hover div {width: 24px;}
.nav-btn div:nth-child(1){top: 29px;}
.nav-btn div:nth-child(2){top: 35px;}
.nav-btn div:nth-child(3){top: 41px;}

.nav-btn.on {transform: rotate(90deg);transition: transform 0.5s ease-in-out 0.375s;position: fixed;}
.nav-btn.on div{width: 24px;transition: width 0.125s ease-in-out 0.875s, top 0.25s ease-in-out 0.25s, transform 0.25s ease-out 0.5s, opacity 0.001s linear 0.5s;}
.nav-btn.on div:nth-child(1){top: 35px;transform: rotate(45deg);}
.nav-btn.on div:nth-child(2){opacity: 0;}
.nav-btn.on div:nth-child(3){top: 35px;transform: rotate(-45deg);}


.header .nav-more{position:fixed;top:0;right:0;z-index:1000;width:50%;height:100%;background:#fff;right:-50%;transition: right 1s;}
.header .nav-more ul{height:100%;padding:150px 0;border-left:1px solid #000;}
.header .nav-more ul li{height:120px;line-height:120px;padding:0 50px;font-size:60px;border-top:1px solid #000;border-bottom:1px solid #000;margin-bottom:-1px;transition: background 0.8s;}
.header .nav-more ul li a{display:block;color:#1b1b1b;}
.header .nav-more ul li.on{background:#79dce8;}
.header .nav-more ul li:hover{background:#79dce8;transition: background 0.8s;}
.header .nav-more.on{right:0;}


/* 底部 */
.footer{margin-top:40px;padding:40px 0;color:#1b1b1b;border-top:1px solid #000000;}
.footer a{color:#1b1b1b;}
.footer a:hover{color:#1b1b1b;}

.footer .slogan{float:left;}
.footer .slogan p{line-height:46px;font-size:46px;}

.footer dl{float:right;text-align:right;}
.footer dl dt{margin-bottom:50px;font-size:30px;}
.footer dl dd{font-size:16px;font-weight:700;}


/* 首页 */
.index-banner{}
.index-banner a{color:#1b1b1b;;}
.index-banner a .text{position:absolute;margin-top:50px;}
.index-banner a .text h3{line-height:72px;margin-top:50px;font-size:60px;font-weight:700;}
.index-banner a .text p{font-size:14px;font-weight:700;margin-bottom:16px;}
.index-banner a .text span.line{display:block;width:230px;height:1px;margin:40px 0 80px;background:#000;transition:width 500ms linear;}
.index-banner a:hover .text span.line{width:100%;transition:width 500ms linear;}
.index-banner .swiper-scrollbar{width:100%;left:0;}
.swiper-container-horizontal>.swiper-scrollbar{height:1px;}


.index-work{overflow:hidden;margin-top:30px;}
.index-work ul{width:1540px;}
.index-work ul li{float:left;width:355px;margin-right:20px;margin-bottom:20px;}
.index-work ul li a{display:block;color:#1b1b1b;}
.index-work ul li a .pic{overflow:hidden;height:210px;background:#ddd;}
.index-work ul li a .pic img{display:block;width:100%;transform:scale(1);transition:all 1000ms linear;}
.index-work ul li a h3{overflow:hidden;height:40px;padding:10px 0;font-size:18px;font-weight:700;}
.index-work ul li a h3 span{display:inline-block;padding-bottom:3px;}
.index-work ul li:hover a .pic img{transform:scale(1.1);}
.index-work ul li a:hover h3 span{border-bottom:1px solid #000;}

.index-work ul li.big{width:750px;}
.index-work ul li.big a .pic{height:500px;}
.index-work ul li.big a img{}
.index-work ul li.big a h3{font-size:18px;}

.index-work ul.f li.big{float:right;}

.index-work .go{margin:50px auto 80px;text-align:center;}
.index-work .go a{display:inline-block;padding:10px 40px;border:2px solid #000;font-size:30px;color:#1b1b1b;transition: background 0.8s;}
.index-work .go a:hover{background:#79dce8;transition: background 0.8s;}


/* about */
.about{}
.about .item{margin-bottom:80px;}
.about .item .side{float:left;width:540px;}
.about .item .main{float:right;width:900px;}
.about .item .side span{font-size:14px;}
.about .item .side dl{margin-top:20px;font-size:60px;font-weight:700;}
.about .item .side dl dt{color:#979696;margin-bottom:-25px;}
.about .item .side p{line-height:30px;margin-top:20px;font-size:18px;}

.about .item1{}
.about .item1 .main{margin-top:-100px;}
.about .item1 .main .pic img{display:block;width:100%;margin-bottom:20px;}
.about .item1 .main p{float:left;width:360px;font-size:18px;}
.about .item1 .main p.p1{margin-right:60px;}
.about .item1 .main p.p2{}

.about .item2{}
.about .item2 .main{width:924px;margin-top:350px;}
.about .item2 .main .block{float:left;width:280px;margin-left:24px;border:2px solid #000;}
.about .item2 .main .block img{display:block;width:100%;}
.about .item2 .main .block dl{font-size:14px;}
.about .item2 .main .block dl dt{height:40px;line-height:40px;padding:0 20px;border-top:2px solid #000;border-bottom:2px solid #000;font-weight:700;}
.about .item2 .main .block dl dd{padding:20px;}
.about .item2 .main .block dl dd.text{padding-top:0;font-size:12px;font-weight:700;}

.about .item3{}
.about .item3 .main{margin-top:200px;}
.about .item3 .main .pic img{display:block;width:100%;}



.cate{position:relative;font-size:24px;}
.cate h3{position:absolute;font-size:30px;top:-7px;}
.cate h3 a{color:#1b1b1b;}
.cate ul{text-align:center;border-bottom:1px solid #d4d2d2;}
.cate ul li{display:inline-block;margin:0 0 -1px;} 
.cate ul li a{padding:0 40px;color:#d4d2d2;display:inline-block;} 
.cate ul li.on{}
.cate ul li.on a{color:#1b1b1b;} 
.cate .cate-line{position:absolute;height:1px; background:#1b1b1b;}


/* work */
.work{}

.work .list{}
.work .list ul{width:1520px;}
.work .list ul li{overflow:hidden;float:left;width:486px;margin-top:40px;margin-right:20px;}
.work .list ul li a{color:#1b1b1b;}
.work .list ul li a h3{margin-bottom:10px;font-size:18px;font-weight:700;}
.work .list ul li a h3 span{padding-bottom:3px;}
.work .list ul li a .pic{overflow:hidden;background:#ddd;}
.work .list ul li a .pic img{display:block;width:100%;transform:scale(1);transition:all 1000ms linear;}
.work .list ul li:hover a .pic img{transform:scale(1.1);}
.work .list ul li a:hover h3 span{border-bottom:1px solid #000;}

.work .go{margin:100px auto 100px;text-align:center;}
.work .go a{display:inline-block;padding:10px 40px;border:2px solid #000;font-size:30px;color:#1b1b1b;transition: background 0.8s;}
.work .go a:hover{background:#79dce8;transition: background 0.8s;}


.work .content{padding-bottom:30px;}
.work .content img{max-width:1500px;display:block;}
.work .content .show{position:relative;}
.work .content .show .text{position:absolute;margin-top:50px;}
.work .content .show .text h3{line-height:72px;font-size:60px;font-weight:700;margin-top:50px;}
.work .content .show .text p{font-size:14px;font-weight:700;margin-bottom:16px;}
.work .content .show .text span.line{display:block;width:230px;height:1px;margin:40px 0 80px;background:#000;transition:width 500ms linear;}
.work .content .show:hover .text span.line{width:100%;transition:width 500ms linear;}
.work .content .desc{}
.work .content .desc .d1{padding:100px 0;}
.work .content .desc .d1 p{overflow:hidden;float:left;width:22%;padding-right:3%;font-size:14px;}
.work .content .desc .d2{}

.next{}
.next-project{margin-top:50px;padding:60px 0 0;border-top:1px solid #000000;}
.next-project .abc{overflow:hidden;display:inline-block;padding:10px 40px;font-size:30px;border:2px solid #000000;color:#1b1b1b;cursor:pointer;transition: background 0.8s;}
.next-project .abc:hover{background:#79dce8;color:#1b1b1b;transition: background 0.8s;}
.next-project .back{float:right;display:block;width:65px;height:65px;border:2px solid #000;}
.next-project .back span{display:block;width:25px;height:25px;border-bottom:2px solid #000;border-left:2px solid #000;cursor:pointer;transform:rotate(45deg);position:relative;top:18px;left:24px;}
.next-project .back:hover{background:#79dce8;color:#1b1b1b;transition: background 0.8s;}

/* news */
.news .list{margin-top:30px;border-top:1px solid #000;}
.news .list .item{}
.news .list .item .t{line-height:50px;font-size:18px;}
.news .list .item .c{overflow:hidden;padding:10px 0;border-top:1px solid #000;border-bottom:1px solid #000;position:relative;}
.news .list .item .c .pic{float:left;width:520px;}
.news .list .item .c .pic img{width:100%;}
.news .list .item .c dl{float:right;width:940px;}
.news .list .item .c dl dt{margin-bottom:10px;font-size:30px;font-weight:700;}
.news .list .item .c dl dd.note{font-size:16px;line-height:36px;}
.news .list .item .c dl dd.date{position:absolute;bottom:10px;left:560px;font-size:18px;}
.news .list .item .c dl dd.more{position:absolute;bottom:15px;right:5px;width:10px;height:10px;border-right:2px solid #000;border-bottom:2px solid #000;cursor:pointer;transform:rotate(45deg);}
.news .list .item .c dl dd.more em{display:none;font-size:18px;}
.news .list .item .c dl dd.content{margin:30px 0;display:none;overflow:hidden;font-size:16px;line-height:36px;}
.news .list .item .c dl dd.content img{width:100%;display:block;}
.news .list .item .c dl dd.more.on{border:none;transform:rotate(0deg);bottom:18px;right:8px;}
.news .list .item .c dl dd.more.on em{display:block;}

.news .go{margin:100px auto 100px;text-align:center;}
.news .go a{display:inline-block;padding:10px 40px;border:2px solid #000;font-size:30px;color:#1b1b1b;transition: background 0.8s;}
.news .go a:hover{background:#79dce8;transition: background 0.8s;}