@charset "utf-8";
a, img { vertical-align: top; }
.container { width: 76%; margin: auto; max-width:1200px; }
@media(max-width: 1600px){
	.container { width: 80%; }
}
@media(max-width: 1300px){
	.container { width: 90%; }
}
@media(max-width: 1100px){
	.container { width: 94%; }
}

/*字体*/
.marginT10 { margin-top:10px; }
.marginT15 { margin-top:15px; }
.marginT20 { margin-top:20px; }
.marginT30 { margin-top:30px; }
.marginT40 { margin-top:40px; }
.marginT60 { margin-top:60px; }
.colorBlue { color:#2B378E; }
.colorBlack { color:#000; }
.lh18 { line-height:1.8!important; }
.color1 { color:#111; }
.color2 { color:#222; }
.color3 { color:#333; }
.color4 { color:#444; }
.color5 { color:#555; }
.color6 { color:#666; }
.color7 { color:#777; }
.color8 { color:#888; }
.color9 { color:#999; }
.colorYellow { color:#FFA100; }
.colorBlack { color:#000; }
.font55 { font-size:55px; line-height: 1.2; }
.font50 { font-size:50px; line-height: 1.2; }
.font72 { font-size:72px; line-height: 1.2; }
.font40 { font-size:40px; line-height: 1.2; }
.font42 { font-size:42px; line-height: 1.2; }
.font76 { font-size:76px; line-height: 1.2; }
.font26 { font-size:26px; line-height: 1.2; }
.font36 { font-size:36px; line-height: 1.2; }
.font24 { font-size:24px; line-height: 1.2; }
.font32 { font-size:32px; line-height: 1.2; }
.font22 { font-size:22px; line-height: 1.2; }
.font21 { font-size:21px; line-height: 1.2; }
.font20 { font-size:20px; line-height: 1.2; }
.font18 { font-size:18px; line-height: 1.6; }
.font16 { font-size:16px; line-height: 1.6; }
.font15 { font-size:15px; line-height: 1.6; }
.font14 { font-size:14px; line-height: 1.6; }

.opa1 { opacity: 0.1; }
.opa2 { opacity: 0.2; }
.opa3 { opacity: 0.3; }
.opa4 { opacity: 0.4; }
.opa5 { opacity: 0.5; }
.opa6 { opacity: 0.6; }
.opa7 { opacity: 0.7; }
.opa8 { opacity: 0.8; }
.opa9 { opacity: 0.9; }

.bold { font-weight:bold; }
@media(max-width:1900px){
	.marginT40 { margin-top:2vw; }
	.marginT60 { margin-top:3vw; }
	.marginT30 { margin-top:1.6vw; }
	.font55 { font-size: 2.8vw; }
	.font50 { font-size: 2.5vw; }
	.font40 { font-size: 2vw; }
	.font36 { font-size: 1.8vw; }
	.font42 { font-size: 2.1vw; }
	.font72 { font-size: 3.6vw; }
	.font76 { font-size: 3.8vw; }
	.font32 { font-size: 1.6vw; }
	.font24 { font-size: 1.2vw; }
	.font26 { font-size: 1.3vw; }
	.font22 { font-size: 21px; }
	.font21 { font-size: 20px; }
	.font20 { font-size: 19px; }
	.font18 { font-size: 17px; }
}
@media(max-width:1700px){
	.font21 { font-size: 19px; }
	.font22 { font-size: 20px; }
	.font20 { font-size: 18px; }
}
@media(max-width:1500px){
	.font21 { font-size: 18px; }
	.font22 { font-size: 19px; }
	.font18 { font-size: 16px; }
	.font20 { font-size: 17px; }
	.lh18 { line-height:1.6!important; }
}
@media(max-width:1300px){
	.font21 { font-size: 17px; }
	.font20 { font-size: 16px; }
	.font22 { font-size: 18px; }
}
@media(max-width:1100px){
	.marginT40 { margin-top:20px; }
	.marginT36 { margin-top:22px; }
	.marginT30 { margin-top:15px; }
	.marginT60 { margin-top:30px; }
	.font55 { font-size: 24px; }
	.font50 { font-size: 22px; }
	.font76 { font-size: 30px; }
	.font32 { font-size: 18px; }
	.font24 { font-size: 18px; }
	.font26 { font-size: 18px; }
	.font16 { font-size: 14px; }
	.font15 { font-size: 14px; }
	.font21 { font-size: 16px; }
	.font20 { font-size: 15px; }
	.font22 { font-size: 17px; }
	.font18 { font-size: 15px; }
	.font40 { font-size: 22px; }
	.font42 { font-size: 24px; }
	.font72 { font-size: 28px; }
	.font36 { font-size: 22px; }
}
@media(max-width: 600px){
	.marginT20 { margin-top:10px; }
}




.header { position: relative;z-index: 100;position: fixed;left:0;top:0;width: 100%; border-bottom:1px solid rgba(255,255,255,0.3); }
.headerA { max-width: 1200px; margin: 0 auto; }
.header .logo a { transition: all 0.5s; display:inline-block; padding:16px 0; }
.fixed-head .logo a img { transition: all 0.5s; }
.mb { display: none; }

.fixed-head { background: rgba(0,0,0,0.5); }
.fixed-head .logo a { padding: 10px 0; }
.fixed-head .logo a img { height: 46px; }
.nav ul li a { text-transform:uppercase; color:#fff; }

.nav ul li>a:after { transition: all 0.5s; content:''; width:0; height: 2px; background:#fff; position:absolute; left:50%; bottom:0; transform: translateX(-50%); }
.nav ul li.cur>a:after,.nav ul li:hover>a:after { width: 100%; }
.nav ul li.cur a { color:#fff; }
.nav ul li:hover a { color:#fff; background: url(../images/navbg.png) no-repeat left center; }
.fixed-head .nav ul li>a { line-height: 70px; }

@media(max-width:1100px){
	.pc { display: none; }
	.mb { display:block; }
}

.nav ul li { float:left; margin-left:50px; }
.nav ul li a { position: relative; display:block; line-height: 70px; font-size:16px;color:#fff; }
/*.nav ul li.cur>a:after { content:''; width: 6px; height: 6px; background: #fff; position: absolute; left:50%; transform:translateX(-50%); bottom: 10px; border-radius:50%; }*/
@-webkit-keyframes headerFix {
	from {
		-webkit-transform: translateY(-100%);
	}

	to {
		-webkit-transform: translateY(0);
	}
}

@keyframes headerFix {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}
.header .navbtn{
	display: none;
}
.header .navbtn .hg{
	display: none;
}
@media(max-width:1800px){
	.nav ul li { margin-left: 40px; }
}
@media(max-width:1600px){
	.nav ul li { margin-left: 30px; }
	.headerA { padding: 0 50px; }
}
@media(max-width:1300px){
	.nav ul li { margin-left: 25px; }
	.headerA { padding: 0 40px; }
}
@media(max-width:1100px){
	.nav { display:none; }
	.header .logo a { padding: 14px 0; }
	.header .logo a img { height: 24px; }
	.header .yyqh { line-height: 60px; }
	.header .sear { margin-left: 20px; padding: 20px 0 16px; }
	.header .navbtn{ margin-left: 15px; display: block;float: right;width: 35px;margin-top: 5px; position:relative;}
	.headerA { padding: 0 3vw; }
}
.banner .img { position: relative; }
.banner .img .pc { width: 100%; height: 100vh; }
.bannerABtn { z-index: 10; cursor: pointer; position: absolute; right:8%; top:calc(100px + 5%); width: 101px;height: 101px; background: url(../images/vidstart.png) no-repeat center; }
.bannerABtnA:after { content:""; width: 100%; height: 100%; position: absolute; left:0; top:0; background: url(../images/vidbg.png) no-repeat center/cover; }
.bannerABtn:hover .bannerABtnA:after { animation: circleround 5s linear infinite; }
.bannerA { z-index: 5; width: 100%; position: absolute; left:0; top:40%; transform:translateY(-50%); }
.bannerA .mainMore { margin-top:2vw; }
.banner .vid { z-index: 3; min-height: 100%;min-width: 100%;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.banner video { z-index: 3; min-height: 100%;min-width: 100%;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}

.bannerA .mainTit .imgA img { width: 400px; }
.bannerA .mainTit .t1 { padding-left: 2px; }
@keyframes circleround {
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(180deg);
    }
    100% {
      transform: rotate(360deg);
    }
}


.qxgd-xy { z-index: 5; position: absolute; left:0; bottom: 40px; width: 100%; text-align:center; }
.qxgd-xy .qxgd-xyb { text-transform:uppercase; font-size: 16px; }
.qxgd-xy .qxgd-xy-a { margin: 0 auto; height: 24px; background: url(../images/scroll.svg) no-repeat center bottom; width: 24px; }
.qxgd-xy  .qxgd-xy-a {
	-webkit-animation: godown 2s infinite;
	animation: godown 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes godown {
	0% {-webkit-transform: translate(0, 0);opacity: 0;}
	50% {opacity: 1;}
	100% {-webkit-transform: translate(0, 20px);opacity: 0;}
}
@keyframes godown {
	0% {transform: translate(0, 0);opacity: 0;}
	50% {opacity: 1;}
	100% {transform: translate(0, 10px);opacity: 0;}
}



@media(max-width:1600px){
	.bannerABtn { right: 7%; width: 90px; height: 90px; }
	.bannerA .mainTit .imgA img { width: 25vw; }
}
@media(max-width:1300px){
	.bannerABtn { right: 5%; width: 80px; height: 80px; }
}
@media(max-width:1100px){
	.bannerABtn { right: 3%; width: 60px; height: 60px; top:calc(70px + 5%); }
	.bannerA .mainMore { margin-top:20px; }
	.qxgd-xy { bottom: 20px; }
	.bannerA .mainTit .imgA img { width: 55vw; }
}

/*下拉开始*/
.nav ul li { position: relative; }
.nav ul li .xiala{
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: -33px;
    width: calc(200% + 30px);
    height: 0; transition: all 0.5s;
    background: #fff;height: 0; transition:all 0.5s; opacity: 0; z-index: -1;
    /*display: none;*/
}
.nav ul li .xialaA { padding: 36px 36px 0 36px;  }
.nav ul li .xiala .xiala_nr{
    padding-bottom: 14px;
    border-left: 1px solid #ededed;
    padding-left: 20px;
    position: relative;
}


.nav ul li .xiala .xiala_nr .k{
    position: absolute;
    height: 22px;
    width: 3px;
    background: #22a439;
    content: "";
    top: -3px;
    left: -1px;
    transition: all 0.4s;
}

.nav ul li .xiala a{
	padding-left:0; background: none!important;
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 1;
    margin-bottom: 26px;
    transition: all 0.3s;
}
.nav ul li .xiala a.cur{
    color: #22a439;
}
.nav ul li .xiala a:hover { color:#22a439; }
.nav ul li:hover .xiala{
    height: 140px; z-index: 10; opacity: 1;
}
.nav ul li:nth-child(2):hover .xiala{
    height: 140px; 
}


.bannerA .t2,.bannerA .t1,.bannerA .t3 { text-transform:uppercase; }
.bannerA .t2 { margin: 15px 0 5px; }
.bannerA .more { margin-top: 3.5vw; }
.mMoreA { position: relative; overflow: hidden; display:inline-block; transition:all 0.6s; padding:16px 50px; text-transform:uppercase; font-size:16px;color:#0d4545; border-radius:60px; background: #fff; position: relative; }
.mMoreA2 { color:#fff; background: #0d4545; }
.mMoreA i { position: relative; z-index: 5; }
.mMoreA:before { position: absolute; content:''; width: 100%; height: 110%; background: #22a439; top:-5%; left: -108%; transition:all 0.6s; }
.mMoreA:hover:before { left:0; }
.mMoreA:hover { color:#fff; }
.banner .swiper-pagination { width: 84%!important; left: 50%!important; transform:translateX(-50%); text-align:left; bottom: 3.5vw!important; }
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 30px 0 12px!important; width: 8px; height: 8px; background: #fff; position: relative; opacity: 1; }
.banner .swiper-pagination .swiper-pagination-bullet:before { width: 0; height: 0; content:''; border-radius:50px; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); border:1px solid #fff; transition:all 0.6s; }
.banner .swiper-pagination .swiper-pagination-bullet-active:before { width: 26px; height: 26px; }
.banner .img .mb img {
    transform: scale(1.05);
     transition: all 2s;
}
.banner .img .pc {
    transform: scale(1.05);
     transition: all 2s;
}
.banner .swiper-slide { overflow: hidden; }
.banner .swiper-slide-active .img .mb img{
    transform: scale(1);
}
.banner .swiper-slide-active .img .pc{
    transform: scale(1);
}
@media(max-width:1600px){
	.banner .swiper-pagination { width: 86%!important; }
}
@media(max-width:1500px){
	.banner .swiper-pagination { width: 90%!important; }
}
@media(max-width:1100px){
	.banner .swiper-pagination { width: 94%!important; }
	.bannerA .t2 { margin: 10px 0 5px; }
	.mMoreA { padding: 12px 30px; }
	.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 20px 0 10px!important; }
	.banner .swiper-pagination .swiper-pagination-bullet-active:before { width: 20px; height: 20px; }
}
@media(max-width:500px){
	.banner .swiper-pagination { bottom: 20px!important; }
}

/*首頁樣式*/
.footer { background: #052364; }
.footer .foot{background: #052364;padding: 40px 0 30px;}
.footer .foot .ootlogo{float: left; width: 500px; }
.footer .foot .lltdh{float: right;margin-top: 16px;}
.footer .foot .lltdh dl{float: left;margin-right: 50px;}
.footer .foot .lltdh dl:last-child{margin-right: 0;}
.footer .foot .lltdh dl dt{margin-bottom: 12px;}
.footer .foot .lltdh dl dt a{display: block;color: #fff; opacity: 0.7; font-size: 15px;line-height: 1; text-transform:uppercase;}
.footer .foot .lltdh dl dd{margin-bottom: 7px;}
.footer .foot .lltdh dl dd:last-child{margin-bottom: 0;}
.footer .foot .lltdh dl dd a{color: rgba(255, 255, 255, .4);font-size: 15px;}
.footer .foob .oobr ul li { cursor: pointer; position: relative; float:left; margin-right: 20px; }
.footer .foob .oobr ul li img { opacity: 0.8; }
.footer .foob .oobr .ewm { width: 150px; display:none; height: 150px; bottom: 30px; padding: 8px; border:1px solid #ededed; background: #fff; border-radius:8px; overflow: hidden; left: 50%; transform:translateX(-50%); position: absolute;}
.footer .foob .oobr ul li:hover .ewm { display:block; }
.footer .foob { }
.footer .foob .container { border-top:1px solid rgba(255,255,255,0.1); padding: 25px 0 23px;}
.footer .foob .oobl{ font-size: 14px;line-height: 1;color: rgba(255, 255, 255, .24);}
@media(max-width:1700px) {
	.footer .foot .lltdh dl{ margin-right: 40px; }
	.footer .foot .ootlogo .con p { font-size:16px; }
	.footer .foot .ootlogo .con p span { font-size:20px; font-weight:bold; }
	.footer .foot .ootlogo{ width: 340px; }
}
@media(max-width:1500px) {
	.footer .foot .lltdh dl{ margin-right: 30px; }
	.container{max-width: 90%;}
	.footer .foot .lltdh dl dt a { font-size:15px; }
	.footer .foot .lltdh dl dd a { font-size:13px; }
}
@media(max-width:1300px) {
	.footer .foot .lltdh dl{ margin-right: 20px; }
	.footer .foot .ootlogo{ width: 300px; }
	.footer .foot .lltdh dl dt a { font-size:16px; }
	.footer .foot .lltdh dl dd a { font-size:14px; }
}
@media(max-width:1250px) {
	.footer .foot .lltdh dl { margin-right:10px; }
}
@media(max-width:1150px) {
	.footer .foot .lltdh dl dd a { font-size: 12px; }
}
@media(max-width:1100px){
	.footer .foot{ padding: 20px 0 20px;}
	.footer .foot .lltdh{display: none;}
	.footer .foob{ text-align:center; }
	.footer .foob .oobl { padding: 15px 0 0; width: 100%;line-height: 1.8;  }
	.footer .foot .ootlogo{width: 100%;}
	.footer .foot .lltdhr{float: left;width: 100%;padding-left: 0;border-left: 0;margin-top: 20px;}
	.container{max-width: 92%;}
}


/*首页*/
.relative { position: relative; }
.mainImg { border-radius:8px; overflow: hidden; }
.mainImg img { transition:all 0.5s; }

.mainImg img { width: 100%; transition:all 0.5s; }
.mainImg:hover img { transform:scale(1.1); }


.colorGreen { color:#23ac38!important; }
.alignC { text-align:center; }
.alignR { text-align:right; }
.alignL { text-align:left; }

.headerA-c { float:right; padding-left: 50px; }
.headerA-c .lan { display:inline-block; width: 70px; height: 70px; position: relative; }
.headerA-c .lan .t { font-size:16px;color:#fff; line-height: 70px; position: relative; padding-right: 15px; padding-left: 32px; background: url(../images/diqiu.svg) no-repeat left center; }
.headerA-c .lan .t:after { content:''; width: 15px; height: 15px; position: absolute; right:0; top: 50%; transform:translateY(-50%); background: url(../images/xljt.svg) no-repeat center; }
.headerA-c .lan .lanSub { position: absolute; left:50%; margin-left:-50px; top: 68px; width: 100px; }
.headerA-c .lan .lanSub { z-index: 100; display:none; transition:all 0.5s; overflow: hidden	; top: 55px; position: absolute; }
.headerA-c .lan .lanSubA { display:block; width: 100%; position: relative; background: rgba(99, 129, 194, 0.6); backdrop-filter: blur(10px); border-radius:20px; padding: 20px 20px; }
.headerA-c .lan .lanSub a { width: 100%; margin-left:0; text-align:center; font-weight:bold; height: auto; display:block; font-size:15px;color: rgba(255,255,255,0.5);text-transform:uppercase; padding: 10px 0; }
.headerA-c .lan .lanSub a.cur,.headerA-c .lan .lanSub a:hover { color:#fff; }
.headerA-c .lan:hover .lanSub { display:block;/* box-shadow: 0 5px 6px 5px rgba(120,120,120,0.2);*/ }
.headerA-c .lan .lanSubA:before { content:''; w }
.lanSubB { position: relative; width: 100%; padding: 10px 0; display:block; }
.headerA-c .lan .lanSubB:after { content: ""; position: absolute; top: -6px; left: 50%; transform:translateX(-50%); border-width: 8px; border-style: solid; border-color: transparent transparent rgba(99, 129, 194, 0.6) transparent; }
@media(max-width:1100px){
	.headerA-c .lan .t,.headerA-c .lan { height: 60px; line-height: 60px; }
	.headerA-c .lan .lanSub a { line-height:20px;  }
}



.nav ul li .lanSub { position: absolute; left:50%; margin-left:-95px; top: 68px; width: 190px; }
.nav ul li .lanSub { z-index: 100; display:none; transition:all 0.5s; overflow: hidden	; top: 55px; position: absolute; }
.nav ul li .lanSubA { display:block; width: 100%; position: relative; background: rgba(99, 129, 194, 0.6); backdrop-filter: blur(10px); border-radius:20px; padding: 20px 20px; }
.nav ul li .lanSub a { line-height: 1.5; width: 100%; margin-left:0; text-align:center; font-weight:bold; height: auto; display:block; font-size:14px;color: rgba(255,255,255,0.5); text-transform:uppercase; padding: 10px 0; }
.nav ul li .lanSub a.cur,.nav ul li .lanSub a:hover { color:#fff; }
.nav ul li:hover .lanSub { display:block;/* box-shadow: 0 5px 6px 5px rgba(120,120,120,0.2);*/ }
.nav ul li .lanSubA:before { content:''; w }
.lanSubB { position: relative; width: 100%; padding: 10px 0; display:block; }
.nav ul li .lanSubB:after { content: ""; position: absolute; top: -6px; left: 50%; transform:translateX(-50%); border-width: 8px; border-style: solid; border-color: transparent transparent rgba(99, 129, 194, 0.6) transparent; }






/*首页*/
.colorBlue { color: #052364; }
.colorRed { color: #AA0000; }
.bold { font-weight:bold; }
.color3d { color:#3d3d3d; }
.borderRadius20 { border-radius:20px; overflow: hidden; }
.borderRadius10 { border-radius:10px; overflow: hidden; }
.homeA { padding:130px 0 120px; background: #fff; }
.homeA-a { position: relative; }
.homeA-c:nth-child(n+2) { margin-top:20px; }
.homeA-b { width: 56%; float:left; }
.homeA-d { float:right; width: 41%; }
.smallP { display:none; }
@media(max-width: 1900px){
	.homeA { padding: 7vw 0 6.5vw; }
	.homeA-d { position: absolute; right:0; bottom:0; width: 41%; }
	.homeA-d { top: 55%; transform:translateY(-50%); bottom:auto; }
}
@media(max-width: 1600px){
	.homeA { padding: 7vw 0 6.5vw; }
	.bigP { display:none; }
	.smallP { display:block; }
	.homeA-d { top: 50%; }
	/*.homeA-d { position: relative; float:right; transform:translateY(0); right:auto; bottom:auto; }*/
}
@media(max-width:1100px){
	.homeA-b { width: 100%; }
	.homeA-c .c { margin-top: 8px; }
	.homeA-c:nth-child(n+2) { margin-top:15px; }
}
@media(max-width: 600px){
	.homeA { padding:30px 0 40px; }
}


.homeB { background: #F9F9F9; }
.homeB-a { position: absolute; left:0; top:50%; transform:translateY(-50%); width: calc(58% - 46px); }
.homeB-d ul li { position:relative; }
.homeB-d ul li:nth-child(2n) .homeB-a { left:auto; right:0; }
.homeB-d ul li:nth-child(n+2) { padding-top:60px; margin-top: 60px; border-top:1px solid #ddd; }
.homeB-b { float:right;  padding:10px; width: 42%; background: #fff;border:1px dashed #ddd; }
.homeB-d ul li:nth-child(2n) .homeB-b { float:left; }
.homeB-f { position: relative; }
.homeB-a .more { transition:all 0.5s; display:inline-block; padding: 12px 30px; border:1px solid #aa0000; border-radius: 50px; }
.homeB-a .more span { transition:all 0.5s; display: inline-block; padding-right: 26px; background: url(../images/file.png) no-repeat right center; }
.homeB-a .more:hover { background: #aa0000; color:#fff; }
.homeB-a .more:hover span { color:#fff; background: url(../images/file.svg) no-repeat right center; }

@media(max-width:1200px){
	.homeB-a { position: relative; top:0; transform:translateY(0); float:left; width: calc(58% - 46px); }
	.homeB-b { position: absolute; right:0; top:50%; transform:translateY(-50%); width: 42%; padding:10px; background: #fff; }
	.homeB-d ul li:nth-child(2n) .homeB-a { float:right; }
	.homeB-d ul li:nth-child(2n) .homeB-b { left:0; right:auto; }
	.homeB-d ul li:nth-child(n+2) { padding-top:50px; margin-top: 50px; }
}
@media(max-width:1100px){
	.homeB-a { position: relative; top:0; transform:translateY(0); float:left; width: 100%; }
	.homeB-b { margin-top: 20px; position: relative; right:0; top:50%; transform:translateY(0); width: 100%; padding:10px; background: #fff; }
	.homeB-d ul li:nth-child(2n) .homeB-a { float:right; }
	.homeB-d ul li:nth-child(2n) .homeB-b { left:0; right:auto; }
	.homeB-d ul li:nth-child(n+2) { padding-top:40px; margin-top: 40px; }
}

@media(max-width:600px){
	.marginT40 { margin-top:20px; }
	.homeB-a .more { padding: 8px 15px; }
}
.homeA-d img,.homeB-b img { transition:all 0.5s; }
.homeA-d:hover img,.homeB-b:hover img { transform:scale(1.05); }
.homeC-a { float:left; width: 300px; }
.homeC-b { float:right; width: calc(100% - 300px); }
.homeC-b ul li { float:left; width: 100%; }
.homeC-b ul li:nth-child(1),.homeC-b ul li:nth-child(2) { width: calc(50% - 6px); }
.homeC-b ul li:nth-child(1) { margin-right:12px; }
.homeC-b ul li:nth-child(n+3) { margin-top:20px; }
.homeC-b input,.homeC-b textarea { width: 100%; height: 50px; font-size:16px; border:1px solid #dedede; border-radius: 6px; padding-left: 10px; }
.homeC-b .t { margin-bottom: 6px; }
.homeC-b .sub button { font-size: 16px; padding: 0 30px; border-radius:50px; background: #aa0000; width: 220px; height: 56px; }
@media(max-width:1500px){
	.homeC-a { width: 200px; }
	.homeC-b { width: calc(100% - 200px); }
}
@media(max-width:1100px){
	.homeC-a { width: 100%; }
	.homeC-b { width: 100%; margin-top:25px; }
}
@media(max-width: 600px){
	.homeC-b ul li:nth-child(1),.homeC-b ul li:nth-child(2) { width: 100%; }
	.homeC-b ul li:nth-child(1) { margin-right:0; }
	.homeC-b ul li:nth-child(n+2) { margin-top:20px; }
	.homeC-b input { height: 40px; }
	.homeC-b { margin-top:20px; }
	.homeC-b .sub button { width: 180px; padding: 0; height: 40px; }
}



/*About JP marine*/
.ibanner { position: relative; }
.ibanner .qxgd-xy { text-align:left; }
.ibannerA { position: relative; padding-left: 30px; }
.ibanner .qxgd-xy .qxgd-xy-a { position: absolute; left:0; top:0; }

.homeE { background: #fff; }
.homeE .homeB-b { background: #fff; border:1px dashed #ddd; }

/*Communication services*/
.homeA-c ul { margin-left: 24px; }
.homeA-c ul li { list-style: disc; }
.bgWhite { background: #fff; }

/*JPRouter*/
.jprouterA-b { float:left; width: 34%; }
.jprouterA-c { border:1px solid #ededed; padding: 10px; }
.jprouterA-c .img { border:1px dashed #ededed; }
.jprouterA-d { float:right; width: calc(66% - 100px); }
.jprouterA-d .c2 ul { margin-left: 24px; }
.jprouterA-d .c2 ul li { list-style: disc; }
.jprouterA-c .img { position: relative; }
.jprouterA-c .fdj { position: absolute; width: 52px; height: 52px; background: url(../images/fdj.svg) no-repeat center rgba(0,0,0,0.4); border-radius:50px; cursor: pointer; right: 2px; bottom: 2px; }
@media(max-width: 1600px){
	.jprouterA-d { float:right; width: calc(66% - 6.2vw); }
}
@media(max-width: 1100px){
	.jprouterA-d,.jprouterA-b { width: 100%; }
	.jprouterA-d .c1 { margin-top:20px; }
}


/*视频弹窗*/
.fixVideo { display: none; position: fixed; top:0; left:0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: 1000; }
.fixVideoA {width: 100%;height: 100%;position: relative; }
.fixVideoB { position: absolute;width: 80%; max-width: 28%; border-radius: 10px; overflow: hidden; height: auto; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);background: #fff; }
.fixVideoB .close { position: absolute; right:10px; top:10px;height: 40px;width: 40px;cursor: pointer; text-align: center;line-height: 40px; font-size: 30px;  z-index: 10000; color:#aaa; border:2px solid #ccc; border-radius:50%;}
.fixVideoB .close:hover { color:#fff; border-color:#aa0000; background: #aa0000; }
.fixVideo.videoSp .fixVideoB { max-width: 500px; }
.fixVideoB .relative { padding:30px 10px; }
@media(max-width: 1100px){
	.fixVideoB { width: 90%; max-width: 90%; }
}
/*GMDSS System Terminal*/
.jprouterA-e .jprouterA-c { padding:0; border:none; }
.jprouterA-e .jprouterA-c .img { border:none; }
.jprouterB .jprouterA-b { width: 36%; }
.jprouterB .jprouterA-d { width: calc(64% - 60px); }
@media(max-width: 1100px){
	.jprouterB .jprouterA-b { width: 100%; }
	.jprouterB .jprouterA-d { width: 100%; }
}

/*Contact Us*/
.contactA-a { float:left; width: 42.5%; }
.contactA-d { float:right; width: 57%; border-radius: 20px; overflow: hidden; }
.contactA-c { cursor: pointer; }
.contactA-c .t { position: relative; transition:all 0.5s; }
.contactA-c.cur .t { padding-left: 12px; color:#052364; }
.contactA-c.cur .t:after { transition:all 0.5s; content:''; width: 5px; height: 5px; background: #aa0000; position: absolute; left:0; transform:translateY(-50%); border-radius:5px; top:50%; }
.contactA-c .c { margin-top:10px; }
.contactA-c .c a { color:#3d3d3d; }
.contactB { background: #F9F9F9; }
.contactB .homeC-b input,.contactB .homeC-b textarea { background: none; }

@media(max-width:1100px){
	.contactA-a,.contactA-d { width: 100%; }
	.contactA-d { margin-top: 20px; }
}

/*customers*/
.customersA-a { position: relative; }
.customersA-a .topT { position: absolute; left:0; top:0; }

@media(max-width: 600px){
	.customersA-a .topT { position: relative; left:auto; top:auto; width: 100%; text-align:center; margin-bottom: 20px; }
}