.w_1740 {
  margin: 0 4.68vw;
}
.w_1614 {
  margin: 0 7.8vw;
}
 .anchorBL{
	 display: none;
 }
.maodian {
  position: relative;
  top: -100px;
}
.index_phone_nav {
  display: none;
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}
.index_phone_nav .boxTop {
  background: #fff;
  padding-left: 3%;
}  
.index_phone_nav .boxTop .left {
  padding: 20px 0;
}
.index_phone_nav .boxTop .left img {
  height: 55px;
}
.index_phone_nav .boxTop .right ._left .china {
  cursor: pointer;
  position: relative;
}
.index_phone_nav .boxTop .right ._left .china > p {
  font-size: 1.375rem;
  line-height: 95px;
  font-weight: bold;
}
.index_phone_nav .boxTop .right ._left .china > p span {
  color: #08338a;
  display: inline-block;
  margin-left: 5px;
  transition: all 0.3s;
  font-size: 1rem;
}
.index_phone_nav .boxTop .right ._left .china .on span {
  transform: rotate(-180deg);
}
.index_phone_nav .boxTop .right ._left .china ul {
  position: absolute;
  left: -27px;
  width: 100px;
  background: #fff;
  box-shadow: 0px 5px 1rem #ddd;
  display: none;
  z-index: 1;
}
.index_phone_nav .boxTop .right ._left .china ul li {
  border-bottom: 1px solid #ddd;
}
.index_phone_nav .boxTop .right ._left .china ul li a {
  display: block;
  text-align: center;
  line-height: 3rem;
  color: #000;
  font-size: 1.25rem;
}
.index_phone_nav .boxTop .right ._left .china ul li a:hover {
  background: #08338a;
  color: #fff;
}
.index_phone_nav .boxTop .right ._right {
  margin-left: 2.5rem;
}
.index_phone_nav .boxTop .right ._right p {
  width: 95px;
  height: 95px;
  background: #08338a;
  display: flex;
  align-items: center;
}
.index_phone_nav .boxTop .right ._right p img {
  margin: auto;
}
.index_phone_nav .boxTop .right ._right p .img2 {
  display: none;
}
.index_phone_nav .boxTop .right ._right .active .img1 {
  display: none;
}
.index_phone_nav .boxTop .right ._right .active .img2 {
  display: inline-block;
}
.index_phone_nav1 {
  position: fixed;
  top: 96px;
  left: 0;
  width: 100%;
  height: calc(100% - 96px);
  background: #f6f6f6;
  overflow: scroll;
  display: none;
  z-index: 11;
}
.index_phone_nav1 .top {
  padding-top: 5rem;
}
.index_phone_nav1 .top .item {
  text-align: center;
  padding: 1.5625rem 0;
}
.index_phone_nav1 .top .item > a {
  font-size: 2rem;
  color: #666;
}
.index_phone_nav1 .top .item .select {
  display: none;
  padding-top: 1.25rem;
}
.index_phone_nav1 .top .item .select p {
  line-height: 2.8125rem;
}
.index_phone_nav1 .top .item .select p a {
  font-size: 1.625rem;
  color: #666;
}
.index_phone_nav1 .top .active a {
  color: #000;
}
.index_phone_nav1 .bottom {
  padding: 5rem 5.625rem 3rem;
}
.index_phone_nav1 .bottom .main {
  background: #fff;
}
.index_phone_nav1 .bottom .main .left {
  width: 80%;
}
.index_phone_nav1 .bottom .main .left input {
  font-size: 1.5rem;
  display: block;
  height: 5.3125rem;
  box-sizing: border-box;
  padding-left: 2.5rem;
  width: 100%;
  border: 0;
}
.index_phone_nav1 .bottom .main .right input {
  width: 5.3125rem;
  height: 5.3125rem;
  background: #08338a url(../images/search1.png) no-repeat 50% 50%;
  border: 0;
  outline: none;
}
.indexHead {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  background: #fff;
}
.indexHead::after {
  content: '';
  bottom: 0;
  position: absolute;
  left: 0;
  width: calc(100% - 100px);
  height: 1px;
  background: #ddd;
}
.indexHead .box {
  padding-left: 5rem;
  box-sizing: border-box;
}
.indexHead .box .boxLeft {
  padding: 17px 0;
}
.indexHead .box .boxLeft .logo a {
  display: block;
}
.indexHead .box .boxLeft .logo a img {
  height: 66px;
}
.indexHead .box .boxLeft .china {
  margin-left: 4.375rem;
  cursor: pointer;
  position: relative;
}
.indexHead .box .boxLeft .china > p {
  font-size: 16px;
  line-height: 66px;
  font-weight: bold;
}
.indexHead .box .boxLeft .china > p a {





  color: #08338a;
}
.indexHead .box .boxLeft .china > p span {
  color: #08338a;
  display: inline-block;
  margin-left: 5px;
  transition: all 0.3s;
  font-size: 0.8rem;
}
.indexHead .box .boxLeft .china .on span {
  transform: rotate(-180deg);
}
.indexHead .box .boxLeft .china ul {
  position: absolute;
  top: 77px;
  left: -27px;
  width: 100px;
  background: #fff;
  box-shadow: 0px 5px 1rem #ddd;
  display: none;
}
.indexHead .box .boxLeft .china ul li {
  border-bottom: 1px solid #ddd;
}
.indexHead .box .boxLeft .china ul li a {
  display: block;
  text-align: center;
  line-height: 2.5rem;
  color: #000;
}
.indexHead .box .boxLeft .china ul li a:hover {
  background: #08338a;
  color: #fff;
}
.indexHead .box .boxCenter ul li {
  padding: 0 2.0625rem;
}
.indexHead .box .boxCenter ul li > a {
  display: block;
  line-height: 100px;
  color: #666;
  font-weight: bold;
  font-size: 1.125rem;
}
.indexHead .box .boxCenter ul li:hover > a {
  color: #000;
}
.indexHead .box .boxCenter ul li:hover .indexNavSelect {
  display: block;
}
.indexHead .box .boxCenter ul .active>a {
  color: #000;      
}
.indexHead .box .boxCenter .search {
  padding: 23px 3.125rem;
  line-height: 54px;
  cursor: pointer;
  position: relative;
}
.indexHead .box .boxCenter .search > span img {
  width: 1.125rem;
}
.indexHead .box .boxCenter .search > span .img2 {
  display: none;
}
.indexHead .box .boxCenter .search .active .img1 {
  display: none;
}
.indexHead .box .boxCenter .search .active .img2 {
  display: inline-block;
}
.indexHead .box .boxCenter .search .searchBox {
  position: absolute;
  right: 6.875rem;
  top: 0;
  height: 100%;
  background: #fff;
  width: 55vw;
  z-index: 10;
  display: none;
}
.indexHead .box .boxCenter .search .searchBox .box_ {
  width: 75%;
  border-bottom: 1px solid #ddd;
  margin-top: 28px;
}
.indexHead .box .boxCenter .search .searchBox .box_ .left {
  width: 70%;
  padding-left: 1.25rem;
}
.indexHead .box .boxCenter .search .searchBox .box_ .left input {
  display: block;
  width: 100%;
  height: 40px;
  border: 0;
}
.indexHead .box .boxCenter .search .searchBox .box_ .right input {
  display: none;
  height: 40px;
}
.indexHead .box .boxCenter .menu p {
  width: 100px;
  display: flex;
  align-items: center;
  height: 101px;
  background: #08338a;
  cursor: pointer;
}
.indexHead .box .boxCenter .menu p img {
  margin: auto;
}
.indexHead .box .boxCenter .menu p .img2 {
  display: none;
}
.indexHead .box .boxCenter .menu .active .img1 {
  display: none;
}
.indexHead .box .boxCenter .menu .active .img2 {
  display: inline-block;
}
.body {
  overflow: hidden;
}
iframe {
  border: 0;
  margin: 0;
}
.indexNavPc {
  position: fixed;
  top: 100px;
  height: calc(100vh - 100px);
  width: 100%;
  right: 0;
  box-sizing: border-box;
  padding-left: 5rem;
  background-color: #fff;
  z-index: 20;
  display: none;
}
.indexNavPc .box .boxLeft {
  width: 75%;
}
.indexNavPc .box .boxLeft .boxTop .item {
  width: 33.333%;
  padding-bottom: 5rem;
}
.indexNavPc .box .boxLeft .boxTop .item:nth-child(1) {
  border-bottom: 1px solid #eee;
}
.indexNavPc .box .boxLeft .boxTop .item:nth-child(2) {
  border-bottom: 1px solid #eee;
}
.indexNavPc .box .boxLeft .boxTop .item:nth-child(3) {
  border-bottom: 1px solid #eee;
}
.indexNavPc .box .boxLeft .boxTop .item h5 {
  margin-bottom: 2.5rem;
}
.indexNavPc .box .boxLeft .boxTop .item h5 a {
  font-size: 1.25rem;
  color: #000;
}
.indexNavPc .box .boxLeft .boxTop .item p {
  line-height: 1.875rem;
}
.indexNavPc .box .boxLeft .boxTop .item p a {
  font-size: 0.9375rem;
  color: #666;
}
.indexNavPc .box .boxLeft .boxTop .item p a:hover {
  color: #08338a;
}
.indexNavPc .box .boxLeft .boxBot {
  margin-top: 6rem;
}
.indexNavPc .box .boxLeft .boxBot p {
  font-size: 0.875rem;
  color: #999;
  line-height: 1.875rem;
}
.indexNavPc .box .boxLeft .boxBot p a {
  color: #999;
}
.indexNavPc .box .boxLeft .boxBot p a:hover {
  color: #000;
}
.indexNavPc .box .boxRight {
  width: 25%;
  background: #f7f7f7;
  padding-right: 5rem;
  box-sizing: border-box;
  padding-left: 4.625rem;
  height: calc(100vh - 100px);
}
.indexNavPc .box .boxRight .top {
  margin-top: 5rem;
}
.indexNavPc .box .boxRight .top p {
  font-size: 1.125rem;
  color: #000;
  margin-bottom: 0.625rem;
}
.indexNavPc .box .boxRight .top p a {
  color: #000;
}
.indexNavPc .box .boxRight .bottom {
  margin-top: 2.1875rem;
}
.indexNavPc .box .boxRight .bottom a {
  opacity: 1;
  margin-right: 1rem;
}
.indexNavPc .box .boxRight .bottom a:nth-child(2) {
  background: url(../images/weibo.png) no-repeat;
}
.indexNavPc .box .boxRight .bottom a:nth-child(3) {
  background: url(../images/weixin.png) no-repeat;
}
.indexNavPc .box .boxRight .bottom a:nth-child(4) {
  background: url(../images/qq.png) no-repeat;
}
.indexNavPc .box .boxRight .boxT {
  position: relative;
  width: 11.25rem;
  margin-top: 18.75rem;
}
.indexNavPc .box .boxRight .boxT div {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  padding-left: 1.5625rem;
  cursor: pointer;
}
.indexNavPc .box .boxRight .boxT div a {
  font-size: 1rem;
  color: #000;
  line-height: 3rem;
  display: inline-block;
}
.indexNavPc .box .boxRight .boxT div span {
  font-size: 1rem;
  color: #999;
  display: inline-block;
  width: 2.5rem;
  line-height: 1.25rem;
  margin-top: 0.9375rem;
  height: 1.25rem;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.indexNavPc .box .boxRight .boxT ul {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 3.125rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  background: #fff;
  z-index: 1;
  display: none;
  box-shadow: 0px -3px 1.875rem #ddd;
}
.indexNavPc .box .boxRight .boxT ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.indexNavPc .box .boxRight .boxT ul li a {
  color: #666;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  display: inline-block;
  box-sizing: border-box;
  padding-left: 1.5625rem;
}
.indexNavPc .box .boxRight .boxT ul li:hover a {
  color: #08338a;
}
.indexNavPc .box .boxRight .boxB {
  margin-top: 2.8125rem;
}
.indexNavPc .box .boxRight .boxB img {
  width: 8.125rem;
}
.indexNavSelect {
  position: fixed;
  left: 0;
  top: 100px;
  width: 100%;
  z-index: 18;
  overflow: hidden;
  display: none;
}
.indexNavSelect .item .boxLeft {
  background: rgba(8, 51, 138, 0.8);
  width: 42%;
}
.indexNavSelect .item .boxRight {
  width: 58%;
  background: #fff;
  padding: 8.75rem 0;
  position: relative;
}
.indexNavSelect .item .boxRight p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 26.875rem;
  color: #f8f8f8;
  font-size: 18.125rem;
}
.indexNavSelect .item .boxRight .left {
  font-size: 2rem;
  box-sizing: border-box;
  width: 46%;
  padding-left: 8.75rem;
  position: relative;
}
.indexNavSelect .item .boxRight .right {
  line-height: 4.4375rem;
  position: relative;
}
.indexNavSelect .item .boxRight .right a {
  font-size: 1rem;
  color: #999;
  margin-right: 1.25rem;
}
.indexNavSelect .item .boxRight .right a:hover {
  color: #08338a;
}
.indexNavSelect .item .boxRight .right .axtive {
  color: #08338a;
}
.indexBanner {
  position: relative;
}
.indexBanner .box {
  position: relative;
}
.indexBanner .box .swiper-slide {
  position: relative; height: calc(100vh - 100px);
}
/*.indexBanner .box .swiper-slide > img {
  height: calc(100vh - 100px);
  width: 100%;
}*/

