﻿@charset "UTF-8";body{padding:0;margin:0;list-style:none;font-family:'微软雅黑';color:#505050}
*{list-style:none;padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;font-weight:400;-webkit-tap-highlight-color:rgba(255,0,0,0); margin: 0; padding: 0;}
a{text-decoration:none;color:#030304;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0}
a:hover , a:active , a:link{color:#000; text-decoration: none;}
img{max-width:100%}
button,input,label,select,textarea{outline:0;border-radius:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}
body{width:100%}
img{max-width:100%}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}
::-webkit-scrollbar-thumb{background: #1d8ac5;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background: #1d8ac5;}

body{ background:url(../img/hbg.png) no-repeat center 118px #f6fcfe;}
.header{ padding: 36px 0;}
.tlogo{ line-height: 0;margin-right: 23px;}
.top{ display: flex; line-height: 35px;}
.notice{ flex:1;}
.notice_p{height: 35px;border-radius: 18px;border: solid 1px #bbe4f5;width: 75%; overflow: hidden;}
.notice_p ul li{ padding: 0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color: #1296db}
.notice_p ul li a{ color: #1296db;}
.topnav a{ padding: 0 5px; font-size: 14px;}
.topnav a:hover{ text-decoration: none; color: #1d8ac5;}
.center{ padding-top: 83px;}
.logo{ text-align: center; line-height: 0; margin-bottom: 30px;}
.search{margin: 0 auto; width: 56%; display:flex;}
.search input.text{ height: 43px; background-color: #ffffff; border-radius: 10px 0 0 10px; border: solid 2px #b8b8b8; border-right: 0; opacity: 0.81; flex:1; padding: 0 17px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; color: #000; font-size: 14px; }
.search button.searchbtn{ height: 43px; background-color: #1d8ac5; border-radius:0 10px 10px 0; border:0;  width: 126px; -webkit-border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; -ms-border-radius:0 10px 10px 0; -o-border-radius:0 10px 10px 0;font-size: 14px;color: #fefefe;}
.more{
    width: 46px;
    height: 18px;
    background-color: #bae8ff;
    border-radius: 9px;
    line-height: 18px;
    text-align: center;
}
.more a{
    font-size: 12px;
    color: #3597c7;
    display: block;
}
.title{ padding-top: 80px;font-size: 22px;color: #353535; padding-bottom: 30px;}
.title span{ border-bottom: 3px solid #0489d2; line-height: 42px; display: inline-block;}
.navigation{ padding-bottom: 40px;}
.navigation ul{ display: flex; margin: 0;}
.navigation ul li{display: flex; align-items: center; height: 76px;background-color: #ffffff;box-shadow: 1.5px 1.3px 8px 0px rgba(56, 116, 149, 0.18);border-radius: 10px; width: 20%; text-align: center; justify-content: center;font-size: 20px;color: #2a2a2a; margin-right: 27px; cursor: pointer;}
.navigation ul li i{ margin-right: 10px;}
.navigation ul li:last-child{margin-right: 0;}
.navigation ul li.on{border: solid 1px rgba(44, 124, 168, 0.33);color: #2c7ca8;}
.navigation ul li.on span{ font-weight: bold;}
.navigation ul li a:hover , .navigation ul li a:active , .navigation ul li a:link{color: #2c7ca8;}
.navigation ul li.on span{color: #2c7ca8;}
.navigation ul li a{display: flex;align-items: center;width: 100%;justify-content: center;}

/*.navigation-mobile{ position:fixed; top:0; left:0; right:0; z-index:999; display:none}*/
.navigation-mobile ul{ display:flex; margin-bottom:0}
.navigation-mobile ul li{ width:100%;display: flex; align-items: center; height: 40px;background-color: #ffffff;border: 1.5px solid rgba(56, 116, 149, 0.18);border-radius: 5px; width: 20%; text-align: center; justify-content: center;font-size: 14px;color: #2a2a2a; margin:5px 3px; cursor: pointer;}
.navigation-mobile ul li.on{ background-color:#0489d2; color:#fff;}
.navigation-mobile ul li.on span{ font-weight: bold;}


.nomp{ margin: 0; padding: 0;}
.childtitle{font-size: 22px;	color: #353535; padding-bottom: 14px; display: flex; align-items: center;}
.childtitle p{ flex:1; margin: 0; padding: 0;}
.childtitle span{ border-bottom: 3px solid #e6952d; line-height: 42px; display: inline-block;}
.childtitle div{width: 46px;height: 18px;background-color: #bae8ff;border-radius: 9px; line-height: 18px; text-align: center;}
.childtitle div a{ font-size: 12px;color: #3597c7; display: block;}

.childtitle1{font-size: 22px;	color: #353535; padding-bottom: 14px; display: flex; align-items: center;}
.childtitle1 p{ margin: 0; padding: 0;}
.childtitle1 ul{ flex:1; display: flex; padding-left: 30px;}
.childtitle1 ul li{ font-size: 14px; color: #353535; padding: 0 6px; line-height: 24px; cursor: pointer;}
.childtitle1 ul li.on{ color: #fff; background: #e6952d; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.childtitle1 span{ border-bottom: 3px solid #e6952d; line-height: 42px; display: inline-block;}
.childtitle1 div{width: 46px;height: 18px;background-color: #bae8ff;border-radius: 9px; line-height: 18px; text-align: center;}
.childtitle1 div a{ font-size: 12px;color: #3597c7; display: block;}


.service_p ul li{ width: calc( 25% - 6px); height: 70px; text-align: center; line-height: 70px;background-color: #e4eef3; float: left; margin: 3px;}
.service_p ul li a{font-size: 16px;	color: #3597c7; display: block;}
.service_p ul li:nth-child(2){ background-color: #cfe0f0;}
.service_p ul li:nth-child(4){ background-color: #cfe0f0;}
.service_p ul li:nth-child(5){ background-color: #cdeef7;}
.service_p ul li:nth-child(6){ background-color: #e5eef3;}
.service_p ul li:nth-child(7){ background-color: #ccedf6;}
.service_p ul li:nth-child(9){ background-color: #f9dcd4;}
.service_p ul li:nth-child(10){ background-color: #cdeef7;}
.service_p ul li:nth-child(11){ background-color: #f9dcd4;}
.service_p ul li:nth-child(12){ background-color: #cdeef7;}
.service_p ul li:nth-child(14){ background-color: #cfe0f0;}
.service_p ul li:nth-child(16){ background-color: #cfe0f0;}
.inBox ul{ margin: 0;}

.news_p ul{ width: 50%; float: left;}
.news_p ul:nth-child(1){padding-right: 15px;}
.news_p ul:nth-child(2){padding-left: 15px;}
.news_p ul li{ margin-bottom: 24px; line-height: 24px;}
.news_p ul li a h4{ display: flex; align-items: center;}
.news_p ul li a h4 span.num{ color: #fff; font-size: 12px; width: 15px; height: 15px; background:#b0b1b1;line-height: 15px; text-align: center; }
.news_p ul li a h4 p{ flex:1; line-height: 15px;margin-bottom: 0; padding: 0 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; font-size: 16px;}
.news_p ul li a h4 span.date{color: #5d5d5d;font-size: 14px;opacity: 0.63;}
.news_p ul li a:hover h4 p{ color: #e6952d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.news_p ul li a:hover h4 span.num{ background-color: #e6952d;}
.news_p ul li a h5{ color: #5d5d5d; font-size: 14px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin: 0; opacity: .63;}
.news_p ul li a:hover h4 span.date{opacity:1;}



.tese_p ul{ width: 50%; float: left;}
.tese_p ul:nth-child(1){padding-right: 15px;}
.tese_p ul:nth-child(2){padding-left: 15px;}
.tese_p ul li{ margin-bottom: 24px; line-height: 24px;}
.tese_p ul li  h4{ display: flex; align-items: center;}
.tese_p ul li  h4 span.num{ color: #fff; font-size: 12px; width: 15px; height: 15px; background:#b0b1b1;line-height: 15px; text-align: center; }
.tese_p ul li  h4 p{ flex:1; line-height: 15px;margin-bottom: 0; padding: 0 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; font-size: 16px;}
.tese_p ul li  h4 span.date{color: #5d5d5d;font-size: 14px;opacity: 0.63;}
.tese_p ul li h4 p a:hover{ color: #e6952d;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.tese_p ul li:hover h4 span.num{ background-color: #e6952d;}
.tese_p ul li h5{ color: #5d5d5d; font-size: 14px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin: 0; opacity: .63;}
.tese_p ul li:hover h4 span.date{opacity:1;}
.tese_p ul li h5 a:hover{color: #e6952d;}


#inHd ul{ display: flex; align-items: center;}
#inHd ul li{ font-size: 20px;	color: #353535;line-height: 42px; cursor: pointer; position: relative;}
#inHd ul b{ padding:0 23px; font-size:16px}
#inHd ul li.on::before{ position: absolute;content: ""; left: 0; bottom: -3px; height: 3px; width: 44px;background-color: #81a028;}
#inHd ul span{ flex:1; text-align: right;color: #5d5d5d;font-size: 14px;}
#inBd ul li{ line-height: 32px;}
#inBd ul li a{ display: flex; align-items: center;}
#inBd ul li a span.number{width: 15px;height: 15px;	background-color: #b0b1b1; color: #fff;font-size: 12px; line-height: 15px; text-align: center; }
#inBd ul li a p{ flex:1; line-height: 15px;margin-bottom: 0; padding: 0 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
#inBd ul li a span.date{color: #5d5d5d;font-size: 14px;opacity: 0.63;}
#inBd ul li a:hover{ color: #81a028;}
#inBd ul li a:hover span.number{background-color: #81a028;}
#inBd ul li a:hover p{color: #81a028;}
#inBd ul li a:hover span.date{ color: #5d5d5d;opacity:1;}

.childtitlex{font-size: 22px;	color: #353535; padding-bottom: 14px; display: flex; align-items: center;}
.childtitlex p{ flex:1; margin: 0; padding: 0;}
.childtitlex span{ border-bottom: 3px solid #0489d2; line-height: 42px; display: inline-block;}

.childtitlex1{font-size: 22px;	color: #353535; padding-bottom: 14px; display: flex; align-items: center; position: relative;}
.childtitlex1 p{ flex:1; margin: 0; padding: 0;}
.childtitlex1 span{ line-height: 42px; height: 45px; display: inline-block; position: relative;}
.childtitlex1 span::before{ position: absolute; width: 44px; height: 3px; content: ""; left: 0; bottom: 0; background-color: #0489d2; }

.centertwo{ padding-top: 20px;}

.newdt ul li{ line-height: 32px;}
.newdt ul li a{ display: flex; align-items: center;}
.newdt ul li a span.number{width: 15px;height: 15px;	background-color: #b0b1b1; color: #fff;font-size: 12px; line-height: 15px; text-align: center; }
.newdt ul li a p{ flex:1; line-height: 15px;margin-bottom: 0; padding: 0 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.newdt ul li a span.date{color: #5d5d5d;font-size: 14px;opacity: 0.63;}
.newdt ul li a:hover{ color: #0489d2;}
.newdt ul li a:hover span.number{background-color: #0489d2;}
.newdt ul li a:hover p{color: #0489d2;}
.newdt ul li a:hover span.date{ color: #5d5d5d;opacity:1;}

/* .server_p { padding-top: 10px;} */
.server_p ul{ display: flex; flex-wrap: wrap;justify-content: space-between;}
.server_p ul li{box-shadow: 1.5px 1.3px 8px 0px rgba(56, 116, 149, 0.18);border-radius: 10px;border: solid 1px rgba(44, 124, 168, 0.27); overflow: hidden; width: 23%; margin-bottom: 10px;margin-top: 8px;}
.about_p{ display: flex;}
.about_p .img{ width: 42%; max-height: 140px; overflow: hidden; display: flex; align-items: center;}
.about_p .memo{ flex:1; padding-left: 24px;font-size: 15.8px;line-height: 28px;color: #353535;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden; overflow: hidden;}

.tesepic ul{ display: flex;}
.tesepic ul li{height: 152px;background-color: #000;box-shadow: 1.5px 1.3px 8px 0px rgba(56, 116, 149, 0.18);border-radius: 10px;border: solid 1px rgba(44, 124, 168, 0.27); overflow: hidden; width: 25%; margin-right: 18px; max-height: 140px; overflow: hidden;}
.tesepic ul li img{ width: 100%; }
.tesepic ul li:last-child{ margin-right: 0;}
.tesepic ul li a{ display: flex; align-items: center; justify-content: center; position: relative; height: 100%;}
.tesepic ul li a p{margin: 0; position: absolute; left: 0; right: 0; bottom: 0; height: 28px; line-height: 28px; color: #fff; text-align: center; padding: 0 4px; background: rgba(0,0,0,0.45);}

.footer{ background: #3a3c43; padding: 50px 0;margin-top: 50px; color: #fff;}
.footer a{ color: #fff;}
.fnav a{ padding:0 10px;}
.copyright{ padding-top: 20px;}
.footer .item ul{ display: flex;}
.footer .item ul li{ text-align: center; line-height: 30px; margin-right: 50px;}
.footer .item ul li:last-child{ margin-right: 0;}
@media screen and (max-width:1400px){
  .tesepic ul li{ flex:1;}
  .tesepic ul li img{ width: 100%; height: auto;}
  .about_p .img img{ height: 100%; width: auto; max-width: unset;}
  /* .tesepic ul li:nth-child(3) {margin-right: 0;} */
  /* .tesepic ul li:nth-child(4){display: none;} */
  .tesepic ul li img{    width: auto;
    height: 100%;
    max-width: unset;}
    .tesepic ul li{ margin-right:10px;}
  /* #inHd ul li{ padding-right:27px} */
  .footer .item ul li{ margin-right:30px}
}
@media screen and (max-width:995px){
  body{ background-position-y: 150px ;}
  .header {padding:16px 0; }
  .top{margin-right: 0;flex-wrap: wrap; display: block}
  .tlogo{margin-right: 0; text-align: center; display: flex;justify-content: center;}
  .notice_p{margin:5px 0 10px 0; width: 100%;}
  .topnav{ text-align: center;}
  .search{ width: 100%;}
  .center{ padding-top:50px;}
  .navigation ul{ flex-wrap: wrap;justify-content: space-between;}
  .navigation ul li{ width: 48%; margin-bottom: 15px; margin-right: 0; font-size: 16px;}
  .navigation ul li:nth-child(2n){margin-right: 0;}
  .service_p{ max-height:230px; overflow:hidden}
  .news_p{ max-height:384px; overflow:hidden}
  #inBd ul{ max-height:185px; overflow:hidden}
  .tese_p div{ max-height:384px; overflow:hidden}
}

@media screen and (max-width:768px){
  .search button.searchbtn{ width: 96px;}
  .navigation{ padding: 0;}
  .service_p ul li{ width: calc(50% - 6px);}
  .service_p ul li:nth-child(2){ background-color: #ffddd4;}
  .service_p ul li:nth-child(3){ background-color: #ffddd4;}
  .service_p ul li:nth-child(4){ background-color: #e4eef3;}
  .service_p ul li:nth-child(5){ background-color: #f5efda;}
  .service_p ul li:nth-child(6){ background-color: #bcf3d6;}
  .service_p ul li:nth-child(7){ background-color: #ffddd4;}
  .service_p ul li:nth-child(10){ background-color: #d2f8fb;}
  .service_p ul li:nth-child(11){ background-color: #f5efda;}
  .service_p ul li:nth-child(13){ background-color: #e4eef3;}
  .service_p ul li:nth-child(14){ background-color: #f5efda;}
  .service_p ul li:nth-child(15){ background-color: #bcf3d6;}
  .news_p ul{ width: 100%;}
  .bd{max-height:443px;overflow:hidden}
  .news_p ul:nth-child(1){padding-right: 0px;}
  .news_p ul:nth-child(2){padding-left: 0px;}
  .tese_p ul{ width: 100%; float: left;}
  .tese_p ul:nth-child(1){padding-right: 0px;}
  .tese_p ul:nth-child(2){padding-left: 0px;}
  .childtitle1 ul{ padding-left: 15px;}
  
  .server_p ul li{ width: 100%;}
  .server_p ul li img{ width: 100%;}
  .about_p{ flex-wrap: wrap;}
  .about_p .img{ width: 100%; max-height: none;}
  .about_p .img img{ width: 100%;}
  .about_p .memo{ padding: 0;    flex: auto; padding-top: 10px;}
  .tesepic ul{ flex-wrap: wrap;}
  .tesepic ul li{ width: calc(50% - 9px); margin-bottom: 15px; flex: none;}
  .tesepic ul li img{ width: 100%; height: auto;}
  .tesepic ul li:nth-child(2n){margin-right: 0;}
  .tesepic ul li:nth-child(3){ margin-right: auto;}
  .tesepic ul li:nth-child(4){display: block;}
  /* .header { padding: 16px 0; }
  .top{ display: block; margin-right: 0;}
  .tlogo{margin-right: 0;}
  .notice_p{margin: 10px 0 0 0; width: 100%;}
  .topnav{ text-align: center;} */
  #inHd , #inBd{ padding: 0 3px;}
  #inHd { padding-top:20px; padding-bottom: 10px;}
  #inHd ul li{ font-size: 20px;	color: #353535;line-height: 42px; cursor: pointer; position: relative; padding-right: 27px;}

  .footer{ text-align: center; padding: 20px 0; margin-top: 10px;}
  .fnav{ text-align: center;}
  .footer .item { padding-top: 30px;}
  .footer .item ul{ justify-content: center;}
}

@media screen and (max-width:320px){
  .topnav{ display: none}
}


.search_top{ margin-bottom: 20px;margin: 0 auto; margin-top: 82px;width: 56%; }
.search_top ul{ display: flex; justify-content: center;}
.search_top ul li{ line-height: 24px; padding: 0 15px; cursor: pointer; font-size: 14px; position: relative;}
.search_top ul li::before{ content: ""; position: absolute; right: 0;width: 1px; height: 10px; top: 7px; background: #8b99a0;}
.search_top ul li.on{ background: #1d8ac5; color: #fff;}
.search_top ul li.on::before{ display:none;}
.search_top ul li:last-child::before{ display: none;}
.serchnav{ width: 56%; margin: 0 auto; padding-top: 30px;}
.serchnav ul{ display: flex; justify-content: center;}
.serchnav ul li{ line-height: 28px; background: #a1a1a1; color: #fff; font-size: 14px; padding: 0 20px; margin: 0 34px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.serchnav ul li.on{ background: #1d8ac5;}
.serchnav ul li i{margin-right: 5px;}
.search{margin: 0 auto; width: 56%; display:flex;}
.search input.text{ -webkit-border-radius: 0; border-right: 0; height: 49px; background:rgba(255,255,255,.81); border: solid 2px #b8b8b8; border-right: 0; border-left: 0; flex:1; padding: 0 17px; color: #000; font-size: 14px; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.search button.searchbtn{ height: 49px; background-color: #1d8ac5; border-radius:0 10px 10px 0; border:0;  width: 126px; -webkit-border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; -ms-border-radius:0 10px 10px 0; -o-border-radius:0 10px 10px 0;font-size: 14px;color: #fefefe;border:2px solid #b8b8b8; border-left: 0;}

.search .type{ width: 100px; height: 49px;border-radius: 10px 0 0 10px;  border: solid 2px #b8b8b8; border-right: 0; background:rgba(255,255,255,.81); text-align: center; font-size: 14px; line-height: 49px; position: relative; z-index: 9;  }
.search .type h4{ font-size: 14px; padding: 0; margin: 0; line-height: 45px; cursor: pointer; position: relative; }
.search .type h4 i{font-size: 12px;color: #313131;}
.search .type ul{ display: none; position: absolute; left: -2px; top: 47px; background:rgba(255,255,255,.81); width: 102px; border: 2px solid #b8b8b8; border-top: 0; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; }
.search .type h4::before{content: ""; position: absolute; width: 1px; height: 14PX; background: #cccccc; right: 0; top: 15px;}
.search .type ul li{ line-height: 30px; cursor: pointer;}
.search .type.on{ border-radius: 10px 0 0 0; -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; -ms-border-radius: 10px 0 0 0; -o-border-radius: 10px 0 0 0; border-bottom: 0; }

.outsearch{ display: none}
.outsearch .search input.text{ border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; border-left: 2px solid #b8b8b8; }

.title{ padding-top: 80px;font-size: 22px;	color: #353535; padding-bottom: 30px;}
.title span{ border-bottom: 3px solid #0489d2; line-height: 42px; display: inline-block;}
@media screen and (max-width:1440px){
  .search_top, .search,.serchnav{ width: 80%;}
}

@media screen and (max-width:995px){
  .header {padding:16px 0; }
  .top{margin-right: 0;flex-wrap: wrap; display: block}
  .tlogo{margin-right: 0; text-align: center; display: flex;justify-content: center;}
  .notice_p{margin:5px 0 10px 0; width: 100%;}
  .topnav{ text-align: center;}
  .search_top, .search,.serchnav{ width: 100%;}
  .center{ padding-top:50px;}
  .navigation ul{ flex-wrap: wrap;justify-content: space-between;}
  .navigation ul li{ width: 48%; margin-bottom: 15px; margin-right: 0; font-size: 16px;}
  .navigation ul li:nth-child(2n){margin-right: 0;}
  .server_p ul li{ width:48%}
}

@media screen and (max-width:768px){
  .search button.searchbtn{ width: 96px;}
  .navigation{ padding: 20px 0;}
  .search_top{ margin-top: 50px;}
  .search_top ul{ flex-wrap: wrap; justify-content: end;}
  .search_top ul li{ width: 33.3333%; text-align: center; line-height: 30px; margin-top: 5px;}
  .search_top ul li::before{ top: 12px;}
  .search_top ul li:nth-child(3n)::before{display: none;}
  .serchnav ul{ flex-wrap: wrap;}
  .serchnav ul li{ width: 100%; line-height: 40px;  margin: 0;margin-bottom: 10px;}
  .search_top ul:nth-child(2) li{ width: 25%;}
  .search_top ul:nth-child(2) li:nth-child(3n)::before{display: block;}

  .search .type{ width: 80px;}
  .search .type ul{ width: 82px;}
  .search input.text{ min-width: 1px; padding: 0 5px;}
}

/*#inHd ul li:nth-child(1):after{    content: "";*/
/*  position: absolute;*/
/*  width: 3px;*/
/*  background: #333;*/
/*  height: 21px;*/
/*  right: 22px;*/
/*  top: 12px;}*/
/*#inHd ul li:last-child:after{    content: "";*/
/*  position: absolute;*/
/*  width: 3px;*/
/*  background: #333;*/
/*  height: 21px;*/
/*  left: 0;*/
/*  top: 12px;}*/
@media screen and (max-width:320px){
  .topnav{ display: none}
}
@media screen and (max-width: 1400px){
  #inHd ul li:nth-child(1):after{    content: ""; right: 11px;}
}
