@charset "UTF-8";
* {
  word-wrap: break-word;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
html{
  font-size: 100px;
}

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
  margin: 0;
  padding: 0;
  font-weight: 300;
  -webkit-tap-highlight-color: transparent;
}

ul, ol, dl {
  list-style-type: none;
}


body {
  *position: static;
  color: #333;
  width: 100%;
  height: auto;
  background-color: #ffffff;
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 400;
}

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input, button {
  overflow: visible;
  vertical-align: middle;
  outline: none;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
  padding-left: 0;
  padding-right: 0;
}

.auto{
  margin: 0 auto;
}

body, th, td, button, input, select, textarea {
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "SansSC",'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}





/*hou 无效掉下拉菜单样式*/
.dropdown-menu {
  background: none;
  border: none;
  box-shadow: none;
}

.dropdown-menu li {
  display: block;
}

.dropdown-menu a {
  border: none;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  padding: 10px;
  text-transform: none;
  transition: none;
  white-space: nowrap;
}

.dropdown-menu a:hover {
  background: none;
  color: #ff6800;
}
/*-------------------------------*/


/*hou 教育培训链接*/
.text a:hover{
  /* color: #ffffff; */
  color: #6D8;
}
/*面包屑导航*/
.breadcrumbs>.container{
  text-align: left;
}

/*科研绘图流程图*/
#kyht_flowchart{
width: 90%;
margin-left: 5%;
}

/*导入新的导航栏样式*/
/* main menu styles */
#nav {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  display:inline;
  width:100%;
  margin:0px auto;
  padding:0;
  background:#6d8a51;

  /* border-radius:10px; 
  -moz-border-radius:10px;
  -webkit-border-radius:10px; */
  box-shadow:0 2px 2px rgba(0,0,0, .5);
  -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
  -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
  float:left;
  position:relative;
  list-style:none;
  /* height: 45px; */
}
#nav a {
  text-decoration:none;
  display:block;
  padding:8px 20px;

  /* border-radius:10px; 
  -moz-border-radius:10px;
  -webkit-border-radius:10px; */
  /*导航栏字体阴影*/
  /* text-shadow:0 2px 2px rgba(0,0,0, .7); */
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
  background:#355A27;
  height: 60px;
  color:#ffffff;
  border-bottom:1px solid #ffffff;/*hou 导航栏选中后下面的横线*/

  /* box-shadow:0 2px 2px rgba(0,0,0, .7); 
  -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
  -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
  text-shadow:0 2px 2px rgba(255,255,255, 0.7); */
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
  overflow: hidden;
  background:none;
  border:none;
  color:#000;
  height: 60px;
}
#nav ul li a:hover {
  background:#355A27;
  color:#fff;

  /* border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px; */
  text-shadow:0 0px 0px;
}

#nav ul li:first-child > a {
  overflow: hidden;
  height: 60px;
  -moz-border-radius-topleft:10px; /*some css3*/
  -moz-border-radius-topright:10px;
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
  -moz-border-radius-bottomleft:10px; /*some css3*/
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul {
  opacity:1;
  visibility:visible;
}
#nav ul {
  opacity:0;
  visibility:hidden;
  padding:0;
  width:185px;
  position:absolute;
  background:#ffffff;
  /* border:1px solid #7788aa; */

  border-radius:10px; /*some css3*/
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  /* box-shadow:0 2px 2px rgba(0,0,0, .5);
  -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
  -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5); */

  -moz-transition:opacity .25s linear, visibility .1s linear .1s;
  -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
  -o-transition:opacity .25s linear, visibility .1s linear .1s;
  transition:opacity .25s linear, visibility .1s linear .1s;

  top: 65px;
}
#nav ul li {
  float:none;
  margin:0;
}
#nav ul a {
  font-weight:normal;
  text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
  left: 190px;
  top:0px;
}

#nav .info{
    width: 290px;
}
/*------------------------------------*/

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

a {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
  /* -webkit-transition: all .4s linear; */
  -moz-transition: all .5s;
  /* transition: all .4s; */
  color: #6d8a51;
}

a:hover {
  transition: 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
}

a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
}

a.ie6:hover {
  zoom: 1;
}

b, i {
  font-weight: normal;
  font-style: normal;
}

sub, sup {
  vertical-align: baseline;
}

button, input[type="button"], input[type="submit"] {
  line-height: normal !important;
}

img {
  border: 0;
}

a img, img {
  -ms-interpolation-mode: bicubic;
  -webkit-transition: all .7s linear;
  -webkit-transition: all .7s;
  transition: all .7s;
  display: block;
  max-width: 100%;
}

/* HTML5 reset */
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend {
  display: block;
  margin: 0;
  padding: 0;
}

