/*雪峰定义*/
/*黑白灰色彩定义*/
.c-0{color: #000!important;}
.c-1{color: #111!important;}
.c-2{color: #222!important;}
.c-3{color: #333!important;}
.c-4{color: #444!important;}
.c-5{color: #555!important;}
.c-6{color: #666!important;}
.c-7{color: #777!important;}
.c-8{color: #888!important;}
.c-9{color: #999!important;}
.c-a{color: #aaa!important;}
.c-b{color: #bbb!important;}
.c-c{color: #ccc!important;}
.c-d{color: #ddd!important;}
.c-e{color: #eee!important;}
.c-f{color: #fff!important;}
/*彩色色彩定义*/
.c-red{color: #db2828!important;}
.c-ora{color: #f2711c!important;}
.c-yel{color: #fbbd08!important;}
.c-oli{color: #b5cc18!important;}
.c-gre{color: #21ba45!important;}
.c-tea{color: #00b5ad!important;}
.c-blu{color: #2185d0!important;}
.c-vio{color: #6435c9!important;}
.c-pur{color: #a333c8!important;}
.c-pin{color: #e03997!important;}
.c-bro{color: #a5673f!important;}
.c-gre{color: #767676!important;}
.c-bla{color: #1b1c1d!important;}
.c-red{color: #F44336!important;}
.c-pink{color: #E91E63!important;}
.c-purple{color: #9C27B0!important;}
.c-deep-purple{color: #673AB7!important;}
.c-indigo{color: #3F51B5!important;}
.c-blue{color: #2196F3!important;}
.c-light-blue{color: #03A9F4!important;}
.c-cyan{color: #00BCD4!important;}
.c-teal{color: #009688!important;}
.c-green{color: #4CAF50!important;}
.c-light-green{color: #8BC34A!important;}
.c-lime{color: #CDDC39!important;}
.c-yellow{color: #FFEB3B!important;}
.c-amber{color: #FFC107!important;}
.c-orange{color: #FF9800!important;}
.c-deep-orange{color: #FF5722!important;}
.c-brown{color: #795548!important;}
.c-blue-gray{color: #607D8B!important;}
.c-gray{color: #9E9E9E!important;}
/*背景色彩定义*/
.bg-0{background: #000 !important;}
.bg-1{background: #111 !important;}
.bg-2{background: #222 !important;}
.bg-3{background: #333 !important;}
.bg-4{background: #444 !important;}
.bg-5{background: #555 !important;}
.bg-6{background: #666 !important;}
.bg-7{background: #777 !important;}
.bg-8{background: #888 !important;}
.bg-9{background: #999 !important;}
.bg-a{background: #aaa !important;}
.bg-b{background: #bbb !important;}
.bg-c{background: #ccc !important;}
.bg-d{background: #ddd !important;}
.bg-e{background: #eee !important;}
.bg-f{background: #fff !important;}
.bg-fa{background: #fafafa !important;}
.bg-f1{background: #f1f1f1 !important;}
.bg-f2{background: #f2f2f2 !important;}
.bg-f3{background: #f3f3f3 !important;}
.bg-f4{background: #f4f4f4 !important;}
.bg-f5{background: #f5f5f5 !important;}
.bg-f6{background: #f6f6f6 !important;}
.bg-f7{background: #f7f7f7 !important;}
.bg-f8{background: #f8f8f8 !important;}
/*宽度定义*/
.w10{width: 10px!important;}
.w20{width: 20px!important;}
.w30{width: 30px!important;}
.w40{width: 40px!important;}
.w50{width: 50px!important;}
.w60{width: 60px!important;}
.w70{width: 70px!important;}
.w80{width: 80px!important;}
.w90{width: 90px!important;}
.w100{width: 100px!important;}
.w120{width: 120px!important;}
.w140{width: 140px!important;}
.w160{width: 160px!important;}
.w180{width: 180px!important;}
.w200{width: 200px!important;}
.w220{width: 220px!important;}
.w240{width: 240px!important;}
.w260{width: 260px!important;}
.w280{width: 280px!important;}
.w300{width: 300px!important;}
.w320{width: 320px!important;}
.w340{width: 340px!important;}
.w360{width: 360px!important;}
.w380{width: 380px!important;}
.w400{width: 400px!important;}
.w420{width: 420px!important;}
.w440{width: 440px!important;}
.w460{width: 460px!important;}
.w480{width: 480px!important;}
.w500{width: 500px!important;}
.w520{width: 520px!important;}
.w540{width: 540px!important;}
.w560{width: 560px!important;}
.w580{width: 580px!important;}
.w600{width: 600px!important;}
.w620{width: 620px!important;}
.w640{width: 640px!important;}
.w660{width: 660px!important;}
.w680{width: 680px!important;}
.w700{width: 700px!important;}
.w720{width: 720px!important;}
.w740{width: 740px!important;}
.w760{width: 760px!important;}
.w780{width: 780px!important;}
.w800{width: 800px!important;}
.w820{width: 820px!important;}
.w840{width: 840px!important;}
.w860{width: 860px!important;}
.w880{width: 880px!important;}
.w900{width: 900px!important;}
.w920{width: 920px!important;}
.w940{width: 940px!important;}
.w960{width: 960px!important;}
.w960{width: 960px!important;}
.w980{width: 980px!important;}
.w1000{width: 1000px!important;}
.w1100{width: 1100px!important;}
.w1200{width: 1200px!important;}
/*内边距*/
.p0{padding: 0!important;}
.pt0{padding-top: 0!important;}
.pb0{padding-bottom: 0!important;}
.pl0{padding-left: 0!important;}
.pr0{padding-right: 0!important;}
.p10{padding: 10px!important;}
.p20{padding: 20px!important;}
.p30{padding: 30px!important;}
.p40{padding: 40px!important;}
.p50{padding: 50px!important;}
.p60{padding: 60px!important;}
.p60{padding: 60px!important;}
.p70{padding: 70px!important;}
.p80{padding: 80px!important;}
.p90{padding: 90px!important;}
.p100{padding: 100px!important;}
.p120{padding: 120px!important;}
.p140{padding: 140px!important;}
.p160{padding: 160px!important;}
.p180{padding: 180px!important;}
.p200{padding: 200px!important;}
.p240{padding: 240px!important;}
.ptm0{padding: 0 0!important;}
.ptm20{padding: 20px 0!important;}
.ptm40{padding: 40px 0!important;}
.ptm60{padding: 60px 0!important;}
.ptm80{padding: 80px 0!important;}
.ptm100{padding: 100px 0!important;}
.ptm140{padding: 140px 0!important;}
.ptm200{padding: 200px 0!important;}
.ptm240{padding: 240px 0!important;}
.plr0{padding: auto 0!important;}
.plr20{padding: auto 20px!important;}
.plr40{padding: auto 40px!important;}
.plr60{padding: auto 60px!important;}
.plr80{padding: auto 80px!important;}
.plr100{padding: auto 100px!important;}
.plr140{padding: auto 140px!important;}
.plr200{padding: auto 200px!important;}
.plr240{padding: auto 240px!important;}
/*外边距*/
.m0{margin: 0!important;}
.mtm0{margin: 0 0!important;}
.mtm20{margin: 20px 0!important;}
.mtm40{margin: 40px 0!important;}
.mtm60{margin: 60px 0!important;}
.mtm80{margin: 80px 0!important;}
.mtm100{margin: 100px 0!important;}
.mtm140{margin: 140px 0!important;}
.mtm200{margin: 200px 0!important;}
.mtm240{margin: 240px 0!important;}
.mlr0{margin: auto 0!important;}
.mlr20{margin: auto 20px!important;}
.mlr40{margin: auto 40px!important;}
.mlr60{margin: auto 60px!important;}
.mlr80{margin: auto 80px!important;}
.mlr100{margin: auto 100px!important;}
.mlr140{margin: auto 140px!important;}
.mlr200{margin: auto 200px!important;}
.mlr240{margin: auto 240px!important;}
/*字号定义*/
.f-12{font-size: 12px!important; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.f-14{font-size: 14px!important; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.f-w200{font-weight: 200!important;}
.f-w300{font-weight: 300!important;}
.f-w400{font-weight: 400!important;}
.f-w500{font-weight: 500!important;}
.f-w600{font-weight: 600!important;}
.f-w700{font-weight: 700!important;}
.f-w800{font-weight: 800!important;}
/*img*/
.imgfull{width: 100%; height: auto;}
.img800{width: 800px!important; height: auto;}
@media(max-width: 1040px){.img800{width: 100%;}}
.img700{width: 700px!important; height: auto;}
@media(max-width: 940px){.img700{width: 100%;}}
.img600{width: 600px!important; height: auto;}
@media(max-width: 840px){.img600{width: 100%;}}
.img500{width: 500px!important; height: auto;}
@media(max-width: 640px){.img500{width: 100%;}}
.img400{width: 400px!important; height: auto;}
@media(max-width: 440px){.img400{width: 100%;}}
.img300{width: 300px!important; height: auto;}
@media(max-width: 340px){.img300{width: 100%;}}
.img200{width: 200px!important; height: auto;}
@media(max-width: 240px){.img200{width: 100%;}}
.img100{width: 100px!important; height: auto;}
@media(max-width: 140px){.img100{width: 100%;}}
.img64{width: 128px; height: auto;}
/*字间距*/
.letter-spacing2{letter-spacing: 2px;}
.letter-spacing4{letter-spacing: 4px;}
.letter-spacing6{letter-spacing: 6px;}
.letter-spacing8{letter-spacing: 8px;}
.letter-spacing10{letter-spacing: 10px;}
.letter-spacing12{letter-spacing: 12px;}
.letter-spacing16{letter-spacing: 16px;}
/*line*/
.line1{border-bottom: 1px dashed rgb(219, 219, 219);}
.t-shadow-a{text-shadow: 0 0 1px #aaa;}
.t-shadow-b{text-shadow: 0 0 1px #bbb;}
.t-shadow-c{text-shadow: 0 0 1px #ccc;}
.t-shadow-d{text-shadow: 0 0 1px #ddd;}
.fl{float:left;}
.fr{float:right;}
/*btn*/
.f-btn{-webkit-appearance: none; margin: 0; border: none; overflow: visible; font: inherit; color: #aaa; text-transform: none; display: inline-block; box-sizing: border-box; background: transparent; vertical-align: middle; min-height: 55px; padding: 0 35px;line-height: 52px;font-size: 18px;text-decoration: none; text-align: center; border: 1px solid #ccc; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.f-btn-w{border: 1px rgba(255,255,255,.9) solid; color: rgba(255,255,255,.9);}
.f-btn-w:hover{border: 1px #fff solid; color: #666; background: #fff;}
.f-btn-b{border: 1px rgba(0,0,0,.5) solid;color: rgba(0,0,0,.6);}
.f-btn-b:hover{border: 1px #222 solid; color: #666; background: #222;}
.f-btn-c{min-height: 50px; line-height: 50px; padding: 20px; border-radius:500px;}

.uk-button{    border-radius: 500px;}
.uk-button-primary{    background-color: #3f8deb;
    color: #fff;
    border: 1px solid transparent;
    background-image: linear-gradient(135deg,#3f8deb,#a9cefb);
    box-shadow: 2px 6px 15px rgba(169,206,251,.45);}
.uk-button-primary:hover {
    background-color: #a9cefb;
    color: #fff;
    border-color: transparent;
    background-image: linear-gradient(155deg,#3f8deb,#a9cefb);
    box-shadow: 2px 4px 12px rgba(169,206,251,.45);
}

/*-------------------------------
base
-------------------------------*/
*{margin: 0; padding: 0;}
html, body, button, input, select, textarea, p, table {font: 16px/1.6 "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei";}
h1, h2, h3, h4, h5, h6{font-weight: 600; color: #444; margin: 0; text-shadow: 0 0 1px #CCC; letter-spacing: 1px;font-family: 'Proxima Nova', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 微软雅黑, Arial, sans-serif;} 
table, p, img, blockquote, ul, ol, div{font-size: 16px;} 
a{color: #555;}
a:hover{color:#007aff; text-decoration: none;}
pre, code{font-family: Monaco,Menlo,Consolas,"Courier New",monospace;letter-spacing: 0; font-size: 14px;}
pre{border-radius: 3px; padding: 0; }
:not(pre) > code, :not(pre) > kbd, :not(pre) > samp{white-space:normal;}

/*bg*/
.uk-section-pink {
    background: #000;
}

/*-------------------------------
header
-------------------------------*/
header {position: fixed; width: 100%; left: 0; top: 0px !important; z-index: 999;}
header .uk-navbar-nav>li>a{font-size:18px;letter-spacing: 1px;font-weight: 500; font-family: 'Proxima Nova', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 微软雅黑, Arial, sans-serif;} 
.side li a h4{color:#666; text-shadow: 0 0 1px #444; font-weight:400;}
.side li a h4:hover{color:#999; text-shadow: 0 0 1px #666;}
/*content*/
.wrap{padding-top: 80px;}


/*-------------------------------
public
-------------------------------*/
/*culture*/
.culture{height: 400px; background-image: url('img/culture-bg.jpg');}

/*footer*/
.black-line{border-top: 1px solid #282828; margin:0;}
.footer h4{color:#666; text-shadow: 0 0 1px #222;}
.footer p, .copyright p, .copyright small{color:#555; text-shadow: 0 0 1px #222;}
.footer a{color:#555; text-shadow: 0 0 1px #222;}
.footer a:hover{color:#007aff; text-decoration: none;}

/*-------------------------------
home
-------------------------------*/
/*home*/
.block-tit { width:300px; }
@media(max-width:960px){
    .block-tit { width:200px; }

}
/*about*/
.about{height: 600px; background-image: url('img/about-bg.jpg');}
.about-dec{height: 900px; background-image: url('img/about-bg.jpg');}
.banner-about{background-image: url(img/about-banner.jpg); height:300px; background-repeat: no-repeat;}




/*-------------------------------
product
-------------------------------*/
.banner-product{ background: #000 url('img/product.jpg') no-repeat center center fixed;}


.products-card .uk-panel{margin-bottom:30px;}
.products-card h3{padding-top:20px;}
.products-card img:hover{opacity: 0.8;}
.products-card p{color:#ddd; font-size:18px; letter-spacing: 12px; text-transform:uppercase; font-weight:400;margin-top:2px;}

.uk-divider-small {margin-top:10px; margin-bottom:10px;}
.uk-divider-small::after {width: 50px; max-width: 100%;border-top: 2px solid #eee; }


/*-------------------------------
servies
-------------------------------*/
.banner-servies{ background: #eee url('img/servies.jpg') no-repeat center center fixed;}


/*-------------------------------
contact
-------------------------------*/
.banner-contact{ background: #eee url('img/contact.jpg') no-repeat center center fixed;}

/*-------------------------------
dev
-------------------------------*/
.banner-dev{ background: #eee url('img/dev.jpg') no-repeat center center fixed;}