﻿@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;}

/*滚动样式2*/
.shortcut{overflow: hidden;}
.shortcut .owl-carousel  {position: relative;width: 100%;}
.shortcut .owl-carousel .owl-wrapper-outer{overflow: hidden;width: 100%;}
.shortcut .item{width: 100%;*height:165px;display: block;overflow: hidden;position: relative; color: #FFF; text-align: center;} 
.shortcut .item a img{width: 95%; height: 120px;}
.shortcut .item a p{font-size: 14px; line-height: 30px;text-align: center;}
.shortcut .owl-carousel .owl-controls .owl-buttons{top:40px; width: 100%;}
.shortcut .owl-carousel .owl-controls .owl-dots{display: block;}
.shortcut .owl-carousel .owl-controls .owl-buttons .owl-next,.shortcut .owl-carousel .owl-controls .owl-buttons .owl-prev{position:absolute;}
.shortcut .owl-carousel .owl-controls .owl-buttons .owl-next {background: url(../img/right.png) no-repeat center;right: 0px; width:36px;height: 36px;top: 25%;}
.shortcut .owl-carousel .owl-controls .owl-buttons .owl-prev {background: url(../img/left.png) no-repeat center;left: 0px; width:36px;height: 36px;top: 25%;}

/*带大图标的列表按钮样式*/
/* ---------图片/文本滚动效果 --------- */
/*首页幻灯大图 */
/* 多行多列图片滚动样式 */
/* 文本滚动样式 */
/* ---------稿件页面样式--------- */
/* ---------打印样式定义--------- */
@media print{.no-print{ display:none;}}
/* ---------TAB组件样式定义--------- */
/* ---------常用按钮色彩--------- */
/*--------自定义样式--------*/
.logo{height: 300px;}
.logo-img img{margin-top:7px;}
.fy-header .logo img{ height: 43px;margin-top:27px;}
.bg{background:url(../img/x-12345-anner.png) no-repeat top center;}
.bgh{background: #F5F5F5;}
/* ---------.MainNav 主导航样式定义--------- */
.MainNav .navbar-inner{border: none;background-image: none;border-radius: 0;box-shadow:none;background: #0096ff;filter: none;}
.icon-bar:before{content: none;}
.MainNav .nav li a{text-shadow: none;color: #fff;}
.MainNav .nav li a:hover,.MainNav .nav .active a,.MainNav .nav .active a:hover{color: #fff;background: #007dd6;}
.MainNav .nav li.dropdown .dropdown-toggle .caret{border-top-color: #fff;border-bottom-color:#fff;*margin-top: 5px;}
.MainNav .dropdown-menu li a{color: #666;}
.MainNav .dropdown-menu{border-radius:0;margin: 0;}
.MainNav .divider-vertical{border-right:none;}
.MainNav .btn-navbar,.MainNav a.btn-navbar:hover{background: none;font-size: 22px;}
/* --固定页面顶部的导航样式定义-- */
.MainNav.stuckMenu{z-index: 10000;width: 100%;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.MainNav.isStuck .navbar-inner{background: rgba(0,150,255,0.75);}
.nav{
	margin-bottom: 10px;
	background: #005b9d;
}
.nav a{
	color: #fff;
}
.nav li{
	float: left;
	width: 14.285%;
	text-align: center;
	list-style: none;
}
.nav li a{
	display: block;
	padding: 16px 0;
	font-size:18px;
	line-height: 34px;
}
.nav li a i{font-size: 32px;margin-right: 10px;}
.nav li a.active,.nav li a:hover{
	background-color: #2c8feb;
}
.border-title{border: 1px solid #ECECEC;}
.title{height: 40px; background: url(../img/x-12345-titlebak.png) no-repeat left top #ECECEC;}
.title h4{color: #FFF; text-align: left;padding-left: 40px;float: left;}
.title .shuju{float: left;width: 180px;margin-top: 10px;margin-left: 60px;font-size: 16px;color: #ADADAD;}
.title .shuju i{font-size: 16px;margin-right: 10px;color: #ADADAD;}
.shujulist li{width: 33%;float: left;list-style: none; text-align: center;margin-top: 30px;}
.shujulist li p{font-size: 18px; line-height: 200%; text-align: left;}
.shujulist li h3{font-size: 32px;font-weight: bold;text-align: left;}
.shujulist li div{border-radius: 50%; float: left; width: 67px;height: 67px;margin: 30px;}
.shujulist li div.bgcolor1{background: #66ADEA;}
.shujulist li div.bgcolor2{background: #93E0E1;}
.shujulist li div.bgcolor3{background: #A2B9DE;}
.shujulist li div.bgcolor4{background: #B6A2DE;}
.shujulist li div.bgcolor5{background: #E96363;}
.shujulist li div.bgcolor6{background: #8ABC11;}
.shujulist li h3.color1{color: #66ADEA;}
.shujulist li h3.color2{color: #93E0E1;}
.shujulist li h3.color3{color: #A2B9DE;}
.shujulist li h3.color4{color: #B6A2DE;}
.shujulist li h3.color5{color: #E96363;}
.shujulist li h3.color6{color: #8ABC11;}
.shujulist li div i{font-size: 36px; line-height: 67px;color: #FFF;}
.title1 { text-align: center;font-size: 18px; margin-bottom: 52px;margin-top: 32px;}
.title1 img{padding: 0px 23px;}
.title2{
	    display: block;
	    font-size: 14px;
	    font-weight: bold;
	    color: #FFF;
	    background-color: #06C;
	    text-align: center;
	    height: 42px;
	    width: 100px;
	    line-height: 42px;
	    margin-top: 20px;
	    margin-bottom: 20px;
}
.algk{width: 100%;margin: 20px 0px;}
.algk li{float: left; line-height: 35px;border: 1px solid #FFF; background: #ECECEC; list-style: none; text-align: center;}
.algk li.o1{width: 9%;}
.algk li.o2{width: 60%;}
.algk li.o3{width: 20%;}
.algk li.o4{width: 10%;}
.algklist{width: 100%;margin: 20px 0px;}
.algklist li{float: left; line-height: 35px; background: none; list-style: none; text-align: center;}
.algklist li.o1{width: 10%;}
.algklist li.o2{width: 60%; text-align: left;}
.algklist li.o3{width: 20%;}
.algklist li.o4{width: 10%;}
.article{margin: 100px; text-align: center;}
.article img{margin: 20px;}
.article p{line-height: 250%; text-align: left;text-indent: 2em;}
.article1{margin: 30px; text-align: center;}
.article1 p{line-height: 250%; text-align: left; margin-left: 100px;}
.article1{margin: 30px; text-align: left;}
/*列表样式*/
.uli14 li{padding:4px 0;list-style-type: none;}
.uli14 em {
    width: 5px;
    height: 5px;
    margin: 8px 10px 0 0;
    background: #000;
    float: left;
    overflow: hidden;
    zoom: 1;
    border-radius: 50%;
}
.uli14 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;}
.uli14 li a:hover{color:#0a4890;text-decoration: underline;}
.uli14 li span.listTime{float: right;color: #333333;font-size: 16px;height: 45px;}
.fenye{}
.online-title{display: flex;}
.online-title a{color: #666666;}
.online-title .ot-son1{width: 140px;font-size: 24px;font-weight: bold;background-color: #2c8feb;text-align: center;line-height: 60px;color: white;}
.online-title .ot-son2{width: 140px;font-size: 16px;background-color: #dfe5e9;text-align: right;color: #666666;line-height: 60px;padding: 0 10px;}
.online-title .ot-son3{width: 20px;background-color: #dfe5e9;margin-left: 10px;}
.online-title .ot-son4{width: 10px;background-color: #dfe5e9;margin-left: 10px;}
.pageList,.pageList1{margin: 0px;}
.pageList li{    
	height: 60px;
    line-height: 55px;
    font-size: 15px;
    border-bottom: 1px dashed #b9b8b5;
	list-style: none;
	width: 95%;
	}
.pageList li a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: black;
    white-space: nowrap;
    padding-left: 17px;
    padding-top: -20px;
    float: left;
    /* margin-top: -6px; */
    color: #333;
    background: url(../img/zticon2.png) no-repeat;
    background-position: 2px 23px;
	}
	
.pageList1 li{ 
	list-style: none;
	width: 100%;
	}
.pageList1 li a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: black;
    white-space: nowrap;
    float: left;
    /* margin-top: -6px; */
    color: #333;
	margin-bottom: 20px;
	}
.pageList1 li a img{width: 30%; height: 60px; float: left;}
.pageList1 li a p{margin-left: 10px;float: left;}
.pageList1 li a span{margin-left: 10px;float: left;}

/***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 ;}
.nav li {

    width: 50%;

}
}
@media (max-width: 480px) {
	body{background: url(../img/banner_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%;}
	}

}
