@media screen and (min-width: 1540px) {



  /* #region  首页*/

  html,

  body {

    font-size: 20px;

  }



  /* #endregion */



}



@media screen and (max-width: 1539px) {



  /* #region  首页*/

  html,

  body {

    font-size: 19px;

  }





  /* #endregion */



  /* #region  内页*/



  /* #endregion */

	.index2 .row .left ul li div {

		font-size: 4rem;

	}



}



@media screen and (max-width: 1400px) {

	header .nav li {

		margin-left: 1.3rem;

	}

	header .logo {

		margin-right: 3%;

	}

	header .nation {

		width: 140px;

	}

	header .nation {

		margin-left: 1rem;

	}

}



@media screen and (max-width: 1299px) {



  /* #region  首页*/

  html,

  body {

    font-size: 18px;

  }





  /* #endregion */



  /* #region  内页*/



  /* #endregion */

	header .lis {

		margin-left: 1rem;

	}

	header .lis a {

		margin: 0 .3rem;

	}

	header .nation {

	  margin-left: .5rem;

	}

	header .logo {

	  margin-right: 1%;

	}

	header .nav li {

	  margin-left: .8rem;

	}

	header .logo img {

	  width: 13rem;

	}

	header .lis a img {

		width: 1.3rem;

	}

	header .nation {

	  width: 110px;

	}

	.index2 .row .left ul li div {

	  font-size: 3rem;

	}



}



@media screen and (min-width: 769px) and (max-width: 1024px) {



  /* #region  首页*/

  .container {

    width: 95%;

    padding-left: 0;

    padding-right: 0;

  }



  /* #endregion */



  /* #region  内页*/





  /* #endregion */

	



}



