/*
	* 变黑白的代码，只需一行
*/
/*html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter: none;}*/

.tooltip {font-size: 14px;  line-height: 1.5; position: absolute; padding: 5px; z-index: 100003; opacity: .8}
.tipsy-arrow {position: absolute; 	width: 0; height: 0; line-height: 0; border: 6px dashed #FFA500; 	top: 0; left: 20%; margin-left: -5px; 	border-bottom-style: solid; border-top: 0; 	border-left-color: transparent; 	border-right-color: transparent}
.tipsy-arrow-n { 	border-bottom-color: #718cc7; }
.tipsy-inner { background-color: #718cc7; color: #fff; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; border-radius: 4px; }


html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}

ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}a{text-decoration: none;}

.center{text-align:center}
 
.mar{clear:both;margin:auto;width:100%;} 


HTML {_background: url(../img23/trans.gif) no-repeat fixed;}
.bgstretcher-area {text-align: left;}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {position: absolute;top: 0;left: 0;}
.bgstretcher UL, .bgstretcher UL LI {margin: 0;padding: 0;list-style: none;}
.bgstretcher {background: black;overflow: hidden;width: 100%;position: fixed;z-index: 1;_position: absolute;/*IE6 doesn't support fixed positioning*/
	top: 0;left: 0;}
	
.sum, .sum-en {background-color: #1a5590;}
.sum-content {background-color: #1a5590;}
.deps, .deps-en {background-color: #0669aa;}

.serv, .serv-en {/*background-color: #948E73;*/
	background: #75b0ea;}
.serv-content {background-color: #75b0ea;}

.links {background-color: #deefff;}

.no-bg-color {background: transparent;
}


    #ntc ul{float: none;width: auto;margin-top: 10px;}

    #ntc ul li {/*float: none;*/
        width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #FFEEC6;float: none;} 

    #ntc ul li a {width: auto;float: none;}

    .searchbox {width: 239px!important;padding: 5px 30px!important;}

    .searchbox input.inputtext {width: 200px!important;}

    .searchbox a.help {margin-right: 4px!important;}
    #bgstretcher img {object-fit: cover;}

/*
Home Page FrameSet
*/


.header{position:fixed;top:0;right:0;left:0;z-index:999;padding:5px 0 10px 0;color:#fff;background: rgba(0,65,135,.7);}
.header a{color:#fff}
.header a:hover{color:#e3c14a}
.logo{position:relative;z-index:999}
.logoBlue{display:none;height:56px}
.fast-link{font-size: 14px;}
.fast-link a{margin: 0 3px}
.fast-link .l1 a,.fast-link .l1{color: #9db0cb}
.fast-link .l2 a,.fast-link .l2{color: #d1d4e9}
.fast-link .l2{margin: 0 20px}
.fast-link .l3 .inp{border: 0;border-bottom: 1px solid #fff;background: transparent;color: #fff;width: 122px;}
.fast-link .l3 .but{border: 0;background: transparent;color: #fff;margin-left: -20px;cursor: pointer;}


.wp {width: 90%;min-width: 300px;margin: 0 auto;position: relative;max-width: 1300px;}
.v-center {display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;}
.flex {display: flex;justify-content: space-between;flex-wrap: wrap;}

.fslink{display:inline-block;position:relative;z-index:9;}
.fslink .ksljcon{display: none;overflow:hidden;position:absolute;left:-25px;top:19px;width:120px;background:#00274c;padding:0 5px;text-align:center; z-index:1;list-style:none;}
.fslink .ksljcon a{color:#ffffff;display:block;border-bottom:#003b74 1px solid;font-size:12px;margin-bottom:-1px;padding: 6px 0}
.fslink:hover .ksljcon{display:block;}

.header-r-top{margin-bottom:10px;justify-content:flex-end;}

.header-nav ul>li{position:relative;margin-left:30px;transition:all .3s}
.header-nav ul>li:hover>.nav-parent a{color:#e3c14a}
.header-nav .nav-parent a{font-size:16px}
.header-nav .sub-nav{position:absolute;top:20px;padding-top:7px;opacity: 0;visibility:hidden;}
.header-nav ul>li:hover .sub-nav{top:100%;visibility:inherit;opacity:1}
.header-nav .sub-nav .sub-nav-wp{padding:20px 20px;background:url(https://www.swjtu.edu.cn/img23/navbg.png) #fff no-repeat right bottom;margin-top: 10px;position: relative;padding-right:100px;box-shadow: 0 0 10px rgba(0,0,0,.3)}
.header-nav .sub-nav .sub-nav-wp::before{position: absolute;content:'';border: 10px solid #fff;border-color: transparent transparent  #fff transparent;top:-20px;z-index: 5;}
.header-nav .sub-nav .sub-nav-wp a{color:#000;font-size:16px}
.header-nav .sub-nav .sub-nav-wp a:hover{color:#043491}
.header-nav .sub-nav .sub-nav-wp .nav-pic{position: relative;width: 230px}
.header-nav .sub-nav .sub-nav-wp .nav-pic p{position: absolute;left: 0;bottom: 0;right: 0;padding: 65px 5px 5px;z-index: 10;color: #fff;font-size: 13px;text-align: center;background: linear-gradient(0deg,rgba(60,117,166,1) 0%,rgba(60,117,166,0) 100%)}
.header-nav .sub-nav .sub-nav-wp .sub-nav-a{width:calc(100% - 270px)}
.header-nav .sub-nav .sub-nav-wp .sub-nav-a div.flex:after{display: inline-block;width: 33%;content: ''}
.header-nav .sub-nav .sub-nav-wp .sub-nav-a a{margin-left:0;width:33%;padding: 5px 5px;line-height: 1.3em;background: url(https://www.swjtu.edu.cn/img23/cirb.png) no-repeat left 12px;padding-left: 12px;display:block\0;}

.header-nav .sub-nav1{width:800px;left:50%;transform:translateX(-50%);}
.header-nav .sub-nav1 .sub-nav-wp::before{left: 50%;margin-left: -10px}
.header-nav .sub-nav2{width:800px;left:50%;transform:translateX(-50%);}
.header-nav .sub-nav2 .sub-nav-wp::before{left: 50%;margin-left: -10px}
.header-nav .sub-nav3{width:927px;left:50%;transform:translateX(-50%);}
.header-nav .sub-nav3 .sub-nav-wp::before{left: 50%;margin-left: -10px}
.header-nav .sub-nav4{width:800px;left:50%;transform:translateX(-50%);}
.header-nav .sub-nav4 .sub-nav-wp::before{left: 50%;margin-left: -10px}
.header-nav .sub-nav5{width:800px;right:-290px;}
.header-nav .sub-nav5 .sub-nav-wp::before{right: 316px}
.header-nav .sub-nav6{width:800px;right:-195px;}
.header-nav .sub-nav6 .sub-nav-wp::before{right: 216px}
.header-nav .sub-nav7{width:880px;right: -95px}
.header-nav .sub-nav7 .sub-nav-wp::before{right: 120px}
.header-nav .sub-nav8{width:800px;right: 0}
.header-nav .sub-nav8 .sub-nav-wp::before{right: 20px}



#homepage {width: 100%;height:100%;position: absolute;top: 0;left: 0;overflow:hidden}
#homepage .top {width: 100%;height: 96px;top: 0;position:fixed;bottom:auto;top:0px;/*
	background:transparent url('../img23/top-trans-bg.png') repeat-x left top;*/
	z-index: 2;}
#homepage .content {width: 100%;height: 50px;float: left;position:fixed;bottom:105px;top:auto;z-index: 1;}
#homepage .bottom {width: 100%;height: 90px;background: url(../img23/footbj.jpg) no-repeat center top #2d5ea1;position:fixed;bottom:0px;top:auto;z-index: 1;}
#home-top {width: 1200px;height: 96px;margin-left: auto;margin-right: auto;}
#home-content {width: 1280px;height: 150px;margin-left: auto;margin-right: auto;}
#home-bottom {width: 1280px;height: 70px;margin-left: auto;margin-right: auto;}



/*
Top Content CSS
*/


.lang {width: 340px;float: left;margin-left: 2%;margin-bottom: 4px;padding-left: 10px;border-left: 1px solid #948E73;display: none;}

.lang  a {padding-left: 5px;height: 20px;display:inline;font-size: 12px;line-height: 20px;margin-right: 10px;cursor: pointer;color: #fff;} 
.lang  a:hover {color: #fff;}
.lang  a.lang_selected {background-position: 0 -20px;color: #fff;}
.top-links {width: 900px;float: left;}
.animate-area {width: 601px;height: 36px;position: absolute;z-index: 100;}
.aa-content {width: 275px;float: left;display: none;padding: 10px 10px 10px 15px;}
.aa-content a {float: left;height: 20px;color: #fff;padding: 0 0 0 8px;font-size: 12px;line-height: 20px;min-width: 80px;}
.aa-content a:hover {color: #fff;}
.aa-content div.two {float: left;height: 20px;color: #fff;padding: 0 0 0 8px;font-size: 12px;line-height: 20px;min-width: 80px;}
.aa-content div.two a {float: left;height: 20px;color: #fff;font-size: 12px;line-height: 20px;min-width: 5px;padding:0;text-align:center;}
.aa-content div.two a:hover {color: #fff;}
.aa-content-en {width: 275px;float: left;display: none;padding: 10px 10px 10px 15px;}
.aa-content-en a {float: left;height: 20px;color: #FFECC5;font-size: 12px;line-height: 20px;width: 230px;padding-left:20px;}
.aa-content-en a:hover {color: #593939;}
.sum, .sum-en {float: left;width: 200px;height: 36px;}
.sum span {float: left;width: 300px;height: 36px;color: #fff;text-indent: -100000px;background: url(../img23/summ-new.png) no-repeat 0 0;}
.sum-en span {float: left;width: 300px;height: 36px;text-indent: -100000px;background: url(../img23/summ_en.png) no-repeat 0 0;}
.deps, .deps-en {width: 200px;float: left;height: 36px;}
.deps span {float: left;width: 300px;height: 36px;text-indent: -100000px;background: url(../img23/deps-new.png) no-repeat 0 0;}
.deps-en span {float: left;width: 300px;height: 36px;text-indent: -100000px;background: url(../img23/deps_en.png) no-repeat 0 0;}
.lastvisit {width: 265px;height: 20px;float: left;border-top: 1px solid #FFECC5;margin-top: 5px;display: none;}
.lastvisit label {height: 20px;width: 60px;font-size: 12px;color: #593939;line-height: 20px;font-weight: 700;float: left;margin: 5px 5px 5px 10px;}
.lastvisit a {height: 20px;width: 170px;float: left;font-size: 12px;line-height: 20px;margin: 5px 0;color: #593939;overflow: hidden;}
.serv, .serv-en {width: 200px;float: left;height: 36px;}
.serv span {float: left;width: 300px;height: 36px;text-indent: -100000px;background: url(../img23/service-new.png) no-repeat 0 0;}
.serv-en span {float: left;width: 300px;height: 36px;text-indent: -100000px;background: url(../img23/service_en.png) no-repeat 0 0;}
.visitruc-en {width: 200px;float: left;height: 36px;}
.visitruc-en span {float: left;width: 300px;height: 36px;text-indent: -100000px;background: url(../img23/visitruc_en.png) no-repeat 0 0;}
.changebg {background-position: 0 -36px !important;}
.links {width: 299px;float: right;height: 36px;}
.links a {font-size: 12px;line-height: 36px;color: #593939;float: left;margin: 0 5px;height:36px;}
.links a:hover {text-decoration: underline;}
.links a.bord {font-weight: 700;}
.links a.link2tv {width:30px;background:url(../img23/tv.png) 0 0 no-repeat;}
.links a.link2tv:hover {background:url(../img23/tv.png) 0 -36px no-repeat;}
.links span {float: left;color: #593939;font-size: 12px;line-height: 36px;}
.searchbox {width: 200px;height: 50px;float: left;background-color: #deefff;padding: 5px 45px 5px 54px;}
.searchbox-en {height: 30px;padding: 6px 45px 0px 54px;}
.searchbox input.inputtext {width: 165px;height: 24px;float: left;border: none;padding: 0 30px 0 5px;background: url(../img23/searchbox_bg.png) no-repeat 0 0;color: #7cc0ff;font-size: 14px;line-height: 24px;}
.searchbox input.submit {float: left;width: 24px;height: 24px;margin-left: -24px;}
.searchbox input:focus {background-position: 0 -24px;color: #593939;}
.searchbox div.help {width: 160px;height: 20px;float: left;font-size: 12px;line-height: 20px;color: #462209;margin: 5px 0 0;overflow:hidden;}
.searchbox a.help {float:right;height:20px;font-size:12px;line-height:20px;color:#462209;text-align:right;margin:5px 0 0 0;}
.focusonsinaweibo {width: 95px;height: 20px;float: right;margin-top: 60px;}
a.weibo-link {width: 95px;height: 20px;background: url(../img23/sina-weibo-2.png) no-repeat 0 0;float: left;}
a.weibo-link:hover {background-position: 0px -20px;}

/*
Bottom Content CSS
*/
.bc-line-1 {width: 1280px;height: 20px;float: left;margin-top: 15px;}
.bc-left-1 {float: left;font-size: 12px;line-height: 25px;color: #fff;}
.bc-right-1 {float: right;}
.bc-right-1 a , .bc-left-1 a {font-size: 12px;line-height: 25px;color: #fff;float: right;margin-left:10px;text-decoration: none;}
.bc-right-1 a:hover {color: #fff;}
.bc-right-1 span  , .bc-left-1 span{float: right;color: #fff;font-size: 12px;line-height: 25px;margin-left: 10px;}
.bc-line-2 {width: 1280px;height: 20px;float: left;margin-top: 5px;}
.bc-left-2 {float: left;font-size: 12px;line-height: 25px;color: #fff;}
.bc-right-2 {float: right;margin-right: 61px;font-size: 12px;line-height: 25px;color: #fff;}
.bc-right-2 span {font-weight: 700;}
.bc-left-2 a, .bc-right-2 a {color: #fff;}

@media only screen and (max-width: 1024px) {
	#home-bottom{width:100%;}
	.bc-line-1 {width:100%;}
    .bc-line-2 {width:100%;}
}


/*
Homepage Content CSS
*/

.cclb-news {float:left;height:40px;font-size:16px;line-height:40px;color:#FFEDC5;margin-left:10px;font-weight:700;text-shadow: 1px 1px #64604E;}
.cclb-news a {float:left;height:40px;font-size:16px;line-height:40px;color:#FFEDC5;text-shadow: 1px 1px #64604E;}
.cclb-news a:hover {text-decoration:underline;}
.cclb-date {float:left;height:20px;font-size:12px;line-height:20px;margin:12px 0 0 10px;color:#FFEDC5;}
.cclb-btn {width:90px;height:40px;float:right;}
.cclb-btn-prev {width:30px;height:40px;float:left;background: transparent url(../img23/imagenav-btn.png) repeat;cursor: pointer;text-indent: -10000px;}
.cclb-btn-prev:hover {background-position: -30px 0;}
.cclb-btn-pause {width:30px;height:40px;float:left;background: transparent url(../img23/imagenav-btn.png) repeat;background-position: 0 -80px;cursor: pointer;text-indent: -10000px;}
.cclb-btn-pause:hover {background-position: -30px -80px;}
.cclb-btn-start {width:30px;height:40px;float:left;background: transparent url(../img23/imagenav-btn.png) repeat;background-position: 0 -120px;cursor: pointer;text-indent: -10000px;}
.cclb-btn-start:hover {background-position: -30px -120px;}
.cclb-btn-next {width:30px;height:40px;float:left;background: transparent url(../img23/imagenav-btn.png) repeat;background-position: 0 -40px;cursor: pointer;text-indent: -10000px;}
.cclb-btn-next:hover {background-position: -30px -40px;}
.ccl-box-2{width: 360px;height: 129px;border-bottom: 1px solid #948E73;float: left;}

.cc-middle {width: 700px;float: left;margin-left:10px;}

.cc-right {width:245px;float: right;}
.ccr-up {width:160px;float: left;margin-top: -178px;}
.ccr-up img {width:75px;float: left;margin:2px;}
.ccr-down {height: 20px;float: left;margin-top: 10px;}
.ccr-down a {height: 20px;float: right;background: url(../img23/lib.png) no-repeat 0 0;text-indent: -100000px;}
.ccr-down a:hover {background-position: 0 -20px;}
.vd a {width:188px;height:100px;float:left;margin-left:-4px;}

/*
Detailpage Content CSS
*/
.dc-left {width: 215px;padding: 65px 10px 20px 75px;float: left;}
.left-line {background: #fff url(../img23/dcm-fix-trans-bg.png) no-repeat 0 0;}
.cc-long {float: left;height: 210px;margin-top: -178px;width: 470px;}
.cc-short {float: left;margin-top: -178px;margin-left: 20px;}
 

			.tab {width: 485px;height: 235px;overflow: hidden;}

			.tab-nav {height:40px;overflow: hidden;background:rgba(41, 96, 152, .9);}

			.tab-nav a {display: block;float: left;width:115px;height:40px;font-size:18px;line-height:40px;text-align: center;text-decoration: none;color: #fff;}

			.tab-nav a.current {background: rgba(221, 230, 235, .9);color: #296098;font-weight:bold;}

			.tab-con {position: relative;width: 485px;height: 210px;overflow: hidden;background: rgba(221, 230, 235, .9);}

			.tab-con-item {display: none;width: 485px;}
			
			
.infolist {width: 460px;height: 170px;float: left;display: none;}
.infolist div.featured {width: 440px;height: 24px;overflow: hidden;float: left;margin: 10px 0 10px 20px;padding-bottom: 5px;border-bottom: 1px dotted #10509e;margin-bottom: 5px;}
.infolist div.featured a {width: 440px;float: left;color: #10509e;font-size: 16px;font-weight:bold;line-height: 24px;}
.infolist div.featured a span {font-size:9px;margin-left:5px;}
.news-img img{width:135px;height:97px;float: left;margin: 10px 0px 0 20px;}


.infolist ul {float: left;margin: 5px 0px 0 10px;overflow:hidden;}
.i-left-new1 ul, .i-left-new1  ul li{width:295px;}

.infolist ul li {float: left;overflow: hidden;}

.infolist ul li a {color:#3a8ad9;font-size: 15px;line-height: 25px;float: left;overflow: hidden;_display:block;}
.infolist ul li a:hover {color: #3668c6;}
.infolist ul li a span {font-size: 11px;color:#88c0f0;    font-family: Arial;}

.i-left-new2 ul, .i-left-new2 ul li{width:440px;margin:5px 0 0 10px;display:block}
.i-left-new3 ul{width:270x;margin:10px 0 0 0px;}
 .i-left-new3  ul li{clear:both;margin:0px 0 0 12px;}
.news-tab3 {width:173px;float:left;line-height:18px;text-align:center;margin:15px 0px 0 20px;}
.news-tab3 a{color:#10509e;font-size:12px;}
.news-tab3 img{width:173px;height:121px;}

a.go2rucnews {height: 20px;padding-right: 10px;margin-right: 10px;float: right;background: url(../img23/arrow.png) no-repeat top right;font-size: 12px;line-height: 20px;color: #10509e;text-align: center;font-style: italic;}
a.go2rucnews:hover {color:#3a8ad9;}			
	
	
.i-tongzhi .tit{color:#fff;font-weight:bold;font-size:16px;background:rgb(140,18,18,.8);border-top-left-radius:7px;line-height:39px;width:113px;float:left;text-align:center;}


._container {height: 40px;overflow: hidden;}
._container li {padding:0 0 0 3.5%;height:40px;background:rgb(255,255,255,.8);line-height:38px;font-size: 18px;overflow:hidden;}
._container li:first-child {margin-top: 0px;transition: margin-top .8s;/*此处可修改每次滚动持续时间*/}
._container li a{color:#912426;font-size:14px;padding:0 0 0 1%;vertical-align:top;}


.i-zhuanti-img {width:542px;}
.i-zhuanti-img a{display:inline-block;width:30%;margin:1.1% 0.8% 0 2%;float: left;}
.i-zhuanti-img a img{width:100%;}

.zhuanti_box {float:left;width:542px;height:auto;}

.i-yuanbudh {margin:3% 0 0 3%;}
.i-yuanbudh  dd{display:inline-block;width:25%;margin:1% 3%;}
.i-yuanbudh  a{font-size:15px;color:#6f6f6f;}

.i-zhinan-img {margin:3.5% 0 0 0.6%;}
.i-zhinan-img a{display:inline-flex;margin: 0% 0 0% 0.4%;width:23.8%;}
.i-zhinan-img a img{width:100%;}

.i-zhineng {margin:1.5% 0 0 2%;}
.i-zhineng dd {display:inline-block;width:22.9%;margin:0.8% 0.7%;}
.i-zhineng a{font-size:14px;color:#6f6f6f;}

.i-guanmei  {margin:1.3% 0 0 1%;}
.i-guanmei a{display:inline-block;width:23%;margin:1% 0.6%;font-size:15px;color:#6f6f6f;text-align:center;}
.i-guanmei a img{width:100%;}

#slideBox {width:542px;background:rgba(255, 255, 255, .8);overflow:hidden;}
#slideBox .J_slide_list {width:3600px;}
#slideBox .J_slide_list .J_slide_item {width:542px;height:162px;float:left;}
#slideBox .J_slide_list .J_slide_item img {vertical-align:top;}
#slideBox .J_slide_trigger {width:542px;height:32px;background:#5a5a5a;margin-top:1px;}
#slideBox .J_slide_trigger li, .J_slide_trigger a {width:108px;font-size:16px;}
#slideBox .J_slide_trigger li {float:left;height:32px;line-height:32px;text-align:center;_display:inline;overflow:hidden;}
#slideBox .J_slide_trigger li a {display:block;height:32px;color:#fff;font-family:"Microsoft Yahei", "微软雅黑";}
#slideBox .J_slide_trigger li.cur a, .J_slide_trigger li a:hover {color:#FFF;background:#21b6bb;text-decoration:none;}
.J_slide_advance {width:600px;float:left;height:148px;margin-top:1px;}
.J_slide_advance p {width:199px;margin-right:1px;float:left;}
			
 
#slide-arrow-box .slide-arrow {width:24px;height:100px;position: absolute;z-index: 1;background: url(../img23/slide-arrow.png) 0 0 no-repeat;cursor:pointer;}
#slide-arrow-box .slide-arrow-prev {background-position: 0 0;left:0;}
#slide-arrow-box .slide-arrow-prev:hover {background-position: 0 -100px;}
#slide-arrow-box .slide-arrow-next {background-position: -24px 0;right:0;}
#slide-arrow-box .slide-arrow-next:hover {background-position: -24px -100px;}

#nav {width:36px;height:36px;position: absolute;z-index: 999;top:200px;right:200px;}
#nav ul {width:36px;height:36px;float:left;overflow:hidden;}
#nav ul li {width:36px;height:36px;float:left;display:none;}
#nav ul li.showPage {display:block;}
#nav ul li a {width:36px;height:36px;float:left;background:url(../img23/info.png) 0 0 no-repeat;}
#nav ul li a:hover {background-position:0 -36px;;}