@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;font-family:"Microsoft YaHei",Arial;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial;font-size:14px;}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1200{max-width:1200px; width:94%;}
img{max-width:100%; max-height:100%;}
/* db_bg */
.db_bg{ width: 100%; height: 40px; background-color: #f9f9f9; margin-bottom: 140px;}
.db_bg .width1200 dl{ line-height: 40px; }
.db_bg .width1200 dl span,.db_bg .width1200 dl a{ background-repeat: no-repeat; background-position: left center;}
.db_bg .width1200 dl.l{ float: left; }
.db_bg .width1200 dl.l span{ color: #999999; padding-left: 38px; margin-right:15px;}
.db_bg .width1200 dl.r{ float: right; }
.db_bg .width1200 dl a{ color: #333333; margin:0px 15px;}
.db_bg .width1200 dl a:hover{ color: #3a8866; }
.db_bg .width1200 dl a.y{ padding:0px 20px; position: relative;}
.db_bg .width1200 dl a.y img{ position: absolute; right: 0px; top: 50%; margin-top: -3px; }

/*top_bg*/
.top_bg{ position: fixed; background-color: #ffffff; width: 100%; z-index: 99999; top: 40px; height: 140px; border-bottom: 1px solid #eeeeee;}
.top_bg.now{ top: 0px;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14);}
.top_bg div.t{ height: 80px; }
.top_bg div.t a.logo{ display: block; float: left; width: 280px; height: 80px; display:flex;align-items:center; }
.top_bg i.x{ position: absolute; left: 0px; right: 0px; height: 1px; background-color: #eeeeee; }
.top_bg div.f,.top_bg div.f ul{ height: 60px; }
.top_bg div.f ul{ width:104%; }
.top_bg div.f ul li{ float: left; height: 16px; margin:22px 0px; border-left: 1px solid #eeeeee;}
.top_bg div.f ul li.o{border-left:0px;}
.top_bg div.f ul li dd{ line-height: 16px; padding-bottom: 22px;}
.top_bg div.f ul li dd a{ font-size: 16px; display: block; padding: 0px 22px; color: #333333; }
.top_bg div.f ul li.o dd a{padding-left: 0px;}
.top_bg div.f ul li dd a:hover{ color: #2c8e68; }
.top_bg div.f ul li dl{ position: absolute;  background-color: #ffffff; min-width: 170px;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14); opacity: 0;transition:all .5s ease; height: 0px; overflow: hidden; padding:0px;}
.top_bg div.f ul li:hover dl{ opacity: 1;  padding: 15px 0px;transition:all .5s ease; height: auto;}
.top_bg div.f ul li dl a{ display: block; color: #999999;padding:0px 10px; height: 40px; line-height: 40px; text-align: center; }
.top_bg div.f ul li dl a:hover{ background-color: #56a586; color: #ffffff; }

/*search-form*/
.top_bg .search-form{ margin-top: 20px; float: right; display: block; height: 40px;}
.top_bg .search-form div{ float: left; height: 26px; margin-right: 10px; }
.top_bg .search-form div button{ border: 0px; background: none; padding:0px 10px; height: 40px;  line-height: 40px;}
.top_bg .search-form div dl{ position: absolute; background-color: #ffffff;padding:10px 0px; z-index: 99; display: none;}
.top_bg .search-form div:hover dl{ display: block; }
.top_bg .search-form div dl a{ display: block;color: #555555; text-anchor: content;padding:0px 20px; line-height: 32px;}
.top_bg .search-form div dl a:hover{ color:#3a8866;}
.top_bg .search-form .fl{ outline:none; border: 0px; height: 40px; width: 280px; border: 1px solid #eeeeee; border-right:0px;border-top-left-radius:4px;border-bottom-left-radius:4px; padding-left:10px;}
.top_bg .search-form .fr{ width:95px; padding-left: 48px; height: 40px; font-size: 16px; color: #ffffff; border: 0px; background:url(../images/so.png) no-repeat scroll 15px center #2c8e68; outline:none; text-align: left; }

/* banner */
.banner{ position:relative; overflow:hidden; z-index: 20;}
.banner .slides{ overflow:hidden;}
.banner .slides li{ height:640px; position: relative; display:flex !important;align-items:center; }
.banner .slides li i.bg{ background-repeat:no-repeat; background-position:50%; position: absolute; left: 0px; right:0px; top: 0px; bottom: 0px; background-size: 100% auto;}
@media only screen and (max-width:1920px){
	.banner .slides li i.bg{ background-size: auto; }
}
.banner .slides li .width1200{ position: relative; z-index: 5; opacity: 0; margin-bottom: -480px; transition:all 1s ease;}
.banner .slides li.flex-active-slide .width1200{ opacity: 1; margin-bottom: 0px; transition:all 1s ease; }
.banner .slides li .width1200 dl{ font-size: 36px; color: #2c8e68; font-weight:bold; text-transform: uppercase; line-height: 48px;}
.banner .slides li .width1200 dd{ font-size: 48px; margin-top: 20px;}

.banner .flex-control-nav{ position:absolute; bottom:10px; display: none; width:100%; text-align:center;}
.banner .flex-control-nav li{ margin:0px 5px; display:inline-block;width:5px;height:5px; cursor: pointer;position: relative;overflow: hidden;}
.banner .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:rgba(255,255,255,.42);}
.banner .flex-control-nav li a:hover,.banner .flex-control-nav li a.flex-active{ background-color:rgba(255,255,255,1);}
.banner .flex-direction-nav li a{ position: absolute; width: 40px; height: 70px; text-align: center; line-height: 70px; color:#ffffff; background-color: rgba(0,0,0,.1); z-index: 2; top: 50%; margin-top: -35px; font-size: 32px; border-radius: 10px; }
.banner .flex-direction-nav li a.flex-prev{ left: 60px; }
.banner .flex-direction-nav li a.flex-next{ right: 60px; }
.banner .flex-direction-nav li a:hover{ background-color: #3a8866; }

/*i_wzgk_bg*/
.i_wzgk_bg{ border-bottom: 1px solid #eeeeee; overflow: hidden; position: relative; z-index: 19;}
.i_wzgk_bg .width1200{height: 90px; position: relative;}
.i_wzgk_bg .width1200 i{ width: 105px; background: url(../images/i2.png) no-repeat scroll 36px center #3a8866; font-size: 16px; color: #ffffff; padding-left: 80px; position: absolute; left: 0px; line-height: 90px;}
.i_wzgk_bg .width1200 dl{ margin-left:260px; margin-right: 180px; height: 40px; margin-top:25px; position: relative;}
.i_wzgk_bg .width1200 dl ul{}
.i_wzgk_bg .width1200 dl ul li{ float: left;overflow: hidden; line-height: 40px; width: 380px; float: left;border-left: 1px solid #eeeeee; margin-left: -1px;}
.i_wzgk_bg .width1200 dl ul li a{ display: block; font-size: 16px; color: #333333; padding: 0px 4%;  text-align: center; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.i_wzgk_bg .width1200 dl ul li a:hover{color:#3a8866;}
.i_wzgk_bg .width1200 dl a.m{ font-size: 16px; color: #ffffff; line-height: 40px; right: 0px; top: 0px; position: absolute; height: 40px; width: 70px;background: url(../images/i1.png) no-repeat scroll 65px center #3a8866; padding-left:30px;}
.i_wzgk_bg .width1200 dl a.m:hover{ opacity: 0.8; }

/*i_about*/
.i_about{ padding: 40px 0px 90px; }
.i_about,.i_about div{ overflow: hidden; }
.i_about div.l{ float: left;  width: 690px;}
.i_about div.l ol{ color: #2c8e68; margin-bottom: 10px;}
.i_about div.l dd{ font-size: 36px; font-weight:bold; color: #333333;margin-bottom: 22px;}
.i_about div.l dl{ font-size: 16px; color: #666666; line-height: 32px; }
.i_about div.l dl strong{font-size: 18px; color: #333333;}
.i_about div.l a{ display: block; margin-top:15px; font-size: 16px; color: #3a8866; }
.i_about div.r{ float: right;  width: 490px; background-repeat: no-repeat; background-position:center 40px; padding-top: 270px;}
.i_about div.r dl{ float: left; width: 50%; text-align: center;border-left: 1px solid #eeeeee; margin-left: -1px; height: 90px;}
.i_about div.r dl b{ display: block; font-size: 48px; color: #42864f; }
.i_about div.r dl ol{ font-size: 18px; color: #333333; }

/*i_hydt*/
.i_hydt{ height: 395px; overflow: hidden;}
.i_hydt .i_hydt_tp{ float: left; width: 49.2%;position:relative; overflow:hidden;}
.i_hydt .i_hydt_tp .slides{ overflow:hidden;}
.i_hydt .i_hydt_tp .slides li{ height:395px; position: relative; overflow: hidden;}
.i_hydt .i_hydt_tp .slides li a{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-position: 50%; background-repeat: no-repeat; transition: all .5s ease;}
.i_hydt .i_hydt_tp .slides li a:hover{transition: all .5s ease;transform: scale(1.1);}
.i_hydt .i_hydt_tp .slides li a i{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.i_hydt .i_hydt_tp .slides li dd{ position: absolute; height: 70px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,.5); font-size: 18px; color: #ffffff; line-height: 70px; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; padding-left: 20px; padding-right: 160px;}
.i_hydt .i_hydt_tp .flex-control-nav{ position:absolute; bottom:25px; right: 20px; text-align:center;}
.i_hydt .i_hydt_tp .flex-control-nav li{ margin:0px 5px; display:inline-block;width:12px;height:12px; cursor: pointer;position: relative;overflow: hidden;}
.i_hydt .i_hydt_tp .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:rgba(255,255,255,1);}
.i_hydt .i_hydt_tp .flex-control-nav li a:hover,.i_hydt .i_hydt_tp .flex-control-nav li a.flex-active{ background-color:#2c8e68;}
.i_hydt .i_hydt_tp .flex-direction-nav{ display: none; }

.i_hydt .qh{ float: right; width: 49.2%;}
.i_hydt .qh .nav{ height: 50px; background-color: #f9f9f9; }
.i_hydt .qh .nav a{ font-size: 15px; color: #333333; display: block; float: left; width: 25%; line-height: 47px;height: 47px; text-align: center; font-weight:bold;}
.i_hydt .qh .nav a:hover,.i_hydt .qh .nav a.on{ border-bottom: 3px solid #2c8e68; }
.i_hydt .qh .tab{ height: 325px; margin-top: 30px; }
.i_hydt .qh .tab ul,.i_hydt .qh .tab ul li{ overflow: hidden; }
.i_hydt .qh .tab ul{ display: none;}
.i_hydt .qh .tab ul li.t{ height:100px; border-bottom: 1px solid #eeeeee; margin-bottom: 14px;}
.i_hydt .qh .tab ul li.t a{ display: block; }
.i_hydt .qh .tab ul li.t a dd{ font-weight: bold; font-size: 18px; color: #333333; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 20px;}
.i_hydt .qh .tab ul li.t a:hover dd{ color: #3a8866; }
.i_hydt .qh .tab ul li.t a dl{ color: #666666; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.i_hydt .qh .tab ul li.c{ height:50px; position: relative;}
.i_hydt .qh .tab ul li.c i{ position: absolute; width: 8px; height: 8px; background-color: #999999; left: 0px; top: 21px; }
.i_hydt .qh .tab ul li.c:hover i{ background-color: #3a8866; }
.i_hydt .qh .tab ul li.c a{ display: block; color:#666666; line-height: 50px; padding-left:25px; padding-right: 100px; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; }
.i_hydt .qh .tab ul li.c a:hover{ color: #3a8866; }
.i_hydt .qh .tab ul li.c span{ position: absolute; right:0px; color: #666666; line-height: 50px; top: 0px; }

/*i_news*/
.i_news{ overflow: hidden; }
.i_news ul,.i_news ul li{ overflow: hidden; }
.i_news ul.l{ float: left; }
.i_news ul.r{ float: right; }
.i_news ul{ width: 49%; margin-top:50px; border:1px solid #eaeceb; height: 358px;background-image: linear-gradient(to bottom, #eff7f2 , #ffffff);}
.i_news ul li.t{ height: 66px; border-bottom: 1px solid #eeeeee; }
.i_news ul li.t dd{ border-left: 3px solid #2c8e68; margin:17px 20px; height: 32px; }
.i_news ul li.t dd span{ font-size: 24px; color: #1a1519; font-weight:bold; margin-left: 15px;}
.i_news ul li.t dd i{ color: #999999; margin-left: 20px;}
.i_news ul li.t dd a{ color: #2c8e68; float: right; line-height: 32px; }
.i_news ul li.c{ height:50px; position: relative; margin: 2px 18px;}
.i_news ul li.c i{ position: absolute; width: 8px; height: 8px; background-color: #999999; left: 0px; top: 21px; }
.i_news ul li.c:hover i{ background-color: #3a8866; }
.i_news ul li.c a{ display: block; color:#666666; line-height: 50px; padding-left:25px; padding-right: 100px; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; }
.i_news ul li.c a:hover{ color: #3a8866; }
.i_news ul li.c span{ position: absolute; right:0px; color: #666666; line-height: 50px; top: 0px; }

/*i_bg*/
.i_bg{ overflow: hidden; width: 100%;background-image: linear-gradient(to bottom, #f6faf7 , #ffffff); margin-top: 80px;}
.i_bg .width1200{ padding: 95px 0px 55px; position: relative;}
.i_bg .width1200 div.l{width: 295px;  position: absolute; left: 0px;}
.i_bg .width1200 div.l ol{ color: #2c8e68; margin-bottom: 10px;}
.i_bg .width1200 div.l dd{ font-size: 36px; color: #1a1519; font-weight:bold; }
.i_bg .width1200 div.r{ float: right; margin-left: 295px; padding-left: 100px; min-height: 80px; border-left:1px solid #eeeeee; font-size: 16px; color: #666666; line-height: 32px;}

/*i_yxqy*/
.i_yxqy_bg{ position:relative;}
.i_yxqy{ height: 650px; padding-bottom: 125px; max-width: 1230px; width: 94%;}
.i_yxqy .flex-viewport{ overflow:initial !important;}
.i_yxqy .slides{ overflow:hidden;}
.i_yxqy .slides li{ height:650px; position: relative;}
.i_yxqy .slides li i{ background-repeat:no-repeat; background-position:50%; position: absolute; left: 15px; right:15px; top: 0px; bottom: 0px; background-size: auto 100%;}
.i_yxqy .slides li .bg{ position: absolute; z-index: 5; padding:25px; width: 650px; height: 310px; background-color: #ffffff; bottom:25px; left: 40px; transform: scale(0);transition:all 1s ease;}
.i_yxqy .slides li.flex-active-slide .bg{transform: scale(1);transition:all 1s ease;}
.i_yxqy .slides li .bg a.x{ position: absolute; width: 40px; height: 40px; background:url(../images/i_yxqy_x.jpg); top: 10px; right:10px; background-size: 100%; }
.i_yxqy .slides li .bg dd{ font-weight: bold; font-size: 36px; color: #333333; margin-top:30px; }
.i_yxqy .slides li .bg dl{ font-size: 16px; line-height: 32px; color: #333333; margin:10px 0px 20px; height: 160px; overflow: hidden;}
.i_yxqy .slides li .bg a.m{ display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; color:#ffffff; background-color: #2c8e68;  border:1px solid #2c8e68;}
.i_yxqy .slides li .bg a.m:hover{color:#2c8e68; background-color: #ffffff;}
.i_yxqy .flex-control-nav{ position:absolute; bottom:70px; left: 0px; width:100%; text-align:center;}
.i_yxqy .flex-control-nav li{ margin:0px 5px; display:inline-block;width:12px;height:12px; cursor: pointer;position: relative;overflow: hidden;}
.i_yxqy .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:#dddddd;}
.i_yxqy .flex-control-nav li a:hover,.i_yxqy .flex-control-nav li a.flex-active{ background-color:#42864f;}
.i_yxqy .flex-direction-nav li a{ position: absolute; width: 40px; height: 70px; text-align: center; line-height: 70px; color:#ffffff; background-color: rgba(58,136,102,.5); z-index: 2; top: 50%; margin-top: -35px; font-size: 32px; border-radius: 10px; }
.i_yxqy .flex-direction-nav li a.flex-prev{ left: 60px; }
.i_yxqy .flex-direction-nav li a.flex-next{ right: 60px; }
.i_yxqy .flex-direction-nav li a:hover{ background-color: #3a8866; }

/*电镀优秀企业*/
.yxqx_list,.yxqx_list li{ overflow: hidden; }
.yxqx_list{ width: 102%; }
.yxqx_list li{ float: left; margin-bottom:40px; height:270px; width: 31.618%; margin-right:1.5%;}
.yxqx_list li a{ display: block; }
.yxqx_list li a ol{ height: 210px; overflow: hidden; }
.yxqx_list li a ol img{ transition:all .5s ease; }
.yxqx_list li a:hover ol img{ transition:all .5s ease;transform: scale(1.1);}
.yxqx_list li a dd{ overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; font-size: 18px; height: 60px; line-height: 60px; color: #000000; }
.yxqx_list li a:hover dd{color: #2c8e68;}

/*友情链接*/
.yqlj_bg{ border-top: 1px solid #f1f4f2;border-bottom: 1px solid #eeeeee; overflow: hidden;width: 100%;background-image: linear-gradient(to bottom, #f6faf7 , #fbfdfb); }
.yqlj_bg .width1200{padding: 30px 0px;}
.yqlj_bg .width1200 dd{ font-size: 20px; color: #191919;  height:45px;}
.yqlj_bg .width1200 dd i{ border-bottom: 3px solid #42864f; padding-bottom: 15px; }
.yqlj_bg .width1200 dl{ overflow: hidden; height: 32px; margin-top: 30px;  position: relative;padding-right: 30px;}
.yqlj_bg .width1200 dl.on{ height: auto; min-height: 64px; }
.yqlj_bg .width1200 dl a{ display: block; font-size: 16px; color:#999999; line-height: 32px; float: left; margin-right: 50px; }
.yqlj_bg .width1200 dl a:hover{color:#42864f;}
.yqlj_bg .width1200 dl a.x{ position: absolute; right:0px; padding-left: 20px; color:#999999;margin-right: 0px;}
.yqlj_bg .width1200 dl a.x i{ position: absolute; width: 12px; left: 0px; top: 50%; margin-top:-4px; height: 8px;background: url(../images/xl.png) no-repeat scroll center center; }
.yqlj_bg .width1200 dl.on a.x i{transform: rotate(180deg);}
.yqlj_bg .width1200 dl a.x span.l,.yqlj_bg .width1200 dl.on a.x span.s{ display: block; }
.yqlj_bg .width1200 dl a.x span.s,.yqlj_bg .width1200 dl.on a.x span.l{ display: none; }

/*foot_t_bg*/
.foot_t_bg{ padding: 40px 0px 70px;background-image: linear-gradient(to bottom, #fbfdfb , #ffffff);overflow: hidden;}
.foot_t_bg div{ overflow: hidden; }
.foot_t_bg div.l{ float: left; }
.foot_t_bg div.l.z{ width: 406px; color: #333333;line-height: 32px;}
.foot_t_bg div.l.z ol{ margin-bottom: 15px; }
.foot_t_bg div.l.z ol a{ display: block; }
.foot_t_bg div.l.z ol a img{ margin-bottom: -4px; }
.foot_t_bg div.l.z ol a p{ font-size: 22px; color:#333333; font-weight:bold; margin-top:15px; }
.foot_t_bg div.l.z dl{ overflow: hidden; }
.foot_t_bg div.l.z dl a{ color:#333333; }
.foot_t_bg div.l.z dl a:hover{color:#42864f;}
.foot_t_bg div.l.z dl p{ position: relative; padding-left:40px; }
.foot_t_bg div.l.z dl p img{ position: absolute; left: 0px; top:8px; }
.foot_t_bg div.l.c{ width: 306px; }
.foot_t_bg div.l.c dd{ font-size: 16px; color: #333333; }
.foot_t_bg div.l.c dl{ line-height: 32px; margin-top:15px; }
.foot_t_bg div.l.c dl a{ display: block; color: #999999; }
.foot_t_bg div.l.c dl a:hover{color:#42864f;}
.foot_t_bg div.r{ float: right; width: 120px;}
.foot_t_bg div.r ol{ border: 1px solid #eeeeee; width: 118px; height: 118px; }
.foot_t_bg div.r dd{ text-align: center; color: #333333; margin-top:10px;}

/*foot_f_bg*/
.foot_f_bg{ overflow: hidden; width: 100%; background-color: #f2f2f2;}
.foot_f_bg dl{ line-height: 46px;  color: #999999;}
.foot_f_bg dl a{ color: #999999;}
.foot_f_bg dl a:hover{color:#42864f;}
.foot_f_bg dl.l{ float: left; margin-right: 30px;}
.foot_f_bg dl.l a{ margin:0px 5px; }
.foot_f_bg dl.r{ float: right; }

/*ny_banner*/
.ny_bg{background-image: linear-gradient(to bottom, #f4f9f5 , #ffffff); width: 100%; overflow: hidden;}
.ny_banner{ width: 100%; height: 480px; background-repeat: no-repeat; background-position: 50%; display:flex;align-items:center; }
.ny_banner .width1200{ text-align: center; font-size: 36px; color:#ffffff; font-weight:bold;text-transform: uppercase;}

/*ny_lm*/
.ny_lm{ border-bottom: 1px solid #eeeeee; overflow: hidden; }
.ny_lm .width1200{ height: 70px; }
.ny_lm .width1200 a{ font-size: 16px; color: #999999; display: block; line-height: 67px; float: left; margin-right: 30px; border-bottom: 3px solid #ffffff;}
.ny_lm .width1200 a:hover,.ny_lm .width1200 a.on{ border-bottom: 3px solid #2c8e68; color: #2c8e68; }

/*about_t*/
.about_t{ min-height: 360px; padding: 40px 0px; background: url(../images/about_bg.jpg) no-repeat scroll center center; position: relative;}
.about_t div.c{ padding-right: 405px;  color: #333333;}
.about_t div.c dd{ font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.about_t div.c dl{ font-size: 16px; line-height: 32px;}
.about_t img.r{ position: absolute; top: 50%; margin-top:-45px; right:60px; max-width: 250px;}

.about_bg{ padding: 60px 0px; border-bottom: 1px solid #eeeeee;}
.about_bg .width1200 div.t{ border-bottom: 1px solid #cccccc; padding-bottom: 50px; }
.about_bg .width1200 div.t dl.l{ float: left; width: 285px; font-size: 30px; font-weight:bold; color: #333333; }
.about_bg .width1200 div.t dl.l i{ color: #2c8e68; }
.about_bg .width1200 div.t dl.r{ float: right; font-size: 16px; color: #333333; line-height: 36px; width: 895px;}
.about_bg .width1200 div.f{padding: 20px 0px; font-size: 16px; color: #333333; line-height: 36px;}

.about_gy{ padding: 50px 0px 120px; }
.about_gy div.t{font-size: 30px;font-weight: bold;color: #333333; margin-bottom: 40px;}
.about_gy div.t i{ color: #2c8e68; }
.about_gy ul,.about_gy ul li{ overflow: hidden; }
/*.about_gy ul{ border-top: 1px solid #eeeeee; }
.about_gy ul li{ border-bottom: 1px solid #eeeeee; height: 60px;}
.about_gy ul li dl{ line-height: 60px;  font-size: 16px;}
.about_gy ul li dl.l{ float: left; width: 25%; margin-left: 2%;}
.about_gy ul li dl.r{ float: right;  color: #666666; width: 70%;}*/
.about_gy ul li{ width: 49.167%; position: relative; margin-bottom: 30px;}
.about_gy ul li.l{ float: left; }
.about_gy ul li.r{ float: right; }
.about_gy ul li .bg{border:1px solid #eeeeee; padding: 20px 15px; overflow: hidden; position: relative;}
.about_gy ul li .bg div{ max-height: 275px; }
.about_gy ul li .bg div.l{ float: left; width: 49.3%;}
.about_gy ul li .bg div.l img{ margin-bottom: -4px; }
.about_gy ul li .bg div.r{ width: 44.5%; position: absolute; top: 20px; bottom: 20px; right: 15px;}
.about_gy ul li .bg div.r dd{ font-size: 24px; color: #333333; font-weight: bold; }
.about_gy ul li .bg div.r dl{ font-size: 18px; color:#333333; margin-top:25px; }
.about_gy ul li .bg div.r ol{ position: absolute; bottom: 0px; }
.about_gy ul li .bg div.r ol a{ display: block; width: 140px; height: 40px; background-color: #42864f; color: #ffffff; font-size:16px; border:1px solid #42864f; text-align: center; line-height: 40px;}
.about_gy ul li .bg div.r ol a:hover{ background:none; color: #42864f; }

.popupbox{width:90%; max-width:480px;overflow:hidden;display:none;position:fixed;top:50%;left:50%;z-index:999992;background:#ffffff; border-radius:8px; overflow: hidden;}
.popupbox a.popupbox_i{position:absolute; right: 15px; top:15px;width: 24px; height: 24px;background:url(../images/gb.png) no-repeat;}
.popupbox .con{ padding:30px; overflow: hidden;}
.popupbox .con .form-group{overflow: hidden; margin-bottom: 10px;}
.popupbox .con .form-group label{ display: block; margin-bottom: 10px; font-size:18px; }
.popupbox .con .form-group div.col-md-10{ border:1px solid #cccccc;}
.popupbox .con .form-group div.col-md-10 input,.popupbox .con .form-group div.col-md-10 textarea{outline:none; border:0px; width:96% !important; padding: 0px 2%; font-size: 16px;color:#333333;}
.popupbox .con .form-group div.col-md-10 input{ height: 40px; line-height: 40px;}
.popupbox .con .form-group div.col-md-10 input::-webkit-input-placeholder {color: #C0C0C0;}
.popupbox .con .form-group div.col-md-10 textarea{ font-family:"Microsoft YaHei",Arial; height: 120px !important; line-height: 30px;}
.popupbox .con dl.t{ text-align:center; }
.popupbox .con dl.n{ text-align:center; font-size: 18px; color: #333333; margin: 15px 0px;}
.popupbox .con dl.b{}
.popupbox .con dl.b button{ border:0px;outline:none;  height: 40px; background-color: #a0a0a0; color: #ffffff; font-size:16px;text-align: center; line-height: 40px; width: 100%;}
.popupbox .con dl.b button:hover{ background:#42864f; }


#fade { display:none;background: #000000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index:999991;}

/*协会章程*/
.xhzc{ border:1px solid #eeeeee; position: relative; overflow: hidden; padding: 60px 40px 170px; height:100vh; margin: 40px 0px 100px; }
.xhzc.on{ height: auto; padding: 60px 40px;}
.xhzc a.xz{ position: absolute; color: #999999;  top: 20px; right: 25px; padding-right:35px; background:url(../images/xz.png) no-repeat scroll right center; line-height: 20px;}
.xhzc a.xz:hover{ color: #2c8e68;}
.xhzc .hidden{ height: 100%; }
.xhzc .hidden dd,.xhzc .hidden ol,.xhzc .hidden dl{ color:#333333; margin-bottom: 15px; }
.xhzc .hidden dd{ text-align: center; font-size: 36px; font-weight: bold;}
.xhzc .hidden ol{ text-align: center;  font-size: 24px; font-weight: bold;}
.xhzc .hidden dl{font-size: 16px;line-height: 32px;}
.xhzc a.gd{ font-size: 18px; color: #999999; position: absolute; left: 0px; right: 0px; text-align: center; bottom: 80px; line-height: 25px; }
.xhzc.on a.gd{ display: none; }
.xhzc a.gd:hover{ color: #2c8e68;}

/*组织机构*/
.zzjg{ padding: 40px 0px 120px; }
.zzjg .tit{  text-align: center;font-size: 36px; font-weight:bold; border-bottom: 1px solid #eeeeee; padding-bottom: 20px; margin-bottom: 40px; }
.zzjg .name{ text-align: center; font-size: 24px; color: #333333;font-weight:bold; margin-bottom: 40px;}
.zzjg ul,.zzjg ul li{ overflow: hidden; }
.zzjg ul{ margin-bottom: 40px;}
.zzjg ul li dl{ float: left; font-size: 16px; color: #333333; margin-left: 2%;}
.zzjg ul li.t{ background-color: #eeeeee; }
.zzjg ul li.t dl{ line-height: 50px;}
.zzjg ul li.c{ border-bottom: 1px solid #eeeeee; padding: 12px 0px;}
.zzjg ul li.c dl{ line-height: 25px; }
.zzjg ul li dl.d1{ width: 19%;}
.zzjg ul li.c dl.d1{ color: #2c8e68; }
.zzjg ul li dl.d2{ width: 32%; }
.zzjg ul li dl.d3{ width: 22%;}
.zzjg ul li dl.d4{ width: 19%; }

.zzjg div.hidden{ font-size: 16px; line-height: 32px; }


/*团队会员申请表*/
.tdsqb{ padding: 30px 0px 90px; }
.tdsqb .tit{ text-align:center;font-size: 36px; font-weight:bold; padding-bottom: 20px; margin-bottom: 40px; }
.tdsqb .bd{ border: 1px solid #eeeeee; padding: 40px 30px 60px; font-size: 16px; line-height: 40px; }
.tdsqb .name{ font-size: 24px; font-weight:bold; color: #333333; line-height: 80px; }
.tdsqb .wdxz{border: 1px solid #eeeeee; position: relative; height:88px;}
.tdsqb .wdxz a.l{ position: absolute; font-size: 16px; color: #2c8e68; padding-left: 78px;background:url(../images/down.jpg) no-repeat scroll 30px center; line-height: 88px; width: 165px;}
.tdsqb .wdxz dl{ line-height: 88px; font-size: 16px; color: #333333; padding-left:35px; border-left: 1px solid #eeeeee; margin-left: 245px;}

/*协会收费标准*/
.hysqbz{ padding: 50px 0px 120px; }
.hysqbz .tit{ text-align:center;font-size: 36px; font-weight:bold; padding-bottom: 20px; margin-bottom: 40px; }
.hysqbz ul,.hysqbz ul li{ overflow: hidden; }
.hysqbz ul{ width: 104%; }
.hysqbz ul li{ float: left; background-color: #eeeeee; height: 150px; margin-bottom:20px; width:31.3%; margin-right:1%; display:flex;align-items:center;}
.hysqbz ul li div.bg{ padding: 0px 8%; width: 84%; }
.hysqbz ul li div.bg dd{ font-size: 24px; font-weight:bold; }
.hysqbz ul li div.bg ol{ font-size: 16px; margin-top:30px;}

/* 行规公约*/
.hggy{ padding: 40px 0px 120px; }
.hggy .tit{ text-align:center;font-size: 36px; font-weight:bold;margin-bottom: 20px; }
.hggy .con{border:1px solid #eeeeee; overflow: hidden; padding: 30px;}
.hggy .con ol,.hggy .con dl{ color:#333333; margin-bottom: 30px; }
.hggy .con ol{ text-align: center;  font-size: 24px; font-weight: bold;}
.hggy .con dl{font-size: 16px;line-height: 32px;}

/*ny_tit*/
.ny_page{ padding: 50px 0px 90px; }
.ny_tit{ overflow: hidden; margin-bottom: 30px; }
.ny_tit dl.l{ float: left; }
.ny_tit dl.l.hybz_name{ padding-left:62px; background:url(../images/hybg_name.png) no-repeat scroll left center; }
.ny_tit dl.l span{ font-size:36px; font-weight: bold;  line-height: 48px;}
.ny_tit dl.l i{ color: #999999; margin-left:15px; }
.ny_tit dl.r{ float: right;  color: #999999; line-height: 48px;}
.ny_tit dl.r a{ color: #333333; }
.ny_tit dl.r a:hover{ color: #2c8e68;}
.ny_tit dl.r i{color: #2c8e68;}

/*会员申请表*/
.rhtj{ background-color: #2c8e68; overflow: hidden; padding: 20px; color: #ffffff; }
.rhtj dd{ font-weight: bold; font-size:24px; margin-bottom: 10px; }
.rhtj dl{ font-size: 16px; line-height: 35px; }

.sqb_name{ font-size: 24px; color: #333333; font-weight: bold; line-height: 80px; }

.sqb_con div.l{ float: left; font-size:16px; line-height: 32px; color: #333333; border:1px solid #eeeeee; min-height: 770px; padding: 30px 2.5%; width: 61%;}
.sqb_con div.r{ float: right; width: 32%; min-height: 832px;}
.sqb_con div.r a.xz{ display: block; height: 60px; line-height: 60px; background-color: #2c8e68; text-align: center; font-size: 16px;color:#ffffff; }
.sqb_con div.r a.xz:hover{ opacity: 0.8; }
.sqb_con div.r div.c{ margin-top: 8px; overflow: hidden; background-color: #f2f2f2; padding:30px 20px; }
.sqb_con div.r div.c dl{ font-size: 16px; line-height: 32px; }
.sqb_con div.r div.c ol{ margin-top:60px; height: 50px; line-height: 50px; background-color: #2c8e68; text-align: center; font-size: 16px;color:#ffffff;}
.sqb_con div.r div.c ol a{color:#ffffff;}
.sqb_con div.r div.c ol a:hover{ text-decoration:underline; }

/*电镀生产准入证申请*/
.rzsq_list,.rzsq_list li{ overflow: hidden; }
.rzsq_list{ width: 102%; }
.rzsq_list li{ position: relative; height: 180px; width: 31.9%; margin-right: 1.2%; float: left; margin-bottom:30px;}
.rzsq_list li a{ position: absolute; left: 0px; right: 0px; bottom:0px; top:0px; display:flex;align-items:center; border:1px solid #f7f7f7;}
.rzsq_list li a:hover{ background-color: #2c8e68;border:1px solid #2c8e68; }
.rzsq_list li a .bg{ width: 100%; position: relative; padding-top: 60px; }
.rzsq_list li a .bg i{ position: absolute; width: 51px; height: 44px; left: 50%; margin-left: -25.5px; top: 0px;}
.rzsq_list li a:hover .bg i{ background-position: 0px -100%; }
.rzsq_list li a .bg dd{ font-size: 18px; color: #333333; text-align: center; }
.rzsq_list li a:hover .bg dd{color: #ffffff;}

/*准入通知*/
.zrtz{ border:1px solid #eeeeee;  padding:30px; overflow: hidden; }
.zrtz dd{ text-align: center; font-size: 36px; color:#c80000;}
.zrtz ol{ text-align: center; font-size: 16px; border-bottom: 1px solid #eeeeee; line-height: 80px;}
.zrtz dl{ font-size: 16px; line-height: 32px; padding: 40px 0px;}

/*准入材料*/
.zbcl_con{ overflow: hidden; }
.zbcl_con div.l{ float: left; width: 67%; font-size: 16px; line-height: 40px; padding-top: 20px; border-top: 1px solid #eeeeee;}
.zbcl_con div.l strong{ font-size: 24px; }
.zbcl_con div.r{ float: right; width: 27%; }
.zbcl_con div.r a.xz{ border:1px solid #eeeeee; display: block; height: 60px; line-height: 60px; background-color: #2c8e68; font-size: 16px; color: #ffffff;  position: relative; padding-left:30px;}
.zbcl_con div.r a.xz:hover{ opacity: 0.8; }
.zbcl_con div.r a.xz img{ position: absolute; right: 20px; top: 50%; margin-top: -12px;}
.zbcl_con div.r dl{ margin-top: 20px; border:1px solid #eeeeee; overflow: hidden; padding:20px; font-size: 16px; line-height: 32px;}

/*准入证书*/
.zrzs{border:1px solid #eeeeee;padding:30px;overflow:hidden; min-height: 670px; position: relative; text-align: center;}

/*准入名单*/
.sq_bg{ overflow: hidden; border-top: 1px solid #eeeeee;}
.sq_bg .tit{ font-size: 24px; padding: 20px 0px; }
.sq_bg .so{ margin-bottom:20px;  height: 40px; }
.sq_bg .so div.l{ background-color: #eeeeee;float: left; height: 40px; width: 24%; max-width: 285px; position: relative; }
.sq_bg .so div.l i{ position: absolute; right: 15px; font-size: 16px; top: 50%; margin-top: -8px; }
.sq_bg .so div.l span,.sq_bg .so div.l dl a{ color:#999999;line-height: 40px;height: 40px;}
.sq_bg .so div.l span{ display: none; padding-left: 15px;  position: absolute;left: 0px;right:0px;}
.sq_bg .so div.l span.on{ display: block; }
.sq_bg .so div.l dl{ display: block;background-color: #eeeeee; display: none; z-index: 8; padding: 10px 0px; top: 40px; position: absolute; left: 0px; right: 0px;}
.sq_bg .so div.l:hover dl{ display: block; }
.sq_bg .so div.l dl a{ display: block;padding:0px 10px;}
.sq_bg .so div.l dl a:hover{ background-color: #2c8e68; color: #ffffff;}

.sq_bg .so div.c{ float: left; height: 40px; width: 47%; padding: 0px 1%; background-color: #eeeeee; margin-left: 2%;}
.sq_bg .so div.c input.i{ float: left; border:0px; height: 40px;outline:none; color: #999999; background:none; width: 84%; }
.sq_bg .so div.c input.i::-webkit-input-placeholder {color: #999999;}
.sq_bg .so div.c input.b{ height: 40px; width: 16%; background: url(../images/so2.png) no-repeat scroll right center #eeeeee;outline:none; border: 0px;}

.sq_bg .so div.r{ float: right; height: 40px; line-height: 40px; background-color: #2c8e68; color: #ffffff; width: 24%; max-width: 285px;}
.sq_bg .so div.r i.z{ float: left; margin-left: 15px;}
.sq_bg .so div.r i.y{ float: right;  margin-right:15px;}

.sq_bg .md,.sq_bg .md li{ overflow: hidden; }
.sq_bg .md{ min-height: 60vh; width: 102%; }
.sq_bg .md li{ float: left; height: 220px; width: 23.3%; margin-right: 1.5%; position:relative; margin-bottom:20px;}
.sq_bg .md li .bg{ position: absolute; top: 0px; left: 0px; right:0px; bottom: 0px; border: 1px solid #eeeeee; padding: 20px;}
.sq_bg .md li .bg dd{ margin-bottom: 20px; }
.sq_bg .md li .bg dd b{ font-size: 48px; }
.sq_bg .md li .bg dd i{ color: #2c8e68; margin-left: 5px; }
.sq_bg .md li .bg ol{ font-size: 20px; margin-bottom: 14px; height: 52px; overflow: hidden;}
.sq_bg .md li .bg dl{ font-size: 16px; color:#999999; }

.sq_bg .zrmd,.sq_bg .zrmd li{ overflow: hidden; }
.sq_bg .zrmd{ width: 102%; min-height: 80vh; }
.sq_bg .zrmd li{ float: left; margin-bottom:20px; height: 220px; position: relative; width: 23.3%; margin-right:1.5%; }
.sq_bg .zrmd li div.bg{ border: 1px solid #eeeeee; position: absolute; left: 0px; right:0px; bottom: 0px; top: 0px; padding: 20px; }
.sq_bg .zrmd li div.bg dd{}
.sq_bg .zrmd li div.bg dd b{ font-size: 48px; }
.sq_bg .zrmd li div.bg dd i{ color: #2c8e68; margin-left: 10px; }
.sq_bg .zrmd li div.bg ol{ font-size: 20px; margin:15px 0px; overflow: hidden; height: 52px;}
.sq_bg .zrmd li div.bg dl{ font-size: 16px; color: #999999; }

/*fenye*/
.fenye{ text-align: center; margin-top:20px; line-height: 35px; color:#333333; }
.fenye i{ color: #2c8e68; margin-right: 10px; }
.fenye span,.fenye a{ border-radius: 4px; padding: 6.5px 12px; margin: 0px 10px;}
.fenye a{ border: 1px solid #eeeeee;  color: #333333;}
.fenye a:hover,.fenye span{ border: 1px solid #2c8e68; background-color: #2c8e68; color: #ffffff; }

/*污泥处理*/
.sq_bg .wncl,.sq_bg .wncl li{ overflow: hidden; }
.sq_bg .wncl{ min-height: 60vh; width: 102%; }
.sq_bg .wncl li{ float: left; height: 460px; margin-bottom:20px; width: 31.9%; margin-right: 1.1%; position: relative; }
.sq_bg .wncl li .bg{ position: absolute; top: 0px; left: 0px; right:0px; bottom: 0px; border: 1px solid #eeeeee; padding: 20px;}
.sq_bg .wncl li .bg dd{font-size: 24px; font-weight:bold; margin-bottom:15px;}
.sq_bg .wncl li .bg ol{ font-size: 16px; color: #2c8e68; margin: 15px 0px;}
.sq_bg .wncl li .bg dl{ font-size: 16px; color: #999999; line-height: 36px; }

/*行业标准*/
.hybz .hidden.l{ float: left; width: 69%; border-top: 1px solid #eeeeee;}
.hybz .hidden.l ul,.hybz .hidden.l ul li{ overflow: hidden; }
.hybz .hidden.l ul.list{margin-bottom: 40px; min-height: 800px;}
.hybz .hidden.l ul.list li{ height: 55px; line-height: 55px; border-bottom: 1px dashed #eeeeee; }
.hybz .hidden.l ul.list.hybz_l li{ border-bottom:0px; }
.hybz .hidden.l ul.list.hybz_l li.x{ border-top: 1px solid #eeeeee;}
.hybz .hidden.l ul.list li a{ display: block; float: left; font-size: 16px; color: #666666; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;  overflow: hidden; width: 50%;}
.hybz .hidden.l ul.list li a:hover{ color: #3a8866; }
.hybz .hidden.l ul.list li i{ float: right; display: block; color: #999999; }
.hybz .hidden.r{ float: right; width: 28%; max-width: 330px; }
.hybz .hidden.r ul,.hybz .hidden.r ul li{ overflow: hidden; }
.hybz .hidden.r ul{ margin-bottom: 20px; border:1px solid #eeeeee; border-top:3px solid #2c8e68; padding: 20px; min-height: 300px;}
.hybz .hidden.r ul li.t{ font-size: 24px; font-weight: bold; color: #333333; line-height: 52px; margin-bottom: 10px;}
.hybz .hidden.r ul.t li.c{border-bottom: 1px dashed #eeeeee;}
.hybz .hidden.r ul.t li.c a{ display: block; color: #666666;}
.hybz .hidden.r ul.t li.c a dd{ font-size: 20px;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; }
.hybz .hidden.r ul.t li.c a:hover dd{color: #2c8e68;}
.hybz .hidden.r ul.t li.c a ol{ font-size: 15px; line-height: 40px; }
.hybz .hidden.r ul.t li.f a{ font-size: 15px; display: block;  color: #666666; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; line-height: 42px; }
.hybz .hidden.r ul.t li.f a:hover{color: #2c8e68;}
.hybz .hidden.r ul.f li.c a{ font-size: 15px;color: #333333;display: block;line-height: 42px; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; }
.hybz .hidden.r ul.f li.c a:hover{color: #2c8e68;}

.hybz .hidden.r a.sq{ display: block; height: 50px; text-align: center; background-color: #2c8e68; line-height: 50px; color: #ffffff; font-size: 18px;color: #ffffff }
.hybz .hidden.r a.sq:hover{ opacity: 0.8; }

/*行业动态*/
.bannre_hydt{ height: 300px; }

/*动态详情*/
.hybz .hidden.l ul.dt_show li{ height: auto; border-bottom: 0px;}
.hybz .hidden.l ul.dt_show li.t{ text-align: center; color:#333333; font-weight: bold; font-size: 30px; padding: 15px 0px; }
.hybz .hidden.l ul.dt_show li.n{ text-align: center;color: #999999; margin-bottom: 30px; }
.hybz .hidden.l ul.dt_show li.c{ font-size: 16px; color: #333333; line-height: 35px; }
.hybz .hidden.l ul.dt_show li.x{}
.hybz .hidden.l ul.dt_show li.x dd{ font-size: 24px; margin-bottom: 10px; text-transform: uppercase; }
.hybz .hidden.l ul.dt_show li.x dl{ overflow: hidden; }
.hybz .hidden.l ul.dt_show li.x dl a{ font-size: 18px; color: #2c8e68; line-height: 35px; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; display: block;}
.hybz .hidden.l ul.dt_show li.x dl a:hover{ text-decoration: underline;}
.hybz .hidden.l ul.dt_show li.f{ margin-top:40px; border-top: 1px solid #eeeeee; padding-top: 15px; position: relative; }
.hybz .hidden.l ul.dt_show li.f dl{ line-height: 32px;  color: #999999; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; width: 50%;}
.hybz .hidden.l ul.dt_show li.f dl a{ color: #666666; }
.hybz .hidden.l ul.dt_show li.f dl a:hover{color: #2c8e68;}
.hybz .hidden.l ul.dt_show li.f a.fh{ position: absolute; color: #2c8e68; right:0px; top: 32px; }

.db{ position: fixed; right: 2%; bottom: 5%;  color: #666666;  text-align: center; display: none;}
.db.on{ display: block; }
.db i{ font-size: 24px;}
.db p{ font-size: 16px;}
.db:hover{color: #2c8e68;}

/*政策法规*/
.hybz .hidden.z{float: left;width: 69%;}
.hybz .hidden.z ul,.hybz .hidden.z ul li{ overflow: hidden; }
.hybz .hidden.z ul{ width: 48%; height: 600px; margin-bottom: 25px; }
.hybz .hidden.z ul.l{ float: left; }
.hybz .hidden.z ul.r{ float: right; }
.hybz .hidden.z ul li.t{ font-size: 24px; color: #2c8e68; line-height: 70px; border-top: 3px solid #2c8e68; }
.hybz .hidden.z ul li.c{ margin-bottom:15px; }
.hybz .hidden.z ul li.c a{ display: block; }
.hybz .hidden.z ul li.c a dd{ font-size: 15px; color: #0a0a12; line-height: 30px; max-height: 60px; overflow: hidden; }
.hybz .hidden.z ul li.c a:hover dd{ color: #2c8e68; }
.hybz .hidden.z ul li.c a ol{ font-size: 12px; color: #999999; margin-top: 10px; }
.hybz .hidden.z ul li.f{ text-align: right; }
.hybz .hidden.z ul li.f a{ color: #2c8e68; }
.hybz .hidden.z ul li.f a:hover{ text-decoration: underline; }

/*zcfh_list*/
.zcfh_list,.zcfh_list li{ overflow: hidden; }
.zcfh_list{ border-top:1px solid #eeeeee; padding-top: 20px; }
.zcfh_list li.bg a{ background-color: #eeeeee; }
.zcfh_list li a{ display: block; padding: 25px; }
.zcfh_list li a dd{ font-size: 15px; color: #0a0a12; line-height: 30px; }
.zcfh_list li a:hover dd{color: #2c8e68;}
.zcfh_list li a ol{ font-size: 12px; color: #999999; }

/*zcfh_show*/
.zcfh_show,.zcfh_show li{ overflow: hidden; }
.zcfh_show{ padding-top: 30px; border-top: 1px solid #eeeeee; }
.zcfh_show li.t{text-align: center; font-size: 30px; color: #0a0a12;}
.zcfh_show li.n{ text-align: center; color: #999999; margin:20px 0px;}
.zcfh_show li.c{ font-size: 16px; color: #333333; line-height: 32px; min-height: 80vh;}
.zcfh_show li.f{ margin-top:40px; border-top: 1px solid #eeeeee; padding-top: 15px; position: relative; }
.zcfh_show li.f dl{ line-height: 32px;  color: #999999; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; width: 50%;}
.zcfh_show li.f dl a{ color: #666666; }
.zcfh_show li.f dl a:hover{color: #2c8e68;}
.zcfh_show a.fh{ position: absolute; color: #2c8e68; right:0px; top: 32px; }

/*专家咨询*/
.zjzx{ overflow: hidden; min-height:80vh;  border-top: 1px solid #eeeeee; padding: 30px 0px; font-size: 16px; color: #0a0a12; line-height: 32px;}
.zjzx ul.t,.zjzx ul.t li{ overflow: hidden; }
.zjzx ul.t{ width: 102%; }
.zjzx ul.t li{ float: left; margin-bottom: 25px; height: 175px; width: 32%; position: relative; margin-right:1%;}
.zjzx ul.t li .bg{ position: absolute; top: 0px; left: 0px; right: 0px; bottom:0px; border: 1px solid #eeeeee;  display:flex;align-items:center; }
.zjzx ul.t li .bg div.c{ width: 100%; text-align: center; }
.zjzx ul.t li .bg div.c img{ max-height: 40px; }
.zjzx ul.t li .bg div.c dd{ font-size: 20px; color: #0a0a12; margin:5px 0px; }
.zjzx ul.t li .bg div.c ol{ font-size: 16px; color:#666666; }
.zjzx div.f{ margin-top: 30px; overflow: hidden; }
.zjzx div.f dl{ width: 50%; height: 80px; line-height: 80px; font-size: 24px; text-align: center; }
.zjzx div.f dl.l{ color:#ffffff; background-color: #2c8e68; float: left; }
.zjzx div.f dl.r{ color: #0a0a12; background-color: #eeeeee; float: right;}

/*教育培训*/
.jypx_list,.jypx_list li{ overflow: hidden; }
.jypx_list{ width: 102%; }
.jypx_list li{ float: left; margin-bottom:40px; height:310px; width: 31.618%; margin-right:1.5%;}
.jypx_list li a{ display: block; }
.jypx_list li a ol{ height: 250px; overflow: hidden; }
.jypx_list li a ol img{ transition:all .5s ease; }
.jypx_list li a:hover ol img{ transition:all .5s ease;transform: scale(1.1);}
.jypx_list li a dd{ overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; font-size: 18px; height: 60px; line-height: 60px; color: #000000; }
.jypx_list li a:hover dd{color: #2c8e68;}

/*教育培训详情*/
.jypx_show,.jypx_show li{ overflow: hidden; }
.jypx_show{ padding-top: 30px; border-top: 1px solid #eeeeee; min-height: 80vh; }
.jypx_show li.t{text-align: center; font-size: 30px; color: #0a0a12;}
.jypx_show li.n{text-align: center; color: #999999; margin:20px 0px;}
.jypx_show li.c{ font-size: 16px; line-height: 32px;min-height: 50vh; }
.jypx_show li.f{ margin-top:40px; border-top: 1px solid #eeeeee; padding-top: 15px; position: relative; }
.jypx_show li.f dl{ line-height: 32px;  color: #999999; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; width: 50%;}
.jypx_show li.f dl a{ color: #666666; }
.jypx_show li.f dl a:hover{color: #2c8e68;}
.jypx_show a.fh{ position: absolute; color: #2c8e68; right:0px; top: 32px; }

/*联系我们*/
.lxwm_con{ overflow: hidden; min-height: 80vh; }
.lxwm_con div.t{ font-size: 16px; color: #999999; line-height: 36px; }
.lxwm_con ul.c{ margin:40px 0px; overflow: hidden; }
.lxwm_con ul.c li{ float: left; width: 50%; position: relative; border-bottom: 1px solid #eeeeee; font-size: 16px; overflow: hidden; }
.lxwm_con ul.c li i{ position: absolute; line-height: 25px; left: 0px; top:12px; }
.lxwm_con ul.c li dl{ line-height: 25px; padding: 12px 0px 12px 80px; color: #666666; }
.lxwm_con div.f div.hidden{ height: 370px; width: 50%; display:flex;align-items:center; }
.lxwm_con div.f div.l{ float: left; background-color: #2c8e68; color: #ffffff; }
.lxwm_con div.f div.r{ float: right; background-color: #e6eeeb;  color: #333333;}
.lxwm_con div.f div.hidden div.c{ text-align: center; max-width: 470px; width: 90%; margin:0px auto;}
.lxwm_con div.f div.hidden div.c dd{ font-size: 24px; font-weight: bold; }
.lxwm_con div.f div.hidden div.c dl{ font-size: 16px; height: 128px; overflow: hidden; line-height: 32px; margin:20px 0px; }
.lxwm_con div.f div.hidden div.c ol{ overflow: hidden; }
.lxwm_con div.f div.hidden div.c ol a{ display: block; color: #ffffff; width: 160px; height: 40px; line-height: 40px; margin:0px auto;}
.lxwm_con div.f div.hidden div.c ol a:hover{ opacity: 0.8; }
.lxwm_con div.f div.l div.c ol a{ border: 1px solid #ffffff; }
.lxwm_con div.f div.r div.c ol a{ border: 1px solid #2c8e68; background-color: #2c8e68; }

/*公示栏*/
.gsl_list,.gsl_list li{ overflow: hidden; }
.gsl_list{ width: 102%;border-top: 1px solid #eeeeee; padding: 30px 0px; min-height: 60vh;}
.gsl_list li{ margin-bottom: 15px; float: left; width: 31.9%; margin-right: 1%; height: 140px; position: relative;  }
.gsl_list li a{ position: absolute;border: 1px solid #eeeeee;  top: 0px; left: 0px; right: 0px; bottom:0px; padding: 20px;}
.gsl_list li a dd{ font-size: 16px; color: #0a0a12; line-height: 36px; height: 72px; overflow: hidden; }
.gsl_list li a:hover dd{ color: #3a8866; }
.gsl_list li a ol{ color: #999999; margin-top: 5px;}


/*动画效果*/
#i1,#i2,#i3,#i4,#i5{ position: relative; padding-top:80vh; margin-top:-80vh; }
#i1{z-index: 5;}
#i2{z-index: 4;}
#i3{z-index: 3;}
#i4{z-index: 2;}
#i5{z-index: 1;}

.i_con{ min-height: 2105px; }

#i1 .i_about div.l,#i1 .i_about div.r{ opacity: 0; transition:all .5s ease; }
#i1 .i_about div.l{ margin-left: -50%; }
#i1 .i_about div.r{ margin-right: -50%; }
#i1.on .i_about div.l,#i1.on .i_about div.r{ opacity: 1; transition:all .5s ease; }
#i1.on .i_about div.l{ margin-left: 0px; }
#i1.on .i_about div.r{ margin-right: 0px; }

#i2 .i_hydt .i_hydt_tp,#i2 .i_hydt .qh{opacity: 0; transition:all .5s ease;}
#i2 .i_hydt .i_hydt_tp{ margin-left: -50%; }
#i2 .i_hydt .qh{ margin-right: -50%; }
#i2.on .i_hydt .i_hydt_tp,#i2.on .i_hydt .qh{opacity: 1; transition:all .5s ease;}
#i2.on .i_hydt .i_hydt_tp{ margin-left: 0px; }
#i2.on .i_hydt .qh{ margin-right: 0px; }

#i3 .i_news ul{opacity: 0; transition:all 1.5s ease; height: 0px; padding-top:358px;}
#i3.on .i_news ul{opacity: 1; transition:all 1.5s ease; height: 358px;padding-top:0px;}

#i4 .i_bg .width1200{ opacity: 0;  transition:all .5s ease;}
#i4.on .i_bg .width1200{opacity: 1; transition:all .5s ease;}

#i5 .i_yxqy_bg{ opacity: 0;  transition:all .5s ease;}
#i5.on .i_yxqy_bg{opacity: 1; transition:all .5s ease;}