@charset "utf-8";
/* CSS Document */
body,ul,h1,h2,h3,h4,h5,dl,dd,form,input,textarea,select {padding: 0; margin: 0;font-size: 14px; color:#333;}
p{ margin:0px;}
li { list-style: none;}
img { border: none;}
a { text-decoration: none;color:inherit;}
a:hover{ text-decoration: none;color: #ff4e50;}
em { font-style:normal;}
body { background:#f3f3f3;}
.test { display:none;}
.wrap { width:1200px; margin:0px auto;}
/*top 白色头部*/
.headbox { position: sticky;right:0;top:0;width: 100%; height: 76px; border-bottom: 1px solid #efefef;background:#fff;z-index: 999;}
.head { display: flex; width:1200px;height:76px;margin:0px auto;justify-content: space-between;align-items: center;}
.logo { flex: 170px 0 0; height:40px; width:170px; font-size:24px; font-weight:bold; color:#fff;}
.logo a { color:#fff;display:block; height:100%; overflow:hidden;}
.logo a:hover { color:#333;}
.logo a img {width: 100%;;height: 100%;}
.nav { display: flex; align-items: center;}
.nav .link.current { color:#09AD6C;}
.nav .link {position: relative; margin-left:20px; padding:8px 8px; color:#333; text-decoration:none; cursor: pointer;}
.nav .link:hover { color:#09AD6C;text-decoration: none;}
.nav .help {cursor: default;}
.nav .help .menus{display: none;position: absolute;top: 100%;left: -42px; width: 120px; background-color: #fff;z-index: 999;border-radius: 3px; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);}
.nav .help:hover .menus{display: block;}
.nav .menu-item {cursor: pointer; height: 36px;line-height: 36px; font-size: 16px; text-align: center;}
/* .nav .menu-item:hover {background-color: #F5F5F5;} */
.nav .menu-item .link {height: 100%;padding: 0;margin: 0;}
/* .nav .menu-item .link:not(.current):hover {color: #333;} */
.nav .badge { position: absolute; right: 0; top: -8px; animation: shake .3s linear infinite;}
@keyframes shake{0% {transform: translateY(0.5px);} 100% {transform: translateY(-0.5px);}}
.nav a.video {display: inline-flex;align-items: center; background:#02cd70;color: #fff; padding: 10px 20px; border-radius:4px; box-shadow:0 0 10px rgba(2,205,112,0.2);}
.nav a.video:hover { box-shadow:0 0 10px rgba(2,205,112,0.3);}
.nav a.video img {margin-right: 10px;}
/*end top*/
.rbox { background:#fff; border-radius:4px; width:255px; padding:15px 15px 8px 15px; float:right; margin-bottom:20px;}
.title { font-size:18px; height:35px; line-height:35px; padding:0 0 0 3px; margin:0px 0 10px 0; width:100%;}
.title:before { display:inline-block; content:""; width:3px; height:20px; background:#ff4e50; margin:0 10px -5px 0;}
.title a:before { display:inline-block; content:""; width:3px; height:20px; background:#ff4e50; margin:0 10px -5px 0;}
.title a { display:block;}
.rbox ul { margin:10px auto; width:100%;}
.rbox ul li { width:100%; margin:0px auto; float:left; border-bottom:1px solid #efefef; padding:11px 0px;display: flex;justify-content: flex-start;}
.rbox ul li:hover { background:#f8f8f8;margin:-1px 0 0 -15px; padding:12px 15px 12px 15px; border:none;}
.rbox ul li:hover .star i { background:url(../images/icon.png) no-repeat -400px -4px #f8f8f8;}
.rbox ul li:last-child { border:none;}
.rbox ul li a {}
.news li i { background: #f3f3f3 none repeat scroll 0 0;border-radius: 2px;color: #999;font-family: Arial,Helvetica,sans-serif;margin:8px 5px 0 0;padding: 0 6px; font-style:normal; height:22px; line-height:24px; font-size:12px;}
.news li:nth-child(1) i {background: #fa4e57 none repeat scroll 0 0;color: #fff;}
.news li:nth-child(2) i {background: #fa7a53 none repeat scroll 0 0;color: #fff;}
.news li:nth-child(3) i {background: #ffa742 none repeat scroll 0 0;color: #fff;}
.rimg { width:48px; height:48px; float:left; margin:0 10px 0 0;}
.rimg img { width:48px; height:48px;}
.rbox ul.news { margin-top:-5px;}
.news a { padding:3px 0% 0px 3%; width:90%; line-height:25px; max-height:50px; overflow:hidden; font-size:15px;}
.stitle { float:left; width:195px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; height:22px; line-height:22px;}
.stitle:hover { color:#ff4e50;}
.star { width:100px; height:20px; background:url(../images/icon.png) no-repeat -400px -24px; float:left; margin:3px 0 0 0;}
.star i {background:url(../images/icon.png) no-repeat -400px -4px #fff; float:left; width:100px; height:20px;}
.listbox { display:flex;justify-content:flex-start;align-items: flex-start; flex-wrap:wrap; width:105%;}
.main { display:flex; width:1200px; margin:20px auto;justify-content:space-between; flex-wrap:wrap; }
.main_left { width:895px;}
.list_type { background:#fff; border-radius:4px; width:865px; padding:15px; margin-bottom:20px;}
.list_type ul { display:flex; width:105%;justify-content:flex-start;align-items: flex-start; flex-wrap:wrap; }
.list_type ul li { width:255px; list-style: disc; margin:0 20px 0 20px; color:#ccc;}
.list_type ul li a { display:block; height:22px; line-height:22px; margin:5px auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; color:#666;}
.list_type ul li a:hover { color:#ff4e50;}
#article .list { height:340px;}
.list_img img { width:285px; margin:-20px -15px 0 -15px;}
.list_title { font-weight:bold; margin:10px auto 0 auto;}
.main_right { width:285px;}
.footer { margin:10px auto 0 auto; background:#fff; padding:20px 0; text-align:center; font-size:12px; line-height:22px;}
.foot_info { color:#666;}
.foot_beian { color:#aaa;}
.tj { display:none;}
.links { color:#aaa; float:right;}
.links a { color:#fff; height:60px; padding:0px 25px; display:block; margin:15px 0; text-align:center; border-radius:4px; background:#0078ff; box-shadow:0px 5px 5px rgba(30,60,230,0.2)}
.links a strong { font-size:18px; font-weight:normal; margin:8px 0 0 0; display:inline-block;}
.links a:hover { box-shadow:0px 5px 5px rgba(30,60,230,0.3)}
.links p { color: rgba(255,255,255,0.7); font-size:13px;}
.type { display:flex; justify-content:space-between;flex-wrap:wrap; margin:10px auto; width:255px;}
.type a { width:105px; margin:5px 10px 10px 10px; height:35px; border:1px solid #e8e8e8; line-height:35px; text-align:center; border-radius:4px;}
.type a.current { background:#ff4e50; color:#fff; border:1px solid #ff4e50;}
.guide { display:block; width:100%; margin-bottom:15px; color:#999; font-size:13px;}
.guide a { color:#999;}
.guide a:hover { color:#ff4e50;}
@keyframes round{
  0%{-webkit-transform:rotate(0deg);}
  50%{-webkit-transform:rotate(180deg);}
  100%{-webkit-transform:rotate(360deg);}
}
.detailbox { background:#fff; border-radius:4px; padding:40px 60px; min-height:800px;}
.detail,.user_reviewsbox{ width:680px; margin:0px auto; line-height:30px; font-size:16px; color:#444;}
.detail h3 { margin:40px 0;}
.detail p { margin:15px auto; text-indent:2em; text-align:justify;}
.detail strong { color:#333;}
.detail img { margin:30px auto; max-width:680px; display:block;}
.title_info { border-bottom:1px solid #e8e8e8; color:#aaa; padding:15px 0; font-size:13px; margin-bottom:50px;}
.title_info span { margin-right:20px;}
.detail_info .news_title { font-size:28px; margin:20px 0 0 0;}
.list { margin:0px auto;}
.list_title { font-size:18px; font-weight:bold; line-height:30px; margin-bottom:10px;}
.list li { border-bottom:1px solid #e8e8e8; padding-bottom:40px; margin:30px 0 0 0;}
.list li p { text-indent:0em;  font-size:14px; color:#666; height:40px; position: relative; line-height: 20px; max-height: 40px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pages { margin:50px 0;}
.pages a { padding:3px 10px;}
.pages a.current { color:#ec0000;}
.pages span {background: #ec0000;padding: 3px 10px;color: #fff;margin: 0 5px;}
.pages em { color:#999; padding:3px 10px;}
.alink a { width:40%; margin:0px auto; display:inline-block; margin-right:80px; height:35px; line-height:35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:15px;}
.alink a:nth-child(2n+1) { margin-right:0;}
.tagx a { margin-right:10px; font-size:15px;}
.detail .tagx h3,.detail .alink h3 { margin:40px auto 20px auto;}
.items { margin-left:13px;}
.items dd { cursor:pointer; line-height:35px;}
.items dd a {display:flex;}
.items dd i { background:url(../images/arrow1.png) no-repeat;  width:16px; height:16px; margin:12px 3px 0 3px;}
.items dd.open i.open { background:url(../images/arrow2.png) no-repeat; width:16px; height:16px; margin:12px 3px 0 3px;}
dl.items dl { margin-left:25px;}
dl.items dl.end i { background:none;}
.items dd a.open { color:#ff4e50;}
.dinfo { background:#faf6f2; margin:-20px 0 auto; padding:15px 20px; color:#946333;}
.kefubox { position:fixed; right:30px; top:230px; width:80px;box-shadow:0 0 6px #ccc;border-radius:6px; z-index:1000;}
.kefuimg,.wechat-img { margin:10px auto -5px auto;}
.kefu,.qq,.wechat { height:75px;width:100%; background:rgba(255,255,255,0.8); text-align:center; cursor:pointer; position:relative; float:left;}
.kefu {border-radius:6px 6px 0px 0px; border-bottom:1px solid #e8e8e8;}
.kefu .wechat-inner {position: relative; margin: 0 auto; border-bottom: 1px solid #EFEFEF;}
.kefu .wechat-inner span {position: absolute; top: 4px; left: 26px;}
.kefu .wechat-inner img {display: inline-block; width: 126px; height: 126px; margin-left: 84px;}
.layerbox { display:none;}
.kefu:hover .layerbox { width:250px; text-align:center; position:absolute; left:-240px; top:0px;display:block;}
.layer { 
  margin-right: 20px;
  background: #fff;
  box-shadow: 0 0 12px rgba(7, 7, 7, .08);
  border-radius: 4px;
}
.kefu-qq{
  margin-left: 25px;
  padding-top: 20px;
  display: flex;
}

.layer img { width:100%;}
.layer a {  
  text-decoration: none;
  color: #fff;
}

.layer a em:hover{
  text-decoration: underline;
  color:#20ca8d;
}
.layer a em { color:#20ca8d;}
.corner { width:0px; height:0px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff; display:inline-block; position: absolute; right:13px; top:20px;}
.layer p { line-height:40px;}
.wechat {border-radius:0px 0px 6px 6px;}
.qq {border-bottom:1px solid #e8e8e8;}
.qq:hover .layerbox { 
  width: 206px;
  text-align: center;
  position: absolute;
  left: -196px;
  top: 0px;
  display: block;
}
.qq .layerbox .layer {
  padding-bottom: 10px;
  padding-top: 3px;
}
.qq .layer a { border-bottom:none; padding-bottom:0; margin-bottom:0;}
.qq .layer a .qqimg { width: 180px; height: 180px; padding-top: 4px;}
.qq .layer p {
  color: #333;
  line-height: 12px;
}
.kefu:hover,.qq:hover,.wechat:hover { background:#f0f0f0;}
.wechat:hover .layerbox {width: 220px; text-align:center; position:absolute; left:-210px; top:0px;display:block;}
.wechat .qr-img {display: inline-block; margin:0px auto; width:126px;}
.wechat .layer { padding:10px 0px 16px;}
.wechat p {font-size: 12px; color: #000; line-height: 18px;}
.wechat .layer a {
  margin-bottom: 0;
  color: #000;
}
.menu {
  flex: 1;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  justify-content: flex-end;
}
.menu-item {
  position: relative;
  cursor: pointer;
  padding: 8px;
  margin-left: 14px;
  font-weight: 400;
}
.submenu {
  display: none;
  position: absolute;
  left: -20px;
  width: 120px;
  margin-top: 6px;
  padding: 0;
  border-radius: 3px;
  box-shadow: 0 2px 15px 0 rgba(0,0,0,.1);
  background-color: #fff;
  border: 1px solid #ebeef5;
}
.submenu-item {
  line-height: 36px;
  font-size: 14px;
  color: #354154;
  text-align: center;
}
.menu .menu-item .badge {
  position: absolute;
  right: 0;
  top: -13px;
  animation: shake .3s linear infinite;
}
.menu-item {
  position: relative;
  cursor: pointer;
  padding: 8px;
  margin-left: 14px;
  font-weight: 400;}
  .menu .menu-item:hover .submenu{
    display: block;
  }
  .menu .menu-item .link:hover {
    color: #1FC880;
  }
  .menu-item .link.active {
    color: #1FC880;
    font-weight: normal;
  }
  .submenu-item:hover {
    color: #1FC880;
    background-color: #F5F5F5;
}
.menu .menu-item .link:hover {
  color: #1FC880;
}
.svg-icon{
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
/* .menus:hover .xz-scroll{
display: block;
} */
/* .xz-scroll {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
} */
.xz-scroll::-webkit-scrollbar {
  width: 7px;
  height: 6px;
}
.xz-scroll::-webkit-scrollbar-thumb {
  border-radius: 21px;
  background-color: rgba(0,0,0,.1);
}