.banner > img {
  width: 100%;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  pointer-events: none;
}

/* 内页 */
.inner .content img {
  max-width: 100%;
  height: auto !important;
}
.inner .content_con,.inner .side_bar_con {
  background-color: #f6f6f6;
}
.inner .content_con {
  min-height: 600px;
}
.inner .side_bar_con h4 {
  font-size: 18px;
  padding-right: 6px;
}
.side_bar .title {
  height: .36rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:0 10%;
  background: #009758;
  color: #fff;
}
.side_bar .title i {
  display: block;
  width: 51%;
  height: 50%;
  background: url(../images/side_bar_bg.png) no-repeat center;
  background-size:100%;
}
.side_bar .list li {
  border-top: 1px dashed #a1a1a1;
}
.side_bar .list li:first-child {
  border-top: none;
}
.side_bar .list li.current {
  border-top: none;
  background-color: #f9b000;
}
.side_bar .list li.current i {
  background: url(../images/rec_arrow.png) no-repeat center;
  background-size: cover;
}
.side_bar .list li.current p {
  color: #fff;
}
.side_bar .list .item {
  height: .36rem;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.side_bar .item i {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/rec_arrow_black.png) no-repeat center;
  background-size: cover;
}
.inner .content_con {
  padding: .2rem;
}
.inner .rec_info_con .item {
  padding-bottom: .15rem;
  margin-bottom: .15rem;
  border-bottom: 1px solid #ccc;
}
.inner .rec_info h3,.inner .rec_info h4 {
  margin-bottom: 4px;
}
.inner .rec_info_con .list {
  display: flex;
}
.rec_info_con .list li {
  width: calc(100%/3);
}
/* ------------------------------------------------------------------------------
	InnerNav
-------------------------------------------------------------------------------*/
.inner_nav {
  background-color: #f0f0f0;
}
.inner_nav ul {
  display: flex;
}
.inner_nav ul li {
  flex: 1;
  background-color: #f0f0f0;
  height: 74px;
  line-height: 74px;
  text-align: center;
}
.inner_nav ul li.current a{
  border-bottom: 3px solid #009758;
}
.inner_nav ul li a {
  display: inline-block;
  font-size: 18px;
  text-align: center;
}
.sub_ti {
  height: 50px;
  line-height: 50px;
  background-color: #eee;
}
.sub_ti .container {
  display: flex;
}
.sub_ti i {
  margin-right: 6px;
}
.sub_ti .ti_txt {
  width: 94%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sub_ti .ti_txt a {
  line-height: 50px;
}
/* ------------------------------------------------------------------------------
	About
-------------------------------------------------------------------------------*/
.about_inner {
  background: #fff;
}
.about_inner .about_con .about_l,.about_inner .about_con .about_r {
  height: 100%;
}
.about_inner .about_con .item {
  color: #fff;
}
.about_inner .about_l {
  background: url(../images/about_inner_bg.jpg) no-repeat center;
  background-size: cover;
}
.inner_sec_ti span:before,.inner_sec_ti span:after {
  content:none;
}
/* ------------------------------------------------------------------------------
	Feature
-------------------------------------------------------------------------------*/
.feature {
  background-color: #f5f6fa;
}
.feature .feat_con .item_wrap {
  position: relative;
}
.feat_con .item .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 110%;
  top: 0;
  text-align: center;
  color: #fff;
  background-color: rgba(0,151,88,.8);
  cursor: pointer;
}
.feat_con .item {
  overflow: hidden;
}
.feat_con .item .txt_wrap {
  width: 70%;
}
.feat_con .item h4 {
  font-family: 'gothambook-webfont',sans-serif;
  line-height: 1.2;
}

