@charset "utf-8";
/* CSS Document */
.sp-top { height:490px; background:url(../images/ksimages/spzxtop.jpg) no-repeat bottom center;}
.sp-contenttop { margin-top:90px;}
.yp-contenttop { margin-top:90px; height:196px; background:url(../images/kdys.jpg) no-repeat center;}
.sp-main { padding-top:40px;}
.sp-main h3 { font-size:22px; color:#010101; letter-spacing:2px; line-height:40px; font-weight:normal;}
.sp-main h3 a { font-size:12px; display:block; float:right; font-weight:normal;}
.sp-main ul { padding:20px 0;}
.sp-frist { width:630px; height:360px; text-align:left;}

.sp-frists { width:915px; text-align:left;}

.sp-tj h3 { margin-bottom:20px;}
.sp-tjlist { width:570px; height:360px;}

.sp-tjlist ul { padding:0;}
.sp-tjlist ul li { width:50%; height:75px; float:left; margin-bottom:20px; display:block; background-color:#e7e7e7; overflow:hidden;}
.sp-tjlist ul li img { display:block; height:75px; float:left; margin-right:10px; width:110px; display:block;}
.sp-tjlist ul li p { padding:10px; line-height:26px; text-align:left; font-size:14px;}

.sp-tjlists { width:285px;}
.sp-tjlists ul { padding:0;}
.sp-tjlists ul li { width:100%; height:75px; float:left; margin-bottom:20px; display:block; background-color:#e7e7e7; overflow:hidden;}
.sp-tjlists ul li img { display:block; height:75px; float:left; margin-right:10px; width:110px; display:block;}
.sp-tjlists ul li p { padding:10px; line-height:26px; text-align:left; font-size:14px;}

.sp-jj ul li { height:140px; width:190px; display:block; float:left; overflow:hidden; line-height:30px; text-align:center; font-size:16px;}
.sp-jj ul li img { display:block; height:110px; width:190px; display:block; border-radius:5px;}
.sp-jj ul li:nth-child(1),.sp-jj ul li:nth-child(2),.sp-jj ul li:nth-child(3),.sp-jj ul li:nth-child(4),.sp-jj ul li:nth-child(5) { margin-right:12px;}

.sp-jd ul { width:1240px;}
.sp-jd ul li { height:190px; width:285px; margin-bottom:15px; display:block; float:left; overflow:hidden; line-height:30px; text-align:center; font-size:16px;}
.sp-jd ul li img { display:block; height:160px; width:285px; display:block; border-radius:5px;}
.sp-jd ul li { margin-right:20px;}

.sp-frist #video {width: 610px;height: 360px;	position: relative;}
.sp-frists #video {width: 900px;height: 550px;	position: relative;}
#video video {width: 100%;height: 100%;}
.VideoBtn {position: absolute;left: 50%;top: 50%;display: block;width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;cursor: pointer;z-index: 10;}


.arc-wz-c { font-size:16px; line-height:30px; color:#5b5b5b;}
.arc-wz-c a:link{color:#5b5b5b; text-decoration:none;}
.arc-wz-c a:visited{color:#5b5b5b; text-decoration:none;}
.arc-wz-c a:hover{color:#5b5b5b; text-decoration:underline;}
.arc-wz-c a:active{text-decoration:none;}
.arc-c { width:100%;  margin-bottom:20px; }
.arc-c h2 { line-height:44px; color:#222; font-size:34px; text-align:left; font-weight:700px; padding:20px 0;}
.arc-content { font-size:16px; color:#333333; line-height:28px; padding-top:40px;}
.arc-content img { max-width:640px; display:block; margin:0 auto;}
.arc-content p { font-size:16px; text-align:justify; color:#222; word-wrap:break-word; line-height:32px; padding-bottom:10px;}
.arc-content a:link{color:#4a70c1; text-decoration:none;}
.arc-content a:visited{color:#4a70c1; text-decoration:none;}
.arc-content a:hover{color:#4a70c1; text-decoration:underline;}
.arc-content a:active{text-decoration:none;}
.hot-news-list { width:260px; padding-left:20px;}
.hot-news-title { width:100%; height:32px; display:block; font-size:18px; line-height:32px; margin-bottom:15px; text-indent:1em;}
.hot-news-title em { width:5px; height:22px; margin-top:5px; border-radius:2px; display:block; float:left; background-color:#2887f0;}
.hot-news-c { display:block; clear:both; margin-bottom:40px;}
.hot-news-c ul li { display:block; overflow:hidden; margin-bottom:20px; clear:both;}
.hot-news-c ul li img { width:100px; height:60px; margin-right:10px; display:block; float:left;}
.hot-news-c ul li a { font-size:14px; line-height:24px;}

@media only screen and (max-width:800px){ 
.sp-contenttop { margin-top:15rem;}
.yp-contenttop { margin-top:13rem; background:url(../images/kdysm.jpg) no-repeat center; background-size: 100% auto; height:18rem; margin-bottom:2rem;}
.sp-top { width:100%; margin-top:13rem; height:25rem; background:url(../images/ksimages/spzxtopm.jpg) no-repeat center; background-size: 100% auto;}
.sp-main { width:98%; margin:0 auto; padding:0;}
.sp-main ul { padding:0;}
.sp-main h3 { padding:0; margin:0; font-size:2.6rem; line-height:10rem;}
.sp-frist { display:none;}
.sp-tjlist { float:none; width:100%;}
.sp-tjlist ul li { height:12rem; width:100%;border-bottom:.9rem #efeff3 solid; padding:2rem 1rem; margin:0; background:none; color:#333; line-height:normal;}
.sp-tjlist ul li p { color:#333; line-height:normal; padding:0; font-size:2.4rem;}
.sp-tjlist ul li img { width:12rem; height:12rem; display:block; float:left; border-radius:.3rem;}
.sp-jj ul { padding-left:4%;}
.sp-jj ul li { width:46%; float:left; padding:0; margin:0;}
.sp-jj ul li img { width:100%; display:block; border-radius:.3rem; height:auto;}
.sp-jj ul li p { font-size:2rem; line-height:3rem;}
.sp-jd ul { width:96%; padding-left:4%;}
.sp-jd ul li { width:46%; margin:0 1%; overflow:hidden; height:auto; float:left; padding:0; margin:0;}
.sp-jd ul li img { width:100%; display:block; border-radius:.3rem; height:auto;}
.sp-jd ul li p { font-size:2rem; line-height:3rem;}

.arc-wz-c { font-size:2rem; line-height:3rem;}
.arc-c h2 { font-size:2.6rem; color:#333; padding:1rem 0;}
.arc-msg { font-size:1.8rem; color:#666;}
.sp-frists { width:100%; min-height:55rem; float:none;}
.sp-frists #video { width:100%; height:auto;}
.sp-tjlists { width:100%; float:none;}
.sp-tjlists ul li { height:12rem; width:100%;border-bottom:.9rem #efeff3 solid; padding:2rem 1rem; margin:0; background:none; color:#333; line-height:normal;}
.sp-tjlists ul li p { color:#333; line-height:normal; padding:0; font-size:2.4rem;}
.sp-tjlists ul li img { width:12rem; height:12rem; display:block; float:left; border-radius:.3rem;}

.arc-content { font-size:2.2rem; line-height:3.6rem; padding-top:2rem;}
.arc-content p { font-size:2rem; line-height:3.6rem;}
.arc-content img { display:block; width:96% !important; height:auto; margin:0 auto;}
.arc-msg { text-indent:0;}
.hot-news-list { display:none;}
}

/**mp3**/
.db{display:block}
.weixinAudio{line-height:1.5; width:90%; margin:3rem auto;}
.audio_area{display:inline-block;width:100%;vertical-align:top;margin:0px 1px 0px 0;font-size:0;position:relative;font-weight:400;text-decoration:none;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}
.audio_wrp{border:1px solid #ebebeb;background-color:#fcfcfc;overflow:hidden;padding:12px 20px 12px 12px; border-radius:5px;}
.audio_play_area{float:left;margin:9px 22px 10px 5px;font-size:0;width:18px;height:25px}
.playing .audio_play_area .icon_audio_default{display:block}
.audio_play_area .icon_audio_default{background:transparent url(../images/iconloop.png) no-repeat 0 0;width:18px;height:25px;vertical-align:middle;display:inline-block;-webkit-background-size:54px 25px;background-size:54px 25px;background-position:-36px center}
.audio_play_area .icon_audio_playing{background:transparent url(../images/iconloop.png) no-repeat 0 0;width:18px;height:25px;vertical-align:middle;display:inline-block;-webkit-background-size:54px 25px;background-size:54px 25px;-webkit-animation:audio_playing 1s infinite;background-position:0px center;display:none}
.audio_area .pic_audio_default{display:none;width:18px}
.tips_global{color:#8c8c8c}
.audio_area .audio_length{float:right;font-size:14px;margin-top:3px;margin-left:1em}
.audio_info_area{overflow:hidden}
.audio_area .audio_title{font-weight:400;font-size:17px;margin-top:-2px;margin-bottom:-3px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.audio_area .audio_source{font-size:14px}
.audio_area .progress_bar{position:absolute;left:0;bottom:0;background-color:#0cbb08;height:2px}
.playing .audio_play_area .icon_audio_default{display:none}
.playing .audio_play_area .icon_audio_playing{display:inline-block}
@-webkit-keyframes audio_playing{30%{background-position:0px center}
31%{background-position:-18px center}
61%{background-position:-18px center}
61.5%{background-position:-36px center}
100%{background-position:-36px center}
}
