@charset "utf-8";
/* CSS Document */
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#333;overflow-x:hidden;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#333;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#48B634;text-decoration:none;}
.clearfix{zoom: 1; }
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.w1280{width: 1240px;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.fl {float: left;}
.fr {float: right;}
.top{width:100%;height:37px;border-bottom:1px solid #e7e7e7;background-color:#f4f4f4;line-height:37px;color: #666;}
.top dl{width: 60%;float:left;}
.top dt{width: 40%;float:right;text-align: right;}
.top dt a{font-size:12px;padding: 0px 5px;color:#666;}
.top dt a:hover{color:#48B634;}
.logo_l {float: left;padding:32px 0px;height:66px;width:400px;}
.logo_l dl {font-size:36px;font-weight:bold;color: #333;}
.logo_l dt {font-size:16px;color:#999;}
.logo_r {float:right;background: url(../images/tel.png) no-repeat right center;padding-right:60px;height:50px;text-align: right;padding:42px 60px 42px 0px;}
.logo_r dl{font-size:14px;}
.logo_r dt{font-size:24px;color:rgb(24,161,0);font-weight:700;}
.ewm{float:right;margin-right:20px;margin-top:17px;}
#nav{width: 100%;line-height:62px;background-color:#48b634;height:62px;}
#nav li{float:left;text-align:center;}
#nav li a{line-height:62px;display:block;height:62px;text-align:center;font-size:16px;color: #fff;}
#nav li:hover{text-decoration:none; height:62px;background-color:#18a100;}
#nav li dl{background-color:#18a100;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;}
#nav li dl dt{height:46px;line-height:46px;border-bottom:1px solid #fff;}
#nav li dl dt a{font-size:14px;height:46px;line-height:46px;}
#nav li dl dt a:hover{ background:none;font-size:15px;font-weight:bold;}
#nav li:hover dl{left:auto;}
#nav li:hover a{color: #fff;}
#curr{background-color: #18a100;}
#ss{width: 100%;height: 79px;border-bottom: 1px solid #f0f0f0;}
.rmss{float: left;line-height:79px;font-size: 14px;color: #666;;}
.rmss a{font-size: 14px;color: #666;;padding: 0px 5px;}
.rmss a:hover{color: #48b634;font-weight: bold;}
.search{margin-top:20px;float: right;border:none;line-height:38px;background: url(../images/ss.png) no-repeat center center;width: 282px;}
.sinput{color:#666;font-size:13px;height:38px;outline:none;padding-left:15px;width:230px;margin:0px;border:0px;background-color:transparent;line-height:38px;float:left;}
 #s_btn{width:35px;height:38px;text-align:center;border:none;font-size:12px;outline:none;float:left;background-color: transparent;}
.title{text-align: center;}
.title li{font-size: 38px;font-weight: bold;}
.title li span{color:#31b015;}
.title p{background: url(../images/line.png) no-repeat center center;font-size:18px;color:#999;line-height:40px;}
.icpfl{width: 250px;float:left;margin-right: 20px;}
.icpfl ol{height: 78px;font-weight: bold;font-size: 24px;color: #fff;background: url(../images/cpfl.png) no-repeat 199px center #48b634;line-height: 78px;text-indent: 24px;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.icpfl ul{background: #f7f7f7;padding: 15px 5px;}
.icpfl ul li{background: url(../images/li.png) no-repeat 220px center;padding: 0px 5px;}
.icpfl ul li a{font-size: 15px;color:#666;}
.icpfl ul li:hover{background: url(../images/lih.png) no-repeat 220px center #48b634;}
.icpfl ul li:hover a{color: #fff;}
.icpfl dl{height:60px;padding:25px 0;text-align:center;background-color:#48b634;}
.icpfl dl dt{font-size:18px;color:#fff;}
.icpfl dl p{font-size:26px;font-weight:bold;color:#fff;line-height:30px;padding-left:30px;background: url(../images/tel1.png) no-repeat left center;display:inline-block;}
.cpzs{float: right;}
.cpzs .tabli {height:78px;background:#f7f7f7;margin-bottom: 20px;}
.cpzs .tabli ul li{width:188px;text-align:center;line-height:78px;background:#e8e8e8;font-size:18px;color:#333;float:left;}
.cpzs .tabli ul li.cur {background: #48b634;color:#fff;}
.cpzs .tabli .c1-right-tel {font-size: 16px;color:#666;line-height:78px;padding-left:40px;background:url(../images/tel2.png) no-repeat left center;position:absolute;top:0;right:20px;}
.cpzs .tabli .c1-right-tel span {font-weight: bold;color: #48b634;font-size:26px;}
.tab {display: none;}
.tab ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tab ul li{width: 23%;}
.tab ul li a{width:100%;box-shadow: 1px 1px 6px #ccc;display: inline-block;overflow: hidden;}
.tab ul li a img{transition: all 0.6s;}
.tab ul li:hover a img{transition: all 0.6s;transform: scale(1.3);}
.tab ul li p{text-align: center;line-height:46px;height:46px;font-size:15px;color: #444;overflow: hidden;}
.tab ul li:hover p{color: #48b634;font-weight: bold;}
.tab ul ol{width:31.333%;}
.tab ul ol a{width:100%;box-shadow: 1px 1px 6px #ccc;display: inline-block;overflow: hidden;}
.tab ul ol a img{transition: all 0.6s;}
.tab ul ol:hover a img{transition: all 0.6s;transform: scale(1.3);}
.tab ul ol p{text-align: center;line-height:66px;height:66px;font-size:15px;color: #444;overflow: hidden;}
.tab ul ol:hover p{color: #48b634;font-weight: bold;}
.ysbg {background: url(../images/ys.jpg)center no-repeat;height:575px;padding-top:50px;}
.ysbg-r{width:590px;margin-left: 50px;}
.title1 li{text-align: center;color: #48b634;font-size: 36px;font-weight: bold;}
.title1 p{padding:19px 0 33px;text-align: center;color: #666;font-size: 18px;}
.ys-item {float:left;width:237px;height:170px;margin-right:20px;background:#ffffff;margin-bottom:26px;text-align:center;padding: 20px 24px 0px;}
.ys-item:nth-child(odd) {margin-right:0;}
.ys-item li{padding: 20px 0 15px;color: #333;font-size: 20px;font-weight: 500;}
.ys-item p{color: #666;font-size: 12px;line-height: 20px;}
.ys-item:hover {box-shadow: 0px 5px 20px #ececec;}
.ys-item:hover img {filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(64deg) brightness(102%) contrast(93%);}
.ys-item:hover li {color: #48b634;font-weight: bold;}
.picScroll-left{position: relative;}
.picScroll-left .bd{overflow: hidden;}
.picScroll-left .bd ul li {;float: left;margin: 0 10px;}
.picScroll-left .bd ul li a {display: block;overflow: hidden;}
.picScroll-left .bd ul li img{transition: all 0.6s;}
.picScroll-left .bd ul li:hover a img{transition: all 0.6s;transform: scale(1.3);}
.picScroll-left a.next{display: block;width:60px;height: 60px;background: url(../images/right.png) no-repeat center;position: absolute;right: -60px;cursor: pointer;}
.picScroll-left a.next:hover{background:url(../images/righth.png) no-repeat center;}
.picScroll-left a.prev {display: block;width:60px;height:60px;background:url(../images/left.png) no-repeat center;position: absolute;left:-60px;cursor:pointer;}
.picScroll-left a.prev:hover{background: url(../images/lefth.png) no-repeat center;}
.ys{width:100%;background: url(../images/ysbj.jpg) no-repeat center bottom #F1F1F3;padding: 50px 0px;}
.ys1 li {margin-bottom: 30px;}
.ys1 li .ysimg {width: 50%;float: left;}
.ys1 li .ysimg img{width: 100%;height: 100%;}
.ys1 li .wz {width: 47%;float: right;}
.ys1 li:nth-child(2n) .ysimg{float:right;}
.ys1 li:nth-child(2n) .wz{float: left;}
.ys1 li .wz .wz-tlt {padding-left:90px;position: relative;padding-top:30px;padding-bottom:20px;}
.ys1 li .wz .wz-tlt ol{font-size:28px;font-weight:bold;color:#333333;}
.ys1 li .wz .wz-tlt p {font-size: 17px;color: #666;line-height: 30px;}
.ys1 li .wz .wz-tlt dt {width: 74px;height: 85px;background: url(../images/ys.png) no-repeat center;text-align: center;line-height: 85px;color: #fff;font-size: 48px;font-weight: bold;position: absolute;left:0;top:10px;}
.ys1 li .wz .wz-con {font-size: 16px;color: #383838;line-height: 30px;}
.ys1 li .wz .wz-tu {width: 100%;margin-top:20px;}
.ys1 li:nth-child(4) .wz-tel{font-size: 16px;font-weight: bold;color: #31b015;margin-top: 30px;}
.ys1 li:nth-child(4) .wz-tel span{font-size: 24px;}
.ys1 li:nth-child(4) a.ljzx {display:block;width:220px;height:40px;background:#31b015;box-shadow:0 0 20px #31b015;border-radius: 20px;text-align: center;font-size:14px;color:#fff;line-height:40px;margin-top:20px;}
.h-about {background: url(../images/about.jpg) repeat-x bottom center;padding-bottom: 60px;}
.h-about-box {background: #fff;margin-top:30px;}
.h-about-left {width: 49%;overflow: hidden;}
.h-about-left img {width: 100%;transition: all .6s;height: 100%;}
.h-about-left:hover img {transform: scale(1.1);}
.h-about-right {width: 47%;padding: 2% 2% 0 2%;}
.title2 li {color:#040203;font-size:44px;font-weight: bold;padding-bottom: 7px;}
.title2 p {color: #333;font-size: 24px;}
.about-con {color: #666;font-size: 14px;line-height:32px;padding:15px 0;}
.about-con p{text-indent: 2em;}
.more-a {display: block;width: 206px;height: 50px;color: #fff;background: #31b015;text-align: center;border-radius: 5px;transition: all .6s;font-size: 14px;line-height: 50px;}
.more-a:hover {color: #fff;padding-left: 15px;}
.ab-tu {margin-top:30px;}
.ab-tu .tabli2{width: 200px;}
.ab-tu .ab-tu-img {float: right;}
.ab-tu .tabli2 ul li {width: 200px;height: 70px;background: #d3d3d3;text-align: center;font-size: 22px;color: #333;padding-top: 20px;cursor: pointer;}
.ab-tu .tabli2 ul li span{display: block;font-size: 12px;color: #999;text-transform: uppercase;}
.ab-tu .tabli2 ul li.cur {background: url(../images/cur.png) no-repeat center;color: #fff;}
.ab-tu .tabli2 ul li.cur span {color: rgba(255, 255, 255, 0.5);}
.ab-tu .ab-tu-img .tab2 {display: none;}
.ab-tu .ab-tu-img .picScroll-left2 .bd {overflow: hidden;}
.ab-tu .ab-tu-img .picScroll-left2 .bd ul li {float: left;margin-right: 18px;}
.news-top-t {border-bottom: 1px solid #eee;margin-bottom: 30px;}
.news-top-t li {float: left;color: #333;font-size: 22px;}
.news-top-t li b {display: inline-block;margin: 0 0 0px 14px;color: #999;font-size: 14px;font-weight: normal;}
.more-n {display: block;width: 24px;height: 24px;background: url(../images/more.png);margin-bottom: 18px;}
.h-news-a .xwimg {width: 280px;height:196px;overflow: hidden;}
.h-news-a .xwimg img {transition: all .6s;width: 280px;height:196px;}
.h-news-a:hover img {transform: scale(1.1);}
.news-a-con {margin-left: 300px;}
.news-a-con li {color: #333;font-size: 16px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 12px 0;font-weight: bold;}
.news-a-con p {color: #999;font-size:14px;line-height: 24px;}
.news-a-con span {display: inline-block;width: 28px;height: 28px;margin-top: 10px;background: url(../images/more1.png);}
.h-news-b {border: 1px solid #eee;padding: 22px 20px 0 23px;margin-top: 28px;}
.h-news-b li{line-height: 36px;}
.h-news-b li a{ color: #666;font-size: 14px;}
.h-news-b li span{float: right;color: #999;}
.h-news-b li:hover a{color: #31b015;font-weight: bold;}
.h-news-b li a::before{content: '';left: 0;height:6px;width:6px;transition: all .6s;border: 1px solid #31b015;display: inline-block;margin-right: 5px;}
.h-news-b li:hover a::before{background: #31b015;}
#ydemo {height: 390px;overflow: hidden;}
.h-news-c a {display: block;padding: 20px 0;border-bottom: 1px dashed #dcdcdc;}
.h-news-c a:first-child {padding-top: 0;}
.h-news-c a:last-child {border-bottom: none;}
.h-news-c .pic {width: 160px;overflow: hidden;box-shadow: 1px 1px 6px #ccc;margin-left: 5px;}
.h-news-c .pic img {width: 100%;height: auto;transition: all .6s;}
.h-news-c .news-c-con {margin-left: 185px;}
.news-c-con li {color: #333;font-size: 16px;padding: 15px 0 16px;font-weight: bold;}
.news-c-con .newscon {color: #999;font-size: 14px;line-height: 24px;}
.h-news-c a:hover img {transform: scale(1.1);}
.h-news-c a:hover li {color: #31b015;}
.foot-bg{background: #252526;border-top: 6px solid #31b015;padding: 42px 0px 10px 0px;color: #bdbdbd;}
.foot-bg a{color: #bdbdbd;}
.foot-bg a:hover{color: #31b015;}
.flogo{width: 150px;float: left;margin-right: 50px;margin-top:120px;}
.flogo li{color: #fff;font-size: 32px;font-weight: bold;}
.flogo p{text-transform: uppercase;}
.dbcpfl{width:549px;float: left;position: relative;border-right: 1px solid #323233;margin-right: 40px;}
.dbcpfl li{color: #fff;padding-left:15px;font-size: 20px;padding-bottom: 27px;}
.dbcpfl li::before{content:'';top:7px;left: 0px;width: 6px;height: 16px;background: #31b015;position: absolute;}
.dbcpfl p{line-height: 30px;width: 50%;float: left;}
.dbcpfl p a{font-size: 13px;color: #bdbdbd;}
.dlxwm{width:260px;float: left;position: relative;}
.dlxwm li{color: #fff;padding-left:15px;font-size: 20px;padding-bottom: 27px;}
.dlxwm li::before{content:'';top:7px;left: 0px;width: 6px;height: 16px;background: #31b015;position: absolute;}
.dlxwm p{color: #bdbdbd;position: relative;padding-left: 16px;font-size: 13px;line-height: 30px;}
.dlxwm p::before{position: absolute;content: '';top: 11px;left: 0;width: 3px;height: 3px;background: #bdbdbd;}
.ewm1{width: 150px;float: right;line-height: 36px;text-align: center;margin-top: 50px;}
.copyright{border-top: 1px solid rgba(255, 255, 255, 0.24);margin-top: 20px;text-align: center;line-height:28px;padding-top: 10px;}
.yqlj{width: 100%;background-color: #252526;color: #bdbdbd;text-align: center;line-height: 32px;font-size: 14px;}
.yqlj a{color: #31b015;font-size: 14px;}
/*内页样式*/
#left{ width:230px; float:left; margin-right:20px; margin-top:30px;margin-bottom: 20px;}
#right{width:950px; float:right; margin-top:30px;margin-bottom: 20px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 1px solid #ccc;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:40px;height: 3px;background-color: #31b015;margin:8px auto 0px auto;}
.mup1{height:26px; line-height:26px; border-bottom:#ccc 1px solid; margin-bottom:10px; background:url(../images/new_jt.jpg) no-repeat 10px center; padding-left:20px; font-size:14px; color:#000;margin-top: 10px;}
.mup{width: 100%;background-color: #EFEFEF;border-bottom: 1px solid #DFDEDE;height: 42px;line-height: 42px;font-size: 14px;}
.mup img{margin-right: 5px;}
.mup span{float: right;}
.mup span a{font-size: 16px;}
.hg{line-height:30px;}
.tittle{text-align: center;font-size:24px;font-weight: bold;margin-bottom: 10px;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #31b015;}
.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right:4%; background:url(../images/cion01.gif) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.nyxw2:nth-child(2n){margin-right: 0px;}
.nyxw2 a:hover{color: #31b015;}
.page{text-align: center;margin: 10px auto 10px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #31b015;border: 1px solid #31b015;}
.page li:hover a{color: #fff;}
.current{background-color: #31b015!important;border: 1px solid #31b015!important;}
.current a{color: #fff!important;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/cion01.gif) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;}
.inews ul li a:hover{color: #31b015;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
/*内页样式*/
.nr{line-height:36px;font-size:14px;margin-bottom:20px;}
.pubdate{text-align: center;font-size:16px;}
.nr a{font-size: 14px;}
.info{margin-bottom: 20px;}
.left{width:240px;float: left;margin-right: 20px;}
.right{float: left;}
.cpfl{width: 240px;float: left;margin-right:20px;background-color: #f3f3f3;}
.cpfl ul{color: #fff;font-size: 22px;text-align: center;background-color: #31b015;height: 50px;padding:20px 0px;}
.cpfl ul p{font-size: 15px;text-transform: uppercase;}
.cpfl li{height:44px;line-height:44px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:10px;}
.cpfl li a{font-size:14px;}
.cpfl li:hover{transition:all .2s ease; text-indent:20px;background-color:#31b015;}
.cpfl li:hover a{color:#fff;}
.cpfl dl{background-color: #31b015;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}
.cpfl dt{padding: 0px 10px;line-height:32px;font-size: 14px;}
.nlx{ margin-top: 15px; }
.nlxt{ height: 42px; line-height: 42px; background: #31b015; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ padding:0px 0px 0px 5px; line-height:38px; font-size: 14px; border: 1px solid #CCCCCC;}
.info img{max-width:940px;height: auto;}
table{border-collapse: collapse;}
.cp_l{ width:420px; margin-right:30px;}
.cp_r dl{border-bottom:1px solid #EEEEEE;font-size: 22px;font-weight: bold;background-color: #FAFAFA;line-height: 40px;height: 40px;border-left: 2px solid #31b015;padding-left: 10px;}
.cp_r ul{background-color: #FDFDFD;padding: 10px;margin-bottom:5px;}
.cp_r ul li{color: #31b015;font-size: 16px;}
.cp_r ul ol img{float: left;width: 130px;margin-right: 10px;}
.cp_r ul ol p{line-height: 26px;font-size: 13px;text-indent: 2em;}
.cp_r dd{font-size: 14px;line-height: 26px;}
.cp_r dt{margin-top:10px;padding: 15px 20px;font-size: 14px;color: #666;background-color: #efefef;border-radius: 15px;overflow: hidden;line-height:31px;}
#preview{ float:none; margin:0px auto; text-align:center; width:420px;}
.jqzoom{width:410px;height:410px;position:relative; border: 1px solid #DDDDDD;display: table-cell; vertical-align: middle; padding: 4px;}
.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:420px;height:56px; padding-top:6px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:5px;display:inline;position:relative; width:390px; margin-right:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{padding:2px;border:1px solid #ccc; width:50px; height:50px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:430px;height:430px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;margin-left:0px; width: 100% !important;}
.nyxx{background: #fafafa;color: #444;line-height: 36px;font-weight: bold;font-size: 15px;border-radius: 5px;margin: 10px 0px;}
.nyxx i{background: #31b015;width: 2px;height: 20px;display: block;float: left;margin: 8px 10px 0px 0px;}
@media screen and (min-width:1400px){
.moddle{ width:1400px;}	
#nav li{width:175px;}	
#nav li dl{width:265px;margin-left: -45px;}
.rmss{width:926px;}
.icpfl ul li{height:38px;line-height:38px;}
.cpzs{width:1130px;}
.tab ul ol a img{width: 100%;height:auto;}
.tab ul li a img{width: 100%;height:350px;}	
.picScroll-left .bd ul li {width:330px;margin: 0 10px;}
.picScroll-left .bd ul li img {width:330px;height:260px;}
.picScroll-left a.next{top:100px;}
.picScroll-left a.prev{top:100px;}
.ab-tu .ab-tu-img {width:1180px;}	
.ab-tu .ab-tu-img .picScroll-left2 .bd ul li {width: 277px;height: 180px;}
.ab-tu .ab-tu-img .picScroll-left2 .bd ul li img{width: 277px;height: 180px;}	
.news-l{width:685px;}	
.news-r{width:685px;}		
/*内页*/
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #31b015;}
.right{width:1140px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:276px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:274px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:274px;height:274px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #31b015;}
.cp_r{ width:690px;}
}
/*左侧工具条*/
#toolbar {position: fixed;z-index: 9999;right: 0px;bottom: 15%;}
#toolbar li {margin-bottom: 3px;font-size: 0;width: 57px;height: 57px;right: 0;position: relative;}
#toolbar li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;background: #282828;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;}
#toolbar li .icon-font {display: inline-block;vertical-align: middle;width: 57px;height: 57px;background-color: #5CB85C;color: #fff;}
#toolbar li .icon-qq:after {background-position: 0 -150px;}
#toolbar li .icon-phone:after {background-position: 0 -90px;}
#toolbar li .icon-ewm:after {background-position: 0 -30px;}
#toolbar li .icon-message:after {background-position: 0 -120px;}
#toolbar li .icon-top:after {background-position: 0 -60px;}
#toolbar li .icon-wangwang:after {background-position: 0 0;}
#toolbar li .wz {display: inline-block;line-height: 57px;font-size: 18px;color: #fff;vertical-align: middle; padding-left: 10px;}
#toolbar li .wz1 {display: inline-block;line-height: 57px;font-size: 20px;font-family: impact;color: #fff;vertical-align: middle;padding-left: 0px;}
.icon-font {position: relative;}
.icon-font:after {content: "";width: 30px;height: 30px;background-image: url(../images/icon_spirit.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}
#toolbar li.ewm2 .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #282828;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm2 .ewm-box p {margin-bottom: 0;}
#toolbar li.ewm2 .ewm-box img {max-width: 100%;}
#toolbar li.ewm2 .ewm-box:after {content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #282828;border-right: none;}
#toolbar li.ewm2:hover .icon {background-position: -57px -180px;}
#toolbar li.ewm2:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.backtop {cursor: pointer;}
#toolbar li.backtop .iconfont {color: #fff;background-color: #292e39;}
#toolbar li:hover a {width: 280px;}
#toolbar li:hover .icon-font {background-color: #282828;}
#toolbar li:hover .icon-qq:after {background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after {background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after {background-position: -30px -30px;}
#toolbar li:hover .icon-message:after {background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after {background-position: -30px 0;}
#toolbar li:hover .icon-top:after {background-position: -30px -60px;}