@media screen and (max-width: 768px) {



  /* #region  首页*/

  .container {

    width: 95%;

    padding-left: 0;

    padding-right: 0;

  }





  header .nav {

    position: fixed;

    left: -101%;

    top: 0;

    width: 60%;

    height: 100vh;

    background: #fff;

    display: block;

    padding: 3rem 0;

    transition: ease-out .36s;

    z-index: 999;

	  overflow-y: auto;

  }



  header .nav.on {

    left: 0;

  }



  header .nav_icon {

    display: block;

    margin-left: auto;

    transition: ease-out .36s;

    position: relative;

    padding: .8rem;

  }



  header .nav_icon img {

    width: 2.1rem;

    transition: ease-out .36s;

  }

	header .nav_icon img:nth-child(1) {

		opacity: 0;

	}

	header.on .nav_icon img:nth-child(1) {

		opacity: 1;

	}

	header .nav_icon img:nth-child(2) {

		position: absolute;

		left: .8rem;

		top: .8rem;

	}

	header.on .nav_icon img:nth-child(2) {

		opacity: 0;

	}



  header .nav_icon2 {

    transform: rotate(90deg);

  }



  header .nav_modal {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .5);

    display: none;

    z-index: 888;

  }



  header .nav li {

    margin: 0;

  }



  header .nav .nav_one {

    padding-left: 2rem;

    padding-right: .5rem;

    display: flex;

    align-items: center;

  }



  header .nav .nav_one a {

    font-size: 1.3rem;

    line-height: 4rem;

    flex: 1;

    padding-right: 1rem;

  }
	header.on .nav .nav_one a {
		color: #333;
	}
	header.on .nav .nav_one a.active {
		color: #00A0E9;
	}


  header .nav .nav_one.nav_below a {

    padding-right: 0;

  }



  header .nav .nav_one span {

    position: relative;

    right: 0;

    top: 0;

    transform: translateY(0) rotate(-90deg);

    padding: 1rem;

    transition: ease-out .36s;

    display: block;

  }



  header .nav .nav_one span.on {

    transform: translateY(0) rotate(0);

  }



  header .nav .nav_one span img {

    width: 1.1rem;

  }



  header .nav .nav_one a::after {

    display: none;

  }



  header .nav li .nav_two {

    position: relative;

    left: 0;

    top: 0;

    width: 100%;

    transform: translateX(0);

    padding: 1rem 0;

    background: #f5f0f0;

    border-radius: 0;

    display: none;

    box-shadow: none;

  }



  header .nav li .nav_two a {

    font-size: 1.3rem;

    padding: 0 2rem;

    line-height: 2.3;

    text-align: left;

    border-bottom: none;

  }



  header .nav .nav_two div {

    background: none;

    box-shadow: none;

    padding: 0 2rem;

    border-left: none;

  }



  header .nav li .nav_two a {

    padding: .5rem 0;

    white-space: wrap;

    line-height: 1.5;

    font-size: 1.1rem;

  }

	header .nav .nav_two a.active, header .nav .nav_two a:hover {
		background: none;
	}



  header .lis {

    display: none;

  }



  header .row {

    height: 5rem;

  }



  .banner {

    height: 100vh;

    overflow: hidden;

  }



  .banner .banner_phone {

    display: block;

  }



  .index1 {

    display: block;
	  padding-bottom: 4rem;

  }



  .index1 .left {

    width: 100%;

  }



  .index1 .right {

    width: 100%;

    margin-top: 1.5rem;

  }



  .index1 .right .text {

    font-size: 1.1rem;

  }



  .index1 .right a {

    width: 10rem;

    line-height: 2.8rem;

    font-size: 1.2rem;

  }



  .index2 .row {

    display: block;

  }



  .index2 .row .left {

    width: 100%;

    padding-right: 0;

  }



  .index2 .row .left ul li div {

    font-size: 3.6rem;

  }



  .index2 .row .right {

    width: 100%;

  }



  .index2 .row .right img {

    position: relative;
max-width: inherit;
  }



  .index3 .top {

    font-size: 1.1rem;

  }



  .index3 .ul {

    justify-content: space-between;

  }



  .index3 .ul li {

    width: 49%;

    margin-right: 0;

  }



  .product_li h3 {

    font-size: 1.1rem;

  }



  .product_li div {

    width: 9rem;

    height: 2.6rem;

    font-size: 1.1rem;

  }



  .index3 .ul .more span {

    width: 9rem;

    height: 2.6rem;

    font-size: 1.1rem;

    margin: 1rem auto 0 auto;

  }



  .index4 .container {

    display: block;

  }



  .index4 .left {

    width: 100%;

  }



  .index4 .left .text {

    font-size: 1.1rem;

  }



  .index4 .right {

    width: 100%;

    margin-top: 2.6rem;

  }



  .index4 .right .next img,

  .index4 .right .prev img {

    width: 2rem;

    height: 2rem;

  }



  .index_title a {

    position: relative;

    top: 0;

    transform: translate(0, 0);

    width: 9rem;

    height: 2.8rem;

    font-size: 1.1rem;

    margin: 1.5rem auto 0 auto;

  }



  .index5 .index_title .t2 {

    padding: 0;

  }



  .index5 ul {

    flex-wrap: wrap;

    justify-content: space-between;

  }



  .index5 ul li,

  .index5 ul li.on {

    width: 100%;

  }



  .index5 ul li>img {

    height: 22rem;

  }



  .index5 ul li {

    margin-bottom: 1rem;

  }



  .index5 ul li .tit {

    font-size: 1.2rem;

  }



  .index6 .index_title .t2 {

    padding: 0;

  }



  .index6 .ul {

    justify-content: space-between;

  }



  .index6 .ul li {

    width: 49%;

    margin-right: 0;

  }

	.index7.container {
		width: 100%;
		overflow: hidden;
	}
	.index7 .swiper {
		overflow: hidden;
	}

  .index8 .row {

    display: block;

  }



  .index8 .left {

    width: 100%;

  }



  .index8 .row {

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 2.8rem;

  }



  .index8 .left .index8_tit {

    font-size: 1.1rem;

  }



  .index8 .left .card {

    max-width: none;

  }



	.index8 .left .card li {
		font-size: 1.1rem;
	}