.indexBanner .box .swiper-slide .phone {
  display: none;
}
.indexBanner .box .swiper-slide .main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.indexBanner .box .swiper-slide .main .mainBox {
  position: relative;
  top: -1.25rem;
}
.indexBanner .box .swiper-slide .main .mainBox .top h5 {
  font-size: 4.125rem;
  color: #fff;
}
.indexBanner .box .swiper-slide .main .mainBox .top h6 {
  font-size: 2.875rem;
  color: #fff;
  margin-top: 0.625rem;
}
.indexBanner .box .swiper-slide .main .mainBox .bot {
  margin-top: 1.5625rem;
}
.indexBanner .box .swiper-slide .main .mainBox .bot p {
  font-size: 1.375rem;
  color: #fff;
}
.indexBanner .box .swiper-slide .main .mainBox .bot h6 {
  font-size: 2.875rem;
  color: #fff;
}
.indexBanner .box .swiper-slide .main .mainBox .link {
  margin-top: 3.125rem;
}
.indexBanner .box .swiper-slide .main .mainBox .link a {
  display: inline-block;
}
.indexBanner .box .swiper-slide .main .mainBox .link div p {
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 50%;
  background: #08338a;
}
.indexBanner .box .swiper-slide .main .mainBox .link div span {
  font-size: 1rem;
  color: #fff;
  line-height: 3.4375rem;
  transition: all 0.3s;
  position: relative;
  left: -2.1875rem;
}
.indexBanner .box .swiper-slide .main .mainBox .link div span font {
  display: inline-block;
  width: 0.75rem;
  height: 0.125rem;
  background: #fff;
  vertical-align: middle;
  margin-right: 0.7rem;
}
.indexBanner .box .swiper-slide .main .mainBox .link div:hover span {
  left: -3.125rem;
}
.indexBanner .box .page {
  position: absolute;
  z-index: 10;
  right: 39px;
  top: 50%;
  transform: translateY(-50%);
}
.indexBanner .box .page span {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
  background: none;
  opacity: 1;
  position: relative;
  margin: 1rem 0 ;
}
.indexBanner .box .page span::after {
  position: absolute;
  width: 0.3125rem;
  height: 0.3125rem;
  background: #fff;
  border-radius: 50%;
  content: '';
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.indexBanner .box .page span svg {
  opacity: 0;
}
.indexBanner .box .page .swiper-pagination-bullet-active svg {
  opacity: 1;
}
.indexBanner .box .page .path {
  fill: rgba(0, 0, 0, 0);
  stroke: #fff;
  stroke-width: 3px;
  position: relative;
}
.indexBanner .box .dian {
  position: absolute;
  z-index: 50;
  right: 500px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0;
}
.indexBanner .box .dian span {
  display: block;
}
.indexBanner .box .dian .path {
  fill: rgba(0, 0, 0, 0);
  stroke: #F08300;
  stroke-width: 8px;
  position: relative;
}
.indexBanner .box .xian {
  position: absolute;
  top: 0;
  right: 100px;
  width: 1px;
  height: 100%;
  z-index: 10;
  background: rgba(255, 255, 255, 0.7);
}
.indexBanner .video {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 11.25rem;
  z-index: 10;
  cursor: pointer;
}
.indexBanner .video .left img {
  width: 5.125rem;
}
.indexBanner .video .right {
  margin-left: 1.875rem;
}
.indexBanner .video .right h5 {
  font-size: 1.125rem;
  color: #fff;
  margin-top: 1rem;
}
.indexBanner .video .right h6 {
  font-size: 1.25rem;
  color: #fff;
  margin-top: 0.3125rem;
}
.indexBanner .scroll {
  position: absolute;
  left: 5rem;
  bottom: 8.4375rem;
  z-index: 10;
  transform-origin: 0% 0%;
  transform: rotate(90deg);
  overflow: hidden;
  cursor: pointer;
}
.indexBanner .scroll p {
  font-size: 1rem;
  color: #fff;
}
.indexBanner .scroll p span {
  display: inline-block;
  width: 2.1875rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.7);
  margin-left: 1.25rem;
  vertical-align: middle;
  position: relative;
  left: 0;
  animation: updown 2s infinite;
  -webkit-animation: updown 2s infinite;
}
keyframes updown 0% {
  left: 0;
}
keyframes updown 100% {
  left: 2.1875rem;
}
@-webkit-keyframes updown {
  0% {
    left: 0;
  }
  100% {
    left: 2.1875rem;
  }
}
.layerVideo {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.layerVideo .box {
  max-width: 56.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 34.375rem;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}
.layerVideo .box video {
  width: 100%;
}
.layerVideo .box span {
  position: absolute;
  right: -2.1875rem;
  top: -2.1875rem;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}
.indexNews {
  margin-top: -7.8125rem;
  position: relative;
  z-index: 1;
}
.indexNews .box {
  position: relative;
}
.indexNews .box .boxRight {
  width: 58%;
  box-sizing: border-box;
  background: #fff;
  padding: 0 4.375rem;
}
.indexNews .box .boxRight .left {
  font-size: 1rem;
  color: #999;
  line-height: 7.8125rem;
  cursor: default;
}
.indexNews .box .boxRight .right {
  width: 80%;
  margin-left: 5.625rem;
}
.indexNews .box .boxRight .right .swiper-container {
  height: 7.8125rem;
}
.indexNews .box .boxRight .right .swiper-container .swiper-slide {
  height: 7.8125rem;
}
.indexNews .box .boxRight .right .swiper-container .swiper-slide .item {
  line-height: 7.8125rem;
}
.indexNews .box .boxRight .right .swiper-container .swiper-slide .item .time {
  font-size: 1rem;
  color: #666;
}
.indexNews .box .boxRight .right .swiper-container .swiper-slide .item .text {
  font-size: 1rem;
  color: #000;
  margin-left: 2rem;
  width: 80%;
}
.indexNews .box .boxBtn {
  position: absolute;
  right: 2.8125rem;
  top: 2.1875rem;
}
.indexNews .box .boxBtn p {
  padding: 3px 0;
  outline: none;
  cursor: pointer;
}
.indexNews .box .boxBtn p span {
  font-size: 1.125rem;
  color: #000;
}
.indexNews .box .boxBtn p span:hover {
  color: #08338a;
}
.indexTit .boxLeft .top h5 {
  font-size: 3rem;
  color: #000;
}
.indexTit .boxLeft .bot {
  margin-top: 2.1875rem;
}
.indexTit .boxLeft .bot h6 {
  font-size: 0.875rem;
  color: #999;
  margin-top: 0.3125rem;
  line-height: 1.375rem;
}
.indexTit .boxRight {
  margin-top: 4.6875rem;
}
.indexTit .boxRight a {
  display: inline-block;
}
.indexTit .boxRight div p {
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 50%;
  background: #08338a;
}
.indexTit .boxRight div span {
  font-size: 1rem;
  color: #000;
  line-height: 3.4375rem;
  transition: all 0.3s;
  position: relative;
  left: -2.1875rem;
}
.indexTit .boxRight div span font {
  display: inline-block;
  width: 0.75rem;
  height: 0.125rem;
  background: #000;
  vertical-align: middle;
  margin-right: 0.7rem;
  transition: 0.4s;
}
.indexTit .boxRight div span em {
  position: relative;
  display: inline-block;
  white-space: pre;
}
.indexTit .boxRight div span em::after {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  display: block;
  width: 0%;
  transition: 0.4s;
  content: attr(data-content);
  overflow: hidden;
}
.indexTit .boxRight div:hover font {
  background: #fff;
}
.indexTit .boxRight div:hover span {
  left: -2.8rem;
}
.indexTit .boxRight div:hover em::after {
  width: 28%;
}
.p85 {
  padding-top: 5.3125rem;
}
.p85_ {
  padding-bottom: 5.3125rem;
}
.idnexService .box {
  overflow: hidden;
  height: 25.75rem;
}
.idnexService .box .item {
  width: 13%;
  transition: all 0.3s;
  flex-wrap: nowrap;
  position: relative;
}
.idnexService .box .item .boxLeft {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1rem 3.4375rem;
  background: #f1f1f1;
  position: relative;
  transition: all 0.3s;
}
.idnexService .box .item .boxLeft .box1 {
  transition: all 0.3s;
}
.idnexService .box .item .boxLeft .box1 .top1 {
  padding-top: 4.375rem;
}
.idnexService .box .item .boxLeft .box1 .top1 img {
  height: 3.125rem;
}
.idnexService .box .item .boxLeft .box1 .top2 {
  font-size: 1.5rem;
  color: #000;
  margin-top: 2rem;
}
.idnexService .box .item .boxLeft .box1 .top3 {
  font-size: 0.875rem;
  color: #999;
  margin-top: 0.625rem;
}
.idnexService .box .item .boxLeft .box1 .top4 {
  margin-top: 4.6875rem;
}
.idnexService .box .item .boxLeft .box1 .top4 a {
  display: flex;

  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 1px solid #ddd;
  align-items: center;
}
.idnexService .box .item .boxLeft .box1 .top4 a img {
  filter: invert(100%);
  width: 14px;
  margin: auto;
}
.idnexService .box .item .boxLeft .box1 .top5 {
  height: 6.875rem;
  display: none;
  margin-top: 2.1875rem;
}
.idnexService .box .item .boxLeft .box1 .top5 p {
  font-size: 0.875rem;
  color: #fff;
  line-height: 1.375rem;
}
.idnexService .box .item .boxRight {
  opacity: 0;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
}
.idnexService .box .item .boxRight img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idnexService .box .item:nth-child(2n) .boxLeft {
  background: #f6f6f6;
}
.idnexService .box .active {
  width: 35%;
}
.idnexService .box .active .boxLeft {
  width: 36%;
  background: #08338a !important;
}
.idnexService .box .active .boxLeft .box1 .top1 {
  display: none;
}
.idnexService .box .active .boxLeft .box1 .top2 {
  color: #fff;
  margin-top: 4.0625rem;
}
.idnexService .box .active .boxLeft .box1 .top3 {
  color: #fff;
}
.idnexService .box .active .boxLeft .box1 .top5 {
  display: block;
}
.idnexService .box .active .boxLeft .box1 .top4 {
  margin-top: 2.8125rem;
}
.idnexService .box .active .boxLeft .box1 .top4 a {
  background: #fff;
  border: 1px solid #fff;
}
.idnexService .box .active .boxRight {
  width: 64%;
  opacity: 1;
}
.indexAbout {
  background: url(../images/bg1.png) no-repeat 50% 50% / cover;
  min-height: 6.25rem;
  padding-bottom: 7.5rem;
}
.indexAbout .box {
  margin-top: 2rem;align-items: center;
}
.indexAbout .box .boxLeft{ width:55%;}
.indexAbout .box .boxRight{ width:45%;}




.indexAbout .box p {
  font-size: 16px;
  color: #666;
  line-height: 2;
  width: 90%;
}
.indexAbout .box1 {
  margin-top: 7.5rem;
}
.indexAbout .box1 img {
  width: 18.375rem;
}
.index_product {
  background: #f7f7f7;
}
.index_product .box {
  margin-top: 3.375rem;
}
.index_product .box .boxLeft {
  width: 23%;
  box-sizing: border-box;
  padding-left: 7.8vw;
  position: relative;
}
.index_product .box .boxLeft .content1 {
  padding-top: 6.625rem;
}
.index_product .box .boxLeft .content1 .item {
  margin-bottom: 2.625rem;
}
.index_product .box .boxLeft .content1 .item a {
  font-size: 1.125rem;
  color: #333;
  transition: 0.4s;
}
.index_product .box .boxLeft .content1 .item a span {
  display: inline-block;
  width: 6.25rem;
  height: 1px;
  margin-right: 1.25rem;
  vertical-align: middle;
  position: relative;
}
.index_product .box .boxLeft .content1 .item a span::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #333;
  transition: 0.4s;
}
.index_product .box .boxLeft .content1 .active a {
  font-size: 1.5rem;
  color: #000;
}
.index_product .box .boxLeft .content1 .active a span::after {
  width: 100%;
}
.index_product .box .boxLeft .content2 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.index_product .box .boxLeft .content2 .boxBtn p {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.4s;
}
.index_product .box .boxLeft .content2 .boxBtn p img {
  filter: invert(0.2);
  margin: auto;
  width: 2.1875rem;
  transition: 0.4s;
}
.index_product .box .boxLeft .content2 .boxBtn p:hover {
  background: #08338a;
}
.index_product .box .boxLeft .content2 .boxBtn p:hover img {
  filter: invert(0);
}
.index_product .box .boxLeft .content2 .boxBtn .prev {
  margin-right: 2.8125rem;
}
.index_product .box .boxLeft .content2 .boxBtn .prev img {
  transform: rotateY(180deg);
}
.index_product .box .boxRight {
  width: 77%;
  box-sizing: border-box;
  padding-left: 7.125rem;
}
.index_product .box .boxRight .banner a {
  display: block;
  background: #fff;
  text-align: center;
}
.index_product .box .boxRight .banner a .content1 {
  height: 27.25rem;
  display: flex;
  align-items: center;
}
.index_product .box .boxRight .banner a .content1 img {
  margin: auto;





  max-width: 100%;
  max-height: 100%;
}
.index_product .box .boxRight .banner a .content2 {
  font-size: 1.125rem;
  line-height: 6rem;
  border-top: 1px solid #eee;
}
.indexFive {
  margin-top: -7.5rem;
}
.indexFive .box {
  box-sizing: border-box;
  background: #08338a;
  padding: 4.625rem;
}
.indexFive .box .item .top {
  font-size: 2.875rem;
  font-weight: bold;
  color: #fff;
}
.indexFive .box .item .bottom {
  font-size: 1rem;
  color: #fff;
  margin-top: 0.625rem;
}
.m85 {
  margin-top: 5.3125rem;
}
.indexNewsList {
  background:#fff /*#f7f7f7*/;
}
.indexNewsList .box {
  border-top: 1px solid #000;
}
.indexNewsList .box .item {
  width: 32%;
  padding-top: 1.5625rem;
  margin-right: 2%;
}
.indexNewsList .box .item:nth-child(3n) {
  margin-right: 0;
}
.indexNewsList .box .item a .top1 {
  font-size: 0.875rem;
  color: #999;
}
.indexNewsList .box .item a .top2 {
  font-size: 1.25rem;
  color: #000;
  margin: 1.5625rem 0;
  font-weight: bold;
  transition: 0.4s;
}
.indexNewsList .box .item a .top3 {
  margin-top: 1rem;
}
.indexNewsList .box .item a .top3 img {
  filter: invert(100%);
}
.indexNewsList .box .item a .top4 {
  overflow: hidden;
  margin-top: 2.25rem;
}
.indexNewsList .box .item a .top4 img {
  width: 100%;
  transition: all 0.3s;
}
.indexNewsList .box .item a .top5 {
  font-size: 1rem;
  color: #333;
  line-height: 1.75rem;
}
.indexNewsList .box .item:hover a .top2 {
  color: #08338a;
}
.indexNewsList .box .item:hover a .top4 img {
  transform: scale(1.1);
}
.indexWord {
  margin-top: 8.125rem;
  background: #f5f5f5;
  position: relative;
}
.indexWord .indexTit {
  position: absolute;
  width: 100%;
  top: 5.3125rem;
  left: 0;
  z-index: 1;
}
.indexWord .boxList {
  position: absolute;
  top: 25rem;
  left: 9.625rem;
  z-index: 1;
}
.indexWord .boxList .box_ .item {
  font-size: 1rem;
  color: #000;
  line-height: 2.1875rem;
  cursor: pointer;
}
.indexWord .boxList .box_ .item span {
  display: inline-block;
  width: 10px;
  height: 0.125rem;
  background: #08338a;
  vertical-align: middle;
  margin-right: 0.3125rem;
  display: none;
}
.indexWord .boxList .box_ .active span {
  display: inline-block;
}
.indexWord .box .item {
  position: relative;
  display: none;
}
.indexWord .box .item .map img {
  width: 100%;
}
.indexWord .box .item .address {
  position: absolute;
  cursor: pointer;
}
.indexWord .box .item .address .left span {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #08338a;
}
.indexWord .box .item .address .right {
  margin-left: 0.375rem;
  font-size: 0.875rem;
  color: #999;
}
.indexWord .box .item .active .right {
  color: #000 !important;
  font-weight: bold;
}
.indexWord .box .item .shanghai {
  top: 23.5vw;
  right: 39vw;
}
.indexWord .box .item .shanghai .left img {
  height: 2.1875rem;
}
.indexWord .box .item .shanghai .right {
  line-height: 2.1875rem;
  font-size: 0.875rem;
}
.indexWord .box .item .changcun {
  top: 18vw;
  right: 38vw;
}
.indexWord .box .item .fuxin {
  top: 19vw;
  right: 39.5vw;
}
.indexWord .box .item .shenyang {
  top: 20vw;
  right: 38.5vw;
}
.indexWord .box .item .langfang {
  top: 20.8vw;
  right: 41.5vw;
}
.indexWord .box .item .shenzeng {
  top: 26vw;
  right: 42vw;
}
.indexWord .box .item .xianggang {
  top: 27vw;
  right: 41.5vw;
}
.indexWord .box .item .riben {
  top: 22vw;
  right: 34.5vw;
}
.indexWord .box .item .bilishi {
  top: 16.4vw;
  right: 49.5vw;
  flex-direction: row-reverse;
}
.indexWord .box .item .bilishi .right {
  margin-left: 0;
  margin-right: 0.375rem;
}
.indexWord .box .item .deguo {
  top: 16vw;
  right: 46vw;
}
.indexWord .box .item .bolan {
  top: 15.6vw;
  right: 43.5vw;
}
.indexWord .box .item .siluofake {
  top: 17vw;
  right: 42vw;
}
.indexWord .box .item .xibanya {
  top: 21vw;
  right: 49.5vw;
}
.indexWord .box .item .aodili {
  top: 17.5vw;
  right: 47vw;
  flex-direction: row-reverse;
}
.indexWord .box .item .aodili .right {
  margin-left: 0;
  margin-right: 0.375rem;
}
.indexWord .box .item .meiguo {
  top: 21vw;
  right: 48vw;
}
.indexWord .box .item .muoxige {
  top: 26vw;
  right: 49vw;
}
.indexWord .box .select {
  display: block;
}
.indexWord .addressBox {
  position: absolute;
  background-color: #08338a;
  top: 11.875rem;
  right: 9.625rem;
  width: 22.8125rem;
  box-sizing: border-box;
  padding: 3.125rem 3.125rem;
  z-index: 5;
}
.indexWord .addressBox h5 {
  font-size: 1.875rem;
  color: #fff;
  padding-bottom: 0.625rem;
}
.indexWord .addressBox .bot {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  margin-top: 1.875rem;
}
.indexWord .addressBox .text {
  padding-top: 2.1875rem;
}
.indexWord .addressBox .text .title .left {
  font-size: 1.125rem;
  color: #fff;
}
.indexWord .addressBox .text .title .right p {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.indexWord .addressBox .text .title .right p::before {
  content: '';
  position: absolute;
  width: 0.5rem;
  height: 0.125rem;
  background: #fff;
  top: 50%;
  left: 50%;
  margin-top: -0.0625rem;
  margin-left: -0.25rem;
}
.indexWord .addressBox .text .title .right p::after {
  content: '';
  position: absolute;
  width: 0.5rem;
  height: 0.125rem;
  background: #fff;
  top: 50%;
  left: 50%;
  margin-top: -0.0625rem;
  margin-left: -0.25rem;
  transition: all 0.3s;
  transform: rotate(90deg);
}
.indexWord .addressBox .text .title .on p::after {
  transform: rotate(0deg);
}
.indexWord .addressBox .text .wenan {
  margin-top: 1.25rem;
  display: none;
  transition: all 0.3s;
}
.indexWord .addressBox .text .wenan div {
  line-height: 1.875rem;
}
.indexWord .addressBox .text .wenan div span {
  width: 1rem;
  display: inline-block;
}
.indexWord .addressBox .text .wenan div p {
  font-size: 0.9375rem;
  color: #fff;
  width: 90%;
  margin-left: 0.625rem;
}
.indexWord .addressBox .text .wenan div p a {
  color: #fff;
}
.indexWord .addressBox .active .title .right p::after {
  transform: rotate(0deg);
}
.indexWord .addressBox .active .wenan {
  display: block;
}
.indexFoot {
  background: #1b1b1b;
  padding: 4.25rem 0;
}
.indexFoot .box .boxTop img {
  height: 4.0625rem;
}
.indexFoot .box .boxCenter {
  margin-top: 3.75rem;
}
.indexFoot .box .boxCenter .boxLeft .item {
  margin-right: 8.125rem;
}
.indexFoot .box .boxCenter .boxLeft .item h5 {
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 1.5625rem;
}
.indexFoot .box .boxCenter .boxLeft .item p {
  line-height: 1.875rem;
}
.indexFoot .box .boxCenter .boxLeft .item p a {
  font-size: 0.875rem;
  color: #999;
}
.indexFoot .box .boxCenter .boxRight {
  width: 21.5%;
}
.indexFoot .box .boxCenter .boxRight .top p {
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 0.625rem;
}
.indexFoot .box .boxCenter .boxRight .top p a {
  color: #fff;
}
.indexFoot .box .boxCenter .boxRight .bottom {
  margin-top: 2.1875rem;
}
.indexFoot .box .boxCenter .boxRight .bottom a {
  opacity: 1;
  margin-right: 1rem;
}
.indexFoot .box .boxCenter .boxRight .bottom a:nth-child(2) {
  background: url(../images/weibo.png) no-repeat;
}
.indexFoot .box .boxCenter .boxRight .bottom a:nth-child(3) {
  background: url(../images/weixin.png) no-repeat;
}
.indexFoot .box .boxCenter .boxRight .bottom a:nth-child(4) {
  background: url(../images/qq.png) no-repeat;
}
.indexFoot .box1 {
  margin-top: 6.25rem;
}
.indexFoot .box1 .boxLeft .boxT {
  position: relative;
  width: 11.25rem;
}
.indexFoot .box1 .boxLeft .boxT div {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  padding-left: 1.5625rem;
  cursor: pointer;
}
.indexFoot .box1 .boxLeft .boxT div a {
  font-size: 0.875rem;
  color: #fff;
  line-height: 3rem;
  display: inline-block;
}
.indexFoot .box1 .boxLeft .boxT div span {


  font-size: 0.875rem;
  color: #999;
  display: inline-block;
  width: 2.5rem;
  line-height: 1.25rem;
  margin-top: 0.9375rem;
  height: 1.25rem;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.indexFoot .box1 .boxLeft .boxT ul {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 3.125rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  background: #1b1b1b;
  z-index: 1;
  display: none;
}
.indexFoot .box1 .boxLeft .boxT ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.indexFoot .box1 .boxLeft .boxT ul li a {
  color: #999;
  line-height: 2.1875rem;
  font-size: 0.875rem;
  display: inline-block;
  box-sizing: border-box;
  padding-left: 1.5625rem;
}
.indexFoot .box1 .boxLeft .boxT ul li:hover a {
  color: #fff;
}
.indexFoot .box1 .boxLeft .boxB {
  margin-top: 2.8125rem;
}
.indexFoot .box1 .boxLeft .boxB p {
  font-size: 0.875rem;
  color: #666;
  line-height: 1.5625rem;
}
.indexFoot .box1 .boxLeft .boxB p a {
  color: #666;
}
.indexFoot .box1 .boxLeft .boxB p a:hover {
  color: #fff;
}
.indexFoot .box1 .boxRight {
  width: 21.5%;
}
.indexFoot .box1 .boxRight img {
  width: 8.125rem;
}
.indexFoot .box1 .boxRight img:not(:last-child){
    margin-right: 10px;
}
.indexNavPc .box .boxRight .boxB img:not(:last-child){
    margin-right: 10px;
}
.bannerBox img {
  width: 100%;
}
.aboutBox .box .boxLeft {
  width: 46%;
}
.aboutBox .box .boxLeft img {
  width: 100%;
}
.aboutBox .box .boxRight {
  width: 46%;
}
.aboutBox .box .boxRight h5 {
  font-size: 3.5rem;
  color: #000;
}
.aboutBox .box .boxRight h6 {
  margin-top: 2.5rem;
  font-size: 0.875rem;
  color: #999;
  line-height: 1.25rem;
}
.aboutBox .box .boxRight .list {
  margin-top: 2.8125rem;
}
.aboutBox .box .boxRight .list p {
  font-size: 1.25rem;
  color: #666;
  line-height: 2.1875rem;
  text-indent: 2.5rem;
}
.aboutBox .box .boxRight .data {
  margin-top: 4.375rem;
}
.aboutBox .box .boxRight .data .item {
  width: 33.333%;
}
.aboutBox .box .boxRight .data .item .top {
  color: #08338a;
  font-size: 1.125rem;
}
.aboutBox .box .boxRight .data .item .top span {
  font-size: 2.875rem;
  font-family: 'gilroy_bold';
}
.aboutBox .box .boxRight .data .item .bot {
  font-size: 1rem;
  color: #333;
  margin-top: 0.625rem;
}
.aboutBox .box .boxRight .video {
  margin-top: 12.5rem;
}
.aboutBox .box .boxRight .video .main .left {
  text-transform: uppercase;
  font-size: 0.875rem;
  color: #fff;
  background: #009145;
  transform-origin: 0 0;
  transform: rotate(90deg);
  width: 11.25rem;
  line-height: 2.8125rem;
  text-align: center;
  font-weight: bold;
  position: relative;
  left: 11.25rem;
}
.aboutBox .box .boxRight .video .main .right {
  width: 18.4375rem;
  position: relative;
}
.aboutBox .box .boxRight .video .main .right > img {
  width: 100%;
}
.aboutBox .box .boxRight .video .main .right p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.aboutBox .box .boxRight .video .main .right p img {
  margin: auto;
  width: 5.125rem;
}
.layerVideo {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.layerVideo .box {
  max-width: 56.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 34.375rem;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}
.layerVideo .box video {
  width: 100%;
}
.layerVideo .box span {
  position: absolute;
  right: -2.1875rem;
  top: -2.1875rem;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}
.aboutBox2 .box {
  margin-top: -9.0625rem;
}
.aboutBox2 .box img {
  width: 100%;
}
.aboutBox3 {
  margin-top: 0;
}
.aboutBox3 .addressBox {
  background: #fff;
  padding: 0 0 3.125rem;
  top: 9.875rem;
}
.aboutBox3 .addressBox .img img {
  width: 100%;
}
.aboutBox3 .addressBox h5 {
  color: #000;
  padding: 0 3.125rem;
  margin-top: 3.125rem;
}
.aboutBox3 .addressBox .text {
  padding: 0 3.125rem;
}
.aboutBox3 .addressBox .text .title .left {
  color: #000;
}
.aboutBox3 .addressBox .text .title .right p {
  color: #000;
  border: 1px solid #000;
}
.aboutBox3 .addressBox .text .title .right p::before {
  background: #000;
}
.aboutBox3 .addressBox .text .title .right p::after {
  background: #000;
}
.aboutBox3 .addressBox .text .wenan div p {
  color: #000;
}
.aboutBox3 .addressBox .text .wenan div p a {
  color: #000;
}
.aboutBox3 .addressBox .top {
  padding-top: 2.1875rem;
}
.aboutBox3 .aboutBox3_ {
  position: absolute;
  left: 9.625rem;
  z-index: 1;
  bottom: 4.25rem;
}
.aboutBox3 .aboutBox3_ .box_ {
  overflow: hidden;
}
.aboutBox3 .aboutBox3_ .box_ .item {
  box-sizing: border-box;
  width: 22.8125rem;
  background: #eeeeee;
  padding: 2.5rem;
  cursor: pointer;
  margin-right: 0.625rem;
  position: relative;
  top: 6.875rem;
  transition: all 0.5s;
}
.aboutBox3 .aboutBox3_ .box_ .item .t_ .l div {
  font-size: 1.5rem;
  color: #000;
  margin-top: 0.3125rem;
}
.aboutBox3 .aboutBox3_ .box_ .item .t_ .l p {
  font-size: 0.875rem;
  color: #666;
  margin-top: 0.3125rem;
}
.aboutBox3 .aboutBox3_ .box_ .item .t_ .r {
  font-size: 3.75rem;
  color: #999;
  font-weight: bold;
}
.aboutBox3 .aboutBox3_ .box_ .item .b_ {
  font-size: 1rem;
  color: #fff;
  margin-top: 5rem;
}
.aboutBox3 .aboutBox3_ .box_ .active {
  top: 0;
}
.aboutBox3 .aboutBox3_ .box_ .active .t_ .l div {
  color: #fff;
}
.aboutBox3 .aboutBox3_ .box_ .active .t_ .l p {
  color: #fff;
}
.aboutBox3 .aboutBox3_ .box_ .active .t_ .r {
  color: #fff;
}
.aboutBox3 .aboutBox3_ .box_ .active:nth-child(1) {
  background: url(../images/word1.png) no-repeat 50% 50%;
  background-size: 100% 100%;
}
.aboutBox3 .aboutBox3_ .box_ .active:nth-child(2) {
  background: url(../images/word1.png) no-repeat 50% 50%;
  background-size: 100% 100%;
}
.aboutBox3 .aboutBox3_ .box_ .active:nth-child(3) {
  background: url(../images/word1.png) no-repeat 50% 50%;
  background-size: 100% 100%;
}
.aboutBox4 .boxRight {
  margin-top: 2.8125rem;
}
.aboutBox4 .aboutBox4_ .item {
  margin-left: 7.5rem;
}
.aboutBox4 .aboutBox4_ .item h5 {
  font-size: 2.875rem;
  color: #08338a;
  font-weight: bold;
  line-height: 3.4375rem;
}
.aboutBox4 .aboutBox4_ .item h6 {
  font-size: 1rem;
  color: #000;
  margin-top: 0.9375rem;
}
.aboutBox4 .aboutBox4_ .item1 h5 {
  font-size: 2.52rem;
}
.aboutBox4 .box p {
  font-size: 1.25rem;
  line-height: 2.1875rem;
  color: #666;
}
.aboutBox5 .box .item {
  width: 18%;
  box-sizing: border-box;
  padding: 4rem 1.875rem;
}
.aboutBox5 .box .item a {
  display: block;
  text-align: center;
}
.aboutBox5 .box .item a .main1 img {
  filter: invert(35%);
  height: 3.375rem;
}
.aboutBox5 .box .item a .main2 {
  color: #000;
  font-size: 1.5rem;
  margin-top: 1.5625rem;
  line-height: 2.1875rem;
}
.aboutBox5 .box .item a .main3 {
  font-size: 0.875rem;
  color: #999;
  margin-top: 0.625rem;
}
.aboutBox5 .box .item a .main4 {
  margin-top: 5.3125rem;
}
.aboutBox5 .box .item a .main4 span {
  width: 2.5rem;
  height: 1px;
  background: #fff;
  display: inline-block;
}
.aboutBox5 .box .active {
  background: #08338a;
}
.aboutBox5 .box .active a .main1 img {
  filter: invert(0%);
}
.aboutBox5 .box .active a .main2 {
  color: #fff;
}
.aboutBox5 .box .active a .main3 {
  color: #fff;
}
.aboutBox5 .box .active a .main4 span {
  background: #009145;
}
.aboutBox6 .box .list {
  display: none;
}
.aboutBox6 .box .list .item {
  width: 49%;
  margin-bottom: 1.875rem;
}
.aboutBox6 .box .list .item a {
  display: block;
}
.aboutBox6 .box .list .item a .main1 {
  overflow: hidden;
}
.aboutBox6 .box .list .item a .main1 img {
  width: 100%;
  transition: all 0.3s;
}
.aboutBox6 .box .list .item a .main2 {
  background: #f5f5f5;
  padding: 3.75rem;
}
.aboutBox6 .box .list .item a .main2 h5 {

  font-size: 1.125rem;
  color: #08338a;
  margin-bottom: 3.75rem;
}
.aboutBox6 .box .list .item a .main2 h6 {
  font-size: 2.875rem;
  color: #000;
}
.aboutBox6 .box .list .item:hover a img {
  transform: scale(1.05);
}
.aboutBox6 .box .active {
  display: flex;
}
.aboutBox7 .box_ {
  position: relative;
}
.aboutBox7 .box_::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 32.5rem;
  height: 100%;
  background: #f5f5f5;
}
.aboutBox7 .box .boxLeft {
  width: 53%;
}
.aboutBox7 .box .boxLeft h5 {
  font-size: 2.875rem;
  margin-bottom: 3.125rem;
}
.aboutBox7 .box .boxLeft div p {
  font-size: 1.25rem;
  line-height: 2.1875rem;
  color: #333;
  text-align: justify;
}
.aboutBox7 .box .boxRight {
  width: 47%;
  position: relative;
  z-index: 1;
}
.aboutBox7 .box .boxRight .ren {
  margin-left: 12.5rem;
  width: 25rem;
  background: #08338a;
  text-align: center;
  padding: 6.25rem 0;
  margin-top: 10.3125rem;
  cursor: default;
}
.aboutBox7 .box .boxRight .ren .pic img {
  width: 11.75rem;
  border-radius: 50%;
}
.aboutBox7 .box .boxRight .ren .name {
  margin: 3.4375rem 0 0.9375rem;
}
.aboutBox7 .box .boxRight .ren .name img {
  width: 13.75rem;
}
.aboutBox7 .box .boxRight .ren .text {
  font-size: 1rem;
  color: #fff;
}
.aboutBox8 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}
.aboutBox8 .box {
  border-bottom: 1px solid #ddd;
  padding-bottom: 4.0625rem;
}
.aboutBox8 .box .left a {
  display: inline-block;
}
.aboutBox8 .box .left div p {
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 50%;
  background: #009145;
}
.aboutBox8 .box .left div span {
  font-size: 1rem;
  color: #000;
  line-height: 3.4375rem;
  transition: all 0.3s;
  position: relative;
  left: -2.1875rem;
}
.aboutBox8 .box .left div span font {
  display: inline-block;
  width: 0.75rem;
  height: 0.125rem;
  background: #000;
  vertical-align: middle;
  margin-right: 0.7rem;
}
.aboutBox8 .box .left div:hover span {
  left: -3.125rem;
}
.aboutBox8 .box .right h5 {
  font-size: 4.5rem;
  color: #000;
  font-weight: bold;
}
.aboutBox8 .box .right h6 {
  font-size: 2rem;
  color: #333;
}
.aboutBox9 .box {
  margin-top: 6.25rem;
  box-sizing: border-box;
  padding: 0 9.0625rem;
  position: relative;
}
.aboutBox9 .box .swiper-container {
  padding-top: 5.3125rem;
}
.aboutBox9 .box .item {
  position: relative;
  cursor: default;
}
.aboutBox9 .box .item .time {
  font-size: 11rem;
  color: #f4f4f4;
  position: absolute;
  right: 5.3125rem;
  top: -6.5625rem;
}
.aboutBox9 .box .item .boxLeft {
  box-sizing: border-box;
  position: relative;
  width: 48%;
}
.aboutBox9 .box .item .boxLeft img {
  width: 100%;
}
.aboutBox9 .box .item .boxRight {
  width: 52%;
  padding-left: 6.25rem;
  box-sizing: border-box;
  position: relative;
}
.aboutBox9 .box .item .boxRight div {
  margin-top: 9.375rem;
}
.aboutBox9 .box .item .boxRight div p {
  font-size: 1.25rem;
  color: #000;
  line-height: 2.5rem;
}
.aboutBox9 .box .btn p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3.75rem;
  height: 3.75rem;
  background: #f8f8f8;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  cursor: pointer;
  outline: none;
}
.aboutBox9 .box .btn p img {
  margin: auto;
}
.aboutBox9 .box .btn p:hover {
  background: #009145;
}
.aboutBox9 .box .btn p:hover img {
  filter: invert(100%);
}
.aboutBox9 .box .btn .left {
  left: 0;
}
.aboutBox9 .box .btn .left img {
  transform: rotateY(180deg);
}
.aboutBox9 .box .btn .right {
  right: 0;
}
.aboutBox10 {
  margin-bottom: 6.25rem;
  position: relative;
}
.aboutBox10::after {
  content: '';
  position: absolute;
  width: 100%;
  top: 0.875rem;
  left: 0;
  border-top: 1px solid #e5e5e5;
}
.aboutBox10 .box .swiper-container .item {
  text-align: center;
}
.aboutBox10 .box .swiper-container .item .top {
  width: 1.75rem;
  height: 1.75rem;

  border-radius: 50%;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  margin: auto;
}
.aboutBox10 .box .swiper-container .item .top span {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background: #e5e5e5;
  border-radius: 50%;
  margin: auto;
}
.aboutBox10 .box .swiper-container .item .bot {
  margin-top: 2.5rem;
  font-size: 1.125rem;
  color: #000;
}
.aboutBox10 .box .swiper-slide-thumb-active .item .top {
  border: 1px solid rgba(8, 51, 138, 0.3);
}
.aboutBox10 .box .swiper-slide-thumb-active .item .top span {
  background: #08338a;
}
.aboutBox10 .box .swiper-slide-thumb-active .item .bot {
  color: #08338a;
}
.aboutBox11 .box {
  margin-top: 3.375rem;
}
.aboutBox11 .box .list .item {
  width: 24.25%;
  margin-right: 1%;
  background: #f7f7f7;
  margin-bottom: 1rem;
  transition: 0.4s;
}
.aboutBox11 .box .list .item:nth-child(4n) {
  margin-right: 0;
}
.aboutBox11 .box .list .item a {
  display: block;
  padding: 2.8125rem 0 2rem;
}
.aboutBox11 .box .list .item a .content1 {
  height: 14.375rem;
  display: flex;
  margin: auto;
  align-items: center;
}
.aboutBox11 .box .list .item a .content1 img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  transition: 0.4s;
}
.aboutBox11 .box .list .item a .content2 {
  margin-top: 2.8125rem;
  font-size: 1.125rem;
  color: #000;
  text-align: center;
  font-weight: bold;
}
.aboutBox11 .box .list .item:hover {
  box-shadow: 0px 0px 1rem #ddd;
}
.aboutBox11 .box .list .item:hover .content1 img {
  transform: scale(1.1);
}
.aboutBox12 .box {
  margin-top: 4rem;
}
.aboutBox12 .box .banner {
  position: relative;
  width: 80rem;
  margin: auto;
}
.aboutBox12 .box .banner .swiper-slide {
  width: 25.625rem;
}
.aboutBox12 .box .banner .swiper-slide img {
  width: 100%;
}
.aboutBox12 .box .banner .boxBtn p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.4s;
}
.aboutBox12 .box .banner .boxBtn p img {
  filter: invert(0.2);
  margin: auto;
  width: 1.5rem;
  transition: 0.4s;
}
.aboutBox12 .box .banner .boxBtn p:hover {
  background: #08338a;
}
.aboutBox12 .box .banner .boxBtn p:hover img {
  filter: invert(0);
}
.aboutBox12 .box .banner .boxBtn .prev {
  left: -10rem;
  margin-right: 2.8125rem;
}
.aboutBox12 .box .banner .boxBtn .prev img {
  transform: rotateY(180deg);
}
.aboutBox12 .box .banner .boxBtn .next {
  right: -10rem;
}
.aboutBox12 .main {
  margin-top: 3.375rem;
  line-height: 2.8125rem;
}
.aboutBox12 .main .left {
  font-family: 'gilroy_bold';
  font-size: 1.25rem;
  color: #999;
}
.aboutBox12 .main .left span {
  font-size: 2.25rem;
  color: #000;
}
.aboutBox12 .main .right i {
  display: inline-block;
  width: 4.125rem;
  height: 1px;
  background: #666;
  vertical-align: middle;
  margin: 0 1rem;
}
.aboutBox12 .main .right span {
  font-size: 1.5rem;
  vertical-align: middle;
}
.aboutBox13 .box {
  margin-top: 3.625rem;
}
.aboutBox13 .box .item .icon img {
  width: 4.625rem;
}
.aboutBox13 .box .item .text {
  margin-left: 2rem;
}
.aboutBox13 .box .item .text h5 {
  font-size: 1.625rem;
  margin: 2px 0 5px;
}
.aboutBox13 .box .item .text div {
  font-size: 1.125rem;
  color: #666;
}
.aboutBox14 {
  background: #f7f7f7;
}
.aboutBox14 .box {
  margin-top: 3.375rem;
}
.aboutBox14 .box .boxLeft {
  width: 49%;
}
.aboutBox14 .box .boxLeft .boxTop {
  font-size: 1.125rem;
  line-height: 2.25rem;
  color: #999;
}
.aboutBox14 .box .boxLeft .boxBot {
  margin-top: 5.25rem;
}
.aboutBox14 .box .boxLeft .item {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.875rem;
}
.aboutBox14 .box .boxLeft .item .img {
  overflow: hidden;
}
.aboutBox14 .box .boxLeft .item .img img {
  width: 100%;
  transition: 0.4s;
}
.aboutBox14 .box .boxLeft .item::after {

  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}