time {
  display: inline;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

legend {
  width: 100%;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 15px;
  color: #999;
}

svg:not(:root) {
  overflow: hidden;
}

fieldset {
  border-width: 0;
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

input, textarea {
  border: 0;
  outline: none;
  resize: none;
}

body {
  overflow-x: hidden;
  color: #333;
  line-height: 1;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

img {
  -ms-interpolation-mode: bicubic;
  -webkit-transition: all .7s linear;
  -webkit-transition: all .7s;
  transition: all .7s;
  display: block;
  width: auto;
  max-width: 100%;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

/*hou top栏间距*/
.top>.container>.row{
  margin-top: 0!important;
}

.row{
  /* display: flex;
  flex-direction: row;
  justify-content: space-between; */
  margin-top: 0.1rem;
  margin-left: 0;
  margin-right: 0;
}

::selection {
  background: #00aaff;
  color: #fff;
}

.alltime{
  -webkit-transition: all .4s cubic-bezier(.4,0,.2,1);
  -moz-transition: all .4s cubic-bezier(.4,0,.2,1);
  transition: all .4s cubic-bezier(.4,0,.2,1)
}

.bg-f3{
  background-color: #fff;
}

.fl {
  float: left;
  height: 100%;
}

.fr {
  float: right;
}
.flex{
  display: flex;
}
.fs-16{
  font-size: 16px;
}
.fs-18{
  font-size: 18px;
}
.list-inline>li{
  padding-left: 0;
  padding-right: 0;
}
.star{
  color: green;
  /* color: red; */
}
.pagination{
  margin: 0;
}


.container {
  max-width: 1800px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  text-align: center;
}

.flex-sb{
  display: flex;
  justify-content: space-between;
}
.flex-c{
  display: flex;
  justify-content: center;
  align-items: center;
}
/*banner 下导航*/
.min-content{
  margin-top: 56px;
}
.nav-top-a{
  display: flex;
  justify-content: center;
  margin: 0 auto 40px auto;
}
.nav-top-a a{
  font-size: 18px;
  color: #666;
  width: 264px;
  height: 48px;
  overflow: hidden;
  text-align: center;
  line-height: 48px;
  margin-right: 80px;
  border-radius: 24px;
  background-color: #ffffff;
  border: 1px solid #6D8A51;
  /* box-shadow: 0px 2px 6px 0px rgba(128, 128, 128, 0.5); */
}
.nav-four{
  justify-content: space-between;
}
.nav-four a{
  margin-right: 0;
}
.nav-top-a a:last-of-type{
  margin-right: 0;
}
.nav-top-a a.active{
  color: #fff;
  background-color: #6D8A51/*#5C6699*/;
}
.nav-top-a a:hover{
  color: #fff;
  background-color: #6D8A51/*#5C6699*/;
}
/*分页*/
.list-navigation li{
  display: inline-block;
  margin-right: 4px;
  width: 96px;
}
.list-navigation li:last-of-type{
  margin-right: 0;
}
.list-navigation li .text,.list-navigation li>span,.list-navigation li>a{
  font-size: 14px;
  color: #000000;
  padding: 6px 12px;
  width: 96px;
  display: inline-block;
  border-radius: 999999px;
  line-height: 1.42857143;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #626262;
}
.list-navigation li>a:hover{
  color: #fff;
  background-color: #ba120d;
}
.instrument-item .btn-details a{
  font-size: 18px;
}
/*新闻中心的翻页*/
.list-navigation #news_pagination li>a:hover{
  color: #fff;
  background-color: #355A27;
}


/*小三角*/
.triangle{
  width: 12px;
  height: 15px;
  display: inline-block;
  background-image: url("/static/index/img/right-triangle.png");
}
.mb0{
  margin-bottom: 0 !important;
}

/* 头部 */
.header {
  height: auto;
  position: relative;
  z-index: 11;
  background: #ffffff;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.header.fixed {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  /* -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
}

.header.hide {
  display: none;
}

.header .top {
  padding: 16px 0; 
  border-bottom: 1px solid #dadada;
  background-color:#f1fded8a ;/*hou*/
  /* background-image: -moz-linear-gradient( 90deg, rgb(61,68,102) 0%, rgb(92,102,153) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(61,68,102) 0%, rgb(92,102,153) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(61,68,102) 0%, rgb(92,102,153) 100%); */
}

.header .top .logo {
  width: 255px;
  height: 64px;
  display: block;
}

.header .top .logo img {
  width: 100%;
  vertical-align: auto;
  /*hou 删除了阴影*/
  /* filter: drop-shadow(0 0px 20px rgb(153,170,255));
  -webkit-filter: drop-shadow(0 0px 20px rgb(153,170,255)); */
}

.header .top .other {
  width: 384px;
  height: 64px;
  margin-left: -20px;
  position: relative;
  top: 12px;
}

/*hou*/
.header .top .top-color-1{
  float: right;
  width: 200px;
  height: 80px;
  background-color: #355A27;
}
.header .top .top-color-2{
  float: right;
  width: 200px;
  height: 80px;
  background-color: #6D8A51;
}


.header .bottom {
  height: 60px;
  background-color:#6d8a51;/*hou*/
  /* background-color: rgb(229, 234, 255); */
  /* box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3); */
}

/*hou 导航栏样式大改*/
.container .header-container-bottom{
  height: 60px;
}


/*——————————————————————————*/
/*清除原本导航栏的样式*/
/* .navbar-nav .open .dropdown-menu {
  background: none;
  border: none;
  box-shadow: none;
}

.navbar-nav .open .dropdown-menu>li {
  display: block;
}

.navbar-nav .open .dropdown-menu>a {
  border: none;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  padding: 10px;
  text-transform: none;
  transition: none;
  white-space: nowrap;
}

.navbar-nav .open .dropdown-menu >a:hover {
  background: none;
  color: #ff6800;
} */

/*——————————————————————*/




/*hou 下拉导航栏*/
.header .bottom.fixed {
  display: none;/*hou 下拉导航栏隐藏*/
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 51;
  /* -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
}

.header .bottom.fixed .logo {
  display: block;
}

.header .bottom.fixed .logo img {
  width: 90%;
  height: 90%;
}

.header .bottom.fixed .nav a {
  padding: 0 12px;
}

.header .bottom .logo {
  display: none;
  width: 230px;
  height: 60px;
  margin-top: 5px;
  margin-right: 40px;
}

.header .bottom .con {
  height: 60px;
  background: #6d8a51;
}

.header .bottom .con nav li>a{
  font-size: 18px;
  position: relative;
}

.header .bottom .con nav li.dropdown:first-of-type>a{
  padding-left: 0;
}

.header .bottom .con nav li.open>a,
.header .bottom .con nav li.hover>a{
  color: #ffffff;/*hou*/
  /* color: #00aaff; */
}

/*hou 导航栏设置*/
/*顶部导航栏*/
.bottom>.con>.container>.nav-left-icon{
  width: 100%;
  padding-left: 190px;
  padding-right: 100px;
}
/*下拉后导航栏*/
.fixed>.con>.container>.nav-left-icon{
  width: calc(70%);
  padding:inherit;
}

 .bottom>.con>.container>.nav-left-icon>.navbar-collapse>.navbar-nav {
  display: flex;
  justify-content: space-between;
  float: none;
  height: 100%;
  width: 100%;
}
.header .bottom .con .navbar-nav>.dropdown{
  flex: 1;
}
/*hou 导航栏鼠标悬停改变背景颜色*/
.header .bottom .con .navbar-nav>.dropdown:hover{
  background-color: #355A27;
}

/*hou 导航栏高度*/
#example-navbar-collapse{
  height: 60px;
  /* height: 60px!important; */
}



ul.nav.navbar-nav{
  max-height: -webkit-fill-available;
}

/* .header .bottom .con .navbar-nav{
  display: flex;
  justify-content: space-between;
} 
.header .bottom .con .navbar-nav .dropdown{
  flex: 1;
}  */

/*hou 搜索按钮大小*/
.btnSearch{
  font-size: 20px;
}

/*hou 下拉菜单*/
.nav .navbar-nav .dropdown{

}
.nav .navbar-nav ul{
  opacity:0;
  visibility:hidden;
  padding:0;
  width:175px;
  position:absolute;
  background:#aabbcc url(../images/bg.png) repeat-x 0 0;
  border:1px solid #7788aa;

  border-radius:10px; /*some css3*/
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  /* box-shadow:0 2px 2px rgba(0,0,0, .5);
  -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
  -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5); */

  -moz-transition:opacity .25s linear, visibility .1s linear .1s;
  -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
  -o-transition:opacity .25s linear, visibility .1s linear .1s;
  transition:opacity .25s linear, visibility .1s linear .1s;
}
.nav .navbar-nav li:hover > ul {
  opacity:1;
  visibility:visible;
}
.nav .navbar-nav ul {
  opacity:0;
  visibility:hidden;
  padding:0;
  width:175px;
  position:absolute;
  background:#aabbcc url(../images/bg.png) repeat-x 0 0;
  border:1px solid #7788aa;

  border-radius:10px; /*some css3*/
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  /* box-shadow:0 2px 2px rgba(0,0,0, .5);
  -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
  -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5); */

  -moz-transition:opacity .25s linear, visibility .1s linear .1s;
  -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
  -o-transition:opacity .25s linear, visibility .1s linear .1s;
  transition:opacity .25s linear, visibility .1s linear .1s;
}

.nav .navbar-nav ul li {
  float:none;
  margin:0;
}
.nav .navbar-nav ul a {
  font-weight:normal;
  /* text-shadow:0 2px 2px rgba(255,255,255, 0.7); */
}
.nav .navbar-nav ul ul {
  left:160px;
  top:0px;
}



/*---------分割线----------*/




.navbar-default .navbar-nav>li>a{
  color: #ffffff;
}

/*hou*/
.navbar-default .navbar-nav li::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  height: 100%;
  border-right: 4px solid #6d8a51;
  transform: translateY(-50%);
  border-radius: 30px 30px 30px 30px;
}
/*hou*/
.navbar-default .navbar-nav li:last-child::after{
  display: none;
}

.header .bottom .con a {
  line-height: 45px;
}

.header .bottom .con a:hover {
  color: #ffffff;
}

.header .bottom .con .other {
  height: auto;
}

.header .bottom .con .other a {
  padding: 0 5px;
  font-size: 16px;
}

.header .bottom .con .other a.wechat {
  position: relative;
  z-index: 1;
}

.header .bottom .con .other a.wechat .ewm {
  width: 168px;
  padding: 16px;
  height: auto;
  position: absolute;
  left: -36px;
  top: 70px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  display: none;
}

.header .bottom .con .other a.wechat .ewm:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  left: 50%;
  top: -8px;
  margin-left: -5%;
}

