@font-face {
    font-family: "BogleRegular";
    src: url('/template/en/fonts/Bogle-Regular.otf') format('otf'),
    url('/template/en/fonts/Bogle-Regular.svg') format('svg'),
    url('/template/en/fonts/Bogle-Regular.woff2') format('woff2'),
    url('/template/en/fonts/Bogle-Regular.woff') format('woff'),
    url('/template/en/fonts/Bogle-Regular.eot') format('eot');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
'font-family': "BogleBold";
    src: url("/template/en/fonts/Bogle-Bold.otf") format("otf"),
    url("/template/en/fonts/Bogle-Bold.svg") format("svg"),
    url("/template/en/fonts/Bogle-Bold.woff") format("woff"),
    url("/template/en/fonts/Bogle-Bold.woff2") format("woff2"),
    url("/template/en/fonts/Bogle-Bold.eot") format("eot");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img_phone, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
a:hover, a:active { outline:none; }
select, input, textarea, button { font:99% sans-serif; }
input, select { vertical-align:middle; }
ul,ol,li{list-style:none;}
img_phone { border:0; max-width:100%; display:block;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
.nocallout{-webkit-touch-callout: none;}
table { margin:0; padding:0; clear:left; width:100%; border-collapse:collapse; border-spacing:0; }
table td { vertical-align:top; margin:0; }
body{  font-size:14px; word-wrap:break-word;margin:0 auto; line-height:18px; color:#000; width:100%;font-family:'BogleRegular'}
a{ text-decoration:none; color:#000;}
img{ display:inline-block; vertical-align:bottom; max-width:100%;}
.fl{ float:left;}
.fr{ float:right;}
.cf{ clear:both;}
.pr{ position:relative;}
.pa{ position:absolute;}
.fx{ position:fixed;}
.tl{ text-align:left;}
.tc{ text-align:center; width:100%;}
.tc img{ margin:0 auto;}
.tr{ text-align:right;}
.cur{ cursor:pointer;}
.none{ display:none;}
.blue{ color:#008dcf;}
.yel{ color:#fdbb30;}
.ml10{ margin-left:10px;}
.graybtn{ display:inline-block; width:88px; height:28px; text-align:center; line-height:28px; background:#b5cee7; font-size:15px; border:none; cursor:pointer; color:#fff; font-weight:bold; border-radius:5px;}
input[type="text"],input[type="tel"],input[type="password"],textarea{ padding:0; -webkit-appearance: none;}
.w1250{ width:1250px; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
.flex{ display:flex;}
.between{ justify-content:space-between;}
.mb50{ margin-bottom:50px;}
.mb40{ margin-bottom:40px;}
.mb30{ margin-bottom:30px;}
.mb20{ margin-bottom:20px;}
.pb50{ padding-bottom:50px;}
.mb100{ margin-bottom:100px;}
.phone{ display:none;}
.new01{font-size: 12px}
.new02{font-size: 12px}
.new03{font-size: 12px}

.phd{ height:143px; line-height:143px;  background:rgb(26,117,207); position:fixed; width:100%; z-index:202;}
.logo{ display:block; margin-left:30px; width:343px; line-height:normal; line-height:143px;}
.logo img{ vertical-align:middle;}
.nav{line-height:143px; margin-left:20px;}
.nav li{ margin-left:18px; padding:0 20px; position:relative; color:#fff; font-size:24px; float:left;}
.nav li a{ color:#fff;}
.nav li:hover{ background:#fff; }
.nav a:hover{ color:#fdbb30;}
.nav li:hover .topa{color:#1a75cf; position:relative; display:block;}
.nav li .topa{ display:block; height:100%; position:relative;}
.nav li .topa:before{ display:block; content:''; position:absolute; width:33px; height:3px; background:#fdbb30; left:0; bottom:0px; display:none;}
.nav li .navdrop{ padding:15px 0 10px 0; display:none; position:absolute; width:100%; background:#fff; left:0;}
.nav li .navdrop a{ color:#000; display:block; font-size:18px; margin-left:20px; height:40px; line-height:40px;}
.nav li:hover .navdrop{ display:block;}
.nav li:hover .navdrop a:hover{ color:#1a75cf;}
.nav li:hover .topa:before{ display:block;}
.search{ display:block; background:url(/template/en/images/search.png) no-repeat; width:17px; height:17px; margin-top:64px; cursor:pointer;}
.checkbox{ width:29px; height:14px; cursor:pointer; border-radius:10px; position:relative; background:#fff; margin:6px 8px;}
.lg{ margin-top:59px; color:#fff; line-height:normal; margin-left:25px;margin-right:50px; font-size:22px;}
.checkbox:before{ display:block; content:''; position:absolute; width:12px; height:12px; background:#1b74ce; border-radius:50%; right:2px; top:1px;}
.checkboxon .checkbox:before{ right:2px; left:auto;}
.lg .en{ color:#fff; cursor:pointer;}
.lg .ch{ color:#76ace2;cursor:pointer;}
.checkboxon .en{ color:#fff;}
.checkboxon .ch{ color:#76ace2;}
.nav li .navdropus{ width:226px;}
.nav li .navdropjoin{ width:220px;}
.nav li .navdropsupp{ width:320px;}
.swiper-slide{ cursor:pointer;}


.banbox{  position:relative; display:flex;}
.banbox .swiper-container{flex:1;}
.swiper-button-next, .swiper-button-prev{ z-index:200;}
.linkslide{ display:block; width:100%; height:100%;}
.parallax-bg {
    flex:2
}
.swiper-container{ height:100%;}
.box{ background:#fff; float:left; overflow:hidden;}
.box .img img{ width:392px; /* height:294px; */}
.box .txt{  padding:28px 30px 0 30px; height:313px; width:330px; overflow:hidden; margin:0 auto; border:1px solid #d1d2d2; border-top:none;}
.box .txt .type{ display:inline-block; color:#262626; margin-bottom:25px; padding-bottom:5px; font-size:18px; border-bottom:1px solid #d1d2d2; font-weight:bold;/* text-transform:uppercase; */}
.box .txt .title{ font-size:20px; letter-spacing:0px; line-height:28px; color:#003896; font-weight:bold; height:120px;}
.box .txt .desc{ height:100px; margin-bottom:9px; line-height:24px;  font-size:14px; overflow:hidden;}
.box .txt .desc .in{height:75px; overflow:hidden;}
.box .txt .from{ color:#003896;}
.boxblue{ height:540px; background:url(/template/en/images/flower.png) no-repeat 280px 372px #1a75cf; color:#fff;}
.boxblue .txt{ padding-top:80px; width:285px;}
.boxblue .txt .title{ font-size:24px; margin-bottom:40px; line-height:24px; letter-spacing:2px;}
.conttxt p{ font-size:18px; line-height:18px; margin-bottom:15px;}

.pfd{ height:577px; background:#1b74ce; color:#fff;}
.pfd a{ color:#fff;}
.logopfd{ padding-top:36px; margin-bottom:30px;}
.logopfd img{ width:548px;}
.grp01-pfd{ text-align:left; width:356px;}
.grp01-pfd .title,.grp02-pfd .title{  letter-spacing:2px;font-size:18px;}
.grp01-pfd .app{ width:100px; text-align:center; line-height:18px; font-size:12px; float:left; margin-right:35px;}
.grp01-pfd .app img{ margin-bottom:10px; width:80px; display:block; margin:0 auto 10px auto}
.grp01-pfd .title,.grp02-pfd .title{ height:42px;}
.pfd .wechat{ background:url(/template/en/images/weixin.png) no-repeat; width:28px; height:29px; margin-right:22px; cursor:pointer;}
.pfd .weibo{ background:url(/template/en/images/weibo.png) no-repeat; width:32px; height:29px;margin-right:22px;cursor:pointer;}
.pfd .douyin{ background:url(/template/en/images/douyin.png) no-repeat; width:23px; height:29px;cursor:pointer;}
.part02-pfd{ padding-top:52px;}
.box01-pfd{}
.box02-pfd{ padding-top:20px; border-top:2px solid #5eadf8;}
.grp01-ftnav{ float:left; font-size:14px;}
.grp01-ftnav:last-child{ width:100px;}
.grp01-ftnav .title{ height:50px; font-size:18px; }
.grp01-ftnav li{ margin-bottom:20px;}
.grp01-ftnav li a:hover{ color:#fdbb30;}
.area01-us{ height:992px;}
.area02-us{ height:1136px;}
.box01-us{ margin:0 auto;}
.area01-pro-news-new{ height:auto!important;}
.btnimg{ margin-bottom:55px;}
.brandimg{ margin-bottom:74px;}
.ustitle{ height:110px;}
.links a{ margin-right:24px;width: 294px;display: inline-block;}
.links a img{ width:100%;}
.links a:last-child{ margin-right:0;}
.area02-us .box01-us{ height:1084px;}
.ustitle .big{ font-size:44px; letter-spacing:4px; font-weight:bold; height:60px; line-height:44px;}
.ustitle .en{ font-size:25px; font-family:BogleBold,BogleRegular}
.area01-join{ background:url(/template/en/images/bg3.jpg) no-repeat center top; height:1123px;}
.area01-join .w1200{ height:100%;}
.box01-join{ left:59px; bottom:90px;}
.borderbtnwhite{ height:50px; border:1px solid #fff; padding:0 15px; font-size:16px; line-height:50px; border-radius:30px; display:inline-block; letter-spacing:4px; cursor:pointer;}
.borderbtn{  border:1px solid #1a75cf; padding:5px 20px; font-size:18px;  border-radius:20px; display:inline-block; letter-spacing:0px; cursor:pointer; color:#1a75cf; font-weight:bold;}
.borderbtn:hover{ background:#fdbb31; color:#fff; border:1px solid #fdbb31;}
.box01-us .desc{ margin-bottom:40px; font-size:18px; line-height:34px; letter-spacing:1px;}
.part-us{ margin-bottom:30px; height:300px; background:#022e75; color:#fff; border-radius:10px;}
.part-us .img{ width:527px;}
.part-us .txt{ padding-top:82px; width:502px; margin-left:38px;}
.part-us .txt .title{ font-size:35px; line-height:36px;  margin-bottom:10px; padding-left:40px; background:url(/template/en/images/icon_2.png) no-repeat 0 3px; letter-spacing:4px;}
.part-us .txt .subtitle{ font-size:24px; margin-bottom:10px; line-height:28px; margin-left:40px;}
.part-us .txt2{ margin-left:45px;}
.part-us .word{ margin-left:40px; font-size:18px; line-height:28px;}
.box01-join .title{ color:#000; font-size:34px; font-weight:bold; letter-spacing:2px; line-height:34px; margin-bottom:15px;}
.box01-join .en{ margin-bottom:30px; font-size:20px;}
.area01-pro{ height:1448px;}
.area01-pro .w1200{ padding-top:60px;}
.newsbox{ background:#fff; margin:0 55px; }
.newsbox .type{ padding-top:35px; height:56px;}
.newsslide{ display:block; width:100%; }
.newsbox .nextlink{ height:65px; padding:22px 12% 0 12%; width:76%; border-top:1px solid #ccc; line-height:24px; left:0; bottom:0; text-align:center; font-size:16px;}
.newsbox .swiper-container{ width:425px; height:757px; position:relative; margin-left:50px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background:url(/template/en/images/prev_new.png) no-repeat; width:48px; height:48px; bottom:0; top:auto; right:706px; left:auto;z-index:2001}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:url(/template/en/images/next_new.png) no-repeat; width:48px; height:48px;bottom:0; top:auto; right:658px; z-index:2001}
.newsslide .type{font-weight:bold; font-size:18px;}
.newsslide .title{ line-height:48px; font-size:40px; color:#003896; font-weight:bold; margin-bottom:40px;}
.newsslide .desc{ line-height:30px;margin-bottom:50px; font-size:18px;}
.newsslide .from{ color:#003896; font-size:18px;}
.wrap{ background:url(/template/en/images/bg4.jpg) no-repeat center -2px;}
.itemtitle{padding-top:55px; padding-bottom:55px; position:relative;font-family:BogleBold,BogleRegular}
.itemtitle:before{ display:block; content:''; position:absolute; width:56px; height:4px; background:#febc32; border-radius:3px; left:
        50%; margin-left:-28px; bottom:0;}
.itemtitle .big{ letter-spacing:2px; font-size:46px; line-height:50px;font-family:BogleBold,BogleRegular;}
.itemtitle .en{ font-size:30px; line-height:30px; }
.box01-about,.box01-compy,.box01-culture,.box01-ec{ padding-top:75px;}
.box01-about p{ margin-bottom:32px; line-height:24px;}
.box01-compy{ margin-bottom:40px;}
.box02-about{ padding-bottom:100px; padding-top:40px;}
.box02-about li{ height:310px; margin-bottom:85px; width:100%;}
.box02-about li .img{ width:560px;}
.box02-about li .grp{ width:570px; margin-left:65px; float:left;}
.box02-about li .grp .title{ font-size:35px; line-height:35px; margin-bottom:25px;}
.box02-about li .grp .word{ height:215px; line-height:28px; font-size:18px;}
.box01-compy p{ margin-bottom:30px; line-height:20px;}
.part01-kcx{ margin-bottom:20px;}
.part01-kcx dl{ margin-left:20px;}
.box02-compy .title{ font-size:34px; margin-bottom:50px; line-height:34px;}
.box02-compy .photo{ margin-bottom:30px;}
.box02-compy p{ margin-bottom:30px; }
.box02-compy{ padding-bottom:50px;}
.pdf span{ display:inline-block; border-bottom:1px solid #333;}
.box01-ism .photo{ text-align:center;}
.box01-ism .photo img{ margin:0 auto;}
.part-year{ height:306px; padding-top:40px; justify-content:center;}
.part-year .cir{ width:250px; color:#fff; height:250px; background:#fac20b; font-size:16px; line-height:28px; border-radius:50%; margin-right:-30px; position:relative;}
.part-year .cir_blue{ z-index:2;background:#1b74d0;}
.part-year .cir_green{ z-index:3;background:#78bc27;}
.part-year .cir .year{ padding-top:55px;height:78px; font-size:42px; line-height:42px;}
.part-year .cir_blue .year{ height:55px; }
.part-year .cir_green .year{ height:64px; }
.box01-culture .title{ padding-top:55px;}
.title_us{ font-size:34px; margin-bottom:50px; line-height:34px;}
.subtitle_us{  font-size:22px; color:#fdbb30; }
.subtitle_us span{ display:inline-block;padding-left:40px; background:url(/template/en/images/icon_1.png) no-repeat left center;height:44px; line-height:44px; margin-bottom:15px;}
.box01-culture p{ margin-bottom:30px; line-height:20px;}
.part-xy{ padding-bottom:20px;}
.brandlist li{ width:580px; height:552px; float:left; margin:0 10px 30px 10px; box-shadow:0 2px 10px rgba(220,220,220,.6); border-radius:10px;}
.brandlist li .info{ padding-top:38px; margin:0 44px;}
.brandlist li .title{ height:57px; font-size:32px;}
.brandlist li .title span{ margin-left:15px; font-size:12px;}
.brandlist li .txt{ color:#999;}

.box01-comp{padding-top:55px; font-size:18px; line-height:30px;}
.box01-comp p{ margin-bottom:30px; line-height:32px; font-size:18px; }
.box01-comp .photo{ margin-bottom:30px;}
.box01-walmart{ padding-top:50px;}
.servul{ padding-bottom:100px;}
.servul li{ width:33.33%; float:left; color:#1a75cf; height:360px; text-align:center;}
.servul li .imgwrap{ height:155px; text-align:center;}
.servul li .imgwrap img{ margin:0 auto;}
.servul li .title{ font-weight:bold; font-size:28px; line-height:38px; letter-spacing:1px; margin-bottom:15px;}
.servul li .title2{ font-size:18px; line-height:18px; letter-spacing:1px; margin-bottom:10px;}
.servul li .title2 span{ margin:0 12px;}
.servul li .title4{ font-size:12px; margin-bottom:15px;}
.servul li:nth-child(2) .title{ margin-bottom:2px;}
.box01-sam{ padding-top:50px;}
.box01-sam .title{ margin-bottom:50px; color:#003896; font-size:24px;}
.box01-sam ul{ height:240px;}
.box01-sam li{ width:150px; float:left; cursor:pointer; text-align:center; font-size:14px;color:#003896; margin-right:30px}
.box01-sam li .imgwrap{ height:108px; text-align:center;}
.box01-sam li .imgwrap img{ margin:0 auto;}
.box01-sam li:nth-child(2) .imgwrap{ padding-top:5px; height:103px;}
.box01-sam li:nth-child(3) .imgwrap{ padding-top:5px; height:103px;}
.part-ec .grp01{ padding-bottom:50px;}
.box02-ec-two .grp02{ margin-left:50px; width:600px;}
.box02-ec-two .grp02 p{ margin-bottom:25px;}
.borderbtnblue{ height:38px; line-height:40px; border:1px solid #0271cd; letter-spacing:2px; border-radius:25px; color:#0271cd; font-size:24px; display:inline-block; padding:0 35px; cursor:pointer; font-weight:bold;}
.borderbtnblue:hover{ background:#fdbb31; color:#fff; border:1px solid #fdbb31;}
.btnbox .borderbtnblue{ margin:0 50px;}
.box02-ec .part-ec .grp02{ width:650px; margin-left:60px;}
.arr01-ec p{ margin-bottom:40px;}
.arr01-ec-jd{ padding-top:180px; margin-bottom:50px;}
.part-ec .grp02{ width:615px; margin-left:55px;}
.part-ec .grp02ck{ width:500px; margin-left:40px;}
.arr01-ec .tem{ margin-left:69px; color:#0271cd; font-size:16px;}
.arr01-ec .tem img{ margin-bottom:15px;}
.box01-joinus{ padding-top:20px;}
.box01-joinus li{ height:310px; margin-bottom:77px;}
.box01-joinus li .img{ border-radius:0; width:560px;}
.box01-joinus li .grp{ margin-left:60px; width:570px;}
.box01-joinus li .grp .title{ margin-bottom:30px; font-size:34px; line-height:34px;}
.box01-joinus li .grp .desc{height:210px; font-size:18px; line-height:30px;}
.videobox{width:867px; border:10px solid #000; margin:0 auto 80px auto;}
.videobox video{ width:100%; display:block;}
.pt0{ padding-top:0;}
.joinlink .borderbtnblue{ margin:0 95px; cursor:pointer; font-size:24px; height:38px; line-height:38px; padding:0 30px;}
.pt20{ padding-top:20px;}
.part-joinsh{ margin-bottom:50px;}
.area01-contact{ padding-top:90px; padding-bottom:100px;}
.area01-contact .logobox{ margin-bottom:60px;}
.title_cont{ font-size:35px; line-height:35px; margin-bottom:30px;}
.box01-contact ul{ margin-bottom:80px;}
.box01-contact ul li{ margin-bottom:20px; font-size:24px; line-height:24px;}
.box01-contact ul li a:hover{ color:#fdbb30;}
.grp01-contact{ width:655px; font-size:18px;}
.grp01-contact .title{ font-size:18px; margin-bottom:20px; }
.grp01-contact p{ margin-bottom:10px;}
.part02-contact{ padding-top:60px; font-size:22px; height:100px;}
.btnbox .borderbtn{ margin:0 20px;}
.blockul{ margin-bottom:30px;}
.blockul li{ padding-left:32px; margin-bottom:15px; font-size:16px; position:relative;}
.blockul li:before{ display:block; content:''; position:absolute; width:18px; height:18px; background:#fdbb31; left:0; top:6px;}
.part01-corp{ padding-bottom:20px;}
.blueul{ margin-bottom:30px; margin-left:30px;}
.blueul li{ margin-bottom:10px; padding-left:15px; position:relative; color:rgb(108,171,231);}
.blueul li:before{ display:block; content:''; position:absolute; background:#72aed2; width:5px; height:5px; left:0; top:12px; border-radius:50%; }
.box01-about-sup{ padding-top:80px;}
.box01-about-sup li{ height:280px; margin-bottom:0;}
.box01-about-sup li .img{ width:390px;}
.box01-about-sup li .grp .word{ height:125px; overflow:hidden;}
.part-join .txt{ width:645px; line-height:32px; font-size:18px;}
.part-join .borderbtnblue{ margin-left:45px;}
.phonebtn{ display:none;}
.phonebtnclose{ display:none;}
.navdown{ display:none;}
.phonenav{ display:none;}
.phoneimg{ display:none;}
.phonenavft{ display:none;}
.worktime{ display:none;}
.box02-pfd a{ padding-left:10px; margin-right:10px;}
.box02-pfd a:hover{ color:#fdbb30;}
.area01-news{ padding-top:60px;}
.newsearch{ padding-top:20px; height:66px; background:#eaeaea;}
.newsearchin{ width:532px; height:45px; background:#fff; border-radius:30px;  margin:0 auto;}
.newsearchin .text{ height:45px; border:none; margin-left:32px;width:390px; font-size:18px; letter-spacing:2px; outline:none;}
.newsearchin .text::-webkit-input-placeholder{ color:#d6d6d6;}
.newsearchin .searchbtn{ height:45px; width:92px;background:#fdbb30; border-radius:40px; line-height:45px; right:0; top:0; text-align:center; font-size:16px; color:#fff; letter-spacing:2px; padding-left:8px; cursor:pointer;}
.box01-about-sup li .grp .title{ font-size:26px; padding-top:1px; line-height:34px; margin-bottom:0; height:80px;}
.box01-about-sup li .grp{ width:765px; margin-left:45px;}

.box02-compy{ padding-top:50px; font-size:18px; line-height:32px;}
.titleline{ font-size:35px; position:relative; line-height:35px; margin-bottom:60px;}
.titleline:before{ display:block; content:''; position:absolute; left:0; top:18px; height:2px; width:100%; background:#d1d2d2;}
.titleline span{ color:#1a75cf; display:inlin-block; background:url(/template/en/images/flow2.png) no-repeat 30px center #fff; padding:10px 16px 10px 94px; position:relative;}
.jyul{ width:304px; margin:0 auto;}
.jyul dt{ float:left; width:152px; height:52px; text-align:left;}
.jyul dt img{ margin-right:10px; margin-top:1px;}
.jyul dt .tel{ font-size:12px;}
.jyul dt .grp{ width:110px; float:left;}
.box01-ec p{ margin-bottom:30px; line-height:28px; font-size:18px;}
.itemtitle_nobordre:before{ display:none;}
.btnboxcorp{ padding:30px 0 60px 0;}
.btnboxcorp .shzr01,.btnboxcorp .shzr02{  margin:0 30px}
.btnboxcorp .zypp01,.btnboxcorp .zypp02,.btnboxcorp .zypp03,.btnboxcorp .zypp04{  margin:0 30px}
.btnboxcorp .active{ background: #fdbb31;
    color: #fff;
    border: 1px solid #fdbb31; }
.breakbox{ height:143px;}
.newsearch{ top:143px; left:0; z-index:200; width:100%; display:none;}
.box01-comp-pt0{ padding-top:0;}
.part-joinsh .titleline{ margin-bottom:50px;}
.part-joinsh:last-child{ padding-bottom:20px;}
.weltxt{ font-size:24px; margin-bottom:50px;}
.videobox_xy{ margin:70px auto;}
.lg_m{ display:none;}
.btnbox-qqg{ padding-top:30px;}
.photo_pc{ display:block;}
.photo_m{ display:none;}
.ban-contact{ display:block;}
.ban-contact-m{ display:none;}
.ustab{ display:none;}
.area01-us{}
.area02-us{ }
.area02-us .w1200{ padding-top:60px;}
.box02-us .part-us{ overflow:hidden;}
.box02-us .part-us:first-child{ background:#156e.e6;}
.box02-us .part-us:nth-child(2){ background:#febb2f;}
.box02-us .part-us:nth-child(3){ background:#90c221;}
.box02-us .part-us:nth-child(4){ background:#71b5f4;}
.pagectrl{ width:658px; right:0; bottom:20px;}
.pagectrlin{ width:425px; margin-left:55px; position:relative;}
.newsslide .from{ margin-bottom:50px;}
.banbox-new{ background:url(/template/en/images/ban_contact.jpg) no-repeat;}
.grp01-ftnav{ width:168px;}
.grp01-ftnav:nth-child(3){ width:255px;}
.grp01-ftnav:nth-child(5){ width:190px;}
.grp01-ftnav:nth-child(2){ width:152px;}
.ftnav{ height:298px; border-bottom:1px solid #6bace6;}
.others{ padding-top: 37px; padding-left:40px; background:url(/template/en/images/qiu.png) no-repeat left 30px; padding-bottom:10px; margin-left:10px;}
.others a{ display:inline-block; color:#fff;}
.itemtitle-noborder:before{ display:none;}
.photo_xy_a{ right:0; top:1100px;}
.photo_xy_b{ right:0; top:2400px;}
.grp01-contact .btnbox .borderbtnblue{ margin:0;}
.box02-compy-tab.none{ display:block;}
.worktab{ height:104px; text-align:center; padding-top:20px;}
.worktab li{  margin:0 37px; }
.worktab li.on,.worktab li:hover{}
.part-ec-jd .grp02{ width:715px;}
.workcon p{  margin-bottom: 30px; line-height: 32px;font-size: 18px;text-align: justify;color:black;}
.workcon .photo{ margin-bottom:30px;}
.grp01-work{ width:50%; float:left; height:175px;}
.grp01-work .subtitle_us span{ padding-top:0;}
.grp01-work dl{ padding-top:10px; margin-left:5px;}
.grp01-work dl dt{ padding-left:15px; position:relative; margin-bottom:8px;}
.grp01-work dl dt:before{ display:block; content:''; width:6px; height:6px; background:#000; border-radius:50%; left:0; top:5px; position:absolute;}
.pb100{ padding-bottom:100px;}
.box02-about-intro li .grp .word{ height:212px;}
.title-block{ padding-left:25px; position:relative; font-size:24px; margin-bottom:15px;}
.title-block:before{ display:block; content:''; position:absolute; width:16px; height:16px; background:#fdbb30; left:0; top:5px;}
.corptab dl{ margin-left:28px; margin-bottom:30px;}
.corptab dl dt{ margin-bottom:5px;}
.corptab .subtitle_us{ margin-bottom:20px;}
.corptab{ padding-bottom:50px;}
.tab01-pdf{ margin-bottom:30px; width:740px;}
.tab01-pdf th{ border:1px solid #bfbfbf; padding:10px;}
.tab01-pdf td{ border:1px solid #bfbfbf;padding:10px;}
.tab01-pdf .t1{ width:250px;}
.box01-ism{ padding-top:80px;}
.box01-ism p{margin-bottom:30px; line-height:32px; font-size:18px;text-align:justify;}
.pdf{ padding-left:30px; background:url(/template/en/images/pdf.png) no-repeat 0 5px; font-size:20px; margin-bottom:30px; padding:5px 0 5px 35px;}
.pdf a{ color:#1a75cf; border-bottom:1px solid #1a75cf; display:inline-block; padding-bottom:5px;}
.pdfdiv .pdf{ margin-bottom:20px;}
.pdfdiv{ margin-bottom:60px;}
.box02-ism{ margin-bottom:100px;}
.prizebox p{ margin-bottom:30px;}
.prizebox .year{ color:#fdbb30;margin-bottom:30px;}
.prizebox ul{ margin-bottom:30px;}
.prizebox ul li{ padding-left:15px; background:url(/template/en/images/block.png) no-repeat left 10px; margin-bottom:5px;}
.newscon{ padding-top:110px;}
.w1000{ width:1000px; margin:0 auto;}
.newscon .bigtitle{ font-size:35px; line-height:50px; position:relative;padding-bottom:15px; margin-bottom:30px;}
.newscon .bigtitle:before{ display:block; content:''; position:absolute; left:0; bottom:0;  height:3px; background:#fdbb30; height:5px; width:55px; border-radius:5px;}
.newscon .from{ color:#1a75cf; margin-bottom:35px; font-size:18px;}
.newscon p{margin-bottom:30px; line-height:28px; font-size:18px;text-align:justify;}
.newscon .photo{ margin-bottom:30px; color:#aaa; font-size:18px;}
.newscon .photo img{ margin-bottom:20px;}
.backnews{ margin-bottom:100px; padding-top:50px;}
.backnews .bluebtn{ height:57px; width:280px; line-height:57px; text-align:center; background:#1a75cf; border-radius:30px; display:block; font-size:24px; color:#fff; letter-spacing:2px; margin:0 auto;}
.backnews .bluebtn:hover{ opacity:.9;}
.dldot{ margin-bottom:30px;}
.dldot dt{ padding-left:10px; position:relative; margin-bottom:10px; margin-left:5px;}
.dldot dt:before{ display:block; content:''; position:absolute; width:4px; height:4px; background:#000; border-radius:50%; left:0; top:5px;}
.photo_phone{ display:none;}
.part-year .txt{ margin:0 25px; line-height:24px;}
.part-year .cir_blue .txt{ margin:0 35px;}

.grp02-pfd .share .new01{
    width: 165px;
    text-align: center;
    line-height: 22px;
}
.grp02-pfd .share .new01 img{
    display: block;
    margin: 0 auto 10px auto;
    width: 80px;
}

#masonry>.box>.img{
    width: 392px;
    height: 262px;
    overflow: hidden;
}


.arr02-ec,.arr01-ec{text-align:justify; }
.container-fluid .box{ width:392px; height:636px; margin:0 30px 49px 0px;}
.container-fluid .box:nth-child(3n){ margin-right:0;}
.area01-pro-news{ padding-top:100px;}
.container-fluid{ }
.left-pfd{ width:100%; height:225px; border-bottom:1px solid #fff;}
.right-pfd{ width:100%;}
.others{ font-size:16px;}
.others a{ margin:0 3px;}
.grp02-pfd .share .wechat01{ background:url(/template/en/images/share_1_01.png) no-repeat; width:80px; height:80px;  float:left; margin-right:50px;background-size:100% 100%;}
.grp02-pfd .share .douyin01{ background:url(/template/en/images/share_3_01.png) no-repeat;width:80px; height:80px; float:left; margin-right:0; background-size:100% 100%;}
.grp02-pfd .title{ height:42px}
.grp02-pfd .share{ float:left;}
.bodyindex{ background:url(/template/en/images/indexbg.jpg) no-repeat center 200px;}
.flow1{ background:url(/template/en/images/flow1.png) no-repeat; width:175px; height:197px; position:absolute; right:90px; bottom:10px; z-index:20;}
.area01-pro-news-new{ float:left; width:100%; padding-bottom:50px;}
.btnbox-qqg .borderbtnblue{ height:50px; letter-spacing:0; line-height:50px;border-radius:45px; font-size:30px;}
.titleline_m_long:before{ width:360px;}
.titleline_m_long:after{ width:360px;}
.bodynews .wrap{ background:url(/template/en/images/newsbg.jpg) no-repeat center top;}
.backnews .borderbtn{ height:54px; line-height:54px; padding:0 30px; font-weight:bold; font-size:24px; border-radius:30px;}
.container-fluid .boxlast{ background:url(/template/en/images/searchbg.jpg) no-repeat center bottom; padding-left:30px; width:364px;}
.boxlast{ color:#fff;}
.boxlast .title{ padding-top:67px; height:62px; font-size:24px;}
.boxlast p{ margin-bottom:10px;}
.wrapsearch{ background:url(/template/en/images/bg5.jpg) no-repeat center top;}
.area01-search{ padding-top:72px; padding-bottom:100px;}
.pdfdiv2 .pdf{ background-position:0 8px;}
.xybtns{ margin-bottom:60px; padding-top:20px;}
.xybtns a{ display:inline-block; margin:0 97px;}
.box01-comp .photolast{ margin-bottom:60px;}
.box01-ism .photo{ margin-bottom:30px;}
.box01-apply{ padding-top:30px;}
.tab01-retail{ width:100%;}
.tab01-retail th{ border:1px solid #bfbfbf; padding:10px; vertical-align:middle;}
.tab01-retail td{ border:1px solid #bfbfbf; font-size:15px; line-height:24px; padding:10px; vertical-align:middle;}
.tab01-retail .t1{ width:144px;}
.tab01-retail .t2{ width:274px;}
.box01-apply .borderbtn2{ height:80px; padding-top:10px; font-weight:normal;}
.pdfliksv .pdf:nth-child(2){ margin-left:100px;}
.pdf2{ background-position:0 0;}
.popgzh{ width:1000px; height:500px;}
.popgzh .close{ right:20px; top:20px; cursor:pointer;}
.morenews:hover{color:#fdbb30;}
.box01-busiin{ width:100%; height:650px; background:#a7cdf1; margin-bottom:28px;}
.box01-busiin .title{ padding-top:60px; height:94px; font-size:35px; color:#fff; line-height:35px;}
.busibox{ width:950px; margin:0 auto;}
.yelbtn{ display:inline-block; height:56px; line-height:56px; background:#fdbb30; color:#fff; cursor:pointer; font-size:24px; width:280px; border-radius:25px;}
.part01-busi{ margin-bottom:15px;}
.part01-busi .text{ padding-left:15px; width:281px; border:none; margin-right:31px; height:50px; background:#fff;}
.part01-busi .text::-webkit-input-placeholder{ color:#cee3f7;}
.part01-busi .text:last-child{ margin-right:0;}
.part02-busi .textarea{ padding-left:15px; padding-top:20px; width:935px; height:62px; border:none;}
.part02-busi .textarea::-webkit-input-placeholder{ color:#cee3f7;}
.pt50{ padding-top:50px;}
.grp01-card{ padding-left:25px; position:relative; width:430px;}
.grp01-card:before{ display:block; content:''; position:absolute; background:#fdbb2f; width:15px; height:15px; left:0; top:5px;}
.part01-card{ margin-bottom:20px;}
.part02-card .borderbtn{ margin-left:22px;}
.kabao{ margin-bottom:30px; width:183px; text-align:center;}
.kabao .img{ margin-bottom:10px;}
.box02-ec-third{ padding-top:25px;}
.box02-ec-two-sm .subtitle_us{ margin-bottom:20px;}
.subtitle_us{ font-size:20px;}
.box02-ec-two-sm .arr01-ec{ padding-top:120px; margin-bottom:58px;}
.box02-ec-two-sm .tem01{ width:384px;line-height: 32px; font-size:18px;}
.box02-ec-two-sm .tem02{ width:180px; text-align:center; color:#1a75ce; font-size:18px;}
.box02-ec-two-sm .tem02 img{ margin-bottom:10px;}
.box02-ec-sm2 .arr01-ec{ padding-top:105px; width:618px; text-align:center}
.box02-ec-sm2 .arr01-ec img{ margin:0 auto 50px auto;}
.box02-ec-two-sm4 .arr01-ec{ padding-top:180px; width:100%; text-align:center;margin-bottom:64px;}
.box02-ec-two-sm3 .arr01-ec{ text-align:center;}
.box02-ec-two-sm .arr01-ec img{ margin:0 auto;}
.pc{ display:block;}
.phone{ display:none}
.ustitle{ position:relative}
.ustitle span{ display:inline-block; padding:0 20px; z-index:10; position:relative; background:#fff;}
.ustitle:before{ display:block; content:''; width:100%; height:1px; background:#d1d2d2; position:absolute; top:25px;}
.newsearchon{ display:block; position:static;}
.pdf2{ background:url(/template/en/images/pdf2.png) no-repeat;}
.btnboxcorpfood .borderbtn{ text-align:center; margin-bottom:40px;}
.btnboxcorpfood .borderbtn:nth-child(4){ margin-right:0;}
.mailp{ display:flex; text-align:center;justify-content : center}
.area01-pro-news-new-search{ padding-top:150px;}
.upper{ text-transform:uppercase;}
.titleline span br{ display:none;}
.box02-about li{ padding-bottom:20px;}
.joinlink .shzpbtn,.joinlink .shzpbtn2{ margin:0 10px;}
.joinusbtn{ display:inline-block; background:url(/template/en/images/btnimg/joinus.png) no-repeat;width:154px; height:38px;}
.joinusbtn:hover{background:url(/template/en/images/btnimg/joinus_hover.png) no-repeat;}
.learnmore{ display:inline-block; background:url(/template/en/images/btnimg/learnmore.png) no-repeat; width:154px; height:38px;}
.learnmore:hover{background:url(/template/en/images/btnimg/learnmore_hover.png) no-repeat;}
.shzpbtn{ display:inline-block; background:url(/template/en/images/btnimg/shzpbtn.png) no-repeat; width:255px; height:45px;}
.shzpbtn:hover{background:url(/template/en/images/btnimg/shzpbtn_hover.png) no-repeat; }
.shzpbtn2{ display:inline-block; background:url(/template/en/images/btnimg/shzpbtn2.png) no-repeat; width:255px; height:45px;}
.shzpbtn2:hover{background:url(/template/en/images/btnimg/shzpbtn2_hover.png) no-repeat; }
.xybtn{ display:inline-block; background:url(/template/en/images/btnimg/xybtn.png) no-repeat; width:265px; height:64px;}
.xybtn:hover{background:url(/template/en/images/btnimg/xybtn_hover.png) no-repeat;}
.xybtn2{ display:inline-block; background:url(/template/en/images/btnimg/xybtn2.png) no-repeat;width:265px; height:64px;}
.xybtn2:hover{background:url(/template/en/images/btnimg/xybtn2_hover.png) no-repeat;}

.xybtn11{ display:inline-block; background:url(/static/upload/a4.png) no-repeat; width:265px; height:64px;}
.xybtn11:hover{background:url(/static/upload/b4.png) no-repeat;}
.xybtn22{ display:inline-block; background:url(/static/upload/a3.png) no-repeat;width:265px; height:64px;}
.xybtn22:hover{background:url(/static/upload/b3.png) no-repeat;}

.xybtn3{ display:inline-block; background:url(/template/en/images/btnimg/xybtn3.png) no-repeat; width:176px; height:45px;}
.xybtn3:hover{background:url(/template/en/images/btnimg/xybtn3_hover.png) no-repeat; }
.documentbtn{ display:inline-block; background:url(/template/en/images/btnimg/documentbtn.png) no-repeat; width:270px; height:64px;}
.documentbtn:hover{ background:url(/template/en/images/btnimg/documentbtn_hover.png) no-repeat; }
.promoterbtn{ display:inline-block; background:url(/template/en/images/btnimg/promoter.png) no-repeat; width:270px; height:62px;}
.promoterbtn:hover{background:url(/template/en/images/btnimg/promoter_hover.png) no-repeat; }
.retailbtn{ display:inline-block; background:url(/template/en/images/btnimg/retail.png) no-repeat; width:200px; height:45px;}
.retailbtn:hover{ background:url(/template/en/images/btnimg/retail_hover.png) no-repeat;}
.store01{ display:inline-block; background:url(/template/en/images/btnimg/store.png) no-repeat; width:240px; height:64px;background-size: 240px,240px;}
.store01:hover{ background:url(/template/en/images/btnimg/store_hover.png) no-repeat;width:240px; height:64px;background-size: 240px,240px; }
.newsroom{ display:inline-block; background:url(/template/en/images/btnimg/newsroom.png) no-repeat; width:240px; height:45px;}
.newsroom:hover{background:url(/template/en/images/btnimg/newsroom_hover.png) no-repeat;}
.giftbtn{ display:inline-block; background:url(/template/en/images/btnimg/gif01.png) no-repeat; width:256px; height:45px;}
.giftbtn:hover{background:url(/template/en/images/btnimg/gif01_hover.png) no-repeat;}
.giftbtn2{ display:inline-block; background:url(/template/en/images/btnimg/gif02.png) no-repeat; width:270px; height:62px;}
.giftbtn2:hover{background:url(/template/en/images/btnimg/gif02_hover.png) no-repeat;}
.contactbtn{ display:inline-block; background:url(/template/en/images/btnimg/contact01.png) no-repeat; width:265px; height:45px; cursor:pointer;}
.contactbtn:hover{ background:url(/template/en/images/btnimg/contact01_hover.png) no-repeat;}
.cul01{ display:inline-block; background:url(/template/en/images/btnimg/cul01.png) no-repeat; width:220px; height:45px; cursor:pointer;}
.cul01.on{background:url(/template/en/images/btnimg/cul01_hover.png) no-repeat; }
.cul02{ display:inline-block; background:url(/template/en/images/btnimg/cul02.png) no-repeat; width:220px; height:45px; cursor:pointer;}
.cul02.on{background:url(/template/en/images/btnimg/cul02_hover.png) no-repeat; }
.cul03{ display:inline-block; background:url(/template/en/images/btnimg/cul03.png) no-repeat; width:220px; height:45px; cursor:pointer;}
.cul03.on{background:url(/template/en/images/btnimg/cul03_hover.png) no-repeat; }
.shzr01{ display:inline-block; background:url(/template/en/images/btnimg/shzr01.png) no-repeat; width:270px; height:45px; cursor:pointer;}
.shzr01.active{ background:url(/template/en/images/btnimg/shzr01_hover.png) no-repeat;}
.shzr02{ display:inline-block; background:url(/template/en/images/btnimg/shzr02.png) no-repeat; width:270px; height:45px; cursor:pointer;}
.shzr02.active{ background:url(/template/en/images/btnimg/shzr02_hover.png) no-repeat;}
.zypp01{ display:inline-block; background:url(/template/en/images/btnimg/zypp01.png) no-repeat; width:200px; height:45px; cursor:pointer;}
.zypp01.active{background:url(/template/en/images/btnimg/zypp01_hover.png) no-repeat;}
.zypp02{ display:inline-block; background:url(/template/en/images/btnimg/zypp02.png)no-repeat; width:200px; height:45px; cursor:pointer;}
.zypp02.active{background:url(/template/en/images/btnimg/zypp02_hover.png) no-repeat;}
.zypp03{ display:inline-block; background:url(/template/en/images/btnimg/zypp03.png) no-repeat; width:200px; height:45px; cursor:pointer;}
.zypp03.active{background:url(/template/en/images/btnimg/zypp03_hover.png) no-repeat;}
.zypp04{ display:inline-block; background:url(/template/en/images/btnimg/zypp04.png) no-repeat; width:200px; height:45px; cursor:pointer;}
.zypp04.active{background:url(/template/en/images/btnimg/zypp04_hover.png) no-repeat;}
.indexbtn1{ display:inline-block; background:url(/template/en/images/index_11.png) no-repeat; width:236px; height:45px; cursor:pointer;}
.indexbtn1:hover{background:url(/template/en/images/index_11_hover.png) no-repeat; }
.indexbtn2{ display:inline-block; background:url(/template/en/images/index_13.png) no-repeat; width:247px; height:45px; cursor:pointer;}
.indexbtn2:hover{background:url(/template/en/images/index_13_hover.png) no-repeat; }
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{ z-index:2001;}
.grp01-pfd .app:last-child{ padding-bottom:0; margin-bottom:0;}
.morenews{ display:inline-block; background:url(/template/en/images/btnimg/morenews.png) no-repeat; width:158px; height:45px; cursor:pointer;}
.morenews:hover{ background:url(/template/en/images/btnimg/morenews_hover.png) no-repeat;}
.boxtel{ width:392px; height:636px; margin-bottom:49px; background:url(/template/en/images/flower.png) no-repeat right bottom #1a75cf; color:#fff;position:absolute; right:15px; top:0;}
.boxtel .title{ padding-top:64px; font-size:26px; margin-left:30px; height:61px;line-height: 92%; }
.boxtel p{ line-height:28px;margin-left:30px; font-size:14px;}
.area01-pro-news-new-search .box:nth-child(3){ margin-right:420px;}
.box02-ec-two-sm .tem01{ letter-spacing:-1px;}
.box02-ec-two-sm .tem02{ padding-top:12px;}
.wblink{ top:168px; text-align:center; width:100%;}
.wblink a{ display:inline-block; width:200px; height:280px; margin:0 51px;}
.newsearchin .searchbtn,.busibox .yelbtn{ border:none;}
.popgzh .close{ z-index:11;}
.box01-about-sup li .img{ width:390px; height:225px;}
.box01-about-sup li .img img{ width:100%; height:100%;}
.box01-contact{ border-bottom:1px solid #d1d2d2;}
.left1{ width:413px; float:left;}
.left11{ width:50%; float:left;}
.left2{ width:50%; float:left;padding-bottom:100px;}
.left3{ width:361px; float:left;}
.left4{padding-bottom:0px;}
.ncont1{     font-weight: bolder;
    line-height: 160%; }
.grp01-contact p{ font-size:100%; line-height:22px;}
.grp01-contact .div{ margin-left:35px}
.banbox{ max-width:1920px; margin:0 auto;}
@media screen and (min-width:1000px) and (max-width:1900px){
    .logo{ width:243px; }
    .nav li{ margin-left:10px; padding:0 10px; font-size:18px;}
    .lg{ font-size:18px; margin-right:25px;}
    .checkbox{ margin-top:4px;}
    .search{ margin-top:62px;}
    .nav li .navdropsocail{ width:300px;}
}
@media screen and (min-width:1000px) and (max-width:1320px){
    .lg{ display:none;}
}
@media screen and (max-width:1000px){
    .banbox{ display:none;}
    .fl,.fr{ float:none;}
    .nav{ display:none;}
    .pc{ display:none;}
    .phone{ display:block}
    .left1,.left2,.left3{ width:100%;padding-bottom:0px;}
    .left11{width:100%}
    .phd .col-md-8{ width:100px;}
    .photo_phone{ display:block;}
    .container{ width:100%; padding:0;}
    .w1250{ width:100%;}
    .boxtel{ position:static; height:456px; right:auto; top:auto;width:100%; margin-top:0; margin-bottom:20px; clear:both;}
    .phd{ height:50px; line-height:50px; z-index:2001;}
    .logo{ text-align:center; width:100%; margin:0; display:block; height:100%; line-height:50px;}
    .logo img{ width:150px; margin:0 auto; vertical-align:middle; display:inline;}
    .phonebtn{ display:block; padding-top:13px; padding-left:5px; width:35px; height:30px;}
    .phonebtn{ top:2px; left:15px;}
    .phonebtnclose{ top:25px; left:20px; width:30px; height:30px;}
    .phonebtn .line{ width:30px; height:2px; background:#fff; margin-bottom:7px;}
    .phonebtnclose:before{ display:block; content:''; width:30px; height:2px; background:#fff; -webkit-transform:rotate(45deg);}
    .phonebtnclose:after{display:block; content:''; width:30px; height:2px; background:#fff; -webkit-transform:rotate(-45deg); margin-left:0; margin-top:-2px;}
    .phonewrap{ display:none; top:50px; background:#1a75cf; position:fixed; height:100%; width:100%; z-index:2000;}
    .phdon .phonewrap{ display:block;}
    .search{ width:32px; height:32px; position:absolute; right:15px; top:-16px; margin-top:0;}
    .phonenav,.navdown{ margin:0 30px;}
    .phonenav li,.navdown dt,.backnav{ color:#fff; height:50px; line-height:50px; border-bottom:1px solid #54a0ed; margin-left:0; position:relative}
    .phonenav li a,.navdown dt a{color:#fff; }
    .phonenav li:before,.navdown dt:before{ display:block; content:''; position:absolute; right:5px; top:20px; width:8px; height:8px; border-top:2px solid #fff;border-right:2px solid #fff; -webkit-transform:rotate(45deg);}
    .lg{ position:absolute; left:0; bottom:50px; height:50px; border-top:1px solid #fff; margin:0; width:100%;}
    .lg .fl{ float:left;}
    .lg .ch{ margin-left:30px;}
    .lg .checkbox{ margin:18px 15px;}
    .backnav span{ padding-left:20px; position:relative; color:#fdbb30;}
    .backnav span:before{ display:block; content:''; position:absolute; left:5px; top:2px; width:8px; height:8px; border-top:2px solid #fdbb30;border-left:2px solid #fdbb30; -webkit-transform:rotate(-45deg);}
    .banbox{ background:none; height:auto;}
    .phoneimg{ display:block;}
    .newsbox{ position:static;height:auto; margin:0;}
    .newsbox{ width:auto; padding:0;}
    .newsslide{ margin:0 20px; width:auto;}
    .newsbox .swiper-container{ width:100%; margin-left:0;}
    .newsbox .type{ padding-top:30px; height:36px;}
    .newsslide .title{ font-size:18px; line-height:26px; height:auto; font-weight:normal; margin-bottom:15px;}
    .newsslide .desc{ line-height:30px; display:none;}
    .newsslide .from{ font-size:16px; border-bottom:none;}
    .newsbox .swiper-container{ height:100%;}
    .newsbox .nextlink{ height:60px; padding-top:15px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ bottom:27px;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ bottom:27px;}
    .area01-pro .w1200{ padding-top:30px;}
    .container-fluid{ margin:0 20px; width:auto;}
    .area01-pro .box{ width:100%; height:auto; margin-bottom:20px; margin-right:0;}
    .area01-pro .box .txt{ padding:20px 20px 20px; width:auto;}
    .w1200{ width:100%;}
    .phonenav{ display:block; font-size:16px;}
    .area01-join{ background-size:100% auto; margin-bottom:0; height:auto; padding-top:150px;}
    .box01-join{ position:static; padding:50px 3% 40px 3%; margin:0 20px; border-radius:10px;}
    .bodyindex{ background:none;}
    .part-join{ text-align:center;}
    .part-join .txt{ width:100%; margin-bottom:30px; text-align:left;}
    .box01-join .title{ font-weight:normal; font-size:32px; line-height:40px; margin-bottom:15px;}
    .box01-join .en{ display:none;}
    .part-join .borderbtnblue{ margin:0 auto;}
    .box01-pfd{ float:right; margin-right:0; height:auto;}
    .left-pfd{ }
    .logopfd{ padding-top:20px; margin-bottom:22px; margin-left:10px;}
    .logopfd img{ width:200px;}
    .grp01-pfd{ float:right; }
    .grp01-pfd .app{ margin-right:0;}
    .box02-pfd{ display:none;}
    .morenews{ margin:0 20px;}
    .grp02-pfd{ width:auto;}
    .part02-pfd{ display:none;}
    .phonenavft{ float:left;}
    .phonenavft li{ margin-bottom:35px; font-size:14px;}
    .box01-pfd{ position:relative;}
    .pfd{ height:auto; padding-bottom:50px;}
    .grp02-pfd{  padding-top:10px; height:60px; }
    .grp02-pfd .title{ float:left; margin:0; font-size:12px;}
    .grp02-pfd .share{ float:left;}

    .grp01-pfd .app{ float:left;}
    .grp01-pfd{ width:100%;}
    .worktime{ margin-bottom:20px;}
    .worktime .t1{ margin-bottom:10px;}
    .worktime .tel{ font-size:22px; line-height:22px; margin-bottom:10px;}
    .worktime .t2{ font-size:12px;}
    .area01-pro{ height:auto;}
    .phonenavft{ display:block; font-weight:bold;}
    .breakbox{ height:50px;}
    .search{ background:url(/template/en/images/search_m.png) no-repeat 6px 6px; width:32px; height:32px; top:8px; background-size:21px 21px;}
    .box .txt{ height:auto;}
    .box .txt .title{ font-weight:normal; line-height:24px; margin-bottom:10px; font-size:16px; font-weight:bold; height:auto;}
    .box .txt .desc{ display:none;}
    .box .txt .type{ padding-bottom:2px;  font-size:14px; font-weight:bold;}
    .box .txt .from{ font-size:12px;}
    .newsearch{ top:50px;}
    .newsearch{ padding-top:10px; height:46px;}
    .newsearchin{ width:80%; height:38px;}
    .newsearchin .text{ width:200px;height:38px; line-height:38px; font-size:14px; letter-spacing:0; margin-left:20px;}
    .newsearchin .searchbtn{ height:38px; line-height:38px; width:72px; font-size:14px; letter-spacing:0;}
    .area01-join{ background:url(/template/en/images/about_bg_m.jpg) no-repeat center top; background-size:100% auto;}
    .lg{ display:none;}
    .lg_m{ display:block;}
    .lg_m a:first-child{ padding-right:10px;}
    .lg_m a:last-child{ margin-left:10px;}
    .navdown dt{ font-size:16px;}
    .backnav{ font-size:14px;}
    .itemtitle{ padding-top:20px;height:auto; padding-bottom:15px; margin:0 20px;}
    .itemtitle:before{ }
    .itemtitle .big{ font-size:26px; line-height:30px; letter-spacing:0; margin-bottom:10px;}
    .itemtitle .en{ font-size:18px; line-height:20px;}
    .phoneimgnews{ padding-top:30px;}
    .newsslide{ height:auto;}
    .newsbox .nextlink{ position:static; margin-top:30px;}
    .newsbox_new{ padding-bottom:40px;}
    .box01-comp{ margin:0;}
    .box02-compy{ margin:0 20px;padding-top:30px; padding-bottom:20px;}
    .titleline{ font-size:20px; margin-bottom:20px;}
    .titleline span{ padding:0 10px 0 45px;background-size:25px 25px; background-position:10px center; margin-left:-5px;}
    .titleline span:before{ top:15px; width:35px; }
    .titleline span:after{ top:15px; width:35px;}
    .box02-compy p{ font-size:16px; line-height:28px; margin-bottom:20px;}
    .part-year{ padding-top:20px;  height:185px;}
    .part-year .cir{ width:120px; height:120px; font-size:12px; margin:0 -5px;}
    .part-year .cir .year{ font-size:14px; padding-top:10px; height:30px;}
    .part-year .cir .txt{ font-size:11px; margin:0 10px; letter-spacing:-1px; text-align:center; line-height:14px;}
    .part-year .cir:first-child .year{ height:40px;}
    .part-year .cir:last-child .year{ height:30px;}
    .part-year .cir:first-child .txt,.part-year .cir:last-child .txt{ font-size:11px;}
    .ustab{ height:40px; text-align:center; display:block;}
    .ustab .borderbtn{ padding:0 15px; font-size:14px; margin:0 5px; cursor:pointer;}
    .ustab .borderbtn.active{ background:#fdbb31; color:#fff; border:1px solid #fdbb31;}
    .box02-compy-tab .titleline{ display:none;}
    .navdown dt:before{ display:none;}
    .box01-ec{ padding-top:45px; font-size:16px;}
    .part-ec{ margin:0 20px;}
    .part-ec .grp01{ width:60%; margin:0 auto;}
    .part-ec .grp02{ margin:0 auto; width:100%;}
    .arr01-ec img{ margin:0 auto;  }
    .arr01-ec.tc{ text-align:center;}
    .arr01-ec .tem1{ width:180px;}
    .arr01-ec .tem2{ width:140px; text-align:center;}
    .arr01-ec .tem2 img{ width:90px;}
    .arr01-ec .tem2 p{ font-size:12px; color:#1a75cf;}
    .arr01-ec-jd{ padding-top:10px; margin-bottom:30px;}
    .box01-ec{ padding-top:10px;}
    .arr01-ec .jddj{ width:240px;}
    .arr01-ec-jddj{ display:block; margin-bottom:50px;}
    .part-ec .grp01-qqg{}
    .box02-ec-two-sm .arr01-ec{ padding-top:30px;}
    .box02-ec-two-sm .tem01{ width:100%;}
    .box02-ec-two-sm .tem02{ text-align:center; width:100%; margin-bottom:20px;}
    .box02-ec-two-sm .tem02 img{ display:block; margin:15px auto;}
    .btnbox-qqg .borderbtnblue{ margin:0 20px; padding:0 15px; font-size:14px;}
    .itemtitle:before{ width:36px; margin-left:-18px;}
    .photo_pc{ display:none;}
    .photo_m{ display:block;}
    .box01-comp p{ margin:0 auto 20px auto; font-size:16px; line-height:28px; text-align:left;}
    .box01-comp{ padding-top:20px; margin:0 20px;}
    .servul li{ width:50%; height:250px;}
    .servul li .imgwrap img{ width:100px;}
    .servul li .imgwrap{ height:115px;}
    .servul li .title{ font-size:18px; line-height:22px;}
    .servul li .title2{ font-size:14px; margin-bottom:5px;}
    .servul li .title2 span{ margin:0 6px;}
    .servul li .title4{ margin:0 20px 5px 20px;}
    .servul li .title{ margin-bottom:5px;}
    .servul li .title3{ margin-bottom:5px;}
    .servul li:nth-child(3){ height:300px;}
    .servul li:nth-child(4){ height:300px;}
    .jyul{ width:100%;}
    .jyul dt{ width:50%;}
    .jyul dt .img{ float:left;}
    .jyul dt .grp{ width:60px; font-size:11px;}
    .jyul dt .grp b{ font-weight:normal;}
    .subtitle_us,.blueul{ margin-bottom:10px;}
    .brandlist{ width:100%;}
    .brandlist li{ width:100%; margin:0 0 30px 0;}
    .wrap{ background:url(/template/en/images/bodybg_m.png) no-repeat center 0; background-size:100% auto;}
    .area01-pro .container-fluid{ margin-top:0;}
    .box .txt .type{ margin-bottom:10px;}
    .borderbtn{ display:inline-block; margin:0 10px; font-size:14px; font-weight:normal; line-height:28px; padding:5px 25px; height:auto;}
    .blockul{ width:90%; margin:0 auto;}
    .graybg{ background:#f7f7f7;}
    .box02-about{ margin:0; background:none; padding-top:0;}
    .box02-about ul{ margin:0 20px;}
    .box02-about li{ background:#fff; height:auto; margin-bottom:15px; border:1px solid #d0d0d0;}
    .box02-about li .grp{ width:100%; margin:0; text-align:center; padding-bottom:30px; float:none;}
    .box02-about li .grp .title{ text-align:center; font-size:24px; margin-bottom:15px; padding-top:20px;}
    .box02-about li .grp .word{ display:none; height:auto; width:90%; text-align:justify;  margin:0 auto 20px auto;}
    .box02-about li .img{ width:100%;}
    .ceo{ width:88%; margin:0 auto;}
    .box01-about-sup{ padding-top:60px; width:88%; margin:0 auto;}
    .box01-about-sup li{  background:#6cabe7; height:131px;}
    .box01-about-sup li .img{ width:180px; height:131px; float:left; margin-right:10px;}
    .box01-about-sup li .img img{ width:100%; height:100%;}
    .box01-about-sup li .word{ display:none; text-align:left;}
    .box01-about-sup li .grp{ width:auto; margin-left:160px; color:#fff; margin-right:10px;}
    .box01-about-sup li .grp .title{ width:150px; height:55px; margin:0 auto 10px auto; line-height:16px;  font-size:12px; }
    .box01-about-sup li .grp .borderbtn{ border:1px solid #fff; color:#fff; font-weight:normal;}
    .videobox{ width:88%; margin:0 auto 30px auto; border:5px solid #000;}
    .box01-joinus{ margin:0 20px;}
    .box01-joinus li{ background:#fff; height:auto; border:1px solid #d1d2d2; margin-bottom:20px;}
    .box01-joinus li .grp{ width:100%; margin:0; text-align:center; padding-bottom:20px; float:none;}
    .box01-joinus li .grp .title{ text-align:center; font-size:18px; margin-bottom:5px; padding-top:20px;}
    .box01-joinus li .grp .desc{ height:auto; width:90%; font-size:14px; line-height:24px; text-align:justify;  margin:0 auto 10px auto;}
    .titleline_m span:before{ display:none;}
    .titleline_m span:after{ display:none;}
    .titleline_m{ margin-bottom:20px; font-size:22px;}
    .weltxt{ width:88%; margin:0 auto 30px auto;}
    .btnbox .borderbtnblue{ margin:0 20px;}
    .subtitle_us span{ background-size:25px 25px; background-position:0 0px; line-height:30px;}
    .subtitle_us{ margin-bottom:0;}
    .btnbox_xy{ margin-bottom:40px;}
    .photo_m_mb{ margin-bottom:50px;}
    .photo_m img{ width:80%;}
    .photo_m_1{ margin-bottom:40px;}
    .joinlink .shzpbtn{ margin-bottom:0;}
    .part-joinsh .titleline{ margin-bottom:30px;}
    .ban-contact{ display:none;}
    .ban-contact-m{ display:block;}
    .area01-contact{ padding-top:40px; width:88%; margin:0 auto;}
    .area01-contact .logobox{ margin-bottom:30px;}
    .logobox img{ width:80%;}
    .title_cont{ font-size:16px; line-height:20px; margin-bottom:20px;}
    .box01-contact ul li{ font-size:16px; margin-bottom:10px;}
    .grp01-contact .title{ font-size:16px;}
    .part01-contact{  margin-bottom:20px;}
    .part02-contact{ border-top:none;font-size:16px; padding-top:0px;}
    .box01-contact ul{ margin-bottom:20px;}
    .grp01-contact .btnbox{ text-align:center; padding-top:20px;}
    .grp01-contact .btnbox .borderbtnblue{ margin:0 auto;}
    .grp01-contact{ width:100%;border-top:1px solid #1a75cf; font-size:16px; padding-top:20px; margin-bottom:20px;}
    .area01-pro-news .w1200{ padding-top:0;}
    .btnboxcorp .borderbtn{ font-size:14px;margin:0 10px; padding:0; width:80%; margin-bottom:15px; height:32px; line-height:32px;}
    .btnboxcorp{ padding:0 0 20px 0;}
    .area02-us{ background:#fff; padding-bottom:10px; height:auto;}
    .area01-us{ height:auto; position:relative;}
    .box01-us{ padding:0; margin:0;}
    .box01-us .desc{ margin:0 20px; font-size:12px; line-height:18px; margin-bottom:20px; text-align:left;}
    .btnimg{ margin-bottom:30px; padding-top:10px;}
    .btnimg img{ width:180px;}
    .btnimg2 img{ width:300px;}
    .area02-us .w1200{ padding-top:20px;}
    .ustitle{ width:auto; height:auto; margin-bottom:20px; }
    .ustitle .big{ font-size:24px; line-height:24px; width:100%; text-align:center; height:30px;font-family:BogleBold,BogleRegular }
    .ustitle .en{ font-size:16px;width:100%; text-align:center;}
    .area01-us{ padding-top:30px;}
    .box01-us .borderbtnwhite{ height:30px; line-height:30px; font-size:16px; padding:0 20px;}
    .tc{ width:auto;}
    .box02-us{ margin:0 30px;}
    .part-us{ display:flex;}
    .part-us .img{ width:150px; float:left; height:96px;}
    .part-us{ height:auto; margin-bottom:10px;}
    .part-us .txt{ margin-right:10px; width:auto; padding-top:20px; margin-left:15px;}
    .part-us .word{ display:none;}
    .part-us .txt .title{ font-size:20px; line-height:22px; margin-bottom:8px; padding-left:25px;}
    .part-us .txt .subtitle{ font-size:14px; line-height:18px;}
    .part-us .txt .title{ background-size:20px 20px; background-position:0 0;}
    .part-us .txt .subtitle{ margin-left:25px;}
    #swipe_pic_m{ height:300px;}
    #swipe_m{ margin-top:300px;}
    .pagectrl{ width:90%; margin:0 5%;}
    .pagectrlin{ width:100%; margin-left:0;}
    .links{ margin:0 20px;}
    .links a{ width:48%; float:left; margin-bottom:10px; margin-right:2%;}
    .links a:nth-child(2n){ width:48%;  margin-right:0%; margin-left:2%;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ bottom:10px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ bottom:10px;}
    .jyul dt img{ margin-right:5px;}
    .photo_xy_a{ display:none;}
    .photo_xy_b{  display:none;}
    .btnbox .borderbtnblue{ }
    .box02-compy-tab.none{ display:none;}
    .part-year .cir_blue .txt{ margin:0 15px;}
    .arr01-ec-jd img{ width:60%;}
    .btnbox-qqg .borderbtnblue{margin-bottom:20px;}
    .box01-ec:first-child{ padding-top:50px;}
    .title-block{ margin-left:25px;}
    .corptab dl{ margin-left:48px;}
    .newscon{ padding-top:20px; width:auto; margin:0 20px;}
    .newscon .bigtitle{ font-size:22px; line-height:32px;}
    .newscon .from{ font-size:16px;}
    .newscon .photo{ font-size:14px; line-height:24px;}
    .backnews .bluebtn{ font-size:18px; height:48px; line-height:48px; width:240px;}
    .worktab{ height:60px; padding-top:0;}
    .worktab li{ margin:0 5px;}
    .workcon{ margin:0 20px;}
    .workcon p{ margin-bottom:10px; font-size:16px; line-height:28px;}
    .grp01-work dl dt{ font-size:14px;}
    .grp01-work{ width:100%; float:none; margin-bottom:20px; height:auto;}
    .workcon .subtitle_us{ width:100%; margin-bottom:10px; font-size:18px;}
    .subtitle_us span{ background-size:22px 22px;background-position: 0 4px; padding-left:30px;}
    .workcon .photo{ margin-bottom:10px;}
    .newsbox .nextlink{ font-size:14px;}
    .subtitle_us span{ margin-bottom:0;}
    .grp01-work dl{ padding-top:0;}
    .box01-sam{ margin:0 20px;}
    .box01-sam ul{ display:flex;}
    .box01-sam li{ flex:1; margin:0; font-size:12px; letter-spacing:-1px;}
    .photo_m_sq img{ width:100%;}
    .box01-ism{ margin:0 20px;}
    .pdf a{ font-size:14px;}
    .thirdli .jyul{ margin-left:15px; width:auto;}
    .thirdli .jyul dt{ width:100%; height:auto; margin-bottom:5px;}
    .thirdli .jyul dt .grp{ width:130px;}
    .servul li:nth-child(4){ height:330px;}
    .box01-about-sup li .grp .title{ text-align:left; }
    .box01-about-sup li .img{ width:150px;}
    .box01-about-sup li .grp{ position:relative; text-align:left;}
    .box01-about-sup li .grp .borderbtn{ margin:0 auto; bottom:15px; height:24px; line-height:24px; margin:0; width:100px; padding:0 10px; text-align:center; font-size:14px;}
    .titleline span{ display:inline-block;}
    .box02-about li .grp{ padding-bottom:0;}
    .box02-about li .borderbtn{ margin-bottom:30px;}
    .grp01-contact p{ font-size:16px;}
    .box01-about-sup li .grp{ height:100%; text-align:center;}
    .box01-about-sup li .grp .title{ padding-top:20px; text-align:center;}
    .area01-pro-news{ padding-top:20px;}
    .box .img img{ height:auto;}
    .ustitle span img{ width:180px;}
    .ustitle:before{ top:22px;}
    .ustitle2:before{ top:12px;}
    .area02-us{ padding-top:30px;}
    .brandimg{ margin:0 20px;}
    .area02-us .box01-us{ height:auto; padding-bottom:50px;}
    .ftnav{ display:none;}
    .right-pfd{ }
    .grp01-pfd{ width:340px; float:left;}
    .grp01-pfd .app{ width:110px; float:left; line-height:18px; font-size:12px;}
    .grp01-pfd .app:last-child{ margin-right:0;}
    .grp02-pfd .share{ padding-top:0;}
    .grp02-pfd .share .wechat{ width:32px; height:32px; margin-right:10px;}
    .grp02-pfd .share .weibo{ width:32px; height:32px; margin-right:10px;}
    .grp02-pfd .share .douyin{ width:32px; height:32px; margin-right:10px;}

    .grp02-pfd .share .wechat01{ width:65px; height:65px; margin-right:10px;}
    .grp02-pfd .share .douyin01{ width:65px; height:65px; margin-right:10px;}


    .grp01-pfd .title{ font-size:14px; text-align:left; height:28px;}
    .grp02-pfd .title{height:28px;}
    .grp02-pfd{ padding-top:0; }
    .others{ padding-top:28px; line-height:26px; padding-left:35px; background-position:0 25px; }
    .others .div1{ float:left; width:60px;}
    .others .div2{ float:left;}
    .lg_m{ font-size:14px; line-height:50px;}
    .grp01-pfd .app img{ margin-bottom:8px;}
    .popgzh{ width:90%;}
    .gzh img{ width:100%;}
    .popgzh{ height:auto;}
    .popgzh .close{ left:50%; margin-left:-10px; width:26px; top:auto; bottom:20px;}
    .box01-sam{ padding-top:30px;}
    .box01-sam .title{ font-size:20px; margin-bottom:25px;}
    .box01-ec p{ margin-bottom:10px; line-height:28px; font-size:16px; text-align:left;}
    .part-ec .grp01{ padding-bottom:30px;}
    .btnbox-qqg .borderbtnblue{ height:30px; line-height:30px;}
    .btnbox-qqg{ margin-bottom:10px;}
    .box02-ec-sm2 .arr01-ec{ width:100%;}
    .box02-ec-sm2 .arr01-ec img{ width:80%; margin-bottom:20px;}
    .box02-ec-two .grp02 p{ margin-bottom:20px;}
    .box02-ec-two-sm .arr01-ec img{ width:60%;}
    .box02-ec-two-sm4{ padding-bottom:60px;}
    .pdf{ background-size:20px auto; background-position:0 12px; margin-bottom:10px; padding-left:30px; font-weight:bold;}
    .pdf a{ padding-bottom:2px; font-weight:bold;}
    .box01-busiin .title{ font-size:18px; padding-top:20px; height:auto; margin-bottom:20px;}
    .part01-busi .text{ height:30px; line-height:30px; font-size:14px; padding-left:2%; width:98%; margin-bottom:10px;}
    .itemtitle .en{ font-weight:normal; font-size:15px;}
    .part01-busi{ margin:0 20px;}
    .part02-busi{ margin:0 20px;}
    .busibox{ width:100%;}
    .part02-busi .textarea{ padding-left:2%; width:98%;font-size:14px;}
    .box01-busiin{ height:auto; padding-bottom:20px;}
    .busibox .pt50{ padding-top:10px;}
    .yelbtn{ height:30px; line-height:30px; width:40%; font-size:14px;}
    .backnews .borderbtn{ font-size:16px; width:160px; height:34px; line-height:34px;}
    .newscon p,.box01-ism p{ font-size:16px; line-height:28px; text-align:left;}
    .grp01-card{ width:50%; font-size:13px; line-height:20px; padding-top:3px;}
    .kabao{ margin-bottom:15px;}
    .borderbtnblue{ font-size:16px; padding:0 20px; height:28px; line-height:28px;}
    .pdfdiv2 .pdf{ background-position:0 12px;}
    .box01-comp{ font-size:16px;}
    .prizebox .year{ margin-bottom:10px;}
    .pdfdiv .pdf{ margin-bottom:10px;}
    .title-block{ font-size:16px;}
    .title-block:before{ top:6px;}
    .corptab .subtitle_us{ margin-bottom:10px;}
    .blueul{ margin-left:10px;}
    .subtitle_us{ font-size:16px; }
    .subtitle_us span{line-height:28px;}
    .pdfliksv{ display:block; text-align:left;}
    .pdfliksv .pdf:nth-child(2){ margin-left:0;}
    .box01-apply .borderbtn2{ height:auto; letter-spacing:-1px; padding-top:5px;}
    .box02-about-supp li .grp .word{ display:block; font-size:14px; line-height:24px;}
    .box01-ism{ padding-top:30px;}
    .box01-ism .photo{ margin-bottom:20px;}
    .joinlink .borderbtnblue{ font-size:12px; height:28px; margin:0 5px; padding:0 10px; letter-spacing:0; line-height:28px;}
    .xybtns a{ margin:0 10px;}
    .xybtns a img{ height:100%;}
    .xybtns .borderbtn{ height:28px; line-height:28px;}
    .tab01-pdf{ width:100%;}
    .pdf2{ background-position:0 5px;}
    .box01-walmart{ padding-top:0px; margin:0 20px;}
    .box02-ec-sm2 .arr01-ec{ padding-top:25px;}
    .box01-ec .titleline{ margin:0 20px 20px 20px; }
    .titleline:before{height:1px;}
    .btnboxcorpfood .borderbtn{ width:auto; padding:0 12px; margin:0 5px 20px 5px; height:24px; line-height:24px;}
    .part-ec .grp01-qqg-2{ width:100%;}
    .grp01-qqg-2 .img{ width:100%;}
    .box01-ec .subtitle_us{ margin-left:20px;}
    .box02-about{ margin:0 20px;}
    .chinatxt{ display:inline-block; text-align:left;}
    .mailp{ display:flex;}
    .mailp .mt{ width:150px;}
    .box01-joinus .borderbtn{ padding:0 15px;}
    .box01-comp .textleft{ text-align:left;}
    .btnboxcorp{ text-align:center;}
    .btnboxcorp .borderbtn:first-child{ margin-left:0;}
    .lslxz .mt{ width:100px;}
    .lslxz a{ display:block;}
    .btnboxcorp-wjx .borderbtn:nth-child(3){ margin-left:0;}
    .area01-pro-news-new-search{ padding-top:80px;}
    .area01-pro .box br{ display:none;}
    .box .txt .type{ /* text-transform:uppercase; */}
    .titleline span{ background-position:0 5px;  margin:0; padding-left:35px;}
    .titleline:before{ display:none;}
    .wrap{ width:100%;}
    .others a{ margin:0;}
    body,.area01-us,.area02-us{ width:100%; overflow-x:hidden; }
    .newsbox{ overflow-x:hidden;}
    .w1250,.w1200{ overflow-x:hidden;}
    .box02-about-supp li .grp .word{ text-align:left;}
    .ustitle-join span img{ width:100px;}
    .ustitle-join:before{ top:12px;}
    .box01-about-sup li{ padding-bottom:0;}
    .box01-about-sup .learnmore{ background:url(/template/en/images/btnimg/learnmore_w.png) no-repeat; width:72px; margin:0 auto; background-size:72px auto;}
    .xybtns .xybtn{ margin-bottom:0;}
    .xybtn,.xybtn2{ width:132px; background-size:132px auto;}
    .xybtn11,.xybtn22{ width:132px; background-size:132px auto;}
    .xybtns{ margin-bottom:0;}
    .btnbox-qqg{ padding-top:0; margin-bottom:0;}
    .store01{ background-size:130px auto; width:130px; height:32px;}
    .store01:hover{ background-size:130px auto; width:130px; height:32px;}
    .shzr01,.shzr02,.shzr01.active,.shzr02.active{ background-size:135px auto; width:135px; height:23px;}
    .worktab li,.worktab li.on{ background-size:110px auto; width:110px; height:23px;}
    .btnboxcorp .shzr01, .btnboxcorp .shzr02{ margin:0 10px;}
    .zypp01,.zypp02,.zypp03,.zypp04{ background-size:80px auto; width:80px; height:23px;}
    .btnboxcorp .zypp01, .btnboxcorp .zypp02,.btnboxcorp .zypp03,.btnboxcorp .zypp04{ margin:0 5px;}
    .zypp01.active,.zypp02.active,.zypp03.active,.zypp04.active{background-size:80px auto; width:80px; height:23px;}
    .indexbtn1,.indexbtn2{ background-size:142px auto; width:142px; height:30px;}
    .newsroom{background-size:144px auto; width:144px; height:30px;}
    .box01-us .btnimg{ margin-bottom:45px;}
    .box01-us-a .btnimg{ margin-bottom:30px;}
    .learnmore{background-size:92px auto; width:92px; height:23px;}
    .joinusbtn{background-size:92px auto; width:92px; height:23px;}
    .contactbtn{background-size:159px auto; width:159px; height:27px;}
    .shzpbtn,.shzpbtn2{background-size:153px auto; width:153px; height:27px;}
    .joinlink .shzpbtn,.joinlink .shzpbtn2{ margin:0 5px;}
    .xybtn3{background-size:106px auto; width:106px; height:27px;}
    .promoterbtn{background-size:162px auto; width:162px; height:37px;}
    .documentbtn{background-size:162px auto; width:162px; height:40px;}
    .retailbtn{background-size:120px auto; width:120px; height:27px;}
    .box01-us .btnimg2{ margin-bottom:30px;}
    .btnimg2 img{ margin-bottom:35px;}
    .morenews,.morenews:hover{ background-size:95px auto; width:98px; height:30px;}
    .area01-pro-news-new-search-2{ padding-top:0;}
    .part02-contact{ height:auto;}
    .left-pfd{ height:380px; padding:0 10px; box-sizing:border-box}
}
@media screen and (max-width:400px){
    .right-pfd{ width:105px;}
    .grp01-pfd .app{ width:80px;}
    .others{ width:200px;}
    .others .div1{ width:200px;}
}

@media screen and (max-width:1100px){
    .grp01-pfd{ width:340px; float:left;}
    .grp01-pfd .app{ width:70px; float:left; line-height:18px; font-size:12px;margin-left: 20px;}
    .grp01-pfd .app:last-child{ margin-right:0;}
    .grp02-pfd .share{ padding-top:0; width:100%; float:none;}
    .grp02-pfd .share .wechat{ width:32px; height:32px; margin-right:10px;}
    .grp02-pfd .share .weibo{ width:32px; height:32px; margin-right:10px;}
    .grp02-pfd .share .douyin{ width:32px; height:32px; margin-right:10px;}
    .grp02-pfd .share .wechat01{ width:65px; height:65px; margin-right:10px;}
    .grp02-pfd .share .douyin01{ width:65px; height:65px; margin-right:10px;}
    .grp02-pfd .share .new01{ width:23%; height:80px; font-size:12px; line-height:18px}
    .grp02-pfd .share .new01:first-child{ width:31%}
    .grp02-pfd .share .new01 img{ width:60px;}
}
/*弹窗*/
.popBox{position:absolute;left:0px; top:0px; z-index:10000;}
.popBox .popMask {display:block; background:rgba(0,0,0,0.7);}

/*山姆*/
.subtitle_sam{  font-size:28px; color:#002B4E; margin-bottom:15px; }
.subtitle_sam span{ display:inline-block;padding-left:40px; background:url(/template/en/images/frame.png) no-repeat left top;background-size:24px 24px; font-weight: bold;}
.box01-ism h1 {
    color: #002B4E;
    text-align: center;
    font-size: 24px;
}

.border-line {
    border-bottom: 1px solid #e9f2f9;
    position: relative;
    padding-bottom: 10px;
}

.border-line img {
    position: absolute;
    top: 17px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
}

.sam-container {
    margin-top: 55px;
    display: flex;
    justify-content: space-between;
}

.sam-item {
    width: 18%;
    text-align: center;
}

.sam-item img {
    width: 72px;
    height: 72px;
}

.sam-item h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.5; /* 调解行高 */
    min-height: 55px; /* 设置最小高度 */
}

.sam-item p {
    font-size: 14px;
}

.text-box {
    width: 18%;
    padding: 5px 5px 0;
    background: url(/template/en/images/rectangle.png) no-repeat center top;
    background-size: 100% 100%;
    box-sizing: border-box;
    background-clip: padding-box;
}

.num1 {
    background-repeat: no-repeat;
    background-image: url(/template/en/images/num1.png);
    background-position: 10px 0;
}

.num2 {
    background-repeat: no-repeat;
    background-image: url(/template/en/images/num2.png);
    background-position: 10px 0;
}

.num3 {
    background-repeat: no-repeat;
    background-image: url(/template/en/images/num3.png);
    background-position: 10px 0;
}

.num4 {
    background-repeat: no-repeat;
    background-image: url(/template/en/images/num4.png);
    background-position: 10px 0;
}

.num5 {
    background-repeat: no-repeat;
    background-image: url(/template/en/images/num5.png);
    background-position: 10px 0;
}

.text-box h2 {
    padding-top: 15px;
    text-align: center;
    margin-top: 0;
    font-size: 18px;
    color: #0165B8;
    line-height: 1.5; /* 调解行高 */
    min-height: 55px; /* 设置最小高度 */
}

.text-box p {
    margin-top: 5px;
    font-size: 14px;
    color: #666;
    padding: 0 10px;
    line-height: 24px;
}

.sam-p{
    margin-bottom: 0 !important;
}
@media (max-width: 767px) {
    .sam-container {
        display: block;
    }
    .text-box {
        width: 100% !important;
        padding: 2px;
        margin-bottom: 15px;
    }
    .sam-item {
        width: 100% !important;
    }
    .sam-item h2 {
        line-height: 1.5; /* 调解行高 */
        min-height: 30px; /* 设置最小高度 */
    }
    .text-box h2 {
        line-height: 1.5; /* 调解行高 */
        min-height: 30px; /* 设置最小高度 */
    }
}
<!--耗时1761428469.9599秒-->