i, em { font-style: normal; }
.wrap { width: 1410px; margin: 0 auto; }
body { line-height: 1.7; font-size: 1rem; }
a:hover{ color:#096dd9;}
img{ max-width:100%;}
.imgZoom { overflow: hidden; }
.imgZoom img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; display: block; margin: 0 auto; }
.imgZoom:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.header{ position:relative; z-index:999; padding:2rem 0;}
.logo{ float:left; width:38%; }
.tmid{ float:left; width:18%;}
.header_right{float:right; width:27%; }
.nav{ overflow:hidden; height:4.375rem; line-height:4.375rem; background-color:#0050b3;}
.nav li{ width:12.5%; float:left; font-size:1.125rem; position:relative; text-align: center;}
.nav li a{ color:#ffffff; display:block;}
.nav li a:hover{ background-color:rgba(255,255,255,0.2);}
.bannerSwiper { clear: both; position: relative;}
.bannerSwiper .swiper-slide { position: relative; overflow: hidden; z-index: 1; }
.bannerSwiper img { display: block; }
.bannerSwiper .swiper-pagination-bullet { background-color: #ffffff; opacity: 0.6; }
.bannerSwiper .swiper-pagination-bullet-active { background-color: #ff3c30; opacity: 1; }
.section1{  padding:3rem 0;}
.sectit{ text-align:center; margin-bottom:2rem;}
.sectit h2{ font-size:2.125rem; font-weight:normal;}
.sectit h2 span{ font-weight:bold;}
.sec1{ background:url(../images/sec1-6.png) #0050b3 no-repeat 101% 115%; overflow:hidden; border-radius:8px;}
.sec1Swiper2{ width:32%; float:left;}
.sec1Swiper{ width:68%; float:left; padding:4rem 3rem;}
.sec1c{ width:100%; height:24.8125rem; background:url(../images/sec1-2.png) no-repeat center left; color:#ffffff; text-align:center;}
.sec1c span{  font-weight:bold;color:#1890ff; font-family:Arial, Helvetica, sans-serif; font-size:1.125rem; padding:1rem 0 0 1rem; display:block; text-align:left;}
.sec1c h3{ font-size:1.75rem; padding-left:1rem; margin-bottom:1.8rem; text-align:left;}
.sec1c h3 em{ font-weight:bold;}
.sec12{ background-color:#ffffff; padding:1rem;}
.sec12 img{ float:right;}
.sec12 span{color:#1890ff; font-family:Arial, Helvetica, sans-serif; font-size:1.125rem; font-weight:bold; margin-bottom:1rem; display:block;}
.sec12 h3{font-size:1.25rem; line-height:1;}
.sec12 em{ font-size:0.5rem; text-transform:uppercase; opacity:0.5;}
.sec1Swiper .swiper-slide-thumb-active .sec12{ background-color:#096dd9;color:#ffffff;   }

.section2{}
.sec2tit{ background-color:#181818; border-radius:8px; padding:1rem; color:#ffffff;}
.sec2tit h2{ font-size:1.5rem; font-weight:bold;}
.sec2tit h2 img{ padding-left:0.5rem;}
.sec2tit a{ float:right; display:block; color:#ffffff; margin-top:0.5rem;}
.sec2tit a img{ padding-left:0.5rem;}
.sec2{ overflow:hidden; margin:0 -1%;}
.sec2 li{ width:23%; float:left; margin:1.5rem 1% 0; background-color:#f1f3f6; text-align:center; padding:2rem 0;}
.sec2 li .img{ margin:1rem auto 1rem;}
.sec2txt{ background:url(../images/sec23.png) no-repeat right center; line-height:1.5;}
.sec2 li h3{ font-size:1.25rem; margin-bottom:1rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sec2 li p{ width:80%; margin:0 auto; border:1px #616163 solid; overflow:hidden; font-size: 0.875rem;}
.sec2 li p a{ display:block; width:50%; float:left; text-align:center;    padding: 0.5rem 0;}
.sec2 li p .a1{ border-right:1px #616163 solid;}
.sec2 li:hover p a:hover{ background-color:#096dd9; color:#ffffff;}
.sec2 li:hover p{ border:1px #096dd9 solid; }
.sec2 li:hover p .a1{ border-color:#096dd9;}
.sec2a{ text-align:center; margin:2rem auto 3rem;}
.sec2a img{ display:block; margin:0 auto 1rem;}

.section3{ background:url(../images/sec3bg.jpg) no-repeat center bottom; overflow:hidden; padding-top:4rem;}
.sec31{ width:65%; float:left; text-align:right;margin-bottom: -1px;}
.sec32{ width:24%; float:left;}
.sec321{ margin-bottom:4.5rem; padding-top:2rem;}
.sec322 li{ padding:1rem; margin-top:1rem; background-color:#2254c7; color:#ffffff; border-radius:0.5rem; position:relative; }
.sec322 li:before{ content:""; display:block; float:left; width:3.125rem; height:3.125rem; background:url(../images/sec3-3.png) no-repeat center center; margin-right:1rem; background-size:cover;}
.sec322 li:after{ content:""; display:block; position:absolute;right:1rem; top:52%; width:1.8125rem; height:0.8125rem; background:url(../images/sec3-6.png) no-repeat center center; margin-left:1rem;background-size:cover;}
.sec322 li:nth-child(2):before{ background-image:url(../images/sec3-4.png);}
.sec322 li:nth-child(3):before{ background-image:url(../images/sec3-5.png);}


.section4{ overflow:hidden; padding:3rem 0;}
.sec4c{ width:100%; text-align:left; overflow:hidden;  }
.sec4c .parHd{width:37%; height:3.75rem; line-height:3.75rem; margin:0 auto; background-color:#f1f3f6; text-align:center; border-radius:3rem;  position:relative;  }
.sec4c .parHd ul{ }
.sec4c .parHd ul li{ width:50%; float:left; font-size:1.25rem; }
.sec4c .parHd ul li.on{ background-color:#096dd9; border-radius:3rem; color:#ffffff;}
.sec4c .slideBox{ overflow:hidden; zoom:1; padding:2rem 4rem; position:relative;   }
.sec4c .sPrev,.sec4c .sNext{ position:absolute; left:0; top:calc(50% - 2rem); display:block; width:4rem; height:4rem; background:url(../images/sec4-2.png) center center no-repeat; }
.sec4c .sNext{ left:auto; right:0; background:url(../images/sec4-3.png) center center no-repeat;  }
.sec4c .parBd ul{ overflow:hidden; zoom:1;   }
.sec4c .parBd ul li{ margin:0 0.5rem; float:left; _display:inline; overflow:hidden; text-align:center; position:relative;  }
.sec4c .parBd ul li .pic{ text-align:center; }
.sec4c .parBd ul li .pic img{ width:25.5rem; display:block; }
.sec4c .parBd ul li .pic a:hover img{ border-color:#999;  }
.sec4c .parBd ul li .title{ line-height:24px; position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.6); width:100%; height:4rem; line-height:4rem; text-align:left;   }
.sec4c .parBd ul li .title a{ color:#ffffff; font-size:1.25rem; display:block; padding:0 1rem; position:relative;}
.sec4c .parBd ul li .title a:after{ content:""; display:block; position:absolute; top:1.2rem; right:1rem; width:1.375rem; height:1.375rem; background:url(../images/sec4-4.png) no-repeat center center;}

.sec4swiper .swiper-slide .pic{ text-align:center; }
.sec4swiper .swiper-slide .pic img{ display:block; }
.sec4swiper .swiper-slide .pic a:hover img{ border-color:#999;  }
.sec4swiper .swiper-slide .title{ line-height:24px; position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.6); width:100%; height:4rem; line-height:4rem; text-align:left;   }
.sec4swiper .swiper-slide .title a{ color:#ffffff; font-size:1.25rem; display:block; padding:0 1rem; position:relative;}
.sec4swiper .swiper-slide .title a:after{ content:""; display:block; position:absolute; top:1.2rem; right:1rem; width:1.375rem; height:1.375rem; background:url(../images/sec4-4.png) no-repeat center center; background-size:100%;  }
.sjcase{ display:none; position:relative;}
.sec4swiper{ width:90%;}
.sjcase .swiper-button-next,.sjcase .swiper-button-prev{ position:absolute; left:0; top:calc(50% - 2rem); display:block; width:5%; height:4rem; background:url(../images/sec4-2.png) center center no-repeat; background-size:100%; }
.sjcase .swiper-button-next{ left:auto; right:0; background:url(../images/sec4-3.png) center center no-repeat;  background-size:100%;  }

.sjcase .swiper-button-next:after,.sjcase .swiper-button-prev:after{ display:none;}



.section5{ background:url(../images/sec5bg.jpg) no-repeat center top; padding:7.5rem 0 0;display: flex; flex-wrap: wrap; position: static;}
.sec51{ width:50%; float:left; position:relative;}
.sec52{ width:50%; float:left; text-align:right;}
.sec52 img,.sec52 video{ width:100%;}
.sec51c{ margin-left:25%; margin-right:2%; color:#ffffff;}
.sec51c h2{ font-size:1.75rem; margin:2rem 0;}
.sec51c p{ text-indent:2em; font-size:1.125rem;}
.sec5a{ display:block; font-size:1.125rem; width:15rem; height:4.25rem; line-height:4.25rem; border-radius:2.125rem; border-top-right-radius:0; background-color:#ffffff; text-align:center; margin-top:3rem;}
.sec5a1{display:block; position:absolute; bottom:0; right:0; font-size:2.25rem; width:7.7rem; height:7.7rem; line-height:7.7rem; background-color:#096dd9; text-align:center; /*margin-top:6.9rem;*/color:#ffffff; float:right;}
.sec5a1:hover{color:#ffffff;}
.sec53{ background-color:#f1f3f6; padding:4rem 0;}
.sec53 ul{ overflow:hidden; margin:0 -1%;}
.sec53 li{ width:23%; float:left; margin:0 1%; text-align:center;}
.sec53 li p{font-size:1.125rem; margin-top:1rem;}
.sec53 li .img2{ display:none;}
.sec53 li:hover .img2{ display:block; margin:0 auto;}
.sec53 li:hover .img1{ display:none;}
.section6{ padding:4rem 0;}
.sec6c{ margin-top:3rem;}

.service{ background:url(../images/servicebg.png) no-repeat top center; padding:6rem 0;}
.service .sectit{ color:#ffffff;}
.serv1{ overflow:hidden; margin:0 -1%; padding-top:4rem;display: flex; flex-wrap: wrap; position: static;}
.serv1 li{ width:23%; margin:0 1%; float:left; background-color:#ffffff; border-radius:0.5rem; text-align:center; position:relative;}
.serv1 li span{ display:block; position:relative; margin-top:-3.5rem; margin-bottom:1rem;}
.serv1 li h3,.serv1 li p{ width:85%; margin:0 auto;}
.serv1 li h3{ font-size:1.5rem;}
.serv1 li h3:after{ content:""; display:block; width:1rem; height:2px; background-color:#0d1a2a; border-radius:1px; margin:1rem auto;}
.serv1 li p{ font-size:1.125rem; line-height:1.5; min-height:5.0625rem;}
.serv1 li em{ display:block; width:2.3125rem; height:2.3125rem; background:url(../images/ser-6.png) no-repeat center center; margin:3rem auto; background-size:cover; }
.serv1 li:hover{ background-color:#0c73e0; color:#ffffff;}
.serv1 li:hover em{background:url(../images/ser-5.png) no-repeat center center; background-size:cover;}
.serv1 li:hover h3:after{ background-color:#ffffff;}

.section7{ background-color:#f1f3f6; overflow:hidden; padding:4rem 0;}
.sec7c{ width:100%; text-align:left; overflow:hidden; }
.sec7c .hd{ width:37%; height:3.75rem; line-height:3.75rem; margin:0 auto 2rem; background-color:#ffffff; text-align:center; border-radius:3rem;  position:relative;}
.sec7c .hd ul li{ width:50%; float:left; font-size:1.25rem; cursor:pointer;  }
.sec7c .hd ul li.on{ background-color:#096dd9; border-radius:3rem; color:#ffffff; }
.sec71{ width:49%; float:left; margin-right:3%; display:inline-block;}
.sec72{ width:48%; float:left;}
.sec7txt{ padding:2rem; background-color:#ffffff; overflow:hidden; border:1px #ffffff solid; position:relative;user-select: none;}
.sec7txt h3{ font-size:1.25rem;}
.sec7txt p{ font-size:1rem; color:#666666; margin:1.5rem 0;}
.sec7txt .sec7a{display:block; font-size:1rem; width:11.25rem; height:3.125rem; line-height:3.125rem; border-radius:2.125rem; border-top-right-radius:0; background-color:#ffffff; text-align:center; border:1px #000000 solid; float:right;}
.sec7txt:hover .sec7a{ background-color:#096dd9; color:#ffffff; border-color:#096dd9;}
.sec72 .sec7txt{ margin-bottom:1rem; padding:2.5rem;}
.sec7txt a{ display:block; position:relative; z-index:3;}
.sec7txt:hover{ /*border:1px #096dd9 solid;*/transition-delay: 0.5s;}
.sec7txt::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 1px solid #096dd9;
    border-left: 1px solid #096dd9;
    left: 0;
    top: 0;
    transition: all 0.5s;
    box-sizing: border-box;
  }
.sec7txt:hover::before {
    width: 100%;
    height: 100%;
  }

  /* 右下边框动画执行 */
  .sec7txt::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 1px solid #096dd9;
    border-right: 1px solid #096dd9;
    right: 0;
    bottom: 0;
    transition: all 0.5s;
    box-sizing: border-box;
  }
.sec7txt:hover::after {
    width: 100%;
    height: 100%;
  }
.contact_form { }
.contact_form .lyk {width: 48%; float:left; margin: 0 1% 10px; position: relative; border:1px #c7c9cb solid; }
.contact_form .lyk1 { width: 98%; margin: 0 1% 10px; }
.contact_form .lyk input { height: 58px; line-height: 58px; position: relative; color: #ababab; border-radius: 0.3125rem; }
.contact_form .name { text-align: left; line-height: 58px; z-index: 0; cursor: text; display: block; color: #666666; text-transform: capitalize; position: absolute; top: 0; left: 10px; z-index: 3; font-size: 1rem; }
.contact_form .name:before { content: ""; display: inline-block; width: 1.25rem; height: 1.1rem; background: url(../images/sec81.png) no-repeat center center; margin-right: 0.5rem; }
.contact_form .name2:before { background: url(../images/sec82.png) no-repeat center center; }
.contact_form .name3:before { background: url(../images/sec83.png) no-repeat center center; }
.contact_form .lyk input { border: 0; line-height: 58px; display: block; width: 100%; background-color:transparent; padding: 0 10px; color: #ababab; border-radius: 0.3125rem; }
.contact_form .lyk1 textarea { border: 0; line-height: 50px; display: block; padding: 0; width: 100%; background-color:transparent; clear: both; position: relative; z-index: 2; padding: 0 10px; color: #ababab; border-radius: 0.3125rem; }
textarea { resize: none; outline: none; }
.ny_lykff { clear: both; width: 98%; margin: 0 auto; }
.contact_form .btn1 { text-align: center; background-color: #1fb462; display: block; width: 17.75rem; height: 3.1875rem; line-height: 3.1875rem;color: #ffffff; position: relative; border: none; }

.footerbg{ background:url(../images/fbg.jpg) no-repeat center top; height:9.5625rem;}

.footer{ background:url(../images/f1.png) #003a8c no-repeat center top; overflow:hidden; color:#ffffff; line-height:2;}
.footer a{ color:#ffffff;}
.footer1{ padding:3.5rem 0 5rem; overflow:hidden; font-size:1.125rem;}
.f1{ width:30%; float:left; margin-right:2%;}
.f2{ width:15%; float:left;}
.fwx{width:23%; float:left;}
.ftel{ margin:2rem 0;}
.ftel p span{ font-weight:bold; font-family:Arial, Helvetica, sans-serif;}


.f2 dt { font-size: 1.125rem; font-weight:bold; margin-bottom: 2rem; color: #ffffff; }
.copyright { clear:both; padding:1rem 0; text-align: center; clear: both; text-align: left; color: #ffffff; border-top:1px #1c5099 solid; }
.copyright span { float: right; }

.flink{position:relative;white-space:nowrap;margin-left: 0;width: 80%;cursor:pointer; display:none;}
.flink dt{line-height: 45px;font-size: 14px;color: rgba(255,255,255,.4);display: flex;justify-content: space-between;align-items: center; border:1px #c2c4c6 solid; padding:0 0 0 1rem;}
.flink dt .ll svg{width: 16px;height: 16px;fill:#fff;vertical-align:middle;margin: 0 .5rem 0 0;}
.flink dt .rr svg{width: 14px;height: 14px;fill:#fff;vertical-align:middle;margin: 0;transform: rotate(180deg);}
.flink dt .ll{ display:flex; justify-content:space-between; align-items:center}
.flink dt .ll a{display:inline-block;width: 10rem;padding: 0 0 0 1rem;text-align: left;}
.flink .con{position:absolute;left:0;bottom: 45px;background:#fff;padding:.5rem .875rem;min-width: 100%;display: none;}
.flink .con dd,.flink .con dd a{ font-size:13px; color:#333; line-height:24px; transition:.5s}
.flink dt .rr{ background-color:#19a250;width: 4.25rem; text-align:center; float:right;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:1rem;top:50%;width:60px; height:240px}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:60px;height:60px;background-color:#3b3939;margin-bottom:0.3rem;cursor:pointer;outline:none; border-radius:6px; color:#ffffff; text-align:center; font-size:0.8rem;}
.suspension .a.active,
.suspension .a:hover{background:#2254c7;}
.suspension .a .i{ display:block;width:25px;height:35px; margin:0 auto;}
.suspension .a-service .i{ background:url(../images/fl1.png) no-repeat center center;    background-size: 100%;}
.suspension .a-service-phone .i{ background:url(../images/fl2.png) no-repeat center center;    background-size: 100%;}
.suspension .a-qrcode .i{ background:url(../images/fl4.png) no-repeat center center;    background-size: 100%;}
.suspension .a-cart .i{ background:url(../images/fl3.png) no-repeat center center;    background-size: 100%;}
.suspension .a-top .i{ background:url(../images/fl5.png) no-repeat center center; background-size: 100%;}
.suspension .a-top{display:none;}
.suspension .a-top:hover{}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:60px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:50%;}
.suspension .d-service{top:-20px;}
.suspension .d-service-phone{top:50px;}
.suspension .d-qrcode{top:70px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

@media (max-width: 990px) {
    .suspension {
        display: none;
    }
}


@media (max-width:1920px) {
html { font-size: 16px; }
}
@media (min-width:1400px) and (max-width:1600px) {
html { font-size: 15px !important; }
}
@media (min-width:640px) and (max-width:1399px) {
html { font-size: 14px !important; }
}
@media (min-width:471px) and (max-width:639px) {
html { font-size: 13px !important; }
}
@media (min-width:329px) and (max-width:470px) {
html { font-size: 12px !important; }
}
@media (max-width:328px) {
html { font-size: 12px !important; }
}


@media(max-width: 1600px) {
.wrap{ width:94%;}
}
@media(max-width: 992px) {
}
@media(max-width: 768px) {
}
@media (max-width: 1400px) {
img { max-width: 100%; }
}

@media (max-width: 1420px) {
.logo{ margin-right:2rem;}

.header_right{}
}

@media (max-width: 1280px) {
.tmid,.sec5a1,.section3{ display:none;}
.sec51c{ margin-left:10%;}
.sec1Swiper{ display:none;}
.sec1Swiper2{ width:100%;}
.sec2a{ margin-bottom:0;}
.sec4c{ display:none;}
.sjcase{ display:block;}
}
@media (max-width: 800px) {
.logo{ width:100%; text-align:center;}
.logo img{ max-width:90%;}
.header_right{ display:none;}
.nav .wrap{ width:100%;}
.nav{ height:6rem; line-height:3rem;}
.nav li{ width:33.3333%; border-bottom:1px rgba(255,255,255,0.5) solid; border-left:1px rgba(255,255,255,0.5) solid;}
.nav li:first-child{ display:none;}
.nav li:after{ display:none;}
.section5{ padding:3rem 0;}
.sec51{ width:94%; margin:0 auto 2rem;}
.sec51c{ margin:0 auto;}
.sec52{ width:94%; margin:0 auto; text-align:center;}
.sec53,.section6{ display:none;}
.serv1 li{ width:48%; margin-bottom:4rem;}
.service{ background-size:cover; padding:6rem 0 0;}
.sec2 li{ width:48%;}
.sec71,.sec72{ width:100%; margin:0 auto;}
.sec7txt{ padding:1rem; margin-bottom:1rem;}
.sec7txt p{ margin:1rem 0;}

.f2{ display:none;}
.footer1{ padding:2rem 0;}
.f1{ text-align:center; width:100%; margin:0 auto;}
.flink{ margin:0 auto;}
.fwx{ display:block; width:100%; text-align:center;}
.f2 dt:after{ margin:0 auto;}
.f2 dt{ margin-bottom:1rem;}
.copyright span{ float:none; display:block;}
.copyright{ text-align:center;}
.flink .con dd{ text-align:left;}
.sec6tit{ background-size: contain;}
.sec411{ height:10rem;line-height: 10rem;}
.sec421 li{ padding:2rem 0;}
.sec6list li em,.sec6list li span{ display:none;}
.sec6txt{ padding:1rem 0; text-align:center;}
.sec6list li{ margin-bottom:1rem;}
.sec4c .parHd,.sec7c .hd{ width:100%;}
}
@media (max-width: 640px) {
	.sec4swiper .swiper-slide .title{ height: 3rem; line-height: 3rem; }
}
@media (max-width: 400px) {
}