body {background:#FFF; font-family:"Microsoft YaHei", Arial; font-size:14px; line-height:28px; color:#333; margin:0}
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}
input,button,select,textarea{outline:none}

.topic img {width: 100%}
.topic .ImgMobile {display: none;}
.container {clear:both; width: 1000px; margin: 0px auto; overflow: hidden}
.list {padding: 0px 10px}
.list li {padding: 7px 8px; line-height: 24px;}
.list li:last-child {border: 0}
.list li.more {text-align: right;}
.r3c1 .list li {padding: 7px 8px;border-bottom: 1px solid #CCC;height: 44px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.r3c1 .list li:last-child {    border: 0;}
#mycarousel1  li h3 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
span.more {/*float: right; position: relative;*/ margin: -32px 0;position: absolute;margin: -32px 0;bottom: 27px;right: 10px;}
.r1 {margin-top: 55px}
.r1c1 {float: left; width: 360px; height: 390px; background: #F7F7F7;position: relative;}
.r1c1 .list li {margin-top: 0px;}
.r1c2 {float: right; width: 620px; background: #F7F7F7;position: relative;}
.jcarousel-skin-tptt {width: 620px; height:390px; position: relative; overflow:hidden}
.jcarousel-skin-tptt .jcarousel-control {position:absolute; height:8px; right:22px; bottom:14px; z-index:10; font-size: 0; line-height: 0}
.jcarousel-skin-tptt .jcarousel-control span {display:inline-block; width:8px; height:8px; border-radius: 4px; background:#FFF; margin-left:10px; cursor:pointer}
.jcarousel-skin-tptt .jcarousel-control span.selected {background: #FF9673}
.jcarousel-skin-tptt .jcarousel-container {width:100%; height:100%}
.jcarousel-skin-tptt .jcarousel-clip {width:100%; height:100%}
.jcarousel-skin-tptt ul{height: 100%;}
.jcarousel-skin-tptt li {width:620px; line-height: 0;position: relative;}
.jcarousel-skin-tptt li img {width:100%; height:350px}
.jcarousel-skin-tptt li .mask {width:100%; height: 40px; background:#D10703;display: block; position: absolute;top: 350px;}
.jcarousel-skin-tptt li h3 {font-size:14px; font-weight: normal; line-height:35px; color:#FFF; padding:0 10px}
.jcarousel-skin-tptt li h3 a {color:#FFF}

.r2 {margin-top: 70px}
.r2 h1 {width: 259px; height: 92px; padding: 20px 0 0 20px; box-sizing: border-box; background: url("/../resources/images/zhuanti_2024wy/sp.png") no-repeat center 0; font-size: 52px; font-weight: bold; line-height: 61px; text-align: center; color: #D10703; margin: 0 auto}
.jcarousel-skin-gd {width:1000px}
.jcarousel-skin-gd .jcarousel-container {width:100%; margin-top: 50px}
.jcarousel-skin-gd .jcarousel-clip {width:860px; margin: 0 auto; overflow: hidden}
.jcarousel-skin-gd .jcarousel-prev {position: absolute; width: 28px; height: 60px; background: url("/../resources/images/zhuanti_2024wy/left.png") no-repeat 0 0; left: 0; top: 42px; cursor:pointer}
.jcarousel-skin-gd .jcarousel-next {position: absolute; width: 28px; height: 60px; background: url("/../resources/images/zhuanti_2024wy/right.png") no-repeat 0 0; right: 0; top: 42px; cursor:pointer}
.jcarousel-skin-gd li {width:256px; line-height: 0; margin-right:45px;height: 228px !important;}
.jcarousel-skin-gd li img {width:100%; height:144px}
.jcarousel-skin-gd li h3 {font-size: 14px; font-weight: normal; line-height: 23px; margin-top: 10px;}

.r3 {margin-top: 40px; display: flex; align-items: stretch; justify-content: space-between;margin-bottom: 40px;}
.r3c1 {width: 485px; padding-top: 30px; background: #F7F7F7;margin-bottom: 20px;}
.r3 h1 {height: 28px; border-left: 5px solid #D10703; font-size: 28px; line-height: 28px; text-indent: 20px; color: #D10703;margin-left: 20px;}
.r3 h1 .hmore {float: right; padding-right: 30px; font-size: 16px; font-weight: normal; line-height: 28px}
.r2 h1>a ,.r3 h1>a {color: #D10703;}

@media screen and (max-width:750px) {
	body {background: none; font-size: 16px; line-height: 1.5em}
	.topic .ImgPc {display: none;}
	.topic .ImgMobile {display:block;}
	.container {width: 98%; margin-top: 1em}
	.list {padding: 0px; margin-top: .5em}
	.list li {padding: 5px 10px; border-bottom: 1px solid #CCC;font-size:16px;}

	.r1 {margin-top: 1em}
	.r1c1 {float: none; width: 100%; height: auto; background: #FFF; margin-bottom: 25px;}
    .r1c1 .more {bottom: 10px; background: none;}
	.r1c2 {float: none; width: 100%; background: #FFF; margin-top: 1em}
	.jcarousel-skin-tptt {width: 320px; height:200px; margin: 0 auto}
	.jcarousel-skin-tptt li {width:320px}
	.jcarousel-skin-tptt li img {height:180px}
	.jcarousel-skin-tptt li .mask {height: 20px;top:160px;}
	.jcarousel-skin-tptt li h3 {font-size: 14px; line-height:19px}
	.r2 {margin-top: 1em}
	.r2 h1 {width: auto; height: 28px; padding: 0; background: none; border-left: 5px solid #D10703; font-size: 28px; font-weight: bold; line-height: 28px; text-align: left; text-indent: 20px; margin-top: 1em}
	.jcarousel-skin-gd {width:100%}
	.jcarousel-skin-gd .jcarousel-container {margin-top: 1rem}
	.jcarousel-skin-gd .jcarousel-clip {width:320px}
	.jcarousel-skin-gd .jcarousel-prev,.jcarousel-skin-gd .jcarousel-next {top: 64px; width: 14px; height: 30px; background-size: contain}
	.jcarousel-skin-gd li {width:320px; margin:0;height: 258px !important;}
	.jcarousel-skin-gd li img {height:180px}
	.jcarousel-skin-gd li h3 {font-size: 1rem; line-height: 1.5em; margin-top: 10px}
	.r3 {margin-top: 1em; display: block}
	.r3c1 {width: 100%; padding-top: 1em; background: #FFF}
  	.r3c1 h1 {margin-left:0px}
}
