@charset "utf-8";
/* CSS Document */

.footer .copyright{ font-size:14px;}

.ibanner{ height:100vh; max-height:none;}
.ibanner .swiper-slide .box .txt{ letter-spacing:1px;}

.about1 p.tab{ margin-left:6%;}
.about1 .info{ max-height:637px; overflow-y:auto; padding-right:14px;}
.about1 .info::-webkit-scrollbar{ width:6px; height:6px;}
.about1 .info::-webkit-scrollbar-thumb{ background:rgba(0,0,0,0.15); background-clip:padding-box; border:0px solid rgba(255,255,255,0); border-radius:5px; cursor:pointer;}
.about1 .info::-webkit-scrollbar-thumb:hover{ background/:#e60012;}
.about1 .info::-webkit-scrollbar-track{ background:rgba(0,0,0,0.05);}
.about1 .info::-webkit-scrollbar-button{ height:0; background:rgba(0,0,0,0.05); background-clip:padding-box; border:0px solid rgba(255,255,255,0); border-width:0px 0;}
.about1 .info::-webkit-scrollbar-button:hover{ background/:#e60012;}

.about2 .history .swiper-pagination-bullet{ float:right; float:left;}

.about3 .inner{ background:#fff;}
.about3 .inner .info a.title{ line-height:1.5em;}
.about3 .inner .info a.title span.city{ display:block; font-size:0.8em; font-weight:normal; color:#e60012; background:url(../images/icons/contact_addr.png) left center no-repeat; background-size:auto 1em; padding-left:1.2em; float:right;}

.main ul.teamList li .info a.title{ line-height:1.5em;}
.main ul.teamList li .info a.title span.city{ display:block; font-size:0.8em; font-weight:normal; color:#e60012; background:url(../images/icons/contact_addr.png) left center no-repeat; background-size:auto 1em; padding-left:1.2em; float:right;}

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

.ibanner{ height:100vh; max-height:none;}

.about2 .history .swiper-button-prev{ margin-left:-300px;}
.about2 .history .swiper-button-next{ margin-right:-300px;}

.about1 .info{ max-height:478px;}
.about1 .info .txt{ height:auto; max-height:none; padding-right:0; overflow-y:hidden;}

}

.srvinfo .pic{ width/:694px; max-width/:none; flex-shrink:0;}

.main .position p select{ display:none;}
.main .position p em.year{ display:block; width:17.375em; padding:0 0 1em; margin:2em 0 1em; position:relative; z-index:3;}
.main .position p em.year font{ display:block; height:3em; box-sizing:border-box; line-height:calc(3em - 2px); color:#666; background:#fff url(../images/common/select.png) right 1.75em center no-repeat; background-size:1.3125em auto; padding:0 2em; border:1px solid #ddd; border-radius:1.5em; cursor:pointer; position:relative; z-index:3;}
.main .position p em.year span{ display:none; width:100%; height:18em; overflow-y:auto; position:absolute; left:0; top:100%; box-shadow:0 0 4px rgba(22,22,22,0.2); background:#fff; box-sizing:border-box; padding:1.5%;}
.main .position p em.year span::-webkit-scrollbar{ width:6px; height:6px;}
.main .position p em.year span::-webkit-scrollbar-thumb{ background:rgba(0,0,0,0.15); background-clip:padding-box; border:0px solid rgba(255,255,255,0); border-radius:5px; cursor:pointer;}
.main .position p em.year span::-webkit-scrollbar-thumb:hover{ background/:#e60012;}
.main .position p em.year span::-webkit-scrollbar-track{ background:rgba(0,0,0,0.05);}
.main .position p em.year span::-webkit-scrollbar-button{ height:0; background:rgba(0,0,0,0.05); background-clip:padding-box; border:0px solid rgba(255,255,255,0); border-width:0px 0;}
.main .position p em.year span::-webkit-scrollbar-button:hover{ background/:#e60012;}
.main .position p em.year span a{ display:block; line-height:2.75; color:#333; font-size:14px; padding:0 2em; margin:0;}
.main .position p em.year span a:hover{ color:#fff; background:#e60012;}

.main dl.subMenu{ display:flex; z-index:9;}
.main dl.subMenu::before, .main dl.subMenu::after{ display:none;}
.main dl.subMenu dt{ float:none; flex-shrink:0;}
.main dl.subMenu dd{ overflow:visible; flex:auto;}
.main dl.subMenu dd select{ display:none;}
.main dl.subMenu dd em.year{ display:inline-block; width:17.375em; text-align:left; padding:0 0 1em; margin:0 0 -1em 1em; position:relative; z-index:3;}
.main dl.subMenu dd em.year font{ display:block; height:3em; box-sizing:border-box; line-height:calc(3em - 2px); color:#666; background:#fff url(../images/common/select.png) right 1.75em center no-repeat; background-size:1.3125em auto; padding:0 2em; border:1px solid #ddd; border-radius:1.5em; cursor:pointer; position:relative; z-index:3;}
.main dl.subMenu dd em.year span{ display:none; width:100%; height:18em; overflow-y:auto; position:absolute; left:0; top:100%; box-shadow:0 0 4px rgba(22,22,22,0.2); background:#fff; box-sizing:border-box; padding:1.5%;}
.main dl.subMenu dd em.year span::-webkit-scrollbar{ width:6px; height:6px;}
.main dl.subMenu dd em.year span::-webkit-scrollbar-thumb{ background:rgba(0,0,0,0.15); background-clip:padding-box; border:0px solid rgba(255,255,255,0); border-radius:5px; cursor:pointer;}
.main dl.subMenu dd em.year span::-webkit-scrollbar-thumb:hover{ background/:#e60012;}
.main dl.subMenu dd em.year span::-webkit-scrollbar-track{ background:rgba(0,0,0,0.05);}
.main dl.subMenu dd em.year span::-webkit-scrollbar-button{ height:0; background:rgba(0,0,0,0.05); background-clip:padding-box; border:0px solid rgba(255,255,255,0); border-width:0px 0;}
.main dl.subMenu dd em.year span::-webkit-scrollbar-button:hover{ background/:#e60012;}
.main dl.subMenu dd em.year span a{ display:block; line-height:2.75; color:#333; font-size:14px; padding:0 2em; margin:0; min-width:0; height:auto; text-align:inherit; border:0;}
.main dl.subMenu dd em.year span a:hover{ color:#fff; background:#e60012;}

.main ul.dataList{ min-height:200px;}

.main .data ul li,
.box3 ul li{ text-align:center;}

@media only screen and (max-width: 768px){
.ibanner{ height:70vw;}
.ibanner .swiper-slide .box .txt{ letter-spacing:0;}
.ibanner .swiper-slide .box .txt b{ line-height:1.5; margin:0 1em; font-size:1.7em;}

.main .position p select{ display:block;}
.main .position p em.year{ display:none;}

.main dl.subMenu{ display:block;}
.main dl.subMenu dd select{ display:block;}
.main dl.subMenu dd em.year{ display:none;}

.about1 .info .txt{ max-height:none;}

}

@media only screen and (min-width: 769px) and (max-width: 1440px){
	
.about3 .inner .box {padding-right:0;}
.about3 .inner .box a.pic img{ width:7.2em; height:9.875em;}
.about3 .inner .box p{ font-size:0.875em;}
.about3 .inner .box p a img{ height:1em; margin-top:0.5em;}
.about3 .inner .box p a font{ display:none;}
.about3 .inner .info em{ font-size:0.875em;}
.about3 .inner .info .txt{ font-size:0.875em;}

.main ul.teamList li .box{ padding-right:0;}
.main ul.teamList li .box a.pic img{ width:7.2em; height:9.875em;}
.main ul.teamList li .box p{ font-size:0.875em;}
.main ul.teamList li .box p a img{ height:1em; margin-top:0.5em;}
.main ul.teamList li .box p a font{ display:none;}
.main ul.teamList li .info em{ font-size:0.875em;}
.main ul.teamList li .info .txt{ font-size:0.875em;}



}

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

.about3 .inner .box{ padding-right:0;}
.about3 .inner .box p a nobr{ display: block;}

.main .position p{ text-indent: -5em; overflow: hidden;}

.main ul.teamList{ font-size:14px; padding:10px 0 50px;}
.main ul.teamList li{ width:100%; padding:20px 0 0;}
.main ul.teamList li .box{ padding-right:0;}
.main ul.teamList li .box p a nobr{ display: block;}

.teamInfo{ font-size:13px; margin: 0 0 40px;}
.teamInfo .pic{ width: 136px; margin-right: 20px; padding-bottom: 28px;}
.teamInfo .pic a.back{ font-size: 12px; margin: 2em auto 0; float:none; padding:0; width:8.5em; text-align: center; display: none;}
.teamInfo .info{ overflow: visible;}
.teamInfo .info h3{ font-size: 1.325em; overflow: hidden; padding:0.25em 0 0;}
.teamInfo .info h3::after{ height:3px;}
.teamInfo .info p.desc{ overflow: hidden;}
.teamInfo .info h4{ clear:both; font-size: 1.125em;}
.teamInfo .info .txt{ padding:0.75em 0 0;}

.about3 .inner .box p a,
.main ul.teamList li .box p a{ padding:0.25em 0;}


}

/**/

.about11{ padding:0 0 80px;}
.about11 dl{ display:block; font-size:18px; overflow:hidden;}
.about11 dl i{ display:block; overflow:hidden;}
.about11 dl img{ display:block; width:100%; height:258px; object-fit:cover; transition:all ease 0.4s;}
.about11 dl .txt{ width:100%; line-height:1.5; color:#fff; box-sizing:border-box; padding:0 3vw; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:3;}
.about11 dl .txt h4{ display:block; font-size:1.22em; font-weight:normal;}
.about11 dl .txt p{ display:block; padding:0.5em 0 0;}
.about11 dl dd{ display:block; width:66.5%; float:left; margin-right:24px;}
.about11 dl dd .box{ display:block; overflow:hidden; position:relative; padding:12px 0; cursor:pointer;}
.about11 dl dt{ display:block; overflow:hidden; position:relative; padding:12px 0; cursor:pointer;}
.about11 dl dt img{ height:540px;}
.about11 dl dt .txt{ top:25%;}
.about11 dl .box:hover img,
.about11 dl dt:hover img{ transform:scale(1.05);}

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

.about11 dl{ font-size:16px;}
.about11 dl img{ height:196px;}
.about11 dl .txt{ padding:0 2.5vw;}
.about11 dl dd{ margin-right:20px;}
.about11 dl dd .box{ padding:10px 0;}
.about11 dl dt{ padding:10px 0;}
.about11 dl dt img{ height:412px;}

}

.about3 .inner .box p a:nth-child(3) font{ display:none;}

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

.about1 p.tab{ margin-left:0;}

.about11{ padding:0 0 40px;}
.about11 dl{ font-size:14px; margin:-6px 0 0;}
.about11 dl img{ height:120px;}
.about11 dl .txt{ padding:0 20px;}
.about11 dl dd{ margin-right:0; width:auto; float:none;}
.about11 dl dd .box{ padding:6px 0;}
.about11 dl dt{ padding:6px 0;}
.about11 dl dt img{ height:120px;}
.about11 dl dt .txt{ top:50%;}

.main .attr h2.title a{ top:-60px;}
.about3 .inner .box p a:nth-child(3) img{ width:19.25px !important; object-fit:contain;}

.box4 .news .swiper-pagination{ white-space:nowrap;}

.ibanner .swiper-slide .box .txt{ letter-spacing:0;}

.main .position ul.menu{ justify-content:flex-start;}

.ibanner .swiper-slide .box .txt b{ font-size:1.5em; width:13em; margin:0 auto;}
.ibanner .swiper-slide .box .txt span{ padding:1em 0 0;}

}

.about5 .honor .swiper-slide a{ padding:38px 0; background-size:calc(100% - 76px) 38px;}
.about5 .honor .swiper-slide a::before{ height:38px; background-size:38px 38px;}
.about5 .honor .swiper-slide a::after{ height:38px; background-size:38px 38px;}
.about5 .honor .swiper-slide a em{ padding:0 38px; background-size:38px 100%; background-color:#b8c0c0;}
.about5 .honor .swiper-slide a em img{ background:#b8c0c0;}

.pages p{ display:inline-block; *display:inline; *zoom:1; min-width:14px; color:#999; height:24px; line-height:24px; text-align:center; padding:6px 12px; background:#fff; border:1px solid #d2d2d2; margin:0 5px;}
.pages p.pageRemark{ border-color:#fff; padding-righht:0; color:#666; margin:0;}
.pages p.pageRemark b{ color/:#e60012; font-weight:normal; padding:0 2px 0 0;}
.pages a.cur{ color:#fff; background:#e60012; border-color:#e60012;}

.box3 ul li{ width:auto; margin:0;}

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

.about5 .honor .swiper-slide a{ padding:28px 0; background-size:calc(100% - 56px) 28px;}
.about5 .honor .swiper-slide a::before{ height:28px; background-size:28px 28px;}
.about5 .honor .swiper-slide a::after{ height:28px; background-size:28px 28px;}
.about5 .honor .swiper-slide a em{ padding:0 28px; background-size:28px 100%;}

.footer .info{ width:33%; min-width:0;}
.footer dl{ margin:0 0 0 3%;}

}

.teamInfo .info + a.back{ display:none; height:2.375em; overflow:hidden; line-height:2.375; color:#e60012; border:1px solid #e60012; border-radius:1.25em; padding:0 1.875em; float:left; margin:3em 0; transition:all ease 0.4s;}
.teamInfo .info + a.back font{ display:block; color:#e60012; transition:all ease 0.4s;}
.teamInfo .info + a.back:hover{ color:#fff; background:#e60012;}
.teamInfo .info + a.back:hover font{ color:#fff; transform:translateY(-100%);}

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

.teamInfo .info + a.back{ display:block; font-size:12px; margin:0 auto 1.5em; float:none; padding:0; width:10em; text-align:center;}

.box3 ul li{ width:49%;}

.about5 .honor .swiper-slide a{ padding:18px 0; background-size:calc(100% - 36px) 18px;}
.about5 .honor .swiper-slide a::before{ height:18px; background-size:18px 18px;}
.about5 .honor .swiper-slide a::after{ height:18px; background-size:18px 18px;}
.about5 .honor .swiper-slide a em{ padding:0 18px; background-size:18px 100%;}

.footer .info{ width:auto;}
.footer .copyright{ font-size:12px;}

.pages p{ min-width:10px; padding:3px 11px; margin:0 4px;}
.pages p.pageRemark{ display/:none; padding:3px 0;}

.main ul.newsList{ padding-bottom:50px;}

.srvinfo .msg form label.radio input{ height:42px;}

.main ul.tab li h3{ color:#e60012;}
.main ul.tab li:first-child{ padding-bottom:calc(3em + 250px);}
.main .mapBox::before,
.main .mapBox::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .mapBox .map{ display:block !important;}
.main .mapBox .map:first-child{ display:block !important; margin-bottom:-250px; transform:translateY(-617px);}

}




/**/