@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}
body{
	font-size:14px;
    margin:0px;
	padding:0px;
	text-align:left;
	color:#333333;
	font-family:"微软雅黑";
	font-size:14px;	
}
img{ border:0; }
form, input, textarea, table, h1, h3, h4, h5, h6{
	font-family:"微软雅黑";
	font-size: 12px; margin:0px; padding:0px;
	
}

span{ border:0px;}

h1{ font-size:16px;}

h3{ background:none;}


a{
	text-decoration: none;
	blr:expression(this.onFocus=this.blur());
	color:#6E6E6E; padding:0px; margin:0px;
	
}
a:hover{text-decoration:none; }
ul, li{ list-style:none; margin:0px; padding:0px;}
ul{ list-style:none; margin:0px; padding:0px;}
ul, li, dd{ list-style:none; margin:0px; padding:0px;}
ul, li, dt{ list-style:none; margin:0px; padding:0px;}
.clear{margin: 0;padding: 0;clear: both;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



a{ color:#5f5f5f;
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus{ 
    -moz-outline-style: none;   /*    FF    */
}




.fl{ float:left}

.fr{ float:right}

.w828{ width:82.8%; margin:auto;max-width: 1280px;}
.w945{ width:100%; margin:auto;}

.header{ position:absolute; z-index:999; top:0; width:100%;}
.header .top{ height:40px; line-height:40px; background:#1a8b47; color:#fff; max-width: 1280px;
    margin: 0 auto;}
.nav{ height:82px; width:100%; background:#f3fef7 url(../images/navbg.jpg) repeat-x bottom;max-width: 1280px;
    margin: 0 auto;}
.logo{ width:15.2%; float:left; background:url(../images/lbg.jpg) no-repeat center right;}
.logox{ width:90%; padding-left:0%; display:block;  -webkit-transition: all 1s ease-in-out; 
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out;	
-ms-transition: all 1s ease-in-out;	
transition: all 1s ease-in-out;}
.logox:hover{
	 -webkit-transform: scale(1.1) ;
 -moz-transform: scale(1.1) );	
 -o-transform: scale(1.1) );	
 -ms-transform: scale(1.1) );	
  transform: scale(1.1) ;
	
	}



