i,em{font-style: normal;}
.topWrap {background:#fff; position: relative;}
.topWrap .header { max-width: 1400px; margin:0 auto;  }
.layout{max-width: 1400px;margin:0 auto;}
.twz { background: #e6e6e6; height: 43px; color: #555; line-height: 43px; font-size: 14px;}
.twz a { display: inline-block;  color: #999999; position: relative;padding:0 15px 0 7px;background: url(../images/tpico.png) no-repeat left center; }
.twz a:last-child{padding-right: 0;}
.h_nr { height: 115px;padding:15px 0; box-sizing: border-box; }
.logo { overflow: hidden; box-sizing: border-box; float: left; margin: 0 3% 0 0;}
.logo img { height:70px; display: block; }

/*搜索*/

.sea_inp{width:30%;height:auto;z-index: 1;overflow: hidden; margin-top: 1.5%;}
.sea_inp .serach{width:66%;height:auto;border:0;background:none;line-height:35px;color:#666;float:left;outline: none;display: block;padding:0 0 0 3%; border: 1px solid #ccc;}
.sea_inp .sub{ width:70px; height:37px;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.png) no-repeat 22px 8px #039946;border: 0;text-indent: 190px;}





.logo_txt {font-size: 20px; color: #039946;  text-align: left; line-height: 33px;font-weight: normal;margin-top: 8px;margin-left: 30px;float: left;}
.logo_txt i{font-weight: bold; font-size:28px; color: #252525; display: block; line-height: normal; padding-bottom: 5px;}
.t_code{width: 110px;float: right;}
.t_code img{width: 80px;height:80px;float: left;}
.t_code span{height: 80px;float: left; width:23px;background: #ececec;color:#333333;font-size: 14px; display: block;padding:0 5px;box-sizing: border-box;text-align: center; line-height: normal;}

.h_nr .sc{margin-top: 10px; padding-left: 54px; background: url(../images/tel.png) no-repeat left center; float: right; width: 255px; box-sizing:border-box; }
.h_nr .sc p {overflow: hidden; color: #039946;font: 22px "Arial";  font-weight: bold;float: left;  line-height: 32px;}

.h_nr .albb{ float:right;  margin-right:15px;}
.h_nr .albb img{max-width: 100%;}


.snav {height:50px; border-top:1px solid #ebebeb;position: relative; background: #039946;}
.snav ul{font-size: 0px;float: left;}
.snav li{position: relative;padding: 0 32px; display: inline-block;z-index: 100;position: relative;}
/* .snav li:before{content:'';position:absolute;height:16px;width:9px;background: url(images/libg.png) no-repeat;background-size:100%; top:25px;right:0;} */
.snav li:hover:before,.snav li.cur:before{width:0;color: #fff;z-index: 1;} 
.snav li p{line-height: 50px;font-size: 16px;text-align: center;}
.snav li p a{display: block;transition: all 0.5s;color: #fff;}
.snav li:hover p a{background-size: 100%;  color: #fff;}
.snav li dl{position: absolute;left: 0px;top: 50px;width:280px;background:#f4f4f4;visibility: hidden;opacity: 0;transition: all 0.5s;text-align: center;font-size: 14px;}
.snav li p a.current{background-size: 100%;  color: #eeee28; font-weight: 600;}
.snav li:hover dl{visibility: visible;opacity: 1;}
.snav li dd{line-height: 47px;position: relative; font-size: 14px;border-bottom: 1px solid #ddd; background: #eff0ef;}
.snav li dd a{display: block;color: #111;transition: all 0.5s;}
.snav li dd a:hover{background: #e1e2e1;color: #333;}
.snav li dd:last-child:after{display: none;}

.snav li dd .sanji{position: absolute;left: 100%;top:0px;width: 100%;background: #f4f4f4;visibility: hidden;opacity: 0;transition: all 0.3s;}
.snav li dd:hover .sanji{visibility: visible;opacity: 1;}
.snav li dd .sanji .list{border-bottom: 1px solid #ddd;}
.snav li dd .sanji .list a{background: #f4f4f4;color:#333;}
.snav li dd .sanji .list a:hover{background: #0a8d3b;color:#FFF;}
.snav li dd .sanji .list:last-child{border-bottom: none;}

.inbanner{overflow: hidden;}
.inbanner img{width: 100%; display: block;}


.banner{max-height: auto;overflow: hidden;}
.banner img{width: 100%;display: block;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 45px; height: 45px; margin-top: -50px;border: 0; outline: none;}
.banner .slick-prev {left: 13%; display: none; background:url(../images/lefts.png) no-repeat center center;}
.banner .slick-next {right: 13%; display: none;background:url(../images/rights.png) no-repeat center center;}   
.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 8%;width: 300px;text-align: center;margin-left: -175px;z-index: 11;}
.slick-dots li {display: inline-block;margin: 0 8px; }
.slick-dots li button {display: block;background: #039946;width: 10px;height: 10px;color: #039946; border-radius: 10px;border-color:#039946; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.slick-dots .slick-active button {background-color: #039946;border-color: #039946;width: 40px;} 

.inprobox{padding: 15px 12.565%; overflow: hidden;}
.inprobox22{padding: 15px 12.577%; overflow: hidden;}
.inprobox55{padding: 15px 13.25%; overflow: hidden;}

.pctitle{}
.pctitle.tal{text-align:left}
.pctitle .title{font-size:36px;font-weight:bold;  text-transform: uppercase; line-height: 45px; color: #039946;}
.pctitle .title::first-letter{text-transform:uppercase}
.pctitle .slogan{line-height:26px;font-size:16px;color:#666; margin: 1% 0% 3%;}
.inprobox ul{}
.inprobox li{width: 22.9%; float: left; margin-right: 2%; margin-bottom: 1%;}
.inprobox li a:hover{ color:#666; text-decoration:underline;}
.inprobox li .pimg{width: 100%; border: #e5e5e5 1px solid;}
.inprobox li .pimg img{width: 100%; display: block; clear: both; margin: auto;}
.inprobox li .pwz{text-align: center; font-size: 16px; line-height: 30px; margin: 3%;}


.indextt{ width:100%; height:auto; float:left; text-align:center; margin-bottom:15px;}
.indextt strong{ width:100%; height:auto; float:left; font-size:56px; line-height:66px; font-weight:600; color:#000; } 
.indextt p{ width:100%; height:auto; float:left; font-size:20px; line-height:24px; color:#666;}
.indexdiv{ width:100%; height:auto; padding:4% 0; background:#f2f9fe; background: url(../images/indexbj1.jpg) no-repeat; overflow: hidden;}
.indexableft{ width:46%; height:auto; float:left; padding:8% 4% 0 0; position:relative; text-align:left; box-sizing:border-box;}
.indexableft .indextt strong{ text-align:left; line-height:56px;}
.indexableft h3{ width:100%; height:auto; float:left; font-size:24px; line-height:34px; color:#000; margin-top:-5px;}
.indexableft .p{ width:100%; height:auto; float:left; font-size:18px; line-height:26px; color:#555; margin:35px 0;}
.indexableft a{ width:auto; height:65px; line-height:65px; float:left; text-align:center; font-size:18px; font-weight:600; border-radius:7px; padding:0 40px; background:#fff; color:#000;}
.indexableft a:hover{ background:#ededed;}
.indexabright{ width:54%; height:auto; float:right; position:relative;}
.indexabright .img{ max-width:80%; height:auto; float:right; display:block; border-radius:10px;}

.indexabtzl{ width:100%; height:auto; float:left; position:absolute; left:0; top:190px;}
.indexabtz{ width:510px; overflow:hidden; height:340px !important; border-radius:8px;  position:relative; z-index:0; float:left; touch-action: pan-y;}
.indexabtz ul {  overflow:hidden; height:340px !important;   list-style:none; }
.indexabtz ul li{ width:100%;  height:340px;   float:left; overflow:hidden;list-style:none; }
.indexabtz ul li img{ width:100%; height:auto !important;  float:left; transition:1.5s linear ; transform:scale(1);  }
.indexabtz ul li.cur  img{transform:scale(1); }
.indexabtz_span{margin:0px;padding:0px;width:100%;position:absolute; bottom:20px;text-align:center; z-index:886;}
.indexabtz_span span{display:inline-block;margin:0 5px;width:10px;height:10px; background:#f9f9f9; border-radius:10px; cursor:pointer;}
.indexabtz_span span.cur,.indexabtz_span span:hover{background:#039946;}

.sy_lx_bg{padding:4% 0; overflow: hidden; }
.sy_lx_bg .img{}
.sy_lx_bg .img img{display: block;width: 100%;}
.sy_lx_bg .txt{align-items: center;justify-content: center;}
.sy_lx_bg .txt .txt2{max-width: 800px;}
.sy_lx_bg .txt .ml1{font-size: 36px;line-height: 36px;color: #039946;text-transform: uppercase;font-weight: bold;}
.sy_lx_bg .txt .ml2{font-size: 16px;line-height: 36px;color: #333;margin-top: 2%;}
.sy_lx_bg .txt .ml3{display: flex;align-items: center;justify-content: center;margin-top: 3%;}
.sy_lx_bg .txt .ml3 a{font-size: 16px;line-height: 46px;color: #fff;padding: 0 3%;display: flex;align-items: center;justify-content: center;background: #039946;border-radius: 5px;-webkit-transition:0.5s;transition:0.5s;}
.sy_lx_bg .txt .ml3 a i{font-size: 24px;padding-right: 5px;}
.sy_lx_bg .txt .ml3 a i img{vertical-align:middle;}
.sy_lx_bg .txt .ml3 a:hover{background:#039946;}

.bots{overflow: hidden;}
.bots .t-center{padding-top:2%}
.bots .title{font-size: 32px;line-height: 1.85; margin-bottom:1% !important;}
.bots .ltitle{font-size: 14px;line-height: 25px;color:#777;margin-top: 5px;margin-bottom:0%;}
.bots .form{padding:2.2% 0%;display: block;}
.bots .tip{font-size: 14px;line-height: 22px;color:#555;}
.bots .input{display: block;width: 100%;font-size: 14px;line-height:24px;padding:8px 2.2%;color:#999;margin:1% 0;box-sizing: border-box;border: 0; border: 1px solid #ccc;font-family: Arial,Tahoma,sans-serif;}
.bots .input:focus{box-shadow: 0 0 10px rgba(0,0,0,0.08);}
.bots .br{}
.bots .submit{line-height: 44px;height: 44px;padding:0 45px;display: inline-block;background-color: #039946;font-size: 15px;color: #fff;cursor: pointer;border: 0;}
.bots .submit:hover{background-color: #039946;}
.col-sm-6{width:100%;float: left;box-sizing: border-box;}
.col-xs-12{box-sizing: border-box;}


/*copy */
.bottomdiv{ width:100%; height:auto; float:left; padding:4% 0; background:#f5f5f5; overflow: hidden;}
.bottomleft{ width:40%; height:auto; float:left; color:#444; padding-right:5%; box-sizing:border-box;}
.bottomleft .fbt{ width:100%; height:auto; float:left; font-size:22px; line-height:28px;}
.bottomleft p{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; font-weight:normal;}
.bottomleft strong{ width:100%; height:auto; float:left; margin:25px 0; font-size:20px; line-height:30px;font-weight: normal;}
.bottomleft dl{ width:100%; height:auto; float:left;}
.bottomleft dl dt{ width:auto; height:40px; line-height:40px; float:left; font-size:16px;}
.bottomleft dl dd{ width:auto; height:auto; float:left; }
.bottomleft dl dd a img{ width:30px; height:30px; margin:5px; display:block;}

.bottomright{ width:60%; height:auto; float:left; box-sizing:border-box;}
.bottomright dl{ width:47%; height:auto; float:left;}
.bottomright dl dt{ width:100%; height:auto; float:left; font-size:20px; font-weight:bold; line-height:28px; color:#444;}
.bottomright dl dd{ width:100%; height:auto; float:left; margin-top:8px;}
.bottomright dl dd a{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; padding:2px 0; opacity:0.9; color:#444;}
.bottomright dl dd a:hover{ opacity:1;}
.bottomright dl.d1{ width:34%;}
.bottomright dl dd p.p{ width:100%; height:auto; float:left; padding:2px 0; font-size:15px; line-height:24px; color:#444;}
.bottomright dl dd p.p1{ width:100%; height:auto; float:left; margin-top:25px; position:relative; padding-right:85px; box-sizing:border-box;}
.bottomright dl dd p.p1 .input{ width:100%; height:50px; line-height:50px; background:#fff; text-indent:10px; font-size:14px; border:none; outline:none;}
.bottomright dl dd p.p1 .button{ width:85px; height:50px; float:right; margin-right:-85px; font-size:16px; margin-top:0px; border:none; background:#20944b; color:#fff; outline:none; cursor:pointer;}
.bottomright dl dd p.p1 .button:hover{ background:#0a8d3b;}
.bqxxdiv{ width:100%; height:auto; float:left; padding:15px 0; background:#f5f5f5; text-align:center; font-size:14px; color:#444; border-top: 1px solid #ccc;}
.bqxxdiv a{ color:#444;}



/*content*/
.nybox{width: 100%; padding:1% 0 2%; overflow: hidden;}
.menuBox{height:auto;font-size:16px; overflow: hidden; color: #333; border-bottom: 1px solid #ddd; padding-bottom: 15px; line-height: 30px;}
.menuBox img{display: inline-block; vertical-align: middle; margin-right: 5px; }
.menuBox a{color: #444;}
.menuBox a:hover{color: #0a8d3b;}
.menuBox p{font-size: 15px; color: #444;}

.nyaboutimg{width: 100%; margin-top: 2%; overflow: hidden;}
.nyaboutimg img{width: 100%; display: block;}


.nyprobox{padding: 3% 0; overflow: hidden;}
.nyprobox ul{margin-right: -1.6%;}
.nyprobox li{width: 23%; float: left; margin-right: 2%; margin-bottom:1%;}
.nyprobox li a:hover{ color:#666; text-decoration:underline;}

.nyprobox li .pimg{width: 100%;}
.nyprobox li .pimg img{width: 100%; display: block; clear: both; margin: auto;}
.nyprobox li .pwz{font-size:18px; line-height:25px; margin: 3%; min-height: 50px;}

.pro_right{width:100%;  margin-top:3%; overflow: hidden;}
.productss{overflow: hidden; border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 15px;}
.productss img{max-width: none !important;}
.promore_l{width:35.5%;float:left; margin-right: 4%;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:99.8%; border:1px solid #d6d6d6; background:#fff}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;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:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left; display:none;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:26px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:80px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:100px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:72px;height:72px;}
.spec-scroll .items ul li img:hover{border:2px solid #0a8d3b ; padding:1px;}

.pros_right{width:60%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden;}
.pros_right_top .pbt{overflow:hidden; font-size:20px; color:#000 ; padding-bottom:10px; font-weight: 700;}
.proleft{width:100%;font-size:16px; line-height:26px; overflow: hidden; color:#333;}
.proleft p{font-size:16px; line-height:26px; }
.proleft2{background: padding: 5px;background: #f0f0f0;font-style: italic; font-size:16px; line-height:26px; margin-top:2%}
.proleft2 span{color: #ff6600;}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pbtn{overflow:hidden;}
.pbtn a{height:auto;line-height:33px;float:left;text-align:center;margin-right:3%; background: #1c56a6;color: #fff; font-size:14px; border-radius: 3px; padding: 0 3%; box-sizing: border-box;}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#0a8d3b;color:#fff;}
/* .pbtn a:nth-child(2){width:50%; background:#ff963a;} */

.proxqny{overflow: hidden;}
.proxqny_bt{font-size: 20px;line-height: 30px;font-weight: 700;letter-spacing: 0px;margin-bottom: 15px; color: #000;}
.proxqny_wz{font-size: 16px;font-weight: 400;letter-spacing: 0px; color:#333;}
.proxqny_wz p{font-size: 16px;font-weight: 400;letter-spacing: 0px;margin-bottom: 15px;  color:#333;}
.proxqny_table{overflow: hidden; width: 100%;}
.proxqny_table table{border-collapse:collapse;border: 1px #e5e5e5 solid ;width:100%; line-height: 30px;}
.proxqny_table table td{word-wrap:break-word; word-break:break-all; border:1px #e5e5e5 solid; padding: 3px;}
.proxqny_table table tr:nth-child(2n){background: #eee;}


.enquiry{margin-top: 15px;padding: 15px 15px 5px 15px;background: #f7f7f7;border: 1px solid #e5e5e5; overflow: hidden;}
.enquiry .bots .form{padding-top:0;}


.nyabout{font-size: 16px; line-height: 26px; color: #333; overflow: hidden; margin-top:2%;}
.nyworkshop{height:auto;overflow:hidden;margin-top:2%}
.nyworkshop ul{list-style:none;overflow:hidden;margin-right:-2%;margin-bottom:-2%}
.nyworkshop li{width:23%;height:auto;overflow:hidden;margin-right:2%;float:left;margin-bottom:2%}
.nyworkshop li .hpic{border:1px solid #cdcdcd;height:auto;overflow:hidden}
.nyworkshop li a{display:block;width:100%;overflow:hidden;transition:all 0.3s}
.nyworkshop li .hpic img{width:100%!important;overflow:hidden; display: block;}
.nyworkshop li div:hover{border:1px solid #0a8d3b}
.nyworkshop li a:hover{transform:scale(1.2,1.2);overflow:hidden}
.nyworkshop li span{display:block;text-align:center;line-height:40px;color:#222;font-size:15px}

.nycontact{overflow: hidden; margin-top: 2%;}
.nycontact_bt{font-size: 18px;line-height: 28px; font-weight: 600;letter-spacing: 0px; margin-bottom: 15px; color: #000;}
.nycontact_wz{font-size:16px; color: #333;}
.nycontact_wz p{font-size: 16px; margin-bottom: 15px; color: #333;}
.nycontact_wz p span{font-weight: 600;}
.nycontact_wz p a{color: #4169e1; text-decoration: underline;}
.nycontact_wz p a:hover{color: #0a8d3b;}


.new{padding: 2% 0 0; overflow: hidden;}
.new ul{margin-right: -2%;}
.new li{width: 48%; float: left; margin-bottom: 2%; margin-right: 2%; padding: 1%; box-sizing: border-box; border: 1px solid #9e9e9e;}
.new li a{ display: flex; align-items: center;}
.new li .pimg{width:32%; margin-right:5%; float: left;}
.new li .pimg img{width: 100%; display: block;}
.new li .ntext{overflow: hidden; width:62%; float: right;}
.new li .ntext .n1{font-size: 16px; line-height: 24px; color: #000; font-weight: 600;}
.new li .ntext .n2{-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden; font-size: 14px; line-height: 24px;  color: #333; margin: 2% 0;}
.new li .ntext .n3{font-size: 12px; color: #0a8d3b; margin-top: 3%;}

.about_x2.bgs2{overflow:hidden;}
.about_x2.bgs2.bgs3 .con_id{ padding-top:0;}
.about_x2.bgs2 .show_t{ text-align:center;line-height:32px; font-size:20px; color:#000 ;margin-bottom:16px; font-weight:600;}
.about_x2.bgs2 .con_line{ text-align:center; line-height:35px; font-size:15px; border-bottom:1px solid #eee; padding-bottom:10px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id{ line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding:3% 0;font-size:15px; color:#444;text-align:left;}
.about_x2.bgs2 .con_id img{max-width:100%; display:block; margin:auto;}
.about_x2.bgs2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}


.newxq{overflow: hidden; margin-top: 3%;}
.newxq_left{width: 75%; float: left;}
.newxq_right{width:22%; float: right;}
.ztext{width:100%;height:auto; overflow: hidden;}
.ztext ul{margin-top:2%;}
.ztext li{line-height:35px;padding-left:10%;background-image:url(../images/new-r.png);background-repeat:no-repeat;background-position:left center;border-bottom: 1px dotted #ccc; margin-bottom:0.5%; padding-bottom: 0.5%;  display: flex; align-items: center; justify-content: space-between; }
.ztext li a{font-size:14px;font-weight:normal;color:#333;}
.ztext li span{font-size:12px;font-weight:normal;color:#999;}


.fanhui{float:right;width:126px;margin:0 auto;position:relative;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;font-size:15px;color:#fff;display:inline-block;border-radius:5px;
	-webkit-border-radius:5px;-moz-border-radius:5px;background:#0a8d3b;color: #fff;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}

.PreveNext {border-top:1px #DEDEDE solid; margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;height:70px;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}

/*kefu*/
.four-con{ position:fixed; right:2%; top:50%; margin-top:-106px; z-index:22;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:10px;}
.f-all-con{ left:-112px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background-color:#0a8d3b; padding:10px; border-radius:5px; font-size:14px; color:#fff;}
.f-a-bg:after{ content:""; position:absolute; right:-7px; top:50%; width:0; height:0; margin-top:-6px; border-top:5px solid transparent; border-left:7px solid #0a8d3b; border-bottom:5px solid transparent;}
.four-con ul li:hover .f-all-con{ display:block;}
.four-con ul li.a-w1 .f-all-con{ top:6px; left:-160px;}
a.f-icon3, a.f-icon2, a.f-icon1{ width:50px; height:50px; display:inline-block; background:url(../images/ficon1.png) no-repeat 0 -51px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; cursor:pointer;}
a.f-icon2{ background:url(../images/ficon2.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon2, .four-con ul li:hover a.f-icon1{ background-position:0 0;}

a.f-icon3{ background:url(../images/ficon3.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon3, .four-con ul li:hover a.f-icon1{ background-position:0 0;}

.subchannel_main{ overflow: hidden; margin: 3% 0;  display:none;}
.subchannel{}
.subchannellist { text-align:center; display: flex;
  align-items: center;
  justify-content: center;
}
.subchannellist ul{display: flex; align-items: center; justify-content: center;}
.subchannellist li { display:inline;margin-right:0.5%;}
.subchannellist li a {display:inline-block;padding:0 10px; line-height:36px;color: #333; font-weight: normal; transition: all .5s linear; white-space: nowrap; font-size: 15px;border: 1px solid #bababa; border-radius:8px; }
.subchannellist li a:hover { background: #039946;  color:#fff;text-decoration:none; border-radius: 8px; border: 1px solid #039946;}
.subchannellist #current a { background: #039946;  color:#fff;text-decoration:none; border-radius: 8px; border: 1px solid #039946;}