@charset "UTF-8";html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}





html,body {
   margin:0;
  font-family: "Source Han Sans CN Light",sans-serif;
  font-weight:normal;
  color: #000;
}



/*html{font-family: Roboto, "Source Han Sans SC VF", sans-serif;}*/
/*body{margin:0;font-family: Roboto, "Source Han Sans SC VF", sans-serif;}*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{text-decoration:none;background:0 0;color:#000}
a:active,a:hover{text-decoration:none}
h3.newslink{color:#000;margin-left:-12px}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
dd,dl,dt,h1,h2,h3,h6,li,ol,p,ul{margin:0;padding:0}
h1{font-size:2em}
h2{font-size:1.5em}
h3{font-size:1.17em}
h4{margin:0;padding:0}
ol,ul{list-style:none}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0;vertical-align:top;line-height:1}
svg:not(:root){overflow:hidden}
figure{margin:0;padding:0}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-size:1em}
button,input,optgroup,select,textarea{margin:0}
input{border:none}
button{overflow:visible;margin:0;padding:0;border:none;background:0 0}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
article,dd,dl,dt,figure,h1,h2,h3,h4,li,ol,p,section,ul{margin:0;padding:0}
h1,h2,h3,h4{font-size:18px;line-height:1.4}
ol,ul{list-style:none}
img{line-height:1;vertical-align:top}
body,html{width:100%;/*min-width:1200px*/;min-height:100%;height:100%}
body{font-size:14px;line-height:1.8;overflow:hidden}
p{margin:1em 0}
.Mid_artic{margin:auto auto;width:640px}
.clear:after{content:"";display:block;clear:both}
.catch{font-size:20px;margin-top:4px}
.icon-outlink{background:url(../img/icon-outlink.png) no-repeat left center;padding-left:20px;color:#858585}
.icon-outlink:hover{color:#000}
.icon-mail{padding-left:20px;background:url(../img/icon-mail.png) no-repeat left center;color:#1d3994}
.icon-mail:hover{text-decoration:underline}
.canvas{position:fixed;top:0;left:0;z-index:0}
.wrap{position:relative;z-index:1;width:100%;min-height:100%;height:100%;padding:40px 0 0 0;box-sizing:border-box;}
.Container{position:relative;min-height:100%;height:100%;overflow-y: auto;}
.Container__inner{position:relative;width:100%;margin:0 auto;min-height:100%;height:100%;overflow-x: hidden;}
/* .Header{position:fixed;top:0;left:0;z-index:100;width:100%;color: white;min-width: 1200px;background: black; z-index:999;} */
.Header{position:fixed;top:0;left:0;z-index:100;width:100%;color: white;/*min-width: 1200px;*/background: black;}

.Footer{position:fixed;bottom:0;left:0;z-index:100;width:100%;padding:10px 0 24px 0;text-align: center;/*min-width: 1200px;*/}

.Footer p,.Footer span{margin: 0;font-size: 12px;line-height:18px; transform: scale(0.8);display: block; }
.Footer p:first-child{letter-spacing: .3em;transform: scale(1);font-size: 12px;line-height: 22px;color: #000;/* font-weight: bold; */}
.Footer span{color:#666;font-size: 10px;}
.Logo{float:left;padding-left: 60px;position:relative;}
.Logo a{color:#fff}

.INTtt{ float: right;
    background: blue;
    display: block;
    height: 20px;
    line-height: 24px;
    font-size: 14px;
    padding: 0 20px;
    margin: 7px 20px;
    border-radius: 15px;
    font-weight: normal;}

.INTtt a{color:white}




/* .Nav{padding-right: 60px;float:right;}
.Nav li{display:inline-block;vertical-align:top;margin: 0 40px 0 0;position: relative;}
.Nav a{display:block;color: white;font-size: 12px;text-align:center;padding-top: 7px;}
.Nav a:hover .Nav__line{width:100%}
.Nav span{display:block;text-align:left;position: relative;color: #eee;z-index: 99;font-size: 12px;font-weight: normal;}
.Nav li a{background-color: black;position: relative; z-index:99;}
.Nav li:first-child{margin-right: 20px;}
.Nav li:first-child img{position: relative;top:4px;}
.Nav li:nth-child(n+2) span:after{content:'';width: 0;border-top: 3px solid transparent;border-bottom: 3px solid transparent;border-right: 5px solid #eee;position:absolute;right: -14px;top: 8px;}
.Nav li:nth-child(n+2):hover span:after{transform: rotate(90deg);}
.Nav li:last-child a:first-child span::before{content:url(../images2024/china_icon.jpg); margin-right:12px;position: relative;top:2px;}
.Nav li:last-child .down a:first-child span::before{content:url(../images2024/en_icon.jpg); margin-right:12px;position: relative;top:2px;}
.Nav li div.down{position: absolute; background-color: black;width: 100px;left: -10px;padding: 0 10px 10px 10px;box-sizing: border-box;transition: all .5s;z-index: 99;transform: translateY(-200px);overflow: hidden; z-index: -1;}
.Nav li:hover  div.down{ transform: translateY(0)} 
.Nav li div.down span:after{display: none;} */

.Nav{padding-right: 60px;float:right;}
.Nav li{display:inline-block;vertical-align:top;margin: 0 40px 0 0;position: relative;}
.Nav a{display:block;color: white;font-size: 12px;text-align:center;margin-top: 7px;}
.Nav a:hover .Nav__line{width:100%}
.Nav span{display:block;text-align:left;position: relative;color: #eee;}
.Nav li:first-child{margin-right: 20px;}
.Nav li:first-child img{position: relative;top:4px;}
.Nav li:nth-child(n+2) span:after{content:'';width: 0;border-top: 3px solid transparent;border-bottom: 3px solid transparent;border-right: 5px solid #eee;position:absolute;right: -14px;top: 8px;}
.Nav li:last-child{height: 30px;overflow: visible;position:relative;}
.Nav li:last-child a:first-child span::before{content:url(../images2024/china_icon.jpg); margin-right:12px;position: relative;top:2px;}
.Nav li:last-child a:nth-child(2) span::before{content:url(../images2024/en_icon.jpg); margin-right:12px;position: relative;top:2px;}
.Nav li:last-child a:nth-child(2){opacity: 0;background-color: #000; width:110px;position: absolute;padding: 0 25px 10px 10px;box-sizing: border-box;left: -10px;transition: all .5s;z-index: 999;}
.Nav li:last-child:hover a:nth-child(2){ opacity: 1;} 
.Nav li:nth-child(n+2) a:nth-child(2) span:after{display: none;}



.Nav__line{vertical-align:top;height:1px;width:0;margin:0 auto;overflow:hidden;background:#999;-webkit-transition:width .2s linear;transition:width .2s linear}
.FirstBlock{display:table;width:100%;min-height:100%;height:100%;text-align:center}
.FirstBlock__inner{text-align:center;width:1000px;display:table-cell;vertical-align:middle}
.FirstBlock__logo{width:700px;height: 170px;overflow:hidden;margin:0 auto;margin-bottom:60px}
.FirstBlock__logo span{position:relative;left:-700px;display:block;width:700px;height: 170px;}
.FirstBlock__item{display:inline-block;vertical-align:top;overflow:hidden;width:360px}
.FirstBlock__item-inner{position:relative;left:-310px;width:350px;padding:0 30px;box-sizing:border-box}
.FirstBlock__item-inner h3{margin-bottom:20px;font-size: 17px;font-weight: 500;line-height: 40px;letter-spacing: 0.2em;}
.FirstBlock__item-inner p{font-size: 13px;text-align:center;margin-bottom:30px;line-height: 24px;color: #333;}
.FirstBlock__item-inner a{display:block;box-sizing:border-box;border: 1px solid #333;text-align:center;width: 90px;height: 30px;line-height: 28px;font-size: 13px;border-radius: 15px;margin: 0 auto;color: #333;}
.FirstBlock__item-inner a:hover{background:#000;color:#fff}
.Box{margin:0 auto;display:none;min-height:100%;height:100%;/*min-width: 1183px;*/max-width: 1600px;width: 100%;}
.Box__pagename_brand{margin:0 0 5px 0}
.Box__cell{display:table-cell;vertical-align:middle}
.Box__cell.is-left{text-align: left;}
.Box__cell.is-right{text-align:right}
.Box__cell.is-center{text-align:center}
.Box__inner{display:inline-block;text-align:left;padding:50px 0}
.Box__headline{margin-bottom:40px}
.Box__lead{margin-bottom:60px}
.Box__title{font-weight:400;font-size:30px;letter-spacing:.2em;margin-bottom:18px;line-height:1.2}
.Box__subtitle{font-size:20px;letter-spacing:.2em;margin-bottom:18px;line-height:1.2}
.Box__section{position:relative;margin-bottom:60px;font-size: 14px;color: #333;text-align: center;line-height: 26px;}


.Mission .Box__inner{width: 1600px;box-sizing:border-box;padding-right:30%}
.Mission .Box__section{text-align:center;}
.Mission .Box__section strong{background-color: #000;font-size: 15px;color: white;font-weight: normal;line-height: 30px;display: inline-block;padding: 0 10px;width: 200px;margin-bottom: 10px;margin-top: 80px;position: relative;}
.Mission .Box__section strong::before{content: '';background:url(../images2024/leaf.png);background-size: 30px 21px;background-repeat: no-repeat;position: absolute;left: 50%;margin-left: -15px;top: -33px; width:30px;height: 21px;display: block;}



.Mission2 .Box__inner{width:680px}
.Mission__ceo{margin:30px 0 0 0}
.Mission__sign{margin-left:58px}
.Solution .Box__inner{width:700px;text-align:center}
/* .Solution .Box__inner::after{content: url(../images2024/leafage_2.png);position: absolute;top:750px;left:0;} */
.Solution .Box__section{display:table;word-spacing:-1em;width:700px}
.Solution dl{word-spacing:normal;margin:22px 0;width:550px;display:inline-block;vertical-align:top}
.Solution dt{font-weight:600;font-size:18px;margin-bottom:7px;text-align:center}
.Solution dt img{margin-bottom:10px}
.Solution dd{text-align:center}
.oversea .Box__inner{width:700px;text-align:center}
.oversea .Box__section{display:table;word-spacing:-1em;width:700px}
.oversea .Box__section dl:nth-child(2n){margin-left:40px}
.oversea dl{word-spacing:normal;margin:22px 0;width:330px;display:inline-block;vertical-align:top}
.oversea dt{font-weight:700;font-size:18px;margin-bottom:7px;letter-spacing:.1em;text-align:center}
.oversea dt img{margin-bottom:10px}
.oversea dd{text-align:center}
.Company .Box__inner{width: 910px;}
.Company h4{font-weight:400;letter-spacing:.08em}
.Company__link{margin-top:0;padding-left:16px;background:url(../img/icon-outlink.png) no-repeat center left}
.Company__link a{color:#747474}
.Company__link a:hover{color:silver}
.Company__group-title{margin-bottom:38px}
.Company__lead{margin-bottom:38px}
.Company__officers{overflow:hidden;float:left;padding-top:54px}
.Company__officers dt{float:left;clear:both}
.Company__officers dd{padding-left:180px;margin:0 0 2px}
.Company__figure{float:left;margin-left:80px}
.Company__item{overflow:hidden;margin-bottom:30px}
.Company__left{float:left;width:360px}
.Company__detail{margin-bottom:40px}
.Company__detail dt{float:left}
.Company__detail dd{padding-left:100px}
.Company__logo{margin:0}
.Company__name{font-size:12px}
.Company__officers h3{margin-bottom:15px}
.Company__works{padding:30px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;margin-bottom:30px}
.Company__works h3{margin-bottom:15px}
.Company__works dl{float:left;width:360px}
.Company__works dt{font-weight:700}
.Company__map{width:700px;height:300px}
/* .Recruit .Box__inner{width:100%;text-align:center;background:url(../images2024/LEAF1.png) no-repeat 0 240px} */
.Recruit h3{margin:2em 0 1.3em 0}


.Recruit .Box__pagename img{position:absolute;left:0}

.Recruit .Box__headline{margin-bottom:60px}
.Recruit__mails dd,.Recruit__mails dt{width:50%;float:left;box-sizing:border-box}
.Recruit__mails dt{text-align:right;padding-right:15px}
.Recruit__mails dd{text-align:left;padding-left:15px}
.Action .Box__inner{text-align:center;}
.Action .Box__section{margin-bottom:60px}
.Action .Box__section ul{margin-top:42px;overflow:hidden}
.Action .Box__section li{float:left;margin:0 0}
.Action .Action__seven{margin-bottom:72px}
.Action__lead{margin-bottom:60px}
a.more{border:1px solid #ccc;padding:5px;border-radius:5px;font-weight:700;margin-bottom:30px;display:inline-block}


/* 改动 */

.Mission{overflow-x: hidden;color:#fff;width:100%;position:relative}
.Mission .Box__pagename{margin:0 0 30px 0;}
.Mission .Box__headline{background: url(../images2024/BODUO-MISSION.png);color: #333;width: 255px;height:101px;margin: 0 auto;font-size: 19px;font-weight: normal;text-align: center;line-height: 100px;font-style: italic;letter-spacing: .2em;}
.Mission .Box__inner{position:relative;}
/* .Mission .Box__inner::after{content: url(../images2024/leafage_1.png);position: absolute;top: 550px;left: 620px;} */
.Noindex{display:none;}

/* .Action .Box__cell{background:url(../images2024/LEAF3.png) no-repeat center top 370px;} */
.Action .Box__inner{width: 100%;position: relative;background:url(../images2024/BODUO.png) no-repeat center top 400px;}
.Action .Box__pagename{display: block;text-align: left;left: 80px;}
.Action .Box__headline{background: url(../images2024/BODUO-CULTURE.png);color: #333;width: 291px;height:101px;margin: 70px auto 20px;font-size: 19px;font-weight: normal;text-align: center;line-height: 100px;font-style: italic;letter-spacing: .2em;}
.Action .Action__seven p{font-size: 24px;color: #000}
.Action .Box__section{margin: 0;}
.Action .Box__section .Box__title{background-color: #000;font-size: 20px;color: white;font-weight: normal;line-height: 30px;display: inline-block;padding: 0 10px;width: 135px;margin-bottom: 10px;margin-top: 80px;position: relative;letter-spacing:.4em;text-align: center;}
.Action .Box__section .Box__title::before{content:'';position: absolute;left: 50%;margin-left: -15px;top: -33px;background: url(../images2024/leaf.png) no-repeat;background-size: 30px 21px;background-repeat: no-repeat;display: block;width: 30px;height: 21px;}
.Action .Box__section span{display: block;font-weight: bold;font-size: 22px;font-style: italic;}


.Box__cell.is-right{position: relative;width:100%}
.Solution .Box__inner{width: 1000px;position: absolute;right:0;top:0;}
.Solution .Box__headline{background: url(../images2024/BODUO-INDUSTRY.png);color: #333;width: 315px;height:101px;margin: 70px auto 20px;font-size: 19px;font-weight: normal;text-align: center;line-height: 100px;font-style: italic;letter-spacing: .1em;}
.Solution .brand_box{width:200px;height:56px;border-radius:28px; margin:20px auto 50px;transition: background-color 0.3s;position: relative;}
.Solution .brand_box::after{content:'';display: block;width:200px;height:45px;background: url(../images2024/logo__line.png) no-repeat;position: absolute;bottom:-50px;left: 50%;margin-left: -100px;opacity: 1!important;background-size: 200px 45px;}
.Solution .brand_box img{border-radius: 28px;box-sizing: border-box;border: 1px solid #ccc;}
/* .Solution .brand_box::after{content: url(../images2024/bgyuan.jpg);position:absolute;left: 0;bottom: -36px;transition:opacity .3s;opacity: 0;} */
.Solution .brand_box:hover::after{opacity: 1;}
.Solution dt span{display: block;}
.Solution dt font{font-weight: 500;font-size:28px;font-family: sans-serif;}
.Solution dt h2{font-weight: normal;}
.Solution dd span{font-size:12px;line-height: 24px;position: relative;display: block;}
.Solution dd span::after{content:'......';position: absolute;left:50%;bottom: -20px;margin-left: -1rem;font-size: 18px;}
.Solution .box2{width: 1000px;}
.Solution .box2 dd{display: block;width: 50%;float: left;}
.Solution dd p{font-family: Roboto, "Source Han Serif SC VF", sans-serif;font-size: 20px;font-weight: 500;font-style: italic;}
.Solution dd:hover .brand_box{background-color: white;}
.Solution dd:hover .brand_box::after{opacity:0;}

.Company .Box__pagename{display: block;text-align: left;}
.Company .Box_news{margin-left: 55px;width: 900px;}
.Company .Box_news dl{display: block;overflow: hidden;width: 850px;}
.Company .Box_news dl dt{font-size:20px;line-height: 60px;font-style: italic;position: relative;}
.Company .Box_news dl:first-child dd{display: block;width:400px;float: left;margin-right: 50px;}
.Company .Box_news dl:first-child dd:last-child{margin-right: 0;}
.Company .Box_news dl:first-child dd p{font-size: 17px;line-height: 30px;padding:15px 0 5px;border-top: 1px solid #000;position: relative;margin-top: 50px;padding-right: 70px;box-sizing: border-box;font-weight: 500;height:90px}
.Company .Box_news dl:first-child dd p::before{content:url(../images2024/dian3.jpg);position: absolute;right: 0;top: -41px;}
.Company .Box_news dl:first-child dd span{font-size: 12px; color: #666; line-height: 20px;display: block;padding-bottom: 5px;}
.Company .Box_news dl:first-child dd img{display: block;width:400px;height: 245px;}
.Company .Box_news dl:nth-child(2) dt::before{content:url(../images2024/dian3.jpg);position: absolute;right: 0;top: 0;}
.Company .Box_news dl:nth-child(2) dt{border-bottom: 1px solid #000;margin-top: 20px;margin-bottom: 10px;}
.Company .Box_news dl:nth-child(2) dd{display: block;height: 170px;padding: 20px 0;box-sizing: border-box;padding-left: 225px;position: relative;}
.Company .Box_news dl:nth-child(2) img{display: block;width: 200px;height: 140px;position: absolute;left: 0;}
.Company .Box_news dl:nth-child(2) p{display: block;font-size: 16px;line-height: 15px;padding-bottom: 15px;border-bottom: 1px solid #000;font-weight: 500;box-sizing: border-box;padding-right: 100px;position: relative;}
.Company .Box_news dl:nth-child(2) p::after{content:'more';display: block;width: 60px;height:20px;color: white;font-size: 14px;text-align: center;line-height: 15px;position: absolute;right: 0;background: black;top: 0;border-radius: 10px;}
.Company .Box_news dl:nth-child(2) span{display: block;font-size: 14px;color: #333;line-height: 24px;height: 48px;}
.Company .Box_news dl:nth-child(2) span:last-child{font-weight: bold;text-align: right;padding-right: 20px;}

.Recruit .Box__pagename{text-align: left;}
.Recruit .Box__headline{background: url(../images2024/DREAMS.png) no-repeat center;color: #333;width:460px;height:101px;margin: 170px auto 20px;font-size:30px;font-weight: normal;text-align: center;line-height: 100px;font-style: italic;letter-spacing: .1em;}
.Recruit .Box__section h3{background-color: #000;font-size:20px;color: white;font-weight: normal;line-height: 30px;display: inline-block;padding: 0 10px;width: 200px;margin-bottom: 10px;margin-top: 80px;position: relative;font-style: italic;}
.Recruit .Box__section h3::before{content:'';position: absolute;left: 50%;margin-left: -15px;top: -33px;background: url(../images2024/leaf.png) no-repeat;background-size: 30px 21px;background-repeat: no-repeat;display: block;width: 30px;height: 21px;}



.tool{width: 100%;height:50px;position: fixed;top: 40px;z-index: 3;box-sizing: border-box;padding: 10px 60px;display:none}
.tool__left{width:500px;float: left;}
.tool__left a{padding-right:10px;display: block;float: left;}
.tool__right{width:500px;float: right;}
.tool__right form{display: block;width: 140px;float: right;height: 30px;position: relative;}
.tool__right form input{display: block;width: 140px;height: 30px;background-color: #e5e5e5;box-sizing: border-box;padding-left: 10px;border-radius:15px;}
.tool__right form button{display: block;width: 30px;height: 30px;position: absolute;right: 5px;top: 0;background: url(../images2024/SEARCH.png);}
.tool__right .btn{display: block;width: 30px;height: 30px;background-color: black;border-radius: 15px;float: right;margin-left: 20px;}
.tool__right .btn img{display: block;width: 30px;}