.aboutBox14 .box .boxLeft .item .posi {
  position: absolute;
  bottom: -2rem;
  left: 0;
  width: 100%;
  z-index: 2;
  box-sizing: border-box;
  padding: 0 2.8125rem 2.125rem;
  transition: 0.4s;
}
.aboutBox14 .box .boxLeft .item .posi h5 {
  font-size: 1.625rem;
  color: #fff;
}
.aboutBox14 .box .boxLeft .item .posi p {
  font-size: 1.125rem;
  color: #fff;
  margin-top: 1.125rem;
  transition: 0.4s;
  opacity: 0;
}
.aboutBox14 .box .boxLeft .item:hover .img img {
  transform: scale(1.1);
}
.aboutBox14 .box .boxLeft .item:hover .posi {
  bottom: 0rem;
}
.aboutBox14 .box .boxLeft .item:hover .posi p {
  opacity: 1;
}
.productBox .box .boxLeft h5 {
  font-size: 3.5rem;
  color: #000;
}
.productBox .box .boxLeft .bot {
  margin-top: 2.1875rem;
}
.productBox .box .boxLeft .bot h6 {
  font-size: 0.875rem;
  color: #999;
  margin-top: 0.3125rem;
}
.productBox .box .boxRight {
  min-width: 50%;
}
.productBox .box .boxRight .boxTop {
  border-bottom: 1px solid #ddd;
  padding-bottom: 2.1875rem;
}
.productBox .box .boxRight .boxTop .item {
  margin-left: 3.75rem;
}
.productBox .box .boxRight .boxTop .item a {
  font-size: 1.125rem;
  color: #333;
}
.productBox .box .boxRight .boxTop .item:first-child {
  margin-left: 0;
}
.productBox .box .boxRight .boxTop .active a {
  font-weight: bold;
}
.productBox .box .boxRight .boxBottom {
  margin-top: 2.5rem;
}
.productBox .box .boxRight .boxBottom .list {
  display: none;
}
.productBox .box .boxRight .boxBottom .list div a {
  display: block;
  width: 8rem;
  line-height: 2.8125rem;
  color: #666;
  text-align: center;
  border-radius: 1.4375rem;
}
.productBox .box .boxRight .boxBottom .list .active a {
  background: #08338a;
  color: #fff;
}
.productBox .box .boxRight .boxBottom .on {
  display: flex;
}
.productBox1 {
  background: #f2f9ff;
}
.productBox1 .box .top {
  border-left: 3px solid #009145;
  padding-left: 2.25rem;
}
.productBox1 .box .top h6 {
  font-size: 1.5625rem;
  color: #000;
}
.productBox1 .box .top P {
  font-size: 1.5625rem;
  color: #000;
  margin-top: 0.3125rem;
}
.productBox1 .box .img {
  padding: 4rem 0;
  text-align: center;
}
.productBox1 .box .img img {
  margin: auto;
  width: 68.25rem;
}
.productBox2 > h5 {
  font-size: 1.625rem;
  color: #000;
}
.productBox2 .box .item {
  width: 32.53333%;
  border: 1px solid #ddd;
  margin-right: 1.2%;
  box-sizing: border-box;
  margin-bottom: 1.25rem;
  border-top: 0.3125rem solid #fff;
  float: left;
}
.productBox2 .box .item:nth-child(3n) {
  margin-right: 0;
}
.productBox2 .box .item a {
  display: block;
  text-align: center;
  border-top: 1px solid #ddd;
}
.productBox2 .box .item a .top {
  /* height: 20.625rem; */
  display: flex;
  align-content: center;
}
.productBox2 .box .item a .top img {
  margin: auto;
  max-width: 100%;
  /* max-height: 90%; */
}
.productBox2 .box .item a h5 {
  padding: 0.9rem 0px;
  font-size: 1rem;
  border-top: 1px solid #ddd;
  color: #000;
}
.productBox2 .box .item a h6 {
  font-size: 0.875rem;
  color: #999;
  /* margin-top: 0.5rem; */
  /* padding-bottom: 1.875rem; */
}
.productBox2 .box .item:hover {
  border-top: 0.3125rem solid #08338a;
}
.pageList .box > a {
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  color: #000;
  border-radius: 50%;
  margin: 0 1rem;
}
.pageList .box > a:hover {
  background: #08338a;
  color: #fff;
}
.pageList .box .active {
  background: #08338a;
  color: #fff;
}
.pageList .box p a {
  width: 3.125rem;
  height: 3.125rem;
  background: #f8f8f8;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
}





