@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1599px) {
.wrapper .inner { width:96%; margin:0 auto;}

.nav .wp-menu .menu-item {}
.nav .wp-menu .menu-item a.menu-link {padding: 0 20px;}
.mbanner .focus .focus-title-bar{left:0}
.mbanner .focus .focus-pagination{right:0}
.mbanner .news_list li .news_title{left:0}
.mbanner .slick-dots{right:0}
.header .head-left{    width: 20%;}
.header .sitelogo img{width: 100%;}
/*links*/
.botlinks .links-wrap {margin:4px 5px;}
/*banner*/
.focus .focus-title-bar {}
.shares ul{float:none}
#footer .inner .foot-left .f-l-t .logo{float:none}
#footer .inner .foot-left .f-l-t .shares{float:none}
#footer .inner .foot-center{    margin-left: 2.75%;  width: 40.25%;}



}

@media screen and (max-width: 1500px) {
.nav .wp-menu .menu-item a.menu-link {padding: 0 15px;}
.header .head-right{    margin-top: 35px;}
.nav .sub-menu{width:900px}
}
@media screen and (max-width: 1420px) {
.nav .wp-menu .menu-item a.menu-link {padding: 0 10px;   font-size: 16px;}
.post5 .tt .tit .title{line-height:290px}
.post5 .tt{height:290px}
.main4 .post-41 .ulcon{padding:85px 25px}
}
@media screen and (max-width: 1261px) {
.main4 .post-41 ul li .news_box{margin: 0 30px;}
.main4 .post-41 ul{margin: 0 -30px;}
.main4 .post-41 ul li .news_title{    font-size: 22px;}
.nav .sub-menu{width:800px}
.nav .sub-menu .ml{width:65%}
}
/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 1100px) {
.wrapper .inner { width:96%; margin:0 auto;}
.navi-aside-toggle,
.navi-aside-search {display: block;}


#header {  height: auto;}
#header .inner{padding:10px 0px;height: auto;position:relative;background:none;text-align:center;}
.header .head-left{ float:none;display:inline-block; width:auto; height:auto; text-align:center;}
.header .sitelogo{float:none;margin-top:10px;}
.header .sitelogo a{display:inline-block;width:100%;margin:0 auto;}
.header .sitetitle {margin-top:38px;font-size:28px;}
.header .sitelogo img{width:auto}
.header .head-right{     position: absolute;   right: 0;  top: 40%;float:right; width:auto;margin-top:0px;}

.site-lang ul{display:none}
.header.showdiv .sitelogo img.logo2{    margin: 0 auto;}
.header.showdiv .navi-aside-toggle{    background: url(/_upload/tpl/02/4b/587/template587/css/img/menu-icon-arrow.png) no-repeat 50%;}
.header .head-right .head-r-b{display:none}
.header.showdiv .head-right{margin-top:0px;}
/*导航样式：后台绑定时也可以定义配置*/
.wp-navi .wp-menu{display:none;}
.wp-navi-slide .navi-slide-head {display: block;padding:0 10px;height: 40px;}
.wp-navi-slide .wp-menu {background:#fff;}
.wp-navi-slide .wp-menu .menu-item {display: inline-block;float:none; position: relative; z-index: 100;width:100%;padding-left:0px;text-align:left;border-bottom:1px solid #eee}
.wp-navi-slide .wp-menu .menu-item .menu-switch-arrow{display: block;width: 38px;height: 38px;position: absolute;right: 6px;top: 1px;background: url(/_upload/tpl/02/4b/587/template587/css/img/icons.png) no-repeat 10px -116px;}
.wp-navi-slide .wp-menu .menu-item a.menu-link {display:block;padding: 0 20px;line-height: 40px;color: #343434;font-size: 14px; }
.wp-navi-slide .wp-menu .menu-item a.menu-link.hover,
.wp-navi-slide .wp-menu .menu-item.hover a.menu-link,
.wp-navi-slide .sub-menu .sub-item.hover> a,
.wp-navi-slide .sub-menu .sub-item a:hover{ text-decoration: none; color: #000; background-color: #eee; }
.wp-navi-slide .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.8;}
.wp-navi-slide .sub-menu .sub-item {position: relative;white-space: nowrap;vertical-align: top;border-bottom: 1px solid #eee;}
.wp-navi-slide .sub-menu .sub-item a {display: block;color: #000;height: auto;line-height: 40px;padding: 0 36px;font-size: 14px;background:none;}
.wp-navi-slide .sub-menu .sub-item a:hover { color: #000; background-color:#eee; display: block; }
.wp-navi-slide .sub-menu .sub-menu {left:0;top: 0;}
.wp-navi-slide .sub-menu .sub-menu .sub-item a {padding: 0 52px;}
.sub-menu .mr{display:none}

.mbanner .focus .focus-title-bar{bottom:10px}
.focus-title{font-size:25px}
.mbanner .focus .focus-pagination{bottom:10px}
.mbanner .news_list li .news_title{bottom:10px}
.mbanner .slick-dots{bottom:10px}

.main1 .ml{ width: 100%;    float: none;}
.main1 .ml .post-11 ul li{  }
.main1 .ml .post-11 ul li .news_title{    text-align: center;}
.main1 .ml .post-11 ul li .news_title a{padding:0}
.main1 .mc{margin-left:0;    width: 49%;}
.main1 .mr{width: 48%;margin-top:0}
.main1 .post-13 ul li .news_title{line-height: 40px;}
.main1 .post-13 ul li .news_title a{    -webkit-line-clamp: 1;    height: 40px;}

.main2 .post-20 .boxm1 .ml{width: 49%; }
.main2 .post-20 .boxm1 .mc{width: 49%;      margin: 0;  float: right;  }
.main2 .post-20 .boxm1 .mr{   width: 100%;    float: none;  margin: 20px 0 0;}
.main2 .post-20 .boxm1 .mr .post-23{width: 49%;    float: left;     margin-top: 25px;}
.main2 .post-20 .boxm1 .mr .post-24{width: 49%;    float: right;    margin-top: 25px; }
.main2 .post-20 .boxm2 .ml .post-25 video{height:480px}
.main3{    background-size: cover;}
.main3 .post-33 ul li{width: 50%;    margin-bottom: 30px;  }

.main4 .post-41 ul li .news_title{    font-size: 20px;}

#footer{background: url(/_upload/tpl/02/4b/587/template587/images/foot-bg.png) center;}
#footer .inner {background:none;    padding: 20px 0px;}
#footer .inner .foot-left{float:none;padding-left: 0px;background: none;padding: 0;width: 100%;}
#footer .inner .foot-left .f-l-t .logo{  text-align: center;}
#footer .inner .foot-center{    float: none;  margin-left: 0;    width: 100%;    padding: 10px 0;}
#footer .inner .foot-left p{text-align:center;}
#footer .inner .foot-right{    width: 60%;    float: none;  margin: 10px auto;}
.shares ul{display:inline-block;width:auto; margin:0 auto;float:none;}



}

@media screen and (max-width: 999px) {
.main1 .ml .post-111 ul li{margin-bottom:12px}
.main1 .ml .post-111 ul li .news_title{font-size:18px}
.mbanner .focus-box,.mbanner .news_imgs a{height:75vh !important}
.mbanner .focus-container{height:75vh !important}
.main4 .post-41 ul li .news_box{margin: 0 10px;}
.main4 .post-41 ul{margin: 0 -10px;}
.main4 .post-41 ul li .news_imgs img{ width: 80%; }
.main4 .ml .post-tt{font-size: 40px;}
}

@media screen and (max-width: 900px) {
.main3 .ml{float: none;   width: 100%; }
.main3 .mr{float: none;   width: 100%; }
.main2 .post-20 .boxm2 .ml .post-25 .news_title{font-size:30px}

}
@media screen and (max-width: 800px) {
.main4 .post-41 .ulcon {    padding: 55px 25px;}
.post5 .tt {height: 229px}
.main4 .ml .post-tt{font-size: 36px;}
.post5 .tt .tit .title{line-height: 229px;    font-size: 36px;}
.main4 .ml {
    float: none;
    width: 100%;
    padding-top: 120px;
    margin: 0 auto;
}
.main4 .mc {
    float: left;
    width: 49.25%;
    position: relative;
    margin: 60px 0% 0;
}
.main4 .mr {
    float: right;
    width: 49.25%;
    margin: 60px 0% 0;
}
.main4 ul li .news_title{    font-size: 20px;}
}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
.post-50{display:none}
#header .inner{height: auto;}
.header .sitelogo a img{max-width: 85%;margin:5px 0px;}
.header .sitelogo a{}
.header .sitetitle {display:block;margin-top: 10px;font-size:18px;}
.mbanner .focus-box{height:60vh !important}
.mbanner .focus-container,.mbanner .news_imgs a{height:60vh !important}
.main1 .inner{padding:35px 0}
.main1 .ml{float:none; width:100%;}
.main1 .mc{float:none; width:100%;} 
.main1 .mr{float:none; width:100%;} 
.main1 .ml .post-11 ul li .news_title{font-size: 16px;}
.main2 .post-20 .boxm1 .ml{float:none; width:100%;border:0}
.main2 .post-20 .boxm1 .mc{float:none; width:100%;margin:20px 0}
.main2 .post-20 .boxm1 .videobox{height:500px}
.main2 .post-20 .boxm2 .ml{float:none; width:100%;border:0}
.main2 .post-20 .boxm2 .mr{float:none; width:100%;border:0}
.main3 .post-32 ul li .news_imgs{width: 130px;height: 200px;}
.main3 .post-32 ul li .news_con{padding-top: 0px;padding-left: 146px;}

.main4 .inner{padding: 10px 0 15px;}
.post5 .tt{    width: 100%;  float: none;}
.post5 .con{    width: 100%; float: none;}
.main4 .post-41 .ul2{    margin-top: 60px;}

#footer .inner {padding: 17px 0px;}
#footer .inner .foot-left{float:none;}
#footer .inner p{text-align:center;}

.mbanner .focus-pagination {display:none;}

.mbanner .slick-dots{display:none !important}
/*栏目图片*/
.l-banner{height: 280px;}
.l-banner img{width:100%;height:100%;}
#l-container .inner,
#d-container .inner {padding:0px 0px;}
#l-container.wrapper .inner .mod,
#d-container.wrapper .inner .mod{padding:0;}

.column-switch {display:block;}

.col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height:40px;pa;padding: 0px 5px 0px 12px;font-size: 17px;}/**栏目名称图标**/
.col_menu {width: 100%;float:none;margin-right:0px;position:relative;    top: -40px;} 
.col_menu .col_menu_con{display:none;border:0px solid #e4e4e4;}
.col_metas .col_title h2 {font-size:18px;}/**当前栏目名称**/

.col_news {width: 100%;min-height:0px;float:none;} /**栏目新闻**/
.col_news .col_news_box{margin-left: 10px;margin-right: 10px;}
.col_news_con { padding:5px 0px 10px 0px; margin:0 0px;}
.col_news_con  .news_list li.news {line-height:24px;padding:4px 0px;}
.col_news_con  .news_list li.news span.news_title {line-height:24px;margin-right:100px;}/*标题*/
.col_news_con  .news_list li.news span.news_meta {margin-left:-100px;}/*属性*/

.wp_paging li.pages_count,.wp_paging li.page_jump{display:none;}

.infobox { width:auto;padding:0px;  margin:0 10px; }

.col_news_list .wp_entry img,
.article .entry .read img{max-width: 100%;height:auto!important; width:100%;}/**文章阅读部分图片大小限制**/

/*组织机构*/
.inss .part_xy .sub-list .sub-item{width:50%;}

.main4 .inner::after{width: 100%;top: 40px;background-size: 100%;}
.col_news_list .wp_entry img, .article .entry .read img{display:block;}
}
/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
.main1 .ml{margin-top:0}
.main1 .ml .post-11 ul li{     width: 90%;    float: none;    margin: 0 auto;    text-align: center;    margin-bottom: 15px;}
.main1 .ml .post-11 .con{    padding-top: 25px;}
.main1 .post-12 .slick-next{    background-size: 80%;    right: 20px;}
.main1 .post-12 .slick-prev{    background-size: 80%;    left: 20px;}
.slick-dots li{    height: 10px;   width: 10px;}
.main2 .inner {
    padding: 0 0 45px;
}
.main3 .inner {
    padding: 40px 0;
}
.rili .news_list {
    padding: 9px 25px;
}
.main1 .post-12 ul li .wjj a.a2{right:-30px}
.mbanner .focus-box{height:35vh !important}
.mbanner .focus-container,.mbanner .news_imgs a{height:35vh !important}
.main3 .post-32 ul li{padding: 25px;}
.main4 .ml{width: 100%;}
.main4 .mc {
    float: left;
    width: 100%;
    margin: 60px 0% 0;
}
.main4 .mr {
    float: right;
    width: 100%;
    margin: 60px 0% 0;
}
.post1 .tt .tit .title{font-size:30px;}
.post2 .tt .tit .title{font-size:28px;}
.post2 .more_btn{    width: 130px;}
.main3 .post-32 ul li .news_title{font-size:18px;}
.post3 .tt .tit .title{font-size:30px;}
.main1 .post-12 ul li .news_title{font-size:20px;margin:15px 0}
.main2 .post-20 .boxm1 .mr .post-23{width:100%;float:none;margin-bottom:0}
.main2 .post-20 .boxm1 .mr .post-24{width:100%;float:none}
.main3 .post-33 ul li{width:100%;float:none}
.rili .news_list li.news .news_wz .news_con{margin-left:95px}
.rili .news_list li.news .news_title{ font-size: 18px;}
.site-lang ul li.links a{margin: 0px 2px 0px 2px;}
.post-20.post4 .more_btn{    width: 130px;}
.post-20.post4 .more_btn .more_text a{font-size: 16px;}
.post4 .tt .tit .title{    font-size: 28px;}
.main4 .post-41 .ul1{ width: 100%;  float: none;}
.main4 .post-41 .ul2{ width: 100%;  float: none;}
#footer .inner p.copyright span{display:block;}

.article h1.arti_title {line-height: 28px;font-size:18px;}
.article h2.arti_title {line-height: 28px;font-size: 16px;}

/*图列表*/
.news_tu .news_list li.news{width:100%;}
/*组织机构*/
.inss .part_xy .sub-list .sub-item{width:100%;}

#footer .inner .foot-center .post-80 ul li{    float: none;   width: 100%;}
.header .sitelogo a img {   max-width: 70%;}
.serBtn{    background: url(/_upload/tpl/02/4b/587/template587/images/sous.png) no-repeat left center;width: 32px;height: 32px;}
}
/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
    
}
.search_box {
    width: 100%;
}