body{width:100%;color:#333; }
.wd{width:1400px; margin: 0 auto;}
.p100{padding: 0 100px}
img{width: 100%;height: 100%;object-fit: cover;image-rendering: -webkit-optimize-contrast;}

@keyframes rotateImg{
	0% {transform: translateY(0);}
	50% {transform: translateY(-10px);}
	100% {transform: translateY(0);}
}


.head{width:100%;position:relative;overflow:hidden;height:360px;}
.head .sybanner{width:100%;overflow:hidden;height:360px; }
.head .header{position: absolute;top: 0;width: 100%}
.head_box .head_top{position: absolute;top: 23px;z-index: 2;width: 100%;height: 35px}
.head_box .head_top .link_box{}
.head_box .head_top .link_box a{color: #0f3b82;border-right: 1px solid #103b80;padding: 0 8px}
.head_box .head_top .link_box a:last-child{border: none}
.head_box .head_top .serch{}
.head_box .head_top .serch .search_box{}
.head_box .head_top .serch .search_box .keyword{height: 40px;background: #fff;padding: 0 50px 0 20px;border-radius: 50px}
.head_box .head_top .serch .search_box .btn{position: absolute;right: 15px;top: 10px;}
.head_box .logo{position: absolute;top: 120px;z-index: 1}

.navcont{background: #0d3c82}
.navcont .navli{float:left;position:relative;width: 12.5%}
.navcont .navyjlm{width:100%;}
.navcont .navyjlm a{width:100%;font-size:20px;font-weight: bold;line-height:80px;height:80px;color:#fff;text-align:center;display:block;overflow:hidden;position:relative;}
.navcont .navli:hover .navyjlm a,.navcont .navli.on .navyjlm a{background:rgba(0,0,0,0.2);}
.navcont .nav_erji{visibility: hidden;opacity:0;width:130%;position: absolute;left: 0;top: 130%;background:#f2f2f2;transition: .5s;margin-left: -15%}
.navcont .navli:hover .nav_erji{top: 100%;visibility: visible;opacity: 1;z-index: 9;}
.navcont .nav_erji a{padding: 15px 15px;display: block; text-align:center;color:#333;}
.navcont .nav_erji a:hover{ background: #0d3c82;color: #fff;}


/***********************************************************/
.topnav{position: relative;z-index:3;}

#header .topnav{ position:absolute;right:5px; top:0;;}
#header .menua{ display:none;margin: 4px 0;position: absolute; top:15px;right:30px;}
#header .menua a{ width:45px; height:45px; background:#62a4ee; display: block; border-radius: 50%; padding:10px 0 0 0;}
#header .menua a img{ width:25px; margin:0 auto 0 auto;height: auto}
#header a.menu_btn i {font-size:18px;}
#header .menu_bg,#header .menu {position: fixed;top: 0;right: 0;z-index: 10;}
#header .menu_bg {background-color: rgba(0, 0, 0, 0.7);display: none;width: 100%;height: 100%;}
#header a.menu_btn i {font-size:18px; padding-right:25px;}
#header .menu_bg,#header .menu {position: fixed;top: 0;right: 0;z-index:99;}
#header .menu_bg {background-color: rgba(0, 0, 0, 0.7);display: none;width: 100%;height: 100%;}
#header .menu {width: 9.75rem;background-color: #FFFFFF;overflow-x: hidden;height: 100%;overflow-y: auto;}
#header .menu .nav_right li{display: block;border-bottom: 0.01rem solid #eeeeef;}
#header .menu .nav_right li> a {display: block;width:100%;height:80px; box-sizing: border-box;color: #3a3a3a;line-height:80px;text-align: center; font-size:18px;}
#header .menu .nav_right li> a.active {background: #0c3d82;border-color: #1c5baf;color: #FFFFFF;}
#header .menu .nav_right .ejlm{ display: none;}
#header .menu .nav_right li .ejlm{ width: 100%; background: #f7f7f7; }
#header .menu .nav_right li .ejlm a{ width: 100%; line-height:30px;font-size:14px;font-weight:bold; color:#333; text-align:center; display: block;}
#header .menu .nav_right li .ejlm a:hover{ color: #fff; background: #0c3d82;}


/*标题及更多*/
.tit_box{position: relative;border-bottom: 1px solid #0c3d82}
.tit_box h6{height: 50px;line-height: 50px;font-size: 26px;font-weight: bold;color: #0c3d82;border-bottom: 4px solid #0c3d82;float: left}
.tit_box .more_box{cursor: pointer;height: 50px;float: right}
.tit_box .more_box .more{color: #0c3d82;height: 50px;line-height: 50px;display: block;font-size: 18px}
.tit_box .more_box:hover .more{color: #fff;}

/*列表*/
.news_list{margin-top: 10px;}
.news_list ul{min-height:300px;}
.news_list li{transition: all 0.3s;}
.news_list li h3{width: 80%;height: 46px;line-height: 46px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: 15px;position: relative}
.news_list li h3:before{content:'';background: #0c3d82;width: 6px;height: 6px;display: inline-block;position: absolute;left: 0;top: 21px;border-radius: 6px}
.news_list li p{width: 20%;text-align: right;color: #787b80;height: 46px;line-height: 46px}
.news_list li:hover{background: #0c3d82;}
.news_list li:hover h3,.news_list li:hover p{color: #fff}
.news_list li:hover p{padding-right: 10px;}


.main{position: relative}
.main:before{content:'';background: linear-gradient(to bottom, #a7cfff, #fff);width: 100%;height: 600px;position: absolute;left: 0;top: 0;z-index: -1}
.top_news_box{padding-top: 50px;}
.top_news_box h2{width: 100%;height: 90px;line-height: 90px;font-weight: bold;color: #0c3d82;text-align: center;font-size: 32px}
.top_news_box p{font-size: 18px;color: #0c3d82;text-indent: 2em;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;height: 50px;overflow: hidden;line-height: 1.5;}

.index01{margin-top: 60px}
.index01 .top_img{width: 44%;height: 480px;position: relative}
.index01 .top_img .hd{position: absolute;bottom: 20px;right: 15px;z-index: 1}
.index01 .top_img .hd li{background: #fff;width: 15px;height: 15px;display: block;border-radius: 15px;float: left;margin: 0 5px;cursor: pointer}
.index01 .top_img .hd li.on{background: #0c3d82;}
.index01 .top_img .bd{background: url(../img/bg.png) no-repeat;background-size: 100% 100%;padding: 5px;}
.index01 .top_img .bd li{position: relative;overflow: hidden}
.index01 .top_img .bd li .img_box{height: 470px;}
.index01 .top_img .bd li h2{width: 100%;height: 45px;line-height: 45px;color: #fff;padding: 0 15px;font-size: 18px;background: rgba(0, 0, 0, 0.4);position: absolute;left: 0;bottom: 0}
.index01 .news_list_box{width: 53%}

.index02{margin-top: 60px;position: relative}
.index02 .bd li{height: 110px;}
.index02 .bd li .zt_img{height: 110px;width: 100%}
.index02 .hd{position: absolute;bottom: 5px;right: 15px;z-index: 1}
.index02 .hd li{background: #fff;width: 10px;height: 10px;display: block;border-radius: 10px;float: left;margin: 0 5px;cursor: pointer}
.index02 .hd li.on{background: #0c3d82;}

.index03{margin-top: 60px;}
.index03 .tit_box2{position: relative}
.index03 .tit_box2 h6{font-size: 36px;color: #0c3d82;height: 40px;line-height: 40px;width: 100%;text-align: center;font-weight: bold;}
.index03 .tit_box2:before{content: '';background: url(../img/title1.png) no-repeat center;height: 14px;width: 100%;position: absolute;top:30%;}

.index03 .jwgk_box{margin-top: 40px}
.index03 .jwgk_box .tab_box{width: 64%;}
.index03 .jwgk_box .tab_box .hd{border-bottom: 1px solid #0c3d82;height: 50px;position: relative}
.index03 .jwgk_box .tab_box .hd li{float: left;margin-right: 50px;cursor: pointer}
.index03 .jwgk_box .tab_box .hd li h5{height: 50px;line-height: 50px;font-weight: bold;font-size: 20px;}
.index03 .jwgk_box .tab_box .hd li.on h5{border-bottom: 4px solid #0c3d82;color: #0c3d82}
.index03 .jwgk_box .tab_box .hd .more_box{position: absolute;right: 0;bottom: 0;height: 50px;line-height: 50px;color: #0c3d82}

.index03 .jwgk_box .jbxx{width: 34%}
.index03 .jwgk_box .jbxx h4{width: 100%;height: 70px;line-height: 70px;background: #0c3d82;color: #fff;font-size: 36px;font-weight: bold;text-align: center}
.index03 .jwgk_box .jbxx .jbxx_box{background: #f3f8fe;padding: 20px;}
.index03 .jwgk_box .jbxx .jbxx_box li{width: 48%;float: left;background: #fff;margin-right: 4%;height: 140px;text-align: center;margin-bottom: 20px;line-height: 140px;position: relative;cursor: pointer;transition: all 0.5s}
.index03 .jwgk_box .jbxx .jbxx_box li:nth-child(2n){margin-right: 0}
.index03 .jwgk_box .jbxx .jbxx_box li:nth-child(3){margin-bottom: 0}
.index03 .jwgk_box .jbxx .jbxx_box li:nth-child(4){margin-bottom: 0}
.index03 .jwgk_box .jbxx .jbxx_box li .icon_box{width: 30%;display: inline-block}
.index03 .jwgk_box .jbxx .jbxx_box li p{position: absolute;bottom: 0;left: 0;width: 100%;height: 55px;line-height: 55px;text-align: center;font-size: 18px;color: #333}
.index03 .jwgk_box .jbxx .jbxx_box li:hover{box-shadow: 5px 5px 10px #9b9b9b;}
.index03 .jwgk_box .jbxx .jbxx_box li:hover .icon_box{animation: rotateImg 1s linear infinite;}



.index04{width: 100%;background: url(../img/bg1.jpg) no-repeat;padding: 40px 0 50px}
.index04 .tit_box3{position: relative}
.index04 .tit_box3 h6{font-size: 36px;color: #fff;height:60px;line-height: 60px;width: 100%;text-align: center;font-weight: bold;position: relative;z-index: 1}
.index04 .tit_box3:before{content: '';background: url(../img/title2.png) no-repeat center;height: 60px;width: 100%;position: absolute;left: 0;top:0;z-index: 0}
.index04 .btn_box{margin-top: 50px}
.index04 .btn_box li{float: left;width: 15%;background: #fff;margin-right: 2%;height: 130px;text-align: center;line-height: 130px;position: relative;border-radius: 10px;cursor: pointer}
.index04 .btn_box li:nth-child(6){margin-right: 0}
.index04 .btn_box li .img_box{display: inline-block}
.index04 .btn_box li p{position: absolute;bottom: 0;left: 0;width: 100%;height: 55px;line-height: 55px;text-align: center;font-size: 18px;color: #333}
.index04 .btn_box li:hover{border: 2px solid #0c3d82;box-shadow: 5px 5px 10px #9b9b9b;}
.index04 .btn_box li:hover img{animation: rotateImg 1s linear infinite;}


.index05{width: 100%;padding: 30px 0 50px}
.index05 .tit_box3{position: relative;}
.index05 .tit_box3 h6{font-size: 36px;color: #0c3d82;height:60px;line-height: 60px;width: 100%;text-align: center;font-weight: bold;position: relative;z-index: 1}
.index05 .tit_box3:before{content: '';background: url(../img/title1.png) no-repeat center;height: 60px;width: 100%;position: absolute;left: 0;top:0;z-index: 0}
.index05 .item_box{}
.index05 .item_box .item{width: 31.33%;margin-right: 3%;}
.index05 .item_box .item:nth-child(3){margin-right: 0}
.index05 .item_box .item .tit_box{height: 50px}
.index05 .item_box .item .news_list h3{width: 100%}
.index05 .item_box .item .more_box:hover a{color: #0c3d82}


.index06{margin-bottom: 60px}
.index06 .box_bottom .tit_box4{}
.index06 .box_bottom .tit_box4 h6{color: #0c3d82;width: 100%;height: 30px;line-height: 30px;font-size: 22px;text-align: center;position: relative}
.index06 .box_bottom .tit_box4 h6:before{content:'';width: 80px;height: 2px;background: #0d3c82;position: absolute;left: 50%;margin-left: -180px;top:12px;}
.index06 .box_bottom .tit_box4 h6:after{content:'';width: 80px;height: 2px;background: #0d3c82;position: absolute;right: 50%;margin-right: -180px;top:12px;}
.index06 .box_bottom .site_box{width: 63%;}
.index06 .box_bottom .site_box ul{background: #f3f8fe;padding: 20px 20px 0 20px;margin-top: 30px;}
.index06 .box_bottom .site_box li{float: left;width: 31.33%;margin-right: 3%;text-align: center;margin-bottom: 20px;height: 50px;line-height: 50px;background: #fff;cursor: pointer;transition: all 0.5s}
.index06 .box_bottom .site_box li:nth-child(3n){margin-right: 0}
.index06 .box_bottom .code_box{width: 33%}
.index06 .box_bottom .code_box ul{margin-top: 30px;}
.index06 .box_bottom .code_box li{float: left;width: 29.33%;margin-right: 6%;text-align: center;height: 100px;}
.index06 .box_bottom .code_box li:nth-child(3n){margin-right: 0}
.index06 .box_bottom .code_box li .img_box{height: 130px;background: #f3f8fe;padding: 7px}
.index06 .box_bottom .code_box li p{height: 30px;line-height: 30px}

.index06 .box_bottom .site_box li:hover{background: #0c3d82}
.index06 .box_bottom .site_box li:hover a{color: #fff}


.footer{background: #0d3c82;}
.foot{padding: 30px 0}
.foot h5{font-size: 20px;font-weight: bold;color: #fff;float: left;}
.foot ul{float: left;width: 93%}
.foot li{float: left;}
.foot li a{color: #fff;display: block;padding: 0 10px;position: relative;display: flex;justify-content: space-around;}
.foot li a img{display:none;}
.foot li a:hover img{display: block;width: 100px;height: auto;position: absolute;top: 30px;z-index: 1;}
.footer .bq{width: 100%;padding-bottom: 20px}
.footer .bq p,.footer .bq span,.footer .bq a{color: #fff;height: 40px;line-height: 40px;text-align: center}

#gg3 span,#gg4 span,#gg5 span{position:absolute;left:5px;top:5px;cursor:pointer;color:#fff;}

@media screen and (max-width:1680px) {
	.wd{width: 1400px;}

}
@media screen and (max-width:1600px) {
}
@media screen and (max-width:1440px) {
	.wd{width: 1300px;}
	.p90{padding: 0 45px}
	.foot li a{padding: 0 8px}

}
@media screen and (max-width:1366px) {
	.wd{width:1200px;}
	.foot li a{padding: 0 5px}
}
@media screen and (max-width:1280px) {
	.wd{width: 1200px}
	.p100{padding: 0 10px}

}
@media screen and (max-width:1176px) {
	.wd{width: 1100px}
	.foot ul{width: 90%}
}
@media screen and (max-width:1152px) {
}
@media screen and (max-width:1024px) {
	.topnav{display: block}
	.wd{width:100%;}
	.p90{padding: 0 10px}
	#header .menua{display: block}

	.head{height: auto}
	.head .sybanner{height: auto}
	.head_box .head_top,.navcont{display: none}
	.head_box .logo{top: 10px;left: 10px;height: 60px;width:50%;}
	.head_box .logo img{object-fit: contain;}

	.main{padding: 0 10px;}
	.top_news_box{padding-top: 30px}
	.top_news_box h2{font-size: 22px;line-height:normal;height:auto;margin-bottom: 10px}

	.index01,.index02,.index03,.index04,.index04 .btn_box{margin-top: 30px;}

	.index01 .top_img{width: 100%;height: auto;margin-bottom: 20px}
	.index01 .top_img .hd{display: none}
	.index01 .top_img .bd li .img_box{height: auto}
	.index01 .news_list_box{width: 100%}

	.index02 .hd{display: none}
	.index02 .bd li{height: auto}
	.index02 .bd li .zt_img{height: auto;}

	.index03 .jwgk_box .tab_box{width: 100%;margin-bottom: 20px}
	.index03 .jwgk_box .tab_box .hd li{margin-right: 10px}
	.index03 .jwgk_box .tab_box .hd li h5{font-size: 18px;}
	.index03 .jwgk_box .jbxx{width: 100%}

	.index04{background: none;padding:0 10px;}
	.index04 .btn_box li{width: 31.33%;margin-right: 3%}
	.index04 .btn_box li:nth-child(3n){margin-right: 0;}
	.index04 .btn_box li p{font-size: 16px;}

	.index05{padding: 0 10px;}
	.index05 .item_box .item{width: 100%;margin-bottom: 10px}

	.index06{margin-bottom: 80px;margin-top: 30px;padding: 0 10px}
	.index06 .box_bottom .site_box{width: 100%;margin-bottom: 30px}
	.index06 .box_bottom .site_box li{width: 49%;margin-right: 2%}
	.index06 .box_bottom .site_box li:nth-child(2n){margin-right: 0}
	.index06 .box_bottom .site_box li:nth-child(3){margin-right: 2%}
	.index06 .box_bottom .code_box{width: 100%}

	.footer{padding: 0 10px}
	.foot ul{width: 100%}
	.foot h5{width: 100%;margin-bottom: 20px}
	.foot li{width: 49%;margin-right: 2%;margin-bottom: 10px}
	.foot li:nth-child(2n){margin-right: 0}

	.footer .bq p, .footer .bq span, .footer .bq a{line-height: 2;height: auto;text-align: left}
	
	
    #gg3,#gg4,#gg5{display:none;}


}
@media screen and (max-width:900px) {
}
@media screen and (max-width:700px) {
}
@media screen and (max-width:500px) {
}
@media screen and (max-width:414px) {
}
@media screen and (max-width:375px) {
}
@media screen and (max-width:320px) {
	
}