﻿@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:28px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.wz1220{width: 1220px; margin: 0 auto;max-width: 100%;}

.banner{position: relative; }
.banner img{width: 100%;}
.banner h1{font-weight: bold; position: absolute; left: 30px; top: 50px; font-size: 46px; color: #012063; }
.Product{padding: 110px 30px;background: #d8e4f4;border-top: 10px solid #cacbcf;overflow: hidden;}
.Product h2{font-weight: bold; font-size: 38px;margin-bottom: 90px; color: #000;}
.Product li{font-size: 24px; font-weight: bold; color: #000; padding-bottom: 30px;}
.vider{float: right;width: 50%;}

.banner{height: 100vh;position: relative; overflow: hidden;}
.banner .swiper-container { width: 100%; height: 100%;}
.banner .swiper-slide {overflow:hidden;}
.banner .slide-inner {  position: absolute; width: 100%; height: 100%;left: 0; top: 0;}
.banner_text{width: 1440px; margin: 0 auto;  max-width: 94%;padding-top: 20%;}
.banner_text h2{font-weight: bold; color: #fff;font-size: 36px; margin-bottom: 65px;line-height: 1.6;}
.banner_text a{display: block; text-align: center; width: 200px; line-height: 60px; color: #fff;border-radius: 6px;background: #ea7b18;font-size: 14px;}
.banner_text a b{display: inline-block;background: url(../images/a1.png);width: 12px;height: 24px;vertical-align: middle; margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;}
.banner_text a:hover b{margin-left: 25px;}
.wzzz{position: absolute; width: 100%; left: 0; bottom: 0;height: 77px;background: linear-gradient(90deg, rgba(0, 106, 249, 0.68) 0%, rgba(0, 106, 249, 0.00) 100%);z-index: 10;}
.banner .swiper-button-next{width: 48px;height: 48px;border-radius: 50%; margin-top: -24px;background: var(--10, rgba(255, 255, 255, 0.10));  color: #fff;right: 10vw;}
.banner .swiper-button-next:after,.banner  .swiper-button-prev:after{font-size: 20px;}
.banner .swiper-button-next:hover{background: #006af9;}
.banner .swiper-button-prev{width: 48px;height: 48px;border-radius: 50%; margin-top: -24px;background: var(--10, rgba(255, 255, 255, 0.10));  color: #fff;right: calc(10vw + 60px); left: auto;}
.banner .swiper-button-prev:hover{background: #006af9;}
.banner .swiper-pagination{text-align: left; padding-left: 10vw;bottom: 30px;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background: #b3c8eb;opacity: 1;vertical-align: middle;}
.banner .swiper-pagination-bullet-active{background: #fff; width: 10px;height: 10px;}
.xhbox{position: absolute; left: 20px;bottom: 6px; font-size: 70px; text-stroke: 1px #fff; -webkit-text-stroke: 1px #fff;font-weight: bold;font-family:"arial black";color: transparent;}


.ban1{height: 100vh;position: relative; overflow: hidden;}
.banner_text1{width: 1440px; margin: 0 auto;  max-width: 94%;padding-top: 20%;}
.banner_text1 h2{font-weight: bold; color: #fff;font-size: 36px; margin-bottom: 25px;line-height:2;}
.banner_text1 p{ font-size:24px; color:#fff;}

.ban2{height: 100vh;position: relative; overflow: hidden;}
.banner_text2{width: 1440px; margin: 0 auto;  max-width: 96%;padding-top:13%;}
.bantx h2{font-weight: bold; color: #fff;font-size: 36px; margin-bottom: 25px;line-height: 70px;}
.bantx p{ font-size:20px; display: inline-block; color:#fff;padding: 16px 20px;font-weight: bold;border-radius: 8px;background: var(--0051-a-0, #00509D);}
.bantx1{ margin: 0 auto; padding-top:70px;;}
.bantx1 h2{font-weight: bold; color: #fff;font-size: 36px; margin-bottom: 25px;line-height: 70px;}
.bantx1 span{color: var(---white, #FFF); border:1px solid #fff;border-radius: 8px; padding:16px 20px; font-size:20px; margin-right:15px;font-weight: 700; display:inline-block;}
.bax1{ width:auto; margin-top:80px;}
.bax1 img{ max-width:100%;}
.ban3{height: 100vh;position: relative; overflow: hidden;}
.ban_text2{width: 1440px; margin: 0 auto;  max-width: 96%;padding-top:15%;}
.batx{ width:36%; float:left;}
.batx span{border-radius: 4px; padding:8px 20px;border: 1px solid var(--30, rgba(255, 255, 255, 0.30));background: var(--10, rgba(255, 255, 255, 0.10)); color:#fff; font-size:16px;}
.batx h2{color: var(---white, #FFF);font-size: 24px;font-style: normal;font-weight: bold; line-height:1.5; margin-top:35px; margin-bottom:20px;}
.batx p{color: #FFF;text-overflow: ellipsis;font-size: 16px;font-style: normal;font-weight: 400; margin-bottom:110px;}
.batx a{display: block; text-align: center; width: 200px; line-height: 60px; color: #fff;border-radius: 6px;background: #ea7b18;font-size: 16px;}
.batx a b{display: inline-block;background: url(../images/a1.png);width: 12px;height: 24px;vertical-align: middle; margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;}
.batx a:hover b{margin-left: 25px;}

.batx1{ width:52%; float:right; position:relative; border:8px solid rgba(0, 0, 0, 0.30); border-radius:15px;}
.batx1 .img1{ width:100%; height:auto;}
.batx1 .img2{ position:absolute; top:50%; left:50%; margin-top:-27px; margin-left:-27px;cursor: pointer;}
#awx{ max-width:1200px; width:96%; height: auto; background:#fff; padding:10px 10px 0px 10px; ;border-radius: 12px; display:none;left: 50%; top: 50%; transform: translate(-50%,-50%); position:fixed; z-index:99999}
.awxt{ float:right; position:absolute; right:30px; top:30px; z-index:9}





.banner2 img{width: 100%;}
.banner2 .swiper-button-next { width: 45px;height: 45px;margin-top: -22px;right: 2vw; font-size:25px;}
.banner2 .swiper-button-prev { width: 45px;height: 45px;margin-top: -22px;left: 2vw;font-size:25px;}








.header{position: fixed; width: 100%; top: 0; left: 0; height: 120px; z-index: 100;transition: All 0.4s ease-in-out;}
.header.on{background: #006AF9;}
.header.on2{background: #fff; border-bottom:1px solid rgba(0, 0, 0, 0.10);}
.header.on2 .nav li h3 a{color: #333;}
.header.on2 .nav li:hover h3 a{color: var(--0051-a-0, #00509D); font-weight:700;}


.headerbox{width: 1440px; max-width: 94%; margin: 0 auto; position: relative;}
.logo{float: left; width: 200px; padding-top:35px;}
.logo img{width: 100%;}
.ptdl{float: right; text-align: center; border-radius: 6px; width: 155px; line-height: 48px;background: #006af9; color: #fff; font-size: 16px; margin-top: 35px;}
.ptdl img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.ptdl:hover{background: #ea7b18;}
.nav{float: right; padding-right: 75px;}
.nav li{float: left; padding-left: 75px; }
.nav li h3 a{color: #fff;line-height: 120px;display: block;font-size: 20px;}
.nav li:hover h3 a{ font-weight:bold;}
.cpbox{position: absolute; top: 120px; right: 0;width: 890px;background: var(--10, rgba(0, 0, 0, 0.10));backdrop-filter: blur(12.5px);border-radius: 15px;border:1px solid rgba(255,255,255,.3); padding: 28px;display: none;}
.cpbox dl{overflow: hidden; margin-left: -28px;}
.cpbox dt{float: left; width: 50%; padding-left: 28px;}
.cpbox a{display: block; position: relative; overflow: hidden; border-radius: 15px;}
.cpbox img{width: 100%;}
.cpbox p{font-size: 16px; color: #fff;left: 30px;z-index: 10; position: absolute;top:50%; transform: translateY(-50%);}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }
.nav li.on1 h3 a{font-weight: bold;}

.bj1{background: url(../images/bj1.png) no-repeat center;background-size: cover;}
.qyjj{overflow: hidden; width: 1440px; margin: 0 auto; max-width: 94%;}
.qyjj_right{float: right;width: 50%; }
.qyjj_right img{width: 100%;}
.qyjj_left{float: left;width: 560px;}

.qyjj_title{border-bottom:1px solid #c8d4dd; padding:150px 0 38px;}
.qyjj_title h3{font-weight: bold; font-size: 36px; color: #333;margin-bottom: 70px;}
.qyjj_title h2{font-weight: bold; font-size: 36px; color: #333; margin-bottom: 8px;}
.qyjj_title p{font-size: 16px; color: #333;}
.qyjj_nr{padding-top: 40px;}
.qyjj_nr p{font-size: 16px; line-height: 2; color: #333;}
.qyjj_nr h2{font-weight: normal; font-size: 16px; color: #333; margin: 30px 0 15px;}
.qyjj_nr h3{font-weight: normal; font-size: 16px;color: #006AF9;line-height: 2;}
.qyjj_nr a{display: block; text-align: center; width: 200px; line-height: 60px; color: #fff;border-radius: 6px;background: #ea7b18;font-size: 14px; margin-top: 70px;}
.qyjj_nr a b{display: inline-block;background: url(../images/a1.png);width: 12px;height: 24px;vertical-align: middle; margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;}
.qyjj_nr a:hover b{margin-left: 25px;}

.bj2{background: url(../images/bj2.png) no-repeat center;background-size: cover;}
.ywfw{height: 950px;position: relative;}
.ywfw_title{position: absolute;left: 50%; top: 165px; transform: translateX(-50%);z-index: 50;}
.ywfw_title h2{font-weight: bold; font-size: 36px;color: #fff;}
.ywfw_nr{height: 100%;position: relative;z-index: 1;}
.ywfw_nr ul{overflow: hidden;height: 100%;}
.ywfw_nr li{width: 25%; float: left;height: 100%;position: relative;transition: All 0.4s ease-in-out;}
.ywfw_box{position: absolute;width: 100%; left: 0; bottom: 200px;text-align: center;overflow: hidden;transition: All 0.4s ease-in-out;}
.ywfw_box span{width: 59px; display: block; margin: 0 auto;height: 80px; position: relative;}
.ywfw_box span img{width: 100%;position: absolute; top: 0;left: 0;}
.ywfw_box p{font-weight: bold; font-size: 20px;color: #fff; text-align: center;background: url(../images/a20.png);width: 375px;height: 141px; padding:0 0 0 50px ;background-size: 100% 100%; margin: 0 auto 50px auto; line-height: 131px;text-align: left;}
.ywfw_box p b{display: inline-block; width: 52px;margin-right: 35px; font-size: 34px;font-family:arial; text-align: center;font-weight: bold;}


.ywfw_box dl{overflow: hidden; margin-left: -20px;height: 0;transition: All 0.4s ease-in-out; }
.ywfw_box dt{float: left; width: 50%; padding: 0 0 10px 20px;}
.ywfw_box a{display: block;line-height: 50px; color: #fff; position: relative; text-align: left; padding-left: 40px; border:1px solid rgba(255,255,255,.3);border-radius: 8px; font-size: 16px;transition: All 0.4s ease-in-out;}
.ywfw_box a:before{position: absolute; content: "";border-radius: 50%; width: 8px;height: 8px; left: 22px;background: #fff;top:50%; transform: translateY(-50%);}
.ywfw_box a:hover{background: #006af9;border:1px solid #006af9;}
.c1{opacity: 0;}
.c2{opacity: 1;}
.ywfw_nr li.cur{width: 50%;backdrop-filter: blur(15px);}

.ywfw_nr li.cur .ywfw_box{height: auto;bottom:150px;}
.ywfw_nr li.cur .ywfw_box dl{padding: 0 170px;height: auto;}
.ywfw_nr li.cur .c1{opacity: 1;}
.ywfw_nr li.cur .c2{opacity: 0;}

.bj3{background: #ddeaf6;overflow: hidden;position: relative;}
.dtnr{float: right;width: 62%;}
.dtnr img{width: 100%;}
.ywfb{position: absolute; left: 13vw;top:50%; transform: translateY(-50%);width: 555px;}
.ywfb_title h2{font-weight: bold;color: #333; font-size: 36px; margin-bottom: 40px;}
.ywfb_title p{font-weight: bold; font-size: 24px; color: #006AF9;background: url(../images/a13.png); width: 557px; height: 106px;padding: 28px 0 0 95px;}
.ywfb_nr ul{overflow: hidden;display: flex;justify-content : space-between; padding-top: 55px; }
.ywbox{width: 150px;position: relative;}
.ywbox h2{font-size:16px; color: rgba(0, 106, 249, 1);}
.ywbox h2 b{font-weight: bold; font-size: 96px;display: inline-block;vertical-align: top;font-family: arial;}
.ywbox span{display: block; position: absolute; right: 0; padding: 0 10px; line-height: 24px;border-radius: 12px; background: #ea7b18; color: #fff;z-index: 10;bottom: 15px;font-size: 14px;}
.ywfb_xq{padding-top: 60px;}
.ywfb_xq ul{overflow: hidden;}
.ywfb_xq li{width: 20%; float: left;}
.ywfb_xq h2{font-weight: bold; font-size: 16px; color: #333; padding: 14px 0;}
.ywfb_xq dt{font-size: 14px; line-height: 30px;}
.ywfb_xq dt a{color: #666;}

.bj4{background: url(../images/bj4.png) no-repeat center;background-size: cover;}
.qyry{width: 1440px;position: relative; overflow: hidden; margin: 0 auto; padding: 105px 0 0;max-width: 94%;}
.qyry_title{overflow: hidden;}
.qyry_title h2{float: left; font-weight: bold; font-size: 36px; color: #fff;line-height: 80px;}
.qyry_title ul{float: left; overflow: hidden;}
.qyry_title li{float: left; padding-left: 65px;}
.rybox{position: relative;}
.rybox h3{font-weight: bold; font-size: 80px; color: #fff;font-family: arial;display: inline-block;}
.rybox span{position: absolute;color: #fff; font-size: 16px;}
.rybox b{line-height: 24px; padding: 0 10px;border-radius: 12px; color: #fff; background: #ea7b18; font-size: 14px; display: inline-block; margin-left: -10px;}
.qyry_nr{padding-top: 254px;}
.qytpbox img{width: 100%;-webkit-box-reflect: below 1px -webkit-linear-gradient(top, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.3) 100%);}
.qyry_nr .swiper-button-next{width: 48px;height: 48px;border-radius: 50%; background: rgba(255,255,255,.3);top: 150px; right: 0; margin: 0;color: #fff;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 20px;}
.qyry_nr .swiper-button-next:hover{background: #006af9;}
.qyry_nr .swiper-button-prev{width: 48px;height: 48px;border-radius: 50%; background: rgba(255,255,255,.3);top: 150px; right: 60px; margin: 0;color: #fff;left: auto;}
.qyry_nr .swiper-button-prev:hover{background: #006af9;}

.footer{background: #172442;}
.footerbox{width: 1440px; overflow: hidden; margin: 0 auto; max-width: 94%;padding: 95px 0 65px;display: flex;justify-content : space-between;}
.foot_a h2{ padding-bottom: 40px;}
.foot_b p{color: #fff; font-size: 16px; line-height: 46px;}
.foot_c ul{overflow: hidden;}
.foot_c li{float: left;text-align: center; padding-left: 28px;}
.foot_c p{color: #fff; margin-top: 12px;}
.fqxx{border-top:1px solid rgba(255,255,255,.3);}
.fqxx p{margin: 0 auto; width: 1440px; max-width: 94%; font-size: 14px;color: #fff;opacity: .6; padding: 25px 0; line-height: 27px;}
.fqxx a{color: #fff;}
.cont1{ max-width:1440px; width:96%; height:auto; margin:90px auto;}
.bt{ width:100%; font-size: 36px; height:100px; text-align:center; font-weight:700;}
.cnt1{ width:49%; float:left;}
.cnt2{ width:49%; float:right;}
.cnt1 img{ width:100%}
.cnt2 img{ width:100%}
.cont2{ width:100%; padding:110px 0px; background:url(../images/c21.png) center no-repeat; background-size:cover;}
.cnt21{ max-width:1440px; width:96%; height:auto; margin:0 auto;}
.cnt21 img{ width:100%;}
.cont3{ width:100%; height:auto; padding:110px 0px;background:#EEF6FF;}
.cnt31{ width:96%; max-width:1440px; margin:0 auto;}
.cnt31 li{ width:48%; float:left; margin-right:4%;border-radius: 16px;border: 1px solid var(--60, rgba(255, 255, 255, 0.60));background: var(--Linear, linear-gradient(106deg, #DCE9F5 0%, #EEF6FF 100%));box-shadow: -15px 40px 100px 0px rgba(0, 87, 255, 0.08), -20px 40px 100px 0px rgba(88, 92, 98, 0.04);padding: 35px 100px 30px 10px;box-sizing: border-box; }
.cnt31 li:nth-child(2n) { margin-right:0px;}
.cnt31 li .ct23{ width:145px; float:left;}
.cnt31 li .ct21{width:calc(100% - 155px); float:right;}
.cnt31 li .ct21 h2{ width:100%; height:26px; font-size:20px; font-weight:bold; background:url(../images/c8.png) center right no-repeat; margin-bottom:25px;}
.cnt31 li .ct21 p{ width:100%; height:80px; font-size:16px;line-height:28px; color:#666;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}
.cnt32{ max-width:1440px; width:96%; margin:0 auto; padding:100px 0px 30px 0px ;}
.cnt32 img{ width:100%; }

.cont5{ max-width:1440px; width:96%; height:auto; margin:100px auto}
.cndt5{ width:100%;}
.cndt5 li{ width:32%; float:left; margin-right:2%; margin-bottom:50px;}
.cndt5 li:nth-child(3n){ margin-right:0px;}   
.cndt5 li img{ width:100%;border-radius: 8px;cursor: pointer;transition: all 0.8s;}
.cndt5 li img:hover{transform: scale(1.1);}

.cndt5 li p{ font-size:16px; color:#333; width:100%; padding-top:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.cndt5 li:hover p{ color:#EA7B18;}

#nx_pg{width:100%;  padding:5px 0px 0px 0px; text-align:center; margin-top:10px;}
#nx_pg li{ display:inline-block;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #e1d7e0; color:#9a9a9a;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#00509D;border:1px solid #006290; color:#fff;}
#nx_pg .on{ background:#00509D;border:1px solid #006290; color:#fff;}

.cont6{ max-width:1440px; width:96%; height:auto; margin:100px auto}
.cnt61{ width:42%; float:left;}
.cnt61 h2{color: var(---333, #333);font-size: 24px;
    font-weight: 700;
    line-height: 2;
	white-space: nowrap;
    margin-bottom: 40px;}
.cnt61 h3{color: var(---333, #333);font-size: 20px;font-weight: 700; margin-bottom:20px; }
.cnt61 h4{ color:#666; font-size:16px; line-height:30px; margin-bottom:40px; }
.cnt62{ width:52%; float:right;}
.ct62{ width:100%; height:auto; margin-bottom:25px;}

.a00{ position:relative;}
.rwma1{position: absolute; width: 120px; background: #fff;border-radius: 10px;left:00px; top: 60px;overflow: hidden;display: none;}
.rwma1 img{width: 100%;}
.a00:hover .rwma1{ display:block;}
.a0{display: block; text-align: center; width: 200px; line-height: 60px; color: #fff;border-radius: 6px;background: #ea7b18;font-size: 16px; float:left; margin-right:20px;}
.a0 b{display: inline-block;background: url(../images/a1.png);width: 12px;height: 24px;vertical-align: middle; margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;}
.a0:hover b{margin-left: 25px;}


.a1{display: none; text-align: center; width: 200px; line-height: 60px; color: #fff;border-radius: 6px;background: #ea7b18;font-size: 16px; float:left; margin-right:20px;}
.a1 b{display: inline-block;background: url(../images/a1.png);width: 12px;height: 24px;vertical-align: middle; margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;}
.a1:hover b{margin-left: 25px;}

.a2{display: block; text-align: center; width: 200px; line-height:58px; color: #ea7b18;border-radius: 6px;background: #fff; border:1px solid #ea7b18;font-size: 16px; float:left;box-sizing: border-box;  }
.a2 b{display: inline-block;background: url(../images/a111.png);width: 12px;height: 24px;vertical-align: middle; margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;}
.a2:hover b{margin-left: 25px;}

.rightfd{position: fixed;z-index: 50;right: 0;width: 80px;border-radius: 10px;background: #006af9;top:50%; transform: translateY(-50%);}
.rightfd li{border-bottom:1px solid #005abf; padding: 15px 0 10px;text-align: center;position: relative;}
.rightfd img{margin: 0 auto;}
.rightfd p{color: #fff; margin-top: 15px; }
.rightfd li:last-child{border: none;}
.rwma{position: absolute; width: 120px; background: #fff;border-radius: 10px;left: -120px; top: 0;overflow: hidden;display: none;}
.rwma img{width: 100%;}
.rightfd li:hover{background: #035fdb;}
.rightfd li:hover .rwma{display: block;}

.lxdh{width: 180px; text-align: center; background: #fff;height: 50px;border-radius: 10px;left: -180px; top:50%; transform: translateY(-50%);position: absolute;display: none;}
.lxdh h3{font-family: arial;font-size: 20px; color: #333;line-height: 50px;font-weight: bold;}
.rightfd li:hover .lxdh{display: block;}



.rwma p{color: #333; margin: 0 ; padding:0 0 15px 0;}
@media(max-width:1680px){
.banner_text h2{font-size: 30px; margin-bottom: 60px;}

.banner_text1 h2{font-weight: bold; color: #fff;font-size: 30px; margin-bottom: 25px;line-height: 60px;}
.banner_text1 p{ font-size:20px; color:#fff;}


.banner_text a{width: 175px; line-height: 52px; font-size: 14px;}
.qyjj_title{padding: 130px 0 35px;}
.qyjj_title h3{font-size: 30px; margin-bottom: 60px;}
.qyjj_title h2{font-size: 30px;}
.qyjj_title p{font-size: 14px;}
.qyjj_nr{padding-top: 25px;}
.qyjj_nr p{font-size: 16px;}
.qyjj_nr h2{font-size: 16px; font-weight:normal;margin: 25px 0 10px;}
.qyjj_nr h3{font-size: 16px;font-weight:normal;}
.qyjj_nr a{width: 175px; line-height: 52px; font-size: 14px; margin-top: 55px;}
.ywfw_title{top: 148px;}
.ywfw_title h2{font-size: 30px;}
.ywfw_box{bottom: 110px;}
.ywfw_box span{width: 48px;height: 65px;}
.ywfw_box p{width:300px;height: 100px;margin-bottom: 40px;line-height: 95px;font-size: 18px;padding-left: 35px;}
.ywfw_box p b{font-size: 24px; width: 45px; margin-right: 30px;}
.ywfw_nr li.cur .ywfw_box dl{padding: 0 120px;}

.ywfb_title h2{font-size: 30px; margin-bottom: 25px;}
.ywfb_title p{width: 467px; height: 84px; background-size: 100% 100%;font-size: 18px; padding: 25px 0 0 80px;}
.ywbox h2 b{font-size: 60px;}
.ywbox{width: 130px;}
.ywbox span{bottom: 12px;}
.ywbox h2{font-size: 14px;}
.ywfb_xq dt{line-height: 28px;}

.qyry_title h2{font-size: 30px; line-height: 46px;}
.rybox h3{font-size: 46px;}
.rybox span{font-size: 14px;}
.ywfw_box a:before{left:10px;}
.ywfw_box a{padding-left: 25px;}
.bt{ width:100%; font-size: 34px; height:90px; text-align:center; font-weight:700;}
.bantx h2{font-size: 30px;}
.bantx1 h2{font-size: 30px;}
.bantx p {
    font-size: 18px;}
.bantx1 span {
    font-size: 18px;}
.ywfb{width: 540px;}
.dtnr {
    width: 57%;
}
.ban2{height: 130vh;}
}
@media(max-width:1460px){
	.qyjj_title h3{margin-bottom: 30px;}
	.qyjj_left{width: 480px;}
	.ywfw_nr li.cur .ywfw_box dl{padding: 0 60px;}
	.ywfb{left: 3%;}
	.ywfb_nr ul{padding-top: 0px;}
	.ywfb_xq{padding-top: 20px;}
	.ywfb_xq dt{line-height: 24px;}
	.ywbox h2 b{font-size: 42px;}
	.ywbox span{bottom: 6px;}
	.rybox h3{font-size: 42px;}
	.bt{ width:100%; font-size: 30px; height:80px; text-align:center; font-weight:700;}
	.bantx h2{font-size: 30px;}
.bantx1 h2{font-size: 30px;}
.bantx p {
    font-size: 18px;}
.bantx1 span {
    font-size: 18px;}
.batx span{font-size:14px;}
.batx a{font-size:14px;}
.batx p{font-size:14px;}
.batx h2{font-size:20px;}
.cndt5 li p{font-size:14px;}
.cnt61 h2{font-size:22px;}
.cnt61 h3{
    font-size: 16px;}
.cnt61 h4{font-size: 14px;}
.qyjj_nr p{font-size: 14px;}
.qyjj_nr h2{font-size: 14px; font-weight:normal;margin: 25px 0 10px;}
.qyjj_nr h3{font-size: 14px;font-weight:normal;}
}
@media(max-width:1280px){
.cnt61 h2{color: var(---333, #333);font-size:20px;font-weight: 700; line-height:40px; margin-bottom:40px}
.cnt61 h3{color: var(---333, #333);font-size: 18px;font-weight: 700;margin-bottom: 10px;}
.cnt61 h4{ color:#666; font-size:14px; line-height:2; margin-bottom:30px; }
.ywfw_box a{ font-size:14px;}
.bantx h2{font-size: 24px;}
.bantx1 h2{font-size: 24px;}
.bantx p {
    font-size: 16px;}
.bantx1 span {
    font-size: 16px;}
}



@media(max-width:1200px){
.qyjj_left{width: 440px;}	
.qyjj_title{padding: 40px 0 20px;}
.qyjj_title h3{margin-bottom: 30px;}
.ywfw_nr li.cur .ywfw_box dl{padding: 0 30px;}
.ywfw_box a{font-size: 14px;}
.foot_c img{width: 120px;}
.foot_a h2 img{width: 250px;}
.foot_a p img{width: 320px;}
.foot_b p{font-size: 13px; line-height: 3;}
.cnt31 li{ width:49%; float:left; margin-right:2%;border-radius: 12px;border: 1px solid var(--60, rgba(255, 255, 255, 0.60));background: var(--Linear, linear-gradient(106deg, #DCE9F5 0%, #EEF6FF 100%));box-shadow: -15px 40px 100px 0px rgba(0, 87, 255, 0.08), -20px 40px 100px 0px rgba(88, 92, 98, 0.04);padding: 25px 50px 20px 10px;box-sizing: border-box; }
.cnt31 li:nth-child(2n) { margin-right:0px;}
.cnt31 li .ct23{ width:105px; float:left;}
.cnt31 li .ct23 img{ width:100%}
.cnt31 li .ct21{width:calc(100% - 115px); float:right;}
.cnt31 li .ct21 h2{ width:100%; height:26px; font-size:20px; font-weight:bold; background:url(../images/c8.png) center right no-repeat; margin-bottom:25px;}
.cnt31 li .ct21 p{ width:100%; height:50px; line-height:25px; color:#666;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.cnt32{ max-width:1440px; width:96%; margin:0 auto; padding:60px 0px 20px 0px ;}
.bantx1 span{color: var(---white, #FFF); border:1px solid #fff;border-radius: 8px; padding:16px 20px; font-size:20px; margin-right:15px; margin-bottom:20px;font-weight: 700; display:inline-block;}
.ban3{ height:auto; padding:100px 0px;}
.cont5{ max-width:1440px; width:96%; height:auto; margin:70px auto}

.a0{display: block; text-align: center; width: 150px; line-height: 50px; color: #fff;border-radius: 6px;background: #ea7b18;font-size: 14px; float:left; margin-right:10px;}
.a0 b{display: inline-block;background: url(../images/a1.png);width: 12px;height: 24px;vertical-align: middle; margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;}
.a0:hover b{margin-left: 25px;}


.a1{display: none; text-align: center; width: 150px; line-height: 50px; color: #fff;border-radius: 6px;background: #ea7b18;font-size: 14px; float:left; margin-right:10px;}
.a1 b{display: inline-block;background: url(../images/a1.png);width: 12px;height: 24px;vertical-align: middle; margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;}
.a1:hover b{margin-left: 25px;}

.a2{display: block; text-align: center; width: 150px; line-height:48px; color: #ea7b18;border-radius: 6px;background: #fff; border:1px solid #ea7b18;font-size: 14px; float:left;box-sizing: border-box;  }
.a2 b{display: inline-block;background: url(../images/a111.png);width: 12px;height: 24px;vertical-align: middle; margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;}
.a2:hover b{margin-left: 25px;}

}
@media(max-width:1000px){
.header{height: 60px; }	
.logo{width: 150px; padding-top: 12px;z-index: 10; position: relative;}
.dhbtn{position: absolute; width: 30px;height: 30px; right: 10px;top:15px; background: url(../images/d1.png) no-repeat center;background-size: 20px 20px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center;background-size: 20px 20px;}
.ptdl{position: absolute; width: 100px;height: 35px; line-height: 35px; font-size: 12px;top: 12px;right: 60px;margin: 0;}
.ptdl img{width: 15px;}
.nav{position: fixed; width: 200px; left: 0;height:100vh; left: -200px; top:0;overflow: auto; background: #006AF9;z-index: 1;padding: 80px 0 0 0;}
.header.on2 .nav{ background:#fff;}
.nav li{float: none; width: 100%; padding: 0 15px;}
.nav li h3 a{ font-size: 16px;line-height: 50px;display: inline;}
.cpbox{position: static; padding: 5px 5px 0 5px;width: 100%;}
.cpbox dt{float: none; padding-bottom: 10px;width: 100%;}
.cpbox p{font-size: 14px;}
.dhbj{position: fixed;z-index: 1;width: 100%;height: 100%; background: rgba(0,0,0,.7);left: 0;top: 0;display: none;}
.banner_text{padding-top: 50%;}
.banner_text h2{font-size: 28px;margin-bottom: 40px;}

.banner_text1{padding-top: 50%;}
.banner_text1 h2{font-size: 28px;margin-bottom:15px; line-height:36px}
.banner_text1 p{font-size: 20px;}

.xhbox{font-size: 32px;opacity: .7;bottom: 100px;}
.qyjj_title h3{margin-bottom: 20px;}
.qyjj_nr a{margin-top: 30px;}
.qyjj_right{float: none; width: 100%;}
.qyjj_left{float: none; width: 100%;}
.ywfw_title{top: 60px;}
.ywfw{height: auto;padding-top: 120px;}
.ywfw_nr li{float: none; width: 100%;}
.ywfw_box{position: static; padding: 15px 0;}
.ywfw_nr li.cur{width: 100%;}
.ywfw_box p{margin: 0 auto;}
.ywfw_box dt{width: 100%;}
.ywfb{position: static; width: 100%;transform: translateY(0%);}
.bj3{padding: 50px 3% 0 3%;}
.ywfb_title p{max-width: 100%;padding-left: 40px;}
.ywbox{width: 110px;}
.dtnr{float: none; width: 100%;}
.qyry{padding-top: 50px;}
.qyry_title ul{text-align: center;float: none;}
.qyry_title li{padding:0 10px;display: inline-block;float: none;}
.qyry_title h2{float: none;text-align: center; padding-bottom: 20px;}
.qyry_nr{padding-top: 80px;}
.qyry_nr .swiper-button-next{top: 180px;}
.qyry_nr .swiper-button-prev{top: 180px;}
.footerbox{display: block; padding: 40px 0;}
.foot_a h2 img{width: 150px; margin: 0 auto;}
.foot_a h2{padding-bottom: 20px;}
.foot_a p img{width: 200px; margin: 0 auto;}
.foot_b{padding: 20px 0;}
.foot_b p{font-size: 14px; line-height: 1.8;text-align: center;}
.foot_c {text-align: center;}
.fqxx p{text-align: center;}
.fqxx span{display: block;text-align: center;width: 100%; float: none;}
.foot_c li{padding: 0 10px;float: none;display: inline-block;}
cont1{ max-width:1440px; width:96%; height:auto; margin:70px auto;}
.cont2{ width:100%; padding:70px 0px;}
.cont3{ width:100%; height:auto; padding:70px 0px;background:#EEF6FF;}
.bt{ width:100%; font-size:24px; height:65px; text-align:center; font-weight:700;}
.rightfd{direction: none;}
.cnt31 li{ width:100%; float:none;; margin-right:0%; margin-bottom:15px;border-radius:10px;border: 1px solid var(--60, rgba(255, 255, 255, 0.60));background: var(--Linear, linear-gradient(106deg, #DCE9F5 0%, #EEF6FF 100%));box-shadow: -15px 40px 100px 0px rgba(0, 87, 255, 0.08), -20px 40px 100px 0px rgba(88, 92, 98, 0.04);padding: 25px 50px 20px 10px;box-sizing: border-box; }
.cnt31 li:nth-child(2n) { margin-right:0px;}
.cnt31 li .ct23{ width:105px; float:left;}
.cnt31 li .ct23 img{ width:100%}
.cnt31 li .ct21{width:calc(100% - 115px); float:right;}
.cnt31 li .ct21 h2{ width:100%; height:26px; font-size:20px; font-weight:bold; background:url(../images/c8.png) center right no-repeat; margin-bottom:25px;}
.cnt31 li .ct21 p{ width:100%; height:50px; line-height:25px; color:#666;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.ban2{ height:auto; padding:120px 0px;;}
.ban_text2 {     padding-top: 15%;}
.batx{ width:100%; float:none; padding-bottom:35px;}
.batx1{ width:100%; float:none;}
.batx h2{color: var(---white, #FFF);font-size: 28px;font-style: normal;font-weight: 400; line-height:35px; margin-top:25px; margin-bottom:20px;}
.batx p { margin-bottom:35px;}
.cont5{ max-width:1440px; width:96%; height:auto; margin:60px auto}
.cont6{ max-width:1440px; width:96%; height:auto; margin:10px auto 60px auto}
.cnt61{ width:100%; margin-bottom:30px; float:none;}
.cnt62{ width:100%;float:none;}
.ct62{ width:100%; margin:0 auto; }
.cnt62 img{width:100%;}





}
@media(max-width:800px){
	.rightfd{ display:none;}
.cont1{ max-width:1440px; width:96%; height:auto; margin:40px auto;}
.bt{ width:100%; font-size:22px; height:55px; text-align:center; font-weight:700;}
.cnt1{ width:100%; float:none; padding-bottom:20px;}
.cnt2{ width:100%; float:none;}
.cont2{ width:100%; padding:40px 0px;}
.cont3{ width:100%; height:auto; padding:40px 0px;background:#EEF6FF;}
.cnt32{ max-width:1440px; width:96%; margin:0 auto; padding:40px 0px 20px 0px ;}
.ban2{ height:auto; padding:70px 0px;;}
.banner_text2{width: 1440px; margin: 0 auto;  max-width: 96%;padding-top:10%;}
.bantx h2{font-weight: bold; color: #fff;font-size:35px; margin-bottom: 15px;line-height: 50px;}
.bantx p{ font-size:16px; width:340px; color:#fff;padding: 12px 18px;border-radius: 5px;background: var(--0051-a-0, #00509D);}
.bantx1{ margin: 0 auto; padding-top:70px;;}
.bantx1 h2{font-weight: bold; color: #fff;font-size:35px; margin-bottom: 15px;line-height: 50px;}
.bantx1 span{color: var(---white, #FFF); border:1px solid #fff;border-radius: 8px; padding:12px 15px; font-size:16px; margin-right:10px;font-weight: 700; display:inline-block;}
.bax1{ width:auto; margin-top:50px;}
.bax1 img{ max-width:100%;}
.ban3{height:auto;padding:70px 0px;}
.ban_text2 {     padding-top: 15%;}
.cndt5 li{ width:49%; float:left; margin-right:2%; margin-bottom:30px;}
.cndt5 li:nth-child(2n){ margin-right:0px;}   
.cndt5 li:nth-child(3n){ margin-right:0%;} 
.cndt5 li:nth-child(2n+1){ margin-right:2%;} 
.cndt5 li p{ font-size:14px; color:#333; width:100%; padding-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

.a0{ display: none;;}
.a1{ display: block;}


 
}
@media(max-width:500px){
	
.banner{height: 50vh;}
.banner_text{padding-top:30%;}
.banner_text h2{font-size:22px;margin-bottom: 20px;}
.banner_text a{width: 135px; line-height: 40px; font-size: 12px;}
.wzzz{position: absolute; width: 100%; left: 0; bottom: 0;height: 55px;background: linear-gradient(90deg, rgba(0, 106, 249, 0.68) 0%, rgba(0, 106, 249, 0.00) 100%);z-index: 10;}
.banner .swiper-pagination{text-align: left; padding-left: 6vw;bottom: 20px;}
.banner .swiper-button-next{width: 38px;height: 38px;border-radius: 50%; margin-top: -20px;background: var(--10, rgba(255, 255, 255, 0.10));  color: #fff;right: 10vw;}
.banner .swiper-button-next:after,.banner  .swiper-button-prev:after{font-size: 15px;}
.banner .swiper-button-next:hover{background: #006af9;}
.banner .swiper-button-prev{width: 38px;height: 38px;border-radius: 50%; margin-top: -20px;background: var(--10, rgba(255, 255, 255, 0.10));  color: #fff;right: calc(10vw + 60px); left: auto;}
.banner .swiper-button-prev:hover{background: #006af9;}
.xhbox{font-size:28px;opacity: .7;bottom: 60px;}
.qyjj_title h3{font-size:22px;margin-bottom:15px;}
.qyjj_title h2{font-size: 22px;line-height:2;}
.qyjj_title{padding: 30px 0 15px;}
.qyjj_nr{padding-top: 11px;}
.qyjj_nr h3{font-size: 14px; line-height:2}
.ban1{height: 50vh;}
.banner_text1{padding-top:30%;}
.banner_text1 h2{font-size:22px;margin-bottom:5px; line-height:30px;}
.banner_text1 p{font-size: 16px;}
.cnt31 li{ width:100%; padding: 25px 15px 20px 4px;box-sizing: border-box; }
.cnt31 li:nth-child(2n) { margin-right:0px;}
.cnt31 li .ct23{ width:80px; float:left;}
.cnt31 li .ct23 img{ width:100%}
.cnt31 li .ct21{width:calc(100% - 85px); float:right;}
.cnt31 li .ct21 h2{ width:100%; height:22px; font-size:18px; font-weight:bold; background:url(../images/c8.png) center right no-repeat; margin-bottom:5px;}
.cnt31 li .ct21 p{ width:100%; height:60px; line-height:20px; font-size:12px; color:#666;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
.cnt32{ max-width:1440px; width:96%; margin:0 auto; padding:40px 0px 10px 0px ;}
.bantx h2{font-weight: bold; color: #fff;font-size:20px; margin-bottom: 10px;line-height: 40px;}
.bantx p{ font-size: 12px; width:auto; color:#fff;padding: 8px 15px;border-radius: 5px;background: var(--0051-a-0, #00509D);}
.bantx1{ margin: 0 auto; padding-top:40px;;}
.bantx1 h2{font-weight: bold; color: #fff;font-size:20px; margin-bottom: 10px;line-height: 40px;}
.bantx1 span{color: var(---white, #FFF); border:1px solid #fff;border-radius: 5px; padding:8px 10px; font-size:12px; margin-right:10px;font-weight: 700; display:inline-block;line-height:1.5}
.ban_text2 {     padding-top: 15%;}
.bax1{ width:auto; margin-top:30px;}
.bax1 img{ max-width:100%;}
.batx h2{color: var(---white, #FFF);font-size: 22px;font-style: normal;font-weight: 400; line-height:28px; margin-top:20px; margin-bottom:18px;}
.batx a{display: block; text-align: center; width: 140px; line-height: 40px; color: #fff;border-radius: 4px;background: #ea7b18;font-size: 12px;}
.ban3{height:auto;padding:40px 0px;}
.cont5{ max-width:1440px; width:96%; height:auto; margin:50px auto}
.cndt5 li{ margin-bottom:20px;}
.cont6{ max-width:1440px; width:96%; height:auto; margin:0px auto 40px auto}
.cnt61 h2{color: var(---333, #333);font-size:22px;font-weight: 700; line-height:30px; margin-bottom:18px}
.ywbox span{font-size: 12px;}
.rybox b{font-size: 12px;}
.qyry_nr .swiper-button-next {
    width: 40px;
    height: 40px;}
.qyry_nr .swiper-button-prev{
    width: 40px;
    height: 40px;}












}
