/*global settings*/

body{background:#fff; min-width:1160px;}
.container{ width:100%; min-width:1160px; margin:0 auto; position:relative;}
.w{width:1100px; margin:0 auto; position:relative;}

#header{width:100%; position:relative; z-index:3;}
#main{width:100%; position:relative; z-index:2;}
#footer{width:100%; position:relative; z-index:1;}

a.more:link,a.more:visited{display:block; line-height:24px; font-size:12px; color:#205DAC; position:absolute; top:4px; right:10px;}
/* a.more:after{
	font-family:"iconfont" !important;
	font-size:13px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale;
	content:"\e607";
} */

/*===========background===========*/
.orange{ background:#fb7509;}
.blue{ background:#20b0da;}
.ashen{ background:#cba635;}


/*===========list style===========*/
.textlist{width:100%; padding:10px 12px;}
.textlist > li{line-height: 38px;
    font-size: 16px;
    padding: 0 98px 0 18px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.textlist2 > li{line-height: 43px;}
.textlist > li a{ color:#555;}
.textlist > li a:hover{ text-decoration:underline;}
.textlist.small > li{ font-size:16px;}
.textlist.small > li a:hover{ text-decoration:underline;}
.textlist > li:before{    content: "";
    display: block;
    position: absolute;
    top: 16px;
    left: 3px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ddd;}
.textlist > li > span{display:block; color:#bbb; position:absolute; top:0; right:2px;}
.textlist > li > span.timing{ color:#666;}
.textlist > li > span.timing span{ color:#fa6f2b;}

.textlist.hideTime > li{padding-right:0;}
.textlist.hideTime > li span{ display:none;}

.textlist > li.topline{ padding:0 0 0 24px; margin-bottom:13px;}
.textlist > li.topline:before{ display:none;}
.textlist > li.topline a{ display:block; font-size:17px; font-weight:800; font-style:normal; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.textlist > li.topline span{ display:none;}


/*===========top===========*/
#header{    background: url(../images/db-bj.png) 0 no-repeat;background-size: cover;}
.logoBar{height:110px; position:relative;}
.logo{    
	display: block;
    width: 350px;
    height: 70px;
    background: url(../images/logo.png) 0 0 no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    top: 16px;
    left: 0;}

.linklogo {
	float: left;
    margin-left: -56px;
    top: 22px;
    position: relative;
    width: 50px;
}
.linklogo2 {
    float: left;
    position: relative;
    width: 23px;
    margin: 8px 8px 2px 8px;
}
.new-c{
	height: 25%;
	padding-top: 11px;
}
.new-c .new-time{
	display: inline-block;
}
.new-c .day{
	display: block;
    width: 80px;
    height: 30px;
    opacity: 1;
    background: #104080;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    color: #ffffff;
}
.new-c .date{
    background: #eee;
    width: 80px;
    height: 30px;
    opacity: 1;
    display: block;
    text-align: center;
    line-height: 30px;
    border-radius: 0px 0px 6px 6px;
    font-size: 16px;
}
.new-c .new-text{
    position: absolute;
    height: 50px;
    margin-left: 12px;
    font-size: 16px;
    opacity: 1;
    width: 142px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top:5px;
}
.nav{ line-height:42px; background:#0c3c75; position:relative;}
.nav .menu > .item{ float:left; position:relative;}
.nav .menu > .item > a{     display: block;
    font-size: 18px;
    color: #fff;
    padding: 0 28px;
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;}
.nav .menu > .item > a:hover{ background:#0175e1;}
.nav .menu > .item > a.active{ color:#e45454;}
.nav .menu > .item > a.active:after{ content:""; display:block; width:100%; height:3px; background:#e45454; position:absolute; left:0; bottom:0;}
.nav .menu > .item.drop:before{ content:""; display:block; width:11px; height:11px; background:url(../images/arr.png) 0 0 no-repeat; position:absolute; top:15px; right:5px; z-index:2}

.nav .dorpmenu{ display:none; background:#fff; box-shadow:5px 5px 8px rgba(0,0,0,0.2); min-width:100%; position:absolute; top:42px; left:0;}
.nav .dorpmenu:before{position: absolute;top:-7px;left:44px;display: inline-block;border-right:7px solid transparent;border-bottom:7px solid #fff;border-left:7px solid transparent;content:'';}
.nav .dorpmenu a{ display:block; line-height:32px; padding:0 20px;}
.nav .dorpmenu a:hover{ background:#eaeaea;}

.nav .menu > .item:hover{ background:#0a305e;}
.nav .menu > .item:hover .dorpmenu{ display:block;}


.search-top{ width:210px; box-sizing:border-box; padding-left:22px; overflow:hidden; position:absolute; top:6px; right:0;}
.search-top > input{display:block; width:100%; line-height:22px; height:30px; font-size:12px; color:#666; padding:5px 10px; background:none; border:1px solid #5a7ba1; float:left;}
/*
.search-top:after{font-family:"iconfont" !important;font-size:16px; color:#ccc;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e609"; position:absolute; top:0; left:9px;}
*/
.search-top > button{display:block; width:32px; line-height:28px; font-size:14px; color:#fff; background:none; border:0; overflow:hidden; position:absolute; top:1px; right:1px;}
.search-top > button:hover{background:#20227b; cursor:pointer;}
.search-top > button > i{font-size:18px; position:relative; top:1px;}



/*===========main===========*/
.bod1{ border:1px solid #ebebeb;}
.banner{ width:100%; height:380px; background:url(../images/banner.jpg) center 0 no-repeat #555555;background-size: cover;}
.tab{ line-height:36px; background:#fafafa; border-bottom:1px solid #ebebeb;}
.tab a{     display: block;
    text-align: center;
    font-size: 18px;
    padding: 0 6px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: Bold;
    margin: 0px 9px;
    position: relative;
    margin-left: 24px;
    float: left;}
/* .tab a:hover{ background:#eee;} */
.tab a.active{ color:#004ea2;}
.tab a.active:before{ content:""; display:block; width:100%; height:2px;  position:absolute; left:0; top:-2px;}
.tab a.active:after{ content:""; display:block; width:100%; height:3px; background:#104685; position:absolute; left:0; bottom:-3px;}
.tabtitle {
    float: left;
    width: 100px;
    text-align: center;
}
.tablogo {
    float: left;
    top: 6px;
    left: 15px;
    position: relative;
}

.layout-l{ width:834px; float:left;}
.layout-r{ width:246px; float:right;}

.slider{ width:314px; height:246px; background:#ebebeb; position:relative;}
.slider img{ display:block; width:100%; height:100%;}

.news{ width:100%; position:relative;}
.news-list{ width:410px; height:280px; position: relative;}

.guide{ height:289px;}
.guide > .title{ display:block; height:72px; background:url(../images/guide.png) 0 0 no-repeat; border-bottom:1px solid #ebebeb; margin-bottom:10px;}

.column-title{ line-height:36px; font-size:18px; position:relative;font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: Bold;}
.column-title > span{ display:block; border-bottom:1px solid #f5f5f5; margin:0 12px;}
.tab0 a{ display:block; padding:0 18px; float:left; position:relative;}
.tab0 a.active{ color:#104685;}
.tab0 a.active:after{ content:""; display:block; width:100%; height:2px; background:#104685; position:absolute; top:-1px; left:0;}
.title-line > span{ font-size:14px; color:#004da1;}
.title-line > span i{ font-size:20px; line-height:1; margin-right:5px; position:relative; top:2px;}

.primary{ height:230px; position:relative;}

.calendar{ height:246px;  position:relative;}
.calendar:after{ content:""; display:block; width:28px; height:80px; background:url(../images/title_c.png) 0 0 no-repeat; position:absolute; top:30px; right:-28px;}

.links a{ display:block; line-height:90px; font-size:22px; color:#fff; padding:0 20px 0 70px; position:relative;}
.links a i{ display:block; height:38px; color:#fff; font-size:38px; text-align:center; position:absolute; top:0; left:20px;}
.links a:after{font-family:"iconfont" !important;content:"\e635"; font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position:absolute; top:2px; right:8px;}
.links a:hover{ opacity:0.9;}
.gr-blue{background:linear-gradient(to bottom, #3976e9, #3976e9); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1572de,endcolorstr=#136ad0,gradientType=0);}
.gr-zhuanjia{background:linear-gradient(to bottom, #f99c52, #f99c52); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#22d4a4,endcolorstr=#1dc396,gradientType=0);}
.gr-green{background:linear-gradient(to bottom, #00adef, #00adef); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#6bd4fd,endcolorstr=#5fc3f9,gradientType=0);}

.ygs{ position:relative; overflow:hidden; zoom:1;}
.ygs a{ display:block; width:50%; height:129px; text-align:center; float:left;}
.ygs a:hover{ background:#fafafa;}
.ygs a i{ display:block; line-height:60px; font-size:38px; color:#1296db; padding-top:20px;}

.download{ height:360px; position:relative;}

.illegal{ height:330px; position:relative;}

.info-list{ height: 285px; position:relative;}

.sys{ width:100%;}
.sys a{ display:block; width:100%; height:80px; margin-bottom:1px;}
.sys a:hover{ opacity:0.9;}
.sys a.gys{ background:url(../images/sys.png) 0 0 no-repeat;}
.sys a.jj{ background:url(../images/sys.png) 0 -81px no-repeat;}

.database{ margin:10px 30px;}
.database table{ text-align:left; border:1px solid #ddd; table-layout:fixed;}
.database th{ padding:0 8px;}
.database td{ padding:8px 8px; border-bottom:1px solid #ddd; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.database th{ line-height:24px; font-weight:normal; background:#f2f2f2; border-bottom:1px solid #ddd;}
.database .process{ width:100%; line-height:26px; text-align:center; border-left:1px solid #ddd; }
.database .process > span{ display:block; border-bottom:1px solid #ddd;}
.database .process .step{ width:100%; color:#527f99;overflow:hidden;zoom:1;}
.database .process .step span{ width:12.5%; float:left;}
.database .price{ color:#e83030;}
.database td .process{ line-height:normal; border-left:1px solid transparent;}
.database td .process .step i{ color:#15b31c; font-size:14px;}

.xq-project{ line-height:28px; margin-bottom:30px; position:relative;}
.xq-project .database{ margin:0;}
.xq-project > .title{ line-height:44px; font-size:22px; font-weight:700; border-bottom:1px solid #ddd; margin-bottom:30px;}

.logo-line{
    height: 33px;
    width: 2px;
    background: radial-gradient(#fff, rgba(255, 255, 255, 0.00));
    float: left;
    position: relative;
    left: 367px;
    bottom: 34px;
}
.logo-text {
    width: 288px;
    height: 35px;
    font-size: 31px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    line-height: 42px;
    left: 385px;
    bottom: 42px;
    display: block;
    position: relative;
}
/*===========foot===========*/
#footer{line-height:2em; min-height:226px; text-align:center; color:#fff; background:#075aac;font-size:16px;}
#footer ul{ line-height: 69px;
    background: #074b91;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 55px;}
#footer li{ display:inline-block; margin:0 9px;}
#footer li:after{ content:""; display:inline-block; width:1px; height:12px; border-left:1px solid #777; margin-left:20px; position:relative; top:1px;font-size:16px;}
#footer li:last-child:after{ display:none;}
#footer li a{ color:#fff; font-size:16px;}
#footer li a:hover{ color:#fff;}
#footer p{ margin-bottom:0;}
#footer p span{ margin:0 10px;}








/*===========����ҳ��===========*/
.subpage{background:url(../images/lider.png) 5px 0 repeat-y #fff; border:1px solid #e5e5e5; position:relative; padding-left:200px;}
.subpage.no-sider{background:#fff; padding-left:0;}
.subpage.no-sider .siderBar{display:none;}
.subpage.no-sider > .contant{border-left:0;}
.subpage > .contant{min-height:400px; background:#fff; border-left:1px solid #e5e5e5;}
.subpage > .siderBar{width:200px; position:absolute; left:0; top:0;}
.subpage > .siderBar > .title{line-height:40px; font-size:14px; font-weight:bold; padding:0 10px; margin:0 10px; margin-bottom:15px; border-bottom:2px solid #bcbcbc;}
.subpage > .siderBar > .menu{padding:0 8px;}
.subpage > .siderBar > .menu li{padding:3px 0;}
.subpage > .siderBar > .menu a{display:block; line-height:30px; padding:2px 10px; border-radius:5px; position:relative;}
.subpage > .siderBar > .menu a > i{display:block; line-height:24px; position:absolute; top:5px; right:10px;}
.subpage > .siderBar > .menu a.default:link,.subpage > .siderBar > .menu a.default:visited{color:#666; border:1px solid #e2e2e2;}
.subpage > .siderBar > .menu a.default:hover{background:#f4f4f4; text-decoration:none; border:1px solid #dadada;}
.subpage > .siderBar > .menu a.active:link,.subpage > .siderBar > .menu a.active:visited{color:#fff; background:#71befb; border:1px solid #71befb;}
.subpage > .siderBar > .menu a.red:hover{text-decoration:none;}

.subpage .listbar{margin:0 30px;}
.subpage .listbar > .title{font-size:14px; color:#555; margin-bottom:15px; border-bottom:1px solid #ddd;}
.subpage .listbar > .title > span{display:inline-block; line-height:40px; font-weight:bold; border-bottom:2px solid #048ed6; margin-bottom:-1px;}
.subpage .listbar > .list{width:100%; padding-bottom:50px;}
.subpage .listbar > .list td{display:block; line-height:24px; padding:7px 115px 7px 24px; border-bottom:1px dotted #eee; position:relative; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.subpage .listbar > .list td a{color:#444;}
.subpage .listbar > .list td:before{content:"\e635"; font-family:"iconfont" !important; font-size:12px;font-style:normal; line-height:24px; color:#aaa; -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing:grayscale; position:absolute; top:8px; left:0;}
.subpage .listbar > .list td:hover{background:#f8f8f8;}
.subpage .listbar > .list td span{color:#aaa; display:block; position:absolute; top:7px; right:0;}
/*textҳ��*/
.subpage .textbox{min-height:700px; padding:20px;}
.subpage .textbox > .title{border-bottom:1px solid #f5f5f5; text-align:center; padding-bottom:15px;}
.subpage .textbox > .title h1{font-size:21px; font-weight:800; color:#444; line-height:1.5em;}
.subpage .textbox > .title > span{color:#999; line-height:2em;margin:0 1em;}
.subpage .textbox > .msbox{width:auto; font-size:14px; line-height:2em;padding:30px;}
.subpage .textbox > .msbox p{text-indent:2em; margin-bottom:1em;}

.subpage .search-bar{padding:50px 0; border-bottom:1px solid #eee; margin:0 30px; margin-bottom:40px;}
.subpage .search-bar > .search-tool{width:500px; margin:0 auto;}
.subpage .search-bar > .search-tool > input{display:block; width:410px; line-height:22px; height:42px; font-size:12px; padding:8px 12px; background:#fff; border:2px solid #4774d6; border-radius:3px 0 0 3px; float:left;}
.subpage .search-bar > .search-tool > button{display:block; width:62px; line-height:42px; font-size:14px; color:#fff; background:#4774d6; border:0; border-radius:0 3px 3px 0; float:left; overflow:hidden;}
.subpage .search-bar > .search-tool > button:hover{background:#4879e4; cursor:pointer;}






/*===========media===========*/
@media(max-width:1025px){


}