.feat_con .item p {
  text-align: justify;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
/* ------------------------------------------------------------------------------
	Adv
-------------------------------------------------------------------------------*/
.adv_inner {
  background: url(../images/adv_inner_bg.jpg) no-repeat center;
  background-size: cover;
}
.adv_inner .item {
  text-align: center;
  border-right: 1px solid #fff;
}
.adv_inner .item:last-child {
  border-right:none ;
}
.adv_inner .item h3 {
  color: #fff;
  margin: 10px 0;
}
.adv_inner_con .item .icon {
  width: 30%;
}
/* ------------------------------------------------------------------------------
	Equipment
-------------------------------------------------------------------------------*/
.equ_con .item {
  margin-bottom: .2rem;
}
.equ_con .item img {
  width: 100%;
  height: 100%;
}
.equ_con .item a {
  position: relative;
  display: block;
  padding-top: 70%;
  height: 0;
}
.equ_con .item a img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ------------------------------------------------------------------------------
	Development
-------------------------------------------------------------------------------*/
.development {
  padding-bottom: 0;
}
.deve_con {
  padding: .2rem 0;
  background: url(../images/deve_con_bg.jpg) no-repeat center;
  background-size: cover;
}
.deve_con .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 1.5rem;
  text-align: center;
  cursor: pointer;
  padding-top: .1rem;
}
.deve_con .item p {
  color: #fff;
  margin-bottom: 0;
}
.deve_con .date {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'ITCAVANTGARDESTD-md';
  color: #ff8a00;
  height: .5rem;
  font-size: .2rem;
}

.deve_con .item .txt {
  width: 90%;
  margin: 0 auto;
  height: 40%;
}
.deve_con .container {
  background: url(../images/line.png) repeat-x left 87px center;
}
/* ------------------------------------------------------------------------------
	Culture
-------------------------------------------------------------------------------*/
.cul_con .item .txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: .8rem;
  text-align: center;
  background-color: #f0f0f0;
}
.cul_con .item h3 {
  margin-bottom: 10px;
  color: #009758;
  font-weight: bold;
}
/* ------------------------------------------------------------------------------
	Recruitment
-------------------------------------------------------------------------------*/
.rec_con li {
  margin-bottom: .2rem;
}
.rec_con li .txt{
  padding-top: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 1.2rem;
  background-color: #f6f6f6;
}
.rec_con li .title {
  margin-bottom: 8px;
}
.rec_con li .title,.rec_con li .content {
  width: 80%;
}
.rec_con li .more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  background-color: #009758;
  height: .26rem;
  padding: 0 10%;
}
.rec_con li p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.rec_con li .more i {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/rec_arrow.png) no-repeat center;
  background-size: cover;
}
/* ------------------------------------------------------------------------------
	News
-------------------------------------------------------------------------------*/
.inner_news_con .pic {
  position: relative;
  height: 0;
  padding-top: 70%;
}
.inner_news_con .pic img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner_news_con .txt {
  background-color: #f0f0f0;
  padding: .1rem .2rem;
}
.indus_news_con .txt {
  background: none;
  border: 1px solid #ccc;
}
.indus_news_con .txt p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.inner_news_con .txt h3 {
  /* overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap; */
  height: 3em;
  margin: 6px 0;
}
.inner_news_con .txt .more {
  color: #009758;
  padding-right: 5%;
  background: url(../images/inner_news_icon.png) no-repeat right center;
}
.inner_news_con li {
  margin-bottom: .1rem;
}
.newsPage {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ccc;
}
.newsPage .pagePrev, .newsPage .pageNext {
  width: 122px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 50px;
}
.newsPage a {
  display: block;
  transition: 400ms ease-in-out;
}
.newsPage a:hover {
  border: 1px solid #009758;
  box-shadow: inset 0 0 0rem 1.875rem #009758;
  color: #FFF;
  border-radius: 50px;
}
/* ------------------------------------------------------------------------------
	Category
-------------------------------------------------------------------------------*/
.inner_cate_con .list .txt {
  position: relative;
  padding: 5% 8%;
  background-color: #f2f2f2;
}
.inner_cate_con .list li {
  margin-bottom: .2rem;
}
.inner_cate_con .list h3 {
  position: relative;
}
.inner_cate_con .item:hover .txt {
  background-color: #009758;
  color: #fff;
}
.inner_cate_con .item:hover h3:after {
  background-color: #fff;
}
.cate-pdf {
  display: flex;
  align-items: center;
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.cate-pdf>img {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.cate-pdf .pdf-txt {
  text-align: center;
  padding: 10px 20px;
  color: #fff;
  background-color: #d81932;
}
.cate-pdf .pdf-txt i {
  font-size: 20px;
  margin-right: 8px;
  margin-right: 0 !important;
}
.inner_pro_con .more {
  margin-top: 10px;
}
/* .inner_cate_con .list h3:after {
  content: '';
  position: absolute;
  left: -10%;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 2px;
  background-color: #333;
} */
.inner_cate_con .txt h4 {
  font-family: 'ITCAVANTGARDESTD-MD';
  opacity: .4;
}
.inner_cate_con .pic {
  position: relative;
  padding-top: 51%;
  height: 0;
}
.inner_cate_con .pic img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner_cate_con .txt i {
  font-style: normal;
    font-family: 'ITCAVANTGARDESTD-Md';
    margin-right: 10px;
}
/* ------------------------------------------------------------------------------
	Honor
-------------------------------------------------------------------------------*/
.inner_hon_con .item {
  margin-bottom: .2rem;
}
.inner_hon_con .item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.2rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid #c3c3c3;
}
.inner_hon_con .item img {
  width: auto;
  height: 70%;
}
.inner_hon_con .item .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: .3rem;
  background-color: #f0f0f0;
}
.inner_hon_con .item h3 {
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* ------------------------------------------------------------------------------
	Product
-------------------------------------------------------------------------------*/
.inner_pro_con .item {
  margin-bottom: .15rem;
}
.inner_pro_con .item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #eee;
  padding: .2rem .1rem;
}
.inner_pro_con .item .pic,.inner_pro_con .item .txt {
  width: 48%;
}
.inner_pro_con .item h3 {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: .08rem;
  padding-bottom: .08rem;
}
.inner_pro_con .item h3:before,.inner_pro_con .item h3:after {
  content:'';
  display: block;
  width: 100%;
  height: 2px;
  background: #ccc;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.inner_pro_con .item .pic {
  position: relative;
  height: 0;
  padding-top: 48%;
  overflow: hidden;
}
.inner_pro_con .item img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom:0;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.inner_pro_con .item h3:before {
  width: 60px;
  background: #00bf86;
  z-index: 3;
}
.inner_pro_con .item:hover h3:before {
  width: 100%;
}
.inner_pro_con .item:hover img {
  transform: scale(1.2);
}
.inner_pro_con .item .more {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.inner_pro_con .more i {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/rec_arrow_black.png) no-repeat center;
  background-size: cover;
}
.inner_cate_nav {
  background-color: #009758;
}
.inner_cate_nav .menu_body {
  display: none;
}
.inner_cate_nav .list {
  display: flex;
  flex-wrap: wrap;
}
.inner_cate_nav li {
  display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 60px;
}
.inner_cate_nav li.current {
  background-color: #f9b000;
}
.inner_cate_nav .list a {
  display: block;
  text-align: center;
  color: #fff;
}
.arti_con .top {
  display: flex;
}
.arti_con .top_box {
  width: 30%;
}
.arti_con .top .txt {
  width: 70%;
}
.arti_con p img {
  max-width:100%;
  height: auto;
}

