@font-face {
  font-family:HarmonyOS_Sans_SC_Medium;font-style: normal;font-display: swap;
  src:url('../font/HarmonyOS_Sans_Regular.ttf') 
}
@font-face {
  font-family:HarmonyOS_Sans_Medium;font-style: normal;font-display: swap;
  src:url('../font/HarmonyOS_Sans_Medium.ttf') 
}
@font-face {
  font-family:HarmonyOS_Sans_Light;font-style: normal;font-display: swap;
  src:url('../font/HarmonyOS_Sans_Light.ttf') 
}
@font-face {
  font-family:HarmonyOS_Sans_Bold;font-style: normal;font-display: swap;
  src:url('../font/HarmonyOS_Sans_Bold.ttf') 
}
@font-face {
  font-family:title_font;
  src: url('../font/CheltenhamStd-HdtooledBold_0.otf')
}
@font-face {
  font-family:content_font;
  src: url('../font/CASLONB.TTF')
}
@font-face {
  font-family:Bigtitle_font;
  src: url('../font/FRKFRTHN.TTF')
}

@font-face {
  font-family:Big2title_font;
  src: url('../font/comixhighlightregular.ttf')
}

@font-face {
  font-family:Impact;
  src: url('../font/Impact.ttf')
}
*{font-family:HarmonyOS_Sans_SC_Medium;outline:none;margin: 0; padding: 0;line-height:1.5;font-size: 20px; color: #333;}
body{ width:750px; margin: 0 auto;font-family:'HarmonyOS_Sans_SC_Medium','苹方','微软雅黑','Microsoft Yahei','宋体'; font-weight: normal; background: #f8f8f8;}
/* a:visited{background: none!important;}
*/
div, h1, h2, h3, h4, h5, h6, p,span,a,input,textarea,select,span,i,b, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup {margin: 0;padding: 0;border: 0; outline:none;}
input{ padding:0; margin:0; outline:none;}
li{list-style-type:none;list-style:none;}
img {max-width: 100%; display:inline-block;border:0;vertical-align:middle; height: auto;object-fit:cover}
a{text-decoration: none;}
.cx750{ width: 750px; float: left; box-sizing: border-box; background: #fff; overflow: hidden;}
.swiper-container{width:100%;height:100%;}
:root{--swiper-theme-color: #007aff;}
.hw750{ width: 750px; margin: 0 auto; background-color: #fff;box-sizing: border-box; padding: 0 50px; overflow: hidden;}
.t120{margin-top: 120px;}

.nav{position: fixed; z-index: 999; background: rgba(54, 112, 255, 0.9); height: 100vh; padding: 150px 40px 0 40px;display:none;top: 0;}
.nav .close{position: absolute;width:150px;height:120px; top: 0;right:0;z-index: 2;}
.nav .close::before, .nav .close::after {content: '';position: absolute;height:3px;width: 60px;top: 60px;right:40px;background:white;cursor: pointer;border-radius: 1.5px;}
.nav .close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.nav .close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.nav .layui-nav{background: none;}
.nav .layui-nav-tree{width:calc(100% - 25px); max-height: 100%; overflow-y: auto; box-sizing: border-box; padding-right:40px; padding-left: 60px;}
.nav .layui-nav-tree::-webkit-scrollbar{width:6px;height:16px;background-color:#F5F5F5;position: relative;border-radius:10px;}
.nav .layui-nav-tree::-webkit-scrollbar-track{border-radius:10px;background-color:#e7e6e2;}
.nav .layui-nav-tree::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#3770ff; }
.nav .layui-nav-tree .layui-nav-more{ z-index: 9;}
.nav .layui-nav .layui-nav-item{border-bottom: 1px solid white;}
.nav .layui-nav .layui-nav-item:active{background: none;}
.nav .layui-nav .layui-nav-item a{font-size: 32px; display: block; line-height: 100px; height: 100px;padding: 0;}
.nav .layui-icon-down:before{content: "\e623"; color: white;font-size: 32px;line-height: 100px; }
.nav .layui-nav .layui-nav-mored,.nav  .layui-nav-itemed>a .layui-nav-more{transform: rotate(90deg);}
.nav .layui-nav-itemed>.layui-nav-child{text-align: center;}
.nav .layui-nav-tree .layui-nav-child a:active,.layui-nav-tree .layui-nav-child a:hover{background: none;}
.nav .layui-nav-tree .layui-nav-child dd{display: block; overflow: hidden;}
.nav .layui-nav-tree .layui-nav-child dd:active,.layui-nav-tree .layui-nav-child dd:hover{background: none;}
.nav .layui-nav-tree .layui-nav-child a{display: inline-block; padding: 0 15px;min-width: 140px;}
.nav .layui-nav-tree .layui-nav-child a:active{background-color: white;color: #2764fa;}
.nav .layui-nav-tree li>div{width:340px; height: 100px; position: absolute;top:0; z-index: 2; cursor: pointer;}
.nav .layui-nav-tree li>div:active{background: none;}
.nav .layui-nav-tree li:first-child::before{content:'';display: block; width:40px; height:40px;background: url(../images/fix_home.png) no-repeat;background-size:40px;position: absolute; left: -60px;top: 30px;}
.top{ height:120px;border-bottom: 3px solid #e7e7e7; position: fixed;top: 0; z-index:99;}
.top .logo{padding: 35px 0; width: 200px; height:50px; float: left;}
.top .btn_right{width:48px; height:34px;padding: 43px 0;float: right; cursor: pointer;}
.top .btn_right span{display: block; width:48px; height: 3px;background-color: #2f6aff;border-radius: 1px; margin-bottom: 11px;}
.address{height:70px;}
.address a{font-size: 19px; color:black; line-height: 70px; padding-right:10px;}
.address a:last-child{ color: #2f6aff;}
.banner{height: 400px;position: relative; overflow: hidden;padding: 0;}
.banner .swiper-pagination-bullet{width: 11px; height: 11px; background-color: #fff;opacity: 1;}
.banner .swiper-pagination-bullet-active{background-color:#2867ff;}
.banner .swiper-pagination{bottom:15px;}
.top_sellers{height:auto;padding: 0 65px 50px;overflow: hidden;}
.top_sellers .title{text-align: center; padding:50px 0 0}
.top_sellers .title p{font-family:Big2title_font; font-size:45px; text-align: center;display:inline-block;color:  #2764fa;padding: 0 27px; position: relative; top:7px; }
.top_sellers .title::after{content:'';display: inline-block; width: 104px; height: 19px; background:url(../images/icon_right.jpg); background-size: 104px 19px;}
.top_sellers .title::before{content:'';display: inline-block; width: 104px; height: 19px; background:url(../images/icon_left.jpg); background-size: 104px 19px;}
.top_sellers .title img{padding: 0 65px; }
.sellers li{float: left; width: 50%;  height: auto; text-align: center; margin-bottom: 20px;}
.sellers .layui-col-xs12{position: relative; transition: all 0.5s;}
.sellers .layui-col-xs12 a::before{content: '';width: 26px; height:calc( 100% - 26px) ; background:url(../images/right_bgline.jpg) no-repeat bottom; position: absolute; right: 0;bottom: 0; z-index: 9;opacity: 1;transition: all 0.5s;}
.sellers .layui-col-xs12 a::after{content: '';width:calc( 100% - 28px); height: 28px; background:url(../images/left_bgline.jpg) no-repeat right;  position: absolute; bottom: 0; right: 0;z-index: 9;opacity: 1;transition: all 0.5s;} 
.sellers .layui-col-xs12{box-sizing: border-box; padding: 30px;border: 5px solid white;position: relative;}
.sellers .layui-col-xs12::before{ content:''; display: block; width: 60px; height: 56px; position: absolute;top: 50px; z-index: 2;right: 50px;;background: url(../images/icon_hot.png);background-size: cover;background-size:100% auto;}
.sellers .layui-col-xs12::after{content: 'more';display: block; width: 60px; height: 18px;background-color: white; border-radius: 9px; position: absolute; right: 45px;bottom: 45px; color: #ffb144; text-align: center; line-height: 15px;font-size: 16px;}
.sellers .layui-col-xs12:nth-child(n+3)::after{ color: #2e6cff;}
.sellers .layui-col-xs12 a{background-color: #ffdab3;display: block;overflow: hidden; display: flex;align-items: center;justify-content: center;transition: all 0.5s;}
.sellers .layui-col-xs12 p{width: 67px;line-height:67px; color: white;writing-mode:tb-rl; position: relative;font-family: HarmonyOS_Sans_Medium;}
.sellers .layui-col-xs12 p::after{ content:''; width: 0;height: 0;border:30px solid transparent;border-left:30px solid #ffdab3; position: absolute;right: -60px; z-index: 2;top:-10px;transition: all 0.5s;}
.sellers .layui-col-xs12 img{display: block; width:calc( 100% - 67px); height: auto; box-sizing: border-box; position: relative;}
.sellers .layui-col-xs12:nth-child(n+3) a{ background-color: #cce1fe;}
.sellers .layui-col-xs12:nth-child(n+3) p::after{border-left:30px solid #cce1fe}
.hw750.img{padding: 0;}
.international{background-image:linear-gradient(80deg,#cde2ff 15%,white 85%); overflow: hidden; padding: 0 100px 40px;}
.international h3{ font-size:36px;line-height:40px; color: #306bff; font-family: title_font; padding:50px 0 60px;white-space:nowrap;}
.international p{  color: black;  font-size: 21px; line-height: 36px; font-family: content_font;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens:auto; font-weight:450; }
.we_do{overflow: hidden;}
.we_do .title{height: 190px;font-size:46px; color: #3671fb;font-family: Bigtitle_font;box-sizing: border-box; background: url(../images/title_bg.jpg) no-repeat 550px 60px; padding: 60px 0 0 50px; background-size: 335px 100px; position: relative; margin-bottom: 20px;}
.we_do .title::after{content: '';display: inline-block;width: 104px;height: 19px;background: url(../images/icon_left.jpg);background-size: 104px 19px; position: absolute;left:50px; top:130px;}
.we_do .we_box{width: 600px; margin: 0 auto 40px;}
.we_do .we_box img{display: block; width: 600px; height: auto;}
.we_do .box{ height: 190px; background: url(../images/bg_line.jpg) repeat-x;position: relative;}
.we_do .box p{display: inline-block; height: 75px; width: auto; border-bottom: 2px solid #3770ff; line-height: 60px; color: #3770ff; font-size: 35px; position: absolute;top:65px;right: 0;padding: 0 30px;font-family:title_font;font-weight: bold;}
.we_do .time{ width: 200px; text-align: center; height: 190px; line-height: 200px; position: relative; z-index: 2;font-size: 180px; color: #fedbb5; font-weight: bold; font-family:HarmonyOS_Sans_Medium;}
.we_do .time span{ text-align: center;width:200px; position: absolute; left: 0; z-index: 1; font-size: 20px;color: #ffb84c;top: 85px;}
.we_do .box p::before {content:''; position: relative;left:-115px; width:48px; height: 14px;display: block; background: url(../images/icon_r.jpg) no-repeat; background-size:48px auto;top:35px;}
.footer{background: url(../images/sanye.png) no-repeat right bottom #3670ff; height: 300px;background-size: 300px auto;}
.foot_logo{ padding:40px 45px 30px;width: 100%; box-sizing: border-box;}
.foot_logo>div{ width: 210px; height: 60px; background: url(../images/logo.jpg) no-repeat; background-size: 100% auto; margin-bottom: 40px;}
.foot_logo p{color: white; font-size:20px; line-height: 28px;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens:auto;font-family:HarmonyOS_Sans_Light;}  
.contact{height:750px; background-color:white;box-sizing: border-box;padding: 50px 0 0 170px;}
.contact>p{font-size:36px; color: #3670ff;font-weight: bold; font-family:HarmonyOS_Sans_Medium; padding-left: 70px; font-weight: bold;line-height: 50px;}
.contact>a{font-size:50px; color: #3670ff;font-weight: bold; font-family:HarmonyOS_Sans_Bold;font-weight: bold;line-height:70px; margin-bottom: 40px;display: block; margin-top: 20px;position: relative;}
.contact>a::before{content:''; display: block; width: 70px; height: 70px; background: url(../images/icon1.jpg); background-size: 70px 70px; position: absolute; left: -90px;}
.contact>div p{ color:#3670ff;font-weight: bold; line-height:70px; font-size:30px;position: relative; padding-left:90px;}
.contact>div{position: relative;}
.contact>div::before{content:''; display: block; width: 70px; height: 70px; background: url(../images/icon3.jpg); background-size: 70px 70px; position: absolute; left: -90px;}
.contact>div a{display: block; padding-bottom: 30px;}
.contact>div a p::before{ content:'';display: block; width: 70px; height: 70px; position: absolute; left:0}
.contact>div a:first-child p::before{ background: url(../images/icon4.jpg);background-size: 70px 70px;}
.contact>div a:nth-child(2) p::before{ background: url(../images/icon5.jpg);background-size: 70px 70px;}
.contact>div a:nth-child(3) p::before{ background: url(../images/icon6.jpg);background-size: 70px 70px;}
.contact center{font-size: 18px;display: block; width: 100%;text-align: left;padding-left:20px;color:#999;}
.fixbtn{height: 150px; background-color: #3670ff; position: fixed; bottom: 0; z-index: 99;border-top-left-radius:45px;border-top-right-radius:45px;box-sizing: border-box; padding:20px 60px;}
.fixbtn a{display: block; width: 25%;float: left; text-align: center;}
.fixbtn a img{display: inline-block; width:80px; height:80px;}
.fixbtn a p{ font-size:20px; color: white;}
.totop{width:160px;height: 80px; position: fixed; bottom:170px;right: 0; z-index: 99;font-size: 40px;font-weight: bold; color: #3670ff;display: none;}
.totop::before{ content:'';display:inline-block;width:0;height:0;border-left: 15px solid transparent;border-bottom: 20px solid #3670ff;border-right: 15px solid transparent; margin-right: 10px;}
.popup{display:none;width:650px;height: calc( 100vh - 200px);border-radius:20px;background-color: white; position: fixed;left:50%; margin-left: -325px; top: 50px; z-index: 999; overflow: hidden;}
.bg_c{display:none;width:100%; height: 100%; background-color: rgba(0,0,0,.7);position: fixed;top: 0;  left: 0; z-index: 998}
.pop_top{background-color:#3770ff; position: relative; height: 70px;}
.pop_top span{display: block; width: 70px; height: 70px; float: right; cursor: pointer; color: white; font-size: 30px; line-height: 70px; text-align: center;}
.pop_top::after{content:''; display:block; height: 1px; width:590px; background-color: white; position: absolute; bottom:-1px;left: 30px; z-index: 2;}
.pop_cont{overflow-y: auto;height: calc( 100vh - 410px ); }
.pop_cont::after{content:''; display:block; height: 1px; width: 590px; background-color: #e1e1df; position: fixed;left: 50%; z-index: 2; margin-left: -295px;}
.pop_cont .intro{ background: url(../images/sanye.png) no-repeat right bottom #3770ff; background-size: 310px auto; }
.pop_cont p{color: white;font-size:20px;line-height:30px;padding:0 60px;font-family:content_font ;font-weight: normal;}
.pop_cont p:first-child{font-family: HarmonyOS_Sans_Bold;padding-top: 30px;font-weight: bold;}
.pop_cont p:nth-child(5){font-family: HarmonyOS_Sans_Bold; padding-bottom: 30px;}
.pop_cont dl{display: block; padding:30px 60px 0;}
.pop_cont dl dd{padding: 10px 0;display: block; height: 50px;}
.pop_cont dl dd label{line-height: 30px;color: #3770ff;font-family:content_font;font-weight: bold;font-size:24px; }
.pop_cont dl dd>input{display: block; width:50%; height: 50px; float: right; box-sizing: border-box; padding: 0 20px; border: 0; background-color: #e7e6e2; border-radius: 25px;}
.pop_cont dl .layui-input-block{width: 230px; margin: 0; float: right;}
.pop_cont dl .layui-input-block>div{float: left; display: block; margin-bottom: 10px;}
.pop_cont dl .layui-input-block textarea{ border: 0; background-color: #e7e6e2; border-radius: 15px;box-sizing: border-box; padding: 20px; height: 140px; margin-bottom: 30px;}
.popup button{display: block; width: 300px; height: 60px; background-color: #2e6cff;color: white; font-weight: bold;font-size: 25px;border: 0;border-radius: 30px; margin: 40px auto;position: absolute;bottom: 0; left: 50%; margin-left: -150px; z-index: 9;}
.pop_cont::-webkit-scrollbar{width:6px;height:16px;background-color:#F5F5F5;position: relative;}
.pop_cont::-webkit-scrollbar-track{border-radius:10px;background-color:#e7e6e2;}
.pop_cont::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#3770ff; }
.pop_cont dl .layui-input-block textarea::-webkit-scrollbar{width:6px;height:16px;background-color:#F5F5F5;position: relative;}
.pop_cont dl .layui-input-block textarea::-webkit-scrollbar-track{border-radius:10px;background-color:#e7e6e2;}
.pop_cont dl .layui-input-block textarea::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#3770ff; }
.pop_cont .layui-tab{margin-top: 50px;}
.pop_cont .layui-tab-title .layui-this{background-color: #2565f9;color: white;}
.pop_cont .layui-tab-title li{font-size: 24px; line-height: 30px;padding: 10px;width:calc( 50% - 10px); box-sizing: border-box;border-top-right-radius: 40px;border-top-left-radius: 40px; margin: 0 5px; background-color:#c7defe; color: white;font-family: HarmonyOS_Sans_Bold;}
.pop_cont .layui-tab-title li::after{display:none;}
.pop_cont .layui-tab-title{text-align: center; height: auto; box-sizing: border-box; padding: 0 50px;}
/* INDEX END */



.address a:nth-child(n+2)::before{content:'>'; margin-right: 10px;}
.products{padding-bottom: 60px;}
.products_title{text-align: center;margin: 0 auto; padding-bottom: 40px;}
.products_title h3{ font-size:40px;line-height:40px; color: #2e6cff; font-family: title_font; padding: 80px 0 40px;}
.products_title p{  color: black;  font-size: 20px; line-height:30px; font-family: content_font;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens:auto; font-weight:450; padding: 0 50px;}
.product_list img{display: block; width:100%; height:auto;}
.product_list p{display: block; height: 40px; line-height: 40px; text-align: center; color: white; background-color: #f3c8a5;font-size:22px; transition: all .5s;font-family: HarmonyOS_Sans_Medium;}
.product_list .layui-col-xs6{ transition: all .5s;position: relative;top: 0;}
.product_list .layui-col-xs6:nth-child(4) p{background-color: #d8e5af;}
.product_list .layui-col-xs6:nth-child(5) p{background-color: #d8e5af;}
.product_list .layui-col-xs6:nth-child(6) p{background-color: #cce1fe;}
.product_list .layui-col-xs6:nth-child(7) p{background-color: #cce1fe;}
.product_list .layui-col-xs6:nth-child(8) p{background-color: #cce1fe;}
.product_list .layui-col-xs6:hover{ top: -5px;}
.product_list .layui-col-xs6:hover p{background-color: #2565f9;}
.partnership_problem { padding: 0;}
.partnership_problem .layui-row>div{background-color: #ffba4b; padding:50px 40px; box-sizing: border-box; min-height: 300px; padding-left: 250px;position: relative;}
.partnership_problem .layui-row>div::before{content:'!'; font-size:100px; color: white; position: absolute; display: block; width:150px; height:150px; background-color: white; color:#ffba4b ; border-radius:75px; text-align: center;line-height:150px ; font-weight: bold; left: 60px; top: 50%; margin-top: -75px;}
.partnership_problem .layui-row>div::after{content: '';display: block; width: 80px; height: 10px; border-radius: 50%;background: rgba(0,0,0,.2); position: absolute; left:95px;top: 50%; margin-top: 95px;}
.partnership_problem .layui-row>div:first-child{background-color: #3770ff;}
.partnership_problem .layui-row>div:first-child::before{content:'?'; color: #3770ff;}
.partnership_problem p{ font-family:title_font; color: white; font-size:30px;padding-bottom:20px; line-height: 35px;}
.partnership_problem span{ color: white; font-size:18px;font-family: content_font; line-height:24px;}
.box1{padding: 0 100px;text-align: center;}
.box1>p{font-size: 22px;color:#2b68fe;line-height:30px;font-family: HarmonyOS_Sans_Bold; padding: 60px 0 45px;}
.box1>dl{background-image: linear-gradient(#cbe1ff, #fff); text-align:left;}
.box1>dl dt{text-align: center;font-family: title_font;color: #3670ff;font-size: 30px;padding:40px 0 30px;line-height: 35px;}
.box1>dl dd{ position: relative; box-sizing: border-box; padding: 20px 0 40px 170px;}
.box1>dl dd img{ position: absolute; left:20px;}
.box1>dl dd p {font-size: 26px; color: #2764fa;font-weight: bold;line-height: 60px;}
.box1>dl dd span{display: block;font-size: 18px;font-family: content_font; line-height: 30px; white-space: nowrap;overflow: hidden;}
.box1>img:last-child{ padding: 50px 0 70px;}
.productin_list{ padding-top: 40px; width: 600px; margin: 0 auto;}
.productin_list .layui-col-xs6{position: relative;}
.productin_list .layui-col-xs6 a>img{display: block; width:250px; height:250px;margin: 0 auto;}
.productin_list .layui-col-xs6.hot:after{content: url(../images/icon_hot2.png); position: absolute; top: -20px; right:-10px; z-index: 2;}
.productin_list .layui-col-xs6.new:after{content: url(../images/icon_new.png); position: absolute; top: -20px; right:-10px; z-index: 2;}
.productin_list .layui-col-xs6 a p{display: block; height: 60px; line-height:20px; text-align: center; color: black;font-size: 20px; padding:40px 0 0;font-family: HarmonyOS_Sans_Bold;}
.productin_list .fun{text-align: center; padding-bottom:20px;}
.productin_list .fun img{ margin: 10px 0; padding: 0 20px;}
.productin_list .fun img:first-child{border-right: 1px solid black;}
/* PRODUCTS END */



.banner_txt{width:750px; height:300px; position: absolute; left: 50%; top: 50%; margin-left: -375px; margin-top: -123px; z-index: 2;text-align: center;box-sizing: border-box;}
.banner_txt p{font-size:55px; color: white; font-weight: bold; line-height:70px;font-family: HarmonyOS_Sans_Bold;}
.banner_txt span{font-size: 18px; color: white;display: block;line-height: 24px; padding: 0 90px;}
.banner_txt a{display: inline-block;background-color: #3770ff; color: white;font-size: 20px;line-height:20px; FONT-WEIGHT: 500; padding: 10px 40px; margin: 30px auto;border-radius: 30px; min-height: 40px;}
.banner_txt a.btn{min-height: auto;}
.training{ height:1450px; background-image: linear-gradient(#cde0fc, #fff); padding: 0;}
.training_cont{ padding:100px 100px 50px}
.training_cont p{font-size:22px; font-family: content_font; color: black;line-height:32px;}
.training_show{overflow: hidden; height:600px;box-sizing: border-box; padding: 0 60px;position: relative; width: 700px;margin: 0 auto;}
.training_show .swiper-container{overflow: hidden;text-align: center;}
.training_show .swiper-button-next:after,.training_show .swiper-button-prev:after{font-size:18px; color: #3770ff; font-weight: bold;}
.training_show .swiper-button-next,.training_show .swiper-button-prev{width:var(--swiper-navigation-size);background-color: white;border-radius: 50%; top: 32%;}
.training_show img{ display: block; max-width: 100%; height: auto; margin: 0 auto;}
.training_show p{ color: #2e6cff; font-size: 24px; line-height: 40px; padding: 40px 0 70px;font-weight: bold;}
.training_show p::before{content: url(../images/shadow.png);}
.training_show .swiper-pagination{ bottom: 0; display: inline-block; width:200px; text-align: center;left: 50%; margin-left: -100px; text-align: center;}
.training_show .swiper-pagination-bullet{ margin: 0 5px;display: inline-block; width: 12px;height: 12px;}
.four_main{background:white; height: auto; padding: 0; padding-bottom: 50px; }
.four_main h3{font-family: Bigtitle_font;font-size:52px; color: #3671fb; text-align: center; padding-bottom: 40px; line-height: 60px;}
.four_main .layui-row{ padding: 0 95px;}
.four_main .layui-col-xs12>div{padding: 25px 0 0; box-sizing: border-box;position: relative; padding-left:200px;}
.four_main .layui-col-xs12>div img{ position: absolute; left: 0;top: 5px;}
.four_main .layui-col-xs12>div p{ font-size: 28px; color: #2e6cff; line-height: 32px;padding-bottom: 20px;font-family: HarmonyOS_Sans_Bold; }
.four_main .layui-col-xs12>div span{display: block; font-size: 20px; line-height: 28px; color: black; font-family: content_font;}
.four_main .layui-col-xs12>div span::before{content: '·';}
.map_m {height:850px; background-image: linear-gradient(#cde0fc, #fff); padding: 70px 100px; position: relative;}
.map_m h3{font-family: Bigtitle_font;font-size:52px; color: #3671fb; text-align: center; padding-bottom: 40px; line-height: 60px;}
.map_m .swiper-container{height:550px;}
.map_m .swiper-slide>div{ margin-bottom: 35px; overflow: hidden;}
.map_m .swiper-slide>div img:first-child{width: 320px;height: auto;display: block; float: left;}
.map_m .swiper-slide>div img:nth-child(2){width:85px;height: auto;display: block; float: left; margin: 40px 0 25px 95px;}
.map_m .swiper-slide>div p{display: block; float: left; width: 180px; text-align:center; margin-left: 50px;font-family: content_font;}
.map_m .swiper-pagination{ bottom: 0; display: inline-block; width:200px; text-align: center;left: 50%; margin-left: -100px; text-align: center;}
.map_m .swiper-pagination-bullet{ margin: 0 5px;display: inline-block; width: 12px;height: 12px;}
.excellentcases {height:auto; background-image: linear-gradient(#ffd9b2, #fff); padding:70px 20px; position: relative;}
.excellentcases h3{font-family: Big2title_font;font-size:52px; color: black; text-align: center; padding-bottom: 40px; line-height:60px;}
.excellentcases .swiper-pagination{ bottom: 0; display: inline-block; width:200px; text-align: center;left: 50%; margin-left: -100px; text-align: center;}
.excellentcases .swiper-pagination-bullet{ margin: 0 5px;display: inline-block; width: 12px;height: 12px;}
.excellentcases .swiper-button-next:after,.excellentcases .swiper-button-prev:after{font-size:18px; color: #ffb142; font-weight: bold;}
.excellentcases .swiper-button-next,.excellentcases  .swiper-button-prev{width:var(--swiper-navigation-size);background-color: white;border-radius: 50%; top: 50%; margin-top: -22px;}
.excellentcases .swiper-slide{ padding:0 70px 70px; box-sizing: border-box; background:url(../images/icon_yuan.png) no-repeat right top;}
.excellentcases .swiper-slide p{display: block;font-family: HarmonyOS_Sans_Bold;font-size:40px;line-height:100px;}
.excellentcases .swiper-slide font{display: block;font-family: HarmonyOS_Sans_Bold;font-size:24px;line-height:60px;}
.excellentcases .swiper-slide span{ font-size: 20px; line-height: 28px; color: black; font-family: content_font;}
/* CASE END */


.banner_txt2{width:750px; height:300px; position: absolute; left: 50%; top:20px; margin-left: -375px;z-index: 2;text-align: center;box-sizing: border-box;}
.banner_txt2 p{font-size:55px; color: white; font-weight: bold; line-height:60px;font-family: HarmonyOS_Sans_Bold; padding: 20px 0;}
.banner_txt2 span{font-size: 16px; color: white;display: block;line-height: 24px; padding: 0 90px;}
.banner_txt2 a{display: inline-block;background-color: #3770ff; color: white;font-size: 20px;line-height:20px; FONT-WEIGHT: 500; padding: 10px 40px; margin: 30px auto;border-radius: 30px; min-height: 40px;}
.news1{height:830px;position: relative; overflow: hidden;padding: 0;}
.news1 .swiper-slide{ padding: 100px 100px 50px; box-sizing: border-box; }
.news1 a p{position: relative;display: block;overflow: hidden; width: 100%; height:auto; background-color: #3770ff;line-height:40px;color: white;font-family:title_font;font-size: 30px; text-align: center; box-sizing: border-box; padding:10px 20px;-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.news1 a span{ font-size:20px; color: #323232; font-family: content_font; line-height: 30px; padding:30px; display: block;text-align: center;}
.news1 .swiper-button-next:after,.news1 .swiper-button-prev:after{font-size:18px; color: white; font-weight: bold;}
.news1 .swiper-button-next,.news1 .swiper-button-prev{width:var(--swiper-navigation-size);background-color: #3770ff;border-radius: 50%; top:50%;margin-top: -10px;} 
.news1 .swiper-button-next{right: 30px;}
.news1 .swiper-button-prev{left: 30px;}
.news2{height:830px;position: relative; overflow: hidden;padding: 0;}
.news2 .swiper-slide{ padding:50px 100px; box-sizing: border-box; }
.news2 a p{position: relative;display: block;overflow: hidden; width: 100%; height:auto; background-color: #3770ff;line-height:40px;color: white;font-family:title_font;font-size: 30px; text-align: center; box-sizing: border-box; padding:10px 20px;-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.news2 a span{ font-size:20px; color: #323232; font-family: content_font; line-height: 30px; padding:30px; display: block; text-align: center;}
.news2 .swiper-pagination-bullet{width: 11px; height: 11px; background-color: #c7ddfe;opacity: 1;}
.news2 .swiper-pagination-bullet-active{background-color:#2867ff;}
.news2 .swiper-pagination{bottom:35px;}
.articles {padding: 0 0 40px; position: relative;}
.articles .title{ border-bottom: 2px solid #608efd; position: relative;  margin:50px; width: calc( 100% - 100px); height: 19px;}
.articles .title p{display:inline-block; padding: 10px 20px; background-color: white; font-size:40px;color: #2764fa; background-color: white;position: absolute;top: -20px; left: 100px; font-family:title_font;}
.articles .swiper-slide{box-sizing: border-box; padding: 40px 100px 40px 100px;}
.articles .swiper-slide>a{box-sizing: border-box; padding:0 0 0 280px; position: relative;height: 140px; display: block; margin-bottom: 30px;overflow: hidden;}
.articles .swiper-slide>a img{display: block; width: 240px; height: 160px; position: absolute;left:0}
.articles .swiper-slide>a p{font-size:24px; line-height: 40px;color: black; font-weight: bold;position: relative; margin: 0 0 10px;padding-bottom: 10px;height: 120px; overflow: hidden;}
.articles .swiper-pagination-bullet{width: 11px; height: 11px; background-color: #c7ddfe;opacity: 1;}
.articles .swiper-pagination-bullet-active{background-color:#2867ff;}
.articles .swiper-pagination{bottom:35px;}
/* NEWS END */
.detail_content{border-top: 1px solid #eee; padding-bottom: 50px;}
.detail_content .title h3{font-size: 40px; color:#2764fa; font-family:title_font; text-align: center; line-height: 50px;padding: 40px 0;}
.detail_content .title span{display: block; text-align: center;line-height: 40px; color: #999;}
.detail_content .title span:nth-child(2){border-bottom: 1px solid #eee;}
.detail_content .title span:nth-child(3){text-align: right;}
.detail_content .content{box-sizing: border-box; padding: 30px;border-bottom: 1px solid #eee;}
.detail_content .content p{font-size: 20px; color: black; line-height: 32px;font-family: content_font;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;margin: 10px 0; overflow: hidden;}
.detail_content .editor{padding: 30px; text-align: center;}
.detail_content .editor span{line-height: 30px; color: #999;}
.detail_content .keywords{ color: #007aff; padding-top: 50px;}
/* NEWS DETAIL END */


.odmoem_banner{margin-top: -150px;}
.odmoem_banner span{font-size: 16px;padding: 0; line-height: 20px;}
.odmoem_banner p{font-size:32px;}
.odmoem_banner .layui-row{ padding: 0 100px;}
.odmoem_banner .layui-row p{line-height:60px;}
.odmoem_banner .layui-row span{font-size: 14px;line-height: 16px;}
.odmoem_banner .layui-col-xs4 p::after{content:'+'; font-size: 20px;position: absolute;top:5px; line-height: 20px; margin-left: 5px;}
.odmoem_banner p::after{display: none;}

.factories{ padding: 100px;counter-reset: section;}
.factories>h2{font-family: Bigtitle_font;font-size:52px; color: #3671fb; text-align: center; padding-bottom: 40px; line-height: 60px;white-space:nowrap;}
.factories>div{  height: auto;background-image: linear-gradient(#a1c7ff, #fff); padding-bottom: 70px;position: relative;}
.factories>div::before{content:counter(section);counter-increment: section;font-family:HarmonyOS_Sans_Bold; color: white; position: absolute; right: 20px; top: 380px;font-size: 40px;line-height: 40px; height: 40px;}
.factories>div img{display: block; width: 100%;height: auto;}
.factories>div ul{ display: block; text-align: center; padding: 40px 0;}
.factories>div li{ font-size:22px; line-height:36px;font-family: content_font }
.factories>div li::before{content:'·';padding-right: 5px;}
.factories>div p{ font-size: 25px; color: #326afe; text-align: center;font-family:HarmonyOS_Sans_Bold}
.factories>div h3{ font-size:60px; line-height:60px; color: #2e6cff; font-family: title_font; font-weight: bold; text-align: left; padding-top: 40px; padding-left:40px;position: relative; }
.factories>div h3::after{content:''; display:block; width: 160px; height: 2px; background-color: #2e6cff; position: absolute; right:0;top:70px;}
/* OEM/ODM END */

.training_banner{top: 70px;}
.boduo_training{height: auto;background-image: linear-gradient(#bfd4ff, #fff); padding: 70px 100px;}
.boduo_training>h2{font-family: Bigtitle_font;font-size:52px; color: #3671fb; text-align: center; padding-bottom: 40px; line-height: 60px;white-space:nowrap;}
.boduo_training>div{ padding-bottom: 70px;}
.boduo_training>div p{ font-size:32px; color: #326afe;font-family:title_font; line-height: 60px; padding-top: 50px;}
.boduo_training>div span{ font-size:20px; line-height:24px;font-family: content_font }
.training_center{background-image: linear-gradient(#fff, #bfd4ff); padding-bottom: 100px;}
.training_center dl{display: block;position: relative; overflow: hidden; padding-bottom: 50px;}
.training_center dl::before{content: ''; display: block; width: 3px; height:670px;background-color: #2565f9;position: absolute;top:185px; left: 185px;}
.training_center dl::after{content:'';display: block;width:15px; height:15px;border-left:3px solid #2866fe;border-bottom:3px solid #2866fe;transform:rotate(-45deg); position: absolute; bottom: 15px; left:178px;}
.training_center dl dt{display: block;color: #2565f9;font-family: title_font;font-size:40px;text-align:center; padding: 20px 0 50px;}
.training_center dl dd{display: block;  float: left;position: relative; width: 100%; height: 50px; margin: 20px 0;}  
.training_center dl dd img{display: block; width: 50px; height: 50px; margin-left: 70px; float: left;}
.training_center dl dd p{ float: left; margin-left: 150px; line-height: 30px;font-family: HarmonyOS_Sans_Bold; color: #2866fe; font-size: 30px; width: 380px; padding-top:10px;}
.training_center dl dd::after{content:'next';display: block;width: 40px; height: 40px;box-sizing: border-box;border: 5px solid #2565f9;text-align: center;line-height: 30px; color: #2565f9;font-size: 20px;border-radius: 50%;font-family:swiper-icons;font-weight: bold;position: absolute;top:60px;left:165px;background-color: white; z-index: 2;top:5px;} 

.requirements{ height: auto;background-color: #ffb84c;overflow: hidden; padding:60px 100px;position: relative;}
.requirements:after{ content: ''; display: block;width: 0; height: 0; border-top: 20px solid white;border-right: 20px solid transparent;border-left: 20px solid transparent;position: absolute; top: 0;left: 50%; margin-left: 570px;}
.requirements>div::before{content:'!'; font-size:100px; color: white; position: absolute; display: block; width:150px; height:150px; background-color: white; color:#ffba4b ; border-radius:75px; text-align: center;line-height:150px ; font-weight: bold; right:100px; top:50px;}
.requirements>div::after{content: '';display: block; width: 80px; height: 10px; border-radius: 50%;background: rgba(0,0,0,.2); position: absolute;right: 130px;top: 215px;}
.requirements p{ font-family:title_font; color: white; font-size:36px;line-height: 40px; padding-bottom: 40px;}
.requirements span{ color: white; font-size:20px;font-family: content_font; line-height:30px;display:block; box-sizing: border-box;position: relative; padding-left: 20px;}
.requirements span::before{position: absolute; left: -5px;}
.requirements span:nth-child(2):before{content: '1.';}
.requirements span:nth-child(3):before{content: '2.';}
.requirements span:nth-child(4):before{content: '3.';}
.requirements span:nth-child(5):before{content: '4.';}
.requirements span:nth-child(6):before{content: '5.';}
.requirements span:nth-child(7):before{content: '6.';}
.requirements span:nth-child(8):before{content: '7.';}

.join_project{ padding: 60px 100px;}
.join_project>h2{font-family: title_font;font-size:40px; color: #3671fb; text-align: center;white-space:nowrap;}
.join_project>div{box-sizing: border-box; padding:20px 0 20px 160px; position: relative;}
.join_project>div img{display: block;width: 100px; height: 100px;position: absolute; left: 0;top: 50%; margin-top: -50px;}
.join_project>div p{ font-size:24px; color:#316cff;font-family: HarmonyOS_Sans_Bold; }
.join_project>div span{ font-size:20px; line-height:24px;font-family: content_font;padding-left: 30px; display: block; position: relative;}
.join_project>div span::before{content: '·'; position: absolute;left:20px;}
/* TRAINING END */


.introduction{background-image: linear-gradient(#fff, #bfd4ff);padding:60px 100px}
.introduction>h3{font-family: Bigtitle_font;font-size:50px; color: #3671fb;}
.introduction>h3::after{content: url(../images/icon_right.png);position: relative;top: -10px;padding-left: 30px;}
.introduction>h3.no_j{text-align: center;}
.introduction>h3.no_j::after{display:none}
.introduction>p{ font-size:36px; color:#316cff;font-family: title_font; padding-top:30px;line-height: 40px;padding-bottom: 20px;}
.introduction>span{ font-size:20px; line-height:24px;font-family: content_font;}
.introduction>img{ margin-top: 50px;}

.history2{background-image: linear-gradient(#fff, #bfd4ff);padding:60px 100px}
.history2>h3{font-family: Bigtitle_font;font-size:50px; color: #3671fb; text-align: center;}
.history2>h3::before{content: url(../images/icon_lye.png); position: relative;left: -30px;top: 10px;}
.history2>h3::after{content: url(../images/icon_rye.png); position: relative;right: -30px;top: 10px;}
.history2>div.his_box{ position: relative; overflow: hidden; margin-top: 60px; height: 2450px;}
.history2>div.his_box div{width: 250px; float: left; display: block; height: auto; position: absolute; left: 0; bottom: 0;}
.history2>div.his_box div:nth-child(odd){right: 0; left: auto;}
.history2>div.his_box div p{font-size:26px; font-family:HarmonyOS_Sans_Bold; color: #007aff; line-height:50px; border-bottom: 1px solid #007aff; position: relative;}
.history2>div.his_box div span{display: block; box-sizing: border-box; padding:10px 30px 0 0;font-family: content_font;}

.history2>div.his_box div p::before{content:'';display: block; width: 12px;height: 12px; background: white; border-radius: 50%; bottom: -6px; right: -31px;position: absolute; z-index: 2;}
.history2>div.his_box div:nth-child(odd) p{padding-left: 30px;}
.history2>div.his_box div:nth-child(odd) p::before{content:'';display: block; width: 12px;height: 12px; background: white; border-radius: 50%; bottom: -6px; left: -31px;position: absolute; z-index: 2;}

.history2>div.his_box div:nth-child(odd) span{padding:10px 0 0 30px}
.history2>div.his_box div:nth-child(1){top: 0;bottom: auto;}
.history2>div.his_box div:nth-child(2){top:35px;bottom: auto;}
.history2>div.his_box div:nth-child(3){top: 230px;bottom: auto;}
.history2>div.his_box div:nth-child(4){top:455px;bottom: auto;}
.history2>div.his_box div:nth-child(5){top: 550px;bottom: auto;}
.history2>div.his_box div:nth-child(6){top:660px;bottom: auto;}
.history2>div.his_box div:nth-child(7){top: 800px;bottom: auto;}
.history2>div.his_box div:nth-child(8){top:1040px;bottom: auto;}
.history2>div.his_box div:nth-child(9){top: 1310px;bottom: auto;}
.history2>div.his_box div:nth-child(10){top:1630px;bottom: auto;}
.history2>div.his_box div:nth-child(11){top: 1730px;bottom: auto;}
.history2>div.his_box div:nth-child(12){top:2230px;bottom: auto;}
.history2>div.his_box .history_line{width: 50px; height:2400px; background-color: #2565f9; position: absolute; left: 50%!important; margin-left: -25px;top: 0;border-radius: 25px; right: auto;}
.history2>div.his_box .history_line::after{ content: '';display: block;width: 0; height: 0; border-top: 60px solid #2565f9;border-left: 60px solid transparent;border-right: 60px solid transparent;position: absolute;border-radius:5px;bottom:-20px; left: 50%; margin-left: -60px;}

/* ABOUT END */
.rd_center{ padding: 60px 100px;background-image:linear-gradient(#bfd4ff, #fff);}
.rd_center>h3{font-family: Bigtitle_font;font-size:50px; color: #3671fb; text-align: center; margin: 20px 0;}
.rd_center>h3::before{content: url(../images/icon_lye.png); position: relative;left: -30px;top: 10px;}
.rd_center>h3::after{content: url(../images/icon_rye.png); position: relative;right: -30px;top: 10px;}
.rd_center>div img{ margin: 30px 0;}
.rd_center>div p{ font-family:Big2title_font; font-size:40px; text-align: center;  color: #2565f9;padding-bottom: 20px; line-height: 50px;}
.rd_center>div span{display: block; box-sizing: border-box; padding:10px 30px 0 0;font-family: content_font;}
.rd_center>div div{background: #3770ff;border-radius: 5px; position: relative; padding:10px 0 0 140px;box-sizing: border-box; width: 400px; height: 70px; border-radius: 35px;margin: 40px auto; line-height: 25px; color: white;font-family:title_font;}
.rd_center>div div::before{content:'';display: block;width: 45px; height: 45px;background: url(../images/flow_04w.png); background-size:45px  45px; position: absolute; left:65px;top: 12.5px;}
.rd_center>div:nth-child(3) p{color:#feae4b ;}
.rd_center>div:nth-child(3) div{background: #feae4b}
.rd_center>div:nth-child(3) div::before{content:'';display: block;width: 45px; height: 45px;background: url(../images/flow_03w.png); background-size:45px  45px; position: absolute; left:65px;top: 12.5px;}


.examples{ padding: 60px 80px;background-image:linear-gradient(#ffddb7, #fff); }
.examples>h3{font-family: Bigtitle_font;font-size:50px; color: #3671fb; text-align: center; margin: 20px 0 50px;}
.examples>h3::before{content: url(../images/icon_lye.png); position: relative;left: -30px;top: 10px;}
.examples>h3::after{content: url(../images/icon_rye.png); position: relative;right: -30px;top: 10px;}
.examples_box{height: 1050px; overflow: hidden;text-align:center;position: relative;}
.examples_box p{ font-size:34px; color: #2565f9; font-weight: bold; line-height: 40px; padding: 40px 0 20px;position: relative;}
.examples_box span{font-size: 24px;color: black;line-height:30px;font-family: content_font;}
.examples_box .mySwiper2{ padding-bottom: 50px;}
.examples_box .mySwiper2 img{ margin-bottom: 50px;}
.examples_box .mySwiper2 .swiper-slide::after{content:'';display: block; width: 240px; height: 18px; border-radius: 50%; background-color: #d8d1cb; position: absolute; left: 50%; margin-left: -120px;top: 540px;filter: blur(3px);}
.examples_box .mySwiper .swiper-slide{opacity:0.5;}
.examples_box .mySwiper .swiper-slide-thumb-active{opacity:1;}
.examples_box .swiper-button-next:after,.examples_box .swiper-button-prev:after{font-size:18px; color: #ffb142; font-weight: bold;}
.examples_box .swiper-button-next,.examples_box  .swiper-button-prev{width:var(--swiper-navigation-size);background-color: white;border-radius: 50%; top: 25%}
.introduction2{background-image: linear-gradient(#bfd4ff, #fff);padding:60px 100px}
.introduction2>h3{font-family: Bigtitle_font;font-size:45px; color: #3671fb;white-space:nowrap;text-align: center; line-height: 60px; padding: 50px 0 30px;}
.introduction2>h3.no_j{text-align: center;}
.introduction2>h3.no_j::after{display:none}
.introduction2>p{ font-size:36px; color:#316cff;font-family: title_font; padding-top:30px;line-height: 40px;padding-bottom: 20px;}
.introduction2>span{ font-size:20px; line-height:24px;font-family: content_font;}
.introduction2 .layui-col-xs6 div{ display: block; width: 100%; height: 60px; background: #ffb44e;display:flex;}
.introduction2 .layui-col-xs6 div p{ color: white; font-size:18px;text-align: center; line-height:20px;align-self:center;width: 100%;font-family: HarmonyOS_Sans_Bold;}
/* quality END */


.contact_box{ padding:0 100px}
.contact_box>div{background-image:linear-gradient(#cbe0ff, #fff); margin-top:200px;position: relative;}
.contact_box>div p{font-size: 34px;line-height: 40px;color: #2e6cff;font-family: title_font; text-align: center; height: 40px;padding: 40px 0;}
.contact_box>div li{ position: relative; box-sizing: border-box; padding: 20px 0 20px 160px;}
.contact_box>div li img{ position: absolute; left:20px;top:50%; margin-top: -60px;}
.contact_box>div li p { color: #2764fa;font-weight: bold;line-height:30px;text-align: left;font-family: HarmonyOS_Sans_Bold;font-size: 32px;padding: 10px 0;}
.contact_box>div li span{display: block;font-size: 18px;font-family: content_font; line-height: 30px; overflow: hidden;white-space: nowrap;}
.contact_box>div::before{content:'1';display: block; width: 70px;height: 70px; box-sizing: border-box;border: 5px solid #3471ff;font-size: 40px; text-align: center;font-family: HarmonyOS_Sans_Bold; color:#3471ff;border-radius: 50%; position: absolute;left: 50%; margin-left: -35px;top: -140px;}
.contact_box>div:nth-child(2):before{content:'2';}
.contact_box>div:nth-child(3):before{content:'3';}
.contact_box>img:last-child{ padding: 50px 0 70px;display: block; margin: 0 auto;}



.contact_message{background-image:linear-gradient(#cbe0ff, #fff);padding: 0 100px; }
.contact_message h3{font-size: 50px;line-height: 40px;color: white;font-family: title_font; text-align: center;padding: 60px 0;}
.contact_message img{display: block; margin: 0 auto 60px;}


.message_r{width: 650px; margin: 0 auto; max-width: 100%;}
.message_r p{ font-size:40px; color: #2565f9;font-family: Impact;padding: 60px 0 20px;;float: left;display: block;width: 100%;}
.message_r span{display: block;font-size:20px;font-family: content_font; line-height:30px;  padding: 20px 0; width: 100%;}
.message_r span~label{font-size: 30px;padding-left: 20px; width: auto; margin: 10px 0;}
.message_r label{display: block; font-size: 36px; font-weight: bold;color: #2565f9; line-height: 50px;width: 200px;float: left; margin:5px 0;white-space: nowrap;}
.message_r input{display: block; width:calc(100% - 200px); float: left;box-sizing: border-box;border: 1px solid #c9e0ff; border-radius: 25px; height: 50px;font-size: 20px; padding: 0 20px;margin:5px 0;}
.message_r textarea{display: block; width:100%;box-sizing: border-box;border: 1px solid #d3e7fe; border-radius: 20px; height:100px;font-size: 20px; padding:20px;}
.message_r textarea:nth-last-child(2){height: 230px;}
.message_r button{display: block; width: 190px; height:50px;background: #2565f9; color: white; text-align: center;border: 0; border-radius: 25px; margin:35px auto; cursor: pointer; font-size: 24px;font-family: HarmonyOS_Sans_Bold;}

.message_r textarea::-webkit-scrollbar{width:6px;height:16px;background-color:#F5F5F5;position: relative;}
.message_r textarea::-webkit-scrollbar-track{border-radius:10px;background-color:#e7e6e2;}
.message_r textarea::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#3770ff; }





.pro_detail  img{ display:block;width:100%; height: 100%;object-fit: cover;}
.pro_detail{background-image: linear-gradient(#fff, #cde3ff); box-sizing: border-box; padding:30px 60px;}
.pro_detail h3{ font-size: 40px; color: #2565f9; font-weight: bold;line-height: 60px; padding:40px 0;}
.pro_detail p{ font-size: 24px; color: #2565f9; line-height: 30px;font-weight: bold;padding: 20px 0;}
.pro_detail span{font-size:22px;font-family: content_font; line-height:30px; color: black;}
.pro_detail dt{font-size:24px; color: #2565f9;line-height: 30px;font-weight:bold; margin-bottom: 20px;}
.pro_detail dd{font-size:22px; color: black;line-height: 30px;font-family: content_font; margin-bottom: 20px; }