@charset "utf-8";
body { margin:0px; font-family:Arial; background:#2f2f2f; color:#b9b9b9; font-size:12px;}
DIV {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DT {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DD {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; list-style:none;
}
H1 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
PRE {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
FORM {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
FIELDSET {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
INPUT {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
TEXTAREA {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
P {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
BLOCKQUOTE {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
TH {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
TD {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
TABLE {
	BORDER-SPACING: 0; BORDER-COLLAPSE: collapse
}
FIELDSET {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; VERTICAL-ALIGN: top; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; VERTICAL-ALIGN: top; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
ADDRESS {FONT-STYLE: normal; FONT-WEIGHT: normal}
CAPTION {FONT-STYLE: normal; FONT-WEIGHT: normal}
CITE {FONT-STYLE: normal; FONT-WEIGHT: normal}
CODE {FONT-STYLE: normal; FONT-WEIGHT: normal}
DFN {FONT-STYLE: normal; FONT-WEIGHT: normal}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
STRONG {FONT-STYLE: normal; FONT-WEIGHT: normal}
TH {FONT-STYLE: normal; FONT-WEIGHT: normal}
VAR {FONT-STYLE: normal; FONT-WEIGHT: normal}
OL {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none}
UL {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none}
CAPTION {TEXT-ALIGN: left}
TH {TEXT-ALIGN: left}
H1 {FONT-SIZE: 100%; FONT-WEIGHT: normal}
H2 {FONT-SIZE: 100%; FONT-WEIGHT: normal}
H3 {FONT-SIZE: 100%; FONT-WEIGHT: normal}
H4 {FONT-SIZE: 100%; FONT-WEIGHT: normal}
H5 {FONT-SIZE: 100%; FONT-WEIGHT: normal}
H6 {FONT-SIZE: 100%; FONT-WEIGHT: normal}
Q:before {CONTENT: ''}
Q:after {CONTENT: ''}
ABBR {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px}
ACRONYM {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px}
HTML {OVERFLOW-X: hidden}
P{ text-indent:2em;line-height: 20px;}
A {color: #fff; TEXT-DECORATION: none}
A:hover {TEXT-DECORATION: underline; color:#bdaa61;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.index_logo{width:320px; overflow:hidden;}
.pt110{ padding-top:60px; padding-bottom:20px;}

.warp{ position:relative;}
.w1060{ }
.w100{ width:100%;}
.h170{height:50px;  background:url(../top_bj.jpg) left top repeat-x; }
.bj{overflow:hidden;}
.m0{ margin:0 auto;}
.m10{ margin:0px 0px;}
.h55{ height:10px;}
.logo{ text-align:center; height:60px; margin-left:10px;}


 
.lang{ float: left;margin-top:10px; margin-left:15%;}
.lang li { float:left; margin-left: 3px;margin-right: 3px; }
.lang li img { height:auto; margin-top:5px; margin-right:3px; }
.lang li a {line-height: 28px; font-family:Microsoft Yahei,Arial, Helvetica, sans-serif; color:#ffeba0; font-size:12px; }

.top{ width:100%; background:#fff; border-bottom:#d0d0d0 1px solid; height:30px; display:none}
.top_l{ float:left; width:50%; font-size:12px; margin-left:10px; line-height:30px; }
.top_r{ float:right; width:30%; line-height:30px; text-align:right;}
.top_r ul{ float:right;}
.top_r li{ float:left; margin:0 6px;font-size:12px; margin-left:10px;}
.top_r li.t1{ padding-right:15px; background:url(../t1.png) right center no-repeat; }



.logo1{ width:80%; max-height:60px;}
.logo2{ float:left; width:70%; height:auto; margin-top:10px;}


.menu{ width:100%; border-top:1px solid #000; height:61px; border-left:1px solid #000; margin-bottom:10px; background:#202021; margin-top:10px; font-size:12px;}
.menu ul li{ float:left; width:25%; height:30px; line-height:30px;}
.menu ul li span{ border-right:1px solid #000; text-align:center; border-bottom:1px solid #000; display:block;}
.menu ul li span a{ color:#b9b9b9;}
.menu ul li span.on{ background:#000;}

/* 效果CSS开始 */
.mBan2 { overflow: hidden; }
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{ height: 10px; overflow: hidden; position: absolute; bottom: 4px; z-index: 1; width: 81px;/* background: url(../images/btnBg.png) no-repeat; */margin-left: -46px; left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width: 6px; height: 6px; background: url(../images/btn1.png) no-repeat; cursor: pointer; margin-right: 10px; }
.mBan2 .slideBox .hd ul li.on{ background: url(../images/btn2.png) no-repeat; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }
/* 效果CSS结束 */

 .fl-icon {
overflow: hidden;
padding: 5% 0;
}
.fl-icon li {float: left;width: 33%;text-align: center;margin: 0 0% 2% 0%;}
.fl-icon span {display: inline-block;font-size: 14px;text-align: center;line-height: 22px;}
.fl-icon i {display: inline-block;width: 75px;height: 75px;background-image: url(../icon_fl.png);background-repeat: no-repeat;}
.fl-icon1 {background-position: 0 0;}
.fl-icon li a:hover .fl-icon1 {background-position: 0 -76px;}
.fl-icon2 {background-position: -75px 0;}
.fl-icon li a:hover .fl-icon2 {background-position: -75px -76px;}
.fl-icon3{background-position:-152px 0;}
.fl-icon li a:hover .fl-icon3 {background-position: -152px -76px;}
.fl-icon4{background-position:-227px 0;}
.fl-icon li a:hover .fl-icon4 {background-position: -227px -76px;}
.fl-icon5{background-position:-303px 0;}
.fl-icon li a:hover .fl-icon5 {background-position: -303px -76px;}
.fl-icon6{background-position:-379px 0;}
.fl-icon li a:hover .fl-icon6 {background-position: -379px -76px;}
 
.h_video{ float:left;width:100%; overflow:hidden;}
.h_video_ry{ float:left; width:100%; overflow:hidden; position:relative;cursor:pointer;}
.h_video_ry a{ overflow:hidden}
.h_video_ry .video_lm{ position:absolute; height:50px; width:100%;background:url(../pro_bj.png);  margin-top:-50px;  padding-left:15px; color:#fff;}
.h_video_ry a .video_lm{ font-size:18px; line-height:50px;}
.h_video_ry a:hover .video_lm{ font-size:18px;}

.h_video_ry span {
left: 45%;
position:absolute;
top:30%;
background: url("../play.png") no-repeat;
display: inline-block;
font-size: 0;
height: 60px;
line-height: 0;
width: 60px;
}

.h_news{ float:right;width:96%; overflow:hidden; padding:0 2%;margin-top:10px;}
.h_news_lm{ float:left; width:100%;height:33px; margin:15px 0 10px 0; text-align:left; line-height:30px;font-weight:bold;color:#bdaa61; font-weight:bold; background:url(../img/border_m.png) center bottom no-repeat;}
.h_news_lm a{ display:block; float:right; font-weight:normal; font-size:12px;}
.h_news_ry{ float:left; width:100%; overflow:hidden; margin-bottom:10px; font-size:12px; line-height:20px;}
.h_news_ry .newimg{ float:left; width:35%; margin-right:4%;}
.news_top .title{ line-height:26px; color:#000000; font:16px/26px 'Microsoft YaHei'; font-weight:bold;}
.news_top .time{  font-size:12px; float:right; line-height:28px; color:#8d8d8d;}
.h_news_ry .news_top{ float:left; width:60%; color:#000000; font-size:14px; height:30px; overflow:hidden;}
.h_news_ry .news_top a{color:#fff; font-size:14px; font-weight:bold;}
.h_news_ry .news_top_ry{ float:left; width:60%; height:auto; line-height:22px; overflow:hidden; font-size:12px;}
.h_news_ry ul{ float:left; width:100%;}
.h_news_ry li{ float:left; width: 100%; line-height:33px;}
.h_news_ry li a{ float:left; font-size:14px; margin-right:10px; background:url(../img/list_n.png) left center no-repeat; padding-left:10px;}
.h_news_ry li a:hover{ color:#bdaa61;}
.h_news_ry li span{ color:#363636; font-size:12px; float:right; color:#8d8d8d;}

.price{ width:90%; margin:0 auto; line-height:35px; font-size:12px;}
.price b{ font-size:14px; color:#bdaa61;}

.newpro{ margin:0 auto; width:100%; overflow:hidden;}
.newpro_lm{ float:left; width:100%; background:url(../newpro_lm.jpg) center center no-repeat; height:50px; margin:2% 0 5% 0;}
.newpro_ry{ float:left; width:100%; overflow:hidden;}
.newpro_l,.newpro_r{ width:28%; padding-top:3%; text-align:center;}
.newpro_l img,.newpro_r img{  width:100%; height:auto;}
.newpro_l p,.newpro_r p{ width:100%; line-height:40px;}
.newpro_c{ width:33%; padding-left:5%; text-align:center;}
.newpro_c img{  width:100%; height:100%;}
.newpro_c p{ width:100%; line-height:40px;}
.newpro_l p a,.newpro_r p a,.newpro_c p a{ font-size:12px;}
.ml5{ margin-left:1%;}
.mr5{ margin-right:1%;}

 
.about{ float:left;width:98%; margin-left:1%; overflow:hidden; margin-bottom:10px;}
.about_lm{ float:left; width:100%; background:url(../h_about.jpg) left center no-repeat; height:33px; margin:20px 0 20px 0; text-align:right; line-height:30px;}
.about_ry{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:25px;}
.about_img{ float:left; width:40%; height:auto;margin-right:3%;}

.factory{ float:left;width:98%; margin-left:1%; overflow:hidden; margin-bottom:10px;}
.factory_lm{ float:left; width:100%; background:url(../h_factory.jpg) left center no-repeat; height:33px; margin:20px 0 20px 0; text-align:right; line-height:30px;}
.factory_ry{ float:left; width:100%; overflow:hidden; height:240px; overflow:hidden;}



.pro{ margin:0 auto; width:98%; margin-left:1%; overflow:hidden;}
.pro_lm{ float:left; width:100%; background:url(../h_pro_bt.jpg) left center no-repeat; line-height:50px; margin:20px 0 20px 0; border-bottom:#005ba4 2px solid; text-align:right;}
.pro_ry{ float:left; width:100%; overflow:hidden; min-height:300px;}
.pro_ry ul{ float:left; width:100%; overflow:hidden; min-height:300px;}
.pro_ry li{ float:left; width:48%; overflow:hidden;padding:1%; text-align:center;}
.pro_ry li img{ float:left; width:100%; height:auto; border:#cbcbcb 1px solid;}
.pro_ry li p a{ float:left; width:100%; font:14px/30px 'Microsoft YaHei';}
 
 
 

.btnleft,.btnright{width:30px; height:130px; float:left; overflow:hidden; cursor:pointer;}
.btnleft{float:left; width:5%;background:url(../imgs/left.png) center no-repeat; margin-right:0px;}
.btnright{ float:right; width:5%;background:url(../imgs/right.png) center no-repeat; margin-left:0px;}
#scrollbox{ float:left;overflow:hidden;width:90%;}
.scrollcon{width:8000%;}
.scrollpic{float:left;}
.scrollpic li{float:left;width:170px;overflow:hidden;display:inline; margin-left:15px; }
.scrollpic li img{float:left;width:170px;height:130px;overflow: hidden;}
.scrollpic li a img:hover{float:left;width:170px;height:130px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.scrollpic li p{clear: both;line-height: 30px;height: 30px;text-align: center;overflow: hidden;}
#boximg ul li,#fuzhi ul li{display:inline;}



 
.h_csr{ margin:0px 0px; overflow:hidden;}
.h_csr_lm{ margin-bottom:15px; text-align:center;color:#ff6868; font-size:18px;font-family: "Microsoft Yahei";}
.h_csr_lm span{font-size:17px; margin-left:5px;font-style:italic; font-family:Arial, Helvetica, sans-serif;}
.h_csr_ry{  min-height:80px; margin:0px 0px 20px; overflow:hidden; font-size:12px; line-height:22px; color:#9e9796;}
 
 



#foot{width:100%; overflow:hidden;text-align:center; color:#d7d7d7;  background:#494949;font-size:12px; line-height:33px; padding:10px 0px; margin-top:15px; margin-bottom:45px;}
#foot a{ color:#fff;}

.search2{ float: left; margin:0 15%; width: 70%; margin-top: 10px; margin-bottom: 60px; border:#e1e1e1 1px solid;-moz-border-radius: 20px; 
-webkit-border-radius: 20px; }
.search2 .input1 {
line-height: 28px;
background:none;
height: 28px;
width:80%;
padding-left: 10px;
float: left;
line-height: 20px;
color: #989898;
border: none;
}
.search2 .img1 {
position:relative; 
cursor: pointer;
margin-top: 6px;
margin-right: 0px;
}


.o_title {width: 100%; font: bold 19px "微软雅黑";text-align: center;color: #6e6e6e;}
#main_contents { padding: 20px 0; text-align:left; min-height:200px;overflow: auto; line-height:22px; }
#main_contents img{ max-width:1000px; height:auto!important;}



.loca{ height:40px; margin-bottom:10px; margin-top:10px; background:url(../img/border_m.png) bottom center no-repeat;}
.ry_lm{ color:#bdaa61; margin:0 10px;  font-size:20px;font-family: "Microsoft Yahei"; font-weight:bold;}
.ry_lm span{font-size:17px; margin-left:5px;font-style:italic; font-family:Arial, Helvetica, sans-serif;}
.ry_wz{line-height:28px; text-align:right;color:#958d8a; font-size:12px; display:none;}

.ry_ry_img{ margin-top:50px; width:370px; height:450px; position:absolute;text-align:center; background:#fff; font-size:20px;font-family: "Microsoft Yahei";}
.ry_ry_img .innerDiv{width:370px;height:450px;position:relative;overflow:hidden;}

.ry_ry{float:left; margin:0 1%; position:relative; width: 98%;margin-bottom:40px; color:#9f9795;}
.ry_ry p img{ max-width:600px !important; height:auto !important; width:90% !important;}
.ry_ry  input,.ry_ry  textarea{ width:90%; border:#e1e1e1 1px solid; line-height:22px;}

.ry_lm1{  color:#bdaa61; font-size:20px; margin:0 10px; font-family: "Microsoft Yahei"; font-weight:bold;}
.ry_lm1 span{font-size:17px; margin-left:5px;font-style:italic; font-family:Arial, Helvetica, sans-serif;}

.news-list3{ float:left; width:98%; margin-bottom:20px;}
.news-list3 ul li{width:98%; border-bottom:1px solid #ccc; height:200px;}
.news-list3 ul li img{ float:left; width:40%; height:180px;}
.news-list3 ul li .item{ float:left; width:60%;}
.news-list3 h2{}


.news-list2{ float:left; width:98%; margin-bottom:20px;}
.news-list2 ul li{ width:98%; height:auto; padding:5px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.news-list2 ul li img{ float:left; width:40%; padding:5px;}
.news-list2 h2{ color:#000000; font-weight:bold; line-height:30px;}
.news-list2 p{ line-height:20px;}

.news-list1{float:right; width:98%;  color:#9f9795;}
.news-list1 ul li {
    float: left;
    margin-bottom: 0px; margin:0 2px; text-align:center; line-height:20px;
    width: 48%;
}
.news-list1 ul li img{ width:99%; height:100%}
.news-list1 ul li a{ line-height:40px;}

.news-list{float:left; width:100%; margin:0 10px; overflow:hidden; margin-bottom:40px;  color:#9f9795;}
.news-list ul li {
    float: left;
    line-height: 30px;
    width: 95%;
 }


.panel {
      display: none;
      width: 260px;
	 
	  
      background-color: #333;
      color: #fff;
      box-shadow: inset 0 0 5px 5px #222;
	  background:#202021;
    }
	
.cate li{ height:50px; line-height:50px; border-bottom:1px solid #666; text-align:center;}
.cate li.on{ background:#000;}
.close_button{ margin-top:30px; margin-left:10px; width:80px; height:30px;}
.fenlei{ float:right; height:26px; line-height:26px; color:#fff;background:url(../img/list_n.png) no-repeat left center; padding-left:10px;}

.news-list ul li a {font-family: "Microsoft Yahei";
    color: #fff; float:left;
    height: 30px;
	line-height:30px;
	background: url(../imgs/dot03.gif) left center no-repeat;
	padding-left:12px;
    margin-bottom: 9px;
    overflow: hidden;
}	
.news-list ul li span{
line-height: 30px;
font-size: 12px;
margin-left:30px;
}

.news-list ul li .intro p {
    height: 50px;
    line-height: 24px;
	color:#93908b;
	font-size:14px;	
    overflow: hidden;
}

.intro p img{ max-width:450px; width:100% !important; height:auto !important;}

.news-list ul li .intro .more {
    margin-top: 46px;
}
.news-slideBox .intro .more, .news-list ul li .intro .more {
    background: url("../imgs/bg_sign07.gif") no-repeat scroll 82px center #b78200;
    color: #fff;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
    padding-left: 17px;
    text-align: left;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 93px;
}


<!--新闻详情start-->

.info-tit {
    border-bottom: 1px solid #b78200;
    padding-bottom: 25px;
    text-align: center;
}
.info-tit h2 {font-family: "Microsoft Yahei";
    color: #fff;
    font-size: 32px;
    font-weight: normal;
    padding-bottom: 10px;
}

.info-tit p {
    font-size: 14px;
}

.info-tit .data {
    color: #6c6c6c;
    font-family: Arial;
}

.info-tit .type {
    color: #464848;
    font-family: "宋体";
}

.info-con {
    line-height: 24px;
	font-size:14px;
	width:98%; margin:0 auto;
    overflow: hidden;
    padding: 25px 0 70px;
}
.info-con img,.news-list  img{ max-width:100% !important; height:auto !important; overflow:hidden;}
.info-back {
    text-align: center;
}

.info-back a {
    background: none repeat scroll 0 0 #f2a84f;
    color: #fff;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    transition: all 2s ease 0s;
    width: 166px;
}
.pre .p{ float:left;
    background: none repeat scroll 0 0 #f2a84f;
    color: #c89109;
    height: 34px;
	font-size:18px;
    line-height: 34px;
    text-align: center;
    transition: all 2s ease 0s;
    width: 36px;
}

.pre a {float:left;
    background: none repeat scroll 0 0 #f2a84f;
    color: #fff;
    display: inline-block;
    height: 34px;
	font-size:18px;
    line-height: 34px;
    text-align: center;
    transition: all 2s ease 0s;
    width: 36px;
}


<!--新闻详情over-->

.top_tel { margin-top: 25px; }
.top_menu_c { height: 30px; background-image: url(/Public/safi/imgs/top_menu_bg.jpg); background-repeat: repeat-x; margin-bottom: 20px; }
.top_menu li { float: left;
width: 110px;
height: 30px;
overflow: hidden;
text-align: center;}
.top_menu li a { height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-transform:capitalize ; }
.top_menu li:hover { background-image: url(/Public/safi/imgs/menu_hover.jpg); background-repeat: repeat-x; }
.top_menu .r0 { border-right: 1px #94591f solid; }
.top_menu .l0 { border-left: 1px #582e04 solid; }
.one_tit { width: 1004px; margin: 0 auto; height: 30px; margin-top: 10px; background-image: url(/Public/safi/imgs/top_menu_bg.jpg); background-repeat: repeat-x; }
.s_flash { width: 375px; height: 248px; margin: 5px 0 0 10px; }
.about_right { width: 610px; height: 248px; }
.about_right_menu ul li { float: left; margin-right: 15px; height: 40px; }
.about_right_menu ul li a { height: 40px; line-height: 40px; color: #723e05; font-size: 14px; font-weight: bold; }
.about_right_menu ul li a:hover { color: #ba701b; }
.about_right_menu { border-bottom: 1px solid #c9b39b; height: 40px; width: 98%; }
.about_right_contents { padding: 15px; }
.index_left { width: 212px; background-color: #FFF }
.index_left .tit { background-image: url(/Public/safi/imgs/menu_hover.jpg); background-repeat: repeat-x; }
.index_left ul { margin-top: 8px; }
.index_left ul li.class_one { width: 200px; height: 35px; background: url(/Public/safi/imgs/left_menu_bg.jpg) no-repeat center center;  }
.index_left ul li a { line-height: 35px;height: 35px; color: #ad6115; margin-left: 50px; width: 140px; display:block; overflow: hidden;padding-right: 20px;}
.index_left .class_two a { margin-left: 20px; }
.index_right { width: 780px; }

.banner{ width:100%;}
.banner img{ width:100%;}

.product_list1{ margin-bottom: 10px;padding-bottom: 5px; height:auto; width:96%; padding:0 2%;}
.product_list1 .tit { height: 30px; line-height:30px; font-weight:bold; background:url(../img/border_m.png) center bottom no-repeat; color:#bdaa61}
.product_list1 .tit a{ display:block; float:right; font-weight:normal; font-size:12px;}

.product_list1 ul li{  float: left; width: 31%;  overflow:hidden; text-align: center ;margin-top: 15px; padding:0 1%;}
.product_list1 ul li img{ width:80%; border:1px solid #ccc;}
.product_list1 ul li img:hover{ border:1px solid #bdaa61;}
.product_list1 ul li a.ti{height: 28px;
line-height: 28px;
display: block;
overflow: hidden;

font-size:12px;}

.product_list {margin-bottom: 10px; background-color: #FFF; padding-bottom: 5px;}
.product_list .tit { height: 30px; background-image: url(/Public/safi/imgs/top_menu_bg.jpg); background-repeat: repeat-x; }
.product_list ul li {  float: left; width: 195px;  overflow:hidden; text-align: center ;margin-top: 15px;}
.product_list ul li .li_p_img img { width: 160px; height: 160px; }
.product_list ul li .li_p_tit a {height: 28px;
line-height: 28px;
display: block;
overflow: hidden;
color: #474747; }
.product_list.wh li { width: 20%; }
.index_big_banner { margin: 14px auto }
.favlink { background-color: #fff; }
.favlink li { float: left }
.favlink li a { padding: 5px 25px; display: block; color: #343233; height: 28px; line-height: 28px; }
.foot_menu_c { height: 30px; background-image: url(/Public/safi/imgs/top_menu_bg.jpg); background-repeat: repeat-x; }
.foot_menu_c .foot_menu div { text-align: center; margin-top: 15px; }
.foot_menu_c span { margin: 0 25px; }
.foot_menu_c span a { font-size: 14px; color: #fff; height: 30px; line-height: 30px; }
.foot_txt { background-color: #FFF; text-align: center; line-height: 26px; word-break: break-all; }
.fd { background-color: #FFF; text-align: center }
.index_left ul .class_two { display: none; margin-top: -32px; clear: both; position: absolute; margin-left: 210px; background-color: #fff; border: #CCC solid 1px; padding-right: 25px;z-index: 9999; }
.product_content{ padding:15px;min-height: 200px;}
.product_content_tit{height:35px; line-height:35px; border-bottom:1px solid #E7E7E7; margin-bottom:10px;}
.news_list{ background-color:#FFF}
.news_list ul{ margin:10px 15px;}
.news_list ul li{ line-height:30px; height:30px;}
.news_list ul li a{color: #343233;}



.index_hp { padding-top:0px; width:100%; }
.index_hp li { text-align: center; width: 140px; height: 120px; float: left; text-align:center; margin:0 5%; line-height:25px; font-size:14px; margin-top: 0; }
.index_hp li img { border:#d1d1d1 1px solid; }
.index_hp li a { font-size:14px;}

.w_title {width: 100%; font: bold 16px "宋体 ";height: 65px;line-height: 35px;text-align: left;color: #6e6e6e;}
.w_list{ float:left; width: 100%; font-size: 14px;}
.w_list li{ width:100%; font-size: 14px; line-height:32px; list-style:none; color:#6e6e6e}
.w_list span{ /* color:#bbbbbb; */ width: 70px; position:relative; font-size: 14px; display:block; float:left; }
.w_list a{ border:#d4d4d4 1px solid; padding:3px 12px; margin-right:8px; margin-bottom:5px; float:left;}
.w_price{ float:left; width:120px; margin-top:10px; font-weight:bold; color:#6e6e6e; line-height:30px;}
.w_price span{color:#6e6e6e; width:60px; position:relative; display:block; float:left; }
.IsRcmmnd{ width:100%; overflow:hidden;}
.IsRcmmnd_lm{ width:100%;  font: bold 16px "微软雅黑";line-height:35px; border-bottom:#7f7f7f 1px solid; color:#000000; margin-bottom:15px;}


.pagination {  padding-left: 0; margin: 20px 0 20px 40%; border-radius: 4px;   }
.pagination .current { background-color: #dddddd; }
 .pagination > li { display: inline;width: auto!important; }
 .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #428bca; border-color: #428bca; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

 #MicrosoftTranslatorWidget{position: fixed;
right: 0; display:none;  
top:129px;
 z-index: 9999;}
.fy_c{padding-left:5px;
	width: 195px;
top: 100px;height: 25px; line-height:25px;
border: 2px solid rgb(0, 88, 147);
background-color: rgb(120, 173, 208);
right: -160px; position: fixed;}
#fl_01{ width: 50%;
float: left; cursor:pointer;}
#fl_02{ width: 50%;
float: right; text-align:right; cursor:pointer;}
.dddd{ right:0}



#login_contain{ margin:80px auto 20px 7%; width:300px;}
#login_contain h2{
font-family: 'Microsoft YaHei','SimSun';
font-size: 18px;
color: #666;
padding-bottom: 15px;
font-weight: 100;
}
#login_contain .btnBox {
padding: 20px 0;
}
#login_contain .btnBox button {
padding: 10px 120px; width:100%;
}
#reg_contain  button {
padding: 10px 123px; margin-left:95px;
}
.btnOrg40, .btnOrg48, .btnOrg30 {
background: #ec7b01;
border: 1px solid #ec7b01;
color: #fff;
cursor: pointer;
}
#login_contain .inputBox li {
position: relative;
z-index: 9;
width: 298px; padding-left:0px;
height: 33px;
background: #fff;

margin-bottom: 15px;
}

.loginInput {
width: 258px;

height: 29px;
line-height: 29px;
padding: 2px 0 2px 40px;
border: 0;
background: 0;
}
#login_contain .inputBox li .user_icon,#login_contain .inputBox li .password_icon {
left: 2px;
}
.user_icon {
 position: absolute;
z-index: 99;
top: 1px;
width: 26px;
height: 32px;
background: url("../imgs/icon.png") 0px -30px no-repeat;
}
.password_icon {
 position: absolute;
z-index: 99;
top: 1px;
width: 26px;
height: 32px;
background: url("../imgs/icon.png") 0 -0px no-repeat;
}
.tips {
font-family: 'Microsoft YaHei','SimSun';
font-size: 14px;
color: #666;
}
.tips a {
text-decoration: none;
color: #1181ff;
}
.tips a:hover{ color:#ff6600;text-decoration: none;
}

#reg_contain{ /* float:left; */ /* overflow:hidden; */ font-size:12px; width: 100%; overflow: hidden;}
#reg_contain .l40{ height:40px; line-height:40px; color:#1181ff;}
#reg_contain h2{
font-family: 'Microsoft YaHei','SimSun';
font-size: 18px;
color: #666;
padding-bottom: 15px;
font-weight: 100;
}

#reg_contain .form-group{ width:100%; padding:5px 0px; overflow:hidden;}
#reg_contain .form-group label{ float:left;width: 78px; height:40px; line-height:40px;
padding-right: 15px;
text-align: right;}

#reg_contain .form-group .controls input{float: left;
margin-right: 10px;height: 28px;
width: 208px;
padding: 5px 5px;
background: #fff;
border: 1px solid #ddd;
font-size: 14px;}
#reg_contain .form-group .controls textarea{float: left;
margin-right: 10px;height: 50px;
width: 208px;
padding: 5px 5px;
background: #fff;
border: 1px solid #ddd;
font-size: 14px;}
#reg_contain span{ color:#FF0000; line-height:40px;}



#stickey_footer { /* This will make your footer stay where it is */
	background: none repeat scroll 0 0 #1D1D1D;
	border: 1px solid rgba(0, 0, 0, 0.3);
	bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 45px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	position: fixed;
	text-shadow: 1px 1px 1px #000000;
	width: 100%;
	max-width:640px;
}

/* hover effect */
#stickey_footer:hover {
	background: none repeat scroll 0 0 #2b2a2a;
}
/* shadow for the footer*/
#stickey_footer {
	-moz-box-shadow:0px 0px 11px #191919;
	-webkit-box-shadow:0px 0px 11px #191919;
	box-shadow:0px 0px 11px #191919;
}
#footer_menu {
	margin: 0;
	padding: 0;
	width:auto;
}
#footer_menu li {
	list-style: none;
	float: left;
	font-size:14px;
	display:block;
	 width:25%;
	  height:45px;
	   text-align:center;
	   line-height:22px;
	/*border-right:1px solid rgba(0, 0, 0, 0.4);*/
	background: rgba(0, 0, 0, 0.1);
}
#footer_menu .imgmenu {
	padding:5px 8px 3px 14px;
	float:left;
	background:url("../images/home.png") 13px 5px no-repeat;
	width:36px;
	height:30px;
	border:none;
	border-right:1px solid rgba(0, 0, 0, 0.4);
	cursor:pointer;
}
#footer_menu li:hover {
	background:#202020; /* Fallback color for old browsers */
	background: rgba(0, 0, 0, 0.3);
}

#footer_menu li a {
	display: block;
	color: #cccccc;
	text-decoration: none;
	
}
#footer_menu li a:hover {
	color: #ffffff;
}
#footer_menu li span {
height:22px;
display:block;
color:#fff;
}
.ico{ text-align:center; margin:5px; auto; height:20px; width:auto;}

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ background:none !important;}


.box{position:fixed;top:-1000px;width:100%;color:#7F7F7F;margin:auto;padding:0px;z-index:9;text-align:center;}
.box_content_center{background-color:#969696;margin:0 8px 0 8px;color:#FFFFFF;
-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;-khtml-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;-khtml-border-bottom-right-radius:8px;
}
.box_content_tab{background-color:#969696;margin:0 8px 0 8px;color:#FFFFFF; text-align:center;
-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;-khtml-border-top-left-radius:8px;
-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;-khtml-border-top-right-radius:8px;
border-bottom:1px #595959 solid; padding:12px 0 12px 0; font-size:18px;
}
a.boxclose{cursor:pointer;color:#FFFFFF; width:67px; height:43px;background:url(../images/close_bt.png) no-repeat center; line-height:43px; font-size:14px; font-weight:bold; margin:20px 0px 20px 0; text-align:center;
display:block; float:right;text-shadow:1px 1px #085C8F;}
a.boxclose_right{background-color:#969696;cursor:pointer;color:#FFFFFF; width:57px; height:33px;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;-khtml-border-top-left-radius:8px;
-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;-khtml-border-top-right-radius:8px; -moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;-khtml-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;-khtml-border-bottom-right-radius:8px;line-height:33px; font-size:14px; font-weight:bold; margin:10px 25px 20px 0; text-align:center;
display:block; float:right;}
.form_content{padding:20px 15px 10px 15px; text-align:left;}
.form_content label{ font-size:16px; font-weight:bold;line-height:28px;}
input.form_input{width:100%;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px; background-color:#c8e2f1; height:30px; border:1px #08628F solid; color:#000000;}
input.form_input_box{width:100%;-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px; background-color:#6F6F6F; height:32px; border:1px #808080 solid; color:#fff;}
textarea.form_textarea{width:100%;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px; background-color:#c8e2f1; height:80px; border:1px #08628F solid; color:#000000;}
input.form_submit{cursor:pointer;color:#FFFFFF; width:67px; height:43px;background:url(images/left_bt.png) no-repeat center; border:none; line-height:43px; font-size:14px; font-weight:bold; margin:20px 15px 20px 0;display:block; float:right;text-shadow:1px 1px #085C8F; font-family:'Microsoft YaHei',Arial;}
input.form_submit_right{cursor:pointer;color:#FFFFFF; width:67px; height:43px;background:url(images/left_bt.png) no-repeat center; border:none; line-height:43px; font-size:14px; font-weight:bold; margin:20px 0px 20px 0;display:block; float:right;text-shadow:1px 1px #085C8F; font-family:'Microsoft YaHei',Arial;}
.box_content h3{font-size:22px; font-weight:normal; padding:15px 0 10px 0; margin:0px;color:#FFFFFF;text-shadow:1px 1px #085C8F;}
/*------------social icons------------------*/
.social_share{width:100%;text-align:center;padding:15px 0 0 0;}
.social_share ul{ padding:0px; margin:0px; list-style:none; display:inline-block;}
.social_share ul li{ padding:0px; margin:10px 8px 15px 8px;display:inline-block;}

.cd-primary-nav-trigger {
  position: absolute;
  right: 0;
  top: 10px;
  height: 40px;
  width: 40px;
  background-color: #000;
  background:url(../mimgs/menu-button-bg.png) no-repeat center;

}
.cd-primary-nav-trigger .cd-menu-text {
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  /* hide the text on small devices */
  display: none;
}
.cd-primary-nav-trigger .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  
  background-color: white;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;

  /* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
  top: -5px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
  top: 5px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color: white;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}

.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(2, 23, 37, 0.96);
  z-index: 2;
  text-align: center;
  padding: 100px 0;
  
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-primary-nav li {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: .2em 0;
  text-transform: capitalize;
}
.cd-primary-nav a {
  display: inline-block;
  padding: .4em 1em;
  border-radius: 0.25em;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}
.no-touch .cd-primary-nav a:hover {
  background-color: #bdaa61;
  color:#fff;
  text-decoration:none;
}
.cd-primary-nav .cd-label {
  color: #06446e;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2.4em 0 .8em;
}
.cd-primary-nav .cd-social {
  display: inline-block;
  margin: 0 .4em;
}
.cd-primary-nav .cd-social a {
  width: 44px;
  height: 44px;
  padding: 0;
  background-image: url("../img/cd-socials.svg");
  background-repeat: no-repeat;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-primary-nav .cd-facebook a {
  background-position: 0 0;
}
.cd-primary-nav .cd-instagram a {
  background-position: -44px 0;
}
.cd-primary-nav .cd-dribbble a {
  background-position: -88px 0;
}
.cd-primary-nav .cd-twitter a {
  background-position: -132px 0;
}
.cd-primary-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

  .cd-header.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .cd-header.menu-is-open {
    /* add a background color to the header when the navigation is open */
    background-color: rgba(2, 23, 37, 0.96);
  }
  
  .cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color: white;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}


.cd-header {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(2, 23, 37, 0.95);
  width: 100%;
  z-index: 3;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 768px) {
  .cd-header {
    
    background: transparent;
    box-shadow: none;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-header {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .cd-header.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .cd-header.menu-is-open {
    /* add a background color to the header when the navigation is open */
    background-color: rgba(2, 23, 37, 0.96);
  }
}