.fl-left{ float:left; text-align:left;}
.fl-right{ float:right; text-align:right;}

/*
 * 头部
 */
#head { position:fixed; z-index:1001; left:0; top:0; width:100%;height:100px;background: rgba(0,0,0,.3);margin: 0px auto; transition:all .35s;}
#head .wrap{ width:90%; margin:0px auto;}
#head .logo{  width:400px; text-align:left; overflow:hidden; transition:all .35s;}
#head .logo a{ position:relative; display:flex;align-items:center; height:100px; overflow:hidden; transition:all .35s;}
#head .logo a img{ transition:all .35s;height:60%;}
#head .logo a img.monochrome{display:block;}
#head .logo a img.colorful{display:none;}
#head .logo a .sns-logo{ position:absolute; left:0; top:-8px; font-size:130px; color:#0d4da1;}
#head .logo a .sns-logoname{ margin-left:125px; margin-top:-18px; font-size:170px; color:#000;}
#head .menu{height:100px; line-height:100px;}
#head .menu>li{float:left; text-align:center;}
#head .menu>li.btnwap{ display:none!important;}
#head .menu>li:last-child{ background:none !important;}
#head .menu>li>a{position:relative; padding:0px 20px;font-size:16px; color:#fff; text-align:center; line-height:100px; display:inline-block; transition:all .25s;}
#head .menu>li>a:after{position:absolute; left:0; bottom:0; width:0; height:3px; background:#0d4da1; font-size:0; content:''; display:block; transition:all .18s;}
#head .menu>li.act>a:after{width:100%;}
#head .menu>li.act>a{ color:#0d4da1 !important;}
#head .menu>li>div{position:relative;width:100%; border-top:1px solid #f0f0f0; background:rgba(255,255,255,1); box-shadow:0px 2px 3px rgba(0,0,0,.1); position:absolute; z-index:1000; left:0; top:100px; overflow:hidden; display:none; transition:top .35s;}
#head .menu>li>div .box-about{ width:85%;height:auto; margin:0px auto; overflow:hidden; padding:50px 0;}
#head .menu>li>div .box-about .title{ display:block; height:auto; font-size:20px; font-weight:bold; color:#333;}
#head .menu>li>div .box-about .about{ width:65%; height:auto; text-align:left;}
#head .menu>li>div .box-about .about .img{ width:40%;}
#head .menu>li>div .box-about .about .img>img{ width:100%; height:auto;}
#head .menu>li>div .box-about .about .text{ width:55%; font-size:14px; text-align:left;line-height:23px; color:#777;}
#head .menu>li>div .box-about .about .text p{ margin:10px 0;}
#head .menu>li>div .box-about .about .text .more{ display:inline-block; margin-top:20px; text-align:center; background:#0d4da1; padding:0 35px; height:45px; line-height:45px; font-size:14px; color:#fff;}
#head .menu>li>div .box-about .about .text .more:hover{text-decoration:underline;}
#head .menu>li>div .box-about .honor{ width:15%; text-align:left; padding:0 5%;}
#head .menu>li>div .box-about .honor .con{ display:block;}
#head .menu>li>div .box-about .honor .con a{ display:block;border:1px solid #ddd;}
#head .menu>li>div .box-about .honor .con a>img{ width:100%; height:auto;}
#head .menu>li>div .box-about .honor .url{ padding:0;}
#head .menu>li>div .box-about .honor .url a{ display:inline-block; margin-right:15px; color:#0d4da1; font-size:14px;}
#head .menu>li>div .box-about .honor .url a>img{ margin-right:5px; width:25px; height:auto;}
#head .menu>li>div .box-about .mod{ position:absolute; right:0; top:0; width:10%; height:100%; padding:50px 2%; background:#f7f7f7;border-left:1px solid #ddd; text-align:left;}
#head .menu>li>div .box-about .mod>a{ display:block; height:40px; line-height:40px; font-size:16px; color:#0d4da1; transition:all .35s;}
#head .menu>li>div .box-about .mod>a img{ opacity:0; transition:all .35s;}
#head .menu>li>div .box-about .mod>a:hover img{ opacity:1; margin-left:5px;}
#head .menu>li>div .box-pro{ width:85%; height:auto; margin:0px auto; overflow:hidden; padding:50px 0;}
#head .menu>li>div .box-pro .title{ display:block; height:auto; font-size:20px; font-weight:bold; color:#333;}
#head .menu>li>div .box-pro .prolist{ position:relative; width:30%; height:500px; text-align:left;background:url("../images/menu-prolist-bar.jpg") repeat-y;background-position:239px 0;}
#head .menu>li>div .box-pro .prolist>li{ display:block; width:240px;}
#head .menu>li>div .box-pro .prolist>li>a{ position:relative; display:block; font-size:14px; height:50px; line-height:50px;}
#head .menu>li>div .box-pro .prolist>li.act>a{ color:#0d4da1; font-weight:bold;}
#head .menu>li>div .box-pro .prolist>li.act>a:after{height:3px; background:#0d4da1;}
#head .menu>li>div .box-pro .prolist>li>a:after{position:absolute; z-index:5; left:0; bottom:0; width:170px; height:1px; background:#ddd; content:''; transition:all .35s;}
#head .menu>li>div .box-pro .prolist>li>a:hover{ background:url("../images/menu-prolist-arrow.jpg") no-repeat; background-position:100% 50%;}
#head .menu>li>div .box-pro .prolist>li>a:hover:after{ height:3px; background:#0d4da1;}
#head .menu>li>div .box-pro .prolist>li>div{ display:none; position:absolute; top:0; left:240px; width:200px; height:100%; padding-left:50px; transition:all .35s;}
#head .menu>li>div .box-pro .prolist>li>div a{ display:block; height:50px; line-height:50px; color:#0d4da1; font-size:14px;}
#head .menu>li>div .box-pro .prolist>li>div a:hover{ font-weight:bold; font-size:13px;}
#head .menu>li>div .box-pro .prolist .pA{ color:#0d4da1;background:url("../images/menu-prolist-arrow.jpg") no-repeat; background-position:100% 50%;}
#head .menu>li>div .box-pro .prolist .pA:after{height:3px; background:#0d4da1;}
#head .menu>li>div .box-pro .prolist .pADiv{ display:block !important;}
#head .menu>li>div .box-pro .newpro{ width:30%; text-align:left; padding:0 5%;}
#head .menu>li>div .box-pro .newpro .con{ display:block; font-size:14px; border-bottom:1px solid #eee;}
#head .menu>li>div .box-pro .newpro .con a{display:block; padding:20px 0; min-height:110px;}
#head .menu>li>div .box-pro .newpro .con a>.img{ display:block; width:25%; text-align:left;}
#head .menu>li>div .box-pro .newpro .con a>.img>img{ width:100%; height:auto;}
#head .menu>li>div .box-pro .newpro .con a>.text{ display:block; width:70%; text-align:left; line-height:23px; color:#777;}
#head .menu>li>div .box-pro .newpro .con a>.text h3{ font-weight:normal; color:#555; transition:all .35s;}
#head .menu>li>div .box-pro .newpro .con a:hover .text h3{ color:#0d4da1;}
#head .menu>li>div .box-pro .newpro .url{ padding:10px 0;}
#head .menu>li>div .box-pro .newpro .url a{ display:inline-block; margin-right:15px; color:#0d4da1; font-size:14px;}
#head .menu>li>div .box-pro .newpro .url a>img{ margin-right:5px; width:25px; height:auto;}
#head .menu>li>div .box-pro .hotpro{ width:30%; text-align:left;}
#head .menu>li>div .box-pro .hotpro .con{ display:block; font-size:14px;}
#head .menu>li>div .box-pro .hotpro .con a{ display:block; padding:20px 0; min-height:110px; border-bottom:1px solid #eee;}
#head .menu>li>div .box-pro .hotpro .con a:last-of-type{border-bottom:0!important;}
#head .menu>li>div .box-pro .hotpro .con a>.img{ display:block; width:25%; text-align:left;}
#head .menu>li>div .box-pro .hotpro .con a>.img>img{ width:100%; height:auto;}
#head .menu>li>div .box-pro .hotpro .con a>.text{ display:block; width:70%; text-align:left; line-height:23px; color:#777;}
#head .menu>li>div .box-pro .hotpro .con a>.text h3{ font-weight:normal; color:#555; transition:all .35s;}
#head .menu>li>div .box-pro .hotpro .con a:hover .text h3{ color:#0d4da1;}
#head .menu>li>div .box-pro .hotpro .url{  text-align:left;}
#head .menu>li>div .box-pro .hotpro .url a{ display:inline-block; margin-right:15px; color:#0d4da1; font-size:14px;}
#head .menu>li>div .box-pro .hotpro .url a>img{ margin-right:5px; width:25px; height:auto;}
#head .menu>li>div .box-news{ width:85%; height:auto; margin:0px auto; overflow:hidden; padding:50px 0;}
#head .menu>li>div .box-news .title{ display:block; height:auto; font-size:20px; font-weight:bold; color:#333;}
#head .menu>li>div .box-news .com-news{ width:30%;}
#head .menu>li>div .box-news .com-news a{ display:block; margin:0px; text-align:left;}
#head .menu>li>div .box-news .com-news a .name{ display:block; height:auto; font-size:20px; font-weight:bold; color:#333;}
#head .menu>li>div .box-news .com-news a .img{ padding:10px 0; max-height:200px; overflow:hidden;}
#head .menu>li>div .box-news .com-news a .img>img{ width:100%; height:auto;}
#head .menu>li>div .box-news .com-news a .text{font-size:14px;height:70px;line-height:23px; color:#777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
#head .menu>li>div .box-news .com-news a .more{ display:inline-block; margin-top:20px; text-align:center; background:#0d4da1; padding:0 35px; height:45px; line-height:45px; font-size:14px; color:#fff;}
#head .menu>li>div .box-news .com-news a .more:hover{text-decoration:underline;}
#head .menu>li>div .box-news .pro-news{ width:60%; text-align:left;}
#head .menu>li>div .box-news .pro-news .con{ display:block; margin:0px; text-align:left;}
#head .menu>li>div .box-news .pro-news .con>a{ display:block; float:left; width:30%; margin-right:3%;}
#head .menu>li>div .box-news .pro-news .con>a .name{ font-size:14px;font-weight:bold; height:60px; line-height:60px; color:#333;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
#head .menu>li>div .box-news .pro-news .con>a .img{width:80%; max-height:110px; overflow:hidden;}
#head .menu>li>div .box-news .pro-news .con>a .img>img{ width:100%; height:auto;}
#head .menu>li>div .box-news .pro-news .con>a .text{font-size:14px;height:70px;line-height:23px; color:#777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
#head .menu>li>div .box-news .pro-news .con>a .more{ display:inline-block; margin-right:15px; color:#0d4da1; font-size:14px;}
#head .menu>li>div .box-news .pro-news .con>a .more>img{ margin-right:5px; width:25px; height:auto;}
#head .menu>li>div .box-rd{ width:85%; height:auto; margin:0px auto; overflow:hidden; padding:50px 0;}
#head .menu>li>div .box-rd .title{ display:block; height:auto; font-size:20px; font-weight:bold; color:#333;}
#head .menu>li>div .box-rd .rd{ width:40%; text-align:left;}
#head .menu>li>div .box-rd .rd .text{ font-size:14px;height:70px;line-height:23px; color:#777;}
#head .menu>li>div .box-rd .rd .more{ display:inline-block; margin-top:20px; text-align:center; background:#0d4da1; padding:0 35px; height:45px; line-height:45px; font-size:14px; color:#fff;}
#head .menu>li>div .box-rd .rd .more:hover{text-decoration:underline;}
#head .menu>li>div .box-rd .idea{ width:25%; padding:0px 5%; text-align:left;}
#head .menu>li>div .box-rd .idea .text{ font-size:14px;height:70px;line-height:23px; color:#777;}
#head .menu>li>div .box-rd .idea .more>img{ width:25px; height:auto;}
#head .menu>li>div .box-rd .interact{ width:25%; text-align:left;}
#head .menu>li>div .box-rd .interact .con>a .img{width:80%;}
#head .menu>li>div .box-rd .interact .con>a .img>img{ width:100%; height:auto;}
#head .menu>li>div .box-service{ width:85%; height:auto; margin:0px auto; overflow:hidden; padding:50px 0;}
#head .menu>li>div .box-service .title{ display:block; height:auto; font-size:20px; font-weight:bold; color:#333;}
#head .menu>li>div .box-service .dealers{ width:40%; text-align:left; margin-right:5%}
#head .menu>li>div .box-service .dealers .text{ font-size:14px; width:100%;line-height:23px; color:#777;}
#head .menu>li>div .box-service .dealers .more{ display:inline-block; margin-top:20px; text-align:center; background:#0d4da1; padding:0 35px; height:45px; line-height:45px; font-size:14px; color:#fff;}
#head .menu>li>div .box-service .dealers .more:hover{text-decoration:underline;}
#head .menu>li>div .box-service .network{ width:18%; text-align:left; margin-right:5%;}
#head .menu>li>div .box-service .network .con{ display:block; margin:0px; text-align:left;}
#head .menu>li>div .box-service .network .con>a{ display:block; line-height:30px;}
#head .menu>li>div .box-service .network .con>a .img{width:100%;}
#head .menu>li>div .box-service .network .con>a .img>img{ width:100%; height:auto;}
#head .menu>li>div .box-service .network .con>a .text{height:70px; font-size:14px;line-height:23px; color:#777; padding:15px 0;}
#head .menu>li>div .box-service .network .con>a .more{ height:40px; display:inline-block; margin-right:15px; color:#0d4da1; font-size:14px;}
#head .menu>li>div .box-service .network .con>a .more>img{ margin-right:5px; width:25px; height:auto;}
#head .menu>li>div .box-service .faq{ width:18%; text-align:left; margin-right:5%;}
#head .menu>li>div .box-service .faq .con{ display:block; margin:0px; text-align:left;}
#head .menu>li>div .box-service .faq .con>a{ display:block; line-height:30px;}
#head .menu>li>div .box-service .faq .con>a .img{width:100%;}
#head .menu>li>div .box-service .faq .con>a .img>img{ width:100%; height:auto;}
#head .menu>li>div .box-service .faq .con>a .text{height:70px;font-size:14px;line-height:23px; color:#777; padding:15px 0;}
#head .menu>li>div .box-service .faq .con>a .more{ display:inline-block; margin-right:15px; color:#0d4da1; font-size:14px;}
#head .menu>li>div .box-service .faq .con>a .more>img{ margin-right:5px; width:25px; height:auto;}
#head .menu>li>div .box-service .other{ width:9%; padding-top:35px;  text-align:left;}
#head .menu>li>div .box-service .other a{ display:block; padding:7px 0; margin-bottom:20px; background:#fff;border:3px solid #ddd; color:#666; font-size:15px; line-height:30px; text-align:center; transition:all .35s;}
#head .menu>li>div .box-service .other a>span{ position:relative; display:block; width:45px; height:45px; margin:0px auto; overflow:hidden;}
#head .menu>li>div .box-service .other a>span img{ position:absolute; z-index:9; left:0; top:0; width:100%; height:auto;}
#head .menu>li>div .box-service .other a:last-child{ background:#0d4da1;border:3px solid #0d4da1; color:#fff;}
#head .menu>li>div .box-service .other a:last-child>span img{ top:-45px;}
#head .menu>li>div .box-service .other a:hover{ background:#fff; color:#0d4da1;border:3px solid #0d4da1;}
#head .menu>li>div .box-service .other a:hover span img{ top:0;}
#head .menu>li>div .box-human{ width:85%; height:auto; margin:0px auto; overflow:hidden; padding:50px 0;}
#head .menu>li>div .box-human .title{ display:block; height:auto; font-size:20px; font-weight:bold; color:#333;}
#head .menu>li>div .box-human .talents{ width:40%; text-align:left;}
#head .menu>li>div .box-human .talents .text{ font-size:14px;height:70px;line-height:23px; color:#777;}
#head .menu>li>div .box-human .talents .more{ display:inline-block; margin-top:20px; text-align:center; background:#0d4da1; padding:0 35px; height:45px; line-height:45px; font-size:14px; color:#fff;}
#head .menu>li>div .box-human .talents .more:hover{text-decoration:underline;}
#head .menu>li>div .box-human .jobs{ width:25%; padding:0px 5%; text-align:left;}
#head .menu>li>div .box-human .jobs .text{ font-size:14px;height:70px;line-height:23px; color:#777;}
#head .menu>li>div .box-human .jobs .more>img{ width:25px; height:auto;}
#head .menu>li>div .box-human .self{ width:25%; text-align:left;}
#head .menu>li>div .box-human .self .con>a .img{width:80%;}
#head .menu>li>div .box-human .self .con>a .img>img{ width:100%; height:auto;}

