/* 基础样式 */
* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
    font-size: 16px;
    min-width: 1300px;
}

/* 最顶部一行 */

.top-line {
    height: 10px;
    min-width: 1300px;
}

.container {
    width: 1300px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.top-line ul li a {
    color: #FFFFFF;
    line-height: 10px;
    padding: 0px 15px;
}

.top-line ul {
    /* float: right; */
    right: 0;
    position: absolute;
    margin-top: 10ox;
    top: 5px;
}

.top-line ul li {
    float: left;
}

.top-line ul li:nth-child(1):after {
    content: "";
    display: inline-block;
    height: 10px;
    width: 2px;
    background: #FFFFFF;
}

.top-line ul li:nth-child(2):after {
    display: none;
}

/*头部*/
header {
	width: 100%;
	height: 140px;
	position: absolute;
	top:0;
	z-index: 9;
	/* padding: 20px 160px; */
	transtion:0.3s ease;
	background:linear-gradient(to bottom,rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}

header .zq-head {
    height: 90px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 1300px;
    margin: 0 auto;
    min-width: 1300px;
    justify-content: space-between;
}

header .logo-show {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

header .ym span {
    font-family: 'Dancing Script', cursive;
    font-size: 30px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    -webkit-filter: url(#diff1);
    filter: url(#diff1);
    margin-left: 20px;
}

/* 搜索 */
.search {
    position: relative;
    display: flex;
    justify-content: right;
    align-items: center;
    color: #FFFFFF;
}

.search-input {
    width: 180px;
    height: 30px;
    border: 2px solid #FFFFFF;
    padding-left: 20px;
    border-top-left-radius: 15px;
    /* 左上角的半径 */
    border-bottom-left-radius: 15px;
}

.search-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 6px;
}

.go {
    width: 40px;
    height: 30px;
    border-top: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-top-right-radius: 15px;
    /* 左上角的半径 */
    border-bottom-right-radius: 15px;
    /* 左下角的半径 */
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    padding-top: 3px;
    color: 00418f;
}
/*导航栏*/
header .nav {
    height: 40px;
    display: block;
}

header .navbar_nav li.shouye {
    float: left;
    position: relative;
    display: block;
    /*width: 9.09%;*/
    text-align: center;
}

header .navbar_nav .dropdown {
    float: left;
    position: relative;
    display: block;
}

header .navbar_nav li .top-title {
    text-decoration: none;
    display: block;
    width: 100%;
    line-height: 40px;
    font-size: 17px;
    color: white;
    font-weight: bold;
    padding: 0 31.6px;
}

header .navbar_nav li .top-title:hover {
    background: #0a237e;
    color: #FFFFFF;
}

header .navbar_nav li.dropdown {
    display: inherit;
    position: relative;
}

header .navbar_nav li.dropdown .dropdown_menu {
    display: none;
    position: absolute;
    z-index: 999;
    background-color: rgba(1,95,185,0.9);
    top: 40px;
    /* width: 190%; */
    text-align: center;
    /*left: 0.5px;*/
    white-space: nowrap;

    min-width: 100%;
}

header .navbar_nav li.dropdown .dropdown_menu a {
    font-size: 14px;
    display: block;
    padding: 0 20px;
    line-height: 46px;
    text-align: left;
    color: #FFFFFF;
    padding-left: 31.6px;
    width: auto;
}

header .navbar_nav li.dropdown:hover .dropdown_menu {
    display: block;
}

header .navbar_nav li.dropdown:hover .top-title {
    background: #0a47a7;
    color: #FFFFFF;
}

header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
    background-color: #0a47a7;
    color: #FFFFFF;
}

header .nav .container {
    max-width: 1300px;
    height: auto;
    margin: 0 auto;
    position: relative;
}
/*公共标题*/
.inner {
    width: 1300px;
    margin: 0 auto;
}

.post-p .tt {
    position: relative;
}

.post-p .tt:before {
    content: "";
    display: block;
    width: 510px;
    height: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-right: 40px solid #2658BD;
    z-index: 1;
}

.post-p .tt .tit {
    float: none;
    width: 100%;
    text-align: center;
    position: relative;
}

.post-p .tt .tit:before {
    content: "";
    display: block;
    width: 550px;
    height: 2px;
    background: #bcbfbb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.post-p .tt .tit .title {
    display: inline-block;
    font-size: 26px;
    color: #333333;
    cursor: pointer;
    line-height: 80px;
}

.post-p .tt .tit:after {
    content: "";
    display: block;
    width: 500px;
    height: 2px;
    background: #bcbfbb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 60px;
}

.post-p .more_btn a {
    color: #2658BD;
}

.post-p .tt:after {
    content: "";
    display: block;
    width: 520px;
    height: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    border-left: 40px solid #2658BD;
    z-index: 1;
}

.post-p .more_btn {
    z-index: 0;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: #2658BD;
    line-height: 32px;
    color: #fff;
    border-radius: 15px;
    padding: 0px 15px;
}

.post-p .more_btn{
    color: #fff;
}

/*轮播图*/
ul li {
    list-style: none;
}
.slideBox {
	overflow: hidden;
	position: relative;
	top:0px;
	margin: 0 auto;
	height: 500px;
	min-width: 1300px;
}

.slideBox .hd {
	height: 90px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	bottom:-40px;
	z-index: 1;
	transform: translateX(-50%);
}

.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}

.slideBox .hd ul li {
	float: left;
	width: 15px;
	height:15px;
	background: rgba(255,255,255,0.6);
	border-radius: 50%;;
	font-size:12px;
	text-align: center;
	margin-right: 10px;
	color: #fff;
	cursor: pointer;
	transition: all 0.3 ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
}
.slideBox .hd ul li.on {
	background: #FFFFFF;
}

.slideBox .moreBox{
	color:#FFFFFF;
	padding:10px 20px;
	line-height:40px;
	background-color:#B70E17;
	position: relative;
	top:19px
}
.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}

.slideBox .bd img {
	width:100%;
	height:100%;
	display: block;
}


/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,
.slideBox .next {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	background: url(../images/slider-arrow.png) -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.slideBox .next {
	left: auto;
	right: 3%;
	background-position: 8px 5px;
}

.slideBox .prev:hover,
.slideBox .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.slideBox .prevStop {
	display: none;
}

.slideBox .nextStop {
	display: none;
}
.slideBox .prev{
	height:80px;
	width:80px;
	position: absolute;
	left: 100px;
	top:45%;
	background: url(../images/leftarrow.png) no-repeat ;
}
.slideBox .next{
	height:80px;
	width:80px;
	right: 100px;
	top:45%;
	background: url(../images/rightarrow.png) no-repeat 20% 45%;
}

/*工作动态*/
.sectionOne .container{
    padding: 30px 40px 65px 40px;
    box-shadow: 2px 2px 10px #c8c6c6;
}
/*通知公告*/
      * {
            font-family: Arial, Helvetica, "Microsoft Yahei", sans-serif;
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            overflow-scrolling: touch;
            -webkit-overflow-scrolling: touch;
        }

        .clearfix {
            *zoom: 1;
            /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
        }
        .clearfix:after {
            /*伪元素是行内元素 正常浏览器清除浮动方法*/
            content: "";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        .w1300 {
            width: 1300px;     
            margin: 0 auto;
        }
        .sbc-tzgg {
          height: 630px;
          padding-top: 10px;
          background: url(../images/tzggbj.png) right top no-repeat;
          background-size: cover;
          background-position: center;

        }
        .sbc-tzgg ul li a:hover .con .bottom:before {
            width: 100%;  
        }
        .sbc-tzgg ul li a .con h5:hover{color:#2658BD;}
        .sbc-tzgg ul {
            /* margin: 0 -1.375rem */
        }

        .sbc-tzgg ul li {
            float: left;
            width: 33.333333%;
            padding: 0 1.375rem;
            margin-bottom: 2.5rem
        }

        .sbc-tzgg ul li a {
            display: block;
            padding: 1.8785rem 2.5rem 1.5rem 0;
            background: #fff;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
            transition: .6s
        }

        .sbc-tzgg ul li a .time {
            /*background: url(../images/time_bg.png) center no-repeat;*/
            background: linear-gradient(to right, #2658BD, #3A7FD5);

            width: 3.375rem;
            height: 3.75rem;
            background-size: 100% 100%;
            left: -.75rem;
            position: relative;
            text-align: center;
        }

        .sbc-tzgg ul li a .time h3 {
            font-size: 1.875rem;
            color: #fff;
            font-family: Times New Roman
        }

        .sbc-tzgg ul li a .time h5 {
            font-size: 12px;
            color: #fff;
            font-family: Times New Roman;
            margin-top: .25rem
        }

        .sbc-tzgg ul li a .con {
            width: calc(100% - 3.375rem);
            padding-left: 1rem
        }

        .sbc-tzgg ul li a .con h5 {
            font-size: 16px;
            color: #212121;
            line-height: 1.625rem;
            height: 3.25rem;
            position: relative;
            transition: .6s;
            font-weight: bold
        }

        .sbc-tzgg ul li a .con .bottom {
            position: relative;
            padding: 1.25rem 0 0;
            margin-top: 1rem;
        }

        .sbc-tzgg ul li a .con .bottom:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 5rem;
            height: 2px;
            background: #2658BD;
            transition: .6s
        }

        .sbc-tzgg ul li a .con .bottom p {
            font-size: 12px;
            color: #666666;
            line-height: 22px;
            height: 66px;
        }

        .overfloat-dot-3 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        ul {
            list-style: none;
        }

        .fl {
            float: left;
        }

        .table {
            display: table;
            table-layout: fixed;
            text-align: center;
            width: 100%;
            height: 100%;
        }

        .table_cell {
            display: table-cell;
            vertical-align: middle;
        }

        .fr {
            float: right;
        }

        a {
            color: inherit;
        }

/*自研自制轮播图展示*/
.sbzs-title{
    font-size: 25px;
    color: #0d5aa8;
    font-weight: bold;
    height: 40px;
    width: 100%;
    text-align: center; /* 让文字水平居中显示 */
    margin-top: 20px;
    min-width: 1300px;
    margin-bottom: 20px;
}
.sbzs-content{
    display: flex;
    justify-content: center;
    min-width: 1300px;
    }
.fix-nev {
    background: rgba(1, 95, 185, 0.9);
    position: fixed;
    z-index: 999;
    transition: 0.5s all linear;
    transform: translateY(-100%);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);}
/* 仪器展示样式 */
.owl-stage>div:nth-child(2n) {
    margin-top: 50px;}
.post-slide {
    margin: 0 15px;}

.post-slide .post-img {
    overflow: hidden;
    height: 260px;
    border-radius: 15px;}

.post-slide .post-img img {
    width: 100%;
    height: 100%;
    transform: scale(1.08);
    transition: all 1s ease-in-out 0s;}

.post-slide:hover .post-img img {
    transform: scale(1.18);}

.post-slide .post-content {
    background: #fff;
    padding: 20px;}

.post-slide .post-title {
    font-size: 17px;
    font-weight: 600;
    margin-top: 0;
    text-transform: capitalize;}

.post-slide .post-title a {
    display: inline-block;
    color: #333;
    font-weight: bold;
    transition: all 0.3s ease 0s;}

.post-slide .post-title a:hover {
    color: #3d3030;
    text-decoration: none;}

.post-slide .post-description {
    font-size: 15px;
    color: #676767;
    line-height: 24px;
    margin-bottom: 14px;}

.post-slide .read-more {
    display: inline-block;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #2658BD;
    text-decoration: underline;
    border-radius: 10px;
    text-transform: capitalize;
    transition: all 0.3s linear;}

.post-slide .read-more:hover {
     background: linear-gradient(to right, #2658BD, #3072C4);
    color: #fff;
    text-decoration: none;}
a {
text-decoration: none;}

/* 底部版权 */

.copyright-background {
    height: 250px;
    background-image: url('../images/bottombg2.png'); 
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
  }
 
  .copyright {
    width: 1300px;
    height: 250px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .copyright-logo {
    display: flex;
    align-items: center;
  }
  
  .copyright-content p {
    margin: 10px 0px;
    font-size: 14px;
  }
  
  .copyright-right img {
    height: 150px;
    width: 150px;
  }
  
  .copyright-right p {
    text-align: center;
  }
  .copyright-logo .ym{
      color: white;
      font-size: 165%;
  }
  .copyright-center {
  right: 0;
  }
  
  .copyright-center p {
      padding-left: 120px;
  }
.copyright .yqlj {
    width: 450px;}
.fl {
    float: left;}
.copyright .footer-tit p{
    font-size: 140%;
    padding-bottom: 15px;
}
.copyright .link {
    display: flex;
    justify-content: space-between; 
    flex-wrap: wrap;}
.copyright .link  li {
    width: 220px;}
ul li {
    list-style: none;}
.copyright .link  li a {
    line-height: 30px;
    color: #FFFFFF;
    font-size: 14px;}
.copyright .div-vertical-line {
    width: 3px; /* 线条宽度 */
    height: 100px; /* 充满父容器的高度 */
    background-color: white; /* 线条颜色 */
    border-left: 3px solid white;}
.copyright .dbym{
    font-family: 'Dancing Script', cursive;
    font-size: 22px;
    color: white;
    display: inline-block;
    font-weight: bold;
    -webkit-filter: url(#diff1);
    filter: url(#diff1);
    margin-left: 10px;}

   .background2-div {
            background-image: url(../images/bgimage3.png);
            background-size: cover;
            background-position: center;}
            
  /*三框样式*/
          .xjm-flex-container {
            display: flex;
            justify-content: space-around;
            margin: auto;
            width: 1300px;
            padding-top: 50px;}

        .xjm-image-container {
            flex: 0 0 413px;
            margin-bottom: 20px;
            text-align: center;}

        .xjm-custom-img-wrapper {
            position: relative;
            width: 100%;
            height: 200px;
            /*overflow: hidden;*/
            margin-bottom: 10px;}

        .xjm-custom-img {
            width: 100%;
            height: 100%;
            display: block;}

        .xjm-label {
            position: absolute;
            bottom: 5px;
            left: -4px;
            background-color: lightblue;
            color: white;
            font-size: 16px;
            font-weight: bold;
            padding: 5px;
            z-index: 1;}

        .xjm-image-description {
            list-style-type: none;
            padding: 10px 10px 10px 5px;
            margin: 0;
            background: linear-gradient(to right, transparent, white 100%);
            border-bottom: 1px dashed #ccc;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
            margin-top: -10px;}

        .xjm-image-description li {
            display: flex;
            align-items: flex-start;
            padding: 15px 0;
            border-bottom: 1px dashed #ccc;}

        .xjm-dot {
            width: 15px;
            height: 15px;
            background-image: url(../images/youjiantou.png);

            background-size: cover;

            border-radius: 50%;
            flex: 0 0 auto;

            margin-right: 10px;
            margin-top: 4px;}

        .xjm-item-title {
            font-size: 15px;
            flex: 1;
            text-align: left;}

        .xjm-item-time {
            margin-left: 10px;
            color: #999;
            font-size: 14px;}

        .more-link {
            position: absolute;
            top: 0;
            left: 0;
            /* transform: translatex(-50%); */
            /* background: linear-gradient(to right, rgba(38, 88, 189, 0.8), rgba(160, 193, 232, 0.8)); */
            background-color: #2658BD;
            color: white;
            padding: 10px 34px;
            text-decoration: none;
            border-radius: 3px;
            transition: background-color 0.3s ease;
            font-size: 16px;
            height: 100%;
            width: 100%;}

        .more-link p {
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 5px;}
        .more-link a {
            font-weight: bold;}
        .xjm-image-description li:hover .xjm-item-title {
            padding-left: 10px;}
            
        .st1 {
            fill: none;
            stroke: #ffffff;
            stroke-width: 13;
            stroke-linecap: round;
            stroke-miterlimit: 10;}
            
/*工作动态最新*/
        .zxdt {
            width: 100%;
            height: 700px;
            position: relative;
            display: flex;
            justify-content: center;}

        .zxdt::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 54%;
            height: 100%;
            background-size: cover;
            background-position: center;
            /* opacity: 0.7;  */
            z-index: -1;
            background-image: url(../images/kstdbj.png);
            clip-path: polygon(0 0, 100% 0, 0 100%);}

        .zxdt-content {
            width: 100%;
            height: 90%;
            position: relative;}

        .zxdt .listshow {
            width: 45%;
            background-color: transparent;
            position: absolute;
            z-index: 1;
            right: 30px;
            top: 50%;
            /* 垂直居中的关键步骤 */
            transform: translateY(-50%);}

        .zxdt .listshow li {
            height: 130px;
            line-height: 38px;
            margin-top: 9px;
            border-bottom: 1px dashed #808080;
            margin-left: 20px;
            display: flex;
            align-items: center;
            flex-direction: row;
            position: relative;
            transition: 0.5s;}

        .zxdt .listshow a {
            color: inherit;
            font-size: 16px;}

        .zxdt .listshow .zhaiyao {
            text-indent: 2em;
            font-size: 13px;
            width: 100%;
            padding-left: 20px;}

        /* 整个变颜色 */
        .zxdt .listshow li:hover,
        .zxdt .listshow li.on {
            color: #ffffff;
            margin-left: 0px;}

        .zxdt .listshow li:hover .calendar,
        .zxdt .listshow li.on .calendar {
            color: #ffffff;
            background: #2E76C1;
            padding-top: 15px;}

        .zxdt .listshow li:hover .listshow-content,
        .zxdt .listshow li.on .listshow-content {
            color: #ffffff;
            background: #0D5AA8;
            padding-top: 15px;}

        .zxdt .listshow li:hover:before,
        .zxdt .listshow li.on:before {
            opacity: 1;}

        .zxdt .listshow li:before {
            content: "";
            width: 0;
            height: 0;
            border-right: 40px solid #0D5AA8;
            /* 使三角形的底边宽度较扁 */
            border-top: 65px solid transparent;
            /* 使三角形的上边高度为 65px */
            border-bottom: 65px solid transparent;
            /* 使三角形的下边高度为 65px */
            position: absolute;
            left: -40px;
            top: 50%;
            margin-top: -65px;
            /* 调整以保持垂直居中，值为border-top的负值 */
            opacity: 0;}

        .zxdt .listshow .calendar:before {
            content: '';
            width: 25px;
            height: 21px;
            background: url(../images/gzdttb.png) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            bottom: 15px;
            left: 45px;
            opacity: 1;
            z-index: -1;
            transition: transform 1s ease;}
            
        .zxdt .listshow li:hover .calendar:before ,
        .zxdt .listshow li.on .calendar:before {
            transform: rotate(180deg);}

        .zxdt .listshow .calendar {
            font-size: 14px;
            height: 130px;
            text-align: center;
            padding-top: 35px;
            position: relative;
            z-index: 1;
            transition: 0.8s;
            padding-left: 10px;
            padding-right: 10px;}

        .zxdt .listshow .calendar .day {
            font-size: 1.4rem;
            width: 95px;
            height: 30px;
            font-weight: bold;}

        .calendar2 {
            font-size: 14px;
            height: 70px;
            text-align: center;
            border-radius: 10px;
            padding-top: 4px;
            margin-right: 10px;}

        .calendar2 .day {
            font-size: 1.4rem;
            width: 75px;
            height: 30px;}

        /* 图片展示 */
        .zxdt .big-img {
            width: 47%;
            height: 500px;
            position: absolute;
            left: 10px;
            bottom: 50px;
            z-index: 1;
            top: 50%;
            /* 垂直居中的关键步骤 */
            transform: translateY(-50%);
            /* 向上移动元素自身高度的50% */
            border: 10px solid #0D5AA8;
            transition: transform 0.3s ease;}

        .zxdt .big-img:hover {
            transform: translateY(-50%) scale(1.05);}

        .zxdt .listshow li .listshow-content {
            display: flex;
                height: 100%;
            flex-direction: column;
            padding-left: 15px;}

        .zxdt .listshow li .listshow-content div:first-child a {
            font-weight: bold;}
        .zxdt .listshow li .listshow-content > div:first-child {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 40px; 
            line-height: 40px;
            padding-left: 15px;}  
          
        .zxdt .listshow li .listshow-content > div:last-child {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 80px;
            line-height: 40px;
            padding-left: 20px;}