.arti_con .top {
  margin-bottom: .1rem;
}
.arti_con .pic img {
  height: 100%;
}
.arti_con .txt {
  background-color: #eee;
}
.arti_con .txt_wrap {
  padding: .2rem;
}
.arti_con .top h3 {
  padding-bottom: .16rem;
  margin-bottom: .16rem;
  border-bottom: 1px solid #ccc;
}
.arti_con .top .more {
  display: block;
  width: 0.54rem;
  height: .18rem;
  line-height: .18rem;
  text-align: center;
  color: #fff;
  background-color:#009758;
  margin-top: .16rem;
}
.related .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 0.3rem;
  background-color: #f0f0f0;
  padding: 0 6%;
}
.related .pic {
  position: relative;
  height: 0;
  padding-top: 100%;
}
.related .pic img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.related .item {
  margin-bottom: .15rem;
}
.related .txt p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
}
.inner .inner_item {
  margin-bottom: .3rem;
}
.inner p {
  margin-bottom: 0;
}
.org_con .item {
  margin-bottom: .2rem;
}
.org_con .txt h3 {
  margin-bottom: 10px;
  color: #009758;
}
.org_con .item .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.org_con .item .pic {
  margin-right: .14rem;
}
.org_con .pic img {
  width: 1.3rem;
}
.org_inner_con .pic {
  float: left;
  margin-right: .1rem;
  margin-bottom: .05rem;
}
.org_con .item .more {
  display: inline-block;
  padding: 0.04rem 0.1rem;
  border: 1px solid #ccc;
  margin-top: 0.05rem;
}
.inner p span {
  white-space: normal !important;
}
/* 分割线 */
.server_info .equ_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.server_info .equ_list li {
  width: 48%;
  margin-bottom: 30px;
}
.server_info .equ_list a,.server_info .equ_list img {
  display: block;
  width: 100%;
  height: 100%;
}
.prolist .pro_item {
  margin-bottom: 40px;
}
.pro_item dd {
  width: 100%;
  text-align: center;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pro_item dt {
  height: 0;
  padding-bottom: 69%;
  border: 1px solid #ccc;
}
.pro_item dt a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.pro_item dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro_item dd h4 {
  display: block;
  line-height: 45px;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 10px;
  margin: 0 auto;
}
.pro_item dd a {
  display: flex;
}
.pro_item dd i {
  display: inline-block;
  width: 14%;
  font-size: 24px;
  line-height: 45px;
  border-left: 1px solid #ccc;
}
.pro_item dt {
  position: relative;
}
.pro_item dt a {
  display: block;
  height: 100%;
}
.pro_item .loading {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: #f9f9f9 url("../images/loading24.gif") no-repeat center center;
}
.pro_item dt a i {
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -30px;
  display: block;
  width: 59px;
  height: 59px;
  text-align: center;
  opacity: 0;
  background: url(../images/Sprite.png) no-repeat -212px -50px;
  transition: all 0.5s ease 0s;
  z-index: 1001;
}
.pro_item dt a .pro_ti {
  position: absolute;
  display: block;
  width: 80%;
  text-align: center;
  top: 80%;
  left: 10%;
  opacity: 0;
  transition: all 0.5s ease 0s;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  z-index: 1001;
}
.pro_item dl:hover dt a i {
  top: 23%;
  opacity: 1;
  transition-delay: 0.5s;
}
.pro_item dl:hover dt a .pro_ti {
  top: 46%;
  opacity: 1;
  transition-delay: 0.5s;
}
.pro_item dl:hover dt a:before {
  width: 100%;
  left: 0;
  opacity: 0.7;
}

.PageV {
  text-align: center;
  margin-top: 25px;
}
.page_item {
  font-size: 18px;
}
.PageV .disabled {
  border: 1px solid #b9b9b9;
  color: #b9b9b9;
}
.page_item {
  display: inline-block;
  padding: 5px;
  border: 1px solid #ccc;
  margin-right: 6px;
  background: none;
}
.pro_item dt a:before {
  content: "";
  width: 0;
  height: 100%;
  background: #000;
  padding: 14px 18px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  transition: all 500ms;
}
.pro_item dd p {
  margin-bottom: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pro_item dl {
  margin-bottom: 0;
}
.view {
  width: 100%;
  padding-top: 26px;
}
.view p a {
  color: #fff;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  overflow: hidden;
  text-align: center;
  width: 136px;
  border-radius: 6px;
  background-color: #8c8c8c;
}
.view .a02 {
  color: #fff;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  overflow: hidden;
  text-align: center;
  width: 136px;
  border-radius: 6px;
  background-color: #335092;
}

.imgdet .imgpart {
  vertical-align: top;
  position: relative;
  display: inline-block;
  width: 460px;
  height: 460px;
}
.imgdet .imgpart .pic {
  position: relative;
  width: 100%;
  height: 100%;
}
.imgdet .imgpart .pic img {
  width: 100%;
  height: 100%;
}
.imgdet .imgpart .pic .magnify {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  cursor: move;
  background-color: #fff;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.imgdet .imgpart .bigpic {
  display: none;
  position: absolute;
  top: 0;
  right: -470px;
  width: 460px;
  height: 460px;
  z-index: 333;
  border: 1px solid #ccc;
  overflow: hidden;
}
.imgdet .imgpart .bigpic > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 920px;
  height: 920px;
}

.spec-preview {
  border: 1px solid #ccc;
}

.xq_title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 18px;
}
.xq_rl {
  font-size: 16px;
  line-height: 30px;
}
/*.main img {
	width: 100%;
}*/

