body,html{height: 100%;-webkit-text-size-adjust:none;}

* {margin:0px;padding:0px;border:none;outline:none;}

body{font-family:"Microsoft Yahei","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;font-size: 18px;} 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } 

h1,h2,h3,h4,h5,h6,h7{font-weight: normal;}

ol,li{list-style: none;}

a{text-decoration: none;color:#010101;}

a:hover,a:focus,a:visited{text-decoration:none;outline:none;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none;}

input:focus {outline:none !important;box-shadow: none !important;}

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

.text-max-800{max-width: 800px;margin:0 auto;}

a:hover{color: #085BD1;}

input:focus, textarea:focus,  select:focus {outline: none; box-shadow: inherit;}

img {

	max-width: 100%;

	height: auto;

	width: auto;

	vertical-align: middle;

    border: 0;

}

.container{width: auto; margin: 0 15px; padding: 0;}

.container2{width: auto; margin: 0 15px; padding: 0;}

.container-fluid{padding: 0;}

.ell{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.ellipsis2{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }

.ellipsis3{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; }

.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

html{font-size: 100px;}

.white{color: #fff !important;}

@media (max-width: 1600px){html{font-size: 95px;}}

@media (max-width: 1440px){html{font-size: 90px;}}

@media (max-width: 1220px){html{font-size: 85px;}}

@media (max-width: 1024px){html{font-size: 80px;}}

@media (max-width: 991px){html{font-size: 70px;}}

@media (max-width: 639px){html{font-size: 60px;}}

@font-face {

  font-family: 'iconfont';

  src: url('../fonts/iconfont.ttf'),

  url('../fonts/iconfont.woff'),

  url('../fonts/iconfont.woff2');

  font-weight: normal;

  font-style: normal;

}

/* @font-face {font-family: 'PingFang';src: url('../fonts/PingFang.otf');} */
@font-face {font-family: 'PingFang';src: url('../fonts/PingFang.woff2');}

@font-face {

	font-family:'MiSans';

	src: url('../fonts/MiSans.ttf');

}

@font-face {

    font-family: 'Square_721_Bold_BT';

    src: url('../fonts/Square_721_Bold_BT.eot');

    src: url('../fonts/Square_721_Bold_BT.eot') format('embedded-opentype'),

         url('../fonts/Square_721_Bold_BT.woff2') format('woff2'),

         url('../fonts/Square_721_Bold_BT.woff') format('woff'),

         url('../fonts/Square_721_Bold_BT.ttf') format('truetype'),

         url('../fonts/Square_721_Bold_BT.svg#Square_721_Bold_BT') format('svg');

}

.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}

.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.tc{text-align: center;}

.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

.icon-tel:before {content:"\e606";}

.icon-a-1:before {content:"\e609";}

.icon-a-2:before {content:"\e60a";}

.icon-a-3:before {content:"\e60b";}

.icon-ico-more-2:before {content:"\e60d";}

.icon-more:before {content:"\e60e";}
@font-face {
  font-family: "iconfontkefu"; /* Project id  */
  src: url('../fonts/iconfontkefu.ttf?t=1649658983658') format('truetype');
}

.iconfontkefu {
  font-family: "iconfontkefu" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-kefu:before {
  content: "\e646";
}
.icon-zhiding:before {
  content: "\e7ee";
}


/*header*/

header{position: relative;width: 100%;z-index: 999;}

.head-main{position: fixed; width: 100%;height: 1rem; display: flex;display: -moz-box;display: -ms-flexbox;align-items: center;-ms-flex-align: center;

 justify-content: space-between;padding: 0 .8rem;transition: all .5s;}


 .head-main.sticky{background:rgba(0,0,0,.6); }


.logo{width: 1.48rem;}

.logo img{}

.logo img:nth-of-type(1){display: block;}

.logo img:nth-of-type(2){display:none;position: absolute;left: 1rem;top:50%;transform: translateY(-50%);}

/*nav*/

.header-nav{position:relative;flex: 1;-webkit-flex:1;-webkit-box-flex: 1;display: flex;}

.header-nav ul{display: flex;justify-content:flex-end; padding-right:4.5vw;align-items: center;width: 100%;}

.header-nav ul li{margin-right: .7rem;}

.header-nav ul li a{color: #fff;text-align: center;font-size:  18px;}

.header-nav .active a,.header-nav ul li a:hover{color: #ddd;}

.nav-icon {display:block;position:absolute;right:.8rem;top:50%;margin-top:-7px;cursor: pointer;}

.nav-icon span {display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s linear;}

.nav-icon span:not(:first-child) {margin-top:4px;}

.nav-icon.on span:nth-of-type(1) {-webkit-transform:matrix(1,0,0,1,0,6) rotate(45deg);transform:matrix(1,0,0,1,0,6) rotate(45deg);}

.nav-icon.on span:nth-of-type(2) {width:0;}

.nav-icon.on span:nth-of-type(3) {-webkit-transform:matrix(1,0,0,1,0,6) rotate(45deg);transform:matrix(1,0,0,1,0,-6) rotate(-45deg);}

/* .head-main.sticky .nav-icon span{background-color: #333;} */

.head-r{display: flex;}

.language{border-right: 1px solid #ddd;padding-right: 10px;}

.language a{color:#ddd ;margin-right: 10px;font-size:  18px;}

.language a.on{color: #fff;}

.telephone{color: #fff;padding-left: 20px;font-size:  18px;}

.telephone i{margin-right: 8px;}

/* banner */

.banner {overflow: hidden;height: 100vh;}

.banner .swiper-container{position:relative;height: 100vh;}

.banner .swiper-container .swiper-wrapper{height: 100vh;}

.banner .swiper-slide{overflow: hidden;}

#section0 .images{height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.banner-txt{position:absolute;left:10%;top: 40%;transform: translateY(40%); transition: all 1s ease; transition-delay: 0.3s;color: #fff; opacity: 0;}

.swiper-slide.swiper-slide-active .banner-txt{transform: translateY(0); opacity: 1;}

.banner-txt h3{font-size: .72rem;font-weight: bold;margin-bottom: 20px;}

.banner-txt p:nth-of-type(1){font-size: .48rem;margin-bottom: 20px;font-family: 'PingFang';}

.banner-txt p:nth-of-type(2){font-size: 20px;font-family: 'PingFang';}

.widthFix{width: 100%}

.bannerimg{width: 100%; height: 100vh;object-fit: cover;/* transform: scale3d(1, 1, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1); */}

/* .banner .swiper-slide-active .bannerimg{transform: scale3d(1.15, 1.15, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);} */



#section0 .swiper-button-next, #section0 .swiper-button-prev{bottom: 10%;top: auto; width: 60px;height: 60px;background-image: none;}

#section0 .swiper-button-prev::before{font-family:iconfont;content:"\e60e";font-size: 60px;color: #fff;}

#section0 .swiper-button-prev{right: calc(9.8% + 100px);left: auto;}

#section0 .swiper-button-next::before{font-family:iconfont;content:"\e60d";font-size: 60px;color: #fff;}

#section0 .swiper-button-next{right: 9.8%;}

#section0 .swiper-pagination-current{font-size: 40px;font-weight: bold;}

#section0 .swiper-pagination{color: #fff;bottom: 10%;text-align: right;right: 5%;left: auto;font-size: 20px;}

/* 产品中心 */

.indx-pro{background:url(../images/pro-bg.jpg) no-repeat;background-size: cover;}

.indx-tit .en{font-size: 40px;}

.indx-tit .en span{color: #006CFF;}

.indx-tit .cn{font-size: 30px;font-family: 'PingFang';}

.indx-pro .container{padding: 2rem 0 1rem;position: relative;}

.indx-pro .swiper-container{position: unset;}

.indx-pro .swiper-wrapper{transition: all .5s;}

.indx-pro .indx-tit{position: absolute;left: 1.25rem;}

.indx-pro-item{display: flex;justify-content: space-between;padding: 0 1rem;}

.indx-pro-l{margin-top: 1.8rem;padding-right: .45rem;padding-left: .25rem; width:55%;}

.indx-pro-l h2{font-size: .55rem;color: #222;font-weight: bold;margin-bottom: 20px;}

.indx-pro-l p:nth-of-type(1){font-size: 28px;margin-bottom: 40px;}

.indx-pro-l p:nth-of-type(2){font-size: 25px;margin-bottom: 60px;}

.more-btn{width: 1.8rem;border: 1px solid #666;color: #484848; border-radius: 4px; text-align: center;display: block;padding: 10px 0;transition: all .5s;}

.more-btn:hover{border: 1px solid #006CFF;color: #006CFF;}
.indx-pro-r{ width:45%;}
.indx-pro-r img{width: 5.4rem; max-width:90%;}

.indx-pro .swiper-button-next, .indx-pro .swiper-button-prev{width: 60px;height: 60px;background-image: none;}

.indx-pro .swiper-button-prev::before{font-family:iconfont;content:"\e60e";font-size: 60px;color: #006CFF;}

.indx-pro .swiper-button-next::before{font-family:iconfont;content:"\e60d";font-size: 60px;color: #006CFF;}

/* .indx-pro .swiper-button-next{right: -50px;}

.indx-pro .swiper-button-prev{left: -50px;} */

.indx-pro .swiper-pagination{bottom: 10%;}

.indx-pro .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 10px !important; border-radius: 50%;border: 1px solid #9E9E9F;transition: all .5s;}

.indx-pro .swiper-pagination-bullet-active{width: 32px;background: #006CFF;border-radius: 5px;border:1px solid #006CFF ;}

/* 解决方案 */

.indx-solution{margin: .75rem 0 .4rem;}

.indx-tit p{font-size: 16px;margin-top: 20px;line-height: 30px;}

.indx-solution .indx-tit{margin-bottom: 40px;}

.indx-solution-list{display: flex;justify-content: space-between;overflow: hidden;}

.indx-solution-list .item{position: relative;cursor: pointer;}

.indx-solution-list .item::before{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,108,255,.7) ;opacity: 0;transition: all .5s;}

.indx-solution-list .item .info{position: absolute;width: 100%; left:50%;top:10%;transform: translateX(-50%);text-align: center;

transition: all .5s;}

.indx-solution-list .item .info img{width: .6rem; height: .6rem;margin-bottom: 40px;}

.indx-solution-list .item .info h3{font-size: .28rem;color: #fff;margin-bottom: 20px;font-family: 'PingFang';}

.indx-solution-list .item .info p{font-size: .2rem;color: #fff;font-family: 'PingFang';}

.indx-solution-list .info .more-btn-small{margin:1rem auto;opacity: 0;color: #fff;}

.more-btn-small{display: block;width: .88rem;padding: 8px 0;text-align: center;color: #fff;font-size: 12px;border: 1px solid #fff;border-radius: 4px;}

.indx-solution-list .item:hover::before,.indx-solution-list .item:hover .info .more-btn-small{opacity: 1;}

.indx-solution-list .item:hover .info{top: 12%;}


.indx-st{margin-top: .7rem;}
.indx-st-main{display: flex;}
.indx-st-tag{width: 57%;}

.indx-st-l{width: 68%; height:7.11rem; overflow:hidden;}
.indx-st-l > div{display: none;height:7.11rem;}
.indx-st-l > div.on{display: block;}

.indx-st-l > div img{width: 100%;height: 100%; object-fit:cover;}



.indx-st-r{background: url(../images/st-b.jpg) no-repeat;width: 32%;background-size: cover;}

.indx-st-r .indx-tit{padding: 1.2rem .8rem;color: #fff;}

.indx-st-r p{font-size: 16px;line-height: 30px;color: #fff;}

.indx-st-r > div{display: none;}

.indx-st-r > div.on{display: block;}



.indx-st-list{display: flex;justify-content: flex-end;margin-top: -1.6rem;}



.indx-st-list .item{float: left;width: 33.33%; height:1.98rem; overflow:hidden;}

.indx-st-list a{position: relative;display: block; height:100%;}
.indx-st-list .item img{ object-fit:cover; width:100%;  height:100%;}

.indx-st-list a::before{position: absolute;content: ""; left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,108,255,.4);opacity: 0;transition: all .5s;}

.indx-st-tit{position: absolute;left: 20px;bottom: 20px;font-size: 16px;color: #fff;transition: all .5s;}

.indx-st-list a:hover::before,.indx-st-list .item.on a::before{opacity: 1;}

.indx-st-list a:hover .indx-st-tit,.indx-st-list .item.on a .indx-st-tit{left:30%;top: 50%;}



/* 企业简介 */

.indx-about{margin-top: 60px;position: relative; height:7.63rem;overflow: hidden;}
.indx-about::after{position:absolute;content:''; width:100%; height:100%; background:rgba(0,0,0,0.25); left:0;top:0;z-index:2}
.indx-about img,.indx-about video{object-fit: cover; width:100%; height:100%}

.indx-about .container{position: absolute;left: 0;top: 50%;right:0; bottom:0; transform: translateY(-50%);z-index:5;}

.indx-about .indx-tit{margin-bottom: 60px;color: #fff;}

.indx-about p{color: #fff;margin-bottom: .9rem;margin-top: .6rem;width: 60%;margin-left: auto;margin-right: auto;line-height: 30px;}

.indx-about .more-btn{color: #fff;margin: 0 auto;}

/* 热门新闻 */

.indx-news{background: url(../images/news-bg.jpg) no-repeat;height: 9.7rem;background-size: cover;padding: 60px 0;}

.indx-tit-lr{position: relative; margin-bottom: 40px;}

.indx-tit-lr .more-btn{position: absolute;right: 0;top:28%;}

.indx-news-list{display: flex;justify-content: space-between;}

.indx-list-l{width: 40%;}

.indx-list-r{width: 50%;}

.indx-list-l a{display: block;overflow: hidden;box-shadow: 0px 17px 40px 1px rgba(95, 95, 95, 0.1);}

.indx-list-l a:hover{box-shadow: 0px 17px 40px 1px rgba(95, 95, 95, 0.1);}

.indx-list-l .img{margin-bottom: .5rem;transition: all .5s;overflow: hidden;}

.indx-list-l a:hover .img{transform: scale(1.1);}

.indx-list-l .info{padding: .5rem;}

.indx-list-l .info span{display: block;margin-bottom: 24px;}

.indx-list-l .info h4{font-size: 22px; line-height: 31px;margin-bottom: 12px;}

.indx-list-l .info p{color: #999;font-size: 16px; line-height:30px;}

.indx-list-t{overflow: hidden;margin: 0 -30px;}

.indx-list-t li{float: left;width: 50%;padding: 0 30px;box-sizing: border-box;}

.indx-list-t li a{display: block;overflow: hidden;}

.indx-list-t li a img{transition: all .5s; height:2.6rem;object-fit: cover;}

.indx-list-t li a:hover img{transform: scale(1.1);}

.indx-list-t li h4{margin: 20px 0;color: #484848;line-height: 30px; height: 60px; font-size: 16px;overflow: hidden; text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;}

.indx-list-t li span{display: block;color: #888;}

.indx-list-b{margin-top: 30px;}

.indx-list-b li a{display: flex;padding: 27.2px 0;border-bottom: 1px solid #D8D8D8;}

.indx-list-b li a h4{flex: 1;font-size: 16px;color: #484848;overflow: hidden;line-height: 28px;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;transition: all .5s;}

.indx-list-b li a:hover h4{color: #017bfe;}	

.indx-list-b li a span{color: #888;}

.indx-ser{background: url(../images/ser-bg.jpg) no-repeat;height: 2rem;color: #fff;text-align: center;background-size: cover;}

.indx-ser .container{display: flex;justify-content: center;padding: .7rem 0;}

.indx-ser p{font-size: .32rem;padding-right: 50px;}

.indx-ser a{width: 1.8rem;height: .48rem;line-height: .48rem; display: block;background: #fff;color: #006CFF;font-size: 16px;border-radius: 4px;}

/* 底部 */

.foot{background: url(../images/bg-footer.jpg) no-repeat;height: 5.44rem;background-size: cover;}

.foot-top{padding: 50px 0;border-bottom: 1px solid #3c3f46;}

.foot-cent{padding: 40px 0;display: flex;}

.foot-cent-l{display: flex;width: 65%;justify-content: space-between;}

.foot-cent-l dl dt{font-size: 14px;color: #fff;position: relative;margin-bottom: 30px;}

.foot-cent-l dl dd a{color: #999;font-size: 14px;display: block;margin-bottom: 10px;}

.foot-cent-l dl dd a:hover{color: #fff;}

.foot-cent-l dl dt::after{position: absolute;left: 0;bottom:-10px;content: "";background: #006CFF;height: 2px;width: 18px;}

.foot-cent-l dl dt dl{font-size: 14px;color: #999999;margin-bottom: 20px;}

.foot-cent-c{text-align: center;width: 20%;}

.foot-cent-c p{font-size: 14px;color: #999;margin-top: 16px;}

.foot-cent-r{width: 15%;}

.foot-cent-r dl{margin-bottom: 20px;}

.foot-cent-r dl dt{font-size: 14px;color: #fff;}

.foot-cent-r dl dt img{padding-right: 10px;width: 32px;}

.foot-cent-r dl dd{font-size: .22rem;color: #006CFF;display: inline-block;position: relative;margin-right: 5px;cursor: pointer;}

.foot-cent-r dl dd .hover-2wm{position: absolute;left: -80%; width: 1.16rem;opacity: 0;transition: all .8s;}

.hover-2wm::before{position: absolute;content: "";left:50%;top: -8px;

	display: inline-block;

	font-size: 0;

	line-height: 0;

	vertical-align: 2px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 4px;

	border-color: transparent transparent #fff transparent;

	transform: translateX(-50%);

}

.foot-cent-r dl dd:hover i{color: #006cff;}

.foot-cent-r dl dd:hover .hover-2wm{opacity: 1;}

.foot-cent-r dl dd i{font-size: 40px;color: #ddd;}

.foot-bott{background:#181e2a ;border-top: 1px solid #3c3f46; padding: 30px 0;color: #999;font-size: 14px;}
.foot-bott1{ padding: 30px 0;color: #999;font-size: 14px;}
.foot-bott .container{display: flex;}

.foot-bott a{color: #999;}

.foot-bott p:nth-of-type(1){flex: 1;}



/* 公用 */

.p-circle p{ position: relative;padding-left: 20px;}

.p-circle p::before{width: 14px; height: 14px; border: 1px solid rgb(6, 105, 239); border-radius: 50%;position: absolute; content:  ''; left: 0; top: 6px;} 

.p-circle p::after{

    position: absolute; content: ''; width: 10px; height: 10px; border: 2px solid rgb(6, 105, 239); border-radius: 50%;  left: 2px;

    top: 8px;

}

/* 产品中心页面 */

.inner-banner{position: relative;width: 100%;height: 6.09rem;}

.inner-banner img {

    object-fit: cover;

    width: 100%;

    height: 100%;

}

.inner-banner-txt {

    position: absolute;

    left: 12VW;

    right: 50VW;

    bottom: 0;

    top: 40%;

    flex-wrap: wrap;

    overflow: hidden;

}

.inner-banner-txt .inner-title-txt,.inner-banner-txt h1{position: relative;padding-bottom: .18rem; font-size: .4rem;  line-height: .5rem; color: #000000;}

.inner-banner-txt .inner-title-txt::after,.inner-banner-txt h1::after{position: absolute; content: ''; width: 60px; height: 5px; background: #0669ef; left: 0; bottom: 0; }

.inner-banner-txt p{font-size: .28rem; margin-bottom: .1rem;color: #000000;}

.pro-breadcrumb{background: #e9ebec; padding: .18rem 12vw; border-bottom: 1px solid #dcdcdc;}

.pro-breadcrumb ol{display: flex; align-items: center;}

.pro-breadcrumb li{padding: 0 8px;}

.pro-breadcrumb li,.pro-breadcrumb  a,.pro-breadcvwrumb  li .active{font-size: 16px;color: rgba(0, 0, 0, 0.702);}

.breadcrumb_home{position: relative; padding-left: 28px;}

.breadcrumb_home::after{position: absolute; content: ''; width: 16px; height: 17px; background: url(../images/home.png) no-repeat; left: 0; top: 50%; margin-top: -8.5px;}

.jiantou-right{display: inline-block; width: .1rem; height: .1rem; border-top: 1px solid rgba(0, 0, 0, 0.702);border-left: 1px solid rgba(0, 0, 0, 0.702); transform: rotate(135deg); margin-left:8px;}

.pro-center{ background-color: #efefef; padding: 3.7vw 1.06vw 0;}

.pro-tabs,.about-tabs{display: flex; justify-content: center; align-items: center; margin-top: .8rem;}

.pro-tabs .more-btn,.about-tabs .more-btn{margin-right: .18rem;padding: 6px 0;border: 1px solid #c9c9c9; color: #000000; }

.pro-tabs .more-btn:hover,.pro-tabs .more-btn.on,.about-tabs .more-btn:hover,.about-tabs .more-btn.on{ background: #0669ef; color: #fff;}

.tab-content{padding-top: .5rem; }

.pro-tab-con{ overflow: hidden; display: none;}

.pro-tab-con.on{display: block;}

.pro-tab-con .row{border-bottom: 1px solid #dcdcdc;}

.pro-tab-con .item{display: block; cursor:pointer;}

.pro-tab-con .item .item-img{width: 99.5%; margin: auto; background-color: #d1d9de; overflow: hidden;text-align: center;height:3.2rem ; }

.pro-tab-con .item .item-img>img{margin: auto; transform: scale(1); transition:  all .5s; object-fit: cover; height: 100%;  padding: 2vw;}

.pro-tab-con .item .item-txt{text-align: center; padding: .25rem .2rem .38rem; }

.pro-tab-con .item .item-txt h5{color: rgba(0, 0, 0, 0.8);font-weight: bold; font-size: .22rem; margin-bottom: .2rem;transition: all .5s;}

.pro-tab-con .item .item-txt p{ color: rgb(68, 68, 68); font-size: 16px; line-height: 0.3rem; height:0.6rem; overflow: hidden;}

/* 分页 */

.mypage{ text-align: center; padding: 3.5vw .1rem ;}

.mypage .pagination>li>a,.mypage .pagination>li>span{background-color: transparent; color: #000; margin: 0 4px;border-radius: 4px;}

.mypage .pagination>.active>a,.mypage  .pagination>.active>a:focus,.mypage  .pagination>.active>a:hover,.mypage  .pagination>.active>span,.mypage  .pagination>.active>span:focus,.mypage  .pagination>.active>span:hover,.mypage .pagination li a:hover{

	background-color: #337ab7; color: #fff;

}

.mypage .pagination .page-perv,.mypage .pagination .page-next{padding: 6px 18px;}

/* 应用中心 */

.case-center {background-color: #efefef;padding: 3.7vw 4.7vw 0;}

.case-tab .pro-tab-con .item .item-img{ width: 94% !important; }

.case-tab .pro-tab-con .row>div{padding-top: .5rem; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;padding-bottom: .5rem;}

.case-tab .pro-tab-con .row{border-bottom: 0;}

/* 新闻中心 */

.news-center{ background-color: #efefef; padding: 3.7vw 3vw 0;}

.news-content .news-item:nth-child(1){border-top: 1px solid rgb(201, 201, 201);}

.news-content .news-item{border-bottom: 1px solid rgb(201, 201, 201);}

.news-txt{position: relative; padding: .26rem 0;}

.news-item .news-img{overflow: hidden;}

.news-item .news-img img{transition: all .5s; transform: scale(1); max-width:80%;}

.news-content .news-time{color: rgb(0, 0, 0);

	font-size:  18px;  line-height: 2.2;}

.news-content .news-title{color: rgba(0, 0, 0, 0.902); font-size: 26px; font-weight: bold;line-height: 1.7; margin-bottom: .1rem; margin-top: .2rem; transition: all .5s;}

.news-content .news-del{color: rgb(143, 143, 143);

	font-size: 16px; line-height: 1.5;}

.news-content .news-img{width: 22vw;padding: 15px 0; text-align: right; margin-left: .2rem; display: flex;
    justify-content: flex-end;
    align-items: center;}

.more-news{display: flex; align-items: center; font-size: 14px; color: rgb(0, 0, 0); margin-top: .8rem;}

.news-jiantou-icon{display: inline-block; width: 12px; height: 1px; background: #73726e; position: relative; margin-left: 6px;}

.news-jiantou-icon::after{position: absolute; content: ''; width: 6px; height: 6px; border-top: 1px solid #73726e;border-right: 1px solid #73726e; transform: rotate(45deg); right: 0; top: 50%; margin-top: -2.8px;}

/* 视频中心 */

.video-center{background-color: #efefef;padding: 3.7vw 4.7vw 0;}

.video-tab-content .pro-tab-con .row>div{padding-top: .3rem; padding-bottom: 0;}

.video-tab-content .pro-tab-con .item .item-txt{ padding: .3rem .2rem .1rem; }

.video-tab-content .item-img{ position: relative;}

.video-tab-content .item .video-img{transition: all .5s;}

.video-tab-content .item .video-coverbg{position: absolute;opacity: 1;visibility: visible; left: 0; right: 0; top: 0; bottom: 0;  background-color: rgba(0, 0, 0, 0.3); z-index: 5; transition: all .5s;}
.video-cover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.video-cover .video-play{width: 1rem; height: 1rem; position: absolute; left: 50%; top: 50%; margin-left: -.5rem; margin-top: -.5rem; cursor: pointer;}
.video-coverbg .video-play{width: .67rem; height: .67rem;margin-left: -.325rem; margin-top: -.325rem; }
.paly-trangle{position: absolute;left: 50%;top: 50%;width: 0; height: 0; margin-top: 5px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid rgba(255,255,255,1); margin-top: -4px;margin-left: -4px;}
.video-tab-content .item .video-cover:hover{opacity: 1; visibility: visible;}

.video-img.dnone{opacity: 0;visibility: hidden;}

.video-cover.dnone{opacity: 0 !important; visibility: hidden !important;}



.video-box{position: absolute;opacity: 0; visibility: hidden;  left: 0; right: 0; top: 0; bottom: 0; opacity: 0;  visibility: hidden; z-index: 2; transition: all .5s;}

.video-box video{object-fit: contain; width: 100%;}

.video-box.dblock{opacity: 1; visibility: visible;}

/* 新闻详情 */

.news_del{background-color: #efefef; padding: 4.5vw 0;}

 .news_content{background-color: #fff; padding: .58rem 2vw; margin-right: 2vw;}

 .news_del .news_del_title{border-bottom: 1px dotted rgb(201, 201, 201); padding-bottom: .27rem; }

 .news_del .news_del_title h3{ font-size: 27px; color: rgba(0, 0, 0, 0.902); margin-bottom: .15rem; line-height: 36px;}

 .news_del .news_del_title .news_del_time span{ position: relative; font-size: 16px; color: rgba(0, 0, 0, 0.702); padding: .15rem .22rem; display: inline-block;}

 .news_del .news_del_title .news_del_time span:nth-child(1){padding-left: 0;}

 .news_del .news_del_title .news_del_time span:not(:first-child)::after{position: absolute; content: ''; left: 0; top: 50%; width: 1px; height: 14px; margin-top: -7px; background: rgb(201, 201, 201);}

 .news_link{padding-left: 2vw;}

 .news_link_title{padding: .58rem 0; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(201, 201, 201);}

.news_link_title .ch{padding-left: 10px; font-weight: bold; position: relative;color: rgba(0, 0, 0, 0.902);

font-size: 27px;}

.news_link_title .ch::before{position: absolute; content: ''; width: 3px; height: 70%;top: 15%;left: 0; background-color: #0669ef;}

.news_link_title .en{color: rgba(0, 0, 0, 0.702);

    font-size: 16px;}

.news_del_content{padding: 3vw 0;    text-align: justify;}

.news_del_content p{font-size: 16px; line-height: 30px;color: rgba(0, 0, 0, 0.702);

}

.news_del_content img{max-width: 100%;}

.news_del_prevnextnebtn{ display: flex; align-items: center; justify-content: space-between;    padding: .2rem 0;}

.news_del_prevnextnebtn a{color: rgb(143, 143, 143); font-size: 16px; transition: all .5s;}

.news_del_prevnextnebtn a span{padding: .05rem .2rem; border: 1px solid rgb(201, 201, 201); color: rgb(0, 0, 0); font-size: 18px; border-radius: 5px; margin-right: 5px;transition: all .5s;}

.news_del_back{position: relative;  padding:.3rem 0;}

.news_del_back a{display: flex; align-items: center;color: rgb(0, 0, 0); font-size: 18px; justify-content: center;}

.news_del_back::before,.news_del_back::after{ position: absolute; content: ''; width: 43%; height: 1px; background-color: rgb(201, 201, 201); top: 50%; margin-top: -0.5px;}

.news_del_back::before{left: 0;}

.news_del_back::after{right: 0;}

.news_del_back img{height: 13px; margin-right: 10px;}

.news_link_list a { display: block; border-bottom: 1px solid rgb(201, 201, 201); padding: .25rem 0; transition: all .5s;}

.news_link_list a p{color: rgb(0, 0, 0); font-size: 16px; position: relative;padding-left: 10px; line-height: 28px; margin-bottom: .1rem; transition: all .5s;

}

.news_link_list a p::after{position: absolute; content: ''; width: 3px; height: 3px; background-color: rgb(0, 0, 0); border-radius: 50%; left: 0; top: 12px; margin-top: -2px;}

.news_link_list a span{padding-left: 10px;color: rgba(0, 0, 0, 0.702); font-size: 16px;

}



/* 联系我们 */

.contacts{ overflow: hidden;background-color: #efefef; }
.contact-center{  padding: 3.7vw 5.8vw 0;background: url(../images/contact-dot.png) no-repeat; background-size: 100% auto; background-position: left -1rem;}


.contact-tel-content{ margin-top: .72rem; /*background:url(../images/img/raetts-en2.png) no-repeat; background-position:left center; background-size: auto auto ;*/ align-items: center; justify-content: center; padding: .75rem 0vw;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc; position: relative; }
.contact-tel-content::before{position: absolute; content: ''; top: -25px; left: 0; width:100%; height: 30px;  background:url(../images/img/contact-bg11.png) no-repeat;  background-size: 100% 100%;}
.contact-tel-content::after{position: absolute; content: ''; bottom: -25px; left: 0; width:100%; height: 30px;  background:url(../images/img/contact-bg22.png) no-repeat;  background-size: 100% 100%; }


.contact-tel1{width: 55%; }
.contact-tel2{width: 45%;}
.contact-line{align-items: center;    justify-content: center;}
.contact-line img{width: .72rem; margin-right: .16rem;}
.contact-line div p.c0{ color: #0669ef; font-size: .26rem;}
.contact-tel-content .c1{ font-size: 48px; color: rgb(6, 105, 239); text-align: center;  font-family: 'Swiss721BoldBT';   font-weight: bold;}
.contact-tel2 .c2{ font-size: 16px; line-height: 26px;color: rgba(0, 0, 0, 0.702); }
.contact-tel2 .c2 span{color: rgb(0, 0, 0); font-weight: bold;}
.contact-3{padding-top: .75rem;}
.contact-3 .c3-p1{color: rgb(6, 105, 239); font-size: 26px;} 
.contact-3 .c3-p2{color: rgb(0,0,0); font-size: 26px; margin-top: 4px;} 
.contact-list{justify-content: space-between; padding: 1rem 0 1.4rem; overflow: hidden;}

.contact-item .contact-circle{width: 2.12rem; border-radius: 50%; height: 2.12rem; margin: auto; background-color: #d8d8d8; text-align: center; display: flex; align-items: center; overflow: hidden; justify-content: center; transition: all .5s;}

.contact-item .contact-circle img{height: .64rem; width: .64rem; margin-bottom: .12rem; transition: all .5s;}

.contact-item .contact-circle p{ line-height: 26px; font-size: 16px; color: rgb(68, 68, 68);transition: all .5s;

}

.contact-center2{ background-color: #efefef;}

.contact-mr{margin-right: 13.5vw;}

.contact-ml{margin-left: 13.5vw;}

.sty1-padr{padding-right: 6vw;padding-left: 18.5vw;}

.sty1-padl{padding-left:6vw;padding-right: 18.5vw;}

.contact-con{margin-bottom: .75rem;}

.contact-con-img{width: 38%; }
.contact-ml .contact-con-img{text-align: right;}

.contact_con_txt{width: 62%; display: flex; align-items: center;position: relative; box-shadow: 0px 17px 40px 1px rgba(95, 95, 95, 0.45);}

.contact_con_txt div{position: relative; z-index: 5;}

.pbr{right:6vw;}

.pbr2{right:18.5vw;}

.contact_num{font-family: 'Square_721_Bold_BT';position: absolute; top: .4rem; z-index: 2; font-size: 1.33rem;-webkit-text-stroke: 1px rgba(0,0,0,0.1);color: transparent;}

.contact_con_txt div h4{ font-size: 27px; color: rgb(6, 105, 239); font-weight: bold; margin-bottom: .22rem;}



.contact_con_txt div p{font-size: 16px; position: relative;line-height: 26px; color: rgb(0, 0, 0); margin-bottom: .2rem;

}





/* 走进雷茨 */

.about-center{background-color: #efefef; padding: 3.7vw 0vw 0; background-image: url(../images/contact-dot.png); background-repeat: no-repeat; background-size: 100% auto;}

.about_1{ padding: .5rem 12.5vw; }

.about_1_video{ width: 42%; position: relative;}

.about_1_txt{ width: 58%; padding-top: 1.15rem; padding-left: 5.4vw; }

.about-title .ch{ font-size: .5rem; color: rgb(6, 105, 239);}

.about-title .en{ font-size: 27px; color: rgb(68, 68, 68);}

.about_1_txt .about-txt{ margin-top: .6rem;}

.about_1_txt .about-txt .about-p1{ font-size: .27rem; line-height: .45rem; color: rgb(6, 105, 239);font-weight: bold; margin-bottom: .63rem;

}

.about_1_txt .about-txt .about-p2{font-size: .19rem; line-height: .33rem; color: rgb(70, 72, 76);}

.about_2{ background: url(../images/img/ABOUTU.png) no-repeat; background-size: auto 1.98rem; background-position: top right; position: relative; text-align: right; padding-top: 1.90rem; margin-top: -.5rem; overflow: hidden;    padding-bottom: 1rem;}


.about_2 .about_2_left { width: 53.5%; position: relative; z-index:6; margin-top:-.8rem; left: 0; text-align: left; background-color: #0778f1; color: #fff; padding: 5.25vw ;} 

.about_2_left_con{ padding: .75rem 5.55vw 0.75rem 7.25vw; border-top: 1px solid rgba(239, 238, 238,0.3);border-bottom: 1px solid rgba(239, 238, 238,0.3); }
.about_2 img{ position:absolute; z-index:2; width:60%; right:0; top:2rem}

.about_2_left .about-title .ch,.about_2_left .about-title .en,.brand_2_left .about-title .ch,.brand_2_left .about-title .en{color: rgb(239, 238, 238);}

.about_2_txt p,.brand_2_txt p{ font-size: 18px;  line-height:32px; color: rgb(239,238,238);margin-top: .45rem;}

.about_3{ padding:.4rem 12.5vw ; overflow: hidden;}

.about_3_title{ background: url(../images/img/RAETTS.png)  no-repeat; background-position: center center; background-size: 100% auto; padding: .5rem 5.1vw; text-align: center; }
.about_3 .about_3_title{background-size:100%  auto;}


.about_3_title p{color: rgba(0, 0, 0, 0.902); font-size: .35rem; font-weight: bold; line-height: .56rem;}

.about_3_title p.about_3_pt{color: #357aef; }

.about_3_content{ padding-top: .3rem; padding-bottom: .5rem;justify-content: space-between;}

.about_3_content_txt{padding-top: .5rem;}

.about_3_img{max-width: 65%;}

.about_3_content_txt .about_3_list{ display: flex; flex-wrap: wrap;}

.about_3_content_txt .about_item{width: 50%;margin-bottom: .5rem;}

.about_3_content_txt .about_item p{position: relative;color: rgb(0, 0, 0); font-size:  18px;}

.about_3_content_txt .about_item p span{ font-size: .64rem; color: rgba(6, 105, 239, 0.902);}



.about_3_content_txt .about_item p samp{position: absolute;

    top: 15%;color: #666666;font-weight: bold;font-size: .21rem; margin-left: 4px;color: rgba(6, 105, 239, 0.902);}

.about_3_p{display: flex; flex-wrap: wrap; margin-top: .2rem;}

.about_3_p p{width: 50%; margin-bottom: .13rem;color: rgb(68, 68, 68); font-size: 16px; line-height: 26px;}

.about_4{ background: url(../images/img/History.png) no-repeat; background-position: right top; }

.about_4_title{   padding-bottom: .5rem; }

.about_4_title .en span{color: #0669ef;}

.about_5_box{background: url(../images/img/honor-bg2.png) no-repeat;  background-position: bottom left;}

.about_5{ padding: 0vw 12.5vw 0;}

.about_5 .about_5_txt{padding: .3rem 0; background: url(../images/img/honor-bg.png) no-repeat; min-height: 4.25rem;background-position: center;background-size: auto 100%; }

.about_5 .about_5_txt h4{color: rgba(0, 0, 0, 0.902);

    font-weight: bold; font-size: .4rem; margin-bottom: .25rem;

   }

.about_5 .about_5_txt p{color: rgb(68, 68, 68); font-size: 16px;    line-height: 28px;}

.about_5_swiper{ padding: .9rem 0;}

.swiper-slide-img{display: flex; flex-wrap: wrap;}
.swiper-slide-img .swiper_img_box{width: 25%; padding: 0 10px ; box-sizing: border-box;}
.swiper-slide-img .swiper_img_box{margin-bottom: .3rem;  }

.swiper-slide-img .swiper_img_box img{object-fit: contain;  }
.about_5_swiper .swiper-container{padding-bottom: .8rem;}

.swiper-container{padding-bottom: .8rem;}

.about_5_swiper  .swiper-pagination-bullet{background: #b5b5b5; border-radius: 50%;  }

.about_5_swiper  .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin: 0 9px;}

.about_5_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff; border: 2px solid #0669ef;}

/* 品牌实力 */



.brand-center{background-color: #efefef; padding: 3.7vw 0vw ; }

.brand_1{padding: .65rem 12.5vw 1.35rem; }

.brand_1 .brand_item{ text-align: center; padding: .3rem 0;}

.brand_1 .brand_item p{font-size: 14px; color: #46484c; font-size: 18px; line-height: 30px;}

.brand_1 .brand_item p.brand_1_title{color: #000;font-weight: bold; position: relative; transition: all .5s; margin: .25rem 0 .45rem; font-size: .4rem;line-height: .6rem;}

.brand_1 .brand_item p.brand_1_title::after{position: absolute; content: ''; width: 19px; height: 6px;background: #0669ef; left: 50%; margin-left: -9.5px; bottom: -.2rem;}



.brand_5{ padding: .65rem 12.5vw 1.6rem; overflow: hidden;}

.brand_5 .about-title{margin-bottom: 1.16rem; margin-top: .5rem;}

.brand_5 .about-title .ch,.brand_8 .about-title .ch{color: rgb(0,0,0);}

.brand_5 .brand_item{ text-align: center;}

.brand_1 .brand_item img,.brand_5 .brand_item img{height: .97rem; transition: all .5s;}

.brand_5 .brand_item p{ font-size: 14px;color: #000000; line-height: 23px; padding: 0 .15rem;}

.brand_5 .brand_item p.brand_5_title{transition: all .5s; position: relative; font-size: 24px; margin: .2rem 0 .38rem; font-weight: bold; line-height: 30px; }

p.brand_5_title::after{position: absolute; content: '';left: 0; top: 0; width: 5px; height: 100%; background: #3f73cb;}

.brand_2,.dszzc_2{position: relative;}
.dszzc_2 {padding-bottom: 1rem;}
.brand_2{padding-bottom: .8rem;}

.brand_2_left{position: relative; margin-left:47%;width:53%; z-index:6; right: 0; top: .35rem;text-align: left; background-color: #0778f1; color: #fff; padding:4vw 5.25vw ; z-index:5;  }
.brand_2 img{position: absolute; left:0; top:0; max-width:60%;}
.brand_2_left .about_2_left_con{border: 1px solid rgba(239, 238, 238,0.3); padding: .6rem 7.25vw 0.6rem 5.55vw;}

.brand_3{text-align: center; padding: .96rem 0 .7rem;}

.brand_3 .about-title{margin-bottom: .8rem;}

.brand-p{line-height: 26px; font-size: 18px; line-height: 32px; color: #000000;}

.brand_4{ padding: .83rem 12.5vw 1.2rem; background-image: url(/images/pro-bg.jpg); background-size: cover;}

.brand_4_swiper{margin-top: .31rem; position: relative;padding: 0 3vw;}

.brand_4_swiper .swiper-slide img{box-shadow: 0px 17px 40px 1px rgba(95, 95, 95, 0.56) ;}

.brand_4_swiper .swiper-slide.swiper-slide-next{transform: scale(1.2);}

.brand_4 .about-title .en{margin-bottom: .7rem; }



.brand_4_swiper .swiper-button-prev,.brand_4_swiper .swiper-button-next{    background-image: none;  }

.brand_4_swiper .swiper-button-prev::before{

    font-family: iconfont;

    content: "\e60e";

    font-size: 37px;

    color: #8d8d8d;

}

.brand_4_swiper .swiper-button-next::before{

    font-family: iconfont;

    content: "\e60d";

    font-size: 37px;

    color: #8d8d8d;

}

.brand_4_swiper .swiper-button-prev:hover::before,.brand_4_swiper .swiper-button-next:hover::before{ color: #006CFF;}

.brand_4_swiper .swiper-container{padding: .5rem 0;}

.brand_6{text-align: right;}

.brand_6 .brand_2_left{left: 0; right: unset; padding: 3.5vw 5.25vw;}



.brand_6_img{text-align: right;}

.brand_6 .brand_2_left .about_2_left_con{padding: .75rem 7.25vw 0.2rem 5.55vw;}

.brand_6 .brand_2_txt p{margin-top: .32rem;}

.brand_7{padding:1.2rem 12.5vw .95rem ;    background: #e6e7e7;}

.brand_7 .about-title{padding-bottom: .75rem;}

.brand_7 .about-title .en{padding-bottom: .7rem;}

.brand_7_img{display: flex; flex-wrap: wrap; justify-content: space-between;}

.brand_7_img img{width: 48%;}

.brand_8{ background-color: #efefef; padding: .8rem 12.5vw .8rem;}

.brand_8 .about-title {display: flex; align-items: center; }

.brand_8 .about-title .brand-p{ margin-left: .3rem;}

/* 董事长致辞 */

.dszzc-center{ background-image: url(/images/dsz_bg.png) ; background-repeat: no-repeat; background-size: 100% auto; background-position:left .3rem ; background-color: #efefef; padding: 3.7vw 0vw ; }

.dszzc_1_txt_left{padding-right: 6vw;}

.dszzc_1{ padding: .7rem 12.5vw;}

.dszzc_1 .dszzc_p1{color: rgb(6, 105, 239);

    font-weight: bold; font-size: 26px; line-height: 35px; margin-top: .6rem; margin-bottom: .55rem;

   }



   .dszzc_1 .dszzc_p2 {color: rgb(70, 72, 76); font-size: 18px; line-height: 30px;

   }

.dsz_img1{position: relative; display: inline-block;}

.dsz_img1 img{position: relative; z-index: 5;}

.dsz_img1::after{position: absolute; content: '';z-index: 2; width: 100%; height:100%; background-color: #066bef; left: .3rem; top: .3rem;}

/* .dszzc_2 .brand_2_left{top: 2.5rem;} */

.dszzc_2_con{padding: .3rem 3.5vw; }

.dsz_left{position: absolute; left: .54rem; top: .48rem;}

.dsz_right{position: absolute; right: .54rem; bottom: .48rem;}

.dszzc_2_txt p{margin-bottom: .3rem; color: rgb(239, 238, 238); font-size: 18px; line-height: 30px;

}

.dszzc_2_img2{position:absolute; top: -.2rem; max-width: 54%; left:0 ; }
/* 产品详情 */
.prodel_contents{overflow: hidden;}
.pro_del_banner .inner-banner-txt{top: 30%;}

.pro_del_banner .inner-banner-txt h1{color: #000000;}

.pro_del_banner .prodel_ban_list{padding-top: .5rem;}

.pro_del_banner .prodel-item{text-align: center; margin-right: .6rem;}

.pro_del_banner .prodel-item img{height: 35px; width: auto;}

.pro_del_banner .prodel-item span{display: block; color: #46484c;}

.pro_del_banner .prodel-item .pro-ch{font-size: 18px; font-weight: bold; margin-top: 3px; margin-bottom: 3px; }

.pro_del_banner .prodel-item .pro-en{font-size: 10px; }

.pro_del_banner .inner-banner-txt p{color: #46484c; font-size: 18px; line-height: 30px; margin-top: .2rem;}

.pro_menu{background: #e5e8e9; height: .9rem; border-bottom: 1px solid #dcdcdc; display: flex; align-items: flex-end; justify-content: center;    flex-wrap: wrap;}

.pro_menu a{display: block;  line-height: .9rem;

    height: .9rem; position: relative; margin: 0 2vw;  color: #000000; transition: all .5s;}

.pro_menu a::after{position: absolute; content: ''; width: 0; height: 2px; background-color: #0669ef; left: 0; bottom: 0; opacity: 0; visibility: hidden; transition: all .5s; }

.pro_menu a.on,.pro_menu a:hover{color: #0669ef;}

.pro_menu a.on::after,.pro_menu a:hover::after{width: 100%;opacity: 1; visibility: visible;}

.pro_del_1{background: #e5e8e9; padding: .76rem 20.35vw 0; align-items: center;}

.pro_del_1_img{max-width: 50%;}

.pro_del_1_txt{padding-left: 1.6vw;}

.pro_del_p{color: #46484c; font-size: 18px; line-height: 32px;}

.pro_del_1 .pro_del_p{ margin-top: .3rem;}

.pro_del_2{background: #e6e7e7;padding: .45rem 20.35vw .1rem;}

.pro_del_section{   width: 100%; margin: auto;}

.pro_del_section .prodel-t1{font-size: .3rem; font-weight: bold; line-height: 35px; margin-bottom: .24rem; text-align: center;}

.pro_del_section .prodel-p1{font-size: 18px;  line-height: 33px; margin-bottom: .6rem;}

.pro_del_3{background: #d8dadd;padding: 1.45rem 12vw; align-items: center; justify-content: space-between;}

.pro_del_3 .pro_del_1_txt{max-width: 40%;}

.prodel_3_t3{margin-bottom: .45rem;}

.prodel_3_t3p1{font-size: .24rem; font-weight: bold; color: #000000;}

.prodel_3_t3p2{font-size: .26rem;font-weight: bold; color: #000000;}

@keyframes trackBallSlide{

    0%{opacity: 1;

      -webkit-transform: scale(1) translateX(-8px);

      transform: scale(1) translateX(-8px);}

      6% {

        opacity: 1;

        -webkit-transform: scale(0.9) translateX(3px);

        transform: scale(0.9) translateX(3px);

    }

    14% {

      opacity: 0;

      -webkit-transform: scale(0.4) translateX(10px);

      transform: scale(0.4) translateX(10px);

  }

  15%, 19% {

    opacity: 0;

    -webkit-transform: scale(0.4) translateX(-8px);

    transform: scale(0.4) translateX(-8px);

  }

  28%, 29.99% {

    opacity: 1;

    -webkit-transform: scale(1) translateX(-8px);

    transform: scale(1) translateX(-8px);

  }

  30% {

    opacity: 1;

    -webkit-transform: scale(1) translateX(-8px);

    transform: scale(1) translateX(-8px);

  }

  36% {

    opacity: 1;

    -webkit-transform: scale(0.9) translateX(3px);

    transform: scale(0.9) translateX(3px);

  }

  44% {

    opacity: 0;

    -webkit-transform: scale(0.4) translateX(10px);

    transform: scale(0.4) translateX(10px);

  }

  45%, 49% {

    opacity: 0;

    -webkit-transform: scale(0.4) translateX(-8px);

    transform: scale(0.4) translateX(-8px);

  }

  58%, 59.99% {

    opacity: 1;

    -webkit-transform: scale(1) translateX(-8px);

    transform: scale(1) translateX(-8px);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(1) translateX(-8px);

    transform: scale(1) translateX(-8px);

  }

  66% {

    opacity: 1;

    -webkit-transform: scale(0.9) translateX(3px);

    transform: scale(0.9) translateX(3px);

  }

  74% {

    opacity: 0;

    -webkit-transform: scale(0.4) translateX(10px);

    transform: scale(0.4) translateX(10px);

  }

  75%, 79% {

    opacity: 0;

    -webkit-transform: scale(0.4) translateX(-8px);

    transform: scale(0.4) translateX(-8px);

  }

  88%, 100% {

    opacity: 1;

    -webkit-transform: scale(1) translateX(-8px);

    transform: scale(1) translateX(-8px);

  }

  

  }





.pro_del_4{background: #e6e7e7;padding: 0 20.35vw .76rem;}
.pro_del_4 .pro_table{width: 100%; overflow-x: auto;}

.pro_del_4 .pro_table table{width: 100%;}
.pro_del_4 .pro_table table{margin: auto;}
.pro_del_4 .pro_table table  tr{background: #cddae9;}
.pro_del_4 .pro_table table .firstRow td,.pro_del_4 .pro_table table .firstRow td span,.pro_del_4 .pro_table table tr:nth-child(2) span{color: #fff;}
.pro_del_4 .pro_table table .firstRow,.pro_del_4 .pro_table table tr:nth-child(2) {background: #0669ef;color: #fff;}
.pro_del_4 .pro_table table td{padding: 15px; border: 4px solid #e4e7e8;}
.pro_del_4 .about-title {margin-bottom: .6rem;}

.pro_del_5{background: #e6e7e7;padding: 0 3.5vw .5rem;}

.perdel-title .ch {color: #000;}

.perdel-title .ch span{color: #0669ef;}

.perdel-title .en{color: rgba(0, 0, 0, 0.8); font-size: .29rem;}

.perdel-title{margin-bottom: .5rem;}

.prodel-top{margin-top: .5rem;}

.border-bottom{border-bottom: 1px solid rgba(0,0,0,0.2);}

.pro_del_5 .pro-tab-con .row{padding-bottom: .2rem;border-bottom: 0;}

.prodel_6.pro-tab-con .item .item-img{background-color: transparent;}

.prodel_ban_list{ display: flex; flex-wrap: wrap;}



/* 历史 */



.history-bg{ padding-top: .3rem;padding-bottom: .65rem;}

.history-bar{ height:1rem; position: relative;  padding: 0 1rem; }



.history-thumbs{position: relative; top: 0;  left: 0; z-index: 10;  overflow: hidden; height: 1rem;}



.history-thumbs::before{position: absolute; left: 0;  top:50%; width: 100%;  height: 1px; content: '';z-index: 3; border-bottom: 1px solid #d4d4d4; }



.swiper-slide {



	background-size: cover;

	background-position: center;

}



#gallery-thumbs {



 box-sizing: border-box;

 z-index: 5;



}





#gallery-thumbs .swiper-slide {

	width: 14.2857143%;

	height: 100%;

}





.swiper-slide-thumbs-item{ text-align: center; cursor: pointer;}



.swiper-slide-thumbs-item-top{ height: 1rem; position: relative; top:0; z-index: 10;}

.swiper-slide-thumbs-item-top .history-dot {position: absolute; width: 0.1rem; height: 0.1rem; background: #d4d4d4; border-radius: 50%; left: 50%; top: 50%; z-index: 15; margin-left: -0.045rem; margin-top: -0.035rem; transition: all .3s ease;}

.swiper-slide-thumbs-item p{font-size: .21rem;  color: rgba(0, 0, 0, 0.902); transition: all .3s ease;}

#gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item-top .history-dot{

  display: block;

  width: 0.1rem; height: 0.1rem;

  border: 2px solid #357aef;

  background-color: #fff;

  position: relative;

  margin-left: -0.05rem; margin-top: -0.03rem;



}

#gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item-top .history-dot::before{ position: absolute; content: ""; width: .2rem; height: .2rem; background: #efefef; left: -.23rem; top: -.12rem; }

#gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item-top .history-dot::after{ position: absolute; content: ""; width: .2rem; height: .2rem; background: #efefef; right: -.23rem; top: -.12rem; }



 #gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item p{



  color: #357aef;



}



.history #gallery-top {

	height: 80%;

	width: 100%;

}



.history{ margin-bottom: 1.27rem;}

.history .history-content{  position: relative; z-index: 30;  }



.history .swiper-button-next,.history  .swiper-button-prev{

	top: 0.5rem;

	width: 0.32rem;

	height: 0.32rem;

	background-size:100%;

 	background-repeat: no-repeat;

 	margin-top: -0.16rem;

} 



.pre-next-btn .swiper-button-prev,.pre-next-btn .swiper-button-next{ width: 60px  !important;height: 60px  !important ;   background-image: none;   margin-top: -45px !important;}

.pre-next-btn .swiper-button-prev::before{

    font-family: iconfont;

    content: "\e60e";

    font-size: 60px;

    color: #8d8d8d;

}

.pre-next-btn .swiper-button-next::before{

    font-family: iconfont;

    content: "\e60d";

    font-size: 60px;

    color: #8d8d8d;

}

.pre-next-btn .swiper-button-prev:hover::before,.pre-next-btn .swiper-button-next:hover::before{ color: #006CFF;}

.his_img{position: relative; width: 100%; height: 100%;   padding:.3rem 5vw .3rem 0;}

.his_img::after{position: absolute; content: ''; right: 0; height: 100%; width: 45%;background: #0775f1;top: 0; z-index: 5;}

.his_img img{position: relative; z-index: 12;}

.his_title{ font-size: .8rem; color: #0669ef; font-weight: bold;}

.his_p{ font-size: 18px; line-height: 32px; color: #46484c;}

.his_txt{padding-left: 5vw; padding-top: 5%;}

.his_txt_box{display: flex; justify-content: center;}


/* 人才招聘 */
.rczp_contents{background-color: #efefef; background-image: url(../images/dsz_bg.png) ; background-repeat: no-repeat; background-position: top left; background-size: 100% auto; overflow: hidden;}
.rczp_1{ padding: 1.27rem 18.5vw;overflow: hidden;}
.rczp_1>div{ align-items: center;}
.rczp_1_left{width: 55%; }
.rczp_1_left h3{color: rgb(0, 0, 0);font-weight: bold;
  font-size: .45rem; line-height: .7rem;}
.h_line{width: 86%; height: 1px; background: rgb(201, 201, 201); position: relative; margin-top: .42rem;margin-bottom: .6rem; }
.h_line::after{position: absolute; content: ''; width: 4.5vw; height: 5px; background: #0669ef; left: 0; bottom: 0;}
.rczp_1_left p{color: rgb(0, 0, 0); font-size: .21rem; line-height: .4rem;}
 
.rczp_1_right{width: 45%; margin-left: .2rem;}
.rczp_1_right_img{overflow: hidden;width: 28vw;height: 28vw;border-radius: 50%;}
.rczp_1_right_img img{object-fit: cover; width: 100%; height: 100%;}
.rczp_2{background: #fff; position: relative; padding: 1.3rem 13.5vw;overflow: hidden; }
.rczp_2_img{overflow: hidden;}
.rczp_2_img img{ transform: scale(1); transition: all .5s;}
.rczp_2::after{position: absolute; content: 'Staff Style';  text-transform: uppercase; left: 7.5vw; bottom: .17rem; font-family: 'Square_721_Bold_BT';font-size: 2.06rem; -webkit-text-stroke: 1px #0669ef;  color: transparent;/*letter-spacing:0.158rem;*/z-index: 2;}

.rczp_3{background: #fff;position: relative;  overflow: hidden;    padding: 0.2rem 13.5vw 1.3rem;}
.rczp_2 .indx-tit,.rczp_3 .indx-tit{margin-bottom: 1.4rem;}
.rczp_2 .rczp_2_item,.rczp_3 .rczp_3_item{margin-bottom: .4rem; position: relative; z-index: 5;}
.rczp_3::after{position: absolute; content: 'Environment';  text-transform: uppercase; left: 7.5vw; bottom: .17rem; font-family: 'Square_721_Bold_BT';font-size: 2.06rem; -webkit-text-stroke: 1px #0669ef;  color: transparent;letter-spacing: -0.06rem; z-index: 2;}
.rczp_4{ padding: 1.4rem 18.5vw; overflow: hidden;}
.rczp_4_jobs{ margin-top: 1.4rem; }
.jobs_title{align-items: center; justify-content: space-between; padding: .3rem 0; border-bottom: 1px solid rgb(201, 201, 201); }
.jobs_item:nth-child(1) .jobs_title{border-top: 1px solid rgb(201, 201, 201);}
.jobs_item_l{width: 73%;display: flex; align-items: center; justify-content: space-between;  }
.jobs_item_l span{ font-size: 18px; color: #000;}
.jobs_item_r{width: 24%;display: flex; align-items: center; justify-content: space-between;}
.jobs_item_r span{border-radius: 4px; color: #fff;font-size: 18px; padding: 5px .25rem; cursor: pointer;}
.jobs_item_r span.jobdel{ background: #d4d4d4;  }
.jobs_item_r span.toudi{ background: #0669ef;  }
.jobs_contents{display: none; padding: .25rem 0 .5rem;border-bottom: 1px solid rgba(201,201,201,1);}
.jobs_contents_section{display: flex; padding-bottom: .3rem; padding-top: .25rem; border-bottom: 1px solid rgba(201,201,201,0.6);}
.jobs_contents_section:last-child{border-bottom: 0px solid rgb(201,201,201);}
.jobs_contents_section span{color: #000; font-size: 18px; margin-right:.2rem ; padding-right: .2rem; position: relative;}
.jobs_contents_section span::after{position: absolute; content:''; right: 0; top: 5px; width: 1px; background: rgb(201,201,201); height: 15px;}
.jobs_contents_section div p{color: #000; font-size: 14px; line-height:30px;}
/* 侧边导航 */
.side_box{position: fixed; right:15px; bottom: 20%; width: .6rem; color: #3f73cb; display: none; }
.kefu_icon{width: .55rem; height:.55rem; background-color:#3f73cb ; border: 1px solid #3f73cb; border-radius: 50%; line-height: .55rem; text-align: center; cursor: pointer; display: block;}
.kefu_icon .iconfontkefu{font-size: .43rem; color: #fff;}
.top_icon{width: .55rem; height:.55rem; border: 1px solid #3f73cb; border-radius: 50%; line-height: .55rem; text-align: center; cursor: pointer; margin-top: .2rem;background-color:#3f73cb ;}
.top_icon .iconfontkefu{font-size: .32rem; color: #fff;}
/* 案列详情 */
.indx-pro-new{padding: .45rem 0 0;}
.indx-pro-new .item{ margin-bottom: 30px;width: 100%; position: relative;overflow: hidden; display: block; }
.indx-pro-new .item .item-img{ width: 100%; height:5.5rem ; overflow: hidden;}
.indx-pro-new .item .item-img img{object-fit: cover; width: 100%; height: 100%; transition: all .5s; transform: scale(1);}
.indx-pro-new .item .item-txt{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;  padding: .15rem;}
.indx-pro-new .item .item-txt h4{font-size: 24px; font-weight: bold; color: #222;}
.indx-pro-new .item .item-txt p{color: #333;font-size:14px; text-transform: uppercase; margin-top: 3px; }
.mart50{margin-top: .5rem;}


.case_del_1{background: #e5e8e9; padding: .76rem 20.35vw 0; }
.case_del_img{width: 50%;}
.case_del_swiper_bigimg{overflow: hidden; width: 100%; height: 4.5rem; position: relative;border: 1px #ccc solid; }
.case_del_swiper_bigimg  .swiper-container {width: 100%; height: 4.5rem; padding-bottom: 0; }
.case_del_swiper_bigimg .swiper-slide img{object-fit: cover; width: 100%; height: 100%; transition: all .5s;}
.case_del_swiper_smallimg{width: 100%; height: 100px; position: relative;padding: 0 .4rem; margin-top: 30px;}
.case_del_swiper_smallimg .swiper-slide img{object-fit: cover; width: 100%; height: 100%; cursor:pointer;}
.case_del_swiper_smallimg .swiper-container{width: 100%; height: 100px; padding-bottom: 0; }
.case_del_swiper_smallimg .swiper-button-next,.case_del_swiper_smallimg  .swiper-button-prev{width: 24px !important; height: 22px !important; margin-top: -11px; margin-left: -12px;}
.case_del_swiper_smallimg .swiper-button-next{right: 0;}
.case_del_swiper_smallimg .swiper-button-next,.case_del_swiper_smallimg  .swiper-container-rtl .swiper-button-prev,.case_del_swiper_smallimg .swiper-button-prev,.case_del_swiper_smallimg  .swiper-container-rtl .swiper-button-next{background-size: 100% 100%;}
.case_del_title{border-bottom: 1px solid #dcdcdc; width: 100%; margin-bottom: 30px;}
.case_del_title span{display: inline-block; color: #fff; background: #0669ef; padding: 8px 16px; font-size:16px;}
.case_zixun{display: inline-block; color: #fff; background: #0669ef; padding: 8px 15px; font-size: 16px; margin-top: 30px; margin-bottom: 15px; transition: all .5s;}
.case_del_swiper_smallimg .swiper-slide.swiper-slide-thumb-active{ border:2px solid #3f73cb;}
@media (min-width: 1000px){
  .head-main.sticky{height: .6rem;}

	.pro-tab-con .item:hover .item-img>img{transform: scale(1.1);}

    .pro-tab-con .item:hover .item-txt h5, .brand_5 .brand_item:hover p.brand_5_title,.brand_1 .brand_item:hover p.brand_1_title{color: #0669ef;}

    .news-content .news-item:hover .news-title, .news_del_prevnextnebtn a:hover,.news_link_list a:hover p{ color: #3f73cb;}

    .news_del_prevnextnebtn a:hover span{background-color: #3f73cb; color: #fff;}

    .news_link_list a:hover{border-bottom: 1px solid  rgb(63, 115, 203);}

    .news_link_list a:hover p::after{background-color: #3f73cb;}

    .brand_5 .brand_item:hover img,.brand_1 .brand_item:hover img{ transform: translate(0,-10px);}


    .contact-item:hover .contact-circle p{color: #fff;}

    .news-item:hover .news-img img,.rczp_2_img:hover img{transform: scale(1.1);}
    .about_1_video:hover .video-cover img {animation: zhuang 2s ease infinite;}
    .contact-item:hover .contact-circle img{transform:rotate(45deg);}
    .contact-item:hover .contact-circle{ background:rgb(6, 105, 239);}
    .indx-pro-new .item:hover .item-img img{transform: scale(1.1);}
    .case_zixun:hover{color: #fff; transform: translateY(-10px);}
}
@media (max-width: 1800px){
    .indx-tit .en {
        font-size: 28px;
    }
    .brand_2_left{
        margin-left: 44.5%;width: 55.5%;
    }
}
@media (max-width: 1600px){
    .brand_2_left{
        margin-left: 41%;width: 59%;
    }
    .about_2 .about_2_left{width: 60.5%;}
    .indx-pro-new .item .item-img{height: 4.5rem;}
    .indx-list-b li a{padding: 24.2px 0;}
    .header-nav ul{padding-right: 1vw;}
}
@media (max-width: 1400px){
  .header-nav ul li{    margin-right: .5rem;}
  .indx-list-b li a {
    padding: 20px 0;
}
.about_1_txt{padding-top: .55rem;}
}
@media (max-width: 780px){
  .indx-st-main{ flex-wrap: wrap;}
    .weui-flex_wrap,.brand_8 .about-title{flex-wrap: wrap;}
    .indx-tit .en,.about-title .en{font-size: 20px;}
    .indx-tit .cn,.about-title .ch{font-size: 25px;}
    .weui-flex_item100{width: 100%; flex: unset;}
    .indx-st-tag{width: 100%;}
    .inner-banner{height: 3rem;}

    .inner-banner-txt p{font-size: 16px;}

    .inner-banner-txt{right: 12vw;}
    .inner-banner-txt .inner-title-txt, .inner-banner-txt h1{font-size: 18px;font-weight: bold;}
    .inner-banner-txt .inner-title-txt::after, .inner-banner-txt h1::after{width:38px;
    }    .pro-breadcrumb{padding: .18rem 15px;}

    .pro-breadcrumb ol,.news_del_prevnextnebtn,.news-content .news-item,.pro-tabs,.about-tabs{flex-wrap: wrap;}

    .news_del_prevnextnebtn a{margin: .3rem 0;}

    .pro-breadcrumb li{margin-bottom: 8px;}

    .pro-tab-con .item .item-img{height: unset;}

    .news_del_back::before, .news_del_back::after{width: 35%;}

    .news-txt{width: 100%; flex: unset;}

    .news-content .news-img{width: 100%;margin-left: 0;}

    .pagination>li>a, .pagination>li>span{font-size: 12px;}

    .mypage .pagination .page-perv, .mypage .pagination .page-next,.about_1{padding: 6px 10px;}

    .pro-tabs .more-btn,.about-tabs .more-btn{margin-bottom: .3rem;}
    
    .brand_2_left{position: relative; top: 0; right: 0; width: 100%; margin-left:0;}

    .dszzc_2 .brand_2_left{top: 15px;}

    .dszzc_1,.pro_del_1,.pro_del_2,.pro_del_3,.pro_del_4,.about_3,.brand_4,.brand_7,.brand_8,.rczp_1,.rczp_2,.rczp_3,.rczp_4{padding: 30px;}

    .brand_1,.brand_5{padding: 15px;}

    /*.more-btn{width: 1.6rem !important;padding: 7px 0 !important;}*/
    .more-btn{width: 2.6rem;}
    .indx-tit-lr .more-btn{font-size: 14px;width: unset; padding: 8px 12px;}
    p.brand_5_title::after{top: 5px; height: 20px;}

    .brand_5 .brand_item p.brand_5_title{padding-left: 10px;}

    .brand_item{width: 50%; flex: unset; padding: 15px  !important;}

    .contact-tel-content .c1{text-align: left; margin-bottom: 10px;}

    .contact-item{width: 50%;margin-bottom: 15px; flex: unset;}

    .sty1-padr{padding-left: 6vw;}

    .sty1-padl{padding-right: 6vw;}

    .contact-mr{margin-right: 0;}

    .contact-ml{margin-left: 0;}
  
    .contact-con-img{width: 100%;}

    .contact-tel2 .c2{line-height: 30px;}

    .pbr2{right: 0;}

    .dszzc_2_img2,.pro_del_1_img,.pro_del_3 .pro_del_1_txt{max-width: 100%;}

    .brand_5 .brand_item p.brand_5_title{font-size: 18px;}

    .dszzc_1_txt_left{padding-right: 0; padding-bottom: 30px;}

    .contact_con_txt{padding-top: 30px; padding-bottom: 30px;}

    .prodel_ban_list,.pro_del_banner .inner-banner-txt p{display: none;}

    .pro_menu{height: auto; height: unset;}

    .pro_menu a{margin: 0 5vw;}

    .pro_del_section,.about_3_p p{width: 100%;}

    .pro-tab-con .item .item-txt h5{font-size: 18px;}

    .about_1_txt{padding-left: 0;}

    .about_1_txt .about-txt .about-p2,.dszzc_1 .dszzc_p2,.dszzc_2_txt p,.brand_1 .brand_item p,.pro_del_p,.about_2_txt p, .brand_2_txt p{font-size: 16px; line-height: 30px;}

    .about_2_left{position: relative; left: 0; right: 0; top: 0; height: unset; width: 100%;}

    .about_3_img{max-width: 100%;}

    .pre-next-btn .swiper-button-next::before,.pre-next-btn .swiper-button-prev::before{font-size: 45px; }

    .about_5 .about_5_txt{background: none;}

    .dszzc_1 .dszzc_p1,.news-content .news-title{font-size: 22px;}

    .brand_4_swiper{padding: 0;}

    .brand_8 .about-title .brand-p{margin-top: 15px; margin-left: 0; margin-bottom: 15px;}

    .pro-center{padding: 3.7vw 15px 0;}

    .pro_del_section .prodel-p1{text-align: left;}

    .pre-next-btn .swiper-button-prev, .pre-next-btn .swiper-button-next{

        margin-top: -28px !important;

    }
   .indx-st-list .item.on a .indx-st-tit {
      left: 9%;
      top: 27%;
  }
    .pre-next-btn .swiper-button-next{

        margin-right: -15px;

    }
    .pro-tab-con .item .item-img>img{width: 100%; height: unset; }
    .rczp_1_right_img{width: 80vw; height: 80vw; margin-top: .5rem;}
    .jobs_item_l{margin-bottom: .35rem;}
    .jobs_item_r{justify-content: flex-end;}
    .jobs_item_r span{margin-left: .3rem; font-size: 16px;}
    .jobs_contents_section span{display: block; width: 100%; margin-bottom: .3rem;}
    .jobs_contents_section span::after{width: 0; height: 0;}
    .indx-tit p{line-height: 29px; margin-top:15px;}
    .h_line::after{width: 10vw;}
    .rczp_2::after{bottom: 20px;font-size: 0.6rem;/*letter-spacing: 0.16rem;*/}
    .rczp_3::after{font-size: 0.8rem;}
    .contact-line{justify-content: flex-start;padding-top: .5rem;}
    .contact-tel-content .c1{font-size: 28px;}
    .indx-pro-l h2{font-size: .4rem;}
    .indx-pro-l p:nth-of-type(1){font-size: 22px;}
    .indx-pro-l p:nth-of-type(2){font-size:18px;}
    .indx-about p{width: 92%;line-height:30px;}
    .indx-about .indx-tit{margin-bottom: 30px;}
    .indx-about img{height: 7.8rem;}
    .indx-about .container{bottom: unset;}
    .brand_2 img{position: relative;max-width: 100%;}
    .dszzc_2_img2{position: relative; top: 0;}
    .about_2 .about_2_left{width: 100%;}
    .about_2 img{position: relative; width: 100%; top:0;}
    .about_2{padding-bottom: 0;}
    .swiper-slide-img .swiper_img_box{height: unset;}
    .about_2,.about_4{background-size: 100% auto;}
    .about_5{padding: 30px;}
    .pro_del_section .prodel-t1{font-size: 24px;}
    .news-item .news-img img{max-width: 100%;}
    .news_content{margin-right: 0;}
    .news_del_prevnextnebtn a span{display: block; width:90px; text-align:center; margin-bottom: 15px ;}
    .news_content{padding: .58rem 5vw;}
    .kefu_icon,.top_icon{width: .7rem; height: .7rem; line-height:.7rem;}
    .case_del_1{padding: 15px;}
    .case_del_swiper_smallimg,.case_del_swiper_smallimg .swiper-container{height: 110px;}
    .case_del_img{margin-bottom: 30px;}
    .indx-pro-new .item .item-img{height: unset;}
    
    .case_del_title span{font-size:16px;}
    .case_zixun{display: none;}
    .indx-pro-new .item .item-txt h4{font-size: 16px;}
    .indx-pro-new .item .item-txt p{display:none;}
    .indx-pro-new .col-xs-6:nth-child(odd){padding-right:7.5px;}
    .indx-pro-new .col-xs-6:nth-child(even){padding-left:7.5px;}
    .indx-pro-new .item{margin-bottom: 15px;}
    .about_1_txt .about-txt{line-height: 30px;}
    .about_3_content_txt{padding-top:0;}
    .about_5_swiper{padding: 30px ;}
    .about_1_txt{padding-top: 30px;}
}



.prodel_trangle{width: 0; height: 0; margin-top: 5px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid rgba(23,133,239,1); position: relative; /*animation: trackBallSlide 5s linear infinite;*/}

.prodel_trangle::before{position: absolute; content: ''; left: 2px; top: -8px; width: 0; height: 0;border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid rgba(23,133,239,.5);}

.prodel_trangle::after{position: absolute; content: ''; left: 12px; top: -8px; width: 0; height: 0;border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid rgba(23,133,239,.2);}

/* 视频弹出框 */
.sha_video {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 9999;
}
.sha_video > div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0);
  transition: all .5s ease-in-out;
}
.sha_video > div.on {
  transform: translate3d(-50%, -50%, 0) scale(1);
}
.iconclose{position: relative; width: 24px; height: 2px; background: #efefef;transform: rotate(45deg);display: block;}
.iconclose::after{position: absolute; content: ''; left: 0;width: 24px; height: 2px; background: #efefef;transform: rotate(90deg);display: block;}
.sha_video > div .video_btn_close {
  position: absolute;
  right: -.5rem;
  top: -.25rem;
  cursor: pointer;
  color: #ffffff;
  opacity: .5;
  z-index: 3;
  transition: all .5s ease-in-out;
}
.sha_video > div video {
  display: block;
  min-width: 50vw;
  max-height: 80vh;
  max-width: 85vw;
}
@keyframes zhuang{
  0% {
    transform: rotate(20deg);
}
48% {
    transform: rotate(359deg);
}
48.1% {
    transform: rotate(0deg);
}
98% {
    transform: rotate(359deg);
}
98.1% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(20deg);
}
}
/* kefu */
.animateds{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.livechat-girl{width:.6rem;height:.6rem;border-radius:50%;position:fixed;bottom:18%;right:.6rem;-webkit-box-shadow:0 5px 10px 0 rgba(35,50,56,0.3);box-shadow:0 5px 10px 0 rgba(35,50,56,0.3);z-index:100;}
.livechat-girl:focus{outline:0}
.livechat-girl:after{content:'1';width:.12rem;height:.12rem;border-radius:50%;background:#3f73cb;font-size:.08rem;line-height:.12rem;color:#fff;text-align:center;position:absolute;right:.05rem;top:1px;z-index:99999}
.livechat-girl .girl{position:absolute;top:0;left:0;width:100%;height:auto;z-index:50;border-radius:100%}
.livechat-girl .text{position: absolute; z-index: 50; left: 5px; bottom: -.04rem; width: .5rem; background: #3f73cb; color: #fff; font-size: .10rem; text-align: center; line-height: .18rem; border-radius: .18rem;}
.livechat-girl .animated-circles .circle{background:rgba(63,115,203,0.25);width:.58rem;height:.58rem;border-radius:50%;position:absolute;left: .01rem; top: .01rem; z-index:49;transform:scale(1);-webkit-transform:scale(1)}
.livechat-girl .animated-circles.animateds .c-1{animation:2000ms scaleToggleOne cubic-bezier(0.25,0.46,0.45,0.94) forwards}
.livechat-girl .animated-circles.animateds .c-2{animation:2500ms scaleToggleTwo cubic-bezier(0.25,0.46,0.45,0.94) forwards}
.livechat-girl .animated-circles.animateds .c-3{animation:3000ms scaleToggleThree cubic-bezier(0.25,0.46,0.45,0.94) forwards}
.livechat-girl .livechat-hint{position:absolute;right:0;width:0;top:50%;margin-top:-20px;opacity:0;z-index:0;-webkit-transition:all 0.3s cubic-bezier(0.86,0,0.07,1);transition:all 0.3s cubic-bezier(0.86,0,0.07,1);background-color:#3f73cb;overflow:hidden;}
.livechat-girl .livechat-hint.show_hint{-webkit-transform:translateX(40px);transform:translateX(40px);opacity:1;width:208px;overflow:inherit;right:130px;}
.livechat-girl .livechat-hint.hide_hint{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}
.livechat-hint{-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);box-shadow:0 2px 2px rgba(0,0,0,0.2);font-size:14px;border-radius:3px;line-height:1.25;position:absolute;z-index:65;max-width:350px}
.livechat-hint:after{position:absolute;display:block;content:'';height:20px;width:20px;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:50;top:10px;right:-6px;background-color:#3f73cb;}
.livechat-hint .rd-notice-content{background:0;border-radius:3px;width:100%;color:#fff;position:relative;z-index:60;height:40px;padding:0 20px;line-height:40px;white-space:nowrap}
.livechat-hint .rd-notice-content a{color:#fff;text-decoration:underline}
@keyframes scaleToggleOne{
	from{transform:scale(1);-webkit-transform:scale(1)}
	50%{transform:scale(2);-webkit-transform:scale(2)}
	100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleTwo{
	0%{transform:scale(1);-webkit-transform:scale(1)}
	20%{transform:scale(1);-webkit-transform:scale(1)}
	60%{transform:scale(2);-webkit-transform:scale(2)}
	100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleThree{
	0%{transform:scale(1);-webkit-transform:scale(1)}
	33%{transform:scale(1);-webkit-transform:scale(1)}
	66%{transform:scale(2);-webkit-transform:scale(2)}
	100%{transform:scale(1);-webkit-transform:scale(1)}
}


.c_top{ margin: 0 6.2vw;}
.c_map{height: 366px; width: 100%; border: 3px solid #fff; box-sizing: border-box; overflow: hidden;}
div#map{height: 360px;width: 100%;}
.map_h4{font-size: 16px; color: rgb(48, 50, 49);font-weight: bold; padding: 10px 0;}
.map-info-txt{position: relative; padding-right: 1rem;}
.map-info-txt p{font-size: 14px;color: rgb(40, 40, 40);}
.map-info-txt p span{font-weight: bold;}
.map-logo{position: absolute; height: .33rem; width: 1.44rem; bottom: 0; right: 0; }
.c_kefu{ background: #fff; margin-top: .6rem; margin-bottom: .25rem;}
.c_kefu_l{ width: 4.14rem;height: 1.4rem; position: relative;}
.c_kefu_txt{left: 0; top: 0; right: 0; height: 100%;  display: flex; align-items: center; justify-content: center; position: absolute;}
.c_kefu_txt img{height: 1.34rem; }
.c_kefu_txt p{ font-size: .32rem; font-weight: bold;color: rgb(255, 255, 255); padding-left: .25rem;}
.c_kefu_r{padding:.15rem .58rem ;}
.c_kefu_r .p1{font-size: 20px;color: rgb(58, 58, 58); line-height: 1.403; margin-bottom: 5px;}
.c_kefu_r .p2{font-size: 16px;color: rgb(58, 58, 58); line-height: 1.753;}
.c_companny{ background: #fff; padding-bottom: .47rem; margin-bottom: .15rem;}
.c_companny_h5{font-size: .32rem;color: rgb(48, 50, 49);font-weight: bold;padding:.25rem .3rem ; border-bottom: 3px solid #81b3f7;}
.c_companny_list{display: flex; flex-wrap: wrap; padding: .1rem 0;justify-content: space-between;}
.c_companny_list .c_companny_item{ display: flex; align-items: center;  padding: .2rem .3rem; border-bottom: 1px solid #81b3f7;}
.c_companny_list .c_companny_item:nth-child(odd){width: 55%;  }
.c_companny_list .c_companny_item:nth-child(even){width: 45%;}
.c_companny_item img{width: .58rem; height: .59rem; margin-right: .3rem;}
.c_companny_item p{font-size: 20px;color: rgb(1, 1, 1);}
.abold{font-weight: bold;}
.c_companny_item a,.c_companny_item a:hover{color: rgb(1, 1, 1); margin-right: 10px;}
.c_pro_list{ padding-top: .6rem;}
.c_pro_list_h{text-align: center; font-size: .36rem;color: rgb(37, 37, 37); display: flex;align-items: center ; justify-content: center; }
.h-line{display: inline-block; width: 1.2rem; height: 2px; background-color: rgba(8, 126, 248, .29); left: 50%; top: 50%; transform: translate(0%,-50%);}
.mr35{margin-right: .35rem;}
.ml35{margin-left: .35rem;}
.c_pro_content{margin-top: .2rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.c_pro_content:after {
  content: "";
  width: 30.5%;
}
.c_pro_item{width: 30.5%; padding: .4rem 0;}
.c_pro_item_img{width:100%; height: 3rem;}
.c_pro_item_img img{width: 100%; height: 100%; object-fit: cover;}
.c_pro_item_txt{padding: .3rem .25rem;}
.c_pro_item_txt_p {align-items: center;}
.c_pro_item_txt_h{font-size: 20px;color: rgb(37, 37, 37); text-align: center; margin-bottom: .25rem;}
.c_pro_item_txt_p .p1{font-size: 16px; color: rgba(37, 37, 37, 0.4); margin-bottom: .12rem;}
.c_pro_item_txt_p .p2{font-size: 16px;   color: rgb(37, 37, 37);}
.c_pro_item_txt_p img{ height: 32px; width: 20px; margin-right: 12px;}

@media (max-width: 780px){
  .c_top{margin: 0;}
  .c_kefu{display: block;}
  .c_kefu_l{width: 100% ; height: 100%;}
  .c_kefu_r{width: 100%; flex: unset; padding: 15px;}
  .c_companny_list .c_companny_item:nth-child(odd){width: 100%;  }
  .c_companny_list .c_companny_item:nth-child(even){width: 100%;}
  .c_companny_item p{font-size: 16px;}
  .c_pro_item{width: 100%;}
  .map-info-txt{position: relative; padding-right: .5rem;}
}