html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; font-weight: normal; vertical-align: baseline;font-family:microsoft yahei;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
ol, ul, li{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}
th, td{vertical-align: middle;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

.header { position:relative; z-index:2; }
.logo { position:absolute; height:65px; width:110px; left:50px; top:12px; background:url(../images/logo.png) no-repeat; }
.nav { position:absolute; right:50px; height:65px; overflow:hidden; }
.nav li { height:65px; line-height:65px; float:left; margin-left:50px; }
.nav li a { font-size:16px; color:#fff; }
.nav .menu-current a { color:#50ADE5; font-weight:bold; }
.banner { height:727px; background-color:#F9F9F9; position:fixed; z-index:-1; width:100%; top:0; }
.main { background-color:#fff; }
.index-about { background-color:#fbfbfb; text-align:center; padding:60px 0; margin-top:727px; }
.index-about h1 { font-size:54px; color:#333; font-weight:bold; }
.index-about h1 span { color:#50ADE5; font-weight:bold; }
.index-about h2 { color:#666; font-weight:lighter; font-size:24px; margin-top:15px; }
.index-about h2 span { margin:0 20px; color:#d3d3d3 }
.line { width:120px; height:1px; font-size:0; background-color:#efefef; margin:35px auto; }
.des { width:1200px; margin:0 auto; line-height:2; color:#999 }
.case-list { padding:60px 0;}
.tt { font-size:36px; position:relative; margin:0 auto; width:600px; z-index:1;  }
.tt h1 { position:absolute; z-index:2; width:600px; text-align:center; font-weight:bold; }
.tt span { position:absolute; font-size:64px; color:#FBFBFB; display:block; width:600px; text-align:center; font-weight:bold; z-index:1; top:10px; }

.tabs { width:100%; margin-top:100px; zoom:1 }
.tabs ul { padding:0; font-size:0; text-align:center; margin-bottom:20px; }
.tabs ul li { display:inline-block; margin-right:10px; _display:inline; _zoom:1; }
.tabs ul a { display:inline-block; padding:10px 30px; font-size:14px; color:#999; text-decoration:none; }
.tabs ul .active a { color:#50ADE5; background-color:#F9F9F9; border-radius:30px; font-weight:bold; }
.tabs div { margin-top:10px; width:100%; }
.tabs div a { padding:0; }
.tabs ul { text-align:center; width:100%; overflow:hidden; }
.tabs li { display:inline-block; margin-right:0.6%; margin-bottom:8px; position:relative; }
.casecontent li { width:49%; }
.tabs li a { display:block; }
.tabs li .workdes { transition: 400ms ease-in-out; opacity:0; height:80px; line-height:80px; text-align:center; background-color:#50ADE5; position:absolute; bottom:0px; width:100%; color:#fff; font-size:24px; font-weight:bold; }
.tabs li:hover .workdes { opacity:.95; }
.tabs li:nth-of-type(odd){ margin-left:0.65%; } 
.tabs li img { width:100%; transition: 400ms ease-in-out; }
/* .tabs li img:hover { opacity:0.5; } */
.btn-case-more { width:98.7%; height:50px; line-height:50px; font-size:16px; text-align:center; border:1px solid #f9f9f9; display:block; margin:0 auto; color:#666; }
.btn-case-more:hover { background-color:#f9f9f9; text-decoration:none; }


.ournews { background-color:#fbfbfb; padding:50px 0; }
.ournews .tt span { color:#f7f7f7; }
.ournews .ournews-list { width:1200px; margin:0 auto; overflow:hidden; }
.ournews .ournews-list ul { float:left; margin-right:72px; width:350px; margin-top:120px; }
.ournews .ournews-list ul:nth-child(3) { margin-right:0; }
.ournews .ournews-list li { margin:10px 0; }
.ournews .ournews-list li a { font-size:14px; color:#666; }

.brand-banner { background:url(../images/brandbanner.jpg); height:650px; margin-top:10px; position:relative; background-attachment:fixed; background-position:center 0; background-repeat: no-repeat; background-size:cover; }
.design-news { overflow:hidden; width:1200px; margin:0 auto; padding:50px 0; }
.design-news .designbanner { width:600px; float:left; }
.design-news .design-content { margin-top:140px; }
.design-news .design-news-list { background-color:#f9f9f9; width:600px; height:450px; float:left; }
.design-news .design-news-list .item { margin:20px 0 20px 30px; width:560px; overflow:hidden; zoom:1; border-bottom:1px dashed #ccc; padding-bottom:15px; overflow:hidden; }
.design-news .design-news-list .item:nth-child(3) { border-bottom:none; padding-bottom:0; }
.design-news .design-news-list .item ul { float:left; width:260px; margin-right:20px; }
.design-news .design-news-list .item h2 { font-size:18px; font-weight:bold; }
.design-news .design-news-list .item li { margin:5px 0; }
.design-news .design-news-list .item li a { font-size:14px; color:#666; }

.footer { background-color:#f9f9f9; }
.footerinfo { overflow:hidden; width:1200px; margin:0 auto; padding:50px 0; position:relative; }
.footer-item { color:#999; float:left; font-size:14px; margin-right:50px; line-height:2; }
.footer-item h2 { font-size:20px; color:#333; margin-bottom:10px; }
.footer-item li a { color:#999; }
.qr { position:absolute; right:0; top:50px; width:300px; overflow:hidden; }
.qr ul { width:320px; }
.qr li { float:left; margin-right:20px; }
.footer .line { width:100%; margin:0; }
.copyright { color:#999; font-size:14px; overflow:hidden; zoom:1; width:1200px; margin:0 auto; padding:20px 0; }
.copyright .leftinfo { float:left; }
.copyright .rightinfo { float:right; }

.case .tabs { margin-top:60px; }
.case .tabs ul { margin-bottom:50px; }
.case .nav li a,.about .nav li a { color:#333; }
.case .nav li.menu-current a,.about .nav li.menu-current a { color:#50ADE5; }
.about .index-about { margin-top:0; }
.about .aboutbanner { background-image:url(../images/banner2.jpg); margin-top:65px; height:727px; position:relative; background-attachment:fixed; background-position:center 0; background-repeat: no-repeat; background-size:cover; }
.about .aboutshow { background-image:url(../images/aboutshow.jpg); }

.team { text-align:center; }
.team li { width:250px; text-align:center; line-height:1.5; display:inline-block; margin:50px 20px; }
.team li img { width:180px; border-radius:90px; }
.team li h1 { font-size:18px; }
.team li h2 { font-size:14px; color:#999; }
.team li .line { margin:15px auto; }
.team li p { color:#666; font-size:14px; line-height:1.5; }

/*header scroll*/
.header-custom { border:0; height:65px; transition:padding .5s; position:absolute; top:0; left: 0; right:0; background-color: transparent; }
.header-custom:not(.header-fixed-top) { z-index: 10; }
.header-custom.affix { position: fixed; }
.header-custom.affix { border-bottom: 0; box-shadow: 0 0 25px rgba(0, 0, 0, .1); background: #fff; }
.header-custom.affix ul li a { color:#333; }
.header-custom.affix ul li.menu-current a { color:#50ADE5; }
/*banner*/
.banner .swiper-container { width: 100%; height: 100%; }
.swiper-slide { text-align:center; font-size:18px; background:#fff; display:flex; justify-content:center; align-items:center; }
.banner .swiper-slide .item { display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; }