*{margin:0; padding: 0; box-sizing: border-box;}
body{background: #fff; font-size: 16px; line-height: 1.5; font-family:'Microsoft Yahei';}
a{color: #333; text-decoration: none;}
a:hover{color:#1151ba; text-decoration: underline;}
li{list-style-type: none;}
.container{width: 100%; max-width: 1600px; min-width:1200px; margin:0px auto; padding-left: 15px; padding-right: 15px;}
.top{width: 100%;}
.head{height: 340px; background: url(/images/top.png) no-repeat top center; position: relative;}
.head .logo{position: absolute; height: 60px; left: 10px; top: 20px;}
.head .logo img{height: 100%;}
.nav{background: #0c399a; height:60px; line-height:60px; padding: 0 50px;}
.nav ul{display: flex; justify-content:space-around; max-width: 1200px; margin:0px auto; }
.nav li{width: 16.66%; height: 60px; text-align: center;}
.nav li a{color: #fff; font-size: 18px;}
.nav li:hover,.nav li.on{background: rgba(255,255,255,.3);}
.nav li a:hover{text-decoration: none;}


.home-part-1{background: url(/images/bg1.png) no-repeat top center; padding:30px 0; margin-bottom: 30px;}
.home-part-1 .container{display: flex; justify-content: space-between;}
.con-video{width: 37.5%;}
.con-cgjj{width: 39.5%;}
.con-cgzjbg{width: 20%;}

.home-part-2{display: flex; justify-content: space-between; margin-bottom: 30px;}
.con-zywcr,.con-xmts,.con-xwbd{width: 32%;}

.home-part-3{background: url(/images/bg2.png) no-repeat top center; padding:30px 0;}
.home-part-3 .title{text-align: center;}

.video-wrapper{position: relative; width: 100%; cursor: pointer;}
.video-wrapper video{ width: 100%; display: block;}
.custom-play-btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); border-radius: 50%;  padding: 10px; display: flex; align-items: center; justify-content: center; transition: opacity 0.3s;}
.custom-play-btn:hover{background: rgba(0, 0, 0, 0.8);}
.video-wrapper.playing .custom-play-btn{opacity: 0; pointer-events: none;}

.title{font-size:26px; font-weight:bold; color:#005aa0; line-height:50px; border-bottom:1px solid #cfcfcf; margin-bottom:20px; position:relative;}
.title .more{position: absolute; right: 0; top: 0; font-size: 16px; color: #454545; font-weight: normal;}
.title span{display:inline-block; height: 50px; border-bottom: 2px solid #005aa0;}

.con-video .video{width: 100%}

.con-cgjj .text{line-height:2em; overflow: hidden; margin-bottom: 10px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; text-overflow: ellipsis;}

.con-cgzjbg .items a{display: block; width: 100%; height: 64px; border:1px solid #bcc6d2; line-height: 64px; background-repeat: no-repeat; background-position: 20px center; background-color: #fff; padding-left: 65px; margin-bottom: 15px; border-radius: 6px; text-decoration: none;}
.con-cgzjbg .items a:hover{background-color: #f6fbff; border-color: #1151ba;}
.con-cgzjbg .items a.i1{background-image: url(/images/icon1.png);}
.con-cgzjbg .items a.i2{background-image: url(/images/icon2.png);}
.con-cgzjbg .items a.i3{background-image: url(/images/icon3.png);}
.con-cgzjbg .items a.i4{background-image: url(/images/icon4.png); margin-bottom: 0;}

.con-zywcr .hot{display: flex; justify-content: space-between; align-items: center; margin-bottom:15px; border-bottom: 1px dashed #e1e1e1; padding-bottom: 15px;}
.con-zywcr .hot .pic{width:100px; height:130px; overflow: hidden; flex-shrink:0; margin-right:20px;}
.con-zywcr .hot .pic img{width: 100%;}
.con-zywcr .hot .text h3{font-size:20px; line-height: 2em;}
.con-zywcr .hot .text p{color: #787878; line-height:1.8em; height:5.4em; overflow: hidden;}
.con-zywcr .list{display: flex; justify-content: space-between; flex-wrap: wrap;}
.con-zywcr .list li{width: 20%; height:50px; line-height: 50px; text-align: center;}

.con-xmts .item{border:1px solid #c0d9f2; height: 90px; background: #fff; border-radius: 6px; padding: 0 15px; display: flex; align-items: center; margin-bottom: 15px;}
.con-xmts .item i{width: 36px; height: 36px; background: #f1f5f9; border-radius: 6px; line-height: 36px; color:#005aa0; margin-right: 15px; flex-shrink: 0; text-align: center; font-style: normal;}
.con-xmts .item span{display: block; line-height:1.8; height:3.6em; overflow: hidden;}
.con-xmts .items div:last-child{margin-bottom: 0;}

.con-xwbd li a{display: block; height: 44px; overflow: hidden; line-height: 44px; padding-left:14px; position: relative;}
.con-xwbd li a:before{content: ''; display: block; width: 4px; height: 4px; background: #005aa0; position: absolute; left: 0; top: 20px;}

.con-tgyy{display: flex; justify-content: space-between;}
.con-tgyy a{display: block; width: 32%; border:1px solid #e1e1e1; border-radius: 6px; background: #fff; overflow: hidden; text-decoration:none; transition: all .2s;}
.con-tgyy a img{width: 100%;}
.con-tgyy a p{background: #f5f5f5; line-height: 50px; text-align: center;}
.con-tgyy a p i{font-style: normal; color: #0c399a;}
.con-tgyy a:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transform: translateY(-5px);}


.copyright{background: #0c399a; color: #fff; text-align: center; padding: 30px 0; line-height: 2em;}

.lm{background: #f5f5f5;}
.lm .container{display: flex; justify-content: space-between; padding-top:30px; padding-bottom: 30px;}
.lmnav{width: 220px; margin-right: 30px; flex-shrink:0;}
.lmnav h3{background:url(/images/lmnav.png) no-repeat top center #1151ba;  color: #fff; height:100px; font-size: 24px; line-height:100px; font-weight: bold; text-align: center;}
.lmnav ul{background: #fff; padding:20px; padding-top: 0;}
.lmnav li a{position: relative; display: block; line-height: 30px; color: #000; transition: 0.3s; padding: 16px 0; text-align: center;}
.lmnav li a::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg,#fff,#e5e5e5,#e5e5e5,#fff);}
.lmnav li a::after{ content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: linear-gradient(90deg,#fff,#1151ba,#1151ba,#fff); transition: 0.3s; -webkit-transition: 0.3s;}
.lmnav li.on a,.lmnav li:hover a,.lmnav a.active{color:#1151ba;  text-decoration: none;}
.lmnav li.on a::after,.lmnav li:hover a::after,.lmnav a.active::after{left: 0; width: 100%;}
.lmcon{background: #fff; overflow: hidden; padding:40px 50px; width: 90%;}
.lmtitle{text-align: center; font-size: 28px; font-weight: bold; color: #1151ba; border-bottom:1px solid #e1e1e1; margin-bottom: 20px; padding-bottom: 20px;}
.lmcon .con{font-size: 18px; line-height: 2em;}
.lmcon .con p{text-indent: 2em; margin-bottom: 1em;}
.lmcon .con img{display: block; max-width:95%; margin:0px auto;}
.lmcon .con h3{font-weight: bold; font-size: 20px; margin-top: 1.5em; margin-bottom: 0.5em;}
.lmcon .con table{border-collapse: collapse; border:1px solid #e1e1e1;}
.lmcon .con td,.lmcon .con th{border:1px solid #e1e1e1; padding:5px 10px; line-height: 2em;}
.lmcon .con td p{text-indent: 0; margin-bottom:0px;}
.lmcon .con td.jz{text-align:center; width:15%;}
.lmcon .con th{background: #f5f5f5;}

.twopic{display: flex; justify-content:center;}
.lmcon .con .twopic img{width:40%; max-width:40%; margin:20px;}


.zccl{line-height:40px;}
.zccl h2{font-size:20px; color: #1151ba; margin-bottom: 1em;}
.zccl h2 a{color: #1151ba; }
.zccl h3{font-weight: normal; font-size: 18px; text-indent: 1em; border-bottom: 1px dashed #e1e1e1; margin-top: 20px; margin-bottom: 10px;}
.zccl p{text-indent: 2em;}
.zccl .fgx{height: 40px; clear:both;}
.zctable{min-width:60%; margin:0px auto; margin-bottom:20px; border-collapse: collapse;}
.zctable td{text-align: center;;}