.w1200{width:100%; max-width:1200px; margin:auto;}
.w100{ width:100%; margin:auto; overflow: hidden; }
.clear{ clear:both;}


.logo{ float: left; padding-top: 10px;}
/*搜索*/
.nav{ float: right; text-align:center; height:90px; line-height:90px; width: auto;}
.nav .nLi{ float:left; margin-right: 20px; position:relative; display:inline; text-align: center; width:100px; background: url(../images/nav-tiao.png) no-repeat right 10px;}
.nav .nLi h3{ float:left; font-size:16px; font-weight:normal;}
.nav .nLi h3 p{ display: inline-block; margin: 0 5px;  width: auto;}
.nav .nLi h3 a{ display:block; width:100px; line-height:90px; color: #666;}
.nav .sub{ display:none; width:100px; height: 40px; line-height: 40px; left:0; top:90px; font-size: 14px !important; position:absolute; z-index: 9999; }
.nav .sub li{ zoom:1; background:#3baf5e; }
.nav .sub a{ display:block; height: 40px; line-height: 40px; border-top:0px !important; color: #fff !important;  }
.nav .sub a:hover{ background:#444; color:#fff; }
.nav .on a{color: #3baf5e;  border-top: 3px solid #3baf5e;}
/*导航*/

.banner{ position:relative; width:100%; min-width:1200px; height:auto; max-height:700px; max-width:1920px; overflow: hidden; display:block; margin:auto; }
.banner .hd{ height:15px; overflow:hidden; position:absolute; left: 49%; bottom:20px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; border-radius: 50px; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#3b8ccb; }
.banner .bd{ position:relative; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:100%; display:block; min-width:1200px;}
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:71px; height:71px; background:url(../images/prev.png) no-repeat;}
.banner .next{ left:auto; right:3%; background:url(../images/next.png) no-repeat;}



/*
div.wrapper { width:100%; overflow: hidden; }
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none; }
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 50%; left:20px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background:url(../images/prev.png) no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top: 50%; right:20px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background:url(../images/next.png) no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 100%; height:700px; }
#slideshow ul { display: none; }
*/



.ban-xia{ background: #3baf5e; color: #fff; overflow: hidden; text-align: center; font-size: 16px;}
.ban-xia li{ float: left; width: 24%; border-left: 1px solid #5ccd7e; margin: 30px 0; height: 120px;}
.ban-xia span{ font-size: 60px; margin-right: 5px;}
.ban-xia p{display: block; margin-top: -15px; }
.ban-xia li:nth-child(4n){ border-right: 1px solid #5ccd7e;}

.about{ margin: 100px auto; overflow: hidden;}
.about-left{ float: left; width: 50%;}
.about-bt{ font-size: 26px; color: #333; line-height:35px;}
.about-bt p{ text-transform: uppercase;}
.about-nr p{  margin: 50px 0; font-size: 24px; color: #3baf5e;}
.about-nr span{ display: block; line-height: 30px; font-size: 14px; color: #666; padding-right: 50px;}
.more1{ margin-top: 60px; overflow: hidden; border-radius: 50px; width: 150px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #3baf5e; }
.more1 a:hover{ background:#3baf5e; color: #fff !important; display: block; }
.more1 a{ color: #fff;}
.more2{ margin-top: 60px; overflow: hidden; border-radius: 50px; width: 150px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #fff; margin: auto; }
.more2 a:hover{ background:#3baf5e; color: #fff; display: block; }
.more1-1{ margin-top: 15px; overflow: hidden; border-radius: 50px; width: 150px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #3baf5e; position: absolute; right: 0; top: 0; font-size: 14px; }
.more1-1 a:hover{ background:#3baf5e; color: #fff !important; display: block; }
.more1-1 a{ color: #fff;}




.about-right{ width:600px; float: right; overflow:hidden; position:relative;}
.about-right .bd{ height:100%; z-index:0; overflow:hidden; }
.about-right .bd{ width:600px !important;}
.about-right .bd li{ zoom:1; vertical-align:middle; }
.about-right .bd img{ width:600px; height:450px; display:block; margin:auto; }	
.about-right .bd a{ color:#fff;}

.index_pro{ overflow: hidden; padding: 0 0 80px; width: 100%; background: url(../images/pro_bg.jpg) no-repeat center top; background-size: cover; color: #fff;}
.pro-bt{ width: 100%; overflow: hidden; margin:100px 0 50px; font-size: 24px; line-height: 35px;text-transform:uppercase; position:relative;}
.pro-fl{ float: left; width: 100px;}
.pro-fl a{ display: block;padding-left: 10px; width: 100%; color: #fff; font-size: 16px; height:60px; line-height:60px; }
.pro-fl a:hover{ border-bottom: 2px solid #fff; color: #fff; }
.pro-list{ width: 85%; float: right; }
.pro-list li{float: left; width: 30%; margin-right: 5%; margin-bottom: 4%; overflow: hidden; position: relative; }
.pro-list li:nth-child(3n){ margin-right: 0;}
.pro-list img{ height: 240px; width: 100%; }
.pro-list li span{ display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff;}
.pro-list li .hover{ display: none; position: absolute; top: 0;left: 0; width: 100%; height: 240px; line-height: 240px; font-size: 16px; text-align: center; color: #fff; }
.pro-list li:hover .hover{ display: block; height:240px; width: 100%; background:rgba(0,0,0,0.6); }
.pro-list li:hover .hover a{ color: #fff;}

.youshi{ background-image: url(../images/tedian_bg.jpg); background-color: #f5f5f5;  background-position: center bottom; background-repeat: no-repeat; overflow: hidden; padding: 30px 0 180px; }
.youshi ul{ margin:50px auto 0; overflow: hidden; }
.youshi li{ float: left; width: 20%; font-size: 24px; color: #3baf5e; padding-left: 60px; }
.youshi li span{font-size: 16px; color: #333; display: block;  }
.youshi .ys-01{ background: url(../images/tb_01.png) no-repeat left 20px;}
.youshi .ys-02{ background: url(../images/tb_02.png) no-repeat left 20px;}
.youshi .ys-03{ background: url(../images/tb_03.png) no-repeat left 20px;}
.youshi .ys-04{ background: url(../images/tb_04.png) no-repeat left 20px;}

.new-right{ float: right; width: 750px;}
.new-right li{ border-bottom: 1px solid #eee; width: 100%; font-size: 18px; display: block; padding:0 0 30px; margin-bottom: 20px }
.new-right li span{ display: block; font-size: 12px; color: #999; margin-top: 5px; }
.new-left{ width:400px; float: left; overflow:hidden; position:relative;}
.new-left .hd{ height:20px;  overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.new-left .hd ul{ overflow:hidden; zoom:1; float:left;  }
.new-left .hd ul li{ float:left; margin-right:10px; border-radius: 50%; border: 2px solid #fff; width:10px; height:10px; text-align:center; cursor:pointer; }
.new-left .hd ul li.on{ background:#fff; }
.new-left .bd{ height:100%; z-index:0; overflow:hidden; }
.new-left .bd{ width:400px !important;}
.new-left .bd li{ zoom:1; vertical-align:middle; }
.new-left .bd img{ width:400px; height:280px; display:block; margin:auto; }	
.new-left .bd a{ color:#fff;}

.foot{ background: #3baf5e; color: #fff; }
.foot a{ color: #fff; }
.foot a:hover{ color: #fff;}
.foot ul{float: left;text-align: center; height: 180px; border-right: 1px solid #65cf85; margin: 40px 0; width: 110px; }
.foot ul:n{margin-left: 0}
.foot ul p{ display: block; font-size: 20px; margin-bottom: 30px;}
.foot ul dd{ font-size: 14px; height: 30px; line-height: 30px;}
.foot ul li{ display: block; padding:7px 0; }
.lxfs{ margin: 40px auto; float: left; height: 180px; margin-left:20px; width: 390px;}
.lxfs p{ display: block; font-size: 20px; margin-bottom: 25px;}
.lxfs span{ display: block; color: #fff; font-size:15px; padding: 5px 0; }
.lxfs font{ font-weight: bold; }
.foot-down{ width: 100%; border-top: 1px solid #65cf85; float: left; line-height: 80px;}
.foot-down p{ float: left;}
.foot-down span{ float: right; height: 80px;}
.foot-down a{ color: #fff;}


.foot-ewm{ float:right; padding-top: 80px;}
.foot-ewm img{ float: left; width:125px; height: 125px; margin-left:25px;}


.page{ width:100%; margin:30px auto; text-align:center; color:#fff; overflow:hidden; padding:5px; cursor: pointer;}
.page span{ width:auto; padding:5px 10px; border:1px solid #3baf5e; margin:0 3px; background:#3baf5e; color:#fff;}
.page .nolink{ width:auto; padding:5px 10px; border:1px solid #3baf5e; margin:0 3px;}
.page a{ width:auto; padding:5px 10px; margin: 0 3px; border:1px solid #3baf5e; color: #3baf5e;  }
.page a:hover{  background:#3baf5e; color:#fff;}
.page .page_current{ width:auto; padding:5px 10px; background:#3baf5e; color: #fff; }
/*分页*/





.ejy-ban img{width: 100%; height: auto;}

.ejy-bt{ overflow: hidden; margin: 50px auto; text-align: center; font-size: 24px; line-height: 35px; color: #333; text-transform: uppercase; }
.ejy-bt span{ display: block; }

.listpro_fl{ text-align: center; font-size: 16px; overflow: hidden; }
.listpro_fl a{ display: inline-block; width: 150px; margin: 0 5px; height: 40px; line-height: 40px; border-radius:25px; background: #3baf5e;color: #fff; }
.listpro_fl a:hover{ background: #abc44e; color: #fff;}

.list_pro{ overflow: hidden; margin: 50px auto;}
.list_pro li{float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; overflow: hidden; position: relative; }
.list_pro li:nth-child(3n){ margin-right: 0;}
.list_pro img{ height: 280px; width: 100%; }
.list_pro li span{ display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #333;}
.list_pro li .hover{ display: none; position: absolute; top: 0;left: 0; width: 100%; height: 280px;line-height: 280px; font-size: 16px; text-align: center; color: #fff; }
.list_pro li:hover .hover{ display: block; height:280px; width: 100%; background:rgba(0,0,0,0.6);}
.pro-list li:hover .hover a{ color: #fff;}




.list_new{ overflow: hidden; margin: 50px auto;}
.list_new li{ width: 100%; font-size: 18px; padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; margin-bottom: 30px; }
.list_new li span{ display: block; font-size: 14px;color: #888; margin: 4px 0;}
.list_new li span a{ color: #888;}


.article{ margin: 50px auto;}
.article-bt{ text-align: center; font-size: 26px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.article-bt span{ display: block; font-size: 14px; color: #777; font-weight:200; }
.article-nr{ line-height: 38px; font-size: 16px; margin: 30px auto 0; }
.article-nr img{ width: auto; max-width: 50%; margin:10px auto; display: block; }



.page-fy{ margin: 50px auto 0; text-align: center;}
.page-fy a{ display: inline-block; width: 48%; margin-right: 4%; height: 35px; line-height: 35px; background: #eee; color:#222; }
.page-fy a:nth-child(2n){ margin-right: 0;}
.page{ text-align: center; overflow: hidden; margin: 0 auto 50px;}


.wpsidebar-fkf {
    position: fixed;
    right: 20px;
    top: 78%;
    transform: translate(0,-50%);z-index:9999;
}
.fkf-item {
	 background: #fff;
    position: relative;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 6px;
    box-sizing: border-box;
    cursor: pointer;
}
.fkf-item img { width: 30px; height: 30px;}
.fkf-item img.hover { display: none;}
.fkf-item:hover>img { display: none;}
.fkf-item:hover img.hover { display: block;}
.fkf-cart>span { position: absolute; display: block; width: 24px; height: 24px; border-radius: 50%; background-color: #ff6600; color: #fff; left: -12px; top: -12px; text-align: center; line-height: 24px;}
.fkf-item-right{ position: absolute; right: 35px; padding-right: 25px; top: -15px; display: none;}
.fkf-item:hover .fkf-item-right { display: block;}
.fkf-item-right-content{ width: 250px; border: 1px solid #ccc;   border-top: 4px solid #3baf5e;
    padding: 20px;
    padding-top: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    position: relative; }
.fkf-item-right-content .arrow, .right-content-ewm .arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -15px;
    top: 23px;
    z-index: 20;
}
.fkf-item-right-content-top {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 70px;
    border-bottom: 1px solid #ccc;
    position: relative;
    white-space: nowrap;overflow:hidden;
}
.fkf-item-right-content-top img {
    position: absolute;
    left: 0;
    top: 8px;
    width: 40px;
    height: 40px;
}
.fkf-item-right-content-top h2 {
    color: #3baf5e;
    font-size: 20px;
}
.fkf-item-right-content-bottom p {
    padding-top: 15px;
    padding-bottom: 15px;}
.fkf-item-right-content-bottom .content-bottom-item { display: inline-block; width: 32%; margin-bottom: 8px;
    overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;
}
.right-content-ewm { padding: 20px 20px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    position: relative;
    display:flex;
    flex-direction:row;
    width: max-content;
}
.right-content-ewm .ewm div {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%; text-align: center;
    /*background-color: #198ede;*/}
.right-content-ewm .ewm div img { width: 100px; height: 100px;background: #fff;}
.right-content-ewm .ewm p { text-align: center; font-size: 16px; color: #3baf5e; margin-bottom: 20px;}
.fkf-item-right-ewm { top: initial; bottom: -15px;}
.right-content-ewm .arrow { top: initial; bottom: 23px;}