@charset "utf-8";
/*公共样式*/

.side_contact{margin-top:30px;}

.side_left{width:850px; padding:20px; float: left; min-height:500px; background:#fff; border:1px solid #eee; margin-bottom:30px;}

.newslist{ float:left; width:850px;overflow:hidden;}
.newslist ol{ float:left;width:850px;overflow:hidden; }
.newslist ol li{float:left;width:850px; padding:15px 0;overflow:hidden;border-bottom:1px solid #f0f2f5}
.newslist ol li img{float:left;width:210px; height:160px; margin-right:20px;}
.newslist ol li p a{float:left;width:620px;height:30px;line-height:30px;font-size:18px; color:#2a333c; font-weight: normal; }
.newslist ol li span{float:left;width:620px; padding-top:2px; line-height:28px; font-size:14px; color:#747474;font-weight: normal; }
.newslist ol li dd{float:left;  line-height:30px; padding-left:20px; font-size:12px; color:#666; font-weight: normal; background:url(../images/time.jpg) no-repeat left 8px }
.newslist ol li:hover p a{ color:#29b065; }
.newslist ol li:hover img{filter: alpha(opacity: 60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}


.newsarticle{ float:left; width:850px;overflow:hidden;}

.newsarticle li{width:850px;height:35px; font-weight:normal;line-height:35px; background:url(../images/dian1.jpg) no-repeat left 15px}
.newsarticle li span.time{float:right;}
.newstit{width:850px;font-size:28px;line-height:40px;font-weight:500;color:#37474f; }
.newstit1{width:850px;font-size:28px; height:48px;font-weight:500;color:#37474f;border-bottom:1px solid #f0f2f5; }
.newstit1 p{ float:left;line-height:46px; padding:0 5px; border-bottom:2px solid #2bb268;}




.news_stit{width:850px;height:43px;line-height:33px;font-size:14px; color:#a3afb7; border-bottom:1px solid #f0f2f5;}
.news_content{float:left;width:850px;font-size:14px;overflow:hidden; line-height:26px; color:#4c4c4c; margin-top:20px;}
.news_content img{ padding:15px 0;}

.context{ float:left; width:100%;}



.witnesslist{ float:left; width:850px;overflow:hidden;}
.witnesslist ol{ float:left;width:850px;overflow:hidden; }
.witnesslist ol li{float:left;width:850px; padding:15px 0;overflow:hidden;border-bottom:1px solid #f0f2f5}
.witnesslist ol li img{float:left;width:250px; height:147px; margin-right:20px;}
.witnesslist ol li p a{float:left;width:580px;height:30px;line-height:30px;font-size:18px; color:#2a333c; font-weight: normal; }
.witnesslist ol li span{float:left;width:580px; padding-top:2px; line-height:28px; font-size:14px; color:#747474;font-weight: normal; }
.witnesslist ol li dd{float:left;  line-height:30px; padding-left:20px; font-size:12px; color:#666; font-weight: normal; background:url(../images/time.jpg) no-repeat left 8px }
.witnesslist ol li:hover p a{ color:#29b065; }
.witnesslist ol li:hover img{filter: alpha(opacity: 60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}







.foot_news{float: left; width:848px; margin-top:20px; overflow:hidden; border:1px solid #ececec; margin-bottom:10px;}
.foot_news ol{float: left; width:848px; line-height:40px; font-size:16px; height:40px; border-bottom:1px solid #ececec; }
.foot_news ol h2{float:left; padding-left:10px; font-size:18px; height:40px; line-height:40px; font-weight:normal;  }
.foot_news ol h3{float:right; font-weight:normal; text-transform:uppercase; font-size:14px; padding-right:15px;}
.foot_news ul {float:left;width:848px;overflow:hidden;margin-top:10px; padding-bottom:10px; }
.foot_news ul li{float:left;width:378px;overflow:hidden; height:40px; line-height:40px; font-size:14px; padding-left:25px; margin-left:15px; border-bottom:1px solid #f2f2f2; background:url(../images/left_bg_r.png) no-repeat 10px 18px; white-space: nowrap; text-overflow: ellipsis;}


.foot_pro{float: left; width:848px; margin-top:20px; overflow:hidden; border:1px solid #ececec; margin-bottom:10px;}
.foot_pro ol{float: left; width:848px; line-height:40px; font-size:16px; height:40px; border-bottom:1px solid #ececec; }
.foot_pro ol h2{float:left; padding-left:10px; font-size:18px; height:40px; line-height:40px; font-weight:normal;  }
.foot_pro ol h3{float:right; font-weight:normal; text-transform:uppercase; font-size:14px; padding-right:15px;}
.foot_pro ul {float:left;width:848px;overflow:hidden;margin-top:20px; padding-bottom:20px; }
.foot_pro ul li{float:left; width:260px; height:210px; margin-left:16px;}
.foot_pro ul li img{float:left; width:260px; height:170px; border:1px solid #f2f2f2}
.foot_pro ul li p{float:left;width:260px;overflow:hidden; text-align:center; height:40px; line-height:40px; font-size:14px; white-space: nowrap; text-overflow: ellipsis; background:#f2f2f2}




.side_right{width: 280px;min-height:500px; float: right;border:1px solid #eee; background:#fff; margin-bottom:30px;}


.met-news-bar { background: #fff; padding: 20px;}
.met-news-bar ul.column { padding: 0; list-style: none }
.met-news-bar ul.column h3 { font-size: 18px; font-weight: 300; margin:10px 0; line-height:35px;  border-bottom: 1px solid #f0f2f5;}

.met-news-bar ul.column li { margin-bottom: 10px }
.met-news-bar ul.column li a { font-size: 16px; color: #2a333c }
.met-news-bar ul.column li a:hover { color: #2db469 }
.met-news-bar ul.column li a.active { color: #2db469 }
.met-news-bar .recommend { margin: 20px 0; padding: 20px 0; margin-top: 0; border-bottom: 1px solid #f0f2f5 }
.met-news-bar .recommend h3 { font-size: 18px; font-weight: 300; margin: 0 }
.met-news-bar .recommend .list-group { margin-top: 10px; margin-bottom: 0 ; border-bottom: 1px solid #f0f2f5;}
.met-news-bar .recommend .list-group ul{}
.met-news-bar .recommend .list-group li{color: #2a333c; line-height:24px; padding:5px 10px; font-size: 14px;border: 1px solid #f0f2f5; border-bottom:none; }
.met-news-bar .recommend .list-group li:hover{ color: #2db469 }

.met-news-bar .recommend .list-group1 { margin-top: 10px; }
.met-news-bar .recommend .list-group1 dl { float:left; margin-bottom:10px; }
.met-news-bar .recommend .list-group1 dl dt { border:1px solid #f2f2f2; }
.met-news-bar .recommend .list-group1 dl dt img{  max-width: 100%; height: auto; vertical-align: middle; }
.met-news-bar .recommend .list-group1 dl dd{float:left; width:100%; text-align:center; line-height:34px; background:#f2f2f2;  }


.side_right #fixed.is_stuck{position: fixed; top: 120px; padding: 20px; margin-left: -20px; margin-top: 0; background: #fff;}


.search_form1{height: 34px; width:240px; border: 1px solid #e4eaec; border-radius: 20px;}
.search_form1 input[type="text"]{display: block; background: none; width:186px; height: 34px; line-height: 34px; float: left; padding: 0 10px;}
.search_form1 input[type="submit"]{display: block; width: 34px; height: 34px; float: right; background: url(../images/arrow_btn.png) no-repeat -265px -144px; cursor: pointer;}


.subnav {width:100%;margin: 0 auto; border-bottom:1px solid #e8e8e8;}
.subnav .pronav {text-align:center;}
.subnav .pronav li{height:50px;margin: 0 9px;cursor: pointer;color: #90939b;line-height:40px;display: inline-block; font-size:16px;}
.subnav .pronav li:hover {color:#25ac61;transition: all 0.5s ease 0s;}
.subnav .pronav .click {color:#25ac61; background:url(../images/pronav_bg.jpg) no-repeat center bottom;}



.container { max-width: 100%; background:#fff; padding:20px 0;}
.container1 {max-width: 100%; background:#fff; padding-top:20px;}

.tui_pro{margin: 25px auto; width:1200px; overflow:hidden; }
.tui_pro ul{float:left;width:1240px;overflow:hidden;}
.tui_pro ul li{float:left;width:380px; overflow:hidden;margin-left:25px; margin-top:15px;}
.tui_pro ul li .propic{float:left;width:380px; height:250px; overflow:hidden;}
.tui_pro ul li .propic img{width: 380px; height:250px; transition: all .5s;}
.tui_pro ul li:hover .propic img{width: 380px; height:250px;  transform: scale(1.1); transition: all .5s;}
.tui_pro ul li .proname_t{ width:380px;text-align:center;height:50px;line-height:50px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;background-color: #e6ede6;}
.tui_pro ul li:hover .proname_t{background-color: #11944b;color:#fff;}



.pro_proitem{margin:10px auto; width:1200px; overflow:hidden; }
.pro_proitem ul{margin: 0 -15px;}
.pro_proitem li{width: 380px; float: left; margin: 18px 15px;}
.pro_propic {width: 380px; height:250px; overflow:hidden;}
.pro_propic img{width: 380px; height:250px; transition: all .3s;}
.pro_propic:hover img{width: 380px; height:250px;  transform: scale(1.1); transition: all .3s;}
.pro_proname{height: 60px; background: #fff; margin-top: 2px; padding-left: 14px; padding-right: 170px; position: relative;}
.pro_proname_t{height: 60px; line-height: 60px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro_proname_t a{color: #737373;}
.pro_proname > a{display: block; width: 80px; height: 60px; background-image: url(../images/arrow_btn.png); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0;}
.pro_proname > a.pro_a1{right: 80px; background-color: #e6ede6;}
.pro_proname > a.pro_a2{right: 0; background-color: #04863e; background-position: -80px 0;}
.pro_proname > a:hover{filter: alpha(opacity: 80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8;}









.pro_tui{ float:left; width:100%; padding:30px 0; background:#fff;}
.pro_con{margin: 0 auto; width:1200px; }


/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:600px;height:396px;border:1px solid #DFDFDF;}

.spec-scroll{margin-top:5px;width:540px; float:right; margin-top:20px;}
.spec-scroll .prev{float:left;margin-right:4px; }
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:100px; line-height:100px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;border-radius:2px;}
.spec-scroll .items{float:left;position:relative;width:510px;height:120px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:120px;}
.spec-scroll .items ul li{float:left;width:170px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:152px;height:100px;}
.spec-scroll .items ul li img:hover{border:1px solid #0b8d45;}


.previe12{float:left; width:610px; overflow:hidden;}
.previe34{float:right; width:540px; margin-top:10px; height:40px; line-height:30px; font-size:24px; overflow:hidden; }
.previe34 h2{float:left;width:540px;font-size:24px; color:#333; font-weight:400;}
.previe45{float:right; width:520px; margin-top:10px; max-height:220px; line-height:27px; font-size:14px; overflow:hidden; background:#f2f2f2; padding:10px;border-radius:3px;}

.pro_details{ float:left; width:850px; line-height:28px;}
.pro_details .title{ float:left; width:850px; height:40px; line-height:40px; border-bottom:1px solid #e4eaec; margin-bottom:20px;}
.pro_details .title h2{ float:left; padding:0 5px;border-bottom:2px solid #0b8d45; font-size:18px; font-weight:normal;}



/*CSS pageinfo style pagination*/
.pageinfo_box{ float:left;width:100%; margin-top:30px; overflow: hidden;}
.pageinfo {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:3px;  text-align: center; line-height:25px; font-size:14px; }
.pageinfo a {border: #323232 1px solid; padding-right: 5px;padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #323232; padding-top: 2px;  text-decoration: none}
.pageinfo a:hover {border: #323232 1px solid;color: #ff0000; }
.pageinfo a:active {border: #323232 1px solid;color: #ff0000;}
.pageinfo .thisclass {border: #323232 1px solid; padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px;  background-color: #323232}
.pageinfo .disabled {border: #323232 1px solid;padding-bottom: 2px; padding-right: 5px;padding-left: 5px; color: #323232; margin-right: 2px; padding-top: 2px; }
.pageinfo strong{color: #ff0000; padding:0 3px;}


        }
    
.yfeye{
    overflow: hidden;
}
.yfeye li{
    float: left;
    padding: 10px;
    font-size: 16px;
}
.yfeye li a:hover{
    color: #188EEE;
}