/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h3,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h3,h5,h6{font-weight: normal;}
BODY {FONT: 14px/1.5 Arial; background: #fff; overflow-x: hidden;width:100%; }
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast;}
.container-s{max-width:1600px;margin:0 auto}
.container{max-width:1340px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.box{box-sizing:border-box;}


/* 多行省略 */
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.line5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

/* 绝对定位居中 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}

::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;scrollbar-arrow-color:red;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}

/* 图标变黑色 */
.icon-black {  filter: brightness(0); }
/* 图标变白色 */
.icon-white {filter: brightness(100);}
/* 图标变灰色色 */
.icon-gray {filter: grayscale(100%);}

.swiper-button-prev:focus ,.swiper-button-next:focus {outline: none; border: none;}

/*字体引入*/
@font-face {
  /* font-family: "futura"; */
  /* font-family: "Noto Sans SC"; */
  /* src: url("https://xiazai.boamax.com/public/static/index/font/Futura/%20Md/%20BT/%20Bold.ttf"); */
}

@font-face {
 /* font-family: "mavenBold";
  src: url("../font/MavenPro-Bold.ttf"); */
}


/* CSS Document */
.head{}
.head .container-s{display: flex; height: 6.3125rem; justify-content: space-between; align-items: center;}
.head .logo a{display: flex; }
.head .logo a img{display: block; width: 78%;}
.head .logo .text{ border-left: 1px solid #f2f2f2; padding-left:6%; margin-left: 6%;  display: flex; justify-content: center; flex-direction: column;}
.head .logo .text em{width: 119%; display: block; font-size: 1rem; color: #666; margin-bottom: 0.25rem;}
.head .logo .text b{display: block; font-size: 1.25rem; line-height: 0.9375rem; color: #333; font-family: Arial;}
.head-right{width: 75%;display: flex;align-items: center;justify-content: space-between;}
.head-nav{width: 93%;}
.head-nav ul{display: flex; justify-content: space-around;}
.head-nav ul li{position: relative; transition:0.6s;  text-align: center;  position: relative; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.head-nav ul li:after{position: absolute; content: ''; width: 0; height: 1px; background: #004299; bottom: 1.5rem; left: 50%; transition:0.6s}
.head-nav ul li:hover:after,.head-nav ul li.on:after{width: 100%; left: 0;}
.head-nav ul li>a{display: block; font-size: 1rem;  color: #333;  line-height: 6.3125rem; }
.head-nav ul li:hover>a,.head-nav ul li.on>a{color: #004299; font-weight: bold; }
.head-nav ul li dl{ box-sizing:border-box; float: left;  width: 260%;  left: 50%; transform: translateX(-50%); position: absolute;height: 0;background:rgba(255,255,255,0.9);z-index: 9999999;overflow: hidden; z-index:9999;}
.head-nav ul li:nth-child(4) dl{width: 350%;}
.head-nav ul li.onn dl {height: auto;}
.head-nav ul li dl em{ display: block; height: 0;overflow: hidden;opacity: 0;visibility: hidden;transition: all .5s ease;line-height: 2.625rem;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.head-nav ul li dl em a{font-size: 0.9375rem;color: #333333;display: block;position: relative;text-align: center; }
.head-nav ul li.onn dl em{height: 2.6875rem;opacity: 1;visibility: visible;}
.head-nav ul li dl em:hover a {color: #004299;}
.head-ver a{display: block; font-size: 1.125rem; color: #004299; font-family: Arial;}



/* 搜索 */
.heSearch .seBox img {display: block;}
.pub_search_box_case {position: fixed;z-index: 1; left: 0;top: 0;z-index: 8; transition: all .5s ease; transform: translateY(-120%); width: 100%;}
.pub_search_box_case.on {transform: translateY(0%); }
.pub_search_box_case.on .pub_sea_sha {display: block;}
.pub_search_box_case .pub_sea_sha {position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 2; display: none;}
.pub_search_case { padding: 2% 8%;box-sizing: border-box;  background-color:#004299; box-shadow: 0 1px 3px rgb(0 0 0 / 12%); position: relative; z-index:999;display: block;}
.pub_search_case .zhan_c {display:flex; justify-content: space-between;    align-items: flex-start;}
.pub_search_case .zhan_c .close {cursor: pointer;}
.pub_search_box {width: 50%; margin: auto; padding:4rem 0 2rem 0}
.pub_search_box .sea_t {color: #fff; font-size: 1rem; margin-bottom: 1rem;}
.pub_search_box button {border: none; background: none;}
.search_form {display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #fff; padding-bottom: 0.3rem;}
.search_form input {width: 90%; height: 2.5rem; border: none;outline: none; background: none; color: #fff; font-size: 1rem;}
.search_form button {width: 4%; cursor: pointer;}
.search_form button img {max-width: 100%; display: block;}
.logoa{display: inline-block;}



/* 手机端公共头部 */
.wap-header{display: none;}


/* 内页banner */
.ny-banner{height: 23.75rem;}
.ny-banner .container{display: flex; align-items: center; height: 100%;}
.ny-banner .info strong{display: block; font-size: 2.75rem; color: #fff;}
.pannel{background: #F4F4F4; padding:  1rem 0;}
.pannel .container{display: flex; justify-content: space-between; height: 3.25rem; align-items: center;}
.ny-class{width: 65%;}
.ny-class .ctitle1{display: flex; justify-content: space-between;}
.ny-class .ctitle1 li{display: flex;align-items: center;height: 3.25rem;background: #fff;justify-content: center; padding: 0 0.5rem; box-sizing:border-box;}
.ny-class .ctitle1 li a{display: block;font-size: 1rem; line-height: 1.2rem; color: #333;text-align: center;transition: 0.6s;}
.ny-class .ctitle1 li:hover ,.ny-class .ctitle1 li.on {background: #004299;}
.ny-class .ctitle1 li:hover a,.ny-class .ctitle1 li.on a{ color: #fff;}
/*.position{width: 34%}*/
.position span{display: block; font-size: 1rem; color: #333;}
.position a{color: #333;}
.position a:hover{color: #004299;}
.ny-main{margin: 4.9375rem 0 4.0625rem;}


/* 内页下载列表页 */
.down-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.down-list ul:after{width: 46%;}
.down-list ul li{width: 46%;  background: #fcfcfc; margin-bottom: 1.375rem; border-left: 0.75rem solid #004299; box-sizing: border-box; position: relative; padding: 0 4%;}
.down-list ul li:after{position: absolute; content: ''; width: 0.1875rem; height: 100%; background: #b9b9b9; left: 0; top: 0;}
.down-list ul li a{display: flex; align-items: center; justify-content: space-between; height: 6.5rem;}
.down-list ul li strong{display: block; font-size: 1.25rem; color: #333; position: relative; transition:0.6s}
.down-list ul li strong:after{ position: absolute; content: ''; width: 0;height: 0.0625rem;background: #004299; left: 0; top: 50%; transform: translateY(-50%); transition: 0.6s;}
.down-list ul li em{display: block; font-size: 1rem; color: #666;}
.down-list ul li span{transition:0.6s; display: block; width: 8.25rem; font-size: 1rem; line-height: 2.625rem;border: 1px solid #666666;border-radius: 1.25rem; text-align: center;}
.down-list ul li span>img{display: inline-block; vertical-align: middle; margin-right: 0.8125rem;}
.down-list ul li:hover strong{text-indent: 1.25rem; color: #004299;}
.down-list ul li:hover strong:after{width: 0.5625rem; }
.down-list ul li:hover em{color: #004299;}
.down-list ul li:hover span{background: #004299; border-color: #004299; color: #fff;}
.down-list ul li:hover span>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}



/* 内页公司视频下载列表 */
.nyvideo-list{}
.nyvideo-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.nyvideo-list ul:after{width: 32%;}
.nyvideo-list ul li{width: 32%;  background: #fcfcfc; margin-bottom: 3.6875rem; border-left: 0.375rem solid #004299; box-sizing: border-box; position: relative; padding: 1.75rem 4% 1.125rem;}
.nyvideo-list ul li:after{position: absolute; content: ''; width: 0.1875rem; height: 100%; background: #b9b9b9; left: 0; top: 0;}
.nyvideo-list ul li .pic{position: relative; margin-bottom: 1.1875rem; overflow: hidden;}
.nyvideo-list ul li .video-pic {display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nyvideo-list ul li:hover .video-pic {-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nyvideo-list ul li .play-icon{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.nyvideo-list ul li .info{display: flex; align-items: center; justify-content: space-between; }
.nyvideo-list ul li em{display: block; font-size: 1.125rem; color: #333; position: relative; transition:0.6s; text-indent: 1.25rem;}
.nyvideo-list ul li em:after{ position: absolute; content: ''; width: 0.5625rem;height: 0.0625rem;background: #333; left: 0; top: 50%; transform: translateY(-50%); transition: 0.6s;}
.nyvideo-list ul li span{transition:0.6s; display: block; width: 6.25rem; font-size: 1rem; line-height: 2.625rem;border: 1px solid #666666;border-radius: 1.25rem; text-align: center;}
.nyvideo-list ul li span>img{display: inline-block; vertical-align: middle; margin-right: 0.8125rem;}
.nyvideo-list ul li:hover em{ color: #004299; font-weight: bold;}
.nyvideo-list ul li:hover em:after{background: #004299;}
.nyvideo-list ul li:hover span{background: #004299; border-color: #004299; color: #fff;}
.nyvideo-list ul li:hover span>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

/* 视频弹窗 */
.hi-video-wrap .video-js {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: relative;
}
.vjs-control-bar {
  opacity: 0;
}
.video-js .vjs-control-bar {
  /* position: absolute; */
  background-color: rgba(43, 51, 63, 0.2);
}

#hi-video-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-video-pop * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-video-pop .hi-close {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 5;
  margin: 20px 0 0 -20px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #fff;
  border-radius: 50%;
  transition: 0.3s;
  cursor: pointer;
}
#hi-video-pop .hi-close:after,
#hi-video-pop .hi-close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 20px;
  height: 2px;
  margin: -1px 0 0 -10px;
  background: #333;
  transition: 0.3s;
}
#hi-video-pop .hi-close:hover {
  background: #004299;
}
#hi-video-pop .hi-close:hover:after,
#hi-video-pop .hi-close:hover:before {
  background: #fff;
}
#hi-video-pop .hi-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#hi-video-pop .hi-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#hi-video-pop .hi-video-box {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hi-video-pop .hi-video-box .hi-video-wrap {
  position: relative;
  /* max-width: 100vh;
  max-height: 85vh; */
  
  width: 53rem;
  min-height: 40rem;
  max-height: 90vh;
}
#hi-video-pop .hi-video-box .hi-video-wrap video {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
#hi-video-pop .hi-video-box .hi-video-wrap video.onHeight {width: 45%;}



/* 公共底部 */
.footer{background: url(../image/footer-bg.jpg) no-repeat center top; background-size: cover;}
.footer-top{padding: 3.375rem 0 1.9375rem; border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer-top .container-s{display: flex; justify-content: space-between;}
.foot-left{width: 29%;}
.foot-left .logo a img{display: block; margin-bottom: 1.3125rem;}
.foot-left p{display: flex;font-size: 1rem;line-height: 1.2rem;color: #fff;margin-bottom: 1rem;}
.foot-left p>img{display: inline-block;vertical-align: middle;margin: auto;margin-left: 0;margin-right: 0.4375rem;margin-top: 0.2rem;}
.foot-box{display: flex; margin-top: 2.0625rem; justify-content: space-between;}
/* .foot-wechat{width: 28%; } */
.foot-wechat img{display: block; margin: 0 auto 7px; width: auto;}
.foot-wechat em{display: block; font-size: 0.875rem; color: #fff; text-align: center;}
.message{width: 64%;}
.message div{height: 2.5rem;border: 1px solid rgba(210,210,210,0.8);box-sizing: border-box;align-items: center;width: 100%;line-height: 2.5rem;padding: 0 5%;margin-bottom: 0.375rem;}
.message div span{font-size: 0.875rem;color: #f5f5f5;width: 100%;}
.message div span img{display: inline-block;margin-right: 4%;}
.message input{outline: none; border:none; font-family: "Microsoft YaHei"; }
.message div input{ font-size: 0.875rem; color: #f5f5f5; background: transparent; }
.message .submit{display: block;width: 6.5625rem; font-size: 0.875rem; line-height: 2.125rem;background: #004299; color: #fff; text-align: center; margin-top: 0.875rem; cursor: pointer;}

.foot-nav{width: 69%;}
.foot-nav{display: flex; justify-content: space-between;}
.foot-nav dl dt{display: block; font-size: 1.125rem; color: #fff; font-weight: bold; margin-bottom: 0.75rem;} 
.foot-nav dl dt img{display: inline-block; margin-right: 0.75rem;}
.foot-nav dl dd a{display: block; font-size: 1rem; line-height: 1.875rem; color: #F5F5F5; position: relative; padding-left:  0.75rem;;}
.foot-nav dl dd a:after{position: absolute; content: ''; width: 0.125rem; height:0.125rem; border-radius: 50%; background: #F5F5F5; left: 0; top: 50%; transform: translateY(-50%);}

.footer-copy{padding: 1.125rem 0;}
.footer-copy p{display: block; font-size: 1rem; color: #a5a5a5;}
.footer-copy p a{color: #a5a5a5;}
.foot-nav dl dd a:hover,.footer-copy p a:hover{color: #fff;}



/* 分页 */
.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { border: 0.06rem solid #eee; display: flex; align-items: center; justify-content: center; color: #999; font-size: 14px; transition: .4s; margin:5px;  padding: 5px 13px;}
.fy a:hover {color: #fff; background: #004299;}
.fy .layui-laypage-curr {color: #fff; background: #004299; font-size: 14px;  margin: 0 5px; padding: 5px 13px;}


/* 搜索页面 */
.search-page .box {margin-top: 50px;}
.search-page form {width: 60%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 22px;  height: 23px; display: block; cursor: pointer; background: url(https://xiazai.boamax.com/public/static/index/images/searchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #004299; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px;}
.search-page li .le {width: 95%; }
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}



.flex{display: flex;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}
.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}



/* 下载列表页 */
.down-main{margin: 0;}
.down-box{align-items: flex-start;}
.left-box{width: 36%; background: #f4f4f4; position: sticky; top: 0rem; }
.down-title{background: #004299;  padding: 2rem 0  2rem 42%;}
.down-title strong{display: block; font-size: 2rem; color: #fff;}
.down-title strong>img{display: inline-block; margin-right: 3%; vertical-align: middle;}
.down-class{width: 95%;padding: 0.5625rem 0 1.75rem;}
.down-class .ctitle1{}
.down-class>.ctitle1>li{border-bottom: 0.0625rem solid #dfdfdf; padding: 1.75rem 0 1.75rem 47%;}
.down-class>.ctitle1>li>h3{transition:0.6s;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;  }
.down-class>.ctitle1>li>h3>a{display: block;font-size: 1.375rem;color: #333;}
.down-class>.ctitle1 li>h3>i{display: block;position: relative;cursor: pointer; margin-right: 5%;width: 14px; height: 14px;}
.down-class>.ctitle1>li>h3>i:before{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 14px; height: 14px; transition: 0.6s;}
.down-class>.ctitle1>li>h3>i:before{background: url(../image/ctitle1-li.png) no-repeat center;}
.down-class>.ctitle1>li>h3>a:hover,.down-class>.ctitle1>li.ons>h3>a{color: #004299;font-weight: bold;}
.down-class>.ctitle1>li>h3>i:hover:before,.down-class>.ctitle1>li>h3>i.ons:before{transform: translate(-50%,-50%) rotate(90deg); background: url(../image/ctitle1-li-on.png) no-repeat center;}
.down-class .ctitle2{display: none; margin-top: 0.8125rem; height: auto!important;}
.down-class .ctitle2>li>h3{transition:0.6s;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box; }
.down-class .ctitle2>li>h3>a{display: block; font-size: 1.125rem; color: #444; font-weight: bold; position: relative; padding-left: 1.375rem;}
.down-class .ctitle2>li>h3>a:after{position: absolute; content: ''; width: 10px; height: 10px; border: 2px solid #444; border-radius: 50%; left: 0; top: 0; transform: translateY(50%);}
.down-class .ctitle2 li>h3>i{display: block;position: relative;cursor: pointer; margin-right: 5%;width: 14px; height: 14px;}
.down-class .ctitle2>li>h3>i:after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 14px; height: 14px; transition: 0.6s;}
.down-class .ctitle2>li>h3>i:after{background: url(../image/ctitle2-li.png) no-repeat center;}
.down-class .ctitle2>li>h3>i:hover:after,.down-class .ctitle2>li>h3>i.ons:after{transform: translate(-50%,-50%) rotate(90deg); background: url(../image/ctitle2-li.png) no-repeat center;}
.down-class .ctitle2>li:hover>h3>a{color: #444;}
.down-class .ctitle3{display: none; margin-top: 0.625rem;}



.down-class .ctitle3>li>h3>a{display: block;font-size: 1rem;color: #666;position: relative;padding-left: 4%;margin-bottom: 0.375rem;border-left: 2px solid #004299;line-height: 0.7rem;}
.down-class .ctitle3>li>h3>a:after{position: absolute;content: '';width: 4px;height: 4px;background: #666;border-radius: 50%;left: 0;top: 50%;transform: translateY(-60%);display: none;}
.down-class .ctitle3>li:hover>h3>a{color: #004299;}
.down-class .ctitle4{padding-left: 3%}
.down-class .ctitle4>li{margin-bottom: 1rem}
.down-class .ctitle4>li>h3{transition:0.6s;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;margin-bottom: 0.625rem; }
.down-class .ctitle4>li>h3>a{color: #004299;font-weight: bold;font-size: 1rem;}
.down-class .ctitle4 li>h3>i{display: none;}

.down-class .ctitle2.on{display: block}
.down-class .ctitle3.on{display: block}
.down-class .ctitle4.on .ctitle5.on{display: block;}
.down-class .ctitle5 li.on>h3>a{font-weight: bolder}



.right-box{width: 61%; padding: 1.8125rem 0 0;}
.right-title{border-bottom: 1px solid #f2f2f2; padding-bottom: 0.875rem; margin-bottom: 1.625rem;}
.right-title strong{display: block; font-size: 1.625rem; border-left: 0.25rem solid #004299; line-height: 1.625rem; color: #333; padding-left: 1rem;}


.nydown-list{width: 76%; }
.nydown-list ul li{width: 100%;  background: #fcfcfc; margin-bottom: 2.1875rem; border-left: 0.75rem solid #004299; box-sizing: border-box; position: relative; padding: 1.5625rem 6%;}
.nydown-list ul li:after{position: absolute; content: ''; width: 0.1875rem; height: 100%; background: #b9b9b9; left: 0; top: 0;}

.nydown-list ul li .info{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.nydown-list ul li strong{display: block; font-size: 1.25rem; color: #333; position: relative; transition:0.6s; }
.nydown-list ul li strong:after{ position: absolute; content: ''; width: 0;height: 0.0625rem;background: #333; left: 0; top: 50%; transform: translateY(-50%); transition: 0.6s;}
.nydown-list ul li em{display: block; font-size: 1rem; color: #666;}

.nydown-list ul li span{transition:0.6s; display: block; width: 8.5rem; font-size: 1rem; line-height: 2.625rem;border: 1px solid #666666;border-radius: 1.25rem; text-align: center;}
.nydown-list ul li span>img{display: inline-block; vertical-align: middle; margin-right: 0.8125rem;}
.nydown-list ul li:hover strong{ color: #004299; font-weight: bold; text-indent: 1.125rem;}
.nydown-list ul li:hover strong:after{width: 0.5625rem;}
.nydown-list ul li:hover span{background: #004299; border-color: #004299; color: #fff;}
.nydown-list ul li:hover span>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}