﻿/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:14px; cursor:default; color: #333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color: #333;}
a:hover{ text-decoration:none; color: #0f51aa;}
i{font-style:normal}
.fl { float: left;}
.fr { float: right;}
.w1200 { width: 1200px; margin: 0 auto; overflow: hidden;}


.header { background: url(../images/2021yl_kytb_header.png) no-repeat center top; height: 623px;}


.footer {padding: 30px 0;overflow: hidden;background: #3578d1;}
.footer * { color: #fff;}
.footer-img { float: left; margin-top: 10px;}
.footer-img img { vertical-align: middle;}
.footer-text {float: left;margin-left: 30px;margin-top: 15px;}
.footer-text p { line-height: 24px;}
.footer-ewm { float: right; text-align: center;}
.footer-ewm .pic { background: #fff; padding: 5px 4px 2px 5px;}
.footer-ewm p { font-size: 12px;}

/* 通用列表 */
.list { padding-top: 8px; } 
.list ul { display: none;} 
.list ul:first-child { display: block;} 
.list li { font-size: 16px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
.list-date li { position: relative; padding-right: 100px;}
.list-date li a { display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-date li span { position: absolute; right: 0; top: 0; color: #999;}


.xxdt { padding: 50px 0;}
.xxdt-title { background: url(../images/2021yl_kytb_xxdt.png) no-repeat center center; height: 84px; margin-bottom: 50px;}
/* 图片新闻 */
.slider-pic { float: left; height: 332px; width: 591px; position: relative; z-index: 5; overflow: hidden;}
.slider-pic .hd { height: 10px; overflow: hidden; position: absolute; right: 20px; bottom: 18px; z-index: 1; }
.slider-pic .hd li { float: left; width: 10px; height: 10px; border-radius: 50%; background: #99a6a7; margin-left: 10px; cursor: pointer; }
.slider-pic .hd li.on { background: #fff; } 
.slider-pic .prev,.slider-pic .next { position: absolute; left: -40px; top: 50%; display: block; border-radius: 0 5px 5px 0; width: 40px; height: 70px; text-align: center; line-height: 70px; color:#d4d6d4; font-size: 40px; font-family: simsun; font-weight: bold; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); margin-top: -35px; transition: all .5s;}
.slider-pic .next { left: auto; right: -40px; border-radius: 5px 0 0 5px;}
.slider-pic .prev:hover,.slider-pic .next:hover { background:rgba(0,0,0,1); color:#d4d6d4 !important;}
.slider-pic:hover .prev { left: 0; transition: all .5s;}
.slider-pic:hover .next { right: 0; transition: all .5s;}
.slider-pic .bd { position: relative; height: 332px; z-index: 0; } 
.slider-pic .bd li { zoom: 1; vertical-align: middle; } 
.slider-pic .bd li a { display: block; width: 100%; height: 100%; position: relative; } 
.slider-pic .bd li p { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000, endColorstr=#cf000000); font-size: 16px; line-height: 50px; color: #fff; cursor: pointer; text-indent: 20px; } 
.slider-pic .bd li a:hover p { color: #256092; } 
.slider-pic .bd img { display: block; width: 100%; height: 332px; transform: scale(1); transition: all .5s;}
.slider-pic .bd li:hover img { transform: scale(1.05); transition: all .5s;}


.news { float: right; width: 570px; height: 332px; overflow: hidden;}
.news-first { border-bottom: dashed 1px #ddd; padding-bottom: 20px;}
.news-first h3 { font-size: 24px; line-height: 30px;}
.news-first h3 a { color: #3578d1;}
.news-first p { font-size: 16px; line-height: 26px; text-indent: 2em; margin-top: 15px;}
.news .list li { background: none; padding-left: 0;}

.sxbl { background: url(../images/2021yl_kytb_sxbl_bg.png) no-repeat center bottom; padding: 50px 0;}
.sxbl-title {background: url(../images/2021yl_kytb_sxbl.png) no-repeat center center;height: 84px;margin-bottom: 30px;}
.sxbl-item { margin-top: 20px;}
.sxbl-item h3 { border-bottom: 1px solid #66b0f6; font-size: 24px; color: #fff; line-height: 70px;}
.sxbl-item h4 { background: url(../images/2021yl_kytb_sxbl_jt.png) no-repeat left center; font-size: 22px; color: #fff; line-height: 30px; padding-left: 30px; margin-top: 25px;}
.sxbl-item ul { margin-top: 25px; overflow: hidden;}
.sxbl-item ul li { float: right; background: url(../images/2021yl_kytb_sxbl_list_bg2.png) no-repeat; width: 540px; height: 110px; padding: 50px 0 0 40px;}
.sxbl-item ul li:first-child { background-image: url(../images/2021yl_kytb_sxbl_list_bg1.png); float: left;}
.sxbl-item ul li h5 { font-size: 22px; font-weight: normal; color: #fff; line-height: 30px;}
.sxbl-item ul li p { color: #c5dcfc; line-height: 30px;}


.dxal { padding: 50px 0;}
.dxal-title { background: url(../images/2021yl_kytb_dxal.png) no-repeat center center; height: 84px; margin-bottom: 30px;}
.dxal .list li {  background: url(../images/2021yl_kytb_list_dot1.png) no-repeat left center; padding-left: 25px;}
.dxal .list li:hover {  background-image: url(../images/2021yl_kytb_list_dot2.png);}