body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body, html {
    scroll-behavior: smooth;
  }
h1,h2,h3,h4,h5,h6{font-weight: normal;}

body {font:13px/1.75 "Microsoft YaHei", arial,sans-serif; color: #333;  background:#fff;font-family: "微软雅黑";}

a { text-decoration: none; color: #333;display: block;}

p{color: #434343;}

a:hover {text-decoration: none}

a img {border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none}

div {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}

li {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}

p,strong,em{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;font-weight: normal;}

form {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;}

em{font-style: normal; font-weight: normal}

table {padding-bottom: 0px;list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}

dt {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}

dl {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}

dd {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}

tr {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}

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

.cl{height: 0px; clear: both;}

.fl{float: left; display: block;}

.fr{float: right;}

.c{*zoom:1;}

.c:after{content: ""; display: block; height: 0; clear: both;}

.txt-c{text-align: center;}

.txt-l{ text-align: left !important;}

.txt-r{text-align: right;}

.bg-black{background: #000;}

.col-black{color: #000;}

.col-white{color: #fff !important;}

strong{ font-weight: bold;}

i{font-style: normal;}

.m{ margin: 0 auto;}

.blue{color:#0056a1;}

.container{
  max-width: 1400px;
  margin: auto;
}
.zw{
  height: 80px;
}
header{
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9;
  background-color: #fff;
  box-shadow: 0px 2px 13px 6px rgb(0 0 0 / 15%);
}
header .header{
  width: 80%;
  margin: auto;
  height: 85px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .header .header-nav{
  width: 65%;
  display: flex;
  justify-content: space-between;
}
header .header .header-nav ul{
  width: 80%;
  display: flex;
  justify-content: space-between;
}
header .header .header-nav ul li{
  line-height: 85px;
}
header .header .header-nav ul li a{
	font-size: 16px;
	letter-spacing: 1px;
	color: #333333;
  transition: all .5s;
}
header .header .header-nav ul li:hover a{
  color: #ffa800;
}
header .header .header-nav form{
  display: flex;
  align-items: center;
  margin-left: 4%;
  position: relative;
}
header .header .header-nav form input{
  width: 165px;
	height: 28px;
	background-color: #ffffff;
	border: solid 1px #dddddd;
  line-height: 85px;
  padding-left: 4%;
  font-size: 12px;
	letter-spacing: 1px;
	color: #bebebe;
}
header .header .header-nav form button{
  width: 30px;
	height: 28px;
	background-color: #ffa800;
  position: absolute;
  right: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ewm{
  line-height: 82px;
  margin-left: 3%;
  cursor: pointer;
}
.ewm .hidden-ewm{
  width: 85px;
  height: 85px;
  position: fixed;
  top: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .5s;
}
.ewm .hidden-ewm img{
  width: 100%;
}
.ewm:hover .hidden-ewm{
  visibility: visible;
  opacity: 1;
  right: 70px;
}

/* 头部结束 */

/* banner 图 */
.banner{
  position: relative;
}
.banner .banner-tit{
  position: absolute;
  top: 46%;
  left: 10%;
  transform: translate(0,-50%);
}
.banner .banner-tit h3{
	font-size: 48px;
	letter-spacing: 2px;
	color: #003f84;
  font-weight: 550;
}
.banner .banner-tit h4{
  font-size: 24px;
	letter-spacing: 1px;
	color: #333333;
}
.banner .banner-tit .tsgd{
  width: 166px;
	height: 52px;
	background-color: #ffa800;
	border-radius: 26px;
  margin-top: 8%;
}
.banner .banner-tit .tsgd a{
  text-align: center;
  line-height: 52px;
  font-size: 16px;
	color: #ffffff;
  letter-spacing: 1px;
}

/* 首页新闻 */
.index-xc{
  display: flex;
  justify-content: space-between;
  margin-top: 5%;
}
.index-xc .index-video{
  width: 48%;
}
.index-xc .index-video .index-videotit{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 1.5%;
}
.index-xc .index-video .index-videotit h5{
	font-size: 24px;
	line-height: 51px;
	color: #333333;
}
.index-xc .index-video .index-videotit p a{
  font-size: 14px;
	line-height:51px;
	color: #333333;
}
.index-xc .index-video .index-videonr{
  width: 100%;
  margin-top: 5%;
}
.index-xc .index-video .index-videonr video{
  width: 100%;
  height: 100%;
}
.index-xc .index-news{
  width: 48%;
}
.index-xc .index-news .index-news-tab{
  display: flex;
  justify-content: space-between;
}
.index-xc .index-news .index-news-tab li{
  width: 50%;
  border: solid 1px #dddddd;
  line-height: 46px;
  text-align: center;
  font-size: 16px;
	color: #333333;
  cursor: pointer;
  transition: all .5s;
}
.index-xc .index-news .index-news-tab li:hover{
  background-color: #ffa800;
  color: #fff;
}
.index-xc .index-news .index-news-tab .active{
  background-color: #ffa800;
  color: #fff;
  border: 1px solid #ffa800;
}
.index-xc .index-news .index-news-list-wrapper{
  position: relative;
}
.index-xc .index-news .index-news-list-wrapper .index-news-list{
  display: none;
}
.index-xc .index-news .index-news-list-wrapper .active{
  display: block;
}
.index-xc .index-news .index-news-list-wrapper .index-news-list ul{
  margin-top: 5%;
}
.index-xc .index-news .index-news-list-wrapper .index-news-list ul li{
  position: relative;
}
.index-xc .index-news .index-news-list-wrapper .index-news-list ul li::before{
  content: "";
  width: 6px;
	height: 6px;
	background-color: #ffa800;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 44%;
  z-index: 2;
}
.index-xc .index-news .index-news-list-wrapper .index-news-list ul li::after{
  content: "";
  width: 6px;
	height: 6px;
	background-color: #ffe1a8;
  border-radius: 50%;
  position: absolute;
  left: 9px;
  top: 44%;
  z-index: 1;
}
.index-xc .index-news .index-news-list-wrapper .index-news-list ul li a{
  font-size: 14px;
	line-height: 54px;
	color: #666666;
  border-bottom: 1px dashed #e2e2e2;
  padding-left: 5%;
  display: flex;
  justify-content: space-between;
  transition: all .5s;
}
.index-xc .index-news .index-news-list-wrapper .index-news-list ul li a span{
	font-size: 14px;
	line-height: 54px;
	color: #b6b5b5;
  transition: all .5s;
}
.index-xc .index-news .index-news-list-wrapper .index-news-list ul li:hover a{
  color: #ffa800;
}
.index-xc .index-news .index-news-list-wrapper .index-news-list ul li:hover a span{
  color: #ffa800;
}
/* 底部图片链接 */
.db-pic{
  margin-top: 5%;
}
.db-pic ul{
  display: flex;
  justify-content: space-between;
}
.db-pic ul li{
  width: 25%;
}
.db-pic ul li a{
  position: relative;
}
.db-pic ul li a img{
  width: 100%;
}
.db-pic ul li a .db-picwz{
  position: absolute;
  top: 20%;
  left: 5%;
}
.db-pic ul li a .db-picwz h5{
  font-size: 14px;
	color: #ffffff;
}
.db-pic ul li a .db-picwz h6{
  font-family: MicrosoftYaHei-Bold;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ffffff;
}
/* 底部 */
footer{
  width: 100%;
	/* height: 137px; */
	background-color: #333333;
}
footer .footer .footer-top{
  height: 137px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer .footer-top .kfdh h5{
  font-size: 14px;
	letter-spacing: 1px;
	color: #ffffff;
	opacity: 0.9;
}
footer .footer .footer-top .kfdh p{
  font-size: 20px;
	color: #ffa800;
}
/*footer .footer .footer-top .db-lj{*/
/*  width: 33%;*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*}*/
/*footer .footer .footer-top .db-lj ul{*/
/*  width: 79%;*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  align-items: center;*/
/*}*/
/*footer .footer .footer-top .db-lj ul li{*/
/*  width: 100px;*/
/*	height: 32px;*/
/*	background-color: #484848;*/
/*	border-radius: 4px;*/
/*  margin-right: 2%;*/
/*}*/
/*footer .footer .footer-top .db-lj ul li a{*/
/*	font-size: 14px;*/
/*	line-height: 32px;*/
/*	letter-spacing: 1px;*/
/*	color: #ffffff;*/
/*  text-align: center;*/
/*  opacity: .9;*/
/*}*/
footer .footer .footer-top .db-lj .gzewm p{
  text-align: center;
  font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
  margin-top: 5px;
}
.footer-bottom{
  display: flex;
  justify-content: space-between;
  height: 50px;
}
.footer-bottom p{
  font-size: 14px;
	line-height: 50px;
	color: #333333;
	opacity: 0.7;
}
.footer-bottom p a{
  display: inline-block;
  font-size: 14px;
	line-height: 50px;
	color: #333333;
}
/* 面包屑 */
.mbx{
  width: 100%;
  height: 60px;
	background-color: #f3f3f3;
}
.mbx .mbx-nr p{
  font-size: 14px;
	line-height: 60px;
	letter-spacing: 1px;
	color: #666666;
}
.mbx .mbx-nr p a{
  display: inline-block;
  font-size: 14px;
	line-height: 60px;
	letter-spacing: 1px;
	color: #666666;
}
/* 公司简介 */
.gsjj {
  margin-top: 3%;
}
.gg-title{
	font-size: 32px;
	line-height: 51px;
	letter-spacing: 1px;
	color: #000000;
  text-align: center;
  font-weight: 550;
}
.gsjj p{
  width: 85%;
  margin: auto;
  text-align: center;
  margin-top: 2%;
  line-height: 31px;
}
.gsjj-bottom{
  width: 100%;
  height: 327px;
  background: url(../images/gsjjbj.jpg) no-repeat center;
  background-size: 100%;
  margin-top: 3%;
  display: flex;
  align-items: center;
}
.gsjj-bottom ul{
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.gsjj-bottom ul li{
  width: 33.333%;
  margin-top: 2%;
  position: relative;
}
.gsjj-bottom ul li:nth-child(1){
  margin-top: 0;
}
.gsjj-bottom ul li:nth-child(2){
  margin-top: 0;
}
.gsjj-bottom ul li:nth-child(3){
  margin-top: 0;
}
.gsjj-bottom ul li::before{
  content: "";
  width: 8px;
	height: 8px;
	background-color: #ffa800;
  position: absolute;
  left: -4%;
  top: 19%;
}
.gsjj-bottom ul li h5{
  font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #ffffff;
}
.gsjj-bottom ul li h6{
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ffffff;
}

/* 走进中昊 */
.zjzh{
  width: 100%;
  background: #fbfbfb;
  margin-top: 3%;
  padding: 3% 0;
}
.zjzh .zjzh-nr{
  margin-top: 2%;
  display: flex;
  justify-content: space-between;
}
.zjzh .zjzh-nr .zjzh-nrlist{
  width: 29.5%;
}
.zjzh .zjzh-nr .zjzh-nrlist .zjzh-nrlistimg img{
  width: 100%;
}
.zjzh .zjzh-nr .zjzh-nrlist .zjzh-nrlistjs{
  padding: 5% 4% 0 5%;
  min-height: 272px;
  background: #fff;
}
.zjzh .zjzh-nr .zjzh-nrlist .zjzh-nrlistjs ul{
  padding-left: 2%;
}
.zjzh .zjzh-nr .zjzh-nrlist .zjzh-nrlistjs ul li{
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #333333;
  position: relative;
  margin-top: 3%;
}
.zjzh .zjzh-nr .zjzh-nrlist .zjzh-nrlistjs ul li::before{
  content: "";
	width: 5px;
	height: 5px;
	background-color: #073d69;
  border-radius: 50%;
  position: absolute;
  left: -13px;
  top: 10px;
}
/* 发展定位 */
.fzdw{
  background: url(../images/fzdwbj.jpg) no-repeat center;
  height: 576px;
  padding: 3% 0;
}
.ggp{
  font-size: 14px;
  text-align: center;
	line-height: 51px;
	letter-spacing: 1px;
	color: #333333;
}
.fzdw .fzdw-img{
  width: 50%;
  margin: auto;
  margin-top: 4%;
}
.fzdw .fzdw-img ul{
  display: flex;
  justify-content: space-around;
}

/* 中昊港创模式 */
.ms{
  padding: 3% 0;
  background-color: #f7fbff;
}
.ms .ms-nr{
  margin-top: 3%;
}
.ms .ms-nr ul{
  display: flex;
  justify-content: space-between;
}
.ms .ms-nr ul li{
  width: 16.6666666%;
  height: 319px;
  display: flex;
  justify-content: space-between;
  transition: all .5s;
}
.ms .ms-nr ul li .show{
  background: #f1f7ff;
  height: 100%;
  width: 254px;
  transition: all .5s;
}
.ms .ms-nr ul li .show h5{
	font-size: 39px;
	line-height: 30px;
	color: #ff9000;
  padding: 50px 0 0 10%;
  transition: all .5s;
}
.ms .ms-nr ul li .show h6{
  font-size: 24px;
  font-weight: 550;
	line-height: 30px;
	letter-spacing: 1px;
	color: #333333;
  margin: 121px 0 0 10%;
  transition: all .5s;
}
.ms .ms-nr ul li .show p{
	font-size: 14px;
	line-height: 30px;
	color: #333333;
  margin: 2% 0 0 10%;
  transition: all .5s;
  display: none !important;
}
.ms .ms-nr ul li .hidden{
  visibility: hidden;
  opacity: 0;
}
.ms .ms-nr ul .on{
  width: 50%;
}
.ms .ms-nr ul .on .hidden{
  display: flex;
  flex: 1;
  height: 100%;
  visibility: visible;
  opacity: 1;
}
.ms .ms-nr ul .on .show{
  background-color: #ff9000;
}
.ms .ms-nr ul .on .show h5{
  color: #fff;
}
.ms .ms-nr ul .on .show h6{
  color: #fff;
}
.ms .ms-nr ul .on .show p{
  color: #fff;
}
/* 六大优势 */
.ys{
  padding: 3% 0;
}
.ys .ys-nr .ys-yuan ul{
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #d6d6d6;
  padding: 5% 0 3% 0;
}
.ys .ys-nr .ys-yuan ul li{
  width: 143px;
	height: 143px;
  background: #f0f7ff;
  border-radius: 50%;
  text-align: center;
  line-height: 143px;
  font-size: 18px;
	letter-spacing: 1px;
	color: #000000;
  position: relative;
  transition: all .5s;
  cursor: pointer;
}
.ys .ys-nr .ys-yuan ul li::before{
  content: "";
  width: 129px;
  height: 129px;
  border: 1px dashed #fff;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 6px;
}
.ys .ys-nr .ys-yuan ul li:hover{
  background: #ffb359;
  color: #fff;
  font-weight: 550;
}
.ys-nr{
  width: 80%;
  margin: auto;
  margin-top: 3%;
}
.ys-nr .ys-nr1 ul{
  display: flex;
  justify-content: space-between;
}
.ys-nr .ys-nr1 ul li{
  text-align: center;
  padding-top: 6%;
}
.ys-nr .ys-nr1 ul li img{
  max-height: 55px;
}
.ys-nr .ys-nr1 ul li:nth-child(odd){
  width: 17%;
  height: 239px;
	background-image: linear-gradient(10deg, #e4f1ff 22%, #ffffff 100%);
	border-radius: 39px 0px 39px 0px;
}
.ys-nr .ys-nr1 ul li:nth-child(odd) p{
  font-size: 20px;
	line-height: 51px;
	letter-spacing: 1px;
	color: #073d69;
  font-weight: 550;
  margin-top: 9%;
}
.ys-nr .ys-nr1 ul li:nth-child(2n){
  width: 17%;
  height: 239px;
	background-image: linear-gradient(9deg, #fff7ce 22%, #ffffff 100%);
	border-radius: 39px 0px 39px 0px;
}
.ys-nr .ys-nr1 ul li:nth-child(2n) p{
  font-size: 20px;
	line-height: 51px;
	letter-spacing: 1px;
	color: #ff9000;
  font-weight: 550;
  margin-top: 9%;
}
.ys-nr .ys-nr1 ul li:nth-child(5){
  width: 17%;
  height: 239px;
	background-image: linear-gradient(11deg, #d2f1ed 30%, #ffffff 100%);
	border-radius: 39px 0px 39px 0px;
}
.ys-nr .ys-nr1 ul li:nth-child(5) p{
  font-size: 20px;
	line-height: 51px;
	letter-spacing: 1px;
	color: #009c8f;
  font-weight: 550;
  margin-top: 9%;
}
.ys-nr .ys-nr2{
  margin-top: 7%;
}
.ys-nr .ys-nr2 ul{
  display: flex;
  justify-content: space-between;
}
.ys-nr .ys-nr2 ul li{
  width: 24%;
  height: 189px;
	background-color: #e4f0ff;
	border-radius: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ys-nr .ys-nr2 ul li>div h5{
  font-size: 40px;
	line-height: 51px;
	letter-spacing: 2px;
	color: #073d69;
  text-align: center;
  position: relative;
}
.ys-nr .ys-nr2 ul li>div h5::before{
  content: "";
  width: 100%;
	height: 1px;
	background-color: #073d69;
  position: absolute;
  top: 0;
  left: 0;
}
.ys-nr .ys-nr2 ul li>div h5::after{
  content: "";
  width: 100%;
	height: 1px;
	background-color: #073d69;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ys-nr .ys-nr2 ul li>div p{
	font-size: 20px;
	line-height: 51px;
	letter-spacing: 1px;
	color: #073d69;
  font-weight: 550;
  margin-top: 10%;
}
.ys-nrp{
  text-align: center;
  font-size: 14px;
	line-height: 51px;
	letter-spacing: 1px;
	color: #666666;
  margin-top: 5%;
}
.ys-nr .ys-nr3 .ys-nr3top{
  margin-top: 3%;
}
.ys-nr .ys-nr3 .ys-nr3top ul{
  display: flex;
  justify-content: space-between;
}
.ys-nr .ys-nr3 .ys-nr3top ul li:nth-child(1){
  width: 289px;
	height: 49px;
	background-color: #e4f0ff;
	border-radius: 25px;
  text-align: center;
  line-height: 49px;
  font-size: 18px;
	letter-spacing: 1px;
	color: #073d69;
  font-weight: 550;
  position: relative;
}
.ys-nr .ys-nr3 .ys-nr3top ul li:nth-child(1)::after{
  content: "";
  background: #e4f0ff;
  width: 21px;
	height: 21px;
  position: absolute;
  left: 50%;
  bottom: -17%;
  transform: translate(-50%) rotate(45deg);
}
.ys-nr .ys-nr3 .ys-nr3top ul li:nth-child(3){
  width: 482px;
	height: 49px;
	background-color: #fff7cd;
	border-radius: 25px;
  font-size: 18px;
	line-height: 49px;
	letter-spacing: 1px;
	color: #ff9000;
  font-weight: 550;
  text-align: center;
  position: relative;
}
.ys-nr .ys-nr3 .ys-nr3top ul li:nth-child(3)::after{
  content: "";
  background: #fff7cd;
  width: 21px;
	height: 21px;
  position: absolute;
  left: 50%;
  bottom: -17%;
  transform: translate(-50%) rotate(45deg);
}
.ys-nr .ys-nr3 .ys-nr3top ul li:nth-child(5){
  width: 289px;
	height: 49px;
	background-color: #d2f1ed;
	border-radius: 25px;
  font-size: 18px;
	letter-spacing: 1px;
  line-height: 49px;
	color: #009c8f;
  font-weight: 550;
  text-align: center;
  position: relative;
}
.ys-nr .ys-nr3 .ys-nr3top ul li:nth-child(5)::after{
  content: "";
  background: #d2f1ed;
  width: 21px;
	height: 21px;
  position: absolute;
  left: 50%;
  bottom: -17%;
  transform: translate(-50%) rotate(45deg);
}
.ys-nr .ys-nr3 .ys-nr3top ul span {
  line-height: 37px;
  font-size: 50px;
}
.ys-nr .ys-nr3 .ys-nr3top ul span:nth-child(2){
  color: #407dc7;
}
.ys-nr .ys-nr3 .ys-nr3top ul span:nth-child(4){
  color: #f5ba49;
}
.ys-nr .ys-nr3 .ys-nr3bottom{
  margin-top: 3%;
  display: flex;
  justify-content: space-between;
}
.ys-nr .ys-nr3 .ys-nr3bottom .ys-jcfw{
  width: 289px;
	height: 313px;
	background-color: #e4f0ff;
	border-radius: 0px 30px 0px 30px;
  padding: 0 2% 0 0;
  display: flex;
  align-items: center;
}
.ys-nr .ys-nr3 .ys-nr3bottom .ys-jcfw ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ys-nr .ys-nr3 .ys-nr3bottom .ys-jcfw ul li{
    width: 50%;
    margin-top: 14%;
    display: inline;
    padding-left: 12%;
    text-align: left;
}
/*.ys-nr .ys-nr3 .ys-nr3bottom .ys-jcfw ul li:nth-child(2n){*/
/*  padding-left: 9%;*/
/*}*/
.ys-nr .ys-nr3 .ys-nr3bottom .ys-jcfw ul li img{
  width: 24px;
	height: 22px;
	margin-left: 2px;
}
.ys-nr .ys-nr3 .ys-nr3bottom .ys-jcfw ul li span{
  font-size: 14px;
	letter-spacing: 1px;
	color: #073d69;
  font-weight: 550;
}
.ys-nr .ys-nr3 .ys-nr3bottom .ys-jcfw ul li:nth-child(1){
  margin-top: 0;
}
.ys-nr .ys-nr3 .ys-nr3bottom .ys-jcfw ul li:nth-child(2){
  margin-top: 0;
}
.ys-nr .ys-nr3 .ys-nr3bottom .ys-zzfw{
  width: 70%;
}
.ys-nr .ys-nr3 .ys-nr3bottom .ys-zzfw ul{
  display: flex;
  justify-content: space-between;
}
.ys-nr .ys-nr3 .ys-nr3bottom .ys-zzfw ul li{
  width: 24%;
  height: 313px;
	background-color: #fff7ce;
	border-radius: 0px 0px 0px 30px;
  padding: 0 2% 0 2%;
}
.ys-nr .ys-nr3 .ys-nr3bottom .ys-zzfw ul li h6{
  width: 158px;
	height: 34px;
	background-color: #fffceb;
	border-radius: 17px;
  margin: auto;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
	letter-spacing: 1px;
	color: #ff9000;
  font-weight: 550;
  margin-top: 17%;
}
.ys-nr .ys-nr3 .ys-nr3bottom .ys-zzfw ul li p{
	font-size: 13px;
	line-height: 22px;
	color: #ff9000;
  margin-top: 15%;
  text-align: justify;
}
.ys-nr .ys-nr3 .ys-nr3bottom .ys-zzfw ul li img{
  display: block;
  margin: auto;
  margin-top: 37px;
}
.ys-nrc{
    position:relative;
    overflow: hidden;
}
.ys-nrh{
    /*display: none;*/
    /*visibility: hidden;*/
    width: 100%;
    position: absolute;
    transition: all .5s;
    transition: all .5s;
    opacity: 0;
    top: 40%;
    transform: scale(0.5);
    text-align: center;
}
.ys-nrb{
    /*display: block;*/
    /*visibility: visible;*/
     position: relative;
    top: 50%;
    opacity: 1;
    z-index: 1;
    transform: scale(1);
    text-align: center;
}
/*.ys-nr2 .dys-nr2{*/
/*    margin-top: 3%;*/
/*}*/
/* 联系我们 */
.lxwm{
  display: flex;
  justify-content: space-between;
  height: 543px;
  border: solid 1px #dcdcdc;
  background: #fcfcfc;
  margin: 5% auto;
}
.lxwm .lxwm-left{
  width: 50%;
  padding: 4%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.lxwm .lxwm-left h5{
  font-size: 20px;
	line-height: 38px;
	color: #ffa800;
  font-weight: 650;
}
.lxwm .lxwm-left>div p{
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 1px;
	color: #333333;
}
.p{
  margin-top: 2%;
}
.lxwm-ewm{
  width: 190px;
  text-align: center;
  font-size: 16px;
	line-height: 32px;
	letter-spacing: 1px;
	color: #333333;
  position: absolute;
  right: 5%;
  bottom: 8%;
}
.lxwm .map-wrap{
  width: 50%;
  height: 100%;
}
#map{
  width: 100%;
  height: 100%;
}
.news-mbx{
  display: flex;
  justify-content: space-between;
}
.news-mbx ul{
  width: 15%;
}
.news-mbx ul li a{
  line-height: 60px;
  position: relative;
	font-size: 16px;
	letter-spacing: 1px;
	color: #333333;
  transition: all .5s;
}
.news-mbx ul li:hover a{
  color: #ffa800;
  font-weight: 550;
}
.news-mbx ul li a::after{
  content: "";
  width: 0;
  height: 1px;
  background: #ffa800;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
  transition: all .5s;
}
.news-mbx ul li:hover a::after{
  width: 100%;

}
.news-mbx ul .news-active a{
  color: #ffa800;
  font-weight: 550;
}
.news-mbx ul .news-active a::after{
  content: "";
  width: 100%;
  height: 1px;
  background: #ffa800;
  position: absolute;
  left: 50%;
  bottom: 0;
}
/* 新闻中心 */
.news{
  margin-top: 1%;
  margin-bottom: 3%;
}
.news ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news ul li{
  width: 31%;
  height: 493px;
  background-color: #ffffff;
	box-shadow: 0px 0px 24px 0px rgba(53, 53, 53, 0.21);
  transition: all .5s;
  margin-top: 45px;
}
.news ul li:hover{
  /* margin-top: 30px; */
  transform: translateY(-10px);
}
.news ul li a{
  height: 100%;
}
.news ul li a .news-img{
  position: relative;
  width: 100%;
  height: 253px;
}
.news ul li a .news-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news ul li a .news-img .time{
  width: 136px;
	height: 44px;
	background-color: #ffa800;
  opacity: 0.8;
  position: absolute;
  left: 0;
  bottom: 0;
}
.news ul li a .news-img .time p{
  text-align: center;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
}
.news ul li a .news-nr{
  padding: 7% 7% 0 7%;
  position: relative;
}
.news ul li a .news-nr h5{
	font-size: 18px;
	line-height: 30px;
	color: #000000;
  font-weight: 550;
  transition: all .5s;
}
.news ul li:hover a .news-nr h5{
  color: #ffa800;
}
.news ul li a .news-nr p{
  font-size: 14px;
	line-height: 24px;
	color: #666666;
  margin-top: 6%;
  transition: all .5s;
}
.news ul li:hover a .news-nr p{
  color: #ffa800;
}
.news ul li a .news-nr  img{
  position: absolute;
  left: 7%;
  bottom: -21%;
  transition: all .5s;
}
.news ul li a .news-nr .img1{
  visibility: visible;
  opacity: 1;
}
.news ul li a .news-nr .img2{
  visibility: hidden;
  opacity: 0;
}
.news ul li:hover a .news-nr .img2{
  visibility: visible;
  opacity: 1;
}
.news ul li:hover a .news-nr .img1{
  visibility: hidden;
  opacity: 0;
}
.zk-ljgd{
  width: 100%;
  height: 55px;
  background-color: #f4f4f4;
  margin-top: 3%;
  text-align: center;
  line-height: 55px;
  font-size: 16px;
	color: #666666;
}
.zk-ljgd img{
  margin-top: -2px;
  margin-left: 3px;
}
/* 新闻详情 */
.news-xqnr{
  width: 100%;
  margin: auto;
  margin-top: 4%;
  margin-bottom: 2%;
}
.news-xqnr .xq-tit{
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 1%;
}
.news-xqnr .xq-tit h3{
  font-size: 24px;
letter-spacing: 1px;
color: #333333;
}
.news-xqnr .xq-tit p{
font-size: 14px;
color: #9e9e9e;
  margin-top: 1%;
}
.news-xqnr .xq-tit p span{
  margin-left: 3%;
}
.news-xqnr .xq-content{
  margin-top: 2%;
  padding-bottom: 2%;
  border-bottom: 1px dashed #cccccc;
}
.news-xqnr .xq-content p{
font-size: 16px;
line-height: 27px;
  text-align: justify;
color: #666666;
}
.news-next{
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 3%;
}
.news-next .news-page p a{
  display: inline-block;
  font-size: 14px;
color: #999999;
}
.news-next .news-page p{
  font-size: 14px;
color: #999999;
}
.news-next .news-fh a{
  font-size: 14px;
color: #333333;
}
/* 人才理念 */
.rcln ul{
  display: flex;
  justify-content: space-between;
  margin-top: 5%;
  margin-bottom: 5%;
}
.rcln ul li{
  width: 25%;
  position: relative;
  background: url(../images/rclnbj.png) no-repeat center;
}
.rcln ul li .rcln-wz{
  width: 100%;
  height: 163px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgb(0 0 0 / .6);
  transition: all .5s;
}
.rcln ul li .rcln-wz h5{
	font-size: 26px;
	line-height: 30px;
  text-align: center;
	color: #ffffff;
  margin-top: 16%;
  position: relative;
  transition: all .5s;
}
.rcln ul li .rcln-wz h5::after{
  content: "";
  width: 20px;
	height: 1px;
	background-color: #cdcecd;
	opacity: 0.4;
  position: absolute;
  bottom: -35%;
  left: 50%;
  transform: translate(-50%);
  transition: all .5s;
}
.rcln ul li .rcln-wz h6{
  font-size: 16px;
	line-height: 51px;
	color: #ffffff;
  text-align: center;
  margin-top: 2%;
  transition: all .5s;
}
.rcln ul li:hover .rcln-wz{
  height: 103%;
  width: 106%;
  background: url(../images/rclnbj.png) no-repeat center;
  left: -3%;
  background-size: 100% 100%;
}
.rcln ul li:hover .rcln-wz h5{
  margin-top: 22%;
  font-size: 35px;
}
.rcln ul li:hover .rcln-wz h5::after{
  background-color: #fff !important;
  bottom: -50%;
}
.rcln ul li:hover .rcln-wz h6 {
  font-size: 23px;
  color: #ffffff;
  margin-top: 4%;
}
/* 加入我们 */
.join{
  margin-top: 3%;
  margin-bottom: 5%;
}
.join .join-list{
  display: flex;
  justify-content: flex-start;
  border-top: 1px solid #dcdcdc;
  padding-top: 3%;
  padding-bottom: 3%;
}
.join .join-list:nth-child(1){
  border-top: 0;
}
.join .join-list .join-time{
	font-size: 26px;
	line-height: 30px;
	color: #999999;
}
.join .join-list .join-nr{
  margin-left: 10%;
  width: 75%;
  /* height: 262px;
  overflow: hidden; */
}
.join .join-list .join-nr h4{
	font-size: 18px;
	line-height: 30px;
	color: #000000;
  font-weight: 550;
}
.join .join-list .join-nr ul{
  width: 100%;
  margin-top: 2%;
  display: flex;
  justify-content: flex-start;
}
.join .join-list .join-nr ul li{
  margin-left: 3%;
}
.join .join-list .join-nr ul li:nth-child(1){
  margin-left: 0;
}
.join .join-list .join-nr ul li h5{
  font-size: 16px;
	line-height: 30px;
	color: #999999;
}
.join .join-list .join-nr ul li h5 span{
	font-size: 16px;
	color: #000000;
}
.join .join-list .join-nr .zknr{
  height: 158px;
  overflow-y: hidden;
  float: left;
  margin-top: 1%;
}
.join .join-list .join-nr .zknr h6{
  margin-top: 2%;
  font-size: 16px;
	line-height: 30px;
	color: #000000;
  margin-bottom: 1%;
}
.join .join-list .join-nr .zknr p{
  font-size: 14px;
	line-height: 30px;
	color: #666666;
}
.join .join-list .join-nr a{
  display: inline-block;
  font-size: 14px;
	color: #ffa800;
  margin-top: 144px;
}
.join-ljgd{
  margin-top: 0;
}
.join .join-list .hauto .zknr {
  height: auto;
}
.join .join-list .hauto a {
  display: none;
}
.index-sys-container {
  height: 860px;
}
.index-sys-container > ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  transition: background-image 0.6s;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index-sys-container > ul .index-sys-item {
  width: 100px;
  height: 100%;
  display: flex;
  transition: width 0.6s;
}
.index-sys-container > ul .index-sys-item .index-sys-icon {
  width: 100px;
  height: 100%;
  padding: 290px 0 100px;
  background-color: rgba(13,69,164, 0.3);
  border-right: 1px solid #fff;
  overflow: hidden;
  cursor: pointer;
}
.index-sys-container > ul .index-sys-item .index-sys-icon div {
  height: 35px;
  text-align: center;
  margin-bottom: 28px;
}
.index-sys-container > ul .index-sys-item .index-sys-icon div img {
  max-height: 100%;
}
.index-sys-container > ul .index-sys-item .index-sys-icon p {
  font-size: 22px;
  line-height: 1.27;
  color: #fff;
  writing-mode: vertical-rl;
  letter-spacing: 8px;
  margin: 0 auto;
}
.index-sys-container > ul .index-sys-item .index-sys-more {
  display: flex;
  overflow: hidden;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  width: 0;
}
.index-sys-container > ul .index-sys-item .index-sys-more div {
	/* width: 100% !important; */
  padding: 0 58px;
}
.index-sys-container > ul .index-sys-item .index-sys-more div h3 {
  font-size: 40px;
  color: #ffffff;
  line-height: 1.3;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox{
  width: 472px;
	height: 320px;
	background-color: #ffffff;
	border-radius: 18px;
  margin-top: 2%;
  padding: 5% 4%;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox .index-sys-morenr{
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  /* border-left: 1px dashed #ffa800; */
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox .index-sys-morenr ul{
  width: 100%;
  position: relative;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox .index-sys-morenr ul::before {
  content: "";
  height: calc(100% - 51px);
  position: absolute;
  left: -1px;
  top: 53%;
  border: 1px dashed #ffa800;
  transform: translateY(-50%);
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox .index-sys-morenr ul li{
	font-size: 18px;
	line-height: 43px;
	color: #333333;
  padding-left: 6%;
  position: relative;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox .index-sys-morenr ul li::before{
  content: "";
  width: 12px;
	height: 12px;
	background-color: #ffa800;
	opacity: 0.3;
  position: absolute;
  left: -6px;
  top: 19px;
  border-radius: 50%;
  z-index: 9;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox .index-sys-morenr ul li::after{
  content: "";
  width: 6px;
	height: 6px;
	background-color: #ffa800;
  position: absolute;
  left: -3px;
  top: 22px;
  border-radius: 50%;
  z-index: 999;
}

.index-sys-container > ul .index-sys-item .index-sys-more div p {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 1px;
	color: #ffffff;
  margin-top: 1%;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox2{
	width: 95%;
	height: 545px;
	background-color: #ffffff;
	border-radius: 32px;
  margin-top: 2%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 4%;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox2 h4{
  font-size: 20px;
	line-height: 40px;
	letter-spacing: 1px;
	color: #333333;
  font-weight: 550;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox2 .index-sys-morenrlist{
  padding: 0;
  width: 20%;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox2 ul{
  position: relative;
  margin-top: 1%;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox2 ul::before{
  content: "";
  height: calc(100% - 30px);
  position: absolute;
  left: 5px;
  top: 50%;
  border: 1px dashed #ffa800;
  transform: translateY(-50%);
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox2 ul li{
  font-size: 16px;
	line-height: 32px;
	letter-spacing: 1px;
	color: #333333;
  padding-left: 17%;
  position: relative;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox2 ul li::before{
  content: "";
  width: 12px;
	height: 12px;
	background-color: #ffa800;
	opacity: 0.3;
  position: absolute;
  left: 0;
  top: 10px;
  border-radius: 50%;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox2 ul li::after{
  content: "";
  width: 6px;
	height: 6px;
	background-color: #ffa800;
  position: absolute;
  left: 3px;
  top: 13px;
  border-radius: 50%;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox3{
	width: 100%;
	height: 569px;
	background-color: #ffffff;
	border-radius: 32px;
  margin-top: 2%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 4%;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox3 .index-sys-morenr3left{
  width: 48%;
  padding: 0;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox3 .index-sys-morenr3left h5{
  font-size: 16px;
	line-height: 34px;
	letter-spacing: 1px;
	color: #333333;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox3 .index-sys-morenr3left .fw-box{
    width: 397px;
    height: 397px;
    padding: 0;
    margin: auto;
    margin-top: 6%;
    position: relative;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox3 .index-sys-morenr3left .fw-box img{
    width: 100%;
    height: 100%;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox3 .index-sys-morenr3left .fw-box p{
    width: 114px;
    height: 107px;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
    color: #333333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: justify;
    margin-top: 0;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox3 .index-sys-morenr3right{
  width: 48%;
  padding: 0;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox3 .index-sys-morenr3right h5{
  font-size: 22px;
	line-height: 32px;
	letter-spacing: 1px;
	color: #333333;
  font-weight: 550;
  text-align: center;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox3 .index-sys-morenr3right img{
  display: block;
  margin: auto;
  margin-top: 8%;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox3 .index-sys-morenr3right ul{
  margin-top: 6%;
}
.index-sys-container > ul .index-sys-item .index-sys-more div .index-sys-morenrbox3 .index-sys-morenr3right ul li{
  font-size: 16px;
	line-height: 34px;
	letter-spacing: 1px;
	color: #333333;
}
.index-sys-container > ul .now_sys {
  width: calc(100% - 96px);
}
.sjqh{
  display: none;
}
.gcjj{
  margin: 3% auto;
}
.gcjj h5{
  text-align: center;
  font-size: 32px;
	line-height: 60px;
	letter-spacing: 1px;
	color: #333333;
  font-weight: 550;
  margin-bottom: 2%;
}
.gcjj p{
	font-size: 16px;
	line-height: 34px;
	letter-spacing: 1px;
	color: #333333;
  text-align: center;
  margin-top: 1.5%;
}