* {margin:0;padding:0;border:none;outline:none;list-style:none;} 
body{background-color:#171717;color:#fff;font-family:-apple-system, 'PingFang SC',"Source Han Sans CN","SourceHanSansCN-Regular","Microsoft Yahei";}
a{cursor:pointer;text-decoration: none;color:#000;}
.wcon {width:1400px;margin:0 auto;}
#head {position:fixed;top:0;display:block;width:100%;height:100px;background-color:#fff;box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.08);z-index:99999;}
#top_menu {display:block;float:left;width:30px;height:30px;margin-top:32px;background:url('../img/menu_b.png') no-repeat center center;background-size:100% 100%;}
#top_share {display:block;float:right;width:300px;height:20px;margin-top:32px;background-size:100% 100%;font-size: 25px;}
#shareQrcode img {margin:0 auto;}
#navi { display:none;float:left;margin-top:32px;}
#navi li {float:left;margin-right:40px;}
#navi li a { display:inline-block;font-size:16px;padding:6px 0;}
#navi li a:hover {border-bottom:4px solid #999;transition:all 0.2s;}
#navi li a img {height:16px;}
#navi li.curr a {border-bottom:4px solid #000;}
#banner {background-color:#000;height:930px;overflow:hidden;}
#banner .wcon {height:930px;}
#idx_block1 {height:860px;background: linear-gradient(130deg, #15233B 0%, #101014 100%);color:#fff;}
#idx_block1 .wcon > img {float:right;width:544px;height:423px;border-radius:20px;margin-top:180px;}
#idx_block1 .wcon .tit1 {font-size: 48px;font-weight: bold;color: #FFFFFF;}
#idx_block1 .txt_con {width:640px;padding-top:180px;font-size:14px;line-height: 24px;}
#idx_block1 .txt_con .row p.tit {position:relative;font-size: 20px;font-weight: 900;color: #CE3B19;padding-bottom:10px;margin-bottom:10px;padding-top:40px;border-bottom:2px solid #2C313C;background: linear-gradient(187deg, #A37353 0%, #D8B57A 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#idx_block2 {height: 1240px;background: linear-gradient(143deg, #1C1C20 0%, #2D2C32 100%); color:#fff;}
#idx_block2 .tit {font-size: 48px;font-weight: bold;color: #656565;}
#idx_block2 .tit img {width:55px;height:38px;}
#idx_block2 .video_box {position:relative;width:100%;height:700px;background-color:rgb(20,21,22);border-radius:20px;}
#idx_block2 .video_box video {width:100%;height:100%;overflow:hidden;border-radius:20px;}
#idx_block2 .video_box>img {position:absolute; width:62px;height:62pxpx; left:50%;top:50%;margin-left:-31px;margin-top:-31px;}
#idx_block2 .wcon .tit { padding-top:140px;}
#idx_block2 .wcon>p { font-size: 32px;font-weight: 400;line-height:120px;}
#idx_block3 {background:#171717 url('../img/vbg.png') no-repeat center center;background-size:cover;color:#fff;height:800px;}
#idx_block3 .tit {font-size: 48px;font-weight: bold;color: #FFFFFF;padding-top:136px;}
#idx_block3 .videos {padding-top:90px;}
#idx_block3 .videos ul {display:flex;flex-wrap: nowrap;justify-content: space-between;}
#idx_block3 .videos ul li {width:426px;}
#idx_block3 .videos ul li a {display:block; width:100%;}
#idx_block3 .videos ul li a img {display:block;width:100%;height:240px;border-radius:20px;}
#idx_block3 .videos ul li a p {font-size: 14px;font-weight: 400;color: #FFFFFF;padding:20px;line-height:24px;}
#idx_block4 {background-color:#fff;height:1108px;}
#idx_block4 .tit {font-size: 48px;font-weight: bold;color: #010101;padding:136px 0 88px 0;}
#idx_block4 .works ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
#idx_block4 .works ul li {width:426px;height:284px;margin-bottom:60px;}
#idx_block4 .works ul li a {display:block;width:100%;height:100%;position:relative;}
#idx_block4 .works ul li a img {width:100%;height:100%;}
#idx_block4 .works ul li a div {position: absolute;left:0;right:0;top:0;bottom:0;background-color:#000;color:#fff;font-size:16px;opacity:0;text-align: center;line-height:284px;}
#idx_block4 .works ul li a:hover div {opacity:0.9;transition: all 0.6s;}
#idx_block5 {background-color:#000; height:1520px;color:#fff;}
#idx_block5 > .wcon > .tit {font-size: 48px;font-weight: bold;color: #FFFFFF; padding:134px 0 64px 0;}
#idx_block5 .cases {display:flex;width:100%;justify-content: space-between;flex-wrap:wrap}
#idx_block5 .cases .soft_case {display:block;width:650px;height:480px;margin-bottom:90px;}
#idx_block5 .cases .soft_case .tit {color:#545454;padding:14px 6px;}
#idx_block5 .cases .soft_case .tit b { color:#fff;}
#idx_block5 .cases .soft_case .cells { position:relative;width:100%;height:520px;overflow:hidden;}
#idx_block5 .cases .soft_case .cells .cell {position: absolute;left:0;top:0;width:100%;}
#idx_block5 .cases .soft_case .cells .cell span {display:inline-block; position: absolute; left:0;bottom:0;height:40px;line-height:40px;background-color:rgb(0,0,0,0.8);color:#fff;padding:0 10px;border-radius:0 9px 0 0;}
#idx_block5 .cases .soft_case .cells .cell img {display:block;width:650px;height:433px;}
#idx_block5 .cases .soft_case .cells .after {opacity:0;transition: all 0.9s;}
#idx_block5 .cases a.soft_case:hover .cells .after {opacity:1;transition: all 0.9s;}
#idx_block6 {background-color:#171717;color:#fff;height:800px;}
#idx_block6 .tit {padding:136px 0 60px 0;}
#idx_block6 .tit img {width:123px;height:50px;}
#idx_block6 .tit span {font-size: 48px;font-weight: bold;}
#idx_block6 ul {overflow:hidden;}
#idx_block6 ul li {float:left;width:50%;margin-bottom:80px;}
#idx_block6 ul li img {width:96px;height:96px;float:left;margin-right:48px;}
#idx_block6 ul li b {display:block;font-size: 25px;font-weight: bold;padding-bottom:15px;}
#idx_block6 ul li p {width:490px;font-size: 16px;font-weight: 400;}
#idx_block7 {background-color:#f5f5f5;height:850px;}
#idx_block7 .news {display:flex;flex-wrap: nowrap;justify-content: space-between;}
#idx_block7 .news a {display:block;width:327px;}
#idx_block7 .news a img {width:100%;}
#idx_block7 .news a b{display:block;color:#000;font-size:20px;padding:26px 0 16px 0;}
#idx_block7 .news a p { font-size:14px;}
#idx_block7 .news a span {font-size: 12px;font-weight: 400;color:#BFBFBF;padding-top:10px;}
#idx_block7 > .wcon > .tit {font-size: 48px; font-weight: bold;color: #111;padding:134px 0 64px 0;}
#footer {background-color:#171717; color:#6B6B6B; font-size:14px;}
#footer table {width:100%;}
#footer .light {display:block;color:#fff;padding-top:14px;}
#footer .col img {width:18px;height:14px;}
#footer .first,#footer .col {padding:140px 0;}
#footer .first .light {font-size:24px;}
#footer .last {font-size:12px;border-top:1px solid #373737;margin-top:40px;padding:40px 0;}
#footer a {color:#ccc;}
#about_page {background-color:#fff;color:#000;padding-top:134px;}
#about_page #side {float:right;}
#about_page .infocon {width:620px;}
#big {width:500px;}
#big img {width:500px;}
#small {width:72px;} 
#small a {display:block;width:53px;margin-left:19px;}
#small a img {width:100%;opacity:0.5}
#small a.on img {width:100%;opacity:1}
#about_page {background-color:#fff;color:#000;}
#about_page .infocon h1 {font-size:48px;margin-bottom:50px;}
#about_page .infocon p {font-size:14px;line-height:36px;}
#about_page .infocon p>b {color:#8e8d8d;display:inline-block;font-size:14px;min-width:60px;}
#about_page .infocon p.blk b {display:block;padding:20px 0 10px 0;}
#about_page .works {padding-bottom:180px;}
#about_page .works b {color:#8e8d8d;display:block;font-size:14px;padding:60px 0 24px 0;}
#about_page .works .cells {display:flex;flex-wrap: nowrap;justify-content: space-between;}
#about_page .works .cells .cell {width:335px;height:223px;position:relative;}
#about_page .works .cells .cell a {display:block;position: relative;}
#about_page .works .cells .cell a img {display:block;width:100%;height:100%;}
#about_page .works .cells .cell a .mask {display:none;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);text-align:center;color:#fff;line-height:223px;transition: all 0.6s;}
#about_page .works .cells .cell:last-child a .mask {display:block;}
#visit_page .banner {height:954px;background: linear-gradient(143deg, #1C1C20 0%, #2D2C32 100%);overflow:hidden;}
#visit_page .banner video {display:block;width:1400px;height:700px;margin:94px auto 0 auto;background-color:#171717;}
#visit_page .banner .vd h1 {font-size:24px;color:#fff;padding:40px 0 20px 0;}
#visit_page .banner .vd video {margin-top:30px;}
#visit_page .banner .tit {font-size:24px;color:#656565;padding:50px 0 84px 0;}
#visit_page .banner .tit img {height:24px;}
#visit_page .banner .tit span {color:#fff;}
#visit_page .vcontennt {background-color:#fff;padding:40px 0;font-family:"Source Han Sans CN","SourceHanSansCN-Regular","Microsoft Yahei"!important;}
#visit_page .videos {background-color:#fff;padding:120px 0;}
#visit_page .videos .wcon {overflow:hidden;}
#visit_page .videos .wcon ul {width:1450px;}
#visit_page .videos .wcon ul li {float:left;width:327px;margin-right:30px;margin-bottom:50px;}
#visit_page .videos .wcon ul li a {display:block;width:100%;}
#visit_page .videos .wcon ul li a img {display:block;width:100%;height:184px;}
#visit_page .videos .wcon ul li a p {font-size:14px;padding:20px 0;}

#works_page {background-color:#fff;}
#works_page .cates { padding:60px 0 50px 0;}
#works_page .cates a {display:inline-block;padding:0 20px;color:#afafaf;}
#works_page .cates a.curr {color:#000;}
#works_page .wlist {width:100%;overflow:hidden;}
#works_page .wlist ul {width:1460px;overflow:hidden;}
#works_page .wlist ul li {width:426px;margin:0 60px 60px 0;float:left;background-color:#333;}
#works_page .wlist ul li a {display:block;width:100%;height:100%;position: relative;}
#works_page .wlist ul li a img {display:block;width:100%;height:284px;}
#works_page .wlist ul li a div {opacity:0;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);color:#fff;text-align:center;line-height:284px;transition: all 0.6s;}
#works_page .wlist ul li a:hover > div {opacity:1;transition: all 0.6s;}

#work_page {background-color:#fff;}
#work_page h1 {font-size: 32px;font-weight: bold;color: #000;padding-top:80px;}
#work_page p {font-size:14px;color:#AFAFAF;padding:20px 0;}
#work_page #big {width:940px;position:relative;}
#work_page #big img.main {width:940px;}
#work_page #big img.rprev {position:absolute;left:10px;top:50%;width:65px;height:65px;margin-top:-33px;}
#work_page #big img.rnext {position:absolute;right:10px;top:50%;width:65px;height:65px;margin-top:-33px;}
#work_page table {width:100%;}
#work_page td {vertical-align:top;}
#work_page #plist {width:420px;float:right;}
#work_page #plist li { float:left;width:140px;margin-bottom:4px;}
#work_page #plist li img {width:130px;height:88px;}
#work_page .pager td {padding:160px 0 140px 0;vertical-align: middle;}
#work_page .pager img {width:46px;height:23px;vertical-align:middle;}

#belloc_page { color:#000;}
#belloc_page .btop {background-color:#fff;padding:105px 0 140px 0;}
#belloc_page table.ttp {width:100%;}
#belloc_page table.ttp td {vertical-align:top;}
#belloc_page .bintro {width:610px;}
#belloc_page .bintro p {font-size:14px;line-height:36px;padding-bottom:90px;}
#belloc_page .blogo {width:213px;height:55px;margin-bottom:58px;}
#belloc_page .bbimg {width:500px;height:554px;}
#belloc_page .bfot {background-color:#000;padding:264px 0 216px 0;overflow:hidden;}
#belloc_page .bfot .cone {width:100%;height:300px;overflow:hidden;font-size:22px;color:#9C9C9C;margin-bottom:80px;}
#belloc_page .bfot .bn1 {background:url('../img/bn1.png') no-repeat center center;}
#belloc_page .bfot .bn2 {background:url('../img/bn2.png') no-repeat center center;}
#belloc_page .bfot .bn3 {background:url('../img/bn3.png') no-repeat center center;}
#belloc_page .bfot .bn4 {background:url('../img/bn4.png') no-repeat center center;}
#belloc_page .bfot .cone b {display:block;font-size:32px;font-weight:bold;color:#fff;margin:87px 0 0 41px;}
#belloc_page .bfot .cone p {margin:24px 0 0 41px;font-size:22px;width:536px;line-height:33px;}

#media_page {background-color:#fff;}
#media_page .mlist {padding:95px 0;}
#media_page .mlist ul {overflow:hidden;}
#media_page .mlist ul li {float:left;width:33%;}
#media_page .mlist ul li a {display:block;position: relative;width:100%;height:310px;overflow:hidden;}
#media_page .mlist ul li a img.img {display:block;width:100%;height:310px;}
#media_page .mlist ul li a p {position:absolute;display:block;height:100px;width:100%;left:0;right:0;bottom:-100px;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0) 100%);
    font-size: 16px;font-weight: bold;color: #FFF;transition: all 0.6s;
    line-height:130px;padding-left:20px;
}
#media_page .mlist ul li a img.go {position:absolute;width:28px;height:14px;right:-80px;bottom:31px;transition: all 0.6s;}
#media_page .mlist ul li a:hover p {bottom:0px;transition: all 0.6s;}
#media_page .mlist ul li a:hover img.go {right:40px;transition: all 0.6s;}

#mt_page { background-color:#fff;}
#mt_page .wcon .inner { width:912px;padding-bottom:60px;}
#mt_page .wcon .inner h1 {font-size: 32px;font-weight: bold;color: #010101;padding-top:90px;}
#mt_page .wcon .inner p { color:#afafaf;font-size:12px;font-weight:400;padding:20px 0;}
#mt_page .wcon .inner div.desc {font-size:14px;color:#000;line-height:36px;}
#mt_page .wcon .inner > img {display:block;width:100%;max-width:100%;margin:40px 0;}
#mt_page .wcon .inner div.content {font-size:14px;color:#000;line-height:36px;margin-bottom:60px;}
#mt_page .pager {width:100%;background-color:#000;color:#fff;}
#mt_page .pager a {color:#fff;}
#mt_page .pager td {padding:10px;vertical-align:middle;}
#mt_page .pager td img {width:46px;height:23px;margin-top:4px;}


#contact_page {background-color:#fff;}
#contact_page .infocon {padding:96px 0 340px 0;}
#contact_page .infocon h1 {font-size:48px;margin-bottom:50px;color:#010101;margin-bottom:100px;}
#contact_page .infocon p {font-size:14px;color:#000;margin-bottom:40px;}
#contact_page .infocon p>b {color:#8e8d8d;display:inline-block;font-size:14px;min-width:60px;}
#contact_page .infocon p.blk b {display:block;padding:0 0 6px 0;}
#contact_page .infocon table p {margin-bottom:0;line-height:30px;padding-left:20px;}
#contact_page .qrcode {margin-top:120px;}
#contact_page .qrcode b {display:block;color:#8e8d8d;display:inline-block;font-size:14px;}

a.more {
	display:inline-block;
	width:116px;height:37px;
	overflow:hidden;
	background:transparent url('/static/img/more.png') no-repeat center center;;
}

a.more:hover {
	display:inline-block;
	width:116px;height:37px;
	overflow:hidden;
	background:transparent url('/static/img/more-hover.png') no-repeat center center;;
}

.pages {
    display:block;
    clear:both;
    overflow:hidden;
    border-top:1px solid #eee;
    margin-top:20px;
  }
  
  .pagelist {
	clear:both;
    width: auto;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    padding:20px 0;
  }
  .pagelist li { 
    display:inline-block;
    margin:4px 2px;
  }
  
  .pagelist li a {
    width:40px;
    height:40px;
    text-align:center;
    line-height: 40px;
    border-radius:40px;
    display:block;
    text-decoration:none;
    background-color:#fff;
    color:#444;
    box-shadow:0 4px 6px 1px rgba(15, 5, 59, 0.226)
  }
  
  .pagelist li a:active {box-shadow:none;border:1px solid #ddd;}
  
  .pagelist li.disabled a {
    cursor:not-allowed;
    border-color:#eee;
    color:#ccc;
    box-shadow:none;
    border:1px solid #ddd;
  }
  
  .pagelist li.on a {
    border-color:#222;
    background-color: #333;
    color:#fff;
  }