/*
    ----------------------------------- 
            方法变量    
                     
    Create Time : 2014-07-22
    Update Time : 2015-08-03
    Author      : Trueland Development Department
    -----------------------------------
*/
/*
    ---------------------- 
            普通方法 
    ---------------------- 

    1 .opc()              // 透明度     - 传整数 50 代表 0.5   
    2 .pos(r)             // 定位方式 - 必须传参，r 代表relative || a 代表absolute ||  f 代表 fixed
    3 .font()             // 字体大小 - 默认12px 
    4 .align()            // 文本对齐 - 默认 center
    5 .lineH()            // 行高设置 - 默认 20px
   11 .arrow(r)           // 三角箭头 - 必须传参    l:向左箭头 | r:向右箭头 | t:向上箭头 | b:向下箭头
   12 .float()            // 快速浮动 - 默认为 left ||  left: 向左浮动   | right:向右浮动
   13 .fontC(d)           // 字大小写 - 比传参数 d 为 大写 s 为首字母大写
   14 .fontB()            // 字体粗细 - 默认加粗  fontB(100) 传100 就是 变细

   ----------------------
   CSS3 方法 
   ---------------------- 

   01 .borderR()          // 圆角设置 - 默认为 5px
   02 .linearG(red,blue)  // 线性渐变 - 两个颜色值 是开始到结束  目前支持 *上下* 渐变
   03 .bgFull             // 背景充满 - 背景等比例拉伸 使用 ：bgFull;
   04 .css3Tansition()    // 过度属性 - 默认两个值 前者是过渡动画时间 后者是过渡动画效果 使用 : .css3tansition(.4s,ease)
   

   //滤镜

   05 .filterBlur()       // 滤镜模糊 - 使用 ：.filterBlur(2px); 默认 5px
   06 .filterGrayscale()  // 滤镜灰度 - 使用 ：.filterGrayscale(100%); 默认100% ★注意参数 是 0%~100$; 100%代表全灰
   07 .filterSepia()      // 滤镜褐色 - 使用 ： .filterSepia(1); 默认1 ★注意参数 (同上)
   08 .filterBrightness() // 滤镜亮度 - 使用 ： .filterBrightness(10); 默认5 ★注意参数 10代表100% 5代表50%
   09 .filterHue()        // 滤镜色相 - 使用 ： .filterHue(180deg); 默认180deg ★注意参数 0deg~360deg
   10 .filterInvert()     // 滤镜反色 - 使用 ： .filterInvert(1); 默认1 ★注意参数 0.1~1 1代表100%
   11 .filterSaturate()   // 滤镜饱和 - 使用 ： .filterSaturate(5); 默认5 ★注意参数 5 代表 50%
   12 .filterContrast()   // 滤镜对比 - 使用 ： .filterContrast(1.5); 默认1.5 ★注意参数 1.5代表 15%
    
   ----------------------
        普通嵌套 
   ---------------------- 

   01 .vcenter            // 垂直水平居中
   02 .tHide              // 文本超出隐藏省略
   03 .blockFull          // 块状元素 宽高100%
   04 .block              // 块状元素 没有设置宽高
   05 .centerBlock        // 左右居中
   05 .clearfix           // 清除浮动

    -----------------------------------
*/
.vcenter {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tHide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.block {
  display: block;
  position: relative;
}
.centerBlock {
  margin-left: auto;
  margin-right: auto;
}
.clearfix {
  clear: both;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: #ffffff url("../images/ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track {
  -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);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-prev,
.slick-next {
  z-index: 20;
  position: absolute;
  display: block;
  height: 60px;
  width: 30px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -30px;
  padding: 0;
  border: none;
  outline: none;
  border: 1px solid red;
}
.slick-prev {
  left: 30px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: 30px;
}
.slick-next {
  right: 30px;
}
[dir="rtl"] .slick-next {
  left: 30px;
  right: auto;
}
.slick-dots {
  position: absolute;
  bottom: 20px;
  height: auto;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  line-height: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  height: 10px;
  width: 10px;
  padding: 0;
  margin: 0;
  outline: none;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #cccccc;
  border-radius: 0px;
}
.slick-dots li.slick-active button {
  background: #333333;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.header-top {
  background: #4c4c4c;
  height: 34px;
  width: 100%;
}
.header-top .h-top {
  line-height: 34px;
  height: 34px;
  color: #cdc8bf;
  font-size: 13px;
  font-family: "宋体";
}
.header-top .h-top .t {
  display: table;
  float: left;
  background: url(../images/icon1.png) no-repeat left center;
  padding-left: 27px;
}
.header-top .h-top .d {
  float: right; width:400px;
  display: table;
}
.header-top .h-top .d .qh_language{
	display: table;
	float: right;
	margin-right: 15px;
	padding-left: 15px;
	background: url(../images/gl_icon1.png) no-repeat left center;
}
.header-top .h-top .d .qh_language a{
	display: inline-block;
	float: left;
	color: #cdc8bf;
	padding: 0 10px;
	margin: 0;
}
.header-top .h-top .d .qh_language .yw{
	background: url(../images/gl_icon2.png) no-repeat right center;
}
.header-top .h-top .d a {
  float: right;
  display: inline-block;
  color: #cdc8bf;
  margin-right: 25px;
  padding-left: 25px;
}
.header-top .h-top .d .a1 {
  background: url(../images/icon2.png) no-repeat left center;
}
.header-top .h-top .d .a2 {
  background: url(../images/icon3.png) no-repeat left center;
}
.header-top .h-top .d .a3 {
  background: url(../images/icon4.png) no-repeat left center;
}
.header-top .h-top .d .a4 {
  background: url(../images/icon5.png) no-repeat left center;
}
.header-div {
  background: url(../images/header-bg.png) repeat-x left bottom;
  padding-bottom: 7px;
  position: relative;
  z-index: 9;
}
.header {
  height: 100px;
}
.header .logo {
  float: left;
  display: inline-block;
  height: 85px;
  margin: 5px 0 0 0;
  width: 429px;
}
.header .nav {
  float: right;
  width: 720px; height:100px;line-height: 100px;
}
.header .nav li {
  float: left; width:120px;
  
  line-height: 100px;
  font-size: 16px;
}
.header .nav li a {
  padding: 0 15px;
  display: block;
  color: #736b5f;
  text-align:center;
}
.header .nav li:hover,
.header .nav li.cur {
  background: #efedeb;
}
body.nav0 .nav0,body.nav1 .nav1,body.nav2 .nav2,body.nav3 .nav3,body.nav4 .nav4,body.nav5 .nav5{
	background: #efedeb;
}

/**nybanner**/
.nybanner {
  margin-top: -7px;
  width: 100%;  margin:auto 0
  overflow: hidden;
  position: relative;
  height: 350px;
}
.nybanner span {
  position: absolute;
  height: 350px;
  width: 100%;
  left: 50%;
  top: 0;
  margin-left: -960px;
}
.nybanner .banner-div {
  height: 350px;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  padding-top: 103px;
  text-align: center;
  color: #ffffff;
}
.nybanner .banner-tit {
  font-size: 50px;
  line-height: 60px;
}
.nybanner .banner-js {
  font-size: 15px;
  line-height: 24px;
  margin-top: 18px;
}
.nybanner .banner-yw {
  font-family: arial;
  line-height: 24px;
  margin-top: 15px;
}
.nybanner .more {
  position: absolute;
  left: 50%;
  bottom: 20px;
  margin-left: 5.5px;
  background: url(../images/pic1.png) no-repeat center center;
  display: inline-block;
  width: 11px;
  height: 43px;
}
.nybanner .search {
  width: 455px;
  height: 38px;
  border: 1px solid #fff;
  border-radius: 2px;
  margin: 20px auto 0;
}
.nybanner .search .input-w {
  width: 401px;
  float: left;
  height: 36px;
  line-height: 36px;
  background: none;
  border: none;
  color: #FFFFFF;
  padding: 0 20px;
  font-size: 14px;
}
.nybanner .search .btn {
  width: 50px;
  height: 36px;
  float: right;
  border: none;
  background: url(../images/btn.png) no-repeat right center;
}
.nybanner .p-nav {
  padding: 15px 0 0;
}
.nybanner .p-nav a {
  margin: 0 10px;
  display: inline-block;
  color: #f2ebe3;
  font-size: 15px;
  padding-bottom: 10px;
}
.nybanner .p-nav a.cur,
.nybanner .p-nav a:hover {
  background: url(../images/problem3.jpg) no-repeat center bottom;
}
/**底部**/
.foot-box {
  width: 100%;
  background: #47443f;
  border-bottom: 1px solid #4d4a46;
}
.foot-box .foot-div {
  padding: 45px 0 40px;
}
.foot-box .foot-div .foot-nav {
  overflow: hidden; width: 1200px;
}
.foot-box .foot-div .foot-nav li {
  width: 300px;
  min-height: 180px;
  float: left;
  border-right: 1px dotted #514f4a;
}
.foot-box .foot-div .foot-nav li > a {
  text-align: center;
  display: block;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
}
.foot-box .foot-div .foot-nav li .foot-navbox {
  margin-left: 52px;
  margin-top: 10px;
}
.foot-box .foot-div .foot-nav li .foot-navbox a {
  display: block;
  color: #a1a09e;
  font-size: 13px;
  line-height: 30px;
}
.foot-box .foot-div .foot-nav .li1 {
  width:440px;
}
.foot-box .foot-div .foot-nav .li1 > a {
  text-align: left;
}
.foot-box .foot-div .foot-nav .li1 .foot-navbox { line-height:30px; font-size:14px;color: #ffffff;
  margin-left: 0;
}
.foot-box .foot-div .foot-nav .li2 p {
  text-align: center; width:
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
}
.foot-box .foot-div .foot-nav .li2 span {
  display: block;
  width: 120px;
  height: 120px;
  margin-top: 21px; float:right
}
.foot-box .foot-div .foot-nav .li3 {
  width: 300px;
}
.foot-box .foot-div .foot-nav .li3 .foot-navbox {
  margin-left: 46px;
}

.foot-box .foot-div .foot-nav .li3 .foot-navbox a { color:#FFF
}

.foot-box .foot-div .foot-nav .li3 .foot-navbox a:hover{ color:#cacaca; text-decoration:underline
  
}
.banquan-box { width:100%; margin:0 auto; height:60px;
  background: #a80000;
}
.banquan-box .banquan {
  padding: 15px 0;
}
.banquan-box .banquan p {
	color: #FFF;
	font-size: 13px;
	line-height: 20px; 
	margin:0 auto;
}
.banquan-box .banquan .d1 {
	float: left;
}
.banquan-box .banquan .d2 {
	float: right;
}
.banquan-box .banquan  a{color: #FFF;}
.banquan-box .banquan  a:hover{color: #FFF;}

#banner , #S_banner {
	width:100%; margin:0 auto; max-width:1920px; min-width:1440px;
	overflow:hidden;
	visibility:hidden;
	position:relative;
	top:0;
	left:0;
	z-index:999;
}

#banner img , #S_banner img {
	width:100%;
	height:500px;
}
#S_banner , #S_banner img {
	height:500px;}