.index8 .left .card li:before {
	font-size: 1.1rem;
	top: 1.1rem;
	}
  .index8 .left .card li input {

    font-size: 1.1rem;
	  height: 3rem;

  }



  .index8 .right {

    width: 100%;

    margin-left: 0;

  }



  .index9 .ul {

    display: block;

  }



  .index9 .ul li {

    width: 100%;

    margin-right: 0;

    margin-bottom: 1.2rem;

  }



  .index9 .ul a .card div {

    font-size: 1.1rem;

  }



  .index9 .ul a .card h3 {

    font-size: 1.4rem;

  }



  .index9 .ul a .card span {

    width: 10rem;

    height: 2.6rem;

    font-size: 1.1rem;

    margin-top: 2rem;

  }



  .index9 {

    padding-bottom: 1rem;

  }



  .footer_top .container {

    display: block;

  }



  .footer_top .left {

    font-size: 1.2rem;

    margin-bottom: 1.2rem;

    text-align: center;

  }



  .footer_top .right {

    justify-content: center;

    margin-top: 1.5rem;

  }



  .footer_top .right a img {

    width: 2rem;

  }



  .footer_top .right a {

    margin: 0 .5rem;

  }



  .footer_top .center {

    height: 3rem;

    border-radius: 1.5rem;

  }



  .footer_top .center input {

    font-size: 1.1rem;

  }



  .footer_top .center button {

    height: 2.3rem;

  }



  footer .top {

    display: block;

  }



  footer .left {

    width: 100%;

  }



  footer .top .tit {

    font-size: 1.4rem;

  }



  footer .top .text {

    font-size: 1.1rem;

  }



  footer .top .more {

    width: 9rem;

    height: 2.6rem;

    font-size: 1.1rem;

    margin-top: 2rem;

  }



  footer .center {

    display: none;

  }



  footer .right {

    width: 100%;

    margin-top: 3rem;

  }



  footer .top .flogo {

    margin-top: 3.5rem;

  }



  footer .right li img {

    width: 1.4rem;

    top: .3rem;

  }



  footer .right li {

    font-size: 1.1rem;

    line-height: 2rem;

  }



  footer .right .icons a img {

    width: 2rem;

  }



  footer .top {

    padding-top: 3rem;

  }



  footer .bottom .container {

    display: block;

    font-size: 1.1rem;

    text-align: center;

  }
