﻿/* @font-face {
	font-family:'sans';
	src: url(../fonts/SourceSansPro-Regular.otf);
}
@font-face {
	font-family:'blod';
	src: url(../fonts/SourceSansPro-Bold.otf);
}
@font-face {
	font-family:'ligth';
	src: url(../fonts/SourceSansPro-Light.otf);
}
@font-face {
	font-family:'nap';
	src: url(../fonts/NaPecZTIAO.woff2);
}
@font-face {
	font-family:'Aref Ruqaa';
	src: url(../fonts/ArefRuqaa-Bold.ttf);
} */

  @import url('https://fonts.googleapis.com/css2?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');

  @import url('https://fonts.googleapis.com/css2?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 4045035 */
  src: url('//at.alicdn.com/t/c/font_4045035_xx9gmeuopjk.woff2?t=1686896302775') format('woff2'),
       url('//at.alicdn.com/t/c/font_4045035_xx9gmeuopjk.woff?t=1686896302775') format('woff'),
       url('//at.alicdn.com/t/c/font_4045035_xx9gmeuopjk.ttf?t=1686896302775') format('truetype');
}
.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;
}
a:focus, a:hover{    transform: scale(1.02);}
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:'Roboto', sans-serif;;letter-spacing: 0;}
html{font-size: 50px;}
body{ font-size:20px;line-height: 1.5;color:#464F53;
  font-style: normal;
  font-weight: 400;}
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: 3% 0;
  /* background: url(../images/footerbg.png) repeat-y; */
  justify-content: space-between;}
