﻿/* 底部样式 */
@charset "utf-8";
/* TRS WEB style 初始化样式 */
/* 初始化CSS */
/*
 {
	margin: 0px;
	padding: 0px;
}
*/
        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0px; padding:0px; }
		body{font-size:12px;}

        fieldset, img { border:none; }
		em{font-style:normal;}
        img{border:0;vertical-align:middle;}
        ul, ol { list-style:none; }
		li{list-style-type:none;}
		p{word-wrap:break-word}
		h1, h2, h3, h4, h5, h6 { font-size:100%;}
		
        input { padding-top:0; padding-bottom:0;}
        select,input { vertical-align:middle; }
        table{border-collapse:collapse;border-spacing:0;}
		td{ padding:0px; margin:0px}

        .clearzoom { zoom:1; }/*清除ie6的浮动*/
        .clearfix:after,.clearfix:before{
        	content: "";
			display: table;
			clear: both;
        }
        .clear{ clear:both;}
        .clearleft{ clear:left;}
		.clearright{ clear:right;}
		.left{ float:left;}
		.right{ float:right;}

	/* 链接的样式*/
		a{ text-decoration:none; color:#000;}
        a:hover{text-decoration:underline; }
		
        .hidden{visibility:hidden;}
		.visible{ visibility:visible;}
		.undis{display:none}
		.dis{display:block}
		.noborder{border:0;}

	/* margin left right top 1-20px  外边距*/
		.ml1{ margin-left:1px;}
		.ml2{ margin-left:2px;}
		.ml3{ margin-left:3px;}
		.ml4{ margin-left:4px;}
		.ml5{ margin-left:5px;}
		.ml6{ margin-left:6px;}
		.ml7{ margin-left:7px;}
		.ml8{ margin-left:8px;}
		.ml9{ margin-left:9px;}
		.ml10{ margin-left:10px;}
		.ml11{ margin-left:11px;}
		.ml12{ margin-left:12px;}
		.ml13{ margin-left:13px;}
		.ml14{ margin-left:14px;}
		.ml15{ margin-left:15px;}
		.ml16{ margin-left:16px;}
		.ml17{ margin-left:17px;}
		.ml18{ margin-left:18px;}
		.ml19{ margin-left:19px;}
		.ml20{ margin-left:20px;}
		
		.mr1{ margin-right:1px;}
		.mr2{ margin-right:2px;}
		.mr3{ margin-right:3px;}
		.mr4{ margin-right:4px;}
		.mr5{ margin-right:5px;}
		.mr6{ margin-right:6px;}
		.mr7{ margin-right:7px;}
		.mr8{ margin-right:8px;}
		.mr9{ margin-right:9px;}
		.mr10{ margin-right:10px;}
		.mr11{ margin-right:11px;}
		.mr12{ margin-right:12px;}
		.mr13{ margin-right:13px;}
		.mr14{ margin-right:14px;}
		.mr15{ margin-right:15px;}
		.mr16{ margin-right:16px;}
		.mr17{ margin-right:17px;}
		.mr18{ margin-right:18px;}
		.mr19{ margin-right:19px;}
		.mr20{ margin-right:20px;}
		
		.mt1{ margin-top:1px;}
		.mt2{ margin-top:2px;}
		.mt3{ margin-top:3px;}
		.mt4{ margin-top:4px;}
		.mt5{ margin-top:5px;}
		.mt6{ margin-top:6px;}
		.mt7{ margin-top:7px;}
		.mt8{ margin-top:8px;}
		.mt9{ margin-top:9px;}
		.mt10{ margin-top:10px;}
		.mt11{ margin-top:11px;}
		.mt12{ margin-top:12px;}
		.mt13{ margin-top:13px;}
		.mt14{ margin-top:14px;}
		.mt15{ margin-top:15px;}
		.mt16{ margin-top:16px;}
		.mt17{ margin-top:17px;}
		.mt18{ margin-top:18px;}
		.mt19{ margin-top:19px;}
		.mt20{ margin-top:20px;}
	
	/* 高度*/
		.h14{height:14px;} 
		.h16{height:16px;} 
		.h18{height:18px;} 
		.h20{height:20px;} 
		.h22{height:22px;} 
		.h24{height:24px;}


/*文本样式*/
    /*行高*/
            .line_22 {line-height:22px;}
            .line_24 {line-height:24px;}
            .line_26 {line-height:26px;}
            .line_28 {line-height:28px;}
            .line_30 {line-height:30px;}
            .line_35 {line-height:35px;}

	/*文本样式*/
			.font12{ font-size:12px;}
			.font14{ font-size:14px;}
			.font16{ font-size:16px;}
			.font18{ font-size:18px;}
			.font20{ font-size:20px;}
			.fb{ font-weight:bold;}
			.fn{font-weight:normal;}
			.ind{text-indent:2em}

			.t_left{text-align:left;}/*居左*/
            .t_center{text-align:center;}/*居中*/
            .t_right{text-align:right;}/*居右*/

	/*主题宽度*/
		#container_1000{ width:1000px; margin:0px auto;}
		#container_980{ width:980px; margin:0px auto;}
		#container_960{ width:960px; margin:0px auto;}

    /*** 标题*/
        

    /**** 内容*/
        

    /**** footer*/
        #footer{width:1000px; overflow:hidden; text-align:center;}
        #footer p{line-height:20px;}
        #footer p a:link,.footer p a:visited{text-decoration:none;}
        #footer p a:hover,.footer p a:active{text-decoration:underline;}
        #footer .ft-info{padding:7px 0;margin-bottom: 10px;}
        #footer .ft-info a:hover,.footer .ft-info a:active{text-decoration:underline;}
        #footer .ft-list{margin:10px 0 8px 0;width:100%;height:50px;}
        #footer .ft-list li{float:left;display: inline;margin:0 1px 0 0;}
		
		@charset "utf-8";

html, body { position: relative;  height: 100%; }
body { font-family:"宋体"; font-size: 12px; background:#fff;}
a:hover {color:#1561af;}
/*header*/
.top {height:36px; background:#ededed;}
.top-con {width:1000px; margin:0 auto;}
.top-time {float:left; line-height:36px; padding-left:18px;}
.top-time p span {padding-left:20px;}
.lagu {float:right; line-height:36px; }
.header{background:url(wjj_header_bg1128.jpg) repeat-x top center #fff;  overflow:hidden;}
.head_con{width:1000px; margin:0 auto; height:170px}
.nav { width:1000px; margin:0 auto; height:90px; border-left: 1px solid #e0dfdf; border-right: 1px solid #e0dfdf; border-bottom: 1px solid #e0dfdf; border-radius:7px; box-shadow:0px 0px  1px 1px #e0dfdf; margin-bottom:20px; }
.nav-tit { width:1000px; height:48px; background:#1561af; border-radius:7px; overflow:hidden; position:relative;}
.nav-tit ul {margin-top:8px; margin-left:18px;}
.nav-tit ul li {float:left; margin-left:10px; width:110px; height:40px; line-height:40px; font-size:18px; font-family:"微软雅黑"; font-weight:bold;text-align:center;}
.nav-tit ul li a {color:#FFF;}
.nav-tit ul li a:hover {text-decoration:none;}
.nav-tit .nav-hover {background:#FFF; border-top-left-radius:7px; border-top-right-radius:7px;}
.nav-tit .nav-hover a {color:#1561af;}
.seah {position:absolute; top:12px; right:10px;}
.seah .seah-con {width:205px; height:28px; float:left; background:url(seah-bj-20170904.jpg) no-repeat; border:0; color:#b1a9a9; text-indent:40px;}
.seah .search_button{ vertical-align:3px; padding-left:4px;}
.nav-con {height:41px; border-bottom:e0dfdf; background:url(nav-con-bj-20170904.jpg) repeat-x;}
.nav-con-nr p {line-height:41px; padding-left:36px; font-size:14px;}
.nav-con-nr ul li {line-height:41px; padding-left:36px; font-size:14px; float:left;}
.nav-con-nr .nav-zwgk {padding-left:132px;}
.nav-con-nr .nav-hdjl {padding-left:254px;}
.nav-con-nr .nav-bsfw {padding-left:373px;}
.nav-con-nr .nav-ztzl {padding-left:495px;}
/*header*/

/*footer*/
.footer {width:1000px; margin:0 auto; margin-top:12px;}
.footer-nav {height:32px; background:#1561af; text-align:center;}
.footer-nav a {padding-left:36px; padding-right:36px; text-align:center; font-size:16px; font-family:"微软雅黑"; font-weight:bold; color:#fff; line-height:32px; }
.footer-line {border-right:3px solid #fff;}
.footer-con {margin-top:8px; border-top:3px solid #1561af; padding-top:14px; position:relative;}
.footer-con p {line-height:24px; text-align:center;}
.footer-con p span {color:#F00; font-weight:bold;}
.foot-nj {width:95px; height:38px; position:absolute; top:42px; left:55px;}
.foot-dzjg {width:80px; height:80px; position:absolute; top:17px; right:68px;}
.wzjc {position:absolute; top:28px; left:180px;}
/*footer*/
		
		
		
		
		
		
		

/* 标签属性 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
video,
form,
fieldset,
input,
textarea,
p,
blockquote,
table,
th,
td,
hr,
button,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body,
html {
    width: 100%;
    height: 100%;
    font-family: "microsoft yahei";
}

img {
    border: 0;
    vertical-align: middle;
}

ol,
ul,
li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

input {
    border: none;
    outline: medium;
}

a {
    text-decoration: none;
    font-family: "microsoft yahei";
}

a.hover-underline:hover {
    text-decoration: underline;
}

.global-width {
    width: 910px;
    margin: 0 auto;
}


/* 定位 */

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.pf {
    position: fixed;
}


/*位置*/

.top-0 {
    top: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}


/* 层级 */

.zindex--1 {
    z-index: -1;
}

.zindex-0 {
    z-index: 0;
}

.zindex-1 {
    z-index: 1;
}

.zindex-2 {
    z-index: 2;
}


/* 浮动 */

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.overflow-hidden {
    overflow: hidden;
}


/* display */

.hide {
    display: none;
}

.show {
    display: block;
}

.dis-inline {
    display: inline-block;
}

.dis-flex {
    display: flex;
}

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* 宽高100% */

.width-100 {
    width: 100%;
}

.height-100 {
    height: 100%;
}


/* 下外边距 */

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}


/* 文本位置 */

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}


/* 文本属性 */

.font-bold {
    font-weight: bold;
}

.font-normal {
    font-weight: normal;
}

.color-000 {
    color: #000;
}

.color-222 {
    color: #222;
}

.color-333 {
    color: #333;
}

.color-666 {
    color: #666;
}

.color-999 {
    color: #999;
}

.color-fff {
    color: #fff;
}

.color-252525 {
    color: #252525;
}


/*字体大小*/

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.font-26 {
    font-size: 26px;
}

.font-28 {
    font-size: 22px;
}

.font-30 {
    font-size: 30px;
}

/* 鼠标悬浮效果 */
.cursor-pointer:hover {
    cursor: pointer;
}

body {
    padding-top: 470px !important;
    background: url(20200310njzypx.png) no-repeat center top / 1920px auto !important;
}
.nav {
    height: 80px;
    padding: 0 70px;
    border: 6px solid #10549f;
    background-color: #fff;
    line-height: 70px;
}
.nav-item {
    width: 25%;
    text-align: center;
}
.nav-item:first-child::before {
    content: "";
    position: absolute;
    left: 35px;
    top: -15px;
    display: block;
    width: 41px;
    height: 80px;
    background: url(20200310navThumb.png) no-repeat center top;
}
.nav-item:not(:first-child) {
    position: relative;
}
.nav-item:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    display: block;
    width: 2px;
    height: 35px;
    background-color: #10549f;
}
.nav-item a {
    color: #10549f;
    font-size: 20px;
    font-weight: bold;
}
.explain,
.classroom {
    height: 151px;
    line-height: 210px;
    background: url(20200310wjjd.png) no-repeat center top;
    margin-bottom: 30px;
}
.explain a,
.classroom a {
	position
    margin-right: 20px;
    font-size: 16px;
    color: #666;
}
.explain-item {
    width: 275px;
    height: 385px;
    padding: 20px;
    background: url(20200310titleBg.png) no-repeat center top;
}
.explain-item:not(:first-child) {
    margin-left: 42px;
}
.explain-item h3 {
	margin-bottom: 10px;
    color: #e73c35;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
	font-weight: bold;
}
.explain-item p {
    height: 195px;
    padding: 20px 5px;
    color: #a59471;
    text-indent: 2em;
    font-size: 20px;
    overflow: hidden;
}
.explain-item a.explain-click {
    display: block;
    width: 90%;
    height: 50px;
    margin: 0 auto;
    line-height: 50px;
    background-color: #f0605a;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
}
.classroom {
    background-image: url(20200310wkt.png);
}
.classroom-item {
    width: 280px;
    height: 300px;
}
.classroom-item:not(:nth-child(3n+1)) {
    margin-left: 35px;
}
.classroom-item a img {
    width: 280px;
    height: 210px;
    border: 2px solid #3e3e3e;
    border-radius: 5px;
}
.classroom-title {
    display: block;
    height: 50px;
    line-height: 55px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.classroom-title a {
    font-size: 24px;
    color: #1452a5;
    font-weight: bold;
}
.classroom-item p {
    text-align: center;
    font-size: 18px;
    color: #999;
}

/* list页面start */
.listmain{padding-bottom:80px;}
.listmain .titBox{background:#fff;margin:90px auto 0;padding:20px 30px 50px;border:6px solid #10549f; color: #333;}
.titBox .position{margin-left:5px;font-size:19px;margin-bottom:20px;}
.titBox a {color: #333;}
.titList{margin-top:20px;}
.titList li{position:relative;margin-bottom:20px;border-bottom:2px dashed #e0e0e0;padding-bottom:10px;}
.titList li a{height:6px;background:url(20200310_yuan.png) no-repeat left center;padding-left:14px;}
.titList li a:link, .titList li a:visited{font-size:17px;color:#333;}
.titList li span{position:absolute;right:28px;color:#9a9a9a;background:url(20200310_clock.png) no-repeat left center;padding-left:28px;}
/* list页面start */

/*内容页开始*/
.article-info li {
	display: inline-block;
	margin: 0 10px;
	font-size: 16px;
	color: #666;
}
.ctBox h1 a {
	color: #333;

}
.ctmain{padding-bottom:100px;}
.ctBox{width:1122px;background:#fff;margin:30px auto 0;padding:20px 30px 50px;border:6px solid #143e9b;}
.ctBox .position{margin-left:5px;font-size:19px;margin-bottom:20px;}
.content {width:940px;margin:44px auto 0;}
.content h2{font-size:30px;color:#000;text-align:center;margin-bottom:44px;}
.content p{text-indent:2em;font-size:16px;color:#666;line-height:32px;}
.content .title{font-size: 22px;text-align: center;line-height: 38px;height: 45px;color: #000;font-weight: bold}
.content .articleInfo{color: #696969;text-align: center;height: 24px;overflow: hidden;margin-bottom: 20px;}
.content .padL5{padding-left: 5px;}
.content .source{font-size:16px;text-align:center;color:#666;}
.content img{margin:auto;}
/*内容页结束*/



/* 调整块内容 */
 .nav-item {
             width:50%;
       }
       .nav-item a {
             font-size: 24px;
       }
       .fujian a {
             color: #4c4c4c;
             font-size: 18px;
       }
        .classroom-item:not(:nth-child(3n+1)) {
            margin-left: 34px;
        }
       .nav-item {
             position:relative;
       }
       .nav-logo {
     display:none;
     position: absolute;
     left: 25px;
    top: -25px;
    width: 41px;
    height: 80px;
    background: url(20200310navThumb.png) no-repeat center top;
      }
       .nav-item:first-child .nav-logo {
            display:block;
       }
.nav-item:first-child::before {
     display:none;
}
.explain-longImg {
    height: 100%;
    width: 50%;
    left: 25%;
    top: 0;
    overflow-y: scroll;
    background-color: #ff0;

}
.explain-longImg img {
     width: 100%;
}
.explain-closeImg {
     right: 2px;
     top: 2px;
     font-size:16px;
     font-weight: bold;
     color: #333;
     cursor: pointer;
}
.explain a, .classroom a {
    position: relative;
}
.explain a:after,
.classroom a:after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #dcedff;
}
.explain-lists:before {
    content: '';
    display: block;
    position: absolute;
    top: 160px;
    z-index: -1;
    right: -150px;
    width:396px;
    height: 288px;
    background: url(20200310bodybg2.png) no-repeat center top;
}
.explain-item {
    width: 410px;
    height: 385px;
}
.explain-item h3 a { 
    float: right;
    position: relative;
    margin-right: 20px;
    font-size: 16px;
    color: #666;
}
.explain-item h3 a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #dcedff;
}
.explain-item-info {
   height: 40px;
   line-height: 40px;
}
.explain-item-info a {
   font-size: 22px;
   color: #7c6a46
}
.explain-item-info span {
	right: 0;
	font-size: 22px;
   color: #7c6a46
}
.read-under {
   height: 240px;
   overflow-y: auto;
}
.read-under::-webkit-scrollbar {
	 width: 10px;
	  border-radius: 10px;
}
.read-under::-webkit-scrollbar-thumb {
	  border-radius: 10px;
	  background-color: #b8b3a6;
}
.read-under::-webkit-scrollbar-track {
	  border-radius: 10px;
	  background-color: #f1e3c0;
}
 .read-under img {
             width: 100%;
        }

