@charset "utf-8";
/*-------------------------
公共样式表
包括了头部、底部、菜单、广告、在线客服、边栏等功能
编辑：20230318，黄灿平
--------------------------*/

/* CSS Document */
*{ margin:0; padding:0;}
body{ font:normal 14px/20px "微软雅黑"; background:#fafafa;}
img { vertical-align:middle; border:none; display:inline-block; }
ul, ol ,ul, li{ list-style:none; }
a {text-decoration:none; color:#454545; vertical-align:baseline; transition:all 0.3s linear;}
a:hover { text-decoration:none; color:#000; }
/*chrome滚动条*/
::-webkit-scrollbar-track-piece{-webkit-border-radius:0; background:none;}
::-webkit-scrollbar{width:5px; height:8px;}
::-webkit-scrollbar-thumb{-webkit-border-radius:4px; outline-offset:-2px; height:50px; background-color:rgba(30,150,78,0.6);}
::-webkit-scrollbar-thumb:hover{-webkit-border-radius:4px; height:50px; background-color:rgba(30,150,78,1);}
.clear::after{ content:""; display:block; clear:both; overflow:hidden; width:0; height:0;}

/*-------------------------
头部
编辑：20230318，黄灿平
--------------------------*/
.wrap { position: relative; width: 92%; margin-left: auto; margin-right: auto; max-width: 1200px;}
/*-----头部-----*/
.headerbox { height: 120px;}
.header { background: #fff; position:fixed; width:100%; z-index:9999; top:0px;}
.header::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #dcdcdc;}
.header .head-top { height: 46px; border-bottom: 1px solid #e6e6e6;}
.header .head-top .wrap { display: flex; justify-content: space-between; align-items: center;}
.header .head-top .l-text { font-size: 12px; color: #8a8a8a;}
.header .head-top .l-text a{ color: #8a8a8a;}
.header .head-top .r-search { display: flex;}
.header .head-top .r-search .teldiv { display: flex; font-size: 14px; color: #eb7118; font-weight: bold; align-items: center; margin-right: 24px;}
.header .head-top .r-search .teldiv .ii { width: 27px; height: 27px; margin-right: 8px; background-image: url(../img/public/icon_01.png);}
.header .head-top .r-search .search-box { position: relative; width: 213px;}
.header .head-top .r-search .search-box input { width: 100%; height: 45px; border: none; padding: 0 48px 0 15px; font-size: 14px; box-sizing: border-box; background-color: #f5f5f5;  outline:none;}
.header .head-top .r-search .search-box input::placeholder { color: #b2b2b2;}
.header .head-top .r-search .search-box button { position: absolute; top: 0; right: 0; width: 48px; height: 100%;
  background-image: url(../img/public/icon_02.png);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  background-color: #f5f5f5;
  cursor: pointer;
}
.header .head-nav { display: flex; height: 74px; align-items: center; justify-content: space-between;}
/*logo*/
.header .head-nav a.logo{ display:block;}
.header .head-nav a.logo img{ width:40px; height:auto; vertical-align:middle;}
.header .head-nav a.logo span{ margin-left:10px; font-size:24px; font-weight:bold; color:#333; font-family:"微软雅黑"; vertical-align:middle;}
/*menu*/
.topmenu>li { position: relative; display: inline-block; margin: 0 15px;}
.topmenu li .nav-link{ display:block; height:74px; line-height:74px; font-size:15px; color: #000000; font-weight: bold;}
.topmenu li .nav-link::after { position: absolute; left: 0px; bottom: -2px; content: ""; display: block; clear: both; height: 5px; width: 0px; opacity: 0; z-index: 1; background:#eb7118; transition: all 0.5s ease 0s;}
.topmenu li.active .nav-link,
.topmenu li:hover .nav-link { color:#eb7118;}
.topmenu li.active .nav-link::after,
.topmenu li:hover .nav-link::after { width: 100%; opacity: 1;}
.header .head-nav .r-control { display: none;}
@media only screen and (max-width: 1023px) {
  .headerbox,
  .header .head-nav { height: 55px;}
  .topmenu,
  .header .head-top { display: none;}
  .header .head-nav .logo { width: 220px;}
  .header .head-nav .r-control { display: flex;}
  .phonesearch { display: flex; flex-direction: column; justify-content: center; padding: 0 10px;}
  .phonesearch .sicon { width: 17px; height: 16px; background-image: url(../img/public/icon_19.png); background-size: contain; cursor: pointer;}
  .phonesearch .search-box { position: fixed; top: 55px; left: 0; display: flex; width: 100%; height: 60px; padding: 12px 3%; opacity: 0; visibility: hidden; background-color: #f0f0f0;
      transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
  }
  .phonesearch.on .search-box {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      opacity: 1;
      visibility: visible;
  }
  .phonesearch .search-box input {flex: 1; width: 100%; height: 36px;line-height: 36px; font-size: 14px; padding: 0 10px; border: none; border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
  }
  .phonesearch .search-box button { width: 50px; height: 36px; border: none;
      background-image: url(../img/public/icon_19.png);
      background-repeat: no-repeat;
      background-size: 17px auto;
      background-position: center;
      background-color: #ffffff;
      cursor: pointer;
  }
  .header .head-nav .menubtn { display: inline-block; height: 48px; padding: 18px 10px 15px; font-size: 0;line-height: 48px; text-align: center; cursor: pointer;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s;
  }
  .header .head-nav .menubtn>div {
      display: block; width: 18px; height: 2px; margin-bottom: 3px; border-radius: 3px; background: #252b3a;
      -webkit-transform-origin: 20px;
      transform-origin: 16px;
      -webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
      transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
      transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s;
      transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
      -moz-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
      -ms-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
      -o-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
  }
  .header .head-nav .menubtn.menushow>div {
      opacity: 1;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }
  .header .head-nav .menubtn.menushow>div:nth-child(2) {
      width: 0;
      opacity: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      -webkit-transition: width .5s;
      transition: width .5s;
  }
  .header .head-nav .menubtn.menushow>div:nth-child(1) {
      opacity: 1;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }
}

/*-------------------------
底部
编辑：20230318，黄灿平
--------------------------*/
.footer{ width:100%; height:380px; background:#222; overflow:hidden;}
/*--------友情链接--------
.linkCont{ padding:20px 0;}
.linkCont a{ color:#666;}
.linkCont h4{ font-weight:normal;}
.linkCont h4 span{ display:inline-block; font-size:16px; color:#333; height:18px; line-height:18px; padding:0 8px; border-left:5px solid #000; border-right:5px solid #000;}
.linkCont h4 em{ display:block; font-size:16px; color:#a8a8a8; font-family:"Impact"; margin-top:10px; text-transform:uppercase; background:url(../img/public/kf/lingBg.png) no-repeat right center; height:16px; line-height:16px;}
.linkCont ul{ overflow:hidden; margin-top:15px;}
.linkCont li{ line-height:30px;}
.linkCont li a{ float:left; margin-right:20px; padding-left:24px; background:url(../img/public/kf/linkBg.png) no-repeat left center; text-decoration:none;}*/
.linkCont{ padding-top:20px; text-align:left; background:#1e964e;}
.linkCont h4{ width:1200px; margin:0 auto; font-size:16px; font-weight:normal; color:#fff;}
.linkCont h4 span{ color:#fff;}
.linkCont h4 em{ font-size:14px; font-style:normal; color:#e6e6e6; }
.linkCont h4 i, .linkCont h4 span, .linkCont h4 em{ display:inline-block; margin-right:5px; vertical-align:middle;}
.linkCont h4 i{ width:4px; height:20px; background:#ffc600}
.linkCont ul{  width:1200px; margin:0 auto; padding:10px 0 20px 0; overflow:hidden;}
.linkCont li{ line-height:30px;}
.linkCont li a{ float:left; margin-right:20px; color:#e6e6e6;  text-decoration:none;}
.linkCont li a:hover{ color:#fff;}
/**/
.footer-content{ text-align:center;}
.ab-footer .fter{ height:65px; line-height:65px;}
.ftcont{ width:1200px; margin:0 auto; padding-top:20px;}
.ftcont .ftnav{ float:left; padding:0 100px 0 0;}
.ftcont .ftnav h4{ padding-left:30px; line-height:20px; font-size:18px; font-weight:normal; background:url(../img/public/footer-icon.png) left center no-repeat;}
.ftcont .ftnav h4 a{ color:#fff; text-decoration:none;}
.ftcont .ftnav p{ overflow:hidden; padding-top:20px;}
.ftcont .ftnav p a{ display:block; line-height:30px; color:#808080;}
.ftcont .ftnav p a::before{ content:"-"; padding-right:5px; color:#666;}
.ftcont .ftnav p a:hover{ color:#b7b7b7;}
/*.ftcont .wx dl{ overflow:hidden;}
.ftcont .wx dt{ float:left;}
.ftcont .wx dt img{ display:block;}
.ftcont .wx dd{ margin-left:115px; color:#fff;}
.ftcont .wx dd p{ color:#808080; }
.ftcont .wx dd h4{ margin-top:6px; font-weight:normal; font-size:28px; color:#808080; }
.ftcont .wx dd span{ font-size:16px; display:block;}
.ftcont .wx ul{ overflow:hidden; margin-top:13px;}
.ftcont .wx li{ float:left; margin-right:7px;}
.ftcont .wx li img{ display:block; opacity:0.5;}
.ftcont .wx li:hover img{ display:block; opacity:1;}*/
.ftcont>.container{ padding-bottom:20px; overflow:hidden;}
/*微信二维码*/
.ftcont .wx{ float:right; text-align:left;}
.ftcont .wx img{ display:inline-block; width:170px; height:170px; margin-left:20px; box-sizing:border-box; vertical-align:top;}
.ftcont .wx p{ display:inline-block; vertical-align:top;}
.ftcont .wx p span{ display:block; line-height:30px; font-size:14px; color:#fff;}
.ftcont .wx p span.t1{ color:#808080;}
.ftcont .wx p em{ display:block; padding:30px 0 10px 0; font-style:normal; font-size:40px; font-weight:bold; color:#fff;}
.ftcont .wx p i{ font-size:20px; font-style:normal; color:#fff;}
/*底部信息条*/
.fter{ height:46px; line-height:46px; border-top:1px solid #313131}
.fter .container{ overflow:hidden;}
.fter span, .fter a{ color:#555;}
.fter span em{ margin-left:20px; font-style:normal;}

/*-------------------------
网站边栏
编辑：20230405，黄灿平
--------------------------*/
/*-----在线客服-----*/
.nav{ position:fixed; right:0; top:250px; z-index:9999;}
.nav a{ display:block; width:75px; height:60px; margin-top:1px; padding:7.5px 0; color:#fff; text-align:center; background:rgba(235,165,24,0.8);}
.nav a:hover{ background:rgba(235,165,24,1);}
.nav a i{ display:block; width:32px; height:32px; margin:0 auto; padding-bottom:5px;}
.nav a.nav-icon1 i{ background:url(../img/public/nav-1.png) no-repeat center;}
.nav a.nav-icon2 i{ background:url(../img/public/nav-2.png) no-repeat center;}
/*协会公众号*/
.wm-gzha{ position:relative;}
.wm-gzha .wm-gzh{ display:none;}
.wm-gzha:hover .wm-gzh{ display:block; position:absolute; right:88px; top:0;}
.wm-gzha:hover .wm-gzh img{ width:200px; height:200px;}

/*--返回顶部按钮--*/
#goToTop{ display:none; position: fixed; right:0; top:402px;}
#goToTop a{ display:block; width:75px; height:60px; margin-top:1px; padding:7.5px 0; color:#fff; text-align:center; background:rgba(203,203,203,0.7);}
#goToTop a:hover{ background:rgba(203,203,203,1);}
#goToTop a i{ display:block; width:40px; height:40px; margin:0 auto; background:url(../img/public/top.png) no-repeat center;}