* {margin: 0;padding: 0;}
html {height: 100%;}
body {max-width: 100%; margin: 0 auto;font: 16px "Microsoft Yahei", Arial;color: #333333;overflow-x: hidden !important;}
img {border: 0px;max-width: 100%;}
ul,ol {list-style-type: none;vertical-align: bottom;}
table {border-collapse: collapse;border-spacing: 0;}
input,textarea,select {font: 14px "Microsoft Yahei", Arial;color: #666666;background: none;border: none;outline: none;}
textarea {resize: none;overflow: auto;}
h1 {font-size: 55px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 12px;}
h1,h2,h3,h4,h5,h6 {font-style: normal;}
a {color: #191a24;text-decoration: none;cursor: pointer;}
a:hover,a:active {text-decoration: none;}
.hidden {display: none;}
.center {text-align: center;}
.wrap {margin: 0 auto;max-width: 1600px;min-width: 1400px;width: 83%;
//overflow: hidden;
}
.wrap1400{width: 1400px;margin: 0 auto;overflow: hidden;}
i,em,strong {font-style: normal;}
.flex {display: flex;}
.flex_wrap {flex-wrap: wrap;}
.flex_justify_between {justify-content: space-between;}
.flex_justify_center {justify-content: center;}
.flex_align_center {align-items: center;}
.flex_align_baseline {align-items: baseline;}
.flex_align_end{align-items: flex-end;}
.flex_gap_20{gap: 20px;}
.flex_gap_25{gap: 25px;}
.flex_gap_50{gap: 50px;}
.flex_gap_40{gap: 40px;padding-top: 35px;}
.flex_gap_30{gap: 30px;}
.flex_gap_10{gap: 10px;}
.flex_1{flex: 1;}
.bg_fff {background-color: #FFFFFF;}
.bg_f9f9f9 {background-color: #f9f9f9;}
.bg_196199{background-color: #196199;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt10 {margin-top: 10px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt95 {margin-top: 95px;}
.mt150 {margin-top: 150px;}
.mb50 {margin-bottom: 50px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.ml5 {margin-left: 5px;}
.ml15 {margin-left: 15px;}
.ml30 {margin-left: 30px;}
.ml60 {margin-left: 60px;}
.p40{padding: 40px;}
.pl15 {padding-left: 15px;}
.pl25 {padding-left: 25px;}
.pl40 {padding-left: 40px;}
.pr25 {padding-right: 25px;}
.pr40 {padding-right: 40px;}
.pt180 {padding-top: 180px;}
.pt100 {padding-top: 100px;}
.pt90 {padding-top: 90px;}
.pt70 {padding-top: 70px;}
.pt60 {padding-top: 60px;}
.pt50 {padding-top: 50px;}
.pt30 {padding-top: 30px;}
.pt15 {padding-top: 15px;}
.pt16 {padding-top: 16px;}
.pb100 {padding-bottom: 100px;}
.pb90 {padding-bottom: 90px;}
.pb70 {padding-bottom: 70px;}
.pb40 {padding-bottom: 40px;}
.pb15 {padding-bottom: 15px;}
.pb16 {padding-bottom: 16px;}
.ft12 {font-size: 12px;}
.ft14 {font-size: 14px;}
.ft18 {font-size: 18px;}
.ft20 {font-size: 20px;}
.ft22 {font-size: 22px;}
.ft24 {font-size: 24px;}
.ft26 {font-size: 26px;}
.ft28 {font-size: 28px;}
.ft30 {font-size: 30px;}
.ft32 {font-size: 32px;}
.ft36{font-size: 36px;}
.ft40 {font-size: 40px;}
.ft45{font-size: 45px;}
.ft50{font-size: 50px;}
.fw550{font-weight: 550;}
.bold {font-weight: bold;}
.opacity70 {opacity: .7;}
.opacity90 {opacity: .9;}
.transition_3 {transition: .3s;}
.cursor {cursor: pointer;}
.text_center {text-align: center;}
.color_888{color: #888;}
.color_666{color: #666;}
.color_fff {color: #FFFFFF;}
.color_222 {color: #222222;}
.color_196199{color: #196199;}
.color_0f5286{color: #0f5286;}
.color_cce5ff{color: #CCE5FF;}
.color_2782f3{color: #2782f3;}
.color_3f5e76{color: #3f5e76;}


.tcline{width: 34px;height: 3px;background: #fff;display: block;margin: 30px 0;}
.techPlatbox{background: #196199;padding: 55px;color: #fff;border-radius: 20px 0 80px 0;gap: 175px;}
.techPlatlist{gap: 190px;}
.techPlatlist li img{width: 100px;}
.techPlatbox2{padding: 55px 0 55px 20px;border-radius: 80px 0 0 0;}
.tcsubtit{color: #4F7490;}
.resTechpic{width: 258px;height: 236px;overflow: hidden;border-radius:10px;transition: .3s;}
.resTechpic img{transition: .3s;}
.resTechtit{color: #012c4d;}
.resTechlist li{cursor: pointer;}
.resTechlist li:hover .resTechpic{box-shadow: 0 0 10px #c8c8c8;}
.resTechlist li:hover .resTechpic img{transform: scale(1.1);}

.plat2{padding-top: 106px;height:700px;box-sizing: border-box; background: url('../img/jsback.jpg') no-repeat center;}
.platTit{color: #012c4d;}
.platSub{color: #4f7490;line-height: 30px;}
.platlist{width: 460px;}
.platlist li{padding: 0 25px;border-radius: 30px;margin-bottom: 20px; display: inline-block; line-height: 65px; background: linear-gradient(45deg, #358efd, #62dafd);}
.platlist2 li i{display: block;width: 13px;height: 13px;border-radius: 50%;background: #358efd;}
.platYuo .platlist li{width: 240px;box-sizing: border-box;}
.platYuo .platlist{width: 310px;}
.sanjiao{width: 96px;height: 157px;}
.sjyou{transform: rotate(180deg);}
#zuosj{animation: sjleft 1.5s linear infinite;}
#yousj{animation: sjright 1.5s linear infinite;}
.platZback{width: 365px;height: 365px;background: url('../img/yuanguang.png') no-repeat center;background-size: 100% 100%;}
.platZbig{width: 267px;height: 267px;background: linear-gradient(45deg, #358efd, #62dafd);border-radius: 50%;}
.platZsmall{width: 240px;height: 240px;border: solid 1px #fff;border-radius: 50%;animation: breath 3s linear infinite;}

.platKuang{position: relative;height: 500px;}
.platZuo{position: absolute;top: 20px;left: 140px;}
.platYuo{position: absolute;top: 20px;right: 95px;}
.platZhong{position: absolute;left: 50%;top: 0;transform: translateX(-50%);}

@keyframes sjleft {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(-10px);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes sjright {
	0% {
		transform: translateX(0) rotate(180deg);
	}
	50% {
		transform: translateX(-10px) rotate(180deg);
	}
	100% {
		transform: translateX(0) rotate(180deg);
	}
}

.field1{padding-top: 65px;box-sizing: border-box; height: 1004px;background: url('../img/kcback1.jpg') no-repeat center;background-size: cover;}
.jcbox{position: relative;}
.jcbox{width: 462px;height: 462px;position: relative;}
.jcbox .linequan{width: 100%;height: 100%;position: absolute;top: 0;left: 0;animation: spin 3s linear infinite;}
.jcbox .textquan{width: 403px;height: 403px;position: absolute;top: 30px;left: 30px;}
.jcbox .neiquan{animation: breath 3s linear infinite; position: absolute;top: 127px;left: 127px;width: 200px;height: 200px;background: linear-gradient(to bottom, #358efd, #2171fb );border-radius: 50%;}

.fieldbox{position: relative;height: 700px;}
.fieldbox .jcbox{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.fieldbox .jclist{position: relative;width: 1030px;height: 100%;left: 50%;transform: translateX(-50%);}
.fieldbox .jclist li{color: #012c4d;cursor: pointer;transition: .3s;}
.fieldbox .jclist li img{width: 44px;height: 44px;}
.fieldbox .jclist li div{margin-left: -15px;}
.fieldbox .jclist li:nth-child(1){position: absolute;left: 215px;top: 0;}
.fieldbox .jclist li:nth-child(2){position: absolute;left: 510px;top: 0;}
.fieldbox .jclist li:nth-child(3){position: absolute;left: 710px;top: 85px;}
.fieldbox .jclist li:nth-child(4){position: absolute;left: 800px;top: 213px;}
.fieldbox .jclist li:nth-child(5){position: absolute;left: 813px;top: 356px;}
.fieldbox .jclist li:nth-child(6){position: absolute;left: 780px;top: 500px;}
.fieldbox .jclist li:nth-child(7){position: absolute;left: 603px;top: 616px;}
.fieldbox .jclist li:nth-child(8){position: absolute;left: 220px;top: 615px;}
.fieldbox .jclist li:nth-child(9){position: absolute;left: 100px;top: 498px;}
.fieldbox .jclist li:nth-child(10){position: absolute;left: 42px;top: 362px;}
.fieldbox .jclist li:nth-child(11){position: absolute;left: 40px;top: 227px;}
.fieldbox .jclist li:nth-child(12){position: absolute;left: 86px;top: 97px;}
.fieldbox .jclist li:hover{transform: translateY(-5px);}
.fieldbox .jclist li:hover img{animation: breath 2s linear infinite;}
.fieldbox .jclist li:hover div{font-weight: 550;}

@keyframes breath {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(0.88);
	}
	50% {
		transform: scale(1);
	}
	75% {
		transform: scale(0.88);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes spin {
	from {
	    transform: rotate(0deg);
	  }
	  to {
	    transform: rotate(360deg);
	  }
}
.field2{height: 996px;background: url('../img/kcback2.jpg') no-repeat center;background-size: cover;}
.fieldlist{padding: 120px;display: flex; flex-wrap: wrap;}
.fieldlist li{height: 200px;margin-right: 390px;color: #012c4d;}
.fieldlist li:nth-child(2n){margin-right: 0;}
.fieldlist li .fieldTxt{width: 380px;}

.ctlist li{width: 680px;height: 205px;box-sizing: border-box;}
.ctlist li:nth-child(1){padding: 60px 0 0 140px; background: url('../img/lxtel.jpg') no-repeat center;background-size: cover;}
.ctlist li:nth-child(2){padding-left: 80px;background: #f5f5f5;}
.emicon{width: 93px;height: 93px;border: solid 1px #366bc7;background: #cee0ff;border-radius: 50%;}

.maps img{width: 100%;}
.feedback{padding: 50px 40px;background: #f5f5f5;}
.feedlist{width: 970px;height: 560px;padding: 60px 40px 0;box-sizing: border-box;}
.feedlist .feedtit{width: 100px;text-align: right;}
.feedlist .feedtit span{color: #ed1f1f;}
.feedlist .feedinp{padding: 0 20px;border: solid 1px #f0f0f0;background: #f7f7f7;}
.feedlist .feedText{padding: 20px;border: solid 1px #f0f0f0;background: #f7f7f7;}
.feedlist .feedinp input{height: 65px;}
.feedlist .feedText textarea{height: 118px;}
.feedlist li:nth-child(4){padding-left: 130px;}
.feedlist li:nth-child(4) p{width: 190px;line-height: 50px;background: #196199;color: #fff;}
.address{height: 275px;}
.address .emicon{margin: 0 auto;width: 64px;height: 64px;}

.searchinp{width: 668px;height: 58px;padding: 0 20px;box-sizing: border-box; background: #f5f5f5;}
.searchinp input{height: 58px;}
.searchBtn{width: 135px;line-height: 60px;}

.catetab{border-top: solid 1px #f0f0f0;border-bottom: solid 1px #f0f0f0;}
.catetablist li{line-height: 56px;position: relative;}
.catetablist li::after{content: '';width: 100%;height: 3px;position: absolute;bottom: 0;left: 0;}
.catetablist li.this::after{background: #196199;}
.catetablist li.this{color: #196199;}

.searchContList li{padding: 20px;background: #f5f5f5;}
.searchContList li .searchPic{width: 270px;height: 165px;}
.searchContList li .searchTxt{line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.pagination li{cursor: pointer; font-size: 18px; width: 50px;height: 50px;border: solid 1px #f0f0f0;color: #666;line-height: 50px;text-align: center;}
.pagination li a{display: block;width: 50px;height: 50px;color: #666;}
.pagination li:hover,.pagination li:hover a,.pagination li.this,.pagination li.this a{background: #358efd;color: #fff;border-color: #358efd;}

.sitehead {height: 126px;position: relative;border-bottom: solid 1px #e5e5e5;}
.sitehead .titleBack {position: absolute;bottom: -3px;left: 0;width: 37%;}
.sitehead .titleBack::after {content: '';width: 100%;height: 206px;background: url('../img/guang.png') no-repeat center;position: absolute;bottom: -94px;left: 50%;transform: translateX(-50%);}
.sitehead .wrap {position: relative;z-index: 2;}
.sitehead h1 {color: #fff;line-height: 100px;}
.sitelist li {margin-left: 56px;}
.sitelist li a {display: block;line-height: 124px;border-bottom: solid 2px transparent;font-size: 30px;transition: .3s;}
.sitelist li a:hover,.sitelist li.this a {border-color: #024b97;color: #024b97;}
.yzImg {width: 30%;margin-left: 25px;}
.yzIntro {width: 64%;padding: 0 25px;box-sizing: border-box;}
.yzIntro p {text-indent: 2em;line-height: 30px;margin-bottom: 20px;}
.yzIntro span {color: #024b97;font-weight: bold;}
.yzmain {background: url('../img/aboutback.jpg') no-repeat center;background-size: 100% 100%;height: 943px;padding-top: 180px;box-sizing: border-box;color: #fff;}
.yzmain h1 {font-weight: normal;}
.yzmain i {display: block;width: 35px;height: 4px;background: #fff;}
.yzmain div p {line-height: 34px;font-size: 18px;}
.yzmain .wrap {padding: 0 35px;box-sizing: border-box;}
.content p {text-indent: 2em;line-height: 32px;margin-bottom: 30px;}
.honorlist{width:102%}
.honorlist li {width: 23.5%;padding: 30px 18px;box-shadow: 0 0 10px #dfdfdf;box-sizing: border-box;margin-top: 65px;margin-right: 2%;}

.honorlist li .hnimg {height: 220px;overflow: hidden;}
.honorlist li .hninto {line-height: 24px;}
.nyNewslist{width:1400px;margin: 0 auto;}
.nyNewslist li a {padding: 30px;background: #f9f9f9;transition: .3s;}
.nyNewslist li .nynewImg {width: 25%;height: 255px;overflow: hidden;}
.nyNewslist li .nynewIntro {width: 72%;}
.nyNewslist li .nynewIntro .nynewtit {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 24px;font-weight: bold;}
.nyNewslist li .nynewIntro .nynewtxt {line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.nyNewslist li .nynewIntro .nynewtip {margin-top: 60px;}
.nyNewslist li .nynewIntro .nynewtip p {padding-left: 30px;color: #888;margin-right: 70px;line-height: 22px;}
.nyNewslist li .nynewIntro .nynewtip p:nth-child(1) {background: url('../img/grad_news_icon1.png') no-repeat left center;background-size: 22px 22px;}
.nyNewslist li .nynewIntro .nynewtip p:nth-child(2) {background: url('../img/grad_news_icon2.png') no-repeat left center;background-size: 22px 22px;}
.nyNewslist li:hover a {color: #fff;background: #024b97;}
.nyNewslist li:hover .nynewIntro .nynewtip p {color: #fff;}
.nyNewslist li:hover .nynewIntro .nynewtip p:nth-child(1) {background-image: url('../img/white_news_icon1.png');}
.nyNewslist li:hover .nynewIntro .nynewtip p:nth-child(2) {background-image: url('../img/white_news_icon2.png');}
.newsContent {width: 62%;}
.mainNewslistBox {width: 34%;}
.mainNewsTit {padding: 0 30px;line-height: 70px;background: #024b97;color: #fff;}
.mainNewsTit a {color: #fff;}
.mainNewslist li {border-bottom: solid 1px #c3c3c3;}
.mainNewslist a {padding: 15px 0;transition: .3s;}
.mainNewslist a .date {text-align: center;width: 22%;}
.mainNewslist a .date .day {font-size: 70px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;line-height: 70px;}
.mainNewslist a .date .month {font-size: 20px;}
.mainNewslist a i {display: block;width: 1px;height: 52px;background: #c3c3c3;}
.mainNewslist a .title {width: 78%;box-sizing: border-box;padding: 0 15px;font-size: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.mainNewslist li:hover a {color: #024b97;}
.goTop {text-align: center;margin: 70px auto 0;width: 126px;height: 126px;border-radius: 50%;background: #f5faff;font-size: 18px;font-weight: bold;color: #024b97;}
.goTop div img {animation: bounce 1.2s infinite;}
.techlist li {width: 18%;height: 390px;margin-right: 2.5%;margin-bottom: 30px;}
.techlist li:nth-child(5n) {margin-right: 0;}
.techlist li a {display: block;width: 100%;height: 100%;position: relative;}
.techlist li a::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 40%;background: linear-gradient(to bottom, transparent, #024b97);}
.techlist li a p {color: #fff;position: absolute;width: 100%;padding: 25px;bottom: 0;z-index: 10;box-sizing: border-box;}
.techPerson {border-bottom: solid 2px #dbdbdb;}
.personWeb {color: #024b97;}
.reslist li {width: 23.5%;margin-bottom: 30px;margin-right: 2%;transition: .3s;}
.reslist li:nth-child(4n) {margin-right: 0;}
.reslist li a {display: block;width: 100%;}
.reslist li .resimg {height: 245px;overflow: hidden;}
.reslist li .resimg img {transition: .3s;}
.reslist li p {transition: .3s;line-height: 100px;white-space: nowrap;padding: 0 20px;overflow: hidden;text-overflow: ellipsis;background: #f5f5f5;text-align: center;font-size: 20px;}
.reslist li:hover .resimg img {transform: scale(1.1);}
.reslist li:hover p {color: #024b97;}
.reslist li:hover {box-shadow: 0 0 10px #ccc;}
.nyContent {line-height: 32px;}
.lxlist li {display: flex;align-items: center;margin-bottom: 40px;line-height: 56px;}
.lxlist li .name {width: 115px;background: #024b97;color: #fff;text-align: center;font-size: 30px;}
.lxlist li .lxtxt {background: #ececec;padding: 0 25px;font-size: 30px;}
.lxlist li .lxtel {padding: 0 25px;font-size: 50px;color: #024b97;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
.map {height: 800px;background: #000;}
.joinlist li {border-top: solid 4px #024b97;border-radius: 20px;box-shadow: 0px 5px 10px #ededed;margin-bottom: 60px;padding: 0 65px 65px;height: 123px;overflow: hidden;transition: .3s;}
.joinlist li .joinhead {padding: 55px 0;}
.joinlist li .joinhead p {font-size: 50px;font-weight: bold;line-height: 73px;}
.joinlist li .joinhead p span {color: #024b97;margin-left: 35px;}
.joinlist li .joinhead a {display: block;width: 272px;height: 73px;font-weight: bold;line-height: 73px;font-size: 40px;background: #024b97;color: #fff;border-radius: 15px;text-align: center;}
.joinlist li:hover,.joinlist li.this {height: auto;}
.joinbox {width: 44%;}
.joinbox .jointit {font-size: 35px;margin-bottom: 20px;}
.joinbox .joincont i {display: block;width: 13px;height: 13px;border: solid 1px #1a1a1a;border-radius: 50%;margin: 15px 10px 0 0;}
.joinbox .joincont p {font-size: 20px;line-height: 40px;width: calc(100% - 23px);}
.frtit{padding: 30px 0;}
.frtit i{display: block;width: 30px;height: 2px;background: #024b97;}
.frtit span{display: block;padding: 0 15px;font-size: 28px;color: #024b97;}
.frlist li{width: 19.2%;margin-right: 1%;box-sizing: border-box;border-radius: 4px; height: 100px;border: solid 1px #024b97;margin-bottom: 20px;}
.frlist li:nth-child(5n){margin-right: 0;}

.zlNeiBox{height: 2130px;overflow: hidden;}
.zllist li{height: 50px;padding: 25px 0 0;border-bottom: solid 1px #e8e8e8;}
.zllist li p{padding: 0 10px;box-sizing: border-box;}
.zllist li p:nth-child(1){width: 5%;}
.zllist li p:nth-child(2){width: 32%;}
.zllist li p:nth-child(3){width: 15%;}
.zllist li p:nth-child(4){width: 28%;}
.zllist li p:nth-child(5){width: 10%;}
.zllist li p:nth-child(6){width: 10%;}
.zltit{color: rgb(239, 158, 44);line-height: 50px;padding: 10px 0;background: #024b97;}
.zltit p:nth-child(1){width: 5%;}
.zltit p:nth-child(2){width: 32%;}
.zltit p:nth-child(3){width: 15%;}
.zltit p:nth-child(4){width: 28%;}
.zltit p:nth-child(5){width: 10%;}
.zltit p:nth-child(6){width: 10%;}
.faming{width: 35% !important;}

/* 移动端：≤768px */
@media all and (max-width: 768px) {
   body{width: max-content;}
}
/* PC端：≥1024px */
@media all and (min-width: 1024px) {
 .wrap1400 { width: 1400px; }
  body{max-width: 1920px;}
}