﻿
*{box-sizing: border-box;}
html{overflow-x:hidden;margin: 0 auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{margin:0;padding:0;}
body{word-break: break-all;font: 12px/1.5 'microsoft yahei','simsun',sans-serif,tahoma,arial,'Hiragino Sans GB',sans-serif;background: #ffffff;}
button,a,img,em{border:0;}
img{vertical-align:middle;}
li,ul{list-style:none;}
i{font-style:normal;}
a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
input,textarea,button,select{outline:none;}

em,i{font-style:normal;font-weight:normal;}

table{border-collapse:collapse;border-spacing:0;}
label{display:block;}
input{border:0;appearance:none; -moz-appearance:none; -webkit-appearance:none; color: #4d4d4d; font-size:12px; background:none;}



.fl{float:left;}
.fr{float:right;}
.block{display:block;}
.font-m{font-family: ;}
*html .clearfix{height:1%}
*+html .clearfix{min-height:1%}
.clearfix{display:block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{clear:both;}
.center{text-align: center;}
.cursor{cursor:pointer;}
.hide{display:none;}
.allWidth{width:1440px;margin:auto;}



.nav{    
  top: 206px;
  width: 100%;
  height: 48px;
  line-height: 48px;
  position: absolute;
  background: #004BC5;
}
.navbar_ul{
  display: -webkit-box;     
  display: -moz-box;   
  display: -webkit-flex;   
  display: -moz-flex;   
  display: -ms-flexbox;   
  display: flex; 
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.navbar_ul li{width: 150px;float: left; font-size: 16px; position: relative;}
.navbar_ul li:last-child{border-right: none;}
.navbar_ul li:hover .menu{display: block;}
.navbar_ul li a{display: block;    font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
}
.navbar_ul > li > a.action ,.navbar_ul > li:hover >a{    background: #1D6CFF;
  height: 48px;
  line-height: 48px
}
.navbar_ul .menu{background:#fff; z-index: 9; width: 100%; display: none; position: absolute; top: 48px; left: 0; opacity: .94;z-index: 100;}
.navbar_ul .menu li a{    padding:10px;color: #4d4d4d; font-size: 15px;    line-height: 30px;}
.navbar_ul .menu li:hover a{color: #004BC5;font-weight:bold;}
.navbar_ul .menu li{margin: 0;width:100%;border-bottom:1px solid #ccc;}

.navbar_ul .menu li:last-child{border-bottom:none;}

.top{
  height: 254px;line-height: 206px;background:url(../images/top_bj.png) no-repeat;background-size: 100% 100%;  
}
.titleBox{
  
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  font-size: 58px;
  color: #FFFFFF;
  text-align: center;
}
.container{
  display:flex;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 32px;
}
.container .containerLeft{
  
  display: flex;
  flex-direction: column;
  gap: 24px;
  width:1058px;
}

.containerLeft .messageBox{
  background: #F5F6FE;
  border: 1px solid #CCCCCC;
}

.containerLeft .message{
  
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  gap: 24px;
  padding: 20px;
  background: #fff;
  border-top: 1px solid #CCCCCC;
}


.messageBoxTitle{
  padding-left: 24px;
  color: #FFFFFF;
  line-height: 58px;
  
  width: 316px;
  height: 58px;
  background: #004BC5;
  font-weight: bold;
  font-size: 24px;
  clip-path: polygon(0 0, 94% 0, 100% 100%, 0 100%);
}


.message li{
  
  padding-left: 16px;
  width: 318px;
  height: 54px;
  background: #F5F6FE;
}
.message li a{
  
  height: 100%;
  display: flex;
  align-items: center;
}
.message li img{
  height: 18px;
  width: 18px;
}
.message li .name{
  margin-left:20px;
  font-weight: 400;font-size: 20px;
  color: #3C4454;
}
.message li .name:hover{
  color: #004BC5;
}


.container .containerRight{
  display: flex;
  flex-direction: column;
  gap: 16px;
  
  
  width:366px;
}


.containerRight .rightBox{
  
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}

.rightBox .rightBoxTitle{
  padding-left:24px;
  height:58px;
  font-weight: bold;
  font-size: 24px;
  
  color: #004BC5;
  
  line-height: 58px;
  border-bottom: 1px solid #CCCCCC;
}
.rightBox .search{
  padding:20px 24px;
}
.rightBox  .detail{
  padding-left: 24px;
  margin-bottom: 24px;
  display: block;
  font-weight: 400;
  font-size: 20px;
  color: #3C4454;
  line-height: 20px;
}
.rightBox .detail:nth-of-type(1) {   margin-top: 20px; }
.rightBox .download:nth-of-type(1) {   margin-top: 24px; }

.rightBox .download{
  display: block;
  margin: 0 24px 24px;
  font-weight: 400;
  font-size: 20px;
  color: #3C4454;
  height: 68px;
  line-height: 68px;
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
}

.rightBox .download:hover{
  color: #004BC5;
}

.search_box{
  display: flex;
}
.search_but{
  width: 70px;
  height: 54px;
  background: #004BC5;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
}
.search_box input{
  border: 1px solid #949494;
  flex: 1;
  padding-left: 18px;
  font-weight: 400;
  font-size: 18px;
}



.column_box{min-height: 600px;overflow: hidden;}
.column_box .column_info{min-height: 600px; background: #fff; padding:0 20px 40px; position: relative; overflow: hidden;}
.left_page{width: 280px; margin-top: 40px;}
.left_page .title{width:100%; height: 80px; text-align: center; line-height: 80px; font-size: 24px; background:#004BC5;color:#fff;border-bottom: 6px solid #1D6CFF;}
.left_box{background: #F5F6FE;}
.left_box dd{height: 50px; width: 100%; line-height: 50px; font-size: 16px;border-top: none;}
.left_box dd a{color: #000; display: inline-block; width: 80%;border-bottom: 1px solid #d6d9e1;}
.left_box dd:last-child a{border-bottom:0;}
.left_box dd:hover a{color: #004BC5;font-weight: bold;}
.left_box dd.normal a{color: #004BC5; font-weight: bold; display: inline-block; width: 80%;}
.address{float: left; width: 830px; height: 45px; margin-top: 75px; opacity: .8; margin-left: 30px; border-bottom: 2px solid #b5b4c2;}
.address .location{width: 100%; line-height: 45px;}
.address .location ul li{float: left;}
.address .location ul li,.address .location ul li a{color: #000;font-size: 15px;
}
.address .location ul li a{display:inline-block;}  
.right-con{float: left; width: 830px; margin-left: 30px;}
.right-con ul{margin-top:10px;}
.right-con ul>li{height: 46px; line-height: 46px; border-bottom: 1px dotted #b5b4c2;font-size: 15px; }
.right-con ul>li .dot_list{width: 3px; height: 3px; border: 1px solid #b5b4c2; border-radius: 100px; background-color: #b5b4c2; opacity: 0.5; float: left; margin-top: 22px; margin-right: 7px;}
.right-con ul>li>a{font-size: 15px; color: #000; display: inline-block;}
.right-con ul>li>a:hover{color: #004BC5;font-weight:bold;}
.column_info .right-con .titles p span{display: inline-block !important;}
.right-con .con_text .text{margin-top:20px}
.right-con .con_text .text_next{margin-top:20px}
.con_text .titles h4{color: #004BC5;font-size: 24px;padding: 10px;font-weight: normal;}
.con_text .titles h6{font-size: 18px;font-weight: normal;color: #4d4d4d;}
.con_text .titles p{padding: 10px 0;color: #888;margin-bottom: 10px;}
.con_text .titles p span{display:inline !important;}

.con_text .text{color:#666; font-size: 16px; line-height: 34px;}
.con_text .text img{max-width:100%;height:auto!important;}
.con_text .text table{max-width:100%;}
.con_text .text .video_con{max-width:100%;width:800px;height: 500px;margin:0 auto;}

.con_text .text_next{line-height: 40px;color: #4d4d4d;overflow: hidden;font-size: 16px;border-top: 1px solid #ddd;margin-top: 20px;}
.con_text .text_next a{color: #4d4d4d;display: inline;}
.con_text .text_next a:hover{color: #004BC5;}
.con_text .filedownload{ font-size: 15px;}




.page_num{overflow: hidden; width: 510px; margin: auto; margin-top: 30px;}
.page_num .page>ul>li{float: left; color: #898989; font-size: 14px; margin: 0 6px;border: none;height: 22px;line-height: 22px;}
.page_num .page>ul>li>a{color: #004BC5;}
.page_num .page>ul .number>li{float: left; margin: 0 4px; width: 22px; height: 22px; line-height: 22px; border: 1px solid #a8a8a8; text-align: center;}
.page_num .page>ul .number>li.thisclass{border: 1px solid #004BC5; color: #004BC5;}
.page_num .page>ul .number>li a{color: #898989; display: block;}
.page_num .page>ul .totalText .currPageNum,
.page_num .page>ul .totalText .totalPageNum{color: #004BC5;}






