@charset "UTF-8";
/* Í·²¿ */
html, body { max-width: 1920px; min-width: 320px; margin: 0 auto; font-size: 100px; }
.container { width: 1400px; margin: auto; font-size: .16rem; }
.head-layer1 { height: .35rem; font-size: 0.16rem; line-height: 0.35rem; color: #fff; text-align: left; background: #9a0000; }
.head-layer1 ul { text-align: right; }
.head-layer1 ul li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.head-layer1 ul li a { padding: 0 .2rem; color: #fff; font-family: "Microsoft YaHei"; border-right: 1px solid #fff; vertical-align: top; }
.head-layer1 ul  .search { height: .27rem; margin-top: .04rem; padding-left: .1rem; }
.head-layer1 ul .search input { width: 0rem; height: 100%; padding: 0 0px; font-size: 0.14rem; line-height: 0.27rem; color: #222; text-align: left; -webkit-border-radius: 0.15rem; -moz-border-radius: 0.15rem; -o-border-radius: 0.15rem; border-radius: 0.15rem; vertical-align: top; overflow: hidden; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }
.head-layer1 ul  .search button { width: .27rem; height: .27rem; background-image: url("/thought_leadership/en/ym21/images/icon_search.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; vertical-align: top; }
.head-layer1 ul  .search:hover input { width: 1.7rem; padding: 0 .12rem; }

.head-layer2 .logo { padding: .24rem 0; position: relative; z-index: 999; background-color: #fff;margin: 0 auto; }
.head-layer2 .logo a { display: inline-block; *display: inline; *zoom: 1; }
.head-layer2 .logo a img { max-width: 100%; vertical-align: top; }
.head-layer2 .nav-btn { display: none; position: absolute; top: 50%; right: 0; bottom: auto; left: auto; z-index: 99; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.head-layer2 .nav-btn i { display: block; width: 32px; height: 2px; margin: 8px 0 0; background: #9a0000; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }
.head-layer2 .nav-btn.close i { width: 36px; }
.head-layer2 .nav-btn.close i:nth-child(1) { -webkit-transform: translate(0px, 10px) rotate(45deg); -moz-transform: translate(0px, 10px) rotate(45deg); -o-transform: translate(0px, 10px) rotate(45deg); transform: translate(0px, 10px) rotate(45deg); }
.head-layer2 .nav-btn.close i:nth-child(2) { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
.head-layer2 .nav-btn.close i:nth-child(3) { -webkit-transform: translate(0px, -10px) rotate(-45deg); -moz-transform: translate(0px, -10px) rotate(-45deg); -o-transform: translate(0px, -10px) rotate(-45deg); transform: translate(0px, -10px) rotate(-45deg); }
.head-layer2 .nav { border-top: 1px solid #e9e9e9; }
.head-layer2 .nav.show {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.head-layer2 .nav ul { font-size: 0; }
.head-layer2 .nav ul li { display: inline-block; *display: inline; *zoom: 1; position: relative;width:20%;  }
.head-layer2 .nav ul li i { display: none; position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1001; width: .55rem; height: .54rem; background-image: url("/thought_leadership/en/ym21/images/icon/jiantou2_1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 40%; opacity: 0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }
.head-layer2 .nav ul li > a { display: block; position: relative; font-size: 0.18rem; line-height: 0.55rem; color: #9a0000; text-align: center; text-transform: uppercase; }
.head-layer2 .nav ul li > a::before { display: block; content: ""; width: 1px; height: .18rem; background: #c5c5c5; position: absolute; top: 50%; right: auto; bottom: auto; left: 0; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.head-layer2 .nav ul li dl { min-width: 100%; position: absolute; top: 0.55rem; right: auto; bottom: auto; left: auto; z-index: 99; background: #fff; border-top: 6px solid #9a0000; visibility: hidden; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; -webkit-transform: rotateY(120deg); -moz-transform: rotateY(120deg); -o-transform: rotateY(120deg); transform: rotateY(120deg); }
.head-layer2 .nav ul li dl dd { padding: 0 .12rem; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }
.head-layer2 .nav ul li dl dd a { display: block; font-size: 0.18rem; line-height: 0.45rem; color: #9a0000; text-align: center; border-bottom: 1px solid #e9e9e9; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }
.head-layer2 .nav ul li dl dd a::before { display: none; }
.head-layer2 .nav ul li dl dd a:hover { background: #9a0000; color: #fff; }
.head-layer2 .nav ul li dl dd:last-child a { border: none; }
.head-layer2 .nav ul li dl dd:hover { padding: 0; }
.head-layer2 .nav ul li dl dd:hover a { background: #9a0000; color: #fff; }
.head-layer2 .nav ul li:first-child a { padding-left: .1rem; }
.head-layer2 .nav ul li:first-child a::before { display: none; }
.head-layer2 .nav ul li:hover a::after { width: 100%; right: 0%; }
.head-layer2 .nav ul li:hover dl { visibility: visible; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.head-layer2 .nav ul li.second-open i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }


/* µ×²¿ */
.footer { background: #212121; }
.footer .foot-layer1 { padding: .2rem 0; }
.footer .foot-layer1 .fl p { margin: 0 0 .1rem; padding: 0 0 0 .38rem; font-size: 0.16rem; line-height: 0.32rem; color: #bcbcbc; text-align: left; background-image: url(); background-repeat: no-repeat; background-position: 0 0.07rem; background-color: transparent; }
.footer .foot-layer1 .fl p.position { background-image: url("/thought_leadership/en/ym21/images/position.png"); }
.footer .foot-layer1 .fl p.email { background-image: url("/thought_leadership/en/ym21/images/email.png"); }
.footer .foot-layer1 .fl p.phone { background-image: url("/thought_leadership/en/ym21/images/phone.png"); }
.footer .foot-layer1 .fr { padding: .1rem 0 0; }
.footer .foot-layer1 .fr p { margin: 0 0 .3rem 0; font-size: 0.18rem; line-height: 0.3rem; color: #bcbcbc; text-align: left; }
.footer .foot-layer1 .fr p::before { display: block; content: ""; display: inline-block; width: 8px; height: 8px; margin: 0 .12rem 0 0; background: #bcbcbc; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.footer .foot-layer1 .fr ul { font-size: 0; }
.footer .foot-layer1 .fr ul li { display: inline-block; *display: inline; *zoom: 1; margin: 0 .6rem .2rem 0; }
.footer .foot-layer1 .fr ul li img { max-width: 100px; max-height: 60px; }
.footer .copy { padding: .15rem 0; font-size: 0.14rem; line-height: 0.3rem; color: #bcbcbc; text-align: center; background: #000000; }

.mask { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; overflow: hidden; background: rgba(0, 0, 0, 0.55); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#99000000',endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr='#99000000', endColorstr='#99000000')"; }



@media screen and (max-width: 1500px) { .container { width: 1100px; } .topics ul li { height: 2.8rem; } }
@media screen and (max-width: 1200px) { 
.container { width: 960px; }  .topics ul li { height: 2.5rem; }
  .head-layer2 .nav ul li > a { padding: 0 .25rem; }
  .head-layer3 { height: 3.5rem; }
 }
@media screen and (max-width: 1024px) { html, body { font-size: 90px; }
  .container { width: 740px; }
  .head-layer1 { position: relative; z-index: 1000; }
  .head-layer1 ul  .search input { width: 1.8rem !important; }
  .head-layer2 { position: relative; z-index: 999; background: #fff; }
  .head-layer2 .logo a { width: calc(100% - 1rem); }
  .head-layer2 .nav-btn { display: block; }
  .head-layer2 .nav { position: absolute; top: -100%; right: 0; bottom: auto; left: 0; z-index: 998; background: #fff; opacity: 0; visibility: hidden; -webkit-box-shadow: 0px 6px 6px 0px #bbb; -moz-box-shadow: 0px 6px 6px 0px #bbb; -o-box-shadow: 0px 6px 6px 0px #bbb; box-shadow: 0px 6px 6px 0px #bbb; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }
  .head-layer2 .nav ul { padding: .15rem 0 .3rem; }
  .head-layer2 .nav ul li { display: block;    width: 100%; }
  .head-layer2 .nav ul li > a { text-align: left; padding: 0 0 0 8px !important; border-bottom: 1px solid #e9e9e9; }
  .head-layer2 .nav ul li > a::before { display: none; }
  .head-layer2 .nav ul li i { display: block; }
  .head-layer2 .nav ul li dl { display: none; position: static; visibility: visible; -webkit-transition: none 0.35s ease 0s; -moz-transition: none 0.35s ease 0s; -o-transition: none 0.35s ease 0s; transition: none 0.35s ease 0s; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); background-color: #f6f6f6; }
  .head-layer2 .nav ul li dl dd a { text-align: left; text-indent: 10px; }
.footer .foot-layer1 > div { float: none; }
   }
@media screen and (max-width: 768px) { .container { width: 100%; padding-right: .15rem !important; padding-left: 0.15rem !important; }
  .head-layer2 .nav-btn { right: .15rem; }
.head-layer1 { font-size: .12rem; }
.head-layer1 ul { text-align: center;padding: 0 0 .05rem; }
.head-layer1 ul li a { padding: 0 .1rem; }
  }
@media screen and (max-width: 580px) { .head-layer1 { height: auto; } .head-layer1 ul li a { border: none; }  }

@media screen and (max-width: 480px) { 
html, body { font-size: 80px; }
 }<!--ºÄʱ1764041186.9317Ãë-->