@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:25px; 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;}
a{ color:#5c5c5c; text-decoration:none}

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

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

.header{width: 100%; position: fixed;  z-index: 100;height:110px;}
.headerbox{width:1100px; max-width:96%; margin: 0  auto;}
.logo{ height:82px; padding-top: 15px;float: left; position:relative; display:none;}
.logo img{ height:82px;}
.yzxz {float: right;width:150px;height:44px; padding-left:30px; margin-top:31px; line-height:44px;background:#4833C0 url(../images/dow1.png) center left 30px no-repeat ; border:1px solid ##094984; border-radius:8px;  font-size:20px; color:#fff; text-align:center;}
.yzxz a{color: #fff;font-size: 14px; padding:0px 5px;}
.yzxz  a:hover{color: #fff;}

.yzxz1 {float: right;width:44px;height:44px; margin-top:31px; margin-left:50px; line-height:44px;background:#4833C0  ; border:1px solid ##094984; border-radius:50px;  font-size:16px; color:#fff; text-align:center;}
.yzxz1 a{color: #fff;font-size: 16px; }
.yzxz1  a:hover{color: #fff;}


.yzxz2 {float: right;width:150px;height:44px; padding-left:30px; margin-top:31px; line-height:44px;background:#4833C0 url(../images/dow1.png) center left 30px no-repeat ; border:1px solid ##094984; border-radius:8px;  font-size:20px; color:#fff; text-align:center;}
.yzxz2 a{color: #fff;font-size: 14px; padding:0px 5px;}
.yzxz2  a:hover{color: #fff;}

.yzxz3 {float: right;width:44px;height:44px; margin-top:31px; margin-left:50px; line-height:44px;background:#4833C0  ; border:1px solid ##094984; border-radius:50px;  font-size:16px; color:#fff; text-align:center;}
.yzxz3 a{color: #fff;font-size: 16px; }
.yzxz3  a:hover{color: #fff;}


.nav{float: left; margin-top:35px;}

.nav li{float: left; padding:0 ;position: relative;}
.nav h3 a{ color: #4833C0;font-size: 16px; line-height: 50px; padding:0px 70px; display:block; }
.nav img{display: none;}
.nav h3:hover a{color: #4833C0; background:url(../images/tb1.png) center no-repeat;;}



.sub{position: absolute;width: 100%;top: 80px; left: 0; background: rgba(0,0,0,.7);z-index: 100;display: none;}
.sub dt{font-size: 14px; text-align: center; line-height: 40px;}
.sub dt a{display: block; color: #fff;}
.sub dt a:hover{background: #006AB7;;}

.header.on{ background: url(../images/a7.png) center top no-repeat; background-size:cover;;}
.logo1{display: block;}
.logo2{display: none;position: absolute;left:0; top:20px;}
.header.on .logo2{display: block;}
.header.on .nav h3 a{font-weight:; color: #4833C0;font-size: 16px; line-height:50px;}



.banner {overflow: hidden; position: relative;}
.banner img {transform: scale(1.2); display: block; transition: all 3s; z-index: 2; width: 100%;}
.banner .swiper-slide { overflow: hidden;}
.banner .swiper-slide-active img { transform: scale(1);}
.banner .swiper-button-prev{background: url(../images/left.png);width: 45px;height: 45px;margin-top: -22px;background-size: 100%;opacity:0.6;}
.banner .swiper-button-next{background: url(../images/right.png);width: 45px;height: 45px; margin-top: -22px;background-size: 100%;opacity:0.6;}
.banner .swiper-button-prev:hover{opacity:1;}
.banner .swiper-button-next:hover{opacity:1;}
.banner .swiper-pagination-bullet{width: 40px;height: 2px; opacity: 1;background: #fff;border-radius: 0;}
.banner .swiper-pagination-bullet-active{background: #52ab9c;}





.banner1 {overflow: hidden; position: relative;}
.banner1 img {transform: scale(1.2); display: block; transition: all 3s; z-index: 2; width: 100%;}
.banner1 .swiper-slide { overflow: hidden;}
.banner1 .swiper-slide-active img { transform: scale(1);}
.banner1 .swiper-button-prev{background: url(../images/left.png);width: 45px;height: 45px;margin-top: -22px;background-size: 100%;opacity:0.6;}
.banner1 .swiper-button-next{background: url(../images/right.png);width: 45px;height: 45px; margin-top: -22px;background-size: 100%;opacity:0.6;}
.banner1 .swiper-button-prev:hover{opacity:1;}
.banner1 .swiper-button-next:hover{opacity:1;}

.banner2 {overflow: hidden; position: relative;}
.banner2 img {transform: scale(1.2); display: block; transition: all 3s; z-index: 2; width: 100%;}
.banner2 .swiper-slide { overflow: hidden;}
.banner2 .swiper-slide-active img { transform: scale(1);}
.banner2 .swiper-button-prev{background: url(../images/left.png);width: 45px;height: 45px;margin-top: -22px;background-size: 100%;opacity:0.6;}
.banner2 .swiper-button-next{background: url(../images/right.png);width: 45px;height: 45px; margin-top: -22px;background-size: 100%;opacity:0.6;}
.banner2 .swiper-button-prev:hover{opacity:1;}
.banner2 .swiper-button-next:hover{opacity:1;}

.banner3{ display:none;}
.banner4{ display:none;}
.banner5{ display:none;}

.cont1{ width:100%; height:auto; text-align:center;}
.cont1 img{ max-width:100%; display:block; margin:0 auto;}
.cont1s{ width:100%; height:auto; text-align:center; display:none;}
.cont1s img{ max-width:100%; display:block;margin:0 auto; }

.cont3{ width:100%; height:auto; text-align:center;}
.cont3 img{ max-width:100%; display:block;margin:0 auto; }

.footer{ width:100%; height:auto; padding:70px 0px; background:url(../images/a4.png) center no-repeat;  background-size:cover;}
.foot{ width:700px; max-width:96%; margin:0 auto; color:#fff;  }
.foot1{ width:auto; height:auto; float:left;}
.foot2{ float:right;}
.foot2 h2{ font-size:26px; font-weight:normal; margin-top:20px;}
.foot2 p{ font-size:22px;color: var(--60, rgba(255, 255, 255, 0.60)); margin-top:20px;}

.fixDown { transition: all 0.5s; z-index: 10; border-radius: 12px; width: 493px; height: 212px; background: #ffffff; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); display:none;}
.fixLogo { transition: all 0.5s; width: 100px; position: absolute; left: 50%; border-radius: 10px; top:0; box-shadow: 0 10px 10px rgba(0,0,0,0.2); transform: translate(-50%,-50%);}
.fixLogo img { border-radius: 10px; display: block; width: 100%;}
.fixDown h2 { display:none; transition: all 0.5s; line-height: 43px; font-size: 24px; color: #333333; position: absolute; top:45px; left: 0; width: 100%; text-align: center;}
.fixDown a { transition: all 0.5s; display: block; width: 393px; line-height: 64px; border-radius: 64px; position: absolute; top: 96px;
left: 50px; text-align: center; background: #E5322E; font-weight:bold; color: #ffffff; font-size: 17px;}
.fixDown a b { font-weight: 700;; }
.fixDown p { transition: all 0.5s; position: absolute; left: 0; width: 100%; bottom: 14px; font-size: 14px; color: #333333; text-align: center;}
.fixDown.act { height: 125px;}

.fixDown.act .fixLogo { transform: translate(0,-50%); top:50%; left: 30px; box-shadow: none; border-radius: 0;}
.fixDown.act .fixLogo img { border-radius: 0;}
.fixDown.act h2 { left: 150px; text-align: left; width: auto; top: 25px;}
.fixDown.act p { top: 63px; left: 150px; text-align: left;}
.fixDown.act a { width: 170px; top: 50%; transform: translateY(-50%); left: 310px;}
.fixDown.act a b { display: none;}
.fixDown a i { display: inline-block; vertical-align:3px; width: 4px; height: 4px; background: #ffffff; border-radius: 50%; margin: 0 5px;}
.fixDown.act a i { display: none;}
.downAlt { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99;}
.downInfor { border-radius: 24px; text-align: center; background: url(../images/pcdownloadbg.svg) center top no-repeat; background-size:cover; width: 335px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 23px;}
.downInfor img { margin: 11px auto; display: block; width: 100%;}
.downInfor h2 { font-size: 19px; font-weight: normal; line-height: 1;}
.downInfor p { font-size: 15px; line-height: 20px;}
.closeBtn { position: absolute; right: 20px; top: 20px; width:14px;}
.closeBtn img { margin: 0; width: 100%;}


.ban1{ width:100%; height:auto; text-align:center;}
.ban1 img{ max-width:100%; display:block; margin:0 auto;}
.ban2{ width:100%; height:auto; text-align:center; display:none;}
.ban2 img{ max-width:100%; display:block; margin:0 auto;}
.ban3{ width:1440px; max-width:96%; height:auto; padding:140px 0px; margin:0 auto;}
.ban3 h2{color: var(--4833-c-0, #4833C0);font-family: "Microsoft YaHei";font-size: 48px; height:80px;}
.ban3 h3{ color: var(--4833-c-0, #4833C0);font-size: 36px; height:65px;}
.ban3 p{color: var(---333, #333); font-size:32px; line-height:70px; text-align: justify ;}
.ban3 p span{color: var(--4833-c-0, #4833C0);}


.ban4{ width:1350px; max-width:96%; height:auto; margin:100px auto; text-align:center;}
.ban4 img{ max-width:100%; display:block; margin:0 auto;}

.list{ width:1560px; height:auto; max-width:96%; margin:100px auto;}
.list h4{color: var(--4833-c-0, #4833C0); font-size:48px; height:80px;}
.list h5{color: var(--4833-c-0, #333); font-size:29px; line-height:44px; padding:30px 0px;}
.list li { margin-bottom: 40px; float:left; width:48%; margin-right:4%;background: var(--Linear, linear-gradient(104deg, #E6DFFF 0%, #FFF 46%, #DFE0FF 100%));border-radius: 23px;
border:1px solid var(----, #FEFEFF); position:relative;transition: all 0.8s;}
.list li:nth-child(2n){ margin-right:0px;}  

.list li:nth-child(1):hover .litc{ display:none;}
.list li:nth-child(3):hover .litc{ display:none;}
.list li:nth-child(4):hover .litc{ display:none;}
.litc .img2{ display:none;}


.newsArt { transition: all .5s; position: relative;overflow: hidden; padding: 41px 56px 40px 0;border-radius: 8px;}
.newsArt:after { content: ''; position: absolute; left: 100px; top: 50%; transform: translateY(-50%); width: 1px; background: ;}
.newsDate {padding-top: 5px; float: left; text-align: center; width: 110px;}
.newsDate p { font-size: 40px; line-height: 1;color: var(--4833-c-0, #4833C0); font-weight:700; font-size:67px; font-family: Roboto;}

.newsInfor{ float: right; width: calc(100% - 120px);}
.newsInfor h2 { line-height: 35px; margin-bottom: 10px; font-size:27px; color: #333333; font-weight:700;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.newsArt:after { content: '';}
.litc{ position:absolute; right:20px; top:-100px; z-index:999; display:none;transition: all 0.8s;}
.list li:hover .litc{ display:block;}

.lx1{ width:1440px; max-width:96%; margin:100px auto;}
.ab2t{ width:49%; float:left;}
.bt2t{ width:100%; height:auto; text-align:left;}
.bt2t h2{ font-size:36px; font-weight:normal; color:#4833C0;background:url(../images/b5.png) left top no-repeat; padding-left:40px;}
.ft4{ max-width:100%; margin:55px auto 0px auto;}
.jon11{ width:48%; height:60px; margin-bottom:20px; float:left; margin-right:2% }
.jon11:nth-child(2){ margin-right:0px;}
.jon11:nth-child(4){ margin-right:0px; float:right;}
.b11{width:100%; height:60px; line-height:60px; font-size:14px; margin:0;border: 1px solid var(--gray-5, #E0E0E0);
;box-sizing: border-box;   padding:0;;box-sizing: border-box;border-radius: 2px; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b11:hover{border:#BDBDBD 1px solid;  }
.jon41{ width:98%; height:180px; margin-bottom:20px; display:block;}
.b21{width:100%; height:180px; line-height:30px;margin:0; font-size:14px;border: 1px solid var(--gray-5, #E0E0E0);
box-sizing: border-box;border-radius: 2px; padding-left:5px; }
.b21:hover{border:#BDBDBD 1px solid;  }
.jon51{ width:200px; height:60px;}
.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height: 60px; color: #fff; background:#4833C0;;;;border-radius:3px;}
.jon51 button:hover{ text-decoration:underline; color:#fff;}
input.b11::-ms-input-placeholder{ color:#666;;opacity:0.8;}
input.b11::-webkit-input-placeholder { color:#666;;opacity:0.8;}
textarea.b21::-ms-input-placeholder{ color:#666;;opacity:0.8;}
textarea.b21::-webkit-input-placeholder { color:#666;;opacity:0.8;}

.lx12{ width:47%; float:right;}
.lx12 img{ width:100%;}
.map{ width:100%;}
.map img{ width:100%; display:block;}
.map1{ width:100%; display:none;}
.map1 img{ width:100%; display:block;}



@media screen and  (max-width:1480px){
	.growTxt { margin-right: 0;}
	.growImg { float: right;}
	.bannerTxt h2 { font-size: 32px; margin-bottom: 20px; line-height: 44px;}
	.bannerTxt p { font-size: 18px; margin-bottom: 20px;}
}





@media(max-width:1380px){
.headerbox{width: 100%; padding: 0 10px;}
.yyhy{width: 100%; padding: 0 10px;}

.ban3{ width:1440px; max-width:96%; height:auto; padding:120px 0px; margin:0 auto;}
.ban3 h2{color: var(--4833-c-0, #4833C0);font-family: "Microsoft YaHei";font-size: 42px; height:70px;}
.ban3 h3{ color: var(--4833-c-0, #4833C0);font-size: 32px; height:55px;}
.ban3 p{color: var(---333, #333); font-size:26px; line-height:60px;}

}
@media(max-width:1200px){
.header{height: 80px;background: url(../images/a7.png) center top no-repeat; background-size:cover;}
.logo{ height:50px; padding-top:15px; display:block; padding-left:40px;}
.logo img{ height:50px;}
.logo2{top:5px;}
.yzxz { display:none;float: right;width:100px;height:32px; padding-left:0px; margin-top:15px; line-height:32px;background:#4833C0 url(../images/dow1.png) center left 0px no-repeat; background-image:none; border:1px solid ##094984; border-radius:8px;  font-size:14px; color:#fff; text-align:center;}
.yzxz a{color: #fff;font-size: 14px; padding:0px 5px;}
.yzxz  a:hover{color: #fff;}


.yzxz1 {display:none;float: right;width:32px;height:32px; margin-top:15px; margin-left:10px; margin-right:40px; line-height:32px;background:#4833C0  ; border:1px solid ##094984; border-radius:50px;  font-size:14px; color:#fff; text-align:center;}
.yzxz1 a{color: #fff;font-size: 14px; }
.yzxz1  a:hover{color: #fff;}

.yzxz2 {float: right;width:100px;height:32px; padding-left:0px; margin-top:15px; line-height:32px;background:#4833C0 url(../images/dow1.png) center left 0px no-repeat; background-image:none; border:1px solid ##094984; border-radius:8px;  font-size:14px; color:#fff; text-align:center;}
.yzxz2 a{color: #fff;font-size: 14px; padding:0px 5px;}
.yzxz2  a:hover{color: #fff;}


.yzxz3 {float: right;width:32px;height:32px; margin-top:15px; margin-left:10px; margin-right:40px; line-height:32px;background:#4833C0  ; border:1px solid ##094984; border-radius:50px;  font-size:14px; color:#fff; text-align:center;}
.yzxz3 a{color: #fff;font-size: 14px; }
.yzxz3  a:hover{color: #fff;}



.dhbtn{width: 34px; height:34px;background: url(../images/dm1.png) no-repeat center center ;background-size:34px 34px;position: absolute;right: 10%;top: 23px;border-radius: 0px;}
.dhbtn.on{width: 34px; height:34px;background: url(../images/dm2.png) no-repeat center center ;;background-size:34px 34px;position: absolute;right:10%;top: 23px;border-radius: 0px;}
.nav{position: fixed;width: 200px;height: 100%; margin-top:60px;background: #fff; top: 0;left: -200px;overflow: auto; padding-right:0px;}
.nav li{float: none;width: 100%; padding: 0px;border-bottom: 1px solid #eee;}
.nav h3 a{border-bottom: 0px solid #eee;line-height: 50px;font-size: 14px;display: block; color:#333; display:inline-block; padding:0px; padding-left:10px;box-sizing: border-box; }
.nav h3:hover a{ background:none;}
.header.on .nav h3 a{border-bottom: 1px solid #eee;line-height: 50px;font-size: 14px;display: block; width:100%; color:#333;}
.nav img{width: 120px; margin: 10px auto; display:none;}
.nav li h3 a:before{ display:none;position: absolute; content: "";border-bottom: 2px solid #B9231D;; width: 0; left: 20%; bottom: 15px;transition: All 0.4s ease-in-out;}
.nav li h3:hover a:before{width: 60%; display:none;}
.dhbj{width: 100%;height: 100%;background: rgba(0,0,0,.8);top: 0;left: 0;z-index: 90;position: fixed;display: none;}
.nav img{display: none;; width:}
.nav .sub {position: static;}
.sub dt{line-height: 40px; font-size: 12px;line-height: 30px;}

.banner{ display:none;}
.banner1{ display:none;}
.banner2{ display:none;}
.banner3 {overflow: hidden; position: relative; display:block}
.banner3 img {transform: scale(1); display: block; transition: all 3s; z-index: 2; width: 100%;}
.banner3 .swiper-slide { overflow: hidden;}
.banner3 .swiper-slide-active img { transform: scale(1);}
.banner3 .swiper-button-prev{background: url(../images/left.png);width: 45px;height: 45px;margin-top: -22px;background-size: 100%;opacity:0.6;}
.banner3 .swiper-button-next{background: url(../images/right.png);width: 45px;height: 45px; margin-top: -22px;background-size: 100%;opacity:0.6;}
.banner3 .swiper-button-prev:hover{opacity:1;}
.banner3 .swiper-button-next:hover{opacity:1;}

.banner4 {overflow: hidden; position: relative; display:block}
.banner4 img {transform: scale(1); display: block; transition: all 3s; z-index: 2; width: 100%;}
.banner4 .swiper-slide { overflow: hidden;}
.banner4 .swiper-slide-active img { transform: scale(1);}
.banner4 .swiper-button-prev{background: url(../images/left.png);width: 45px;height: 45px;margin-top: -22px;background-size: 100%;opacity:0.6;}
.banner4 .swiper-button-next{background: url(../images/right.png);width: 45px;height: 45px; margin-top: -22px;background-size: 100%;opacity:0.6;}
.banner4 .swiper-button-prev:hover{opacity:1;}
.banner4 .swiper-button-next:hover{opacity:1;}
.banner4 .swiper-pagination-bullet{width: 35px;height: 2px; opacity: 1;background: #fff;border-radius: 0;}
.banner4 .swiper-pagination-bullet-active{background: #52ab9c;}
.banner5 {overflow: hidden; position: relative; display:block}
.banner5 img {transform: scale(1); display: block; transition: all 3s; z-index: 2; width: 100%;}
.banner5 .swiper-slide { overflow: hidden;}
.banner5 .swiper-slide-active img { transform: scale(1);}
.banner5 .swiper-button-prev{background: url(../images/left.png);width: 45px;height: 45px;margin-top: -22px;background-size: 100%;opacity:0.6;}
.banner5 .swiper-button-next{background: url(../images/right.png);width: 45px;height: 45px; margin-top: -22px;background-size: 100%;opacity:0.6;}
.banner5 .swiper-button-prev:hover{opacity:1;}
.banner5 .swiper-button-next:hover{opacity:1;}

.ban1{ display:none;}
.ban2{ display:block;}



.ban3{ width:1440px; max-width:96%; height:auto; padding:100px 0px; margin:0 auto;}
.ban3 h2{color: var(--4833-c-0, #4833C0);font-family: "Microsoft YaHei";font-size: 38px; height:60px;}
.ban3 h3{ color: var(--4833-c-0, #4833C0);font-size: 28px; height:48px;}
.ban3 p{color: var(---333, #333); font-size:22px; line-height:50px;}
.ban4{ width:1350px; max-width:96%; height:auto; margin:70px auto; text-align:center;}
.list{ width:1560px; height:auto; max-width:96%; margin:70px auto;}
.list h4{color: var(--4833-c-0, #4833C0); font-size:36px; height:60px;}
.list h5{color: var(--4833-c-0, #333); font-size:22px; line-height:34px; padding:20px 0px;}
.list li { margin-bottom: 30px; float:left; width:49%; margin-right:2%;background: var(--Linear, linear-gradient(104deg, #E6DFFF 0%, #FFF 46%, #DFE0FF 100%));border-radius: 20px;
border:1px solid var(----, #FEFEFF); position:relative;transition: all 0.8s;}
.list li:nth-child(2n){ margin-right:0px;}  
.newsArt { transition: all .5s; position: relative;overflow: hidden; padding: 31px 36px 30px 0;border-radius: 8px;}
.newsArt:after { content: ''; position: absolute; left: 100px; top: 50%; transform: translateY(-50%); width: 1px; background: ;}
.newsDate {padding-top: 5px; float: left; text-align: center; width: 100px;}
.newsDate p { line-height: 1;color: var(--4833-c-0, #4833C0); font-weight:700; font-size:40px; font-family: Roboto;}

.newsInfor{ float: right; width: calc(100% - 110px);}
.newsInfor h2 { line-height:25px; margin-bottom: 10px; font-size:22px; color: #333333; font-weight:700;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.newsArt:after { content: '';}
.litc{ position:absolute; right:20px; width:140px; height:auto; top:-120px; z-index:999; display:none;transition: all 0.8s;}
.litc img{ width:100%;}
.lx1{ width:1440px; max-width:96%; margin:60px auto;}
.bt2t h2{ font-size:28px; font-weight:normal; color:#4833C0;background:url(../images/b5.png) left top no-repeat; padding-left:30px;}
.ft4{ max-width:100%; margin:35px auto 0px auto;}
.jon11{ width:48%; height:50px; margin-bottom:10px; float:left; margin-right:2% }
.jon11:nth-child(2){ margin-right:0px;}
.jon11:nth-child(4){ margin-right:0px; float:right;}
.b11{width:100%; height:50px; line-height:50px; font-size:14px; margin:0;border: 1px solid var(--gray-5, #E0E0E0);
;box-sizing: border-box;   padding:0;;box-sizing: border-box;border-radius: 2px; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b11:hover{border:#BDBDBD 1px solid;  }
.jon41{ width:98%; height:130px; margin-bottom:20px; display:block;}
.b21{width:100%; height:130px; line-height:30px;margin:0; font-size:14px;border: 1px solid var(--gray-5, #E0E0E0);
box-sizing: border-box;border-radius: 2px; padding-left:5px; }
.jon51{ width:160px; height:50px; line-height:50px;}
.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height:50px; color: #fff; background:#4833C0;border-radius:3px;}

.map{ width:100%; display:none;}
.map img{ width:100%; display:block;}
.map1{ width:100%; display:block;}
.map1 img{ width:100%; display:block;}


}
@media(max-width:1080px){
.fixDown { height: 110px; transform: translate(0); left: 0; bottom: 0; width: 100%; border-radius: 0; display: block;}
.list li { margin-bottom: 20px; float:left; width:100%; margin-right:0%;background: var(--Linear, linear-gradient(104deg, #E6DFFF 0%, #FFF 46%, #DFE0FF 100%));border-radius: 20px;
border:1px solid var(----, #FEFEFF); position:relative;transition: all 0.8s;}
.list li:nth-child(2n){ margin-right:0px;} 
.litc{ position:absolute; right:20px; width:80px; height:auto; top:-60px; z-index:999; display: block;transition: all 0.8s;}

.list li:nth-child(1) .litc{ display:none;;}
.list li:nth-child(3) .litc{ display:none;;}
.list li:nth-child(4) .litc{ display:none;;}
 .litc .img2{ display:block;}
 .litc .img1{ display:none;}



.fixLogo { width:70px;}
.fixDown h2 { top: 31px; font-size: 16.8px;}
.fixDown a {width: 275px; top: 50px; height: 44px; line-height: 44px; left: auto; right: 50%; margin-right: -138px; font-size: 14px;}
.fixDown p { bottom: 8px; font-size: 12px;}
.fixDown.act { height: 87.5px;}
.fixDown.act .fixLogo { left: 20px;}
.fixDown.act h2 { display: block; left:100px; top:50%; transform: translateY(-50%);}
.fixDown.act p { left: 100px; top: 40px;}
.fixDown.act a { width: 150px; right: 20px; margin: 0; left: auto;}
	.list li { margin-bottom: 20px; float:left; width:100%; margin-right:0%;background: var(--Linear, linear-gradient(104deg, #E6DFFF 0%, #FFF 46%, #DFE0FF 100%));border-radius: 20px;
border:1px solid var(----, #FEFEFF); position:relative;transition: all 0.8s;}
.list li:nth-child(2n){ margin-right:0px;} 
.litc{ position:absolute; right:20px; width:80px; height:auto; top:-60px; z-index:999; display: block;transition: all 0.8s;}
}
@media(max-width:800px){
.footer{ width:100%; height:auto; padding:30px 0px 125px 0px;; background:url(../images/r.png) center top no-repeat;    background-size:cover;}
.foot{ width:350px; max-width:96%; margin:0 auto; padding-left:0px;; box-sizing: border-box; color:#fff; text-align:center; }
.foot1{ width: auto; height:auto; float:left;margin-top:5px;}
.foot1 img{ height:35px; }
.foot2{ text-align:left; float:right}
.foot2 h2{ font-size:14px; margin-top:0px;}
.foot2 p{ font-size:12px; margin-top:0px;}


.cont1{ width:100%; height:auto; text-align:center; display:none;;}
.cont1s{ width:100%; height:auto; text-align:center; display:block;}



.ban3{ width:1440px; max-width:96%; height:auto; padding:20px 10px; margin:0 auto;  }
.ban3 h2{color: var(--4833-c-0, #4833C0);font-family: "Microsoft YaHei";font-size: 24px; height:40px;}
.ban3 h3{ color: var(--4833-c-0, #4833C0);font-size: 20px; height:36px;}
.ban3 p{color: var(---333, #333); font-size:15px; line-height:2;text-align: justify;}
.ban3 p span{font-weight:700;font-size:16px;}
.ban4{ width:1350px; max-width:96%; height:auto; margin:40px auto; text-align:center;}
.list{ width:1560px; height:auto; max-width:96%; margin:50px auto;}
.list h4{color: var(--4833-c-0, #4833C0); font-size:30px; height:50px;}
.list h5{color: var(--4833-c-0, #333); font-size:14px; font-weight:400px; line-height:28px; padding:20px 0px;}
.newsArt { transition: all .5s; position: relative;overflow: hidden; padding: 21px 25px 20px 0;border-radius: 8px;}
.newsDate {padding-top: 5px; float: left; text-align: center; width: 60px;}
.newsDate p { line-height: 1;color: var(--4833-c-0, #4833C0); font-weight:700; font-size:30px; font-family: Roboto;}

.newsInfor{ float: right; width: calc(100% - 70px);}
.newsInfor h2 { line-height:25px; margin-bottom: 10px; font-size:16px; color: #333333; font-weight:700;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.lx1{ width:1440px; max-width:96%; margin:40px auto 20px auto;}
.ab2t{ width:100%; float:none;;}
.lx12{ width:100%; float:none;}
.litc{ position:absolute; right:5px; width:65px; height:auto; top:5px; z-index:1; display: block;transition: all 0.8s;}
}

@media(max-width:440px){
	.newsInfor h2 { font-size:14px;}
	.list li:nth-child(2) .newsInfor h2 { width:100%; padding-right:80px;box-sizing: border-box; font-size:14px;}
	.litc{width:90px;}
	}


@media(max-width:395px){
.newsDate {padding-top: 0px; float: left; text-align: center; width: 50px;}
.newsDate p { line-height: 1;color: var(--4833-c-0, #4833C0); font-weight:700; font-size:30px; font-family: Roboto;}
.list h5{ padding-top:5px;}
.newsInfor{ float: right; width: calc(100% - 50px);}
.litc{width:67px; right:14px; top:3px;}
.newsInfor h2 { line-height:16px; margin-bottom:0px; color: #333333; font-weight:700;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
.list li:nth-child(2) .newsInfor h2 { width:100%; padding-right:65px;}
}