@charset "utf-8";
* { margin: 0; padding: 0; }

body,div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0 }
body{ margin:0 auto;background:#faf8ed;color:#7b7b7b;font-family:微软雅黑,Arial;text-align:center;position:relative}
a:link, a:visited{color:#666;text-decoration:none;}
a:hover{ text-decoration: none;color:#b1875b; }
a img{border:0px;}
ul,li{list-style:none;}
a img{border:0px;}
ul,li{list-style:none;}
*, :after, :before {box-sizing: border-box;}

header{height:100px;width:100%;position:fixed;top:0;left:0;z-index:999;background:rgba(156,114,68,0.7);}
.logo{background:#002317 url(../images/logo-bg.gif) no-repeat 0 0;width:30%;min-width:360px;height:100px;padding-top:15px}
.tel {position:absolute;width: 190px;right:3%;top:0;margin-right:35px;padding-top:15px}
#logo-pic{height:0;overflow:hidden;}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {display: none;}
#cssmenu {position:absolute;width:auto;line-height: 1;right:3%;top:14px;padding-top:30px;padding-right:10px}
#menu-line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  background: #ad8953;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {float: left;}
#cssmenu.align-center > ul {font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li { display: inline-block;float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu > ul > li > a {
  padding: 20px;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  color: #f4e4cd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {color: #fff;}
#cssmenu > ul > li.has-sub > a {padding-right: 25px;}

#cssmenu ul ul {position: absolute;left: -9999px;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul { right: 0;}
#cssmenu ul ul ul { margin-left: 100%;top: 0;}
#cssmenu.align-right ul ul ul { margin-left: 0;margin-right: 100%;}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li { height: 32px;}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 110px;
  font-size: 12px;
  background:rgba(156,114,68,0.7);
  text-decoration: none;
  color: #f4e4cd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {color: #ffffff;}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {border-color: #ffffff;}
@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu { width: 100%;right:0}
  #cssmenu ul {
    width: 100%;
    display: none;
	background:#fff
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;color:#333
  }
  #cssmenu ul li a:hover{color:#006600}
  #cssmenu > ul > li.active > a {color:#333}
  
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 10px 10px 10px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {display: none;}
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 18px;
    right: 30px;
    display: block;
    width: 25px;
    height: 2px;
    background: #fff;
	
  }
  #cssmenu #menu-button::before {
    content: '';
	font-family:Arial;
    position: absolute;
    top: 25px;
    right: 30px;
    display: block;
    width: 25px;
    height: 9px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {display: none;}
}

.page2,.page3{padding-top:5%;position:relative}
.kong{overflow:hidden;padding-top:6%;position:relative;width:100%;margin:0 auto}
.main{position:relative}

.home-main{overflow:hidden;width:70%;height:auto;position:relative;top:0;font-size:12px;line-height:22px;margin:20px auto;}
/* home about--------------------------------------------------------------------*/
.about-left{width:35%;overflow:hidden;float:left;text-align:left;padding-left:32px}
.about-right{width:35%;overflow:hidden;float:left;text-align:left;padding-right:32px}
.about-xd{width:30%;height:287px;float:left}
.about-xd img{max-width:100%}

.ab-title{text-align:left;width:100%;height:65px;line-height:25px;border-bottom:dashed 1px #ad8953;padding:0 0 10px 0;position:relative}
.ab-title-b{text-align:left}
.ab-title-a{font-size:18px;color:#ac8852;font-weight:400;}
.more{position:absolute;right:0;top:10px;overflow:hidden;border: solid 1px #9e8a66;cursor: pointer;border-radius: 15px;-moz-border-radius: 15px; -webkit-border-radius: 15px;}
.more2{position:absolute;left:50%;margin-left:-45px;bottom:20px;overflow:hidden;border: solid 1px #9e8a66;cursor: pointer;border-radius: 15px;-moz-border-radius: 15px; -webkit-border-radius: 15px;}
.more a,.more2 a{color: #666;
	font-size: 1em;
	padding: 0.4em 1em;	
	background: #fff;			
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all; }
.more a:hover,.more2 a:hover{color: #fff;background: #c2986b;}
.ab-word{padding-top:20px}
/* ------------- */
/* home works--------------------------------------------------------------------*/
.top-title{text-align:center;width:100%;height:76px;line-height:25px;background:url(../images/line.png) no-repeat center center;}
.top-title-a{font-size:20px;color:#ac8852;font-weight:400;}
.works{position: relative;bottom:20px}
.works li .a1 img{width: 270px;height: 270px;}
.works li{width: 270px;height: 270px;list-style: none;position: relative;float: left;overflow: hidden;margin: 10px 32px;border: 1px solid #dac1a6;} 
.works li .a1 .divA{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 270px;
	height: 70px;
	padding: 10px 20px;
	background: #e7decf;
}
.works li .a1 .divA>.p1{
	width: 230px;
	height: 30px;
	font-size: 16px;
    line-height: 25px;
    color: #00421f;
	border-bottom: 1px solid #dac1a6
}
.works li .a1 .divA>.p2{
	width: 230px;
	height: 21px;
    font-size: 12px;
    color: #666;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.works li .a1 .divA>.p3{
	position: absolute;
	right: 20px;
	top: 12px;
	width: 80px;
	height: 28px;
	color: #b4b4b4;
	font-size:11px;
	text-align: right;
}
.works li .a1 .divA>.p3>span{
	font-size: 24px;
	font-weight:800;
}
/*遮罩*/
.works li .a2{
	position: absolute;
	bottom: -280px;
	left:0;
	width: 330px;
	height: 268px;
	text-align: center;
	color: white;
	background: rgba(0,66,31,0.7);
	transition: all 0.2s;  
} 
.works li .a2 .p4{
	width: 270px;
	text-align: center;
	position: absolute;
	top:90px;
	left: -330px;
	color: #fff;
	font-size: 20px;
    transition: all 0.2s 0.1s ease-out ;  
}
.works li .a2 .p4 span{
	padding:6px 0; 
	margin:0 auto;
	border-bottom: 1px solid #dac1a6
	
}
.works li .a2 .p5{
	width: 270px;
	text-align: center;
	line-height:20px ;
	position: absolute;
	top: 100px;
	left: -330px;
	margin: 30px  0 10px;
	font-size: 12px;
    color: #ccc;
    transition: all 0.2s 0.2s ease-out ;  
}
.works li .a2 .p6{
	position: absolute;
	top: 140px;
	left: 175px;
	transform: scale(1.4);
	transition: all 0.3s 0.2s ;
}
.works li .a2 .p6 span{
	font-family: Arial;
    font-size: 36px;
    font-weight: 700;
    color: white;
}
.works li .a2 .p7{
	position: absolute;
	bottom:-50px;
	left: 125px;
	width: 20px;
	height: 20px;
	margin: 10px auto;
	transition: all 0.2s 0.5s ;
}

/* ------------- */
/* home news--------------------------------------------------------------------*/
.home-news-main{overflow:hidden;width:70%;height:auto;position:relative;top:0;font-size:12px;line-height:22px;margin:50px auto;}
.news-li{width:45%;border-bottom:dashed 1px #e3d6be;overflow:hidden;padding:10px 0 20px 0;float:left;margin:10px 2.5% ;float:left}
.date{background:#dae2bf;float:left;width:18%;text-align:center;border:solid 1px #e3d6be;overflow:hidden;line-height:6px}
.date h3{padding:5px 0;color: #fff;font-size: 62px;font-family: Arial, Helvetica, sans-serif;line-height:1em;font-weight:normal;}
.date h4{padding:2px 0;background:#faf8ed;color: #ccc;font-size: 14px;font-family: Arial, Helvetica, sans-serif;font-weight:normal;line-height:20px}
.date img{width:100%;}
.news-text{float:right;width:78%;text-align:left;}
.news-text p{padding-top:10px;color:#999;line-height:20px}
.news-text h2{width:100%;font-weight:600;font-size:16px;padding:0 0 10px 0}

footer{width:100%;background:url(../images/foot.jpg) repeat-x center 80px;margin:0 auto;z-index:999;overflow:hidden;left:0}
footer ul{width:70%;margin:0 auto;overflow:hidden;position:relative;top:0}
footer ul li{float:left;width:20%;margin:20px 2.4%}
.f-tit{font-size:18px;color:#000;padding:10px 0;border-bottom:dashed 1px #666}
.f-w{font-size:12px;padding-top:10px;color:#666}
.copyright{position:relative;bottom:0;padding:30px 0 20px 0;width:70%;height:130px;margin:0 auto;overflow:hidden;font-size:12px;text-align:left;border-top:solid 1px #e08211}
.copyright p{float:left;padding-right:100px}
.erwei{position:absolute;right:0;top:20px}



a#toto{
    width: 200px;
    display: block;
    margin-left: -100px ;
    height: 60px;
    position:absolute;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -ms-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
	z-index:9999;
	left:50%;bottom:10px;
	
	}


a#toto .arrows {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 46px;
    height: 46px;
	}

a#toto .arrows .losange {
    border: 3px solid #fff;
	border-top:none;
	border-left:none;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin: 0 0 0 -19px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


a#toto .arrows span {
    width:16px;
    height: 10px;
    background: url(../images/arrow-grey.png) no-repeat center center;
    display: block;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -8px;
    top: 11px;
    opacity: 0.5;
	-webkit-animation: fade 3s infinite linear; 
	animation: fade 3s infinite linear;
	
	
	
}


a#toto .arrows span:nth-child(2) {top: 6px;}
a#toto .arrows span:nth-child(3) {top: 13px;}
a#toto .arrows span:nth-child(4) {top: 20px;}

.video-js{width:720px;height:480px}


/* ===============================================================================*/
/* product======================================================================*/
.n-top{overflow:hidden;width:100%;height:auto;position:relative;margin:0 auto ;text-align: center;}
.n-top img{width:100%;min-width:1000px}
.top_text{width:50%;position:absolute;z-index:2;left:50%;margin-left:-25%;top:50%;color:#fff;font-size:40px;font-weight:200;line-height:40px}
.top_text .en-1{font-size:18px;text-transform: uppercase;font-family:Arial;font-weight:100}
.top_text .en-2{font-size:28px;}
.lei{margin:0 auto ;padding:20px 0;position:relative;top:-35px;z-index:100}
.lei a{margin:20px 10px;padding:10px 40px;font-size:16px;background: #618500;color: #fff;			
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all; border-radius:8px;-moz-border-radius: 8px; -webkit-border-radius: 8px;border:2px solid #faf8ed
	}
.lei a:hover{color: #fff;background: #c2986b;}



.lei2{margin:0 auto ;padding:20px 0;position:relative;top:-35px;z-index:100;width:80%;overflow:hidden}
.lei2 a{margin:0 8px;padding:10px 40px;font-size:16px;background: #618500;color: #fff;			
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all; border-radius:8px;-moz-border-radius: 8px; -webkit-border-radius: 8px;border:2px solid #faf8ed;float:left
	}
.lei2 a:hover{color: #fff;background: #c2986b;}



.n-main{overflow:hidden;width:70%;height:auto;position:relative;font-size:12px;line-height:22px;margin:0 auto ;padding-bottom:80px}
.pros li .a1 img{width: 100%;height: 270px;}
.pros li{width: 22%;height: auto;list-style: none;position: relative;float: left;overflow: hidden;margin:3% 1.5% ;border: 1px solid #dac1a6;} 
.pros li .a1 .divA{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70px;
	padding: 10px 20px;
	background: #e7decf;
}
.pros li .a1 .divA>.p1{
	width: 100%;
	height: 30px;
	font-size: 16px;
    line-height: 25px;
    color: #00421f;
	border-bottom: 1px solid #dac1a6
}
.pros li .a1 .divA>.p2{
	width: 100%;
	height: 21px;
    font-size: 12px;
    color: #666;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pros li .a1 .divA>.p3{
	position: absolute;
	right: 20px;
	top: 12px;
	width: 80px;
	height: 28px;
	color: #b4b4b4;
	font-size:11px;
	text-align: right;
}
.pros li .a1 .divA>.p3>span{
	font-size: 24px;
	font-weight:800;
}
/*遮罩*/
.pros li .a2{
	position: absolute;
	bottom: -100%;
	left:0;
	width:100%;
	height:100%;
	text-align: center;
	color: white;
	background: rgba(0,66,31,0.7);
	transition: all 0.2s;  
} 
.pros li .a2 .p4{
	width: 100%;
	text-align: center;
	position: absolute;
	top:90px;
	left: -100%;
	color: #fff;
	font-size: 20px;
    transition: all 0.2s 0.1s ease-out ;  
}
.pros li .a2 .p4 span{
	padding:6px 0; 
	margin:0 auto;
	border-bottom: 1px solid #dac1a6
	
}
.pros li .a2 .p5{
	width: 100%;
	text-align: center;
	line-height:20px ;
	position: absolute;
	top: 100px;
	left: -100%;
	margin: 30px  0 10px;
	font-size: 12px;
    color: #ccc;
    transition: all 0.2s 0.2s ease-out ;  
}

.pros li .a2 .p7{
	position: absolute;
	bottom:-50px;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-left:-10px;
	transition: all 0.2s 0.5s ;
}

.show-right{width:65%;float:right;text-align:left;}
.show-left{width:28%;float:left;text-align:left;}
.show-left h1{width:100%;height:40px;font-size:26px;color:#c2986b;font-weight:500;}
.show-left h3{width:100%;font-size:14px;font-weight:100;}
.show-line-a{width:60px;border-top:2px solid #b48d66;margin:20px 0}
.show-line-b{width:60px;border-top:1px solid #b48d66;margin:20px 0}
.show-content p{font-size:14px;padding-bottom:10px}
.xm li{font-size:14px;color:#666;height:25px;font-weight:100;}
.xm li span{font-size:14px;color:#666;font-weight:bold;padding-right:5px}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  max-width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 16px;
  text-shadow: none;
  color: #fff;
  background: #316012;
  background: rgba(49,96,18, .3);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

/* ===============================================================================*/
/* about======================================================================*/
.ab-p{float:right;width:47%;margin-top:30px}
.ab-p img{width:100%}
.ab-w{text-align:left;font-size:14px;line-height:24px;float:left;width:47%;margin-top:30px}
.ab-w img{max-width:100%}
.ab-w p{width:100%;padding:7px 0}
.ab-w strong{font-size:16px;background:url(../images/v2.gif) no-repeat 0 center;padding:0 10px 0 15px}

.about{width:100%;float:left;overflow:hidden;position: relative;}
.ab-left{text-align:left;float:left;width:50%;overflow:hidden;}
.ab-left p,.ab-right p{width:90%;padding:7px 0;line-height:22px;font-size:14px}
.ab-right p{width:100%;padding:7px 0 7px 10%}
.ab-right{text-align:left;float:right;width:50%;overflow:hidden;position: relative;}
.ab-right img,.ab-left img{max-width:100%}
.ab-title span{width:100%;float:left}

/* ===============================================================================*/
/* make======================================================================*/
.tab {padding-top: 20px;margin-bottom: 20px;position: relative;overflow: hidden;width: 100%;margin: 0 auto;line-height: 1.5;font-weight: 300;-webkit-font-smoothing: antialiased;}
.tabs {position: relative;overflow: hidden;margin:30px auto;width: 50%;}
.tabs li {float: left;line-height: 38px;overflow: hidden;padding: 0;position: relative;width:20%}
.tabs a {
  border-bottom: 1px solid #fff;
  color: #888;
  font-size:16px;
  display: block;
  letter-spacing: 0;
  outline: none;
  padding: 0 40px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-bottom: 2px solid #569952;
}

.tabs_item {display: none;padding-top: 30px;text-align:left;position:relative;overflow:hidden}
.tabs_item h4 {font-weight: bold;color: #c2986b;font-size: 24px;width:48%;float:right;}
.tabs_item h5 {font-weight:100;color: #c2986b;font-size: 16px;width:48%;float:right;margin-bottom:20px;text-transform: uppercase;}
.tabs_item p {font-size: 14px;width:48%;float:right;padding:10px 0}
.tabs_item p img{width:100%;}
.tabs_item img {width: 48%;float: left;}
.tabs_item:first-child {display: block;}
.current a {color: #fff;background: #569952;}
.tab-bottom{position:absolute;bottom:-10px;right:0}
/* ===============================================================================*/
/* news======================================================================*/
#page{height: 25px;width:100%;float: left;text-align:left;margin:30px;padding:10px 0 }
  #page a{height: 15px;padding:3px 7px;border: 1px solid #C3BFA5;background:url(../images/page.gif) repeat-x right bottom;display:inline}
    #page a:hover{text-decoration: none; color:#fff;background: #baa38f;}
  .curpage{background-color: #baa38f;color:#fff;height: 20px;padding:3px 7px ;border: 1px solid #baa38f;}
  .fen{height: 30px;padding:3px 7px;border: 1px solid #baa38f;margin-left:5px;background-color: #ccc;color:#fff;}
.l-news{width:70%;z-index:100;float:left;position:relative;line-height:1.5em;text-align:left;margin-top:20px}
.l-news img{max-width:100%}
.l-news h1{width:100%;height:40px;font-size:30px;color:#c2986b;font-weight:500;line-height:normal}
.biaodate{height: 20px;color:#999;text-align:left;padding:0 0 10px 0;width:100%;}
.news-content {width:100%;}
.news-content p{width:100%;font-size:14px;color:#999;line-height:1.7em;padding:8px 0}
.news-content .ab-left p,.news-content .ab-right p{width:90%;padding:7px 0;line-height:22px;font-size:14px}
.news-content .ab-right img,.news-content .ab-left img{max-width:100%}
.fenxiang{position:absolute;top:55px;right:0}
.back{width: 100%;height: 100px;margin-top:50px}
.back a{
	width: 100px;
	height: 50px;padding:5px 20px;
	border: 1px solid #c2986b;
	text-align: center;
	line-height: 20px;
	cursor:pointer;
	transition:0.5s background,left,top ease;
	-webkit-transition:0.5s background,left,top ease;
	-moz-transition:0.5s background,left,top ease;
	-o-transition:0.5s background,left,top ease;opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);
	background:#fff;
	display:block;
	display:inline;border-radius:50px;-moz-border-radius: 50px; -webkit-border-radius: 50px;
	color:#c2986b;margin-right:20px;font-size:16px
}
.back a:hover{border: 1px solid #dac1a6;background:#c2986b;color:#fff;text-decoration: none;}

.r-news{width:20%;z-index:100;float:right;position:relative;line-height:1.5em;margin-top:20px}
.r-news li img{width:100%;transition:ease 0.5s all;-moz-transition:ease 0.5s all; -webkit-transition:ease 0.5s all;}
.r-news li a:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.pic2-hover{max-height:180px;overflow:hidden;display:block;float:left;border:1px #ccc solid}
.r-news h1{width:100%;height:30px;font-size:20px;color:#666;font-weight:500;border-bottom: 1px solid #baa38f;text-align:left;margin-bottom:20px}
  .r-news li{width:100%;padding:15px 0 5px 0}
  .r-news li h4{line-height:2em;font-weight:100;width:100%;font-size:14px}

.show-line-a{width:60px;border-top:2px solid #b48d66;margin:20px 0}
.show-line-b{width:100%;border-top:1px solid #b48d66;margin:20px 0}

/* ===============================================================================*/
/* contact======================================================================*/
.con-w{text-align:left;font-size:14px;line-height:22px;float:right;width:100%;margin-top:30px;text-align:center;}
.con-w p{width:100%;padding:7px 0}
.con-w p span{padding:0 40px;background:url(../images/v2.gif) no-repeat 10px center}
#dituContent{width:100%;height:450px;border:#999 solid 1px;margin:20px 0;float:left}
 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
	.sp_23{background:url(../images/cursor.gif) no-repeat}
.message{padding-top:30px;text-align:left;width:100%;background:url(../images/pj.jpg) no-repeat bottom right;background-size:55%;}
#order{background:url(../images/cp.png) no-repeat bottom right;background-size:45%;}
form{margin-top: 1em;}
form li{margin-bottom: 1em;}
label{display: block; margin-bottom:1em; font-size:16px}
.message input, .message select, .message textarea {
	border: 1px solid #ccc;
	color: #777;
	font-size: 1em;
	padding: 1em;
	width:60%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;background:#fff
	}
textarea{padding: 1em; min-height:15em; height: auto; width: 60%; }
.message input:hover, .message textarea:hover, .message input:focus, .message textarea:focus,.message input:active, .message textarea:active { border: 1px solid #999;}
.button, input[type="submit"], button, .toggle-title {
	color: #666;
	font-size: 1.2em;
	padding: 0.8em 2em;
	text-shadow: 0 1px 0 #fff;
	border: solid 1px #9e8a66;
	text-decoration: none;
	cursor: pointer;margin-top:20px;
	
	background: #e7f1a5;			
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all; border-radius:8px;-moz-border-radius: 8px; -webkit-border-radius: 8px;}
.button:hover, input[type="submit"]:hover, button:hover, .toggle-title:hover {
	color: #333;
	text-decoration: none;
	background: #f9c500;}
/* ===============================================================================*/
/* service======================================================================*/
#map{float:right;width:45%;}



.rong{width:100%;float:left;margin:20px 0;overflow:hidden;background: rgba(0,0,0,.15);}
.rong .rslides{width:50%;float:left}
.rong .rslides img {width:auto;max-width:100%;max-height:500px}
.rslides_tabs {
  list-style: none;
  padding: 0;
  
  font-size: 14px;
  list-style: none;
  margin: 0 auto ;
  padding: 20px 0;
  text-align: center;
  width: 50%;height:100%;float:left
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }

#slider3-pager a {
  display: inline-block;width:20%
}

#slider3-pager img {
  float: left;width:100%; 
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}



/*right to top*/
.cndns-right{position:fixed;right:1px;bottom:10%;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#0e690c;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../images/zxkf.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau .cndns-right-btn{background:#fff url(../images/top01.png) no-repeat center}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background:#ff6800 url(../images/top02.png) no-repeat center}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/qq.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:14px;line-height:14px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}



@media(max-width:1680px){
.home-main{width:78%;margin:50px auto;}
.n-main{width:78%;}
/* home works--------------------------------------------------------------------*/
.works li{width: 19%;margin: 2% 3%;	height:245px;} 
.works li .a1{width: 100%;height:100%;}
.works li .a1 img{width: 100%;height:auto;}
.works li .a1 .divA{width: 100%;height: 60px;padding: 5px 10px;}
.works li .a1 .divA>.p1{width: 98%;height: 30px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.works li .a1 .divA>.p2{width: 98%;height: 21px; line-height: 25px;}

/*遮罩*/
.works li .a2{bottom: -200%;width: 100%;height:100%;overflow: hidden;} 
.works li .a2 .p4{width: 100%;top:25%;font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.works li .a2 .p5{width: 100%;top: 28%;}
.works li .a2 .p7{bottom:-2%;left: 50%;margin-left:-10px}
/* home news--------------------------------------------------------------------*/
.home-news-main{width:78%;margin:30px auto;overflow:hidden;}
.news-li{width:45%;margin:10px 2.5% }
.date{width:20%;}
.news-text{width:75%;height:100px;overflow:hidden}
.pros li .a1 img{height: 260px;}

footer ul{width:78%;}
.copyright{padding:40px 0 40px 0;width:78%;height:120px;}
}

@media(max-width:1440px){
.page2,.page3,.kong{padding-top:7%}

.home-main{width:85%;margin:40px auto;}
.n-main{width:85%;margin:40px auto;}
.pros li .a1 img{height: 245px;}
.pros li .a2 .p4{font-size: 16px;}
.pros li .a1 .divA>.p1{font-size: 14px;}
.top_text{font-size:30px;line-height:30px}
.top_text .en-1{font-size:14px;}
/* home news--------------------------------------------------------------------*/
.home-news-main{width:85%;margin:30px auto;overflow:hidden;}
.news-li{width:44%;margin:5px 3% ;padding:5px 0 10px 0;}
.date{width:15%;}
.date h3{padding:5px 0;font-size: 40px;}
.date h4{padding:2px 0;font-size: 14px;}
.news-text{width:80%;height:70px;overflow:hidden}
.news-text p{padding-top:5px;}
.news-text h2{font-size:16px;padding:0 0 5px 0}

footer ul{width:80%;}
footer ul li{margin:20px 2%}
.copyright{padding:40px 0 40px 0;width:80%;height:150px;}
}
@media(max-width:1380px){
header{height:80px;}
.logo{height:80px;padding-top:10px;width:26%;min-width:220px}
.logo img{height:55px}
.tel{padding-top:10px}
.tel img{height:20px;float:right}
#cssmenu{top:-6px}

.page2,.page3,.kong{padding-top:9%}
.home-main{width:80%;margin:50px auto;}
.n-main{width:80%;margin:50px auto;}
.pros li .a1 img{height: 220px;}
/* home about--------------------------------------------------------------------*/
.about-left{width:40%;height:200px;overflow:hidden;float:left;padding-left:2%;padding-right:2%}
.about-right{width:40%;height:200px;overflow:hidden;float:left;padding-left:2%;padding-right:2%}
.about-xd{width:20%;height:auto;float:left}
.about-xd img{width:100%}
.ab-title-b img{transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);
		-moz-transform:scale(0.8,0.8);transform-origin:0 0}

.more a,.more2 a{font-size: 0.7em;}

/* home works--------------------------------------------------------------------*/
.works li{width: 15%;margin: 1% 5%;max-height:160px	} 
.works li .a1{width: 100%;height:100%;}
.works li .a1 img{width: 100%;height:auto;}
.works li .a1 .divA{width: 100%;height: 35px;padding: 5px 10px;}
.works li .a1 .divA>.p1{width: 98%;height: 25px;font-size: 14px;border:none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.works li .a1 .divA>.p2{width: 98%;height: 21px; line-height: 25px;display:none}

/*遮罩*/
.works li .a2{bottom: -200%;width: 100%;height:100%;overflow: hidden;} 
.works li .a2 .p4{width: 100%;top:25%;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.works li .a2 .p5{width: 100%;top: 28%;}
.works li .a2 .p7{bottom:-2%;left: 50%;margin-left:-10px}
.home-news-main{width:80%;margin:30px auto;height:180px;overflow:hidden;}
footer ul{width:80%;}
.copyright{padding:20px 0 40px 0;width:80%;height:120px;}

.pic2-hover{height:140px;}
#map{float:right;width:60%}
.ab-w{float:left;width:40%}
.tabs {width: 90%;}
}

@media(max-width:1024px){
header{height:60px;}
.logo{width:30%;min-width:260px;height:60px;padding-top:5px}
.logo img{height:50px}
.tel{right: 6%;top: 17%;}
.page2,.page3,.kong{padding-top:7%}
.home-main{width:95%;margin:30px auto;overflow:hidden;}
.n-main{width:95%;margin:30px auto;overflow:hidden;}
.pros li .a1 img{height: 190px;}
.pros li .a2 .p4{font-size: 14px;}
/* home about--------------------------------------------------------------------*/
.about-left{width:36%;height:220px;overflow:hidden;float:left;padding-left:2%;padding-right:2%}
.about-right{width:36%;height:220px;overflow:hidden;float:left;padding-left:2%;padding-right:2%}
.about-xd{width:28%;height:auto;float:left}
.about-xd img{width:100%}
.ab-title-b img{transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);
		-moz-transform:scale(0.8,0.8);transform-origin:0 0}

.more a,.more2 a{font-size: 0.7em;}
/* home works--------------------------------------------------------------------*/
.works li{width: 19%;margin: 2% 3%;	height:170px;} 
.home-news-main{width:95%;margin:30px auto;height:180px;overflow:hidden;}
footer ul{width:95%;}
footer ul li img{transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);
		-moz-transform:scale(0.8,0.8);}
.f-w{display:none}
.copyright{width:90%}

#cssmenu #menu-button::after { top: -5px;}
  #cssmenu #menu-button::before {top: 2px; }
   
.l-news{width:100%}
.r-news{display:none}

#map{float:left;width:100%}
.ab-w{float:left;width:100%}
.lei2{width:95%}


}

@media(max-width:780px){
.tel{display:none}
.about-left{width:53%;height:230px;overflow:hidden;float:right;}
.about-right{width:100%;height:auto;overflow:hidden;float:left;padding-left:2%;padding-right:0}
.about-xd{width:44%;height:auto;float:left}
.ab-word{padding-top:10px}

.home-main{width:85%;}
.pros li{width: 30%;margin:3% 1.5% ;} 
.lei a,.lei2 a{margin:20px 10px;padding:10px 30px;font-size:14px;}
.top_text{font-size:20px;line-height:20px}
.top_text .en-1{font-size:12px;}
/* home works--------------------------------------------------------------------*/
.works{height:280px;overflow:hidden}
.works li{width: 40%;margin: 2% 5%;height:100%;max-height:250px;overflow:hidden} 
.works li .a1{width: 100%;height:100%;}
.works li .a1 img{width: 100%;height:auto;}
.works li .a1 .divA{width: 100%;height: 35px;padding: 5px 10px;}
.works li .a1 .divA>.p1{width: 98%;height: 25px;font-size: 14px;border:none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.works li .a1 .divA>.p2{width: 98%;height: 21px; line-height: 25px;display:none}

/*遮罩*/
.works li .a2{bottom: -200%;width: 100%;height:100%;overflow: hidden;} 
.works li .a2 .p4{width: 100%;top:25%;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.works li .a2 .p5{width: 100%;top: 28%;}
.works li .a2 .p7{bottom:-2%;left: 50%;margin-left:-10px}

.home-news-main{width:85%;margin:30px auto;height:auto;overflow:hidden;}
.news-li{width:100%;margin:5px 0 ;padding:5px 10px 10px 0;}
.date{width:15%;}
.date h3{padding:5px 0;font-size: 40px;}
.date h4{padding:2px 0;font-size: 14px;}
.news-text{width:80%;height:70px;overflow:hidden}
.news-text p{padding-top:5px;}
.top_text{width:80%;margin-left:-40%}

.show-left{width:100%}
.show-right{width:100%}

textarea{padding: 0.6em; min-height:12em;width: 100%; }
.message input, .message select, .message textarea {width: 100%;padding:0.6em 1em}
label{margin-bottom:0.6em; font-size:14px}
.lei2{width:85%}
.tabs_item h5{margin-bottom:0}
}

@media(max-width:680px){
.home-main{margin:20px auto;}
.page2,.page3,.kong{padding-top:60px}
.about-left{width:100%;height:230px;overflow:hidden;float:right;}
.about-right{display:none}
.about-xd{width:100%;position:relative;left:50%;margin-left:-50%}
.about-xd img{max-width:160px}

.pros li{width: 44%;margin:3%;} 
.pros li .a1 img{height: 250px;}
.lei a,.lei2 a{margin:0px 5px;padding:10px 20px;font-size:14px;float:left}
.con-w p span{width:100%;float:left}
/* home works--------------------------------------------------------------------*/
.works{height:180px;overflow:hidden}
.works li{width: 43%;margin: 2% 3%;height:100%;max-height:160px;overflow:hidden} 
.works li .a1{width: 100%;height:100%;}
.works li .a1 img{width: 100%;height:auto;}
.works li .a1 .divA{width: 100%;height: 35px;padding: 5px 10px;}
.works li .a1 .divA>.p1{width: 98%;height: 25px;font-size: 14px;border:none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.works li .a1 .divA>.p2{width: 98%;height: 21px; line-height: 25px;display:none}

/*遮罩*/
.works li .a2{bottom: -200%;width: 100%;height:100%;overflow: hidden;} 
.works li .a2 .p4{width: 100%;top:25%;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.works li .a2 .p5{width: 100%;top: 28%;}
.works li .a2 .p7{bottom:-2%;left: 50%;margin-left:-10px}

.home-news-main{height:390px;overflow:hidden;}
.f-tit{font-size:14px;padding:0;}
.ab-left,.ab-right{width:100%}
.ab-left p,.ab-right p{width:100%;padding:7px 0 }
.rong .rslides{width:100%;}
.rong .rslides img {max-height:300px}
.rslides_tabs{width:100%}

.n-top img{margin-left:-50%}
.l-news h1{font-size:20px}

.video-js{width:620px;height:400px}
.tabs {width: 100%;}
.tabs a{font-size:14px;padding:0 20px}
.tabs_item img{width:100%}
.tabs_item h4{width:100%}
.tabs_item h5{width:100%}
.tabs_item p{width:100%}
.tab-bottom { position:relative;bottom: 0;}
}
@media(max-width:480px){
.about-xd{display:none}
.home-news-main{width:85%;margin:30px auto;height:270px;overflow:hidden;}
.news-text h2{font-size:14px;height:22px;overflow:hidden}

footer ul li img{transform:scale(0.6,0.6);
		-webkit-transform:scale(0.6,0.6);
		-moz-transform:scale(0.6,0.6);margin-left:-15px}
.f-tit{font-size:14px;padding:0;margin-top:-10px}
.pros li{width: 100%;margin:3% 0;} 
.pros li .a1 img{height:410px;}
.date h3{font-size:24px}
.date h4{font-size:12px}
.n-top img{min-width:800px}
.lei a,.lei2 a{padding:5px 10px;}

.about img{max-width:100% }

.video-js{width:400px;height:280px}
.add{display:none}
}
@media(max-width:380px){
.works{height:145px;overflow:hidden}
.works li{max-height:130px;} 
.about-left{height:205px}
.date{width:18%}
.news-text{width:78%}
footer ul{top:20px}
footer ul li{margin:0 2%}
}