@charset "utf-8";
@font-face {
  font-family: "DINPro-Light";
  src: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/fonts/DINPro-Light.woff2") format("woff2"),
       url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/fonts/DINPro-Light.woff") format("woff"),
       url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/fonts/DINPro-Light.ttf") format("truetype"),
       url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/fonts/DINPro-Light.eot") format("embedded-opentype"),
       url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/fonts/DINPro-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "impact";
  src: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/fonts/impact.woff2") format("woff2"),
       url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/fonts/impact.woff") format("woff"),
       url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/fonts/impact.ttf") format("truetype"),
       url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/fonts/impact.eot") format("embedded-opentype"),
       url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/fonts/impact.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.dingpro{font-family: "DINPro-Light";}
.impact{ font-family: "impact";}

*{box-sizing:border-box;margin:0;padding:0;  font-family:Arial, "Microsoft YaHei", sans-serif;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;position: relative;overflow-x:hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.2em;font-weight:normal;}
ul{list-style:none}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{color:#222;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color:#641c94}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{display:block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%}
address,cite,dfn,em,var,i{font-style: normal;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:1px;background:#ddd; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border: none}
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{padding:0;border:0}
input{line-height:normal;-webkit-appearance:none}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
.none{display: none}
.check:checked,.check:not(:checked){position:absolute;left:-9999px;opacity:0}
.check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;
	height:14px;font-size:14px;cursor:pointer;padding-left: 20px;}
.check+label:after,.check+label:before{position:absolute;top:2px;left:0;z-index:0;width:16px;height:13px;
	border-radius:3px;content:'';background: #000}
.check:checked+label:after{background: #ca140d}

.radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;font-size:14px;line-height:16px;cursor:pointer;padding-left: 20px}
.radio+label:after,.radio+label:before{position:absolute;top:-1px;left:0;z-index:0;width:16px;height:16px;border-radius:50%;content:''}
.radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:1px solid #888}
.radio:checked,.radio:not(:checked){position:absolute;left:-9999px;opacity:0}
.radio:checked+label:before{border:1px solid #d9a65c}
.radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#d9a65c;top:3px;left:4px}


::-webkit-input-placeholder{color:#ccc;}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}

:-ms-input-placeholder{
    color: #ccc; 
}
/*::selection{background:#0662d4;color:#fff}
::-moz-selection{background:#0662d4;color:#fff}
::-webkit-selection{background:#0662d4;color:#fff}
*/
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.l{float:left}
.r{float:right}
.fl{float:left!important}
.fr{float:right!important}
.bor{border:1px dashed #999}
.poab{position:absolute}
.pore{position:relative}
.texto{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imgInline{display:inline-block!important;vertical-align:middle}
.imgMargin{margin:0 auto}
.imgW100{width:100%}

.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-up{text-transform: uppercase;}

.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;}
.flex-v-bottom{display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: left;}

.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer;position: relative;}
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

.bg-mask .pic{overflow: hidden;}
.bg-mask .pic a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.bg-mask:hover .pic a{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.bgimg{background-repeat: no-repeat;background-position: center;background-size: cover;}

.wp{width:92%;margin:0 auto;max-width:1400px}

.greybg{background:#f2f2f2}
.textup{text-transform:uppercase}
.co-main{color:#0662d4}
.co-fff{color:#fff!important}
.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}
.m-show{display:none}
.filter-page{filter: blur(5px);}
@media screen and (max-width:980px){.pc-show{display:none}
.m-show{display:block}
}




.trans-line:before{content:'';position:absolute;width:60px;height:100%;margin-top:0px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.trans-line:hover:before{-webkit-animation:aniBlink .6s ease-out forwards;-moz-animation:aniBlink .6s ease-out forwards;
  -o-animation:aniBlink .6s ease-out forwards;  animation:aniBlink .6s ease-out forwards}
@keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}
@-webkit-keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}

@keyframes go{
  0%{transform: translateX(0);}
  50%{transform: translateX(10px);}
  100%{transform: translateX(0);}
}
.header{position:fixed;top:0;left:0;z-index:99;width:100%;padding-right: 2%;padding-left: 2%;}
.header .mian-nav-m{display: none;float: right;}
.header .mian-nav-h{width: 100%}
.header .logo{padding-top: 20px}
.header .logo img.sclogo{display: none}

.header .toplink {margin-top: 25px;margin-bottom: 25px}
.header .toplink a{color: #fff;font-size: 14px;opacity: .8;margin-left: 30px;position: relative;}
.header .toplink a:hover{opacity: 1}
.header .toplink a.toSearch{opacity:1}
.header .mian-nav{}
.header .mian-nav ul{width: 100%;}
.header .mian-nav ul li{position:relative;font-size:18px;transition:.3s;text-align: center;font-weight: bold;margin-left: 45px}
.header .mian-nav ul li>a{position: relative;color: #fff}
.header .mian-nav ul li>a:hover{color: #fff}
.header .mian-nav ul li>a span{display: block;font-size: 14px;text-align:center;color: #999999;margin-top: 5px}
.header .mian-nav ul li:before{position:absolute;bottom:-8px;left:50%;width:0;height:2px;background:#fff;content:"";transition:width .5s}
.header .mian-nav ul li:after{position:absolute;bottom:-8px;right:50%;width:0;height:2px;background:#fff;content:"";transition:width .5s}
.header .mian-nav ul li:hover:before{width:30%}
.header .mian-nav ul li:hover:after{width:30%}




.header .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top:13px;display: none;min-width: 180px;transform: translateX(-50%);}
.header .sub-nav .sub-nav-h{text-align:center;background:#f7ecff;padding: 5px 0}
.header .sub-nav .sub-nav-h a{display:block;font-size:14px;line-height:1.2em;padding: 10px 0}
.header .sub-nav .sub-nav-h a:hover{background: #ffffff;color: #641c94}
.header .mian-nav ul li:hover .sub-nav{display:block}

.mian-nav ul li:hover>a span,
.mian-nav ul li:hover>.dropdown-toggle:after{color: #641c94}

.scrolling .header .logo img.sclogo{display: block;}
.scrolling .header .logo img.norlogo{display: none;}
.scrolling .header .logo{padding-top: 0}

.scrolling .header{box-shadow: 0 0 10px rgba(0,0,0,.2);background: #fff;height: 90px}
.scrolling .header .mian-nav ul li>a{color: #555}
.scrolling .header .toplink a{color: #555;}
.scrolling .header .toplink {margin-top:10px;margin-bottom: 15px}

.scrolling .header .mian-nav ul li:before{background:#641c94;}
.scrolling .header .mian-nav ul li:after{background:#641c94;}
.scrolling .header .mian-nav ul li:hover>a{color:#641c94;}


.menu-btn{z-index:999;overflow:hidden;margin-left:15px;width:32px;height:36px;background:0 0;text-indent:-5260px;opacity:1;position: relative;z-index: 999;}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;right:50%;display:block;right: 0;
  width:32px;height:2px;background:#641c94;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color}
.menu-btn .line-1{margin-top:-10px;width:28px}
.menu-btn .line-3{margin-top:10px;width:28px}
.drawerMenu-open .menu-btn .line-1{visibility:hidden}
.drawerMenu-open .menu-btn .line-2{margin-top:0!important;width:32px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.drawerMenu-open .menu-btn .line-3{margin-top:0!important;width:32px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}



.searchbtn{width: 30px;text-align: center;line-height: 40px}
.searchbtn i{color: #641c94;font-size: 18px}
.mobNav{position: fixed;top:50px;left: 0;right: 0;bottom: 0; background: rgba(255,255,255,.95);z-index: 98;padding-top: 53px;padding: 40px 5% 30px;display: none}
.mobNav ul{height: 70vh;overflow: auto}
.mobNav ul li{padding: 15px 0;border-bottom: 1px solid #ddd;text-transform: uppercase;}
.mobNav ul li:last-child{border-bottom: 0}
.mobNav ul li .navp a{font-size: 15px;color: #641c94;font-weight: bold;}
.mobNav ul li .navp i{display: block;width: 16px;transition: .3s;transform-origin: center;margin-right: 5px}
.mobNav ul li.on .navp i{transform: rotate(-45deg);}
.mobNav ul li .subNavm{margin-top: 10px;padding-left: 10px;display: none}
.mobNav ul li .subNavm a{display: block;line-height: 30px;font-size:14px }
.mobNav .toplink {margin-bottom: 20px}
.headerm{display: none;position: fixed;left: 0;right: 0;top:0;z-index: 99;box-shadow: 0 0 10px rgba(0,0,0,.2);background: #fff;height: 60px;padding-right: 3%;padding-left: 3%}
.headerm .logo img{height: 35px}

/*@media screen and (max-width:1580px){
.header .mian-nav ul li{font-size:16px;margin-left: 35px}
}*/
@media screen and (max-width:1800px){
.header .mian-nav ul li{font-size:15px;margin-left: 25px}
}
@media screen and (max-width:1440px){
.header .logo img{height: 60px}
.scrolling .header .logo img{height: 60px}
}
@media screen and (max-width:1366px){
.header .logo img{height: 50px}
.scrolling .header .logo img{height: 50px}
}
@media screen and (max-width:1280px){

.header{display: none}
.headerm{display: flex;}
}
@media screen and (max-width:980px){

}
@media screen and (max-width:640px){

.headerm{height: 55px}
.mobNav .toplink{font-size: 14px}
}
@media screen and (max-width:320px){

}


.main-banner{width: 100%;overflow: hidden;}
.main-banner .bigt{font-size: 72px;color: #fff;opacity: .15;position: absolute;right: -95px;bottom: 140px;z-index: 21;font-weight: bold;}
.main-banner .banner-right{position: absolute;right: 0;top: 0;width: 140px;bottom: 0;background: #641c94;z-index: 20;color: #fff;text-align: center;padding-bottom: 5%}
.main-banner .banner-right i{font-size: 26px}
.main-banner .banner-right .t1{font-size: 22px;margin: 10px 0 18px}
.main-banner .banner-right .t1 a{color:#fff;}
.main-banner .banner-right .t1 a span{color:#db7de9;font-family: "DINPro-Light";}
.main-banner .banner-right .t2 a{color:#fff;font-family: "DINPro-Light";}
.main-banner .banner-right .t2{font-size: 24px}
.main-banner .swiper-button-next{width: 75px;height: 75px;border-radius: 50%;z-index: 50;top:auto;bottom: 20px;margin-top: 0;background: #7e35af;border: 1px dashed rgba(255,255,255,.2);color: #fff;font-size: 14px;
right:35px;}
.main-banner .swiper-button-next:hover{background: #641c94}
.main-banner .swiper-button-next i{font-size: 12px;margin-left: 3px}

.in-banner .swiper-slide{height: 100vh;width: 100%}
.in-banner .swiper-slide .bg{display: block;background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;width: 100%}
.in-banner .swiper-slide .bg .wp{height: 100%;color: #fff;font-weight: bold;text-shadow: 0 0 15px rgba(0,0,0,.3);padding-bottom: 8%}
.in-banner .swiper-slide .bg .wp p{display: flex;
    flex-wrap: wrap;
    justify-content: center;font-size: 70px}
.in-banner .swiper-slide:before{content: '';position: absolute;left: 0;top: 0;right: 0;z-index: 5;height: 30%;background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bamask.png") no-repeat top center;background-size: 100% 100%}
.in-banner .swiper-pagination-bullets{bottom:58px;left: 0}
.in-banner .swiper-pagination-bullet{margin: 0 6px!important}
.in-banner .swiper-pagination-bullet{width:25px;height:5px;display:inline-block;border-radius:5px;background:#818181;opacity:1;}
.in-banner .swiper-pagination-bullet-active{background:#c60e16}

.serSlide{position: absolute;max-width: 1120px;width: 90%;background: rgba(0,0,0,.5);left: 50%;transform: translateX(-50%);
  bottom: 25%;z-index: 25;padding: 50px 5%;-webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);}
.serSlide .serNav{margin-bottom: 20px}
.serSlide .serNav span{font-size: 20px;color: #fff;display: inline-block;margin: 0 20px;transition: .3s;cursor: pointer;position: relative;}
.serSlide .serNav span.cur{text-transform: uppercase;font-weight: bold;}
.serSlide .serNav span.cur:after{position: absolute;content: '';height: 6px;width: 100%;left: 0;bottom: 1px;z-index: 0;background: #b8954f}
.serSlide .serNav span i{position: relative;z-index: 5}
.serSlide .inp{background: #fff;border-radius: 50px;height: 60px;line-height: 60px;padding: 0 80px 0 20px;border: none;font-size: 18px;font-weight: bold;width: calc(100% - 2px)}
.serSlide .sub{position: absolute;width: 80px;height: 60px;right: 0;top:0;z-index: 5;border-radius: 50%;border: none;background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/ss.png") no-repeat center;}

@media screen and (max-width:1440px){
.in-banner .swiper-pagination-bullets{bottom:38px;}
.main-banner .bigt,.in-banner .swiper-slide .bg .wp p{font-size: 50px}
.in-banner .swiper-slide .bg .wp{padding-bottom: 10%}
.serSlide{position: absolute;max-width: 1000px;bottom: 25%;z-index: 20;padding: 30px 5%}
.serSlide .inp{height: 50px;line-height: 50px;padding: 0 70px 0 20px;font-size: 16px;}
.serSlide .sub{width: 70px;height: 50px;background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/ss.png") no-repeat center;}

}
@media screen and (max-width:1279px){
.main-banner .banner-right{position: absolute;right: 0;top: auto;width: 100%;bottom: 0;padding:30px 5%;}
.main-banner .banner-right .tt{display: flex;justify-content: left;position: relative;z-index: 22}
.main-banner .banner-right .t1{margin: 0 20px}
.main-banner .banner-right .t1{line-height: 28px}
.main-banner .swiper-button-next{width: 60px;height: 60px;bottom: 12px;font-size: 13px;right:25px;}
.main-banner .bigt{right: 20%;bottom: 0;opacity: .1}
.main-banner .bigt,.in-banner .swiper-slide .bg .wp p{font-size: 40px}
.serSlide .serNav span{font-size: 18px}
}

@media screen and (max-width:860px) and (min-width: 541px){
  .in-banner .swiper-slide{height: 130vh;width: 100%}
  .in-banner .swiper-slide .bg .wp{padding-bottom: 25%}
.main-banner .bigt,.in-banner .swiper-slide .bg .wp p{font-size: 35px}
.serSlide .serNav span{margin: 0 10px}
}
@media only screen and (width:768px){
  .in-banner .swiper-slide{height:100vh;width: 100%}

}
@media screen and (max-width:640px){
  .in-banner .swiper-slide .bg .wp{padding-bottom: 25%}
.main-banner .bigt,.in-banner .swiper-slide .bg .wp p{font-size: 26px}
.in-banner .swiper-pagination-bullets{bottom:10px;}
.in-banner .swiper-pagination-bullet{width:20px;height:3px;}
.serSlide .serNav{overflow-x: auto;white-space: nowrap;}
.serSlide .serNav span{font-size: 16px;display: inline-block;margin: 0 10px}
.main-banner .banner-right i{font-size: 20px}
.main-banner .banner-right .t1{font-size: 16px;line-height: 20px;margin: 0 15px}
.main-banner .banner-right .t2{font-size: 16px}
.serSlide .inp{height: 40px;line-height: 40px;padding: 0 50px 0 10px;font-size: 14px;}
.serSlide .sub{width: 50px;height: 40px;background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/ss.png") no-repeat center;background-size: 22px 22px}

}
@media screen and (max-width:360px){
.main-banner .bigt,.in-banner .swiper-slide .bg .wp p{font-size: 22px}
  .in-banner .swiper-slide .bg .wp{padding-bottom: 35%}
}

.footer{background: #4B0C77;background-size: cover;color: #fff;}
.footer a{color: #a9a9a9;}
.footera{padding: 58px 0 25px}
.footera h4{font-size: 20px;font-weight: bold;margin-bottom: 35px}
.footera a{display: inline-block;margin-right: 55px;position: relative;margin-bottom: 15px}
.footera a:after{content: '';position: absolute;height: 1px;width: 0;bottom: -3px;background: #a9a9a9;left: 0;transition: .3s}
.footerb{padding: 35px 0;border-top:1px solid #a9a9a9;color: #a9a9a9;font-size: 14px}
@media screen and (min-width:1280px){
.footera a:hover:after{width: 100%;}
}
@media screen and (max-width:1300px){
.footerb{padding: 25px 0;}
.footerb p{width: 100%;padding: 5px 0}
}




.line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.line3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.line4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}


.homea{padding:60px 0}
.homea .bgimg{position:absolute;right:0;bottom:0;z-index:0;pointer-events:none;cursor:default}
.homea .wp{border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.2);overflow:hidden;min-height:238px}
.homea .aleft{width:22.5%;background:#9a0d0d;text-align:center;color:#fff}
.homea .aleft h4{font-size:40px;font-weight:700;text-transform:uppercase}
.homea .aright{width:77.5%;background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bga1.png");padding:20px 12% 20px 5%;min-height:238px}
.homea .aright ul{position:relative;z-index:5}
.homea .aright ul:after{content:"";width:32%;display:inline-block}
.homea .aright ul li{width:32%;font-size:20px;font-weight:700;padding:12px 0}
.homea .aright ul li a{color:#fff;display:flex;justify-content:space-between;flex-wrap:wrap}
.homea .aright ul li a i{line-height:23px}
.homea .aright ul li a span{width:calc(100% - 20px)}
.homea .aright ul li a:hover{color:#daa63e}

.homec{background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bgc.png") no-repeat 50%;background-size:cover;padding:120px 10% 90px;position:relative}
.homec .tit{font-size:50px;font-weight:700;padding-left:5%}
.homec .t{position:absolute;left:50%;transform:translateX(-50%);bottom:45px;z-index:10;color:#fff;font-size:22px;font-weight:700;width:80%;display:flex;justify-content:center}
.homec .item1{width:43.3%;background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bgc0.png") no-repeat 0 100%;padding-bottom:8%;position:relative}
.homec .item1b{position:absolute;padding:50px;border:1px solid #806196;top:-50px;left:5%;width:75%;height:194px;z-index:20;font-size:22px;font-weight:700}
.homec .item3{width:56.7%}
.homec .item2{width:25.5%;position:absolute;bottom:50px;left:26%;z-index:5}
.homec .item3 .pic{height:680px}
.homec .item2 .pic{height:560px}
.homec .item3 .t{bottom:95px;padding-left:120px;}
.homec .item4{width:48%}
.homec .item4 .pic{height:560px}
.homec .item5 .pic,.homec .item6 .pic{height:280px}
.homec .li2{position:relative;z-index:10;top:-50px}
.homec .li3{width:52%}
.homec .item5{width:80%}
.homec .item6{width:52%}
.homec .more{position:absolute;background:#04a49c;right:10%;bottom:140px;color:#fff;display:inline-block;padding:20px 30px;z-index:11}
.homec .more:hover{background: #641c94}
.homec .more i{font-size:14px}
.homed{background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bgd.jpg") no-repeat 50%;background-size:cover;height:590px;padding:0 0 0 8%;overflow: hidden;}
.homed .tit{font-size:50px;font-weight:700;color:#fff;line-height:1.1em;text-shadow:0 0 10px rgba(0,0,0,.2);position:relative}
.homed .tit:after{content:"";position:absolute;width:156px;height:156px;background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/titbg2.png") no-repeat 50%;z-index:5;left:25%;top:-20px}
.homed ul{width:calc(100% - 300px)}
.homed ul li{width:15.1666%;height:65%;margin-left:1.5%;text-align:center;font-size:18px;border-top:4px solid #c9a95f;transition:.3s}
.homed ul li span{display:inline-block;max-width:133px}
.homed ul li i{display:block;margin-bottom:20px;font-size:35px}
.homed ul li a{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;height:100%;color:#fff}
.homed ul li:first-child{background:rgba(57,40,69,.7)}
.homed ul li:nth-child(2){background:rgba(51,83,137,.7);margin-bottom:50px}
.homed ul li:nth-child(3){background:rgba(216,170,72,.7)}
.homed ul li:nth-child(4){background:rgba(21,65,69,.7);margin-bottom:50px}
.homed ul li:nth-child(5){background:rgba(86,21,78,.7)}
.homed ul li:nth-child(6){background:rgba(23,22,22,.7);margin-bottom:50px}
.homed ul li:hover{height:100%;margin-bottom:0;border-top:0}
.homed ul li:first-child:hover{background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/cbg1.png") no-repeat top;background-size:100% 100%}
.homed ul li:nth-child(2):hover{background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/cbg2.png") no-repeat top;background-size:100% 100%}
.homed ul li:nth-child(3):hover{background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/cbg3.png") no-repeat top;background-size:100% 100%}
.homed ul li:nth-child(4):hover{background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/cbg4.png") no-repeat top;background-size:100% 100%}
.homed ul li:nth-child(5):hover{background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/cbg5.png") no-repeat top;background-size:100% 100%}
.homed ul li:nth-child(6):hover{background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/cbg6.png") no-repeat top;background-size:100% 100%}
@keyframes roted{0%{transform:rotate(0)}
50%{transform:rotate(1turn)}
to{transform:rotate(0)}
}
.homee{padding:90px 8% 120px;background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bge.jpg") no-repeat 50%;background-size:cover}
.homee .tit{font-size:50px;font-weight:700;text-align:center;margin-bottom:85px}
.homee ul li{position:relative;width:25%;text-align:center}
.homee ul li:after{content:"";position:absolute;top:40%;height:0;border-top:1px dashed #ccc}
.homee ul li:first-child:after{left:84%;width:45%}
.homee ul li:nth-child(2):after{left:71%;width:56%}
.homee ul li:nth-child(3):after{left:72%;width:55%}
.homee ul li:last-child:after{display:none}
.homee ul li i{display:block;width:120px;height:120px;border-radius:50%;border:1px dashed #ccc;position:absolute;left:50%;margin-left:-60px;top:50%;z-index:0;margin-top:-60px;transition:.3s}
.homee ul li .num{height:166px;line-height:166px;position:relative;margin-bottom:20px}
.homee ul li i:before{margin-left:-60px;margin-top:-60px;width:120px;height:120px;z-index:5;transition:.4s}
.homee ul li i:after,.homee ul li i:before{content:"";position:absolute;left:50%;top:50%;background:rgba(114,41,163,.05);border-radius:50%;opacity:0}
.homee ul li i:after{margin-left:-71px;margin-top:-71px;width:142px;height:142px;z-index:4;transition:.5s}
.homee ul li span{font-size:60px;display:block;position:relative;z-index:8}
.homee ul li p{font-size:22px;text-align:center;color:#666}
.homee ul li:hover i{width:166px;height:166px;margin-left:-83px;margin-top:-83px;animation:roted 50s linear infinite}
.homee ul li:hover i:after,.homee ul li:hover i:before{opacity:1}
.homee ul li:hover span{color:#641c94}

.homee li .num span{position: relative;}
.homee li .num span:after{position: relative;bottom:0;font-size: 28px;margin-left: 5px;line-height: 1.2em;display: inline-block;}
.homee li:nth-child(1) .num span:after{content: '㎡'}
.homee li:nth-child(2) .num span:after{content: ''}
.homee li:nth-child(3) .num span:after{content: ''}
.homee li:nth-child(4) .num span:after{content: ''}
@media screen and (max-width: 768px){
 .homee li .num span:after{font-size: 20px;margin-left: 5px} 
}

.dataM{font-size: 18px;position: absolute; background: #04a49c; right: 10%; bottom: 290px;color: #fff; display: inline-block;padding: 20px 30px; z-index: 11; }
.dataM a{color: #fff;}
@media screen and (max-width: 640px){
  .dataM{display: block;font-size: 15px}
}


@media screen and (max-width:1440px){
  .homec{padding:120px 5% 90px;}
}
@media screen and (max-width:1366px){.homea .aright ul li{font-size:16px}
.homed{height:500px;padding:0 0 0 5%}
.homed ul li span{font-size:14px}
.homec .more{bottom:110px;right:5%}
.homec{padding:120px 5% 60px}
.homec .tit{font-size:40px}
.homec .item1b,.homec .t{font-size:18px}
.homec .item1b{height:146px}
.homec .item3 .pic{height:580px}
.homec .item2 .pic,.homec .item4 .pic{height:460px}
.homec .item5 .pic,.homec .item6 .pic{height:230px}
.homec .item1{background-size:auto 200px}

}
@media screen and (max-width:1279px){.homee .tit{font-size:40px;margin-bottom:85px}
.homee ul li span{font-size:50px}
.homed{height:400px;padding:0 0 0 5%}
.homed .tit{font-size:40px}
.homed ul{width:100%}
.homea .aright{padding-right:5%}
}
@media screen and (max-width:1024px){.homea .aleft h4,.homeb .tit,.homec .tit,.homed .tit{font-size:30px}
.homeb .tit:after,.homed .tit:after{width:120px;height:120px;left:25%;top:-20px}
.homee{padding:60px 5% 80px}
.homee .tit{margin-bottom:25px}
.homee .tit,.homee ul li span{font-size:30px}
.homee ul li p{font-size:16px}
.homee ul li i{width:80px;height:80px;margin-left:-40px;margin-top:-40px}
.homee ul li .num{height:126px;line-height:126px}
.homee ul li i:before{margin-left:-40px;margin-top:-40px;width:80px;height:80px}
.homee ul li i:after{margin-left:-50px;margin-top:-50px;width:100px;height:100px}
.homee ul li:hover i{width:120px;height:120px;margin-left:-60px;margin-top:-60px}
}
@media screen and (max-width:1023px){.homea .aleft{width:100%;padding:20px 0}
.homea .aright{width:100%;padding-right:5%}
.homea .aright ul li{font-size:14px}

.homec .item1{width:48.3%}
.homec .item3{width:100%;position:relative;top:-30px}
.homec .item2{width:46.7%;position:relative;bottom:0;left:0;z-index:5;margin-right:5%}
.homec .item3 .t{bottom:55px}
.homec .item1b,.homec .t{font-size:16px}
.homec .more{padding:10px 15px;font-size:14px}
.homec .item1b{height:auto;padding:30px;width:110%}
.homec .item3 .pic{height:300px}
.homec .item2 .pic{height:260px}
.homec .item4 .pic{height:360px}
.homec .item5 .pic,.homec .item6 .pic{height:220px}
.homec .item5{width:90%}
.homec .item6{width:65%}
}
@media screen and (max-width:768px){
  .serSlide{bottom: 45%}
.in-banner .swiper-slide .bg .wp{padding-bottom: 45%}
}
@media screen and (max-width:767px){
.serSlide{bottom: 35%}
.in-banner .swiper-slide .bg .wp{padding-bottom: 38%}
  .homea .aright ul li{width:49%;padding:12px 0}

.homec .item1b{top:auto;bottom: 10px;left: 5%;padding-bottom:40px;width: 80%}
.homec .item1a{margin-bottom: 120px}
.homea .aright ul li a i{line-height:16px;font-size:14px}
.homec{padding:5px 5% 60px}
.homec .more{position:static;bottom:0;left:0;margin-top: 30px}
.homec .item4,.homec .li3{width:100%}
.homec .item5{width:100%}
.homec .item6{width:100%}
.homec .item1{width:100%;height:200px;padding-bottom:0;position:relative;top:30px}
.homec .item3 .pic{height:220px}
.homec .item2 .pic{height:220px}
.homec .item4 .pic{height:220px}
.homec .item3{top: 0}
.homec .li2{top: 0}
.homec .item2{width:100%;margin-right: 0}
.homec .item1b,.homec .t{font-size:14px}
.homec .t{bottom:25px}
.homec .item3 .t{bottom:25px;padding-left:0;}
}
@media screen and (max-width:640px){

.homed .tit{margin-bottom:40px}
.homed{height:auto;padding:60px 3% 50px}
.homed ul li span{font-size:13px}
.homed ul li{width:31.333333%;height:185px;margin:0 1% 30px;transition:none}
.homed ul li a{padding:0 1%}
.homed ul li:hover{height:185px;margin-bottom:30px;border-top:4px solid #c9a95f}
.homed ul li:nth-child(2):hover,.homed ul li:nth-child(4):hover,.homed ul li:nth-child(6):hover{margin-bottom:50px}
.homee ul li{width:50%;margin-bottom:20px}
.homee ul li:nth-child(2):after{display:none}
.homee ul li .num{margin-bottom:5px}
.homee ul li:first-child:after,.homee ul li:nth-child(3):after{display:none}
.homee {
    padding: 60px 5% 50px;
}
}
@media screen and (max-width:375px){
  .serSlide{bottom: 35%}
.in-banner .swiper-slide .bg .wp{padding-bottom: 45%}
}
@media screen and (max-width:360px){.homec .item5{width:90%}
.homec .item6{width:80%}
.in-banner .swiper-slide .bg .wp{padding-bottom: 55%}
.homec .item1a{margin-bottom: 140px}
}



.hidden_search .text { width: 100%; height: 45px; padding: 0; font-size: 14px; color: #444;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn{display:block;cursor:pointer;position:absolute;right:0;top:0;height:45px;width:40px;border:none;border-radius:50%;
  overflow:hidden;font-size:14px;color:#8f0e16;background:0 0;background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/ser1.png") no-repeat center;background-size: 20px 20px}
.hidden_search .search_wrap { background: #fff;border: 1px solid #e4eaec; border-radius: 50px; position: relative; padding-right: 45px; padding-left: 20px; width: 95% }
.hidden_search .close_btn { position: absolute; right: 20px; top: 32%;  width: 35px; height: 35px;
 -webkit-transition: 0.5s; transition: 0.5s; font-size: 26px;background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/close.png") no-repeat center; background-size: 50% }
 .hidden_search .close_btn:hover{ color: #530794; }

.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: rgba(0,0,0,.7);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative;  padding: 30px 40px 30px 30px; width: 60%; margin: 0 auto; top: 50%;
 margin-top: -58px; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }
.cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.cd-popup-container1 { top: 10%; }
.is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.sear_p{float: left;margin: 20px 0 0 5%;width: 90%;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;}
.sear_txt{float: left;height: 30px;font-size: 12px;line-height: 30px;border: none;width: calc(100% - 35px);background: none;color: #666;text-indent: 5px;}


@media screen and (max-width: 600px){
.hidden_search .close_btn{right: 5px;font-size: 18px;top:28%;}
.cd-popup-container{width: 90%}
.hidden_search .text{font-size: 14px}
.cd-popup-container{padding: 20px 30px 20px 10px}
}

#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bro.png") no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bro.png") no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bro.png") no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bro.png") no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}

/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie11娉ㄦ剰閲岄潰鐨勬爣鐐圭鍙�*/ 
/*ie10 css hack*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}


.homeb{padding:60px 0 130px;background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bgb.jpg") no-repeat 0 100%;min-height:500px}
.homeb .tit{font-size:50px;font-weight:700;text-transform:uppercase;position:absolute;top:0;left:0}
.homeb .tit span{position:relative;z-index:10}
.homeb .tit:after{content:"";position:absolute;width:156px;height:156px;background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/titbg1.png") no-repeat 50%;z-index:5;left:30%;top:-15px}
.homeb .pic{height:600px;width:65%}
.homeb .info{position:absolute;width:45.7%;background:#fff;box-shadow:0 0 25px rgba(0,0,0,.2);padding:50px 55px;left:0;bottom:-60px;z-index:4;top:120px}
.homeb .info h4{font-size:30px;margin-bottom:15px}
.homeb .info time{color:#888}
.homeb .info .txt{padding-top:20px;border-top:1px solid #ddd;margin-top:25px;margin-bottom:40px}
.homeb .info .txt p{padding:12px 0;line-height:1.6em;font-size:18px}
.homeb .info .more i{font-size:14px}

.homeb .list-b{margin-bottom: 20px}
.homeb .list-b li{padding: 15px 0;border-bottom: 1px solid #ddd}
.homeb .list-b li:first-child{padding-top: 0}
.homeb .info:hover h4 a{color:inherit;}
.homeb .info h4 a:hover{color:#8c0507}

@media screen and (max-width:1366px){
.homeb{padding:60px 0 130px;background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bgb.jpg") no-repeat 0 100%;min-height:400px}
.homeb .tit{font-size:40px}
.homeb .tit:after{content:"";position:absolute;width:156px;height:156px;background:url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/titbg1.png") no-repeat 50%;z-index:5;left:30%;top:-15px}
.homeb .pic{height:500px;width:65%}
.homeb .info{width:50.7%;padding:50px 35px;left:0;bottom:-60px;z-index:4;top:90px}
.homeb .info h4{font-size:26px}
.homeb .info .txt{padding-top:15px;margin-top:20px;margin-bottom:30px}
.homeb .info .txt p{padding:5px 0;font-size:16px}
.homeb .info .more i{font-size:14px}
}
@media screen and (max-width:1023px){
.homeb .tit{position:static;margin-bottom:30px;top:0;left:0}
.homeb .pic{height:300px;width:100%}
.homeb .info{position:static;width:100%;padding:50px 35px;left:0;bottom:0;z-index:4;top:0}
}
@media screen and (max-width:640px){
.homeb .info{padding:30px 25px}
.homeb .info h4{font-size:20px}
.homeb .info time{font-size:14px}
.homeb .info time i{vertical-align:-2px}
.homeb .info .txt p{padding:5px 0;font-size:14px}
.homeb{padding:60px 0 80px}
}

@media screen and (max-width: 1023px){
.homec .item4 {height: 360px} 
}
@media screen and (max-width: 767px){
.homec .item4 {height: auto} 
}



.hidden_search .text { width: 100%; height: 36px; padding: 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn{display:block;cursor:pointer;position:absolute;right:0;top:0;height:36px;width:40px;border:none;border-radius:50%;
  overflow:hidden;font-size:14px;color:#8f0e16;background:0 0;background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/ser1.png") no-repeat center;background-size: 20px 20px}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 45px; padding-left: 20px; width: 95% }
.hidden_search .close_btn { position: absolute; right: 20px; top: 32%;  width: 35px; height: 35px;
 -webkit-transition: 0.5s; transition: 0.5s; font-size: 26px;background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/close.png") no-repeat center; background-size: 50% }
 .hidden_search .close_btn:hover{ color: #530794; }

.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: rgba(0,0,0,.7);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative;  padding: 30px 40px 30px 30px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }
.cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.cd-popup-container1 { top: 10%; }
.is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.sear_p{float: left;margin: 20px 0 0 5%;width: 90%;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;}
.sear_txt{float: left;height: 30px;font-size: 12px;line-height: 30px;border: none;width: calc(100% - 35px);background: none;color: #666;text-indent: 5px;}


@media screen and (max-width: 600px){
.hidden_search .close_btn{right: 5px;font-size: 18px;top:28%;}
.cd-popup-container{width: 90%}
.hidden_search .text{font-size: 14px}
.cd-popup-container{padding: 20px 30px 20px 10px}
}

#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bro.png") no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bro.png") no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bro.png") no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url("https://www.cavenetomi.com/__xh__/lib.tsinghua.edu.cn/en/images/bro.png") no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}


.batit {position: absolute;left: 40px;bottom: 50px;color: #fff;text-shadow: 2px 2px 5px  rgba(0,0,0,.2);font-size: 30px}
.batit i{font-size: 18px;display: inline-block;border-bottom: 2px solid #641c94;line-height: 1em;padding-bottom: 8px;margin-bottom: 10px}
.batit span{display: block;}
@media screen and (max-width: 1279px){
 .batit{bottom: 100px;font-size: 20px;left: 25px;} 
}

/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie11娉ㄦ剰閲岄潰鐨勬爣鐐圭鍙�*/ 
/*ie10 css hack*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}