@charset "utf-8";
/*通用样式*/
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: ; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
input,textarea { outline: none; border: none; box-sizing: border-box; background: none;}
body{ overflow-x: hidden; background:#fff; font:normal 14px/25px "微软雅黑"; color:#333;  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:#1B56FF;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
#screen { position: fixed; left: 0; top: 0; z-index: 12; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none;}
/* CSS Document */
.header { background: #ffffff; position: fixed; left: 0; top: 0; width: 100%; z-index: 20;}
.headerCont { height: 90px; max-width: 92%; width: 1280px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.nav ul { display: flex;}
.nav li {margin-left: 60px; position: relative;}
.nav li h2 { line-height: 90px; position: relative; font-weight:400;}
.nav li h2 a { font-size: 16px; color: #333333;}
.nav li h2::after { content: ''; transition: all 0.3s; width: 0; position: absolute; left: 0;  bottom: 9px; height: 3px; background: #1b56ff;}

.nav li:hover h2::after { content: ''; width: 100%;}
.nav li:hover h2 a { color: #1b56ff;}
.sub{position: absolute;width:160px; left: 50%; transform: translateX(-50%); top: 90px; background: rgba(255,255,255,.8);z-index: 100;display: none;}
.sub dt{line-height: 40px;font-size: 14px;text-align: center;}
.sub dt a{display: block; color: #666; transition: all 0.3s;}
.sub dt a:hover{color: #fff;background: #1b56ff;}
.tp{ width:100%; height:90px;}
.banner { overflow: hidden;}
.banner img { display: block; transition: all 5s; width: 100%;}
.bannerText { width: 1280px; z-index: 2; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); max-width: 92%;}
.bannerText h2 {color: #ffffff; font-weight: bold; font-size: 32px; line-height: 1.3;}
.bannerText p {color: #ffffff; font-weight: bold; font-size:48px; line-height: 1.45;}
.bannerText a { margin-top: 66px; display: flex; width: 207px; height: 62px; justify-content: center; background: #1b56ff; align-items: center; gap: 37px; font-size: 14px; color: #ffffff;}
.bannerText i{ display: block; background: url(../images/icon9.png) center no-repeat; width: 8px; height: 14px;}
.banner .swiper-pagination { bottom: 40px; display: flex; align-items: center; padding: 6px 10px; border-radius: 16px; width: auto; left: 50%; transform: translateX(-50%); width: auto; background: rgba(255,255,255,.1);}
.banner .swiper-pagination span { margin: 0 10px; opacity: 1; background: rgba(255,255,255,.3);}
.banner .swiper-pagination span.swiper-pagination-bullet-active { background: rgba(255,255,255,1);}
.banner .swiper-slide-active img{ transform: scale(1.1);}
.banner .swiper-button-prev { left: 40px; background: url(../images/bannerprev.png) center no-repeat; width: 28px; height: 56px;}
.banner .swiper-button-next { left: auto; right: 40px; background: url(../images/bannernext.png) center no-repeat; width: 28px; height: 56px;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { display: none;}
.container { width: 1280px; margin: 0 auto; max-width: 92%;}
.introduce { background: rgb(242,242,242); padding: 100px 0;}
.intTit p { font-weight: bold; font-size: 20px; line-height: 1.5; color: rgb(255,122,27); margin-bottom: 10px;}
.intTit span { display: block; font-weight: bold; font-size: 36px; line-height: 1.3; color: #333333;}
.introduceDesc { margin-bottom: 60px; display: flex; justify-content: space-between;}
.intArt { width: 630px; line-height: 25px; font-size: 14px; color: #666666;}
.intList ul { justify-content: space-between; display: flex; flex-wrap: wrap;}
.intList li { width: calc(50% - 10px); margin-bottom: 20px; overflow: hidden; position: relative;}
.intList li img { transition: all 1s; display: block; width: 100%;}
.proTip { z-index: 3; transition: all 0.5s; position: absolute; left: 60px; top: 295px;}
.proTip p { transition: all 0.5s; font-weight: bold; font-size: 20px; line-height: 1.5; margin-bottom: 10px; color: #333333;}
.proTip span { transition: all 0.5s; font-size: 14px; color: #666;}
.intList li:hover .proTip { top: 100px;}
.intList li:hover .proTip p,.intList li:hover .proTip span { color: #ffffff;}
.intList li::after { content: ''; opacity: 0; transition: all 0.5s; background:#1b56ff; width: 100%; height: 100%; left: 0; top: 0; position: absolute;}
.intList li:hover::after { opacity: 0.8;}
.intList li:hover img { transform: scale(1.2);}
.intList li i { transition: all 0.5s; display: block; background: url(../images/icon10.png) center no-repeat; width: 48px; height: 48px; position: absolute; left: 60px; bottom: 62px;
z-index: 2; opacity: 0;}
.intList li:hover i{ opacity: 1;}
.intList li i:hover { transform: rotate(360deg);}
.homeAbout { display: flex; justify-content: space-between;}
.aboutTitle p { font-size: 20px; font-weight: bold; line-height: 1.5; color: #ffffff; margin-bottom: 10px;}
.aboutTitle h2 { font-size: 36px; line-height: 1.5; font-weight: bold; color: #ffffff; margin-bottom: 10px;}
.aboutTitle span { font-weight: bold; font-size: 16px; display: block; line-height: 1.5; color: rgba(255,255,255,6);}
.aboutText { background:#1b56ff; width: 50%; padding: 138px 120px 138px calc(50% - 640px);}
.aboutDesc { margin: 60px 0 80px; font-size: 14px; color: #ffffff; line-height: 2;}
.aboutText a { display: inline-flex; height: 60px; justify-content: center; align-items: center; padding: 0 42px; border: 1px solid rgba(255,255,255,.6); color: #ffffff;
font-size: 14px; gap: 25px;}
.aboutText a i { display: block; background: url(../images/icon9.png) center no-repeat; width: 8px; height: 14px;}
.aboutImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.aboutImg { width: 50%;}
.application { padding: 100px 0 140px;}
.intArt a { margin-top: 40px; display: inline-flex; height: 60px; justify-content: center; align-items: center; padding: 0 42px; color: #ffffff;
font-size: 14px; gap: 25px; background: #1b56ff;}
.intArt a i { display: block; background: url(../images/icon9.png) center no-repeat; width: 8px; height: 14px;}
.majorList ul { width:100%;}
.majorList li { position: relative; box-sizing: border-box; padding: 58px 38px 70px; width:24.25%; margin-right:1%; float:left; margin-bottom: 20px; background: #F2F2F2;}
.majorList li:nth-child(4n){ margin-right:0px;}
.majorCover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s;}
.majorIcon { display: block; margin-bottom: 72px;}
.majorList li h2 { border-bottom: 1px solid rgba(0,0,0,0.1); font-weight: bold; font-size: 16px; padding-bottom: 18px; margin-bottom: 18px; line-height: 1.5; color: #000;}
.majorList li p { color: #666666; font-size: 12px; line-height: 2; height:48px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.majorList li:hover .majorCover { opacity: 1;}
.majorCover img { width: 100%; height: 100%; object-fit: cover;}
.coverText { position: absolute; align-items: center; left: 0; top:60px; width: 100%; padding: 0 40px; display: flex; justify-content: space-between;} 
.coverText b { font-weight: bold; color: #ffffff; font-size: 16px;}
.coverText span { display: block; background: url(../images/icon11.png) center no-repeat; width: 20px; height: 10px;}
.news .intArt{ width: auto;}
.news .intArt a { margin: 0;}
.newsList { float: left; width: 572px;}
.newsList li a{ display:flex; justify-content: space-between;}
.newsCont::after { content: ''; clear: both; display: block; height: 0;}
.newsList li p { color: #333333; font-size: 16px; line-height: 29px; max-width: calc(100% - 70px);overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; transition: all 0.3s;}
.newsList li span { font-size: 12px; color: #666666;}
.newsList li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.newsList li:hover p { font-weight: bold; color: #1b56ff;}
.newsPic { float: right; width: calc(100% - 650px);}
.newsPic img { display: block; width: 100%;}
.newsList li:last-child { margin-bottom: 0;}
.news { padding-bottom: 100px;}
.homeContact { background: url(../images/contactbg.jpg) center no-repeat; background-size: cover; padding: 92px 0;}
.contactForm { background: #ffffff; width:517px; padding: 31px 50px;}
.formTit p { font-size: 16px; line-height: 21px; margin-bottom: 10px; color: #999999;}
.formTit span { display: block; font-size: 24px; line-height: 1.3; font-weight: bold; color: #333333;}
.contactForm li { margin-bottom: 10px; position: relative;}
.contactForm li input { background: #F2F2F2; height: 48px; width: 100%; color: #000; box-sizing: border-box; padding: 0; text-indent: 20px; font-size: 12px;}
.contactForm li input::placeholder,.contactForm li textarea::placeholder { color: #999999;}
.contactForm li textarea { height: 116px; background: #F2F2F2; width: 100%; padding: 20px; resize: none; color: #000; box-sizing: border-box; font-family: '微软雅黑'; font-size: 12px;}
.contactForm button { display: block; background: #1b56ff; color: #ffffff; display: block; border: none; width: 100%; font-size: 16px; font-weight: bold; height: 58px;
line-height: 58px; cursor: pointer;}
.formTit { margin-bottom: 31px;}
.footer { padding-top: 100px; background: #F2F2F2;}
.footerLink { float: left;}
.footerLink li { float: left; margin-right: 100px;}
.footerLink li h2 { font-size: 20px; line-height: 1.3; margin-bottom: 25px;}
.footerLink li p { font-size: 14px; line-height: 18px; margin-bottom: 17px;}
.footerLink li p a,.footerLink li p { color: #666; transition: all 0.3s;}
.footerLink li p a:hover,.footerLink li h2 a:hover { color:#1b56ff ;}
.footerLink li p:last-child { margin-bottom: 0;}
.footerLink li h2 a {  color: #333333; transition: all 0.3s;}
.footerEwm { float: right; width: 142px; text-align: center;}
.footerEwm img { display: block; margin: 0 auto 10px;}
.footerEwm p { text-align: center; font-size: 12px; line-height: 1.3; color: #999999;}
.footerLink li:last-child { margin-right: 0;}
.copy { border-top: 1px solid rgba(0,0,0,0.1); margin-top: 80px; text-align: center; padding: 30px 0; font-size: 14px; color: #666666;}
.copy a { color: #666666;}
.copy a:hover { color:#1b56ff ;}
.fixRight { z-index: 10; position: fixed; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.5s; background: #1b56ff;}
.fixRight li { position: relative; display: flex; width: 80px; height: 80px; flex-direction: column; justify-content: center; align-items: center;}
.fixRight li .fixIcon { justify-content: center; align-items: center; width: 32px; height: 32px; display: flex; margin: 0 auto;}
.fixRight li .fixIcon img { display: block;}
.fixRight li p { font-size: 14px; color: #ffffff;}
.goTop img { display: block; margin: 0 auto;}
.goTop { cursor: pointer; display: block; padding: 10px 0;}
.chatEwm { transform: scale(0); transition: all .5s; transform-origin: right center; position: absolute; top:0; right: 90px; width: 140px;}
.chatEwm img { display: block; width: 100%;}
.fixRight li:hover .chatEwm { transform: scale(1);}
.chatTel {transform: scale(0); transition: all .5s; transform-origin: right center; line-height:3; color: #ffffff; background: #1b56ff; position: absolute; right: 80px; padding: 0 16px; font-size: 18px;}
.menu { display: none;}
.fixRight li:hover .chatTel {transform: scale(1);}

#bannera{width:100%; height:350px; margin:0 auto; argin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}

.about{ width:1280px; height:auto; margin:0 auto; padding:80px 0px;}
.introduceDesc1 { margin-bottom: 60px; display: flex; justify-content: space-between;}
.intTit1 p { font-weight: bold; font-size: 20px; line-height: 1.5; color: rgb(255,122,27); margin-bottom: 10px;}
.intTit1 span { display: block; font-weight: bold; font-size: 36px; line-height: 1.3; color: #333333;}
.intArt1 { width:  auto; line-height: 25px; font-size: 14px; color: #666666;}
.about1{ width:100%; font-size:16px; line-height:28px;}
.about2{ width:100%; height:auto; background:url(../images/a3.png) center no-repeat; background-size:cover; padding:140px 0px; text-align:center; color:#fff;}
.about2 h2{ font-size:36px; line-height:90px;}
.about2 p{ background:url(../images/a4.png) center bottom no-repeat; font-size:20px; padding-bottom:20px; padding-top:20px;}
.proda{ width:1280px; height:auto; margin:0 auto;padding:80px 0px 20px 0px;}
.proda li{ width:32%; height:auto; float:left; margin-right:2%; margin-bottom:50px;background: var(---Gray-6, #F2F2F2); padding:60px;box-sizing: border-box;  }
.proda li:nth-child(3n){ margin-right:0px;} 
.proda li h2{ width:100%; padding:15px 0px; font-size:16px;}
.proda li .poda{ width:56px; height:56px; background:url(../images/b1.png) center no-repeat; background-size:cover;}
.proda li .prda{ width:100%; height:90px; line-height:30px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.proda li:nth-child(2) .poda{ background:url(../images/b2.png) center no-repeat;background-size:cover;}
.proda li:nth-child(3) .poda{ background:url(../images/b3.png) center no-repeat;background-size:cover;}
.proda li:nth-child(4) .poda{ background:url(../images/b4.png) center no-repeat;background-size:cover;}
.proda li:nth-child(5) .poda{ background:url(../images/b5.png) center no-repeat;background-size:cover;}
.proda li:nth-child(6) .poda{ background:url(../images/b6.png) center no-repeat;background-size:cover;}
.proda li:hover .poda{background:url(../images/b11.png) center no-repeat;background-size:cover;}
.proda li:nth-child(2):hover .poda{ background:url(../images/b22.png) center no-repeat;background-size:cover;}
.proda li:nth-child(3):hover .poda{ background:url(../images/b33.png) center no-repeat;background-size:cover;}
.proda li:nth-child(4):hover .poda{ background:url(../images/b44.png) center no-repeat;background-size:cover;}
.proda li:nth-child(5):hover .poda{ background:url(../images/b55.png) center no-repeat;background-size:cover;}
.proda li:nth-child(6):hover .poda{ background:url(../images/b66.png) center no-repeat;background-size:cover;}
.proda li:hover{ background:#1B56FF;}
.proda li:hover h2{ color:#fff;}
.proda li:hover .prda{ color:#fff;}
.about3{ width:1280px; margin:0 auto; padding-bottom:80px; }
.about3 img{ width:100%;}

.prodx{ width:100%; height:auto;justify-content: space-between; display: flex; flex-wrap: wrap;;}
.prodx a{ width: calc(20.5% - 10px); display:block; height:80px; background:#F2F2F2; color:#333; float:left; text-align:center; line-height:80px; font-size:16px; font-weight:700;transition:all 0.9s; }
.prodx a:hover{ background:#1B56FF; color:#fff;}
.intList1 h4{ font-size:24px; padding-top:70px; }
.intList1 ul { width:100%; padding-top:55px;}
.intList1 li { width:32.666%; margin-right:1%;;margin-bottom: 40px; overflow: hidden; float:left; }
.intList1 li:nth-child(3n){ margin-right:0px;} 
.intList1 li .intst{ overflow: hidden; position: relative; margin-bottom:10px;}
.intList1 li .intst img { transition: all 1s; display: block; width: 100%;}
.proTip1 { z-index: 3; transition: all 0.5s; position: absolute; left: 40px; right:20px; top: 295px; display:none;}
.proTip1 p { transition: all 0.5s; font-weight: bold; font-size: 20px; line-height: 1.5; margin-bottom: 10px; color: #333333;}
.proTip1 span { transition: all 0.5s; font-size: 14px; color: #666;}
.intList1 li:hover .proTip1 { top: 100px; display:block;}
.intList1 li:hover .proTip1 p,.intList1 li:hover .proTip1 span { color: #ffffff;}
.intList1 li .intst::after { content: ''; opacity: 0; transition: all 0.5s; background:#1b56ff; width: 100%; height: 100%; left: 0; top: 0; position: absolute;}
.intList1 li:hover .intst::after { opacity: 0.8;}
.intList1 li:hover .intst  img { transform: scale(1.2);}
.intList1 li i { transition: all 0.5s; display: block; background: url(../images/icon10.png) center no-repeat; width: 48px; height: 48px; position: absolute; left: 40px; bottom: 62px;
z-index: 2; opacity: 0;}
.intList1 li:hover i{ opacity: 1;}
.intList1 li i:hover { transform: rotate(360deg);}
.intList1 li h3{ font-size:16px; font-weight:400; height:30px; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

#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:#1B56FF;border:1px solid #1B56FF; color:#fff;}
 #nx_pg .on{ background:#1B56FF;border:1px solid #1B56FF; color:#fff;}

.ar1{ width:1280px; height:auto; margin:0 auto; padding:50px 0px 70px 0px; background:#fff;box-sizing: border-box;  }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:24px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:16px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 172px;height:48px; background:#1B56FF ;text-align:center; line-height:48px; margin-top:40px;}
.fh a{ color:#fff;}
.fh:hover a{ text-decoration:underline; }

.written{ width:1280px; height:auto; margin:0 auto;}
.written li{ width:100%; padding-bottom:20px;}
.written li a{ width:100%; height:auto; height:220px; background:#F2F2F2;  padding:35px; margin:0 auto; display:block;box-sizing: border-box;}
.written li a .writ1{ width:180px; height:150px; float:left; background:#fff; }
.written li a .writ1 h2{ width:100%; height:50px; line-height:50px; text-align:center;  font-size:48px; color:#666; padding-top:30px;}
.written li a .writ1 p{ width:100%; color:#666; text-align:left; padding-left:25px; padding-top:5px; font-size:16px;box-sizing: border-box;}
.written li a .writ2{ width:calc(100% - 210px); float:right; position:relative;}
.written li a .writ2 h2{ height:30px;width:80%; line-height:30px; font-size:18px;overflow: hidden; margin-top:10px;white-space: nowrap;text-overflow: ellipsis; font-size:18px; padding-bottom:15px;}
.written li a .writ2 p{ color:#969595; width:80%;font-size:16px; height:60px; line-height:30px; overflow:hidden;}
.written li a:hover{ background:#f1f1f1;border:1px solid #066e93;}
.ckm{ width:100px; height:30px; background:#066e93; color:#fff; text-align:center; line-height:30px; margin-top:10px;}
.written li a:hover{ background:#1B56FF;}
.written li a:hover .writ1 h2{ color:#1B56FF;}
.written li a:hover .writ1 p{ color:#1B56FF;}
.written li a:hover .writ2 h2{ color:#fff;}
.written li a:hover .writ2 p{ color:#fff;}
.writ2 .yq{ width:48px; height:48px; background:url(../images/icon10_1.png) center no-repeat; position:absolute; right:30px; top:50px;}
.written li a:hover .writ2 .yq{background:url(../images/icon10.png) center no-repeat;}

.ab1{ width:1280px; height: auto;; margin:70px auto; background:#1B56FF;}
.ab11{ width:640px; height: 538px; float:right;}
.ab11 img{ width:100%; display:block;}
.ab12{ width:550px; float:left; padding-left:40px; padding-top:10px;}
.ab12 h2{font-size:24px; line-height:35px; font-weight:bold; margin-top:40px; margin-bottom:30px;color:#fff;}

.ab12 li{ width:100%; line-height:45px; font-size:16px; color:#fff; }
.ab12 li img{ float:left; margin-top:10px; margin-right:10px; }
.ab12 li:nth-child(6){ height:85px; padding-top:15px;}
.ab12 li:nth-child(6) p{ line-height:25px;}
.ab12 li:nth-child(6) img{ margin-top:15px; }






























@media screen and  (max-width:1280px){
	.nav { width: 200px; position: fixed; left:-100%; bottom: 0; top: 60px; z-index: 20; background: #ffffff;}
	.nav li { margin: 0; width: 100%;}
	.nav li h2{border-bottom:1px solid #f2f2f2;}
	
	  
	  
		 .nav li .active::after { content: ''; width:0px;}
		 .nav li .active  a { color: #1b56ff;}
		 
	  
	.nav li:hover h2::after { content: ''; width: 0;}
	.nav ul { display: block;}
	.sub { position: static; width: 100%; transform: translate(0); text-align: left;}
	.nav li h2::after { height: 0; left: 0; top: 0; width: 2px; bottom: 0;}
	.nav li h2 { line-height: 50px; text-indent: 20px;}
	.sub dt { text-align: left; text-indent: 40px;border-bottom:1px solid #f2f2f2;}
	.nav li.cur h2::after, .nav li:hover h2::after { width: 2px; height: 100%;}
	.headerCont { height: 60px;}
	.logo img { height:32px; display: block;}
	.menu{display: block; position: absolute; width: 30px;height: 30px; right: 10px;top:15px; background: url(../images/d1.png) no-repeat center;background-size: 20px 20px;}
	.menu.on{background: url(../images/d2.png) no-repeat center;background-size: 20px 20px;}

.tp{ width:100%; height:60px;}


.container { width: 1280px; margin: 0 auto; max-width: 96%;}
.introduce { background: rgb(242,242,242); padding: 40px 0;}
.intTit{ width:100%; padding-bottom:10px;}
.intTit p { font-weight: bold; font-size: 20px; line-height: 1.2; color: rgb(255,122,27); margin-bottom: 10px;}
.intTit span { display: block; font-weight: bold; font-size:22px; line-height: 1.2; color: #333333;}
.introduceDesc { margin-bottom: 20px; display: block; justify-content:inherit; ;}
.intArt { width: 100%; line-height: 25px; font-size: 14px; color: #666666;}
.intList ul { justify-content: space-between; display: flex; flex-wrap: wrap;}
.intList li { width: calc(50% - 5px); margin-bottom: 20px; overflow: hidden; position: relative;    height: 200px;
    background: #fff;}
.intList li img { transition: all 1s; display: block; width: 100%;}
.proTip { z-index: 4; transition: all 0.5s; position: absolute; left:10px; top: inherit; bottom:30px;}
.proTip p { transition: all 0.5s; font-weight: bold; font-size:14px; line-height: 1.5; margin-bottom: 0px; color: #333333;}
.proTip span { transition: all 0.5s; font-size: 14px; color: #666; width:96%; line-height:20px; height:40px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.intList li:hover .proTip { top: 100px;}
.intList li:hover .proTip p,.intList li:hover .proTip span { color: #ffffff; display:none;}
.intList li::after { content: ''; opacity: 0; transition: all 0.5s; background:#1b56ff; width: 100%; height: 100%; left: 0; top: 0; position: absolute;}
.intList li:hover::after { opacity: 0.8;}
.intList li:hover img { transform: scale(1.2);}
.intList li i { transition: all 0.5s; display: block; background: url(../images/icon10.png) center no-repeat; background-size:cover; width: 38px; height: 38px; position: absolute; left: 50%; margin-left:-19px; bottom: 42px;
z-index: 2; opacity: 0;}
.intList li:hover i{ opacity: 1;}
.intList li i:hover { transform: rotate(360deg);}
.homeAbout { display: block; justify-content: inherit;;}
.aboutTitle p { font-size: 16px; font-weight: bold; line-height: 1.2; color: #ffffff; margin-bottom:5px;}
.aboutTitle h2 { font-size: 22px; line-height: 1.2; font-weight: bold; color: #ffffff; margin-bottom:5px;}
.aboutTitle span { font-weight: bold; font-size: 16px; display: block; line-height: 1.2; color: rgba(255,255,255,6);}
.aboutText { background:#1b56ff; width:100%; padding: 38px 10px 28px 10px;;}
.aboutDesc { margin: 20px 0 20px; font-size: 14px; color: #ffffff; line-height: 2;}
.aboutText a { display: inline-flex; height: 45px; justify-content: center; align-items: center; padding: 0 22px; border: 1px solid rgba(255,255,255,.6); color: #ffffff;
font-size: 14px; gap: 25px;}
.aboutText a i { display: block; background: url(../images/icon9.png) center no-repeat; width: 8px; height: 14px;}
.aboutImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.aboutImg { width: 100%;}
.application { padding: 40px 0 40px;}
.intArt a { margin-top: 20px; display: inline-flex; height: 48px; justify-content: center; align-items: center; padding: 0 22px; color: #ffffff;
font-size: 14px; gap: 25px; background: #1b56ff;}
.intArt a i { display: block; background: url(../images/icon9.png) center no-repeat; width: 8px; height: 14px;}
.majorList ul { width:100%;}
.majorList li { position: relative; box-sizing: border-box; padding:25px 10px 20px; width:49%; margin-right:2%; float:left; margin-bottom: 20px; background: #F2F2F2;}
.majorList li:nth-child(2n){ margin-right:0px;}
.majorCover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s;}
.majorIcon { display: block; margin-bottom: 22px;}
.majorList li h2 { border-bottom: 1px solid rgba(0,0,0,0.1); font-weight: bold; font-size: 16px; padding-bottom: 18px; margin-bottom: 18px; line-height: 1.5; color: #000;}
.majorList li p { color: #666666; font-size: 12px; line-height: 2; height:48px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.majorList li:hover .majorCover { opacity: 1;}
.majorCover img { width: 100%; height: 100%; object-fit: cover;}
.coverText { position: absolute; align-items: center; left: 0; top:60px; width: 100%; padding: 0 40px; display: flex; justify-content: space-between;} 
.coverText b { font-weight: bold; color: #ffffff; font-size: 16px;}
.coverText span { display: block; background: url(../images/icon11.png) center no-repeat; width: 20px; height: 10px;}
.news .intArt{ width: auto;}
.news .intArt a { margin: 0;}
.newsList { float: none; width: 100%; margin-bottom:20px;}
.newsList li a{ display:flex; justify-content: space-between;}
.newsCont::after { content: ''; clear: both; display: block; height: 0;}
.newsList li p { color: #333333; font-size: 14px; line-height: 20px; max-width: calc(100% - 70px);overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; transition: all 0.3s;}
.newsList li span { font-size: 12px; color: #666666;}
.newsList li { margin-bottom: 10px; padding-bottom:10px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.newsList li:hover p { font-weight: bold; color: #1b56ff;}
.newsPic { float: none; width:100%;}
.newsPic img { display: block; width: 100%;}
.newsList li:last-child { margin-bottom: 0;}
.news { padding-bottom: 40px;}
.homeContact { background: url(../images/contactbg.jpg) center no-repeat; background-size: cover; padding: 35px 0;}
.contactForm { background: #ffffff; width:96%; padding: 21px 10px; margin:0 auto;}
.formTit p { font-size: 16px; line-height: 21px; margin-bottom: 10px; color: #999999;}
.formTit span { display: block; font-size: 24px; line-height: 1.3; font-weight: bold; color: #333333;}
.contactForm li { margin-bottom: 10px; position: relative;}
.contactForm li input { background: #F2F2F2; height: 48px; width: 100%; color: #000; box-sizing: border-box; padding: 0; text-indent: 20px; font-size: 12px;}
.contactForm li input::placeholder,.contactForm li textarea::placeholder { color: #999999;}
.contactForm li textarea { height: 116px; background: #F2F2F2; width: 100%; padding: 20px; resize: none; color: #000; box-sizing: border-box; font-family: '微软雅黑'; font-size: 12px;}
.contactForm button { display: block; background: #1b56ff; color: #ffffff; display: block; border: none; width: 100%; font-size: 16px; font-weight: bold; height: 58px;
line-height: 58px; cursor: pointer;}
.formTit { margin-bottom: 31px;}
.footer { padding-top:0px; background: #F2F2F2;}
.lkga{ display:none;}
.footerLink { float: left;}
.footerLink li { float: left; margin-right: 100px;}
.footerLink li h2 { font-size: 20px; line-height: 1.3; margin-bottom: 25px;}
.footerLink li p { font-size: 14px; line-height: 18px; margin-bottom: 17px;}
.footerLink li p a,.footerLink li p { color: #666; transition: all 0.3s;}
.footerLink li p a:hover,.footerLink li h2 a:hover { color:#1b56ff ;}
.footerLink li p:last-child { margin-bottom: 0;}
.footerLink li h2 a {  color: #333333; transition: all 0.3s;}
.footerEwm { float: right; width: 142px; text-align: center;}
.footerEwm img { display: block; margin: 0 auto 10px;}
.footerEwm p { text-align: center; font-size: 12px; line-height: 1.3; color: #999999;}
.footerLink li:last-child { margin-right: 0;}
.copy { border-top: 0px solid rgba(0,0,0,0.1); margin-top:0px; text-align: center; padding:25px 0; font-size: 14px; color: #666666;}
.copy a { color: #666666;}
.copy a:hover { color:#1b56ff ;}
.fixRight { z-index: 10; position:  fixed; display:none; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.5s; background: #1b56ff;}
.fixRight li { position: relative; display: flex; width: 80px; height: 80px; flex-direction: column; justify-content: center; align-items: center;}
.fixRight li .fixIcon { justify-content: center; align-items: center; width: 32px; height: 32px; display: flex; margin: 0 auto;}
.fixRight li .fixIcon img { display: block;}
.fixRight li p { font-size: 14px; color: #ffffff;}
.goTop img { display: block; margin: 0 auto;}
.goTop { cursor: pointer; display: block; padding: 10px 0;}
.chatEwm { transform: scale(0); transition: all .5s; transform-origin: right center; position: absolute; top:0; right: 90px; width: 140px;}
.chatEwm img { display: block; width: 100%;}
.fixRight li:hover .chatEwm { transform: scale(1);}



#bannera{width:100%; height:115px; margin:0 auto; argin-bottom:0px; padding-bottom:0px; background-size:auto 100%; border-bottom:#fafafa 0px solid; background-position:center center;}

.about{ width:96%; height:auto; margin:0 auto; padding:40px 0px;}
.introduceDesc1 { margin-bottom: 20px; display: flex; justify-content: space-between;}
.intTit1 p { font-weight: bold; font-size: 16px; line-height: 1.2; color: rgb(255,122,27); margin-bottom:5px;}
.intTit1 span { display: block; font-weight: bold; font-size: 22px; line-height: 1.3; color: #333333;}
.intArt1 { width:  auto; line-height: 25px; font-size: 14px; color: #666666;}
.intArt1 img{ width:40px;}
.about1{ width:100%; font-size:14px; line-height:24px;}
.about1 img{ width:100%;}
.about2{ width:100%; height:auto; background:url(../images/a3.png) center no-repeat; background-size:cover; padding:80px 0px; text-align:center; color:#fff;}
.about2 h2{ font-size:24px; line-height:60px;}
.about2 p{ background:url(../images/a4.png) center bottom no-repeat; font-size:20px; padding-bottom:20px; padding-top:10px; width:96%; margin:0 auto;}
.proda{ width:96%; height:auto; margin:0 auto;padding:40px 0px 20px 0px;}
.proda li{ width:49%; height:auto; float:left; margin-right:2%; margin-bottom:30px;background: var(---Gray-6, #F2F2F2); padding:20px 15px;;box-sizing: border-box;  }
.proda li:nth-child(2n){ margin-right:0px;} 
.proda li:nth-child(2n-1){ margin-right:2%;} 
.proda li h2{ width:100%; padding:15px 0px; font-size:16px;}
.proda li .poda{ width:56px; height:56px; background:url(../images/b1.png) center no-repeat; background-size:cover;}
.proda li .prda{ width:100%; height:90px; line-height:30px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.proda li:nth-child(2) .poda{ background:url(../images/b2.png) center no-repeat;background-size:cover;}
.proda li:nth-child(3) .poda{ background:url(../images/b3.png) center no-repeat;background-size:cover;}
.proda li:nth-child(4) .poda{ background:url(../images/b4.png) center no-repeat;background-size:cover;}
.proda li:nth-child(5) .poda{ background:url(../images/b5.png) center no-repeat;background-size:cover;}
.proda li:nth-child(6) .poda{ background:url(../images/b6.png) center no-repeat;background-size:cover;}
.proda li:hover .poda{background:url(../images/b11.png) center no-repeat;background-size:cover;}
.proda li:nth-child(2):hover .poda{ background:url(../images/b22.png) center no-repeat;background-size:cover;}
.proda li:nth-child(3):hover .poda{ background:url(../images/b33.png) center no-repeat;background-size:cover;}
.proda li:nth-child(4):hover .poda{ background:url(../images/b44.png) center no-repeat;background-size:cover;}
.proda li:nth-child(5):hover .poda{ background:url(../images/b55.png) center no-repeat;background-size:cover;}
.proda li:nth-child(6):hover .poda{ background:url(../images/b66.png) center no-repeat;background-size:cover;}
.proda li:hover{ background:#1B56FF;}
.proda li:hover h2{ color:#fff;}
.proda li:hover .prda{ color:#fff;}
.about3{ width:96%; margin:0 auto; padding-bottom:40px; }
.about3 img{ width:100%;}

.prodx{ width:100%; height:auto;justify-content: space-between; display: flex; flex-wrap: wrap;;}
.prodx a{ width: calc(50% - 10px); display:block; height:40px; background:#F2F2F2; color:#333; float:left; margin-bottom:10px; text-align:center; line-height:40px; font-size:14px; font-weight:700;transition:all 0.9s; }
.prodx a:hover{ background:#1B56FF; color:#fff;}
.intList1 h4{ font-size:24px; padding-top:40px; }
.intList1 ul { width:100%; padding-top:15px;}
.intList1 li { width:49%; margin-right:2%;;margin-bottom:20px; overflow: hidden; float:left; }
.intList1 li:nth-child(2n-1){ margin-right:2%;} 
.intList1 li:nth-child(2n){ margin-right:0px;} 
.intList1 li .intst{ overflow: hidden; position: relative; margin-bottom:10px;}
.intList1 li .intst img { transition: all 1s; display: block; width: 100%;}
.proTip1 { z-index: 3; transition: all 0.5s; position: absolute; left: 40px; right:20px; top: 295px; display:none;}
.proTip1 p { transition: all 0.5s; font-weight: bold; font-size: 20px; line-height: 1.5; margin-bottom: 10px; color: #333333;}
.proTip1 span { transition: all 0.5s; font-size: 14px; color: #666;}
.intList1 li:hover .proTip1 { top: 100px; display:none;;}
.intList1 li:hover .proTip1 p,.intList1 li:hover .proTip1 span { color: #ffffff;}
.intList1 li .intst::after { content: ''; opacity: 0; transition: all 0.5s; background:#1b56ff; width: 100%; height: 100%; left: 0; top: 0; position: absolute;}
.intList1 li:hover .intst::after { opacity: 0;}
.intList1 li:hover .intst  img { transform: scale(1.2);}
.intList1 li i { transition: all 0.5s; display: block; background: url(../images/icon10.png) center no-repeat; width: 48px; height: 48px; position: absolute; left: 40px; bottom: 62px;
z-index: 2; opacity: 0;}
.intList1 li:hover i{ opacity:0;}
.intList1 li i:hover { transform: rotate(360deg);}
.intList1 li h3{ font-size:16px; font-weight:400; height:30px; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

#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:#1B56FF;border:1px solid #1B56FF; color:#fff;}
 #nx_pg .on{ background:#1B56FF;border:1px solid #1B56FF; color:#fff;}

.ar1{ width:96%; height:auto; margin:0 auto; padding:40px 0px 40px 0px; background:#fff;box-sizing: border-box;  }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:24px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:16px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 172px;height:48px; background:#1B56FF ;text-align:center; line-height:48px; margin-top:40px;}
.fh a{ color:#fff;}
.fh:hover a{ text-decoration:underline; }

.written{ width:96%; height:auto; margin:0 auto;}
.written li{ width:100%; padding-bottom:15px;}
.written li a{ width:100%; height:auto; height:160px; background:#F2F2F2;  padding:10px ; margin:0 auto; display:block;box-sizing: border-box;}
.written li a .writ1{ width:180px; height:140px; float:left; background:#fff; display:none; }
.written li a .writ1 h2{ width:100%; height:50px; line-height:50px; text-align:center;  font-size:48px; color:#666; padding-top:30px;}
.written li a .writ1 p{ width:100%; color:#666; text-align:left; padding-left:25px; padding-top:5px; font-size:16px;box-sizing: border-box;}
.written li a .writ2{ width:100%; float:none;; position:relative;}
.written li a .writ2 h2{ height:30px;width:100%; line-height:30px; font-size:16px;overflow: hidden; margin-top:5px;white-space: nowrap;text-overflow: ellipsis; font-size:18px; padding-bottom:5px;}
.written li a .writ2 h3{ font-size:12px; color:#666; font-weight:400;}
.written li a .writ2 p{ color:#969595; width:100%;font-size:16px; height:60px; line-height:30px; overflow:hidden;}
.written li a:hover{ background:#f1f1f1;border:1px solid #066e93;}
.ckm{ width:100px; height:30px; background:#066e93; color:#fff; text-align:center; line-height:30px; margin-top:10px;}
.written li a:hover{ background:#1B56FF;}
.written li a:hover .writ1 h2{ color:#1B56FF;}
.written li a:hover .writ1 p{ color:#1B56FF;}
.written li a:hover .writ2 h2{ color:#fff;}
.written li a:hover .writ2 p{ color:#fff;}
.writ2 .yq{ width:48px; height:48px; background:url(../images/icon10_1.png) center no-repeat; position:absolute; right:30px; top:50px; display:none;}
.written li a:hover .writ2 .yq{background:url(../images/icon10.png) center no-repeat;}

.ab1{ width:96%; height: auto;; margin:40px auto; background:#1B56FF;}
.ab11{ width:100%; height:  auto; float:none;;}
.ab11 img{ width:100%; display:block;}
.ab12{ width:100%; float:none;; padding-left:10px; padding-top:10px; padding-bottom:20px;}
.ab12 h2{font-size:18px; line-height:25px; font-weight:bold; margin-top:10px; margin-bottom:10px;color:#fff;}

.ab12 li{ width:100%; line-height:35px; font-size:14px; color:#fff; }
.ab12 li img{ float:left; margin-top:5px; margin-right:10px; }
.ab12 li:nth-child(6){ height:85px; padding-top:15px;}
.ab12 li:nth-child(6) p{ line-height:25px;}
.ab12 li:nth-child(6) img{ margin-top:15px; }













}

@media screen and  (max-width:780px){

}