.cate1_wrap ul li {
  margin-bottom: 28px;
}
.cate1_wrap .cate1_item {
  position: relative;
  width: 100%;
  height: 452px;
  z-index: 10;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.cate1_wrap .cate1_item > i {
  position: absolute;
  top: 20%;
  display: block;
  width: 100%;
  text-align: center;
  height: 51px;
  opacity: 0;
  background: url(../images/more.png) no-repeat center;
  transition: all 0.5s ease 0s;
  z-index: 1001;
}
.cate1_wrap .cate1_item > span {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  top: 80%;
  opacity: 0;
  transition: all 0.5s ease 0s;
  color: #fff;
  font-size: 22px;
  z-index: 1001;
}
.cate1_wrap ul li:hover .cate1_item > span {
  font-size: 25px;
  text-transform: uppercase;
  top: 58%;
  opacity: 1;
  transition-delay: 0.5s;
}
.cate1_wrap ul li:hover .cate1_item > i {
  top: 38%;
  opacity: 1;
  transition-delay: 0.5s;
}
.cate1_wrap ul li:hover .cate1_item_wrap {
  display: none;
}
.cate1_wrap ul li:hover .cate1_item img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.cate1_wrap .cate1_item img {
  transition: all 0.8s;
}
.sol_inner_con .sol_item .pic {
  height: 240px;
}
.sol_inner_con .txt_r h3 {
  font-size: 18px;
  text-align: center;
}
.sol_inner_con .txt {
  height: 88px;
}
.cate1_wrap .cate1_item:before {
  content: "";
  width: 0;
  height: 100%;
  background: #000;
  padding: 14px 18px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  transition: all 500ms;
  z-index: 1000;
}
.cate1_wrap ul li:hover .cate1_item:before {
  width: 100%;
  left: 0;
  opacity: 0.7;
}
.cate1_wrap ul li {
  display: relative;
}
.pro_sub_ti ul li a.active {
  background-color: #22abcc;
}
.cate1_wrap ul li .cover {
  position: absolute;
  top: 0;
  left: 230px;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 101;
}
.cate1_item_wrap {
  position: absolute;
  left: 40px;
  bottom: 30px;
  z-index: 100;
}
.cate1_wrap .cate1_item_wrap h3 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.cate1_wrap .cate1_item_wrap span {
  font-size: 20px;
  padding: 8px 20px;
  border: 1px solid #666;
  border-radius: 28px;
}
.cate1_wrap .cate1_item:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(transparent, #fff);
  background-image: -webkit-linear-gradient(transparent, #fff);
  background-image: -moz-linear-gradient(transparent, #fff);
  background-image: -o-linear-gradient(transparent, #fff);
  background-image: -ms-linear-gradient(transparent, #fff);
  opacity: 0.9;
  filter: alpha(opacity=90);
  z-index: 1;
}
.pro_sub_ti ul li a.active {
  background-color: #22abcc;
}

.xq_fl {
  margin-bottom: 28px;
}
.xq_btn .inner_btn {
  display: block;
  width: 116px;
  height: 40px;
  margin: 20px 0;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #e6b800;
}

.infoTitle {
  height: 50px;
  line-height: 50px;
  color: #2d3033;
  border-bottom: 1px solid #ccc;
  font-size: 22px;
  font-weight: 400;
}
.xq_fl img {
  width: 100%;
}
.proDe ul li img {
  width: 100%;
}
.proDe ul li span {
  display: block;
  width: 100%;
  line-height: 38px;
  /* font-size: 14px; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proDe {
  padding: 28px 0;
}
.proDe .col-sm-3 {
  padding-right: 6px;
  padding-left: 6px;
}
.proDe ul li {
  text-align: center;
}
.proDe ul li a {
  display: block;
  padding: 5%;
  border: 1px solid #ccc;
}
.proNews {
  padding: 28px 0;
}
/* .proNews a {
  font-size: 14px;
} */
.proNews ul li {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
}

.news_lists dl dt {
  line-height: 40px;
}

.infoList {
  padding-top: 28px;
}
.infoList p {
  text-align: left !important;
}

.pro_sub_ti ul li {
  height: 60px;
  line-height: 60px;
  margin-bottom: 20px;
}

.pro_sub_ti ul li a {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background-color: #335092;
}
.proPage {
  text-align: center;
}
.proPage ul li {
  float: left;
}

.main_r .news_lists {
  width: 100%;
}
.main_r .news_lists a {
  display: block;
}
.news_lists dl {
  border-bottom: 1px dashed #ccc;
  color: #666;
  margin-bottom: 8px;
}
.news_lists dl dd {
  line-height: 25px;
  text-align: left;
  padding-bottom: 15px;
}
.news_lists .item_ti {
  display: block;
  width: 66%;
  color: #323333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: normal;
}
.news_lists .item_time {
  font-size: 12px;
  color: #666;
}
.news_lists .item_desc {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news_lists dl dt {
  font-weight: normal;
}

.newsWhere {
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  overflow: hidden;
}
.newsWhere .new_title {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 16px;
}
/* .newsContent {
  font-size: 13px;
} */
.newsWhere span {
  color: #333;
  /* font-size: 14px; */
}
/* .newsContent p {
  font-size: 13px;
} */

/*form 表单*/
.arti_form {
  margin-top: 28px;
}
input::placeholder,textarea::placeholder {
  color: #ccc !important;
  font-size: 16px !important;
}
.inner_cont_con {
  height: 1.91rem;
}
.inner_cont_con .contact_list, .inner_cont_con .contact_form {
  height: 100%;
}
.inner_cont_con .contact_form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contact_form .form_list {
  height: 92%;
}
.contact_form .form_btn {
  flex: 1;
}
.inner_cont_con .contact_list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contact_list .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contact_list .cont1_wrap {
  flex: 1;
  margin-top: .1rem;
}
.form_list .single-input {
  width: 48%;
  height: 16%;
}
.form_list .single-input input {
  height: 100%;
}
.form_list .double-input {
  width: 100%;
  height: 53%;
}
.form_list .double-input textarea {
  width: 100%;
  height: 100%;
}
.contact_list .item {
  width: 48%;
  display: flex;
  align-items: center;
  margin-bottom: .1rem;
}
.contact_list .item img {
  width: 0.27rem;
  height: 0.27rem;
  margin-right: .05rem;
}
.contact_list .item p {
  margin-bottom: 0;
}
#contact-form {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.inner_map {
  width: 100%;
  overflow: hidden;
}

.info_title h3 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 40px;
  text-transform: capitalize;
}

.double-input textarea {
  padding-top: 15px;
  padding-left: 15px;
  background: #f5f5f7;
}
.single-input input {
  width: 100%;
  padding: 0 15px;
  background: #f5f5f7;
  outline: none;
  border-radius: 0px;
}
.single-input textarea:hover,
.single-input input:hover {
  border: 1px solid #999;
}
.single-input textarea:focus,
.single-input input:focus {
  border: 1px solid #3d88f2;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.single-input {
  position: relative;
  display: flex;
  align-items: center;
}
.single-input span {
  display: block;
  height: 40px;
  line-height: 40px;
}
input::placeholder {
  font-size: 16px;
}
.single-input textarea {
  height: 160px;
  padding-top: 10px;
  resize: none;
}
.form-group .formtips {
  margin-left: 10px;
}
.theme-btn {
  width: 100%;
  height: 100%;
  padding: 12px 30px;
  cursor: pointer;
  letter-spacing: 1.2px;
  background: none;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 800;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  background: #009758;
}
.form-wrap .form_list {
  padding-top: 30px;
}
.form-wrap  .form-control {
  border: 1px solid #ccc;
}
.form-wrap .single-input textarea {
  border: 1px solid #ccc;
}
.inner_cont_con .top .contact_list .wrap {
  width: 90%;
}
.form-control {
  border-radius: 0px;
}
.contact_list h2 {
  font-family: 'ITCAVANTGARDESTD-MD';
}
.contact_list span {
  display: block;
  font-size: 30px;
  font-family: 'ITCAVANTGARDESTD-BOLD';
  opacity: .2;
}
.inner_cont_con .top .form_btn {
  margin-bottom: 0;
}
.contact_list li {
  margin-bottom: 10px;
}
.contact_list li:last-child {
  width: 100%;
  margin-bottom: 0;
}

.form_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.form_list .form_item {
  width: 48.5%;
}
.contact-info ul li {
  margin-bottom: 20px;
}
.single-info {
  display: flex;
  align-items: center;
}
.single-info .info-icon {
  width: 50px !important;
  height: 50px;
  margin-right: 28px;
}
.contact-info .iconfont {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  text-align: center;
  color: #fff;
  background-color: #e6b800;
  border-radius: 50%;
  margin-right: 20px;
}



@font-face {
  font-family: "duicon";
  src: url("font/iconfont.eot?t=1596768017300");
  /* IE9 */
  src: url("font/iconfont.eot?t=1596768017300#iefix")
      format("embedded-opentype"),
    url("data:application/x-font-woff2;charset=utf-8;base64,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")
      format("woff2"),
    url("font/iconfont.woff?t=1596768017300") format("woff"),
    url("font/iconfont.ttf?t=1596768017300") format("truetype"),
    url("font/iconfont.svg?t=1596768017300#duicon") format("svg");
  /* iOS 4.1- */
}

.hor_list .title {
  padding-bottom: 30px;
}
.hor_list .title .col-md-3 {
  padding: 0;
}
.hor_list .title .item a {
  display: block;
  height: 42px;
  line-height: 42px;
  font-size: 15px;
  border: 1px solid #c4c4c4;
  border-right: none;
  text-align: center;
}
.hor_list .title li.active a {
  background-color: #38b050;
  color: #fff;
  border: none;
}
.hor_list .title .item:last-child a {
  border-right: 1px solid #c4c4c4;
}
.article {
  display: block;
  margin: 0 0 30px 0;
  /* padding: 12px;
  background: #ececec; */
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  transition: all 220ms;
}
.article table {
  margin: 0 auto;
}
.article .tip {
  text-align: center;
}
.article:hover {
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  transition: all 220ms;
}
.article > img {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
}
.article h2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}

.wall {
  display: block;
  position: relative;
}
.wall-column {
  display: block;
  position: relative;
  /*width: 33.333333%;*/
  /* width: 25%; */
  float: left;
  padding: 0 12px;
  box-sizing: border-box;
}


.amap-info-outer {
  padding: 20px;
}
.input-card p {
  margin: 10px 0;
}

.bg{overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.bg_left{width: 500px;margin-right: 20px;}
.bg_right{flex:1; position: relative;}
.show{width:500px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move;overflow:hidden;}
.show img{width: 100%;height: 100%;}
.mask{width: 250px;height: 250px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
.bigshow{position:absolute; left:0; top:0; width: 500px;height: 500px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;}
.bigshow img{width: 992px;height: 992px;margin-right: 10px;}
.smallshow{width: 100%;height: 70px;position: relative}
.smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
.smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}
.smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}
.smallshow .middle>li{width: 78px;height: 78px;float: left;cursor:pointer;padding:0 5px;}
.smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
.smallshow>.prev{left: 0;background: url(../images/hover-prev.png) no-repeat;transition: all 0.5s}
.smallshow>.next{right: 0;background: url(../images/hover-next.png) no-repeat;transition: all 0.5s}
.smallshow>.prev.prevnone{left: 0;background: url(../images/prev.png) no-repeat;cursor: not-allowed}
.smallshow>.next.nextnone{right: 0;background: url(../images/next.png) no-repeat;cursor: not-allowed}

.pdf .pdf_pic {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 24px;
  background: url(../images/PDF.png) no-repeat;
  vertical-align: middle;
  background-size: 100%;
}
.pdf ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pdf ul li {
  line-height: 40px;
  padding-bottom: 28px;
  margin-bottom: 28px;
  border-bottom: 1px dashed #ccc;
}
.pdf ul li a span {
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
}
.pdf .title span {
  width: 72%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdf .title {
  width: 80%;
}
.info_list .item {
  display: flex;
  align-items: center;
  margin-bottom: .2rem;
  padding-bottom: .2rem;
  margin-right: .2rem;
  border-bottom: 1px dashed #ccc;
}
.info_list img {
  display: block;
  height: 50px;
  margin-right: 20px;
  width: 50px;
}
canvas {
  border: 1px solid #ccc;
  margin: 20px 0;
}
#navigation {
  margin: 20px 0;
}
.pdf-view .container {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.pdf-view #pdf-canvas {
  height:  100vh !important;
  margin: 0 auto !important;
}
#navigation {
  text-align: center;
}
.sp-large a {
  position: relative;
  height: 0;
  padding-top: 100%;
}
.sp-large a img {
  position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sp-thumbs a:link, .sp-thumbs a:visited {
  height: 66px;
  margin-top: 10px;
  width: calc((100% - 50px) / 5);
  margin-right: 10px;
}
.sp-thumbs a:last-child {
  margin-right: 0;
}
.sp-thumbs {
  height: auto;
}
.pro_pdf .pdf-view #pdf-canvas {
  width: 100% !important;
  height: auto !important;
}