body {font-family: "Microsoft YaHei", Arial; font-size:16px; line-height:26px; color:#333; margin:0}
a {color:#333; text-decoration:none}
h1,h2,h3,p,ul,li {list-style:none;margin:0; padding:0}
img {border:0}

h1 {clear: both; width: 1000px; text-align: center; margin: 40px auto 0; overflow: hidden}
h1 i {float: right; font-size: 14px; font-weight: normal; font-style: normal; line-height: 45px; vertical-align: bottom}
h3 {font-size: 20px; line-height: 30px}

.topnav {min-width:1000px; height:34px; background:#F1F1F1; border-bottom:1px solid #E0E0E0; overflow:hidden}
.top1 {width:1000px; font-size: 12px; line-height: 34px; text-align: center; margin:0 auto}
.top1 a {padding:0 4px}
.top1 strong {font-weight:normal; color:#d52b4d}


.topic {min-width: 1000px; height: 380px; background: url(../images/topic.jpg) no-repeat center 0; position: relative}
.topic a {display: block; position: absolute; width: 85px; height: 40px; left: 50%; top: 16px; margin-left: 286px}
.nav {clear: both; width: 1000px; height: 41px; margin: 15px auto 0; position: relative}
.nav a {display: block; float: left; padding: 0 12px; background: #4db1fd; border-radius: 5px; font-size: 14px; line-height: 31px; color: #FFF; margin-right: 19px}
.dyz {width: 137px; background: #4db1fd; border-radius: 5px; font-size: 14px; line-height: 31px; color: #FFF; text-align: center; right:0; overflow: hidden; position: absolute; z-index: 99}
.dyz ul {width: 135px; background: #FFF; margin: 0 auto 1px; overflow: hidden; display: none}
.dyz:hover ul {display: block}
.dyz li {width: 115px; border-bottom: 1px solid #727272; line-height: 21px; margin:0 auto}
.dyz li:last-child {border: 0}
.dyz a {display: inline; float: none; background: transparent; border-radius: 0; font-size: 12px; line-height: 21px; color: #727272; margin:0}
.container {clear: both; width: 1000px; margin: 25px auto 0}

.tt {text-align: center; margin-top: 15px}
.tt h3 {font-size: 30px; line-height: 65px}
.tt h3,.tt h3 a {color: #C9191D}
.tt p {font-size: 16px; line-height: 21px}

.tabs {text-align: center}
.tabs li {display: inline-block; width: 100px; height: 29px; margin-right: 10px; position: relative; *display: block; *float: left}
.tabs li b {position: absolute; width: 80px; height: 29px; background: #D9D7D7; font-size: 16px; font-weight: normal; line-height: 29px; text-align: center; color: #545454; left: 10px; top: 0}
.tabs li.selected b {background: #CB000F; color: #FFF}
.tabs li.selected a {color: #FFF}
.tabs li.selected::before {content: ""; position: absolute; width: 98px; height: 19px; border: 1px solid #CB000F; left: 0; top: 4px}
.divs {clear: both; margin-top: 15px}

.r1 .divs ul {width:1000px; height:520px; overflow: hidden}
.r1 .divs ul #wyScroll_prev {right: 50%; top: 200px; width:40px; height:115px; background:url(../images/arrow.png) no-repeat 0 0; margin-right: 510px}
.r1 .divs ul #wyScroll_next {left:50%; top: 200px; width:40px; height:115px; background:url(../images/arrow.png) no-repeat -60px 0; margin-left: 510px}
.r1 .divs .mask {position:absolute; width:100%; left:0; bottom:0; z-index:2; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#80000000,endColorstr=#80000000)}
body:last-child .r1 .divs .mask {filter:none; background:rgba(0,0,0,0.5)}
.r1 .divs h3 {padding: 5px 20px; font-size: 16px; font-weight: normal; line-height: 25px; color: #FFF}

.r2 .tabs li {width: 120px}
.r2 .tabs li b {width: 100px}
						   
														 
.r2 .tabs li.selected::before {width: 118px}
																					   
												 
.r2 .divs ul {column-count: 3; column-fill: auto; column-gap: 10px}
.r2 .divs li {list-style: square; font-size: 16px; line-height: 29px; color: #CB000F; margin-left: 1.5em; *float: left; *width: 30%}
.more {text-align: right}
.r2 .divs li.more {list-style: none}

.jcarousel-skin-dx {width: 1000px; height: 284px}
.jcarousel-skin-dx .jcarousel-container {width: 100%; height: 100%}
.jcarousel-skin-dx .jcarousel-clip {width: 100%; height: 100%; overflow: hidden}
.jcarousel-skin-dx .jcarousel-item {width: 1000px; height: 284px}
.jcarousel-skin-dx .jcarousel-prev {position: absolute; right: 50%; top: 108px; width:40px; height:115px; background:url(../images/arrow.png) no-repeat 0 0; margin-right: 510px}
.jcarousel-skin-dx .jcarousel-next {position: absolute; left:50%; top: 108px; width:40px; height:115px; background:url(../images/arrow.png) no-repeat -60px 0; margin-left: 510px}
.wydx {float: left; width: 142px; height: 284px; overflow: hidden; transition: width .5s}
.wydx img {width: 100%; height: 100%}
.wydx1 {width: 142px; height: 284px}
.wydx1 a {display: block; width: 137px; height: 137px; margin: 5px 0 0 5px}
.wydx1 a.blue, .wydx1 a.red {width: 117px; height: 117px; padding: 10px; color: #FFF}
.wydx1 a.blue {background: #0591FD}
.wydx1 a.red {background: #CB000F}
.wydx2 {width: 279px; height: 279px; margin: 5px 0 0 5px; display: none}
.wydx2 .pic-item li {width: 279px; height: 279px; margin: 0}
.wydx.selected {width: 284px}
.wydx.selected .wydx1 {display: none}
.wydx.selected .wydx2 {display: block}
#dx3 .wydx {width: 200px}
#dx3 .wydx1 {width: 200px}
#dx3 .wydx1 a {width: 195px}
#dx3 .wydx1 a.blue,#dx3 .wydx1 a.red  {width: 175px}
#dx3 .wydx2 {width: 395px}
#dx3 .wydx2 .pic-item li {width: 395px}
#dx3 .wydx.selected {width: 400px}

#dx6 .wydx {width: 150px}
#dx6 .wydx1 {width: 150px}
#dx6 .wydx1 a {width: 145px}
#dx6 .wydx1 a.blue,#dx6 .wydx1 a.red {width: 125px}
#dx6 .wydx2 {width: 395px}
#dx6 .wydx2 .pic-item li {width: 395px}
#dx6 .wydx.selected {width: 400px}

#dx7 .wydx {width: 150px}
#dx7 .wydx1 {width: 150px}
#dx7 .wydx1 a {width: 145px}
#dx7 .wydx1 a.blue,#dx7 .wydx1 a.red {width: 125px}
#dx7 .wydx2 {width: 395px}
#dx7 .wydx2 .pic-item li {width: 395px}
#dx7 .wydx.selected {width: 400px}

#dx8 .wydx {width: 150px}
#dx8 .wydx1 {width: 150px}
#dx8 .wydx1 a {width: 145px}
#dx8 .wydx1 a.blue,#dx8 .wydx1 a.red {width: 125px}
#dx8 .wydx2 {width: 395px}
#dx8 .wydx2 .pic-item li {width: 395px}
#dx8 .wydx.selected {width: 400px}

.imglist li {float: left; width: 180px; height: 230px; padding: 0 10px; text-align: center}
.imglist h3 {font-size: 16px; line-height: 26px}
.imgtxt1 li {clear:both; padding:0 25px; overflow:hidden}
.imgtxt1 img {float:left; margin-right:20px}
.imgtxt1 h3 {font-size: 16px; *display:inline}

.r5 {height: 500px; position: relative}
#mj.tabs {width: 1000px; height: 500px; position: absolute; left: 0; top: 0}
#mj.tabs li {display: block; position: absolute; width: 76px; height: 76px; margin-right: 0}
#mj.tabs li b {width: 76px; height: 76px; line-height: 76px; left: 0; top: 0}
#mj.tabs li.selected {z-index: 32}
body:last-child #mj.tabs li.selected {width: 92px; height: 92px; transform: translate(-7px,-7px)}
#mj.tabs li.selected b {background: #CB000F; color: #FFF}
body:last-child #mj.tabs li.selected b {left: 8px; top: 8px}
#mj.tabs li.selected::before {content: ""; position: absolute; width: 90px; height: 90px; border: 1px solid #CB000F; left: 0; top: 0px}
#p1 {left: 0; top: 0}
#p2 {left: 92px; top: 0}
#p3 {left: 184px; top: 0}
#p4 {left: 276px; top: 0}
#p5 {left: 370px; top: 0}
#p6 {left: 462px; top: 0}
#p7 {left: 555px; top: 0}
#p8 {left: 647px; top: 0}
#p9 {left: 740px; top: 0}
#p10 {left: 832px; top: 0}
#p11 {left: 924px; top: 0}
#p12 {left: 924px; top: 84px}
#p13 {left: 924px; top: 168px}
#p14 {left: 924px; top: 252px}
#p15 {left: 924px; top: 336px}
#p16 {left: 924px; top: 420px}
#p17 {left: 840px; top: 420px}
#p18 {left: 756px; top: 420px}
#p19 {left: 672px; top: 420px}
#p20 {left: 588px; top: 420px}
#p21 {left: 504px; top: 420px}
#p22 {left: 420px; top: 420px}
#p23 {left: 336px; top: 420px}
#p24 {left: 252px; top: 420px}
#p25 {left: 168px; top: 420px}
#p26 {left: 84px; top: 420px}
#p27 {left: 0px; top: 420px}
#p28 {left: 0; top: 336px}
#p29 {left: 0; top: 252px}
#p30 {left: 0; top: 168px}
#p31 {left: 0; top: 84px}
#mj2 {position: absolute; width: 760px; height: 260px; padding: 19px; border: 1px solid #C7C5C5; left: 100px; top: 100px; margin: 0; overflow: hidden}
.r5 .divs h3 {float: left; padding: 0 15px; background: #CB000F; font-size: 16px; font-weight: normal; line-height: 29px; color: #FFF}
.r5 .divs .tabs {clear: both; float: left; width: 85px; margin-top: 15px}
.r5 .divs .tabs li {display: block; width: 85px; height: 25px; font-size: 12px; line-height: 25px; margin: 0 0 5px}
.r5 .divs .tabs li.selected {background: #CCC}
.r5 .divs .tabs li.selected::before {content: ""; position: absolute; width: 85px; height: 2px; background: #CB000F; border: 0; left: 0; top: auto; bottom: -4px}
.r5 .divs .divs {clear: none; float: right; width: 640px; font-size: 12px; line-height: 21px; margin-top: 15px}

.r6 {overflow: hidden}
.r6 a {display: block; float: left; width: 195px; height: 40px; background: #0592FE; font-size: 12px; line-height: 40px; color: #FFF; text-align: center; margin: 5px 5px 0 0}
.r6 a:hover {background: #CB000F}

.r7 {overflow: hidden}
.r7c1 {float: left; width: 480px}
.r7c2 {float: right; width: 480px}
.r7c1 .pic-item {width: 480px; margin-top: 11px; overflow: hidden}
.pic-item li {position:relative; float: left; width: 220px; height: 150px; margin-right: 20px}
.pic-item img {position:absolute; width: 100%; height: 100%; left:0; top:0; z-index:1}
.pic-item .mask {position:absolute; width:100%; left:0; bottom:0; z-index:2; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#80000000,endColorstr=#80000000)}
body:last-child .pic-item .mask {filter:none; background:rgba(0,0,0,0.5)}
.pic-item .mask h3 {padding:0 10px; font-size: 16px; font-weight:normal; line-height: 26px}
.pic-item .mask h3,.pic-item .mask h3 a {color:#FFF}
.pic-item .mask h3 a:hover {text-decoration:none}
.list {margin-top: 15px}
.list li {list-style: square; line-height: 27px; color: #CB000F; margin-left: 1.5em}

.foot-03 {clear: both; min-width: 1000px; font-size: 14px; line-height: 25px; text-align: center; margin-top: 40px}