/*-------------css reset--------------*/
 html {
     color: #000;
     background: #FFF
 }

 body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 code,
 form,
 fieldset,
 legend,
 input,
 textarea,
 p,
 blockquote,
 th,
 td {
     margin: 0;
     padding: 0
 }

 table {
     border-collapse: collapse;
     border-spacing: 0
 }

 fieldset,
 img {
     border: 0
 }

 address,
 caption,
 cite,
 code,
 dfn,
 em,
 strong,
 th,
 var {
     font-style: normal;
     font-weight: normal
 }

 ol,
 ul {
     list-style: none
 }

 caption,
 th {
     text-align: left
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-size: 100%;
     font-weight: normal
 }

 q:before,
 q:after {
     content: ''
 }

 abbr,
 acronym {
     border: 0;
     font-variant: normal
 }

 sup {
     vertical-align: text-top
 }

 sub {
     vertical-align: text-bottom
 }

 input,
 textarea,
 select {
     font-family: inherit;
     font-size: inherit;
     font-weight: inherit;
     *font-size: 100%
 }

 legend {
     color: #000
 }

 #yui3-css-stamp.cssreset {
     display: none
 }

a{text-decoration: none;}
/*-----------css reset end----------------*/

/*----------swiper1 css----------------*/
 html {
     height: 100%;
 }

 body {
     margin: 0;
     font-family: "Microsoft YaHei";
     font-size: 13px;
     line-height: 1.5;
     position: relative;
     height: 100%;
 }

 .swiper-container {
     width: 100%;
     height: 100%;
     color: #fff;
     text-align: center;
 }

 .red-slide {
    /*width: 1200px;*/
    /*margin:0 auto;*/
    /*overflow: hidden;*/
    /*border:2px solid #ddd;*/
     background: #355e7e;
     /*padding-top:70px;*/
     z-index: 999;
 }

/*firstscreen*/
 .blue-slide {
    position: relative;
    background:#2c6687;
    z-index: 0;
 }

 .orange-slide {
     background: #c85756;
     z-index: 999;
 }

 .four-slide {
     background: #d7aa23; 
     z-index: 999;
 }

 .yellow-slide {
     background: #016171;
     z-index: 999;
 }

 .foot-slide {
     background: #0055A0;
     z-index: 999;
 }

 .swiper-slide .title {
     font-style: italic;
     font-size: 42px;
     margin-top: 80px;
     margin-bottom: 0;
     line-height: 45px;
 }

 .pagination {
     position: absolute;
     z-index: 20;
     left: 10px;
     bottom: 10px;
 }

 .swiper-pagination-switch {
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 8px;
     background: #fff;
     margin-right: 10px;
     opacity: 1;
     border: 1px solid #fff;
     cursor: pointer;
 }

 .swiper-visible-switch {
     background: #aaa;
 }

 .swiper-active-switch {
    width:30px;
    background: #fff;
    z-index: 999;
 }

 .pagination {
  position: absolute;
  z-index: 20;
  bottom: 15px;
  width: 98%;
  text-align: right;
}

 /*----------swiper1 css end----------------*/

 /*----------content pc css ----------------*/
