﻿@import url("ETUI-responsive.css");
@import url("ETUI-utility.css");
/* ---------通用样式定义--------- */
body{font-family: 'Microsoft YaHei',arial,helvetica,sans-serif;font-size: 14px;line-height: 180%;}
.row-fluid,.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 {position: relative;}
a:hover{text-decoration: none;}
.w1200{ width: 1200px; margin: 0 auto; height: auto; /* position: relative;*/}
/* ---------标题样式定义--------- */
/*更多按钮*/
/* ---------列表样式定义--------- */
/*字符超出截断*/
.nowrapli,.nodiscli{margin-left: 0;}
.nowrapli li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;list-style-position: inside !important; *width: 94%;*vertical-align: middle;}
/*为列表加上下划线*/
.borderli li{border-bottom: dashed 1px #ccc;}
/*去掉列表的点样式*/
.nodiscli li{list-style-type: none !important;}
/*列表样式*/
.uli14 li,.uli12 li{padding:4px 0;list-style-type: disc;list-style-position: outside;}
.uli14 li a:hover{color:#0a4890;text-decoration: underline;}
.pageList li span.listTime{float: right;color: #333333;font-size: 16px;}
.pageList{margin-left:0 ;}
.pageList li{list-style: none;overflow: hidden !important;}
.pageList li a{display: block;float: left;width:80%;overflow: hidden;text-overflow: ellipsis;text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.xml#ellipsis");white-space: nowrap; height: 45px; font-size: 16px; color: #333333;}

/*带大图标的列表按钮样式*/
/* ---------图片/文本滚动效果 --------- */
/*首页幻灯大图 */
/* ---------图片/文本滚动效果 --------- */
/*首页幻灯大图 */
.homeSlider .owl-carousel {position: relative;}
.homeSlider .owl-theme .owl-controls .owl-page span {background: #fff; }
.homeSlider .owl-pagination {position: absolute;bottom: -2px; right: 35%;*bottom: 8px;}
.homeSlider .clickable {cursor: default;}
.homeSlider .item{width: 100%;*height:369px;display: block;overflow: hidden;position: relative;}
.homeSlider .owl-theme .owl-controls .owl-buttons div {height: 69px;width: 42px;border-radius: 0;padding: 0;opacity: 0.8;}
.homeSlider .owl-buttons  div.owl-next,.homeSlider .owl-buttons  div.owl-prev{position: absolute;top: 35%;}
.homeSlider .owl-buttons  div.owl-next {background: url(../img/index_btn04.png);right: 0;}
.homeSlider .owl-buttons  div.owl-prev {background: url(../img/index_btn03.png);left: 0;}
.homeSlider .carousel-caption{padding: 5px 10px;*width: 100% !important;*display: block; line-height:60px; height:60px;}
.homeSlider .carousel-caption h4 {font-size: 20px;font-weight: normal;margin: 0; height:30px; line-height:30px; color:#eee; text-align:center;}
.homeSlider .item img{width: 100%;position: relative;max-width: inherit;height: 369px; display:block;}
.homeSlider .owl-controls{margin: 0;}
.owl-theme .owl-controls .owl-page.active, .owl-theme .owl-controls.clickable .owl-page:hover{background: none !important;}
.owl-theme .owl-controls .owl-page span {margin: 5px 2px;}
/*新闻 */
.news {
    width:100%;
}

.news .title {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.news .title:after {
    display: block;
    content: "";
    height: 1px;
    width: 50px;
    background: #1c46ac;
    position: absolute;
    left: 0;
    bottom: 0;
}

.news .title h2 {
    font-size: 30px;
    color: #000000;
    font-weight: normal;
    float: left;
}

.news .title a.more {
    float: right;
    display: block;
    height: 20px;
    width: 53px;
    margin-top: 11px;
    text-align: center;
    font-size: 14px;
    color: #d5d5d5;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    background: #ffffff;
}

.news .title a.more:hover {
    background: #1c46ac;
    color: #ffffff;
    border-color: #990000;
}

.news_list {
    width: 100%;
    height: auto;
    margin: 15px 0px 0px 0px;
}

.news_list li {
    position: relative;
    background: url(topic_ygj_list_dot.png) left center no-repeat;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    font-size: 16px;
    padding-left: 12px;
    padding-right: 100px;
}

.news_list li a {
    color: #000;
}

.news_list li a:hover {
    color: #1c46ac;
}

.news_list li span {
    position: absolute;
    right: 0;
    width: 120px;
    font-size: 14px;
    text-align: right;
    color: #999;
}
.pic_info {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 15px;
}

.pic_info a.pic {
    float: left;
    margin-right: 30px;
}

.pic_info a.pic img {
    width: 160px;
    height: 120px;
}

.pic_info h2 {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.pic_info h2 a {
    font-size: 22px;
    color: #000000;
    font-weight: bold;
}

.pic_info h2 a:hover {
    color: #1c46ac;
}

.pic_info p.abstract {
    line-height: 24px;
    font-size: 14px;
    color: #a1a1a1;
    margin: 8px 0 10px 0;
}

.pic_info p.abstract a {
    color: #1c46ac;
}

.pic_info p.time {
    line-height: 24px;
    height: 24px;
    font-size: 14px;
    color: #a1a1a1;
}
/* 文本滚动样式 */
/* ---------稿件页面样式--------- */
/* ---------打印样式定义--------- */
@media print{.no-print{ display:none;}}
/* ---------TAB组件样式定义--------- */
/* ---------常用按钮色彩--------- */
/*--------自定义样式--------*/
body{background: url(yq2021banner.png) no-repeat top center #F5F5F5;}
.fy-header .logo img{ height: 43px;margin-top:27px;}
.bgw{background: #fff;}
.bgh{background: #F5F5F5;}
.owl-carousel img{width: 100%;height: 370px;}
.header-margin-top{margin-top: 560px;}
.padding36{padding: 36px;}
.leftrow{width: 245px;float: left;margin-right: 13px;}
.leftrow ul li{list-style: none; height: 90px; line-height: 90px; background:#DCDCDC; color: #333333;}
.leftrow ul li a{ background: #DCDCDC; color: #333333;line-height: 90px;height: 90px;font-size:22px; font-family: "新宋体";}
.leftrow ul li:hover,.leftrow ul li:hover a{background: #0855C3; color: #FFF;}
.leftrow ul li a .iconfont{ font-size: 36px; margin-left: 20px;margin-right:20px; margin-top: 10px;}
.rightrow{width: 770px;float: left;}
.margin30{ margin: 30px;}
/***foorer**/
/*foot*/

.friendLink_top{ height: 35px; overflow: hidden; margin-top: 20px;}
.friendLink_top li{float: left; width:auto; height: 33px; border: 1px solid #e1e1e1; background: url(/zzcms/DFS/template/1580/images/link_bg_line.png) left center repeat-x; text-decoration: none;list-style: none;}
.friendLink_top li:first-child{ margin-right: 10px;}
.friendLink_top a{ display: block; padding: 0 8px 0 37px; height: 33px; line-height: 33px; background: url(/zzcms/DFS/template/1580/images/link_guohui.png) 9px center no-repeat; font-size: 14px; color: #333; }
.friendLink_top a.zzszxicon{background: url(/zzcms/DFS/template/1580/images/link_guohui.png) 9px center no-repeat;}
.friendLink_top a:hover{ color: #3C8BD4;}

.foot{width: 100%; height: auto; /*overflow: hidden;*/ border-top: 5px solid #2f73b2; }
.friendLink{ width: 100%; height: 35px; padding: 20px 0; background: #f0f0f0;}
.friendLink .w1200 .linkSlt:first-child{ margin-left: 0;}
.linkSlt { width:232px; height:35px; position: relative; float:left; margin-left: 10px; }
.linkSlt > a.slt { display:block; background:#FFFFFF; border: 1px solid #e1e1e1; width:232px; height:35px; line-height:35px; text-indent:12px; color:#666; font-size:14px; position:relative; cursor:pointer;}
.linkSlt > a.slt:hover { color:#333; text-decoration:none;}
.linkSlt > a.slt > i { display:block; background:url(/zzcms/DFS/template/1580/images/friendlink_arrow_down.png) center center no-repeat; width:12px; height:8px; position:absolute; top:14px; right:11px; cursor:pointer;}
.lklist { background:#fff; border:1px solid #e1e1e1; border-top-style:none; width:232px; height:125px; overflow-y:auto; overflow-x:hidden; position: absolute; top:35px; left:0; z-index:994;}
.lklist li { height:30px; border-bottom:1px solid #edf3f7;}
.lklist li a { display:block; height:30px; line-height:30px; text-indent:15px; color:#666;}
.lklist li a:hover { background:#f2f7fb; text-decoration:none;}

.foot_cont{ width: 1200px; height: auto; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.foot_cont .foot_fl{ float: left; height: 100%; margin-left: 190px;} 
.foot_fl img{vertical-align: middle;}

.foot_fr{ float: left; margin-top: 15px; margin-left: 25px;}
.foot_fr img.beian{ width: 20px; height: 20px; vertical-align: middle;}
.foot_fr p{ line-height: 24px; color: #666666; font-size: 14px;}
.foot_fr p a{color: #666666; font-size: 14px;}
.foot_fr p a:hover{ text-decoration: underline; color: #3C8BD4;}
@media (max-width: 979px) {
.friendLink_top,.friendLink{ display: none;}
	.foot_cont{ width: 100%; text-align: center;}
	.foot_cont .foot_fl,.foot_fr{ float: none;}
	.foot_cont .foot_fl{ margin-left: 0;}
	.foot_fr{ margin: 0 auto; max-width: 90%;}
}
@media (max-width: 767px) {
	.container{
		padding-left: 15px;
		padding-right:15px;
	}
.leftrow{ width:460px;}
.foot_cont .foot_fl{ display: none;}
	.foot_fr{ margin-top:0 ;}
}
@media (max-width: 480px) {
	body{background: url(yq2021banner_app.png) no-repeat top center #F5F5F5;}
	.header-margin-top{margin-top: 100px;}
	.fy-header .logo img{ height: 43px;margin-top:10px;}
	.leftrow{ width:100%;}
	.rightrow{width: 100%;}
	.pageList li a{width:70%;}
	.homeSlider .item img{width: 100%;height: 180px;}
	}

}