.header .bottom .con .other .tel{
  color: #00aaff;
  font-size: 16px;
  padding: 0 5px;
}

.header .bottom .navTwo {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  background: #355A27;
  cursor: pointer;
  box-shadow: 0px 5px 5px 0px rgba(128, 128, 128, 0.3);
}

.header .bottom .navTwo img{
  width: 300px;
  height: 150px;
  margin-top: 32px;
  margin-bottom: 32px;
  filter: drop-shadow(0 0 8px rgba(153,170,255,.41));
}
.header .bottom .navTwo .item .line{
  width: 1px;
  height: 150px;
  background: #6D8A51;/*linear-gradient(#5c6699,#99aaff,#5c6699);*/
}
.header .bottom .navTwo .item{
  height: auto;
  display: none;
  max-height: 214px;
  overflow: hidden;
}
.header .bottom .navTwo .item .tow-list{
  margin-top: 32px;
  margin-bottom: 32px;
}
.bottom .text-box{
  padding-left: 48px;
}
.bottom .text-box ul.title{
  position: relative;
  border-bottom: 1px solid #7a88cc;
}
.bottom .text-box ul.info li{
  float: left;
}
.bottom .text-box ul.info li a:hover{
  color: #fff;
}
.bottom .text-box ul.info li a{
  color: #c2c3cc;
  padding-top: 23px;
}
.bottom .text-box li{
  font-size: 18px;
  position: relative;
}
.bottom .text-box .Level-list .info{
  display: none;
}
.bottom .text-box .Level-list .info>li{
  margin-right: 48px;
}
.bottom .text-box ul.title li.active>a{
  color: #00aaff;
}
.bottom .text-box ul.title li.active>a:before{
  content: '';
  width: 100%;
  height: 3px;
  background-color: #3d4466;
  position: absolute;
  bottom: -1.5px;
  left: 0;
}
.bottom .text-box ul.title li a{
  color: #c2c3cc;
  display: block;
  margin-right: 48px;
  padding-bottom: 25px;
  position: relative;
}
.bottom .text-box ul.title li:last-of-type a{
  margin-right: 0;
}
.header .bottom .con nav li i.iconfont{
  display: none;
}
/*手机端搜索*/
.bottom .ss {
  width: 24px;
  height: 100%;
  float: right;
  position: relative;
}
.bottom .ss .ssp {
  width: 100%;
  height: 100%;
  background: url(/static/index/img/ss5.png) center no-repeat;
  background-size: 32px;
  cursor: pointer;
}
.bottom .ss .ssp.act {
  background: url(/static/index/img/ss6.png) center no-repeat;
}
.bottom .ss .sbtn1 {
  display: block;
  box-shadow: 0 0 1px 0 #ddd;
  width: 100%;
  height: 0px;
  background: #fff;
  border-radius: 5px;
  position: fixed;
  z-index: 1;
  right: 0;
  top: 52px;
  padding: 0;
  overflow: hidden;
}
.bottom .ss .sbtn1.act {
  height: 40px;
  padding: 4px;
}
.bottom .ss .sbtn1 input {
  display: block;
  width: calc(100% - 90px);
  float: left;
  height: 100%;
  border: 0;
  outline: #d9251c;
  padding-left: 10px;
}
.bottom .ss .sbtn1 .sbtn2 {
  display: block;
  width: 80px;
  height: 100%;
  float: right;
  background: #d9251c url(/static/index/img/ss4.png) center no-repeat;
  border-radius: 5px;
}
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*search*/
.header .bottom .searchBox {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
  background: #355A27/*#5c6699*/;
  opacity: .9;
  padding: 32px 0;
  display: none;
}
.header .bottom .searchBox img{
  width: 300px;
  height: 150px;
}
.header .bottom.fixed .searchBox{
  top: 82px;
}
.header .bottom .searchBox .line{
  width: 1px;
  height: 150px;
  background: #355A27;/*linear-gradient(#5c6699,#99aaff,#5c6699);*/
}
.header .bottom .searchBox .text-box .input{
  width: 800px;
  height: 48px;
  top: 51px;
  left: -68px;
  position: absolute;
}
.header .bottom .searchBox .text-box input{
  width: 100%;
  height: 100%;
  border-radius: 24px;
  font-size: 18px;
  padding: 0 28px;
  background-color: rgb(255, 255, 255);
}
.header .bottom .searchBox .text-box input:focus{
  box-shadow: 0 0 10px #e5eaff;
}
.header .bottom .searchBox .text-box .input .btnSearch1{
  position: absolute;
  right: 28px;
  top: 10px;
  background-color: #ffffff;
  /* background-color: transparent; */
  border: none;
}
.header .bottom .searchBox .text-box .input .btnSearch1 i{
  font-size: 28px;
}