.nav ul{ width:70%;  float:right; padding-top:18px;}
.nav ul li{ width:13%; float:left; text-align:center; margin:0 1.5%; position:relative; z-index:99; }
.nav ul li a{ font-size:18px; color:#000; height:78px; display:block; height:36px; line-height:36px; width:100%; margin:auto;}
.nav ul li:hover a{ color:#fff; font-size:20px; border-bottom:#fff 1px solid;}
.nav ul li dl{ width:100%;  display:none; z-index:99; padding-top:10px;}
.nav ul li:hover dl{ display:block;}
.nav ul li:hover dl dd a{ height:30px; line-height:30px; font-size:14px; border-bottom:none; 
 }
.nav ul li:hover{ background:url(../images/png.png) repeat; border-radius:10px}
.search{ width:16.5%; float:right;}
.search img{ width:90%;}

.content{ /*background:#d0dad2;*/ width:100%;     overflow: hidden;}

.banner{ position:relative; }
.flexslider{position:relative;overflow:hidden; width:100%; z-index:1; margin:0px auto;}
.slides{position:relative;z-index:1;}
.slides li{}
.slides li img{ width:100%;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:60px;height:5px;margin:0 8px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:60px;height:5px;line-height:450px;overflow:hidden; cursor:pointer; background:#c6d0d9;}
.flex-control-nav .flex-active{background:#fff; }

.xlink{ position:absolute; bottom:0; right:0; z-index:9999; width:100%;}
.alink{  padding-top:20px; padding-bottom:15px; text-align:right; float:right; }
.alink a{ margin-right:20px; display:inline-block;}
.alink a img{ display:block;}
.alink a .img2{ display:none;}
.alink a:hover .img1{ display:none;}
.alink a:hover .img2{ display:block;}

.new{ width:49.4%; float:left;}
.new .mune{ color:#1a8b47; font-size:18px; display:inline; border-bottom:#1a8b47 1px solid; padding-right:20px; line-height:24px;}
.new .mune span{ color:#ee9b16; font-size:14px; padding-left:5px;}
.leftLoop{ padding-top:7px;}
.new .bd{ width:100%;}
.new .bd li{ background:#85cad2;}
.new .bd li img{ width:57.5%; display:block; float:right;}
.new .bd li .newtext{ width:42.5%; height:100%; float:left; position:relative;}
.new .bd li .newtext .title{ width:80%; font-size:18px; line-height:28px; color:#fff; position:absolute; top:5px; left:10%;}
.new .bd li .newtext .time{ font-size:14px; color:#fff; position:absolute; width:80%; left:10%; top:40%;}
.new .bd li .newtext .summary{ font-size:14px; color:#fff; position:absolute; width:80%; left:10%; top:55%;}
.new .bd li .newtext .more{  font-size:14px; color:#fff; position:absolute;  left:10%; bottom:5%; display:inline;}
.new .bd li .newtext .more:hover{  font-size:14px; color:#fff; position:absolute;  left:10%; bottom:5%; padding-right:20px; display:inline;}
.new .bd li .newtext .more:hover a{ color:#ee9b16;  background:url(../images/hj.png) no-repeat right center;}
.new .bd li .newtext .more a{ color:#fff;  padding-right:20px; background:url(../images/bj.png) no-repeat right center;}
.new .hd{ width:100%; padding-top:10px; padding-left:30%; }
.new .hd ul{ text-align:center; }
.new .hd li{ width:6.7%; height:5px; background:#dedede; float:left; margin-right:5px; overflow:hidden; line-height:40px; cursor:pointer;}
.new .hd li.on{ background:#ee9b16;}
.box1{ padding-top:50px; padding-bottom:40px; border-bottom:#1a8b47 1px solid;}

.qikan{ width:48.4%; float:right; overflow:hidden;}

.qikan .newimgq{ width:100%; display:block;}
.qikan .mune{  }
.qikan .mune a{ color:#1a8b47; font-size:18px; display:inline; padding-right:20px; line-height:24px; border-bottom:#1a8b47 1px solid;}
.qikan .mune a span{ color:#ee9b16; font-size:14px; padding-left:5px;}
.qikan .mune a:hover { border-bottom:#ee9b16 1px solid;}
.qikan .bd{ width:100%; padding-top:7px; }
.qikan .bd li{ background:#;}
.qikan .bd li .qimune { height:42px;}
.qikan .bd li .qimune a{ display:block; width:24%; height:40px; text-align:center; background:#66a576; color:#fff; text-align:center; float:left; margin-right:1.333%; line-height:40px;}
.qikan .bd li .qimune a:nth-child(4n){ float:right; margin-right:0px;}
.qikan .bd li .qimune a.tabactive{ height:42px;}

.qikanli{ background:#66a576; overflow:hidden; }
.qikan .bd li img{ width:47.5%; display:block; float:right;}
.qikan .bd li .qtext{ width:52.5%; height:100%; float:left; position:relative;  overflow:hidden;}
.qikan .bd li .qtext .title{ width:80%; font-size:20px; line-height:28px; color:#fff; position:absolute; top:5px; left:10%;}
.qikan .bd li .qtext .time{ font-size:14px; color:#fff; position:absolute; width:80%; left:10%; top:46%;}
.qikan .bd li .qtext .summary{ font-size:14px; color:#fff; position:absolute; width:80%; left:10%; top:55%;    text-align: left;}
.qikan .bd li .qtext .more{  font-size:14px; color:#fff; position:absolute;  left:10%; bottom:5%; display:inline;}
.qikan .bd li .qtext .more a{ color:#fff;  background:url(../images/bj.png) no-repeat right center; padding-right:20px;}
.qikan .bd li .qtext .more:hover{ }
.qikan .bd li .qtext .more:hover a{ color:#ee9b16; background:url(../images/hj.png) no-repeat right center;}

.qikan .hd{ width:100%; padding-top:10px; padding-left:30%; }
.qikan .hd ul{ text-align:center; }
.qikan .hd li{ width:6.7%; height:5px; background:#dedede; float:left; margin-right:5px; overflow:hidden; line-height:40px; cursor:pointer;}
.qikan .hd li.on{ background:#ee9b16;}

.picScroll-left{ width:100%; overflow:hidden;}


.product{ padding-top:50px; padding-bottom:15px;}
.product .mune{ color:#1a8b47; font-size:18px; display:inline; border-bottom:#1a8b47 1px solid; padding-right:20px; line-height:24px;}
.product .mune span{ color:#ee9b16; font-size:14px; padding-left:5px;}
.product ul{ padding-top:8px;}
.product ul li{ width:240px; float:left;height: 386px;}
.product ul li .prbg{ padding:20px; width:200px;}
/*.product .picMarquee-left .bd ul li:hover .prbg{width:200px;height: 386px;background:url(../images/newbg.png) no-repeat; background-size:100% 100%; }*/

.product ul li img{ width:100%; display:block;}
.product ul li:nth-child(4n){ float:right; margin-right:0;}
.product ul li .text{ height:125px; width:100%; background:#b6cbb8;}
.product ul li .text .title{ font-size:18px; color:#fff; text-align:center; padding-top:32px;}
.product ul li .text .summary{ font-size:14px; margin:20px auto; background:url(../images/bj.png) no-repeat center right;  text-align:left; width:54%; color:#fff;}
.product ul li .text .summary a{ color:#fff;}
.product ul li .text .summary:hover{ background:url(../images/hj.png) no-repeat center right;}
.product ul li .text .summary a:hover{ color:#ee9b16;}



.footer{ height:280px;   background:#edf6ef url(../images/navbg.jpg) repeat-x top;}
.footer ul{ width:16.5%; float:left; border-right:#fff 1px solid; height:240px; margin-top:24px;}
.footer ul li{ padding-left:28%; height:30px; line-height:30px;}
.footer ul li a{ color:#646464; font-size:12px;}
.footer ul li:first-child { line-height:50px; padding-top:10px; height:50px;}
.footer ul li:first-child  a{ color:#646464; font-size:18px;}
.footer .ewm{ width:17%; float:right;}
.footer .ewm img{ width:70%; margin:36px auto; display:block;}

.fottext{ height:77px; background:#e1e8ea;}
.fottext a{ line-height:77px; margin:0 40px;}

.nynew li{ width:31%; float:left; height:325px; margin-right:3%; }
.nynew  li:nth-child(3n){ float:right; margin-right:0;}
.nynew li img{ width:53.3%; float:left; display:block;min-height: 150px;}
.nynew li .nynewtext{ width:38%; float:right; position:relative;}
.nynew li a{ display:block;  background:#f5faf7; height:515px;}
.newbg{ padding:1%; width:98%; width:84.4%; padding:30px 7.8%; height:455px;}
.nynew li:hover .newbg{ background:url(../images/newbg.png) no-repeat; background-size:100% 100%;}
.nynew li .title{ font-size:18px; color:#000000; font-weight:bold;}
.nynew li .time{ position:absolute; font-size:12px; color:#000000; bottom:0;}
.nynew .summary{ color:#000000; font-size:14px; line-height:22px; padding-top:40px; height:154px; overflow:hidden;}
.nynew li:hover .title{ color:#5287c8;}
.nynew li:hover .summary{ color:#5287c8;}
.nynew li:hover .time{ color:#5287c8;}

.location{ height:28px; line-height:28px; border-bottom:#ffdc38 1px solid; font-size:16px; color:#1a8b47; padding-top:45px; margin-bottom:15px;}

.con_left{ width:13.3%; background:#77b48f; margin-top:-3px;}
.con_left ul{ padding-top:44px;}
.con_left ul li{ height:64px; width:100%; text-align:center;}
.con_left ul li a{ display:block; line-height:64px; color:#fff;}
.con_left ul li.active{ background:#589871;} 
.con_left ul li:hover{  background:#589871;}

.con_right{ width:86.7%; position:relative; }
.con_right img{ width:100%; display:block; }
.nyabout{ width:100%; position:absolute; left:0; top:0px;}
.nyaboutmian{  color:#000; font-family:"宋体"; line-height:28px;}

.nyabout.lc{ position:static;}



.qitashipin ul{  padding-top:20px;}
.qitashipin ul li{ float:left;  width:31.9%; margin-right:2.15%; padding-bottom:30px; position:relative;}
.qitashipin ul li:nth-child(3n){ float:right; margin-right:0;}
.qitashipin ul li img{display:block; width:100%;}
.qitashipin ul li .shipintext{ width:100%; height:100%; color:#fff; background:url(../images/png.png); position:absolute; top:0; left:0; text-align:center; display:none;}
.qitashipin ul li .title{ width:90%; margin:auto; padding-top:75px;}

.qitashipin ul li .summary{ width:90%; margin:auto; padding-top:15px;}
.qitashipin ul li:hover .shipintext{ display:block;}

/* 翻页效果 */

.pageList{ line-height:40px; margin-top:10px; text-align:center; }

.p_n1{  padding:3px; padding-left:4px; padding-right:4px; text-align:center; color:#000; background:#;font-weight:bold;  }

.p_n2{  padding:3px; padding-left:4px; padding-right:4px; text-align:center;  color:#000; font-size:12px;  }

.p_n2 a{color:#000; font-size:12px;}


.danye img{ display:block; margin:auto; max-width:100%;}

.daoyu{ height:60px; line-height:60px; text-align:center; font-size:22px; color:#efb857;}

.pronav{ height:68px; width:100%; background:#44a169;}
.pronav ul li{ width:14.2%; height:68px; float:left; line-height:68px;}
.pronav ul li a{ display:block; font-size:18px; color:#fff; text-align:center;}
.pronav ul li.active{ background:#267245;}
.pronav ul li:first-child{ width:14.8%;}
.pronav ul li:hover{  background:#267245;}

.nyproduct ul{ padding-bottom:30px;}
.nyproduct ul li{ padding:40px 0;  margin-top:20px;}
.nyproduct ul li .pitem{ width:94.5%; margin:auto; display:block;}

.nyproduct ul li .pitem img{   float:left; display:block;  width:30%; height:290px  }
.nyproduct ul li .pitem .text{ width:60%; float:right; position:relative;}
.nyproduct ul li .pitem .text .title{ font-size:22px; color:#000000; line-height:32px;}
.nyproduct ul li .pitem .text .shuoming{ color:#000000; font-size:15px; line-height:30px; padding-top:15px; overflow:hidden; height:128px;}
.nyproduct ul li .pitem .text .more{ width:226px; height:50px; background:#e7ad4f; line-height:50px; color:#fff; text-align:center;  border-radius:6px; position:absolute; left:0; bottom:0px;}
.nyproduct ul li:hover{ background:url(../images/product.png) no-repeat; background-size:100% 100%;}
 .protan{ background:url(../images/png.png); position:fixed; left:0; top:0; z-index:999;}


.protan{ width:100%; display:none; }
.protanmian {}
.procontent { background:#fff; width:74%;   margin:auto; max-width: 1000px;}

.procontent .mune{ position:relative;}
.proclose{right:-20px;top:-21px;width:34px;height:30px;background-position:-5px -252px;cursor:pointer;overflow:hidden;_right:3px;_top:3px;_width:14px;_height:14px;_background-position:-31px -7px; background-image: url(../images/xubox_ico0.png) ; transition: 0.5s; position: absolute;}
.proclose:hover{ background-position:-44px -252px;_background-position:-51px -7px}

.procontent .mune img{ width:100%;}
.procontent span{}
.prodanye{ width:100%;}

.pleft{ width:13%; height:600px;  cursor:pointer;}
.pright{ width:13%; height:600px;  cursor:pointer;}


#mainBox {   
    width: 100%;   
 
    position: relative;   
    overflow: hidden; height:600px; 
	
	
}  
.lcmain #content { position:static;height:auto;}

.lcmain #mainBox { position:static;height:auto;}

#content {   
    position: absolute;     padding-bottom:20px; 
    left:0;   
    top:0; width:100%;
	
	
} 

.word_box_left{ width:90%; margin:auto;}
  
.scrollDiv {   
    width:7px;   
    position:absolute;   
    top:0;   
    background:#febf01; 
    border-radius:10px; 
	
	
	
} 

.prodanye{ color:#000000; font-size:14px; line-height:30px;}

.probottom{ width:100%; border-top:#ee9b11 1px solid; color:#ee9b11; line-height:50px; text-align:center;}


.ptoimgx{ padding:110px 0;}
.ptoimgx img{ width:30%; float:left; display:block;}
.ptoimgx .text{ width:58%; padding-left:5%; float:left;font-size:15px; line-height:32px;}
.ptoimgx .title{ font-size:24px; color:#000000; line-height:40px;}
.ptoimgx .nbiaoqian{ font-size:16px; color:#000; font-weight:bold; line-height:80px;}
.ptoimgx .spcon{ color:#000000; font-size:14px; line-height:30px;}

.dianm{ padding-bottom:40px;}
.dianm .dshi{ float:left; cursor:pointer;}
.dianm .dshi img{ display:block;}
.dianm .fenxiang{ float:right;  padding-top:20px; }
.dianm .dmore{ float:right;  width:226px; height:50px; background:#e7ad4f; line-height:50px; color:#fff; text-align:center;  border-radius:6px;  margin-top:20px; margin-right:20px; cursor:pointer;}


.bcai{ padding:40px 0; border-top:#1a8b47 1px solid; border-bottom:#1a8b47 1px solid;}
.bcai ul li{ width:25%; float:left;}
.bcai ul li img{ width:53%; float:left;}
.bcai ul li .text{ width:40%; float:left; color:#1a8b47; padding-left:5%;}

.danye{ color:#000000; line-height:30px; padding:30px 0;}

.qikan{}







.picMarquee-left{ width:100%;  overflow:hidden; position:relative;margin-top: 8px;}
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 20px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:100%; height:273px; display:block;}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ height: 60px;
    width: 100%;
    background: #b6cbb8;}
.title1 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding-top: 18px;
}
.summary{ font-size:14px; margin:10px auto; /* background:url(../images/bj.png) no-repeat center right; */  text-align:left; width:54%; color:#fff;}
.summary a{ color:#fff;}
.summary:hover{ /* background:url(../images/hj.png) no-repeat center right; */}
.summary a:hover{ color:#ee9b16;}
.right_logo{position: absolute;left: 0;top: -50%;}


.nynew .panel-img-box a {
    color: #fff;
    text-decoration: none;
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.nynew .panel-img-box.mr {
    
}
.nynew li:nth-of-type(3n+3){ margin-right:0;}
.nynew .panel-img-box {
    width:100%;
    margin-bottom: 30px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
	position: relative;
	margin-right: 30px;
	height:292px;
}
.nynew .img-box img {
    float: none;
}
.nynew .panel-img-box img {
    width: 100%;
    height: 100%;
}
.nynew .panel-img-box img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    position: relative;
}
.nynew .panel-img-box .text-box {
  width: 90%;
  height: auto;
  position: absolute;
  left: 0;
  color: #fff;
  text-align: left;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 4;
  bottom: -35px;
  padding: 15px;
  font-size: 14px;
}

.nynew .panel-img-box .text-box .category {
  font-size: 0.875em;
  line-height: 1.8em;
  color: #fff;
}

.nynew .panel-img-box .text-box .name {
  line-height: 1.4em;
  font-weight: bold;
  margin: 0;
  font-size: 1.2em;
}

.nynew .panel-img-box .text-box .text {
  font-size: 0.75em;
  line-height: 1.8em;
  opacity: 0.7;
  display: none;
}

.nynew .panel-img-box .text-box .read-more {
  opacity: 1;
  margin-top: 15px;
}
.nynew .img-box {
    position: relative;
}
.nynew .panel-img-box .mask {
    visibility: visible;
    opacity: 1;
    height: 70%;
    width: 100%;
    content: "";
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
    display: block;
    top: auto;
    bottom: 0;
	position: absolute;
	left:0;
}


.nynew .panel-img-box:hover .text-box {
    bottom: 0;
}
.nynew .panel-img-box:hover .text-box .read-more {
    visibility: visible;
    opacity: 1;
  }
  
.nynew .panel-img-box:hover .mask {
    opacity: 1;
    visibility: visible;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background-image: url(/images/mask_grad.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 100%;
}  




.picList .sypanel-img-box a {
    color: #fff;
    text-decoration: none;
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.picList .sypanel-img-box.mr {
    
}
.picList li:nth-of-type(3n+3){ margin-right:0;}
.picList .sypanel-img-box {
    width:100%;
    margin-bottom: 30px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
	position: relative;
	margin-right: 30px;
	height:292px;
}
.picList .syimg-box img {
    float: none;
}
.picList .sypanel-img-box img {
    width: 100%;
    height: 100%;
}
.picList .sypanel-img-box img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    position: relative;
}
.picList .sypanel-img-box .sytext-box {
  width: 90%;
  height: auto;
  position: absolute;
  left: 0;
  color: #fff;
  text-align: left;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 4;
  bottom: -35px;
  padding: 15px;
  font-size: 14px;
}

.picList .sypanel-img-box .sytext-box .category {
  font-size: 0.875em;
  line-height: 1.8em;
  color: #fff;
}

.picList .sypanel-img-box .sytext-box .name {
  line-height: 1.4em;
  font-weight: bold;
  margin: 0;
  font-size: 1.2em;
}

.picList .sypanel-img-box .sytext-box .text {
  font-size: 0.75em;
  line-height: 1.8em;
  opacity: 0.7;
  display: none;
}


.synew .mune{ color:#1a8b47; font-size:18px; display:inline; border-bottom:#1a8b47 1px solid; padding-right:20px; line-height:24px;}
.synew .mune span{ color:#ee9b16; font-size:14px; padding-left:5px;}



.picList .sypanel-img-box .sytext-box .read-more {
  opacity: 1;
  margin-top: 15px;
}
.picList .syimg-box {
    position: relative;
}
.picList .sypanel-img-box .symask {
    visibility: visible;
    opacity: 1;
    height: 70%;
    width: 100%;
    content: "";
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%);
    display: block;
    top: auto;
    bottom: 0;
	position: absolute;
	left:0;
}


.picList .sypanel-img-box:hover .sytext-box {
    bottom: 0;
}
.picList .sypanel-img-box:hover .sytext-box .read-more {
    visibility: visible;
    opacity: 1;
  }
.picList li {
    width: 31%;
    float: left;
    height: 293px;
    margin-right: 3%;
}  
.picList .sypanel-img-box:hover .symask {
    opacity: 1;
    visibility: visible;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background-image: url(/images/mask_grad.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 100%;
}