body {background:#FFF; font-family:"Microsoft YaHei", Arial; font-size:16px; line-height:31px; color:#333; margin:0}
body {background: linear-gradient(180deg, #ee682e80, transparent);font-family:"Microsoft YaHei", Arial;font-size:16px;line-height:31px;color:#333;margin:0;}
.intro {text-indent: 2em;font-size: 16px;line-height: 35px;color: #337ab7;margin-top: 40px;/* border: 2px solid #337ab7; */background: linear-gradient(180deg, #f0691c, #fb0e0e40);text-align: center;border-radius: 24px;padding: 7px;}
.intro span {
 display: block;
 /* height: 99%; */
 /* width: 99%; */
 background: linear-gradient(180deg, #FFF, #eccb350a);
 border-radius: 22px;
 padding: 17px;
 text-align: justify;
}
a {color:#333; text-decoration:none}
a:hover {color: #3773db}
h1,h2,h3,h4,p,form {margin:0; padding:0}
img {border:0}
ul,li {list-style:none; padding:0; margin:0}
li {clear: none !important;}
input,button,select,textarea{outline:none}

.topic img {width: 100%}
.time{display: none}
.container {clear:both; width: 920px; margin: 0px auto; overflow: hidden}
.title {font-size: 37px; line-height: 55px; text-align: center; color: #3C5FA1; margin-top: 40px}
.intro {text-indent: 2em;font-size: 16px; line-height: 35px; color: #3C5FA1; margin-top: 40px}

h2 {float: left; min-width: 97px; border-bottom: 1px solid #3C5FA1; font-size: 16px; font-weight: bold; line-height: 32px; color: #f16b20; margin-top: 20px; margin-bottom: 10px}
.imglist {clear: both}
.imglist li {float: left; width: 208px; padding-top: 20px; margin-right: 17px}
.imglist li:nth-child(4n+1) {clear: left !important;}
.imglist li img {width: 208px; height: 117px}
.imglist li h3 {font-size: 14px; font-weight: normal; line-height: 25px}
.imglist li .time {font-size: 14px; line-height: 21px; color: #999; margin-top: 10px}
.jzname li{text-align: center;}

.r1 {margin-top: 50px}
.r1c1 {float: left; width: 620px; background: url("/../resources/images/zhuanti_wyxcy/line.gif") no-repeat 0 0}
.r1c2 {float: right; width: 300px; background: url("/../resources/images/zhuanti_wyxcy/line.gif") no-repeat 0 0}
.r1 .imglist li {width: 256px; margin-right: 44px}
.r1 .imglist li img {width: 256px; height: 144px}
.r1 .imglist li h3 {font-weight: bold; text-align: center}

.r2 {background: url("/../resources/images/zhuanti_wyxcy/line.gif") no-repeat 0 0; margin-top: 70px}
.r2 ul {max-height: 400px; overflow-y: auto; scrollbar-color: #999 #FFF; scrollbar-width: thin}
.r3 {background: url("/../resources/images/zhuanti_wyxcy/line.gif") no-repeat 0 0; margin-top: 70px}
.r3 ul {max-height: 395px; overflow-y: auto; scrollbar-color: #999 #FFF; scrollbar-width: thin}

.r4 {background: url("/../resources/images/zhuanti_wyxcy/line.gif") no-repeat 0 0; margin-top: 70px}
.r4 h2 {font-size: 30px; line-height: 60px; text-align: center}
.r4 .imglist li {width: 256px; margin-right: 44px}
.r4 .imglist li img {width: 256px; height: 144px}

.imgtxt2 {margin-top: 70px}
.text {float: left; width: 370px; font-size: 16px; line-height: 30px; color: #3C5FA1;text-indent: 2em;}
.text li>p:nth-child(2) {float: right;}
.text li>p:nth-child(2) a {color: #f16b20;}
.text {float: left;width: 370px;font-size: 16px;line-height: 30px;color: #3C5FA1;text-indent: 2em;border: 6px solid #e0e0e0;padding: 13px;border-radius: 33px;}
.tptt {float: right; width: 480px}
.jcarousel-skin-tptt {width:480px; height:270px; overflow:hidden}
.jcarousel-skin-tptt .jcarousel-container {width:100%; height:100%}
.jcarousel-skin-tptt .jcarousel-clip {width:100%; height:100%}
.jcarousel-skin-tptt .jcarousel-prev {position: absolute; left: 0; top: 90px; height: 90px; padding: 0 10px; background: rgba(0,0,0,.3); font: 50px/91px "simsun"; color: #FFF; cursor: pointer; transform-origin: 0 50%; transform: scaleX(.9)}
.jcarousel-skin-tptt .jcarousel-prev:hover {background: rgba(0,0,0,.7)}
.jcarousel-skin-tptt .jcarousel-next {position: absolute; right: 0; top: 90px; height: 90px; padding: 0 10px; background: rgba(0,0,0,.3); font: 50px/91px "simsun"; color: #FFF; cursor: pointer; transform-origin: 100% 50%; transform: scaleX(.9)}
.jcarousel-skin-tptt .jcarousel-next:hover {background: rgba(0,0,0,.7)}
.jcarousel-skin-tptt li {width:480px; height:270px;text-align: center;}
.jcarousel-skin-tptt li img {width:auto; height:100%}

.r5 {background: url("/../resources/images/zhuanti_wyxcy/line.gif") no-repeat 0 0; margin-top: 70px}
.r5 h2 {font-size: 30px; line-height: 60px; text-align: center}
.r5 .imglist li {width: 416px; margin-right: 44px}
.r5 .imglist li img {width: 416px; height: 234px}
.r1 .photo li img{width:auto;height:144px;display:block;margin:0 auto;}
.photo li img{width:auto;height:144px;display:block;margin:0 auto;}
@media screen and (max-width:750px) {
	body {background: none; font-size: 16px; line-height: 1.5em}
	.container {width: 96%; margin-top: 1em}
	.title {font-size: 24px; line-height: 1.8em; margin-top: 1em}
	.intro {font-size: 16px; line-height: 1.8em; margin-top: 1em;text-align: justify;}
	h2 {min-width: 0; font-size: 1rem!important; line-height: 2em!important; text-align: left!important}
	.imglist li {float: none; width: 46vw!important; padding-top: .5rem; margin: 0!important}
    .imglist li img {width: 46vw!important; height: 27vw!important}
	.r1 .photo img {width: 25vw!important; height: 35vw !important;}
	.r3 .photo img {width: 25vw!important; height: 35vw !important;}


	.r1 {margin-top: 1em}
	.r1c1 {float: none; width: 100%}
	.r1c2 {float: none; width: 100%; margin-top: 1em}
	.r1 .imglist {display: flex; justify-content:space-between}

	.r2,.r3,.r4,.r5 {margin-top: 1em}
	.r2 ul,.r3 ul,.r4 ul,.r5 ul {max-height: none; display: flex; justify-content:space-between; flex-wrap: wrap}
	
	.imgtxt2 {margin-top: 1em}
	.text {float: none; width: auto; font-size: 1rem; line-height: 1.5em; margin-top: 1em; padding: 13px 13px 30px;}
	.tptt {float: none; width: 100%}
	.jcarousel-skin-tptt {width: 320px; height: 180px; margin: 0 auto}
	.jcarousel-skin-tptt li {width: 320px; height: 180px}
}
