@charset "utf-8";
.flex{ display: flex;justify-content: space-between;flex-wrap: wrap}
.btn{ display: inline-block;color: #fff;text-align: center;border: 1px solid #818dbd;padding: 10px 52px 10px 16px;background: url(../images/index/arrow.png) no-repeat 90% 45%;margin-top: 8%;-webkit-animation-delay: .8s;animation-delay: .8s;transition: all .3s}
.btn:hover{ color: #fff;background-position: 85% 45%;padding-left: 22px;padding-right: 46px}
.btn img{ vertical-align: -2%}
.text_nowrap{ display: block;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden}
.ellipsis{ display: -webkit-box;overflow: hidden;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all}
.text-center{ text-align: center}
.w5{ width: 6%}
.w44{ width: 44%}
.w53{ width: 53%}
.w50{ width: 48%}
.w20{ width: 20%}
.w30{ width: 30%}
.w80{ width: 80%}
.mt10{ margin-top: 10px}
.mt20{ margin-top: 20px}
.mt30{ margin-top: 30px}
.f18{ font-size: 18px}
.m-show{ display: none}
.text-center{ text-align: center}
.head .nav li.cpyfw .menu dl{ width: 18%}
.head .nav li.cpyfw .menu dl:first-child{ width: 19%}
.head .nav li.cpyfw .menu dl:nth-child(2){ width: 19%;}
.head .nav li.cpyfw .menu dl:nth-child(3){ width: 17%;min-width:17%;}
.head .nav li.cpyfw .menu dl:nth-child(4){ width: 17%;min-width:17%;}
@media screen and (max-width:991px){
 .m-100{  width: 100%!important }
 .m-hide{  display: none!important }
 .m-show{  display: block }
 .m-mt20{  margin-top: 20px!important }
 .m-mt30{  margin-top: 30px!important }
}
@media screen and (max-width:768px){
 .xm-100{  width: 100%!important }
}
.pulldown{ display: inline-block;position: relative}
.pulldown input{ cursor: pointer;background: url(../images/i102.jpg) no-repeat 96%}
.pulldown .butn{ background: 0 0;text-align: left;color: #333;display: block;width: 100%;font-size: 18px;line-height: 44px;height: 44px;padding-right: 28px;padding-left: 8px;background-color: #fff;cursor: pointer}
.pulldown .butn .caret{ position: absolute;right: 8px;top: 50%;margin-top: -3px;width: 11px;height: 6px;background: url(../images/public/triangle_gray.png) no-repeat}
.pulldown .pulldown-menu{ width: 100%;z-index: 999;max-height: 235px;overflow-y: scroll;z-index: 3333;border: 1px solid #efefef;background-color: rgba(255,255,255,.8);position: absolute;top: 44px;left: 0;display: none}
.pulldown .pulldown-menu li{ display: block;padding: 5px 0 5px 10px;margin: 0;font-size: 14px;cursor: pointer}
.pulldown .pulldown-menu li:hover{ color: #262626;text-decoration: none;background-color: #f5f5f5}
html:not(.fp-enabled) .header{ background: rgba(1,9,72,.8)}
.header{ position: fixed;z-index: 99999;width: 100%;height: 62px;background-color: rgba(255,255,255,.07);border-bottom: 1px solid #3b4171;border-color: rgba(255,255,255,.2);top: 0;left: 0}
.head{ width: 94%;height: 62px;margin: auto;color: #333;align-items: center}
.head .default{ display: block}
.head .white{ display: none}
.head .nav{ width: 50%}
.head .nav li>a{line-height: 36px;display: block;position: relative}
.head .nav li>a:after{ content: "";position: absolute;width: 0;height: 3px;background-color: #fbae16;bottom: 0;left: 0;transition: all .3s}
.head .nav li>a.on:after,.head .nav li>a:hover:after{ width: 100%}
.head .nav li.xl{ position: relative}
.head .nav li.xl .text-center dl{ text-align: center}
@media (max-width:991px){
 .head .nav li.xl .text-center dl{  text-align: left }
}
.head .nav li.xl .menu{ width: 214%;left: -50%;height: auto}
.head .nav li.xl .menu dl{ width: 98%;float: none}
.head .nav li.xl .menu dt{ border-bottom: none;padding-bottom: 0;margin-bottom: 0}
.head .nav li.xl .menu dt a{ display: block;line-height: 32px;font-size: 14px;padding: 0 10px;box-sizing: border-box;text-align: center}
.head .nav li.xl .menu dt a:hover{ background-color: #efefef}
@media (max-width:991px){
 .head .nav li.xl .menu dt a{  text-align: left }
 .head .nav li.cpyfw .menu dl{ width: 100%}
}
.head .nav li.ljkpy .menu{ width: 140%;left: -32%}
.head .nav li.ljkpy .menu .container{text-align: right;}
.head .nav li.ljkpy .menu dl{min-width: 10%;display: inline-block;float: inherit;vertical-align: top;}

.head .nav li.zhisuan .menu{ width: 165%;left: -65%}
.head .nav li.zhisuan .menu .container{text-align: right;}
.head .nav li.zhisuan .menu dl{min-width: 10%;display: inline-block;float: inherit;vertical-align: top;}


.head .nav li.cpyfw .menu dl:nth-child(-n+5){ min-height: 375px}
@media (max-width:1440px){
 .head .nav li.cpyfw .menu dl:nth-child(-n+5){  min-height: 282px }
}
.head .nav li.jjfa .menu .dl,.head .nav li.jjfa .menu dl{ min-width: 22%}
.head .menu{ position: absolute;width: 100%;top: 62px;height: auto;background-color: rgba(255,255,255,.9);left: 0;display: none;text-align: center}
.head .menu>div{line-height: 34px;display: block;}
.head .menu .dl{ float: left;min-width: 18%;margin: 0 1% 7px}
.head .menu .dl dl{ float: none}
.head .menu .container dl{ margin: 20px 1% 30px}
.head .menu dl{ float: left;text-align: left;min-width: 18%}
.head .menu dl dt{ border-bottom: 1px solid #ccc;margin-bottom: 5px;padding-bottom: 4px}
.head .menu dl dt a{ color: #000!important;font-size: 20px}
.head .menu dl dd a{ color: #666!important}
.head .menu dl dd a:hover{ color: #333!important}
.head .menu dl dd a i{ display: none}
.head .menu dl dd a i.hot{ display: inline-block;font-style: normal;background-color: #006aff;color: #fff;font-size: 12px;line-height: 16px;padding: 0 5px;border-radius: 3px;margin-left: 3px}
.head .groups-li a i.hot{ display: inline-block;font-style: normal;background-color: #006aff;color: #fff;font-size: 12px;line-height: 16px;padding: 0 5px;border-radius: 3px;margin-left: 3px}
@media (max-width:1440px){
 .head .menu dl{  line-height: 30px }
 .head .menu dl dt a{  font-size: 18px }
 .head .menu dl dd{  font-size: 14px }
}
@media (min-width:1400px){
 .head .jtwq{  position: relative;left: 8% }
}
.head .jtwq .butn{ background: url(../images/public/global_gray.png) no-repeat 0;padding-left: 30px;font-size: 16px}
.head .jtwq .pulldown-menu{ overflow: hidden}
.head .jtwq .pulldown-menu li{ padding: 5px 0}
.head .login .butn{ background: url(../images/public/user_gray.png) no-repeat 0;padding-left: 30px;font-size: 16px;padding-right: 20px}
.head .login .butn .caret{ right: 0}
.head .login .pulldown-menu{ width: 160px;overflow: hidden;right: 0;left: auto}
.head.theme_white .login .butn{ color: #fff}
.head.theme_white .nav li{ color: #fff}
.head.theme_white .nav li a{ color: #fff}
.head.theme_white .default{ display: none}
.head.theme_white .white{ display: block}
.head.theme_white .jtwq .butn{ background: url(../images/public/global_white.png) no-repeat 0;color: #fff}
.head.theme_white .login .butn{ background: url(../images/public/user_white.png) no-repeat 0;color: #fff}
.head.theme_white .pulldown .butn .caret{ background: url(../images/public/triangle_white.png) no-repeat}
@media (max-width:1124px){
 .head .nav{  width: 60% }
 .head .container{  width: 100% }
}
@media (max-width:991px){
 .m-hauto{  height: auto!important }
 .header{  background-color: rgba(0,0,0,.7);height: 50px }
 .head{  height: 50px;width: 96% }
 .head .right{  align-items: center }
 .head .logo{  width: 28% }
 .head .nav{  position: absolute;top: 49px;left: 0;width: 100%;background-color: rgba(1,9,71,.9);background-color: #122a58;max-height: 500px;overflow: scroll;display: none }
 .head .nav ul{  display: block }
 .head .nav ul li{  border-bottom: 1px solid #3a537b;padding: 0 15px }
 .head .nav ul li>a{  line-height: 42px;color: #edfeff }
 .head .nav ul li>a:hover::after{  width: 0 }
 .head .nav ul li>a.on::after{  width: 100% }
 .head .nav ul li.cpyfw .menu dl{  height: auto;min-height: auto;width: 100% }
 .head .menu{  display: none;position: relative;top: 0;background: 0 0;height: auto;padding-top: 2%;left: 0!important;width: 100%!important }
 .head .menu .dl{  margin: 0;float: none }
 .head .menu dl{  margin: 0 0 1%!important;width: 100%;height: auto!important;min-height: auto!important;float: none }
 .head .menu dl dt{  border-bottom: none;padding-bottom: 0;margin-bottom: 0;line-height: 32px }
 .head .menu dl dt a{  font-size: 15px;color: #fff!important;display: block;position: relative }
 .head .menu dl dd{  line-height: 24px;display: none }
 .head .menu dl dd a{  color: #dfdfdf!important;font-size: 14px }
 .head .nav li a{  position: relative }
 .head .nav li a>i.triangle{  position: absolute;width: 40px;height: 100%;background: url(../images/public/dropdown.png) no-repeat center;background-size: 23px;top: 0;right: 0;left: auto;transition: all .3s }
 .head .nav li a.on>i.triangle{  transform: rotate(180deg) }
 .head .menu_button{  position: relative;width: 24px;height: 18px;transition: all .3s;margin-left: 30px }
 .head .menu_button i{  background: #fff;display: block;width: 24px;height: 2px;margin-bottom: 6px;transition: all .3s }
 .head .menu_button i:last-child{  margin-bottom: 0 }
 .head .menu_button.close{  top: -5px }
 .head .menu_button.close i:first-child{  left: 0;top: 12px;transform: rotateZ(45deg);position: absolute }
 .head .menu_button.close i:nth-child(2){  display: none }
 .head .menu_button.close i:last-child{  left: 0;top: 12px;transform: rotateZ(-45deg);position: absolute }
 .head .nav li.cpyfw .menu dl:first-child{ width: 100%}
.head .nav li.cpyfw .menu dl:nth-child(2){ width: 100%;}
.head .nav li.cpyfw .menu dl:nth-child(3){ width: 100%;min-width:17%;}
.head .nav li.cpyfw .menu dl:nth-child(4){ width: 100%;min-width:17%;}
}
.yjgm{margin-left:20%;}
@media (max-width:991px){
   .yjgm{margin-left:0%;} 
}
.head .nav li.cpyfw  .menu a {color: #333;text-align: left;}
.cpyfw .menu {background-color: #F6F8FC;}
.head .nav li.cpyfw li>a:hover:after {display: none;}
.left-menu {float: left;width: 300px;padding-right: 20px;padding-top: 30px;width: 20%;}
.menu-title {font-size: 25px;margin-bottom: 15px;color: #333;}
.slidebar li {height: 50px;line-height: 50px;padding: 0 19px;}
.head .nav li.cpyfw .slidebar li a {font-size: 18px;line-height: 50px;}
.slidebar li i {float: right;display: inline-block;width: 7px;height: 14px;background: url(../images/public/arrow.png) center no-repeat;margin-top: 18px;}
.slidebar li.on {background-color: #004CA0;}
.head .nav li.cpyfw .slidebar li.on a {color: #fff;}
.slidebar li.on i {background: url(../images/public/arrow_h.png) center no-repeat;}
.right-content {float: left;width: 1035px;padding: 30px 0;border-left: 1px solid #E5E5E5;width: 75%;}
.right-content .con-title {padding-left: 30px;padding-bottom: 18px;border-bottom: 1px solid #E5E5E5;text-align: left;}
.right-content .con-title p:first-child {color: #004CA0;font-size: 22px;margin-bottom: 10px;}
.right-content .con-title p:first-child i {display: inline-block;width: 21px; height: 14px;background: url(../images/public/icon_arrow.png) center no-repeat;}
.right-content .con-title .memo {color:#808080;font-size: 16px;}
.right-content .detail {padding-top: 15px;padding-left: 40px;}
.right-content .detail .groups-li h3 {font-size: 20px;font-weight: 700;margin-bottom: 10px;color: #333;}
.right-content .groups-li {float: left;margin-right: 18%;}
.right-content .groups-li li {/* height: 45px; */line-height: 35px;}
.right-content .groups-li li a {font-size: 16px;}
.groups-li .hot a:after {display: inline-block;content: '';width: 38px;height: 21px;margin-left: 5px;background: url(../images/public/icon_hot.png) center no-repeat;}