.banner{height: 80%; min-height: 700px; background:url(zjhn_01.png) no-repeat top center #2c6687; }
.bannertext-wrap{ width: 100%; height: 20%; /*min-height: 160px;*/ background: #2c6687; /*position: absolute; bottom: 0;*/ }
.bannertext{ height: 100%;  width: 1200px;/* position: absolute; bottom: 0;*/ /*left: 50%; margin-left:-600px; */
     font-size: 24px; text-align: left; text-indent: 2em; color:#fff; padding-top:30px; margin:0 auto;}

.screen-warp{ width: 1200px; margin:0 auto;  margin-top: 70px; overflow: auto; }
.fp-left{ width: 160px; float: left;  margin-right: 20px;}
.fp-left ul li{ width: 160px; height: 60px; line-height: 60px; font-size: 24px; font-family: "SimHei";
    color:#e6e6e6; margin-bottom: 20px; cursor: pointer;}
.fp-left ul li.on{ background: url(icon1.png) no-repeat 140px center; background-color: rgba(0,0,0,.3); color: #fff;}
.fp-right{ float: left; width: 1020px;   }

.dz-prev-btn{ width: 50px; height: 74px;  position: absolute; top: 40%; left:0px; background: url(arrows_left.png) no-repeat top center; cursor: pointer; }
.dz-next-btn{ width: 50px; height: 74px;  position: absolute; top: 40%; right:0px; background: url(arrows_right.png) no-repeat right top; cursor: pointer;}

.dz-swiper-title{width: 100%; position: absolute; bottom: 0; height: 50px; line-height: 50px;font-size: 20px; color: #fff;
    text-align: left; text-indent: 2em;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#0f000000,endColorstr=#0f000000);
  background-color: rgba(0, 0, 0, 0.15);
}

.fp-jdt{ width:100%; height: 650px; position: relative;}
.jdt-swiper{ width: 100%; height: 650px; }

.fp-list-wrap{ margin-top: 10px;  overflow: auto; }
.fp-list-wrap ul li{ height: 40px; line-height: 40px; text-align: left;  font-size: 20px;}
.fp-list-wrap ul li a{ color: #fff; }
.fp-list-wrap ul li .fp-con-date{ float: right; }
.fp-list-more{ float: right;  font-size: 20px; color: #fff;}

.postion{ width:1200px; height:41px; line-height:41px; background: url(postion.png) 25px 13px no-repeat #FFF; font-size:16px; color:#666; margin:10px auto; padding-left:45px; box-shadow: #e6e6e6 0px 0px 15px; -webkit-box-shadow:#e6e6e6 0px 0px 15px; border: #fbfcfd 1px solid;}
.postion a{ color:#666;}
.postion a:hover{ color:#265b97;}
.swiper-slide .ja-swiper-img{ width: 1020px; height: 650px; }


/*update2021*/
.fp-jdt-three{ height: 450px; }
.four-slide .jdt-swiper{ width: 730px; height: 450px; }
.four-slide .jdt-swiper{ width: 730px; height: 450px; }
.four-slide .ja-swiper-img{ width: 730px; height: 450px; }
.newlogo2021{ width: 1000px; margin-left: -500px; height: 48px; 
        background: url('https://www.cnipa.gov.cn/picture/0/2101121616090322754.png') no-repeat; 
        position: absolute; top:10px; left: 50%; z-index: 999;
}
.newlogo2021 > a{ display: inline-block; width: 100%; height: 100%;  }

/*.foot-slide{ display: none; }*/

 /*----------content pc css end----------------*/

 /*----------mobile css ----------------*/
@media screen and (max-width: 600px) {
    .banner{background: url(mobile_bannergb.png) no-repeat top center;background-size: 100%;min-height: auto;width: 100%;height: 18rem;}
    .bannertext-wrap{width: 90%;padding:0 1rem;}
    .bannertext{width: 100%;font-size: 1rem;text-align:justify;text-justify:inter-ideograph;font-size: 1rem;}
    .fp-left{ float: none; width: 100%; height: 80px; overflow: hidden;}
    .fp-right{float: none;  width: 100%; margin-top: 20px;}
    .screen-warp{ margin-top: 2rem; }
    .fp-left ul li{width: 50%;font-size: 1rem;float: left; height: 30px; line-height: 30px;}

    .screen-warp{ width: 100%; }
    .fp-jdt{width: 100%;height: 20rem;}
    .jdt-swiper{height: 20rem;}
    .fp-list-wrap ul li{width: 100%;}
    .fp-list-wrap ul li a{font-size: 1rem;display: inline-block;width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .fp-list-wrap{width: 100%;/* padding:0 15px; */}
    .fp-list-wrap ul li .fp-con-date{font-size: 1rem;}
    .swiper-slide .ja-swiper-img{width: 100%;height: 20rem;}
    .fp-list-more{font-size: 1rem;}
    .dz-swiper-title{ display: none; }
    .article-content .fp-video{ width: 7rem; height:6rem;  }

    .fp-jdt-three{ height:20rem; }
    .four-slide .jdt-swiper{ width: 100%;height: 20rem; }
    .four-slide .jdt-swiper{ width: 100%;height: 20rem; }
    .four-slide .ja-swiper-img{ width: 100%;height: 20rem; }
    .newlogo2021{ 
	    width: 11rem;
	    margin-left: 0;
	    height: 2.5rem;
	    background-size: 100%;
	    top: 10px;
	    left: 0;
    }
}
 /*----------mobile css css end----------------*/}