/**单页内容样式表**/







html,body{height:100%;}



body{position:relative; display: flex; flex-direction: column;}



header{}

header.show-bg .nav {

    background: rgba(146,58,55,0.8);

}

header .nav{background:none;}

header:hover .nav{background:rgba(146,58,55,0.8); }

main{padding:0; margin-top:0;}

header:hover .nav:before{height:0;}



main{position:relative; background-repeat:no-repeat; background-size:auto 100%; background-attachment:fixed; flex-grow: 1;}



@media (min-aspect-ratio: 16/9){



	main{background-size:  100% auto;}



}

a:hover{text-decoration: none;}



div.nav-list{position: fixed; top:132px; margin-left: 0px; width:106px; background:#944f4e; padding:5px 0; transition: top 0.2s linear;}



div.nav-list p{text-align:center; margin:0;padding: 0 5px;}



div.nav-list p a{position:relative;color:#fff; font-size: 12px; display:block; padding:10px 0; text-decoration:none; border-bottom:1px solid #fff; transition: color 0.2s linear;}



div.nav-list p a:before{content:"";position:absolute; top:0; left:0; height:100%; width:0; background:rgba(255,255,255,0.8); z-index:0; transition: width 0.2s linear;}



div.nav-list p a span{position:relative; z-index:1;}



div.nav-list p:nth-last-child(1) a{border-bottom:none;}



div.nav-list p:hover a{color:#923a37;}



div.nav-list p:hover a:before{width:100%;}



div.nav-list p.sel{}



div.nav-list p.sel a{color:#923a37; background:#fff;}



div.nav-list p.sel a:before{width:100%; background:#fff;}







div.content{margin-left:156px; position:relative; z-index:1; height:100%;margin-top: 130px;}



div.content .block{background:#fff; margin-bottom: 30px; padding-bottom: 30px; background:#fff; box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);min-height:400px;}

div.content .block .tp {width: 100%;position: relative;text-align: center}

div.content .block .w_z {position: absolute;left: 0;bottom: 0;font-size: 20px;color: #fff;line-height: 2;padding-left: 30px;}

div.content .block h2{margin:0; height: 65px; line-height: 65px; padding-left: 30px; background:#f2ece2; color:#4a4a4a; font-size: 24px;margin-bottom: 30px}

div.content .block h1 {font-size: 30px;color: #bc9f6d;font-weight: bold;margin-bottom: 20px;position: relative;padding-top: 15px;}

div.content .block h1::before{content: "";width: 60px;height: 2px;background: #bc9f6d;position: absolute;left: 30px;top: 0}

div.content .block h1.sz {padding-left: 0px;background:none;}

div.content .block h1.sz::before{content: "";width: 60px;height: 2px;background: #bc9f6d;position: absolute;left:0px;top: 0}

div.content .block h3{padding-left: 30px; padding-top: 30px; margin-top: 0;}



div.content .block p.p1 {line-height: 58px;text-align: center;padding: 0;text-indent: 0;}



div.content .block p{padding:30px 30px 0 30px; text-indent: 2em; line-height: 28px; font-size: 14px; margin:0; color:#4a4a4a;}



div.content .block p em{ text-indent:0;font-weight:normal; font-style:normal;  display:inline-block; padding:0px 10px;  background:#eee; margin:0; border-radius:6px; font-size: 14px; color:#fff;}



div.content .block p em:nth-child(6n+1){background:rgba(213, 0, 0, 0.5);}



div.content .block p em:nth-child(6n+2){background:rgba(197, 17,98, 0.5);}



div.content .block p em:nth-child(6n+3){background:rgba(170, 0, 255, 0.5);}



div.content .block p em:nth-child(6n+4){background:rgba(98, 0, 234, 0.5);}



div.content .block p em:nth-child(6n+5){background:rgba(48, 79,  254, 0.5);}



div.content .block p em:nth-child(6n+6){background:rgba(41, 98, 255, 0.5);}



/*div.content .block p strong{color:#1c8a04;}*/







div.content .block p.kw-list{padding:30px 30px 0 30px; text-indent: 0;}



div.content .block p.kw-list em{transform:scale(0);   margin:0 10px 10px 0; padding:4px 10px; margin:0 10px 10px 0; }



div.content .block p.kw-list em.s1{transform:scale(1.2); transition:transform 0.4s linear;}



div.content .block p.kw-list em.s2{transform:scale(1); transition:transform 0.2s linear;}







div.content .block .img-list{position:relative; overflow:hidden; height: 400px;}



div.content .block .img-list .img-list-wrapper{white-space: nowrap; transition: all 0.6s ease-out; display: flex;}



div.content .block .img-list .img-list-wrapper img{}



div.content .block .img-list .img-list-pagination{position:absolute; bottom: 10px; left: 30px;}



div.content .block .img-list .img-list-pagination a{display:inline-block; width:10px; height: 10px; background:rgba(255, 255, 255, 0.7); border-radius:2px; margin-right:5px; cursor:pointer; transition: all 0.2s linear;}



div.content .block .img-list .img-list-pagination a.sel{width:12px; height: 12px; background:rgba(255,255,255,0.95);}



.content2{

    padding: 30px 60px;

    color: black;

    text-align: center;

}

.content2 h4 {font-size: 25px;color: #333;margin-bottom: 20px;}

.content2 h5 {font-size:16px;color: #666;margin-bottom: 50px;}

.content2>p{

    text-align: left;

    margin-bottom: 90px;

}



.content2 a{

    color: #828282;

}

.content2 li span{

    font-size: 30px;

    color: #bc9f6d;

}

.content2 h2{

    font-weight:bold;

    margin-bottom: 40px;

}

.content2 .title{

    width: 100px;

    display: inline-block;

    padding-bottom: 9px;

    font-size: 20px;

    font-weight:bold;

    color: #bc9f6d;

    white-space: nowrap;

    text-indent: -10px;

    border-bottom: 2px solid #bc9f6d;

    margin-bottom: 50px;

    overflow:visible;

}

.content2 .box li .circle{

    position: absolute;

    top: 0;

    z-index: 2;

}

.content2 .box ul{

    width: 100%;

}

.content2 .box li{

    position: relative;

    width: 50%;

    margin-top: 0;

}



.content2 .box li p{

    /*padding-bottom: 10px;*/

    font-size: 14px;

    color: #555;

    margin-bottom: 10px;margin-top: 10px;

    height: 40px;

    line-height: 40px;

    overflow: hidden;padding: 0;

}



.content2 .box li.l{

    text-align: right;

    padding-right: 35px;

    border-right: 2px solid #bc9f6d;

}





.content2 .box li.r{

    position: relative;

    left: -2px;

    text-align: left;

    padding-left: 35px;

    margin-left: 50%;

    border-left: 2px solid #bc9f6d;

}



.content2 .box li.l .circle{

    right: -18px;

}

.content2 .box li.r .circle{

    left: -18px;

}

.content2 .box li span.active{

    color: #03aa8e;

}



.content2 .box li.l.last{

    border-right: 2px dotted #bc9f6d;

}

.content2 .box li.last.end{

    border: none!important;

}

.content2 .box li.r.last{

    border-left: 2px dotted #bc9f6d;

}

.content2 .box li.last p{

    padding-bottom: 0;padding: 0;

    margin-bottom: 10px;

}



.zhaop {padding-top: 30px;}

.zhaop h1 {font-size: 30px;color: #bc9f6d;font-weight: bold;margin-bottom: 20px;position: relative;padding-top: 15px;}

.zhaop h1::before{content: "";width: 60px;height: 2px;background: #bc9f6d;position: absolute;left: 30px;top: 0}

.zhaop .box h1 span a{float: right;font-weight: normal;color: #bc9f6d;font-size: 18px;}

.zhaop .box {padding-top: 30px;padding: 30px 80px;overflow: hidden;}

.zhaop .box h3 {font-size: 18px;color: #bc9f6d;font-weight: bold;line-height: 30px;border-bottom: #ccc 1px solid;padding: 0 !important;line-height: 1.8;}

.zhaop .box h3 span {float: right;font-weight: normal;}

.zhaop .box p.p2 {padding: 10px 0 0 0 !important;font-size: 14px;line-height: 40px;border-bottom: #ccc 1px solid;width: 27%;margin-right: 3%;float: left;text-indent: 0}

.zhaop .box p.p3 {padding: 10px 0 0 0 !important;font-size: 14px;line-height: 40px;border-bottom: #ccc 1px solid;width: 40%;float: left;text-indent: 0}

.zhaop .box .l1 {}

.zhaop .box p{text-indent: 0 !important;line-height: 40px !important;}

.zhaop .box .sq a {width: 100%;height: 50px;background: #923a37;line-height: 50px;font-size: 28px;font-weight: bold;color: #fff;text-align: center;display: block;margin-top: 30px}



.zhaoplb {padding-top: 30px;}

.zhaoplb ul li {height: 50px;padding: 15px 0;line-height: 20px;font-size: 18px;background: #eeeeee;margin-bottom: 2px;color: #363636;}

.zhaoplb ul li:first-child{background: #bc9f6d;color: #fff;}

.zhaoplb ul li span {width: 18.5%;float: left;}

.zhaoplb ul li span.l1 {width: 31%}

.zhaoplb ul li span.l5 {width: 13.5%}

.zhaoplb ul li span a {color: #bc9f6d;}



.xx1 .hd {margin-bottom: 30px;}

.xx1 .hd ul li{ display:inline-block;padding: 0 !important;}

.xx1 .hd ul li a {line-height:40px;padding: 0 20px;font-size: 18px;font-weight: bold;color: #666;display: block;border-radius: 3px;}

.xx1 .hd ul li.on a {background: #bc9f6d;color: #fff;}

.xx1 .hd ul li:hover a {background: #bc9f6d;color: #fff;}



.pc-slide {

	width: 100%;

	margin: 0 auto;

}





.view .swiper-container {

	width: 100%;

	height: auto;

}



.view .arrow-left {

	background: url(http://www.tssyedu.com/css/images/index_tab_l.png) no-repeat left top;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -25px;

	width: 28px;

	height: 51px;

	z-index: 10;

}



.view .arrow-right {

	background: url(http://www.tssyedu.com/css/images/index_tab_r.png) no-repeat left bottom;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -25px;

	width: 28px;

	height: 51px;

	z-index: 10;

}



.preview {

	width: 100%;

	margin-top: 10px;

	position: relative;

}

.topx { height:20px; background:#e61931;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; position:absolute; top:0; z-index:1; left:0; width:100%}

.preview .swiper-container {

	width:880px;

	height: 40px;

	margin-left: 35px;

}

.preview h4 { width:100%; height:40px; display:block; color:#666; font-size:18px; line-height:40px; text-align:center; font-weight: bold;padding: 0 !important;margin: 0;border-radius: 3px;}

.preview .active-nav h4 {  background:#bc9f6d; color:#fff}

.preview .swiper-slide {

	width: 81px;

	height: 40px;

	cursor:pointer; margin-top:0px; z-index:9999

}



.preview .slide6 {

	width: 78px;

}



.preview .arrow-left {

	background: url(../image/feel3.png) no-repeat left top;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}



.preview .arrow-right {

	background: url(../image/feel4.png) no-repeat left bottom;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}



.preview img {

	padding: 1px;

}



.preview .active-nav img {

	padding: 0;

	border: 1px solid #F00;

}





.product-section{position:relative;/*background:url(../images/productBase-features-bag.jpg) no-repeat;background-size:cover*/}



.product-title{padding:50px 10px 30px;font-weight:normal;font-size:30px;line-height:46px;color:#333;text-align:center;}



.product-wrapper{padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative}



.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}

.swiper-cp{}

.product-features .product-body{margin:0px 25px}



.product-features .product-body:after{content:"";width:100%;height:3px;background:url(http://www.tssyedu.com/images/productBase-features-model.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:50px;left:0;z-index:0}



/*li*/

.block .box {padding: 30px 80px;}

.features-item{position:relative;float:left;}

.zysjw { width:100%;}

.zysjw:hover{transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

.zysjw .tp { width:100%}

.zysjw .tp img { width:100%; display:block;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}

.zysjw .mb {position: absolute;left: 0;top: 0;background:rgba(146,58,55,0.5);width: 100%;height: 100%;z-index: 8}

.zysjw:hover .mb{top: -100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

.zysjw .wenz { width:100%;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;position: absolute;left: 0;bottom: 0;height: 100%;background:rgba(146,58,55,0);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;padding: 0 20px 20px;z-index: 99}

.zysjw .wenz h3 {font-size:14px;line-height:28px;color:#fff;transition:all 0.1s;padding:30px 0 !important;}

.zysjw:hover .wenz{transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;height: 100%; background:rgba(146,58,55,0);}

.zysjw:hover .wenz h3 {}

.zysjw .wenz p {font-size:14px;color:#fff;line-height:2;margin-bottom:10px; margin-top:20px; text-align:left;font-family: "Microsoft YaHei";}

.zysjw:hover .wenz p{ color:#fff}

.features-slide .features-item>*{text-align:center}



.features-item h3{font-size:18px;line-height:28px;color:#333;transition:all 0.1s}



.features-item i{position:absolute;width:75%;height:33px;background:url(http://www.tssyedu.com/images/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px;top:35px;z-index:3}



.features-item .features-info{display:block;margin:0 auto;padding:20px 30px;transition:all 0.3s;border-radius:2px}



.features-item .features-info .features-info-i{font-size:14px;color:#A0A2A8;line-height:22px;margin-bottom:10px; margin-top:10px;}



.features-item .features-info .features-info-s{font-size:16px;color:#666;line-height:24px;overflow:hidden; margin-bottom:15px;}



.features-item.dark i{background:url(http://www.tssyedu.com/images/productBase-features-timeline-dark.png) no-repeat;background-size:contain;background-position:right center}





/*左右按钮*/

.product-features ul li {padding: 0 !important}

.product-features .swiper-button-prev{width:30px;height:40%;left:-15px;top:38%;background:none}



.product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../image/productBase-features-left.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}



.product-features .swiper-button-next{width:30px;height:40%;right:-15px;top:38%;background:none}



.product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../image/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}



/**内容列表**/



div.content .block .item-list{}



div.content .block .item-list .item{display:block; position:relative; margin:0 30px; padding:30px 0 30px 30px; border-bottom:1px solid #f3f3f3; font-size:16px; color:#4a4a4a; text-decoration:none;}



div.content .block .item-list .item:before{transition:all 0.1s linear; content:""; position:absolute; left:0; top: calc(50% - 2px); width:5px; height: 5px; background:#d50000;}



div.content .block .item-list .item:hover:before{transform:scale(2);}



div.content .block .item-list .item:nth-last-child(1){border-bottom:none;}



div.content .block .szll {padding: 30px 80px;}

div.content .block .szll .an {margin-bottom: 10px;overflow: hidden;}

div.content .block .szll .an a {width: 150px;height: 40px;line-height: 40px;margin-right: 20px;display: block;float: left;font-size: 18px;padding-left: 10px;box-sizing: border-box;background: url(../image/jt.png) right center no-repeat;color: #333;border: #ccc 1px solid;border-radius: 5px;}

div.content .block .szll .an a:hover {background: #923a37 url(../image/jt.png) right center no-repeat;color: #fff;}

div.content .block .szll ul {height: 352px;}

div.content .block .szll ul li {width:230px;float: left;margin:0 95px 25px 0 ;padding: 0;overflow: hidden;height: 352px; position:relative; overflow:hidden;

transition:all 0.5s;

-webkit-transition:all 0.5s;

-moz-transition:all 0.5s;

-ms-transition:all 0.5s;

-o-transition:all 0.5s;}

div.content .block .szll ul li:nth-child(3n){margin-right: 0}

div.content .block .szll.on ul li{width:40px;}

div.content .block .szll.on ul li.dl{width: 610px;background: #fef7f2;z-index: 9;}

.main ul li{width:33.3333333333333333%; height:100vh; float:left; position:relative; overflow:hidden;

transition:all 1s;

-webkit-transition:all 1s;

-moz-transition:all 1s;

-ms-transition:all 1s;

-o-transition:all 1s;}

.main.on ul li{width:30%;}

.main.on ul li.dl{width:40%;}





div.content .block .szll ul li img {width: 100%;display: block;}

div.content .block .szll ul li h3 {font-size: 20px;color: #333;margin-bottom: 5px;padding: 0;margin-top: 10px;line-height: 1.5; margin-left:10px;}

div.content .block .szll ul li p {font-size: 14px;color: #363636;line-height: 1.5;padding: 0;text-indent: 0;margin-left:10px;}

div.content .block .szll ul li .tp {width: 230px;float: left;padding: 10px 0;text-align: left;}

div.content .block .szll ul li .wenz {width:380px;padding: 10px 30px;float: right;font-size: 14px;color: #363636;}

div.content .block .szll ul li .wenz p {margin-bottom: 15px;line-height: 1.8;}





div.content .block .biye{padding: 0px 80px 30px;}

div.content .block .biye select {

    width: 150px;

    height: 40px;

    line-height: 40px;

    font-size: 18px;

    padding-left: 10px;border-bottom: #ccc 1px solid;box-sizing: border-box;margin-bottom: 20px;outline: none;

}

div.content .block .biye ul li {padding:0px;background: #f9f9f9;float: left;width: 428px;margin-right: 30px;box-sizing: border-box;margin-bottom: 25px;}

div.content .block .biye ul li:nth-child(2n){margin-right: 0}

div.content .block .biye ul li .wenz {width: 278px;float: left;padding: 20px 30px;box-sizing: border-box;}

div.content .block .biye ul li .wenz h4 {font-size: 20px;color: #333;margin-bottom:20px;}

div.content .block .biye ul li .wenz h5 {font-size: 18px;color: #666;line-height: 1.6;position: relative;padding-left: 20px;}

div.content .block .biye ul li .wenz h5::before{content: "●";color: #bc9f6d;position: absolute;left: 0;top: 0px;}

div.content .block .biye ul li .tp {width: 150px;float: right;}

div.content .block .biye ul li .tp img {width: 100%;}

.gallery-top{width:100% !important; position:relative;}

.gallery-top .swiper-slide {width: 100% !important;}

.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}

.gallery-top .swiper-pagination{bottom:10px !important;}

.gallery-top .swiper-pagination-bullet {width:10px; height:10px; display:inline-block; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: rgba(255,255,255,0.8);}

.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff;}

.gallery-top .swiper-button-prev{background:url(../image/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:1%;

background-size:30px 50px;

-webkit-background-size:30px 50px;

-moz-background-size:30px 50px;

-ms-background-size:30px 50px;

-o-background-size:30px 50px;}

.gallery-top .swiper-button-next{background:url(../image/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:1%;

background-size:30px 50px;

-webkit-background-size:30px 50px;

-moz-background-size:30px 50px;

-ms-background-size:30px 50px;

-o-background-size:30px 50px;}

div.content .block .yylt {padding: 30px;}

div.content .block .yylt ul li {width: 443px;margin-right: 30px;float: left;margin-bottom: 30px;padding:25px;background: #f9f9f9;position: relative;}

div.content .block .yylt ul li .yy {text-align: center}

div.content .block .yylt ul li h4 {font-size: 20px;color: #333;margin-bottom: 20px;float: left;}

div.content .block .yylt ul li p {text-indent: 0;padding: 0;font-size: 18px;color: #666;line-height:2;position: relative;padding-left: 10px;float: left;}

div.content .block .yylt ul li p::before{content: "●";color: #bc9f6d;position: absolute;left: -5px;top: 0px;}

div.content .block .yylt ul li .tp {width: 110px;position: absolute;right: 20px;top: 25px;}

div.content .block .yylt ul li .tp img {width: 110px;display: block;}





div.content .block .jssh {padding: 0px 80px 30px;}

div.content .block .jssh .an {margin-bottom: 20px;overflow: hidden;}

div.content .block .jssh .an a {width: 150px;height: 40px;line-height: 40px;margin-right: 20px;display: block;float: left;font-size: 18px;padding-left: 10px;box-sizing: border-box;background: url(../image/jt.png) right center no-repeat;color: #333;border: #ccc 1px solid;border-radius: 5px;}

div.content .block .jssh .an a:hover {background: #923a37 url(../image/jt.png) right center no-repeat;color: #fff;}

div.content .block .jssh ul li {width: 423px;float: left;padding: 0;margin-right: 40px;}

div.content .block .jssh ul li:nth-child(2n){margin-right: 0;}

div.content .block .jssh ul li h4 {font-size: 18px;color: #bc9f6d;line-height: 1.8;margin-bottom: 30px;border-bottom: #ccc 1px solid;font-weight: bold;}

div.content .block .jssh ul li .tp { width:100%;position: relative;overflow: hidden;}

div.content .block .jssh ul li .tp img { width:100%; display:block;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}

div.content .block .jssh ul li .mb {position: absolute;left: 0;top: 0;background:rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: 8;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

div.content .block .jssh ul li:hover .mb{top: -100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

div.content .block .jssh ul li .wenz { width:100%;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;position: absolute;left: 0;bottom: 0;height: 100%;background:rgba(146,58,55,0);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;padding: 0 20px 20px;z-index: 99}

div.content .block .jssh ul li h5 {font-size:14px;line-height:28px;color:#fff;transition:all 0.1s;padding:30px 0 !important;text-align: center;}

div.content .block .jssh ul li:hover .wenz{transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;height: 100%; background:rgba(0,0,0,0);}



div.content .block .jssh ul li .wenz p {font-size:14px;color:#fff;line-height:2;margin-bottom:10px; margin-top:20px; text-align:center;font-family: "Microsoft YaHei";}

div.content .block .jssh ul li:hover .wenz p{ color:#fff}







/**新闻类内容列表，继承内容列表样式，每个页面中只能加载1个，的同时添加news类**/



/*div.content .block .item-list.news .item span{display:block; font-size:12px; color:#bdbdbd; margin-bottom: 5px;}



div.content .block .item-list.news .item:before{top: calc(50% + 8px);}*/


div.content .block .news-list{ padding: 40px 30px 30px 30px;overflow: hidden;}

div.content .block .news-list .item{width: 32%; display:block; padding:20px 10px; color:#fff; text-decoration: none; position:relative; margin-bottom:1em;height: 200px;float: left;margin-right: 2%; background-size:100% 100%}
div.content .block .news-list .item:nth-child(3n){margin-right: 0;}



div.content .block .news-list .item:before{content:""; position:absolute; top:0; left:0; right:0; height:100%; background:rgba(0,0,0,0.5); transition:height 0.2s linear;}



div.content .block .news-list .item:nth-child(2n+1):before{background:rgba(0,0,0,0.5);}



div.content .block .news-list .item:hover:before{height:0;}



div.content .block .news-list .item.no-bg{color:#4a4a4a;}



div.content .block .news-list .item.no-bg:before{background:rgba(0,0,0,0.1)}



div.content .block .news-list .item.no-bg:nth-child(2n+1):before{background:rgba(0,56,29,0.1);}



div.content .block .news-list .item>*{display:block; position:relative; z-index:1;}



div.content .block .news-list .item b{font-size: 18px; font-weight:normal; line-height:1.4;height: 2.8em; overflow:hidden;}



div.content .block .news-list .item span{color:#eee;}



div.content .block .news-list .item font{line-height:24px; height:48px; overflow:hidden; color:#eee; margin-top:2em;}



div.content .block .news-list .item.no-bg span{color:#aaa;}



div.content .block .news-list .item.no-bg font{color:#aaa; }



div.content .block .news-list .load{text-align:center; height:50px; line-height: 50px; background:#eee; width:100%;}



div.content .block .news-list .load b{display:inline-block; width: 8px; height: 8px; background:#9b9b9b; border-radius:100%; margin:0 4px;



animation: item-list-load 0.9s ease infinite; }



div.content .block .news-list .load b:nth-child(2){animation-delay:0.3s;}



div.content .block .news-list .load b:nth-child(3){animation-delay:0.6s;}



div.content .block .news-list .empty{text-align:center; padding: 30px; font-size: 16px; color:#aaa; width:100%;}



div.content .block .news-list p.page {text-align: center;line-height:20px; width: 100%; text-indent: 0;}



div.content .block .news-list p.page label {font-size: 12px;color: #999;}



div.content .block .news-list p.page a {padding: 2px 5px;font-size: 15px;margin: 0 3px;}



div.content .block .news-list p.page a:hover {}



div.content .block .news-list p.page a.current {font-weight: bold; color: #333; text-decoration: none; cursor: default;}



div.content .block .news-list p.page a.link_goto {display: none;}



div.content .block .news-list p.page span.goto {}



div.content .block .news-list p.page span.goto input {width: 20px;text-align: center;height: 12px;line-height: 12px;}



div.content .block .news-list p.clear{clear: both; height:0; margin:0; padding:0;}







/**问答类内容列表，继承内容列表样式**/



div.content .block .item-list.qa{}



div.content .block .item-list.qa .item:before{top:40px;}



div.content .block .item-list.qa .item p{padding:0;margin-top:0; text-indent:0;}



div.content .block .item-list.qa .item p.q{cursor: pointer; padding-left:40px; text-indent: -32px; position:relative;}



div.content .block .item-list.qa .item p.q:before{content:""; position:absolute; top:0; left:0; bottom:0; width:0; background:rgba(255, 0,0,0.05); transition: width 0.2s linear;}



div.content .block .item-list.qa .item p.q:hover:before{width:95%;}



div.content .block .item-list.qa .item p.q:after{content:""; float:right; width:13px; height: 13px; background:url(http://www.tssyedu.com/other/fold-icon.svg) center center no-repeat; cursor: pointer;



transition: transform 0.5s ease;}



div.content .block .item-list.qa .item p.a{display:none; margin-top: 15px; padding:10px 20px; background:#eeeeee; border-radius:4px; margin-left: 25px; text-indent:-45px;}



div.content .block .item-list.qa .item p.a:before{content:"";display:inline-block; width:8px; height: 8px; vertical-align:2px; border-radius:100%; font-size: 24px; background: #1c8a04; margin-right: 37px; }



div.content .block .item-list.qa .item.sh{}



div.content .block .item-list.qa .item.sh p.q:after{transform:rotate(-180deg);}







/**底边没有padding的block**/



div.content .block.no-pb{padding-bottom:0;}







@keyframes item-list-load{



	to{



		opacity: 0.3; 



	}



}







div.content .block ul{list-style:none; padding:0; padding-top: 15px;}



div.content .block ul li{line-height: 28px; padding:15px 30px;}



div.content .block ul em{ font-weight:normal; font-style:normal;   display:inline-block; padding:0px 10px;  background:#eee; margin:0; margin-right:20px; border-radius:6px; font-size: 14px; color:#fff;}



div.content .block ul li:nth-child(6n+1) em{background:rgba(213, 0, 0, 0.5);}



div.content .block ul li:nth-child(6n+2) em{background:rgba(197, 17,98, 0.5);}



div.content .block ul li:nth-child(6n+3) em{background:rgba(170, 0, 255, 0.5);}



div.content .block ul li:nth-child(6n+4) em{background:rgba(98, 0, 234, 0.5);}



div.content .block ul li:nth-child(6n+5) em{background:rgba(48, 79,  254, 0.5);}



div.content .block ul li:nth-child(6n+6) em{background:rgba(41, 98, 255, 0.5);}



div.content .block ul strong{color:#1c8a04;}







div.content .block ol{ padding:0; padding-top: 15px; }



div.content .block ol li{line-height: 28px; padding:15px 30px 0 0; margin-left: calc(30px + 1em);}



div.content .block ol em{ font-weight:normal; font-style:normal;   display:inline-block; padding:0px 10px;  background:#eee; margin:0; margin-right:20px; border-radius:6px; font-size: 14px; color:#fff;}



div.content .block ol li:nth-child(6n+1) em{background:rgba(213, 0, 0, 0.5);}



div.content .block ol li:nth-child(6n+2) em{background:rgba(197, 17,98, 0.5);}



div.content .block ol li:nth-child(6n+3) em{background:rgba(170, 0, 255, 0.5);}



div.content .block ol li:nth-child(6n+4) em{background:rgba(98, 0, 234, 0.5);}



div.content .block ol li:nth-child(6n+5) em{background:rgba(48, 79,  254, 0.5);}



div.content .block ol li:nth-child(6n+6) em{background:rgba(41, 98, 255, 0.5);}



div.content .block ol strong{color:#1c8a04;}







div.content .block table{border-collapse: collapse; width:calc(100% - 60px); margin:30px 30px 0 30px;}



div.content .block table td{border: 1px solid #999; padding: 0.5em;}



div.content .block table tr.caption td{border:none; font-weight: bold;}



div.content .block table tr.head td{font-size: 1.1em;}



div.content .block table tbody{}







/** .block.b1 第一类内容格式，标题h2标签+正文p标签，正文中可能有配图，配图放到正文p标签内部**/



div.content .b1{}







div.content .b1 p img{margin:8px 0 30px 30px;}



div.content .b1:before{content:""; display:block;clear:both;}



div.content .b1:after{content:""; display:block;clear:both;}







/** .block.b2 第二类内容格式，顶部大图+标签列表(.kw-list span)+正文内容 **/



div.content .b2{}



div.content .b2>img{width:100%;}















/** .block.b3 第三类内容格式，以float:left显示的单块内容，内容只能包含img和b(标题)标签，显示效果参照：关于我们->青岛分校 下面的块状**/



div.content .b3{float:left; width: calc(50% - 15px); height: 300px; position:relative; overflow:hidden;min-height: 300px;}



div.content .b3 a:before{position:absolute;content:""; top:0; left:0; right:0; height:240px; background:rgba(0,0,0,0.1); transition: height 0.2s linear;}



div.content .b3:nth-child(2n+1){margin-left: 30px;}



div.content .b3 img{width:100%; height:auto;}



div.content .b3 b{position: absolute; bottom:0; left:0; right:0; background:#eee;z-index:1; height: 60px;  line-height: 60px; text-align:center; font-size: 16px; color:#4a4a4a; font-weight:normal;}



div.content .b3:hover a:before{height:0;}







/** .block.b4 第四类内容格式，以float:left显示的正方形单块内容，内容只能包含img和b(标题)标签，显示效果参照：学术发展->毕业生榜单 下面的块状**/



div.content .b4{position:relative;float:left; width: 236px; height: 236px; margin-right: calc(50% - 354px); overflow:hidden;}



div.content .b4 img{width:100%; opacity:0.8;}



div.content .b4 b{position: absolute; bottom:0; left:0; right:0; background:#eee;z-index:1; height: 60px;  line-height: 60px; text-align:center; font-size: 16px; color:#4a4a4a; font-weight:normal;}



div.content .b4:nth-child(3n){margin-right:0;}



div.content .b4:hover img{opacity:1;}







/** 弹出popup框，框内嵌套block元素，弹出函数为showPopup(n)，n为popup中需要弹出的n个block**/



.block[id^='popup']{display:none;}



.ui-dialog.popdialog{border:none; border-radius:0; padding:0;}



.ui-dialog.popdialog .ui-dialog-titlebar{ line-height: 65px; padding:0; padding-left: 30px; background:#eee; color:#4a4a4a; font-size: 24px; border:none; font-weight:normal;}



.ui-dialog.popdialog .ui-dialog-titlebar .ui-dialog-titlebar-close{background1:none; border1:none; display:none;}



.ui-dialog.popdialog .block{margin-bottom:0;}



.ui-dialog.popdialog.content{margin-left: 0;}



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

	div.content .block .szll {

    padding: 20px 60px;

}

	div.content .block .biye {

    padding: 0px 60px 30px;

}

	div.content .block .jssh {

    padding: 0px 60px 30px;

}

	.preview .swiper-container {

    width: 830px;margin: 0 auto;

}

	

	

	

}