.comFix{
        width: 8rem;
        
        bottom: 5%;
    
}


  /* #endregion */

	.comBan .container {

		min-height: inherit;

		padding-top: 8.2rem;

		padding-bottom: 1.6rem;

		display: block;

	}

	.comBan .txt p {

		font-size: 1.12rem;

		max-width: inherit;

	}

	.comBan .txt h1 {

		margin-bottom: 0.5rem;

	}

	.comBan .link {

		margin-top: 1.6rem;

	}

	.comBan .link a {

		font-size: 1.12rem;

		width: 10rem;

		padding: .8rem 0;

		border-radius: 1.8rem;

	}

	.comBan .path {

		position: static;

		left: inherit;

		bottom: inherit;

		font-size: 1.12rem;

		margin-top: 2.4rem;

	}

	.contactPage .sec {

		margin: 3.2rem 0;

	}

	.contactPage .sec .container {

		display: block;

	}

	.contactPage .sec .lbox {

		width: auto;

	}

	.contactPage .sec .lbox li {

		padding: 3.4rem 2rem 1.6rem;

		margin-bottom: 3.4rem !important;

	}

	.contactPage .sec .lbox li .icon {

		left: 2rem;

		top: -2.075rem;

		width: 4.15rem;

		height: 4.15rem;

	}

	.contactPage .sec .lbox li .icon img {

		width: 2.2rem;

	}

	.contactPage .sec .lbox li h2 {

		font-size: 1.44rem;

	}

	.contactPage .sec .lbox li p {

		font-size: 1.28rem;

	}

	.contactPage .sec .rbox {

		width: auto;

	}

	.contactPage .sec .rbox .txt {

		margin: 0 0 1.5rem 1.9rem;

		font-size: 1.12rem;

	}

	.contactPage .sec .rbox form .term {

		margin-bottom: 1rem;

	}
	.contactPage .sec .rbox form .term:before {
		left: .4rem;
    font-size: 1rem;
    top: 2.4rem;
	}
	.contactPage .sec .rbox form .terms:before {
		top: 1.8rem;
	}

	.contactPage .sec .rbox form input {

		height: 4.8rem;

		padding: 0 1.2rem;

		font-size: 1.28rem;

	}

	.contactPage .sec .rbox form .line {

		display: block;

	}

	.contactPage .sec .rbox form .line .term {

		width: auto;

	}

	.contactPage .sec .rbox form textarea {

		padding: 1.2rem;

		font-size: 1.28rem;

	}

	.contactPage .sec .rbox form button {

		font-size: 1.28rem;

		width: 10rem;

		padding: 1rem 0;

	}

	.projectPage .sec {

		margin: 3.2rem 0;

	}

	.projectPage .sec ul {

		justify-content: space-between;

	}

	.projectPage .sec ul li {

		width: 48%;

		margin: 0 0 1.2rem;

	}

	.projectPage .sec ul .photo {

		height: 10rem;

	}

	.projectPage .sec ul p {

		font-size: 1.28rem;

		padding: 1.2rem 1.2rem 5.2rem 1.2rem;

	}

	.projectPage .sec ul .link {

		left: 1.2rem;

		bottom: 1.2rem;

		width: 5rem;

		height: 2.2rem;

	}

	.applicationsPage .sec {

		margin: 3.2rem 0;

	}

	.applicationsPage .sec .note {

		font-size: 1.28rem;

		margin-bottom: 1.6rem;

	}

	.applicationsPage .sec ul {

		display: block;

	}

	.applicationsPage .sec li {

		width: auto;

		margin: 0 0 1.6rem;

	}

	.applicationsPage .sec ul .txtbox {

		padding: 1.2rem;

	}

	.applicationsPage .sec ul .txtbox h2 {

		font-size: 1.44rem;

	}

	.applicationsPage .sec ul .txtbox p {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.applicationsPage .sec ul .more a {

		display: block;

		height: auto;

		padding: 2rem;

	}

	.applicationsPage .sec ul .more p {

		font-size: 1.44rem;

		margin-bottom: 1.5rem;

	}

	.applicationsPage .sec ul .more .link {

		font-size: 1.28rem;

		width: 12.8rem;

		padding: .8rem 0;

	}

	.galleryPage .sec {

		margin: 3.2rem 0;

	}

	.galleryPage .sec .note,.projectPage .sec .note {

		font-size: 1.28rem;

		margin-bottom: 1.6rem;

	}

	.galleryPage #grid li {

		width: 49%;

		padding: 5px;

	}

	.productPage .sec {

		margin: 3.2rem 0;

	}

	.productPage .sec .note {

		font-size: 1.28rem;

		margin-bottom: 1.6rem;

	}

	.productPage .sec ul {

		justify-content: space-between;

	}

	.productPage .sec ul li {

		width: 48.5%;

		margin: 0 0 1.6rem;

	}

	.productPage .sec ul .list .photo {

		height: 12rem;

	}

	.productPage .sec ul .list h2 {

		font-size: 1.28rem;

		margin: 1rem 0;

	}

	.productPage .sec ul .list .link {

		width: 10rem;

		font-size: 1.12rem;

		padding: .5rem 0;

	}

	.productPage .sec ul .more {

		width: 100%;

		margin-bottom: 0;

	}

	.productPage .sec ul .more a {

		display: block;

		height: auto;

		padding: 2rem;

	}

	.productPage .sec ul .more p {

		font-size: 1.44rem;

		margin-bottom: 1.5rem;

	}

	.productPage .sec ul .more .link {

		font-size: 1.28rem;

		width: 12.8rem;

		padding: .8rem 0;

	}

	.comAbout {

		margin: 3.2rem 0;

	}

	.comAbout .imgbox {

		display: block;

		margin-bottom: .5rem;

	}

	.comAbout .imgbox .photo {

		width: auto;

		margin-bottom: 1.5rem;

	}

	.comAbout .imgbox .txtbox {

		width: auto;

	}

	.comAbout .imgbox .txtbox .color {

		font-size: 1.1rem;

		padding: .3rem .5rem;

		margin-bottom: 1.2rem;

	}

	.comAbout .imgbox .txtbox h2 {

		margin-bottom: 1.4rem;

	}

	.comAbout .imgbox .txtbox .txt {

		font-size: 1.1rem;

	}

	.comAbout ul {

		flex-wrap: wrap;

	}

	.comAbout ul li {

		width: 48%;

		margin-top: 1.5rem;

	}

	.comAbout ul p {

		margin-top: .2rem;

		font-size: 1.1rem;

	}

	.comAbout ul .top img {

		width: 2.8rem;

		margin-right: .5rem;

	}

	.comAbout ul .num {

		font-size: 2.6rem;

	}

	.headline01 {

		font-size: 1.92rem;

		margin-bottom: 1.6rem;

	}

	.comChoice {

		margin-bottom: 3.2rem;

		padding: 3.2rem 0;

	}

	.comChoice h2 {

		margin-bottom: 1rem;

	}

	.comChoice .note {

		font-size: 1.12rem;

		margin-bottom: 2rem;

	}

	.comChoice ul {

		display: block;

	}

	.comChoice ul li {

		width: auto;

		margin-bottom: 2rem;

	}

	.comChoice ul li:last-child {

		margin-bottom: 0;

	}

	.comChoice ul h3 {

		font-size: 1.28rem;

		margin: 1rem 0;

	}

	.comChoice ul p {

		font-size: 1.12rem;

	}

	.comHonour {

		margin-bottom: 3.2rem;

	}

	.comHonour .swiper-slide {

		height: 6rem;

		padding: 0 1.5rem;

	}

	.all-aboutPage .sec {

		margin-bottom: 3.2rem;

	}

	.all-aboutPage .sec .mySwiper2 {

		margin-bottom: 1rem;

	}

	.all-aboutPage .sec .mySwiper2 .swiper-slide {

		height: 20rem;

	}

	.all-aboutPage .sec .mySwiper2 p {

		padding: 1rem;

	}

	.all-aboutPage .sec .mySwiper2 p span {

		font-size: 1.28rem;

	}

	.all-aboutPage .sec .mySwiper .swiper-slide {

		height: 5rem;

	}

	.all-aboutPage .sec .swiper-button-next {

		right: 1rem;

	}

	.all-aboutPage .sec .swiper-button-prev {

		left: 1rem;

	}

	.comNews {

		margin-bottom: 3.2rem;

	}

	.comNews .topbox {

		margin-bottom: 1.6rem;

	}

	.comNews h2 {

		margin-bottom: 0;

	}

	.comNews .topbox .link a {

		font-size: 1.1rem;

		width: 9rem;

	}

	.comNews .ul {

    display: block;

  }

  .comNews .ul li {

    width: 100%;

    margin-right: 0;

    margin-bottom: 1.2rem;

  }

  .comNews .ul a .card div {

    font-size: 1.1rem;

  }

  .comNews .ul a .card h3 {

    font-size: 1.4rem;

  }

  .comNews .ul a .card span {

    width: 10rem;

    height: 2.6rem;

    font-size: 1.1rem;

    margin-top: 2rem;

  }

	.comAboutLink {

		padding: 1.5rem 1rem;

		overflow-x: auto;

	}

	.comAboutLink ul {

		width: 50rem;

	}

	.comAboutLink ul a {

		font-size: 1.1rem;

	}

	.comAboutLink ul li {

		margin: 0 1rem;

	}

	.about-linePage .sec {

		margin: 3.2rem 0;

	}

	.about-linePage .sec .headline01 {

		margin-bottom: 1rem;

	}

	.about-linePage .sec .note {

		font-size: 1.12rem;

		line-height: 1.6;

		margin-bottom: 2rem;

	}

	.about-linePage .sec ul {

		justify-content: space-between;

	}

	.about-linePage .sec ul li {

		width: 48.5%;

		margin: 0 0 1.5rem;

	}

	.about-linePage .sec ul .photo a {

		height: 10rem;

		margin-bottom: .8rem;

	}

	.about-linePage .sec ul h2 {

		font-size: 1.12rem;

	}

	.newsPage .comNews .note {

		font-size: 1.28rem;

		margin: 3.2rem 0;

	}

	.newsPage .comNews .ul li {

		margin-bottom: 1.2rem;

	}

	.pagination {

		margin-top: 2rem;

	}

	.pagination span {

		font-size: 1.12rem;

	}

	.pagination a {

		min-width: 2.4rem;

	}

	.news-detailPage .sec {

		margin: 3.2rem 0;

	}

	.news-detailPage .sec .container {

		display: block;

	}

	.news-detailPage .sec .lbox {

		width: auto;

	}

	.news-detailPage .sec .lbox .photo {

		height: 16rem;

		margin-bottom: 1rem;

	}

	.news-detailPage .sec .lbox .photo .time {

		left: 1rem;

		top: 1rem;

		font-size: 1.1rem;

	}

	.news-detailPage .sec .lbox .photo .time span {

		font-size: 1.6rem;

	}

	.news-detailPage .sec .lbox .note {

		font-size: 1.1rem;

		margin-bottom: 1rem;

	}

	.news-detailPage .sec .lbox h2 {

		font-size: 1.44rem;

		margin-bottom: 1rem;

	}

	.news-detailPage .sec .lbox .content {

		font-size: 1.28rem !important;

		line-height: 1.6;

	}

	.news-detailPage .sec .lbox .content * {

		font-size: 1.28rem !important;

		line-height: 1.6;

	}

	.news-detailPage .sec .lbox .link a {

		font-size: 1.28rem;

		width: 10rem;

		padding: .8rem 0;

		margin: 0 auto;

	}

	.news-detailPage .sec .rbox {

		width: auto;

		padding: 1rem;

		margin-top: 2rem;

	}

	.news-detailPage .sec .rbox h2 {

		font-size: 1.44rem;

	}

	.news-detailPage .sec .rbox ul .photo {

		height: 8rem;

	}

	.news-detailPage .sec .rbox ul .txtbox h3 {

		font-size: 1.28rem;

	}

	.news-detailPage .sec .rbox ul .txtbox .time {

		font-size: 1.12rem;

	}

	.comBox01 {

		margin: 1.6rem 0;

	}

	.comBox01 .container {

		display: block;

	}

	.comBox01 .photo {

		width: auto;

		display: block;

		margin-bottom: .5rem;

	}

	.comBox01 .txtbox {

		width: auto;

	}

	.comBox01 .txtbox h3 {

		font-size: 1.4rem;

		margin-top: -.5rem;

	}

	.comBox01 .txtbox p {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comSpecification {

		margin-bottom: 3.2rem;

		padding: 1.6rem 0;

	}

	.comSpecification h2 {

		margin-bottom: 1rem;

		padding-bottom: 1rem;

	}

	.comSpecification ul li {

		font-size: 1.28rem;

	}

	.comSpecification ul .name {

		width: 26%;

	}

	.comSpecification ul .txt {

		width: 72%;

	}

	.comProject {

		margin-bottom: 3.2rem;

	}

	.comProject.bg {

		padding: 1.6rem 0;

	}

	.comProject .note {

		font-size: 1.12rem;

	}

	.comProject ul {

		justify-content: space-between;

	}

	.comProject ul li {

		width: 48.5%;

		margin: 1.5rem 0 0;

	}

	.comProject ul h3 {

		font-size: 1.28rem;

		margin-bottom: 1rem;

	}

	.comProject ul .link {

		font-size: 1.12rem;

		width: 10rem;

	}

	.comFactory {

		margin-bottom: 3.2rem;

	}

	.comFactory.bg {

		padding: 1.6rem 0;

	}

	.comFactory ul {

		justify-content: space-between;

	}

	.comFactory ul li {

		width: 48.5%;

		margin: 0 0 1rem;

	}

	.comFactory ul .photo a {

		height: 9rem;

	}

	.comFactory ul p {

		font-size: 1.28rem;

	}

	.comInquiry {

		margin-bottom: 3.2rem;

	}

	.comInquiry .bg {

		padding: 1rem;

	}

	.comInquiry .note {

		font-size: 1.12rem;

	}

	.comInquiry .item input {

		height: 4.8rem;

		padding: 0 1.2rem;

		font-size: 1.28rem;

	}
	
	.comInquiry .item:before {
		left: .4rem;
		font-size: 1rem;
		top: 2.4rem;
	}
	.comInquiry .items:before {
		top: 1.8rem;
	}

	.comInquiry .line {

		display: block;

	}

	.comInquiry .line .item {

		width: auto;

	}

	.comInquiry textarea {

		padding: 1.2rem;

		font-size: 1.28rem;

	}

	.comInquiry button {

		font-size: 1.28rem;

		width: 10rem;

		padding: 1rem 0;

	}

	.comBox02 {

		margin: 3.2rem 0;

	}

	.comBox02 .container {

		display: block;

	}

	.comBox02 .photo {

		width: auto;

		height: auto;

		margin-bottom: 1rem;

	}

	.comBox02 .photo div {

		right: inherit;

		height: inherit;

		position: static;

		left: inherit;

		top: inherit;

	}

	.comBox02 .photo img {

		width: 100%;

		height: auto;

		object-fit: inherit;

	  object-position: inherit;

	}

	.comBox02 .txtbox {

		width: auto;

	}

	.comBox02 .txtbox p {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comBox03 {

		margin-bottom: 3.2rem;

	}

	.comBox03 ul {

		display: block;

		margin-top: 0;

	}

	.comBox03 ul li {

		width: auto;

		margin: 1.5rem 0 0;

	}

	.comBox03 ul h3 {

		font-size: 1.28rem;

		margin-bottom: .5rem;

	}

	.comBox03 ul p {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comBox04 {

		margin: 3.2rem 0;

	}

	.comBox04 .photo {

		margin-bottom: 1rem;

	}

	.comBox04 p {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comBox05 {

		margin-bottom: 3.2rem;

	}

	.comBox05 ul {

		display: block;

	}

	.comBox05 ul li {

		width: auto;

		height: 20rem;

		margin-top: 1rem;

	}

	.comBox05 ul p {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comBox05 ul p span {

		font-size: 1.28rem;

	}

	.comBox06 {

		margin-bottom: 3.2rem;

	}

	.comBox06 .note {

		font-size: 1.12rem;

		line-height: 1.6;

		margin-bottom: 1.3rem;

	}

	.comBox06 .swiper-slide .txt {

		padding: 1rem;

	}

	.comBox06 .swiper-slide .txt h3 {

		font-size: 1.28rem;

	}

	.comBox06 .swiper-slide .txt p {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comBox06 .swiper-slide .ttl img {

		width: 3rem;

	}

	.comBox06 .swiper-slide .ttl p {

		font-size: 1.28rem;

	}

	.comBox06 .swiper-slide {

		width: 85%;

		height: 30rem;

	}

	.comBox06 .swiper-slide-active {

		width: 85%;

	}

	.comBox06 .swiper-button-next,

	.comBox06 .swiper-button-prev {

		width: 3rem;

		height: 3rem;

	}

	.comBox06 .swiper-button-next {

		margin-right: -3.8rem;

	}

	.comBox06 .swiper-button-prev {

		margin-left: -3.8rem;

	}

	.comDetail01 {

		padding: 3.2rem 0;

		margin-bottom: 3.2rem;

	}

	.comDetail01 .container {

		display: block;

	}

	.comDetail01 .lbox {

		width: auto;

	}

	.comDetail01 .lbox .mySwiper2 {

		margin-bottom: 1rem;

	}

	.comDetail01 .lbox .mySwiper2 .video {

		width: 4.5rem;

	}

	.comDetail01 .rbox {

		width: auto;

	}

	.comDetail01 .rbox h2 {

		padding: 2rem 0 1rem;

		margin-bottom: 1rem;

		font-size: 1.92rem;

	}

	.comDetail01 .rbox .typeul li {

		font-size: 1.12rem;

	}

	.comDetail01 .rbox .shareul {

		margin-top: 2rem;

	}

	.comDetail01 .rbox .shareul li {

		width: 2rem;

	}

	.comDetail02 {

		margin-bottom: 3.2rem;

	}

	.comDetail02 .txt {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comDetail02 ul li {

	  font-size: 1.12rem;

	  line-height: 1.6;

	}

	.comDetail03 {

		margin-bottom: 3.2rem;

	}

	.comDetail03 .note {

		font-size: 1.12rem;

	}

	.comDetail03 ul {

		justify-content: space-between;

	}

	.comDetail03 ul li {

		width: 48.5%;

		margin: 1rem 0 0;

	}

	.comDetail03 ul .inner {

		padding: 1rem;

		font-size: 1.1rem;

	}

	.comDetail04 {

		margin-bottom: 3.2rem;

	}

	.comDetail04 .note {

		font-size: 1.12rem;

	}

	.comDetail04 ul {

		justify-content: space-between;

	}

	.comDetail04 ul li {

		width: 48.5%;

		margin: 1rem 0 0;

	}

	.comDetail04 ul h3 {

		font-size: 1.25rem;

	}

	.comDetail04 ul p {

		font-size: 1.12rem;

	}

	.comDetail05 {

		margin-bottom: 3.2rem;

	}

	.comDetail05.bg {

		padding: 3.2rem 0;

	}

	.comDetail05 .container {

		display: block;

	}

	.comDetail05 .lbox {

		width: auto;

	}

	.comDetail05 .lbox h3 {

		font-size: 1.4rem;

	}

	.comDetail05 .lbox .txt {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comDetail05 .rbox {

		width: auto;

		margin-top: 1rem;

	}

	.comDetail06 {

		margin-bottom: 3.2rem;

	}

	.comDetail06 .note {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comDetail06 ul {

		justify-content: space-between;

	}

	.comDetail06 ul li {

		width: 48.5%;

	}

	.comDetail07 {

		margin-bottom: 3.2rem;

	}

	.comDetail07 .note {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comDetail07 ul li {

		display: block;

	}

	.comDetail07 ul .photo {

		width: auto;

	}

	.comDetail07 ul .photo img {

		width: 100%;

		height: auto;

	}

	.comDetail07 ul .txtbox {

		width: auto;

		padding: 1.5rem;

	}

	.comDetail07 ul .txtbox h3 {

		font-size: 1.28rem;

	}

	.comDetail07 ul .txtbox p {

		font-size: 1.1rem;

		line-height: 1.6;

	}

	.comDetail08 {

		margin-bottom: 3.2rem;

	}

	.comDetail08 ul li {

		margin-top: 1rem;

	}

	.comDetail08 ul h3 {

		font-size: 1.3rem;

	}

	.comDetail08 ul p {

		font-size: 1.12rem;

	}

	.comDetail08 ul.two {

		display: block;

		margin-top: 0;

	}

	.comDetail08 ul.two li {

		width: auto;

	}

	.comDetail09 {

		margin-bottom: 3.2rem;

	}

	.comDetail09 .note {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comDetail09 ul {

		justify-content: space-between;

	}

	.comDetail09 ul li {

		width: 48.5%;

	  margin: 1rem 0 0;

	}

	.comDetail09 ul h3 {

		min-height: 3.2rem;

		font-size: 1.25rem;

	}

	.comDetail09 ul p {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comDetail10 {

		margin-bottom: 3.2rem;

	}

	.comDetail10 .imgbox {
		padding-left: 0;
	}
	.comDetail10 .mySwiper {
  position: relative;
  height: auto;
  width: auto;
		margin-bottom: 1rem;
}
	.comDetail10 .mySwiper .swiper-slide div {
		position: relative;
		padding-bottom: 100%;
	}
	.comDetail10 .mySwiper .swiper-slide img {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		object-fit: cover;
  object-position: center;
	}
	.comDetail10 .mySwiper2 h3 {

		font-size: 1.5rem;

	}

	.comDetail10 .mySwiper2 p {

		font-size: 1.12rem;

		line-height: 1.6;

	}
	.comDetail10 .mySwiper2 .swiper-slide {
		display: block;
	}
	.comDetail10 .mySwiper2 .photo {
		width: auto;
	}
	.comDetail10 .mySwiper2 .txtbox {
		width: auto;
		margin-top: 1rem;
		position: static;
  right: inherit;
  top: inherit;
  max-height: auto;
	-webkit-transform: translateY(0);
  transform: translateY(0);
	padding-right: 0;
	}

	.comDetail11 {

		margin-bottom: 3.2rem;

	}

	.comDetail11 ul {

		justify-content: space-between;

	}

	.comDetail11 ul li {

		width: 48.5%;

		margin: 1rem 0 0;

	}

	.comDetail12 {

		margin-bottom: 3.2rem;

	}

	.comDetail12 .note {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comDetail12 .note span {

		font-size: 1.2rem;

	}

	.comDetail13 {

		margin-bottom: 3.2rem;

	}

	.comDetail13 .note {

		font-size: 1.12rem;

		line-height: 1.6;

		margin-bottom: 1rem;

	}

	.comDetail13 .imgbox {

		display: block;

	}

	.comDetail13 .imgbox .rbox {

		width: auto;

		height: auto;

	}

	.comDetail13 .imgbox .rbox img {

		height: auto;

	}

	.comDetail13 .imgbox .lbox {

		width: auto;

		overflow-y: inherit;

		direction: inherit;

	}

	.comDetail13 .imgbox .lbox .inner {

		height: auto;

	}

	.comDetail13 .imgbox .lbox ul {

		padding: 0;

	}

	.comDetail13 .imgbox .lbox ul li {

		margin: 0;

	}

	.comDetail13 .imgbox .lbox ul .txt {

		display: block;

		font-size: 1.12rem;

		line-height: 1.6;

		margin: 1rem 0 0 2.5rem;

	}

	.comDetail13 .imgbox .lbox ul h3 {

		font-size: 1.28rem;

	}

	.comDetail14 {

		margin-bottom: 3.2rem;

	}

	.comDetail14 ul li {

		display: block;

		margin-top: 1rem;

	}

	.comDetail14 ul .photo {

		width: auto;

		margin-bottom: 1rem;
		height: auto;

	}

	.comDetail14 ul .txtbox {

		width: auto;
		max-height: inherit;
		padding-right: 0;

	}

	.comDetail14 ul .txtbox h3 {

		font-size: 1.5rem;

		margin-bottom: .5rem;

	}

	.comDetail14 ul .txtbox p {

		font-size: 1.12rem;

		line-height: 1.6;

	}

	.comDetail15 {

		margin-bottom: 3.2rem;

	}

	.comDetail15 dl dt {

		padding: 1rem 3.2rem 1rem 1rem;

		font-size: 1.28rem;

		background-position: right 1rem center;

	}

	.comDetail15 dl dd {

		font-size: 1.12rem;

		line-height: 1.6;

		padding: 0 1rem 1rem;

	}



}





/* #region  */



/* #endregion */