@charset "utf-8";
/* CSS Document */
@font-face{
     font-family:'calibri'; 
     src:url('../font/calibri.otf');
     src:url('../font/calibri.woff') format('woff'),
         url('../font/calibri.ttf') format('truetype'),
         url('../font/calibri.svg') format('svg')，
		 url('../font/calibri.eot');
}
body{background:#ebf4ff; margin:0; font: normal 100% 'Microsoft YaHei','微软雅黑','PingFang SC','Hiragino Sans GB','Helvetica Neue','Helvetica','Arial','sans-serif'; width:100%; position:relative; overflow-x:hidden;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
input,button,textarea{font-family:'Microsoft YaHei','微软雅黑','PingFang SC','Hiragino Sans GB','Helvetica Neue','Helvetica','Arial','sans-serif';}
table,td,tr,th{font-size:14px;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,th,i{font-weight:normal; font-style:normal;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {color:#333; text-decoration:none;}
a:hover {color:#2ac3be;text-decoration:none;}

.fl{float:left;}
.fr{float:right;}
input[placeholder], [placeholder], *[placeholder] {color:#333; outline:none;}
input::-webkit-input-placeholder {color:#333;}
input:-moz-placeholder {color:#333;}
input::-moz-placeholder {color:#333;}
button{outline:none;  border:none;}


.tlBg{width:1950px; position:absolute; top:652px; left:50%; transform:translateX(-50%); z-index:-1;}
.tlBg img{margin-left:52px;}
.blBg{width:1950px; position:absolute; bottom:290px; left:50%; transform:translateX(-50%);  text-align:right; z-index:-1;}
.blBg img{margin-right:70px;}


.topBox{width:100%; background:#fff; height:112px; overflow:hidden;}
.navCen{width:1154px; margin:0 auto;}
.logo{float:left; margin-top:26px; margin-left:43px;}
.logo img{display:block;}
.topRt{float:right; margin-right:25px; text-align:right;}
.topMenu{ margin-top:12px;line-height:14px;}
.topMenu a{padding:0 10px; font-size:14px; color:#3300c1; border-right:1px dotted #3300c1;}
.topMenu a:nth-child(2){border-right:none;}
.topObj{margin-top:22px; height:34px; vertical-align:middle; text-align:left;}
.serchBox{position:relative; border:1px #e7e7e7 solid; border-radius:5px; width:200px; display:inline-block; overflow:hidden;}
.serchBox input{height:32px; line-height:32px; padding-left:10px; box-sizing:border-box; width:168px; color:#3300c1; border-radius:5px; border:none;}

.serchBox .btn{width:32px; height:32px; display:block; position:absolute; top:0px; right:0px; background:url(../images/serchicon.png) no-repeat center #3300c1;}

.topObj .icon{background:url(../images/icon1.png) no-repeat center; height:34px; width:34px; display:inline-block;}
.topObj .lgBtn{ background:#f5592d; color:#fff; border-radius:5px; padding:3px 8px; font-size:13px; float:right; margin-top:5px;}

.topLine{ margin-top:58px; vertical-align:middle;}
.topLine .icon{background:url(../images/icon1.png) no-repeat center; height:22px; width:22px; margin:0 10px; display:inline-block;}
.topLine a{padding:0 10px; margin:0; font-size:14px; line-height:22px; color:#3300c1; border-right:1px dotted #3300c1; display:inline-block;}
.topLine .lgBtn{ background:#f5592d; color:#fff; border-radius:5px; padding:0px 8px; font-size:13px; border-right:none;}

/*banner*/
.bannerBox{width:100%; height:650px; overflow:hidden; z-index:0;}
.banner{width:1154px; margin:0 auto; color:#fff; height:408px;}
.banner h2{font-size:51px; margin-top:112px;}
.banner p{font-size:41px; padding:0; margin:0; line-height:100px; font-family:"calibri";}
.banner span{font-size:20px;}

.navCenBox{width:1154px; margin:0 auto; margin-top:-240px; position:relative; z-index:10;}

.leftBox{ width:180px; float:left;}
.menuBox{width:180px; background:#fff; padding:19px 9px; box-sizing:border-box; box-shadow:0 0 10px rgba(8,93,197,0.2);}
.leftMenu{ list-style:none; padding:0; margin:0;}
.leftMenu li{list-style-type:none; padding:0; margin:0; text-align:center; border-bottom:1px #d3ddfd solid; font-size:16px;}
.leftMenu li a{height:48px; line-height:48px; display:block;}
.leftMenu li a:hover,.leftMenu li a.select{ color:#fff;
	background:-webkit-linear-gradient(135deg, #0b59dd, #0bc3c2);
	background:-moz-linear-gradient(135deg, #0b59dd, #0bc3c2);
	background:-o-linear-gradient(135deg, #0b59dd, #0bc3c2);
	background:linear-gradient(135deg, #0b59dd, #0bc3c2);
}

.ewmBox{font-size:14px; color:#444; width:100%; text-align:center; padding-top:26px;}
.ewmBox img{ display:block; margin:0 auto;}
.ewmBox p{color:#444; text-align:center;}
.fdxleft{ position:fixed; top:20px;}



.centerBox{width:735px; margin-left:21px; background:#fff; padding:33px 43px 33px 42px; box-sizing:border-box; box-shadow:0 0 10px rgba(8,93,197,0.2); margin-bottom:44px;}
.titName{ margin-bottom:28px; line-height:29px;}
.titName h2{font-size:22px; color:#3228b8; position:relative; padding-left:28px; width:80%; font-weight:bold;}
.titName h2:after{content:''; position:absolute; top:50%; left:-2px; margin-top:-8px; height:16px; width:16px; border:1px #5dbcff solid; border-radius:50%;}
.titName a{color:#3228b8; font-size:14px; padding-right:18px; background:url(../images/arrow.png) no-repeat right center; float:right;}

.picNews{position:relative; overflow:hidden; margin-bottom:30px;}
.picNews img{ display:block;}
.picTit{position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.50); color:#fff; font-size:16px; text-align:center; padding:10px; box-sizing:border-box;}

.listBox{margin-bottom:50px;}
.listBg:nth-child(2n) .listBox li{ background:#fff;}

.tablist{ position:relative; width:100%;}
.tablist .bd{ position:relative; z-index:0; }
.tablist .bd ul{width:100%; list-style:none;}
.tablist .bd li{list-style-type:none; margin-bottom:30px; border-top:1px #d3ddfd dotted; border-bottom:1px #d3ddfd dashed; background:#eef4fc; padding:20px 22px 20px 29px;}
.tablist .bd li a{text-decoration:none; display:block;}
.tablist .bd li img{ width:100%; display:block;}

.newsTit{width:310px; float:left;}
.newsTit h2{ font-size:18px; color:#000; line-height:32px; min-height:84px; margin-bottom:20px;}
.newsTit p{ font-size:14px; color:#333; line-height:28px; margin:0;}


.newsPic{width:255px; height:170px; background:url(../images/linebg.jpg) repeat-x; position:relative; margin-top:12px; float:right;}
.nsPic{ position:absolute; width:255px; height:170px; left:-12px; top:-12px;}
.picBox{ position:relative;}
.picBox p{ width:36px; height:36px; padding:0; margin:0; position:absolute; top:0; right:0; background:url(../images/larrow.png) no-repeat right top #454545; display:block;}
.picBox p span{ width:100%; line-height:170px; font-size:14px; text-align:center; color:#fff; display:none;}
.tablist .bd li a:hover .picBox p{width:255px; height:170px; background:url(../images/larrow.png) no-repeat right top rgba(0,0,0,0.50);} 
.tablist .bd li a:hover .picBox p span{ display:block;}

.listBg:nth-child(2n) .listBox .newsTit{ float:right;}
.listBg:nth-child(2n) .listBox .newsPic{ float:left; margin-left:12px;}

.tablist .hd{width:100%; height:25px; position:absolute; left:0px; bottom:-60px; display:block; z-index:10; text-align:center;}
.tablist .hd li{width:15px; height:15px; border-radius:50%; background:#7ad6fd; margin:0 5px; display:inline-block; cursor:pointer; overflow:hidden;}
.tablist .hd li.on{ background-color:#3300c1;}


.rightBox{width:198px; background:#fff; padding:18px 15px; box-sizing:border-box; box-shadow:0 0 10px rgba(8,93,197,0.2);}
.editorBox{ color:#444; padding-top:4px; position:relative;}
.editorBox:after{content:''; position:absolute; top:0; left:0; height:4px; width:100%;
	background:-webkit-linear-gradient(135deg, #0b4fe0, #0bbec5);
	background:-moz-linear-gradient(135deg, #0b4fe0, #0bbec5);
	background:-o-linear-gradient(135deg, #0b4fe0, #0bbec5);
	background:linear-gradient(135deg, #0b4fe0, #0bbec5);
}
.editorBox p{padding:24px 0; border-bottom:1px #d3ddfd solid; line-height:28px; margin:0; font-size:12px;}
.editorBox p:nth-child(2){border-bottom:none;}


/*列表*/
.zlserName{ width:124px; height:32px; color:#fff; font-size:14px; text-align:center; line-height:32px; border-radius:5px;
	background:-webkit-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-moz-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-o-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:linear-gradient(90deg, #0b4fe0, #0bbec5);
}

.serchList{padding:32px 50px; background:#fff; box-shadow:0 0 10px rgba(8,93,197,0.2);}
.selectBox{ width:410px; position:relative; height:34px;}
.selectBox select{background:#f9fcff; border:1px #bfdbf5 solid; height:32px; line-height:32px; border-radius:5px; -webkit-appearance: none;
    -moz-appearance: none; appearance: none; width:100%; padding:0 10px; box-sizing:border-box; color:#3228b8;}
.selectBox:before{position:absolute; content:'\25bc'; right:0; top:4px; width:32px; height:24px; text-align:center; line-height:24px; color:#3e34d2; pointer-events: none;}

.listSerch{ width:870px; position:relative;}
.listSerch input{background:#f9fcff; color:#3228b8; border:1px #bfdbf5 solid; height:32px; line-height:32px; border-radius:5px; width:100%; padding-left:10px; padding-right:32px; box-sizing:border-box;}
.listSerch input[placeholder]{color:#3228b8; outline:none;}
.listSerch input::-webkit-input-placeholder {color:#3228b8;}
.listSerch input:-moz-placeholder {color:#3228b8;}
.listSerch .serBtn{position:absolute; top:0; right:0; width:32px; height:32px; display:block; background:url(../images/serchIcon1.png) no-repeat center;}
.newsList{ margin-top:26px; margin-bottom:20px; list-style:none; position:relative; width:1174px;}
.newsList li{ background:#fff; border:1px #178acf solid; width:371px; margin-bottom:20px; float:left; list-style-type:none; padding:0; box-shadow:0 0 10px rgba(8,93,197,0.2); box-sizing:border-box; margin-right:20px;}
.newsList li:nth-child(3n){ margin-right:0;}
.newsList li .listPic{ position:relative; height:206px; overflow:hidden;}
.newsList li .listPic img{display:block;}
.newsList li .listPic span{position:absolute; left:0; bottom:0; padding:0 20px; text-align:center; height:32px; line-height:32px; display:inline-block; color:#fff;
	background:-webkit-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-moz-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-o-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:linear-gradient(90deg, #0b4fe0, #0bbec5);
}

.newsList li .nTitBox{padding:20px;}
.newsList li .nTitBox h2{ font-size:16px; font-weight:bold; color:#000; line-height:26px; margin-bottom:48px; display:block; position:relative; height:80px;}
.newsList li .nTitBox h2:after{content:""; position:absolute; width:150px; bottom:-24px; left:5px; height:2px;
	background:-moz-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-webkit-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#0b4fe0), to(#0bbec5));
	background:-o-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:linear-gradient(90deg, #0b4fe0, #0bbec5);
}
.newsList li .nTitBox p{font-size:14px; line-height:24px; color:#333; height:288px; margin:0; padding:0; font-family:calibri,'Microsoft YaHei','微软雅黑','PingFang SC','Hiragino Sans GB'}

.more{ display:block; width:100%; height:40px; color:#fff; text-align:center; font-size:16px; line-height:40px; margin-bottom:40px;
	background:-moz-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-webkit-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#0b4fe0), to(#0bbec5));
	background:-o-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:linear-gradient(90deg, #0b4fe0, #0bbec5);
}
.more:hover{ color:#fff;}

/*搜索列表*/
.serchName{border-bottom:1px #d3ddfd  solid;}
.serchName h2{font-size:24px; font-weight:bold; line-height:38px; color:#1f7fbe; margin-bottom:30px;}
.serList{ width:100%; list-style:none;}
.serList li{ padding:20px 35px 20px 20px; border-bottom:1px #d3ddfd dashed; list-style-type:none; width:100%; box-sizing:border-box; background:url(../images/serarrow.png) no-repeat right 15px center;}
.serList li h3{ font-size:18px; line-height:32px; margin-bottom:20px; color:#444;}
.serList li p{ font-size:14px; line-height:24px; margin:0; color:#666;}
.serList li p span{color:#ff0000;}


.pageBox{width:100%; color:#fff; text-align:center; margin-top:20px; padding:10px;
	background:-moz-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-webkit-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#0b4fe0), to(#0bbec5));
	background:-o-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:linear-gradient(90deg, #0b4fe0, #0bbec5);
}
.pageBox a{width:30px; height:30px; line-height:30px; color:#fff; text-align:center; display:inline-block; vertical-align:middle; margin:0 5px; font-size: 14px; overflow: hidden; border-radius:50%;}
.pageBox a.num{ background:#eb5b40;}

/*内容*/
.infoBox{width:952px; padding:40px 32px 40px 40px; float:right; box-sizing:border-box; background:#fff; box-shadow:0 0 10px rgba(8,93,197,0.2); margin-bottom:44px;}
.infoTit{border-bottom:1px #d3ddfd dashed;}
.infoTit h2{font-size:24px; font-weight:bold; line-height:38px; color:#1f7fbe; margin-bottom:30px;}
.shareBox{font-size:14px; color:#333; padding-bottom:10px;}
.shareIcon{float:right;}
.info{ font-size:14px; color:#333; line-height:28px;}
.info img{ display:inline-block; margin:0 auto; vertical-align:top;}

.infoFoot{border-top:1px #d3ddfd dashed; padding-top:38px; text-align:center; font-size:14px;}
.infoFoot span{ color:#033333; padding-left:24px; margin:0 50px;}
.infoFoot span i{color:#ef5d3b; list-style:none;}
.infoFoot .look{background:url(../images/icon2.png) no-repeat left center;}
.infoFoot .zan{background:url(../images/icon3.png) no-repeat left center;}
.infoFoot .zana{background:url(../images/icon3a.png) no-repeat left center;}

/* 往期列表 */
.oldbox{width:1154px; margin:40px auto; padding:60px 35px; box-sizing:border-box; background:#fff; box-shadow:0 0 10px rgba(8,93,197,0.2);}
.oldbox h1{ font-size:36px; color:#3228b8; line-height:38px; margin-bottom:50px;}
.oldbox .year{height:40px; color:#fff; line-height:40px; font-size:16px; padding:0 20px;
	background:-moz-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-webkit-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#0b4fe0), to(#0bbec5));
	background:-o-linear-gradient(90deg, #0b4fe0, #0bbec5);
	background:linear-gradient(90deg, #0b4fe0, #0bbec5);
}
.oldbox .year a{ color:#fff; padding:0 10px;}
.oldbox .year a:hover{ color:#fff;}

.oldList{ margin-top:50px; list-style:none;}
.oldList li{ background:#fff; width:341px; margin-right:30px; margin-bottom:30px; float:left; list-style-type:none; padding:0;  box-shadow:0 0 10px rgba(8,93,197,0.2);}
.oldList li:nth-child(3n){margin-right:0;}
.oldList li img{display:block;}
.oldList li .linkBox{padding:50px; text-align:center;}
.oldList li .linkBox h2{ font-size:24px; color:#333; margin-bottom:40px;}
.oldList li .linkBox span{ display:inline-block; font-size:16px; color:#333; padding-left:20px; padding-right:60px; background:url(../images/oldarrow.png) no-repeat right 10px center;transition:all 300ms;}
.oldList li a:hover .linkBox{ background:#f1f1f1;}
.oldList li a:hover span{background:url(../images/oldarrow.png) no-repeat right center;}





/*浮动*/
.rightfixed{position:fixed; right:20px; bottom:160px; width:60px; z-index:99999;}
.fixedList{ box-shadow:0 0 10px rgba(8,93,197,0.2); list-style:none;}
.fixedList li{ background:#fff; text-align:center; width:100%; border-bottom:2px #ebf4ff solid; list-style-type:none; padding:0;}
.fixedList li a{display:table-cell; width:60px; height:60px; text-align:center; vertical-align:middle;}
.fixedList li a:hover{ background:#fff;}
.fixedList li.fixdeTop{ border-bottom:none;}

/*底部*/
.footerBox{background:#3300c1; width:100%; text-align:center; height:40px; padding:20px 0; color:#fff; line-height:40px; font-size:14px;}
.footerBox a{color:#fff;}

/*弹出*/
.countBox{width:735px; border:7px #1b8cd1 solid; box-sizing:border-box;}
.count{border:1px #0d4abf solid; width:100%; background:#ebf4ff; box-sizing:border-box; padding:0 20px 64px;}
.count h2{ height:45px; line-height:40px; font-size:16px; color:#2f25b0; display:block;}
.count table{background:#0d4abf;}
.count td{background:#fff;}
.count thead td{font-size:14px; line-height:32px; color:#000; font-weight:bold; text-align:center;}
.count tbody td{ color:#333; font-size:13px; line-height:30px; padding:0 10px; box-sizing:border-box;}
.count tbody td span{ display:block; height:11px;
	background:-webkit-linear-gradient(90deg, #0bbec5, #0b4fe0);
	background:-moz-linear-gradient(90deg, #0bbec5, #0b4fe0);
	background:-o-linear-gradient(90deg, #0bbec5, #0b4fe0);
	background:linear-gradient(90deg, #0bbec5, #0b4fe0);
}




#openboxclass{ padding: 40px 60px; width: 650px;}
.opbxline{background: url(../images/WX20211220-155703.png) no-repeat left bottom; background-size: 100% 8px;}
#openboxclass h1{ margin: 0; text-align: center; font-size: 18px; color: #3228b8}
#openboxclass .Bbox{ padding: 30px 0; font-size: 14px;}
#openboxclass .Bbtn{ text-align: center;}
#openboxclass .Bbtn button{ background-color: #f5592d; color: #fff; font-size: 14px; border: none; padding: 4px 25px; border-radius: 5px; cursor: pointer;}