@charset "UTF-8";
@media only screen and (max-width: 1200px) {
*{
	box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.col.sm-col12{width: 100%; float: left;}
.col.sm-col1{width: 8.33333333%;}
.col.sm-col2{width: 16.66666667%;}
.col.sm-col3{width: 25%;}
.col.sm-col4{width: 33.33333333%;}
.col.sm-col5{width: 41.66666667%;}
.col.sm-col6{width: 50%;}
.col.sm-col7{width: 58.33333333%;}
.col.sm-col8{width: 66.66666667%;}
.col.sm-col9{width: 75%;}
.col.sm-col10{width: 83.33333333%;}
.col.sm-col11{width: 91.66666667%;}
.rbtn::after {
	display: none;
}
.lzpic2{
	display: block;
}
.lzpic1{
	display: none;
}
.wrapper {
	padding: 60px 0 0 0;
}
.header {
	height: 60px;
	z-index: 99;
	top: 0;
	left: 0;
	position: fixed;
	padding: 0;
}
.header .logo{
	height: 43px;
	margin-top: 8px;
}
.header .link{
	display: none;
}
.header .menu-btn {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.header .menu-btn span {
	width: 28px;
	height: 3px;
	background: #015293;
	border-radius: 2px;
	position: absolute;
	left: 12px;
	top: 30px;
	z-index: 2;
	transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-ms-transition: 0.8s;
	-o-transition: 0.8s;
}
.header .menu-btn span.line1 {
	top: 20px;
}
.header .menu-btn span.line3 {
	top: 40px;
}
.mainnav.fixed,
.mainnav {
	width: 260px;
	height: 100%;
	overflow: auto;
	position: fixed;
	right: -260px;
	top: 0;
	left: auto;
	bottom: 0;
	z-index: 105;
	margin: 0;
	padding: 20px 0;
}
.mainnav::before {
	display: none;
}
.mainnav .nav {
	margin-top: 20px;
}
.mainnav .nav ,
.mainnav .nav > ul > li {
	float: none;
}
.mainnav .nav > ul > li > a {
	height: 60px;
	line-height: 60px;
	padding: 0 10px;
	text-align: center;
	border-bottom: solid 1px #003e6f;
}
.mainnav .nav > ul > li > a:hover {
	background: none;
}
.mainnav .search {
	width: 240px;
	float: none;
	margin: 0 auto;
	background: #ffffff;
	padding: 0;
}
.mainnav .search input[type="text"] {
	border-bottom: none;
	padding: 0 60px 0 10px;
}
.mainnav .search input[type="submit"],
.mainnav .search input[type="button"] {
	width: 50px;
	right: 0;
	background-position: center;
}
/*.wrapper.shiftLeft {
	margin-left: -200px;
}*/
/*.wrapper.shiftLeft .header {
	left: -260px;
	z-index: 105;
}*/
.wrapper.shiftLeft .mainnav {
	right: 0;
}
/*.wrapper.shiftLeft .menu-btn span.line1 {
	top: 30px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.wrapper.shiftLeft .menu-btn span.line2 {
	opacity: 0;
}
.wrapper.shiftLeft .menu-btn span.line3 {
	top: 30px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}*/
/*.wrapper,
.wrapper .header,
.wrapper .mainnav {
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}*/
.navbrace{
	display: none;
}
.friendship {
	padding: 30px 0;
}
.friendship .title {
	height: 40px;
}
.friendship .title h2 {
	height: 40px;
	line-height: 40px;
	font-size: 2rem;
}
.friendship .sort .col {
	width: 100%;
	margin-bottom: 10px;
}
.friendship .sort .col:last-child{
	margin-bottom: 0;
}
.friendship .sort select {
	height: 40px;
	line-height: 40px;
}
.friendship .linkbox {
	padding: 10px;
	min-height: auto;
}
.friendship .linkbox a {
	margin-right: 20px;
	margin-bottom: 10px;
}
.footer {
	padding: 30px 0;
	text-align: center;
}
.footer .qrcode,
.footer .l{
	float: none;
}
.footer .link span {
	line-height: 20px;
	padding: 0 10px;
}
.footer .sponsor{
	font-size: 1.4rem;
}
.footer .qrcode{
	margin: 30px 0 10px 0;
}
.footer .qrcode .box {
	width: 85px;
	margin: 0 1px;
	float: none;
	display: inline-block;
}
a.pcmore {
	height: 40px;
	line-height: 40px;
	font-size: 1.4rem;
}
.news-list ul {
	padding: 14px 0;
}
.news-list li {
	margin-bottom: 14px;
}
.news-list li a {
	font-size: 1.6rem;
	padding: 0 0 0 14px;
}
.news-list li .date {
	display: none;
}
.news-list li.ts {
	margin-bottom: 20px;
}
.news-list li.ts a {
	padding: 0;
}
.news-list li.ts .pic {
	width: 190px;
}
.news-list li.ts .text {
	padding-left: 200px;
}
.news-list li.ts .text .tit {
	font-size: 1.6rem;
}
.news-list li.ts .text .txt {
	margin: 14px 0 0 0;
	font-size: 1.4rem;
}
@media only screen and (max-width: 450px){
	.news-list li.ts{
		background: url(../2021images/sztzb_newsline.png) repeat-x left bottom;
	}
	.news-list li.ts .pic {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.news-list li.ts .text {
		padding: 0 0 14px 0;
	}
}
.main .pctitle {
	height: 40px;
	line-height: 40px;
	font-size: 1.8rem;
	padding-left: 10px;
}
.main .pctitle::after {
	width: 4px;
	height: 20px;
	margin-top: -10px;
}
.main .layertop {
	padding: 10px;
}
.main .layertop .headlines {
	border-radius: 46px;
	padding: 0 10px;
	background-image: none;
	background-size: auto 36px;
	margin: 10px 0 20px 0;
}
.main .layertop .headlines span {
	height: 46px;
	line-height: 46px;
}
.main .layertop .headlines a {
	font-size: 1.6rem;
}
.main .layertop .photonews {
	width: 100%;
	float: none;
}
.main .layertop .photonews .swiper-slide a {
	height: auto;
}
.main .layertop .photonews .swiper-slide a .tit {
	font-size: 1.4rem;
	padding: 0 185px 0 10px;
}
.main .layertop .photonews .swiper-slide a .tit span {
	height: 40px;
	line-height: 40px;
}
.main .layertop .photonews .swiper-slide img {
	display: block;
}
.main .layertop .photonews .play,
.main .layertop .photonews .swiper-button-prev,
.main .layertop .photonews .swiper-button-next,
.main .layertop .photonews .swiper-pagination {
	line-height: 40px;
	height: 40px;
	font-size: 1.4rem;
}
.main .layertop .photonews .swiper-pagination {
	padding-right: 10px;
}
.main .layertop .photonews .play,
.main .layertop .photonews .swiper-button-prev,
.main .layertop .photonews .swiper-button-next {
	width: 40px;
}
.main .layertop .hotnews {
	width: 100%;
	float: none;
	margin-top: 20px;
}
.main .layertop .hotnews .title {
	height: 40px;
}
.main .layertop .hotnews .title .tit {
	height: 40px;
	line-height: 40px;
	font-size: 1.6rem;
	padding: 0 58px 0 14px;
}
.main .layertop .hotnews .title .pcmore {
	height: 40px;
	line-height: 40px;
	margin-top: 0;
}
.main .layertop .hotnews .news-list ul {
	padding: 14px 0;
}
.main .layertop .hotnews .news-list li {
	margin-bottom: 14px;
}
.main .layer2 {
	margin: 20px 0;
}
.main .layer2 .row .col {
	margin-bottom: 10px;
}
.main .layer2 .row .col:last-child{
	margin-bottom: 0;
}
.main .newslayer .cont {
	padding: 10px;
}
.main .newslayer .title {
	height: 40px;
}
.main .newslayer .title .tit {
	height: 40px;
	line-height: 40px;
	font-size: 1.8rem;
}
.main .specialcolumn {
	margin: 0px 0 40px 0;
}
.main .specialcolumn .content {
	margin-top: 10px;
}
.main .specialcolumn .swiper-button-prev,
.main .specialcolumn .swiper-button-next {
}
.main .specialcolumn .swiper-button-prev {
	left: 0;
}
.main .specialcolumn .swiper-button-next {
	right: 0;
}
.main .interactive {
	padding: 30px 0;
}
.main .interactive ul {
	margin: 10px -10px 0 -10px;
}
.main .interactive li {
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px;
}
.main .interactive li:nth-child(4n+1) {
	clear: none;
}
.main .interactive li:nth-child(2n+1) {
	clear: left;
}
.main .interactive li a {
	padding: 20px;
}
.main .interactive li a::after {
	width: 30px;
	height: 30px;
	left: 20px;
	bottom: 20px;
}
.main .interactive li .tit {
	font-size: 2rem;
}
.main .interactive li .txt {
	font-size: 1.4rem;
	margin: 10px 0;
}
@media only screen and (max-width: 450px){
	.main .interactive li{
		width: 100%;
		margin-bottom: 10px;
	}
}
.crumbs span {
	margin: 0 10px;
}
.paging li.prev1,
.paging li.next1,
.paging li {
	margin: 0 2px;
}
.paging li a {
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-size: 1.4rem;
}
.paging li a:hover{
	background: none;
	color: #333;
}
.paging li.on a:hover,
.paging li.on a {
	background-color: #015293;
	color: #fff;
}
.paging li.prev1 a:hover,
.paging li.next1 a:hover,
.paging li.prev2 a:hover,
.paging li.next2 a:hover {
	border: solid 1px #e0e0e0;
	background: no-repeat center;
}
.paging li.prev1 a:hover {
	background-image: url(../2021images/sztzb_arrow15.png);
}
.paging li.next1 a:hover {
	background-image: url(../2021images/sztzb_arrow16.png);
}
.paging li.prev2 a:hover {
	background-image: url(../2021images/sztzb_arrow17.png);
}
.paging li.next2 a:hover {
	background-image: url(../2021images/sztzb_arrow18.png);
}
.news-page {
	padding: 20px 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.news-page .crumbs{
	order: 1;
}
.news-page .sidebar {
	margin-top: 20px;
	width: 100%;
	order: 3;
}
.news-page .sidebar .layer {
	margin-bottom: 20px;
}
.news-page .sidebar .head {
	height: 50px;
	line-height: 50px;
}
.news-page .sidebar .news .list {
	padding: 14px 10px;
}
.news-page .contentleft {
	padding-right: 0;
	order: 2;
}
.news-page .news-list ul {
	padding: 20px 0;
}
.news-page .details {
	order: 2;
	margin-top: 30px;
	padding-bottom: 20px;
}
.news-page .details .title {
	font-size: 1.8rem;
}
.news-page .details .info {
	margin: 26px 0;
}
.news-page .details .info span {
	margin: 0 10px;
}
.news-page .details .prevnext {
	float: none;
	margin: 20px 0;
}
.news-page .details .share {
	float: left;
	margin: 10px 0;
}
.sidebar-menu {
	width: 100%;
	float: none;
}
.sidebar-menu > ul a {
	padding: 0 50px 0 20px;
}
.sidebar-menu > ul > li {
	border-bottom: solid 1px #f2f2f2;
}
.sidebar-menu > ul > li.on.now > a,
.sidebar-menu > ul > li.on > a {
	background-image: url(../2021images/sztzb_sidebar_menu_minus.png);
	background-color: #015293;
	color: #fff;
}
.sidebar-menu > ul > li.on > a,
.sidebar-menu > ul > li > a {
	height: 40px;
	line-height: 40px;
	color: #828282;
	background: url(../2021images/sztzb_interactive_add1.png) no-repeat right 20px center #ffffff;
}
.sidebar-menu > ul > li.on ul {
	display: none;
}
.sidebar-menu > ul ul {
	padding:0;
}
.sidebar-menu > ul ul li.on a,
.sidebar-menu > ul ul li a:hover,
.sidebar-menu > ul ul li a {
	height: 36px;
	line-height: 36px;
	background-position: right 20px center;
}
.contentright {
	padding: 0;
	margin-top: 20px;
}
.leadership-page .leadership {
	padding: 10px;
}
.leadership-page .details .photo {
	margin: 0 20px 20px 0;
}
@media only screen and (max-width: 750px){
	.leadership-page .details .photo{
		float: none;
	}
	.leadership-page .details .pcbr{
		display: none;
	}
}















} /* Less than 1200 */