.pageList .box p a img {
  margin: auto;
  opacity: 0.4;
}
.pageList .box p a:hover {
  background: #08338a;
}
.pageList .box p a:hover img {
  filter: invert(100%);
  opacity: 1;
}
.pageList .box p:first-child {
  margin-right: 1.25rem;
}
.pageList .box p:first-child a img {
  transform: rotateY(180deg);
}
.pageList .box p:last-child {
  margin-left: 1.25rem;
}
.productBox3 .box .item {
  width: 50%;
  position: relative;
}
.productBox3 .box .item a {
  display: block;
}
.productBox3 .box .item a > img {
  width: 100%;
  object-fit: cover;
}
.productBox3 .box .item .main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 4.625rem 0 9.625rem;
}
.productBox3 .box .item .main .flexBetween {
  width: 100%;
  box-sizing: border-box;
}
.productBox3 .box .item .main .flexBetween .left {
  font-size: 1.875rem;
  color: #fff;
}
.productBox3 .box .item .main .flexBetween .left img {
  filter: invert(100%);
  transform: rotateY(180deg);
  vertical-align: super;
  margin-right: 1.875rem;
}
.productBox3 .box .item .main .flexBetween .right {
  font-size: 0.875rem;
  color: #fff;
  line-height: 2.5rem;
}
.productBox3 .box .item1 a .main {
  direction: rtl;
  padding: 0 9.625rem 0 4.625rem;
}
.productBox3 .box .item1 a .main .flexBetween .left img {
  transform: rotateY(0deg);
  margin-right: 0rem;
  margin-left: 1.875rem;
}
.productBox4 {
  margin-top: 7.5rem;
}
.productBox4 .box .boxLeft h5 {
  font-size: 1.625rem;
  color: #000;
  margin-top: 0.5rem;
}
.productBox4 .box .boxRight {
  text-align: center;
}
.productBox4 .box .boxRight h5 {
  font-size: 4.375rem;
  color: #000;
  font-weight: bold;
}
.productBox4 .box .boxRight h6 {
  font-size: 1.375rem;
  color: #000;
}
.productBox5 .box .boxLeft {
  width: 50%;
}
.productBox5 .box .boxLeft img {
  width: 100%;
}
.productBox5 .box .boxRight {
  width: 50%;
  box-sizing: border-box;
  padding-left: 8.75rem;
}
.productBox5 .box .boxRight .text {
  margin-top: 7.1875rem;
}
.productBox5 .box .boxRight .text p {
  font-size: 1.125rem;
  color: #666;
  line-height: 2.1875rem;
  text-align: justify;
}
.productBox5 .box .boxRight .two {
  margin-top: 4rem;
}
.productBox5 .box .boxRight .two .item .top .left img {
  width: 2.25rem;
  margin-top: 0.625rem;
}
.productBox5 .box .boxRight .two .item .top .right {
  margin-left: 1rem;
}
.productBox5 .box .boxRight .two .item .top .right h5 {
  font-size: 1.625rem;
}
.productBox5 .box .boxRight .two .item .top .right p {
  font-size: 0.875rem;
  color: #999;
  margin-top: 0.1875rem;
}
.productBox5 .box .boxRight .two .item .bottom {
  font-size: 1.125rem;
  color: #000;
  font-weight: bold;
  margin-top: 2.1875rem;
}
.productBox5 .box .boxRight .video {
  position: relative;
  width: 18.5rem;
  margin-top: 5.625rem;
}
.productBox5 .box .boxRight .video > img {
  width: 100%;
}
.productBox5 .box .boxRight .video p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.productBox5 .box .boxRight .video p img {
  margin: auto;
  width: 5.125rem;
}
.productBox6 {
  position: relative;
  background: #f5f5f5;
  overflow: hidden;
}
.productBox6::after {
  position: absolute;
  content: "HONOR";
  background: #fff;
  right: -100%;
  top: 0;
  width: 100%;
  font-size: 13.5rem;
  color: #f4f4f4;
  padding: 3.125rem 0;
  transform-origin: 0 0;
  transform: rotate(90deg);
}
.productBox6 .box {
  position: relative;
  z-index: 10;
}
.productBox6 .box .boxLeft {
  width: 50%;
}
.productBox6 .box .boxLeft .banner .boxTop {
  background: #fff;
  padding: 0 2.8125rem;
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container {
  height: 43.75rem;
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container .swiper-slide {
  height: auto;
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container .item {
  padding: 2.375rem 0;

  border-bottom: 1px solid #ddd;
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .top .time {
  font-size: 1.625rem;
  color: #999;
  width: 20%;
  padding-top: 0.3125rem;
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .top .title {
  width: 75%;
  line-height: 2.1875rem;
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .top .title p {
  font-size: 1.5rem;
  color: #000;
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .top .btn {
  width: 3%;
  font-size: 1.125rem;
  padding-top: 0.625rem;
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .top .btn span {
  transition: all 0.3s;
  display: inline-block;
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .bot {
  display: none;
  margin-top: 1.25rem;
  margin-left: 20%;
  transition: all 0.3s;
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .bot p {
  display: inline-block;
  padding: 0.625rem;
  background: #f5f5f5;
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .bot p img {
  width: 18.75rem;
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container .active .item .top .btn span {
  transform: rotate(180deg);
}
.productBox6 .box .boxLeft .banner .boxTop .swiper-container .active .item .bot {
  display: block;
}
.productBox6 .box .boxLeft .banner .boxBot {
  margin-top: 0.625rem;
}
.productBox6 .box .boxLeft .banner .boxBot p {
  cursor: pointer;
  outline: none;
  width: 50%;
  background: #fff;
  text-align: center;
  font-size: 1.125rem;
  line-height: 5rem;
  box-sizing: border-box;
  transition: all 0.5s;
}
.productBox6 .box .boxLeft .banner .boxBot p:first-child {
  border-right: 1px solid #ddd;
}
.productBox6 .box .boxLeft .banner .boxBot p:hover {
  background: #08338a;
  color: #fff;
}
.productBox6 .box .boxRight {
  width: 50%;
  text-align: right;
}
.productBox6 .box .boxRight img {
  width: 31.125rem;
}
.productBox7 img {
  width: 100%;
}
.productBox7 .phone {
  display: none;
}
.productTit_ > div {
  font-size: 1.625rem;
  color: #000;
  font-weight: bold;
}
.productTit_ a {
  display: inline-block;
}
.productTit_ div p {
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 50%;
  background: #009145;
}
.productTit_ div span {
  font-size: 1rem;
  color: #000;
  line-height: 3.4375rem;
  transition: all 0.3s;
  position: relative;
  left: -2.1875rem;
}
.productTit_ div span font {
  display: inline-block;
  width: 0.75rem;
  height: 0.125rem;
  background: #000;
  vertical-align: middle;
  margin-right: 0.7rem;
}
.productTit_ div:hover span {
  left: -3.125rem;
}
.productBox8 .box .boxLeft {
  /* background-color: #f5f5f5; */
  width: 45.5%;
  text-align: center;
  /* height: 28rem; */
  display: flex;
  align-items: center;
}
.productBox8 .box .boxLeft img {
  max-width: 100%;
  max-height: 33.75rem;
  /* margin: auto; */
  border: 10px solid #f5f5f5;
}
.productBox8 .box .boxRight {
  width: 45.5%;
}
.productBox8 .box .boxRight h5 {
  font-size: 1.5rem;
  color: #000;
}
.productBox8 .box .boxRight h6 {
  font-size: 0.875rem;
  color: #999;
  margin-top: 1.5625rem;
}
.productBox8 .box .boxRight .tit {
  font-size: 1rem;
  color: #000;
  font-weight: bold;
  margin-top: 2rem;
}
.productBox8 .box .boxRight .text {
  margin-top: 2rem;
  font-size: 1rem;
  line-height: 1.8rem;
  color: #333;
  text-align: justify;
}

.productBox8 .box .boxRight .text img{
	max-width:100%;
}
.productBox8 .box .boxRight .imgList {
  border-top: 1px solid #ddd;
  margin-top: 3rem;
}
.productBox8 .box .boxRight .imgList .item {
  margin-right: 1.25rem;
  width: 6rem;
  height: 6rem;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
}
.productBox8 .box .boxRight .imgList .item img {
  max-width: 90%;
  max-height: 90%;
  margin: auto;
}
.productBox8 .box .boxRight .imgList .active {
  border: 1px solid #009145;
}
.productBox8 .box .boxRight .link {
  margin-top: 4.375rem;
}
.productBox8 .box .boxRight .link a {
  display: inline-block;
  width: 14rem;
  font-size: 1rem;
  line-height: 3.75rem;
  text-align: center;

  background: #08338a;
  color: #fff;
  border-radius: 1.875rem;
}
.productBox9 .box .item {
  text-align: center;
}
.productBox9 .box .item .img img {
  height: 3.75rem;
}
.productBox9 .box .item .title {
  font-size: 1.5rem;
  color: #000;
  margin-top: 2.5rem;
}
.productBox9 .box .item .text {
  font-size: 1rem;
  color: #999;
  margin-top: 1.2rem;
}
.productBox9 .box .item .p {
  font-size: 1.125rem;
  color: #666;
  margin-top: 2.5rem;
  text-align: center;
  line-height: 1.875rem;
}
.productBox10 {
  background: #f5f5f5;
}
.productBox10 .box p {
  font-size: 1rem;
  line-height: 1.875rem;
}
.productBox10 .box p img {
  width: 100%;
}
.productBox11 .box .item {
  width: 20%;
}
.productBox12 .box h6 {
  font-size: 1.25rem;
  color: #333;
}
.productBox12 .box .list {
  margin-top: 4rem;
  padding-left: 5.625rem;
  border-left: 0.3125rem solid #08338a;
  padding-bottom: 0.3125rem;
}
.productBox12 .box .list h5 {
  font-size: 2.5rem;
  color: #000;
  margin-bottom: 1rem;
}
.productBox12 .box .list p {
  font-size: 1.875rem;
  color: #000;
}
.productBox13 {
  margin: 6.25rem 0;
}
.productBox13 .box .item {
  width: 32%;
  margin-right: 2%;
}
.productBox13 .box .item:nth-child(3n) {
  margin-right: 0;
}
.productBox13 .box .item a .main1 {
  font-size: 1.125rem;
  color: #333;
}
.productBox13 .box .item a .main1 span {
  color: #999;
  display: inline-block;
  margin-left: 0.625rem;
}
.productBox13 .box .item a .main2 {
  overflow: hidden;
  margin-top: 2.1875rem;
}
.productBox13 .box .item a .main2 img {
  width: 100%;
  transition: all 0.3s;
}
.productBox13 .box .item a .main3 {
  font-size: 1.5rem;
  color: #000;
  margin-top: 2.8125rem;
}
.productBox13 .box .item a .main4 {
  font-size: 0.875rem;
  color: #999;
  margin-top: 0.5rem;
}
.productBox13 .box .item:hover a .main2 img {
  transform: scale(1.1);
}
.productBox14 .box {
  margin-top: 3.375rem;
}
.productBox14 .box .banner .swiper-slide .item a {
  display: block;
  position: relative;
}
.productBox14 .box .banner .swiper-slide .item a .img {
  overflow: hidden;
}
.productBox14 .box .banner .swiper-slide .item a .img img {
  width: 100%;
  transition: 0.4s;
}
.productBox14 .box .banner .swiper-slide .item a .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 1.125rem;
  text-align: center;
  color: #000;
  line-height: 3.75rem;
  background: rgba(255, 255, 255, 0.7);
}
.productBox14 .box .banner .swiper-slide .item a:hover .img img {
  transform: scale(1.1);
}
.productBox14 .box .page {
  margin-top: 2.8125rem;
}
.productBox14 .box .page span {
  margin: 0 0.625rem;
}
.productBox14 .box .page .swiper-pagination-bullet-active {
  background: #08338a;
}
.productBox15 {
  background: #f7f7f7;
}
.productBox15 .box {
  margin-top: 3.375rem;
}
.productBox15 .box .item {
  width: 23.5%;
  margin-right: 2%;
}
.productBox15 .box .item:nth-child(4n) {
  margin-right: 0;
}
.productBox15 .box .item a {
  display: block;
}
.productBox15 .box .item a .img {
  overflow: hidden;
}
.productBox15 .box .item a .img img {
  width: 100%;
  transition: 0.4s;
}
.productBox15 .box .item a .text {
  font-size: 1.5rem;
  color: #000;
  text-align: center;
  margin-top: 2.25rem;
  transition: 0.4s;
}
.productBox15 .box .item:hover a .img img {
  transform: scale(1.1);
}
.productBox15 .box .item:hover a .text {
  color: #08338a;
}
.newsBox .box .swiper-container {
  position: relative;
}
.newsBox .box .swiper-container .posi {
  position: absolute;
  right: 3.75rem;
  top: 5rem;
  z-index: 2;
}
.newsBox .box .swiper-container .posi .number {
  text-align: center;
}
.newsBox .box .swiper-container .posi .number div {
  font-size: 3.75rem;
  color: #fff;
}
.newsBox .box .swiper-container .posi .number p {
  color: #91a1c1;
  font-size: 2.0625rem;
}
.newsBox .box .swiper-container .posi .buttom {
  margin-top: 8.125rem;
  line-height: 1.5625rem;
}
.newsBox .box .swiper-container .posi .buttom p {
  outline: none;
  cursor: pointer;
}
.newsBox .box .swiper-container .posi .buttom p span {
  font-size: 1.25rem;
  color: #fff;
}
.newsBox .box .swiper-container .posi .buttom > span {
  color: #91a1c1;
}
.newsBox .box .swiper-slide .item a .boxLeft {
  width: 46%;
}
.newsBox .box .swiper-slide .item a .boxLeft img {
  width: 100%;
}
.newsBox .box .swiper-slide .item a .boxRight {
  width: 54%;
  background: #08338a;
  position: relative;
  color: #fff;
  box-sizing: border-box;
  padding: 4.375rem 15.625rem 0 3.75rem;
}
.newsBox .box .swiper-slide .item a .boxRight .main1 {
  font-size: 1rem;
}
.newsBox .box .swiper-slide .item a .boxRight .main2 {
  font-size: 1.625rem;
  margin: 1rem 0 2.1875rem;
}
.newsBox .box .swiper-slide .item a .boxRight .main3 {
  color: #91a1c1;
  line-height: 1.875rem;
  font-size: 1rem;
}
.newsBox .box .swiper-slide .item a .boxRight .main4 {
  margin-top: 4.6875rem;
}
.newsBox .box .swiper-slide .item a .boxRight .main4 div p {
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 50%;
  background: #f35604;
}
.newsBox .box .swiper-slide .item a .boxRight .main4 div span {
  font-size: 1rem;
  color: #fff;
  line-height: 3.4375rem;
  transition: all 0.3s;
  position: relative;
  left: -2.1875rem;
}
.newsBox .box .swiper-slide .item a .boxRight .main4 div span font {
  display: inline-block;
  width: 0.75rem;
  height: 0.125rem;
  background: #fff;
  vertical-align: middle;
  margin-right: 0.7rem;
}
.newsBox .box .swiper-slide .item a .boxRight .main4 div:hover span {
  left: -3.125rem;
}
.newsBox1 .box .item {
  width: 32%;
  padding-top: 1.5625rem;
  margin-right: 2%;
  border-top: 1px solid #ddd;
  margin-bottom: 4.375rem;
}
.newsBox1 .box .item:nth-child(3n) {
  margin-right: 0;
}
.newsBox1 .box .item a .top1 {
  font-size: 0.875rem;
  color: #999;
}
.newsBox1 .box .item a .top2 {
  font-size: 1.25rem;
  color: #000;
  margin: 1.5625rem 0;
  font-weight: bold;
  transition: 0.4s;
}
.newsBox1 .box .item a .top3 {
  margin-top: 1rem;
}
.newsBox1 .box .item a .top3 img {
  filter: invert(100%);
}
.newsBox1 .box .item a .top4 {
  overflow: hidden;
  margin-top: 2.25rem;
}
.newsBox1 .box .item a .top4 img {
  width: 100%;
  transition: all 0.3s;
}
.newsBox1 .box .item a .top5 {
  font-size: 1rem;
  color: #333;
  line-height: 1.75rem;
}
.newsBox1 .box .item:hover a .top2 {
  color: #08338a;
}
.newsBox1 .box .item:hover a .top4 img {
  transform: scale(1.1);
}
.newsBox2 .box .go {
  line-height: 1.5625rem;
}
.newsBox2 .box .go a {
  font-size: 1rem;
  color: #000;
}
.newsBox2 .box .go a span {
  color: #999;
  margin-right: 0.3125rem;
}
.newsBox2 .box .title {
  margin-top: 5rem;
}
.newsBox2 .box .title div {
  font-size: 2.625rem;
}
.newsBox2 .box .title p {
  font-size: 1rem;
  color: #999;
  margin-top: 1.375rem;
}
.newsBox2 .box .main {
  margin-top: 2.2rem;
}
.newsBox2 .box .main p {
  font-size: 1.125rem;
  color: #000;
  line-height: 2.5rem;
  text-align: justify;
}
.newsBox2 .box .main p img {
  width: 100%;
}
.newsBox2 .box .shang .div {
  width: 45%;
}
.newsBox2 .box .shang .div a {
  display: flex;
  flex-direction: column-reverse;
}
.newsBox2 .box .shang .div a span {
  font-size: 0.875rem;
  color: #666;
}
.newsBox2 .box .shang .div a span img {
  transform: rotateY(180deg);
  position: relative;
  top: -0.1875rem;
  height: 5px;
  margin-right: 1.25rem;
}
.newsBox2 .box .shang .div a p {
  font-size: 1.375rem;
  color: #000;
  margin-bottom: 1rem;
}
.newsBox2 .box .shang .div a:hover p {
  color: #08338a;
}
.newsBox2 .box .shang .div a:hover span {
  font-weight: bold;
  color: #000;
}
.newsBox2 .box .shang .div_ {
	text-align: right;
}
.newsBox2 .box .shang .div_ a span {
  display: flex;
  flex-flow: row-reverse;
}
.newsBox2 .box .shang .div_ a span img {
  top: 0.3125rem;
  transform: rotateY(0deg);
  margin-left: 1.25rem;
}
.newsBox3 .box .item {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 5.3125rem;
}
.newsBox3 .box .item:nth-child(3n) {
  margin-right: 0;
}
.newsBox3 .box .item a .top {
  position: relative;
}
.newsBox3 .box .item a .top > img {
  width: 100%;
}
.newsBox3 .box .item a .top div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}
.newsBox3 .box .item a .top div img {
  margin: auto;
  width: 5.125rem;
}
.newsBox3 .box .item a .bottom {
  margin-top: 3.4375rem;
  font-size: 1.5rem;
  color: #000;
  text-align: center;
}
.lpkh5 {
  font-size: 2.125rem;
  color: #000;
}
.cultureBox {
  margin-top: 10rem;
}
.cultureBox .box .list .item .left {
  background: #08338a;
  width: 4.625rem;
  height: 4.625rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.cultureBox .box .list .item .left img {
  margin: auto;
  max-width: 90%;
}
.cultureBox .box .list .item .right {
  margin-left: 2rem;
}
.cultureBox .box .list .item .right h6 {
  font-size: 1.625rem;
  margin-top: 0.1875rem;
}
.cultureBox .box .list .item .right p {
  font-size: 1.125rem;
  color: #666;
  margin-top: 0.3125rem;
}
.cultureBox1 {
  background: #f5f5f5;
}
.cultureBox1 .box .main {
  text-align: center;
}
.cultureBox1 .box .main img {
  width: 67.5rem;
}
.cultureBox2 .box .text p {
  font-size: 1.125rem;
  color: #666;
  line-height: 1.875rem;
}
.cultureBox2 .box .info .item {
  width: 50%;
}
.cultureBox2 .box .info .item .left {
  margin-right: 1.875rem;
}
.cultureBox2 .box .info .item .left img {
  height: 4.625rem;
}
.cultureBox2 .box .info .item .right div {
  font-size: 1.125rem;
  color: #333;
}
.cultureBox2 .box .info .item .right p {
  margin-top: 0.5rem;
  font-size: 2.375rem;
  color: #000;
}
.cultureBox3 .box .item {
  width: 23.5%;
  margin-right: 2%;
}
.cultureBox3 .box .item:nth-child(4n) {
  margin-right: 0;
}
.cultureBox3 .box .item a {
  text-align: center;
}
.cultureBox3 .box .item a .top {
  background: #eeeeee;
  box-sizing: border-box;
  padding: 0.9375rem 0.625rem;
}
.cultureBox3 .box .item a .top img {
  width: 100%;
}
.cultureBox3 .box .item a .bot {
  font-size: 1.5rem;
  color: #000;
  margin-top: 2.875rem;
}
.cultureBox3 .box .item:hover a .bot {
  color: #08338a;
}
.cultureBox4 .box p {
  font-size: 1.25rem;
  color: #666;
  line-height: 2.1875rem;
}
.cultureBox5 .box .item {
  padding: 5.625rem 0;
  transition: all 0.3s;
}
.cultureBox5 .box .item .left {
  padding-left: 2.5rem;
}
.cultureBox5 .box .item .left img {
  width: 3.25rem;
}
.cultureBox5 .box .item .left .img2 {
  display: none;
}
.cultureBox5 .box .item .right {
  margin-left: 2.8125rem;
  width: 90%;
}
.cultureBox5 .box .item .right h5 {
  padding-top: 0.625rem;
  font-size: 2.125rem;
}
.cultureBox5 .box .item .right div {
  margin-top: 1.875rem;
}
.cultureBox5 .box .item .right div p {
  font-size: 1.25rem;
  color: #666;
  line-height: 2.1875rem;
}
.cultureBox5 .box .item:hover {
  background: url(../images/contact.png) no-repeat 50% 50%;
  background-size: 100% 100%;
}
.cultureBox5 .box .item:hover .left .img1 {
  display: none;
}
.cultureBox5 .box .item:hover .left .img2 {
  display: block;
}
.cultureBox5 .box .item:hover .right h5 {
  color: #fff;
}
.cultureBox5 .box .item:hover .right div p {
  color: #fff;
}
.cultureBox6 {
  text-align: center;
}
.cultureBox6 a {
  font-size: 1rem;
  color: #fff;
  background: #009145;
  display: inline-block;
  width: 15rem;
  line-height: 4.0625rem;
  border-radius: 2.0625rem;
}
.cultureBox7 {
	margin-top: 0 !important;
}
.cultureBox7 .box {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  cursor: default;
}
.cultureBox7 .box .item {
  line-height: 6.875rem;
  box-sizing: border-box;
  font-weight: bold;
}
.cultureBox7 .box .item1 {
  padding-left: 3.625rem;
  width: 38%;
}
.cultureBox7 .box .item2 {
  width: 15.5%;
}
.cultureBox7 .box .item3 {
  width: 15.5%;
}
.cultureBox7 .box .item4 {
  width: 15.5%;
}
.cultureBox7 .box .item5 {
  width: 15.5%;
}
.cultureBox8 .box .list {
  border-bottom: 1px solid #ddd;
}
.cultureBox8 .box .list .boxTop {
  padding: 2.1875rem 0;
  transition: all 0.3s;
  cursor: pointer;
}
.cultureBox8 .box .list .boxTop .item {
  line-height: 1.875rem;
  box-sizing: border-box;
  font-weight: bold;
}
.cultureBox8 .box .list .boxTop .item1 {
  padding-left: 3.625rem;
  width: 38%;
}
.cultureBox8 .box .list .boxTop .item2 {
  width: 15.5%;
}
.cultureBox8 .box .list .boxTop .item3 {
  width: 15.5%;
}
.cultureBox8 .box .list .boxTop .item4 {
  width: 15.5%;
}
.cultureBox8 .box .list .boxTop .item5 {
  width: 15.5%;
}
.cultureBox8 .box .list .boxTop .item5 span {
  margin-left: 3.125rem;
  display: inline-block;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  margin-top: 0.1875rem;
  vertical-align: sub;
  position: relative;
}
.cultureBox8 .box .list .boxTop .item5 span::before {
  position: absolute;
  content: '';
  width: 0.5rem;
  height: 0.125rem;
  top: 50%;
  left: 50%;
  background: #535353;
  transform: translateX(-50%) translateY(-50%);
}
.cultureBox8 .box .list .boxTop .item5 span::after {
  position: absolute;
  content: '';
  width: 0.125rem;
  height: 0.5rem;
  top: 50%;
  left: 50%;
  background: #535353;
  transform: translateX(-50%) translateY(-50%);
}
.cultureBox8 .box .list .boxBottom {
  display: none;
  padding: 5rem 0;
  transition: all 0.3s;
}
.cultureBox8 .box .list .boxBottom .left {
  padding-left: 3.625rem;
}
.cultureBox8 .box .list .boxBottom .left .main h5 {
  font-size: 1.125rem;
  color: #333;
}
.cultureBox8 .box .list .boxBottom .left .main p {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #333;
}
.cultureBox8 .box .list .boxBottom .right {
  padding-right: 2.8125rem;
}
.cultureBox8 .box .list .boxBottom .right p {
  font-size: 1rem;
  color: #fff;
  background: #08338a;
  width: 14.0625rem;
  line-height: 3.75rem;
  text-align: center;
  border-radius: 1.875rem;
  cursor: pointer;
}
.cultureBox8 .box .active .boxTop {
  background: #08338a;
  color: #fff;
}
.cultureBox8 .box .active .boxTop .item5 span::before {
  background: #fff;
}
.cultureBox8 .box .active .boxTop .item5 span::after {
  opacity: 0;
}
.cultureBox8 .box .active .boxBottom {
  display: flex;
}
.cultureBox9 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  align-items: center;
  display: none;
}
.cultureBox9 .box {
  width: 38.125rem;
  margin: auto;
  background: #fff;
  text-align: center;
  padding: 3.4375rem 0;
  position: relative;
}
.cultureBox9 .box > span {
  display: block;
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 1.5rem;
  color: #ddd;
}
.cultureBox9 .box .main1 {
  cursor: pointer;
}
.cultureBox9 .box .main1 img {
  width: 12.25rem;
}
.cultureBox9 .box .main1 p {
  font-size: 1.125rem;
  color: #000;
  margin-top: 2.1875rem;
}
.cultureBox9 .box .main2 {
  margin-top: 3.5rem;
}
.cultureBox9 .box .main2 input {
  cursor: pointer;
  font-size: 1rem;
  background: #08338a;
  width: 14.0625rem;
  height: 3.75rem;
  border-radius: 1.875rem;
  color: #fff;
  border: 0;
  outline: none;
}
.cultureBox9 .box .main3 {
  margin-top: 5.625rem;
}
.cultureBox9 .box .main3 p {
  font-size: 1rem;
  color: #999;
  margin-bottom: 1.25rem;
}
.cultureBox9 .box .main3 img {
  width: 6.25rem;
}
.contactBox {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 4.6875rem;
  padding-bottom: 4.6875rem;
  margin-top: 0 !important;
}
.contactBox .box .item {
  max-width: 33%;
}
.contactBox .box .item .boxTop .right {
  margin-left: 1rem;
}
.contactBox .box .item .boxTop .right h5 {
  font-size: 1.125rem;
  color: #333;
  padding-top: 0.3125rem;
}
.contactBox .box .item .boxTop .right h6 {
  font-size: 0.875rem;
  color: #999;
  margin-top: 0.5rem;
}
.contactBox .box .item .boxBot {
  margin-top: 2.875rem;
  font-size: 1.75rem;
}
.contactBox .box .item .boxBot a {
  font-size: 2.375rem;
  color: #000;
}
.contactBox .box .item .boxBot p {
  font-size: 1rem;
}
.contactBox1 {
  margin-top: 6.25rem;
}
.contactBox1 .box {
  height: 50rem;
}
.contactBox1 .box .map {
  height: 100%;
}
.contactBox2 .box {
  padding-bottom: 2rem;
  margin-top: 6.25rem;
}
.contactBox2 .box .list .item {
  width: 32%;
  border-bottom: 1px solid #ddd;
  font-size: 1rem;
  margin-bottom: 1.875rem;
}
.contactBox2 .box .list .item:hover {
  border-bottom: 1px solid #08338a;
}
.contactBox2 .box .list .item .layui-form-item {
  margin-bottom: 0;
}
.contactBox2 .box .list .item .layui-form-item input {
  height: 3.75rem;
  border: 0;
  background: none;
  outline: none;
}
.contactBox2 .box .list .item .layui-form-label {
  line-height: 3.75rem;
  padding: 0;
  text-align: left;
}
.contactBox2 .box .list .item .layui-form-label span {
  color: #08338a;
  font-weight: bold;
}
.contactBox2 .box .list .item .layui-form-radio {
  line-height: 3.75rem;
  margin: 0;
  padding-right: 10px;
}
.contactBox2 .box .list .item .flexBetween {
  position: relative;
}
.contactBox2 .box .list .item .flexBetween .layui-input-block {
  position: absolute;
  top: 0;
  right: 0;
}
.contactBox2 .box .list .item .flexBetween .layui-form-radio > i:hover,
.contactBox2 .box .list .item .flexBetween .layui-form-radioed > i {
  color: #08338a;
}
.contactBox2 .box .list .item .flexBetween .layui-form-select dl dd.layui-this {
  background-color: #08338a;
}
.contactBox2 .box .list .item .w_label {
  width: 7.5rem;
}
.contactBox2 .box .list1 {
  border-bottom: 1px solid #ddd;
}
.contactBox2 .box .list1:hover {
  border-bottom: 1px solid #08338a;
}
.contactBox2 .box .list1 .layui-form-label {
  line-height: 2.1rem;
  padding: 0;
  text-align: left;
}
.contactBox2 .box .list1 .layui-form-label span {
  color: #08338a;
  font-weight: bold;
}
.contactBox2 .box .list1 textarea {
  font-size: 1rem;
  background: none;
  border: 0;
  min-height: initial;
}
.contactBox2 .box .button {
  margin-top: 3.75rem;
}
.contactBox2 .box .button button {
  width: 11.25rem;
  height: 3.4375rem;
  font-size: 1rem;
  border: 0;
  color: #fff;
  border-radius: 1.875rem;
}
.contactBox2 .box .button button[type='submit'] {
  background: #08338a;
}
.contactBox2 .box .button button[type='reset'] {
  background: #009145;
}
.yy_service {
  height: calc(100vh - 5.3125rem);
  background: url(../images/servicebg.png) no-repeat center top / cover;
}
.yy_service > .box > .boxLeft {
  width: 50%;
}
.yy_service > .box > .boxRight {
  width: 50%;
  font-size: 1.25rem;
  color: #666;
  line-height: 2.25rem;
  text-align: justify;
}
.yy_service1 .box {
  margin-top: -7rem;
}
.yy_service1 .box .echatrs {
  width: 100%;
  height: 100vh;
}
.yy_service1 .box .lpk_phone img {
  width: 100%;
}



.in_solution {
 background: #08338a;
 width: 100%;
 overflow: hidden;
}
.in_solution .item_first {
 padding:40px 0 0 165px
}
@media (max-width: 1681px) {
 .in_solution .item_first {
  padding:40px 0 0 90px
 }
}
@media (max-width: 1440px) {
 .in_solution .item_first {
  padding: 40px;
 }
}
.in_solution .item_first h3.title01 {
 color:#fff;
 text-align:left
}
.in_solution .item_first h3.title01 span:before {
 background:#fff;
 margin-left:0;
 margin-right:0
}
.in_solution .item {
 float:left;
 width:33.333333%;
 box-sizing: border-box;
}
.in_solution .item a {
 display:block;
 width:100%;
 height:100%;
 position:relative
}
.in_solution .item a .txt {
 padding:45px 35px;
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 z-index:3
}
@media (max-width: 1380px) {
 .in_solution .item a .txt {
  padding:40px
 }
}
.in_solution .item a .txt b.title {
 display:block;
 font-size:30px;
 color:#fff;
 height:30px;
 line-height:30px
}
@media (max-width: 1380px) {
 .in_solution .item a .txt b.title {
  font-size:22px;
  line-height:22px
 }
}
.in_solution .item a .txt b.title:before {
 content:'';
 display:block;
 float:left;
 width:5px;
 height:30px;
 background:#fff;
 margin-right:20px
}
@media (max-width: 1380px) {
 .in_solution .item a .txt b.title:before {
  height:22px
 }
}
.in_solution .item a .txt .des {
 margin:50px 0 0 30px;
 font-size:14px;
 line-height:26px;
 color:#fff;
 opacity:0;
 filter:alpha(opacity=0);
 -webkit-transition:all .5s;
 -moz-transition:all .5s;
 -o-transition:all .5s;
 transition:all .5s
}
.in_solution .item a .txt .des h3 {
 display:block;
 font-size:24px;
 font-weight:normal;
 margin-bottom:10px
}
@media (max-width: 1380px) {
 .in_solution .item a .txt .des {
  margin:10px 0 0 20px;
  font-size:12px;
  line-height:22px
 }
 .in_solution .item a .txt .des h3 {
  font-size:16px
 }
}
.in_solution .item a .txt_inner {
 width:100%;
 height:100%;
 position:relative
}
.in_solution .item a .bg {
 width:100%;
 height:100%;
 background: rgba(8, 51, 138, 0.19);
 position:absolute;
 left:0;
 top:0;
 z-index:2;
 -webkit-transition:all .5s;
 -moz-transition:all .5s;
 -o-transition:all .5s;
 transition:all .5s;
}
.in_solution .item a .img {
 width:100%;
 height:100%;
 overflow:hidden
}
.in_solution .item a .img span {
 display:block;
 width:100%;
 height:400px;
 background-repeat:no-repeat;
 background-position:center center;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover;
 -webkit-transition:all 1s;
 -moz-transition:all 1s;
 -o-transition:all 1s;
 transition:all 1s
}
@media (max-width: 1440px) {
 .in_solution .item a .img span {
  height:350px
 }
}
@media (max-width: 1380px) {
 .in_solution .item a .img span {
  height:250px
 }
}
.in_solution .item a:hover .txt .des {
 opacity:.5;
 filter:alpha(opacity=50)
}
.in_solution .item a:hover .bg {
 background: rgba(8, 51, 138, 0.8);
}
.in_solution .item a:hover .img span {
 -webkit-transform:scale(1.07, 1.07);
 -moz-transform:scale(1.07, 1.07);
 -o-transform:scale(1.07, 1.07);
 transform:scale(1.07, 1.07)
}

@media screen and (max-width: 1680px) {
  .indexBanner .box .swiper-slide .main .mainBox .top h5 {
    font-size: 3.4rem;
  }
  .indexBanner .box .swiper-slide .main .mainBox .top h6 {
    font-size: 2.5rem;
  }
  .indexBanner .video {
    transform: translateY(-50%) scale(0.8);
  }
  .indexTit .boxLeft .top h5 {
    font-size: 3rem;
  }
  .indexTit .boxRight {
    margin-top: 2.6875rem;
  }
  .aboutBox .box .boxRight h5 {
    font-size: 3rem;
  }
  .aboutBox .box .boxRight .list {
    margin-top: 5.4375rem;
  }
  .aboutBox .box .boxRight .video {
    margin-top: 7.5rem;
  }
  .aboutBox .box .boxRight {
    padding-top: 3.6875rem;
  }
  .aboutBox .box .boxRight .video .main .right p img {
    width: 4.125rem;
  }
  .aboutBox3 .aboutBox3_ {
    left: 3.5rem;
  }
  .aboutBox3 .addressBox {
    top: 5.875rem;
    right: 3.5rem;
  }
  .aboutBox3 .aboutBox3_ .box_ .item {
    height: 9.375rem;
    top: 0rem;
  }
  .aboutBox3 .aboutBox3_ .box_ .active {
    top: 0rem;
  }
  .aboutBox6 .box .list .item a .main2 h6 {

    font-size: 2.2rem;
  }
  .aboutBox6 .box .list .item a .main2 h5 {
    margin-bottom: 3rem;
  }
  .aboutBox7 .box .boxLeft h5 {
    font-size: 2.5rem;
  }
  .aboutBox7 .box .boxLeft div p {
    font-size: 1.1rem;
    line-height: 2rem;
  }
  .aboutBox7 .box .boxRight .ren {
    margin-top: 6.3125rem;
  }
  .aboutBox8 .box .right h5 {
    font-size: 4rem;
  }
  .aboutBox8 .box .right h6 {
    font-size: 1.6rem;
  }
  .aboutBox9 .box .item .time {
    font-size: 9rem;
  }
  .aboutBox9 .box .item .boxRight div p {
    font-size: 1.1rem;
    line-height: 2rem;
  }

  .productBox .box .boxLeft h5 {
    font-size: 3rem;
  }
  .productBox1 .box .top P {
    font-size: 1.3rem;
  }
  .productBox1 .box .top h6 {
    font-size: 1.3rem;
  }
  .productBox3 .box .item .main .flexBetween .left {
    font-size: 1.5rem;
  }
  .productBox5 .box .boxRight .text {
    margin-top: 3.1875rem;
  }
  .productBox9 .box .item .title {
    font-size: 1.2rem;
  }
  .productBox8 .box .boxRight h5 {
    font-size: 1.5rem;
  }
  .productBox12 .box .list p {
    font-size: 1.4rem;
  }
  .productBox12 .box .list h5 {
    font-size: 2.2rem;
  }
  .productBox13 .box .item a .main3 {
    font-size: 1.3rem;
  }
  .newsBox1 .box .item a .title {
    font-size: 1.5rem;
  }
  .cultureBox3 .box .item a .bot {
    font-size: 1.3rem;
  }
  .cultureBox3 {
    margin-top: 3.5rem;
  }
  .p85_ {
    padding-bottom: 4.3125rem;
  }
  .p85 {
    padding-top: 4.3125rem;
  }
  .contactBox .box .item .boxBot {
    font-size: 1.5rem;
  }
  .contactBox .box .item .boxBot a {
    font-size: 2.2rem;
    margin-bottom: 0.3125rem;
  }
  .m85 {
    margin-top: 4.3125rem;
  }
}
@media screen and (max-width: 1440px) {
  .indexBanner .box .swiper-slide .main .mainBox .top h5 {
    font-size: 3rem;
  }
  .indexNews .box .boxRight .right {
    width: 75%;
  }
  .indexTit .boxLeft .top h5 {
    font-size: 2.5rem;
  }
  .indexAbout {
    margin-top: 5.125rem;
  }
  .indexWord .addressBox {
    right: 3.5rem;
  }
  .indexWord .boxList {
    top: 24rem;
    left: 3.5rem;
  }
  .indexFoot .box .boxCenter .boxLeft .item {
    margin-right: 5.125rem;
  }
  .aboutBox .box .boxRight h5 {
    font-size: 2.5rem;
  }
  .aboutBox .box .boxRight .list p {
    font-size: 1rem;
    color: #666;
    line-height: 2rem;
  }
  .aboutBox .box .boxRight .list {
    margin-top: 3.4375rem;
  }
  .aboutBox .box .boxRight .video {
    margin-top: 4.5rem;
  }
  .aboutBox3 .aboutBox3_ .box_ .item {
    width: 19rem;
  }
  .indexWord .indexTit {
    top: 4.3125rem;
  }
  .aboutBox3 .aboutBox3_ {
    bottom: 2.25rem;
  }
  .indexWord .box .item .map img {
    object-fit: cover;
  }
  .indexWord .box {
    overflow: hidden;
  }
  .indexWord .box .item {
    transform: scale(1.1);
  }
  .aboutBox5 .box .item a .main2 {
    font-size: 1.2rem;
  }
  .aboutBox5 .box .item a .main4 {
    margin-top: 3.3125rem;
  }
  .aboutBox5 .box .item {
    padding: 3rem 1.875rem;
    width: 20%;
  }
  .aboutBox6 .box .list .item a .main2 h6 {
    font-size: 1.6rem;
  }
  .indexTit .boxRight {
    margin-top: 0.6875rem;
  }
  .aboutBox4 .aboutBox4_ .item1 h5 {
    font-size: 2.2rem;
  }
  .aboutBox7 .box .boxLeft div p {
    font-size: 1rem;
    line-height: 1.875rem;
  }
  .aboutBox7 .box_::after {
    width: 31.5rem;
    height: 98%;
  }
  .aboutBox8 .box .right h5 {
    font-size: 3rem;
  }
  .aboutBox8 .box .right h6 {
    font-size: 1.2rem;
  }
  .aboutBox8 {
    margin-top: 5.25rem;
    margin-bottom: 4.25rem;
  }
  .aboutBox7 .box .boxLeft h5 {
    font-size: 2.1rem;
  }
  .aboutBox9 .box .item .boxRight div {
    margin-top: 5.375rem;
  }
  .aboutBox9 .box .item .boxRight div p {
    line-height: 1.875rem;
  }
  .aboutBox9 .box {
    padding: 0 8.0625rem;
  }
  .aboutBox9 .box .item .boxRight {
    padding: 0 3rem;
  }
  .productBox1 .box .img img {
    width: 54rem;
  }
  .productBox1 .box .top P {

    font-size: 1.1rem;
  }
  .productBox1 .box .top h6 {
    font-size: 1.1rem;
  }
  .productBox5 .box .boxRight {
    padding-left: 4.75rem;
  }
  .productBox5 .box .boxRight .text p {
    font-size: 1rem;
    line-height: 1.875rem;
  }
  .productBox5 .box .boxRight .two .item .bottom {
    font-size: 1rem;
    margin-top: 1rem;
  }
  .productBox4 .box .boxLeft h5 {
    font-size: 1.25rem;
  }
  .productBox4 .box .boxRight h5 {
    font-size: 3.375rem;
  }
  .productBox4 .box .boxRight h6 {
    font-size: 1rem;
  }
  .productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .top .title p {
    font-size: 1.2rem;
  }
  .productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .top .time {
    font-size: 1.2rem;
  }
  .productBox6 .box .boxRight img {
    width: 28.125rem;
  }
  .productBox .box .boxLeft h5 {
    font-size: 2.5rem;
  }
  .productBox8 .box .boxRight h5 {
    font-size: 1.4rem;
  }
  .productTit_ > div {
    font-size: 1.4rem;
  }
  .productBox3 .box .item .main .flexBetween .left {
    font-size: 1.3rem;
  }
  .productBox8 .box .boxRight .link {
    margin-top: 3.375rem;
  }
  .productBox9 .box .item .p {
    font-size: 1rem;
    line-height: 1.75rem;
  }
  .newsBox .box .swiper-slide .item a .boxRight .main2 {
    font-size: 1.425rem;
  }
  .newsBox .box .swiper-container .posi .number div {
    font-size: 3.2rem;
  }
  .newsBox .box .swiper-container .posi .number p {
    font-size: 1.5rem;
  }
  .newsBox1 .box .item a .title {
    font-size: 1.2rem;
  }
  .newsBox1 .box .item a .icon {
    margin-top: 2.125rem;
  }
  .newsBox2 .box .title div {
    font-size: 1.8rem;
  }
  .newsBox2 .box .main p {
    font-size: 1rem;
    line-height: 1.875rem;
  }
  .newsBox2 .box .shang .div a p {
    font-size: 1.2rem;
  }
  .newsBox3 .box .item a .bottom {
    font-size: 1.2rem;
  }
  .cultureBox .box .list .item .right h6 {
    font-size: 1.4rem;
  }
  .cultureBox .box .list .item .right p {
    font-size: 1.1rem;
  }
  .cultureBox1 .box .main img {
    width: 51.5rem;
  }
  .lpkh5 {
    font-size: 1.6rem;
  }
  .cultureBox2 .box .info .item .right p {
    font-size: 1.5rem;
  }
  .cultureBox2 .box .info {
    padding-bottom: 2rem;
  }
  .cultureBox3 {
    margin-top: 0;
  }
  .cultureBox4 .box p {
    font-size: 1rem;
    line-height: 1.875rem;
  }
  .cultureBox5 .box .item .right div p {
    font-size: 1rem;
    line-height: 1.875rem;
  }
  .cultureBox5 .box .item .right h5 {
    font-size: 1.5rem;
  }
  .cultureBox5 .box .item .left img {
    width: 2.25rem;
  }
  .cultureBox5 .box .item {
    padding: 4.625rem 0;
  }
  .cultureBox5 {
    padding-bottom: 0;
  }
  .cultureBox7 {
    margin-top: 0;
  }
  .contactBox {
    margin-top: 0;
  }
  .contactBox .box .item .boxBot {
    margin-top: 1.875rem;
    font-size: 1.2rem;
  }
  .contactBox .box .item .boxBot a {
    font-size: 1.7rem;
  }
  .contactBox1 {
    margin-top: 4.25rem;
  }
  .contactBox2 .box {
    padding-bottom: 2rem;
  }
  .aboutBox9 .box .swiper-slide {
    width: 100% !important;
  }
  .cultureBox {
    margin-top: 5rem;
  }
  .aboutBox12 .box .banner {
    width: 100%;
  }
  .aboutBox12 .box .banner .boxBtn .prev {
    left: -4rem;
  }
  .aboutBox12 .box .banner .boxBtn .next {
    right: -4rem;
  }
}
@media screen and (max-width: 1366px) {
  .indexHead .box .boxCenter ul li {
    padding: 0 1.5rem;
  }
  .indexBanner .box .swiper-slide .main .mainBox .top h5 {
    font-size: 2.5rem;
  }
  .indexBanner .box .swiper-slide .main .mainBox .bot p {
    font-size: 1.2rem;
  }
  .indexNews .box .boxRight .right .swiper-container .swiper-slide .item {
    line-height: 5.8rem;
  }
  .indexNews .box .boxRight .left {
    line-height: 5.8rem;
  }
  .indexNews .box .boxRight .right .swiper-container {
    height: 5.8rem;
  }
  .indexNews .box .boxBtn {
    top: 1.2rem;
  }
  .indexNews {
    margin-top: -5.8rem;
  }
  .idnexService .box .active .boxLeft .box1 .top2 {
    margin-top: 3.0625rem;
    font-size: 1.3rem;
  }
  .idnexService .box .item .boxLeft .box1 .top5 p {
    line-height: 1.5rem;
  }
  .idnexService .box .item .boxLeft .box1 .top5 {
    height: 6rem;
  }
  .indexTit .boxLeft .top h5 {
    font-size: 2.2rem;
  }
  .indexWord .indexTit {
    position: initial;
  }
  .indexWord {
    margin-top: 4.3125rem;
    padding-top: 4.3125rem;
  }
  .indexWord .box .item {
    transform: scale(1.2);
  }
  .indexWord .addressBox {
    top: 20rem;
  }
  .aboutBox .box .boxRight h5 {
    font-size: 2rem;
  }
  .aboutBox .box .boxRight {
    width: 50%;
  }
  .aboutBox3 .aboutBox3_ {
    position: inherit;
  }
  .indexWord {
    overflow: hidden;
  }
  .aboutBox6 .box .list .item a .main2 h6 {
    font-size: 1.4rem;
  }
  .aboutBox7 .box .boxLeft div p {
    line-height: 1.75rem;
  }
  .aboutBox8 .box .right h5 {
    font-size: 2.5rem;
  }
  .aboutBox9 .box .item .time {
    font-size: 8rem;
    top: -5.5625rem;
  }
  .productBox .box .boxLeft h5 {
    font-size: 2.2rem;
  }
  .productBox .box .boxLeft .bot {
    margin-top: 1.1875rem;
  }
  .indexTit .boxLeft .bot {
    margin-top: 1.1875rem;
  }
  .productBox5 .box .boxRight .two .item .top .right h5 {
    font-size: 1.4rem;
  }
  .productBox12 .box .list {
    padding-left: 3.625rem;
  }
  .productBox12 .box .list h5 {
    font-size: 1.8rem;
  }
  .productBox12 .box .list p {
    font-size: 1.2rem;
    line-height: 1.875rem;
  }
  .newsBox .box .swiper-slide .item a .boxRight .main4 {
    margin-top: 2.6875rem;
  }
  .newsBox .box .swiper-slide .item a .boxRight {
    padding: 3.375rem 15.625rem 0 3.75rem;
  }
  .newsBox .box .swiper-slide .item a .boxRight .main2 {
    font-size: 1.3rem;
  }
  .newsBox .box .swiper-slide .item a .boxRight .main2 {
    margin: 1rem 0 1.5rem;
  }
  .newsBox3 .box .item a .top div img {
    width: 4.125rem;
  }
  .cultureBox3 .box .item a .bot {
    margin-top: 1.5rem;
  }
  .contactBox1 .box {
    height: 27.25rem;
  }
  .contactBox2 .box {
    margin-top: 1.25rem;
  }
  .indexNavPc .box .boxRight .boxT {
      margin-top: 16.75rem;
  }
}
@media screen and (max-width: 1024px) {
  .indexHead {
    display: none;
  }
  .indexBanner .video {
    right: 7.25rem;
  }
  .idnexService .box .item {
    width: 33.333%;
  }
  .idnexService .box .item .boxRight {
    display: none;
  }
  .idnexService .box .active {
    width: 33.333%;
  }
  .idnexService .box .active .boxLeft {
    width: 100%;
    background: #f1f1f1 !important;
  }
  .idnexService .box .active .boxLeft .box1 .top1 {
    display: block;
  }
  .idnexService .box .active .boxLeft .box1 .top2 {
    color: #000;
    margin-top: 2rem;
    font-size: 1.5rem;
  }
  .idnexService .box .active .boxLeft .box1 .top3 {
    color: #999;
  }
  .idnexService .box .active .boxLeft .box1 .top5 {
    display: none;
  }
  .idnexService .box .active .boxLeft .box1 .top4 {
    margin-top: 4.6875rem;
  }
  .idnexService .box .active .boxLeft .box1 .top4 a {
    background: none;
    border: 1px solid #ddd;
  }
  .idnexService .box .active .boxLeft .box1 .top4 a img {
    filter: invert(100%);
  }
  .indexFoot .box .boxCenter .boxLeft {
    display: none;
  }
  .indexFoot .box .boxCenter .boxRight {
    width: 100%;
  }
  .indexFoot .box .boxCenter .boxRight .bottom {
    display: none;
  }
  .indexFoot {
    padding: 2.25rem 0;
  }
  .indexFoot .box .boxTop {
    display: none;
  }
  .indexFoot .box1 {
    margin-top: 3.25rem;
  }
  .indexWord .boxList {
    position: initial;
    top: 0;
    left: 0;
    right: 0;
    width: 94%;
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
  }
  .indexWord .boxList .box_ {
    display: flex;
    justify-content: center;
  }
  .indexWord .boxList .box_ .item {
    margin: 0 2.0625rem;
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
  }
  .indexWord .boxList .box_ .item span {
    display: none;
  }
  .indexWord .boxList .box_ .active {
    border-bottom: 1px solid #08338a;
  }
  .indexWord .addressBox {
    position: initial;
    top: 0;
    left: 0;
    right: 0;
    width: 94%;
    margin: 0 auto 3.125rem;
  }
  .indexWord .addressBox .text .wenan div {
    line-height: 2rem;
  }
  .indexWord .box {
    margin-bottom: 1rem;
  }
  .indexWord .box .item {
    transform: scale(1);
  }
  .indexWord .box .item .map {
    display: none;
  }
  .indexWord .box .item .diDian {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 94%;
    margin: auto;
  }
  .indexWord .box .item .diDian .address {
    position: initial;
    top: 0;
    left: 0;
    right: 0;
    width: 25%;
    text-align: center;
    margin-bottom: 1.25rem;
  }
  .indexWord .box .item .diDian .address .left {
    display: none;
  }
  .indexWord .box .item .diDian .address .right {
    font-size: 1.5rem;
    line-height: 3.75rem;
    width: 100%;
    color: #000 !important;
  }
  .indexWord .box .item .diDian .active {
    background: #08338a;
  }
  .indexWord .box .item .diDian .active .right {
    color: #fff !important;
  }
  .aboutBox3 .aboutBox3_ {
    position: initial;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
  }
  .aboutBox3 .aboutBox3_ .box_ .item .t_ .r {
    display: none;
  }
  .aboutBox3 .aboutBox3_ .box_ .item .b_ {
    display: none;
  }
  .aboutBox3 .aboutBox3_ .box_ .item .t_ .l p {
    display: none;
  }
  .aboutBox3 .aboutBox3_ .box_ {
    display: flex;
    justify-content: center;
  }
  .aboutBox3 .aboutBox3_ .box_ .item {
    background: none;
    width: auto;
    height: auto;
    padding: 0 0 1.25rem;
    margin: 0 2.0625rem;
  }
  .aboutBox3 .aboutBox3_ .box_ .item .t_ .l div {
    margin-top: 0;
    font-size: 1.625rem;
  }
  .aboutBox3 .aboutBox3_ .box_ .active {
    background: none !important;
    border-bottom: 1px solid #08338a;
  }
  .indexWord .box .item .address .right {
    margin-left: 0;
  }
  .aboutBox3 .aboutBox3_ .box_ .active .t_ .l div {
    color: #000;
  }
  .indexNews {
    margin-top: 0rem;
  }
  .indexNews .box .boxRight {
    width: 100%;
    padding: 0 2.375rem;
  }
  .aboutBox5 .box .item {
    width: 25%;
  }
  .aboutBox7 .box_::after {
    display: none;
  }
  .aboutBox7 .box .boxRight .ren {
    margin-left: 0;
  }
  .aboutBox7 .box .boxRight {
    width: 36%;
  }
  .aboutBox7 .box .boxRight .ren {
    width: 100%;
  }
  .aboutBox7 .box .boxLeft {
    width: 60%;
  }
  .aboutBox9 .box .item .time {
    display: none;
  }
  .aboutBox9 .box .swiper-container {
    padding-top: 0;
  }
  .aboutBox9 .box .item .boxRight div {
    margin-top: 0;
  }
  .aboutBox9 .box .item .boxLeft {
    width: 100%;
  }
  .aboutBox9 .box .item .boxRight {
    width: 100%;
    padding: 3rem 0 ;
  }
  .aboutBox9 {
    overflow: hidden;
  }
  .aboutBox9 .box .btn {
    display: none;
  }
  .aboutBox9 .box {
    padding: 0;
    margin-top: 3.25rem;
  }
  .productBox5 .box .boxRight .text {
    margin-top: 0;
  }
  .productBox5 .box .boxRight {
    padding-left: 2.75rem;
  }
  .productBox5 .box .boxRight .video {
    margin-top: 2.625rem;
  }
  .productBox5 .box .boxRight .two {
    margin-top: 3rem;
  }
  .productBox8 .box .boxLeft img {
    max-width: 90%;
  }
  .productBox .box .boxLeft {
    width: 100%;
  }
  .productBox .box .boxRight {
    width: 100%;
    margin-top: 3rem;
  }
  .productTit_ > div {
    font-weight: bold;
  }
  .newsBox .box .swiper-slide .item a .boxRight {
    padding: 2.375rem 15.625rem 0 3.75rem;
  }
  .newsBox2 .box .shang .div {
    width: 100%;
    padding: 0.5rem 0;
  }
  .newsBox2 .box .shang .div a {
    flex-direction: inherit;
  }
  .newsBox2 .box .shang .div a span {
    width: 6.5rem;
  }
  .newsBox2 .box .shang .div a p {
    margin-left: 1rem;
  }
  .newsBox2 .box .shang .div_ a span {
    flex-flow: inherit;
  }
  .newsBox2 .box .shang .div_ a span img {
    transform: rotateY(180deg);
    margin-left: 0rem;
    margin-right: 1.25rem;
  }
  .cultureBox5 .box .item .right {
    width: 88%;
  }
  .index_phone_nav {
    display: block;
  }
  .indexAbout {
    margin-top: 0;
  }
  .indexAbout .box p {
    width: 100%;
  }
  .index_product .box .boxLeft {
    width: 100%;
  }
  .index_product .box .boxRight {
    width: 100%;
    padding-left: 0;
  }
  .index_product .box .boxLeft .content1 {
    padding: 2rem 0;
  }
  .index_product .box .boxLeft .content2 {
    bottom: auto;
    top: 1rem;
    right: 1rem;
  }
  .indexAbout .box1 {
    margin-top: 4.5rem;
  }
  .aboutBox11 .box .list {
    justify-content: space-between;
  }
  .aboutBox11 .box .list .item {
    width: 49%;
  }
  .pageList .box > a {
    display: none;
  }
  .pageList .box .active {
    display: block;
  }
  .aboutBox13 .box .item {
    width: 50%;
    justify-content: flex-start;
    margin-bottom: 1rem;
  }
  .aboutBox14 .box .boxLeft {
    width: 100%;
  }
  .productBox15 .box {
    justify-content: space-between;
  }
  .productBox15 .box .item {
    width: 49%;
    margin-right: 0;
  }
  .yy_service > .box > .boxLeft {
    width: 100%;
  }
  .yy_service > .box > .boxRight {
    width: 100%;
    margin-top: 2rem;
  }
  .yy_service1 .box .echatrs {
    height: 62vh;
  }
  .cultureBox7 .box .item1 {
    padding-left: 1rem;
  }
  .cultureBox8 .box .list .boxTop .item1 {
    padding-left: 1rem;
  }
  .cultureBox8 .box .list .boxTop .item5 span {
    margin-left: 0.125rem;
  }
  .cultureBox8 .box .list .boxBottom .left {
      padding-left: 1rem;
  }
  .cultureBox8 .box .list .boxBottom {
      padding: 3rem 0;
  }
  .cultureBox8 .box .list .boxBottom .right {
      padding-right: 0;
      margin-top: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .indexBanner .box .swiper-slide > img {
    height: auto;
  }
  .indexBanner .box .swiper-slide .pc {
    display: none;
  }
  .indexBanner .box .swiper-slide .phone {
    display: block;
  }
  .indexBanner .scroll {
    display: none;
  }
  .indexBanner .box .xian {
    display: none;
  }
  .indexBanner .video {
    display: none;
  }
  .indexBanner .box .page {
    z-index: 10;
    right: 0rem;
    top: initial;
    bottom: 0;
    width: 100%;
    left: 0;
    transform: translateY(0%);
    text-align: center;
  }
  .indexBanner .box .page span {
    display: inline-block;
  }
  .idnexService .box .item .boxLeft .box1 .top1 {
    padding-top: 2.375rem;
  }
  .idnexService .box .item .boxLeft .box1 .top4 {
    margin-top: 2.6875rem;
  }
  .idnexService .box .item .boxLeft {
    padding: 0 2.5rem 2.5rem;
  }
  .idnexService .box {
    height: auto;
  }
  .indexNewsList .box .item a .top2 {
    font-size: 1.2rem;
  }
  .aboutBox .box .boxLeft {
    width: 100%;
  }
  .aboutBox .box .boxRight {
    width: 100%;
  }
  .aboutBox2 .box {
    margin-top: -3.0625rem;
  }
  .indexTit .boxLeft {
    width: 70%;
  }
  .indexTit .boxRight {
    /* width: 100%; */
    margin-top: 2rem;
  }
  .aboutBox4 .aboutBox4_ .item {
    margin-left: 0em;
  }
  .aboutBox5 .box .item {
    width: 50%;
    border: 1px solid #f9f9f9;
    box-sizing: border-box;
  }
  .indexFoot .box .boxCenter {
    margin-top: 0rem;
  }
  .indexFoot .box1 .boxLeft .boxT {
    display: none;
  }
  .indexFoot {
    text-align: center;
  }
  .indexFoot .box1 .boxLeft {
    width: 100%;
  }
  .indexFoot .box1 .boxRight {
    width: 100%;
    margin-top: 2rem;
  }
  .indexFoot .box1 .boxLeft .boxB {
    margin-top: 0;
  }
  .indexFoot .box1 {
    margin-top: 1.25rem;
  }
  .aboutBox7 .box .boxRight .ren {
    padding: 3.25rem 0;
  }
  .aboutBox7 .box .boxLeft {
    width: 100%;
  }
  .aboutBox7 .box .boxRight {
    width: 100%;
  }
  .aboutBox7 .box .boxRight .ren {
    margin-top: 3.3125rem;
  }
  .aboutBox10 {
    margin-bottom: 5.25rem;
  }
  .aboutBox9 .box .item .boxRight {
    padding: 3rem 0 0 0;
  }
  .productBox1 .box .img img {
    width: 90%;
  }
  .productBox2 .box .item a .top {
    /* height: 13rem; */
  }
  .productBox3 .box .item {
    width: 100%;
  }
  .productBox3 .box .item .main {
    padding: 0 5rem;
  }
  .productBox3 .box .item1 a .main {
    direction: inherit;
  }
  .productBox5 .box .boxLeft {
    width: 100%;
  }
  .productBox5 .box .boxRight {
    width: 100%;
    padding-left: 0;
    margin-top: 2rem;
  }
  .productBox5 .box .boxRight .video {
    width: 100%;
  }
  .productBox6 .box .boxRight {
    display: none;
  }
  .productBox6 .box .boxLeft {
    width: 100%;
    margin-bottom: 2rem;
  }
  .productBox6::after {
    display: none;
  }
  .productBox7 .pc {
    display: none;
  }
  .productBox7 .phone {
    display: block;
  }
  .productBox8 .box .boxLeft {
    width: 100%;
  }
  .productBox8 .box .boxRight {
    width: 100%;
    margin-top: 3rem;
  }
  .productBox8 .box .boxRight .imgList .item {
    width: 10rem;
    height: 10rem;
  }
  .productBox9 .box {
    justify-content: center;
  }
  .productBox9 .box .item {
    width: 32%;
    padding: 1rem 0;
  }
  .productBox .box .boxRight .boxTop .item {
    margin-left: 0;
    width: 33.333%;
    text-align: center;
    margin-bottom: 1rem;
  }
  .productBox2 .box {
    justify-content: space-between;
  }
  .productBox2 .box .item {
    width: 49%;
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
  .productBox11 .box .item {
    width: 49%;
  }
  .newsBox .box .swiper-slide .item a .boxLeft {
    width: 100%;
  }
  .newsBox .box .swiper-slide .item a .boxRight {
    width: 100%;
    padding: 2.375rem;
  }
  .cultureBox .box .list .item {
    width: 100%;
    margin-bottom: 1rem;
  }
  .cultureBox1 .box .main img {
    width: 90%;
  }
  .cultureBox3 .box {
    justify-content: space-between;
  }
  .cultureBox3 .box .item {
    width: 49%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .cultureBox5 .box .item .right {
    width: 82%;
  }
  .cultureBox7 .box .item2 {
    width: 10.5%;
  }
  .cultureBox7 .box .item5 {
    width: 20.5%;
  }
  .cultureBox8 .box .list .boxTop .item2 {
    width: 10.5%;
  }
  .cultureBox8 .box .list .boxTop .item5 {
    width: 20.5%;
  }
  .contactBox .box .item {
    width: 30%;
  }
  .contactBox2 .box .list .item {
    width: 1000%;
    margin-bottom: 0;
  }
  .contactBox2 .box .list1 {
    margin-top: 0.625rem;
  }
  .productBox3 .box .item1 a .main .flexBetween .left img {
    margin-right: 1.875rem;
    margin-left: 0;
  }
  .productBox3 .box .item1 a .main {
    padding: 0 5rem;
  }
  .productBox4 {
    margin-top: 3.5rem;
  }
  .productBox15 .box .item {
    margin-bottom: 2rem;
  }
  .aboutBox12 .box .banner .swiper-slide {
    width: 20.625rem;
  }
}
@media screen and (max-width: 669px) {
	
	.indexAbout .box .boxLeft{ width:100%;}
	.indexAbout .box .boxRight{ width:100%;}
   .in_solution .item { float:left;width:100%; box-sizing: border-box;}
	
  .indexBanner .box .swiper-slide .main .mainBox .top h5 {
    font-size: 1.8rem;
  }
  .indexBanner .box .swiper-slide .phone {
    min-height: 20rem;
  }
  .indexBanner .box .swiper-slide .main .mainBox .link {
    display: none;
  }
  .indexBanner .box .swiper-slide .main .mainBox .top h6 {
    font-size: 1.6rem;
  }
  .indexNews .box .boxRight .right {
    margin-left: 1rem;
  }
  .indexNews .box .boxRight .right .swiper-container .swiper-slide .item .text {
    margin-left: 1rem;
    width: 80%;
  }
  .indexNews .box .boxRight {
    width: 94%;
    padding: 0;
    margin: auto;
  }
  .indexNews .box .boxBtn {
    right: 0.8125rem;
  }
  .p85 {
    padding-top: 2.3125rem;
  }
  .indexNews .box .boxRight .right .swiper-container .swiper-slide .item {
    line-height: 6rem;
  }
  .indexNews .box .boxRight .left {
    line-height: 6rem;
  }
  .indexNews .box .boxRight .right .swiper-container {
    height: 6rem;
  }
  .indexTit .boxLeft .top h5 {
    font-size: 1.5rem;
  }
  .indexNews .box .boxBtn {
    display: none;
  }
  .idnexService .box .item {
    width: 50%;
    margin-bottom: 0.2rem;
  }
  .idnexService .box .item .boxLeft {



    padding: 0 1.5rem 1.5rem;
  }
  .indexAbout {
    margin-top:0rem;
    padding-bottom: 2.5rem;
  }
  .indexAbout .box {
    margin-top: 2.625rem;
    height: auto;
  }
  .indexFive {
    margin-top: 0;
  }
  .indexFive .box .item {
    width: 50%;
    padding: 0.5rem 0;
    text-align: center;
  }
  .indexFive .box .item .top {
    font-size: 1.875rem;
  }
  .indexFive .box .item:first-child {
    display: none;
  }
  .indexFive .box {

    padding: 2.625rem;
    width: 100%;
  }
  .indexNewsList .box .item {
    width: 100%;
  }
  .indexFoot .box1 .boxLeft .boxB p a {
    display: block;
  }
  .indexNewsList .box .item a .top4 {
    margin-top: 2.4375rem;
  }
  .idnexService .box .item .boxLeft .box1 .top4 {
    margin-top: 1.6875rem;
  }
  .aboutBox .box .boxRight h5 {
    font-size: 1.4rem;
  }
  .aboutBox .box .boxRight .list {
    margin-top: 1.4375rem;
  }
  .aboutBox .box .boxRight h6 {
    margin-top: 1.5rem;
  }
  .aboutBox .box .boxRight .video .main .left {
    display: none;
  }
  .aboutBox .box .boxRight .video .main .right {
    width: 100%;
  }
  .aboutBox .box .boxRight .video .main {
    width: 100%;
  }
  .aboutBox .box .boxRight .video {
    margin-top: 1.5rem;
  }
  .aboutBox2 .box {
    margin-top: 0;
  }
  .aboutBox4 .aboutBox4_ .item1 h5 {
    font-size: 1.5rem;
  }
  .aboutBox4 .aboutBox4_ .item h5 {
    font-size: 2rem;
  }
  .aboutBox5 .box .item a .main4 {
    margin-top: 1.3125rem;
  }
  .aboutBox6 .box .list .item {
    width: 100%;
  }
  .aboutBox5 .box .item {
    padding: 2rem 0.875rem;
  }
  .aboutBox6 .box .list .item a .main2 {
    padding: 1.75rem;
  }
  .aboutBox6 .box .list .item a .main2 h6 {
    font-size: 1.2rem;
  }
  .p85_ {
    padding-bottom: 4rem;
  }
  .m85 {
    margin-top: 4rem;
  }
  .aboutBox7 .box .boxLeft h5 {
    font-size: 1.8rem;
  }
  .aboutBox7 .box .boxLeft h5 {
    margin-bottom: 2.125rem;
  }
  .aboutBox8 .box {
    padding-bottom: 2.0625rem;
  }
  .bannerBox img {
    height: 10rem;
    object-fit: cover;
  }
  .aboutBox1 {
    padding-top: 0;
  }
  .aboutBox .box .boxRight {
    padding-top: 2.3125rem;
  }
  .indexWord {
    margin-top: 2.3125rem;
    padding-top: 2.3125rem;
  }
  .productBox .box .boxRight .boxTop .item {
    width: auto;
  }
  .productBox .box .boxRight .boxBottom .list div {
    width: 33.333%;
  }
  .productBox .box .boxRight .boxBottom .list div a {
    width: 100%;
  }
  .productBox .box .boxLeft h5 {
    font-size: 1.5rem;
  }
  .productBox2 > h5 {
    font-size: 1.4rem;
  }
  .productBox3 .box .item .main {
    padding: 0 2rem;
  }
  .productBox3 .box .item1 a .main {
    padding: 0 2rem;
  }
  .pageList .box > a {
    margin: 0 0.2rem;
  }

  .pageList .box p a img {
    transform: scale(0.8);
  }
  .pageList .box p:first-child a img {
      transform: rotateY(180deg) scale(0.8);
  }
  .productBox .box .boxRight .boxTop {
    overflow: scroll;
    padding-bottom: 1rem;
  }
  .productBox .box .boxRight .boxTop > div {
    flex-wrap: nowrap;
  }
  .productBox .box .boxRight .boxTop > div .item {
    white-space: nowrap;
    padding-right: 1.5rem;
  }
  .productBox4 {
    margin-top: 2.3125rem;
  }
  .productBox4 .box .boxRight {
    display: none;
  }
  .productBox5 .box .boxRight .two {
    margin-top: 2.3125rem;
  }
  .productBox5 .box .boxRight .two .item {
    width: 49%;
  }
  .productBox5 .box .boxRight .two .item .top .right h5 {
    font-size: 1.2rem;
  }
  .productBox6 .box .boxLeft .banner .boxTop {
    padding: 0 1.8125rem;
  }
  .productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .top .time {
    width: 15%;
  }
  .productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .top .btn {
    width: 6%;
  }
  .productBox6 .box .boxLeft .banner .boxTop .swiper-container .item .bot {
    margin-left: 0;
    text-align: center;
  }
  .productBox8 .box .boxLeft {
    height: 18rem;
  }

  .productBox8 .box .boxRight h5 {
    font-size: 1.4rem;
  }
  .productBox8 .box .boxRight h6 {
    margin-top: 1rem;
  }
  .productBox8 .box .boxRight .tit {
    margin-top: 2.3125rem;
  }
  .productBox8 .box .boxRight .imgList .item {
    width: 31.333%;
    margin-right: 2%;
    box-sizing: border-box;
    height: 8rem;
  }
  .productBox8 .box .boxRight .link {
    margin-top: 2.375rem;
  }

  .productBox9 .box .item .title {
    font-size: 1rem;
    margin-top: 1.5rem;
  }
  .productTit_ > div {
    font-weight: 500;
  }
  .productBox12 .box .list {
    padding-left: 1.625rem;
  }
  .productBox13 .box .item a .main3 {
    font-size: 1.2rem;
    margin-top: 1.8125rem;
  }
  .productBox13 {
    margin: 3.25rem 0;
  }
  .newsBox .box .swiper-container .posi {
    right: 1.75rem;
    top: 1rem;
  }
  .newsBox .box .swiper-container .posi .number div {
    font-size: 2.2rem;
  }
  .newsBox1 .box {
    display: flex;
    justify-content: space-between;
  }
  .newsBox1 .box .item {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 2rem;
  }
  .newsBox2 .box .title div {
    font-size: 1.3rem;
  }
  .newsBox2 .box .title {
    margin-top: 2.4375rem;
  }
  .newsBox2 .box .shang .div a span img {
    display: none;
  }
  .newsBox2 .box .shang .div a p {
    margin-bottom: 0;
  }
  .newsBox2 .box .shang .div a span {
    line-height: 1.8rem;
  }
  .newsBox3 .box {
    display: flex;
    justify-content: space-between;
  }
  .newsBox3 .box .item {
    width: 48.5%;
    margin-right: 0%;
    margin-bottom: 2rem;
  }
  .newsBox2 .box .shang .div a p {
    font-size: 1rem;
  }
  .cultureBox {
    margin-top: 3rem;
  }
  .lpkh5 {
    font-size: 1.5rem;
  }
  .newsBox2 .box .go {
    display: none;
  }
  .newsBox2 .box .title {
    margin-top: 0rem;
  }
  .cultureBox .box .list .item .right h6 {
    font-size: 1.3rem;
  }
  .cultureBox2 .box .info .item {
    width: 100%;
    margin-bottom: 1rem;
  }
  .cultureBox2 .box .info {
    padding-bottom: 0rem;
  }
  .cultureBox2 .box .info .item .left img {
    height: 3.625rem;
  }
  .cultureBox2 .box .info .item .right p {
    font-size: 1.4rem;
  }
  .cultureBox3 .box .item a .bot {
    font-size: 1.1rem;
  }
  .cultureBox5 .box .item .left {
    padding-left: 0rem;
  }
  .cultureBox5 .box .item .right {
    width: 87%;
    margin-left: 3%;
  }
  .cultureBox5 .box .item:hover {
    background: none;
  }
  .cultureBox5 .box .item:hover .left .img1 {
    display: block;
  }
  .cultureBox5 .box .item:hover .left .img2 {
    display: none;
  }
  .cultureBox5 .box .item:hover .right h5 {
    color: #000;
  }
  .cultureBox5 .box .item:hover .right div p {
    color: #666;
  }
  .cultureBox5 .box .item .right div {
    margin-top: 1.5rem;
  }
  .cultureBox5 .box .item {
    padding: 1rem 0;
  }
  .cultureBox7 .box .item1 {
    padding-left: 0;
  }
  .cultureBox7 .box .item1 {
    width: 30%;
  }
  .cultureBox7 .box .item5 {
    width: 20%;
  }
  .cultureBox7 .box .item {
    line-height: 5rem;
    box-sizing: border-box;
  }
  .cultureBox7 .box .item4 {
    width: 25.5%;
  }
  .cultureBox7 .box .item1 {
    width: 27%;
	 text-align: center;
  }
  .cultureBox8 .box .list .boxTop .item {
    text-align: center;
  }
  .cultureBox8 .box .list .boxTop .item1 {
    padding-left: 0;
  }
  .cultureBox8 .box .list .boxTop .item1 {
    width: 30%;
  }
  .cultureBox8 .box .list .boxTop .item5 span {
    margin-left: 0;
  }
  .cultureBox8 .box .list .boxTop .item5 {
    width: 27%;
  }
  .cultureBox8 .box .list .boxTop {
    padding: 1.1875rem 0;
  }
  .cultureBox8 .box .list .boxBottom .left {
    padding-left: 0;
  }
  .cultureBox8 .box .list .boxBottom {
    padding: 2rem 0;
  }
  .cultureBox8 .box .list .boxBottom .right {
    margin-top: 1rem;
  }
  .cultureBox7 {
    margin-top: 0;
  }
  .contactBox1 .box {
    height: 30rem;
  }
  .contactBox .box .item {
    width: 100%;
    margin-top: 1.5rem;
  }

  .contactBox .box .item .boxBot {
    margin-top: 0.875rem;
  }
  .contactBox {
    margin-top: 0;
  }
  .contactBox {
    padding-top: 1.6875rem;
    padding-bottom: 1.6875rem;
  }
  .contactBox1 {
    margin-top: 2.25rem;
  }
  .contactBox2 .layui-input-block {
    margin-left: 88px;
  }
  .cultureBox9 .box {
    width: 22.125rem;
    padding: 2.4375rem 0;
  }
  .cultureBox9 .box .main1 img {
    width: 6.25rem;
  }
  .cultureBox9 .box .main1 p {
    margin-top: 1.1875rem;
  }
  .cultureBox9 .box .main2 {
    margin-top: 2.5rem;
  }
  .cultureBox9 .box .main3 {
    margin-top: 2.625rem;
  }
  .index_phone_nav .boxTop .left img {
    height: 45px;
  }
  .index_phone_nav .boxTop .right ._right p {
    width: 55px;
    height: 55px;
  }
  .index_phone_nav .boxTop .left {
    padding: 5px 0;
  }
  .index_phone_nav .boxTop .right ._left .china > p {
    line-height: 54px;
  }
  .index_phone_nav1 .top .item > a {
    font-size: 1.2rem;
  }
  .index_phone_nav1 {
    top: 55px;
    height: calc(100% - 55px);
  }
  .index_phone_nav1 .top .item {
    padding: 1rem 0;
  }
  .index_phone_nav1 .bottom .main .left input {
    font-size: 1.2rem;
    height: 55px;
  }
  .index_phone_nav1 .bottom .main .right input {
    width: 55px;
    height: 55px;
  }
  .index_phone_nav1 .bottom {
    padding: 3rem 1.625rem;
  }
  .index_phone_nav1 .top .item .select p a {
    font-size: 1.1rem;
  }
  .index_phone_nav1 .top .item .select p {
    line-height: 2.5rem;
  }
  .indexWord .addressBox h5 {
    font-size: 1.5rem;
  }
  .indexWord .box .item .diDian .address .right {
    font-size: 1.1rem;
    line-height: 3.5rem;
  }
  .indexWord .boxList .box_ .item {
    font-size: 1.3rem;
  }
  .indexWord .addressBox {
    padding: 2.125rem 2.125rem;
  }
  .aboutBox3 .addressBox .text {
    padding: 0;
  }
  .indexWord .addressBox .text {
    padding-top: 2rem;
  }
  .aboutBox3 .addressBox h5 {
    padding: 0;
  }
  .aboutBox3 .addressBox .bot {
    border-top: 1px solid #ddd;
    margin-top: 1.875rem;
  }
  .aboutBox3 .box {
    margin-top: 2rem;
  }
  .aboutBox3 .aboutBox3_ .box_ .item .t_ .l div {
    font-size: 1.3rem;
  }
  .aboutBox11 .box .list .item a .content1 img {
    max-width: 87%;
  }
  .aboutBox11 .box .list .item a .content2 {
    margin-top: 0;
  }
  .yy_service1 .box {
    margin-top: 3rem;
  }
  .contactBox .box .item {
    max-width: 100%;
  }
  .aboutBox12 .box .banner .swiper-slide {
    width: 24.625rem;
  }
  .aboutBox12 .box .banner .boxBtn .prev {
    left: -2rem;
  }
  .aboutBox12 .box .banner .boxBtn .next {
    right: -2rem;
  }
  .w_1614 {
      margin: 0 3%;
  }
  .yy_service {
      background: url(../images/servicebg1.jpg) no-repeat center top / cover;
  }
  .indexTit .boxLeft {
    width: 100%;
  }
  .indexTit .boxRight {
    width: 100%;
  }
}


@media screen and (max-width: 640px){
.productBox2 .box .item {
    width:100%;
    margin-right: 0;
    margin-bottom: 0.8rem;
}
}



.index_col {
 padding:100px 0 0;
 background:url("../images/index_col_bg.jpg") center top no-repeat #f2f3f5;
}
@media (max-width: 1440px) {
 .index_col {
  padding:60px 0 0
 }
}
.index_col .top .top_txt {
 float:left;
 width:530px;
 color:#fff
}
@media (max-width: 1440px) {
 .index_col .top .top_txt {
  width:450px
 }
}
.index_col .top .top_txt h2.title {
 display:block;
 font-size:36px;
 font-weight:bold
}
@media (max-width: 1440px) {
 .index_col .top .top_txt h2.title {
  font-size:30px
 }
}
.index_col .top .top_txt .txt {
 font-size:16px;
 line-height:1.8;
 margin:20px 0 30px
}
.index_col .top .top_txt a.more {
 display:block;
 font-size:14px;
 color:#fff; margin-bottom:10px;
}
.index_col .top .top_txt a.more em {
 display:inline-block;
 font-size:20px;
 font-style:normal;
 margin-left:10px
}
.index_col .top .top_form {
 float:right;
 width:580px
}
@media (max-width: 1440px) {
 .index_col .top .top_form {
  max-width:520px; width:100%;
 }
}

.index_col .top .top_form form {
 width:100%;
 height:60px;
 line-height:60px;
 padding-right:100px;
 background-color:#88b82a;
 position:relative;
 box-sizing: border-box;
}
.index_col .top .top_form form .btn01 {
 float:left;
 width:100%;
 padding:0 40px;
 outline:0;
 background:none;
 color:#fff;
 border:none;
 line-height: inherit;
}
.index_col .top .top_form form .btn01::-webkit-input-placeholder {
 color:#fff;
 font-size:16px

}
.index_col .top .top_form form .btn01::-moz-placeholder {
 color:#fff;
 font-size:16px
}
.index_col .top .top_form form .btn01:-moz-placeholder {
 color:#fff;
 font-size:16px
}
.index_col .top .top_form form .btn01:-ms-input-placeholder {
 color:#fff;
 font-size:16px
}
.index_col .top .top_form form .btn02 {
 width:80px;
 height:60px;
 line-height:60px;
 text-align:center;
 border:none;
 margin:0;
 padding:0;
 background:none;
 position:absolute;
 right:0;
 top:0;
 z-index:2
}
.index_col .top .top_form form .btn02 .icon {
 width:26px;
 height:26px;
 color:#fff;
 margin-top:17px
}
.index_col .top .top_form .list {
 overflow:hidden;
 margin-top:25px
}
.index_col .top .top_form .list ul {
 margin:0 -5px
}
.index_col .top .top_form .list ul li {
 display:block;
 float:left;
 padding:0 5px; margin-bottom:10px;
}
.index_col .top .top_form .list ul li a {
 display:block;
 border:1px solid rgba(255,255,255,0.5);
 color:#fff;
 font-size:14px;
 line-height:30px;
 padding:0 10px;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 transition:all .5s
}
.index_col .top .top_form .list ul li a:hover {
 background-color:#fff;
 color:#006ab8
}
.index_col .index_col_slide {
 width:100%;
 padding-top:50px;
 margin-top:-50px
}
.index_col .index_col_slide .arrows {
 width:100%;
 text-align:right;
 position:absolute;
 right:0;
 top:0;
 z-index:2
}
.index_col .index_col_slide .arrows .arrow {
 display:inline-block;
 text-align:center;
 cursor:pointer;
 width:40px;
 height:40px;
 padding-top:10px;box-sizing: border-box;
 background-color:#88b82a;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 transition:all .5s
}
.index_col .index_col_slide .arrows .arrow .icon {
 width:20px;
 height:20px;
 color:#fff
}
.index_col .index_col_slide .arrows .arrow:hover {
 background-color:#01c2f9
}
.index_col .index_col_slide a {
 display:block;
 width:100%
}
.index_col .index_col_slide a .img {
 width:100%;
 overflow:hidden
}
.index_col .index_col_slide a .img img{
 width:100%;
 overflow:hidden
}


.index_col .index_col_slide a .img span {
 display:block;
 width:100%;
 height:100%;
 background-repeat:no-repeat;
 background-position:center center;
 background-size:cover;
 -webkit-transition:all 1s;
 -o-transition:all 1s;
 transition:all 1s;
 background-color:#fff
}
.index_col .index_col_slide a .title {
 background-color:#fff;
 font-size:18px;
 line-height:60px;
 text-align:center;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 transition:all .5s
}
@media (max-width: 1440px) {
 .index_col .index_col_slide a .title {
  font-size:16px
 }
}
.index_col .index_col_slide a:hover .img span {
 -webkit-transform:scale(1.1);
 -ms-transform:scale(1.1);
 transform:scale(1.1)
}
.index_col .index_col_slide a:hover .title {
 background-color:#88b82a;
 color:#fff
}

.index_qiye{ padding:70px 0; background:#F3F5F2 url(../images/lekfnv.png) left top no-repeat; position:relative;}
.index_qiye .img{ position:absolute;right: 5%;top: 5%;}
.index_qiye .img img{ max-width:120px;}

.index_qiye .img1{ position:absolute;left: 5%;top: 5%;}
.index_qiye .img1 img{ max-width:120px;}

.index_qiye .img2{ position:absolute;right:12%;bottom: 5%;}
.index_qiye .img2 img{ max-width:90px;}


.index_qiye .bottom {
 padding:50px 0;
 text-align:center
}
.index_qiye .bottom h3.title {
 display:block;
 font-size:36px;
 font-weight:bold;
 color:#333
}
@media (max-width: 1440px) {
 .index_qiye .bottom h3.title {
  font-size:30px
 }
}
.index_qiye .bottom .txt {
 max-width:1000px;
 margin:20px auto 0;
 font-size:16px;
 line-height:40px
}
@media (max-width: 1440px) {
 .index_qiye .bottom .txt {
  max-width:800px
 }
}




.index_tit {
  font-size: 36px;
  color: #333333;
  line-height: 36px;
  font-weight: bold;
}







.rel {
  position: relative;
}
.abs {
    position: absolute;
}
.db {
    display: block;
}



/********about********/
.m48 {
  margin-top: 3.5rem;
}
.biaoti {
  text-align: center;
}
.biaoti h5 {
  font-size: 3rem;
  color: #0d69c4;
}
.biaoti p {
  font-size: 1.5rem;
  color: #666;
  margin-top: 0.75rem;
}

.CompanyProfile1 {
  background: url(../images/bg9.png) no-repeat left bottom;
}
.CompanyProfile {
  background-size: 100% auto;
}
.CompanyProfile .box {
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.CompanyProfile .box .main1 .boxLeft {
  width: 21.25rem;
}
.CompanyProfile .box .main1 .boxLeft .item_a {
  margin-top: 4.2rem;
  padding-left: 4.25rem;
}
.CompanyProfile .box .main1 .boxLeft .item_a .top_a {
  font-size: 1.5rem;
  color: #000;
}
.CompanyProfile .box .main1 .boxLeft .item_a .top_a span {
  font-size: 4rem;
  font-family: 'gilroy_bold';
  color: #0d69c4;
}
.CompanyProfile .box .main1 .boxLeft .item_a .bot {
  font-size: 1.25rem;
  color: #888;
}
.CompanyProfile .box .main1 .boxRight {
  width: calc(100% - 21.25rem);
}
.CompanyProfile .box .main1 .boxRight p img {
  width: 100%;
}
.CompanyProfile .box .main2 .boxLeft {
  width: 21.25rem;
  height: 21.25rem;
  background: #08338a;
  display: flex;
  align-items: center;
}
.CompanyProfile .box .main2 .boxLeft img {
  margin: auto;
  width: 6.5625rem;
}
.CompanyProfile .box .main2 .boxRight {
  width: calc(100% - 21.25rem);
  box-sizing: border-box;
  padding: 3rem 3rem 0;
}
.CompanyProfile .box .main2 .boxRight .content1 {
  font-size: 1.25rem;
  font-family: 'albb_b';
  line-height: 1.8;
}
.CompanyProfile .box .main2 .boxRight .content2 {
  font-size: 1.125rem;
  color: #555;
  line-height: 2.125rem;
  /* margin-top: 1.5rem; */
}
.CompanyProfile .box1 {
  border-top: 1px solid #ddd;
}
.CompanyProfile .box1 .main {
  border-left: 1px solid #ddd;
  padding: 4rem 0;
}
.CompanyProfile .box1 .main .item_a {
  text-align: center;
  width: 20%;
}
.CompanyProfile .box1 .main .item_a .top_a {
  color: #0d69c4;
  font-size: 1.875rem;
  font-family: 'albb_b';
}
.CompanyProfile .box1 .main .item_a .top_a span {
  font-size: 3.125rem;
  font-family: 'gilroy_bold';
}
.CompanyProfile .box1 .main .item_a .bot {
  font-size: 1.25rem;
  color: #000;
  margin-top: 1rem;
}
.CompanyProfile .box1 .main .item_a .bot img {
  max-height: 2.125rem;
  margin-right: 0.375rem;
}
.CompanyProfile .box2 {
  background: url(../images/bg10.png) no-repeat 0% 4%;
  background-size: 100% auto;
  text-align: center;
  padding: 5rem 0 9.375rem;
}
.CompanyProfile .box2 h5 {
  font-size: 3.125rem;
  color: #fff;
}
.CompanyProfile .box2 h6 {
  font-size: 3.375rem;
  font-family: 'albb_b';
  color: #fff;
  margin: 2.875rem 0 1.125rem;
}
.CompanyProfile .box2 .index_link1 {
  margin-top: 0.75rem;
}


@media screen and (max-width: 1440px){

.CompanyProfile .box .main1 .boxLeft .item_a {
    margin-top: 2.2rem;
    padding-left: 6.25rem;
}
.CompanyProfile .box .main1 .boxLeft .item_a .top_a span {
    font-size: 3rem;
    font-family: 'gilroy_bold';
    color: #0d69c4;
}
.CompanyProfile .box .main2 .boxRight .content2 {
    font-size: 1rem;
    color: #555;
    line-height: 1.8;
    /* margin-top: 1.5rem; */
}
}




@media screen and (max-width: 1024px){

.CompanyProfile .box,
  .CompanyProfile .box1 .main {
    border: 0;
  }
  .CompanyProfile .box .main2 .boxLeft {
    display: none;
  }
  .CompanyProfile .box .main2 .boxRight {
    width: 100%;
    padding: 1.5rem 0;
  }
  .CompanyProfile .box .main1 .boxLeft .item_a {
    margin-top: 1rem;
    padding-left: 3vw;
  }
  .CompanyProfile .box .main1 .boxLeft .item_a .top_a span {
    font-size: 2.5rem;
  }
  .CompanyProfile .box .main1 .boxLeft {
    width: 30%;
  }
  .CompanyProfile .box .main1 .boxRight {
    width: 70%;
  }
  .CompanyProfile .box1 .main .item_a {
    width: 20%;
  }
  .CompanyProfile .box1 .main .item_a .top_a span {
    font-size: 2.125rem;
  }
  .CompanyProfile .box1 .main .item_a .bot {
    font-size: 1rem;
  }
  .CompanyProfile .box1 .main .item_a .bot img {
    transform: scale(0.8);
  }
  .CompanyProfile .box1 .main .item_a .top_a {
    font-size: 1.2rem;
  }
  .CompanyProfile .box2 h5 {
    font-size: 2rem;
  }
  .CompanyProfile .box2 h6 {
    font-size: 2rem;
    margin: 1.5rem 0 1rem;
  }
  .CompanyProfile .box2 {
    padding: 2rem 0 3rem;
  }
}



@media screen and (max-width: 669px) {
.CompanyProfile .box .main1 .boxLeft .item_a {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .CompanyProfile .box .main1 .boxLeft .item_a .top_a {
    font-size: 1rem;
    color: #000;
}
  .CompanyProfile .box .main1 .boxLeft .item _a.top_a span {
    font-size: 1rem;
  }
  .CompanyProfile .box .main1 .boxLeft .item_a .bot {
    font-size: 1rem;
    color: #888;
}
  .CompanyProfile .box .main1 .boxLeft {
    width: 27%;
    display: none;
  }
  .CompanyProfile .box .main1 .boxRight {
    width: 100%;
  }
  .CompanyProfile .box1 .main {
    justify-content: center;
  }
  .CompanyProfile .box1 .main .item_a {
    width: 33.333%;
    margin-bottom: 1rem;
  }
}
.c-tit {
  text-align: center;
}

/*************旗下公司********************/
.about-page-s4 {
  padding: 4.5vw 0; position:relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/img-1.jpg");
  background-attachment: fixed;
}
.about-page-s4::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.about-page-s4 .w_1614{ position:relative;}

.c-tit h3 {
 color: #fff;
  font-size: 32px;
  letter-spacing: 2px;
}
.about-page-s4 .tab-tit {
  text-align: center;
  font-size: 0;
  margin: 2vw 0;
}
.about-page-s4 .tab-tit span {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  font-size: 16px;
  line-height: 44px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 24px;
  margin: 0 12px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

.about-page-s4 .tab-tit span:hover, .about-page-s4 .tab-tit span.active {
  border-color: #08338a;
  background-color: #08338a;
  color: #fff;
}
.about-page-s4 .tab-cont {
  position: relative;
}
.about-page-s4 .tab-cont .child {
  position: relative;
  z-index: 2;
  display: none;
}
.about-page-s4 .tab-cont .child.active {
  display: block;
}

.about-page-s4 .tab-cont .box {
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  -webkit-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -moz-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -ms-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.about-page-s4 .tab-cont .txt-box {
  width: 50%;
  padding: 2vw 3vw;
}
.about-page-s4 .tab-cont h3 {
  font-size: 24px;
  color: #1e2835;
}
.about-page-s4 .tab-cont .para {
  font-size: 16px;
  line-height: 2;
  color: #496080; text-indent:2em;
  margin-top: 20px;
}

.about-page-s4 .tab-cont .img-box {
  width: 50%;
  overflow: hidden;
}

.about-page-s4 .tab-cont .img-box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}


.about-page-s4 .cont {
  text-align: center;
}
.about-page-s4 .cont .para {
  font-size: 16px;
  line-height: 2;
  color: #fff;
  padding: 2vw 0;
}
.about-page-s4 .cont .para h3{
  font-size: 24px;
  line-height: 1.5;
  color: #fff;
}
.about-page-s4 .cont .para p{
   padding:1vw 0 0;
}

/*******企业精神*************/
.about-culture-s2 {
  padding: 5vw 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.about-culture-s2 .icon {
  width: 120px;
  height: 120px;
  position: relative;
  margin: 0 auto;
}
.about-culture-s2 .icon .ring {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.about-culture-s2 .icon .ring span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  -webkit-animation: ringscale 2s linear infinite;
  -moz-animation: ringscale 2s linear infinite;
  -ms-animation: ringscale 2s linear infinite;
  animation: ringscale 2s linear infinite;
  opacity: 0;
}
.about-culture-s2 .icon .ring span:nth-of-type(2) {
  animation-delay: .7s;
}
.about-culture-s2 .icon .ring span:nth-of-type(3) {
  animation-delay: 1.4s;
}
.about-culture-s2 .icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
}
.about-culture-s2 h3 {
  font-size: 48px;
  margin-top: 2vw;
  text-align: center;
}
.about-culture-s2 p {

  font-size: 24px;
  text-align: center;
  margin-top: 15px;
}
.about-culture-s2.white {
  background-image: url("../images/about/img-8.jpg");
}
.about-culture-s2.white .icon .ring span {
  background-color: rgba(255, 255, 255, 0.2);
}
.about-culture-s2.white .icon:after {
  background-image: url("../images/about/icon-7.png");
  background-color: #fff;
}
/*.about-culture-s2.white h3 {
  color: #fff;
}
.about-culture-s2.white p {
  color: #fff;
}*/
.about-culture-s2.black {
  background-image: url("../images/about/img-9.jpg");
}
.about-culture-s2.black .icon .ring span {
  background-color: rgba(8, 51, 138, 0.4);
}
.about-culture-s2.black .icon:after {
  background-image: url("../images/about/icon-8.png");
  background-color: #08338a;
}
.about-culture-s2.black h3 {
  color: #333333;
}
.about-culture-s2.black p {
  color: #808080;
}

@keyframes ringscale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);  
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% { 
    opacity: 0;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }
} 
  

@media (max-width:767px){
  .index_main2 .index_m2 .m2_right {
    width: 100%;
  }
  .index_main2 .index_m2 .m2_left {
    display: none;
  }
  
  .index_main2 {
    padding-top: 30px;
    background-size: cover!important;
  }
  .index_main2 .container {
    height: 100px;
    z-index: 5;
  }
  .index_main2 .container .m2_top {
    position: static;
  }
  .index_main2 .container .m2_top .xxk {
    margin-top: 10px;
  }
  .index_main2 .container .m2_top .xxk .xxk2 {
    width: 60px;
    line-height: 40px;
    border-bottom: solid 1px rgba(0, 0, 0, 0);
    color: #333;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
  }
  .index_main2 .container .m2_top .xxk .xxk2.on {
    border-bottom: solid 1px #066e3e;
    color: #066e3e;
  }
  .index_main2 .index_m2 {
    position: relative;
    z-index: 6;
  }
  .index_main2 .index_m2 .swiper-slide img {
    width: 100%;
  }
   .index_main2 .index_m2 .swiper-slide img:hover{
   	transform: scale(1.1);
   }
  .index_main2 .index_m2 .xxkqh2 {
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .index_main2 .index_m2 .xxkqh2:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .index_main2 .index_m2 .xxkqh2.on {
    opacity: 1;
    z-index: 3;
  }
  .index_main2 .index_m2 .m2_right {
    width: 100%;
    position: relative;
  }
  .index_main2 .index_m2 .m2_right .m2_btn {
    width: 90px;
    position: absolute;
    right: 15px;
    top: -50px;
    bottom: auto;
    left: auto;
    text-align: center;
    z-index: 3;
  }
  .index_main2 .index_m2 .m2_right .m2_btn .prev {
    display: inline-block;
    width: 16px;
    height: 30px;
    background: url(../images/zuojian1.png) no-repeat center center;
    cursor: pointer;
    margin-right: 15px;
  }
  .index_main2 .index_m2 .m2_right .m2_btn .prev:hover {
    background: url(../images/zuojian2.png) no-repeat center center;
  }
  .index_main2 .index_m2 .m2_right .m2_btn .next {
    display: inline-block;
    width: 16px;
    height: 30px;
    background: url(../images/youjian1.png) no-repeat center center;
    cursor: pointer;
  }
  .index_main2 .index_m2 .m2_right .m2_btn .next:hover {
    background: url(../images/youjian2.png) no-repeat center center;
  }
  .index_main2 .index_m2 .m2_right .swiper-slide a img {
    width: 100%;
  }
  .index_main2 .index_m2 .m2_right .swiper-slide a .a_abs {
    bottom: 20px;
    left: 0;
    width: 100%;
    padding: 0 15px;

    z-index: 2;
  }
  .index_main2 .index_m2 .m2_right .swiper-slide a .a_abs .tit {
    color: #fff;
    font-size: 18px;
  }
  .index_main2 .index_m2 .m2_right .swiper-slide a .a_abs .note {
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    margin-top: 5px;
  }
  .index_main2 .index_m2 .m2_left {
    display: none;
  }
  
  .CompanyProfile .box .main2 .boxRight .content2 {font-size: 1rem;color: #555;line-height: 1.7;}
  .biaoti h5 { font-size: 2rem;color: #0d69c4;}
  .about-page-s4 .tab-cont .box { flex-wrap:wrap;}
  .about-page-s4 .tab-cont .txt-box { width: 100%; padding: 2vw 3vw;}
  .about-page-s4 .tab-cont .img-box {width: 100%;overflow: hidden;}
  .topic{ margin-bottom:20px; padding: 0px 3%;}
  .topic .cn {font-size: 1.4rem;}
  
  .about-culture-s2 h3 {font-size: 32px;margin-top: 10vw;}
  .about-culture-s2 p {font-size: 18px;}
  
  
  .CompanyProfile .box .main1 .boxLeft .item_a .top_a span { font-size: 1.8rem;}
  .CompanyProfile .box1 .main .item_a {width: 20%; margin-bottom: 0.5rem;}
  .CompanyProfile .box1 .main .item_a .top_a span {font-size: 1.8rem;}
  .CompanyProfile .box1 .main .item_a .top_a { font-size: 1rem;}
  .CompanyProfile .box1 .main .item_a .bot {font-size: 0.8rem;}
}


.n-pro-box{ width:100%;}
.n-pro-lf{
    width:350px;
    margin-bottom: 20px;
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    float: left;
}


.n-pro-lf p{
    line-height: 87px;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    background: #08338a;
    text-align: center;
}

.n-pro-lf .div_list {
    width: 100%;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.n-pro-lf .div_list .list_con {
    width: 100%;
    color: #333;
    line-height: 50px;
    border-bottom: 1px dotted #d6d6d6;
    float: left;
}
.n-pro-lf .div_list .list_con a {
    color: #333;
    text-decoration: none;
}
.n-pro-lf .div_list .list_con b {
    font-size: 16px;
}

.n-pro-rf{width:calc(100% - 380px);float: right;overflow: hidden;align-items: end;}


h3.title01 {
 text-align:center
}
h3.title01 em {
 display:block;
 font-size:48px;
 height:48px;
 line-height:48px;
 font-weight:bold;
 font-style:normal;
 text-transform:uppercase
}
@media (max-width: 1380px) {
 h3.title01 em {
  font-size:22px;
  height:30px;
  line-height:30px
 }
}
h3.title01 span {
 margin-top:18px;
 display:block;
 font-size:30px;
 line-height:30px;
 font-weight:lighter
}
h3.title01 span:before {
 content:'';
 margin:0 auto 18px;
 display:block;
 width:70px;
 height:3px;
 line-height:3px;
 background:#bd1121
}
@media (max-width: 1380px) {
 h3.title01 span:before {
  margin-bottom:10px
 }
}
@media (max-width: 1380px) {
 h3.title01 span {
  font-size:26px
 }
}

@media (max-width: 1380px) {
 .n-pro-lf {width: 350px;margin:0 auto;float: none;overflow: hidden;margin-bottom: 20px;}
 .n-pro-rf { width:100%; float: right; overflow: hidden;}
 
 
 
}

/********分页*********/
.text-center {text-align: center; border-top: 1px solid #ddd;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #08338a; border-color: #08338a;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}