#banner ul.kinMaxShow_button , #S_banner ul.kinMaxShow_button {
	right:18%;
	bottom:40px;
	z-index:9999;}
#banner ul.kinMaxShow_button li , #S_banner ul.kinMaxShow_button li {
	overflow:hidden;
	background:url(../images/banner_icon.png) no-repeat;}
#banner ul.kinMaxShow_button li.focus , #S_banner ul.kinMaxShow_button li.focus {
	background:url(../images/banner_icon_h.png) no-repeat;}
.banner_shaw {
	width:100%;
	height:11px;
	background:url(../images/banner_top_shaw.png) repeat-x;
	top:0;
	left:0;
	z-index:9990;}
.banner_bg , .S_banner_bg {
	width:100%;
}
.S_banner_bg {
	height:500px;}
.serch_bg {
	width:100%;
	height:79px;
	background:url(../images/hei_bg.png) repeat;
	position:absolute;
	bottom:0;
	left:0;
	z-index:999;
	display:block;}
#banner .wmain , #S_banner .wmain {
	margin:0 auto;
	display:block;
	height:79px;}
#banner .serch_bg .input_ser , #S_banner .serch_bg .input_ser {
	background:#fff;
	border:none;
	height:28px;
	line-height:28px;
	padding:0 10px;
	width:180px;
	margin-top:10px;
	color:#999999;}
