@charset "utf-8";
@import url("/iures/images/iconfont.css");

 

body, html{ height:100%; -webkit-tap-highlight-color:transparent; margin:0px; padding:0px; color:#333; background-color:#fff; font-size:14px; line-height: 1.7em;}
li,ul,ol{ list-style:none outside; margin:0px; padding:0px;}
a,a:link,a:visited{ color:#000; text-decoration: none;}
a:hover{ color: #be821b;}

video::-internal-media-controls-download-button{ display:none;}
video::-webkit-media-controls-enclosure{ overflow:hidden;}
video::-webkit-media-controls-panel{ width: calc(100% + 30px);}

.pager { font-size:14px; text-align:center; padding:10px 0px 30px 0px; color:#666; line-height:1.5em;}
.pager > span{ display:inline-block; margin:0px 10px; vertical-align:bottom; line-height:27px;}
.pager .xx cite,.pager .xx em{ font-style:normal; color:#000;}
.pager a,.pager a:link,.pager a:visited{ background-color:#eee; color:#333; min-width:21px; display:inline-block; padding:3px 5px; margin:0px 3px;}
.pager a:hover{ border:0px #F90 solid; background-color:#c00; color:#fff;}
.pager a.cur{ border:0px #F90 solid; background-color:#c00; text-decoration:none; color:#fff; font-weight:bold;}
.pager a.no{ border:0px #ccc solid; text-decoration:none; color:#ccc;}
.pager a.no:hover{ background-color:#eee;}
.pager .in{ width:36px; height:25px; line-height:25px; border:1px #ccc solid; vertical-align:top; text-align:center;}
.pager .btn{ width:27px; height:27px; padding:0px; vertical-align:top; background-color:#c30d23; color:#fff; border:0px;}


/*================*/

.kj{ margin:0em 0.8em; padding:0px;}

.header{ width: 100%; background-color: #c5221f; text-align: center; }
.header .tlogo{ max-width: 100%; display: block; margin: 0px auto;}

.sybt{ background-color: #c53431; padding: 10px 10px 8px 25px; margin-top: 20px;}
.sybt > img{ display: block; }
.sybt a{ display: block; float: right;}

.swiper-container{ position: relative;}
.swiper-container img{ display:block; width:100%;}
.swiper-container .swiper-pagination{ width:100%; height:1.5em; line-height:1.5em; overflow:hidden; bottom:0; background-size:100% auto; /*background:url(tm50.png); padding-top:0px;*/ }
.swiper-container .swiper-pagination-bullet{ background-color:#fff; filter:alpha(Opacity=100); -moz-opacity:1.0; opacity:1.0; margin-top:0px;  width:10px; height:10px; }
.swiper-container .swiper-pagination-bullet-active{ background-color:#c00;}

.syc1 > div{ height: 480px; overflow: auto; margin-top: 15px;}
.syc1 dl{ position: relative; margin-top: 20px;}
.syc1 dl div{ width: 240px; border: 1px #d6bb90 solid; position: absolute; left: 0; top: 0;}
.syc1 dl div img{ width: 100%; display: block;}
.syc1 dl dt{ margin: 0px 20px 0px 270px; height: 60px; line-height: 60px; overflow: hidden; font-size: 28px; font-weight: bold;}
.syc1 dl dd{margin: 5px 20px 14px 270px; height: 70px; line-height: 30px; color: #636363; background: url(line.jpg) 0px bottom repeat-x; font-size:16px;}


.syc2 > div{ height: 240px; overflow: auto; margin-top: 15px;}
.syc2 ul{ margin: 0px 40px 0px 25px;}
.syc2 li{ height: 40px; line-height: 33px; overflow: hidden; background: url(li1.jpg) 0px bottom no-repeat; padding: 8px 0px 0px 40px; font-size: 16px;}
.syc2 li span{ float: right; font-size: 14px; color: #666; padding-left: 5px;}
.syc2 li span i{ font-style: normal;}

.syc3{ padding-top: 20px;}
.syc4 ul{ padding-top: 15px; overflow: hidden;}
.syc4 li{ width: 12.5%; display: inline-block;}
.syc4 li span{ display: block; height: 50px; line-height: 50px; margin: 1px 1px 0px 0px; border: 1px #71b8c9 solid; background-color: #e4f9fd; font-size: 1.2em; text-align: center; cursor: pointer;}
.syc4 li.more{ float: right;}
.syc4 li.more span{ background-color: #fff;}
.syc4 li.cur span{ background-color: #a3ebfd;}
.syc4 .t1{ padding: 15px 0px; text-align: center;}
.syc4 .t1 img{ max-width: 100%;}

.nk{ padding-top: 20px;}
.wz{ background: url(wz.jpg) 10px center no-repeat; border-bottom: 1px #888 solid; font-size: 16px; line-height: 50px; font-weight: normal; padding-left: 25px; margin-top: 10px;}
.wz .tt0{ color: #c00;}
.wz .icofont{ font-size: 15px; font-weight: bold; color: #be821b; margin-right: 3px;}
.sw_title{ font-size: 25px; text-align: center; color: #c00; line-height: 1.5em; border-bottom: 1px #eee solid; padding: 10px;}
.sw_info{ font-size: 13px; padding: 3px 10px 30px 0px; text-align: right; color: #999;}
.sw_txt{ overflow: hidden; line-height: 2.0em; padding-top: 25px;}
.sw_txt p{ margin: 0px;}
.sw_xg{ border-top: 1px #eee solid; border-bottom: 1px #eee solid; margin-top: 20px;}
.sw_xg_li{ padding: 5px 0px 20px 20px; font-size: 13px;}


.pic dl{ display: inline-block; width: 33.3333%; vertical-align: top;}
.pic dl div{ width: 90%; border: 0px #ccc solid; vertical-align: top; margin: 0px auto;}
.pic dl div img{ width: 100%; display: block;}
.pic dl dt{ width: 90%; height: 45px;  margin: 0px auto; font-size: 13px; text-align: center; background-color: #eee; padding-top: 5px;}
.pic dl dt a{ height: 36px; line-height: 18px; overflow: hidden; margin: 0px 5px; display: inline-block;}

.li1{ padding:20px;}
.li1 li{ background: url(dot3.png) 9px 20px no-repeat; padding: 5px 0px 0px 22px; border-bottom: 1px #ccc dotted; line-height: 2.0em;}
.li1 li span{ float: right; padding: 0px 5px; font-size: 12px; color: #999;}

.footer{ margin-top: 25px; border-top: 1px #ccc solid; padding: 15px 0px; font-size: 15px;}
.footer .kj > div{ display: inline-block; vertical-align: top;}
.footer .t1{ width: 10%;}
.footer .t2{ width: 12%;}
.footer .t3{ width: 12%;}
.footer .t3 .tbt{ padding-left: 1em;}
.footer .t3 img{ max-width: 90%;}
.footer .t4{ width: 23%; padding-left: 1%;}
.footer .tbt{ font-weight: bold; padding-bottom: 15px; font-size: 16px;}


@media screen and (max-width:799px){
	.syc2 > div{ height: 240px; margin-top: 10px;}
	.syc2 ul{ margin: 0px 10px 0px 5px;}
	.syc2 li{ padding: 8px 0px 0px 15px; background-position: -20px bottom; font-size: 14px;}
	.syc2 li span{ font-style: 12px;}
	.syc2 li span i{ display: none;}
}
@media screen and (max-width:419px){
	.sybt{ padding:8px; margin-top: 10px;}
	.sybt img{ height: 17px;}

	.wz .tt0{ display: none;}
	.pager .goto{ display: none;}

	.syc1 > div{ width: 100%; height: 300px; margin-top: 0px;}
	.syc1 dl{ margin-top: 12px;}
	.syc1 dl div{ width: 100px;}
	.syc1 dl dt{ margin: 0px 6px 0px 115px; height: 20px; line-height: 20px; font-size: 16px;}
	.syc1 dl dd{ margin: 3px 6px 14px 115px; height: 35px; line-height: 16px; font-size:12px; overflow: hidden;}

	.syc3{ padding-top: 10px;}

	.syc4 .no{ height: 30px;}
	.syc4 ul{ width: 100%; padding-top: 8px;}
	.syc4 li{ width: 25%; font-size: 12px; overflow: hidden;}
	.syc4 li span{ height: 27px; line-height: 27px;}
	.syc4 .t1{ padding-top: 10px;}

	.footer div.t1, .footer div.t2, .footer div.t3{ display: none;}
	.footer .t4 .tbt{ display: none;}
	.footer div.t4{ width: 100%;}
	.footer div.t4 li{ display: inline-block;}
}
@media screen and (min-width:420px) and (max-width:567px){
	.sybt{ padding-left: 10px;}
	.sybt img{ height: 22px;}

	.wz .tt0{ display: none;}
	.pager .goto{ display: none;}

	.syc1 > div{ height: 320px; margin-top: 0px;}
	.syc1 dl{ margin-top: 15px;}
	.syc1 dl div{ width: 150px;}
	.syc1 dl dt{ margin: 0px 10px 0px 165px; height: 25px; line-height: 25px; font-size: 18px;}
	.syc1 dl dd{ margin: 6px 10px 14px 165px; height: 58px; line-height: 18px; font-size:12px; overflow: hidden;}

	.syc4 .no{ height: 35px;}
	.syc4 ul{ padding-top: 10px;}
	.syc4 li{ width: 16.666666%; font-size: 12px;}
	.syc4 li span{ height: 32px; line-height: 32px;}
	.syc4 .t1{ padding-top: 12px;}

	.footer div.t1, .footer div.t2, .footer div.t3{ display: none;}
	.footer .t4 .tbt{ display: none;}
	.footer div.t4{ width: 100%;}
	.footer div.t4 li{ display: inline-block;}
}
@media screen and (min-width:568px) and (max-width:799px){
	.sybt{ padding-left: 12px;}
	.sybt img{ height: 30px;}

	.syc1 > div{ height: 320px; margin-top: 0px;}
	.syc1 dl{ margin-top: 15px;}
	.syc1 dl div{ width: 150px;}
	.syc1 dl dt{ margin: 0px 10px 0px 165px; height: 25px; line-height: 25px; font-size: 18px;}
	.syc1 dl dd{ margin: 6px 10px 14px 165px; height: 58px; line-height: 18px; font-size:12px; overflow: hidden;}

	.syc4 .no{ height: 41px;}
	.syc4 li{ width: 16.666666%; font-size: 14px;}
	.syc4 li span{ height: 38px; line-height: 38px;}

	.footer div.t1, .footer div.t2{ display: none;}
	.footer .t3{ width: 20%;}
	.footer .t4{ width: 58%; padding-left: 2%;}
}


@media screen and (min-width:800px){
	.syc4 .no{ height: 53px;}
}
@media screen and (min-width:800px) and (max-width:1023px){
	.sybt img{ height: 38px;}

	.syc1 > div{ height: 380px; margin-top: 10px;}
	.syc1 dl{ margin-top: 20px;}
	.syc1 dl div{ width: 180px;}
	.syc1 dl dt{ margin: 0px 20px 0px 200px; height: 35px; line-height: 35px; font-size: 22px;}
	.syc1 dl dd{margin: 3px 20px 14px 200px; height: 66px; line-height: 20px; font-size:13px;}

	.syc2 ul{ margin: 0px 10px 0px 5px;}
	.syc2 li{ padding: 8px 0px 0px 25px; background-position: -10px bottom;}
	.syc2 li span{ font-style: 12px;}

	.footer{ font-size: 13px;}
	.footer .tbt{ font-size: 15px;}
	.footer .t3 .tbt{ padding-left: 0em; text-align: center;}
}

@media screen and (min-width:1024px) and (max-width:1219px){
	.sybt img{ height: 45px;}

	.syc1 > div{ height: 410px; margin-top: 0px;}
	.syc1 dl{ margin-top: 20px;}
	.syc1 dl div{ width: 210px;}
	.syc1 dl dt{ margin: 0px 20px 0px 230px; height: 50px; line-height: 50px; font-size: 26px;}
	.syc1 dl dd{margin: 6px 20px 14px 230px; height: 60px; line-height: 25px; font-size:14px;}
}

@media screen and (min-width:1220px){
	.kj{ width: 1200px; margin: 0px auto;}
}