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

/*全局样式*/
*{ margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
input,button,select,textarea{outline:none}
li{list-style:none}
img{border:0;}
textarea{resize:none}
body,div,span,ul,li,p,h1,h2,h3,h4,h5,h6,img,input, textare{ margin:0; padding:0; }
body{ font-size:12px;color: #666;}
body{ word-wrap : break-word ;word-break:break-all; min-height: 100%; _height:100%;}
a{ text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
a{ outline:none;}/*去除超链接虚线框*/
a:active{star:expression(this.onFocus=this.blur());}/*去除ie下超链接虚线框*/
a:focus{ outline:0;}/*去除火狐下超链接的虚线*/
a{ text-decoration:none; color:#000}
.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}/*清除浮动*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.fl{ float:left}
.fr{ float:right}
.main{ width:100%; min-width:1400px; max-width:1920px; margin:0 auto; overflow:hidden}
.main2{ width:100%; min-width:1400px; max-width:1920px; margin:0 auto; overflow:hidden;position: absolute}
.w1200{width: 1200px;margin: 0 auto;}
/*------------------------------------------公共头部样式开始------------------------------------------*/
.top-nav{height: 34px;line-height: 34px;background: #eee;color: #666;font-size: 12px;}
.top-nav a{color: #666;display: inline-block;background: url("img/wx2.png") no-repeat left center;padding-left: 30px;margin-left:15px;}
.top-nav a:hover{background: url("img/wx.png") no-repeat left center;}
.top-nav a.a2{background: url("img/dh.png") no-repeat left center;padding-left:19px;}
.top-nav a.a2:hover{background: url("img/dh2.png") no-repeat left center;}
.top-nav a.a3{background: url("img/sc2.png") no-repeat left center;padding-left:25px;}
.top-nav a.a3:hover{background: url("img/sc.png") no-repeat left center;}
.top-nav a.a4{background: url("img/dt.png") no-repeat left center;padding-left:25px;}
.top-nav a.a4:hover{background: url("img/dt2.png") no-repeat left center;}
.head{ width:100%; min-width:1400px; max-width:1920px; margin:0 auto; overflow:hidden;}
.head_text{ width:1200px; margin:0 auto;padding:30px 0;}
.logo{ float:left;margin-top: 3px;}
.logo img{float:left;}
.logo h1{margin-top: 9px;float:right; font-size:18px; color:#666;line-height:30px;border-left: 1px solid #cacaca;padding-left:22px;margin-left: 12px;}
.logo h1 span{display: block;color: #009a44;font-size: 20px; font-weight:900;}
.rx{ float:right;text-align: left;background: url("img/phone.png") no-repeat left center;padding-left:75px;}
.rx h2{ font-size:14px; color:#666;padding-bottom: 4px;}
.rx h3{ font-size:26px; color:#fc8f2a; font-weight:bold;font-family: initial;line-height: 30px;}.r-top{position: relative;}.wx-ewm{position: absolute;top: 34px;left: 0;display: none;}.sj-ewm{top: 34px;left:96px;position: absolute;display: none;}
.top-nav a.a1:hover .wx-ewm{display: block;}.top-nav a.a2:hover .sj-ewm{display: block;}
.nav{width:100%;min-width:1200px;max-width:1920px;margin:0 auto;background-color:#009a44;}
.nav_text{width:1200px;margin:0 auto;height:60px;}
.nav li{float:left;position:relative}
.nav li h3 a{display:block;width:133px;height:60px;text-align:center;line-height:60px;font-size:16px;color:#fff}
.nav li:hover h3 a,.nav li h3 a.cur{background:#fc8f2a;}
.nav li .sub{width:133px;padding:0;position:absolute;left:0%;top:60px;background:#fff;z-index:1000;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);}
.nav .sub dd{text-align:center;border-top: 1px solid #eee;padding: 0 10px;}
.nav .sub dd a{color:#666;display:block;zoom:1;height:47px;line-height:47px;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;transition: all 0.2s ease-in-out 0s;}
.nav .sub dd a:hover{color:#fc8f2a;text-indent: 10px;}
.nav .sub dd:first-child{border-top: none;}
.nav li:hover .sub{opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);}
/*banner*/
.ck-slide{width:100%;height:500px;margin: 0 auto;}
.ck-slide ul{margin: 0;padding: 0;list-style-type: none;}
.ck-slide{position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper{top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li{position: absolute;}
.ck-slide ul.ck-slide-wrapper li a{display: block;}
.ck-slide .ck-prev,.ck-slide .ck-next{position: absolute; top: 50%; z-index: 2; width:50px; height:50px; margin-top: -35px;opacity: .15; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev{left:100px; background:url(img/left.png) 50% no-repeat;}
.ck-slide .ck-next{right: 100px; background:url(img/right.png) 50% no-repeat;}
.ck-slidebox{position: absolute; left: 50%; bottom:34px; z-index: 30;}
.ck-slidebox ul{height:4px;}
.ck-slidebox ul li{float: left; height:15px; margin: 0 6px;}
.ck-slidebox ul li em{display: block; width:13px; height:13px;text-indent:-9999px;cursor:pointer;border:2px solid #fff;border-radius: 100%;}
.ck-slidebox ul li.current em{border: 2px solid #fc8f2a;background:#fc8f2a;}
.ck-slidebox ul li em:hover{border: 2px solid #fc8f2a;background:#fc8f2a;}

#index-banner .item {
    height: 500px;
}

#index-banner {
    height: 500px;
}

#index-banner li {
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-radius: 50%;
    vertical-align: middle;
    border:2px solid #fff;
    margin:0 6px;
}

#index-banner li.active {
    border: 2px solid #fc8f2a;background:#fc8f2a;
}

#index-banner .ctrl {
    position: absolute;
    top: 200px;
}

#index-banner .ctrl-prev {
    left: 0;
    width: 50px;
    height: 50px;
    background:url('img/left.png') no-repeat center;
}

#index-banner .ctrl-next {
    right: 0;
    width: 50px;
    height: 50px;
    background:url('img/right.png') no-repeat center;
}



.searchbox{height: 34px;line-height: 34px;background: #f3f3f3;padding: 8px 0;}
.hot b{color: #333;font-size: 14px;}
.hot a{display: inline-block;color: #666;font-size: 14px;border-right: 1px solid #666;padding: 0 10px;height:14px;line-height: 14px;}
.hot a:last-child{border-right: none;}
.hot a:hover{color:#fc8f2a;}
.searchbox input{border: none;height: 32px;border-radius: 16px;width: 240px;}
.searchbox .search{border: 1px solid #ddd;border-radius: 16px;background: #fff;padding-left: 10px;width: 288px;height: 32px;}
.searchbox button{border: none;background: none;padding:6px 12px;cursor: pointer;}
.title{text-align: center;color: #666;font-size:22px;}
.title h1{color: #009a44;font-size:40px;font-weight: bold;margin-bottom:2px;}
.title span{display: block;margin: 24px 0 0 0;}
.part01{padding: 68px 0;}
.part01 .left{width:220px;border: 2px solid #009a44;padding-bottom:20px;}
.part01 .right{width: 960px;}
.part01 .left h1{height:70px;text-align:center;line-height:70px;color:#fff;font-size:24px;background:#009a44;}
.sort{padding:10px 10px 0 10px;}
.sort dt a,.sort dt{margin: 8px 0;height:58px;line-height:58px;color:#fff;font-size:16px;background:#009a44 url("img/jia.png") no-repeat 12px center;padding-left:33px;display: block;}
.sort dt a{background: none;padding-left: 0;margin: 0;}
.sort dd a{color:#666;font-size:14px;display: block;line-height:28px;padding-left:33px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.tab-tit a{display: inline-block;height: 70px;width:237px;background: #f3f3f3;text-align: center;line-height: 70px;color: #333;font-size:18px;}
.tab-tit a:hover,.tab-tit a.on{background: #009a44 url("img/move.png") no-repeat 83% center;color: #fff;}
.tab-con .goods{display: none;}
.goods{padding-top: 20px;}
.goods li .pic{width: 309px;height:252px;overflow: hidden;}
.goods li .pic img{-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;width:100%;height: 100%;display: block;margin: 0 auto;}
.goods li{float: left;width: 309px;margin-right:16px;margin-top:18px;text-align: center;}
.goods li a p{height:48px;line-height: 48px;color: #666;font-size: 16px;}
.part01 .goods li:nth-child(3n){margin-right: 0;}
.goods li:hover a p,.sort dd a:hover,.sort dd a.on{color:#009a44;font-weight: bold;}
.sort dd a:hover{margin-left: 10px;transition: all 0.3s;}
.goods li:hover .pic{box-shadow: 0 2px 15px rgba(0,0,0,0.3);}
.goods li:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);}
.part02{padding:15px 0;background: url("img/ggt.png") no-repeat;background-size:100% 100%;height: 175px;}
.part02 .left{width:620px;overflow: hidden;}
.part02 .right{width:400px;overflow: hidden;padding-left:180px;}
.part02 h1{color:rgba(255,255,255,0.3);font-size:85px;font-family: tahoma;text-transform: uppercase;}
.part02 p{color: #fff;font-size: 16px;line-height:30px;}
.part02 h2{margin-bottom:6px;font-size:20px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.3);width:570px;padding-bottom:6px;margin-top: -40px;}
.part02 h2 em{font-style: normal;font-size: 34px;}
.part02 span{display: block;color: #fff;font-size: 16px;padding: 15px 0 7px 0;}
.part02 h3{color: #fff;font-size: 34px;margin-bottom: 10px;}
.part02 h4{width: 242px;height: 42px;text-align: center;line-height: 42px;color: #fff;font-size: 16px;background: #fc8f2a;}

.part03{padding:77px 0 0px 0;background: url("img/bg2.jpg") no-repeat;}
.part03 .four{padding:64px 0;}
.part03 h1{text-align: center;}
.part03 li{padding-bottom:48px;}
.part03 li .img{width:625px;}
.part03 li .wz{width:566px;position: relative;}
.part03 li h2{letter-spacing: -0.5px;color: #333;font-size: 22px;background: url("img/ys.png") no-repeat;height: 201px;line-height: 204px;}
.part03 li h2 span{margin-right: 15px;display: inline-block;color: #fff;font-size: 47px;font-family: "arial, helvetica, sans-serif";float: left;width: 97px;text-align: center;}
.part03 li p{color: #333;font-size: 15px;line-height:28px;clear: both;}
.part03 li p em{display: inline-block;width:8px;height: 8px;background: #fff;border: 1px solid #38c374;border-radius: 50%;margin:10px 10px 40px 0;float: left;}
.part03 li .bq{margin: -30px 0 0 23px;position: absolute;width: 530px;}
.part04{background: #f8f8f8;padding: 76px 0 0 0;}
.part03 li:nth-child(4) p em{margin-bottom: 20px;}
.part03 li:nth-child(3) h2{background: url("img/ys2.png") no-repeat;}
.part05{padding: 80px 0;}
.part05 .left{width: 656px;}
.part05 .right{width:520px;padding-top:8px;}
.part05 .right p{color: #333;font-size: 20px;margin-top: 30px;}
.part05 .right p em{display: inline-block;width: 26px;height: 26px;border-radius: 50%;text-align: center;line-height: 26px;background: #009b44;color: #fff;font-style: normal;font-size: 16px;margin-right: 12px;}
.part05 .right h2{margin-top: 36px;line-height:54px;background: #009b44;color: #fff;font-size: 18px;text-align: center;}
.part05 .part5{padding-top:75px;}
.part6{padding: 48px 0;}
.part6 li{float: left;width: 380px;margin-right:30px;text-align: center;}
.part6 li:nth-child(3n){margin-right: 0;}
.part6 li .deco{padding: 44px 20px 15px 20px;background: #f3f3f3;position: relative;transition: .35s;z-index: 5;}
.part6 li h2{color: #333;font-size: 20px;font-weight: bold;}
.part6 li h2 em{display: block;width: 44px;height: 2px;background: #009a44;margin:15px auto;}
.part6 li p{color: #666;font-size: 14px;line-height: 22px;height: 88px;overflow: hidden;}
.part6 li .deco:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #009a44;
    z-index: -1;
    opacity: 0;
    transform: scale(1.2);
    transition: .35s;   
}
.part6 li:hover .deco:after {
    opacity: 1;
    transform: scale(1); 
}
.part6 li:hover h2,.part6 li:hover p{color: #fff;}
.part6 li:hover h2 em{background: #fff;}
.part6 li .pic{width: 380px;height:212px;overflow: hidden;}
.part6 li .pic img{-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;}
.part6 li:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.3);}
.part6 li:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);}
.part07{background: url("img/bg.jpg") no-repeat;padding: 68px 0 55px 0;}
.part07 .title,.part07 .title h1{color: #fff;}
.part07 .left{width: 590px;}
.part07 .right{width: 590px;margin-top:10px;}
.part07 h2{color: #adfed1;font-size: 16px;letter-spacing:3px;text-transform: uppercase;font-family: Arial;margin-bottom: 18px;}
.part07 p a{color: #fff;font-size: 16px;line-height: 32px;}
.part7{padding-top: 40px;}
.items_text ul{ overflow:hidden;margin-top: 56px;}
.items_text ul li{ float:left; width:96px;height: 96px;border: 1px solid #dcffec;margin-right: 32px;}
.items_text ul li a{transition: all 0.3s;display: block; width:96px; height:36px; font-size: 14px; color: #dcffec; text-align: center;padding: 60px 0 0 0;}
.items_text ul li a.icon01{ background:url(img/a1.png) center 22px no-repeat}
.items_text ul li:hover a.icon01{background:url(img/a01.png) center 22px no-repeat}
.items_text ul li a.icon02{ background:url(img/a2.png) center 22px no-repeat}
.items_text ul li:hover a.icon02{background:url(img/a02.png) center 22px no-repeat}
.items_text ul li a.icon03{ background:url(img/a3.png) center 22px no-repeat}
.items_text ul li:hover a.icon03{background:url(img/a03.png) center 22px no-repeat}
.items_text ul li:hover{background:#dcffec;}
.items_text ul li:hover a{color: #009a44;}
.part08 li{float: left;width: 102px;text-align: center;margin:0 34.5px;color: #333;font-size: 14px;position: relative;}
.part08 li div{margin-bottom: 14px;width: 102px;height: 102px;-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
.part08 li .ico{background: url("img/quan.png") no-repeat;}
.part08 li:hover .ico{background: url("img/quan01.png") no-repeat;}
.part08 li .ico2{background: url("img/quan2.png") no-repeat;}
.part08 li:hover .ico2{background: url("img/quan02.png") no-repeat;}
.part08 li .ico3{background: url("img/quan3.png") no-repeat;}
.part08 li:hover .ico3{background: url("img/quan03.png") no-repeat;}
.part08 li .ico4{background: url("img/quan4.png") no-repeat;}
.part08 li:hover .ico4{background: url("img/quan04.png") no-repeat;}
.part08 li .ico5{background: url("img/quan5.png") no-repeat;}
.part08 li:hover .ico5{background: url("img/quan05.png") no-repeat;}
.part08 li .ico6{background: url("img/quan6.png") no-repeat;}
.part08 li:hover .ico6{background: url("img/quan06.png") no-repeat;}
.part08 li .ico7{background: url("img/quan7.png") no-repeat;}
.part08 li:hover .ico7{background: url("img/quan07.png") no-repeat;}
.part08 li span{display: block;position: absolute;right:-41px;top: 43px;}
.part8{padding: 48px 0 30px 0;}
.part08,.part09{padding:67px 0 45px 0;}
.part08 li:hover div{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.part9,.tabbox2{padding: 42px 0 20px 0;}
.part09 li{float: left;width: 293px;margin:0 9px 9px 0;}
.part09 li:nth-child(4n){margin-right: 0;}
.part9 li p{background: #f5f5f5;position: relative;transition: .35s;z-index: 5;height: 56px;line-height: 56px;color: #333;font-size: 18px;font-weight: bold;text-align: center;}
.part9 li p:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #009a44;
    z-index: -1;
    opacity: 0;
    transform: scale(1.2);
    transition: .35s;   
}
.part9 li:hover p:after {
    opacity: 1;
    transform: scale(1); 
}
.part9 li .pic{width: 293px;height: 230px;overflow: hidden;}
.part9 li .pic img{width: 293px;height: 230px;-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;}
.part9 li:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.3);}
.part9 li:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);}
.part9 li:hover p{color: #fff;}
.ggw{width: 100%;height: auto;}
.part04 .show{display: none;margin: 36px 0;}
.show .nn-list{width: 645px;}
.show .nn-list2{width:520px;}
.nn-list li{margin-bottom:18px;}
.nn-list li .img{width: 221px;height: 129px;overflow: hidden;}
.nn-list li .img img{width: 100%;height: auto;}
.nn-list li .text{width: 380px;padding: 0 22px;}
.show li h2 a{display: block;color: #333;font-size: 18px;margin-top: 6px;margin-bottom: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.show li p a{color: #666;font-size: 14px;line-height:26px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.nn-list li:hover{box-shadow: 0 2px 10px rgba(0,0,0,0.2);}
.nn-list li:hover h2 a{color: #009a44;}
.tab-tit2{text-align: center;}
.tab-tit2 a{display: inline-block;width: 138px;height:38px;border: 1px solid #dcdcdc;line-height:38px;color: #666;font-size:16px;margin: 0 5px;}
.tab-tit2 a.cur{background:#009a44;border: 1px solid #009a44;color: #fff;}
.nn-list li span{display: block;color: #666;font-size: 14px;margin-bottom: 9px;}
.nn-list li .img img{-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;}
.nn-list li:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);}
.nn-list2 li{margin-left: 0;margin-bottom:12px;border-bottom: 1px solid #eaeaea;height: 58px;line-height: 59px;}
.nn-list2 li a{color: #333;font-size: 16px;padding:0 45px 0 30px;display: block;background: url("img/nn2.png") no-repeat right center;width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.nn-list2 li a b{color: #000;display: inline-block;margin-right: 30px;}
.nn-list2 li:hover{background:#009a44;}
.nn-list2 li:hover a b,.nn-list2 li:hover a{color: #fff;}
.nn-list2 li:hover a{background:url("img/nn.png") no-repeat right center;}
.nn-list2 li:hover{margin-left: 10px;transition: all 0.3s;}
.footer{background: #009a44;padding: 26px 0;color: #fff;font-size: 14px;}
.footer .f-menu{padding-top: 5px;}
.footer h2{font-size: 22px;}
.footer h2 span{display: block;font-size: 18px;color: #fff;}
.f-menu a{width:105px;display:block;background: url("img/ff.png") no-repeat left center;padding-left: 13px;color: #fff;font-size: 14px;margin-top: 20px;float: left;}
.f-left{width: 380px;margin-right: 20px;}
.f-left h4{color: #fc8f2a;font-family: arial;font-size: 36px;}
.f-center{border-left: 1px solid #4db87c;border-right: 1px solid #4db87c;padding:0px 45px;}
.f-center p{line-height:28px;}
.f-center p a{display:block;color: #fff;font-size: 14px; }
.f-right{width:140px;}
.f-right img{width: 104px;height: 104px;display: block;margin:30px auto 0 auto;}
.f-center h2{padding-bottom: 21px;}
 
.banner-box {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
  
.side{position:fixed;width:78px;right:30px;top:240px; z-index:100; border:1px solid #e0e0e0; background:#ffffff; border-bottom:0;}
.side ul li{width:78px;height:78px;float:left;position:relative; border-bottom:1px solid #e0e0e0;color:#333; font-size:14px; line-height:38px; text-align:center;transition:all 0.3s; cursor:pointer;}
.side ul li:hover{background:#009a44; color:#fff;}
.side ul li:hover a{ color:#fff;}
.side ul li i{height:25px; margin-bottom:1px; display:block; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 25px; margin-top:14px;transition:all 0.3s;}
.side ul li i.bgs1{ background-image:url(img/right_pic5.png);}
.side ul li i.bgs2{ background-image:url(img/right_pic5.png);}
.side ul li i.bgs3{ background-image:url(img/right_pic2.png);}
.side ul li i.bgs4{ background-image:url(img/right_pic1.png);}
.side ul li i.bgs5{ background-image:url(img/right_pic7.png);}
.side ul li i.bgs6{ background-image:url(img/right_pic6_on.png);}
.side ul li:hover i.bgs1{background-image:url(img/right_pic5_on.png);}
.side ul li:hover i.bgs2{background-image:url(img/right_pic5_on.png);}
.side ul li:hover i.bgs3{background-image:url(img/right_pic2_on.png);}
.side ul li:hover i.bgs4{background-image:url(img/right_pic1_on.png);}
.side ul li:hover i.bgs5{background-image:url(img/right_pic7_on.png);}
.side ul li:hover i.bgs6{}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all 0.3s;overflow:hidden;}
.side ul li.sidetop{background:#009a44; color:#fff;}
.side ul li.sidetop:hover{opacity:0.8;filter:Alpha(opacity=80);}
.side ul li.sideewm .ewBox {
  width: 238px;
  display: none; 
  color: #363636;
  text-align: center;
  position: absolute;
  left: -240px;
  top: 0px;
  border:1px solid #e0e0e0;
  background: #fff;
}
.side ul li.sideewm .ewBox img{ width:164px;}

.side ul li.sideetel .telBox {
   width: 240px;
  height:237px;
  display: none; 
  color: #fff;
  text-align: left;
  position: absolute;
  left: -240px;
  top: -79px;
  background:#1a9952;
}
.side ul li.sideetel .telBox dd{ display:block; height:118.5px; overflow:hidden; padding-left:82px; line-height:24px; font-size:18px;}
.side ul li.sideetel .telBox dd span{ display:block; line-height:28px; height:28px; overflow:hidden; margin-top:32px; font-size:18px;}
.side ul li.sideetel .telBox dd.bgs1{ background:url(img/right_pic8.png) 28px center no-repeat; background-color:#077739;}
.side ul li.sideetel .telBox dd.bgs2{ background:url(img/right_pic9.png) 28px center no-repeat;}

.ny-banner img{width:100%;height:auto}
.brand{color: #666;font-size: 14px;border-bottom: 1px dashed #dcdcdc;padding: 33px 0 15px 0;margin-bottom: 42px;}
.brand a{color: #666;}
.brand a:hover{color: #009a44;}
.brand span{display: block;border-left: 8px solid #009a44;padding-left: 9px;}
.leftside{width: 258px;}
.leftside h1{background: url("img/tit.jpg") no-repeat left center;text-align: center;color: #fff;font-size: 24px;line-height: 89px;}
.leftside .sub-nav{border: 2px solid #009a44;padding: 16px 10px;margin-bottom: 15px;}
.leftside .sub-nav li a{padding-left: 42px;display: block;height: 50px;line-height: 50px;background: #ebecec url("img/ico.png") no-repeat 18px center;color: #666;font-size: 16px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.rightside{width:900px;}
.leftside .sub-nav li{margin-bottom: 10px;}
.leftside .sub-nav li a:hover,.leftside .sub-nav li.move a{background: #009a44 url("img/ico2.png") no-repeat 18px center;color: #fff;}
.waybox{background: url("img/d-bg.png") no-repeat;padding:24px 10px;}
.waybox h2{color: #fff;font-size: 18px;font-weight: bold;margin-bottom:9px;}
.waybox h2 a{display: inline-block;color: #fff;font-weight: normal;font-size: 14px;float: right;font-family:arial;line-height: 24px;}
.waybox h2 span{font-size: 14px;}
.waybox p{color: #fff;font-size: 14px;line-height: 28px;}
.news{padding-bottom:60px;}
.news li{border-bottom: 1px dashed #bdbdbd;padding-bottom: 26px;margin-bottom: 22px;}
.news li a .wz{width: 606px;}
.news li a .img{width: 250px;height: 160px;-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;}
.news li a .img img{width: 250px;height: 160px;}
.news li a h3{color: #555;font-size: 16px;font-weight: bold;margin-bottom: 17px;}
.news li a p{color: #666;font-size: 14px;line-height: 24px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.news li a span{display: block;color: #999;font-size: 12px;margin: 10px 0 20px 0;}
.news li a .look{display: block;width: 98px;height: 28px;border: 1px solid #d8d8d8;text-align: center;line-height: 28px;color: #888;font-size: 14px;font-style: normal;}
.contain{padding-bottom:60px;}
.news li:hover a h3{color: #009a44;transition: all 0.3s;margin-left:10px;}
.news li:hover a .look{border: 1px solid #009a44;background: #009a44;color: #fff;transition: all 0.3s;}
.news li:hover a .img img{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);}
.inside_text05{margin-bottom:30px;}
.inside_text05 .text05_nav{ overflow:hidden; text-align:center; margin:0px 0 20px 0}
.inside_text05 .text05 img{max-width:100%}
.inside_text05 .text05_nav h2{ font-size:18px; color:#333333;padding:0px 0 15px 0}
.inside_text05 .text05_nav h3 span{ font-size:14px; color:#666; padding:0 10px;}
.inside_text05 .text05_nav h3{border-bottom: 1px solid #eee;padding-bottom:10px;}
.inside_text05 .text05_nav h3 a{color:#009a44;}
.inside_text05 .text05{ overflow:hidden; padding-bottom:50px;}
.inside_text05 .text05 p{ font-size:14px; color:#666; line-height:24px;}
.detailbox .fy{overflow:hidden; padding:30px 0;border-top: 1px solid #eee;}
.detailbox .fy h2{ overflow:hidden; line-height:30px;}
.detailbox .fy h2 span{ font-size:16px;color:#009a44;font-weight: bold;}
.detailbox .fy h2 a{ font-size:16px; color:#666}
.inside_text05 .images{text-align: center;}
.inside_text05 .images img{max-width:900px;}
.goods.case{padding-top: 0;margin-bottom: 50px;}
.goods.case li{width: 442px;margin:0 16px 16px 0;}
.goods.case li:nth-child(2n){margin-right: 0;}
.goods.case li .pic{width:442px;height:255px;overflow: hidden;}
.goods.case li .pic img{-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;}
.products{padding-bottom: 50px;}
.products li{float: left;padding: 36px 14px;border: 10px solid #f5f5f5;margin-bottom:20px;margin-right:20px;}
.products .pic{width: 176px;padding: 33px 16px 33px 0;}
.products .wz2{width: 155px;border-left: 1px solid #dcdcdc;padding:5px 22px 20px 22px;}
.products li a h3{color: #666;font-size: 16px;margin-bottom: 20px;}
.products li a p{color: #666;font-size: 14px;line-height: 20px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;}
.products li a .read{margin-top: 13px;width: 120px;height: 24px;text-align: center;line-height: 24px;border: 1px solid #b5b5b5;color: #999;font-size: 14px;display: block;}
.products li:nth-child(2n){margin-right: 0;}
.products li:hover{transition:all 0.3s;border:10px solid #009a44;box-shadow: 0 2px 15px rgba(0,0,0,0.3);}
.products li:hover a h3{color: #009a44;font-weight: bold;transition:all 0.3s;}
.products li:hover a .read{background-color: #009a44;color: #fff;border: 1px solid #009a44;transition:all 0.3s;}

.contact .tit-wz{text-align: center;color: #009a44;font-size: 40px;padding-bottom: 35px;}
.contact .tit-wz em{display: block;margin:20px auto;width: 60px;height: 4px;background-color: #009a44;}
.contact .list01 li{float: left;width: 23%;text-align: center;padding: 0 5%;border-right: 1px dashed #dcdcdc;height: 300px;}
.contact .list01 li h3{color: #333;font-size: 24px;padding: 32px 0 22px 0;}
.contact .list01 li p{color: #333;font-size:16px;line-height: 26px;}
.contact .list01 li:first-child p{text-align: left;}
.contact .list01{border-bottom: 1px solid #dcdcdc;padding-bottom: 77px;}
.contact .list01 li:nth-child(3){border-right: none;}
.contact .con{padding-bottom: 64px;}
.map{display: none;width: 1200px;overflow: hidden;}
.map-list{position: relative;}
.map-list .fix-ico{position: absolute;left: 0;top: 0;padding:38px;background: rgba(255,255,255,0.8);z-index:10;width:438px;height:344px;}
.map-list .fix-ico span{display: inline-block;float: left;margin-right: 20px;padding-top: 3px;margin-bottom: 10px;}
.map-list .fix-ico h4{color: #f54336;font-size: 14px;font-weight: bold;line-height: 22px;}
.map-list .fix-ico p{color: #333;font-size: 14px;line-height: 22px;letter-spacing: -0.5px;}
.map-list .fix-ico li{clear: both;padding-top:20px;}
.contact .con td{width:314px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;height:75px;color: #666;font-size: 18px;padding: 0 22px;}
.contact .con table{border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.contact .con td.td1{color: #333;font-size: 20px;background: #f4f4f4;text-align: right;width:196px;}


#home_slider2{ position: relative;}
#home_slider2 li{width:100%;}
#home_slider2 li .box .pic{width:346px;height:193px;}
#home_slider2 .flex-direction-nav a{width:32px;height:71px;display:block;position:absolute;bottom:95px;background-repeat:no-repeat;text-indent:-9000px;}
#home_slider2 .flex-direction-nav a.flex-prev{left:0;background:url(img/left.png) no-repeat;background-size:32px 71px}
#home_slider2 .flex-direction-nav a.flex-next{right:0;background:url(img/right.png) no-repeat;background-size:32px 71px}
#home_slider2 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-control-paging{display:none}
#home_slider2 .flex-direction-nav{display:block}
#home_slider2 .flexslider{margin-top:1.55rem}
#home_slider2 li .box{width:346px;float: left;text-align: center;margin-right: 30px;}
#home_slider2 .flex-control-paging{display:none;}
#home_slider2 li .box a p{color: #666;font-size: 16px;line-height: 24px;margin-top: 10px;}
#home_slider2 li .box:nth-child(3n){margin-right: 0;}
#home_slider2 li .slide{margin-left:51px;}
#home_slider2 li .box a:hover img{box-shadow: 0 2px 15px rgba(0,0,0,0.3);}
#home_slider2 li .box a:hover p{color: #009a44;font-weight: bold;}
.flex-viewport{padding-top: 10px;}
.about .a-tit{color: #009a44;font-size: 40px;}
.about01 p{color: #333;font-size: 16px;line-height: 32px;text-indent: 32px;}
.about01 .a-tit{text-align: center;padding-bottom: 22px;}
.about02 .left{width: 503px;}
.about02 .right{width: 636px;}
.about02 .a-tit{text-align: center;}
.about03 dl{float: left;width: 363px;margin-right: 55px;background: url("img/a-bg.png") no-repeat;height: 356px;}
.about03 dt{color: #fff;font-size: 24px;text-align: center;padding-top: 9px;margin-bottom:33px;}
.about03 dd{min-height: 34px;line-height: 34px;color: #333;font-size: 20px;background: url("img/gou.png") no-repeat left top;padding-left: 60px;margin: 10px 50px 10px 80px;}
.about02{padding:80px 0;}
.about02 .right .lc{margin-top: 42px;height: 444px;color: #333;font-size: 16px;line-height: 32px;position: relative;background: url("img/shuzi.png") no-repeat center top;}
.about02 .right .lc div{position: absolute;width: 45%;}
.about02 .right .lc .fenzu2{right: 0;top: 62px;}
.about02 .right .lc .fenzu3{left: 0;top:129px;}
.about02 .right .lc .fenzu4{right: 0;top:199px;}
.about02 .right .lc .fenzu5{left: 0;top:268px;}
.about02 .right .lc .fenzu6{right: 0;top:336px;}
.about02 .right .lc .fenzu7{left: 0;top:411px;}
.about03 dl:nth-child(3n){margin-right: 0;}
.ryzs .ryzs1,.ryzs .ryzs2{text-align: center;}
.ryzs .ryzs1 li{margin:30px;}
.ryzs .ryzs1 li,.ryzs .ryzs2 li{display: inline-block;}
.ryzs .ryzs2{position: relative;width: 1010px;margin:20px auto 50px auto;height: 305px;}
.ryzs .ryzs2 li{position: absolute;left: 0;top: 0;z-index: 0;height: 305px;width: 213px;}
.ryzs .ryzs2 li:nth-child(2){left: 133px;z-index: 1;}
.ryzs .ryzs2 li:nth-child(3){left: 266px;z-index: 2;}
.ryzs .ryzs2 li:nth-child(4){left: 399px;z-index: 3;}
.ryzs .ryzs2 li:nth-child(5){left: 532px;z-index: 4;}
.ryzs .ryzs2 li:nth-child(6){left: 665px;z-index: 5;}
.ryzs .ryzs2 li:nth-child(7){left: 798px;z-index: 6;}
.ryzs .ryzs3 li{width: 266px;border: 1px solid #e5e5e5;text-align: center;float: left;margin-right: 16px;padding: 10px;height: 376px;margin-bottom: 16px;}
.ryzs .ryzs3 li img{display: inline-block;}
.ryzs .ryzs3 li:nth-child(4n){margin-right: 0;}
.ryzs .ryzs3 li:hover{border: 1px solid #009a44;}
.bigimg2{position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index:101;transition:all 1s;display: none}
.imgbox>img{width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}
.sitmap{}
.sitmap dl{margin-bottom: 20px;}
.sitmap dt{border-bottom: 1px solid #cdcdcd;padding: 10px 0;}
.sitmap dt a{display: block;color: #009a44;font-size: 16px;font-weight: bold;border-left:5px solid #009a44;padding-left:10px;}
.sitmap dd{display:inline-block;margin-right: 10px;}
.sitmap dd a{display:block;color: #333;font-size: 14px;line-height:32px;}
.sitmap dd a:hover{color: #009a44;}


@keyframes jello {

    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}

.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #999999 solid;
background:#FFFFCD;
font-weight:bold;
}
.page  a:hover{
border:1px #333333 solid;
background:#FFFFCD;
text-decoration:none;
}

.detail{padding:15px 10px; padding-top:50px;}
.detail h3{ color:#333; text-align:center; font-size:20px;}
.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}
.write span{ color:#666;}
.detail p{ padding:0 14px;line-height:30px;font-size:14px;}
.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }
.dow b{ color:#0271cb;}
.dow p{ text-indent:0;font-size:12px;}
.info p {line-height:25px;font-size:12px; margin-top:5px; }


.yunu-showcase {margin-bottom: 40px;}
.yunu-showcase-info {float: right;width: 500px;}
.yunu-showcase-info h1 {margin: 0 0 15px;font-size: 24px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
.yunu-showcase-info p {margin: 0;color: #666;height: 168px;line-height: 24px;font-size: 14px;}
.yunu-showcase-info .tel {border-top: 2px solid #e6e6e6;color: #333;margin-top: 15px;padding-top: 15px;background: url(img/pc-xc-icon2.png) no-repeat 10px 15px;/* height: 42px; */padding-left: 70px;line-height: 21px;font-size: 18px;}
.yunu-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #009a44;color: #fff;}
.yunu-infocontent-body{color: #333;font-size: 14px;line-height:28px;}
.section {padding: 75px 0;}
.section-title {margin-bottom: 40px;text-align: center;font-size: 40px;clear: both;color: #333;padding-top: 50px;}
.section-title strong {color: #009a44;}
.section-title p {margin: 0;font-size: 0;margin-top:30px;}
.section-title span {display: inline-block;vertical-align: middle;position: relative;font-size: 20px;padding: 0 20px;color: #333;}
.section-title span:before,.section-title span:after {position: absolute;top: 50%;content: '';width: 40px;height: 2px;background-color: #009a44;margin-top: -1px;}
.section-title span:before {right: 100%;}
.section-title span:after {left: 100%;}
.pc-slide{width:368px;float:left;}
#preview{text-align:center; width:368px;}
.jqzoom{ width:366px; height:260px; position:relative;border:1px solid #eaeaea;margin:0 auto 20px auto;overflow: hidden;}

.zoomdiv{ left:368px; height:400px; width:368px;}
.list-h li{ float:left;}
#spec-n5{width:368px; height:76px;overflow:hidden;}
#spec-left{ background:url(images/left01.jpg) no-repeat; width:30px; height:76px; float:left; cursor:pointer;}
#spec-right{background:url(images/right01.jpg) no-repeat; width:30px; height:76px; float:left;cursor:pointer;}
#spec-list{ width:320px; float:left; overflow:hidden;display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:99px;}
#spec-list ul li img{ padding:1px ; border:1px solid #eaeaea; width:72px; height:72px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;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 #eaeaea;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{ position:relative; width:303px;padding-left: 5px;}
#spec-list div{ margin:0 auto;}

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.ryzs .ryzs1 li{float: left;width:49%;margin-right: 2%;margin-left: 0;height: 422px;display: block;position: relative;}
.ryzs .ryzs1 li:nth-child(2){margin-right: 0;}
.ryzs .ryzs1 li img{position: absolute;
	width: 100%;
	height:100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	object-fit: contain;
	object-position: center center;}

.accordion {height:362px;overflow: hidden;position:relative; width:100%; margin:0 auto;}
.accordion:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;display:none}
.accordion._create:after { display: none; }
.accordion__ul { display:block;list-style: none;margin: 0;padding: 0;width:9999px;height:362px;overflow:hidden;position:absolute;left:0;top:0; }
.accordion__li {cursor:pointer; display:block;list-style: none;margin: 0;padding: 0;height:362px;float:left;overflow: hidden; transition: all 0.3s ease-out; margin-right:2px; position:relative; }
.accordion__img{ display: block;cursor: pointer;}
.wenben{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
}
.wenben-nav{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	
}
.wenben-nav p{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-top: 10px;
}
.wenben2{
	transition-duration: 0.3s;
	width: 270px;
	height: 120px;
	padding: 20px 20px 0 20px;
	background: #01a0ea;
	position: absolute;
	left: -310px;
	bottom: 0;
}
.wenben2 span{
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	position: relative;
}
.wenben2 span:after{
	display: block;
	content: '';
	width: 11px;
	height: 24px;
	background: url(../images/ab-i7.png) no-repeat;
	position: absolute;
	top: 2px;
	right: -20px;
}
.wenben2 p{
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.accordion__li:hover .wenben2{
	left: 0;
}
.accordion__li:hover .wenben{
	display: none;
}