﻿/*************************** 全局样式 Begin ***************************/
body,ul,ol,li,form,fieldset,img,div,select{font-size:16px;color:#333; margin:0; padding:0; border:0; font-family:'Microsoft YaHei';}
ul,ol,li{list-style-type:none;}
td,table,input{font-size:16px;color:#333; font-family:'Microsoft YaHei';}
a:link,a:visited{color: #333;text-decoration: none;}
a:hover{color: #E00;text-decoration: none;}
body{ background-color:#F2F2F2;}
#loading{
    position:absolute;
    width:50px;
    top:70px;
    left:50%;
    margin-left:-150px;
    text-align:center;
    padding:7px 0 0 0;

}



.navtop_menu{
    width: 100%;
    background: #ffffff;
}
.nav_menu{
    width: 1200px;
    height: 60px;
    margin:0 auto;
}
.nav_menu ul{
    float: left;
    width: 100%;
}
.nav_menu ul li{
    float: left;
    width: 158px;
    height:26px;
    line-height: 26px;
    padding-top:17px;
    padding-bottom: 17px;

}
.nav_menu ul li span{
    float: left;
    margin-right: 8px;
}
.nav_menu ul li span img{
    height: 23px
}
.nav_menu ul li a{
    font-size: 16px;
    color: #333333;
}



/*白色容器框架*/
.countent_main{width:1200px; margin:20px auto 0 auto; border-radius:8px; background:#FFF; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s;}
.countent_main:hover {box-shadow: 0px 0px 20px #BBB; -moz-box-shadow: 0px 0px 20px #BBB; -webkit-box-shadow:0px 0px 20px #BBB; /*投影效果，不支持IE8及以下浏览器*/ }

.margintop32{margin-top:32px;}


.diymain{
    width: 100%;
    height: 482px;
    background: url("../images/2019/diy.png") left center no-repeat;
    position: relative;
    border-radius: 8px;
}
.diy1 {
    width: 100px;
    height: 110px;
    text-indent: -9999px;
    position: absolute;
    left: 60px;
    top: 280px;
    cursor: pointer;
}
.diy2 {
    width: 100px;
    height: 110px;
    text-indent: -9999px;
    position: absolute;
    left: 230px;
    top: 120px;
    cursor: pointer;
}
.diy3 {
    width: 100px;
    height: 110px;
    text-indent: -9999px;
    position: absolute;
    left: 230px;
    top: 350px;
    cursor: pointer;
}
.diy4 {
    width: 100px;
    height: 110px;
    text-indent: -9999px;
    position: absolute;
    left: 450px;
    top: 220px;
    cursor: pointer;
}
.diy5 {
    width: 100px;
    height: 110px;
    text-indent: -9999px;
    position: absolute;
    left: 690px;
    top: 330px;
    cursor: pointer;
}
.diy6 {
    width: 100px;
    height: 110px;
    text-indent: -9999px;
    position: absolute;
    left: 890px;
    top: 160px;
    cursor: pointer;
}
.diy7 {
    width: 100px;
    height: 110px;
    position: absolute;
    right: 20px;
    top: 300px;
    cursor: pointer;
    text-indent: -9999px;
}



.diymain1{
    width: 100%;
    float: left;
    height: 440px;
    background: url("../images/2019/bg-zdy.png") left center no-repeat;
    position: relative;
    border-radius: 8px;
}
.diy11 {
    width: 120px;
    height: 150px;
    text-indent: -9999px;
    position: absolute;
    left: 50px;
    top: 110px;
    cursor: pointer;
}
.diy22 {
    width: 100px;
    height: 150px;
    position: absolute;
    right: 10px;
    top: 270px;
    cursor: pointer;
    text-indent: -9999px;
}
.diy33 {
    width: 120px;
    height: 150px;
    text-indent: -9999px;
    position: absolute;
    left: 220px;
    top: 270px;
    cursor: pointer;
}
.diy44 {
    width: 120px;
    height: 150px;
    text-indent: -9999px;
    position: absolute;
    left: 430px;
    top: 110px;
    cursor: pointer;
}
.diy55 {
    width: 120px;
    height: 150px;
    text-indent: -9999px;
    position: absolute;
    left: 635px;
    top: 270px;
    cursor: pointer;
}
.diy66 {
    width: 120px;
    height: 150px;
    text-indent: -9999px;
    position: absolute;
    left: 870px;
    top: 120px;
    cursor: pointer;
}


.diytopmain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    background: rgba(0,0,0,0.7);
}
.zdycj {
    width: 615px;
    background: #fff;
    border-radius: 5px;
    padding: 25px 0;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -307.5px;
}
.zdycj p {
    margin: 0px 60px 0px 28px;
}
.cjinput {
    width: 397px;
    height: 36px;
    line-height: 36px;
    border-radius: 0;
    margin: 0 20px 0 28px;
    text-indent: 13px;
    color: #adb7c2;
    font-size: 16px;
    border: 1px solid #d5e3f3;
}
.zdycj button {
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 4px;
    background: #ff7468;
}
.topclose {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('/statics/open/v2/images/topclose.png') no-repeat center;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    top: 5px !important;
    right: 10px !important;
}
/*** 新闻详细内容 ***/
.NewsTitle{font-size:28px; font-weight:bold; line-height:260%;}
.NewsTitleFu{font-size:18px;}
.NewsContent{font-size:16px; line-height:180%; font-family:'microsoft yahei';}
.NewsContent div{font-size:16px;}
.NewsContent a:link,.NewsContent a:visited {color: #0B57B4; text-decoration: underline;}
.NewsContent a:hover {color: #E00; text-decoration: underline;}

/*** 分页样式 Begin ***/
.FX_PageDiv{width:100%; height:22px; padding:15px 0;font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.Fx_PageDiv2_span2 span{ width:20px; height:18px; line-height:18px; color:#333; text-align:center; display:block; cursor:pointer; float:left; margin-right:5px; border:1px solid #CCC;}
.Fx_PageDiv2_span2 strong{ width:20px; height:18px; line-height:18px; color:#C00; text-align:center; display:block; cursor:pointer; float:left; margin-right:5px; border:1px solid #CCC; background-color:#DDD;}
.Fx_PageDiv2_span2 input{padding-top: 0px;margin-top: 0px;}
.Fx_PageDiv2_span1{ float:left; padding-left:25px; padding-top:3px;}
.Fx_PageDiv2_span2{ float:right; padding-right:25px;}
.Fx_PageDiv2_1_2,.Fx_PageDiv2_1_3,.Fx_PageDiv2_1_4{ color:#C00;}
/*** 分页样式 End ***/

.white{color:#FFF;}
.white a:link,.white a:visited {color: #FFF; text-decoration: none;}
.white a:hover {color:#FF0; text-decoration: none;}

.con1{color:#0D6DBE;}
.con1 a:link,.con1 a:visited {color: #0D6DBE; text-decoration: none;}
.con1 a:hover {color:#0355AA; text-decoration: none;}

.f12,.f12 td{ font-size:12px;}
.f13,.f13 td{ font-size:13px;}
.f14,.f14 td{ font-size:14px;}
.f15,.f15 td{ font-size:15px;}
.f16,.f16 td{ font-size:16px;}
.f17,.f17 td{ font-size:17px;}
.f18,.f18 td{ font-size:18px;}

.fontblue{ color:#0671B5;}
.fontred{ color:#F00;}
.fontyellow{ color:#F0FF00;}
.fontgray{ color:#AAA;}

.tit1{font-size:22px; padding:0 10px 0 45px; float:left; height:35px; line-height:35px; color:#000;}

.jb a:hover{ transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s; /*动画过度效果，不支持IE8及以下浏览器*/}
.tm a:hover{opacity:0.5; filter:Alpha(opacity=5);/*IE8以及更早的不透明滤镜*/ }
.ty a:hover{box-shadow: 2px 2px 6px #AAA; -moz-box-shadow: 2px 2px 6px #AAA; -webkit-box-shadow:2px 2px 6px #AAA; /*投影效果，不支持IE8及以下浏览器*/ }

.border1 td{ border-bottom:1px solid #E7E7E7;}

.button1{font-size:16px; color:#FFF; border:0; background-color:#3181CC; height:35px; line-height:35px; padding:0 30px;}
.input1{ height:28px; line-height:28px; font-size:15px; padding:0 5px; color:#333; border:1px solid #CCC;}
.textarea1{  line-height:22px; font-size:15px; padding:5px 5px; color:#333; border:1px solid #CCC;}


/*************************** 全局样式 End ***************************/

/*** 主菜单样式 ***/
.menu1 a,.menu2 a,.menu3 a,.menu4 a,.menu5 a{ width:115px; height:35px; padding-top:60px; display:block; font-size:16px; color:#1D4C72;}
.menu1{background:url(../images/menu_a1.png) no-repeat 50% -125px; border-bottom:5px solid #FFF;}
.menu1:hover{background:url(../images/menu_a1.png) no-repeat 50% 25px #E3F2FB; border-bottom:5px solid #39C7FF; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s; /*动画过度效果，不支持IE8及以下浏览器*/ }
.menu1hover{background:url(../images/menu_a1.png) no-repeat 50% 25px #E3F2FB; border-bottom:5px solid #39C7FF;}
.menu2{background:url(../images/menu_a2.png) no-repeat 50% -125px; border-bottom:5px solid #FFF;}
.menu2:hover{background:url(../images/menu_a2.png) no-repeat 50% 25px #E3F2FB; border-bottom:5px solid #39C7FF; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s; /*动画过度效果，不支持IE8及以下浏览器*/ }
.menu2hover{background:url(../images/menu_a2.png) no-repeat 50% 25px #E3F2FB; border-bottom:5px solid #39C7FF; }
.menu3{background:url(../images/menu_a3.png) no-repeat 50% -125px; border-bottom:5px solid #FFF;}
.menu3:hover{background:url(../images/menu_a3.png) no-repeat 50% 25px #E3F2FB; border-bottom:5px solid #39C7FF; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s; /*动画过度效果，不支持IE8及以下浏览器*/ }
.menu3hover{background:url(../images/menu_a3.png) no-repeat 50% 25px #E3F2FB; border-bottom:5px solid #39C7FF; }
.menu4{background:url(../images/menu_a4.png) no-repeat 50% -125px; border-bottom:5px solid #FFF;}
.menu4:hover{background:url(../images/menu_a4.png) no-repeat 50% 25px #E3F2FB; border-bottom:5px solid #39C7FF; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s; /*动画过度效果，不支持IE8及以下浏览器*/ }
.menu4hover{background:url(../images/menu_a4.png) no-repeat 50% 25px #E3F2FB; border-bottom:5px solid #39C7FF; }
.menu5{background:url(../images/menu_a5.png) no-repeat 50% -125px; border-bottom:5px solid #FFF;}
.menu5:hover{background:url(../images/menu_a5.png) no-repeat 50% 25px #E3F2FB; border-bottom:5px solid #39C7FF; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s; /*动画过度效果，不支持IE8及以下浏览器*/ }
.menu5hover{background:url(../images/menu_a5.png) no-repeat 50% 25px #E3F2FB; border-bottom:5px solid #39C7FF; }
/*** 登录、注册按钮 ***/
.but_denglu a{border:1px solid #DBDBDB; display:block; height:28px; line-height:28px; width:55px; color:#1D4C72; padding-left:45px; background:url(../images/ico_denglu.png) no-repeat 15px 50%; font-size:14px;}
.but_denglu a:hover{ background-color:#E3F2FB; border:1px solid #C9DBEA;}
.but_zhuce a{border:1px solid #DBDBDB; display:block; height:28px; line-height:28px; width:55px; color:#1D4C72; padding-left:45px; background:url(../images/ico_zhuce.png) no-repeat 15px 50%; font-size:14px;}
.but_zhuce a:hover{ background-color:#E3F2FB; border:1px solid #C9DBEA;}

/*** 首页数据目录标题切换 ***/
.sjml{min-width: 400px;max-width:800px;margin:0 auto}
.sjml ul{float: left;width: 100%;background: #DFDFDF; border-radius: 8px;}
.sjml li{ float:left; height:60px;background: #DFDFDF; line-height:60px; width:130px; padding-left:70px; font-size:20px;cursor:pointer;}
.sjml li:hover{  color:#FFF;}
.sjml .class1sel{ color:#FFF; background:url(../images/ico_sjly.png) no-repeat 35px 11px #1989DA;border-radius: 8px 0px 0px 8px;}
.sjml .class1selno{ color:#333; background:url(../images/ico_sjly.png) no-repeat 35px -89px;}
.sjml .class2sel{ color:#FFF; background:url(../images/ico_ztfl.png) no-repeat 35px 14px #1989DA;}
.sjml .class2selno{ color:#333; background:url(../images/ico_ztfl.png) no-repeat 35px -86px;}
.sjml .class3sel{ color:#FFF; background:url(../images/ico_hyfl.png) no-repeat 35px 12px #1989DA;}
.sjml .class3selno{ color:#333; background:url(../images/ico_hyfl.png) no-repeat 35px -88px;}
.sjml .class4sel{ color:#FFF; background:url(../images/ico_tgbm.png) no-repeat 35px 16px #1989DA;border-radius: 0px 8px 8px 0px;}
.sjml .class4selno{ color:#333; background:url(../images/ico_tgbm.png) no-repeat 35px -84px;}
.sjml .class5sel{ color:#FFF; background:url(../images/ico_fw1.png) no-repeat 35px 12px #1989DA;}
.sjml .class5selno{ color:#333; background:url(../images/ico_fw1.png) no-repeat 35px -88px;}
/*** 首页数据目录内容切换 ***/
.sjmlcontent a{width:145px; height:40px; padding-top:70px; margin:10px 22px; float:left; background-repeat:no-repeat; background-color:#F3F3F3; background-position:50% 25%; text-align:center; font-size:14px; display:block; border-radius:8px;}
.sjmlcontent a:hover{ background-color:#CDDDFE; color:#0457B6;}

/*** 数据目录左侧切换 ***/
.sjmltag1sel{width:90%; height:38px; line-height:38px; display:block; margin:0 auto; background-color:#258EDA; text-align:center; font-size:16px; color:#FFF; cursor:pointer;}
.sjmltag1selno{width:90%; height:38px; line-height:38px; display:block; margin:0 auto; background-color:#E7E7E7; text-align:center; font-size:16px; color:#000; cursor:pointer;}
.sjmltag1selno:hover{ background-color:#D8D8D8;}


/*** 按钮（更新时间、访问量、下载量） ***/
.butgxsjsel{float:left; border:1px solid #FFF; width:62px; padding-left:33px; height:28px; font-size:13px; line-height:28px; color:#508ECB; background:url(../images/ico10.png) no-repeat 0 50%; margin-right:5px; cursor:pointer;}
.butfwlsel{float:left; border:1px solid #FFF; width:55px; padding-left:40px; height:28px; font-size:13px; line-height:28px; color:#508ECB; background:url(../images/ico11.png) no-repeat 10px 50%; margin-right:5px; cursor:pointer;}
.butxzlsel{float:left; border:1px solid #FFF; width:55px; padding-left:40px; height:28px; font-size:13px; line-height:28px; color:#508ECB; background:url(../images/ico12.png) no-repeat 10px 50%; margin-right:5px; cursor:pointer;}
.butgxsjselno{float:left; border:1px solid #FFF; width:62px; padding-left:33px; height:28px; font-size:13px; line-height:28px; color:#999; background:url(../images/ico10.png) no-repeat 0 50%; margin-right:5px; cursor:pointer;}
.butfwlselno{float:left; border:1px solid #FFF; width:55px; padding-left:40px; height:28px; font-size:13px; line-height:28px; color:#999; background:url(../images/ico11.png) no-repeat 10px 50%; margin-right:5px; cursor:pointer;}
.butxzlselno{float:left; border:1px solid #FFF; width:55px; padding-left:40px; height:28px; font-size:13px; line-height:28px; color:#999; background:url(../images/ico12.png) no-repeat 10px 50%; margin-right:5px; cursor:pointer;}
.butgxsjselno:hover{ border:1px solid #DDD;}
.butfwlselno:hover{ border:1px solid #DDD;}
.butxzlselno:hover{ border:1px solid #DDD;}
.app_current{border:1px solid #7DAFD4;}

/*** 数据目录详细内容 ***/
.sjcontent_tit{font-size:16px; padding-right:5px;}
.sjcontent_data{font-size:16px; color:#2C81B7;}
/*** 数据资源切换 ***/
.zy_tit li{ float:left; display:block; font-size:20px; padding:0 25px; height:50px; line-height:50px; text-align:center; cursor:pointer;}
.zy_tit .active{ background-color:#EFEFEF; color:#F00;}
.zy_content{ display:none; height:280px; overflow:auto;}


.table1{}
.table1 td{ height:36px; line-height:36px;}

/*** 数据申请表单 ***/
.sjsqtable label{ padding-right:20px;}


/*** 用户注册切换 ***/
.reg_tit li{ float:left; display:block; font-size:18px; padding:0 35px; height:60px; line-height:60px; text-align:center; cursor:pointer;}
.reg_tit .active{ background-color:#EFEFEF; color:#F00;}
.reg_content{ display:none;}


/*** 数据目录列表 ***/
.classdata_table td{ border-bottom:1px solid #E7E7E7;}
.classdata_title a{ font-size:16px; width:150px; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.classdata_nums_title{ font-size:12px; height:30px; text-align:right;}
.classdata_nums_total{ font-size:16px; color:#AAA; text-align:right;}









