/*=== index ===*/
section { padding: 70px 0px; }

.bg1 { background:#f6fafe}
.bg2 { background:url(../images/ind_pbg.png) no-repeat center top}


.ind_npic{ width: 430px; height: 350px; position: relative; overflow: hidden; }
.ind_npic .swiper-container{ width:100%;height:100%;}
.ind_npic .swiper-slide{display: block; position: relative; width: 100%; padding:0; overflow: hidden;}
.ind_npic .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind_npic .swiper-slide .title { width: 430px; height: 75px; background: url(../images/pic.png) repeat; position: absolute; left: 0px; bottom: 0px; padding: 15px 0px 0px 80px; color: #fff; text-align: left; }
.ind_npic .swiper-slide span.date { font-size: 12px; height: 50px; display: block; width: 50px; background: url(../images/date_x.png) no-repeat center right; position: absolute; top: 15px; left: 15px; line-height: 26px }
.ind_npic .swiper-slide span.date b { display: block; font-size: 40px; font-weight: normal; }
.ind_npic .swiper-slide p.name{ width: 94%; height: 24px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; }
.ind_npic .swiper-slide p.txt{ width: 96%; height: 20px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }
.ind_npic .swiper-container .swiper-pagination,.ind_npic .swiper-container .swiper-pagination-bullet { bottom:90px;border-radius: 5px; text-align:right;align-items:right;justify-content:right; padding-right:15px }
.ind_npic .swiper-pagination{line-height:100%; padding:0px;display: flex; align-items: center; justify-content: center ; text-align:right; z-index:10;}
.ind_npic .swiper-pagination-bullet{opacity: 1; width:20px; height:5px; background: #fff; display:block;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px 0 0;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.ind_npic .swiper-pagination-bullet-active{background: #d70000; width:30px}

.ind_nlist { width: 440px; margin-left: 20px; }
.ind_nlist .tab_UL{ height: 40px; margin: 0px 0px 20px 0px; width: 100%; background: url(../images/ind_tbg.png) repeat-x left bottom; }
.ind_nlist .tab_UL li {float: left; }
.ind_nlist .tab_UL li a { color: #333; display: block; height: 40px; line-height: 30px; width: 124px; font-size: 20px; cursor: pointer; text-align: center; margin-right: 2px; }
.ind_nlist .tab_UL li.curr a{ height: 40px; line-height: 30px; color: #0062c7; border-bottom: #0062c7 4px solid; }

.ind_nlist_nr ul li { width: auto; padding: 0px 0px 0px 90px; position: relative; height: 90px; margin-bottom: 18px; border-bottom: #e1e1e1 1px solid; }
.ind_nlist_nr ul li span.date { position: absolute; width: 76px; height: 70px; border: #c6c6c6 1px dashed; display: block; left: 0px; text-align: center; display: block; color: #333; font-size: 12px }
.ind_nlist_nr ul li span.date em { display: block; font-size: 40px; line-height: 50px; height: 46px }
.ind_nlist_nr ul li p.title { width: 100%; height: 24px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 24px; margin-bottom: 5px; }
.ind_nlist_nr ul li p.txt { font-size: 14px; color: #999999; line-height: 20px; height: 40px; overflow: hidden; }
.ind_nlist_nr ul li:hover span.date { color: #0062c7; border: #0062c7 1px dashed }
.ind_nlist_nr ul li:hover p.title { color: #0062c7 }
.ind_nlist_nr ul li:last-child { margin-bottom: 0; border-bottom: 0; height: 75px; }

.ind_news_list { width: 430px; }
.ind_title { background: url(../images/ind_tbg.png) repeat-x left bottom; display: block; position: relative; height: 40px; margin-bottom: 20px }
.ind_title span.name { width: 100px; height: 40px; text-align: center; font-size: 20px; color: #0062c7; display: block; border-bottom: #0062c7 4px solid; line-height: 28px; font-weight: bold; }
.ind_title span.more { position: absolute; top: 10px; font-size:14px; right: 0px; }

.ind_title2 { border-bottom: #0062c7 4px solid; height: 40px; font-size: 20px; color: #0062c7; position: relative; line-height: 28px }
.ind_title2 span.more { position: absolute; top: 0px; font-size: 14px; right: 0px; }

.ind_title3 { width: 100%; height: 20px; line-height: 20px; font-size: 30px; font-weight: bold; color: #fff; text-align: center; display: block; margin-bottom: 40px }
.ind_title4 { width: 100%; height: 24px; line-height: 20px; font-size: 30px; font-weight: bold; color: #0062c7; ; text-align: center; background: url(../images/lm_bg2.png) no-repeat center center; display: block; margin-bottom: 30px }


.ind_news_list li.top { height: 100px; line-height: 18px; overflow: hidden; background: none; padding-left: 0px; margin-bottom: 15px; }
.ind_news_list li.top img { width:152px; height:100px; float:left; margin-right:15px}
.ind_news_list li.top p { padding-top:3px}
.ind_news_list li.top p.tit {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;height:20px;}
.ind_news_list li.top p.time { padding:10px 0px 5px 0px}
.ind_news_list li.top p.txt { height: 40px; overflow: hidden; line-height: 20px;white-space:normal; text-overflow:clip; overflow: hidden;}
.ind_news_list li { background: url(../images/list_icon.png) no-repeat left center; line-height: 35px; padding-left: 12px; font-size: 16px; position: relative; display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ind_news_list li span { position: absolute; color: #999; font-size: 14px; position: absolute; right: 0px; }


.ind_prin { width: 346px; height: 550px; background: #0062c7; padding: 23px; position: absolute; top: -130px; z-index: 9999; right: 0px; }
.ind_prin h4 { height:33px; font-size:18px; line-height:33px; padding-left:10px; color:#fff; font-weight:bold; background:url(../images/ind_xz_bg.png) no-repeat; display:block; margin-bottom:20px;}
.ind_prin p { margin-bottom:25px}
.ind_prin p.txt { color:#fff; font-size:14px; line-height:24px; height:120px; overflow:hidden}
.ind_prin p.more { text-align: right;padding-top: 10px; }
.ind_prin p.more a { text-align: center; background: #0062c7; color: #fff; font-size: 14px; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms; border: #fff 1px solid; padding: 8px 20px; }
.ind_prin p.more a:hover  { background: #fff; color: #0062c7; padding: 8px 30px; }

.ind_student { width: 346px; position: relative; }
.cp_content{ height: 340px; position: relative; width: 346px; overflow: hidden; background: #f6fafe; }
.cp_title{width:450px; color:#010101; font-weight:bold; background:url(../images/h3_dec.jpg) left center no-repeat; padding-left: 20px; margin-bottom:13px; position:relative; overflow:hidden;}
.cp_title_ben{ height: 10px; position: absolute; bottom: 30px; left: 140px; z-index: 9999; }
.cp_title_ben li{ float: left; margin-left: 3px; width: 10px; height: 10px; background: url(../images/dt.jpg) no-repeat; cursor: pointer; overflow: hidden; }
.cp_title_ben li.on{ background-position:-10px 0px}
.cp_content ul{ width: 346px; height: 340px; position: absolute; overflow: hidden; }
.cp_content ul li{ width: 346px; height: 340px; float: left; overflow: hidden; }
.cp_conList{ width: 346px; height: 310px; overflow: hidden; }
.cp_conList dl{ width: 346px; height: 310px; text-align: center; float: left; overflow: hidden; }
.cp_conList dt{ width: 346px; height: 202px; margin-bottom: 10px; overflow: hidden; }
.cp_conList dt img{ width: 346px; height: 202px; }
.cp_conList dd p { line-height:20px; padding-top: 5px; }
.cp_conList dd p.txt { margin: 0px 30px; height: 48px; overflow: hidden; padding-top: 10px }


.team_swiper{position: relative; display: block !important;}
.team_swiper .swiper-slide{ text-align: center; padding: 20px 15px 0px  15px; height: 350px; margin: 0px; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms; z-index: 10; background: #fff; }
#swiper-button-prev{ transition: 0.6s; z-index: 9999; opacity: 1; width: 21px; height: 39px; background: url(../images/prev.png) no-repeat; left:10px; top:180px }
#swiper-button-next{transition: 0.6s; z-index:9999; opacity: 1; width:21px; height:39px; background:url(../images/next.png) no-repeat; right:10; top:180px}
#swiper-button-prev:hover ,#swiper-button-next:hover { background-position:-21px 0px}
.team_swiper .swiper-slide:hover a {color:#0062c7;}

.team{ display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; position: relative;}
.team a{ display: block; width: 100%; height: 100%; position: relative; }
.team .pic{ display: block; width:145px; padding: 0; overflow: hidden; border-radius: 50%; height:145px;margin: 0px auto 10px auto; }
.team .pic img{width: 100%; height: 100%; object-fit: cover;}
.team p { margin:5px 0px; display: block }
.team p.txt { line-height: 24px; font-size: 14px; height: 45px; overflow: hidden; text-align: center; color: #666 }
.team p.more { padding-top:10px}
.team p.more span { width: 120px; height:36px; text-align: center; line-height:32px; display: block; margin: 0px auto; background: #fff; border:#0062c7 1px solid; border-radius: 30px; color: #0062c7; font-size: 14px;transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms; }
.team a:hover p.more span  { background:#0062c7; width:150px; color:#fff;}

.ind_icon { width:346px;}
.ind_icon li { margin-bottom:12px}
.ind_icon li.css_1 a{width:346px; height:104px; display:block; color:#fff; font-weight:bold; font-size:18px; text-align:center; line-height:104px; padding-left:15px; overflow:hidden}
.ind_icon li.css_1 a.bg1 { background:url(../images/ind_icon_bg1.png) no-repeat}
.ind_icon li.css_1 a.bg2 { background:url(../images/ind_icon_bg2.png) no-repeat}
.ind_icon li.css_1:hover a{background:#0062c7;}
.ind_icon li.css_2 a{ width:166px; height:140px; padding-top:30px; font-size:18px; font-weight:bold; text-align:center; display:block; color:#fff; overflow:hidden}
.ind_icon li.css_2 a p { margin-bottom:10px}
.ind_icon li.css_2 a.bg3 { background:#4992dc}
.ind_icon li.css_2 a.bg4 { background:#25a0e5}
.ind_icon li.css_2:hover a {background:#0062c7;}
.ind_pic ul{ margin-left:-24px;}
.ind_pic ul li.css_1 { width:368px; height:436px; float: left; margin:10px 0px 0px 17px; overflow: hidden;text-align: center; font-size:16px; position:relative}
.ind_pic ul li.css_1 img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; width: 100%; height: 100%; margin: 0; }
.ind_pic ul li.css_1:hover img{ -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); width: 100%; height: 100%; }
.ind_pic ul li.css_2 { width:280px; height:204px; float: left; margin:10px 0px 17px 24px;overflow: hidden;text-align: center; font-size:16px; position:relative}
.ind_pic ul li.css_2 img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; width: 100%; height: 100%; margin: 0; }
.ind_pic ul li.css_2:hover img{ -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); width: 100%; height: 100%; }
.ind_pic ul li p { width: 100%; padding: 15px 0px; color: #fff; font-size: 16px; text-align: center; display: block; position: absolute; bottom: 0px; left: 0px; background: url(../images/pic.png) repeat; }
.ind_pic ul li:hover p { background: #0062c7 }