@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background-color:#fff; min-width: 1200px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color: #016147;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0;}
.clear {zoom: 1;clear:both;}
.clear:after {content: ''; display: block; clear: both;}
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; }
.fl{float:left;}
.fr{float:right;}
input,textarea,select{font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}
.scrollbar::-webkit-scrollbar{ width:6px; background:#f4f4f4;}/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#016147;}/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}

.c1200{ width: 1200px; margin:0 auto;}

/* header */
.header{width: 100%;background-color: #016147;position: fixed;top: 0;left: 0;z-index: 99;}
.header .c1200{position: relative;}
.header .logo{display: block;float: left;margin: 15px 0 16px 0;}
.header .logo img{height: 55px;display: block;}
.navBox{width:720px;float: left;display: table;font-size: 0;text-align: right; }
.navBox .nLi{display: inline-block;vertical-align: top;position: relative;margin-left: 27px;}
.navBox .nLi h3{padding:34px 0;position: relative;}
.navBox .nLi h3 a{display:block;line-height:20px;font-size:16px;color:#fff;font-weight: normal;}
.navBox .nLi:hover h3 a,.navBox .nLi#on h3 a{font-weight: bold;}
.navBox .nLi .sub{display:none;position:absolute;top:88px; margin-left: -70px; left: 50%;width: 140px;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.navBox .nLi .sub li{border-bottom: 1px solid #eee;}
.navBox .nLi .sub li:last-child{border-bottom: none;}
.navBox .nLi .sub a{display:block;text-align: center;font-size: 14px;color: #333;padding:10px 10px;box-sizing: border-box;transition: all 0.6s ease;}
.navBox .nLi .sub a:hover{background-color: #016147;color: #fff;}

.header .mlogin{position: absolute;top: 26px;right: 0;display: block;height: 36px;background-color: #fff;
border-radius: 2px;padding-right: 6px;cursor: pointer; line-height: 36px;color: #016147;font-size: 14px;}
.header .mlogin>div{background:url(../images/icon_login.jpg) center left no-repeat;padding-left: 30px; background-size: auto 36px;}
.header .mlogin span{ display: inline-block; vertical-align: middle;max-width: 42px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap ;}
.header .mlogin a{display: inline-block;  vertical-align: middle; color: #016147;}
.header .mlogin a:hover{ text-decoration: underline;}



/*indexBanner*/
.indexBanner{width: 100%;position: relative;margin-top: 88px;}
.indexBanner .swiper-container{width: 100%;}
.indexBanner .swiper-container .swiper-wrapper{height: auto !important;}
.indexBanner .swiper-container .swiper-slide{height: auto !important;position: relative;}
.indexBanner .swiper-container .swiper-slide img{display: block;width: 100%;}
.indexBanner .pagination{width: 100%;position: absolute;left: 0;bottom:80px;text-align: center;z-index: 2;}
.indexBanner .swiper-pagination-switch{display: inline-block;width: 10px;height: 10px;background:#fff;border-radius: 2px;margin: 0 10px;cursor: pointer;transition: all 0.6s ease; position: relative;}
.indexBanner .swiper-active-switch{background: #016147;}

/* searchBox */
/* searchBox */
.searchBox{width: 750px;position: absolute;top: 50%;left: 50%; margin: -60px 0 0 -320px; z-index: 2;}
.searchBox ul{width: 100%;display: table;font-size: 0;text-align: left;margin-bottom: 20px;}
.searchBox ul li{display: inline-block;vertical-align: top;cursor: pointer;color: #fff;font-size: 16px;line-height: 20px;padding: 6px 10px;/* margin-right: 2px; */}
.searchBox ul li.on,.searchBox form ul li:hover{ border: solid 1px #fff; font-weight: bold;}
.searchBox .box{width: 100%;height: 56px;position: relative;}
.searchBox form{width:100%;position: absolute;top: 0;left: 0;display: none;}
.searchBox form select{  float: left; border:0; border-right: solid 1px #ddd; line-height:22px;color:#666;padding:16px 10px;font-size:16px;width:130px; height: 56px;} 

.searchBox form .inputBox{width: 450px;float: left;line-height: 56px;background-color: #fff;font-size: 16px;color: #333333;padding:0 20px;box-sizing: border-box;border: none; height: 56px;}
.searchBox form .inputBox.inputBox1{ width: 630px;}
.searchBox .form1{display: block;}
.searchBox form .btn{border:none;width: 120px;height: 56px;line-height: 56px;float: left;cursor: pointer;background-color: #016147; color: #fff;font-size: 16px;text-align: right;padding-right: 32px;box-sizing: border-box; position: relative;}
.searchBox form .btn img{ position: absolute; top: 50%; height: 16px; left: 35px; top: 20px;}

/* indexList */
.indexList{width: 100%;position: relative;z-index: 2;margin-top: -70px;}
.indexList ul{width: 100%;display: table;font-size: 0;text-align: center;background-color: #fff;padding: 30px 0;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.indexList ul li{display: inline-block;vertical-align: top; width: 16%;}
.indexList ul li img{width: 60px;display: block;margin: 0 auto;}
.indexList ul li p{font-size: 16px;line-height: 24px;color: #333333;}
.indexList ul li:hover p{ color: #016147;}

/* indexNews */
.indexNews{width: 100%;padding: 80px 0;}
.indexNews .newsBox{ width:670px;float: left;}
.indexNews .newsBox .hd{width: 100%;}
.indexNews .newsBox .hd ul{width: 100%;display: table;font-size: 0;text-align: left;}
.indexNews .newsBox .hd ul li{display:inline-block;vertical-align:top;font-size: 30px;margin-right: 30px;color: #333;cursor:pointer;}
.indexNews .newsBox .hd ul li.on{color: #016147; font-weight: bold;}
.indexNews .newsBox .bd ul{width: 100%;margin-top: 10px;}
.indexNews .newsBox .bd ul li{width: 100%;border-bottom: 1px solid #eee;padding: 16px 0;}
.indexNews .newsBox .bd ul li .time{float: left;width: 58px;height: 24px;line-height: 24px;text-align: center;font-size: 14px;color: #fff;background-color: #ccc;border-radius: 2px;}
.indexNews .newsBox .bd ul li .txt{width: 600px;float: right;font-size: 16px;line-height: 24px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.indexNews .newsBox .bd ul li:hover .time{background-color: #016147;}
.indexNews .newsBox .bd ul li:hover .txt{color: #016147;}
.indexNews .box{width:500px;float:right;}
.indexNews .box .title{font-size: 30px;color: #333;margin-bottom: 26px;}
.indexNews .newsImg{width:100%;overflow: hidden;position: relative;}
.indexNews .newsImg .bd{position:relative; z-index:0;}
.indexNews .newsImg .bd li{width: 100%;overflow: hidden;background-color: #000;}
.indexNews .newsImg .bd li img{width:100%;display:block;}
.indexNews .newsImg .bd li .tit{margin: 18px 24px 12px;}
.indexNews .newsImg .bd li .tit .p{width: 360px;float: left;font-size: 18px;font-weight: bold;line-height: 20px;color: #ffffff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.indexNews .newsImg .bd li .tit .time{float: right;color: #fff;font-size: 14px;line-height: 20px;}
.indexNews .newsImg .bd li .txt{font-size: 14px; line-height: 22px;margin: 0 24px 20px;color: #d1d1d1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.indexNews .newsImg .arrow{width: 40px;height: 40px;position: absolute;top: 125px;display: block;opacity: 0.3;}
.indexNews .newsImg .prev{left: 0;}
.indexNews .newsImg .next{right: 0;}
.indexNews .newsImg .arrow:hover{opacity: 1;}

/* indexResources */
.indexResources{width: 100%;background: url(../images/index_resources_bg.jpg) center center no-repeat;background-size: cover;padding: 60px 0;}
.indexResources .title{	font-size: 30px;color: #ffffff;text-align: center;}
.indexResources .resourcesBox{width:100%;margin-top: 20px;padding: 20px 0;position: relative;z-index: 1;}
.indexResources .resourcesBox::before{content: '';width: 1px;height: 100%;background-color: rgba(255, 255, 255, 0.4);position: absolute;top: 0;left: 159px;z-index: -1;}
.indexResources .resourcesBox .hd{width: 160px;float: left;}
.indexResources .resourcesBox .hd ul{width: 100%;}
.indexResources .resourcesBox .hd ul li{width: 100%;position: relative;line-height: 20px;font-size: 18px;color: #fff;cursor:pointer;padding:12px 12px 12px 54px;box-sizing: border-box;margin: 14px 0;border-radius: 2px 0 0 2px;transition: all 0.6s ease;}
.indexResources .resourcesBox .hd ul li::after{content: '';width: 3px;height: 100%;background-color: rgba(255, 255, 255, 0.3);position: absolute;top: 0;right: 0; display: none; transition: all 0.6s ease;}
.indexResources .resourcesBox .hd ul li img{display: none;width: 44px;position: absolute;top: 0;left: 10px;opacity: 0;transition: all 0.6s ease;}
.indexResources .resourcesBox .hd ul li.on{background-color: #016147;}
.indexResources .resourcesBox .hd ul li.on::after{display: block;}
.indexResources .resourcesBox .hd ul li.on img{ display: block;}
.indexResources .resourcesBox .bd{width: 990px;float: right;}
.indexResources .resourcesBox .bd ul{width: 100%;display: table;font-size: 0;text-align: left;}
.indexResources .resourcesBox .bd ul li{width: 190px;display: inline-block;vertical-align: top;margin-right: 10px;margin-top: 14px;}
.indexResources .resourcesBox .bd ul li:nth-child(5n){margin-right: 0;}
.indexResources .resourcesBox .bd ul li .img{width: 100%;border-radius: 2px;overflow: hidden;}
.indexResources .resourcesBox .bd ul li .img img{display: block; width: 190px; height: 70px;}
.indexResources .resourcesBox .bd ul li .tit{font-size: 16px;line-height: 24px;color: #fff;text-align: center;margin-top: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/* indexGuide */
.indexGuide{width: 100%;padding: 70px 0 60px;}
.indexGuide .title{font-size: 30px;color: #333333;text-align: center;}
.indexGuide ul{width: 100%;display: table;font-size: 0px;text-align: center;margin-top: 20px;}
.indexGuide ul li{display: inline-block;vertical-align: middle;width: 240px;position: relative;overflow: hidden;padding: 20px 0 20px 22px;box-sizing: border-box;transition: all 0.6s ease;font-size: 15px;}
.indexGuide ul li::after{content: '';width: 1px;height:calc(100% - 40px);background-color: rgba(0, 0, 0, 0.14);position: absolute;top: 50%;left: 0;transform: translateY(-50%);transition: all 0.6s ease;}
.indexGuide ul li::before{content: '';width: 2px;height: 40px;background-color: #7f7f7f;position: absolute;top: 20px;left: 0;transition: all 0.6s ease;}
.indexGuide ul li .tit{font-size: 18px;color: #333333;}
.indexGuide ul li .p{font-size: 14px;color: #999;text-transform: uppercase;margin-top: 4px;}
.indexGuide ul li .img1{width:44px;display: block;margin-top: 40px;}
.indexGuide ul li .img2{height: 100px;display: block ;position: absolute;bottom: -20px;right:-10px;filter: grayscale(100%);opacity: 0;transition: all 0.6s ease;}
.indexGuide ul li:hover{background-color: #fafafa;border-radius: 0px 2px 2px 0px;}
.indexGuide ul li:hover .img2{opacity: 0.04;}
.indexGuide ul li:hover::after{height:100%;}
.indexGuide ul li:hover::before{background-color: #016147;top: 0;}

 indexRecommend */




.indexRecommend .videoBox{ width:467px;float: left;}
.indexRecommend .videoBox .hd{width: 100%;}
.indexRecommend .videoBox .hd ul{width: 100%;display: table;font-size: 0;text-align: left;}
.indexRecommend .videoBox .hd ul li{display:inline-block;vertical-align:top;font-size: 24px;margin-right: 30px;color: #333;cursor:pointer;}
.indexRecommend .videoBox .hd ul li.on{color: #016147; font-weight: bold;}
.indexRecommend .videoBox .bd ul{width: 100%;margin-top: 10px;}
.indexRecommend .videoBox .bd ul li{width: 100%;border-bottom: 1px solid #eee;padding: 16px 0;}
.indexRecommend .videoBox .bd ul li .time{float: left;width: 58px;height: 24px;line-height: 24px;text-align: center;font-size: 14px;color: #fff;background-color: #ccc;border-radius: 2px;}
.indexRecommend .videoBox .bd ul li .txt{width: 400px;float: right;font-size: 16px;line-height: 24px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.indexRecommend .videoBox .bd ul li:hover .time{background-color: #016147;}
.indexRecommend .videoBox .bd ul li:hover .txt{color: #016147;}













.indexRecommend{width: 100%;overflow: hidden;}
.indexRecommend .title{font-size: 30px;color: #333333;text-align: center;margin-bottom: 40px;}
.indexRecommend .recommendBox{width: 100%;background: url(../images/index_recommend_bg.jpg) center center no-repeat;background-size: cover;padding: 40px 0 100px;}
.indexRecommend .recommendBox .titleBox{width: 100%;margin-bottom: 30px;}
.indexRecommend .recommendBox .titleBox .tit{float: left;font-size: 24px;line-height: 24px;color: #333333;position: relative;padding-left: 36px;}
.indexRecommend .recommendBox .titleBox .tit img{display: block;height: 24px;position: absolute;top: 0;left: 0;}
.indexRecommend .recommendBox .titleBox .more{float: right;display: block;font-size: 14px;line-height: 24px;color: #999999;}
.indexRecommend .recommendBox .titleBox .more:hover{color: #016147;text-decoration: underline;}
.indexRecommend .videoBox{width: 670px;float: left;}
.indexRecommend .recommend{width:100%;overflow: hidden;position: relative;}
.indexRecommend .recommend .bd{position:relative; z-index:0;}
.indexRecommend .recommend .bd li{width: 100%;overflow: hidden;background-color: #fff;border-radius: 2px;}
.indexRecommend .recommend .bd li .imgBox{width:100%;overflow: hidden;position: relative;background-color: #000;}
.indexRecommend .recommend .bd li .imgBox .img1{width:100%;display:block;opacity: 0.8;}
.indexRecommend .recommend .bd li .imgBox .img2{width: 56px;display: block;position: absolute;top: 50%;left: 50%; margin: -28px 0 0 -28px;}
.indexRecommend .recommend .bd li .tit{	font-size: 18px;color: #333333;width: 430px;margin: 20px auto 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.indexRecommend .recommend .bd li .txt{	font-size: 14px;line-height: 24px;color: #999999;width: 430px;margin: 0 auto 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indexRecommend .recommend .bd li .name{position: relative;width: 430px;margin: 0 auto 40px;font-size: 14px;line-height: 14px;border-top: 1px solid #eee;padding: 14px 0 0 20px;box-sizing: border-box;color: #666666;}
.indexRecommend .recommend .bd li .name img{display: block;width: 14px;position: absolute;top: 14px;left: 0;}
.indexRecommend .recommend .bd li .name span{ display: inline-block; margin-right: 10px;}
.indexRecommend .recommend .bd li:hover .tit{color: #016147;}
.indexRecommend .recommend .hd{height:12px;overflow:hidden; position:absolute; right:20px; bottom:20px; z-index:1;}
.indexRecommend .recommend .hd ul{ overflow:hidden; zoom:1; float:left;height: 22px;}
.indexRecommend .recommend .hd ul li{float:left;margin-left:10px;width:12px;height:12px;cursor:pointer;font-size: 0;background-color: #ddd;}
.indexRecommend .recommend .hd ul li.on{background-color: #016147;}
.indexRecommend .bookBox{float: right;width: 690px;}
.indexRecommend .bookBox ul{width: 100%;text-align: center; font-size: 12px;}
.indexRecommend .bookBox ul li{ float: left; display: inline-block; width: 150px;margin-right: 30px;margin-bottom: 20px;}
.indexRecommend .bookBox ul li:nth-child(4n){margin-right: 0;}
.indexRecommend .bookBox ul li .img{width: 100%;border: 1px solid #eee; border-radius: 2px;overflow: hidden;box-shadow: 3px 3px 0 #eee;  position: relative;}
.indexRecommend .bookBox ul li .img img{width: 100%;display: block;}
.indexRecommend .bookBox ul li .tit{font-size: 18px;color: #333333;text-align: center;margin-top: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.indexRecommend .bookBox ul li:hover .tit{color: #016147;}


/*footer*/
.footer{width: 100%;background: url(../images/footer_bg.jpg) bottom right no-repeat;background-size: cover;padding-bottom: 26px;}
.footer .linkBox{width: 100%;padding: 14px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);margin-bottom: 30px;}
.footer .linkBox .link{font-size: 14px;line-height: 30px;color: #8f8f8f;width: 100%;}
.footer .linkBox .link a{color: #8f8f8f;margin-right: 20px;}
.footer .linkBox .link a:nth-child(1){margin-left: 20px;}
.footer .linkBox .link a:hover{color: #016147;}
.footer .left{width: 960px;float: left;}
.footer .left ul{width: 100%;display: table;font-size: 0;text-align: left;margin-bottom: 15px;}
.footer .left ul li{display: inline-block;vertical-align: top;margin:0 80px 10px 0 ;}
.footer .left ul li a{color: #b5b5b5;font-size: 16px;line-height: 18px;}
.footer .left ul li:hover a{color: #016147;}
.footer .left .txt{font-size: 14px;color: #8f8f8f;margin-bottom: 14px;}
.footer .left .copyRight{color: rgba(255, 255, 255, 0.3);font-size: 14px;margin-top: 20px;}
.footer .left .copyRight a{color: rgba(255, 255, 255, 0.3);}
.footer .left .copyRight a:hover{color: #fff;}
.footer .right{float: right;width: 240px;display: table;font-size: 0;text-align: right;}
.footer .right .imgBox{width: 100px;display: inline-block;vertical-align: top;margin-left: 20px;}
.footer .right .imgBox img{width: 100px;display: block;border-radius: 2px;}
.footer .right .imgBox p{text-align: center;color: #8f8f8f;font-size: 14px;margin-top: 10px;}


/* pageBanner */
.pageBanner{width: 100%;overflow: hidden;height: 300px;}

/* pageTitle */
.pageTitle{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.08);padding: 20px 0 10px;}
.pageTitle .tit{float: left;font-size: 18px;font-weight: bold;line-height: 24px; padding: 8px 0; color: #016147;max-width: 45%;}
.pageTitle .wz{max-width: 50%;float: right;font-size: 14px;line-height:24px; padding: 8px 0; color: #999;}
.pageTitle .wz a{color: #999;}
.pageTitle .wz a:hover,.pageTitle .wz a.on,.pageTitle .wz a:last-child{color: #016147;}
.pageTitle .pageForm{ float: right; width: 400px;}

.pageForm .inputBox{width: 300px;float: left;line-height: 40px;background-color: #eee;font-size: 14px;color: #333333;padding:0 10px;box-sizing: border-box;border: none; height: 40px;}
.pageForm .form1{display: block;}
.pageForm .btn{border:none;width: 100px;height: 40px;line-height: 40px;float: left;cursor: pointer;background-color: #016147; color: #fff;font-size: 14px;text-align: right;padding-right: 32px;box-sizing: border-box; position: relative;}
.pageForm .btn img{ position: absolute; top: 50%; height: 14px; left: 20px; top: 14px;}


/* pageContent */
.pageContent{width: 100%;position: relative;margin-top: -100px;margin-bottom: 80px;}
.pageContent .leftBox{width: 230px;float: left;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.pageContent .leftBox dl{ width: 100%;}
.pageContent .leftBox dl dt{width: 100%;padding: 20px 20px 20px 23px;box-sizing: border-box;background-color: #016147;font-size: 22px;font-weight: bold;color: #fff;}
.pageContent .leftBox dl dd{width: 100%;border-top: solid 1px #eee;box-sizing: border-box;position: relative;}
.pageContent .leftBox dl dd a{width: 100%;display: block;padding: 10px 20px 10px 23px;box-sizing: border-box;font-size: 16px;line-height: 26px;color: #7b7b85;position: relative;}
.pageContent .leftBox dl dd:hover a{color: #016147;}
.pageContent .leftBox dl dd.on a{background-color: #016147;color: #fff;}

.pageContent .rightBox{width: 950px;float:right;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);padding: 0 40px 60px;box-sizing: border-box;}
.pageContent .rightBox .contBox{width: 100%;margin-top: 30px;}
.pageContent .rightBox .contBox .title{font-size: 22px;font-weight: bold;color: #333;text-align: center;margin-bottom: 14px;}
.pageContent .rightBox .contBox .text{font-size: 14px;line-height: 24px;color: #333;}
.pageContent .rightBox .contBox .text img{max-width: 100%;}

.noticeList{width: 100%;margin-top: 10px;}
.noticeList li{width: 100%;border-bottom: 1px solid #eee;padding: 16px 0;}
.noticeList li .txt{font-size: 16px;line-height: 24px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.noticeList li .txt span{ /*color: #016147;*/ margin-right: 10px;}
.noticeList li .time{width: 84px;height: 24px;line-height: 24px;text-align: center;font-size: 14px;color: #fff;background-color: #ccc;border-radius: 2px;}
.noticeList .notice .time{float: right;}
.noticeList .notice .txt{width: 780px;float: left;}
.noticeList .news .img{float: left;width: 120px;overflow: hidden;}
.noticeList .news .img img{width: 100%;display: block;}
.noticeList .news .cont{width: 730px;float: right;}
.noticeList .news .cont .txt{margin: 6px 0;}
.noticeList li:hover .time{background-color: #016147;}
.noticeList li:hover .txt{color: #016147;}

.newsDetail{width: 100%;margin-top: 30px;}
.newsDetail .title{font-size: 22px;font-weight: bold;color: #333;text-align: center;}
.newsDetail .time{font-size: 14px;color: #999;text-align: center;margin: 14px 0 30px;}
.newsDetail .time span{margin: 0 10px;}
.newsDetail .text{font-size: 14px;line-height: 24px;color: #333;}
.newsDetail .text img{max-width: 100%;}
.newsDetail .box{width: 100%;border-top: 1px dashed #eee;margin-top: 30px;padding: 30px 0 0;}
.newsDetail .box a{display: block;color: #999;font-size: 14px;max-width: 49%;}
.newsDetail .box a:hover{color: #016147;text-decoration: underline;}

.resourcesSelect{ width: 100%;}
.resourcesSelect dl{ width: 100%; border-bottom: solid 1px #eee; padding: 15px 0; line-height: 26px;}
.resourcesSelect dl dt{ float: left; width: 70px; text-align: right; font-size: 14px;}
.resourcesSelect dl dd{ float: right; width: 1040px;}
.resourcesSelect dl dd a{ display: inline-block; padding: 0 10px; font-size: 14px; color: #333; border-radius: 5px; margin: 0 3px 3px 0;}
.resourcesSelect dl dd a.on,.resourcesSelect dl dd a:hover{ color: #fff; background-color: #016147;}

.resourcesList{width: 100%;margin-top: 30px; width: 100%;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);box-sizing: border-box;}
.resourcesList table{width: 100%; border-collapse:collapse;}
.resourcesList table tr,.resourcesList table td{ border: 0; font-size: 14px; text-align: center;}
.resourcesList table tr { border-bottom:solid 1px #eee;}
.resourcesList table tr td.t1{ width: 40px;}
.resourcesList table tr td.t2{ text-align: left;}
.resourcesList table tr.tit {background-color: #eee;}
.resourcesList table td { padding: 20px 10px;}
.resourcesList table td.t2{ width: 360px;}
.resourcesList table td.t2 img{ width: 100px; display: inline-block;vertical-align: middle;}
.resourcesList table td.t2 span{display: inline-block;vertical-align: middle; width: 240px; margin: 3px 0 0 15px;}
.resourcesList table td.t3{ max-width: 190px;}
.resourcesList table td.t3 i:last-child{ display: none;}
.resourcesList table td.t4 span{display: inline-block; padding: 0 5px; line-height: 22px; border-radius: 5px; background-color: #016147; color: #fff;}


.resourcesList ul{ width: 100%;}
.resourcesList li{width: 100%;border-bottom: 1px solid #eee;padding: 16px 0;}
.resourcesList li .img{float: left;width: 190px;overflow: hidden;}
.resourcesList li .img img{width: 100%;display: block;}
.resourcesList li .cont{width: 650px;float: right;}
.resourcesList li .tit{font-size: 16px; margin-top: 5px; line-height: 24px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.resourcesList li .tit span{ color: #f00; margin-left: 10px;}
.resourcesList li .info{ width: 100%;  margin-top: 10px;}
.resourcesList li .info p{ display: inline-block; vertical-align: middle; margin-right: 30px; color: #999; font-size: 14px;}
.resourcesList li .info span{ color: #666;}
.resourcesList li:hover .tit{color: #016147;}

.resourcesDetail{width: 100%;}
.resourcesDetail .info{ padding: 20px ; background-color: #f5f5f5; border: solid 1px #eee; border-top: 0; margin-bottom: 30px;}
.resourcesDetail .info .img{  display: inline-block; margin-right: 20px; vertical-align: middle;}
.resourcesDetail .info .img img{ width: 190px; padding: 20px; background-color: #fff; display: block;}
.resourcesDetail .info .time{display: inline-block; vertical-align: middle; font-size: 14px; color: #333; width: 820px;}
.resourcesDetail .info .time p{ display: inline-block; width: 100%; margin: 4px 0;}
.resourcesDetail .title{font-size: 18px;color: #333; margin: 5px 0;}
.resourcesDetail .title span{ color: #f00;}
.resourcesDetail .item { width: 100%; margin-bottom: 15px;}
.resourcesDetail .item .tit{ float: left; font-size: 14px; position: relative; padding-left: 25px; line-height: 24px; width: 110px; color: #333; box-sizing: border-box;}
.resourcesDetail .item .tit img{ position: absolute; left: 0; top: 50%; margin-top: -10px; height: 20px;}
.resourcesDetail .item .text{font-size: 14px;line-height: 24px;color: #333; width: 1000px; float: right;}
.resourcesDetail .item .text img{max-width: 100%; height: auto !important;}
.resourcesDetail .item.dz .text a{ text-decoration: underline;}
.resourcesDetail .item.zy .text p i:last-child{ display: none;}
.resourcesDetail .box{width: 100%;border-top: 1px dashed #eee;margin-top: 30px;padding: 30px 0 0;}
.resourcesDetail .box a{display: block;color: #999;font-size: 14px;max-width: 49%;}
.resourcesDetail .box a:hover{color: #016147;text-decoration: underline;}


.bigBox{width: 100%;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);padding: 0 40px 60px;box-sizing: border-box;}
.bigBox .wz{max-width: 300px;}

.bookList{width: 100%;display: table;font-size: 0;text-align: left;}
.bookList li{display: inline-block;vertical-align: top;width: 200px;margin-right: 30px;margin-top: 30px;}

.bookList li .img{width: 100%;border: 1px solid rgba(0, 0, 0, 0.06);border-radius: 2px;overflow: hidden;box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.06);}
.bookList li .img img{width: 100%;display: block;}
.bookList li .tit{font-size: 18px;color: #333333;text-align: center;margin-top: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.bookList li:hover .tit{color: #016147;}

.bookDetail{width: 100%;margin-top: 30px;}
.bookDetail .tit{font-size: 22px;font-weight: bold;color: #333;text-align: center;}
.bookDetail .time{font-size: 14px;color: #999;text-align: center;margin: 14px 0 20px;}
.bookDetail .time span{margin: 0 10px;}
.bookDetail .txt{font-size: 14px;line-height: 24px;color: #999999;margin-top: 30px;}
.bookDetail .txt img{ max-width: 100%;}
.bookDetail .box{width: 100%;border-top: 1px dashed #eee;margin-top: 30px;padding: 30px 0 0;}
.bookDetail .box a{display: block;color: #999;font-size: 14px;max-width: 49%;}
.bookDetail .box a:hover{color: #016147;text-decoration: underline;}




.videoList{width: 100%;display: table;font-size: 0;text-align: left;}
.videoList li{width: 270px;display: inline-block;vertical-align: top;margin-right: 13px;margin-top: 30px;}
.videoList li:nth-child(4n){margin-right: 0;}
.videoList li .imgBox{width:100%;overflow: hidden;position: relative;background-color: #000;}
.videoList li .imgBox .img1{width:100%;display:block;opacity: 0.8;}
.videoList li .imgBox .img2{width: 56px;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.videoList li .tit{	font-size: 16px;color: #333333;margin: 12px 0 4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.videoList li .txt{	font-size: 14px;line-height: 24px;color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.videoList li .name{position: relative;margin: 10px 0 0;font-size: 14px;line-height: 14px;border-top: 1px solid #eee;padding: 12px 0 0 20px;box-sizing: border-box;color: #666666;}
.videoList li .name img{display: block;width: 14px;position: absolute;top: 12px;left: 0;}
.videoList li .name span{ display: inline-block; margin-right: 10px;}
.videoList li:hover .tit{color: #016147;}

.videoDetail{width: 100%;margin-top: 30px;}
.videoDetail video{width: 100%;display: block;border: 1px solid #eee;box-sizing: border-box;}
.videoDetail .tit{font-size: 22px;color: #333333;font-weight: bold;margin-bottom: 14px;}
.videoDetail .name{position: relative;font-size: 16px;line-height: 16px;padding: 0 0 0 24px;box-sizing: border-box;color: #666666;margin-bottom: 30px;}
.videoDetail .name img{display: block;width: 16px;position: absolute;top: 0;left: 0;}
.videoDetail .name span{ display: inline-block; margin-right: 10px;}
.videoDetail .txt{font-size: 14px;line-height: 24px;color: #999999;margin-top: 30px;}
.videoDetail .txt img{ max-width: 100%;}
.videoDetail .box{width: 100%;border-top: 1px dashed #eee;margin-top: 30px;padding: 30px 0 0;}
.videoDetail .box a{display: block;color: #999;font-size: 14px;max-width: 49%;}
.videoDetail .box a:hover{color: #016147;text-decoration: underline;}

/* page */
.pages{ margin:30px 0 0;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:32px; line-height:32px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#016147;  border:1px solid #016147; color:#fff; text-decoration:none ;}
.pages span { display:inline-block; height:32px; line-height:32px; background:#016147; border:1px solid #016147; color:#fff; text-align:center; padding:0 12px; margin:0 2px;}

/*loginBox*/
.popup{width: 100%;height: 100vh;background-color: rgba(0,0,0,0.4);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.loginBox{width: 360px;padding:30px 0 40px;border-radius: 10px;background: #FFFFFF;position: fixed;top: 50%;left: 50%;margin:-200px 0 0 -180px;z-index: 1000;display: none;}
.loginBox .title{color: #016147;font-size: 20px;font-weight: bold;text-align: center;margin: 0 0 30px;}
.loginBox form{width: 100%; width: 300px;margin: 0 auto;}
.loginBox form label{display: block;position: relative;}
.loginBox form label span{font-size: 16px;line-height:30px;color: #333;position: absolute; top: 8px; left: 0;display: block;}
.loginBox form .row{width: 100%;margin: 0 0 10px;border: 1px solid #dddddd;padding: 0 10px;box-sizing: border-box;border-radius: 3px;}
.loginBox form .txt.w1{width: 100%;font-size: 16px;color: #333;line-height: 20px;padding:12px 0;background-color: rgba(0,0,0,0);border: none;}
.loginBox form .row1{width: 100%;border: 1px solid #dddddd;padding: 0 10px;box-sizing: border-box;border-radius: 3px;}
.loginBox form .txt.w2{ width: 100%;font-size: 16px;color: #333;height: 80px;line-height:20px;resize: none;padding:12px 0;background-color: rgba(0,0,0,0);border: none;}
.loginBox form .button{width: 100%;margin:20px 0 0;text-align: center;}
.loginBox form .button .btn{width:130px;display:inline-block;height: 40px;line-height:40px;cursor: pointer;border-radius: 3px;background-color: #016147;border: none;color: #fff;font-size: 16px;transition: all 0.6s ease; text-align: center; margin: auto ;}
.loginBox form .button .btn:hover{background-color: #333;}
.loginBox .closelogin{ position: absolute; top: 5px; right: 10px; font-size: 24px; color: #333; cursor: pointer;transition: all 0.6s ease;}
.loginBox .closelogin:hover{color: #016147;}

/*20220919*/
.slideTxtBox{  text-align:left;  }
.slideTxtBox .hd{ height:40px; line-height:40px;     position:relative; }
.slideTxtBox .hd ul{ float:left;  }
.slideTxtBox .hd ul li{ float:left; /* padding:0 15px; */ cursor:pointer;height:40px; line-height:40px;border: 2px solid rgba(255,255,255,0);text-shadow: 0 0 5px #fff, 0 0 5px #fff;font-size: 18px;font-weight: bold;  color: #016147}
.slideTxtBox .hd ul li.on{  border:2px solid #fff;;}
.slideTxtBox .bd ul input{width: 500px;float: left;line-height: 56px;background-color: #fff;font-size: 16px;color: #333333;padding: 0 20px;box-sizing: border-box;border: none;height: 56px;  }
.slideTxtBox .bd ul  .btn{border:none;width: 120px;height: 56px;line-height: 56px;float: left;cursor: pointer;background-color: #016147; color: #fff;font-size: 16px;text-align: right;padding-right: 32px;box-sizing: border-box; position: relative;}
.slideTxtBox .bd ul  .btn img{ position: absolute; top: 50%; height: 16px; left: 35px; top: 20px;}




/*20221016*/
.searchBox ul form{position: static;display: block;}
.searchBox ul form .searchbtn{display: inline-block;}