.header .bottom .con .other a.search {
  position: relative;
  padding-left: 10px;
}

/*hou 搜索框左边的分割线*/
/* .header .bottom .con .other a.search:after {
  content: "";
  position: absolute;
  left: 0;
  top: 32px;
  width: 1px;
  height: 18px;
  background: #808080;
} */

.navbar-collapse{
  padding-left: 0;
  padding-right: 0;
  width: calc(100%);/*hou 横向填充*/
}
.navbar-collapse .nav .navbar-nav {
  float: none;
}

/*hou*/
/* div #example-navbar-collapse{
position: fixed;
left: 10%;
right: 10%;
} */


/*公共顶部附页*/
.bigBanner .in-big-text {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.bigBanner {
  height: auto;
  /* overflow: hidden; */
  position: relative;
}

.bigBanner img {
  width: 100%;
  height: 400px;
}

.bigBanner .t {
  width: 100%;
  color: #fff;
  position: absolute;
  top: 24%;
  left: 0;
  padding-left: 78px;
  /*hou 项目案例文字*/
  display: none;
}

.bigBanner .t h1 {
  font-size: 36px;
  font-weight: 500;
  background-image: linear-gradient(#7fd4ff,#00aaff);
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 0px 0px 50px rgba(255, 255, 255, .35);
}

.bigBanner .t p{
  color: #e5e5e5;
  font-size: 18px;
  text-shadow: 0 0 5px rgba(26,26,26,.5);
  margin-top: 15px;
}

.bigBanner .breadcrumbs {
  font-size: 16px;
  position: absolute;
  width: 100%;
  bottom: 48px;
  left: 0;
  background: none;
  color: #fff;
}

.breadcrumbs i {
  font-size: 16px;
  vertical-align: -1px;
  margin-right: 16px;
}

.bigBanner .breadcrumbs a {
  color: #fff;
  font-size: 16px;
}
.bigBanner .breadcrumbs a:hover{
  color: #00aaff;
}
.bigBanner .breadcrumbs span:last-of-type{
  color: #cc0000;
}
.navbar{
  border: 0;
  margin-bottom: 0;
  text-align: center;/*hou*/
}
.nav>li>a:focus, .nav>li>a:hover{
  background-color:rgb(229, 234, 255);
}
.con .nav-left-icon{

  background-color:#6d8a51 ;/*hou*/
  /* background-color: rgb(229, 234, 255); */
}
.nav-left-icon .navbar-toggle{
  background-color: #edf4fa;
  border-color: #fff;
}
.nav-left-icon .navbar-nav>.open>a,
.nav-left-icon .navbar-nav>.open>a:focus,
.nav-left-icon .navbar-nav>.open>a:hover{
  background-color: #355A27;/*hou*/
  /* background-color: rgb(229, 234, 255); */
}
.nav-left-icon .navbar-toggle .icon-bar{
  background-color: #fff;
}
.nav-left-icon .navbar-toggle:hover{
  background-color: #fff;
  border-color: #edf4fa;
}
.nav-left-icon .navbar-toggle:hover .icon-bar{
  background-color: #edf4fa;
}

/*footer*/
.group_footer_content{
  width: 100%;
  font-size: 16px;
  margin-top: 112px;
}
.group-top{
  width: 100%;
  padding-top: 40px;
  padding-bottom: 48px;
  height: auto;
  background-color: #252525;/*hou*/
  /* background: url("/static/index/img/footer/bg.png") no-repeat center center; */
  background-size: cover;
  -webkit-background-size: cover;
}
.group-bottom{
  line-height: 76px;
  font-size: 14px;
  color: #ffffff;
  background-color: #252525;
  margin-top: 1px;
}
.group-bottom  a{
  color: #ffffff;
}
.group-bottom  a:hover{
  color: black;
}
.group_top_left{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  vertical-align: top;
  text-align: left;
}
.group_top_left a{
  color: #ffffff;
  font-size: 18px;
  /* font-size: 0.04rem; */
  font-weight: 100;
}
.group_top_left .group-list{
  float: left;
  margin-right: 32px;
}
.group_top_left .group-list:last-of-type{
  margin-right: 0;
}
.group_top_left a:hover{
  color: #fff;
}
.group_top_right{
  color: #ffffff;
  text-align: left;
}
.group_top_right .contact{
  /* margin-right: 32px;
  margin-top: 150px; */
}
.footer-item-title{
  margin-bottom: 24px;
  color: #00aaff;
}
.footer-item-title p{
  padding-bottom: 8px;
  border-bottom: 1px solid #6d8a51;
  display: inline;
  color: #ffffff;
  font-size: 18px;
  /* font-size: 0.046rem; */
  font-weight: 100;
}
/*hou实心边缘虚化的圆*/
/* .group_top_left .group-list::before{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #008071;
    opacity: 0.5;
    margin-right: 0.5em;
    box-shadow: 0 0 4px 3px #0c685b;
    position: relative;
    top: 23px;
    right: 23px;
} */

/*hou页脚下面的格式*/
.text-right{
  padding-top: 20px;
}
/*页脚的竖分割线*/
.top-nav::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  height: 100%;
  border-right: 1px solid #ffffff;
  transform: translate3d(-1rem,-0.4rem,1rem);
}

.footer-item-title .iconfont{
  display: none;
}
.group_top_left.top-nav ul li{
  line-height: 1;
  margin-bottom: 16px;
}
.group_top_right .scan-code{
  font-size: 14px;
  color: #fff;
  margin-top: 16px;
  margin-bottom: 56px;
}
.group_top_right .footer-img {
  width: 168px;
  padding: 16px;
  height: auto;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.group_top_left.bottom-nav ul li{
  margin-right: 30px;
}
.group_top_left.bottom-nav ul li.yq-title{
  color: #00aaff;
}
.group_top_left.bottom-nav ul li a{
  color: #ffd47f;
}
.group_top_left.bottom-nav ul li a:hover{
  text-shadow: 0px 0px 1px #ffd47f;
}
.social-share .social-share-icon{
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.is-active{
  line-height: 32px;
}
.social-share a{
  margin: 0 6px;
}
.social-share a:last-of-type{
  margin-right: 0;
}
.group_top_right i.iconfont{
  color: #ffaa00;
  margin-right: 9px;
}
.group_top_right a.kefu{
  width: 80px;
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
  font-size: 14px;
  text-align: center;
  background-color: #6D8A51;
  color: #fff;
}
.group_top_right ul.lxfs{
  margin-top: 40px;
  font-size: 18px;
  /* font-size: 0.04rem; */
}
.group_top_right ul.lxfs li{
  line-height: 32px;
  position: relative;
}
.social-share .icon-wechat .wechat-qrcode{
  box-shadow: 0 2px 10px #000;
}

/*改变视口样式*/
@media (max-width: 769px) {
  .footer-item-title p{
    display: block;
  }
  .group_footer_content{
    margin-top: 0;
  }
  /*hou 手机端导航栏*/
  #example-navbar-collapse{
    position:relative;
    /* top: 0.05rem; */
    height: auto;
    /* transform: scale(0.6); */
  }
    /*hou 手机端导航栏*/
  ul.nav.navbar-nav{
    transform: scale(0.4,0.5);
    position: absolute;
    left: -0.45rem;
    top: -0.185rem;
  }

  /*微信客服隐藏*/
  .wechat{
    display: none;
  }

  /*hou 标题横线*/
  .row{
    margin-top: 0;
  }

}

@media (min-width: 769px){
  .visit{
    display: none;
  }

  .navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
  }
  /*hou 导航栏居中+分割线，但没实现*/
  .navbar-nav>li{
    text-align: center;
  }

  .bottom .ss{
    display: none;
  }
  .open>.dropdown-menu{
    display: none !important;
  }
}
@media (max-width: 420px) {
  .list-navigation li{
    width: 78px;
  }
  .list-navigation li .text, .list-navigation li>span, .list-navigation li>a{
    padding: 4px 12px;
    width: 78px;
  }
  .list-navigation li{
    margin-right: 2px;
  }
}

@media(min-width:768px){
  .navbar-collapse.collapse{
    width: max-content;
  }
  
}

@media (max-width: 768px){

/*hou 再战导航栏部分*/
#nav{
  height: 100vh;
  background: #ffffff;
  display: block;
}
/* .navbar-nav{
  height: 100vh;
} */
/*hou*/
#nav li {
  float: none;
}

