@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0;}
body{ font:12px/24px "宋体"; color:#333; background:#fff;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}
img{ border:none;}
ul{ list-style:none;}
.clear{ clear:both;}
.wrap{ width:980px; margin:0 auto; padding:0 10px; position:relative;}
.bg{ width:1000px; margin:0 auto; background:#FFF}
.h10{ height:10px;}
.line{ border-right:1px solid #CCC;}
.more{ display:block; text-align:right; padding-right:15px;}

#header{ width:100%; height:40px; background:#087068; color:#054B46; line-height:40px;}
#header a{color:#fff; padding:0 5px;}
#header .header{margin:0 auto; width:1000px;}
#kuro{color:#000;}
#kuro a{color:#000;}
#footers{ background:#F9F9F9; height:82px;border-top:1px solid #E7E7E7; width:100%;color:#333; }
#footers a{color:#333;}
#copyright{background:#333; height:47px; line-height:47px; color:#fff;}
#copyright a{ color:#fff;}
.footer{width:1000px; margin:auto;font-size:12px;}
#copyright pre{ float:left;font-size:12px;}
.footer dl {float:left; line-height:26px;padding-top:10px}
.footer dl span{ padding:0 10px;}
.footer ul{float: right;line-height:26px; padding-top:10px; text-align:right;}
.footer ol{float: right;}
.footer ol a{padding:0 10px;}
.operate{position: relative}

#banner{width:100%; height:347px; }
#summary{ width:100%; height:323px; margin-bottom:30px;}
#search{ width:186px; position:absolute; right:5px; top:0;}
#search .key{ width:228px; height:35px; border:1px solid #CCC; float:left;}

#main{ width:980px; margin:0 auto;}
#main .left{ width:670px; float:left;margin-bottom:20px;}
#main .left .title{ width:670px; height:40px; margin-bottom:25px;}
#main .left .title1{ width:670px; height:42px;  margin-bottom:25px;}
#main dl{ margin-bottom:15px;}
#main dt{line-height: 32px;font-size: 20px;font-family: "微软雅黑";font-weight: 700;text-align: left;}
#main dd{border-bottom: 1px solid #DDD;padding-bottom: 10px;color: #888;display: -webkit-box;font-size: 14px;line-height: 22px;margin-top: 15px;overflow: hidden;-webkit-line-clamp: 2;text-indent: 0 !important;}
#main .left dd img{ display:block; margin:0 auto; width:440px; height:350px; padding:25px 0;}
#main .left iframe{ width:670px; height:400px;}
#main .right{ width:300px; float:right;}
#main .right .title1{ width:300px; height:40px;  margin-bottom:15px;}
#main .right .flv{ width:300px; height:250px; margin-bottom:20px;}
#main .right .title2{ width:300px; height:40px;  margin-bottom:15px;}
#main .right .title3{ width:300px; height:40px;  margin-bottom:15px;}
#main .left .title4{ width:670px; height:42px;  margin-bottom:25px;}
#main .right img{ width:300px; height:225px; display:block; margin-bottom:15px;}

*{font-family:"微软雅黑"}
a:hover{text-decoration: none;}
#main { margin-bottom: 20px; }
.title a, .title2 a { display: block; width: 100%; height: 40px; }
#main .left .title { background: url(https://img2.kunming.cn/zhuanti/20171013sjd/title.jpg) no-repeat center; }
#summary { width: 100%; height: auto;  margin-bottom: 30px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*zoom: 1;}
#main .left iframe{margin-top:30px}
#summary img{width:100%;}
#main .left .title, .video-title, #main .right .title2{background: none;border-bottom: 1px solid #DDD;height: auto;padding-bottom: 10px;margin-bottom: 15px;}
#main .right .title2 .catalogTitle{display: inline-block;font-size: 21px;padding-left: 10px;border-left: 4px solid #06A5F6;height: auto;line-height: 20px;width: 95%;}
#main .right .title2{margin-bottom:15px;}
#main .right img{border-radius: 5px;}
#main .left .title .catalogTitle a, .video-title .catalogTitle a, #main .right .title2 .catalogTitle a{float: right;height: auto;font-size: 12px;width: auto;}
#main .left .title .catalogTitle{display: inline-block;font-size: 21px;padding-left: 10px;border-left: 4px solid #06A5F6;height: auto;line-height: 20px;width: 656px;}
@media (max-width: 1060px){
    #main{width: 100%;}
    #main .left{width: 98%;margin:0 auto;float: none;}
    #main .left .title{width: 100%;}
    #main .right{width: 100%;margin:0 auto;}
    #main .right .title2,#main .right .title2{width: 98%;margin:0 auto;}
    #main .right img{width: 100%;height: auto;}
    .top-news-bottom,#bottom{display: none;}
    #main .left .title .catalogTitle{font-size: 16px;}
    #main .right .title2 .catalogTitle{font-size: 16px;}
    #main .left .title .catalogTitle{width: 95%;}
}
