.web-header-box { width:100%; height:50px; position: fixed; left:0px; top:0px; z-index: 99999; float:left; background: #fff;-moz-box-shadow:0px 2px 10px rgba(40,32,24,0.08); -webkit-box-shadow:0px 2px 10px rgba(40,32,24,0.08); box-shadow:0px 2px 10px rgba(40,32,24,0.08);}
.web-header-top { width:100%; min-width:768px; max-width:1200px; height:50px; margin:0px auto;}
.web-header-logo { width:15%; height:50px; float:left; overflow: hidden; cursor: pointer}
    .web-header-logo img { width:auto; height:46px; float:left; margin-top:2px;}
.web-header-menu { width:85%; height:50px; float:left;overflow: hidden;}
    .web-header-menu ul { width:100%; height:auto; float:left; list-style: none;}
    .web-header-menu ul li { width:100px; height:50px; line-height:50px; float:left; text-align: center;}
    .web-header-menu ul li a { width:100px; height:50px; line-height:50px; float:left; color:#999; font-size:12px; cursor: pointer; text-decoration: none;}
    .web-header-menu ul li a:hover { color:#000;}
    .web-header-menu ul li a.select { color:#000;}
.web-main-adv-box { width:100%; height:100%; float:left; background: url("../image/home_pattern.png") repeat;}
    .web-main-adv { width:100%; min-width:768px; max-width:1200px; height:100%; margin:0px auto;}
    .web-main-adv h2 { width:100%; height:80px; margin:0px; line-height:80px; float:left; font-size:60px; color:#fff; text-align: center; margin-top:35%; font-weight: bold;}
    .web-main-adv h3 { width:100%; height:40px; margin:0px;line-height:40px; float:left; text-align: center; color:#999; font-size:14px;}
    .web-main-adv h3 span { padding:0px 10px;}
    .web-main-adv p { width:100%; height:40px; margin:0px; margin-top:10px;line-height:40px; float:left; color:#fff; text-align: center;font-size:14px;}
    .web-main-adv p a { border:2px solid #fff; color:#fff; padding:8px 20px;cursor: pointer; text-decoration: none;}
.web-about-box { width:100%; height:100%; float:left; background: #f5f5f5; margin-top:0px;}
    .web-about { width:100%; min-width:768px; max-width:1200px; height:100%; margin:0px auto;}
    .web-about h2 { width:100%; height:50px; margin:100px 0px 15px 0px; line-height:50px; float:left; text-align: center; font-size:36px; color:#000;}
    .web-about p { width:100%; padding:0px 21%; margin:30px 0px 50px 0px; height:auto; line-height:20px; text-align: center; float:left; font-size:14px; color:#999;}
    .web-about ul { width:90%; height:auto; float:left; margin-left:5%; list-style:none; position: relative;}
    .web-about ul li.left { width:300px; height:auto; float:left; margin:0px; position: absolute; left:0px; top:100px; z-index: 1;}
    .web-about ul li.left img{ width:300px; height:auto; float:left;}
    .web-about ul li.main { width:600px; height:auto; float:left; margin:0px; position: absolute; left:0px; top:0px; z-index: 10;}
    .web-about ul li.main img { width:600px; height:auto; float:left;}
    .web-about ul li.right { width:300px; height:auto; float:right; margin:0px; position: absolute; right:0px; top:100px; z-index: 1;}
    .web-about ul li.right img{ width:300px; height:auto; float:left;}
    .web-about ul li { width:50%; height:auto; float:left; margin-bottom: 50px;}
    .web-about ul li strong { width:90%; color:#ccc; height:35px; line-height:35px; font-size:12px; float:left; background: #000; padding-left:12px;}

.web-banner-adv { width:100%; height:auto; float:left; background: #000;}
.web-banner-adv h2 { width:100%; height:50px; line-height:50px; margin:80px 0px 20px 0px; float:left; font-size:36px; color:#fff; text-align: center;}
.web-banner-adv h2 b { width:21px; height:auto; margin:0px 30px 0px 10px; color:#ccc; position: relative;}
.web-banner-adv h2 b img { width:21px; height:auto; float:left; left:0px; top:10px; position: absolute;}
.web-banner-adv p { width:100%; height:30px; line-height:30px; margin:0px 0px 70px 0px; color:#ccc; float:left; text-align: center; font-size:14px;}

.web-server-box { width:100%; height:100%; float:left; background: #f5f5f5; margin-top:0px;}
.web-server { width:100%; min-width:768px; max-width:1200px; height:100%; margin:0px auto;}
.web-server h2 { width:100%; height:50px; margin:100px 0px 15px 0px; line-height:50px; float:left; text-align: center; font-size:36px; color:#000;}
.web-server p { width:100%; padding:0px 21%; margin:30px 0px 80px 0px; height:auto; line-height:20px; text-align: center; float:left; font-size:14px; color:#999;}
.web-server ul { width:100%; height:auto; float:left; list-style:none;}
.web-server ul li { width:47%; height:auto; float:left; margin-bottom:50px;}
.web-server ul li div.main { width:82%; height:auto; float:left;}
.web-server ul li div.main h2 { width:100%; height:30px; line-height:30px; margin:0px; font-size:14px; float:left; text-align: left; color:#000;}
.web-server ul li div.main p { width:100%; height:auto; line-height:20px; margin:0px; padding:0px; font-size:14px; float:left; text-align: left; color:#999;}
.web-server ul li div.image { width:16%; height:auto; float:left;}
.web-server ul li div.image a { width:60px; height:60px; float:left; border-radius:45px; background: #999; overflow: hidden;}
.web-server ul li div.image a i { width:30px; height:30px; cursor: pointer; float:left; color:#fff; margin:16px 0px 0px 17px; font-size:28px;}
.web-server ul li div.image a:hover { background: #333;}

.web-case-box { width:100%; height:100%; float:left; background: #f6f6f6; margin-top:0px;}
.web-case { width:100%; min-width:768px; max-width:1200px; height:100%; margin:0px auto;}
.web-case h2 { width:100%;  height:50px; margin:100px 0px 15px 0px; line-height:50px; float:left; text-align: center; font-size:36px; color:#000;}
.web-case p { width:100%; padding:0px 21%; margin:30px 0px 30px 0px; height:auto; line-height:20px; text-align: center; float:left; font-size:14px; color:#999;}
.web-case h3 { width:600px;display: none; height:35px; margin:0px auto;}
.web-case h3 a { width:75px; height:35px; line-height:38px; cursor: pointer; text-decoration: none; border-radius: 5px; margin-right:10px; background: #eee; text-align: center; font-size:12px; color:#000; float:left;}
.web-case h3 a:hover { background: #000; color:#fff;}
.web-case h3 a.select { background: #000; color:#fff;}
.web-case ul { width:100%; height:auto; float:left; list-style:none; margin:0px; padding:0px; margin-top:0px;}
.web-case ul li { width:23%; height:auto; float:left; margin:1%; position: relative; cursor: pointer;}
.web-case ul li img { width:100%; height:520px; float:left;}
.web-case ul li p { width:100%; display:none; height:520px; float:left; margin:0px; position: absolute; left:0px; top:0px; background: rgba(0,0,0,0.7); border-radius:40px;}
.web-case ul li p.select { display: block;}
.web-case ul li p a { width:100%; height:40px; margin-top:150px; color:#fff; line-height:40px; float:left; text-align: center; text-decoration: none; font-size:14px; padding:0px 5%;}
.web-case ul li p b { width:100%; height:auto; color:#ccc; line-height:20px; float:left; text-align: center; font-weight: normal; padding:0px 5%;}

.web-dowon-box { width:100%; height:100%; float:left; background: #f5f5f5; margin-top:0px;}
.web-dowon { width:100%; min-width:768px; max-width:1200px; height:100%; margin:0px auto;}
.web-dowon h2 { width:100%;  height:50px; margin:100px 0px 15px 0px; line-height:50px; float:left; text-align: center; font-size:36px; color:#000;}
.web-dowon p { width:100%; padding:0px 21%; margin:30px 0px 30px 0px; height:auto; line-height:20px; text-align: center; float:left; font-size:14px; color:#999;}
.web-dowon ul { width:100%; height:auto; float:left; list-style:none;}
.web-dowon ul li { width:20%; height:auto; float:left; line-height:30px; font-size:12px; color:#333;}
.web-dowon ul li i{ margin-right:10px;}
.web-dowon ul li a { color:#333; cursor: pointer}

.web-contact-us-box { width:100%; height:400px; float:left; background: #f5f5f5; margin-top:0px; background: #000;}
.web-contact-us { width:100%; min-width:768px; max-width:1200px; height:100%; margin:0px auto;}
.web-contact-us h2 { width:100%; height:100px; line-height:40px; text-align: center; float:left; color:#fff; margin-top:80px}
.web-contact-us h2 img { width:100px; height:100px;}
.web-contact-us h3 { width:100%; height:40px; margin-top:30px; line-height:40px; text-align: center; float:left; color:#fff;}
.web-contact-us h3 b { font-weight: normal; background: rgba(255,255,255,0.15); color:#fff; padding:12px 50px;}
.web-contact-us h3 b i { margin-right:10px; font-size:18px;}
.web-contact-us h4 { width:100%; height:40px; line-height:40px; text-align: center; float:left; color:#fff;}
.web-contact-us h4 i { margin-right:10px;}
.web-contact-us p { width:100%; height:40px; line-height:40px; text-align: center; float:left; color:#fff;}
.web-contact-us p i { margin-right:10px;}

.web-footer-box { width:100%; height:auto; float:left; background: #fff; margin-top:0px; position: relative;box-shadow: 0px -1px 5px rgba(0,0,0,0.15);}
.web-footer-top { width:40px; height:50px; float:left; position: absolute; left:0px; top:-22px; cursor: pointer;}
.web-footer-top img { width:40px; height:50px; float:left;}
.web-footer { width:100%; min-width:768px; max-width:1200px; height:100%; margin:0px auto;}
.web-footer-left { width:60%; height:auto; float:left; margin-top:40px;}
.web-footer-left h2 { width:100%; height:40px; line-height:40px; float:left; font-size:24px;}
.web-footer-left img { width:40px; height:40px; float:left; margin-right:5px;}
.web-footer-left p {  width:100%; height:40px; line-height:40px; float:left; padding-left:5px;}
.web-footer-right { width:40%; height:auto; float:left; margin-top:40px;}
.web-footer-right ul { width:100%; height:auto; float:left; list-style:none}
.web-footer-right ul li { width:33.333%; height:auto; float:left;}
.web-footer-right ul li h2 { width:100%; height:30px; line-height:30px; font-weight: bold; float:left; font-size:14px; color:#000;margin:0px; padding:0px;}
.web-footer-right ul li p { width:100%; height:30px; cursor: pointer; line-height:30px; font-size:12px; color:#999; margin:0px; padding:0px; float:left;}
.web-footer-copyright { width:100%; height:80px; line-height:60px; font-size:12px; color:#333; text-align: center; float:left; border-top:1px solid #efefef;}

.app-header-box { width:100%; height:auto; line-height: 50px; float:left; border-bottom: 1px solid #dfdfdf; position: fixed; top:0px; left:0px; z-index: 99999; background: #fff;-moz-box-shadow:0px 2px 10px rgba(40,32,24,0.08); -webkit-box-shadow:0px 2px 10px rgba(40,32,24,0.08); box-shadow:0px 2px 10px rgba(40,32,24,0.08);}
.app-header-logo { width:70%; height:50px; float:left; overflow: hidden; cursor: pointer}
.app-header-logo img { width:auto; height:40px; float:left; margin-top:5px; margin-left:15px;}
.app-header-more { width:50px; height:50px; margin-right:30px; float:right; text-align: center; line-height: 50px;}
.app-header-more i { font-size:24px; margin-top:10px;}
.app-header-menu { width:100%; height:auto; float:left; background: #f5f5f5; display:none;}
.app-header-menu ul { width:100%; height:auto; float:left; padding:0px 30px; list-style:none;}
.app-header-menu ul li { width:100%; height:48px; line-height:48px; float:left; border-top:1px solid #dfdfdf;}
.app-header-menu ul li a { color:#999; text-decoration: none;}
.app-header-menu ul li a:hover { color:#000;}
.app-header-menu ul li a.select { color:#000;}
.app-main-adv-box { width:100%; height:100%; float:left; background: url("../image/home_pattern.png") repeat;}
.app-main-adv { width:100%; height:auto; float:left;}
.app-main-adv h2 { width:100%; height:auto; margin:0px; line-height:40px; float:left; font-size:32px; color:#fff; text-align: center; margin-top:60%; font-weight: normal;}
.app-main-adv h3 { width:100%; height:auto; padding:0px 20px; margin:0px;line-height:30px; float:left; text-align: center; color:#999; font-size:14px;}
.app-main-adv h3 span { padding:0px 10px;}
.app-main-adv p { width:100%; height:40px; margin:0px; margin-top:10px;line-height:40px; float:left; color:#fff; text-align: center;font-size:14px;}
.app-main-adv p a { border:2px solid #fff; color:#fff; padding:8px 20px;cursor: pointer; text-decoration: none;}
.app-about-box { width:100%; height:100%; float:left; background: #f5f5f5; margin-top:0px;}
.app-about { width:100%; height:100%; float:left;}
.app-about h2 { width:100%; height:auto; margin:100px 0px 15px 0px; padding:0px 30px; line-height:50px; float:left; text-align: center; font-size:36px; color:#000;}
.app-about p { width:100%; padding:0px 30px; margin:30px 0px 50px 0px; height:auto; line-height:20px; text-align: center; float:left; font-size:14px; color:#999;}
.app-about ul { width:100%; height:auto; float:left;padding:0px 30px;  list-style:none; position: relative;}
.app-about ul li.left { width:100%; height:auto; float:left; margin:0px;}
.app-about ul li.left img{ width:100%; height:auto; float:left;}
.app-about ul li.main { width:100%; height:auto; float:left; margin:0px;}
.app-about ul li.main img { width:100%; height:auto; float:left;}
.app-about ul li.right { width:100%; height:auto; float:right; margin:0px; margin-bottom:50px;}
.app-about ul li.right img{ width:100%; height:auto; float:left;}
.app-about ul li { width:50%; height:auto; float:left; margin-bottom: 50px;}
.app-about ul li strong { width:90%; color:#ccc; height:35px; line-height:35px; font-size:12px; float:left; background: #000; padding-left:12px;}

.app-banner-adv { width:100%; height:auto; float:left; background: #000;}
.app-banner-adv h2 { width:100%; height:50px; line-height:50px; margin:80px 0px 20px 0px; float:left; font-size:14px; color:#fff; text-align: center;}
.app-banner-adv h2 b { width:12px; height:auto; margin:0px 20px 0px 10px; color:#ccc; position: relative;}
.app-banner-adv h2 b img { width:12px; height:auto; float:left; left:0px; top:0px; position: absolute;}
.app-banner-adv p { width:100%; height:30px; line-height:30px; margin:0px 0px 70px 0px; color:#ccc; float:left; text-align: center; font-size:14px;}

.app-server-box { width:100%; height:100%; float:left; background: #f5f5f5; margin-top:0px;}
.app-server { width:100%;  height:100%; float:left}
.app-server h2 { width:100%; height:50px; margin:100px 0px 15px 0px; line-height:50px; float:left; text-align: center; font-size:32px; color:#000;}
.app-server p { width:100%; padding:0px 30px; margin:30px 0px 80px 0px; height:auto; line-height:20px; text-align: center; float:left; font-size:14px; color:#999;}
.app-server ul { width:100%; height:auto; float:left; list-style:none; margin:0px; padding:0px; padding-left:30px;}
.app-server ul li { width:100%; height:auto; float:left; margin-bottom:50px;}
.app-server ul li div.main { width:65%; height:auto; float:left;}
.app-server ul li div.main h2 { width:100%; height:30px; line-height:30px; margin:0px; font-size:14px; float:left; text-align: left; color:#000;}
.app-server ul li div.main p { width:100%; height:auto; line-height:20px; margin:0px; padding:0px; font-size:14px; float:left; text-align: left; color:#999;}
.app-server ul li div.image { width:26%; height:auto; float:left;}
.app-server ul li div.image a { width:60px; height:60px; float:left; border-radius:45px; background: #999; overflow: hidden;}
.app-server ul li div.image a i { width:30px; height:30px; cursor: pointer; float:left; color:#fff; margin:16px 0px 0px 17px; font-size:28px;}
.app-server ul li div.image a:hover { background: #333;}

.app-case-box { width:100%; height:100%; float:left; background: #f5f5f5; margin-top:0px;}
.app-case { width:100%;  height:100%; float:left}
.app-case h2 { width:100%;  height:50px; margin:100px 0px 15px 0px; line-height:50px; float:left; text-align: center; font-size:36px; color:#000;}
.app-case p { width:100%; padding:0px 30px; margin:30px 0px 30px 0px; height:auto; line-height:20px; text-align: center; float:left; font-size:14px; color:#999;}
.app-case h3 { width:600px;display: none; height:35px; margin:0px auto;}
.app-case h3 a { width:75px; height:35px; line-height:38px; cursor: pointer; text-decoration: none; border-radius: 5px; margin-right:10px; background: #eee; text-align: center; font-size:12px; color:#000; float:left;}
.app-case h3 a:hover { background: #000; color:#fff;}
.app-case h3 a.select { background: #000; color:#fff;}
.app-case ul { width:100%; height:auto; float:left; list-style:none; margin:0px; padding:0px; margin-top:0px;}
.app-case ul li { width:96%; height:auto; float:left; margin:2%; position: relative;}
.app-case ul li img { width:100%; height:auto; float:left; object-fit: cover;}
.app-case ul li p { width:100%; display:none; height:100%; float:left; margin:0px; position: absolute; left:0px; top:0px; background: rgba(0,0,0,0.7)}
.app-case ul li p.select { display: block;}
.app-case ul li p a { width:100%; height:40px; margin-top:150px; color:#fff; line-height:40px; float:left; text-align: center; text-decoration: none; font-size:14px; padding:0px 5%;}
.app-case ul li p b { width:100%; height:auto; color:#ccc; line-height:20px; float:left; text-align: center; font-weight: normal; padding:0px 5%;}

.app-contact-us-box { width:100%; height:400px; float:left; background: #f5f5f5; margin-top:0px; background: #000;}
.app-contact-us {  width:100%;  height:100%; float:left}
.app-contact-us h2 { width:100%; height:100px; line-height:40px; text-align: center; float:left; color:#fff; margin-top:80px}
.app-contact-us h2 img { width:100px; height:100px;}
.app-contact-us h3 { width:100%; height:40px; margin-top:30px; line-height:40px; text-align: center; float:left; color:#fff;}
.app-contact-us h3 b { font-weight: normal; background: rgba(255,255,255,0.15); color:#fff; padding:12px 50px;}
.app-contact-us h3 b i { margin-right:10px; font-size:18px;}
.app-contact-us h4 { width:100%; height:40px; line-height:40px; text-align: center; float:left; color:#fff;}
.app-contact-us h4 i { margin-right:10px;}
.app-contact-us p { width:100%; height:40px; line-height:40px; text-align: center; float:left; color:#fff;}
.app-contact-us p i { margin-right:10px;}

.app-footer-box { width:100%; height:auto; float:left; background: #fff; margin-top:0px; position: relative;box-shadow: 0px -1px 5px rgba(0,0,0,0.15);}
.app-footer-top { width:40px; height:50px; float:left; position: absolute; left:0px; top:-22px; cursor: pointer;}
.app-footer-top img { width:40px; height:50px; float:left;}
.app-footer { width:100%; height:auto;padding:0px 20px; float:left;}
.app-footer-left { width:100%; height:auto; float:left; margin-top:40px; }
.app-footer-left h2 { width:100%; height:30px; line-height:30px; float:left; font-size:18px;}
.app-footer-left img { width:30px; height:30px; float:left; margin-right:5px;}
.app-footer-left p {  width:100%; height:auto; line-height:20px; float:left; padding-left:5px;}
.app-footer-right { width:100%; height:auto; float:left; margin-top:0px;}
.app-footer-right ul { width:100%; height:auto; float:left; list-style:none; margin:0px; padding:0px; padding-left:10px;}
.app-footer-right ul li { width:33.333%; height:auto; float:left;}
.app-footer-right ul li h2 { width:100%; height:30px; line-height:30px; font-weight: bold; float:left; font-size:14px; color:#000;margin:0px; padding:0px;}
.app-footer-right ul li p { width:100%; height:30px; cursor: pointer; line-height:30px; font-size:12px; color:#999; margin:0px; padding:0px; float:left;}
.app-footer-copyright { width:100%; height:80px; line-height:60px; font-size:12px; color:#333; text-align: center; float:left; border-top:1px solid #efefef;}