#nav li:hover > a{
  height: auto;
}
#nav li:hover > ul{
  position: inherit;
  top: auto;
}

#nav .info .show{
  display: none!important;
}

#nav li a{
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 300;
  float: none;
  color: #000000;
}

#nav ul {
  width: 100%;
}

/*手机端导航栏隐藏三级菜单*/

#nav ul ul {
  display: none!important;
}







  /* hou 手机端导航栏的flex*/
  .header .bottom .con .navbar-nav>.dropdown{
    flex: none;
  }
  .min-content{
    margin-top: 28px;
  }
  .content-h{
    margin-top: 0px !important;
  }
  .nav-top-a{
    width: 97% !important;
    margin: 0 auto 28px auto;
  }
  .nav-top-a a{
    height: 30px;
    line-height: 30px;
    font-size: 12px !important;
  }
  .dropdown .iconfont{
    font-size: .12rem !important;
  }
  .navbar-nav{
    height: 100vh;
  }
  .header .bottom .con .other{
    display: none !important;
  }
  .container{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .header .top{
    display: none;
  }
  .navTwo{
    display: none;
  }
  .header .bottom.fixed{
    padding: 0 !important;
  }
  .header .bottom{
    background-color: #fff;
  }
  .header .bottom.fixed{
    background-color: #fff;
  }
  .header .bottom .logo,.header .bottom.fixed .logo{
    display: block;
    height: 30px !important;
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .header .bottom .logo img,.header .bottom.fixed .logo img{
    display: block;
    height: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    max-width: 800px;
    position: relative;
     /* hou float right*/
     float: right;
     right: 0.3rem;
  }
  .nav-left-icon{
    background-color: rgb(255, 255, 255) !important;
  }
  .nav-left-icon .navbar-header{
    padding: 0 .12rem;
    height: 50px;
    background-color: #000000;/*手机端导航栏颜色*/
  }
  .header .bottom.fixed .logo{
    width: auto !important;
  }
  .header .bottom.fixed .logo img{
    width: auto;
  }
  .nav-left-icon .navbar-collapse, .nav-left-icon .navbar-form{
    border-color: transparent;
    overflow-x: hidden;
  }
  .header .bottom .con .nav-left-icon{
    width: 100%;
  }
  .navbar-toggle{
    float: left;
  }
  .header .bottom .con .nav-left-icon .navbar-nav li a{
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 300;
  }
  .header .bottom .con .nav-left-icon .navbar-nav>li>a{
    color: #333;
  }
  .header .bottom .con .nav-left-icon .navbar-nav>li:first-of-type{
    border-top: 1px solid #ddd;
    /* margin-top: 50px; */
  }
  .nav>li>a,.navbar-nav .open .dropdown-menu>li>a{
    padding: .02rem .2rem !important;
  }
  .header .bottom .con a{
    line-height: .14rem !important;
    /* line-height: .34rem !important; */
  }
  header.header .bottom.fixed .nav a{
    padding: .02rem .2rem !important;
  }
  .header .bottom .con nav li>a{
    font-size: .1rem !important;
  }
  .bigBanner .t p{
    display: none;
  }
  .bigBanner .breadcrumbs{
    bottom: 10px !important;
    padding: 0 2%;
  }
  .bigBanner .t{
    padding-left: 10%;
  }
  .header .bottom .con nav li i.iconfont{
    display: inline-block;
  }
  .group-top .row:first-of-type .group_top_left,.group-top .row:first-of-type .group_top_right, is-active{
    padding: 0 30px;
  }
  .group-top .row:first-of-type .group_top_left .footer-item-title{
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .group-top .row:first-of-type .group_top_left .footer-item-title .iconfont{
    position: absolute;
    right: 0;
  }
  .footer-item-title p{
    width: 100%;
  }
  .group-top{
    display: none;
  }
  .footer-item-title .iconfont{
    display: block;
  }
  .min{
    padding-bottom: .2rem !important;
  }
  .min-index{
    padding-bottom: 0 !important;
  }
  .group-bottom{
    font-size: 14px !important;
    line-height: .2rem !important;
  }
}
@media (min-width: 1480px) {
  .container {
    width: 1430px;
  }
  .header .top {
    padding: 24px 0;
  }

  /*hou 底部竖向分割线*/
  .top-nav::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 40%;
    height: 80%;
    border-right: 1px solid #ffffff;
    transform: translate(-30%,-50%);
  }

  /*导航栏三级菜单宽度*/
  #nav .info{
    width: 310px;
}

}