.contane{padding: 3% 5%;max-width: 1600px;margin: auto;}
.contane h2{font-size: 1.8em;padding: 1%;color: #006fdb;margin: 3% 0 2%;}
.contane p{font-size: 0.9em;}
.contane_{display: flex;align-items: flex-start;justify-content: space-around;flex-wrap: wrap;}
.contane_ *{margin: 1% 0;}
.centt{margin: 3% -17%;padding: 0.1% 18% 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{padding: 10px 0;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;}
.header img{max-width: 80%;padding-right: 3px;}
.header_part{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;align-items: center;}
.header .lg{padding: 10px 0;}
.header a{color: #5A4F4F;}
.header_part3 img{width:60%}
.nav_ul{align-items: center;}
.nav_ul a{display: block;font-size: 0.8em;margin: 0 1.8em;}
.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;}
.nav1,.nav2{background: #fff;}
.header_part .nav1{position: absolute;display:none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);z-index: 99;min-width: 200px;}
.header_part .nav1 a{display: block!important; padding: 13px 13px!important;color: #666!important;margin: 0;}
.header_part .nav1 a:hover{    color: #6787bf!important;}
.header_part .nav1_part{ padding: 0 15px;}
.nav2{display: none;position: absolute;left: 80%;top: 0;width: 92%;}
.header_part .navflag{min-width: auto;width: 128px;background: #fff;}
.header_part .navflag .nav1_part{padding: 0 8px;}
.header_part .navflag .nav1_part:hover{background: #0462a6ba;}
.header_part .navflag .nav1_part:hover a{color: #fff !important;}

.cer img{max-width: 400px;max-height: 300px;}
.cer .swiper-slide{display: flex;justify-content: center;align-items: center;}

canvas:not(:first-child){display: none !important;}

.container{width: 73%;}
.typed{display: flex;align-items: center;}

.home_mould_cont_box a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2000; background:rgba(0,111,219,0.8); text-align:center; padding-top:30%; color:#fff; font-size:16px; box-sizing:border-box; opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.home_mould_cont_box:hover a{ opacity:1;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.home_tel{ font-size:24px; font-weight:normal; font-style:italic; text-align:center; color:#e7161a;}
.home_p{ font-size:12px; color:#333;font-style:italic; text-align:center; margin-top:5px;}
.home_mould{ padding:2% 10% 5% !important;background:#f5f5f5;}
.home_mould_class{ text-align:center; margin-top:35px; font-size:0.9em;font-style:italic;}
.home_mould_class a{padding: 0 1%;margin-right: 10px;height:40px; line-height:40px; text-align:center; display:inline-block; color:#000; border:1px solid #e5e5e5;}
.home_mould_class a:hover{ background:#e5e5e5; color:#000;}
.home_mould_class .act{ background:#e5e5e5; color:#000;}
.home_mould_cont{ margin-top:30px;display: flex;flex-wrap: wrap;}
.home_mould_cont_box{ background:#fff; width:30%; margin-right:3%; float:left; position:relative;}
.home_mould_cont_box a img{width: 30%;}
/* .home_mould_cont_box:nth-child(3n){margin-right:0;} */
.home_mould_cont>div{display: flex;justify-content: center;height: 400px;flex-wrap: wrap;}
.home_mould_cont>div .col-lg-5{padding: 0;background-size:cover !important}
.home_mould_cont>div .col-lg-5>img{opacity: 0.01;}
.home_mould_cont p{font-size: 0.8em;margin: 0 !important;text-align: start !important;width: 100% !important;display: flex;justify-content: space-around;align-items: center;}
.home_mould_cont .col-lg-6{display: flex;flex-wrap: wrap;align-items: center;background: #fff;padding: 2%;}
.box_pic{display: flex;align-items: center;justify-content: center;padding: 2%;}
.home_mould_cont .btn_{display:inline-block; line-height:30px; padding:0 15px; color:#006fdb;border:1px solid #006fdb; border-radius:5px; margin:0;}

.abili{width: 33%;min-width: 300px;position: relative;height: 444px;}
.abili .cont{height: 60px;-webkit-transition:all 0.3s ease-in-out;opacity: 0;width:100%;position: absolute;left: 0;bottom: -1%;}
.abili .cont h5{width: 100%;height: 100%;padding: 3% 10%;text-align: center;color: #fff;font-size: 1.5em;}
/* .abili:hover::before{content: '';position: absolute;background: rgba(0,111,219,0.8);width: 100%;height: 100%;opacity: 1;transition:all 0.3s ease-in-out;} */
.abili:hover .cont,.abili:active .cont{opacity: 1;z-index: 2;transition:all 0.3s ease-in-out;background: rgba(0,111,219,0.8);bottom: 0;}
/* .abili:nth-child(3n+1):hover .cont{left: 100%;} */

.home_capa{ padding:50px 0; background:url(../images/ys_bj.jpg) center;}
.home_capa h3{color:#006fdb; font-size:26px; font-weight:normal; text-align:center;}
.home_capa>.wid>p{ line-height:22px;margin:10px auto 30px;}
.home_capa_cont{height:401px;display: flex;justify-content: center;}
.home_capa_cont_l{ width:401px; float:left;}
.home_capa_cont_l a{ width:50%; height:200px; background:#53595d; display:block; float:left; text-align:center; font-size:18px; color:#fff; line-height:26px; cursor:pointer;}
.home_capa_cont_l .act{ background:#006fdb;}
.capa1{ border-bottom:1px solid #fff;border-right:1px solid #fff;}
.capa2{ border-bottom:1px solid #fff;}
.capa3{ border-right:1px solid #fff;}
.capa1 span{ padding-top:87px; display:inline-block;}
.capa2 span{ padding-top:87px; display:inline-block;}
.capa3 span{ padding-top:74px; display:inline-block;}
.capa4 span{ padding-top:74px; display:inline-block;}
.home_capa_cont_r{ width:799px; float:left;position:relative;}
.home_capa_cont_pic{ position:absolute; left:0; top:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;display:none}
.pic_sm{ position:absolute; bottom:0; right:0; width:385px; height:125px; background:rgba(0,111,219,0.8); color:#fff; padding:0 20px;}
.pic_sm h4{ font-size:16px; font-weight:normal; margin:15px 0 15px;}
.pic_sm p{ line-height:20px; font-size:12px;}

.banner_part h5{color: #fff;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-weight: 700;padding: 1% 0;line-height: 1.3;
  font-size: 2.8em;text-shadow: 1px 2px 7px rgb(0 0 0);
}
.banner_part span{font-size: 1.7em;color: #fff;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);text-shadow:-1px -1px 0 #006fdb,1px -1px 0 #006fdb,-1px 1px 0 #006fdb,1px 1px 0 #006fdb;text-shadow: 3px 4px 4px rgb(0 0 0);}
.banner_part .line{border-bottom:3px solid #83c326;width: 150px;margin: 5% 0 2%;}
.banner_part h6{font-weight: 400;  font-size: 70px;}
.banner_part p{  color: #61b1ff;  font-size: 1.8em;  font-style: normal;  font-weight: 400;}
.bannermore{margin-top: 7%;  display: flex;  flex-direction: row;  justify-content: center;  position: relative;  width: 200px ;line-height: 47px;
  background: #006fdb;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;display: flex;flex-wrap: wrap;}
.cata_ .btn{font-size:0.7em;}
/* .cata::after{content:'';} */


.mainp_{background: url(../images/do.png);position: relative;}
.mainp_ h2{font-size: 2.3em;font-weight: 700;}
.mainp_ *{position: relative;color: #fff;text-align: center;}
.mainp_ a{display: flex;justify-content: space-around;width: 100%;height: 100%;padding: 30% 0;}
.mainp_con{width: 100%;height: 100%;background:rgba(0,111,219,0.6);padding: 6% 0;}
.mainp_con p{ max-width: 1050px;width: 100%;  margin: auto;padding: 2% 0;}
.mainp_con span{font-size: 2em;}
.mainp_ h4{font-size: 1.7em;max-width: 8.5em;text-align: initial;}
.mpro_box{    display: flex;  justify-content: space-evenly;  flex-wrap: wrap;}
.mpro_{background: rgba(0, 83, 152, 0.85);  border: 3px solid rgba(255, 255, 255, 0.3);    max-width: 464px;  height: 341px;  width: 96%;}
.mpro_img{    display: flex;  width: 100%;  height: 100%;  justify-content: center;  flex-direction: column;position: relative;background: rgba(0, 39, 71, 0.8);}
.mpro_img img{position: absolute;}
.mpro_imgbg img{display: block;width: 100%;}
.mpro_imgbg{background: rgba(0, 39, 71, 0.3);}


.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);} */

.equ{display: flex;flex-wrap: wrap;}
.equ *{padding: 1%;width: calc();}
.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.png);padding: 2%;}
.company{width: 100%;height:100%;background: #ecedf0;}
.company h2,.section5 h2,.chooseone h2,.ability h2{font-size: 2.3em;padding: 3% 0 0;font-weight: 700;text-align: center;color: #006fdb;}
/* .company p{letter-spacing: -0.02em;} */
.company span{color: #006fdb;}
.company .line,.section5 .line,.chooseone .line,.ability .line{border-bottom: 4px solid #006fdb;width: 60px;margin: 1.5% auto;}
.company_{display: flex;justify-content: center;padding: 3% 0;flex-wrap: wrap;align-items: center;}
.company_ p{line-height: 1.9;}
.company_ .col-lg-4{padding: 0;}
.company_ .col-lg-4::before{background: #000;opacity: 0.5;content: '';width: 100%;height: 100%;position: absolute;}
.company_ .col-lg-4 a:before{content: '\e600';width: 100%;height: 100%;position: absolute;padding: 23% 46%;font-size: 50px;}
.company_ .col-lg-4 a{color: #fff;transition-duration:0.5s}
.company_ .col-lg-4 a:hover{color: #006fdb;}
.com_btn{text-align: center; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);  border-radius: 4px;color: #fff;padding: 1% 3%;font-size: 0.8em;background: #fff;
display: block;max-width: 195px;margin: auto;background: #1E73BE;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;}

.row{display: contents;}

.ability{padding: 5%;}
/* .ability p{max-width: 1400px;width: 84%;margin: auto;text-align: center;padding-bottom: 2%;} */
.ability p{max-width: 1400px;width: 80%;margin: auto;text-align: initial;padding-bottom: 2%;}

.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: 0 0 7%;}
.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 #006fdb;color: #006fdb;}
/* .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;width: 100%;}
.friends_img>div{width:20%;height: 75px;display: flex;align-items: center;}
.section5con .img_box img{cursor: pointer;max-height: 66px;display: block;/* min-width: 200px; */margin: 2% auto;max-width: 100px;max-height: 75px;}
.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;flex-wrap: wrap;}
.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;}
.nbanner:before{width: 100%;height: 100%;background: #000;opacity:.1;content: '';position:absolute;}
/* .nbanner_bj{background: rgba(0,0,0,.45);position: absolute;width: 100%;height: 100%;} */
.nbanner ol{position: absolute;bottom: 10px;right: 2.5em;display: flex;color: white;font-size:13px;flex-wrap: wrap;}
.nbanner i{color: #fff;}
.nbanner ol li{padding: 0 5px;}
.nbanner ol a{color: white;}
.nbanner_part{position: absolute;top: 40%;color: white;text-align: center;width: 100%;font-size: 0.5rem;}
.nbanner_title{position: relative;}
.nbanner_title .line{border-bottom: 7px solid #006fdb;width: 100px;margin: 1.5% 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_swiper .swiper-pagination{position: absolute;bottom: 5px;text-align: center;}
.banner_part{    position: absolute;
  left: 13%;
  top: 25%;
  /* color: white; */
  /* text-align: center; */
  width: 43em;z-index: 2;}
.pbanner{height: auto !important;}
.pbanner video{width: 100%;margin-bottom: -6px;}
/* .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% 88%;}

.banner .swiper-slide{position: relative;}
/* .banner .swiper-slide::before{content: '';width: 100%;height: 100%;background: #292929;opacity: 0.29;position: absolute;} */
/* .banner .swiper-slide:before{position: absolute;width: 100%;height: 100%;opacity: .1;background: #000;content: '';} */
.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;left: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:#3D464A;text-align: center;font-size:2em;padding-bottom: 1em;}

.globe__wrapper b{position: absolute;font-size: calc((100vw - var(--spacing) * 2) / 1800 * 530);color: #83C326;}

.section{padding: 4em 8em 5em;overflow: hidden;background: linear-gradient(90deg, #e9e9e9a8 0.22%, #ffffff 105%);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);}

.se2pro_swiper .swiper-slide{height: 490px;display: flex;align-items: flex-end;}

.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 img{box-shadow: 0 5px 8px rgba(0, 0, 0, .2), 0 0 6px rgba(0, 0, 0, .04);margin: 2% 5px;}
.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;}

.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;}


.section4con{padding: 0 10%;margin: auto;}
.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;}


/* 小放大镜 */
.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:96%;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;}

/* .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_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: linear-gradient(180deg, #A70707 0%, #C93738 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;    margin: 1% 4%;
font-size: 18px;  border: 1px solid #DF2C40;    line-height: 34px;  padding: 0 2% 0 1%;}

.news_list{padding:0.5em 0;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:100%;}
.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);}
.title{font-size: 0.9em;font-weight: 400;float: left;}
.title a{background: url(http://co.itianwang.com/Corp/88/387/aojie/images/tb.jpg) no-repeat 5px center;padding: 0 20px;}
.des{    font-size: 15px;color: #6b6b6b;line-height: 30px;padding-bottom: 15px;}
.new_bt{ justify-content: space-between;float:right}
.time{    font-size: 0.6em;color: #888;}

.huidu{background: #000;opacity: 0.9;}
.footer{background:#000;opacity: 0.9;}
.footer_part{margin-left: 3%;width: 18em;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: inherit;}
.footer_part li i{color: #006fdb;font-size: 1.1em;padding: 0 3%;}
.footer_part a{color: #fff;}
.footer3{position: relative;}
.footer3:nth-child(2){width: 19em;}
.footer3:not(:last-child){border-right: 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% 8%;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: #006fdb;white-space: nowrap;
  font-weight: 700;}
.borderone{    border: 1px #000 solid;position: relative;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  width: 30%;
  text-align: center;
}
.borderone .iconfont{    background: #006fdb;  color: white;  font-size: 53px;  width: 80px;  height: 80px;  border-radius: 50%;  position: relative;  margin: -40px auto 30px;}
.Download{ display: block;width: 100%;   background: #006fdb;  border-radius: 8px;  line-height: 2;  font-size: 1.4em;color: #fff;}
.downloaded{z-index: 99;;position: absolute;display: none;width: 100%;top: 100%;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);background: #fff;}
.downloaded a{margin: 0%;padding: 0% 3%;font-size: 1em;background: unset;color: #000;}
.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;}

.about p{max-width: 12rem;line-height: 2.2;margin-top: 1%;font-size: 1em;}

.changen{position: relative;background-image: url(/Files/189/20220419/about_mould.png);    padding: 5% 0;}
.changen .ch_one{top: 20%;width: 80%;margin: 0 10%;}
.rightdes_{display: flex;flex-wrap: wrap;}
.rightdes_ dl{width: 50%;color: #fff;}
.rightdes_ dl span{font-weight: 700;  font-size: 16px;line-height: 2;color: #FFFCFC;}
.rightdes_ dl b{color: #A40102;font-weight: 400;  font-size: 72px;}

.changen .ch_one h3{font-size: 39px;line-height: 1.39;color: #fff;}
.changen .ch_one .line{    border-bottom: 5px solid #a80532;  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: #006fdb;color: #fff;margin: 1% 0;padding: 5.4% 2%;font-size: 2.228em;width: 24%;margin-left: 1%;}
/* #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: 1.8;color: #666;}

.prolist {flex-wrap:wrap;}
.prolist_part{margin-bottom:1rem;}
.prolist:after{ content:""; display:block; clear:both;}
.prolist dl{width:calc(100%/4);align-items: center;padding:15px;min-width: 150px;}
.prolist dl dd{overflow: hidden;  border: solid 1px #b2b2b2;position: relative;height: 300px;}
.prolist dl dd img{    transition: 600ms;    transform: translate(-50%,-50%);  left: 50%;  top: 50%;  position: absolute;max-height: 100%;}
.prolist dl dd img:hover{     transform: scale(1.05) translate(-50%,-50%);}
.l-img,.r-img{    width: 45%;position: relative !important;left:25% !important;}
.prolist dl dt h2{font-size: 18px;position: relative;    text-align: center;padding: 15px 0; }
.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;}
.pro_part{position: relative;}
.pro_part p{width:80%;margin:auto;font-size:16px;line-height:25px;}

.pro_us{margin: 0 14%;}
.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; 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{ 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; }
.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: #006fdb;    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: 5% 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: #006fdb;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;}
.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: #006fdb;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%;}

.mid{ padding:50px 0;}
.mid_left{ min-width:220px;max-width:280px; float:left;margin-right: 2%;}
.mid_left_tel{ background:#006fdb url(../images/tel_tb.jpg) no-repeat 15px center; color:#fff; text-transform:uppercase; font-size:16px; font-weight:normal; line-height:50px; padding-left:30px; border-top-right-radius:15px;}
.mid_left a{ display:block; line-height:40px; font-size:14px; background:#f2f2f2 url(../images/left_tb.png) no-repeat 15px center; padding-left:30px; margin-top:5px; color:#000;}
.mid_left a:hover{background:#e9e9e9 url(../images/left_tb.png) no-repeat 15px center; color:#000;}
.mid_left .erji{margin-bottom:15px;display: block;}
.erji a{ background:none; color:#666;padding-left:43px; border-bottom:1px solid #f2f2f2;}
.erji a:hover{background:#e9e9e9; color:#000;}
.mid_left h4{ color:#006fdb; font-size:14px; border-bottom:1px solid #dedede; line-height:36px; padding-left:5px; margin:15px 0 10px;margin-right: 1%;}
.left_lx{ list-style:none;background:#f2f2f2; padding:10px;}
.left_lx h3{ font-size:16px; color:#000; padding:20px 5px 5px 0;}
.left_lx ul{border-bottom:dashed 1px #ccc; padding:5px 0;}
.left_lx img{width:25px; margin-right:8px;vertical-align:middle;}
.left_lx li{list-style:none; line-height:40px;font-size:14px;color:#666;}
.prolist_part{padding: 0;}
.mid_right{ float:left; width:890px; margin-left:30px;}
.contane .mid_right_tel{ border-bottom:1px #ebebeb solid; line-height:50px; font-weight:bold;margin: 0;}
.prolist_part h2{ font-size:20px;color: #222222;}
.mid_right_cont{ line-height:2; font-size:14px; margin-top:15px;}

.nav_ul li{position: relative;}
.nav1_part p{display: flex;justify-content: center;}
.nav1_part a{padding: 10px 0;margin: 0;}
.nav1_part p a{padding: 10px 0;margin: 0;}

.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%);}
.mobnav_part{    align-items: center;padding: 5px 10px; justify-content: space-between;    background: #fff;}
.mobnav_part i{font-size:35px;}
.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;}
.manage{padding: 0 5%;}
.manage p{font-size: 1.2em;}
.manage span{background: url(../images/bg.png);background-size: cover;padding: 9px 23px;line-height: 4;margin-right: 10px;}
.manage img{float: right;max-width: 60px;margin: 13px 0;}
.zpro_us{display: flex;justify-content:space-around}
.pro_list{align-items: center;}
.pro_list dl{width: 23%;}
.pro_{flex-wrap: nowrap;}

@media screen and (max-width:1680px){
.nav_ul a{padding: 7px 0;}
.solution{padding: 5%;}
.nav_ul a{margin:0 1.5em}
body{font-size: 18px;}
.capa>div>div{height: 500px;}
.banner_part h5{font-size: 2.4em;}
.mainp_con p{font-size: 1.3em;}
.se2pro_swiper .swiper-slide{height: 375px;}
.home_mould_cont>div{height:320px}
.banner{height: 13.8rem;}
.banner_part{width: 38em;}
}

@media screen and (max-width:1440px){

.mid_nav_top { padding: 9px 1rem 0 15px;}
/* .about p{font-size:13px;} */
.homecon p{line-height: 1.5;}
body{font-size: 16px;}
.capa>div>div{height: 450px;}
.contane{max-width: 1200px;}
.nav_ul a{margin:0 0.7em}
.abili{height: 400px;}

}

@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;}
.centt{margin: 3% -5.6%;padding: 0.1% 7% 2%;}
.choosecon{padding-top: 7%;}
.se2pro_swiper .swiper-slide{height: 255px;}
.abili{height: 280px;}
.abili .cont{height: 70px;}
.ability{padding: 0;}
.home_mould_cont>div{height:260px}


}

@media screen and (max-width:1000px){
.contane_{flex-wrap: wrap;}
.little{   position: relative;}
.little{  width: 99%;  height: auto;}
.little .mark,.great{  width: 0%;display: none !important;}
.little img {  height: auto;}
.mid_left{display: none;}

}
@media screen and (max-width:900px){
  .abili{width: 50%;}
  .abili{height: 325px;}
.pro_list dl{width:46%;}

}
@media screen and (max-width: 768px) {
body{font-size: 15px;}
.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: 100%;line-height: 18px;left:8%;top:20%;}
/* .banner_part h5{font-size: 50px;} */
.banner_part h6{font-size: 36px;}
.banner_part p{line-height: 28px;}
.pbanner video{margin-top: 50px;}
.section5con{width: 85%;}
.company,.lets{flex-wrap:wrap;}
.contane .zibox{width: 49%;text-align: center;}
.lets{justify-content: space-between;}
/* .friends_img>div{width: calc(100%/3);} */
.capa>div>div{height: 300px;}
.nav2{position: relative;left: 0;}
.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: 50px;}
.home_mould_cont>div{height: auto;}

.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;}
.se2pro_swiper .swiper-slide{height: 189px;}
.home_mould_class a{margin: 3px 10px;}
.home_mould_cont_box{width: 44%;margin: 2%;}
.home_capa_cont_l{float:none; width:100%; }
.home_capa_cont_r{float:none; width:100%; height: 385px;}
.home_capa_cont_l a{width:25%; height:100px;box-sizing:border-box;border-bottom:1px solid #fff;
display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.home_capa_cont_l a span{padding:0;}
.home_capa_cont{flex-wrap: wrap;}
.home_capa_cont{height: auto;}
.capa2{border-right:1px solid #fff;}
.home_capa_cont_pic img{max-width:100%;}
.pic_sm{display:none;}
.home_capa_cont{height:auto;}
}
@media screen and (max-width: 480px) {
.footer_part{margin: auto;}
.abili{width: 50%;}
.banner_part{left: 0;top: 16%;text-align: center;}
.banner_part a{margin: 7% auto 0;}
.banner_part h5{font-size: 2em;}
.home_mould_cont .col-lg-6{height: 260px;}
.abili:hover .cont{left: 0 !important;}
/* .abili:hover .cont{background:unset;} */
.abili{height: 150px;min-width: auto;}
.abili .cont{height: 25px;padding: 4px 0;}
.abili .cont h5{padding: 0;font-size: 1em;}
.section5con .img_box img{max-width: 82% !important;}
.section5con .img_box .friends_img:nth-child(1) div:nth-child(2) img{width: 100% !important;}
.section5con .img_box .friends_img:nth-child(1) div:nth-child(12) img{height: 40px;}
.section5con .img_box .friends_img:nth-child(1) div:nth-child(13) img{height: 44px;}
.section5con .img_box .friends_img:nth-child(1) div:nth-child(15) img{width: 65%;}
.ted{width: 100%;padding: 1% 0 3%;}
.qclc td{font-size: 10px;padding: 0 3px;}
.nbanner_title h2{font-size: 1.2em;}
.capa{flex-wrap: wrap;}
.capa>div{width: 100%;}
.manage span{line-height: 0;}
/* .manage img{float: inherit;} */
.manage p{display: -webkit-inline-box;}
.home_capa_cont_r{height: 200px;}
.contane .zibox{font-size: 1.228em;width: 100%;display: none}
/* .capa>div>div{height: 250px;} */
/* .centt{margin: 3% -6%;padding: 0.1% 7% 2%;} */
.numberconone li{width: 88%;}
.borderone{    margin-top: 50px;}
.borderone{width: 100%;}
.footerbody{flex-direction: column;width: 100%;}
.footer_part,.footer3:nth-child(2){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;}
.mid_left .erji{display: none;}
.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%;}
.nbanner ol{padding: 0;bottom: -6px;font-size: 12px;}
.se2pro_swiper .swiper-slide{height: 250px;}
}
