* {padding:0;margin: 0;/*transition: all ease 500ms;*/}
header {width: 100%; height: auto; background: #fff;}
/*img:hover {transform: scale(1.1,1.1); overflow: hidden;width: 100%}*/
.left {float: left;}
.right {float: right;}
a {text-decoration: none; color: #666;}
a:hover {color: #333; text-decoration: none;}
li {list-style: none;}
img {object-fit: cover;}
ul {padding-left:0;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
@font-face {
	font-family: "yuweishufa";
	src:url("../assets/fonts/yuweishufa.ttf");
}
.nav-top {
  display: none;;
}
.NewmediaUnion-m {
  display: none;
}
.graybg {background: #f9f9f9;}
.w1200 {width: 1200px; height: auto; overflow: hidden; margin:0 auto;}
.mt20 {margin-top: 20px;}
.wrap {width: 100%; overflow: hidden; height: auto;}
.top-bar {width: 100%; background: #f9f9f9; }
.top-bar .text {width: 1200px; margin:0 auto; height: 30px;line-height: 30px; font-size: 12px; color: #999}
.top-bar .text p {margin:0;}
.topcon {width: 1200px; height: 100px;margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
.searchcon {position: relative; width: 534px; height: 36px;}
.searchcon .search {width: 534px; height: 36px; border:1px solid #eaeaea; border-radius: 5px; padding: 5px; font-size: 14px; color: #666;}
.searchcon .button {position: absolute; width: 30px; height: 30px; right: 5px;top: 2px; background: url(../images/search.png) no-repeat; border:none;}
.logo {width: 430px; height: 110px;}
.weather {width: 270px; text-align: center;}
.weather iframe {width: 210px; height: 60px;}

.relative {position: relative;}
.absolute {position: absolute; bottom: 0; left: 0;}
.erweima {}
.wb,.wx {display: inline-block; margin:0 10px;position: relative; color: #666}
.wb .img,.wx .img {width: 102px; height: 102px; overflow: hidden; border:1px solid #eaeaea; border-radius: 5px; position: absolute; top: 100%; right: -33px; z-index: 999;display: none;}
.wb .img img,.wx .img img {width: 100px;height: 100px;}
.wb i img,.wx i img {width: 20px; height: 20px; margin-bottom: 5px;}
.wb:hover .img,.wx:hover .img {
	display: block;
	color: #f30;
}

.navbg {width: 100%; height: 62px;background: url(../images/navbg.jpg) center center no-repeat;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{line-height:62px;  position:relative; z-index:999; width: 1200px; height: 62px; margin:0 auto; display: flex; justify-content: space-around; align-items: center;}
.nav a{ color:#fff;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left; margin:0;font-size: 18px; font-weight: normal;}
.nav .nLi h3 a{ display:block; padding:0 10px;}
.nav .sub{ display:none; width:140px; top:55px; border-radius: 5px; position:absolute; background: #fff; border:1px solid #eaeaea; left: 50%; transform: translateX(-50%); line-height:26px; padding:5px 0;  z-index: 9999;margin:0; }

.nav .sub::before {content:"";width: 0; height: 0; position: absolute; top:-6px; z-index: 1; left: 50%; transform: translateX(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #eaeaea;}
.nav .sub::after {content:"";width: 0; height: 0; position: absolute; z-index: 2; top:-5px; left: 50%; transform: translateX(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff;}
.nav .sub li{ zoom:1; text-align: center;}
.nav .sub a{ display:block; padding:0 10px;color:#333; }
.nav .sub a:hover{ background:#c12828; color:#fff;  }
.nav .on h3 a{ background: #c12828; color:#fff;   }

#triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid #fff;
}


.banner {width: 100%; height: 450px;}
.banner .swiper-slide {background: url(../images/banner.jpg) center top no-repeat;}
.inbanner {width: 100%; height: 330px; background: url(../images/inbanner.jpg) top center no-repeat;}
.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.news {width: 726px; height: 406px; overflow: hidden;}
.incon,.ptcon {width: 800px; height: auto; overflow: hidden;}
.other {width: 290px; height: auto; overflow: hidden;}
.title { padding:15px 0; border-bottom: 1px solid #eaeaea; display: flex; justify-content: inherit; align-items: center; position: relative;}
.title h2 {font-size: 24px; font-weight: normal; display: inline-block; border-right:2px solid #333; padding:0 10px 3px 0; margin:0; color: #141c7b}
.title span {font-size: 16px; color: #333; margin:0 10px; font-weight: bold;}
.title .more {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.news ul {margin:0;}
.news ul li {width: 100%; height: auto; overflow: hidden; margin: 10px 0;}
.news ul li .img {width: 154px;height: 102px; overflow: hidden; border-radius: 5px;}
.news ul li .img img {width: 154px;height: 102px;}
.news ul li .text {width: 555px;}
.news ul li .text h3 {font-size: 18px; margin-bottom: 10px;}
.news ul li .text h3 a {color:#333;}
.news ul li .text p {font-size: 14px; color: #999; margin:5px 0;}
.notice ul {margin-top:10px;display: block;margin-bottom: 0;}
.notice ul li {font-size: 14px; line-height: 30px; height: 30px;}
.notice ul li a {color: #333;}
.notice ul li a:hover {color: #010753}

.incontent {width: 100%; position: absolute; left: 50%; top: 420px; transform: translateX(-50%);}
.inlistcon {background: #fff; padding:20px; min-height: 600px;}

.inpiclist,.piclist,.tvslide,.NewmediaUnion {overflow: hidden; height: auto; margin-top: 20px;}
.piclist ul {display: flex; justify-content: space-between; align-items: center; margin-bottom: 0;}
/*.piclist ul::after {content:"";width: 280px; height: 226px;}*/
.piclist ul li {width: 280px; height: 226px;}
.piclist ul li .img {width: 280px;height: 196px; overflow: hidden;border-radius: 5px;}
.piclist ul li .img img {width: 280px;height: 196px;}
.piclist ul li p {text-align: center; margin:0 ; line-height: 30px; height: 30px; font-size: 16px;}

.inpiclist {margin:0; width: 800px;}
.inpiclist ul {display: block;  margin-bottom: 0; margin-top: 1.6rem; clear: both; overflow: hidden;}
.inpiclist ul li {width: 250px; height: 196px; margin:10px 8px; float: left;}
.inpiclist ul li .img {width: 250px;height: 166px; overflow: hidden;border-radius: 5px;}
.inpiclist ul li .img img {width: 250px;height: 166px;}
.inpiclist ul li p {text-align: center; margin:0 ; line-height: 30px; height: 30px; font-size: 16px;}
.inpiclist ul li p a {color: #333;}
.inpiclist ul li p a:hover {color: #010753;}
.am-pagination {
  margin-top: 20px!important;
}
.tvslide {margin-bottom: 30px;}
/* slide */
	.picBtnTop{ width:100%; height:322px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
	.picBtnTop .hd{ width:200px;  height:310px; position:absolute; right:5px; overflow:hidden; }
	.picBtnTop .hd ul li{ width:195px; text-align:center; padding:0 0 5px 5px;}
	.picBtnTop .hd ul li img{ width:195px; height:100px; border:4px solid #ddd; cursor:pointer; vertical-align:bottom; }
	.picBtnTop .hd ul li.on{ background:url("../images/icoleft.gif") no-repeat 0 44px; }
	.picBtnTop .hd ul li.on img{ border-color:#f60;  }
	.picBtnTop .bd{ width:980px;  height:310px; position:relative;  }
	.picBtnTop .bd ul{ margin:0; }
	.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
	.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
	.picBtnTop .bd li .pic img{ width:980px; height:310px; vertical-align:bottom; /*Alpha(Opacity=60);opacity:0.6;*/}
	.picBtnTop .bd li .bg{ width:980px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
	.picBtnTop .bd li .title{ width:980px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2; padding:0;}
	.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }


.NewmediaUnion {position:relative;}
/* tab*/
		.slideTxtBox{ width:100%; }
		.slideTxtBox .hd{ }
		.slideTxtBox .hd ul{ float:left;  position:absolute; right:20px; top:20px; height:32px; margin:0;}
		.slideTxtBox .hd ul li{ float:left;  line-height: 30px;  padding:0 15px; cursor:pointer; font-size: 14px;}
		.slideTxtBox .hd ul li.on{ height:30px;  background:#010753; color: #fff; border-radius: 5px;}

		.slideTxtBox .bd ul{margin:0; margin-top: 20px;}
		.slideTxtBox .bd li{width: 127px; height:159px; float: left; margin:0 11px;}
		.slideTxtBox .bd li .img{width: 125px; height: 125px; overflow: hidden; border-radius: 5px; border:1px solid #eaeaea;}
		.slideTxtBox .bd li .img img {width: 125px;height: 125px;}
		.slideTxtBox .bd li p {font-size: 14px; color: #333; line-height: 32px; text-align: center; margin:0;}

.incon ul li {border-bottom: 1px solid #eaeaea; margin:20px 0; padding-bottom: 10px;}

.incon ul li h3 {font-size: 16px; font-weight: bold; margin:0;}
.incon ul li h3 a {color: #333;}
.incon ul li h3 a:hover {color: #010753;}
.incon ul li p {font-size: 14px; color: #999; margin:9px 0;}
.incon ul li p.date {font-size: 12px; color: #999; font-style:italic;}
.other ul li {font-size: 14px; line-height: 32px; height: 32px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

.ptcon {}
.ptcon ul {overflow: hidden; height: auto}
.ptcon ul li {margin-bottom:20px;  height: 96px; width: 100%}
.ptcon ul li .img {width:160px; height: 96px; overflow: hidden; border-radius: 5px;}
.ptcon ul li .img img {width:160px; height: 96px;}
.ptcon ul li .text {width: 620px;}
.ptcon ul li .text h3 {font-size: 16px; font-weight: bold; margin:0;}
.ptcon ul li .text h3 a {color: #333;}
.ptcon ul li .text h3 a:hover {color: #010753;}
.ptcon ul li .text p {font-size: 14px; color: #999; margin:9px 0;}
.ptcon ul li .text p.date {font-size: 12px; color: #999; font-style:italic;}

.content {width: 100%; height: auto; overflow: hidden; margin:20px 0;}
.content h2 {margin:0; text-align: center; font-size: 24px; font-weight: normal; color: #333;}
.content .date {text-align: center; font-size: 12px; color: #999; line-height: 32px; margin:5px 0;}
.content .date span {margin:0 10px;}

.function {height:40px; width:auto; margin:30px auto; font-size:14px;}
.function ul {list-style:none;}
.function ul li {float:left; height:40px; padding-right:35px; line-height:40px; margin:0; margin-right:10px; width: auto}
.function ul li.print {background:url(../images/print.jpg) right center no-repeat;}
.function ul li.star {background:url(../images/star.jpg) right center no-repeat;}
.function ul li.back {background:url(../images/back.jpg) right center no-repeat;}
.function a {color:#b8b8b8; text-decoration:none;}
.function a:hover {color:#333; text-decoration:underline;}


.innmu {width: 800px; position: relative;}

article img {max-width: 600px; display: block; margin:0 auto; margin-top: 10px; margin-bottom: 10px;}
article p {font-size: 16px; color: #666; line-height: 32px; text-indent: 2em; margin:0;}

footer {text-align: center;padding: 20px 0; background: #1e203c;color: #fff; margin:50px 0 0; font-size: 14px;}
footer a {color: #fff}
footer a:hover {color: #fff}
footer p {font-size: 12px; line-height: 24px; margin:0;}


@media screen and (max-width:750px) {
    html{
      font-size: 24px;
    }
    .wrap {
      padding:0 .5rem;
    }
    body {
      height: 100vh;
    }
    .top-bar {
      display: none;
    }
    .navbg {
      display:none;
      height: auto;
      overflow:hidden;
    }
    /* .navbg {
      background:#010753;
      margin-top: .5rem;
      border-radius:10px
    }
    .nav {
      width: 100%;
      height: auto;
      flex-wrap: wrap;
      display: block;
    }
    .nav .nLi {
      background: #010753;
      width: 25%;
    }
    .nav .nLi:nth-child(1){
      display: none;
    }
    .nav .nLi h3 {
      font-size: .65rem;
      width: 100%;
      text-align: center;
    }
    .nav .nLi h3 a {
      padding:0
    }
    .nav .sub {
      display: none;
    } */
    .topcon {
      width: 100%;
      display: block;
      height: auto!important;
      overflow:hidden;
    }
    .searchcon {
      position: relative; width: 100%; height: auto;
    }
    .searchcon .search {
        width: 100%;
        height: 36px;
        border: 2px solid #242b81;
        border-radius: 10px;
        padding: 5px;
        font-size: 14px;
        color: #666;
        outline: none;
    }
    .searchcon .button {
      position: absolute; width: 30px; height: 30px; right: 5px;top: 2px; background: url(../images/search.png) no-repeat; border:none;
    }
    .logo {
      width: 100%; 
      height: 5rem;
      line-height: 5rem;
    }
    .logo img {
      width:92%;
    }

    
  .banner {
    width: 100%; height: 7rem;
    margin-top:.5rem;    
    border-radius: 5px;
    overflow: hidden;
  } 
  .banner .swiper-slide {
    background: url(../images/banner-m.jpg) center top no-repeat;
    background-size: 100%;
  }
  .inbanner {
    width: 100%; height: 330px; background: url(../images/inbanner.jpg) top center no-repeat;
  }
  .swiper-container {
        width: 100%;
        height: 100%;
      }
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

    .w1200 {
      width: 100%;
      padding:0 .5rem;
    }
    .title h2 {
      font-size: .8rem;
    }
    /* .title span {
      display: none;
    } */
    .mt20 {
      margin-top: 0;
    }
    .news {
      width: 100%;
      height: auto;
    }
    .news ul li .text h3::before {
      content: "";
      width: 3px;
      height: 3px;
      background: #666;
      position:absolute;
      left:4px;
      top: 10px;
    }
    .news ul li .text h3 {
      font-size: .7rem;
      font-weight: normal;
      margin-bottom: 0;
      text-indent: 1em;
    }
    .news ul li .text p {
      font-size: .6rem;
      display: none;
    }
    .news ul li .img {
      display: none;
    }
    .news ul li .text {
      width: 100%;
      position: relative;
      text-align: justify;
    }
    .notice {
      height: 3.6rem;
      overflow: hidden;
    }
    .notice ul {
      display: none;
    }
    .notice img {
      width: 100%;
    }
    .inpiclist, .piclist, .tvslide, .NewmediaUnion {
      margin-top: 0;;
    }
    
    .piclist ul {
      flex-wrap:wrap;
      margin-top: .6rem;
      height: 8.7rem;
    }
    .piclist ul li {
      width: 48%;
      height: 9rem;
    }
    .piclist ul li .img {
      width: 100%;
      height: 6rem;
    }
    .piclist ul li .img img {
      width: 100%;
      height: 6rem;
    }
    .tvslide {
      display: none;
    }
    .slideTxtBox .hd ul {
      position: inherit;
      float: none;
      right: inherit;
      top: inherit;
    }
    .slideTxtBox .hd {
      margin-top: 10px;
    }
    .slideTxtBox .hd ul li{
      line-height: 1.2rem;
      padding: 0 .2rem;
      font-size: .6rem;
    }
    .slideTxtBox .bd ul {
      display: block;
    }
    .slideTxtBox .bd li {
      width: 31.5%;
      margin:0 .1rem;
      height: 6.5rem;
    }
    .slideTxtBox .bd li .img,.slideTxtBox .bd li .img img {
      width: 100%;
      height: 5rem;
    }
    footer {
      padding: .8rem;
      margin: 1rem 0 0;
      font-size: .5rem;
    }

    .inbanner {
      display:none;
    }
    .incontent {
      position: relative;
      left: auto;
      top: auto;
      transform:inherit
    }
    .incon, .ptcon {
      width: 100%;
    }
    *+address, *+blockquote, *+dl, *+fieldset, *+figure, *+hr, *+ol, *+p, *+pre, *+ul {
      margin-top: 0;
    }
    address, blockquote, dl, fieldset, figure, hr, ol, p, pre, ul {
      margin-top: 0;
    }
    .inlistcon {
      padding:auto
    }
    .incon ul li {
      margin:.6rem 0;
      padding-bottom: .4rem;
    }
    .incon ul li h3 {
      font-size: .7rem;
    }
    .incon ul li p {
      font-size: .6rem;
    }
    .incon ul li h3 a {
      font-weight: normal;
    }
    .am-pagination {
      margin:.5rem 0
    }
    .am-pagination>li>a, .am-pagination>li>span {
      padding:.1em .5em
    }
    .other {
      width: 100%;
    }
    .other ul li {
      font-size: .6rem;
      height: 1.3rem;
      line-height: 1.3rem;
    }
    article img {
      width: 100%;
    }
    article p {
      font-size: .7rem;
      line-height: 1.3rem;
      text-align: justify;
    }
    .function ul li {
      height: auto!important;
      line-height:1.3rem;
    }
    .ptcon ul {
      margin-top: .5rem;
    }
    .ptcon ul li {
      height: 5rem;
    }
    .ptcon ul li .img {
      height: 5rem;
      width: 40%;
    }
    .ptcon ul li .img img {
      width: 100%;
      height: 5rem;
    }
    .ptcon ul li .text {
      width: 56%;
      text-align: justify;
    }
    .ptcon ul li .text h3 {
      font-size: .7rem;
      font-weight: normal;
    }
    .ptcon ul li .text p {
      font-size: .6rem;
      height: 1.5rem;
      overflow: hidden;
    }
    .ptcon ul li .text p.date {
      display: none;
    }
    .innmu {
      width: 100%;
    }
    .inpiclist {
      width: 100%;
    }
    .inpiclist ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 0;
      flex-wrap: wrap;
      margin-top: .6rem;
    }
    .inpiclist ul li {
      width: 48%;
      height: 8rem;
      margin:10px 3px
    }
    .inpiclist ul li .img {
      width: 100%;
      height: 6rem;
    }
    .inpiclist ul li .img img {
      width: 100%;
      height: 6rem;
    }
    .nav-top {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 999;
      width: 100%;
      height: 100px;
      display: block;
    }
    #nav-m {
        overflow: hidden;
        position: relative;
        /* transform: translateX(-300px); */
        height: 1.5rem;
        margin-top: 2rem;
        /* line-height: 3rem; */
        /* padding-top: 53%; */
        width: 100%;
        transition: all 300ms cubic-bezier(.8, 0, .33, 1);
        border-radius: 0% 0% 100% 50%;
    }

    #nav-m.nav-open {
        transform: translateX(0px);
        border-radius: 0% 0% 0% 0%;
        height: 100vh;
        margin-top: .65rem;
        background: rgba(255, 255, 255, .9);
    }

    #nav-m .menu-btn {
        position: absolute;
        top: 5%;
        right: 5%;
        padding: 0;
        width: 30px;
        cursor: pointer;
        z-index: 2;
    }

    #nav-m .menu-btn .line {
        padding: 0;
        width: 30px;
        background: #242b81;
        height: 2px;
        margin: 5px 0;
        transition: all 700ms cubic-bezier(.9, 0, .33, 1);
    }

    #nav-m .menu-btn .line.line--1 {
        width: 30px;
        transform: rotate(0) translateY(0);
    }

    #nav-m .menu-btn .line.line--1.line-cross {
        width: 30px;
        transform: rotate(45deg) translateY(10px);
        background: #242b81;
    }

    #nav-m .menu-btn .line.line--2 {
        width: 28px;
        transform: translateX(0);
    }

    #nav-m .menu-btn .line.line--2.line-fade-out {
        width: 28px;
        transform: translate(30px);
        opacity: 0;
    }

    #nav-m .menu-btn .line.line--3 {
        width: 20px;
        transform: rotate(0) translateY(0);
    }

    #nav-m .menu-btn .line.line--3.line-cross {
        width: 30px;
        transform: rotate(-45deg) translateY(-10px);
        background: #242b81;
    }

    #nav-m .nav-links {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        display: flex;
        /* padding: 10px; */
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transform: translateX(-100px);
        opacity: 0;
        transition: all 900ms cubic-bezier(.9, 0, .33, 1);
    }

    #nav-m .nav-links.fade-in {
        opacity: 1;
        transform: translateX(0px);
    }

    #nav-m .nav-links ul {
        color: #000;
        width: 100%;
        text-align: center;
        transition: all 300ms cubic-bezier(.9, 0, .33, 1);
    }
    #nav-m .nav-links ul li h3 {
      margin-bottom: 0.4rem;
      font-size: .9rem;
    }
    #nav-m .nav-links ul li h3 a {
      color: #242b81;
      font-weight: normal;
    }
    #nav-m .nav-links ul li .sub-m {
      margin: .3rem 0;
    }
    #nav-m .nav-links ul li .sub-m li {
      font-size: .7rem;
      font-weight: normal;
    }
    /* #nav-m .nav-links ul li:first-child {
      display: none;
    } */
    #nav-m .nav-links .link:hover {
        color: rgba(0, 0, 0, .5);
    }
    .NewmediaUnion-m {
      display: block;
      overflow: hidden;
      border-radius: 5px;
      margin: 10px 0;
    }
    .NewmediaUnion-m img {
      width: 100%;
    }
    .NewmediaUnion {
      display: none;
    }
    .news ul {
      padding:5px 0 10px 
    }
  }

  /*iphone5*/
  @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
    #nav-m .nav-links ul li h3 {
      margin-bottom: 0.2rem;
      font-size: .8rem;
    }
    #nav-m .nav-links ul li .sub-m li {
      font-size: .6rem;
    }
    .slideTxtBox .bd li .img,.slideTxtBox .bd li .img img {
      width: 100%;
      height: 4rem;
    }
  }
  /*iphone 6\7\8*/
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
      #nav-m.nav-open {
        margin-top: .75rem;
    }
    .notice {
      height: 3.3rem;
    }
    .slideTxtBox .bd li .img,.slideTxtBox .bd li .img img {
      width: 100%;
      height: 4.5rem;
    }
  }
  /*iphone x*/
  @media only screen and (min-width: 375px) and (max-width: 767px) and (-webkit-device-pixel-ratio: 3){
    #nav-m.nav-open {
      margin-top: .4rem;
    }
    .notice {
      height: 3.3rem;
    }
  }
  /*iphone plus*/
  @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
    .ptcon ul li .text p {
      font-size: .6rem;
      height: 2.5rem;
      overflow: hidden;
    }
    #nav-m.nav-open {
      margin-top: .6rem;
    }
    .notice {
      height: 3.6rem;
    }
  }