@media (min-width:1600px){
  .bottom-text{
    font-size: 33px!important;
  }

}




@media (width>=2000px) {
  .top-nav::after{
    display: none;
  }

}

@media (min-width:1200px){
  /*导航栏菜单大小*/
  #nav>li{
    width: .29rem;
  }

  /*hou 底部竖向分割线*/
  .top-nav::after{  
    content: "";
    position: absolute;
    top: 50%;
    right: 37%;
    height: 80%;
    border-right: 1px solid #ffffff;
    transform: translate(-30%,-50%);
}
  /*hou*/
  .group_top_right .contact{
    /* margin-left: 685px; */
  }

  /*导航栏菜单位置*/
  .bottom>.con>.container>.nav-left-icon{
    padding-left: 30px;
  }

}
@media (max-width: 992px){

  /*hou 小窗口时搜索图标隐藏*/
  /* .header .bottom .con .other {
    display: none;
  } */

  /*更小窗口下不显示*/
  .top-nav::after{
    display: none;
  }

  .header .bottom .searchBox{
    display: none !important;
  }
  .group_top_left.bottom-nav ul li{
    margin-right: 14px !important;
  }
  .bigBanner .breadcrumbs{
    bottom: 15px;
  }
/*hou 小窗口时导航栏宽度*/
.bottom>.con>.container>.nav-left-icon{
  width: 100%;
  /* height: auto; */
  padding-left: 0;
  padding-right: 0;
}
/*hou*/
.group_top_right .contact{
  margin-right: 464px;
}

/*hou  小窗口时导航栏高度*/
.header .bottom .con{
  height: 50px;
}

/*hou 小窗口时导航栏选中宽度*/
#nav .current a, #nav li:hover > a {
  height: 50px;
}

