﻿
.header-menu .menu-bg{ background: rgba(255,255,255,0.9); height: 0px; width: 100%; left: 0; top: 100%; position: absolute; z-index: 1; box-shadow: 0 0 5px rgba(0,0,0,0.05); opacity: 0; visibility: hidden; }
.header-menu.open .menu-bg{ height: 60px; opacity: 1; visibility: visible;}

.menu_h{ display: none;}

.scrollmenu .header-menu{ position: fixed; left: 0; top: 0; right: 0;z-index: 2222;}
.scrollmenu header { padding-bottom: 60px;}

.header-menu .menu li .child{ top: 100%; left: 50%; transform: translateX(-50%); position: absolute; white-space: nowrap; opacity: 0; visibility: hidden;}

.header-menu .menu li.li8 .child{ left: auto; right: 0; transform: none;}
.header-menu .menu li dl{ display: inline-block; min-width: 7em; position: relative;  }
.header-menu .menu li dl dd{ opacity: 0; visibility: hidden; position: absolute; left: 0; top: 100%; width: 100%;  background: rgba(255,255,255,0.9); line-height: 2.5;  box-shadow: 0 0 5px rgba(0,0,0,0.08);  transform: translateY(30px);}
.header-menu .menu li dl dd  a{ display: block; margin: 0 10px; border-bottom: 1px solid #0f4c81;}
.header-menu .menu li dl dd p:last-child a{ border: 0;}
.header-menu .menu li dl dt::after{ content: ''; background: #0f4c81; opacity: 0; height: 3px; position: absolute; left: 50%; width: 0; bottom: 0; }
.header-menu .menu li dl dt a{ display: block;}
@media only screen and (min-width: 751px) {
.header-menu .menu li:hover .a1{ background: #0c81dd;}
.header-menu .menu li:hover .child{ opacity: 1; visibility: visible;}
.header-menu .menu li dl:hover dt::after{ width: 100%; left: 0; opacity: 1; transition: 0.3s all; }
.header-menu .menu li dl:hover dt a{ color: #0f4c81;}
.header-menu .menu li dl:hover dd{ opacity: 1; visibility: visible; transform: translateY(0); transition: 0.3s all;}
}

.lange-search{ position: absolute; right: 0; top: 0; z-index: 3;}
.menu-search{ float: left; padding: 0 20px; position: relative;}
.menu-search dd{ position: absolute; transition: 0.3s all; opacity: 0; transform: translateY(10px); visibility: hidden; min-width: 200px;  background: #0c81dd; right: 0px; top: 100%; padding: 15px 20px 15px; line-height: 1.5;}
.menu-search dd button{ float: right; background: #fff; border: 0; border-radius: 30px; padding: 3px 5px; margin-left: 10px;}
.menu-search dd input{ width: 100%; background: none; border: 0; border-bottom: 1px solid #51a8ec; padding: 3px 0; color: #fff;}
.menu-search dd input::placeholder{ color: #51a8ec;}
.menu-search:hover{ background: #0c81dd;}
.menu-search:hover dd{ opacity: 1; visibility:visible; transform: translateY(0);}


.menu-lange{ float: left; padding: 0 10px;}
.menu-lange span{ display: inline-block; margin-right: 5px;}
.menu-lange dd{ position: absolute; transition: 0.3s all; opacity: 0; transform: translateY(10px); visibility: hidden; background: #0c81dd; right: 0px; top: 100%; padding: 5px 20px; line-height: 2.5;}
.menu-lange dd a{ color: #fff;}
.menu-lange dd a:hover{ color: #f0f0f0;}
.menu-lange img{ transition: 0.3s all;}
.menu-lange:hover{ background: #0c81dd;}
.menu-lange:hover img{ transform: rotate(180deg);}
.menu-lange:hover dd{ opacity: 1; visibility:visible; transform: translateY(0);}

.home-banner{ position: relative;}
.home-banner  a{ position: relative; display: block;}
.home-banner .img{ padding-top: 38.46%; position: relative; }
.home-banner .img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.home-banner  .p{ position: absolute; left: 0; bottom: 10px; z-index: 2; color: #fff; }
.home-banner  .p p{ padding-bottom: 10px;}
.home-banner  .p p span{display: inline-block; background: rgba(15,67,129,0.8); padding: 0 20px 3px;}
.home-banner .swiper-bon{ z-index: 3; position: absolute; top: 50%; transform: translateY(-50%); border: 1px solid #fff; background: rgba(15,67,129,0.8); padding: 10px; left: 60px; cursor: pointer;}
.home-banner .swiper-bon:hover {background: rgba(15,67,129,0.5);}
.home-banner .swiper-bon.right-bon{ left: auto; right: 60px;}

.home-news{ margin-top: 40px;}
.home-news .right{ float: right; width: 410px; }
.news-head .tab-a{ font-weight: bold; margin-right: 25px; cursor: default; position: relative;}
.news-head .tab-a img{ margin-right: 10px;}
a.more-1{ color: #0f4c81;  padding:3px 13px 3px 5px; position: relative; }
a.more-1::after{ background: url('../images/j6.png') no-repeat; content: ''; position: absolute; right: 0; top: 50%; width: 6px; height: 10px; margin-top: -5px; transition:0.6s all;}
a.more-1:hover{ color: #4b8bc4;}
a.more-1:hover::after{ transform: rotateX(180deg);}

.home-news .left{ overflow: hidden; padding: 0 25px 10px 0;}
.home-news .left .news-box{ margin-top: 20px;}
.home-news .left1{ width: 355px; float: left; background: #134f83 url(../images/b1.jpg) center bottom; color: #fff;}
.home-news .left1 a{ color: #fff;}
.home-news .left1 .img a{display: block; padding-top: 54.77%; position: relative;}
.home-news .left1 .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.home-news .left1 .txt{ padding: 20px; }
.home-news .left1 .txt .p{height: 212px; overflow: hidden;}
.home-news .right1{ overflow: hidden; height: 476px; box-shadow: 0 0 5px rgba(0,0,0,0.08);}
.home-news .right1 ul{ padding: 10px 20px;}
.home-news .right1 li{ padding: 10px 0; border-bottom: 1px solid #eee;}
.home-news .right1 li p{ padding: 9px 0 0 10px;}
.home-news .right1 li:last-child{ border-bottom: 0;}

.home-news .right .news-box{ border-top: 4px solid #0f4c81; height: 190px; margin-top: 20px;}
.home-news .right .news-box li{ position: relative; padding: 0px 0 0px 25px; width: auto; border-bottom: 1px solid #eee;}
.home-news .right .news-box li a{padding: 8px 0; display: block;}
.home-news .right .news-box li::after{ content: ''; position: absolute; border-radius:3px; background: #0f4c81; left: 0; top: 50%; margin-top: -3px; width: 7px; height: 7px;}
.home-news .right .news-box li i{ background:#fff; color: #999; padding-left: 5px; position: absolute; right: 0; bottom: 8px;}
.home-news .right .news-box li i::after{position: absolute; left: -30px; width: 30px; height: 100%; top: 0;  background:linear-gradient(to left, #fff ,rgba(255,255,255,0)); content: '';}
.home-news .right .box2{ margin-top: 25px;}

.home-news .right .news-box .swiper-wrapper{ margin-top: -3px;}
.home-news .right .news-box .swiper-container-vertical{ height: 7.6em;}
.home-news .right .news-box .swiper-wrapper li{width: auto; height: 3.8em; box-sizing: border-box;}
.home-news .right .news-box .swiper-wrapper li i{ bottom: 0.7rem;}

.home-bk2 { background: #bed1e2; padding: 40px 0 50px; margin-top: 40px;}
.home-bk2 .news-head .tab-a.cur::after{ content: ''; position: absolute; width: 4em; height: 3px; right: 0; bottom: -10px;  background:#0f4c81;}
.home-bk2 .news-head .tab-a{ margin-right: 40px;}


.more-2 { display: block; position: relative; padding-right: 42px;}
.more-2::after{ content: ''; background: url(../images/j2.png) no-repeat; width: 42px; height: 42px; position: absolute; right: 0; top: 50%; margin-top: -21px;}
.more-2::before{content: ''; background: url(../images/j3.png) no-repeat; width: 10px; height: 16px; position: absolute; right: 18px; top: 50%; margin-top: -8px; opacity: 0.6; transition: 0.5s all; }
.more-2:hover::before{ transform:rotateX(180deg)}

a.more-22 { color: #0f4c81;}
.more-22::after{ background-image: url(../images/j4.png);}
.more-22::before{ background-image: url(../images/j5.png);}

.home-bk2 .news-box{ margin-top: 40px;}
.home-bk2 .news-box .left1{ background: #fff;  box-shadow: 0 0 12px rgba(0,0,0,0.1); float: left; width: 49%; height: 390px;}
.home-bk2 .news-box .left1 .w{ padding: 20px;}
.home-bk2 .news-box .left1 .p2{ height: 200px; }
.home-bk2 .news-box .left1 .p2 p{ display: table;}
.home-bk2 .news-box .right1{ background: #fff; box-shadow: 0 0 12px rgba(0,0,0,0.1); float: right; width: 49%; height: 390px;}
.home-bk2 .news-box .right1 ul{ padding: 20px;}
.home-bk2 .news-box .right1 li{ padding: 22px 0 22px 20px; border-bottom: 1px solid #eee; position: relative; }
.home-bk2 .news-box .right1 li::after{ content: ''; position: absolute; border-radius:3px; background: #0f4c81; left: 0; top: 50%; margin-top: -3px; width: 7px; height: 7px;}
.home-bk2 .news-box .right1 li .fr{ color: #999;}
.home-bk2 .news-box .right1 li:last-child{ border: 0;}

.home-bk3{ padding: 40px 0;}
.home-zaiqing-head{ margin: 25px 40px 25px; position: relative;}
.home-zaiqing-head .w{ display: block; position: relative; padding-top: 57.14%; margin: 0 2px;}
.home-zaiqing-head .w .p{ text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 2;}
.home-zaiqing-head .w .bg{ position: absolute; background: #0f4c81; z-index: 1; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0;}
.home-zaiqing-head .w .p img{ width: 70px; height: 70px; margin-top: 15px;}
.home-zaiqing-head .w .p span{ display: block; color: #fff;}
.home-zaiqing-head .swiper-bon{ position: absolute; cursor: pointer; height: 100%; width: 38px; top: 0; left: -40px; background: #0f4c81;}
.home-zaiqing-head .swiper-bon img{ position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%);}
.home-zaiqing-head .swiper-bon.right-bon{ right: -40px; left: auto; }

.home-zaiqing-head .cur .w .bg{ opacity: 1;}

.tab-b{ display: none;}
.tab-b:first-child{ display: block;}

.home-zaiqing-body .left1{ float: left; position: relative; width: 640px;}
.home-zaiqing-body .left1 .img{ position: relative;  padding-top: 53.75%;}
.home-zaiqing-body .left1 .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.home-zaiqing-body .left1 .p{ position: absolute; left: 0; bottom: 0; right: 0; color: #fff; background: #0f4c81; padding: 15px; color: #fff;}
.home-zaiqing-body .left1 .p::after{ content: ' '; position: absolute; height: 5px; left: 0; right: 0; top: -5px; background: rgba(15,67,129,0.3);}
.home-zaiqing-body .left1 .p a{ color: #fff;}
.home-zaiqing-body .right1{ overflow: hidden;}
.home-zaiqing-body .right1 li{ border-bottom: 1px solid #eee; padding: 22px 20px;}
.home-zaiqing-body .right1 li:first-child{ padding-top: 21px;}

.zhuanti-list{ margin: 25px 0;}
.zhuanti-list li{ width: 25%; float: left;}
.zhuanti-list ul{ margin: 0 -10px;}
.zhuanti-list li .bk{ display: block; margin: 0 10px; box-shadow: 0 0 5px rgba(0,0,0,0.05);}
.zhuanti-list li .img{ position: relative; padding-top: 57.14%;}
.zhuanti-list li .img img{ position: absolute;  left: 0; top: 0; width: 100%; height: 100%;}
.zhuanti-list li .txt{ padding: 5px;}
.zhuanti-list li .txt .ico{ width: 55px; height: 55px; margin: 0 auto; margin-top: -40px; position: relative; border-radius: 100%; overflow: hidden; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 10px;}
.zhuanti-list li .txt .ico img{position: absolute; left:50%; top: 50%; transform: translate3d(-27px,-27px,0); width: 55px; height: 55px; }
.zhuanti-list li .txt p{ margin: 10px; height: 3em;}

.home-bk5{  background: url(../images/f3.png) no-repeat center bottom; padding-bottom: 100px;}
.home-bk5 .box{ background: #0e4a7e; color: #fff;}
.home-bk5 .box .tit{ margin: 45px 20px 0; position: relative; min-width: 165px;}
.home-bk5 .box .tit::after{ content: ' '; position: absolute; left: 0; top: 110%; background: url(../images/q1.png) no-repeat; width: 165px; height: 6px;}
.home-bk5 .box li{ float: left; position:relative; color: #fff; width: 14.28%; text-align: center; }
.home-bk5 .box li a{ color: #fff; display: block; height: 145px; overflow: hidden;}
.home-bk5 .box li a:hover{ background: #0c81dd;}
.home-bk5 .box li img{ display: block; margin: 25px auto 15px;}
.home-bk5 .box li::after{ content: " "; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: #2c5c86;}


footer .top{ background: #0f4c81; color: #fff; padding: 45px 0;}
footer .top a{ color: #fff;}
footer .top .left{ overflow: hidden;}
footer .top .left dl{ float: left;  width: 108px;}
footer .top .left dd{ opacity: 0.7; margin-top: 10px;}
footer .top .left dd p{ padding-top: 8px;}
footer .top .right{ float: right;}
footer .top .right p{ margin-bottom: 20px;}
footer .bottom{ background: #0a3e6b; padding: 18px 0; color: #fff;}
footer .bottom a{ color: #fff;}
footer .bottom span{ opacity: 0.6; display: inline-block;}
footer .bottom span.s2{ margin: 0 100px 0 10px;}

.other_banner{ position: relative; height: 400px; overflow: hidden;}
.other_banner img{ height: 100%;width: 1920px; left: 50%; top: 0; transform: translateX(-50%); position: absolute; }
.banner_txt{ position: absolute; left: 0; bottom: 0; width: 100%; background:linear-gradient(to right, rgba(15,76,129,0.8) , rgba(15,76,129,0),rgba(15,76,129,0),rgba(15,76,129,0)); color: #fff; z-index: 2;}
.banner_txt .txt{ padding: 10px 0;}
.banner_txt .txt .p1{ position: relative; padding-bottom: 10px; }
.banner_txt .txt .p2{opacity: 0.6; text-transform: uppercase;}
.banner_txt .txt .p1::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 237px; height: 4px; background: url(../images/b2.png) no-repeat;}

.postion{ padding: 0 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.postion .coms{ padding: 14px 0; float: left;}
.postion .coms a{ display: inline-block; position: relative; margin-right: 20px;}
.postion .coms a:first-child{ padding-left: 10px;}
.postion .coms a:first-child::before{ content:' '; background: #0f4c81; position: absolute; left: 0; width: 2px; height: 0.9em; top: 50%; margin-top: -0.45em;}
.postion .coms a::after{ content:  ">"; position: absolute; right: -1.1em; top: 50%; margin-top: -0.79em;}
.postion .coms span{ color: #0f4c81;}

.postion .right ul{ float: right; }
.postion .right ul::after{ content: ''; position: absolute; background: #0f4c81; right: 0; width: 2px; height: 1.4em; top: 50%; margin-top: -0.7em;}
.postion .right ul li{ float: left;}
.postion .right ul li a{ display: block; padding: 14px 20px 14px 21px; position: relative;}
.postion .right ul li a::after{ content: ''; position: absolute; background: #0f4c81; left: 0; width: 2px; height: 1.4em; top: 50%; margin-top: -0.7em;}
.postion .right ul li.cur a{ background: #0f4c81; color: #fff; }
.postion .right ul li.cur+li a::after{ display: none;}
.tit_01 .titcolor{ color: #d1e9f6; text-transform: uppercase; white-space: nowrap; }
.main-box{ padding: 20px 0 50px;}

.lishi_list { margin: 0 -15px;}
.lishi_list li{ float: left; width: 25%; margin-bottom: 30px;}
.lishi_list li dl{ margin: 0 15px; background: #0f518a; color: #fff; text-align: center; padding-top: 3px;}
.lishi_list li dl dt{ background: #f4f4f4; color: #000; padding: 10px; }
.lishi_list li dl dd{ padding: 10px; background: url(../images/xx_03.jpg);}

.tab-a.cur{ color: #0f4c81;}

.results_list{}
.results_list li{ border: 1px solid #eee; margin-bottom: 20px; border-bottom: 3px solid #0f4c81; padding: 20px;}
.results_list li a{ color: #333;}
.results_list li .p1{ margin-bottom: 10px;}
.results_list li a:hover .p1{ color: #0f4c81;}

.center_list{ padding-top: 30px;}
.center_list ul{ overflow: hidden; margin: 0 -15px;}
.center_list li{ float: left; width: 33.33%;}
.center_list li .w{ margin: 0 15px 30px; box-shadow: 0 0 5px rgba(0,0,0,0.08); border-bottom: 4px solid #0f4c81;} 
.center_list li .img{ position: relative; padding-top: 41.14%;}
.center_list li .img img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.center_list li .p { height: 3em; margin: 10px 0; justify-content: center; text-align: center; padding: 0 1em; overflow: hidden;}


.video_list{ padding-top: 30px;}
.video_list ul{ overflow: hidden; margin: 0 -15px;}
.video_list li{ float: left; width: 33.33%;}
.video_list li .w{ margin: 0 15px 30px; box-shadow: 0 0 5px rgba(0,0,0,0.08); border-bottom: 4px solid #0f4c81;} 
.video_list li .img{ position: relative; padding-top: 54.63%;}
.video_list li .img img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.video_list li .p { height: 3em; display:flex;  text-align: center; justify-content: center; padding: 0 15px; margin: 10px 0;}


.news_list_top{ margin-top: 30px;}
.news_list_top dl{ overflow: hidden; border-bottom: 1px solid #0f4c81; padding-bottom: 20px;}
.news_list_top dt{ float: left; margin-right: 40px; width: 480px;}
.news_list_top dt .img{ position: relative; padding-top: 56.25%;}
.news_list_top dt .img img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.news_list_top dd{ overflow: hidden; padding-bottom: 10px;}
.news_list_top dd .p2{ margin: 10px 0; }
.news_list_top dd .p2 a{ color: #0f4c81;}

.news_list li{border-bottom: 1px solid #0f4c81; padding: 20px 0 20px;}
.news_list li p.f-16{ margin: 15px 0;}
.news_list li .p3{
	overflow:hidden; line-height:1.5; max-height:3em;  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* .page{ text-align: center; padding: 50px 0 20px;}
.page span.laypage_curr,
.page a{ display: inline-block !important; padding: 5px 15px !important; border: 1px solid #ddd  !important; margin: 0 5px  !important; height: auto !important; line-height:normal !important; font-size: 1.6rem !important;}
.page span.laypage_curr{ border-color: #0f4c81; background: #0f4c81; color: #fff !important;} */
.nodata{ object-fit: cover;}
.lead_list{}
.lead_list li{ margin-bottom: 80px;}
.lead_list dl{ overflow: hidden; position: relative;}
.lead_list dt{ float: left; width: 320px; margin-right: 45px;}
.lead_list dl::after{ content: ''; position: absolute; left: 365px; right: 0; bottom: 0; height: 3px; background: #0f4c81;}
.lead_list dt img{ width: 100%; height:auto;}
.lead_list dt .p1{ text-align: center; background: #f4f4f4; padding: 5px 0; color: #333;}
.lead_list dt .p2{text-align: center; background: #0f4c81 url(../images/xx_03.jpg); padding: 15px 0; color: #fff;}
.lead_list dd { overflow: hidden;}
.lead_list dd h3{ border-bottom: 3px solid #0f4c81; color: #063d78; padding: 10px 0;}
.lead_list dd article{ padding: 20px 0; line-height: 1.8;}

.weiyuanhui_list li{border-bottom: 3px solid #0f4c81; margin-bottom: 70px;}
.weiyuanhui_list dt { border-bottom: 3px solid #0f4c81; margin-bottom: 20px;}
.weiyuanhui_list dt span{ display: inline-block; background: #0f4c81 url(../images/xx_03.jpg); color: #fff; padding: 5px 10px; min-width: 8em; text-align: center;}
.weiyuanhui_list .item_list{ padding-top: 10px;}
.weiyuanhui_list .item_list p { display: inline-block; min-width: 5em; margin: 0 0 10px;}
.weiyuanhui_list .item{ margin: 0 0 15px;}

.org_set_1{ padding-bottom: 15px;}
.org_set_1 span{display: inline-block;   margin: 0 5em 10px 0;}

.weiyuanhui_list li:nth-child(4) .org_set_1 span{ min-width:45%; margin-right: 3%;}

/* .org_set_2{ padding-bottom: 15px;}
.org_set_2 span{display: inline-block;  min-width:24%; margin: 0 0 10px;}
.org_set_3{ padding-bottom: 15px;}
.org_set_3 span{display: inline-block;  min-width:32%; margin: 0 0 10px;}
.org_set_4{ padding-bottom: 15px;}
.org_set_4 span{display: inline-block;  min-width:49%; margin: 0 0 10px;} */

.contact_list .top_list { background: #0f4c81 url(../images/xx_03.jpg); color: #fff;}
.contact_list .top_list li{ float: left; width: 23%; padding: 10px 0; position: relative; justify-content: center;}
.contact_list .top_list li::after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -1em; height: 2em; width: 1px; background: rgba(255,255,255,0.8);}
.contact_list .top_list li img{  margin-right: 10px;}
.contact_list .top_list li:last-child{ width: 31%;}

.per_auto_dl dl{ overflow: hidden; position: relative;}
.per_auto_dl dt{ float: left; width: 275px; margin-right: 45px;}
.per_auto_dl dl::after{ content: ''; position: absolute; left: 320px; right: 0; bottom: 0; height: 3px; background: #0f4c81;}
.per_auto_dl dt img{ width: 100%; height:auto;}
.per_auto_dl dd { overflow: hidden;}
.per_auto_dl dd h3{ font-weight: bold;  color: #fff; background: #0f4c81  url(../images/xx_03.jpg); padding: 10px 10px;}
.per_auto_dl dd article{ padding: 20px 0; line-height: 1.8;}
.per_auto_dl dd h3 a{ color: #fff;}
.joint_list ul{ margin: 0 -55px;}
.joint_list li{ float: left; width: 25%; margin-bottom: 80px;}
.joint_list li .w{ margin: 0 55px;}
.joint_list li .w div{ position: relative; padding-top: 139.58%;}
.joint_list li .w div img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.joint_list li .w p{ color: #fff; background: #0f4c81  url(../images/xx_03.jpg); text-align: center; margin-top: 5px; padding: 10px;}

.zhuanti-list-2{ margin: 25px 0 0;}
.zhuanti-list-2 li{ width: 33.33%; float: left; margin-bottom: 30px;}
.zhuanti-list-2 ul{ margin: 0 -15px;}
.zhuanti-list-2 li .bk{ display: block; margin: 0 15px; box-shadow: 0 0 5px rgba(0,0,0,0.05); border-bottom: 4px solid #0f4c81;}
.zhuanti-list-2 li .img{ position: relative; padding-top: 57.14%;}
.zhuanti-list-2 li .img img{ position: absolute;  left: 0; top: 0; width: 100%; height: 100%;}
.zhuanti-list-2 li .txt{ }
.zhuanti-list-2 li .txt .ico{ width: 55px; height: 55px; margin: 0 auto; margin-top: -40px; position: relative; border-radius: 100%; overflow: hidden; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 10px;}
.zhuanti-list-2 li .txt .ico img{position: absolute; left:50%; top: 50%; transform: translate3d(-27px,-27px,0); width: 55px; height: 55px; }
.zhuanti-list-2 li .txt p{ margin-top: 10px; height: 3em;}

.talent_list{ overflow: hidden;}
.talent_list ul{ overflow: hidden; margin: 0 -55px;}
.talent_list li{ float: left; width: 25%;}
.talent_list li .w{ margin: 0 55px 100px;}
.talent_list li .img{ position: relative; padding-top: 120%;}
.talent_list li .img img{ position: absolute;  left: 0; top: 0; width: 100%; height: 100%;}
.talent_list img{ width: 100%; height:auto;}
.talent_list .p1{ text-align: center; background: #f4f4f4; padding: 5px 0; color: #333;}
.talent_list .p2{text-align: center; background: #0f4c81 url(../images/xx_03.jpg); padding: 15px 0; color: #fff;}

.researcher_list {}
.researcher_list li{ background: #f4f4f4; border-top: 3px solid #0f4c81; margin-bottom: 20px;}
.researcher_list li dl{ overflow: hidden;}
.researcher_list li dt{ float: left; background: #0f4c81 url(../images/xx_03.jpg); color: #fff; min-width: 1.5em; text-align: center;}
.researcher_list li dd{ overflow: hidden; padding: 20px 20px 10px;}
.researcher_list li dd span{ display: inline-block; margin: 0 10px 10px 0; min-width: 4em;}
.researcher_list li dd span a{ color: #0f4c81;}
.researcher_list li dd span a:hover{ color: #51a8ec;}

.download_list li{ border-bottom: 1px solid #0f4c81; padding: 20px 0; }
.download_list li .left{ background: #0f4c81; color: #fff; width: 108px; text-align: center; padding: 10px 0; margin-right: 20px;}
.download_list li .left a{color: #fff;}


.zaiqing_list li{ border-bottom: 1px solid #0f4c81; padding: 20px 0; }
.zaiqing_list li .left{ background: #0f4c81; color: #fff; width: 108px; text-align: center; padding: 10px 0; margin-right: 20px;}
.zaiqing_list li .left a{color: #fff;}
.zaiqing_list li .left img{ width: 60px; height: 60px;}

.other_search_banner{ background: url(../images/se_03.jpg); padding: 65px 0; justify-content: center;}
.other_search_banner .box{ width: 860px; border-bottom: 2px solid #fff; padding: 0 10px 10px 0; color: #fff;}
.other_search_banner input{ width: 100%; background: none; border: 0; color: #fff;}
.other_search_banner input::placeholder{ color: #aaa;}
.other_search_banner button{ background: url(../images/se.png) no-repeat; width: 32px; height: 32px; border: 0;}
.ohter_search_box{ margin-top: 20px;}
.ohter_search_box .left{ float: left; width: 300px; background: #f5f5f5; margin-right:60px ;}

.ohter_search_box .left .tit{ padding: 10px; background: #0f4c81; color: #fff; position: relative;}
.ohter_search_box .left .tit::after{ content: ''; position: absolute;  background: url(../images/a1.png) no-repeat; width: 12px; height: 8px; right: 20px; top: 50%; margin-top: -4px;}
.ohter_search_box .left ul{ padding: 20px;}
.ohter_search_box .left li{position: relative; padding-left: 20px; margin-bottom: 15px;}
.ohter_search_box .left li::before,
.ohter_search_box .left li::after{ background: #0f4c81; position: absolute; z-index: 2; content:' '; left: 7px; top: 1rem; width: 8px; height: 8px;}
.ohter_search_box .left li::before{ margin: -2px 0 0 -2px; z-index: 1; background: #80bbe9;}
.ohter_search_box .left li dd{ padding-left: 1em; display: none;}
.ohter_search_box .left li dd p{ margin-top: 5px;}
.ohter_search_box .left li dt{ position: relative; cursor: pointer;}
.ohter_search_box .left li dt::before{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -10px; background: url(../images/a2.png) no-repeat center; width: 20px; height: 20px;}
.ohter_search_box .left li.open dd{ display: block;}
.ohter_search_box .left li.open dt::before{ transform:rotate(90deg); }

.ohter_search_box .right{ overflow: hidden;}
.ohter_search_box .right .tit{border-bottom: 1px solid #888; padding-bottom: 20px;}
.ohter_search_box .right li{ border-bottom: 1px solid #888; padding: 20px 0;}
.ohter_search_box .right li div{ }
.ohter_search_box .right li p{margin-top: 10px;
	overflow:hidden; line-height:1.5; max-height:3em;  text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;}
.ohter_search_box .right li em{  color: #ea0918; font-weight: bold;}

.tutor_tit{ margin: 0 -15px 30px; overflow: hidden; }
.tutor_tit p{  width: 25%; float: left;} 
.tutor_tit span{ padding: 5px 0; text-align: center; background: #0f4c81; border-bottom: 3px solid #0c81dd; color: #fff; display: block; margin: 0 15px 0;}

.home_right_bon{ position: fixed; right: 10px; top: 40%; z-index: 96; display: none;}
.home_right_bon a{ display: block; color: #fff; background: #0f4c81; padding: 10px 20px; margin-bottom: 20px; text-align: center;} 

.news_art_tit .f-30.center { margin: 40px 0 30px; font-weight: bold;}
.news_art_tit .box{ border-bottom: 2px solid #0f4c81; padding: 20px 0; }
.news_art_tit .box .right{ line-height: 29px;}
.news_art_tit .box .right .share{ margin-left: 20px;}
.news_art_tit .box .right .down span{ border-bottom: 1px solid #0f4c81; color: #0f4c81;}
.social-share .icon-wechat .wechat-qrcode{ z-index: 1000;}
.social-share .social-share-icon{ width: 29px  !important; height: 29px !important; border: none !important; margin: 0 0 0 4px !important;}
.social-share .social-share-icon::before{ display: none;}
.social-share .icon-wechat:hover,
.social-share .icon-wechat{ z-index: 99; border: 0; background: url(../images/wx.png) no-repeat !important; width: 29px; height: 29px;}
.social-share .icon-weibo:hover,
.social-share .icon-weibo{ border: 0; background: url(../images/wb.png) no-repeat !important; width: 29px; height: 29px;}

.news_art_tit .jianli_title{ color: #fff; background: #0f4c81; padding: 0.3em 1em; text-align: left; margin-bottom: 0 !important;}

.bk1 a{ color: #0f4c81;}

.news_art_bottom{ margin-top: 30px; border-top: 3px solid #0f4c81; padding-top: 30px;}
.news_art_bottom p{ margin-bottom: 10px;}

@media only screen and (max-width: 1350px) {
	.wrap{ max-width: 1000px; }
	.header-top .logo img{ width: 480px; height: auto;}
	.header-top .box{ padding-top: 30px;}
	.header-top{ height: 150px;}
	.header-top .box .right{ padding-top: 10px;}
	.home-banner .swiper-container{ font-size:2.8rem;}
	.home-news .left1{ width: 280px;}
	.home-news .right1 li{ padding: 7px 0;}
	.home-news .right1{ height: 430px;}
	.home-news .right .news-box{ height: 172px;}
	.home-news .right .news-box li a{ padding: 5px 0;}
	.home-news .right .news-box li i{ bottom: 5px;}
	.home-zaiqing-head .w .p img{ height: 50px; width: 50px;}
	.home-zaiqing-body .right1 li{ padding: 16px 21px;}
	.home-zaiqing-body .left1{ width: 540px;}
	.home-bk5 .box li img{ width: 45px; height: 45px;}
	footer .top .left dl{ width: 85px;}
	.tit_01 .titcolor{ white-space:normal;}
}
@media only screen and (max-width: 1020px) {
	.wrap{ max-width: 760px; padding: 0 10px;}
	.header-top .logo img{ width: 400px;}
	.header-top .box .right{ font-size: 16px;}
	.main .bk1{font-size: 2.4rem;}
	.home-banner .swiper-container{ font-size: 2.2rem;}
	.home-news .right{ float: none; width: auto; margin-bottom: 30px;}
	/*.home-news .right .news-box{ height: auto;}*/
	.home-news .left{ padding-right: 0; overflow: visible;}
	.zhuanti-list li{ width: 33.33%;}
	.home-bk5 .box li{ width: 25%;}
	.home-bk5 .box li:nth-child(1),
	.home-bk5 .box li:nth-child(2),
	.home-bk5 .box li:nth-child(3),
	.home-bk5 .box li:nth-child(4){ border-bottom: 1px solid #2c5c86;}
	footer .top .right{ float:none; margin-bottom: 20px;}
	footer .top .right p{ display: inline-block; margin-right: 20px;}

	.home-zaiqing-head .w .p img{ width: 40px; height: 40px; margin-top: 5px;}
	.home-zaiqing-body .left1{ width: 440px;}
	.home-zaiqing-body .right1 li{ padding: 10px 0; padding-left: 15px;}

	.other_search_banner .box{ width: auto; margin: 0 20px;}
	.ohter_search_box .left{ width: auto; margin: 0 0 30px; float: none;}

	.tutor_tit p{ width: 50%;}
}

.home-banner-box .news-head{ padding:30px 0 20px;}
.home-banner-box .tab-a {  position:relative; padding:5px 15px; cursor: pointer;}
.home-banner-box .tab-a .c1{ display:block;}
.home-banner-box .tab-a .c2{ display:none;}
.home-banner-box .tab-a.cur{ background:#0f4c81; color:"#fff"}
.home-banner-box .tab-a.cur span{ color:#fff; }
.home-banner-box .tab-a.cur .c2{ display:block;}
.home-banner-box .tab-a.cur .c1{ display:none;}
.home-banner-box .tab-a.cur:after{ content: ''; position: absolute; width: 0; height: 0; position: absolute; border: 5px solid rgba(0,0,0,0); border-top-color: #0f4c81; left: 50%; top: 100%; margin: 0 0 0 -5px;}

@media only screen and (max-width: 750px) {
	.menu_h { display: inline-block;background: none; transition: 0.3s all; z-index:1000; border: none; width: 40px; height:40px;  outline: none; position: relative; right: -5px; top: 2px; transform: scale(0.6);float: right;  }
.menu_h::before, .menu_h::after, .menu_h span { background: #fff ; border-radius: 2px; }
.menu_h::before, .menu_h::after { content: ''; position: absolute; height: 5px; width: 100%; left: 0; top: 50%; transform-origin: 50% 50%;transition: transform 0.25s; }
.menu_h span { position: absolute; width: 100%; height: 5px; left: 0; overflow: hidden; text-indent: 200%; transition: opacity 0.25s; }
.menu_h::before {  transform: translate3d(0, -12px, 0); }
.menu_h::after {  transform: translate3d(0, 12px, 0); }
.menu-open .menu_h span { opacity: 0; }
.menu-open .menu_h::before {  transform: rotate3d(0, 0, 1, 45deg); }
.menu-open .menu_h::after { transform: rotate3d(0, 0, 1, -45deg); }

.menu-bg{ display: none !important;}
.ph_menu_bg{ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 0.3s all; z-index: 99;}
.header-menu .menu_box{visibility: hidden; opacity: 0;  transition: 0.5s all;  z-index: 200; position: fixed;   top: 45px; right: 0px; height: calc(100% - 45px);  width: 50%; }
.header-menu .menu_box .menu{background:#014190; float:right; position: relative; right: 0; bottom: 0; height: 100vh; box-shadow: 0 0 10px rgba(0,0,0,0.1);  }
.header-menu .menu { z-index: 100; margin-right: 0; transform: translateX(100%) ; transition: 0.3s all; }
.header-menu .menu li .child{}
.header-menu .menu li{ min-width: 15rem; border-bottom: 1px solid #41729c; position: relative; float: none; width: auto;}

.menu-open .ph_menu_bg{ opacity: 0.5; visibility: visible;}
.menu-open .header-menu .menu_box {  visibility: visible; opacity: 1;}
.menu-open .header-menu .menu{transform: translateX(0);}

.header-menu .menu>li::after{ content: ''; position: absolute; right: 10px; top: 50%; margin-top: -2px; width: 0; height: 0;  border:4px solid rgba(0,0,0,0.0) ; border-top-color: #fff; opacity: 0.7; transition: 0.4s all;}
.header-menu .menu>li.li1::after,.header-menu .menu>li.li4::after,.header-menu .menu>li.li7::after,.header-menu .menu>li.li9::after{ display: none;}
.header-menu .menu li  a.a1{ text-align: left; padding-left: 1em;}
.header-menu .menu li.li8 .child{ left: auto; top:auto; bottom: 0; right: 100%; transform: none;} 
.header-menu .menu li .child{ left: auto; top: -1px; right: 100%; transform: none;} 
.header-menu .menu li .child a{ color: #fff; border-top: 0px solid #41729c;}
.header-menu .menu li dl dt a{ text-align: left; padding-left: 1em;}

.header-menu .menu li.open::after{opacity: 1; transform:rotateX(180deg); margin-top: -6px;}
.header-menu .menu li.open .a1{ background: #1c5b92; }
.header-menu .menu li.open .child{ opacity: 1; visibility: visible; background: #1c5b92; white-space: normal;}
.header-menu .menu li.open dl{ display: block;}



 }
