@charset "UTF-8";
/* 悬停图片放大 IE9+*/
.img-scale { overflow: hidden; }
.img-scale img { display: block; width: 100%; height: auto; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.img-scale .img { /*配景图替换img*/ width: 100%; height: 100%; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; -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; }
.img-scale .img-frame { overflow: hidden; }
.img-scale:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.img-scale:hover .img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

html, body { max-width: 1920px; min-width: 320px; margin: 0 auto; font-size: 100px; }

.header, .section, .footer { font-size: .16rem; }
.container { width: 1400px; margin: auto; font-size: .16rem; }

.column h3 { font-size: 0.24rem; line-height: 0.5rem; color: #010101; text-align: left; text-transform: uppercase; }
.column a, .more2 { padding: 0 .4rem 0 .18rem; border: 1px solid #9a0000; background-image: url("/thought_leadership/en/ym21/images/jiantou.png"); background-repeat: no-repeat; background-position: calc(100% - .15rem) 50%; background-color: transparent; font-size: 0.16rem; line-height: 0.45rem; color: #9a0000; text-align: left; -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; }
.column a:hover { background-image: url("/thought_leadership/en/ym21/images/jiantou_h.png"); background-color: #9a0000; color: #fff; }

/* 头部 */
.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; font-size: .14rem; }
.head-layer1 ul li .search { height: .27rem; margin-top: .04rem; padding-left: .1rem; }
.head-layer1 ul li .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 li .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 li .search:hover input { width: 1.7rem; padding: 0 .12rem; }

.head-layer2 .logo { padding: .24rem 0; position: relative; z-index: 999; background-color: #fff; }
.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 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); }

.head-layer3 { width: 100%; height: 4.45rem; background: #efefef;}
.head-layer3 .container { height: 100%; padding: 0 5%; position: relative; }
.head-layer3 .banner { top: calc(4.45rem / 2); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -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-layer3 .banner.opacity { opacity: 0; }
.head-layer3 .swiper-slide { font-size: 0; }
.head-layer3 .swiper-slide .img-frame { display: inline-block; *display: inline; *zoom: 1; width: 1.46rem; height: 1.46rem; margin-left: .01rem; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; vertical-align: top; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.head-layer3 .swiper-slide .text-content { display: inline-block; *display: inline; *zoom: 1; width: calc(100% - 1.47rem); padding: 0 0 0 .28rem; font-size: 0.16rem; line-height: 0.3rem; color: #222; text-align: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease 0.4s; -moz-transition: all 0.5s ease 0.4s; -o-transition: all 0.5s ease 0.4s; transition: all 0.5s ease 0.4s; transform-origin: 0 100%; -webkit-transform: translateY(-20%) rotate(-2deg); -moz-transform: translateY(-20%) rotate(-2deg); -o-transform: translateY(-20%) rotate(-2deg); transform: translateY(-20%) rotate(-2deg); }
.head-layer3 .swiper-slide .text-content .report { font-size: .18rem; color: #000; }
.head-layer3 .swiper-slide .text-content .title { font-size: .18rem; color: #9a0000; }
.head-layer3 .swiper-slide .text-content .by { font-size: .13rem; color: #666; }
.head-layer3 .swiper-slide .text-content .info { height: .9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.head-layer3 .swiper-slide.swiper-slide-active .img-frame { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.head-layer3 .swiper-slide.swiper-slide-active .text-content { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.head-layer3 .swiper-btn { position: absolute; top: 45%; right: auto; bottom: auto; left: auto; z-index: 1; width: .48rem; height: .48rem; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; cursor: pointer; background-size: cover; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
.head-layer3 .swiper-btn.swiper-left { left: -.48rem; background-image: url("/thought_leadership/en/ym21/images/swiper_prev.png"); }
.head-layer3 .swiper-btn.swiper-right { right: -.48rem; background-image: url("/thought_leadership/en/ym21/images/swiper_next.png"); }
.head-layer3 .swiper-btn:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.head-layer3.decoration { height: auto; background: #ebebeb; border: none; padding: 0 0 .9rem; }
.head-layer3.decoration .container { padding: 0; }
.head-layer3.decoration .decoration-text { padding: .7rem 0 .5rem; }
.head-layer3.decoration .decoration-text h1 { margin: 0 0 .2rem; font-size: 0.4rem; line-height: 0.5rem; color: #9a0000; text-align: left; font-family: "Microsoft YaHei"; font-weight: bold; }
.head-layer3.decoration .decoration-text p { font-size: 0.15rem; line-height: 0.25rem; color: #79797a; text-align: left; }
.head-layer3.decoration .decoration-banner { background: #131313; }
.head-layer3.decoration .decoration-banner .decoration-swiper { max-height: 5rem; overflow: hidden; }
.head-layer3.decoration .decoration-banner .decoration-swiper .swiper-slide img { width: 100%; }
.head-layer3.decoration .decoration-control-parent { position: relative; width: 1100px; margin: -1.3rem auto 0; }
.head-layer3.decoration .decoration-control .swiper-slide { padding: 0 .11rem; box-sizing: border-box; }
.head-layer3.decoration .decoration-control .swiper-slide p { margin: .16rem 0 0; font-size: 0.15rem; line-height: 0.22rem; color: #000; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.head-layer3.decoration .decoration-control .swiper-slide.swiper-slide-active2 p { color: #9a0000; }
.head-layer3.decoration .swiper-btn2 { position: absolute; top: 34%; right: auto; bottom: auto; left: auto; z-index: 1; width: .4rem; height: .32rem; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; cursor: pointer; }

.head-layer3.decoration .swiper-btn2.swiper-left { left: -.5rem; background-image: url("/thought_leadership/en/ym21/images/swiper-left2.png"); }
.head-layer3.decoration .swiper-btn2.swiper-right { right: -.5rem; background-image: url("/thought_leadership/en/ym21/images/swiper-right2.png"); }
.head-layer3.decoration-img { background: none; height: auto; max-height: 3.2rem; overflow: hidden; }
.head-layer3.decoration-img img { width: 100%; }
.head-layer3.decoration .decoration-control .swiper-slide .img-scale { position: relative;
    height: 0;
    padding-top: 75%; }
.head-layer3.decoration .decoration-control .swiper-slide .img-scale img {min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* 底部 */
.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')"; }

/* 首页 */
.section { min-height: 6rem; padding: .32rem 0 .6rem; }
.section .main-box { width: 61%; }
.section .main-box2 { width: 75%; }
.section .sidebar { width: 39%; }
.section .sidebar2 { width: 20%; }

.topics ul { font-size: 0; margin: .25rem -.18rem 0; }
.topics ul li { display: inline-block; *display: inline; *zoom: 1; width: 33.33%; height: 3.13rem; margin: 0 0 .3rem; padding: 0 .18rem; }
.topics ul li a { display: block; height: 100%; padding: 1px; -webkit-box-shadow: 0px 0px 5px 0px #bfbfbf; -moz-box-shadow: 0px 0px 5px 0px #bfbfbf; -o-box-shadow: 0px 0px 5px 0px #bfbfbf; box-shadow: 0px 0px 5px 0px #bfbfbf; position: relative; -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; }
.topics ul li a img {display: none; width: 100%; height: auto; min-height: 100%; }
.topics ul li a p { position: absolute; top: auto; right: 0.4rem; bottom: 0.08rem; left: 0.4rem; z-index: 1; height: .69rem; font-size: 0.18rem; line-height: 0.23rem; color: #fff; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.topics ul li a:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 2px 5px 20px 2px #888; -moz-box-shadow: 2px 5px 20px 2px #888; -o-box-shadow: 2px 5px 20px 2px #888; box-shadow: 2px 5px 20px 2px #888; }

.topics ul li a { position: relative; }
.topics ul li a::after { display: block; content: ""; position: absolute; top: 30%;right: 0; bottom: 0; left: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, .6), transparent);
  background: -o-linear-gradient(to top, rgba(0, 0, 0, .6), transparent);
  background: -moz-linear-gradient(to top, rgba(0, 0, 0, .6), transparent);
  background: -webkit-linear-gradient(to top, rgba(0, 0, 0, .6), transparent);
}




.sect-layer2 { background: #f5f5f5; }
.sect-layer2 .about { text-align: center;margin-top: 100px; }
.sect-layer2 .about h3 { display: inline-block; *display: inline; *zoom: 1; padding: 0 .34rem; font-size: 0.24rem; line-height: 0.6rem; color: #fff; text-align: left; background: #9a0000; text-transform: uppercase; }
.sect-layer2 .about p { width: 1050px; margin: 0 auto; padding: .25rem 0 .5rem; font-size: 0.24rem; line-height: 0.36rem; color: #010101; text-align: center; }

.sect-layer3 { padding: .6rem 0 0.1rem; }
.sect-layer3 > div { width: 50%; }
.sect-layer3 > div.fl { padding: 0 .52rem 0 0; border-right: 2px solid #ededed; }
.sect-layer3 > div.fr { padding: 0 0 0 .7rem; }
.sect-layer3 .fl { margin: .1rem 0 0; }
.sect-layer3 .fl .item-box { font-size: 0; padding: .35rem 0; border-bottom: 1px solid #e5e5e5; }
.sect-layer3 .fl .item-box .img-scale2 { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.sect-layer3 .fl .item-box .img-scale2 .img-frame { display: inline-block; *display: inline; *zoom: 1; height: .72rem; margin: 0 0.06rem 0 0; }
.sect-layer3 .fl .item-box h6 { float: right; padding: 0 0 0 .18rem; font-size: 0.18rem; line-height: 0.3rem; color: #9a0000; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: .9rem; overflow: hidden; }
.sect-layer3 .fl .item-box h6 a{color: #9a0000;}
.sect-layer3 .fl .item-box .name { display: inline-block; *display: inline; *zoom: 1; margin: 0.2rem 0 0.26rem; }
.sect-layer3 .fl .item-box .name span { font-size: 0.16rem; line-height: normal; color: #9a0000; text-align: left; margin-right: .2rem; border-bottom: 1px solid #9a0000; }
.sect-layer3 .fl .item-box .info { height: 1.28rem; font-size: 0.16rem; line-height: 0.32rem; color: #000000; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; width:100%;}
.sect-layer3 .fl .item-box:first-child { padding-top: 0; }
.sect-layer3 .fl .column a { margin-top: .5rem; }
.sect-layer3 .fr ul li { margin: .38rem 0 0; padding: .2rem 0 0; position: relative; }
.sect-layer3 .fr ul li .item-card { display: block; padding: .14rem .12rem; -webkit-box-shadow: 0px 0px 5px 0px #ccc; -moz-box-shadow: 0px 0px 5px 0px #ccc; -o-box-shadow: 0px 0px 5px 0px #ccc; box-shadow: 0px 0px 5px 0px #ccc; -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; }
.sect-layer3 .fr ul li .item-card .img-frame { width: 1.3rem; height: .96rem; }
.sect-layer3 .fr ul li .item-card .title { margin: .25rem 0 0; width: calc(100% - 1.5rem); height: .72rem; font-size: 0.16rem; line-height: 0.24rem; color: #222; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.sect-layer3 .fr ul li .item-card:hover { -webkit-box-shadow: 0px 0px 25px 0px #666666; -moz-box-shadow: 0px 0px 25px 0px #666666; -o-box-shadow: 0px 0px 25px 0px #666666; box-shadow: 0px 0px 25px 0px #666666; }
.sect-layer3 .fr ul li .date { padding: 0.05rem .1rem 0.05rem; position: absolute; top: 0; right: auto; bottom: auto; left: 0.45rem; z-index: 1; font-size: 0.13rem; line-height: 0.18rem; color: #fff; text-align: center; background: #9a0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.sect-layer3 .fr ul li .date p:first-child { font-size: .21rem; line-height: .25rem; }
.sect-layer3 .fr ul li:first-child { margin-top: .2rem; }
.sect-layer3 .fr .column a { margin-top: .5rem; }

/* research */
.main-box { padding: 0 0.6rem 0 0; border-right: 2px solid #ededed; }
.main-box .column h3 { color: #9a0000; }

.sidebar { padding: 0 0 0 .7rem; }
.sidebar .seminars { margin-top: .3rem; }
.sidebar .list2 li:first-child { margin-top: .2rem; }

.list { margin: .2rem 0 0; padding: .15rem 0 0; border-top: 1px solid #ededed; position: relative; }
.list li { padding-left: .3rem; font-size: 0.16rem; line-height: 0.5rem; color: #000; text-align: left; background-image: url("/thought_leadership/en/ym21/images/libg.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; }
.list li a { color: #000; border-bottom: 1px solid #000; }
.list li a:hover { color: #9a0000; border-color: #9a0000; }
.list::before, .instghts h3::before { display: block; content: ""; position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 1; width: .25rem; height: 1px; background: #9a0000; }

.teach-list li { margin: .2rem 0 0; padding: .09rem; background: #f8f8f8; font-size: 0; border-top: 1px solid #ededed; position: relative; -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; }
.teach-list li .img-scale { display: inline-block; *display: inline; *zoom: 1; width: 1.26rem;  }

.teach-list li .text { display: inline-block; *display: inline; *zoom: 1; width: calc(100% - 1.42rem); margin: .05rem 0 0; vertical-align: top; padding: 0 0 0 .28rem; }
.teach-list li .text h6 { font-size: 0.2rem; line-height: 0.3rem; color: #222; text-align: left; margin: 0 0 .05rem; }
.teach-list li .text p { font-size: 0.16rem; line-height: 0.3rem; color: #666; text-align: left; }
.teach-list li .text a { padding: 0 0 0 .02rem; font-size: 0.16rem; line-height: 0.15rem; color: #9a0000; text-align: left; border-bottom: 1px solid #9a0000; position: absolute; top: auto; right: 0.2rem; bottom: 0.2rem; left: auto; z-index: 1; }
.teach-list li::before { display: block; content: ""; width: .22rem; height: 1px; background: #9a0000; position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 1; }
.teach-list li:first-child { margin-top: .1rem; }
.teach-list li:hover { -webkit-box-shadow: 0px 0px 25px 0px #666666; -moz-box-shadow: 0px 0px 25px 0px #666666; -o-box-shadow: 0px 0px 25px 0px #666666; box-shadow: 0px 0px 25px 0px #666666; }

.list2 li { margin: .38rem 0 0; padding: .2rem 0 0; position: relative; }
.list2 li .date { padding: 0.05rem .1rem 0.05rem; position: absolute; top: 0; right: auto; bottom: auto; left: 0.45rem; z-index: 1; font-size: 0.13rem; line-height: 0.18rem; color: #fff; text-align: center; background: #9a0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.list2 li .date p:first-child { font-size: .21rem; line-height: .25rem; }
.list2 li .text { display: block; padding: .42rem .12rem .14rem; -webkit-box-shadow: 0px 0px 5px 0px #ccc; -moz-box-shadow: 0px 0px 5px 0px #ccc; -o-box-shadow: 0px 0px 5px 0px #ccc; box-shadow: 0px 0px 5px 0px #ccc; -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; }
.list2 li .text .date2 { font-size: 0.16rem; line-height: 0.3rem; color: #222; text-align: left; }
.list2 li .text .title { font-size: 0.16rem; line-height: 0.3rem; color: #9a0000; text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list2 li .text .info { font-size: 0.13rem; line-height: 0.2rem; color: #666; text-align: left; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;height:.4rem;}
.list2 li .text:hover { -webkit-box-shadow: 0px 0px 25px 0px #666666; -moz-box-shadow: 0px 0px 25px 0px #666666; -o-box-shadow: 0px 0px 25px 0px #666666; box-shadow: 0px 0px 25px 0px #666666; }

/* list */
.sidebar2 { position: relative; margin-top: -.7rem; }
.sidebar2 h2 { padding: .25rem .2rem .28rem; font-size: 0.3rem; line-height: 0.4rem; color: #fff; text-align: center; background: #9a0000; }
.sidebar2 h2 span { display: inline-block; *display: inline; *zoom: 1; position: relative; }
.sidebar2 h2 span::before { display: block; content: ""; width: .35rem; height: 1px; position: absolute; top: 115%; right: auto; bottom: auto; left: 0; z-index: 1; background: #fff; }
.sidebar2 ul { background: #ededed; padding: .1rem 0 .3rem .18rem; }
.sidebar2 ul li a { display: block; position: relative; padding: .1rem 0 .1rem .35rem; font-size: 0.18rem; line-height: 0.3rem; color: #222; text-align: left; }
.sidebar2 ul li a::before { display: none; width: .08rem; height: .08rem; background: #9a0000; position: absolute; top: calc(50% - 0.04rem); right: auto; bottom: auto; left: 0.14rem; z-index: 1; }
.sidebar2 ul li a:hover, .sidebar2 ul li a.cur { background: #fff; }
.sidebar2 ul li a:hover::before, .sidebar2 ul li a.cur::before { display: block; content: ""; }

.main-box2 .place { font-size: 0.16rem; line-height: 0.3rem; color: #666; text-align: left; }
.main-box2 .place a { color: #666; }
.main-box2 .list2 li { margin: .26rem 0 0; }

/* content */
.articles { margin: .3rem 0 0; }
.articles h1 { padding: .15rem 0; font-size: 0.24rem; line-height: 0.32rem; color: #9a0000; text-align: center; font-weight: bold; background: #ededed; }
.articles .content { padding: .3rem 0 .5rem; border-bottom: 3px solid #9a0000; font-size: 0.18rem; line-height: 0.35rem; color: #000; text-align: left; }
.articles .content img, .articles .content video, .articles .content iframe { max-width: 100%; }

@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; }
  .head-layer3 .banner { top: calc(3.5rem / 2); }
  .head-layer3 .swiper-btn.swiper-right { right: 5px; }
  .head-layer3 .swiper-btn.swiper-left { left: 5px; }
  .head-layer3.decoration { padding-bottom: .6rem; }
  .head-layer3.decoration .decoration-control-parent { width: 90%; margin-top: -.8rem; }
  .head-layer3.decoration-img { max-height: 2.6rem; }
  .sect-layer2 .about p { width: 100%; }
  .section .main-box { padding-right: .3rem; }
  .section .sidebar { padding-left: .3rem; }
  .section .main-box2 { width: 70%; }
  .section .sidebar2 { width: 25%; } }
@media screen and (max-width: 1024px) { html, body { font-size: 90px; }
  .container { width: 740px; }
  .head-layer1 { position: relative; z-index: 1000; }
  .head-layer1 ul li .search input { width: 1.8rem !important; }
  .head-layer2 { position: relative; z-index: 999; background: #fff; }
  .head-layer2 .logo a { width: calc(100% - 2rem); }
  .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; }
  .head-layer2 .nav.show { opacity: 1; visibility: visible; top: 100%; }
  .head-layer3 .swiper-btn { width: .4rem; height: .4rem; }
  .head-layer3.decoration .decoration-banner .decoration-swiper { max-height: auto; }
  .head-layer3.decoration .decoration-control-parent { width: 82%; }
  .head-layer3.decoration-img { max-height: 2rem; }
  .topics ul { margin-right: -.1rem; margin-left: -.1rem; }
  .sect-layer3 > div.fl { padding: 0  .3rem 0 0; }
  .sect-layer3 > div.fl .item-box .img-scale { display: block; }
  .sect-layer3 > div.fl .item-box h6 { float: none; margin-bottom: 10px; padding: 0; width: 100% !important; }
  .sect-layer3 > div.fr { padding: 0 0 0 .3rem; }
  .footer .foot-layer1 > div { float: none; }
  .section .main-box { width: 100%; margin-bottom: .15rem; border: none; padding-right: 0; }
  .section .sidebar { width: 100%; padding-left: 0; } }
@media screen and (max-width: 768px) { .container { width: 100%; padding-right: .15rem !important; padding-left: 0.15rem !important; }
.head-layer1 { height: auto; }
.head-layer1 ul { text-align: center; }
.head-layer1 ul li .search button { margin: 0 0 0 5px; }
.head-layer1 ul li a { padding: 0 .1rem; border: none; font-size: .16rem; }
  .head-layer2 .nav-btn { right: .15rem; }
  .head-layer3 { height: auto; }
  .head-layer3 .container { padding: .5rem !important; }
  .head-layer3 .banner { position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .head-layer3.decoration .container { padding: 0 !important; }
  .head-layer3.decoration .decoration-text { padding: .3rem 0.15rem .4rem !important; }
  .head-layer3.decoration .decoration-control-parent { margin-top: -.5rem; }
  .head-layer3.decoration .decoration-control .swiper-slide { padding: 0 .06rem; }
  .head-layer3.decoration .decoration-control .swiper-slide p { margin-top: .1rem; }
  .topics ul { margin-left: 0; margin-right: 0; }
  .topics ul li { width: 50%; }
  .topics ul li a p { right: .15rem; left: .15rem; }
  .sect-layer3 > div { width: 100%; }
  .sect-layer3 > div.fl { margin: 0 0 .3rem; padding: 0; border: none; }
  .sect-layer3 > div.fl .item-box h6 { height: auto; }
  .sect-layer3 > div.fl .item-box .info { height: auto; }
  .sect-layer3 > div.fr { padding: 0; }
  .section .main-box2 { width: 100%; margin-top: .2rem; }
  .section .sidebar2 { width: 100%; }
  .section .sidebar2 h2 { text-align: left; } }
@media screen and (max-width: 480px) { html, body { font-size: 80px; } .topics ul li a img {display: block;} .topics ul li a .img{ display: none;} .topics ul li{ height: auto; }
  .head-layer3 .swiper-slide { text-align: center; } 
  .head-layer3 .swiper-slide .text-content { text-align: left; display: block; width: 100%; }
  .head-layer3.decoration .decoration-control-parent { margin-top: .2rem; }
  .head-layer3.decoration .swiper-btn2.swiper-left { left: -.3rem; }
  .head-layer3.decoration .swiper-btn2.swiper-right { right: -.3rem; }
  .topics ul { margin-left: 0; margin-right: 0; }
  .topics ul li { width: 100%; padding: 0; }
  .topics ul li a p { right: .15rem; left: .15rem; } }

#page-list {font-family: Arial; text-align: center; margin: .3rem 0 .2rem;}
#page-list .p_pages a,#page-list span{font-size: 14px; width: auto; height: auto; margin-top: 5px; }
#page-list .p_pages a, #page-list .p_no_d, #page-list .p_fun_d{padding: 6px 8px; border: 1px solid #aaa; border-radius: 4px; color: #428bca;}
#page-list .p_pages .p_no_d, #page-list a:hover{background: #9a0000; font-weight: bold; color: #fff; border-color: #9a0000;}
#page-list .p_t{ padding: 0 25px 0 0; color: #777;}
#page-list .p_first, #page-list .p_first_d, #page-list .p_last, #page-list .p_last_d{display: inline-block;}
#page-list .p_pages span{color: #aaa;}
/*# sourceMappingURL=style.css.map */

/* push css 新增css */
.articles2 { padding: .15rem 0 .35rem; }
.articles2 .title { font-size: 32px; line-height: 45px; color: #222222; text-align: center; margin: 0 0 .3rem; }
.articles2 .sub-title, .instghts ul li h6 { font-size: 20px; line-height: 35px; color: #9a0000; }
.articles2 .content2, .instghts ul li p { font-size: 16px; line-height: 35px; color: #000000; }

.people2 { border-top: 1px solid #ededed; background: #f8f8f8; position: relative; }
.people2 ul { font-size: 0; padding: .09rem 0.09rem 0; }
.people2 ul li { display: inline-block; width: 25%; padding: 0 .15rem 0.09rem 0; margin: 0 !important; border: none; }
.people2 ul li::before { display: none; }
.people2 ul li:hover { box-shadow: none; }

.discussion { margin: .35rem 0; border: 1px solid #e9e9e9; }
.discussion .img-scale { width: calc(100% - 2.34rem); }
.discussion .img-scale img { max-width: 100%; }
.discussion .text { width: 2.34rem; position: relative; }
.discussion .text h3 { margin-top: .35rem; font-size: .32rem; line-height: 50px; color: #9a0000; text-align: center; }
.discussion .text a {  margin: .2rem 0 0; border: none;  }
.discussion .text::before { display: block; content: ""; border: 8px solid transparent; border-left-color: #fff; position: absolute; top: 20%; right: -15px; z-index: 9; }

.instghts h3 { margin: 0 0 .25rem; font-size: 24px; line-height: 60px; color: #9a0000; border-bottom: 1px solid #e9e9e9; position: relative; }
.instghts h3::before { top: auto; bottom: 0; }
.instghts ul li{ margin: 0 0 .35rem; }
.instghts ul li p a { margin: 0 0 0 20px; color: #9a0000; border-bottom: 1px solid #9a0000; }

@media screen and (max-width: 1500px) { .people2 ul li { width: 33.33%; } .discussion .text h3 { margin-top: .15rem; } .discussion .text a { margin-top: .1rem; } }
@media screen and (max-width: 1200px) { .people2 ul li { width: 50%; } .discussion .text h3 { margin-top: .08rem; } .discussion .text a { margin-top: 0; } }
@media screen and (max-width: 1024px) { .discussion .img-scale, .discussion .text { float: none; width: 100%; } .discussion .text h3 { margin-top: .1rem; } .discussion .text a { margin-top: 0; }}
@media screen and (max-width: 768px) { .people2 ul li { width: 100%; } }

@media screen and (max-width: 768px) {
.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; } 
 }









<!--耗时1764108713.1832秒-->