#head .search{ position:relative; padding-left:20px;height:100px; line-height:100px; text-align:right; overflow:hidden; transition:all .35s;display: flex;align-items: center;}
#head .search .search-ico{ width:24px; cursor:pointer;}
#head .language{ padding-left:30px; height:100px; line-height:100px; text-align:right; transition:all .35s;}
#head .language a>img{ width:32px;}
#head .language a .language-ico.language-hover{display:none;}
#head .language a .language-ico.language-normal{display:inline-block;}
#head:hover .language a .language-ico.language-hover{display:inline-block;}
#head:hover .language a .language-ico.language-normal{display:none;}
#head:hover{ background:#fff;}
#head:hover .menu>li>a{color:#333;}
#head .search .search-ico.search-hover{display:none;}
#head .search .search-ico.search-normal{display:block;}
#head:hover .search .search-ico.search-hover{display:block;}
#head:hover .search .search-ico.search-normal{display:none;}
#head:hover .logo a img.monochrome{display:none;}
#head:hover .logo a img.colorful{display:block;}

#head.small{ height:70px; background:rgba(255,255,255,1); box-shadow:0px 1px 3px rgba(0,0,0,.1);}
#head.small .logo a{ height:70px; line-height:70px;}
#head.small .logo a .sns-logo{top:0px;font-size:100px;}
#head.small .logo a .sns-logoname{margin-left:100px; margin-top:6px;font-size:120px;}
#head.small .logo a img.monochrome{display:none;}
#head.small .logo a img.colorful{display:block;}
#head.small .menu{height:70px; line-height:70px;}
#head.small .menu>li>a{line-height:70px; color:#333;}
#head.small .menu>li>div{top:70px;}
#head.small .search{ height:70px; line-height:70px;}
#head.small .search .search-ico.search-hover{display:block;}
#head.small .search .search-ico.search-normal{display:none;}
#head.small .language{ height:70px; line-height:70px;}
#head.small .language a .language-ico.language-hover{display:inline-block;}
#head.small .language a .language-ico.language-normal{display:none;}

