.nav-box{width:100%;height: 90px; background-color: #fff;position: fixed;top: 0;left: 0;z-index: 100;}
.nav-container{max-width: 1592px;height: 100%;margin: 0 auto;}
.nav-box .logo{height: 100%;}
.nav-box .logo a{display: flex;height: 100%;box-sizing: border-box;align-items: center;}
.nav-right{flex: 1; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.nav-box .nav> ul {display: flex; transition: all 0.5s ease-in-out; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; margin-bottom: 0; text-align: center; }
.nav-box .nav>ul>li {  text-align: center;height: 90px;display: flex;align-items: center;position: relative;}
.nav-box .nav>ul>li>a { color: #444; display: inline-block; font-size: 20px; padding: 0 45px;transition: color .3s;height:100%; line-height:90px;
position: relative;z-index:6;}
.nav-box .nav>ul>:hover>a,.nav-box .nav>ul>li.active>a{color: #fff;}
.nav-box .nav>ul>li:hover,.nav-box .nav>ul>li.active{background-color:#3F4FB5;}
/* 导航下拉 */
.nav-box .nav>ul>li .out-nav { position: absolute; left: 0; visibility: hidden;opacity: 0;top: 0; width: 100%; min-width: 100px; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; z-index:5; }
.nav-box .nav>ul>li .out-nav>span { height: 20px; line-height: 20px; position: relative; width: 100%; display: block; }
.nav-box .nav>ul>li .out-nav>span:after { content: ""; width: 0; height: 0; position: absolute; border-style: solid; 
     border-width: 8px; border-color: transparent transparent #fff transparent; left: 0px; bottom: 0; right: 0; margin: auto; }
.out-nav .items { display: flex; justify-content: space-between; align-items: stretch; background-color: #fff; width: 100%; box-shadow: 0 4px 5px rgb(0 0 0 / 10%); }
.out-nav .items .right { padding: 16px 5px; background-color: #fff; min-width: 120px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; }
.out-nav .items .right>a { display: block;font-size: 14px; padding: 8px 0; white-space: nowrap; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; text-align: center;width: 100%;}
.nav-box .nav>ul>li:hover .out-nav{visibility: visible;opacity: 1;top: 90px;}
.out-nav .items .right>a:hover{color: #3F4FB5;}
/* 微信、搜索、天猫 */
.other-item{ position: relative;display: flex;align-items: center;}
.other-item span.iconfont{font-size: 28px;color: #AAAAAA; padding: 0 45px;}
.other-item.weixin .sha_weixin { background-color: #fff; width:128px; padding: 10px; border-radius: 8px; position: absolute;top: 0; left: 50%; transform: translateX(-50%); 
     opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; 
     -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.other-item.weixin .sha_weixin img{width: 100%;}
.other-item.weixin:hover .sha_weixin{opacity: 1;top: 110px;}
.other-item.search .sha_search{position: absolute; top: 0;left: 45px;width: 200px;height: 65px; opacity: 0; padding-top: 20px;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; 
     -ms-transition: all 0.3s ease-in-out;}
.other-item.search .sha_search form{width: 100%;height: 100%;}
.other-item.search .sha_search .search-box {display: flex;padding: 10px;width: 200px; border-radius: 8px; position: absolute;background-color: #fff;box-shadow: 0 4px 5px rgb(0 0 0 / 10%); }
.other-item.search .sha_search .search-box input { display: inline-block; vertical-align: middle; font-size: 14px; width: calc(100% - 40px);height: 25px;}
.other-item.search .sha_search .search-box button { display: inline-block; vertical-align: middle; text-align: center; font-size: 20px; cursor: pointer; width: 40px; 
     color: #000; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; 
     -ms-transition: all 0.3s ease-in-out; background-color: transparent; border: none; }
.other-item.search:hover .sha_search{opacity: 1;top:90px;}
.tianmao {padding:0 20px;font-size: 20px;color: #444444;border-left: 1px solid #F2F2F2;margin-left: 8%;}
.tianmao img{width: 25px;margin-right: 10px;}   
   
 /* 手机nav */
 .trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
 .trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
 .menu-handler { display: none; overflow: hidden; width: 60px; height: 60px; cursor: pointer; position:absolute; right:0; top: 0px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index:1012; }
 .menu-handler .burger { width: 32px; height: 4px; background: #3F4FB5; display: block; position: absolute; z-index: 5; top: 18px; left: 50%; margin: 0px 0px 0px -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; /*border-radius: 3px;*/ }
 .menu-handler .burger-2 { top: 28px; }
 .menu-handler .burger-3 { top: 38px; }
 .menu-handler.active .burger-1 { top: 30px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
 .menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
 .menu-handler.active .burger-3 { top: 30px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
 /* menuBtn end */
 /* menuBox start */
 .menuBox{ position:fixed; top:-100%; right:0; left:0; height:100%; background:#666; z-index:99; overflow: hidden; overflow-y: auto;
      -webkit-overflow-scrolling: touch; display:none; }
.navMobile{ padding-top:60px; }
.navMobile dd a { display: block; position: relative; padding:15px; font-size:16px; color: #fff; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd p a{ border-bottom:1px solid #4a4a4a; }
.navMobile dd p .dot{ width:6px; height:6px; border:2px solid #fff; border-radius:100%; position:absolute; top:50%; margin-top:-5px; right:15px; opacity:0; transform:translateX(-10px); -webkit-transform:translateX(-10px); transition:300ms; -webkit-transition:300ms; }
.navMobile dd p a:hover,.navMobile dd p a.act{ background:#3F4FB5; }
.navMobile dd p a:hover .dot,.navMobile dd p a.act .dot{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0);  }
.navMobile dd .mtnav .aw{ width:7px; height:12px;  position:absolute; right:15px; top:50%; margin-top:-4px; transform-origin:right center; -webkit-transform-origin:right center; transform:scale(0.8); -webkit-transform:scale(0.8); }
.navMobile dd .mtnav{ display:none; overflow:hidden; }
.navMobile dd .mtnav a{ float:left; width:50%; padding:0; float:left; border-bottom:1px solid #666; background:#515151; }
.navMobile dd .mtnav a p{ padding:15px; border-right:1px solid #666; }
.mlangbox{ margin-top:40px; padding:0 15px; color:#fff; }
.mlangbox a{ color:#fff; }

/* 首页 */

/* 第一屏 */
.section1 .banner-box{width:100vw;height: 100vh;padding-top: 90px;position: relative;}
.section1 .banner-box .banner {width: 100vw;height: 100%;}
.section1 .banner-box .banner.mobile{width: 100vw;height: 100vh;}
.section1 .banner-box .banner .swiper-container{width: 100vw;height: 100%;}
.section1 .banner-box .banner.pc .swiper-container .swiper-slide{width: 100vw!important;}
.section1 .swiper-slide a{width: 100vw;height: 100%;display: block;}
.section1 .banner-box  .swiper-slide img{width: 100vw; height:100%;}
.section1 .banner.mobile  .swiper-slide img{width: 100vw; height:100%;}
.banner .next-btn, .banner .prev-btn{position: absolute; top: 50%; width: 50px; height: 75px; margin-top: -37.5px; z-index: 10; cursor: pointer; display: none;}
.banner .prev-btn{left: 0;background: url(../images/bprev.png) no-repeat; }
.banner .next-btn{ right:17px;background: url(../images/bnext.png) no-repeat; }
.banner:hover .prev-btn,.banner:hover .next-btn{display: block;}  
.section1 .mouse-box{position: absolute;bottom: 35px;text-align: center;color: #fff;width: 100%;font-size: 14px;z-index: 9;}
.section1 .mouse-box img{animation: 2s down infinite;}
.section1 .mouse-box div{opacity: 0.651;padding-top: 10px;}
.banner.mobile{display: none;}
@keyframes down {
     0% { transform: translateY(-20px);opacity: 0.6;}
     50% { transform: translateY(0);opacity: 1;}
     100% { transform: translateY(-20px); opacity: 0.6;}
   }


/* 第二屏 */

.video-box { width: 100%; position: relative; cursor: pointer; }
.video-box.origin { height: 700px; background-repeat: no-repeat; background-attachment: fixed; background-position: left top; background-size: 100% 700px; }
.video-box.origin .video-img { font-size: 50px; color: #fff; padding-top: 270px; background: transparent url(../img/play.png) no-repeat center 370px; background-size: 60px 60px; }
.video-box video { width: 100%; height: 100%; object-fit: fill; }
.video-box .video-img { overflow: hidden; text-align: center; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: transparent url(../img/play.png) no-repeat center; background-size: 60px 60px; color: #fff; font-size: 60px; z-index: 3; }
.video-box .video-img img { position: relative; z-index: 2; height: 100%; width: 100%; object-fit: cover; }
.video-txt .title { padding-top: 134px; font-size: 50px; color: #333; }
.video-txt .content { font-size: 20px; line-height: 30px; color: #666; padding: 20px 30% 65px; }
.text-box.col-12 { padding-bottom: 55px; }   
/*.video-sy-w { position: relative; width: 100%; padding-top: 52%; }*/
.video-sy-w { position: relative; width: 100%;height:calc(100vh - 90px); }
.video-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; }
.video-i-w .video-js { width: 100%; height: 100%;padding-top:0; }
.bg-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.bg-mask img { width: 100%; height: 100%; object-fit: cover; }
.index-video-info { display: flex; flex-direction: column; justify-content: center; text-align: center; }
.index-video-info .videoTxtSy { font-size: 3.125vw; color: #fff; margin-top:-10vw; }
.index-video-info .videoPlayImg { display: block; opacity: 0.7; margin: 0 auto; margin-top: 15px; width: 7.083vw; height: 1.719vw; }
.index-video-info .videoPlayImg:hover { opacity: 1; }
.index-video-info .videoPlayImg.en{ width:11.3vw; height:1.97vw; }
.change-box .img-box{ background: none; }
/* 固定居中播放器 */
.fixed-video-box { position: fixed; display: none; left: 50%; top: 50%; width: 900px; height: 600px; margin-left: -450px; margin-top: -300px; z-index: 99999; }
.fixed-video-box.full { width: 100vw; height: 100vh; left: 0; top: 0; margin: 0; padding-bottom: 0; }
.fixed-video-box.full .video-js .vjs-control-bar { position: fixed; }
.fixed-video-box .close-box { position: absolute; right: 15px; top: 0; width: 4.167vw; height: 4.167vw; background: url('../images/searchClose.png') no-repeat center; background-size: 4.167vw 4.167vw; z-index: 100000; cursor: pointer; }
.change-box { position: absolute; right: 3%; bottom: 2%; z-index: 12; }
.change-box ul li { float: left; }
.change-box ul li > div { width: 11.198vw; height: 8.333vw; padding-top: 0.521vw; position: relative; margin-left: 0.573vw; display: flex; flex-direction: column; justify-content: flex-end; }
.change-box ul li > div .progress { background: #a9a4a5 !important; }
.change-box ul li > div .num { display: none; position: absolute; left: 0; bottom: 1.302vw; height: 1.042vw; font-size: 0.729vw; color: #a39ea0; }
.change-box ul li > div .num span { font-size: 1.042vw; color: #cd0000; }
.change-box ul li > div .hover-title { display: none; width: 100%; text-align: center; position: absolute; left: 0; white-space: nowrap; font-size: 0.729vw; top: 0; color: #a9a4a5; overflow: hidden; text-overflow: ellipsis; }
.change-box ul li > div .img-box { display: none; width: 100%; text-align: center; position: absolute; left: 0; color: #4c4c4c; bottom: 0.677vw; height: 5.99vw; }
.change-box ul li > div .img-box video { object-fit: fill; }
.change-box ul li > div:hover .img-box, .change-box ul li > div:hover .hover-title { display: block; }
.bg-danger { background-color: #dc3545 !important; }
.progress-bar { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; 
     background-color: #007bff; transition: width .6s ease; }
.progress { height: 1rem; line-height: 0; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem; }
.progress, .progress-bar { display: -ms-flexbox; display: flex; overflow: hidden; }
.img-box .video-js{ width:100%; }
.fixed-code{ display:none;}

.img-box .video-js{ width:100%; }

.video-mobile{display: none;}
.videoBanner{position: relative;}
.video-banner-item { width: 100%; font-size: 12px; color: #fff;height:100vh; } 
.video-banner-item .overLayer { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.25); }
.video-banner-item .titleWrapper { position: relative; z-index: 1; padding-top: 260px; }
.video-banner-item .index-title { margin: 0 auto; padding: 0 17px; font-size: 24px; line-height: 36px; text-align: center; font-weight: 300; word-wrap: break-word; }
.video-banner-item .playIcon { position: relative; z-index: 1; display: inline-block; width: 59px; height: 59px; background-size: cover; display: block; 
     margin: 24px auto 0; background-image:url(../images/mo-play.png)}

.videoBanner  .pagination { position: absolute; bottom: 0; z-index: 9; height: 15px; font-size: 12px; color: #b5b2b3; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.videoBanner  .pagination .num.active-num { font-size: 19px; height: 15px; line-height: 15px; color: #cd0000; }
.videoBanner  .pagination .line { height: 12px; line-height: 12px; margin: 0 7px; }
.videoBanner  .pagination .num  { height: 10px; line-height: 10px; }
.videoBanner  .lineWrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; 
     flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; 
     justify-content: space-between; position: relative; padding: 0 21px; bottom: 43px; z-index: 9; }
.videoBanner  .lineWrapper .line{  width: 100px; height: 2px; background: rgba(0,0,0,.15); }
.videoBanner  .lineWrapper .line.active { background: #cd0000; }


.ant-modal-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0,0,0,.45); filter: alpha(opacity=50); }
.ant-modal-wrap.video { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.ant-modal-centered { text-align: center; }
.ant-modal-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; overflow: auto; outline: 0; -webkit-overflow-scrolling: touch; }
.ant-modal-centered::before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ""; }
.ant-modal-wrap.video .ant-modal { width: 100vw !important; max-width: unset; }
.ant-modal-centered .ant-modal { -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; top: 0; display: inline-block; text-align: left; vertical-align: middle; 
  margin: 8px auto; box-sizing: border-box; color: #393939; font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: "tnum";
   position: relative;  padding: 0 0 24px; pointer-events: none; }
.ant-modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.15); 
     pointer-events: auto; background: #000; }
.ant-modal-close { position: absolute;top: -69px; right: 0;  display: block; width: 56px; height: 56px; font-size: 16px; font-style: normal; line-height: 56px; text-align: center;
      text-transform: none; text-rendering: auto; }
#fixedPlay video.vjs-tech{height:87%!important;}


/* 第三屏 */
.section3 .max-wid { width: 84%; max-width: 1600px; margin: auto; }
.section3 .wrap { width: 100%;  z-index: 10; overflow: hidden;  padding-bottom: 1rem;margin-top: 80px;}
.section3 .wrap .content-box h1{ font-size: 56px; color: #444444;padding-bottom: 25px;}
.section3 .wrap .content-box .sub-tit{font-size: 18px; color: #444444; }
.section3 .wrap .content-box ul{padding-top: 105px;width:540px;}
.section3 .wrap .content-box ul li{margin-bottom: 30px;}
.section3 .wrap .content-box ul li .icon-box{width: 61px; height: 61px; background: #325EAE; border-radius: 50%;color: #fff;}
.section3 .wrap .content-box ul li .icon-box .iconfont{font-size: 32px;}
.section3 .wrap .content-box ul li .cont-box{padding-left: 20px;flex:1;}
.section3 .wrap .content-box ul li .cont-box .tit{font-size: 28px;color: #333;padding-bottom: 15px;}
.section3 .wrap .content-box ul li .cont-box .tit span{font-size: 48px;color: #4957A5;line-height: 1;}
.section3 .wrap .content-box ul li .cont-box .cont{font-size: 16px;color: #444444;line-height:1.6;}

.section3 .wrap .col.c2 { width: 50%; position: relative;margin:88px 0 ; margin-right: 60px; }
.section3 .wrap .col.c2 .photo-box { position: relative; z-index: 4; width: 30vw; height: 30vw; margin: auto; }
.section3 .wrap .col.c2 .photo-box .pic { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 10; pointer-events: none; display: none; 
     animation-duration: 1.2s; }
.section3 .wrap .col.c2 .photo-box .pic>img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: auto; width: 64%; z-index: 10; max-width: 480px; }
.section3 .wrap .col.c2 .photo-box .pic .shadow-1 { position: absolute; left: 10%; top: -18%; z-index: 5; width: 82%; }
.section3 .wrap .col.c2 .photo-box .pic .shadow-2 { position: absolute; left: 10%; top: 56%; z-index: 5; width: 56%; }
/* .section3 .wrap .col.c2 .photo-box .pic:nth-of-type(3)>img { width: 70%; position: relative; z-index: 10; left: 15%; top: 15%; } */
.section3 .wrap .col.c2 .photo-box .pic.on { display: block; opacity: 1; z-index: 12; pointer-events: auto; }
.section3 .wrap .col.c2 .line-box { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 4; transition: all 0.3s ease-in-out; 
     -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.section3 .wrap .col.c2 .line-box .svg-box { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.section3 .wrap .col.c2 .line-box .svg-box svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.section3 .wrap .col.c2 .line-box .svg-box svg#cir_1 { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; 
     -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition-delay: 1s; width: 100%; transform: scale(0.8); -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); }
.section3 .wrap .col.c2 .line-box .svg-box svg#cir_1 path { fill: transparent; stroke: rgba(73, 87, 165, 0.9); }
.section3 .wrap .col.c2 .line-box .svg-box svg#cir_2 { transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; 
     -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition-delay: 0.8s; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); 
     -o-transform: scale(1); -ms-transform: scale(1); opacity: 0.2; }
.section3 .wrap .col.c2 .line-box .svg-box svg#cir_2 path { stroke-dasharray: 4px; fill: transparent; stroke: #4957A5; transition-delay: 0.8s; }
.section3 .wrap .col.c2 .line-box .svg-box svg#cir_3 { transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; 
     -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition-delay: 0.6s; transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); 
     -o-transform: scale(1.3); -ms-transform: scale(1.3); opacity: 0.2; }
.section3 .wrap .col.c2 .line-box .svg-box svg#cir_3 path { stroke-dasharray: 4px; fill: transparent; stroke: #4957A5; transition-delay: 0.8s; }
.section3 .wrap .col.c2 .time-move { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 30vw; height: 30vw; z-index: 5; /*transform: translate(-2px, -3px);*/
overflow: hidden; }
.section3 .wrap .col.c2 .time-box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 30vw; z-index: 6; }
.section3 .wrap .col.c2 .time-box .time-dot { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.section3 .wrap .col.c2 .time-box .time-dot>li { width: 0.1rem; height: 0.1rem; border-radius: 50%; line-height: 0.1rem; text-align: center; position: absolute; top: 0; bottom: 0; 
     left: 0; right: 0; margin: auto; } 
.section3 .wrap .col.c2 .time-box .time-dot>li>em { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; border-radius: 50%; background-color: #4957A5; }
.section3 .wrap .col.c2 .time-box .time-dot>li>em img{width: 80%;height: 80%;border-radius: 50%;display: none;} 
.section3 .wrap .col.c2 .time-box .time-dot>li>.circle { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 4; transform: scale(3); -webkit-transform: scale(3); 
     -moz-transform: scale(3); -o-transform: scale(3); -ms-transform: scale(3); background-color: #4957A5; opacity: 0.3; border-radius: 50%; }
.section3 .wrap .col.c2 .time-box .time-dot>li>.back{display: none;}

.section3 .wrap .col.c2 .time-box .time-dot>li.on { width: 0.4rem; height: 0.4rem;  line-height: 0.4rem; text-align: center; position: absolute; top: 0; bottom: 0; 
          left: 0; right: 0; margin: auto; }
.section3 .wrap .col.c2 .time-box .time-dot>li.on>em { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10;
      border-radius: 50%; background-color: rgba(73, 87, 165, 0.77);display: flex;align-items: center;justify-content: center; }
.section3 .wrap .col.c2 .time-box .time-dot>li.on>em img{width: 80%;height: 80%;border-radius: 50%;display: block;}    
.section3 .wrap .col.c2 .time-box .time-dot>li.on>.circle { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 4; transform: scale(1.4); -webkit-transform: scale(1.4); 
     -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); background-color: #4957A5; opacity: 0.18; border-radius: 50%;
 }
.section3 .wrap .col.c2 .time-box .time-dot>li.on>.back{ position: absolute; width: 250%; height: 250%; top: -75%; left:-75%; z-index: 3;background: url(../images/bg3.png);
     background-size: cover;display: block;}
 .scaleIn { animation-name: scaleIn; }
 @keyframes scaleIn {
    0% {
      opacity: 0;
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
    }

    100% {
      opacity: 1;
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
    }
} 


/* 第四屏 */  
.swiper-container.mySwiper2 { width: 100%; height: 100vh }
/* .swiper-container.mySwiper2 .swiper-slide{width: 100vw!important;} */
.swiper-container.mySwiper2 .water-intro { position: absolute; left: 0; top: 0; padding-top: 18vh; padding-left: 8.333vw; width: 100%; text-align: left;display: flex; justify-content: space-between; }
.swiper-container.mySwiper2 .water-intro .LinkMoreBtn { margin-top: 2.083vw; min-width: 14.688vw; border-color: #fff }
.swiper-container.mySwiper2 .water-intro .LinkMoreBtn:hover { border: 1px solid #4957A5;background-color:#4957A5;}
.swiper-container.mySwiper2 .water-intro .LinkMoreBtn>span { color: #fff }
/*.swiper-container.mySwiper2 .water-intro .LinkMoreBtn:hover span {color:#4957A5;}*/
.swiper-container.mySwiper2 .water-intro .LinkMoreBtn>span:after { background: url(../images/linkMore.png) no-repeat 50%; background-size: 1.302vw 1.302vw }
.swiper-container.mySwiper2 .water-intro>div.left { width: 36vw }
.swiper-container.mySwiper2 .water-intro .right { margin-top: 2.604vw; padding-right: 8.333vw; position: relative }
.swiper-container.mySwiper2 .water-intro .right .content { width: 26.042vw; color: #fff; font-size: 0.83vw; line-height: 1.8; text-align: justify; }
.swiper-container.mySwiper2 .water-intro .right:before { content: ""; position: absolute; left: 0; top: -2.083vw; width: 1.2vw; height: 3px; background-color: #FEC107 } 
.swiper-container.mySwiper2 .water-intro .title { width: 100%; font-size: 2.865vw; color: #fff; white-space: pre-line; word-break: break-all }
.swiper-container.mySwiper2 .swiper-button-next.ig, .swiper-container.mySwiper2 .swiper-button-prev.ig { margin: 0 !important; width: 22px; height: 22px; background-color: #fff;
      border-radius: 50%; background-image: none; z-index: 99999; transition: all .5s }
.swiper-container.mySwiper2 .swiper-button-next.ig:after, .swiper-container.mySwiper2 .swiper-button-prev.ig:after { content: attr(attr-name); display: block; font-size: .729vw;
    margin-left: -6px; color: #eaeaea; width: 100px; text-align: left;box-sizing: border-box; position: absolute;  left: 0; bottom: -100%;}
.swiper-container.mySwiper2 .swiper-button-next.ig:hover, .swiper-container.mySwiper2 .swiper-button-prev.ig:hover { transform: scale(1.2) }
.swiper-container.mySwiper2 .swiper-button-next.ig>div.ig, .swiper-container.mySwiper2 .swiper-button-prev.ig>div.ig { position: absolute;top:2px ;left: 2px;width: 18px;
      height: 18px; background-color: #fff; border: 5px solid #FEC107; border-radius: 50%;}
.swiper-container.mySwiper2 .swiper-button-prev { left: 15.625vw; top: -.26vw }
.swiper-container.mySwiper2 .swiper-button-next { right: 15.625vw; top: .781vw !important }
.swiper-container.mySwiper2 .mySwiper2-img { width: 100%; height: 100%; object-fit: cover }
.swiper-container.mySwiper2 .waterCurve { width: 100%; height: 4.948vw; position: absolute; left: 0; top: 70vh; z-index: 9; background: url(../images/waterCurve.6dcc0989.png) no-repeat 0 0; 
     background-size: 100% }
.swiper-container.mySwiper2 .current-water-name { margin-left: -2.604vw; position: absolute; bottom: -100%; left: 50%; z-index: 13; width: 5.208vw; height: 2.083vw;
      font-size: 1.042vw; color: #fff; text-align: center }
.swiper-container.mySwiper2 .w-index-total { position: absolute; right: 9.063vw; bottom: 16%; font-size: 1.042vw; line-height: 1; color: #fff }
.swiper-container.mySwiper2 .w-index-total .w-index { font-size: 1.25vw }
.swiper-container.mySwiper2 .w-index-total .w-totle { font-size: 1.042vw }
.swiper-container.mySwiper2 .current-water { position: absolute; left: 50%; top: 2.083vw; z-index: 10; width: 5.208vw; height: 5.208vw; margin-left: -2.604vw; border-radius: 50%; border: 2px solid #fff; overflow: hidden }
.swiper-container.mySwiper2 .current-water img { width: 100%; height: 100%; object-fit: cover }
.swiper-container.mySwiper2 .current-water:before { content: ""; position: absolute; left: 50%; top: 50%; width: .6vw; height: .6vw; background-color: #FEC107; border-radius: 50%;transform: translate(-50%,-50%); }
.linkMore { display: inline-block; border: 1px solid #7a7a7c; min-width: 11.563vw; padding: 0 1.667vw; font-size: 1.042vw; line-height: 3.385vw; text-align: center;  vertical-align: middle; color: #666; cursor: pointer; }
.linkMore span { font-size: 1.042vw; vertical-align: middle; cursor: pointer; }    
.linkMore span::after { content: ""; display: inline-block; vertical-align: middle; width: 1.302vw; height: 1.302vw; margin-left: 0.208vw; background: url(../img/readMore.png) no-repeat center; background-size: 1.302vw 1.302vw; }

/* 第五屏 */   
.section5{background: #fff url(../images/section5.png) no-repeat ;background-size: cover; box-sizing: content-box;}
.section5 .wrap{max-width: 1592px;margin: 0 auto;padding: 80px 0 80px 0;}
.section5 .title-box{display: flex;justify-content: space-between;}
.section5 .title-box h1{font-size: 56px;color: #444444;padding-bottom: 25px;}
.section5 .title-box .cont{ font-size: 18px;color: #444444;line-height: 1.778;max-width: 600px;}
.section5 .title-box ul li{width:131px ;height:131px ;position: relative;font-size: 18px;color: #333;margin-right: 15px; display: flex;align-items: center;justify-content: center;cursor: default;}
.section5 .title-box ul li span{position: relative;z-index: 1;}
.section5 .title-box ul li::after{content:""; width:131px ;height:131px ;background-image: url(../images/section5-li.png);background-size: cover;position: absolute;left: 0;top: 0;z-index: 0;display: none;}
.section5 .title-box ul li.active,.section5 .title-box ul li:hover{color: #fff;}   
.section5 .title-box ul li.active::after,.section5 .title-box ul li:hover::after{display: block;animation: navScale 2s infinite;}
.section5 .pro-swiper {padding-top: 45px;width: 100%;}
.section5 .pro-swiper .swiper-slide{display: flex;justify-content: center;align-items: center;}
.section5 .pro-swiper .name{font-size: 24px;color: #000;padding-right: 120px;display: flex;align-items: center;}
/*.section5 .pro-swiper .name i{display: inline-block; width: 23px; height: 23px;border:1px solid #000;border-radius: 50%;margin-right: 10px;}*/
.section5 .pro-swiper .pic{width: 280px;}
.section5 .pro-swiper .cont-box{padding-left: 100px;font-size: 16px;color: #666;line-height: 2;width: 430px;}
.section5 .pro-swiper .cont-box a{display: flex;justify-content: center;align-items: center; width: 163px; height: 38px;border:1px solid #000;font-size: 14px;color: #666;margin-top: 25px;}
.section5 .pro-swiper .cont-box a i{font-size:18px;margin-left:5px;}
.section5 .pro-swiper .cont-box a:hover{background-color:#4957A6;color:#fff;border:1px solid #4957A6;}
.section5 .nav-swiper{position: relative;padding: 0 150px;margin-top: 75px;}
.section5 .nav-swiper .swiper-container{position: relative;z-index: 1;}
.section5 .nav-swiper .swiper-slide{text-align: center;}
.section5 .nav-swiper .swiper-slide img{height: 144px;}
.section5 .nav-swiper .swiper-slide .name{font-size: 16px;color: #000;padding-top: 20px;}
.section5 .nav-swiper .next-btn,.section5 .nav-swiper .prev-btn{width: 49px; height: 49px; border: 2px solid #4957A5;display: flex;align-items: center;justify-content: center; position: absolute;top: 50%;transform: translateY(-50%);color: #4957A5;font-size: 20px;}
.section5 .nav-swiper .prev-btn{left: 0;}
.section5 .nav-swiper .next-btn{ right:0; }
.section5 .nav-swiper .next-btn.swiper-button-disabled,.section5 .nav-swiper .prev-btn.swiper-button-disabled{ border: 2px solid #999;color: #999;}
.section5 .nav-swiper .next-btn:hover,.section5 .nav-swiper .prev-btn:hover{background-color: #4957A5;color: #fff;}
.section5 .nav-swiper .next-btn.swiper-button-disabled:hover,.section5 .nav-swiper .prev-btn.swiper-button-disabled:hover{border: 2px solid #999;color: #999;background-color:#fff;}
.section5 .nav-swiper .bottomYuan{position: absolute; width: 160px;height: 160px;background-image: url(../images/bottomYuan.png);background-size: cover;left: 190px;top: 0;  transition: all 0.3s ease;}

   
@keyframes navScale {
     0% {
          opacity: 1;
          transform: scale(1);
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -ms-transform: scale(1);
     }
     50% {
          opacity: 0.8;
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1);
          -ms-transform: scale(1.1);
     }
 
     100% {
          opacity: 1;
          transform: scale(1);
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -ms-transform: scale(1);  
     }
 } 
/* 第六屏 */
.section6{background: #fff url(../images/section6.png) no-repeat left bottom;box-sizing: content-box;background-size:100% 100%;}
.section6 .wrap{max-width: 1592px;margin: 0 auto;padding: 60px 0 100px 0;}
.section6 .title-line{margin-bottom: 65px;color: #444444;}
.section6 .title-line .title{font-size: 56px;padding-bottom: 35px;}
.section6 .title-line .sub-tit{font-size: 18px;}  
.section6 .title-line a{width: 220px; height: 65px; border: 1px solid #7A7A7C;font-size: 18px;color: #666666}
.section6 .title-line a .iconfont{color: #AAAAAA;font-size: 24px;padding-left: 10px;}
.section6 .title-line a:hover{background-color:#4957A6;color:#fff;border:1px solid #4957A6;}
.section6 .title-line a:hover .iconfont{color: #fff;}
.news-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news-list li{width: 30%;margin-bottom: 90px;}
.news-list li a{display: block;width: 100%;}
.news-list li .pic-box{width: 100%;overflow: hidden;}
.news-list li .pic-box img{width: 100%;transition: all .3s;}
.news-list li .cont-box{padding-top: 25px;}
.news-list li .cont-box .tit{font-size: 20px;font-weight: bold; color: #000000;margin-bottom: 20px;}
.news-list li .cont-box .cont{font-size: 16px;color: #666666;line-height: 1.6;}
.news-list li .cont-box .time-line{font-size: 16px;color: #666;padding-top: 35px;}
.news-list li .cont-box .time-line .more span{ width: 20px;height: 20px;border-radius: 50%;background-color: #4957A5;color: #fff;font-size: 12px;text-align: center;
     line-height: 20px;margin-left: 10px;display: none;}
.news-list li:hover  .pic-box img{transform: scale(1.1);}
.news-list li:hover .cont-box .time-line .more{color: #4957A5;}
.news-list li:hover .cont-box .time-line .more span{display:block;}
.news-list li:hover .cont-box .tit{color: #4957A5;}

/* 底部 */

.foot{width: 100%;background-color: #EBEBEB;}
.foot .wrap{max-width: 1592px;margin: 0 auto;padding-top: 55px;}
.foot .wrap .infor-box{width: 26%;}
.foot .wrap .infor-box h1{padding-bottom: 20px;}
.foot .wrap .infor-box div{font-size: 14px;color: #4c4c4c;line-height: 2;}
.foot .wrap .infor-box .phone-num{font-size:32px;color:#4c4c4c;line-height:1;padding-bottom:10px;}
.foot .wrap .infor-box .code-list{padding-top: 30px;}
.foot .wrap .infor-box .code-item{position: relative;margin-right: 15px;}
.foot .wrap .infor-box .code-item:last-of-type{margin-right:0;}
.foot .wrap .infor-box .code-item a{width: 44px;height: 44px;border-radius:50%;display: flex;align-items: center;justify-content: center;font-size: 24px;color: #A6A6A6;border: 1px solid #C4C4C4;}
.foot .wrap .infor-box .code-item a:hover{color: #3F4FB5;border: 1px solid #3F4FB5;}
.foot .wrap .infor-box .code-item .code-box{width: 190px;height: 190px;position: absolute;left: 50% ;top:-200px;transform:translateX(-50%);  display: none;}
.foot .wrap .infor-box .code-item .code-box img{width: 100%;height:  100%;}
.foot .wrap .infor-box .code-item:hover .code-box{display: block;}
.foot .wrap .link-box{width: 74%;}
.foot .wrap .link-box li.tit{font-size: 20px;color: #000;margin-bottom: 35px;}
.foot .wrap .link-box li a{font-size: 16px;color: #808080;margin-bottom: 25px;}
.foot .foot-bottom{padding: 50px 0 30px 0;font-size: 14px;color: #888888;}
.foot .foot-bottom a{font-size: 14px;}
.section.foot .fp-tableCell{ display: block!important;}/* 修改最后一屏display属性 */ 

/* 企业介绍 */
.inner-banner{position: relative;width: 100%;padding-top:90px;}
.inner-banner .pic-box {width: 100%;position: relative;}
.inner-banner .pic-box img{width: 100%;}
.inner-banner .pic-box img.mobile{display: none;}
.inner-banner .pic-box .cont-box{width:100%;height:100%;position: absolute;left:0;top: 0;}
.inner-banner .pic-box .cont-box .wrap{max-width: 1590px;height: 100%;margin: 0 auto;position:relative;}
.inner-banner .pic-box .cont{font-size:48px;color: #FFFFFF;text-shadow: 0px 5px 4px rgba(0, 0, 0, 0.17); font-weight: bold;
    position: absolute;left:0;top: 50%;transform: translateY(-50%);
}
     

.inner-banner .nav-line{width: 100%;border-top: 1px solid rgba(255, 255, 255, .38);position: absolute;left: 0;bottom: 0;}
.inner-banner .nav-line ul{width: 100%; overflow-x: scroll; white-space:nowrap;padding-left: 9%;  scrollbar-width: none;}
.inner-banner .nav-line ul::-webkit-scrollbar{display: none;}
.inner-banner .nav-line ul li{margin-right: 85px;display: inline-block; height: 52px; line-height: 52px; }
.inner-banner .nav-line ul li a{color: #fff;height: 52px;line-height: 52px;font-size: 16px;}
.inner-banner .nav-line ul li.active,.inner-banner .nav-line ul li:hover{border-bottom: 2px solid #fff;}
 
.intro-box{background-color: #fff;padding-top: 100px;padding-left: 9%;position: relative; padding-bottom: 10vw;}
.intro-box .content-box{width:45%;}
.intro-box .content-box h1{margin-bottom: 4.4vw;}
.intro-box .content-box .title{font-size: 2.4vw;color: #4957A5;line-height: 2;}
.intro-box .content-box .title span{display: inline-block; border-bottom: 1px solid rgba(102,102,102,.27);}
.intro-box .content-box .cont-box{padding-top: 65px;padding-bottom: 90px;font-size: 16px;color: #333333;line-height: 2;}
.intro-box .content-box .cont-box span{color: #4957A5;font-weight: 700;}
.intro-box .about-num{display: flex;flex-wrap:wrap ;justify-content: space-between; padding-bottom: 60px;width: 35vw;} 
.intro-box .about-num .num-item{margin-bottom: 4.7vw; text-align: center;width: 12.5vw;}
.intro-box .about-num .num-item .num-shu{color: #4957A5;display: inline-block;position: relative;}
.intro-box .about-num .num-item .num-shu span{font-size: 4.7vw;line-height: 1; font-family: Bookman Old Style;}
.intro-box .about-num .num-item .num-shu i{position: absolute;bottom: 10px;right:-45px;font-size: 20px;width: 40px;text-align: left;}
.intro-box .about-num .num-item .num-cont{font-size: 18px;color: #333;line-height: 2;}

.intro-box .intro-pic{position: absolute;right: 0;top: 100px;width: 46%;}

.intro-box .pic-box{position: absolute;right: 0;top: 100px;width:  33vw;}
.intro-box .pic-box .back{width: 100%;}
.intro-box .pic-box .back.back2{display: none;}
.intro-box .pic-box ul{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.intro-box .pic-box ul li{width: 7vw; height: 7vw;border-radius: 50%;position: absolute;transition: all .3s;}
.intro-box .pic-box ul li img{width: 100%;height: 100%;}
/* .intro-box .pic-box ul li.p1{right: 50%;top: 0;transform: translate(-50%,50%);} */
.intro-box .pic-box ul li.p1{right: 40%;top: 0;}
.intro-box .pic-box ul li.p2{left:0;top: 50%;transform: translate(-50%,-50%);width: 33.3vw; height:  33.3vw;}
/* .intro-box .pic-box ul li.p3{right: 50%;bottom:0;transform: translate(-50%,-50%);} */
.intro-box .pic-box ul li.p3{right: 40%;bottom:0;}


.development-box{background: #F5F5F5 url(../images/development-box.png) no-repeat left bottom;padding-top: 5.2vw;padding-bottom:300px;
background-size:100%}
.development-box .title{font-size: 2.4vw;font-weight: bold;padding-bottom: 2.6vw;text-align: center;}
.development-box .content{font-size: 1.3vw;color: #666666;line-height: 1.8;text-align: center;width: 52vw;margin: 0 auto;}
.development-nav{padding-top: 2.9vw;display: flex;justify-content: center;}
.development-nav li{width: 21vw; height: 5.7vw;text-align: center;font-size: 0.94vw;color: #fff;background: #CCCCCC;margin-right: 20px;
cursor:default;}
.development-nav li .time{font-size: 1.88vw;font-weight: bold;line-height: 2;}
.development-nav li.active,.development-nav li:hover{background: #4957A5;}
.development-nav li:last-of-type{margin-right: 0;}
.development-swiper li{display: none;}
.his-banner1-wrap { overflow: hidden; position: relative; margin: 0 auto; }
.his-banner1-wrap .his-banner1 { overflow: hidden; }
.his-banner1 .swiper-slide { transition: all .5s ease; }
.his-banner1-wrap .swiper-slide { background: #fff; }
.his-banner1-wrap .contents { padding: 44px 40px 32px; }
.his-banner1-wrap .banner-title1 { color: #333; font-size: 26px; line-height: 30px; margin-bottom: 20px; }
.his-banner1 .scroll-wrapper { position: relative; height: 212px; }
.his-banner1-wrap .scroll-wrap { width: 100%; height: 212px; }
.his-banner1-wrap .banner-detail { color: #606060; font-size: 14px; line-height: 30px; height: 212px;overflow-y:scroll;scrollbar-width: none; }
.his-banner1-wrap .banner-detail::-webkit-scrollbar {display:none}
.his-banner1-wrap .swiper-slide:after { content: ""; display: block; position: absolute; width: 0; height: 0; border-width: 12px; border-style: solid;
     border-color: #4957A5 transparent transparent #4957A5; opacity: 0; bottom: 0; right: 0; transition: all .5s ease; }
/*.his-banner1-wrap .swiper-slide:hover::after{opacity: 1;}*/
.his-btns { position: absolute; z-index: 3; height: 1px; overflow: visible; width: 100%; left: 0; top: 50%; }
.his-btns .prev { left: 20px; background-image: url(../images/prev4.png); }
.his-btns .next { right: 20px; background-image: url(../images/next4.png); }
.his-btns .btn { position: absolute; display: block; top: -23px; width: 24px; height: 46px; cursor: pointer; background-position: center !important; 
    background-size: 100% !important; background-repeat: no-repeat !important; transition: all .5s ease; }
.his-banner2-wrap { overflow: hidden; position: relative;margin:60px auto 70px auto;padding-bottom: 8px; }
.his-banner2-wrap .his-banner2 { overflow: hidden; padding-top: 40px; background: url(../images/bg11.png) bottom left; background-repeat: repeat-x; }
.hd03 { margin-top: 15px; width: 100%; text-align: center; }
.his-banner2-wrap .swiper-pagination-progressbar-fill { background: #4957A5 !important; }
.por { position: absolute; top: 0; width: 100%; left: 0; }
.his-banner2-wrap .s-poa-wrap { position: absolute; width: 100%; height: 16px; left: 0; bottom: 0; line-height: 26px; }
.his-banner2-wrap .s-poa { display: inline-block;   color: #666; font-size: 16px; line-height: 1; }
.his-banner2-wrap .s-poa:first-of-type .s-poa-span { padding-left: 48px; }
.his-banner2-wrap .s-poa-span { display: inline-block; } 
.his-banner2-wrap .s-poa:first-of-type { text-align: left;  }
.his-banner2-wrap .s-poa:last-of-type { text-align: right; }
.his-banner2-wrap .s-poa:last-of-type  .s-poa-span { padding-right: 48px; }
.his-banner2-wrap .swiper-wrapper { position: relative; } 
.his-banner2-wrap .swiper-slide { color: #666; font-size: 16px; line-height: 1; text-indent: 48px; }
.his-banner2-wrap .swiper-slide:nth-child(2) { text-align: center; }
.his-banner2-wrap .swiper-slide:last-child { text-align: right; padding-right: 48px; }
.his-banner2-wrap .hd03 { position: absolute; left: 0; bottom: 0 !important; background: #c7c7c7; height: 7px; width: 100%; }
.his-banner2-wrap .his-btns { top: 0; }
.his-btns { position: absolute; z-index: 3; height: 1px; overflow: visible; width: 100%; left: 0; top: 50%; }
.his-banner2-wrap .his-btns .btn { height: 16px; width: 12px; top: 0; cursor: pointer; }
.his-banner2-wrap .his-btns .prev{left: 0;}
.his-banner2-wrap .his-btns .next{right: 0;}

/* 品牌文化 */
.brand-culture{background-color: #fff;padding: 5.2vw 0 7.8vw;}
.culture-cont{max-width: 1165px;margin: 0 auto;}
.cont-line{display: flex;justify-content: space-between;}
.cont-line .cont-item {width:450px ;}
.cont-line .cont-item .title{font-size: 24px;font-weight: bold;padding-bottom: 15px;}
/*.cont-line .cont-item .tips .cn{font-size: 24px;font-weight: bold;margin-right: 20px;}*/
/*.cont-line .cont-item .tips .en{font-size: 14px; color: rgba(153, 153, 153, 0.502);text-transform: uppercase;}*/
.cont-line .cont-item .cont{ font-size: 16px;color: #666666;line-height: 2;padding-top:35px;}
.cont-line:nth-of-type(1) .cont-item:nth-of-type(1) .title{border-bottom: 2px solid #4957A5;color: #4957A5;}
.cont-line:nth-of-type(1) .cont-item:nth-of-type(2) .title{border-bottom: 2px solid #F29600;color: #F29600;}
.cont-line:last-of-type .cont-item:nth-of-type(1) .title{border-bottom: 2px solid #5386d9;color: #5386D9;}
.cont-line:last-of-type .cont-item:nth-of-type(2) .title{border-bottom: 2px solid #F7D972;color: #F7D972;}
.culture-cont .culture-center{width:400px ;height: 400px;margin: 0 auto;background: url(../images/culture-center.png);background-size: cover;}

/* 品牌产品   */
.brand-pro{background: #fff url(../images/pro-back.png) no-repeat left top;padding-top: 65px;padding-bottom: 133px;    background-size: cover;}
.brand-pro .pro-warp{max-width: 1590px;margin: 0 auto;}
.brand-pro .pro-warp .title{font-size: 36px;color: #333333;padding-bottom: 15px;}
.brand-pro .pro-warp .cont{font-size: 18px;color: #999999;}
.brand-pro .pro-warp .pro-swiper{position: relative;padding-top: 95px;}
.brand-pro .pro-warp .pro-swiper .swiper-slide{text-align: center;}
/*.brand-pro .pro-warp .pro-swiper .swiper-slide .pic-box{padding-bottom: 40px;}*/
.brand-pro .pro-warp .pro-swiper .swiper-slide .pic-box img{width: auto; height: 280px;}
.brand-pro .pro-warp .pro-swiper .swiper-slide .tit{font-size: 18px;font-weight: bold; color: #333333;}
.brand-pro .pro-warp .next-btn,.brand-pro .pro-warp .prev-btn{width: 49px; height: 49px; border: 2px solid #4957A5;display: flex;align-items: center;justify-content: center; position: absolute;top: 50%;transform: translateY(50%);color: #4957A5;font-size: 20px;}
.brand-pro .pro-warp .next-btn:hover,.brand-pro .pro-warp .prev-btn:hover{background-color: #4957A5;color: #fff;}
.brand-pro .pro-warp .prev-btn{left: -70px;}
.brand-pro .pro-warp .next-btn{right: -70px;}


/* 品牌荣誉 */
.brand-honor{background: #fff  url(../images/brand-honor.png) no-repeat left top;padding-top: 170px;padding-bottom:170px;
background-size: 100% 100%;}
.brand-honor .honor-warp{    width: 83%;max-width: 1400px;margin: 0 auto;position: relative;}
.brand-honor .honor-warp .m-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.brand-honor .honor-warp .con #roll { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative; }
.brand-honor .honor-warp .con #roll .left { width: 30%; padding: 1rem 0; }
.brand-honor .honor-warp .con #roll .left .msg { display: none; }
.brand-honor .honor-warp .con #roll .left .msg h2{font-size: 64px;color: #4957A5; margin-bottom: 60px;font-weight: bold;}
.brand-honor .honor-warp .con #roll .left .msg h2 small { color: #adadad; font-size: 24px;margin-left: 3px;font-weight: normal; }
.brand-honor .honor-warp .con #roll .left .msg .cont{font-size: 18px;color: #666666;max-width:350px;}
.brand-honor .honor-warp .con #roll .left .msg.on { display: block; }

.brand-honor .honor-warp .con #roll .right { width: 70vw; position: absolute; left: calc(50% - 3.25rem + 10px); }
.brand-honor .honor-warp .con #roll .right .roll-box { width: 100%; position: relative; overflow: hidden; padding-bottom: 1rem; }
.brand-honor .honor-warp .con #roll .right .roll-box .swiper-item { overflow: hidden; position: relative; z-index: 10; width: 3000%; }
.brand-honor .honor-warp .con #roll .right .roll-box .swiper-item > li { float: left; padding-right: 32px; cursor: pointer; perspective: 500px; }
.brand-honor .honor-warp .con #roll .right .roll-box .swiper-item > li .pic { background-position: center; background-size: contain; background-repeat: no-repeat; width: 6.5rem;
      transform: scale(0.6) translateZ(18px); filter: blur(5px); position: relative; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; 
      -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; height: 260px; }
.brand-honor .honor-warp .con #roll .right .roll-box .swiper-item > li.on .pic { transform-origin: 50% 50%; transform: none; filter: blur(0px); }
.brand-honor .honor-warp .con #roll .right .roll-box .show-box { position: absolute; pointer-events: none; width: 100%; /* top: 54%; */ left: 0; z-index: 8; bottom: 0; text-align:center;}
.brand-honor .honor-warp .con #roll .right .roll-box .show-box > img { width: 6.5rem; }
.brand-honor .honor-warp .con #roll .right .roll-box .show-box .shadow { position: absolute; display: none; bottom: 66%; left: 1.3rem; width: 3.9rem; height: 1px; 
background-color: #babbbb; box-shadow: 0 0px 9px 9px rgba(0, 0, 0, 0.26); border-radius: 50%; }
.brand-honor .honor-warp .con #roll .right .roll-set > a { width: 0.6rem; height: 0.6rem; border: 2px solid #4957A5;display: flex;align-items: center;justify-content: center;
     position: absolute;top: 20%;color: #4957A5;font-size: 20px;z-index: 11; }
.brand-honor .honor-warp .con #roll .right .roll-set > a:hover { background-color: #4957A5;color: #fff;}
.brand-honor .honor-warp .con #roll .right .roll-set > a.f-prev{left: 0;}
/* .brand-honor .honor-warp .con #roll .right .roll-set > a.f-next{right: 40%;} */
.brand-honor .honor-warp .con #roll .other{width: 100%;text-align: center;font-size: 24px;font-weight: 700;color: #adadad;}
.brand-honor .honor-warp .con #roll .other .tnum{color: #4957A5;}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInLeftSmall { animation-name: fadeInLeftSmall; }
@keyframes fadeInRightSmall {
     from {
       opacity: 0;
       transform: translate3d(10px, 0, 0);
     }
     to {
       opacity: 1;
       transform: none;
     }
   }
/* 休闲牧场 */
.pasture-box{text-align: center;}
.pasture-box .pasture-cont{padding-top: 4.4vw;padding-bottom: 4.2vw;background-color: #fff;}
.pasture-box .title{color: #333333;font-size: 2.6vw;padding-bottom: 2.6vw;}
.pasture-box .cont{font-size: 0.94vw;color: #666;line-height: 2;}
.pasture-box .pasture-part{background-color: #fafafa;}
.pasture-box .pasture-part img{width: 100%;}
.pasture-box .pasture-part .pasture-cont{width: 83%;margin: 0 auto;transform: translateY(-5.5vw);}

/* 新闻列表 */
.news-box {padding: 60px 0 80px 0;background-color: #fff;}
.news-box .news-warp{max-width: 1590px;margin: 0 auto;}
.news-box .page{margin-top: 30px;}
.news-box .page a{width: 50px;height: 50px;color: #333;font-weight: 700;display: flex;align-items: center;justify-content: center;background-color: #F7F7F7;margin-left: 10px;
border-radius: 5px;}
.news-box .page a.next{color: #999;}
.news-box .page input{width: 50px;height: 50px;margin-left: 30px;background-color: #fff;border-radius: 5px;border: 1px solid #D9D9D9;}
.news-box .page a.active,.news-box .page a:hover{background-color: #4957A5;color: #fff;}

/* 新闻详情 */
.news-details {background-color: #fff;}
.news-details .crumbs{padding-top: 40px;font-size: 16px;color: #999999;max-width: 1590px;margin: 0 auto  ;}
.news-details .crumbs a{color: #999999;}
.news-details .crumbs .active{color: #4957A5;}
.news-details .details-cont{padding: 70px 0 90px 0;}
.news-details .details-cont .title{ font-size: 32px;color: #000000;padding-bottom: 35px;text-align: center;}
.news-details .details-cont .tips{text-align: center;font-size: 16px;color: #999999;padding-bottom: 30px;}
.news-details .details-cont .tips span{margin-right:40px ;}
.news-details .details-cont .cont{padding-top: 30px;padding-bottom: 140px;border-top: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8;font-size: 16px;color: #666666;line-height: 2;text-align:center;}
.news-details .details-cont .cont img{max-width:100%;}
.news-details .details-cont .cont span{display:inline-block;text-indent:0;}

.turn-page{padding-top:40px;display: flex;justify-content: space-between;align-items: center;border-top:1px solid #F1F1F1;}
.turn-page .turn a{display: block;padding-bottom: 20px;  font-size: 16px;color: #666;}
.turn-page .turn a:last-of-type{padding-bottom: 0;}
.turn-page .turn a span{color: #666;}
.turn-page .turn a span:hover{color: #4957A5;}
.turn-page .back{display: block; width: 112px; height: 40px;line-height: 40px; background-color: #4957A5;color: #fff;text-align: center;}

/* 购买产品 */
.buy-pro{width: 100%;position: relative;padding-top: 90px;}
.buy-pro .buy-back{width: 100vw;height: 45.2vw;background-position:center center;background-size: contain;}
.buy-pro .tab{position: absolute;right: 10px;top: 0;height: 100%;width: 15.6vw;padding-top: 2rem; padding-bottom:1.5rem;display: flex; flex-direction: column;
      align-items: flex-start; justify-content: space-between;background-image: url(../images/buy-yuan.png) ; background-position: right; background-size: auto 100%;background-repeat: no-repeat;}
.buy-pro .tab .list { width: 9.8vw; height: 9.4vw;background: url(../images/buyItem-back1.png);background-size: cover; display: flex;flex-direction: column; align-items:center;
      justify-content: center;color: #666666;}
.buy-pro .tab .list:hover{background: url(../images/buyItem-back2.png);background-size: cover; color: #fff;
/*transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;*/
backface-visibility: hidden; font-size: 18px; }
.buy-pro .tab .list .img{ padding-bottom: 0.18rem; height: 0.6rem; text-align: center; display: flex; align-items: center; justify-content: center; position: relative;}
.buy-pro .tab .list .img i{display: inline-block; font-size: 0.45rem; }
.buy-pro .tab .list h6 { text-align: center; position: relative; z-index: 12; font-size: 18px;}
/*.buy-pro .tab .list:nth-of-type(1){transform: translateX(0.8vw);}*/
/*.buy-pro .tab .list:nth-of-type(2){transform: translateX(1.6vw);}*/
/*.buy-pro .tab .list:nth-of-type(3){transform: translateX(2.4vw);}*/
/*.buy-pro .tab .list:nth-of-type(4){transform: translateX(3.2vw);}*/

.buy-pro .tab .list:nth-of-type(1){transform: translateX(0.8vw);}
.buy-pro .tab .list:nth-of-type(2){transform: translateX(1.6vw);}
.buy-pro .tab .list:nth-of-type(3){display:none;}
.buy-pro .tab .list:nth-of-type(4){transform: translateX(3.2vw);}

/* 加入我们 */
.join-us{background-color: #F2F2F2;padding-top: 30px;}
.join-us .join-content{background-color: #fff;max-width: 1590px;margin: 0 auto;padding: 40px 5%;}
.join-us .join-content .table{width: 100%;}
.join-us .join-content .table li{display: flex;height: 85px;}
.join-us .join-content .table li.title{background-color: #F2F2F2;height: 68px;}
.join-us .join-content .table li div{width: 20%;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #F2F2F2;color: #333333;font-size: 18px;}
.join-us .join-content .table li.title div{font-size: 20px;font-weight: bold;}
.join-us .join-content .table li div .apply{width: 130px; height: 42px; border: 1px solid #3F4FB5; border-radius: 20px;font-size: 16px;color: #3F4FB5;display: flex;align-items: center;justify-content: center;}
.join-us .join-content .table li div .apply:hover{background-color: #3F4FB5;color: #fff;}
.join-us .content-box{display: flex;justify-content: space-between;padding-top: 80px;}
.join-us .content-box .cont-box{width: 30%;padding-top: 20px;}
.join-us .content-box .cont-box h1{font-size: 36px;color: #000000;padding-bottom: 65px;}
.join-us .content-box .cont-box .cont{font-size: 16px;color: #666666;line-height: 2.2;}
.join-us .content-box .cont-box .cont .email{color: #FF0000;}
.join-us .content-box .swiper-box{width: 70%;}
.join-us .content-box .swiper-box .swiper-container{padding-bottom: 50px;}
.join-us .content-box .swiper-box .swiper-container .swiper-slide{position: relative;border-radius: 20px;overflow: hidden;}
.join-us .content-box .swiper-box .swiper-container .swiper-slide img{width: 100%;}
.join-us .content-box .swiper-box .swiper-container .swiper-slide .cont{font-size: 16px;color: #fff;text-align: center;position: absolute;left:0;bottom: 40px;width: 100%;}
.join-us .content-box .swiper-box .swiper-container .swiper-pagination-bullet{width: 12px;height: 12px;}
.join-us .content-box .swiper-box .swiper-container .swiper-pagination-bullet-active{background-color:#4957A5 ;}

/* 招聘内容 */
.join-us .join-warp{background-color: #fff;max-width: 1590px;margin: 0 auto;padding: 40px 5%;}
.join-us .content-title{ font-size: 24px;color: #000000;padding-bottom: 20px;border-bottom: 1px solid rgba(102, 102, 102,0.129);}
.join-us .content{padding: 50px 0 75px 0;font-size: 16px;color: #666666;line-height: 2.1;}
.join-us .content li span{width: 320px;display: inline-block;}
.join-us .btn-box a{width: 130px; height: 42px;display: flex;align-items: center;justify-content: center;margin-right: 24px;border-radius: 20px;font-size: 16px;}
.join-us .btn-box a.apply-btn{ background: #4957A5;color: #fff;}
.join-us .btn-box a.back{ background: #D5D5D5;color: #333;}

/* 填写简历 */
.join-us .resume-nav{padding-bottom: 40px;}
.join-us .resume-nav li a{width: 210px; height: 57px; background: #B8B8B8; border-radius: 29px;font-size: 20px;font-weight: bold;color: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.join-us .resume-nav li:first-child a{margin-right: 44px;}
.join-us .resume-nav li:hover a,.join-us .resume-nav li.active a{background: #4957A5;}
.join-us .resume-position{font-size: 22px; color: #666666;padding-bottom: 35px;}
.join-us .resume-position span{color: #333;}
.join-us .resume-title{width: 100%; height: 40px; background: #F7F7F7;line-height: 40px;padding-left: 35px;margin-bottom: 50px;}
.join-us .resume-title span{font-size: 18px;font-weight: bold;color: #333333;position: relative;}
.join-us .resume-title span::before{content: "";position: absolute;left: -20px;top: 0;height: 100%;width: 6px;background: #4957A5;}
/* .resume-form{padding-top: 40px;} */
.resume-form .resume-item{display: none;}
.resume-form .input-line{margin-bottom:20px;}
.resume-form .input-line .tit{width: 110px;text-align: right;font-size: 16px;color: #333;}
.resume-form .input-line .tit i{color: red;font-style: italic;margin-right: 3px;}
.resume-form .input-line .text{width: 260px;height: 40px;border-radius: 5px;border: 1px solid #D0D0D0;padding-left: 15px;}
.resume-form .input-line .radio-box{flex: 1;height: 100%;display: flex;}
.resume-form .input-line .select-box{flex: 1;height: 100%;padding-right: 20px;position: relative;}
.resume-form .input-line .select-box::after{  font-family: "iconfont" !important;content: "\e641";position: absolute; right: 0;top: 50%;transform: translateY(-50%);}
.resume-form .input-line textarea{width: 475px;height: 90px;border-radius: 5px;border: 1px solid #D0D0D0;padding-left: 15px;}
.resume-form .input-line .code-input{width: 95px;height: 37px;border-radius: 5px;border: 1px solid #D0D0D0;margin-right: 10px;}
.resume-form .input-line img{width: 70px;height: 37px;}
.resume-form .input-line .layui-btn-normal{width: 516px; height: 49px;background-color: #fff;color: rgba(106, 106, 106,0.49);border: 1px solid #E6E6E6;border-radius: 5px;
     position: relative;}
.resume-form .input-line .layui-btn-normal i{font-size: 21px;margin-right: 5px;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);}
.layui-btn-container .layui-btn{margin-bottom: 0;}
.resume-form .input-line .tips{font-size: 14px;color: #666666;line-height: 2;margin-top: 35px;max-width: 430px;}
.resume-form .input-line .tips span{color: #FF0000;}
.resume-form .btn-box{margin-top: 80px;}
.resume-form .input-line .layui-btn-container .text-name{position: absolute;left: 15px;top: 50%;transform: translateY(-50%);color: #333;}

/* 商务合作 */
.business-box{background: #fff url(../images/business.png) no-repeat right top;padding:7.8vw 0  ;}
.business-box .business-warp{max-width: 1060px;margin: 0 auto;}
.business-box .business-warp .title{text-align: center;font-size: 2.9vw;color: #000000;padding-bottom: 2.9vw;}
.business-box .business-warp .content{font-size: 16px;color: #666666;line-height: 2.3; text-align: center;}
.business-box .business-warp .content span{color: #FF0000;}
.business-box .business-warp .business{width: 100%;padding-top: 6.8vw;}
.business-box .business-warp .business-item{width: 50%;height: 10vw;padding-top: 2vw;padding-left:4vw ;background-color: #4957A5;color: #fff;}
.business-box .business-warp .business-item .tit{font-size: 2.2vw;padding-bottom: 20px;}
.business-box .business-warp .business-item .cont{font-size: 18px; color: rgba(255, 255, 255, 0.651);}
.business-box .business-warp .business-item a{width: 137px; height: 43px; border: 1px solid #FFFFFF; border-radius: 21px;color: #fff;display: flex;align-items: center;
  justify-content: center;margin-top: 3.4vw;}
.business-box .business-warp .business-item:last-of-type{background: #F7D972;color: #000000;}
.business-box .business-warp .business-item:last-of-type .cont{color: #9E7A00;}
.business-box .business-warp .business-item:last-of-type a{border: 1px solid #000000;color: #000000;}

/* 产品详情 */
.product-detail .wrap{max-width: 1590px;margin: 0 auto;}
.product-detail .detail-content{padding: 95px 0 85px 0;}
.product-detail .detail-content li{display: none;width: 100%;}
.product-detail .detail-content .pic-box{width: 45%;}
.product-detail .detail-content .pic-box img{width:260px ;}
.product-detail .detail-content .cont-box{width: 55%;}
.product-detail .detail-content .cont-box .title{font-size: 32px;color: #000;font-weight: bold;padding-bottom: 15px;}
.product-detail .detail-content .cont-box .line{font-size: 16px;color: #000;line-height: 2.25;}
.product-detail .detail-content .cont-box .line span{font-weight: bold;}
.product-detail .detail-content .cont-box .code-box{padding-top: 30px;}
.product-detail .detail-content .cont-box .code-box .code-item{margin-right: 25px;font-size: 12px;color: #666;}
.product-detail .detail-content .cont-box .code-box .code-item img{height: 78px;}
.product-detail .detail-content .cont-box .code-box .code-item  div{padding-top: 15px;}
.product-detail .detail-nav{width: 100%;overflow-x: scroll; white-space: nowrap;background-color: #fff;padding: 65px 60px;} 
.product-detail .detail-nav ul {max-width:1590px;position: relative;} 
.product-detail .detail-nav ul li{display: inline-block;width: 265px;text-align: center;font-size: 16px;color: #777777;position: relative;z-index: 2;}
.product-detail .detail-nav ul li img{width:160px;}
.product-detail .detail-nav ul li.active{color: #4957a5;}
.product-detail .detail-nav .bottomYuan{position: absolute; width: 144px;height: 144px;background-image: url(../images/bottomYuan.png);background-size: cover;left:30px;
     top: -15px; transition: all 0.3s ease;z-index: 1;}

   
   

@media screen and (max-width: 1600px){
    .nav-container{padding: 0 30px;}
    .ipc .txts .pa { padding: 60px 0 0 60px; }
    .ipc .txts .ti { margin-bottom: 50px; }

}
@media screen and (max-width: 1550px){
     .nav-box .nav>ul>li>a { padding: 0 30px; }
     .other-item span.iconfont{padding: 0 30px;}
     .other-item.search .sha_search{left: 30px;}
     .section6 .wrap{padding:60px 30px ;}

     .foot .wrap{padding: 0 30px;    padding-top: 55px;}
     
  
     .inner-banner .pic-box .cont-box .wrap .cont{padding:0 30px;}

     .brand-pro .pro-warp{padding: 0 80px;}

     .news-box .news-warp{padding: 0 30px;}

     .news-details{padding: 0 30px;}
     .news-details .details-cont{padding: 40px 0;}

     .business-box .business-warp{padding: 0 30px;}

     .section5 .wrap{padding: 40px 30px;}

     .product-detail .detail-content .cont-box{padding: 0 30px;}
 }
@media screen and (max-width: 1440px){
     .section3 .wrap{margin-top: 30px;}
     .section3 .wrap .content-box ul{width: 390px;}
     .section3 .wrap .col.c2 .photo-box { width: 25vw; height: 25vw; }
     .section3 .wrap .col.c2 .time-move { width: 25vw; height: 25vw;  }
     .section3 .wrap .col.c2 .time-box {width: 25vw;}

     .buy-pro .tab .list .img i{font-size: 0.36rem;}
     .buy-pro .tab .list h6{font-size: 14px;}
 }
 @media screen and (max-width: 1366px){     
     .nav-box .nav>ul>li>a { padding: 0 18px; }
     .other-item span.iconfont{padding: 0 18px;}
     .other-item.search .sha_search{left: 18px;}
     .ipc .txts .en { font-size: 40px; line-height:1; }
     .ipc .txts .ch { font-size: 26px; margin-bottom: 30px; }
     .ipc .txts .ti { margin-bottom: 40px; }
     .ipc .txts .tx { line-height: 26px !important; min-height: 130px; margin-bottom: 30px; }
     .ipc .txts .pa { padding: 50px 0 0 40px; }
     .ipc .txts { width: 345px; }
     .ipc .pic { margin-right: 345px; }

     .section5 .title-box{display: block;}
     .section5 .title-box h1{text-align: center;}
     .section5 .title-box .cont{width: 80%;text-align: center;margin: 0 auto;}
     .section5 .title-box h1{font-size: 32px;padding-bottom: 15px;}
     .section5 .title-box .cont{font-size: 16px;margin-bottom: 15px;}
     .section5 .title-box ul{display: block; overflow-x: scroll;white-space: nowrap;  scrollbar-width: none;padding: 20px; }
     .section5 .title-box ul::-webkit-scrollbar { display: none; }
     .section5 .title-box ul li{width: 110px;height: 110px;font-size: 16px;display: inline-block;text-align: center;line-height: 110px;}
     .section5 .title-box ul li::after {width: 110px;height: 110px;}
     .section5 .pro-swiper .name{font-size: 18px;padding-right: 80px;}
     .section5 .pro-swiper .pic{width: 180px;}
     
 }

 @media screen and (max-width: 1200px){      
     .section3 .wrap .content-box ul li .icon-box{width: 50px;height: 50px;}
     .section3 .wrap .content-box ul li .icon-box .iconfont{font-size: 24px;}
     .section3 .wrap .content-box ul li .cont-box .tit{font-size: 24px;}
     .section3 .wrap .content-box ul li .cont-box .tit span{font-size: 40px;}

     .section6 .title-line .title{font-size:48px;}
     .section6 .title-line a{width: 180px; height: 55px;}

     .w1280{padding: 0 30px;}

     .brand-honor{padding-top: 50px;padding-bottom: 40px;}
     .brand-honor .honor-warp .con #roll .left .msg h2{    font-size: 56px;}
     .brand-honor .honor-warp .con #roll .right{left: auto;right: 0;width: 60vw;}
     
     
 }
 
@media screen and (max-width: 1153px){
      body { padding-top: 60px; }
     .nav-box {height: 60px;}
     .nav-box .logo a{padding:10px 0 ;}
     .nav-box .logo img{max-height: 100%;}
     .menu-handler{display: block;}
     .nav-right{display: none;}
     .banner.pc{display: none;}
     .banner.mobile{display: block;}
     .section1 .mouse-box{display: none;}
     .banner.mobile .next-btn, .banner.mobile .prev-btn{display: block;right:0;}
     .section1 .banner-box{padding-top: 0;}
     .ipbox{margin-top: 60px;}
     
     .inner-banner{padding-top:0;}

     .section3 .wrap{padding-top: 0;padding-bottom: 0;margin-top:80px;}
     .section3 .wrap .content-box h1{font-size: 38px;padding-bottom: 15px;}
     .section3 .wrap .content-box ul{display: flex;align-items: center;flex-wrap: wrap; width: 100%;padding-top: 30px;}
     .section3 .wrap .content-box ul li{width: 48%;}
     .section3 .wrap .col.c2{width: 100%;margin-right: 0;margin:60px 0;}
     .section3 .wrap .col.c2 .photo-box { width: 35vw; height: 35vw; }
     .section3 .wrap .col.c2 .time-move { width: 35vw; height: 35vw;  }
     .section3 .wrap .col.c2 .time-box {width: 35vw;}

     .section6 .wrap{padding: 30px ;}

     .inner-banner .pic-box img.mobile{display: block;}
     .inner-banner .pic-box img.pc{display: none;}
     .inner-banner .nav-line{position: relative;background-color: #fff;border-bottom: 1px solid rgba(0, 0, 0, .1);}
     .inner-banner .nav-line ul li a{color: #333;}
     .inner-banner .nav-line ul li.active, .inner-banner .nav-line ul li:hover{border-bottom: 2px solid #666;}

     .intro-box{padding-right: 9%;padding-top: 50px;padding-bottom:0;}
     .intro-box .content-box{width: 100%;}
     .intro-box .content-box .title{font-size: 36px;}
     .intro-box .about-num{width: 90%;}
     .intro-box .about-num .num-item .num-shu span{font-size: 56px;}
     .intro-box .about-num .num-item .num-shu i{font-size: 15px;}
     .intro-box .about-num .num-item .num-cont{font-size: 15px;line-height: 1.4;padding-top: 10px;}
     .intro-box .content-box .cont-box{ padding-top: 35px; padding-bottom: 50px}
     .intro-box .pic-box{position: relative;width:80%;top: 0;margin: 0 auto;}
     .intro-box .pic-box .back1{display: none;}
     .intro-box .pic-box .back.back2{display: block;}
     .intro-box .pic-box ul li.p1{left: 5%;top: 25%;right: auto;}
     .intro-box .pic-box ul li.p2{left:50%;top: 0;transform: translate(-50%,-50%);width: 20vw; height:  20vw;}
     .intro-box .pic-box ul li.p3{right:5%;top: 25%;left: auto;bottom: auto;}

     .brand-culture .culture-cont{padding: 0 30px;}
     .cont-line .cont-item{width: 350px;}
     /*.cont-line .cont-item .title{font-size: 28px;}*/
     .cont-line .cont-item .title {font-size: 18px;padding-bottom: 10px;     }
     /*.cont-line .cont-item .tips .cn{font-size: 18px;}*/
     /*.cont-line .cont-item .tips .en{font-size: 12px;}*/
     .cont-line .cont-item .cont{font-size: 14px;padding-top: 25px;}
     .culture-cont .culture-center{width: 300px;height: 300px;}
     .culture-cont .culture-center img{width: 100px;}

     .buy-pro{padding-top: 0;}
     .buy-pro .buy-back{height:60vw;background-size: cover;background-position:left;}
     .buy-pro .tab{padding-top: 50px;padding-bottom: 30px;width: 18vw;}
     .buy-pro .tab .list{width: 120px;height: 115px;}
}
@media screen and (max-width: 1024px){

     .ipcover{ display:none; }
     .ipc .pic img{ position:static;}
     .ixpro .slick-list { overflow:hidden; }
     .ixpro{ width:100%; }
     .ipc .txts { width: 305px; }
     .ipc .pic { margin-right: 305px; }
     .ipc .txts .tx{ width:100%; }
     .ipc .txts .pa { padding: 50px 25px 0 25px; }
     .ipc .txts .ti { margin-bottom: 30px; font-size:16px; }
     .ipc .txts .en { font-size: 32px; }
     .ipc .txts .ch { font-size: 22px; margin-bottom: 20px; }
     .ip-arrow{ color:#bea369; }
     .ip-prev{ background-position:right 0; }
     .ip-next{ background-position:left 0; }

     .pasture-box{text-align: center;}
     .pasture-box .pasture-cont{padding: 7vw 30px 7vw 30px;background-color: #fff;}
     .pasture-box .title{color: #333333;font-size: 4vw;padding-bottom: 4vw;}
     .pasture-box .cont{font-size: 1.6vw;color: #666;line-height: 2;}
     .pasture-box .pasture-part{background-color: #fafafa;}
     .pasture-box .pasture-part .pasture-cont{width: 83%;margin: 0 auto;transform: translateY(-10vw);}

     .news-box .news-list li{margin-bottom: 20px;}

     
     .join-us .content-box .cont-box{width: 50%;}
     .join-us .content-box .swiper-box{width: 50%;}

    .business-box{padding:60px 0  ;}
    .business-box .business-warp .title{font-size: 36px;padding-bottom:30px;}
    .business-box .business-warp .content{font-size: 14px;line-height: 2; }
    .business-box .business-warp .business{padding-top: 30px;}
    .business-box .business-warp .business-item{height: 150px;padding-top: 35px;padding-left:25px;}
    .business-box .business-warp .business-item .tit{font-size:24px;padding-bottom: 20px;}
    .business-box .business-warp .business-item .cont{font-size: 14px;}
    .business-box .business-warp .business-item a{width: 120px; height: 35px;margin-top:25px;}

    .section5 .nav-swiper{padding: 0 70px;}
    .section5 .pro-swiper .cont-box{flex: 1; font-size: 14px;padding-left: 50px;width: auto;}
    
    
}
@media screen and (max-width: 861px){
     .ipc{background: none;}
     .ipc .pic { margin-right: 0; width: 100%;}
     .ipc .pic img{width: 100%;}
     .ipc .txts{ width:auto; position:relative; }
     .ipc .txts .ti{ display:none; }
     .ipc .txts .tx{ min-height:0; height:52px; }
     .ipc .txts .pa { padding: 30px 5% 0 5%; }
     .ipc .txts .en { line-height:30px; height:60px; overflow:hidden;font-size: 26px     }
     .ipc .txts .ch { font-size: 18px; margin-bottom: 15px; }
     .ip-arrow{ color:#fff; }
     .ip-prev{ background-position:left 0; left:5%; }
     .ip-next{ background-position:right 0; right:5%; }
     .ip-arrow{ margin-top:0; top:30%; }
     .bamore{    width: 120px; height:35px; line-height: 33px;font-size: 13px;}

     .swiper-container.mySwiper2 .water-intro {display: block;padding: 100px 30px 0 30px;}
     .swiper-container.mySwiper2 .water-intro>div.left{width: 100%;}
     .swiper-container.mySwiper2 .water-intro .title{width:180px; font-size: 28px; line-height: 26px;margin-bottom: 17px;line-height:1.4;}
     .swiper-container.mySwiper2 .water-intro .right{margin-top: 0;padding-right: 0;}
     .swiper-container.mySwiper2 .water-intro .right:before{display: none;}
     .swiper-container.mySwiper2 .water-intro .right .content{    font-size: 14px; line-height: 19px; width: 280px;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical;}
     .linkMore span{font-size: 14px;}
     .swiper-container.mySwiper2 .water-intro .LinkMoreBtn{position: absolute;left: 30px;bottom: -16vw;height: 36px;line-height: 36px; min-width: 125px; font-size: 14px; padding: 0 27px;}
     .swiper-container.mySwiper2 .water-intro .LinkMoreBtn>span:after{background-size: 25px 25px;}
     .linkMore span::after{ width: 25px; height: 25px; margin-left: 5px;}
     .swiper-container.mySwiper2 .waterCurve{padding: 0 33px;height: 190px;top: auto; bottom: 6%;background-repeat: no-repeat;  background-position-y: 50%;background-position-x: right;
          background-size: auto;}
     .swiper-container.mySwiper2 .current-water{width: 100px;height: 100px;margin-left: 0;top: 50%;left: 50%;transform: translate(-50%,-70%);}
     .swiper-container.mySwiper2 .current-water:before{width: 10px;height: 10px}
     .swiper-container.mySwiper2 .swiper-button-prev{top: 33%;left: 15%;}
     .swiper-container.mySwiper2 .swiper-button-next{top: 42%!important;right: 15%;}
     .swiper-container.mySwiper2 .w-index-total{font-size:16px;bottom: 5%;}
     .swiper-container.mySwiper2 .w-index-total .w-index{font-size: 18px;}
     .swiper-container.mySwiper2 .w-index-total .w-totle{font-size:14px;}

     .news-list{display: block;}
     .news-list li{width: 80%;margin: 0 auto;margin-bottom: 30px;}     
     .news-list li a{display: flex;}
     .news-list li .pic-box{width: 40%;}
     .news-list li .cont-box{width: 60%;padding-left: 30px;padding-top:0;}

     .foot .wrap .link-box li.tit{font-size: 16px;}
     .foot .wrap .link-box li {font-size: 14px;}

     .development-box{padding-bottom:150px;}
     .development-box .title{font-size: 28px;}
     .development-box .content{font-size: 16px;width: 90%;}
     .development-nav li{width: 30vw;height: 7vw;}

     .brand-honor .honor-warp .con #roll .left .msg h2{font-size: 36px;margin-bottom: 30px;}
   

     .join-us .join-content .table li.title div{font-size: 18px;}
     .join-us .join-content .table li div{font-size: 16px;}
     .join-us .join-content .table li div .apply{width: 100px;height: 35px;font-size: 14px;}
     .join-us .content-box{padding-top: 30px;}
     .join-us .content-box .cont-box h1{font-size: 24px;padding-bottom: 30px;}
     .join-us .content-box .cont-box .cont{font-size: 14px;line-height: 1.8;}
     
     .product-detail .detail-content{padding: 40px 0;}
     .product-detail .detail-content .cont-box .title{font-size: 26px;}
     
  
     


}
@media screen and (max-width: 768px){
     .section3 .max-wid{width: 100%;padding: 0 15px;}
     .section3 .wrap .content-box h1{font-size: 24px;}
     .section3 .wrap .content-box ul{padding-top: 20px;}
     .section3 .wrap .content-box ul li{margin-bottom: 15px;width: 100%;}
     .section3 .wrap .content-box ul li .icon-box{width: 30px;height: 30px;}
     .section3 .wrap .content-box ul li .icon-box .iconfont{font-size: 18px;}
     .section3 .wrap .content-box ul li .cont-box{padding-left: 10px;}
     .section3 .wrap .content-box ul li .cont-box .tit{font-size: 18px;padding-bottom: 5px;}
     .section3 .wrap .content-box ul li .cont-box .tit span{font-size: 24px;}     
     .section3 .wrap .content-box ul li .cont-box .cont{font-size: 12px;}
     .section3 .wrap .col.c2{margin: 40px 0;}
     .section3 .wrap .col.c2 .photo-box { width: 50vw; height: 50vw; }
     .section3 .wrap .col.c2 .time-move { width: 50vw; height: 50vw;  }
     .section3 .wrap .col.c2 .time-box {width: 50vw;}

     .section6 .wrap{padding: 30px 15px ;}
     .section6 .title-line{margin-bottom: 25px;} 

     .foot .wrap {padding-top: 30px;}
     .foot .wrap .link-box{display: none;}
     .foot .wrap .infor-box{width: 100%;}
     .foot .wrap .infor-box h1 img{width:100px;}
     .foot .wrap .infor-box .code-list{padding-top: 15px;}
     .foot .wrap .infor-box div{font-size: 14px;line-height: 1.6;}
     .foot .foot-bottom{padding:15px 0 20px 0;}
     .foot .wrap .infor-box .code-item:hover .code-box{top: -60px;}

     .inner-banner .nav-line ul li{margin-right: 25px;font-size: 14px;}
     .intro-box{padding-top: 20px;padding-left: 15px;padding-right: 15px;}
     .intro-box .content-box h1 img{width: 100px;}
     .intro-box .content-box .title{font-size: 24px;}
     .intro-box .content-box .cont-box{font-size: 14px;padding-top: 25px; padding-bottom: 30px;}
     .intro-box .about-num{width: 95%;padding-bottom: 0;}
     .intro-box .about-num .num-item{width: 46%;}
     .intro-box .about-num .num-item .num-shu span{font-size: 32px;}
     .intro-box .about-num .num-item .num-shu i{font-size: 12px;bottom: 0;}
     .intro-box .about-num .num-item .num-cont{font-size: 12px;}
     .intro-box .pic-box{width: 90%;margin-top: 18vw;}
     .intro-box .pic-box ul li.p2{width: 35vw;height: 35vw;}
     .intro-box .pic-box ul li{width: 15vw;height: 15vw;}
     .intro-box .pic-box ul li.p1{transform: translateX(-40%);}
     .intro-box .pic-box ul li.p3{transform: translateX(40%);}
     .inner-banner .pic-box .cont{font-size: 28px;}

     .brand-honor .honor-warp .con #roll .left{width: 100%;padding:0 0 30px 0;}
     .brand-honor .honor-warp .con #roll .left .msg h2{font-size: 24px;margin-bottom: 15px;}
     .brand-honor .honor-warp .con #roll .left .msg h2 small{font-size: 14px;}
     .brand-honor .honor-warp .con #roll .left .msg .cont{font-size: 16px;}
     .brand-honor .honor-warp .con #roll .right{position: relative;width: 90vw;margin:0 auto;}
     .brand-honor .honor-warp .con #roll .other{font-size: 18px;}

     .news-details{padding: 0 15px;}
     .news-details .details-cont .title{font-size: 24px;padding-bottom: 20px;}
     .news-details .details-cont .tips{font-size: 14px;padding-bottom: 15px;}     
     .turn-page .turn { width: calc(100% - 110px); }
     .turn-page .turn a{font-size: 14px;}
     .turn-page .back { width: 100px; height: 30px; line-height: 30px; }

     .buy-pro .buy-back{height: 100vw;}
     .buy-pro .tab{position: absolute;width: 100vw;top: 30px;left: 0;flex-direction: row;flex-wrap: wrap;background: none;}
     .buy-pro .tab .list .img i{font-size: 32px;}
     .buy-pro .tab .list{transform: translateX(0)!important;width: 100px; height: 96px;}
     .buy-pro .tab .list h6{font-size: 12px;}
     .buy-pro .tab .list:nth-of-type(1){position: absolute;right: 5px;top: 10px;}
     .buy-pro .tab .list:nth-of-type(2){position: absolute;right: 5px;top: 125px;}
     /*.buy-pro .tab .list:nth-of-type(3){position: absolute;right: 30px;top: 183px;}*/
     .buy-pro .tab .list:nth-of-type(4){position: absolute;right: 5px;top: 245px;}

     .join-us .join-warp{padding: 20px 15px;}
     .join-us .content-title{font-size: 18px;padding-bottom: 10px;}
     .join-us .content{padding: 20px 0 30px 0;font-size: 14px;}
     .join-us .btn-box a{width: 100px;height: 35px;font-size: 14px;}
}

@media screen and (max-width: 641px){
     .inner-banner .pic-box .cont{font-size: 18px;}
    
     .section3 .wrap{margin: 30px 0;}
     
     .intro-box .content-box .cont-box{font-size:13px;}
     
     .swiper-container.mySwiper2 .water-intro{padding: 50px 30px 0 30px;}

     .section6 .title-line .title{font-size: 22px;padding-bottom: 15px;}
     .section6 .title-line .sub-tit {font-size: 14px;}
     .section6 .title-line a{width: 100px;height: 30px;font-size: 12px;}
     .section6 .title-line a .iconfont{font-size: 14px;}
     
     .foot .wrap .infor-box .phone-num{font-size:24px;}
     .foot .wrap .infor-box .code-item{margin-right:12px;}
     .foot .wrap .infor-box .code-item a{width:40px;height:40px;font-size:22px;}
     .foot .wrap .infor-box .code-item .code-box{top:0;transform: translate(-50%,-60px);width:80px;height:80px;}
     
     .news-list li{width: 100%;margin-bottom: 20px;}
     .news-list li .cont-box{padding-left: 10px;}
     .news-list li .cont-box .tit{font-size: 14px;margin-bottom:5px;}
     .news-list li .cont-box .cont{font-size: 12px;}
     .news-list li .cont-box .time-line{padding-top: 5px;font-size: 12px;}
     .news-list li .cont-box .time-line .more{color: #4957A5;}
     .news-box{padding: 30px 0 30px 0;}
     .news-box .news-warp{padding: 0 15px;}
     .news-box .page a{width: 35px;height: 35px;font-size: 12px;}
     .news-box .page input{width: 35px;height: 35px;}

     .development-swiper{padding: 0 15px;}
     .his-banner2-wrap{ margin: 30px auto 30px auto;}
     .development-box{padding-bottom:50px;}
     .development-box .title{font-size: 18px;}
     .development-box .content{font-size: 14px;width: 90%;}     
     .development-nav{flex-wrap: wrap;justify-content: space-between;padding:15px 30px 0 30px;}
     .development-nav li{width: 160px;height: 50px;margin-right: 0;margin-bottom: 15px;font-size: 12px;}
     .development-nav li .time{font-size: 16px;}
     .his-btns .prev{left: 0;}
     .his-btns .next{right: 0;}
     .his-banner1-wrap .banner-title1{font-size: 18px;line-height: 1.4;margin-bottom: 10px;}
     .his-banner1-wrap .banner-detail{font-size: 12px;line-height: 1.8;}

     .brand-pro{padding-top: 30px; padding-bottom: 50px}
     .brand-pro .pro-warp .title{font-size: 24px;}
     .brand-pro .pro-warp .cont{font-size: 14px;}
     .brand-pro .pro-warp{padding: 0 15px;}
     .brand-pro .pro-warp .pro-swiper .swiper-slide{display:flex;justify-content:center;}
     /*.brand-pro .pro-warp .pro-swiper .swiper-slide .pic-box{    padding-bottom: 70px;}*/
     .brand-pro .pro-warp .pro-swiper .swiper-slide .pic-box img{height:240px;}
     .brand-pro .pro-warp .next-btn, .brand-pro .pro-warp .prev-btn{top:20px; transform: translateY(0%);width: 40px;height: 40px;}
     .brand-pro .pro-warp .next-btn{right: 100px;}
     .brand-pro .pro-warp .prev-btn{left: 100px;}

     .brand-culture .culture-cont{padding: 0 15px;}
     .cont-line .cont-item{width: 46%;}
     /*.cont-line .cont-item .title{font-size: 20px;}*/
     .cont-line .cont-item .title { font-size: 16px; padding-bottom:5px;   }
     /*.cont-line .cont-item .tips .cn{font-size: 16px;}*/
     .cont-line .cont-item .cont{font-size: 12px;padding-top:10px;line-height: 1.8;}
     .culture-cont .culture-center{width: 200px;height: 200px;}
     .culture-cont .culture-center img{width: 60px;}

     .pasture-box .pasture-cont{padding: 30px 15px;background-color: #fff;}
     .pasture-box .title{color: #333333;font-size: 18px;padding-bottom:15px;}
     .pasture-box .cont{font-size: 14px;color: #666;line-height: 1.8;}
     .pasture-box .pasture-part{background-color: #fafafa;}
     .pasture-box .pasture-part .pasture-cont{width: 90%;margin: 0 auto;transform: translateY(-30px);}

     .news-details .crumbs{padding-top: 15px;font-size: 14px;line-height: 1.6;}
     .news-details .details-cont{padding: 20px 0;}
     .news-details .details-cont .title{font-size: 18px;padding-bottom: 15px;}
     .news-details .details-cont .tips span{margin-right: 15px;font-size: 12px;}
     .news-details .details-cont .cont{font-size: 14px;padding-top: 15px; padding-bottom: 40px;}
     .turn-page{padding-top: 20px;}
     .turn-page .turn a{padding-bottom: 5px;}

     .join-us{padding-top: 0;}
     .join-us .join-content{padding: 20px 0;}
     .join-us .join-content .table li.title{height: 40px;}
     .join-us .join-content .table li.title div{font-size: 14px;}
     .join-us .join-content .table li{height: 50px;}
     .join-us .join-content .table li div{font-size: 12px;width: 18%;padding:0 5px;}
     .join-us .join-content .table li div:last-of-type{width: 28%;}
     .join-us .join-content .table li div .apply{width: 85px;height: 30px;}
     .join-us .content-box{padding: 20px 15px ;}
     .join-us .content-box .cont-box{padding-top: 0;}
     .join-us .content-box .cont-box h1{font-size: 18px;padding-bottom: 15px;}
     .join-us .content-box .cont-box .cont{font-size: 12px;}
     .join-us .content-box .swiper-box .swiper-container .swiper-pagination-bullet{width: 10px;height: 10px;}

     .join-us .resume-nav{padding-bottom: 20px;}
     .join-us .resume-nav li a{width: 150px;height: 40px;font-size: 16px;}
     .join-us .resume-nav li:first-child a{margin-right: 20px;}
     .join-us .resume-position{font-size: 16px;padding-bottom: 15px;}
     .join-us .resume-title{height: 35px; line-height: 35px; padding-left: 30px; margin-bottom: 20px;}
     .join-us .resume-title span{font-size: 14px;}
     .join-us .resume-title span::before{width: 3px;left: -15px;}
     .resume-form .input-line .tit{font-size: 14px;width: 80px;}
     .resume-form .input-line .text{flex: 1;}
     .resume-form .input-line textarea{flex: 1;height: 50px;}
     .resume-form .btn-box{margin-top: 30px;}
     .resume-form .input-line .layui-btn-container{  flex: 1;}
     .resume-form .input-line .layui-btn-normal{width: 100%;}
     .resume-form .input-line .tips{margin-top: 15px;}

    .business-box{padding:30px 0  ;}
    .business-box .business-warp{padding: 0 15px;}
    .business-box .business-warp .title{font-size:24px;padding-bottom:15px;}
    .business-box .business-warp .content{font-size: 14px;line-height: 1.8; }
    .business-box .business-warp .business{padding-top: 30px;}
    .business-box .business-warp .business-item{height: 120px;padding-top:25px;padding-left:15px;}
    .business-box .business-warp .business-item .tit{font-size:18px;padding-bottom: 10px;}
    .business-box .business-warp .business-item .cont{font-size: 14px;}
    .business-box .business-warp .business-item a{width: 100px; height: 30px;margin-top:15px;font-size: 12px;}
    .business-box .business-warp .business{display: block;}
    .business-box .business-warp .business-item{width: 100%;}
    

    .section5 .wrap{padding: 30px 15px;}
    .section5 .title-box h1{font-size: 24px;}
    .section5 .title-box .cont{font-size: 14px;line-height: 1.8;width: 100%;}
    .section5 .title-box ul{padding: 10px 5px;}
    .section5 .title-box ul li{width:80px;height: 80px;font-size: 14px;line-height: 80px;margin-right:0;}
    .section5 .title-box ul li::after {width: 80px;height: 80px;}
    .section5 .pro-swiper{padding-top: 15px;}
    .section5 .pro-swiper .swiper-slide{display: block;text-align: center;}
    .section5 .pro-swiper .name{padding-right: 0;justify-content: center;padding-bottom: 10px;}
    .section5 .pro-swiper .name i{width: 14px;height: 14px;}
    .section5 .pro-swiper .pic{width: auto;height: 180px; margin: 0 auto;display: block;}
    .section5 .pro-swiper .cont-box{padding-left: 0;padding-top: 10px;}
    .section5 .pro-swiper .cont-box a{width: 100px; margin: 15px  auto 0 auto;}
    .section5 .nav-swiper .bottomYuan{left: 70px;width: 80px;height: 80px;}
    .section5 .nav-swiper{padding-top:0 30px;margin-top: 30px;}
    .section5 .nav-swiper .swiper-slide img{height: 80px;}
    .section5 .nav-swiper .swiper-slide .name{font-size: 12px;padding:0 5px;}
    .section5 .nav-swiper .next-btn, .section5 .nav-swiper .prev-btn{width: 35px;height: 35px;font-size: 14px;}

    .video-pc{display: none;}
    .video-mobile{display: block;}
     
    /*.product-detail{height: calc(100vh - 60px) ;position: relative;overflow-y: scroll;}*/
    /*.product-detail .detail-content {padding-bottom: 260px;background-image: linear-gradient(to bottom left,#dbe3ec,#fff);}*/
    .product-detail .detail-content {background-image: linear-gradient(to bottom left,#dbe3ec,#fff);padding:25px 0 ;}
    .product-detail .detail-content .pic-box{width: 100%;}
    .product-detail .detail-content .pic-box img{width: 200px;}
    .product-detail .detail-content .cont-box{width: 100%;}
    .product-detail .detail-content .cont-box .title{font-size: 18px;}
    .product-detail .detail-content .cont-box .line{font-size: 14px;line-height: 2;}
    .product-detail .detail-content .cont-box .code-box{padding-top: 15px;}
    /*.product-detail .detail-nav{width: 100%;position: fixed;left: 0;bottom: 0;z-index: 99;height: 220px;padding:30px 0;}*/
    .product-detail .detail-nav{width: 100%;height: 200px;padding:40px 0 30px 0;}
    .product-detail .detail-nav ul{padding: 0 30px;}
    .product-detail .detail-nav ul li{width: 180px;font-size: 12px;}
    .product-detail .detail-nav ul li img{width: 100px;}
    .product-detail .detail-nav .bottomYuan{width: 100px;height: 100px;top: -10px;left: 40px;}
    
    .his-banner1-wrap{padding: 0 40px;}
    .his-btns{width: 95%;left:2.5%;}
    .his-banner1-wrap .contents{padding:20px;}
    .his-banner1-wrap .scroll-wrap{overflow-y:scroll;}
   .his-banner1-wrap .scroll-wrap::-webkit-scrollbar {display: none;}
    .his-banner2-wrap .s-poa-wrap{padding:0 25px;line-height: 14px;}
    .his-banner2-wrap .s-poa{font-size:12px;line-height:1.4;}
    .his-banner2-wrap .s-poa:first-of-type .s-poa-span{padding-left:0;}
    .his-banner2-wrap .s-poa:last-of-type .s-poa-span{padding-right:0;}
    
    .brand-honor .honor-warp{width:90vw;}
    .brand-honor .honor-warp .con #roll .right .roll-box .swiper-item > li{padding-right:0;}
    .brand-honor .honor-warp .con #roll .right .roll-box .swiper-item > li .pic{width:90vw;}
}
@media screen and (max-width: 390px){
    .foot .wrap{padding: 20px 15px;}
    
     /*.section3 .wrap .content-box h1{font-size: 18px;}*/
     .section3 .wrap .content-box .sub-tit{font-size: 16px;}
     .section3 .wrap .content-box ul{padding-top: 15px;}
     .section3 .wrap .content-box ul li .cont-box .tit{font-size: 16px;}
     .section3 .wrap .content-box ul li .cont-box .tit span{font-size: 22px;}
     .section3 .wrap .content-box ul li{margin-bottom: 10px;}
     .section3 .wrap .col.c2{margin: 30px 0;}

     .buy-pro .tab{top: 10px;}
     
     .development-nav li{width:145px;}
}