#banner .serch_bg .ser_btn , #S_banner .serch_bg .ser_btn {
	width:43px;
	height:28px;
	background:url(../images/ser_btn.png) no-repeat;
	cursor:pointer;
	border:none;
	margin-top:10px;}
#banner .serch_bg p , #S_banner .serch_bg p {
	color:#fff;
	margin:10px 0 0 15px;
	font-size:14px;}
#banner .serch_bg p a , #S_banner .serch_bg p a {
	color:#fff;
	margin-right:5px;}
.pol {
	position:relative;}
.poa {
	position:absolute;}
.wp-title_content {font-size:12px;line-height:140%;overflow:hidden;}	
	
	
.home-bt {
  text-align: center;
}
.home-bt p {
  color: #444444;
  font-size: 30px;
  line-height: 48px;
}
.home-bt span {
  color: #888888;
  font-size: 16px;
  line-height: 30px;
}



.index-pro-t {
  margin-top: 35px;
  width: 110%;
}
.index-pro-t ul {
  overflow: hidden;
}
.index-pro-t ul li {
  float: left;
  width: 590px; margin-right:20px;
  
}
.index-pro-t ul li .img {
  display: block;
  width: 590px;
  height: 307px;
  position: relative;
}
.index-pro-t ul li .img img {
  display: block;
  width:590px; height:307px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.index-pro-t ul li .text {
  padding: 0;
  background: url(../images/home3.jpg) no-repeat center center;
  width: 590px;
  height: 165px;
}
.index-pro-t ul li .text .title {
  padding-top: 20px; padding-left:20px;
  height: 57px;
  border-bottom: 1px dotted #cfccc9;
}
.index-pro-t ul li .text .title .d {
  width:550px;
  line-height: 24px;
  display: block;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #736c62;
  font-size: 18px;
}
.index-pro-t ul li .text .title .d i {
  font-style: normal;
  color: #736d65;
  font-size: 14px;
  font-family: arial;
  display: inline-block;
  margin-left: 5px;
}
.index-pro-t ul li .text .title .c {
  background: url(../images/pic4.png) no-repeat left center;
}
.index-pro-t ul li .text .title .more {
  width: 25px;
  height: 25px;
  float: right;
  display: block;
  background: url(../images/pic3.png) no-repeat center center;
}
.index-pro-t ul li .text .wb {
  margin-top: 10px; padding-left:20px; padding-right:20px;
  color: #696156;
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.index-pro {
  padding-top: 60px;
  padding-bottom: 64px;
}
.index-liyou {
  width: 100%;
  height: 611px;
  background: url(../images/home-bg.jpg) no-repeat center ;
}
.index-liyou .index-ly {
  padding: 69px 0 0 0;
}
.index-liyou .index-ly .home-bt p {
  color: #444;
}
.index-liyou .index-ly .home-bt span {
  color: #444;
}
.index-liyou .index-ly .index-ly-div {
  padding-top: 65px;
}
.index-liyou .index-ly .index-ly-div ul {
  margin-left: 43px;
}
.index-liyou .index-ly .index-ly-div li {
  float: left;
  width: 190px;
  margin-right: 41px;
}
.index-liyou .index-ly .index-ly-div li i {
  display: block;
  text-align: center;
  line-height: 0;
}
.index-liyou .index-ly .index-ly-div li span {
  width: 190px;
  display: block;
  background: url(../images/home6.png) no-repeat center center; margin-top:15px;
  height: 48px;
  line-height: 48px;
  color: #FFFFFF;
  text-align: center;
  font-size: 30px;
}
.index-liyou .index-ly .index-ly-div li .w {
  text-align: center;
  color: #000;
  font-size: 15px;
  line-height: 24px;
  padding: 0 15px;
  margin-top: 15px;
  background: url(../images/xixian.jpg) no-repeat center bottom;
  padding-bottom: 10px;
}
.index-liyou .index-ly .index-ly-div li .t{
	text-align: center;
	color: #b9babe;
	font-size: 12px;
	line-height: 16px;	
	margin-top: 12px;
}

.index-liyou .index-ly .more {
  width: 166px; padding-left:40px;
  height: 37px; 
  background: url(../images/home7.png) no-repeat center ;
  margin: auto 0;
  display: block;
  line-height: 35px;
  color: #444;
  font-size: 16px;
}
.index-news-box {
  background: #edeae6;
  width: 100%;
}
.index-news-box .index-news {
  padding: 65px 0;
}


.index-equipment-box{  background: #FFF;width: 100%;}
.index-equipment-box .index-equipment {  padding: 65px 0;}
.index-equipment-box .index-equipment .e{ width:120px; margin: 0 auto; margin-top:20px;}


/**产品**/
.pro {
  margin-top: 30px;
  padding-bottom: 40px;
}
.pro .pro-bread {
  color: #999999;
  font-size: 14px;
  line-height: 34px;
}
.pro .pro-bread span {
  display: inline-block;
  float: left;
  margin-right: 16px;
}
.pro .pro-bread em {
  display: inline-block;
  float: left;
  font-style: normal;
  margin: 0 3px;
}
.pro .pro-bread a {
  border: 1px solid #fff;
  margin: 0 5px;
  display: inline-block;
  color: #999999;
  line-height: 34px;
  padding: 0 12px;
  border-radius: 3px;
  float: left;
}
.pro .pro-bread a.cur {
  color: #ffba00;
  border: 1px solid #f8b500;
}
.pro .pro-bread a b {
  font-weight: normal;
  float: left;
}
.pro .pro-bread a i {
  background: url(../images/guanbi.jpg) no-repeat center center;
  float: left;
  margin-left: 6px;
  margin-top: 13px;
  display: block;
  width: 9px;
  height: 9px;
}
.pro .pro-saixuan {
  margin-top: 15px;
  position: relative;
}
.pro .pro-saixuan .jiegou {
  display: none;
  width: 1070px;
  float: left;
  border: 1px solid #d9d9d9;
  padding: 14px 0;
}
.pro .pro-saixuan .jiegou > li {
  float: left;
}
.pro .pro-saixuan .jiegou > li .jg-img {
  float: left;
  width: 98px;
  height: 106px;
  border: 3px solid #e4ded6;
  text-align: center;
}
.pro .pro-saixuan .jiegou > li .jg-img span {
  display: inline-block;
  line-height: 0;
  margin-top: 19px;
  height: 36px;
}
.pro .pro-saixuan .jiegou > li .jg-img p {
  color: #8c7657;
  font-size: 16px;
  margin-top: 8px;
}
.pro .pro-saixuan .jiegou > li .jg-text {
  float: left;
  width: 330px;
  margin-left: 20px;
}
.pro .pro-saixuan .jiegou > li .jg-text li {
  border-bottom: 1px dotted #dadada;
  float: left;
  width: 100%;
  padding: 14px 0;
}
.pro .pro-saixuan .jiegou > li .jg-text li > a {
  margin-right: 15px;
  color: #666666;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  float: left;
}
.pro .pro-saixuan .jiegou > li .jg-text li > a:hover {
  color: #ffb820;
}
.pro .pro-saixuan .jiegou > li .jg-text li div {
  float: left;
}
.pro .pro-saixuan .jiegou > li .jg-text li div a {
  color: #999999;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  margin-right: 10px;
}
.pro .pro-saixuan .jiegou > li .jg-text li div a:hover {
  color: #ffb820;
}
.pro .pro-saixuan .jiegou > li .jg-text li .div1 {
  width: 280px;
}
.pro .pro-saixuan .jiegou > li .jg-text li .div2 {
  width: 350px;
}
.pro .pro-saixuan .jiegou > li .jg-text .last {
  border-bottom: none;
}
.pro .pro-saixuan .jiegou > li .jg-text2 {
  width: 400px;
}
.pro .pro-saixuan .jiegou .li1 {
  *width: 452px;
  width: 482px;
  padding-left: 30px;
}
.pro .pro-saixuan .jiegou .li2 {
  float: right;
  width: 550px;
  *width: 520px;
  padding-right: 30px;
}
.pro .pro-saixuan .leibie {
  min-height: 136px;
  width: 1070px;
  border: 1px solid #d9d9d9;
  background: url(../images/pro1.jpg) repeat-y left top;
}
.pro .pro-saixuan .leibie li {
  float: left;
  border-bottom: 1px dotted #d5d5d5;
}
.pro .pro-saixuan .leibie li .xilie {
  padding: 12px 0;
  width: 152px;
  float: left;
  display: block;
  text-align: center;
  color: #8c7657;
  font-size: 14px;
}
.pro .pro-saixuan .leibie li .lei {
  width: 915px;
  *width: 865px;
  padding: 12px 25px;
  float: left;
  border-left: 1px solid #d9d9d9;
}
.pro .pro-saixuan .leibie li .lei a {
  margin: 0 12px;
  display: inline-block;
  font-size: 14px;
  color: #777777;
}
.pro .pro-saixuan .leibie li .lei a b {
  font-weight: normal;
}
.pro .pro-saixuan .leibie li .lei a:hover {
  color: #ffba00;
}
.pro .pro-saixuan .leibie li .lei #fenlei {
  display: none;
}
.pro .pro-saixuan .leibie li .lei #fenlei a {
  display: inline-block;
  font-size: 14px;
  color: #777777;
}
.pro .pro-saixuan .leibie li .lei #fenlei a:hover {
  color: #ffba00;
}
.pro .pro-saixuan .cpjg {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 130px;
  height: 136px;
  background: url(../images/pro2.jpg) no-repeat center center;
  text-align: center;
}
.pro .pro-saixuan .cpjg span {
  display: inline-block;
  line-height: 0;
  margin-top: 28px;
}
.pro .pro-saixuan .cpjg p {
  color: #ffffff;
  font-size: 16px;
  margin-top: 5px;
  font-weight: bold;
}
.pro .pro-saixuan .cpjg.on,
.pro .pro-saixuan .cpjg:hover {
  background: url(../images/pro6.jpg) no-repeat center center;
}
.pro .prolist {
  margin-top: 30px;
  width: 110%;
}
.pro .prolist ul {
  overflow: hidden;
}
.pro .prolist ul li {
  float: left;
  width: 379px;
  margin-bottom: 30px;
  margin-right: 31px;
}
.pro .prolist ul li .img {
  display: block;
  width: 379px;
  height: 226px;
  position: relative;
}
.pro .prolist ul li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pro .prolist ul li .text {
  height: 45px;
  border: 1px solid #e3e3e3;
  border-top: none;
  line-height: 44px;
  padding: 0 20px;
}
.pro .prolist ul li .text a {
  display: block;
  max-width: 65%;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #666666;
  font-size: 15px;
}
.pro .prolist ul li .text span {
  display: inline-block;
  float: right;
  color: #999999;
  font-size: 15px;
}
/**联系我们**/
.contact {
  position: relative;
}
.contact .bg {
  position: absolute;
  right: 50%;
  top: 0;
  background: #faf8f5;
  width: 10000px;
  height: 615px;
}
.contact .xlwm {
  position: relative;
  z-index: 9;
  min-height: 615px;
  float: left;
  width: 50%;
  padding-right: 50px;
  text-align: right;
}
.contact .xlwm .y {
  margin-top: 126px;
  display: inline-block;
  color: #999999;
  font-size: 25px;
  text-transform: uppercase;
}
.contact .xlwm h1 {
  color: #333333;
  font-size: 30px;
  font-weight: normal;
}
.contact .xlwm h3 {
  font-weight: normal;
  color: #333333;
  font-size: 18px;
  margin-top: 30px;
}
.contact .xlwm .text {
  color: #888888;
  font-size: 15px;
  line-height: 26px;
  margin-top: 20px;
}
.contact .xlwm .img {
  margin-top: 30px;
}
.contact .xlwm .img em {
  display: block;
  width: 76px;
  height: 76px;
  margin-left: 17px;
  float: right;
}
.contact .xlwm .z {
  line-height: 0;
  height: 83px;
  margin-top: 25px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.contact .zxly {
  width: 50%;
  float: left;
  padding-left: 50px;
}
.contact .zxly .z {
  line-height: 0;
  height: 81px;
  display: block;
}
.contact .zxly h1 {
  margin-top: 75px;
  color: #333333;
  font-size: 30px;
  font-weight: normal;
}
.contact .zxly .liuyan {
  margin-top: 35px;
}
.contact .zxly .liuyan li {
  width: 238px;
  height: 46px;
  float: left;
  border: 1px solid #d7d7d7;
  margin: 0 10px 10px 0;
}
.contact .zxly .liuyan li input {
  height: 44px;
  float: left;
  width: 100%;
  line-height: 44px;
  border: none;
  padding: 0 10px;
  font-size: 14px;
}
.contact .zxly .liuyan .li2 {
  width: 486px;
  height: 160px;
  border: none;
}
.contact .zxly .liuyan .li2 textarea {
  height: 132px;
  width: 100%;
  width: 486px \9;
  float: left;
  padding: 10px;
  padding: 5px 0 5px 10px \9;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  margin-bottom: 10px;
}
.contact .zxly .liuyan .li2 p {
  float: left;
  color: #cccccc;
  padding-left: 10px;
}
.contact .zxly .liuyan .li3 {
  width: 148px;
  height: 47px;
  border: none;
}
.contact .zxly .liuyan .li3 input {
  margin-top: 10px;
  background: url(../images/contact4.jpg) no-repeat center center;
  color: #FFFFFF;
  font-size: 15px;
}
.contact-map {
  width: 100%;
  position: relative;
  height: 600px;
}


/*首页左右滚动*/
.indexcontent{ width:1200px; margin:0 auto; }
.product{ width:1200px; margin:0 auto; padding-bottom:30px;}

.pro_customers{ width:1200px; clear:both;margin-top:35px;}
.mr_frbox { height:440px;width:1200px; margin:0 auto}
.mr_frBtnL {float: left; margin: 200px 0px 0px 0px; cursor: pointer; display: inline; }
.mr_frUl { height: 414px; width:1200px;}
.mr_frBtnR { float: right; margin-top:200px; cursor: pointer; }
.mr_frUl ul li { display: block; float: left; height:407px; width: 552px; overflow: hidden; text-align:center; }
.mr_frUl ul li img { display: block; margin-bottom: 7px; border: 1px solid #D8D8D8; width:551px; height:407px;}

.nbanner{
	width:100%;
	height:400px;
	margin:0 auto;
	background: url(../images/nbanner.jpg) no-repeat top center;
}

.ncontent{
	line-height:34px; font-size:14px; margin-top:30px;
}
.ncontent p{
}

/*内页内容结束*/
.pageContent_end {
	clear:both;
	margin-top:30px;
	text-align:right;
}

.gndt_l{ float:left;width:1210px;background-color:#ececec; padding:20px; margin-bottom:20px;}
.gndt_l1{width:250px;max-height:150px;overflow:hidden;float:left;
	margin-top:10px;}
.gndt_l2{ width:910px; float:right;}
.gndt_l2 h4{ font-size:16px; font-weight:normal;  color:#683e07;}
.gndt_l2 h4:hover{
	color:#850000;
}
.gndt_l1 a, .gndt_l1 a img{
	width:250px;
	text-indent:0;
}
.sz{ float:left; width:100%; text-align:right;
	margin-bottom:20px;	
}
.sz a{
	margin:0 0 0 5px;
	display:block;
	float:left;
	text-align:center;
	line-height:27px;
}
.sz a.pageFirst, .sz a.pageLast{
	width:29px;
	height:29px;
}
.sz a.pageCurrent{
	cursor:normal;
	color:#FFF;
	width:29px;
	height:27px;
	padding:2px 0 0 0;
	background:url(../imagesp/pagebg.gif) 0 0 no-repeat;
}
.sz a.pageLink{
	color:#000;
	width:29px;
	height:27px;
	padding:2px 0 0 0;
	background:url(../imagesp/pagebg.gif) top right no-repeat;
	
}

.nlist{width:594px; margin:30px auto 0 auto;text-align:left;}
.nlist ul{width:auto;}
.nlist li{ width:280px; float:left; background-color:#d3d3d3; line-height:45px; text-align:center; margin-right:12px; margin-bottom:12px; display:block; font-size:16px;}
.nlist li a{ color:#FFF; background-color:#d3d3d3;display:block;color:#666;}
.nlist li a:hover{ background-color:#d3d3d3;display:block}
.nlist ul .cur a{color:#FFF; background-color:#a80000}



.ys{ width:100%; margin:0 auto;  background: url(../images/ys.jpg)   no-repeat center; height:640px;}