#menuwap{ display:none;}


#head-search{ position:relative; float:left; width:0px; overflow:hidden; transition:all .35s;display:flex;align-items:center;}
#head-search form{ display:inline-block;width:94%; background:#0d4da1; border-radius:50px; padding:0 3%; text-align:left; overflow:hidden;}
#head-search input[type="text"]{outline: medium;float:left;height:36px;line-height:36px;width:70%; padding:0 5%;border:none; font-family:微软雅黑; background:none;color:rgba(255,255,255,1);box-sizing:border-box;overflow:hidden;}
#head-search input::-webkit-input-placeholder, #head-search textarea::-webkit-input-placeholder { color:rgba(255,255,255,.5);}
#head-search button{float:right;width:20%;height:36px;border:none; opacity:.8;background:url(../images/go.png) no-repeat center center;background-size:auto 100%;;cursor:pointer;box-sizing:border-box;overflow:hidden;}
#head-search button:hover{ opacity:1;}


@media only screen and (max-width: 1280px) {

  #head{ background:rgba(255,255,255,1);box-shadow:0px 1px 3px rgba(0,0,0,.1);}
  #head .logo{ width:300px;}
  #head .search .icon-search{ color:#3a3e3f;}
  #head .menu>li{ display:none!important;}
  #head .menu>li.btnwap{ display:inline-block!important;}
  #head .menu>li.btnwap a{ display:inline-block; width:40px !important; padding:0!important; overflow:hidden;}
  #head .menu>li.btnwap a>img{ width:100%; height:auto;}
  #head .language{ padding-left:20px;}

  #menuwap{ display:block;position:fixed;z-index:999;left:-100%;top: 0px;width: 100%;height: 100%; overflow:hidden;}
  #menuwap ul{ position:relative; width:100%; height:100%; margin:0px auto; padding:130px 0; background:rgba(68,68,68,1);}
  #menuwap ul.menu>li{ display:block; width:100%; text-align:left;}
  #menuwap ul.menu>li>a{ 
      font-size: 20px;
      display:block; width:80%; height:45px; line-height:45px; color:#fff; margin:0px auto; text-align:left; border-bottom:1px solid rgba(255,255,255,.2);}
  #menuwap ul.menu>li>div{ display:none; padding:10px 0px; width:80%; margin:0px auto;}
  #menuwap ul.menu>li>div a{display:block;padding:5px;
  font-size: 16px;
  /*font-size:12px;*/
  color:#999;}


  #menuwap ul.pro{ padding:100px 0; background:#eee;}
  #menuwap ul.pro .back{ display:block!important; position:relative; background:#0d4da1; height:40px; overflow:hidden;}
  #menuwap ul.pro .back .btn{ position:absolute; z-index:1; left:0; top:0; width:16%; height:40px; line-height:40px; text-align:center; background:rgba(0,0,0,0.2);}
  #menuwap ul.pro .back .btn>img{ height:20px; width:auto;}
  #menuwap ul.pro .back .tit{ width:100%; line-height:40px; text-align:center; color:#fff; font-size:14px;}
  #menuwap ul.pro li{ display:none;}
  #menuwap ul.pro li>a{ display:block; width:90%; margin:0px auto; font-size:14px; padding:10px 0; text-align:left; border-bottom:1px solid rgba(0,0,0,.1);}

}
@media only screen and (max-width: 768px) {
  #head .logo a img.colorful{display:block;}
  #head .logo a img.monochrome{display:none;}
}
@media only screen and (max-width: 680px) {

}

