﻿@media (max-width: 1399px) and (min-width: 720px){
    div.burger { display: block; z-index: 99999;}
	.sitehead1 .sitehead-menu { display: none !important;}
	.sitehead2 .sitehead-menu { display: block; margin: 5px 0px auto auto;}
	.sitehead2 .sitehead-menu ul { float: right;}
	.sitehead2 .sitehead-menu ul:last-child { display: none;}
	.menu.zindex { z-index: 100002;}
	div.menu { top: 80px;}
	.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%;}
	.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%;}
	.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;}
	.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;}
	.p3-newslist ul li { width: 100%; height: auto; padding: 15px;}
	.p3-newsbnt { display: none;}
	.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;}
	.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;}
	.slideTxtBox3 .hd ul li.on { background-color: #002147;}
	.p5-div { width: auto; height: auto; box-sizing: border-box; padding: 0px 20px;}
	.p5-ldiv { width: 100%; height: auto;}
	.p5-rdiv { width: 100%; height: auto; margin-left: 0px;}
	.p5-ldiv ul li:nth-child(1) { width: 55%; height: auto;}
	.p5-ldiv ul li:nth-child(1) img { width: 100%; height: 600px;}
	.p5-ldiv ul li:nth-child(2),.p5-ldiv ul li:nth-child(3),.p5-ldiv ul li:nth-child(4) { width: 42%; height: 186px; margin-left: 3%;}
	.p5-ldiv ul li:nth-child(2) img,.p5-ldiv ul li:nth-child(3) img,.p5-ldiv ul li:nth-child(4) img { height: 186px;}
	.p5-ldiv ul li a span { font-size: 13px; height: 30px; margin-top: -30px; line-height: 30px; text-indent: 10px;}
	.p5-rdiv ul { margin: 0px -5px;}
	.p5-rdiv ul li { width: 50%; box-sizing: border-box; padding: 0px 5px; background: none;}
	.p5-rdiv ul li a span { font-size: 13px; height: 30px; margin-top: -30px; line-height: 30px; text-indent: 10px;}
	.p5-rdiv ul li:nth-child(1) { height: 220px; margin-top: 20px;}
	.p5-rdiv ul li:nth-child(2) { height: 220px;}
	.p5-rdiv ul li:nth-child(1) img,.p5-rdiv ul li:nth-child(2) img { display: block; width: 100%; height: 220px;}
	.p5-btdiv ul li { padding: 0px 10px; margin: 0px 10px;}
	.p6videobj { display: none;}
	.p6-con { align-items: flex-start;}
	.p6div1 { position: relative; height: auto;}
	.p6-btdiv { margin-top: 20px;}
	.p6-btdiv span { margin-top: 0px;}
	.p6-condiv { width: 100%; height: auto;}
	.xinxi_solution_main { display: none;}
	.hzjl-mob { display: block; margin: 0px 20px;}
	.hzjl-mob ul { padding: 0px; margin: 0px -5px;}
	.hzjl-mob ul li { width: 50%; float: left; box-sizing: border-box; padding: 0px 5px; margin-bottom: 10px}
	.hzjl-mob ul li:first-child { width: 100%;}
	.hzjl-mob ul li a { display: flex; width: 100%; height: 100px; flex-direction: row; justify-content: center; align-items: center;}
	.hzjl-mob ul li a img { display: block; margin-right: 20px;}
	.hzjl-mob ul li a i { font-size: 20px; color: #ffffff; font-style: normal;}
	.hzjl-mob ul li:nth-child(1) a { background-color: #223f60;}
	.hzjl-mob ul li:nth-child(2) a { background-color: #325494;}
	.hzjl-mob ul li:nth-child(3) a { background-color: #227cc0;}
	.hzjl-mob ul li:nth-child(4) a { background-color: #22aeb7;}
	.hzjl-mob ul li:nth-child(5) a { background-color: #45bea6;}
	.p7-con { display: none;}
	.ztzl-div { display: none;}
	.footvideobj { display: none;}
	.foot-link { position: inherit; margin: 0px;}
	.foot-link div { display: none;}
	.foot-link ul { margin: 0px 15px 50px 15px;}
	.foot-link ul li { width: 25%; float: left; margin: 15px 0 0 0;}
	.foot-link ul li a { display: flex; flex-direction: column; align-items: center;}
	.foot-div1 { position: inherit; margin-top: 0px; flex-direction: column;}
	.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%;}
	.foot-con2 { margin: 20px 0 20px 0; }
	.foot-con2 ul { display: flex; flex-direction: row; justify-content: center;}
	.foot-con2 ul li { margin: 0px 8px;}
}
@media (max-width: 719px) {
	.section { height: 27vh;}
	.h-screen { height: auto !important;}
	.scroll-hint { display: none;}
	#prevBtn,#nextBtn { z-index: 100000;}
	div.circle.expand { z-index: 100001;}
	.menu.zindex { z-index: 100002;}
	div.menu { top: 60px;}
	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 { /* display: block; */ margin: 5px 0px auto auto;}
	.sitehead2 .sitehead-menu ul { float: right;}
	.sitehead2 .sitehead-menu ul:last-child { 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: 50px;}
	.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;}
	.p2con-div1 ul li:nth-child(2),.p2con-div1 ul li:nth-child(3) { width: 100%; height: auto; margin: 0px;}
	.p2con-div2 { width: 100%;}
	ul#test1 { display: flex; overflow-x: auto;}
	.p2news-tab ul li { margin: 0px 10px; flex-shrink: 0; line-height: 36px;}
	.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;}
	.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;}
	.p3-newslist ul li { width: 100%; height: auto; padding: 15px;}
	.p3-newsbnt { display: none;}
	.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: 0px;}
	.slideTxtBox3 { width: 100%;}
	.slideTxtBox3 .bd { width: 100%; height: auto;}
	.p4-ldiv { 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 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;}
	.slideTxtBox3 .hd ul li.on { background-color: #002147;}
	.p5-div { width: auto; height: auto; box-sizing: border-box; padding: 0px 20px;}
	.p5-ldiv { width: 100%; height: auto;}
	.p5-rdiv { width: 100%; height: auto; margin-left: 0px;}
	.p5-ldiv ul li:nth-child(1) { width: 50%; height: auto;}
	.p5-ldiv ul li:nth-child(2),.p5-ldiv ul li:nth-child(3),.p5-ldiv ul li:nth-child(4) { width: 48.3%; height: 101px; margin-left: 1.7%;}
	.p5-ldiv ul li:nth-child(2) img,.p5-ldiv ul li:nth-child(3) img,.p5-ldiv ul li:nth-child(4) img { height: 101px;}
	.p5-ldiv ul li a span { font-size: 13px; height: 30px; margin-top: -30px; line-height: 30px; text-indent: 10px;}
	.p5-rdiv ul { margin: 0px -5px;}
	.p5-rdiv ul li { width: 50%; box-sizing: border-box; padding: 0px 5px; background: none;}
	.p5-rdiv ul li a span { font-size: 13px; height: 30px; margin-top: -30px; line-height: 30px; text-indent: 10px;}
	.p5-rdiv ul li:nth-child(1) { height: 130px; margin-top: 20px;}
	.p5-rdiv ul li:nth-child(2) { height: 130px;}
	.p5-ldiv ul li:nth-child(3) { margin-top: 1px;}
	.p5-ldiv ul li:nth-child(4) { margin-top: 1px;}
	.p5-rdiv ul li:nth-child(1) img,.p5-rdiv ul li:nth-child(2) img { display: block; width: 100%; height: 130px;}
	.p5-ldiv ul li a img { height: 305px;}
	.p5-btdiv { margin: 20px 0px 40px 0px;}
	.p5-btdiv ul { display: flex; flex-direction: row;}
	.p5-btdiv ul li { padding: 0px 10px; margin: 0px 10px; word-break: keep-all; font-size: 18px;}
	.p5-btdiv ul li.now { font-size: 20px;}
	.p6videobj { display: none;}
	.p6-con { display: none !important;}
	.p6-con { align-items: flex-start;}
	.p6div1 { position: relative; height: auto;}
	.p6-btdiv { margin-top: 20px;}
	.p6-btdiv span { margin-top: 0px;}
	.p6-condiv { width: 100%; height: auto;}
	.xinxi_solution_main { display: none;}
	.hzjl-mob { display: block; margin: 0px 20px;}
	.hzjl-mob ul { padding: 0px; margin: 0px -5px;}
	.hzjl-mob ul li { width: 50%; float: left; box-sizing: border-box; padding: 0px 5px; margin-bottom: 10px}
	.hzjl-mob ul li:first-child { width: 100%;}
	.hzjl-mob ul li a { display: flex; width: 100%; height: 100px; flex-direction: row; justify-content: center; align-items: center;}
	.hzjl-mob ul li a img { display: block; margin-right: 20px;}
	.hzjl-mob ul li a i { font-size: 20px; color: #ffffff; font-style: normal;}
	.hzjl-mob ul li:nth-child(1) a { background-color: #223f60;}
	.hzjl-mob ul li:nth-child(2) a { background-color: #325494;}
	.hzjl-mob ul li:nth-child(3) a { background-color: #227cc0;}
	.hzjl-mob ul li:nth-child(4) a { background-color: #22aeb7;}
	.hzjl-mob ul li:nth-child(5) a { background-color: #45bea6;}
	.p7-con { display: none;}
	.ztzl-div { display: none;}
	.footvideobj { display: none;}
	.foot-link { position: inherit; margin: 0px;}
	.foot-link div { display: none;}
	.foot-link ul { margin: 20px 30px 30px 30px;}
	.foot-link ul li { width: 25%; float: left; margin: 15px 0 0 0;}
	.foot-link ul li a { display: flex; flex-direction: column; align-items: center;}
	.foot-link ul li a span { width: 50px; height: 50px; background-size: 100%;}
	.foot-link ul li a p { font-size: 14px;}
	.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 0px 0px 0px;}
	.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;}
	.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;}
}