/*banner*/
.banner{height: 95px; background-repeat:repeat; background-color:#235dad; }
.search{width: 240px; margin-top: 20px; position: relative;}
.search input { width:calc(100% - 40px); font-size: 15px; padding-right: 40px; display: block; height:40px; border: 1px solid #bacde8; border-radius: 22px;; background:transparent; text-indent: 16px; color: #7293cd; }
.icon-search{ position: absolute; right:18px;top:12px; width: 12px;height: 12px;border-radius: 100%;border:2px solid currentcolor; color: #fff; cursor: pointer;}
.icon-search:after{content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);width:8px;height: 2px;position: absolute;top:13px;left:11px;background-color: currentcolor;}

/*nav*/
.nav{background-color: #f8f8f8; height:75px; color: #aaa;}
.nav a{color: #383838;}
.nav span a{color: #285dad !important; }
.hbg_icon {width: 40px;height: 40px;display: flex; z-index: 100000; flex-direction: column;justify-content: center;align-items: center;cursor: pointer;display: none; top: 21px; right: 4px; position: absolute;}
.showfix  { display: block !important; position: fixed; }
.hbg_icon i {display: block;width: 30px;height: 3px;border-radius: 4px;background: #bacde8;margin: 7px 0;transition: all 0.3s;transform-origin: right center;}
.hbg_icon.showfix i {background: #999;}
.hbg_icon.showfix i:nth-child(2) {opacity: 0;}
.hbg_icon.showfix i:nth-child(1) {transform: rotate(-45deg) translateY(-1px);}
.hbg_icon.showfix i:nth-child(3) {transform: rotate(45deg) translateY(1px);}
.nav_list li { display: inline-block; line-height: 20px; font-size: 20px; border-left: 1px solid #dfdfdf; height: 16px; padding: 0px 40px;  margin-top: 30px; cursor: pointer; position: relative; }
.nav_list a:first-child li { padding: 0 45px 0 0;  border: none !important; }
.nav_list li:nth-child(8) { padding: 0 0px 0 40px; }
.nav_list li>a {transition: all 0.3s;}
.nav_list li .sub_nav {position: absolute;width: 100px; left: 29px; bottom:auto; z-index: 120; background: #f8f8f8; font-size: 14px;}
.nav_list li .sub_nav span,
.nav_list li .sub_nav dt {display: none;}
.nav_list li dl {width: 100%; flex-direction: row;justify-content: center;align-items: center;margin:0 ;}
.nav_list li dl dd a {font-size: 18px;line-height: 1em;color: #000;width: 100%;display: block;padding: 10px 0px;margin: 1em 0;transition: all 0.3s;text-align: center;border: none !important;}

.bottom { height:130px; background-color: #235dad; margin-top: 50px; padding-top: 50px; color: #fff; }
.bottom span { display: inline-block; line-height: 20px; vertical-align: middle; padding-left: 8px;}
.bottom a { color:#fff; }
.bottom .fr a{ margin-left: 25px; font-size: 17px;}

@media  all and (min-width:320px) and (max-width:460px){
    .banner { height: auto; }
    .banner .con .fl { width: 80%; padding-left: 8px;}
    .banner .con .fl img { width:100%; }
    .banner .con .fr { display: none;position: fixed; z-index: 20000; top: 0; left: 15px; }
    .icon-search { color: #235dad; }
    .nav {height:auto;}
    .nav_list { display: flex; flex-direction: column;  justify-content: flex-start;   padding: 0 5%; }
    .nav_list li {display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 10px 5%; margin-top: 0; position: relative;border-bottom: 1px solid #ccc; line-height: 40px; border-left: none;height: 40px;margin-top: unset !important;}
    .nav_list a:first-child li { padding: 0 5%; border-bottom: 1px solid #ccc !important; }
    .nav_list li:last-child { padding: 10px 5%; }
    .nav_list li:after {content: "►";display: block;font: 700 16px/40px "Din", sans-serif !important;color: #999;cursor: pointer;width: 40px;line-height: 40px;	text-align: right;}
    .nav_list li.no_child:after {content: "";}
    .nav_list li a { width: auto;}
    .nav_list li .sub_nav {display: block;position: fixed;width: 100%;top: 121px;left: -100%;height: calc(100vh - 80px);transition: all 0.5s;background: #fff;padding: 20px;}
    .nav_list li .sub_nav.show {left: 0;}
    .nav_list li .sub_nav dl {display: flex;flex-direction: column;width: 100%;height: 100%;justify-content: flex-start;align-items: flex-start;	padding: 0;}
    .nav_list li .sub_nav dl dt { padding: 0 5%; width: 100%; font-weight: bold; border-bottom: 1px solid #ccc;	display: block;}
    .nav_list li .sub_nav dl dt a {line-height: 3em;font-size: 18px;display: block;width: 100%;text-align: left;	color: #666}
    .nav_list li .sub_nav dl dd {padding: 0 0 0 10%;width: 100%;border-bottom: 1px solid #ccc;}
    .nav_list li dl dd a {text-align: left;margin: 1.5em 0; padding: 0; font-size:16px }
    .nav_list li .sub_nav.show {left: 0;}
    .nav_list li .sub_nav span {display: block;width: 100%; font-size: 18px; padding: 0 5%;border-bottom: 1px solid #ccc;text-align: left;line-height: 3em;box-sizing: border-box;cursor: pointer;}
    .rightlist { justify-content: flex-start;  padding-top: 80px;  position: fixed; top: 0px; left: -100%;  width: 100%;  height: calc(100vh); z-index: 1000; background: #fff; transition: all .6s;}
    .showmenu { left: 0 !important;}
    .bottom { text-align: center; height: 105px; margin-top: 30px; padding-top: 30px;}
    .bottom img { width:10% }
    .bottom .fl {width: 100%;}
    .bottom .fr { width: 100%; text-align: center; margin-top: 10px;  }
    .bottom .fr a { font-size: 15px; margin-right: 25px;}
    .hbg_icon { display: block; }
}
@media  all and (min-width:461px){
}