@charset "utf-8";@import url('fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager a font,.fixtop,.topblank,.new-wrap dd .pic p,.indcase .item .pic p,.indnews li .pic p,.product li .pic p,.news li .pic p,.message .mright #mbtn,.honor .pic p,.fixright li .tubiao
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.new-wrap dd:hover .pic p,.indcase .item:hover .pic p,.indnews li:Hover .pic p,.product li:hover .pic p,.news li:hover .pic p,.honor li:hover .pic p
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.indnum .in li,.indcase .owl-carousel,.indpartner li,.product li,.message .mright input[type="text"],.message .mright,.message .mright #mbeizu,.fixright li
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.indpartner li:hover img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;color:#333;font-weight:400}a {color:#333}b,strong {font-weight:700}
a:hover,.fixtop .header .mright a:Hover,.new-wrap dd:hover .title a,.new-wrap .more a:hover,.indcase .item:hover .title a,.indnews li:hover .title a,.maincurrent a:hover,.product li:hover .cons .t a,.prevnext .prev a:hover,.prevnext .next a:hover,.news li:hover .title a,.honor li:hover .title a  {color:#0aa306}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
.vcenter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
hr {border:0; background:#073190;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1}.imgcover img {width:100%;height:100%;object-fit:cover;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:60px 0 0 0;text-align:center}
.pager {width:100%; } 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px;width:30px; height:30px; line-height:28px; background:none;text-align: center;border-radius:4px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#0aa306; background: #0aa306} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#666;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 33px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

::-webkit-input-placeholder {color:#999999;}
:-moz-placeholder {color:#999999; } 
::-moz-placeholder { color:#999999; } 
:-ms-input-placeholder {color:#999999; }

::selection {background:#0aa306;color:#ffffff;}
::-moz-selection {background:#0aa306;color:#ffffff;}
::-webkit-selection {background:#0aa306;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}

.wrap {margin:0 auto;max-width:1200px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9990; height:200px; background:#fff;}
.fixtop .header {height:35px; line-height: 35px}
.fixtop .header .mleft {float:left;color:#999}
.fixtop .header .mright {float:right; text-align: right}
.fixtop .header .mright a {color:#999;}
.fixtop .header .mright i {margin:11px 10px 0 10px;display: inline-block; vertical-align: top;width:1px; height:13px; background: #ccc}
.fixtop .toper {height:120px}
.fixtop .toper .logo  { background:url("../images/logo.png");width:316px; height:85px; background-size:100%;float:left;margin:11px 0 0 0}
.fixtop .toper .logo a {display:block;width:100%;height:100%}
.fixtop .toper .ad {float:left;width:550px;font-size:16px;color:#666;margin:29px 0 0 10px}
.fixtop .toper .ad .t {height: 27px; line-height:27px; overflow: hidden;font-weight:400}
.fixtop .toper .ad .t font {color:#0aa306;margin:0 0 0 7px;font-weight:400}
.fixtop .toper .ad .c {height:27px; line-height:27px; overflow: hidden}
.fixtop .toper .tel {float:right; text-align: right;width:220px; text-align:right;margin:5px 0 0 0; position: relative}
.fixtop .toper .tel .t {color:#000;font-weight:700;font-size:29px; line-height:34px; letter-spacing: 1px; position: relative;right:-3px}
.fixtop .toper .tel .c { position:relative;height:1px;width:95%; background: #ddd; text-align: center;margin:20px 0 0 auto}
.fixtop .toper .tel .c h2 {display:inline-block; vertical-align: top; background: #fff;padding:0 20px; position: relative;top:-12px; height: 20px; line-height: 20px;color:#999;font-weight:300;font-size:16px; letter-spacing:0.5px}
.fixtop .toper .tel:before { text-align: center;font-family: "iconfont" !important;content: "\e678"; position: absolute;left:-35px;top:1px;color:#0aa306;font-size:20px;width:30px;height:30px; line-height:30px; border:1px solid #0aa306;border-radius:50%;font-weight:700}
.fixtop .navpc {background: #0b8e39; height: 50px; text-align: center}
.fixtop .navpc li {display:inline-block; vertical-align:top; position: relative;}
.fixtop .navpc li i {display:inline-block; vertical-align: top;width:1px; height: 10px; background: #fff;margin:20px 0 0 0}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:50px; line-height:49px;font-size:16px;color:#fff;padding:0 26px}
.fixtop .navpc li.check a.a,.fixtop .navpc li:hover a.a,.fixtop ul.navpc li:Hover>a.a { background: #0aa306}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:50%;width:180px;margin-left:-90px;top:50px; display: none; background:#0b8e39; text-align:center;padding:0px 0px 0px 0px}
.fixtop .navpc li .list dd p {margin:0;padding:0}
.fixtop .navpc li .list dd p a {font-size:16px; line-height: 26px; color:#fff; display: block; padding:8px 5px 11px 5px;font-weight:300}
.fixtop .navpc li .list dd p:first-child a {padding-top:16px}
.fixtop .navpc li .list dd p:last-child a {padding-bottom:28px}
.fixtop .navpc li .list dd p a:hover {background: #0aa306}
.topblank {height:200px}

.fixtop.active {top:-155px}
.topblank.active {height:50px}
.indpics .item {padding:15.1% 0}

.indnum { background: #eff5f1;padding:0 0 50px 0}
.indnum .in { background: #0aa306;color:#fff;border-radius:15px;padding:25px 0 30px 50px; position: relative; z-index: 100;margin-top:-32px}
.indnum .in .cons {float:left;width:35%}
.indnum .in .cons .t {font-size:26px; line-height: 36px;margin:0 0 12px 0}
.indnum .in .cons .c { line-height:1.7}
.indnum .in ul {float:right;width:65%; text-align: center;margin:10px 0 0 0}
.indnum .in li {float:left;width:25%;padding:0 1%; position: relative}
.indnum .in li:before {content:''; position: absolute;left:0;top:0;width:2px; height:75px; background: #55b453}
.indnum .in li:nth-child(1):before {display:none;}
.indnum .in li:nth-child(2):before {left:-10px}
.indnum .in li:nth-child(4):before {left:8px}
.indnum .in li h3 {display:inline-block; vertical-align: top;color:#fff;font-size:36px; line-height: 36px;font-weight:700}
.indnum .in li h4 {display:inline-block; vertical-align: top;color:#fff;font-size:28px; line-height: 36px;margin:8px 0 0 5px;font-weight:500}
.indnum .in li:nth-child(1) h4 {font-size:12px;margin:8px 0 0 2px;font-weight:400;}
.indnum .in li .content {margin:5px 0 0 0}

#myvideo {object-fit:cover; width:100%; height: 100%}
.videos{position: relative; text-align:center}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/play.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}

.indabout .subject {margin:60px 0 70px 0; text-align: center}
.indabout .subject p { position: relative;font-weight:500;  letter-spacing: 2px; position: relative; display: inline-block;margin:0 auto; font-size:28px; line-height: 38px;}
.indabout .subject p:before {content:''; position: absolute;left:0;bottom:-15px; background: url("../images/1.png") repeat-x;height:8px;width:100%}
.indabout .mleft {float:left;width:48%;margin:5px 0 0 0; position: relative}
.indabout .mleft #myvideo {height:375px;}
.indabout .mleft .item {padding:33% 0}
.indabout .mright {float:right;width:48%;font-size:16px; line-height: 2}

.indabout .owl-carousel .owl-dots { bottom:15px;}
.indabout .owl-carousel .owl-dots .owl-dot span{width:30px;}

.indsubject { text-align:center}
.indsubject .t {font-size:30px; line-height: 40px; letter-spacing: 2px;padding:60px 0 5px 0}
.indsubject .t font {color:#0aa306;font-weight:700;margin:0 0 0 3px}
.indsubject .c {font-size:18px;color:#666;font-weight:300;padding:0 0 40px 0}

.new_telst { background: #f8f7f7; height:50px; line-height: 50px; position: relative; z-index: 100}
.new_telst li {display:inline-block; vertical-align: top;font-size:16px; line-height:49px;padding:0 25px; cursor: pointer;color:#666}
.new_telst li.newon { background:#0aa306;color:#fff;}
.new_lst {display: none;}
.new-wrap { position: relative; z-index: 200;padding:40px 0 60px 0;min-height:295px; }
.new-wrap .show {display: block;padding:0;margin:0}
.new-wrap dl {width:102.4%;margin:0 0 0 -1.2%}
.new-wrap dd {float:left;width:30.9333%;margin:0 1.2% 0 1.2%; }
.new-wrap dd .pic { position:relative; overflow: hidden;padding:33% 0}
.new-wrap dd .title { text-align:center; height: 30px; line-height: 30px;margin:15px 0 0 0; overflow: hidden}
.new-wrap dd .title a {font-size:16px;}
.new-wrap .more {position:absolute;right:0;top:-78px; z-index: 200}
.new-wrap .more a {color:#999;font-size:12px;font-weight:300}

.indcase { background:#f8f7f7;padding:0 0 60px 0}
.indcase .item {background:#fff}
.indcase .item .pic { position:relative;padding:33% 0; overflow: hidden}
.indcase .item .title { text-align:center;}
.indcase .item .title a {font-size:16px; display: block; line-height: 48px; height: 50px; overflow: hidden;padding:0 15px}
.indcase .item:hover .title a { background: #0aa306;color:#fff}
.indcase .owl-carousel .owl-nav{margin-top:-68px;}
.indcase .owl-carousel .owl-nav .owl-prev {left:-130px;}
.indcase .owl-carousel .owl-nav .owl-prev:before,.indcase .owl-carousel .owl-nav .owl-next:before {font-size:60px;width:88px;height:90px;line-height:90px;}
.indcase .owl-carousel .owl-nav .owl-next {right:-120px;}

.indnews { background: #f7faff;padding:0 0 60px 0}
.indnews ul {width:102.4%;margin:-60px 0 0 -1.2%}
.indnews li {float:left;width:30.9333%;margin:60px 1.2% 0 1.2%}
.indnews li .pic { position:relative; overflow: hidden;padding:33% 0; background: #f8f7f7}
.indnews li .title {height:25px; line-height: 25px; overflow: hidden;margin:17px 0 2px 0}
.indnews li .title a {font-size:16px}
.indnews li .addtime {color:#999;}
.indpartner {padding:0 0 60px 0}
.indpartner li {display:inline-block; vertical-align: middle;width:20%; text-align: center;border:1px solid #efefef;margin:-1px -1px 0 0; height:98px}
.indpartner li img {max-width:180px;max-height:78px}

.bannerin .item {padding:13.85% 0;}
.maincurrent {border-bottom:1px solid #efefef;color:#666;padding:8px 0 10px 0}
.maincurrent a {color:#666}
.maincurrent .icon-home {color:#0aa306;margin:4px 10px 0 0;font-size:20px; line-height: 20px; display: inline-block; vertical-align: top;}
.maincurrent .icon-iconfonti {display:inline-block; vertical-align: top;margin-top:-1px}
.maincate {text-align:center;padding:30px 0}
.maincate li {display:inline-block; vertical-align: top;margin:8px}
.maincate li a {display:block; background: #92999d;color:#fff;height:40px; line-height: 38px;padding:0 25px;font-size:16px;border-radius:3px}
.maincate li.check a,.maincate li:hover a { background:#0aa306;color:#fff}

.maincate8 ul {width:101%;margin:-0.5% 0 0 -0.5%;padding:10px 0 5px 0}
.maincate8 li {margin:0.5%;width:24%}
.maincate8 li a {padding:0}

.indnumin { background:#fff;padding:0}
.indnumin .in {margin-top:0}

.product { background: #f7faff;padding:1px 0 80px 0;margin-top:-20px}
.product li { background:#fff;border:1px solid #efefef;box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:20px;margin:30px 0 0 0;min-height:230px; position: relative}
.product li .pic { position:absolute;left:20px;top:20px; overflow: hidden;width:285px;height:190px;}
.product li .cons {margin:10px 0 0 315px}
.product li .cons .t {height:30px;line-height: 30px; overflow:hidden;margin:0 0 13px 0}
.product li .cons .t a {font-weight:500;font-size:18px}
.product li .cons .c {color:#666; line-height: 25px; height: 75px; overflow: hidden}
.product li .cons .m {text-align:right;margin:30px 10px 0 0; position: relative}
.product li .cons .m p { position:absolute;left:0;top:0;}
.product li .cons .m a { background: #dcdee2;width:80px; height: 30px; line-height: 29px; display:block; text-align: center;margin:0 0 0 auto;color:#999}
.product li .cons .m a span {font-size:25px;}
.product li:hover .cons .m a { background:#0aa306;color:#fff}

.showtitle { text-align:center;color:#0aa306;font-weight:700;font-size:25px; line-height: 35px;padding:60px 0 50px 0}
.showtitle .c {color:#999;font-size:14px; line-height: 22px;font-weight:400;padding:10px 0 0 0}
.show { background: #f7faff;padding:40px 0 80px 0}
.show .cons { background:#fff;border:1px solid #efefef;padding:50px}
.show .cons img {margin:5px 0}
.prevnext  { position:relative;margin:60px 0 0 0}
.prevnext .prev {float:left;width:40%;  position: relative}
.prevnext .back {float:left;width:20%; text-align: center;}
.prevnext .next {float:left;width:40%; text-align: right;}
.prevnext .next .in { position:relative; display: inline-block;margin:0 0 0 auto}
.prevnext p { position:absolute;left:0;top:0; height:30px; line-height: 29px; background: #0aa306;color:#fff;width:70px; text-align: center}
.prevnext .prev a,.prevnext .next a {display:inline-block;margin:0 0 0 85px;color:#666}
.prevnext .back a {display:block; background: #d3dadd;height:40px; line-height: 39px;width:90px; text-align: center;margin:-5px auto 0 auto}
.prevnext .back a:hover { background:#0aa306;color:#fff}

.indnumcase {margin-top:50px}

.news { background:#f7faff;padding:1px 0 80px 0;margin-top:-20px}
.news ul {width:102.4%;margin:20px 0 0 -1.2%}
.news li {float:left;width:30.9333%;margin:30px 1.2% 0 1.2%}
.news li .pic { position:relative; overflow: hidden;padding:33% 0; background: #f8f7f7}
.news li .title {height:25px;  line-height: 25px; overflow: hidden; text-align: center;margin:15px 0 2px 0}
.news li .title a {font-size:16px;}
.news li .addtime {color:#999; text-align: center;}






.cooperation {font-size:16px;padding:40px 0 0 0; line-height: 2;}
.cooperation strong {font-weight:500}
.news_coop {margin:1px 0 0 0 }
.contact {padding:10px 0 80px 0}
.contact .mleft {float:left;width:48%}
.contact .mleft .cpcn {color:#0aa306;font-weight:500;font-size:28px; line-height: 38px; letter-spacing: 2px}
.contact .mleft .cpen {color:#999;font-size:14px; line-height: 19px; letter-spacing: 3.3px;margin:0px 0 20px 0}
.contact .mleft .addcn {color:#000;}
.contact .mleft .adden {color:#999;font-size:12px; line-height: 17px;border-bottom:1px solid #ddd;padding:0 0 10px 0;margin:0 0 20px 0}
.contact .mleft .cons {color:#000;line-height: 2}
.contact .mleft .cons table {width:400px; text-align: center;color:#999;margin:10px 0 0 -35px}
.contact .mleft .cons table img {margin:0 0 5px 0}
.contact .mright{float:right;width:48%}
.contact .mright iframe,#container {width:100%; height:510px}

.message { background: #f7faff;padding:0 0 80px 0}
.message .in {background:#fff;margin:30px 0 0 0}
.message .mleft {float:left;width:60%;height:395px; background: #fff url("../images/1.jpg") no-repeat center left; background-size:83%}
.message .mright { background:#fff;float:right;width:40%;padding:0 20px 0 0}
.message .mright input[type="text"] {margin:20px 0 0 0;border:1px solid #efefef; text-align: right;font-size:16px; height:60px; line-height:59px;width:100%;padding:0 15px; letter-spacing: 2px;color:#666}
.message .mright #mbeizu { vertical-align: top; margin:20px 0 0 0;border:1px solid #efefef; text-align: right;font-size:16px; height:130px; line-height:25px; overflow: auto;width:100%;padding:10px 15px; letter-spacing: 2px;color:#666}
.message .mright #mbtn {margin:20px 0 0 0;color:#fff;font-size:25px; line-height: 25px;padding:18px 0 20px 0;width:100%; cursor: pointer; background: #0b8e39;}
.message .mright #mbtn:hover {background:#0aa306;}

.about {font-size:16px;padding:10px 0 80px 0; line-height: 2}
.about_honor { background: #f7faff;padding:0 0 80px 0;}
.about_honor .cons {margin:40px 0 0 0;background: #fff;padding:20px}

.honor {margin:-20px 0 80px 0}
.honor ul {width:104%;margin:-30px 0 0 -2%}
.honor li {float:left;width:21%;margin:30px 2% 0 2%}
.honor .pic { position:relative; overflow: hidden;padding:70.2% 0}
.honor .title {text-align:center; height: 20px; line-height: 20px;margin:15px 0 0 0; overflow: hidden}

.show .d {text-align:center;margin:80px 0 150px 0}
.show .d a { background:#0b8e39;color:#fff; text-align: center;padding:15px 30px 15px 30px;margin:0 auto;font-size:18px; display: inline-block; line-height: 28px}
.show .d a span {font-size:35px; line-height: 35px; display:inline-block; vertical-align: top;margin:-4px 10px 0 0}
.show .d a:hover {background:#0aa306;}









.foot {background:#333;color:#c8c8c8;padding:50px 0 40px 0}
.foot a {color:#c8c8c8}
.foot .mleft {float:left;width:160px; text-align: center}
.foot .mleft .t {font-weight:700;font-size:24px;line-height: 34px;font-weight:700; letter-spacing:6px}
.foot .mleft .e {font-size:12px; line-height: 17px;margin:0px 0 15px 0; letter-spacing: 1px}
.foot .mright {float:right;text-align: right;width:75%}
.foot dl {float:left; text-align: left;}
.foot dl:nth-child(1) {width:20%}
.foot dl:nth-child(2) {width:25%}
.foot dl:nth-child(3) {width:20%}
.foot dl:nth-child(4) {width:35%}
.foot dt {border-bottom:1px solid #444;padding:0 0 10px 0;margin:0 0 15px 0}
.foot dt a {color:#0aa306;font-size:16px;}
.foot .footer {text-align:center;border-top:1px solid #444;padding:20px 0 0 0;margin:60px 0 0 0;color:#a9a9a9}
.foot .footer a {color:#a9a9a9}
.foot .footer a:Hover,.foot a:hover {color:#fff}

.fixright { position: fixed;right:0;top:50%; z-index: 2000;margin-top:-100px}
.fixright li { position:relative;margin:1px 0; }
.fixright li .tubiao {border-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;width:50px; height:50px; line-height:50px; cursor:pointer;text-align: center;color:#fff;background:#0b8e39;}
.fixright li .tubiao span {font-size:25px}
.fixright li .cons { display:none; position: absolute;right:52px;top:0;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:5px; background: #fff;min-height:50px}
.fixright li:hover .tubiao { background: #0aa306;color:#fff}
.fixright li.wx .cons {width:300px;height:110px;padding:10px 0 10px 10px}
.weixin { position: relative}
.weixin .pcover {width:110px;height:110px}
.weixin .wright { position: absolute;left:140px;top:6px;font-size:16px; line-height: 33px; color:#333}
.weixin .wright b {display:block}
.weixin .wright span {font-size:30px;line-height:30px;}
.weixin2 .wright {color:#999;top:21px}
.fixright li.qq .cons {width:145px; height: 50px; line-height:48px;padding:0 0 0 15px; letter-spacing:0.5px;font-weight:700}
.fixright li.qq .cons font {color:#999;margin:0 10px 0 0}
.fixright li.tel .cons {width:130px;line-height:25px;padding:10px 0 12px 15px; letter-spacing:0.5px;font-weight:700}
.fixright li.tel .cons font {color:#999;margin:0 10px 0 0}
.fixright li.pen .cons {width:125px; height: 50px; line-height:48px;letter-spacing:0.5px;font-weight:700;padding:0 0 0 20px}
.fixright li.pen .cons font {color:#999;margin:0 10px 0 0}