/*hou 小窗口下菜单文字*/
#nav a{
  padding: 2px 20px;/*同时影响滑过时渐隐的动画*/
}


}
@media (max-width: 767px){
  .nav-left-icon .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
    font-size: .11rem !important;
  }
}
@media (max-width: 1480px){
  .bottom .text-box li{
    font-size: 14px;
  }
  .header .bottom.fixed .nav a {
    padding: 0 5px !important;
  }
  .bigBanner img{
    height: auto;
  }
  .bottom .text-box{
    padding-left: 30px;
    font-size: 0.06rem;
  }
  .header .bottom .navTwo img{
    width: 255px;
  }
  .bigBanner .t h1{
    font-size: 28px;
  }
  .bigBanner .t p{
    font-size: 16px;
  }
  .bigBanner .breadcrumbs a,.bigBanner .breadcrumbs{
    font-size: 14px;
  }

  .header .top .other {
    width: 270px;
    height: 26px;
    top: 12.5px;/*hou*/
  }
  .header .bottom{
    height: auto;
  }
  .social-share .icon-wechat .wechat-qrcode{
    top: -162px;
    left: -49px;
    width: 127px;
    height: 145px;
  }
  .wechat-qrcode .help{
    display: none;
  }
  .nav-top-a{
    justify-content: space-evenly;
  }
  .nav-top-a a{
    width: 20%;
    margin-right: 0;
    font-size: 14px;
  }
  .min .min-content  .nav-top-a a{
    font-size: 18px;
  }

  .group_footer_content{
    font-size: 13px !important;
  }
  .header .bottom .con nav li>a{
    font-size: 16px;
  }
  .header .bottom .con .other a{
    font-size: 13px;
  }
  .header .bottom .con .tel .iconfont {
    font-size: 16px;
    position: relative;
    top: 0;
  }
  .header .bottom .con .other a .iconfont{
    position: relative;
    top: 2px;
  }
  .header .bottom .con a{
    line-height: 45px;
    color: #ffffff;/*hou*/
  }
  .header .bottom .con .other a.search:after{
    height: 14px;
    top: 25px;
  }
  .header .top .logo{
    width: 204px;
    height: 51px;
    /*hou*/
    position:relative;
    top: 0px;
  }
  .header .bottom .con .other a.wechat .ewm{
    width: 120px;
    padding: 10px;
    left: -20px;
  }
  .header .bottom .logo{
    width: 204px;
    height: 51px;
    margin-top: 5.5px;
  }
  .header .bottom .searchBox{
    padding: 16px 0;
  }
  .header .bottom.fixed .searchBox{
    top: 62px;
  }
  .header .bottom .searchBox img{
    width: 100%;
    height: auto;
  }
  .header .bottom .searchBox .line{
    height: 100px;
  }
  .header .bottom .searchBox .text-box .input{
    width: 100%;
    top: 47px;
  }
  .header .bottom .searchBox .text-box .input{
    left: 0;
  }
  .header .bottom.fixed .con .other a.search:after{
    top: 25px;
  }
}

