html {
background: #ffffff;
max-width: 1920px;
min-width: 320px;
margin: 0px auto;
overflow-x: hidden;
}
* {
outline: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
display: none;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: initial;
cursor: not-allowed;
}
.header.on {}
.wbanner_lylx {
height: 350px;
position: relative;
background: url(../image/b.jpg) no-repeat center;
}
.wbanner_dj {
background: url(../image/dj.jpg) no-repeat center;
}
.wbanner_dj .wbanner_lylx1 p {
color: #fff
}
.wbanner_lylx1 {
width: 1400px;
margin: 0 auto;
color: #fff;
height: 60px;
line-height: 60px;
padding-top: 170px;
position: relative;
}
.wbanner_lylx1 h2 {
font-size: 50px;
float: left
}
.wbanner_lylx1 p {
font-size: 25px;
color: #919191;
float: left;
padding-left: 10px;
}
.wbanner_lylx1 a {
color: #fff;
font-size: 16px;
border: 1px solid #fff;
position: absolute;
right: 0;
display: block;
bottom: 0;
width: 110px;
height: 40px;
line-height: 40px;
text-align: center;
}
.lylx {
width: 1400px;
margin: 0 auto;
position: relative;
height: 1000px;
}
.lylx .lylx1 {
position: absolute;
top: -90px;
background: #fff;
width: 1290px;
padding: 55px;
}
.lylx .lylx1_t img {
max-width: none
}
.lylx .lylx1_t #map {
width: 1290px;
height: 500px;
border: #ccc solid 1px;
}
.lylx .lylx1_b {
font-size: 18px;
}
.lylx .lylx1_b p {
background: url(../image/lylx_07.jpg) no-repeat center right;
height: 37px;
color: #1e3666;
font-size: 40px;
height: 50px;
line-height: 50px;
margin: 40px 0;
width: 300px;
}
.lylx .lylx1_b ul {
margin-bottom: 20px;
font-size: 18px;
height: 50px;
}
.lylx .lylx1_b ul li {
line-height: 26px;
}
.wbanner_yygk {
height: 350px;
position: relative;
}
.wbanner_yygk1 {
background: url(../image/js_01.jpg) no-repeat center;
background-size: 100%;
position: absolute;
top: 0;
left: 0;
height: 350px;
width: 100%
}
.yygk {
width: 1400px;
margin: 0 auto;
position: relative;
height: 1800px;
}
.yygk .yygk1 {
position: absolute;
top: -90px;
background: #fff;
width: 1290px;
padding: 55px;
}
.yygk .yygk1_t img {
width: 33.1%
}
.yygk .yygk1_b {
font-size: 18px;
}
.yygk .yygk1_b h2 {
font-size: 35px;
font-weight: normal;
padding: 80px 0 30px
}
.yygk .yygk1_b p {
text-indent: 2em;
line-height: 34px;
padding-bottom: 20px;
}
.newss {
width: 1400px;
margin: 0 auto;
position: relative;
height: 1300px;
}
.newss .newss1 {
position: absolute;
top: -90px;
background: #fff;
width: 1290px;
padding: 55px;
}
.newss .newss1_t dl {
background: #f9f9f9;
}
.newss .newss1_t dl dt {
float: left;
}
.newss .newss1_t dl dd {
float: left;
width: 707px;
padding: 40px;
background: #f9f9f9;
font-size: 16px;
height: 252px;
}
.newss .newss1_t dl dd b {
font-size: 22px;
color: #1e3666;
display: block;
font-weight: normal;
}
.newss .newss1_t dl dd p {
line-height: 40px;
}
.newss .newss1_t dl dd font {
display: block;
font-size: 15px;
margin: 10px 0 20px;
}
.newss .newss1_b {
font-size: 18px;
}
.page {
margin-top: 60px;
float: right;
margin-bottom: 20px;
}
.page li {
float: left;
padding: 0 5px;
}
.newss .newss1_b ul {
font-size: 16px;
}
.newss .newss1_b ul li {
border-bottom: 1px solid #e6e6e6;
position: relative;
height: 90px;
line-height: 90px;
}
.newss .newss1_b ul li font {
position: absolute;
right: 0;
top: 0
}
.ylxm {
width: 1400px;
margin: 0 auto;
position: relative;
_height: 4700px;
top: -90px;
}
.ylxm .ylxm1 {
_position: absolute;
_top: -90px;
background: #fff;
width: 1290px;
padding: 55px;
}
.ylxm .ylxm1 h2 {
text-align: center;
font-size: 40px;
font-weight: normal;
padding-bottom: 50px;
}
.ylxm .ylxm1 p {
text-indent: 2em;
font-size: 16px;
line-height: 30px;
padding-bottom: 30px;
width: 100%;
height: auto;
_justify-content: center;
_align-items: center;
}
.ylxm .ylxm1 span {
display: block;
text-align: center;
}
.yuyue {
width: 1400px;
margin: 0 auto;
position: relative;
height: 800px;
}
.pc1{display:block}
.wap1{display:none}
.yuyue .yuyue1 {
position: absolute;
top: -90px;
background: #fff;
width: 1200px;
padding: 100px;
font-size: 16px;
}
.yuyue .yuyue1 .text {
width: 220px;
height: 30px;
line-height: 30px;
border: 1px solid #b4b4b4;
text-align: left;
}
.yuyue .yuyue1 p {
height: 40px;
line-height: 40px;
}
.yuyue .yuyue1 .sex_p {
margin-left: 30px;
}
.yuyue .yuyue1 .sex_p input {
margin: 0 8px;
}
.yuyue .yuyue1 .tel_p {
margin-left: 30px;
}
.yuyue .yuyue1 .zz_p {
margin: 20px 0
}
.yuyue .yuyue1 .zz_p ul li {
margin-bottom: 15px;
}
.yuyue .yuyue1 .zz_p ul li input {
margin: 0 5px;
}
.yuyue .yuyue1 textarea {
width: 860px;
height: 175px;
border: 1px solid #b4b4b4;
line-height: 22px;
text-indent: 10px;
}
.yuyue .yuyue1 .text_p1 {
float: left;
}
.yuyue .yuyue1 .text_p2 {
float: left;
}
.yuyue .yuyue1 .zz_p1 {
float: left;
}
.yuyue .yuyue1 ul {
float: left;
width: 810px;
}
.yuyue .yuyue1 ul label {
margin-bottom: 15px;
display: block;
float: left;
margin-right: 10px;
}
.yuyue .yuyue1 ul label input {
margin-right: 5px;
}
.yuyue .yuyue1 em {
color: #FD0206
}
.but {
margin-top: 50px;
margin-left: 80px;
}
.but .submit1 {
margin-right: 20px;
width: 82px;
height: 26px;
line-height: 26px;
text-align: center;
color: #fff;
background: #1e3666;
font-size: 14px;
border: none
}
.but .submit2 {
width: 82px;
height: 26px;
line-height: 26px;
text-align: center;
color: #fff;
background: #bababa;
font-size: 14px;
border: none
}
.ylxm .ylxm2 {
position: absolute;
top: -90px;
background: #fff;
width: 1400px;
}
.ylxm .ylxm2 dl {
background: #597cc1;
position: relative;
height: 494px;
color: #fff;
font-size: 18px
}
.ylxm .ylxm2 dl dt {
float: left;
position: relative;
width: 657px;
}
.ylxm .ylxm2 dl dt img {
position: absolute;
top: 45px;
left: 0
}
.ylxm .ylxm2 dl dd {
float: right;
width: 673px;
padding: 35px;
line-height: 42px
}
.ylxm .ylxm2 dl dd font {
background: url(../image/f_001.png) center right no-repeat;
display: block;
width: 270px;
height: 60px;
line-height: 60px;
color: #fff;
font-size: 35px;
}
.ylxm .ylxm2 dl dd p {
text-indent: 2em;
margin-top: 20px;
}
.yslb {
width: 1400px;
margin: 0 auto;
position: relative;
_height: 600px;
top: -90px;
}
.yslb .yslb1 {
_position: absolute;
_top: -90px;
background: #fff;
width: 1200px;
padding: 50px 100px;
font-size: 16px;
}
.yslb .yslb1 dl {
margin-bottom: 60px;
}
.yslb .yslb1 dl dd span img {
padding-right: 5px;
}
.yslb .yslb1 dl dd span font {
font-size: 14px;
padding-left: 10px;
}
.yslb .yslb1 dl dd b {
font-size: 14px;
color: #072d5d;
display: block;
margin: 35px 0 10px;
}
.yslb .yslb1 dl dt {
float: left;
}
.yslb .yslb1 dl dt img {
_width: 210px;
width: 300px;
}
.yslb .yslb1 dl dd {
float: right;
width: 870px;
}
.yslb .yslb1 dl dd.dd1 {
width: 800px;
margin-top: 100px;
}
.yslb .yslb1 dl dd span {
display: block;
font-size: 20px;
height: 25px;
line-height: 25px;
margin-bottom: 20px;
}
.xz_lb {
float: right;
}
.xz_lb a {
border: 1px solid #fff;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff
}
.xz_lb select {
width: 225px;
float: left;
height: 40px;
line-height: 40px;
background: none;
border: 1px solid #fff;
color: #fff;
font-size: 16px;
padding: 0 10px;
}
.xz_lb form {
width: 225px;
float: left;
height: 38px;
line-height: 38px;
background: none;
border: 1px solid #fff;
color: #fff;
font-size: 16px;
padding: 0 10px;
margin-left: 40px;
}
.xz_lb form input {
color: #fff;
width: 200px;
float: left;
height: 38px;
line-height: 38px;
}
.xz_lb select .opt {
background: #1e3666;
}
.xz_lb form button {
width: 20px;
text-align: center;
float: right;
height: 21px;
background: url("../image/s.png") no-repeat center;
border: none;
outline: none;
margin: 9px 0;
}
input::-webkit-input-placeholder {
color: #fff;
}
.yslb .yslb1 dl {
margin-bottom: 60px;
}
.yslb .yslb1 dl dd span img {
padding-right: 5px;
}
.yslb .yslb1 dl dd span font {
font-size: 14px;
padding-left: 10px;
}
.yslb .yslb1 dl dd b {
font-size: 14px;
color: #072d5d;
display: block;
margin: 35px 0 10px;
}
.tx_main1 {
border-top: 1px dashed #a0a0a0;
margin-left: 15px;
}
.tx_main1 a {
color: #072d5d;
font-size: 14px;
}
.tx_main1 a:last-child {
color: #fff;
background: #072d5d;
width: 85px;
height: 25px;
line-height: 25px;
text-align: center;
}
.tx_main {
width: 100%
}
.tx_main1 p {
margin-bottom: 40px;
line-height: 26px;
}
.tx_main dl dt {
float: left;
}
.tx_main dl dd {
float: right;
width: 600px;
}
.tx_main dl dd.dd1 {
width: 450px;
}
.tx_main dl dd span {
display: block;
font-size: 20px;
height: 25px;
line-height: 25px;
margin-bottom: 20px;
}
.tx_main dl {
margin-bottom: 60px;
}
.tx_main dl dd span img {
padding-right: 5px;
}
.tx_main dl dd span font {
font-size: 14px;
padding-left: 10px;
}
.tx_main dl dd b {
font-size: 14px;
color: #072d5d;
display: block;
margin: 35px 0 10px;
}
.ylxmm {
width: 1400px;
margin: 0 auto;
position: relative;
height: 500px;
background: #fff
}
.ylxmm .ylxmm2 {
position: absolute;
top: -90px;
background: #fff;
width: 1400px;
}
.ylxmm .ylxmm2 dl {
background: #597cc1;
position: relative;
height: 494px;
color: #fff;
font-size: 18px
}
.ylxmm .ylxmm2 dl dt {
float: left;
position: relative;
width: 657px;
}
.ylxmm .ylxmm2 dl dt img {
position: absolute;
top: 45px;
left: 0
}
.ylxmm .ylxmm2 dl dd {
float: right;
width: 673px;
padding: 35px;
line-height: 42px
}
.ylxmm .ylxmm2 dl dd font {
background: url(../image/f_001.png) center right no-repeat;
display: block;
width: 270px;
height: 60px;
line-height: 60px;
color: #fff;
font-size: 35px;
}
.ylxmm .ylxmm2 dl dd p {
text-indent: 2em;
margin-top: 20px;
}
.header {
width: 100%;
padding: 35px 60px;
background: #FFFFFF;
box-sizing: border-box;
position: fixed;
top: 0px;
left: 0px;
z-index: 99;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
.header .logo {
height: 80px;
width: auto;
float: left;
}
.header .content {
width: 1400px;
margin: 0px auto;
}
.header .nav_box {
float: right;
line-height: 80px;
height: 80px;
}
.header .nav_box>ul {
float: left;
}
.header .nav_box>ul>li {
float: left;
padding: 0px 24px;
position: relative;
}
.header .nav_box>ul>li.active a {
border-radius: 25px;
background: #1e3666;
padding: 5px 15px;
color: #fff
}
.header .nav_box>ul>li.active dl dd a {
background: none
}
.header .nav_box>ul>li:first-child::after {
display: none;
}
.header .nav_box>ul>li>a {
font-size: 20px;
color: #fff;
transition: all 320ms linear;
}
.header .nav_box>ul>li>a:hover {
transform: scale(1.05);
transition: all 0.3s;
}
.header .nav_box>ul>li>a {
color: #393939;
}
.header .nav_box>ul>li dl {
position: absolute;
font-size: 18px;
background: #85a2dd;
padding: 10px 20px;
box-shadow: #666 0px 0px 5px;
border-radius: 10px;
transition: all 0.3s;
opacity: 0;
transform: translateY(10px);
visibility: hidden;
color: #fff;
}
.header .nav_box>ul>li:hover dl {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
.header .nav_box>ul>li dl:before {
content: '';
display: block;
width: 10px;
height: 10px;
background: #85a2dd;
transform: rotate(45deg);
border: 1px #ddd solid;
border-right: 0px;
border-bottom: 0px;
position: absolute;
top: -7px;
left: 20px;
}
.header .nav_box>ul>li dl dd {
line-height: 30px;
white-space: nowrap;
margin-bottom: 5px;
}
.header .nav_box>ul>li dl dd a {
color: #fff
}
.header .nav_box>ul>li dl dd:hover {
color: #002B62;
}
.header .nav_box .btn_search {
float: right;
height: 100%;
display: flex;
align-items: center;
margin-left: 32px;
}
.header .nav_box .btn_search img {
vertical-align: middle;
}
.m_nav_btn {
display: none;
background: #002B62;
height: 70px;
width: 70px;
display: none;
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
float: left;
z-index: 3;
transition: all 0.3s;
}
.m_nav_btn i {
display: block;
height: 1px;
background: #FFF;
width: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
transition: all 0.3s;
opacity: 1;
}
.m_nav_btn i::after {
content: "";
display: block;
height: 1px;
background: #FFF;
width: 100%;
position: absolute;
top: -13px;
left: 0px;
transition: all 0.3s;
}
.m_nav_btn i::before {
content: "";
display: block;
height: 1px;
background: #FFF;
width: 100%;
position: absolute;
bottom: -13px;
left: 0px;
transition: all 0.3s;
}
.m_nav_btn.close i {
background: none;
opacity: 1;
}
.m_nav_btn.close i::after {
transform: rotate(45deg);
top: 0px;
}
.m_nav_btn.close i::before {
transform: rotate(-45deg);
bottom: 0px;
}
.header_space {
height: 150px;
}
.sh_bkg {
position: fixed;
left: 0;
top: 0;
z-index: 2000;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
display: none;
transition: all 220ms linear;
}
.sh_box {
position: fixed;
left: 50%;
margin-left: -390px;
top: 50%;
margin-top: -94px;
z-index: 2001;
width: 780px;
display: none;
text-align: center;
transition: all 220ms linear;
}
.sh_box form {
width: 100%;
overflow: hidden;
}
.sh_box .box {
width: 100%;
text-align: center;
overflow: hidden;
}
.sh_box .stxt {
float: left;
width: 675px;
height: 88px;
line-height: 88px;
padding: 0px 20px;
border: 0;
box-sizing: border-box;
background: #FFFFFF;
}
.sh_box .sbtn {
float: left;
width: 105px;
height: 88px;
line-height: 88px;
text-align: center;
color: #FFF;
background: #002b62 url(../image/index_04.png) center center no-repeat;
border: 0;
cursor: pointer;
}
.sh_box .close {
position: relative;
width: 80px;
height: 80px;
float: none;
margin: 0px auto;
cursor: pointer;
margin-bottom: 20px;
}
.sh_box .close:before,
.sh_box .close:after {
content: "";
display: block;
width: 80px;
height: 1px;
background-color: #FFF;
position: absolute;
left: 0px;
top: 40px;
}
.sh_box .close:before {
transform: rotate(45deg);
}
.sh_box .close:after {
transform: rotate(-45deg);
}
.banner {
width: 100%;
}
.banner #ban_swiper {
width: 100%;
height: 650px;
position: relative;
}
.banner #ban_swiper .swiper-slide {
background-size: auto 100%;
background-position: center center;
}
.banner #ban_swiper .swiper-slide .title {
font-size: 56px;
color: #FFFFFF;
line-height: 80px;
width: 1400px;
position: absolute;
bottom: 150px;
left: 50%;
transform: translateX(-50%);
}
.banner #ban_swiper .swiper-button-prev,
.banner #ban_swiper .swiper-button-next {
width: 68px;
height: 68px;
background: url(../image/icon_ban_arrow.png) center center no-repeat;
background-size: 100% 100%;
transition: all 320ms linear;
}
.banner #ban_swiper .swiper-button-prev:hover,
.banner #ban_swiper .swiper-button-next:hover {
background: url(../image/icon_ban_arrow_on.png) center center no-repeat;
background-size: 100% 100%;
}
.banner #ban_swiper .swiper-button-prev {
left: 5%;
}
.banner #ban_swiper .swiper-button-next {
right: 5%;
transform: rotateY(180deg);
}
.banner #ban_swiper .swiper-pagination {
width: 1400px;
text-align: left;
position: absolute;
bottom: 88px;
left: 50%;
transform: translateX(-50%);
}
.banner #ban_swiper .swiper-pagination span {
width: 20px;
height: 20px;
background: url(../image/ban_dot.png) center center no-repeat;
background-size: 100% 100%;
opacity: 1;
}
.banner #ban_swiper .swiper-pagination span.swiper-pagination-bullet-active {
background: url(../image/ban_dot_on.png) center center no-repeat;
background-size: 100% 100%;
}
.inbox1 {
width: 100%;
position: relative;
_padding: 100px 0px;
background: url(../image/inbox1_ban.jpg) center center no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}
.inbox1 .content {
width: 1388px;
margin: 0px auto;
}
.inbox1 .content .doctor_search {
width: 100%;
height: 68px;
line-height: 68px;
margin-bottom: 10px;
background: #1e3666;
position: relative;
}
.inbox1 .content .doctor_search input {
color: #fff;
width: 100%;
padding-left: 32px;
padding-right: 160px;
box-sizing: border-box;
font-size: 20px;
}
.inbox1 .content .doctor_search .search_btn {
cursor: pointer;
width: 160px;
font-size: 20px;
position: absolute;
top: 0px;
right: 0px;
text-align: center;
background:#1e3666;
border: none;
color: #fff;
height: 68px;
line-height: 68px;
}
.inbox1 .content .doctor_search .search_btn button {
color: #fff;
border: none;
background: #1e3666;
cursor: pointer;
}
.inbox1 .content .doctor_search .search_btn::after {
content: "";
width: 1px;
height: 24px;
background: #668CC5;
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
}
.inbox1 .content .doctor_search .search_btn .icon {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.inbox1 .content .doctor_search .search_btn .tit {
font-size: 20px;
color: #ffffff;
display: inline-block;
vertical-align: middle;
}
.inbox1 .content .l_box {
width: 673px;
height: 649px;
float: left;
}
.inbox1 .content .r_box {
width: 715px;
height: 639px;
float: right;
display: flex;
}
.inbox1 .content .r_box ul {
width: 50%;
height: 100%;
}
.inbox1 .content .r_box ul li {
height: 50%;
box-sizing: border-box;
padding: 40px 30px;
position: relative;
margin-left: 10px;
margin-bottom: 10px;
}
.inbox1 .content .r_box ul li .box {
width: 100%;
height: 100%;
box-sizing: border-box;
position: relative;
}
.inbox1 .content .r_box ul li .box .top_box .title {
font-size: 26px;
line-height: 28px;
color: #FFFFFF;
text-align: center;
}
.inbox1 .content .r_box ul li .box .top_box .en_title {
font-size: 16px;
line-height: 28px;
color: #FFFFFF;
opacity: 0.4;
}
.inbox1 .content .r_box ul li .box .top_box .title1 {
font-size: 26px;
line-height: 28px;
color: #FFFFFF;
}
.inbox1 .content .r_box ul li .box .top_box .en_title1 {
font-size: 16px;
line-height: 28px;
color: #FFFFFF;
opacity: 0.4;
}
.inbox1 .content .r_box ul li.item1 {
background: url(../image/bg_item_01.png) center right no-repeat #0b48a3;
background-size: auto 100%;
}
.inbox1 .content .r_box ul li.item1 .box .qrcode {
position: absolute;
bottom: 0px;
left: 0px;
}
.inbox1 .content .r_box ul li.item1 .box .icon {
position: absolute;
bottom: 0px;
right: 0px;
}
.inbox1 .content .r_box ul li.item2 {
background: #84202f;
}
.inbox1 .content .r_box ul li.item2 .box .icon {
position: absolute;
bottom: 0px;
left: 0px;
}
.inbox1 .content .r_box ul li.item3 {
background: #1e3666;
}
.inbox1 .content .r_box ul li.item3 .top_box {
position: relative;
text-align: left;
margin-bottom: 0
}
.inbox1 .content .r_box ul li.item3 .top_box .more {
font-size: 14px;
color: #FFFFFF;
opacity: 0.6;
position: absolute;
top: 10px;
right: 0px;
}
.inbox1 .content .r_box ul li.item3 .list {
margin-top: 14px;
}
.inbox1 .content .r_box ul li.item3 .list a {
line-height: 36px;
padding-left: 12px;
display: block;
font-size: 14px;
color: #ffffff;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inbox1 .content .r_box ul li.item3 .list a::after {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: #FFFFFF;
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
}
.inbox1 .content .r_box ul li.item4 {
background: url(404.png) center right no-repeat #0b8889;
background-size: auto 100%;
}
.inbox1 .content .r_box ul li.item4 .box .icon {
position: absolute;
bottom: 0px;
left: 0px;
}
.inbox1 .content .r_box ul li.smallli {
height: 154.5px;
background: url(404.png) center right no-repeat #0b8889;
background-size: auto 100%;
}
.inbox1 .content .r_box ul li.smallli .box .icon {
position: absolute;
bottom: 0px;
right: 0px;
}
.inbox1 .content .r_box ul li.item11 {
background: url(../image/bg_item_11.jpg) center right no-repeat #1171bc;
background-size: auto 100%;
}
.inbox1 .content .r_box ul li.item22 {
background: url(../image/bg_item_22.jpg) center right no-repeat #028bc2;
background-size: auto 100%;
}
.inbox1 .content .r_box ul li.item33 {
background: url(../image/bg_item_33.jpg) center right no-repeat #1ca2ac;
background-size: auto 100%;
}
.inbox1 .content .r_box ul li.item44 {
background: url(../image/bg_item_44.jpg) center right no-repeat #3cc0a8;
background-size: auto 100%;
}
.inbox2 {
width: 100%;
padding: 80px 0px;
}
.inbox2 .content {
width: 1400px;
margin: 0px auto;
}
.content .top_box {
margin-bottom: 34px;
line-height: 45px;
}
.content .top_box .title {
font-size: 50px;
color: #393939;
text-align: center;
}
.content .top_box .title span {
font-size: 18px;
color: #bec1c2;
display: block;
color: #919191;
font-weight: normal;
}
.inbox2 .content .l_box #news_swiper {
position: relative;
}
.inbox2 .content .l_box #news_swiper .swiper-slide {
position: relative;
}
.inbox2 .content .l_box #news_swiper .swiper-slide img {
width: 100%;
display: block;
height: 350px;
object-fit: cover;
max-height: calc(350px);
}
.inbox2 .content .l_box #news_swiper .swiper-slide .con_box {
color: #fff;
width: 100%;
padding: 0px 60px 30px 32px;
box-sizing: border-box;
position: absolute;
bottom: 0px;
left: 0px;
background: rgba(51, 51, 51, 0.5);
}
.inbox2 .content .l_box #news_swiper .swiper-slide .con_box .time {
font-size: 14px;
line-height: 26px;
font-style: italic;
}
.inbox2 .content .l_box #news_swiper .swiper-slide .con_box .title {
font-size: 20px;
font-weight: bold;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inbox2 .content .l_box #news_swiper .swiper-slide .con_box .more {
font-size: 12px;
line-height: 26px;
margin-top: 6px;
}
.inbox2 .content .l_box #news_swiper .swiper-pagination {
width: auto;
text-align: right;
position: absolute;
bottom: 32px;
right: 28px;
}
.inbox2 .content .l_box #news_swiper .swiper-pagination span {
width: 10px;
height: 10px;
box-sizing: border-box;
border: 1px solid #FFFFFF;
background: transparent;
opacity: 1;
}
.inbox2 .content .l_box #news_swiper .swiper-pagination span.swiper-pagination-bullet-active {
background: #FFFFFF;
}
.inbox2 .content .r_box {
min-height: 300px;
}
.inbox2 .content .r_box .top_box {
text-align: center;
margin-bottom: 25px;
}
.inbox2 .content .r_box .top_box ul {
width: auto;
display: inline-block;
}
.inbox2 .content .r_box .top_box ul li {
float: left;
margin-left: 34px;
position: relative;
width: 174px;
height: 57px;
line-height: 57px;
background: #e6e6e6;
border-radius: 30px
}
.inbox2 .content .r_box .top_box ul li a {
font-size: 20px;
color: #11bacb;
}
.inbox2 .content .r_box .top_box ul li:hover a {
color: #0b4aa8;
}
.inbox2 .content .r_box .top_box ul li:hover::after {
background: #0b4aa8;
}
.inbox2 .content .r_box .top_box ul li.on a {
color: #fff;
}
.inbox2 .content .r_box .top_box ul li.on::after {
background: #0b4aa8;
}
.inbox2 .content .r_box .top_box ul li.on {
background: #1e3666;
}
.inbox2 .content .r_box #list_swiper {}
.inbox2 .content .r_box #list_swiper .swiper-slide ul {
width: 100%;
}
.inbox3 {
width: 100%;
padding-top: 62px;
padding-bottom: 80px;
}
.inbox3 .content {
width: 1388px;
margin: 0px auto;
}
.inbox3 #expert_swiper {
width: 100%;
margin-bottom: 22px;
}
.inbox3 #expert_swiper .top_box .btn_box {
float: right;
position: relative;
}
.inbox3 #expert_swiper .top_box .btn_box .swiper-button-prev {
margin: 0px;
position: static;
width: 40px;
height: 40px;
background: url(../image/expert_arrow.png) center center no-repeat;
background-size: 100% 100%;
float: left;
opacity: 1;
}
.inbox3 #expert_swiper .top_box .btn_box .swiper-button-next {
transform: rotateY(180deg);
margin: 0px;
margin-left: 80px;
position: static;
width: 40px;
height: 40px;
background: url(../image/expert_arrow.png) center center no-repeat;
background-size: 100% 100%;
float: left;
opacity: 1;
}
.inbox3 #expert_swiper .top_box .btn_box .swiper-pagination {
width: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
bottom: auto;
color: #666;
}
.inbox3 #expert_swiper .top_box .btn_box .swiper-button-prev:hover {
background: url(../image/expert_arrow_on.png) center center no-repeat;
background-size: 100% 100%;
}
.inbox3 #expert_swiper .top_box .btn_box .swiper-button-next:hover {
background: url(../image/expert_arrow_on.png) center center no-repeat;
background-size: 100% 100%;
}
.inbox3 #expert_swiper .swiper-slide {
padding: 0px 10px;
box-sizing: border-box;
}
.inbox3 #expert_swiper .swiper-slide .box {
position: relative;
}
.inbox3 #expert_swiper .swiper-slide .box a {
display: block;
width: 100%;
height: 100%
}
.inbox3 #expert_swiper .swiper-slide .box .box1 {
position: absolute;
bottom: 0px;
left: 0px;
font-size: 24px;
text-align: left;
padding: 50px 24px;
box-sizing: border-box;
width: 100%;
display: none;
background: rgba(51, 51, 51, 0.5);
height: 454px;
line-height: 30px;
color: #fff
}
.inbox3 #expert_swiper .swiper-slide .box .box1 a {
color: #fff
}
.inbox3 #expert_swiper .swiper-slide .box .desc {
font-size: 16px;
}
.inbox3 #expert_swiper .swiper-slide .box p {
font-size: 16px;
padding-top: 50px;
}
.inbox3 #expert_swiper .swiper-slide .box img {
width: 100%;
display: block;
}
.inbox3 #expert_swiper .swiper-slide .box:hover .box1 {
display: block;
}
.inbox3 #expert_swiper .swiper-slide .box:hover .con_box {
display: none;
}
.inbox3 #expert_swiper .swiper-slide .box .con_box {
position: absolute;
bottom: 0px;
left: 0px;
padding: 22px 24px;
box-sizing: border-box;
width: 100%;
display: block;
background: #1e3666;
}
.inbox3 #expert_swiper .swiper-slide .box .con_box h2 img {
width: auto;
position: absolute;
bottom: 80px;
left: 240px;
}
.inbox3 #expert_swiper .swiper-slide .box .con_box .name {
font-size: 20px;
line-height: 32px;
color: #FFFFFF;
}
.inbox3 #expert_swiper .swiper-slide .box .con_box .desc {
font-size: 12px;
line-height: 20px;
color: #FFFFFF;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.inbox3 .more {
margin: 0px auto;
width: calc(100% - 20px);
height: 88px;
line-height: 88px;
background: #0b48a3;
font-size: 16px;
color: #FFFFFF;
text-align: center;
display: block;
}
.inbox3 .more span {
margin-left: 20px;
transition: all 220ms linear;
}
.inbox3 .more:hover span {
margin-left: 40px;
}
.inbox4 {
width: 100%;
height: 663px;
background: #0b48a3;
transition: all 500ms linear;
}
.inbox4 .content {
width: 100%;
height: 100%;
margin: 0px auto;
}
.inbox4 .content .item {
width: 34.375%;
height: 100%;
position: relative;
float: left;
transition: all 700ms linear;
}
.inbox4 .content .item .list_box {
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
display: flex;
align-items: center;
transition: all 220ms linear;
}
.inbox4 .content .item .list_box .box {
width: 900px;
min-width: 900px;
vertical-align: middle;
margin: 0px auto;
}
.inbox4 .content .item .list_box .top_box {
text-align: left;
line-height: 40px;
margin-bottom: 52px;
}
.inbox4 .content .item .list_box .top_box img {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.inbox4 .content .item .list_box .top_box .title {
font-size: 36px;
color: #FFFFFF;
display: inline-block;
vertical-align: middle;
}
.inbox4 .content .item .list_box .top_box .title span {
font-size: 16px;
color: #FFFFFF;
opacity: 0.5;
}
.inbox4 .content .item .list_box ul {
margin-bottom: 20px;
}
.inbox4 .content .item .list_box ul li {
margin-right: 25px;
margin-bottom: 20px;
width: 198px;
height: 58px;
border: 1px solid #FFFFFF;
line-height: 58px;
text-align: center;
float: left;
transition: all 220ms linear;
}
.inbox4 .content .item .list_box ul li a {
width: 100%;
height: 100%;
padding: 0px 5px;
box-sizing: border-box;
display: block;
color: #FFFFFF;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inbox4 .content .item .list_box ul li:hover {
background: #FFFFFF;
}
.inbox4 .content .item .list_box ul li:hover a {
color: #0b48a3;
font-weight: bold;
}
.inbox4 .content .item .list_box .more {
width: 132px;
height: 52px;
line-height: 52px;
border-bottom: 1px solid #FFFFFF;
display: block;
color: #FFFFFF;
font-size: 14px;
position: relative;
transition: all 220ms linear;
}
.inbox4 .content .item .list_box .more::before {
content: "→";
position: absolute;
right: 0px;
top: 0px;
transition: all 320ms linear;
}
.inbox4 .content .item .list_box .more:hover {
width: 180px;
padding-left: 20px;
}
.inbox4 .content .item .list_box .more:hover::before {
right: 20px;
}
.inbox4 .content .item .brand {
visibility: visible;
opacity: 1;
width: 100%;
height: 100%;
background: #0b48a3;
position: absolute;
top: 0px;
left: 0px;
display: flex;
align-items: center;
transition: all 220ms linear;
}
.inbox4 .content .item .brand .brand_box {
width: 100%;
vertical-align: middle;
text-align: center;
position: relative;
}
.inbox4 .content .item .brand .brand_box img {
height: 46px;
margin-bottom: 10px;
transition: all 700ms linear;
}
.inbox4 .content .item .brand .brand_box .title {
margin-bottom: 15px;
font-size: 32px;
color: #FFFFFF;
transition: all 700ms linear;
}
.inbox4 .content .item .brand .brand_box .en_title {
font-size: 16px;
color: #FFFFFF;
line-height: 26px;
opacity: 0.5;
transition: all 700ms linear;
}
.inbox4 .content .item .brand .brand_box::before {
content: "";
width: 1px;
height: 73px;
background: #FFFFFF;
opacity: 0.5;
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -140%);
}
.inbox4 .content .item .brand .brand_box::after {
content: "";
width: 1px;
height: 73px;
background: #FFFFFF;
opacity: 0.5;
position: absolute;
bottom: 0px;
left: 50%;
transform: translate(-50%, 140%);
}
.inbox4 .content .item.on {
width: 65.625%;
}
.inbox4 .content .item.on .brand {
opacity: 0;
visibility: hidden;
}
.inbox4 .content .item.on .list_box {
opacity: 1;
visibility: visible;
}
.inbox4 .content .item:first-child {
background: url(404.png) center right no-repeat;
}
.inbox4 .content .item:last-child {
background: url(404.png) center left no-repeat;
}
.inbox4_m {
display: none;
width: 100%;
background: url(404.png) center center no-repeat #0b48a3;
padding: 40px 0px;
background-size: 100% auto;
}
.inbox4_m .content {
padding: 0px 20px;
}
.inbox4_m .swiper-slide {
text-align: center;
}
.inbox4_m .swiper-slide .top_box {
width: auto;
text-align: center;
position: relative;
padding: 0px 50px;
display: inline-block;
margin: 0px auto;
margin-bottom: 30px;
}
.inbox4_m .swiper-slide ul {}
.inbox4_m .swiper-slide ul li {
width: 25%;
padding: 0px 10px;
float: left;
box-sizing: border-box;
margin-bottom: 20px;
}
.inbox4_m .swiper-slide ul li a {
width: 100%;
height: 50px;
line-height: 48px;
padding: 0px 5px;
box-sizing: border-box;
display: block;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inbox4_m .swiper-slide ul li a:hover {
background: #FFFFFF;
color: #002B62;
}
.inbox4_m .swiper-slide .more {
display: none;
}
.inbox4_m .swiper-slide .top_box {
position: relative;
}
.inbox4_m .swiper-slide .top_box img {
height: 50px;
margin-bottom: 10px;
}
.inbox4_m .swiper-slide .top_box .title {
font-size: 28px;
color: #FFFFFF;
margin-bottom: 10px;
}
.inbox4_m .swiper-slide .top_box .en_title {
font-size: 16px;
color: #FFFFFF;
opacity: 0.6;
}
.inbox4_m .swiper-slide .top_box::after {
content: "";
width: 50px;
height: 1px;
background: #FFFFFF;
position: absolute;
top: 50%;
left: 0px;
transform: translate(-100%, -50%);
}
.inbox4_m .swiper-slide .top_box::before {
content: "";
width: 50px;
height: 1px;
background: #FFFFFF;
position: absolute;
top: 50%;
right: 0px;
transform: translate(100%, -50%);
}
.inbox4_m .swiper-pagination {
position: static;
}
.inbox4_m .swiper-pagination span {
width: 10px;
height: 10px;
box-sizing: border-box;
border: 1px solid #FFFFFF;
background: transparent;
opacity: 1;
}
.inbox4_m .swiper-pagination span.swiper-pagination-bullet-active {
background: #FFFFFF;
}
.inbox5 {
width: 100%;
padding: 44px 0px;
}
.inbox5 .content {
width: 1388px;
margin: 0px auto;
}
.footer .foot1 {
height: 450px;
background: url(../image/in_foot_1.jpg) center center no-repeat;
_background-size: auto 100%;
position: relative;
color: #ffffff;
transition: all 220ms linear;
}
.foot_top {
position: fixed;
right: 50px;
bottom: 100px;
text-align: center;
}
.foot_top b {
display: block;
font-size: 30px;
margin: 10px 0px;
color: #333;
}
.foot_top span {
display: block;
font-size: 16px;
color: #333;
}
.footer .foot1 .content {
width: 1400px;
height: 100%;
margin: 0px auto;
}
.footer .foot1 .top_box {
padding-top: 60px;
padding-bottom: 40px;
margin-bottom: 34px;
}
.footer .foot1 .top_box .l_box {
float: left;
}
.footer .foot1 .top_box .l_box .wx {
margin-left: 33px;
}
.footer .foot1 .top_box .r_box {
float: right;
margin-top: 50px;
}
.footer .foot1 .top_box .r_box p {
width: 950px;
height: 60px;
line-height: 60px;
font-size: 32px;
box-sizing: border-box;
border-bottom: 1px solid #E0E0E0;
text-align: left;
}
.footer .foot1 .top_box .r_box p span {
width: 305px;
display: inline-block;
}
.footer .foot1 .top_box .r_box .r_box1 {
text-align: left;
font-size: 24px;
}
.footer .foot1 .top_box .r_box ul {
float: left
}
.footer .foot1 .top_box .r_box .r_box1 {
float: right
}
.footer .foot1 .top_box .r_box .r_box2 {
float: left;
color: #fff;
}
.footer .foot1 .top_box .r_box ul li {
height: 50px;
line-height: 50px;
margin-bottom: 20px;
}
.footer .foot1 .top_box .r_box ul li:first-child {
margin-top: 50px;
}
.footer .foot1 .top_box .r_box ul li img {
float: left;
padding-right: 10px;
}
.wap3{display: none;}
.pc3{display: block;}
.footer .foot1 .top_box .r_box ul li font {
display: inline-block;
float: left;
font-size: 24px;
}
.footer .foot1 .top_box .r_box .r_box1 h2 {
float: right;
font-size: 24px;
font-weight: normal;
text-align: center;
margin-left: 15px;
margin-top: 25px;
}
.footer .foot1 .top_box .r_box .r_box1 h2 img {
display: block;
}
.foot1 .foot-d-nav {
width: 100%;
}
.footer .foot1 .yc {
display: none
}
.footer .foot1.on .yc {
display: block
}
.footer .foot1.on .top_box {
display: none
}
.foot1 .foot-d-nav .nav-item {
float: left;
}
.foot1 .foot-d-nav .nav-item {
width: 11.111111%;
text-align: left;
}
.foot1 .foot-d-nav .nav-item .title {
width: 100%;
line-height: 30px;
margin-bottom: 10px;
position: relative;
padding-bottom: 15px;
}
.foot1 .foot-d-nav .nav-item .title a {
font-size: 16px;
color: #333333;
font-weight: bold;
transition: all 220ms ease-in;
}
.foot1 .foot-d-nav .nav-item .title::after {
content: "";
width: 18px;
height: 1px;
background: #96AED2;
position: absolute;
bottom: 0px;
left: 0px;
transition: all 220ms ease-in;
}
.foot1 .foot-d-nav .nav-item .title .drop-btn {
display: none;
}
.foot1 .foot-d-nav .nav-item:hover .title::after {
width: 32px;
background: #0B48A3;
}
.foot1 .foot-d-nav .nav-item ul {
padding-top: 10px;
padding-right: 10px;
}
.foot1 .foot-d-nav .nav-item ul li {
width: 100%;
line-height: 30px;
text-align: left;
transition: all 320ms ease-in;
position: relative;
overflow: hidden;
}
.foot1 .foot-d-nav .nav-item ul li a {
font-size: 14px;
color: #7F7F7F;
transition: all 320ms ease-in;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.foot1 .foot-d-nav .nav-item ul li:hover a {
color: #0B48A3;
}
.foot1 .foot-x-nav {
display: none;
}
.footer .foot-x-nav {
display: none;
margin-bottom: 25px;
}
.foot-x-nav .nav-item {
color: #b9b9b9;
border-bottom: 1px solid #3a3a3a;
}
.foot-x-nav .nav-item a {
color: #b9b9b9;
font-size: 14px;
}
.foot-x-nav .nav-item .title {
width: 100%;
line-height: 45px;
position: relative;
padding-left: 15px;
color: #b9b9b9;
font-size: 14px;
box-sizing: border-box;
}
.foot-x-nav .nav-item .title .drop-btn {
font-family: simhei;
width: 45px;
height: 45px;
display: none;
cursor: pointer;
font-size: 22px;
line-height: 45px;
text-align: center;
position: absolute;
right: 0px;
top: 0px;
transition: all 220ms linear;
}
.foot-x-nav .nav-item.open .title .drop-btn {
transform: rotate(-45deg);
}
.foot-x-nav .nav-item .title a {
display: block;
}
.foot-x-nav .nav-item ul {
padding-top: 5px;
padding-bottom: 10px;
display: none;
}
.foot-x-nav .nav-item ul li {
padding-left: 30px;
line-height: 30px;
}
.foot-x-nav .nav-item ul li a {
line-height: 30px;
}
.footer .foot2 {
background: url(404.png) center left no-repeat #FFFFFF;
background-size: auto 100%;
height: 170px;
position: relative;
color: #333333;
}
.footer .foot2 .bg .content {
width: 1400px;
margin: 0px auto;
text-align: center;
}
.footer .foot2 .bg .content p {
font-size: 14px;
line-height: 32px;
padding-top: 28px;
padding-bottom: 25px;
}
.footer .foot2 .bg .content p a {
color: #333333;
}
.flickr {
text-align: center;
margin-top: 40px;
}
.flickr .numbtn,
.flickr .pagebtn {}
.flickr .numbtn {
background: #b9b9b9;
border-radius: 50%;
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
line-height: 40px;
color: #fff;
font-size: 16px;
margin: 0px 5px;
}
.flickr .numbtn.current {
background: #0b48a3;
}
.flickr .pagebtn {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
vertical-align: top;
background: url(../image/expert_arrow.png);
margin: 0px 5px;
font-size: 0px;
}
.flickr .lastbtn {
position: relative;
transform: rotate(180deg);
font-size: 16px;
}
.ny_ban {
width: 100%;
height: 289px;
display: flex;
align-items: center;
text-align: center;
background-size: auto 100%;
background-position: center center;
background-repeat: no-repeat;
}
.ny_ban .box {
vertical-align: middle;
width: 100%;
}
.ny_ban .box .title {
font-size: 32px;
color: #fefefe;
margin-bottom: 14px;
}
.ny_ban .box .en_title {
font-size: 14px;
color: #FFFFFF;
opacity: 0.6;
}
.ny_ban_1104 {
height: 420px !important;
}
.ny_ban_1104 .box .title {
display: none !important;
}
.ny_ban.dzjk {
height: 0px;
}
.ny_main {
width: 100%;
padding-top: 28px;
background: #fafafa;
padding-bottom: 80px;
}
.ny_main .content {
width: 1400px;
margin: 0px auto;
}
.ny_main .content .l_box {
width: 862px;
float: left;
}
.ny_main .content .l_box .top_box {
padding-bottom: 32px;
}
.ny_main .content .l_box .top_box .current {
padding-left: 8px;
padding-right: 20px;
position: relative;
line-height: 55px;
float: left;
color: #c2c2c2;
font-size: 14px;
box-sizing: border-box;
}
.ny_main .content .l_box .top_box .current::after {
content: "";
width: 2px;
height: 8px;
background: #8aa7d1;
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
}
.ny_main .content .l_box .top_box .current a {
color: #c2c2c2;
}
.ny_main .content .l_box .top_box .ny_search {
width: calc(100% - 375px);
height: 55px;
background: #f0f0f0;
line-height: 55px;
float: right;
position: relative;
}
.ny_main .content .l_box .top_box .ny_search input {
float: left;
font-size: 14px;
color: #999999;
width: 100%;
height: 100%;
padding-left: 24px;
padding-right: 80px;
box-sizing: border-box;
}
.ny_main .content .l_box .top_box .ny_search button {
width: 55px;
height: 55px;
background: url(../image/icon_btm_search.png) center center no-repeat #0b48a3;
position: absolute;
top: 0px;
right: 0px;
border: 0px;
}
.ny_main .content .l_box .ctg_about {
line-height: 2em;
padding: 0px 20px;
padding-bottom: 20px;
font-size: 16px;
min-height: 350px;
}
.ny_main .content .l_box .news_list {
width: 100%;
border-top: 1px solid #EBEBEB;
}
.ny_main .content .l_box .news_list .item {
border-bottom: 1px solid #F0F0F0;
}
.ny_main .content .l_box .news_list .item .text {
display: block;
position: relative;
line-height: 80px;
}
.ny_main .content .l_box .news_list .item .text .time {
width: 140px;
float: left;
font-size: 14px;
color: #999999;
font-weight: bold;
}
.ny_main .content .l_box .news_list .item .text .title {
width: calc(100% - 180px);
float: left;
padding-right: 40px;
box-sizing: border-box;
}
.ny_main .content .l_box .news_list .item .text .title a {
display: block;
font-size: 16px;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ny_main .content .l_box .news_list .item.new .text .title a {
box-sizing: border-box;
max-width: 100%;
display: inline-block;
vertical-align: top;
padding-right: 50px;
position: relative;
}
.ny_main .content .l_box .news_list .item.new .text .title a::after {
content: "";
width: 40px;
height: 100%;
background: url(../image/icon_news_new.png) center center no-repeat;
background-size: 100% auto;
position: absolute;
top: 0px;
right: 0px;
}
.ny_main .content .l_box .news_list .item .text .open {
cursor: pointer;
font-size: 28px;
color: #003aa0;
font-weight: bold;
position: absolute;
top: 0px;
right: 0px;
}
.ny_main .content .l_box .news_list .item .img {
display: none;
padding: 32px 0px;
position: relative;
}
.ny_main .content .l_box .news_list .item .img .img_box {
width: 220px;
height: 148px;
overflow: hidden;
float: left;
}
.ny_main .content .l_box .news_list .item .img .img_box img {
width: 100%;
height: 100%;
display: block;
}
.ny_main .content .l_box .news_list .item .img .con_box {
width: calc(100% - 220px);
float: left;
box-sizing: border-box;
padding-left: 32px;
padding-right: 80px;
}
.ny_main .content .l_box .news_list .item .img .con_box .time {
position: relative;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #666666;
font-style: italic;
border-bottom: 1px solid #666666;
display: inline-block;
font-weight: bold;
}
.ny_main .content .l_box .news_list .item.new .img .con_box .time::after {
content: "";
width: 40px;
height: 100%;
background: url(../image/icon_news_new.png) center center no-repeat;
background-size: 100% auto;
position: absolute;
top: 0px;
right: -50px;
}
.ny_main .content .l_box .news_list .item .img .con_box .title {
margin-bottom: 10px;
font-size: 20px;
line-height: 2em;
color: #0b48a3;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ny_main .content .l_box .news_list .item .img .con_box .desc {
font-size: 14px;
color: #808080;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ny_main .content .l_box .news_list .item .img .close {
width: 35px;
height: 35px;
position: absolute;
background: #0b48a3;
top: 32px;
right: 0px;
}
.ny_main .content .l_box .news_list .item .img .close::before {
content: "";
width: 19px;
height: 2px;
background: #9eb1d6;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ny_main .content .l_box .news_list .item.on .text {
display: none;
}
.ny_main .content .l_box .news_list .item.on .img {
display: block;
}
.ny_main .content .r_box {
width: 300px;
float: right;
}
.ny_main .content .r_box .ny_nav_box {
width: 100%;
background: #FFFFFF;
position: relative;
margin-bottom: 20px;
}
.ny_main .content .r_box .ny_nav_box .box {
padding: 20px 30px;
}
.ny_main .content .r_box .ny_nav_box::after {
content: "";
width: calc(100% - 30px);
height: 12px;
background: #0b48a3;
position: absolute;
top: -12px;
right: -12px;
}
.ny_main .content .r_box .ny_nav_box::before {
content: "";
width: 12px;
height: calc(100% - 40px);
background: #0b48a3;
position: absolute;
top: 0px;
right: -12px;
}
.ny_main .content .r_box .ny_nav_box ul li {
line-height: 80px;
border-bottom: 1px solid #fafafa;
position: relative;
}
.ny_main .content .r_box .ny_nav_box ul li:last-child {
border-bottom: 0px;
}
.ny_main .content .r_box .ny_nav_box ul li a {
display: block;
font-size: 20px;
color: #666666;
}
.ny_main .content .r_box .ny_nav_box ul li:hover a {
color: #0b48a3;
font-weight: bold;
}
.ny_main .content .r_box .ny_nav_box ul li.cur a {
color: #0b48a3;
font-weight: bold;
}
.ny_main .content .r_box .ny_nav_box ul li::after {
content: "";
width: 10px;
height: 10px;
background: url(../image/icon_ny_nav_jiao.png) center no-repeat;
background-size: 100% 100%;
position: absolute;
top: 10px;
right: 0px;
}
.ny_main .content .r_box .ny_nav_box ul li:hover::after {
background: url(../image/icon_ny_nav_jiao_on.png) center no-repeat;
background-size: 100% 100%;
}
.ny_main .content .r_box .ny_nav_box ul li.cur::after {
background: url(../image/icon_ny_nav_jiao_on.png) center no-repeat;
background-size: 100% 100%;
}
.ny_main .content .hot_news {
background: #FFFFFF;
padding: 0px 32px;
margin-bottom: 20px;
}
.ny_main .content .hot_news .top_box {
padding-top: 12px;
line-height: 62px;
}
.ny_main .content .hot_news .top_box .title {
float: left;
font-size: 20px;
color: #333333;
}
.ny_main .content .hot_news .top_box .title img {
display: inline-block;
vertical-align: middle;
}
.ny_main .content .hot_news .top_box .btn_box {
padding-top: 5px;
box-sizing: border-box;
float: right;
position: relative;
text-align: center;
}
.ny_main .content .hot_news .top_box .btn_box .swiper-button-prev,
.ny_main .content .hot_news .top_box .btn_box .swiper-button-next {
opacity: 1;
background: url(../image/icon_hot_arr.png) center center no-repeat;
background-size: 100% 100%;
width: 10px;
height: 20px;
display: inline-block;
position: static;
margin: 0px;
padding: 0px;
}
.ny_main .content .hot_news .top_box .btn_box .swiper-button-next {
transform: rotateY(180deg);
}
.ny_main .content .hot_news .top_box .btn_box .swiper-button-prev:hover,
.ny_main .content .hot_news .top_box .btn_box .swiper-button-next:hover {
background: url(../image/icon_hot_arr_on.png) center no-repeat;
background-size: 100% 100%;
}
.ny_main .content .hot_news .swiper-container {
height: 318px;
}
.ny_main .content .hot_news .swiper-slide {
border-top: 1px solid #F0F0F0;
height: 106px;
padding: 20px 0px;
box-sizing: border-box;
padding-bottom: 18px;
}
.ny_main .content .hot_news .swiper-slide .title {
font-size: 14px;
color: #333333;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ny_main .content .hot_news .swiper-slide .time {
font-size: 12px;
color: #999999;
line-height: 24px;
}
.ny_main .content .video_news {
width: 100%;
}
.ny_main .content .video_news ul li .img_box {
overflow: hidden;
position: relative;
}
.ny_main .content .video_news ul li .img_box img {
width: 100%;
display: block;
}
.ny_main .content .video_news ul li .img_box::after {
content: "";
width: 40px;
height: 40px;
background: url(../image/icon_video.png) center center no-repeat;
background-size: 100% 100%;
position: absolute;
bottom: 0px;
left: 0px;
transform: translate(50%, -50%);
}
.ny_main .content .video_news ul li .title {
font-size: 12px;
color: #000000;
line-height: 20px;
}
.ny_main .content .video_news ul li:first-child {
width: 100%;
float: left;
margin-bottom: 8px;
}
.ny_main .content .video_news ul li:first-child .title {
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ny_main .content .video_news ul li:nth-child(2) {
width: 140px;
float: left;
}
.ny_main .content .video_news ul li:nth-child(3) {
width: 140px;
float: right;
}
.ny_main .content .video_news ul li:nth-child(2) .img_box::after {
transform: translate(30%, -30%);
width: 30px;
height: 30px;
}
.ny_main .content .video_news ul li:nth-child(3) .img_box::after {
transform: translate(30%, -30%);
width: 30px;
height: 30px;
}
.ny_main .content .video_news ul li:nth-child(2) .title {
margin-top: 6px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ny_main .content .video_news ul li:nth-child(3) .title {
margin-top: 6px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ny_main .service_box {
width: 1400px;
margin: 0px auto;
margin-top: -93px;
}
.ny_main .service_box .ctg_box {
background: #ffffff;
}
.ny_main .service_box .ctg_box ul {}
.ny_main .service_box .ctg_box ul li {
text-align: center;
padding: 25px 0px;
position: relative;
overflow: hidden;
border-bottom: 1px solid #103E6E;
}
.ny_main .service_box .ctg_box ul li .icon {
margin-bottom: 5px;
width: 50px;
height: 50px;
margin: 0px auto;
overflow: hidden;
position: relative;
}
.ny_main .service_box .ctg_box ul li .icon img {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
transition: all 220ms linear;
}
.ny_main .service_box .ctg_box ul li::after {
content: "";
opacity: 0;
width: 30px;
height: 14px;
background: url(../image/icon_service_arrow.png) center center no-repeat;
background-size: 100% 100%;
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
transition: all 320ms linear;
z-index: 1;
}
.ny_main .service_box .ctg_box ul li:hover::after {
bottom: -1px;
opacity: 1;
}
.ny_main .service_box .ctg_box ul li.on::after {
bottom: -1px;
opacity: 1;
}
.ny_main .service_box .ctg_box ul li .i1 {
opacity: 1;
}
.ny_main .service_box .ctg_box ul li .i2 {
opacity: 0;
}
.ny_main .service_box .ctg_box ul li:hover .i1 {
opacity: 0;
}
.ny_main .service_box .ctg_box ul li:hover .i2 {
opacity: 1;
}
.ny_main .service_box .ctg_box ul li.on .i1 {
opacity: 0;
}
.ny_main .service_box .ctg_box ul li.on .i2 {
opacity: 1;
}
.ny_main .service_box .ctg_box ul li .title {
font-size: 14px;
color: #999999;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ny_main .service_box .ctg_box ul li:hover .title {
color: #103e6e;
}
.ny_main .service_box .ctg_box ul li.on .title {
color: #103e6e;
}
.ny_main .service_box .service_list_box ul li {
margin-top: 32px;
height: 80px;
line-height: 80px;
background: #ffffff;
overflow: hidden;
position: relative;
}
.ny_main .service_box .service_list_box ul li a {
display: block;
}
.ny_main .service_box .service_list_box ul li .time {
width: 172px;
font-size: 14px;
color: #999999;
text-align: right;
float: left;
}
.ny_main .service_box .service_list_box ul li .title {
font-size: 16px;
color: #333333;
width: calc(100% - 172px);
padding-left: 45px;
padding-right: 45px;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ny_main .service_box .service_list_box ul li::after {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: #b3b3b3;
top: 50%;
left: 48px;
position: absolute;
transform: translateY(-50%);
}
.ny_main .service_box .service_list_box ul li:hover::after {
background: #103e6e;
}
.ny_main .service_box .service_list_box ul li::before {
content: "";
width: 10px;
height: 10px;
background: url(../image/icon_ny_nav_jiao.png) center center no-repeat;
background-size: 100% 100%;
position: absolute;
top: 8px;
right: 8px;
}
.ny_main .service_box .service_list_box ul li:hover::before {
background: url(../image/icon_ny_nav_jiao_on.png) center center no-repeat;
background-size: 100% 100%;
}
.ny_main .audio_list {
width: 100%;
}
.ny_main .audio_list ul li {
width: 100%;
background: #FFFFFF;
padding: 27px 30px;
box-sizing: border-box;
margin-bottom: 32px;
}
.ny_main .audio_list ul li .img_box {
width: 151px;
height: 221px;
float: left;
}
.ny_main .audio_list ul li .img_box img {
width: 100%;
height: 100%;
display: block;
}
.ny_main .audio_list ul li .con_box {
width: calc(100% - 174px);
height: 221px;
overflow: hidden;
position: relative;
box-sizing: border-box;
float: right;
}
.ny_main .audio_list ul li .con_box .title {
margin-bottom: 12px;
font-size: 22px;
color: #333333;
line-height: 32px;
}
.ny_main .audio_list ul li .con_box .job {
line-height: 20px;
padding-left: 16px;
font-size: 14px;
color: #808080;
background: url(../image/icon_audio_list_job.png) left center no-repeat;
}
.ny_main .audio_list ul li .con_box .desc {
height: 144px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
}
.ny_main .audio_list ul li .con_box .desc .desc_box {
width: calc(100% - 164px);
height: 100%;
font-size: 14px;
line-height: 2em;
color: #666666;
background: #fafafa;
padding: 14px 20px;
box-sizing: border-box;
float: left;
}
.ny_main .audio_list ul li .con_box .desc .desc_box p {
display: block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.ny_main .audio_list ul li .con_box .desc .dy {
width: 144px;
height: 144px;
border: 1px solid #CCCCCC;
box-sizing: border-box;
float: right;
overflow: hidden;
}
.ny_main .audio_list ul li .con_box .desc .dy img {
width: 100%;
height: 100%;
display: block;
}
.ny_main .video_list {
width: 100%;
}
.ny_main .video_list ul li {
width: 50%;
padding-right: 20px;
margin-bottom: 40px;
box-sizing: border-box;
float: left;
}
.ny_main .video_list ul li:nth-child(even) {
padding-right: 0px;
padding-left: 20px;
}
.ny_main .video_list ul li .img_box {
width: 100%;
margin-bottom: 15px;
position: relative;
}
.ny_main .video_list ul li .img_box::after {
content: "";
width: 49px;
height: 49px;
background: url(../image/icon_video.png) center center no-repeat;
background-size: 100% 100%;
position: absolute;
bottom: 0px;
left: 0px;
transform: translate(50%, -50%);
}
.ny_main .video_list ul li .img_box img {
width: 100%;
display: block;
}
.ny_main .video_list ul li .title {
font-size: 14px;
color: #171717;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ny_main .video_list ul li .time {
font-size: 12px;
color: #989898;
line-height: 20px;
}
.ny_main .img_news_list {
width: 100%;
}
.ny_main .img_news_list ul li {
width: 33.333333%;
padding: 0px 10px;
margin-bottom: 20px;
box-sizing: border-box;
float: left;
}
.ny_main .img_news_list ul li .img_box {
width: 100%;
overflow: hidden;
}
.ny_main .img_news_list ul li .img_box img {
width: 100%;
height: 100%;
overflow: hidden;
}
.ny_main .img_news_list ul li .title {
font-size: 14px;
color: #333333;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.ny_main .famous_list_box {
width: 100%;
margin-top: 40px;
}
.ny_main .famous_list_box ul li {
margin-bottom: 32px;
width: 100%;
background: #FFFFFF;
padding: 27px 30px;
box-sizing: border-box;
margin-bottom: 32px;
}
.ny_main .famous_list_box ul li .img_box {
width: 151px;
height: 221px;
float: left;
}
.ny_main .famous_list_box ul li .img_box img {
width: 100%;
height: 100%;
display: block;
}
.ny_main .famous_list_box ul li .con_box {
width: calc(100% - 174px);
height: 221px;
overflow: hidden;
position: relative;
box-sizing: border-box;
float: right;
}
.ny_main .famous_list_box ul li .con_box .title {
padding-right: 200px;
margin-bottom: 12px;
font-size: 22px;
color: #333333;
line-height: 32px;
}
.ny_main .famous_list_box ul li .con_box .job {
padding-right: 200px;
line-height: 20px;
padding-left: 16px;
font-size: 14px;
color: #808080;
background: url(../image/icon_audio_list_job.png) left center no-repeat;
}
.ny_main .famous_list_box ul li .con_box .desc {
height: 144px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
}
.ny_main .famous_list_box ul li .con_box .desc .desc_box {
width: 100%;
height: 100%;
font-size: 14px;
line-height: 2em;
color: #666666;
background: #fafafa;
padding: 14px 20px;
box-sizing: border-box;
float: left;
}
.ny_main .famous_list_box ul li .con_box .more {
position: absolute;
top: 0px;
right: 0px;
border: 1px solid #0b48a3;
width: 172px;
height: 48px;
line-height: 46px;
padding: 0px 30px;
box-sizing: border-box;
}
.ny_main .famous_list_box ul li .con_box .more .tit {
font-size: 14px;
color: #0b48a3;
position: relative;
}
.ny_main .famous_list_box ul li .con_box .more .tit::after {
content: "→";
position: absolute;
top: 0px;
right: 0px;
}
.ny_main .famous_list_box ul li .con_box .more:hover {
background: #0b48a3;
color: #FFFFFF;
}
.ny_main .famous_list_box ul li .con_box .more:hover .tit {
color: #FFFFFF;
}
.ny_main .famous_list_box ul li .con_box .more:hover .tit::after {
color: #FFFFFF;
}
.famous_show_box {
width: 100%;
background: #FFFFFF;
margin-top: 40px;
padding: 32px;
box-sizing: border-box;
}
.famous_show_box .show_box {
position: relative;
padding-bottom: 32px;
border-bottom: 1px solid #EBEBEB;
margin-bottom: 30px;
}
.famous_show_box .show_box .img_box {
width: 208px;
height: 298px;
overflow: hidden;
float: left;
}
.famous_show_box .show_box .img_box img {
width: 100%;
height: 100%;
display: block;
}
.famous_show_box .show_box .con_box {
width: calc(100% - 240px);
float: right;
}
.famous_show_box .show_box .con_box .title {
margin-bottom: 10px;
font-size: 22px;
color: #333333;
line-height: 32px;
}
.famous_show_box .show_box .con_box .job {
margin-bottom: 10px;
font-size: 14px;
color: #808080;
line-height: 20px;
padding-left: 16px;
background: url(../image/icon_audio_list_job.png) left center no-repeat;
}
.famous_show_box .show_box .con_box .desc {
width: 100%;
min-height: 226px;
background: #fafafa;
}
.famous_show_box .show_box .con_box .desc .desc_box {
font-size: 14px;
line-height: 2em;
color: #666666;
padding: 14px 20px;
box-sizing: border-box;
float: left;
}
.famous_show_box .show_box .con_box .desc .desc_box strong {
color: #0b48a3;
}
.famous_show_box .show_box .back {
display: block;
position: absolute;
top: 0px;
right: 0px;
border: 1px solid #0B48A3;
color: #0B48A3;
font-size: 14px;
width: 124px;
height: 50px;
line-height: 48px;
box-sizing: border-box;
text-align: center;
}
.famous_show_box .show_box .back img {
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-right: 4px;
}
.famous_show_box .onduty_box {
padding-bottom: 56px;
}
.famous_show_box .onduty_box .title_box {
font-size: 22px;
color: #0b48a3;
line-height: 32px;
margin-bottom: 20px;
}
.famous_show_box .onduty_box table {
width: 100%;
text-align: center;
}
.famous_show_box .onduty_box table td {
border: 1px solid #f2f2f2;
width: 12.5%;
line-height: 30px;
padding: 14px 10px;
}
.famous_show_box .onduty_box table tr:first-child td {
background: #0b48a3;
border: 1px solid #1a57b3;
color: #FFFFFF;
}
.famous_show_box .onduty_box table tr td:first-child {
background: #0b48a3;
border: 1px solid #1a57b3;
color: #FFFFFF;
}
.famous_show_box .onduty_box table tr td .pt {
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
border-radius: 50%;
background: #0b48a3;
color: #FFFFFF;
}
.famous_show_box .onduty_box table tr td .zj {
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
border-radius: 50%;
background: #c52c13;
color: #FFFFFF;
}
.team_box {
padding-bottom: 50px;
}
.team_box .title_box {
font-size: 22px;
color: #0b48a3;
line-height: 32px;
margin-bottom: 20px;
}
#team_swiper .swiper-slide {
padding: 0px 10px;
box-sizing: border-box;
}
#team_swiper .swiper-slide .img_box {
width: 100%;
overflow: hidden;
}
#team_swiper .swiper-slide .img_box img {
width: 100%;
display: block;
}
#team_swiper .swiper-slide .con_box {
padding: 0px 10px;
padding-top: 12px;
text-align: center;
padding-bottom: 20px;
}
#team_swiper .swiper-slide .con_box .title {
font-size: 16px;
color: #333333;
line-height: 2em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#team_swiper .swiper-slide .con_box .desc {
font-size: 12px;
color: #808080;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#team_swiper .btn_box {
text-align: center;
}
#team_swiper .btn_box .swiper-button-prev,
#team_swiper .btn_box .swiper-button-next {
opacity: 1;
background: url(../image/expert_arrow.png) center center no-repeat;
background-size: 100% 100%;
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
margin: 0px;
padding: 0px;
position: static;
}
#team_swiper .btn_box .swiper-button-prev:hover,
#team_swiper .btn_box .swiper-button-next:hover {
background: url(../image/expert_arrow_on.png) center center no-repeat;
}
#team_swiper .btn_box .swiper-button-next {
transform: rotateY(180deg);
}
#team_swiper .btn_box .swiper-pagination {
position: static;
display: inline-block;
vertical-align: top;
margin: 0px 5px;
}
#team_swiper .btn_box .swiper-pagination span {
width: 10px;
height: 10px;
background: #cccccc;
margin: 0px 5px;
opacity: 1;
margin-top: 15px;
}
#team_swiper .btn_box .swiper-pagination span.swiper-pagination-bullet-active {
background: #0b48a3;
}
.ny_main .depart_box .depart_search_box {
width: 870px;
height: 56px;
line-height: 56px;
margin: 0px auto;
margin-top: -56px;
margin-bottom: 75px;
background: #FFFFFF;
overflow: hidden;
position: relative;
}
.ny_main .depart_box .depart_search_box input {
width: 100%;
padding-left: 32px;
padding-right: 70px;
box-sizing: border-box;
}
.ny_main .depart_box .depart_search_box button {
position: absolute;
top: 0px;
right: 0px;
border: 0px;
width: 58px;
height: 56px;
background: url(../image/icon_btm_search.png) center center no-repeat #0b48a3;
}
.ny_main .depart_box .item {
margin-bottom: 60px;
}
.ny_main .depart_box .item .top_box {
height: 55px;
position: relative;
margin-bottom: 36px;
}
.ny_main .depart_box .item .top_box::after {
content: "";
height: 1px;
width: 100%;
background: #E0E0E0;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.ny_main .depart_box .item .top_box .title_box {
background: #fafafa;
padding-right: 70px;
height: 55px;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
.ny_main .depart_box .item .top_box .title_box .icon {
height: 100%;
display: block;
float: left;
margin-right: 10px;
}
.ny_main .depart_box .item .top_box .title_box .con_box {
float: left;
padding-top: 3px;
}
.ny_main .depart_box .item .top_box .title_box .con_box .title {
font-size: 22px;
line-height: 24px;
color: #0b48a3;
}
.ny_main .depart_box .item .top_box .title_box .con_box .desc {
font-size: 14px;
line-height: 24px;
color: #808080;
}
.ny_main .depart_box .item .top_box .title_box .line {
width: 70px;
line-height: 55px;
text-align: center;
color: #dddddd;
font-size: 26px;
position: absolute;
top: 0px;
right: 0px;
z-index: 2;
}
.ny_main .depart_box .list li {
width: 20%;
padding-right: 20px;
box-sizing: border-box;
float: left;
margin-bottom: 20px;
text-align: center;
}
.ny_main .depart_box .list li .box {
height: 52px;
border: 1px solid #CCCCCC;
display: flex;
align-items: center;
}
.ny_main .depart_box .list li .box .c_box {
font-size: 14px;
color: #808080;
line-height: 20px;
vertical-align: middle;
width: 100%;
box-sizing: border-box;
padding: 0px 10px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ny_main .depart_box .list li:hover .box {
border-color: #0B48A3;
background: #F1F4F7;
position: relative;
}
.ny_main .depart_box .list li:hover .box .c_box {
color: #333333;
}
.ny_main .depart_box .list li:hover .box::after {
content: "";
width: 10px;
height: 10px;
background: url(../image/icon_ny_nav_jiao_on.png) center center no-repeat;
background-size: 100% 100%;
position: absolute;
top: 2px;
right: 2px;
}
.depart_ban .box {
width: 1400px;
margin: 0px auto;
}
.depart_ban .box .title {
float: left;
}
.depart_ban .box .back {
float: right;
}
.depart_ban .box .back {
display: block;
float: right;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 14px;
width: 124px;
height: 50px;
line-height: 48px;
box-sizing: border-box;
text-align: center;
}
.depart_ban .box .back img {
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-right: 4px;
}
.depart_show_box {
background: #FAFAFA;
height: auto;
position: relative;
}
.depart_show_box .content {
background: url(../image/bg_departshow_cont.png) repeat;
width: 1400px;
margin: 0px auto;
position: relative;
top: -50px;
}
.depart_show_box .img_box {
width: 56%;
float: left;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center center;
}
.depart_show_box .img_box img {
display: block;
height: 400px;
visibility: hidden;
}
.depart_show_box .con_box {
width: 44%;
box-sizing: border-box;
float: right;
}
.depart_show_box .con_box .box {
padding: 30px;
font-size: 14px;
line-height: 32px;
color: #fefefe;
}
.depart_show_box .con_box .item .top_box {
margin-bottom: 10px;
}
.depart_show_box .con_box .item .top_box .title {
float: left;
font-size: 0px;
}
.depart_show_box .con_box .item .top_box .title .tit {
font-size: 22px;
line-height: 32px;
color: #FFFFFF;
display: inline-block;
vertical-align: middle;
}
.depart_show_box .con_box .item .top_box .title .icon {
margin-right: 6px;
width: 21px;
height: 21px;
display: inline-block;
vertical-align: middle;
}
.depart_show_box .con_box .item .top_box .more {
font-size: 14px;
color: #FFFFFF;
float: right;
line-height: 32px;
}
.depart_show_box .con_box .item .cont {
margin-bottom: 10px;
font-size: 14px;
color: #FFFFFF;
line-height: 2em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.depart_show_box .con_box .item ul li {
padding-right: 100px;
position: relative;
}
.depart_show_box .con_box .item ul li a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
color: #FFFFFF;
}
.depart_show_box .con_box .item ul li .time {
width: 100px;
text-align: right;
font-size: 12px;
color: #FFFFFF;
position: absolute;
top: 0px;
right: 0px;
}
.depart_team {
width: 100%;
padding: 40px 0px;
background: #FFFFFF;
}
.depart_team .content {
width: 1400px;
margin: 0px auto;
}
.depart_child_box {
width: 100%;
padding: 50px 0px;
background: url(../image/depart_child_bg.png) right bottom no-repeat #0b48a3;
}
.depart_child_box .content {
width: 1400px;
margin: 0px auto;
text-align: center;
}
.depart_child_box .top_box {
line-height: 50px;
display: inline-block;
padding: 0px 20px;
margin: 0px auto;
font-size: 26px;
color: #FFFFFF;
font-weight: bold;
position: relative;
}
.depart_child_box .top_box::after {
content: "/";
font-size: 20px;
color: #5372a9;
position: absolute;
left: 0px;
top: 0px;
transform: translateX(-50%);
}
.depart_child_box .top_box::before {
content: "/";
font-size: 20px;
color: #5372a9;
position: absolute;
right: 0px;
top: 0px;
transform: translateX(50%);
}
.depart_child_box ul {
margin-top: 25px;
}
.depart_child_box ul li {
width: 20%;
padding-right: 20px;
box-sizing: border-box;
float: left;
margin-bottom: 20px;
text-align: center;
}
.depart_child_box ul li .box {
height: 52px;
border: 1px solid #CCCCCC;
display: flex;
align-items: center;
}
.depart_child_box ul li .box .c_box {
font-size: 14px;
color: #FFFFFF;
line-height: 20px;
vertical-align: middle;
width: 100%;
box-sizing: border-box;
padding: 0px 10px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.depart_child_box ul li:hover .box {
background: #245bac;
position: relative;
}
.depart_child_box ul li:hover .box::after {
content: "";
width: 10px;
height: 10px;
background: url(../image/icon_ny_nav_jiao.png) center center no-repeat;
background-size: 100% 100%;
position: absolute;
top: 2px;
right: 2px;
}
.depart_news_box {
width: 100%;
padding-top: 70px;
background: #fafafa;
}
.depart_news_box .content {
width: 1400px;
margin: 0px auto;
}
.depart_news_box .content .top_box {
height: 40px;
line-height: 40px;
margin-bottom: 30px;
}
.depart_news_box .content .top_box .title {
font-size: 26px;
color: #0b48a3;
float: left;
}
.depart_news_box .content .top_box .btn_box {
float: right;
}
.depart_news_box .content .top_box .btn_box .swiper-button-prev,
.depart_news_box .content .top_box .btn_box .swiper-button-next {
opacity: 1;
position: static;
margin: 0px;
padding: 0px;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: top;
background: url(../image/expert_arrow.png) center center no-repeat;
background-size: 100% 100%;
}
.depart_news_box .content .top_box .btn_box .swiper-button-next {
transform: rotateY(180deg);
}
.depart_news_box .content .top_box .btn_box .swiper-button-prev:hover,
.depart_news_box .content .top_box .btn_box .swiper-button-next:hover {
background: url(../image/expert_arrow_on.png) center center no-repeat;
background-size: 100% 100%;
}
#depart_news_swiper {
height: 465px;
}
#depart_news_swiper .swiper-slide {
height: 192px;
margin-bottom: 40px;
padding: 0px 20px;
box-sizing: border-box;
}
#depart_news_swiper .swiper-slide .box {
height: 100%;
background: #FFFFFF;
box-sizing: border-box;
padding: 24px;
}
#depart_news_swiper .swiper-slide .box .img_box {
width: 221px;
height: 144px;
overflow: hidden;
float: left;
}
#depart_news_swiper .swiper-slide .box .con_box {
width: calc(100% - 221px);
box-sizing: border-box;
padding-left: 20px;
float: left;
}
#depart_news_swiper .swiper-slide .box .con_box .title {
font-size: 16px;
color: #333333;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#depart_news_swiper .swiper-slide .box .con_box .tools {
margin-top: 66px;
}
#depart_news_swiper .swiper-slide .box .con_box .tools .time {
font-size: 14px;
color: #999999;
font-weight: bold;
float: left;
}
#depart_news_swiper .swiper-slide .box .con_box .tools .more {
font-size: 14px;
color: #999999;
float: right;
}
.ny_detail .news_detail .title {
margin-top: 30px;
font-size: 28px;
line-height: 1.5em;
font-weight: normal;
text-align: center;
color: #212121;
font-family: "微软雅黑";
}
.ny_detail .news_detail .fbt {
text-align: center;
font-size: 20px;
line-height: 1.5em;
margin-top: 10px;
}
.ny_detail .news_detail .time {
padding: 10px 0px;
text-align: center;
line-height: 25px;
margin-bottom: 20px;
}
.ny_detail .news_detail .time span {
color: #666666;
font-size: 15px;
padding-right: 15px;
padding-left: 15px;
}
.ny_detail .news_detail .news_content {
line-height: 2em;
padding: 0px 20px;
padding-bottom: 20px;
font-size: 16px;
min-height: 350px;
}
.ny_detail .news_detail .news_content img {
max-width: 100% !important;
height: auto !important;
}
.ny_detail .news_detail .news_content video {
width: 100% !important;
height: 480px !important;
}
.ny_detail .news_detail .news_content table[align=center] {
margin: 0px auto;
}
.ny_detail .news_detail .pre_next {
text-indent: 20px;
line-height: 2em;
color: #666666;
}
.ny_detail .news_detail .pn {
width: 100%;
margin: 0 auto;
text-align: center;
border-top: 1px solid #EDEFF1;
padding: 30px 0;
overflow: hidden;
}
.ny_detail .news_detail .pn .btn {
display: inline-block;
vertical-align: top;
width: 166px;
height: 39px;
margin: 0px 20px;
line-height: 39px;
text-align: center;
font-size: 13px;
background: #E7E7E7;
border-radius: 39px;
}
.ny_detail .news_detail .pn .btn:hover {
background: #0b48a3;
color: #FFF;
}
.detailbox {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(0, 0, 0, 0.3);
z-index: 99;
display: none;
}
.detailbox div.body {
overflow: hidden;
max-width: 1400px;
height: 680px;
margin: 0px auto;
position: relative;
top: 50%;
padding: 20px 40px;
box-sizing: border-box;
transform: translateY(-50%);
background: url(../image/hos_bg.jpg) no-repeat right bottom #fcf8f9;
}
.detailbox div.body::after {
content: '';
display: block;
border-right: 1px #b3c3df solid;
width: 1px;
bottom: 50px;
position: absolute;
right: 44px;
top: 120px;
z-index: 99;
}
.detailbox div.tit {
font-size: 28px;
color: #000;
text-align: center;
line-height: 2;
border-bottom: 1px #b3c3df solid;
padding-bottom: 20px;
margin-bottom: 20px;
}
.detailbox ul {
overflow: hidden;
overflow-y: auto;
height: 530px;
position: relative;
z-index: 100;
}
.detailbox ul::-webkit-scrollbar {
width: 10px;
height: 1px;
}
.detailbox ul::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #0b48a3;
}
.detailbox ul::-webkit-scrollbar-track {
border-radius: 10px;
background: none;
width: 1px;
}
.detailbox ul li {
color: #333;
line-height: 2;
font-size: 16px;
text-align: justify;
padding-right: 20px;
}
.detailbox .close {
color: #fff;
position: fixed;
bottom: 20px;
text-align: center;
left: 0px;
right: 0px;
}
.detailbox .close span {
font-size: 50px;
color: #fff;
cursor: pointer;
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
border: 3px #fff solid;
text-align: center;
line-height: 40px;
transform: rotate(45deg);
}
.openmore {
cursor: pointer;
}
.doctor_search_list li {
width: 33.33333%;
float: left;
box-sizing: border-box;
padding: 0px 10px;
margin-bottom: 20px;
}
.doctor_search_list li .box {
position: relative;
}
.doctor_search_list li .box img {
display: block;
width: 100%;
max-width: 100%;
}
.doctor_search_list li .box .con_box {
position: absolute;
width: 100%;
box-sizing: border-box;
padding: 15px 10px;
background: rgba(0, 0, 0, 0.5);
bottom: 0px;
text-align: center;
color: #FFFFFF;
}
.doctor_search_list li .box .con_box .name {
font-size: 20px;
line-height: 2em;
}
.slideTxtBox1 {
width: 1400px;
text-align: left;
}
.slideTxtBox1 .hd {
float: right;
width: 697px;
}
.slideTxtBox1 .hd ul li {
cursor: pointer;
font-size: 16px;
border-bottom: 1px solid #e6e6e6;
height: 60px;
line-height: 60px;
margin-left: 30px;
position: relative;
}
.slideTxtBox1 .hd li span {
float: right;
color: #949494;
}
.slideTxtBox1 .hd li font {
display: none;
}
.slideTxtBox1 .hd ul li.on {
margin-left: 0;
background: url(../image/yy_01.jpg) center left no-repeat #1e3666;
height: 80px;
padding: 30px;
line-height: 26px;
}
.slideTxtBox1 .hd ul li.on a {
color: #fff;
font-size: 22px;
}
.slideTxtBox1 .hd ul li.on span {
color: #fff;
float: none;
display: inline-block;
width: 100%
}
.slideTxtBox1 .hd ul li.on font {
font-size: 16px;
position: absolute;
top: 100px;
right: 20px;
display: block;
}
.slideTxtBox1 .hd ul li.on font a {
font-size: 16px;
}
.slideTxtBox1 .bd {
float: left;
}
.slideTxtBox1 .bd li {
height: 24px;
line-height: 24px;
}
.inbox5 .inbox5-nav {
width: 100%;
border: 1px solid #a0a0a0;
}
.inbox5 .inbox5-nav .inbox5-nav-item .title {
width: 100%;
line-height: 55px;
position: relative;
font-size: 30px;
}
.inbox5 .inbox5-nav .inbox5-nav-item .title a {
font-size: 16px;
color: #333333;
font-weight: bold;
transition: all 220ms ease-in;
}
.inbox5 .inbox5-nav .inbox5-nav-item .title::after {
content: "";
width: 18px;
height: 2px;
background: #11bacb;
position: absolute;
bottom: 0px;
left: 48%;
transition: all 220ms ease-in;
}
.inbox5 .inbox5-nav .inbox5-nav-item .title .drop-btn {
display: none;
}
.inbox5 .inbox5-nav .inbox5-nav-item:hover .title::after {
width: 32px;
background: #fff;
left: 46%;
}
.inbox5 .inbox5-nav .inbox5-nav-item {
width: 462px;
padding: 50px 0;
border-right: 1px solid #a0a0a0;
border-bottom: 1px solid #a0a0a0;
height: 73px;
float: left;
line-height: 30px;
text-align: left;
transition: all 320ms ease-in;
position: relative;
overflow: hidden;
text-align: center;
}
.inbox5 .inbox5-nav .inbox5-nav-item:hover {
background: #1e3666;
color: #fff
}
.inbox5 .inbox5-nav .inbox5-nav-item:hover a {
color: #fff
}
.inbox5 .inbox5-nav .inbox5-nav-item:nth-child(3),
.inbox5 .inbox5-nav .inbox5-nav-item:nth-child(6) {
border-right: none;
}
.inbox5 .inbox5-nav .inbox5-nav-item:nth-child(4),
.inbox5 .inbox5-nav .inbox5-nav-item:nth-child(5),
.inbox5 .inbox5-nav .inbox5-nav-item:nth-child(6) {
border-bottom: none
}
.inbox6 {
width: 100%;
padding: 44px 0px;
}
.inbox6 .content {
width: 1388px;
margin: 0px auto;
}
.inbox6 .content ul li {
width: 455px;
height: 465px;
float: left;
margin-right: 10px;
transition: all 220ms linear;
}
.inbox6 .content ul li:nth-child(3),
.inbox6 .content ul li:nth-child(6) {
margin-right: 0px;
}
.inbox6 .content ul li .box {
overflow: hidden;
background: #FFFFFF;
}
.inbox6 .content ul li .box .icon {}
.inbox6 .content ul li .box .icon img {
display: block;
}
.inbox6 .content ul li .box .con_box {
background: #1e3666;
padding: 28px;
position: relative;
}
.inbox6 .content ul li .box .con_box p {
position: absolute;
right: 30px;
top: 30px;
border: 1px solid #fff;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
}
.inbox6 .content ul li .box .con_box p:hover {
background: #fff;
color: #1e3666
}
.inbox6 .content ul li .box .con_box .title {
font-size: 30px;
color: #fff;
padding-bottom: 20px;
}
.inbox6 .content ul li .box .con_box .en_title {
font-size: 18px;
line-height: 24px;
color: #fff;
}
.inbox33 {
width: 100%;
padding-bottom: 80px;
}
.inbox33 .content {
width: 1360px;
margin: 0px auto;
padding: 20px;
background: #fff
}
.inbox33 #expert_swiper {
width: 100%;
margin-bottom: 22px;
}
.inbox33 #expert_swiper .top_box {
padding: 0px 10px;
}
.inbox33 #expert_swiper .top_box .title {
float: left;
font-size: 26px;
color: #333333;
}
.inbox33 #expert_swiper .top_box .title span {
font-size: 14px;
color: #bec1c2;
font-weight: bold;
margin-left: 5px;
}
.inbox33 #expert_swiper .btn_box {
position: relative;
height: 50px;
}
.inbox33 #expert_swiper .btn_box .swiper-button-prev {
margin: 0px;
position: static;
width: 40px;
height: 40px;
background: url(../image/expert_arrow.png) center center no-repeat;
background-size: 100% 100%;
float: left;
opacity: 1;
}
.inbox33 #expert_swiper .btn_box .swiper-button-next {
transform: rotateY(180deg);
margin: 0px;
margin-left: 80px;
position: static;
width: 40px;
height: 40px;
background: url(../image/expert_arrow.png) center center no-repeat;
background-size: 100% 100%;
float: left;
opacity: 1;
}
.inbox33 #expert_swiper .btn_box .swiper-pagination {
width: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
bottom: auto;
color: #666;
}
.inbox33 #expert_swiper .btn_box .swiper-pagination span {
margin: 5px;
}
.inbox33 #expert_swiper .top_box .btn_box .swiper-button-prev:hover {
background: url(../image/expert_arrow_on.png) center center no-repeat;
background-size: 100% 100%;
}
.inbox33 #expert_swiper .top_box .btn_box .swiper-button-next:hover {
background: url(../image/expert_arrow_on.png) center center no-repeat;
background-size: 100% 100%;
}
.inbox33 #expert_swiper .swiper-slide {
padding: 0px 10px;
box-sizing: border-box;
}
.inbox33 #expert_swiper .swiper-slide .box {
position: relative;
}
.inbox33 #expert_swiper .swiper-slide .box a {
display: block;
}
.inbox33 #expert_swiper .swiper-slide .box img {
width: 100%;
display: block;
}
.inbox33 #expert_swiper .swiper-slide .box .con_box {
text-align: center;
padding: 16px 24px;
box-sizing: border-box;
width: 100%;
display: block;
}
.inbox33 #expert_swiper .swiper-slide .box .con_box .name {
font-size: 20px;
line-height: 32px;
}
.inbox33 #expert_swiper .swiper-slide .box .con_box .desc {
font-size: 12px;
color: #525151;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}