@import url('https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Rajdhani:wght@300;400;500;600;700&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4065424 */
  src: url('//at.alicdn.com/t/c/font_4065424_l9msa4nejf.woff2?t=1701480833475') format('woff2'),
       url('//at.alicdn.com/t/c/font_4065424_l9msa4nejf.woff?t=1701480833475') format('woff'),
       url('//at.alicdn.com/t/c/font_4065424_l9msa4nejf.ttf?t=1701480833475') format('truetype');
}
*{
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:0.8em;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.zs{display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;}
.zs img{width:29%;margin: 2%;}
.img_2 img{width: 47.8%;margin: 1%;}
.img_3 img{width: 31.3%;margin: 1%;}
a:focus, a:hover{    transform: scale(1.0);}
body{direction: rtl;}
body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd,a{ padding:0; margin:0; list-style:none;font-family: 'Inria Sans', sans-serif;letter-spacing: 0;}
html{font-size: 50px;}
body{  font-size:20px;line-height: 1.5;color:#000;
  font-style: normal;
  font-weight: 400;}
body>a{padding: 5px;}
a{color:#4c4c4c;text-decoration:none;}
a:hover{text-decoration: none;}
img{border:0;max-width: 100%;}
.icon {width: 1em; height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
._flex{display: flex;display: -ms-flexbox;display: -webkit-flex;}
._flex_between{justify-content: space-between;}
.contant_part{width: 50%;padding: 0 0.4rem;}
.clear{clear:both;}
.bodySize{  width: 100%;padding: 5% 0 7%; justify-content: space-between;background-position: bottom;background-size: cover;}
.footer .bodySize{ background: url(../images/footerbg.png) no-repeat bottom;background-size: cover;}
.contane{display: flex;justify-content: center;flex-wrap:wrap}
.contane>*{width:80%;margin: 3% auto;line-height: 2;}
.contane>.change{width: 100%;margin-bottom: 0;}
.contane>img{width: 72%;}
.contane h2{font-size: 1.8em;padding: 1%;color: #0099D2;margin: 3% 0 2%;}
.contane p{font-size: 0.9em;}
.contane_{display: flex;align-items: flex-start;justify-content: space-around;}
.contane_ *{margin: 1% 0;}
.centt{margin: 3% -6%;padding: 0.1% 6% 2%;background: #f7f7f7;}
.cent{text-align: center;}
.cent span{width: 100px;border-bottom: 4px solid #05384a;margin: -1% auto 2%;}
.ted{background: #fff;border: 1px solid #e1e1e1;padding: 40px 25px;; width: 29%;text-align: center;display: flex;flex-direction: column;}
.ted i{font-size: 2.5em;color: #0462a6;}
.ted span{font-size: 1.4em;}
.footerbody{ display: flex;    margin: auto ;justify-content: space-around;}
.header{top: 0;z-index: 999;width: 100%;-webkit-box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);background: #fff;z-index: 1001;position: fixed;}
.header img{width: 46px;margin: 0 5px;}
.header_part{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-around;align-items: center;}
.header .lg{padding: 10px 0;}
.header a{color: #01338d;font-weight: 400;}
.header_part3 img{width:60%}
.nav_ul{align-items: center;}
.nav_ul a{display: block;font-size: 0.9em;margin: 0 2.5em;}
.erji{display:none;}
.header_part3{ padding: 2px;border-radius: 3px; color: #616161;}
.header_part3 svg{font-size:30px;}
.header_part3 ul{position: absolute;background: white;display:none;}
.header_part3 li{padding: 10px 25px;}

.header_part .nav1{position: absolute;display:none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);z-index: 99;}
.header_part .nav1 a{display: block!important; padding: 0.6em 1em!important;color: #666!important;background:white;}
.header_part .nav1 a:hover{    color: #6787bf!important;}
.header_part .nav1_part{background:white;    padding: 0 15px;}
.nav1_part img{width: 20px;}

canvas:not(:first-child){display: none !important;}
/* .autoplayVideo{width: 100%;} */

.container{width: 73%;}
/* .typed{display: flex;align-items: center;} */

.banner_part span{color: #fff;  font-weight: 700;padding: 1% 0;line-height: 1.5;  font-size: 2.3em;font-style: italic;}
.banner_part span{font-size: 2.3em;color: #fff;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.banner_part .line{border-bottom:3px solid #fff;width: 150px;margin: 2% 0;}
.banner_part h6{  font-family: Segeo SYSTEM-UI;font-weight: 400;  font-size: 70px;}
.banner_part p{  color: #fff;  font-size: 0.9em;  font-style: normal;  font-weight: 400;}
.bannermore{margin-top: 10%;  display: flex;  flex-direction: row;  justify-content: center;  position: relative;  width: 200px ;  top: 1vw;  line-height: 47px;
  background: #0099D2;color: #fff;  border-radius: 4px;}

body .btn{border: 1px solid #323C40;font-size: 1em;color: #3D464A;padding: 7px 25px;height: auto;}
body .btn:hover{color: #83C326;}
.line{border-bottom:1px solid #464F53;width:600px;max-width: 100%;display:-moz-inline-box;display:block;margin:10% auto 1.6%}
.solution{background:url(../images/discover.png) no-repeat; background-size:100%;text-align: center;padding: 5% 22%;}
.solution h2{font-size: 2em;line-height: 1.4;max-width: 18em;margin: auto;}
.solution p{font-size: 1.1em;line-height: 1.5;margin: 2% auto 3%;font-weight: 300;}
.solution .btn{font-weight: 300;}
.cata_{display:flex;}
.cata{background: #323C40;color: #fff;padding: 8% 11% 5% 4%;margin-right:-8%}
.cata h2{font-size: 1.9em;}
.pro_wrapper{position: relative;}
.pro_wrapper .swiper-container{max-width: 1300px;}
.pro_wrapper .swiper-container img{width: 100%;}
.pro_wrapper .swiper-container .swiper-slide>div{background: #fff;padding: 4%;}
.pro_wrapper .swiper-container .swiper-slide>div h3{padding: 2% 0;}
.pro_wrapper .swiper-container .swiper-slide>div p{font-size: 12px;}
.pro_wrapper .swiper-container .swiper-slide>div a{margin: 5% 0 0;padding: 3% 1%;}
.cata_ .btn{font-size:0.7em;}
/* .cata::after{content:'';} */


/* .mainp_{background: url(../images/do.png) no-repeat;position: relative;background-size: cover;} */
.mainp_{position: relative;background-size: cover;}
.mainp_ h2{font-size: 2.3em;font-weight: 500;color: #01338D;}
.mainp_ *{position: relative;color: #063c6f;text-align: center;}
.mainp_ a{display: flex;justify-content: space-evenly;}
/* .mainp_con{width: 100%;height: 100%;background: rgba(5, 59, 111, 0.42);padding: 3.3% 0 5%;} */
.mainp_con{width: 100%;height: 100%;padding: 3.3% 0 5%;}
.mainp_con p{font-size: 1em;  max-width: 1050px;width: 100%;  margin: auto;padding: 2% 0;color:  #01338D;}
.mainp_con span{font-size: 2em;}
.mainp_ h4{font-size: 1.7em;max-width: 9.5em;text-align: initial;}
.mpro_box{    display: flex;  justify-content: space-evenly;  flex-wrap: wrap;padding: 0 2.5%;}
.mpro_box>img{width: 100%;}
/* .mpro_{background: rgba(0, 83, 152, 0.85);  border: 3px solid rgba(255, 255, 255, 0.3);    max-width: 464px;  height: 345px;  width: 96%;} */
.mpro_{ border: 3px solid rgba(255, 255, 255, 0.3);    max-width: 464px;  height: 320px;  width: 96%;    box-shadow: 4px 7px 23px rgba(0, 0, 0, 0.25);}
/* .mpro_img{    display: flex;  width: 100%;  height: 100%;  justify-content: center;  flex-direction: column;position: relative;} */
.mpro_img{    display: flex;  width: 100%;  height: 100%;  justify-content: center;  flex-direction: column;position: relative;}
/* .mpro_img img{position: absolute;display: none;} */
.mpro_img img{position: absolute;}
.mpro_imgbg img{display: block;width: 100%;}
/* .mpro_imgbg{background: rgba(0, 39, 71, 0.7);} */
.mpro_imgbg{background:round;}


.capa{display: flex;text-align: center;color: #fff;}

.cap h4{    color: #e64a27;  text-align: center;  margin: 3% 0;  font-size: 2.5em;}

.capa .fline{width: 52px;margin: 8% auto 12%;border:2px solid #fff}
.capa .btn{margin: 5% auto 0;background: #fff;font-size: 0.8em;color: #83C326;width: 150px;border-radius: 5px;border: none;}
.capa .btn:hover,.com_btn{color: #666;}
.capa>div{width: calc(100%/3);background-size: cover;background-position:center}
.ca11:before{content: "";background: rgba(68, 67, 66, 0.9);position: absolute;width: 100%;height: 100%;}
.ca21:before{content: "";background: rgba(131, 195, 38, 0.8);position: absolute;width: 100%;height: 100%;}
.ca31:before{content: "";background: rgba(159, 160, 160, 0.9);position: absolute;width: 100%;height: 100%;}
.ca41:before{content: "";background: rgba(137, 190, 57, 0.7);position: absolute;width: 100%;height: 100%;}
.ca1{background: url(../images/automotive.png);}
.ca2{background: url(../images/medical.png);}
.ca3{background: url(../images/others.png);}
.ca4{background: url(../images/logistic.png);}
.capa h3,.capa p,.capa a,.capa span{position: relative;}
.capa h3{font-size: 2.2em;font-weight: 600;letter-spacing: 2px;}
.capa p{width: 77%;margin: auto;line-height: 2;min-height: 170px;}
.capa>div>div{/* padding: 18% 0; */height: 670px;display: flex;flex-direction: column;justify-content: center;position: relative;max-height: 670px;}
/* .ca1:before,.ca1:after{background: #E64A27;z-index: -2;}
.ca1:hover{z-index: 1;background:transparent;}
.ca1::before{background: url(../images/h_rd.png);transition: .3s;z-index: -1;} */
.capa>div>div:hover{transform: scale(1.02);transition: all .3s;background-size: cover;}
.capa>div>div:hover:before{opacity: 0;;}
/* .ca1:hover{background: url(../images/h_rd.png);}
.ca2:hover{background: url(../images/h_mm.jpg);}
.ca3:hover{background: url(../images/h_im.jpg);} */

.qclc{width:100%; background:#fff; font-size:14px;border-collapse:inherit;border-spacing:3px; margin:25px 0;}
.qclc td{padding:0px 5px; background:#ebebeb; line-height:30px; font-size:14px; }
.equips{border-collapse:inherit;border-spacing: 3px;width: 100%;}
.equips td{padding: 2px 5px;}
.equips tr{background: rgb(203, 227, 249);}
.equips tr:nth-child(2n){background: rgb(231, 242, 252)}
.equips tr:first-child{background: rgb(2, 59, 174);color: #fff;text-align: center;}
.equips tr td:first-child,.equips tr td:last-child{text-align: center;}

/* .company-{background: url(../images/about.jpg);} */
/* .company{background: rgba(5, 59, 111, 0.6);padding: 4% 16% 8%;color: #fff;height: 100%;} */
.company{padding: 4% 12.5% 4%;color: #000;height: 100%;display: flex;align-items: center;}
.company h2,.section5 h2,.chooseone h2,.ability h2,.companyy h2{font-size: 2em;padding: 3% 0 0;font-weight: 500;text-align: center;color: #01338D;}
/* .company h2{color: #fff;} */
.company h2{color: #000;}
.company p{font-weight: 300;font-size: 1.2em;line-height: 2;}
.company span{color: #0099D2;}
.company .line,.section5 .line,.chooseone .line,.ability .line,.mainp_ .line,.section .line,.companyy .line{border-bottom: 4px solid #0099D2;width: 130px;margin: 1.5% auto;}
.company .line,.section5 .line,.chooseone .line,.mainp_ .line,.section .line,.companyy .line{border-bottom: 4px solid #01338d;}
/* .companyy{background: #f5f5f5;} */
/* .companyy .line{margin: 0 auto;padding: 1%;} */
.company_{display: flex;justify-content: center;padding: 3% 0;flex-wrap: wrap;}
.company_ p{line-height: 1.7;}
/* .company .com_btn{margin: 2% auto;max-width: 270px;padding: 1%;background: transparent;border: 1px solid #FFFFFF;} */
.company .com_btn{margin: 2% auto;max-width: 270px;padding: 1%;}
.company .line{margin: 2% auto 4%;}
/* .company .longline{border-bottom: 1px solid #fff;margin: 3.5% auto;width: 600px;max-width: 100%;} */
.company .longline{border-bottom: 1px solid #000;margin: 3.5% auto;width: 600px;max-width: 100%;}
.com_btn{text-align: center;color: #fff;padding: 1% 3%;font-size: 0.8em;display: block;max-width: 195px;margin: auto;background: #01338d;border-radius: 4px;}
.rightdes{    display: flex;  justify-content: space-around;flex-wrap: wrap;color: #9FA0A0;font-size: 0.8em;margin-top: 5%;font-weight: 400;}
.rightdes dl{text-align: initial;}
.rightdes span{text-transform: uppercase;font-weight: 300;}
.counter{color: #83C326;font-size: 2.8em;font-weight: 400;}

.ability{padding: 2% 0 4%;}
.ability>p{max-width: 1200px;width:75%;margin: auto;text-align: center;padding-bottom: 2%;}
.ability h2{color: #7b7878;}

.esg{background:url(../images/esg.png);display: flex;flex-wrap:wrap;padding: 6% 0 3% 15%;color: #fff;}
.esg .line{border:1px solid #fff;width: 80px;margin: 4% 0;}
.esg p{padding: 5% 0;}
.esg .btn{border: 1px solid #fff;color: #fff;}

.lets{background: #9BC143;display: flex;padding: 1.3% 10%;justify-content: center;}
.lets p{font-family: 'Aref Ruqaa';font-size: 1.6em;color: #fff;text-shadow: 0px 4px 4px rgba(126, 74, 25, 0.5);text-transform: capitalize;}
.pdf_{background: #FFFFFF;text-align: center;line-height: 2.5;
  box-shadow: 0px 4px 4px rgba(126, 74, 25, 0.25);
  border-radius: 56px;color: #83C326;}
.pdf_ i{font-size: 1em;}


.globe__title b{color: #83C326;letter-spacing: 0;font-size: calc((100vw - var(--spacing) * 2) / 1750 * 530);}

.section5con{width: 75%;margin: auto;padding: 2% 0 4%;}
.section5con h3{font-size: 64px;  color: #83C326;  text-align: center;}
.section5con .friends{display: flex;  justify-content: space-between;font-size: 1em;line-height: 80px;margin-top: 2%;flex-wrap:wrap}
.section5con .friends a{cursor: pointer;}
.section5con .friends .check{border-bottom:1px solid #0099D2;color: #0099D2;}
/* .section5con .friends a:hover,a:visited{color: #83C326;;} width: calc(100%/3);display: block;border-bottom: 0.5px solid rgba(0, 0, 0, 0.34);*/
.section5con .friends_img{display: none;    flex-wrap: wrap;  align-items: center;}
.friends_img>div{width:20%}
.section5con .img_box img{cursor: pointer;max-height: 66px;display: block;/* min-width: 200px; */margin: 2%;}
.longline,.section5 .longline{width: 100%;border-bottom: 0.5px solid rgba(0, 0, 0, 0.34);margin: 1% 0 2% 0;}
.section5 a{color: #323C40;}
.cata_ .swiper-slide{padding: 4% 2%;}
.pro_slide{border-bottom: 8px solid #323C40;  background: #fff; display: flex;align-items: center;padding:2.5% 0;flex-wrap: wrap;box-shadow: 0px 4px 10px rgba(139, 133, 133, 0.25);}
.pro_slide>div{background: #fff;display: flex;flex-direction: column;align-items: flex-start;}
.pro_slide .pro_img{align-items: center;  display: flex;}
.pro_slide h3{font-size: 2.3em;  line-height: 1.1;  color: #323c40;  font-weight: 600;padding: 0 2%;}
.pro_slide p{   font-size: 0.8em; padding: 7% 0;  color: #999999;}
.pro_swiper{margin: auto;padding-bottom: 5%;}
.pro_swiper .pro_wrapper{padding: 0 2%;position: relative;width: 96%;margin: auto;}
.pro_swiper h3{  margin: 3% 11% 2%; font-weight: 700;  font-size: 38px;color: #363333;}
.home2{    display: flex;
  flex-direction: column;    padding-bottom: 5%;
}
.grayone{background: #F5F5F5;}
.home2 h3{  font-weight: 500;  font-size: 1.5em;  /* text-transform: capitalize; */  color: #363333;
}
.home1{width: 100%;
  height: 800px;}
/* .line{border-bottom:2px solid #A80532;width:98px;display:-moz-inline-box;display:inline-block;margin-bottom:1.6%;} */
.homecon{display: flex;width: 100%;justify-content: center;}
.homecon p{width: 38%;font-weight: 400;
  font-size: 16px;
  line-height: 33px;
  width: 38%;}
.homecon img{width: 38%;    height: -webkit-fill-available;  margin: auto 2%;}
.nbanner{height: 7rem;position: relative;background: #385063;margin-top: 1rem;background-size: cover !important;}
.nbanner_bj{background: rgba(0,0,0,.1);position: absolute;width: 100%;height: 100%;}
.nbanner ol{position: absolute;bottom: 10px;right: 2.5em;display: flex;color: white;font-size:13px;padding: 0;justify-content: flex-end;align-items: flex-start;}
.nbanner i{color: #fff;}
.nbanner ol li{padding: 0 5px;}
.nbanner ol a{color: white;}
.nbanner_part{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: white;text-align: center;width: 100%;font-size: 0.5rem;}
.nbanner_title{position: relative;}
.nbanner_title .line{border-bottom: 7px solid #0099D2;width: 100px;margin: 2% auto;}
.nbanner_title h2{font-size: 2em;width:100%;font-weight: 900;color: #fff;text-align: center;}
.nbanner_title p{font-size: 32px;letter-spacing: 7px;}
.nbanner_x p{font-size: 32px;  line-height: 3;  background: linear-gradient(180deg, #666767 0%, #363333 100%);  text-align: center;  color: #fff;}
.banner{height: 17rem;position: relative;}
.banner_swiper{height: 100%;}
.banner_part{    position: absolute;  left: 40%;  top: 26%; width: 16rem;}
.banner_part p{max-width: 11rem;}
.pbanner{height: auto;}
.pbanner video{width: 100%;}
/* .banner_part h5{font-size: 0.5rem;padding-bottom: 20px;} */
.banner_part h2{font-size: 0.9rem;letter-spacing: 5px;padding-bottom: 20px;border-bottom:solid 1px white;margin-bottom: 15px;font-weight: bold;}
/* .banner_part p{color: rgb(218, 218, 218);line-height: 25px;} */
.banner_x{position: absolute;bottom: 5%;z-index: 999;left: 50%;transform: translateX(-50%)}
.banner_x h6{width: 40px;height: 40px;border: solid 1px white;border-radius: 100%;text-align: center;line-height:40px;color: whitesmoke;}
.banner_swiper .swiper-pagination span{background: white;border-radius: 0;width:1rem;height: 3px;}
.banner_swiper .swiper-slide{background-repeat: no-repeat;background: center;  background-position: 50%;}

.banner .swiper-slide{position: relative;}
.banner .swiper-slide::before{content: '';width: 100%;height: 100%;background: #00338d96;position: absolute;}
.banner .swiper-slide:after{content: '';width: 100%;height: 100%;position: absolute;background: url(../images/wave.png);}
.swiper-button-next, .swiper-button-prev{width: 70px;height: 70px;background-size: 50px;}
.swiper-button-prev{left: -4%;}
.swiper-button-next{right: -4%;}
.swiper-pagination{text-align: inherit;position: inherit;margin-top: 25%;}

.globe__header{color:#3D464A;right:5%;font-size: 1.3em;max-width: 125px;line-height: 1;font-weight: 300;padding: 0;}
.globe__header .counter{font-size: 2.5em;color: #3D464A;font-weight: 600;}
.globe__header b{font-size: 2em;font-weight: 400;}
.globe__header_{color:#01338D;text-align: center;font-size:2em;font-weight: 500;}

.globe__wrapper b{position: absolute;font-size: calc((100vw - var(--spacing) * 2) / 1800 * 530);color: #01338d;}

.section{padding: 4em 8em 5em;overflow: hidden;background: url(../images/global.png);width: 100%;}
.char{color: #83C326;}
.section_title{text-align: center;position: relative;margin-bottom: 2%;}
.section_title i{color: rgba(32,131,212,1);padding-bottom: 30px;}
.section_title h3{font-size: 24px;font-weight: bold;color: #000;padding-bottom:2%;}
.section_title h5{text-transform: uppercase;font-size:9em;color: #ccc;position: absolute;top: 0;left: 50%;transform: translate(-50%,0);z-index: -1;opacity: 0.2;letter-spacing: 10px;font-weight: bolder;}
.section_title p{color: rgb(160, 160, 160);}
.section1_part{text-align: center;padding: 0 8%;}
.section1_part p{line-height: 33px;color: #666;padding-bottom: 4%;font-size: 15px;}
.section1_ce{justify-content: center;}
.section1_ce h2{padding:0 5%;}
.section1_ce span{color: rgba(32,131,212,1);font-weight: bold;}
.section1_ce p{line-height: 26px;color: #666;font-size: 15px;padding-top:15px;}
.section1_ce small{font-weight: bold;font-size: 13px;color: rgba(32,131,212,1);}


.section2{background-color: whitesmoke;padding: 2rem 0;background-size: 100%;overflow: hidden;}
.section2_l{width: 30%}
.section2_r{width:70%;}
.section2_title{margin-bottom: 8%;border-left: solid 1px rgba(32,131,212,1);padding-left: 15px;}
.section2_title h2{font-size: 20px;font-weight: bold;color: #666;padding-bottom:2%;}
.section2_title span{color: #ccc;font-size: 15px;}
.section2_part{    align-items: flex-end;}
.section2 p{font-size: 13px;line-height: 36px;width: 70%;}
.section2_pa{width: 100%;height: 300px;}
.se2_swiper{width: 100%;overflow: hidden;position: relative;margin-top: 55px;}
.se2_swiper .swiper-slide{ position: relative;}
.se2_swiper .swiper-slide>div{margin: 2% 5px;width: 190px;height: 190px;display: flex;align-items: center;justify-content: center;border-radius: 20px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.se2_swiper a{position: absolute;z-index: 99;right: 0;bottom:0;width: 100%;background: rgba(32,131,212,1);color: #fff;padding: 10px;text-align: center;}
.se2_bt{position: relative;width:200px;height: 50px;margin-left: 10%;}
.se2_swiper .swiper-button-prev{bottom: 0;top: 50%;height: 15px;z-index: 10;}
.se2_swiper .swiper-button-next{bottom: 0;top: 50%;height: 15px;z-index: 10;}
.se2_swiper .swiper-pagination {bottom: 0;z-index: 5;}

.servicebox ul{overflow:hidden;}
.servicebox li{float:left;width:20%;height:520px;position:relative;transition:all 0.5s;}
.servicebox li img{width:100%;height:100%;object-fit:cover;}
.servicebox li .textp{position:absolute;right:0;left:0;top:0;bottom:0;background:rgba(0,0,0,0.4);color:#fff;}
.servicebox li .textp div:first-child{position:absolute;left:0;right:0;top:50%;height:60px;line-height:30px;margin-top:-30px;text-align:center;}
.servicebox li .textp div:last-child{display:none;position:absolute;right: 5%;top:30%;}
.servicebox li .textp div:last-child span{display:inline-block;padding:10px 20px;background:#063d65;color:#fff;font-size:.9em;margin-top: 15%;}
.servicebox h3{font-size: 1.2em;}

.servicebox ul:hover li{width:15%;}
.servicebox ul li:hover{width:40%;}
.servicebox ul li:hover .textp{background:none;}
.servicebox ul li:hover .textp div:first-child{left:10%;top:20%;right:auto;}
.servicebox ul li:hover .textp div:first-child h3{display:inline-block;border-left:3px solid #dfbf9c;padding-left:20px;}
.servicebox ul li:hover .textp div:last-child{display:block;}

.section3{padding: 1rem 0 0 0;}
.se3_act::before{content: '';position: absolute;width: 0;height: 0;border: 20px solid;border-color: transparent transparent whitesmoke;bottom: 0;transform: translateX(-50%);left: 50%;transition: 600ms;}
.section3_part{padding-top: 0.5rem;}
.section3_part li{width: 20%;text-align:center;padding-bottom: 40px;position: relative;cursor:pointer }
.section3_part .icon{font-size: 1rem;margin-bottom: 20px; }
.section3_part h2{font-size: 15px;color: rgb(160, 160, 160);font-weight: bold;}
.section3_hd{background-color: whitesmoke;transition: 600ms;overflow: hidden;}
#container dl{display: none}
.section3_hd1{padding: 5% 0;justify-content: space-around;}
.section3_hd1 p{width: 30%;padding:0 20px;line-height: 35px;color: rgb(102, 102, 102);}
.section3_hd1 span{display: block;font-size: 20px;font-weight: bold;}

.workshop video{margin: 2% 0;width:100%}

.section4 .title{font-size: 16px;padding:0.4rem 0;font-weight: bold;}
.swiper-section4{position: relative;overflow: hidden;    padding: 0 5%;}
.section4 .des{line-height: 24px;padding:0;overflow: hidden;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow-wrap: break-word;}
.section4_part{padding: 1rem 0;}
.section4_part b{font-size: 0.8rem;padding-right: 20px;position: relative;color:black;}
.section4_part b::before{content: '';position: absolute;width: 1px;height: 70%;background: black;right: 10px;top: 50%;transform: translateY(-50%)}
.section4 .news_list{padding:0;margin:0;border:uest;    border: none;}
.swiper-section4 .swiper-button-next{width: 40px;height: 40px;-webkit-transition: .5s;z-index: 999;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;background-size: 13px;}
.swiper-section4 .swiper-button-next:hover{background-color:rgba(32,131,212,1)!important;}
.swiper-section4:hover .swiper-button-next{opacity: 1;}
.swiper-section4 .swiper-button-prev{width: 40px;height: 40px; -webkit-transition: .5s;z-index: 999;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;background-size: 13px;}
.swiper-section4 .swiper-button-prev:hover{background-color:rgba(32,131,212,1);}
.swiper-section4:hover .swiper-button-prev{opacity: 1;}

.hostory{background: url(//www.whmould.com/static/website409/images/history.jpg) repeat-y center;padding:30px 0;background-repeat: repeat-y;}
.hostory li{ position:relative; padding:20px 0; line-height:30px; width:100%; height:90px;cursor:pointer;}
.hostory .hostory_l{ position:absolute; right:50%; top:0; margin-right:5%; text-align:right; width:45%; line-height:30px;}
.hostory .hostory_l span{ width:70px; height:32px; text-align:center; line-height:32px; background:#ccc; display:inline-block; position:absolute; left:0; margin-left:410px; border-radius:5px;}
.hostory .hostory_l span:after{ content:"";display:block;}
.hostory .hostory_r{ position:absolute; left:50%; top:0; margin-left:5%; text-align:left; width:45%; line-height:30px;}
.hostory .hostory_r span{ width:70px; height:32px; text-align:center; line-height:32px; background:#ccc; display:inline-block; position:absolute; right:0; margin-right:410px;border-radius:5px;}
.hostory li:hover span{ background:#e7161a; color:#fff;}
.hostory li:hover a{ color:#000;}
/* .hostory .hosw{display: flex;align-items: center;justify-content: center;} */
.hostory .hosw{margin-top: 1%;}
.hostory .hosy{margin-left: -5%;width: 70px;color:#fff;background: rgb(46, 92, 135);text-align: center;height: 70px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.hostory ul li:nth-child(2n) .hosy{margin-right: -5%;}
.hostory p{font-size: 0.8em;padding: 1.5% 0 0;}

/* .mid_nav{box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);border-radius: 5px;background: white;display: inline-block;position: absolute;overflow: hidden;margin-left:2%;margin-top:40px;z-index:9;} */
.mid_nav{ margin: 3% auto 0;display: flex;  flex-direction: row;  align-items: center;flex-wrap: wrap;  justify-content: center;}
.mid_nav i{font-size:9px;display:none}
.mid_nav_top{background: rgba(32,131,212,1);padding: 9px 1.5rem 0 15px;}
.mid_nav h2{font-size: 15px;color: white;padding-bottom: 10px;}
.mid_nav h5{padding-bottom: 10px;color: white;font-weight: bold;opacity: 0.5;}
.mid_nav li{padding: 10px 10px 10px 20px;position: relative;}
.mid_nav_act::before{content: '';position: absolute;width: 2px;height:50%;background: rgba(32,131,212,1);left: 0;}
.mid_nav a{background: rgb(0, 86, 150);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;    margin: 1%;
font-size: 0.9em;  border: 1px solid #ccc;    line-height: 2;  padding: 0 1.5%;border-radius:2px}

.news_list{padding-bottom:0.5rem;margin-bottom:0.5rem;border-bottom: solid 1px #f3f3f3;    align-items: center;}
.news_list_pic{width:35%;padding:0 0.4rem;text-align: center;max-height:5rem;overflow:hidden;}
.news_list_text{width:65%;padding:0 0.4rem;}
.news_list_text h2{font-size: 24px;padding-bottom: 1rem;position: relative;}
.news_list_text h2::before{content: '';width: 30px;height: 2px;position: absolute;bottom: 0.6rem; background: rgba(32,131,212,1);}
.des{    font-size: 15px;color: #6b6b6b;line-height: 30px;padding-bottom: 15px;}
.new_bt{ justify-content: space-between;padding-top: 20px;}
.time{    font-size: 15px;font-weight: bold;color: #888;}

.huidu{background: #000;opacity: 0.9;}
.footer{background:#053B6F;}
.footer_part{margin-left: 3%;width: 19em;max-width: 100%;color: #fff;
  /* align-items: center; */
  display: flex;font-weight: 300;
  flex-direction: column;}
.footer_part h3{    font-size: 1.3em;color: #fff; margin-bottom: 10%;font-weight: 300;position: relative;padding: 2% 0 5%;}
.footer_part h3::before{content: '';position: absolute;width: 70%;height: 100%;border-bottom: 1px solid #fff;}
.footer_part li{font-size: 0.8em;padding-bottom: 10px;color: rgba(255, 255, 255, 0.7);display: flex;}
.footer_part li i{color: #0099D2;font-size: 1.1em;padding: 0 3%;}
.footer_part a{color: #fff;}
.footer3{position: relative;}
.footer3:not(:last-child){border-left: 1px solid #fff;}
/* .footer3:not(:last-child):before{content: '';position: absolute;width: 100%;height: 80%;margin-top: 10%;border-right: 1px solid #fff;} */
.iconn{display: flex;justify-content: center;}
.iconn a{padding:  0 4%;}
/* .iconn i{font-size: 1em;} */
.footer1{margin: auto;}
.footer1 h2 i{font-size: 25px;
  margin-right: 1vw;}
.footer1 h2{font-size: 15px;color: white;display: flex;padding:18px 0;}
.footer2 p{color: #fff;    line-height: 29px;font-size: 15px;}
.footer_part a:hover{color: rgb(196, 196, 196);}
.footer_last{background: #d9d9d9;;text-align: center;padding: 10px 0;color: #000;font-size:14px;}
.footer3_ a{color: rgba(255, 255, 255, 0.7);}
.footer3_ a:hover{color: rgba(255, 255, 255);}

.chooseone{padding: 0 4% 4%;background: rgba(217, 217, 217, 0.32);
  margin: auto;}
.choosecon{justify-content: space-evenly;padding-top: 4%;}
.choosecon h2{}
.choosecon p{    width: 77%;font-size: 1.1em;color:#7f7f7f;
  margin: auto;    line-height: 31px;padding: 34px 0;}
.choosecon span{color: #0099D2;
  font-weight: 700;}
.borderone{    border: 1px #000 solid;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  width: 30%;
  text-align: center;
}
.borderone .iconfont{    background: #0099D2;  color: white;  font-size: 53px;  width: 80px;  height: 80px;  border-radius: 50%;  position: relative;  margin: -40px auto 30px;}
.Download{    background: #0099D2;  border-radius: 8px;  line-height: 2;  font-size: 1.4em;color: #fff;}
.home3{  padding: inherit;  padding-bottom: 5%;}
.whyone{background: url(../images/why_ch.png) repeat-y;}
.whycon .homecon{justify-content: flex-start; }
.whycon>div{width: 60%;}
.whycon a{font-weight: 700;}
.whycon li{padding: 1%;  border-radius: 5px;}
.whycon li span{float: right;}
.whycon p{color: #666;width: 100%;}
.whycon p a{color: #A40102;  text-align: right;display: block;}
.why_ti{line-height: 60px;background: #333333;padding: 0 3%;border-radius: 5px;}
.why_des{display: none;}
.have_ .why_ti{background: #a40102;    border-radius: 5px 5px 0 0;}
.have_ .why_des{display: block;}
.whyconone{width: 80%;}
.why_des{    background: #fff;  border-radius: 0 0 5px 5px;  padding: 0 5%;}
.offerone{    padding: inherit;  background: #000;  opacity: 0.9;  color: white;  margin-bottom: 8%;}
.offercon h3,.whycon h3{color: white;}
.offercon{    background: url(../images/offerbg.png) repeat-y;}
.offerconone{padding-bottom: 5%;padding-right: 5vw;}
.hdian{color: #a40102;  padding: 15px;}
.offerconone li{    font-size: 26px;  font-style: italic;  font-weight: 100;  padding: 10px;color: #fff;}
.numbercon{    background: url(../images/numberbg.png) repeat-y;}
.numberone{margin: inherit;background: #d7d4d4;opacity: 0.9;padding-bottom: 0;}
.numdian{font-size: 87px;}
.numberconone{float: left;display: inline;padding-bottom: 6%;}
.numberconone li{    float: left;  padding: 20px;  display: flex;  font-size: 28px;  font-weight: 500;  margin-left: 9vw;  width: 436px;}
.numberconone li b{  color: #a40102;  font-size: 72px;}
.numberconone li span{color: #a40102;font-size: 45px;}
.numberconone li div{font-style: italic;  font-weight: 100;}


.home_adv_cont{    display: flex;  overflow: hidden;}
.home_adv_box{position: relative;  float: left;  width: 25%;max-width: 400px;  transition:  max-width ease-out .8s;}
.home_adv_box:hover{max-width: 600px;transition:  max-width ease-out .8s;}
.home_adv_box>img{width: 100%;height: 350px; object-fit: cover;}


.zuoyou{display: flex;margin: auto;}
.zuoyou>div{width: 50%;margin: auto;}
.zuoyou .right{margin-left: 3%;}
.about_txt{width: 75%;  margin: 3.5% auto;  font-size: 24px;  line-height: 30px;  font-weight: 500;}
.about_txt span{color: #A40102;font-size: 24px;}
.about_txt p{margin-bottom: 1%;font-size: 20px;    color: #6C6A6A;}

.jieshao p{font-weight: 300;}
.jieshao strong{color: #0d5189;}
.changen{position: relative;background-image: url(/Files/189/20220419/about_mould.png);    padding: 5% 0;background: #eef1f5;}
.changen .ch_one{top: 20%;width: 80%;margin: auto;}
.rightdes_{display: flex;flex-wrap: wrap;}
.rightdes_ dl{width: 50%;color: #008080;}
.rightdes_ dl span{font-weight: 700;  font-size: 16px;line-height: 2;color: #008080;}
.rightdes_ dl b{color: #0d5189;font-weight: 400;  font-size: 3.6em;}
.guding{    background: url(https://www.deepseamr.com/wp-content/uploads/2020/09/vision-banner.jpg);background-size:cover;background-position: 70% 50%;
  min-height: 400px;background-attachment: fixed;font-size: 1.8em;font-weight: 300;position: relative;}
.guding p{max-width: 1150px;top: 50%;transform: translate(-30%, -50%);position: absolute;width: 92%;}
.guding::before{position: absolute;width: 100%;height: 100%;content: '';background: rgba(255, 255, 255, 0.3);}
.centt{margin: 0;padding: 0.1% 6% 2%;background: linear-gradient(360deg, rgb(191 191 191 / 28%) 5.53%, rgb(255 255 255 / 27%) 93.74%);}
.cent span{margin: 1% auto 2%;}
.contane .centt,.contane .guding{width: 100%;margin:0 auto}
.ted p{height: 4.5em;}
.changen .ch_one h3{font-size: 1.8em;line-height: 1.39;color: #1872b7;}
.changen .ch_one .line{    border-bottom: 5px solid #0d5189;  margin: 2% 0;  width: 114px;}
.value_{width: 88%;margin: 3% 6%;}
.value_ h2{font-weight: 700;  font-size: 40px;line-height: 1.25;color: #A40102;position: relative;}
/* .value_ p,li{ color: #363333;} */
.value_ i{font-size: 80px;  color: #993E3E;}
.value_ li{margin:2% 0;display: flex;  align-items: center;width: 70%;  padding: 2% 0 0 2%;  border: 1px solid rgba(164, 1, 2, 0.8);  border-radius: 20px;}
.value_ li p{    padding: 4%;}
.value_ .line{border-bottom: 8px solid rgba(196, 196, 196, 0.65);position: absolute;  left: 0;  top: 70%;  width: 269px;}
.value_ .lr{display: flex;}
.value_ .lr .left{margin: auto;}

.sales{text-align: center;  margin: 5% 0;}
.sales h2{font-weight: 700;  font-size: 40px;  color: #A40102;  line-height: 1.25;  margin: 3% 0;}

.maod a{width: 180px;}
.cap{margin: 3% 0;}
.rd{width: 66%;margin: 3% auto;}
.cap h3{color: #A40102;font-size: 45px;margin-bottom: 4%;}
.cap h3 span{font-weight: 700;  font-size: 36px;line-height: 1.39;}
.gery{background: linear-gradient(180deg, rgba(196, 196, 196, 0.282) 10.53%, rgba(196, 196, 196, 0.272) 73.74%),url(/Files/189/20220420/gerybg.png);}
.rd span{color: #A40102;font-weight: 600;}
.rd p{font-weight: 500;  font-size: 20px;line-height: 2.5;color: #4c4c4c;}
.rd .rd_xia img{width: 33%;padding: 1%;}
.rd .left img{margin: 2%;}
.bgimg{position: relative;padding: 4% 0;}
.bgimg>div{top: 1px;margin:0 10%;}

.contane .zibox{background: #0099D2;color: #fff;margin: 1% 15px;padding: 5% 2%;}
/* #user{background: url(../images/name.png) no-repeat 12px;}
#email{background: url(../images/email.png) no-repeat 12px;}
#phone{background: url(../images/tel.png) no-repeat 12px;}
#content{background: url(../images/message.png) no-repeat 12px;}
.form_list input,textarea{    padding: 18px 0 18px 70px;  width: 440px;  background: #fcfcfc;  border: 1px solid #d5d5d5;  border-radius: 4px;  margin: 20px 0 0;  font-family: Arial;  font-style: normal;
  font-weight: 400;  font-size: 20px;  resize: vertical;} */

.partners_part{flex-wrap: wrap;padding-bottom: 0.6rem}
.partners_part1{width: 23%;text-align: center;background-color: #f7f7f7;margin: 1%;padding: 20px;overflow: hidden;}
.partners_part1 img{transition: 600ms;}
.partners_part1:hover img{transform:scale(1.1)}


.about_hs1 p{width: 80%;margin: auto;}
.rd_bt{padding: 1rem 0;text-align: center;display:none;}
.rd_bt span{display: inline-block;padding: 10px 35px;background:rgba(32,131,212,1);color: white; }
.rd2{padding: 1rem 0;}
.rd2 h2::before{left: 50%;transform: translateX(-50%)}
.swiper-rd{overflow: hidden;margin: 0;padding: 0;}
.swiper-rd .swiper-slide{height: 306px;background: linear-gradient(180deg, #b7b9bb, #e6e8ea); display: flex; align-items: center;}
.swiper-rd .swiper-button-prev{left: 0%;}
.swiper-rd .swiper-button-next{right: 0;}

.qa{box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);margin-bottom: 1rem;}
.qa1{ padding: 0 1rem;}
.qa_list{flex-wrap:wrap;padding-bottom:3%;}
.qa_list h6{width:50%;}
.rdlc{position: relative;}
.rdlc_next,.rdlc_prev{position: absolute; top: 50%; margin-top: -30px; width: 30px; height: 60px; text-align: center;background: rgba(0,0,0,.5); cursor:pointer;z-index: 1000; transition: .6s;}
.rdlc_next:hover,.rdlc_prev:hover{background: rgba(0,0,0,.9);}
.rdlc_next i,.rdlc_prev i{line-height: 60px; color: #fff;}
.rdlc_next{right: -50px;}
.rdlc_prev{left: -50px;}
.rdlc_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; padding: 35px 30px 0; box-sizing: border-box; z-index: 200;}
.rdlc_bg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(32,131,212,.5); z-index:100; opacity:0; transform: scaleY(0); transition: .5s;}
.rdlc_box .icon{margin:0 auto 20px; width:60px; text-align: center;   height: auto;}
.rdlc_box .icon i{font-size: 40px; }
.rdlc_box .title{font-size:26px; color:#fff; font-weight:bold; position:relative; line-height:60px; margin-bottom:15px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.rdlc_box .title:after{content:''; position:absolute; width:50px; height:1px; background:#fff; left:0; bottom:0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.rdlc_box .des{font-size:13px; color:#fff; line-height:24px; opacity:0; visibility:hidden\9; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.rdlc .swiper-slide:hover .icon{display:none;}
.rdlc .swiper-slide:hover .title{text-align:center;}
.rdlc .swiper-slide:hover .title:after{left:50%; margin-left:-25px;}
.rdlc .swiper-slide:hover .rdlc_bg{-webkit-transform: scaleY(1); opacity:1; visibility:visible\9; transform-origin: left 0;}
.rdlc .swiper-slide:hover .des{opacity:1; visibility:visible\9;}

.eq{flex-wrap:wrap;}
.eq1{ width: 30%;margin:1.5%;text-align: center;overflow:hidden;position: relative;}
.eq_title{    position: absolute;z-index: 9;width: 100%;padding: 15px 0;background: rgba(0, 0, 0, 0.5); bottom: 0;color: white;text-align: center;}
.eq1 img{transition: 600ms;}
.eq1:hover img{transform: scale(1.2);}

.newcont_title{text-align: center; font-size: 20px;font-weight: bold;}
.newcont_time{text-align: center;padding: 15px 0;color: #d6d6d6; font-size: 15px;}
.mid_text{padding: 2% 5%; line-height: 26px;color: #666;}

/* .little{  border: 1px solid black;} */
/* 小图 */
/* .little img{  width: 480px;  height: 300px;} */
/* 小放大镜 */
.little .mark{  width: 150px;  height: 150px;  background-color: #939393; opacity: 0.5; position: absolute; left: 0; top: 0;cursor: move;display: none;}

/* 大放大镜 */
.great{  width: 480px;  height: 300px;background: #fff; border: 1px solid #000; overflow: hidden;  position: absolute;  display: none; margin-left: 600px;z-index: 100;}
.great img{  position: absolute;  left: 0;  top: 0;  width: 1600px;  max-width: 300%;}

.first-line{  width: 100%;display: flex;padding-bottom: 3%;}
/* .product-img{  width: 100%;  height: 400px;  margin: 10px;} */
.swiper-pagination11{  width: 37%;}
.product-information{  margin-top: 20px;font-size: 15px;}
.product-information-title{border-bottom-style: solid; border-bottom-color: #53647a; font-family: Roboto;  font-size: 24px; color: #53647a; font-style: normal; border-bottom-width: 2px;
    padding-top: 8px;padding-bottom: 4px;}
.product-information-conception{ margin-top: 10px;}
.text-wrapper{ display: flex; flex-direction: column; width: 270px; line-height: 25px; padding-top: 10px;}
.text-wrapper p{text-align: center;}
.product-display{display: flex;flex-wrap: wrap;}
.aboutus img{  width: 1000px;}

.procont_pic_{border: 1px solid #ccc;}
.procont_pic_ img{max-width: 24%;cursor: pointer;margin: 2%;opacity: .3;}
.procont_pic_ .check{opacity: 1;}

.sust img{padding: 2%;}
.sust p{margin-bottom:10px;}

.prolist {flex-wrap:wrap;}
.prolist_part{margin-bottom:1rem;}
.prolist:after{ content:""; display:block; clear:both;}
.prolist dl:hover img:nth-child(2){opacity: 0;}
.prolist dl{width:calc(100%/4);align-items: center;padding:15px;}
.prolist dl dd{overflow: hidden;  border: solid 1px #b2b2b2;position: relative;height: 350px;}
/* .prolist dl dd img{    transition: 600ms;    transform: translate(-50%,-50%);  left: 50%;  top: 50%;  position: absolute;max-height: 100%;width: 100%;object-fit: cover;} */
.prolist dl dd img{min-height: 100%;  transition: 600ms;position: absolute;width: 100%;height: auto;object-fit: cover;   transform: translate(-50%,-50%);  left: 50%;  top: 35%; }
.prolist dl dd img:hover{     transform: scale(1.05) translate(-50%,-50%);}
/* .prolist_ dl dd img{object-fit: contain;} */
.prolist_ dl dd img{top: 50%;}
.l-img,.r-img{    width: 45%;position: relative !important;left:25% !important;}
.prolist dl dt h2{font-size: .9em;position: relative;    text-align: center; }
.prolist dl dt p{font-weight: lighter;font-size: 16px;line-height: 30px;margin-bottom:20px;}
.prolist dl dt a{align-items: center;font-size:15px;font-weight: lighter;color: #000;}
.prolist dl dt a:hover{color:rgba(32,131,212,1);}
.prolist dl dt a i{padding-left:6px;font-weight: lighter;}

.pro_header {text-align: center;justify-content: space-around;}
.pro_header h2{padding-bottom:20px;font-size:25px;}
.pro_part{position: relative;}
.pro_part p{width:80%;margin:auto;font-size:16px;line-height:25px;}

.pro_us{margin: 0 14%;}
.pro_us>div{padding: 0 2%;}
.pro_send{padding: 2% 0;    width: 80%;margin: auto;margin-top:3%;}
.pro_send h2{text-align: center;font-size: 25px;line-height: 40px;font-weight: bold; color: #222222; font-family: 'proppnsbr'; padding-bottom: 10px;}
.pro_send p{    margin-bottom: 3%;color: #9e9e9e; text-align: center;}
.pro_send input{width: 100%;font-size: 14px;line-height: 25px;padding: 5px 12px;border: #e0e1e1 solid 1px; border-radius: 1px;color: #8b8d94;margin-bottom: 10px;box-sizing: border-box;}
.pro_send textarea{       font-family: 'proppns'; width: 100%;font-size: 14px;line-height: 25px;padding: 5px 12px;border: #e0e1e1 solid 1px; border-radius: 1px;color: #8b8d94;margin-bottom: 10px;box-sizing: border-box;}
.form_send a{display: inline-block;padding: 9px 25px;background: rgb(62,82,117);color: white;float:right;}
.form_send{    text-align: left;}

.swiper-pro{width: 100% !important;margin-top:5%;}
.swiper-pro .swiper-slide img{width:100%;}
.swiper-pro .swiper-button-prev{background: rgba(0, 0, 0, 0.45);color:white;width: 30px;height: 30px;line-height: 30px;left:0;}
.swiper-pro .swiper-button-next{background: rgba(0, 0, 0, 0.45);color:white;width: 30px;height: 30px;line-height: 30px;right:0;}
/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}


.video_{width: 80%;max-width: 1400px;  margin: 3% auto;}
.video_con{display: flex;    flex-wrap: wrap;  padding: 0 0 4% 0;}
.video_part{display: inline-block;  padding: 0 25px 25px 0;  width: 33%;  box-sizing: border-box;}
.video_part video{background: #000;  width: 420px;  height: 300px;  max-width: 100%;}

/*feedback*/
.feedback{box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);padding: 3% 0 0;}
.feedback_part{display: flex;display: -ms-flexbox;display: -webkit-flex;width: 80%;  margin: auto;justify-content: space-around;align-items: center;}
.feedback_l{width: 47%;padding:0.5rem 0.4rem;margin-right:0.4rem;}
.feedback_l h2{font-weight: 700;line-height: 1.3;margin-bottom: 10%;}
.feedback_l p{    font-size: 0.9em;  line-height: 1.2;  color: #6C6A6A;}
.feedboxs{margin: 8% 0;}
.feedback_boxs{padding:2% 0;display: flex;}
.feedback_boxs i{float: left;width: 30px;text-align: center;font-size: 0.48rem;color: #0099D2;    margin: 0px 4%;}
.feedback_box h3{color: black;padding-bottom: 0.2rem;font-size: 0.35rem;}
.feedback_box{font-size: 0.8em;line-height: 0.55rem;color: #7E7E7E;margin: 0 3%;width: 60%;}
.feedback_r{width: 45%;padding-left: 0.4rem;}
.about1_part{padding: 3% 0;}
/* .map{height: 320px;} */
.form_list h2{font-size: 0.4rem;font-weight: bold;line-height: 0.5rem;padding: 0.3rem 0;}
.form_list a{cursor:pointer;background: #0099D2;float: right;color: white;width: 100%;  font-size: 22px;  line-height: 2.3;  text-align: center;  border-radius: 10px;}

.feedback_item input{        box-sizing: border-box;padding-left: 15px;display: block;width: 100%; line-height: 40px; margin-bottom: 15px;border-radius: 2px;border: solid 1px #cccc;}
.feedback_item textarea {    box-sizing: border-box;padding-left: 15px;display: block;width: 100%; line-height: 40px; margin-bottom: 15px;border-radius: 2px;border: solid 1px #cccc;max-height: 120px;font-family:'sans';}
.feedback_item textarea,.feedback_item input{font-size: 20px;    padding: 10px 0;  border-radius: 0 2px 2px 0;    width: 100%;  border: none;  outline: none;margin: 0;}
#Feedback>div{display: flex;margin-bottom: 15px;border-radius: 4px;    border: 1px solid #d5d5d5;}
#Feedback>div i{background: white;color: #0099D2;font-size: 1.8em;border-radius: 2px 0 0 2px;padding: 1.3% 2%;}
.form_list input,.form_list textarea{border: none;box-sizing: border-box;outline: none;}
.form_list textarea{padding-top: 3.5%;}

.mobnav{    position: fixed;display: none; z-index: 1001;    background: #fff;width: 100%;    -webkit-box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);top:0}
.mobnav_part{    align-items: center;padding: 0 10px; justify-content: space-between;    background: #fff;}
.mobnav_part i{font-size:1.9em;}
.mobnav .nav1{display:none;}
.mobnav .nav{position: absolute;z-index: 99;width: 100%;display:none;}
.mobnav .nav .nav_ul{display:block;width: 100%;text-align: center;     background: #fff;border-bottom: solid 1px #e2e2e2;}
.mobnav .nav .nav_ul a{font-size: 18px;padding: 10px;display: block;}

@media screen and (max-width:1680px){
.nav_ul a{padding: 13px 0;}
.solution{padding: 5%;}
.nav_ul a{margin:0 1.5em}
body{font-size: 15px;}
.capa>div>div{height: 500px;}
.banner_part h5, .banner_part span{font-size: 2.4em;}
.mainp_con p{font-size: 1.3em;}
.pro_wrapper .swiper-container .swiper-slide>div h3{font-size: 1.3em;}
/* .company{padding: 5% 16% 10%;} */
.se2_swiper .swiper-slide>div{width: 160px;height: 160px;}
.feedback_box{font-size: .9em;}
.banner_part p{font-size: 1em;}
}

@media screen and (max-width:1440px){
.banner{height:15rem;}
.mid_nav_top { padding: 9px 1rem 0 15px;}
.about p{font-size:13px;}
.homecon p{line-height: 1.5;}
body{font-size: 14px;}
.capa>div>div{height: 450px;}
/* .contane{max-width: 1200px;margin: auto;} */
.hostory li{height:190px}
.hostory .hosw{line-height: 1.2;padding: 0 2%;}
.hostory ul li .hosw:first-child{right: 50%;left: 0;text-align: end;margin-right: 5%;margin-left: 0;}
.hostory ul li .hosw:nth-child(2){left: 50%;right: 0;text-align: start;margin-left: 5%;margin-right: 0;}

}

@media screen and (max-width:1199px){
.bodySize{width:100%;}
.homecon,.zuoyou{    flex-direction: column;}
.zuoyou>div{width: 100%;}
.borderone .iconfont{    margin: -40px auto 17px;}
.homecon p {width: 90%;margin: auto;padding: 23px 0;}
.homecon img {width: 100%;}
.rd .rd_xia img{width: 100%;}
.col-lg-10{width: 100%;margin: auto;}
.cata_{flex-direction: column;}
.cata{margin:0}
.company .col-lg-5{width: 90%;}
.esg{padding: 6% 6% 3%;}
.esg .line{margin: 2% 0;}
.capa>div>div{height: 380px;}
.footer_part{max-width: 14em;}

}

@media screen and (max-width:1000px){
.contane_{flex-wrap: wrap;}
.servicebox li{width:50%;height:180px;}
.servicebox li:last-child{width:100%!important;}
.servicebox li .textp div h3{font-size:14px;}
.servicebox ul:hover li{width:50%;}
.servicebox ul li:hover{width:50%;}
.servicebox ul li:last-child:hover{width:100%;}
}

@media screen and (max-width: 768px) {
body{font-size: 13px;}
.header_nav,.header_logo p{display:none;}
.header{display:none;}
.mobnav{display:block;}
.nbanner_x p{line-height: 2;}
.banner{height:455px;}
.banner_part h2{padding-bottom:0;}
.banner_part {width: 90%;line-height: 18px;left:6%;top:10%;}
/* .banner_part h5{font-size: 50px;} */
.banner_part h6{font-size: 36px;}
.banner_part p{line-height: 28px;}

.guding p{transform: translate(0,-50%);}
.section5con{width: 85%;}
.company,.lets{flex-wrap:wrap;}
.lets{justify-content: space-between;}
.friends_img>div{width: calc(100%/3);}
.capa>div>div{height: 300px;}

.section{padding:30px 0;}
.section_title h5{font-size:35px;}
.section1_ce{ flex-wrap: wrap;}
.section1_ce h2{    width: 50%;box-sizing: border-box;}
.section1_part{padding:0;}

.section2_part{flex-wrap:wrap;}
.section2_l,.section2_r{width:100%;}
.section2{    padding: 1rem 0;}
.se2_swiper .swiper-slide{margin:0;}
.se2_bt{margin-left:100px;}
.section3_hd1{    flex-wrap: wrap;}
.section3_hd1 p{width:100%;    padding: 10px;}
.section4_part{padding:0;}
.footer ._flex{display:block;}
.footer{padding:0;}
.footer_part{padding:15px;}
.footer1 h2 i{width:25px;}

.nbanner {    height: 5rem;background-size: cover!important;}
.about1_part{flex-wrap:wrap;padding:20px 10px;}
.about_l, .about_r{width:100%!important;padding:5px 0!important;}
.about p{    line-height: 20px;padding-bottom: 10px;}
.about2_part1{display:block;}
.about2_center2{padding:0;}

.about_c1{width:100%;    padding: 15px;margin-bottom: 15px;}
.about_hs1 p{width:100%;}
.hs_cell h3{font-size:15px;}
.hs_cells h3{font-size:15px;}
.hs_cell_l,.hs_cells_r{padding:10px;}
.hs li{padding-top:35px;}
.partners_part1{width:48%;}
.rdlc_box{padding:10;}
.qa_list h6{width:100%;}
.qa1{padding:0 15px;}
.rdlc_next{right:-10px;}
.rdlc_prev{left:-10px;}
.eq1{width:100%;}
.news_list_pic{display:none;}
.news_list_text{width:100%;}
.new_bt{padding:0;}
.nbanner_title p{    font-size: 20px; letter-spacing: 2px;}
.banner{padding-top: 65px;}

.header_part3{display: none;}
.mobnav_part img{width: 75px;padding: 2%;}

.feedback_part{display:block;width: 100%;}
.feedback_l{width:100%;magin:0;}
.feedback_r{width:100%;magin:0;padding:0;}
.footerbody{width: 100%;}
.l-img, .r-img{width: auto;left: 1% !important;}


}
@media screen and (max-width: 480px) {
.footer_part{margin: auto;}
.zs img,.img_2 img,.img_3 img{width: 97%;}
.changen .ch_one{width: 100%;padding:1% 4%}
.contane{width: 100%;}
.contane>*{width: 95%;}
.contane>div{width: 100%}
.contane p{padding:1% 4%}
.zuoyou .right{margin: 0;}
.hostory .hosy{width: 33px;height: 33px;font-size: 0.7em;}
.company{padding: 4% 3.5% 4%;}
.workshop img{margin: 2% 0;}

.nbanner{margin-top: 1rem;}
.mobnav_part img{width: 50px;}
.banner{padding-top: 29px;}
body>a{padding: 15px;}
.mpro_{height: 302px;}
.ted{width: 100%;padding: 1% 0 3%;}
.qclc td{font-size: 10px;padding: 0 3px;}
.nbanner_title h2{font-size: 1.4em;}
.capa{flex-wrap: wrap;}
.capa>div{width: 100%;}
/* .capa>div>div{height: 250px;} */
.numberconone li{width: 88%;}
.borderone{    margin-top: 50px;}
.borderone{width: 100%;}
.footerbody{flex-direction: column;width: 100%;}
.footer_part{width: 100%;max-width: 100%;}
.bodySize{width: 100%;}
.header_part1{width:15%;}
.nbanner_x p{font-size: 20px;}
.home_adv_box>img{height: 166px;}
.video_{width: 100%;}
.video_part{width: 100%;}
.pro_swiper h3,.home2 h3{font-size: 26px;}
.prolist dl{width: 88%;margin: auto;}

.whycon>div{width: 98%;margin: auto;}
.numberconone li{padding: 0;}
.numdian{font-size: 55px;}
.numberconone li b{font-size: 34px;}
.offerconone li{font-size: 18px;}
.whyconone{width: 96%;}
.value_ li{margin: 2% auto;}
.rightdes_ dl{    width: 80%;  margin: auto;}
.rd{width: 90%;}
.se2_swiper .swiper-slide>div{width:120px;height: 120px;}

}