@media(max-width<1200px){
  /*导航栏菜单大小*/
  #nav>li{
    width: .29rem;
  }

}

@media (max-width: 1200px) {
/*hou*/
.bottom>.con>.container>.nav-left-icon{
  padding-left: 0px;
}



/*hou 底部竖向分割线*/
  .top-nav::after{  
      display: none;
      content: "";
      position: absolute;
      top: 50%;
      right: 37%;
      height: 80%;
      border-right: 1px solid #ffffff;
      transform: translate(-30%,-50%);
  }

  .nav-top-a a{
    width: 30%;
  }
  .group_top_right .footer-img{
    width: 96px !important;
    padding: 10px !important;
  }
  .group_top_left .group-list{
    width: 16.667%;
    margin-right: 0;
  }
  .group-top .top-nav{
    width: 100%;
  }
  .group_top_right{
    /* width: 100%; */
    float: left;
  }
  .social-share .social-share-icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .is-active{
    line-height: 24px;
  }
  .is-active .bottom-text{
    width: auto;
  }
  .group_top_right .footer-img{
    margin-top: 40px;
  }
  .group_top_right .scan-code{
    font-size: 12px;
  }
  .nav>li>a{
    padding-left: 10px;
    padding-right: 10px;
  }
  .header .bottom .searchBox .text-box .input{
    width: 100%;
  }
  .header .bottom .searchBox .text-box .input{
    top: 35px;
  }
  .header .bottom .con .other a{
    font-size: 12px;
  }
  .header .bottom .con .other .tel,.header .bottom .con .other .wechat{
    display: none !important;
  }
  .bottom .text-box li{
    font-size: 12px;
  }
  .header .bottom .navTwo .item .line{
    height: 100%;
  }
  .group_footer_content{
    font-size: 12px !important;
    margin-top: .1rem !important;
  }
}