body {
  font: 14px pxPingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif;
  background: #fff;
}

.phone {
  display: none;
}

.container {
  max-width: 1400px;
  width: 92%;
  margin: 0 auto;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main {
  flex: 1;
}

.footer,
.header {
  flex: 0;
}

a:hover {
  text-decoration: none;
  color: #240f6c;
  transition: color 0.4s;
  -moz-transition: color 0.4s;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
}

@-webkit-keyframes fromBottomFade {
  from {
    -webkit-transform: translateY(20%);
    opacity: 0;
  }
}

@keyframes fromBottomFade {
  from {
    transform: translateY(20%);
    opacity: 0;
  }
}

/* 导航 */
.pc-nav {  width: 100%;  position: fixed;  top: 0;  left: 0;  z-index: 9999; transition: 0.6s;  /* box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%); */}

.pc-nav .nav {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pc-nav .nav .logo-box {  width: 100%;  display: flex;  align-items: center;  justify-content: space-between;transition: 0.6s;}
.pc-nav .nav .logo {
  flex: 1;
}

.pc-nav .nav .logo img {  max-width: 100%; height: 30px;}
.pc-nav .nav .logo .logo1{}
.pc-nav .nav .logo .logo2{display:none;}
.pc-nav .nav .login {  margin: 0 0 0 25px;  display: flex;  align-items: center;transition: 0.6s;}
.pc-nav .nav .login span {  color: #240f6c;  margin: 0 10px;}
.pc-nav .nav .login a {  color: #240f6c;}

.pc-nav .nav .menu {  display: flex;  align-items: center;}
.pc-nav .nav .menu li {  display: flex;  flex-direction: column;  justify-content: center;  position: relative;  height: 80px;}
.pc-nav .nav .menu li a {  display: block;  padding: 0 30px;  font-size: 18px; color:#ffffff;  white-space: nowrap;}
.pc-nav .nav .menu li .line {  display: none;  position: absolute;  bottom: 13px;  left: 50%;  transform: translate(-50%, 0%);  width: 0px;  height: 0px;  border: 6px solid transparent;  border-top-color: #4a99a4;}
.pc-nav .nav .menu li.cur .line {  display: block;}
.pc-nav .nav .menu li.cur a {  color: #f25d22; }
.pc-nav .nav .menu .menu-son {  display: none;  position: absolute;  top:79px;  left: calc(50% - 90px);   z-index: 100;  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);  width: 180px;  font-size: 14px;  background: #fff;  animation: fromBottomFade 0.6s ease both;  -webkit-animation: fromBottomFade 0.6s ease both;}
.pc-nav .nav .menu .menu-son a {  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #222;  display: block;  font-size: 14px;  padding: 10px 0px;  border-bottom: 1px solid #ebebeb;  line-height: 23px;  text-align: center;}
.pc-nav .nav .menu .menu-son a:hover {  color: #f25d22;  background: #f5f5f5;}
.pc-nav .nav .menu li:hover .line {  display: block;}
.pc-nav .nav .menu li:hover .menu-son {  display: block;}

.pc-nav.active{ background: #ffffff;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);}
.pc-nav.active .nav .logo-box { height: 75px;}
.pc-nav.active .nav .menu li a { color: #333333;}
.pc-nav.active .nav .menu li.cur a { color: #f25d22;}
.pc-nav .nav .menu li:hover .menu-son a{color:#666666;}
.pc-nav.active .nav .menu li a:hover{color: #f25d22;}
.pc-nav.active .nav .logo .logo1{ display:none;}
.pc-nav.active .nav .logo .logo2{  display:block;}

.headerauto{height: 80px;}


.header-gap{
  height: 180px;
}

.iFixed {
  position: fixed;
  z-index: 999;
}
.iFixed .iFixed-box {
  width: 36px;
  height: 160px;
  background-color: #2e4789;
  color: #fff;
  position: fixed;
  right: 0;
  top: 220px;
}
.iFixed span {
  display: block;
  width: 10px;
  margin: 20px auto;
  font-size: 12px;
  color: #fff;
}
.iFixed span img {
  width: 12px;
  height: 12px;
  display: block;
  margin-bottom: 20px;
}
.iFixed .qrcode {
  display: none;
  width: 150px;
  height: 150px;
  background: #f09;
  top: 0;
  position: absolute;
  right: 40px;
  opacity: 1;
  background-image: url("../images/iqrcode.jpeg");
  background-size: 100% 100%;
  font-size: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}
.iFixed-box:hover .qrcode {
  display: block;
}

/* 内页导航 */
.sidenav {
  /* background-color: #f6fafc;
  box-shadow: 0 6px 12px 10px rgba(235, 241, 248, 0.975); */
  /* border-bottom: 1px solid #e9e9e9; */
}

.sidenav .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  height: 80px;
}

.sidenav .right ul { display: flex;}
.sidenav .right ul li{  margin-right: 30px;}
.sidenav .right ul li a {  color: #000000;  font-size: 25px;  padding-bottom: 20px;  position: relative;}
.sidenav .right ul li.cur a::after {  content:"";  position: absolute;  width: 62px;height: 7px;  background: #f25d22;  border-radius: 3px;  left:calc(50% - 31px);  bottom: 0;}

/* 主体 */
.tit {  text-align: center;}
.tit .enname{  font-size: 80px;font-weight: bold;  color: rgba(0, 0, 0, 0.1);line-height: 1;text-transform: uppercase;}
.tit .cnname{  font-size: 35px;font-weight: bold;  color: #000;margin-top: -35px;line-height: 1;}


/* .main .bgf6fbfe{ background-color: #fff;}
.main .content {  background-color: #fff;}
.main .content .info {  border-radius: 6px;  margin-bottom: 20px;}
.main .content .title {  text-align: center;  font-size: 24px;  color: #000;  font-weight: bold;  line-height: 140%;  margin-bottom: 10px;}
.main .content .date {  display: flex;  justify-content: center;  text-align: center;  font-size: 16px;  line-height: 140%;}
.main .content .date p {  margin: 0 10px;} */

.orientation {  margin-top: 30px;  line-height: 30px;}

/* 首页banner */
.index-banner {
}
.index-banner .swiper-slide .banner-title {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); }
.index-banner .swiper-slide .banner-title .cn{ font-size: 44px;   color: #fff;margin-bottom: 10px;}
.index-banner .swiper-slide .banner-title .en{ font-size: 20px;   color: #fff;font-weight: lighter;}

/* 内页banner */
.inside-banner {
  
}
.inside-banner .swiper-slide {
  position: relative;
  height:160px;
  width:100%;
  overflow:hidden;
}
.inside-banner .swiper-slide .banner-title {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); }
.inside-banner .swiper-slide .banner-title .cn{ font-size: 34px;   color: #fff;margin-bottom: 10px;}
.inside-banner .swiper-slide .banner-title .en{ font-size: 20px;   color: #fff;font-weight: lighter;}

.imgSwiper{padding:0px 0px 50px;width:100%;max-width:1100px;margin:auto;position: relative;}
.imgSwiper .swiper{max-width:900px;margin:auto;}
.imgSwiper .swiper-slide img{display:block;margin:auto;max-width:900px;}
.imgSwiper .swiper-slide .content{position:absolute;width:calc(50% - 40px);height:calc(100% - 60px);padding:30px 20px;right:0;top:0;line-height:1.8;font-size:14px;}
.imgSwiper .swiper-slide .content .title{font-size:18px;text-align:center;margin-bottom:20px;}
.imgSwiper .swiper-pagination .swiper-pagination-bullet{}
.imgSwiper .swiper-pagination .swiper-pagination-bullet-active{background: #f25d22;}
.imgSwiper .swiper-button-prev{outline:none;font-size:0;color:rgba(255,255,255,0);width:40px;}
.imgSwiper .swiper-button-next{outline:none;font-size:0;color:rgba(255,255,255,0);width:40px;}
.imgSwiper .swiper-button-prev::after{font-size:0;}
.imgSwiper .swiper-button-next::after{font-size:0;}


.iAbout{width: 100%;overflow: hidden;padding-top: 100px;background: url('../images/about_bg.png')no-repeat top center;background-size: cover;}
.iAbout .content{  max-width: 1100px;  margin: auto;margin-top: 50px;  text-align: center;  font-size: 17px;  color: #666666;  line-height: 2;}
.iAbout .more{width:187px;height: 56px;background: #f1f1f1;text-align: center;line-height: 56px;font-size: 16px;margin: auto;border-radius: 5px;transition: 0.6s;}
.iAbout .more:hover{background: #f25d22;color: #ffffff;}
.iAbout .more:hover a{color: #ffffff;}
.iAbout .aboutlist{width: 100%;margin-top: 75px;}
.iAbout .aboutlist ul li{float: left;width: 25%;border-top: 4px solid #f1f1f1;height: 84px;}
.iAbout .aboutlist ul li a{display: flex;align-items: center;justify-content: center;height: 84px;}
.iAbout .aboutlist ul li a .pic{font-size: 0;line-height: 0;margin-right: 20px;}
.iAbout .aboutlist ul li a .pic img{filter: grayscale(100%);}
.iAbout .aboutlist ul li a .title{font-size: 18px;font-weight: bold;color: #333333;}
.iAbout .aboutlist ul li:first-child{border-top: 4px solid #ff7a29;}
.iAbout .aboutlist ul li:hover{border-top: 4px solid #ff7a29;}

.iVideo{background: #ededed;width: 100%;padding: 100px 0px;}

.iCook{width: 100%;overflow: hidden;padding: 60px 0px 0px;}
.iCook .container .iCook-content{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.iCook .container .iCook-content .iCook-box-left{width: 65%;}
.iCook .container .iCook-content .iCook-box-left .tit{text-align: left;}
.iCook .container .iCook-content .iCook-box-left .content{font-size: 16px;  color: #666666;  line-height: 2;max-width: 720px;margin-top: calc(20px + 3vw);}
.iCook .container .iCook-content .iCook-box-right{width: 32.15%;max-width: 450px;}
.iCook .container .iCook-content .iCook-box-right ul{}
.iCook .container .iCook-content .iCook-box-right ul li{font-size: 16px;  color: #666666;  line-height: 2;}
.iCook .container .iCook-content .iCook-box-right ul li img{width: 100%;transition: 0.6s;}
.iCook .container .iCook-content .iCook-box-right ul li img:hover{transform: scale(1.1,1.1);}

.iProducts-box{padding: 80px 0px;}
.iProducts-box .iProducts{margin-top: 88px;}
.iProducts-box .iProducts ul li a{  display: flex;  justify-content: space-between;  background: #4d4d4d;  height: 500px;}
.iProducts-box .iProducts ul li .info{  float: left;  height:100%;  width: calc(50% - 80px);  padding: 0px 40px;  position: relative;}
.iProducts-box .iProducts ul li .info .title{  font-weight: bold;  font-size: 36px;  color: #ffffff;  line-height: 1;  margin-top: calc(10px + 2vw);}
.iProducts-box .iProducts ul li .info .des{  font-size: 16px;  color: #ffffff;  line-height: 30px;  margin-top: calc(10px + 1vw);}
.iProducts-box .iProducts ul li .info .more{  position: absolute;  width: calc(100% - 132px);  left: 66px;  bottom: 0;  height: 85px;line-height: 85px;  display: flex;  justify-content: space-between;  align-items: center;}
.iProducts-box .iProducts ul li .info .more *{color:#ffffff;}
.iProducts-box .iProducts ul li .pic{ font-size: 0; line-height: 0;width: 50%;overflow: hidden;display:flex;align-items:center;justify-content:center;}
.iProducts-box .iProducts ul li .pic img{transition: 0.6s;}
.iProducts-box .iProducts ul li .pic img:hover{transform: scale(1.1,1.1);}
.iProducts-box .swiper-button-next::after, .iProducts-box .swiper-button-prev::after{ font-size: 0;line-height: 0;}
.iProducts-box .iProducts .swiper-button-next{
  margin: 0;
  left:calc(100% - 82px);top: 0;
  width:82px;height: 82px;
  font-size: 0;line-height: 0;
  background: url(../images/right.jpg)no-repeat center;
}
.iProducts-box .iProducts .swiper-button-prev{
  margin: 0;
  left:calc(100% - 164px);top: 0;
  width:82px;height: 82px;
  font-size: 0;line-height: 0;
  background: url(../images/left.jpg)no-repeat center;
}
.iProducts-box .iProducts .swiper-pagination{width: 50%;left: 50%;}
.iProducts-box .iProducts .swiper-pagination .swiper-pagination-bullet{background: rgba(255,255,255,1);opacity: 1;}
.iProducts-box .iProducts .swiper-pagination .swiper-pagination-bullet-active{background: rgba(255,123,41,1);opacity: 1;}


.iTopclass{width: 100%;overflow: hidden;padding: 80px 0px;}
.iTopclass .container{margin: auto;}
.iTopclass .container .tit{}
.iTopclass .container .content{font-size: 16px;  color: #666666;  line-height: 2;margin-top: calc(20px + 3vw);}
.iTopclass .container .content ul{margin-top: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.iTopclass .container .content ul li{font-size: 16px;  color: #666666;  line-height: 2;width: calc(49.3% - 70px);border-radius: 10px; background: #f8f8f8;padding: 30px 35px;margin-bottom: 20px;transition: 0.6s;}
.iTopclass .container .content ul li .title{display: flex;line-height: 40px;align-items: flex-end;margin-bottom: calc(10px + 0.5vw);height: 40px;transition: 0.6s;}
.iTopclass .container .content ul li .title p{font-size: 24px;font-weight: bold;color: #000000;line-height:30px;text-indent: 15px;}
.iTopclass .container .content ul li .con{font-size: 16px;  color: #666666;  line-height: 2;}
.iTopclass .container .content ul li:hover{background: #ff7a29;}
.iTopclass .container .content ul li:hover .title img{filter: brightness(10);}
.iTopclass .container .content ul li:hover .title p{color: #ffffff;}
.iTopclass .container .content ul li:hover .con{color: #ffffff;}
.iTopclass .container .content-img{margin-top: 0px;}
.iTopclass .container .content-img ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.iTopclass .container .content-img ul li{width: 49.3%;margin-bottom: 20px;border-radius:25px ; overflow: hidden;}
.iTopclass .container .content-img ul li img{width: 100%;transition: 0.6s;}
.iTopclass .container .content-img ul li img:hover{transform: scale(1.1,1.1);}



.iBusiness{  width: 100%;  overflow: hidden;background: url('../images/business_bg.jpg');background-repeat:repeat-x;}
.iBusiness .titletab{display: flex;align-items:flex-end;justify-content: space-between;margin-bottom: 35px;padding-top:80px;}
.iBusiness .titletab .more{width: 184px;height: 56px;background: #ffffff;text-align: center;line-height: 56px;font-size: 16px;border-radius: 5px;}
.iBusiness .titletab .more a{width: 100%;display: block;}
.iBusiness .tit{text-align: left;}
.iBusiness .titledes{margin-bottom: 45px;font-size: 16px;color: #000000;line-height:1.8;}
.iBusiness ul li{float: left;width: 25%;position: relative;}
.iBusiness ul li .ico{position: absolute;left: 15%;top: 10%;z-index: 10;}
.iBusiness ul li .title{position: absolute;left: 15%;top: 75%;color: #ffffff;font-size: 23px;z-index: 10;}
.iBusiness ul li .introduce{position: absolute;left: 15%;top: 65%;color: #ffffff;font-size: 30px;font-weight: bold;z-index: 10;}
.iBusiness ul li .image{overflow: hidden;}
.iBusiness ul li .image img{height: 100%;width: 100%;transition: 0.2s;}
.iBusiness ul li .image img:hover{transform: scale(1.1,1.1);} 
.iBusiness ul li:hover .title{color:#f25d22;}

.iNews {width: 100%;overflow: hidden;margin: 84px auto;}
.iNews .titletab{display: flex;align-items:flex-end;justify-content: space-between;margin-bottom: 35px;}
.iNews .titletab .more{width: 184px;height: 56px;background: #f8f8f8;text-align: center;line-height: 56px;font-size: 16px;border-radius: 5px;}
.iNews .titletab .more a{width: 100%;display: block;}
.iNews .tit{text-align: left;}
.iNews .sliderbox{padding: 70px 0px;width: 100%;overflow: hidden; border-top: 1px solid #eeeeee;}
.iNews .sliderbox .image{float: right;width: 40%;overflow: hidden;}
.iNews .sliderbox .image img{max-width: 100%;transition: 0.2s;}
.iNews .sliderbox .details{margin-right: 130px;float: left;width: calc(60% - 130px);}
.iNews .sliderbox .date{font-size: 20px;color: #666666;font-weight: bold;margin-bottom: 30px;margin-top: 15px;}
.iNews .sliderbox .title{font-size: 28px;color: #333333;line-height: 45px;margin-bottom: 25px;}
.iNews .sliderbox .summary{font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 65px;}
.iNews .sliderbox  .image img:hover{transform: scale(1.1,1.1);} 
.iNews .sliderbox :hover .title{color:#f25d22;}

.iNews ul li{width: 50%;float: left;border-top: 1px solid #eeeeee;}
.iNews ul li:nth-child(2n){padding-left: 40px;width: calc(50% - 40px);}
.iNews ul li a{display: flex;justify-content: space-between;line-height: 93px;align-items: center;}
.iNews ul li a .drop{width: 6px;height: 6px;margin-right: 35px;background: #000000;}
.iNews ul li a .title{width: 70%;font-size: 22px;}
.iNews ul li a .date{font-size: 20px;color: #666666;font-weight: bold;}
.iNews ul li:hover .drop{background:#f25d22;}
.iNews ul li:hover .title{color:#f25d22;}
.iNews ul li:hover .date{color:#f25d22;}

.iUser-box {
  margin: 30px 0 0;
}
.company-icon {
  display: flex;
}
.company-icon {
  display: flex;
}
.company-icon .company {
  flex: 0 1 850px;
  background-color: #f4f8fb;
  padding: 35px 40px 20px;
  border-radius: 10px;
  border: 2px solid #fff;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.175);
  box-sizing: border-box;
  margin-right: 20px;
  overflow: hidden;
}
.company-icon .company .mc {
  position: relative;
}
.company-icon .company .title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
  margin: 0 0 30px;
}
.company-icon .company .title-box .more {
  font-size: 14px;
  color: #9e9e9e;
}
.company-icon .company .swiper-slide {
  display: flex;
  flex-wrap: wrap;
}
.company-icon .company .swiper-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 3px;
  flex: 0 1 32%;
  height: 115px;
  margin: 0 0 20px;
}
.company-icon .company .swiper-slide a:not(:nth-child(3n)) {
  margin-right: calc(4% / 2);
}
.company-icon .company .swiper-slide a img {
  height: 90px;
}
.company-icon .company .swiper-pagination {
  width: 100%;
  bottom: -12px;
}
.company-icon .company .swiper-pagination span {
  margin: 0 3px;
}
.company-icon .company .swiper-pagination-bullet-active {
  background: #240f6c;
}
.company-icon .icon-list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.company-icon .icon-list .list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f4f8fb;
  width: 48%;
  margin-bottom: 20px;
  height: 185px;
  border-radius: 10px;
  border: 2px solid #fff;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.175);
  box-sizing: border-box;
  overflow: hidden;
}
.company-icon .icon-list .list p {
  font-size: 22px;
}
.company-icon .icon-list .list img {
  position: relative;
  top: 20px;
  right: -20px;
}
.company-icon .icon-list .list:not(:nth-child(2n)) {
  margin-right: calc(4%);
}
.company-icon .icon-list .list:nth-child(3n),
.company-icon .icon-list .list:nth-child(4n) {
  margin-bottom: 0;
}
/* 视频 */
.iVideo-iHwkp-box {
  margin: 30px 0 0;
}
.iVideo-iHwkp {
  display: flex;
}
.iVideo-iHwkp .iVideo {
  flex: 1;
}
.iVideo-iHwkp .iVideo:first-child {
  margin-right: 20px;
}
.iVideo-iHwkp .iVideo .detail {
  background-color: #f4f8fb;
  padding: 35px 40px 20px;
  border-radius: 10px;
  border: 2px solid #fff;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.175);
  box-sizing: border-box;
  min-height: 386px;
}
.iVideo .j-tab-nav {
  display: flex;
  border-bottom: 1px solid #e8e8e8;
}
.iVideo .j-tab-nav li {
  margin-right: 38px;
}
.iVideo .j-tab-nav li a {
  display: block;
  font-size: 24px;
  color: #333333;
  padding-bottom: 28px;
}
.iVideo .j-tab-nav li.current a {
  font-weight: bold;
  border-bottom: 3px solid #333333;
}
.iVideo .j-tab-con .con-item {
  display: none;
  padding: 30px 0 20px;
}
.iVideo .j-tab-con .con-item:first-child {
  display: block;
}
.iVideo .j-tab-con .con-item-ul {
  display: flex;
}
.iVideo .j-tab-con .con-item-ul li {
  flex: 0 1 48%;
  margin-right: 4%;
}
.iVideo .j-tab-con .con-item-ul li:nth-child(2n) {
  margin-right: 0%;
}
.iVideo .j-tab-con .con-item-ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.iVideo .j-tab-con .con-item-ul li a .img-full {
  margin-bottom: 25px;
  height: 170px;
  border-radius: 12px;
  overflow: hidden;
}
.iVideo2 .j-tab-con .con-item-article li {
  margin: 0 0 27px 0;
}
.iVideo2 .j-tab-con .con-item-article li:last-child {
  margin: 0 0 0 0;
}
.iVideo2 .j-tab-con .con-item-article li a {
  position: relative;
  padding-left: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.iVideo2 .j-tab-con .con-item-article li a::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e8edef;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.iVideo2 .j-tab-con .con-item-article li a .title {
  flex: 0 1 80%;
}
.iVideo2 .j-tab-con .con-item-article li:hover a::before {
  background-color: #240f6c;
}
.iXhhk-box {
  margin: 30px 0 0;
}
.iXhhk {
  padding: 0 0 50px;
}
.iXhhk .detail {
  background-color: #f4f8fb;
  padding: 35px 40px 20px;
  border-radius: 10px;
  border: 2px solid #fff;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.175);
  box-sizing: border-box;
}
.iXhhk .list {
  display: flex;
}
.iXhhk .list .item {
  flex: 0 1 calc(94% / 5);
}
.iXhhk .list .item:not(:nth-child(5n)) {
  margin-right: calc(5% / 4);
}
.iXhhk .detail p {
  padding-top: 20px;
  text-align: center;
}
.iLink-box {
  background-color: #fff;
  padding: 49px 0;
  margin: 0 0 10px;
}
.iLink {
  display: flex;
  align-items: center;
}
.iLink .mt {
  flex: 0 0 auto;
  font-size: 24px;
  color: #333;
  font-weight: bold;
  margin-right: 26px;
}
.iLink .detail {
  overflow: hidden;
}
.iLink .detail .marqueeleft {
  overflow: hidden;
}
.iLink .detail ul {
  float: left;
}
.iLink .detail ul li {
  float: left;
  margin-right: 26px;
}
.iLink .detail ul li img {
  height: 65px;
}
.iBg {
  height: 10px;
  background-color: #f6fbfe;
}

.inset {
  padding: 30px 0px;
  width: 100%;
  overflow: hidden;
}
.inset-cate {
  font-size: 30px;
  color: #191919;
  font-weight: bold;
  margin: 0 0 44px;
}

.aboutpage .title{font-size: 35px; color: #000000;margin-bottom: 30px;}
.About1{padding-top: 60px;}
.About1 .part1{display: flex;justify-content: space-between;align-items: center;}
.About1 .part1 .title{font-size: 35px; color: #000000;margin-bottom: 30px;line-height: 1;}
.About1 .part1 .pic{margin-left: 50px;}
.About1 .part2 .title{font-size: 20px; color: #000000;font-weight: bold;margin-bottom: 30px;margin-top: 50px;}
.About1 .con{font-size: 16px; color:#000000;line-height: 2;}
.About2{margin-top: 75px;}
.About2 ul{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.About2 ul li{background: #394146;width: 23%; height: 200px;position: relative;box-shadow: 0px 0px 10px 10px #eeeeee;border-radius: 15px;}
.About2 ul li .tt{position: absolute; left: 10%;top: 30px; font-size: 22px;font-weight: bold; color: #ffffff;}
.About2 ul li .line{position: absolute; left: 10%;top: 100px;width: 15px;height: 3px;background: #f25d22;border-radius: 1px;}
.About2 ul li .image{position: absolute;bottom: 30px;right: 50px;}
.About2 ul li .introduce{position: absolute; left: 10%;bottom: 20px; line-height: 30px; font-size: 18px;font-weight: bold; color: #ffffff;width: 80%;}
.About2 ul li:hover{background: #f25d22;}
.About3{width: 100%;overflow: hidden;background:url(../images/About3_bg.jpg)no-repeat center ;background-size: cover;padding: 85px 0px;margin-top: 59px;}
.About3 .pic{margin: auto;font-size: 0;line-height: 0;display: flex;justify-content: center;margin-bottom: 30px;}
.About3 .tt{text-align: center;font-size: 16px; color: #000000;}
.About3 .line{background: linear-gradient(to right,#f99a74,#ffffff);width:31px;height: 6px;border-radius: 3px;overflow: hidden;margin:30px auto; }
.About3 .shengeng{margin: auto;font-size: 0;line-height: 0;display: flex;justify-content: center;}

.About4{padding-top: 100px;}
.About4 ul{width: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.About4 ul li{width: calc(31% - 60px);float: left;margin: 0px 1%; background: #f8f8f8;height: 250px;padding: 30px;border-radius: 30px;margin-top: 20px;}
.About4 ul li .detail{display: flex; align-items: center;}
.About4 ul li .detail .image{margin-right:30px;position: relative;padding-left: 10px;}
.About4 ul li .detail .image::after{position: absolute;left: 0px;top: 0px;content: url(../images/yuan.png);z-index: -1;}
.About4 ul li .detail .title{ font-size: 20px;font-weight: bold; color: #000000;margin-bottom: 12px;}
.About4 ul li .detail .summary{ font-size: 16px;color: #666666;}
.About4 ul li .line{width: 18px;height: 4px;background: #f27a31;margin-top: 15px;margin-bottom: 20px;transition: 0.6s;}
.About4 ul li .content{line-height: 25px;overflow: hidden;height: 125px;overflow-y: scroll;}
.About4 ul li:hover .line{width: 60px;}

.About5{padding-top: 100px;}
.About5 ul{display: flex;justify-content: space-between;}
.About5 ul li{width: 48%;float: left;}
.About5 ul li .pic img{width: 100%;}

.About6{padding: 60px 0px;}
.About6 .titledes{font-size: 16px;color: #000000;max-width: 100%;line-height: 35px;}
.About6 .mySwiper2{background: url(../images/about_bg1.png)no-repeat top center;background-size:cover ;height: 600px;}
.About6 .mySwiper2::after{content:""; position: absolute;width: 100%;height: 1px;background: #d2d2d2;left: 0;top:300px}
.About6 .mySwiper2 .swiper-button-next::after, .About6 .mySwiper2 .swiper-button-prev::after{ font-size: 0;line-height: 0;}
.About6 .mySwiper2 .swiper-button-prev{
  outline: none;
  margin: 0;
  left:calc(100% - 140px);top: 175px;
  width:50px;height:50px;
  border: 2px solid rgb(215,215,215);
  border-radius: 26px;
  font-size: 0;line-height: 0;
  background: url(../images/left.jpg)no-repeat center;
}
.About6 .mySwiper2 .swiper-button-next{
  outline: none;
  margin: 0;
  left:calc(100% - 55px);top:175px;
  width:50px;height: 50px;
  border: 2px solid rgb(215,215,215);
  border-radius: 26px;
  font-size: 0;line-height: 0;
  transform: rotate(180deg);
  background: url(../images/left.jpg)no-repeat center;
}
.About6 .swiper-slide::after{content:"";position: absolute;width:20px;height: 20px;border-radius: 10px;background: #000;left: 0px;top:290px;}
.About6 .swiper-slide::before{content: "";position: absolute;height: 90px;left: 10px;bottom: 305px; border-right: 2px dashed #d2d2d2;}
.About6 .swiper-slide:nth-child(even)::before{content: "";position: absolute;height: 90px;left: 10px;top: 305px; border-right: 2px dashed #d2d2d2;} 
.About6 .swiper-slide .date{position:absolute ;width: calc(100% - 20px);left:10px; bottom: 400px; color:#000000;font-size: 28px;font-weight: bold;}
.About6 .swiper-slide .des{position:absolute ;width: calc(100% - 20px);left:10px;  bottom: 440px;font-size: 15px;line-height: 1.5;color: #000000;}
.About6 .swiper-slide:nth-child(even) .date{position:absolute ;top: 400px; }
.About6 .swiper-slide:nth-child(even) .des{position:absolute ;top: 440px; }
.article {  background-color: #fff;}
.article ul li {  margin: 0 0 13px 0; background: #f8f8f8;border-radius: 15px;}
.article ul li a {  display: flex;  align-items: center;  padding: 38px 42px;  font-size: 16px;  overflow: hidden;}
.article ul li a .image{width: 350px;font-size: 0;font-weight: 0;overflow: hidden;}
.article ul li a .image img{max-width:100%;transition: 0.6s;}
.article ul li a .detail{margin-left: 3%;margin-right: 7%;}
.article ul li a .title { font-size: 24px;color: #000000;line-height: 35px;margin-bottom: 12px;}
.article ul li a .summary{font-size: 16px;color: #666666;line-height: 2;}
.article ul li a .date {  font-size: 20px;color: #666666;line-height: 2;}
.article ul li a:hover .image img{transform: scale(1.1,1.1);}
.article ul li a:hover .title {  color: #f27a31;}

.articleshow{}
.articleshow .title{font-size: 28px;line-height: 40px;margin-bottom:25px ;color: #000;}
.articleshow .date{width: 100%;overflow: hidden;font-size: 14px; color:#999;margin-bottom: 30px;padding-bottom: 20px; border-bottom:1px solid #dedede;}
.articleshow .date p{float: left;margin-right: 14px;}


.contact_li{width: 100%;overflow: hidden;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e9e9e9;padding: 40px 0px 60px;margin-bottom: 80px;}
.contact_li li{display: flex;justify-content: center;align-items: center;}
.contact_li li .pic{margin-right: 30px;}
.contact_li li .tt{font-size: 22px;line-height: 1;margin-bottom: 12px;}
.contact_li li .con{font-size: 16px;font-weight: lighter;line-height: 1;}
.contact_li li:nth-child(3n+2){width: 32%; border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;}
#allmap{width: 100%;height: 600px;}
.xhdt {
  background-color: #fff;
  border-radius: 6px;
  padding: 58px 24px;
}
.xhdt .detail li {
  margin: 0 0 13px 0;
  background-color: #f6fbfe;
}
.xhdt .detail li a {
  display: flex;
  align-items: center;
  padding: 30px 77px 24px 35px;
  font-size: 16px;
  overflow: hidden;
}
.xhdt .detail li a .img-full {
  flex: 0 0 220px;
  height: 145px;
  margin: 0 40px 0 0;
  overflow: hidden;
}
.xhdt .detail li a .title-box {
  flex: 1 1 auto;
  margin: 0 40px 0 0;
}
.xhdt .detail li a .title-box .title {
  font-size: 18px;
  line-height: 25px;
  margin: 0 0 15px 0;
}
.xhdt .detail li a .title-box .des {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 10px 0;
  color: #999;
}
.xhdt .detail li a .title-box .date {
  margin: 0 0 4px 0;
}
.xhdt .detail li a .title-box span {
  display: inline-flex;
  width: 32px;
  height: 6px;
  border-radius: 3px;
  background-color: #240f6c;
}
.xhdt .detail li a:hover img {
  transform: scale(1.1, 1.1);
}
.xhdt .detail li a:hover {
  color: #240f6c;
}
.xhdt .detail li a:hover .des {
  color: #240f6c;
}

.pagecol { background-color: #fff;  border-radius: 6px;  display: flex;}
.pagecol .menu {  flex: 0 0 190px;  margin: 0 55px 0 0;  background-color: #240f6c;  padding: 26px 17px;  box-sizing: border-box;  border-radius: 20px;}
.pagecol .menu p {  font-size: 30px;  padding: 0 0 20px 0;  border-bottom: 1px solid #42a4b2;  text-align: center;  color: #fff;}
.pagecol .menu ul {  margin: 40px 0 0;}
.pagecol .menu ul li {  margin: 0 0 35px 0;  text-align: center;}
.pagecol .menu ul li a {  text-align: center;  color: #fff;  font-size: 18px;}
.pagecol .detail {  flex: 1;}
.pagecol .detail .detail_cate {  font-size: 30px;  padding: 0 0 23px 0;  color: #1a1a1a;  font-weight: bold;  border-bottom: 1px solid #dadada;}
.pagecol .detail .content {
  /* padding: 40px 0; */
}

/* 内页搜索 */
.picture .detail {  display: flex;  flex-wrap: wrap;}
.picture .detail li {  flex: 0 1 calc(97% / 4);  border-radius: 3px;  overflow: hidden;  margin-right: 1%;  margin-top: 40px;}
.picture .detail li:nth-child(4n) {  margin-right: 0;}
.picture .detail li .img-full { overflow: hidden;display:flex;justify-content:center;align-items:center;}
.picture .detail li .img-full img{max-width:70%;max-height:100%;}
.picture .detail li p {  text-align: center;font-size: 18px;color: #000;  margin: 20px 0 0;position: relative;padding-bottom:20px;}
.picture .detail li p::after{position: absolute;content:"";width: 30px;height: 8px;border-radius: 4px; background: #000000;left: calc(50% - 15px);bottom: 0;}
.picture .detail li:hover img {  transform: scale(1.1, 1.1);}
.picture .detail li:hover p{color:#f25d22;}
.picture .detail li:hover p::after{background: #f25d22;}

.picture1 .detail {  display: flex;  flex-wrap: wrap;}
.picture1 .detail li {  flex: 0 1 calc(97% / 4);  border-radius: 3px;  overflow: hidden;  margin-right: 1%;  margin-top: 10px;}
.picture1 .detail li:nth-child(4n) {  margin-right: 0;}
.picture1 .detail li .img-full { overflow: hidden;display:flex;justify-content:center;align-items:center;}
.picture1 .detail li .img-full img{max-width:70%;max-height:100%;}
.picture1 .detail li p {  text-align: center;font-size: 18px;color: #000;  margin: 20px 0 0;position: relative;padding-bottom:20px;}
.picture1 .detail li:hover img {  transform: scale(1.1, 1.1);}
.picture1 .detail li:hover p{color:#f25d22;}
.picture1 .detail li:hover p::after{background: #f25d22;}

.xhhk .detail {
  display: flex;
  flex-wrap: wrap;
}
.xhhk .detail li {
  flex: 0 1 calc(96% / 5);
  border-radius: 3px;
  overflow: hidden;
  margin-right: 1%;
  margin-bottom: 20px;
}
.xhhk .detail li .img-full {
  border-radius: 12px;
  height: 400px;
  overflow: hidden;
}
.xhhk .detail li .title {
  margin: 10px 0;
  text-align: center;
}
.xhhk .detail li:nth-child(5n) {
  margin-right: 0;
}
.xhhk .detail li:hover img {
  transform: scale(1.1, 1.1);
}

.video ul {
  display: flex;
  flex-wrap: wrap;
}
.video ul li {
  flex: 0 1 calc(96% / 4);
  border-radius: 3px;
  overflow: hidden;
  margin-right: 1%;
  margin-bottom: 20px;
}
.video ul li .img-full {
  border-radius: 12px;
  height: 190px;
  overflow: hidden;
}
.video ul li .title {
  margin: 10px 0;
  text-align: center;
}
.video ul li:nth-child(4n) {
  margin-right: 0;
}
.video ul li:hover img {
  transform: scale(1.1, 1.1);
}

/* 证书查询 */
.certificate-box {
  background-color: #fff;
  padding: 40px 0;
}
.certificate-box h3 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #191919;
}
.certificate-box .form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.certificate-box .cate-type {
  margin: 40px 0;
  padding: 0 160px;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
.certificate-box .cate-type .cate-item {
  margin: 0 40px 0 0;
}
.certificate-box .cate-type .cate-item a {
  font-size: 18px;
  color: #191919;
}
.certificate-box .cate-type .cate-item.cur a {
  display: block;
  padding: 15px 20px;
  color: #fff;
  background-color: #240f6c;
  border-radius: 45px;
}
.certificate-box .keywords {
  position: relative;
  width: 700px;
}
.certificate-box .keywords input {
  height: 70px;
  width: 100%;
  border-radius: 70px;
  border: 1px solid #cfcfcf;
  box-sizing: border-box;
  padding: 0 160px 0 40px;
  color: #000000;
  font-size: 16px;
}
.certificate-box .keywords button {
  position: absolute;
  right: 0;
  top: 0;
  width: 160px;
  height: 100%;
  color: #fff;
  border-radius: 70px;
  background-color: #240f6c;
  border: 0;
  font-size: 16px;
}
.certificate-box .result {
  margin: 60px 40px 0;
}
.certificate-box .result .mt {
  display: flex;
  justify-content: space-around;
  background-color: #f5f5f5;
  padding: 35px 0;
  margin: 0 0 15px 0;
}
.certificate-box .result .mt .item {
  flex: 1;
  text-align: center;
  font-size: 16px;
  color: #191919;
  font-weight: bold;
  line-height: 1.4;
}
.certificate-box .result .mc {
  display: flex;
  justify-content: space-around;
  padding: 15px 0;
}
.certificate-box .result .mc .item {
  flex: 1;
  text-align: center;
  font-size: 14px;
  color: #191919;
}

/* 底部 */
.footer { background-color: #f8f8f8;}
.footer-top .container {padding: 80px 0px 60px;  display: flex;  justify-content: space-between; align-items: center;  border-bottom: 1px solid #dbdbdb;}
.footer-top .container .left{ display: flex;  justify-content: space-between;align-items: center;}
.footer-top .container .left .con{line-height: 2;margin-left: 75px;font-size: 16px;}
.footer-top .container .left .name{font-size: 24px;color: #000000;font-weight: bold;}
.footer-top .container .qrcode{text-align: center;}
.footer-top .container .qrcode p{padding-top: 10px;}
.footer-bottom {  padding: 35px 0;}
.footer-bottom .copyright {  display: flex;  justify-content: space-between;  color: #000;}

.mypage {
  text-align: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}
.mypage .pagination {
  display: flex;
  justify-content: center;
}
.mypage li {
  display: inline-block;
  color: #333333;
  background: #eff1f4;
  border-radius: 5px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  
  margin:0px 3px;
}
.mypage li a, .mypage li span{
    padding: 0px 15px;
}
.mypage li.active {
  background: #f25d22;
  color: #ffffff;
}
.mypage .rows {
  border: none;
}