@charset "utf-8";
/* CSS Document */
body{margin:0px;padding:0px;font-size:12px; width:100%; color:#333;line-height:1.8;font-family:"microsoft yahei";overflow-x:hidden;}
form,ul,li,ol,li,dl,dt,dd,img,p,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px; }
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
input,select{font-size:12px;}
img{border:0px; vertical-align:middle;}
ul,li{list-style-type:none;}
strong,b{font-weight:bold;}
em {font-style:normal;}
a{text-decoration:none; cursor:pointer; color:#555;}
a:hover{color:#cccccc}
.clear{ clear:both}

/*================================产品页面====================================*/
.product1{ margin-bottom:50px; margin-top:30px;}
.prefecuture{ width:1200px; border:1px solid #e7e7e7; padding-bottom:10px; margin:auto; min-height:140px;}
.info{ width:100%; background-color:#f6f4f4;}
.infotit a{height:38px;margin:0px 30px; width:1189px; font-size:16px; font-weight:bold; color:#252424; line-height:38px; margin-top:20px;}
.infotit a:hover{color:red; font-size:20px;}
.prefect{ width:1200px;margin-top:20px;}
.muclass span{ margin-right:15px; float:left;  display:block; width:100px; text-align:right;line-height: 33px;}
.muclass a{ float:left; display:block; margin-top:3px; padding:3px 7px; height:20px; line-height:20px; font-size:14px; color:#505050; margin-right:30px; margin-bottom:10px;}
.muclass .muclass_xz{ background:#d7170f; color:#fff; padding:3px 7px;}
.muclass a:hover{ background:#d7170f; color:#fff; padding:3px 7px;}
.muclass { display: block; width: 1180px; font-size: 14px;color: #242424;margin-left: 10px; margin-top: 20px; float: left;}
.prefecuture { width: 1200px; border: 1px solid #e7e7e7;padding-bottom: 10px; margin: auto;height: 140px;}  
.muclass div { width: 1050px;float: left;}

.fudong{ height: 200px; position:fixed; right:10px; z-index:300;}


.product2{ width:1224px; margin:auto; height:auto; margin-top:20px; margin-bottom:30px;}
.product2 .product2_bk{ width:380px; height:320px; float:left;margin: 4px 14px;}
.product2 .product2_bk h2{ width:382px; height:284px; border:1px solid #ddd; margin:auto;}
.product2 .product2_bk h2 p{ width: 380px; height: 284px; margin:auto;  position:relative;}
.product2 .product2_bk h3{ width:269px; height:41px; margin:auto; }
.product2 .product2_bk h2 p a{ display:block;}
.product2 .product2_bk h2 p .product2_wz{ position:absolute;  width: 380px; height:30px; line-height:30px; text-align:center; display:block;left:0; bottom: 0px; z-index:1; color:#fff; font-size:14px; background:rgba(202,9,0,0.7);}
.product2 .product2_bk h2 p .product2_more{ display:none;position:absolute;left:160px; top:94px; z-index:2; width:40px; line-height:35px;  font-size:24px; height:40px;  background:#ed1c22; color:#fff; text-align:center; margin:auto;border-radius:50%; }
.product2 .product2_bk:hover .product2_more{display:block;}



/* add new */
.detailsnew{ width:1200px; margin:30px auto; margin-bottom:60px;}
.detailsnew h2 {height:28px; border-bottom:1px solid #e5e5e5; background:url(../img/icon11.png) no-repeat; color:#fff; padding-left:30px; font-size:14px; font-weight:bold;}
.detailsnew img:hover{transform:translate(0,0);    -webkit-transform:translate(0,0);    -moz-transform:translate(0,0);    -o-transform:translate(0,0);    -ms-transform:translate(0,0);}


.details1{ height:30px; width:1200px; margin:30px auto; padding:0; }
.details1 h2 {height:28px; border-bottom:1px solid #e5e5e5; background:url(../img/icon11.png) no-repeat; color:#fff; padding-left:30px; font-size:14px; font-weight:bold;}
.details2{width:1200px; height:640px; margin:auto;}
.details2 .details2_top_left{ display:block; float:left;width:690px; height:518px; border:1px #ddd solid;overflow: hidden;}
.details2 .details2_top_left .detailimg{ display: none;}
.details2 .details2_top_right{ display:block; float:left; width:435px;  margin-left:70px; margin-top:30px;}
.details2 .details2_top_right h2{ font-size:16px; font-weight:bold; color:#282828;}
.details2 .details2_top_right h3{ height:30px; line-height:30px; margin-top:30px; margin-bottom:38px;}
.details2 .details2_top_right h3 a{ display:block; float:left;}
.details2 .details2_top_right h3 a:first-child{ height:30px; line-height:30px; background:#ffa200; color:#fff; padding-left:14px; padding-right:14px;}
.details2 .details2_top_right h3 a{ height:30px; line-height:30px; background:#ff8400; color:#fff; padding-left:14px; padding-right:14px;}
.details2 .details2_top_right h3 a:last-child{ height:30px; line-height:30px; background:#f96400; color:#fff; padding-left:14px; padding-right:14px;}
.details2 .details2_top_right ul li{ line-height:32px; color:4d4d4d;}
.details2 .details2_top_right ul li b{ font-weight:100; color:#999898; padding-right:5px;}
.details2 .details2_top_right .details_sc{ margin-top:35px; border-top:1px solid #efefef; width:240px;}
.details2 .details2_top_right .details_sc a{ display:block; float:left; margin-right:35px; margin-top:29px;}
.details2 .details2_top_right .details_sc .details_sc1{ font-size:14px; color:#757575; height:38px; line-height:38px;}
.details2 .details2_top_right .details_sc .details_sc1 em{ font-size:22px; color:#b91c22;font-weight:bold; height:38px; line-height:38px; padding-top:2px;}
.details2 .details2_top_right .details_sc .details_sc2{ font-size:16px; color:#fff; font-weight:bold; background:url(../img/icon45.png) no-repeat; width:124px; height:38px; text-align:center; line-height:38px;}



#Marquee_x { overflow:hidden; float:right; margin-top:30px;} 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left; overflow:hidden}
#Marquee_x ul li div{ float:left;  width:205px; overflow:hidden; margin-left:20px; }
#Marquee_x ul li div p { position:relative;width:222px;}
#Marquee_x ul li div p a { display:block;}
#Marquee_x ul li div p a img{ width:222px; height:161px; display:block; border:1px solid #ddddd8;}
#Marquee_x ul li div p .martit{ position:absolute;  width:222px; height:23px; line-height:23px; text-align:center; display:block;left:0; bottom:0; z-index:1; color:#fff; font-size:12px; background:rgba(202,9,0,0.7);}

.details3{ width:1200px; margin:auto;}
.details3 ul li{ width:236px; float:left; margin-left:85px;}
.details3 ul li h2{ color:#e62129; font-size:24px; text-align:center; margin-bottom:25px; margin-top:10px;}
.details3 ul li img{ width:236px; height:182px; }
.details3 ul li p{ text-align:center; font-size:14px; color:#555; line-height:30px; margin-top:24px;}

.details4{ width:1100px; margin:auto; margin-bottom:60px;}
.details4 p{ color:#2d2d2d; line-height:30px;}
.details4 h2{ width:1100px;;}
.details4 h2 span{ display:block; float:left; margin-right:100px;}
.details4  h3{ font-size:14px; color:#ce0b0b; font-weight:bold; margin-top:30px;}
.details4  h4{font-size:14px; color:#ce0b0b; }


.new{ width:1200px; height:1128px;  margin:auto;}
.new .dynamiclist { margin-top: 30px; width: 100%;}
.new .dynamiclist ul li {height: 170px; margin-top: 60px;}
.new .dynamiclist ul li .dyimg {display: block;float: left; height: 198px; width: 300px;border: 1px solid #EB3E3E;border-radius: 15px; overflow:hidden;}
.new .dynamiclist ul li .dyimg img { height: 198px; width: 300px;margin:auto;border-radius: 15px} 
.new .dynamiclist ul li .dyimg img:hover { height: 198px; width: 300px;margin:auto;opacity:0.6;border-radius: 15px}
.new .listrignt { border-bottom: 1px dashed #e8e8e8; float: left; height: 170px; margin-left: 22px; position: relative; width: 685px;}
.new .dytitle { color: #111; font-size: 24px; line-height: 36px;}
.new .dycon {color: #444;font-size: 16px; line-height: 36px;margin-top: 15px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.new .dydate { bottom: 10px;color: #888; display: block; float: left; font-size: 14px;height: 22px;line-height: 22px;margin-top: 20px;text-align: center;}
.new .dydatee { bottom: 10px; color: #444444;  display: block; float: right; font-size: 16px; height: 22px; line-height: 22px; margin-top: 20px;text-align: center;}
.new .dynamiclist ul li:hover .dytitle { color: #d40a00;}
.new .dynamiclist ul li:hover .dydatee { color: #d40a00;}
.new .detalititle { border-bottom: 1px solid #e1e1e1; height: 80px; margin-bottom: 20px;margin-top: 80px;width: 100%;}
.new .detalititle p { color: #000000; font-size: 24px; line-height: 36px;text-align: center;}
.new .detalititle span { color: #838383; display: block; font-size: 12px; margin-top: 10px; text-align: center;}


/*文章边框开始*/
.article{ width:1200px;   margin:auto; border:solid 1px red;border-radius:40px;padding:0px 10px;}
/*文章边框结束*/
.detalititle { height: 80px;  margin-bottom: 20px;margin-top: 80px; width: 100%;}
.detalititle p { color: #1b1b1b;font-size: 24px;line-height: 36px;text-align: center;}
.detalititle span {color: #838383;display: block; font-size: 12px; margin-top: 10px; text-align: center;}
.detalicontent { border-bottom: 1px dashed #e1e1e1; padding-bottom: 20px; width: 100%; }
.detalicontent p {text-indent:2em ;color: #444; text-align:left;  font-size: 14px;line-height: 30px; margin: 0 10px;margin-bottom:20px; margin-top:20px;}
.detalicontent img {  display: block; margin: 0 auto;}
.detalicontent img:hover{transform:translate(0,0);    -webkit-transform:translate(0,0);    -moz-transform:translate(0,0);    -o-transform:translate(0,0);    -ms-transform:translate(0,0);}
/*版权链接样式开始*/
.lianjie1{width:400px;float:left;}
.lianjie1 p{text-indent:2em ;color: #444; text-align:left;  font-size: 14px;line-height: 15px; margin: 0px 10px;margin-bottom:10px; margin-top:10px;}
/*版权链接样式结束*/
.ona {color: #585858;float: left; margin-bottom:30px; font-size: 12px; line-height: 36px;margin-top: 20px;margin-right:40px;}
.returnlist { background:url(../img/icon54.png) no-repeat; margin-bottom:30px;color: #ffffff;display: block;float: right;font-size: 14px;height: 29px; line-height: 29px; margin-top: 23px;padding-left: 38px;width: 71px;}
.returnlist:hover{color: #ffffff;}



.company{ width:1200px;   margin:auto;}
.company p{ line-height:30px;text-indent:2em ;color: #444;text-align:left; }

.company1{ width:1200px;   margin:auto; padding-left:10px;}
.company1  b{ color:#e10101; margin-top:10px; display:block;}

.company2{ width:1200px;   margin:auto;}
.company2 div{ float:left;}
.company2 .company2_ff{  background:url(../img/icon56.png) no-repeat; width:104px; height:953px; margin-left:70px; margin-bottom:80px;}
.company2 .company2_ff ul{ margin-top:75px;}
.company2 .company2_ff li{ height:66px; line-height:66px; font-size:18px; color:#e20000; font-weight:bold;}

.company2 .company2_fy ul{margin-top:75px;}
.company2 .company2_fy li{ height:66px; line-height:66px; font-size:14px; color:#444; }

.contact{ width:1200px; margin:auto; height:510px;}
.contact .contact_left{ float:left;}
.contact .contact_left h2{ font-size:30px; color:#d92017; margin-top:40px;}
.contact .contact_left span h3{ color:333333; font-size:18px; margin-top:20px; margin-bottom:20px;}
.contact .contact_left span p{ height:36px; line-height:36px; color:333333; font-size:14px;}
.contact .contact_left span p img{ margin-right:10px;}
.contact .contact_right{ float:right; width:780px; height:492px; margin-top:10px;}

.contact1{ height:540px; background:#f8f8f8; margin:auto; margin-bottom:70px;}
.contact1 .contact1_center{ width:1200px; margin:auto;}
.contact1 .contact1_center li{ border-bottom:1px dashed #dedede; width:300px; height:127px; float:left; padding-top:40px;}
.contact1 .contact1_center li p{ height:94px; float:left; margin-right:5px;}
.contact1 .contact1_center li h2{ font-size:16px; color:#333; margin-bottom:5px;}
.contact1 .contact1_center li h3{ font-size:12px; color:#888; height:24px; line-height:24px;}

.factory{ width:1200px; margin:20px auto 30px;}
.factory p{ text-align:center; color:#555;}
.factory div{width:1183px; margin:auto; margin-top:20px; margin-bottom:20px; }
.factory div h2{ width:1183px; height:289px; margin:auto;}
.factory div li{ width:287px; height:233px; float:left; margin-top:11px; margin-left:11px;}

/* bottom */

/* .bottom{ width:100%; margin: 10px 0 10px 0}

#bottom_news{ width:1200px; margin:10px auto 0 auto; height:290px;  overflow:hidden;}

.bottom_news_one{ float:left; width:350px; margin:10px 24px 0px 22px;border: 1px #ddd solid;box-shadow:3px 3px 10px 2px #ddd;}

.classroom{ float:left;display:block; height:35px; width:330px; padding:0 10px;}

.classroom h4{float:left; font-weight:inherit; margin-top:10px;font-size:16px; line-height:16px;}

.classroom  a{ float:right; line-height:16px; font-size:16px; margin-top:10px; text-decoration:none;}

.bottom_news_one_con{ float:left; width:350px;}

.bottom_news_one_con ul{ margin-left:12px;}

.bottom_news_one_con ul li{ line-height:40px;; font-size:12px; border-bottom:dashed 1px #dddddd; background:url() 5px center no-repeat;width: 310px;}

.bottom_news_one_con ul li a{ color:#999; text-decoration:none;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.bottom_news_one_con ul li a:hover{ color:#000;}

#bottom{  margin:60px auto 0 auto; background:#f6f6f6; height:490px;}

.bottom_con1{ width:1200px; margin:0 auto; height:150px; padding-top:50px;}

.bottom_con1_01{ float:left; width:180px; line-height:28px;}

.bottom_con1_01 b{ font-size:14px; font-weight:normal;}

.bottom_con1_01 a{ font-size:12px; color:#999;}

.bottom_con1_01 a:hover{ color:#333;}

.bottom_erweima{ float:right; margin-right:10px;}

.bottom_con2{ width:1200px; margin:0 auto 0 auto; border-top:solid 1px #dddddd; height:215px;}

.bottom_con2_lianxi,.bottom_con2_tel,.bottom_con2_QQ,.bottom_con2_add{float:left; display:block; width:1200px;}

.bottom_con2_lianxi{line-height:50px; padding-top:30px; font-size:16px; color:#999;}

.bottom_con2_tel{ font-size:30px; font-weight:bold; color:#999; display:block; }

.bottom_con2_QQ{  font-size:14px; color:#999; margin:0 0 25px 0; font-weight:normal; width:500px !important;}

.bottom_con2_QQ i{ color:#333; line-height:30px; }

.bottom_con2_add p{ float:left; color:#666;}

.bottom_con2_add i{ float:right; color:#999; line-height:25px;}

.bottom_con2_add { border-bottom:solid 2px #e9e9e9; padding-bottom:10px;}

.bottom_link{ width:1200px; margin:20px auto 0 auto;}

.bottom_link a{ color:#CCC; font-size:12px;}

.bottom_link a:hover{ color:#666;}

.bottom_con2_tel{ width:590px !important; }

.bottom_con_list{ float:left; width:610px;}

.bottom_con2_one,.bottom_con2_two{ float:left; width:110px; margin:20px 0 0 8px;height:40px; background:#FFF; border:solid 1px #dddddd; font-size:14px; color:#000; text-align:center; line-height:40px; border-radius:3px;}

.bottom_con2_one:hover,.bottom_con2_two:hover{ float:left; width:110px; height:40px; background:#000; border:solid 1px #000; font-size:14px; color:#fff; text-align:center; line-height:40px; border-radius:3px;}

.bottom_con2_two{ background:#008BFF !important; border:solid 1px #008BFF !important; color:#FFF !important;}
.clear{ clear:both;} */

.fs-friendlink {
    padding-left: 18.5%;
    padding-right: 18.5%;
}
.fs-friendlink a {
    font-size: 14px;
    margin: 0.25em;
}
video {
    border-radius: 2px;
}

.uk-button-custom {
    background: rgb(190, 190, 190);
    transition: all .3s ease;
}
.uk-button-custom:hover {
    background-color: tomato;
    color: white;
    transition: all .3s ease;
    box-shadow: rgb(128, 128, 128) 2px 5px 5px;
}

.uk-modal-dialog {
    border-radius: 2px;
    max-height: 900px;
}
.uk-modal-dialog  .uk-button-group > .uk-button-default {
    background: #949494;
    color: #fff;;
    border: 0;
}
.uk-modal-dialog  .uk-button-group > .uk-button-default:hover {
    background: #7a7a7a;
    color: #fff;;
}
.uk-modal-dialog  .uk-button-group > .uk-button-primary {
    background: tomato;
}
.uk-modal-dialog  .uk-button-group > .uk-button-primary:hover {
    background: rgb(255, 88, 59);
}
.fs-tobody {
    color: rgb(172, 172, 172);
    padding: 20px 0 20px 0;
    background: rgb(221, 221, 221);
    transform:rotate(90deg);
}
.fs-tobody:hover {
    color: #fff;
    background: rgb(221, 221, 221);
}

.fs-brands .uk-width-1-4 {
    padding: 0;
}
.fs-brand {
    margin-top: 5px;
    height: 150px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 5px;
    transition: all .3s cubic-bezier(.2, .5, .3, 1);
    cursor: pointer;
}
.fs-brand-convenience,
.fs-brand-pharmacy,
.fs-brand-motherbaby
{
    margin-bottom: 10px;
}
.fs-brand-supermarket {
    margin-bottom: 0;
}
.fs-brand-a, .fs-brand-b {
    margin-bottom: 0.1em;
    display: inline-flex;
}
.fs-brand-a > i {
    color: tomato;
}
.fs-brand-a > span {
    color: #616161;
    margin-left: 0.5em;
    /* line-height: 1em; */
    font-size: 1.5em;
}
.fs-brand-b > span {
    margin: 0 0.25em;
    font-size: 1.25em;
}
.fs-brand-b > a {
    text-decoration-line: none;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    color: #616161;
    padding: 2px 5px 2px 15px;
}
.fs-brand-b > a:hover {
    background: #dadada;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    color: #616161;
    padding: 2px 5px 2px 15px;
    text-decoration-line: none;
}
.fs-brand:hover {
    transform: translateY(-5px);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
}
.fs-brand-img {
    width: 100%;
}
.fs-arrow > a {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.fs-arrow > a:hover {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.uk-slidenav {
    color: #d1d1d1;
}
.uk-slidenav:hover, .uk-slidenav:focus {
    color: #9c9c9c;
}
.uk-slidenav:focus {
    border: 1px solid #cecece;
}
.fs-arrow > .uk-position-center-left, .uk-position-center-right {
    top: 60%;
}
.uk-icon {
    line-height: 0.2em;
    font-size: 1.2em;
}


/* history */
.fs-history {
    padding-top: 0;
    padding-bottom: 0;
}
.fs-history .uk-transition-toggle img:hover {
    cursor: pointer;
}
.fs-history .uk-button-default {
    font-size: 1.25rem;
}
.fs-history > .uk-container {
    max-width: 1400px;
}
.fs-history .uk-overlay {
    padding: 50px 50px;
}
.fs-history-about {
    width: 55px;
    height: auto;
}
.fs-history-about a:hover {
    color: tomato;
    text-decoration-line: none;
}
.uk-cover-container > .fs-position-custom {
    margin: 20px;
}
.fs-history .uk-button-default {
	background-color: transparent;
	color: #000;
    border: solid 1px #000000;
}
.fs-history .uk-button-default:hover {
    background-color: transparent;
    color: tomato;
    border: solid 2px tomato;
}


/* Design */

.fs-design {
    background: rgb(224, 224, 224);
    padding-bottom: 45px;
}
.fs_index_design {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    max-width: 1500px;
    height: 500px;
    margin: 0px auto;
    clear: both;
    position: relative;
}
.fs_design_img_0 {
    position: absolute;
    width: 560px;
    height: 300px;
    left: 50%;
    transform: translate3d(-280px,0px,0px);
    -webkit-transform: translate3d(-280px,0px,0px);
    /* _margin-left: -280px; */
    top: 80px;
    background-color: #999;
}
.fs_design_img_2 {
    position:absolute;
    width:560px;
    height:300px;
    left:0px;
    z-index:1;
    top:80px;
    background-color:#999;
    box-shadow:0px 0px 10px rgba(0,0,0,0.07);
    -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.07);
}
.fs_design_img_1 {
    width: 840px;
    height: 450px;
    left: 50%;
    transform: translate3d(-420px,0px,0px);
    -webkit-transform: translate3d(-420px,0px,0px);
    _margin-left: -280px;
    position: absolute;
    z-index: 2;
    top: 0px;
    background-color :#FFF;
    box-shadow: 10px 0px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.13);
    border-radius: 2px;
    padding: 5px;
}
.fs_design_img_3 {
    right:0px; 
    left:auto;
}
.fs_design_h {
    position: absolute; 
    z-index: 3; 
    width: 5%; 
    height: 20%; 
    left: 5px; 
    top: 40%; 
    background: url(/Public/Cn/img/arrow_w_l.png) no-repeat center center; 
    background-size: contain; 
    background-color: rgba(20,20,20,0.1); 
    cursor: pointer;
}
.fs_design_h:hover{
    background-color:rgba(20,20,20,0.5);
}
.fs_design_hr {
    left: auto; 
    right: 5px; 
    background-image: url(/Public/Cn/img/arrow_w_r.png);
}
.fs_design_img_2 .fs_design_h {
    opacity:0; 
    left:-5%;
}
.fs_design_img_2 .fs_design_hr {
    opacity:0; 
    right:-5%;
}
.fs_design_img_2 .fs_design_img{
    opacity:0.5;
}
.fs_design_img  {
    width:100%;
    border-radius: 2px;
 }
.fs_transition_01 {
    transition:all ease-in-out 0.1s; 
    -webkit-transition: all ease-in-out 0.1s; 
    -moz-transition: all ease-in-out 0.1s;}
.fs_transition_05 {
    transition: all ease-in-out 0.5s; 
    -webkit-transition: all ease-in-out 0.5s; 
    -moz-transition: all ease-in-out 0.5s;
}
.fs-design-button,
.fs-product-button,
.fs-case-button {
    font-size: 1.25rem;
    background-color: #bbbbbb;
	transition: box-shadow .25s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1);
}
.fs-design-button:hover,
.fs-product-button:hover,
.fs-case-button:hover {
    font-size: 1.25rem;
	background-color: #e0e0e0;
    transition: box-shadow .25s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
}
.fs_dimg_button {
    background-color: #9b9b9b54;
    color: #fff;
    font-size: 1.25rem;
}
.fs_dimg_button:hover {
    background-color: #5a5a5ac7;
    color: #fff;
    font-size: 1.25rem;
}


/* products */

.fs-products {
    /* background: rgb(201, 201, 201); */
    padding: 45px 0;
}
.fs-product-card > .uk-card-media-top {
    overflow: hidden;
}
.fs-products .uk-card-body {
    padding: 40px 0px 20px 0;
}
.uk-transition-toggle> .uk-card-default {
    border-radius: 2px;
    box-sizing: border-box;
    transition: all .3s cubic-bezier(.2, .5, .3, 1);
}
.uk-transition-toggle > .uk-card-default:hover {
    border-radius: 2px;
    color: tomato;
    box-sizing: border-box;
    transform: translateY(-8px);
    transition: all .3s cubic-bezier(.2, .5, .3, 1);
    box-shadow: 5px 5px 10px 10px rgb(238, 238, 238);
}
.fs-product-img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-sizing: border-box;
    border: solid 0.1em rgb(246, 246, 246);
    overflow: hidden;
}
.fs-product-info {
    padding: 25px 20px;
}


/* cases */

.fs-case {
    padding: 30px 70px;
    background: rgba(243, 243, 243, 0.637);
}
.fs-case > .uk-container {
    max-width: 1400px;
}
.fs-case .uk-overlay {
    padding: 99px 50px;
}
.uk-height-large {
    height: 650px;
}
.fs-case-primary {
    overflow: hidden;
}
.fs-case-secondary > .fs-case-body,
.fs-case-img {
    background: rgba(236, 236, 236, 0.856);
    height: 325px;
}
.fs-case-secondary > .fs-case-img{
    overflow: hidden;
}
.fs-case-title {
    padding: 100px 15px;
}
.fs-case .uk-overlay-default {
    background: rgba(255, 255, 255, 0.6);
}
.fs-brands .uk-text-center:hover,
.uk-h1:hover {
    color: tomato;
}
.uk-tooltip {
    background: tomato;
}
.fs-news {
    background: rgb(248, 248, 248);
}
.fs-footer li {
    line-height: 1.8rem;
}


.fs-top {
    background: rgba(236, 236, 236, 0.856);
}
.fs-top .uk-grid > * {
	padding-left: 25px;
}
.uk-navbar-nav > li > a::before {
    content: '';
    display: block;
    position: absolute;
    left: 18px;
    right: calc(102% - 15px);
    bottom: 20px;
    height: 2px;
    background-color: rgb(100, 100, 100);
    transition: .3s ease-in-out;
    transition-property: right;
}
.uk-navbar-nav > li > a:hover::before,
.uk-navbar-nav > li > a:focus::before,
.uk-navbar-nav > li > a:active::before,
.uk-navbar-nav > li.uk-active > a::before,
.uk-navbar-nav > li > a.uk-open::before  {
    right: 15px;
}
.uk-navbar-nav > li > a:hover::before,
.uk-navbar-nav > li.uk-active > a::before {
    background: rgb(0, 0, 0);
}
.uk-navbar-nav > li > a {
    color: rgb(100, 100, 100);
    text-transform: none;
    transition: .1s ease-in-out;
    transition-property: color,background-color;
    position: relative;
}
.uk-navbar-nav > li > a:hover {
    color: rgb(0, 0, 0);
}
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a:active,
.uk-navbar-nav > li.uk-active > a {
    font-weight: bold;
    color: rgb(0, 0, 0);
    outline: none;
}
.uk-navbar-dropdown-nav > li > a,
.uk-navbar-sticky .uk-navbar-dropdown-nav > li > a {
    padding: 5px 20px;
    transition: .3s ease-in-out;
}
.uk-navbar-dropdown-nav > li > a:hover,
.uk-navbar-dropdown-nav > li > a:focus,
.uk-navbar-dropdown-nav > li > a:active {
    border-radius: 2px;
    padding-left: 25px;
    background: rgb(145, 145, 145);
    color: white;
    font-weight: bold;
    transition: .3s ease-in-out;
}
.uk-navbar-sticky .uk-navbar-nav > li.uk-active > a {
    color: tomato;
    font-weight: bolder;
}
.uk-navbar-sticky .uk-navbar-container {
    background: #333;
}
.uk-navbar-sticky .secondary-logo {
    display: block;
}
.uk-navbar-sticky .primary-logo, .secondary-logo {
    display: none;
}
.uk-navbar-sticky .uk-navbar-nav > li > a,
.uk-navbar-sticky .uk-navbar-dropdown-nav > li > a {
    color: rgb(194, 194, 194);
}
.uk-navbar-sticky .uk-navbar-nav > li > a:hover,
.uk-navbar-sticky .uk-navbar-nav > li > a:focus,
.uk-navbar-sticky .uk-navbar-nav > li > a:active,
.uk-navbar-sticky .uk-navbar-nav > li > a.uk-open,
.fs-news a:hover,
.fs-friendlink a:hover,
.fs-footer-nav a:hover {
    color: tomato;
}
.uk-navbar-sticky h5,
.uk-navbar-sticky span {
    font-weight: bold;
    color: tomato;
}
.uk-navbar-sticky .uk-navbar-nav > li > a::before {
    background: tomato;
}
.uk-navbar-sticky .uk-navbar-dropdown {
    background: #333
}
.uk-navbar-sticky .uk-navbar-dropdown, .uk-navbar-dropdown {
    border-radius: 2px;
}
.uk-navbar-sticky .uk-navbar-dropdown-nav > li > a:hover,
.uk-navbar-sticky .uk-navbar-dropdown-nav > li > a:focus, 
.uk-navbar-sticky .uk-navbar-dropdown-nav > li > a:active {
    border-radius: 2px;
    padding-left: 25px;
    background: tomato;
    color: white;
    font-weight: bold;
    transition: .3s ease-in-out;
}
.fs-slideshow .uk-slidenav {
    background: rgb(255, 255, 255);
    border-radius: 50%;
    border: 1px solid rgba(224, 224, 224, 0.5);
}
.fs-slideshow .uk-slidenav:hover,
.fs-slideshow .uk-slidenav:active,
.fs-slideshow .uk-slidenav:focus  {
    background: rgb(255, 255, 255);
    border-radius: 50%;
    border: 1px solid rgba(224, 224, 224, 0.7);
    box-shadow: 0 4px 8px rgba(0,0,0,.2);
}
.uk-dotnav > * > * {
    width: 45px;
    height: 10px;
    border-radius: 5px;
    background-color: #fff;
}
.uk-dotnav > .uk-active > * {
    background-color: tomato;
    border-color: transparent;
    border: solid 1px rgba(214, 214, 214, 0.5);
}
#fs-hbd img {
    transition: all .5s cubic-bezier(.2, .5, .3, 1);
    transform: translateY(20px);
}
#fs-hbd img:hover {
    transition: all .5s cubic-bezier(.2, .5, .3, 1);
    transform: translateY(-20px);
}
.fs-news .uk-label {
    background: darkgray;
}
.uk-scrollspy-nav {
    /* padding-right: 8px; */
    display: none;
    text-align: right;
}
.uk-scrollspy-nav > li.uk-active > a, .uk-scrollspy-nav > li.uk-active > a:hover {
    color: tomato;
}
.uk-scrollspy-nav > li > a:hover {
    color: rgba(0, 0, 0);
}
.fs-vr img {
    padding: 5px;
    border: rgba(185, 185, 185, 0.5) solid 0.8vh;
}

.uk-tile-muted .uk-button-group .uk-button-default:hover {
    border: 1px solid tomato;
    background-color: tomato;
    color: white;
}
.uk-tile-muted .uk-button-group .uk-button-default:focus,
.uk-tile-muted .uk-button-group .uk-button-default:active,
.uk-tile-muted .uk-button-group .uk-button-default.uk-active {
    background-color: tomato;
    color: #fff;
    border-color: tomato;
}
.uk-tile-muted .uk-subnav-pill > * > a {
    border: rgba(128, 128, 128, 0.205) 1px solid;
    border-radius: 500px;
    box-shadow: gray 1px 1px 1px;
    transition: all .3s ease-in-out;
    padding: 5px 12px;
}
.uk-tile-muted .uk-subnav-pill > * > a:hover,
.uk-tile-muted .uk-subnav-pill > * > a:focus{
    background-color: tomato;
    color: #fff;
    transition: all .3s ease-in-out;
    box-shadow: 1px 5px 10px gray;
}
.uk-tile-muted .uk-subnav-pill > .uk-active > a:hover,
.uk-tile-muted .uk-subnav-pill > .uk-active > a {
    background-color: tomato;
    color: #fff;
    transition: all .3s ease-in-out;
    box-shadow:  1px 5px 10px gray;
}
.category > .uk-card-default {
    border-radius: 8px;
}
.category > .uk-card-default > .uk-card-media-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.category .uk-card-default:hover > .uk-card-footer > h5,
a.uk-link-heading:hover {
    color: tomato;
}
.category .uk-overlay-primary {
    background: rgba(150, 150, 150, 0.5);
}
.fs-media-card {
    margin-left: 40px;
}

/* Pagination */
.uk-pagination > * {
    padding-left: 10px;
}
.uk-pagination > span,
.uk-pagination > li > * {
    border-radius: 3px;
    padding: 3px 15px;
}
.uk-pagination > li > a {
    background: rgb(165, 165, 165);
    color: rgb(255, 255, 255);
    transition: all .3s ease-in-out;
}
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus,
.uk-pagination > li > span.uk-active {
    background-color: tomato;
    color: rgb(255, 255, 255);
}
.random:hover > span {
    animation: right-rotate 0.5s 1;
}
@keyframes right-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}
@keyframes random-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}