@media (max-width: 1399px) and (min-width: 720px){
	.page-container { width: 100%;}
	.page-container.flex-sty1 { flex-direction: column-reverse;}
	.pagenav-div { display: none;}
	.pagehead { height: 200px; background-size: 120%;}
	.page-logo { margin: 0px auto;}
	.pagehead-menu { margin-right: 20px;}
	.page-rdiv { display: none;}
	.page-ldiv { margin-right: 0px;}
	.pageimg-list ul li { width: 50%;}
	.pageimg-list ul li a img { height: 180px;}
    div.burger { display: block; z-index: 99999;}
	.sitehead1 .sitehead-menu { display: none !important;}
	.sitehead2 .sitehead-menu { display: block; margin: 5px 0px auto auto; left: auto; right: 0px;}
	.sitehead2 .sitehead-menu ul { float: right;}
	.sitehead2 .sitehead-menu ul:last-child { display: none;}
	.sitehead2 .sitehead-menu .search { display: none;}
	div.menu { top: 80px;display: block; z-index: -9;}
        .menu.zindex { z-index: 100002;}
	.p2bt-div-row { width: 100%;}
	
	.sitenav { display: none;}
	.sitehead1 .sitelogo {margin-top: 30px;}
	.p1bj1,.p1bj2,.p1bj3 { background-size: auto;}
	.p2bt-div,.p5-bt,.p6-btdiv { background: none; height: 45px;}
	.p1-con video { max-width: max-content;}
	.section { background-color: #002248; height: 68vh;}
	div.circle.expand { width: 1800px; height: 1800px;}
	.p2-con { margin-top: 0px; padding-bottom: 50px;}
	.p2con-div1 { width: 100%; height: auto; overflow: hidden; box-sizing: border-box; padding: 0px 20px}
	.p2con-div1 ul li img { width: 100% !important; height: 100%;}
	.slideTxtBox4 { width: 100%;}
	.p2con-div1 ul li:nth-child(1), .p2con-div1 ul li.pic1 { width: 58%; box-sizing: border-box; margin-right: 2%;}
	.p2con-div1 ul li:nth-child(2), .p2con-div1 ul li.pic2 { width: 40%; margin-left: 0px;}
	.p2con-div1 ul li:nth-child(3), .p2con-div1 ul li.pic3 { width: 40%; margin-left: 0px; margin-top: 20px;}
	.p2con-div2 { width: 100%;}
	.p2-2-con { padding-bottom: 80px;}
	.p2con-div3 { width: 100%; box-sizing: border-box; padding: 0px 20px;}
	.p2news-con ul li { width: 100%; }
	.p3videobj { display: none;}
	.p3-div1 { margin: 0px; width: 100%; height: auto;}
	.p3-btdiv { width: 100%; height: auto; margin-bottom:0px; padding: 20px 0px;}
	.p3-btdiv span { color: #002147;}
	.p3-btdiv ul { justify-content: space-evenly; margin-top: 20px;}
	.p3-btdiv ul li { font-size: 20px; color: #686d79;}
	.p3-btdiv ul li.now { font-size: 24px; color: #002147; font-weight: bold;}
	.p3-newsdiv { flex-direction: column;}
	.slideTxtBox, .slideTxtBox2 { width: 100%; height: auto;}
	.p3-newslist { height: auto; background-color: #ffffff;}
	.p3-newslist ul li { width: 100%; height: auto; padding: 15px;}
	.p3-newslist ul li img { width: 60%;}
	.p3-newsbnt { display: block; width: 100%; height: 20px;}
	.p3-newsbnt .arrow { display: none;}
	.slideTxtBox .hd ul { display: block; float: none; left: 0; text-align: center; width: 100%; height: auto;}
	.slideTxtBox .hd ul li { float: none; display: inline-block; background-color: #dedede;}
	.slideTxtBox .hd ul li.on { background: #002147;}
	.p4-con { background-position: center 140px;}
	.p4-bt { width: 100%; background: none; height: 45px; margin: 46px 0px 105px 0px;}
	.p4-div { width: 100%; height: auto; padding: 0px 20px; box-sizing: border-box; margin-bottom: 40px;}
	.slideTxtBox5 { width: 100%;}
	.xuey-list ul li { width: 50%;}
	.slideTxtBox3 { width: 100%;}
	.slideTxtBox3 .bd { width: 100%; height: auto;}
	.p4-ldiv { width: 100%; height: auto;}
	.p4-ldiv img { width: 100%; height: auto;}
	.p4-rdiv { width: 100%; height: auto; margin-left: 0px;}
	.p4-rdiv ul { width: auto; height: auto; margin-top: 20px;}
	.p4-rdiv ul li a { height: 200px;}
	.p4-rdiv ul li a img { width: 100%; height: 200px; display: block;}
	.p4-rdiv div:nth-child(2) { width: 100%; height: auto; margin-left: 0px; margin-top: 20px;}
	.p4-rdiv div:nth-child(3) { width: 100%; height: auto; margin-top: 20px;}
	.p4-rdiv div:nth-child(4) { width: 100%; height: auto; margin-left: 0px; margin-top: 20px;}
	.p4-rdiv div img { display: block; width: 100%; height: auto;}
        .p4-rdiv div:nth-child(3) img { width: 100%; height: 305px;}
	.slideTxtBox3 .hd ul li.on { background-color: #002147;}
	.p5-div { width: 720px; height: 295px; box-sizing: border-box; padding: 0px; margin: 83px auto auto -240px;}
	.p5-tu { width: 60%;}
	.p5-wen { padding: 20px;}
	.footvideobj { display: none;}
	.enfoot { position: initial; margin: 0px; height: auto; padding: 0px 20px;}
	.sitefoot-txt { margin-bottom: 40px; margin-top: 20px}
	.sitefoot-txt h1 { font-size: 36px; line-height: 42px;}
	.foot-con1 img { margin-right: 0px; width: 45%; height: auto;}
	.foot-div1 { position: inherit; margin-top: 0px; flex-direction: column; margin-bottom: 20px;}
	.foot-con1 { margin: 0px; display: flex; flex-direction: column; align-items: center;}
	.foot-con1 ul { border: none; padding: 0; margin-top: 20px;}
	.foot-div2 { position: inherit; margin-top: 0px; width: 100%; height: auto;}
	.siteinfo { line-height: 26px; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
	.foot-con2 { margin: 20px 0 20px 0; display: none;}
	.foot-con2 ul { display: flex; flex-direction: row; justify-content: center;}
	.foot-con2 ul li { margin: 0px 8px;}
	.foot-con2 ul li a { width: 50px; height: 50px;}
	.gotop { display: none;}
}
@media (max-width: 719px) {
	.section { height: 22vh;}
	.h-screen { height: auto !important;}
	.scroll-hint { display: none;}
	#prevBtn,#nextBtn { z-index: 100000;}
	div.circle.expand { z-index: 100001;}
	div.menu { top: 60px;display: block; z-index: -9;}
        .menu.zindex { z-index: 100002;}
	div.menu li p a { word-break: keep-all;}
	.h-full { height: auto !important;}
    div.burger { display: block; z-index: 100003;}
	.p2bt-div-link { font-size: 14px; margin-top: 6px;}
	.sitehead1 .sitehead-menu { display: none !important;}
	.sitehead2 .sitehead-menu { margin: 5px 0px auto auto; left: auto; right: 0;}
	.sitehead2 .sitehead-menu ul { float: right;}
	.sitehead2 .sitehead-menu ul:last-child { display: none;}
	.sitehead2 .sitehead-menu .search { display: none;}
	.sitenav { display: none;}
	.space-x-2 button { display: none;}
	.sitehead1 .sitelogo { margin-top: 20px; display: none;}
	.sitehead2 { height: 70px;}
	.sitehead2 .sitelogo { width: 40%; margin-top: 30px;}
	.p1bj1,.p1bj2,.p1bj3 { background-size: 100% 100%;}
	.p2bt-div,.p5-bt,.p6-btdiv { background: none; height: 45px;}
	.p2bt-div span,.p5-bt span,.p6-btdiv span { font-size: 26px;margin-top: 0;}
	.p4-bt span { font-size: 26px; margin-top: 0px;}
	.p1-con video { max-width: 100%;}
	.p1-con .vidbacking-active-body-back { width: 100% !important; height: auto !important;}
	.p2-con { margin-top: 0px; padding-bottom: 30px;}
	.slideTxtBox4 { width: 100% !important; height: 220px !important; margin: 10px 0px 0px 0px !important;}
	.p2con-div1 { width: 100%; height: auto; overflow: hidden; box-sizing: border-box; padding: 0px 20px}
	.p2con-div1 ul li { margin-top: 10px !important; width: 100% !important; height: auto !important; margin: 10px 0px 0px 0px !important;}
	.p2con-div1 ul li:nth-child(1) { width: 100%; height: auto;}
	.p2con-div1 ul li img { width: 100% !important; height: 220px !important;}
	.p2con-div1 ul li:nth-child(2),.p2con-div1 ul li:nth-child(3) { width: 100%; height: auto; margin: 0px;}
	.p2con-div2 { width: 100%; overflow: hidden;}
	.p2-newslist { height: auto; overflow: hidden;}
	.p2-newslist ul { padding: 0px 20px;}
	.p2-newslist ul li { width: 100%; border-right: none; border-top: #e0e0e0 solid 1px;}
	.p2-2-con { padding-bottom: 40px; margin-top: 0px;}
	.p2con-div3 { width: 100%; margin-top: 15px;}
	.p2-newslist2 { height: auto;}
	.p2-newslist2 ul { margin: 0px 10px;}
	.p2-newslist2 ul li { width: 100%; height: auto; margin-bottom: 15px;}
	.p3videobj { display: none;}
	.p3-div1 { margin: 0px; width: 100%; height: auto;}
	.p3-btdiv { width: 100%; height: auto; margin-bottom:0px; padding: 20px 0px;}
	.p3-btdiv span { color: #002147; font-size: 26px; margin: 0;}
	.p3-newsdiv { flex-direction: column;}
	.slideTxtBox, .slideTxtBox2 { width: 100%; height: auto;}
	.p3-newslist { height: auto; background: none;}
	.p3-newslist ul li { width: 100%; height: auto; padding: 15px; flex-direction: column;}
	.p3-newsbnt { display: block; width: 100%; height: 20px;}
	.p3-newsbnt .arrow { display: none;}
	.slideTxtBox .hd ul { display: block; float: none; left: 0; text-align: center; width: 100%; height: auto;}
	.slideTxtBox .hd ul li { float: none; display: inline-block; background-color: #dedede;}
	.slideTxtBox .hd ul li.on { background: #002147;}
	.p3-newslist ul li img { width: 100%; height: 200px;}
	.p3-newslist ul li div { padding: 20px 10px 0px 10px;}
	.p4-con { background-position: center 100px;}
	.p4-bt { width: 100%; background: none; height: 45px; margin: 46px 0px 65px 0px;}
	.p4-div { width: 100%; height: auto; padding: 0px 20px; box-sizing: border-box; margin-bottom: 30px;}
	.slideTxtBox5 { width: 100%;}
	.xuey-list ul li { width: 100%;}
	.slideTxtBox3 { width: 100%;}
	.slideTxtBox3 .bd { width: 100%; height: auto;}
	.p4-ldiv { width: 100%; height: auto;}
        .p4-ldiv img { height: 235px; width: 100%;}
	.p4-rdiv { width: 100%; height: auto; margin-left: 0px;}
	.p4-rdiv ul { width: auto; height: auto; margin-top: 20px;}
	.p4-rdiv ul li a img { width: 100%; height: 115px; display: block;}
	.p4-rdiv div:nth-child(2) { width: 100%; height: auto; margin-left: 0px; margin-top: 20px;}
	.p4-rdiv div:nth-child(3) { width: 100%; height: auto; margin-top: 20px;}
	.p4-rdiv div:nth-child(4) { width: 100%; height: auto; margin-left: 0px; margin-top: 20px;}
	.p4-rdiv div img { display: block; width: 100%; height: auto;}
        .p4-rdiv div:nth-child(3) img { width: 100%; height: 126px;}
	.slideTxtBox3 .hd ul li.on { background-color: #002147;}
	.p5-div { width: 100%; height: auto; box-sizing: border-box; padding: 0px 20px 20px 20px; left: 0; margin: 0px; background: none;}
	.p5-con { height: auto; background-color: #f0f0f0; background-image: none; margin-top: 20px;}
	.p5-tuw { flex-direction: column; }
	.p5-tu { width: 100%; height: auto; margin-top: 20px}
	.p5-tu img { height: 220px;}
	.p5-wen { padding: 20px;}
	.footvideobj { display: none;}
	.enfoot { position: initial; margin: 0px; height: auto; padding: 0px 20px;}
	.sitefoot-txt { margin-bottom: 40px; margin-top: 20px}
	.sitefoot-txt h1 { font-size: 36px; line-height: 42px;}
	.foot-con1 img { margin-right: 0px; width: 45%; height: auto;}
	.foot-div1 { position: inherit; margin-top: 0px; flex-direction: column; margin-bottom: 20px;}
	.foot-con1 { margin: 0px; display: flex; flex-direction: column; align-items: center;}
	.foot-con1 ul { border: none; padding: 0; margin-top: 20px;}
	.foot-div2 { position: inherit; margin-top: 0px; width: 100%; height: auto;}
	.siteinfo { line-height: 26px; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
	.foot-con2 { margin: 20px 0 20px 0; display: none;}
	.foot-con2 ul { display: flex; flex-direction: row; justify-content: center;}
	.foot-con2 ul li { margin: 0px 8px;}
	.foot-con2 ul li a { width: 50px; height: 50px;}
	.gotop { display: none;}
	
	.pagehead { height: 170px; background-size: 220%;}
	.page-container { width: 100%;}
	.flex-sty1 { flex-direction: column; justify-content: flex-start; align-items: center;}
	.page-nav { display: none;}
	.page-rdiv { display: none;}
	.page-ldiv { width: 100%; margin: 0px; flex: auto;}
	.pagesty1 { padding: 15px; margin-top: 0px;}
	.pagefoot-div1 { flex-direction: column; justify-content: flex-start; margin: 30px 20px 0px 20px;}
	.pagefoot-div1 .foot-con1 { margin: 0 0 20px 0; display: flex; flex-direction: column; align-items: center;}
	.pagefoot-div1 .foot-con2 { margin: 20px 0 20px 0; display: none;}
	.pagefoot-div1 .foot-con2 ul { display: flex; flex-direction: row; justify-content: center;}
	.pagefoot-div1 .foot-con2 ul li { margin: 0px 8px;}
	.pagefoot-div2 { height: auto; margin: 0px 20px;}
	.pagefoot-div2 .siteinfo, .pagefoot-div2 .gotop { line-height: 26px; margin-top: 10px;}
	.pagefoot-div2 .gotop { position: absolute; text-indent: -126px; width: 30px; height: 30px; border: #ffffff solid 1px; border-radius: 30px; color: #ffffff; line-height: 22px; right: 0px; overflow: hidden; font-size: 30px; bottom: 0px; margin: auto 5px 15px auto;}
	.ld ul { width: 100%;}
	.ld ul li { font-size: 16px; height: 80px;}
	.ld ul li:nth-child(odd) { width: 69.5%;}
	.ld ul li:nth-child(even) { width: 30%;}
	.pagenews-list ul li { padding: 20px 0px;}
	.pagenews-list ul li a img { width: 100%; margin: 0px; height: 200px;float: none; }
	.pagenews-list ul li a h1 { width: 100%; line-height: 30px; margin-top: 10px;}
	.pagenews-list ul li a p { height: auto; max-height: 46px;}
    .p2bt-div-row {  width: 100%; }
	.page-conbt p { line-height: 22px; padding: 10px 0px;}
	.pageimg-list ul { margin: 0px -5px;}
	.pageimg-list ul li { width: 50%; padding: 0px 5px;}
	.pageimg-list ul li a img { height: 120px;}
	.pagenews-list ul { margin: 0;}
}