.top-box{ line-height: 50px;}
.top-box .time{font-size: 16px;color: #999;}
.top-box .right{padding-top: 9px;}
.top-box .right .btn{border-radius: 5px;background-color: #0162b3;height: 32px;line-height: 32px;text-align: center;font-size: 16px;color: #fff;padding: 0 10px;}
.top-box .right .btn.oa{margin-right: 18px;}
.top-box .right .search-box{width: 220px;border-radius: 5px;border: 1px solid #aaaaaa;height: 32px;margin-right: 10px;}
.top-box .right .search-box .iconfont{color: #aaa;width: 35px;text-align: center;line-height: 30px;}
.top-box .right .search-box input{width: calc(100% - 35px);height: 30px;}
.header-box{width: 100%;height: 230px;background: url(../images/header-back.png);}
.header-box .logo{padding-top: 90px;}
.header-box .code-box{padding-top: 50px;text-align: center;font-size: 16px;color: #666;}
.nav-box{width: 100%;height: 55px;line-height: 55px;background-color: #0162b3;}
.nav-box .nav-item{width: 210px;text-align: center;margin-right: 35px;position:relative;}
.nav-box .nav-item:last-of-type{margin-right: 0;}
.nav-box .nav-item a{display: block;width: 100%;height: 100%;color: #fff;font-size:23px;}
.nav-box .nav-item a img{margin-right: 15px;}
.nav-box .nav-item.on,.nav-box .nav-item:hover{background-color: #014985;}
.nav-box .nav-item:hover .second-box{max-height: 800px;}
.nav-box .nav-item .second-box{position: absolute;width: 100%;top: 55px;left: 0;z-index: 20;max-height: 0;overflow: hidden;transition: all .3s;}
.nav-box .nav-item .second-box li{line-height: 50px;text-align: center;color: #fff;background-color: #014985;font-size: 14px;cursor: default;
    border-bottom:1px solid #035497 ;}
.nav-box .nav-item .second-box li a{font-size:20px;}
.nav-box .nav-item .second-box li:hover{background-color:#0162b3;}

.tab-box{width: 100%;height: 67px;border-bottom: 1px solid #dcdcdc;margin-bottom: 17px;position:relative;}
.tab-box .tab-item{font-size: 22px;color: #000;margin-right: 30px;line-height: 67px;position: relative;cursor: default;}
.tab-box .tab-item.active{color: #e70012;font-weight: bold;background: url(../images/sanjiao.png) no-repeat center bottom;}
.tab-box .tab-item.active::after{content:"";height: 3px;width: 100%;background-color: #e70012;position: absolute;bottom: -1px;left: 0;}
.tab-box .more{position:absolute;right:0;top:0;line-height: 67px;color:#999;font-size: 16px;cursor:default;display:none;}
.tab-box .more i{font-size:18px;font-weight:300;}
.tab-box .more:hover{color:#0162b3;}
.banner-box{margin-top:20px;height:225px;}
.banner-box .swiper-container{width:100%;height:100%;}
.banner-box .ad{width: 100%;}
.banner-box .swiper-pagination{text-align:right;padding-right:30px;}
.banner-box .swiper-pagination .swiper-pagination-bullet{ width: 22px; height: 18px;line-height: 18px;font-size:12px;border-radius:0;text-align:center;
    color:#fff;background-color: rgba(255,255,255,.4);opacity:1;}
.banner-box .swiper-pagination .swiper-pagination-bullet-active{ background-color: #e70012;}
.part1{padding-bottom: 25px;}
.part1 .left-box{width: 600px;}
.part1 .left-box .swiper-container{width: 100%;height:380px;display: none;}
.part1 .left-box .swiper-container .swiper-slide a{display: block;width: 100%;height:100%;   }
.part1 .left-box .swiper-container .swiper-slide img{width: 100%;height:100%;    object-fit: cover;}
.part1 .left-box .swiper-container .swiper-slide .cont-box{position: absolute;left: 0; bottom: 0; width: 100%;height: 51px;background-color: rgba(0, 0, 0,0.561);}
.part1 .left-box .swiper-container .swiper-slide .cont-box p{line-height: 51px;color: #fff;width: 500px;padding-left: 10px;}
.part1 .left-box .swiper-container .swiper-pagination{text-align: right;padding-right: 15px;bottom: 20px;}
.part1 .left-box .swiper-container .swiper-pagination-bullet{background: #fff;opacity: 1;width: 11px; height: 11px;}
.part1 .left-box .swiper-container .swiper-pagination-bullet-active{background-color: #e70012;}
.part1 .right-box{width: 817px;}
.part1 .right-box .news-box{height:380px ;overflow: hidden;}
.part1 .right-box .news-box ul{display: none;}
.part1 .right-box .news-box li{margin-bottom: 20px;}
.part1 .right-box .news-box .news-top{margin-bottom:15px;border-bottom: 1px solid #dcdcdc;padding-bottom: 15px;}
.part1 .right-box .news-box .news-top .title-line{margin-bottom: 20px;}
.part1 .right-box .news-box .news-top .title-line .title{font-size: 22px;color: #0162b3;font-weight: bold;}
.part1 .right-box .news-box li .time{font-size: 16px;color: #0162b3;}
.part1 .right-box .news-box .news-top .title-line .time .iconfont{color: #0162b3;margin-right: 5px;}
.part1 .right-box .news-box .news-top .cont-box{font-size: 16px;color: #999;line-height: 1.5;height: 75px;}
.part1 .right-box .news-box .news-item{line-height:18px;}
.part1 .right-box .news-box .news-item .title{font-size: 18px;color: #333;}
.part1 .right-box .news-box .news-item .title .iconfont{color: #0162b3;margin-right: 5px;}
.part1 .right-box .news-box .news-item .time{font-size: 16px;color: #333;}
.part1 .right-box .news-box .news-item:hover .title .text{color: #0162b3;text-decoration: underline;}
.part1 .right-box .news-box .news-item:hover .time{color: #0162b3;}
.ad-box{height:111px;}
.ad-box .swiper-container{width:100%;height:100%;}
.ad-box .ad{width: 100%;}
.part2 {padding-bottom:40px;background-color: #f4f4f4;}
.part2 .left-box{width: 230px;margin-right: 20px;padding-top: 10px;}
.part2 .left-box ul li{width: 230px; height: 80px;margin-bottom:6.5px;background-color: #3376bb;}
.part2 .left-box ul li a{width: 100%; height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;padding: 0 40px;font-size: 20px;line-height: 1.4;text-align: center;}
.part2 .left-box ul li:nth-of-type(even){background:#0162b3;}
.part2 .left-box ul li:last-of-type{margin-bottom: 0;}
.part2 .left-box ul li .link2{display: none;}
.part2 .left-box ul li:hover .link1{display: none;}
.part2 .left-box ul li:hover .link2{display: flex;}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}
.part2 .center-box {width: 820px;margin-right:20px;padding-top: 10px;}
.part2 .center-box .box{width:820px;height:340px;background-color: #fff;padding-left: 20px;display: none;position: relative;}
.part2 .center-box .box.show{display: block;}
.part2 .center-box .box .left-nav{width: 820px;height:340px;position: relative;overflow-y: scroll;}
.part2 .center-box .box .left-nav li{width: 285px;line-height: 48px;border-bottom: 1px solid #dcdcdc;color: #333;cursor: default;}
.part2 .center-box .box .left-nav li .iconfont{color: #d9d8d8;}
.part2 .center-box .box .left-nav li:last-of-type{border-bottom: none;}
.part2 .center-box .box .left-nav li.active{border-bottom: 1px solid #0162b3;color: #0162b3;}
.part2 .center-box .box .left-nav li.active .iconfont{color: #0162b3;}
.part2 .center-box .box .right-contents{width: 510px;height:340px;position: absolute;right:0;top: 0;}
.part2 .center-box .box .right-contents .content{width: 100%;padding:30px 20px 20px 25px;height:340px;display: none;} 
.part2 .center-box .box .right-contents .content .title{font-size: 20px;color: #0162b3;font-weight: bold;margin-bottom: 15px;line-height: 1;}
.part2 .center-box .box .right-contents .content .cont{font-size: 16px;color: #999;line-height: 1.75;margin-bottom: 35px;}
.part2 .center-box .box .right-contents .content .phone{font-size: 16px;color: #999;margin-bottom: 35px;}
.part2 .center-box .box .right-contents .content .phone span{color: #ff0000;font-weight: 700;}
.part2 .center-box .box .right-contents .content .more{display: block; width: 93px;line-height: 32px;border:1px solid #0162B3;text-align: center;font-size: 14px;color: #1340D2;}
.part2 .center-box .box .right-contents .content .more:hover{background-color: #3376bb;color: #fff;}
.part2 .right-box{width: 332px;height: 362px;border-radius: 15px;border: 10px solid #0162b3;background-color: #fff;padding: 10px; margin-top: 70px;}
.part2 .right-box .title{background: url(../images/Interactive-back.png) no-repeat center bottom;line-height: 49px;font-size:24px;color: #fff; font-weight: bold;
text-align: center;transform: translateY(-19px);}
.part2 .right-box .link-fang{width: 139px;height: 114px;border-radius: 10px;background-color: #e0ecff;text-align: center;padding-top: 18px;transform: translateY(-7px);}
.part2 .right-box .link-fang p{color: #0162b3;font-size: 18px;font-weight: 700; padding-top: 5px; }
.part2 .right-box .link-fang .pic{transition:all .3s;}
.part2 .right-box .link-fang:hover .pic{transform: rotateY(180deg);}
.part2 .right-box .link-btn{width: 100%;line-height: 68px;padding-left: 25px;margin-top: 5px;margin-bottom: 10px;color: #fff;border-radius: 10px;
transition:background-size .3s;background-size:100% 100%;}
.part2 .right-box .link-btn span{font-size: 20px;font-weight: 700;padding-right: 20px;}
.part2 .right-box .link-btn .iconfont{font-size: 24px;}
.part2 .right-box .link-btn.link1{background-image: url(../images/link-back1.png);}
.part2 .right-box .link-btn.link2{background-image: url(../images/link-back2.png);}
.part2 .right-box .link-btn:hover{background-size:110% 110%;}
.part3{padding: 40px 0;}
.part3 li{width: 25%;overflow:hidden; padding-right: 16px;}
.part3 li a{display: block;}
.part3 li a img{width: 100%;transition:all .3s;}
.part3 li:last-of-type{padding-right: 0;}  
.part3 li:hover a img{transform:scale(1.1);}

.foot{width: 100%;height: 245px;background:#0162b3;padding-top: 45px;}
.foot .select-box{width: 215px; margin-right: 25px;position: relative; }
.foot .select-box:last-of-type{margin-right: 0;}
.foot .select-box .select{width: 215px;height: 23px;line-height: 23px; border:1px solid #BFBFBF;background-color: #fff;border-radius: 2px;
text-align: center;font-size: 14px; color:#333;position: relative; }
.foot .select-box .select::after{content:"";position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 12px;height: 14px;background: url(../images/down.png);}
.foot .select-box .select span{display:block;}
.foot .select-box  ul{width: 100%;height:100px;position: absolute;top: 23px;left: 0; overflow-y: scroll;background: #fff;display: none;}
.foot .select-box  ul li a{text-align: center;width: 100%;height: 25px;line-height: 25px;font-size: 12px;color: #333;border-bottom: 1px dashed #ececec;}
.foot .select-box  ul li a:hover{color: #0162b3;} 
.foot .link{padding-top: 30px;font-size: 14px; color: rgba(255, 255, 255, 0.58);text-align: center; line-height: 2.286;}
.foot .link a{ color: rgba(255, 255, 255, 0.58);}
.foot .link a:hover{color: #ccc;}
.foot .link span{padding: 0 10px;}
.foot .cont {font-size: 14px; color: rgba(255, 255, 255, 0.58);text-align: center; line-height: 2.286;}
.foot .cont a{ color: rgba(255, 255, 255, 0.58);}
.foot .cont span{padding: 0 10px;}

.right-float{position: fixed;right: 130px;top: 40%;width: 74px;border-top: 1px solid #ddd;}
.right-float li{height: 74px;text-align: center;position: relative;border: 1px solid #ddd;border-top: none;}
.right-float li a{display: block;width: 100%;height: 100%;padding-top: 15px;background-color: #fff;position: relative;z-index: 2;}
.right-float li .iconfont{font-size: 28px;color: #0162b3;}
.right-float li .text{color: #000;font-size: 14px;}
.right-float li .code-box{position: absolute;right: 0;top: 0;width:74px;height:74px;opacity: 0; transition: all .3s;z-index: 1;}
.right-float li.code:hover .code-box{right: 100px;opacity: 1;}
.right-float li.up .iconfont{color: #999;}

.content-box{padding: 15px 0; background: url(../images/body-bg.png) no-repeat center center; background-size: 100% 100%; position: relative; }
.content-box .w1200{padding: 0 20px 20px 20px; background-color: #fff;}
.content-box .nav-top { display: flex; align-items: center; color: #999999; padding: 15px 0;font-size: 14px; }
.content-box .nav-top .div-size { padding: 0 10px;color: #999; }
.content-box .nav-top .div-size:hover{color:#0162b3;}
.content-box .nav-top .active-size{color: #0162b3;}
.content-box .list-left{width: 190px; min-height: 480px;  background-color: #F7F7F7;}
.list-left .left-top { min-height: 50px; display: flex; align-items: center; padding: 5px 0;padding-left: 28px; background-color: #305488; 
border-bottom: 2px solid #fff;}
.list-left .left-top a{margin-left: 10px; color: #FFFFFF; font-size: 18px; font-weight: bold;}
.list-left .left-item { border-bottom: 1px solid #EEEEEE; }
.list-left .left-item a{height: auto; min-height: 50px; display: flex; align-items: center; justify-content: space-between;padding: 0 10px;color: #000; }
.list-left .left-item a:hover{color:#0162b3;}
.list-left .left-item span{width: 144px;line-height: 1.6;padding: 5px 0;}
.list-left .left-item img{display: none;}
.list-left .left-item.left-active {background-color: #4F85CD; }
.list-left .left-item.left-active a{color: #fff;font-weight: 700;}
.list-left .left-item.left-active img{display: inline-block !important;}
.list-content{ width: calc(100% - 190px);  padding: 0 20px;}
.right-top{position: relative; color: #305488; padding: 13px 10px; border-bottom: 1px solid #EEEEEE; font-size: 16px;}
.right-top:before { content: ''; position: absolute; bottom: -2px; left: 0; width: 75px; height: 2px; background: #305488; }

.flex-game-item { border-bottom: 1px dotted #ccc; position: relative; width: 930px; margin-left: 15px; padding: 20px 0 20px 15px; box-sizing: border-box;
     display: flex; justify-content: space-between; }
.flex-game-item:after { content: '.'; position: absolute; left: 0px; top: 0; font-size: 35px; color: #C2CDD7; }
.flex-game-item .flex-game-item-left { width: 750px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; color: #000000; }
.flex-game-item:hover .flex-game-item-left{color:#0162b3;}
.flex-game-item .flex-game-item-right { font-size: 14px; color: #999999; }
.flex-game-item:hover .flex-game-item-right{color:#0162b3;}
.page-box{padding-top: 55px;text-align: center;padding-bottom: 60px;}
.page-box a,.page-box p{display: inline-block;width: 37px;height: 37px;line-height: 37px;text-align: center;color: #333;background-color: #E2E2E2;margin-right: 5px;}
.page-box a.active,.page-box a:hover{background-color: #0162b3;color: #fff;} 

.branch-content { min-height: 850px; }
.branch-content .headerTitle { text-align: center; padding-top: 50px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; }
.branch-content .headerTitle .title { font-size: 26px; font-weight: bold; color: #000000; }
.branch-content .headerTitle .related-title { display: flex; justify-content: center; font-size: 16px; color: #999999; padding: 22px 0 21px 0; }
.branch-content .headerTitle .related-title .related-left { margin-right: 50px; }
.branch-content .headerTitle .related-title span { margin-left: 10px; }
.branch-content .branch-text { padding: 40px 0; font-size: 18px; color: #555; line-height: 35px; text-indent: 2em; }
.branch-content .branch-text  a{text-decoration: underline;color:#0162b3;}

.right-content { padding: 34px 0; font-size: 19px; color: #555; line-height: 35px; height: auto; width: 100%; text-indent: 2em; }
.right-content img{transform: translateX(-2em);}
.pic-list{padding: 50px 0;}
.pic-list .pic-item{width: 31%;margin-right: 32px;height:290px;}
.pic-list .pic-item:nth-of-type(3n){margin-right: 0;}
.pic-list .pic-item .pic-box{width: 280px;height:213px;overflow: hidden;}
.pic-list .pic-item .pic-box img{width: 100%;height: 100%;transition: all .3s;}
.pic-list .pic-item:hover .pic-box img{transform: scale(1.1);}
.pic-list .pic-item .title{color: #3170ae;line-height: 1.7;font-size: 14px;display:flex;justify-content:center;}
.pic-list .pic-item .title span{}

@media screen and (max-width: 1680px) {
   .right-float{right:20px;}
}