@media only screen and (max-width: 420px) {
  #head{ height:70px;}
  #head .logo{ width:220px;}
  #head .logo a{ height:70px; line-height:70px;}
  #head .logo a .sns-logo{top:0px;font-size:100px;}
  #head .logo a .sns-logoname{margin-left:100px; margin-top:6px;font-size:120px;}
  #head .menu, #head .menu>li.btnwap{ height:70px; line-height:70px;}
  #head .menu>li.btnwap a{ height:70px; line-height:70px;}
  #head .search{ display:none;}
  #head .language{ display:none;}

  #menuwap ul{padding:100px 0;}
  #menuwap ul.menu>li>div{top:70px;}

  #menuwap ul.pro{padding:70px 0;}
}
/* end*/

.cz-header-nav-show-content {background: #f5f7fa;padding:30px 5%;width:90%;opacity:0;z-index:1;transition:all .4s ease;line-height:100%;}
.cz-header-nav-show-content *:after{
    content: none;
}
.cz-header-nav-show-content::after {content: '';width: 100%;height: 1px;background: #e6e6e6;position: absolute;top:0px;left: 0;z-index: 10;}
.cz-header-nav-show-content.Hide {top: -400px;display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;}

.cz-header-nav-show-content.Hide .dropdown-menu-sub-content{
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: self-start;
    justify-content: space-between;
}
.dropdown-menu-sub-content .dropdown-menu-img{
    width: 50%;
}
.dropdown-menu-sub-content .dropdown-menu-sub-info{
    width: 48%;
    text-align: left;
}
.dropdown-menu-sub-content .dropdown-menu-sub-info h4{
    font-size: 20px;
}
.dropdown-menu-sub-content .dropdown-menu-sub-info p{
    font-size: 15px;
    color: #999;
    line-height: 200%;
}

.cz-header-nav-show-content.cur {opacity: 1;z-index: 999;top: 0;/*box-shadow: 0px 20px 60px 0px rgba(10, 24, 51, 0.08);*/}
.cz-header-nav-show-content.cur .cz-header-nav-list {
    width: 50%;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
}
.cz-header-nav-list {text-align: right;padding:0px;margin: 0;/*width: 100%;*/display: none;}
.cz-header-nav-list .item {list-style: none;margin: 0;padding:15px 20px;/*display: inline-block;*/vertical-align: middle;position: relative;
    width: 48%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
}
.cz-header-nav-list a{color: #26334c;font-size: 14px;padding:20px 0px;position: relative;
    width: 100%;
    display: flex;
    justify-content:space-between;
}
.cz-header-nav-list a::after {content: '';width:0px;height: 1px;background: #26334d;position: absolute;bottom:0px;left: 0;z-index: 10;transition:all .4s ease;}
.cz-header-nav-list a:hover::after {width: 100%;}
.cz-header-nav-list ul.listtwo {display:none;width:200px;position: absolute;left: 0;top:68px;background: #f5f7fa;margin: 0;padding: 20px;overflow: hidden;margin-left: -50px;border-top: 1px solid #dfe1e6;}
.cz-header-nav-list ul.listtwo a {display: block;text-align: center;}
.cz-header-nav-list li:hover ul.listtwo{display: block;}